/*
	************************************************************************************************************************
	START OF Drop Down Menu Styles
	************************************************************************************************************************
*/

/* top tabs // added 25/11 by michael. */

#header ul#upper-tabs {

	height:30px;
	position:relative;
	margin:-36px 0 0 352px;
	padding:0;
	z-index:50;
	float:left;
	display:inline;
} 

#header ul#upper-tabs li {
	list-style:none;
	float:left;
	margin:0 0 0 2px;
	position:relative;
	z-index:50;
}

#header ul#upper-tabs li.active {
	width:144px;
	height:38px;
	position:relative;
	margin-top:-3px;
}

#header ul#upper-tabs li a {
	background-repeat:no-repeat;
	background-position:0 -38px;
	height:33px;
	width:137px;
	display:block;
	overflow:hidden;
	float:left;
}

#header ul#upper-tabs li a:hover {
	background-position:bottom left;
}


#header ul#upper-tabs li a#salonlines {
	background-image:url(/assets/images/nav/tabs/salonlines.png);
}

#header ul#upper-tabs li a#salontrade {
	background-image:url(/assets/images/nav/tabs/salontrade.png);
}

#header ul#upper-tabs li a#mensgrooming {
	background-image:url(/assets/images/nav/tabs/mensgrooming.png);
}

#header ul#upper-tabs li a#christmas {
	background-image:url(/assets/images/nav/tabs/christmas.png);
}

#header ul#upper-tabs li.active a {
	background-position:0 0;
	width:144px;
	height:38px;
}

#header ul#upper-tabs li a:hover {
	background-position:0 -72px;
}

#header ul#upper-tabs li.active a:hover {
	background-position:0 0;
}

#header ul#upper-tabs li a#her-tab {
	background-image:url(/assets/images/nav/tabs/her-bg.png);
}

#header ul#upper-tabs li.active a#her-tab {
	background-image:url(/assets/images/nav/tabs/her-active.png);
}



#header ul#upper-tabs li a#her-tab {
	background-image:url(/assets/images/nav/tabs/her-bg.png);
}

#header ul#upper-tabs li.active a#her-tab {
	background-image:url(/assets/images/nav/tabs/her-active.png);
}

#header ul#upper-tabs li a#him-tab {
	background-image:url(/assets/images/nav/tabs/him-bg.png);
}

#header ul#upper-tabs li.active a#him-tab {
	background-image:url(/assets/images/nav/tabs/him-active.png);
}

#header ul#upper-tabs li a#trade-tab {
	background-image:url(/assets/images/nav/tabs/trade-bg.png);
}

#header ul#upper-tabs li.active a#trade-tab {
	background-image:url(/assets/images/nav/tabs/trade-active.png);
}


   
ul#siteNav li {
	float:left;
	position:relative;
	width:auto; /* Width of Menu Items */
	float: left;
	display:block;
	position: relative;
	z-index:500;
	margin:0;
	padding:0 2px 0 0;
	background: url(/assets/images/nav/nav-seperator.png) no-repeat top right;
}

ul#siteNav li:last-child,
ul#siteNav li.last-child {
	background:none;
	padding:0;
}

	ul#siteNav li a {
		float:left;
		position:relative;
		z-index:500;
		font-weight: bold;
		text-align:center;
		line-height: 30px;
		color: #fff;
		display: block;
		text-decoration: none;
		font-size:0.7em;
		margin:0;
	}

	ul#siteNav li.hover a,
	ul#siteNav li:hover a,
	ul#siteNav li a:hover {

		margin:0;
	}

	ul#siteNav li.active a:hover,
	ul#siteNav li.active a.hover,
	ul#siteNav li.active:hover a {
		background:none;
		border:none;

		margin:0;
	}   

#header ul.women li a {
	padding:0 14px 0 15px;
}

#header ul.women li a:hover {
	padding:0 14px 0 15px;
}

#header ul.men li a {
	padding:0 6px;
}

#header ul.men li a:hover {
	padding:0 6px;
}

#header ul.trade li a {
	padding:0 11px 0 10px;
}

#header ul.trade li a:hover {
	padding:0 11px 0 10px;
}
           
ul#siteNav {
	width:920px;
	height:30px;
	position:relative;
	background: url(/assets/images/nav/nav-bg.png) repeat-x top left #c03955;
	border-top:1px solid #a52742;
	border-bottom:1px solid #a52742;
	float:left;
	padding: 0;
	margin: -2px 0 0 0;
	list-style: none;
	z-index:1000;
}  

ul#siteNav li a.featured {
	float:left;
	padding:40px 10px 10px 10px;
	width:133px;
	line-height:normal;
	background-image:url(/assets/images/featured-products/featured-products.png);
	background-position:center 10px ;
	background-repeat:no-repeat;
	margin:0 15px 0 0;
	display:block;
	background-color:#fff;
	border:1px solid #cdcdcd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	behavior:url(/assets/js/PIE.htc);
	color:#000;
}

a.featured img {
	width:103px;
	padding:1px;
	margin:0 auto 10px auto;
	/*-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);	
	behavior:url(/assets/js/PIE.htc);
	border:1px solid #851e33;*/
	display:block;
}

ul#siteNav li a.featured:hover {
	border:1px solid #e8b3be;
	padding:40px 10px 10px 10px;
	width:133px;
	margin:0 15px 0 0;
}

ul#siteNav li div {
	display:none;
	position:absolute;
	/*background-color:#A3253F;*/   
	background-color:#fff;
	border:1px solid #a52742;
	z-index:500;
	margin:30px 0 0 5px;
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);	
	-moz-border-radius-bottomright:5px;
	-webkit-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;	
	behavior:url(/assets/js/PIE.htc);
	padding:10px 0 10px 10px;
	left:1px;
}


ul#siteNav li.active:hover div,
ul#siteNav li:hover div  {
	margin-left:0;
}

	ul#siteNav li:hover div,
	ul#siteNav li.hover div {
		display:block;
		margin:30px 0 0 5px;
	}
		ul#siteNav li div dl {
			float:left;
			margin:0 15px 0 0;
			width:155px;
		}   

			ul#siteNav li div dl dd {
				margin:0;
				border: none;
				/*border-top: 1px solid #d04a66;*/
				text-align:left;
				padding:0;
			}
			
			ul#siteNav li.active div dl dd {

			}
			   
			   
				#header ul#siteNav li:hover div dl dd a,
				#header ul#siteNav li div dl dd a {
					width:auto;
					color:#a52742;
					line-height:1.5;
					display:block;
					float:none;
					background:url(../images/linkarrow.gif) no-repeat center left;
					padding:6px 0 6px 20px;
					border:none;
					text-align:left;
					text-decoration:underline;
				}
			   
				#header ul#siteNav li.active div dl dd a,
				#header ul#siteNav li.active:hover div dl dd a {                   
					height:auto;
					width:auto;
					padding:6px 0 6px 20px;
					color:#222;
					line-height:1.5;
					display:block;
					float:none;
					background:url(../images/linkarrow.gif) no-repeat center left;
					border:none;
				}
				#header ul#siteNav li div dl dd a:hover {
					background:url(../images/linkarrow1.gif) no-repeat center left #a52742;
					color:#fff;
					padding:6px 0 6px 20px;
				}
				#header ul#siteNav li.active div dl dd a:hover {
					background-color:#c7415c;
					height:auto;
				}