/* *----------------------------------------------------------------- * Licensed Materials - Property of IBM * * WebSphere Commerce * * (C) Copyright IBM Corp. 2012, 2014 All Rights Reserved. * * US Government Users Restricted Rights - Use, duplication or * disclosure restricted by GSA ADP Schedule Contract with * IBM Corp. *----------------------------------------------------------------- */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ Global Styles START ================================ */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ body { margin: 0; padding: 0; color: #333333; font-family: arial,helvetica,clean,sans-serif; font-size: 16px !important; /* Added by RB to set the base font size for our EMS */ line-height: 1.25em; text-rendering:optimizeLegibility; width: 100%; position: absolute; -webkit-font-smoothing:antialiased; } input[type=text] { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } input[type=password]{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } select { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } body.body_estores_overlay_open { overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch; overflow-y: scroll; /*added by Mona Farag as fix for DWR-634 we need the user to be able to scroll the page if the overlay was oppend*/ } @media not all and (min-resolution:.001dpcm) { @media { body.body_estores_overlay_open {height: auto;} }} #page { position: static; } body.my_account_ios_overlay_open{ position: fixed; /* Added by RB as you can still scroll the body when a popup is open on touch devices */ } a { color: inherit; cursor: pointer; text-decoration: none; /* outline: 0; Removed by RB 24-08-16 so that links are highlighted when tabbed to - for accessibility */ } blockquote, h1, h2, h3, h4, h5, h6, p { color: #333333; margin: 0; padding: 0; } h1, h2, h3, h5, h6 { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; } h1 {font-size: 1.875em; line-height: 2.625em;} h2 {font-size: 1.5625em; line-height: 2.125em;} h3 {font-size: 1.25em; line-height: 1.875em;} h4 {font-family: "F37 Ginger Thin",Tahoma,Arial,sans-serif; font-size: 1.25em; line-height: 1.875em;} h5 {font-size: 1.09375em; line-height: 1.53125em;} h6 {font-size: 0.875em; line-height: 1.25em;} .displayNone{display: none;} .floatLeft{float:left;} #overlay, .overlay, .estores_overlay {display: none; z-index: 3000; background: #000; position: fixed !important; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; opacity:0.6;} .estores_overlay_wrapper { top: 0; left: 0; position: fixed; width: 100%; z-index: 4000; right: 0; bottom: 0; overflow-y: auto; } .estores_overlay_content { background: #ffffff; display: block; margin: 30px auto; z-index: 101; position: relative; overflow: hidden; width: 515px; padding:10px 10px; text-align: center; } .estores_overlay_content .textContent {font-weight: normal; font-family:arial,helvetica,clean,sans-serif; text-align: left; padding: 0 15px 15px 15px;} #inactivityWarningPopup{z-index:9999 !important;} .estores_session_timeout_overlay_wrapper{top:0 !important;} .estores_session_timeout_overlay { background: #ffffff; display: block; margin: 30px auto; z-index: 99999; position: relative; overflow: hidden; width: 515px; padding:10px 10px; text-align: center; top:0 !important; left:0; } .estores_session_timeout_overlay .button.primary{max-width:40%;} .estores_session_timeout_overlay .button.primary:active{max-width:40%;} .estores_session_timeout_overlay #inactivityWarningPopup_body{padding:40px 10% 30px;} .estores_session_timeout_overlay .button_container{margin-bottom:30px;} .estores_session_timeout_overlay .message_text{font-size:1.2em;} .heroContent { background-color: #efcce0; height: 8rem; position: relative; } .heroContent p { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif!important; font-size: 1.375em !important; margin: 0; position: relative; text-align: center; line-height: 1.8em; } .loading {position: relative;} .loading *{visibility:hidden;} .loading:after {content: ''; color: #444444; display: block; position: absolute; top: 0; width: 100%; height: 100%; background: #ffffff url("../../images/boots/boots_loader_spinner.gif") no-repeat; background-position: center 100px; background-position-x: center; background-position-y: 100px; z-index:9;} /*-----COMSR 108 ----*/ .forgot_password_adcard{float:right;font-weight:normal;position:relative;right:2px;position: relative;top: -6px;} .forgot_password_adcard a{font-size:.8em;text-decoration:underline;color:#333333;} .forgot_password_adcard a:hover{text-decoration:none;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { h1 {font-size: 1.5625em; line-height: 2.125em;} h2 {font-size: 2.1875em; line-height: 2.9375em;} h3 {font-size: 1.09375em; line-height: 1.53125em;} h4 {font-family: "F37 Ginger Thin",Tahoma,Arial,sans-serif; font-size: 1.09375em; line-height: 1.53125em;} h5 {font-size: 0.875em; line-height: 1.25em;} h6 {font-size: 0.75em; line-height: 1.0625em;} .estores_overlay_content{width:90%; padding-top:30px;} .estores_session_timeout_overlay {width:90%;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { h1 {font-size: 2.8125em; line-height: 4.125em;} h2 {font-size: 2.1875em; line-height: 2.9375em;} h3 {font-size: 1.875em; line-height: 2.625em;} h4 {font-family: "F37 Ginger Thin",Tahoma,Arial,sans-serif; font-size: 1.875em; line-height: 2.625em;} h5 {font-size: 1.25em; line-height: 1.875em;} h6 {font-size: 1.125em; line-height: 1.53125em;} } /* ================================ Global Styles END ================================ */ /* ================================ EStoreProductPageTemplate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_productpage_template_container { max-width: 1360px; margin: 0 1em; overflow: hidden; } #estore_productpage_template_container .left_espot{ z-index: inherit; position: inherit; } #estore_productpage_template_container .contentRecommendationWidget{ position: inherit; } #estore_productpage_template_container .template_row_spacer{ border-top: 5px solid #e7e7e7; margin-top: 25px; padding-top: 40px; } #estore_productpage_template_container.brand_chanel #estore_product_title{margin: 10px 0 0 0;} #estore_productpage_template_container.brand_chanel #estore_product_title h1 { font-family: Arial,Tahoma,sans-serif; font-size: 1em; font-weight: bold; line-height: 2.2em; overflow: hidden; text-overflow: ellipsis; } #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_one, #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_two{font-size: 1.875em;} #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_three{font-weight: normal; font-size: 1.5625em;} #estore_productpage_template_container.brand_chanel .button.primary { background-color: #000; color:#fff; border: 2px solid #000; box-sizing: border-box; } #estore_productpage_template_container.brand_chanel .button.secondary { background-color: #acacac; color: #000; } #estore_productpage_template_container.brand_chanel .button.tertiary { background-color: #fff; color:#000; border: 2px solid #acacac; box-sizing: border-box; } #estore_productpage_template_container.brand_chanel .pdp_favourites_section span.product_favourited span:before{color: #acacac;} #estore_productpage_template_container.brand_chanel .button.primary:hover, #estore_productpage_template_container.brand_chanel .button.primary:focus { background-color: #fff; color: #000; border: 2px solid #acacac; } #estore_productpage_template_container.brand_chanel .button.secondary:hover, #estore_productpage_template_container.brand_chanel .button.secondary:focus { background-color: #fff; color: #000; border: 2px solid #acacac; } #estore_productpage_template_container.brand_chanel .button.tertiary:hover, #estore_productpage_template_container.brand_chanel .button.tertiary:focus { background-color: #f3f3f3; } #estore_productpage_template_container.brand_chanel .button.primary:active, #estore_productpage_template_container.brand_chanel .button.secondary:active, #estore_productpage_template_container.brand_chanel .button.tertiary:active {background-color: #acacac} #estore_productpage_template_container.brand_chanel .button.disabled, #estore_productpage_template_container.brand_chanel .button.disabled:hover, #estore_productpage_template_container.brand_chanel .button.disabled:focus, #estore_productpage_template_container.brand_chanel .button.disabled:active { background-color: #e5e5e5; color: #999999; cursor: default; border-color: transparent; } #estore_brand_banner.brand_chanel{ width: 100%; height: 55px; background-color: #000; color: #fff; } #estore_brand_banner.brand_chanel img{ padding: 15px 18px; } #estore_brand_banner.brand_chanel a{ display: block; } #estore_productpage_template_container.brand_chanel #estore_product_price_widget .price { font-family: Arial,Tahoma,sans-serif; font-weight: bold; } #estore_productpage_template_container.brand_chanel #estore_product_price_widget .price span { display:none; } #estore_productpage_template_container.brand_chanel #estore_product_variant .productVarient img { cursor: pointer; width: 100%; border-radius: 0; } #estore_productpage_template_container.brand_chanel #estore_product_variant .productVarient.selected img { border-radius: 0; border: 2px solid #000; width: 100%; margin: 0; box-sizing: border-box; } #estore_productpage_template_container.brand_chanel #estore_product_variant .productVarient.selected { width: 38px; height: 38px; border-radius: 0; border: none; } #estore_productpage_template_container.brand_chanel #estore_product_promotions .promoText { margin: 22px 0 22px 0; background-color: transparent; padding: 15px; border: 1px solid #acacac; border-width: 1px 0 1px 0; text-align: center; } #estore_productpage_template_container.brand_chanel #estore_product_promotions .promoText a { font-family: Arial,Tahoma,sans-serif; font-size: 1.125em; color: #464646; text-align: center; font-weight: bold; } #estore_productpage_template_container.brand_chanel #estore_product_price_widget .productid, #estore_productpage_template_container.brand_chanel #estore_product_price_widget .details, #estore_productpage_template_container.brand_chanel #estore_product_promotions_on_pdp h2 { color: #464646; } #estore_productpage_template_container.brand_chanel div#cvos_overlay_content div.cvos_overlay_head h2 { font-family: Arial,Tahoma,sans-serif; text-transform: uppercase; font-weight: bold; } #estore_productpage_template_container.brand_chanel div#cvos_overlay_content div#cvos_overlay_pddesc .title_lvl_three {font-weight: normal;} #estore_productpage_template_container.brand_chanel div#cvos_overlay_content div#cvos_overlay_pdimage {border-color: transparent;} #estore_productpage_template_container.brand_chanel div#cvos_overlay_productVariantSelection #estore_product_variant .productVarient.selected {width: 40px;height: 40px;} #estore_productpage_template_container.brand_chanel div#cvos_overlay_productVariantSelection #estore_product_variant .productVarient.selected img {width: 40px;height: 40px;} #estore_productpage_template_container.brand_chanel div#cvos_overlay_pddesc div.cvos_overlay_formInputs a.geoLocation, #estore_productpage_template_container.brand_chanel div#cvos_storetext_stockSearchControl input[type="checkbox"]:checked + label:before, #estore_productpage_template_container.brand_chanel div#btn_scrollToTop:before{ color: #000; } #estore_productpage_template_container.brand_chanel div.cvos_overlay_formInputs a.geoLocation:before {background: url("../../images/boots/locationIconBlack.png") no-repeat;} #estore_pdp_image, #estore_pdp_blcol { padding-right: 5%; box-sizing: border-box; } #estore_pdp_blcol, #estore_pdp_brcol { margin-top: 30px; margin-bottom: 30px; } #estore_pdp_bottomsec img { width: 50%; } #estore_pdp_trcol_2{ font-size:0.875em; line-height: 20px; font-family:Arial, Helvetica, sans-serif; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_productpage_template_container { margin: 0 0.75em; } #estore_productpage_template_container .template_row_spacer{ margin-top: 10px; padding-top: 15px; position: relative; } #estore_productpage_template_container .template_row_spacer::before { content: ""; height: 5px; position: absolute; left: -0.625em; right: -0.625em; top: -5px; background-color: #e7e7e7; } #estore_brand_banner.brand_chanel img{ margin: 0 auto; display: block; } #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_one, #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_two{font-size: 1.5625em;} #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_three{font-weight: normal; font-size: 1.25em;} #estore_productpage_template_container #estore_pdp_image, #estore_productpage_template_container #estore_pdp_blcol {padding-right: 0;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_productpage_template_container { max-width: 1164px;/* Product page central column from HS PSDs */ margin: 0 auto; } #estore_productpage_template_container.brand_chanel #estore_product_title{margin: 30px 0 0 0;} #estore_productpage_template_container.brand_chanel #estore_product_title h1 .title_lvl_three{font-weight: normal;} #estore_productpage_template_container.brand_chanel #estore_product_promotions .promoText {margin-left: 22px;} } @media (min-width: 601px) and (max-width: 1280px) { #estore_lister_template_container { /*width: 95%; margin: 0 auto 0 auto;*/ padding: 0 17px; } #contentWrapper > .rowContainer, #content > .rowContainer { padding: 0 !important; } #contentWrapper > .rowContainer > .row.margin-true, #content > .rowContainer > .row.margin-true { padding: 0 17px !important; } div#widget_breadcrumb { padding-left: 0 !important; } #topLevelMenu > li:first-child > a { padding-left: 0 !important; } } @media (min-width: 601px) { #estore_pdp_trcol, #estore_pdp_brcol { max-width: 460px; float: right; } } /* ================================ EStoreProductPageTemplate SCSS END ================================ */ /* ================================ EStoreListerPageTemplate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_lister_template_container { /*width: 95%; margin: 0 auto 0 auto;*/ padding: 0 17px; } #estore_lister_template_container .product_listing_container > .grid_mode li{margin-right: 0px; float: left; padding:0; overflow: hidden; } #estore_lister_template_container .heroContent {background-color: #efcce0;} #estore_lister_template_container .heroContent p { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif!important; font-size: 1.375em !important; line-height: 8rem;; text-align: center; } #estore_lister_template_container .categoryNavWidget .category-link a{font-size: 0.875em; color: #565656;} #estore_lister_template_container .rowContainer, #estore_lister_template_container .rowContainer > .row { padding: 0px 0; } #estore_lister_template_container #hideLhn{display: none;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_lister_template_container { /*margin: 0 3% 0 3%; width: 94%;*/ /* Mobiles uses full width */ } #estore_lister_template_container #leftHandNav{padding:0 15px; width:75%; position:absolute; background-color:#fff; top:0; left:-10000px; z-index:100000; overflow:auto; height:100%;} #estore_lister_template_container #hideLhn{ display: block; width: 95%; margin: 20px 2.5% 50px 2.5%; height: 37px; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_lister_template_container { max-width: 1360px; /* Product page central column from HS PSDs */ padding: 10px; margin: 0 auto; } #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(2n){margin-right: 0px;} #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(3n){margin: 0;} } /*--------- Additional ---------*/ @media (min-width: 1416px) { #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(2n){margin-right: 0px;} #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(3n){margin-right: 0px;} #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(4n){margin: 0;} } /* ================================ EStoreListerPageTemplate SCSS END ================================ */ /* ================================ EStoreCoremediaTemplate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_coremedia_template_container { width: 95%; margin: 0 auto 0 auto; } #estore_coremedia_template_container .rowContainer, #estore_coremedia_template_container .rowContainer > .row { padding: 0px 0; } #estore_coremedia_template_container #hideLhn{display: none;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_coremedia_template_container { margin: 0 3% 0 3%; width: 94%; /* Mobiles uses full width */ } #estore_coremedia_template_container #leftHandNav{padding:0 15px;width:75%;position:absolute;background-color:#fff;top:0;left:-10000px;z-index:100000;overflow:auto;height:100%;} #estore_coremedia_template_container #hideLhn{ display: block; width: 95%; margin: 20px 0 50px 0; height: 37px; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_coremedia_template_container { max-width: 1400px; /* Product page central column from HS PSDs */ } } /* ================================ EStoreCoremediaTemplate SCSS END ================================ */ /* ================================ EStorePaginationPageTemplate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_Pagination_template_container { text-align:center; font-size:0.875em; } #estore_Pagination_template_container > ul { display: inline-block; margin: 20px 0; padding:0; } #estore_Pagination_template_container > ul > li { display:inline; } #estore_Pagination_template_container > ul > li a, #estore_Pagination_template_container > ul > li > span { float: left; padding: 5px; min-width:28px; margin-right:8px; min-height:28px; line-height: 28px; color: #333; text-decoration: none; background-color: #fff; border:#fff solid 1px; } #estore_Pagination_template_container > ul > li:first-child a { position: relative; border-radius:3px; border:#d0d0d0 solid 1px; } #estore_Pagination_template_container > ul > li:first-child a span { position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; margin-left: -2px; margin-top: -5px; border-left: 1px solid #333; border-top: 1px solid #333; -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 0px; } #estore_Pagination_template_container > ul > li:last-child a { position: relative; border-radius:3px; border:#d0d0d0 solid 1px; margin-right:0px; } #estore_Pagination_template_container > ul > li:last-child a span { position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; margin-left: -6px; margin-top: -5px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 0px; } #estore_Pagination_template_container > ul > li > a:hover, #estore_Pagination_template_container > ul > li > span:hover, #estore_Pagination_template_container > ul > li > a:focus, #estore_Pagination_template_container > ul > li > span:focus { color: #333; background-color: #f7f7f7; border:#d0d0d0 solid 1px; border-radius:3px; } #estore_Pagination_template_container > ul > li > a.current_state { color: #333; background-color: #f7f7f7; border:#d0d0d0 solid 1px; border-radius:3px; } #estore_Pagination_template_container > ul > li > a.current_state_left span{ border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; } #estore_Pagination_template_container > ul > li > a.current_state_right span{ border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_Pagination_template_container > ul > li > a, #estore_Pagination_template_container > ul > li > span { padding: 5px; min-width:28px; min-height:28px; line-height:28px; margin-right:20px; font-size:1em; } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media screen and (max-width: 600px) { /* #estore_Pagination_template_container > ul > li:nth-last-child(4), #estore_Pagination_template_container > ul > li:nth-last-child(5), #estore_Pagination_template_container > ul > li:nth-last-child(6){ display:none; } */ #estore_Pagination_template_container > ul > li > a, #estore_Pagination_template_container > ul > li > span { padding: 8px; min-width: 23px; min-height: 23px; line-height: 23px; margin-right: 4px; /* padding: 4px; min-width:28px; min-height:28px; line-height:28px; margin-right:5px; */ } #estore_Pagination_template_container[data-pages="6"] > ul > li > a, #estore_Pagination_template_container[data-pages="7"] > ul > li > a { min-width: 17px; } /* #estore_Pagination_template_container ul li:nth-of-type(5){display:none;} #estore_Pagination_template_container ul li:nth-of-type(6){display:none;} #estore_Pagination_template_container ul li:nth-of-type(7){display:none;} */ } /* ------------------------------------------- */ /* ------ Additional breakpoint styles ------- */ /* ------------------------------------------- @media (min-width: 601px) and (max-width: 765px){ #estore_Pagination_template_container > ul > li:nth-last-child(4), #estore_Pagination_template_container > ul > li:nth-last-child(5), #estore_Pagination_template_container > ul > li:nth-last-child(6){ display:none; } } */ @media (max-width: 359px){ #estore_Pagination_template_container[data-pages="5"] > ul > li > a, #estore_Pagination_template_container[data-pages="6"] > ul > li > a, #estore_Pagination_template_container[data-pages="7"] > ul > li > a { padding: 8px; min-width: 17px; min-height: 19px; line-height: 19px; margin-right: 2px; } #estore_Pagination_template_container[data-pages="7"] > ul > li > a { padding: 8px 6px; } } @media (min-width: 601px) and (max-width: 820px){ #estore_Pagination_template_container > ul > li a { padding: 1px; margin-right:1px; } } /* ================================ EStorePaginationPageTemplate SCSS END ================================ */ /* ================================ EStoreArticlesVideosTemplate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .estore_ArticlesVideos_container { text-align:center; line-height:1.5; margin-bottom:20px; font-size: 1.1250em; } .estore_ArticlesVideos_container a { text-decoration:underline; } .estore_ArticlesVideos_Result { display:none; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media screen and (max-width: 600px) { .estore_ArticlesVideos_container { text-align:center; line-height:1.5; font-size: 0.75em; margin-bottom: 0; } .estore_ArticlesVideos_container span { display:block; } } /* ------------------------------------------- */ /* ------------ Tablet styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { .estore_ArticlesVideos_container { text-align:center; line-height:1.5; margin-bottom:20px; font-size: 0.750em !important; color: #333; } } /* ================================ EStoreArticlesVideosTemplate SCSS END ================================ */ /* ================================ EStoreChanelTemplate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .estore_Chanel_container { text-align:center; line-height:1.5; margin-bottom:20px; font-size: 1.1250em; } .estore_Chanel_container a { text-decoration:none; } .estore_Chanel_container strong { font-weight:bold; } .estore_ArticlesVideos_Result { display:none; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media screen and (max-width: 600px) { .estore_Chanel_container { text-align:center; line-height:1.5; font-size:1.125em; } .estore_Chanel_container span { display:block; } } /* ------------------------------------------- */ /* ------------ Tablet styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { .estore_Chanel_container { text-align:center; line-height:1.5; margin-bottom:0px; font-size: 0.750em !important; color: #333; } .estore_Chanel_container a {font-size:1.2em;} } /* ================================ EStoreChanelTemplate SCSS END ================================ */ /* ================================ BV SCSS START ============================== */ @media (min-width: 1281px) { .BVRRQuickTakeSection {width: 87% !important;} .BVRRDisplayContent {width: 92% !important;} } @media (min-width: 601px) and (max-width: 1280px) { .BVRRQuickTakeSection {width: 87% !important;} .BVRRDisplayContent {width: 92% !important;} } /* ================================ BV SCSS END ============================== */ /* ================================ EStoreAdcardPointsToEarn SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_adcard_points_to_earn_widget { margin-bottom: 20px; font-size: 16px; } #estore_adcard_points_to_earn_widget p { color: #b8237b; font-size: 1em !important; line-height: 1.5; display:inline-block; } #estore_adcard_points_to_earn_widget p span { margin-left:-4px; } #estore_adcard_points_to_earn_widget .bold { font-weight: bold; color: #b8237b; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_adcard_points_to_earn_widget{ margin-bottom: 20px; } #estore_adcard_points_to_earn_widget p { font-size: 1em !important; line-height: 1.5; display:block; } } /* ------------------------------------------- */ /* ------------ Tablet styles --------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { #estore_adcard_points_to_earn_widget{ margin-bottom: 20px; } #estore_adcard_points_to_earn_widget p { font-size: 1em !important; line-height: 1.5; display:block; } #estore_adcard_points_to_earn_widget p span { display:none; } } /* ================================ EStoreAdcardPointsToEarn SCSS END ================================ */ /* ================================ EStoreOutOfStock SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_out_of_stock_widget p { color: #000000; font-size: 16px; font-weight: bold; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_out_of_stock_widget p { font-size: 14px; } } /* ------------------------------------------- */ /* ------------ Tablet styles --------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { #estore_out_of_stock_widget p { font-size: 14px; } } /* ================================ EStoreOutOfStock SCSS END ================================ */ /* ================================ EStoreSocialWidget SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_social_widget { width: 100%; margin-top: 10px !important; margin-bottom: 30px !important; float: left; display: block; } #estore_social_widget a:hover { color: #D0D0D0; } #estore_social_widget .facebook-icon { display: inline-block; margin: 10px 10px 40px 0px; font-size: 1.250em; } #estore_social_widget .twitter-icon { display: inline-block; margin: 10px 10px 40px 0px; font-size: 1.250em; } #estore_social_widget .pinterest-icon { display: inline-block; margin: 10px 10px 40px 0px; font-size: 1.250em; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_social_widget .facebook-icon { display: inline-block; margin: 10px 10px 30px 0px; font-size: 1em; } #estore_social_widget .twitter-icon { display: inline-block; margin: 10px 10px 30px 0px; font-size: 1em; } #estore_social_widget .pinterest-icon { display: inline-block; margin: 10px 10px 30px 0px; font-size: 1em; } #estore_social_widget{text-align:center; margin-top: 8px;} } /* ================================ EStoreSocialWidget SCSS END ================================ */ a.no-items-added { display: inline-block; text-align: center; font-size: 1.09375em; padding-top: 30px; padding-bottom: 30px; width: 100%; } a.no-items-added:focus{ outline: 0; } /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProductImage SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_image_widget{ margin: 0 0 0 0; } #estore_product_image_widget .s7zoomviewer { width: 83%!important; height: 70%!important; margin: 0 40px 0 0; overflow: hidden; float: right; } #estore_product_image_widget .s7zoomviewer .product_offer_notify{ display:inline-block; width:40px; height:40px; border-radius:50px; left: 15px; position: absolute; top: 20px; background:#CC0033; color:#fff; font-size:.8em; line-height: 39px; font-weight: bold; z-index: 9; text-align:center; } #estore_product_image_widget .s7zoomviewer .s7flyoutzoomview { left: 0 !important; border: none; } #estore_product_image_widget .s7zoomviewer .s7flyoutzoomview .s7flyoutzoom{ height: 100%; } #estore_product_image_widget .s7zoomviewer .s7swatches .s7thumb{ height: 70px; width: 70px; } #estore_product_image_widget .s7zoomviewer .s7swatches .s7thumb[state="default"], #estore_product_image_widget .s7zoomviewer .s7swatches .s7thumb[state="over"], #estore_product_image_widget .s7zoomviewer .s7swatches .s7thumb[state="selected"] { border: none; } #estore_product_image_widget .s7zoomviewer .s7fullscreenbutton {display: none;} #estore_product_image_widget .loading_placeholder { background-image: url("../../images/boots/boots_loader_spinner.gif"); background-repeat: no-repeat; height: 32px; width: 32px; position: relative; margin: 100px auto 0 auto; } #estore_product_image_widget .s7zoomviewer .s7zoominbutton, #estore_product_image_widget .s7zoomviewer .s7zoomoutbutton, #estore_product_image_widget .s7zoomviewer .s7zoomresetbutton { background-color: #fff; border-radius: 5px; } #estore_product_image_widget .s7zoomviewer .s7zoomview .s7iconeffect { width: 250px; height:20px; } #estore_product_image_widget .s7zoomviewer .s7zoomview .s7iconeffect:after { /*content: "Double tap or click the image to zoom in";*/ } #estore_product_image_widget .s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard']:after { content: "Click the image to zoom in"; } #estore_product_image_widget .s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch']:after { content: "Double tap the image to zoom in"; } #estore_product_image_widget .s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'], #estore_product_image_widget .s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch']{ background-image:none; bottom: 50px; color: #ffffff; font-family: Arial; font-size: 12px; padding-bottom: 10px; padding-top: 10px; padding-left: 12px; padding-right: 12px; background-color: #000000; border-radius: 4px; opacity: 0.5; filter: alpha(opacity = 50); text-align: center; } #estore_product_image_widget .s7zoomviewer .s7zoominbutton, #estore_product_image_widget .s7zoomviewer .s7zoomoutbutton, #estore_product_image_widget .s7zoomviewer .s7zoomresetbutton { background-color: #fff; border-radius: 5px; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_image_widget{ margin: 0; } #estore_product_image_widget .s7zoomviewer { width: 100% !important; height: 100% !important; float: none; margin: 0; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_image_widget .s7zoomviewer .s7swatches .s7thumb{ height: 85px; width: 85px; } #estore_product_image_widget .s7zoomviewer { padding: 0; } #estore_product_image_widget .s7zoomviewer .s7swatches{bottom: 0;} } /* ================================ EStoreProductTitle SCSS END ================================ */ /* ================================ EStoreVat Popup SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .vatReliefMsg{ width:90%; margin:15px 0; font-weight:bold; font-size: 0.8em; } .vat_link_align_pdp{ float: none; display:inline; } .vatReliefMsg a { display:inline-block; text-decoration:underline; font-weight:normal; padding-left:5px; } #Vat_overlay,#VatAddBasket_overlay,#Pmed_overlay,#Pmed_overlay_logo,#Pmed_overlay_CSR { display: none; background: #ffffff; margin: 150px auto 0 auto; width: 600px; z-index: 9999; position: fixed; top: 0; right: 0; left: 0; } #Vat_overlay_content,#Pmed_overlay_content { padding: 10px 55px 25px 55px; line-height:20px; font-size:0.875em; } #Vat_overlay_content .Vat_overlay_close, #Pmed_overlay_content .Pmed_overlay_close { margin: 0; top: 10px; right: 0px; } #Vat_overlay_content .Vat_overlay_close .close-btn, #Pmed_overlay_content .Pmed_overlay_close .close-btn { margin: 0; top: 10px; right: 10px; } #Vat_overlay_content .Vat_overlay_head { display: block; padding: 5px 0 0px; margin: 10px 0 20px 0; } #Pmed_overlay_content .Pmed_overlay_head { display: block; padding: 5px 0 0px; margin: 10px 0 15px 0; } #Vat_overlay_content .Vat_overlay_head h2, #Pmed_overlay_content .Pmed_overlay_head h2 { font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; font-size: 1.25em; line-height: 1.25em; text-align: center; margin:0 20%; } #Vat_overlay_content p, #Pmed_overlay_content p { position: relative; } #Vat_overlay_content p a {text-decoration:underline;} #Vat_overlay_content .Vat_button, #Pmed_overlay_content .Pmed_button { width:100%; margin:25px auto 5px;} #Vat_overlay_content .Vat_button:after, #Pmed_overlay_content .Pmed_button:after { content:""; clear:both; line-height:0; display:block; visibility:hidden;} #Vat_overlay_content .Vat_button .button.secondary, #Pmed_overlay_content .Pmed_button .button.secondary { background-color: #fff; color: #004990; display: inline-block; border-radius: 3px; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; width: 200px; line-height: 40px; min-height: 40px; text-align: center; font-size: 1.25em; -webkit-appearance: none; float:left; border:#cae0f5 solid 1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #Vat_overlay_content .Vat_button .button.secondary:hover, #Vat_overlay_content .Vat_button .button.primary:hover, #Pmed_overlay_content .Pmed_button .button.secondary:hover, #Pmed_overlay_content .Pmed_button .button.primary:hover { background-color: #B2C6DD; color: #004990; } #Vat_overlay_content .Vat_button .button.primary, #Pmed_overlay_content .Pmed_button .button.primary { width:200px; float:right; background-color: #cae0f5; color: #004990; } @media (max-width: 600px) { .vatReliefMsg{ width:100%; margin:15px 0; font-weight:bold; font-size: 0.8em; } } @media (min-width: 1281px) { .vatReliefMsg{ width:100%; margin:15px 0; font-weight:bold; font-size: 0.8em; } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #Vat_overlay,#VatAddBasket_overlay,#Pmed_overlay,#Pmed_overlay_logo,#Pmed_overlay_CSR {width: 98%;} #Vat_overlay_content,#Pmed_overlay_content {padding: 5px 6% 20px 6%;} #Vat_overlay_content .Vat_button .button.primary, #Pmed_overlay_content .Pmed_button .button.primary { width:100%; float:none; background-color: #cae0f5; color: #004990; margin-bottom:25px; } #Vat_overlay_content .Vat_button .button.secondary, #Pmed_overlay_content .Pmed_button .button.secondary { width: 100%; float:none; } } /* ================================ EStoreVat Popup SCSS end ============================== */ /* ================================ EStoreProductFavourites SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .pdp_favourites_section .button.tertiary { float: right; width: 100%; margin: 10px 0 0 0; } .pdp_favourites_section .dropdown_primary > a { } .pdp_favourites_section #wishListIcon{ background: url("../../images/heart-icon-sprite.png") no-repeat scroll 4px -20px / 22px 87px; width: auto; height: auto; overflow: hidden; line-height: 1.5em; padding-left: 34px; } .pdp_favourites_section #shoppong_list_special .fav_selected{ background: url("../../images/heart-icon-sprite.png") no-repeat scroll 4px -20px / 22px 87px; padding-left: 34px; width: auto; height: auto; overflow: hidden; line-height: 1.5em; } .brand_chanel .pdp_favourites_section #wishListIcon{ background: url("../../images/heart-icon-sprite.png") no-repeat scroll 0 -91px / 30px 117px; } .brand_chanel .pdp_favourites_section #shoppong_list_special .fav_selected{ background: url("../../images/heart-icon-sprite.png") no-repeat scroll 0 -62px / 30px 117px; } .pdp_favourites_section .dropdown_list{ z-index:20; border:none; background: none; position: fixed; width: 100%; height: 100%; top: 0 !important; left: 0; } .pdp_favourites_section .favourite_signinOverlay{ background: #fff none repeat scroll 0 0; font-size: 0.875em; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: ttranslate(-50%, -50%); width: 430px; z-index: 3000; padding:10px; } .pdp_favourites_section .favourite_signinOverlay a.close-btn { background: #d0d0d0 none repeat scroll 0 0; border-radius: 50px; color: #ffffff; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.5em; height: 35px; line-height: 33px; margin-right: 3%; outline: medium none; position: absolute; right: 0; text-align: center; top: 0.5em; width: 35px; } .pdp_favourites_section .favourite_signinOverlay h2{ text-align:center; font-size:1.4em; } .pdp_favourites_section .favourite_signinOverlay .message{ padding:10px; text-align:center; border:none; font-style: normal; } .pdp_favourites_section .favourite_signinOverlay .created_list { background: #004990 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; cursor: pointer; display: block; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.1em; line-height: 11px; margin: 15px auto; overflow: hidden; padding-bottom: 12px; padding-top: 12px; text-align: center; width: 65%; padding-left:0; } .pdp_favourites_section .favourite_signinOverlay .created_list:hover{ background-color: #b2c6dd; color: #004990; } .pdp_favourites_section .favourite_signinOverlay .created_list:active{ background-color: #000000; color: #ffffff; } .pdp_favourites_section .dropdown_primary > .drop div::before{display:none !important;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .pdp_favourites_section .favourite_signinOverlay{ width:90%; left: 50%; position: fixed; top: 50%; bottom: auto; } .pdp_favourites_section .favourite_signinOverlay .created_list{ width:95%; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { .pdp_favourites_section .button.tertiary { margin: 20px 0 0 0; } /*.pdp_favourites_section .favourite_signinOverlay{ width:385px; left: -70%; transform:translate(0px, 50%) }*/ } /* ================================ EStoreProductFavourites SCSS END ================================ */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProductPriceWidget SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #price_widget_copy{margin-bottom: 10px;} #estore_product_price_widget{ overflow: hidden; } #estore_product_price_widget .price { font-size: 1.125em; line-height: 24px; font-weight: bold; } #estore_product_price_widget .price span { color: #999999; } #estore_product_price_widget .price .non_payable { color: #999999; font-size: 1em; } #estore_product_price_widget .saving, #estore_product_price_widget .was_price, #estore_product_price_widget .details { float:left; padding: 0 10px 0 0; } #estore_product_price_widget .saving, #estore_product_price_widget .was_price { font-size: 0.875em !important; line-height: 19px; } #estore_product_price_widget .saving { font-weight: bold; } #estore_product_price_widget .details { clear: left; font-size: 0.688em !important; line-height: 22px; color: #4c4c4c; width: auto; min-width: 60px; } #estore_product_price_widget .productid { clear: right; float: right; font-size: 0.688em !important; line-height: 22px; color: #4C4C4C; font-weight: bold; } #estore_product_price_widget .was_prices_holder_large { padding-bottom: 10px; } #estore_product_price_widget .sub_float { float: none; } #estore_product_price_widget .was_price br { display: none; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_price_widget .price { font-size: 1.0625em !important; line-height: 23px; } #estore_product_price_widget .saving, #estore_product_price_widget .was_price { font-size: 0.8725em !important; line-height: 19px; } #estore_product_price_widget .details, #estore_product_price_widget .productid { font-size: 0.6785em !important; line-height: 17px; } #estore_product_price_widget .price .non_payable { color: #999999; font-size: 1.125em; } #estore_product_price_widget .was_prices_holder_large { padding-bottom: 2px; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_price_widget .price { font-size: 1.250em; line-height: 47px; padding: 0; font-weight: bold; } #estore_product_price_widget .saving, #estore_product_price_widget .was_price { font-size: 1.070em !important; line-height: 22px; } #estore_product_price_widget .details, #estore_product_price_widget .productid { font-size: 0.875em !important; line-height: 16px; padding: 5px 0 0 0; margin-right: -1px; } #estore_product_price_widget .price .non_payable { color: #999999; font-size: 1em !important; } /* * This css was causing a problem with a PDP style and will be deleted on 29/07 * Please contact callum.moyes-cic-uk@uk.ibm.com if you don't want it removed * #estore_product_price_widget .sub_float { float: left; }*/ #estore_product_price_widget .was_prices_holder_large { padding-bottom: 0px; } } /* ================================ EStoreProductPriceWidget SCSS END ============================== */ #estore_social_widget_copy {margin-top: 25px;} /* ================================ estore_pdp_bottomsec SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_pdp_bottomsec { border-top: 0px solid #D0D0D0; height: auto; position: relative; } #estore_pdp_bottomsec::before { content: ""; height: 1px; position: absolute; left: -0.625em; right: -0.625em; top: -1px; background-color: #D0D0D0; border-top: 3px solid #D0D0D0; } } /* ================================ estore_pdp_bottomsec SCSS END ============================== */ /* ================================ Optout SCSS START ============================== */ .opt-out { width: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; padding-bottom: 5px; } .opt-out .o-left{ float: left; } .opt-out .o-right{ float: left; margin-left: 4px; } .opt-out .chckbox { cursor: pointer; } .opt-out input[type=checkbox] { opacity: 0; height: 0 !important; width: 0 !important; padding: 0 !important; margin: 0 !important; } .opt-out .chckbox:before { align-items: center; justify-content: center; display: -webkit-inline-box; -webkit-align-items: center; -webkit-justify-content: center; content: ""; width: 18px; height: 18px; background-color: #fff; color: #004990; text-align: center; border: 1px solid #D0D0D0; display: inline-block; float: left; } .opt-out label {height: 20px;} .opt-out input[type=checkbox]:checked + .chckbox:before { font-family: "ElegantIcons"; content: "\4e"; font-size: 1.2em; font-weight: 900; } .opt-out .o-left p { font-family: Arial; color: #333; font-size: .9em; display: inline; } .opt-out .o-left p a { text-decoration: underline; } .opt-out .o-right p { font-family: Arial; color: #333 !important; font-size: .9em !important; } .opt-out .o-right a:link {font-family: Arial; color: #333; text-decoration: underline; } .opt-out .o-right a:visited {color: #333; text-decoration: underline;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .opt-out { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; margin-top:30px } .opt-out .o-left { float: left; width: 100%; } .opt-out .o-right { margin-top: 25px !important; margin-left: 0px !important; } .opt-out .o-left p { width: 90%; font-size: .9em; } .opt-out .o-right p { font-size: .9em !important; } .opt-out label{ margin-right:0px; } } /* ================================ Optout SCSS END ================================ */ /* ================================ estores-toc SCSS START ================================ */ .estores-toc { width: 100%; margin-top: 20px; } .estores-toc p { font-family: Arial; color: #333; font-size: .9em; line-height: 24px; } .estores-toc a:link { text-decoration: underline; color: #333; } .estores-toc a:visited { text-decoration: underline; color: #333; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .estores-toc { width: 100%; margin-top: 35px; } } /* ================================ estores-toc SCSS END ================================ */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProductTitle SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_title {padding-bottom:10px;} #estore_product_title h1{ font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; line-height: 42px; font-size: 1.875em; text-align: center; } #estore_pdp_trcol #estore_product_title h1 { font-size: 1.25em; line-height: 1.5em; text-align: left; } .product_medicon .pmedIcon { background: rgba(0, 0, 0, 0) url("../../images/boots/PMED_icon.png") no-repeat scroll 0 0 / cover; display: block; margin: 0 auto; height: 35px; width: 33px; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_title h1{ line-height: 34px; font-size: 1.563em; } #estore_pdp_trcol #estore_product_title h1 { text-align: center; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_title h1{ line-height: 61px; font-size: 2.813em; } #estore_pdp_trcol #estore_product_title h1 { font-size: 1.6em; line-height: 1.33em; } } /* ================================ EStoreProductTitle SCSS END ================================ */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStore Product Video SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_video h4{text-align: center; line-height: 1.5em;padding-bottom:25px} #estore_product_video .col12 .videoContainer iframe {width: 100%;} #estore_product_video .col6 .videoContainer iframe {width:98%; margin:0 2%;} #estore_product_video{margin:60px 0 30px;overflow: hidden;} #estore_product_video .videoContainer{margin:0 0 50px;} #estore_product_video .videoContainer.isite { position: relative; padding-bottom: 66.5%; height: 0; overflow: hidden; } #estore_product_video .videoContainer.isite iframe { position: absolute; top: 35px; left: 0; width: 100%; height: 100%; overflow: hidden; margin-top: 12px; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_video .videoContainer {margin: 0 0 10px 0;} #estore_product_video .videoContainer iframe{width: 100%; margin: 0;} #estore_product_video .videoContainer.isite {padding-bottom: 76%;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { } /* ================================ EStore Product Video SCSS END ============================== */ /* ================================ EStoreProductLongDescription SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_longdesc{/* width: 360px; */} #estore_product_longdesc h2{ font-size: 1em; line-height: 22px; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; padding: 0 0 8px 0;} #estore_product_longdesc h3{font-size: 1em; line-height: 22px; font-family: "Arial"; padding: 0 0 5px 0; font-weight: bold;} #estore_product_longdesc p{font-size: 1em; line-height: 20px;} #estore_product_longdesc #contentOmnipresent{margin: 0 0 18px 0px;} #estore_product_longdesc .product_long_description_subsection {margin: 0 0 15px 0;} #estore_product_longdesc .product_long_description_subsection div {font-size: 14px; line-height: 20px; font-family: "Arial";} #estore_product_longdesc #longdesc_arrow {display:none } #estore_product_longdesc #contentCollapse-readmore{display: none;} h6.show_all { font-size: 1em; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_longdesc {width: 100%;} #estore_product_longdesc #contentOmnipresent{margin: 0 0 18px 24px;} #estore_product_longdesc #contentCollapse{display:none;} #estore_product_longdesc.open #contentCollapse{display:block;} #estore_product_longdesc h2{margin: 0;} #estore_product_longdesc h2.a{outline: none;} #estore_product_longdesc h3{margin-left: 24px;} #estore_product_longdesc p{margin-left: 0;} #contentCollapse p {margin-left: 24px;} #estore_product_longdesc #longdesc_arrow { display:block; width: 6.5px; height: 0.75em; margin-right: 1em; display: inline; max-width: 100%; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; /* Safari */ transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } #estore_product_longdesc.open #longdesc_arrow { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } #estore_product_longdesc #contentCollapse-readmore{ display: block; outline: none; font-weight: bold; text-decoration: underline; } #estore_product_longdesc.open #contentCollapse-readmore .readMore, #estore_product_longdesc #contentCollapse-readmore .readLess{display: none;} #estore_product_longdesc #contentCollapse-readmore .readMore, #estore_product_longdesc.open #contentCollapse-readmore .readLess{display: block;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_longdesc { width: 580px; } #estore_product_longdesc h2{ font-size: 1.125em; line-height: 28px; } h6.show_all { font-size: 1.125em; } } /* ================================ EStoreProductTitleEStoreProductLongDescription SCSS END ================================ */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProduct Store Error Message Overlay SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles ---------------- */ /* ------------------------------------------- */ .store_message_overlay{ display: none;max-height:250px;position: fixed; z-index: 3000; line-height:1.4em; margin: 10px auto 0px auto; width: 400px; background: #FFF; color: #333; text-align:center; border:1px solid #eee;padding:15px 10px; font-size:0.95em; left: 0; right: 0; top:15%;font-family:"Boots Sharp",Arial,sans-serif;border-radius:5px;} .store_message_overlay a.close-btn{background: none !important;border-radius: inherit !important;display: block;height: 31px;line-height: 30px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 31px;margin-right:10px;outline:none;} .store_message_overlay a.close-btn:hover{background: none !important;} .store_message_overlay div.content{padding:15px 0 10px 10px;width:350px;} .store_message_overlay #overlay{ display: none; z-index: -2000; background: #000; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center;opacity:0.6 } #ErrorMessageText label{padding-left:5px;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .store_message_overlay{ width:80%;max-height:100%;} .store_message_overlay div.content{width:calc(100% - 3em);} } /* ------------------------------------------- */ /* ------------ Desktop styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { .store_message_overlay{ display: none; max-height:250px;position: fixed; z-index: 3000; line-height:1.4em; margin: 10px auto 0px auto; width: 400px; background: #FFF; color: #333; text-align:center; border:1px solid #eee;padding:15px 10px; font-size:1em; left: 0; right: 0; top:15%;font-family:"Boots Sharp",Arial,sans-serif;border-radius:5px;} .store_message_overlay a.close-btn{background: none !important;border-radius: inherit !important;display: block;height: 31px;line-height: 30px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 31px;margin-right:10px;outline:none;} .store_message_overlay a.close-btn:hover{background: none !important;} .store_message_overlay div.content{padding:15px 0 10px 10px;width:350px;} .store_message_overlay #overlay{ display: none; z-index: -2000; background: #000; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center;opacity:0.6 } } /* ================================ EStoreProduct Store Error Message Overlay SCSS END ============================== */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProduct Store Staffcard Error Message Overlay SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles ---------------- */ /* ------------------------------------------- */ #staffcard_error_overlay{ display: none; min-height:100px;position: fixed; z-index: 3000; line-height:1.4em; margin: 10px auto 0px auto; width: 515px; background: #FFF; color: #000; text-align:center; border:1px solid #eee;padding:15px 10px; font-size:1em; left: 0; right: 0; top:15%;} #staffcard_error_overlay a.close-btn{background: none repeat scroll 0 0 #d0d0d0;border-radius: 50px;color: #ffffff;display: block;font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-weight: bold;height: 37px;line-height: 35px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 37px;margin-right:10px;} #staffcard_error_overlay a.close-btn:hover{background: none repeat scroll 0 0 #e5e5e5;} #staffcard_error_overlay div.content{padding:15px 0 10px 10px;width:450px;} #staffcard_error_overlay p{ padding:0 0 10px 0;font-size: 1em;font-weight:normal;} #staffcard_error_overlay p.headline { color: #333; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.3em; font-weight: bold; text-align: center; margin-top:15px; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #staffcard_error_overlay{ width:90%;max-height:100%;} #staffcard_error_overlay div.content{width:83%;} #staffcard_error_overlay p.headline {font-size:1.06em;} } /* ------------------------------------------- */ /* ------------ Desktop styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #staffcard_error_overlay{ display: none; max-height:250px;position: fixed; z-index: 3000; line-height:1.4em; margin: 10px auto 0px auto; width: 515px; background: #FFF; color: #000; text-align:center; border:1px solid #eee;padding:15px 10px; font-size:1em; font-family: "F37 Ginger Thin",Tahoma,Arial,sans-serif; left: 0; right: 0; top:15%;} #staffcard_error_overlay a.close-btn{background: none repeat scroll 0 0 #d0d0d0;border-radius: 50px;color: #ffffff;display: block;font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-weight: bold;height: 37px;line-height: 35px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 37px;margin-right:10px;} #staffcard_error_overlay a.close-btn:hover{background: none repeat scroll 0 0 #e5e5e5;} #staffcard_error_overlay div.content{padding:15px 0 10px 10px;width:450px;} #staffcard_error_overlay #overlay{ display: none; z-index: -2000; background: #000; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center;opacity:0.6 } } /* ================================ EStoreProduct Store Staffcard Error Message Overlay SCSS END ============================== */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProduct Free Gift of Product SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_promotions .promoText{margin: 15px 0; background-color: #f7f7f7; padding: 15px;} #estore_product_promotions .promoText a{font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.125em; color:#cc0033;} #estore_product_promotions #estore_free_gift_product_overlay { display: none; position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 515px; background: #FFF; color: #000; text-align:center; padding:10px 10px; font-size:1em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; left: 0 !important; right: 0 !important; top:15%;} div#wrapper { position:absolute; top: 0px; left: 0px; padding-left:24px; } #estore_product_promotions #estore_free_gift_product_overlay p.headline{font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.2em;color:#CC0033;text-align:center;padding-top: 12px; margin-bottom: 12px;} #estore_product_promotions #estore_free_gift_product_overlay p{font-family: Arial,Tahoma,sans-serif;line-height: 1.2em;font-size:.9em;color:#333;font-weight:normal;padding:10px 0;} #estore_product_promotions #estore_free_gift_product_overlay a.close-btn{background: none repeat scroll 0 0 #000000;border-radius: 50px;color: #ffffff;display: block;font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-weight: bold;height: 37px;line-height: 35px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 37px;margin-right:10px;} #estore_product_promotions #estore_free_gift_product_overlay a.close-btn:hover{background: none repeat scroll 0 0 #e5e5e5;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details {padding:10px 15px;overflow:hidden;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p{float:left;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-img{border:1px solid #e5e5e5; margin-right:15px; padding-top:10px;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-img img{padding: 0 10px;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-head{font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.2em;padding:0px 0 5px;margin:0; font-weight:normal;line-height:1.2em;width:220px;text-align:left;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-head span{font-size:.8em;font-weight:normal;display:block;text-align:left;color:#999999;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-status{float:right;color:#CC0033;font-size:1.2em;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-long-desc{display:inline-block;width:65%;font-size:.9em;line-height:1.4em;text-align:left;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details .product-long-desc { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; float: left; clear: none; width: 70%; text-align: left; font-family: Arial,Tahoma,sans-serif; line-height: 1.4em; font-size: .9em; padding: 10px 0; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_promotions #estore_free_gift_product_overlay p.headline { font-size: 1.25em; margin-bottom: 0px; } #estore_free_gift_product_message{display:none;} /*#estore_product_promotions_on_pdp{display:none;} */ #estore_product_promotions .promoText{margin: 10px 0 10px 0;} #estore_product_promotions .promoText p{font-size:0.875em;} #estore_product_promotions #estore_free_gift_product_overlay {width:90%;text-align:center; left: inherit; right: inherit;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: stretch; align-items: stretch; padding:0; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details .product-long-desc { clear: both; width: 250px; text-align: center; margin: 0 auto; font-size: 0.875em; line-height: 1.5em; margin-top: 10px; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-img{ border: 1px solid #e5e5e5;height: 100px;margin: 0 auto;max-width: 55%;width: 40%;} #estore_product_promotions #estore_free_gift_product_overlay p.headline{font-size:1.3em;} #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-head { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin-left: auto; margin-right: auto; text-align:center; width:250px; word-break: keep-all; white-space: normal; padding-bottom: 0px; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-status{ font-size:.8em; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-img{ -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; padding-bottom: 20px; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-long-desc{ width: 250px; font-size:.8em; line-height:1.4em; text-align:center; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; margin:0 auto; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-long-desc{ width: 250px; font-size:.8em; line-height:1.4em; text-align:center; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; margin:0 auto; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-head span { font-size:.8em; font-weight:normal; display:block; text-align:center; color:#999999; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details p { float:none; } #estore_product_promotions #estore_free_gift_product_overlay p { line-height: 1.4em; font-size:1em; padding:10px 0; padding-top: 0px; margin-bottom: 8px; font-size: 0.875em; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_promotions .promoText{/* margin:15px 0 15px 22px; */} #estore_product_promotions .promoText p{font-size:1.25em;} #estore_product_promotions #estore_free_gift_product_overlay p{font-family: Arial,Tahoma,sans-serif;line-height: 1.2em;font-size:.9em;padding:10px 0;margin-bottom: 24px;padding-top: 0px} } @media (min-width: 601px) and (max-width: 1280px) { #estore_product_promotions #estore_free_gift_product_overlay{left:0; right:0;} #estore_product_promotions #estore_free_gift_product_overlay p.headline { margin-bottom: 0px; } #estore_product_promotions #estore_free_gift_product_overlay p.product-desc { margin-bottom: 25px; } #estore_product_promotions #estore_free_gift_product_overlay div#product-details .product-long-desc p { line-height: 1.5em; } } /* ================================ EStoreProduct Free Gift of Product SCSS END ================================ */ /* ================================ EStoreProductBrandListerWidget SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estores_brand_lister_widget { max-width: 1150px; overflow: hidden; margin: 0 auto 0 auto; padding: 0 15px 0 15px; } #estores_brand_lister_widget h1{ text-align: center; color: #004990; font-size: 1.5625em; line-height: 2em; padding-top: 25px; } #estores_brand_lister_widget h2{font-size: 1.25em; line-height: 3.2em;} #estores_brand_lister_widget ul li{list-style: none; display:inline-block;} #estores_brand_lister_widget .brand_list_selector{overflow: hidden; padding: 25px 0 0 0; text-align:justify;} #estores_brand_lister_widget .brand_list_selector ul{padding: 0;} #estores_brand_lister_widget .brand_list_selector ul li a{ float: left; padding: 5px; min-width: 35px; margin-right: 2px; min-height: 35px; line-height: 35px; color: #333; text-decoration: none; text-align: center; background-color: #fff; border: #fff solid 1px; } #estores_brand_lister_widget .brand_list_selector ul li a.current_state{ color: #333; background-color: #f7f7f7; border: #d0d0d0 solid 1px; border-radius: 3px; line-height:35px } #estores_brand_lister_widget .brand_list_selector ul li a:hover, #estores_brand_lister_widget .brand_list_selector ul li a:focus{ color: #333; background-color: #f7f7f7; border: #d0d0d0 solid 1px; border-radius: 3px; line-height:35px } #estores_brand_lister_widget .brand_list_viewer{padding: 15px 0 0 0;} #estores_brand_lister_widget .brand_list_viewer .column {float: left; width: 20%;} #estores_brand_lister_widget .brand_list_viewer ul{padding: 0; margin:0;} #estores_brand_lister_widget .brand_list_viewer ul li {margin:0 0 12px 0; float:left; clear:left;} #estores_brand_lister_widget .brand_list_viewer ul li a{font-size: 0.875em;} #estores_brand_lister_widget .brand_list_viewer ul li a:hover{text-decoration: underline;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { } /* ================================ EStoreProductBrandListerWidget SCSS END ================================ */ /* ================================ EStoreProduct CVoS SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: block;} .cvosInitHidden{display: none;} #showCvosDialogue .button {margin: 10px 0 0 0;} div.primaryProductWrap div.cvos-availbility-panel { width: 100%; margin-top: 20px; } div.primaryProductWrap div.cvos-availbility-panel p { background: #F1F5F8; padding: 15px 15px; font-size: 14px; font-weight: bold; color:#333333; margin-bottom: 5px; border-radius: 3px 3px 3px 3px; } div.primaryProductWrap div.cvos-btn-checkavailbility-div { display: block; margin-bottom: 20px; } div.primaryProductWrap div.cvos-btn-checkavailbility-div a.cvos-btn-checkavailbility { display: inline-block; } div.primaryProductWrap a.cvos-btn-checkavailbility { background-color: #FFFFFF !important; background-image: url("../i/cvos/cvos_locatopm_indicator.png"); background-position: 10px center; background-repeat: no-repeat; border: 1px solid #DDDDDD; color: #333333 !important; float: none; height: auto; padding: 9px 15px 9px 30px; width: auto; margin-top: -1px; } div.primaryProductWrap a.cvos-btn-checkavailbility:hover { background-color: #F1F1F1 !important; } div.primaryProductWrap a.dialog_link.out_of_stock_help { color: #333333; padding: 4px 10px; } div.primaryProductWrap a.dialog_link.out_of_stock_help:hover { color: #163971; text-decoration: underline; } /*this is an small tooltip overlay*/ #out_of_stock_help { width:300px; } div#pdImgTempPh{ background-image: url("../../images/boots/boots_loader_spinner.gif"); background-repeat: no-repeat; height: 32px; width: 32px; position: absolute; left: 20px; top: 28px; } div.ajaxSpinner{ display: block; height: 16px; width: 16px; background-image: url("../../images/boots/boots_loader_spinner.gif"); background-repeat: no-repeat; } div#cvosOpaqueLayer.hide, div#div#cvos_overlay.hide{ display: none; } div#cvosOpaqueLayer{ background-color: #000; height: 100%; left: 0; position: fixed; top: 0px; width: 100%; z-index: 3000; filter: alpha(opacity=60) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } div#cvos_overlay_wrapper{ top: 0; left: 0; overflow-y: auto; position: fixed; width: 100%; z-index: 3000; right: 0; bottom: 0; } div#cvos_overlay{ background: #ffffff; display: block; margin: 30px auto; max-width: 515px; z-index: 101; position: relative; } div#cvos_overlay div#cvos_overlay_opaque{ background-color: #FFFFFF; height: 100%; margin-left: -20px; opacity: 0; position: absolute; top: 46px; width: 100%; z-index: 2; } div#cvos_overlay div#cvos_overlay_spinner{ background-image: url("../../images/boots/boots_loader_spinner.gif"); background-repeat: no-repeat; height: 32px; left: 50%; margin-left: -16px; position: absolute; top: 33%; width: 32px; z-index: 2; } div#cvos_overlay_content{ padding: 10px 65px 50px 65px; } div#cvos_overlay_content div#cvos_overlay_close .cvosCloseDialogue.close-btn{ margin: 0; top: 10px; right: 10px; } div#cvos_overlay_content div#cvos_overlay_close a#cvosCloseDialogue { display: inline-block; height: 13px; text-indent: -9999px; width: 14px; } div#cvos_overlay_content div.cvos_overlay_head { display: block; padding: 5px 0 10px; margin: 30px 0 15px 0; } div#cvos_overlay_content div.cvos_overlay_head h2 { font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; font-size: 1.25em; line-height: 1.25em; text-align: center; } div#cvos_overlay_content div.cvos_overlay_pdwrap { position: relative; } div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage { float: left; text-align: center; min-width: 70px; height: 70px; border: 1px solid #e5e5e5; padding: 5px; margin-top: 6px; } div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage img{ height: 72px; } div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pddesc{ margin: 0 0 0 20px; float: left; width: 282px; } div#cvos_overlay_pddesc h1#cvos_overlay_productName { display: inline; font-family: arial; font-weight: bold; font-size: 0.875em; line-height: 0.875em; } div#cvos_overlay_pddesc span#cvos_overlay_productVariant { color: #000; display: block; font-size: 0.6875em; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant{ width: 100%; margin: 0; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant #variantSelectedText{ font-size: 0.875em!important; margin: 10px 0 5px 0; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant li .productVarient { margin: 0 3px 3px 0; width: 40px; height: 40px; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant li input[type="radio"]{ height:0; width:0; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant .productVarient.selected{ width: 38px; height: 38px; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant .productVarient.selected img{ width: 34px; height: 34px; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant li .productVarientSize{ margin: 0 3px 3px 0; width: 100%; height: 35px; font-size: .72em !important; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant li .productVarientSize.selected{ border:1px solid #999999; border-radius: 0; cursor:pointer; margin: 0 3px 3px 0; width: 100%; height: 35px; display: block; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection #estore_product_variant li .productVarient img{ width: 40px; height: 40px; pointer-events:none; cursor:pointer; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection li label{display:block;cursor:pointer;} div#cvos_overlay_pddesc .cvos_overlay_formInputs{ margin: 20px 0 0 0; } div#cvos_overlay_pddesc div.cvos_overlay_formInputs label{ font-weight: bold; font-size: 0.875em; float: left; } div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection .dropDownWrapper .label { color: #333333; float: left; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; margin: 9px 10px 0 0; } div#cvos_overlay_pddesc div.cvos_overlay_formInputs input#tf_checklocation{ border: 1px solid #CCCCCC; border-radius: 2px; color: #4c4c4c; font-size: 1em; padding: 10px 4%; width: 91%; margin: 8px 0 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } div#cvos_overlay_pddesc div.cvos_overlay_formInputs a.geoLocation{ display: block; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; margin: 15px 0 0 0; color: #004890; font-size: 0.875em; padding: 0 0 0 20px; position: relative; } div#cvos_overlay_pddesc div.cvos_overlay_formInputs a.geoLocation:before{ content: ""; background: url("../../images/boots/locationIcon.png") no-repeat; background-size: 27px 27px; height: 27px; width: 27px; top: 3px; left: 0; clip: inherit; position: absolute; -webkit-transform: scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } div#cvos_overlay_pddesc div.cvos_overlay_formInputs input#tf_checklocation:focus::-webkit-input-placeholder { color:transparent; } div#cvos_overlay_pddesc div.cvos_overlay_formInputs input#tf_checklocation:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ div#cvos_overlay_pddesc div.cvos_overlay_formInputs input#tf_checklocation:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ div#cvos_overlay_pddesc div.cvos_overlay_formInputs a#btn_checkLocation{ margin: 15px 0 0 0; } div#cvos_overlay_productVariantSelection li#cpSelectedColour { list-style: none; font-size: 14px; margin-top: 20px; margin-bottom: 30px; } div#cvos_overlay_content div#cvos_overlay_footer { margin-top: 10px; } div#cvos_overlay_content div#cvos_overlay_footer p.cvos_overlay_footerText{ color: #000; padding: 10px 0 0; font-size: 0.6875em; line-height: 1.4em; } div#cvos_overlay_ajaxwrap { margin: 35px 0; } div#cvos_overlay_ajaxwrap a { text-decoration: underline; } div#cvos_overlay_ajaxwrap a:active, div#cvos_overlay_ajaxwrap a:hover{ text-decoration: none; } div#cvos_overlay_ajaxwrap p.cvos_overlay_infoText { margin: 30px 0 0 0; font-size: 0.875em; color: #333333; } div#cvos_overlay_ajaxwrap h2.cvos_overlay_infoText_h2{ color: #333333; font-family: arial,helvetica,clean,sans-serif; font-size: 0.875em; line-height: 18px; font-weight: bold; padding: 0 0 5px 0; } div#cvos_overlay_ajaxwrap div#cvos_storetext_stockSearchControl { padding: 0 0 0 28px; position: relative; } div#cvos_overlay_ajaxwrap div#cvos_storetext_stockSearchControl input[type="checkbox"] { display: none; } div#cvos_overlay_ajaxwrap div#cvos_storetext_stockSearchControl input[type="checkbox"] + label { color: #333; font-family: Arial,sans-serif; font-size: 0.875em; } div#cvos_overlay_ajaxwrap div#cvos_storetext_stockSearchControl input[type="checkbox"] + label:before{ display: flex; align-items: center; justify-content: center; /*display: -webkit-box;*/ -webkit-align-items: center; -webkit-justify-content: center; content: ""; width: 16px; height: 16px; background-color: #fff; color: #004990; text-align: center; border: 1px solid #D0D0D0; position: absolute; left: 0; } div#cvos_overlay_ajaxwrap div#cvos_storetext_stockSearchControl input[type="checkbox"]:checked + label:before { /*font-family: "ElegantIcons"; content: "\4e"; font-size: 1.2em; font-weight: 900;*/ background-image: url("../../images/boots/checkTickBlue.svg"); background-size: 12px 12px; background-position: 2px 2px; background-repeat: no-repeat; } div#cvos_overlay_ajaxwrap div#cvos_ajaxResults_town li{ color: #333333; font-size: 0.875em; margin-bottom: 5px; padding: 10px 15px 0px 0px; cursor: pointer; text-decoration: underline; list-style-position: inside; } div#cvos_overlay_ajaxwrap div#cvos_ajaxResults_town li:hover { text-decoration: none; } div#cvos_overlay_ajaxwrap div#cvos_ajaxResults_town li span.county { font-weight: bold; } div#cvos_overlay_ajaxwrap table#table_cvos_stock { color: #333333; margin-bottom: 20px; margin-top: 20px; width: 100%; border-collapse: collapse; } div#cvos_overlay_ajaxwrap table#table_cvos_stock thead th.table_cvos_stock_col { font-weight: normal; padding: 0; text-align: left; font-size: 0.875em; } div#cvos_overlay_ajaxwrap table#table_cvos_stock thead th.col1 { width: 45%; } div#cvos_overlay_ajaxwrap table#table_cvos_stock thead th.col2 { width: 30%; } div#cvos_overlay_ajaxwrap table#table_cvos_stock thead th.col3 { width: 25%; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody { transition: all 0.3s; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.stockDetailsTableRow { border-bottom: 1px solid #dddddd; cursor: pointer; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.cvos_stockTableFilterHide { display: none; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.cvosExpanded { border-bottom: none; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.stockDetailsFlydown { border-bottom: none; cursor: default; display: none; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr td.table_cvos_stock_colStock div.cvos_closeRowExpansionDiv { background-image: url("../i/digitaloffers/close_lightbox.png"); background-repeat: no-repeat; position: absolute; right: 0px; top: -35px; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr td.table_cvos_stock_colStock div.cvos_closeRowExpansionDiv a { display: inline-block; height: 13px; text-indent: -9999px; width: 14px; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.stockDetailsFlydown.cvosExpanded { border-bottom: 1px solid #dddddd; display: table-row; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody td { vertical-align: top; padding: 22px 25px 30px 0; font-size: 0.875em; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr td a.store_details_link{ float: left; text-decoration: none; padding: 10px 0 0 22px; position: relative; width: 100%; margin-top: 0; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr td a.store_details_link:before { font-family: 'ElegantIcons'; font-size: 22px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "5"; left: -6px; top: 8px; position: absolute; -webkit-transform: scale(1); } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.cvosExpanded td a.store_details_link:before { content: "3"; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.stockDetailsTableRow td strong { text-decoration: underline; color: #0755a3; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.stockDetailsTableRow:hover td strong { text-decoration: underline; color: #033669; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody td.noPadding { padding: 0px; border-bottom: none; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody td.table_cvos_stock_colStock { } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody td.table_cvos_stock_colStock div.stock_availability_wrapper, .stockAvailabilityMobile { position: relative; font-weight: bold; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody td.table_cvos_stock_colStock div.stock_availability_wrapper a{ font-weight: normal; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr.cvosExpanded td.table_cvos_stock_colStock, div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody tr:hover td.table_cvos_stock_colStock { background-color: #FFFFFF; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert { position: relative; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.special_open_hours { width: 50%; display: inline-block; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.special_open_hours.left { float:left; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.special_open_hours.right { float:right; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.special_open_hours strong { display: block; margin-bottom:6px; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.special_open_hours span { display: block; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours{ overflow: hidden; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours .open_hours_section{ width:50%; float: left; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours strong { display: block; margin-bottom: 2px; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours .open_hours_day{ float: left; width: 100%; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours span { width: 40%; float: left; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.phone_number{ padding: 15px 0 0 0; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.phone_number span{ font-weight: bold; float: left; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.phone_number .number{ font-weight: normal; clear: left; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.bing_map { display: inline-block; float: right; height: 200px !important; width: 100%; position: relative; margin: 30px 0 40px 0; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.bing_map div.cvos_expanded_indicator { background-image: url("../i/cvos/cvos_expanded_indicator.png"); background-repeat: no-repeat; height: 20px; left: 20%; position: absolute; top: -2px; width: 35px; z-index: 10; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.bing_map a.mypinclass.cvosMapPushPin div { left: -2px !important; } /*pagination*/ div#cvos_overlay_ajaxwrap div#cvos_pagination {margin-top: 30px; text-align: center;} div#cvos_overlay_ajaxwrap div#cvos_pagination a { float: left; padding: 5px; min-width:28px; margin-right:8px; min-height:28px; line-height: 28px; color: #333; text-decoration: none; background-color: #fff; border:#fff solid 1px; } div#cvos_overlay_ajaxwrap div#cvos_pagination{padding:0;margin:auto;} div#cvos_overlay_ajaxwrap div#cvos_pagination li { display: inline; list-style: none; } div#cvos_overlay_ajaxwrap div#cvos_pagination li.disabled {opacity: 0.3;} div#cvos_overlay_ajaxwrap div#cvos_pagination li.active a { color: #333; background-color: #f7f7f7; border: #d0d0d0 solid 1px; border-radius: 3px; cursor: default; } div#cvos_overlay_ajaxwrap div#cvos_pagination li.last {border-right: none;} div#cvos_overlay_ajaxwrap div#cvos_pagination li a {color: #333;} div#cvos_overlay_ajaxwrap div#cvos_pagination li.previous, div#cvos_overlay_ajaxwrap div#cvos_pagination li.next { border: none; padding: 0; } div#cvos_overlay_ajaxwrap div#cvos_pagination li.previous a { position: relative; border-radius: 3px; border: #d0d0d0 solid 1px; } div#cvos_overlay_ajaxwrap div#cvos_pagination li.next a { position: relative; border-radius: 3px; border: #d0d0d0 solid 1px; } div#cvos_overlay_ajaxwrap div#cvos_pagination li.previous a span:before, div#cvos_overlay_ajaxwrap div#cvos_pagination li.next a span:before{ font-family: 'ElegantIcons'; font-size: 24px; font-weight: bold; line-height: 1; position: absolute; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } div#cvos_overlay_ajaxwrap div#cvos_pagination li.previous a span:before{content: "4";} div#cvos_overlay_ajaxwrap div#cvos_pagination li.next a span:before{content: "5";} div#cvos_overlay_ajaxwrap div#cvos_pagination li.disabled a:hover {cursor: default !important;} div#cvos_overlay_ajaxwrap div#cvos_pagination li a:hover { color: #333; background-color: #f7f7f7; border: #d0d0d0 solid 1px; border-radius: 3px; } /*end of pagination*/ div#cvos_overlay_errorwrap { margin-top: 20px; } div#cvos_overlay_errorwrap div.cvos_error { padding: 15px 0 15px 0; font-size: 0.875em; color: #cc0033; font-weight: bold; overflow: hidden; } div#cvos_overlay_errorwrap div.cvos_error a{ font-weight: normal; text-decoration: underline; float:left; padding: 15px 0 0 0; width: 100%; } div#cvos_overlay_errorwrap div.cvos_error.error_grey{} div#cvos_overlay_errorwrap div.cvos_error.error_red{} div#cvos_overlay_errorwrap div.cvos_error.warning{} div#btn_scrollToTop:before { font-family: 'ElegantIcons'; font-size: 45px; font-weight: bold; line-height: 1; content: "2"; left: 6px; top: 21px; position: absolute; color: #004990; transition: all 0.5s; } div#btn_scrollToTop { background-color: #fff; cursor: pointer; height: 88px; left: 47%; margin-left: 285px; position: fixed; top: 79%; width: 60px; z-index: -1; } div#btn_scrollToTop:hover::before { top: 15px; } errorInfo { height: 320px; margin: 1.5em 0; width: 930px; } #errorInfo h1 { color: #004990; font-family: F37Ginger,Tahoma,Arial,sans-serif; font-size: 24px; line-height: 28px; padding: 60px 40px 40px; } #errorInfo ul { margin-left: 4.2em; position: relative; } #errorInfo ul li { line-height: 2.4em; } #errorInfo a:focus { outline: thin dotted; } #errorInfo a:hover{ text-decoration: underline; } #errorInfo a { color: #333333; padding: 0.2em; text-decoration: none; width: 12.5em; font-family: F37Ginger,Tahoma,Arial,sans-serif; font-size: 18px; line-height: 23px; } .stockDistanceMobile, .stockAvailabilityMobile, .cvosCloseDialogueMobile { display: none; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { div#cvos_overlay {max-width: 100%;} div#cvos_overlay_content {padding: 5px 4% 25px 4%;} div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage {position: absolute; width: 95px; height: 100px;} div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage img {height: 100px;} div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pddesc {width: 100%; margin:0;} div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection {margin: 85px 0 0 0;} div#cvos_overlay_pddesc h1#cvos_overlay_productName {margin-left: 125px; display: block; line-height: 1.5em;} div#cvos_overlay_pddesc span#cvos_overlay_productVariant {margin-left: 125px;} div#pdImgTempPh{ left: 12px; top: 16px; -webkit-transform: scale(0.8); } .table_cvos_stock_col, .stockDetailsTableRow td:nth-child(2) { /* display: none; */ text-align: right; } .stockDistanceMobile { /* display: block; */ } .table_cvos_stock_colStock, div#cvos_overlay_ajaxwrap table#table_cvos_stock thead th.col3, div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody td.table_cvos_stock_colStock { display: none; } div#cvos_overlay_ajaxwrap table#table_cvos_stock thead th.col2 { text-align: right; } .stockAvailabilityMobile { display: block; } .cvosCloseDialogueMobile { display: block; } .store_details_link { margin-top: 10px; } } @media (max-width: 450px) { div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours .open_hours_section { width: 100%; margin-top: 15px; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours .open_hours_section:first-child { margin-top: 0; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours .open_hours_day span:first-child { width: 20%; } div#cvos_overlay_ajaxwrap table#table_cvos_stock tbody div.cvosExpandingInsert div.open_hours .open_hours_day span:last-child { width: auto; max-width: 80%; } } /* ------------------------------------------- */ /* ------------ Tablet styles --------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage { float: left; text-align: center; min-width: 70px; height: 72px; border: 1px solid #e5e5e5; padding: 0px; margin-top: 6px; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #showCvosDialogue .button {margin: 20px 0 0 0;} div#cvos_overlay_content {padding: 10px 28px 50px 28px;} div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage {min-width: 125px; height: 135px;} div#cvos_overlay_content div.cvos_overlay_pdwrap div#cvos_overlay_pdimage img{height: inherit;} div#cvos_overlay_content div.cvos_overlay_head {margin: 40px 0 15px 0;} div#pdImgTempPh{ left: 52px; top: 62px; } } /* ================================ EStoreProduct CVoS SCSS END ================================ */ /* =========================================== EStoreProductVariant SCSS START ============================================= */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_variant { margin-top: 25px; position: relative; } #estore_product_variant #variantSelectedText { font-size: 1em !important; line-height: 20px; margin: 0 0 15px 0; visibility: hidden; } #estore_product_variant #variantSelectedText span{ font-weight: bold; text-transform: capitalize; } #estore_product_variant li { list-style: none; display: inline-block; float: left; } #estore_product_variant li label { display:block; border-radius: 1000px; /* overflow: hidden; */ } #estore_product_variant li input[type="radio"]{ width: 40px; height: 40px; position: absolute; opacity: 0; cursor: pointer; } #estore_product_variant li .productVarient{ height: 40px; width: 40px; padding: 0; margin: 0 12px 12px 0; } #estore_product_variant p { color: #999; } #estore_product_variant .productVarient img{ cursor: pointer; width: 100%; border-radius: 50%; } #estore_product_variant .productVarient label .tooltip{ z-index:1000; display:none; position: relative; text-align: center; white-space: nowrap; top: -80px; left: -52px; width: 150px; } #estore_product_variant .productVarient:hover .tooltip{ display:block; } #estore_product_variant .productVarient label .tooltip span{ background-color: #fff; border: 1px solid #ccc; padding: 4px 10px; text-align: center; white-space: nowrap; font-size: 0.875em; margin: 0 auto 0 auto; text-transform: capitalize; } #estore_product_variant .productVarient.selected{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ccc; box-sizing: border-box; } #estore_product_variant .productVarient.selected img{ border-radius: 50%; border: 2px solid #fff; width: 34px; cursor: default; height: 34px; } #estore_product_variant .productVarient label .tooltip:after, #estore_product_variant .productVarient label .tooltip span:before { content:""; width: 0; height: 0; position: absolute; } #estore_product_variant .productVarient label .tooltip span:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ccc; left: 45.5%; top: 107%; } #estore_product_variant .productVarient label .tooltip:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; left: 46.2%; top: 105%; } #estore_product_variant .productVarient.selected label .tooltip{ display:none; } #estore_product_variant li .productVarientSize{border:1px solid #e5e5e5;height:auto; width:100%;display: block;font-size:.8em !important;text-align:center;position:relative;margin-bottom: 5px;} #estore_product_variant li .productVarientSize:hover{border:1px solid #999999;} #estore_product_variant li .productVarientSize label.size{padding:8px;cursor:pointer;display:inline-block;} #estore_product_variant li .productVarientSize.selected{border:1px solid #999999; border-radius: 0;cursor:pointer;height:auto;width:100%;display: block;} #estore_product_variant li .productVarientSize input[type="radio"]{ position: absolute; opacity: 0; width:100%; cursor:pointer; left:0; top:0; } #estore_product_variant li.productSizeLi{width: 32%; padding: 0 2% 0 0;} #estore_product_variant li.productSizeLi:nth-of-type(3n) {padding: 0;} #cvos_overlay_content #estore_product_variant li.productSizeLiCVOS { width: 48%; padding: 0 2% 0 0; } #cvos_overlay_content #estore_product_variant li.productSizeLiCVOS:nth-of-type(2n) { padding: 0; } #cvos_overlay_content #estore_product_variant li.productSizeLiCVOS:nth-of-type(3n) { padding: 0 2% 0 0; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px){ #estore_product_variant { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; overflow: hidden; -ms-overflow-style: hidden; width:100%; } #estore_product_variant li { width: 15%; margin: 0 2% 8px 0; } #estore_product_variant li:nth-of-type(6n) { margin-right:0; } #estore_product_variant li .productVarient{margin: 0;width: 40px;height:inherit;} #estore_product_variant li .productVarient.selected{width: 38px;height: inherit;} #estore_product_variant li .productVarient img { position: relative; display: block; white-space: nowrap; width:100%; } #estore_product_variant .productVarient.selected img{width: 34px;} #estore_product_variant .productVarient:hover .tooltip {display: none;} #estore_product_variant li .productVarientSize{border:1px solid #e5e5e5; height:auto;display:block; font-size:.8em !important; text-align:center; position:relative; margin: 0 5px 8px 0; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;} #estore_product_variant li .productVarientSize.selected{border:1px solid #999999; border-radius: 0;cursor:pointer;height:auto;display: block;} #estore_product_variant #variantSelectedText { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; margin-top: 6px; margin-left: 0px; } #estore_product_variant form{ width: 100%; height: auto; overflow-y: hidden; overflow-x: scroll; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-overflow-scrolling: touch; white-space: nowrap; } #estore_product_variant li .productVarientSize { min-width: 100px; } #estore_product_variant li .productVarientSize label.size{padding:8px 0;white-space:nowrap;cursor:pointer;display:inline-block;} #estore_product_variant li.productSizeLi{float: none; padding: 0 1% 0 0;width: 30%;} #estore_product_variant li.productSizeLi:nth-of-type(3n) {padding: 0 1% 0 0;} } @media (max-width: 374px){ #estore_product_variant li.productSizeLi { width: 29%; } #estore_product_variant li .productVarientSize { min-width: 85px; } } /* ------------------------------------------- */ /* ------------ Desktop styles -------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_variant .productVarient.selected { width: 47px; height: 47px; } #estore_product_variant li:nth-child(8n) .productVarient { margin: 0; } #estore_product_variant .productVarient.selected img { width: 41px; /* 6258 { */ height:41px; /* 6258 } */ } #estore_product_variant li .productVarient:not(.productVarientSize):not(.selected) { height: 47px; width: 47px; } #estore_productpage_template_container.brand_chanel #estore_product_variant .productVarient.selected { width: 47px; height: 47px; } } #estore_productpage_template_container.brand_chanel #showCvosDialogue .secondary { border:2px solid transparent } #estore_productpage_template_container.brand_chanel #showCvosDialogue .secondary:hover { border:2px solid #acacac } /* ------------------------------------------- */ /* ------------ Tablet styles -------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { #estore_product_variant li .productVarientSize{border:1px solid #e5e5e5;height:auto; margin-right:5px;margin-left:0px;margin-bottom: 5px;display: block;font-size:.72em !important;text-align:center;position:relative;} #estore_product_variant li .productVarientSize label.size{padding:8px 0px;white-space:nowrap;cursor:pointer;display:inline-block;} #estore_product_variant #variantSelectedText { font-size: 1em !important; line-height: 20px; margin: -15px 0 15px 0; visibility: hidden; } } /* ------------------------------------------- */ /* ------------ PC styles -------------- */ /* ------------------------------------------- */ @media (min-width: 1280px) { /* In check store it the size/months were wrapeds */ #estore_product_variant li .productVarientSize label.size { white-space: nowrap; } } /* ================================ EStore_swatches_ SCSS END ================================ */ /* ================================ EStoreProductDeliverModes SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_deliver_modes{padding: 20px 20px 20px 14px;width:83%;margin: 10px 10px;background: #fff;} #estore_product_deliver_modes ul{padding: 0px;margin: 15px 0 10px;} #estore_product_deliver_modes ul li{background-size: 11%;background-position: 2px 4px;list-style: none;padding: 2px 0 10px 41px; background: url(../../images/boots/estoreDeliverModeIcon.png) no-repeat 0 1px;margin:20px 0 10px;font-weight: bold;height: 33px;font-size: .8em;} #estore_product_deliver_modes ul li span{display: block;font-weight: normal;font-size: 0.9em;} #estore_product_deliver_modes a{text-decoration: underline;font-size: .8em;} #estore_product_deliver_modes h2{cursor:pointer;font-size:1em;line-height: .875em;} #estore_product_deliver_modes h2 img#deliver_mode_arrow { height: 0.75em; margin-right: 1.25em; width: 6.5px; display:block; position:absolute; left:0px; cursor:pointer; } #estore_product_deliver_modes h2.show_all{display:none;} #estore_product_deliver_modes h2.mobile_show{display:block;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_deliver_modes{padding: 20px 10px 20px 30px;background: #f7f7f7;/* width:420px; *//* margin: 0px 0 0 23px; */} #estore_product_deliver_modes h2{font-size:1.125em;} #estore_product_deliver_modes ul{padding: 0px;margin: 15px 0 10px;} #estore_product_deliver_modes ul li{list-style: none;padding: 0px 0 10px 50px; background: url(../../images/boots/estoreDeliverModeIcon.png) no-repeat 0 1px;margin:20px 0 10px;font-weight: bold;height: 33px;font-size: 1em;} #estore_product_deliver_modes ul li span{display: block;font-weight: normal;font-size: 0.9em;} #estore_product_deliver_modes a{text-decoration: underline;font-size: .9em;} #estore_product_deliver_modes h2 img#deliver_mode_arrow{display:none;} #estore_product_deliver_modes #deliver_mode_show{display:block !important;} #estore_product_deliver_modes h2.mobile_show{display:none;} } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #estore_product_deliver_modes{padding: 20px 20px;background: #f7f7f7;/* max-width: 265px; *//* width: 100%; */margin: 0px 0;/* box-sizing: border-box; */} #estore_product_deliver_modes ul{padding: 0px;margin: 15px 0 10px;} #estore_product_deliver_modes ul li{list-style: none;padding: 0px 0 10px 50px; background: url(../../images/boots/estoreDeliverModeIcon.png) no-repeat 0 1px;margin:20px 0 10px;font-weight: bold;min-height: 33px;font-size: .8em;} #estore_product_deliver_modes ul li span{display: block;font-weight: normal;font-size: 0.9em;} #estore_product_deliver_modes h2{font-size:1em;} #estore_product_deliver_modes h2.mobile_show{display:none;} #estore_product_deliver_modes #deliver_mode_show{/* display:block !important; */} #estore_product_deliver_modes a{text-decoration: underline;font-size: .8em;} #estore_product_deliver_modes h2.show_all {line-height: 20px;} } #estore_product_deliver_modes .delivery_icon_bag { background: url(../../images/boots/estoreDeliverModeIcon_bag.png) no-repeat 0 1px; background-size: 22px auto; margin:20px 0 10px; } #estore_product_deliver_modes .delivery_icon_box { background: url(../../images/boots/estoreDeliverModeIcon_box.png) no-repeat 0 1px;margin:20px 0 10px; } #estore_product_deliver_modes .delivery_icon_plane { background: url(../../images/boots/estoreDeliverModeIcon_plane.png) no-repeat 0 1px;margin:20px 0 10px; } /* ================================ EStoreProductDeliverModes SCSS END ============================== */ /* ================================ EStoreProductPromotionsOnPDP SCSS Start ============================== */ /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_promotions_on_pdp{width:85%; margin: 25px 0 0 -12px;} #estore_product_promotions_on_pdp ul{padding: 0px; margin: 10px 0 0 20px;} #estore_product_promotions_on_pdp ul li{list-style: none;font-weight: normal; min-height: 18px;font-size: .9em; margin-left: 10px;} #estore_product_promotions_on_pdp a{text-decoration: none;} #estore_product_promotions_on_pdp a:hover{text-decoration: underline;} #estore_product_promotions_on_pdp h2{cursor:pointer;font-size:1em;line-height: 1.125em;color:#cc0033; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;} #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow {font-size: 25px; top: 5px; left: 5px;} #estore_product_promotions_on_pdp h2 .dropdown_arrow {font-size: 25px; top: 5px; left: 5px;} .basket_product_details #estore_product_promotions_on_pdp h2 { position: relative; line-height: 1.2em; padding-left: 10px; } #basket_container #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow {top: -5px;left: 0px;} #basket_container #estore_product_promotions_on_pdp ul li { line-height: 1.3em;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_promotions_on_pdp{margin: 25px 0 0 -12px;} #estore_product_promotions_on_pdp h2{cursor:pointer; font-size: 1em;/*font-size:1.125em; -- according to 5003 -- */ color:#cc0033;padding:0 0 0 35px;margin:0; position:relative} #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow {font-size: 25px; position:absolute; top: 3px; left: 5px;} #estore_product_promotions_on_pdp h2 .dropdown_arrow {font-size: 25px; position:absolute; top: 3px; left: 5px;} #estore_product_promotions_on_pdp ul{padding: 0px; margin: 0px 0 0 35px;} #estore_product_promotions_on_pdp ul li{list-style: none;font-weight: normal;font-size: 1em;} #estore_product_promotions_on_pdp a{text-decoration: none;} #estore_product_promotions_on_pdp a[title="Close overlay"] { text-decoration: underline;} #estore_product_promotions_on_pdp a:hover{text-decoration: underline;} #basket_container #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow {top: -5px; left: 5px;} } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #estore_product_promotions_on_pdp{box-sizing: border-box; margin: 5px 0 0 -12px;} #estore_product_promotions_on_pdp ul{padding: 0px; margin: 0px 0 0 35px;} #estore_product_promotions_on_pdp ul li{list-style: none;font-weight: normal;font-size: .9em;} #estore_product_promotions_on_pdp h2{cursor:pointer;font-size:1em;color:#cc0033;position:relative;padding-left: 35px;} #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow {font-size: 25px; top: 2px;left: 5px;position: absolute;} #estore_product_promotions_on_pdp a{text-decoration: none;} #estore_product_promotions_on_pdp a[title="Close overlay"] { text-decoration: underline;} #estore_product_promotions_on_pdp a:hover{text-decoration: underline;} #basket_container #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow {top: -4px;left: 7px;} } /* ================================ EStoreProductPromotionsOnPDP SCSS END ============================== */ /* ================================ EStoreProductSoldOut SCSS Start ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .sold_out_text h5{font-size:1.375em; margin-bottom: 12px !important;padding-top:9px;} .sold_out_text p{font-size:.9em;} #sold_out_text h5{font-size:1.375em; margin-bottom: 12px !important;padding-top:9px;} #sold_out_text p{font-size:0.875em;} #estore_Proof_of_Delivery p{font-size:0.875em; margin-top:5px;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .sold_out_text h5{font-size:1.125em; margin-bottom: 6px !important;} .sold_out_text p{font-size:.9em;} #sold_out_text h5{font-size:1.125em; margin-bottom: 6px !important;} #sold_out_text p{font-size:0.875em;} } /* ================================ EStoreProductSoldOut SCSS END ============================== */ /* ================================ EStoreProduct Headline SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_product_headline {width:100%; border:1px solid #E5E5E5; text-align: center; padding:25px 10px; margin: 0 0 15px 0;} #estore_product_headline span{font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; line-height: 20pt; font-size:1em; color:#333;} #estore_product_headline h1 { font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; line-height: 20pt; font-size: 1.2em; color: #333; } #estore_product_headline h2 { font-family: Arial, sans-serif; line-height: 20pt; font-size: 0.75em; color: #333; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_product_headline {border-width: 0px 0px 1px 0px; border-color: #e5e5e5; padding-left: 0; padding-right: 0; margin: 0 0 10px 0; position: relative;} #estore_product_headline::after { content: ''; height: 1px; position: absolute; bottom: -1px; left: -3vw; right: -3vw; background: #e5e5e5; } #estore_product_headline::before { content: ''; height: 1px; position: absolute; top: -1px; left: -3vw; right: -3vw; background: #e5e5e5; } #estore_product_headline h1 { font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; line-height: 20pt; font-size: 1em; color: #333; } #estore_product_headline h2 { font-family: Arial, sans-serif; line-height: 20pt; font-size: 0.75em; color: #333; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_product_headline {margin: 0 0 25px 0;} #estore_product_headline h1 { font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; line-height: 20pt; font-size: 1.2em; color: #333; } #estore_product_headline h2 { font-family: Arial, sans-serif; line-height: 20pt; font-size: 0.75em; color: #333; } } /* ================================ EStoreProduct Headline SCSS END ================================ */ /* TODO The below SASS section will be moved into SASS file */ /* ================================ EStoreProduct ProofofDelivery SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_Dropship {width:100%; margin: 15px 0; font-family: Arial,Tahoma,sans-serif;} #estore_Dropship .dropship_title { font-weight:bold; font-size:0.875em; font-family: Arial,Tahoma,sans-serif;} #estore_Dropship p{line-height: 1.5; font-size:0.875em; margin-bottom:10px;} /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_Proof_of_Delivery,#estore_Dropship {margin-top:15px;} } /* ================================ EStoreProduct ProofofDelivery SCSS END ================================ */ /* ================================ EStoreSearch Criteria SCSS Start ================================ */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #eStore_Search_Criteria { max-width:610px; margin:0 auto;} #eStore_Search_Criteria h1 { font-weight: normal; font-size: 1.3em; color: #004990; text-align:center; padding:30px 0; line-height:1.5; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #eStore_Search_Criteria .searchArea {width:100%; font-size:0.875em;} #eStore_Search_Criteria .searchArea:after { content:""; display:block; clear:both; line-height:0; overflow:hidden;} #eStore_Search_Criteria .searchArea .label { color: #333333; float: left; font-family: Arial,sans-serif; font-size: 0.875em; font-weight: bold; line-height: 20px; width:100px; } #eStore_Search_Criteria .searchArea .searchAreaCon { float: left; width:49%; margin:0 15px; } #eStore_Search_Criteria .searchArea .searchAreaCon input { width:100%; height: 40px; padding: 0 5px 0 5px; border: 1px solid #d0d0d0; border-radius: 2px; font-size:1em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #eStore_Search_Criteria .searchArea .button.primary { width: 176px; float:right; } #eStore_Search_Criteria a.useMyLocation{ display:block; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; margin: 20px 0 20px 0px; color: #004890; font-size: 0.875em; padding: 0 0 0 20px; position:relative; } #eStore_Search_Criteria a.useMyLocation:before{ content: ""; background: url("../../images/boots/locationIcon.png") no-repeat; background-size: 27px 27px; height: 27px; width: 27px; top: 3px; left: 0; clip: inherit; position: absolute; -webkit-transform: scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; } #eStore_Search_Criteria #errorMessage { color: #cc0c30; font-family: arial; position: relative; margin-bottom: 20px; } #eStore_Search_Criteria #errorMessage p { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #CC0033; font-size: 0.875em; padding-left:30px; } #eStore_Search_Criteria #errorMessage .warning_icon { font-size: 20px; display: inline-block; left: 0px; position: absolute; top: -3px; } #eStore_Search_Criteria .townList { font-size:0.875em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #eStore_Search_Criteria .townList ul { margin:5px 0 20px 0; padding:0; list-style:inside;} #eStore_Search_Criteria .townList ul li { line-height:20px; padding:5px 0; text-decoration:underline;} #eStore_Search_Criteria .hide { display:none;} @media (max-width: 600px) { #eStore_Search_Criteria { max-width:94%; margin:0 auto;} #eStore_Search_Criteria h1 { font-size:1em;} #eStore_Search_Criteria .searchArea .label {width:100%; float:none;} #eStore_Search_Criteria .searchArea .searchAreaCon {float:none; width:100%; margin:10px 0 0 0;} #eStore_Search_Criteria .searchArea .searchAreaCon input { height: 38px; padding: 0 5px 0 5px; border: 1px solid #d0d0d0; border-radius: 2px; float:none; font-size:1em; } #eStore_Search_Criteria .searchArea .button.primary { width: 100%; float:none; margin-bottom:30px; } } @media (min-width: 1281px) { #eStore_Search_Criteria { max-width:930px; margin:0 auto;} #eStore_Search_Criteria .searchArea .label { width:205px; line-height:20px; padding:10px 0;} #eStore_Search_Criteria .searchArea .button.primary { width: 225px;} #eStore_Search_Criteria .searchArea .searchAreaCon {width:37%;} } /* ================================ EStoreSearch Criteria SCSS end ================================ */ /* ========================= EStoreAd_Card order a new card page SCSS Start =========================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #eStore_Order_newCard { width:80%; font-size:0.875em; margin:0 auto;} #eStore_Order_newCard h1 { font-size:1.25em; padding:0 50px 10px; color: #004990; text-align: center; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #eStore_Order_newCard .select_cardArea { margin-bottom:20px; width:100%; } #eStore_Order_newCard .select_cardArea:after { content:""; clear:both; line-height:0; display:block; visibility:hidden; } #eStore_Order_newCard .select_cardArea .card_number { margin-bottom:25px; padding-left:280px;} #eStore_Order_newCard .select_cardArea .left_title { float:left; width:230px; font-weight:bold; } #eStore_Order_newCard .select_cardArea .right_select { float:left; margin-left:50px; margin-top:0px; width:320px; position:relative; min-width:100px; } #eStore_Order_newCard .select_cardArea .right_select span.dropdown_arrow { font-size:20px; padding:0; top:8px; right:10px; color:#333; margin: 0 0 0 5px; position:absolute; } #eStore_Order_newCard .select_cardArea .right_select select { font-size: 0.875em; padding:0 8px; line-height:40px; height:40px; border-radius: 2px; border: 1px solid #cae0f5; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-color:#f6f9fe; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_Order_newCard fieldset { border:none; padding:0; margin:0;} #eStore_Order_newCard .new_card_explain { line-height:20px;} #eStore_Order_newCard .new_card_explain p {margin-bottom:25px;} #eStore_Order_newCard .new_card_explain p a { text-decoration:underline;} #eStore_Order_newCard .new_card_explain h2 { font-size:0.95em; font-weight:bold; font-family: arial,helvetica,clean,sans-serif;margin-bottom:10px} #eStore_Order_newCard .new_card_button { width:100%; margin:25px 0 30px 0;} #eStore_Order_newCard .new_card_button:after { content:""; clear:both; line-height:0; display:block; visibility:hidden;} #eStore_Order_newCard .new_card_button .button.secondary { background-color: rgb(255, 255, 255); color: #004990;} #eStore_Order_newCard .new_card_button .button.secondary:hover { background-color: #B2C6DD; color: #004990;} #eStore_Order_newCard .new_card_button .button.secondary { display: inline-block; border-radius: 3px; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; width: 115px; line-height: 40px; min-height: 40px; text-align: center; font-size: 1.25em; -webkit-appearance: none; float:left; border:#d4e6f6 solid 1px; } #eStore_Order_newCard .new_card_button .button.primary { width:115px; float:right;} @media (max-width: 600px) { #eStore_Order_newCard { width:90%;} #eStore_Order_newCard h1 { font-size:1.125em; padding:30px 0; line-height:1.5;} #eStore_Order_newCard .select_cardArea .card_number { margin-bottom:25px; padding-left:0px;} #eStore_Order_newCard .select_cardArea .left_title {float:none; width:100%; margin-bottom:18px;} #eStore_Order_newCard .select_cardArea .right_select { float:none; margin-left:0px; width:100%;} #eStore_Order_newCard .new_card_button .button.secondary {width: 100%; box-sizing:border-box; margin-top:25px;} #eStore_Order_newCard .new_card_button .button.primary { width:100%; box-sizing:border-box;} } @media (min-width: 1281px) { #eStore_Order_newCard h1 { font-size:1.5em; padding:0 50px 30px; color: #004990; text-align: center;} #eStore_Order_newCard .new_card_button .button.secondary {width: 225px;} #eStore_Order_newCard .new_card_button .button.primary { width:225px; float:right;} } @media (min-width: 601px) and (max-width: 1280px) { #eStore_Order_newCard .select_cardArea .left_title { width:48%; } #eStore_Order_newCard .select_cardArea .right_select {width:35%;} #eStore_Order_newCard .new_card_explain p{font-size:.87em;} #eStore_Order_newCard h1 { padding:30px 0 20px;} #eStore_Order_newCard .select_cardArea .right_select span.dropdown_arrow{right:-80px;} } /* ========================= EStoreAd_Card order a new card page SCSS end =========================== */ /* ================================ EStoreAdcard sign up SCSS Start ================================ */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #WC_AddressEntryForm__div_firstname input[type=text]:focus { border: 1px solid #CAE0F5 !important; -webkit-appearance: none; -moz-appearance: none; outline: #CAE0F5 solid 1px; } #WC_AddressEntryForm__div_lastname input[type=text]:focus { border: 1px solid #CAE0F5 !important; -webkit-appearance: none; -moz-appearance: none; outline: #CAE0F5 solid 1px; } #eStore_adcard_password { width:550px; margin:0 auto;} #eStore_adcard_password .column1 {margin-bottom:20px;} #eStore_adcard_password .column1 p { margin:20px 0 10px 0; font-size:0.875em;} #eStore_adcard_password .column1 .radio_label,#eStore_adcard_password .column1 .input_label{ font-size:0.875em; font-weight:bold; line-height:1.2; padding:10px 0;} #eStore_adcard_password .column1 .input_text {border:1px solid #d0d0d0;height:37px; border-radius:2px;padding:0;width:360px;text-indent:15px;} #eStore_adcard_password .column1 .con_margin { margin-right:45px;} #eStore_adcard_password .signInWraper{margin:0 auto; width:100%;} #eStore_adcard_password .signInWraper:after { content:""; display:block; clear:both; line-height:0; visibility: hidden;} #eStore_adcard_password .signInWraper #signIn_section{float:left; width: 46%; margin-right:4%;} #eStore_adcard_password .signInWraper #newCustomer_section{ float: left; width: 50%; border-left:#d0d0d0 solid 1px; padding-left:4%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #eStore_adcard_password .signInWraper #signIn_section h2, #eStore_adcard_password .signInWraper #newCustomer_section h2{ font-weight:600; color:#333; text-align:left; font-size:0.875em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; margin:0; } #eStore_adcard_password .signInWraper #signIn_section h3, #eStore_adcard_password .signInWraper #newCustomer_section h3 { font-weight:normal; font-size:0.875em; line-height:1.1em; margin-bottom:20px; min-height:45px; } #eStore_adcard_password .signInWraper #signIn_section .content { max-width:100%; min-height:90px;} #eStore_adcard_password .signInWraper #signIn_section ul{margin:0;padding:0;font-size:.875em;} #eStore_adcard_password .signInWraper #signIn_section ul li{list-style:none; padding-bottom:20px;} #eStore_adcard_password .signInWraper #signIn_section ul li label {font-weight:600;} #eStore_adcard_password .signInWraper #signIn_section ul li input[type="email"], #eStore_adcard_password .signInWraper ul li input[type="email"], input[type="password"]{border:1px solid #d0d0d0;height:37px; border-radius:2px;padding:0;width:99%;text-indent:15px} #eStore_adcard_password .column .column_label{ font-size:0.875em; font-weight:600;} #eStore_adcard_password .column .column_label_con{ margin-top: 20px;} #eStore_adcard_password .hide{display:none;} #eStore_adcard_password .res-bubble {font-size:0.875em;} #eStore_adcard_password .res-bubble p { padding-left:5px; margin-bottom:5px;} #eStore_adcard_password .res-bubble span { font-weight:bold;} #eStore_adcard_password .res-bubble:after,#eStore_adcard_password .res-bubble:before { top: -27px; left: 30px; height: 0; width: 0; pointer-events: none; } #eStore_adcard_password .res-bubble:before { top: -30px; border-color: rgba(202, 224, 245, 0); border-bottom-color: #CAE0F5; border-width: 15px; margin-left: -15px; } #eStore_adcard_password .res-bubble:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 14px; margin-left: -14px; } @media (min-width: 1281px){ #adcTitle h1#adcPrefTitle {padding: 0;} } .adcard_signup_onlinemngt_form{ margin-left: 140px; margin-top: 2em; } .adcard_signup_onlinemngt_form .box-list:before {margin-left: 1px !important;} #adcard_signup_form .column_label, .radio_label{ font-weight: bold; } input#bootsReglogonId, input#bootsReglogonPassword, input#reglogonPassword, input#reglogonPasswordVerify{ width: 90%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_registration_form .content .radio_primary { -webkit-appearance: radio; -moz-appearance: radio; width: initial !important; height: initial; } .adcard_signup_section_content .column_label{ line-height: 1.25em; font-weight: bold; font-size: 0.875em; margin-bottom: .5em; margin-top:20px } /* callout arrow for passowrd guidance */ div#signUpPassword .bubble-container{position: static; margin: 25px 0 10px 0; top: initial; left: initial;} div#signUpPassword .bubble-container{margin-top: 10px;} div#signUpPassword .res-bubble { position: relative; background: #ffffff; border: 1px solid #CAE0F5; } div#signUpPassword .res-bubble:after, div#signUpPassword .res-bubble:before { top: -27px; left: 30px; height: 0; width: 0; pointer-events: none; } div#signUpPassword .res-bubble:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 14px; margin-left: -14px; } div#signUpPassword .res-bubble:before { content: ''; position: absolute; border-style: solid; /* border-width: 12px 10px 12px 0; */ /* border-color: transparent #cae0f5; */ display: block; /* width: 0; */ z-index: 0; /* left: -11px; */ /* top: 13px; */ } div#signUpPassword .res-bubble:before { top: -30px; border-color: rgba(202, 224, 245, 0); border-bottom-color: #CAE0F5; border-width: 15px; margin-left: -15px; } div#signUpPassword .bubble-container .res-bubble div { margin-left: 23px; } div#signUpPassword .bubble-container .res-bubble div:before { left: 7px; } /* Siso work END */ .adcard_signup_section_heading { padding: 10px 0; } .adcard_signup_section_radios { padding: 20px 0; font-size: 1.09375em; } .adcard_signup_section_title { line-height: normal; font-size: 0.875em; font-family: arial,helvetica,clean,sans-serif; font-size: 1em; font-weight: bold; } .adcard_signup_section_desc { margin: 0.5em 0 1em; } .adcard_signup_section_content.expandable.expanded { margin-top:30px; visibility: visible; } h6.adcard_signup_section_col_title { font-size:1em } .adcard_signup_section_content.flex_col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; visibility: hidden; } .adcard_signup_section_content_info { margin-bottom: 1.5em; } .flex_col .adcard_signup_section_col { -webkit-box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex_col .adcard_signup_email_section_col { -webkit-box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .adcard_signup_section_col_title { margin-bottom: .25em; line-height: normal; } .adcard_signup_section_col_body { } .adcard_signup_section_content input[type="text"], .adcard_signup_section_content input[type="password"] { box-sizing: border-box; width: 100% !important; height: 40px; margin-bottom: 8px !important; text-indent: 15px; } .adcard_signup_section_col_body input[type="text"]:last-child, .adcard_signup_section_col_body input[type="password"]:last-child { margin-bottom: 0 !important; } .adcard_signup_section_col_heading { /*margin-bottom: 1em;*/ } .adcard_signup_section_col_desc, .adcard_signup_section_content_desc { font-size: .8em; } .adcard_signup_section_content_desc { margin-top:0px } .adcard_signup_section_content_body .column_label { /*font-size:1em;*/ } .adcard_signup_section_content_body { margin-bottom:30px } #login_emailFields { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #signUpPassword { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .separator_bottom { margin-bottom: 1em !important; padding-bottom: 2em; border-bottom: 1px solid #d0d0d0; } .adcard_signup_section_content.accountFields::after { content: ""; background-color: #d0d0d0; display: flex; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; height: inherit; width: 1px; margin: 0 4%; } .radio_primary { opacity: 0; position: absolute; /*display:none !important;*/ width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .radio_primary, .radio_primary_label { display: inline-block; vertical-align: middle; cursor: pointer; padding-right: 5em; font-size:15px; position:relative; padding-left: 28px; } .radio_primary + .radio_primary_label:before { content: ''; background: #fff; border: 1px solid #e5e5e5; border-radius: 50%; display: inline-block; vertical-align: middle; width: 17px; height: 17px; margin-right: 10px; text-align: center; position: absolute; left: 0; top: 0; } .radio_primary:checked + .radio_primary_label:after, .radio_primary.dijitRadioChecked + .radio_primary_label:after { content: ""; background-color: #333; border-radius: 50%; position: absolute; left: 4px; top: 4px; height: 11px; width: 11px; } .expandable { max-height: 0; transition: max-height 500ms ease-in-out; overflow: hidden; visibility: hidden; } .expanded { max-height: 700px; visibility: visible; } #tempAdCardNo { /*max-width: 215px;*/ width: 50% !important } @media (min-width: 601px) and (max-width: 1280px) { #tempAdCardNo { /*max-width: 215px;*/ width: 65% !important } } @media (max-width: 600px) { #tempAdCardNo { /*max-width: 215px;*/ width: 100% !important } .adcard_signup_section_col_body_right { margin-top:25px } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #eStore_adcard_password {max-width: 94%;margin: 0px auto;} #eStore_adcard_password .signInWraper{margin:0 auto;width:100%;} #eStore_adcard_password .signInWraper:after { content:""; display:block; clear:both; line-height:0; visibility: hidden;} #eStore_adcard_password .signInWraper #signIn_section{float:none; width: 100%; margin-right:0;} #eStore_adcard_password .signInWraper #newCustomer_section{float: none; width: 100%; border-left:#d0d0d0 solid 0px; padding-left:0;} #eStore_adcard_password .signInWraper #signIn_section h3, #eStore_adcard_password .signInWraper #newCustomer_section h3 {min-height:40px; margin-bottom:0px;} #WC_AddressEntryForm__div_firstname input[type=text]:focus { border: 1px solid #CAE0F5 !important; -webkit-appearance: none; -moz-appearance: none; outline: #CAE0F5 solid 1px; } #WC_AddressEntryForm__div_lastname input[type=text]:focus { border: 1px solid #CAE0F5 !important; -webkit-appearance: none; -moz-appearance: none; outline: #CAE0F5 solid 1px; } .adcard_signup_onlinemngt_form { margin-top: 0.1em; margin-left: 0; } .adcard_signup_section_content.flex_col { flex-flow: column nowrap; } .adcard_signup_section_content input[type="text"], .adcard_signup_section_content input[type="password"] { text-indent: 0; } .adcard_signup_section_col_body input[type="text"]:last-child, .adcard_signup_section_col_body input[type="password"]:last-child { margin-bottom: 1px !important; } .adcard_signup_section_col { margin-bottom: 2em; } .adcard_signup_section_col:last-child { margin-bottom: 0; } .adcard_signup_section_content.accountFields::after { display: none; } .flex_col .adcard_signup_section_col { width:100%; display:block; -webkit-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #eStore_adcard_password {width: 800px; margin: 0 auto;} } /* ================================ EStoreAdcard sign up SCSS END ================================ */ /* ================================ EStoreAdCard Popup SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .overlayMainContainer,#AdCard_overlay,#AdCard_nhs_overlay,#AdCard_update_overlay, #AdCard_TandC_overlay,#AdCard_RegistrationTandC_overlay, #AdCard_updateDetailsConfirmation_overlay{ display: none; background: #ffffff; margin: 150px auto 0 auto; width: 600px; z-index: 9999; position: fixed; top: 0; right: 0; left: 0; } div#AdCard_overlay_content, .overlayContentContainer { padding: 10px 55px 30px 55px; line-height:20px; font-size:0.875em; } div#AdCard_overlay_content .AdCard_overlay_close, .overlayContentContainer .AdCard_overlay_close, .overlayContentContainer .Boots_overlay_close{ margin: 0; top: 10px; right: 0px; } div#AdCard_overlay_content .AdCard_overlay_close .close-btn, .overlayContentContainer .AdCard_overlay_close .close-btn, .overlayContentContainer .Boots_overlay_close .close-btn { margin: 0; top: 10px; right: 10px; } div#AdCard_overlay_content div.AdCard_overlay_head { display: block; padding: 5px 0 0px; } div#AdCard_overlay_content div.AdCard_overlay_head h2 { font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; font-size: 1.25em; line-height: 1.25em; text-align: center; margin:0 5%; } div#AdCard_overlay_content p { position: relative; } div#AdCard_overlay_content h2, .overlayContentContainer h2{font-size:1.2em;line-height:1.2em;text-align:center;padding:20px 0 10px;} div#AdCard_overlay_content, .overlayContentContainer{ font-size: 0.875em; line-height: 20px; } div#AdCard_overlay_content p, .overlayContentContainer ul li, .overlayContentContainer p { padding: 10px 0; position: relative; } .overlayContentContainer ul{ padding:0; } div#AdCard_overlay_content .button_section{text-align:center;padding-top:10px;} div#AdCard_overlay_content .button_section .button.primary { max-width: 50%; } #AdCard_RegistrationTandC_overlay{max-width:500px;} /* START: B-04593 AdCard by post */ #ACFRegistrationForm .confirm_dialog_title { line-height: normal; } #ACFRegistrationForm #confirm_changes_dialog .dialog_input_row .dialog_no { float: left; width: 47%; } #ACFRegistrationForm #confirm_changes_dialog .dialog_input_row .dialog_yes { float: left; width: 47%; height: 28px; line-height: 28px; text-align: center; margin-left: 3%; } @media (max-width: 600px) { #confirm_changes_dialog .estores_overlay_content { margin-left: 0; margin-right: 0; width: 100%; padding: 3em 1em; } #confirm_changes_dialog .dialog_input_wrap .dialog_dob_label .dropdown_arrow { top: 9px; } #ACFRegistrationForm #confirm_changes_dialog .dialog_input_row .dialog_no, #ACFRegistrationForm #confirm_changes_dialog .dialog_input_row .dialog_yes { max-width: 100%; margin-left: 0; display: block; float: none; width: auto; } } /* END: B-04593 */ /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .overlayMainContainer, #AdCard_overlay,#AdCard_nhs_overlay,#AdCard_update_overlay, #AdCard_TandC_overlay,#AdCard_RegistrationTandC_overlay, #AdCard_updateDetailsConfirmation_overlay{ width: 98%; } div#AdCard_overlay_content,.overlayContentContainer {padding: 5px 10% 25px 10%;} } /* ================================ EStoreAdCard Popup SCSS End ============================== */ /* ========================= EStoreAd_Card Sign up Preferences page SCSS Start =========================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #eStore_SignUp_Preferences {margin:0 auto; font-size:0.875em; width:93.5%} #eStore_SignUp_Preferences .title{ color: #004990; text-align: center; font-size:1.75em; line-height: 2em; padding-top: 40px; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; padding-bottom: 0; } #eStore_SignUp_Preferences h1 { padding-top:10px; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size:1.375em; color: #000; } #eStore_SignUp_Preferences .boots_email_newsletter_style{ /*border:1px solid #CC0033; */ padding-bottom:40px; } #eStore_SignUp_Preferences .cmscontent_align_message{ font-size:0.9em; padding:7px 2px; } #eStore_SignUp_Preferences #nwsltrgrpname{ font-size:1.24em; clear:both; } #eStore_SignUp_Preferences #wrapper11{ padding-top:34px; } #eStore_SignUp_Preferences #wrapper12{ padding-top:10px; } #eStore_SignUp_Preferences #cmscontent11{ padding-top:15px; clear:both } #eStore_SignUp_Preferences #gp_100a_id1{ padding-bottom:50px !important; } #eStore_SignUp_Preferences #gp_100a_id{ margin-top:34px; padding-bottom:0px; } #eStore_SignUp_Preferences #cmscontent_align_message_id{ margin-top:0px; padding-bottom:0px; clear:both; } #eStore_SignUp_Preferences h2 { /*font-size: 1em; color: #333333; font-weight: bold; font-family: arial,helvetica,clean,sans-serif;*/ } #eStore_SignUp_Preferences.adcard_step_two {max-width: 930px;} #eStore_SignUp_Preferences .club_line {padding-top: 15px; margin-top: 20px;border-top: 1px solid #d0d0d0;} #eStore_SignUp_Preferences .kidCountContainer.club_line{padding: 0 0 0 0; margin:0 0 0 0;border-top:0} #eStore_SignUp_Preferences .kidCountContainer.club_line h4{margin-bottom:0;} #eStore_SignUp_Preferences .baby_line {border-bottom: #d0d0d0 solid 1px; padding-bottom: 20px;} #eStore_SignUp_Preferences .baby_title {margin-bottom:15px;margin-top:10px;} #eStore_SignUp_Preferences .choose_space {margin:15px 0 7px 0;} #eStore_SignUp_Preferences .detailsStep { color:#d0d0d0; border-bottom:#d0d0d0 solid 1px; font-size: 1.438em !important; } .Preferences_detailsStep{ color:#d0d0d0; border-top:#d0d0d0 solid 1px; margin-bottom:150px; } .preferences_button .tertiary {border: 2px solid #CAE0F5 !important; } #eStore_SignUp_Preferences .preferences_con {width:100%;margin:0 auto;padding-bottom:13px;position:relative;top:6px;} #kid2Div, #kid3Div, #kid4Div {border-top: 1px solid #D0D0D0;margin-top: 30px;padding-top: 20px;} #myAccountEmailNewsletter .preferences_con {width:45%;float:left; } #myAccountEmailNewsletter .preferences_con.checkboxContainerDoubleWidth{width: 100%;} #eStore_SignUp_Preferences #email_newsletters_innerColumn {clear: both;padding-top:3px;} #eStore_SignUp_Preferences .preferences_con_title { margin:0px 0 20px 0 ;} #eStore_SignUp_Preferences .preferences_con a {text-decoration:underline;} #eStore_SignUp_Preferences .preferences_con .question { display:inline-block; float:right; text-align: right; position:absolute; right:0; top:5px; font-size: 0.875em; } #eStore_SignUp_Preferences .preferences_con .checkbox_space {margin-left:10px; line-height: 24px;} #eStore_SignUp_Preferences .preferences_con input[type="checkbox"] { display: block; position: absolute; width: 20px; height: 20px; margin: 0; cursor: pointer; opacity: 0; z-index: 666; top: 0; left: 0; } #eStore_SignUp_Preferences .preferences_con input[type="checkbox"] + span { display: inline-block; width: 15px; height: 15px; border: 1px solid #d0d0d0; margin-right: 0px; top: 4px; position: relative; color: #004990; margin-bottom: 0; overflow: hidden; } #eStore_SignUp_Preferences .preferences_con input[type="checkbox"]:checked + span:after { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 14px; height: 16px; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } #eStore_SignUp_Preferences .captcha { margin-bottom:10px; width:450px; padding:10px; border:#d0d0d0 solid 1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_SignUp_Preferences .captcha:after { content:""; clear:both; line-height:0; display:block; visibility:hidden; } #eStore_SignUp_Preferences .captcha_left { float:left; width:300px; } #eStore_SignUp_Preferences .captcha_left_img { border:#d0d0d0 solid 1px; text-align:center; margin-bottom:10px; width:300px; height: 57px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_SignUp_Preferences .captcha_left input { border:#333 solid 1px; padding:5px 6px; line-height:1.5; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_SignUp_Preferences .captcha_right { float:right; width:110px; padding:5px 0; } #eStore_SignUp_Preferences .captcha_right .captcha_right_con {width:100%;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con:after { content:""; clear:both; line-height:0; display:block; visibility:hidden;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_but {width:25px; float:left;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_but a { line-height:0; display:block; margin-bottom:1px; font-size:0;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_refresh {float:right; width:75px; padding-top:10px;} #eStore_SignUp_Preferences .captcha_right .text_con { font-size:0.75em; color:#d0d0d0; text-align:center; line-height:1; margin-top:10px; } #eStore_SignUp_Preferences .preferences_button { width:100%; margin:50px 0 30px 0;} #eStore_SignUp_Preferences .preferences_button:after { content:""; clear:both; line-height:0; display:block; visibility:hidden;} #eStore_SignUp_Preferences .preferences_button .button.secondary { background-color: rgb(255, 255, 255); color: #004990; } #eStore_SignUp_Preferences .preferences_button .button.secondary:hover { background-color: #B2C6DD; color: #004990; } #eStore_SignUp_Preferences .preferences_button .button.tertiary { width: 225px; float:left; border:1px solid #cae0f5 !important; } #eStore_SignUp_Preferences #longdescription_id{ padding-top: 13px !important; } #eStore_SignUp_Preferences .preferences_button .button.primary { width:225px; float:right;} div#adcTitle { padding: 0; height: auto; } #eStore_SignUp_Preferences .my_adcard_pref_section_options .preferences_con { padding-left:30px } #eStore_SignUp_Preferences .my_adcard_pref_section_options .preferences_con input[type="checkbox"] + span { position:absolute; left:0 } #eStore_SignUp_Preferences .my_adcard_pref_section_options .preferences_con .checkbox_space { margin-left:0 } @media (min-width: 601px) and (max-width: 1280px){ h1#adcPrefTitle { padding-bottom: 0;} #eStore_SignUp_Preferences h1{ font-size:1.425em; } #eStore_SignUp_Preferences #msg{ font-size:0.97em; line-height:22px; } #eStore_SignUp_Preferences #msg br{ margin-bottom:20px; } #eStore_SignUp_Preferences #gp_100a_id{ margin-top:0; padding-bottom:0; } #eStore_SignUp_Preferences #gp_100a_id{ margin-top:9px; } #eStore_SignUp_Preferences #gp_100a_id1{ padding-bottom:45px !important; } #eStore_SignUp_Preferences #cmscontent11{ padding-top:0px; } #eStore_SignUp_Preferences .title { font-size: 1.375em; } } @media (min-width:601px){ #ma_cmscontent11 #ma_opt_out_text{ font-size: 0.9em !important; } } /* ========================= ParentingClub page SCSS Start =========================== */ #eStore_SignUp_Preferences #eStore_registration_form { max-width:100%; margin:0 auto;} #eStore_SignUp_Preferences #eStore_registration_form .labelSpan { font-size:0.875em;} #eStore_SignUp_Preferences .ParentingClubTitle { text-align:center; line-height:1.5; font-size:1.5em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color:#004990; margin:30px 0;} #eStore_SignUp_Preferences .ParentingClubContent {line-height:1.5; margin:20px 0;} .parentClub #eStore_SignUp_Preferences{width:95%;} #eStore_SignUp_Preferences .ParentingClubLine_top { border-top:#d0d0d0 solid 1px; margin:10px 0;} #eStore_SignUp_Preferences .kidCountContainer { border-top:#d0d0d0 solid 0px;} #eStore_SignUp_Preferences .ParentingClubLine { border-bottom:#d0d0d0 solid 0px; margin:10px 0;} #eStore_SignUp_Preferences .ParentingClubLine h2{font-size:1em;} #eStore_SignUp_Preferences .ParentingCountry {line-height:1.5; margin-top:5px;} #eStore_SignUp_Preferences .ParentingClubContent a { text-decoration:underline;} #eStore_SignUp_Preferences .parentingClubAccount { margin:30px 0; width:100%; position:relative; min-height:40px;} #eStore_SignUp_Preferences .parentingClubAccount:after { content:""; clear:both; line-height:0; display:block; visibility:hidden; } #eStore_SignUp_Preferences .parentingClubAccount #userinfo_mail, #eStore_SignUp_Preferences .parentingClubAccount #userinfo_address { width:78%; display:inline-block; position:absolute; top:0; left:8.7em; font-size: 0.875em;} #eStore_SignUp_Preferences .parentingClubAccount #userinfo_mail label, #eStore_SignUp_Preferences .parentingClubAccount #userinfo_address label { width:80%; word-wrap: break-word; display:inline-block; line-height:1.2;} #eStore_SignUp_Preferences .parentingClubAccount #userinfo_mail a, #eStore_SignUp_Preferences .parentingClubAccount #userinfo_address a{ display:inline-block; text-decoration:underline; position:absolute; right:0; top:0; font-size: 0.9em;} #eStore_SignUp_Preferences .parentingClubAccount #user_mail_change { width:100%; display:none; position:absolute; top:0; left:8.7em;} #eStore_SignUp_Preferences .parentingClubAccount #user_address_change { width:100%; display:none;} #eStore_SignUp_Preferences .Parenting_Club_form { display:table; margin:20px 0; width:100%; position:relative;} #eStore_SignUp_Preferences .Parenting_Club_form { width:100%; margin:15px 0;} #eStore_SignUp_Preferences .parentingClubAccount #user_address_change #requiredInfo{ font-size:0.7em; margin:12px 0; } #eStore_SignUp_Preferences h3 {font-weight:bold; font-size: 0.9em; color: #333333; margin:15px 0; font-family: arial,helvetica,clean,sans-serif;} #eStore_SignUp_Preferences .nwsletr_align_margin .longdescription{ padding:0 17px 0 0; width:700px; } @media (max-width: 600px) { #eStore_SignUp_Preferences .my_adcard_pref_section_options .preferences_con { padding-left:24px } #eStore_SignUp_Preferences .my_adcard_pref_section_options .preferences_con input[type="checkbox"] + span { top:9px; left:-2px } #eStore_SignUp_Preferences .my_adcard_pref_section_options .preferences_con .checkbox_space { margin-left:0 } #eStore_SignUp_Preferences {width: 94%; margin:0 auto; font-size:0.875em; } #eStore_SignUp_Preferences .title{ font-size:1.25em; padding-top: 30px; } #eStore_SignUp_Preferences h1 { font-size: 1.25em; line-height: 25px; width: 100%; padding: 10px 0 20px 0; } #eStore_SignUp_Preferences #msg { font-size: 0.963em; line-height:20px; margin:21px auto auto; width:85%; } #eStore_SignUp_Preferences #msg br{ margin-bottom:20px; } #eStore_SignUp_Preferences h2 { /*font-size: .9em; color: #333333; font-weight: bold; font-family: arial,helvetica,clean,sans-serif; line-height: 1.2em; padding: 15px 0 0 0;*/ } #eStore_SignUp_Preferences .club_line {margin: 0;} #eStore_SignUp_Preferences #email{ font-size:0.875em; padding:19px 25px; } #eStore_SignUp_Preferences #email a{ clear:both; display:block; margin:13px 28px; font-size:0.875em; } #eStore_SignUp_Preferences #nwsltrgrpname{ font-size:1.24em; clear:both; margin:38px 0 0 25px; } #eStore_SignUp_Preferences .preferences_con{ font-size:0.97em; margin:auto; padding:6px 23px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_SignUp_Preferences .preferences_con .longdescription{ font-size:0.97em; margin:auto; padding:0px 17px; } #eStore_SignUp_Preferences .content .longdescription{ font-size:0.97em; margin:auto; padding:0px 25px; } #eStore_SignUp_Preferences .nwsletr_align_margin .longdescription{ padding:0px 20px; } #eStore_SignUp_Preferences #cmscontent_align_message_id{ clear: both; font-size: 0.875em; margin-top: 0; padding: 9px 26px; width: 34%; } #eStore_SignUp_Preferences #gp_100a_id1{ padding-bottom:20px !important; } #eStore_SignUp_Preferences .preferences_con_padding{ font-size: 0.875em; } #eStore_SignUp_Preferences .buttom_name_link{ width:86%; padding-right: 20px; } #eStore_SignUp_Preferences #wrapper11{ width:100%; padding-left:25px; } #eStore_SignUp_Preferences #wrapper12{ font-size: 0.875em; width:95%; } #eStore_SignUp_Preferences #cmscontent11{ font-size: 0.875em; padding-left: 23px; width: 88%; } #eStore_SignUp_Preferences #longdescription_id{ padding-top: 13px !important; } #eStore_SignUp_Preferences .preferences_con { width:100%; margin:0 auto; padding-bottom:13px; position:relative; top:6px; left:2px; } .Preferences_detailsStep{ margin-bottom:50px; } #eStore_SignUp_Preferences .preferences_con { width:100%; margin:0 auto;} #eStore_SignUp_Preferences .preferences_con a {text-decoration:underline;} #eStore_SignUp_Preferences .preferences_con .question { display:block; float:right; text-align: right; position:static; right:0; top:5px; } #eStore_SignUp_Preferences .captcha { width:100%;} #eStore_SignUp_Preferences .captcha_left {float:left; width:65%;} #eStore_SignUp_Preferences .captcha_right {width:30%; margin-top:62px;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_but {width:20%; float:left;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_refresh {float:right; width:65%; padding-top:10px;} #eStore_SignUp_Preferences .preferences_button .button.secondary {width:100%;} #eStore_SignUp_Preferences .preferences_button .button.primary, #eStore_SignUp_Preferences .preferences_button .button.tertiary {width:100%; float:none;} #eStore_SignUp_Preferences .preferences_button .btn_margin{margin:10px 0px 20px 0px;} #eStore_SignUp_Preferences #eStore_registration_form { width:100%; margin:0 auto;} #eStore_SignUp_Preferences .parentingClubAccount #userinfo_mail, #eStore_SignUp_Preferences .parentingClubAccount #userinfo_address { width:100%; display:block; position:absolute; left:0; top:18px;} #eStore_SignUp_Preferences .parentingClubAccount #user_mail_change { width:100%; display:none; position:absolute; top:18px; left:0;} #eStore_SignUp_Preferences .parentingClubAccount #user_address_change { width:100%; display:none; margin-top:30px;} #eStore_SignUp_Preferences .preferences_con input[type="checkbox"] + span { display: inline-block; width: 15px; height: 15px; border: 1px solid #d0d0d0; margin-right: 0px; top: 4px; position: relative; color: #004990; margin-bottom: 0; overflow: hidden; left: -25px } #eStore_SignUp_Preferences .preferences_con .checkbox_space { margin-left: -20px; line-height: 24px; } /* 5681 - UAT - V5 Patch - Mobile - Tick boxes in newsletter preferences are mis-algined for touch screen { */ #eStore_SignUp_Preferences .preferences_con input[type="checkbox"] { top: 8px; left: -3px; } #eStore_SignUp_Preferences #emailPreferencesOptOutCheckbox input[type="checkbox"] { top: 2px; left: -27px; } /* 5681 } */ } #emailPref_inner_container{margin:auto;} @media (min-width: 1281px){ #eStore_SignUp_Preferences {margin:0 auto; font-size:0.875em; } #eStore_SignUp_Preferences .msg_align_style { font-size: 14px; } #eStore_SignUp_Preferences .captcha { width:690px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } #eStore_SignUp_Preferences .captcha_left {float:left; width:460px;} #eStore_SignUp_Preferences .captcha_right {width:170px; margin-top:10px;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_but {width:40px; float:left;} #eStore_SignUp_Preferences .captcha_right .captcha_right_con .captcha_refresh {float:right; width:100px; padding-top:10px;} #eStore_SignUp_Preferences .parentingClubAccount #userinfo_mail, #eStore_SignUp_Preferences .parentingClubAccount #userinfo_address { width:85%; display:block;} #eStore_SignUp_Preferences .parentingClubAccount #user_mail_change { width:100%; display:none; position:absolute; top:0; left:8.7em;} #eStore_SignUp_Preferences .parentingClubAccount #user_address_change { width:100%; display:none;} #eStore_SignUp_Preferences.my_parenting_club_details .ParentingClubLine { border-bottom: none; } } @media (min-width: 601px) and (max-width: 1280px){ #eStore_SignUp_Preferences .parentingClubAccount #userinfo_mail, #eStore_SignUp_Preferences .parentingClubAccount #userinfo_address{ width:70%;left:10.3em;} } /* ========================= EStoreAd_Card Sign up Preferences page SCSS End ============================= */ /* ============================== EStoreSignUpConfirmation page SCSS Start =========================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #eStore_SignUpConfirmation_tempCard {max-width: 80%; margin:0 auto; font-size:0.875em; } #eStore_SignUpConfirmation_tempCard .form .content .align{border:none; padding:0; margin:0;} #eStore_SignUpConfirmation_tempCard .heroContent { background-color:#efcce0;} #eStore_SignUpConfirmation_tempCard .heroContent p { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif!important; font-size: 1.375em !important; line-height: 2em; text-align: center; padding:30px 0; color:#d0d0d0; margin-top: 0px; } #eStore_SignUpConfirmation_tempCard h1 { font-weight: normal; font-size: 1.5em; color: #004990; text-align: center; padding: 1.5em 0 0.438em 0; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; line-height: normal; } #eStore_SignUpConfirmation_tempCard h2 { font-size: 1.125em; padding:10px 0; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif } #eStore_SignUpConfirmation_tempCard .temp_title_1 { font-size: 1.250em; line-height:1.2; margin-bottom:15px; font-weight:normal; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #eStore_SignUpConfirmation_tempCard .temp_title_2 { font-size: 1em; margin: 15px 0 10px 0; line-height:1.2; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con ul { margin-top: 5px; list-style:outside; padding: 0 16px; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con ul li { padding:0; /* line-height:1.5; */ margin-bottom: 5px; } #eStore_SignUpConfirmation_tempCard .content_line {border-bottom:#d0d0d0 solid 1px;/* margin:30px 0; */padding-bottom:20px;} #eStore_SignUpConfirmation_tempCard .content_line_60 { border-top:#d0d0d0 solid 1px; margin:30px 0; padding-top:30px;} #eStore_SignUpConfirmation_tempCard .but_top { margin-top:-50px!important;} #eStore_SignUpConfirmation_tempCard .text_left { text-align:left; margin-left:5px;} #eStore_SignUpConfirmation_tempCard .small {font-size: 0.625em;line-height: 1.325em;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_number #barcode div{font-size: 0.8em;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_number #barcode p{font-size: 0.7em;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con {/* width:100%; */padding: 1em 0;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con:after { content:""; clear:both; line-height:0; display:block; visibility:hidden; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_con_text {width:45%; float:left; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .noTempCard_con_text {width:100%;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .noTempCard_con_text a { text-decoration:underline;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .noTempCard_con_text p, #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_con_text p {margin-bottom: 1.375em;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_con_text p{margin-bottom:1em;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_none {display:none; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_number { text-align:center; border:#d0d0d0 solid 1px; border-radius:10px; /* width:45%; */ float:right; padding:5px 10px; margin-bottom:30px; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .card60s { width: 100%!important; margin-bottom: 2em; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .card60s .tempCard_number { } .tempCard_con_text_leftSide1 { padding-right: 3em; margin-bottom: 1em; } .tempCard_con_text_leftSide2 { } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .barCodeImg { height:auto; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_treat {width:85%;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_more {text-align:right; text-decoration:underline; margin:30px 0; } #eStore_SignUpConfirmation_tempCard .tempCard_button {text-align:right; margin:15px auto 40px auto; width:100%;} #eStore_SignUpConfirmation_tempCard .button.primary {max-width: 235px;padding:0 20px;} #eStore_SignUpConfirmation_tempCard .tempCard_button.but_top { top: -60px; margin-bottom: 0px!important; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .barCodeImg { height: auto; } /*******AA Styles - BO*******/ .forScreenReaderOnly{ height: 0px; width: 0px; position: absolute; overflow: hidden; top: -10px; } /*******AA Styles - EO*******/ @media (max-width: 600px) { #eStore_SignUpConfirmation_tempCard .text_left { margin-left: 20px; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .barCodeImg { height: auto; width: 90%; } #eStore_SignUpConfirmation_tempCard h1 { font-weight: normal; font-size: 1.125em; color: #004990; text-align: center; padding:30px 0; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif } #eStore_SignUpConfirmation_tempCard h2 {font-size: 1em; font-weight:600;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con {width:100%; margin:0 auto;} #eStore_SignUpConfirmation_tempCard {max-width: 90%; margin:0 auto;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_con_text {width:100%;line-height:1.2;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_number { text-align:center; border:#d0d0d0 solid 1px; border-radius:10px; min-height:200px; width:100%; padding:5px 0; margin-top:5px; } #eStore_SignUpConfirmation_tempCard .card60s .tempCard_button { margin: 2em 0 !important; } #eStore_SignUpConfirmation_tempCard .tempCard_button {text-align:right; margin:15px auto 40px auto; width:100%;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_treat {width:100%;} #eStore_SignUpConfirmation_tempCard .button.primary {max-width: 100%; padding:0;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .card60s .tempCard_number { width: 100%; } .tempCard_con_text_leftSide1 { width: 100%; } .card60s .tempCard_con_text_leftSide2 { /* margin-top: 60px; */ } .tempCard_con_text_leftSide2 { /* width: 100%; */ /* margin-top: 30px; */ } #eStore_SignUpConfirmation_tempCard .tempCard_button.but_top { top: -300px; } } @media (min-width: 1281px){ #eStore_SignUpConfirmation_tempCard {max-width: 930px; margin:0 auto; font-size:0.875em; } #eStore_SignUpConfirmation_tempCard h1 { font-weight: normal; font-size: 1.875em; color: #004990; text-align: center; padding: 1.750em 0 0.813em 0; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #eStore_SignUpConfirmation_tempCard h2 {font-size: 1.25em; padding:10px 0; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con {/* width:100%; *//* margin:20px auto; */} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_con_text {width:57%; float:left; margin-bottom: 2em } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .yes_tempCard_con_text {width:100%; font-size:0.875em; float:left;margin-bottom:60px; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_con_text p {margin-bottom:1em;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_number { text-align:center; border:#d0d0d0 solid 1px; border-radius:10px; width:26.25%; float:right; padding:5px 30px; } #eStore_SignUpConfirmation_tempCard .tempCard_button {text-align:right; margin:15px 0 40px 0; width:100%; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .card60s .tempCard_number { margin-top: -50px!important; width: 26.25%; } .tempCard_con_text_leftSide1 { /* width: 57%; */ /* float: left; */ } .tempCard_con_text_leftSide2 { width: 100%; float: left; } } @media (min-width: 601px) and (max-width: 1280px){ #eStore_SignUpConfirmation_tempCard #Over60sMembershipBenefits{width:100% !important;} #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con .tempCard_number{width:45%;} } /* ============================== EStoreSignUpConfirmation page SCSS End ================================ */ /* ================================ EStore Footer Social_media SCSS start ============================== */ .Social_media_wrapper { padding: 10px 20px; overflow: hidden; box-sizing: border-box; width: 100%; margin: 0 !important } .Social_media_wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .Social_media_wrapper .mail_main {float: left;} .Social_media_wrapper .mail_main label { font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; color: #004990; font-size: 1em; line-height:20px; display:inline-block; padding:10px 5px 10px 0; text-align:left; float:left; width: 145px; } .Social_media_wrapper .Social_media_icons h3 { font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; color: #004990; font-size: 1em; line-height:20px; display:inline-block; padding:10px 5px 10px 0; text-align:left; } .Social_media_wrapper .mail_main input[type=text] { float: left; /* width: calc(100% - 95px - 145px - 20px); */ width: calc(100% - 25% - 145px ); border: 1px solid #d0d0d0; border-radius: 2px; padding: 0px 8px; line-height:36px; min-height:36px; box-sizing:border-box; color:#4c4c4c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } .Social_media_wrapper .mail_main .button { font-size: 1em; max-width: 18%; float: left; margin-left: 2%; } .Social_media_wrapper .mail_main .button:active, .Social_media_wrapper .mail_main .button:focus, .Social_media_wrapper .mail_main .button:hover { max-width: 18%; } .Social_media_wrapper .Social_media_icons{white-space: nowrap; position: relative;float:right} .Social_media_wrapper .Social_media_icons a { display:inline-block; margin-left:5px; list-style:none; position:relative;} .Social_media_wrapper .Social_media_icons a span.footer_social_icon:before{font-size: 18px; color: #d0d0d0;} .Social_media_wrapper .Social_media_icons a span.footer_social_icon:hover:before{color: #333;} .Social_media_wrapper .Social_media_icons_box { display:inline-block; position: absolute; top:10px;} .Social_media_wrapper .spacer_col {display: none;} .signupEmailWrapper, .socialMediaWrapper { text-align: center; } .Social_media_wrapper .signupEmailWrapper>div, .Social_media_wrapper .socialMediaWrapper>div { float: none; display: inline-block; } .Social_media_wrapper .socialMediaWrapper .Social_media_icons_box { position: relative; top: 3px; display: inline-block; } .Social_media_wrapper .socialMediaWrapper .Social_media_icons { width: 41.66%; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .Social_media_wrapper { width:100%; padding: 0px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .Social_media_wrapper .mail_main { float: none; width: 100%;} .Social_media_wrapper .mail_main label { width:100% } .Social_media_wrapper .mail_main input[type=text] { width:70%; margin:0;} .Social_media_wrapper .mail_main .button { display:inline-block; float:right;} .Social_media_wrapper .Social_media_icons{float:none; width:100%; padding: 10px 0; left: 0px;} .Social_media_wrapper .mail_main .button, .Social_media_wrapper .mail_main .button:active, .Social_media_wrapper .mail_main .button:focus, .Social_media_wrapper .mail_main .button:hover { width: 28%;max-width: 28%;} .Social_media_wrapper .Social_media_icons_box {top: 20px;} .Social_media_wrapper .Social_media_icons a { display:inline-block; margin-left: 3px; list-style:none; position:relative;} .Social_media_wrapper .signupEmailWrapper>div, .Social_media_wrapper .socialMediaWrapper>div { display: block;} } /* ------------------------------------------- */ /* ------------ Tablet styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 768px) { .Social_media_wrapper { padding: 10px 10px;} .Social_media_wrapper .mail_main label {width:100%} .Social_media_wrapper .mail_main .button, .Social_media_wrapper .mail_main .button:active, .Social_media_wrapper .mail_main .button:focus, .Social_media_wrapper .mail_main .button:hover {max-width: 22%;} .Social_media_wrapper .mail_main input[type="text"] {width: calc(100% - 145px);} .Social_media_wrapper .Social_media_icons_box {display:block; top:50px;} .Social_media_wrapper .Social_media_icons a {margin-right:5px; margin-left: 0px;} .Social_media_wrapper .Social_media_icons h3 {margin-left:5px; margin-bottom: 10px;} .Social_media_wrapper .signupEmailWrapper>div { width: 100%; } .Social_media_wrapper .signupEmailWrapper .mail_main label, .Social_media_wrapper .signupEmailWrapper input[type="text"], .Social_media_wrapper .socialMediaWrapper .Social_media_icons { width: auto; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px){ .Social_media_wrapper {padding: 10px; width: calc(100% - 20px);} .Social_media_wrapper .mail_main input[type=text] {margin:0;} .Social_media_wrapper .spacer_col {display: block;} } /* ================================ EStore Footer Social_media SCSS end ============================== */ /* ================================ EStore Footer SCSS Start ============================== */ #footer {border-top:2px solid #cae0f5;border-bottom:2px solid #cae0f5} #estore_footer{padding: 10px;width:auto; margin: 10px auto; text-align:left;} #estore_footer .spacer_col {display: none;} #estore_footer .footer-section{margin:0; vertical-align:top; text-align:left;} #estore_footer h3{font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size:1em; line-height:1.2em; color:#004990;padding-right:15px; padding-bottom:5px; margin:0;text-align:left;} #estore_footer ul{padding: 0px;margin: 10px 0 10px;} #estore_footer ul li{list-style: none;font-weight: normal;padding-bottom:15px;font-size: .9em;text-align:left;padding-right: 15px;} #estore_footer a{text-decoration: none;} #estore_footer a:hover{text-decoration: underline;} #estore_footer h3 span#footer_sec_1_arrow, span#footer_sec_2_arrow, span#footer_sec_3_arrow, span#footer_sec_4_arrow{display:none;} #estore_footer h3.mobile_show{display:none;} @media (min-width: 601px) and (max-width: 1280px) { #estore_footer #footer_sec_1_show, #footer_sec_2_show, #footer_sec_3_show, #footer_sec_4_show{display:block !important;} #eStore_SignUp_Preferences .nwsletr_align_margin .longdescription{ padding:0px 25px; } } #estore_footer div#estore_partnerSitesLogo{width:auto;margin:25px auto 45px; position:relative; padding: 25px 0 0 0;} #estore_footer div#estore_partnerSitesLogo a:nth-child(2){margin:0px;} #estore_footer div#estore_partnerSitesLogo a{display:inline-block;margin-left:20px;} #estore_footer div#estore_partnerSitesLogo h4{font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;font-size:1em;color:#004990;padding-bottom: 10px;} /*#estore_footer div#estore_partnerSitesLogo a:nth-child(3) img{width:140px;}*/ #estore_footer div#estore_partnerSitesLogo .LogoSancoInternet_uk {width:90px; display:inline-block;position:absolute;right: 0; bottom: 9px; line-height: 0px; font-size: 0px;} #estore_footer div#estore_partnerSitesLogo a { margin:0;} #estore_footer div#estore_partnerSitesLogo a img { height:33px;margin-right: 10px;} #estore_footer div#estore_partnerSitesLogo .LogoSancoInternet_uk img {width:90px; height:auto } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_footer{padding: 0px 0 20px;width:100%;margin: 0px;} #estore_footer .spacer_col {display: none;} #estore_footer .footer-section{margin:0px; display:block; vertical-align:top;} #estore_footer ul{padding: 0px 0 0 20px;margin: 5px 0 10px;} #estore_footer ul li{list-style: none;font-weight: normal;font-size: .8em;} #estore_footer a{text-decoration: underline;} #estore_footer h3{cursor:pointer;font-size:1em;line-height: 1.125em;color:#004990; position:relative } #estore_footer h3 span#footer_sec_1_arrow, span#footer_sec_2_arrow, span#footer_sec_3_arrow, span#footer_sec_4_arrow {display:block;right: 15px;position: absolute;top: 8px;cursor:pointer;font-size:30px;color:#999999;} #estore_footer div.footer-section{border-bottom:1px solid #e3e5e7;} #estore_footer div.footer-section h3.show_all{display:none;} #estore_footer h3.mobile_show{white-space: nowrap;display:block;overflow: hidden;padding:15px 0 15px 15px; } #estore_footer a{text-decoration: none;} #estore_footer a:hover{text-decoration: underline;} #footer {padding:0 0 10px;} #estore_footer div#estore_partnerSitesLogo a:nth-child(2){margin:0px;} #estore_footer div#estore_partnerSitesLogo a{display:inline-block;margin: 0 20px 0 0; float: left; clear: left;} #estore_footer div#estore_partnerSitesLogo h4{font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;font-size:1em;color:#004990;margin-bottom:10px;} #estore_footer div#estore_partnerSitesLogo{width:auto; margin: 25px 15px 0 15px; padding: 0; overflow: hidden;} #estore_footer div#estore_partnerSitesLogo .LogoSancoInternet_uk {width:85px; position:absolute; right:8px; top:40px; float: right;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_footer{padding: 10px 0;margin: 10px auto;} #estore_footer .spacer_col {display: block;} #estore_footer .footer-section{margin:0; vertical-align:top;} #estore_footer ul{padding: 0px;margin: 5px 0 10px;} #estore_footer ul li{list-style: none;font-weight: normal;font-size: .8em;text-align:left;} #estore_footer h3{font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;font-size:1em;color:#004990;margin:0;text-align:left;} #estore_footer h3.mobile_show{display:none;} #estore_footer #footer_sec_1_show, #footer_sec_2_show, #footer_sec_3_show, #footer_sec_4_show{display:block !important;} #estore_footer a{text-decoration: none;} #estore_footer a:hover{text-decoration: underline;} #estore_footer div#estore_partnerSitesLogo{width:67%; margin:25px auto 0;} } /* ================================ EStore Footer SCSS END ============================== */ /* ================================ EStore BackToTop CSS Start ============================== */ #backToTop { position: fixed; z-index: 1; bottom: 30px; right: 0px; display: block; width: 52px; height: 62px; border: 1px solid #d0d0d0; border-right: 0px; border-radius: 3px; background: white; visibility: hidden; -webkit-transform: translateZ(0);} #backToTop .dropdown_arrow { font-size: 46px; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; } /* ================================ EStore BackToTop CSS END ================================ */ /* Marketing Messages start */ .marketing-messages{max-width: 100%; margin: 0; padding: 0;} .marketing-messages h1 {font-size: 2.5em; color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; text-align: center; line-height:0px; margin-bottom: 60px;} .marketing-messages-left {border: 1px solid #999; width: 565px; height: 340px; margin-right: 30px;float: left;} .marketing-messages-left img {display: block; margin: 0px auto; padding-top: 50px; padding-bottom: 50px;} .marketing-messages-left .marketing-title {color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.625em; text-align: center;} .marketing-messages-left .marketing-note {color: #000; font-family: Arial,sans-serif; font-size: 1.125em; text-align: center; margin-top: 20px;} .marketing-messages-right {border: 1px solid #999; width: 565px; height: 340px; float: right;} .marketing-messages-right img {display: block; margin: 0px auto; padding-top: 50px; padding-bottom: 50px;} .marketing-messages-right .marketing-title {color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.625em; text-align: center;} .marketing-messages-right .marketing-note {color: #000; font-family: Arial,sans-serif; font-size: 1.125em; text-align: center; margin-top: 20px;} .gift_box_style{margin-top:1.5%;position:relative;} .gift_box_style p{display: inline;} .gift_box_style_inner{width:86.9%;text-align:right;} .gift_box_style_box{width:40%;float:right;} .gift_box_box_p{word-wrap:break-word;word-break:normal;width:100%;} #order_summary_gift_box div{ display: block; } #gift_box_price_container{ overflow:hidden; } #gift_box_message{ position: relative; } #order_summary_gift_box{ overflow:hidden; } #gift_box_message_container{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; } #gift_box_label{ order:1; } #gift_box_content{ order:2; float: right; text-align: right; word-wrap: break-word; } @media (max-width: 600px) { .marketing-messages{max-width: 100%; margin: 0; padding: 0;} .marketing-messages h1 {font-size: 1.375em; color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; text-align: center; line-height:0px; margin-bottom: 30px;} .marketing-messages-left {margin-right: 30px;float: left; border: 1px solid #999; max-width: 100%; margin-bottom: 10px;} .marketing-messages-left img {display: block; margin: 0px auto; padding-top: 20px; padding-bottom: 20px;} .marketing-messages-left .marketing-title {color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.375em; text-align: center;} .marketing-messages-left .marketing-note {color: #000; font-family: Arial,sans-serif; font-size: 0.750em; text-align: center; margin-top: 20px;} .marketing-messages-right {border: 1px solid #999; max-width: 100%; } .marketing-messages-right img {display: block; margin: 0px auto; padding-top: 20px; padding-bottom: 20px;} .marketing-messages-right .marketing-title {color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.375em; text-align: center;} .marketing-messages-right .marketing-note {color: #000; font-family: Arial,sans-serif; font-size: 0.750em; text-align: center; margin-top: 20px;} .gift_box_style{margin-top:1.5%;position:relative;} .gift_box_style_inner{width:75.9%;text-align:right;} .gift_box_style_box{width:40%;float:right;} .gift_box_box_p{word-wrap:break-word;word-break:normal;width:100%;} } @media (min-width: 601px) and (max-width: 1280px) { .marketing-messages{max-width: 100%; margin: 0; padding: 0;} .marketing-messages h1 {font-size: 1.375em; color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; text-align: center; line-height:0px; margin-bottom: 30px;} .marketing-messages-left {border: 1px solid #999; width: 362px; margin-right: 6px; float: left;} .marketing-messages-left img {display: block; margin: 0px auto; padding-top: 20px; padding-bottom: 20px;} .marketing-messages-left .marketing-title {color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.375em; text-align: center;} .marketing-messages-left .marketing-note {color: #000; font-family: Arial,sans-serif; font-size: 0.750em; text-align: center; margin-top: 20px;} .marketing-messages-right {border: 1px solid #999; width: 362px; float: right;} .marketing-messages-right img {display: block; margin: 0px auto; padding-top: 20px; padding-bottom: 20px;} .marketing-messages-right .marketing-title {color: #333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.375em; text-align: center;} .marketing-messages-right .marketing-note {color: #000; font-family: Arial,sans-serif; font-size: 0.750em; text-align: center; margin-top: 20px;} .gift_box_style{margin-top:1.5%;position:relative;} .gift_box_style_inner{width:77.9%;text-align:right;} .gift_box_style_box{width:40%;float:right;} .gift_box_box_p{word-wrap:break-word;word-break:normal;width:100%;} } /* Marketing Messages end */ /* ================================ EStore Footer Copyright SCSS Start ============================== */ #estore_footer_copyright{padding:20px 0;text-align:center;width:97%;margin:0 auto;font-size:.9em;color:#333333;font-family:arial;line-height:1.7em;} #estore_footer_copyright p{font-size:1em;color:#333333;font-family:arial;line-height:1.7em;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_footer_copyright{width:80%;} #estore_footer_copyright p{font-size:.9em;color:#333333;font-family:arial;line-height:1.7em;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_footer_copyright{padding:20px;text-align:center;width:55%;margin:0 auto;font-size:.9em;color:#333333;font-family:arial;line-height:1.7em;} #estore_footer_copyright p{font-size:1em;color:#333333;font-family:arial;line-height:1.7em;} } /* ================================ EStore Footer Copyright SCSS END ============================== */ /* ================================ EStoreProduct Log In SCSS Start ================================ */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #eStore_logIn_registration {color: #333333;line-height: 1.1em;margin: 35px auto;max-width: 95%;overflow:visible;} #eStore_logIn_registration #signIn_section{float: left;max-width: 60%;border-right:1px solid #d0d0d0;} #eStore_logIn_registration #newCustomer_section{float: left;max-width: 50%;width: 290px;margin-left:35px;} #eStore_logIn_registration #newCustomer_section div.content, #signIn_section div.content{font-size:1em;width:342px;min-height: 220px;} #eStore_logIn_registration #signIn_section h1, #newCustomer_section h2{font-weight:normal;line-height:3em;font-size:1.3em;color:#004990;text-align:center;padding-right:12%;font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #eStore_logIn_registration #signIn_section h3 {font-weight:normal;font-size:1.5em;color:#004990;text-align:center;width: 260px;;font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #eStore_logIn_registration .signInWraper{margin:0 auto;width:650px;overflow:visible;} #eStore_logIn_registration form ul{margin:0;padding:0;font-size:.9em;} #eStore_logIn_registration form ul li{list-style:none;line-height:1.5;padding:5px 0 10px;} #eStore_logIn_registration div#newCustomer_section div.content ul {margin:5px 0 12px 0;min-height:214px; padding:0} #eStore_logIn_registration div#newCustomer_section div.content ul li{position: relative;padding:0 0 0 8px; font-size:.9em;line-height:22px;} #eStore_logIn_registration div#newCustomer_section div.content ul li:nth-child(1){list-style:none;padding:0 0 24px 0px;font-size:.9em;} #eStore_logIn_registration form ul li label{font-weight:bold;display:block;} #eStore_logIn_registration form ul li label.forgot_password{float:right;font-weight:normal;position:relative;right:2px;position: relative;top: -6px;} #eStore_logIn_registration form ul li label.forgot_password a{font-size:.8em;text-decoration:underline;color:#333333;} #eStore_logIn_registration form ul li label.forgot_password a:hover{text-decoration:none;} #eStore_logIn_registration form ul li input[type="email"], #eStore_logIn_registration ul li input[type="password"]{border:1px solid #d0d0d0;height:37px; border-radius:2px;padding:0;width:99%;text-indent:15px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #eStore_logIn_registration form ul li input[type="email"]:focus, #eStore_logIn_registration ul li input[type="password"]:focus { border: 1px solid #CAE0F5 !important; outline:none } #eStore_logIn_registration form ul li:nth-child(2) {padding:5px 0 0; position: relative;} #eStore_logIn_registration form ul li input[type="email"]{-webkit-appearance: none; -moz-appearance: none; appearance: none;} .greyFieldText { color: #4c4c4c; } #eStore_logIn_registration form ul li span.rememberMe{width:auto;border:none;display:inline-block;} #eStore_logIn_registration form ul li span.rememberMe label{display:inline-block;font-weight:normal;font-size:.8em;} #eStore_logIn_registration form ul li span.rememberMe input[type="checkbox"]{border:1px solid #d0d0d0;-moz-appearance:none; -webkit-appearance:none;-o-appearance:none;} #eStore_logIn_registration ul li .button{margin-top:20px;max-width:99.5%;} #eStore_logIn_registration ul li span.rememberMe input[type="checkbox"] { display: block;position: absolute; /* remove it from the flow */ width: 100%; height: 100%;margin: -.5rem; /* negative the padding of label to cover the "button" */cursor: pointer;opacity: 0; /* make it transparent */ z-index: 666; /* place it on top of everything else */} #eStore_logIn_registration ul li span.rememberMe input[type="checkbox"] + span {display: inline-block;width: 15px;height: 15px;border: 1px solid #d0d0d0;margin-right: 0px;top:3px;position:relative;} #eStore_logIn_registration ul li span.rememberMe input[type="checkbox"]:checked + span:after {position:relative; left:3px;content: '\2714';top:-4px;margin-top:5px;} #eStore_logIn_registration ul li span.rememberMeReset {width:auto;border:none;display:inline-block;position: relative;top: -6px;} #eStore_logIn_registration ul li span.rememberMeReset label{display:inline-block;font-weight:normal;font-size:.75em;} #eStore_logIn_registration ul li span.rememberMeReset input[type="checkbox"]{border:1px solid #d0d0d0;-moz-appearance:none; -webkit-appearance:none;-o-appearance:none;} #eStore_logIn_registration ul li .button{margin-top:20px;max-width:99.5%;} #eStore_logIn_registration ul li span.rememberMeReset label {display: inline-block;position: relative;cursor:pointer; /* needed for checkbox absolute positioning */ } #eStore_logIn_registration ul li span.rememberMeReset input[type="checkbox"] { display: block;position: absolute; /* remove it from the flow */ width: 100%; height: 100%;margin: -.5rem; /* negative the padding of label to cover the "button" */cursor: pointer;opacity: 0; /* make it transparent */ z-index: 666; /* place it on top of everything else */} #eStore_logIn_registration ul li span.rememberMeReset input[type="checkbox"] + span {display: inline-block;width: 15px;height: 15px;border: 1px solid #d0d0d0;margin-right: 0px;top:3px;position:relative; color: #004990;} #eStore_logIn_registration ul li span.rememberMeReset input[type="checkbox"]:checked + span:after { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; -webkit-padding-before: 4px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #eStore_logIn_registration ul li span.rememberMeReset input[type="checkbox"]:checked + span:after {position: relative;top:-4px;} } #eStore_logIn_registration #errorMessage{color:#CC0033;font-family:arial;position:relative;margin-bottom:0px;margin-left:30px} #eStore_logIn_registration .hide{display:none;} #eStore_logIn_registration #errorMessage p{font-weight:bold;color:#CC0033;} #eStore_logIn_registration #errorMessage .warning_icon{font-size:18px;display:inline-block;left: -30px;position: absolute; top:-1px} #eStore_logIn_registration #errorMessage ul{margin-left:0;font-size: 1em;} #eStore_logIn_registration #errorMessage ul li{} #eStore_logIn_registration #errorMessage ul li span{text-decoration:underline;} #estore_signin #estore_signin_overlay { display: none; position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 400px; background: #FFF; color: #000; padding:20px 45px; font-size:1em; left: 0; right: 0; top:15%;} #estore_signin #estore_signin_overlay a.close-btn{background: none repeat scroll 0 0 #d0d0d0;border-radius: 50px;color: #ffffff;display: block;font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-weight: bold;height: 37px;line-height: 35px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 37px;margin-right:10px;} #estore_signin #estore_signin_overlay a.close-btn:hover{background: none repeat scroll 0 0 #000000;} #estore_signin #estore_signin_overlay p.overlay_head{font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.25em !important;padding:10px 0 5px;margin:0; line-height:1.2em;text-align:center; width:100%} #estore_signin #estore_signin_overlay p.signin-long-desc{ display:inline-block; width:100%; font-size:.9em; line-height:1.4em; text-align:left; adding:15px 0 10px; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #estore_signin #estore_signin_overlay ul {padding:0} #estore_signin #estore_signin_overlay p.signin-long-desc ul {list-style:none;} #estore_signin #estore_signin_overlay p{display:inline-block;width:85%;text-align:left;padding:10px 0;} #estore_signin #estore_signin_overlay h1 {font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.2em;padding:15px 0 15px;margin:0; font-weight:bold;line-height:1.2em;text-align:center; color: #333;} #estore_signin #estore_signin_overlay p{display:inline-block;width:93%;text-align:left;padding:10px 0 15px 0;font-size:.9em;} #eStore_logIn_registration .errorBorder{border:1px solid #cc0033 !important; border-radius:2px;} #Register .errorBorder{border:1px solid #cc0033 !important; border-radius:2px;} #eStore_logIn_registration #signIn_section.forgotPassword{border-right:0px solid #d0d0d0;float:none;margin:0 auto;} #eStore_logIn_registration #signIn_section.forgotPassword h2 {text-align: center; padding: 0; color: #004990;} #eStore_logIn_registration #signIn_section.forgotPassword .content {margin: 0 auto;} #eStore_logIn_registration #signIn_section.forgotPassword form ul li:nth-child(2) {padding: 1em 0 0;} #eStore_logIn_registration #signIn_section.forgotPassword ul li .button {width: 100%;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #eStore_logIn_registration {max-width: 94%;margin: 15px auto;} #eStore_logIn_registration .signInWraper{margin:0 auto;width:100%;overflow:visible;margin-left:0px;} #eStore_logIn_registration #signIn_section{border-bottom:1px solid #d0d0d0;border-right:0px solid #d0d0d0;max-width:none;width:100%;float:none;padding-bottom:25px;} #eStore_logIn_registration #newCustomer_section div.content, #signIn_section div.content{max-width: 100%;min-height: 290px;} #eStore_logIn_registration #signIn_section h1, #newCustomer_section h2{font-weight:normal;font-size:1.2em;color:#004990;text-align:center;margin-left:0px;font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #eStore_logIn_registration #newCustomer_section{margin-top:15px;float:none;max-width:none;width:100%;margin-left:0} #eStore_logIn_registration div#newCustomer_section div.content ul {margin:5px 0 20px;min-height:152px;} #eStore_logIn_registration ul li input[type="email"], #eStore_logIn_registration ul li input[type="password"]{width:99%;outline:none} #eStore_logIn_registration ul li input[type="email"]:focus, #eStore_logIn_registration ul li input[type="password"]:focus{outline:none} #eStore_logIn_registration ul li span.rememberMe label > input[type="checkbox"] { display: block;position: absolute; /* remove it from the flow */ width: 100%; height: 100%;margin: -.5rem; /* negative the padding of label to cover the "button" */cursor: pointer;opacity: 0; /* make it transparent */ z-index: 666; /* place it on top of everything else */} #eStore_logIn_registration ul li span.rememberMe label > input[type="checkbox"] + span {margin-right: 0px;} #eStore_logIn_registration ul li span.rememberMe label > input[type="checkbox"]:checked + span:after {position:absolute; top:-8px;} #estore_signin #estore_signin_overlay { width: 80%;padding: 20px; } #eStore_logIn_registration #errorMessage{margin-left:32px;} #eStore_logIn_registration #signIn_section h3 {font-weight:normal;font-size:1.5em;color:#004990;text-align:center;width: 370px;;font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #estore_signin #estore_signin_overlay h1 {font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.375em;padding:15px 0 15px;margin:0; font-weight:bold;line-height:1.2em;text-align:center; color: #333;} #estore_signin #estore_signin_overlay p{display:inline-block;width:98%;text-align:left;padding:10px 0 15px 0;font-size:.9em;} #estore_signin #estore_signin_overlay p.overlay_head {width: 90%;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #eStore_logIn_registration {color: #333333;line-height: 1.1em;margin: 50px auto;max-width: 100%;overflow:hidden; width:930px;padding: 0 3px;} #eStore_logIn_registration #signIn_section{float: left;width: 422px;border-right:1px solid #d0d0d0;} #eStore_logIn_registration #newCustomer_section{float: right;width: 422px;} #eStore_logIn_registration .signInWraper{margin:0 auto;width:100%;overflow:visible;/* margin-left:30px; */} #eStore_logIn_registration div#newCustomer_section div.content ul {margin:10px 0 10px 0;min-height:200px; padding:0;} #eStore_logIn_registration #signIn_section h1, #newCustomer_section h2 { font-weight:normal; font-size:1.625em; color:#004990; text-align:left; padding: 0; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; margin-left: 2.6em; } #newCustomer_section h2.registration_header{margin:0 0 0 90px;} #eStore_logIn_registration #signIn_section h3 {font-weight:normal;font-size:1.5em;color:#004990;text-align:center;width: 378px;;font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} #estore_signin #estore_signin_overlay h1 {font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.625em;padding:15px 0 15px;margin:0; font-weight:bold;line-height:1.2em;text-align:center; color: #333;} #estore_signin #estore_signin_overlay p{display:inline-block;width:93%;text-align:left;padding: 10px 0px 15px 0px;font-size:.9em !important;} #eStore_logIn_registration ul li input[type="email"], input[type="password"]{border:1px solid #d0d0d0;height:37px; border-radius:2px;padding:0;width:99%;text-indent:15px} #eStore_logIn_registration ul li input[type="email"]:focus, input[type="password"]:focus{border: 1px solid #CAE0F5 !important;} #eStore_logIn_registration form ul li label.forgot_password a {font-size: .8em;} } /* ------------------------------------------- */ #eStore_logIn_registration div#newCustomer_section div.content ul {list-style:none} #eStore_logIn_registration div#newCustomer_section div.content ul li::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 45px; background: #333 none repeat scroll 0% 0%; left: 0; top: 9px; position: absolute; } #eStore_logIn_registration div#newCustomer_section div.content ul li:nth-child(1)::before{display:none} /* ================================ EStoreProduct Log In SCSS END ================================ */ /* ================================ EStoreProduct Registration SCSS Start ================================ */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #eStore_registration_form .sign_in_registration .title{font-size: 16px;} #eStore_registration_form{max-width: 90%; margin: 0 auto;} #eStore_registration_form #errorMessage{} #eStore_registration_form #errorMessage ul{} #eStore_registration_form #errorMessage .errorHeading{font-weight: bold; padding: 0 0 3px 0;} #eStore_registration_form #errorMessage .errorHeading p span{margin: 0 3px 0 0; font-size: 22px;} #eStore_registration_form #errorMessage, #eStore_registration_form #errorMessage p{color: #cc0033;} #eStore_registration_form .sign_in_registration h1{ font-size: 1.5625em; line-height: 2em; padding-top: 40px; text-align: center; } #eStore_registration_form .sign_in_registration h2{ font-size: 1.25em; padding: 0 0 40px 0; } #eStore_registration_form .mail_prompt { padding-left:11.3em; margin:0px 0 30px 0; width:45%; font-size:0.875em; } #eStore_registration_form .need_adCard_link { text-decoration:underline; padding-left:11.3em; font-weight: normal; font-size:0.875em;} #eStore_registration_form .need_adCard_link strong { font-weight:normal;} #eStore_registration_form.adcard_form .sign_in_registration h1{text-align: center;} #eStore_registration_form .sign_in_registration h1, #eStore_registration_form .sign_in_registration h1 .myaccount_title{color: #004990;} #eStore_registration_form .requiredField{margin: 10px 0 30px 0;font-size:.8em;} #eStore_registration_form .required-field{color:#333; margin-left: -3px;} #eStore_registration_form .column, #eStore_registration_form .column1 { width: 100%; min-width: inherit; max-width: inherit; float: none; } #eStore_registration_form .column .column_label, #eStore_registration_form .column1 .column_label{width:9.7em; font-weight: bold; display: inline-block; vertical-align: middle;} #eStore_registration_form .column .hasTagline {line-height: 17px;} #eStore_registration_form .column .column_label .labelTagLine, #eStore_registration_form .column1 .column_label .labelTagLine{font-size: 0.875em; font-weight: normal; float: left; line-height: 17px;} #eStore_registration_form .sign_in_registration .form .content .align{border:none; padding:0; margin:0;} #eStore_registration_form .sign_in_registration .content input, #eStore_registration_form .sign_in_registration .align input, #eStore_registration_form .sign_in_registration .content .column select{-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.8em; padding:0 5px 0 5px; border: 1px solid #d0d0d0; border-radius: 2px; margin: 0 0 30px 0; width: 52%; font-size:14px !important; text-indent: 1.3125em; max-width: 530px;} #eStore_registration_form .sign_in_registration .content input:focus, #eStore_registration_form .sign_in_registration .align input:focus { border: 1px solid #cae0f5 !important; outline:none !important } #eStore_registration_form .sign_in_registration .wrapper_label_input_align {vertical-align: top;} #eStore_registration_form .sign_in_registration .content input.errorBorder, #eStore_registration_form .sign_in_registration .align input.errorBorder, #eStore_registration_form .sign_in_registration .content .column select.errorBorder, #eStore_registration_form .sign_in_registration textarea.errorBorder {border-color: #cc0033 !important;} #advantageCard_expanded {width: 100%;} #eStore_registration_form .advantageCardSection{ padding: 35px 0 35px 0; border: 1px solid #cbcbcb; border-width: 1px 0; margin: 20px 0; } #eStore_registration_form .advantageCardSection #advantageCard_omniPresent{width: 100%;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent h2 {float:left; font-size: 1.25em; color:#b8237b; margin:0; line-height: 1.25em; padding-left:40px; position: relative;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent p {float:left; clear:left; font-size: 0.875em; padding: 5px 0 0 0;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent h2:before { content: ""; background: url("../../images/boots/estore_spritesheet.png") no-repeat -3px -2px; background-size: 35.5px 159.5px; height: 22px; width: 30.5px; position: absolute; margin: 0; padding: 1px; left: 0; clip: inherit; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #eStore_registration_form .advantageCardSection #advantageCard_omniPresent input{margin: 0;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .labelTagLine{font-size: 0.875em;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .bottom-sec p{float: left; font-size: 0.75em;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .bottom-sec a{float: right; font-size: 0.75em; text-decoration: underline;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .column1{float: right; width: 45%;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .column1 input{-webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; width: 40%; top: 30px; right: 30px;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .title-sec{margin: 10px 0 25px;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column {margin-bottom: 25px;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column input{margin: 0;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select {width: 85px; height: 2.6em;margin: 0 20px 0 0; text-align:left; border: 1px solid #cae0f5; background-color: #f6fafe; border-radius: 3px; padding: 0 1.278em 0 1.078em;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select option { padding-right: 18px;padding-left:18px;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select#dobDayAdc{width: 15%; max-width: 100px;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select#dobMonthAdc { width: 23%; position: relative; max-width: 150px; } #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select#dobYearAdc{ width: 16%; max-width: 100px; } #eStore_registration_form .info-tooltip, #ph_extd_registration .info-tooltip { margin-right: 60px; font-weight: normal;} #eStore_registration_form .info-tooltip::after, #eStore_registration_form .info-tooltip::before, #ph_extd_registration .info-tooltip::after, #ph_extd_registration .info-tooltip::before { font-size: 16px;} @media (max-width: 600px) {#genderLabelSpan.labelSpan{ white-space: normal;}} #eStore_registration_form #genderLabelSpan, #ph_extd_registration #genderLabelSpan { position: relative;} #eStore_registration_form #gender_tt, #ph_extd_registration #gender_tt { position: absolute; right: 0; display: inline-block; line-height: inherit; bottom: auto; float: none; vertical-align: baseline; height: auto; width: 25px; } #ph_extd_registration #gender_tt { margin: auto; margin-left: 9px; left: auto; right: auto; } #eStore_registration_form #gender_tt:before, #ph_extd_registration #gender_tt:before { font-size: 25px; } #eStore_registration_form .fullRegTooltipOverlay, #ph_extd_registration .fullRegTooltipOverlay { background: white none repeat scroll 0 0; border: 1px solid #004990; box-sizing: border-box; color: #333; display: block; font-size: 12px; line-height: 16px; font-family: Arial, sans-serif; height: auto; left: auto; overflow: visible; padding: 13px 12px; position: absolute; white-space: inherit; width: 290px; z-index: 1; cursor:pointer; font-weight: normal; line-height: 1.5; text-align: left; margin-right: -27px; margin-top: 14px; top: auto; } #ph_extd_registration .fullRegTooltipOverlay { margin-top: 10px; } #eStore_registration_form .fullRegTooltipOverlay:after, #eStore_registration_form .fullRegTooltipOverlay:before, #ph_extd_registration .fullRegTooltipOverlay:after, #ph_extd_registration .fullRegTooltipOverlay:before { bottom: 100%; left: 27.7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #ph_extd_registration .fullRegTooltipOverlay:after, #ph_extd_registration .fullRegTooltipOverlay:before { left: 27%; } #eStore_registration_form .fullRegTooltipOverlay:before, #ph_extd_registration .fullRegTooltipOverlay:before { border-color: rgba(17, 48, 245, 0); border-bottom-color: #004890; border-width: 14px; margin-left: -13px; } #eStore_registration_form .fullRegTooltipOverlay:after, #ph_extd_registration .fullRegTooltipOverlay:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -12px; } #eStore_registration_form .advantageCardSection #advantageCard_expanded .orText{font-weight: bold; margin: 0 0 20px 0; display: block;} .advantageCard_heading {margin-bottom: 20px;} .advantageCard_heading_icon_wrapper {display: table-cell;} .advantageCard_heading_icon {max-width: 66px;} #eStore_registration_form .sign_in_registration h2.advantageCard_heading_copy {display: table-cell;vertical-align: middle;padding:0 0 0 10px;color: #B8237B;font-size: .8765em;font-family:arial,helvetica,clean,sans-serif;} #eStore_registration_form .sign_in_registration .button{float: right; width:22%;} #eStore_registration_form .sign_in_registration .button_footer_line{overflow: hidden; padding: 35px 0 60px 0;} #eStore_registration_form .sign_in_registration .button_footer_line .button.tertiary{float: left; width:105px;} #eStore_registration_form .sign_in_registration label.registrationTitle select { padding:3px; margin: 0; border-radius:2px; border:1px solid cae0f5; color:#333; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background:#f6fafe; } #eStore_registration_form .sign_in_registration .content .column .dropdown_arrow{ margin-left: -40px; font-size: 24px; color: #333; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:18px} } #eStore_registration_form .sign_in_registration label.registrationTitle {position:relative;} #eStore_registration_form .sign_in_registration label.registrationTitle:after { content:'3'; font:1.5em "ElegantIcons"; color:#333; right:19px; top:-6px; padding:0 0 2px; border-bottom:0px solid #ddd; position:absolute; pointer-events:none; } #eStore_registration_form .sign_in_registration label.registrationTitle:before { content:''; right:5px; width:24px; background:#f6fafe; position:absolute; pointer-events:none; display:block; top:-11px; } #eStore_registration_form .sign_in_registration label.addCardDropDown:before { right:25px;border-radius: 0 1px 1px; } #eStore_registration_form .sign_in_registration label.addCardDropDown:after { right:33px; -webkit-padding-before: 2px; } #advantageCardNumber::-webkit-input-placeholder { font-size: 0.8em; } #advantageCardNumber:-moz-placeholder { /* Firefox 18- */ font-size: 0.8em; } #advantageCardNumber::-moz-placeholder { /* Firefox 19+ */ font-size: 0.8em; } #advantageCardNumber:-ms-input-placeholder { font-size: 0.8em; } @media (min-width: 601px) and (max-width: 1280px) { #eStore_logIn_registration .signInWraper{width:538px;} #eStore_logIn_registration #signIn_section { width:268px } #signIn_section div.content {width:268px} #eStore_logIn_registration form ul li input[type="email"], #eStore_logIn_registration ul li input[type="password"] { /*width: 238px; font-size: 0.75em;*/ } #eStore_logIn_registration form ul li label.forgot_password { /*right: 28px;*/ } #eStore_logIn_registration ul li .button { width: 238px; } #eStore_logIn_registration #newCustomer_section { width: 234px; } #eStore_logIn_registration #newCustomer_section { margin-left: 30px; } #eStore_logIn_registration #newCustomer_section div.content, #signIn_section div.content { width: 238px; } #eStore_logIn_registration #signIn_section.forgotPassword .content { width: 268px; } #eStore_logIn_registration form ul li { padding: 5px 0px 0px 0; } #eStore_logIn_registration div#newCustomer_section div.content ul li:nth-child(1) { padding: 8px 0px 20px; } #eStore_registration_form .sign_in_registration .acfFindaddressBtn .button{margin:0;font-size:0.97em;line-height:2.5em;width:25%;right:70px;float:right;position:absolute;} #eStore_registration_form .sign_in_registration .estoreUKWidth{width:25% !important;} } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #eStore_registration_form .sign_in_registration .button_footer_line .button.tertiary{width:100%;} #eStore_registration_form{max-width: 92%; width:92%; margin: 0 auto;} #eStore_registration_form .sign_in_registration .content input, #eStore_registration_form .sign_in_registration .align input, #eStore_registration_form .sign_in_registration .content .column select{width: 94%; padding: 0 3% 0 3%; margin-bottom: 15px;} #eStore_registration_form .sign_in_registration .content .column select {width: 50%;} #eStore_registration_form .sign_in_registration h1 {font-size: 1.0625em; padding: 0; text-align: center;} #eStore_registration_form .sign_in_registration .title {padding: 20px 0px 0px 0px;} #eStore_registration_form .mail_prompt {padding-left:0px; margin:0px 0px 20px 0px; width:100%; font-size:0.875em;} #eStore_registration_form .need_adCard_link { text-decoration:underline; padding-left:0px; font-weight: normal; font-size:0.875em;} #eStore_registration_form .column .column_label, #eStore_registration_form .column1 .column_label {width: 100%; line-height: 25px;} #eStore_registration_form .column .column_label .labelTagLine, #eStore_registration_form .column1 .column_label .labelTagLine{float: none;} #eStore_registration_form .column .column_label .labelTagLine::before {content:"\00000a";white-space: pre;} #eStore_registration_form .advantageCardSection {/* padding: 5%; */} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .column1 {width:100%;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .column1 input {width: 93%; position: inherit; margin-top: 15px;} #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .bottom-sec a {float: left; margin-top:10px;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select {width: 24%!important; margin: 0 0 0 0;padding: 0 20px 0 10px; text-align: center;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select#dobMonthAdc {width: 44%!important; text-align: left;} #eStore_registration_form .advantageCardSection #advantageCard_expanded .column1 select#dobYearAdc {width: 26%!important; text-align: left;} #eStore_registration_form .sign_in_registration .button{float: none; width:100%; margin-bottom:20px;} #eStore_registration_form .sign_in_registration .button_footer_line .button.secondary{float: none; width:99%;} #eStore_registration_form .sign_in_registration label.registrationTitle {position:relative;border:1px solid transparent;} #eStore_registration_form .sign_in_registration label.addCardDropDown {position:relative;border:1px solid transparent;} #eStore_registration_form .sign_in_registration label.addCardDropDown:before {right:12px;width:24px;} #eStore_registration_form .sign_in_registration label.addCardDropDown:after {right:8px; top:-6px;} #eStore_registration_form #editRegistrationTitle {margin-bottom: 1em;} #eStore_registration_form .sign_in_registration .button_footer_line {padding: 18px 0px 50px;} #eStore_logIn_registration #newCustomer_section div.content, #eStore_logIn_registration #signIn_section div.content { width:100% } #eStore_logIn_registration #signIn_section h1, #newCustomer_section h2 { margin: 0;} #eStore_logIn_registration form ul li { padding: 5px 0px 0px; } #eStore_logIn_registration #signIn_section h1, #newCustomer_section h2 { padding-right: 0; } #eStore_logIn_registration #newCustomer_section div.content, #signIn_section div.content { min-height: 260px;} #eStore_registration_form .sign_in_registration .content input, #eStore_registration_form .sign_in_registration .align input {width:92%} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #eStore_registration_form{max-width: 930px; margin: 0 auto;} #eStore_registration_form .sign_in_registration .button{width:23%;} #eStore_registration_form .mail_prompt {margin:-10px 0px 30px 0px;} } /* ================================ EStoreProduct Registration SCSS END ================================ */ /* ================================ EStoreResetPassword Log In SCSS Start ================================ */ .reset-password-input-container {position: relative;} .reset-password-margin {margin-bottom: 15px;} .bubble-container{ display:none; position: absolute; } #eStore_logIn_registration .bubble-container{top: 25px; right: -230px;} #eStore_registration_form .bubble-container{top: -26px; right: 215px;} @media (min-width: 601px) and (max-width: 1280px) { #eStore_registration_form .bubble-container { top: -25px; /*left: 500px;*/ } #eStore_registration_form.adcard_form .sign_in_registration h1 { font-size:1.250em; } #eStore_registration_form .sign_in_registration h2 { font-size: 1.125em; padding: 10px 0px 30px; } #eStore_registration_form .sign_in_registration .content input, #eStore_registration_form .sign_in_registration .align input { margin: 0px 0px 16px; } #eStore_registration_form #editRegistrationTitle, #personalDetails select, #eStore_registration_form #WC_UserRegistrationUpdateForm_FormInput_gender_In_Register_1 { margin-bottom: 1.875em; } #personalDetails select#country { width: 32%; } #eStore_logIn_registration div#newCustomer_section div.content ul { min-height: 183px; } } .res-bubble { position: relative; width: 205px; height: auto; padding: 0 0 10px 0;; background: #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: #cae0f5 solid 1px; } .res-bubble:after { content: ''; position: absolute; border-style: solid; border-width: 12px 10px 12px 0; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; left: -9px; top: 13px; } .res-bubble:before{ content: ''; position: absolute; border-style: solid; border-width: 12px 10px 12px 0; border-color: transparent #cae0f5; display: block; width: 0; z-index: 0; left: -10px; top: 13px; } .bubble-container .res-bubble p {font-family: Arial, sans-serif; font-size: .875em; color: #333; margin: 10px 0 10px 0px;text-align:center;} .bubble-container .res-bubble span {font-weight: bold;} .bubble-container .res-bubble div { margin-bottom: 8px; margin-left: 35px; text-align: left; font-size: .875em; line-height: 12px; } .bubble-container .res-bubble div:before { position: absolute; left: 15px; } .box-ok:before { font-family: "ElegantIcons"; content: "N"; color: #4ba580; font-weight: bold; } .box-list:before { content: "\2022"; color: #333; padding: 0 4px 0 4px; } .password_strength_indicator_box .box-list:before { margin-left:6px !important; } .box-wrong:before { font-family: "ElegantIcons"; content: "M"; color: #999; } @media (max-width: 600px) { #eStore_registration_form .sign_in_registration .content input, #eStore_registration_form .sign_in_registration .align input, #eStore_registration_form .sign_in_registration .content .column select { font-size: 16px !important; text-indent: 0.375em; font-weight:normal !important } #personalDetails select { padding-left: 1em; } #eStore_registration_form .sign_in_registration h2 { font-size: 1em; padding: 10px 0px 5px; } #eStore_registration_form.adcard_form .sign_in_registration h1 { line-height:1.375em; } .registrationDateOfBirthLabel #registrationDateOfBirthDay, .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 26%; } .registrationDateOfBirthLabel #registrationDateOfBirthYear, .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { margin-left: 0.45em; position: relative; width: 30%; } .registrationDateOfBirthLabel #registrationDateOfBirthMonth, .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 36%; } #personalDetails select#country { width: 60%; height: 2.8em!important; line-height: 2.8em!important; } #personalDetails select { padding-left: 0.8em !important; padding-right: 0.8em !important; } .reset-password-margin {margin-bottom: 0 !important;} .bubble-container{position: initial; margin: 25px 0 10px 0;} #eStore_registration_form .bubble-container{margin-top: 5px;} .res-bubble { position: relative; background: #ffffff; border: 1px solid #CAE0F5; } .res-bubble:after, .res-bubble:before { top: -27px; left: 30px; height: 0; width: 0; pointer-events: none; } .res-bubble:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 14px; margin-left: -14px; } .res-bubble:before { top: -30px; border-color: rgba(202, 224, 245, 0); border-bottom-color: #CAE0F5; border-width: 15px; margin-left: -15px; } } /* ================================ EStoreResetPassword Log In SCSS END ================================ */ /* ================================ EStore Header SCSS Start ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ /* Keep header id for now as it is used by exisitng header JS */ #header {position: relative; background-color: #ffffff; font-size: inherit; line-height: normal; z-index: 10; padding: 20px 17px 0 17px; border-bottom: 2px solid #d5e6f7; -webkit-overflow-scrolling: touch;} #header #logo {width: 75px; height: 46px;} #header #estore_header_top_row #quickLinksBar a, #header #estore_header_top_row #omniPresentLinksBar a, #header #estore_header_top_row #userControlLinksBar a, #header #estore_header_top_row #headerLinkBarOne a{font-size: 0.75em;} #header #estore_header_top_row #headerLinkBarOne a{display:inherit;} #header #estore_header_top_row #omniPresentLinksBar, #header #estore_header_top_row #quickLinksBar, #header #estore_header_top_row #userControlLinksBar{ float: right; position: relative; right: -48px; } #header #estore_header_top_row #omniPresentLinksBar .mobileOnly{display: none;} #header #estore_header_top_row #userControlLinksBar #adcardQuickLink, #header #estore_header_top_row #userControlLinksBar #adcardQuickLinkGuest, #header #estore_header_top_row #userControlLinksBar #adcardQuickLinkSignUpLoggedIn{color: #b8237b;} a:active{outline: none;-moz-outline-style: none;} a:focus{outline: grey dotted thin;} #MiniShoppingCart { top: 53px; position: relative; } #header a#widget_minishopcart:focus{outline: grey dotted thin;} #header a#widget_minishopcart:active{outline: none;} #header #estore_header_top_row #userControlLinksBar #adcardQuickLinkSignUpLoggedIn em{ font-style: normal; display:none;} @media (min-width: 1281px){ #header #estore_header_top_row #userControlLinksBar #adcardQuickLinkSignUpLoggedIn em{ font-style: normal; display:inline;} } #header #estore_header_top_row #headerLinkBarOne{ position: absolute; left:0; } #header #estore_header_top_row #headerLinkBarOne li{ display:inline-block; } #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink .shipToMessage{padding: 0;} #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink.withIcon .shipToMessage{padding: 0 30px 0 0; position: relative;} #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink.withIcon .flag{margin: 0;/* right: 5px; */right: 0;/* top: 2px; */left: auto;} #header #estore_header_top_row #header_link_container{ background-color: #f3f6f8; height: 28px; margin-left: 174px; position: relative; top: -14px; } #header #estore_header_top_row #storeLocatorQuickLink { border-right: 1px solid #c9cece; border-left: 1px solid #c9cece; } @media (min-width: 1281px) { #header #estore_header_bottom_row {display:block !important;} #header #estore_header_bottom_row #topLevelMenu { left: 170px !important; position: absolute; top: 10px; } #header #estore_header_top_row #omniPresentLinksBar, #header #estore_header_top_row #quickLinksBar, #header #estore_header_top_row #userControlLinksBar { float: right; position: absolute; right: -6px; } #header #widget_minishopcart::before { right: 8px !important; } #header #minishopcart_total { right: 33px !important; } #header #userControlLinksBar li{ display: inline-block !important; } } @media (min-width: 601px) and (max-width: 1280px) { #header #widget_minishopcart::before { right: -5px !important; } #header #minishopcart_total { right: 19px !important; } #header #userControlLinksBar li{ display: inline-block !important; } #header #estore_header_top_row #omniPresentLinksBar, #header #estore_header_top_row #quickLinksBar{ float: right; position: absolute; right: 0; } #header #estore_header_top_row #userControlLinksBar{ right: 0; white-space: nowrap; } } #header #estore_header_bottom_row {padding: 0; top:-10px; position: relative; max-width: 1360px; margin: 0 auto;} #header #estore_header_top_row {padding: 0; max-width: 1360px; margin: 0 auto;} #header #estore_header_top_row ul {display: inline;} #header #estore_header_bottom_row #searchBar a, #estore_header_bottom_row #searchBar input[type="text"]{font-size: 0.875em; color: #4c4c4c;} #header #estore_header_bottom_row #searchBar a::-webkit-input-placeholder{color: #4c4c4c;} #header #estore_header_bottom_row #searchBar a:-moz-placeholder{color: #4c4c4c;} #header #estore_header_bottom_row #searchBar a::-moz-placeholder{color: #4c4c4c;} #header #estore_header_bottom_row #searchBar a:-ms-input-placeholder{color: #4c4c4c;} #estore_header_bottom_row #searchBar input::-webkit-input-placeholder{color: #4c4c4c;} #estore_header_bottom_row #searchBar input:-moz-placeholder{color: #4c4c4c;} #estore_header_bottom_row #searchBar input::-moz-placeholder{color: #4c4c4c;} #estore_header_bottom_row #searchBar input:-ms-input-placeholder{color: #4c4c4c;} #header #estore_header_top_row:after, #estore_header_bottom_row:after {content: ""; display: block; clear: both;} #header #estore_header_bottom_row #departmentsMenu{float: left;} #header #searchBar #searchTermWrapper input[type="text"]{font-size:16px;line-height:19px;} #header #searchBar #searchTermWrapper input[type="text"]:required{box-shadow:none;} #header #searchBar #searchTermWrapper input[type="text"]:focus{font-size:16px;} #header #searchBar #searchTermWrapper input[type="text"].mobile_show{display:none;} #header #mobileLink_basket{top:-10px;} #header #widget_minishopcart{ display: block; position: relative; width: 40px; height: 30px; margin: 0; background-color: inherit; border: 0!important; box-shadow: none; outline: none; overflow: visible; z-index: 1000; } #widget_minishopcart:before {content: "";} #header #minishopcart_total{ display: block; position: absolute; padding: 0 4px; background-color: #cae0f5; border-radius: 7px; color: #004990; font-size: 12px; font-weight: normal; } #header #minishopcart_total_ph { display: block; position: absolute; right: 6px; padding: 0 4px; background-color: #daf4e9; border-radius: 7px; color: #333; font-size: 12px; font-weight: normal; } #header #widget_minishopcart:before { background: rgba(0, 0, 0, 0) url("../../images/boots/shoppingCartBG.png") no-repeat; background-size:26px 26px; background-position: center top; clip: inherit; content: ""; height: 29px; padding: 0 1px; position: absolute; right: 0; width: 40px; } #header #storeLocatorQuickLink{padding-left: 28px; padding-right: 3px;} #header #storeLocatorQuickLink br {display: none;} #quickLinksBar, #userControlLinksBar, #headerLinkBarOne { padding: 3px 0px 0 0; } #headerLinkBarOne { padding: 2px 0px 0px; } #userControlLinksBar { padding-top:2px } #headerLinkBarOne{ padding-left: 10px; } #estore_header_top_row #userControlLinksBar { top: 1px; } #header #storeLocatorQuickLink:before { background: rgba(0, 0, 0, 0) url("../../images/boots/store_locator_icon.svg") no-repeat scroll 0 0 / 27px 28px; clip: inherit; content: ""; height: 21px; margin: 0; padding: 1px; position: absolute; right: 138px; top: -1px; width: 17px; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #header .hiddenHeaderStoreLocator:before { right: 50px !important; } #header .hiddenHeaderStoreLocator span, #header .hiddenHeaderHelp span { display: none !important; } #header #storeHelpQuickLink { padding-left: 28px; padding-right: 3px; } #header #storeHelpQuickLink::before{ background: rgba(0, 0, 0, 0) url("../../images/boots/help_icon.svg") no-repeat scroll 0 0 / 15px 23px; clip: inherit; content: ""; height: 28px; right: 20px; margin: 0; padding: 1px; position: absolute; top: 0px; width: 29px; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #header .hiddenHeaderHelp:before{ left:7px !important; } #header #departmentsButton, #header #adcardMobLink{display:none;} .login-box { display: block; position: relative; max-width: 200px; margin: 0px; padding: 0px 15px 0px 0px; } .login-box span {font-size: 1.1em;} .login-box .login-name {display: inline-block;padding-left: 5px;} #login-dropdown {height: 200px; z-index: 100; position: absolute;} #header #moreDepartmentsMenu {white-space: nowrap;width:auto;padding: 7px 18px;} #header #moreDepartmentsMenu li{border-bottom:none;color:#004990;padding: 5px 0;} #header #moreDepartmentsMenu.departmentMenu {background-color: #f6f9fe;border: 1px solid #c7e2f7;border-radius: 0;box-shadow: none;border-top:none;left: -36px; width: 134px; top: 43px;} #header #moreDepartmentsMenu {background: #f6fafe; border: 4px solid #d5e6f7; } #header #moreDepartmentsMenu:after, #header #moreDepartmentsMenu:before { bottom: 100%; left: 63%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #header #moreDepartmentsMenu:after { border-color: rgba(246, 250, 254, 0); border-bottom-color: #f6fafe; border-width: 8px; margin-left: -31px; } #header #moreDepartmentsMenu:before { border-color: rgba(213, 230, 247, 0); border-bottom-color: #d5e6f7; border-width: 11px; margin-left: -34px; } #departmentsList.active { display: block; position: absolute; left: 0; right: 0; top: 0; margin: 0; padding: 0; background-color: transparent; border: none; border-radius: 0; color: #404040; font-size: 12px; list-style: none; width: 25%; z-index: 10000; } #header #departmentsList{position:absolute; list-style-type: none;display:none;} #estore_header_top_row ul {list-style: none;} #estore_header_top_row div#estore_header_top_row_alt ul{height: 1em;} #estore_header_top_row > ul > li { display:inline-block;} #estore_header_top_row span.dropdown_arrow{font-size:20px;padding:0;top:4px;color:#999999; margin: 0 0 0 5px;} #estore_header_top_row #loggedIn_dropDown ul { display: none; background-color: #fff; border: 1px solid #d0d0d0; margin: auto; padding: 10px 0; position: absolute; right: calc(50% - 55px); top: 30px; width: 108px; z-index: 9999; white-space: normal; } #estore_header_top_row li#loggedIn_dropDown{position:relative;top:0px;left:0px;padding-right:10px} #estore_header_top_row #loggedIn_dropDown:hover a span.dropdown_arrow{transform: rotate(90deg) !important;} #estore_header_top_row #loggedIn_dropDown ul li {text-align: left;padding-left:5px;} #estore_header_top_row #loggedIn_dropDown ul li a { border-top: 0 none; padding: 0 14px; text-align: left; line-height: 2.5em; } #estore_header_top_row #loggedIn_dropDown #myAccountQuickLink{ padding-left:5px; } #estore_header_top_row li#loggedIn_dropDown a{ margin: 0; padding: 0 15px 0 0;} #header #searchBar #searchTermWrapper .close-icon {display:none;} #estore_header_top_row #loggedIn_dropDown ul:after, #estore_header_top_row #loggedIn_dropDown ul:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #estore_header_top_row #loggedIn_dropDown ul:after { border-color: rgba(213, 213, 213, 0); border-bottom-color: #ffffff; border-width: 14px; margin-left: -16px; } #estore_header_top_row #loggedIn_dropDown ul:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #d0d0d0; border-width: 15px; margin-left: -17px; } #estore_header_top_row #helpLinkLi{position:relative;} #estore_header_top_row ul#userControlLinksBar li.addCardBorder{border-left:1px solid #c9cece;} #estore_header_top_row ul#userControlLinksBar li#loggedOut_link{border-right:0px solid #c9cece;} #estore_header_top_row ul#userControlLinksBar li#loggedOut_link a{padding-right:13px;} #estore_header_top_row li#loggedIn_dropDown a{padding-right:0px;} #estore_header_top_row ul#userControlLinksBar li:nth-child(2){border-left:0px solid #CC0033;} #estore_header_top_row ul#userControlLinksBar li a#adcardQuickLink {margin-left: 0px;position: relative;top: 1px;} #estore_header_top_row ul#userControlLinksBar li:nth-last-child(2){border-left:1px solid #c9cece;} #estore_header_top_row ul#userControlLinksBar ul#loggedIn_dropDown_Options li:nth-last-child(2){border-left:0;} #estore_header_top_row ul#userControlLinksBar li a#adcardQuickLinkGuest{ /*border-left: 1px solid #c9cece;*/ margin-left: 0px; /* top: 2px; padding: 0 15px; */ position: relative; } /*#estore_header_top_row ul#userControlLinksBar li.loggedInMargRht{margin-right:13px;} */ #estore_header_top_row ul#userControlLinksBar li.guestmargLft{margin-right:0px;} #estore_header_top_row ul#userControlLinksBar li.quickLinkmargRht{/*margin-right:-9px;*/} #searchBar .searchBasket{display: inline-block;} #searchBar #searchBarInput{width:100%;} #searchBar #omniPresentLinksBar{display:none;} #loggedInMobileBackArrowContainer a, #loggedInMobileBackArrowContainer span{display:none;} #prescriptionsTab a.button.primary {font-size: 17px;text-decoration: none;} #prescriptionsTab #empty_mini_basket p, .mini_basket_top_section.assumedLi p { font-weight: normal; padding-bottom: 14px; margin: 0 auto; font-size: 14px; } #prescriptionsTab #empty_mini_basket{padding-top: 0px;} #prescriptionsTab #empty_mini_basket p.header{font-weight: bold; padding-bottom: 0px;} .ph_products {margin-bottom: 16px;} .ph_product_item {margin-bottom: 20px; font-size: 14px;} .ph_product_item .product_name {font-weight: bold;} #prescriptionsTab .ph_products .ph_product_item .product_quantity {margin-top: 0px;} /*------------- Tablet Styles ---------------- */ @media (min-width: 601px) and (max-width: 1280px) { #header #widget_minishopcart:before{ top: 6px; } #header #estore_header_bottom_row{ display:flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #header #search_container{ -ms-flex-order: 1; -webkit-order: 1; order:1; width: auto; } #header #global_navigation{ -ms-flex-order: 2; -webkit-order: 2; order:2; } #header #estore_header_bottom_row #searchBar{position: relative; float: right; right: 0; top: 0;} #header #search_container {width: 100%;display:block !important;} #header #estore_header_bottom_row #searchBar { float: none; margin-left: 137px; } #searchBar #searchBarInput{width:90%;} #header #searchBar{width:auto;} #MiniShoppingCart { top: 46px; } #header #minishopcart_total_ph { right: -6px; } /*#header #storeLocatorQuickLink:before{ right:51px; }*/ #header #storeHelpQuickLink:before{ /*right:-4px;*/ top:-1px; } } @media (min-width: 601px) and (max-width: 767px) { #topLevelMenu{float:none; width:auto; padding:5px 0;display:block!important;} #header #estore_header_top_row #header_link_container { margin-left: 112px; top: -19px; min-width:435px; } #estore_header_top_row ul#userControlLinksBar li#loggedOut_link a{padding-right:10px;} #estore_header_top_row li#loggedIn_dropDown a{padding-right:0px;} #userControlLinksBar {width:280px} #userControlLinksBar #loggedIn_dropDown.ellipsisName{ max-width: 43%; } #userControlLinksBar #loggedIn_dropDown.ellipsisName a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #header #storeLocatorQuickLink > span, #header #storeHelpQuickLink > span { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #MiniShoppingCart { top: 0px; } #searchBar #searchBarInput{ width:100%; border-bottom: 2px solid #d5e6f7; box-sizing: border-box; } #loggedInMobileBackArrowContainer a, #loggedInMobileBackArrowContainer span{display:table-cell;} #header {padding: 0;} #header #logo {width: 56px; height: 34px; left: 50%; margin-left: -28px; padding: 8px 0 0 0;z-index:2003;} #header #estore_header_top_row #omniPresentLinksBar{width: 94%; margin: 0 3% 0 3%;} #header #estore_header_top_row #userControlLinksBar {display: none;} #header #estore_header_top_row #omniPresentLinksBar > li > a {margin: 0;font-size:0.75em} #header #estore_header_top_row #omniPresentLinksBar > li > a span { display: none;} #header #estore_header_top_row #omniPresentLinksBar li{width:16.666%; border: none;} #header #estore_header_top_row #omniPresentLinksBar a {margin-top: 0;} #header #estore_header_top_row #omniPresentLinksBar .mobileOnly{display: inline-block;} #header #estore_header_bottom_row {padding: 0;} #header #estore_header_bottom_row #departmentsButton, #header #estore_header_bottom_row #searchButton, #header #estore_header_bottom_row #moreDepatmentsSection{display: none;} #header #estore_header_bottom_row #searchBar { border: 0; background-color: #fff; position: absolute; top:0; width: 100%; left:0; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger a { font-size: 2.5em; text-align: center; color: #004791; padding: 0; line-height: 0; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger a span { display: none; } #header #estore_header_bottom_row #search_container{ margin-top: 40px; } #header #storeHelpQuickLink::before{ display: none; } #header #estore_header_bottom_row #storeShippedTookLink.withIcon .shipToMessage{position: relative; line-height: 50px; width: 80px;} #header #estore_header_bottom_row #storeShippedTookLink.withIcon .flag{margin: 0; right: 8px; left: initial; top: 18px;} #header #estore_header_bottom_row #shipToMessage a.showDialogue {line-height: 50px;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket {height: 38px;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger, #header #estore_header_top_row #omniPresentLinksBar #mobileLink_locator{float: left;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger, #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket {padding-top: 8px;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search{background-color: #fff; z-index: 1000; position: relative;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search.active{border: 2px solid #d5e6f7; border-top: none; border-bottom: none;height: 38px;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search, #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket{float: right;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search, #header #estore_header_top_row #omniPresentLinksBar #mobileLink_locator{padding-top:15px;} #header #widget_minishopcart{width: 24px; margin: 0 0 0 40%;} #header #minishopcart_title{display:none;} #header #minishopcart_total {right: 15px; top: 2px;} #header #minishopcart_total_ph {right: -6px; top: 2px;} #header #searchBar #searchTermWrapper input:focus{font-size:16px;} #header #topLevelMenu {top: 41px !important;border-top:2px solid #d5e6f7;} #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger.active{ height:43px; border-right-width: 2px; border-right-style: solid; border-right-color: rgb(213, 230, 247); } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket.active { height:45px; -webkit-transition: height 0.5s; /* Safari 3.1 to 6.0 */ transition: height 0.5s; background-color: #ffffff; } #header #searchBar #searchTermWrapper .close-icon { border:none; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; position:absolute; height:20px; right:0px; top: 12px; padding: 0px; } #header #searchBar #searchTermWrapper .close-icon:after { content: "M"; font-family: 'ElegantIcons'; display: block; z-index:1; margin: auto; padding: 0px; text-align: center; color: #999999; font-weight: normal; font-size: 1.2em; cursor: pointer; width:20px; height: 20px; } #header #searchBar #searchTermWrapper .search-box:not(:valid) ~ .close-icon { display: none; } #header #widget_minishopcart:before { background: rgba(0, 0, 0, 0) url("../../images/boots/shoppingCartBG.png") no-repeat; background-size:21px 21px; background-position: center center; content: ""; height: 24px; margin: auto 0; padding: 1px; position: absolute; right: 0; top: 6px; width: 21px; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #header #storeLocatorQuickLink { font-size:0.75em !important } #header #storeLocatorQuickLink span{display:none;} #header #storeLocatorQuickLink:before { background: rgba(0, 0, 0, 0) url("../../images/boots/estore_spritesheet.png") no-repeat scroll -2px -134px / 35.5px 159.5px; clip: inherit; content: ""; height: 40px; margin: 0 -8px 0 0; padding: 1px; position: absolute; right: 50%; top: -1px; width: 16px; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #header #mobileLink_search a:before { content: ""; background: url("../../images/boots/estore_spritesheet.png") no-repeat scroll -2px -89px / 32.5px 159.5px; background-size: 35.5px 159.5px; height: 20px; width: 20px; position: absolute; margin: 0 -10px 0 0; padding: 1px; top: 0; right: 50%; clip: inherit; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #header #mobileLink_search.active a:before {margin: 0 -12px 0 0;} #header #departmentsButton{ display:inline-block; } #global_navigation { position: relative; height: 100%; overflow-y: auto; } #departmentMenu { padding: 0px; } .departmentMenu { background-color: #fff; border: none; border-radius: inherit; box-shadow: none; position: absolute; top: 0px; } #departmentsMenu.active, #departmentsList.active { display: block; position: absolute; margin: 0; padding: 0; background-color: transparent; border: none; border-radius: 0; color: #404040; font-size: 12px; list-style: none; width: 100%; z-index: 10000; } .departmentMenu > .header {margin: 0; padding: 10px 0 12px 0; border-bottom: 1px solid #cbd7e4; font-size: inherit;} .departmentMenu > .header > .link { display: block; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #004990; font-size: 1.2em; line-height: 18px; margin: 0 -8px; padding: 5px 8px 0 40px; text-transform: lowercase; outline: 0; } #departmentsMenu #loggedIn_dropDown #adcardMobLink{ color: #b8237b; border: none; font-family: arial,helvetica,clean,sans-serif; font-size: 1em; } .departmentMenu > .header > .toggle { display: block; position: absolute; left: 0px; top: 0; padding: 11px 0 0 5px; font-family: monospace; font-size: 25px; color: #999999; text-decoration: none; margin: 0; width: 20px; } .departmentMenu > .header > .toggle span:before { font-family: 'ElegantIcons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "5"; } .departmentMenu > .header > .toggle.selected span:before { content: "3"; } .departmentMenu > .departmentMenuPointer {display:none;}/*TODO - Better to remove html */ .categoryList {background-color: #fff; padding: 0; outline: 0;} .categoryList > li {width: 100%; padding-right: 0; border-bottom: 1px solid #eef2f5;} .categoryList > li > a{display: block; font-size: 1em; font-weight: normal; margin: 0; padding: 18px 8px 18px 30px;} .subcategoryList {width:100%;} #departmentsMenu #moreDepartmentsSection{display: none;} #departmentsMenu .burgerBottom a, #departmentsMenu #loggedOut_link a, #departmentsMenu #loggedIn_dropDown a { display: block; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #333; font-size: 1.2em; padding: 13px 0 13px 16px; background-color: #fff; } #departmentsMenu #loggedOut_link a{ padding: 11px 0 11px 16px; } #departmentsMenu #loggedIn_dropDown a{ padding: 5px 0 18px 16px;} #departmentsMenu #loggedOut_link a{border-bottom: 2px solid #d5e6f7; text-transform: lowercase;} #departmentsMenu #loggedIn_dropDown #loggedIn_dropDown_Options{ list-style: none; padding: 0; } #departmentsMenu #loggedIn_dropDown #loggedIn_dropDown_Options a{ background-color: #f6fafe; border-bottom: 1px solid #eef2f5; padding: 18px 8px 18px 32px; font-size: 1em; font-family: arial,helvetica,clean,sans-serif; } #departmentsMenu #loggedIn_dropDown #loggedIn_dropDown_Options a:hover{ text-decoration: underline; } #departmentsMenu #loggedIn_dropDown .dropdown_arrow{ font-size: 25px; color: #999999; margin: 0; padding: 0; position: absolute; top: 10px; left: 5px; } #departmentsMenu #loggedIn_dropDown { min-height: 45px; background-color: white; } .loggedIn_links_wrapper { height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #d5e6f7; } #departmentsMenu #loggedIn_dropDown .loggedIn_links_wrapper > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 0 3px 32px; flex: none; } #departmentsMenu #loggedIn_dropDown .loggedIn_links_wrapper > a#adcardMobLink { padding-bottom: 0px; margin-top: -3px; padding-top: 0px; } #header #searchBar #searchTermWrapper input.mobile_show{display:inline;} #header #searchBar #searchTermWrapper input.show_all{display:none;} #header #estore_header_top_row #headerLinkBarOne { display: none; } #header{border-top:none;} #omniPresentLinksBar{display:block;} #header #estore_header_bottom_row { display: none; padding: 0; top: 0; } #header #estore_header_top_row::after, #estore_header_bottom_row::after { display: none; } #header #estore_header_top_row #header_link_container { background-color: white; height: auto; margin-left: auto; position: relative; top: auto; } #header #estore_header_top_row #storeLocatorQuickLink { border: none; } #header{ border-bottom:none; } #header #estore_header_top_row #omniPresentLinksBar { margin: 0; width: 100%; right:0; top: -20px; background:#fff; z-index:2002; } #contentWrapper,.content_wrapper{ margin-top: 31px; border-top: 2px solid #d5e6f7; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger{ position: absolute; left: 0; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_locator{ position: absolute; left: 18%; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search{ position: absolute; left: 67%; } .omniPresentBarBurger{ float: left; padding-left:2%; width:10%; margin-top:0%; } .omniPresentBarLocator{ padding-right:5%; width:79%; padding-left:0px; float: right; border-bottom: 2px solid #d5e6f7; border-left: 2px solid #d5e6f7; padding-top:4.5%; } .omniPresentBarLocatorLi{ padding-left:10%; } .ominPresentBarShopCart{ margin-top: -5.5%; } #header #storeLocatorQuickLink::before { left:auto; } .departmentMenu > li { padding-left: 0; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #header {padding: 14px 20px 0 20px; height:92px;} #header #logo {width: 107px; height: 65px; top: 18px;} #header #estore_header_bottom_row #topLevelMenu{left: 170px; position: absolute; top: 10px !important;display:block !important;} #header #estore_header_bottom_row #searchBar{width: 31%; right: 85px;} #header #searchBar #searchTermWrapper input.mobile_show{display:none;} #header #search_container {display:block !important;} } /* ================================ EStore Header SCSS END ============================== */ /* ============================== EStore Ship to SCSS START ============================= */ #shipToOverlay { position: absolute; } #shipToOverlay .estores_overlay_content {padding: 55px; width: 450px; overflow: hidden;} #shipToOverlay .estores_overlay_content h3{margin-bottom: 15px; text-align: center;} #shipToOverlay .estores_overlay_content .country_text p{font-family: arial,helvetica,clean,sans-serif; text-align: left;} #shipToOverlay .estores_overlay_content .country_text a{text-decoration: underline; margin: 20px 0 40px 0; display: inline-block; font-size: 0.875em;} #shipToOverlay .estores_overlay_content .country_text a:last-child{margin: 0;} #shipToOverlay .estores_overlay_content .country_text h4{font-weight: bold; font-family: arial,helvetica,clean,sans-serif; font-size: 1em;} #shipToOverlay .estores_overlay_content .country_section{width:50%; float: left; margin: 35px 0 35px 0;} #shipToOverlay .estores_overlay_content .country_section a{font-family: arial,helvetica,clean,sans-serif; text-align: left;padding: 0 0 0 30px; font-size: 0.825em; display: inline-block;margin: 8px 0 8px 0; text-decoration: inherit; position: relative;float: left;clear: both;} #shipToOverlay .estores_overlay_content .country_section a:hover, #shipToOverlay .estores_overlay_content .country_section a:focus{text-decoration: underline;} #shipToOverlay .estores_overlay_content .country_section a:last-child{padding-bottom: 0;} #shipToOverlay .estores_overlay_content .country_text{text-align: left; display: inline-block; float:left; clear:left;} div.flag { background: rgba(0, 0, 0, 0) url("../../images/boots/estores_flag_sprite.png") no-repeat scroll; clip: inherit; content: ""; height: 12.5px; margin: 0; padding: 0 0px; position: absolute; left: 0px; top: 4px; width: 20px; background-size: 80px 125px; } #GB .flag {background-position: 0px 0px;} #AT .flag {background-position: 0px -12.5px;;} #IB .flag {background-position: 0px -25px;} #BE .flag {background-position: 0px -37.5px;} #BG .flag {background-position: 0px -50px;} #CZ .flag {background-position: 0px -62.5px;} #DK .flag {background-position: 0px -75px;} #EE .flag {background-position: 0px -87.5px;} #FI .flag {background-position: 0px -100px;} #FR .flag {background-position: 0px -112.5px;} #DE .flag {background-position: -40px -99.5px;} #GR .flag {background-position: -40px 0px;} #HU .flag {background-position: -40px -12.5px;} #IT .flag {background-position: -40px -24.5px;} #IE .flag {background-position: -40px -37px;} #LV .flag {background-position: -20px 0px;} #LT .flag {background-position: -20px -12.5px;} #LU .flag {background-position: -20px -25px;} #MC .flag {background-position: -20px -37.5px;} #NL .flag {background-position: -20px -50px;} #NO .flag {background-position: -20px -62.5px;} #PL .flag {background-position: -20px -75px;} #PT .flag {background-position: -20px -87.5px;} #RO .flag {background-position: -20px -100px;} #SK .flag {background-position: -20px -112.5px;} #SI .flag {background-position: -60px -99.5px;} #ES .flag {background-position: -60px 0px;} #SE .flag {background-position:-60px -12.5px;} #US .flag {background-position: -60px -24.5px;} #BH .flag {background-position: -40px -49.5px;} #CA .flag {background-position: -40px -62px;} #HK .flag {background-position: -40px -74.5px;} #KW .flag {background-position: -40px -87px;} #QA .flag {background-position: -60px -37px;} #SA .flag {background-position: -60px -49.5px;} #SG .flag {background-position: -60px -62px;} #TH .flag {background-position: -60px -74.5px;} #AE .flag {background-position: -60px -87px;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #shipToOverlay .estores_overlay_content {padding: 55px 5% 55px 5%; width: 90%; overflow: hidden;} #shipToOverlay .estores_overlay_content .country_section {width: 100%; margin: 0;} #shipToOverlay .estores_overlay_content .country_text{margin: 10px 0 10px 0; display: inline-block;} } /* ============================== EStore Ship to SCSS END =============================== */ /* ================================ EStore Facet Navigation SCSS START ============================== */ #estore_facet_navigation_widget .facetContainer .facetWidget{background-color: transparent; padding:0 10px 20px 7px;} #estore_facet_navigation_widget .facetContainer .facetWidget h3 {font-size:1.0em;} #estore_facet_navigation_widget .facetContainer .collapsible > h3, #estore_facet_navigation_widget .facetContainer .linkWidget.collapsible > h3 {display: none;} #estore_facet_navigation_widget .facetContainer .facetFilterListWrapperContainer #facetFilterListWrapper label {padding: 15px 0 0 0; display: inline-block;} #estore_facet_navigation_widget .facetContainer .facetSelect li input:checked + a .checkBox > .checkmark{background: none; margin: 0;} #estore_facet_navigation_widget .facetContainer .facetSelect li input:checked + a .checkBox > .checkmark:before { font-family: "ElegantIcons"; content: "\4e"; font-size: 1.2em; font-weight: 900; color: #004990; } #estore_facet_navigation_widget .content { position: relative; } #estore_facet_navigation_widget .facetContainer .vertical:after { content: ''; position: absolute; width: 100%; height: 1px; background: #d0d0d0; left: 0%; } #estore_facet_navigation_widget .facetContainer .optionContainer > .title { height: 50px; color: #545454; font-size: 1em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; line-height: 50px; margin: 0; padding: 0 5% 0 0; border-radius: 0; background: #FFF; cursor: pointer; border-bottom: none; border-top: none; overflow: hidden; } /* #estore_facet_navigation_widget .facetContainer .optionContainer > .title:focus { outline: none; } */ #estore_facet_navigation_widget .facetContainer .optionContainer > .facetSelectContainer{ border-radius: 0; border-top: 1px solid #d0d0d0; } #estore_facet_navigation_widget .facetContainer .optionContainer .arrow{ height:20px; width:20px; margin: 13px 0 0 0; left: -7px; } #estore_facet_navigation_widget .facetContainer .optionContainer .arrow:before, #myAccountLeftNavigation .arrow{ font-family: 'ElegantIcons'; font-size: 22px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "3"; left: 0; top: 0; position: absolute; -webkit-transform: scale(1); } #estore_facet_navigation_widget .facetContainer .optionContainer .arrow.arrow_collapsed:before{ content: "5"; } #estore_facet_navigation_widget .facetContainer .facetSelect li { list-style: none; font-size: 0.875em; color: #565656; padding: 10px 10px 10px 0px; border-bottom: none; } #estore_facet_navigation_widget .facetContainer .facetSelectContainer .showMore input{display: none;} #estore_facet_navigation_widget .facetContainer .facetSelectContainer .showMore label{text-decoration: underline; cursor: pointer;} #estore_facet_navigation_widget .facetContainer .facetSelectContainer { padding: 10px 0 15px 0; /*border-bottom: 1px solid #d0d0d0;*/ } #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input{ border-top: 1px solid #ccc; padding: 20px 0 0 0; margin: 5px 0 0 0; } #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input input{ height:32px; width: 50px; margin: 10px 0 0 0px; border:1px solid #d0d0d0; -webkit-appearance: none; -webkit-border-radius: 0; padding-left:8px; padding-right:8px } #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input #low_price_input{ margin: 10px 0px 5px 0px; border:1px solid #d0d0d0; -webkit-appearance: none; -webkit-border-radius: 0; } #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input .high_price_input_container { display: block; } #estore_facet_navigation_widget #price_range_input input::-webkit-outer-spin-button, #estore_facet_navigation_widget #price_range_input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #estore_facet_navigation_widget .facetContainer .facetSelectContainer .facetSelectedHighlight{ color: inherit; } #estore_facet_navigation_widget .facetContainer .facetSelect .checkBox { width: 15px; height: 15px; margin: 0 10px 0 2px; border: 1px solid #d0d0d0; background-color: #fff; } #estore_facet_navigation_widget #facet_select_message{ font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.0625em; } #content #estore_facet_navigation_widget .facetWidget { background: #fff; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #content #estore_facet_navigation_widget .facetWidget { padding: 0; } #estore_facet_navigation_widget .facetContainer .vertical:after { width: auto; left: -15px; right: -15px; } #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input .high_price_input_container { display: inline; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input .high_price_input_container { display: inline; } } @media (min-width: 601px) { #estore_facet_navigation_widget .facetContainer .facetWidget { opacity: 1 !important; } } /* ================================ EStore Facet Navigation SCSS END ============================== */ /* ================================ EStore CategoryHeadingWidget SCSS START ============================== */ #estore_category_heading h1 { color: #004990; text-align: center; font-size: 1.6em !important; line-height:1.5; } #estore_category_heading a .mobile_facet_controls{ display:none; border-bottom: 1px solid #cccccc; margin: 0 0 20px 0; padding: 5px 0 5px 0; } #estore_category_heading a .mobile_facet_controls p{ font-size: 0.875em; color:#333; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; line-height: 3em; } #estore_category_heading a .mobile_facet_controls .dropdown_arrow{ float: right; cursor: pointer; font-size: 30px; color: #000; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_category_heading a .mobile_facet_controls{display:block;} } /* ================================ EStore CategoryHeadingWidget SCSS END ============================== */ /* ================================ EStore productListingWidget SCSS START ============================== */ #estores_product_listing_widget .mobile_facet_controls{display:none;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estores_product_listing_widget .mobile_facet_controls{ display: block; float: right; border: 1px solid #D0D0D0; border-radius: 3px; font-size: 0.8em; width: 17%; padding: 9px 3% 10px 3%; background: #f7f7f6; margin: 0; } #estores_product_listing_widget .view_controls{display:none;} } /* ================================ EStore productListingWidget SCSS END ============================== */ /* ================================ EStore Product Search result SCSS START ============================== */ .estore_product_container{ line-height: normal; margin: 10px 10px 0 0; padding: 15px 5%; border: 1px solid rgb(232, 232, 232); font-family:arial,helvetica,clean,sans-serif; height:440px; overflow: hidden; position: relative; } .estore_product_container .product_image{ padding: 5px; margin: 0 auto; padding-top: 0; position: initial;; text-align:center; border:none; height:200px; } .estore_product_container .image { position: relative; width: 100%; padding-top: 20px; } .estore_product_container .product_image img { max-height: 175px; } .estore_product_container .product_image .product_offer_notify{ display:inline-block; width:40px; height:40px; border-radius:50px; left: 15px; position: absolute; top: 20px; background:#CC0033; color:#fff; font-size:.8em; line-height: 39px; font-weight: bold; } .estore_product_container .product_image .product_match_parcel{ display:inline-block; width:40px; height:40px; border-radius:40px; left: 15px; position: absolute; top: 20px; background: rgba(0, 0, 0, 0) url("../../images/boots/parcel_icon.png") no-repeat scroll 0 0 / cover; } /* Review Ratings */ .estore_product_container div.product_rating span, .bundle_item_container div.product_rating span, .bundle_prod_info_container div.product_rating span{ color:#ff0000; text-align: left; position: relative; } .estore_product_container div.product_rating span:before, .bundle_item_container div.product_rating span:before, .bundle_prod_info_container div.product_rating span:before{ position: absolute; left: 0; content: ""; color:#333333; letter-spacing: 2px; font-family: 'ElegantIcons'; font-size:.87em; z-index: 9; } .estore_product_container div.product_rating span:after, .bundle_item_container div.product_rating span:after, .bundle_prod_info_container div.product_rating span:after{ color:#999999; letter-spacing: 2px; font-family: 'ElegantIcons'; font-size:.87em; content: "\e033 \e033 \e033 \e033 \e033"; } .estore_product_container div.product_rating span.noRating:before, .bundle_item_container div.product_rating span.noRating:before{content: "";} .estore_product_container div.product_rating span.rating1:before, .bundle_item_container div.product_rating span.rating1:before{content: "\e033";} .estore_product_container div.product_rating span.rating1_5:before, .bundle_item_container div.product_rating span.rating1_5:before{content: "\e033 \e034";} .estore_product_container div.product_rating span.rating2:before, .bundle_item_container div.product_rating span.rating2:before{content: "\e033 \e033";} .estore_product_container div.product_rating span.rating2_5:before, .bundle_item_container div.product_rating span.rating2_5:before{content: "\e033 \e033 \e034";} .estore_product_container div.product_rating span.rating3:before, .bundle_item_container div.product_rating span.rating3:before{content: "\e033 \e033 \e033";} .estore_product_container div.product_rating span.rating3_5:before, .bundle_item_container div.product_rating span.rating3_5:before{content: "\e033 \e033 \e033 \e034";} .estore_product_container div.product_rating span.rating4:before, .bundle_item_container div.product_rating span.rating4:before{content: "\e033 \e033 \e033 \e033";} .estore_product_container div.product_rating span.rating4_5:before, .bundle_item_container div.product_rating span.rating4_5:before{content: "\e033 \e033 \e033 \e033 \e034";} .estore_product_container div.product_rating span.rating5:before, .bundle_item_container div.product_rating span.rating5:before, .bundle_prod_info_container div.product_rating span.rating5:before{content: "\e033 \e033 \e033 \e033 \e033";} .estore_product_container .product_info{ float:none; position:initial; height:230px; } .estore_product_container .product_info .product_name a { display: block; padding: 0; font-family: arial,helvetica,clean,sans-serif; font-weight: bold; font-size: 0.875em; line-height: 20px; } @media (min-width: 601px) and (max-width: 1280px) { .estore_product_container .product_info .product_name a { font-size: 16px; /*!important;*/ } .estore_product_container .product_info .product_offer { font-size: 14px; line-height: 20px; } } .estore_product_container .product_info .product_rating, .bundle_item_container .product_info .product_rating, .bundle_prod_info_container .product_info .product_rating{ text-align: center; padding: 0; line-height: 100%; } .estore_product_container .product_medicon .pmedIcon { background: rgba(0, 0, 0, 0) url("../../images/boots/PMED_icon.png") no-repeat scroll 0 0 / cover; display: block; margin: 0 auto; height: 35px; width: 33px; } .estore_product_container .product_info .product_offer { font-size: 14px; color: #CC0033; font-weight: bold; padding: 10px 0 10px 0px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .estore_product_container .product_info .product_rating { padding: 16px 0 0 0; height: 17px; } .estore_product_container .product_info .product_price { font-size: 25px !important; font-weight: bold; padding: 10px 0 !important; color: #333333; } .estore_product_container .product_info .product_price span.price { /*font-size: 14px !important;*/ font-size: 0.48em !important; font-weight: normal; color: #4c4c4c; padding: 0 0 0 10px; } .estore_product_container .product_info .product_savePrice { line-height: 20px; padding: 5px 0 0 0; } .estore_product_container .product_info .product_savePrice span.save { font-size: 12px; font-weight: bold; padding: 0 5px 0 0; font-family: arial, helvetica, clean, sans-serif; } .estore_product_container .product_info .product_savePrice span.was, .estore_product_container .product_info .product_savePrice span.then { font-size: 12px; font-weight: normal; display: inline; } .estore_product_container .product_info .product_savePrice span.then { padding: 0; } .estore_product_container .product_info .product_add{ overflow:hidden; position: absolute; bottom: 20px; width: 90%; left: 5%; } .estore_product_container .product_info .product_add .quantity_section { float: left; width: 130px; padding: 0; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .estore_product_container .product_info .product_add .button.primary { line-height: 36px; min-height: 36px; font-size: 1.125em; overflow: hidden; width: auto; display: block; text-align: center; } .estore_product_container .product_info .product_add .button.primary:focus { background: #1B355C; border-color: #CAE0F5; border-width: 2px; line-height: 36px; max-height: 40px; } .estore_product_container .product_info .product_add .button.primary:focus > .button_text { margin-bottom: 1px; } .estore_product_container .product_info .product_add .qty_errorMax { font-size: 0.9em; left: 120px; position: absolute; top: -11px; visibility: hidden; width: 110px; } .estore_product_container .product_info .product_view { padding: 0; text-align: center; overflow: hidden; width: 100%; } .estore_product_container .product_add .product_view .chanel_button { display: inline-block; background-color: #000; border-radius: 3px; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; width: 100%; line-height: 40px; min-height: 40px; text-align: center; color: #ffffff; font-size: 1.25em; -webkit-appearance: none; } .chanel_product.estore_product_container .product_info .product_add .button.primary { background: #000; } .estore_product_container .product_add .product_view .chanel_button:hover { background-color:#333; } .estore_product_container .product_info .product_stockComingSoon { padding: 0; text-align: center; overflow: hidden; color: #333; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; font-size: 1.2em; width: 100%; line-height: 35px; } .estore_product_container .product_info .product_compare { bottom: 0; padding-left: 0; position: absolute; } .estore_product_container .product_info .product_compare span { font-size: .8em; display: inline-block; position: relative; cursor: pointer; /* needed for checkbox absolute positioning */ font-size: .9em; } .estore_product_container .product_info .product_compare span > input[type="checkbox"] { display: block; position: absolute; /* remove it from the flow */ width: 100%; height: 100%; margin: -.5rem; /* negative the padding of label to cover the "button" */ cursor: pointer; opacity: 0; /* make it transparent */ z-index: 666; /* place it on top of everything else */ } .estore_product_container .product_info .product_compare span > input[type="checkbox"] + span { display: inline-block; width: 15px; height: 15px; border: 1px solid #d0d0d0; margin-right: 0px; top: 3px; position: relative; color: #004990; } .estore_product_container .product_info .product_compare span > input[type="checkbox"]:checked + span:after { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; -webkit-padding-before: 4px; } .estore_product_container .product_info .compare_target > label { cursor: pointer; font-size: 1.2em; font-weight: normal; line-height: 20px; padding-left: 5px; } /* Chanel tiles */ .estore_product_container.chanel_product .product_image .product_offer_notify{display: none;} .estore_product_container.chanel_product .product_info .product_offer {color: #464646;} .estore_product_container.chanel_product .product_info .product_name {height:65px !important;} .estore_product_container.chanel_product .product_info .product_name .title_lvl_three{font-size: 0.8em; font-weight:normal; text-overflow: ellipsis; white-space: nowrap;} .estore_product_container.chanel_product .product_name_link .title_lvl_three {font-size: 0.8em; display: block; overflow: hidden; text-overflow: ellipsis; font-weight: normal;} .estore_product_container.chanel_product .product_info .product_name .title_lvl_three { display: block; overflow: hidden; text-overflow: ellipsis;} @media (min-width: 1281px) and (max-width: 1366px) { .estore_product_container.chanel_product .product_info .product_name .title_lvl_three {font-size: 0.65em;} } @media (min-width: 1024px) and (max-width: 1034px) { .estore_product_container.chanel_product .product_info .product_name .title_lvl_three {font-size: 0.75em;} } @media (min-width: 1367px) { .estore_product_container.chanel_product .product_info .product_name .title_lvl_three {font-size: 0.7em;} } @media (min-width: 601px) and (max-width: 1280px) { .estore_product_container.chanel_product .product_info .product_offer{margin-bottom: 5px;} } @media (min-width: 644px) and (max-width: 726px) { .estore_product_container.chanel_product .product_info .product_name .title_lvl_three {font-size: 0.7em;} } @media screen and (-webkit-min-device-pixel-ratio:0) { .estore_product_container .product_info .product_compare span > input[type="checkbox"]:checked + span:after { position: relative; top: -4px; } } /* List View */ .product_listing_container .list_mode li { display: block; } .product_listing_container .list_mode .estore_product_container { border: none; border-bottom: 1px solid #e5e5e5; position: relative; margin: 0; padding: 20px 10px; max-height: 300px; height: auto; } .product_listing_container .list_mode .estore_product_container .product_top_section { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .product_listing_container .list_mode .estore_product_container .product_top_section .product_name { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 0 70%; flex: 1 2 70%; -ms-flex: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; max-height: 3.6em; overflow: hidden; margin-bottom: 10px; } .product_listing_container .list_mode .estore_product_container .product_name .product_name_link { font-family: Arial; font-weight: bold; color: #333 !important; font-size: 1.063em !important; } .product_listing_container .list_mode .estore_product_container .product_rating, .product_listing_container .list_mode .estore_product_container .product_medicon { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; line-height: 100%; z-index: 0; } .product_listing_container .list_mode .estore_product_container .product_rating .product_review_count { font-size: 0.875em; } .product_listing_container .list_mode .estore_product_container .product_image { height: auto; padding: 0 !important; position: relative; overflow: visible; float: left; margin-right: 15px; margin-bottom: 15px; } .product_listing_container .list_mode .estore_product_container .product_image .image { padding: 0; } .product_listing_container .list_mode .estore_product_container .product_image .image .product_img_link { display: block; padding-top: 20px; } .product_listing_container .list_mode .estore_product_container .product_image .image .product_img_link .product_img { display: inline-block; vertical-align: bottom; width: auto; margin: 0 auto; max-height: 200px; } .product_listing_container .list_mode .estore_product_container .product_image .product_offer_notify { top: -20px; left: 0; } .product_listing_container .list_mode .estore_product_container .product_image .product_match_parcel { top: -20px; left: 0; } .product_listing_container .list_mode .estore_product_container .product_info { height: 150px; width: auto; position: relative; box-sizing: border-box; overflow: hidden; } .product_listing_container .list_mode .estore_product_container .product_info .product_offer { margin: 0; padding: 0; width: 100%; position: absolute; top: 0; left: 0; } .product_listing_container .list_mode .estore_product_container .product_info .product_price .price { position: static; white-space: nowrap; } /*.product_listing_container .estore_product_container .product_info .product_price .price:empty::before { content: 'Price per unit'; }*/ .product_listing_container .list_mode .product_add { position: relative; display: inline-block; } .product_listing_container .list_mode .shopperActions { padding: 0; } .product_listing_container .list_mode .product_add .button.primary { position: absolute; bottom: 0; left: 130px; right: 0; width: auto; } .product_listing_container .list_mode .chanel_product.estore_product_container .product_add .button.primary { background: #000; } .product_listing_container .list_mode .product_add .button.secondary:only-child { padding: 0 10px; white-space: nowrap; } .product_listing_container .list_mode .compare_target { color: #5b5b5b; font-size: 9px; font-weight: bold; line-height: 15px; min-width: 90px; padding: 0; text-align: left; text-transform: uppercase; float: left; position: absolute; bottom: 20px; left: 15px; } .product_listing_container .list_mode .estore_product_container .product_info .product_add .button.primary { float: left; width: 75px; } .product_listing_container .list_mode .estore_product_container .product_stockComingSoon { padding-top: 16px; overflow: hidden; color: #333; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; font-size: 1.2em; width: 100%; line-height: 35px; } .product_listing_container .list_mode .product_view { padding-top: 16px; } @media (max-width: 600px) { .product_listing_container .list_mode .product_view { padding-top: 16px; width: 100%; } } .product_listing_container .list_mode .estore_product_container .compare_target label { font-size: 1em; display: inline-block; position: relative; cursor: pointer; } .product_listing_container .list_mode .estore_product_container .compare_target label > input[type="checkbox"] { display: block; position: absolute; width: 100%; height: 100%; /* negative the padding of label to cover the "button" */ cursor: pointer; opacity: 0; /* make it transparent */ z-index: 666; /* place it on top of everything else */ } .product_listing_container .list_mode .estore_product_container .compare_target label > input[type="checkbox"] + span { display: inline-block; width: 15px; height: 15px; border: 1px solid #d0d0d0; margin-right: 0px; top: 3px; position: relative; color: #004990; } .product_listing_container .list_mode .estore_product_container .compare_target label > input[type="checkbox"]:checked + span:after { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; -webkit-padding-before: 4px; } /*==============================prescriptions product start==================================================*/ .product_listing_container .list_mode .estore_product_container.prescription_product_list { padding: 25px 15px; border-bottom: 1px solid #e5e5e5; position:relative; font-size:0.875em; } .prescription_border_line {border-top:1px solid #e5e5e5;} .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_name a, .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_name p { position:static; display:inline-block; line-height: 20px; font-family: arial,helvetica,clean,sans-serif; font-weight: bold; margin-left:120px; padding:0; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_image { width: 210px; margin: 0; border: 1px solid #e5e5e5; float:left; top:25px; height:auto; position:absolute; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_image .image { padding: 0; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_tagline p { font-size: 0.875em; line-height: 18px; display:inline-block; margin-left:240px; min-height:130px; padding:10px 0; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_add { float:none; clear:both; display:inherit; margin-left:240px; margin-top:10px; width:300px; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_add .button.primary { position: absolute; bottom: 0; left: 0px; right: 0; width: 230px; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_name a, .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_name p, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_name a, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_name p { display:block; line-height: 20px; font-family: arial,helvetica,clean,sans-serif; font-weight: bold; margin-bottom:10px; margin-left:0px; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_image, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_image { width: 40%; margin-bottom:30px; border: 1px solid #e5e5e5; float:left; padding:0; position:static; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_image img, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_image img { max-height:100px; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_tagline p, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_tagline p { font-size: 0.875em; line-height: 18px; display:inline-block; width:51%; float:right; margin-left:0px; min-height:140px; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_add, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_add { float:none; clear:both; display:block; width:100%; margin:0; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_add .button.primary, .product_listing_container .grid_mode .estore_product_container.prescription_product_list .product_add .button.primary { position: absolute; bottom: 0; left: 0px; right: 0; width: 100%; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { .product_listing_container .list_mode .estore_product_container.prescription_product_list { padding: 35px 40px; border-bottom: 1px solid #e5e5e5; position: relative; height: 220px; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_image { top: 35px; } .product_listing_container .list_mode .estore_product_container.prescription_product_list .product_tagline p { min-height: 120px; } .product_listing_container .list_mode .product_view { width: 233px; } .estore_product_container .product_info .product_savePrice span.was, .estore_product_container .product_info .product_savePrice span.then { font-size: 1.06em; } } @media (min-width: 1281px) and (max-width: 1420px) { .grid_mode .estore_product_container .product_info .product_price { padding: 10px 0 0 0 !important; } } .product_listing_container .list_mode .estore_product_container.prescription_product { padding: 10px 0 10px 15px; height: 265px; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info { width: 50%; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_add { bottom: 42px; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_add .button.primary { width: 100%; max-width: initial; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_image { width: 40%; margin: 0 20px 0 0; border: 1px solid #e5e5e5; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_image .image { padding: 0; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_name a, .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_name p { width: 90%; position: static; line-height: 18px; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_tagline p { font-size: 0.875em; line-height: 18px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .product_listing_container .list_mode .estore_product_container .compare_target label > input[type="checkbox"]:checked + span:after { position: relative; top: -4px; } } /* List view end */ #estores_product_listing_widget #listerpage_tile_offers_overlay { display: none; position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 515px; background: #FFF; color: #000; text-align:center; padding: 20px 15px 25px 20px; font-size:1em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; left: 0; right: 0; top:15%;} #estores_product_listing_widget #listerpage_tile_offers_overlay ul{text-align: left; color: #CC0033; font-family: arial,helvetica,clean,sans-serif; font-weight: bold;} #estores_product_listing_widget #listerpage_tile_offers_overlay ul li{padding: 12px 0 0 0;} #estore_facet_navigation_widget .facetContainer .facetSelect li a:hover{text-decoration: inherit;} #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet{width: 40px; height:40px; float: left; padding: 0 8px 7px 0;} #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .checkBox{display: none;} #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet {height:40px; width:40px;} #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet label .swatch_block{height:40px; width:40px; border-radius: 20px;} #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet label .swatch_block_white{height:38px; width:38px; border-radius: 19px; border: 1px solid #d0d0d0;} #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet label .tooltip{ z-index:1000; display: none; position:relative; text-align: center; white-space: nowrap; top: -29px; left: 54px; } #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet label .tooltip:before{ content: ''; position: absolute; border-style: solid; border-width: 12px 10px 12px 0; border-color: transparent #cae0f5; display: block; width: 0; z-index: 0; left: -9px; top: -3px; } #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet label .tooltip:after{ content: ''; position: absolute; border-style: solid; border-width: 12px 10px 12px 0; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; left: -8px; top: -3px; } #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet a:hover .productColourFacet label .tooltip{ display:block; } @media (max-width: 600px) { #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet a:hover .productColourFacet label .tooltip{ display: none; } } @media (min-width: 601px) and (max-width: 1280px) { #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet a:hover .productColourFacet label .tooltip{ display: none; } } #estore_facet_navigation_widget .facetContainer .facetSelect li.colourFacet .productColourFacet label .tooltip span{ background-color: #fff; border: 1px solid #cae0f5; padding: 12px 14px; text-align: center; white-space: nowrap; font-size: 0.875em; margin: 0 auto 0 auto; color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: -10px 0px 0px #fff; } #estore_facet_navigation_widget .facetContainer .facetSelect li input:checked + a .outline > .productColourFacet > label > .swatch_block{ height: 36px; width: 36px; border: 2px solid #fff; border-radius: 40px; } #estore_facet_navigation_widget .facetContainer .facetSelect li input:checked + a .outline > .productColourFacet{border: 1px solid #ccc; border-radius: 20px;} .estore_product_container .product_info .product_offer{padding: 0 5px 0 0px;margin-top:25px; min-height:1.2em; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_lister_template_container #listerpage_tile_offers_overlay { width: 85%; } .estore_product_container .product_info .product_price { /*font-size: 16px !important;*/ font-size: 1.25em !important; } } @media (min-width: 601px) and (max-width: 1280px) { .grid_mode .estore_product_container { height: 478px; } .estore_product_container .product_info .product_price { font-size: 20px !important; font-family: arial,helvetica,clean,sans-serif; } .estore_product_container .product_info .product_savePrice span.was br { font-size: 12px; display: none; } } @media (max-width: 767px) { .product_listing_container .list_mode .estore_product_container .product_name .product_name_link { /*font-size: 16px !important;*/ } .product_listing_container .list_mode .estore_product_container .product_image { width: 120px; } .product_listing_container .list_mode .estore_product_container .product_image .image .product_img_link .product_img { max-height: 130px; } .product_listing_container .list_mode .estore_product_container .product_info .product_price .price { /*position: absolute; bottom: 0; left: 0; padding: 0;*/ display: block; padding: 5px 0 0 0; font-size: 11px !important; } .product_listing_container .list_mode .product_add { display: block; } .product_listing_container .list_mode .product_add .button.primary { max-width: 100%; } .product_listing_container .list_mode .compare_target { bottom: 12px; left: 12px; } .product_listing_container .list_mode .estore_product_container.prescription_product { padding: 10px 0 55px 15px; height: 300px; margin-right: 0; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_image { margin: 0; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_add { bottom: 15px; } .product_listing_container .list_mode .estore_product_container .product_info .product_savePrice .save { display: block; } } @media (min-width: 768px) and (max-width: 1280px) { .estore_product_container .product_info .product_savePrice span.save { font-size: 0.813em; } .estore_product_container .product_info .product_savePrice span.was { font-size: 0.813em; display: inline; } .product_listing_container .list_mode .estore_product_container { padding: 25px 15px; } .product_listing_container .list_mode .estore_product_container .product_top_section { max-width: calc(100% - 200px); display: inline-block !important; } .product_listing_container .list_mode .estore_product_container .product_image .product_offer_notify { top: 0; } .product_listing_container .list_mode .estore_product_container .product_image { width: 178px; min-height: 255px; } .product_listing_container .list_mode .estore_product_container .product_image .image .product_img_link { padding-top: 40px; } .product_listing_container .list_mode .estore_product_container .product_image .image .product_img_link .product_img { max-width: 100%; } .product_listing_container .list_mode .estore_product_container .product_info { height: auto; min-height: 105px; padding-top: 32px; } .product_listing_container .list_mode .estore_product_container .product_info .product_price .price { padding-left: 15px; } .product_listing_container .list_mode .product_add { width: calc(100% - 200px); } .product_listing_container .list_mode .product_add .qty_errorMax { width: auto; max-width: calc(100% - 138px); } } @media (min-width: 1281px) and (max-width: 1600px) { .estore_product_container .product_info .product_add .qty_errorMax { font-size: 0.75em; left: 110px; width: 96px; top: 6px; } } /* IE10-11 styles */ @media screen and (min-width: 768px) and (max-width: 1280px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (max-width: 1280px) and (-ms-high-contrast: none) { .product_listing_container .list_mode .estore_product_container .product_info .product_price { position: absolute; top: 32px; } } @media (min-width: 768px) { .product_listing_container .list_mode .estore_product_container .product_top_section { margin-bottom: 25px; display: inline-flex; } } @media (max-width: 1280px) { .product_listing_container .list_mode .estore_product_container .product_top_section { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_listing_container .list_mode .estore_product_container .product_rating { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; } .product_listing_container .list_mode .estore_product_container .product_info .product_offer { white-space: normal; height: 34px; } .product_listing_container .list_mode .estore_product_container .product_info { padding-bottom: 1em; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .product_listing_container .list_mode .estore_product_container .product_info .product_price { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .product_listing_container .list_mode .estore_product_container .product_info .product_savePrice { padding: 0px 0px 10px 0px; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { .quickBuy .grid_mode .estore_product_container { height: 600px; } .estore_product_container { height: 565px; } .estore_product_container .product_image { height: 225px; } .estore_product_container .product_image img { max-height: 210px; } .estore_product_container .product_info .product_offer { padding: 0 5px 0 0px; margin-top: 25px; min-height: 1.2em; font-size: 1.0625em; } .estore_product_container .product_image .product_offer_notify { top: 20px; } .estore_product_container .product_info .product_name { padding: 30px 0px 0px 0; } .estore_product_container .product_info .product_name a { font-size: 1.0625em } .estore_product_container .product_info .product_price { padding: 15px 0 15px 0; } .estore_product_container .product_info .product_savePrice { line-height: 23px; } .estore_product_container .product_info .product_compare { bottom: 10px; } .estore_product_container .product_info .product_add { bottom: 20px; } .estore_product_container .product_info .product_add .button.primary { font-size: 1.25em; } .estore_product_container .product_info .product_savePrice span.save { font-size: 1.0625em; } .estore_product_container .product_info .product_savePrice span.was br, .estore_product_container .product_info .product_savePrice span.then { font-size: 1.0625em !important; display: none; } .estore_product_container .product_info .product_add .button.primary { max-width: 116px; line-height: 36px; min-height: 36px; } .product_listing_container .list_mode .estore_product_container { padding-top: 35px; height: 230px; } .product_listing_container .list_mode .estore_product_container .product_top_section .product_name { min-height: auto; white-space: nowrap; margin: 0; max-width: 65ch; overflow: hidden; text-overflow: ellipsis; } .product_listing_container .list_mode .estore_product_container .product_top_fv_list { margin-left: 0px; } .product_listing_container .list_mode .estore_product_container .product_image { margin-left: 10px; width: 190px; } .product_listing_container .list_mode .estore_product_container .product_info .product_name { padding: 0; } .product_listing_container .list_mode .estore_product_container, .product_listing_container .list_mode .estore_product_container .product_info .product_offer { height: auto; white-space: nowrap; } .product_listing_container .list_mode .estore_product_container .product_info .product_price { padding: 0; position: absolute; top: 39px; } .product_listing_container .list_mode .estore_product_container .product_info .product_savePrice { padding: 0; position: absolute; top: 80px; } .product_listing_container .list_mode .compare_target { bottom: 15px; } .product_listing_container .list_mode .estore_product_container .product_info .product_name a { position: inherit; text-align: left; padding-top: 12px; } .product_listing_container .list_mode .estore_product_container .product_image .product_offer_notify { left: -10px; } .product_listing_container .list_mode .estore_product_container .product_rating, .product_listing_container .list_mode .estore_product_container .product_medicon { position: absolute; right: 10px; } .product_listing_container .list_mode .estore_product_container .product_info { height: 100px; } .product_listing_container .list_mode .quantity_section { padding-bottom: 0; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_info .product_add { bottom: 70px; } .product_listing_container .list_mode .estore_product_container.prescription_product { height: 160px; padding: 40px 0 40px 45px; } .product_listing_container .list_mode .estore_product_container.prescription_product .product_image { width: initial; margin: 0 35px 0 0; } } /* ------------------------------------------- */ /* ------ Additional breakpoint styles ------- */ /* ------------------------------------------- */ @media (min-width: 1288px) { #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(4n) .estore_product_container { margin-right: 0; } } @media (min-width: 1024px) and (max-width: 1287px) { #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(3n) .estore_product_container { margin-right: 0; } } @media (min-width: 645px) and (max-width: 1023px) { #estore_lister_template_container .product_listing_container > .grid_mode li:nth-of-type(2n) .estore_product_container { margin-right: 0; } } @media (max-width: 644px) { #estore_lister_template_container .product_listing_container > .grid_mode li .estore_product_container { margin-right: 0; } } /* ================================ EStore Product Search result SCSS END ============================== */ /* ================================ EStore Attachment SCSS Start ============================== */ #estore_product_attachment{margin:15px 0;} #estore_product_attachment h2{font-size:1.1em;padding:0 0 8px;line-height:1em;} #estore_product_attachment a{text-decoration:underline;font-size:1em;} @media (max-width: 600px) {} /* ================================ EStore Attachment SCSS END ============================== */ /* ================================ EStore product Search result heading Start ============================== */ .estoreProductSearchResult h1 { color: #004990; text-align: center; font-size: 1.25em !important; line-height:1; padding: 1.25em 0 0.75em; } .estoreProductSearchResult h1.mobile_show {display:none;} /* ------------------------------------------- */ /* ------------- Mobile styles --------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .estoreProductSearchResult h1.show_all {display:block;} .estoreProductSearchResult h1.mobile_show {display:none;} .estoreProductSearchResult h1 {font-size:1.075em !important; padding: 1em 0 0.75em;} .estore_ArticlesVideos_container{line-height:1.35em;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { .estoreProductSearchResult h1 {font-size: 1.6em !important; line-height:1.25;} } /* ================================ EStore product Search result heading END ============================== */ /* ================================ EStore Header SCSS Start ============================== */ #estore_productpage_template_container .shopperActions { margin: 0; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } #estore_productpage_template_container .shopperActions .button.primary { font-size: 1.2em; position: absolute; top: 16px; left: 130px; max-width: calc(100% - 130px); line-height: 38px; } /* #estore_productpage_template_container .button.secondary { max-width: none; } Defect #5604 - Tech Go Live New Site - Submit button for Sign up to email is too large on PDPs */ @media (min-width: 1281px) { #estore_productpage_template_container .shopperActions {/* margin: 0 0 0 22px; */} } @media (max-width: 600px) { #estore_productpage_template_container .shopperActions .quantity_section { padding-top:8px; } #estore_productpage_template_container .shopperActions .button.primary{top:8px;} /* 5692 - UAT - V5 Patch - Add to Basket button on Mobile is out of alignment with Quantity { */ #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.primary { top: 32px; } /* 5692 } */ #estore_product_variant #variantSelectedText{margin-bottom:0;} } .clearFloat{ clear: both; } .left{ float: left; } .right{ float: right; } .product_info{ float: left; width: 100%; } .product_image { margin: 0px auto; padding-top: 0px; margin-bottom: 0; position: relative; } .product > .product_image img { width: 100%; height: 100%; max-width: 200px; max-height: 310px; } .additional_content .left_espot> img{ width: 100%; } div#widget_minishopcart_popup > #cartDropdown .product > .product_image > a { height: 87px; text-align: center; } div#widget_minishopcart_popup > #cartDropdown .product > .product_image > a > img{ height: 100%; width: auto; } div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a { height: 114px; text-align: center; } div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a > img{ height: 100%; width: auto; } .quick_info_toggle { display: none; } div.widget_quick_info_popup > .top, div.widget_quick_info_popup > .bottom { width: auto; } div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column, div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column { width: auto; max-width: 330px; } #quickInfoPopup { top: 0px !important; } .productListingWidget { border: 0px solid #e9e9e9; border-radius: 5px; padding-bottom: 10px; } .catPos > .container { width: 100%; min-width: 0; padding: 0; background: #f8f8f8; text-align: center; } .catPos > .container > a { display: block; padding: 8px 0; text-align: center; } .catPos > .container > a:hover { text-decoration: underline; } .product_group_name { color: #010f1c; font-size: 12px; float:none; } .catEntryList_border { margin: 10px 5%; padding-bottom: 15px; border-bottom: 1px dotted #c9c9c9; position: absolute; bottom: 0; width: 90%; } .catEntryGrid_border { display: inline-block; margin: 0px 5%; border-bottom: 1px dotted #c9c9c9; bottom: 0; width: 90%; } div.widget_articles_videos > .content > .header_bar { height: 75px; padding: 10px; border-bottom: 1px solid #e9e9e9; content: ""; display: block; clear: both; } div.widget_articles_videos > .content > .header_bar > .title { float: left; padding: 5px; font-size: 13px; font-weight: bold; text-transform: uppercase; } div.widget_articles_videos > .content{ width: 100%; } div.widget_articles_videos > .content > .header{ padding-left: 19px; padding-right: 19px; font-size: 16px; padding-top: 14px; position: relative; height: 60px; border-bottom: 1px solid #E5E5E5; } div.widget_articles_videos > .content > .header > span.small{ font-size: 12px; float: left; margin-left: 4px; } div.widget_articles_videos > .content > .header > .title{ float: left; } div.widget_articles_videos > .content > .header > .paging_controls{ color: #767676; font-size: 12px; height: 17px; line-height: 17px; overflow: hidden; position: absolute; right: 15px; top: 16px; } div.widget_articles_videos > .content > .header > .paging_controls > .divider{ background-color: #BFBFBF; float: left; height: 17px; margin: 0 6px; width: 1px; } div.widget_articles_videos > .content > .header > .paging_controls .left_arrow{ background-image: url('../../images/colors/color1/left_arrow_sprite.png'); background-repeat: no-repeat; background-position: 0 0; height: 17px; width: 17px; margin: 0 6px; float: left; } div.widget_articles_videos > .content > .header > .paging_controls .right_arrow{ background-image: url('../../images/colors/color1/right_arrow_sprite.png'); background-repeat: no-repeat; background-position: 0 0; height: 17px; width: 17px; margin: 0 6px; float: left; } div.widget_articles_videos > .content > .header > .paging_controls .active{ background-color: #EF5305; background-position: left top; color: #FFFFFF !important; cursor: pointer; } div.widget_articles_videos > .content > .header > .paging_controls .inactive{ background-color: #BFBFBF; background-position: left bottom; color: #FFFFFF !important; } div.widget_articles_videos > .content > .header > .paging_controls > .pages{ float: left; line-height: 17px; margin-left: 6px; } div.widget_articles_videos > .content > .header > .paging_controls > .pages > ul{ list-style-type:none; overflow:hidden; } div.widget_articles_videos > .content > .header > .paging_controls > .pages > ul > li{ color: #CA4200; cursor: pointer; display: block; float: left; margin: 0 2px; min-width: 14px; padding: 0 2px; text-align: center; } div.widget_articles_videos > .content > .header > .paging_controls > .view_all{ float: left; line-height: 17px; margin-left: 6px; } div.widget_articles_videos > .content > .header > .paging_controls > .view_all > a{ color: #CA4200; text-decoration: none; } div.widget_articles_videos > .content > .header > .sorting_controls{ color: #666666; font-size: 11px; height: 18px; margin: 0; padding: 0; position: absolute; right: 15px; top: 40px; } div.widget_articles_videos > .content > .header > .sorting_controls > .sort_by{ line-height: 18px; } div.widget_articles_videos > .content > .header > .sorting_controls > select{ border: 1px solid #666666; font-size: 11px; height: 18px; min-width: 114px; } div.widget_articles_videos > .content > .item{ padding-left: 19px; padding-right: 8px; padding-bottom: 17px; padding-top: 17px; } div.widget_articles_videos > .content > .divider{ height: 1px; border-bottom: 1px solid #e5e5e5; margin-left:8px; margin-right: 8px; } div.widget_articles_videos > .content > .item > .icon{ height: 32px; width: 32px; float: left; } div.widget_articles_videos > .content > .item > .description{ font-size: 12px; float: left; line-height: 14px; padding-left: 11px; width: 630px; } div.widget_articles_videos > .content > .item > .description > .header { font-size: 14px; margin-bottom: 5px; cursor: pointer; float:left; } div.widget_articles_videos > .content > .item > .description > .header:hover{ text-decoration:underline; } #articleListing { list-style-type: none; padding: 0 20px 0 20px; margin-top: 20px; } #articleListing li { float: left; width: 100%; min-height: 107px; margin-right: 10px; margin-bottom: 30px; border-bottom: 1px solid #e9e9e9; } #articleListing .icon { float: left; margin-right: 10px; } #articleListing .videoItem .icon .iconPlayOverlay { border: 0; position: relative; top: -86px; width: 69px; left: 48px; height: auto; } #videoItemScreen { height: auto; width: 100%; border: solid #ffffff 2px; } #videoContentBackground { position: fixed; top: 0px; width: 100%; height: 100%; padding: 1px 0 0 1px; z-index:100; background: rgba(0, 0, 0, 0.7); } #modelBox { position: fixed; top: 0px; padding: 1px 0 0 1px; z-index:101; } #videoContentFrame { position: fixed; top: 100px; width: 719px; height: 413px; left: 50%; margin-left: -360px; } #modelBoxClose { position: absolute; top: -10px; right: -10px; background: #000; color: #fff; border-radius: 20px; width: 23px; text-align: center; z-index: 10; border: 2px solid white; } #modelBoxClose:hover { cursor: pointer; } #video1 { width: 718px !important; height: 412px !important; } #articleListing .icon:hover { cursor: pointer; } #articleListing li .content { padding: 15px 20px 20px 100px; } #articleListing li .content h1 { font-size: 15px; padding: 0px; } #articleListing li .content h2 { font-size: 11px; text-transform: uppercase; } .tabButtonContainer { margin-bottom: 0px !important; } .tab_header { margin-right: 20px; display: table; width: 100%; } .tab_header .tab_container { width: 28%; display:none; float:none; padding: 9px 10px 7px 10px; text-transform: none; } .tab_header .tab_container > .contentRecommendationWidget { border: 0 !important; } .tab .productListingWidget { border: none; border-radius: 0px; } .tab_spacer { width: 1%; float: left; height: 32px; } .tab_container { color: #004990; font-size: 1.4em !important; width: 40%; float:left; padding: 10px; position: relative !important; display: table-cell; text-align: center; vertical-align: middle; background: #cae0f5; height: 50px; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; } /*.tab_container:after{ content:''; width:15px; height:15px; background:#fff; position:absolute; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); top: 88%; left:49%; border-left:#cae0f5 solid 1px; border-top:#cae0f5 solid 1px; outline: none; z-index: 0; }*/ .tab_container:after{ content:''; width:15px; height:15px; background:#fff; position:absolute; -moz-transform:rotate(45deg) translateX(-50%); -webkit-transform:rotate(45deg) translateX(-50%); transform:rotate(45deg) translateX(-50%); bottom: -15px; left:50%; /*border-left:#cae0f5 solid 1px; border-top:#cae0f5 solid 1px;*/ outline: none; z-index: 0; } .underClubError{margin:20px 0 25px;} .underClubError h2{padding: 0px; margin: 0px; font-size: 1.5em; text-align: center;font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif;} .underClubError p{padding: 5px 0; font-size: 0.9em;} @media (max-width: 600px) { .underClubError h2{padding:0 0 10px;font-size: 1.5em; line-height:1.3em;} .underClubError p{padding: 5px 0 15px; } .tab_container {font-size:0.875em!important; height:40px; } .tab_header .tab_container {padding: 0px 10px 0px 10px;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*#cartDropdown .tab_container:after{ margin-top: 20px; }*/ } .tab_container:hover { cursor: pointer; outline: none; } .inactive_tab { color: #333; background: #fff; border: none; outline-width: 0; } .inactive_tab:after{border: none; content: none; outline: none;} .tab { border: none; border-radius: 5px; margin-top: 0px !important; width: 100%; outline: none; } .tab:focus{outline: 0;} div.widget_title_container { width: 100%; line-height: 30px; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image { height: 103px; width: 16.3333%; max-width: 113px; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product { width: 33.3333%; height: auto; max-width: 105px; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product img { width: 100%; height: auto; max-width: 105px; } div#widget_coordinate > .middle > .content > .coordinate_body > .right_column { margin-left: 0px; width: 100%; } div#widget_coordinate > .middle > .content > .coordinate_body > .left_column { padding-bottom:35px; width:100%; } div#widget_coordinate { width: 100%; } div#widget_coordinate > .content { padding-bottom: 10px; } div#widget_coordinate > .content > .coordinate_title { width: 20%; } div#widget_coordinate > .middle { width: 100%; } div#widget_coordinate > .middle > .content { padding: 0px 0px 40px 0px; width: 100%; } div#widget_coordinate > .middle > .content .down_arrow { width: 20px; height: 10px; position: absolute; left: 43%; visibility: hidden; } div#widget_coordinate > .middle > .content .up_arrow { position: absolute; top: -17px; left: 43%; width: 20px; height: 10px; visibility: hidden; } div#widget_coordinate > .middle > .content .down_active { visibility: visible; } div#widget_coordinate > .middle > .content .up_active { visibility: visible; } div.widget_sidebar_container > div.header_content { line-height: 25px; border-bottom: 1px solid #e5e5e5; position: relative; padding-bottom: 4px; min-height: 59px; } div.widget_title_container .estore_ArticlesVideos_container { padding-bottom: 1.25em; } /* 6502 .row.title h2 { color: #004990; } */ #homePageEspot1, #homePageEspot2, #homePageEspot_Left, #homePageEspot_Middle, #homePageEspot_Right { width: 100%; } #homePageEspot1_Slot, #homePageEspot2_Slot, #homePageEspot_Left_Slot, #homePageEspot_Middle_Slot, #homePageEspot_Right_Slot { position:relative; z-index: 2; } .textContainer .title { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 40px; color: #073769; line-height: 42px; margin-bottom: 10px; text-transform: uppercase; } .textContainer .bodyText { font-family: arial, helvetica; font-size:14px; color: #073769; line-height: 14pt; margin-left:1px; } .textContainer .button { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; text-align: center; padding: 9px 20px; border-radius: 3px; background-color: #004990; font-size: 20px; color: #fff; width: 100px; margin-top: 15px; margin-left:1px; } @media (min-width: 1281px) { .tab { margin-top: 0px !important; } } .collapsible > h3 { cursor: pointer; } .collapsible > .content { overflow: visible; } .collapsible[aria-expanded="false"] > .content { max-height: 0; visibility: hidden; } #content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible { background-color: #fff; border-radius: 5px; transition: background-color .2s; } .linkWidget.collapsible { background-color: #fff; margin: 20px 10px 10px 20px; } #content .collapsible > h3, .categoryNavWidget.collapsible > h3, .linkWidget > h3 { position: relative; color: #333; font-size: 1.25em; line-height: 2.25em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; overflow: hidden; outline: none; padding: 0 0 0 25px; } #content .collapsible > .header, .categoryNavWidget.collapsible > .header, .linkWidget > .header{ font-size: 17px; } #content .collapsible > h3:before, .categoryNavWidget.collapsible > h3:before , .linkWidget.collapsible > h3:before { content: url("../../images/responsive/rwdUI.png"); position: absolute; top: -27px; left: -58px; clip: rect(41px,78px,58px,61px); } #content .collapsible[aria-expanded="false"] > h3:before, .categoryNavWidget.collapsible[aria-expanded="false"] > h3:before , .linkWidget[aria-expanded="false"] > h3:before { left: -29px; clip: rect(41px,58px,58px,41px); } #content .collapsible > .content > ul, .linkWidget > .content > ul { margin: 0; padding:0; background-color: #ffffff; list-style-type: none; } .linkWidget > .content > ul li { width: 100%; display: block; margin-bottom: 15px; } #attachmentPaginationContainer .attachment > .attachment { float: left; max-width: 100px; padding-top: 2px; padding-right: 15px; } #attachmentPaginationContainer .attachment > .attachment > .description { padding-left: 2px; } #attachmentPaginationContainer .header { text-transform: capitalize; font-size: 14px; } .searchAssocAssets .showDetails { font-size: 10px; text-transform: uppercase; line-height: 16px; } .searchAssocAssets { margin-top: 7px; background-color: transparent !important; padding: 0px !important; border-radius: 0px !important; transition: background-color .2s; } .searchAssocAssets[aria-expanded="true"] > a > .arrow { width: 15px; margin: 5px 3px 0px 0px; background-position: -241px -41px; } .searchAssocAssets > a > .arrow { float: left; background: url('../../images/responsive/rwdUI.png') no-repeat; width: 10px; height: 10px; margin: 2px 5px 0px 3px; background-position: -221px -41px; } .searchAssocAssets > .product_attachment { position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: 99; } .searchAssocAssets > .product_attachment .item_spacer_5px { border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; padding-bottom: 10px; } .searchAssocAssets > .product_attachment > .icon { float: left; margin-right: 5px; } .searchAssocAssets > .product_attachment > .details p { color: #666666; font-size: 14px; line-height: 14px; margin-left: 10px; margin-top: 10px; text-align:left; text-transform: capitalize; } .product_page_content #productSlot56 { float: none; } .product_page_content .tab > .content { clear: both; font-size: 12px; padding-top: 20px; padding-bottom: 20px; padding-left: 17px; padding-right: 17px; color: #4D4D4D; line-height: 22px; } .product_page_content .tab > .content > div { padding-bottom: 10px; } .product_page_content .tab > .content > ul { padding-top: 2px; padding-left: 25px; padding-bottom: 10px; } .product_page_content .content .merchandisingAssociationWidget .product_info ul { padding-left: 0px; float: left; width: 100%; } .product_page_content .content .merchandisingAssociationWidget .product_info .product_option .button { width: 97%; min-height: 0px; line-height: normal; padding-bottom: 7px; padding-top: 6px; word-wrap: break-word; position: relative; display: inline-block; vertical-align: middle; } .product_page_content .content .merchandisingAssociationWidget .product_info .selectWrapper { width: 90%; box-sizing: border-box; -moz-box-sizing: border-box; } .product_page_content .content .merchandisingAssociationWidget .product_info .selectWrapper .dijitSelect { width: 100%; min-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .product_page_content #productSlot56 > div:nth-child(2) { border-bottom: none; display: table-cell; display: -moz-groupbox; } .product_page_content .widget_product_image_viewer > .content { float: right; padding-bottom: 20px; } .product_page_content .widget_product_image_viewer .image_container { border-bottom: 1px dotted #767676; width: 95%; } div.widget_product_image_viewer { width: 100%; margin-bottom: 30px; } .widget_product_image_viewer .image_container > img { width: 100%; float: left; max-width: 402px; max-height: 622px; margin-right: 140px; } .definingAttributes { padding-bottom: 5px; font-size: 14px; } .definingAttributes .attBorder { border-top: 1px solid #e5e5e5; } .definingAttributes .color_swatch_label { display: inline-block; padding-top: 10px; } .definingAttributes > div:first-child { padding-top: 0px; border-top: none; } .definingAttributes div[id^="swatch_selection_"] { display: inline-block; } .color_swatch_list { line-height: 35px; } .color_swatch_list > ul, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list > ul { padding: 0; } .color_swatch_list > ul > li, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list > ul > li { width: 34px; text-align: center; } .color_swatch_list .color_swatch, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch { border-radius: 100%; box-shadow: 0 0 0 1px #e5e5e5; vertical-align: middle; } .productDescDropMerch { margin-top: 7px; background-color: transparent !important; padding: 0px !important; border-radius: 0px !important; } .productDescDropMerch > a > .showDetails { font-size: 12px !important; font-weight: bold; color: #767676 !important; line-height: 21px !important; } .productDescDropMerch .product_info { margin: 0px 0px 0px 0px; } .productDescDropMerch .product_info > .header { font-size: 14px; } .productDescDropMerch .product_info .quantity_section { margin-top: 0px !important; } .productDescDropMerch .product_info > .product_description { margin-top: 5px; margin-bottom: 5px; font-size: 12px; } .productDescDropMerch .product_info > .product_description > .sku { font-size: 10px; color: #777; } .productDescDropMerch > a > .arrow { float: left; background: url("../../images/responsive/rwdUI.png") no-repeat; width: 15px; height: 15px; margin: 3px 5px 0 3px; background-position: -80px -40px; } .productDescDropMerch[aria-expanded="true"] > a > .arrow { background-position: -100px -40px; } #widget_coordinate .list_mode .product > .product_image_merch { position: relative; width: 100%; margin: 0px; } #widget_coordinate .list_mode .product > .product_name_merch { font-size: 16px; color: #767676; height: 90px; } div.product_listing_container .list_mode .product .product_info > .product_color_swatches { clear: left; overflow: hidden; } .product_listing_container div.col { padding-top: 20px; } .product_listing_container .list_mode .product { float: left; max-width: 100%; } .product_listing_container .list_mode .product .product_info > .product_option { margin-top: 7px; } .color_swatch_list .color_swatch_disabled, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_disabled { border-radius: 100%; box-shadow:0 0 0 1px #c1c1c1; vertical-align: middle; cursor: default; } .color_swatch_list .color_swatch_selected, .color_swatch_list .color_swatch:hover, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_selected, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch:hover { border-radius: 100%; box-shadow: 0 0 0 3px #fac549; vertical-align: middle; } .namePartPriceContainer h1{ font-size: 22px; line-height: 24px; } .namePartPriceContainer h2{ font-size: 13px; color:#000000; padding-left: 24px; line-height:30px; } div.namePartPriceContainer > .print_section{ float: right; line-height: 16px; font-size: 11px; text-decoration: none; cursor: pointer; } div.namePartPriceContainer > .print_section > span{ float: right; } div.namePartPriceContainer > .print_section > .print_icon{ float: right; margin-right: 10px; background: url('../../images/colors/color1/widget_product_info/print_icon_sprite.png') no-repeat; height: 16px; width: 16px; } div.namePartPriceContainer > .print_section:hover span{ text-decoration: underline; } div.namePartPriceContainer > .print_section:hover > .print_icon{ background-position: 0px -16px; } div.namePartPriceContainer h1.main_header{ font-size: 28px; color: #767676; line-height: 32px; display:block; padding: 0px; } div.namePartPriceContainer > .not_available{ font-size: 13px; color: #767676; line-height: 16px; font-style:italic; } /* DevStart: removed id #price_display since there can be multiple price in the same page */ div.namePartPriceContainer > div > span.configured{ font-size:16px; color: #4d4d4e; line-height: 18px; margin-top:-2px; float: left; } div.namePartPriceContainer > div > span.old_price{ font-size:16px; color: #767676; line-height: 18px; float: left; text-decoration: line-through; margin-right: 4px; /* Dev: provides space after list price and before offer price */ } div.namePartPriceContainer > div > span.price{ font-size:16px; color: #CA4200; line-height: 18px; font-weight: bold; display:block; } div.namePartPriceContainer > span.sku { font-size:10px; line-height: 12px; color: #767676; display: inline-block; margin-top: 12px; margin-bottom: 10px; } div.namePartPriceContainer .promotion{ font-size: 12px; color: #006ECC; text-decoration: none; } div.namePartPriceContainer .promotion:hover{ text-decoration: underline; } div.namePartPriceContainer { border-bottom: 1px solid #e5e5e5; padding-bottom: 4px; } div.namePartPriceContainer .single_star, .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star { display: block; float: left; height: 16px; width: 16px; padding-right: 3px; margin-top: 3px; background: url("../../images/colors/color1/star_rating.png") no-repeat 0 0; } div.namePartPriceContainer .single_star:hover, .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star:hover { background-position: 0px -16px; } div.namePartPriceContainer > div.star_ratings { padding-top: 1px; padding-bottom: 7px; } div.namePartPriceContainer > div.star_ratings > span.reviews a, .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a{ color: #006ecc; font-size:12px; float: left; padding-left: 8px; text-decoration: none; line-height: 22px; } div.namePartPriceContainer > div.star_ratings > span.reviews a:hover, .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a:hover{ text-decoration: underline; } div.namePartPriceContainer div.star_ratings div.stars, .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings div.stars { float: left; } .widget_product_info_viewer > .top .social{ padding-top: 4px; } .product_text{ padding-top: 11px; line-height: 20px; } .product_text .recurring{ margin-top: 5px; } .product_text .recurring:hover .recurring_text{ text-decoration:underline; cursor:pointer; } .product_text .recurring .recurring_icon{ height: 13px; width: 13px; background: url("../../images/colors/color1/widget_product_info/recurring_icon.png"); background-repeat: no-repeat; float: left; } .product_text .recurring .recurring_text{ float: left; margin-left: 3px; font-size: 12px; color: #006ECC; text-decoration:none; } .product_text > .subscription > .icon{ height: 13px; width: 9px; background: url('../../images/colors/color1/widget_product_info/subscription_icon.png'); float: left; } .product_text > .subscription > a{ font-size: 12px; text-decoration: none; color: #0030df; margin-left: 5px; } .product_text p { line-height: inherit; font-family:Arial, Helvetica, sans-serif; } .product_text strong { margin-right:5px;} .product_text ul { padding-left: 14px; list-style-type:disc; } .product_text ul li{ color:#4d4d4d; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height: inherit; } .color_and_size{ padding-top: 11px; padding-bottom: 11px; float:left; } .options_dropdown select{ height: 23px; /* Dev: to override legacy css style */ width: 164px; } .check_size_chart{ color: #006ECC; float: left; font-size: 12px; text-decoration: none; } .product_listing_container .list_mode .product > .product_info > .product_option .button_secondary { margin-top: 7px; } .widget_product_info_viewer > .product_options .color_and_size .heading, .widget_product_info_viewer > .product_options .color_and_size .header{ font-size:14px; } .widget_product_info_viewer > .product_options .color_and_size .vertical_divider{ height: 11px; width: 1px; background: #e5e5e5; margin-left: 13px; margin-right: 13px; margin-top: 7px; } .color_swatch_list ul li, div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li { display: block; float: left; margin: 0 10px 10px 0; cursor: pointer; } .quantity_discount, div#widget_package_summary .quantity_discount, div.widget_bundle_package_list .quantity_discount{ font-size: 14px; color: #767676; line-height: 16px; } div#widget_package_summary .quantity_discount{ margin-bottom: 12px; } .quantity_discount > p > span.price, div#widget_package_summary .quantity_discount > p > span.price, div.widget_bundle_package_list .quantity_discount > p > span.price{ color: #CA4200; } .quantity_section > .quantity_input{ width: 38px; height: 36px; border: 1px solid #d0d0d0; border-left: 0; border-right: 0; float:left; border-radius:0; display: flex; align-items: center; justify-content: center; color: #333333; font-size: 1.063em; -webkit-appearance: none; } .quantity_section > .quantity_input:focus { outline: none; } .quantity_section > .qty_error{display:none;} .qty_errorMax { padding-top: 8px; padding-bottom: 4px; float: left; margin-left: 20px; width: auto; color: #cc0033; font-size: 1em; visibility: hidden; } @media (max-width: 600px) { .quantity_section{ padding-bottom: 0px; } .qty_errorMax { padding-top: 0px; width: 140px; font-size: 0.75em; color: #cc0033; margin-bottom: 6px; } } @media (min-width: 601px) and (max-width: 1280px) { div.widget_title_container{margin-bottom:10px;} .quantity_section{ padding-bottom: 0px; } .qty_errorMax { padding-top: 0px; width: 45%; font-size: 0.75em; color: #cc0033; margin-bottom: 6px; position: relative; top: 13px; } .grid_mode.grid .estore_product_container .product_info .product_add .qty_errorMax { font-size: 0.8em; width: 100px; left: 110px; } } .widget_product_info_viewer > .product_options .divider{ height: 1px; background-color:#E5E5E5; } #widget_package_summary > .left_border > .right_border > .content > .item > .available { float: none; padding-bottom: 20px; } .available .header, .product_listing_container .list_mode .product > .available .header, #widget_package_summary > .left_border > .right_border > .content > .item > .available .header { font-size:14px; line-height: 17px; } .available .sublist, .product_listing_container .list_mode .product > .available .sublist, #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist { line-height: 14px; } .available .sublist .text, .product_listing_container .list_mode .product > .available .sublist .text, #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist .text { font-size: 12px; } .available .sublist a.store_name, .product_listing_container .list_mode .product > .available .sublist a.store_name, #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a.store_name { font-size: 12px; color: #006ECC; padding-left: 14px; text-decoration: none; } .available .sublist a:focus.store_name, .available .sublist a:hover.store_name, .product_listing_container .list_mode .product > .available .sublist a:hover.store_name, #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a:hover.store_name { text-decoration: underline; } .available ul, .product_listing_container .list_mode .product > .product_info > .available ul, #widget_package_summary > .left_border > .right_border > .content > .item > .available ul { list-style-image:url("../../images/colors/color1/widget_product_info/checkmark_icon.png"); } .available .instore_sublist, .product_listing_container .list_mode .product > .available .instore_sublist, #widget_package_summary > .left_border > .right_border > .content > .item > .available .instore_sublist { margin-left: 40px; font-size:12px; line-height: 17px; } .available a.check_stores, .product_listing_container .list_mode .product > .available a.check_stores, #widget_package_summary > .left_border > .right_border > .content > .item > .available a.check_stores { color: #006ECC; float: left; width: 90%; font-size: 12px; margin-left: 15px; text-decoration: none; cursor:pointer; } .available a:focus.check_stores, .available a:hover.check_stores, .product_listing_container .list_mode .product > .available a:hover.check_stores, #widget_package_summary > .left_border > .right_border > .content > .item > .available a:hover.check_stores { text-decoration: underline; } .available { padding: 11px 0px; width: 100%; border-bottom: 1px solid #e5e5e5; float: left; } .available > .text { font-size: 12px; padding-left: 16px; } .available > .sublist { max-width: 130px; float: left; padding-top: 4px; padding-left: 15px; padding-bottom: 10px; } .available .subHeading { float: left; color: #666; font-size: 12px; line-height: 14px; padding-top: 4px; padding-left: 15px; padding-bottom: 10px; } .available .availabilityBorder { margin-left: 15px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .widget_product_info_viewer > .product_options .left_column{ padding-top: 16px; float: left; padding-right: 12px; } .left_column .quantity_section{ margin-bottom: 6px; } .left_column .quantity_section .header{ font-size: 16px; line-height: 36px; padding-right: 10px; } .widget_product_info_viewer > .product_options .right_column{ padding-top: 16px; } .widget_product_info_viewer > div.social_commerce{ padding-top: 11px; padding-bottom: 6px; border-top: 1px solid #E5E5E5; } .widget_product_info_viewer > div.social_commerce .social{ padding-right: 14px; } .widget_product_info_viewer > div.social_commerce .social .social_icon{ margin-right: 5px; height: 25px; } .widget_product_info_viewer > div.social_commerce .social .divider{ width: 1px; height: 24px; background: #e5e5e5; margin-right: 12px; margin-left: 7px; } .widget_product_info_viewer > div.social_commerce .send_and_print{ height: 24px; line-height: 1px; border-left: 1px solid #e5e5e5; padding-left: 14px; } .widget_product_image_viewer > .content > .other_views { margin-right: 15px; border-bottom: 1px dotted #eeeeee; margin-top: 1px; position: relative; height: 100%; } .widget_product_image_viewer > .content > .other_views > .other_views_text { padding: 0 5px 0 5px; background: #eee; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; font-size: 12px; float: left; } .widget_product_image_viewer > .content > .other_views > ul { display: table; padding-left: 0px; } .widget_product_image_viewer > .content > .other_views > ul > li { list-style: none; float: left; width: 94px; height: 94px; text-align: center; border: 1px dotted #e5e5e5; } .widget_product_image_viewer > .content > .other_views > ul > li.selected { border: 1px solid #FAC549; } .widget_product_image_viewer > .content > .other_views > ul > li > a > img{ height: 100%; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_image img { max-width: 60%; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content form input { width: auto; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_secondary .button_text { min-width: 45px; } .shopperActions .dropdown_list { top: 31px; min-width: 270px; z-index: 1000; } .shopperActions .dropdown_list .created_list_wrapper { width: auto; } .shopperActions .dropdown_list .message { font-style: italic; padding: 6px; border-bottom: 1px solid #e4e4e4; line-height: 14px; } .shopperActions .dropdown_primary { background: linear-gradient(rgb(255, 255, 255), rgb(229, 232, 233) 100%); border-width: 1px; border-style: solid; border-color: rgb(191, 191, 191); border-radius: 4px; position: relative; /* width: 97%; */ max-width: 270px; min-height: 29px; height: 100%; } .shopperActions .dropdown_primary > a { padding-bottom: 1px; font-size: 14px; text-align: center; color: rgb(50, 50, 50); min-width: 200px; width: 100%; } .shopperActions .dropdown_primary > .drop { height: 100%; width: 30px; border-left: 1px solid rgb(191,191,191); line-height: 29px; right: 0; position: absolute; } .shopperActions .dropdown_primary > .drop > a { padding-left: 9px; display: block; vertical-align: middle; height: 100%; } .shopperActions .dropdown_primary > .drop div { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .shopperActions .dropdown_primary .shoppping_list_content { position: relative; display: inline-block; vertical-align: middle; width: 65%; padding-bottom: 5px; padding-top: 5px; word-wrap:break-word; } /* Basket Favourites Button START */ .basket_product_image .pdp_favourites_section{float:left;} .basket_product_image img {float: left;} .basket_product_image .pdp_favourites_section .dropdown_primary { background: transparent none repeat scroll 0 0; border-color: rgb(191, 191, 191); border-radius: 0px; border-style: solid; border-width: 0px; height: 100%; left: auto; max-width: 185px; min-height: 35px; position: absolute; top: auto; width: 97%; right:auto; } .basket_product_image .pdp_favourites_section .dropdown_primary > a { color: rgb(50, 50, 50); font-size: 14px; height: 40px; left: -55px; padding: 0; position: initial; text-align: left; width: 40px; } .basket_product_image .pdp_favourites_section #overlay{z-index:0 !important;} .basket_product_image .pdp_favourites_section .favourite_signinOverlay{ background: #fff none repeat scroll 0 0; font-size: 0.875em; left: 50%; position: absolute; top: 36.5%; width: 430px; z-index: 3000; padding:10px; bottom:auto; transform: translate(50%, -28%); } .basket_product_image .pdp_favourites_section .favourite_signinOverlay a.close-btn { background: #d0d0d0 none repeat scroll 0 0; border-radius: 50px; color: #ffffff; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.5em; height: 35px; line-height: 33px; margin-right: 3%; outline: medium none; position: absolute; right: 0; text-align: center; top: 0.5em; width: 35px; } .basket_product_image .pdp_favourites_section .favourite_signinOverlay h2{ text-align:center; font-size:1.4em; } .basket_product_image .pdp_favourites_section .favourite_signinOverlay .message{ padding:10px; text-align:center; } .basket_product_image .pdp_favourites_section .dropdown_list{z-index:20;border:none;} .basket_product_image .pdp_favourites_section .favourite_signinOverlay .created_list { background: #004990 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; cursor: pointer; display: block; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.1em; line-height: 11px; margin: 15px auto 0; overflow: hidden; padding-bottom: 12px; padding-top: 12px; text-align: center; width: 60%; padding-left:0; } .basket_product_image .pdp_favourites_section .favourite_signinOverlay .created_list:hover{ background-color: #b2c6dd; color: #004990; } .basket_product_image .pdp_favourites_section .favourite_signinOverlay .created_list:active{ background-color: #000000; color: #ffffff; } .basket_product_details .space_adjust{position:relative;left:25px;top:-3px} .favourite_selectedOverlay{ background: #fff none repeat scroll 0 0; font-size: 0.875em; left: 50%; padding: 10px 0; position: absolute; top: 26.5%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: ttranslate(-50%, -50%); width: 350px; z-index: 3000; } .favourite_selectedOverlay .header{ padding: 19px 10px 13px 29px; text-align: center; width: 250px; } @media (max-width: 600px) { .basket_product_image .pdp_favourites_section { float: none; } .basket_product_details .space_adjust{position:relative;left:0px } .basket_product_image img {margin-bottom: 0;} .basket_product_image .pdp_favourites_section .dropdown_primary {position:relative;left: auto;right: auto;top: auto; width: 100%;} .basket_product_image .pdp_favourites_section .dropdown_primary > a{position: initial;width:100%} .basket_product_image .pdp_favourites_section .favourite_signinOverlay { left: inherit; transform: translate(0%, -50%); width: 290px; } } @media (min-width: 601px) and (max-width: 1280px) { .basket_product_details .space_adjust{position:relative;left:40px;} .basket_product_image .pdp_favourites_section .dropdown_primary {left: auto;padding:0;right: auto;} .basket_product_image .pdp_favourites_section .favourite_signinOverlay {left:auto;transform: translate(20%); } #shoppingListItemAddedPopup{top:20% !important;} .basket_product_details .plus_quantity, .minus_quantity, .minus_quantity_trash, .basket_quantity { width: 35px; } .basket_product_details .space_adjust h3 { max-width: 86%; } } @media (min-width: 601px) and (max-width: 768px) { .basket_product_image .pdp_favourites_section .dropdown_primary {left: auto;top:auto;} } /* Basket Favourites Button END */ .errorMessage{color:#CC0033;font-family:arial;position:relative;margin-top:10px;margin-left:55px} .errorMessage .errorMessageContainer{} .errorMessage .errorMessageContainer .warning_icon { display: inline-block; font-size: 18px; left: -30px; position: absolute; top: -1px; } .errorMessage .errorMessageContainer p{color:#CC0033;font-size: 0.8em;font-weight: bold;} @media (max-width: 600px) { .errorMessage{margin-left:40px} } @media (min-width: 601px) and (max-width: 1280px) { .errorMessage{margin-left:30px} } /* Favourites section START */ #favourites_container #favourite_icon_heart .heart-icon{ background: url("../../images/heart-icon-sprite.png") no-repeat scroll 0px -34px / 34px 129px; padding-left: 45px; width: auto; height: auto; overflow: hidden; line-height: 1.5em; } #favourites_container #favourites_section_content{margin:0 auto;width:97%;overflow:hidden;} #favourites_container .my_account_favourites { float: left; font-size: 14px; width: 100%; } #favourites_container .my_account_favourites .favourite_empty p{ text-align:center; padding:5px 0; } #favourites_container .my_account_favourites .favourite_empty p a{ text-decoration: underline; display:inline-block; padding-top:10px; } #favourites_container .header_section { width: 100%; position: relative; } #favourites_container .header_section h2 { /*color: #004990; margin: 10px 0 0; text-align: center; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; font-size:1.56em;*/ } #favourites_container .addAllBasketBtn{display:none;} #favourites_container #add_all_basket { max-width: 300px; width: 90%; } #favourites_container .fav_links_section{ margin:20px 0 20px 0; overflow:hidden; border-bottom:1px solid #d0d0d0; padding-bottom:20px; width:97% } #favourites_container .favourite_controls{width:97%;clear:both;overflow: hidden;} #favourites_container .fav_links_section .left{width:50%;} #favourites_container .fav_email_links { background: transparent url("../../images/boots/ico-sep.svg") no-repeat scroll 104px 11px / 2px 21px; height:29px; } #favourites_container .fav_email_links a{padding:0 10px 0 5px; text-decoration:underline;position:relative;top:10px;font-size:.9em;} #favourites_container span.subheader_text{font-size:.9em;} #favourites_container #favourites_email_overlay { width: 320px; position:fixed; left:40%; top:5%; background:#ffffff; z-index:5000; display:none; color:#333333; transform: translate(0%, -5%); overflow-x: hidden; overflow-y: auto; height: 100%; } #favourites_container #favourites_confirmation_overlay{ background: #ffffff none repeat scroll 0 0; color: #333333; left: 35%; margin: auto; position: absolute; top: 5%; transform: translate(0%, -5%); width: 30%; display:none; z-index: 5000; } #favourites_container #favourites_confirmation_content{ color: #59677d; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 0.85em; margin: auto; padding: 30px 10px 20px 10px; width: 70%; text-align: center; } #favourites_container #favourites_confirmation_content > p{ padding:20px 0; } #favourites_container #favourites_email_overlay label{ color:#333333; font-size: 0.85em; font-weight: bold; } #favourites_container #favourites_email_overlay .header_text{ margin-bottom:15px; } #favourites_container #favourites_email_overlay .wishlist_side_space input, #favourites_container #favourites_email_overlay .wishlist_side_space textarea{ -moz-appearance: none; background-color: white; border-color: #e5e5e5; border-radius: 2px; border-style: solid; border-width: 0.09em; height: 2.4em; margin: 0 0 10px 0; padding: 0 0.8em; width: 91%; } #favourites_container #favourites_email_overlay .wishlist_side_space textarea{ height: 5em; padding-top:5px; } #favourites_container #favourites_email_overlay .wishlist_side_space .button{ width:93.2%; } #favourites_container #favourites_email_overlay .wishlist_side_space .message_copy{font-weight:normal;padding-left:5px;} #favourites_container #favourites_email_overlay .required-field{ font-size:.85em; color:#333333; line-height:4em; } #favourites_container #favourites_email_content .overlay_checkout_form{position:relative;top:-10px;} #favourites_container #favourites_email_content { color: #59677d; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: .85em; margin: 0 15px; padding: 0; width: 91%; } #favourites_container #favourites_email_overlay h2 { color: #004990; margin: 10px 0 0; text-align: center; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; font-size:1.56em; } #favourites_container #favourites_email_overlay #errorMessage p { font-size:.97em; } #favourites_container #favourites_email_overlay #errorMessage #errorMessageContainer { margin-bottom: 0px; padding-bottom: 0; } #favourites_container #favourites_email_overlay .error label{ color:#c03; } .favourite_content_section .estore_product_container .product_info .compare_target > label{text-transform:none;} #favourites_container #favourites_email_overlay .error input{ border:1px solid #c03; border-radius: 2px; } .favourite_content_section #four-grid-wishlist .item { width: 240px; } .favourite_content_section #four-grid, #four-grid-wishlist, #four-grid-espot{ margin-bottom: 40px; overflow: hidden; padding: 0 10px 0 0 } .favourite_content_section #four-grid-wishlist .img { height: auto; text-align: center; width: auto; } .favourite_content_section .estore_product_container .product_info .product_name a{text-align:center;} .favourite_content_section .product_listing_container .list_mode .estore_product_container .product_image{margin-right:20px;} .estore_product_container .product_image .product_favourited_delete { border: 1px solid #d0d0d0; border-radius: 2px; font-family: "ElegantIcons"; height: 40px; position: absolute; right: 15px; top: 15px; width: 40px; background-image: url("../../images/responsive/trash_active.png"); background-position: center center; background-repeat: no-repeat; background-size: 14px 20px; cursor: pointer; font-size: 0; } .estore_product_container .product_image .product_favourited_delete span:before{ /*content: "\e07d";*/ line-height:38px; font-size:1.4em; color:#333; } .estore_product_container .product_add .product_favourited_delete { border: 1px solid #d0d0d0; border-radius: 2px; font-family: "ElegantIcons"; height: 38px; position: absolute; right: -51px; top: 15px; width: 38px; text-align:center; background-image: url("../../images/responsive/trash_active.png"); background-position: center center; background-repeat: no-repeat; background-size: 14px 20px; cursor: pointer; font-size: 0; } .estore_product_container .product_add .product_favourited_delete span:before{ /*content: "\e07d";*/ line-height:38px; font-size:1.4em; color:#333; } #favourites_section_content .list_mode .estore_product_container .product_info .product_price span.price{font-size:.6em !important;} #favourites_section_content .estore_product_container .image{padding-top:40px;} #favourites_section_content .estore_product_container .product_info .product_price span.price { color: #999999; font-size: .49em !important; font-weight: normal; padding: 0 0 0 0; } #favourites_section_content #four-grid-wishlist .item .price{ font-size: medium; } .favourite_product_delete_overlay { background: #ffffff none repeat scroll 0 0; color: #333333; display: none; left: 30% !important ; position: fixed; top: 10%; transform: translate(10%, 50%); width: 425px; z-index: 5000; } .favourite_product_delete_overlay h2{ font-size:1.2em; color:#333; } .favourite_product_delete_overlay .content{ padding:15px; } .favourite_product_delete_overlay .content .body{ text-align:center; padding:15px; font-family:.9em; } .favourite_product_delete_overlay .content .button_container{margin:10px auto 5px;} .favourite_product_delete_overlay .content .button_container .button.primary{ max-width:185px; float: right; } .favourite_product_delete_overlay .content .button_container .button.tertiary{ max-width:185px; margin-right:15px; } .checkbox_common{padding-bottom:8px;} .checkbox_common span.checkbox_section {width:auto;border:none;display:inline-block;} .checkbox_common span.checkbox_section label{display:inline-block;font-weight:normal;font-size:.8em;} .checkbox_common span.checkbox_sectiont input[type="checkbox"]{border:1px solid #d0d0d0;-moz-appearance:none; -webkit-appearance:none;-o-appearance:none;} .checkbox_common span.checkbox_section label {display: inline-block;position: relative;cursor:pointer; /* needed for checkbox absolute positioning */ } .checkbox_common span.checkbox_section label > input[type="checkbox"] { display: block;position: absolute; /* remove it from the flow */ width: 100%; height: 100%;margin: -.5rem; /* negative the padding of label to cover the "button" */cursor: pointer;opacity: 0; /* make it transparent */ z-index: 666; /* place it on top of everything else */} .checkbox_common span.checkbox_section label > input[type="checkbox"] + span {display: inline-block;width: 15px;height: 15px;border: 1px solid #d0d0d0;margin-right: 0px;top:3px;position:relative; color: #004990;} .checkbox_common span.checkbox_section label > input[type="checkbox"]:checked + span:after { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; -webkit-padding-before: 4px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .checkbox_common span.checkbox_section label > input[type="checkbox"]:checked + span:after {position: relative;top:-4px;} } #productPageAdd2Cart { line-height: 38px; } .button.primary:focus #productPageAdd2Cart { line-height: 36px; } @media (max-width: 600px) { #favourites_container #favourite_icon_heart .heart-icon{ padding-left:40px; } #favourites_container #favourites_email_overlay { left: 0; top: 5%; right: 0; bottom: 0; overflow-y: auto; width: 100%; height: 100%; background: none; margin: 0; padding: 0; } #favourites_container #favourites_email_overlay .wishlist_side_space input, #favourites_container #favourites_email_overlay .wishlist_side_space textarea { width: 92%; } #favourites_container #favourites_email_overlay #favourites_email_content { margin: 0 auto; display: block; width: 90%; background: #fff; position: relative; padding: 10px 15px; } #favourites_container #favourites_email_overlay .wishlist_side_space .button { width: 100.2%; } #favourites_container .fav_email_links { background: none; float: none; height: 29px; } #favourites_container .fav_email_links a + a { float:right; } #favourites_container .fav_links_section .left { float: none; width: auto; } #favourites_container #add_all_basket { max-width: none; width: 98%; } .favourite_content_section .product_listing_container .list_mode .estore_product_container{ min-height:350px; } .favourite_content_section .product_listing_container .list_mode .product_add .button.primary { /*max-width: 35%;*/ width: calc(100% - 173px); bottom:auto; } .favourite_content_section .estore_product_container .product_add .product_favourited_delete{ right: -2%; top:69px; } .favourite_product_delete_overlay .content .button_container .button.tertiary{ max-width:100%; margin-right:2px; margin-top:15px; } .favourite_product_delete_overlay .content .button_container .button.primary { max-width: 100%; } .favourite_product_delete_overlay { background: #ffffff none repeat scroll 0 0; color: #333333; display: none; left: 10% !important; position: fixed; top: 10%; transform: none; width: 80%; z-index: 5000; } #favourites_container .favourite_controls .view_controls{display:none;} #favourites_container .favourite_controls{border-bottom:1px solid #d0d0d0;padding-bottom:10px;} #favourites_container #favourites_confirmation_overlay{ width:90%; left: 5%; } #horizontal_grid{padding:0;} .favourite_content_section .product_listing_container .list_mode .estore_product_container .product_image{margin-right:35px;} #favourites_container #favourites_email_overlay .wishlist_side_space input{/*height:1.75em;*/} #favourites_container #favourites_email_overlay .wishlist_side_space textarea{height:4em;} } @media (min-width: 601px) and (max-width: 1280px) { #favourites_container #favourites_.favourite_content_section .product_listing_container .list_mode .estore_product_container .confirmation_overlay{ width:35%; left: 35%; } .favourite_content_section .product_listing_container .list_mode .estore_product_container{ min-height:350px; } .favourite_content_section .product_listing_container .list_mode .product_add .button.primary { max-width: 30%; } .favourite_content_section .estore_product_container .product_add .product_favourited_delete{ right: -13px; top:16px; } .favourite_content_section .product_listing_container .list_mode .product_add .button.primary { bottom: initial; position: absolute; right: 48px; width: 30%; } .favourite_product_delete_overlay { left: 23% !important; position: fixed; top: 10%; } #horizontal_grid{ padding:0px; } } @media (min-width: 601px) and (max-width: 767px) { .product_fav_dele{ top: 68px !important; right: 0px !important; } #horizontal_grid .product_info .product_price{ padding:10px 18px !important; } #horizontal_grid .product_info .product_price span.price{ padding:0 0 0 20px !important; } } @media (max-width: 600px) { #horizontal_grid .product_info .product_price{ padding:10px 18px !important; } #horizontal_grid .product_info .product_price span.price{ padding:0 0 0 20px !important; } /*.product_listing_container .list_mode .product_add .button.primary{bottom:-53px;}*/ .product_listing_container .list_mode .product_add .qty_errorMax{ position:relative;top: 7px;} } /* Favourites section END */ div#purchase_options input { vertical-align: middle; } .productSpecTable { font-size: 12px; padding: 10px; } .specTableHeading { border-bottom: 1px solid #999; padding: 10px 10px 10px 0px; } .specTableHeading h1 { font-weight: bold; font-size: 12px } .specTableRow { padding: 5px; border-bottom: 1px dotted #ccc; } .productSpecs { font-size: 12px; padding: 10px; } #productSpecsTab { padding: 10px !important; } .widget_bundle_package_list { margin-right: 0px !important; } .widget_bundle_package_list .widget_product_listing { width: 100%; } .widget_bundle_package_list .list_mode { border: 1px solid #e9e9e9; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top: 0px !important; } .widget_bundle_package_list .product_listing_container > .list_mode .product { width: auto; padding: 12px 0px 0px 0px; border-top: 1px solid #e5e5e5; margin-bottom: 20px; color: #4D4D4D; float:none; } .widget_bundle_package_list .product_listing_container > .list_mode div:nth-child(2) { border-top: none; } .widget_bundle_package_list .product_listing_container > .list_mode .product .product_info { border-right: none; min-width: 100px; width: 85%; } .widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info { border-right: 1px solid #e5e5e5; width: 34%; padding-right: 10px; } .widget_bundle_package_list .product_listing_container > .package_mode .product .product_info { width: 58.333333%; } .widget_bundle_package_list .product_listing_container > .package_mode .product .product_info > .product_quantity_addtolist { display: none; } .widget_bundle_package_list .product_listing_container .list_mode .product > .product_info > .product_price { font-weight: normal; } .widget_bundle_package_list .product_listing_container .list_mode .product > .product_info > div:nth-child(2) { font-size: 10px; color: #767676; margin-top: 7px; margin-bottom: 7px; } .widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info > .product_description { line-height: 22px; } .widget_bundle_package_list .product_listing_container .list_mode .product { background: none; max-width: none; } .widget_bundle_package_list .product_listing_container .list_mode .product > .product_image { margin: 0px; position: relative; float: left; width: 15%; } .widget_bundle_package_list .product_listing_container .bundle_mode .product > .product_image { width: 20%; } .widget_bundle_package_list .product_listing_container .bundle_mode .product > .product_image > a{ width: 90%; } .widget_bundle_package_list .product_listing_container .package_mode .product > .product_image { width: 41.666666%; } .widget_bundle_package_list .product_listing_container .package_mode .product > .product_image > a{ width: 80%; max-width: 285px; } .widget_bundle_package_list .product_listing_container .list_mode .product > .product_info > .product_name > a { font-size: 16px; padding-bottom: 0px; line-height: 22px; } .widget_bundle_package_list .product_listing_container > .list_mode .product .available { padding: 10px; border-top: none; border-bottom: none; width: 38%; } .container_margin { margin: 0px; } .container_full_width_bundle { padding: 5px; width: 80%; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; padding-left: 20px; max-width: 330px; background: #767676; color: #fff; } .container_full_width_package { padding: 5px; width: 80%; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; padding-left: 20px; max-width: 330px; background: #ddd; color: #555; } @media (max-width: 600px) { .widget_bundle_package_list .product_listing_container > .list_mode .product .product_info { border:none; width: 58.333333%; padding: 0px; } .widget_bundle_package_list .product_listing_container .list_mode .product > .product_image { width: 41.666666%; } .widget_bundle_package_list .product_listing_container > .list_mode .product .available { border-top: 1px solid #e5e5e5; margin-left: 0px; float: none; display: block; width: auto; clear: both; } .productListingWidget { border-top: 1px solid #e9e9e9; } .tab .productListingWidget { border-top: none; } .widget_product_image_viewer > .content > .other_views > .other_views_text { display:none; } .widget_product_image_viewer > .content > .other_views > ul { padding-left: 40px; } .widget_product_image_viewer > .content > .other_views > ul > li { width: 43px; height: 50px; } .widget_product_image_viewer > .content > .other_views > ul > li img { width: 32px; height: 50px; } div.namePartPriceContainer > .print_section { display:none; } div.widget_product_image_viewer { margin-bottom: 0px; } } @media (min-width: 601px) { .productListingWidget { border: 0px solid #e9e9e9; border-radius: 5px; } .tab .productListingWidget { border: none; border-radius: 0px; } .product_page_content #productSlot56 > div:nth-child(2) { margin: 0px 5px; } } .productListingWidget > .header_bar { padding: 25px 0 30px 0; /*border-bottom: 1px solid #e9e9e9;*/ } .productListingWidget > .footer_bar { padding: 10px; border-top: 1px solid #e9e9e9; } .productListingWidget > .header_bar > .showing_products { float: left; font-size: 14px; line-height: 40px; margin-right: 0px; } .showing_products_current_range, .showing_products_total { font-weight: bold; } .productListingWidget > .header_bar > .showing_products > .num_products { font-weight: normal; text-transform: lowercase; } .productListingWidget > .header_bar:after, .productListingWidget > .footer_bar:after { content: ""; display: block; clear: both; } .controls { float: right; } .controls > * { display: inline-block; padding: 5px; } .productListingWidget > .header_bar .controls .sorting_controls, .productListingWidget > .header_bar .controls .view_controls { float: left; margin-left: 30px; padding-right: 0px; } .productListingWidget > .header_bar .controls .view_controls { float: left; margin-left: 0px; padding-left:30px; padding-right: 0px; background: transparent url("../../images/boots/ico-sep.svg") no-repeat scroll 15px 10px / 2px 20px; } .paging_controls { float: right; /*display: block;*/ display: none !important; } .sorting_view_controls_container { padding: 0; float: right; display: block; } .sorting_controls > span, .sorting_controls > span > label , .view_controls > span, .sorting_controls > span > label { font-size: 11px; vertical-align: top; } .sorting_controls > span.page_size_label, .sorting_controls > span.order_by_label { display: inline-block; width: 53px; } .page_size_label > label, .order_by_label > label { text-transform: uppercase; } .productListingWidget #orderByDropdown, .productListingWidget .orderByDropdown { margin-right: 5px; } .selectWrapper { position: relative; display: inline-block; background-color: #FFF; border: 1px solid #d0d0d0; border-radius: 3px; height: 39px; font-size: 1em; } .selectWrapper:hover { background-color: #D5E6F7; } .selectWrapper .dijitMenuTable { background-color: #ffffff; border-collapse: collapse; border: 1px solid #898989; } .selectWrapper .dijitSelect { padding: 6px; border-radius: 5px; color: #545454; font-size: 14px; cursor: pointer; min-width: 130px; } .selectWrapperPageSize .dijitSelect { min-width: 0px; } /*.selectWrapperPageSize .dijitSelect .dijitReset:first-child { display: none; }*/ .selectWrapper .dijitSelect .dijitButtonText { padding: 0 6px; } .orderByDropdown .dijitSelectLabel::before { content: 'Sort by:\0020'; } .selectWrapper .dijitSelect .dijitArrowButtonContainer, .shopperActions .dropdown_primary > .drop { overflow: hidden; } .selectWrapper .dijitSelect .dijitArrowButtonContainer:before, .shopperActions .dropdown_primary > .drop div:before { display: block; position: relative; width: 12px; height: 6px; margin: 10px 15px; float: right; top: 6px; /*left: -1px;*/ content: "4"; font: 1.5em "ElegantIcons"; transform: rotate(270deg); -webkit-transform: rotate(270deg); color: #999; } @media (max-width: 600px) { .selectWrapper .dijitSelect .dijitArrowButtonContainer:before, .shopperActions .dropdown_primary > .drop div:before { left: -9px; } } .shopperActions .dropdown_primary > .drop div:before { top: 1px; left: -2px; } .selectWrapper .dijitSelect .dijitValidationContainer, .dijitSelect .dijitArrowButtonInner { display: none; } #pageSize_menu, .pageSizeSelectMenu { width: 40px !important; position: absolute; padding-left: -2px !important; } #orderBy_dropdown > #orderBy_menu > table , .orderBySelectMenu > table , #orderByContent_dropdown > #orderByContent_menu > table , #pageSize_dropdown > #pageSize_menu > table , .pageSizeSelectMenu > table , div[id^="attrValue_"] > div[id^="attrValue_"] > table { position: relative; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; background: #FFF; z-index: 20; } #orderBy_dropdown > #orderBy_menu > table tr td, .orderBySelectMenu > table tr td, #orderByContent_dropdown > #orderByContent_menu > table tr td, #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td, div[id^="attrValue_"] > div[id^="attrValue_"] > table tr td { height: 16px; padding: 12px 0; font-size: 14px; line-height: 16px; padding-left: 5px; color: #545454; list-style: none; } #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td { padding-left: 22px; white-space: nowrap; } @media (min-width:320px) and (max-width:359px) { #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td { padding-left: 10.5px; margin-top: -1px; white-space: nowrap; } } @media (min-width:360px) and (max-width:374px) { #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td { padding-left: 16px; margin-top: -1px; white-space: nowrap; } } @media (min-width:375px) and (max-width:413px) { #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td { padding-left: 17.85px; margin-top: -1px; white-space: nowrap; } } @media (min-width:414px) and (max-width:600px) { #pageSize_dropdown > #pageSize_menu > table tr td, .pageSizeSelectMenu > table tr td { padding-left: 23px; margin-top: -2px; white-space: nowrap; } } #orderBy_dropdown > #orderBy_menu > table tr.dijitSelectSelectedOption, .orderBySelectMenu > table tr.dijitSelectSelectedOption, #orderByContent_dropdown > #orderByContent_menu > table tr.dijitSelectSelectedOption, #pageSize_dropdown > #pageSize_menu > table tr.dijitSelectSelectedOption, .pageSizeSelectMenu > table tr.dijitSelectSelectedOption, div[id^="attrValue_"] > div[id^="attrValue_"] > table tr.dijitSelectSelectedOption { background: #D5E6F7; color: #333; outline: none; } #orderBy_dropdown > #orderBy_menu > table tr.dijitMenuItemSelected, .orderBySelectMenu > table tr.dijitMenuItemSelected, #orderByContent_dropdown > #orderByContent_menu > table tr.dijitMenuItemSelected, #pageSize_dropdown > #pageSize_menu > table tr.dijitMenuItemSelected, .pageSizeSelectMenu > table tr.dijitMenuItemSelected, div[id^="attrValue_"] > div[id^="attrValue_"] > table tr.dijitMenuItemSelected { background: #D5E6F7; color: #333; outline: none; } #orderBy_dropdown > #orderBy_menu > table tr.dijitMenuItemSelected > td:nth-child(2), .orderBySelectMenu > table tr.dijitMenuItemSelected > td:nth-child(2), #orderByContent_dropdown > #orderByContent_menu > table tr.dijitMenuItemSelected > td:nth-child(2), #pageSize_dropdown > #pageSize_menu > table tr.dijitMenuItemSelected > td:nth-child(2), .pageSizeSelectMenu > table tr.dijitMenuItemSelected > td:nth-child(2), div[id^="attrValue_"] > div[id^="attrValue_"] > table tr.dijitMenuItemSelected > td:nth-child(2) { color: #333 !important; } #orderBy_dropdown > #orderBy_menu > table tr.dijitSelectSelectedOption > td:nth-child(2), .orderBySelectMenu > table tr.dijitSelectSelectedOption > td:nth-child(2), #orderByContent_dropdown > #orderByContent_menu > table tr.dijitSelectSelectedOption > td:nth-child(2), #pageSize_dropdown > #pageSize_menu > table tr.dijitSelectSelectedOption > td:nth-child(2), .pageSizeSelectMenu > table tr.dijitSelectSelectedOption > td:nth-child(2), div[id^="attrValue_"] > div[id^="attrValue_"] > table tr.dijitSelectSelectedOption > td:nth-child(2) { color: #333 !important; } /* THIS COVERS THE FILTER SIZE IN PRODUCTS LISTING PAGE { */ .dijitSearchResultSelectSizeMenu { position: absolute; padding-left: -2px !important; } .dijitSearchResultSelectSizeMenu > table { position: relative; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; background: #FFF; z-index: 20; } .dijitSearchResultSelectSizeMenu > table tr td { height: 16px; padding: 12px 0; font-size: 14px; line-height: 16px; padding-left: 12px; color: #545454; list-style: none; white-space: nowrap; } @media (min-width:320px) and (max-width:1280px) { .dijitSearchResultSelectSizeMenu > table tr td { padding-left: 10px; } } .dijitSearchResultSelectSizeMenu > table tr.dijitSelectSelectedOption, .dijitSearchResultSelectSizeMenu > table tr.dijitMenuItemSelected { background: #D5E6F7; color: #333; outline: none; } .dijitSearchResultSelectSizeMenu > table tr.dijitMenuItemSelected > td:nth-child(2), .dijitSearchResultSelectSizeMenu > table tr.dijitSelectSelectedOption > td:nth-child(2) { color: #333 !important; } @media (min-width: 601px) and (max-width: 1280px) { .dijitSearchResultSelectSizeMenu .dijitMenuItemLabel { font-size: 12px; } } @media (max-width: 600px) { .dijitSearchResultSelectSizeMenu .dijitMenuItemLabel { font-size: 0.8em !important; } } /* THIS COVERS THE FILTER SIZE IN PRODUCTS LISTING PAGE } */ .view_controls > *, .paging_controls > * { display: inline-block; vertical-align: middle; } .paging_controls > .right_arrow > img, .paging_controls > .left_arrow > img { padding: 10px; } .paging_controls > .left_arrow > img { padding-left: 0px; } .paging_controls > .right_arrow > img { padding-right: 0px; } .paging_controls > .invisible { visibility: hidden; } .paging_controls > .invisible_none { display: none; } .list_icon { display: inline-block; border: 1px solid #D0D0D0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; position: relative; overflow: hidden; padding: 11px; width: 17px; height: 17px; color: #333; float: right; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } .grid_icon { display: inline-block; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: relative; overflow: hidden; padding: 11px; width: 17px; height: 17px; color: #333; float: left; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } .grid_icon_active, .list_icon_active { background: #F7F7F7 !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } .grid_icon:before { font-family: ElegantIcons; } a.list_icon:before { content: ""; background: transparent url("../../images/boots/ico-list.svg") no-repeat 1px 1px; height: 16px; width: 15px; margin: 0; padding: 0; clip: inherit; display: block; background-size: 100% auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } div.list_icon:before { content: ""; background: transparent url("../../images/boots/ico-list-active.svg") no-repeat 1px 1px; height: 16px; width: 15px; margin: 0; padding: 0; clip: inherit; display: block; background-size: 100% auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } div.grid_icon, a.grid_icon:hover, div.list_icon, a.list_icon:hover { background-color: inherit; } a.grid_icon:before { left: -30px; clip: rect(21px,58px,38px,41px); color: #999999; } div.grid_icon:before, a.grid_icon:hover:before { left: -50px; clip: rect(21px,78px,38px,61px); } a.list_icon:before { left: -70px; clip: rect(21px,98px,38px,81px); } div.list_icon:before, a.list_icon:hover:before { left: -90px; clip: rect(21px,118px,38px,101px); } .pages > * { display: inline-block; vertical-align: middle; } .pages > ul { margin: 0; padding: 0; list-style: none; } .pages > ul > * { display: inline-block; vertical-align: middle; } .pages > ul > .active { width: 39px; background-color: #767676; border: 1px solid #a0a0a0; border-radius: 5px; color: #ffffff; line-height: 39px; text-align: center; } .controlBar .pageControl { list-style: none; } .pageControlMenu .controlBar .pageControl.number > a { margin: 0px; } .hoverover > a { display: block; width: 39px; border: 1px solid #a0a0a0; border-radius: 5px; line-height: 39px; text-align: center; } .hoverover > a:hover { background-color: #767676; color: #fff; } .grid > .col { float: left; } .grid:after { content: ""; display: block; clear: both; } .product_listing_container > .grid_mode li { padding-top: 10px; } .product { max-width: 250px; padding: 10px; margin: 0 auto; line-height: normal; } /* #cartDropdown .products{border-bottom:1px solid #edeff0;} */ .product_image { text-align: center; overflow:hidden; } .product > .product_image { overflow:visible; } .catPos >.product_image { border: 1px solid transparent; } .catPos >.product_image > a { position:relative; display:block; height: 160px; text-align: center; } .catPos > .product_image > a > img { position:relative; max-height: 160px; margin: 0 -100px; } .product >.product_image > a { display: inline-block; max-width: 100%; } .product >.product_image > a > img { display: block; margin: auto; } div.widget_sidebar_container > .left_border > .right_border > .content div.product { padding: 0px; } .product_image .imagfe { position: relative; width: 100%; } /* Default background for all ribbon ad's */ .product_image .RibbonAdDefault { position:absolute; bottom:40px; left:0; width:110px; height:20px; background-color:#2C2C2C; background: -webkit-gradient(linear, left top, right top, color-stop(0.76, rgba(68, 68, 68, 1)), color-stop(1, rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(68, 68, 68, 1) 76%, rgba(255, 255, 255, 0) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FF444444', endColorStr='#00FFFFFF')"; zoom: 1; font-size: 14px; line-height:20px; font-family: arial, Helvetica, sans-serif; color:#FFF; padding-left:10px; border-radius:3px; text-align:left; vertical-align:baseline; overflow:visible; white-space: nowrap; border: none; } .product_image .RibbonAdDefault.Exclusive { background-color:#CA4200; background: -webkit-gradient(linear, left top, right top, color-stop(0.76, rgba(202, 67, 0, 1)), color-stop(1, rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(202, 67, 0, 1) 76%, rgba(255, 255, 255, 0) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FFCA4300', endColorStr='#00FFFFFF')"; bottom: 70px; } .grid_mode .product_name { padding: 5px 0px 0px 0; height: 60px; margin-bottom: 13px; text-align: center; overflow: hidden; } .grid_mode .product_name:before { content: ""; float: left; width: 5px; height: inherit; } .grid_mode .product_name:after { content: "\02026"; font-weight: bold; box-sizing: content-box; float: right; position: relative; top: -19px; left: 100%; width: 2em; margin-left: -2em; padding-right: 5px; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white); } .grid_mode .product_name > a { float: right; width: 100%; margin-left: -5px; } .product_info > .product_name > a { display: block; color: #333 !important; font-size: 1em !important; line-height: 24px; padding-bottom: 5px; font-family: Arial; } .product_info > .product_price { color: #ca4200; font-size: 14px; font-weight: bold; } .product_info > .product_price > .old_price { color: #767676; text-decoration: line-through; } .grid_mode .product_price { padding: 5px 0px 0px 15px; min-height: 24px; } @media (min-width: 601px) and (max-width: 1280px) { .grid_mode .product_price { padding: 0px 0px 0px 0px !important; } #estores_product_listing_widget.productListingWidget > .header_bar > .showing_products, #estores_product_listing_widget .dijitSelectLabel { font-size: 12px; } #estores_product_listing_widget .selectWrapper .dijitSelect .dijitArrowButtonContainer, #estores_product_listing_widget .shopperActions .dropdown_primary > .drop, #estores_product_listing_widget .dijitSelect .dijitButtonText { padding-right: 0px; } #estores_product_listing_widget .sorting_controls .select_width, #estores_product_listing_widget .select_width.orderByDropdown .dijitSelect { min-width: auto; max-width: 140px; } #estores_product_listing_widget .selectWrapper .dijitSelect .dijitArrowButtonContainer::before, #estores_product_listing_widget .shopperActions .dropdown_primary > .drop div::before { margin-left: 0px; } .pageSizeSelectMenu .dijitMenuItemLabel, .orderBySelectMenu .dijitMenuItemLabel { font-size: 12px; } .grid_mode .estore_product_container .product_info .product_price { padding: 10px 0 0 0 !important; } } .product_info > .header { display: inline-block; font-size: 11px; } .button.primary, .button.secondary, .button.tertiary,.button.tertiary{ display: inline-block; background-color: #004990; border-radius: 3px; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; width: 100%; line-height: 36px; min-height: 36px; text-align:center; color: #ffffff; font-size:1.25em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; border: 1px solid transparent; outline: none; } .button.primary:hover {background-color: #1B355C;} .button.primary:focus{background-color:#1B355C; border-color: #CAE0F5; border-width: 2px;} .button.primary:focus > .button_text { margin-bottom: 1px; } .button.secondary { background-color: #CAE0F5; color: #004990; } .button.secondary:hover {background-color: #B5CDE7;} .button.secondary:focus {background-color: #B5CDE7; border-color: #CAE0F5; border-width: 2px;} .button.tertiary, .button.tertiary{ background-color: #fff; color: #004990; border-color: #CAE0F5; } .button.tertiary:hover {background-color: #F4F9FD;} .button.tertiary:focus {background-color: #F4F9FD; border-color: #B5CDE7; border-width: 2px;} .button.disabled, .button.disabled:hover, .button.disabled:focus, .button.disabled:active { background-color: #d0d0d0; color: #999999; cursor: default; border: 2px solid transparent; } @media (max-width: 600px) { .button.primary {max-width: 100%;} .button.primary:active {max-width: 100%;} .button.tertiary, .button.tertiary{width: 100%;} } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .button.primary {max-width: 310px;/*padding-left:20px;padding-right:20px;*/} .button.primary:active {max-width: 310px;} .orderBySelectMenu{position: relative;left: -1px;} } /** Desktop RWD-C **/ @media (min-width: 1281px) { .button.primary {max-width: 462px;} .button.primary:active {max-width: 462px;} .button.secondary {max-width: 463px;} .button.secondary:active {max-width: 463px;} .button.tertiary, .button.tertiary{max-width: 463px;} .button.tertiary:active, .button.tertiary:active {max-width: 463px;} } .orderBySelectMenu{position: relative;left: -1px;} .compare_target { display: inline-block; font-size: 9px; text-transform: uppercase; color: #5B5B5B; line-height: 15px; font-weight: bold; min-width: 90px; padding: 7px 7px 7px 9px; text-align: left; } .compare_target[data-state="2"] { padding: 0px 0px 0px 9px; } .compare_target[data-state="1"], .compare_target[data-state="2"] { background-color: #f0f0f0; border-radius: 4px; } .compare_target > input { position: relative; cursor: pointer; vertical-align: middle; top: -1px; } .compare_target > label { cursor: pointer; } .compare_target > a { display: none; padding: 7px; background-color: #767676; border-radius: 0 4px 4px 0; color: #ffffff; text-decoration: none; margin-left: 4px; padding-left: 10px; padding-right: 10px; } .compare_target[data-state="2"] > a { display: inline-block; } .compare_target_hidden { visibility: hidden; } .compareCheckboxLabels { display: none; } .catPos { width: 90%; margin: 0 auto; background: #e9e9e9; border: 1px solid #cccbcb; overflow:hidden; position: relative; border-radius: 4px; } .productListHeader { padding: 10px 20px 0 20px; } .catPos_catalog { width: 90%; margin: 0 auto; overflow:hidden; border-radius: 4px; } #quick_cart_container, #MiniShopCartProductAdded { /*left: auto !important; right: 20px !important;*/ top: 71px !important; z-index:2001!important; } #quick_cart_container > .dijitDialogPaneContent, #MiniShopCartProductAdded > .dijitDialogPaneContent { width: auto !important; height: auto !important; } div#widget_breadcrumb { font-family: 'Arial',sans-serif; font-size: 1.05em; margin: 1em 0; height: auto; line-height: normal; padding-left: 7px; } div#widget_breadcrumb > ul { padding: 0; list-style-type: none; } div#widget_breadcrumb > ul li { display: inline-block; color: #4c4c4c; margin:0; } div#widget_breadcrumb > ul li a{ text-decoration: none; color: #4c4c4c; } div#widget_breadcrumb > ul li:hover a{ text-decoration: none; } div#widget_breadcrumb > ul li.current { color: #4c4c4c; } div#widget_breadcrumb > ul span.divider, div#widget_breadcrumb > ul li.divider { font-size: 16px; line-height: 14px; margin: 0 2px 0 3px; vertical-align: middle; color: #4c4c4c; } @media (min-width: 376px) and (max-width: 414px){ div#widget_breadcrumb { display: none; } .orderBySelectMenu{margin-top: 0px;} } @media (max-width: 375px) { div#widget_breadcrumb { display: none; } .orderBySelectMenu{margin-top: -3px;} } @media (min-width: 320px) and (max-width: 320px) { div#widget_breadcrumb { display: none; } .orderBySelectMenu{margin-top: -3px;} } @media (min-width: 360px) and (max-width: 360px) { div#widget_breadcrumb { display: none; } .orderBySelectMenu{margin-top: -3px;} } /*Facets*/ .facetWidget { background:#f0f0f0; } #content .facetWidget { padding: 10px 5%; position: relative; } .title.toggle { display: none; } .facetWidget .dropdownIcon { float:left; width:16px; height:16px; background: url('../../images/responsive/rwdUI.png'); background-position: -61px -41px; margin: 3px 6px 0 0; } .facetWidget[aria-expanded="false"] .dropdownIcon { background-position: -41px -41px; } .optionContainer > .title { height: 40px; color: #545454; font-size: 14px; font-weight: bold; line-height: 40px; margin: 10px 1px 0 1px; padding:0 5%; border-radius: 5px 5px 0 0; background: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F1F1)); background: linear-gradient(#FFFFFF, #F1F1F1); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#F1F1F1')"; cursor: pointer; border-bottom: 1px solid #e3e1e1; border-top: 1px solid #e3e1e1; } .optionContainer.vertical .title { margin: 10px 5% 0 0; } .optionContainer .arrow { width: 14px; height: 14px; margin: 14px 5px 0 0; float:left; position: relative; overflow: hidden; color:#d0d0d0; } .optionContainer .arrow:before { content: url('../../images/responsive/rwdUI.png'); position: absolute; left: -101px; top: -41px; } .optionContainer .arrow_collapsed:before { left: -81px; } .facetWidget .clearAll { line-height: 22px; color: #333; position: relative; padding-bottom: 10px; text-decoration: underline; font-size: 0.7em; text-align: right; width: 100%; border-bottom: 1px solid #d0d0d0; } .facetWidget .clearAll:hover { text-decoration: underline; } .facetWidget .close { width: 15px; float: right; color: #999; height: 15px; font-size: 1em; background: none !important; } .facetWidget .close:before { font-family: "ElegantIcons"; content: "M"; } #facetFilterListWrapper > .facetSelectedCont { border-top: 1px solid #E3E1E1; border-bottom: none !important; padding-top: 10px !important; width: 100% !important; } #facetFilterListWrapper .facetSelectedCont .filter_option img { border-radius:100%; vertical-align:middle; } #facetFilterListWrapper .facetSelected { list-style: none outside none; font-size: 0.8em; line-height: 30px; margin-right: 10px; } #facetFilterListWrapper .facetSelected:hover { text-decoration: underline; } #facetFilterListWrapper .facetSelected:hover .close{ background-position: -241px -1px; } #facetFilterListWrapper .facetSelected.vertical { width:95%; } .facetSelected .close { margin: 0px 3px 0px 0px; } #facetFilterListWrapper .header { width:95%; margin:0 5% 0 0; } .facetWidget > .title, .facetWidget > .facetHeader > .title{ color:#4D4D4D; font-size:17px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align:left; cursor:pointer; float:left; position:relative; } .facetWidget .openTab { float:right; font-size: 13px; margin-right: 20px; font-style: normal; font-weight: normal; cursor: pointer; } .facetSelectContainer { background:#FFF; margin:0; padding:0 0 10px 0; border-radius:0 0 5px 5px; } .facetSelectContainer > ul { padding: 0; } .facetSelectContainer .facetSelectedHighlight { color:#CA4200; font-weight:bold; } .facetSelectContainer .facetSelect li.singleFacet { border-bottom:none; margin-bottom:2px; padding:10px 5%; text-align:center; width:30px; float:left; } .facetSelectContainer .swatch .outline > span { display:table-cell; height:34px; vertical-align:middle; } .facetSelectContainer .swatch img, .facetSelected > a > div.filter_option > span > img { border-radius:100%; vertical-align:middle; box-shadow:0 0 0 1px #E5E5E5; } .facetSelectContainer .swatch .outline.facetSelectedHighlight > span > img { box-shadow:0 0 0 3px #FAC549; } .facetSelect .swatch .outline { display:inline-block; text-align:center; } .optionContainer.vertical .facetSelectContainer { margin-right:5%; } #catSelectCont, .col12 > .facetWidget > #facetLinkSelect { margin-right: 5%; } .facetWidget #facetLinkSelect { max-height: none; overflow-y: inherit; margin-right: 20px; background: none; } #facetFilterListWrapper .facetSelect { margin-top: 0; } .facetSelect li { list-style: none; line-height: 16px; font-size: 16px; color: #565656; padding:10px 5%; border-bottom: 1px solid #e3e1e1; } .facetSelect li a { display: block; margin: -10px -5%; padding: 10px 5%; } .facetSelect li a:hover { text-decoration: underline; } .facetSelect li .facetbutton:focus {outline: inherit!important;} /* -----------------------------------------------------------------------------*/ /* ----------------filter by rating start-------------------------------------------- /* -----------------------------------------------------------------------------*/ .facet_rating { display: inline-block; content: ""; letter-spacing: 5px; font-family: 'ElegantIcons'; font-size:.90em; } .facet_rating span { font-family: arial,helvetica,clean,sans-serif; color:#333; display:none; } .rating5:before{ color:#333; content: "\e033 \e033 \e033 \e033 \e033"; } .rating5:after{ color:#999; content: ""; } .rating4:before{ color:#333; content: "\e033 \e033 \e033 \e033"; } .rating4:after{ color:#999; content: "\e033"; } .rating3:before{ color:#333; content: "\e033 \e033 \e033"; } .rating3:after{ color:#999; content: "\e033 \e033"; } .rating2:before{ color:#333; content: "\e033 \e033"; } .rating2:after{ color:#999; content: "\e033 \e033 \e033"; } .rating1:before{ color:#333; content: "\e033"; } .rating1:after{ color:#999; content: "\e033 \e033 \e033 \e033"; } .rating:before, .rating0:before{ color:#333; content: ""; } .rating:after, .rating0:after{ color:#999; content: "\e033 \e033 \e033 \e033 \e033"; } .facetSelect li a.no_line:hover { text-decoration: none; } .checkBox_bg { margin: 2px 5px 0 0 !important; background-color: #fff !important; } [data-icon]:before { font-family: "ElegantIcons"; content: attr(data-icon); font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .styled-select > span.iconed[data-icon]:before { position: absolute; font-size: 25px !important; right: 0.4em; top: 0.3em; z-index: 2; } .optionContainer .arrow_down { margin: 10px 5px 0 -3px; } .optionContainer .arrow_down:before { content: attr(data-icon) !important; } /* -----------------------------------------------------------------------------*/ /* end /* -----------------------------------------------------------------------------*/ .showMore { line-height: 16px; font-size: 12px; color: #565656; cursor: pointer; text-align: right; padding: 5px 5% 0 0; } .showMore:hover { cursor:pointer; } #facetFilterListWrapper .facetSelect li:first-child { padding-top: 0; } #colorSelect .facetSelect li:first-child { padding-top: 10px; } /*Color Facet Selection Specifics*/ #fSCColor ul li { float:left; text-align:center; width:30px; margin-bottom:2px; border-bottom: none; padding: 10px 5%; } #facetLinks ul li { border-bottom: none; } #facetLinks ul li, #facetCat ul li { padding-left: 10%; } #facetCat.col8 li { padding-left: 4%; } #facetCat ul li { background:#FFF; } #facetCat.col8 li { width:27.3%; float:left; margin-right:2%; } #fSCPrice input { height: 20px; border: 1px solid #767676; } .facColor { width:20px; height: 20px; border-radius: 10px; margin: 0 auto 2px auto; } .facetSelect .checkBox { width: 12px; height: 12px; margin: 0 5px 0 0; border: 1px solid #a5a5a5; background-color: #d7d7d7; float: left; position:relative; display: none; } .singleFacet .facetSelect .checkBox { display: block; } .facetSelect li input:checked + a .checkBox > .checkmark { position:absolute; background: url('../../images/responsive/rwdUI.png'); background-position: -81px -1px; margin-left: 1px; margin-top:1px; width:12px; height:11px; } ul.facetSelect li input[type=checkbox] { height:1px; width:1px; position:absolute; overflow:hidden; left:-30px; } ul.facetSelect li div.facetCountContainer { display:inline-block; } .optionContainer.fixed{ min-width: 200px; float:left; } .optionContainer.percent{ width: 33.33333%; float:left; } .optionContainer.vertical{ width: 100%; float:left; } #facetFilterListWrapper > .facetSelectedCont { border-top: 1px solid #E3E1E1; border-bottom: 1px solid #E3E1E1; margin-top: 15px; padding: 0px; } #facetFilterList li { list-style: none outside none; display: inline-block; } .filter_option{background: #e5eff9; margin-bottom: 8px; color: #333; font-size: 1em; height: auto; } .filter_option span { padding-left: 0px; padding-top: 0px; margin-left: 10px; margin-right: 10px; display: inline-block; } @media (min-width: 601px) and (max-width: 1280px) { #facetFilterListWrapper{width: 206px;} #facetFilterListWrapper .facetSelectedCont { border-top: 1px solid #D0D0D0; border-bottom: medium none !important; height: auto !important; width: 97%; padding-top: 5px; } .filter_option { background: none repeat scroll 0% 0% #E5EFF9; color: #333; font-size: 0.9em !important; height: auto; margin-bottom: 0px; } #facetFilterListWrapper .facetSelected { margin: 4px; } .filter_option span { margin-left: 10px; padding-left: 0px; margin-right: 8px; } .facetWidget .clearAll { line-height: 22px; color: #333; position: relative; padding-bottom: 10px; text-decoration: underline; font-size: 0.8em; text-align: right; width: 98%; margin-top: 15px; margin-bottom: 10px; } } .homeHero > .textContainer > .button { border: 1px solid transparent; } .homeHero > .textContainer > .button:focus { border: 1px dotted #000000; } #pageNumber3, #pageNumber4 { display: none; } .pages .pageNumber > .arrow, .pageControl.number > .dropdownToggleButton > .arrow { background: url('../../images/responsive/rwdUI.png'); background-position: -141px -1px; width: 7px; height: 9px; position: absolute; right: 2px; bottom: 2px; } .pageOptionsDropdown { position: absolute; display: none; top: 45px; left: -5px; z-index: 100; width: 84px; background: #FFF; border: 1px solid #A0A0A0; padding: 0px 3px 3px 0px; } .pageOptionsDropdown > .ellipsis { list-style: none; width: auto !important; text-align: center; line-height: 15px; margin: 5px 5px 5px 40px !important; font-weight: bold; border: 0 !important; cursor: default; /* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* IE */ -ms-transform: rotate(90deg); /* Opera */ -o-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .pageOptionsDropdown > .pageDropdownClose { list-style: none; float: left !important; width: 15px !important; height: 15px !important; border: 0 !important; background: url('../../images/responsive/rwdUI.png'); background-position: -61px -1px ; margin: 16px 0 0 15px !important; } .pageOptionsDropdown > .pageDropdownClose:hover { background-position: -241px -1px ; } .pageDropdownClose { list-style: none; float: left; width: 15px; height: 15px; background: url('../../images/responsive/rwdUI.png'); background-position: -61px -1px; border: 14px solid #ffffff; } .pageNumber:hover, .pageNumber.active { border-color: #767676; background: #767676; color: #FFF; cursor: pointer; } .pageNumber { margin-left: 3px; float: left; border: 1px solid #A0A0A0; background: #FFF; width: 37px; height: 30px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; padding-top: 8px; text-align: center; list-style: none; } .pagingLeft { float: left; background-position: -21px -1px; width: 6px; height: 12px; margin-top: 13px; margin-right: 17px; } .pagingRight { float: left; background-position: -41px -1px; width: 11px; height: 12px; margin-top: 13px; margin-left: 16px; } .productListingWidget > .header_bar .pagination_controls { clear: left; } @media screen and (max-width: 952px) { .productListingWidget > .header_bar .controls { min-height: 51px; } .sorting_view_controls_container { clear: both; padding-top: 0px; padding-right: 0px } .widget_articles_videos_position .sorting_view_controls_container { clear: none; padding-top: 5px; padding-right: 15px; } .paging_controls > .left_arrow > img { padding-left: 10px; } .paging_controls > .right_arrow > img { padding-right: 10px; } } @media screen and (max-width: 856px) { .homePageContainerRow4 > div { width: 100%; } #videoContentFrame { width: 461px; height: 265px; margin-left: -230px; } div.widget_title_container h1 { font-size: 23px; } } @media screen and (max-width: 770px) { .productSpecTable .specTableRow .specTableLabel { width: 50%; } .productSpecTable .specTableRow .specTableValue { width: 50%; } } @media screen and (max-width: 520px) { .productSpecTable .specTableRow .specTableValue { text-align: right; } #videoContentFrame { width: 320px; height: 183px; margin-left: -160px; } #modelBoxClose { top: 12px; right: 12px; } } @media screen and (max-width: 1628px){ #articleListing li { float: left; margin-right: 20px; } } @media screen and (min-width: 1660px) { #articleListing li { width: 32% !important; } } /*@BP-C 1281px+*/ @media screen and (min-width: 1281px) { #productsFacetsHorizontal > fieldset{ width: 48%; float:left; padding: 1%; /*margin: 2px 4px 2px 4px;*/ } #articleListing li { float: left; width: 47%; margin-right: 10px } .product_page_content #productSlot56 > div:nth-child(2) { margin: -10px 5px; display: block; padding: 0px 5px; } .product_page_content #productSlot56 { float: left; } } /*@BP-B 601px-1280px*/ @media screen and (max-width: 1280px) { #productsFacetsHorizontal > fieldset{ width: 48%; /*display: inline-block;*/ float:left; padding: 1%; /*margin: 2px 4px 2px 4px;*/ } #orderByDropdown .dijitSelect .dijitButtonText, .orderByDropdown .dijitSelect .dijitButtonText { display: block; } #orderByDropdown .dijitSelect, .orderByDropdown .dijitSelect { min-width: 0px; } #orderByDropdown .dijitSelect .dijitArrowButtonContainer:before, .orderByDropdown .dijitSelect .dijitArrowButtonContainer:before { float: left; } /*.sorting_controls .selectWrapper { width: 33px; } .selectWrapper .dijitSelect .dijitArrowButtonContainer:before { margin: 10px 5px; }*/ .productListingWidget > .header_bar .controls > * { float: left; display: block; } } @media screen and (max-width: 1133px) { .pageSelection { display: block; } .productListingWidget > .header_bar .controls { position: relative; float: left; } .pageControlMenu .controlBar .pageControl.number > a { margin: 4px; } .pageControlButton:focus { border: 1px dotted #000000; } } @media screen and (min-width: 1025px) and (max-width: 1440px) { .bundle_package_page .row .slot4 { width: 35%; } .bundle_package_page .row #productSlot56 { width: 20%; float: left; } .bundle_package_page .row .slot5, .bundle_package_page .row .slot6, .bundle_package_page .row .slot8, .bundle_package_page .row .tabbedSlots9_10_11 { width: 100%; } .bundle_package_page .slot7{ width: 45%; } .bundle_package_page .kit_pageDesign_pageGroup #productSlot56 { width: 30%; } .bundle_package_page .kit_pageDesign_pageGroup .slot7{ width: 35%; } } @media screen and (max-width: 535px) { #shoppingListItemAddedPopup > div.dijitDialogPaneContent { width: auto !important; height: auto !important; } div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content { width: auto; } .widget_subscription_item > .top, .widget_subscription_item > .bottom { width: auto; } .widget_subscription_item > .top > .middle { width: auto; } .widget_subscription_item > .middle { width: auto; } .widget_subscription_item > .middle > .content_left_border { width: auto; } .widget_subscription_item > .middle > .content_left_border > .content_right_border { width: auto; } } @media screen and (max-width: 480px), screen and (min-width: 601px) and (max-width: 738px) { .productListingWidget > .header_bar .controls { margin-top: 0px; } } @media screen and (max-width: 420px), screen and (min-width: 601px) and (max-width: 652px) { .product_listing_container .list_mode .product > .product_image { width: 180px; position: relative; } .product_listing_container .list_mode .product { padding-left: 15px; } .product_listing_container .list_mode .catEntryList_border { margin: 10px 0px; width: 100%; } } @media screen and (max-width: 377px) { #articleListing li .content h1 { width: 100px; } .productListingWidget > .header_bar .pagination_present { margin-top: 0px; } .productListingWidget > .header_bar .controls { margin-right: -7px; } .productListingWidget #orderByDropdown, .productListingWidget .orderByDropdown { margin-right: 0px; } } /*@BP-A 0-600px*/ @media screen and (max-width: 600px) { #productsFacetsHorizontal > fieldset { width: 98%; } div#widget_coordinate > .middle > .content { padding: 0px 0px 40px 0px; } div#widget_coordinate > .middle > .content > .up_arrow { left: 199px; } div#widget_coordinate > .middle > .content > .down_arrow { left: 199px; } .product_page_content #productSlot56 > div:nth-child(2) { display: inline-block; } .widget_product_image_viewer .image_container > img { margin-right: 0px; } .widget_bundle_package_list .list_mode { width: 99%; } .tab { border-radius: 0px; border-left: none; border-right: none; width: 100%; } .definingAttributes{ width: 95%; padding-left: 10px; } .definingAttributes .color_swatch_label { padding-top: 10px; } .available { width: 95%; margin-left: 10px; } .shopperActions { padding-left: 10px; } .textContainer .title { font-size: 22px; line-height: 18pt; } .textContainer .bodyText { font-size: 12px; line-height: 13pt; } .tabButtonContainer { margin-bottom: 0px !important; } #quick_cart_container, #MiniShopCartProductAdded { left: 0 !important; right: 0 !important; top: 60px !important; z-index:9999 !important; } #content .collapsible { border-radius: 0; } #contentFacet, #contentProducts { float: none; width: auto; } #contentFacet { height: 300px !important; } .changeOrientation { display: none; } #homePageEspot_Left_Slot, #homePageEspot_Right_Slot { padding-left: 10px; } div#widget_breadcrumb { display: none; } .brand_chanel #estore_category_heading { margin: 1em 0; } } /* Facebook Like Widget */ .facebookLikeWidget { padding: 13px 10px 20px; } /* Facebook Activity Widget */ .widget_fb_activity > .widget_main { display:block; border:1px solid #E5E5E5; } .widget_fb_activity > .widget_main > .content { background-color: #FFFFFF; height: 390px; position: relative; } .widget_fb_activity > .widget_main > .content > .logo_like { height: 30px; border-bottom: 1px solid #f1f1f1; padding-top: 8px; padding-left: 12px; padding-right: 12px; } .widget_fb_activity > .widget_main > .content > .logo_like > .facebook_like { height: 34px; float: left; } .widget_fb_activity > .widget_main > .content > .header { height: 34px; border-bottom: 1px solid #f1f1f1; line-height: 34px; text-transform: uppercase; color: #666666; font-size: 11px; padding-left: 12px; padding-right: 12px; } @media (-webkit-device-pixel-ratio: 2) { .searchAssocAssets > a > .arrow, .productDescDropMerch > a > .arrow, .selectWrapper .dijitSelect .dijitArrowButtonContainer:before, .facetWidget .dropdownIcon, .facetWidget .close, .facetSelect li input:checked + a .checkBox > .checkmark, .pages .pageNumber > .arrow, .pageControl.number > .dropdownToggleButton > .arrow, .pageOptionsDropdown > .pageDropdownClose, .pageDropdownClose { /*background: url('../../images/responsive/rwdUI@2x.png');*/ background-size: 300px 400px; } #content .collapsible > h3:before, .categoryNavWidget.collapsible > h3:before, .grid_icon:before, .list_icon:before, .optionContainer .arrow:before { /*content: url("../../images/responsive/rwdUI@2x.png");*/ -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0 0; } #content .collapsible > h3:before, .categoryNavWidget.collapsible > h3:before { clip: rect(82px,156px,116px,122px); } #content .collapsible[aria-expanded="false"] > h3:before, .categoryNavWidget.collapsible[aria-expanded="false"] > h3:before { clip: rect(82px,116px,116px,82px); } a.grid_icon:before { clip: rect(42px,116px,76px,82px); } div.grid_icon:before, a.grid_icon:hover:before { clip: rect(42px,156px,76px,122px); } a.list_icon:before { clip: rect(42px,196px,76px,162px); } div.list_icon:before, a.list_icon:hover:before { clip: rect(42px,236px,76px,202px); } } /* -----------------------------------------------------------------------------*/ /* BDA: Grid Content start /* -----------------------------------------------------------------------------*/ .product_listing_container .container1 .productESpotimg1, .product_listing_container .container1Wide .productESpotimg1 { left: 0; position: absolute; top: 0; width: 100%; } .product_listing_container .container1 { height: 150px; margin: 63px auto 0; max-width: 200px; position: relative; width: 100%; } .product_listing_container .product additional_content {overflow:display !important;} .product_listing_container .container1 .productESpotimg2 { left: 58px; position: absolute; top: 67px; width: 60% !important; } .product_listing_container .container2 { height: 150px; margin: 0 auto; max-width: 130px; position: relative; width: 100%; } .product_listing_container .container2 .title1, .product_listing_container .container2Wide .title1 { border-bottom: 1px solid #A3A3A3; color: #F35003; font-family: arial,Helvetica,sans-serif; font-size: 29px; line-height: 29px; margin-bottom: 5px; padding-bottom: 5px; text-align: center; } .product_listing_container .container2 .title2, .product_listing_container .container2Wide .title2 { color: #484848; font-family: arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; text-align: center; } .product_listing_container .container1Wide { height: 223px; margin: 68px auto 0; max-width: 260px; position: relative; width: 100%; } .product_listing_container .container2Wide { height: 150px; margin: 0 auto; max-width: 290px; position: relative; width: 100%; } .product_listing_container .container1Wide .productESpotimg2 { left: 58px; position: absolute; top: 86px; width: 60% !important; } #productList img { width: 100%; } /* -----------------------------------------------------------------------------*/ /* BDA: Grid Content end /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* PW: Bloomreach start /* -----------------------------------------------------------------------------*/ #br_widget { border: 1px solid #DDDDDD; border-radius: 5px; font-size: 0.8em; line-height: 2em; overflow: hidden; padding: 15px; position: relative; width: auto; } #br-related-searches-widget { float: left; position: relative; width: 27%; } #br-related-searches-widget .br-related-heading, #br_more_results .br-found-heading { border-bottom: 1px solid #DDDDDD; font-size: 1.1em; margin-bottom: 5px; padding-bottom: 5px; } #br_more_results { float: right; width: 67%; } #br_widget:after, #br-related-searches-widget:after, #br_more_results:after { clear: both; content: ""; display: block; } #br_more_results .br-sf-widget { float: left; margin-top: 8px; padding-right: 10px; width: 31%; } #br_more_results .br-sf-widget-merchant-title { font-weight: bold; } #br_more_results .br-sf-widget-merchant-qv a { border: 1px solid #CCCCCC; display: inline-block; font-weight: bold; margin-top: 5px; padding: 0 8px; } #br_more_results #br1, #br_more_results #br2, #br_more_results #br3 { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-top: 10px; padding: 15px; position: absolute; top: 0; width: 65%; z-index: 1; } .br-sf-widget-merchant-popup-img { float: left; margin-right: 15px; } .br-sf-widget-merchant-popup-title, .br-sf-widget-merchant-popup-desc, .br-sf-widget-merchant-popup-view, .br-sf-widget-merchant-popup-close { width: 80%; } @media (min-width: 601px) and (max-width: 1280px) { #br_more_results .br-sf-widget { width: 30%; } #br_more_results .br-sf-widget img { width: 90%; } } @media (max-width: 600px) { #br-related-searches-widget { float: none; position: relative; width: 100%; } #br_more_results { float: none; margin-left: 0; margin-top: 15px; position: relative; width: 100%; } #br_more_results .br-sf-widget { float: left; margin-top: 8px; padding-right: 0; width: 48%; } #br_more_results .br-sf-widget img { width: 90%; } } /* -----------------------------------------------------------------------------*/ /* PW: Bloomreach end /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* PW: search sort by start /* -----------------------------------------------------------------------------*/ .productListingWidget > .header_bar { /*border-bottom: 1px solid #e9e9e9;*/ } .sorting_view_controls_container .select_filter{ display:none; } .productListingWidget .header_bar .title { padding:12px 0; text-transform:inherit; } @media (min-width: 601px) and (max-width: 1280px) { .productListingWidget .header_bar .title { padding:12px 0; text-transform:inherit; } .sorting_controls .select_width { min-width: 140px; } .select_width.orderByDropdown .dijitSelect .dijitButtonText { display: block; } .select_width.orderByDropdown .dijitSelect { min-width: 140px; } .sorting_controls .select_order { min-width: 33px; } .selectWrapper .dijitSelect .dijitArrowButtonContainer, .shopperActions .dropdown_primary > .drop { overflow: inherit; padding-right:10px; } .productListingWidget > .header_bar .controls { position: relative; float:right; } .sorting_view_controls_container .select_filter{ display:none; } .sorting_controls .selectWrapper { width:auto; } } /* Mobile Styles*/ @media (max-width: 600px) { .sorting_controls .selectWrapper { width:auto; } .productListingWidget .header_bar { float:none; width:100%; text-align:center; padding:0 0 20px 0; } .productListingWidget .header_bar .showing_products { float: none; padding: 8px 0; font-size: 14px; } .sorting_controls .select_width { width: 50%; float: left; margin-bottom: 0px; margin-right: 3%; } .select_width.orderByDropdown .dijitSelect .dijitButtonText { display: block; } .select_width.orderByDropdown .dijitSelect { width:100%; } .selectWrapper .dijitSelect{ font-size:0.8em; vertical-align: top; width:100%; } .sorting_controls .select_order { margin-left: 3%; width: 40%; white-space: nowrap; } .select_order .dijitSelect .dijitArrowButtonContainer{ overflow:inherit; } .productListingWidget > .header_bar .controls .sorting_controls { display: block; margin: 0; padding: 0; text-align: left; width: 75%; float: left; } .productListingWidget > .header_bar .controls .sorting_controls select[data-dojo-type="dijit/form/Select"] { display: none; } .selectWrapper .dijitSelect .dijitArrowButtonContainer:before, .shopperActions .dropdown_primary > .drop div:before{margin:10px 5px 10px 1px;} .productListingWidget > .header_bar .controls {margin-top:0;width:100%} .productListingWidget > .header_bar .controls > *{float:none;width:100%;} } .hasPoints{display: block;} #basket_overlay_price .saving { font-family: arial,helvetica,clean,sans-serif; line-height: 24px; font-size: 1.094em !important; font-weight: bold; } #basket_overlay_price .was_price { font-family: arial,helvetica,clean,sans-serif; line-height: 24px; font-size: 1.094em !important; float: left; padding: 0px 10px 0px 0px; } #left_navigation_container .arrow{ top:3px; } input[type='text']:focus, input[type='url']:focus, input[type='tel']:focus, input[type='number']:focus, input[type='color']:focus, input[type='email']:focus, input[type='password']:focus, #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input:focus, #estore_facet_navigation_widget .facetContainer .facetSelect li#price_range_input input:focus, .Social_media_wrapper .mail_main input[type=text]:focus, textarea:focus { /* SS: please do not use !important speak to UI lead to resolve issue */ border: 1px solid #cae0f5; outline:none !important; } input[type="tel"].quantity_input:focus { border: 0 !important; border-top: 1px solid #d0d0d0 !important; border-bottom: 1px solid #d0d0d0 !important } #header #searchBar #searchTermWrapper input:focus { border:0 !important} .info_message { font-size: 0.875em; padding-left: 1.5em; position: relative; } .info_message::before { font-family: "ElegantIcons"; content: '\e060'; position: absolute; left: 0; top: 0; width: 1.2ch; text-align: center; color: #004990; } #adcard_points .info_message { margin-left: 5.5em; } .parentClub .heroContentTop{margin:0 0 50px} #adcardStatement_container .heroContentTop{margin:0 0 50px} @media (max-width: 600px) { .heroContentBottom {margin-bottom: 80px;} .heroContentTop {margin-top: 20px;} .parentClub .heroContentTop{margin:20px 0 20px} #adcardStatement_container .heroContentTop{margin:20px 0 20px} #adcard_points .info_message { margin-top: .5em; margin-left: 4.9em; } } @media (min-width: 601px) and (max-width: 1280px) { .heroContentBottom {margin-bottom: 40px;} .heroContentTop {margin-top: 40px;} .productListingWidget .header_bar .showing_products{padding:0 0 10px;} .productListingWidget > .header_bar{padding:10px 0 30px;} } @media (min-width: 1281px) { .heroContentBottom {margin-bottom: 80px;} .heroContentTop {margin-top: 80px;} #adcard_points .info_message {margin-left: 7.9em;} } /* START: Vat exemption form */ .vatExemptionAddForm .sign_in_registration .title { height: auto; text-align: center; } #eStore_registration_form .sign_in_registration .vatExemptionForm_title { padding-bottom: 0; line-height: normal; } .vatExemptionTypeSelect .note_small { font-size: 0.7em; margin: 20px 0; } .vatExemptionForm_textarea { width: 45%; border: 1px solid #d0d0d0; border-radius: 2px; padding: 5px; resize: none; font-size: 14px; margin-bottom: 16px; } .vatExemptionForm_textarea:focus { border: 1px solid #cae0f5; outline: none; } #personalDetails .vatExemptionForm_textareaLabel, #eStore_registration_form .vatExemptionForm_textareaLabel { vertical-align: top; } .vatExemptionForm_textareaLabel .labelSpanNote { font-size: 0.8em; font-weight: normal; display: block; } .infoSection { margin-bottom: 2em; } .infoSection .store_service_filter_label { display: block; } .infoSection .store_service_filter_label .label_note { font-size: .7em; } .infoSectionTitle { display: block; font-size: 0.875em; font-weight: bold; margin-bottom: 0.5em; } .infoSectionLink { text-decoration: underline; } @media (max-width: 600px) { #eStore_registration_form .vatExemptionForm_textareaLabel { display: block; width: 100%; } .vatExemptionForm_textarea { width: 94%; padding: 0 3% 0 3%; margin-bottom: 15px; } } /* END: Vat exemption form */ /* START: My advantage card pref */ .my_adcard_pref_heading { margin: 30px 0; } #eStore_SignUp_Preferences .my_adcard_pref_title { text-align: center; line-height: 1.5; font-size: 1.5em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #004990; } #eStore_SignUp_Preferences .my_adcard_pref_section_title { font-size: 1.125em; line-height: normal; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight:normal; margin:35px 0 5px 0; } #eStore_SignUp_Preferences .reduceMarg { margin-top:15px; } #eStore_SignUp_Preferences .my_adcard_pref_section_con_text { line-height: 1.5; margin: 15px 0 20px 0; } #eStore_SignUp_Preferences .my_adcard_confirm_but { width: 100%; margin: 5px 0 30px 0; } #eStore_SignUp_Preferences .my_adcard_confirm_but .button.primary { width: 225px; float: right; } #eStore_SignUp_Preferences .my_adcard_margin_footer { margin: 0px 0 90px 0; } #eStore_SignUp_Preferences .my_adcard_pref_paragraph { margin: 0 0 1.5em; font-size: 1em; } .my_adcard_pref_link { text-decoration: underline; } #eStore_SignUp_Preferences .my_adcard_pref_section_con_text, #eStore_SignUp_Preferences .my_adcard_pref_section_content p:not(.my_adcard_margin_footer) { font-size: .75rem; } /* END: My advantage card pref */ /* ================================ EStorePdpBundleAavilableWidget Start ============================== */ /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #eStore_pdp_bundle_available{padding-left: 15px; padding-right: 15px;} #eStore_pdp_bundle_available .bundle_prod_info_container{width: 50%;} #eStore_pdp_bundle_available #bundle_available{width:70%;} #eStore_pdp_bundle_available h5{font-size:1.063em;} #eStore_SignUp_Preferences .my_adcard_pref_section_con_text { margin: 15px 0 15px -25px;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #eStore_pdp_bundle_available .b_ItemPrice{font-size: 1.50em; font-family: arial,helvetica,clean,sans-serif;font-weight: bold;} #eStore_pdp_bundle_available .bundle_prod_info_container{width: 79%;} #eStore_pdp_bundle_available .view_bundle_product a{font-size: 0.875em;} #eStore_pdp_bundle_available #bundle_name{display:inline-block;} #eStore_pdp_bundle_available .product_price .b_Save{font-size: 14px;} #eStore_pdp_bundle_available .bundle_prod_info_container #bundle_name {padding-bottom: 30px} #eStore_pdp_bundle_available .product_rating{display: inline-block; float: right;} } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #eStore_pdp_bundle_available{} } /* ------------------------------------------- */ /* ------------ Standard styles --------------- */ /* ------------------------------------------- */ #eStore_pdp_bundle_available h5{padding: 20px 0px 30px;} #eStore_pdp_bundle_available .bundle_prod_info_container{padding-left: 20px;} #eStore_pdp_bundle_available .bundle_prod_info_container #bundle_name{padding-bottom: 10px; font-weight: bold;} #eStore_pdp_bundle_available .product_rating{padding-bottom: 26px;} #eStore_pdp_bundle_available .view_bundle_product {padding: 14px 0;} #eStore_pdp_bundle_available .view_bundle_product a{text-decoration: underline; font-size: 0.75em;} #eStore_pdp_bundle_available .product_price .b_ItemPrice{font-size: 1.250em; font-family: arial,helvetica,clean,sans-serif;font-weight: bold;} #eStore_pdp_bundle_available .product_price .b_Worth{font-size: 0.875em; margin-top: 5px;} #eStore_pdp_bundle_available .product_price .b_Save{font-size: 0.750em; font-family: arial,helvetica,clean,sans-serif;font-weight: bold;} #eStore_pdp_bundle_available hr{display: block; height: 1px; border: 0; border-top: 1px solid #d0d0d0; padding: 0;} /* ================================ EStorePdpBundleAavilableWidget END ============================== */ /* ================================ EStorePdpBundleComponentItemWidget Start ============================== */ /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #pdp_bundle_component_item_lis .product_img_link .product_img{width: 100px;} #pdp_bundle_component_item_list .bundle_prod_info_container {width: 50%;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #pdp_bundle_component_item_list .bundle_prod_info_container {width: 75%;} #pdp_bundle_component_item_list .product_rating{float: right; display: inline;} #pdp_bundle_component_item_list .bundle_prod_info_container .bundle_name_heading{display: inline;} #pdp_bundle_component_item_list .bundle_prod_info_container #bundle_name{display: inline;} #pdp_bundle_component_item_list .bundle_prod_info_container .product_price {height: 90%;} } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #pdp_bundle_component_item_list .bundle_prod_info_container .view_bundle_product {display: block; width: 100%; margin-top: 20px;} #pdp_bundle_component_item_list .bundle_prod_info_container .view_bundle_product .view_product_link{float: right;} #pdp_bundle_component_item_list .bundle_prod_info_container{box-sizing: border-box; width: 228px} } /* ------------------------------------------- */ /* ------------ Standard styles --------------- */ /* ------------------------------------------- */ #pdp_bundle_component_item_list{font-family: arial,helvetica,clean,sans-serif; font-size: 16px;} #pdp_bundle_component_item_list ul{margin: 0; padding: 0; list-style: none;} #pdp_bundle_component_item_list body{font-family: Arial,Tahoma,sans-serif; font-weight: bold;} #pdp_bundle_component_item_list h5{padding: 0px 0px 10px; font-size: 0.875em; font-family: Arial,Tahoma,sans-serif; font-weight: bold;} #pdp_bundle_component_item_list .bundle_prod_info_container {margin-left: 10px; margin-bottom: 14px;} #pdp_bundle_component_item_list .image{display: inline-block;} #pdp_bundle_component_item_list .product_img_link .product_img{width: 120px;} #pdp_bundle_component_item_list .product_offer_notify{ display: block; width: 40px; height: 40px; border-radius: 50px; background: #CC0033; color: #fff; text-align: center; font-size: 12px; line-height: 39px; font-weight: bold;} #pdp_bundle_component_item_list .product_rating{padding-bottom: 26px;} #pdp_bundle_component_item_list .view_bundle_product {padding: 0;} #pdp_bundle_component_item_list .view_bundle_product a{text-decoration: underline; font-size: 0.688em;} #pdp_bundle_component_item_list .product_price .b_ItemPrice{font-size: 1.250em; margin-bottom: 14px; font-family: arial,helvetica,clean,sans-serif;font-weight: bold;} #pdp_bundle_component_item_list .b_item_offer_info{font-size: 0.75em;} #pdp_bundle_component_item_list hr{display: block; height: 1px; border: 0; border-top: 1px solid #d0d0d0; padding: 0;} #pdp_bundle_component_item_list .bundle_item_discount{color: #CC0033; font-weight: bold; margin-bottom: 20px;} /* ================================ EStorePdpBundleComponentItemWidget END ============================== */ /* START: B-01875 - MiniBasket tabs */ #widget_minishopcart_popup .tab_header { margin: 0; padding: 20px; width: calc(100% - 40px); } #widget_minishopcart_popup .tab_container { display: table-cell; width: 50%; } #widget_minishopcart_popup .active_tab { padding-bottom: 9px; } #widget_minishopcart_popup .active_tab { outline: 0; } #widget_minishopcart_popup .tab_container:focus { outline: grey dotted thin; } #widget_minishopcart_popup .inactive_tab { border-bottom: 2px solid #cae0f5; } .mini_basket_top_section { margin-bottom: 1em; text-align: center; } #mini_basket_continue_cta { text-decoration: underline; display: block; line-height: 3.5em; } .mini_basket_top_section .subtotal { line-height: normal; padding-bottom: 1.3em; } .mini_basket_order_qty { font-weight: normal; } .mini_basket_order_qty::before { content: '('; } .mini_basket_order_qty::after { content: ')'; } .tab_header ~ .content .product { padding: 0px 11px 40px 110px !important; } .tab_header ~ .content .product_name a { font: bold 1em Arial; } .tab_header ~ .content .product_quantity { margin-top: 1em; display: block; } .tab_header ~ .content .product_color { margin-top: 1em; } .tab_header ~ .content .minibasket_variant { padding: 0; } .product_color_value { text-decoration: underline; text-transform: uppercase; } div#widget_minishopcart_popup > #cartDropdown .tab_header ~ .content .products > .product .product_price { float: none; display: block; font-weight: bold; text-align: right; margin-top: 1.2em; } /* END: B-01875 - MiniBasket tabs */ .res-bubble-special{ height:110px; margin-top:6px; } @media (max-width: 600px) { div#adcTitle{ height:40px; } .tab_header{ border-bottom:2px solid #cae0f5; } } @media(max-width: 600px) { .registrationDateOfBirthLabel #registrationDateOfBirthMonth, .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width:42%; } .registrationDateOfBirthLabel #registrationDateOfBirthYear, .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { width:28%; } } @media(max-width: 1280px) and (min-width: 601px) and (orientation:landscape){ .product_listing_container .list_mode .product_view{ margin-left:54px; } } /* START: B-04918 - site wide espot demo */ .espot_site_wide:empty { height: 5em; background: #eaf3fb; line-height: 5em; } .espot_site_wide:empty::before { display: block; height: 100%; text-align: center; content: 'Site wide e-marketing spots'; color: #759ec5; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.5em; } @media(max-width: 1280px) and (min-width: 601px) { .espot_site_wide:empty { height: 4em; line-height: 4em; } .espot_site_wide:empty::before { font-size: 1.3em; } } @media (max-width: 600px) { .espot_site_wide:empty { height: 3em; line-height: 2.5em; } .espot_site_wide:empty::before { font-size: 0.875em; } } /* END: B-04918 - site wide espot demo */ @media (max-width: 600px) { .box-ok:before { font-weight:bolder; } } @media (min-width: 601px) { .card60s .tempCard_button {position: relative;top: 80px;margin: 0 !important;} } @media (min-width: 601px) and (max-width: 1280px) { #eStore_registration_form .sign_in_registration #WC_UserRegistrationAddForm_links_1 { width:230.391px; } } @media (max-width: 600px) { #PageHeading_4_-1001_3074457345618260311 h1 {margin-left: 10px;} } #synthetix_bg{z-index: 10;} /* ================================ My Account Pharmacy ============================== */ /* ------------ Mobile styles ---------------- */ @media (max-width: 600px) { #OrderHistoryPrescriptionType, .OrderHistoryPrescriptionTypeData, .phOrderHistoryStatus {display: none;} #phReorder{width: 100%;} .prescriptionDetails th {font-size: 0.75em; padding-bottom: 8px;} #prescriptionItemsDetails tbody {font-size: 0.75em;} } /* ------------ Tablet styles --------------- */ @media (min-width: 601px) and (max-width: 1280px){ td#pharmacyRecentOrderTable_status_1, th#pharmacyRecentOrderTable_li_header_5 {display: block;} .prescriptionDetails th {font-size: 0.875em; padding-bottom: 8px;} #OrderHistoryPrescriptionType, .OrderHistoryPrescriptionTypeData, .phOrderHistoryStatus {display: none;} #prescriptionItemsDetails tbody {font-size: 0.875em;} } /* ------------ Desktop styles --------------- */ @media (min-width: 1281px) { .ph_delivery_charges p {font-size: 1.0625em;} .ph_orderDetailsSummary .totalSum p {font-size: 1.25em;} #phReorder{width: 25%;} } /* ------------ Standard styles --------------- */ #prescription_order_details_content{margin: auto; padding: 0;} #phOrders td[id^='pharmacyRecentOrderTable_order_number_'] a {text-decoration: underline;} #phOrders td {font-size: 0.875em;} .center{text-align:center;} table#prescriptionItemsDetails{border-collapse: collapse; width:100%;} table#prescriptionItemsDetails .details, table#prescriptionItemsDetails .quantity{text-align: left;} #prescriptionItemsDetails tbody tr{border-top: 1px solid #d0d0d0;} #ph_order_summary_delivery_charges{padding: 1.5em 0; border-top: 1px solid #d0d0d0;} #prescriptionItemsDetails th.subtotal {text-align: right; padding-bottom: 0.2em;} #prescriptionItemsDetails td.subtotal {text-align: right; font-weight: normal;} #ph_order_summary_delivery_charges .price_container, #ph_orderDetailsSummary .price_container{width: auto; margin-left: 10px; display: inline; text-align: right;} #ph_address{border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;} .ph_delivery_charges p {font-size: 0.875em;} .ph_orderDetailsSummary .totalSum p {font-size: 1.0625em; font-weight: bold;} #ph_orderDetailsSummary .totalSum { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 1em 0; overflow: hidden; } #ph_orderDetailsSummary .totalSum p{font-weight: bold; padding-top: 1em; padding-bottom: 1em;} #ph_orderDetailsSummary .totalSum { font-size: 1.25em; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 1em 0; font-weight: bold; overflow: hidden; } #ph_orderDetailsSummary .totalSum p{font-weight: bold; padding-top: 1em; padding-bottom: 1em;} .phOrderDetails__top { display: block; overflow: hidden; padding: 10px 20px; box-sizing: border-box; width: 100%; } .phOrderDetails__top>a { color: #333; float: right; font-size: 0.75em; line-height: 55px; text-decoration: underline; } .phOrderDetails__top>a:hover { text-decoration:none; } .patientName { font-weight:bold; line-height:55px; display:inline; } .phOrderDetails__top .patientName span { display: inline-block; font-family: Arial; font-size: 0.75em; font-weight: bold; line-height: 55px; vertical-align: middle; } .patientName.forMe span.icon { display: inline-block; } .patientName.forMe span.icon { background: url("../../images/boots/ph_sprite_retina.png") no-repeat scroll -178px -84px / 300px 300px; height: 31px; margin-left: 5px; margin-right: 10px; width: 23px; } .patientName.forSomeoneElse span.icon { background: url("../../images/boots/ph_sprite_retina.png") no-repeat scroll -139px -84px / 300px 300px; height: 31px; margin-left: 0; margin-right: 10px; width: 35px; } @media (max-width: 600px) { .patientName.forMe span.icon { background: url("../../images/boots/ph_sprite_retina.png") -225px -84px/300px 300px no-repeat; width: 16px; height: 22px; margin-left: 5px; margin-right: 10px; } .patientName.forSomeoneElse span.icon { background: url("../../images/boots/ph_sprite_retina.png") -247px -84px/300px 300px no-repeat; width: 25px; height: 22px; margin-right: 5px; margin-left: 0; margin-right: 10px; } } /* ================================ My Account Pharmacy END ============================== */ /* ================================ Chanel category PLP START ============================== */ #estore_lister_template_container.brand_chanel { font-family: Arial, sans-serif; color: #000; } #estore_lister_template_container.brand_chanel #estore_category_heading h1 { font-weight: bold; font-family: inherit; font-size: 2em !important; text-transform: uppercase; color: #000; line-height: normal; } #estore_lister_template_container.brand_chanel #category-widget h1 { line-height: normal; padding-bottom: 0.625em; } #estore_lister_template_container.brand_chanel .category_widget_heading { font-family: Arial, sans-serif; font-weight: bold; font-size: .875em; text-transform: uppercase; } #estore_lister_template_container.brand_chanel #estore_facet_navigation_widget { display: none; } #estore_lister_template_container.brand_chanel .orderByDropdown { display: none; } #estore_lister_template_container.brand_chanel .list_mode .estore_product_container { border-bottom: none; padding-bottom: 40px; } #estore_lister_template_container.brand_chanel .grid_mode .estore_product_container { border: none; } #estore_lister_template_container.brand_chanel .estore_product_container .product_info .product_compare { display: none; } #estore_lister_template_container.brand_chanel .estore_product_container .product_info .product_offer { color: #464646; } #estore_lister_template_container.brand_chanel #estore_brand_banner.brand_chanel { margin-bottom: 2em; } #estore_lister_template_container.brand_chanel .linkWidget { padding: 0 10px; overflow: hidden; } #estore_lister_template_container.brand_chanel .linkWidget h3{ font-family: Arial, sans-serif; font-weight: bold; font-size: 1.125em; text-transform: uppercase; line-height: normal; padding-bottom: 0.625em; padding-left:0; } #estore_lister_template_container.brand_chanel .linkWidget .content{} #estore_lister_template_container.brand_chanel .linkWidget .content ul li{ margin-bottom: 2em; } #estore_lister_template_container.brand_chanel .linkWidget .content ul li:first-child{ padding-top: 1em; border-top: 1px solid #acacac;} #estore_lister_template_container.brand_chanel .linkWidget .content ul li:last-child{ margin-bottom: 25px; padding-bottom: 1em; border-bottom: 1px solid #acacac; } #estore_lister_template_container.brand_chanel .linkWidget .content ul li a{ font-size: 0.875em; color: #565656; font-family: Arial,sans-serif; } #estore_lister_template_container.brand_chanel .linkWidget .content ul li a:hover{ text-decoration: underline; } @media (min-width: 601px) { #estore_lister_template_container.brand_chanel #category-widget .category-link:first-of-type { padding-top: 1em; border-top: 1px solid #acacac; } #estore_lister_template_container.brand_chanel #category-widget .category-link { margin-bottom: 2em; } #estore_lister_template_container.brand_chanel #category-widget .category-link:last-child { margin-bottom: 0; padding-bottom: 1em; border-bottom: 1px solid #acacac; } } @media (max-width: 600px) { #estore_brand_banner.brand_chanel { margin-top: 1em; } #estore_lister_template_container.brand_chanel .sorting_controls .select_order { float: right; } } @media (min-width: 1281px) { div#widget_breadcrumb { margin-bottom: 3em; } } /* ================================ Chanel category PLP END ============================== */ #basket_confirmation_button_yes { line-height: 37px; } .mobileSviewer #s7viewer { padding-bottom:85px !important } .mobileSviewer #s7viewer .s7swatches {bottom:-85px !important } #babyDue .labelSpan, #kidCountDiv h2 { padding-bottom:0.4em } @media (max-width: 600px) { .additionalOptions .field.checkboxes.club_line { margin-top: 25px; } #header { /*border-bottom: 2px solid #d5e6f7 ;*/ } #header.active { z-index: 2000; } #header #estore_header_top_row #header_link_container { border-bottom: 2px solid #d5e6f7; height:49px } #header #topLevelMenu { top: 0 !important; border-top: 0px solid #d5e6f7; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger.active { height: 45px; } #catergoryList, #subcategoryList { border-top-width: 0px; } #departmentMenu { border:0 } #header #estore_header_bottom_row #search_container { margin-top: 0; padding-bottom: 0; border-top:0 } #searchBar.active { padding: 0px; } /*#header #searchBar #searchTermWrapper .close-icon { right:-10px }*/ #header #searchBar #searchTermWrapper .close-icon span { display: none; } #header #mobileLink_search a:before { right: 47%; } #header #mobileLink_search.active a:before { margin: 0px -8px 0 0; } #header #searchBar #searchTermWrapper .close-icon:after { } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search.active { border-left: 2px solid #d5e6f7; border-right: 2px solid #d5e6f7; borrder-bottom:2px solid #fff } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket.active { height:43px; border-left: 2px solid #d5e6f7; } #header #estore_header_top_row { overflow: hidden; } } @media (min-width: 601px) { .tab_header.tab_header_double { border-bottom: 2px solid #cae0f5; } } /*.tab_header.tab_header_double .tab_container:after { top: 90%; }*/ #leftHandNav .linkWidget { padding: 0 10px; } #leftHandNav .linkWidget h3 { padding: 0; } @media (max-width: 600px) { #leftHandNav .linkWidget { padding: 0; } } /* articles list */ .article_items { max-width: 700px; margin:0 auto; overflow: hidden; padding: 0; } .article_item { padding: 40px 0; border-bottom: 1px solid #ccc; list-style: none; float: left; width: 100%; } .article_item:first-child { padding-top: 0; } /*.article_item:last-child { border-bottom: 0; padding-bottom: 0; }*/ .article_item .article_image { float: left; width: 257px; } .article_item .article_image img { border: 1px solid #ccc; } .article_item .article_title { float: right; width: calc(100% - 257px); } .article_item .article_title p { margin: 0; } .article_item .article_title a { font-size: 1em; font-weight: bold; color: #333; text-decoration: none; } .article_item .article_title a:hover { cursor: pointer; text-decoration: underline; } .article_item .article_description { width: calc(100% - 257px); float: right; color: #333; font-size: 1em; } .article_item .article_description p { margin: 17px 0 0 0; } @media (max-width: 1280px) and (min-width: 601px) { /* TABLET - same as PC - nothing different for now */ } @media (max-width: 601px) { /* MOBILE */ .article_item, .article_item .article_image, .article_item .article_title, .article_item .article_description { float: none; width: 100%; } .article_item .article_title { margin-top: 20px; } } /* articles list */ /* offer description while listing products in cart { */ @media (min-width: 300px) { #estore_product_promotions_on_pdp .offerDetailsCartList { padding-left: 0; } #estore_product_promotions_on_pdp .offerDetailsCartList span:first-child { vertical-align: middle; display: inline-block; position: relative; padding: 0; top: 0; height: auto; line-height: 23px; } #estore_product_promotions_on_pdp .offerDetailsCartList span:nth-child(2) { vertical-align: middle; display: inline-block; width: calc(100% - 40px); line-height: 23px; } } /* offer description while listing products in cart } */ /* Defect #5046 { */ #estore_product_price_widget #basket_overlay_price #PDP_productPrice { font-weight:100; } @media (min-width: 1281px) { #estore_product_price_widget #basket_overlay_price #PDP_productPrice { font-weight:100; } } /* Defect #5046 } */ /* 5664 - UAT - V5 Patch - The bin icon in my Favourites is not in the correct position and is out of alignment - Tablet { */ .favourite_content_section .estore_product_container .product_add .product_favourited_delete { top: 0px; } @media (max-width: 1280px) and (min-width: 768px) { .favourite_content_section .product_listing_container .list_mode .product_add { width: auto; } } @media (max-width: 1280px) and (min-width: 601px) { .favourite_content_section .product_listing_container .list_mode .product_add .button.primary { width: auto; max-width: 462px; left: 130px; right: 0; } .favourite_content_section .estore_product_container .product_add .product_favourited_delete { right: -51px; top: 0px; } } @media (max-width: 767px) { .favourite_content_section .product_listing_container .list_mode .product_add { max-width: 310px; } .favourite_content_section .product_listing_container .list_mode .product_add .button.primary { width: auto; right: 51px; } } @media (max-width: 600px) { .favourite_content_section .product_listing_container .list_mode .product_add .button.primary { width: auto; right: 44px; } } @media (max-width: 767px) and (min-width: 601px) { .favourite_content_section .estore_product_container .product_add .product_favourited_delete { top: 52px !important; } } #richRelevanceContainer { max-width: 100%; float: none; overflow: hidden; } /* 5664 } */ /* 5001 { */ #basket_container #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow { position: relative; top: auto; } @media (max-width: 1280px) and (min-width: 601px) { #basket_container #estore_product_promotions_on_pdp h2 #promotion_mode_arrow.dropdown_arrow { height: auto !important; width: 30px !important; } .basket_product_details #estore_product_promotions_on_pdp h2 { padding-left: 0px; } } @media (min-width: 1281px) { .basket_product_details #estore_product_promotions_on_pdp h2 { padding-left: 0px; } } .basket_product_details .promo_offer_container h3 .dropdown_arrow { top: auto; font-size: 25px; vertical-align: top; height: auto; margin-top: -2px; } .basket_product_details .promo_offer_container h3 span:nth-child(2) { vertical-align: middle; line-height: 23px; font-size: 16px; } @media (min-width: 1281px) { .basket_product_details .promo_offer_container h3 span:nth-child(2) { margin-left: -12px; } } #estore_productpage_template_container #estore_product_promotions_on_pdp h2 { line-height: 1.2em; padding-left: 0px; } #estore_productpage_template_container #estore_product_promotions_on_pdp h2 .dropdown_arrow { vertical-align: top; top: auto; position: relative; margin-top: -2px; } #estore_productpage_template_container #estore_product_promotions_on_pdp h2 span:nth-child(2) { vertical-align: middle; font-size: 16px; line-height: 23px; width: calc(100% - 35px); margin-left: 5px; display: inline-block; } /* 5001 } */ /* 4494 { */ @media (max-width: 600px) { #eStore_SignUp_Preferences .captcha_left { width: 60%; } #eStore_SignUp_Preferences .captcha_left_img { width: 280px !important; } #eStore_SignUp_Preferences .captcha_left_img img { width: 278px !important; height: 55px; } #eStore_SignUp_Preferences .captcha_right { float:left; margin-left: 10px; width: 36%; } } /* 4494 } */ /* 5703 { */ @media (max-width: 600px) { #AdCard_RegistrationTandC_overlay #AdCard_overlay_content h2 { padding: 20px 20px 10px; } } /* 5703 } */ /* 5724 { */ @media (min-width: 320px) and (max-width: 1279px) { #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.primary { top: 32px; } } /* 5724 } */ /* 4930 && 7045 { */ #eStore_registration_form #registrationGenderLabel select { width: 135px; } @media (min-width: 1281px) { #eStore_registration_form #personal_details_container input[type=text], #eStore_registration_form #personal_details_container select { margin-bottom: 29px; } #eStore_registration_form #registrationDateOfBirthDay { width: auto; min-width: 80px; } #eStore_registration_form #registrationDateOfBirthMonth { margin-left: 20px; width: auto; min-width: 130px; } #eStore_registration_form #registrationDateOfBirthYear { margin-left: 26px; width: auto; min-width: 90px; } #personalDetails #adcard_expanded #advantageCard_expanded .adcard_text_comment { margin-bottom: 3px; } #personalDetails #adcard_expanded #advantageCard_expanded #zipCode { margin-bottom: 11px; } #personalDetails #adcard_expanded #advantageCard_expanded .adcard_or { margin-bottom: 14px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthMonthAdc { margin-left: 20px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthYearAdc { margin-left: 26px; } } @media (min-width: 601px) and (max-width: 1280px) { #eStore_registration_form #personal_details_container input[type=text] { margin-bottom: 19px; } #eStore_registration_form #personal_details_container select { margin-bottom: 19px; } #eStore_registration_form #registrationDateOfBirthDay { width: auto; min-width: 80px; } #eStore_registration_form #registrationDateOfBirthMonth { margin-left: 18px; width: auto; min-width: 118px; } #eStore_registration_form #registrationDateOfBirthYear { margin-left: 17px; width: auto; min-width: 90px; } #personalDetails #adcard_expanded #advantageCard_expanded .adcard_text_comment { margin-bottom: 3px; } #personalDetails #adcard_expanded #advantageCard_expanded #zipCode { margin-bottom: 11px; } #personalDetails #adcard_expanded #advantageCard_expanded .adcard_or { margin-bottom: 14px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthMonthAdc { margin-left: 18px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthYearAdc { margin-left: 17px; } } @media (min-width: 601px) and (max-width: 845px) { #eStore_registration_form #registrationDateOfBirthDay { min-width: 61px; padding-left: 6px; } #eStore_registration_form #registrationDateOfBirthMonth { margin-left: 7px; min-width: 94px; padding-left: 8px; } #eStore_registration_form #registrationDateOfBirthYear { margin-left: 5px; min-width: 74px; padding-left: 13px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthDayAdc { min-width: 61px; padding-left: 6px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthMonthAdc { margin-left: 7px; min-width: 94px; padding-left: 8px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthYearAdc { margin-left: 5px; min-width: 74px; padding-left: 13px; } } @media (max-width: 600px) { #eStore_registration_form #registrationDateOfBirthYear { min-width: 76px; width: 76px; } #eStore_registration_form #registrationGenderLabel select { width: 145px; } #personalDetails #adcard_expanded #advantageCard_expanded #registrationDateOfBirthMonthAdc { max-width: 110px; padding-left: 3px !important; } #personalDetails #adcard_expanded #advantageCard_expanded .adcard_text_comment { margin-bottom: 3px; } } /* 4930 && 7045 } */ /* 5744 { */ @media (min-width:1084px) and (max-width:1238px) { #savedCardsListOPC #checkoutPaymentCardContainer .row>div:first-child { max-width: initial; } } @media (min-width:1239px) and (max-width:1280px) { #savedCardsListOPC #checkoutPaymentCardContainer { width: 81%; } #savedCardsListOPC #checkoutPaymentCardContainer .row>div:first-child { width: 16.666%; } } @media (min-width:1281px) and (max-width:1477px) { #savedCardsListOPC #checkoutPaymentCardContainer { width: 84%; } #savedCardsListOPC #checkoutPaymentCardContainer .row>div:first-child { max-width: initial; } } /* 5744 } */ /* 5693 { */ @media (max-width: 600px) { #payment_redeem_internationalDOB .registrationDateOfBirthLabel #dobDayOL { width: 58px; padding-left: 8px; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #DOBday_arrow { margin-left: -33px; width: 25px; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #dobMonthOL { min-width: 109px; padding-left: 8px; margin-left: 6px; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #DOBMonth_arrow { margin-left: -35px; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #dobYearOL { width: 70px; padding-left: 9px; margin-left: 8px; } } /* 5693 } */ /* 5820 { */ @media only screen and (min-width:1281px) { .heroCarousel .slick-prev:hover:after { left:15px; } .heroCarousel .slick-next:hover:after { left:15px; } .linksCarousel .owl-prev:hover:after { left:13px; } .linksCarousel .owl-next:hover:after { left:18px; } .brandCarousel .slick-prev:hover:after { left:13px; } .brandCarousel .slick-next:hover:after { left:18px; } } @media (min-width:601px) { #estore_category_heading h1 { margin-left: 25%; } } .propMulti li:nth-child(3) .icon img { width: 75px; image-rendering: -webkit-optimize-contrast; } /* 5820 } */ /* 5767 { */ .basketSaveForLaterLinkContainer { text-align:left; } @media (max-width: 600px) { #cta_top_switch_between_points #can_pay_line_1 { font-size:14px; } #basket_total .total_font { font-size:17px; } } @media (min-width: 601px) and (max-width: 1280px) { #cta_top_switch_between_points #can_pay_line_1 { font-size:17px; } #basket_total .total_font { font-size:17px; } } @media (min-width: 1281px) { .basketSaveForLaterLinkContainer a { margin-left: 5px; } #cta_top_switch_between_points #can_pay_line_1 { font-size:20px; } #basket_total .total_font { font-size:20px; } } @media (min-width:601px) and (max-width:700px) { #basket_offers_body #promotions { min-width:329px; } #basket_offers_body .subtotal_and_savings { width:calc(100% - 329px); } } /* 5767 } */ /* 5769 { */ @media (min-width:601px) { #basket_widget_right_bar #richRelevanceContainer .rrContainerVertical h3 { margin-top: 29px; line-height: 1.25em; padding-top: 13px; margin-bottom: 0; } } #basket_widget_right_bar { background-color: #f7f7f7; margin: 3px 0; } /* 5769 } */ /* 5771 { */ @media (max-width:600px) { #basket_adcard #adv_row .adv_card_input { width: 99.5% !important; } } @media (min-width:601px) and (max-width:1280px) { #basket_adcard .advCardInput .row div:first-child { width:240px; margin-right: 10px; } #basket_adcard .advCardInput .row div:first-child .advCardTitle { text-align:right; padding-left: 0; margin-top: 5px; font-size:14px; } #basket_adcard .advCardInput .row div:nth-child(2) { width:calc(100% - 250px - 20.35%); } #basket_adcard #adv_row .adv_card_input { width: calc(100% - 22px) !important; float: right; margin-right: 18px; margin-left: 10px; padding: 1px; min-height: 35px; line-height: 35px; } #basket_adcard div.row .ccol2 { width: 20.35%; } #basket_adcard .advCardInput .row div:nth-child(3) .button.secondary { min-width: 176px; } } @media (min-width:881px) and (max-width:920px) { #basket_adcard .advCardInput .row div:first-child { /*width:calc(100% - 176px - 488px);*/ } #basket_adcard .advCardInput .row div:nth-child(2) { width: calc(100% - 427px); } #basket_adcard .advCardInput .row div:nth-child(3) { min-width: 176px; } } @media (min-width:601px) and (max-width:880px) { #basket_adcard .advCardInput .row div:first-child { width:240px; } #basket_adcard .advCardInput .row div:nth-child(2) { width:calc(100% - 426px); } } @media (min-width:1281px) { #basket_adcard .advCardInput .row div:first-child { width:320px; padding-right:10px; } #basket_adcard .advCardInput .row div:first-child .advCardTitle { text-align:right; margin-right: 10px; padding-left: 0; font-size:17px; margin-top:3px; } #basket_adcard .advCardInput .row div:nth-child(2) { width:calc(100% - 330px - 20.6667%); } #basket_adcard #adv_row .adv_card_input { /*max-width: 456px;*/ float: right; margin-right: 18px; padding: 1px; min-height: 35px; line-height: 35px; } #basket_adcard .advCardInput .row div:nth-child(3) .button.secondary { width: calc(100% - 2px); margin-left: 2px; } } /* 5771 } */ /* 5864 { */ #delivery_option_and_content_container #collect_in_store_option_button.select_option { border:3px solid #ffffff; } #delivery_option_and_content_container #collect_in_store_option_button.select_option_selected { border-color:rgb(0, 72, 144) !important; } #delivery_option_and_content_container #home_delivery_option_button.select_option { border:3px solid #ffffff; } #delivery_option_and_content_container #home_delivery_option_button.select_option_selected { border-color:rgb(0, 72, 144) !important; } /* 5864 } */ /* 5870 { */ @media (min-width: 601px) and (max-width: 1280px) { #estore_category_heading h1 { margin-left: 25%; } #estores_product_listing_widget .sorting_view_controls_container .orderByDropdown, #estores_product_listing_widget .sorting_view_controls_container .select_width.orderByDropdown .dijitSelect { max-width: 150px; } #facetFilterListWrapper { width:100%; } } /* 5870 } */ /* 5835 { */ @media (max-width:600px) { .sign_in_registration .advantageCardSection h2.advantageCard_heading_copy { line-height: 1.5em; } } /* 5835 } */ /* 5836 && 6727 { */ .sign_in_registration .opt-out { padding-bottom: 15px; } .sign_in_registration .opt-out p { float: left; margin: -20px 0 0 30px; clear: left; } @media (max-width: 600px) { .sign_in_registration .opt-out { margin-top: 0px; } } /* 5836 } */ /* 5839 { */ #estore_productpage_template_container .rowContainer > .row { padding:0; } #estore_productpage_template_container .rowContainer { padding:0; } /* 5839 } */ /* 5871 { */ @media (min-width:1281px) { #eStore_registration_form.adcard_form .heroContentTop { margin-top: 35px; } #eStore_registration_form.adcard_form .sign_in_registration .title h1 { padding-top: 33px; } .adcard_form .Preferences_detailsStep { margin-bottom: 16px; } .adcard_form .heroContentBottom { margin-bottom:50px; } #eStore_SignUp_Preferences.adcard_step_two .heroContentTop { margin-top: 36px; } #eStore_SignUp_Preferences.adcard_step_two .sign_in_registration .title { padding-top: 47px; } #eStore_SignUp_Preferences .button_footer_line { margin-bottom: 66px; } .adcard_step_two .heroContentBottom { margin-bottom:50px; } } @media (min-width:601px) and (max-width:1280px) { #eStore_registration_form.adcard_form .heroContentTop { margin-top: 29px; } #eStore_registration_form.adcard_form .sign_in_registration .title h1 { padding-top: 16px; } .adcard_form .Preferences_detailsStep { margin-bottom: 19px; } .adcard_form .heroContentBottom { margin-bottom:44px; } #eStore_SignUp_Preferences.adcard_step_two .heroContentTop { margin-top: 29px; } #eStore_SignUp_Preferences.adcard_step_two .sign_in_registration .title { padding-top: 29px; } #eStore_SignUp_Preferences .button_footer_line { margin-bottom: 52px; } .adcard_step_two .heroContentBottom { margin-bottom:43px; } } @media (max-width:600px) { #eStore_registration_form.adcard_form .heroContentTop { margin-top: 15px; } #eStore_registration_form.adcard_form .sign_in_registration .title h1 { padding-top: 0px; } .adcard_form .Preferences_detailsStep { margin-bottom: 19px; } .adcard_form .heroContentBottom { margin-bottom:17px; } #eStore_SignUp_Preferences.adcard_step_two .heroContentTop { margin-top: 15px; } #eStore_SignUp_Preferences.adcard_step_two .sign_in_registration .title { padding-top: 10px; } #eStore_SignUp_Preferences .button_footer_line { margin-bottom: 12px; } .adcard_step_two .heroContentBottom { margin-bottom:15px; } } /* 5871 } */ /* 5861 { */ #topLevelMenu { -moz-osx-font-smoothing: grayscale; } /* 5861 } */ /* 5819 { */ #header #widget_minishopcart:before { image-rendering: -webkit-optimize-contrast; } /* 5819 } */ /* 5831 { */ @media (min-width:601px) { #searchBox { border: 1px solid #d0d0d0; border-radius: 3px; margin-bottom: 0; } } /* 5831 } */ /* 5784 { */ @media (max-width: 600px) { #eStore_logIn_registration .forgotPassword h2 { line-height: 25px; margin: 25px 0 26px 0; font-size: 17px; } } @media (min-width: 601px) and (max-width: 1280px) { #eStore_logIn_registration .forgotPassword h2 { line-height: 30px; margin: 25px 0 26px 0; font-size: 20px; } } @media (min-width: 1281px) { #eStore_logIn_registration .forgotPassword h2 { line-height: 34px; margin: 0px 0 26px 0; font-size: 25px; } } /* 5784 } */ /* 5773 { */ @media (max-width:600px) { #need_help.need_help_store_payment { margin-bottom: 0px; padding-bottom: 2px; } } @media (min-width: 601px) and (max-width: 1280px) { #need_help.need_help_store_payment { margin-bottom: 0px; padding-bottom: 7px; } } @media (min-width: 1281px) { #need_help.need_help_store_payment { margin-bottom: 0px; } } /* 5773 } */ /* 5774 { */ #CollectStoreDeliveryContactDetails #titleLabelSpan { font-size:14px; } #CollectStoreDeliveryContactDetails #collectStoreContact_firstname span { font-size:14px; } #CollectStoreDeliveryContactDetails #collectStoreContact_surname_label span { font-size:14px; } #CollectStoreDeliveryContactDetails #collectStoreContact_surname_label span { font-size:14px; } #CollectStoreDeliveryContactDetails.delivery_contact_details span { font-size:14px; } .checkout_custom_home_choose label, .checkout_custom_home_choose label a, .checkout_custom_home_choose span { font-size:14px; } /* 5774 } */ /* 5866 { */ #payment_option_and_content_container #card_option img, #payment_option_and_content_container #paypal_option img, #payment_option_and_content_container #masterpass_option img, #payment_option_and_content_container #redeem_option img { image-rendering: optimizeSpeed; /* */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ } /* 5866 } */ /* 5793 { */ @media (max-width:600px) { .manual_address_element .selectPatientCountry { width:100%; } } /* 5793 } */ /* 5798 { */ .phOrderDetails__top { padding-left: 0; } #prescriptionOrderDetails #prescriptionItemsDetails td { padding: 8px 0; } #prescriptionOrderDetails #prescriptionItemsDetails .quantity { text-align:right; } @media (max-width:600px) { #prescriptionOrderDetails #prescriptionItemsDetails td { line-height: 19px; } #prescriptionOrderDetails #prescriptionItemsDetails .subtotal { font-size: 12px; } } /* 5798 } */ /* 5818 { */ @media (min-width:600px) and (max-width:1280px) { #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink.withIcon .shipToMessage { padding: 4px 29px 0 0; } #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink.withIcon .flag { /* margin-top:3px; */ left:41px; } #header #storeLocatorQuickLink { padding-left: 2px; padding-right: 26px; } #header #storeLocatorQuickLink:before { right: auto; } #header #storeHelpQuickLink { padding-left: 52px; padding-right: 1px; } #header #estore_header_top_row #header_link_container { margin-left: 112px; top: -20px; } } @media (min-width:767px) { #header #estore_header_top_row #headerLinkBarOne li { float: left; } #header #estore_header_top_row #headerLinkBarOne #shipToMessage { padding-right:9px; } #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink.withIcon .shipToMessage { padding: 4px 24px 0 0; } #header #storeLocatorQuickLink:before { right: auto; margin-left: -23px; } #header #storeLocatorQuickLink { padding-right:5px; padding-left: 25px; } #header #storeHelpQuickLink::before { right:auto; margin-left: -20px; } #header #storeHelpQuickLink { padding-left: 30px; } #header #estore_header_top_row #storeLocatorQuickLink { margin-top:4px; } #header #estore_header_top_row #headerLinkBarOne #storeShippedTookLink.withIcon .flag { /* top: 5px; */ /* left: 40px; */ } #header #estore_header_top_row #headerLinkBarOne .synthetix_link { margin-top: 4px; } } /* 5818 } */ /* 5797 { */ #orderHistoryTable { border-spacing: 0; } .prescriptionOrderBefore { margin-top: 18px; margin-bottom: 18px; } /* 5797 } */ #order_history_content { width: 100% !important; padding: 0 10px; box-sizing: border-box } #order_history_content * { text-align: left; } #order_history_content h1 { color: #004990; line-height: 1.50em; padding: 30px 0 40px 0; text-align: center; } /* 5797 } */ /* 6015 { */ #checkoutPostOfficeSummary .contact_details #collectPostOfficeContact_title_label input { width:100%; } #CollectStoreDeliveryContactDetails .contact_details #collectStoreContact_title_label input { width:100%; } /* 6015 } */ /* 5003 { */ @media (max-width:1280px) { #basket_container .free_gift_text, .basket_product_details .promo_offer_container h3 span:nth-child(2), #estore_product_promotions_on_pdp .offerDetailsCartList span:nth-child(2) { font-size:16px; font-family:arial,helvetica,clean,sans-serif; font-weight:bold; } } @media (min-width:1281px) { #basket_container .free_gift_text, .basket_product_details .promo_offer_container h3 span:nth-child(2) , #estore_product_promotions_on_pdp .offerDetailsCartList span:nth-child(2) { font-size:16px; font-family:arial,helvetica,clean,sans-serif; font-weight:bold; } } /* 5003 } */ /* 5850 { */ @media (max-width:600px) { .estoreProductSearchResult .estore_ArticlesVideos_container { margin: -8px 0 17px 0; } div.widget_title_container .estore_ArticlesVideos_container { padding-bottom:0px; } #estore_lister_template_container .tab_container:after { width:15px; height:15px; } } @media (min-width:601px) and (max-width:1280px) { .estoreProductSearchResult .estore_ArticlesVideos_container { margin: 4px 0 26px 0; } div.widget_title_container .estore_ArticlesVideos_container { padding-bottom:0px; } } @media (min-width:1281px) { .estoreProductSearchResult .estore_ArticlesVideos_container { margin: 7px 0 26px 0; } div.widget_title_container .estore_ArticlesVideos_container { padding-bottom:0px; } #estore_lister_template_container .cm-placement-slot5 { margin-top: -9px; } } /* 5850 } */ /* 5854 { */ #estores_product_listing_widget .plus_quantity_disabled { width:38px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #estores_product_listing_widget .minus_quantity { width:38px; } /* 5854 } */ /* 5858 { */ #estore_productpage_template_container .plus_quantity_disabled { width:38px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } /* 5858 } */ /* 6098 { */ @media (min-width:601px) { #checkout_store_collect_results .active_tab:focus { outline:0; } } /* 6098 } */ /* 5482 { */ #synthetix_close .hide_close_text { opacity:0; } /* 5482 } */ /* CR90 { */ @media (max-width:600px) { #Register #WC_UserRegistrationAddForm_div_10 #WC_UserRegistrationAddForm_div_11 label { float:left; } #Register #WC_UserRegistrationAddForm_div_10 #WC_UserRegistrationAddForm_div_12 { float:left; margin: -2px 0 0 1px; } #Register #WC_UserRegistrationAddForm_div_10 .labelTagLine { float:left; margin: 5px 0 0 9px; } #eStore_registration_form .column .column_label .labelTagLine::before { white-space: normal; } #eStore_registration_form .advantageCardSection #advantageCard_expanded .title-sec { margin: 20px 0 11px; } #eStore_registration_form .advantageCardSection #advantageCard_omniPresent .labelTagLine { width: 100%; display: inline-block; } } /* CR90 } */ /* 5830 { */ @media (-webkit-max-device-pixel-ratio: 1) { #header #searchBox > .submitButton:after { background: url(../../images/boots/estore_search.png); background-size: initial; width: 20px; height: 21px; padding: 0; } } @media (-webkit-max-device-pixel-ratio: 1) and (max-width:600px){ #header #mobileLink_search a:before { background: url(../../images/boots/estore_search.png); background-size: initial; width: 20px; height: 21px; padding: 0; } } @media (-webkit-min-device-pixel-ratio: 1.1) { #header #searchBox > .submitButton:after { background-size: 35px 160px; } } /* 5830 } */ /* 6184 { */ #myappointments_container { width:100%; } #myappointments_container .contentRecommendationWidget { padding: 20px 0; width:100%; } .my_account_summary_section #mypharmacyEspot { width:100%; } #my_account_order_summary_table { width:100%; overflow:visible; } #my_account_order_summary_table .contentRecommendationWidget { padding: 20px 0; width:100%; } #my_account_order_summary_table #contentRecommendationWidget_BootsMyAccountEspotOne .left_espot h3 img { width:100%; } #reorder_myfav_container.my_account_summary_removed_section{ margin:-32px 0px; } @media (min-width:601px) { .myAccountDisplay #contentRecommendationWidget_BootsReOrderLinkEspot { width: calc(50% - 4px); } .myAccountDisplay #contentRecommendationWidget_BootsFavouritesLinkEspot { float:right; width: calc(50% - 4px); } } #estore_myaccount_container #mypharmacyEspot .contentRecommendationWidget { border: 0; } #estore_myaccount_container #myappointments_container .contentRecommendationWidget { border: 0; } #estore_myaccount_container #online_prescription_eSpot .inner_container_eSpot { border: 1px solid #d0d0d0; } #estore_myaccount_container #my_appointments_eSpot .inner_container_eSpot { border: 1px solid #d0d0d0; } /* 6184 } */ /* 5780 { */ @media (max-width:600px) { #payment_option_and_content_container #redeem_option_button img { width:46px !important; height:30px; margin-top:9px; } } /* 5780 } */ #estore_header_top_row #logo a img { height:100%; } /* 6192 { */ @media (min-width:1281px) { #estore_lister_template_container .grid_mode .product_add .quantity_section .qty_errorMax { top:0px; padding-top:0; padding-bottom:0; height: 100%; display: flex; align-items: center; } } @media (min-width:601px) and (max-width:1280px) { #estore_lister_template_container .grid_mode .product_add .quantity_section .qty_errorMax { top:0px; padding-top:0; padding-bottom:0; height: 100%; display: flex; align-items: center; } } @media (min-width:1024px) and (max-width:1125px) { #estore_lister_template_container .grid_mode .product_add .quantity_section .qty_errorMax { width: 90px; } } @media (min-width:645px) and (max-width:746px) { #estore_lister_template_container .grid_mode .product_add .quantity_section .qty_errorMax { width: 90px; } } /* 6192 } */ /* CR81 { */ #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.book_an_eye_health_check { position:relative; left:0; top:10px; max-width:463px; } .find_your_nearest_store { margin-top:20px; } @media (min-width:1281px) { #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.book_an_eye_health_check { top:0px; } } @media (max-width:600px) { #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.book_an_eye_health_check { max-width:100%; } } /* CR81 } */ /* 5714 { */ #eStore_logIn_registration ul li .button#WC_AccountDisplay_links_2 { margin-top:21px; } /* 5714 } */ /* 6333 { */ @media (max-width: 1280px) and (min-width: 601px) { #payment_container #find_address #checkout_confirm_address { height:36px; } } /* 6333 } */ /* 5618 { */ @media (max-width:600px) { .product_listing_container .list_mode .shopperActions { clear: both; position: relative; } } .my_account_favourites .catalogEntryRecommendationWidget { padding: 0; background-image:none; } .my_account_favourites .catalogEntryRecommendationWidget .content { margin: 0 0 40px 0; } /*.my_account_favourites .catalogEntryRecommendationWidget .content ul li { min-width:220px; }*/ .my_account_favourites .catalogEntryRecommendationWidget .prevPageBoxButton, .my_account_favourites .catalogEntryRecommendationWidget .nextPageBoxButton { bottom: 0; background-color: white; border: 1px solid rgb(232, 232, 232); width: 30px; height: 30px; position: absolute; } .my_account_favourites .catalogEntryRecommendationWidget .nextPageBoxButton { right: 10px; } .my_account_favourites .catalogEntryRecommendationWidget .prevPageBoxButton .dropdown_arrow, .my_account_favourites .catalogEntryRecommendationWidget .nextPageBoxButton .dropdown_arrow { font-size: 25px; top: 2px; left: 1px; } /* 5618 } */ /* 6326 { */ @media (max-width: 600px) { #delivery_option_and_content_container .checkout_form_container .customTitleArrowContainer { min-width: 140px; } } /* 6326 } */ /* 6484 { */ .rrContainer .rrCarouselArrows { bottom: 223px; top: auto; } @media (min-width: 1281px) { .rrContainer .rrCarouselArrows { bottom: 273px; } } /* 6484 } */ /* 6479 { */ @media (max-width:600px) { #richRelevanceContainer { width: 576px; } } @media (max-width:415px) { #richRelevanceContainer { width: 388px; } } @media (max-width:375px) { #richRelevanceContainer { width: 350px; } } @media (max-width:320px) { #richRelevanceContainer { width: 296px; } } /* 6479 } */ /* 6530 { */ @media (min-width: 601px) and (max-width: 1280px) { .checkout_contact_details_container .checkout_form_container label { width: auto; } } /* 6530 } */ /* 6656 { */ #order_summary #order_summary_content_container .ordersummary_product_item { margin-bottom:19px; } @media (max-width:600px) { #order_summary #order_summary_content_container .ordersummary_product_item { margin-bottom:14px; } } /* 6656 } */ /* 6316 { */ @media (min-width: 601px) and (max-width: 1280px) { #estore_lister_template_container #estore_category_heading h1 { margin-left: 25%; } } @media (min-width: 1281px) { #estore_lister_template_container #estore_category_heading h1 { margin-left: 0; } } /* 6316 } */ /* 6608 { */ @media (max-width:600px) { #estore_productpage_template_container #estore_product_promotions_on_pdp h2 span:nth-child(2) { white-space: normal; } } /* 6608 } */ /* 6718 { */ #estore_product_promotions_on_pdp #estore_product_promotions #estore_free_gift_product_overlay div#product-details p.product-status { color:#333333; } #estore_product_promotions_on_pdp #estore_product_promotions #estore_free_gift_product_overlay a.close-btn { background-color: #d0d0d0; } #estore_product_promotions_on_pdp #estore_product_promotions #estore_free_gift_product_overlay a.close-btn:hover { background-color: #333333; } /* 6718 } */ /* 6705 { */ @media (max-width:1280px) { #PromotionCodeForm .promo_input { height:30px; } } /* 6705 } */ /* 6681 { */ @media (max-width:600px) { .product_listing_container .list_mode .estore_product_container .product_info { padding-bottom: 8px; } } /* 6681 } */ /* 6693 { */ .opt-out .chckbox.chckboxErrorBorder:before { border-color: #cc0033 !important; } /* 6693 } */ /* 6708 { */ #content #estore_facet_navigation_widget .facetWidget { padding-top: 14px; } /* 6708 } */ /* 6867 { */ #estore_productpage_template_container #estore_product_promotions_on_pdp h2 span:nth-child(2) { white-space: normal; } /* 6867 } */ @media (max-width:600px) { .product_listing_container .list_mode .estore_product_container .product_info { height: 170px; } .product_listing_container .list_mode .estore_product_container .product_info .product_offer { min-height: 34px; } } /*OCR-309 - Display Omni Channel Offers on PDP*/ #estore_omini_channel_offer h2 span#omini_channel_mode_arrow { font-size: 25px; left: 5px; } .orderBySelectMenu > table tr.dijitMenuItemHover, .dijitSearchResultSelectSizeMenu > table tr.dijitMenuItemHover, .pageSizeSelectMenu > table tr.dijitMenuItemHover { background: #D5E6F7; color: #333; outline: none; } div[id^="pageSizeDropdownPres_"].selectWrapperPageSize .dijitSelect .dijitArrowButtonContainer:before { margin-left: 0; } /* primary button with custom class*/ #quick_cart_container #GotoCartButton1:hover, #MiniShopCartProductAdded #GotoCartButton2:hover, #CheckoutGuestLogonCTA:hover, #basket_checkout_product_overlay #basket_overlay_no_account a.button.secondary.overlay_checkout_button:first-child:hover{ background-color: #1B355C !important; } #quick_cart_container a#GotoCartButton1:focus, #MiniShopCartProductAdded a#GotoCartButton2:focus, #CheckoutGuestLogonCTA:focus, #basket_checkout_product_overlay #basket_overlay_no_account a.button.secondary.overlay_checkout_button:first-child:focus{ background-color:#1B355C !important; border:2px solid #CAE0F5 !important; } /* primary button with custom class*/ #addToShoppingList:focus .button.tertiary, #confirmToPaypalPopup a.secondary:focus, #confirmToMasterpassPopup a.secondary:focus { background-color: #F4F9FD; border-color: #B5CDE7; border-width: 2px; } #delivery_option_and_content_container input.button.secondary:focus{ border: 2px solid #cae0f5 !important; } #estore_omini_channel_offer h2 span:nth-child(2), .estore_omini_channel_offer h2 span:nth-child(2){ color: #B8237b; } .verified3DSlogos { position: relative; height: 20px; padding: 20px; margin-bottom: 20px; } .verified3DSlogos > img { height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /***brand lister css ****/ #estores_brand_lister_widget .brand_list_viewer .column { width: 20%; float: left; } @media (max-width: 600px) { #estores_brand_lister_widget .brand_list_viewer .column { width: 99%; float: none; } } @media (min-width: 601px) and (max-width: 1280px) { #estores_brand_lister_widget .brand_list_viewer .column { width: 33.3%; } } .myOffersEspotContent { width: 930px; margin: 0 auto; font-size: 14px; text-align: left; } .myOffersEspotContent ul { margin: 15px 0; padding: 0 0 0 15px; } @media (min-width: 601px) and (max-width: 1280px) { .myOffersEspotContent { width: 538px; } } @media (max-width: 600px) { .myOffersEspotContent { width: auto; margin: 0 15px; } } /* ------------------------------------------- */ /* ------------ Mobile styles > product_listing_container ---------------- */ /* ------------ Grid mode -------------------- */ /* ------------------------------------------- */ .product_listing_container .grid_mode .estore_product_container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; /*-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: flex-start; -ms-flex-line-pack: start;*/ align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .product_listing_container .grid_mode .estore_product_container > div { order: 1; -webkit-order: 1; -ms-order: 1; width: 100%; } .product_listing_container .grid_mode .estore_product_container > div.product_image { overflow: initial; box-sizing: border-box; order: 0; -webkit-order: 0; -ms-order: 0; } .product_listing_container .grid_mode .estore_product_container .product_name { padding: 30px 0 0 0; display: block; font-family: arial,helvetica,clean,sans-serif; font-weight: bold; font-size: 1em; line-height: 20px; } .product_listing_container .grid_mode .estore_product_container .product_rating { text-align: center; height: 17px; } .product_listing_container .grid_mode .estore_product_container .product_stockComingSoon { padding: 0; text-align: center; overflow: hidden; color: #333; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; font-size: 1.2em; width: 100%; line-height: 35px; } .product_listing_container .grid_mode .product_add .shopperActions { position: relative; height: 40px; } .product_listing_container .grid_mode .product_add .shopperActions > * { position: absolute; top: 0; } .product_listing_container .grid_mode .product_add { position: absolute; bottom: 15px; display: block; box-sizing: border-box; padding-right: 5%; } .product_listing_container .grid_mode .product_add .button.primary { position: absolute; bottom: 0; left: 130px; right: 5%; width: auto; max-width: 100%; } .product_listing_container .grid_mode .product_add .button.secondary { max-width: 95%; } @media (max-width: 1280px) and (min-width: 601px) { .product_listing_container .grid_mode .estore_product_container .product_name { /*font-size: 16px !important;*/ font-size: 0.875em !important; } .product_listing_container .grid_mode .estore_product_container .product_info .product_offer { font-size: 14px; } .product_listing_container .grid_mode .estore_product_container .product_info .product_price { font-size: 20px !important; } .product_listing_container .grid_mode .estore_product_container .product_info .product_savePrice span.save { font-size: 12px; } } @media (max-width: 600px) { .product_listing_container .grid_mode .product_add { position: initial; padding-right: 0; } .product_listing_container .plp_gridView_redesign .grid_mode .product_add .button.primary { right: 0; max-width: 100%; height: 30px !important; line-height: 30px; min-height: 0px; font-size: 14px !important; top: 10px; } #estore_lister_template_container .product_listing_container > .grid_mode li { display: block; float: none; } .product_listing_container .grid_mode .estore_product_container { display: block; border: none; border-bottom: 1px solid #e5e5e5; position: relative; margin: 0; padding: 20px 10px; max-height: 300px; height: auto; } .product_listing_container .grid_mode li:first-child { border-top: 1px solid #e5e5e5; } .product_listing_container .grid_mode .estore_product_container .product_top_section { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .product_listing_container .grid_mode .estore_product_container .product_top_section { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_listing_container .grid_mode .estore_product_container .product_top_section .product_name { -webkit-order: 0; -ms-flex-order: 0; order: 0; width:100%; -ms-flex: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; max-height: 3.6em; overflow: hidden; margin-bottom: 10px; padding: 0; height: auto; text-align: initial; } .grid_mode .product_name:before, .grid_mode .product_name:after { display: none !important; } .product_listing_container .grid_mode .estore_product_container .product_name .product_name_link { font-family: Arial; font-weight: bold; color: #333 !important; /*font-size: 16px !important;*/ font-size: 0.875em !important; } .grid_mode .product_name > a { float: none; width: auto; margin-left: 0; } .product_listing_container .grid_mode .estore_product_container .product_rating, .product_listing_container .grid_mode .estore_product_container .product_medicon { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; line-height: 100%; z-index: 0; } .product_listing_container .grid_mode .estore_product_container .product_rating { text-align: left; height: auto; } .product_listing_container .grid_mode .estore_product_container .product_name, .product_listing_container .grid_mode .estore_product_container .product_stockComingSoon { text-align: left; } .product_listing_container .grid_mode .estore_product_container .product_rating .product_review_count { font-size: 0.875em; } .product_listing_container .grid_mode .estore_product_container .product_image { width: 120px; height: auto; padding: 0 !important; position: relative; overflow: visible; float: left; margin-right: 15px; margin-bottom: 15px; } .product_listing_container .grid_mode .estore_product_container .product_image .image { padding: 0; } .product_listing_container .grid_mode .estore_product_container .product_image .image .product_img_link { display: block; padding-top: 20px; } .product_listing_container .grid_mode .estore_product_container .product_image .image .product_img_link .product_img { max-height: 130px; } .product_listing_container .grid_mode .estore_product_container .product_image .product_offer_notify { top: -20px; left: 0; } .product_listing_container .grid_mode .estore_product_container .product_info { height: 150px; width: auto; position: relative; box-sizing: border-box; overflow: hidden; } .product_listing_container .grid_mode .estore_product_container .product_info { padding-bottom: 1em; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 8px; height: 170px; } .product_listing_container .grid_mode .estore_product_container .product_info .product_offer { margin: 0; padding: 0; width: 100%; position: absolute; top: 0; left: 0; white-space: normal; height: 34px; min-height: 34px; } .product_listing_container .grid_mode .estore_product_container .product_info .product_offer { white-space: normal; } .product_listing_container .grid_mode .estore_product_container .product_info .product_price { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .product_listing_container .grid_mode .estore_product_container .product_info .product_savePrice { padding: 0px 0px 10px 0px; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .product_listing_container .grid_mode .estore_product_container .product_info .product_price .price { display: block; padding: 5px 0 0 0; font-size: 11px !important; } .product_listing_container .grid_mode .estore_product_container .product_info .product_savePrice .save { display: block; } .product_listing_container .grid_mode .shopperActions { clear: both; position: relative; padding: 0; } .product_listing_container .grid_mode .estore_product_container .product_stockComingSoon { padding-top: 16px; overflow: hidden; color: #333; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; font-size: 1.2em; width: 100%; line-height: 35px; } .algolia-search .product_listing_container .grid_mode .estore_product_container .product_stockComingSoon { padding-top: 16px; overflow: hidden; color: #333; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; font-size: 0.9em; width: 100%; line-height: 35px; text-align: center; width: 127px; margin: 0 auto; } .estore_product_container { height: auto; } .estore_product_container .product_info { height: auto; } .estore_product_container .product_info .product_add { position: initial; width: auto; margin-top: 20px; } .estore_product_container .product_info .product_add .shopperActions { padding-left: initial; } .product_listing_container .plp_gridView_redesign .grid_mode .product_add .button.secondary { max-width: 100%; height: 30px !important; line-height: 30px; min-height: 0px !important; font-size: 14px !important; } } @media (max-width: 372px) { #header #searchBar #searchTermWrapper input[type="text"], #header #searchBar #searchTermWrapper input[type="text"]:focus { font-size: 14px !important; } } @media (max-width: 334px) { #header #searchBar #searchTermWrapper input[type="text"], #header #searchBar #searchTermWrapper input[type="text"]:focus { font-size: 12px !important; } } /* ------------ ENDOF: Mobile styles --------- */ .chanel_product.estore_product_container .product_info + .product_add .button.primary { background: #000; } @media (min-width: 1281px) { .estore_omini_channel_offer #estore_product_promotions_on_pdp h2 .dropdown_arrow { padding-left: 5px; font-size: 25px; } } @media (max-width: 1280px) and (min-width: 601px) { .estore_omini_channel_offer #estore_product_promotions_on_pdp h2 .dropdown_arrow { padding-left: 3px; } } @media (max-width: 600px) { .estore_omini_channel_offer #estore_product_promotions_on_pdp h2 .dropdown_arrow { padding-left: 2px; font-size: 25px; } } @media (max-width: 600px) { #basket_checkout_signin { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 50px 0 50px 0; box-sizing: border-box; overflow: hidden; overflow-y: auto; z-index: 15; } #basket_checkout_signin #basket_checkout_product_overlay { display: block !important; position: relative !important; margin: 0 auto; top: initial !important; left: initial !important; -webkit-transform: initial !important; -ms-transform: initial !important; transform: initial !important; } #basket_checkout_signin #basket_checkout_product_overlay .overlay_checkout_title { margin-top: 0; } } #my_account_my_offers #my_offers_lister_page .estores_overlay_content { font-size: 14px; line-height: 20px; } #my_account_my_offers #my_offers_lister_page .estores_overlay_content h3 { font-size: 20px; line-height: 30px; } @media (max-width: 600px) { #my_account_my_offers #my_offers_lister_page .estores_overlay_content h3 { font-size: 17px; line-height: 25px; } } /****** COMSR-642 ******/ @media (min-width: 1280px) { #reorder_eSpot .inner_container_eSpot .icon_eSpot { display: inherit; } } .accessibilityHidden { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; font-size:0px; } .offer_just_for_me .inactive_tab:focus { outline: 5px dotted gray; } .privacyNoticeRegistration,.pharmacyPrivacyNoticeContainer { font-size: 0.9em; } .privacyNoticeRegistration a, .parentingClubAdcPrivacyNotice a, .pharmacyPrivacyNoticeContainer a { text-decoration: underline; } .opt-out.chkBoxContainer .chckbox:before { position: relative; top: 4px; } #eStore_SignUp_Preferences .checkboxfield.preferences_con.twoLineLabel .checkbox_space { display: inline-block; width: calc(100% - 50px); } #eStore_SignUp_Preferences .checkboxfield.preferences_con.twoLineLabel input[type="checkbox"] + span { top: 4px; vertical-align: top; } @media (max-width: 600px) { #eStore_SignUp_Preferences .checkboxfield.preferences_con.twoLineLabel .checkbox_space { display: inline-block; width: calc(100% - 30px); } .pharmacyPrivacyNoticeContainer { margin-bottom: 25px; margin-top: -20px;/*-40 this was changed to -20 as a fix for defect DWR-3370 Mona Farag*/ } } @media (max-width: 1280px) and (min-width: 601px) { .pharmacyPrivacyNoticeContainer { margin-bottom: 40px; margin-top: -30px; } } @media (min-width: 1281px) { .pharmacyPrivacyNoticeContainer { margin-top: -40px; } } @media (min-width: 601px) { .opt-out .o-left.bootsTermsAndCondContainr { float: none; width: 100%; } .opt-out .o-left.bootsTermsAndCondContainr p.termsAndCondDesc { width: calc(100% - 80px); } } .favouritesPDP .favouritesPDP-container { position: relative; top: 20px; right: 40px; z-index: 6; } .favouritesPDP .favouritesIcon { position: absolute; left: 0; right: 0; width: 45px; height: 40.5px; margin:auto } .favouritesPDP .favouritesIcon-Outline { background:url("../../images/favourites/heart.svg") no-repeat center center/contain } @keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(251,54,110,0.4)}70%{box-shadow:0 0 0 30px rgba(251,54,110,0)}100%{box-shadow:0 0 0 0 rgba(251,54,110,0)} } @keyframes pulseHeart { 0%{transform:scale(1.3)}70%{transform:scale(1.15)}100%{transform:scale(1)} } .favouritesIcon-Outline{ display:block;position:relative } .favouritesIcon-Outline:before { content:''; display: block; width:8px; height:8px; position:absolute; top:45%; bottom:0; left:50%; transform:translate(-50%, -50%); right:0; z-index:-1; border-radius:100% } .favouritesPDP-container:hover .favouritesIcon-Outline, .favouritesPDP .favouritesPDP-brand.active .favouritesIcon-Outline { animation:pulseHeart 1s ease 1 } .favouritesPDP-container:hover .favouritesIcon-Outline:before, .favouritesPDP .favouritesPDP-brand.active .favouritesIcon-Outline:before { animation:pulse 1s ease 1 !important } .favouritesPDP .favouritesPDP-brand:hover .favouritesIcon-Outline, .favouritesPDP .favouritesPDP-brand.active .favouritesIcon-Outline { background:url("../../images/favourites/heart-red.svg") no-repeat center center/contain } @media (max-width: 600px) { .favouritesPDP .favouritesPDP-container { right: 50px; } } /*** PDP Add to cart redesign ***/ .pdp_shopperActions_redesign .quantity_section_redesign { position: relative; height: 35px; } .pdp_shopperActions_redesign .button.primary_redesign { left: 0 !important; z-index: 1; top: 31px !important; max-width: 100% !important; } .pdp_shopperActions_redesign .quantity_section_redesign > .quantity_input_redesign { height: 15px; width: 100%; border: 0; position: absolute; top: 0; z-index: 0; height: 20px; } /*** PLP Add to cart redesign ***/ .plp_shopperActions_redesign .button.primary_redesign { left: 0 !important; max-width: 100% !important; z-index: 1; font-size: 18px; } .plp_shopperActions_redesign .quantity_section_redesign { position: relative; top: 7px; } .plp_shopperActions_redesign .quantity_section_redesign > .quantity_input_redesign { width: 100%; border: 0; position: absolute; top: 0; z-index: 0; height: 20px; } .plp_shopperActions_redesign .quantity_section_redesign > .quantity_input_redesign:focus { outline-width: 0; border: 0; } .plp-promotion-redesign-container { min-height: 0px !important; } @media (max-width: 600px) { .plp_shopperActions_redesign .button.primary_redesign { font-size: 14px; } } /*** PDP/PLP Price,Offers fonts redesign ***/ .estore_product_price_widget_redesign { position: relative; } #estore_product_price_widget .productid_redesign { position: absolute; right: 0; top: 10px; font-size: 14px !important; margin-right: 1px; } /* ------------ Tablet styles --------------- */ @media (min-width: 601px) and (max-width: 1280px) { #estore_product_price_widget .price_redesign { font-size: 1.07em !important; padding: 15px 0; line-height: normal; } #estore_product_price_widget .details_redesign { font-size: 0.625em !important; } #estore_product_price_widget .productid_redesign { font-size: 10px !important; line-height: normal; top: 18px; margin-right: 0px; } #estore_product_price_widget .saving_redesign { font-size: 0.75em !important; } #estore_product_price_widget .was_price_redesign { font-size: 0.75em !important; } #estore_product_price_widget .was_prices_holder_large_redesign { padding: 0; } } /* ------------ Mobile styles ---------------- */ @media (max-width: 600px) { #estore_product_price_widget .price_redesign { font-size: 1.07em !important; line-height: normal; padding: 15px 0; } #estore_product_price_widget .details_redesign { font-size: 0.625em !important; } #estore_product_price_widget .productid_redesign { font-size: 10px !important; line-height: normal; top: 15px; margin-right: 0px; } #estore_product_price_widget .saving_redesign { font-size: 0.75em !important; } #estore_product_price_widget .was_price_redesign { font-size: 0.75em !important; } } .pdp-promotion-redesign-container { margin: 0px; padding: 0px; } .pdp-promotion-redesign { color: #CC0033; padding: 8px 0; } .pdp-promotion-redesign a, .pdp-promotion-redesign a:hover { display: block; padding: 6px 10px; border: 1px solid #CC0033; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important; } .pdp-promotion-redesign.digital-offer { color: #b8237b; padding: 0px; min-height: auto !important; } .pdp-promotion-redesign.digital-offer a, .pdp-promotion-redesign.digital-offer a:hover { border: 1px solid #b8237b; margin-top: 8px; } /* DWR-17610 start */ .pdp-promotion-redesign.speedy_delivery { color: #05054b !important; padding: 0px; min-height: auto !important; } .pdp-promotion-redesign.speedy_delivery a, .pdp-promotion-redesign.speedy_delivery a:hover { border: 1px solid #05054b; margin-top: 8px; } .pdp-promotion-redesign.speedy_delivery.speedyVan{ text-indent: 38px; background-image: url(../../images/boots/BootsSpeedyVan.svg); background-repeat: no-repeat; background-size: 30px; background-position: 9px 9px; background-blend-mode: darken; } /* DWR-17610 End */ #estore_product_promotions_on_pdp.estore_product_promotion_redesign #product_promotion_show { margin-bottom: 0px; } @media (max-width: 600px) { #estore_product_promotions_on_pdp.estore_product_promotion_redesign { width: auto; } #estore_product_promotions_on_pdp.estore_product_promotion_redesign ul.pdp-promotion-redesign-container { margin-left: 0px; } } .estore_product_container .product_info .product_offer.plp-promotion-redesign-container { margin-right: 0px; width: auto; padding: 0px; } .plp-promotion-redesign { color: #CC0033; display: block; } .plp_Free_priority_delivery{ color: #05054b; display: block; } .plp-promotion-redesign a, .plp-promotion-redesign a:hover, .plp_Free_priority_delivery a, .plp_Free_priority_delivery a:hover { display: block; padding: 6px 10px; border: 1px solid #CC0033; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important; text-align: center; font-weight: bold; font-size:14px; } .plp_Free_priority_delivery a, .plp_Free_priority_delivery a:hover { border: 1px solid #05054b; } .plp-promotion-redesign.digital-offer { color: #b8237b; } .plp-promotion-redesign.digital-offer a, .plp-promotion-redesign.digital-offer a:hover { border: 1px solid #b8237b; } .plp_Free_priority_delivery.oldTemplate a, .plp_Free_priority_delivery.oldTemplate a:hover{ border:none; text-align: left; padding-left:0; font-weight:bold; font-size:17px } .list_mode .plp_Free_priority_delivery.oldTemplate a, .list_mode .plp_Free_priority_delivery.oldTemplate a:hover{ border:none; text-align: left; } @media (max-width: 600px) { .plp_Free_priority_delivery.oldTemplate a, .plp_Free_priority_delivery.oldTemplate a:hover{ font-size:14px; } } @media(max-width: 1280px) and (min-width: 601px){ .plp_Free_priority_delivery.oldTemplate a, .plp_Free_priority_delivery.oldTemplate a:hover{ font-size:14px; } } /* basket overlay confirmation redesign */ .product_listing_container .grid_mode .product_add .shopperActions .basket_confirmation_overlay_redesign { position: fixed !important; top: 36.5% !important; left: 50% !important; z-index: 3001; background: white; } .findStoreIcon{ background: url(../../images/boots/gpsFindStore-mobile.png) no-repeat !important; width: 19px; height: 25px; position: absolute; top:7px; left:17px; } #rwdPointsIcon{ background: url(../../images/boots/adcard.svg) no-repeat !important; width: 27px; height: 20px; /* content:""; */ clip:inherit; background-position: 1px 1px; /* display: block; */ position: absolute; top:1px; } #reDesignPOint{ color: #b8237b; font-size: 1em !important; line-height: 1.5; display:block !important; text-align:left; position: relative; margin:0px auto; width:320px; margin-top: 20px; margin-bottom: -10px; } .no_points_redesign { width: 330px !important; } #reDesignPOint span { display:inline !important; } .rwdPointsContent{ padding-left: 40px; } .findStore{ text-align: center; text-decoration: underline; width:150px; margin:0px auto; position: relative; margin-bottom: 20px !important; line-height: 40px; display:block; margin-top:10px; } .findInNearStore{ text-align: center; text-decoration: underline; width:220px; margin:0px auto; position: relative; margin-bottom: 20px !important; line-height: 40px; display:block; margin-top:10px; -webkit-text-underline-position: under; -ms-text-underline-position: below; text-underline-position: under; outline: none; } #PDP_earnPointsNotOk{ margin-top: 20px; text-align: center; display: block !important; margin-bottom:-15px; } .findStoreIconContent{ padding-left:40px; } @media (max-width: 1280px) { #reDesignPOint{ width:260px; text-align:center; margin-top:25px !important; } .no_points_redesign { width: 280px !important; } .findStoreIconContent{ padding-left: 15px; font-size: 14px; } .findStore{ margin-top:0px; } .findStoreIcon{ top: 8px; left: 13px; } #rwdPointsIcon{ background: url(../../images/boots/adcard.svg) no-repeat !important; width: 24px; height: 20px; left: -6px; top: 0px; } #reDesignPOint span{ } .rwdPointsContent{ padding-left:0px; padding-left: 0px; margin: 0px auto; margin-left: 23px !important; font-size:14px; } } @media (max-width: 600px) { .product_listing_container .plp_gridView_redesign ul.grid_mode li { width: 50% !important; float: left; display: inline-flex; } .product_listing_container .plp_gridView_redesign ul.grid_mode li:nth-child(even) .estore_product_container { border: 1px solid rgb(232, 232, 232); margin: 10px 0px 0 5px; max-height: 406px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li:nth-child(odd) .estore_product_container { border: 1px solid rgb(232, 232, 232); margin: 10px 5px 0 0px; max-height: 406px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li:first-child { border-top: none; } .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_image, .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_info .product_price { width: 100%; } .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_image .product_offer_notify { top: -11px; } .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_top_section .product_name, .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_rating, .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_info .product_price { text-align: center; } .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_top_section { margin-bottom: 15px; } .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_info { height: 85px; } .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_offer.plp-promotion-redesign-container { min-height: 30px; } #estore_product_promotions_on_pdp.estore_product_promotion_redesign { margin-left: 0px; margin-top: 10px; } #estore_product_promotions_on_pdp.estore_product_promotion_redesign ul li.pdp-promotion-redesign { margin-left: 0px; } } @media (min-width: 1281px) { #estore_product_promotions_on_pdp ul.pdp-promotion-redesign-container { margin: 0px } #estore_product_promotions_on_pdp.estore_product_promotion_redesign { margin-left: 0px; margin-top: 12px; } } @media (min-width: 601px) and (max-width: 1280px) { #estore_product_promotions_on_pdp.estore_product_promotion_redesign { margin-left: 0px; } #estore_product_promotions_on_pdp ul.pdp-promotion-redesign-container { margin: 0px } } /* DWR-356 */ .plpOverlay-newDesign{ list-style-type: none; padding: 0 !important; margin:0 !important; } .plpOverlay-newDesign .redesign-promotionLink { border-bottom: 2px solid #e7e7e7; margin-top: 20px; border-radius: 2px; padding: 0px 10px !important; color: #cc0033 !important; font-weight:normal; padding-left: 20px !important; } .plpOverlay-newDesign .redesign-promotionLink a { display: inline-block; margin-top: 10px; text-decoration: underline !important; margin-bottom: 25px; color: #333; font-size: 15px; -webkit-text-underline-position: under; -ms-text-underline-position: below; text-underline-position: under; outline: none; } .redesign-overlay-wrapper { padding:20px; padding-top:0px; border-radius:2px; padding-bottom:0px; } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer { color:#b8237b !important; padding-top:0px !important; } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer .redesign-digitalOffer { position:relative; padding-bottom:10px; margin-top:15px; } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer .redesign-digitalOffer .digitalofferIcon { background: url(../../images/boots/digitaloffer-member-mobile.png) no-repeat !important; width: 27px; height: 29px; position: absolute; top: -3px; left: -1px } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer .redesign-digitalOffer .digitalofferText { font-weight:bold; padding-left:35px; } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer a{ border:none; padding-left:0; color:#333; margin-top:0; } .redesign-overlay-wrapper .product-img { float:left; width:50%; text-align:center; } .redesign-overlay-wrapper .plp-overlay-content{ float:left; width:50% } .redesign-overlay-wrapper .clr { clear:both; } .redesign-overlay-wrapper .plp-overlay-content { position:relative; } .redesign-overlay-wrapper .plp-overlay-content .headline { padding-bottom:10px; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.2em; word-spacing:0.20em; position:relative; padding-left:32px; font-weight:normal; } .redesign-overlay-wrapper .plp-overlay-content .product-desc{ padding-bottom: 5px; color: #cc0033; font-size: 15px; font-weight: normal; } .redesign-overlay-wrapper .plp-overlay-content .product-desc a { margin-top:15px; margin-bottom:15px; padding:0; display:inline-block; text-decoration:underline; } .redesign-overlay-wrapper .plp-overlay-content .product-head { padding-bottom: 0px; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 15px; font-weight: normal; margin-bottom: -15px; } .redesign-overlay-wrapper .plp-overlay-content #product_price_{ font-weight:normal; margin-top: -10px; color: #333; } .redesign-overlay-wrapper .plp-overlay-content .product_savePrice { color:#333; font-weight:normal; } .redesign-overlay-wrapper .plp-overlay-content .product_savePrice span { display:block; } .redesign-overlay-wrapper .plp-overlay-content .product-head a { font-family: Arial; } .redesign-overlay-wrapper .plp-overlay-content .product-head span { display:block; padding-top:10px; font-weight: 100; font-family: Arial; font-size:12px; } .redesign-overlay-wrapper .plp-overlay-content a { color:#4c4c4c; text-decoration:underline; } .plpOverlay-headline { font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.5em; padding-bottom: 12px; text-align: center; padding-top: 20px; } .plpOverlay-sub-headline{ font-size: 15px; font-family: Arial; text-align:center; padding-left: 75px; padding-right: 75px; border-bottom: 1px solid #e7e7e7; padding-bottom: 22px; margin-top: -2px; color:#333; line-height: 18px; } .redesign-overlay-wrapper .plp-overlay-content .giftIcon-overLay{ background: url(../../images/boots/gift-plp-overlay-mobile.png) no-repeat !important; width: 27px; height: 29px; position: absolute; top:-5px; } .redesign-overlay-wrapper .yourGift-container .giftIcon-overLay{ background: url(../../images/boots/gift-plp-overlay-mobile.png) no-repeat !important; width: 27px; height: 29px; position: absolute; top:-5px; } .yourGift-container-mobile{ position:relative; width:120px; margin:0px auto; display:block; display:block; margin-top:15px; text-align: center; padding-left: 20px; font-family:F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size:18px; padding-bottom:15px; } .yourGift-container-mobile .giftIcon-overLay-moblie{ background: url(../../images/boots/gift-plp-overlay-mobile.png) no-repeat !important; width: 27px; height: 29px; position: absolute; top:-5px; left:-10px } .plpRedesignOverlay { display: none; position: absolute !important; background: #fff; z-index: 9999 !important; left: 0; right: 0; top: 15%; padding: 0px !important; margin: 0px auto !important; width:500px !important; } .plpRedesignOverlay a[title="Close overlay"] { text-decoration: none !important; } .plp-overlay-content .hover_underline { margin-top:-25px; } .yourGift-container-portal{ display:none; } @media (min-width: 601px) { .plpRedesignOverlay { } } @media (max-width: 600px) { .plpRedesignOverlay { width: 95% !important; position: absolute !important; } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer .redesign-digitalOffer .digitalofferIcon { background: url(../../images/boots/digitaloffer-member-mobile.png) no-repeat !important; width: 27px; height: 29px; position: absolute; top:-4px; } .plpOverlay-newDesign .pdp-promotion-redesign.digital-offer .redesign-digitalOffer { padding-bottom:10px; } .redesign-overlay-wrapper .product-img{ width:40%; } .redesign-overlay-wrapper .plp-overlay-content{ width:59%; } .plpOverlay-newDesign .redesign-promotionLink{ margin-top: 13px; padding-left:10px !important; } .redesign-overlay-wrapper{ padding:0; } .plpOverlay-headline{ font-size:16px; } .plpRedesignOverlay a[title="Close overlay"] { text-decoration: none !important; font-size: 1em; width: 25px; height: 25px; line-height:25px; } .plpOverlay-sub-headline{ font-size: 11px; padding-left: 25px; padding-right: 25px; line-height: 13px; margin-top: -8px; padding-bottom: 16px; } .yourGift-container-portal{ display:none; } .redesign-overlay-wrapper{ padding-top:0px; } .redesign-overlay-wrapper .plp-overlay-content .product-desc{ font-size:12px; } .redesign-overlay-wrapper .plp-overlay-content .product-desc a{ margin-top: 10px; margin-bottom: 5px; } .redesign-overlay-wrapper .plp-overlay-content .product-head{ font-size:12px; margin-bottom: -15px; } .plpOverlay-newDesign .redesign-promotionLink a{ font-size:12px; padding: 0; margin-bottom: 15px; } .yourGift-container-mobile{ display:block; margin-top:20px; text-align: center; padding-left: 20px; font-size:16px; } .yourGift-container-mobile .giftIcon-overLay-moblie{ left:0; } .yourGift-container-mobile .headline { font-family:F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size:14px; } #estore_product_promotions_on_pdp ul li{ margin-left:0px; } .plpOverlay-newDesign .redesign-promotionLink { font-size:12px !important; } .redesign-overlay-wrapper .plp-overlay-content .headline { padding-bottom: 10px; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 0.82em; word-spacing: 0.20em; position: relative; font-weight:normal; } } @media (max-width: 1280px) and (min-width: 601px){ .plpOverlay-sub-headline{ font-size: 14px; padding-bottom: 22px; margin-top: -2px; line-height: 16px; } } /* DWR-356 */ .plpFavourtieRedesingIconContainer { position: absolute; top: -1px; right: 12px; } @media (max-width: 600px) { .plpFavourtieRedesingIconContainer { top: -14px; right: -3px; } } /* ----DWR-500 ----*/ .product_view_size a, .product_view_color a { background: #fff !important; border: 1px solid #cae0f5 !important; font-size: 18px !important; height:40px !important; } .product_view_size .tablet, .product_view_color .icon-color-text.tablet{ display:none; } .product_view_size .mobile, .product_view_color .mobile { display:none; } .product_view_size .non-mobile, .product_view_color .non-mobile { display:block; } .product_view_color a{ } .product_view_color .icon-color{ background: #fff url(../../images/boots/view-color.png) no-repeat !important; width: 32px; height: 32px; display: inline-block; position:relative; top: 2px; left: -5px; } .product_view_color .icon-color-text{ position:relative; top: -7px; } @media (max-width: 340px) { .product_view_color .icon-color{ background: #fff url(../../images/boots/view-color-mobile1.png) no-repeat !important; width: 22px; height: 22px; display: inline-block; position: relative; top: 4px; left: -3px !important; } } @media (max-width: 600px) { .product_view_color, .product_view_size { position: relative; top:7px; } .product_view_size .desktop { display:none; } .product_view_size .mobile, .product_view_color .mobile { display:block; } .product_view_size .non-mobile, .product_view_color .non-mobile { display:none; } .product_view_size a { background: #fff !important; border: 1px solid #cae0f5 !important; font-size: 14px !important; min-height: 33px !important; height:33px; line-height:33pxx !important; } .product_view_color a{ font-size: 14px !important; line-height:28px !important; min-height:auto !important; } .product_view_color .icon-color{ background: #fff url(../../images/boots/view-color-mobile1.png) no-repeat !important; width: 22px; height: 22px; display: inline-block; position: relative; top: 2px; left: -5px; } .product_view_color .icon-color-text .color-text { position: relative; bottom: 4px; } .product_view_color .icon-color-text{ position:relative; top: 1px; left:-2px; } .product_view_color .icon-color, .product_view_color .desktop{ display:none; } .product_view_color .icon-color-text .icon-color{ display:inline-block !important; } } @media (min-width: 601px) and (max-width: 1280px) { .product_view_size .tablet, .product_view_color .icon-color-text.tablet { display:inline-block; } .product_view_size .desktop, .product_view_color .icon-color-text.desktop { display:none; } } /* ----DWR-500 ----*/ #appliedPromotionCodes .row{ width: 100%; } #prescription_order_details_container #order_reorder_button_container { margin-top: 2em; } #prescription_order_details_container #order_details_top{ margin-top:10px; } #prescription_order_details_container .text-bold { font-weight: bold; } #prescription_order_details_container #order_summary_total_saving { padding: 15px 0; } #prescription_order_details_container .v-space{ padding: 15px 0; } #prescription_order_details_container #ordersummary #order_summary_delivery_charges { border-top: 1px solid #d0d0d0; padding: 20px 0; margin-top: 18px; } #prescription_order_details_container #ordersummary .totalSum, #ph_orderDetailsSummary .totalSum { font-size: 16px; } #prescription_order_details_container .myAccount_orders_section_border_bottom { border: none; } #prescription_order_details_container #top_ordersummary_container { margin-bottom: 70px; } #prescription_order_details_container .sub-title-copy { padding-top: 10px; } #prescription_order_details_container .offer-text { padding: 10px 0; font-weight: bold; color: #ce0e3c; } #prescription_order_details_container .promo-wrap p { color: #b8237b; } #prescription_order_details_container #prescriptionOrderDetails { border-bottom: 1px solid #d0d0d0; } #ordersummary .price_container p { letter-spacing: 1px; } .showReviewOrder .subtotal_and_savings { margin-top: -30px; } /*tablet view */ @media (min-width: 601px) and (max-width: 1280px) { #prescription_order_details_container #order_details_top .order_info{ padding-bottom: 10px; } #prescription_order_details_container #ph_my_account_order_details_header { padding-bottom: 0; } #prescription_order_details_container #order_reorder_button_container { margin-top: 10px; } #prescription_order_details_container .button.primary { width: 150px; } #prescription_order_details_container #order_details_top { margin-bottom: 1em; } #prescriptionOrderDetails #prescriptionItemsDetails .quantity, #prescriptionItemsDetails th.subtotal, #prescriptionItemsDetails td.subtotal { display: none; } #prescription_order_details_container .sub-title-copy, #prescription_order_details_container .offer-text { padding-top: 5px; } #prescription_order_details_container #order_summary_total_saving, #prescription_order_details_container .v-space { padding: 5px 0; } #prescription_order_details_container #ordersummary #order_summary_delivery_charges { padding: 15px 0; } #prescription_order_details_container #ordersummary .totalSum p { padding: 0; font-size: 14px; line-height: 0; } #prescription_order_details_container #top_ordersummary_container { margin-bottom: 50px; } #prescriptionOrderDetails .patientName { font-weight: normal; } } /*Mobile view */ @media (max-width: 600px) { #prescription_order_details_container #order_details_top .my_account_order_bold { width: 9em; } #prescription_order_details_container #order_details_top .value{ width: 57%; } #prescription_order_details_container #order_reorder_button_container { margin-top: 10px; } #prescriptionOrderDetails .patientName { font-weight: normal; } #prescriptionOrderDetails #prescriptionItemsDetails .quantity, #prescriptionItemsDetails th.subtotal, #prescriptionItemsDetails td.subtotal { display: none; } #prescriptionItemsDetails th, #prescriptionItemsDetails tbody { font-size: 14px; } #prescription_order_details_container .sub-title-copy, #prescription_order_details_container .offer-text { padding-top: 5px; } #prescription_order_details_container #order_summary_total_saving, #prescription_order_details_container .v-space { padding: 5px 0; } #prescription_order_details_container #ordersummary #order_summary_delivery_charges { padding: 15px 0; } #prescription_order_details_container #ordersummary .totalSum p { padding: 0; font-size: 14px; line-height: 0; } #prescription_order_details_container #top_ordersummary_container { margin-bottom: 30px; } .showReviewOrder .subtotal_and_savings { margin-top: 10px; } .showReviewOrder .subtotal_and_savings .subtotal { font-size: 1em; } .showReviewOrder #reviewOrder .promo_offer_description { padding-left: 0; } .showReviewOrder #reviewOrder .promo_offer_description .promo_offer_title { width: 73%; } } #reviewOrder #promo_row-show .col12 > div { float: left; } #reviewOrder #basket_offers_body #offer_row { margin-top: 0; border-top: none; } #clinic-page #reviewOrder .changeQuantity .medPrice { margin-top: 0; line-height: normal; height: initial; } #reviewOrder .promo_offer_description { padding-left: 14px; padding-bottom: 0; display: inline; font-weight: bold; } #reviewOrder .promo_offer_container { overflow: hidden; width: auto; } .clinicsCustomer #sectionFive #reviewOrder .total_font { font-size: 1em; } @media (min-width: 601px) and (max-width: 1280px) { #reviewOrder .prescription .changeQuantity .medName { font-size: 1em; margin-bottom: 0; } #reviewOrder #basket_total #basket_total_body #offer_row { padding-bottom: 1em; } #reviewOrder #offer_row, #reviewOrder #basket_offer_row { padding-bottom: 1.3em; } .clinicsCustomer #sectionFive #reviewOrder .total_font { font-size: 1em; } #reviewOrder #PromotionCodeForm .promo_input { margin-left: 0; } } @media (max-width: 700px) and (min-width: 601px){ #reviewOrder #basket_offers_body .subtotal_and_savings { width: calc(100% - 445px); } } /*Mobile view */ @media (max-width: 600px) { #sectionFive #reviewOrder #promotions { display: initial; margin-bottom: 10px; } #reviewOrder .subtotal_and_savings { margin-top: 10px; } #reviewOrder .showElement { width: auto; } #reviewOrder #PromotionCodeForm .promo_empty_error { margin-left: 0; } #reviewOrder #which_includes { font-size: 0.85em; } #reviewOrder #offer_row, #reviewOrder #basket_offer_row { padding-bottom: 1em; } #reviewOrder #basket_offers_body #offer_row { padding-bottom: 15px; } #reviewOrder #order_totals .row { margin: 1em 0 0.5em 0px; } #reviewOrder #basket_adcard #adv_row .adv_card_input{ width: 98.5% !important; } #reviewOrder #promo_row-show { min-width: auto; } } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_rating { margin-bottom: 13px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .plp-promotion-redesign-container { min-height: 34px !important; margin: 10px 0 13px; width: 100%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info { height: auto; text-align: center; } .plp-promotion-redesign a, .plp-promotion-redesign a:hover, .plp_Free_priority_delivery a, .plp_Free_priority_delivery a:hover { font-weight: normal; border-radius: 3px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice span.save { font-weight: normal; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_price { padding-bottom: 0px !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info span.price { display: block; font-size: 0.75em !important; font-weight: normal; color: #4c4c4c; padding-top: 5px; width: 100%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice { padding-top: 2px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_stockComingSoon { font-size: 1.125em; width: 95%; } @media (min-width: 601px) { .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_image .product_offer_notify { top: 15px; } .plpFavourtieRedesingIconContainer { top: -8px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_image { position: static; } } @media (max-width: 1280px) and (min-width: 601px){ .plp_gridView_redesign ul.grid_mode li .estore_product_container { height: 565px; } } @media (max-width: 600px) { #estore_lister_template_container.estore_lister_template_container_redesign { padding: 0 10px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_top_section { margin-bottom: 0px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .plp-promotion-redesign-container { margin: 0px; } .plp_gridView_redesign ul.grid_mode li .estore_product_container { height: 445px; max-height: initial !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add { position: absolute; left: 5%; width: 90%; } .plpFavourtieRedesingIconContainer { top: -12px; right: 0px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_name:before, .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_name:after { display: block !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_name { height: 60px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_name > a { float: right; width: 100%; margin-left: -5px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_stockComingSoon { font-size: 0.9em; position: relative; top: 7px; text-align: center; width: 100%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_rating { min-height: 15px; width: 100%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info span.price { font-size: 11px !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice { width: 100%; text-align: center; order: 0; padding-bottom: 0px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice .save { padding-right: 0px; } } /* No Add to basket varients PDP */ .sold_out_text_redesign h5 { font-size: 1.250em !important; margin-bottom: 0px !important; } .sold_out_text_redesign p { font-size: 1.063em !important; line-height: 1.4em; } @media (max-width: 1280px) and (min-width: 601px){ .sold_out_text_redesign h5 { font-size: 1.063em !important; margin-bottom: 5px !important; } .sold_out_text_redesign p { font-size: 0.875em !important; line-height: 1.5em; } } @media (max-width: 600px){ .sold_out_text_redesign h5 { font-size: 1.063em !important; margin-bottom: 5px !important; } .sold_out_text_redesign p { font-size: 0.75em !important; line-height: 1.5em; } } #sizeComboButton { position: relative; cursor: pointer; outline: none; } #sizeComboButton:focus { outline: none; } .sizeComboButton_custom_dropdown { border: 1px solid #d0d0d0; text-align: left; border-radius: 4px; background: #ffffff; bottom: 0px; margin-top: 15px; display: block; min-height: 40px; } .sizeComboButton_custom_dropdown .sizeComboButton_custom_dropdown_list:before { height: 1px; background: #d0d0d0; margin: 0 20px; padding: 0px; overflow: hidden; content: ''; display: block; } .sizeComboButton_custom_dropdown .sizeComboButton_custom_dropdown_list { list-style: none; position: absolute; top: 40px; left: 0px; border: 1px solid #d0d0d0; border-width: 0 1px 1px 1px; background: #ffffff; z-index: 100; border-radius: 4px; width: calc(100% - 2px); margin: 0px; padding: 0px; } .sizeComboButton_custom_dropdown .sizeComboButton_custom_dropdown_list ul { margin: 0px; padding: 0px; max-height: 183px; overflow-y: auto; } .sizeComboButton_custom_dropdown ul li { list-style: none; min-height: 40px; margin: 0px; padding: 0 20px; line-height: 40px; cursor: pointer; font-size: 12px; } #sizeComboButton_label{ display: table-cell; vertical-align: middle; height: 40px; padding: 0 20px; font-weight: bold; width: 90%; font-size: 14px; } .sizeComboButton_arrow { color: transparent; background-image: url("../../images/boots/small_arrow_active.png"); background-size: 8px; background-repeat: no-repeat; position: absolute; background-position: 50%; height: 25px; width: 25px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); float: right; right: 18px; top: 25%; background-color: white; border-radius: 2px; } .colorVarientCombobutton .sizeComboButton_custom_dropdown ul li { display: flex; align-items: center; } .colorVarientCombobutton .productVarient { line-height: normal; } .colorVarientCombobutton .productVarient label, div#cvos_overlay_pddesc div#cvos_overlay_productVariantSelection .colorVarientCombobutton li label { display: flex; cursor: pointer; } .colorVarientCombobutton .productVarient label img { line-height: normal; } .colorVarientCombobutton .productVarient label div.tooltip { align-self: center; padding-left: 10px; } /*DWR-1179*/ .age-reDesign .agerestriction_title{ font-size:17px; line-height: normal; } .age-reDesign p{ font-size:12px !important; } .delivery-reDesign .dropship_title { font-size:17px !important; } .delivery-reDesign p { font-size:12px !important; } #estore_product_price_widget.price-reDesign .non_payable { font-size: 14px !important; line-height:normal; color:#333; font-weight:normal; margin: 7px 0; } #estore_product_price_widget.price-reDesign .saving, #estore_product_price_widget.price-reDesign .was_price{ font-size: 14px !important; } .vatReliefMsg-redesign{ font-weight:normal; } @media (max-width: 1280px){ .age-reDesign .agerestriction_title{ padding-top:25px; font-size:14px; } .vatReliefMsg-redesign{ font-size:12px; } .delivery-reDesign{ margin-bottom:-10px !important; margin-top: 15px !important; } .delivery-reDesign .dropship_title{ font-size:14px !important; padding-bottom:5px; } #estore_product_price_widget.price-reDesign .non_payable{ font-size:12px !important; } #estore_product_price_widget.price-reDesign .saving, #estore_product_price_widget.price-reDesign .was_price{ font-size:12px !important; } } /* DWR 1179 */ /* DWR 353 */ #yourFreeGift { padding-top: 15px; padding-bottom: 15px; border: 1px solid #d0d0d0; } #yourFreeGift .product-img { width:40% !important; } .container-yourFreeGift .redesign-promotionLink{ border:none !important; Padding: 0 !important; } #yourFreeGift .plp-overlay-content .hover_underline{ margin-bottom:15px } #yourFreeGift .plp-overlay-content .product-desc{ padding-bottom:15px; } @media (max-width: 1280px) and (min-width: 601px){ #yourFreeGift .product-img { width:50% !important; } } @media (max-width: 600px){ #yourFreeGift { border:none; border-top: 2px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; padding-bottom: 20px; } } /* DWR 353 */ .plpRedesignOverlay { position: fixed !important; } @media (max-width: 600px){ .plpRedesignOverlay { top: 70px !important; overflow-y: auto !important; max-height: 80%; scroll-behavior: smooth; } } /* PLP tile left align fix for tab */ @media (max-width: 1280px) and (min-width: 601px){ .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add { padding: 0; width: 95%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add .button.primary { width: 95%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add .product_view_size .button.secondary { width: 95%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add .product_view_color .button.secondary { width: 95%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add .product_stockComingSoon { width: 95%; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_add .shopperActions > .quantity_section_redesign { width: 95%; } } .plp_shopperActions_redesign .wait_cursor_redesign, .pdp_shopperActions_redesign .wait_cursor_redesign { height: 30px; padding: 5px 0px; width: 95%; background: #fff; text-align: center; } .pdp_shopperActions_redesign .wait_cursor_redesign { position: absolute; top: 30px; } @media (max-width: 600px) { .pdp_shopperActions_redesign .wait_cursor_redesign { top: 23px; } .plp_shopperActions_redesign .wait_cursor_redesign img { margin-top: 10px; height: 25px; width: 25px } } /** PDP/PLP Develivery options banner **/ .contentRecommendationWidget .deliveryBannerRedesign { margin: 0 -10px 0 -10px; display: flex; flex-flow: row nowrap; } #estore_pdp_topsec .contentRecommendationWidget .deliveryBannerRedesign { margin-top: 10px; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div { background: #cae0f5; height: 37px; width: 100%; position: relative; text-align: center; margin-left: 5px; color: #004990; display: flex; align-items: center; justify-content: center; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div span { padding-left: 5px; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div img { padding-right: 5px; height: 28px; width: 28px; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div:first-child{ margin-left: 0px; } @media (min-width: 1281px) { #estore_pdp_topsec .contentRecommendationWidget .deliveryBannerRedesign { margin-top: 20px; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign .desktop_visible { display: flex; } } @media (min-width: 601px) and (max-width: 1280px) { .contentRecommendationWidget .left_espot .deliveryBannerRedesign div { display: none; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign .tablet_visible { display: flex; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div { margin-top: 5px; } } @media (max-width: 600px) { .contentRecommendationWidget .left_espot .deliveryBannerRedesign div { display: none; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign .mobile_visible { display: flex; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div { margin-top: 5px; margin-bottom: 5px; font-size: 15px; height: 33px; } .contentRecommendationWidget .deliveryBannerRedesign { margin: 0px; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div span { font-size: 13px; } .contentRecommendationWidget .left_espot .deliveryBannerRedesign div img { height: 25px; width: 25px; } } /* DWR-1205 */ .reDesign-OutofStock{ text-decoration: line-through; color: #c1c1c1; } .reDesign-OutofStock:after{ content:" (out of stock)"; text-decoration: none !important; display:inline-block; padding-left:5px; } /* DWR-1205 */ /**** Rating and Review default color and selected color ****/ .rating0,.rating1,.rating2,.rating3,.rating4,.rating5, .rating0_5,.rating1_5,.rating2_5,.rating3_5,.rating4_5,.rating5, .estore_product_container div.product_rating span, .bundle_item_container div.product_rating span, .bundle_prod_info_container div.product_rating span { color: #FFED00; } .rating0:before,.rating1:before,.rating2:before,.rating3:before,.rating4:before,.rating5:before, .rating0_5:before,.rating1_5:before,.rating2_5:before,.rating3_5:before,.rating4_5:before{ color: inherit !important; } .rating0:after,.rating1:after,.rating2:after,.rating3:after,.rating4:after,.rating5:after, .rating0_5:after,.rating1_5:after,.rating2_5:after,.rating3_5:after,.rating4_5:after, .rrItemsContainer .rrRatingContainer span:after, .estore_product_container div.product_rating span:after, .bundle_item_container div.product_rating span:after, .bundle_prod_info_container div.product_rating span:after { color: #D0D0D0; } /**** Rating and Review default color and selected color ****/ /* Adcard redesgin starts */ #eStore_registration_form.adcard_form.adcard_form_redesign .labelSpan, #eStore_registration_form.adcard_form.adcard_form_redesign .column .column_label{ display :block; width: auto; padding-bottom: 5px; font-size: 14px; font-weight: bold; line-height: normal; margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign input{ margin: 0px; width: 352px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 38px; padding: 0 5px 0 0px; border: 1px solid #d0d0d0; border-radius: 2px; font-size: 14px !important; text-indent: 12.5px; } #eStore_registration_form.adcard_form.adcard_form_redesign select, #eStore_registration_form.adcard_form.adcard_form_redesign #editRegistrationTitle, #eStore_registration_form.adcard_form.adcard_form_redesign #WC_UserRegistrationUpdateForm_FormInput_gender_In_Register_1{ margin: 0px; background: #f6fafe; font-size: 14px; height: 40px !important; padding-left: 12.5px; min-height: 40px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .formInputDesc { padding: 6px 0 0 0; font-size: 12px; color: #4c4c4c; line-height: normal; width: 356px; } .form_row_redesign { padding: 15px 0 0 0; } .form_row_redesign .error_redesignContainer { padding: 3px 0 0 0; color: #cc0033; font-size: 14px; line-height: normal; display: none; width: 356px; } #eStore_registration_form.adcard_form.adcard_form_redesign .requiredFieldTop{ text-align: right; width: auto; padding-top: 7px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .title { padding: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .title h1{ font-size: 20px; padding: 30px 0 5px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .title h1::first-letter { text-transform: capitalize; } #eStore_registration_form.adcard_form.adcard_form_redesign .needRepublicAddcard { width: auto; padding-bottom: 16px; } #eStore_registration_form.adcard_form.adcard_form_redesign .needRepublicAddcard a { text-decoration: underline; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.searchRedesign input { width: 188px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .button { float: none; margin-left: 12px; width: 148px; height: 40px; position: relative; top: 0px; font-size: 17px; } .entetAddressManuallyLink { font-size: 14px; text-decoration: underline; padding-top: 12px; } .tempAddCardContainer_redesign { margin: 26px 0 0 0; padding: 17px 0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } .tempAddCardContainer_redesign h5 { font-size: 14px; line-height: normal; } .healthClubPref_redesign#eStore_SignUp_Preferences { width: auto !important; } #eStore_SignUp_Preferences.healthClubPref_redesign .preferences_con { top: 0px; padding: 0px; font-size: 14px; } .tempAddCardContainer_redesign .radio_primary, .tempAddCardContainer_redesign .radio_primary_label { font-size: 14px; left: -6px; padding-right: 2.8em; } #eStore_SignUp_Preferences.healthClubPref_redesign .checkboxfield.preferences_con.addCarTtermsAndConditionRedesign { margin: 22px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .button_footer_line { padding: 0 0 30px 0; border-bottom: 1px solid #d0d0d0; margin: 0 0 29px 0; text-align: right; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .button_footer_line .button { width: 248px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubAdcPrivacyNotice { font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubAdcPrivacyNotice b { display: block; padding-bottom: 8px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubAdcPrivacyNotice br:nth-child(-n+3) { display: none; } #eStore_registration_form.adcard_form.adcard_form_redesign #personalDetails select#country { width: 357px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign { border: 1px solid #937bcc; background-color: #fcfcfc; margin: 18px 0 9px 0; padding: 14px 18px 16px 18px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign h2 { font-size: 16px; line-height: normal; padding: 0px; margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con label { padding-left: 9px; font-size: 15px; margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign p { font-size: 15px; padding: 9px 0 12px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign { border: 1px solid #23a2b5; background-color: #fcfcfc; margin: 18px 0 8px 0; padding: 15px 14px 16px 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign h2 { font-size: 14px; line-height: normal; padding: 0px; margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign p.adcard_parenting_club_desc_redesign { font-size: 14px; padding: 7px 0 13px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con label { padding-left: 7px; font-size: 14px; margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .parentingClub { display: flex; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .parentingClub .checkboxfield { margin-right: 53px; } .addCarTtermsAndConditionRedesign.form_row_redesign .error_redesignContainer { width: auto; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con, #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con { position: relative; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con input[type="checkbox"], #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con input[type="checkbox"] { display: block; position: absolute; width: 20px; height: 20px; margin: 0; cursor: pointer; opacity: 0; z-index: 666; top: 0; left: 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con input[type="checkbox"] + span, #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con input[type="checkbox"] + span { display: inline-block; width: 14px; height: 14px; border: 1px solid #d0d0d0; margin-right: 0px; top: 4px; position: relative; color: #004990; margin-bottom: 0; overflow: hidden; font-size: 12px; border-radius: 2px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con input[type="checkbox"]:checked + span:after, #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con input[type="checkbox"]:checked + span:after { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 14px; height: 16px; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } #eStore_registration_form.adcard_form.adcard_form_redesign input[type="checkbox"] { width: 20px; height: 20px; margin: 0px; } #eStore_SignUp_Preferences.healthClubPref_redesign .preferences_con input[type="checkbox"] + span { width: 14px; height: 14px; border-radius: 2px; font-size: 12px; } #eStore_SignUp_Preferences.healthClubPref_redesign .preferences_con label { margin-left: 9px; } #eStore_registration_form.adcard_form.adcard_form_redesign .kidCountContainer { margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobDay { width: 99px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobMonth { margin-left: 19px; width: 142px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobYear { margin-left: 25px; width: 92px; } #eStore_registration_form.adcard_form.adcard_form_redesign #kid1Div { margin-top: 13px; } #eStore_registration_form.adcard_form.adcard_form_redesign #kid2Div, #eStore_registration_form.adcard_form.adcard_form_redesign #kid3Div, #eStore_registration_form.adcard_form.adcard_form_redesign #kid4Div { border-top: 1px solid #23a2b5; margin-top: 39px; padding-top: 10px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer { width: 359px; display: flex; padding: 23px 0 6px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer div.removechild{ width: 50%; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer div.addAnotherchild { width: 50%; text-align: right; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer a{ font-size: 14px; text-decoration: underline; } #eStore_registration_form.adcard_form.adcard_form_redesign #parentClubDetails #babyDue { margin-top: 10px; } #eStore_registration_form.adcard_form.adcard_form_redesign #parentClubDetails #babyDue.showSeprator .form_row_redesign { border-bottom: 1px solid #23a2b5; padding-bottom: 25px; margin-bottom: -3px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign { border-bottom: 1px solid #d0d0d0; padding-bottom: 25px; margin-bottom: -1px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign h2 { font-size: 14px; margin: 0px; padding: 16px 0 9px 0; line-height: normal; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign p{ padding: 3px 0; line-height: normal; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign .preferences_con { position: relative; margin-top: 5px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign .preferences_con input, #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign .preferences_con span{ position: absolute; top: 1px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign .preferences_con label { margin-left: 29px; display: inline-block; line-height: normal; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign input.fixedNo { width: 98px !important; border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background: white; margin-bottom: 0px !important; } /*fix for DWR-4270*/ #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign input.fixedNo[disabled="disabled"]{ opacity: 1; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign input.text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 261px !important; margin-bottom: 0px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign .column_label { margin: 0px; padding:0 0 8px 0; line-height: normal; font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign .info_message { font-size: 12px; margin-top: 5px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign .adcard_signup_section_content.expandable.expanded { margin-top: 14px; margin-bottom: -3px; font-size: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .desktopViewDesc, #eStore_registration_form.adcard_form.adcard_form_redesign .tabandMobileViewDesc{ display: none; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .button.disabled { pointer-events: none; } .tempAddCardContainer_redesign .form_row_redesign.adcard_signup_section_content { padding: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign input#reglogonPassword, #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign input#reglogonPasswordVerify { box-sizing: initial; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.password_strength_redesign { position: relative; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.password_strength_redesign .bubble-container { left: 380px; top: 36px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardSignupChangeEmailLink { font-size: 14px; padding-top: 11px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardSignupChangeEmailLink a { text-decoration: underline; } #parentalConsentROI { margin-top: 8px; } #eStore_registration_form.adcard_form.adcard_form_redesign #eStore_SignUp_Preferences #parentalConsentROI .checkboxfield.preferences_con.twoLineLabel .checkbox_space { padding-top: 4px; line-height: normal; } #gigyaLoginDiv_content_caption{ width: 378px !important; margin-top: 30px; } #gigyaLoginDiv_content .gigya-screen{ padding: 0; } .gigya-composite-control.gigya-composite-control-password{ margin-bottom: 12px; } .errorMsgAdvCard div#errorMessage{ margin-top: 30px !important; } .errorMsgAdvCard #errorMessageContainer{ position: relative; } #gigyaLoginDivAdvCard_content .gigya-screen{ padding: 0; } #gigyaLoginDivAdvCard h1{ text-align: left !important; } #eStore_registration_form.adcard_form.adcard_form_redesign p.needRepublicAddcard + div#errorMessage div#errorMessageContainer { margin-top: 1px; margin-bottom: -8px; } #eStore_registration_form.adcard_form.adcard_form_redesign p.needRepublicAddcard + div#errorMessage div#errorMessageContainer a#warningMessagePara .warning_icon{ left: -27px; } @media (min-width: 1281px) { #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthMonth { min-width: 142px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthDay { min-width: 97px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthYear { min-width: 92px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationGenderLabel select, #eStore_registration_form.adcard_form.adcard_form_redesign #personalDetails select#editRegistrationTitle { width: 143px; } #eStore_registration_form.adcard_form.adcard_form_redesign { max-width: 968px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con label { padding-left: 10px; } #eStore_registration_form.adcard_form.adcard_form_redesign .desktopViewDesc { display: inline; } .heroContentTopAdvCard #contentRecommendationWidget_LOYALTY_CONFIRMATION_TOP_ADC, .heroContentBottomAdvCard #contentRecommendationWidget_LOYALTY_CONFIRMATION_BOTTOM_ADC, .errorMsgAdvCard #errorMessageContainer { max-width: 968px; margin: 0 auto; } #gigyaLoginDivAdvCard, .errorMsgAdvCard div#errorMessage { width: 389px; margin: 0 auto !important; } } @media (min-width: 601px) and (max-width: 1280px) { #eStore_registration_form.adcard_form.adcard_form_redesign p.needRepublicAddcard + div#errorMessage div#errorMessageContainer { margin-top: 17px; } #eStore_registration_form.adcard_form.adcard_form_redesign .needRepublicAddcard { padding-top: 16px; padding-bottom: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign { max-width: 85%; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthMonth { width: 142px; margin-left: 17px; padding: 0 16px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthYear { margin-left: 17px; padding: 0 16px; width: 96px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthDay { width: 96px; padding: 0 16px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationGenderLabel select, #eStore_registration_form.adcard_form.adcard_form_redesign #personalDetails select#editRegistrationTitle { width: 140px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign { margin: 15px 0 9px 0; padding: 12px 18px 19px 18px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign p { padding: 5px 0 7px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign p, #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con label { font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign { margin: 13px 0 8px 0; padding: 17px 14px 9px 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign p.adcard_parenting_club_desc_redesign { padding: 7px 0 13px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con label { padding-left: 7px; margin: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign #kid2Div, #eStore_registration_form.adcard_form.adcard_form_redesign #kid3Div, #eStore_registration_form.adcard_form.adcard_form_redesign #kid4Div { margin-top: 31px; padding-top: 11px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobYear { width: 92px; margin-left: 16px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobMonth { margin-left: 18px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tabandMobileViewDesc { display: inline; } .heroContentTopAdvCard #contentRecommendationWidget_LOYALTY_CONFIRMATION_TOP_ADC, .heroContentBottomAdvCard #contentRecommendationWidget_LOYALTY_CONFIRMATION_BOTTOM_ADC, #errorMessageContainer { max-width: 85%; margin: 0 auto; } #gigyaLoginDivAdvCard, .errorMsgAdvCard #errorMessage { width: 375px; margin: 0 auto !important; } } @media (max-width: 600px) { #eStore_registration_form.adcard_form.adcard_form_redesign p.needRepublicAddcard + div#errorMessage div#errorMessageContainer { margin-top: 7px; margin-bottom: 3px; } #eStore_registration_form.adcard_form.adcard_form_redesign p.needRepublicAddcard + div#errorMessage div#errorMessageContainer a#warningMessagePara { font-size: 12px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign p.needRepublicAddcard + div#errorMessage div#errorMessageContainer a#warningMessagePara .warning_icon{ top: 2px !important; left: -25px; } .errorMsgAdvCard #errorMessage #errorMessageContainer{ padding-left: 4%; } .errorMsgAdvCard #errorMessage .warning_icon{ margin-left: 3%; } .heroContentTopAdvCard #contentRecommendationWidget_LOYALTY_CONFIRMATION_TOP_ADC,div#errorMessage, .heroContentBottomAdvCard #contentRecommendationWidget_LOYALTY_CONFIRMATION_BOTTOM_ADC{ max-width: 92%; width: 92%; margin: 0 auto; } #eStore_registration_form.adcard_form.adcard_form_redesign .formInputDesc { width: auto; font-size: 11px; clear: both; } #eStore_registration_form.adcard_form.adcard_form_redesign input { width: 98%; text-indent: 9px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthMonth { width: 117px; margin-left: 6px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthYear { margin-left: 6px; width: 87px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthDay { width: 75px; min-width: 75px; } #eStore_registration_form.adcard_form.adcard_form_redesign select, #eStore_registration_form.adcard_form.adcard_form_redesign #editRegistrationTitle, #eStore_registration_form.adcard_form.adcard_form_redesign #WC_UserRegistrationUpdateForm_FormInput_gender_In_Register_1 { font-size: 14px !important; padding-left: 9px !important; } .entetAddressManuallyLink { padding-top: 11px; font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .title h1 { font-size: 18px; padding: 17px 0 9px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .button { width: 132px; margin-left: 3px; top: -1px; margin-bottom: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.searchRedesign input { width: 145px; } #eStore_registration_form.adcard_form.adcard_form_redesign #errorMessage { margin-top: 0px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .needRepublicAddcard { padding-bottom: 17px; } .tempAddCardContainer_redesign { margin-top: 22px; padding: 13px 0; } #eStore_SignUp_Preferences.healthClubPref_redesign .preferences_con { font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .button_footer_line .button { margin-left: 0px; width: 100%; } #eStore_SignUp_Preferences.healthClubPref_redesign .preferences_con input[type="checkbox"] + span, #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con input[type="checkbox"] + span, #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con input[type="checkbox"] + span { left: 0px; width: 15px; height: 15px; font-size: 12px; } #eStore_SignUp_Preferences.healthClubPref_redesign .preferences_con label { margin-left: 7px; } #eStore_SignUp_Preferences.healthClubPref_redesign .checkboxfield.preferences_con.addCarTtermsAndConditionRedesign { margin: 19px 0 21px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign #editRegistrationTitle, #eStore_registration_form.adcard_form.adcard_form_redesign #WC_UserRegistrationUpdateForm_FormInput_gender_In_Register_1 { min-width: 130px; max-width: 130px; width: 130px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationTitleLabel .dropdown_arrow, #eStore_registration_form.adcard_form.adcard_form_redesign #registrationGenderLabel .dropdown_arrow { right: 33px; } .form_row_redesign .error_redesignContainer { width: auto; font-size: 12px; clear: both; } #eStore_registration_form.adcard_form.adcard_form_redesign #personalDetails select#country { width: 100% !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign { margin: 16px 0 6px 0; padding: 14px 18px 15px 18px; border-left-width: 0px; border-right-width: 0px; margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign p { padding: 4px 0 6px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign h2 { font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign p, #eStore_registration_form.adcard_form.adcard_form_redesign .adcardOver_60_redesign .preferences_con label { font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign { margin: 15px 0 2px 0; padding: 10px 14px 16px 14px; border-left-width: 0px; border-right-width: 0px; margin-left: -5%; margin-right: -5%; padding-left: 5%; padding-right: 5%; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign p.adcard_parenting_club_desc_redesign { padding: 6px 0 6px 0; font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .preferences_con label { padding-left: 5px; margin: 0px; font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .parentingClub { display: block; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .parentingClub .expectingBabyRedesing { margin-bottom: 11px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer { width: auto; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobDay { width: 74px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobMonth { margin-left: 7px; width: 117px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcard_parenting_club_redesign .kidDobYear { width: 87px; margin-left: 7px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer a { font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign #kid2Div, #eStore_registration_form.adcard_form.adcard_form_redesign #kid3Div, #eStore_registration_form.adcard_form.adcard_form_redesign #kid4Div { margin-top: 35px; padding-top: 11px; } #eStore_registration_form.adcard_form.adcard_form_redesign #parentClubDetails #babyDue.showSeprator .form_row_redesign { padding-bottom: 29px; margin-bottom: -6px; } #eStore_registration_form.adcard_form.adcard_form_redesign .parentingClubbottomContainer { padding: 19px 0 0px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign p{ font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign .preferences_con label { margin-left: 28px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign { padding-bottom: 18px; margin-bottom: 1px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tabandMobileViewDesc { display: inline; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign .info_message { font-size: 11px; line-height: normal; padding-bottom: 3px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign input.text { width: calc(98% - 94px) !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign .adcard_signup_section_content.expandable.expanded { margin-bottom: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .customArrowContainer { position: relative; display: block; } #eStore_registration_form.adcard_form.adcard_form_redesign .customArrowContainer .dropdown_arrow, #eStore_registration_form.adcard_form.adcard_form_redesign .registrationDateOfBirthLabel .dropdown_arrow { position: absolute; top: 8px; right: 8px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign #parentClubDetails #babyDue { margin-top: 7px; } #eStore_registration_form.adcard_form.adcard_form_redesign .registrationDateOfBirthLabel { position: relative; display: block; float: left; } #eStore_registration_form.adcard_form.adcard_form_redesign #eStore_SignUp_Preferences #parentalConsentROI .checkboxfield.preferences_con.twoLineLabel .checkbox_space { width: calc(100% - 42px); padding-top: 5px; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.password_strength_redesign .bubble-container { margin-top: 22px; margin-bottom: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .adcardSignupChangeEmailLink { font-size: 12px; padding-top: 8px; } #eStore_registration_form.adcard_form.adcard_form_redesign .sign_in_registration .emailConsentContainerRedesign .preferences_con { margin-top: 6px; margin-bottom: 10px; padding-bottom: 15px; } #parentalConsentROI { margin-top: 6px; } } /* Adcard redesgin starts */ /* DWR-6536 Start */ @media (max-width: 333px) { #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthMonth { margin-left: 6px; } #eStore_registration_form.adcard_form.adcard_form_redesign #registrationDateOfBirthDay { min-width: 0px; width: 65px; } } /* DWR-6536 End */ /* DWR-306 */ #adcardQuickLinkGuest .NotForTablet { display:inline; } @media (min-width: 601px) and (max-width: 1280px) { #adcardQuickLinkGuest .NotForTablet { display:none; } } /* DWR-306 End*/ /* Adcard login V2 */ #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration { width: 359px; margin: auto; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration #errorMessage #errorMessageContainer{ margin-bottom: -17px; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration .title { padding-top: 5px; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration .title h1 { font-size: 25px; white-space: nowrap; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign { margin: auto; margin-top: 17px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_email_check_text{ font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; font-size: 17px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_signup_text{ font-family: arial,helvetica,clean,sans-serif; font-weight: normal; margin-top: 16px; font-size: 14px; line-height: 20px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_email{ margin-top: 20px; font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .back_to_login{ margin-top: 24px; background-color: #fff; border: 1px solid #cae0f5; color: #004990; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_password{ margin-top: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign input{ margin-top: 5px; padding: 0; font-weight: normal; width: 100%; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign input[readonly=""] { background: #eee; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .button{ margin-left: 0; margin-top: 16px; width: 100%; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_continue_button{ margin-bottom: 112px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_login_button{ margin-top: 20px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_logo_redesign img { margin:10px 5px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .forgot_password { width: 100%; display: block; text-align: right; font-size: 14px; text-decoration: underline; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .forgot_password .myaccount_link { color: #000; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_continue_button{ margin-bottom: 112px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .back_to_login{ margin-bottom: 66px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .error_redesignContainer{ font-weight: normal; } @media (min-width: 601px) and (max-width: 1280px) { #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration #errorMessage #errorMessageContainer{ margin-bottom: -13px; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration .title h1 { font-size: 20px; padding: 7px 9px 9px 0; white-space: normal; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign { margin: auto; margin-top: 13px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .button{ max-width: 100%; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_continue_button{ margin-bottom: 102px; } } @media (max-width: 600px) { #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration { width: 295px; margin: auto; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration .title { width: 100%; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration #errorMessage #errorMessageContainer{ margin-bottom: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .log_in_registration .title h1 { font-size: 19px; padding: 24px 0 9px 0; white-space: normal; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign { padding-left: 0px; float: none; margin-top: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_email_check_text{ font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_signup_text{ margin-top: 8px; font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_email{ margin-top: 22px; font-size: 14px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign input{ margin-top: 5px; padding: 0; width: 99%; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .button{ margin-left: 0; width: 100%; margin-top: 15px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_continue_button{ margin-bottom: 125px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .forgot_password { font-size: 12px; } #eStore_registration_form.adcard_form.adcard_form_redesign .align .adcard_exising_customer_redesign .adcard_password{ margin-top: 4px; } } /* Ad card success page css */ #eStore_SignUpConfirmation_tempCard h1 { font-size: 20px; margin-top: 0px; } .base-success ul { padding: 0; margin:0; list-style-type: none; } .base-success ul li { } .base-success ul li p { } .base-success ul li p:before { content: ""; font-siz: 27px; position: relative; top: -1px; font-weight: bold !important; width: 4px !important; height: 4px !important; background: #181616; display: block; border-radius: 8px !important; top: 12px; } .base-success ul li p b { padding-left:8px; } .base-success { margin-top: 10px; } .Base-success-Header-mobile { display:none; } .Base-success-Header{ display:block; } .suceessHeader { margin: 0; padding: 0; text-align: left !important; color: #333 !important; margin-bottom: 10px; margin-top: 20px; border-top: 1px solid #727375; padding-top: 28px; font-size: 17px !important; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; } .parenting-club-success p { font-size:14px; } .marTop10 { margin-top: 10px; } .marTop15 { margin-top: 15px; } .marTop20 { margin-top: 20px; } .marBtm15 { margin-bottom: 15px; } .marBtm20 { margin-bottom: 20px; } .downLoadicon { margin-top: 30px; margin-bottom: 51px; } .Over60-success ul { padding: 0; padding-left: 7px; position: relative; list-style-type:none; } .Over60-success ul li:before{ content: ""; font-siz: 27px; position: relative; top: -1px; font-weight: bold !important; width: 4px !important; height: 4px !important; background: #181616; display: block; border-radius: 8px !important; top: 12px; z-index: 9999 !important; left:-8px } .parenting-club-success p { font-size:14px; } .Over60-success .tempCard_con_text_leftSide.tempCard_con_text_leftSide1 p, .Over60-success ul li { font-size:14px; } .downLoadicon .responsive-image { display: inline-block; } .tempCard_button .button_text { font-size: 15px; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; } .downLoadicon .responsive-image:last-child { margin-left: 8px; position: relative; top: -1px; } #eStore_SignUpConfirmation_tempCard .tempCard_button { font-size: 15px; margin-top: 40px !important; margin-bottom: 30px !important; } #eStore_SignUpConfirmation_tempCard .button.primary { max-width: 248px; line-height: 38px; } #eStore_SignUpConfirmation_tempCard .tempCard_button .button_text { font-size: 17px; } .downLoadicon .responsive-image img { width: 100%; max-width: 240px; height: auto; } #eStore_SignUpConfirmation_tempCard, #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con ul li, .base-success p, .downloadApp p, .temporary-sucess p { font-size: 14px; } #eStore_SignUpConfirmation_tempCard .heroContentTop { margin-top: 20px; } #eStore_SignUpConfirmation_tempCard .heroContentBottom { margin-bottom: 53px; } #eStore_SignUpConfirmation_tempCard #permanentCardFoundDetail #adcPermanentAdcardNumber { margin-top: 5px; border: 1px solid #d0d0d0; border-radius: 3px; padding: 0 12px; width: 180px; height: 38px; font-size: 14px !important; } #eStore_SignUpConfirmation_tempCard #permanentCardFoundDetail div.tooltip { display: inline-block; width: 78px; } #eStore_SignUpConfirmation_tempCard #permanentCardFoundDetail p:first-child { margin-bottom: 20px; } #eStore_SignUpConfirmation_tempCard #permanentCardFoundDetail div.tooltip button { height: 40px; border: none; background: #cae0f5; border-radius: 3px; padding: 0 10px; color: #004990; font-weight: bold; outline: none; margin-left: 5px; position: relative; width: 100%; font-size: 14px; } #eStore_SignUpConfirmation_tempCard #permanentCardFoundDetail div.tooltip button:hover { cursor: pointer; } #eStore_SignUpConfirmation_tempCard #permanentCardFoundDetail #adcardCopiedTooltip { display: none; position: absolute; top: -29px; border: 1px solid #004990; padding: 2px 0; left: 5px; font-size: 11px; width: 80%; color: #000; font-weight: normal; } #adcardCopiedTooltip:after, #adcardCopiedTooltip:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #adcardCopiedTooltip:after { border-top-color: #fff; border-width: 7px; margin-left: -7px; } #adcardCopiedTooltip:before { border-top-color: #004990; border-width: 8.6px; margin-left: -8.6px; } @media ( min-width: 601px) and (max-width: 1280px) { .suceessHeader { font-size: 17px; } .downLoadicon { margin-top: 30px; margin-bottom: 38px; } .base-success p, .downloadApp p, .temporary-sucess p { font-size: 12px; } .parenting-club-success p { font-size:12px; } .Over60-success .tempCard_con_text_leftSide.tempCard_con_text_leftSide1 p, .Over60-success ul li { font-size:12px; } #eStore_SignUpConfirmation_tempCard { font-size: 12px !important; } #eStore_SignUpConfirmation_tempCard .button.primary { max-width: 248px; line-height: 38px; } #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con ul li { font-size: 12px; } #eStore_SignUpConfirmation_tempCard .heroContentTop { margin-top: 26px; } #eStore_SignUpConfirmation_tempCard .heroContentBottom { margin-bottom: 19px; } } @media ( max-width: 600px) { #eStore_SignUpConfirmation_tempCard, #eStore_SignUpConfirmation_tempCard .Confirmation_tempCard_con ul li, .downloadApp p, .temporary-sucess p, .base-success p { font-size: 12px; } .parenting-club-success p { font-size:12px; } .Over60-success .tempCard_con_text_leftSide.tempCard_con_text_leftSide1 p, .Over60-success ul li { font-size:12px; } #eStore_SignUpConfirmation_tempCard .button.primary { max-width: 289px; line-height: 38px; text-align: center; margin: 0px auto; display: block; } .downLoadicon { margin-top: 30px; margin-bottom: 38px; margin-left: 10px; } .suceessHeader { border-top: 1px solid #e7e7e7; } #eStore_SignUpConfirmation_tempCard .tempCard_button { font-size: 15px; margin-top: 30px !important; margin-bottom: 30px !important; } #eStore_SignUpConfirmation_tempCard h1 { font-size: 20px; margin-top: -10px; } .Base-success-Header-mobile { display:block; } .Base-success-Header{ display:none; } .base-success { margin-top: -20px; } #eStore_SignUpConfirmation_tempCard .heroContentTop { margin-top: 23px; } #eStore_SignUpConfirmation_tempCard .heroContentBottom { margin-bottom: 22px; } } /* Ad card success page css */ /*start here 3075 */ .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_image .product_offer_notify { left: 9px; top:11px !important; font-size: 12px; line-height: 40px; } .plp_gridView_redesign .estore_product_container .image { padding-top: 0px; } .plpFavourtieRedesingIconContainer .favouritesPDP .favouritesIcon { width: 36px; height: 36px; } .plpFavourtieRedesingIconContainer .favouritesPDP .favouritesPDP-container { top: 19px; right: 32px; z-index: 6; } .plp_gridView_redesign .grid_mode .product_name{ height:40px; } .plp_gridView_redesign .grid_mode .estore_product_container .product_name{ padding:0; margin-bottom:11px; } .product_listing_container .grid_mode .estore_product_container .product_rating { text-align: center; height: 18px; } .plp-promotion-redesign a, .plp-promotion-redesign a:hover, .plp_Free_priority_delivery a, .plp_Free_priority_delivery a:hover { padding: 8px 10px; font-weight: normal; font-size:14px; } .plp-promotion-redesign a:hover { text-decoration: underline !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_price { padding-bottom: 0px !important; font-size:24px !important; padding-top:0px !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_rating{ margin-bottom:0px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .plp-promotion-redesign-container{ margin:5px 0 7px; } .plp_gridView_redesign .estore_product_container .product_info .product_savePrice span.was, .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice span.save { font-size:15px; color: #333333; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info span.price{ font-size:12px !important; color: #333333; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice{ padding-top:0px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info span.price{ padding-top:5px; } .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container{ height:468px; } .product_listing_container .estore_product_container .product_medicon .pmedIcon{ margin-top:-17px; position: relative; top: 20px; height:20px; width:19px; margin-bottom:15px; } @media (max-width: 1280px) and (min-width: 601px) { .plpFavourtieRedesingIconContainer .favouritesPDP .favouritesIcon{ width:35px; height:36px; } .product_listing_container .estore_product_container .product_medicon .pmedIcon{ top: 18px; } .plpFavourtieRedesingIconContainer .favouritesPDP .favouritesPDP-container { top: 17px; right: 30px; } .product_listing_container .grid_mode .estore_product_container .product_name { font-size: 16px !important; } .plp_gridView_redesign .grid_mode .product_name{ margin-bottom:12px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .plp-promotion-redesign-container { margin: 10px 0 7px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice{ margin-top:0px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info span.price{ padding-top:2px; } .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container{ height:445px; } } @media (max-width: 600px) { .product_listing_container .plp_gridView_redesign ul.grid_mode .estore_product_container .product_image .product_offer_notify { top: -17px !important; width: 35px; height: 35px; font-size: 11px; line-height: 34px; left: -2px; } .product_listing_container .estore_product_container .product_medicon .pmedIcon{ top: 15px; } .plp_gridView_redesign .estore_product_container .image { margin-top:-10px; } .plpFavourtieRedesingIconContainer .favouritesPDP .favouritesIcon{ width:30px; height:32px; } .plpFavourtieRedesingIconContainer .favouritesPDP .favouritesPDP-container { top: 11px; right: 35px; } .plp_gridView_redesign .grid_mode .estore_product_container .product_image .image .product_img_link{ padding-top:3px; } .product_listing_container .grid_mode .estore_product_container .product_name .product_name_link{ font-size:12px !important; line-height:16px !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_name{ height:32px; } .plp-promotion-redesign a, .plp-promotion-redesign a:hover, .plp_Free_priority_delivery a, .plp_Free_priority_delivery a:hover{ padding:5px 10px; font-size:9px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_price{ font-size:18px !important; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .plp-promotion-redesign-container{ min-height:24px !important; margin:8px 0 7px; } .plp_gridView_redesign .estore_product_container .product_info .product_savePrice span.was, .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice span.save{ font-size:12px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info span.price{ font-size:9px !important; padding-top:2px; } .plp_gridView_redesign .estore_product_container .product_info .product_savePrice span.was{ display:block; margin-top:-3px; } .product_listing_container .plp_gridView_redesign ul.grid_mode li .estore_product_container .product_info .product_savePrice span.save{ display:block; margin-top:-5px; } .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container{ height:345px; } .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container .product_rating .product_review_count { font-size: 12px; } } /*3075 End*/ /* DWR-5809 Start */ @media (max-width: 1280px){ #favourites_container #favourite_icon_heart.my_account_header .heart-icon { display: inline-block; height: 26px; } } /* DWR-5809 End */ /* ------------------- DWR-4988 start ----------------------- */ @media (min-width: 1281px) and (max-width: 1395px) { #header #estore_header_bottom_row #estore_header_top_row #header_link_container { margin-left: 112px; top: -20px; } #estore_header_bottom_row #searchBar #searchBarInput{ width:100%; } #header #estore_header_bottom_row #search_container{ -ms-flex-order: 1; -webkit-order: 1; order:1; width: auto; } #header #estore_header_bottom_row #search_container {width: 100%;display:block !important;} #header #estore_header_bottom_row #global_navigation{ -ms-flex-order: 2; -webkit-order: 2; order:2; margin-top: 44px; } #header #estore_header_bottom_row #estore_header_bottom_row{ display:flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #estore_header_bottom_row #MiniShoppingCart { top: 46px; } #header #estore_header_top_row #omniPresentLinksBar, #header #estore_header_top_row #quickLinksBar{ float: right; position: absolute; right: 0; } #estore_header_bottom_row #topLevelMenu > li:first-child > a { padding-left: 0 !important; } #estore_header_bottom_row #adcardQuickLinkGuest .NotForTablet { display:none; } #estore_header_bottom_row #topLevelMenu { float: left; width: 100%; display: block!important; } #estore_header_bottom_row #cookieBar .notificationCloseBtn { top: 15px; right: 10px; } #header #estore_header_top_row #header_link_container{ margin-left: 112px; } #header #searchBox { right: initial !important; } #header #estore_header_bottom_row #searchBar { right: initial; margin-left: 112px; } #header #estore_header_bottom_row #topLevelMenu{ position: initial; } #header #estore_header_bottom_row { position: initial; } #header { height: 114px; } #cookieBar .notificationCloseBtn{ top: 15px; right: 10px; } .topLevelMenu { left: 18px; top: 157px; } #globalNavigationContainer { top: 128px; } #header #estore_header_bottom_row #searchBar{ width: 76.7%; margin-top: 24px; } #estore_header_bottom_row #searchBox { width: 100%; float: right; right: 0 !important; } #header #logo { width: 75px; height: 46px; } #header #logo { height: 45px; width: 85px; } #header #topLevelMenu.ready{ height: 0px; } #header #estore_header_bottom_row{ display:flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1281px) and (max-width: 1395px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { #header #estore_header_bottom_row #searchBar{ top: 0px; left: 0px; margin-top: 0px; } #header #estore_header_bottom_row #topLevelMenu { position: static; } #header #estore_header_bottom_row { position: relative; } .topLevelMenu { top: 120px; } } /* ------------------------- DWR-4988 end ------------------------------ */ /* ------------------------- DWR-6140 start ------------------------------ */ #staffCardPage6140 { width: 95%; margin: 0 auto 30px auto; } /* ------------------------- DWR-6140 end ------------------------------ */ /*---------INC10689426--------*/ @media (max-width:600px){#estore_footer div#estore_partnerSitesLogo .LogoSancoInternet_uk img{margin-top: -35px;}} /* SVOC EDV address */ #searchAddressResult{ border: 1px solid #d0d0d0; position: absolute; top: 0px; border-radius: 0 0 2px 2px; border-top:none; z-index:999; background:#fff; } #searchAddressResult a{ display: block; padding: 8px; font-size: .85em; border-bottom:1px solid #d0d0d0; } #searchAddressResult a:hover{ background:#f6fafe; } #searchAddressResult a:last-child{ border-bottom:none; } #searchAddressResultContainer{ border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:15px 5px; font-size:.9em; margin:15px 0 0; } .text-right{ text-align:right; } .addressSearchIcon{ background: url(../../images/boots/address-search-icon.svg) no-repeat 97%; background-size: 14px; } .addressScrollbar { max-height: 200px; overflow-y: scroll; overflow-x:hidden; width:357px; } .displayNone{ display:none; } .fieldWrap{ position:relative; } .min-width{ width:356px; } #crossBox{ display:none; position: absolute; width: 30px; height: 26px; right: 5px; top: 5px; text-align: center; padding-top: 5px; background: #fff; cursor: pointer; font-size:.85em; } .addressScrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.11); background-color: #ffffff; } .addressScrollbar::-webkit-scrollbar { width: 4px; background-color: #fff; } .addressScrollbar::-webkit-scrollbar-thumb { background-color: #CBCBCB; } .align-btn{ text-align: right; width: 352px; margin-top: 10px; } .searchContainer:focus-within .addressSearchIcon { background: none; } .searchContainer:focus #crossBox{ dispaly:block; } .searchContainer:focus-within .addressSearchIcon::placeholder { color:transparent; } .searchIcon { padding: 0.5rem; grid-row:1; grid-column:1/2; z-index:2 } .searchBox { border: 0; padding: 0.5rem; grid-column:2/4; grid-row:1; outline:none; } #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.searchRedesign input.postcodeNew{ width:352px; } @media (max-width:600px){ #eStore_registration_form.adcard_form.adcard_form_redesign .form_row_redesign.searchRedesign input.postcodeNew{ width:98%; } } #addressSearch:focus +div { display:block; } #errorMessageSvoc, .errorMessageSvoc{ color:#cc0033; } .parentingClubAdcPrivacyNotice{ line-height:1.4; } .pipPageLoadError{ color:#cc0033; padding-top:4%; } /******************* SVOC adcard myaccount starts ******************************/ .svocMyaccWrapper h2.my_account_header { font-size: 25px; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .labelSpan { max-width: 140px; font-size: 14px; font-weight: bold; padding-right: 0px; } #edit_your_personal_information.svocMyaccWrapper .myAccSvocAdcardInputCon input { margin: 0px; max-width: 397px; padding-left: 19px; padding-right: 19px; font-size: 14px; color: #333; width:39.8%; } #edit_your_personal_information.svocMyaccWrapper #personalDetails select { border-color: #cae0f5; padding-left: 14px; padding-right: 14px; font-size: 14px; color: #333; margin: 0px !important; width: 100% !important; } #edit_your_personal_information.svocMyaccWrapper .registrationDateOfBirthLabel { display: inline-block; position: relative; top: 5px; } #edit_your_personal_information.svocMyaccWrapper .registrationDateOfBirthLabel span { position: absolute; right: 14px; top: 8px; margin: 0px; padding: 0px; left: auto; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(2) { max-width: 82px; width: 17%; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(3) { max-width: 129px; width: 28%; margin-left: 15px; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(4) { max-width: 87px; width: 17%; margin-left: 15px; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .form_row_redesign { padding: 27px 0 18px 0; margin: 0px; position: relative; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .form_row_redesign .radio_primary_label { left: -4px; padding-right: 40px; font-size: 14px; color: #333; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .form_row_redesign input.radio_primary, #edit_your_personal_information.svocMyaccWrapper #personalDetails .form_row_redesign input.radio_primary:focus { border-width: 0px !important; font-size: 0px !important; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .myAccAdcardInfoIcon, #edit_your_personal_information.svocMyaccWrapper #personalDetails .myAccAdcardInfoIcon:hover{ background: url("../../images/boots/myaccaddcard/adcard-icon-info.svg") no-repeat 0 0; background-size: 20px; display: block; width: 20px; height: 20px; cursor: pointer; margin-bottom: 2px; outline: none; line-height: 54px; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .form_row_redesign.error .radio_primary + .radio_primary_label::before{ border-color: #cc0033; } #edit_your_personal_information.svocMyaccWrapper .button_footer_line { float: none; width: 224px; padding-left: 147px; padding-top: 30px; } #edit_your_personal_information.svocMyaccWrapper .tooltip { background: #fff; border: 1px solid #004990; box-sizing: border-box; color: #333; font-size: 13px; padding: 15px 22px; position: absolute; width: 270px; z-index: 1; cursor: pointer; left: -36px; top: 96px; } #edit_your_personal_information.svocMyaccWrapper .tooltip::after, #edit_your_personal_information.svocMyaccWrapper .tooltip::before { bottom: 100%; left: 32px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #edit_your_personal_information.svocMyaccWrapper .tooltip::before { border-color: rgba(17, 48, 245, 0); border-bottom-color: #004890; border-width: 12px; left: 33px; top: -24px; } #edit_your_personal_information.svocMyaccWrapper .tooltip::after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 12px; left: 33px; top: -32%; } @media (max-width: 1280px) and (min-width: 601px) { #edit_your_personal_information.svocMyaccWrapper #personalDetails .labelSpan { font-size: 12px; width: 32%; } #edit_your_personal_information.svocMyaccWrapper .myAccSvocAdcardInputCon input { width: calc(90% - 140px) !important; text-indent: initial; padding-left: 12px; padding-right: 12px; min-width: 226px; } #edit_your_personal_information.svocMyaccWrapper .button_footer_line { padding-left: 145px; } .svocMyaccWrapper h2.my_account_header { font-size: 1.25em; } } @media (max-width: 845px) and (min-width: 601px) { #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(3), #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(4) { margin-left: 4px; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(4), #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(2) { width: 19%; } #edit_your_personal_information.svocMyaccWrapper #personalDetails select { padding-left: 7px; padding-right: 7px; } #edit_your_personal_information.svocMyaccWrapper .registrationDateOfBirthLabel span { right: 7px; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .labelSpan { max-width: 108px; } #edit_your_personal_information.svocMyaccWrapper #eStore_registration_form { max-width: 100% !important; } #edit_your_personal_information.svocMyaccWrapper .button_footer_line { padding-left: 111px; } #edit_your_personal_information.svocMyaccWrapper .myAccSvocAdcardInputCon input { width: calc(96% - 140px) !important; } } @media (max-width:600px){ .svocMyaccWrapper h2.my_account_header { font-size: 1.0625em; margin: 25px 0 7px 0; } #edit_your_personal_information.svocMyaccWrapper .myAccSvocAdcardInputCon input { width: 100%; text-indent: initial; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .myAccAdcardInfoIcon:hover{ display: inline-block; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .myAccAdcardInfoIcon { display: inline-block; position: relative; top: 5px; left: 9px; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(3), #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(4) { margin-left: 5px; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(3) { max-width: 50%; width: 44%; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(4), #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(2) { max-width: 25%; width: 35%; } #edit_your_personal_information.svocMyaccWrapper #personalDetails select { padding-left: 7px; padding-right: 7px; } #edit_your_personal_information.svocMyaccWrapper .registrationDateOfBirthLabel span { right: 7px; } #edit_your_personal_information.svocMyaccWrapper .button_footer_line { width: auto; padding: 23px 0 32px 0; } #edit_your_personal_information.svocMyaccWrapper br { display: none; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .form_row_redesign { padding: 12px 0 16px 0; } #edit_your_personal_information.svocMyaccWrapper #personalDetails .labelSpan { width: auto; max-width: 100%; } #edit_your_personal_information.svocMyaccWrapper #eStore_registration_form { width: 94%; max-width: 94%; } #edit_your_personal_information.svocMyaccWrapper .tooltip { font-size: 12px; padding: 18px 22px; width: 255px; left: 8px; top: 50px; } #edit_your_personal_information.svocMyaccWrapper .tooltip::before { left: 202px; border-width:12px; top: -24px; } #edit_your_personal_information.svocMyaccWrapper .tooltip::after { left: 203px; border-width:11px; top: -22px; } #edit_your_personal_information.svocMyaccWrapper .tooltip-android { font-size: 12px; padding: 18px 15px 18px 22px; max-width: 255px; left: 8px; top: 50px; } #edit_your_personal_information.svocMyaccWrapper .tooltip-android::before { left: 187px; border-width:12px; top: -24px; } #edit_your_personal_information.svocMyaccWrapper .tooltip-android::after { left: 188px; border-width:11px; top: -22px; } } @media (max-width:320px){ #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(4), #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(2) { max-width: 26%; width: 26%; } #edit_your_personal_information.svocMyaccWrapper #advantageCard_expanded_final label:nth-child(3) { max-width: 50%; width: 41%; } } /******************* SVOC adcard myaccount ends ******************************/ /********************** SVOV manage adcard ************************/ .svocManageAdCardWrapper { max-width: 625px; margin: 0 auto; padding-top: 15px; } .svocManageAdCardContainer { width: 320px; height: 193px; background: url('../../images/boots/myaccaddcard/advantage-card-standard.png') no-repeat 0 0; background-size: 320px; position: relative; float: left; } .svocManageAdCardContainer span { position: absolute; bottom: 28px; left: 29px; background: white; font-size: 14px; letter-spacing: 1.3px; line-height: 1; } .svocManageButtonContainer { float: left; max-width: 290px; padding: 40px 0px 0 13px; width: calc(100% - 340px); } .svocManageButtonContainer a.button { max-width: 290px; margin-bottom: 22px; font-size: 17px; } @media (max-width: 906px) and (min-width: 601px) { .svocManageAdCardWrapper, .svocManageButtonContainer a.button { max-width: 320px; } .svocManageAdCardContainer { float: none; } .svocManageButtonContainer { float: none; padding-left: 0px; padding-top: 20px; max-width: 320px; width: auto; } } @media (max-width: 600px) { .svocManageAdCardContainer { float: none; margin: 0 auto; width: 320px; background-size: 320px; height: 193px; } .svocManageButtonContainer { float: none; padding-left: 20px; padding-top: 20px; max-width: initial; padding-right: 20px; width: auto; } .svocManageButtonContainer a.button{ max-width: initial; } .svocManageAdCardWrapper { margin-left: -15px; margin-right: -15px; } .svocMyaccWrapper #adcard_remove_overlay { margin-left: 10px; margin-right: 10px; } } /********************** SVOV manage adcard ends ************************/ /*********** SVOC adcard removed popup *********************/ #adcard_remove_overlay.svoc_adcard_remove_overlay_pop { padding-bottom: 68px; } #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h2.svocRemovedCardMessage, #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h2.svocRemovedCardMessageNote { text-align: left; width: 455px; margin-top: 0px; margin-bottom: 0px; line-height: normal; padding-top: 30px; } @media (max-width: 1280px) and (min-width: 601px) { #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h2.svocRemovedCardMessage, #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h2.svocRemovedCardMessageNote { width: 425px; } #adcard_remove_overlay.svoc_adcard_remove_overlay_pop { padding-bottom: 54px; } } @media (max-width: 600px) { #adcard_remove_overlay.svoc_adcard_remove_overlay_pop { margin: 0 10px; padding-bottom: 26px; } #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h1{ margin-top: 52px; width: auto; font-size: 18px; } #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h2.svocRemovedCardMessage, #adcard_remove_overlay.svoc_adcard_remove_overlay_pop h2.svocRemovedCardMessageNote { width: auto !important; max-width: 425px; font-size: 14px; padding-top: 22px; padding-left: 4px; } } @media (max-width: 600px) { .svocManageAdCardWrapper #errorMessage .warning_icon { left: -23px; } } /*********** SVOC adcard removed popup end*********************/ #parentingClubAdcPrivacyNoticeHeadSvoc{ padding-bottom: 10px; } #parentingClubAdcPrivacyNoticeSvoc{ margin-bottom: 15px; font-size:14px; } /***************** DigicardChanges ends **********************/ #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard input.fixedNo { width: 75px !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard input.text.adcardNo { width: 276px !important; padding-right: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adCardSecurityCodeContainer { display: block; width: 100%; overflow: auto; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard { padding-bottom: 21px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adCardSecurityCodeContainer > div { float: left; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvInput input, #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvInput { width: 76px !important; margin-bottom: 0px !important; padding-right: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvImg { width: 34px; padding: 6px 8px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvImg img { width: 34px; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvDesc { width: 180px; font-size: 12px; line-height: normal; padding-top: 6px; } @media (max-width:600px){ #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvDesc { width: 167px; font-size: 11px; line-height: normal; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard input.text.adcardNo { width: calc(98% - 78px) !important; } #eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard { padding-bottom: 16px; } } /*#eStore_registration_form.adcard_form.adcard_form_redesign .tempAddCardContainer_redesign.plasticCard .adcardCvvInput input { position: relative; left: 2px; } */ .digitalCardContainer { width: 300px; height: 191px; background: url('../../images/boots/advantage-card.png') no-repeat 0 0; position: relative; } .digitalCardContainer span{ font-size: 14px; background: #fff; position: absolute; bottom: 20px; left: 20px; } .form_row_redesign.adcardMobileNumber { padding: 17px 0 3px 0; } @media (max-width:600px){ .form_row_redesign.adcardMobileNumber { padding: 17px 0 0px 0; } } /*---------DWR-9159--------*/ #adcardSignupWaitPopup_overlay.popup_overlay { width: 465px; } #adcardSignupWaitPopup_overlay.popup_overlay .adcardWaitErrorLoadingCon img { padding: 47px 0 10px 0; } #adcardSignupWaitPopup_overlay.popup_overlay p { margin-bottom: 38px; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 20px; text-align: center; } @media (min-width:1281px){ #adcardSignupWaitPopup_overlay.popup_overlay p { font-size: 25px; } } @media (max-width:600px){ #adcardSignupWaitPopup_overlay.popup_overlay { width: calc(100% - 62px); } #adcardSignupWaitPopup_overlay.popup_overlay p { font-size: 17px; width: 100%; margin-bottom: 17px; } #adcardSignupWaitPopup_overlay.popup_overlay .adcardWaitErrorLoadingCon img { padding: 27px 0 10px 0; } } /**** Adcard technical error page *****/ .adcardSignupTechnicalErrorWrapper { max-width: 560px; margin: 0 auto; padding: 55px 0 110px 0; } .adcardSignupTechnicalErrorWrapper h1 { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 25px; text-align: center; line-height: normal; padding: 0; margin: 0; color: #004990; } .adcardSignupTechnicalErrorWrapper p { font-size: 14px; text-align: center; padding: 22px 0; } .adcardSignupTechnicalErrorWrapper p.phoneNo { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 20px; text-align: center; padding: 0px; } .adcardSignupTechnicalErrorWrapper p.phoneNo span { background: url('../../images/boots/icon-phone.svg') no-repeat 0 0; background-size: 20px; display: inline-block; position: relative; top: 2px; padding-right: 8px; width: 20px; height: 20px; } @media (min-width: 601px) and (max-width: 1280px) { .adcardSignupTechnicalErrorWrapper h1 { font-size: 20px; } .adcardSignupTechnicalErrorWrapper p.phoneNo { font-size: 17px; } .adcardSignupTechnicalErrorWrapper { padding: 50px 0 100px; } } @media (max-width: 600px) { .adcardSignupTechnicalErrorWrapper h1, .adcardSignupTechnicalErrorWrapper p.phoneNo { font-size: 18px; } .adcardSignupTechnicalErrorWrapper p { font-size: 12px; } .adcardSignupTechnicalErrorWrapper { width: 273px; } } /************* Checkout login *********************/ .checkoutLoginHeader { border-bottom: 2px solid #d5e6f7; height: 106px; padding: 0 20px; } .checkoutLoginHeaderInner { max-width: 1360px; margin: 0 auto; position: relative; } .checkoutLoginHeaderLogo { width: 107px; height: 65px; top: 18px; position: absolute; z-index: 1; } .checkoutLoginHeaderLogo img { height: 100%; } .checkoutLoginSecText { float: right; top: 42px; position: relative; font-size: 14px; color: #333; background: url('../../images/boots/checkoutLogin/lock-dark-grey.png') no-repeat 0 0; background-size: 17px 23.5px; padding-left: 24px; min-width: 1px; min-height: 26px; } .checkoutLoginSecText span { position: relative; top: 5px; } .checkoutLoginWrapper { max-width: 1360px; margin: 0 auto; clear: both; padding: 0 20px; } .checkoutLoginBackToBasketContainer { padding: 35px 0 20px 0; font-size: 14px; } .checkoutLoginBackToBasketContainer span { display: inline-block; font-size: 14px; font-weight: bold; } .checkoutLoginBackToBasketContainer span.divider { font-size: 23px; display: inline-block; position: relative; top: 4px; padding-right: 9px; } .checkoutLoginTabContainer { height: 54px; border-bottom: 2px solid #d5e6f7; } .checkoutLoginTabContainer a { height: 54px; width: 50%; text-align: center; display: block; float: left; position: relative; cursor: pointer; color: #05054b; font-size: 20px; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; outline: none; line-height: 54px; } .checkoutLoginTabContainer a.active { background: #c7def4; } .checkoutLoginTabContainer a.active::after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #c7def4; content: " "; position: absolute; bottom: -15px; left: calc(50% - 15px); } .checkoutLoginTabWrapper { max-width: 700px; margin: 0 auto; padding-top: 18px; } .checkoutLoginTabRegAsGuest h1, .checkoutLoginTabAlreadyRegCon h1 { font-size: 25px; font-weight: normal; color: #05054b; line-height: normal; padding: 66px 0 37px 0; text-align: center; } .checkoutLoginGuestRemToCrtAcc { width: 328px; margin: 0 auto; font-size: 15px; } .checkoutLoginGuestRemToCrtAcc a.button.primary.btn_margin { background-color: #05054b; } .checkoutLoginGuestRemToCrtAcc a { margin-top: 26px; } .checkoutLoginGuestRemToCrtAcc p { padding-bottom: 32px; line-height: normal; } .checkoutLoginGuestRemToCrtAcc div { padding: 12px 0; } .checkoutLoginGuestRemToCrtAcc a + p { font-size: 12px; padding-top: 13px; } .checkoutLoginGuestRemToCrtAcc div span { padding-left: 45px; display:block; } .checkoutLoginGuestRemToCrtAcc div span.chkoutLoginBasketIcon{ background: rgba(0, 0, 0, 0) url("../../images/boots/checkoutLogin/basket.png") no-repeat; background-size:21px 16px; background-position: left top; clip: inherit; } .checkoutLoginGuestRemToCrtAcc div span.chkoutLoginFavourtesIcon{ background: rgba(0, 0, 0, 0) url("../../images/boots/checkoutLogin/favourts.png") no-repeat; background-size:21px 14px; background-position: left top; clip: inherit; } .checkoutLoginGuestRemToCrtAcc div span.chkoutLoginLocationIcon{ background: rgba(0, 0, 0, 0) url("../../images/boots/checkoutLogin/location.png") no-repeat; background-size:21px 20px; background-position: left top; clip: inherit; } .checkoutLoginGuestRemToCrtAcc div span.chkoutLoginOfferIcon{ background: rgba(0, 0, 0, 0) url("../../images/boots/checkoutLogin/offer.png") no-repeat; background-size:21px 18px; background-position: left top; clip: inherit; } .checkoutLoginBackToBasketHeader { display: none; } @media (max-width: 1395px) and (min-width: 1281px) { .checkoutLoginHeaderLogo { height: 45px; width: 85px; } } @media (max-width: 1280px) and (min-width: 601px) { .checkoutLoginHeaderLogo { height: 46px; width: 75px; top: 20px; left: -3px; } } @media (max-width:600px){ .checkoutLoginHeaderLogo { width: 56px; height: 34px; left: 50%; margin-left: -28px; padding: 8px 0 0 0; z-index: 2003; top: 0px; } .checkoutLoginSecText span, .checkoutLoginBackToBasketContainer { display: none; } .checkoutLoginBackToBasketHeader { display: block; float: left; } .checkoutLoginBackToBasketHeader a span { font-size: 42px; position: relative; left: -15px; top: 2px; } .checkoutLoginHeader { height: 48px; padding: 0 15px; } .checkoutLoginSecText { top: 11px; right: -7px; } .checkoutLoginTabContainer a { font-size: 14px; height: 32px; line-height: 32px; } .checkoutLoginTabRegAsGuest h1, .checkoutLoginTabAlreadyRegCon h1 { font-size: 16px; padding: 26px 0 22px 0; } .checkoutLoginGuestRemToCrtAcc { width: auto; font-size: 12px; } .checkoutLoginWrapper { padding: 0 15px; } .checkoutLoginTabWrapper { padding-top: 25px; } .checkoutLoginTabContainer a.active::after { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #c7def4; bottom: -9px; left: calc(50% - 9px); } .checkoutLoginTabContainer { height: 31px; } .checkoutLoginGuestRemToCrtAcc p { padding-bottom: 22px; padding-left: 10px; } .checkoutLoginGuestRemToCrtAcc div span { padding-left: 35px; } .checkoutLoginGuestRemToCrtAcc div { width: 213px; margin: 0 auto; } .checkoutLoginGuestRemToCrtAcc a.button.primary.btn_margin { font-size: 18px; } .checkoutLoginGuestRemToCrtAcc a + p { padding-left: 10px; } } /************* Checkout login ends *********************/ /***************** DigicardChanges starts **********************/ #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled #personalDetails.personalDetailsSection { position: relative; padding-top: 7px; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .requiredFieldTop { font-size: 11px; position: absolute; top: 16px; right: 0px; } @media (min-width:1281px){ #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled { max-width: 934px; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .sign_in_registration .title h1 { font-size: 25px; padding: 20px 0 19px 0; } } @media (max-width: 1280px) and (min-width: 601px) { #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled { max-width: 643px; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .sign_in_registration .title h1 { padding: 32px 0 7px 0; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .needRepublicAddcard { padding-bottom: 13px; } } @media (max-width: 600px) { #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled #personalDetails.personalDetailsSection { padding-top: 0px; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .requiredFieldTop { top: 8px; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .needRepublicAddcard { padding-bottom: 13px; } #eStore_registration_form.adcard_form.adcard_form_redesign.digiCardEnabled .parentingClubAdcPrivacyNotice { font-size: 12px; } } /***************** DigicardChanges ends **********************/ /**************** Adcard signup confirmation error **********/ .partialErrorMsgOnSuccessPage { max-width: 610px; margin: 25px 0 0 0; } .partialErrorMsgOnSuccessPage p { font-size: 14px !important; font-weight: normal !important; line-height: 20px !important; } .partialErrorMsgOnSuccessPage p.tryAgain { font-weight: bold !important; padding-top: 15px; } .partialErrorMsgOnSuccessPage p.tryAgain a{ text-decoration: underline; } @media (max-width: 1280px) and (min-width: 601px) { .partialErrorMsgOnSuccessPage #errorMessageContainer { max-width: 100%; } } @media (max-width: 600px) { .partialErrorMsgOnSuccessPage p { font-size: 12px !important; font-weight: normal !important; line-height: 17px !important; padding-right: 5px } } /**************** Adcard signup confirmation error ends **********/ /**************** Adcard signup confirmation **********/ .adcSignupConfirmSuccessWrapper { max-width: 625px; margin: 0 auto; font-size: 14px; padding-bottom: 30px; } .adcSignupConfirmSuccessWrapper h1 { font-size: 25px; line-height: normal; text-align: center; color: #004990; padding: 29px 0 35px 0; } .adcSignupConfirmSuccessWrapper h2 { font-size: 17px; color: #333; line-height: normal; } .adcSignupConfirmSuccessWrapper p { padding-top: 10px; line-height: 20px; } .adcSignupConfirmSuccessWrapper .digitalCardContainer { float: left; } .adcSignupConfirmSuccessWrapper .digicardDescContainer { float: left; width: calc(100% - 333px); margin-left: 28px; } .adcSignupConfirmSuccessWrapper .digicardDescContainer p:nth-child(3){ padding-top: 21px; } .adcSignupConfirmSuccessWrapper .Over60-success,.adcSignupConfirmSuccessWrapper .downloadApp, .adcSignupConfirmSuccessWrapper .getPersonalizedoffer, .adcSignupConfirmSuccessWrapper .parenting-club-success { border-top: 1px solid #d0d0d0; margin-top: 23px; padding-top: 28px; } .adcSignupConfirmSuccessWrapper .getPersonalizedoffer .tempCard_button { max-width: 290px !important; padding-top: 15px; } .adcSignupConfirmSuccessWrapper .Over60-success .marTop15 { margin-top: 10px; } .adcSignupConfirmSuccessWrapper #Over60sMembershipBenefits p:nth-child(2) { padding-top: 15px; } .adcSignupConfirmSuccessWrapper .downloadApp ul { padding: 0; padding-left: 7px; position: relative; list-style-type: none; margin-top: 16px; } .adcSignupConfirmSuccessWrapper .downloadApp ul li:before{ content: ""; font-siz: 27px; position: relative; top: -1px; font-weight: bold !important; width: 4px !important; height: 4px !important; background: #181616; display: block; border-radius: 8px !important; top: 12px; z-index: 9999 !important; left:-8px } .adcSignupConfirmSuccessWrapper .downLoadicon { margin: 16px 0 0 0; } .adcSignupConfirmSuccessWrapper #contentRecommendationWidget_LOYALTY_CONFIRMATION_DOWNLOAD_APP p{ display: none; } .adcSignupConfirmSuccessWrapper .tempCard_button .button_text { font-size: 17px; } .adcSignupConfirmSuccessWrapper #errorMessage p { padding-top: 0px; } .adcSignupConfirmSuccessWrapper .partialErrorMsgOnSuccessPage #errorMessage p.tryAgain { padding-top: 15px; } .adcSignupConfirmSuccessWrapper .partialErrorMsgOnSuccessPage { margin-top: 0px; } .adcSignupConfirmSuccessWrapper #Over60sMembershipBenefits p:nth-child(1) { padding-top: 20px; padding-bottom: 5px; } @media (max-width: 1280px) and (min-width: 601px) { .adcSignupConfirmSuccessWrapper h1 { font-size: 20px; padding: 37px 0 31px 0; } .adcSignupConfirmSuccessWrapper .Over60-success ul li { font-size: 14px; } .adcSignupConfirmSuccessWrapper { padding-left: 15px; padding-right: 15px; } } @media (max-width: 600px) { .adcSignupConfirmSuccessWrapper { padding-left: 15px; padding-right: 15px; font-size: 12px; } .adcSignupConfirmSuccessWrapper .digitalCardContainer { float: none; margin: 0 auto; position: relative; left: -5px; } .adcSignupConfirmSuccessWrapper .digicardDescContainer { float: none; width: 100%; margin-left: 0px; margin-top: 8px; } .adcSignupConfirmSuccessWrapper h1.Base-success-Header { display: block; font-size: 18px; padding: 16px 0 13px 0; } .adcSignupConfirmSuccessWrapper h1.Base-success-Header span { display: block; text-align: center; } .adcSignupConfirmSuccessWrapper .getPersonalizedoffer .tempCard_button { max-width: 100% !important; } .adcSignupConfirmSuccessWrapper #Over60sMembershipBenefits p:nth-child(1) { padding-top: 15px; padding-bottom: 0px; } } /**************** Adcard signup confirmation ends **********/ /***************** DWR-12052 changes for mobile devices ***************************/ @media (max-width: 600px) { .rrContainer .rrItemsContainer .rrItemContainer { height: 300px; } .rrItemsContainer div.rrImageContainer { max-width: 200px; margin: 0 auto; } .rrContainer .rrItemsContainer .rrTitleContainer { padding-left: 10px; padding-right: 10px; } } /***************** DWR-12052 changes for mobile devices ends ***************************/ /***************** DWR-13015 changes for mobile devices starts ***************************/ #searchAddressResultContainer.hideBottomBorderSVOC { border-bottom-width: 0px; padding-bottom: 0px; } /***************** DWR-13015 changes for mobile devices ends ***************************/ /***************** PSD2 desgin ***********************/ .paymentAuthWrapper { max-width: 680px; margin: 0 auto; } .paymentAuthWrapper h1 { font-size: 24px; color: #0b0a4c; text-align: center; padding: 23px 0 14px 0; line-height: normal; } .paymentAuthWrapper .subHeading { text-align: center; font-size: 16px !important; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } .paymentAuthWrapper p.descptext { font-size: 14px; padding: 7px 0; text-align: center; } .paymentAuthWrapper .backToCheckoutBtnContainer { padding: 45px 0; } .paymentAuthWrapper .backToCheckoutBtnContainer a.button.tertiary { font-size: 20px; max-width: 220px; } .paymentAuthWrapper .pleaseWaitContainer { padding: 17px 0; } @media (max-width: 600px) { .paymentAuthWrapper { padding: 0 1px; } .paymentAuthWrapper p.descptext { font-size: 12px; padding: 4px 0; } .paymentAuthWrapper h1 { font-size: 20px; padding: 17px 0 15px 0; } .paymentAuthWrapper .backToCheckoutBtnContainer a.button.tertiary { max-width: 100%; } .paymentAuthWrapper .backToCheckoutBtnContainer { padding: 25px 0; } .paymentAuthWrapper .subHeading { font-size: 14px !important; } } /***************** PSD2 desgin ends ***********************/ /****************** DWR-DWR-8848 Update card management *********************************/ .updateAdvCardWrapperContainer { min-height: 350px; border-bottom: 1px solid #d6d6d6; } .updateAdvCardWrapperContainer .adCardHolder { float: left; width: 44%; min-height: 350px; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon { border-left: 1px solid #d6d6d6; float: left; width: calc(56% - 1px); min-height: 350px; } .updateAdvCardWrapper h2.my_account_header { font-size: 20px; line-height: normal; padding: 30px 0; margin: 0px; } .updateAdvCardWrapperContainer .adCardHolder .svocManageAdCardContainer{ margin-top: 50px; width: 383px; height: 233px; background-size: 383px; margin-left: -15px; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon .addCardPlaceHolder { margin: 23px 37px; border: 2px dashed #979797; background: #eee; min-height: 80px; border-radius: 8px; text-align: center; padding-top: 48px; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon .addCardPlaceHolder h3, .updateAdvCardWrapperContainer .physicalAndPlasticCardCon .addCardPlaceHolder h3 a { line-height: normal; font-size: 14px; color: #333333; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon .addCardPlaceHolder h3 a { display: inline-block; background: url("../../images/boots/myaccaddcard/plus-icon.svg") no-repeat 0 center; background-size: 13px; min-height: 13px; padding-left: 21px; margin-top: 4px; } .cardAddedContainer { min-height: 138px; padding-top: 38px; } .cardAddedContainer.digitalcard { border-bottom: 1px solid #d6d6d6; } .cardAddedContainer.physicalcard { background: url("../../images/boots/myaccaddcard/physical.svg") no-repeat 37px; background-size: 158px; } .cardAddedContainer.digitalcard { background: url("../../images/boots/myaccaddcard/digital.svg") no-repeat 37px; background-size: 158px; } .cardAddedContainer .cardDetailsContainer { text-align: right; padding-top: 8px; } .cardAddedContainer .cardDetailsContainer div { font-size: 14px; color: #000; padding: 0 70px 10px 5px; } .cardAddedContainer .cardDetailsContainer div a, .cardAddedContainer .cardDetailsContainer div a:hover{ font-size: 12px; color: #000; text-decoration: underline; font-weight: bold; } .updateAdcardBottomContainer { padding-top: 38px; font-size: 13px; } .updateAdcardBottomContainer h3{ font-size: 17px; line-height: normal; } .updateAdcardBottomContainer h3, .updateAdcardBottomContainer p { padding-bottom: 45px; } .updateAdcardBottomContainer p a { font-size: 13px; font-weight: bold; text-decoration: underline; } .updateAdvCardWrapperContainer form { margin: 0px; padding: 0px; } @media (max-width: 1280px) and (min-width: 941px) { .cardAddedContainer { background-size: 99px !important; min-height: 65px; padding: 15px 0; background-position: 15px 15px !important; margin-top: 0px; } .updateAdvCardWrapperContainer .adCardHolder .svocManageAdCardContainer { margin-top: 26px; max-width: 300px; height: 196px; background-size: 290px; position: relative; margin-left: auto; margin-right: auto; float: none; left: -15px; } .updateAdvCardWrapperContainer .adCardHolder { width: 50%; min-height: 119px; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon { width: calc(50% - 1px); min-height: 226px; } .cardAddedContainer .cardDetailsContainer div { padding: 0 0px 10px 5px; } .updateAdvCardWrapperContainer { min-height: 226px; } .updateAdcardBottomContainer h3, .updateAdcardBottomContainer p { padding-bottom: 17px; } .updateAdcardBottomContainer { padding-top: 18px; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon .addCardPlaceHolder { margin: 12px 15px; min-height: 100px; padding-top: 70px; } } @media (max-width: 940px) { .updateAdvCardWrapper h2.my_account_header { padding: 18px 0; } .updateAdvCardWrapperContainer .adCardHolder, .updateAdvCardWrapperContainer .physicalAndPlasticCardCon { float: none; width: 100%; border-width: 0px; min-height: auto; } .updateAdvCardWrapperContainer .adCardHolder .svocManageAdCardContainer { margin-top: 0px; max-width: 325px; height: 196px; background-size: 320px; margin: 0 auto; position: relative; float: none; } .updateAdvCardWrapperContainer .adCardHolder { min-height: 210px; border-bottom: 1px solid #d6d6d6; } .cardAddedContainer { background-size: 99px !important; min-height: 65px; padding: 15px 0; background-position: 0 15px !important; margin-top: 0px; } .cardAddedContainer .cardDetailsContainer div { padding: 4px 0px 8px 5px; } .cardAddedContainer .cardDetailsContainer { padding-top: 0px; } .updateAdcardBottomContainer h3, .updateAdcardBottomContainer p { padding-bottom: 17px; } .updateAdcardBottomContainer { padding-top: 18px; } .updateAdvCardWrapperContainer .physicalAndPlasticCardCon .addCardPlaceHolder { margin: 12px 0; min-height: 100px; padding-top: 70px; } .updateAdvCardWrapperContainer { min-height: auto; } } @media (max-width: 345px) { .updateAdvCardWrapperContainer .adCardHolder .svocManageAdCardContainer { left: -15px; } } .manageAdcardPopup{ display: none; position: fixed ; background: #fff; z-index: 9999; left: 0; right: 0; top: 15%; padding: 0px; margin: 0px auto; width: 512px; } .manageAdcardPopup h1 { font-size: 20px; line-height: normal; padding: 25px 0; color: #333; text-align: center; } .manageAdcardPopup p { font-size: 14px; color: #333; padding: 0 50px 12px 50px; line-height: 18px; } .manageAdcardPopup .button-holder { padding: 14px 0 26px 0; } .manageAdcardPopup .button-holder .button.primary.cancelmyCard { max-width: 247px; font-size: 18px; margin: 0 auto; float: none; display: block; } .manageAdcardPopup.adcard_unlink { width: 612px; } .manageAdcardPopup.adcard_unlink .button-holder { padding-left: 50px; padding-right: 50px; overflow: auto; } .manageAdcardPopup.adcard_unlink .button-holder .button { max-width: 247px; } @media (max-width: 700px) and (min-width: 601px) { .manageAdcardPopup.adcard_unlink { width: 512px; } .manageAdcardPopup.adcard_unlink .button-holder .button { max-width: 198px; } } @media (max-width: 600px) { .manageAdcardPopup, .manageAdcardPopup.adcard_unlink { width: calc(100% - 30px); } .manageAdcardPopup p { padding: 0 20px 12px 20px; } .manageAdcardPopup h1 { padding: 18px 0; } .manageAdcardPopup .button-holder .button.primary.cancelmyCard { max-width: calc(100% - 40px); margin: 0 20px; } .manageAdcardPopup.adcard_unlink .button-holder .button { max-width: 100%; } .manageAdcardPopup.adcard_unlink .button-holder { padding-left: 20px; padding-right: 20px; } .manageAdcardPopup.adcard_unlink .button-holder .button.secondary { margin-top: 17px; } } /****************** DWR-DWR-8848 Update card management ends *********************************/ /****************** DWR-13197 Add my plastic card ********************************/ #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .form_row_redesign .column_label, #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .labelSpan { max-width: 177px; font-size: 16px; float: left; padding-top: 6px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer > div, #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .form_row_redesign .column_label, #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label, #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button.tertiary { float: left; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvInput input { border-radius: 2px; border: 1px solid #d0d0d0; height: 2.8em; width: 36px !important; margin-bottom: 0px; padding: 0 19px 0 19px; line-height: 0px; /*! text-indent: unset; */ } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvInput{ width: 76px !important; margin-bottom: 0px !important; padding-right: 0px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvImg { width: 41px; padding: 5px 8px 0 7px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvImg img { width: 41px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvDesc { width: 159px; font-size: 10px; line-height: normal; padding-top: 9px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(3), #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(4){ margin-left: 10px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .myAccSvocAdcardInputCon input { width: 251px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .registrationDateOfBirthLabel span { right: 5px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(2) { max-width: 70px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(3) { max-width: 114px; } .svocMyaccWrapper.addmyplasictCardContainer h2.my_account_header { font-size: 20px; line-height: normal; padding: 25px 0 32px 0; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line { width: 100%; padding: 0px; margin-top: 70px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button { font-size: 20px; max-width: 225px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button.primary { float: right; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .registrationDateOfBirthLabel { top: 0px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .form_row_redesign { padding: 31px 0; } @media (max-width: 1280px) and (min-width: 601px) { #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .myAccSvocAdcardInputCon input { width: 261px !important; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button { max-width: 205px; } } @media (max-width: 699px) { .svocMyaccWrapper.addmyplasictCardContainer h2.my_account_header { padding: 0 0 10px 0; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .myAccSvocAdcardInputCon input { width: 100%; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .labelSpan { float: none; display: block; margin-bottom: 16px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvImg img { width: 41px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvImg { width: 41px; padding: 3px 8px 0 8px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .adCardSecurityCodeContainer .adcardCvvInput input { height: 38px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #personalDetails .form_row_redesign { padding: 21px 0; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button.primary, #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button.tertiary { float: none; max-width: 100%; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line .button.tertiary { margin-top: 20px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .button_footer_line { margin-top: 66px; margin-bottom: 20px; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(3) { max-width: none; width: calc(46% - 20px); } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(2), #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #advantageCard_expanded_final label:nth-child(4) { max-width: none; width: 27%; } } @media (max-width: 699px) and (min-width: 601px) { .svocMyaccWrapper.addmyplasictCardContainer h2.my_account_header { padding: 25px 0 32px 0; } #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer .myAccSvocAdcardInputCon input { width: calc(100% - 26px) !important;; } } @media (max-width: 600px) { #edit_your_personal_information.svocMyaccWrapper.addmyplasictCardContainer #eStore_registration_form { max-width: 100%; width: 100%; } } /****************** DWR-13197 Add my plastic card ends ********************************/ /****************** DWR-8850 Lost or stolen cards ********************************/ #eStore_Order_newCard.repCardLostOrStolen h1.registration_header { font-size: 20px; padding: 32px 0 60px 0; line-height: normal; } #eStore_Order_newCard.repCardLostOrStolen .select_cardArea .left_title { font-size: 16px; } #eStore_Order_newCard.repCardLostOrStolen .new_card_button { padding-top: 51px; } #eStore_Order_newCard.repCardLostOrStolen .new_card_button .button.secondary, #eStore_Order_newCard.repCardLostOrStolen .new_card_button .button.primary { font-size: 18px; } #eStore_Order_newCard.repCardLostOrStolen .select_cardArea .right_select select { font-size: 16px; } @media (max-width: 1280px) and (min-width: 601px) { #eStore_Order_newCard.repCardLostOrStolen { width: 95%; } #eStore_Order_newCard.repCardLostOrStolen .select_cardArea .left_title { width: 50%; max-width: 250px; } #eStore_Order_newCard.repCardLostOrStolen .select_cardArea .right_select { width: calc(50% - 30px); margin-left: 30px; max-width: 320px; } #eStore_Order_newCard.repCardLostOrStolen .select_cardArea .right_select span.dropdown_arrow { position: absolute; right: 6px; width: 30px; left: auto; } #eStore_Order_newCard.repCardLostOrStolen .new_card_button .button.secondary, #eStore_Order_newCard.repCardLostOrStolen .new_card_button .button.primary { width: 160px; } } @media (max-width: 600px) { #eStore_Order_newCard.repCardLostOrStolen h1.registration_header { padding: 22px 0; } #eStore_Order_newCard.repCardLostOrStolen .new_card_button { padding-top: 6px; } #eStore_Order_newCard.repCardLostOrStolen .new_card_button .button.secondary { margin-top: 20px } } /****************** DWR-8850 Lost or stolen cards ends ********************************/ /***************** PSD2 3DSlogos ***********************/ .verified3DSlogosNew { position: relative; height: 46px; padding: 20px; margin-bottom: 20px; } .verified3DSlogosNew > img { height: 46px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 601px) { .verified3DSlogosNew.mobile { display: none; } } @media (max-width: 600px) { .verified3DSlogosNew.desktop { display: none; } .verified3DSlogosNew.mobile { height: 40px; position: relative; overflow: hidden; } .verified3DSlogosNew.mobile > img { width: 300px; height: 40px; } } /***************** PSD2 3DSlogos ends ***********************/ /****************** DWR-8835 Confirmation page after cancelling a card ********************************/ .cancelSuccessManageAdCard { max-width: 1036px; } .cancelSuccessManageAdCard h1 { font-size: 20px; font-weight: normal; line-height: normal; color: #004990; text-align: center; padding: 28px 0 26px 0; } .cancelSuccessManageAdCard p { font-size: 16px; color: #000; line-height: 20px; padding: 10px 0; } .cancelSuccessManageAdCard p a, .cancelSuccessManageAdCard p a:hover { text-decoration: underline; } .cancelSuccessManageAdCardBtnCont { padding-top: 50px; } .cancelSuccessManageAdCardBtnCont a.button.primary{ float: right; max-width: 226px; } .cancelSuccessManageAdCard .left_espot p { display: none; } .cancelSuccessManageAdCard .left_espot div.cancelCardEspotContent p { display: block; } @media (max-width: 600px) { .cancelSuccessManageAdCardBtnCont { padding-top: 25px; } .cancelSuccessManageAdCardBtnCont a.button.primary{ float: none; max-width: 100%; } } /****************** DWR-8835 Confirmation page after cancelling a card ends ********************************/ /****************** DWR-13223 When a non-temporary card is earn only show error page Start*******************/ .adcardManageTechnicalErrorWrapper { max-width: 740px; margin: 0 auto; padding: 55px 0 110px 0; } .adcardManageTechnicalErrorWrapper h1 { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 20px; text-align: center; line-height: normal; padding: 0; margin: 0; color: #004990; } .adcardManageTechnicalErrorWrapper p { font-size: 14px; text-align: center; padding: 22px 0; } .adcardManageTechnicalErrorWrapper p.phoneNo { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 20px; text-align: center; padding: 0px; } .adcardManageTechnicalErrorWrapper p.phoneNo span { background: url('../../images/boots/icon-phone.svg') no-repeat 0 0; background-size: 20px; display: inline-block; position: relative; top: 2px; padding-right: 8px; width: 20px; height: 20px; } @media (min-width: 601px) and (max-width: 1280px) { .adcardManageTechnicalErrorWrapper h1 { font-size: 20px; } .adcardManageTechnicalErrorWrapper p.phoneNo { font-size: 17px; } .adcardManageTechnicalErrorWrapper { padding: 50px 0 100px; } } @media (max-width: 600px) { .adcardManageTechnicalErrorWrapper h1, .adcardManageTechnicalErrorWrapper p.phoneNo { font-size: 18px; } .adcardManageTechnicalErrorWrapper p { font-size: 12px; } .adcardManageTechnicalErrorWrapper { width: 273px; } } /****************** DWR-13223 When a non-temporary card is earn only show error page end*******************/ @media (max-width: 600px) { #Checkout_outOfStock.not_suitable_mobile.currentlyUnavailable { width: 90%; } .searchContainer .min-width { width: 100%; } .align-btn{ width: 100%; } .addressScrollbar{ width: 100%; } } /****************** DWR-14697 start*******************/ #basket_adcard #adv_row .adv_card_input.adCardInputColor,.adCardInputColor { border: 1px solid #D0D0D0; } #basket_adcard #adv_row .adv_card_input.adCardInputColor::-webkit-input-placeholder, .adCardInputColor::-webkit-input-placeholder { /* Edge */ color:#4C4C4C; font-size: 14px; } #basket_adcard #adv_row .adv_card_input.adCardInputColor:-ms-input-placeholder, .adCardInputColor:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#4C4C4C; font-size: 14px; } #basket_adcard #adv_row .adv_card_input::placeholder, .adCardInputColor::placeholder { color:#4C4C4C; font-size: 14px; } @media (min-width: 601px) and (max-width: 1280px) { #basket_adcard #adv_row .adv_card_input.adCardInputColor::-webkit-input-placeholder, .adCardInputColor::-webkit-input-placeholder { /* Edge */ font-size: 12px; } #basket_adcard #adv_row .adv_card_input.adCardInputColor:-ms-input-placeholder, .adCardInputColor:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 12px; } #basket_adcard #adv_row .adv_card_input::placeholder, .adCardInputColor::placeholder { font-size: 12px; } } @media (max-width: 600px) { #basket_adcard #adv_row .adv_card_input.adCardInputColor::-webkit-input-placeholder, .adCardInputColor::-webkit-input-placeholder { /* Edge */ font-size: 10px; } #basket_adcard #adv_row .adv_card_input.adCardInputColor:-ms-input-placeholder, .adCardInputColor:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 10px; } #basket_adcard #adv_row .adv_card_input::placeholder, .adCardInputColor::placeholder { font-size: 10px; } } @media (max-width: 600px) { #basketThreshold_overlay.popup_overlay p { width: 100%; } } /****************** DWR-14697 end*******************/ /**************** PAYPAL PAY IN 3 CSS Start *********************/ div.payPal3PDPMessage:empty{ display: none; } div.payPal3PDPMessage { padding-top: 18px; margin: 0 auto -6px; } div#basketPaypalMsgInline{ float: right; min-width: 470px; padding-top: 16px; } div#basketPaypalMsgInline:empty{ display: none; } @media (max-width: 600px) { div.payPal3PDPMessage { margin-bottom: -11px; } div#basketPaypalMsgInline{ min-width: 300px; padding-top: 2px; margin-bottom: -4px; } } /**************** PAYPAL PAY IN 3 CSS End *********************/ /* Algolia CSS minify fix */ .algolia-search .grid_mode .product_name > a { -webkit-box-orient: vertical; } /* Member Price Advantage start */ .member_price_advantage_normalText{ color: #e41b68; font-weight: 400; border-radius: 3px; padding: 8px 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important; overflow: hidden; display: block; } .member_price_advantage_normalText label{ color: #05054b; font-weight: bold; } .member_price_advantage label{ color: #05054b; font-weight: bold; } .member_price_advantage{ color: #e41b68; display: block; } .member_price_advantage a, .member_price_advantage a:hover { border: 1px solid #e41b68; font-weight: 400; border-radius: 3px; padding: 6px 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important; text-align: center; overflow: hidden; display: block; } .member_price_advantage_roundel { position: absolute; top: 10px !important; background-image: url(../../images/boots/price_advantage_roundel.svg); width: 42px; height: 42px; display: block; background-size: 40px; background-position: 0px 0px; background-repeat: no-repeat; left: 8px; } .member_price_advantage_overlay_text { color: #e41b68; } .member_price_advantage.align_left{ padding:8px 0px; } .align_left a, .align_left a:hover{ text-align: left; font-size:1em; } .pdp-promotion-redesign.pdp_member_price_advantage { color: #e41b68 !important; padding: 0px; min-height: auto !important; } .pdp-promotion-redesign.pdp_member_price_advantage a, .pdp-promotion-redesign.pdp_member_price_advantage a:hover { border: 1px solid #e41b68; margin-top: 8px; } /* Member Price Advantage End */ .speedyDelivery{ position: absolute; top: 60px !important; background-image: url("../../images/boots/speedyVanRoundel.svg"); width: 42px; height: 42px; display: block; background-size: 42px; background-position: 0px 0px; background-repeat: no-repeat; left: 8px; } .speedyDeliveryNoOffer{ position: absolute; top: 10px !important; background-image: url("../../images/boots/speedyVanRoundel.svg"); width: 42px; height: 42px; display: block; background-size: 42px; background-position: 0px 0px; background-repeat: no-repeat; left: 8px; } .speedyDelivery.oldTemplate{ top: 75px !important; left: 15px; } .list_mode .speedyDeliveryNoOffer.oldTemplate, .list_mode .member_price_advantage_roundel.oldTemplate { left: -10px; top: -20px !important; } .speedyDeliveryNoOffer.oldTemplate, .member_price_advantage_roundel.oldTemplate { top: 20px !important; left: 14px; } .list_mode .speedyDelivery.oldTemplate{ top: 35px !important; left: -10px; } @media (max-width: 600px){ .speedyDeliveryNoOffer, .member_price_advantage_roundel{ left: -2px; top: -14px !important; background-size: 35px; } .speedyDeliveryNoOffer.oldTemplate, .member_price_advantage_roundel.oldTemplate { left: 0px; top: -19px !important; background-size: 40px; } #richRelevanceContainer .member_price_advantage_roundel.oldTemplate { left: 14px; top: 20px !important; background-size: 40px; } .speedyDelivery{ left: -2px; top: 29px !important; background-size: 35px; } .speedyDelivery.oldTemplate { left: 2px; top: 35px !important; background-size: 40px; } .list_mode .speedyDelivery.oldTemplate { top: 35px !important; left: 0px; } } @media (min-width: 601px) and (max-width: 1280px) { .list_mode .speedyDeliveryNoOffer.oldTemplate, .list_mode .member_price_advantage_roundel.oldTemplate { left: 0px; top: 0px !important; } .speedyDeliveryNoOffer.oldTemplate, .member_price_advantage_roundel.oldTemplate { left: 14px; top: 20px !important; } .list_mode .speedyDelivery.oldTemplate { top: 55px !important; left: 0px; } } #estore_product_image_widget .s7zoomviewer .speedyDelivery{ left:15px; top:70px !important; z-index:999; } #estore_product_image_widget .s7zoomviewer .speedyDeliveryNoOffer, #estore_product_image_widget .s7zoomviewer .member_price_advantage_roundel{ left: 15px; top: 20px !important; z-index:999; } .plp_gridView_redesign .estore_product_container .product_top_section .sponsored { font-size: 12px; text-align: center; padding-bottom: 5px; color: rgb(51, 51, 51); } @media (max-width: 600px) { .plp_gridView_redesign .estore_product_container .product_top_section .sponsored { font-size: 9px; width: 100%; } } .freeDeliveryOverlayText{ color: #05054b; } /**** 2FA starts ****/ .twoFAHeading,.emailPwdHeading { font-size: 17px; font-weight: normal; line-height: 17px; } .emailPwdHeading { padding: 28px 0 0 0; margin-bottom: -17px; } .twoFAContainer { clear: both; } .twoFAContainer h2.twoFAHeading { padding:35px 0 5px 0; } .twoFAContainer p { padding: 5px 0; font-size: .875em; } .twoFAButtonContainer { display: flex; flex-direction: row-reverse; padding: 25px 9px 0 0; } .twoFAstatus span { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 11px; padding: 1px 3px 0px 20px; display: inline-block; max-height: 19px; background-size: 16px; background-position: 2px 2px; background-repeat: no-repeat; } .twoFAstatus.turnedon span { color: #0c8117; background-color: #e6f2e7; background-image: url("../../images/boots/two-fa-locked.svg"); } .twoFAstatus.turnedoff span { color: #333; background-color: #f2f2f2; background-image: url("../../images/boots/two-fa-unlocked.svg"); } .twoFAstatus.unavailable span { color: #d8221f; background-color: #fbe8e8; background-image: url("../../images/boots/two-fa-warning.svg"); } #twoFATurnOffPopupCon .popup_overlay { max-width: 270px; padding: 25px; } #twoFATurnOffPopupCon .popup_overlay div a { display: block; margin-top: 10px; width: initial; } #twoFATurnOffPopupCon .popup_overlay p { width: auto; font-size: 16px; padding: 10px 0px 15px 0px; } #twoFATurnOffPopupCon .popup_overlay p.popup_overlay_head { font-size: 20px; padding: 3px 0 14px 0; } #twoFATurnOffPopupCon .popup_overlay a.close-btn { top: 10px; margin-right: 10px; } #twoFATurnOffPopupCon .popup_overlay div { padding-top: 6px; } @media (min-width: 1281px) { .twoFAButtonContainer a.button { width: 293px; } } @media (max-width: 1280px) and (min-width: 601px) { .twoFAButtonContainer { padding-top: 15px; } .twoFAButtonContainer a.button { width: 280px; } } @media (max-width: 600px) { .emailPwdHeading { padding-top: 32px; margin-bottom: -19px; } .twoFAButtonContainer { padding: 15px 0 50px 0; } .twoFAContainer h2.twoFAHeading { padding:27px 0 5px 0; } .twoFAContainer.disabled .twoFAButtonContainer { padding-bottom: 25px; } .twoFAContainer.unavailable { padding-bottom: 43px; } } /**** 2FA ends ****/ /***QUICK BUY CHANGES***/ .quickBuyLink { display: block; height: 38px; line-height: 38px; border-radius: 5px; border: solid 1px #05054b; cursor: pointer; text-align: center; font-size: 18px; color: #05054b; font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; } .productDetailsQuanAndActContainer .quickBuyPDPOldContainer{ padding-bottom: 2px; margin:0; } .quickBuyPDPOldContainer { padding-bottom: 2px; margin:0 5% 10px 0; } .quickBuyPDPOldContainer .quickBuyLink { height: 35px; line-height: 35px; } .quickBuyPDPNewContainer { padding-bottom: 9px; } #estore_productpage_template_container .shopperActions.quickBuy .productDetailsQuanAndActContainer .button.primary { top: 83px; } .pdp_shopperActions_redesign.quickBuy .button.primary_redesign { top: 80px !important; } .pdp_shopperActions_redesign.quickBuy .wait_cursor_redesign { top: 75px; } .quickBuyPLPOldContainer,.quickBuyPLPNewContainer { margin: 0 5% 10px 0; } .quickBuyPLPOldContainer .quickBuyLink { font-size: 16px; height: 34px; line-height: 34px; } .quickBuy .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container { height: 522px; } .quickBuySLPContainer { margin-bottom: 10px; } .quickBuyLink.disabled { pointer-events: none; cursor: none; opacity: 0.3; } .quickBuyButton .qty_errorMax_redesign_algolia { top: -68px !important; } #estores_product_listing_widget .product_listing_container .grid_mode .product_add .quickBuyPLPNewContainer+.shopperActions.plp_shopperActions_redesign .qty_errorMax_redesign { top: -68px !important; } @media (max-width:600px){ .quickBuy .grid_mode .estore_product_container { max-height: 335px; } .quickBuy .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container { height: 385px; } .quickBuyPLPNewContainer { margin: 10px 0 0px 0; position: relative; top: 5px; } .quickBuyPLPNewContainer .quickBuyLink, .quickBuySLPContainer .quickBuyLink{ font-size: 14px; height: 26px; line-height: 26px; } .quickBuySLPContainer .quickBuyLink span#productPageAdd2Cart { line-height: normal; display: inline; } .quickBuySLPContainer { margin-bottom: 5px; } #estore_productpage_template_container .shopperActions.quickBuy .productDetailsQuanAndActContainer .button.primary { top: 72px; } .pdp_shopperActions_redesign.quickBuy .button.primary_redesign { top: 75px !important; } .quickBuyButton .qty_errorMax_redesign_algolia { top: -57px !important; } .product_listing_container .plp_gridView_redesign .grid_mode .product_add .shopperActions .wait_cursor_redesign { top: -11px; } #estores_product_listing_widget .product_listing_container .grid_mode .product_add .quickBuyPLPNewContainer + .shopperActions.plp_shopperActions_redesign .qty_errorMax_redesign { top: -45px !important; } } @media (min-width: 601px) and (max-width: 1280px) { .quickBuy .grid_mode .estore_product_container { height: 540px; } .quickBuy .product_listing_container .plp_gridView_redesign .grid_mode .estore_product_container { height: 485px; } #estore_productpage_template_container .shopperActions.quickBuy .productDetailsQuanAndActContainer .button.primary { top: 72px; } } .favourite_content_section.quickBuy .quickBuyPDPOldContainer { margin-right: 0px; } @media (min-width:601px){ .favourite_content_section.quickBuy .quickBuyFavListMode .estore_product_container .product_add .product_favourited_delete { top: 50px; } } @media (max-width:600px){ .favourite_content_section.quickBuy .quickBuyPDPOldContainer { margin-right: -6px; clear: both; } .favourite_content_section.quickBuy .product_listing_container.quickBuyFavListMode .list_mode .estore_product_container { min-height: 385px; } } .pdp_roundel_section{ position: absolute; left: 15px; display: inline-block; top: 20px; } #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .product_offer_notify{ position: initial; margin-bottom:10px; } #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .product_offer_notify, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .speedyDeliveryNoOffer, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .member_price_advantage_roundel, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .speedyDelivery{ position: initial; margin-bottom:10px; } @media (max-width: 600px){ #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .product_offer_notify, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .speedyDeliveryNoOffer, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .member_price_advantage_roundel, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .speedyDelivery{ position: absolute !important; left: 0 !important; } .pdp_roundel_section{ top:10px; left:10px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .product_offer_notify, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .speedyDeliveryNoOffer, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .member_price_advantage_roundel, #estore_product_image_widget .s7zoomviewer .pdp_roundel_section .speedyDelivery{ position: absolute !important; left: 0 !important; } .pdp_roundel_section{ top:8px; } } .favourite_content_section .estore_product_container .product_image .member_price_advantage_roundel{ top: 15px !important; left: 20px; } .favourite_content_section .estore_product_container .product_info .member_price_advantage_fav{ color: #e41b68; display: block; } .favourite_content_section .estore_product_container .product_info .member_price_advantage_fav label{ color: #05054b; font-weight: bold; } .product_listing_container .plp-promotion-redesign-container .member_price_advantage a, .member_price_advantage a:hover{ padding:8px 10px; } @media (max-width: 600px){ .favourite_content_section .estore_product_container .product_image .member_price_advantage_roundel{ background-size: 40px; } .product_listing_container .plp-promotion-redesign-container .member_price_advantage a, .member_price_advantage a:hover{ padding:5px 10px; font-size:9px; } } @media (min-width: 1281px){ .favourite_content_section .estore_product_container .product_image .product_offer_notify { top: 15px; } } #pdp_bundle_component_item_list .member_price_advantage_roundel { background-image: url(../../images/boots/price_advantage_roundel.svg); width: 42px; height: 42px; display: block; background-size: 40px; background-position: 0px 0px; background-repeat: no-repeat; margin: 0 0 5px; position:initial; } #pdp_bundle_component_item_list .member_price_advantage_bundelText{ color: #e41b68; font-size:16px; padding:5px 0; } #pdp_bundle_component_item_list .member_price_advantage_bundelText label{ color: #05054b; font-weight: bold; } .estore_product_container .product_info .member_price_advantage_normalText { color: #e41b68; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important; overflow: hidden; display: block; font-weight: 600; font-size: 17px; padding: 0; } @media (max-width: 600px){ .estore_product_container .product_info .member_price_advantage_normalText { white-space: normal; font-size: 14px; } .favourite_content_section .estore_product_container .product_image .member_price_advantage_roundel { top: -15px !important; left: 0px; } .align_left a, .align_left a:hover{ text-align: left; font-size:1em; } #productPromotionPopup a.member_price_overlay_link, a.member_price_overlay_link:hover { font-size: 1em; } } @media (min-width: 768px) and (max-width: 1280px){ .favourite_content_section .estore_product_container .product_image .member_price_advantage_roundel { top: 0 !important; left: 0px; } } .plpRedesignOverlay .member_price_advantage_overlay_text, .plpOverlay-newDesign .member_price_advantage_overlay_text { color: #e41b68 !important; } .member_price_advantage_normal_text { color: #e41b68; } .member_price_advantage_normal_text label { color: #05054b; font-weight: bold; } .pdp-promotion-redesign-container .member_price_advantage a, .member_price_advantage a:hover { padding: 6px 10px; } a.member_price_overlay_link, a.member_price_overlay_link:hover { padding: 0 !important; display: inline-block; border: none; text-decoration: underline !important; line-height: 18px; font-size: 14px; overflow: visible; } #productPromotionPopup p:nth-last-of-type(2n) { border-bottom: 0px solid #e7e7e7; padding-bottom:15px } .product_listing_container .plp-promotion-redesign-container .member_price_advantage a.close-btn, .member_price_advantage a.close-btn:hover{ padding:0; } /* Changes for VAT relief declaration form */ #eStore_registration_form .sign_in_registration .min-width-vat input{ width:483px; margin-bottom:0; } .vat-input-field-section{ display:inline-block; } .vat-input-field-section .addressScrollbar{ width:493px; } #personalDetails .labelSpan-vat { vertical-align: top; padding-top: 10px; } .vatExemptionForm_textarea{ width:52%; } .align-btn-vat { width: 70.5%; margin-top: 0px; margin-bottom:20px; } #searchInputFormContainerRedesign{ margin-top:30px; } .vat-input-field-section #searchAddressResultContainer{ margin-bottom: 15px; } @media (max-width: 600px) { .vat-input-field-section{ display:block; } #eStore_registration_form .sign_in_registration .min-width-vat input{ width:93%; } .vat-input-field-section .addressScrollbar{ width:99%; } .vatExemptionForm_textarea { width: 94%; } .vat-input-field-section #searchAddressResultContainer{ margin-bottom: 15px; } .align-btn { width: 99%; } } @media (min-width: 601px) and (max-width: 1280px) { #eStore_registration_form .sign_in_registration .min-width-vat input{ max-width:385px; } .align-btn-vat { width: 75%; } .vat-input-field-section .addressScrollbar{ width:99.5%; } }