/******* css for templates ********/ /*Contents 001 Page Templates 001A Two Column Template 001B Signup Template 001C Static Template 001D Standard Template 002 Site Wide Styling 002A Page Layout Areas and Widths 002B DOM Styles 002C Text Styles 002D Success and Error Messages 002E Links and Buttons 003 Site and Domain Changer 003A Site Changer 003B Domain Changer 004 Mini Basket 005 Banner Component 005A Links List - (top of pages) 005B Input Boxes 006 Main Navigation 007 Image Component 008 Breadcrumb 009 Carousel 009A Carousel Tabs 009B Carousel Contents 010 Mailing List 011 Category Landing, Product List and Search Pages 011A Category Tree 011B Right Hand Side of Category Landing Page 011C Sort Component, Pagination Area and Search Results 011D Product Grid 011E Quickbuy Pop Up 012 Non Purchase Registration 013 Login 014 Forgotten Password 015 Product Detail Page 015A Left Hand Side 015B Right Hand Side 015C Variant Matrix 015D Variant List 015E Variant Single 015F Product Tabs 015G Basket Pop Up 016 Email a Friend 016A Email When In Stock 017 Internal Error 018 Shopping Basket 019 Checkout Login 020 Checkout Delivery Page 020A Add Address Dropdown Section 020B Billing Section 020C Delivery Options Section 020D Delivery Section 021 Checkout Payment Page 021A Delivery Method Section 021B Loyalty Section 021C Card Payment Page 022 Processing Order Page 023 Order Confirmation Page 024 My Account Pages 024A My Account Details 024B Order Summary Section 024C Remove Address 024D Order History List 024E Add Address Section 024F Default Address Section 024G Loyalty Section 024I Order Details Section 025 Site Map 026 Footer 027 Store Locator */ /*** 001 Page Templates ***/ .checkoutDelivery.global_navigation, .checkout_signup.global_navigation, .checkoutPayment.global_navigation, .orderConfirmation.global_navigation { background: none;} .global_navigation, .footer_container {width:100%; } .global_navigation_inner, .checkout_navigation_inner { width:980px; margin:0px auto;} .global_navigation_inner, .inner_footer_container {width: 980px; margin: 0 auto; } .wordWrap { word-wrap:break-word; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } /*** 001A Two Column Template ***/ .column_1 { width: 190px; margin-right: 8px;} .column_2 { width: 782px;} .two_column_container {width: 100%;} .two_column_content .column_2 { width: 81.4%;} /*** 001B Signup Template ***/ /*** 001C Static Template ***/ .statCont > div { width:50%; } .statCont > div.left { float:left; } .statCont > div.right { float:right; } .help-page .statCont {background-color: #fff; } .statCont .tabbed_componentContainer {width:98%;} .statCont ul.componentContainer_tabs { display:block; } /*** 001D Standard Template ***/ .page_container .header_container {width:980px; margin:0 auto;} .page_container .standard_inner_container {width: 980px; margin:0 auto; } .standard_inner_container { width: 100%;} .checkout_standard_container {width: 100%;} /*** 002 Site Wide Styling ***/ fieldset li {padding: 6px 0; } /* changed from margin to padding as causes bug with auto column heights */ fieldset input.inputFld { display: inline-block; width:181px; } fieldset label { display: inline-block; width:100px; vertical-align: text-top; } fieldset label.checkboxLabel { width:auto; margin-left:10px; vertical-align: top;} fieldset label.longLabel { width:137px; line-height:24px; } fieldset label.longLabelGft { width:113px; line-height:24px; } .floatRight {float:right;} .tooltip { padding-top: 4px;} .displayBlock {display: block;} .addMarginEmail {margin-left: 200px; text-decoration: underline;} .addMarginPassword {margin-left: 219px; text-decoration: underline;} /*** 002A Page Layout Areas and Widths ***/ body { font-family: Arial, sans-serif; color: #000; font-size:12px; background-color:#f4f3f3;} .resizeToWindow { margin: 0 auto; text-align: center; display: block;} .inner_page_container { margin: 0; padding: 0;} .page_header, .page_footer { float: left;} .hoverpanel { display: none; position: absolute; z-index: 99;} .innerHomeContent { height: 450px; overflow: hidden; float: left; width: 100%; } .containerTitleLrg {line-height:28px ; } .containerTitle a {color: #fff; display: inline-block; width:80%;} .containerTitle a:hover {text-decoration: none;} .pRel { position: relative; } /*** 002B DOM Styles ***/ p { margin: 0 0 0.9em 0; line-height: 125%;} select { border: 1px solid #bcbcbc;} strong { font-weight: bold; } .clearLeft {clear: left;} .clearRight {clear: right;} .clearBoth {clear: both;} .displayBlock {display: block;} .displayInlineBlock {display: inline-block;} .table {display: table; width:100%; } .tableCell {display: table-cell;} .verticalCenter { /* For vertically aligning elements within a div. Note the element that wraps the vericalCenter div should have the following: display: table; position: static; height: DEFINE HEIGHT;*/ top: 50%; position: static; display: table-cell; vertical-align: middle;} .verticalCenter div { /* For vertically aligning elements within a div. Cont from above */ position: relative; top: -50%;} .verticalTop { vertical-align:top;} .showOnStartfalse { display:none;} .floatProperties { display: block; float: left; /* position: relative; */ } /* used for quick col making. Just need to define width of col e.g.
*/ .floatPropertiesRight { display: block; float: right; position: relative;} .noFloat { float: none; width: 100%;} .noTopBorder { border-top: 0 !important;} /* !important required to override specificity */ .noLastMarginOrPadding { margin-right: 0; padding-right: 0;} /* useful for horizontal cols where last col doesn't need margin or padding */ .clearFix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} /* clearFix .clearFix will expand parent containers to match height of inner floated divs*/ .clearFix { display: inline-block;} html[xmlns] .clearFix { display: block;} * html .clearFix { height: 1%;} .clearFix_right:after { content: "."; display: block; height: 0; clear: right; visibility: hidden;} .liWidth { width:280px; } .liWidth_checkbox { width: 296px; } .addml {margin-left: 3px;} .ml10 { margin-left: 10px; } .mt15 { margin-top : 15px; } .mt10 { margin-top: 10px; } .mb10 {margin-bottom:10px;} .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li.checkoutLogin {position:relative; left: 103px;} .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li .checkoutText {padding: 0 0 0 10px;} .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li .checkoutLink {padding: 0 0 0 0; margin: 0;} .login{ padding: 0 0 0 10px; vertical-align: middle;} #keep_login {vertical-align: middle;} /*** 002C Text Styles ***/ sup {font-size:0.65em; vertical-align:top;} .txtsmaller { font-size:10px;} .txtsmall { font-size:11px;} .txtlarge {font-size:12.5px} .txtlarger { font-size:14px;} .txtlargest { font-size:16px;} .txtLeft { text-align:left;} .txtCenter {text-align:center;} .txtRight { text-align:right;} .underline { text-decoration: underline;} .italic { font-style:italic} .bold { font-weight: bold;} .noBold { font-weight: normal;} .uppercase {text-transform: uppercase;} .lowercase {text-transform: lowercase; } .capitalise {text-transform:capitalize;} .pagenta { color: #ff0099;} .darkgrey { color: #999;} .darkergrey { color: #666;} .fixedWidth {max-width:900px;} .darkest { color: #000} .pagenta.pbg {background-color:#edecec; padding: 10px 5px; margin-top:2px;} .sale {color: #ff0000; } .mxWidth {max-width: 250px; margin-bottom: 45px;} .mainNavigation_linkList li.parent div.makeVisible { display: block; z-index:99; } /*** 002D Success and Error Messages ***/ .generic_success_message { padding-bottom: 2em; font-weight: bold; clear: left;} .error_border { border: 2px solid #ee412f; padding: 1em; } .generic_form_error { color: #ff0000; font-size:11px; display:block; font-style:italic; } #registrationForm .generic_form_error {padding-left: 143px;} .generic_form_error_Long { color: #ff0000; margin:5px 0 0 128px; font-size:11px; display:block; font-style:italic; } .error { color: #ff0000; margin:5px 0 5px 130px; font-size:11px; display:block; font-style:italic; text-align: right; } .error.errorFull { margin-left: 0; } .entry_quantity_error { color: #ff0000; display: block; font-size:11px; font-style:italic; padding:5px 5px 5px 0; } .card_payment_error { color: #ee412f; margin: 4em 0 0 0;} .errorFieldBackground input, .errorFieldBackground select { background-color: #fde6e4;} .error_text { color: #ee412f;} .error_heading { margin: 3em 0 2em 0;} .error_description { margin: 0 0 3em 0;} /*** 002E Links and Buttons ***/ a { color: #000; text-decoration:none;} a:hover { cursor: pointer; text-decoration: underline; } .actionBtn {color:#fff; text-transform:uppercase; display: inline-block; /*text-align:center; */ } .p_large:hover {background-position: 0 -32px; text-decoration:none;} .inputBtnProperties { overflow: hidden; /* Hide the text */ cursor: pointer; position: relative; color: #fff; vertical-align:bottom; } a.button{ display: block; text-align: center; float: left;} .button:hover,.greyButton:hover { cursor: pointer;} .hideFromView { display: none;} select.looseWidth, input.looseWidth { width: auto !important;} .backToCategoryLink { text-decoration: underline; padding-right: 26px;} /*** 003 Site and Domain Changer ***/ /*** 004 Mini Basket ***/ .myBasket { clear:right; display:block; float: right; position: relative; } .myBasket div.myBasket_items a { text-decoration: none;} .myBasket_noscript_link {margin: 0 0 0 5px;} .myBasket_items { display: inline-block; width: 25px; text-align: center;} .myBasket_items span { display: inline-block; } .myBasket_name { display: inline-block; text-align: right;} .myBasket_contents { position: absolute; display: none; z-index: 100; width: 245px;} .myBasket_inner_contents { padding: 10px; position: absolute; background: #fff; } .myBasket_contents_item > a { display: inline-block;} .myBasket_contents img { border:1px solid #ccc; margin-right:5px;} .myBasket_contents_info { display:inline-block; height:75px; vertical-align:top; width: 75px; } .myBasket_contents_info div { margin: 0 0 2px 0; line-height:15px; word-wrap:break-word; } .myBasket_contents_pricevalue { display:inline-block; vertical-align:top; padding-left:2px;width: 51px;overflow: hidden;} .myBasket_contents_pricevalue .bold.txtlarger { width: 100%;} .myBasket_contents_empty { text-align: center; } /*** 005 Banner Component ***/ .topBanner td { vertical-align: top;} .banner_content { width: 100%; height: 46px; display: block; clear: both; margin: 0; overflow: visible; } .checkoutDelivery .banner_content, .checkout_signup .banner_content, .checkoutPayment .banner_content { width: 100%; padding-left: 0; } /*** 005A Link List ***/ .headerlinks_linkList_content { display: block; float: right;} .headerlinks_linkList_content a { font-size:11px; } ul.headerlinks_linkList li { float: left; padding:0 10px;} ul.headerlinks_linkList li.last {padding:0 0 0 10px; background-image: none; } .rememberme { margin-top: 8px; margin-right: 0.636em; display: inline-block; font-size: 11px; } /*** 005B Input Box ***/ .inputFld:focus, .inputFld:active, .inputFld:visited {border:1px solid #000;} fieldset input.inputFld.inputFldSizeTiny { width:25px; margin-right: 0; } .inputFldSizeMed { width:165px; margin-right: 0; } fieldset input.inputFld.inputFldSizeLrg { width: 200px; margin-right:0; vertical-align: top;} .submitsContainer { width:206px; } .placeholder{color:#666;} .rememberMe, .forgotPassword { font-size: 11px; line-height:26px; } /*** 006 Main Navigation ***/ .header_container ul.mainNavigation_linkList li.parent.last { margin-right: 0;} .mainNavigation_linkList_content { float:left; } .mainNavigation_linkList_content ul.mainNavigation_linkList { text-align: center; } .mainNavigation_linkList li.parent { display: block; float: left; text-transform: uppercase;} .mainNavigation_linkList li.parent.first {padding: 14px 0px 14px 3px; } .mainNavigation_linkList li.parent.last { margin-right: 0; } ul.mainNavigation_linkList li.parent a { display: block; font-weight: bold; font-size:14px; } ul.mainNavigation_linkList li.parent a:hover { text-decoration: none; border: 0 none; } #mainNavlinks >li.last { background-image:none;} /* Main Pain */ .mainNavigation_linkList li.parent div { display:none; } .mainNavigation_linkList li.parent div ul.childlist { position: absolute; float: left; z-index:100;} /* Inside Lists */ .mainNavigation_linkList li.parent div ul.childlist li.child { float: left; border-right:1px solid #e8e8e8; } .mainNavigation_linkList li.parent div ul.childlist li.child:last-child { border-right:1px none; } .mainNavigation_linkList li.parent div ul.childlist li.child div.header { font-weight: bold; text-transform: uppercase; text-align: left; font-size: 14px; margin-top: 0; clear: both; background-color:#f4f3f3; line-height:39px; padding:0 12px;} .mainNavigation_linkList li.parent div ul.childlist li.child ul{} .mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild { text-transform: capitalize; text-align: left; padding:0 12px; margin: 2px 0 0 0;} .mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild.mt20 { margin-top : 20px; } .mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild.mb10 { margin-bottom : 10px; } .mainNavigation_linkList li.parent div ul.childlist li.child ul.left_hand_list { float: left; margin-top: 8px;} .mainNavigation_linkList li.parent div ul.childlist li.child ul.right_hand_list { float: left; padding-bottom: 1em;} .mainNavigation_linkList li.parent div ul.childlist li.child ul li.grandchild a { font-size:12px; font-weight: normal; line-height:normal; font-family:inherit; padding:2px 3px;} .mainNavigation_linkList li.last div ul.childlist.inspired { padding-left: 16px; padding-right: 16px;} .mainNavigation_linkList li.last div ul.childlist.inspired li.child { float: none; padding: 0.3em;} .mainNavigation_linkList li.last div ul.childlist.inspired li.child a { text-align: left; text-transform: capitalize; color: #7e7e7e; font-weight: normal;} /* Header Promo */ .headerPromo div { padding:5px 13px; vertical-align:middle; } .headerPromo div span {vertical-align:middle;} .headerPromo div img {vertical-align: middle; } /*** 007 Image component ***/ /* .image_container { float: left;} */ .column_2 .image_container.catPages, .column_2 .image_container.catPages img { width: 100%; margin-bottom: 5px; } .image_container a:hover { text-decoration: none; } /* div.wrapping_container div { float: left;} */ /*** 008 Breadcrumb ***/ #breadcrumbs {height:100%; } #breadcrumbs a { width: 100%; color: #666;} #breadcrumbs strong { background: url('images/breadcrumb-seperated.png') left center no-repeat; display: inline-block; margin: 0 0.363%; text-indent: -9999px; width: 4px;} /*** 009 Carousel ***/ .group_by_colour_landing { background: #fff; } .group_by_colour_landing.containerShadow { padding: 0 23px 26px; margin-bottom: 10px; } .group_by_colour_landing .carousel_picture_list { margin: 17px 0; width: 184px; } .group_by_colour_landing .carousel_picture_price { padding-top: 0; } /*** 009A Carousel Tabs ***/ .tabbed_componentContainer_shadow { clear: left; float: left; width: 100%; } .productDetail_column_2 .tabbed_componentContainer_shadow { margin-top: 18px; } .productDetail_column_1 .tabbed_componentContainer_shadow { margin-top: 0; margin-bottom: 43px; } .componentContainer_tabs { display:none;} .tabbed_carousel_head { float: left;} .tabbed_carousel_no_product { background-color: #fff; padding: 20px 13px; } /* JAVASCRIPT CSS CODE */ #shopByBrandCarouselTabbedPanel.tabbed_componentContainer { clear: both; float: left; margin: 2px 0 5px 0; width: 100%;} ul.componentContainer_tabs { margin: 0; padding: 0; border: 0 none; width: 100%; height: 22px;} ul.componentContainer_tabs li { height: 34px; position: relative; line-height: 22px; display: inline-block;} ul.componentContainer_tabs li a { color: #fff; display: block; padding: 0 17px; outline: none; } ul.componentContainer_tabs li a:hover { color: #000; text-decoration: none; } ul.componentContainer_tabs li.active { border-bottom: 0 none; z-index: 1; } ul.componentContainer_tabs li.active a { color: #fff; } .componentContainer_content_container { background-color: #fff; overflow: hidden; clear: both; padding: 3.31% 2.04%; height: 100%;} .componentContainer_content { display: block;} .productDetailTabs {padding:0 0 13px 0;} .productDetailTabs > div { background-color:#f4f3f3; padding:12px;} #productDetailInfo ul.componentContainer_tabs {height:22px; float: left;} #productDetailInfo ul.componentContainer_tabs li {width: 152px;} #productDetailInfo ul.componentContainer_tabs li a {text-align: center; padding: 0;} #myaccountTabbedPanel ul.componentContainer_tabs {height:30px;} #productDetail_tab1{height: auto;} /*** 009B Carousel Contents ***/ .carousel_product_list { float: left;} .carousel_arrow_container_left, .carousel_arrow_container_right{ display: block; width: 8px; float: left;} .carousel_left_arrow, .carousel_right_arrow { width: 8px; height: 150px;} .carousel_left_arrow { background: url('images/carouselLeftArrow.gif') center left no-repeat;} .carousel_right_arrow { background: url('images/carouselRightArrow.gif') center left no-repeat;} .carousel_right_arrow:hover, .carousel_left_arrow:hover { cursor: pointer;} .carousel_product_container { float: left;} .carousel_product_container ul { overflow: hidden; height: 100%; display: inline-block;} li.carousel_product_list { float: left; width: 90px; margin-bottom:15px;} .carousel_product_title { float: left; clear: both; text-align: left; margin-top: 8px;} .carousel_product_image { margin: 0 7.5px; width: 75px;;} .carousel_product_price { float: left; clear: both; padding-top: 10%; width: 100%; text-align: center;} .carousel_product_was_price, .carousel_product_now_price { float: left; clear: both; text-align: left; width: 100%; text-align: center;} .carousel_picture_list { float: left; left:0px; display:block; ; right: 0px; margin: 0 10px 0 12px; width: 161px;} .carousel_picture_list img { width: 161px;} .carousel_picture_list a { width:100%; display:block; } .carousel_picture_price { text-align: left; width: 100%; display:block; } /*** 010 Mailing List ***/ .newsletterSignUpContent { padding-bottom:10px; } .addressBookAdd_content_newsletterSignupComp { width:402px; text-align: center;} .mailingListRegistration_content { text-align:left; } .mailingListRegistration_content h1 { margin-bottom: 1.5em; float: left; width: 100%;} .mailingListRegistration_content form fieldset table { width: 70%;} .mailingListRegistration_content form fieldset table tr td.label { width: 15%; padding-bottom: 1em;} .mailingListRegistration_content form fieldset table tr td { width: 25%; padding-bottom: 1em;} .mailingListRegistration_content a.greyButton { margin-top: 1.5em; float: left; clear: both;} .mailingListRegistration_content form fieldset table tr td .mailingListRegistration_input_field { width: 100%;} #mailingListRegistrationForm { clear: both;} #mailingListRegistrationForm fieldset table tbody tr td div.error { padding-left: 3%;} .addressBookAdd_content_newsletterSignupComp .mailingListRegistration_content { padding: 25px; } .competitionContent { padding-bottom:10px; } .addressBookAdd_content_competitionComp { width:445px;} /*** 011 Category Landing, Product List and Search Pages ***/ /*** 011A Category Tree ***/ .facetHeadingTitle { font-size: 127%; text-transform: uppercase; margin: 0 0 1.64em 0;} .categoryTree { width: 100%; margin: 0; background-color: #fff; padding: 18px 0;} .categoryTree > ul > li { margin-bottom: 1.54em; display: block; clear: left; padding:0 12px;} .categoryTree ul li a { padding-bottom: 0.63em; display: block; clear: left;} .categoryTree ul li ul li { text-transform: none; margin-bottom: 0;} .categoryTree ul li ul li a { line-height: 1.6em; padding: 0 0 0 0px; } .categoryTree ul li ul li a.selected { background: #ebf4ff; padding: 0.18em 0.27em 0.27em 0.27em; margin-left: -0.27em; margin-bottom: 0.18em;} .categoryTree_main p { font-style: italic;} .categoryTree a { text-decoration:none;} .categoryTree_facet { font-size: 100%;} .categoryTree_facet li { margin-bottom: 6px; line-height: 15px; } a.categoryTree_clearSearch { color: grey} .categoryTree_facetTree { margin: 0;} div.categoryTree div.categoryTree_clearSearch_container { margin: 0 0 10px 0; } .categoryTree_facet expanded { padding-right: 10px; } h3.facetingHeading { cursor: pointer; font-size: 116%; float: left; width: 110px; margin-bottom: 23px; text-transform: uppercase; } .categoryTree li span.categoryTree_bold { text-transform: uppercase; cursor: pointer; font-size: 14px; font-weight: bold; display: block; } /*** 011B Right Hand Side of Category Landing Page ***/ div.column_2 div.content_div_spacer div.wrapping_container { width: 815px; float: left; } .categoryLandingPageTitle_container { float: left; height: 40px; width: 815px; } .categoryLandingPageMoreFrom_container { margin-top: 10px; float:left; height: 25px; width: 814px; } .mainCatImg { margin-bottom: 15px; } /*** 011C Sort Component and Pagination Area ***/ .backToTop { float: right;} .pagination_area { width: 100%; padding-top: 1.364em; padding-bottom: 0.909em; clear: both; display:table; color: #666;} .pagination_area_pageCount { float: none; text-align: left; display: table-cell; width:50%; } .pagination_area_pageSort { text-align: right; display: table-cell; width:50%;} .pagination_current_selected { border-bottom:2px solid #000; color: #000; } .bottom_pagination .pagination_area_pageCount { text-align: right; width:100%; display: table; } .pagination_area .bottom_pagination .pagination_area_pageCount {text-align:left; } .pagination_next { } .pagination_previous { } .sortbySelection { display:inline; } .sortbypageSize { display:inline; } .x_y_num_navigation {background: url('images/breadcrumb-seperated.png') right center no-repeat; padding-right:10px; margin-right:10px; } .sortForm {display:inline;} .more_colours button { background: none repeat scroll 0 0 transparent; color: #666; font-size:11px; } /*** 011D Product Grid ***/ .productList { clear: left; float: left; width: 782px; padding:16px 0; } .productList li { float: left; width: 173px; overflow: hidden; margin:0 10px 20px; } .productList li:hover { border: 1px solid #f4f3f3;} .productList_item { padding: 0; font-size:12px; position:relative; } .productList_item a { outline: medium none transparent;} .productList_name {min-height:30px;} .productList_quickbuy { position:absolute; display:none; width:100%;} a.productList_quickbuy_plus {display:inline; width:10%;} .productList_prices div.productList_wasprice, .productList_prices div.now_price { width: 50%; float: left;} .productList_prices div.now_price, .productList_prices div.now_price a { color:#ff0000; } .productList .noresults { padding: 1em; } /*** 011E Quickbuy Pop Up ***/ .quickBuyPopup_error { color: #ff0000; margin:0px; padding:5px 0 5px 10px; text-align:left; } .quickBuyPopup_product_image { padding: 0 15px; background:url('images/quickBuyProdShadow.png') repeat-y right top; } .quickBuyPopup_product_info { width: 150px; font-size:12px; padding: 0 10px; margin-top: 25px; float:left; } .quickBuyPopup_options { margin-bottom:10px; width:150px; } .quickBuyPopup_options_variant_info { margin-bottom:12px; display:inline-table; width:100% !important; text-align: right;} .quickBuyPopup_options_variant_info select {display:table-cell; border: 1px solid #000000; text-align: left; width: auto;} .quickBuyPopup_options_variant_info label {width: auto !important; display:table-cell;} .quickBuyPopup_options_buttons { width:100%} .quickBuyPopup_options_buttons input { width:100%;} .quickBuyPopup_product_buttons a { float: right; color: #ffffff; background: #000000; padding: 2px;} /*** 012 Non Purchase Registration ***/ .centered_progress_bar { margin: 0 auto; width:980px; } .checkout_process_bar { width: 66%; margin: 1.25em auto; } .checkout_process_bar .stages { width:100%; } .checkout_process_bar .stages div { width:25%; height: 30px; background-image: url('images/progress.png'); background-position: 75px bottom; background-repeat: repeat-x;} .checkout_process_bar .stages div.current { width:25%; height: 30px; background-image: url('images/progress_current.png'); background-position: 75px bottom; background-repeat: repeat-x;} .checkout_signup .column_1, .signup .column_1 { margin-right: 4px;} .checkout_signup .column_2 { margin-right: 4px;} /*** 013 Login ***/ /*** 014 Forgotten Password ***/ .forgotten_password_content { width: 100%;} .forgotten_password_email_confirmation { padding:10px; } /*** 015 Product Detail Page ***/ #primarysecondaryContainer {position:relative;} .promotions {background: url('images/freeDeliveryTag.png') no-repeat; width:76px; height:76px; } /*** 015A Left Hand Side ***/ .secondaryContent { width: 478px; display:inline-block; background: #fff; min-height: 500px; min-height: 550px; height: auto !important;height: 500px; vertical-align: top;} .productDetail_column_1 { background-color: #fff; margin: 0 5px 0 0; padding:7px 10px 20px;} .productDetail_pics { margin: 0; padding: 0; width: 462px;} .ql_product_picture { width:346px;} .ql_product_picture_options { width: 100%;} .ql_product_picture_options li { width: 171px;} .ql_product_picture_options li:first-child { margin-right: 3px;} .ql_product_picture_options a { height: 24px; margin-top: 2px; line-height: 24px; text-align: center; color: #fff;} .ql_product_picture a.MagicZoom { border:1px solid #ccc; margin-bottom:2px;} .ql_product_nothumbnails {margin:0 56px;} .ql_product_thumbnails { margin-right:4px; width:110px;} .ql_product_thumbnail { width: 106px; height:106px; margin-bottom: 4px; border:1px solid #ccc; text-align:center; } .thumbs a { background-image: url('images/btns/carousel_vert.png'); background-repeat: no-repeat; background-position: top center; height:8px; margin-bottom:4px; width:110px;} .thumbs a.prev { background-position: 0 -18px;} .thumbs .prev:hover { background-position: 0 0;} .thumbs a.next { background-position: 0 -27px;} .thumbs a.next:hover { background-position: 0 -9px;} .productDetail_image_thumb { margin-top: 0.9em; width: 70px; height: 75px;} .productDetail_image_thumb_last { margin: 0;} .ql_product_message { margin-top: 1.9em; display: block; text-align: center; text-transform: uppercase;} .shareThisProduct { width:324px; margin-top:14px; border:1px solid #ccc; padding:6px 10px; } .st_fblike_hcount iframe { top: 0.1em !important;} a.productDetail_email_friend_link { height: 17px; background: url('images/email-a-friend-bg.gif') top left no-repeat; padding-left:20px; } .st_sharethis_custom { height: 19px; line-height: 19px; padding-left: 22px; background: url('images/share-this.gif') top left no-repeat;} .stButton { background: url('images/email-a-friend-bg.gif') top left no-repeat; } /*Product detail Column_2 brand logo image fixes */ .productDetail_brandLogos li { margin-bottom: 5px; } .productDetail_column_2 .imagePlaceHolder { display: block; height: 90%; margin: 1.0% 0 1%; width: 34%;} .brandLogoImg {max-height: 90%; max-width: 70%; }; .sizeguide { padding:20px; background-color: #f45150; color: #fff; } .sizeguide > div { font-size:28px; font-weight: bold; } .sizeguide table {border-collapse: separate; border-spacing: 5px;} .sizeguide table tr { margin-bottom: 15px !important; } .sizeguide table tr > td { font-size: 14px; font-weight: bold; background-color: #991646; padding: 2px 25px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .sizeguide table tr > td.local {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: transparent; padding:2px 4px 2px 0; } a.size_guide {text-decoration: underline; color: #666666; } /*** 015B Right Hand Side ***/ .primaryContent {background-color: #fff; display:inline-block; vertical-align: top; min-height: 500px; min-height: 550px; height: auto !important;height: 500px; vertical-align: top;} .productDetail_column_2 { background-color:#fff; padding:20px 20px 0 20px; width:457px; } .productDetail_price {font-size: 1.333em; font-weight:bold; color: #666} .productDetail_big_nowprice { font-size: 1.667em; font-weight:bold; text-transform: uppercase;} .productDetail_purchaseOptions li { margin-bottom:15px;} .productDetail_purchaseOptions select {margin:0 15px;} .stockLevelIndicator {background-color: #f9ee14; width:185px; padding:4px 0; } .threesixtycont { background-color: #fff; border:1px solid #000; display:none; min-height:475px; width:495px;} .zoomcont { margin-left: 483px; position: absolute; top:0; z-index: 100;} .addToBasketOptions { display:table; width:100%;} .addToBasketOptions > div {display:table-cell; vertical-align:top;} .productDetail_name_and_description div.tabbed_componentContainer_shadow div.tabbed_componentContainer ul.componentContainer_tabs { display: block;} .productDetail_name_and_description div.tabbed_componentContainer_shadow div.tabbed_componentContainer div.componentContainer_content_container { width: 92.3%} #productPageCarouselTabbedPanel { width: 42.4%;} #productPageCarouselTabbedPanel.tabbed_componentContainer ul.componentContainer_tabs { width: 100.5%;} #addedToBagPopup { display: none;} /*** 015C Variant Matrix ***/ /*** 015D Variant List ***/ /*** 015E Variant Single ***/ /*** 015F Product Tabs ***/ .carousel_left_arrow, .carousel_right_arrow { display: none;} /*** 015G Basket Pop Up ***/ #facebox div.popup div.content div.productDetail_pics { width:46%;} #facebox div.popup div.content div.productDetail_name_and_description { width:50%; margin-left: 4%;} #facebox div.popup div.content h3 { font-size: 120%;} #facebox div.popup div.content div.productDetail_name_and_description p.productCode { padding: 0.4em 0;} #facebox div.popup div.content div.productDetail_name_and_description div.productDescriptionText { padding-bottom: 3.0em;} #facebox div.popup div.content div.productDetail_name_and_description div.reviewRatingContainer { padding-bottom: 1.0em;} #facebox div.popup div.content div.productDetail_name_and_description div.tabbed_componentContainer_shadow { width: 100%;} #facebox div.popup div.content div.productDetail_name_and_description div.tabbed_componentContainer_shadow div#productDetailInfo.tabbed_componentContainer ul.componentContainer_tabs li.componentContainer_tab a { padding: 0 10.6%;} #facebox div.popup div.content div.productDetail_name_and_description div.tabbed_componentContainer_shadow div#productDetailInfo.tabbed_componentContainer div.componentContainer_content_container div.componentContainer_content h3 { display: none;} /*** 015G Basket Pop Up ***/ #facebox div.popup div.content { width: 418px;} /*** 015H Variant Bundle ***/ /*** 016 Email a Friend ***/ /*** 016A Email When In Stock ***/ /*** 017 Internal Error ***/ /*** 018 Shopping Basket ***/ .myshoppingbasket_content { width: 832px; } .shoppingbasket_content { width: 100%; } .shoppingbasket_empty { padding-left: 0; padding-bottom: 1em;} .shoppingbasket_content form table { width: 100%; margin-bottom:3px; } .headStyle { background-color: #333; color:#fff; height: 47px; line-height: 47px;} .shoppingbasket_head th {border-bottom:10px solid #fff; text-align:left;} .shoppingbasket_head th.first { padding-left:10px; } .shoppingbasket_item table td:first-child { padding-left:10px; } .shoppingbasket_item table td span.itemcode { padding-top:10px; } .shoppingbasket_item td { padding: 0 0 10px 0 ; vertical-align: middle; } .shoppingbasket_item img { width: 70px; /* margin-right:10px; */ } .removeItemLink { margin-top: 0.4em;} .shoppingbasket_item table tr { background-color: #fff;} .shoppingbasket_item { background-color:#fff } .shoppingbasket_item:last-child { background-color:transparent; } .peeriusContent { background-color: #fff; } .peeriusRec { background: url("images/compContainer_tabActive.png") no-repeat scroll center 22px transparent; border-bottom: 0 none; z-index: 1; width:140px; margin-left:5px; } /* Checkout page*/ .shoppingbasket_content table {table-layout:fixed;} .shoppingbasket_content .orderConfirm_tableth_PRODUCTIMAGE { width:340px;} .shoppingbasket_content .orderConfirm_tableth_COLOUR{ width:136px;} .shoppingbasket_content .orderConfirm_tableth_SIZE{ width:136px; } .shoppingbasket_content .orderConfirm_tableth_QUANTITY{ width:136px; } .shoppingbasket_content .orderConfirm_tableth_PRICE{ width:136px; } .shoppingbasket_content .orderConfirm_tableth_TOTAL{ width:86px; } .shoppingbasket_content .orderConfirm_table_PRODUCTIMAGE {width:100px;} .shoppingbasket_content .orderConfirm_table_PRODUCT {width:240px;} .shoppingbasket_content .orderConfirm_table_COLOUR {width:136px;} .shoppingbasket_content .orderConfirm_table_SIZE {width:136px;} .shoppingbasket_content .orderConfirm_table_PRICE {width:136px;} .shoppingbasket_content .orderConfirm_table_TOTAL { width:76px; padding-left: 10px;} .shoppingbasket_content .orderConfirm_table_QUANTITY { width:136px;} /* Basket Page*/ #cartItemForm table {table-layout:fixed;} #cartItemForm .orderConfirm_tableth_PRODUCTIMAGE { width:272px;} #cartItemForm .orderConfirm_tableth_COLOUR{ width:130px;} #cartItemForm .orderConfirm_tableth_SIZE{ width:110px; } #cartItemForm .orderConfirm_tableth_QUANTITY{ width:110px; } #cartItemForm .orderConfirm_tableth_PRICE{ width:120px; } #cartItemForm .orderConfirm_tableth_TOTAL{ width:80px; } #cartItemForm .orderConfirm_table_PRODUCTIMAGE {WIDTH:72px;} #cartItemForm .orderConfirm_table_PRODUCT { width:185px; padding-left: 15px;} #cartItemForm .orderConfirm_table_COLOUR { width:130px;} #cartItemForm .orderConfirm_table_SIZE { width:110px;} #cartItemForm .orderConfirm_table_PRICE { width:120px;} #cartItemForm .orderConfirm_table_TOTAL { width:80px;} #cartItemForm .orderConfirm_table_QUANTITY { width:110px;} .basketAlert { background-color: #999; color: #fff; margin-bottom:1em; font-weight:bold; padding:1.3em; text-align:left; font-size: 1.083em; display:none;} .orderConfirm_tableth_PRICE, .orderConfirm_table_PRICE .wasPrice {margin-bottom:5px;} .shoppingbasket_lower_section_left .shoppingbasket_promotion_code { background-color:#fff; padding:10px 10px 15px 10px; } .shoppingbasket_promotion_code > div { padding-top: 5px;} .total { padding: 2px 0 0 !important; } .total table { border: 1px solid #A9A9A9; margin: 0px 3px 3px -3px; padding: 4px; position: relative; width:auto;} .total table td { padding:5px 10px; background-color:#fff;} .containerShadow {padding-bottom:15px; } /*** 019 Checkout Login ***/ .login_content {background-color: #fff; padding:7px ; min-hight: 200px;} .registration_content {background-color: #fff; padding:7px ; min-hight: 500px;} .registration_instructions {background-color: #fff; min-height: 49px;} .txtAlign { color: #333333; font-family: arial; font-size: 13px; padding: 18px 0 6px 17px; margin: 0;} .txtAlignCheckout { color: #333333; font-family: arial; font-size: 12px; padding: 5px 0 6px 7px; margin: 0;} .checkoutTxt { color: #333333; font-size: 12px; padding: 8px 0 4px 7px; margin: 0; letter-spacing: 0.2px;} .loginEmail , .loginPassword , .checkout{ display : none;} /*** 020 Checkout Delivery Page ***/ .addressBookAdd_content_singleSubmitDelivery { width: 86.9%; margin-bottom: 2em;} .left_delivery { width: 40.96%; padding-right: 4.48%; border-right: solid 3px #e1ded6;} .right_delivery { width: 49.82%; padding-left: 4.37%;} .deliveryOne { width: 6.2%;} .deliveryTwo { width: 29.56%; background: url('images/delivery_icon.gif') top left no-repeat; padding-left: 11.77%;} .deliveryThree { width: 5.31%;} .deliveryFour { width: 34.41%; background: url('images/click_collect_icon.gif') top left no-repeat; padding-left: 12.7%;} .delivery_options_container label { padding-bottom: 7.1%;} .delivery_options_container { border-bottom: solid 3px #e1ded6; margin-bottom: 6.69%;} .delivery_options_container { float: left; clear: left; width: 100%;} /*** 020A Add Address Section ***/ /* TODO: please revisit this section as done by alex to things look nicer */ .contact_details { width: 324px } .contact_details_content { background-color:#fff; padding: 7px; position: relative; } .contact_details_content > div li { /*margin-bottom:10px; removed as new generic form element container padding provides more consistant spacing */ word-wrap: break-word; } /*.contact_details_content > span, .requiredFields { position:absolute; bottom:10px;}*/ .saveButton{margin-top: 12px;} .billing_address { width: 324px; margin-left:1px; } .billing_address_content { background-color:#fff; padding: 7px; position: relative; } .billing_address_content > div li { /*margin-bottom:10px; removed as new generic form element container padding provides more consistant spacing */ word-wrap: break-word; } .billing_address_content > span { position:absolute; bottom:10px;} .shipping_address_content { background-color:#fff; padding: 7px; position: relative; } .shipping_address { width: 324px } .guestCheckoutDetails .billing_address_content { background-color:#fff; padding: 7px; min-height: 425px; position: relative; } .checkoutDetails .billing_address_content { background-color:#fff; padding: 7px; min-height: 170px; position: relative; } .myaccount .billing_address_content { background-color:#fff; padding: 7px; min-height: 170px; position: relative; } .shipping_address_content > div li { /*margin-bottom:10px; removed as new generic form element container padding provides more consistant spacing */ word-wrap: break-word; } .shipping_address_content > span { position:absolute; bottom:10px;} #addressBookRemove_address {width: 160px;} /*** 020B Billing Section ***/ /*** 020C Delivery Options Section ***/ .delivery_options { width: 100%; clear: both; padding: 2em 0; border-bottom: 3px solid #E1DED6; float: left;} .delivery_radio, .collect_radio { width: 50%; float: left;} .delivery_radio input, .collect_radio input { float: left; margin-top: 0.5em;} .delivery_radio div, .collect_radio div { float: left; margin-left: 1%;} .delivery_radio div { height: 38px; background: transparent url("images/delivery-icon.gif") no-repeat left top; padding-left: 23%; margin-left: 7%;} .collect_radio div { height: 38px; background: transparent url("images/collect-icon.gif") no-repeat left top; padding-left: 25%; margin-left: 7%;} .delivery_radio div span, .collect_radio div span { clear: both; display: block;} .delivery_radio div label.pink, .collect_radio div label.pink { font-size: 120%; } .collect_radio div label.pink span { clear: none; display: inline; font-size: 50%;} .submitContainer { width: 100%;} .submitContainer input {float: right;} /*** 020D Delivery Section ***/ .addressBookDefaults_shipping div.caveat { float: left; line-height: 1.7em; margin-left: 2%;} .deliver2AddressContainer { float: left; clear: left; width: 81.75%;} .curBillingName { padding-top: 1.36em; padding-bottom: 1.54em;} /*** 021 Checkout Payment Page ***/ .payment_content { width: 100%;} .signup_page_content .regOrlogin_module_content { position:relative; } .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li:last-child, .checkoutLoginAction { position:absolute; bottom:0; right:0; } .signup_page_content .column_3 .regOrlogin_module_content input { position:absolute; bottom:0; margin-bottom: 6px; right:0; } .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li:last-child a{ bottom:0; right:0; } .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li { margin-left: 0;} /*.signup_page_content .column_1.containerShadow324 .registration_instructions p { padding: 18px 0 6px 8px;}*/ .signup_page_content .column_1.containerShadow324 .regOrlogin_module_content ul li label {display: inline-block;} .signup_page_content .column_1.containerShadow324 .registration_instructions p.checkout{ display: block;} .signup_page_content .column_1.containerShadow324 .registration_instructions p.login { display: none;} /*** 021A Delivery Method Section ***/ .deliveryMethod { width: 484px; } .checkout_standard_container .deliveryMethod:first-child { margin-right:8px;} .deliveryMethod_content { background-color:#fff; padding:10px;} .deliveryMethod_content div:last-child { padding:8px;} .deliveryMethod_content ul { width:48%; } .deliveryMethod_content ul li:first-child { margin-bottom:25px;} .deliveryMethod_content.addressInfo ul li:first-child {color: #000; font-weight:bold;} .deliveryMethod_content.addressInfo {color: #999;} /*** 021B Loyalty Section ***/ /*** 021C Payment Methods ***/ .payment_option_content { background-color: #fff; padding:8px;} .payment_option_content div input { margin-right:15px;} .payment_option_content div img { margin-left:10px ; vertical-align:middle;} .payment_option_content div a { color: #ff0099; text-decoration:underline; } .giftcardpayment_option_content { padding:1em 3%; background-color: #fff; } .giftcardpayment_option_content ul { width: 50%; } /*.giftcardpayment_option_content li > table { width:40%;} */ .giftcardpayment_option_content .tableCell:last-child {padding-left:560px;} .giftcardpayment_otheroptions_content { padding:1em 3%; background-color: #fff; } .giftcardpayment_otheroptions_content .tableCell button {margin-bottom:10px; margin-right:30px;} .giftcardpayment_otheroptions_content .tableCell:last-child{ padding-left:570px} .savedcard_option_content {padding:0.667em; background-color: #fff; } .savedcard_option_content table { width:660px; margin-bottom: 10px; border-bottom:1px solid #ccc;} .savedcard_option_content tr th { color: #333; padding:5px 2px; text-align:left; } .savedcard_option_content tr td { color: #666; padding:15px 2px; } .savedcard_option_content tr td.carddetails {padding-left:80px; vertical-align: middle;} .savedcard_option_content tr td.expiryDate {background: #fff; vertical-align: middle;} .savedcard_option_content .DELTA {background-image: url('images/icon-delta.gif'); background-position: left center; background-repeat: no-repeat;} .checkout .savedcard_option_content .DELTA {background-position:25px center;} .savedcard_option_content .MC {background-image: url('images/icon-mastercard.gif'); background-position: left center; background-repeat: no-repeat; } .checkout .savedcard_option_content .MC {background-position:25px center;} .savedcard_option_content .AMEX {background-image: url('images/icon-ae.gif'); background-position: left center; background-repeat: no-repeat; } .checkout .savedcard_option_content .AMEX {background-position:25px center;} .savedcard_option_content .VISA {background-image: url('images/icon-visa.gif'); background-position: left center; background-repeat: no-repeat;} .checkout .savedcard_option_content .VISA {background-position:25px center;} .savedcard_option_content .SWITCH {background-image: url('images/icon-switch.gif'); background-position: left center; background-repeat: no-repeat;} .checkout .savedcard_option_content .SWITCH {background-position:25px center;} .savedcard_option_content .UKE {background-image: url('images/icon-uke.gif'); background-position: left center; background-repeat: no-repeat;} .checkout .savedcard_option_content .UKE {background-position:25px center;} .savedcard_option_content .MAESTRO {background-image: url('images/icon-maestro.gif'); background-position: left center; background-repeat: no-repeat;} .checkout .savedcard_option_content .MAESTRO {background-position:25px center;} .checkout .savedcard_option_content tr td.carddetails { padding-left: 0px;} .checkout .savedcard_option_content tr td.carddetails input { margin-right: 90px; } /* To fix the background repeat issue on chrome for saved card page see QLOFF- */ @media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome CSS here*/ table.savedCardTabel tbody tr td:first-child { background-image: none; background-color: transparent; } table.savedCardTabel tr td{ background-color: #FFFFFF; } } /*** 022 Processing Order Page ***/ .orderinprogress_container { background-color: #fff; padding:1em 3%; margin: 4em 0 0 0; text-align:center;} .orderinprogress_waiting_image { margin: 2em; } /*** 023 Order Confirmation Page ***/ .orderConfirm_content { width: 100%;} .orderConfirm_number { margin-bottom:20px; } .checkout_standard_container .deliveryMethod.col1 { margin-right:8px;} .orderConfirm_table { width: 100%; } .orderConfirm_totals { background-color: #fff; padding:13px 12px 13px 12px;} .orderConfirm_totals > div { margin-bottom:10px; margin-right: 23px;} .orderConfirm_totals > div:last-child {margin-top:0px;} .orderConfirm_totals > div > span { margin-right: 10px; width:200px} .orderConfirm_subscriptions { background-color: #fff; padding-left:3%; padding-right:3%; padding-top:1em; padding-bottom:23px;} .orderConfirm_subscriptions > div { margin-bottom:10px;} .orderConfirm_subscriptions li input {margin-right:10px;} .subscriptionsBtn {float: right; margin-top: -45px;} .orderConfirm_createAccount_content { padding:1em 3%; background-color: #fff; } .continueLinks_linkList_content { width: 195px; float:left;} .surveymonkey { width:782px; float:left;} .surveymonkey > div { background-color: #FFFFFF; padding: 20px 0; text-align: center; } /*** 024 My Account Pages ***/ .myaccount_content {width:324px;} .addressBookDefaults_billing {width:324px;} .addressBookDefaults_shipping {width:324px;} .contCont {padding:1em 3%; background-color: #fff; } /*** 024A My Account Details ***/ .myaccount_content div.new_customer ul { margin-top: 1.5em;} .myaccount_content div.new_customer ul li { margin-top: 0.5em;} #myaccountform fieldset div select { height: 1.72em;} .myaccount_personaldetails input.fields { width:54.77%;} /*** 024B Order Summary Section ***/ /*** 024C Remove Address ***/ /*** 024D Order History List ***/ /*** 024E Add Address Section ***/ /*** 024F Default Address Section ***/ /*** 024G Loyalty Section ***/ /*** 024H Remove Address Section ***/ /*** 024I Order Details Section ***/ #myaccountTabbedPanel .componentContainer_content_container { padding:0; width:100%; background-color: transparent; } #myaccountTabbedPanel .myOrders_table { width:100%;} #myaccountTabbedPanel .myOrders_table th {padding:0px 50px;} #myaccountTabbedPanel .myOrders_table tr.shoppingbasket_item td {padding: 10px 50px; } .orderSummaryContainer { background-color: #fff; padding:25px 15px;} .orderSummaryContainer > div { margin-right:20px; } .checkBalancePopup fieldset { padding:10px;} /* .orderHistory_table_PRODUCTIMAGE {width:330px;} .orderHistory_table_COLOUR { width:128px; } .orderHistory_table_SIZE { width:128px; } .orderHistory_table_QUANTITY { width:128px; } .orderHistory_table_PRICE { width:128px; } .orderHistory_table_TOTAL { width:128px; } */ /* My Order page*/ .orderHistoryConfirm_table table {table-layout:fixed;} .orderHistoryConfirm_table .orderSummary_tableth_PRODUCTIMAGE { width:270px;} .orderHistoryConfirm_table .orderSummary_tableth_COLOUR { width:100px;} .orderHistoryConfirm_table .orderSummary_tableth_SIZE { width:100px; } .orderHistoryConfirm_table .orderSummary_tableth_QUANTITY{ width:100px; } .orderHistoryConfirm_table .orderSummary_tableth_PRICE{ width:100px; } .orderHistoryConfirm_table .orderSummary_tableth_TOTAL{ width:100px; } .orderHistoryConfirm_table .orderSummary_table_PRODUCTIMAGE {WIDTH:70px;} .orderHistoryConfirm_table .orderSummary_table_PRODUCT { width:190px; padding-left: 10px;} .orderHistoryConfirm_table .orderSummary_table_COLOUR { width:100px;} .orderHistoryConfirm_table .orderSummary_table_SIZE { width:100px;} .orderHistoryConfirm_table .orderSummary_table_PRICE { width:94px; padding-left: 6px;} .orderHistoryConfirm_table .orderSummary_table_TOTAL { width:90px; padding-left: 10px;} .orderHistoryConfirm_table .orderSummary_table_QUANTITY { width:90px; padding-left: 10px;} .orderHistoryConfirm_table .orderSummary_table_PRODUCT_STATUS { width:100px;} .orderHistoryConfirm_table .orderSummary_tableth_PRODUCT_STATUS { width:100px;} .orderHistoryConfirm_table .orderSummary_table_TRACK { width:90px; padding-left: 10px;} .orderHistoryConfirm_table .orderSummary_tableth_TRACK { width:90px; padding-left: 10px;} /*** 025 Site Map ***/ /*** 026 Footer ***/ .footer_content { padding: 17px 2.04%;} .footer_content ul.mainNavigation_linkList { float: left; width:166px; margin: 0 10px 0 7px; } .footer_content ul.mainNavigation_linkList li { display: block; margin-bottom: 4px; } .footer_content ul.mainNavigation_linkList li a {color: #999;} /*** 027 Store Locator ***/ .storelocator_content { background-color: #fff; padding:15px;} #sidebar { float: left; width: 250px; } #sidebar li img { display:none;} #map_canvas { float: right; height: 362px; width: 684px; } .storelocator_addressdetails_and_open_times > div { width:250px;} .storelocator .addressDetails { width: 180px; } .storelocator_normal .storelocator_sidebar { border:1px solid #b2b1b1; min-height:360px;} .storelocator_normal .storelocator_sidebar ul a { font-size:13px; color:#666; } .storelocator_normal .storelocator_sidebar li { padding:10px;} .storelocator_normal .storelocator_sidebar li.selected { background-color: #e8e8e8; } #sidebar li div { padding:5px; } .pin {font-size: 22px; vertical-align:top; margin-right:5px; } .storelocator_open_times_day {font-weight:bold; width: 90px; display:inline-block;} .storelocator_addressdetails_and_open_times > div span.titles { margin-bottom:10px; } /*** 028 Brand Directory ***/ .brand_directory_list_container { background-color:#fff; min-height: 400px; align: middle; } .brand_directory_list_container { width: 100%; } .brand_directory_list_container table {margin-left:auto; margin-right:auto; width:70%;} .brand_directory_list_container table tr td {padding-bottom: 50px} /*** 028 Brand Directory ***/ .brand_directoryLogos { padding:10px 0; background-color: #fff; text-align:center; } .brand_directoryLogos li { display:inline-block; padding:10px 10px 20px; vertical-align: middle; } .brand_directory_list { background-color: #fff; padding:0 3px 15px 20px; display: inline-table; min-width: 134px; vertical-align: top;} .brand_directory_list ul {margin-bottom:5px; } .firstcolumn{min-height: 400px;} .brand_directory_list .brandkey { font-weight:bold; font-size:22px; } .brand_directory_list .brand a {color:#666;} #shopByBrand .table { margin: 0 auto; } #shopByBrand ul#horizontal-list li {display: inline-block; margin:0 10px; vertical-align: middle; } /*Select Box styles removed QLOFF-1356 .sortForm .selectBox-dropdown {min-width: 57px; } #productGridQuicklyBoughtForm .selectBox-dropdown{min-width: 100px;} #productFormBean .selectBox-dropdown { min-width: 37px;} .shoppingbasket_item .selectBox-dropdown{ min-width: 65px;} #newsletterSecondSignupForm .selectBox-dropdown{ min-width: 55px;} #billingAddressEdit .selectBox-dropdown, #shippingAddressEdit_myaccount .selectBox-dropdown{min-width: 204px;} */ /*** Select box customized width ***/ #contactDetailsFormBean_title { width: 122px;} #billingAddressFormBean_selectedAddress { width: 225px;} #billingAddressFormBean_selectedAddress option{ width: 197px;} #shippingAddressFormBean_country { width: 200px;} .sort_by_select {width: 143px; } .sortbypageSize select{width: 50px;} .orderConfirm_table_QUANTITY select {width: 43px;} #shippingAddressEdit_checkout_country , #billingAddressEdit_country { width: 206px;} #title { width: 125px;} #shippingAddressEdit_myaccount_country {width: 206px;} a.size_guide {text-decoration: underline; color: #666666; } .closeButton{float: right; margin: 5px 9px 0 0; } /* Sage Payment iframe style */ #sagePayment{ min-height: 390px; background: #ffffff; } #paymentCheckbox {position: absolute; top: 428px; left: 196px;} /*.checkboxLabel {position: absolute; top: 427px; left: 214px; text-decoration: none;}*/ a.addText:hover { cursor: pointer; text-decoration: none; color: red; font-weight: bold;} .addText {cursor: pointer;} #addTooltip {background: url('images/tooltip_bg.png')repeat-x; position: absolute; top: 400px; left: 482px; padding: 5px; width: 240px;} #addBorder {background-color: #fff; border: 1px gray solid; text-decoration: none; width: 240px; padding: 5px; margin-left: -13px; margin-top: -12px;} #carddetails {height:200px; } /* Change email /password */ #changePasswordTabbedPanel .containerTitle, #changeEmailTabbedPanel .containerTitle { font-size: 12px; padding-left: 15px;} #changePasswordTabbedPanel .containerShadow, #changeEmailTabbedPanel .containerShadow {margin-top: -17px; padding-bottom: 30px;} #changePasswordTabbedPanel .componentContainer_tab,#changeEmailTabbedPanel .componentContainer_tab {margin-left: 20px;} #changePasswordTabbedPanel .login_content ,#changeEmailTabbedPanel .login_content {background-color: #fff; padding:7px ; min-hight: 200px; margin: 0 25%;} .addWidth {width: 222px; text-align: right; margin-right: 22px;} /* Foresite carousel */ .top-columns-holder { float:left; } .topcolumn { float:left; display:inline; width:340px; height: 203px; position:relative; }