/************************************ TOP MAIN NAV MENU****************************************************/
#mainnav {
	clear: both;
	width: 564px;
	text-align: left;
	margin: 0 6px 0 3px;
	z-index:99;
}
#mainnav ul#mainmenu {
	height: 48px;
	width: 564px;
	background: url(../Images/global_nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#mainnav ul#mainmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#mainnav ul#mainmenu li, #mainnav ul#mainmenu a {
	height: 48px;
	display: block;
} 
#mainnav ul#mainmenu li a {
	text-indent: -5000px;
	text-decoration: none;
}


#navmens {
	left: 0px;
	width: 287px;
}
#navmens a.mensover {
	background: url(../Images/global_nav.gif) 0 -45px no-repeat;
}
#navmens a.offState{
	background: url(../Images/global_nav.gif) 0 -45px no-repeat;
}
#navwomens {
	left: 285px;
	width: 288px;
}
#navwomens a.womensover{
	background: url(../Images/global_nav.gif) -284px -45px no-repeat;
}
#navwomens a.offState{
	background: url(../Images/global_nav.gif) -284px -45px no-repeat;
} 


/************************************ TOP DROP DOWN MENU****************************************************/
#navrollovers {
	margin: 0 6px 0 6px;
	text-align: left;
	clear: both;
}

/* MENU ON STATES*/
div#onstatewrapper {
	padding: 0  0 0 6px;
}
div.submenuleft h2{
	color: #FFFFFF;
	font-weight: bold;
}
div.submenuleft h2 a{
	color: #FFFFFF;
	font-weight: bold;
}
span.smaller {
	font-size: 10px;
}

div.submenucontent h2 span.aerietitle, div.submenucontent h2 span.aerietitle_roll {
	margin: 0 12px 0 0px;
}
div#mensId div.submenucontent h2.onleftnavitem, div#womensId div.submenucontent h2.onleftnavitem {
	text-transform: uppercase;
}

/*CODE THAT DOES FORMATTING FOR DROP DOWNS*/
div.submenucontent ul{
	list-style: none;
	color: inherit;
	margin: 0 0 5px 0;
	float:left;
}
div#menumens, div#menugifts {
	background: #700000;
}

div#menuwomens {
    background:#002d5b;
}

div#menumens div.submenucontent h2 a, div#menuwomens div.submenucontent h2 a, div#menugifts div.submenucontent h2 a {
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
}
div#menumens div.submenucontent h2 a:hover, div#menuwomens div.submenucontent h2 a:hover, div#menugifts div.submenucontent h2 a:hover {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
	background: url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
div.submenuleft {
	float: left;
	border-right: 1px dashed #ffffff;
}
div#menumens div.submenuleft, div#menuwomens div.submenuleft, div#menugifts div.submenuleft {
	float: left;
	border-right: 1px dashed #ffffff;
}
div.submenuleftclearance {
	float: left;
	border-right: 1px dashed #FFFFFF;
}
div#menumens div.submenuleft h2, div#menuwomens div.submenuleft h2, div#menugifts div.submenuleft h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px dashed #ffffff;
	padding: 5px 10px 5px 10px;
}
div#menumens div.submenuleft h2 a, div#menuwomens div.submenuleft h2 a, div#menugifts div.submenuleft h2 a {
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 5px 10px;	
}
div#menumens div.submenuleft h2 a:hover, div#menuwomens div.submenuleft h2 a:hover, div#menugifts div.submenuleft h2 a:hover {
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 5px 10px;	
	background: url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
div #womensId div.submenucontent{
	float: left;
	border-right: 1px  dashed #ffffff;
	padding: 5px 8px 0 10px;
}
div #mensId div.submenucontent{
	float: left;
	border-right: 1px  dashed #ffffff;
	padding: 5px 7px 0 2px;
}

div.submenucontent{
	float: left;
	border-right: 1px  dashed #ffffff;
	padding: 5px 8px 0 10px;
} 
div.submenucontentclearance {
	float: left;
	border-right: 1px  dashed #ffffff;
	padding: 5px 8px 0 10px;
} 
div.submenucontent ul li a {
	color: #FFFFFF ;
}

div.subNavDropShadow {
	background: #FFFFFF url(../Images/homepage/webset07/redesign/submenu_bottom_shadow.jpg) repeat-x;
	height: 10px;
	width: 800px;
	clear: both;
}
div#menumens div.submenucontent ul li a, div#menuwomens div.submenucontent ul li a, div#menugifts div.submenucontent ul li a {
	color: #ffffff ;
	padding: 0 0 0 10px;
}
div#menumens div.submenucontent ul li a:hover, div#menuwomens div.submenucontent ul li a:hover, div#menugifts div.submenucontent ul li a:hover  {
	color: #ffffff ;
	background: url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
h2.onleftnavitem { 
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: #ffffff;
	background: none;
}
h2.noShowAllLink {
	color:#FFFFFF;
	padding-left:10px;
}

/************************************ MENS STYLES FOR MENU ON STATE ****************************************************/
div#mensId div.submenuleft h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px dashed #ffffff;
	padding: 5px 10px 5px 10px;
}
div#mensId div.submenuleft h2 a {
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 5px 10px;	
}
div#mensId div.submenuleft h2 a:hover {
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 5px 10px;	
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
div#mensId{
	background: url(../Images/homepage/webset09/01212009/gender_nav_bg.jpg) repeat-x -9px 0;
	width: 800px;
	float: left;
	text-align: left;
	padding: 0;
}
div#mensId div.submenuleft h2{
	color: #ffffff;
	font-weight: bold;
	background: none;
}
div#mensId div.submenucontent h2 {
	color: #ffffff;
	font-weight: bold;
	text-transform: lowercase;
}
div#mensId div.submenuleft h2 a {
	color: #ffffff;
	font-weight: bold;
}
div#mensId div.submenucontent ul li a {
	color: #ffffff;
	padding: 0 0 0 10px;
}
div#mensId div.submenucontent ul li a:hover {
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
div#mensId li.mensSubNavVisit a, div#mensId div.submenuleft h2 a.onleftnavitem, div#mensId div.submenucontent h2 a.onleftnavitem{
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
span.mensSectionOn {
	color: #ffffff;
}
div#mensId li.mensSubNavVisit a:hover {
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
div#mensId div.submenucontent h2 a {
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
}
div#mensId div.submenucontent h2 a:hover, div#mensId div.submenucontent h2.onleftnavitemVisit a {
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
div#mensId div.submenuleft h2 a {
	font-weight: bold;
	font-size: 11px;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
}
div#mensId div.submenuleft h2 a:hover {
	font-weight: bold;
	font-size: 11px;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
/************************************ WOMENS STYLES FOR MENU ON STATE ****************************************************/
div#womensId div.submenuleft h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px dashed #ffffff;
	padding: 5px 10px 5px 10px;
}
div#womensId div.submenuleft h2 a {
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 5px 10px;	
}
div#womensId div.submenuleft h2 a:hover {
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px 5px 10px;	
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
div#womensId{
	background: url(../Images/homepage/webset09/01212009/gender_nav_bg.jpg) repeat-x -9px 0;
	width: 800px;
	float: left;
	text-align: left;
	padding: 0;
}
div#womensId div.submenuleft h2{
	color: #ffffff;
	font-weight: bold;
	background: none;
}
div#womensId div.submenucontent h2 {
	color: #ffffff;
	font-weight: bold;
	text-transform: lowercase;
}
div#womensId div.submenuleft h2 a {
	color: #ffffff;
	font-weight: bold;
}
div#womensId div.submenucontent ul li a {
	color: #ffffff;
	padding: 0 0 0 10px;
}
div#womensId div.submenucontent ul li a:hover {
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
div#womensId li.womensSubNavVisit a, div#womensId div.submenuleft h2 a.onleftnavitem, div#womensId div.submenucontent h2 a.onleftnavitem{
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
div#womensId li.womensSubNavVisit a:hover, div#womensId div.submenuleft h2 a.onleftnavitem:hover, div#womensId div.submenucontent h2 a.onleftnavitem:hover{
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
span.womensSectionOn {
	color: #ffffff;
}
div#womensId li.womensSubNavVisit a:hover {
	color: #ffffff;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
	padding: 0 0 0 10px;
}
div#womensId div.submenucontent h2 a {
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: inherit;
	color: #ffffff;
	padding: 0 0 0 10px;
}
div#womensId div.submenucontent h2 a:hover, div#womensId div.submenucontent h2.onleftnavitemVisit a {
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: inherit;
	color: #ffffff;
	padding-left: 10px;
	background:url(../Images/homepage/webset07/redesign/z/aerie-arrow.gif) no-repeat;
}
/************************************ TOP MAIN NAV DROP DOWN MENU****************************************************/

#menumens {
	position:absolute;
	margin-left: -6px;
	display: none;
	z-index:9;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	border-left: 6px solid #fff;
}
#menuwomens {
	position:absolute;
	margin-left: -6px;
	display: none;
	z-index:9;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	border-left: 6px solid #fff;
}