/******* css for templates ********/ /*.needsBackendWork { background: #FBEC5D;}*/ /*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 Search Box 006 Main Navigation 006A Navigation Rich Recommendations and Promos 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 Rich Recommendations and Promos */ /*** 001 Page Templates ***/ .wider_width { width: 1012px;} .checkoutPayment + .two_column_top_container{ height: 30px; } /*** 001A Two Column Template ***/ .column_1 { width: 20%; margin-right: 2%;} .column_2 { width: 78%; } .column_1 , .column_2, .productDetail_column_1, .productDetail_column_2 {margin-bottom: 80px;} .two_column_content .column_2 { width: 81.4%;} /*** 001B Signup Template ***/ .signup .signup_page_content { margin: auto;} .signup_page_content p { padding-bottom: 1.2em; clear: both;} /*** 001C Static Template ***/ /*** 001D Standard Template ***/ .standard_container { float: left; width: 99%; padding-left: 1%;} .page_container.home_page .standard_container { width: 100%; padding-left: 0; } /*.two_column_container { padding-left: 1%; width: 99%;}*/ .two_column_container { width: 1000px; margin: 0 auto;} @media all and (min-width: 1420px) { .two_column_container{ width: 1400px; } } .checkout_standard_container {width: 100%;} /*** 002 Site Wide Styling ***/ /*** 002A Page Layout Areas and Widths ***/ body {/*color: #7a7064;*/ font-size: 11px; /*background: url('images/standard-layout-bg.gif') top center repeat;*/} .page_container { margin: 0 auto; text-align:left;} .innerHomeContent { height: 0; max-height: 0; overflow: visible; float: left; width: 100%; position: relative; z-index: 10; display: block;} #backstretch { height: 923px; position: relative;} .resizeToWindow { margin: 0 auto; text-align: center; display: block;} .inner_page_container { margin: 0; padding: 0;} .page_header, .page_footer { float: left;} /*** 002B DOM Styles ***/ .ui-widget { font-size: 1em; font-family: arial, sans-serif;} .clearLeft {clear: left;} .clearRight {clear: right;} .clearBoth {clear: both;} .displayBlock {display: block;} .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%;} .showOnStartfalse { display:none;} p { margin: 0 0 0.9em 0; line-height: 125%;} h1 { font-size: 1.63em; /*color: #7c7065;*/ font-weight: normal; margin: 2em 0 1.3em 0; text-transform: uppercase; clear: left;} h2 { font-size: 1.5em; padding-bottom: 1.5em;} h3 { font-size: 1.27em; padding-bottom: 1.5em;} select { border: 1px solid #bcbcbc;} .floatPropertiesRight { display: block; float: right; position: relative;} .noFloat { float: none; width: 100%;} .noBorder { border: none !important;} .noTopBorder { /* !important required to override specificity */ border-top: 0 !important;} .noLastMarginOrPadding { /* useful for horizontal cols where last col doesn't need margin or padding */ margin-right: 0; padding-right: 0;} .noTopMargin { margin-top: 0 !important;} .noBottomMargin { margin-bottom: 0 !important;} .noBottomPadding { padding-bottom: 0 !important;} /*-------start clearFix ----- .clearFix will expand parent containers to match height of inner floated divs*/ .clearFix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .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;} .pBzeroPix { padding-bottom: 0 !important; } .pBsevenPix { padding-bottom: 7px; } .pBfifteenPix { padding-bottom: 15px; } .mBzeroPix { margin-bottom: 0 !important; } .mTfifteenPix { margin-top: 15px !important; } .wOneHundredPercent { width: 100% !important; } /*** 002C Text Styles ***/ .underline { text-decoration: underline;} .bold { font-weight: bold;} .noBold { font-weight: normal;} .pink { /* Theme specific color */ color: #fb5262;} .centerMe { text-align: center;} /*** 002D Success and Error Messages ***/ .generic_success_message { padding-bottom: 2em; font-weight: bold; clear: left;} .error_border { border: 3px solid #ee412f; padding: 1em; color: #ee412f;} .generic_form_error { clear: left; color: red; display: block; float: left; padding-top: 0.7em; padding-bottom: 0.4em; /*based off 11px base font-size*/ padding-left: /*35%*/; width: 100% /*65%;*/; color: #ee412f;} .generic_bottom_margin { margin: 0 0 1.5em 0;} .error { color: #ee412f; float: left;} .card_payment_error { color: #ee412f; margin: 4em 0 0 0; padding: 1em;} .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;} .errorFieldBackground span {padding-left: 1em; color: red;} .errorFieldBackgroundNoPadding span {padding-left: 0em; color: red;} .payment_submit_container { float: left; width: 100%; margin-bottom: 1em;} /*** 002E Links and Buttons ***/ a { /*color: #7a7064;*/ text-decoration:none;} a:hover { cursor: pointer;} a.pinkLink { /* Theme specific link color */ color: #fb5262; text-decoration: underline;} input.pinkLink { background: none; } .pinkButton { -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; background: #ff5461 url("images/pinkButtonBackground.gif") repeat-x center top; color: #FFFFFF; text-transform: uppercase; font-size: 100%; height: 1.83em; line-height: 1.83em; padding: 0 1.3em; overflow: visible; } a.pinkButton, a.greyButton { display: block; text-align: center; float: left;} .pinkButton:hover,.greyButton:hover { cursor: pointer;} .greyButton { -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; background: #897f75 url("images/greyButtonBackground.gif") repeat-x center top; color: #FFFFFF; text-transform: uppercase; font-size: 100%; height: 1.83em; line-height: 1.83em; padding: 0 14px; overflow: visible; } .hideFromView { display: none;} #editSelectedShippingAddress.hide, #editSelectedBillingAddress.hide, .addressBookDefaults_billing_content.hide, .addressBookDefaults_shipping_content.hide, #editSelectedBillingAddressBtn.hide, #editSelectedShippingAddressBtn.hide { display: none;} select.looseWidth, input.looseWidth { width: auto !important;} .backToCategoryLink { text-decoration: underline; padding-right: 26px; } /*** 003 Site and Domain Changer ***/ /*** 003A Site Changer ***/ /*** 003B Domain Changer ***/ /*** 004 Mini Basket ***/ .basket .myBasket { right: 0;} .mybasket_total { border-bottom: 0 none; margin: 0;} .myBasket_inner_contents a.pinkButton { clear: both; width: 186px; padding: 0!important; margin: 0 21px 10px;} .myBasket_additional { clear: left; padding-top: 1em; text-align: center;} .myBasket_contents_delivery span.left, .desktop .mybasket_total span.left { width: 125px; } /*** 005 Banner Component ***/ .bannerComponentSpace { margin-bottom: 1.63%;} .banner_logo { height: 103px; width: 300px; float: left; } .secure_checkout { font-size: 181%; position: absolute; top: 32px; left: 405px; display: block; text-transform: uppercase; } .desktop .footer_container.checkoutDelivery, .desktop .footer_container.checkoutPayment, .desktop .footer_container.checkoutDeliveryB{ display: none; } .checkoutDelivery .header_container, .checkout_signup .header_container, .checkoutPayment .header_container, .orderConfirmation .header_container, .basket .header_container{ background: 0 none; } .checkout_signup, .checkoutPayment, .orderConfirmation, .basket, .checkoutDelivery, .checkoutDeliveryB{ width: 1000px; } .checkoutDelivery .footer_container, .checkout_signup .footer_container, .checkoutPayment .footer_container, .orderConfirmation .footer_container, .basket .footer_container{ display: none; } input.enterAddressManuallyLink { font-size: 10px; margin-top: 3px; color: #7A7064; text-align: right; } input.enterAddressManuallyLink:hover { cursor: pointer; } input.pinkLink:hover { cursor: pointer; } a.enterAddressManuallyLink:visited { color: #7A7064; } /*** 005A Link List ***/ .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /*** 006 Main Navigation ***/ .htmlRightArea { float: right; } /* Main Pane */ .featuredPara { float: left; width: 70%; display: block; padding-bottom: 1em; } /* Navigation Columns */ .firstColContainer { float: left; width: 120px; padding: 12px 10px 0 0;} .threeColShort .firstColContainer { width: 120px; border-right: solid 1px #c9c9c9; padding: 12px 10px 0 0; } .threeCol .secondColContainer { width: 120px; border-right: solid 1px #c9c9c9; padding: 12px 10px 0 10px; } .secondColContainer { float: left; width: 92px; min-height: 209px; padding: 12px 10px 0 6px; } /*** 006A Rich Recommendations and Promos ***/ /* Single column */ /* Multi columns */ /* Nav specific text styles*/ .bottomCollectionsPadding { padding-top: 1.5em;} /*** 007 Image component ***/ .image_container { float: left;} .image_container a:hover { text-decoration: none; border-bottom: 1px solid transparent;} div.wrapping_container div { float: left;} /*** 008 Breadcrumb ***/ #breadcrumbs strong { background: url('images/breadcrumb-seperated.jpg') top left no-repeat; display: inline-block; width: 19px; height: 8px; text-indent: -9999px; } .breadcrumb_back_to { height: 35px; position: relative; z-index: 10; width: 130px; float: left; display: block; margin-top: 1.09em; text-decoration: underline; overflow: hidden;} /*** 009 Carousel ***/ /*** 009A Carousel Tabs ***/ .tabbed_componentContainer_shadow { clear: left; float: left; width: 440px; padding-bottom: 2em;} .myaccount .product_detail_left_side.tabbed_componentContainer_shadow { margin-top: 0;} .productDetail_column_1 .tabbed_componentContainer_shadow { margin-top: 0; margin-bottom: 43px; } .productDetail_column_2 .tabbed_componentContainer_shadow { width: 440px; margin-top: 75px; } .componentContainer_tabs { display:none;} .componentContainer_content h3 { font-weight: bold;} .tabbed_carousel_head { float: left;} .tabbed_carousel_no_product { float: left; clear: both; font-size: 100%; margin: 0; padding: 0; } .featured-home-crsl { top: 638px; position: fixed; margin: 0 auto;} .crsl_bg { position: absolute; display: block; height: 123px; width: 100%; top: 655px; left: 0; background: url('images/home_crsl_bg.gif') top left repeat-x;} .featured-home-crsl ul { position: absolute; z-index: 1;} .featured-home-crsl ul li { width: 329px; height: 123px; float: left; display: block;} .featured-home-crsl ul li img { width: 135px; height: 110px; display: block; margin-top: 32px; margin-right: 19px; float: left;} .featured-home-crsl ul li img.featured_crsl_img { width: 170px; height: 130px; margin-top: -17px;} .home-crsl-container { padding: 40px 0 0 0;} .home-crsl-container h2 { font-size: 2.45em; text-transform: uppercase;} .home-crsl-container a { text-decoration: underline;} .csrl_btn_containers { width: 1060px; position: relative; margin: 0 auto;} .innerHomeContent .carousel_left_arrow, .innerHomeContent .carousel_right_arrow { display: block;} .innerHomeContent .carousel_left_arrow { position: absolute; top: 640px; width: 13px; background: url('images/carouselLeftArrowHome.png') no-repeat left center;} .innerHomeContent .carousel_right_arrow { position: absolute; top: 640px; right: 0; width: 13px; background: url('images/carouselRightArrowHome.png') no-repeat right center;} /* JAVASCRIPT CSS CODE */ /*.bundle_pop_up_container .componentContainer_tabs { display: block;}*/ .tabbed_componentContainer { clear: both; float: left; width: 100%;} .basket .tabbed_componentContainer { clear: none;} /* .tabbed_componentContainer { margin: 0 0 0 0;} */ ul.componentContainer_tabs { margin: 0; padding: 0; float: left; list-style: none; border: 0 none; border-bottom: 1px solid #bcbcbc; width: 99.9%; height: 29px;} #myaccountTabbedPanel ul.componentContainer_tabs, #myaccountnewTabbedPanel ul.componentContainer_tabs {width: 970px;} ul.componentContainer_tabs li { height: 28px; float: left; margin: 0; padding: 0; overflow: hidden; position: relative; background: #f6f5f4; line-height: 22px; border: solid 1px #bcbcbc; border-right: none; border-bottom: none; display: block; } ul.componentContainer_tabs li.last { border: solid 1px #bcbcbc;} ul.componentContainer_tabs li a { border: 0 none; text-decoration: none; color: #7c7065; display: block; font-size: 9px; text-align: center; padding: 0.3em 6px /*fixed as ff giving very different relative values*/ 0 0.9em; outline: none; text-transform: uppercase;} ul.componentContainer_tabs li a:hover { border: 0 none; color: #7c7065;} ul.componentContainer_tabs li.active { height: 29px; border-bottom: 0 none; background: #ffffff; position: relative; z-index: 50;} ul.componentContainer_tabs li.active a { color: #7c7065;} .componentContainer_content_container { clear: both; float: left; width: 382px; background: #ffffff; border: 1px solid #bcbcbc; border-top: 0 none; padding: 10px; } .productDetail_column_2 .componentContainer_content_container { overflow-y: auto; height: 200px;} .bundle_pop_up_container .componentContainer_content_container .productDetail_name_and_description { margin-left: 2em;} .bundle_pop_up_container .componentContainer_content_container { width: 433px;} .componentContainer_content { display: block;} .componentContainer_content h3 /*This is used to hide h3 with javascript. Do not remove.*/ { display:none; margin: 0; } .componentContainer_content hr /*This is used to hide h3 with javascript. Do not remove.*/ { display:none; margin: 15px 0 0 0; } /*** 009B Carousel Contents ***/ .carousel_product_list { float: left;} .carousel_arrow_container_left { position: absolute; top: 0; left: 0; z-index: 10;} .carousel_arrow_container_right { position: absolute; top: 0; right: 0; z-index: 10;} .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; position: relative; z-index: 0;} .carousel_product_container ul { overflow: hidden; height: 100%;} li.carousel_product_list { float: left; width: 95px; position: relative; padding-top: 1%;} .carousel_product_title { float: left; clear: both; text-align: left; margin-top: 8px;} .carousel_product_image { margin: 0; width: 95px; text-align: center;} .pull_item_out { display: block; position: absolute; top: 5px; right: 8px; width: 10px; height: 10px;} .pull_item_out:hover { cursor: auto; opacity: 0.5;} .carousel_product_price { float: left; clear: both; text-align: left; 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;} /*** 010 Mailing List ***/ .mailingListRegistration_content { margin: 4em 0; float: left; width: 100%;} .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%;} /*** 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_bold { background: url("images/faceting-closed.gif") no-repeat left; padding-left: 17px; } .categoryTree_bold.active { background: #ffffff url("images/faceting-open.gif") no-repeat left;} .categoryTree { width: 100%; margin: 0;padding: 0;} .categoryTree ul li a { padding-bottom: 0.63em; display: block; float: left; 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 18px; /*leave as px as bg img*/ background: url('images/facetUnChecked.jpg') left 3px no-repeat;} .categoryTree li span.categoryTree_more_link { line-height: 1.6em; padding: 0 0 0 18px; text-decoration: underline; text-transform: none; font-weight: normal; background-image: none; } .categoryTree li span.categoryTree_more_link:hover { cursor: pointer;} .categoryTree ul li ul li a.checked_facet { background: url('images/facetChecked.jpg') top left no-repeat;} .categoryTree ul li ul li a.selected { background: #ffe7e2; 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 { float: right; text-decoration: underline;} .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: 100%; font-weight: bold; margin-bottom: 1.09em; 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; } h1.categoryLandingPageTitle_heading { text-transform: uppercase; font-weight: normal; line-height: 20px; margin: 0; } .categoryLandingPageMoreFrom_container { margin-top: 10px; float:left; height: 25px; width: 814px; } .landingPageHighlights { float: left; display: block; width: 100%;} .mainCatImg { margin-bottom: 15px; } .catCol { float: left; display: block; margin-right: 15px; width: 250px; } .threeCat { margin-right: 0;} /*** 011C Sort Component and Pagination Area ***/ .pagination_area.top { border-bottom: solid 1px #c9c4c0; margin-top: 1.36em; padding-bottom: 0.45em; margin-bottom: 2.36em;} .pagination_area.bottom_pagination { border-top: solid 1px #c9c4c0; border-bottom: none; clear: both; margin-top: 1.36em; padding-top: 0.81em; margin-bottom: 100px;} .x_y_string, .sortComponent, .productList_return_to_top { width: 28.2%;} .sortComponent, .productList_return_to_top { text-align: right; float: right; width: 210px;} .x_y_num_navigation { width: 43.58%; text-align: center;} .backToTop { float: right;} div.pagination span.pagination_current_page_selected { margin-right: 0;} .pagination_area { width: 100%; margin-top: 2em; padding-bottom: 0.5em; border-bottom: solid 1px #c9c4c0; margin-bottom: 3.46%; clear: both;} .pagination_next { margin-left: 2%;} .pagination_previous, .pagination_view_all { margin-right: 2%;} .sort_by_select { width: 60%;} .sortForm noscript input.greyButton { margin-top: 1em;} .more_colours { background-color: #fff; text-transform: uppercase; border: 1px solid #7A7064; margin-top: 0.5em!important; color: #7A7064; padding: 0 7px; display:inline-block;} .web_exclusives { background-color: #fff; text-transform: uppercase; border: 1px solid #7A7064; margin-top: 0.5em; display: inline-block; padding: 0 7px} .as_seen_in { background-color: #fff; text-transform: uppercase; border: 1px solid #7A7064; margin-top: 0.5em; display:inline-block; padding: 0 7px; max-width: 58%;} .search_results { margin: 2.5em 0 1em 0;} .search_results div.no_results { margin: 2em 0 3em 0;} /*** 011D Product Grid ***/ .productList { clear: left; float: left; width: 100%;} .productList_main_pricelist div { text-align: left;} .productList_main_pricelist { float:left; width:222px; margin: 0 0 30px 0; } .pricelist { padding-left: 15px; } form#tellAFriendForm fieldset input.login_button { font-size: 113%;} .shoppingbasket_delivery_standard { font-size: 113%;} .productList li { margin: 0 1.81em 1.36em 0; float: left; display: block; width: 23%; height: 310px /*310*/; text-align: center; overflow: hidden;} .productList ul { margin: 0 0 0.9em 0;} .productList li.productList_line_end { margin: 0;} .productList_item { position: relative; padding: 0;} .productList_img { margin-bottom: 0.81em;} .productList_now_price { float: right;} .productList_was_price { float: left;} .productList_now_price a:hover { text-decoration: none; border-bottom: 0 none;} .productList_was_price a:hover { text-decoration: none; border-bottom: 0 none;} .productList_return_to_top div { float:left; margin: 0 0 0.90em 0.90em; width: 19px; height: 17px; background: transparent url("images/arrowUp.jpg") no-repeat right center; } div.productList_prices div#now_price.productList_nowprice { font-weight: bold;} #now_price.productList_nowprice a.productList_a { margin-left: 0; text-decoration: none; color: #FB5262;} .productList_quickbuy { float: left; width: 24.35%; font-size: 109%;} .productList_quickbuy a { float: left; color: #ffffff; background: #000000; padding: 0.18em 0.18em 0 0.18em; margin: 0.54em 0 0 0.54em;} .productList_prices div.productList_wasprice, .productList_prices div.now_price { width: 50%; float: left;} div.productList_prices div.from_price .wasprice { text-decoration: line-through;} /*** 011E Quickbuy Pop Up ***/ .quickBuyPopup_error { float: left; color: #ff0000;} .quickBuyPopup_product_name { float: left; font-size: 163%; width: 350px; margin-bottom: 10px; } .quickBuyPopup_product_image { float: left; width: 120px; margin: 0 10px 0 0; } .quickBuyPopup_product_info { float: left; width: 230px; font-size: 127%; } .quickBuyPopup_product_info label { float: left; width: 75px; } .quickBuyPopup_product_info select { float: left; border: 1px solid #000000; } .quickBuyPopup_product_buttons { float: left; width: 370px; margin: 10px 0 0 0; font-size: 127%; } .quickBuyPopup_product_buttons input { float: left; color: #ffffff; background: #000000; padding: 2px; } .quickBuyPopup_product_buttons a { float: right; color: #ffffff; background: #000000; padding: 2px; } /*** 012 Non Purchase Registration ***/ .page_container.myaccount h1 { margin-top: 0; font-size: 181%; text-transform: uppercase; font-weight: normal; padding-bottom: /*2em*/;} .addressBookAdd_content_singleSubmitDelivery h2 { float: left; padding-right: 2%; font-weight: bold; margin-bottom: 0.70em;} .page_container.signup .column_1, .page_container.checkout_signup .column_1 { width: 40.7%; margin-right: 5%;} .page_container.signup .column_2, .page_container.checkout_signup .column_2 { width: 40.8%;} .form_spacer { padding-bottom: 1.49em; clear: left;} .form_spacer.looseBottomPadding { padding-bottom: 0;} .regOrlogin_module_content { border: 10px solid #e1ded6; padding: 9% 10.8% 6.3% 9.8%; overflow: hidden; height: 27.4%; min-height: 27.4%; clear: both;} input[type=text], input[type=password] { border: 1px solid #aaaaaa;} /*input#searchBox { height: 1.52em;}*/ .regOrlogin_module_content input[type=text], .regOrlogin_module_content input[type=password] { width: 63.2%;} .registration_spacer { height: 15px; clear:both; } .regOrlogin_checkboxes { clear: left; margin: 0 0 0 35%; width: 63.6%;} .regOrlogin_checkboxes div { clear:both; float: left; padding-top: 1.1em; font-size: 90%; width: 100%;} .regOrlogin_checkboxes input[type=checkbox] { float: left; width: 11%;} div.registration_checks_error_box_tc { color: #ff0000;} .registration_checks_button { color: #ffffff; background: #000000; margin: 20px 0 0 0; float: right; cursor:pointer; padding: 2px; width: 75px; font-size: 145%; } .registration_tc { float: left; width: 443px; } .registration_button { margin-top: 1em;} /* .non_uk_address { padding-bottom: 1.5em;} */ /*** 013 Login ***/ .login_main_error_box.generic_form_error { padding-bottom: 0.7em;} .forgottenPassword { padding-top: 1em; clear: left; display: block;} /*** 014 Forgotten Password ***/ .forgotten_password_content { margin: 0; float: left; width: 100%;} .forgotten_password_content h1 { margin-bottom: 1.5em; float: left; width: 100%;} .forgotten_password_content legend { font-weight: normal; font-size: 100%;} .forgotten_password_content label { float: left; padding-right: 3%;} #forgottenPasswordComponent_email { float: left; width: 25%;} #forgottenPasswordForm fieldset input.greyButton { clear: both; float: left; margin: 1.5em 0 0 12.5%;} #forgottenPasswordForm fieldset div.error { line-height: 1.5em; float: left; padding-left: 3%;} .forgotten_password_content a.greyButton { margin-top: 1.5em; float: left; clear: both;} .forgotten_password_email_confirmation { float: left;} /*** 015 Product Detail Page ***/ /*** 015A Left Hand Side ***/ .productDetail_column_1 { width: 40.4%; margin: 0 3.2% 0 0;} .productDetail_pics { margin: 0; padding: 0;} .ql_product_picture { width: 316px;} .ql_product_thumbnails { width: 82px;} .ql_product_thumbnail { width: 72px; margin-bottom: 0.9em; cursor: pointer;} .ql_product_message { margin-top: 1.9em; display: block; text-align: center; text-transform: uppercase;} .productDetail_image_thumb { margin-top: 0; margin-bottom: 7px; } .productDetail_image_thumb_last { margin: 0;} .shareThisProduct { margin-top: 3.3em; width: 390px;} .st_fblike_hcount iframe { top: 0.1em !important;} a.productDetail_email_friend_link { height: 15px; background: url('images/email-a-friend-bg.gif') top left no-repeat; margin: 1.3em 0 0 0; display: block; padding-left: 3.0em; text-transform: uppercase;} .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;} .productDetail_name_and_description h1 { margin-top: 0; font-weight: bold ; font-size: 1.3em;} .pr-snippet .pr-snippet-read-write { font-size: 100%;} .videothumb { position: relative; } .videothumb img { width: 74px; height: 95px; } .videothumbPlay { background:url("images/video_btn_ss13.png") no-repeat scroll center center transparent; z-index:2; display:inline-block; height:95px; width:74px; position: absolute; opacity: 0.9; } .videothumbPlay:hover { opacity: 1.0; } /*** 015B Right Hand Side ***/ .productDetail_column_2 {width: 445px; float: left; margin-right: 5px;} .productDetail_column_2.bundleGroup { width: 54.5%;} .productDetail_name_and_description { width:80.67%; float:left; padding: 0;} .productDescriptionText { clear: both; margin: 1.0em 0 2.0em 0;} .productDetail_name_and_description select { margin-bottom: 1.0em; width: 47.5%;} .productDetail_name_and_description select.quantitySelector { width: 10%;} .productDetail_promotional_text { margin-top: 1.0em; color: #ff0000; font-size: 113%;} .productDetail_main_pricelist { margin: 0.71em 0 1.71em 0; } .productDetail_big_nowprice { /*font-size: 130%;*/} .productDetail_big_price { /*font-size: 130%;*/} .size_guide { background: transparent url('images/sizeGuideIcon.gif') no-repeat left center; padding-left: 1.9em; line-height: 1.2em; height: 1.4em; margin-left: 1.3em; text-decoration: underline;} .add_to_bag { margin: 0.9em 0;} .add_to_bag span { margin: 0 1.5%;} .productDetail_item_promos { margin: 2.5em 0 2.2em 0;} .reviewRatingContainer { width: 100%; margin-bottom: 1.71em; } .productReviewRating { display: none;} .ratingAffirmationContainer { width: 30%} .ratingAffirmationContainer span { margin-right: 6.5%;} .callToActionReview { margin-bottom: 0.9em; clear: both; float: left;} .callToActionReview a { text-decoration: underline;} a.readReviewsLink { padding-right: 1.7em;} .ratingNum { background: #000000; color: #ffffff; padding: 0.2em 2.64%;} .star { background: url('images/star-filled-in.jpg') top left no-repeat; width: 13px; height: 12px; margin-right: 2px;} .starsContainer { margin-bottom: 3%; width: 18%;} .productDetail_complete_the_look { width: 78px /*19.33%*/; position: absolute; top: 0; right: 0; text-align: center; padding-bottom: 11px; font-size: 90%;} .productDetail_complete_the_look h3 { text-transform: uppercase;} .productDetail_complete_the_look li { font-size: 90%; margin-top: 2.2em;} .productDetail_complete_the_look li img { margin: 0 auto 1.2em; width: 74px;} ul.componentContainer_tabs { display: block;} .productDetail_column_2 div.tabbed_componentContainer_shadow div.tabbed_componentContainer div.componentContainer_content_container { width: 418px;} #productPageCarouselTabbedPanel { width: 42.4%;} #productPageCarouselTabbedPanel.tabbed_componentContainer ul.componentContainer_tabs { width: 100.5%;} #productPageCarousel > ul.componentContainer_tabs{ width:98.7%;} #addedToBagPopup { display: none;} .product_detail_left_side { width: 41%;} .two_column_container .product_detail_left_side { width: 404px;} /* used for carousel on search page*/ .myaccount .product_detail_left_side { width: 100%;} .product_bundle_items { display: none;} .bundleReviewsContainer {margin-top: 3em;} .readReviews, .writeReviews { float: left; clear: left; padding: 1.5em 1.5em 1.5em 0;} .writeReviews { clear: none;} .tUppercase { text-transform: uppercase; } .tenPix { font-size: 10px !important; } .completeTheLook h3 { font-size: 10px; color: #7a7265; margin-bottom: 13px; } .tCenter { text-align: center; } .completeTheLook { width: 84px; } .cTlItem { margin-bottom: 20px; } .cTlImg { margin-bottom: 5px; } .cTlPrice { display: block; } /*** 015C Variant Matrix ***/ .productDetail_variant .form_spacer { width: 100%;} .productDetail_variant div.clearBoth form#formbean fieldset ul li label, .variant_none form#formbean fieldset ul li label { margin-right: 3%} .productDetail_variant .variantbundle_content select { width: 44px;} .variant_matrix select.error { background-color: #f55; float: inherit; color: #000;} .bundle_image { width: 65px;} .bundle_image a { display: block;} .bundle_name { width: 212px;} .bundle_possibilities { width: 80px;} .bundle_prices { width: 119px;} .bundle_prices.span_col_two { width: 162px;} .bundle_prices.span_col_two .greyButton { font-size: 85%;} .bundle_stocklevel { width: 45px;} /*** 015D Variant List ***/ .variantlist_content { width: 95%; border: 1px solid #bcbcbc; padding: 0 2%; margin-bottom: 5%; display: block; float: left;} .variantlist_item.last { border-bottom: none;} .variantlist_content table { width: 100%;} tr.variantlist_item { border-bottom: solid 1px #bcbcbc; clear: left; float: left; width: 100%; font-size: 90%; padding: 3% 0;} td.variantlist_description { width: 163px;} td.variantlist_description ul, td.variantlist_price_area div, .variantlist_select { margin-right: 10px;} td.variantlist_price_area { width: 100px;} td.select { width: 69px;} .productDetail_variant select { width: 191px;} .productDetail_variant select.smallerWidth { width: 44px;} td.add_to_bag { width: 100px;} .variantlist_item td.add_to_bag input.pinkButton { margin-bottom: 10px; text-align: right;} /*** 015E Variant Single ***/ .variant_none form fieldset ul { margin-bottom: 1em; float: left; width: 100%;} .productDetail_variant .form_spacer label { padding-right: 1em;} .productDetail_variant .form_spacer input.pinkButton { margin-right: 1em;} /*** 015F Product Tabs ***/ #recommendCarouselTabbedPanel.tabbed_componentContainer ul.componentContainer_tabs { width: 404px;} #recommendCarouselTabbedPanel.tabbed_componentContainer div.componentContainer_content_container { } .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: 2em;} #facebox div.popup div.content h3 { font-size: 11px;} #facebox div.popup div.content p.productCode { padding: 0.4em 0;} #facebox div.popup div.content h3, #facebox div.popup div.content p { width: 74px; margin: 0 auto;} #facebox div.popup div.content p.more_colours {font-size: 8px; padding: 0 2px; line-height: normal; margin-bottom: 2px} #facebox div.popup div.content div.productDescriptionText { padding-bottom: 0;} #facebox div.popup div.content div.reviewRatingContainer { padding-bottom: 1.0em;} #facebox div.popup div.content div.tabbed_componentContainer_shadow { width: 455px;} #facebox div.popup div.content .componentContainer_content_container #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;} #addedToBagBundlePopup h1 { text-transform: none;} .addedToBagBundlePopup_button_view_basket { float: left; margin-right: 1em;} .no-padding{padding: 0!important;} /*** 015H Variant Bundle ***/ .variantbundle_content { border: 1px solid #bcbcbc; width: 96% /*536px*/; float: left; padding: 1em 2%;} .variantbundle_content img { height: 63px;} .productDetail_name_and_description .variantbundle_content select { width: 50px;} .variantbundle_content form#formbean table tbody { } .variantbundle_content form#formbean table tbody tr { float: left; width: 100%;} .variantbundle_content form#formbean table tbody tr.first { padding-top: 0;} .variantbundle_content form#formbean table tbody tr:last-child td { padding-bottom: 0; border-bottom: 0 none;} .variantbundle_content form#formbean table tbody tr td { vertical-align: middle; border-bottom: 1px solid #bcbcbc; padding: 0.5em 0 0.5em 0;} .variantbundle_content form#formbean table tbody tr td.hidden { display: none;} .variantbundle_content form#formbean table tbody tr td.image { width: 74px; padding-top: 0;} .variantbundle_content form#formbean table tbody tr td.product_information { padding-left: 5px; width: 174px;} .variantbundle_content form#formbean table tbody tr td.product_information span { clear: both; display: block;} .variantbundle_content form#formbean table tbody tr td.variant_area { width: 113px;} .variantbundle_content form#formbean table tbody tr td.variant_area a { clear: both; float: left; margin-left: 0;} .variantbundle_content form#formbean table tbody tr td.prices { width: 103px; text-align: center;} .variantbundle_content form#formbean table tbody tr td.outOfStockprices { text-align: center; width: 103px;} .variantbundle_content form#formbean table tbody tr td.quantity { text-align: right; width: 60px;} .variantbundle_qty_container select { width: 100%; margin: 0;} .variantbundle_content form#formbean table tbody tr td.outOfStock { text-align: right; width: 173px;} .productDetail_bundle_total { text-align: right; font-size: 113%; width: 100%; padding: 2em 0 1em 0;} .productDetail_bundle_total span.bold { font-size: 14px;} .order_bundle_options { float: right; margin-top: 1em; margin-bottom: 3em;} .order_bundle_options span { clear: both; margin-top: 1em; display: block; text-align: right;} .international_shipping_list { width: 100%; height: 150px; overflow-y: scroll;} .country-heading { font-weight: bold; padding-bottom: 1em;} .countries li { font-weight: normal;} /*** 016 Email a Friend ***/ .tellAFriend_content { width:100%; float: left;} .tellAFriend_content .pricelist { padding: 0em 0 2em 0;} .tellAFriend_content h1 { width: 100%; margin-bottom: 1em; font-size: 180%; text-transform: uppercase; font-weight: normal;} .tellAFriend_product_left_side { float: left; width: 42%;} .tellAFriend_product_left_side h3 { text-transform: uppercase; font-weight: bold;} .tellAFriend_product_right_side { margin-left: 2em;} .tellAFriend_product_right_side div.pricelist { width: 100%; padding-left: 0; margin-bottom: 1em;} .tellAfriend_product_description { width: 100%; clear: both; margin-bottom: 2.5em;} .tellAFriendForm { clear: both;} .tellAFriendForm label { width: 39%; float: left; margin-bottom: 1em;} .tellAFriendForm input.tellAFriend_input_field { width: 60%; float: left; margin-bottom: 1em;} .tellAFriendForm textarea { width: 60%; float: left; margin-bottom: 1em; height: 10em; border: 1px solid #aaaaaa;} .tellAFriendForm input.greyButton { float: right; margin-top: 1em;} .tellAFriendForm .error { padding-left: 39%;} /*** 016A Email When In Stock ***/ .emailWhenAvailable_content { margin: 4em 0; float: left; width: 100%;} .emailWhenAvailable_content h1 { margin-bottom: 1.5em; float: left; width: 100%; font-size: 180%; text-transform: uppercase; font-weight: normal;} .emailWhenAvailable_content label { float: left; padding-right: 3%; line-height: 2em;} .emailWhenAvailable_content a.greyButton { margin-top: 1.5em; float: left; clear: both;} #emailMeWhenAvailableForm fieldset input#email{ float: left; width: 25%;} #emailMeWhenAvailableForm fieldset div.error { float: left; padding-left: 3%; line-height: 2em;} #emailMeWhenAvailableForm fieldset input.greyButton { clear: both; float: left; margin: 1.5em 0 0 15%;} .tellAFriend_content a.greyButton.confirmation { margin-top: 2em;} /*** 017 Internal Error ***/ /*** 018 Shopping Basket ***/ .shoppingbasket_content { margin-top: 2em; clear: both; padding-left: 1%; width: 99%;} h1.shoppingbasket_heading { font-size: 180%; font-weight: normal; text-transform: uppercase; margin-bottom: 0.9em;} .shoppingBasket_message { margin: 0.5em 0 1.8em 0;} .shoppingBasket_promotional_text_header { color: #ff0000; clear: both; padding: 0 0 2em 0;} .shoppingbasket_empty { padding-left: 0; padding-bottom: 1em;} .shoppingBasket_promo_error { color: #ff0000; margin-bottom: 0.9em;} .shoppingbasket_content ul { border-bottom: 1px solid #999999;} .shoppingbasket_content form table, .InvalidProductsSection table { width: 100%;} .shoppingbasket_item td { border-bottom: 1px solid #999999; padding: 0.9em 0; width: 100%;} .headStyle { border-top: none; border-bottom: none; background: #e4e4e3; height: 2em; line-height: 2em;} .shoppingbasket_item th, .orderConfirm_table th { height: 2em; text-align: center;} .shoppingbasket_item th.first, .shoppingbasket_item td.first { padding-left: 2%; text-align: left;} .shoppingbasket_item td { padding: 0.9em 0; vertical-align: middle;} .shoppingbasket_item td a { display: block;} .shoppingbasket_item img { width: 50px; height: 64px;} a.removeItemLink { display: block; color: #7c7065; font-size: 90%; margin-top: 0.4em;} .shoppingbasket_item td.price div.shoppingbasket_item_price { font-size: 109%} .shoppingbasket_item.highlight { border: 1px solid red; float: inherit; } .shoppingbasket_item_error td { background-color: #d99; color: #f22; font-weight: bolder; } .shoppingbasket_item .wasPrice { text-decoration: line-through; } .shoppingbasket_lower_section_left { padding: 2em 0 2em 70px; margin: 0.5% 1% 0 0; clear: left; width: 38%; background: #fef0ea url("images/collectionUnavailable.gif") no-repeat left center; color: #fb5564;} .shoppingbasket_noscript_update_button { margin-top: 5px;} .shoppingbasket_lower_section_left div { text-transform: uppercase;} .shoppingbasket_lower_section_left a { color: #fb5564; text-decoration: underline;} .shoppingbasket_lower_section_right { float: right; margin: 1.5em 2.5% 1.5em 0; width: 97.5%;} .shoppingbasket_promotion_code { text-align: right; margin-bottom: 1.5em; float: right} .shoppingbasket_promotion_code input { margin-left: 2%;} .shoppingbasket_promotion_code input.greyButton { margin-left: 4%; } .shoppingbasket_delivery { float: right; padding-bottom: 0.41em; text-align: right; width: 100%;} .shoppingbasket_lower_section_right table { width: 100%;} .shoppingbasket_lower_section_right table tbody tr td { text-align: right; margin-left: 10%; padding: 0 0 1em 0;} .shoppingbasket_lower_section_right table tbody tr td.left { padding-right: 1em; width: 32%;} .shoppingbasket_lower_section_right table tbody tr td.right { width: 17%;} .shoppingbasket_lower_section_right table tbody tr td.total { border-top: 2px solid #e1ded6; padding-top: 1em; padding-bottom: 1em; font-size: 118%;} .shoppingbasket_lower_section_right table tbody tr td.delivery { padding-right: 2%;;} .shoppingbasket_lower_section_right table tbody tr td.left select { width: 100%} .shoppingBasket_item_error { color: #ff0000; margin: 0 0 0.9em 0;} .outofstock { color: #b5b5b5; } .shoppingBasket_promotional_text_container { color: #ff0000;} .subTotalLeft span.pushCollectInStore { font-size: 85%; float: none; padding-right: 2%;} .promo_label_field { font-size: 109%; line-height: 1.72em;} form#deliveryModeForm {} #deliveryModeForm div input.pinkButton { float: left; margin-left: 2%;} .shoppingbasket_promotion_code input#Promo { padding-left: 4px; color: #aea095; width: 42% /*160px*/; height: 16px; border: 1px solid #c0bfad; font-size: 90%;} .shoppingbasket_lower_section_right input.pinkButton { float: right; margin-left: 3%;} .shoppingbasket_lower_section_right a.greyButton { float: right;} .shopping_basket_cards { background: url("https://uk.monsoon.co.uk/medias/sys_master/8850573459486.png") no-repeat right top; width: 244px; height: 33px; margin-top:-7px; float: left; display: inline-block!important;} .basket img.checkout_login_cards { display: none;} .basket .tabbed_componentContainer_shadow { width: 40%; margin-top: 3%; margin-left: 1%;} .basket .componentContainer_content_container { width: 378px;} .basketSummaryTable td { vertical-align: middle;} .shopBasketTable { vertical-align: middle; text-align: center;} .shopBasketTable .one { width: 83px;} .shopBasketTable .two { width: 350px; text-align: left;} .shopBasketTable .three { width: 107px;} .shopBasketTable .four { width: 175px;} .shopBasketTable .five { width: 125px;} .shopBasketTable .six { width: 130px; padding-right: 26px; text-align: right; font-weight: bold; font-size: 1.2em;} .shopBasketTable .headStyle .six { font-size: 1em; padding-right: 29px; width: 127px;} /*** 019 Checkout Login ***/ .signup_page_content { width: 990px; margin-left: 10px;} .checkout_signup .signup_page_content { width: 1000px; padding-left: 0; margin-left: 0;} .checkout_process_bar { position: relative; margin-top: 3em; background: transparent url("images/checkout-background.gif") repeat-x center center; height: 30px; line-height: 30px;} .checkout_process_bar div div { font-size: 125%; width: 24%; float: left; color: #ffffff; text-transform: uppercase; text-align: center; background: transparent url("images/checkout-background-arrow.gif") no-repeat right center;} .checkout_process_bar div div.last .right { background-image: none;} .checkout_process_bar div div.last { background-image: none;} .stage_bar { display: block; height: 30px; float: left;} .checkout_process_bar div div.current, .stage_bar { position: relative; background: transparent url("images/checkout-background-current.gif") repeat-x center top;} .checkout_process_bar div div.current span.left { display: block; background: transparent url("images/checkout-background-current-arrow-left.gif") no-repeat left top; height: 30px; width: 17px; float: left;} .checkout_process_bar div div.current span.right { display: block; background: transparent url("images/checkout-background-current-arrow-right.gif") no-repeat right top; height: 30px; width: 21px; position: absolute; right: 0; top: 0;} html body div.checkoutPayment div div.checkout_process_bar div.stage2 { width: 23%; background: none;} html body div.checkoutDelivery div div.checkout_process_bar div.stage1 { width: 23%; background: none;} .checkout_process_bar div.stage2.current, .checkout_process_bar div.stage3.current, .checkout_process_bar div.stage4.current { margin-left: -2%; width: 27%;} .caveat { float: left; text-align: left; width: 40%; line-height: 2em;} .registrationPurchase_content h2, .login_content h2, .right_delivery h2, .left_delivery h2 { float: left; width: 40%;} .registrationPurchase_account_details_error_box {width:443px;color: #ff0000;margin-bottom: 5px;} .registrationPurchase_account_details select#title { width: 40% !important; } .registration_instructions { clear: both; margin: 1em 0 2em; float: left; width: 100%;} html body div.checkout_signup div.signup_page_content div.column_2 div.login_content div.regOrlogin_module_content form fieldset div.regOrlogin_checkboxes div input.greyButton { background: #ff5461 url("images/pinkButtonBackground.gif") repeat-x center top;} html body div.checkout_signup div.signup_page_content div.column_1 div.regOrlogin_module_content form#reg-form.registration_form fieldset div.regOrlogin_checkboxes input#registerButton.greyButton { -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; background: #ff5461 url("images/pinkButtonBackground.gif") repeat-x center top;} .register_continue_btn { margin-left: 106px;} .registration_account_details_inputs .generic_form_error { width: 100%;} /*** 020 Checkout Delivery Page ***/ .addressBookAdd_content_singleSubmitDelivery { width: 86.9%; margin-bottom: 2em; background: url("images/checkoutDeliveryBar.gif") 55px top repeat-y; } .left_delivery { width: 49.82%; margin-right: 37px; /*padding-left: 4.37%;*/} .right_delivery { width: 45% /*40.96%*/; padding-right: 0 /*4.48%*/; } .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%;} .left_delivery .InvalidProductsSection .generic_form_error { padding-left: 0; width: 100%; padding-bottom: 1em;} .checkoutDelivery .errorBorder { margin-bottom: 2em;} .addrsphoneNumber { padding-top: 1.5em;} .deliveryMethodContainer input, .deliveryModeName, .deliveryDisplayName { clear: left; float: left; } .deliveryDisplayName { padding: 0 0 15px 0; } .deliveryModeName { font-weight: bold; clear: none; } .checkoutCsdMessage { width: 360px; position: absolute; right: 0; top: 22px; overflow: hidden; height: 73px; } .checkoutCsdMessage h2 { font-weight: normal; font-size: 1.3em; margin-bottom: 0; padding-bottom: 0; } .checkoutCsdMessage p { font-size: 10px; } /*** 020A Add Address Section ***/ /*** 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.changeWidth { margin-left: 227px;} .submitContainer input { margin-left: 155px; font-size: 14px; /*margin-top: 1em;*/ } .InvalidProductsSection { margin-bottom: 1em;} /*** 020D Delivery Section ***/ .deliveryMethodContainer label { float: left; clear: left; } .deliveryMethodContainer input { margin-right: 7px; margin-bottom: 5px; } .addressBookDefaults_shipping h2.pink { font-size: 127%; float: left;} .addressBookDefaults_shipping div.caveat { float: left; line-height: 1.7em; margin-left: 2%;} .deliver2AddressContainer { float: left; clear: left; width: 90% /*81.75%;*/;} .curBillingName, .curShippingName { padding-top: 1.36em; padding-bottom: 1.54em;} /*** 021 Checkout Payment Page ***/ .iFrameOverlay { position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; height: 100%; z-index: 998; display: none; } .iFrameContent { position: fixed; z-index: 999; width: 600px; height: 450px; text-align: center; display: none; background: #fff; top: 100px; } .iFrameContent iframe { width: 600px; height: 450px; background: #fff;} .loading_image { display: none; width: 100%; position: fixed; z-index: 1000; top: 50%; left: 50%;} .payment_submit_container .form_spacer input.card_submit { width: auto; font-size: 14px; } /*** 021A Delivery Method Section ***/ .centered_progress_bar { margin: 0 auto;} .deliveryMethod_content h2 { margin-bottom: 1em;} .change_delivery_method { width: 97%; padding-bottom: 2em; float: left; background: transparent url("images/checkoutDelivery-truck-icon.gif") no-repeat left top; padding-left: 3%;} .change_delivery_method span, .change_delivery_method img, .change_delivery_method a { display: block; float: left;} .change_delivery_method span { line-height: 2em; margin-left: 1%;} .change_delivery_method a { margin-left: 3%;} .deliveryMethod_current_choices table { width: 100%; margin-bottom: 2em;} .deliveryMethod_current_choices table tbody tr td.left { width: 25%;} .deliveryMethod_current_choices table tbody tr td.right { width: 35%; padding-left: 10%; border-left: 3px solid #e1ded6;} .deliveryMethod_current_choices table tbody tr td.name { padding-bottom: 1em;} .deliveryMethod_current_choices table tbody tr td.edit { padding-top: 1.5em;} #paypal_payment form input.greyButton { margin-top: 1em;} #singleSubmitDelivery_billing div.floatProperties div.right_delivery div.error_border, #singleSubmitDelivery_billing div.floatProperties div.left_delivery div.deliver2AddressContainer div.error_border { clear: both;} .deliveryMethod_content { width: 100%; border-bottom: 3px solid #e1ded6; margin-bottom: 2em;} .deliveryMethod_current_choices { width: 100%; border-bottom: 3px solid #e1ded6; margin-bottom: 2em;} .storeDetailsContainer { margin-top: 3em; } .collect-in-store-container { width: 100%; } .collect-in-store-container .cisHeadings { padding-bottom: 1em; font-weight: bold; font-size: 1.3em;} .collect-in-store-container .cisHeadings1 { font-weight: bold; font-size: 1.2em;} .collect-in-store-container .storeTimings { width: 45%; text-decoration: underline; padding-left: 25px;} .collect-in-store-container .storeName { width: 48%;} .collect-in-store-container .distance { width: 48%; padding-bottom: 1em;} #clickAndCollectPopup .loadMapPopup { width: 75%; height:300px} #clickAndCollectPopup .storeDetails { width: 25%; } #clickAndCollectPopup .collect-in-store-container .distance { width: 100%; padding-bottom: 2em;} #clickAndCollectPopup .collect-in-store-container .storeName { width: 100%;} #clickAndCollectPopup .collect-in-store-container .storeAddress { width: 100%; padding-bottom: 2em;} #clickAndCollectPopup .collect-in-store-container .storeTimings { width: 100%; text-decoration: underline;} #clickAndCollectPopup .addrsphoneNumber { padding-top: 1.5em; padding-bottom: 1.5em;} .clickAndCollect .caveat { width: 375px; } .clickAndCollect .caveat h2 { width:240px;} .clickAndCollect input#postacdeforclickncollect { width: 202px; margin-left: 0px; float: left;} .clickAndCollect a { text-decoration: underline;} .clickAndCollect .findStore { margin: 0 0 0 20px; clear: none;} .clickAndCollect .caveat.addedTopPadding { padding-top: 1em; } #selStoreSection .mobileSection { padding-top: 2em; } .timeRow { overflow: hidden; width: 180px;} .timeRow .one { overflow: hidden; width: 70px;} .timeRow .two { overflow: hidden; width: 110px;} .findStore { margin: 1em 0 0 192px; /*108px*/ clear: left; } #otherStoresInfo { padding-top: 2em; display: block;} #otherStores { height: 100px; clear: left; width: 436px; float: left; margin-top: 1em;} .left_delivery .submitContainer { clear: left; text-align: center; } .left_delivery .submitContainer .pinkButton { font-size: 160%; float: none; margin-top: 2em; } /*** 021C Payment Methods ***/ .payment_option_content { width: 100%; border-bottom: 3px solid #e1ded6; margin-bottom: 2em;} .payment_options_outputs { width: 100%;} .payment_option_content h2 { padding: 2em 0; clear: left;} .payment_radios .cardoption {width: 19%;} .payment_radios div { float: left; width: 11%; padding: 0 0 2em 0;} .payment_radios div input, .payment_radios div label { float: left; margin-left: 3%; margin-top: 0 !important;} .payment_radios div img { padding-top: 0.7em; clear: both; float: left;} .card_container h3 { width: 100%; float: left;} .payment_card_content { clear: both;} /* .payment_order_summary { float: left; width: 92%; background-color: #f0eeea; padding: 4%; } */ .payment_order_summary table { width: 25% !important;} .payment_order_summary table tbody tr td { padding-bottom: 0.5em !important;} .payment_order_summary table tr td.total { border-top: 2px solid #e1ded6; font-size: 110%; padding-top: 0.5em;} .payment_order_summary table tr td.defaultWidth { width: 90px; text-align: right;} .card_container label { float: left; margin: 0 0 1em 1em;} .card_container input { float: left; padding-left: 1%;} .card_container input.pinkButton { clear: both; float: left;} .payment_security_query { background: url('images/what-is-this.gif') no-repeat center left; float: left; width:15px; height: 15px; margin-left: 1%;} .card_container form div.error_border { clear: both; float: left; width: 974px; padding: 10px;} div.errorFieldBackground.card_box { width: 100%; float: left; margin-right: 2%;} div.error_border div.error_text { display: block; float: left; width: 100%; margin: 1em 0;} .paypal_styled_btn { background: url('https://www.paypalobjects.com/en_US/i/btn/btn_xpressCheckout.gif') left top no-repeat; width: 145px; height: 47px;} .payment_card_message1 { padding-bottom: 1.5em;} .payment_redeem_button { margin-bottom: 1.5em; font-size: 14px;} .evoucher_payment_container { background: #efeeea; padding: 1.5em; margin-bottom: 2em;} .evoucher_payment_title { padding-bottom: 1em;} .evoucher_payment_container span { display: block;} .voucherLeftPad { width: 14.77%; line-height: 1.8em;} .generic_form_error.evoucherLimit { padding-bottom: 0.7em; padding-left: 0; text-align: center; width: 100%; margin-top: 1em; border: solid 1px red;} .payment_method_container { width: 100%;} .payment_form_container { margin-bottom: 2em; width: 100%;} .payment_form_container, .paypal_container { width: 100%;} .order_summary_container { clear: left; margin-bottom: 2em; margin-top: 2em; } .payment_form_container .form_spacer input.looseDefaultWidth {width: auto;} .payment_form_container .form_spacer label { margin: 0; width: 18%;} .payment_form_container .form_spacer input { margin: 0; width: 22%;} .paymenttoggle .form_spacer input[type=checkbox] { margin: 0; width: 2%;} .payment_form_container .form_spacer input.shorterInput { margin: 0; width: 7%;} .payment_form_container .form_spacer select { margin-right: 1em;} .homeLink_linkList_content { padding: 2em 0; clear: left; } /*** 022 Processing Order Page ***/ .page_container.inProgress { margin-top: 1.5%;} .orderinprogress_container { float: left; width: 100%; margin: 4em 0; padding: 0 1em;} .orderinprogress_message { clear: both; margin-top: 2em;} .orderinprogress_waiting_image { margin-top: 2em; margin-left: 48%;} /*** 023 Order Confirmation Page ***/ .orderConfirm_content { width: 100%; float: left; font-size: 109%;} .print_submit { background: url('images/print_icon.jpg') top left no-repeat; padding-left: 28px; font-size: 100%; line-height: 20px; text-transform: uppercase; height: 19px;} .print_submit:hover { cursor: pointer;} .orderConfirm_print_page { float: right;} .orderhistory .orderConfirm_table_PRODUCTIMAGE { width: 72px;} .orderConfirm_table_SIZE { vertical-align: middle; text-align: center;} table.orderConfirm_table { width: 100%; margin-top: 2.27em;} /*table.orderConfirm_table tr:nth-child(1) { background: red;}*/ .orderConfirm_number { float: left; clear: both;} .orderConfirm_number span { font-size: 113%;} .orderConfirm_reward_card { clear: both; float: left; width: 100%; margin-top: 1em;} .orderConfirm_store_collect { background: url('images/collect-icon.gif') top left no-repeat; float: left; padding-left: 48px; margin-top: 1em; height: 38px;} .orderConfirm_store_collect span { line-height: 4em;} .orderConfirm_totals { background-color: #E4E4E3; width: 91%; padding: 2em 4.5%; float: left;} .orderConfirm_totals div { float: right; clear: right; width: 20%;} .orderConfirm_totals table { float: right; width: 25%; text-align: right;} .orderConfirm_totals table tr td { padding-bottom: 0.5em;} .orderConfirm_totals table tr td.total { border-top: 2px solid #e1ded6; padding-top: 1em; padding-bottom: 1em; font-size: 118%; padding-bottom: 0;} .orderConfirm_createAccount { font-size: 109%; background: #fbe4dc; margin-top: 2em; width: 93%; padding: 3.7% 3.5%; clear: left; float: left;} .checkout_standard_container .orderConfirm_createAccount {margin-bottom:85px;} .checkout_standard_container .rr_cart_page{margin-left:10px;} .orderConfirm_createAccount h4 { font-size: 1.27em; font-weight: bold; padding-bottom: 2em;} /* .payment_order_totals_amount, .payment_order_delivery_cost { float: right; padding-bottom: 1em; font-weight: bold;} */ /* .payment_order_totals_detail {padding-bottom: 1em} */ .orderConfirm_createAccount_fields { padding-top: 1em;} .orderConfirm_createAccount_fields label { width: 145px;} .orderConfirm_createAccount_fields input { width: 195px;} .orderConfirm_createAccount_fields .error { padding-left: 1em;} .orderConfirm_table td, .orderConfirm_table th { vertical-align: middle; text-align: center; padding: 1em 0;} .orderConfirm_table .one, .orderConfirm_table td.orderConfirm_table_PRODUCTIMAGE { width: 83px;} .orderConfirm_table .one img, .orderConfirm_table td.orderConfirm_table_PRODUCTIMAGE img { width: 50px;} .orderConfirm_table td.two, .orderConfirm_table td.orderConfirm_table_PRODUCT { width: 340px; text-align: left;} .orderConfirm_table .three, .orderConfirm_table td.orderConfirm_table_SIZE { width: 85px;} .orderConfirm_table .four, .orderConfirm_table td.orderConfirm_table_QUANTITY { width: 180px;} .orderConfirm_table .five, .orderConfirm_table td.orderConfirm_table_PRICE { width: 61px; text-align: right; padding-right: 47px; font-size: 1.20em; font-weight: bold;} .orderConfirm_table .headStyle .five { width: 42px; text-align: right; padding-right: 51px; font-size: 1em; font-weight: normal;} .orderConfirm_table tr { border-bottom: solid 1px #bcbcbc;} /*** 024 My Account Pages ***/ #myaccountTabbedPanel.tabbed_componentContainer div.componentContainer_content_container, #myaccountnewTabbedPanel.tabbed_componentContainer div.componentContainer_content_container { border: solid 1px #bcbcbc; padding: 35px; border-top: none; font-size: 109%; width: 898px;} .tabbed_componentContainer div.componentContainer_content_container .pinkButton, .tabbed_componentContainer div.componentContainer_content_container .greyButton { font-size: 91%;} .myaccount_personaldetails,.addressBookAdd_content_addressBookAdd { margin-right: 4.61%; width: 40.5%; border-right: solid 3px #e1ded6; padding-right: 3.63em;} .myaccount_accountdetails { width: 48.13%;} .changeOptions { padding: 1em 0 0 0; clear: both; padding-left: 44.56%;} legend, .my_order_title { font-size: 127%; font-weight: bold; padding-bottom: 1em;} .right_delivery label, .addressBookAdd_inputs label { width: 157px;} .right_delivery .error_border label, .addressBookAdd_inputs .error_border label { width: 143px; } select.fullWidth,.addressBookAdd_inputs input[type="text"], .addressBookAdd_inputs select, .right_delivery input[type=text], .right_delivery select { width: 198px;} .left_delivery input[type=text], .left_delivery select { width: 198px; float: left;} input#postacdeforclickncollect { width: 202px; margin-left: 26px; float: left;} label.postacdeforclickncollect { float: left; width: 166px; } .left_delivery .deliver2AddressContainer label, .readValue { width: 155px;} .left_delivery .deliver2AddressContainer .error_border label { width: 141px;} .addressBookDefaults_shipping_content { /*margin-left: 155px;*/ } .addressBookDefaults_firstlastname { width: auto; /*padding-left: 155px;*/} .addressBookAddLong_address_update { margin-left: 155px; /*margin-top: 1.81em;*/ } .myaccount_personaldetails input[type=password], .myaccount_personaldetails input[type=text] { width: 196px; float: right;} .addressBookAdd_inputs input[type="text"], .selectedAddress { width: 196px; float: left; } input#singleSubmitDelivery_postalcode { float: left; width: 78px; /*margin-left: 5px;*/ } .addressBookAdd_inputs select, select.fullWidth { width: 198px; float: right;} .left_delivery .addressBookAdd_inputs select, .right_delivery .addressBookAdd_inputs select { float: left; } #myaccountTabbedPanel div div.loyalty_content form#loyaltyFormBean h2.pink { color: #7A7064;} #myaccountTabbedPanel div div.loyalty_content { border-top: 3px solid #e1ded6; padding-top: 2em;} .myaccount_optouts { padding: 2em 0 0 0;} .myaccount_optouts div { clear: both; padding-bottom: 1.5em;} .myaccount_optouts label { padding-left: 0.8em; } input.myaccount_save_button { float: right;} .myaccount_accountdetails label { width: 44.56%;} .myaccount_accountdetails_inputs input[type=text], .myaccount_accountdetails_inputs input[type=password] { width: 54.31%;} .new_customer { background: #fde3d9; color: #7c7065; font-size: 109%; padding: 2.08em; margin-bottom: 2.83em;} .myaccount .componentContainer_content_container { width: 968px;} #cs_myaccounttab1 div div form fieldset div.myaccount_optouts div input { width: 4%; float: left;} #cs_myaccountnewtab1 div div.myaccount_personaldetails form fieldset div.error_border, #cs_myaccountnewtab1 div div form fieldset div.error_border { float: left;} #cs_myaccountnewtab1 div div form fieldset div.error_border { width: 100%;} #selectAddrButton {margin-left: 1em;} #singleSubmitDelivery_title { float: left;} .threeFiveThreePixWidth { width: 353px; } .marginRightThirtyFivePix { margin-right: 41px; } .use_this_addressContainer, .selectAddressText { margin-right: 37px; float: right; } .contactNameVal { width: 210px; } input#addManuallyshippingAddress, input#addManuallybillingAddress { font-size: 10px; } #deliveryMode label { width: 330px; } .deliveryRadioBtnContainer { float: left; width: 300px; display: block; } .deliveryRadioBtnContainer span { width: 100%; } /*** 024A My Account Details ***/ .myaccount_content { margin-bottom: 2em;} .myaccount_content div.new_customer ul { margin-top: 1.5em;} .myaccount_content div.new_customer ul li { margin-top: 0.5em;} .myaccount_personaldetails form#myaccountform fieldset legend { float: left; padding-right: 2%; width: 58%;} #myaccountform fieldset div select { height: 1.72em; } .myaccount_personaldetails input.fields { width: 196px;} .myaccount_personaldetails div input[type=checkbox], .myaccount_personaldetails div label { padding: 0 0 1em 0;} .myaccount_personaldetails.reward_card {width: 100%; border-right: 0px none; margin: 0; padding: 0;} .myaccount_personaldetails.reward_card input[type="password"], .myaccount_personaldetails.reward_card input[type="text"] {float :none;} .myaccount_personaldetails.reward_card #addressBookAdd_findAddrButton1 {float: none; } #rewardCardFormBean fieldset label { width: 163px; } /*#rewardCardFormBean fieldset input { height: 1.72em; line-height: 1.72em; }*/ /* #rewardCardFormBean fieldset select { max-width: 157px; } #rewardCardFormBean fieldset .generic_form_error { padding-left: 202px} #rewardCardFormBean fieldset input#addressBookAdd_postalcode { margin-bottom: 1em; } */ #reward-card-bg { background: url('images/reward-card-bg.png') left top no-repeat; width: 340px; height: 227px; position: relative; } .copy_container { display: table; clear: both; } .copy_container > div { display: table-cell; padding:0; vertical-align: top; } #reward-card-front { background: url('images/reward-card-front.png') right no-repeat; width: 200px; height: 144px; padding: 0; float: right; padding: 0 0px; position: relative; clear: both; } /* #barcode { position: absolute; width: 324px; height: 42px; top:70px; text-align: center; margin-top: -2px;} */ .rewardcard_breadcrumb { background: none repeat scroll 0 0 #f6f5f4; border-color: #bcbcbc -moz-use-text-color -moz-use-text-color #bcbcbc; border-image: none; border-style: solid none none solid; border-width: 1px medium medium 1px; display: block; float: left; margin: 0; overflow: hidden; padding: 0 4px; position: relative; line-height:17px; height:22px; } .rewardcard_breadcrumb.active { background: none repeat scroll 0 0 #ffffff; border-bottom: 0 none; position: relative; z-index: 50; } .rewardcard_breadcrumb.last { border-right: 1px solid #bcbcbc; } .rewardcard_register p.signup_msg {margin-bottom: 5px;} .rewardcard_register p.mandatory_fields_msg {margin-bottom: 20px;} .rewardcard_register {padding: 0.83em 0 0.83em 0; vertical-align: middle;} /*** 024B Order Summary Section ***/ .thanks-for-the-order { font-size: 1.27em;} .order_summary_collect_in_store { margin-top: 10px; line-height: 30px;} .order_summary_collect_in_store_icon { background: url('images/order-summary-click-and-collect-icon.jpg') left top no-repeat; padding-left: 42px; display: block; float: left; padding-right: 1em; font-weight: bold; color: #fb5564;} .orderConfirmation .loyalty_content { clear: left; padding-top: 2em; margin-bottom: 0;} /*** 024C Remove Address ***/ .addressBookRemove_contents { width: 49.13%; margin-top: 2.14em} .addressBookRemove_contents h2.bold { font-size: 113%; padding-bottom: 2em;} .addressBookRemove_description { float: left;} .addressBookRemove_contents fieldset { float: right; width: 50%} .addressBookRemove_contents fieldset form select { width: 99%;} .addressBookRemove_submit_button { float: right; margin-top: 2em;} /*** 024E Add Address Section ***/ .addressBookAdd_postcde_error { /*width: 44.66%;*/} .left_delivery .generic_form_error { /*padding-left: 39%; width: 55%;*/} .left_delivery .deliveryMethodContainer .generic_form_error { padding-left: 0; } .addressBookAdd_content_addressBookAdd { margin-top: 2.14em;} .addressBookAdd_content_addressBookAdd h2 { font-size: 113%; padding-bottom: 2em; float: left;} #findAddressbillingAddress, #findAddressshippingAddress { float: right; font-size: 10px; padding: 0 4px; margin-top: 1px; overflow: visible; } #selectAddrButtonbillingAddress, #selectAddrButtonshippingAddress { float: right; } .addressBookAdd_content_addressBookAdd .caveat { float: left; line-height: 2em; font-size: 88%; margin-left: 3%;} #cs_myaccounttab1 div form#addressBookAdd_adressBookAdd { clear: both;} form#addressBookAdd_adressBookAdd { clear: both;} #cs_myaccountnewtab1.componentContainer_content div.addressBookAdd_content_addressBookAdd { border-right: 0 none;} #cs_myaccountnewtab1 div.addressBookAdd_content_addressBookAdd h2.bold { font-size: 127%;} /*** 024F Default Address Section ***/ #addressBookDefaultsCheckoutPage_shippingName, #addressBookDefaultsCheckoutPage_billingName, div.addressBookDefaults_billing_content select#addressBookDefaults_billingName, div.addressBookDefaults_shipping_content select#addressBookDefaults_shippingName { float: left;} .addressBookDefaults_billing_content { line-height: 1.16em;} .addressBookDefaults_content { padding-top: 2.14em; padding-bottom: 2.14em; border-bottom: solid 3px #E1DED6;} .addressBookDefaults_billing { margin-right: 4.7%; width: 40.5%; border-right: solid 3px #e1ded6; padding-right: 3.63em;} .addressBookDefaults_shipping { width: 49.13%;} .addressBookDefaults_firstlastname { /*padding-bottom: 1.33em;*/ } .addressBookDefaults_message { padding: 1em 0;} #myaccountTabbedPanel div div div.addressBookDefaults_content form div h2.bold { font-size: 113%;} #myaccountTabbedPanel div div div form div table { margin: 2em 0;} #myaccountTabbedPanel div div div form div table tr td.address_spacing { padding-top: 1.5em;} #addressBookAdd_findAddrButton1 { float: right;} #addressBookAdd_adressBookAdd fieldset div.form_spacer span.error { padding-left: 43.66%; padding-top: 1em;} .delivery_options_container h4 { font-size: 1.27em; color: #fb5262;} .inlineSubText { font-size: 0.6em;} .sameAsBilling { clear: both; width: 100%; float: left;} /*** 024G Loyalty Section ***/ #myaccountTabbedPanel div div.componentContainer_content div.loyalty_content, #cs_myaccountnewtab1 div.loyalty_content { border-top: 3px solid #E1DED6; padding-top: 2em;} #myaccountTabbedPanel div div.componentContainer_content div.loyalty_content form h2.pink, #cs_myaccountnewtab1 div.loyalty_content form h2.pink { color: #7A7064; font-size: 127%;} /*** 024H Remove Address Section ***/ /*** 024I Order Details Section ***/ /* .order_conf_header { padding-top: 1em} .order_conf_header h2 { padding: 1.5em 0;} */ .myOrders_table td.orderConfirm_table_PRODUCT { text-align: left; padding-left: 1em;} .myOrders_table .one { width: 72px; border-right: none; border-right: none;} .myOrders_table .two { width: 279px; text-align: left; padding-left: 1em;} .myOrders_table .three { width: 90px;} .myOrders_table .four { width: 92px;} .myOrders_table .five { width: 64px;} .myOrders_table .six { width: 89px;} .myOrders_table .seven { width: 98px;} /* .orderHistoryConfirm_address { margin: 2em 0 0 24px; float: left; clear: left; width: 253px;} .orderHistoryConfirm_totals.payment_order_summary { width: 272px; float: right;} .orderHistoryConfirm_totals.payment_order_summary table { width: 100% !important;} */ /*** 025 Site Map ***/ /*** 026 Footer ***/ #imgTagData {display: none;} /* SizeGuid iFrame */ #deliveryInfoIframeId, #returnInfoIframeId { width: 100%; height: 400px; margin-top: 30px; } /*Terms and condition popup */ #termsAndConditionIframeId ,#voucherAcceptTermsIframeId ,#ddAcceptTermsIframeId , #paypalAcceptTermsIframeId , #giftVoucherAcceptTermsIframeId, #migrationSuccess{width: 100%; height: 360px; padding-top: 10px;} #termsAndConditionPopup , #voucherAcceptTermsPopup , #ddAcceptTermsPopup , #paypalAcceptTermsPopup , #giftVoucherAcceptTermsPopup{ height: 360px;} #migrationSuccess{position: relative; color: #999; font-size: 12px; padding: 0; text-align: left; width: auto; margin-bottom: 5px; height: auto;} .migrationCopy { padding-top: 250px;} /* -- IE7 -- */ #sizeGuideIframeId {width: 500px\9; height: 350px\9;} #termsAndConditionIframeId , #secureCodeFaqIframeId ,#voucherAcceptTermsIframeId ,#ddAcceptTermsIframeId , #paypalAcceptTermsIframeId , #giftVoucherAcceptTermsIframeId{width: 850px\9; height: 325px\9;} #deliveryInfoIframeId {width: 500px\9; height: 350px\9;} #returnInfoIframeId {width: 500px\9; height: 350px\9;} /* Facebox close button */ .closeButton{ position: relative; color: #999; font-size: 18px; padding: 0; text-align: left; width: auto;padding-right: 30px; margin-bottom: 5px; } .close_image {position: absolute; top: -5px; right: 0; } .floatRight{float: right;} /*** 027 Rich Recommendations and Promos ***/ /* Two column homepage/landing pages may require javascript at page-level to modify column widths when no content is present in second column */ /* .standard_home_page .two_column_container .two_column_top_container { display: block; width: 100%; } /**FOR DISPLAY CODE ONLY **/ /**FOR DISPLAY CODE ONLY **/ /* General RR styles */ .sale_price {color: #dd0c34;} /* IDs in selectors can change, so use one based on other criteria */ .rr ul > li.product h2.strategy { text-transform: uppercase; padding: 1em 0; float: none; width: auto; } .rr ul { margin: 0 0 0.9em 0; } .rr ul > li.product { float: left; display: block; text-align: center; overflow: hidden;; } .rr ul > li.product h3 { padding: .5em 0; display: block; } .rr ul > li.product p { display: block; } .rr ul > li.product p a span { display: block; } .rr ul > li.product p a span.sale_price { font-weight: bold; } .rr ul > li.product.rowlast { margin: 0 !important; } .rr ul > li.product.nextrow { clear:both; } .rr ul > li.product > p.more_colours {display: inline-block; margin-bottom: 2px; line-height: normal;} .rr ul > li.product p a span.price {font-weight: bold;} .rr ul > li.product h3 {font-weight: normal; font-size: 11px; padding-bottom: 0;} .desktop .rr .jcarousel-skin-tango { margin-top: 0; } .rr_search_page h2.strategy, .rr_category_page h2.strategy, .rr_cart_page h2.strategy, .rr_error_page h2.strategy { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #979390; } .rr_category_page h2.strategy {margin-top:25px;} /* Home page - Horizontal 5 items */ #rr_home_page_recs_1 { margin: 0 auto; width: 1012px; clear: both; height: 230px; } #rr_home_page_recs_1 h2.strategy { text-align: center; font-family: times new roman; } #rr_home_page_recs_1 ul li { margin: 0 .81em 1.36em 1em; width: 18%; } /* 6 items .rr_home_page #rr_recs_1 ul li { margin: 0 .61em 1.36em 1em; width: 15%; }*/ /* Category page - Vertical 3 items carousel */ .rr_category_page rr_category_page { width: 50%; margin-left: 25%;} #rr_category_page_recs_1 h2.strategy { text-align: center; font-size: 1.2em;margin-bottom: 10px; height: 20px} #rr_category_page_recs_1 { position: absolute; top: 0; left: 0; width: 160px; height: 628px; background: #fff; } #rr_category_page_recs_1 ul li { margin: 10px 0 0; } #rr_category_page_recs_1 ul li a { margin: 0 5px; } #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-container-vertical {width: 188px;height: 628px;} #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-clip-vertical {width: 188px;height: 618px;} #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-item {width: 188px;height: 175px;} #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 0px;} /* Vertical Buttons */ #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-next-vertical, #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute;bottom: -10px;left: 70px;width: 24px;height: 10px;cursor: pointer;background: #fff url(images/rr_down_arrow.png) no-repeat 0 0;} #rr_category_page_recs_1 .jcarousel-skin-tango .jcarousel-prev-vertical {bottom:auto;top: -10px;background: #fff url(images/rr_up_arrow.png) no-repeat 0 0; } #rr_category_page_recs_1 .rr_carousel {margin-top:12px;margin-bottom:15px;} /* Category page - Horizontal 1 item carousel */ #rr_category_page_recs_2 h2.strategy { display: none; } #rr_category_page_recs_2 { float: right; width: 180px; height: 230px; background: #fff; overflow: hidden; } #rr_category_page_recs_2 ul li { margin: 0; position: relative; } #rr_category_page_recs_2 ul li img { position: absolute; top: 0; left: 0; } #rr_category_page_recs_2 ul li h3, .rr_category_page #rr_recs_2 ul li p { position: relative; top: 150px; text-align: right; margin-right: 5px; } #rr_category_page_recs_2 ul li h3, .rr_category_page #rr_recs_2 ul li a { color: #fff; } #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-container-vertical {width: 200px;} #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-clip {overflow: hidden; } #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-clip-vertical {width: 180px;height: 230px;} #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-item {width: 180px;height: 230px;} #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 0px;} /* Horizontal Buttons */ #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-next-horizontal, #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute;top: 105px;left: 5px;width: 15px;height: 37px;cursor: pointer;background: transparent url(images/rr_left_arrow.png) no-repeat 0 0;} #rr_category_page_recs_2 .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 155px;background: transparent url(images/rr_right_arrow.png) no-repeat 0 0;} /* Category page (product list page) - Horizontal 4 items */ #rr_category_page_recs_3 ul, .rr_search_page ul { background: transparent url(images/rr-bg-200.jpg) repeat-x bottom left; width: 100%; float: left; border-bottom: 1px solid #c9c4c0; margin-bottom: 40px;} #rr_category_page_recs_3 ul li { margin: 0 20px 15px 0; width: 180px; } .rr_add_to_cart h2.strategy {margin: 25px 0 0; padding: 0;} .rr_search_page.noresults ul {background-image: none; background-color: #fff; border: none; } /* Product detail page - Vertical 4 small items / Horizontal 4 small items */ #rr_item_page_recs_1 ul li { width: 150px; float: none; } .productDetail_column_1 .rr_item_page{width:100%; float:left;} .rr_item_page{width:114px; float: left;} #rr_placement_2 #rr_item_page_recs_1 ul li{width: 74px; margin: 0 auto 15px;} /* Add to Cart - Horizontal 4 items */ .rr_add_to_cart { width: 100%} .rr_add_to_cart ul {width: 456px; float: left; margin: 20px 42px 25px;} #rr_add_to_cart_page_recs_1 { clear: both; } #rr_add_to_cart_page_recs_1 ul li {width: 114px; } /* Search page - Horizontal 4 items / Grid 8 items */ .rr_search_page h2.strategy {margin-top:20px} #rr_search_page_recs_1 ul li, #rr_search_page_recs_2 ul li { margin: 0 20px 25px 0; width: 180px; } #rr_search_page_recs_2 ul li{height: 325px !important;} #rr_search_page_recs_1 ul {float: left;} /* Cart page (popup) - Horizontal 5 items */ #rr_cart_page_recs_1 ul li { margin: 0 .81em 1.36em 1em; width: 18%; } #rr_cart_page_recs_1 h2 {margin-top:40px; margin-left: 10px;} /* Error page - Horizontal 5 items */ #rr_error_page_recs_1 ul li { margin: 0 .81em 1.36em 1em; width: 180px; } .rr_error_page {margin-top: 25px;} .rr_error_page h2.strategy {text-align: center;} .rr_error_page ul {float:left; margin-bottom: 80px;} /* Mini basket */ #rr_home_page_minibasket_2 h2 { text-align: center; font-family: inherit; color: #979390; font-size: 1em; padding: 1em 0;text-transform: uppercase; font-weight: bold;} #rr_home_page_minibasket_2 { width: 228px; background: #fff; border: 1px solid #cbc8c5; font-family: Arial,Helvetica,sans-serif; float: left;} #rr_home_page_minibasket_2 ul {width: 100%; float: left;} #rr_home_page_minibasket_2 ul li { width: 50%; float:left; text-align: center; height: auto; } #rr_home_page_minibasket_2 ul li h3 { width: 74px; font-size: 90.9%; padding-bottom:0; margin: 0 auto; float: none!important;} #rr_home_page_minibasket_2 ul li a img { float: none; } #rr_home_page_minibasket_2 ul li p { width: 74px; margin: 0 auto;font-size: 90.9%; color:#4D4D4D;} #rr_home_page_minibasket_2 ul li p.more_colours{font-size: 79%; margin-top: 2px; margin-bottom:1px; padding: 0;line-height: normal; border-color: #7A7064; color: #7A7064;float: none!important;} /* #rr_home_page_minibasket_2 ul li.product p.more_colours { width: 95%; margin: none} */ .rr_minibasket {background-color: #FFFFFF} /* Email page - Vertical 4 small items */ .rr_email_page #rr_recs_1 { /* awaiting code */ } .rr_email_page #rr_recs_1 ul li { margin: 0 1em 1em 0; width: 120px; height: 175px; float: none; } /* Promos (Need to know exactly what we're going to receieve before styling these - should just be an image wrapped in an anchor) */ .rr_home_page #rr_promo_1 {} .rr_home_page #rr_promo_2 {} .rr_home_page #rr_promo_3 {} /* Promos */ .rr_category_page #rr_promo_1 {} /* Promos */ .rr_item_page #rr_promo_1 {} /* Promos */ .rr_add_to_cart #rr_promo_1 {} /* Promos */ .rr_cart_page {margin-bottom: 73px;} .rr_cart_page #rr_promo_1 {} .rr_cart_page #rr_promo_2 {} .rr_cart_page #rr_promo_3 {} .rr_cart_page, .rr_cart_page #rr_placement_3 {width: 100%; float: left;} .rr_cart_page #rr_placement_0,.rr_cart_page #rr_placement_1, .rr_cart_page #rr_placement_2{float: left; margin-top: 10px;} .rr_add_to_cart .product .image > img { background-color: grey; display: inline-block; height: 95px; width: 74px; } /*#sizeGuideIframeId {width:800px !important;} */ #rr_category_page_recs_3 ul li .more_colours{margin-bottom: 10px;} .promotionTotalMessages{ border-top: 2px solid #e1ded6; padding-top: 1em; padding-bottom: 1em; font-size: 118%;} .myaccount_personaldetails.reward-barcode { float: left; margin:0 0 0 0; padding-right: 0; width: 49.5% } .myaccount_personaldetails.reward-points { float: left; margin:0 0 0 0; padding-right: 0; border-right: 0px none; width: 49.5% } .reward-regmyacc.rewardcard_register { border-top: 3px solid #e1ded6; border-right: 3px solid #e1ded6; float:left; margin:0 0 0 0; clear:left ; padding-right: 0; width: 47.15% } .reward-regmyacc.rewardcard_register .selectedAddress, .reward-regmyacc.rewardcard_register #selectAddrButton {float: none;} #addressBookAdd_county { width: 196px; } .rewardcard_register .generic_form_error { padding-left: 163px; padding-top: 0; padding-bottom: 0.7em; } .myaccount_personaldetails.reward-points dl { margin-bottom: 10px; } .myaccount_personaldetails.reward-points dt, .myaccount_personaldetails.reward-points dd {display: inline-block; min-width: 100px;} #myaccountnewTabbedPanel .myaccount_personaldetails.reward-points dt, .myaccount_personaldetails.reward-points dd {min-width: 200px;} #myaccountTabbedPanel .myaccount_personaldetails.reward-points dt, .myaccountTabbedPanel.reward-points dd {min-width: 200px;} .myaccount_personaldetails.reward-points > div, .myaccount_personaldetails.reward-richrel > div { padding-left: 35px; } .myaccount_personaldetails.reward-richrel { border-top: 3px solid #e1ded6; float:left; margin:0 0 0 0; padding: 0.83em 0 0 0; border-right: 0px none; width: 49.5% } .rewardcard_breadcrumb { margin-top: 20px; display: inline-block; } .rewardcard_register { border:1px solid #e1ded6; padding: 20px; margin-bottom:20px; } .rewardcard_register_success { font-size: 14px; } .newRewardCardLink { height: 1.4em; line-height: 1.2em; margin-left: 1.3em; padding-left: 1.9em; text-decoration: underline; } .newRewardCardCheckbox { white-space: pre-line; float:left; margin:0 0 0 0; padding: 0.83em 0 0 0; } .green { color: green; } .formatLabels { padding: 2px 60px 2px 13.5em !important; } .formatRegLabels { padding: 4px 60px 2px 14.9em !important; width:220px; } .rrpromoimageas { padding-left:25px !important; } .countyRR { width: 198px; } .generic_form_error.addressBookAdd_error_box.error { width: inherit; } /*Inline CSS moved from content slot*/ body.desktop { height: 100%; color:#4d4d4d; background: none repeat scroll 0 0 #FFFFFF; } .desktop a.monsoonSite.current { background: transparent url(https://uk.monsoon.co.uk/medias/sys_master/8900077846558.png) no-repeat scroll left top; width: 123px; height: 40px; } .desktop a.accessorizeSite { background: transparent url(https://uk.monsoon.co.uk/medias/sys_master/8900077518878.png) no-repeat scroll left top; height: 40px; width: 134px; } .desktop a.monsoonSite { height: 42px; } .desktop .currentMenuLink { font-size: 12px; line-height: 1.5em; width: 100%; } .desktop .currentMenuLink a { } .desktop .currentMenuLink a:hover, .desktop .shopMonsoon_contents a:hover { display: block; } .desktop #wrapper { margin: -1px 0 0 !important; } .desktop .firstColContainer { padding:1px 10px 0 0; } .desktop .threeColShort .firstColContainer { padding:1px 10px 0 0 } .desktop .bottomCollectionsPadding { padding-top:12px; } /** footer-links navigation **/ @media screen and (-webkit-min-device-pixel-ratio:0) { } .desktop .mainNavigation_linkList li.parent.last { margin-right: 0; } /* main styles */ /*category pages */ .desktop .category_bannner { position: relative; width: 780px; font-family: Georgia, "Times New Roman", Times, serif;/*margin-bottom: 20px;*/ } .desktop .category_bannner div { /* width:100%; height:100%;*/ } .desktop .category_bannner h1 { padding: 32px 0 10px 32px; font-size: 30px; margin: 0; color: #444444; font-weight: normal; } .desktop .category_bannner h2 { padding-left: 32px; font-size: 14px; color: #444444; font-weight: normal; } .desktop .categoryTree li span.categoryTree_bold { font-family:'proxima_novaregular'; font-size: 10px; font-weight: bold; color:#363636; letter-spacing:1px; text-transform:uppercase; } .desktop .categoryTree ul { background-color: none !important; } .desktop .categoryTree .categoryTree_main ul li ul.categoryTree_facet { background: none; } .desktop .categoryTree ul li ul li a { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color:#363636; letter-spacing:1px; background:url('http://media.monsoon.co.uk/assets/images/dual/category/square_offb_dedede.png') left 3px no-repeat } .desktop .categoryTree ul li ul li a.checked_facet { background:url('http://media.monsoon.co.uk/assets/images/dual/category/square_on.jpg')left 3px no-repeat } .desktop .categoryTree li span.categoryTree_more_link, .desktop a.categoryTree_clearSearch { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#636363; letter-spacing:1px; text-decoration:underline; text-transform:uppercase; } .desktop h1.categoryLandingPageTitle_heading { display: none; } .desktop .facetHeadingTitle { margin: 0; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; border-bottom:none; letter-spacing:1px; font-weight:bold; } .desktop .productList_item { text-align:center; } .desktop .pagination_area { font-family:'proxima_novaregular'; text-transform:uppercase; font-size:10px; border-bottom:none; letter-spacing:0px; } .desktop .pagination_area select { border: 1px solid #e2e2e2; } .desktop .productList_name a.productList_a { font-family:Arial, Helvetica, sans-serif; color:#363636; text-transform:uppercase; font-size:10px; letter-spacing:1px; } .desktop .productList_prices div.price a, div.productList_prices div.from_price .wasprice, .desktop .productList_prices .from_price, .desktop .productList_prices .from_price .wasprice, .desktop .productList_prices .productList_a { font-family:'proxima_novaregular'; color:#363636; font-weight:bold; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-align:center; } .desktop .productList_prices div.productList_wasprice { width: 49%; padding-left: 0; font-family:'proxima_novaregular'; color:#363636; font-weight:bold; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-align:center; } .desktop .productList_prices div.now_price { width: 49%; padding-right: 0; font-family:'proxima_novaregular'; color:#e91c2c; font-weight:bold; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-align:center; } .desktop .productList_prices .from_price .pink, .desktop .productList_prices div.now_price .pink { font-family:'proxima_novaregular'; font-size:10px; color:#e91c2c; } .desktop .pr-snippet-stars { margin:0!important; } .desktop .pr-snippet-stars .pr-stars-small, .desktop .pr-modal-container .pr-stars { margin-left:47px!important; } .desktop .more_colours, .desktop .as_seen_in, .desktop .web_exclusives { font-family:'proxima_novaregular'; color:#636363; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-align:center; } .desktop .column_1, .desktop .column_2 { margin-bottom:0!important; } /* end category page styles */ /* product page styles */ .desktop .productDetail_name_and_description h1 { font-family:'proxima_novaregular'; color:#363636; font-size:13px; text-transform:uppercase; letter-spacing:1px; margin: 0; } .desktop .productCode { font-family:'proxima_novaregular'; color:#959595; font-size:11px; letter-spacing:1px; margin: 0; } .desktop .productDetail_big_nowprice { font-family:'proxima_novaregular'; color:#363636; font-size: 13px; font-weight: bold; letter-spacing:1px; text-transform:uppercase; } .desktop .productDetail_main_pricelist .pink { color:#fb5262!important } .desktop .productDetail_price#WAS_price { font-family:'proxima_novaregular'; color:#959595; font-size:11px; letter-spacing:1px; text-transform:uppercase; } .desktop .productDescriptionText, .desktop .pr-snippet-write-first-review p, .desktop .pr-snippet-read-write a.pr-snippet-link { font-family:Arial; color:#6e6e6e; font-size: 11px; font-weight: normal; letter-spacing:1px; } .desktop .productDescriptionText { line-height:17px; } .desktop .productDetail_variant select { font-family:'proxima_novaregular'; font-size: 11px; font-weight: normal; letter-spacing:1px; /*padding:3px;*/ text-indent:3px; height:23px; margin-top:10px; } .desktop .productDetail_variant select.smallerWidth { top:-2px; } .desktop .productDetail_variant .form_spacer { padding-bottom:0; } .desktop .productDetail_variant .form_spacer label { padding-top:13px; padding-left:9px; font-family:'proxima_novaregular'; letter-spacing:1px; color:#000000 } .desktop .productDetail_variant .add_to_bag { margin-bottom:1.4em; } .desktop .pinkButton { font-family:'proxima_novaregular'; font-size:13px; background-image:none; background-color:#ff525f; letter-spacing:1px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .desktop .productDetail_variant .add_to_bag .pinkButton { font-size:13px; width:359px; margin-top:10px; } .desktop .greyButton { font-family:'proxima_novaregular'; font-size:13px; background-image:none; background-color:#c5c5c5; letter-spacing:1px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .desktop .productDetail_variant .greyButton { height: 28px; line-height: 28px; width:359px; margin-top:10px; } .desktop .productDetail_variant .size_guide { position:relative; top:15px; } .desktop .productDetail_item_promos { display:none; } .desktop .page_container.home_page .standard_container { margin-top: 0; } .desktop .standard_container { margin: 0 auto; width: 1000px; float: none; } .desktop .productDetail_image_thumb { margin-bottom: 0; } .desktop .productDetail_column_2 .tabbed_componentContainer_shadow { margin-top:14px; } .desktop ul.componentContainer_tabs { height: 23px; border-bottom:none; } .desktop ul.componentContainer_tabs li { height: 22px; line-height: 17px; } .desktop ul.componentContainer_tabs li { background:#ffffff; border-top:none; border-bottom:none; } .desktop ul.componentContainer_tabs li.active { height: 23px; } .desktop ul.componentContainer_tabs li a { padding: .3em 10px 0; color:#363636; } .desktop ul.componentContainer_tabs li a:hover { text-decoration:underline; } .desktop .componentContainer_content_container { width: 383px; border:none; color:#959595; } .desktop .componentContainer_content_container h3 { font-family:'proxima_novaregular'; font-weight:normal; letter-spacing:1px; font-size:12px; color:#363636; text-transform:uppercase; } .desktop .productDetailPage .productDetail-column2 .product-info .description, .desktop .deliveryMsg, .desktop .productDetailPage .productDetail-column2 #accordion .accordion-content p { font-size:1.1em; } /* end product page styles */ .desktop #container { position: relative; margin: 0 auto; width: 1000px; margin-top: 0; z-index: 10; } .desktop .two_column_container { /*width: 1000px;*/ margin: 0 auto; } .desktop #homeSubSubContainer { display: block; position: relative; width: 1000px; margin: 0 auto; margin-top: 0; z-index: 10; } .desktop #breadcrumbs { margin-top: 1.25em; width: 77%; float: none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; color:#363636; } .desktop #breadcrumbs a, .desktop #breadcrumbs a:active, .desktop #breadcrumbs a:visited, .desktop #breadcrumbs a:hover { color:#636363; } .desktop .breadcrumb_back_to { width: 22%; margin-top: 0; z-index: 22; height: auto; text-decoration:none; } .desktop .breadcrumb_back_to a, .desktop .breadcrumb_back_to a:active, .desktop .breadcrumb_back_to a:visited, .desktop .breadcrumb_back_to a:hover { font-family:'proxima_novaregular'; text-transform:uppercase; font-size:10px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; color:#636363; } .desktop .breadcrumb_back_to a:hover { text-decoration:underline; } .desktop .add_to_bag { margin: 0.5em 0; } .desktop .add_to_bag span, .desktop .add_to_bag a.pinkLink { display: none!important; } .desktop .pinkButton { padding: 0 1.3em .2em; } .desktop .addedToBagBundlePopup_button_view_basket { margin-left: 61px !important; } .desktop .addedToBagBundlePopup_button_container { background-color: #f8f8f8; border-bottom: 1px solid #e0e0e0; padding: 1.5em; } .desktop .addedToBagBundlePopup_button_container h1 { margin-top:0; } /* Main styles - information pages */ .desktop .infoLeftColumn, .desktop .infoRightColumn { float: left; color: #666666; } .desktop .infoLeftColumn { width: 22%; } .desktop .infoRightColumn { margin-left: 25px; width: 75%; margin-bottom: 93px; } .desktop .infoRightColumn h2, .desktop .infoRightColumn h3 { font-size: 12px; font-weight: bold; } .desktop .infoMenu { background: url(https://uk.monsoon.co.uk/medias/sys_master/8807627423774.jpg) no-repeat; width: 224px; height: 289px; padding: 30px 0 0 30px; } .desktop .infoTitle { color: #fb5262; font-size: 18px; font-weight: bold; } .desktop h1.infoTitle { margin-top: 30px; margin-bottom: 1em; text-transform: none; } .desktop .infoMenu ul li { padding: 5px 0 0; } .desktop .infoMenu ul li a, .desktop .infoMenu ul li a:active, .desktop .infoMenu ul li a:visited, .desktop .infoMenu ul li a:hover { color: #666666; font-size: 12px; text-decoration: none; } .desktop .infoMenu ul li a:hover { text-decoration: underline; } .desktop .infoMenu ul li a.current { font-weight: bold; } .desktop .infoRightColumn ul { padding-bottom: 3em; } .desktop .infoRightColumn ul li a, .desktop .infoRightColumn ul li a:active, .desktop .infoRightColumn ul li a:visited, .desktop .infoRightColumn ul li a:hover { color: #666666; font-size: 12px; font-weight: bold; text-decoration: none; } .desktop .infoRightColumn ul li a:hover { text-decoration: underline; } .desktop .infoRightColumn ul li ul { margin-left: 20px; padding-bottom: 0; } .desktop .infoRightColumn table { margin-bottom: 1.5em; } .desktop .infoRightColumn table tr td { border: 1px solid #887d74; padding: 5px; vertical-align: middle; } .desktop .infoRightColumn .pagetop { font-family: Georgia, "Times New Roman", Times, serif; color: #FB5262; } .desktop .infoRightColumn .strong { font-weight: bold; } .desktop .pagination_area.bottom_pagination { margin-bottom: 100px; } .desktop .productList li { height: 325px !important; text-align:left; } /* footer styles */ .desktop .footer_collapsed { position:fixed; width:1024px; } .desktop #footer_expanded { float: left !important; width: 100%; padding-top: 25px; margin-right: none; display: none; position: fixed; left:0px; bottom: 50px; height: 200px; background: url("https://uk.monsoon.co.uk/medias/sys_master/8987145437214.gif") repeat-x 0px -44px #FFFFFF !important; } .desktop #footer_amigo { position: relative; bottom: 4px; left: 22px; top:-5px; float: left; } .desktop #footer_amigo { *position:absolute !important; *float:left !important; *width:1000px; *top:37px; *margin-left:50px; } .desktop #footer_amigo li { *float:left !important; } .desktop #footer_menu_one li { float:left; display:block; font-family: 'proxima_novaregular'; text-transform:uppercase; font-size:11px; letter-spacing:1px; color: #000000; margin-right:87px; position: relative; top:12px; } .desktop #footer_menu_one li:hover { color: #888888; } .desktop #emvForm .submitbtn span:hover { color: #888888; } .desktop #footer_amigo li { font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#000000; display:inline; letter-spacing:1px; } .desktop #footer_amigo li a { color:#000000; } .desktop .footer_action { cursor:pointer; } .desktop .footer_submenus { position:relative } .desktop .footer_submenus ul { float:left; } .desktop .footer_submenus li { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; padding-bottom:5px; padding-right:5px; } .desktop .footer_submenus li a { color:#000000; } .desktop .footer_submenus li a:hover { color:#888888; } .desktop .region_title { display:block; font-family: 'proxima_novaregular'; text-transform:uppercase; font-size:11px; letter-spacing:1px; color: #000000; } .desktop .footer_country { background: #dedede; border: 0px; width: 175px; padding: 5px 5px 5px 5px; position: relative; top: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; } .desktop #footer_submenus_outer { width:1030px; margin-right: auto; margin-left:auto; } .desktop .footer_social { list-style-type:none; margin-top:-18px; width:80px; height:195px; } .desktop .footer_social li span { display:none; } .desktop .footer_social li.pinterest { background-position: 0px 0px; height:35px; width:80px } .desktop .footer_social li.facebook { background-position: 0px -40px; height:26px; width:80px } .desktop .footer_social li.google { background-position: 0px -66px; height:29px; width:80px } .desktop .footer_social li.twitter { background-position: 0px -95px; height:32px; width:80px } .desktop .footer_social li.instagram { background-position: 0px -127px; height:30px; width:80px } .desktop .footer_social li.youtube { background-position: 0px -157px; height:30px; width:80px } .desktop .footer_social li.pinterest:hover { background-position: 80px 0px; } .desktop .footer_social li.facebook:hover { background-position: 80px -40px; } .desktop .footer_social li.google:hover { background-position: 80px -66px; } .desktop .footer_social li.twitter:hover { background-position: 80px -95px; } .desktop .footer_social li.instagram:hover { background-position: 80px -127px; } .desktop .footer_social li.youtube:hover { background-position: 80px -157px; } .desktop #footer_action_last { margin-right:0px !important; margin-left:52px; } /* START CSS HACKS :( */ .desktop #emvForm .submitbtn { *float: left; *left:135px; *bottom:31px; } /* END CSS HACKS :( */ .desktop .pagination_view_all { font-weight: bold; } .desktop #pageSizeSelect { font-weight: normal; } .desktop #pageSizeSelectDown { font-weight: normal; } .desktop .order_bundle_options span { display: none; } .desktop .category_bannner h1 { text-transform: none!important; } .wider_width { width: 999px; } /*** Footer Navigation ***/ .footerNavigation_linkList_content { float: left; margin: 1px 71px 0 0; position: relative; } .footerNavigation_linkList_content ul.footerNavigation_linkList { text-align: center; float: right; display: block; } ul.footerNavigation_linkList li.parent { float: left; position: relative; font-size: 12px; height: 20px; margin-right: 29px; display: block; text-transform: uppercase; } ul.footerNavigation_linkList li.parent.last { margin-right: 0; } ul.footerNavigation_linkList li.parent > a { padding: 3px 3px 2px; text-align: center; float: left; width: 100%; display: block; color: #979390; font-weight: normal; } ul.footerNavigation_linkList li.parent a:hover { text-decoration: none; background: none; } /* Main Pain */ div.footerSecondLevelNavOnwards { display: none; z-index: 1001; position: absolute; padding-top: 30px; top: -318px; left: 0.3em; width: 305px; } div.footerSecondLevelNavOnwards span { background: transparent url("../images/navigation-arrow.gif") no-repeat left top; display: block; width: 30px; height: 15px; position: absolute; top: 320px; left: 15px; z-index: 499; } div.footerSecondLevelNavOnwards:hover { cursor: pointer; } ul.footerNavigation_linkList li.parent ul.childlist.singleCol a { padding: 0.3em 0; } ul.footerNavigation_linkList li.child { clear: left; } /* Navigation Columns */ ul.footerNavigation_linkList li.parent div > ul.childlist { color: #979390; font-weight: normal; text-align: left; background: #fff; text-transform: none; width: 380px; position: absolute; z-index: 100; top: 19px; text-transform: none; -webkit-box-shadow: 1px 1px 3px 1px #ccc; -moz-box-shadow: 1px 1px 3px 1px #ccc; box-shadow: 1px 1px 3px 1px #ccc; border: solid 1px #cbc8c5; padding: 1em; } /*Default*/ ul.footerNavigation_linkList li.parent div > ul.childlist.singleCol { width: 167px; } ul.footerNavigation_linkList li.parent div > ul.childlist.singleCol li.child { float: left; width: 100%; clear: left; } ul.footerNavigation_linkList li.parent div > ul.childlist li.topHeading { border-bottom: solid 1px #c9c9c9; padding-bottom: 6px; } ul.footerNavigation_linkList li.parent div > ul.childlist.doubleCol { width: 250px; } ul.footerNavigation_linkList li.parent div > ul.childlist.doubleCol li.child { float: left; width: 100%; clear: left; } ul.footerNavigation_linkList li.parent div > ul.childlist.doubleCol .featuredPara li.child { width: 100%; } ul.footerNavigation_linkList li.parent div > ul.childlist.doubleCol li.child.footerSecondCol { float: right; width: 30%; clear: right; } ul.footerNavigation_linkList li.parent div > ul.childlist.footerThreeCol { width: 402px; } ul.footerNavigation_linkList li.parent div > ul.childlist.footerThreeColShort { width: 262px; } ul.footerNavigation_linkList li.parent:last-child > ul.childlist { width: 153px; } ul.footerNavigation_linkList li.parent:last-child > ul.childlist > li { width: 100%; } ul.footerNavigation_linkList li.parent > ul.childlist > li { width: 100%; margin-right: 1em; float: left; clear: left; border-right: solid 1px #cbc8c5; } ul.footerNavigation_linkList li.parent > ul.childlist ul.childlist { padding-bottom: 2em; padding-left: 1em; } .footerFirstColContainer { float: left; width: 120px; padding: 12px 10px 0 0; } .footerThreeColShort .footerFirstColContainer { width: 120px; border-right: solid 1px #c9c9c9; padding: 12px 10px 0 0; } .footerThreeCol .footerSecondColContainer { width: 120px; border-right: solid 1px #c9c9c9; padding: 12px 10px 0 10px; } .footerSecondColContainer { float: left; width: 92px; min-height: 209px; padding: 12px 10px 0 0; } .firstCollectionsContainer { float: right; width: 120px; padding: 12px 0 0 10px; } .footerThreeColShort .footerCollectionsContainer { width: 120px; } /* homepage and global */ .desktop .mobHomeBannerImg { display: none; } /* Hides on desktop */ /* Reward card - Styles for mobile found in reward page html */ /* Centred basket popup & Add to Bag button */ .desktop #addedToBagBundlePopup h1 { text-align: center; } .desktop .addedToBagBundlePopup_button_view_basket { margin-left: 90px; } .desktop #addedToBagBundlePopup .pinkButton { padding: 0 1.3em; height: 22px; line-height: 23px; } .desktop .add_to_bag .pinkButton { font-size: 14px; height: 28px; line-height: 28px; } /* .desktop #xmasbutton {display: none !important;} */ .desktop .product_detail_left_side.tabbed_componentContainer_shadow { margin-bottom: 73px; } .desktop #text { margin-bottom: 73px; } .desktop #women_div, .desktop #fusion_div, .desktop #children_div, .desktop #men_div { margin-bottom: 73px; } /*BOTTOM SECTION - ADDITIONAL CSS*/ @font-face { font-family: 'proxima_novaregular'; src: url('//media.monsoon.co.uk/monsoon/fonts/ProximaNova-Reg-webfont.eot');/* IE9 Compat Modes */ src: url('/monsoon/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('/monsoon/fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('/monsoon/fonts/ProximaNova-Reg-webfont.woff2') format('woff2'),/* Modern Browsers */ url('/monsoon/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),/* Safari, Android, iOS */ url('/monsoon/fonts/ProximaNova-Reg-webfont.svg#proxima_novaregular') format('svg');/* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'TrashHand'; src: url('/monsoon/fonts/trashhand-webfont.eot');/* IE9 Compat Modes */ src: url('/monsoon/fonts/trashhand-webfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('/monsoon/fonts/trashhand-webfont.woff') format('woff'), url('/monsoon/fonts/trashhand-webfont.woff2') format('woff2'),/* Modern Browsers */ url('/monsoon/fonts/trashhand-webfont.ttf') format('truetype'),/* Safari, Android, iOS */ url('/monsoon/fonts/trashhand-webfont.svg#TrashHand') format('svg');/* Legacy iOS */ font-weight: normal; font-style: normal; } .tablet.monsoon div.shoppingbasketpromobanner { margin-top:-97px; } body.tablet.desktop.monsoon { background: none repeat scroll 0 0 #FFFFFF; } .tablet .deliverymessage { display: none; } .tablet #wrapperSlider { height: 41%; } .tablet #slider { height: 100%; } @media only screen and (min-device-width: 768px) and (orientation: portrait) { .tablet #wrapperSlider { height: 33%; } .tablet #slider { height: 100%; } } .pr-snippet-stars .pr-stars-small, .pr-modal-container .pr-stars { background-image: url(http://media.monsoon.co.uk/assets/images/dual/reviews/gifs/stars_small_monsoon-TEST.gif) !important; } .pr-snippet-stars .pr-stars-small, .pr-modal-container .pr-stars { margin-top: 3px; } .desktop #productDetailInfo { margin-bottom: 10px !important; } .tablet .popup .content { width: 100% !important; } .desktop .two_column_container .column_2 .category_bannner div .seo-title { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:22px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; color:#363636; font-weight: normal; margin: 0; padding: 20px 34px 13px 32px; width: 475px!important; } .desktop .two_column_container .column_2 .category_bannner div .seo-description { font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; line-height:17px; text-decoration:none; color:#363636; font-weight: normal; padding: 0 34px 18px 32px; width: 420px!important; } .desktop .two_column_container .column_2 .category_bannner div .seo-c1 a, .desktop .two_column_container .column_2 .category_bannner div .seo-c2 a, .desktop .two_column_container .column_2 .category_bannner div .seo-c3 a { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; color:#363636; font-weight: bold; line-height: 18px; text-decoration: none; } .desktop .two_column_container .column_2 .category_bannner div .seo-c1 a:hover, .desktop .two_column_container .column_2 .category_bannner div .seo-c2 a:hover, .desktop .two_column_container .column_2 .category_bannner div .seo-c3 a:hover { text-decoration: underline; } .desktop .two_column_container .column_2 .category_bannner div .seo-c1, .desktop .two_column_container .column_2 .category_bannner div .seo-c2, .desktop .two_column_container .column_2 .category_bannner div .seo-c3 { float: left; margin-left: 32px; position: relative; } .desktop .two_column_container .column_2 .category_bannner div .seo-c2, .desktop .two_column_container .column_2 .category_bannner div .seo-c3 { margin-left: 50px; } .desktop .two_column_container .column_2 .category_bannner div.white-text .seo-title, .desktop .two_column_container .column_2 .category_bannner div.white-text .seo-description, .desktop .two_column_container .column_2 .category_bannner div.white-text .seo-c1 a, .desktop .two_column_container .column_2 .category_bannner div.white-text .seo-c2 a, .desktop .two_column_container .column_2 .category_bannner div.white-text .seo-c3 a { color:#ffffff; } .desktop .two_column_container .column_2 .category_bannner div.sale-text .seo-title, .desktop .two_column_container .column_2 .category_bannner div.sale-text .seo-description, .desktop .two_column_container .column_2 .category_bannner div.sale-text .seo-c1 a, .desktop .two_column_container .column_2 .category_bannner div.sale-text .seo-c2 a, .desktop .two_column_container .column_2 .category_bannner div.sale-text .seo-c3 a { color:#fcb034; } .desktop .two_column_container .column_2 .category_bannner div.middle .seo-title, .desktop .two_column_container .column_2 .category_bannner div.middle .seo-description { margin:0 auto; padding-left: 0px; text-align:center; width:366px !important; } .desktop .two_column_container .column_2 .category_bannner div.middle .seo-title { padding: 20px 0px 13px 0px; } .desktop .two_column_container .column_2 .category_bannner div.middle .seo-description { padding: 0px 0px 18px 0px; } .desktop .two_column_container .column_2 .category_bannner div.middle .seo-c1 { margin-left:215px; } .desktop .category_bannner div.sale-text .seo-title { text-transform:uppercase; } .desktop .orderHistoryConfirm_totals.payment_order_summary { margin-bottom: 150px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .desktop ul.mainNavigation_linkList li.parent div > ul.childlist { top:18px; /* ie11 */ } } .tablet .banner_search { display: block !important; } .tablet #site-switcher { display: none; } /*banner fix*/ .desktop .productList-container .new_category_bannner .new-banner-container section.main-banner .banner .seo-description { width:90%; } .desktop .productList-container .filterPanel-container { height: auto !important; min-height: 85vh !important; max-height: 87vh !important; }