@charset "utf-8";
/* American Eagle Checkout Styles */ 

/* --- Your friendly neighborhood American Eagle Checkout Stylesheet Quick Reference Guide ---
				   ,,,, 
			 ,;) .';;;;',
 ;;,,_,-.-.,;;'_,|I\;;;/),,_
  `';;/:|:);{ ;;;|| \;/ /;;;\__
	  L;/-';/ \;;\',/;\/;;;.') \
	  .:`''` - \;;'.__/;;;/  . _'-._ 
	.'/   \     \;;;;;;/.'_7:.  '). \_
  .''/     | '._ );}{;//.'    '-:  '.,L
.'. /       \  ( |;;;/_/         \._./;\   _,
 . /        |\ ( /;;/_/             ';;;\,;;_,
. /         )__(/;;/_/                (;;'''''
 /        _;:':;;;;:';-._             );
/        /   \  `'`   --.'-._         \/
	   .'     '.  ,'         '-,
	  /    /   r--,..__       '.\
	.'    '  .'        '--._     ]
	(     :.(;>        _ .' '- ;/
	|      /:;(    ,_.';(   __.'
	 '- -'"|;:/    (;;;;-'--'
		   |;/      ;;(
		   ''      /;;|
				   \;;|
					\/	
	
	General Layout and Formatting Styles 	Section1
	Input and Label Styles	 				Section2
	Form and Accordian Styles 				Section3
	Multi-div Input Holder Styles			Section4
	Address Book Styles 					Section5
	Modal Window Styles						Section6
	Form Complete Styles					Section7
	Gift Card Styles						Section8
	Payment Styles							Section9
	Credit Card Wallet Styles				Section10
	Cart									Section11
	Step Two Summary Styles					Section12
	Gift Wrap Styles						Section13
	* - starred styles are for IE6 and IE7
*/


/* ---------- General Layout and Formatting Styles - Section1---------- */
.clearLeft {
	clear: left;
}

.uppercase {
	text-transform: uppercase;
}

.normalCase {
	text-transform: none;
}

.underline {
	text-decoration: underline;
}
.optional {
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}
.checkout_link {
	text-decoration: underline;
	color:#5A5951;
	font-weight: bold;
}
.checkout_link:hover {
	text-decoration: none;
}
.checkout_sectionHeading {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
}
.rel {
	position: relative;
}
/* ---------- Input and Label Styles - Section2 ---------- */
.checkoutBlock label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	vertical-align: top;
	display: block;
	margin-bottom: 2px;
}

.checkoutBlock label.plain {
	text-transform: none;
	font-weight: normal;
}

.checkoutBlock h3 + p {
	margin: 5px 0;
}

.checkoutBlock .in_field {

}

.inputModalBtns {
	float: right;
	margin-bottom: 9px;
	margin-right: 15px;
}

.inputModalBtns input {
	vertical-align: bottom;
	margin-left: 9px;
}

.checkoutCheckbox {
	vertical-align: top;
	margin-right: 5px;
	float: left;
}

.nameField {
	width: 260px;
}

.checkField label {
	margin-left: 5px;
	color: #5a5951;
	display: inline;
}

.shippingModal .checkField {
	margin-left: 12px;
}

.addressField {
	width: 528px;
}

.addressField + .addressField {
	margin-top: 9px;
}

.cityField,
.intlCityField {
	width: 224px;
}

.checkoutBlock .militaryField {
	width: 199px;
}

.stateField {
	width: 174px;
}

.zipField {
	width: 112px;
}

.phoneField,
.aapField {
	width: 199px;
}

.emailField,
.passwordField,
.payPalPayment .nameField {
	width: 250px;
}

.stepSubmitPadding {
	padding: 8px;
	text-align: center;
}

.birthMonthField {
	width: 116px;
}

.birthDayField {
	width: 60px;
}

.birthYearField {
	width: 67px;
}

.birthdayField input {
	margin-right: 5px;
}

div.hiddenElement {
	height: 0;
	width: 0;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
}
/* ---------- Form and Accordian Styles - Section3 ---------- */
.checkoutTitle {
	color: #0b1720;
	font-size: 30px;
	text-transform: uppercase;
}

#infoForms {
	float: left;
	width: 552px;
	padding-bottom: 20px;
}

#infoForms .accordionStep {
	position: relative;
	z-index: 0;
	zoom: 1;
}

.stepTitle {
	color: #72716c;
	background-color: #0b1720;
	padding-left: 10px;
	font-size: 15px;
	text-transform: uppercase;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	position: relative;
	z-index: 1;
}
.aerieBranding .stepTitle {
	background-color: #867D75;
	color: #4B3C30;
}
.kidsBranding .stepTitle {
	background-color: #000;
	color: #FFF;
}

/* accordionOpen means that the user is currently on that step */
.aeBranding .accordionOpen .stepTitle,
.aerieBranding .accordionOpen .stepTitle,
.kidsBranding .accordionOpen .stepTitle,
.aeBranding .accordionComplete .stepTitle,
.aerieBranding .accordionComplete .stepTitle,
.kidsBranding .accordionComplete .stepTitle {
	color: #fff;
}
/* Arrows are often used to add improved visual cues & asthetics */
.accordionOpen .stepTitle:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px;
	border-color: #0b1720 transparent transparent;
	position: absolute;
	top: 25px;
	left: 9px;
	z-index: 1;
}
.aerieBranding .accordionOpen .stepTitle:after {
	border-color: #867D75 transparent transparent;
}
.kidsBranding .accordionOpen .stepTitle:after {
	border-color: #000 transparent transparent;
}

.infoTitle {
	color: #5a5951;
	font-size: 11px;
	text-transform: uppercase;
}

#infoForms .checkoutBlock {
	position: relative;
	z-index: 0;
	zoom: 1;
}

#infoForms .stepBody {
	height: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
	zoom: 1;
}

#infoForms .accordionOpen .stepBody {
	overflow: visible;
	height: auto;
}

#infoForms .stepComplete {
	height: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
	zoom: 1;
}

#infoForms .accordionComplete .stepComplete {
	overflow: visible;
	height: auto;
}

.checkoutBlock {
	border: none;
	padding: 15px 12px 16px 11px;
	margin-bottom: 4px;
	color: #5a5951;
}

.stepComplete .checkoutBlock {
	padding-top: 35px;
	padding-bottom: 30px;
}

.firstLineHeader,
.infoSubLabel {
	color: #0b1720;
	font-weight: bold;
}

.firstLineHeader {
	font-size: 12px;
	margin-bottom: 3px;
}

.firstLineHeader + p + .firstLineHeader {
	margin-top: 5px;
}

.clickMe .firstLineHeader {
	display: block;
	font-size: 11px;
	font-weight: bold;
}

.rad_bttn_checked .clickMe .firstLineHeader {
	color: #fff;
}

.shippingAddress span {
	font-weight: normal;
}

.infoSubLabel {
	font-size: 10px;
}
.stepEdit {
	margin-top: 30px;
}

.checkoutContent .srWrapper {
	margin-bottom: 5px;
}
/*
#infoForms h3,
.checkoutBlock h3 {
	color: #5a5951;
	position: relative;
}
*/
#reviewInfoStep h2 {
	background-position: -2718px 0;
}

#reviewInfoStep.accordionOpen h2 {
	background-position: -906px 0;
}

#infoForms.usingPaypal #reviewInfoStep h2 {
	background-position: -3624px 0;
}

#infoForms.usingPaypal #reviewInfoStep.accordionOpen h2 {
	background-position: -3171px 0;
}

#reviewInfoStep p {
	font-weight: bold;
	font-size: 11px;
	color: #0b1720;
	text-align: center;
}

.validatorFail .checkoutBlock {  /* invalid container elements */
	border: solid 3px #c52626;
	padding: 13px 9px 13px 8px;
}

body div.validatorFieldFail {  /* invalid input elements */
	background-color: #c52626;
}
body .in_field_form div.validatorFieldFail {  /* invalid input elements */
	background-color: transparent;
}
body li.validatorFieldFail {  /* invalid input elements */
	background-color: #c52626;
}

/* ---------- Multi-div Input Holder Styles - Section4 ---------- */
/* ---------- Images for Shipping Method Names ---------- */
.shipAddressRadio {
	height: 124px;
}

.shipMethodRadio {
	height: 100px;
}

.checkedRadioMarker {
	display: none;
	font-size: 21px;
	text-shadow: 1px 1px #036;
	position: absolute;
	right: 7px;
	bottom: 8px;
}

.rad_bttn_checked .clickMe {
	cursor: default;
}

.shipMethodCanada {
	width: 160px;
}

.shipMethodCanada label {
	width: 150px;
}

.shipMethodInternational {
	width: 178px;
}

.shipMethodInternational label {
	width: 168px;
}

.shipMethodShopRunner label {
	width: 137px;
}

.restrictedShipMethod {
	opacity: .5;
}

.no-cssgradients #shippingAddressFields .rad_bttn_hoverable {
	background-position: 0 -31px;
}

.no-cssgradients #shippingAddressFields .rad_bttn_hoverable:hover {
	background-position: 0 -186px;
}

.no-cssgradients #shippingMethodsFields .rad_bttn_hoverable {
	background-position: 0 -55px;
}

.no-cssgradients #shippingMethodsFields .rad_bttn_hoverable:hover {
	background-position: 0 -210px;
}

.no-cssgradients #shippingAddressFields .rad_bttn_checked,
.no-cssgradients #shippingMethodsFields .rad_bttn_checked {
	background-position: 0 -310px;
}

.shipMethodName {
	display: block;
	font-size: 19px;
}

.costShipMethod {
	font-size: 15px;
}

/* TODO: rename this class */
.clickMe {
	display: block;
	width: 121px;
	padding: 10px 12px 12px 10px;
	cursor: pointer;
	position: relative;
	z-index: 5;
}
.intCurrencyCheckout .clickMe {
	width: 143px;
}

div.ckoutRadioTopClicky label.clickMe,
#ccPaymentTabBody label.clickMe {
	cursor: default;
}

/* ---------- Address Book Styles - Section5 ---------- */
div.addressBook label {
	text-transform: none;
	padding-bottom: 34px;
}

.primaryAddIndicator,
.wishlistIndicator {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	margin-top: 5px;
	display: block;
}

.addBookButtons {
	display: block;
	bottom: 12px;
	left: 10px;
	position: absolute;
	z-index: 10;
}

.addBookButtons a + a {
	margin-left: 6px;
}

#enterNewAdd {
	float: left;
	margin: 10px 0 0 7px;
}

#cityStateShipAddFieldHolder,
#cityStateBillAddFieldHolder,
#cityStateBillAddModalHolder {
	float: left;
	width: 100%;
}

#cityStateBillAddFieldHolder,
#cityStateBillAddModalHolder {
	float: none;
}

#billingSameAsShip {
	position: relative;
	height: 0;
	z-index: 0;
	overflow: hidden;
}
#standardBillingForm {
	position: relative;
	height: 100%;
	z-index: 0;
	overflow: visible;
}
/* ---------- Modal Window Styles - Section6 ---------- */
.modalContent p.help {
	padding: 4px 0;
}

#billAddModal div.modalContent p.help {
	width: 380px;
}

div.modalContent fieldset {
	border: none;
	margin: 0 0 4px;
	padding: 16px 12px 16px 11px;
}

#infoForms .unavailable {
	opacity: .5;
	filter: alpha(opacity=50);
}

#billAddModal div.checkoutBlock {
	float: left;
}

#billAddModal #paymentBoxBillAddModal {
	width: 180px;
	padding: 0 0 0 16px;
	border-right: 1px dotted black;
	margin-top: 14px;
	height: 400px;
}

#billAddModal #paymentBoxBillAddModal #ccTypeCCFieldModal {
	width: 134px;
}

#billAddModal #paymentBoxBillAddModal #ccNumberCCFieldModal {
	width: 156px;
}

#billAddModal #notCountryTypeBoxBillAddModal {
	padding: 13px 0 0 15px;
	width: 528px;
}

.forgotPassword a {
	color: #ACABA1;
}

.modalButtons {
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
}

.modalButtons .sm_bttn {
	vertical-align: top;
	margin-right: 10px;
}

/* ---------- Form Complete Styles - Section7 ---------- */
#shippingVGC,
#infoForms div.stepComplete {
	color: #0B1720;
}

#shippingAddressComplete,
#shippingMethodComplete,
#editStepOne,
#paymentMethodComplete,
#billingContactComplete,
#billingAddressComplete,
#contactInfoComplete {
	position: relative;
	display: block;
	float: left;
}

#billingSameAsShipComplete {
	width: 160px;
	overflow: hidden;
	position: relative;
	display: block;	
}

#shippingAddressComplete,
#shippingMethodComplete,
#paymentMethodComplete,
#billingContactComplete,
#billingAddressComplete,
#contactInfoComplete {
	margin-left: 23px;
	width: 183px;
	overflow: hidden;
}

#billingAddressComplete {
	margin-bottom: 10px;
}

#contactInfoComplete {
	float: none;
	clear: left;
}

#shippingMethodComplete,
#billingContactComplete {
	padding-left: 21px;
	background: transparent url("/Images/captainCheckout/stepCompleteBrdr.gif") no-repeat left 8px;
	margin-left: 29px;
}

.electronicShipComplete p {
	height: 10px;
}

#billingContactComplete {
	background-position: left 30px;
}

.largeBold {
	font-size: 13px;
	font-weight: bold;
}

.smallBold {
	font-size: 11px;
	font-weight: bold;
}

.stepOutputHolder {
	padding-left: 4px;
	padding-top: 5px;
	float: left;
	color: #0b1720;
	font-size: 10px;
}

/* ---------- Gift Card Styles - Section8 ---------- */
#giftCardHolder {
	width: 533px;
}

#giftCardBtn {
	display: block;
	width: 137px;
	height: 0;
	padding-top: 32px;
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	overflow: hidden;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

#giftCardBtn.giftCardOff {
	/* background-position: 0 0; */
}

#giftCardBtn.giftCardOn {
	background-position: -280px 0;
	padding-top: 43px;
}

#giftCardBtn.giftCardDisabled {
	background-position: -140px 0;
	cursor: default;
}

#gcPaymentTabBody {
	width: 533px;
}

img.disabledAddGCbtn {
	background: transparent url("/Images/captainCheckout/giftCard/disabledApplyGC.png") no-repeat 0 0;
	height: 27px;
	width: 81px;
}

.giftCardPaymentTab {
	color: #0b1720;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px #281E0E;
	-webkit-box-shadow: inset 0 0 4px #281E0E;
	box-shadow: inset 0 0 4px #281E0E;
	border: 1px solid #e7e6e0;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e3e2e0 49%, #9c9891 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#e3e2e0), color-stop(100%,#9c9891));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9c9891',GradientType=0 );*/
	background: linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	position: relative;
	width: 131px;
	height: 28px;
	margin-bottom: 15px;
	overflow: hidden;
}

.giftCardPaymentTab span {
	display: block;
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-position: 0 -40px;
	padding-top: 35px;
	height: 0;
}

.giftCardPaymentTab:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	-moz-box-shadow: 1px 2px 5px #242424;
	-webkit-box-shadow: 1px 2px 5px #242424;
	box-shadow: 1px 2px 5px #242424;
	border-radius: 3px;
	border: 1px solid #EEEEE8;
}

.paymentMethodBlock {
	color: #0b1720;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px #281E0E;
	-webkit-box-shadow: inset 0 0 4px #281E0E;
	box-shadow: inset 0 0 4px #281E0E;
	border: 1px solid #e7e6e0;
	border-top: 0;	
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e3e2e0 49%, #9c9891 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#e3e2e0), color-stop(100%,#9c9891));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9c9891',GradientType=0 );*/
	background: linear-gradient(top, #ffffff 0%,#e3e2e0 49%,#9c9891 100%);
	position: relative;
	min-height: 100px;
	margin-bottom: 7px;
	margin-top: -7px;
	padding-top: 12px;
	padding-left: 4px;
}

.paymentMethodBlock:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	-moz-box-shadow: 1px 2px 5px #242424;
	-webkit-box-shadow: 1px 2px 5px #242424;
	box-shadow: 1px 2px 5px #242424;
	border-radius: 3px;
	border: 1px solid #EEEEE8;
}

#giftCardWrapper .paymentTabBody {
	display: block;
}

#giftNumEntry {
	width: 230px;
}

#pinNumEntry {
	width: 65px;
}

#applyGiftCardBtn {
	margin-top: 25px;
	vertical-align: top;
}

.giftcardTable {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
}

.giftcardTable th {
	color: #fff;
	background-color: #706e62;
	font-size: 9px;
	padding: 4px 0 4px 0;
}

.giftcardTable td {
	background-color: #f0f0e8;
}

table.giftcardTable .borderRight {
	border-right: 1px solid #706e62;
}

.giftcardTable #removeColumn {
	text-indent: -5000px;
}

.giftcardTable .removeBttn {
	display: block;
	overflow: hidden;
	height: 15px;
	width: 49px;
	background: transparent url("/Images/captainCheckout/discountRemove.png") no-repeat 0 0;
}

.giftcardTable .removeBttn:hover {
	background-position: 0 -15px;
}

.giftcardTable .removeBttn input {
	display: block;
	width: 49px;
	height: 15px;
	border: 0;
	margin: 0;
	padding-top: 20px;
}

/* ---------- Payment Styles - Section9 ---------- */
#paymentTabs {
	width: 535px;
	margin-left: -3px;
}

#paymentTabLinks li {
	display: block;
	float: left;
	width: 140px;
	height: 32px;
	overflow: hidden;
	margin-bottom: 9px;
	list-style: none;
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

#paymentTabLinks {

}

* html #paymentTabLinks li {
	background-image: url("/Images/captainCheckout/payment/paymentTabs.gif");
}

#paymentTabLinks li.tabOn {
	height: 43px;
	margin-bottom: 0;
}

#paymentTabLinks li a {
	display: block;
	padding-top: 50px;
	cursor: pointer;
}

#paymentTabLinks li.tabOn a,
#paymentTabLinks li.tabDisabled a {
	cursor: default;
}

#paymentTabLinks #ccPaymentTabLink {
	background-position: 0 -51px;
}

#paymentTabLinks #ccPaymentTabLink.tabOn {
	background-position: 0 -114px;
}

#paymentTabLinks #ppPaymentTabLink {
	background-position: -140px -51px;
}


#paymentTabLinks #ppPaymentTabLink.tabOn {
	background-position: -140px -114px;
}

#paymentTabLinks #ppPaymentTabLink.tabDisabled {
	background-position: -140px -84px;
}

#paymentTabLinks #bmlPaymentTabLink {
	background-position: -280px -51px;
}

#paymentTabLinks #bmlPaymentTabLink.tabOn {
	background-position: -280px -114px;
	width: 255px;
}

#paymentTabLinks #bmlPaymentTabLink.tabDisabled {
	background-position: -280px -84px;
}

.paymentTabBodyWrapper {
	background: url("/Images/captainCheckout/paymentTabBtm.png") no-repeat 0 bottom;
	clear: both;
	float: left;
	padding-bottom: 65px;
	margin-left: 1px;
}

.paymentTabTop {
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-repeat: no-repeat;
	background-position: -1px -164px;
	height: 8px;
	margin-top: -7px;
}

.paymentTabInnerBody {
	background: url("/Images/captainCheckout/paymentTabMid.png") repeat-y 1px 0;
	float: left;
	padding-bottom: 2px;
}

/* 
Reference:
#ccPaymentTabBody
#ppPaymentTabBody
#bmlPaymentTabBody

.paymentTabBody
*/

.paymentTabBody {
	float: left;
	margin: -1px 0 -65px 0;
	padding: 10px 0px 13px 16px;
	width: 520px; /* Hard-coded but at least consistent with all checkout payment tab bodies */
	display: none;
}

.tabBodyOn {
	display: block;
}

.tabBodyDisabled {
	display: none;
}

.paymentTabBody .allGiftCardsExclaim {
	padding-top: 6px;
	text-align: center;
	font-weight: bold;
}

.paymentTabBody .allGiftCardsMsg {
	padding-top: 6px;
	text-align: center;
	font-weight: normal;
}

.paymentTabBody p,
.paymentTabBody a {
	font-size: 9px;
	font-weight: bold;
}

.paymentTabBody a {
	color: #5a5951;
}

.paymentTabBody label span,
#agreeHolderBMLField label,
#agreeHolderBMLField label a {
	text-transform: none;
}

#ccPaymentTabBody {
	padding-bottom: 16px;
}

#ccPaymentTabBody #ccTypeCCField,
#ccPaymentTabBody #ccNumberCCField {
	width: 248px;
}

.paymentTabBody #birthDayHolderBMLField,
.paymentTabBody #birthYearHolderBMLField,
#aeAccountFields #birthDayHolderBillAddField,
#aeAccountFields #birthYearHolderBillAddField	 {
	clear: none;
}

#notCountryTypeBoxBillAddField h3 {
	height: 15px;
}

#notCountryTypeBoxBillAddField p.rel {
	height: 26px;
}

#ccTypeCCField {
	width: 115px;
}

select#ccTypeCCField {
	width: 141px;
}

#ccNumberCCField {
	width: 128px;
}

#ccSecCodeCCField {
	width: 64px;
}

.expMonthField {
	margin-right: 8px;
}

#expMonthCCField,
#expMonthCCFieldModal {
	width: 75px;
}

#expYearCCField,
#expYearCCFieldModal,
#birthYearBillAddField {
	width: 85px;
	clear: none;
}

#expDateCCField {
	width: 247px;
}

.emailAcctText {
	float: left;
	margin: 10px 0 5px 0;
}

#ppPaymentTabBody {
	text-align: center;
}

#ppPaymentTabBody p,
#ppPaymentTabBody h3 {
	color: #0b1720;
	font-size: 10px;
	margin-bottom: 3px;
}

#ppPaymentTabBody p {
	font-weight: normal;
}

.noticeField {
	background-color: #bdbdbd;
	color: #fff;
	text-align: center;
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 4px;
	margin-bottom: 8px;
	margin-right: 13px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	position: relative;
}

.noticeField a {
	color: #fff;
	vertical-align: top;
}

.noticeShout {
	display: block;
	color: #bdbdbd;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	margin-top: -4px;
	z-index: 1;
	margin-left: 106px;
}
.noticeShout:after {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	background-color: #fff;
	position: absolute;
	z-index: -1;
	top: 3px;
	left: -3px;
	rotation: 45deg;
   -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

input[type=checkbox].validatorFieldFail + label {
	background-color: transparent;
	border: solid 2px #c52626;
}
.cardCountryModal {
	width: 405px;
}

.inputCreateAcct {
	margin-top: 32px;
	margin-left: 20px;
}

.inputCreateAcct .checkboxLabelField {
	float: left;
	margin-top: -5px;
}

.inputCreateAcct label {
	text-transform: none;
	font-weight: normal;
	display: inline-block;
}

#aeAccountFields {
	clear: both;
	display:none;
	float:left;
	width:100%;
}

/* TODO: can we make this standard? */
.marketing_callout {
	margin-left: 80px;
}

.marketing_callout span {
	display: block;
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-repeat: no-repeat;
	background-position: -422px -2px;
	height: 0;
	overflow: hidden;
	padding-top: 56px;
	width: 96px;
	float: left;
	margin-right: 10px;
}

.marketing_head_liner {
	margin-top: 12px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
}

/* ---------- Credit Card Wallet Styles - Section10 ---------- */

.walletItem {
	width: 468px;
	height: 107px;
	background-image: url("/Images/captainCheckout/creditPayment.png");
}

.walletItemInner {
	position: relative;
	z-index: 0;
}

.creditCardBtns {
	position: absolute;
	bottom: 4px;
	left: 17px;
}

.creditCardBtns a {
	display: block;
	margin: 3px 3px 0 2px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}

.walletItemInner label {
	width: auto;
	text-transform: none;
}

.creditCardInfo {
	width: 127px;
	height: 48px;
	float: left;
	margin-right: 20px;
	color: #fff;
	padding: 8px 0 28px 10px;
	position: relative;
	background-image: url("/Images/captainCheckout/creditPayment.png");
	background-position: -12px -11px;
	background-repeat: no-repeat;
}

span.creditCardInfo span.ccType {
	display: block;
	height: 28px;
	width: 36px;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-right: 4px;
}

span.creditCardInfo span.ccType span {
	display: block;
	padding-top: 28px;
}

span.creditCardInfo span.Visa {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -90px 0;
}

span.creditCardInfo span.AmericanExpress {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -219px 0;
}

span.creditCardInfo span.AECreditCard {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -46px 0;
}

span.creditCardInfo span.Discover {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -133px 0;
}

span.creditCardInfo span.MasterCard {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -176px 0;
}

span.creditCardInfo span.AEVisa {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -3px 0;
}

span.creditCardInfo span.JCB {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -260px 0;
}

span.creditCardInfo span.expDate {
	margin-bottom: 4px;
}

span.creditCardAddress {
	display: block;
	overflow: hidden;
	*width: 150px;
}

span.creditCardAddress p.uppercase {
	margin-bottom: 5px;
}

#sliderButtons {
	float: left;
	margin: 10px 0 0 22px;
}

#sliderButtons span {
	float: left;
	margin: 0 15px 0 15px;
	text-align: center;
}

#carouselButtons {
	height: 30px;
	padding: 5px 0 0 30px;
	width: 135px;
	display: block;
	float: left;
}

#prevItem {
	background: transparent url("/Images/captainCheckout/ccWallet/carouselNext.png") no-repeat left top;
	height: 20px;
	width: 22px;
	overflow: hidden;
	display: block;
	float: left;
}

#prevItem span {
	display: block;
	padding-top: 20px;
}

.carouselInfo {
	float: left;
	height: 30px;
	width: 87px;
	text-align: center;
}

#nextItem {
	background: transparent url("/Images/captainCheckout/ccWallet/carouselNext.png") no-repeat right top;
	height: 20px;
	width: 22px;
	overflow: hidden;
	display: block;
	float: left;
}

#nextItem span {
	display: block;
	padding-top: 20px;
}

#newCard {
	display: block;
	float: right;
	margin: 5px 60px 0 0;
}

/* ---------- Cart Styles - Section11 ---------- */
#checkoutCart {
	float: right;
	width: 440px;
	padding-bottom: 20px;
}
#checkoutCartItems {
	margin-top: 6px;
}

#checkoutCartItems h2 {
	font-size: 13px;
	font-weight: normal;
	color: #0B1720;
	border-bottom: solid 3px #0B1720;
	margin: 0 0 4px 0;
	text-transform: uppercase;
}

.aerieBranding #checkoutCartItems h2 {
	color: #867D75;
	border-color: #867D75;
}

.kidsBranding #checkoutCartItems h2 {
	color: #401717;
	border-color: #401717;
}

#checkoutCartInfo {
	border: solid 1px #D5D4C6;
	margin: 0 0 4px 0;
}

#checkoutCartInfo table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

#checkoutCartInfo th,
#checkoutCartInfo td {
	padding: 3px 10px;
	font-size: 10px;
	font-weight: bold;
}
#checkoutCartInfo td.convCol {
	white-space: nowrap;
}

#checkoutCartInfo th {
	color: #7C7B76;
	text-align: left;
	width: 160px;
}

#checkoutCartInfo td {
	color: #0B1720;
	text-align: right;
}

#checkoutCartInfo td.costCol {
	width: 101px;
	white-space: nowrap;
}

#checkoutCartInfo tr.freeShippingCalcMsg td,
#checkoutCartInfo tr.internationalCurrencyMsg td {
	text-align: left;
}

#checkoutCartInfo tr.internationalCurrencyMsg td {
	color: #7C7B76;
	font-size: 9px;
}

#checkoutCartInfo tr.orderTotal th,
#checkoutCartInfo tr.orderTotal td {
	color: #0B1720;
	font-size: 15px;
	padding: 10px 10px 8px 0;
	text-transform: uppercase;
	background: #d5d4c6;
	background: -moz-linear-gradient(top, #d5d4c6 41%, #d3d2c4 47%, #c8c7ba 65%, #adada1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#d5d4c6), color-stop(47%,#d3d2c4), color-stop(65%,#c8c7ba), color-stop(100%,#adada1));
	background: -webkit-linear-gradient(top, #d5d4c6 41%,#d3d2c4 47%,#c8c7ba 65%,#adada1 100%);
	background: -o-linear-gradient(top, #d5d4c6 41%,#d3d2c4 47%,#c8c7ba 65%,#adada1 100%);
	background: -ms-linear-gradient(top, #d5d4c6 41%,#d3d2c4 47%,#c8c7ba 65%,#adada1 100%);
	background: linear-gradient(top, #d5d4c6 41%,#d3d2c4 47%,#c8c7ba 65%,#adada1 100%);
}

#checkoutCartInfo tr.orderTotal th {
	padding: 10px 10px 8px 10px;
}
#giftWrapLinkWrapper {
	overflow: hidden;
	margin-bottom: 4px;
}

#giftWrapLink {
	float: right;
	color: #7AAA1D;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 15px;
	position: relative;
}

#giftWrapLink:hover {
	color: #a1e027;
}

#giftWrapLink:after {
	content: "";
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-position: -423px -58px;
	width: 13px;
	height: 0;
	padding-top: 13px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

#giftWrapLink:hover:after {
	background-position: -440px -58px;
}

#bagItems {
	margin-bottom: 5px;
}
.no-touch #bagItems {
	overflow: auto;
	max-height: 300px;
	position: relative;
}
* html #bagItems {
	height: 300px;
}
.cartbuttonwrapper {
	float: right;
}
.buttons {
	position: absolute;
	height: 44px;
	text-align: right;
	width: 66px;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}
.buttons a {
	margin-bottom: 7px;
}
.saveforlater {
	display: none; /* no save for later for now */
}
.cartcontent .giftWrapped {
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-position: -424px -58px;
	width: 13px;
	overflow: hidden;
	display: inline-block;
	padding-top: 13px;
	height: 0;
	margin-left: 10px;
	vertical-align: bottom;
}
.cartlineitem {
	margin-bottom: 4px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d6d4c7;
	position: relative;
}
.csstransforms .itemBrand {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #0b1720;
	font-size: 10px;
	font-weight: bold;
	background-color: #d5d4c6;
	text-align: center;
	vertical-align: top;
	width: 84px;
	height: 13px;
	padding-top: 2px;
	position: absolute;
	left: -35px;
	top: 34px;
}
.no-csstransforms .itemBrand {
	display: none;
}
.no-csstransforms .cartlineitemAEO {
	background-image: url("/Images/captainCheckout/cart/cart-line-item-AE_narrow.jpg");
}
.no-csstransforms .cartlineitem77KIDS {
	background-image: url("/Images/captainCheckout/cart/cart-line-item-77kids_narrow.jpg");
}
.no-csstransforms .cartlineitemAERIE {
	background-image: url("/Images/captainCheckout/cart/cart-line-item-Aerie_narrow.jpg");
}
.cartimage {
	float: left;
	width: 94px;
	text-align: center;
	margin-top: 7px;
	padding-left: 10px;
}
.cartimage a,
.cartimage img {
	border: 0;
}
.cartcontent {
	float: left;
	margin-top: 6px;
}
.checkoutContent .cartcontent {
	width: 260px;
}
.cartcontent li {
	font-size: 10px;
	list-style-type: none;
	color: #626156;
	margin-top: 2px;
}
.cartcontent li.productName {
	font-size: 11px;
}
.cartcontent li  .was {
	text-decoration: line-through;
}
.cartcontent li .now {
	color: #a03131;
	padding-left: 6px;
}
.cartcontent li .convertedPrice {
	padding-right: 6px;
}
.cartcontent li span.red {
	color: #a03131;
	font-weight: bold;
}
.cartcontent li a {
	color: #626156;
	font-weight: bold;
	text-decoration: none;
}
#restrictedItemsContainer .cartcontent ul.info li {
	height: 13px;
	overflow: hidden;
	width: 210px;
}

#restrictedItemsContainer .cartcontent ul.info li.productName {
	height: 14px;
}
/* ---------- Billing Complete - Section12 ---------- */
#cardTypeOutput {
	display: block;
	height: 23px;
	width: 36px;
	overflow: hidden;
	padding: 0;
	float: left;
}

#cardTypeOutput span {
	display: block;
	padding-top: 28px;
}

#cardTypeOutput span.Visa {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -90px -4px;
}

#cardTypeOutput span.AmericanExpress {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -219px -4px;
}

#cardTypeOutput span.AECreditCard {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -46px -4px;
}

#cardTypeOutput span.Discover {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -133px -4px;
}

#cardTypeOutput span.MasterCard {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -176px -4px;
}

#cardTypeOutput span.AEVisa {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -3px -4px;
}

#cardTypeOutput span.JCB {
	background: url("/Images/captainCheckout/ccWallet/cCards.gif") -260px -4px;
}

.paymentLogo {
	background-image: url("/Images/captainCheckout/paymentMethods.png");
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 35px;
}

.bmlPaymentLogo {
	width: 115px;
	background-position: -123px -250px;
}

.payPalPaymentLogo {
	width: 109px;
	background-position: -9px -250px;
}

#otherInfoOutput {
	display: block;
	float: right;
	padding-left: 13px;
}

#giftCardOutput {
	padding-top: 4px;
}

#accessPassOutput {
	padding-top: 4px;
}

#accessPassOutput span {
	font-weight: normal;
}

.helpTooltip_wide .cardHeadline {
	font-weight: bold;
}

.helpTooltip_wide .cardDiagram {
	background: url(/Images/captainCheckout/cid_help_icons.jpg) no-repeat 0 0;
	width: 94px;
	height: 59px;
	float: left;
	margin-right: 6px;
}

.helpTooltip_wide .vmd_code,
.helpTooltip_wide .a_code {
	clear: both;
	padding-top: 6px;
}

.helpTooltip_wide .a_code .cardDiagram {
	background-position: 0 -59px;
}

/* ---------- Gift Wrap - Section13 ---------- */
#gwModal {
	background-color: #FFF;
}

#giftWrapWrapper {
	margin: 0 auto;
	width: 643px;
}

#gwReceiptWrapper {
	width: 641px;
	overflow: hidden;
	margin: 17px 0;
	border: 1px solid #706e62;
	height: 52px;
}

#receiptInfo {
	float: left;
	margin: 11px 0 0 20px;
}

#receiptCheckBox {
	float: right;
	margin: 16px 20px 0 0;
}

#receiptCheckBox label {
	font-size: 11px;
	text-transform: uppercase;
}

#gwTableHeader {
	background-color: #0b1720;
	color: #FFF;
	text-transform: uppercase;
	overflow: hidden;
	width: 643px;
	clear: both;
	padding: 2px 0;
}

.aerieBranding #gwTableHeader {
	background-color: #867D75;
}

.kidsBranding #gwTableHeader {
	background-color: #401717;
}

#gwTableHeader div {
	text-align: center;
	float: left;
}

#gwHeaderItem {
	width: 258px;
}

#gwHeaderColor {
	width: 86px;
}

#gwHeaderSize {
	width: 86px;
}

#gwHeaderGiftWrap {
	width: 191px;
}

label.gwCheckBoxLabel {
	padding: 0;
	text-transform: none;
	font-size: 11px;
	font-weight: normal;
}

#gwItemList {
	overflow: auto;
	width: 643px;
	height: 290px;
	margin-top: 5px;
	position: relative;
}

.gwItem {
	clear: both;
	overflow: hidden;
	border: 1px solid #D5D4C6;
	margin-bottom: 5px;
	background-color: #FFF;
	width: 620px;
}

.gwItem label span {
	text-transform: none;
	font-style: italic;
	font-weight: normal;
}

.gwItemInfo {
	padding-left: 15px;
	position: relative;
}

.gwItemInfo table {
	font-size: 11px;
}

.gwItemImage {
	width: 65px;
	padding-left: 15px;
}

.gwItemName {
	width: 146px;
	padding-left: 15px;
	border-right: 1px solid #d5d4c6;
}

.gwItemColor {
	width: 85px;
	border-right: 1px solid #d5d4c6;
}

.gwItemSize {
	width: 85px;
	border-right: 1px solid #d5d4c6;
}

.gwItemGiftWrap {
	width: 191px;
}

.bottomBorder {
	border-bottom: 1px solid #D5D4C6;
}

.gwMessageWrapper {
	padding: 8px 0 8px 15px;
	border-left: 15px solid #D5D4C6;
	display: none;
}

.gwTextInputWrapper {
	float: left;
}

.gwTextboxes {
	float: left;
	width: 147px;
	margin-right: 10px;	
}

.gwTextarea textarea {
	height: 100px;
	width: 170px;
}

div.gwRadioWrapper {
	float: left;
	margin-left: 10px;
	width: 246px;
}

div.gwPreviewLabel {
	text-transform: uppercase;
	margin-top: -3px;
	padding: 3px;
	font-weight: bold;
	font-size: 9px;
}

div.gwPreviewLabel span {
	text-transform: lowercase;
	color: #b4b4ae;
}

div.gwPreviewLabel span a {
	color: #b4b4ae;
	text-decoration: underline;
}

div.gwRadioSet {
	float: left;
	text-align: center;
}

div.gwRadioSet div.hiddenElement {
	float: left;
}

div.gwRadioSet label {
	display: block;
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 75px;
	height: 63px;
	-moz-border-radius: 7px;
	-moz-box-shadow: 0 0 3px gray;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 0 0 3px gray;
	border-radius: 7px;
	box-shadow: 0 0 3px gray;
	border: 1px solid #FFF;
	margin: 0 0 20px 3px;
}

div.gwRadioSet label span {
	display: block;
	padding-top:65px;
	font-style: normal;
	font-size:10px;
	text-decoration:underline;
}

div.gwRadioSet label.typeSelected span {
	color:#0b1720;
	text-decoration:none;
}

div.gwRadioSet label.typeSelected, div.gwRadioSet label.typeOver {
	border: 1px solid #0b1720;
}

/*end holidy gw*/

* html div.gwRadioSet label.gwRadioReplacer5010026903 {
	background-position-x: -166px;
}

* html div.gwRadioSet label.gwRadioReplacer0004300000 {
	background-position-x: -83px;
}

* html div.gwRadioSet label.gwRadioReplacer0003800000 {
	background-position-x: 0;
}

* html div.gwRadioSet label.gwRadioReplacer5010030483 {
	background-position-x: -166px;
}

* html div.gwRadioSet label.gwRadioReplacer5000000002 {
	background-position-x: -249px;
}

* html div.gwRadioSet label.gwRadioReplacer5000000001 {
	background-position-x: -332px;
}

* html div.gwRadioSet label.gwRadioReplacer5000000003 {
	background-position-x: -415px;
}

* html div.gwRadioSet label.gwRadioReplacer5010030483 {
	background-position-x: -498px;
}

* html div.gwRadioSet label.typeSelected {
	background-position-y: -192px;
}

* html div.gwRadioSet label.typeOver {
	background-position-y: -96px;
}

.no-csstransforms .gwBrand_AEO {
	background: url("/Images/captainCheckout/modals/giftWrap/gwBgAE.gif") no-repeat left top;
}
.no-csstransforms .gwBrand_AERIE {
	background: url("/Images/captainCheckout/modals/giftWrap/gwBgAERIE.gif") no-repeat left top;
}
.no-csstransforms .gwBrand_77KIDS {
	background: url("/Images/captainCheckout/modals/giftWrap/gwBgKIDS.gif") no-repeat left top;
}

#gwActionButtons {
	width: 620px;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
#gwSave {
	float: right;
}
#gwCancel {
	float: right;
	margin-right: 10px;
}
/**************** Brand card stuff for aeRewards *******************/
#aerewardsAeoAccountHolder,
#acctRewardTitle,
#accountRewardLabel {
	display:none;
}
.aeRewardsCard, 
.aeRewardsCardSelect,
.aerieRewardsCard,
.aerieRewardsCardSelect,
.kidsRewardsCard,
.kidsRewardsCardSelect{
	background: url("/Images/global/myaccount/aerewards/create_account_card.png") no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 65px;
}
.aeRewardsCardBig,
.aerieRewardsCardBig,
.kidsRewardsCardBig{
	background: url("/Images/global/myaccount/aerewards/rewardsCardsBig.gif") no-repeat;
	display: block;
	text-indent: -5000px;
	margin-top: 10px;
	padding: 0;
	width: 255px;
	height: 161px;
	background-position: 0 0;
	float: right;
}
.aerieRewardsCardBig{
	background-position: -510px 0;
}
.kidsRewardsCardBig{
	background-position: -255px 0; 
}
/**************** END OF DAYS and Brand card stuff for aeRewards *******************/