/* -------------- begin main.css for mothercare; see also ie-specific css (iehacks.css) ------------------ */ /* -------------- START HTML ELEMENTS ------------------ */ /* BASE -------------------------------------------------- */ body { font: normal normal 62.5%/1.3 Arial, Helvetica, sans-serif; /* 10px */ color: #333333; margin: 0; padding: 0; } /* HEADINGS -------------------------------------------------- */ /* GENERAL PAGE SECTION HEADINGS */ h1 {margin: 0; padding: 0 0 10px 5px; font-size: 2em; } h2 {margin: 0; padding: 0 0 0 10px; font-size: 1.8em; font-weight: bold; color: #00A6D6;} h3 {margin: 0; padding: 0; font-size: 1.8em; font-weight: bold;} h4 {margin: 0; padding: 0;} #content h2 {margin-bottom: 2px;} #content h2 span {color: #000000;} h2 span.user_account a { color:#000000; font-size:0.667em; font-weight:normal; } #topTitle h2{padding:0;} /* PARAGRAPHS -------------------------------------------------- */ p {margin: 0; padding: 0;} /* LISTS -------------------------------------------------- */ ul, ol, dl {margin: 0; padding: 0; list-style: none;} /* LINKS -------------------------------------------------- */ a, a:link, a:visited, a:active {color: #333333;} a:hover {color: #333333;} noscript {margin: 10px 30px;} form { display: inline; margin: 0; padding: 0; } fieldset {border: 0 none;} input, select, textarea, label, .label { vertical-align: middle; font-family: Arial, Helvetica, sans-serif; } label {position: relative; z-index:0; top:0;} label.level {top: 0;} label.level2 {top: -1px;} label.level3 {top: -3px;} #Giftlist .create_gift_list .box .radioLevel {top:0;} #Giftlist .create_gift_list .alignAddrBook {padding-top:2px;} #Giftlist .create_gift_list .alignNewAddr {padding-top:12px;padding-left:10px;} * html #Giftlist .create_gift_list .alignNewAddr {padding-left:0;} textarea {padding: 3px 0 3px 3px; font: 1em Arial, Helvetica, sans-serif; text-align: left;} img { border: 0; } /* -------------- END HTML ELEMENTS ------------------ */ /* -------------- START GENERAL CLASSES and NON-CONTEXTUAL IDs ------------------ */ .inline {display: inline;} .center {text-align: center;} .right {text-align: right;} .nowrap {white-space: nowrap;} .clearBoth {clear: both;} .hide {display:none;} .show {display: block;} .unBold {font-weight: normal !important;} .oldPrice {} .orderTotal {color: #CD0013;} .red, .required, .requiredHigh {color: #CD0C05;} .promo {color: #333333;} .required {font-weight: bold; position: relative; top: 3px;} .requiredHigh {font-weight: bold; position: relative; top: -1px;} .note, .note a {color: #666; font-size: 0.9em; font-style: italic; line-height: normal;} .noteNonItalic {color: #666; font-size: 0.9em; line-height: normal;} .hr {border-top: 1px solid #C4D8E2; clear: both; margin: 6px 0;} .nudgeDown {margin-top: 5px;} /* good for pesky submit buttons */ .nudgeUp {position: relative; margin-top: -5px;} /* good for pesky submit buttons */ .top {vertical-align: top !important;} .middle {vertical-align: middle !important;} .noBottomPad {padding-bottom: 0 !important;} .noBottomMargin {margin-bottom: 0 !important;} .paddingBottom {padding-bottom: 5px;} .addressResults {width: 542px;} .addressAccuracy {margin-right: 200px;} .privacy {height: 100%; padding: 8px; border: 1px solid #C4D8E2; font-size: 0.9em;} .pagination {text-align: right;} .pagination .current {font-weight: bold;} .pagination a, .pagination .current {margin: 0 1px;} .signinName {color: #22AEC9;} .grayedOut, .grayedOut .smallCaps {color: #888;} .small {font-size: 0.9em;} .smallCaps {font-variant: small-caps; font-size: 0.9em; color: #000;} /* class for creating label for jaws reader when text description of form elementis absent*/ .hidden-label{ position: absolute; left: 0px; top: -100px; width: 1px; height: 1px; overflow: hidden;} .productTitle {padding-top: 6px;} /* spacers for floated boxes */ .boxSpacer14 {width: 14px; float: left;} .boxSpacer24 {width: 24px; float: left;} /* error handling */ .error {color: #CC0000;} .selectError {background-color: #FFFF66;} .formElementError {margin: -8px 0 6px; text-align: left; font-size: 0.9em; font-weight: bold; color: #CC0000; line-height: 100%;} #errorMessageBox {height: 100%; margin: 20px; padding: 1em; background-color: #FFE6E6; border: 1px solid #FF0000; } #errorMessageBox::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #errorMessageBox .icon {float: left; width: 30px; text-align: right; padding-right: 10px;} #errorMessageBox h3, #mainContent #errorMessageBox div h3 {padding-left: 30px;padding-bottom:0px; color: #CC0000 !important; font-size: 1.4em;} #errorMessageBox .messageText h3, #mainContent #errorMessageBox .messageText h3 {padding-left:0;} .messageText {padding-left: 40px;} .noteOutOfStock {margin-top: 70px; color: #666; font-size: 0.9em; font-style: italic; line-height: normal;} /* tableless DIVs */ .floatLeft {float: left;} .floatRight {float: right;} .five, .ten, .fifteen, .twenty, .twentyFive, .thirty, .thirtyFive, .forty, .fortyFive, .fifty, .fiftyFive, .sixty, .sixtyFive, .seventy, .seventyFive, .eighty, .eightyFive, .ninety, .ninetyFive {float: left; padding-bottom: 1px;} .five {width: 5%;} .ten {width: 9%;} .fifteen {width: 14%;} .twenty {width: 19%;} .twentyFive {width: 24%;} .thirty {width: 29%;} .thirtyFive {width: 35%;} .forty {width: 39%;} .fortyFive {width: 44%;} .fifty {width: 49%;} .fiftyFive {width: 54%;} .sixty {width: 59%;} .sixtyFive {width: 64%;} .seventy {width: 69%;} .seventyFive {width: 74%;} .eighty {width: 79%;} .eightyFive {width: 84%;} .ninety {width: 89%;} .ninetyFive {width: 94%;} .stokkestyle {background-color: #F0F0F0; border-style: dotted; border-width: 1px; padding: 5px 5px 5px 5px;} .stokkemsg {float: left; width: 90%; font-size: 12px; padding-left: 14px; } /* Privacy policy box */ .yourprivacy .error {font-size: 1.2em; padding: 10px 15px 0 15px;} div.yourprivacy {background: #F0F0F0 none repeat scroll 0 0; margin-bottom: 15px; padding-bottom: 15px; position: relative; width: 450px;} div.yourprivacy p { margin: 0 15px 15px 5px; padding-left: 10px;} div.yourprivacy h3 { color: #00A6D6; margin: 0 0 10px 15px; padding-top: 10px; font-size: 1.8em; font-weight: bold; } div.yourprivacy input { margin: 0 2px 0 15px; } div.yourprivacy label { font-size: 1.2em; font-weight: normal; position: static; } /* Confirmation Message Defaults */ .confirmationMessage { padding: 15px 0; position: relative; width: 640px; margin-left: auto; margin-right: auto; background: #00A6D6 none repeat scroll 0 0; vertical-align: middle; text-align: center; font-weight: bold; color: #FFFFFF; } /* -------------- START IDs (PRIMARY STRUCTURE) ------------------ */ #outerWrap { width: 985px !important; background: #FFFFFF !important; } #outerWrapTop { display: none !important; } #outerWrap::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* forces clear break in FF */ #outerWrapPopup {width: 490px; margin: 10px auto 30px; padding: 0 30px; background-color: #FFF;} #outerWrapPopup::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #outerWrapPopup #header {width: 490px;} #outerWrapPopup #header .fifty {padding-top: 5px; padding-bottom: 5px;} #outerWrapPopup #header .floatRight {margin: 14px 0 0;} #outerWrapPopup #header .logo { padding: 0 5px 0 5px; } #outerWrapPopup #header .button { margin: 8px 7px 0; float: right; } #header {width: 760px; margin-bottom: 2px; padding-top: 1px;} #header::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* forces clear break in FF */ #header .floatLeft {float: left; padding: 0 0 6px 28px;} #header .floatRight {margin: 17px 13px 0 0;} #header .floatRight a {margin: 9px 5px;} #headerTabs {float: left; padding: 10px 0 0 27px;} #headerTabs img#resourceBubble {visibility: hidden; position: relative; margin: -64px 0 0 -105px;} #welcome {float: right; padding: 8px 26px 0 0; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;} #welcome .welcome {color: #00A6D6; font-weight: bold; font-size: 0.9em;} #dhtmlNavResource input.wide {width: 140px; margin: 3px 0 0 17px;} #dhtmlNav div, #dhtmlNavResource div {float: left;} #dhtmlNav iframe, #dhtmlNavResource iframe {position: absolute; z-index: 3; left: -300px; top: -300px;} #dhtmlNav .dMenu, #dhtmlNavResource .dMenu {position: absolute; z-index: 3; top: -300px; left: -300px; visibility: hidden; width: 126px; border-left: 1px solid #3BBBDF; border-right: 1px solid #3BBBDF;} #dhtmlNav .dMenu a, #dhtmlNavResource .dMenu a {display: block; width: 116px; padding: 2px 5px; font-size: 1em; text-decoration: none; text-align: left; cursor: pointer; background-color: #FFF;} #dhtmlNavResource .dMenu a {background-color: #00A6D6;} #dhtmlNav .dMenu a:hover {text-decoration: underline;} #dhtmlNavResource .dMenu a {color: #FFF;} #dhtmlNavResource .dMenu a:hover {color: #FFFF99; text-decoration: underline;} #dhtmlNav .dMenuBottom, #dhtmlNavResource .dMenuBottom {width: 126px; height: 100%; background-color: #FFF; border-bottom: 1px solid #3BBBDF;} #dhtmlNavResource .dMenuBottom {background-color: #00A6D6;} #searchBar img, #searchBarAlt img {padding: 2px 0 0 38px; font-size: 1em; font-weight: bold;} #searchBar input, #searchBarAlt input {margin: 8px 0 0 3px;} #searchBar input.wide {width: 188px; font-size: 1em;} #searchBarAlt .boldLink a {float: right; padding: 0 30px 0 0; font-size: 1.8em; font-weight: bold; color: #699317; line-height: 1.6em;} #subscription-email {font-size: 1.1em;} #resource-center-email {font-size: 1em;} #breadcrumb {position: relative; z-index: 2; width: 716px; padding: 0 0 6px 27px; font-size: 1em; color: #000;} #breadcrumb a {margin: 0 1px; text-decoration: underline;} #breadcrumb .focus {margin: 0 1px;} #OPLBreadcrumb {text-align: center; margin: 12px 0 22px;} #lMenu {float: left; width: 170px; padding-left: 27px;} #lMenu a:hover {text-decoration: underline;} #lMenu .heading {margin: 0.8em 0; font: 1.1em Verdana; font-weight: bold;} #mainContent {display: inline; float: left;} /* inline for IE Doubled float-margin bug */ #rMenu {float: right; width: 144px; padding: 0 24px 0 10px;} #rMenuResourceCenterArticle {position:relative; float:right; left:2px;width: 200px;} #rMenu .hr {border-color: #CCC;} #wonderBar {width: 716px; padding: 0 0 0 27px; font-size: 0.9em; letter-spacing: 0.005em;} #wonderBar h4 {font-size: 1.1em; padding-bottom: 6px;} #wonderBar input.text {width: 100px;} #wonderBar .wonderBarBody {height: 100%; border-left: 1px solid #3BBBDF; border-right: 1px solid #3BBBDF;} #wonderBar::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #wonderBar .box {float: left; width: 164px; padding: 0 5px 0 5px; border-left: 1px solid #3BBBDF;} #wonderBar .boxWider {float: left; width: 174px; padding: 0 2px 0 5px; border-left: 1px solid #3BBBDF;} #wonderBar .box.noBorder {border-left: 0 none;} #wonderBar .indent {margin-left: 3px;} #wonderBar a {line-height: 140%;} /* #footer {clear: both; padding-top: 20px; text-align: center; font: 0.9em Verdana;} #footer a {margin: 0 7px;} */ #footer-5 {clear: both;} #copyright {clear: both; padding: 10px 0; font-size: 90%; text-align: center; color: #666;} #copyright a {color: #666;} /* #mainContent LAYOUTS */ #CompareProducts #mainContent {padding-left: 20px; padding-right: 6px;font-size:1.2em;} #HP #mainContent {width: 716px; margin-left: 27px; margin-right: 27px;} #GiftOptions #mainContent, #OPLConfirmation #mainContent, #OPLPayment #mainContent{width: 632px; padding-left: 67px;} #CatalogueQuickOrder #mainContent {font-size: 1.2em; padding-left: 10px; width: 700px;} #EmailSettings #mainContent {width: 786px;} #OPLShipMultiple #mainContent, #PasswordAssistance #mainContent, #YAOrderPayment #mainContent, #YAReminder #mainContent {width: 680px; padding-left: 66px; padding-right: 22px;} #ResourceCenter #mainContent, #Wishlist #mainContent {width: 714px; padding-left: 28px; padding-right: 26px;} #StoreLocator #mainContent {font-size: 1.2em;width: 716px; padding-left: 26px; padding-right: 10px;} #Wishlist #mainContent {font-size: 1.2em; width: 716px; padding-left: 10px;} #Giftlist #mainContent {width: 786px; padding-left: 10px;} /*--- OPLSelectConfirm impacts address suggestions in wishlist and CAMS---*/ #OPLSelectConfirm #mainContent {width: 592px; padding-left: 68px; padding-right: 110px; font-size: 1.2em;} #OPLSelectConfirm #wlMainContent {padding-left: 10px;width: 592px; padding-right: 110px; font-size: 1.2em;} #OPLSelectConfirm h2 {padding: 0;} #ResourceCenterArticle:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #outerWrapPopup.printProductDetail #ProductDetail, #outerWrapPopup.printProductDetail #YAOrderPayment, #outerWrapPopup.printOrderSummary #YAOrderPayment {background-image: none;} #outerWrapPopup.printProductDetail {width: 600px; padding: 20px 0;} #outerWrapPopup.printOrderSummary #YAOrderPayment #mainContent {width: 500px; padding: 20px 0;} #ProductDetail #mainContent {width: 560px; margin-left: 28px;} #ResourceCenterArticle #mainContent {width: 530px; margin-left: 27px; padding-right: 8px; border-right: 1px solid #CDCDCD; } #Tier #mainContent {width: 534px; padding-left: 12px; padding-top: 8px;} /* -------------- END IDs (PRIMARY STRUCTURE) ------------------ */ /* -------------- START IDs (SECONDARY STRUCTURE: PAGE-SPECIFIC IDs) ------------------ */ /* classes for square and round boxes */ .boxLeft {float: left; height: 100%;} .boxRight {float: right; height: 100%;} /* these classes are used to change the height of the boxes on catalag quick order page when there */ /* are more than 2 catalogs on display */ .boxRight3Items {float: right; height: 100%;} .boxLeft3Items {float: left; height: 100%;} .box label {color: #333; font-weight: bold;} .box .note, .boxLeft .note {margin: -8px 0 6px;} .box .center, .boxLeft .center, .boxLeft3Items .center {margin: -15px 0 8px; width: 101px;} .boxBody input {margin-bottom: 9px; padding: 1px 0;} .boxBody select {margin-bottom: 9px; vertical-align: top;} .boxBody .indent {margin-left: 8px;} .boxBody .bullet {margin: 20px 0 0 0; font-size: 1.2em;} /* round box top and bottom */ .boxTop img, .boxBottom img {vertical-align: baseline;} /* square box top */ #Basket .boxTop, #GiftOptions .boxTop, #Giftlist .boxTop, #OPLPayment .boxTop, #OPLPlaceOrder .boxTop, #OPLSelectConfirm .boxTop, #OPLShipMultiple .boxTop, #YAAddressConfirm .boxTop, #YAOrderPayment .boxTop, .cardPayments .boxTop {padding: 0 0 0 10px; background: #C4D8E2 none; font-size: 1em; font-weight: bold;} /* SHOPPING BASKET -------------------------------------------------- */ #Basket { margin-top: 10px; font-size: 1.2em; } #Basket #mainContent { width: 985px; position: relative; } #Basket h2 { font-size: 1.5em; color: #00A6D6; font-weight: bold; } #Basket h3 { font-size: 1.167em; color: #00A6D6; font-weight: bold; } #Basket .basketHeader { display: inline;} #Basket .leftContent { float: left; margin-left: 30px; width: 500px; } #Basket .emptyCartMessage { margin: 20px 0;} #Basket .aboutCart { margin: 20px 10px; clear: both;} #Basket .boxLeft { width: 786px; float: left; } #Basket .boxRight { width: 189px; margin-left: 10px; position: absolute; top: 0; right: 0; height: auto; } #Basket .boxRight .boxBody { background-color: #E2F5FA; position: relative; padding: 10px; text-align: center; } * html #Basket .boxRight .boxBody { height: 1em; /* so IE6 cooperates with rounded corners */ } #Basket .giftWrap .giftWrapCheckbox { float: left; position: relative; width: 25px; } #Basket .giftWrap label { float: left; width: 140px; font-weight: bold; text-align: left; } #Basket .alsoBought { margin-top: 20px; } #Basket li { margin: 0 0 .35em; padding-left: 11px; background: transparent none no-repeat scroll left 0.3em; text-align: left; position:relative; } #Basket table { width: 766px;} #Basket table.productList, #Basket .productListFooter { width: 766px; margin: 0 10px; } #Basket td { overflow-x: hidden; padding: 10px 0; border-bottom: 1px solid #E1E4E8; } #Basket table th.price, #Basket table td.price { width: 100px; text-align: right; white-space: nowrap} #Basket table th.quantity, #Basket table td.quantity { width: 60px; text-align: center;} #Basket table th.buttons, #Basket table td.buttons { width: 100px; text-align: center;} #Basket table th.productHeading { width: 506px; text-align: left;} #Basket table td.productDescription {width: 411px; line-height: 1.5em} #Basket table td.productImage {width: 85px; text-align: center; padding-right: 10px;} #Basket table input { margin-bottom: 9px; padding: 1px 0; width: auto;} #Basket .productListFooter .footerBox { float: left; width: 383px;} #Basket .productListFooter .subtotal { vertical-align: middle; } #Basket .productListFooter .note { margin-top: 10px;} #Basket div.hr {margin: 0 5px; padding-top: 10px;} #Basket .pagination {margin: 0 190px 10px 0;} #Basket #HP {position: relative; margin: -30px 0 0 50px; color: #FFF; background-color: #56AA1C;} #Basket #HP p {margin-left: 20px; color: #FFF;} #Basket #HP a {color: #FFF;} #Basket #HP .boxBody {background-color: #02A6D6;} .basketError #errorMessageBox p { font-size: 1.2em; } #Basket .boxUKDeliveryNarrow { margin-bottom: 12px; text-align: left; color: #00A6D6; padding: 0 5px;} #Basket .boxUKDeliveryNarrow a { color: #00A6D6; } .boxUKDeliveryWide {width: 718px; margin-left: 30px;} .boxUKDeliveryWide a {color: #FFFCFF; font-size: 0.9em;} .boxUKDeliveryWide .boxTop {height: 9px;} .boxUKDeliveryWide .boxBody {text-align: center; font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFFCFF; background-color: #B6BF00;} .boxUKDeliveryWide .boxBottom {height: 9px;} .viewDetails {font-style: normal; font-size: 0.9em;} #CatalogueQuickOrder h2 {font-size: 1.5em; padding: 0 0 5px;} #CatalogueQuickOrder .boxBody p, #CatalogueQuickOrder .collectionsBody p {padding-bottom: 5px;} #CatalogueQuickOrder .note {padding-top: 4px;} #CatalogueQuickOrder .note a {font-style: normal; text-decoration: none;} #CatalogueQuickOrder .box {width: 655px; background-color: #F0F0F0; position:relative; padding: 10px 20px 20px} #CatalogueQuickOrder .boxBody {background-color: #F0F0F0;} #CatalogueQuickOrder .boxLeft, #CatalogueQuickOrder .boxRight, #CatalogueQuickOrder .boxLeft3Items, #CatalogueQuickOrder .boxRight3Items {width: 300px; background-color: #F0F0F0; position:relative; padding:20px 20px 4px;} #CatalogueQuickOrder .boxLeft .boxBody, #CatalogueQuickOrder .boxRight .boxBody {height: 240px;} #CatalogueQuickOrder .boxLeft3Items .boxBody, #CatalogueQuickOrder .boxRight3Items .boxBody {height: 390px;} #CatalogueQuickOrder .collectionsBottom .floatRight {padding-right: 30px;} #CatalogueQuickOrder .collectionsBottom div {padding: 4px 0 0 0;} #CatalogueQuickOrder .collectionsBottom a.giftList {color: #F96302;} #CatalogueQuickOrder .collectionsBody a img {vertical-align:middle;} #CatalogueQuickOrder .buyBox {background-color: #E0F3F9; position:relative; padding: 20px 20px 10px 20px; width:655px;} #CatalogueQuickOrder .buyBoxBody {height: 80px; background-color: #E0F3F9;} #CatalogueQuickOrder .productPrice {margin: 10px 0 4px; font-size: 1.3em; font-weight: bold; color: #22AEC9;} #CatalogueQuickOrder .productSalePrice {margin: 0 0 4px; font-size: 1.3em; font-weight: bold; color: #CD0C05;} #CatalogueQuickOrder .quickDirections {width: 350px;} #CatalogueQuickOrder .catalogImage {float: right;width:182px;} #CatalogueQuickOrder .quickNote {margin-top:5px;color: #666; font-size: 0.9em; font-style: italic; line-height: normal;} #CatalogueQuickOrder .quickNote input {padding-left:125px;} * html #CatalogueQuickOrder .quickNote input {padding-left:170px;} /* COLLECTIONS -------------------------------------------------- */ .padLeft15px { padding-left: 15px; } #Collections { font-size: 1.2em; } #Collections h2 { font-size: 1.5em; } #Collections h2 span { color: #000000; } #Collections #lMenu { float:left; width: 189px; position: relative; padding: 0; } #Collections #lMenu .leftNavigation a { line-height: 150%; text-decoration: none; font-size: 1em; font-family: inherit; } #Collections #lMenu .leftNavigation .boxWidgetHeader { color: #00A6D6; font-size: 1.2em; margin-bottom: 20px; } #Collections #mainContent { width: 786px; float: right; position: relative; } #Collections .leftNavigation { background-color: #F0F0F0; line-height: 1.4; margin: 0 0 20px; padding: 10px; position: relative; } #Collections .directions { padding-bottom: 7px; padding-left: 15px; padding-top: 8px; font-size: 1.1em; } #Collections .subtitle { font-size: 1.0em; font-weight: bold; } #Collections .bullet { background:transparent url(/static-www.mothercare.com/css/images/iconArrow_right_blue.gif) no-repeat scroll left center; } #Collections .collectionDesc { border-right: 1px solid #E1E4E8; padding-right: 15px; width: 425px; } * html #Collections .leftNavigation, * html #Collections .collectionsHeader, * html #Collections .collectionsFooter { height: 1em; /* so IE6 cooperates with corners */ } #Collections .headerImage { margin-bottom: 20px; padding: 0; } #Collections .collectionsHeader { clear: both; font-weight: bold; margin-bottom: 15px; font-size: 1.1em; } #Collections .collectionsBody { padding: 0 0 20px; margin: 0 0 15px; border-bottom: 1px solid #E1E4E8; clear:both; } #Collections .collectionsBody.lastCollection { border-bottom: 0 none; margin: 0; } #Collections .collectionsBodyEnd { clear:both; /* so IE6 doesn't expand div unnecessarily */ font-size: 0; height: 0; } .collectionImage , #Collections .collectionsBody .collectionImage, #Collections .gallery_main_image { width: 315px; text-align: center; float: left; position: relative; border: 1px solid #CCCCCC; } #Collections .collectionsBody .collectionDetail, .collectionDetail { float: right; position: relative; margin-left: 10px; width:587px; } #Collections .collectionsBody .infoContainer { float: left; width: 386px; padding-top: 15px; margin-bottom: 15px; } #Collections .collectionsBody .productCode { margin: 0 0 10px; padding: 2px 0 0; display: block; } #Collections .collectionsBody .productInfo a { padding-left: 10px; } #Collections .collectionsBody .pricingInfo { width: 190px; padding-bottom:6px; } #Collections .collectionsBody .pricingInfo a, #Collections .collectionsBody .pricingInfo p { margin: 5px 0; } #Collections .collectionsBody .pricingInfo span { display: block; } #Collections .collectionsBody .quantity { margin: 8px 0 5px; } #Collections .collectionsBody .quantity label { vertical-align: middle; } #Collections .collectionsBody .quantity input { vertical-align: middle; padding: 0; width: 20px; font-size: .917em; } #Collections .collectionsBody .pricingInfo select {width: 135px; margin: 0 0 5px;} #Collections .collectionsBody .productPrice { font-size: 1.5em; font-weight: bold; } #Collections .collectionBody .productWasPrice { font-size: 1.417em; color: #FF0000; } #Collections .collectionsBody .collectionAvailability { clear: both; margin: 0 0 20px; padding: 0; font-size: 0.917em; position: relative; } #Collections .collectionsBody .collectionAvailability .stockInfo { padding: 6px 0; display: block; } #Collections .collectionsBody .outOfStock, #Collections .collectionsBody .collectionAvailability .outOfStock { color: #FF0000; font-weight: bold; } #Collections .buttonZoom { display:block; font-size: 0; height: 32px; padding: 0; text-indent: -9999em; width: 179px; position: relative; } #Collections .buttonZoomContainer { position: relative; clear:both; height: 32px; } #Collections h2 { color: #02A6D6; margin: 0; padding: 0; font-size: 1.8em; } #Collections h3 { color: #02A6D6; margin: 0; padding: 0; font-size: 1.5em; } #Collections h4 { font-size: 0.8em; } #Collections .collectionsBody .errorImage {position: relative; top: -7px;} #Collections .collectionsFooter { background: #E0F3F9 none repeat scroll 0%; margin-bottom: 20px; padding: 10px 0 10px 795px; position: relative; } #Collections .collectionsFooter .addToBasket { top: 10px; right: 10px; padding-bottom: 5px; } #Collections .collectionsFooter .purchase_options { margin-left: 0px; } #Collections .product { font-size: 1.3em; margin-bottom: 10px; } #Collections #errorMessageBox {width: 526px; margin: 6px 0 10px 0; padding: 3px; font-weight: bold; color: #CC0000;} #ProductDetail a.giftList {color: #F96302;} /*------------------CompareProducts----------------*/ #CompareProducts h1 {float: left; color: #22AEC9;} #CompareProducts h2 span { color: #000000 } #CompareProducts .floatLeft {margin: 10px 0 0 6px;} #CompareProducts .floatRight {margin: 8px 14px 0 0;} #CompareProducts a.zoom { color:#333333; font-weight:bold; margin-bottom:0; padding:10px; text-decoration:none; } #CompareProducts table {border-collapse: collapse; margin-bottom: 20px; } #CompareProducts td, #CompareProducts th {width: 150px; vertical-align: top; padding: 2px 6px 8px; border-bottom: 1px solid #E1E4E8;;} #CompareProducts th {font-weight: normal; text-align: left; vertical-align: top; border-left: 0 none;} #CompareProducts ul {margin-left: -5px; } #CompareProducts #extraPromo {display: none;} #CompareProducts .compareTitle {float:left;} #CompareProducts .compareTitle h2 {font-size:1.8em; color:#56AA1C;display:inline } #CompareProducts .arrow{ padding-left:1em; padding-right:0.5em;} #CompareProducts .removeSwapText{color:#00A6D6;font-weight:bold; font-size:1em; padding:3px; text-decoration:none;position:relative; } #CompareProducts .floatedProductBoxTop{position:relative; width:150px;} #CompareProducts .floatedProductBackground { width: 150px !important; } #CompareProducts .floatedProductDetailsBtn { width: 130px !important; } #CompareProducts .floatedProductDetail { position: relative; z-index: 3; } #CompareProducts .floatedProductDetailsBtn a {text-decoration: none;} #CompareProducts .viewDetails { font-size: 1em; } #CompareProducts .viewDetails a { color: #F96302; } #CompareProducts .emwaLink { position: relative; height: 2.5em; } /* Resetting display as block to override previous value */ #CompareProducts .emwaLink .viewDetails { width: 15px; height: 1.3em; position: absolute; display: block; } #CompareProducts .emwaLink span { position: absolute; left:15px; display: block; width:120px; color: #F96302; font-weight: bold; } #CompareProducts .itemCompare{ margin-bottom: 20px; padding: 3px 7px 8px; position:relative;} #CompareProducts .headerRow {font-weight: bold; font-size:1em;} #CompareProducts .compareImage img {padding-bottom:4px;} #CompareProducts p {padding-top:5px;} #CompareProducts .backLink {font-size:1.2em;} #CompareProducts .backLink a { text-decoration: none; } #CompareProducts form#compareProducts .promo {padding-left:10px;} #CompareProducts form#compareProducts ul {padding-left:10px; margin: 0;} #ContactUs #mainContent { margin: 0 10px; font-size: 1.2em;} #ContactUs .boxLeft { position: relative; width: 500px; background-color: #F0F0F0; padding: 10px; } #ContactUs .boxRight { float: left; width: 200px; margin-left: 20px; } #ContactUs .boxBody p {margin: 0;} #ContactUs .boxLeft input, #ContactUs .boxLeft select { margin-bottom: 10px; padding: 0; } #ContactUs .boxLeft .required { top:0;} #ContactUs .boxRight .boxBody { position: relative; padding: 10px; background-color: #00386B; } * html #ContactUs .boxRight .boxBody { height: 1em; } #ContactUs .boxRight .boxBody, #ContactUs .boxRight .boxBody a { color: #FFF; line-height: 140%;} #ContactUs label {font-weight: bold;} #ContactUs ol, #ContactUs ul {margin-bottom: 18px;} #ContactUs ul li { margin: 0 0 .35em; padding-left: 11px; background: transparent none no-repeat scroll left 0.3em; } #ContactUs .confirmationMessage { margin-bottom: 20px;} #CreateAccount #mainContent { width:672px;} #CreateAccount .box {margin-right:0;} #CreateAccount .box p {clear:both; padding: 1em 0;} #CreateAccount .labelWrapperSameLine, #CreateAccount .labelWrapper { position:relative; width:12.5em; } #CreateAccount .errorWrapper, #CreateAccount .labelWrapper { clear:both; } #CreateAccount .labelWrapperSameLine { margin-left:1em; float:left; } #CreateAccount .errorWrapperSameLine, #CreateAccount .errorWrapper { position:relative; padding-left:12.5em; width: 12.3em; float:left; } #CreateAccount .errorWrapperSameLine { padding-left:15.5em; } #CreateAccount input.radio {vertical-align:middle;position:static;} #CreateAccount .subscribeRegisterNew { padding:10px; font-size:1.2em; } #CreateAccount .subscribeRegisterNew h2 { padding:0; font-size:1.2em; color: #00A6D6 } #CreateAccount .confirmationMessage { font-size: 1.2em; } #CreateAccount .subscribeRegisterNew label.newsletter { font-size: 1.1em; font-weight: bold; color: #00A6D6; } #CreateAccount .subscribeRegisterNew p.newsletter { margin-left: 23px; } #CreateAccount .subscribeRegisterNew div.yourprivacy * { font-size: inherit; } #CreateAccount .subscribeRegisterNew div.yourprivacy h3 { font-size: 1.1em; } #CreateAccount .subscribeRegisterNew p br { display:none; } #CreateAccount .subscribeRegisterNew .thirty { line-height:1.9; padding-right:1em; } #CreateAccount .imageInputWrapper { padding-right:3em; } #CreateAccount #errorMessageBox {font-size:1.2em;margin-left:0;width:647px;} #outerWrap.vote { width: auto !important; } #outerWrapPopup.inappropriate #CustomerReviews h1 { margin-left: -6px; margin-top: 5px; } .inappropriate #CustomerReviews p { font-size: 1.2em; } #CustomerReviews #mainContent { padding-left: 5px; width: 530px; } #CustomerReviews .review_form { background-color: #F0F0F0; position: relative; padding: 15px 10px 15px 10px; font-size: 1.2em; width: 496px; } #CustomerReviews .review_form .message { font-weight: bold; } #CustomerReviews .review_form input, #CustomerReviews .review_form select { margin-bottom: 8px; } #CustomerReviews .review_form textarea { overflow: auto; width: 489px; } #CustomerReviews .preview_review p { font-size: 1.2em; } #CustomerReviews .preview_review .customer_review p { font-size: 1.2em; padding-left: 0; } #CustomerReviews h2 { padding-left: 0; } #CustomerReviews h3 { color: #00A6D6; font-size: 1.4em; } #CustomerReviews #mainContent.preview_review { margin-top: 10px; } #CustomerReviews #mainContent.thank_you { padding-left: 162px; margin: 15px 0 10px 0; } * html #CustomerReviews .thank_you .confirmationMessage .cornerBottomLeft, * html #CustomerReviews .thank_you .confirmationMessage .cornerBottomRight { bottom: -1px; } * html #CustomerReviews .thank_you .confirmationMessage .cornerTopRight, * html #CustomerReviews .thank_you .confirmationMessage .cornerBottomRight { right: -1px; } #CustomerReviews.author_review p { font-size: 1.2em; } #CustomerReviews span.back_to_item { font-weight: bold; font-size: 1.1em; } #CustomerReviews .productImage { float: left; margin: 0 10px 5px 0; } #CustomerReviews .productTagLine { font-size: 1.2em; } #CustomerReviews .productTagLine p { margin-bottom: 5px; } #CustomerReviews .previewButton { margin-left: 357px; } #CustomerReviews .previewButton.previewEditButton { margin-left: 316px; } * html #CustomerReviews .review_form {height: 1em; } * html #CustomerReviews.no_reviews .confirmationMessage .cornerTopRight, * html #CustomerReviews.no_reviews .confirmationMessage .cornerBottomRight, * html #RequestCatalogue.success .confirmationMessage .cornerTopRight, * html #RequestCatalogue.success .confirmationMessage .cornerBottomRight, { right: -1px; } * html #CustomerReviews.no_reviews .confirmationMessage .cornerBottomLeft, * html #CustomerReviews.no_reviews .confirmationMessage .cornerBottomRight, * html #RequestCatalogue.success .confirmationMessage .cornerBottomLeft, * html #RequestCatalogue.success .confirmationMessage .cornerBottomRight, * html #RequestCatalogue #emailFriend .emailAFriend .cornerBottomLeft, * html #RequestCatalogue #emailFriend .emailAFriend .cornerBottomRight, { bottom: -1px; } #CustomerReviews #mainContent.name_form p, #CustomerReviews .nameForm { padding-left: 10px; font-size: 1.2em; } #CustomerReviews div.nameForm { position: relative; background: #F0F0F0 none; padding: 10px; width: 460px; margin-left: 14px;} * html #CustomerReviews .nameForm .cornerBottomLeft, * html #CustomerReviews .nameForm .cornerBottomRight { bottom: -1px; } * html .pen_name_success .confirmationMessage .cornerBottomRight, * html .pen_name_success .confirmationMessage .cornerTopRight { right: -1px; } #CustomerReviews .description { width: 200px; float: left; padding-bottom: 5px; } #CustomerReviews .fields, #CustomerReviews .description { margin-bottom: 5px; } #CustomerReviews .fields { width: 210px; float: left; padding-left: 47px; padding-bottom: 5px; } #CustomerReviews .fields input { padding: 0; } * html #CustomerReviews .fields input { padding-bottom: 1px; } #CustomerReviews .nameForm .contbutton { margin-left: 246px; } #CustomerReviews .nameForm .error { font-size: 1em; } #CustomerReviews .penNameContinue .contbutton { margin-left: 128px; padding-top: 6px; } #CustomerReviews p.satisfied { width: 270px; display: block; padding: 3px 5px; float: left; } #CustomerReviews div.penNameDisplay { background: #F0F0F0; position: relative; padding: 5px; width: 480px; text-align: center; font-size: 1.2em; } #CustomerReviews .confirmationMessage { margin-bottom: 7px !important; } .camsError p { font-size: 1.2em; } #outerWrapPopup #CustomerReviews {padding: 14px;} #outerWrapPopup #CustomerReviews h1, #outerWrapPopup #YAReminder h1 {margin-left: -26px;} #CustomerReviews ul {margin-left: 5px;} #outerWrapPopup #EmailSettings {width: 587px;} #EmailSettings p {padding-left: 10px; font-size: 1.2em; padding-bottom: 10px;} #EmailSettings form p {padding-bottom: 15px;} #EmailSettings h2 {color:#00A6D6; padding: 0 0 0 10px; font-size: 1.8em;} #EmailSettings form h2 {margin-bottom: 15px;} #EmailSettings label {font-weight: bold;} #EmailSettings label.level {top: 1px;} #EmailSettings .fields {float: left; width: 288px; font-weight: bold; padding-bottom: 1px; } #EmailSettings .fields input {font-weight: normal;} #EmailSettings .fields select, #EmailSettings .fields input, #EmailSettings .fields label {font-size: 1.2em;} #EmailSettings .fields label {font-weight: normal;} #EmailSettings .fields.emailtype input { margin-left: 1px; padding: 0px; } #EmailSettings input#emailAddress { width: 222px; } #EmailSettings .description {float: left; width: 190px; font-size:1.2em; font-weight: bold; margin: 0 0 10px 10px; } #EmailSettings div.relationship {float: left; width: 313px; font-weight: bold; font-size:1.2em; margin: 0 0 1px 8px; } #EmailSettings .fields.relationshipSelect { width: auto; } #EmailSettings .postingdetails { width: 587px; } #EmailSettings .newsletters .info {float: left; width: 92px; } #EmailSettings .newsletters {margin-left: 10px; float: left;} #EmailSettings .newsletters div.select { float:left; } #EmailSettings .newsletter {width: 345px; clear: both;} #EmailSettings .newsletter img {padding-bottom: 15px; width: 90px; float: left; } #EmailSettings .newsletter .option { height: 80px; margin: 0 0 0 100px; } #EmailSettings .newsletter .option label { position: relative; top: 1px; } #EmailSettings .newsletter .option input { width: 13px; margin: 0; padding: 0; } #EmailSettings .newsletter .option span { padding-left: 5px; } #EmailSettings .newsletter .option p { padding-left: 21px; } #EmailSettings .newsletter input.option { vertical-align: middle; } #EmailSettings .newsletters label {font-size: 1.2em; padding-top: 1px; line-height: 1.3; font-weight: bold; margin: 0; padding: 0;} #EmailSettings .newsletter p.option {padding-left: 0; margin-bottom: 15px;} #EmailSettings .editemail {font-size: 1.1em; padding-left:10px; font-weight:normal; } #EmailSettings #CatalogueLink { margin: 24px 0 20px; } #EmailSettings .headingStripe { width: 786px; /* see dynamic background images */ } #EmailSettings .headingStripe h2 { color: #FFFFFF; font-size: 2.8em; padding: 12px 0 10px; } #EmailSettings .headingStripe p { font-size: 1.4em; } #EmailSettings .button { margin-left: 15px; } #EmailSettings .postalCommunication .fields p { padding-left: 25px; padding-bottom: 10px; font-weight: normal; font-size: 1.2em; } #EmailSettings .postalCommunication .description { width: 188px; } #EmailSettings .postalCommunication .fields div.checkbox, #EmailSettings .postalCommunication .addressSelection div.radio { width: 25px; float:left; } #EmailSettings .postalCommunication .fields label, #EmailSettings .postalCommunication .addressSelection label { font-weight: bold; float: left; width: 220px; } #EmailSettings .postalCommunication .addressSelection label { padding-bottom:5px; } #EmailSettings .postalCommunication .addressSelection { width: 245px; padding-left: 25px; } #EmailSettings .postalCommunication .addressSelection p { padding-bottom: 0; padding-left: 0; } #EmailSettings .postalCommunication p.addNewAddress { font-size: 1.1em; } #EmailSettings .postalCommunication .error { font-size:1.2em; } #EmailMarketing .confirmationMessage, #EmailMarketing .informationProcessed, #RequestCatalogue .confirmationMessage, #RequestCatalogue .informationProcessed, #CustomerReviews .confirmationMessage { margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px; width: 491px; position: relative; font-size: 1.1em; height: auto; } #EmailMarketing .confirmationMessage, #RequestCatalogue .confirmationMessage, #CustomerReviews .confirmationMessage {background: #00A6D6 none repeat scroll 0 0; vertical-align: middle;} #RequestCatalogue .confirmationMessage { width: 591px; } #EmailMarketing .confirmationMessage p, #RequestCatalogue .confirmationMessage p, #CustomerReviews .confirmationMessage p { margin-top: 5px; font-size: 1.2em; margin-right: 5px; } #EmailMarketing .informationProcessed {background: #F0F0F0 none repeat scroll 0 0;} #EmailMarketing .informationProcessed p { margin-left: 15px; margin-bottom: 5px;} #EmailMarketing .informationProcessed ul { margin-left: 20px; font-weight: bold; } #EmailMarketing .emailAFriend { font-size: 1.2em; } * html #EmailMarketing span.cornerTopRight, * html #EmailMarketing span.cornerBottomRight { right: -1px; } * html #EmailMarketing span.cornerBottomLeft, * html #EmailMarketing span.cornerBottomRight { bottom: -1px; } * html #EmailMarketing .emailAFriend span.cornerBottomLeft, * html #EmailMarketing .emailAFriend span.cornerBottomLeft { bottom: 0; } #outerWrapPopup #header div.logo { float: left; padding-bottom: 10px; padding-left: 10px; } #outerWrapPopup #header div.close { float: right; padding-top: 10px; margin-right: 5px; } #outerWrapPopup.request_catalogue div.close { margin-right: 15px !important; } #outerWrapPopup.emailmarketing, #outerWrapPopup #header.emailmarketing { width: 587px; } #outerWrapPopup.emailmarketing #errorMessageBox p { font-size: 1.2em; } /* ERROR PAGES -------------------------------------------------- */ #Error { text-align: center; margin: 20px 0; font-size: 1.2em; } #Error h1 { color: #00A6D6;} #Giftlist .editprofile {border-bottom:1px solid #E1E4E8; float:left; margin-bottom:15px; position:relative;} #Giftlist .thingsWeLove {float:left; width:716px; position:relative;} #Giftlist .message {white-space:normal; width: 635px; padding: 10px 0; font-size:1.2em; color: #FF0000; font-weight: bold;} #Giftlist h1.plain {position: static; height: auto; padding: 26px 0 10px 26px; color: #333; background-image: none;} #Giftlist .box {width: 710px; margin-top: 10px; border: 1px solid #C4D8E2;} #Giftlist .box .boxBody {padding-left: 10px;} * html #Giftlist .create_gift_list .boxBody {padding-left: 0;} #Giftlist .box label {color: #333; font-weight: bold; position:static;} #Giftlist .box .hidden-label {position:absolute;}#Giftlist .box .fieldError {color: red;padding-left:0px; margin-top:-10px; } #Giftlist textarea {margin-bottom: 6px;} #Giftlist select.wider {width: 176px;} #Giftlist textarea.wide {width: 180px;} #Giftlist .box input.wide {width: 170px;} #Giftlist .boxTop h2 {padding: 4px 2px; font-size: 1.2em;} #Giftlist .boxLeft .boxTop {background-image: none;} #Giftlist .boxLeft .boxBody p {margin-top: 3px; line-height: 100%;} #Giftlist .boxLeft .boxBody .floatLeft {padding-left: 30px;} #Giftlist .boxRight {float: right; width: 210px; background-color: #C4D8E2;} #Giftlist .boxRight input {margin-top: 3px;margin-right:10px} #Giftlist .boxRight .boxBody {margin:10px; background-color: #C4D8E2;} #Giftlist .boxRight .boxBody h2 {font-size: 1.2em; padding: 0; color: #000;} #Giftlist select.wide {width: 184px;} #Giftlist th {height: 26px;} #Giftlist td.center {width: 100px;} #Giftlist th.indent {padding-left: 10px;} #Giftlist th.subHeading {background-color: #FFF; border-bottom: 1px solid #C4D8E2;} #Giftlist td.productImage {width: 80px;padding-top: 8px;} #Giftlist .giftListIndent {padding-left: 20px;} #Giftlist table.noPad td {padding: 0;} #Giftlist .alignHeader {line-height:17px;position:static;font-weight:bold;} #Giftlist .alignSortLabels {padding-left:10px;position:static;} #Giftlist .impMsg {color: #CC0000;padding: 6px 0 10px 59px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;font-size: 1.5em;} #Giftlist .sort {margin:0px;width: 700px;} #Giftlist .sortBar {margin-left:27px;margin-right:27px;width:700px;} #Giftlist .hr {border-top: 1px solid #C4D8E2; clear: both; margin: 6px 27px 0 27px;} #Giftlist .thankYou {font-size: 1.2em;} #Giftlist .thankYou h1 {font-size: 2.0em; padding: 5px 0 0; background:#FFFFFF; color:#333333; margin-top:0px; font-weight:bold; margin-top:0;} #GiftOptions .box {width: 640px; margin-top: 10px; border: 1px solid #C4D8E2;} #GiftOptions .boxTop {padding: 4px 6px;} #GiftOptions .boxBody {padding: 0 0 0 10px;} #GiftOptions .indent {margin-left: 8px;} #GiftOptions h3 {font: bold 1em Verdana;} #GiftOptions .boxBody div.indent div {margin: 0; padding: 0;} #GiftOptions .boxBody input.radio {margin: 0; padding: 0;} #Giftlist .box input.text, #Giftlist .box input.short, #Giftlist .box input.wide, #Giftlist .box input.qty {padding:0; margin: 0 0 10px;} .headingStripe { color: #FFFFFF; margin-bottom: 20px; padding: 0; position: relative; display: inline-block; float: left; line-height: 1.1; min-height:142px; background: #65C9E6 none repeat-x scroll left top; } .headingStripe img { margin: 0 10px 0 0; float: left; } .headingStripe h2 { font-size: 2.8em; font-weight: normal; line-height: 1em; margin-right: 10px; padding: 12px 0 10px; } .headingStripe p { font-size: 1.4em; padding: 0 25px 0 0; line-height: 1.3em; margin-bottom: 0;} #Help #mainContent { font-size: 10px; width: 965px; padding: 10px;} #Help .box {height: 100%; padding-bottom: 10px; border: 1px solid #C4D8E2;} #Help .box strong {padding-left: 5px;} #Help .boxBody {padding: 10px 0 0 4px;} #Help h3 { font-size: 1.4em; color: #00A6D6; } #Help .sitemapColumn { width: 233px; float: left; margin-bottom: 20px; } #Help .sitemapColumnPadding { padding-left: 10px; } #Help li { font-size: 1.2em; padding-left: 11px; background: transparent none no-repeat scroll left 0.3em; } #Help ul.siteMap li.thirdTier { margin-left: 20px;} #Help ul.siteMap li a {text-decoration: none;} #HP h2 {margin-left: -16px; color: #22AEC9;} #HP .floatedProduct {display: inline; float: left; padding: 0 5px; border-left: 1px solid #7FD2EA;} #HP .floatedProduct.noBorder {padding-right: 4px; border-left: 0 none;} #HP .boxBody {color: #FFF; padding:10px;} #HP .boxBody h2 {margin: -10px 0 0 -10px; font-size: 2em; font-weight: normal; color: #FFF; line-height: 110%;} #HP .boxBody a {color: #333; text-decoration:none;} #HP .boxBody a:hover {text-decoration:underline;} #HP .boxBody ul {margin: 0 0 0 4px; font-size: 1.05em;} #HP .boxBody .eightyFive {font-size: 1.05em;} #HP .boxBody li {margin-bottom: 3px;} #HP .boxBody p {margin: 0; padding: 0 0 0 8px;} #HP .boxLogo {margin-left: 0; background-color: #FFF;} #HUC { font-size: 1.2em;} #HUC h2 { font-size: 1.5em;} .continueShopping h1 { display: inline; position: relative; top: 3px; } * html .continueShopping h1 { top: -2px;} .continueShopping select { font-size: 1.2em;} #HUC .continueShopping select { font-size: 1em;} #HUC #mainContent { padding-top: 10px; width: 786px; margin: 0; } #HUC #rMenu { width: 178px; padding: 0 0 0 10px; border-left: 1px solid #E1E4E8; margin-top: 10px; } #HUC #mainContent p { margin-left: 10px;} #HUC .floatedProduct, #HUC .floatedProductDetailsBtn { position: relative; float: left; } #HUC .upsellGutter .upsellButton { text-align: center; margin: 10px 0; } #HUC .upsellGutter .giftWrap .giftWrapCheckbox { float: left; position: relative; width: 25px; } #HUC .upsellGutter .giftWrap label { float: left; width: 150px; text-align: left; font-weight: bold; } #HUC h2.upsellGutterHeader { color: #F97115; text-align: center; padding: 0;} #HUC .promo { font-weight: bold } #HUC #rMenu h3 {margin: 10px 0; font-size: 1.167em; text-align: center; color: #00A6D6;} #HUC .hr, #PersonalStorefront .hr {border-top: 1px solid #E1E4E8; clear: both; margin: 10px 10px 10px 0;} #HUC .hr {margin: 10px 0;} * html #HUC #rMenu .hr { padding-bottom: 10px; height: 0; font-size: 0; } * html #HUC #rMenu h3 .hr { padding: 0;} * html #HUC #rMenu .bottomHR { padding: 0; } * html #HUC .floatedProductDetailsBtn { margin-bottom: 10px !important; } #OPLChooseEnterAddress .box {border: 1px solid #C4D8E2; height: 100%;} #OPLChooseEnterAddress .boxRight {position: relative; top: -30px;} #OPLChooseEnterAddress .box .boxTop {padding: 4px 0 4px 10px; background: #C4D8E2 none; font-size: 1.2em; font-weight: bold;} #OPLChooseEnterAddress .box .boxBody {padding: 0 10px;} #OPLChooseEnterAddress .box .boxBodyBottom {padding: 0 20px; font-size:1.2em} #OPLChooseEnterAddress .boxLeft {float: left; width: 440px; background-color: #C4D8E2;position:relative;} #OPLChooseEnterAddress .boxRight {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;} #OPLChooseEnterAddress h2 {padding: 0; font: bold 1em Arial; color:#000000;} #OPLChooseEnterAddress .thirty {padding: 4px 24px 4px 0;} #OPLChooseEnterAddress .addressInfo{padding: 4px 10px; font-size:1.2em; width: 212px; float: left;} #OPLChooseEnterAddress .storeCrdStyle {float: right; width: 200px; margin-left: 20px;} #OPLChooseEnterAddress .boxRightAddress {float: right; width: 200px; background-color: #C4D8E2; padding:11px; position:relative;} #OPLChooseEnterAddress .boxBodyText{font-size:1.2em; font-weight:lighter; padding-left:20px; width:515px;} #OPLChooseEnterAddress .box label {color: #333; font-weight:lighter; top: 1px; font-size: 1.2em;} * html #OPLChooseEnterAddress .box label {top: 3px;} *+html #OPLChooseEnterAddress .box label {top: 3px;} #OPLChooseEnterAddress .box label b {color: #333; font-weight:lighter} #OPLChooseEnterAddress .box label .radioButtonElement {color: #333; font-weight:lighter} #OPLChooseEnterAddress .box label strong{color: #333; font-weight:lighter} #OPLChooseEnterAddress .boxBodyText strong {font-weight:lighter;} #OPLChooseEnterAddress .boxBody input, #OPLChooseEnterAddress .boxBody select {padding: 0; font-size: 1.2em;} #OPLChooseEnterAddress .errorMargin{margin-top:-2px;} #OPLChooseEnterAddress .smallCaps .required{font-weight:lighter;} #OPLChooseEnterAddress .required {font-weight:lighter;} #OPLChooseEnterAddress .box .note, .boxLeft .note {margin: 0 0 8px;font-size:1.2em} #OPLChooseEnterAddress .box .note {margin: 0 0 8px;font-size:1em} #OPLChooseEnterAddress label.radioButtonElement {font-size:1em; } #OPLChooseEnterAddress h1 {margin-left: 123px;} #OPLChooseEnterAddress .addressText {width: 59%; font-size:1.2em; float:left;} #OPLChooseEnterAddress .boxBody .msg {font-size:1.2em; padding:3px; text-align:center} #OPLChooseEnterAddress #mainContent { padding-left:126px; padding-right:22px; width:736px; display:inline; float:left;} #OPLChooseEnterAddress .deliveryImage{margin-right: 5px; } #OPLChooseEnterAddress .billingAddressBlock {font-size: 1.2em;} #OPLChooseEnterAddress .billingAddressBlock strong {font-weight:lighter;} #OPLChooseEnterAddress .billingAddressBlock input {margin-bottom:0;} #OPLChooseEnterAddress .requiredText {font-weight:lighter} #OPLChooseEnterAddress .requiredText strong, .requiredText b {font-weight:lighter} #OPL #OPLChooseEnterAddress .accuracyNote{margin-top:-3em; font-size:1.2em;padding-left:6px;} #OPLConfirmation h2 {padding-left: 0; font-size: 1.6em;} #OPLConfirmation h3 { color: #00A6D6; font-size: 1.3em; } #OPLConfirmation p { font-size: 1.2em; } #OPLConfirmation form p {margin-left: 23px;} #OPLConfirmation div.yourprivacy { padding-top: 5px; } #OPLConfirmation div.yourprivacy h3 { font-size: 1.6em; } #OPLConfirmation .yourprivacy p { padding-top: 5px; margin-left: 15px; } #OPLConfirmation ul {margin: 10px 20px;} #OPLConfirmation select {margin: 3px 0;} #OPLConfirmation #relationshipSelect {width: 177px;} #OPLConfirmation label.level { font-size: 1.2em; } #OPLConfirmation .confirmationMessage { font-size: 1.2em; } #OPLConfirmation .informationProcessed, #OPLConfirmation .premiumDeliveryMessage { margin-bottom: 15px; margin-top: 15px; padding: 8px; width: 624px; position: relative; } #OPLConfirmation .premiumDeliveryMessage { background-color: #F0E68C; font-size: 1.2em; } #OPLConfirmation .premiumDeliveryMessage p { font-size: 1em; } #OPLConfirmation .informationProcessed { background-color: #F0F0F0; } #OPLConfirmation form label.birthday, #OPLConfirmation label.relationship { width: 250px; float: left; font-size: 1.2em; padding-left: 23px; font-weight: bold; margin: 5px 5px 5px 0; } #OPLConfirmation div.fields { display: inline-block; margin-bottom: 10px; } #OPLConfirmation span.premium { font-weight: bold; } #OPLConfirmation .signUpButton { margin-left: 30px; } #OPLConfirmation form label.newsletter, #OPLConfirmation label.familyInfo { color: #00A6D6; font-size: 1.3em; font-weight: bold; } #OPLConfirmation div.companyInfo p { font-size: 1em; } #OPLConfirmation label.familyInfo { display: block; margin-left: 23px; } * html #OPLConfirmation div.fields { margin-bottom: 5px; } * html #OPLConfirmation label.relationship { width: 249px; } * html #OPLConfirmation span.cornerBottomLeft, * html #OPLConfirmation span.cornerBottomRight { bottom: -1px; } * html #OPLEnterAddress #errorMessageBox { margin-bottom: 55px; } #OPLEnterAddress .boxLeft {width: 500px; background-color: #C4D8E2;position:relative;font-size:1.2em;padding-top:1em;font-weight:lighter;} #OPLEnterAddress .boxRight {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;position:relative;padding:8px;font-size:1.2em;font-weight:lighter;} #OPLEnterAddress label .small {font-weight: bold;font-size: normal;} #OPLEnterAddress select {margin-top:5px;} #OPLEnterAddress .boxRightAddress {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;} #OPLEnterAddress .storeCrdStyle {float: right; width: 200px; margin-left: 20px;} #OPLEnterAddress h1 {margin-left: 123px;} #OPLEnterAddress #mainContent {padding-left:126px; padding-right:22px; width:736px; display:inline; float:left;} #OPLEnterAddress .helpText{font-size:1.2em; } #OPLEnterAddress .addressText {font-size:1.2em; float:left;} #OPLEnterAddress .boxBodyText .errorMargin {margin-top:1px;} #OPLEnterAddress .addressAccuracy strong {margin-right: 200px; font-weight:lighter} #OPLEnterAddress .addressAccuracy {font-size:1.2em; } #OPLEnterAddress #mainContent .boxRight .msg{padding:3px; text-align:center} #OPLEnterAddress .continueButton{padding-bottom:1px;} #OPLEnterAddress .shipText{font-size:1.2em;} #OPLEnterAddress .box .note, .boxLeft .note {margin: 0 0 8px;font-size:1em} #OPLEnterAddress .box label, #OPLEnterAddress .box label b, #OPLEnterAddress .box label .radioButtonElement,#OPLEnterAddress .box label strong, #OPLEnterAddress .boxBody label b, #OPLEnterAddress .boxBody label strong, #OPLEnterAddress .boxBody .requiredText strong {color: #333; font-weight:lighter} #OPLEnterAddress .boxBodyText strong {font-weight:lighter;} #OPLEnterAddress .formFields{width: 29%;float:left; padding-bottom:1px;padding-top:5px;} #OPLEnterAddress .boxRightAddress {background-color:#C4D8E2; float:right; font-size:1.2em; font-weight:bold; margin-left:20px; padding:5px; position:relative; text-align:center; width:200px;} #OPL #OPLEnterAddress .accuracyNote{margin-top:0em;} #OPLEnterAddress .fieldset .addressText{padding:right:8%} #OPLEnterAddress .storeCrdStyle {float: right; width: 200px; } #OPLEnterAddress #mainContent #errorMessageBox div h3 {font-size:1.4em;} * html #OPLEnterAddress .boxRightAddress {width: 204px;height:90px;} * html #OPLEnterAddress .boxLeft {height:1%;} * html #OPLEnterAddress fieldset .box{margin-top:5px;} * html #OPLEnterAddress .boxRight{width: 204px;height:90px;} #OPL #GiftOptions .box {width: 640px; margin-top: 10px; border: 1px solid #C4D8E2;} #OPL #GiftOptions .boxTop {padding: 4px 6px;} #OPL #GiftOptions .boxBody {padding: 0 0 0 10px;} #OPL #GiftOptions .indent {margin-left: 8px;} #OPL #GiftOptions h3 {font: bold 1em Arial;} #OPL #GiftOptions .boxBody div.indent div {margin: 0; padding: 0;} #OPL #GiftOptions .boxBody input.radio {margin: 0; padding: 0;} #OPL #GiftOptions {margin-left:120px;} #OPL #GiftOptions #mainContent {font-size:1.2em;margin-left:-60px;} #OPL #GiftOptions .boxBody input {margin-bottom: 1px; padding: 1px 0;} #OPL #GiftOptions .continueOrder{text-align:right;padding-bottom:40px;} #OPLPayment .box {width: 723px; margin-top: 10px; border: 1px solid #C4D8E2;} #OPLPayment .boxTop {padding: 4px 6px;} #OPLPayment .boxBody {padding: 0 0 0 10px;} #OPLPayment h2 {padding: 0; font: bold 1.1em Verdana;} #OPLPayment h4 {color: #666;} #OPLPayment .storecarddiv { float:left; width:250px;} #OPLPayment #mainContent {font-size:1.2em;padding-top:10px; padding-left:126px; } #OPLPayment h1 {margin-left:121px} #OPLPayment .importantMessage h1{margin: 0;} #OPLPayment .thirty {width: 22%; margin-right:30px;} #OPLPayment .five {width: 3%;} #OPLPayment .twentyFive {width: 24%; margin-left:23px;} #OPLPayment .creditCard{float:left; width: 22%; margin-right:15px;} #OPLPayment .cardNumber{float:left;width: 21%;margin-right:23px;} * html #OPLPayment .cardNumber {margin-right: 0;} #OPLPayment .cardHolderName{float:left;width: 24%;} * html #OPLPayment .cardHolderName label strong {padding-left:3px;} /* simulates :before{content: " ";} behavior */ #OPLPayment .expiryDate{float:left;width: 19%;} #OPLPayment .importantMessageText{padding-left: 40px;} #OPL #OPLPayment #mainContent #errorMessageBox div h3 {font-size:1.2em;} #OPL #OPLPayment .importantMessageText {font-size:1em;} * html #OPLPayment .cardHolderName{ margin-left:3px;} #OPLPlaceOrder .floatLeft {width: 400px; margin-right: 6px;} #OPLPlaceOrder .boxLeft {border: 1px solid #C4D8E2;} #OPLPlaceOrder .boxRight {float: left; width: 200px; border: 1px solid #C4D8E2;} #OPLPlaceOrder .boxTop {padding: 4px 6px;} #OPLPlaceOrder .boxRight .boxBody {width: 180px;} #OPLPlaceOrder .boxTop h2 {padding: 0; font: bold 1em Arial; color:#000000;} #OPLPlaceOrder .boxBody {width: 490px; height: 100%; border-bottom: 1px solid #C4D8E2; padding: 0 12px;} * html #OPLPlaceOrder .boxBody {width: 485px;} *+html #OPLPlaceOrder .boxBody {width: 485px;} #OPLPlaceOrder .boxBody.noBorder {border-bottom: 0 none;} #OPLPlaceOrder .boxBody input {margin-bottom: 3px; padding: 0; } #OPLPlaceOrder strong {font-size: 1em;} #OPLPlaceOrder label {font-size: 1em;} #OPLPlaceOrder table th {width: 70px; padding-bottom: 10px;} #OPLPlaceOrder table th.item {width: 260px;} #OPLPlaceOrder {margin-left:124px} #OPLPlaceOrder #mainContent {margin-left:5px; font-size:1.2em; width:730px;} #OPLPlaceOrder .changePayment {padding-right:5px;} #OPLPlaceOrder h3 {font-size:1em;} #OPLPlaceOrder .deliveryText {font-weight:bold; vertical-align:middle;line-height:2.4em;} #OPLPlaceOrder .userAgreement{ vertical-align:middle;line-height:1.7em; font-family:Arial,Helvetica,sans-serif; font-size:1em;} #OPLPlaceOrder .userAgreementCheckbox{width:8%;float:left;padding-bottom:1%} #OPL #OPLPlaceOrder #mainContent #errorMessageBox div h3 { font-size:1.2em; } #OPL #mainContent #OPLPlaceOrder #errorMessageBox div h3 {font-size:1.2em;} #OPL #OPLPlaceOrder .importantMessageText{font-size:1em;} #OPLSelectConfirm .box {margin-top: 10px; border: 1px solid #C4D8E2;} #OPLSelectConfirm .boxTop {padding: 4px 6px;} #OPLSelectConfirm .boxBody {padding: 0 4px;} #OPLSelectConfirm .boxBody .label {font-weight:normal;position: static; margin: 1px 0;font-size: 1em;padding-bottom:2px;} #OPLSelectConfirm .box .overflow {height: 180px; overflow-y: auto;} #OPLSelectConfirm input .radio, #OPLSelectConfirm p {position: static; margin: 1px 0;} #OPLSelectConfirm h1 {margin-left:121px} #OPLSelectConfirm #mainContent {font-size:1.2em;padding-top:10px; padding-left:126px; } #OPLSelectConfirm #mainContent label.level2 strong {font-weight:lighter;} #OPLShipMultiple h1 {margin-left: 6px;} #OPLSignin h1 {margin-left: -6px;} #OPLShipMultiple .box {margin-top: 10px; border: 1px solid #C4D8E2;} #OPLShipMultiple .boxTop {padding: 4px 6px;} #OPLShipMultiple .boxBody {padding: 0 16px;} #OPLShipMultiple .wideAddress {width: 340px; vertical-align: middle;} #OPLShipMultiple #mainContent {font-size:1.2em;padding-top:10px; padding-left:126px; } #OPLShipMultiple .boxTopText{float:left;padding-bottom:1px;width:49%;font-weight:bold;} #OPLShipMultiple h1 {padding-left:6em;} #OPLShipMultiple input.qty {padding: 2px 6px; } #OPLShipMultiple .boxBody input {width:45px;} #OPLShipMultiple .boxBody input.qty {height:16px; width:10px; padding: 1px 9px 1px 2px} #OPL #OPLShipMultiple .bottomBarLeft{padding-bottom:50px;} * html #OPLShipMultiple .boxBody input {width:43px;} #OPLShipMultiple input.imageInput{width:59px;vertical-align:-15px;} * html #OPLShipMultiple input.imageInput{width:59px;vertical-align:-5px;} /*this really needs to be here in order to display in IE 6*/ * html #OPLShipMultiple input.imageInput{width:59px;} * html #OPLShipMultiple .boxBody input.qty {padding: 1px 9px 1px 0px} #OPLShipMultiple #errorMessageBox {margin: 10px 0;} #OPL #header{margin-left: 100px;} #OPL .floatRight {float:right;} #OPL .bottomBarRight{width:39%;float:left;padding-bottom:1px;text-align:right;} #OPL .bottomBarLeft{font-size:1.2em;width:49%;float:left;padding-bottom:1px;padding-left:123px; width:30%;} #OPL .requiredText {font-size:1.2em;} #OPL .accuracyNote{margin-top:-1em; padding-bottom:50px;} #OPL .addressAccuracy strong {font-weight:lighter} #OPL .importantMessageText{font-size:1.2em;} #OPL #mainContent #errorMessageBox div h3 {font-size:1.4em;} #OPLSignin .box {float: left; } #OPLSignin .boxBody {width: 260px; height: 260px;} * html div#OPLSignin.signinPages .boxBody {width:264px;} #OPLSignin form#register .imageInputWrapper input.imageInput { padding-top:0; } #OPLSignin form#register ul, #OPLSignin form#register ul li { list-style:none; } #OPLSignin form#register ul { padding-left:0; } #OPLSignin form#register ul li { padding-left: 15px; background-repeat: no-repeat; background-position: 0.2em 0.5em; /* 4x6 bullet */} * html #OPLSignin form#register ul {height:1%;} * html #OPLSignin form#register ul li { background-position-y: 0.6em; } * html div#OPLSignin.signinPages .imageInputWrapper input.imageInput { padding-right:0; } * html div#OPLSignin.signinPages .imageInputWrapper { padding-right:7px;} * html div#OPLSignin form#register input.imageInput { padding:0; margin:0; } *+html div#OPLSignin form#register input.imageInput { padding:0; margin:0; } * html div#OPLSignin form#register .imageInputWrapper {padding-top:3px;padding-bottom:9px;} *+html div#OPLSignin form#register .imageInputWrapper {padding-top:3px;padding-bottom:9px;} #OPLSignin .boxGreen h2 {color: #fff;margin-left:-10px; } #OPLSignin .boxGreen {float: left; width: 623px; background-color: #56AA1C; margin-bottom:15px;padding:0px;} #OPLSignin .boxBodyGreen {width: 580px; padding: 0 10px; background-color: #56AA1C;color: #fff;font: 1.1em Verdana;} #OPLSignin .box2 {float: left; width: 80px; } #OPLSignin .boxBody2 {width: 260px; height: 260px; padding: 0 16px; } #OPLSignin .changeEmail {width: 480px; height: auto; padding: 0;} #OPLSignin .boxBody h2 {margin-left: -20px;} #OPLSignin .boxBody p {font-size: 1em; line-height: 110%;} #OPLSignin p {padding-bottom:5px;} #OPLSignin .box.boxRight {margin-left: 14px;} #OPLSignin .ErrWinBody{width: 620px; height: auto; padding: 0 40px 0 20px; background-color: #C4D8E2; font-size:1.2em;position:relative;} #OPLSignin span.cornerBottomLeft, #OPLSignin span.cornerBottomRight {display:none;} #OPLSignin label { line-height:inherit; font-size:1em;} #OPLSignin #mainContent { padding-left:130px; width:632px; } #OPLSignin .signinPages h2 { margin-bottom:2px; } #OPLSignin div.companyInfo {line-height:2; text-align:center;clear:both; } #OPLSignin .boxBody.changeEmail { background-color: #F0F0F0; background-image: none !important; padding-top: 5px; position: relative; padding-top: 20px; } #OPLSignin.emailChange { margin-left: 100px; } #OPLSignin.emailChange h1 { margin-left: 25px; } #OPLSignin.emailChange span.cornerBottomLeft, #OPLSignin.emailChange span.cornerBottomRight { display: inline; } * html #OPLSignin.emailChange span.cornerBottomLeft, * html #OPLSignin.emailChange span.cornerBottomRight { bottom: -1px; } #OPLSignin.emailChange label { width: 37%; float: left; padding-left: 15px; position: relative; top: 5px; font-size: 1.2em; } #OPLSignin.emailChange .note { font-size: 1.2em; } #OPL #PasswordAssistance { margin-left: 128px; } #PasswordAssistance #mainContent { font-size: 1.2em; padding: 0 0 20px 10px;} #PasswordAssistance #mainContent h2 { font-size: 1.5em; } #PasswordAssistance .boxBody { padding: 10px; background-color: #F0F0F0; position: relative;} * html #PasswordAssistance .boxBody { height: 1em; } #PasswordAssistance input { padding: 0; } #PasswordAssistance ul li { padding-left: 11px; background: transparent none /* left_arrow_bullet */ no-repeat scroll left 0.3em; } #PasswordAssistance .thirtyFive, #PasswordAssistance .sixtyFive { position: relative; } #PasswordAssistance .errorMessageBox p { font-size: 1.2em; } #PersonalStorefront {width: 985px; font-size: 1.2em;} #PersonalStorefront h2 {font-size: 1.5em;} #PersonalStorefront #mainContent {width: 790px; padding-top:10px; padding-left: 10px; border-left: 1px solid #E1E4E8;} #PersonalStorefont #breadcrumb a {margin: 0 -2px; text-decoration: underline;} #PersonalStorefront .addToCartButton {} #PersonalStorefront .productRow {float:left;padding: 0 0 0 0;} #PersonalStorefront .recsLeftColumnHead { font-size:1.3em; padding-left:0px; color:#22AEC9;} #PersonalStorefront .lTitle{float:left;width:144px;} #PersonalStorefront #lMenu {float:left; margin:10px 0 0 10px; padding-left: 0; width: 169px; clear:left;} * html #PersonalStorefront #lMenu {margin: 5px 0 0 5px} #PersonalStorefront #lMenu h2 {padding: 0 0 6px; font-size: 1.5em; color: #00A6D6;} #PersonalStorefront #lMenu h2.gray {color: #666;} #PersonalStorefront #lMenu strong {font-size: 1.1em;} #PersonalStorefront .current {font-weight: bold;} #PersonalStorefront .floatedProductImageBox {display: inline; float: left; width: 170px; margin: 5px 0 0; padding: 0 12px 0 0;} #PersonalStorefront .whyLink {margin-bottom:10px;} #PersonalStorefront .whyLinkBlock{float:left; width:172px;} #PersonalStorefront .productButton a, #PersonalStorefront .productButton form {display:block;padding:0;margin:0;width:175px;float:left;} #PersonalStorefront .rviProducts {float:left; z-index: 1;} #ProductDetail .imageBox {float: left; width: 317px; border: 1px solid #CDCDCD;} #ProductDetail .imageBoxVideo {float: left; width: 317px; } #ProductDetail .videoDisplay {width: 315px; border: 1px solid #CDCDCD; } #ProductDetail .zoomBar {height: 39px; padding: 0 0 0 4px; background-color: #FFFBE8; border-top: 1px solid #CDCDCD; color: #22AEC9;padding-bottom: 9px;} #ProductDetail .zoomBar a {color: #22AEC9;} #ProductDetail .zoomBar .floatLeft {padding: 7px 0 1px;} #ProductDetail .zoomBar .thumb img {float: left; margin: 1px; border: 1px solid #CDCDCD;} #ProductDetail h1 {padding: 0; color: #22AEC9;} #ProductDetail h2 {padding: 0; font-size: 1.3em; color: #22AEC9;} #ProductDetail h3 {padding: 0; font: bold 1.3em Verdana; color: #22AEC9;} #ProductDetail h3 a {color: #22AEC9;} #ProductDetail h2 a {color: #22AEC9;} #ProductDetail .productDetails {float: left; width: 213px; padding-left: 10px;} #ProductDetail .productDetails .productPrice {margin: 10px 0 4px; font-size: 1.3em; font-weight: bold; color: #22AEC9;} #ProductDetail .productSalePrice {margin: 0 0 4px; font-size: 1.3em; font-weight: bold; color: #CD0C05;} #ProductDetail .productDetails .colors img, #Collections .colors img {width: 20px; height: 20px; margin: 2px; border: 1px solid #FFF;} #ProductDetail .productDetails select {width: 110px;} #ProductDetail .indent {margin-left: 4px;} #ProductDetail .indent input {margin: 3px 0; vertical-align: middle;} #ProductDetail .productInfoTabsBox {width: 536px;} /* EMWA */ #ProductDetail.emwaConfirmation { font-size: 1.2em; } #ProductDetail p.emwaMessage { font-size: 1.2em; padding: 5px 10px; } #ProductDetail #emailNotification div.emwaform { position: relative; background: #F0F0F0 none; margin-top: 15px; margin-left: 36px; padding: 10px; font-size: 1.2em; width: 398px; } #ProductDetail #emailNotification .description, #ProductDetail #emailNotification .fields { padding-bottom: 8px; } #ProductDetail #emailNotification .description { width: 130px; float: left; } #ProductDetail #emailNotification .fields { float: left; padding-left: 47px; } #ProductDetail #emailNotification .fields input { padding: 0; } * html #ProductDetail #emailNotification .fields input { padding-bottom: 1px; } #ProductDetail #emailNotification .contbutton { margin-left: 15px; } #ProductDetail #emailNotification .error { clear: both; padding-top: 10px; font-weight: bold; color: #CC0000; } #ProductDetail #emailNotification .disclaimer { padding-top: 5px; } * html .emwaform span.cornerBottomLeft, * html .emwaform span.cornerBottomRight { bottom: -1px; } #outerWrapPopup #ProductDetail .confirmationMessage {width: 494px; padding: 24px 0; margin-bottom: 10px; } #outerWrapPopup #ProductDetail .confirmationMessage ul {margin-left: 20px; text-align: center;} #outerWrap.printProductDetail {margin: 20px auto; padding: 20px 0; background-image: none;} #outerWrap.printProductDetail .productInfoTabsBoxBody ul {margin-left: -3px; font-size: 0.9em;} #outerWrap.printProductDetail .productInfoTabsBoxBody li {margin-bottom: 2px;} #outerWrap.printProductDetail .productInfoTabsBoxBody p {margin-left: 4px; font-size: 0.9em; line-height: 1.6em;} #outerWrap.printProductDetail h4 {margin: 10px 0 0 4px;} /*********************************************************************************** * * BEGIN INTEGRATION OF CSS FOR SITE REFRESH DETAIL PAGE * ************************************************************************************ */ /* GENERAL PAGE SECTION RULES */ #detailPage h2 {margin-bottom: 5px;} #detailPage h2 span {color: #000000;} /* GRID -------------------------------------------------- */ .center-fixed-column {position: relative; float: left; width: 189px;} .center-smaller-column {position: relative; float: left; width: 388px;} .center-smaller-column-collection {position: relative; float: left; width: 315px;} .center-smaller-column-one-partition {position: relative; float: left; width: 487px;} .center-larger-column {position: relative; float: left; width: 587px;} .center-larger-column-collection {position: relative; float: left; width: 643px;} .center-larger-column-one-partition {position: relative; float: left; width: 321px;} .center-larger-column-two-partition {position: relative; float: left; width: 270px !important;} .center-full-width {position: relative; float: left; width: 985px;padding-top: 15px;} .g10 {margin-left: 5px;} .g11 {margin-left: 11px;} .g15 {margin-left: 15px;} .g25 {margin-left: 25px;} .g30 {margin-left: 30px;} /* PRODUCTS -------------------------------------------------- */ .product { width: 100%; font-size: 1.2em; position: relative; margin-bottom: 20px; background: url(/static-www.mothercare.com/css/images/gradient_bottom-top_grey_1x58.jpg) repeat-x left bottom; } .product .detail { padding: 10px; } .product .detail a, .product .detail a:visited, .product .detail a:active {color: #333333;} .product .detail a:hover {text-decoration: none;} .product .detail a.see_all {text-decoration: none;} #dpQty { font-size: 1.2em; } .product .detail span { display: block; margin: 0; padding: 0; } .product .detail span.price { margin-bottom: 10px; } .product .detail span.now { margin-bottom: 10px; font-weight: bold; color: #E10F62; } .product .detail a.see_all { padding-left: 10px; background: transparent url(/static-www.mothercare.com/css/images/icon_arrow_blue_right_6x8.gif) no-repeat left center; } .product .options { width: 100%; padding-bottom: 10px; font-size: 1.2em; } .product .options a { padding-left: 15px; margin-left: 10px; font-weight: bold; color: #F96302; text-decoration: none; /* background: transparent url(../images/structural/icons/icon_add_product_11x11.gif) no-repeat left center;*/ } .product .options form { display: inline; padding-left: 4px; } .options form input { vertical-align: middle; } .options form label { font-weight: bold; color: #00A6D6; } /* PRODUCT DETAIL PAGE -------------------------------------------------- */ /* BESPOKE GRID ELEMENTS */ #detailPage .catagory_link, #detailPage .product_code { padding: 15px 0 5px 0; font-size: 1.2em; } #detailPage .catagory_link a { padding-left: 10px; text-decoration: none; background: transparent url(/static-www.mothercare.com/css/images/icon_arrow_blue_left_6x8.gif) no-repeat left center; } #detailPage .primary_product_info { margin-bottom: 10px; padding: 10px 0 30px 0; border-top: 1px solid #E1E4E8; border-bottom: 1px solid #E1E4E8; } #Collections .primary_product_info{ margin-top: 5px; padding: 10px 0 30px 0; border-top: 1px solid #E1E4E8; border-bottom: 1px solid #E1E4E8; } /* PRODUCT IMAGE GALLERY */ #detailPage .gallery_thumbs { margin-right: 10px; } #detailPage .gallery_thumbs, #detailPage .gallery_thumbs ul { width: 38px; float: left; } .gallery_thumbs ul li { margin-bottom: 5px; } #detailPage .gallery_main_image { width: 315px; height: 375px; margin-bottom: 9px; float: left; } #detailPage .gallery_image_tools, #Collections .gallery_image_tools { width: 315px; padding-top: 8px; padding-bottom: 8px; float: left; background: transparent url(/static-www.mothercare.com/css/images/gradient_bottom-top_grey_1x32.jpg) repeat-x left top; } #Collections .gallery_image_tools { width: 315px; padding-top: 8px; padding-bottom: 5px; float: left; background: transparent url(/static-www.mothercare.com/css/images/gradient_bottom-top_grey_1x32.jpg) repeat-x left top; } #Collections .directions { background: transparent url(/static-www.mothercare.com/css/images/gradient_bottom-top_grey_1x58.jpg) left; } #detailPage .gallery_image_tools { position: relative; font-size: 1.2em; font-weight: bold; } #Collections .gallery_image_tools { position: relative; font-size: 1.2em; font-weight: bold; text-align: left; } #Collections .gallery_image_tools a, #detailPage .gallery_image_tools a { padding-left: 20px; margin-right: 10px; text-decoration: none; } #Collections .gallery_image_tools a.zoom , #detailPage .gallery_image_tools a.zoom { background: transparent url(/static-www.mothercare.com/css/images/icon_zoom_16x13.gif) no-repeat left center; margin-left: 15px; } #Collections .gallery_image_tools a.video , #detailPage .gallery_image_tools a.video { background: transparent url(/static-www.mothercare.com/css/images/icon_video_12x12.gif) no-repeat left center; } #detailPage .gallery_image_tools #videoPlayerLink,{ display:none; } /* PRODUCT OVERVIEW */ #Collections .product_overview h3 , #detailPage .product_overview h3 { margin-bottom: 8px; } /* PRODUCT VARIATION DISPLAY */ #detailPage .color_name { position: relative; /* size drop down bottom getting cut-out */ bottom: -1px; } #detailPage .size_name { position: relative; /* size drop down bottom getting cut-out */ bottom: -1px; } #detailPage .clothing_size { position: relative; /* size drop down bottom getting cut-out */ bottom: -1px; } /* CSS FOR CUSTOMIZABLE ITEMS */ #detailPage .customizationDataAlignment { padding-top: 4px; } #detailPage .customizationDataAlignment div { padding-bottom: 1px; /* size drop down bottom getting cut-out */ } /* PRODUCT FEATURES */ .floatedProduct { float: left; width: 189px; margin: 0; padding: 0; z-index: 1; position: relative; } .floatedProductPadding { margin-left: 10px; } .floatedProductBackground { width: 100%; position: relative; bottom: 0; left: 0; font-size: 1.2em; } #detailPage .product_features, #detailPage .purchase_options { font-size: 12px; } #Collections .product_features span.brand_logo, #detailPage .product_features span.review, #detailPage .product_features span.brand_logo { display: block; } #Collections .product_features span.review, #detailPage .product_features span.review { margin-bottom: 8px; } #detailPage .product_features span.review img { vertical-align: middle; } #Collections .product_features span.brand_logo, #detailPage .product_features span.brand_logo { padding: 8px 0 15px 0; font-size: 12px; } #detailPage .product_features span.brand_logo img { display: block; margin: 0 0 8px 5px; } #detailPage .product_features span.brand_logo a { text-decoration: underline; } #detailPage .product_features p { margin-bottom: 10px; } #Collections .product_features ul, #detailPage .product_features ul { margin-bottom: 10px; margin-left:15px; /* (nshobhit) see below padding-left: 5px; */ } #Collections .product_features ul li, #detailPage .product_features ul li { list-style: disc outside none; /* (nshobhit) image as bullet point not appearing on IE. Temporary stop gap measure to show normal bullet points padding-left: 10px; background: transparent url(/static-www.mothercare.com/css/images/icon_arrow_blue_right_6x8.gif) no-repeat left top; */ } #detailPage .productPrice span.was, #detailPage .productPrice span.now { display: block; } #Collections span.was, #detailPage .productPrice span.was, #detailPage #displayPrice span.was { font-size: 1.25em; /* 15px */ font-weight: bold; } #detailPage .productPrice span.now, #detailPage #displayPrice span.now { font-size: 1.42em; /* 17px */ font-weight: bold; color: #FF0000; } /* PURCHASE OPTIONS */ #extraPromoWrapper { border:1px dashed #D81E05; margin:0pt 0pt 10px; padding:5px 8px; width: 254px; } #detailPage #extraPromoWrapper .promo { font-size: 1.2em; } #Collections #extraPromoWrapper .promo { font-size: 1.1em; } #extraPromo {display: none;} #promoContent ul li{ font-size: 1.2em; list-style: disc inside none; } #promoContent ol li{ font-size: 1.2em; list-style: decimal inside none; } #promoContent strong { font-size: 1.1em; } #errorMsgPer, #errorMsgPerLong { background-color:#FFE6E6; border: 1px solid #FF0000; color:#FF0000; font-weight:bold; margin:7px 0; overflow:hidden; padding: 3px; } #errorMsgPer img, #errorMsgPerLong img { float:left; margin:3px 5px 0 0; } #detailPage .purchase_options label.selection, #detailPage .purchase_options select.colour, #detailPage .purchase_options span.size { display: block; margin-bottom: 5px; } #detailPage .purchase_options span.size select { margin-right: 5px; } #detailPage .purchase_options span.quantity { display: block; margin-bottom: 15px; } #detailPage .purchase_options span.quantity input { vertical-align: middle; } #detailPage .purchase_options a.button_add_to_bag { margin-bottom: 15px; } #detailPage .purchase_options ul { margin-bottom: 15px; } #detailPage .purchase_options ul li { margin-bottom: 4px; } #detailPage .purchase_options ul li a { text-decoration: none; } #detailPage .purchase_options a { text-decoration: underline; } #detailPage .purchase_options span.sizeGuideLink a { text-decoration: underline; } #detailPage .purchase_options ul li a.gift_list, #detailPage .purchase_options ul li a.wish_list, #detailPage .purchase_options ul li a.email_to_friend, #detailPage .purchase_options ul li a.print_page { padding-left: 15px; } #detailPage .purchase_options ul li a.gift_list { /*background: transparent url(../images/structural/icons/icon_add_product_11x11.gif) no-repeat left center;*/ font-weight: bold; color: #F9690A; } #detailPage .purchase_options ul li a.wish_list { /* background: transparent url(../images/structural/icons/icon_wish_list_11x11.gif) no-repeat left center;*/ } #detailPage .purchase_options ul li a.email_to_friend { /*background: transparent url(../images/structural/icons/icon_email_to_friend_11x8.gif) no-repeat left center;*/ } #detailPage .purchase_options ul li a.print_page { /* background: transparent url(../images/structural/icons/icon_print_page_11x10.gif) no-repeat left center;*/ } #detailPage .purchase_options span.whats_this a { margin-left: 5px; text-decoration: underline; } #detailPage .purchase_options span.delivery_notice { width: 100%; position: relative; display: block; padding: 10px 0; background: transparent url(/static-www.mothercare.com/css/images/gradient_bottom-top_grey_1x58.jpg) repeat-x left top; } #detailPage .purchase_options span.delivery_notice p { margin: 0 10px; } /* PRODUCT & DELIVERY INFORMATION */ #detailPage .product_features .deliveryInfoSpanner p { display: inline; } .product_information, .delivery_information { width: 586px; padding-bottom: 15px; border-right: 1px solid #E1E4E8; } .product_information { border-bottom: 1px solid #E1E4E8; } .delivery_information { padding-top: 15px; margin-bottom: 20px; } .product_information p, .product_information ul, .delivery_information p, .delivery_information ul, .delivery_information h3, .delivery_information h3 { margin: 0 15px 15px 10px; font-size: 1.2em; color: #333333; } .product_information a { font-size: 1em; color: #333333; } .delivery_information a { font-size: 1em; color: #333333; } .product_information h2, .delivery_information h2 { margin-bottom: 15px !important; } .delivery_information h3, .delivery_information h3 { margin-bottom: 0; padding: 0; } .product_information ul li, .delivery_information ul li { margin: 0 15px 5px 14px; list-style-type: disc; } .product_information a.back_to_top, .delivery_information a.back_to_top, .reviews_section a.back_to_top { padding-left: 10px; font-size: 12px; text-decoration: none; background:transparent url(/static-www.mothercare.com/css/images/icon_arrow_blue_up_8x6._V263575284_.gif) no-repeat scroll left center; position:relative; } .reviews_section a.back_to_top { margin-left: 10px; } /* CUSTOMER REVIEWS */ div.reviews_section { margin-bottom: 20px; } .reviews_section .pagination { font-size: 1.2em; } .reviews_section h4 { font-size: 12px; } .write_review a{ position: absolute; top: 5px; right: 10px; margin: 0; padding: 0 0 0 10px; font-size: 12px; text-decoration: none; } span.average_review { width: 100%; position: relative; display: block; margin-bottom: 15px; padding: 10px 0; font-size: 1.2em; } span.average_review h4 { margin: 0 0 5px 10px; padding: 0; color: #333333; } span.average_review img { margin: 0 8px 0 10px; vertical-align: middle; } div.customer_review { margin-bottom: 10px; font-size: 1.2em; } div.customer_review span.star_rating { display: block; margin-bottom: 5px; padding-left: 10px; } div.customer_review h4 span.review_date { font-weight: normal; } div.customer_review span.reviewer_info { display: block; padding: 5px 0 5px 10px; } div.customer_review h4, div.customer_review p, div.customer_review a, div.customer_review span { padding-left: 10px; color: #333333; } div.customer_review p { margin-bottom: 10px; } div.customer_review a.read_more { padding-left: 10px; margin-left: 10px; text-decoration: none; } div.review_rating { width: 100%; position: relative; margin-bottom: 15px; background: #F0F0F0; padding: 10px 0; font-size: 1.2em; } div.review_rating span.helpful { padding: 0 10px 0 10px; } div.review_rating span.tiny { padding: 0 9px 0 9px; display: block; color: #777777 !important; margin: 0 !important; } div.review_rating span.inappropriate { margin-left: 30px; } div.review_rating a.button_yes, div.review_rating a.button_no { vertical-align:middle; } div.review_rating a.button_yes { margin-left: 5px; } div.review_rating a.report_link { float: right; margin-right: 10px; } /************************************************************************************ * * END END CSS FOR SITE REFRESH DETAIL PAGE * ************************************************************************************ */ #RequestCatalogue h2 { padding: 0 0 3px 10px; } #RequestCatalogue .intro h2, #RequestCatalogue .intro p { padding-left: 0 } #RequestCatalogue h3 { color: #00A6D6; font-size: 1.4em; } #RequestCatalogue p { font-size: 1.2em; padding-left: 5px; margin-bottom: 10px; } #RequestCatalogue .hr { margin: 10px 0 } #outerWrapPopup.request_catalogue { width: 598px; } div#RequestCatalogue, .cataloguerequest#header { width: 598px !important; } #RequestCatalogue .catalogueEntry { background: #F0F0F0 none repeat scroll 0 0; float: left; width: 288px; margin-right: 11px; margin-bottom: 20px; position: relative; } #RequestCatalogue .catalogueEntry .imageContainer { width: 116px; height: 155px; float: left; margin-right: 10px; } #RequestCatalogue .catalogueEntry .imageContainer label { padding: 0; margin: 0; } #RequestCatalogue .catalogueEntry h3 { padding-right: 8px; padding-top: 6px; } #RequestCatalogue .catalogueEntry.alt h3 { color: #D298CB; } #RequestCatalogue .catalogueEntry .subscribe { position: absolute; bottom: 10px; right: 10px; top: auto; font-size: 1.3em; font-weight: bold; color: #00A6D6; } #RequestCatalogue .catalogueEntry.alt .subscribe { color: #D298CB; } #RequestCatalogue .subscribeto { position: absolute; top: -20000px; } #RequestCatalogue .intro { margin-left: 10px; } #RequestCatalogue div.description { width: 150px; float: left; font-size: 1.2em; margin-bottom: 10px; margin-left: 10px; } * html #RequestCatalogue div.description { margin-left: 5px; } #RequestCatalogue .description label { position: relative; top: 3px; } #RequestCatalogue div.fields { width: 365px; float: left; font-size: 1.2em; margin-bottom: 10px;} #RequestCatalogue .fields input { width: 220px; float: left; } #RequestCatalogue .fields .example { float: left; position: relative; top: 4px; padding-left: 10px; font-size: 0.75em; } #RequestCatalogue .country { position: relative; clear: both; width: 610px; } * html #RequestCatalogue .country { width: 628px; } #RequestCatalogue .country .mailingnote { padding: 10px; font-size: 1.2em; clear: both; position: absolute; right: 0; top: -14px; width: 189px; } #RequestCatalogue #country { color: #666666; font-size: 1.2em; } #RequestCatalogue div.yourprivacy { margin-bottom: 20px; width: 388px; } #RequestCatalogue .submit { margin: 15px 0 0 20px; } #RequestCatalogue .fields .error { clear: both; } #RequestCatalogue.success input {float: left; } #RequestCatalogue.success .fields input {width: auto; float: none; top: 0px; } #RequestCatalogue.success label.duedate { margin-left: 10px; } * html #RequestCatalogue.success label.duedate { margin-left: 18px; } #RequestCatalogue.success input.newscheck { margin-left: 5px; } * html #RequestCatalogue select { margin-bottom: 1px; } * html #RequestCatalogue.success .description label { padding-left: 0px; } #RequestCatalogue .caterror { font-size: 1.4em; padding-left: 15px;} #RequestCatalogue p.newsdesc { padding-left: 20px; clear: both;} * html #RequestCatalogue p.newsdesc { padding-left: 28px; } #RequestCatalogue .floatedProduct {display: inline; float: left; margin: 6px; padding: 0 3px 0 0; white-space: nowrap;} #RequestCatalogue .emailAFriend { padding: 10px; background-color: #F0F0F0; position: relative; font-size: 1.2em; width: 470px; margin: 0 auto; } #RequestCatalogue .emailAFriend .required { top: 0; } #RequestCatalogue .emailAFriend input { margin-bottom: 10px; padding: 0; } #ResourceCenter .box {width: 716px; margin-top: 8px; background-color: #E23282;} #ResourceCenter .box.inside {width: 240px; background-color: #FCC9C6;} #ResourceCenter .box.signup {width: 240px; background-color: #E28C05;} #ResourceCenter .boxBody img {padding: 17px;} #ResourceCenter .boxBody p {margin-left: 6px; font-size: 1.1em; line-height: 150%; color: #FFF;} #ResourceCenter .box.inside .boxBody, #ResourceCenter .box.signup .boxBody {padding: 0 10px 10px;} #ResourceCenter .box.inside .boxBody p {font-size: 1em; color: #333;} #ResourceCenter .box.inside .boxBody h2 {margin-top: -12px;} #ResourceCenter .box.inside .boxBody ul {margin: 0 0 10px -6px;} #ResourceCenter h2 {padding: 14px 0 0 0; font-size: 1.9em; font-weight: normal; line-height: normal;} #ResourceCenter .box.signup .boxBody h2 {color: #FFF;} #ResourceCenter .box.signup .boxBody input.wide {width: 160px;} #ResourceCenter .hr {border-color: #E23282;} #ResourceCenter p.indent {margin: 14px 0 0 40px;} #ResourceCenterArticle h1 {font-size: 1.6em; color: #22AEC9;} #ResourceCenterArticle h2 {padding: 8px 0 0 0; color: #22AEC9;} #ResourceCenterArticle #rMenu h3 {position: relative; top: -23px; font-size: 1.2em; color: #22AEC9;} #ResourceCenterArticle #rMenu .box.signup .boxBody {padding: 6px; color: #FFF;} #ResourceCenterArticle #rMenu .box.signup .boxBody h3 {font-size: 1.7em; font-weight: normal; color: #FFF;} #rMenuResourceCenterArticle .box.signup .boxBody {padding: 6px; color: #FFF;} #rMenuResourceCenterArticle .box.signup .boxBody h3 {font-size: 1.7em; font-weight: normal; color: #FFF;} #ResourceCenterArticle #rMenu .box.signup, #rMenuResourceCenterArticle .box.signup {float: left; margin-left: 10px; width: 140px; background-color: #E28C05;} #ResourceCenterArticle .box.relatedArticles {background-color: #EBF2F8;} #ResourceCenterArticle .box.relatedArticles .boxBody {padding: 16px; background-color: #EBF2F8;} #ResourceCenterArticle .box.relatedArticles .boxBody p {margin: 0; padding: 0 0 10px 10px;} #ResourceCenterArticle #ResourceCenterTop {width:716px; margin-left:27px; margin-right:27px;} /* --------------BEGIN SGUDURU ADDING FOR LEFT NAV WHEN MAIN DIV IS SEARCH RESULTS ------------------ */ #SearchResults #lMenu .tier2Link a, #SearchResults #lMenu .relatedArticles a, #embeddedSearchRefinements lMenu .tier2Link a, #embeddedSearchRefinements #lMenu .relatedArticles a {line-height: 150%; font-size: 1.1em; text-decoration: none;} #SearchResults #lMenu ul .tier3Link, #embeddedSearchRefinements #lMenu ul .tier3Link { margin: 1px 0 1px 20px;} #SearchResults #lMenu ul .tier4Link, #embeddedSearchRefinements #lMenu ul .tier4Link {margin: 1px 0 1px 36px;} #SearchResults #lMenu h2.selected, #embeddedSearchRefinements #lMenu h2.selected {color: #22AEC9; } #SearchResults #lMenu a.selected, #embeddedSearchRefinements #lMenu a.selected ,ul li a:hover, .tier2Link a:hover {color: #22AEC9;} #SearchResults #lMenu ul li a, #embeddedSearchRefinements #lMenu ul li a { text-decoration: none;} #SearchResults #lMenu .boxBody ul li a, #embeddedSearchRefinements #lMenu .boxBody ul li a {text-decoration: none;} #layoutBody {width:716px;margin-left:27px;margin-right:27px;} #layoutBody #left {width: 170px; float: left; } #layoutBody #left .tier2Link a, #layoutBody #left .relatedArticles a {line-height: 150%; font-size: 1.1em; text-decoration: none;} #layoutBody #left ul .tier3Link {margin: 1px 0 1px 20px;} #layoutBody #left ul .tier4Link {margin: 1px 0 1px 36px;} #layoutBody #left h2.selected {color: #1F70D6;} #layoutBody #left h2 {padding-left: 0px;} #layoutBody #left a.selected, ul li a:hover, .tier2Link a:hover {color: #1F70D6;} #layoutBody #left ul li a {text-decoration: none;} #layoutBody #left .boxBody ul li a {text-decoration: none;} #layoutBody #left .boxBody ul li a:hover {text-decoration: underline;} #layoutBody #mainContent {width:534px;float:left;} .signinPages .box { background:none; width:auto; margin-right:11px; } .signinPages .box p {font-size: 1em} .signinPages .box p.secondaryActions { float:left; font-size:0.85em; padding-top:7px; } .signinPages .box label { font-weight:normal; } .signinPages .boxBody { position:relative; font-size:1.2em; padding: 10px; background-color: transparent; /* background-image: common/gradient_top-bottom_grey_1x35 */ background-repeat: repeat-x; background-position:left top; } .signinPages form#register ul { padding-left:15px; /* list-style-image: common/bullets/bullet_black_4x6 */ } .signinPages form#register ul li { margin-bottom:2px; } .signinPages .required { position:static; } .signinPages label { position: static; font-weight:inherit; line-height:1.9;} .signinPages h3 { display:inline; font-size:1.3em; color: #00A6D6; } .signinPages input.text, .signinPages input.short, .signinPages input.wide, .signinPages input.qty {padding: 0; border: 2px inset ThreeDFace; } .signinPages .button { margin-left: 15px; } .signinPages #mainContent, .yaPages #mainContent {width:auto;margin-left:0; } .signinPages h1, .yaPages h1 { color:#00A6D6; font-size:1.8em; font-weight:bold; margin:0; padding:0 0 0 10px; display:inline;} .yaPages .box h2 { text-transform:lowercase;} .signinPages .imageInputWrapper input.imageInput, .yaPages .imageInputWrapper input.imageInput { width:auto; padding: 9px .2em 0 0; } .signinPages .imageInputWrapper, .yaPages .imageInputWrapper { text-align:right;} .signinPages .labelWrapper, .yaPages .labelWrapper { float:left; width: 7.5em; } .signinPages .textInputWrapper, .yaPages .textInputWrapper { float:left; width:auto; position:relative;} .signinPages .textInputWrapper input, .yaPages .textInputWrapper input { width:12.3em; margin-bottom:2px;} .signinPages #errorMessageBox {font-size:1.2em;margin-left:130px;width:544px;} .signinPages #errorMessageBox h3{padding:0;} #StoreLocator h2 {font-size: 1.4em; padding: 0 0 5px;} #StoreLocator .boxBody h2 {margin-top: -14px;} #StoreLocator .boxBody {padding: 20px; background-color: #C4D8E2;} #StoreLocator .boxLeft {width: 416px; background-color: #C4D8E2;} #StoreLocator .boxRight {width: 280px; background-color: #EBF2F8;} #StoreLocator .boxLeft .boxBody {height: 180px;} #StoreLocator .boxRight .boxBody {height: 170px; background-color: #EBF2F8;} #StoreLocator select {width: 180px; margin-top: 4px;} #StoreLocator label {font-weight: bold;} #StoreLocator label.nudgeDown {position: relative; top: 7px;} #StoreLocator .note {margin-top: -6px;} #StoreLocator #errorMessageBox {margin: 0;} #StoreLocator .formElementError {margin-top: 10px; font-size: 0.9em;} #StoreLocator p {margin: 8px 0 0 60px;} #StoreLocator .floatLeft {padding-left: 60px;} #Tier .compareBar {height: 32px; margin: 0 5px 8px 0; padding-top: 6px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;} #Tier .compareBar .noBorderBottom {border-bottom: 0 none; margin-bottom: 16px;} #Tier .compareBar .noBorderTop {margin-top: 0; border-top: 0 none;} #Tier .compare {vertical-align: middle; font-size: 1em; font-weight: bold; color: #22AEC9;} #Tier .addToCompare {margin-left: 0px; color: #1B9DD9; margin-top: 3px; width:170px; } #Tier .addToCompare input {padding: 0px;margin:0px;float: left; padding-bottom: 1px; width:15px; } #Tier .addedToCompare, #Tier .addedToCompare a {margin: 4px 0 10px 0px; color: #67A02F; line-height: normal;} #Tier .compareBoxTop .productTitle, #Tier .compareBoxTop .color img, #Tier .compareBoxBottom input, #Tier .compareBoxBottom input {padding-left: 0px;} #Tier .compareBoxTop {width: 170px; height: 315px ; margin: 0 2px 0 2px; padding: 0 0 0 0; border: 2px solid #05A4DB; border-bottom: 0 none; background-color: #FFFEDF;} #Tier .compareBoxBottom .inputCheckBoxComparision {padding: 0px;margin:0px;float: left; padding-bottom: 1px; width:15px; } #Tier .compareBoxBottom .searchAdd {padding: 0px;margin:0px;float: left; padding-bottom: 1px; } #Tier .compareBoxBottom {width: 170px; height: 95px; margin: 0 2px 10px 2px; padding: 0; border: 2px solid #05A4DB; border-top: 0 none; background-color: #FFFEDF;} #Tier .compareBoxBottom .nudgeDown {margin-top: 0;} #Tier .floatedProduct {display: inline; float: left; width: 170px; margin:0 0 0 0; padding: 0 0 0 0;} #Tier .floatedProductCenter {display: inline; float: left; width: 170px; margin:0 12px 0 12px; padding: 0 0 0 0;} #Tier .floatedProductCenterCompare {display: inline; float: left; width: 170px; margin:0 4px 0 4px; padding: 0 0 0 0;} #Tier .floatedProductBorder {display: inline; float: left; width: 170px; margin: 0; padding: 0 0px 0px; border-left: 1px solid #3BBBDF;} #Tier .floatedProductBorderLeft {display: inline; float: left; width: 170px; margin: 0; padding: 0 0px 0px 0; border-left: 0 none;} #Tier .floatedProductHeading {display: inline; float: left; width: 176px; margin: 0; padding: 0 5px 2px 0; font-size: 1.1em;} #Tier .floatedProductDetailsBtn {display: inline; float: left; width: 170px; margin: 0 0 0 0; padding: 2px 0 0 0;} #Tier .floatedProductDetailsBtnCenter {display: inline; float: left; width: 170px; margin: 0 12px 0 12px; padding: 2px 0 0 0;} #Tier .floatedProductDetailsBtnCenterCompare {display: inline; float: left; width: 170px; margin: 0 4px 0 4px; padding: 2px 0 0 0;} #Tier .productTitle ul {margin-left: 10px;} #Tier .floatedProduct h4 {font-size: 1.15em;} #Tier .floatedProduct li {margin-left: 14px;} #Tier h2.tier1 {padding: 18px 0 11px; font-size: 1.5em; color: #92576B;} #Tier h2.results {display: inline; padding: 0;} #Tier h3 {font-size: 1.4em; color: #22AEC9;} #Tier .giftFinder h2, #Tier .helpMeChooseBox h2 {padding: 4px 0; font-size: 1.4em; color: #FFF;} #Tier .giftFinder .forty {margin: 7px 0 0 28px;} #Tier .giftFinder .forty p {font-size: 0.9em;} #Tier .giftFinder .sixty h2 {padding: 70px 0 0 40px;} #Tier .hr {width: 534px; border-top-color: #D0D0D0;} #Tier .refineBox {width: 516px; background-color: #EBF2F8; margin-right: 27px;} #Tier .box.giftFinder {width: 527px; background-color: #FCB514;} #Tier .box.helpMeChooseBox {width: 527px; background-color: #56AA1C;} #Tier .refineBoxBody {padding: 0 20px; background-color: #EBF2F8;} #Tier .boxBody.giftFinder {padding: 0; background-color: #FCB514;} #Tier .boxBody.helpMeChooseBox {padding: 0; background-color: #56AA1C;} #Tier .boxBody.giftFinder p {margin: 3px 0; color: #FFF; font-weight: bold;} #Tier .boxBody.giftFinder select.wide {width: 140px; margin: 1px 0 3px;} #Tier .boxBody.giftFinder input {position: relative; top: -3px;} #Tier .refineBoxBody select {width: 100px; margin: 0 0 3px; padding: 0;} #Tier .totalResults {margin: -4px 0 0 0; padding: 0 0 3px; font-size: 1.1em;} #Tier .helpMeChoose, #Tier .helpMeChoose a {color: #52A704;} #Tier .sortBy {float: left; padding: 5px 0 0 3px;} #Tier .pagination {margin-right: 16px; padding: 3px 0 5px 0;} #Tier .color {margin: 3px 0 1px 0;} #Tier .color a {color: #E23282;} #Tier .finderBox {width: 140px;} #Tier .finderBox select {width: 138px; margin: 2px; margin-bottom: 4px;} #Tier .floatLeft input {margin: 76px 5px 0;} #Tier .helpMeChooseProducts p {margin-top: 0;} #Tier .helpMeChooseProducts .hr {border-top-color: #52A704;} #Tier #lMenu h2 {padding: 0 0 10px; font-size: 1.6em;} #Tier #lMenu h2.selected {color: #22AEC9;} #Tier #mainContent h2.helpMeChoose {font-size: 1.5em; padding-left: 0;} #Tier #lMenu strong {font-size: 1.1em;} #Tier #lMenu .tier2Link a, #Tier #lMenu .relatedArticles a {line-height: 150%; font-size: 1.1em; text-decoration: none;} #Tier #lMenu .categoryLinks a {line-height: 150%; font-size: 1.1em; text-decoration: none;} #Tier #lMenu .categoryLinks a:hover {text-decoration: underline;} #Tier #lMenu ul li a {text-decoration: none;} #Tier #lMenu ul .tier3Link {margin: 1px 0 1px 20px;} #Tier #lMenu ul .tier4Link {margin: 1px 0 1px 36px;} #Tier #lMenu a.selected {color: #22AEC9;} #Tier #lMenu {float: left; width: 170px; padding-left: 27px; padding-top: 12px;} #Wishlist, #Giftlist {width:786px; float:left;} #Wishlist input.text, #Wishlist input.short, #Wishlist input.wide, #Wishlist input.qty {padding:0; margin: 0 0 10px;} #Wishlist .box select {margin: 0 0 10px;} #Wishlist .box .required {top:0; vertical-align:top;} #Wishlist .box {float: left; width: 460px; background-color: #F0F0F0; position:relative; padding:10px 0 10px 10px} #Wishlist .boxRight .boxBody {margin-left:5px;} #Wishlist .boxBody.options {width: 420px; padding: 0 20px; background-color: #F0F0F0;} #Wishlist .thankYou h1 {padding: 5px 0 0;} #Wishlist h2.alt, #Giftlist h2.alt {padding-left: 0; font-size: 1.4em; color: #333;} #Giftlist h2 span, #Wishlist h2 span {color: #000000;} #Wishlist .floatedProduct, #Giftlist .floatedProduct {float: left; margin: 0pt; padding:0pt; width: 189px; position: relative; z-index: 1;} #Wishlist .floatedProductDetail {padding:10px 10px 0pt; font-size:1.2em;} #Wishlist .floatedProductCenter, #Giftlist .floatedProductCenter {display: inline; float: left; width: 170px; margin: 6px 48px 6px 0;} #Wishlist .floatedProductDetailsBtnCenter, #Giftlist .floatedProductDetailsBtnCenter {display: inline; float: left; width: 170px; margin: 0 48px 6px 0;} #Wishlist .floatedProduct A, #Giftlist .floatedProduct A {white-space: normal;} #Wishlist .floatedProductCenter A, #Giftlist .floatedProductCenter A {white-space: normal;} #Wishlist .color {color: #D71D5E;} #Wishlist .pagination, #Wishlist .pagination a, #Wishlist .pagination .current {padding: 0;} #Wishlist .pagination, #Giftlist .pagination {margin-left:10px;margin-right:27px;width: 776px; font-size: 1.2em;} #Wishlist td.hr {margin: 4px 0 0 0; padding: 0;} #Wishlist th, #Giftlist th {padding: 4px 4px 2px; border-top: 1px solid #C4D8E2; background-color: #EEF5FA; font-size: 0.9em; font-weight: bold;} #Wishlist th.subHeading {font-size: 1em; padding: 4px; background-color: #FFF; border-bottom: 1px solid #C4D8E2;} #Wishlist table.hybrid td {padding: 1px 4px; white-space: normal;} #Wishlist table .eighty p {margin-left: 8px; line-height: 130%;} #Wishlist table .eighty p a {line-height: 150%;} #Wishlist table .hr, #Giftlist table .hr {border-top: 0 none; border-bottom: 1px solid #C4D8E2; clear: both; margin: 10px 0;} #Wishlist .searchItem, #Giftlist .searchItem {color: #D81E05;} #Wishlist .sendEmail, #Giftlist .sendEmail {width: 100px; text-align: center; padding: 6px 0 20px 340px; padding-top:0px; padding-right:40px;} #Wishlist .confirmationMessage, #Giftlist .confirmationMessage { background:#00A6D6; position:relative; margin:10px 0pt 0pt 10px;} #Wishlist .indent, #Giftlist .indent {margin:10px 0pt 0pt 10px;} #Wishlist .confirmationDisplay, #Giftlist .confirmationDisplay {width: 620px; height: 70px; margin: 10px 0 0 10px; padding: 10px; background:#E2F5FA none repeat scroll 0%; position:relative;} #Wishlist .viewableBy label {margin: 2px; font-weight: normal;} #Wishlist .viewableBy input {margin: 3px;} #Wishlist .boxLeft.wide {width: 587px;} * html #Wishlist .boxLeft.wide {width: 585px;} #Wishlist .boxLeft.narrow {width: 440px; margin-left: 50px;} #Wishlist .message {white-space: normal; width: 635px; padding: 10px 40px; background-color: #D81E05; color: #FFF; font-weight: bold; text-align: center;margin-bottom:14px;} #Giftlist .boxLeft, #Wishlist .boxLeft {display: inline; float: left; background-color:#F0F0F0; font-size:1.2em; line-height:1.4; margin:0pt 0pt 20px; position:relative; width:100%; padding: 0 0 10px 0;} #Giftlist .boxLeft.wide {width: 587px;} #Wishlist .box input.wide {width: 170px;} #Wishlist .boxLeft .boxBody p {margin-top: 3px; line-height: 100%;} #Wishlist .boxLeft .boxBody .floatLeft {padding-left: 0px;} #Wishlist .boxLeft .boxBody li, #Giftlist .boxLeft .boxBody li {margin-bottom: 4px;} #Wishlist .boxLeft .leftPanel, #Giftlist .boxLeft .leftPanel {float: left; width: 260px;} #Wishlist .boxLeft .rightPanel {float: right; width: 226px; margin-left:16px;} #Wishlist .floatLeft.noBox {width: 508px;} #Wishlist .boxLeft .rightPanelNarrow {float: right; width: 230px;} #Wishlist .boxRight {float: right; width: 189px; background-color: #E2F5FA; position: relative;} #Wishlist .boxRight input {margin-top: 3px;} #Wishlist .boxRight .boxTop, #Wishlist .boxRight .boxBottom {background-color: #E2F5FA;} #Wishlist .boxRight .boxBody {padding: 0 10px; background-color: #E2F5FA;} #Wishlist .srchResults .boxRight .boxBody {padding: 10px 0 0 1px;} #Wishlist .boxRight .boxBody h2 {font-size: 1.2em; padding: 0; color: #000;} #Wishlist .color a {color: #D71D5E;} #Wishlist .boxLeft .boxBody, #Giftlist .boxLeft .boxBody{height: 100%; border-bottom:1px solid #E1E4E8; margin:0pt 16px 10px; padding:10px 0pt 20px;} * html #Wishlist .boxLeft .boxBody{margin:0pt 16px 1px;} * html #Wishlist .boxLeft td .cornerBottomRight, * html #Wishlist .boxLeft td .cornerTopRight, * html #Giftlist .boxLeft td .cornerBottomRight, * html #Giftlist .boxLeft td .cornerTopRight,{right:-1px;} #Wishlist .color img, #Giftlist .color img {padding-bottom: 1px;} #Wishlist .boxRight p, #Giftlist .boxRight p {margin: 0 auto; padding: 0; line-height: 90%;} #Wishlist .sort {margin:0px;width: 700px;} #Wishlist .sortBar {margin-left:10px;margin-right:27px;width:786px;} #Wishlist .hr {border-top: 1px solid #E1E4E8; clear: both; margin-bottom:8px !important; width:786px !important;} #Wishlist .alignHeader {line-height:17px;position:static;font-weight:bold;} #Wishlist .alignSortLabels {padding-left:10px;position:static;} #Wishlist .btnSelectAddr {float:right; text-align:right;} #Giftlist .deleteList p {font-size: 1.2em;} #Wishlist .deleteList img, #Giftlist .deleteList img {vertical-align:middle;} #Wishlist .editWishlist {width:792px;} #Wishlist .product_description .dateAdded, #Giftlist .product_description .dateAdded {width:248px;} #Giftlist .giftListBanner, #Wishlist .wishListBanner { width:786px;color:#FFFFFF;} #Giftlist .headingStripe h2, #Wishlist .headingStripe h2 {color: #FFFFFF;} .srchPageEmailForm, .srchResults {font-size: 1.2em; float: left;} .srchResults {width: 776px; margin-left: 10px;} * html .srchResults {margin-left: 5px;} .srchResults .leftPanel {width: 566px; } .leftPanel .fieldText, .rightPanel .fieldText {float:left; padding:3px 0pt 3px 5px;} .leftPanel .fieldText {width:195px;} .rightPanel .fieldText {width:180px;} .borderBottom { border-bottom: 1px solid #E1E4E8; margin-bottom: 15px; } .btnEditAddr {text-indent: -9999em; display: block; width:125px; height: 20px; font-size: 0; padding: 0; float:right;} /* SUB NAVIGATION -------------------------------------------------- */ .subnavblock { width: 100%; position: relative; background-color: #F0F0F0; margin: 0 0 20px 0; padding: 10px 0; font-size: 1.2em; line-height: 1.4; } *html .subnavblock .cornerBottomLeft, *html .subnavblock .cornerBottomRight { bottom:-1px; } .subnavblock h3, .subnavblock h4, .subnavblock ul, .subnavblock form, .subnavblock a { padding-left: 10px; padding-right: 10px; } .subnavblock h3 { font-size: 1.2em; } .subnavblock h4 { font-weight: bold; font-size: 1em; } .subnavblock ul { margin-bottom: 20px; } .subnavblock ul li { margin-bottom: 3px; } .subnavblock ul li a { padding-left: 0; } .subnavblock a { text-decoration: none; } .subnavblock a.back_to_catagory, .subnavblock a.log_out { display: block; margin: 0 0 20px 10px; padding-left: 10px; } .subnavblock ul.recently_viewed li a { text-decoration: underline; } .subnavblock ul.recently_viewed li span.price { display: block; } /* GENERIC -------------------------------------------------- */ .textInput{ color:#666666; font-size:1.1em; vertical-align:middle; width:140px; } .leftPanel { float:left; position:relative; width:587px; } .floatedLeftPanel { float:left; position:relative; width:786px; } .formError { margin-bottom:10px; padding-left:10px; } #mainContent .formError {font-size:1em;} .formInfo { color:#CC0000; font-size:1.2em; font-weight:bold; margin-bottom:10px; padding-left:10px; } /* WISH / GIFT LIST -------------------------------------------------- */ /* Top Lozenge */ .wishList .wishListBanner img, .giftList .giftListBanner img { margin: 0 10px 0 0; padding: 0; } .giftList .lozenge, .wishList .lozenge {margin-bottom:20px;position:relative;} .giftList .lozenge img, .wishList .lozenge img {float:left;} .giftList .lozenge .iconImg img, .wishList .lozenge .iconImg img {float:left;margin-left:2px;} .giftList td .textInput, .wishList td .textInput {margin:0 0 5px 6px;} .wishListBanner h3, .giftListBanner h3 { font-size: 2.8em; font-weight: normal; line-height: 1em; margin-right: 10px; padding: 12px 0 10px 0; } .wishListBanner p, .giftListBanner p { font-size: 1.4em; padding: 0 25px 0 0; } .wishListCenter, .giftListCenter { width:786px; } .wishListCenter .lozenge, .giftListCenter .lozenge { margin-bottom:20px; padding:0pt; position:relative; } .wishListCenter .searchBox, .giftListCenter .searchBox { width: 27%; float: left; } #Giftlist .create_gift_list {font-size: 1.2em;} #Giftlist .create_gift_list h2 {color: black;} #Giftlist .create_gift_list .box label {top: 8px;} #Giftlist #errorMessageBox p, #Wishlist #errorMessageBox p {font-size:1.2em;} #Giftlist #mainContent #errorMessageBox p, #Wishlist #mainContent #errorMessageBox p {font-size:1em;} .create_wish_list, .yourDetails {width:786px;} .create_gift_list { width:716px; } .create_wish_list p, .yourDetails p { font-size: 1.2em; padding-left: 10px; margin-bottom:10px; width:577px; } .create_gift_list p {margin: 6px 1px;} .wish_list_info, .gift_list_info { padding-top: 0px; width: 73%; float:left; } .wish_list_info h4, .gift_list_info h4 { margin-bottom: 10px; font-size: 1.167em; } .wish_list_info h4 span, .gift_list_info h4 span { font-weight: normal; } .wish_list_info ol, .gift_list_info ol { margin: 0 10px 15px 28px; list-style-type: decimal; } .wish_list_info ol li a, .gift_list_info ol li a { margin: 0; padding: 0; text-decoration: underline; } .wish_list_info ol li a:hover, .gift_list_info ol li a:hover { text-decoration: none; } .giftList a.shareWishList, .wishList a.shareWishList { margin-left: 20px; padding-left: 15px; display: inline; display: -moz-inline-stack; text-decoration: none; } .wishList .paginationBar, .giftList .paginationBar{ text-align:right; width:784px; font-size:1.2em; } /* search lozenge */ .wish_list_search, .gift_list_search { background: #E2F5FA; margin-left: 10px; position: relative; } .wish_list_search table { background: #E2F5FA;} .gift_list_search {width: 189px; float:right;} .wish_list_search label { position: static;} .srchResults .wish_list_search, .srchResults .gift_list_search{ width:189px; position:relative; } .twoInputSearchBox { padding: 5px 0 10px 7px; font-size: 1.1em; background: #E2F5FA none repeat scroll 0 50%; } * html .twoInputSearchBox {padding: 5px 0 16px 7px;} .srchResults .twoInputSearchBox { font-size: 0.9em;} .twoInputSearchBox img {float:left;} .twoInputSearchBox .copy {margin-bottom:8px;} .twoInputSearchBox .emailLocationBlock { padding-right: 5px; } .twoInputSearchBox p {float:left;} .twoInputSearchBox .textInput {font-size: 1em;} .wish_list_search .copy, .gift_list_search .copy { width: 110px; padding-right: 5px; padding-left:10px; float:left; } * html .wish_list_search .copy, * html .gift_list_search .copy { padding-left: 0; } .wish_list_search .copy h3, .gift_list_search .copy h3 { margin-bottom: 5px; padding-top: 5px; font-size: 1.4em; line-height: 1.1em; color: #02A6D6; } .wish_list_search .copy p, .gift_list_search .copy p { font-size: 1.1em !important; } /* wish / list form */ .form_error { margin-bottom: 10px; padding-left: 10px; font-size: 1.2em; font-weight: bold; color: #FF0000; } form.wish_list_form, form.gift_list_form { border-bottom: 1px solid #E1E4E8; margin: 0 20px 10px 20px; padding: 10px 0 20px 0; } form.wish_list_form .address, form.wish_list_form .options, form.gift_list_form .address, form.gift_list_form .options { width: 260px; } form.wish_list_form .address, form.gift_list_form .address { float: left; margin-right: 10px; } form.wish_list_form .options, form.gift_list_form .options { float: right; } form.wish_list_form span { display: block; clear: both; } form.wish_list_form span label, form.gift_list_form .fieldLabel { float: left; display: inline; display: -moz-inline-stack; padding: 3px 0 3px 5px; } form.wish_list_form .address span input, form.wish_list_form .options span input, form.gift_list_form .address .fieldText, form.gift_list_form .options .fieldText { padding: 3px 0 3px 5px; float: right; } form.wish_list_form .address span input, form.gift_list_form .address .fieldText { width: 195px; } form.wish_list_form .options span input, form.gift_list_form .options .fieldText { width: 170px; } form.wish_list_form a, form.gift_list_form a { margin: 0; padding: 0; float: right; clear: both; } .wish_list_info a.share_wish_list { margin-left: 20px; padding-left: 15px; display: inline; display: -moz-inline-stack; } .gift_list_info a.user_link { margin-left: 20px; padding: 0; text-decoration: underline; } .gift_list_info a.user_link:hover { text-decoration: none; } .quick_start, .helpful_ideas { padding-bottom: 20px; } .quick_start h2, .helpful_ideas h2 { margin-bottom: 8px !important; } .quick_start h3, .quick_start p, .quick_start a, .helpful_ideas h3, .helpful_ideas p, .helpful_ideas a { margin-left: 10px; } .quick_start h3, .helpful_ideas h3 { padding-top: 18px; margin-bottom: 5px; font-size: 1.4em; } .quick_start p, .helpful_ideas p { margin-bottom: 5px; } .quick_start p, .helpful_ideas p, .quick_start a, .helpful_ideas a { font-size: 1.2em; } .quick_start a, .helpful_ideas a { padding-left: 10px; text-decoration: none; } /* PRODUCT SEARCH ELEMENTS -------------------------------------------------- */ .search_bar { position: relative; margin-bottom: 10px; padding-top: 8px; padding-bottom: 8px; font-size: 1.2em; } .search_bar form { padding-left: 10px; } .search_bar a, .search_bar select, .search_bar input, .search_bar label { vertical-align: middle; } .search_bar label { font-weight: bold; color: #00A6D6; } .search_bar label, .search_bar select { margin-right: 4px; } /* wish list products section */ .wish_list_products{ border-top:1px solid #E1E4E8; padding-top:15px; width:786px; } .wish_list_products .productImage { padding-top: 8px; } .wish_list_products p { font-size: 1.2em; margin-bottom: 15px; padding-left: 10px; } .wish_list_product { clear: both; margin-bottom: 20px; padding-bottom: 30px; width: 786px; } .wish_list_product p,.wish_list_product a { margin-bottom: 10px; } .wish_list_product .product_image { width: 85px; float: left; padding: 0; } .wish_list_product .product_description, .wish_list_product .product_purchase { float: left; font-size: 1.2em; } .wish_list_product .product_description { width: 325px; } .wish_list_product .product_description h3 { margin-bottom: 10px; padding: 0; font-size: 1.2em; } .wish_list_product .product_description h4 { font-size: 1.2em; } .wish_list_product .product_description p { padding: 0; } .wish_list_product .product_description select, .wish_list_product .product_description textarea { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; } .wish_list_product .product_description select { width: 290px; margin-top: -5px; font-size: 1em; } .wish_list_product .product_description textarea { width: 290px; height: 70px; margin-top: -5px; } table .wish_list_product .product_description tr{ float: left; width:325px; } .wish_list_product .product_description a.delete_item, .wish_list_product .product_description a.save_changes { padding-left: 15px; text-decoration: none; } .wish_list_product .product_description a.delete_item { margin-right: 15px; color: #F9690A; font-weight: bold; } .wish_list_product .product_purchase h4 { margin-bottom: 5px; font-size: 1em; } .wish_list_product .product_purchase ul { margin: 0; padding: 0; font-size: 1.2em; float: right; } .wish_list_product .product_purchase ul li { float: left; margin-left: 16px; } .product_purchase ul li select.desired, .product_purchase ul li input.purchased { width: 43px; padding: 0px 0 0px 2px; float: left; } .product_purchase ul li select.desired { padding-left: 0; } #YAAddressBook #mainContent { font-size:1.2em; width:550px; } #YAAddressBook #mainContent .boxBody { font-size:1em; } #YAAddressBook h1 { display:block; padding:10px 0; } #YAAddressBook form#addAddress .boxBody { width:auto; padding:10px; } #YAAddressBook select { margin:0; } #YAAddressBook label { line-height:1.8; } #YAAddressBook input.wide, #YAAddressBook input.short { padding: 0 0 2px; border: 2px inset ThreeDFace; } #YAAddressBook .addrBookMessage { position:relative; line-height:25px; } #YAAddressBook .addrBookMessage a { position:absolute; right:0; } #YAAddressBook .confirmationMessage {width:auto;margin:15px 0;} #YAAddressBook .note { margin-top:0; } #YAAddressBook .returnToYourAccount { font-size:1em;margin:15px 0; } #YAAddressBook form#addAddress .errorMargin {margin-top:-3px;} #YAAddressBook form#addAddress .box {width:100%;} #YAAddressBook #errorMessageBox {margin-left:0;margin:20px 0;} #YAAddressBook #errorMessageBox h3 {padding-left:40px;} #YAAddressConfirm #mainContent {width: 592px; padding-right: 110px; font-size: 1.2em;} #YAAddressConfirm h2 {padding: 0;} #YAAddressConfirm .box {margin-top: 10px; border: 1px solid #C4D8E2;} #YAAddressConfirm .boxTop {padding: 4px 6px;} #YAAddressConfirm .boxBody {padding: 0 4px;} #YAAddressConfirm .boxBody .label {font-weight:normal;position: static; margin: 1px 0;font-size: 1em;padding-bottom:2px;} #YAAddressConfirm .box .overflow {height: 180px; overflow-y: auto;} #YAAddressConfirm input .radio, #YAAddressConfirm p {position: static; margin: 1px 0;} #YAAddressConfirm h1 {color:#00A6D6;padding:0;} #YAAddressConfirm #mainContent {font-size:1.2em;padding-top:10px; } #YAOrderHistory #mainContent, #YAOrderPayment #mainContent {width: 680px; padding-left: 0; padding-right: 22px;} #YAOrderHistory .box {border:1px solid #C4D8E2;margin-top:10px; width:100%} #YAOrderHistory .boxTop, #YAOrderPayment .boxTop {padding: 4px 12px; color:#000; background: #C4D8E2; font-size: 1em; font-weight: bold;} #YAOrderHistory .boxBody {background:none;min-height:92px;height: 100%; padding: 2px 10px;border-bottom:1px solid #C4D8E2;} #YAOrderHistory .boxBody h3 {font-size:1em; margin-bottom: -1em;} #YAOrderHistory h1 {padding-left:5px;color:#000;display:block;padding-bottom:10px;} #YAOrderHistory h2 {padding: 0; font-size: 1.2em; color:#000;} #YAOrderHistory .note, #YAOrderHistory .note a {font-style: normal;} #YAOrderHistory .hrLight {clear:both;} #outerWrapPopup.printable #YAOrderHistory h1 {margin-left: -26px;} /* tweak "changes required" message */ #YAOrderHistory .boxBody table { border-collapse:collapse;border-bottom: 1px solid #C4D8E2;margin-bottom:1em;} #YAOrderHistory .boxBody table td {padding:0 0 1em;} #YAOrderHistory .boxBody table b.small { font-size:1em; line-height:2em;} #YAOrderHistory .box, #YAOrderPayment .box, .cardPayments .box {margin-top: 10px; border: 1px solid #C4D8E2; border-bottom: 0 none;} #YAOrderHistory .returnToYourAccount { padding:15px 0;clear:both; } * html #YAOrderHistory .returnToYourAccount { padding-left: 1px; } #YAOrderHistory .noOrdersMessage {font-size:1.2em;margin-left:0;width:100%;} #YAOrderHistory .noOrdersMessage table {width:100%; margin: 0;} /* TODO: refactor CSS identifiers. this should be order history, not payments */ #YAOrderPayment form#orderSummary {font-size: 1.2em;} #YAOrderPayment form#orderSummary .boxTop { margin-top:0;} #YAOrderPayment form#orderSummary .boxTop h2 {color:#000;} #YAOrderPayment form#orderSummary .boxBody table table td { padding:0 } /* TODO: fix class names */ #YAOrderPayment form#orderSummary .twentyFive { width:34%; } #YAOrderPayment form#orderSummary .seventyFive { width:64%; } #outerWrapPopup.printable #YAOrderPayment .box {font-size:1.2em;} #outerWrapPopup.printable #YAOrderPayment h1 {padding:0;margin:0;} #YAOrderMessageBox .confirmationMessage {color: #000;font-size:1.2em;background-color:#F0F0F0;width:680px;} #YAOrderPayment .box, .cardPayments .box {margin-top: 10px; border: 1px solid #C4D8E2; border-bottom: 0 none;} #YAOrderPayment .boxTop, .cardPayments .boxTop {padding: 4px 6px;} #YAOrderPayment .boxBody, .cardPayments .boxBody {height: 100%; border-bottom: 1px solid #C4D8E2; padding: 10px;} #YAOrderPayment h1 {font-size:1.8em;} #YAOrderPayment h2 {padding: 0; font-size: 1.1em;} #YAOrderPayment strong {color: #000;} #YAOrderPayment .note, #YAOrderPayment .note a {font-style: normal;} #YAOrderPayment .seventyFive.border {border-left: 1px solid #C4D8E2;} #YAOrderPayment table .indent {padding-left: 40px;} #YAOrderPayment .hr {padding: 10px 0} #outerWrapPopup.printProductDetail #YAOrderPayment h1 {margin-left: -26px;} #outerWrapPopup.printOrderSummary #YAOrderPayment h1 {margin-left: 0px;} .cardPayments #mainContent { padding-left: 10px !important; width: 680px; font-size: 1.2em;} .cardPayments h1 { color: #00A6D6; } .cardPayments .CreditCardDisplay { background: #F0F0F0 none repeat scroll 0%; padding: 10px; margin: 10px 0 20px; position: relative; } .cardPayments .confirmationMessage { text-align: center; height: auto; width: auto; position: relative; background: #00A6D6 none repeat scroll 0pt; padding: 10px; } .cardPayments .editPaymentDetails { background-color: #F0F0F0; position: relative; width: 400px; padding: 10px; } #YAReminder .box {width: 460px; margin: 0 auto; background-color: #F0F0F0;} #YAReminder .boxBody {width: 420px; padding: 0 20px; } #YAReminder table.calendar {padding: 4px; border: 1px solid #CDCDCD;} #YAReminder table.calendar tr.header {background-color: #DFE7EE; font-weight: bold;} #YAReminder table.calendar td {width: 24px; height: 24px; margin: 1px; border: 1px solid #CDCDCD; text-align: center;} #YAReminder table.calendar tr.header td {width: auto;} #YAReminder table.calendar td.current {background-color: #BECED8; font-weight: bold;} #YAReminder table.reminders {width: 100%;} #YAReminder table.reminders th, #YAReminder table.reminders td {padding: 4px 0; text-align: left; border-bottom: 1px solid #C4D8E2;} #YAReminder h2 {padding: 0;} #YAReminder .sortByShow {margin-left: 30px;} #YAReminder .sortBy {border-top: 1px solid #C4D8E2; background-color: #EEF5FA; font-weight: bold; padding: 4px 0 2px;} #YAReminder h1 {font-size:2em; margin:0; padding:10px 0 10px 5px; } #YAReminder #mainContent{font-size:1.2em; padding-left:0px} #YAReminder .button {padding-top:3px;} #outerWrapPopup #errorMessageBox .icon {float: left; width: 30px; text-align: right; padding-right: 10px;} #outerWrapPopup #errorMessageBox .errorText{ float:left; padding:10px; width:16em;} #YAReminder #holidays {padding-top:3px;width:230px;font-size:1em;} #outerWrapPopup #header h1 {margin-left: -6px;} #outerWrapPopup #YAReminder .box {width: 500px; margin: 0 auto; background: #F0F0F0 none repeat scroll 0 0; position:relative; padding:10px;} #outerWrapPopup #YAReminder .boxBody {width: 460px; padding: 0 20px; background-color: #C4D8E2;} #outerWrapPopup #YAReminder table.calendar {margin-top: 4px; background-color: #FFF;} #outerWrapPopup #YAReminder input, #outerWrapPopup #YAReminder select, #outerWrapPopup #YAReminder textarea {width: 180px; margin-top: 4px;} #outerWrapPopup #YAReminder input.checkbox, #outerWrapPopup #YAReminder input.submit {width: auto; border: 0 none;} #outerWrapPopup #YAReminder .addPerson {margin-left: 98px;} #outerWrapPopup #YAReminder .right {padding-right: 40px;} #outerWrapPopup #YAReminder .boxBodyText {width:49%; float:left; padding-bottom:1px;font-size:1.2em;} .yaPages h1 span.subsection { color:#000;} .yaPages .headingWrapper, #Giftlist .headingWrapper, #Wishlist .headingWrapper { margin-bottom:2px;} * html .yaPages .headingWrapper { position:relative;} /* fix glitch -- text positioned too high */ .yaPages .headingWrapper span.customerName { font-size:1.8em; font-weight:bold; padding: 0 0.3em 0 0.4em;} .yaPages .headingWrapper a { font-weight:normal; font-size:1.2em; } .yaPages .headingStripe { width:786px;} .yaPages .headingStripe h2 { color:#fff;} .yaPages .box {float: left; width: 389px; margin-right:10px;} .yaPages .box a {text-decoration:none} .yaPages .box a:visited,.yaPages .box a:hover,.yaPages .box a:active {color:#333;} .yaPages .box ul { list-style-type:none;list-style-image:none;} * html .yaPages .box ul { position:relative; } /* fix glitch -- background images not appearing consistently */ .yaPages .box ul li { padding-left:11px; margin:0 0 .35em; list-style-type:none; list-style-image:none; background: transparent none /* right_arrow_bullet */ no-repeat left 0.3em;} #CreateAccount .boxBody, .yaPages .boxBody { min-height: 226px; padding: 10px; background-color: #F0F0F0; position:relative; font-size:1.2em; } * html #CreateAccount .boxBody { height:1%; } * html .yaPages .boxBody {height:226px;} /* two equal-height boxes */ .yaPages .numberRow {font-weight: bold;} .yaPages .box.emptyBook, .yaPages .box.paymentMethod, .yaPages .box.wishlist {width: 460px;} .yaPages .changeEmail {width: 480px; height: auto; padding: 0;} .yaPages .boxBody.emptyBook, .yaPages .boxBody.paymentMethod, .yaPages .boxBody.wishlist {width: 460px; height: auto; padding: 0;} .yaPages select {margin-top:5px;} .yaPages .viewableBy.narrow {white-space:nowrap} .yaPages .viewableBy label {margin: 2px; font-weight: normal;} .yaPages .viewableBy input {margin: 3px;} .yaPages .heading {float: left; width: 170px;} .yaPages form { display:block; } .yaPages form input { margin-bottom:2px; vertical-align:middle; } .yaPages form input.textInput { width:14.167em;} .yaPages input.text, .yaPages input.short, .yaPages input.wide, .yaPages input.qty {padding: 0;} .yaPages .imageInputWrapper { margin-left:10em;} .yaPages .imageInputWrapper input.imageInput { width:auto; padding: 9px .2em 0 0; } .yaPages .returnToYourAccount { font-size:1.2em;} .yaPages div.filterMenu { padding-left:5px; } .yaPages div.filterMenu form * { vertical-align:middle; } .yaPages div.filterMenu label { font-size:1.2em; position:static; } .yaPages div.filterMenu select {font-size:1.2em;} .yaPages div.filterMenu select, .yaPages div.filterMenu input.imageInput { margin:0; } .yaPages .returnToViewOrders li, .yaPages .returnToYourAccount li { padding-left: 11px; background: transparent none /* left_arrow_bullet */ no-repeat scroll left 0.3em; } #outerWrapPopup.printable .yaPages {background-image: none;} #outerWrapPopup.printable .yaPages #mainContent {width: 500px; padding: 20px 0;} #YANEP #mainContent { padding-left: 10px;} #YANEP .boxBody { min-height: 0; } #YANEP .forty label { top: 1px; } * html #YANEP .forty label { top: 4px; } * html #YANEP .boxBody { height: 1em; } #YANEP p, #YANEPConfirm .confirmationMessage { font-size: 1.2em; } #YANEP form#editProfile input { margin: 0 0 10px; } .customizationDataAlignment {position:relative;top:-8px;} /* -------------- END PAGE-SPECIFIC IDs ------------------ */ /* form elements: listed here for higher specificity */ input.text, input.short, input.wide, input.qty {padding: 4px 6px; } input.text {width: 150px;} input.short {width: 70px;} input.wide {width: 200px;} input.qty {width: 14px;} input.radio {position: relative; top: 3px;} input.checkbox {border: 0 none;} select.wide {width: 203px;} select.small {width: 96px;} .Errwindow { width: 716px; margin-left: 27px; margin-right: 27px; } p.notecard {color:#666; font-size: 1.0em; font-style: italic; line-height: 100%;} .rviOuterBox{background: #7CCFDF none;width:206px;float:left;} .preorder {color: #00A6D6; font-weight: bold;} /* -------------- END MAIN.CSS FOR MOTHERCARE ------------------ */ /*Header slot positioning*/ div#topSlots { font-size: 13px; /* padding: 10px 0 0 0; */ } div#top-1 { float: left; clear: both; } /* div#top-1, div#top-1 #mainLogo{ position:relative; top:0px !important; left: 0px !important; } */ div#top-2, div#top-5 { float: right; clear:both; /* width: 405px; */ } * html div#top-3 {height: 1%; padding-left: 42px;} * html div#top-4 {width: 270px;} div#top-3 { padding-left: 325px; } div#top-4 { /* float: left; */ padding: 8px 0 0px 45px; } div#top-5 { padding: 18px 0 5px 0; } div#top-7 { clear: both; } /*#top-8 and #top-9 styles combine to form the gradient (and its rounded corners) under the breadcrumb and gurgle line, and push div#top-8 and div#top-9 onto the same line. The first widget that sits in here (currently div.siteStripe) needs contextual styles for when it's a child of div#top-8 to complete the effect (negative top margin of the gradient height, an empty span for the left rounded corner). See div#top-8 div.siteStripe later in this file. */ div#top-8 { padding-top: 28px; /*gradient height*/ } div#top-9 { min-height: 1.4em; } * html div#top-9 {height: 1.4em;} /*Quick links: Homepage | Store finder ...*/ div.dynamicMenu10 ul { float: right; margin: 0; padding: 0 0 1px 0; overflow: hidden; line-height: .97em; text-transform: lowercase; } div.dynamicMenu10 li { float: left; list-style-type: none; padding: 0 5px 0 5px; } div.dynamicMenu10 a, div.dynamicMenu10 a:visited, div.dynamicMenu10 a:active { text-decoration: none; color: #333; } /*sign in / register menu*/ div.dynamicSignInMenu { line-height: 1; } div.dynamicSignInMenu ul, div.dynamicSignInMenu li { margin: 0; padding: 0; } div.dynamicSignInMenu a, div.dynamicSignInMenu a:visited, div.dynamicSignInMenu10 a:active { color: #333; } div.dynamicSignInMenu ul { list-style-type: none; overflow: hidden; padding: 0 0 1px 1px; } div.dynamicSignInMenu li { float: left; } div.dynamicSignInMenu li.menuLink1 { display: none; } div.dynamicSignInMenu li.menuLink2 { border-right: 1px solid; padding: 0 5px 0 0; margin: 0 5px 0 0; } /*"site stripe": gurgle note*/ div.siteStripe { float: right; padding: 4px 8px 12px; } div.siteStripe p { padding: 0; margin: 0; } div.siteStripe img { margin: 0 0 0 4px; vertical-align: middle; } /*contextual styles for when this is inside div#top-8, so it rounds the corner of the site stripe gradient*/ div#top-8 div.siteStripe { margin-top: -28px; /*-28px -> negative gradient height on div#top-8*/ position: relative; } div#top-8 div.siteStripe span.hook1 { position: absolute; right: 0; top: 0; width: 6px; height: 6px; } /*breadcrumbs*/ #topSlots #top-9 { font-size: 0.909em; /* reset to 10px */ } #browseBreadcrumbs { font-size: 1.32em; } #browseBreadcrumbs a, #browseBreadcrumbs a:visited, #browseBreadcrumbs a:active { color: #000; } #browseBreadcrumbs img { vertical-align: middle; } #browseBreadcrumbs .carat { vertical-align: middle; font-size: 0.9em; } /*adjust for IE6-7*/ * html #browseBreadcrumbs span.carat {vertical-align: -0.1em;} *+html #browseBreadcrumbs span.carat {vertical-align: -0.1em;} /* Anchors within the top-nav menus */ div.menu ul li a, div.menu ul li a:visited { color: #FFF; /* white */ text-decoration: none; cursor: pointer; /* sometimes IE gets confused and needs a reminder */ } div.menu { margin-bottom: 0.5em; /* Leave a little space between this and the site stripe */ } /* Common properties for unordered lists and list items within the menu */ div.menu ul, div.menu ul li { margin: 0; padding: 0; list-style-type: none; } div.menu ul {} /* Top-level (Tier 1) items */ div.menu ul li { float: left; display: inline; /* This helps IE with floated elements */ text-transform: lowercase; position: relative; /* This helps make sure that the drop-down menus appear above other elements that may be absolutely positioned */ z-index: 10000; font-size: 1.18em; /* Equivalent to 13px at the default browser size */ } /* ...but don't apply those properties to children list items */ div.menu ul li li { float: none; display: block; position: static; z-index: auto; font-size: 1.0em; width: auto; } /* Arithemetic -- total width should add up to 985px: levelOne1: 100 levelOne2: 100 levelOne3: 80 levelOne4: 65 levelOne5: 80 levelOne6: 90 levelOne7: 80 levelOne8: 80 levelOne9: 70 levelOne10: 70 levelOne11: 90 levelOne12: 80 -------------- Total: 985 */ /* levelOne1: "maternity", levelOne2: "pushchairs" */ div.menu ul li.levelOne1, div.menu ul li.levelOne2 { width: 100px; } /* levelOne3: "nursery", levelOne5: "clothing", levelOne7: "feeding", levelOne8: "safety & care", levelOne12: "offers" */ div.menu ul li.levelOne3, div.menu ul li.levelOne5, div.menu ul li.levelOne7, div.menu ul li.levelOne8, div.menu ul li.levelOne12 { width: 80px; } /* "car & travel" */ div.menu ul li.levelOne4 { width: 65px; } /* levelOne6: "bathing & changing", levelOne11: "parenting experts" */ div.menu ul li.levelOne6 { width: 90px; } div.menu ul li.levelOne11 { width: 85px; } /* levelOne9: "kids at home", levelOne10: "toys & gifts" */ div.menu ul li.levelOne9, div.menu ul li.levelOne10 { width: 70px; } /* This would correspond to "checklists" or other items "past the end" of the list */ div.menu ul li.levelOne13, div.menu ul li.levelOne14 { display: none; } /* Top-level (Tier 1) links (and their immediate children) */ div.menu ul li a, div.menu ul li a span, div.menu ul li span span { display: block; letter-spacing: 0.05em; font-weight: bold; font-size: 1.0em; margin: 0; } /* ... but don't apply those properties to nested span elements */ div.menu ul li ul li span { display: inline; letter-spacing: normal; } /* Properties solely for Top-level (Tier 1) links */ div.menu ul li a { height: 42px; text-decoration: none; } /* ... but those properties don't apply to children anchors */ div.menu ul li ul li a { line-height: 1.1; letter-spacing: normal; height: auto; background-image: none; } /* The first item doesn't get a left-side background image */ div.menu ul li.levelOne1 a { background-image: none; } div.menu ul li a span { height: 100%; /* This allows bits of the background-color on the anchor to show through (kinda like borders, but without shifting the text around */ margin-left: 2px; margin-right: 2px; } /* ... but don't apply those properties to nested span elements */ div.menu ul li a span span, div.menu ul li ul li a span { height: auto; margin-left: 0px; margin-right: 0px; } /* Vertically center the Tier 1 items (JavaScript also helps out a bit here for vertically-centering multi-line items) */ div.menu ul li a span span { /* I'd normally define this in ems, but that wouldn't help much in this case since the menubar itself has a fixed height. */ padding-top: 13px; /* This just makes sure that IE leaves enough room for descenders */ padding-bottom: 1px; } /* The two-line items get less padding: * levelOne4: "car seats" * levelOne9: "kids bedroom" * levelOne10: "toys & gifts" * levelOne11: "parenting advice" */ div.menu ul li.levelOne4 a span span, div.menu ul li.levelOne9 a span span, div.menu ul li.levelOne10 a span span, div.menu ul li.levelOne11 a span span, div.menu ul li.levelOne12 a span span { padding-top: 6px; } div.menu ul li a span, div.menu ul li a span span { text-align: center; } /* ... but don't apply those properties to nested Tier-2 spans */ div.menu ul li ul li a span { text-align: left; } div.menu ul li a span span { line-height: 1.05; } /* ------------------------------------------------------- Hover/focus variants for the drop-down items ------------------------------------------------------- */ div.menu ul li a { /* This is pretty much for IE's sake -- if it doesn't get this (default) value, it ends up reflowing the content (improperly) on a:hover */ background-color: transparent; /* This allows the hovered-anchor to reach over a bit and cover up the divider-image in the next list-item over. (And, yes, I'd normally apply this property to [selector]:hover, but IE didn't play nicely with that. Yar, more reflow business. */ margin-right: -2px; } /* .. but don't apply those properties to nested anchors */ div.menu ul li ul li a { margin-right: 0; } div.menu ul li a span { /* This just compensates for the negative margin-right in the previous rule (so that the text doesn't end up shifting */ padding-right: 2px; } /* ... but don't apply those properties to nested Tier-2 level spans */ div.menu ul li a span span, div.menu ul li ul li a span { padding-right: 0px; } /* ... but don't apply those negative margin bits to the last item */ div.menu ul li.levelOne12 a { margin-right: 0px; } div.menu ul li.levelOne12 a span { padding-right: 0px; } div.menu ul li:hover, div.menu ul li.sfHover { /* This puts the hovered list item slightly above adjacent list-items, allowing the border-effect (via the background-color below) to appear above the adjacent list-item's divider-image. */ z-index: 20000; } /* ... but don't apply that to nested list items */ div.menu ul li ul li:hover, div.menu ul li ul li.sfHover { z-index: auto; } div.menu ul li a:hover, div.menu ul li a:focus, div.menu ul li:hover a, div.menu ul li.sfHover a { /* What ends up happening here (with the background-color bits) is that, in combination with some on-hover padding-left and padding-right for this element's immediate child, the color ends up acting as a border (but without shifting anything around, as a border would tend to do). */ background: #4165A5 none; /* Bluish purple */ } /* Only IE6 sees this */ * html div.menu ul li a:hover, * html div.menu ul li a:focus, * html div.menu ul li:hover a, * html div.menu ul li.sfHover a { /* This element already has hasLayout, but IE6 behaves a bit better with position:relative as well */ position: relative; color: #FFFFFF; } /* ... but don't apply those properties to nested anchor elements */ div.menu ul li ul li a:hover, div.menu ul li ul li a:focus, div.menu ul li:hover ul li a, div.menu ul li.sfHover ul li a, div.menu ul li ul li:hover a, div.menu ul li ul li.sfHover a { right: 0px; background-color: transparent; } /* ... but don't apply those properties to nested Tier-2 level spans */ div.menu ul li a:hover span span, div.menu ul li a:focus span span, div.menu ul li:hover a span span, div.menu ul li.sfHover a span span, div.menu ul li ul li a:hover span, div.menu ul li ul li a:focus span, div.menu ul li:hover ul li a span, div.menu ul li.sfHover ul li a span, div.menu ul li ul li:hover a span, div.menu ul li ul li.sfHover a span { background-image: none; } /* ------------------------------------------------------- Second-level lists (the actual bits that drop down) ------------------------------------------------------- */ /* Containers for the second-level lists -- these are the bits that drop down */ div.menu ul li div.levelTwoContainer { margin: 0; padding: 0; top: 40px; left: -90%; position: absolute; width: 329px; /* This allows the drop-down bits to slightly "tuck under" their parent Tier 1 items, allowing the bottom of the Tier 1 item to overlay a portion of the top of the drop down jobbie */ z-index: -1; /* using right instead of display:none to hide menus because display:none isn't read by screen readers */ margin-left: -1000em; } div.menu ul li div.levelTwoContainer div.afterLevelTwoList { padding-bottom: 20px; /* Leave room for the background image */ } /* These rules trigger hasLayout in IE6 and IE7, respectively: http://www.satzansatz.de/cssd/onhavinglayout.html#prop */ * html div.menu ul li div.levelTwoContainer div.afterLevelTwoList { height: 1%; } *+html div.menu ul li div.levelTwoContainer div.afterLevelTwoList { min-height: 0; } /* Specialty positioning/backgrounds for some of the div.levelTwoContainer bits */ /* "maternity" (currently the left-most item) */ div.menu ul li.levelOne1 div.levelTwoContainer { left: -4px; } /* "toys & gifts" */ div.menu ul li.levelOne10 div.levelTwoContainer { left: -150%; } /* "parenting experts" */ div.menu ul li.levelOne11 div.levelTwoContainer { left: -175%; } /* "offers" (currently the right-most item) */ div.menu ul li.levelOne12 div.levelTwoContainer { left: -243px; } div.menu ul li ul { font-size: 0.9230em; /* Equivalent to 12px at the default font size */ padding: 10px 20px 20px 20px; } /* Give hasLayout to IE6 */ * html div.menu ul li ul { height: 1%; } /* Give hasLayout to IE7 */ *+html div.menu ul li ul { min-height: 0; } div.menu ul li ul li a { line-height: 1.2; } /* These rules trigger hasLayout in IE6 and IE7, respectively: http://www.satzansatz.de/cssd/onhavinglayout.html#prop */ * html div.menu ul li ul li a { height: 1%; } *+html div.menu ul li ul li a { min-height: 0; } div.menu ul li ul li a:hover, div.menu ul li ul li a:focus { text-decoration: underline; } div.menu ul li ul li a span { margin: 0; padding: 0; font-size: 1.0em; } /* Nested lists under hovered list items */ div.menu ul li:hover div.levelTwoContainer, div.menu ul li.sfHover div.levelTwoContainer, div.menu ul li.sfHover a.sffocus div.levelTwoContainer { display: block; /* This is just for the sake of the iframe */ /* This is normally "-1000em", so setting it to "0em" unhides the menu */ margin-left: 0em; } /* ------------------------------------------------------- Fail-safe properties in case JavaScript is disabled ------------------------------------------------------- */ /* Allow for tabbing-through the anchors in the drop-down list, even if JavaScript isn't around to help */ ul li div.levelTwoContainer li a:focus { margin-left: 0em; width: 329px; background-color: #042F74; /* Dark blue */ } /* ... but disable those just-in-case properties if JavaScript is indeed enabled */ body.javascript-enabled ul li div.levelTwoContainer li a:focus { margin-left: 0; width: auto; background-color: inherit; } #topSlots form { display: block; } div.dynamicSignInMenu span.customerName { font-weight: bold; } /* Mini cart */ /* div.cartMini { line-height: 1; } div.cartMini strong.itemCount { font-size: 1.09em; font-weight: bold; padding: 0px; cursor: pointer; -cursor: hand; } div.cartMini form a { text-decoration: none; } div.cartMini strong.itemCount span { display: table-cell; padding: 0 5px 0 3px; text-align: center; width: 10px; /*min-width since it's a table-cell: width of bag image*/ } * html div.cartMini strong.itemCount span {display: inline-block;} *+html div.cartMini strong.itemCount span {display: inline-block;} div.cartMini form input { vertical-align: middle; } /* SEARCH NAV */ .searchNav { } .searchNav form { text-align: right; } .searchNav label { color: #00A6D6; /*light blue*/ font-size: 1.18em; font-weight: bold; margin: 0 2px; } .searchNav select, .searchNav input.textInput { font-size:1.09em; padding:0 0 0 2px; } .searchNav input.textInput { width: 10em; } /* Footer Links */ div#footerSlots { clear: both; width: 985px; margin: 0 auto; /*(TODO) Footer@dp is outside a wrapper div. Remove width here and correct dp layout*/ } div#footer-1 { color: #666; font-size: 1.1em; line-height: 1.4em; padding: 10px 0 20px 10px; margin: 0 0 15px 0; } div#footer-1 div.category { float: left; width: 19.99%; } div#footer-1 a, div#footer-1 a:visited, div#footer-1 a:active { color: #666; text-decoration: none; } div#footer-1 img { vertical-align: top; margin: 3px 0 0 3px; } div#footer-1 ul, #footer-1 h4 { margin: 0; padding: 0 10px 0 0; } div#footer-1 ul { list-style-type: none; } div#footer-1 h4 { color: #00A6D6; /*light blue*/ font-size: 1.1em; font-weight: bold; } div#footer-1 { clear: both; /* to deal with pages without the footerSlots div */ } div.companyInfo { line-height: 1; text-align: center; padding: 0 0 1em 0; } div.companyInfo * { font-family: Arial, Helvetica, sans-serif; } div.companyInfo p { margin: 0 0 1em 0; padding: 0; } div.companyInfo span.copy { margin-right: 2px; } /*float-enclosing section You will need to add your selector in 3 places. 1) selector:after (for non-ie browsers), 2) * html selector (for ie 6), 3) *+html selector (for ie 7) */ .exampleSelector:after, div#middleSlots:after, div#footer-1:after, div#topSlots:after, div.menu:after, div.headingStripe:after, div.subscribeRegisterNew:after, div.yaPages:after, div.menu ul.levelZero:after { content: "."; visibility: hidden; display: block; clear: left; height: 0; } * html .exampleSelector, * html div#middleSlots, * html div#footer-1, * html div#topSlots, * html div.menu, * html div.headingStripe, * html div.subscribeRegisterNew, * html div.yaPages, * html .cardPayments .CreditCardDisplay, * html .cardPayments .confirmationMessage, * html .cardPayments .editPaymentDetails, * html div.menu ul.levelZero { height: 1%; } *+html .exampleSelector, *+html div#middleSlots, *+html div#footer-1, *+html div#topSlots, *+html div.menu, *+html div.headingStripe, *+html div.subscribeRegisterNew, *+html div.yaPages, *+html div.menu ul.levelZero { min-height: 1%; } /* * This is used for embedded-search portlets as in the Santana hybrid browse pages, the * portlet is wrapped in a middleSlots div with font-size: 1.1em. This css overwrite it * back to 1em so it is consistent with the gurupa page. */ div#middleSlots { font-size: 1em; } /******* Search pages CSS ********/ /* Content Structure */ div#SearchResults div#lMenu, div#embeddedSearchRefinements div#lMenu { width:189px; padding: 0; font-size: 1.2em; float: left; } div#SearchResults div#mainContent { width: 786px; padding: 0; float: right; font-size: 1.2em; } div #search-results div#mainContent { padding-bottom: 10px; } div#SearchResults h2, div#embeddedSearchRefinements h2 { font-size: 21px; padding-left: 10px; padding-bottom: 5px; color: #00A6D6; } div#SearchResults h2 span, div#embeddedSearchRefinements span { color: #000000; } /* Search Results Search Bar */ div#SearchResults div.searchNav label, div#SearchResults div.searchNav input, div#SearchResults div.searchNav select { font-size: 1em; } /* Pagination */ div#SearchResults .pagination { text-align: left; } /* Sort By */ div#SearchResults .sortBy { text-align: right; padding: 8px 10px; margin: -42px 0 0.25em 50%; /* negative height to account for pagination bar */ position: relative; } div#SearchResults .pageLabel { font-weight: bold; margin-right: 8px; } div#SearchResults .current, div#SearchResults .pagination a { font-weight: normal; margin: 0; } div#SearchResults .pagination .showAllLink a { font-weight: bold; } /* Product Comparison */ div#SearchResults .compareBar { text-align: right; padding: 0 10px; } div#SearchResults .compare { font-weight: bold; color: #00A6D6; } /* Left Menu */ div#SearchResults #lMenu h2, div#embeddedSearchRefinements #lMenu h2 { font-size: 21px; } * html div#SearchResults #lMenu .categoryLinks, * html div#embeddedSearchRefinements #lMenu .categoryLinks { height: 1em; /* so IE8 cooperates with corners */ } * html div#ContactUs .boxLeft .cornerBottomLeft, * html div#ContactUs .boxLeft .cornerBottomRight, * html div#YANEP .boxBody .cornerBottomLeft, * html div#YANEP .boxBody .cornerBottomRight, * html div#Basket .boxRight .boxBody .cornerBottomLeft, * html div#Basket .boxRight .boxBody .cornerBottomRight, * html div#SearchResults #lMenu .categoryLinks .cornerBottomLeft, * html div#SearchResults #lMenu .categoryLinks .cornerBottomRight, * html div#embeddedSearchRefinements #lMenu .categoryLinks .cornerBottomLeft, * html div#embeddedSearchRefinements #lMenu .categoryLinks .cornerBottomRight { /* implementing this IE6 hack because corners have issues as this container is resized */ bottom: -1px; height: 7px; } div#SearchResults .relatedArticles { border-bottom: 1px solid #E4E1E8; padding-bottom: 10px; margin-bottom: 10px; } div#SearchResults .relatedArticles .showArticles span { font-weight: bold; cursor: pointer; text-decoration: underline; } div#SearchResults .relatedArticles .article { padding: 0 10px 10px; } div#SearchResults .relatedArticles .article h3 a { font-size: 0.6481em; color: #00A6D6; } /* Search Result Products */ div#SearchResults .floatedProduct, div#PersonalStorefront .floatedProduct{ float: left; width: 189px; margin: 0; padding: 0; z-index: 1; position: relative; } div#SearchResults .floatedProductLeftPadding, div#SearchResults.searchResultsNull .floatedProductPadding, div#HUC .floatedProductLeftPadding, div#Wishlist .floatedProductLeftPadding, div#PersonalStorefront .floatedProductLeftPadding { margin-left: 10px; } * html div#PersonalStorefront .floatedProductLeftPadding {margin-left: 7px;} div#SearchResults .floatedProductDetail, div#HUC .floatedProductDetail, div#CompareProducts .floatedProductDetail, div#PersonalStorefront .floatedProductDetail{ padding: 10px 10px 0; } div#SearchResults .floatedProduct table td, div#HUC .floatedProduct table td, div#PersonalStorefront .floatedProduct table td{ text-align: center; vertical-align: middle; } div#SearchResults .floatedProductDetailsBtn, div#HUC .floatedProductDetailsBtn, #Wishlist .floatedProductDetailsBtn, div#CompareProducts .floatedProductDetailsBtn, div#PersonalStorefront .floatedProductDetailsBtn{ float: left; width: 173px; margin-bottom: 20px; padding: 10px 8px 8px; position: relative; min-height: 16px; z-index:0; } div#SearchResults .floatedProductBackground, div#HUC .floatedProductBackground, #Wishlist .floatedProductBackground, div#CompareProducts .floatedProductBackground, div#PersonalStorefront .floatedProductBackground{ width: 189px; height: 58px; position: absolute; bottom: 0; left: 0; z-index:-1; } * html div#SearchResults #lMenu .categoryLinks .cornerBottomRight, * html div#SearchResults #lMenu .categoryLinks .cornerTopRight, * html div#SearchResults.searchResultsNull .searchBarWrapper .cornerTopRight, * html div#SearchResults.searchResultsNull .searchBarWrapper .cornerBottomRight, * html div#SearchResults.searchResultsNull .relatedArticles .cornerTopRight, * html div#embeddedSearchRefinements #lMenu .categoryLinks .cornerBottomRight, * html div#embeddedSearchRefinements #lMenu .categoryLinks .cornerTopRight, * html div#SearchResults .floatedProductBackground .cornerBottomRight, * html div#HUC .floatedProductBackground .cornerBottomRight, * html div#Basket .boxRight .boxBody .cornerBottomRight, * html div#Basket .boxRight .boxBody .cornerTopRight, * html div#YANEP .boxBody .cornerTopRight, * html div#YANEP .boxBody .cornerBottomRight, * html div#PersonalStorefront .floatedProductBackground .cornerBottomRight { /* so IE6 will cooperate with the placement of this corner */ right: -1px; } * html #YourAccount #mainContent div.editPaymentDetails .cornerBottomLeft, * html #YourAccount #mainContent div.editPaymentDetails .cornerBottomRight, * html #YourAccount #mainContent div.CreditCardDisplay .cornerBottomLeft, * html #YourAccount #mainContent div.CreditCardDisplay .cornerBottomRight { bottom:-1px; } div#SearchResults .addToBasket, div#SearchResults .viewDetails, div#CompareProducts .addToBasket, div#CompareProducts .viewDetails, #Wishlist .viewDetails, #Wishlist .addToBasket { color: #F96302; font-weight: bold; padding-left: 15px; cursor: pointer; display: inline; vertical-align: middle; } #Wishlist .addToBasket, #Wishlist .viewDetails { font-size: 1.2em; } div#SearchResults .viewDetails { font-size: 1em; } div#SearchResults .viewDetails a, div#SearchResults .viewDetails a:hover, div#Wishlist .viewDetails a, div#Wishlist .viewDetails a:hover { color: #F96302; font-weight: bold; text-decoration: none; } div#SearchResults .preOrder a, div#SearchResults .preOrder a:hover, div#Wishlist .viewDetails a, div#Wishlist .viewDetails a:hover { color: #00A6D6; } div#SearchResults .addToCompareOption { margin-left: 6px; display:inline; } div#SearchResults .addToCompareOption label { color: #00A6D6; top: 0; vertical-align: middle; font-weight: bold; position: static; } div#SearchResults .addToCompare { margin-top: 5px; } div#SearchResults .addToCompare label { top: 0; } div#SearchResults .promo, div#embeddedSearchRefinements .promo, div#SearchResults.searchResultsNull .price .now, div#Basket .promo, div#HUC .promo, div#Collections .productNowPrice, #PersonalStorefront .price .now { font-weight: bold; color: #E10F62; } div#SearchResults.searchResultsNull .price .now { display: block; } /* Null results */ div#SearchResults.searchResultsNull div#mainContent { width: 985px; float: none; } div#SearchResults .boxNull { padding: 10px; border-bottom: 1px solid #E4E1E8; } div#SearchResults .continueShopping { padding: 20px 10px; } div#SearchResults .searchTips h4, div#SearchResults .continueShopping h4 { font-size: 1em; } div#SearchResults .searchTips ul, div#SearchResults .continueShopping ul { list-style: disc inside; } div#SearchResults .searchTips { font-size: 0.9167em; } div#SearchResults .listmania {width: 150px;} div#SearchResults .listmaniaBody {margin-top: -20px; padding: 5px; border-left: 5px solid #A7C3CF; border-right: 5px solid #A7C3CF;} div#SearchResults .listmaniaBody ul li {margin: 3px 0 0 15px;} div#SearchResults .spellingCorrection {text-align: center; font-size: 0.9167em; font-style: italic; font-weight: bold; color: #FC5D02;} /* Gradient Background */ div.searchBarWrapper, div.headerBarWrapper { position: relative; margin-bottom: 10px; padding: 8px 10px; clear: both; } #Collections div.searchBarWrapper { position: relative; margin-bottom: 10px; padding: 8px 6px; } * html div.headerBarWrapper, * html div.searchBarWrapper { height: 1.4em; } .linkBullet a {padding-left: 10px; } #interstice { padding-left: 20px; } /*#interstice .change_heading span, #interstice .change span { float: left; }*/ #interstice .item, #interstice .qty, #interstice .price { float: left; } #interstice h2 { padding-left: 0; margin-bottom: 5px; } #interstice p { font-size: 1.2em; margin-bottom: 5px; } #interstice .item { width: 500px; padding-left: 5px; } #interstice .qty { width: 50px; } #interstice .price { width: 100px; } #interstice .change { margin-top: 5px; font-size: 1.2em; clear: both; line-height: 1.3em; } #interstice .change .item .title { font-weight: bold; } #interstice .change .item p { font-size: 1em; } #interstice .change_heading { background-color: #F0F0F0; font-weight: bold; font-size: 1.3em; height: 1.4em; border: 1px solid #000000; padding: 1px;} #interstice .you_must_choose { clear: both; font-size: 1.2em; } #interstice .you_must_choose span.response { font-weight: bold; } #interstice .you_must_choose .continue_button { margin: 5px 0 0 22px; } #interstice .you_must_choose .choice { margin-top: 5px; } /* SEO changes */ h1.searchresultsheading { float:left; font-size:1.5em !important; } h3.leftnavchilds { float:left; font-weight:normal; color: #000000; font-size:1em; } h3.leftnavchildrefinements { font-weight:normal; color: #000000; font-size:1em; } h1.detailpageHeading { font-size:1.8em; padding: 0; margin-bottom: 8px; text-transform: none; color: #333333; } h4.breadcumbelement4{ font-size:1em; display:inline; font-weight:normal; padding:0; } h3.breadcumbelement3{ font-size:1em; font-weight:normal; display:inline; padding:0; } h2.breadcumbelement2{ font-size:1em; font-weight:normal; display:inline; padding: 0; } .HomeDeliveryStaticText { font-size: 12px; } .HomeDeliveryStaticText ul li { margin-left:15px; list-style-type: disc; } #detailPage .avail_options{ margin-bottom:5px; padding-left:5px; } #Collections .avail_options{ margin-bottom:5px; padding-left:15px; } #detailPage .avail_options ul li, #Collections .avail_options ul li { list-style-type: square; } #browsePage #top-4{ WIDTH: 275px! important; } #browsePage #top-4 .cartMini{ float:right; } #top-4 .cartMini form { _width: 260px! important; } #top-4 .cartMini form a strong{ cursor: pointer; } #detailPage .center-full-width .center-full-width .center-larger-column .fixedTable p.awardImages{ zoom:1 !important; }