/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* RESOURCE UPDATED UP TO (AND INCLUDING): 20120213_headerupdate */

#navigation .inside {
	height: 34px;
	width: 964px;
	position: relative;
	font-family: arial, verdana, sans-serif;
	z-index: 40;
	margin-left: -12px;
}
#navigation ul#menu {
	margin: 0;
	padding: 0 0 0 1px;
	list-style: none;
	white-space: nowrap;
}
#navigation ul#menu li.level1-li {
	float: left;
	height: 34px;

}
#navigation ul#menu li.level1-li a.level1-a {
	text-decoration: none;
	display: block;
	float: left;
	position: relative;
	z-index: 42;
}
#navigation ul#menu li.level1-li a.level1-a span{
	display: block;
	height: 34px;
	float: left;
	font-size: 1.4em;
	background: #161616;
	padding: 0 13px;
	text-decoration: none;
	line-height: 34px;
	white-space: nowrap;
	font-weight: normal;
	color: #f4f4f4;
	outline: none;
	-moz-outline: none;
	z-index: 42;
	cursor: pointer;
	margin-left: -1px;
	text-transform: lowercase;
}

#navigation ul#menu li.level1-li a.level1-a span.more { 
	background: url(../../images/dt/ico_nav_more-arrow.gif) 100% 16px no-repeat; 
	padding: 0 17px 0 0;
	border: none;
	font-size: 1em;
}

#navigation ul#menu li.level1-li a.level1-a span.active span.more { 
	background: url(../../images/dt/ico_nav_more-arrow.gif) 100% -79px no-repeat; 
	padding: 0 17px 0 0;
	border: none;
	color: #161616;
	margin: 0;
}

#navigation ul#menu li.level1-li a.level1-a span.active {

	color: #161616;
	background: url(../../assets/images/sprites_x_repeat.png) repeat-x transparent;
	background-position: 0 -39px;
	height: 34px;
	position: relative;
	margin:0 0 0 -1px;
}
#navigation ul#menu li.level1-li .arrow { display: none; } 
#navigation ul#menu li.level1-li a.level1-a span .arrow { display: none; }
#navigation ul#menu li.level1-li a.level1-a span.active .arrow {
	position: absolute; 
	background: url(../../assets/images/sprites.png) -425px -107px no-repeat transparent;
	bottom: -6px;
	left: 50%;
	width: 13px;
	height: 7px;
	border: none;
	display: block;
	margin-left: -7px;
	z-index: 39;
	padding: 0;
}

#navigation ul#menu li.level1-li a.first-item span{
	padding-left: 0 !important;
}
#navigation ul#menu li.level1-li a.sale-item span{
	color: #9e9e9e;
}
#navigation ul#menu li.level1-li:hover, 
#navigation ul#menu li.level1-li a.level1-a:hover span{
	position: relative;
	z-index: 43;
	height: 34px;
}

#navigation ul#menu li.level1-li a.level1-a:hover span { 
	margin-left: -1px;
 	padding: 0 13px;
}

#navigation ul#menu li.level1-li:hover .arrow, 
#navigation ul#menu li.level1-li a.level1-a:hover span .arrow{
	display: none;
}


#navigation ul#menu li.level1-li a.level1-a:hover span, 
#navigation ul#menu li.level1-li:hover a.level1-a span{

	color: #161616;
	background: #ffffff;
}

#navigation ul#menu li.level1-li a.level1-a:hover span.more, 
#navigation ul#menu li.level1-li:hover a.level1-a span.more,
#navigation ul#menu li.level1-li a.level1-a:hover span.active span.more, 
#navigation ul#menu li.level1-li:hover a.level1-a span.active span.more { 
	background: #ffffff url(../../images/dt/ico_nav_more-arrow.gif) 100% -29px no-repeat; 
	padding: 0 17px 0 0;
	border: none;
}

#navigation ul#menu li.level1-li a:hover.first-item span{

	padding-left: 0;
}

#navigation ul#menu li.sub a.level1-a:hover {
	height: 34px;
	color: #c30000;
}
#navigation ul#menu li.sub:hover > a.level1-a {
	height: 34px;
	color: #c30000;
	z-index: 44;
}
#navigation ul#menu li.sub:hover > a.level1-a span { 
	height: 35px;  
	padding: 0 13px;
	margin-left: -1px;
}
#navigation ul#menu li.sub:hover > a.level1-a span.arrow { display: none; }

#navigation ul#menu li.no-sub-menu a:hover {
	height: 34px;
}
#navigation ul#menu li.no-sub-menu a:hover span { padding: 0 10px 0 11px; margin-left: -1px; }


#navigation ul#menu li div.listHolder {
	position: absolute;
	left: -9999px;
	top: 34px;
	background: #fff;
	
	box-shadow: 2px 2px 4px #aaa;
	-moz-box-shadow: 2px 2px 4px #aaa;
	-webkit-box-shadow: 2px 2px 4px #aaa;
	padding: 0 20px 0 0;
	z-index: 43;
	overflow: hidden;
} 
/* IE6 only */
#navigation table {
	border-collapse: collapse;
	margin: -1px -10px;
	font-size: 1em;
	width: 0;
	height: 0;
}
#navigation ul#menu :hover div.listHolder {
	left: -1px;
}
#navigation ul#menu a:hover div.listHolder {
	left: -1px;
}
#navigation ul#menu div.taxHolder {
	/*width: 980px!important;*/
}
#navigation ul#menu div.col1 {
	width: 180px;
	height: auto !important;
}

#navigation ul#menu div.col1 .listCol {
	height: auto !important;
}

#navigation ul#menu div.col2 {
	width: 367px;
}
#navigation ul#menu div.col3 {
	width: 554px;
}
#navigation ul#menu div.col4 {
	width: 686px;
}
#navigation ul#menu a:hover div.left1, 
#navigation ul#menu :hover div.left1 {
	left: -141px;
}
#navigation ul#menu div.listHolder div.listCol {
	display: block;
	float: left;
	padding: 20px 0px 8px 16px;
	margin: 0;
	width: 164px;
	overflow: hidden !important;
}

#navigation ul#menu div.listHolder div.taxCol {
	width: 140px!important;
	padding: 20px 0 8px 20px;	
	white-space: normal;
}

#navigation ul#menu div.listHolder div.taxCol-espot {
	width: 140px!important;
	padding: 0;
	margin: 0;
}

	#navigation ul#menu div.listHolder div.listCol-border {
		display: block;
		float: left;
		padding: 20px 0px 8px 20px;
		margin: 0;
		width: 140px;
		border-left: 1px solid #d2d2d2;
	}
	
	#navigation ul#menu div.listHolder div.listCol-espot { float: left; width: 186px; border-left: 1px solid #d2d2d2; padding: 0 0 28px 0; }
	#navigation .listCol-espot a,
	#navigation .listCol-espot img { display: block; }
	#navigation .listCol-espot .offer-box { border: none; width: 186px; }
	#navigation .listCol-espot .offer-box .content { padding: 18px 15px;  }
	#navigation .listCol-espot .offer-box .content h3 { margin: 0 0 0.5em 0; padding: 0; font-size: 18px; }
	#navigation .listCol-espot .offer-box .content p { white-space: normal; }

#navigation ul#menu div.listHolder div.listCol h5 {
	color: #2a2a2a;
	padding: 5px 0;
	margin: 0 0 .7em 0;
	font-size: 1.2em; /* 18px */
	line-height: 1.111em; /* 20px */
	border-bottom: 1px solid #d6d6d6;	
	text-transform: lowercase;
}


#navigation ul#menu div.listHolder div.listCol h6 { 
	color: #373737; 
	font-weight: bold; 
	font-size: 1em;
	margin: 0 0 5px 0; 
	padding: 0; 
}

#navigation ul#menu div.listHolder div.listCol .sub-listCol {
	width: 148px;
	float: left;	
}

#navigation ul#menu div.listHolder div.listCol ul {
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
}

#navigation ul#menu div.listHolder div.listCol ul.no-title { padding-top: 6px;}

#navigation ul#menu div.listHolder div.listCol ul li {
	line-height: 15px;
	padding: 0;
	margin: 0 0 .4em 0;
	white-space: normal;
}
#navigation ul#menu div.listHolder div.listCol ul li a {
	color: #4e4e4e;
	text-decoration: none;
	padding-left: 0;
	font-size: 12px;
	font-weight: normal;
}

#navigation ul#menu div.listHolder div.listCol h5 a:hover,
#navigation ul#menu div.listHolder div.listCol h5 a:hover span,
#navigation ul#menu div.listHolder div.listCol ul li a:hover {
	color: #a9a9a9 !important;
}

#navigation ul#menu div.listHolder div.listCol ul li.breakout {
	margin: 1em 0;
}
#navigation ul#menu div.listHolder div.listCol ul li.breakout a {
	color: #2a2a2a;
	padding: 5px 0 0 0;
	margin: 1em 0;
	font-size: 1.2em; /* 18px */
	line-height: 1.111em; /* 20px */
	font-weight: bold;
}

#navigation ul#menu div.listHolder div.listCol2 {
	width: 296px;
}

#navigation ul#menu div.listHolder div.listCol2 ul { float: left; width: 148px; margin-bottom: 1em; }

#navigation a.txt-view-all { font-weight: bold; color: #4e4e4e; }

#navigation ul#menu div.listHolder div.megamenu-footer{
    clear: both;
    float: none;
}