* { margin:0; padding:0;}

body { 
	background:#212121 url(../images/bg-1600.jpg) no-repeat center top;
	font:normal 13px/1.3 Tahoma, Geneva, Arial, sans-serif; *font-size:small;
}

#menunav a,
#menunav a:link,
#menunav a:visited { color:#FFF; cursor:pointer; text-decoration:none }
#menunav a:hover,
#menunav a:focus,
#menunav a:active { color:#DDD; cursor:pointer; text-decoration:underline }



#menunav { 
	background:url(../images/bg-mn-bar.gif) repeat-x top left; font-size:90.91% /* 10px */; font-weight: bold; height:34px; z-index:100;
	clear:both;
}
#menunav ul { margin:0; }
#menunav ul li { line-height:1.1; position:relative; float:left; list-style:none;  /* dropdown positions refer to here */ z-index:auto }

#menunav ul li.first { background:transparent url(../images/bg-mn-home.gif) no-repeat left top; width:31px }
#menunav ul li a { display:block; padding:0 1em; background:url(../images/bg-mn-bardivider.gif) no-repeat right top; display:block; height:29px; margin-left:-1px; padding:5px 11px 0 9px; width:.1em; /* to fix IE issue */ }
#menunav > ul li a { width:auto }
#menunav ul li a:hover,
#menunav ul li a:active { background:#272727 url(../images/bg-mn-bar.gif) no-repeat right top; text-decoration:none }
#menunav ul li.first a,
#menunav ul li.first a:link,
#menunav ul li.first a:visited,
#menunav ul li.first a:hover,
#menunav ul li.first a:active { height:34px; margin:0; padding:0; text-indent:-9999px; width:31px }
#menunav ul li.first a:hover,
#menunav ul li.first a:active { background:transparent url(../images/bg-mn-home.gif) no-repeat 0% -34px }
#menunav ul li.promote a { color: #2c96cc; text-transform:uppercase }
#menunav ul li.summer a { color: #6ba6ef; text-transform:uppercase }
#menunav ul li.autumn a { color: #e11432; text-transform:uppercase }
#menunav ul li.spring a { color: yellow; text-transform:uppercase }
/* =main site navigation - sub level
------------------------------------ */
/* table takes no part in the layout - required for IE to work */
#menunav table { position:absolute; top:0; left:0; border-collapse:collapse }
/* style drop-down */
#menunav div.wrapper { background:transparent url(../images/bg-mn-bottomshadow.png) no-repeat right bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ padding-bottom:7px }
#menunav div.wrapper.onecol { background:transparent url(../images/bg-mn-bottomshadow2.png) no-repeat right bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ }
#menunav div.shadow { background:transparent url(../images/bg-mn-sideshadow.png) repeat-y right !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ padding-right:6px }
#menunav div.container { background:#FCFCFC url(../images/bg-mn-gradient.jpg) repeat-x bottom; color:#000; font-weight:bold; text-transform:uppercase }
#menunav div.inner { background:transparent url(../images/bg-mn-dropdivider.gif) repeat-y 180px 0% }
#menunav div.drop { margin-left:2px; float:left; padding-bottom:15px; width:180px }
#menunav div.drop.first { margin-left:0 }
#menunav div.drop strong { background:#4B4B4B url(../images/bg-mn-dropheading.gif) no-repeat right top; color:#FFF; display:block; line-height:23px; margin:0; padding:0 11px }
#menunav div.drop ul { height:auto }
#menunav div.drop li { background:url(../images/bg-mn-drop-li.gif) no-repeat left bottom; float:none; height:auto }
/* links */
#menunav div.drop a,
#menunav div.drop a:link,
#menunav div.drop a:visited,
#menunav div.drop a:hover,
#menunav div.drop a:active { background:none; color:#000; float:none; height:auto; line-height:21px; margin:0; padding:0 11px; width:158px; \width:180px; /* box model hack - for IE5 */ w\idth:158px; /* used by N6, Moz, Op6, and IE6 */ }
#menunav div.drop a:hover { background:#a0a1a1 url(../images/bg-mn-gradient-hover.jpg) no-repeat left bottom; color:#FFF; line-height:22px; margin-top:-1px }
/* hide the sub level and give positon absolute so it takes up no room */
#menunav ul iframe { border:none; display:block; height:1px; left:-1px; position:absolute; top:-500em; width:1px; z-index:0; /* iframe covers windowed componenets in IE - must be positioned before wrapper */ }
#menunav ul div.wrapper { height:1px; left:-1px; overflow:hidden; position:absolute; top:-500em; width:1px }
/* show sub level when hover on top level list OR link */
#menunav ul li a:hover iframe { top:24px; left:0 }
#menunav ul li:hover div.wrapper.onecol,
#menunav ul li a:hover div.wrapper.onecol { top:24px; left:0; height:auto; width:186px }
#menunav ul li:hover div.wrapper.twocols,
#menunav ul li a:hover div.wrapper.twocols { top:24px; left:0; height:auto; width:368px }
/* =secure checkout bar
------------------------------------ */
#menunav h2#secure { background: url(/SECURE/images/general/padlock.gif) no-repeat 6px 0%; float: left; font-size: 110%; /*11px*/ font-weight: normal; line-height: 23px; padding-left: 25px; text-transform: lowercase; width: 120px; }
#menunav ul#steps { background:url(/SECURE/images/general/bg-step-divider.gif) no-repeat left bottom; float: right; font-size: 110%; /*11px*/ padding: 0 0 0 14px; }
#menunav ul#steps li { background:url(/SECURE/images/general/bg-step-divider.gif) no-repeat right bottom; line-height: 23px; padding: 0 19px 0 9px; }
#menunav ul#steps li.last { background: none; padding-right: 14px; }
#menunav ul#steps li.first { width: auto; /* overrides default #menunav styles */ }
#menunav ul#steps li.active,
#menunav ul#steps li.last-active { background: url(/SECURE/images/general/bg-step-divider.gif) no-repeat right top; margin-left: -14px; padding: 0 14px 0 0; }
#menunav ul#steps li.last-active { background: url(/SECURE/images/general/bg-step-active.gif) no-repeat right top; }
#menunav ul#steps li.active strong,
#menunav ul#steps li.last-active strong { background: url(/SECURE/images/general/bg-step-active.gif) repeat-x left top; display: block; line-height: 23px; padding: 0 5px 0 23px; }
#menunav ul#steps li.last-active strong { padding-right: 0px; }


#menunav #tab1 { z-index:20 }
#menunav #tab2 { z-index:19 }
#menunav #tab3 { z-index:18 }
#menunav #tab4 { z-index:17 }
#menunav #tab5 { z-index:16 }
#menunav #tab6 { z-index:15 }
#menunav #tab7 { z-index:14 }
#menunav #tab8 { z-index:13 }
#menunav #tab9 { z-index:12 }
#menunav #tab10 { z-index:11 }
#menunav #tab11 { z-index:10 }
#menunav #tab12 { z-index:9 }
#menunav #tab13 { z-index:8 }
#menunav #tab14 { z-index:7 }
#menunav #tab15 { z-index:6 }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1;}