/*************************Background******************************/

#pageContent {
	background: url("/Images/homepage/webset10/07072010/BTS_TILEBACKGROUND.jpg") center top repeat transparent;
}

/*************************AE Homepage******************************/

#pageContent .ae_hpContent {
	height: 517px;
	width: 100%;
	padding: 0;
}
#ae_HP {
	position: relative;
	margin: 0 auto;
	width: 812px;
}

#pageContent .ae_hpContent,
#pageContent .can_hpContent  {
	background:url("/Images/web/webset10/07302010/ae_hp.jpg") no-repeat center 0;	
}

#aehpAwesomeDetails {top:485px; left: 748px;}
#aehpAwesomeDetails a {width:50px; height:19px;}

#aehpAwesomeCode {
	text-transform:uppercase;
	color:#04090c;
	font-size:23px;
	left:557px;
	top:461px;
}

/*Canada Stylez
=================================================================================*/

#pageContent .can_hpContent {
	height: 517px;
	width: 100%;
	padding: 0;
}
#can_HP {
	position: relative;
	margin: 0 auto;
	width: 812px;
}
#can_storeButton {
	background:url("/Images/homepage/webset09/06172009/can_storebutton.gif") no-repeat;
	position:absolute;
	height:54px;
	width:187px;
	z-index:5;
	top:427px;
	left:36px;
}

#can_storeButton a {
	display:block;
	text-indent:-5000px;
	height:54px;
}

#can_storeButton a:hover {
	background:url("/Images/homepage/webset09/06172009/can_storebutton.gif") no-repeat 0px -54px;
}


/*************************Canada Store******************************/

#pageContent .canadaStoreContent {
	height:634px; 
	width:100%;
	padding:0;
	background:url("/Images/web/webset10/07212010/can_store.jpg") no-repeat top center;
}
#canadaStore {
	position: relative;
	margin: 0 auto;
	width: 812px;
}

#aehpCanStoreDetails {
	top:269px;
	left:91px;
}

#aehpCanStoreDetails a {
	width:50px;
	height:12px;
}

#canadaStoreForm {
	left:11px;
	top:400px;
	position:absolute;
}

/************************International Homepage******************************/

#pageContent .intl_hpContent {
	height: 517px;
	width: 100%;
	padding: 0;
}
#intl_HP {
	position: relative;
	margin: 0 auto;
	width: 812px;
}

#pageContent .intl_hpContent {
	background:url("/Images/web/webset10/07302010/int_hp.jpg") no-repeat center 0;	
}

#intl_aehpAwesomeDetails {top:474px; left: 751px;}
#intl_aehpAwesomeDetails a {width:50px; height:19px;}

#intl_aehpAwesomeCode {
	text-transform:uppercase;
	color:#04090c;
	font-size:23px;
	left:557px;
	top:449px;
}

/******************INTERNATIONAL BUTTON*******************/

.intl_same {
	position:absolute;
	height:82px;
	width:205px;
	z-index:5;
	top:419px;
	left:39px;
}

.intl_same a {
	display:block;
	text-indent:-5000px;
	height:82px;
}

/******************English (eng)*******************/
#eng, #eng a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/eng.gif") no-repeat ;
}

/******************Spanish (spanish)*******************/

#spanish, #spanish a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/spanish.gif") no-repeat;
}

/******************German (german)*******************/

#german, #german a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/german.gif") no-repeat;
}

/******************French (french)*******************/

#french, #french a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/french.gif") no-repeat;
}

/******************Korean (korean)*******************/

#korean, #korean a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/korean.gif") no-repeat;
}

/******************Japan (japan)*******************/

#japan, #japan a:hover {
	background: #fff url("/Images/homepage/webset10/05052010/international/japan.gif") no-repeat;
}

/******************Chinese (chinese)*******************/

#chinese, #chinese a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/china.gif") no-repeat;
}

/******************Brazil (brazil aka portuguese)*******************/

#brazil, #brazil a:hover {
	background: #fff url("/Images/homepage/webset09/06172009/international/brazil.gif") no-repeat;
}

/******************INTL Hover Position*******************/

#eng a:hover, #spanish a:hover, #german a:hover, #french a:hover, #korean a:hover, #japan a:hover, #chinese a:hover, #brazil a:hover {
	background-position: 0px -82px;
}


/******************Mens Homepage*******************/

#pageContent .mContent {
	height: 683px;
	width: 100%;
	padding: 0;
	background: url("/Images/web/webset10/07302010/men_hp.jpg") no-repeat top center;
}

#ae_mens_swf {
	margin: 0 auto;
	width: 958px;
	left:-50px;
	position:relative;
}

#mens_HP {
	position: relative;
	margin: 0 auto;
	width: 812px;
}

#mhp_m_jeanGuide {top:106px; left:495px;}
#mhp_m_jeanGuide a {width:14px; height:14px;}

#mhp_w_jeanGuide {top:106px; left:514px;}
#mhp_w_jeanGuide a {width:14px; height:14px;}

#mhp_mensJeans {top:124px; left:261px;}
#mhp_mensJeans a {width:254px; height:296px;}

#mhp_shopBasics {top:612px;}
#mhp_shopBasics a {width:892px; height:66px;}

#mhp_shopJeanDetails {top:498px; left:224px;}
#mhp_shopJeanDetails a {width:290px; height:98px;}

/******************Womens Homepage*******************/

#pageContent .wContent {
	height: 683px;
	width: 100%;
	padding: 0;
	background: url("/Images/web/webset10/07302010/women_hp.jpg") no-repeat top center;
}

#ae_womens_swf {
	margin: 0 auto;
	width: 958px;
	left:-50px;
	position:relative;
}

#womens_HP {
	position: relative;
	margin: 0 auto;
	width: 812px;
}

#whp_m_jeanGuide {top:104px; left:495px;}
#whp_m_jeanGuide a {width:14px; height:14px;}

#whp_w_jeanGuide {top:104px; left:514px;}
#whp_w_jeanGuide a {width:14px; height:14px;}

#whp_womensJeans {top:124px; left:261px;}
#whp_womensJeans a {width:254px; height:296px;}

#whp_shopBasics {top:612px;}
#whp_shopBasics a {width:892px; height:66px;}

#whp_shopJeanDetails {top:498px; left:224px;}
#whp_shopJeanDetails a {width:290px; height:98px;}

/******************Rollovers*******************/
#mainNav .rolloverHolster {
	margin-top: 11px;
}
#mainNav .rolloverHolster h2 {
	padding: 0;
}
#mainNavClearance .rolloverHolster {
	margin-top: 26px;
}
#ae_rollover_m  {
	background: url("/Images/web/webset10/07282010/m_roll.jpg") no-repeat;
	width: 812px;
	height:82px;
	display: block;
	position:relative;
}
#ae_rollover_w {
	background: url("/Images/web/webset10/07282010/w_roll.jpg") no-repeat;
	width: 812px;
	height:82px;
	display: block;
	position:relative;
}
#mainNav .navRootWrapper .rolloverHolster #ae_roll a {
	width:812px;
	height:81px;
}
td#fitem_td {
	padding: 4px  0 0 8px;
	text-align: center;
}

/****************FS BANNER*******************/

#ae_fs_banner {
	top:-1px;
	background: url(/Images/homepage/webset10/04142010/ae_fs100.gif) no-repeat;
	width:389px;
	height:23px;
}

#toptab_fs100 a{
	height:23px;
	width:389px;
}

/******************Denim Try On Event Homepage*******************/

#pageContent .denimLandingContent {
	height: 633px;
	width: 100%;
	padding: 0;
	background: url("/Images/homepage/webset10/07142010/ae_denimevent_hp.jpg") no-repeat top center;
}

#denimlanding_HP {
	position: relative;
	margin: 0 auto;
	width: 812px;
}

#denim_PhoneLink {top:353px; left:509px;}
#denim_PhoneLink a{width:157px; height:23px;}

#denim_PhoneTerms {top:425px; left:503px;}
#denim_PhoneTerms a{width:157px; height:18px;}

/******************Denim Section Image*******************/

#si_jean_jeanguide {
	top:225px;
	left:525px;
}

#si_jean_jeanguide a {
	width:260px;
	height:80px;
}

/*************************Common Styles******************************/

#ae_HP ul li,
#can_HP ul li,
#canadaStore ul li,
#intl_HP ul li,
#mens_HP ul li,
#womens_HP ul li,
#aeGifts ul li,
#ae_rollover_m ul li, 
#ae_rollover_w ul li,
#denimlanding_HP ul li,
#m_jeans ul li,
#w_jeans ul li,
#ae_fs_banner ul li {
	position: absolute;
	list-style-image: none;
	list-style-type: none;
}

#ae_HP ul li a,
#can_HP ul li a,
#canadaStore ul li a,
#intl_HP ul li a,
#mens_HP ul li a,
#womens_HP ul li a,
#aeGifts ul li a,
#ae_rollover_m ul li a, 
#ae_rollover_w ul li a,
#denimlanding_HP ul li a,
#m_jeans ul li a, 
#w_jeans ul li a, 
#ae_fs_banner ul li a,
.message {
	display: block;
	text-indent: -5000px;
	line-height: 1px;
}

/*************************Navigation Styles******************************/
.aeBranding #brandLogo {
	background: url("/Images/homepage/webset10/07072010/brandLogoAE.gif") no-repeat scroll 0 0 transparent;
	height: 56px;
	width: 220px;
}
#mainNavFull {
	width: 100%;
	background: url("/Images/homepage/webset10/07072010/ae_nav_blue.gif") repeat-x scroll 0 2px #fff;
	height: 21px;
}
.rootCat_mens #mainNavFull,
.rootCat_womens #mainNavFull {
	height: auto;
	background: url("/Images/homepage/webset10/07072010/ae_nav_gray_blue.gif") repeat-x scroll 0 2px #fff;
}

.rootCat_clearance #mainNavFull {
	height: auto;
	background: url("/Images/homepage/webset10/07072010/ae_nav_gray_red.gif") repeat-x scroll 0 2px #fff;
}

#mainNav {
	background: url("/Images/homepage/webset10/07072010/aeNav.gif") no-repeat scroll 0 2px #fff;
	height: 22px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.rootCat_mens #mainNav,
.rootCat_womens #mainNav,
.rootCat_clearance #mainNav {
	background-position: 0 -19px;
}

.rootCat_mens #mainNavWrapper,
.rootCat_womens #mainNavWrapper,
.rootCat_clearance #mainNavWrapper {
	height: 152px;
}

#mainNav .navRootWrapper {
	top: 22px;
	height: 117px;
	padding: 11px 0 2px 0;
}

#mainNav h2 a,
#mainNav h2 {
	padding: 2px 0;
}

/*on state*/
#mainNav li.menuOn div.submenuleft {
	padding: 0 8px 0 0;
}
#mainNav li.menuOn div.subMenu { 
	padding: 0 5px;
	height: 108px;
	border-left: 1px solid #fff;
}
#mainNav #mainNavClearance.menuOn div.subMenu,
#mainNav #mainNavClearance.menuOn div.submenuleft,
#mainNav #mainNavClearance:hover div.subMenu,
#mainNav #mainNavClearance:hover div.submenuleft  {
	padding: 3px 5px 0 8px;
	height: 90px;
}
#mainNav #mainNavClearance:hover div.subMenu {
	border-left: 1px solid #fff;
}

/*rollover*/
#mainNav li:hover .subMenu,
#mainNav li:hover .submenuleft {
	padding: 0 4px ;
	height: 108px;
}
#mainNav li:hover .submenuleft {
	padding: 0 5px 0 15px;
}
#mainNav li:hover .subMenu {
	border-left: 1px solid #0b1720;
}

#mainNav li a.rootCatLink {
	height: 22px;
}

#mainNavMens a.rootCatLink,
#mainNavWomens a.rootCatLink,
#mainNavClearance a.rootCatLink  {
	width: 270px;
}

#mainNavWomens a.rootCatLink,
#mainNavClearance a.rootCatLink  {
	margin-left: 1px;
}

#mainNavMens:hover,
#mainNavWomens:hover,
#mainNavClearance:hover,
#mainNavMens.menuOn,
#mainNavWomens.menuOn,
#mainNavClearance.menuOn {
	background-image: url("/Images/homepage/webset10/07072010/aeNav.gif");
	background-repeat: no-repeat; 
	background-color: transparent;
}
#mainNavMens:hover {
	background-position: 0 -66px;
}
#mainNavMens.menuOn {
	background-position: 0 -42px;
}

#mainNavWomens:hover {
	background-position: -270px -66px;
}
#mainNavWomens.menuOn {
	background-position: -270px -42px;
}

#mainNavClearance:hover {
	background-position: -541px -66px;
	color: #fff;
}
#mainNavClearance.menuOn {
	background-position: -541px -42px;
}

#mainNavMens:hover .navRootWrapper,
#mainNavWomens:hover .navRootWrapper {
	background: url("/Images/homepage/webset10/07072010/aeNav.gif") no-repeat scroll 0 -88px transparent;	
}
#mainNavClearance .navRootWrapper {
	background: url("/Images/homepage/webset10/07072010/aeNav.gif") no-repeat scroll 0 -218px transparent;	
}

#mainNav #mainNavMens.menuOn a:hover,
#mainNav #mainNavMens.menuOn .navRootWrapper,
#mainNav #mainNavWomens.menuOn a:hover,
#mainNav #mainNavWomens.menuOn .navRootWrapper {
	background: none;
	color: #969696;
}

/*on state*/
#mainNav a,
#mainNav li.menuOn .submenuleft a,
#mainNav li.menuOn .subMenu a,
#mainNav #mainNavClearance a {
	color: #fff;
}

/*rollover*/
#mainNav li:hover a,
#mainNav #mainNavClearance .rolloverHolster table a {
	color: #0b1720;
}
#mainNav .navRootWrapper li a:hover,
#mainNav .navRootWrapper li:hover .subMenu h2.navColHead a:hover,
#mainNav .navRootWrapper li:hover .submenuleft h2 a:hover,
#mainNav li:hover .submenuleft h2 a:hover {
	color: #fff;
	background: none;
}

#mainNav .submenuleft h2 a,
#mainNav .subMenu h2 a,
#mainNav .submenuleft h2 .navColHeadNoLink,
#mainNav .subMenu h2 .navColHeadNoLink,
#mainNav .submenuleft li a,
#mainNav .subMenu li a {
	padding-left: 0;
}
#mainNav #mainNavClearance li:hover a:hover {
	color: #969696;
}

#mainNavClearance .navRootWrapper ul {
	padding-right: 52px;
}
* #mainNavClearance .navRootWrapper ul {
	margin-right: 52px;
	padding-right: 0;
}

#mainNav #mainNavClearance .navRootWrapper div:nth-child(1)  {
	border-left: none;
	padding-left: 15px;
}

/*on state*/
#mainNav li.menuOn .navRootWrapper .subMenu h2.navColHead,
#mainNav li.menuOn .navRootWrapper .subMenu h2.navColHead a {
	color: #969696;
	text-transform: uppercase;
}

/*rollover*/
#mainNav li:hover .subMenu h2.navColHead,
#mainNav li:hover .subMenu h2.navColHead a{
	color: #0b1720;
	text-transform: uppercase;
	background: none;
}
#mainNavClearance .rolloverHolster a span {
	display: inline;
	overflow: visible;
	padding-top: none;
}
#goToAerieClearance {
	background: url("/Images/homepage/webset10/07142010/aerieClearanceBird.gif") no-repeat 0 bottom transparent;
	display: block;
	position: absolute;
	left: 672px;
	top: 96px;
	height: 19px;
	width: 126px;
}
#goToAerieClearance a {
	text-transform: uppercase;
	font-weight: bold;
	margin: 7px 0 0 20px;
}

/****************FOOTER*******************/
body {
	background: #fefefe url(/Images/homepage/webset10/07072010/foot_bg_ae.gif) bottom left repeat-x;
}
#pageFoot {
	border-top: 1px solid #d0d0d0;
	padding: 12px 0 20px 0;
}
.footer_sitemap_header, .footer_sitemap_link, .footer_sitemap_link a, #footer_email_header {
	color:#0b1720;
}
#footer_social_content ul li {
	width: 17px;
	height: 17px;
}
#footer_social_content ul li a {
	display: block;
	height: 17px;
	outline: medium none;
	text-indent: -5000px;
	width: 16px;
}
#footer_social_facebook a {
	background: url(/Images/homepage/webset10/07072010/social_ae.gif) no-repeat;
}
#footer_social_twitter a {
	background: url(/Images/homepage/webset10/07072010/social_ae.gif) no-repeat -20px 0;
}
#footer_social_blog a {
	background: url(/Images/homepage/webset10/07072010/social_ae.gif) no-repeat -40px 0;
}
#footer_social_facebook a:hover {
	background-position: 0 -17px;
}
#footer_social_twitter a:hover {
	background-position: -20px -17px;
}
#footer_social_blog a:hover {
	background-position: -40px -17px;
}
#footer_brand_slogan {
	width: 136px;
	height: 36px;
	background: url(/Images/homepage/webset10/07072010/slogan_ae.png) no-repeat;
}
#legal_content {
	width: 504px;
	height: 26px;
	margin-top: 12px;
	background: url(/Images/homepage/webset10/07072010/brand_logos_ae.png) no-repeat;
}