/*--- generic styles --- */ div#wrapper { background-color:#FFFFFF;} div#header { display: table; } a:link { text-decoration:none;color: #74794D;} a:hover { text-decoration:underline; color: #74794D;} a:visited { text-decoration:none;color: #74794D;} .serif { font-family: times,serif; font-size: medium; } .sans { font-family: verdana,arial,helvetica,sans-serif; font-size: medium; } .txtFieldLabel{ color:#666666 } .error { color:#96000b } /* YA pages include a doctype. The rest of endless pages are executed on "quirksmode" on IE but the YA pages are executed on "standarts" mode. Styles below bridge the gap so the differences between the two modes are minimized. */ div#navbar-2 input#keyword {height:16px;width:155px !important;} div.footerCell1 input#emailSubscribeInput {height:16px;width:117px !important;} .ie div#navbar-2 input#keyword {height:18px !important;} .ie div.footerCell1 input#emailSubscribeInput {height:18px !important;} .ie7 div#banner-image {left: 239px;} /* position the value prop header image */ .ie7 div.footerCell {text-align:center !important; margin-right:auto !important;width:788px !important} .ie7 div.footerCell1 {float:left !important;} .ie7 div#footerCell1Content {height:56px !important;} /* -------------------------------------------------------- YA -------------------------------------------------------- */ /*------ Print styles, most important for the returns page ---*/ @media print { #yourAccountLeftColumn { display: none; } #yourAccountMainMenu3 div#footerLinks { display: none; } #yourAccountMainMenu3 div#copyrightFooter { display: none; } div#header { display: none; } div#headerbanner { display: none; } div#headerRight { display: none; } } /*--- message box YA ----*/ div #importantMessageBox { background-color:#f4f1ea; width:90%; border: #57596c 1px solid; padding: 10px; margin: 5px 1px 5px 0px; } .importantMessageBoxErrorTitle { font-size:16px; font-weight:bold; color:#990000 } .importantMessageBoxTitle{ font-size:16px; font-weight:bold; color:#000000; } #importantMessageBox .errorText { color:#993300; } #importantMessageBox img { vertical-align: middle; } /*--- general styles for breadcrumb ---*/ #breadcrumbTrail { padding: 12px 0px 7px 1px; vertical-align: top; border-bottom: 1px solid #D1C2A8; width: 100%; margin-top:0px; margin-bottom: 20px; text-align:left; } #breadcrumbTrail .breadcrumbRoot a{ font-weight:bold; font-size:16px; margin-left:0px; padding-right:7px; margin-right:0px; } #breadcrumbTrail .breadcrumbPage { padding-left:7px;padding-right:7px;margin-left:0px;margin-right:0px; } #breadcrumbTrail .breadcrumbPage a { font-weight:normal; font-size:11px; color:#666 ;} /*---- Application layout---*/ #yourAccountApplicationLayoutTable{ clear:both; position:relative; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; width:800px; } #yourAccountApplicationLayoutTable li {cursor:default } #yourAccountApplicationLayoutTable h2 {font-size:16px;font-weight:bold; color:#666666} #yourAccountApplicationLayoutTable td { vertical-align:top;font-size:11px;} /* do not add padding here*/ #yourAccountApplicationLayoutTable #yourAccountLeftColumn { text-align:right; width:230px; padding-left:12px; padding-right:10px; margin-left:0px; margin-right:0px;} #yourAccountApplicationLayoutTable #yourAccountRightColumn { text-align:left;width:570px; padding-right:10px;} .ie #yourAccountApplicationLayoutTable #yourAccountRightColumn { padding-left:15px;} /*-----------Landing Page ----*/ /* IE, box is too narrow otherwise */ #yourAccountMainMenu1 #yourAccountMainMenuLinks{ border: 1px solid #D1C2A8; margin: 15px 10px 20px 15px; padding: 20px; vertical-align:top; text-align:left; } /** FF and more */ html >body #yourAccountMainMenu1 #yourAccountMainMenuLinks{ border: 1px solid #D1C2A8; margin: 18px 20px 20px 15px; padding: 21px; vertical-align:top; text-align:left; } #yourAccountMainMenu1 #mainMenuHelpBlurb{line-height:16px;} #yourAccountMainMenu1 #myAccountHeadingTxt { margin-top:0px; margin-bottom:7px; } #yourAccountMainMenu1 #needHelpHeadingTxt { margin-bottom:7px; margin-top:15px; } #yourAccountMainMenu1 .link { line-height: 22px; white-space: nowrap; } #yourAccountMainMenu2 { width:90%; margin-top:30px; line-height:16px; } #yourAccountMainMenu2 h2 { border-bottom: 1px solid #D1C2A8; padding-bottom:10px; color:#666666 } #yourAccountMainMenu2 #landingPageItemList { margin-top:10px; margin-bottom:10px } #yourAccountMainMenu2 #landingPageItemList .link { cursor:default; } /*---- Contact Us 1 ---*/ #yourAccountContactUs1 { } #yourAccountContactUs1 td { vertical-align:top; } #yourAccountContactUs1 #tabContact { } #yourAccountContactUs1 .heading { font-size:14px; font-weight:normal; } #yourAccountContactUs1 .txtFieldLabel {text-align:right; width:25%; font-weight:bold; vertical-align:top; font-size:11px; white-space:nowrap } #yourAccountContactUs1 .txtFieldLabelLite{ vertical-align:top; font-size:14px; font-size:11px } #yourAccountContactUs1 #tabContactInner { margin-top:5px; } #yourAccountContactUs1 input { border:gray 1px solid; } #yourAccountContactUs1 select { border:gray 1px solid; font-size:11px; } #yourAccountContactUs1 textarea { border:gray 1px solid; } #yourAccountContactUs1 .reviewMessage{ width:50%;padding:5px; float: left; } #yourAccountContactUs1 .clarification { text-align:right; font-weight:normal;} #yourAccountContactUs1 .yaErrFont { color: #990000; } #yourAccountContactUs1 .button { padding-top: 7px; } #yourAccountContactUs1 #continue { border-style:none; } #yourAccountContactUs1 .pageHeading { display: none; } /*---- Contact us 2 ---*/ #yourAccountContactUs2 { } #yourAccountContactUs2 #reviewMessage { width:100%; } #yourAccountContactUs2 #tabMain { margin-top:10px; margin-left:0; width:90% } #yourAccountContactUs2 .txtFieldLabelLite { text-align:right; vertical-align:top; width:40%; } #yourAccountContactUs2 #tabButtons { text-align:right; width:100%; margin-top:3px; } #yourAccountContactUs2 #tabButtons .txtFieldLabel { font-size:12px; } #yourAccountContactUs2 .txtCommentsAreaDisabled { background-color:#E0E0E0; width:100%; } #yourAccountContactUs2 .button { display:inline; } /*---- Contact us 3 ---*/ #yourAccountContactUs3 #tabThanks { width:90%; } #yourAccountContactUs3 #tabMain { margin-top:9px; margin-left:30px; } .ie #yourAccountContactUs3 #tabMain { margin-left:0px !important; } #yourAccountContactUs3 #tabMain .txtFieldLabelLite { text-align:right; vertical-align:top; } #yourAccountContactUs3 #tabMain td { white-space:nowrap } #yourAccountContactUs3 #tabMain .txtFieldLabelMemo { white-space:normal; width:300px; } /*-- Returns --*/ #yourAccountReturnsPagelet1 img {margin-top:0px } #yourAccountReturnsPagelet1 #returnInstructions { margin-top:15px; } #yourAccountReturnsPagelet1 #returnInstructionsList { margin-top:5px; font-size:12px; color:#221211; padding-left:23px; } #yourAccountReturnsPagelet1 #returnInstructionsList li { list-style-type:decimal; list-style-position:outside; padding:1px; position:relative; text-indent: -0.1em; } html > body #yourAccountReturnsPagelet1 #returnInstructionsList li { marker-offset:1px; list-style-position:outside; padding:1px; text-indent: 0em; } .ie #yourAccountReturnsPagelet1 #returnLabel { margin-left:-5px; } /*-- Settings --*/ #yourAccountSettings1 .heading { padding-bottom: 5px; } #yourAccountSettings1 .headingText { font-weight:bold; color:#666666; } #yourAccountSettings1 td { vertical-align:top; padding: 4px; } #yourAccountSettings1 #tabSettingsInner { margin-top:5px; } #yourAccountSettings1 .txtFieldLabel {text-align:right; width:45%; font-weight:bold; vertical-align:top; font-size:11px; white-space:nowrap} /*-- Express Checkout --*/ #yourAccountExpressCheckout1 .pageHeading { display: none; } #yourAccountExpressCheckout1 .button { margin-top: 20px; } #yourAccountExpressCheckout1 .radio { margin-top: 3px; } #yourAccountExpressCheckout1 p { margin-bottom: 15px; } /*--Footer --*/ #yourAccountMainMenu3 #footerLinks { color: #74794D; font-size: 11px; display: block; width: 100%; text-align: center; margin-top: 25px; } #yourAccountMainMenu3 #copyrightFooter { color: #5B6571; margin-top: 25px; padding-bottom: 20px; display: block; text-align: center; } #yourAccountMainMenu3 { width: 788px; height: 81px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 20px; } /*--Address book. Display ---*/ #yourAccountAddressBook1 .addressBookEntry { line-height:16px; margin-bottom: 15px; width: 300px; padding: 15px; } #yourAccountAddressBook1 .addressBookEntry.cannotShipTo { border: 1px solid #993300; } #yourAccountAddressBook1 .addressBookEntryNumber { float: left; margin-right: 5px; } #yourAccountAddressBook1 .addressBookEntryRightShift { margin-left: 20px; } #yourAccountAddressBook1 .cannotShipToError { margin-top: 5px; } #yourAccountAddressBook1 .addAddress { margin-top: 5px; } /*--Address book. Add an Address ---*/ #yourAccountAddressForm1 #continueButton { border-style:none; margin-left:110px; margin-top:10px; } #yourAccountAddressForm1 .error { color:#96000b; clear:left; margin-left:110px; } #yourAccountAddressForm1 #addressForm { margin-top:20px; } /*--Address book. Delete an Address ---*/ #yourAccountDeleteConfirm1 .addressBookEntry { line-height:16px; margin: 15px 0px 5px 0px; } /*--------- Generic Address Display --------*/ .addressSingle1 { font-size: 96%; } .addressSingle1 .fullName { font-weight: bold; } /*--------- Generic Address Form Display --------*/ .ie .addressFormSingle1 { width: 400px; } .addressFormSingle1 .label, .addressFormSingle1 .input { position: relative; float: left; margin: 3px; } .addressFormSingle1 .label { clear: left; } .addressFormSingle1 .label { width: 100px; text-align: left; } .addressFormSingle1 .label .optional { font-size: 80%; } .addressFormSingle1 .input input, .addressFormSingle1 .input select { width: 150px; border: 1px solid #4d4d4d; font-size:11px; } .ie .addressFormSingle1 .input select { margin-left: 3px; } .addressFormSingle1 option { font-size:11px; } .addressFormSingle1 div.phone.explain { position: static; clear: left; padding-left: 110px; } /*-- Credit Cards ---*/ /* Credit Card Display Page */ #yourAccountCreditCard { margin-top:0px; padding-top:0px; margin-bottom:44px } #yourAccountCreditCard #ccDisplayBlurb1 { margin-top:0px; top:-5px; position:relative; } #yourAccountCreditCard #ccDisplayBlurb2 { margin-top:3px; margin-bottom:0px; font-weight:bold; color:#666666; top:-5px; position:relative; } #yourAccountCreditCard table.ccTable { margin-top:18px; width:45%; } #yourAccountCreditCard table td { white-space:nowrap; text-align:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #yourAccountCreditCard #noCreditcardsBlurb {font-weight:bold;margin-bottom:22px} /* Credit Card Edit Page */ #incaYourAccountCreditCardForm { width:90% } #incaYourAccountCreditCardForm table { margin-top:20px; width:90%; left:0px; position:relative; } html > body #incaYourAccountCreditCardForm table { width:60%; } #incaYourAccountCreditCardForm table.ccTable td { padding:3px;white-space:nowrap; } #incaYourAccountCreditCardForm table.ccTable td.yaErrRow { padding:0px; } #incaYourAccountCreditCardForm table.ccTable td.buttonRow { text-align:left; } #incaYourAccountCreditCardForm table.ccTable td input, select { font-size:11px; border:black 1px solid; vertical-align: top; } #incaYourAccountCreditCardForm #confirm { border-style:none; } #incaYourAccountCreditCardForm td.txtFieldLabel { font-weight:bold;text-align:right;padding-right:2px;width:30% } html > body #incaYourAccountCreditCardForm td.txtFieldLabel { width:40% } #incaYourAccountCreditCardForm .yaError { color: #96000b; } #incaYourAccountCreditCardForm #or{top:-5px;position:relative; font-weight:bold;} /* Credit Card Confirm Delete Page */ #incaYourAccountCreditCardForm2 { width:90% } #incaYourAccountCreditCardForm2 #incaDeleteCreditCardBlurb2 {font-weight:bold; margin-top:10px;padding-bottom:10px;} #incaYourAccountCreditCardForm2 table { width:60%; text-align:left; white-space:nowrap; } #incaYourAccountCreditCardForm2 table td { white-space:nowrap; } #incaYourAccountCreditCardForm2 .txtFieldLabel { font-weight:bold;text-align:right;padding-right:2px; } #incaYourAccountCreditCardForm2 .yaError { color: #96000b; } /* Sign In */ body#pageId100 div#top-2 { text-align: center; padding-top: 10px; } body#pageId100 .ie div#top-2 { padding-top: 0px; } body#pageId100 div#top-2 #importantMessageBox { margin: 40px auto 0 auto; text-align: left; width: 700px; } body#pageId100 .ie div#top-2 #importantMessageBox { margin-bottom: 40px; } body#pageId100 #signInAppCenter #center-2 { padding-top: 50px; } body#pageId100 .ie #signInAppCenter #center-2 { padding-top: 0px; } body#pageId100 .ie7 #wrapper { padding-top: 80px; } body#pageId101 div#top-2 #importantMessageBox { margin: 40px 50px 0; text-align: left; width: 700px; } #signInAppCenter form#signInMainForm { max-width: 800px; border: 1px solid #e1d7c4; margin: auto auto 50px auto; padding: 10px; } /* Only works for ie browser since ie not following standards */ body#pageId100 .ie #signInAppCenter form#signInMainForm { max-width: 800px; border: 1px solid #e1d7c4; margin: 0px 66px 50px 66px; padding: 10px; } body#pageId100 .ie #signInAppBottom div#footerLinks { width: 100% } #signInMainForm { color: #666666; width: 700px; min-height: 410px;} #signInMainForm div.intro { text-align: center; padding: 30px;} #signInMainForm div.intro div.pleaseLogIn { font-weight: bold; text-align: center; } #signInMainForm div.intro div.ifExistingCust { text-align: center; } #signInMainForm table.signInInputs tbody tr td { padding: 4px; } #signInMainForm td { font-size: 11px; width: 350px; } #signInMainForm td.custRadioColumn { width: 200px; } #signInMainForm table.signInInputs tbody tr td.myEmailIs { white-space: nowrap; text-align: right; width: 200px; } #signInMainForm td.newCustRadio { text-align: right; vertical-align: top; width: 200px; } #signInMainForm td.existCustRadio { text-align: right; vertical-align: top; width: 200px; } #signInMainForm div.amNewCust { font-weight: bold; } #signInMainForm table.signInInputs td.existCust div.myPassIs { font-weight: bold; margin-bottom: 5px; white-space: nowrap; } #signInMainForm table.signInInputs div.signInSecure { margin-top: 10px; margin-bottom: 15px; } #signInMainForm #skipSignIn { margin-left:140px; width:400px; } #signInMainForm #skipSignInBlurb2 { margin-top:10px; } #newAccountForm table.middle { margin-top:20px; width:80%; border: 0px; text-align:left; } #newAccountForm .head {padding-bottom: 10px; padding-left: 50px; font-weight: bold; } #newAccountForm .rightText { text-align: right; font-weight: bold; padding-right: 5px; } #newAccountForm td.spacer { padding: 6px; } #newAccountForm td { font-size: 11px; width: 218px;} #newAccountForm td + td { width: 200px; } #forgotPasswordForm table.main .forgotPasswordBoxTop{ padding:1px; width:100%; border: 0px; } #forgotPasswordForm table.middle { padding:1px; width:100%; border: 0px; text-align:left; } #forgotPasswordForm td { padding:2px; font-size: 11px; } #forgotPasswordForm td.numbering { padding:3px; width:2%; text-align:left; vertical-align:top; } #forgotPasswordForm td.identitySettings { padding:3px; width:50%; vertical-align:top; } #forgotPasswordForm td.identityButton { text-align:center; } #forgotPasswordForm .headingText { font-weight: bold; } #forgotPasswordForm td.right { font-weight: bold; font-size: 11px; width: 318px; text-align:right;} #forgotPasswordForm .emailReminderForm { margin-top: 25px; margin-bottom: 25px; margin-left: 0px; margin-right: 70px} #forgotPasswordForm .emailReminderForm .button input { margin-bottom: -4px; } #forgotPasswordForm .textEmailAddress { width: 90px; font-weight: bold; text-align: left; } .ie #forgotPasswordForm .textEmailAddress { width: 100px; } /* Subscribe/Sign up for e-mail */ #MySizeYAEMailSubscriptions1 #unsubscribeLink{ margin-top:20px; } #MySizeYAEMailSubscriptions1 #subscribeEmailAddressBox { margin-top:23px; font-weight:bold;} #MySizeYAEMailSubscriptions1 #emailPreferences { margin-left:90px;margin-top:5px;} #MySizeYAEMailSubscriptions1 #emailPreferences input { margin-right:5px;} #MySizeYAEMailSubscriptions1 #emailPreferences #textPref { margin-left:5px;} #MySizeYAEMailSubscriptions1 #submitButton { margin-top:13px; } #MySizeYAEMailSubscriptions1 #continueButton { margin-top:15px } /* Unsubscribe */ #MySizeYAEmailSubscriptions2 #unsubscribeIntro { margin-bottom:5px } #MySizeYAEmailSubscriptions2 #subscribeEmailAddressBox { font-weight:bold; } #MySizeYAEmailSubscriptions2 #submitButton { margin-top:13px; } #MySizeYAEmailSubscriptions2 #continueButton { margin-top:15px } /*-- YA View Orders --*/ #yourAccountViewOrdersHistory1 .label {font-weight: bold; float: left; padding-right: 5px; } #yourAccountViewOrdersHistory1 .form { margin: 5px 0px 10px 0px; clear: both; } #yourAccountViewOrdersHistory1 .heading { font-weight: bold; font-size: 11px; } #yourAccountViewOrdersHistory1 .headingTitle { font-weight: bold; font-size: 12px; } #yourAccountViewOrdersHistory1 .groupedOrders { border: 1px solid #d1c2a8; margin: 10px 0px 15px 0px; padding: 10px; vertical-align: top; text-align: left; } #yourAccountViewOrdersHistory1 .groupedOrders .orderSingle1 { margin: 15px 0px 15px 0px; } #yourAccountViewOrdersHistory1 .groupedOrders hr { background-color:#D1C2A8; border-style: none; color:#D1C2A8; height:1px; } #yourAccountViewOrdersHistory1 .orderProperties { width: 190px; float: left; } #yourAccountViewOrdersHistory1 .orderDateHeading { font-weight: bold; } #yourAccountViewOrdersHistory1 .orderNumberHeading { font-weight: bold; } #yourAccountViewOrdersHistory1 .orderRecipientHeading { font-weight: bold; } #yourAccountViewOrdersHistory1 .orderItems { width: 320px; margin-left: 200px; vertical-align: top; padding-bottom: 15px;} #yourAccountViewOrdersHistory1 .orderItems2 { margin-left: 5px; } #yourAccountViewOrdersHistory1 .orderDetailLink { margin: 5px 5px 5px 180px; vertical-align: top; } #yourAccountViewOrdersHistory1 div.actualShipments div.trackingLink { margin-top: 7px; margin-bottom: 5px; } #yourAccountViewOrdersHistory1 div.actualShipments div.orderItems2 { margin-left: 20px; } #yourAccountViewOrdersHistory1 div.orderItems div.orderDetailLink { text-align: right; } #yourAccountViewOrdersHistory1 div.actualShipments div.trackingLink img { vertical-align: middle; } #yourAccountViewOrdersDetail1 span.trackingLink { font-weight: normal; } #yourAccountViewOrdersDetail1 span.trackingLink a img { vertical-align: middle; } #yourAccountViewOrdersDetail1 div.unshippedShipmentHead .button { position: absolute; right: 0; top: -5px; } .ie #yourAccountViewOrdersDetail1 div.unshippedShipmentHead .button { right: 10px; } #yourAccountViewOrdersDetail1 div.unshippedShipmentHead { position: relative; } #yourAccountViewOrdersDetail1 .heading { font-weight: bold; } #yourAccountViewOrdersDetail1 .orderProperties { margin-bottom: 20px; } #yourAccountViewOrdersDetail1 .box { border: 1px solid #D1C2A8; margin: 2px 0px 5px 0px; vertical-align: top; text-align: left; padding: 5px; } #yourAccountViewOrdersDetail1 img { vertical-align: text-bottom; } #yourAccountViewOrdersDetail1 div.actualShipment1 span.deliveryDateHeading { font-weight: bold; } #yourAccountViewOrdersDetail1 div.actualShipment1 div.promiseDates div.deliveryDateDiv { margin-bottom: 10px; } #yourAccountViewOrdersDetail1 div.actualShipment1 div.shipmentItems div.itemHeading { display: none; } #yourAccountViewOrdersDetail1 div.shipmentItems1 { border-top: 1px solid #D1C2A8; margin-top: 10px; padding-top: 5px; padding-bottom: 10px; } #yourAccountViewOrdersDetail1 div.itemDeliverySummary { margin-bottom: 20px; } #yourAccountViewOrdersDetail1 .promiseDates { margin-bottom: 5px; } #yourAccountViewOrdersDetail1 .actualShipment1 { border: 1px solid #D1C2A8; margin: 2px 0px 20px 0px; padding: 3px; vertical-align: top; text-align: left; } #yourAccountViewOrdersDetail1 table.yaTwoColumnTable { width: 100%; } .ie #yourAccountViewOrdersDetail1 table.yaTwoColumnTable { width: 98%; } #yourAccountViewOrdersDetail1 td.leftCol, #yourAccountViewOrdersDetail1 td.rightCol { width: 50%; } #yourAccountViewOrdersDetail1 .orderTotals1 .label, #yourAccountViewOrdersDetail1 .orderTotals2 .label { width: 75%; } #yourAccountViewOrdersDetail1 .orderTotals1 .itemValue, #yourAccountViewOrdersDetail1 .orderTotals2 .itemValue { width: 25%; } #yourAccountViewOrdersDetail1 .edited { color: #990000; font-weight: bold; } #yourAccountViewOrdersDetail1 div.shippingAddress { margin-top: 10px; margin-bottom: 10px; } #yourAccountViewOrdersDetail1 div.shippingAddressHeading { font-weight: bold; } #yourAccountViewOrdersDetail1 div.paymentInfo.box div.orderTotals div.orderTotals1 table, #yourAccountViewOrdersDetail1 div.packageAndTotalsInfo div.shipmentTotals div.orderTotals2 table { width: 100%; } #yourAccountViewOrdersDetail1 div.shippingSpeedHeading { font-weight: bold; } #yourAccountViewOrdersDetail1 div.plannedShipment.box { margin-bottom: 20px; } #yourAccountViewOrdersDetail1 div.paymentInfo.box div.info div.paymentMethod { margin-bottom: 10px; } #yourAccountViewOrdersDetail1 div.addressSingle1 div.fullName { font-weight: normal; } #yourAccountViewOrdersDetail1 div.returnDetails { padding-top: 20px; } #yourAccountViewOrdersDetail1 div.refundInformation { margin-bottom: 20px; } #yourAccountViewOrdersDetail1 div.refundItemList { margin-left: 5px; } #yourAccountViewOrdersDetail1 span.returnStatus { font-weight: bold; } #yourAccountViewOrdersDetail1 div.refundInformation table { width: 100%; } #yourAccountViewOrdersDetail1 div.returnItemList { padding-bottom: 10px; } #yourAccountViewOrdersDetail1 div.returnItems div.returnTotals1 table { width: 100%; } #yourAccountViewOrdersDetail1 div.returnSeparator { border-top:1px solid #D1C2A8; padding-top: 10px; } #yourAccountViewOrdersDetail1 .orderReversal1 .label { width: 75%; } #yourAccountViewOrdersDetail1 .orderReversal1 .itemValue { width: 25%; } #yourAccountViewOrdersCancelForm1 { width: 545px; } #yourAccountViewOrdersCancelForm1 .heading { font-weight: bold; } #yourAccountViewOrdersCancelForm1 .box { border: 1px solid #D1C2A8; margin: 2px 0px 20px 0px; padding: 3px; vertical-align:top; text-align:left; } #yourAccountViewOrdersCancelForm1 .itemColumnHeading { width: 70%; font-weight: bold; font-size: 11px; } #yourAccountViewOrdersCancelForm1 .priceColumnHeading { width: 15%; text-align: center; font-weight: bold; font-size: 11px; } #yourAccountViewOrdersCancelForm1 .selectColumnHeading { width: 15%; text-align: center; font-weight: bold; font-size: 11px; } #yourAccountViewOrdersCancelForm1 .itemColumn { width: 70%; } #yourAccountViewOrdersCancelForm1 .priceColumn { width: 15%; text-align: center; } #yourAccountViewOrdersCancelForm1 .selectColumn { width: 15%; text-align: center; } #yourAccountViewOrdersCancelForm1 .itemsToCancel td { padding-right: 10px; } #yourAccountViewOrdersCancel1 { width: 545px; } #yourAccountViewOrdersCancel1 .heading { font-weight: bold; } #yourAccountViewOrdersCancel1 .box { border: 1px solid #D1C2A8; margin: 2px 0px 20px 0px; padding: 3px; vertical-align: top; text-align: left; } #yourAccountViewOrdersCancel1 .box table { width: 100%; } #yourAccountViewOrdersCancel1 .orderEmpty { margin-bottom: 20px; } #yourAccountViewOrdersCancel1 .returnToOrderButton { margin-bottom: 10px; } #yourAccountViewOrdersCancel1 .headingBoxMiddle { font-weight: bold; } #yourAccountViewOrdersCancel1 .itemColumnHeading { width: 85%; font-weight: bold; font-size: 11px; } #yourAccountViewOrdersCancel1 .priceColumnHeading { width: 15%; text-align: center; font-weight: bold; font-size: 11px; } #yourAccountViewOrdersCancel1 .itemColumn { width: 85%; } #yourAccountViewOrdersCancel1 .priceColumn { width: 15%; text-align: center; } #yourAccountViewOrdersShipTrack1 div.heading { font-weight: bold; margin-bottom: 15px;} #yourAccountViewOrdersShipTrack1 div.headSection { position: relative; height: 100px;} #yourAccountViewOrdersShipTrack1 div.headSection div.headGroup1 { float: left; width: 50%; position: relative; } #yourAccountViewOrdersShipTrack1 div.headSection div.headGroup2 { float: left; } #yourAccountViewOrdersShipTrack1 div.headSection div.labelGroup1 { font-weight: bold; float: left; clear: left; text-align: right; width: 135px;} .ie #yourAccountViewOrdersShipTrack1 div.headSection div.labelGroup1 { width: 145px;} #yourAccountViewOrdersShipTrack1 div.headSection div.labelGroup2 { font-weight: bold; float: left; clear: left; text-align: right; width: 100px;} #yourAccountViewOrdersShipTrack1 div.headSection div.valueGroup { float: left; padding-left: 5px;} #yourAccountViewOrdersShipTrack1 div.heading2 { clear: both; font-weight: bold; margin-bottom: 10px;} #yourAccountViewOrdersShipTrack1 .box { border: 1px solid #D1C2A8; margin: 2px 0px 20px 0px; padding: 3px; vertical-align:top; text-align:left; width: 95%; } .ie #yourAccountViewOrdersShipTrack1 .box { width: 100%; } #yourAccountViewOrdersShipTrack1 table.trackingEvents { width: 100%; margin-left: 5px;} #yourAccountViewOrdersShipTrack1 table.trackingEvents th { font-size:11px; text-align:left; } #yourAccountViewOrdersShipTrack1 table.trackingEvents th.trackingDate { width: 20%; } #yourAccountViewOrdersShipTrack1 table.trackingEvents th.trackingLocation { width: 40%; } #yourAccountViewOrdersShipTrack1 table.trackingEvents th.trackingEventDetails { width: 40%; } #yourAccountViewOrdersPaymentForm1 .box { padding: 10px 0px 20px 0px; } #yourAccountViewOrdersPaymentForm1 .ccTable { width: 545px; } #yourAccountViewOrdersPaymentForm1 .ccTable td { padding: 3px; } #yourAccountViewOrdersPaymentForm1 .ccTable td select { border: 1px solid #5b4a5a; } #yourAccountViewOrdersPaymentForm1 .ccTable th { text-align: left; font-size: 11px; white-space: nowrap; } #yourAccountViewOrdersPaymentForm1 .ccTable .radio { width: 5%; } #yourAccountViewOrdersPaymentForm1 .ccTable .type { width: 25%; } #yourAccountViewOrdersPaymentForm1 .ccTable .number { width: 25%; } #yourAccountViewOrdersPaymentForm1 .ccTable .name { width: 25%; } #yourAccountViewOrdersPaymentForm1 .ccTable .expires { width: 20%; white-space: nowrap; } #yourAccountViewOrdersPaymentForm1 .ccTable td.error { color: #96000b; } #yourAccountViewOrdersPaymentForm1 .ccTable .newType { width: 25%; } #yourAccountViewOrdersPaymentForm1 .ccTable .newNumber { width: 25%; } #yourAccountViewOrdersPaymentForm1 .ccTable .newName { width: 25%; } #yourAccountViewOrdersPaymentForm1 .ccTable .newExpires { width: 20%; white-space: nowrap; } #yourAccountViewOrdersPaymentForm1 .ccTable .ccSelectionHeading { width: 95%; } #yourAccountViewOrdersPaymentForm1 #creditCardSelect .ccTable { width: 100%; } #yourAccountViewOrdersPaymentForm1 h2 { border-bottom: 1px dashed #E1D7C4; width: 100%; padding-bottom: 5px;} #yourAccountViewOrdersPaymentForm1 #retryPlanHeading { font-weight: bold; } #yourAccountViewOrdersPaymentForm1 td.heading, #yourAccountViewOrdersPaymentForm1 td .heading { font-weight: bold; } #yourAccountViewOrdersPaymentForm1 #selectText { font-weight: bold; margin-top: 30px; } #yourAccountViewOrdersPaymentForm1 .codPaymentMethod, #yourAccountViewOrdersPaymentForm1 .cvsPaymentMethod { margin: 0px 0px 5px 5px; } #yourAccountViewOrdersPaymentForm1 .paymentMethodHeading { margin-left: 20px; } .ie #yourAccountViewOrdersPaymentForm1 .paymentMethodHeading { margin-left: 10px; } .ie #yourAccountViewOrdersPaymentForm1 .ccSelectionHeading { width: 100%; } #yourAccountViewOrdersBillAddressForm1 .addAddressButton { padding: 10px 0px 10px 0px; } #yourAccountViewOrdersBillAddressForm1 .addressSingle1 { padding-bottom: 10px; } #yourAccountViewOrdersBillAddressForm1 .addressBookHeading { padding-bottom: 10px; } #yourAccountViewOrdersShipAddressForm1 .addAddressButton { padding: 10px 0px 10px 0px; } #yourAccountViewOrdersShipAddressForm1 .addressSingle1 { padding-bottom: 10px; } #yourAccountViewOrdersShipAddressForm1 .addressBookHeading { padding-bottom: 10px; } #yourAccountViewOrdersShipAddressForm1 .cannotShipToError2 { color:#993300; width:115px; } #yourAccountViewOrdersNewAddressForm1 .error, #yourAccountViewOrdersNewAddressForm2 .error { color:#96000b; clear:left; margin-left:110px; } #yourAccountViewOrdersShipOptionForm1 .shipSplit { display:none; } #yourAccountViewOrdersShipOptionForm1 .pageHeading { display:none; } #yourAccountViewOrdersShipOptionForm1 .headingBoxMiddle { margin-bottom: 5px; } #yourAccountViewOrdersShipOptionForm1 .speed { margin-top: 3px; } #yourAccountViewOrdersShipOptionForm1 #continueButton { margin-top: 20px; }