/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
/*-------------------------------------------------------------------------------------------------------*/
/*	CONTENT STYLES
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements
/*-------------------------------------------------------------------------------------------------------*/
body,body.nobg
{
	margin:					0px;
	padding:				0px;
	
	background-image:		url(/images/bg_page_home.gif);
	background-repeat:		repeat-y;

}

/*	Eliminate background image	*/
body.nobg
{
	background-image:		none;
}

form
{
	margin:				0em;
}

#header
{
	background-image:		url(/images/bg_header_sub.gif);
	background-repeat:		no-repeat;
	background-color:		white;
	height:					98px;
	margin:					0px;
}

table#body
{
	border-top:				none;
	background-color:		white;
	width:					804px;
}

col#left
{
	width:					150px;
}

td#left
{
	width:					147px;
	background-color:		rgb(191,204,229);
	border-right:			4px solid rgb(37,68,123);
}

col#content
{
	width:					648px;
}

td#right
{
}

td#content
{
	width:					648px;
	background-image:		url(/images/bg_body_sub.gif);
	background-repeat:		no-repeat;
	background-color:		white;
	padding-bottom:			30px;
}

#languagetoggle
{
	position:				absolute;
	top:					30px;
	left:					342px;
	margin-right:			20px;
	font-size:				10px;
	color:					rgb(100,133,191);
	background-color:		rgb(252,253,254);
	border:					none;
}

#searchwidget
{
	position:				absolute;
	left:					664px;
	top:					81px;
	vertical-align:			top;
}


input.searchwidgetinput
{
	width:					99px;
	margin-right:			7px;
	border:					none;
	height:					13px;
	font-size:				10px;

	color:					rgb(100,133,191);
	background-color:		rgb(252,253,254);
}

input.searchsubmit
{
	font-size:				9px;
}

#productselector
{
	position:				absolute;
	top:					30px;
	left:					615px;
	margin-right:			20px;
	
}

#productselector select
{
	height:					300px;
	width:					150px;
	font-size:				10px;
	color:					white;
	background-color:		rgb(105,137,193);
	border:					none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles
/*-------------------------------------------------------------------------------------------------------*/
#footer
{
	clear:					both;
	padding:				12px 0px 0px 72px;
	line-height:			1.3em;
	font-family:			arial,helvetica,arial,sans serif;
	font-size:				.65em;
	width:					500px;
	color:					rgb(196,203,216);
}

#footer a,
#footer a:hover
{
	color:					rgb(196,203,216);
}

#footer .divider
{
	color:					rgb(196,203,216);
	margin:					0px 10px;
}




/*-------------------------------------------------------------------------------------------------------*/
/*	Developer positioning tools
/*-------------------------------------------------------------------------------------------------------*/
#poslabel
{
	position:				absolute;
	display:				none;
	z-index:				1000;
	background-color:		rgb(238,238,238);
	font-family:			verdana,arial,sans serif;
	font-size:				0.65em;
	padding:				5px 3px;
	border:					1px solid rgb(153,51,51);
}

#grid
{
	position:				absolute;
	display:				none;
	z-index:				500;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					0px;
	background-image:		url(/images/grid.gif);
	border:					1px solid black;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Miscellaneous
/*-------------------------------------------------------------------------------------------------------*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

p
{
	margin:					0px;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Global styles
/*-------------------------------------------------------------------------------------------------------*/
#globals
{
	text-align:				left;
	font-family:			verdana,arial,sans serif;
	font-size:				0.65em;
	color:					black;
	
	position:				absolute;
	top:					20px;
	right:					20px;
	white-space:			nowrap;
}

#globals a
{
	margin-right:			10px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles
/*-------------------------------------------------------------------------------------------------------*/
h1
{
	margin:					12px 0px 0px 40px;
	padding:				0.5em 0em;

	font-family:			arial,helveticasans serif;
	font-weight:			bold;
	font-size:				.8em;
	color:					rgb(32,60,109);
}

table.list tr td h1{
	margin:					2px 0px 0px 2px !important;
}

h1 a,
h1 a:hover,
{
	text-decoration:		none;
	color:					rgb(32,60,109);
}


h2 a,
h2 a:hover
{
	text-decoration:		none;
	color:					rgb(55,98,172);
}

h2
{
	margin:					12px 0px 0px 40px;
	
	font-family:			arial,helveticasans serif;
	font-weight:			bold;
	font-size:				.68em;
	color:					rgb(32,60,109);
}

h3
{
	margin:					1.7em 0em 0em 0em;
	line-height:			1.7em;
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:				.68em;
	color:					black;
}

/*	Same properties except different line-height	*/
.bodytext,.bodytext2
{
	margin:					5px 30px 0px 40px;
	padding:				0px;
	font-family:			arial,helveticasans serif;
	line-height:			1.5em;
	font-size:				.68em;
	color:					rgb(32,60,109);
}

.bodytext2
{
	line-height:			1.4em;
	margin-bottom:			1.3em;
}

.smalltext
{
	margin:					0.5em 0em 1.7em 40px;
	padding:				0px;
	line-height:			1.1em;
	font-family:			verdana,arial,sans serif;
	font-size:				.62em;
	color:					black;
}

a
{
	text-decoration:		none;
	color:					rgb(55,98,172);
}

a:hover
{
	color:					rgb(55,98,172);
}

blockquote
{
	margin:					20px 40px 20px 50px;
	padding:				0px;
	font-family:			arial,helveticasans serif;
	line-height:			1.3em;
	font-size:				.68em;
	color:					rgb(32,60,109);
}

td.searchnumber,
td.searchresult
{
	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.68em;
	color:				black;
	vertical-align:		top;
	padding-right:		15px;
}

td.searchnumber
{
	padding-right:		7px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning ( image only )
/*-------------------------------------------------------------------------------------------------------*/
img.right
{
	float:					right;
	margin:					0px 0px 20px 20px;
}

img.left
{
	float:					left;
	margin:					0px 20px 20px 0px;
}

img.thumbnail
{
	float:					left;
	margin:					0px 10px 10px 40px;
	clear:					both;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning with caption block
/*-------------------------------------------------------------------------------------------------------*/
.caption-left,.caption-right
{
	width:					200px;
	padding:				5px 0px;

	line-height:			1.3em;
	font-family:			verdana,arial,sans serif;
	font-size:				0.68em;
}

.caption-left
{
	float:					left;
	margin:					0px 20px 20px 0px;
}

.caption-right
{
	float:					right;
	margin:					0px 20px 20px 20px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Table data
/*-------------------------------------------------------------------------------------------------------*/
table.data
{
	clear:					both;
	width:					563px;
	margin-left:			40px;
	border-left:			1px solid rgb(202,202,202);
	border-right:			1px solid rgb(202,202,202);
	
}

table.data th
{
	text-align:				left;
	font-family:			arial,helvetica,sans serif;
	font-weight:			bold;
	font-size:				0.60em;
	height:					25px;
	vertical-align:			bottom;
	text-align:				left;
	padding:				0px 5px 5px 5px;
	
	color:					white;
	background-color:		rgb(105,137,193);
}

table.data td
{
	font-family:			arial,helvetica,sans serif;
	font-size:				0.60em;
	color:					black;


	padding: 3px 3px 3px 3px;
	border-bottom:			1px solid rgb(202,202,202);
	border-right:			1px solid rgb(202,202,202);
	border-top:			1px solid rgb(202,202,202);
	
	margin-bottom:			0px;
}

td.text,td.title
{
	padding-left:			5px;
	text-align:				left;
	width:					250px;
}

td.title
{
	width:					150px;
	white-space:			nowrap;
	font-weight:			bold;
}

td.number
{
	padding:				0px 10px 0px 10px;
	width:					50px;
	text-align:				right;
}

.subcategory
{
	margin-top:				2px;
	font-style:				italic;
	margin-left:			5px;
	margin-bottom:			2px;
}

td.attribute
{
	padding:				0px 20px 0px 0px;
}


/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	MENUS & NAVIGATION
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Container blocks for nav sets
/*-------------------------------------------------------------------------------------------------------*/
/*	NOTE:  Do not user border-top property because IE and Opera will not position DHTML menus correctly
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	/*	Do not modify		----------------------------*/
	clear:					both;
	border-top:				0px!important;
	
	/*	Customizeable		----------------------------*/
	padding-left:			10px;
}


/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Bread crumb
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	line-height:			26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:				11px;
}

#breadcrumb a
{
	text-decoration:		none;
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	DHTML menu styles
/*-------------------------------------------------------------------------------------------------------*/
ul.menublock,ul.submenublock,ul.narrow
{
	/*	Do not modify		----------------------------*/
	/*	Do not modify		----------------------------*/
	position:				absolute;
	z-index:				200;
	visibility:				hidden;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	display:				none;

	/*	Customizeable options	--------------------*/
	width:					145px;
	border-bottom:			none;
	background-color:		rgb(238,238,238);
	background-color:		rgb(221,229,241);
}

ul.submenublock
{
	background-color:		rgb(105,137,193);
	margin-top:				1px;
}

ul.narrow
{
	width:					105px;
}

/*	Do not modify	*/
ul.menublock li, ul.submenublock li, ul.narrow li
{
	display:				inline;
}

ul.menublock a,ul.submenublock a, ul.narrow a
{
	display:				block;
	width:					155px;
	height:					23px;
	border-bottom:			1px solid white;
	padding:				0px 15px;
	line-height:			23px;
	white-space:			nowrap;
	font-family:			arial,helvetica,arial,sans serif;
	font-size:				11px;
	text-decoration:		none;

	background-color:		rgb(221,229,241);
	color:					rgb(32,60,109);
}

ul.submenublock a
{
	background-color:		rgb(105,137,193);
	color:					rgb(226,232,243);
	border-bottom:			none;
}

ul.narrow a
{
	width:					105px;
}

.menublock a:hover,.submenublock a:hover, ul.narrow a:hover
{
	background-color:		rgb(105,137,193);
	color:					rgb(226,232,243);
}

/*	Makes arrow indicator for links with submenu	*/
a.showsub,a.showsub:hover
{
	cbackground-image:		url( /images/arrow0.gif );
	cbackground-position:	center right;
	cbackground-repeat:		no-repeat;
}

/*	Change color on mouseover	*/
a.showsub:hover
{
	cbackground-image:		url( /images/arrow1.gif );
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Main nav item styles (for text-only menu headers - delete these if graphics are used for main nav)
/*-------------------------------------------------------------------------------------------------------*/
#topnav a,#topnav a.active
{
	display:				block;
	height:					19px;
	padding:				0px 15px;
	line-height:			19px;
	white-space:			nowrap;
	
	font-family:			arial,helvetica,arial,sans serif;
	font-size:				10px;
	text-decoration:		none;
	color:					rgb(217,225,239);
	text-transform:			uppercase;
}

#topnav a.active
{
	background-color:		rgb(105,137,193);
	color:					rgb(226,232,243);
}

#topnav a:hover,
#topnav a.active:hover
{
	background-color:		rgb(105,137,193);
	color:					rgb(226,232,243);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles
/*-------------------------------------------------------------------------------------------------------*/
ul#sidenav,
ul#sidenav ul.sub
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	width:					147px;
	margin-bottom:			20px;
}

ul#sidenav ul.sub
{
	width:					147px;
	margin-bottom:			0px;
	display:				block;
	margin-top:				-2px;
}

a.sidenav-top,
a.sidenav-top:hover
{
	display:				block;
	padding:				7px 24px;
	border-bottom:			1px solid rgb(204,204,204);
	font-family:			arial,helvetica,sans serif;
	font-weight:			bold;
	font-size:				10px;
	text-decoration:		none;
	color:					rgb(191,204,229);
	background-color:		rgb(32,60,109);
}

ul#sidenav a
{
	display:				block;
	padding:				5px 24px;
	line-height:			13px;
	font-family:			verdana,arial,sans serif;
	font-size:				10px;
	text-decoration:		none;
	color:					rgb(32,60,109);
	width:					99px;
	margin:					0px!important;
}

ul#sidenav ul.sub a
{
	margin-left:			0em!important;
	color:					white;
	padding-left:			30px;
	width:					79px;
}

ul#sidenav a.active
{
	color:					white;
}

ul#sidenav ul.sub li
{
	margin:					0px;
	padding:				0px;
				
}

ul#sidenav ul.sub li a
{
	padding:				3px 0px 3px 34px;
}

ul#sidenav ul.sub
{
	margin-top:				2px;
}

li.activeli
{
	padding-bottom:			10px;
}


select.productpicker
{
	font-size:				11px;
	height:					300px;
	width:					240px;
}

option.producttype
{
	color:					rgb(214,223,238);
	font-weight:			bold;
}

option.product
{
	color:					rgb(214,223,238);
}

#productlinkscontainer
{
	clear:					both;
	margin-bottom:			15px;

	padding-left:			0px;
}

#productlinks
{
	border-top:				2px solid rgb(32,60,109);
	padding-top:			2px;
	width:					auto;
	float:					left;
}

#productlinks a,
#productlinks a:hover
{
	font-family:			arial,helveticasans serif;
	line-height:			30px;
	height:					25px;
	font-size:				11px;
	
	color:					white;
	font-weight:			bold;
	background-color:		rgb(32,60,109);

	padding:				8px 8px 10px 8px;

	margin-right:			3px;
}

#producttitle
{
	font-family:			arial,helveticasans serif;
	font-weight:			bold;
	font-size:				48px;
	width:					575px;
	padding:				16px 37px;
	background-color:		rgb(32,60,109);
	color:					white;
	margin-bottom:			30px;

	filter:					alpha(opacity=20);
	filter:					progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity:			.20;
	-khtml-opacity:			.20;
	opacity:				.20;
}