/*------------------------------------------------------------------------------*/
/*	 NAV DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#nav_container{width:960px; margin:0 auto; height:75px; background:url(../images/layout/bg_main_navigation.gif) no-repeat;}

ul#topnav{margin:0 0 0 6px; padding:0; float:left; width: 100%; list-style: none; font-size:12px;}

ul#topnav li{float: left; margin:0; padding:0; position: relative; z-index:50; /*--Important--*/}

ul#topnav li a{float: left;	text-indent: -9999px; height:75px;}

ul#topnav li:hover a, ul#topnav li a:hover{background-position: left bottom;} /*--Hover State for all Top Navigation--*/


/*--Navigation Buttons--*/

ul#topnav a.skin_problems{background:url(../images/navigation/nav_1.gif) no-repeat;	width:150px; margin-left:9px;}
ul#topnav a.skin_treatments{background:url(../images/navigation/nav_2.gif) no-repeat; width:172px; margin-left:9px;}
ul#topnav a.hair_removal{background:url(../images/navigation/nav_3.gif) no-repeat; width:149px; margin-left:9px;}
ul#topnav a.products{background:url(../images/navigation/nav_4.gif) no-repeat; width:166px; margin-left:9px;}
ul#topnav a.shop{background:url(../images/navigation/nav_5.gif) no-repeat; width:120px; margin-left:9px;}
ul#topnav a.media{background:url(../images/navigation/nav_6.gif) no-repeat; width:129px; margin-left:9px;}






ul#topnav li .sub {
	position: absolute; /*--Important--*/
	z-index:999;
	top: 75px; left: 9px;
	background: #f0f0f0 url(../images/layout/bg_drop_navigation.gif) repeat-x bottom center;
	padding: 10px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .row { /*--If needed to break out into rows--*/ clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{list-style: none;	margin: 0; padding:0; width: 165px; float: left;}

ul#topnav .sub ul li {width: 100%; /*--Override parent list item--*/ color: #fff; line-height:18px;}



ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	margin: 0;
	font-weight: bold;
	padding: 5px 0;
	background-image: none;
	color: #fc811b;
	font-size: 13px;
}

ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	background-image: none;
	color: #fc811b;
	padding: 5px 0;
	font-size: 13px;
}



ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../images/navigation/arrow.gif) no-repeat 0px 11px;
	padding: 4px 5px 5px 10px;
	display: block;
	text-decoration: none;
	color: #082722;
	font-size:12px;
}
ul#topnav .sub ul li a:hover {
	color: #045E62;
	background-position: 0px 11px ;/*--Override background position--*/
}