/*
   20081217 DK - Created
*/ 

/* 20090313 GG - Added to fix spacing issue in IE6 */

.clear
{
	clear: both;
}


* html ul li a { height: 1em; }

#header a, #footer a, #breadcrumbs a{
	cursor: pointer;
}

#footer .links a
{
	/* JDP 20101104 - removed Century Gothic font-family: Century Gothic, Helvetica, Arial, sans-serif;*/
	font-family:  Arial, sans-serif;
}

#topbar
{
	width: 900px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	background-color: white;
	z-index: 1;
}

#top-notice a
{
        z-index: 2;
}

#headernav
{
	position: absolute;
	left: 200px;
	top: 25px;
	margin: 0px;
	padding: 0px;
}
#headernav>li
{
	float:left;
	list-style: none;
	margin-right: 20px;
	cursor: pointer;
}

/* KAB 20100810 - removed - login link comes from ajax call and populates #welcome span */
/*
#headernav #loginlink
{
	margin-top: -3px;
}

#headernav #loginlink a, #headernav #loginlink a:visited
{
	font-size: 15px;
}
*/
#loginlink { display: none; } /* KAB 20100810 - hide loginlink until it can be removed from html include */

#headernav li, #headernav li a, #headernav li a:visited {
	font-size:11px;
	color: white;
}


/* set position to relative to position menu absolute */
#subheader #shmrg{
	margin:0 auto;
	position:relative;
	width:900px;
	padding:0 10px;
	z-index: 9990;
}

/* position the silver jeans logo */
#subheader #shmrg #logo{
	top:0px;
	padding-top: 15px;
	padding-left: 0px;
	width: 200px;
	float:left;
}

/* 
	div using id menu in subheader
	position div absolute to div subheader
	and reset font size and family to not use settings from main css file
 */
#subheader #shmrg #menu {
	/* JDP 20101104 - removed Century Gothic font-family: Century Gothic, Helvetica, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	height:90px;
	font-size:10px;
	display:block;
	margin: 0 auto;
	/*font-weight: bolder; JDP 20100901 - removed */
}

/*
	the main menu items are in an unordered list using id nav
	set list style to none and reset padding and margin
*/
#subheader #shmrg #menu #nav {
	padding:0; 
	margin:0; 
	padding-left: 24px;
	float:left;
	list-style: none;
	position:absolute; 
	top:50px;
	left: 176px;
	z-index: 9996;
}

#subheader a
{
	cursor: pointer;
}



/*
	the shopping bag is in the div 'menu'
*/

#shopbag a{
	text-transform: uppercase;
	color: white;
	font-size: 11px;
}

#welcome{
	display: inline;
	width: 250px; 
	text-align: right; 
	color: white; 
	font-size: 11px; 
	/*padding-right:10px; KAB 20100810 - removed */
	position: absolute; 
	top: 25px; /* KAB 20100810 - changed from 5px */
	right: 40px;
	margin-top: -3px;
	text-transform: uppercase;

}

#welcome a{
	text-transform: uppercase;
	color: #ff0000; /* KAB 20100810 - added */
	font-size: 15px;
}

/*
	float list items left and set a right margin for space between items
*/
#subheader #shmrg #menu #nav > li {
	float:left;
	margin-right: 20px;
	text-transform: uppercase;
	position: relative;
}


#subheader #shmrg #menu #nav li.secondary {
	margin-right: 14px;
}

#headernav a, #headernav a:visited
{
	color: white !important;
}

#nav
{
	border-top: 1px dashed white;
	width: 700px;
}

#nav > li
{
	margin-top: 10px;
}

/*
	styles for links in main menu items including mens womens and sales
*/
#subheader #shmrg #menu #nav > li > a, 
#subheader #shmrg #menu #nav > li > a:visited {
	
	font-size:11px;
	color: white;
	line-height:15px;
	overflow:hidden;
	padding-bottom:10px;
	cursor: pointer;
	/* JDP 20101104 - removed Century Gothic font-family: Century Gothic, Helvetica, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	text-transform: none;
	vertical-align: bottom;
}

#nav .primary > a, #nav .primary > a:visited
{
	font-weight: bold;
	font-size: 12px !important;
}


/*
	submenu items for each main menu item are in a div using class "sub"
	left navigation is in seperate file. 
	display is set to block	in javascript file for that menu
*/
#leftnavigation-content .sub {
	display: none;
	margin: 0;
	padding: -15px 0px 0px 0px;
	width:180px;
	/* JDP 20101104 - removed Century Gothic font-family: Century Gothic, Helvetica, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
}

/*
	reset list style for the unordered lists in a submenu
*/

/*global styles for all sub items*/
#leftnavigation-content .sub a
{
	cursor: pointer;
	padding: 0px;
	text-decoration:none;
	display:block;
	/* JDP 20101104 - removed Century Gothic font-family: Century Gothic, Helvetica, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
}

#leftnavigation-content .sub a:active, #leftnavigation-content .sub a:hover
{
	color: #00274C;
	
}

#leftnavigation-content .sub ul
{
	list-style:none;
	padding: 0px;
	margin: 0px;
	display:block;
}

#leftnavigation-content .sub li
{
	display:block;
	padding: 0px;
	margin: 0px;
}


/*
	set font-size and padding from the top
*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li{
	font-size: 16px;
}

/*
	set color of the head sub items and change font styles - HEADER item
*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > a{
	font-size: 20px;
}

/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > a > b{
	color: #666666;
	font-size: 14px;
}


/*
	set width for sub menu items of the sub menu (third level) to 180. 
*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > ul{
	width:180px;
	margin-top: 10px;
}

/*
	reset the padding, but add a margin to top and bottom of 2px
*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > ul > li{
	padding: 3px 0px 0px 3px; /* JDP 20100827 changed*/
}

/*
	reset font-size - all sub menu items
*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > ul > li > a{
	font-size: 14px; /* JDP 20100827 changed*/
	font-weight: bolder; 
}


/*
	set width for 4th level unordered list item
*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > ul > li > ul{
	/*padding-left:10px; DDP 20100810 removed*/
	width: 170px;
	margin-bottom: 20px;
	margin-top: 5px;
}
/*DDP 20100810 added*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > ul > li > ul > li{
	
}
/*DDP 20100810 added*/
/*JDP 20100827 added explicit child relations (>)*/
#leftnavigation-content .sub > ul > li > ul > li > ul > li > a{
	font-size: 10px; /*DDP 20100810 added*/
	font-weight: normal;/*DDP 20100811 changed*/
}


#sitesearch 
{
	position: absolute;
	top: 5px; /* KAB 20100810 - changed from 20px;*/
	right: -42px; /* KAB 20100810 - changed from 10px; */
}

/*********************** email info popup ****************************/
#emailinfopopup
{
	position: absolute;
	top: 95px;
	left: 420px;
	z-index: 9991;
	width: 160px;
	background-color: #666666;
	border: 1px solid black;
	padding: 8px;
	display: none;
}


#emailinfopopup p:first-child
{
	font-weight: bold;
}

#emailinfopopup p
{
	font-size: 10px;
	color: white;
	margin-top: 0px;
}

#emailinfopopup #closeemailinfo img
{
	position: absolute;
	top: 8px;
	right: 8px;
}

/*********************************************************/
/******************** DROP DOWN MENUS ********************/
/*********************************************************/

.dropdown{
	background-color: #808080;
	position: absolute;
	display: none;
	color: white;
	top: -22px;
	left: -27px;
	z-index: -1;
}

.mnucontents{
	margin-top: 65px;
	margin-left: 17px;
	border-bottom: 1px dotted white;
	margin-bottom: -5px;
}


.mnucontents .level1
{
	margin-left: 0px;
}

.mnucontents .level1 > li
{
	border-right: 1px dotted #ffffff;
	padding-right: 8px;
	padding-left: 8px;
	float: left;

}

/* CDF 20110330 when the cursor over the menu changes to a 'text' cursor
 it blends into the background color and you can't see it
 reset it to the default cursor
*/
.mnucontents
{
	cursor: default;
}

.ddbottom
{
	height: 25px;
	width: 100%;
	position: relative;
	bottom: -25px;
	left: 0px;
	z-index: 9996;
}



/* MENS DROPDOWN*/
#ddmenu_seq1
{
	width: 600px;
	background: url('../img/mens_dropdown_bg.png') top left repeat-y;
}

#ddmenu_seq1 .ddbottom
{
	background: url('../img/mens_dropdown_bot.png') top left no-repeat;
}

#ddmenu_seq1 .mnucontents
{
	width: 535px;
}

/* WOMENS DROPDOWN*/
#ddmenu_seq2
{
	width: 650px;
	background: url('../img/womens_dropdown_bg.png') top left repeat-y;
}

#ddmenu_seq2 .ddbottom
{
	background: url('../img/womens_dropdown_bot.png') top left no-repeat;
}

#ddmenu_seq2 .mnucontents
{
	width: 622px;
}

/* EXTENDED DROPDOWN*/
#ddmenu_seq371
{
	width: 650px;
	background: url('../img/extended_dropdown_bg.png') top left repeat-y;
}

#ddmenu_seq371 .ddbottom
{
	background: url('../img/extended_dropdown_bot.png') top left no-repeat;
}

#ddmenu_seq371 .mnucontents
{
	width: 527px;
}

/* FIT GUIDE DROPDOWN*/
#ddmenu_seq392
{
	width: 130px;
	background: url('../img/fitguide_dropdown_bg.png') top left repeat-y;
}

body.mac #ddmenu_seq392
{
	left: -22px;
}

#ddmenu_seq392 .mnucontents
{
	border-bottom: none;
}

#ddmenu_seq392 .mnucontents .level1 > li
{
	border-right: none !important;
	height: 18px;
}

#ddmenu_seq392 .ddbottom
{
	background: url('../img/fitguide_dropdown_bot.png') top left no-repeat;
}


.dropdown > .promographicholder
{
	margin-bottom: -25px;
}

.explorer .dropdown > .promographicholder
{
	margin-bottom: -28px;
}




.dropdown > .promographicholder img
{
	border-top:1px dotted #ffffff;
	position: relative;
	top: 8px;
	left: 17px;
	margin: 0px;
	z-index: 9997;
}


/* KAB 20100810 - menu section header */
/* JDP 20100821 - .mnucontents > ul > li > ul > li > a*/
.mnucontents .level1 > li > a
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px 10px;
}

.mnucontents .level1 > li:last-child
{
	border-right: none;
}

/* submenus (ie: bootcup, straight leg, etc) */
/* JDP 20100821 - .mnucontents > ul > li > ul > li > ul */
.mnucontents .level2
{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.mnucontents .level2 > li > a
{
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
}

.dropdown ul
{
	padding: 0px;
	display: block; /* important for finding height via javascript */
}

.dropdown li
{
	list-style: none;
}

.dropdown a
{
	font-size: 11px;
	color: #ffffff;
}

.dropdown a:active, .dropdown a:hover
{
	color: #00274c;
}




#ddmenu_seq318 .level1
{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#ddmenu_seq318 .level1 > li
{
	border-right: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	float: none;
}

#ddmenu_seq318 .level1 > li > a
{
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
	margin: 0px;
}

#ddmenu_seq318 .mnucontents
{
	border-bottom: none;
}

.dropdown .emphasis a
{
	font-weight: bold !important;
	font-size: 12px !important;
}

.dropdown .selected
{
	color: #00274c !important;
}

#nav > li > .selected
{
	color: #84C9E3 !important;	
}

#leftnavigation .selected
{
	color: #00274c !important;
}