@charset "utf-8";
/* CSS Document */

body 
{
	behavior:url(/csshover.htc);
}

body #leftNav ul li ul, #topNav ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

/* LEFT NAV STYLES */


#leftNav	{
width:196px;
float:left;
list-style:none;
margin:0px;
padding:0px;
font:Arial, Helvetica, sans-serif;
}


div#leftNav ul
{
	margin:0px;
	padding:0px 0px;
}

div#leftNav li
{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	border-bottom:1px solid #97a9be;
	padding:0px 0px 0px 0px ;
	margin:0px;
	width:196px;
	display:block;
	font-weight:normal;
}

div#leftNav li:hover
{
	color:#FFFFFF;
	background-image:url(../images/leftnav-hover.jpg);
	background-repeat:no-repeat;
}

div#leftNav li.leftnavBig:hover
{
	color:#FFFFFF;
	background-image:url(../images/leftnav-hover_big.jpg);
	background-repeat:no-repeat;
}




div#leftNav ul li a  {
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly ---*/
	padding:7px 0px 7px 17px; /*--- Space on sides of menu item's text ---*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	color:#284971;
	width:179px;
	font-weight:normal;	
	float:none;
	margin:0px;
	font-size:12px;
}

div#leftNav ul li a:hover  {
	color:#ffffff;
	display:block;
/*	background-image:url(../images/leftnav-hover.jpg);
	background-repeat:no-repeat;*/
}


div#leftNav ul li ul
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:234px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:0px;
	padding:0px 1px;
	font-size:10px;
	width:135px;
}


/* END LEFT NAV */

/* ======= */

/* 	TOP NAV STYLES */

div#topNav /*--- Menu List Container ---*/
{
	width:789px;
	float:left; /*--- Makes the div enclose the list ---*/
	background-image:url(../images/topnav-bg.jpg);
	background-repeat:no-repeat;
	padding:3px 0px;
	height:24px;
	position:relative;
	z-index:1;
}

div#topNav ul
{
	padding:0px;
	margin:0px 0px 0px 0px;
}

div#topNav li		{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	margin:0px 0px;
	padding:0px 0px;
}

div#topNav li.navLine	{
width:1px;
height:24px;
background-color:#8ea0b8;
margin:0px 5px;
}

div#topNav li a {
	margin:0px 0px; 
	padding:0px;
	}

	div#topNav li.home	{
	background-image:url(../images/topnav-home-off.gif);
	background-repeat:no-repeat;
	width:53px;
	height:24px;
	}
		div#topNav li.home:hover	{
		background-image:url(../images/topnav-home-on.gif);
		}

	div#topNav li.products	{
	background-image:url(../images/topnav-products-off.gif);
	background-repeat:no-repeat;
	width:98px;
	height:24px;
	}
		div#topNav li.products:hover	{
		background-image:url(../images/topnav-products-on.gif);
		}
		
/*	div#topNav li.services	{
	background-image:url(../images/topnav-services-off.gif);
	background-repeat:no-repeat;
	width:69px;
	height:24px;
	}
		div#topNav li.services:hover	{
		background-image:url(../images/topnav-services-on.gif);
		}
*/		
	div#topNav li.brands	{
	background-image:url(../images/topnav-brands-off.gif);
	background-repeat:no-repeat;
	width:59px;
	height:24px;
	}
		div#topNav li.brands:hover	{
		background-image:url(../images/topnav-brands-on.gif);
		}
		
	div#topNav li.contact	{
	background-image:url(../images/topnav-contact-off.gif);
	background-repeat:no-repeat;
	width:86px;
	height:24px;
	}
		div#topNav li.contact:hover	{
		background-image:url(../images/topnav-contact-on.gif)
		}

	div#topNav li.about	{
	background-image:url(../images/topnav-about-off.gif);
	background-repeat:no-repeat;
	width:75px;
	height:24px;
	}
		div#topNav li.about:hover	{
		background-image:url(../images/topnav-about-on.gif);
		}
		
	div#topNav li.testimonials	{
	background-image:url(../images/topnav-testimonials-off.gif);
	background-repeat:no-repeat;
	width:95px;
	height:24px;
	}
		div#topNav li.testimonials:hover	{
		background-image:url(../images/topnav-testimonials-on.gif);
		}


		
div#topNav ul li:hover ul		{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

/*--- DROPDOWNS ---*/

div#topNav ul li ul
{
	Width:100%;
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:0px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:24px;
	padding:0px;	
}

	div#topNav ul li ul.drop_products	{	width:155px;	}
	div#topNav ul li ul.drop_about	{	width:115px;	}
	div#topNav ul li ul.drop_brands	{	width:160px;	}
/*	div#topNav ul li ul.drop_education	{	width:100px;	}
	div#topNav ul li ul.drop_doctor	{	width:136px;	}
*/
div#topNav ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #2d4562; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #2d4562;
	border-right:1px solid #2d4562;
	padding:0px 5px;
	margin:0px;
/*	background-image:url(../images/dropdown-bg.png);
	background-repeat:repeat;
*/	background-color:#486589;
	display:block;	
}

div#topNav ul li ul li.top
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #2d4562; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #2d4562;
	border-right:1px solid #2d4562;
	border-top:1px solid #2d4562;
	padding:0px 5px;
	margin:0px;
	display:block;	
}

div#topNav ul li ul li:hover {
	background-color:#304a6b;
	background-image:none;
}

div#topNav ul li ul li a	{
	display: block;
	font-weight:normal;
	width:100%;
	padding:3px 0px 3px 0px;
	margin:0px;
	color:#fcf1d4;
	font-size:11px;
	text-decoration:none;
}

div#topNav ul li ul li a:hover	{
	display: block;
	width:100%;
	font-weight:normal;
	padding:3px 0px 3px 0px;
	margin:0px;
}

input#zoom_query	{ width:70px;  border:1px solid #d3dae3; font-size:10px; }

input#goButton	{ background-color:#8d9db1; padding:0px 1px; color:#FFFFFF; font-size:10px; font-weight:bold;  text-align:center; border:1px solid #d3dae3;margin-top:3px;}


input#goButton:hover	{ background-color:#5a7392;}

input#goButton:active { background-color:#28394d; position:relative; top:1px /* or more */}
/* === END TOP NAV STYLES === */


/*---------------------------------- FIX FOR FLOATED ELEMENTS WITHIN A CONTAINER DIV --------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*--- Fix for IE on Mac ---*/
.clearfix
{
	display: inline-block;
}

/*--- Hack for bug in IE6 ---*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;