kground-color: #da5766;; font-weight: normal; border-bottom: 1px solid #E4E4E4; } .mothersday-2016__flowers-link a:hover, .mothersday-2016__shop-link a:hover, .fixed-content__dotcom a:hover { color: #fff; text-decoration: none; opacity: 0.7; } .mothersday-2016__flowers a:after, .mothersday-2016__shop-link a:after, .fixed-content__dotcom a:after { font-family: "Tesco Icons"; content: "r"; font-size: 11px; right: 20px; top:0; position:absolute; line-height: 40px; display:block; color: #fff; } .mothersday-2016__shop-link { padding: 30px 8px; margin: 0; } .fixed-content__dotcom { padding: 0 8px; margin:0 0 40px; } .mothersday-2016__shop-link a { width: 584px; } .mothersday-2016__treat-her { background:url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/Responsive/events/MothersDay_Desktop_DeepLinksBlock.jpg") no-repeat center center; padding: 0 10px; } .mothersday-2016__treat-her img { display: none; } .mothersday-2016__order1 { -webkit-order: 1; order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin: 0 0 0 10%; } .mothersday-2016__order2 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .mothersday-2016__treat-her { margin: 0 0 40px; } .mothersday-2016__treat-her h2, .mothersday-2016__origami-card h2, .mothersday-2016 .brand-feature-block-text h2 { color:#da5766; font-size:38px; margin: 75px 0 20px 0; line-height: 34px; } .mothersday-2016__treat-her ul { margin: 0 0 75px 0; } .mothersday-2016__treat-her ul li a { font-family: 'Tesco'; font-size: 18px; color: #fff; text-decoration: none; font-size: 16px; position: relative; height: 50px; vertical-align: middle; font-weight: normal; display: table-cell; width: 354px; padding: 0 29px 0 20px; background-color: #da5766; } .mothersday-2016__treat-her ul li a:hover { opacity:0.8; color: #fff; text-decoration: none; } .mothersday-2016__treat-her ul li a:after { top: 0; content: "r"; font-family: "tesco icons"; position: absolute; color: #fff; font-size: 12px; right: 20px; line-height: 50px; display: block; } .mothersday-2016__treat-her ul li:before { border-top: 1px solid #E87683; position: absolute; content: ''; margin: -1px 17px; } .mothersday-2016__treat-her ul li:nth-child(1):before { border-top:0; } .mothersday-2016__treat-her ul li:nth-child(1) a { border-top-right-radius: 3px; border-top-left-radius: 3px; } .mothersday-2016__treat-her ul li:nth-child(5) a { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .mothersday-2016 h2.spoil-her { background: url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/Responsive/events/MothersDay_Desktop_Insp1.jpg") no-repeat center center; width: 350px; height: 96px; text-indent: -999999px; display: block; margin: 10px auto; } .mothersday-2016__origami-card { background:url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/Responsive/events/MothersDay_Desktop_OrigamiBlock.jpg") no-repeat; height: 358px; margin: 53px 0 40px; } .mothersday-2016__origami-card h2, .mothersday-2016 .brand-feature-block-text h2 { margin: 0 0 30px; } .mothersday-2016__origami-card p, .mothersday-2016 .brand-feature-block-text p { color:#666; font-size: 16px;, font-family: 'Tesco'; font-weight: normal; margin: 0 0 30px; } .mothersday-2016__origami-card p { line-height: 24px; } .mothersday-2016 .brand-feature-block { margin: 0; } .mothersday-2016 .brand-feature-block-text .brandstore-links:link, .mothersday-2016 .brand-feature-block-text .brandstore-links:visited, .mothersday-2016 .fixed-content__origami-card a { color:#da5766; font-size: 16px; font-family: 'Tesco'; } .mothersday-2016 a { color:#fff; font-size: 16px; } .mothersday-2016 .brand-feature-block-text .brandstore-links:link, .mothersday-2016 .brand-feature-block-text .brandstore-links:visited { border-radius: 0; border:0; padding: 0; } .mothersday-2016 a:hover, .mothersday-2016__shop-link a:hover { color:#fff; } .mothersday-2016 .brand-feature-block-text .brandstore-links:hover, .mothersday-2016 .fixed-content__origami-card a:hover { color:#da5766; } .mothersday-2016__shop-link a:hover { text-decoration:none; opacity:0.7; } .mothersday-2016 .brand-feature-block-text .brandstore-links:hover { background-color: transparent; text-decoration: underline; } .mothersday-2016 .brand-feature-block-text .brandstore-links:after { content: ''; } .mothersday-2016 .image-and-copy-tile { margin:16px 0 30px; } .mothersday-2016 .image-and-copy-tile .tile-copy h2 { color:#da5766; border-bottom: 1px solid #e2e2e2; } .mothersday-2016 .image-and-copy-tile:hover { opacity:0.7; } .mothersday-2016 .brand-image-right { text-align:right; } .mothersday-2016 .tea-flower { clear:both; margin:30px 0 0 0; } .mothersday-2016 .mothersday-2016__shop .image-and-copy-tile { margin:16px 0; } .mothersday-2016__flowers-link { display:table; margin:15px auto; width: auto; height: 40px; vertical-align: middle; bottom: 0; background-color: #da5766;; font-weight: normal; border-bottom: 1px solid #E4E4E4; position: relative; line-height: 40px; text-align:center; padding:0 30px; font-family: 'Tesco'; } .mothersday-2016 a:hover .mothersday-2016__flowers-link { opacity: 0.7; } /*------------------------------- Soda Stream Header Fix ----------------------------------*/ .soda-stream-header { margin:20px 0 0 20px; } /*------------------------------- Dyson Branding ----------------------------------*/ .mtop_new_design_2.mtop_new_design_2__dyson { background: url("/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2017/06/HomeElec_Dyson_Wk19_Desktop.jpg") center center no-repeat; } .dysonBrand h2 { padding:0 8px; margin: 35px 0 16px; } .dysonBrand .mtop_new_design_2 .mtop_content-wrapper { background: none; } .dysonBrand .mtop_new_design_2 .mtop_content-wrapper img { height:31px; float: left; } .dysonBrand .mtop_new_design_2 .mtop_content-wrapper h1 { text-align: left; font-family: left; clear: both; font-size: 3.2em; color: #333; font-family: 'Tesco'; margin: 0 0 5px 0 !important; } .dysonBrand .mtop_new_design_2 .mtop_content-wrapper p { font-size: 2.4em; color: #333; font-family: 'Tesco'; margin-top: 0; } .dysonBrand .brand-page-button__mtop_new_design_2 { margin-top: 20px; } .dysonBrand .mtop_new_design_2__dyson ul { width: 240px; } .dysonBrand .mtop_new_design_2__dyson ul li { padding: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .dysonBrand .mtop_new_design_2 ul li a:after { font-family: "Tesco Icons"; content: "r"; font-size: 11px; right: 20px; top: 0; position: absolute; line-height:44px; display: block; color: #fff; } .dysonBrand .lightbox-content { height: 0; overflow: hidden; } .dysonBrand .mtop_new_design_2 { height:450px; } .dysonBrand .brand-store-feature-block { padding: 0; width: 80%; margin: 0 auto; float: none; } .dysonBrand .dyson-trade { background-color: transparent; padding: 0 0px 50px 0; margin: 0; width: 100%; } .dysonBrand .dyson-trade .copy { margin: 0 0 0 20px; padding: 0px 0 0 10px; width:50%; } .dysonBrand h3, .dysonBrand .dyson-trade .copy p { font-size: 20px; color:#333; margin: 0; } .dysonBrand .dyson-trade img { float: left; margin: 0 0 0 24%; } .dysonBrand .cta { display:none; } .dysonBrand .event-page-item-block .copy-holder.with-button p { padding-bottom: 0; } .dysonBrand .event-page-item-block:hover { text-decoration:none; opacity:0.7; } .dysonBrand .event-page-item-block:hover h3, .dysonBrand .event-page-item-block:hover p { color:#00a1e0; } .dysonBrand .product-carousel h2 { margin:0; } .dysonBrand .mtop_new_design_2__dyson ul li a { text-align: left; color: #fff; background: #29aae1; padding: 0 20px; display: block; height: 44px; line-height: 44px; width: auto; font-size: 1.6em; font-weight: bold; } .dysonBrand .brand-page-button__mtop_new_design_2 ul li:nth-child(1) { border-top-right-radius: 3px; border-top-left-radius: 3px; } .dysonBrand .brand-page-button__mtop_new_design_2 ul li:nth-child(2) { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .dysonBrand .brand-page-button__mtop_new_design_2 { height: 110px; } .dysonBrand .brand-page-button--small a, .dysonBrand .brand-page-button--small a:active, .dysonBrand .brand-page-button--small a:hover{ display:table-cell; font-size:15px; height:50px; line-height:50px; } .dysonBrand .video-button-block:after{ content:""; height:0; overflow:hidden; } .dysonBrand .video-button-block.brand-store-feature-block.video2:after { height: 80px; width: 80px; content: 'z'; } .dysonBrand .video-button-block.brand-store-feature-block.video2:hover:after { background: rgba(255,255,255,.8); color: #009FDF; } .dysonBrand .video-button-block.brand-store-feature-block.video2 { width:100%; } .dysonBrand .mtop_new_design_2__dyson ul li a:hover { background: #00539f; } /*----------------------------------- DHP for Mother's day ------------------------------------*/ .mtop_new_design_2.mtop_new_design_2__mothersday2016{ background: url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/Responsive/Homepage/DHP_Wk1_Mtop_Desktop.jpg") center center; } .mtop_new_design_2.mtop_new_design_2__mothersday2016 .mtop_content-wrapper h1, .mtop_new_design_2.mtop_new_design_2__mothersday2016 .mtop_content-wrapper h2 { color:#da5766 !important; line-height: 38px; } .mtop_new_design_2.mtop_new_design_2__mothersday2016 .mtop_content-wrapper h1{ font-size: 34px; } .mtop_new_design_2.mtop_new_design_2__mothersday2016 .mtop_content-wrapper h2{ font-size: 16px; font-weight: normal; margin-top: 5px; line-height: 20px; } .mothersday-2016__flowers-link span { color:#fff; } .mtop_new_design_2__mothersday2016 .brand-page-button__mtop_new_design_2 span { background-color: #da5766; font-size: 15px; color: #fff; } .mtop_new_design_2__mothersday2016 .brand-page-button__mtop_new_design_2 span:hover { background-color: #da5766; opacity:0.7; } .mtop_new_design_2__mothersday2016 .brand-page-button__mtop_new_design_2 { margin-top: 10px; } .mtop_new_design_2.mtop_new_design_2__mothersday2016 .mtop_content-wrapper p { color: #da5766; font-size: 14px; text-align: center; margin: 0 0 15px 0; } /*----------------------------------- Square Trade Lightbox Fix ------------------------------------*/ /* Author: SquareTrade */ .st_resale_product_widget_container { width: 100%; overflow:hidden; padding: 5px 12px; font-family: sans-serif; } .st_resale_product_widget_container .heading { font-size: 13px; font-family: sans-serif; width: auto; margin-bottom:5px; overflow:hidden; } .st_resale_product_widget_container .heading span { position: relative; bottom: -2px; float: left; left: 2px; } .st_resale_product_widget_container .heading img { position: relative; float: right; bottom: 0; height: 20px; } .st_resale_product_widget_container .body { font-size: 12px; width: 100%; position: relative; float: left; margin: -2px 0 0 -3px; line-height: 18px; } .st_resale_product_widget_container .st_icon { background-repeat: no-repeat; width: 18px; height: 18px; margin: 3px 0 -3px 0; display: inline-block; float: right; cursor: pointer; } .st_resale_product_widget_container label { float: left; margin: 0 7px; padding: 0; font-size: 11px; width:auto; margin-left:0; } .st_resale_product_widget_container .price { font-size: 11px; float: right; display: inline; position: relative; text-indent: 2px; margin-right: 10px; } .st_resale_product_widget_container input[type=checkbox] { font-size: 17px; margin: 0 7px; float: left; padding: 0 !important; height: auto !important; } .st_resale_product_widget_container .pricing_selector { float: left; width: inherit; } /* ====== Tesco-specific overrides of default Overlay component styles ====== */ .st_overlay .st_outlet_dimming_layer { z-index: 9999; background: rgba(0, 0, 0, 0.17); } .st_overlay .st_outlet_overlay_panel { margin-top: 120px; } /* ======= Tesco Warranty Purchase Interstitial Overlay-related Styles ====== */ .st_warranty_interstitial { width: 640px; height: 331px; padding: 20px; text-align: left; background-color: white; background-repeat: no-repeat; background-position: 35px -12px; border-radius: 5px; position: relative; } .st_warranty_interstitial .body { position: absolute; text-align: left; top: 210px; left: 200px; bottom: 25px; right: 15px; } .st_warranty_interstitial .body .subhead { color: #043451; font-weight: bold; font-size: 150%; margin-bottom: 10px; } .st_warranty_interstitial .body fieldset { position: absolute; left: 100px; right: 30px; top: 38px; } .st_warranty_interstitial .body fieldset label { display: block; max-width: 18em; margin: 2px; font-weight: bold; } .st_warranty_interstitial .body fieldset label input { margin-left: 8px; margin-right: 8px; } .st_warranty_interstitial .price { float: right; display: inline-block; margin-top: 3px; } .st_warranty_interstitial .actions { position: absolute; bottom: 0px; text-align: right; width: 100%; /*width: inherit;*/ } .st_warranty_interstitial .actions a { padding: 4px 15px; font-size: 180%; font-weight: bold; border-radius: 3px; margin: 0 30px 0 10px; } .st_warranty_interstitial .actions .add-warranty-to-basket { border: 1px solid #fea100; /* TODO need to grab this image and reference the st_images version within template */ /*background: #ff8402 url(../images/btn_orange_large_repeat.jpg) 0 0 repeat-x;*/ background: #ff8402; background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#fe8300),color-stop(48%,#fe8f00),color-stop(83%,#fea100)); background: -moz-linear-gradient(center bottom,#fe8300 0,#fe8f00 48%,#fea100 83%) repeat scroll 0 0 transparent; text-decoration: none; color: white; } .st_warranty_interstitial .actions .add-warranty-to-basket:hover { background: #ff7800; text-decoration: none; cursor: pointer; } .st_warranty_interstitial .actions .no-thanks { border: 1px solid #ccc; background: #efefef; background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#eeeeee),color-stop(48%,#ffffff),color-stop(83%,#ffffff)); background: -moz-linear-gradient(center bottom,#eeeeee 0,#ffffff 48%,#ffffff 83%) repeat scroll 0 0 transparent; color: #999; padding: 6px 30px; font-size: 160%; } .st_warranty_interstitial .actions .no-thanks:hover { text-decoration: none; } /* ================ Tesco "More Info" Overlay-related Styles ================ */ .st_more_info_popup { position: relative; width: 575px; height: 330px; } .st_more_info_popup > * { display: inline-block; position: absolute; left: 0; top: 0; } .corner.st_overlay_close { width: 24px; right: 13px; left: auto; top: 8px; cursor:pointer; } .st-learn-more { top: 235px; left: 282px; font-size: 12px; font-family: sans-serif; color: #ccc; text-decoration: underline; cursor: pointer; } .btn-select-plan { cursor: pointer; top: auto; left: 250px; bottom: 27px; width: 130px; height: 39px; display:none; } .st-terms-conditions { top: auto; left: auto; bottom: 40px; right: 60px; font-size: 10px; font-family: sans-serif; color: rgb(184, 184, 184); } /* Begin include of default $st.components.Overlay styles */ /** * $st.components.Overlay */ /* Ensure the common `is-hidden` classname is available to this component */ .is-hidden { display: none !important; } /* Applied to `document.body` while the Overlay is presented. Locks the document height to the window height so the component can manage scrolling. */ .st_fixed_viewport { width: 100% !important; height: 100% !important; margin: 0; padding: 0; overflow: hidden; } .st_overlay .st_outlet_dimming_layer { pointer-events: auto; position: fixed; overflow: hidden; width: 100%; height: 100%; min-height: 400px; top: 0px; left: 0px; text-align: center; /* IE Transparent Background */ background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); zoom: 1; /* Standard Transparent Background */ background-color: rgba(0, 0, 0, 0.7); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .st_overlay .st_outlet_overlay_panel { display: inline-block; margin-top: 100px; margin-right: auto; margin-bottom: 100px; margin-left: auto; max-width: 80%; max-height: 70%; min-height: 100px; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .st_overlay .st_outlet_host_container { min-width: 320px; min-height: 100px; max-height: 100%; text-align: left; } /* CSS-based mechanism to control visibility of the "default close link" When the hosted Overlay content does not contain its own means of dismissing the Overlay, the component sets a `needs-default-close-link` classname on its root element. When the "close link" is missing in content, the component also assumes that the content lacks styling and will attempt to apply a default background color. Content that does not have a "close link" is still able to leverage the component's default link, and override the styling. */ .st_overlay .st_outlet_panel_footer { display: none; padding: 10px; text-align: right; } .st_overlay.needs_default_close_link .st_outlet_overlay_panel { background: white; } .st_overlay.needs_default_close_link .st_outlet_panel_footer { display: block; background: white; } .st_overlay .st_outlet_default_close_link { display: inline-block; } .st_overlay .st_default_close_link_text:after { cursor: default; display: inline-block; padding: 5px; border: 1px solid #CCCCCC; color: #222222; content: "Close Overlay"; } /* End include of default $st.components.Overlay styles */ .st_resale_product_widget_container { padding:5px 0 !important; margin-bottom:10px; } /*---------------------------- Contact Us TidyUp -----------------------------*/ .contactus-restyle h2, .contactus-restyle h3, .contactus-restyle h1{ color:#333333; } .contactus-restyle p, .contactus-restyle table td, .contactus-restyle div span{ color:#666666; } .contactus-restyle a, .contactus-restyle #content .primary-content #help-page p a:link, .contactus-restyle .responsive-contactus-table div a{ color:#00539F; } /*---------------------- Mothers Day IE Fix -------------------------*/ .mtop-mothersday-2016_link{ display:block; } /*------------------------------- Health & Beauty Page ----------------------------------*/ .health-beauty .fixed-content .accordion-element .content ul{ background:#F7F6F4; } .health-beauty .fixed-content .accordion-element .content ul li a{ background:#fff; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; } .health-beauty .fixed-content .accordion-element .generic-header { color: #645945; padding: 0 0 10px 0; margin:0; } .health-beauty .fixed-content .accordion-element .title-box .mobile-header{ display:none; } .xmas-gift.health-beauty .fixed-content{ width:100%; } /* ----------- DS Test ---------- */ #catalogue-nav ul.categories-l1>li div.flyout-promo p span.ds-link::after { content: ""; } /*---------------------------------------- 2016 Easter Bank Holiday Page ----------------------------------------*/ .bank-holiday-mtop { overflow: hidden; position: relative; height: auto; background-color: #ffd600; display: block; padding: 20px; margin:8px; } .bank-holiday-mtop.l-100{ width:99%; } .bank-holiday-mtop h2{ margin: 0px; color: #e81f02; font-weight: bold; font-family: "Tesco"; font-size:26px; } .bank-holiday-mtop p { margin: 0; background: url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/static_pages/chevron-red.png") no-repeat 0px 100%; background-size: 70px 18px; height: 52px; font-size: 21px; font-family: "Tesco"; color: #e81f02; } .bank-holiday-mtop a { color: #e81f02; background: #ffe35a; width: 200px; position: absolute; right: 15px; bottom: 15px; padding: 7px 10px; font-weight: bold; font-family: "Tesco"; text-decoration: none; font-size: 17px; } .bank-holiday-mtop a:after { content: 'r'; font-family: "Tesco Icons"; right: 8px; position: absolute; font-size: 14px; color: red; line-height: 20px; } .no-touch .bank-holiday-mtop a:hover, .bank-holiday-mtop a:hover, .bank-holiday-mtop a:link:hover{ color:#e81f02; text-decoration:none; } .bank-holiday-header { margin: 15px 8px; } .bank-holiday-header h2, .bank-holiday-header p { color: #e81f02; } .bank-holiday-stamp .event-page-item-block .copy-holder { background: #ffd600; } .bank-holiday-stamp .event-page-item-block .copy-holder p, .bank-holiday-stamp .event-page-item-block .copy-holder .cta{ color: #e81f02; } /*----------------------------- Batman v Superman -------------------------------*/ .batman-v-superman{ background:#000; } .dc-items-stamp .copy-holder.with-button p > span { display: block; font-size: 22px; line-height: 1.5em; } .batman-v-superman .dc-items-stamp .copy-holder p, .batman-v-superman .dc-items-stamp .copy-holder .cta { color: #fff; } .batman-v-superman .dc-items-stamp img { border: 0px; } .batman-v-superman .dc-items-stamp .cta:after{ left:30px; } .batman-v-superman .dc-batman-mtop .mtop_new_design_2 .mtop_content-wrapper { background: none; width:300px; } .batman-v-superman .dc-batman-mtop .mtop_new_design_2 .mtop_content-wrapper h1, .batman-v-superman .dc-batman-mtop .mtop_new_design_2 .mtop_content-wrapper h2 { text-align: left; color:#fff; } .batman-v-superman .dc-batman-mtop .brand-page-button__mtop_new_design_2 span { width: 65%; background: #0051a2; color: #fff; } .batman-v-superman .dc-batman-video .lightbox-content{ height: 0; overflow: hidden; } .batman-v-superman .dc-items-stamp .copy-holder { background: #000; border: 0px; padding-bottom: 15px; border-bottom: 1px solid #262626; margin-bottom: 0px; } .batman-v-superman .dc-items-stamp .copy-holder .cta { bottom: 15px; } .batman-v-superman .dc-batman-mtop .mtop_new_design_2 { height: 405px; } .batman-v-superman .dc-batman-video .brand-store-feature-block { padding: 80px 80px 0; } .batman-v-superman .batman-story { text-align: center; width: 65%; margin: 0 auto 50px; } .batman-v-superman .batman-story h2, .batman-v-superman .batman-story p{ color:#fff; } .batman-v-superman .dc-batman-video .video-button-block:after { background: none; border: 1px solid #fff; } .batman-v-superman .dc-shop-all .mtop_new_design_2 .mtop_content-wrapper div p{ font-family: 'Tesco'; font-size: 24px; color: #fff; font-weight: normal; margin: 0 0 5px 0; line-height: 36px; } .batman-v-superman .dc-batman-mtop { margin: 0 8px; } .batman-v-superman .video-container { margin: 8px; } /* DHP Toys Main Banner */ .dhp-main-banner-toys .mtop_new_design_2 .mtop_content-wrapper{ display:none; } /* DHP Bank Holiday Deals Banner */ .dhp-bank-holiday-deals .clearance-2016 h1, .dhp-bank-holiday-deals .clearance-2016 h2, .dhp-bank-holiday-deals .clearance-2016 .brand-page-button__clearance-2016{ color:#e20614; } .dhp-bank-holiday-deals .clearance-2016 .brand-page-button__clearance-2016{ border:1px solid #e20614; } .dhp-bank-holiday-deals .clearance-2016 .brand-page-button__clearance-2016:hover{ background:#ffdd01; } .dhp-bank-holiday-deals a:hover{ text-decoration:none; } .dhp-bank-holiday-deals .clearance-2016 { background: #ffd401; margin-bottom: 30px; } .dhp-bank-holiday-deals .clearance-2016 h1{ line-height:115px; } /*--------------------------------- Category Microwave page -----------------------------------*/ .home-cat-microwave { background: #fff; } .home-cat-microwave .microwave-guide:hover, .pub-brand-buying-guide:hover { background: #e5f5fc; border: 1px solid #008dc8; } .home-cat-microwave .microwave-guide, .pub-brand-buying-guide { border: 1px solid #7c765f; margin: 20px 8px; clear:both; overflow: hidden; } .home-cat-microwave .microwave-guide p, .pub-brand-buying-guide p { text-align: center; font-size: 16px; font-family: "Tesco", Helvetica Neue, Arial, sans-serif; line-height: 1.3em; } .home-cat-microwave .microwave-guide p span, .pub-brand-buying-guide p span { font-weight: bold; display: block; } .pub-brand-buying-guide a{ color: #645945; } .home-cat-microwave .microwave-guide p:hover a, .home-cat-microwave .microwave-guide p:hover span, .pub-brand-buying-guide p:hover a, .pub-brand-buying-guide p:hover span { color: #008dc8; } .home-cat-microwave .event-page-item-block .copy-holder .cta { display: none; } .home-cat-microwave .product-grid.shop-by .products-header { border-top: none; } .home-cat-microwave .category .category-visual-navigation-text-link .product-grid.shop-by .products>li .product a::after { content: ""; } /* -------------------------------------- Garden Furniture Multilink Banner -------------------------------------- */ .garden-furnitue-mtop-banner--roundlinks { position: relative; background: white; margin-bottom: 30px; } .garden-furnitue-mtop-banner--roundlinks a { background: #e51c20 !important; color: #fff !important; text-decoration: none !important; padding: 10px 20px; font-size: 14px; font-family: "Tesco"; width: 100%; display: block; position: relative; line-height: 19px; } .garden-furnitue-mtop-banner--roundlinks .garden-furniture-deals { position: absolute; top: 170px; left: 35px; width: 440px; border-radius: 3px; overflow: hidden; } .garden-furnitue-mtop-banner--roundlinks a:after { content: "r"; font-family: "Tesco Icons"; height: 19px; margin: auto; position: absolute; top: 0; bottom: 0; right: 12px; font-size: 13px; } /*----------------------------------------- Home Electrical Multi Link mtop --------------------------------------*/ .home-elec-mtop .multi-link-wide-mtop .tile-overlay ul li a{ background: #e51c20; color: #fff; } .home-elec-mtop .multi-link-wide-mtop .tile-overlay h1, .home-elec-mtop .multi-link-wide-mtop .tile-overlay h2{ color:#333; } .home-elec-mtop .multi-link-mtop-large ul li:nth-child(4) { display: none; } .home-elec-mtop .multi-link-wide-mtop .tile-overlay h2{ font-size:20px; font-weight:normal; } /*-------------------------------- Baby Department Multi Link Mtop ------------------------------------*/ .eight-links-mtop .tile-overlay ul li a{ background: #009999; color: #fff; padding: 10px; font-size: 18px; font-family: "Tesco"; width: 100%; display: block; position: relative; line-height: 19px; margin-bottom: 12px; } .eight-links-mtop .tile-overlay ul li a:after{ content: "r"; font-family: "Tesco Icons"; height: 19px; margin: auto; position: absolute; top: 0; bottom: 0; right: 12px; font-size: 13px; } .eight-links-mtop .tile-overlay ul li a:hover{ text-decoration:none; } .eight-links-mtop .tile-overlay ul li[data-shows='false']{ display:none; } /*-------------------------------- Buying Guides Alignment ------------------------------------*/ .buying-guide--section-grid__img--align-left { float: left; height: auto; margin: 16px 24px 16px 0; display: block; max-width: 100%; } .buying-guide--section-grid.buying-guide h2 { border-bottom: 1px solid #f3f1ed; padding: 12px 0px 12px 17px; margin: 0; font-family: 'Tesco','Helvetica Neue', Arial, sans-serif; font-size: 1.8em; font-weight: bold; text-indent: 8px; } /*----------------------------------- PLP Buylist Headers - All -----------------------------------*/ .plp-blh-buylist-header, .fnf-buylist-header { padding: 0 8px; overflow: hidden; margin-top: 16px; font-family: Tesco,"Helvetica Neue",Arial,sans-serif; } .plp-blh-buylistheader__content, .fnf-buylistheader__content { float: left; max-width: 950px; } .plp-blh-buylistheader__content__title, .fnf-buylistheader__content__title { margin: 0 0 16px 0; } .fnf-buylist-header--fnf-logo .page-title:before { content: ""; background: url("/directuiassets/SiteAssets/NonSeasonal/en_GB/images/fandf/department/icon-sprite.png") no-repeat left top; display: inline-block; height: 36px; width: 70px; background-position: 0 -115px; margin-right: 8px; vertical-align: top; } .plp-blh-buylist-header .plp-blh-buylistheader__content__title h1, .fnf-buylist-header .fnf-buylistheader__content__title h1 { margin: 0 !important; color: black; line-height: 36px !important; padding: 0; font-size: 2.8em; } .plp-blh-buylistheader__content__copy, .fnf-buylistheader__content__copy { font-size: 1.6em; line-height: 1.5; color: #333; margin: 0 0 16px 0; font-family:"Tesco"; } .plp-blh-buylistheader__content__copy__image, .fnf-buylistheader__content__copy__image { margin-top: 12px; } .plp-blh-buylistheader__content__links, .fnf-buylistheader__content__links { font-size: 1.6em; overflow: hidden; margin-right: -32px; } .plp-blh-buylistheader__content__links__item, .fnf-buylistheader__content__links__item { margin-right: 32px; float: left; margin-bottom: 16px; } .plp-blh-buylistheader__content__links__item__anchor, .fnf-buylistheader__content__links__item__anchor { color: #00539e !important; font-weight: bold; } .plp-blh-buylistheader__content__links__item__anchor:hover, .fnf-buylistheader__content__links__item__anchor:hover { text-decoration: underline; color: #00a1e0; } .plp-blh-buylistheader__content__links__item__anchor:after, .fnf-buylistheader__content__links__item__anchor:after { display: inline-block; font-family: 'Tesco Icons'; content: "r"; font-weight: normal; font-size: 0.7em; position: relative; top: 0; margin-left: 3px; } .plp-blh-buylistheader__image, .fnf-buylistheader__image { float: right; margin-bottom: 16px; width: 190px; } .plp-blh-buylistheader__image__img, .fnf-buylistheader__image__img { max-width: 100%; height: auto; } /*----------------------------------- Tesco Partners Directory - All -----------------------------------*/ .tp-directory__logo { text-align: center; } .tp-directory__logo__title { color: #4D9096; font-weight: bold; font-size: 5.8em; line-height: 44px; background: url("/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/week-09/TescoPartners_Logo-tagonly.png") no-repeat top left; padding: 8px 0 20px 160px; letter-spacing: -2px; display: inline-block; margin-top: 36px !important; text-align: left; max-height: none; } .tp-directory__logo__tagline { font-size: 0.5em; font-weight: normal; display: block; } .tp-directory__intro { margin: 16px 0 32px 0; text-align: center; } .tp-directory__intro__table { } .tp-directory__intro__cell { border: 1px solid #eee; } .tp-directory__intro__title { background: #eee; color: #666; font-weight: bold; font-size: 2em; margin: 0; padding: 8px; line-height: 1; } .tp-directory__intro__copy { color: #666; font-size: 1.6em; margin: 0; padding: 28px 40px; line-height: 1.125; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .tp-directory__faqs { padding: 0 8px; margin: 48px 0; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .tp-directory__faqs__title { color: #666; font-size: 2em; font-weight: bold; margin-bottom: 12px; line-height: 1; } .tp-directory__accordion { border-top: 1px solid #ccc; } .tp-directory__accordion__section { border-bottom: 1px solid #ccc; } .tp-directory__accordion__section__title { padding: 16px 16px 16px 0; color: #666; font-weight: normal; margin: 0; position: relative; cursor: pointer; font-size: 1.6em; line-height: 1; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .tp-directory__accordion__section__title:after { content: "a"; right: 0; color: #666; font-family: 'Tesco Icons'; position: absolute; top: 15px; } .tp-directory__accordion__section__title.tp-directory--current:after { content: "c"; font-weight: normal; } .tp-directory__accordion__section__title.tp-directory--current:hover, .tp-directory__accordion__section__title:hover:after { color: #008DC8; } .tp-directory__accordion__section__content { display: none; } .tp-directory__accordion__section__content__title { color: #666; font-weight: bold; margin: 16px 0 0 0; font-size: 1.6em; } .tp-directory__accordion__section__title.tp-directory--current { color: #333; font-weight: bold; } .tp-directory__accordion__section__content__copy { font-size: 1.6em; line-height: 1.25; color: #666; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .tp-directory__accordion__section__content__list { font-size: 1.6em; line-height: 1.375; margin-bottom: 16px; padding-left: 16px; list-style: square; color: #666; } .tp-directory__accordion__section__content__list li { margin-bottom: 8px; } .seller-block .product-grid.shop-by { overflow: hidden; margin: 0; } .seller-block .product-grid.shop-by .products-header { display: none; } .seller-block .product-grid.shop-by .products { padding: 0; } .seller-block .product-grid.shop-by .products>li { margin: 8px 0; width: 20% !important; } .seller-block .product-grid.shop-by .products>li .product:first-child { width: auto; float: none; background: none; border: none; margin: 0 16px 0 0; font-size: 1em; } .seller-block .product-grid.shop-by .products>li .product a { color: #00539F; float: none; width: auto; margin: 0; min-height: 0; text-align: left; line-height: normal; font-size: 1.6em; display: inline; } .seller-block .product-grid.shop-by .products>li .product a:hover { color: #008DC8; } .partners-tab__content .seller-block { margin: 0; padding: 12px 0; } /*----------------------------- Star Wars Brand Page ------------------------------*/ .star-wars-page .mtop_new_design_2 .mtop_content-wrapper p, .star-wars-page .mtop_new_design_2 .mtop_content-wrapper h2{ font-family: 'Tesco'; font-size: 24px; font-weight: normal; text-align: left; margin: 0 0 5px 0; padding:0; } .star-wars-page .mtop_new_design_2 .mtop_content-wrapper h2{ font-size:14px; color:#666666; } .star-wars-page .brand-page-button__mtop_new_design_2 span{ background: #0051a2; color: #fff; width:200px; } .star-wars-page .mtop_new_design_2 .mtop_content-wrapper { width: 500px; background: rgba(255,255,255,0.7); } .star-wars-page .starwars-products .mtop_new_design_2 .mtop_content-wrapper, .star-wars-page .starwars-products .brand-page-button__mtop_new_design_2 span { float: right; } .star-wars-page .starwars-products .mtop_new_design_2 .mtop_content-wrapper p, .star-wars-page .starwars-products .mtop_new_design_2 .mtop_content-wrapper h2 { text-align: right; } .star-wars-page .starwars-products { border-top: 1px solid #f1f1f1; } .star-wars-page__black-stamps { background: url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/responsive/brand_stores/SW_Desktop_Stars_1400x1439.jpg") no-repeat center top; background-size: cover; } .star-wars-page .stamps-wrapper { padding: 50px 0px 0px; margin: 0 auto; overflow: hidden; } .star-wars-page .stamps-wrapper > div { margin: 0 auto; width: 100%; } .star-wars-page .event-page-item-block.dc-items-stamp .copy-holder { border: 0px; padding-bottom: 15px; border-bottom: 1px solid #4e4e4e; margin-bottom: 50px; height: auto !important; background: none; } .star-wars-page .event-page-item-block.dc-items-stamp .cta{ display:block; } .star-wars-page .event-page-item-block.dc-items-stamp .copy-holder.with-button p { height: 130px; } .star-wars-page .dc-items-stamp img { border: 0px; } .star-wars-page .starwars-shopall { text-align: center; background: #000; padding: 0 0 30px; } .star-wars-page .starwars-shopall .brand-page-button__mtop_new_design_2 span { width: 200px; margin: 0 auto; background: #0051a2; color: #fff; } .star-wars-page .starwars-shopall p { font-size: 17px; } .star-wars-page .starwars-shopall h2, .starwars-shopall p { color: #fff; font-family: "Tesco"; margin: 0; } .star-wars-page .bg-stars-wars { background-color: #fff; } .star-wars-page .bg-stars-wars .xmas .christmas-list .accordion-container a:hover { background-color: #0051a2; } .star-wars-page .bg-stars-wars .xmas .christmas-list .accordion-container a { background: #0051a2; } .star-wars-page .bg-stars-wars .xmas .christmas-list .accordion-container a:before { border-top: 1px solid #085EA7; width: 90%; } .star-wars-page .xmas .star-wars-block-text h2, .xmas .star-wars-block-text p { text-align: right; margin: 0; } .star-wars-page .bg-stars-wars .xmas .brand-feature-block-text .xmas-gifts { margin-top: 20px; } .star-wars-page .xmas .feature-text-links .feature-links:link, .xmas .feature-text-links .feature-links:visited{ background:#0051a2; } .star-wars-page .xmas .feature-text-links .feature-text-bg h2{ color:#333333; } .star-wars-page .bg-stars-wars .xmas .brand-feature-block{ margin-bottom:0px; } .star-wars-page .dc-items-stamp .copy-holder.with-button p > span { display: block; font-size: 22px; line-height: 1.5em; } .star-wars-page__link-wrapper a:hover { text-decoration: none; } .star-wars-page .brand-page-button__mtop_new_design_2 span:hover, .star-wars-page .bg-stars-wars .xmas .christmas-list .accordion-container a:hover, .star-wars-page .xmas .feature-text-links .feature-links:hover { background: #00a1e0; text-decoration: none; } .star-wars-page .bg-stars-wars .xmas .christmas-list .accordion-container a { position: static; background: #0051a2; } .star-wars-page .bg-stars-wars .xmas .christmas-list .accordion-container a:before { display: none; } .star-wars-page .star-wars-mtop { overflow: hidden; } /*----------------------------------- TechGaming_RWD_BannerBlock_Mulitilink_MainBanner -----------------------------------*/ .static-mtop-banner--euro-tg .multi-link-wide-mtop .tile-overlay h1 { color: white; font-weight: bold; font-size: 3.2em; } .static-mtop-banner--euro-tg .multi-link-wide-mtop .tile-overlay h2 { color: white; font-size: 2.2em; } .static-mtop-banner--euro-tg .multi-link-wide-mtop .tile-overlay ul li a { background: white; color: #009142; border-radius: 4px; } .static-mtop-banner--euro-tg .multi-link-wide-mtop .multi-link-mtop-large img { max-width: 100%; height: auto; display: block; } /*----------------------------- Apple Comparison ------------------------------*/ .apple-comparision-responsive { background: white; padding: 0 8px; margin: 32px 0; } .apple-comparision-responsive__list { font-size: 0.75em; padding: 8px; font-weight: normal; border: none; vertical-align: top; } .apple-comparision-responsive__list img { max-width: 100%; height: auto; } .apple-comparision-responsive__list li { float: left; width: 20%; } .apple-comparision-responsive__list a { font-family: "Tesco",Arial,sans-serif; color: #999999; border: 1px solid #999999; border-radius: 3px; text-decoration: none; text-align: center; width: 72px; margin: 0 2px 24px 0; display: inline-block; line-height: 24px; height: 24px; } .apple-comparision-responsive__tables { overflow: hidden; } .apple-comparision-responsive__table { font-family: "Tesco",Arial,sans-serif; font-size: 1.3em; color: #333; text-align: left; line-height: 21px; background: white; } .apple-comparision-responsive__table__model { margin-right: 8px; } .apple-comparision-responsive__table td, .apple-comparision-responsive__table__row-th, .apple-comparision-responsive__table__col-th { padding: 8px; vertical-align: top; border-top: 1px solid #dcdcdc; } .apple-comparision-responsive__table__row-th { width: 130px; } .apple-comparision-responsive__table sup { font-size: 0.5em; vertical-align: top; position: relative; top: -3px; } .apple-comparision-responsive__table li { margin-bottom: 8px; } .apple-comparision-responsive__table ul { margin-bottom: 16px; } .page-title--coded { margin: 12px 8px !important; } .apple-comparision-responsive__terms { background: #f0f0f0; padding: 16px; margin-top: 16px; } .apple-comparision-responsive__terms__list { list-style: decimal; margin: -8px 8px; font-size: 1.2em; color: #9a9a9a; } .apple-comparision-responsive__terms__item { margin: 8px 0; } a.apple-comparision-responsive__terms__link { color: #666666; } /*----------------------------------- RWD Stamp Tile Live Product Stock -----------------------------------*/ .stamp-product-stock-check__image-holder { position: relative; } a.stamp-product-stock-check--nostock { pointer-events: none; } .stamp-product-stock-check--nostock .image-holder__ooo-message { position: absolute; top: 1px; bottom: 0; left: 1px; right: 1px; background: rgba(255,255,255,0.7); z-index: 1; } .stamp-product-stock-check--nostock .image-holder__ooo-message__copy { position: absolute; text-align: center; z-index: 10; height: 40px; background: #accae6; font-family: Tesco; font-weight: 700; font-size: 1.6em; color: white; text-transform: uppercase; margin: 0; line-height: 40px; left: 9px; right: 9px; top: 50%; margin-top: -20px; } .stamp-product-stock-check:hover .image-holder { opacity: 0.8; } .stamp-product-stock-check:hover .stamp-product-stock-check--nostock .image-holder { opacity: 1; } .stamp-product-stock-check:hover .copy-holder p { color: #0099cc; } .stamp-product-stock-check:hover .stamp-product-stock-check--nostock .copy-holder p { color: #333; } .stamp-product-stock-check__event-page-item-block .copy-holder p { font-size: 1.6em; color: #333; } .stamp-product-stock-check__event-page-item-block .copy-holder .cta { font-size: 1.5em; } /*----------------------------------- Bank Holiday Event Page - All -----------------------------------*/ .bank-holiday-deals-em-2016 { font-family: "Tesco", "Helvetica Neue", Arial, sans-serif; } .bank-holiday-deals-em-2016__link-wrapper { text-decoration: none !important; padding:20px 16px; display: block; } .bank-holiday-deals-em-2016__static-mtop-banner { background: #ffd401; margin: 24px 8px; position: relative; font-family: "Tesco", "Helvetica Neue", Arial, sans-serif; } .bank-holiday-deals-em-2016__skinny-wrapper { text-decoration: none !important; } .bank-holiday-deals-em-2016__static-mtop-banner__title { margin: 0 !important; padding: 0 !important; color: #231f20; font-size: 4.4em; line-height: 1.1; overflow: visible; max-height: none; } .bank-holiday-deals-em-2016__static-mtop-banner__copy { color: #231f20; font-size: 2.8em; line-height: 1.1; margin: 0; } .bank-holiday-deals-em-2016__skinny-banner__footnote { color: white; } .bank-holiday-deals-em-2016__static-mtop-banner__cta { margin-top: 16px; right: 16px; bottom: 16px; } .bank-holiday-deals-em-2016__static-mtop-banner__link { color: #231f20; font-size: 1.6em; padding-right: 24px; font-weight: bold; display: inline-block; position: relative; } .bank-holiday-deals-em-2016__static-mtop-banner__link:after { content: 'r'; font-family: "Tesco Icons"; display: inline-block; font-size: 0.75em; top: 3px; right: 5px; position: absolute; } .bank-holiday-deals-em-2016__static-mtop-banner__terms { color: black; position: absolute; right: 16px; font-size: 1.2em; bottom: 16px; } .bank-holiday-deals-em-2016__intro { font-family: "Tesco", "Helvetica Neue", Arial, sans-serif; margin: 0 8px 24px 8px; } .bank-holiday-deals-em-2016__intro__title { color: #231f20; font-size: 2.8em; line-height: 1.1; } .bank-holiday-deals-em-2016__intro__copy { color: #231f20; font-size: 1.8em; line-height: 1.1; margin: 0.5em 0; } .bank-holiday-deals-em-2016__skinny-banner { background: #18b298; margin: 24px 8px; position: relative; padding-right: 48px; } .bank-holiday-deals-em-2016__skinny-banner__copy { color: #231f20; font-size: 2.2em; padding: 16px; } .bank-holiday-deals-em-2016__skinny-banner:after { content: 'r'; font-family: "Tesco Icons"; display: inline-block; font-size: 2em; top: 20px; right: 20px; position: absolute; color: white; } .bank-holiday-deals-em-2016__static-mtop-banner.static-mtop-banner--back-to-uni { background:#008882; } .static-mtop-banner--back-to-uni .bank-holiday-deals-em-2016__static-mtop-banner__title, .static-mtop-banner--back-to-uni .bank-holiday-deals-em-2016__static-mtop-banner__copy, .static-mtop-banner--back-to-uni .bank-holiday-deals-em-2016__static-mtop-banner__link { color: white; font-weight: 400; } .bank-holiday-deals-em-2016__static-mtop-banner__end-date { font-size: 1.6em; position: absolute; right: 20px; color: #fff; bottom: 10px; font-family: "Tesco"; margin-bottom: 0; } /*----------------------------------- DHP mTop Money Saving eCoupons -----------------------------------*/ .mtop_new_design_2--mtop-mse .mtop_new_design_2 ul { border-radius: 3px 3px 4px 4px; } .mtop_new_design_2--mtop-mse .mtop_new_design_2 ul li { padding: 0; background: white; } .mtop_new_design_2--mtop-mse .mtop_new_design_2 ul li:hover > a { border-color: white; } .mtop_new_design_2--mtop-mse .mtop_new_design_2 ul li a, .mtop_new_design_2--mtop-mse .mtop_new_design_2 span { background: #98dccf; color: #333; // padding: 0 16px; text-align: center; border-color: white; width: auto; display: block; // line-height: 50px; line-height: 20px; padding: 10px 16px; height: auto; } .mtop_new_design_2--mtop-mse .mtop_new_design_2 ul li a:hover, .mtop_new_design_2--mtop-mse .mtop_new_design_2 span:hover { background: #00ae97; color: white; } // .mtop_new_design_2--mtop-mse .mtop_new_design_2 ul li a:after { // display: none; // } .mtop_new_design_2--mtop-mse .mtop_new_design_2 { background-color: #00ae97; } /*------------------------- Garden Dept page ----------------------------*/ .garden-dept-page .garden-cat-grid { overflow:hidden; } /*----------------------------------- RWD Multi Link Banner Sale Red - All -----------------------------------*/ .multi-link-banner__sale--red .multi-link-wide-mtop .tile-overlay h1, .multi-link-banner__sale--red .multi-link-wide-mtop .tile-overlay h2, .multi-link-banner__sale--red .multi-link-wide-mtop .tile-overlay p { color:#e51c20; } /*----------------------------------- RWD Mtop DHP Design 1 - Clearance Black -----------------------------------*/ .dhp-bank-holiday-deals.dhp-bank-holiday-deals--black .clearance-2016 h1 { color: #333; font-size: 6.8em; line-height: 1.2em; margin: 0 auto; max-width: 440px; padding: 0 16px; max-height: none; } .dhp-bank-holiday-deals.dhp-bank-holiday-deals--black .clearance-2016 h2 { font-size: 2.4em; color: #333; line-height: 1; margin: 0 auto 36px auto; padding: 0 16px; max-width: 400px; } .dhp-bank-holiday-deals.dhp-bank-holiday-deals--black .clearance-2016 .brand-page-button__clearance-2016 { background: #333; color: #ffd401; border-color: #333; } /*----------------------------------- DDL Hero Fifty - All -----------------------------------*/ .ddl-hero-fifty { margin: 16px 8px; font-family: "Tesco",Arial; } .ddl-hero-fifty ddl-hero-fifty--blue { position: relative; } .ddl-hero-fifty--blue .ddl-hero-fifty__wrapper { background: #203263; } .ddl-hero-fifty__wrapper { overflow: hidden; } .ddl-hero-fifty__wrapper__content { } .ddl-hero-fifty__wrapper__content__title { color: white; } .ddl-hero-fifty__wrapper__content__copy { color: #bfc3d1; } .ddl-hero-fifty__wrapper__picture { text-align: center; } .ddl-hero-fifty__wrapper__picture img { max-width: 100%; height: auto; } /*----------------------------------- RWD Multi Link Banner Sale Red Footnote - All -----------------------------------*/ .multi-link-banner__sale--red--footnote .cms-image { overflow: hidden; position: relative; } .multi-link-banner__footnote { font-family: "Tesco",Arial; } /*---------------------------- seo copy ----------------------------*/ .seo-copy p { font-size:1.6em; font-family: "Tesco"; padding: 15px; background: #fff; } /*---------------------------- Euro Match Page 2016 ------------------------------*/ .euro-match-stamps .event-page-item-block .cta:after { content: ""; } .euro-match-stamps .event-page-item-block .copy-holder .cta{ cursor:default; } /*--------------------------- DHP Euro Match Mtop ------------------------*/ .dhp-euro-match-mtop .mtop_new_design_2 .mtop_content-wrapper h2 { font-size: 16px; color: #e7f4e8; line-height: 20px; } .dhp-euro-match-mtop .brand-page-button__mtop_new_design_2 span { color: #009142; background: #e7f4e8; } .dhp-euro-match-mtop .mtop_new_design_2 .mtop_content-wrapper h1{ color: #e7f4e8; } /*----------------------------------- Sitewide eCoupon - All -----------------------------------*/ .pub-show-mobile { display: none; } .sitewide-ecoupon { font-family: "Tesco",Arial; overflow: hidden; text-align: center; margin-bottom: 24px; padding: 0 8px 8px 8px!important; margin-top: 0; } .sitewide-ecoupon--red { background: #ee1c2e; color: white; } .sitewide-ecoupon--blue { background: #00539f; color: white; } .sitewide-ecoupon__link:after { font-family: "Tesco Icons"; content: "r"; font-size: 0.7em; position: relative; left: 2px; display:inline-block; } a.sitewide-ecoupon__link--white, a.sitewide-ecoupon__link--white:hover { color: white; } .sitewide-ecoupon__wrapper__code-left { font-size: 16px; line-height: 1.25; margin-top: 8px; } .sitewide-ecoupon__wrapper__code-right { display: inline-block; font-size: 1.6em; line-height: 1.25; margin-top: 10px; } .sitewide-ecoupon__wrapper__terms { font-size: 12px; line-height: 1.25; margin-top: 10px; } /*----------------------------------- RWD Skinny Banner Black and Red Image - All -----------------------------------*/ .skinny-pub-banner { font-family: "Tesco",Arial; overflow: hidden; text-align: left; margin: 0 20px 20px; clear: both; } .skinny-pub-banner.event-skinny-pub-banner { margin: 8px 8px 20px 8px; } .skinny-pub-banner.event-skinny-pub-banner:hover { opacity:0.8; } .homepage .skinny-pub-banner { /* Introduced to the Direct Homepage */ background: url("/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/12/directHP_xmas_banner_bg.jpg") 0 0 no-repeat; margin: 0 8px 20px; } .fnf-department-page--category .fnf-category-content .skinny-pub-banner { margin: 10px 0; } .skinny-pub-banner--black { background: black; color: white; } .skinny-pub-banner--black:hover { background: #333; } .skinny-pub-banner--red { background: #c31f26; color: white; } .skinny-pub-banner--salered { background: #F21524; color: white; } .skinny-pub-banner--blue { background: #00539f; color: white; } .skinny-pub-banner--yellow-copy { background: #000; color: #ffe001; } .skinny-pub-banner--yellow-copy:hover{ opacity:0.8; } .homepage .skinny-pub-banner--yellow-copy{ background-image:none; background:#000; } .skinny-pub-banner--black a, .skinny-pub-banner--black a:link, .skinny-pub-banner--black a:hover, .skinny-pub-banner--red a, .skinny-pub-banner--red a:link, .skinny-pub-banner--red a:hover, .skinny-pub-banner--blue a, .skinny-pub-banner--blue a:link, .skinny-pub-banner--blue a:hover, .skinny-pub-banner a, .skinny-pub-banner a:link, .skinny-pub-banner a:hover{ color: white; text-decoration: none; } .skinny-pub-banner--yellow-copy a:link, .skinny-pub-banner--yellow-copy a:hover, .skinny-pub-banner--yellow-copy a{ color:#ffe001; text-decoration:none; } .sale--whitetext{ color:#fff; } .skinny-pub-banner--copy--center--align { text-align: center; } .skinny-pub-banner__wrapper { display: table; width: 100%; padding: 15px 24px; position: relative; } .skinny-pub-banner__wrapper__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; text-indent: -10000px; } .sitewide-elh-accordion.sitewide-elh-accordion--xmas { background: #9f0001; color: #fff; } .homepage .sitewide-elh-accordion.sitewide-elh-accordion--xmas { margin-bottom:20px; } .sitewide-elh-accordion.sitewide-elh-accordion--xmas p.accordion-header { color: #fff; } .sitewide-ecoupon__wrapper__code-left span{ display:block; } .sitewide-elh-accordion.sitewide-elh-accordion--xmas a.sitewide-ecoupon__link--white, .sitewide-elh-accordion.sitewide-elh-accordion--xmas a.sitewide-ecoupon__link--white:hover{ color:white; } .sitewide-elh-accordion--xmas .sitewide-ecoupon__wrapper__code-left{ border:none; } @media only screen and (min-width: 768px) { .skinny-pub-banner__wrapper__copy br { display: none; } } .skinny-pub-banner__wrapper__image { display: table-cell; vertical-align: middle; padding-right: 32px; } .skinny-pub-banner__wrapper__copy { display: table-cell; vertical-align: middle; font-size: 1.8em; } .skinny-pub-banner__wrapper__cta { display: table-cell; vertical-align: middle; font-size: 1.6em; text-align: right; position: relative; z-index: 2; font-weight: bold; } .skinny-pub-banner__wrapper__cta:after, .sitewide-default .skinny-pub-banner--yellow-copy .skinny-pub-banner__wrapper__copy:after { font-family: "Tesco Icons"; content: "r"; font-size: 0.7em; position: relative; left: 4px; } .skinny-pub-banner--nolink { margin: 0; } .skinny-pub-banner--black.skinny-pub-banner--nolink:hover { background: black; } .skinny-pub-banner__wrapper__bold { font-size: 2em; font-weight: bold; display: inline; } .skinny-pub-banner__wrapper__regular { display: inline; font-size: 2em; } .skinny-pub-banner--small-copy .skinny-pub-banner__wrapper__bold, .skinny-pub-banner--small-copy .skinny-pub-banner__wrapper__regular { font-size: 1.6em; display: block; } .skinny-pub-banner--nolink .skinny-pub-banner__wrapper { display: block; padding: 16px 8px; } .skinny-pub-banner__wrapper__spacer { padding: 0 6px; display: inline; font-size: 2em; } .putty-wrapper { background: #f3f1ed; } .putty-wrapper .skinny-pub-banner--nolink { border-bottom: 30px solid #f3f1ed; } .white-wrapper .skinny-pub-banner--nolink { border-bottom: 30px solid white; } /*------------------------------------------------ fandf-faqs accordion wrapper -------------------------------------------------*/ .ddl-pub-accordion { margin-bottom: 60px; } /*------------------------------------------------ DDL accordion - All -------------------------------------------------*/ .pub-ddl-accordion { border-top: 1px solid #ccc; margin-bottom: 32px; } .pub-ddl-accordion__section { border-bottom: 1px solid #ccc; } .pub-ddl-accordion__section__title { padding: 16px 0; color: #666; font-weight: normal; margin: 0; position: relative; cursor: pointer; font-size: 1.6em; line-height: 1; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .pub-ddl-accordion__section__title:after { content: "a"; right: 0; color: #666; font-family: 'Tesco Icons'; position: absolute; top: 15px; } .pub-ddl-accordion__section__title.tp-directory--current:after { content: "c"; font-weight: normal; } .pub-ddl-accordion__section__title.tp-directory--current:hover, .pub-ddl-accordion__section__title:hover:after { color: #008DC8; } .pub-ddl-accordion__section__content { display: none; } .pub-ddl-accordion__section__content__title { color: #666; font-weight: bold; margin: 16px 0 0 0; font-size: 1.6em; } .pub-ddl-accordion__section__title.pub-ddl-accordion--current { color: #333; font-weight: bold; } .pub-ddl-accordion__section__title.pub-ddl-accordion--current:after { color: #333; } .pub-ddl-accordion__section__content__copy { font-size: 1.6em; line-height: 1.25; color: #666; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .pub-ddl-accordion__section__content__list { font-size: 1.6em; line-height: 1.375; margin-bottom: 16px; padding-left: 16px; list-style: square; color: #666; } .pub-ddl-accordion__section__content__list li { margin-bottom: 8px; } /*-------------------------- Clubcard Boost ----------------------------*/ .clubcardboost-divider .boost-divider-copy { display: table; text-align: center; margin: auto; padding: 10px 0; } .clubcardboost-divider .boost-divider-copy p{ display: table-cell; vertical-align: middle; text-align: right; font-size: 2em; font-family: "Tesco"; color: #666666; padding-right:10px; } .clubcardboost-divider p{ text-align: center; font-size: 2em; font-family: "Tesco"; color: #666666; } .clubcard-boost2016 .clubcard-boost-steps-container { padding: 0 8px; overflow: hidden; } .clubcard-boost2016 .static-mtop-banner { padding: 0; } .clubcard-boost2016 .shop-by-department { padding: 8px 0; overflow:hidden; } .clubcard-boost2016 .clubcard-boost-steps-container .grid-25 .cms-image img { padding: 0; } .clubcard-boost2016 .pui-accordion { padding: 0 8px; } /*---------------------------- DHP Clubcard Boost Mtop ------------------------------*/ .clubcard-boost2016-mtop .brand-page-button__mtop_new_design_2 span{ color: #fff; background: #0051a2; } .clubcard-boost2016-mtop .brand-page-button__mtop_new_design_2 span:hover { background: #fff; color: #0051a2; } /*------------------------------------ Health & Beauty accordion Fix ---------------------------------------*/ .technology-gaming .xmas-gift.health-beauty .fixed-content .accordion-element .content ul { height: 275px; } .technology-gaming .xmas-gift.health-beauty .fixed-content .accordion .accordion-group .accordion-element, .technology-gaming .xmas-gift{ margin-bottom: 20px; } /*----------------------------------- The Match Winners 2016 - All -----------------------------------*/ .the-match-winners__mtop { font-family: "Tesco",Helvetica Neue,Arial,sans-serif; text-align: center; } .the-match-winners__mtop { background: url("/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/week-10/matchwinners_grass_texture_2560x200.jpg") no-repeat center top; height: 200px; display: table; width: 100%; } .the-match-winners__mtop__content { height: 200px; vertical-align: middle; display: table-cell; } .the-match-winners__mtop__content__title { color: white; font-size: 6.4em; line-height: 1; margin: 0 8px !important; width: auto; max-height: none; } .the-match-winners__mtop__content__copy { color: white; font-size: 2.8em; line-height: 1; margin: 0 8px 8px 8px; } .the-match-winners__subnav { margin-top: 8px; } .the-match-winners__subnav__list { display: table; width: 100%; } .the-match-winners__subnav__list__item { width: 25%; border: 8px solid white; display: table-cell; vertical-align: middle; background: #009146; } .the-match-winners__subnav__list__link { font-family: "Tesco",Helvetica Neue,Arial,sans-serif; color: white !important; font-size: 1.6em; display: block; font-weight: bold; padding: 12px 8px; text-align: center; } .the-match-winners__section { margin-top: 36px; overflow: hidden; } .the-match-winners__section__intro { text-align: center; margin-bottom: 36px; float: left; width: 100%; } .the-match-winners__section__intro__title { font-size: 2.8em; } .the-match-winners__section__intro__copy { font-size: 2.4em; } .the-match-winners__section--white .the-match-winners__section__intro__title, .the-match-winners__section--white .the-match-winners__section__intro__copy { color: #333 !important; margin: 0 8px; } .the-match-winners__section--green { background: #009146; padding: 36px 0; } .the-match-winners__section--green .the-match-winners__section__intro__title, .the-match-winners__section--green .the-match-winners__section__intro__copy { color: white !important; margin: 0 8px; } /*-------------------------------- Seller Page Subtitle Alignment ----------------------------------*/ .seller-page-subtitle{ padding-left: 16px; line-height: 0.5; } /*----------------------------- Boxing Day 2016 XboxOne -------------------------------*/ .bankholiday-xboxone .bundles-block__boxingday2015 .build { background: #ffe001; color: #333; } /*------------------------------- Sewing Competition T&C's --------------------------------*/ .sew-competition-tc h1 { font-size: 2.2em; font-family: "Tesco"; margin: 8px; line-height: 1.2em; font-weight:bold; } .sew-competition-tc h2 { font-size: 1.8em; font-family: "Tesco"; margin: 8px; line-height: 1.3em; font-weight:bold; } .sew-competition-tc p { font-size: 1.6em; font-family: "Tesco"; margin: 8px; line-height: 1.3em; } /*----------------------------------- Portrait PLP FIX FOR SHOES - RPW -----------------------------------*/ .colour-swatch-container{ display: block; } #listing .products>li .product .title-author-format{ min-height: 30px; } /*-------------------------------------------------- Bazaarvoice Star Rating Alignment - Reviews section ---------------------------------------------------*/ .breakup .bv-cleanslate .bv-core-container-520 .bv-content-placeholder { margin-left: 15px!important; } /*--------------------------- Fathers Day 2016 ---------------------------*/ .fathersday-ideas-container { overflow: hidden; background: #1f3263; margin-top: 20px; } .fathersday-ideas-copy p { font-size: 3em; font-family: "Tesco"; color: #fff; text-align: center; margin-bottom: 50px; } .fathers-day-stamps .image-and-copy-tile .tile-copy h2{ text-align:left; color:#1f3263; } .fathers-day-stamps .image-and-copy-tile .tile-copy h2:after{ font-family: "Tesco Icons"; content: "r"; font-size: 11px; right: 16px !important; position: absolute; color:#1f3263; display: block; } .fathers-day-stamps .image-and-copy-tile .tile-copy { border-bottom: 1px solid #e8e8e8; } .fathers-day-stamps .image-and-copy-tile .tile-copy h2:hover:after{ color:#00a1e0; } .fathers-day-stamps { margin-bottom: 25px; } .fathersday-ideas-container .event-page-item-block img{ border:0px; } .fathers-day h2.generic-header { margin: 10px 8px 25px; } .fathers-day-mtop .ddl-hero-fifty__wrapper__content__copy { color:#fff; } .ddl-hero-fifty.fathers-day-mtop .ddl-hero-fifty__title{ left:40px; } .event-page-item-block.fathersday-2016 .copy-holder p span { display: block; } .event-page-item-block.fathersday-2016 .copy-holder p span.title-bold { font-weight: bold; display:block; } .fathersday-ideas-container .event-page-item-block .copy-holder .cta{ padding: 5px 30px 5px 0; right: 5px; } .fathersday-ideas-container .event-page-item-block .cta:after{ content:url("http://www.tesco.com/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/week-09/Icon.png"); left: 20px; top: 6px; } .event-page-item-block.fathersday-2016 .copy-holder p{ color:#333; } .event-page-item-block.fathersday-2016 .copy-holder .cta{ color:#00539f; } .fathers-day .dc-items-stamp .copy-holder.with-button p > span{ font-size:15px; font-weight:bold; } /*---------------------------------- F&F Delivery Skinny Banner ---------------------------------*/ .fandf-skinny-banner-delivery .skinny-pub-banner__wrapper__copy{ font-size: 2.5em; } .fandf-skinny-banner-delivery a.skinny-pub-banner__wrapper { padding: 20px 32px 20px 40px; cursor:default; } .fandf-skinny-banner-delivery .skinny-pub-banner__wrapper__image{ padding-right: 40px; } .skinny-pub-banner__wrapper__sec_copy { font-size: 17px; display: block; margin: 8px 0; line-height: 1.2em; } .skinny-pub-banner__wrapper__offer_copy { font-size: 13px; } .skinny-pub-banner--offer { font-family: "Tesco Modern", Arial; } .skinny-pub-banner--offer a { cursor: default; } .skinny-pub-banner--offer a:link, .skinny-pub-banner--offer a:hover, .skinny-pub-banner--offer a { text-decoration: none; } .skinny-pub-banner--offer .skinny-pub-banner__wrapper__copy { display: block; margin-bottom: 7px; font-size: 3em; } .skinny-pub-banner--offer--subcopy { font-size: 1.6em!important; } /*--------------------------------- Stamps Hovering CSS --------------------------------*/ .event-page-item-block:hover > .image-holder { opacity: 0.8; } .event-page-item-block:hover > .copy-holder p, .event-page-item-block:hover > .copy-holder .cta{ color: #008DC8; } /*--------------------- Toys Mtop H2 ----------------------*/ .toys .fancy-dress-banner-content h2 { color: #fff; background: url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/static_pages/chevrion.png") no-repeat 0px 100%; padding-bottom: 25px; margin: 0px; font-size: 4em; background-size: 50px 12px; } /* -- Fonts ----------------------------------------------------------------- */ @font-face{ font-family:"DidotW01-Roman"; src: url("../fonts/fandf/DidotW01-Roman.eot?#iefix"); src: url("../fonts/fandf/DidotW01-Roman.eot?#iefix") format("eot"), url("../fonts/fandf/DidotW01-Roman.woff") format("woff"), url("../fonts/fandf/DidotW01-Roman.ttf") format("truetype"), url("../fonts/fandf/DidotW01-Roman.svg#972bb961-7f13-4e8d-8c1f-034e3f4e7517") format("svg"); } @font-face{ font-family:"DidotW02-Roman"; src: url("../fonts/fandf/DidotW02.eot?#iefix"); src: url("../fonts/fandf/DidotW02.eot?#iefix") format("eot"), url("../fonts/fandf/DidotW02.woff") format("woff"), url("../fonts/fandf/DidotW02.ttf") format("truetype"), url("../fonts/fandf/DidotW02.svg#41fb3b38-51d1-4fc4-8be8-fcf207ade3c4") format("svg"); } @font-face{ font-family:"DidotW01-Italic"; src: url("../fonts/fandf/DidotW01-Italic.eot?#iefix"); src: url("../fonts/fandf/DidotW01-Italic.eot?#iefix") format("eot"), url("../fonts/fandf/DidotW01-Italic.woff") format("woff"), url("../fonts/fandf/DidotW01-Italic.ttf") format("truetype"), url("../fonts/fandf/DidotW01-Italic.svg#86d60a09-e8f8-4003-b688-0f8a2aba6532") format("svg"); } @font-face{ font-family:"DidotW02-Italic"; src: url("../fonts/fandf/DidotW02-Italic.eot?#iefix"); src: url("../fonts/fandf/DidotW02-Italic.eot?#iefix") format("eot"), url("../fonts/fandf/DidotW02-Italic.woff") format("woff"), url("../fonts/fandf/DidotW02-Italic.ttf") format("truetype"), url("../fonts/fandf/DidotW02-Italic.svg#54d7b27d-e7e7-4e5d-8371-b079d9c1cbc3") format("svg"); } @font-face{ font-family:"DidoteTextW01-Bold"; src: url("../fonts/fandf/DidoteTextW01-Bold.eot?#iefix"); src: url("../fonts/fandf/DidoteTextW01-Bold.eot?#iefix") format("eot"), url("../fonts/fandf/DidoteTextW01-Bold.woff") format("woff"), url("../fonts/fandf/DidoteTextW01-Bold.ttf") format("truetype"), url("../fonts/fandf/DidoteTextW01-Bold.svg#13567a58-0a26-45bf-bbec-585bd402790f") format("svg"); } @font-face{ font-family:"DidoteTextW02-Bold"; src: url("../fonts/fandf/DidoteTextW02-Bold.eot?#iefix"); src: url("../fonts/fandf/DidoteTextW02-Bold.eot?#iefix") format("eot"), url("../fonts/fandf/DidoteTextW02-Bold.woff") format("woff"), url("../fonts/fandf/DidoteTextW02-Bold.ttf") format("truetype"),url("Fonts/DidoteTextW02-Bold.svg#3153e6e9-3c36-4971-946a-f138e324c240") format("svg"); } //* ---- Buttons ----------------------------------------- */ a.pub-hero__anchor { text-decoration: none!important; } a.pub-hero__anchor:hover { text-decoration: none!important; } a.pub-cta--tesco--blue, span.pub-cta--tesco--blue { font-size: 1.6em; font-weight: bold; padding: 13px 24px; display: block; margin-bottom: 16px; color: #fff; transition: all .5s ease; text-align: center; background: #00539f; border-radius: 4px; line-height: 1.125; } a.pub-cta--tesco--blue:hover, a.pub-cta--tesco--blue:active, a.pub-cta--tesco--blue:focus, span.pub-cta--tesco--blue:hover, span.pub-cta--tesco--blue:active, span.pub-cta--tesco--blue:focus { background: #0099C8; color: #fff; text-decoration: none; } a.pub-cta--tesco--magenta, a.pub-cta--tesco--magenta-inverted { font-weight: bold; padding: 13px 24px; display: block; margin-bottom: 16px; transition: all .5s ease; text-align: center; border-radius: 4px; line-height: 1.125; background: #d4549f; color: white; } a.pub-cta--tesco--magenta:after, a.pub-cta--tesco--magenta-inverted:after { display: inline-block; font-family: 'Tesco Icons'; font-size: 0.67em; margin-left: 4px; text-decoration: none !important; text-transform: none; position: relative; top: -1px; content: "r"; } a.pub-cta--tesco--magenta:hover, a.pub-cta--tesco--magenta:active, a.pub-cta--tesco--magenta:focus, a.pub-cta--tesco--magenta-inverted:hover, a.pub-cta--tesco--magenta-inverted:active, a.pub-cta--tesco--magenta-inverted:focus { text-decoration: none; background: #BD1075; color: white; } /* ---- Typography ----------------------------------------- */ .pub-heading--sml { font-family: 'DidotW01-Roman'; font-size: 3.6em; line-height: 1; text-transform: uppercase; } .pub-heading--med { font-family: 'DidotW01-Roman'; font-size: 4em; line-height: 1; text-transform: uppercase; } .pub-heading--lrg { font-family: 'DidotW01-Roman'; font-size: 4em; line-height: 1; text-transform: uppercase; } .pub-heading--xlrg { font-family: 'DidotW01-Roman'; font-size: 4em; line-height: 1; text-transform: uppercase; } /* ---- Modifiers ----------------------------------------- */ /* imimage--nobgmobile should be added to class="imimage imimage--text" when the content is too large */ .imimage--nobgmobile img { display: none; } .imimage--nobgmobile.imimage--text .imimage__wrapper { display: block; position: static; } .imimage--image--right { text-align: right; } .impage--no-padding { padding: 0 !important; } .impage--no-margin { margin: 0 !important; } .row--threecolgrid .imimage__image { width: auto; } /* need to source and replace these generic classes */ .align--center { text-align: center; } .align--left { text-align: left; } .align--right { text-align: right; } .bg-white { background-color: #fff; } /* -- F&F Department & Category Title ----------------------------------------------------------------- */ .fnf-department-page p, .fnf-category-page p { font-size: 1.6em; } .fnf-department-page #page-container { font-family: Tesco, "Helvetica Neue", Arial, sans-serif; position: relative; min-width: 320px; } .cat3376685.fnf-department-page .fnf__department__title { margin-bottom: 20px; } .fnf-department-page .fnf__department__title, .fnf__department__title--full-width { color: #161515; background: #f3f1ed; } .fnf__department__title--full-width .fnf__department__title__wrapper { max-width: 1200px; margin: 0 auto; } .fnf-department-page .fnf__department__title div { margin-left: auto; margin-right: auto; text-align: left; width: auto; } .fnf-department-page #page-container h1.page-title, .fnf__department__title--full-width h1.page-title { text-align: left; margin: 0 8px !important; line-height: 36px; padding: 24px 0 24px 82px; } .fnf-department-page #page-container h1.page-title:before, .fnf__department__title--full-width h1.page-title:before { content: ""; background: url('/directuiassets/SiteAssets/NonSeasonal/en_GB/images/fandf/department/icon-sprite.png') no-repeat; display: inline-block; height: 36px; width: 70px; background-position: 0 -115px; margin-right: 12px; vertical-align: top; margin-left: -82px; } /*.fnf-department-page #page-container img { display: inline-block; max-width: 100%; height: auto; }*/ .fnf-department-page #page-container .icon { display: inline-block; font-family: 'Tesco Icons'; /*font-size: 0.67em;*/ margin-left: 5px; text-decoration: none !important; text-transform: none; margin-top: 4px; } .fnf-category-content { padding: 20px; margin: 0 0 8px 0; } /* -- Sub Nav ----------------------------------------------------------------- */ .fnfsubnav { padding: 30px 15px; } #fnf-department-page__fnfsubnav { margin-bottom: 30px; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products { border: 1px solid #eaeaea; text-align: left; padding: 0; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li .product a { font-size: 1.25em; color: #00539e; text-decoration: none; display: block; font-weight: bold; border: 1px solid #eaeaea; padding: 14px 30px; min-height: 0; line-height: 1.25; text-align: left; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li .product a:hover, #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li .product a.sale:hover, #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li:last-child .product a:hover { text-decoration: none; color: #00a1e0; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li .product a:after { display: inline-block; font-family: 'Tesco Icons'; font-size: 0.67em; margin-left: 2px; text-decoration: none !important; text-transform: none; position: relative; top: -1px; content: "r"; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li .product a.sale, #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li:last-child .product a { color: #c0232d; } .fnfsubnav--red { color: #c0232d; } #fnf-department-page__fnfsubnav .products-header { display: none; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li { width: auto !important; margin: 0; float: none; height: auto; } #fnf-department-page__fnfsubnav .product-grid.shop-by .products>li .product { margin: 0 !important; float: none; width: auto; border: none } /* ------- F&F Departmental Banners -------------------------------------------------------- */ .pub-hero { position: relative; } img.pub-hero__image__data__img { margin: 0 auto; display: block; } .pub-hero__image { background-repeat: no-repeat; background-size: cover; overflow: hidden; height: 300px; position: relative; } .pub-hero__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; text-indent: -10000px; } .pub-hero__content { padding: 15px 15px 18px; } .pub-hero__title { color: #000; margin-bottom: 20px; position: relative; z-index: 2; } .pub-hero__label { font-family: 'DidotW01-Italic'; font-size: 0.286em; display: none; line-height: 1; margin: 0 0 16px 6px; text-transform: none; } .pub-hero__desc { color: #000; margin-bottom: 24px; font-size: 1.6em; position: relative; z-index: 2; } .pub-hero__cta__link { position: relative; z-index: 4; } .pub-promo { background-color: rgba(0,83,147,1); -webkit-transition: background-color .25s ease; -moz-transition: background-color .25s ease; transition: background-color .25s ease; } .pub-promo:hover, .pub-promo:focus, .pub-promo:active { background-color: rgba(0,83,147,0.8); } .pub--messaging:hover, .pub--messaging:focus, .pub--messaging:active { background-color: rgba(0,83,147,1); } .pub-promo__wrap { display: inline-block; padding: 0 20px; width: 100%; } .pub-promo__cta { display: block; vertical-align: top; text-align: center; } .pub-promo__content p { font-size: 1.6em; color: #fff; margin: 0; padding-bottom: 20px; padding-top: 23px; text-align: center; opacity: 1; } .pub-promo__content span { font-weight: bold; display: inline-block; padding-bottom: 8px; opacity: 1; font-size: 1.25em; } .fnfhero__list__link { width: 190px; font-size: 1.6em; text-decoration: none; text-align: center; margin-bottom: 20px; display: inline-block; font-weight: bold; border-radius: 4px; padding: 13px 0; transition: all 300ms ease; background: #00549f; color: #fff !important; position: relative; z-index: 4; } .fnf-department-page--category .fnfhero__list__link { font-size: 1.6em; } a.fnfhero__list__link:active, a.fnfhero__list__link:hover { background: #0099C8; color: #fff; text-decoration: none; } .pub-promo .fnfhero__list__link { background-color: #fff; color: #00549f !important; } .pub-promo:hover .fnfhero__list__link, .pub-promo:focus .fnfhero__list__link, .pub-promo:active .fnfhero__list__link, .pub-promo .fnfhero__list__link:hover { background-color: #00549f; color: white !important; } /* ---- Modifiers ----------------------------------------- */ /* Background position - Based on whether model is position on the left or the right of the image. Enables consistient positioning between breakpoints */ .pub-hero--standard { max-width: 920px; margin: 0 auto; } .pub-align--content--right .pub-hero__image { background-position: 17% center; } .pub-align--content--left .pub-hero__image { background-position: 83% center; } .pub-hero--full--bleed--slim.pub-align--content--left .pub-hero__image, .pub-hero--standard.pub-align--content--left .pub-hero__image { background-position: 75% center; } .pub-haslabel .pub-hero__label { /* displays label above titles when .pub-haslabel is added to the banner wrap */ display: block; } /* -- Stamps ----------------------------------------------------------------- */ .fnfstamps { overflow: hidden; text-align: center; } .fnfstamps__stamp { display: inline-block; text-align: left; position: relative; margin: 0 12px 24px 12px; max-width: 377px; } .fnfstamps__stamp a:hover { text-decoration: none; } .fnfstamps__stamp__img { max-width: 100%; height: auto; opacity: 1; } a:hover .fnfstamps__stamp__img, .fnfstamps__stamp__img:hover { opacity: 0.8; } .fnfstamps__content { padding-left: 12px; } .fnfstamps__stamp__title { color: #3d3d3d; text-transform: uppercase; font-family: 'DidoteTextW01-Bold'; font-size: 3em; margin-top: 18px; margin-bottom: 8px; font-weight: normal; } .fnfstamps__stamp__desc { color: #3d3d3d; } .fnfstamps__stamp__label { font-family: 'DidotW01-Italic'; color: #3d3d3d; text-align: center; text-transform: none; font-size: 1.6em; display: block; width: 230px; margin: -15px auto 5px auto; background: white; padding: 5px; position: relative; font-style: normal; } .fnfstamps__stamp__label:before, .fnfstamps__stamp__label:after { content: " "; display: inline-block; border-bottom: 1px solid #ccc; width: 20px; position: relative; top: -4px; } a:hover .fnfstamps__cta, a:hover .fnfstamps__cta__arrow { color: #00a1e0; } .fnfstamps__cta { color: #00539e; font-weight: bold; font-size: 1.6em; display: inline-block; padding-bottom: 1em; transition: all 300ms ease; } .fnfstamps__cta__arrow { color: #00539e; display: inline-block; padding-bottom: 1em; font-size: 1.2em; font-weight: normal; transition: all 300ms ease; } .fnfstamps__stamp__label:before { margin-right: 10px; } .fnfstamps__stamp__label:after { margin-left: 10px; } .fnfstamps--promo .fnfstamps__stamp__title { margin-top: 0; } .fnfstamps--offer .fnfstamps__stamp__label { color: #b94042; font-family: 'Open Sans',sans-serif; text-transform: uppercase; } .fnfstamps__stamp__ping { background: url("//i1.adis.ws/i/tesco/promo-overlay") no-repeat; width: 80px; height: 80px; top: 10px; position: absolute; } .fnfstamps--pingright .fnfstamps__stamp__ping { right: -40px; } .fnfstamps--pingleft .fnfstamps__stamp__ping { left: -40px; } .fnfstamps.fnfstamps--category { margin-left: -14px; margin-right: -14px; margin-bottom: -20px; } .fnfstamps--category .fnfstamps__stamp { max-width: 285px; } .fnfstamps--category .fnfstamps__stamp__desc, .fnfstamps--category .fnfstamps__cta { font-size: 1.4em; } /* -- F&F Promo ----------------------------------------------------------------- */ .fnfpromo { background: #005393; border: 1px solid white; transition: all 300ms ease; } .fnfpromo:hover, .fnfpromo:focus, .fnfpromo:active { border: 1px solid black; } .fnfpromo__wrap { display: inline-block; padding: 0 20px; width: 100%; } .fnfpromo__content { display: inline-block; } .fnfpromo__cta { display: block; vertical-align: top; text-align: center; } .fnfpromo p { font-size: 1.8em; color: #fff; margin: 0; padding-bottom: 20px; padding-top: 23px; } .fnfpromo span { font-weight: bold; display: inline-block; padding-bottom: 8px; } .fnfpromo .fnfhero__list__link { background-color: #fff; color: #00549f !important; } /* -- F&F Category Page ----------------------------------------------------------------- */ .fnf-department-page.fnf-department-page--category.bg_white { background: #f3f1ed!important; /* temp hack for testing as ATG playing up */ } .fnfleftnav .product-grid.shop-by .products-header { padding: 0; margin: 0; border-top: 1px solid #ccc; } .fnfleftnav .product-grid.shop-by h2 { text-align: left; font-size: 2.2em; line-height: 1.25; color: #333; padding: 15px 19px 15px 19px; margin: 0; } .fnfleftnav .products-wrapper { margin: 0 0 15px 0; padding: 0 19px; } .fnfleftnav .products-wrapper ul { text-align: left; } .fnfleftnav .products-wrapper ul li { font-size: 1.6em; line-height: 1.75; cursor: pointer; } .fnfleftnav .product-grid.shop-by .products { padding: 0; } .fnfleftnav .product-grid.shop-by .products>li { width: auto !important; margin: 0; float: none; } .fnfleftnav .product-grid.shop-by .products>li .product:first-child, .fnfleftnav .product-grid.shop-by .products>li .product { margin: 0; padding: 0; border: none; float: none; width: auto; } .fnfleftnav .product-grid.shop-by .products>li .product a { min-height: 0; font-size: 1.25em; line-height: 1.75; text-align: left; } .fnfleftnav .product-grid a, .fnfleftnav .product-grid a:link, .fnfleftnav .product-grid a:visited, .fnfleftnav .product-grid a:active { color: #645945; text-decoration: none; } .fnfleftnav .product-grid a:hover { text-decoration: underline; } .fnf-department-page--category .fnfhero__image { background-position: right; background-size: cover; } .fnf-department-page--category .fnfhero__desc { font-size: 1.6em; margin-bottom: 24px; } .fnfdividertitle { font-size: 2.4em; margin: 24px 0 16px 0; } .fnfdividertitle__span { position: relative; z-index: 2; color: #333; display: inline-block; } .fnf-department-page--category .fnfstamps__stamp__title { font-size: 2.4em; } /* -- Social ----------------------------------------------------------------- */ .fnf-department-page .link-block #stamps.group { width: auto; } div.fnf-footer { clear: both; padding: 16px; margin: 0 auto 36px auto; max-width: 1200px; } .fnf-footer__title { font-size: 2.8em; margin: 0 auto; color: black; text-align: left; line-height: 0.75; } .fnfsocial__link { background: url('/directuiassets/SiteAssets/NonSeasonal/en_GB/images/fandf/department/icon-sprite.png') no-repeat; background-color: #000; text-indent: -9999px; border-radius: 50%; display: block; width: 48px; height: 48px; transition: all 300ms ease; } a.fnfsocial__link:hover { background-color: #0099C8; } .facebook { background-position: 17px 0; } .tumblr { background-position: 15px -59px; } .twitter { background-position: -71px 0; } .youtube { background-position: -72px -54px; } .googleplus { background-position: -152px 0; } .instagram { background-position: -152px -55px; } .pinterest { background-position: -233px 0; } /* -- Copy Block ----------------------------------------------------------------- */ .pub__copyblock { padding: 0 20px; } /* -- F&F Sale Banner ----------------------------------------------------------------- */ .fnfsalebanner { background: #e22345 url('http://www.tesco.com/directuiassets/SiteAssets/NonSeasonal/en_GB/banners/Responsive/clothing/ClothingDept_HeroBanner_wk03_sale.jpg') no-repeat;; margin-top: 32px; margin-bottom: 20px; background-size: cover; } .sale-banner__anchor:hover { text-decoration: none!important; } .fnfsalebanner__headerblock { font-weight: bold; text-align: center; text-transform: uppercase; padding: 48px 10px 38px; } .fnfsalebanner__heading { color: #fff; font-family: helvetica, sans-serif; font-size: 10em; font-weight: 700; line-height: 115px; overflow: initial; margin: 0!important; padding: 0!important; width: auto; max-height: none; } .fnf-category-content .fnfsalebanner__heading { font-size: 9em; } .fnfsalebanner__headingsubtext { color: #fff; font-family: helvetica, sans-serif; font-size: 4em; text-align: center; text-transform: lowercase; margin: 0; font-weight: normal; } .fnf-category-content .fnfsalebanner__headingsubtext { font-size: 3.4em; } .fnfsalebanner__contentblock { background: #fff; padding: 22px 0; text-align: center; } .fnfsalebanner__footnote { text-align: center; padding: 10px 0 30px; margin: 0; } .fnfsalebanner__listblock { text-align: center; } .fnfsalebanner__listitem { padding-bottom: 23px; } .fnfsalebanner__listurl, .fnfsalebanner__listurl:link { background: #05559a; color: #fff; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-size: 1.6em; padding: 20px 29px; display: block; font-weight: bold; } a.fnfsalebanner__listurl:hover, span.fnfsalebanner__listurl:hover { color: white; text-decoration: underline; } a.fnfsalebanner--mainurl:hover, span.fnfsalebanner--mainurl:hover { background: #00a1e0; text-decoration: none; } .fnfselectedsale--wrapper { overflow: hidden; } /* -- F&F Sale Banner Black Friday Overides ----------------------------------------------------------------- */ .fnf-category-content .fnfsalebanner--bf { max-width: 920px; } .fnfsalebanner--bf { background: #000; } .fnfsalebanner--bf .bf--style { color: #ffe001; font-size: 0.3em; text-transform: none; letter-spacing: 0; line-height: 95px; font-weight: normal; } .fnfsalebanner--bf .dp--style { color: #fff; line-height: 25px; } .fnfsalebanner--bf .bf--yellow { background: #ffe001!important; color: #000!important; text-decoration: none!important;} /* -- F&F Sale List Block ----------------------------------------------------------------- */ .fnfselectedsale { margin: 20px 0 25px; } .fnfsalelist { background: #c0232d; margin-bottom: 30px; } .fnfsalelist__title { color: #fff; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-size: 2.4em; font-weight: normal; padding: 24px 18px 7px; } .fnfsalelist__listblock { padding: 0 0 15px; } .fnfsalelist__listitem { padding-bottom: 10px; } .fnfsalelist__listurl { color: #fff; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-size: 1.75em; display: block; padding: 8px 25px; text-align: left; } a.fnfsalelist__listurl:hover { background: rgba(0, 0, 0, 0.2); color: #fff; text-decoration: none; } .fnfsalelist__fwd { float: right; font-size: 0.75em; } /* -- F&F Brands A-Z ----------------------------------------------------------------- */ /* Block component */ .brandsaz { background: white; margin-bottom: 30px; overflow: hidden; } .brands-item { display: none; } /* Element that depends upon the block */ .brandsaz__block { padding: 15px 0 24px; } .brandsaz__block__item { display: inline-block; } .brandsaz__block__link { display: block; padding: 10px; } a.brandsaz__block__link:hover { text-decoration: none; } .brandsaz--cat a.brandsaz__block__link.is--active, #clothing-brands-all a.brandslink--all, #clothing-brands-men a.brandslink--men, #clothing-brands-kids a.brandslink--kids, #clothing-brands-women a.brandslink--women { border-bottom: 5px solid #666666; } a.brandsaz__block__link, .brandsaz__block__link:link, .brandsaz__block__link:active, a.brandsaz__block__link:hover { color: gray; cursor: default; font-weight: bold; } .brandsaz__block__link.is--available, a.brandsaz__block__link.is--available:hover { color: #00539e; cursor: pointer; } .brandsaz__alphabet { display: inline-block; vertical-align: top; width: 20%; text-align: center; padding-top: 9px; } .brandsaz__brands { display: inline-block; width: 78%; } .brandsaz__featuredbrands { display: none; width: 19%; float: left; } .brandsaz__featured { text-align: center; } .brandsaz__featured { padding: 0 27px; } .brandsaz__featured__title { padding: 10px 7px 8px 7px; text-align: center; font-weight: bold; } .brandsaz__featured__logos { padding-top: 20px; } .brandsaz__featured__logos li { margin-bottom: 16px; } /* Modifier that changes the style of the block */ a.brandslink--blue:link, a.brandslink--blue:active, a.brandslink--blue:hover, a.brandslink--blue:visited { color: #00539e; font-weight: bold; cursor: pointer; } .brandsaz--cat { font-size: 2.25em; padding-top: 10px; } .brandsaz--cat .brandsaz__block__item { text-align: center; width: 23%; } .brandsaz--cat .brandsaz__block__link { font-size: 0.94em; padding: 0 0 3px; width: 100%; } .brandsaz--cat a.brandsaz__block__link { border-bottom: 5px solid white; } .brandsaz--cat a.brandsaz__block__link:hover { border-bottom: 5px solid #666666; } .brandsaz--brandslist { font-size: 1.75em; font-weight: normal; } .brandsaz--alphalist { font-size: 3.5em; padding: 0 10px; } .brandsaz__alphabet { font-size: 3.5em; padding: 0 10px; } .brandsaz--borderbottom { border-bottom: 1px solid #e1e1e1; } .brandsaz--bordertop { border-top: 1px solid #e1e1e1; } /* These styles overides the original shop-by-nav styles */ .brandsaz__listblock { padding: 15px 0; } .brandsaz__listblock .products-header { display: inline-block; vertical-align: top; width: 13%; text-align: center; border:0!important; margin:0!important;} .brandsaz__listblock .product-grid.shop-by .products-header h2 { font-size: 3.6em; padding: 0 10px; margin: 0; } .brandsaz__listblock .products-wrapper { display: inline-block; width: 86%; margin: 0!important; display: table-cell; vertical-align: middle; } .brandsaz__listblock .products { font-size: 1.75em; font-weight: normal; } .brandsaz__listblock .products li { width: auto!important; margin: 0!important; } .brandsaz__listblock .product-grid.shop-by .products>li { width: auto!important; } .brandsaz__listblock .product { display: inline-block; border: none!important; } .brandsaz__listblock .product:first-child { width: auto!important; margin: 0!important; } .brandsaz__listblock .product-grid.shop-by .products li .product a { display: block; padding: 11px 30px 11px 10px; color: #00539e; font-weight: bold; min-height: 37px; line-height: 19px; text-align: left; font-size: 1.23em; } .brandsaz__listblock .product a:hover { text-decoration: none; color: #00539e; } .brandsaz__listblock .product-grid.shop-by .products>li { height: 40px; } .brandsaz__listblock .product-grid.shop-by { display: table; width: 100%; min-height: 81px; } .brandsaz__listblock .product-grid.shop-by .products-header { display: table-cell; padding: 0; vertical-align: middle; } /* -- F&F Features/Inspire Me ----------------------------------------------------------------- */ /* ----- row__im --------------------------------------------------------- */ .row__im { margin-bottom: 50px; overflow: hidden; position: relative; } .row__im--max--width { max-width: 1200px; margin-left: auto; margin-right: auto; } .row__im--no--margin { margin-bottom: 0; } .row__im--small--margin { margin-bottom: 10px; } .row__im--background { background-size: cover; background-position: center center; background-repeat: no-repeat; } /* ----- imbackground --------------------------------------------------------- */ .imbackground { position: relative; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; } .imbackground__holder { height: 200px; background: no-repeat center top; background-size: cover; } .imbackground__wrapper { max-width: 1200px; margin: 0 auto; } .imbackground__content { margin: 0 auto; max-width: 404px; padding: 24px; } #page-container div:first-child h1.imbackground__headline { margin: 0; } .imbackground__headline { max-height: none; font-size: 4.8em; line-height: 0.98; color: black; width: auto; overflow: visible; } .imbackground__headline__label { display: block; font-size: 0.2em; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-style: normal; margin-left: 4px; text-transform: uppercase; letter-spacing: 8px; line-height: 1.25; } .imbackground__headline__label--didot { font-family:'DidotW01-Roman', sarif; } .imbackground__headline__label--no-letter-spacing { letter-spacing: 0; } .imbackground__headline__title { display: block; font-family:'DidotW01-Roman', sarif; font-weight: normal; line-height: 1.1em; margin-top: 12px; text-transform: uppercase; } .imbackground__copy { margin: 24px 0 0 0; font-size: 1.6em; color: black; } a.imbackground__copy__link, a.imbackground__copy__link:hover{ color: inherit; text-decoration: underline; } .imbackground__product { margin: 24px 0 0 0; font-size: 1.6em; } .imbackground__product__item { margin: 4px 0; } .imbackground__product__link, .imbackground__product__link:link { color: #00539e; } a.imbackground__product__link:hover { color: #00a1e0; text-decoration: none; } .imbackground__product__name { font-style: normal; font-weight: bold; } .imbackground__product__link:after { font-family: 'Tesco Icons'; font-weight: 400; content: "r"; display: inline-block; font-size: 0.75em; margin-left: 2px; } .imbackground--white--all .imbackground__headline, .imbackground--white--all .imbackground__copy, .imbackground--white--all .imbackground__product__link, .imbackground--white--all .imbackground__product__link:link, .imbackground--white--all a.imbackground__product__link:hover { color: white; } /* ----- imbackground--text --------------------------------------------------------- */ .imbackground--text { padding: 20px 0 4px 0; } .imbackground--hide-hero .imbackground__holder { display: none; } .imbackground__content--text { max-width: 684px; } .imbackground--image { background: no-repeat center top; background-size: cover; } /* ----- imtext --------------------------------------------------------- */ .imtext--align--left { text-align: left; } .imtext--align--right { text-align: right; } .imtext--align--center { text-align: center; } .imtext--colour--white { color: #fff; } /* ----- imimage --------------------------------------------------------- */ .imimage { text-align: left; position: relative; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; } .imimage--align--left { text-align: left; } .imimage__holder { height: 200px; background: no-repeat center top; background-size: cover; } .imimage--products--bottom--left .imimage__wrapper { position: absolute; bottom: 0; left: 0; } .imimage--products--bottom--right .imimage__wrapper { position: absolute; bottom: 0; right: 0; } .imimage--products--top--left .imimage__wrapper { position: absolute; top: 0; left: 0; } .imimage--products--top--right .imimage__wrapper { position: absolute; top: 0; right: 0; } .imimage--products--bottom--center .imimage__wrapper { position: absolute; bottom: 5%; left: 0; right: 0; } .imimage--text .imimage__wrapper { display: flex; justify-content: center; flex-direction: column; align-items: center; position: absolute; top: 0; bottom: 0; width: 100%; } .imimage--text--static .imimage__wrapper { position: static; } .imimage--text--static .imimage__content { max-width: 100%; } .imimage__content { margin: 24px auto; max-width: 404px; padding: 0 24px; width: 100%; } #page-container div:first-child h1.imimage__headline { margin: 0; } .imimage__headline { max-height: none; font-size: 4.8em; line-height: 0.98; color: black; width: auto; } .imimage__headline__label { display: block; font-size: 0.33em; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-style: normal; margin-left: 4px; text-transform: uppercase; letter-spacing: 8px; } .imimage__headline__title { display: block; font-family:'DidotW01-Roman', sarif; font-weight: normal; margin-top: 12px; text-transform: uppercase; } .im--text--lower { text-transform: lowercase; } .imimage__headline__title--tesco { font-family: "Tesco",Helvetica Neue,Arial,sans-serif; } .imimage__headline__quote { display: block; font-family:'DidotW01-Italic', sarif; font-weight: normal; margin-top: 12px; font-style: normal; } .imimage__subheadline { margin: 24px 0 0 0; font-size: 2em; color: black; } .imimage__copy { margin: 24px 0 0 0; font-size: 1.6em; color: black; } .imimage__copy--didot { font-family:'DidoteTextW01-Bold', sarif; font-size: 2.4em; line-height: 1.25; } .imimage__author { margin: 8px 0 0 0; font-size: 1.6em; color: black; text-transform: uppercase; } .imimage__product { margin: 24px 0 0 0; font-size: 1.6em; text-align: center; display: block; } .imimage__product--left { text-align: left; } .imimage__product__item { margin: 4px 0; } .imimage__product__link, .imimage__product__link:link { color: #00539e; } a.imimage__product__link:hover { color: #00a1e0; text-decoration: none; } .imimage__product__name { font-style: normal; font-weight: bold; } .imimage__product__link:after { font-family: 'Tesco Icons'; font-weight: 400; content: "r"; display: inline-block; font-size: 0.75em; margin-left: 2px; } .imimage__product__link.imimage__product__link--coming-soon:after { display: none; } .imimage__image { max-width: 100%; height: auto; margin-left: auto; margin-right: auto; display: block; } .imimage--white--all .imimage__headline, .imimage--white--all .imimage__copy, .imimage--white--all .imimage__subheadline, .imimage--white--all .imimage__author, .imimage--white--all .imimage__product__link, .imimage--white--all .imimage__product__link:link, .imimage--white--all a.imimage__product__link:hover { color: white; } /* ----- imcarousel --------------------------------------------------------- */ .imcarousel { position: relative; padding-bottom: 16px; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; } .carousel-view--inspireme { padding: 24px 0; } .imcarousel .slick-prev, .imcarousel .slick-next { font-size: 3.6em; width: 36px; height: 36px; overflow: hidden; } .imcarousel .slick-prev:before, .imcarousel .slick-next:before { color: #ccc; font-size: inherit; } .imcarousel .slick-prev:hover:before, .imcarousel .slick-prev:focus:before, .imcarousel .slick-next:hover:before, .imcarousel .slick-next:focus:before { color: #333; } .imcarousel .slick-dots li { width: 12px; height: 12px; margin: 0 6px; } .imcarousel .slick-dots li button { width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 50%; padding: 0; } .imcarousel .slick-dots li button:before { content: ""; } .imcarousel .slick-dots li.slick-active button { border-color: #333; background: #333; } .imcarouselheading { padding: 30px 0 20px; } .imcarouselheading__label { font-size: 1.6em; line-height: 18px; letter-spacing: 8px; text-transform: uppercase; } .imcarousel__content { margin-bottom: 20px; } .imcarousel__image { margin: 0 auto 25px auto; max-width: 100%; height: auto; display: block; } .imcarousel__headline { max-height: none; font-size: 2.4em; line-height: 0.98; color: black; width: auto; } .imcarousel__headline__label { display: block; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-weight: normal; font-size: 0.667em; text-transform: uppercase; letter-spacing: 8px; } .imcarousel__headline__title { display: block; font-family:'DidotW01-Roman', sarif; font-weight: normal; margin-top: 12px; text-transform: uppercase; } .imcarousel__headline__subtitle { display: block; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; margin-top: 12px; text-transform: uppercase; } .imcarousel__copy { margin: 24px 0; font-size: 1.6em; color: black; } .imcarousel__product { margin: 24px 0 0 0; font-size: 1.6em; } .imcarousel__product__item { margin: 4px 0; } .imcarousel__product__link, .imcarousel__product__link:link { color: #00539e; } a.imcarousel__product__link:hover { color: #00a1e0; text-decoration: none; } .imcarousel__product__name { font-style: normal; font-weight: bold; } .imcarousel__product__link:after { font-family: 'Tesco Icons'; font-weight: 400; content: "r"; display: inline-block; font-size: 0.75em; margin-left: 2px; } .imcarousel__product__link--coming-soon.imcarousel__product__link:after { display: none; } .imimage__product-carousel { top: 0; bottom: 0; position: absolute; display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%; width: 100%; padding: 32px; } .imimage__product-carousel__wrapper { width: 100%; } .imcarousel-wrapper--featured-background { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 24px 0; } .imcarousel-wrapper--featured-background .carousel-view--inspireme { padding-bottom: 0; } .imcarousel--small { text-align: center; } .imcarousel--small .imcarousel__image { margin-bottom: 0; } .imcarousel-featured--light .imcarousel .slick-prev:before, .imcarousel-featured--light .imcarousel .slick-next:before { color: #333; } .imcarousel-featured--light .imcarousel .slick-prev:hover:before, .imcarousel-featured--light .imcarousel .slick-prev:focus:before, .imcarousel-featured--light .imcarousel .slick-next:hover:before, .imcarousel-featured--light .imcarousel .slick-next:focus:before { color: #00539f; } .imcarousel-featured--light .imcarousel .slick-dots li button { border-color: #333; } .imcarousel-featured--dark .imcarousel .slick-prev:hover:before, .imcarousel-featured--dark .imcarousel .slick-prev:focus:before, .imcarousel-featured--dark .imcarousel .slick-next:hover:before, .imcarousel-featured--dark .imcarousel .slick-next:focus:before, .imcarousel-featured--dark .imcarousel__headline, .imcarousel-featured--dark .imcarousel__copy, .imcarousel-featured--dark .imcarousel__product__link, .imcarousel-featured--dark .imcarousel__product__link:link, .imcarousel-featured--dark a.imcarousel__product__link:hover { color: white; } .imcarousel-featured--dark .imcarousel .slick-dots li.slick-active button { border-color: white; background: white; } .carousel-view--inspireme--background { background: #fff; } /* ----- imcarousel--no--margin --------------------------------------------------------- */ .imcarousel--no--margin .carousel-wrapper, .imcarousel--no--margin .imcarousel__image, .imcarousel--no--margin .carousel-view, .imcarousel--no--margin .imcarousel__content { margin: 0 auto; } .imcarousel--no--margin .carousel-view { margin: 0 auto; } .imcarousel--no--margin .carousel-element { padding: 0; } .imcarousel--no--margin .slick-prev { left: 24px; } .imcarousel--no--margin .slick-next { right: 24px; } .imcarousel--no--margin .slick-dots { bottom: 24px; } /* ----- imcarousel--white--all --------------------------------------------------------- */ .imcarousel--white--all .imcarousel__headline, .imcarousel--white--all .imcarousel__copy, .imcarousel--white--all .imcarousel__product__link, .imcarousel--white--all .imcarousel__product__link:link, .imcarousel--white--all a.imcarousel__product__link:hover, .imcarousel--white--all.imcarousel .slick-prev:before, .imcarousel--white--all.imcarousel .slick-next:before { color: white; } .imcarousel--white--all.imcarousel .slick-dots li.slick-active button { border-color: white; background: white; } .imimage__product__name--coming-soon, .imimage__product__link--coming-soon, .imcarousel__product__link--coming-soon { color: black; } /* ----- imsubnav --------------------------------------------------------- */ .imsubnav { border-top: 1px solid #c8d3d6; border-bottom: 1px solid #c8d3d6; text-align: center; } .imsubnav__headline { font-size: 4em; margin: 12px 32px; line-height: 1; text-transform: uppercase; display: inline-block; vertical-align: middle; font-family:'DidotW01-Roman', sarif; } .imsubnav__list { display: inline-block; vertical-align: middle; margin: 0 32px; } .imsubnav__list__item { display: inline-block; font-size: 1.6em; text-transform: uppercase; margin: 12px 0; } .imsubnav__list__copy { padding: 8px 16px; font-weight: bold; color: black; display: block; } .imsubnav__list__link, .imsubnav__list__link:link { padding: 8px 16px; color: black; display: block; } a.imsubnav__list__link:hover { text-decoration: underline; color: black; } /* ----- imvideo --------------------------------------------------------- */ .imvideo { font-family: Tesco, "Helvetica Neue", Arial, sans-serif; max-width: 854px; margin-left: auto; margin-right: auto; } .imvideo__wrapper { height: 0px; position: relative; overflow: hidden; padding-bottom: 56.34%; } .imvideo__object { display: block; margin-left: auto; margin-right: auto; max-height: 100%; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; } .imvideo__headline { max-height: none; font-size: 6.8em; line-height: 0.98; color: black; width: auto; } .imvideo__headline__label { display: block; font-size: 0.3em; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-style: normal; margin-left: 4px; text-transform: uppercase; letter-spacing: 8px; } .imvideo__headline__title { display: block; font-family:'DidotW01-Roman', sarif; font-weight: normal; margin-top: 28px; text-transform: uppercase; } .imvideo__copy { margin: 24px 0 0 0; font-size: 1.6em; color: black; } .imvideo__content { padding: 36px 0; } /* ---- im buttons ----------------------------------------- */ .fnf-imlp__cta, .imvideo__cta { font-size: 1.6em; display: inline-block; margin: 24px auto 0 auto; } .fnf-imlp__cta__link, .fnf-imlp__cta__link:link, .imvideo__cta__link, .imvideo__cta__link:link { width: 200px; text-decoration: none; text-align: center; margin-bottom: 20px; display: inline-block; font-weight: bold; border-radius: 4px; padding: 13px 0; transition: all 300ms ease; background: #00539f; color: #fff; position: relative; z-index: 4; } a.fnf-imlp__cta__link:hover, .fnf-imlp__cta__link:hover, a.imvideo__cta__link:hover { background: #0099C8; color: #fff; text-decoration: none; } .fnf-imlp__cta__secondary, .fnf-imlp__cta__secondary:link { width: 200px; text-decoration: none; text-align: center; margin-bottom: 20px; display: inline-block; font-weight: bold; border-radius: 4px; padding: 13px 0; transition: all 300ms ease; border: 1px solid #00539f; color: #00539f; position: relative; z-index: 4; } a.fnf-imlp__cta__secondary:hover { background: #00539f; color: white; text-decoration: none; } .fnf-imlp_noline { text-decoration: none !important; } .imbackground__cta, .imimage__cta, .imcarousel__cta, .imcta__fwd { font-size: 1.6em; display: inline-block; margin-top: 24px; } .imcta{ text-align: center; } .imbackground__cta__link, .imbackground__cta__link:link, .imimage__cta__link, .imimage__cta__link:link, .imcarousel__cta__link, .imcarousel__cta__link:link, .imcta__fwd__link, .imcta__fwd__link:link { font-weight: bold; padding: 13px 32px; display: block; margin-bottom: 16px; color: white; transition: all .5s ease; text-align: center; background: #00539f; border-radius: 4px; line-height: 1.125; } a.imbackground__cta__link:hover, a.imimage__cta__link:hover, a.imcarousel__cta__link:hover, a.imcta__fwd__link:hover { background: #0099C8; color: white; text-decoration: none; } .imbackground--white--all .imbackground__cta__link, .imbackground--white--all .imbackground__cta__link:link, .imimage--white--all .imimage__cta__link, .imimage--white--all .imimage__cta__link:link, .imcarousel__cta--white--all .imimage__cta__link, .imcarousel__cta--white--all .imimage__cta__link:link, .imcarousel--white--all .imcarousel__cta__link, .imcarousel--white--all .imcarousel__cta__link:link, .imcarousel-featured--dark .imcarousel__cta__link, .imcarousel-featured--dark .imcarousel__cta__link:link { color: #00539f; background: white; } .imbackground--white--all a.imbackground__cta__link:hover, .imimage--white--all a.imimage__cta__link:hover, .imcarousel__cta--white--all a.imbackground__cta__link:hover, .imcarousel--white--all a.imcarousel__cta__link:hover, .imcarousel-featured--dark a.imbackground__cta__link:hover, .imcarousel-featured--dark a.imcarousel__cta__link:hover { color: white; background: #00539f; } .im-lightbox-content { height: 0; overflow: hidden; } /* ---- inspire me landing page ----------------------------------------- */ .fnf-imlp { font-family: Tesco, "Helvetica Neue", Arial, sans-serif; } .fnf-imlp img { max-width: 100%; height: auto; width: 100%; } .fnf-imlp-buynow { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f3f3f3; padding: 12px 0; } .fnf-imlp__edit-image { float: left; width: 50%; } .fnf-imlp__edit-text { padding: 64px; float: left; width: 50%; } .fnf-imlp__edit-image--right { float: right; } .fnf-imlp__headline { max-height: none; font-size: 2.8em; line-height: 0.98; color: black; width: auto; margin: 12px 0 0 0; } .fnf-imlp__headline--subh2 { font-size: 3.6em; } .fnf-imlp__headline__title { display: block; font-family: 'DidotW01-Roman', sarif; font-weight: normal; margin-top: 12px; text-transform: uppercase; } .fnf-imlp__headline__label { font-size: 0.3em; font-family: Tesco, "Helvetica Neue", Arial, sans-serif; font-style: normal; margin-left: 4px; text-transform: uppercase; letter-spacing: 8px; display: block; } .fnf-imlp__headline--subh2 .fnf-imlp__headline__label { font-size: 0.285em; } .fnf-imlp__copy { margin: 12px 0 0 0; font-size: 1.6em; color: #333; } .fnf-imlp__content { margin: 24px 0 36px 0; padding-left: 24px; padding-right: 24px; } .fnf-imlp__content--center { text-align: center; } .fnf-imlp__hero { text-align: center; } .fnf-imlp__stamps, .fnf-imlp-buynow__stamps { overflow: hidden; margin-left: auto; margin-right: auto; } .fnf-imlp__stamp { border: 1px solid white; display: inline-block; transition: all 300ms ease; text-align: left; position: relative; margin: 0 12px 24px 12px; } .fnf-imlp-buynow__stamps .fnf-imlp__stamp { border-color: #f3f3f3; } .fnf-imlp__stamp a { display: block; } .fnf-imlp__stamp:hover a { text-decoration: none !important; transition: all 250ms ease; } .fnf-imlp__stamp__title { color: black; text-transform: uppercase; font-family: 'DidotW01-Roman'; font-size: 2.8em; margin-top: 24px; margin-bottom: 8px; font-weight: normal; padding: 0 12px; line-height: 1.15; } .fnf-imlp__stamp__desc { color: #333; font-size: 1.6em; padding: 0 12px; margin: 0 0 12px 0; } .fnf-imlp__stamps__cta { padding: 0 12px; margin: 0 0 12px 0; font-size: 1.6em; color: #00539f; } .fnf-imlp--text-link { color: #00539f; font-weight: bold; transition: all 250ms ease; } .fnf-imlp--text-link:hover { color: #00a1e0; transition: all 250ms ease; } .fnf-imlp--text-link:after { display: inline-block; font-family: 'Tesco Icons'; content: "r"; font-weight: normal; font-size: 0.7em; position: relative; top: 0; margin-left: 3px; } .fnf-imlp__stamp a:hover .fnf-imlp--text-link { color: #00a1e0; text-decoration: none; transition: all 250ms ease; } .fnf-imlp__stamp a img { transition: all 250ms ease; } .fnf-imlp__stamp a:hover img { opacity: 0.8; transition: all 250ms ease; } .fnf-imlp__edit-link { margin: 12px 0; display: inline-block; } .fnf-imlp__social { border-top: 1px solid #ccc; } /* ---- CSR Pages ----------------------------------------- */ .fnf-csr .static-help-page h1{ border: none; } .fnf-csr .static-help-page h2{ margin:0 0 20px; border-bottom: 1px solid #f3f1ed; } .fnf-csr .main_block--white{ background: white; } .fnf-csr .main_block{ margin-bottom: 10px; background: white; } .fnf-csr .main_block.no-mgr{ margin-bottom: 0; } .fnf-csr .page-title{ text-align: left; margin: 0 8px; line-height: 36px; padding: 24px 0px 24px 82px; /*font-size: 28px;*/ font-size: 2.8em!important; font-weight: 400; font-family: Tesco,Helvetica Neue,Arial,sans-serif; } .fnf-csr .page-title:before{ content: ""; background: url('/directuiassets/SiteAssets/NonSeasonal/en_GB/images/fandf/department/icon-sprite.png') no-repeat; display: inline-block; height: 36px; width: 70px; background-position: 0 -115px; margin-right: 12px; vertical-align: top; margin-left: -82px; } .fnf-csr .logoImage{ float: right; margin-left: 30px; z-index: 10; } .fnf-csr .static-help-page p{ clear: none; } .fnf-csr .coded-left-nav .product-grid.shop-by .products-wrapper{ margin: 0; } .fnf-csr .static-help-page p{ padding: 0 10px 10px; } .fnf-csr .static-help-page .intro-content{ padding-bottom: 40px; } .fnf-csr .static-help-page .intro-content.no-btmpadding{ padding-bottom: 0; } .fnf-csr .static-help-page .pui-accordion section > h3.pui-active{ border-bottom: 1px solid #f3f1ed; } .fnf-csr .static-help-page .intro-content ul li{ font-size: 1.3em; } .fnf-csr .static-help-page .intro-content ul, .fnf-csr .imvideo{ padding-top: 10px; padding-bottom: 10px; } .fnf-csr .static-help-page .pui-accordion strong{ font-size: 1em; } .fnf-csr .static-help-page .pui-accordion p a { font-weight: bold; } .fnf-csr .static-help-page .pui-accordion h4{ font-weight: bold; padding-left: 10px; font-size: 2em; color: #211e1f; } /*--------------------------- Fathers Day DHP mtop -----------------------------*/ .dhp-fathersday-mtop .mtop_new_design_2 .mtop_content-wrapper h1 { text-align: left; font-size: 34px; color: #333; } .dhp-fathersday-mtop .mtop_new_design_2 .mtop_content-wrapper h1 > span{ display: block; font-size: 0.9em; line-height: 1.25; text-align:left; } .dhp-fathersday-mtop .mtop_new_design_2 .mtop_content-wrapper h2 { color:#333; font-size: 2.2em; line-height: 1.2em; text-align:left; } .dhp-fathersday-mtop .mtop_new_design_2 .mtop_content-wrapper p{ font-size: 2.5em; line-height: 1.25; margin-top: 0; color: #fff; font-family: "Tesco"; } .dhp-fathersday-mtop .mtop_new_design_2 .mtop_content-wrapper { background: #00b197; } .dhp-fathersday-mtop .brand-page-button__mtop_new_design_2 span{ background:#fff; font-weight:bold; width:150px; height:45px; line-height:45px; font-size:1.6em; color:#333; } .christmas-holding-mtop { background: #9e0500; } .christmas-holding-mtop .ddl-hero-fifty__wrapper__content__copy { color: #fff; } /*--------------------- Character Event Page -----------------------*/ body.character-store{ background:#fff; } .character-store h1{ margin:15px 8px !important; } /* BRA SIZE GUIDE - start */ .table_type_c_form { float: left; } .table_type_c_form--selection { width: 284px; height: 44px; border-radius: 4px !important; padding-left: 10px; border: 1px solid #999; background: #fff; } .table_type_c_form label { display: block; width: 284px; font-size: 16px; padding: 16px 0; } .table_type_c_form select { -webkit-appearance:none; -moz-appearance: none; } .table_type_c_form select::-ms-expand { display: none; } .bust_select { position: relative; } .bust_select:after { -webkit-appearance:none; font-family: "Tesco Icons"; content: "2"; position: absolute; right: 20px; bottom: 18px; } .table_type_c_form option { padding: 10px 0 10px 10px; background-color: #fff; } .table_type_c_form div { float: left; margin-right: 30px; } .table_type_c td { width: 25%; } .info-panel-size-guide-overlay .bra-chart-section .guide_table .im-lightbox-content__bra-fitting-guide__heading { font-size: inherit; } .im-lightbox-content__underbust-heading { width: 94px; } .info-panel-size-guide-overlay .guide_table span.pub-mobile-block { font-size: inherit; } /* BRA SIZE GUIDE - end */ /*-------------------------------------------- Sports & Leisure Multi link Banner ---------------------------------------------*/ .multi-link-offers.multi-link-offers--homefurniture.multi-link-offers--sports-leisure .tile-overlay ul li a{ color:#333; width:60%; } .multi-link-offers.multi-link-offers--homefurniture.multi-link-offers--sports-leisure .tile-overlay ul li:last-child{ display:block; } .multi-link-offers.multi-link-offers--homefurniture.multi-link-offers--sports-leisure .tile-overlay{ margin-top:30px; } .multi-link-offers.multi-link-offers--sports-leisure-dept .tile-overlay ul li a { width: 100%; background: #008dc8; color: #fff; } .multi-link-offers.multi-link-offers--sports-leisure-dept .tile-overlay h2 { color:#333; } .multi-link-offers.multi-link-offers--sports-leisure-dept .tile-overlay { left: 16px; display: block; } .multi-link-offers.multi-link-offers--sports-leisure-dept .multi-link-wide-mtop{ padding:0px; } .multi-link-offers.multi-link-offers--sports-leisure-dept .tile-overlay ul li a:after { font-family: "Tesco Icons"; content: "r"; font-size: 11px; position: absolute; right: 10px; } /*-------------------------------------------- Hide Bullets on PDP V2 ---------------------------------------------*/ .pdp-clothing ul.product-features.product-features-non-book-layout{ display:none; } /*-------------------------------------------- PDP V2 Adsense --------------------------------------------*/ .PDP-Version2 .sponsored-link-block .ad_box { width: 50%; float: left; } .PDP-Version2 .sponsored-link-block { display: block !important; } /*-------------------------------------------- Hide Category LHN on UES PLP ---------------------------------------------*/ .ues-plp .filter-categoryList { display: none; } /*----------------------------------- Back to school - All -----------------------------------*/ .bts-page { font-family: "Tesco",Helvetica Neue,Arial,sans-serif; margin-bottom: 32px; } .page-title--bts { margin: 12px 8px !important; } .bts-stamps__row { overflow: hidden; width: 100%; } .bts-stamp { padding: 10px; display: block; text-decoration: none !important; } .bts-stamp--white { background: white; border: 2px solid white; margin: 10px; padding: 0; height: 355px; } .bts-stamp__image__img, .bts-page .pub-hero__collage__data__img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .pub-hero__ping { position: absolute; z-index: 5; } .bts-page .pub-hero--intro.pub-hero--full--bleed--slim, .bts-page .pub-hero--getting-to-school.pub-hero--full--bleed--slim { margin: 10px 0; } .bts-page .pub-hero__spacerright { text-align: right; } .bts-page .pub-hero--intro .pub-hero__title { font-size: 3.5em; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; text-transform: none; line-height: 1.125; width: 265px; } .bts-page .pub-hero--getting-to-school .pub-hero__title { font-size: 3.2em; font-family: "Tesco",Helvetica Neue,Arial,sans-serif; text-transform: none; line-height: 1.125; } .bts-page .pub-hero__cta__item { font-size: 1.6em; } .bts-page .imsubnav { border: none; background: #d4549f; margin: 0 auto; } .bts-page .imsubnav__list { display: table; width: 100%; border-collapse: collapse; margin: 0 auto; max-width: 1200px; } .bts-page .imsubnav__list__item { display: table-cell; width: 25%; border-left: 1px solid white; border-right: 1px solid white; } .bts-page .imsubnav__list__link, .bts-page .imsubnav__list__link:link { color: white; text-transform: none; padding: 13px 8px; font-weight: bold; transition: all .5s ease; cursor: pointer; } .bts-page a.imsubnav__list__link:hover { color: white; text-decoration: none; background: #BD1075; } .bts-headline { padding: 0 8px; font-size: 3.2em; color: #1291c4; margin-top: 20px; } .bts-stamp__title { color: black; font-size: 2em; font-weight: bold; margin: 20px 12px 8px 12px; } .bts-stamp__copy { font-size: 1.4em; color: black; margin: 8px 12px; } .bts-stamp__cta { font-size: 1.6em; font-weight: bold; color: #04569f; margin: 8px 12px; transition: all .5s ease; } .bts-stamp__cta:after { display: inline-block; font-family: 'Tesco Icons'; font-size: 0.67em; margin-left: 2px; text-decoration: none !important; text-transform: none; position: relative; top: -1px; content: "r"; } .bts-stamp:hover .bts-stamp__cta, .bts-stamp__cta:hover { color: #00a1e0; } .bts-stamp:hover .bts-stamp__image__img { opacity: 0.8; } .bts-stamp--no-link:hover .bts-stamp__image__img { opacity: 1; color: inherit; } .bts-equipment { background: #def1f8; padding: 24px 0 48px 0; } .bts-lunches { padding-bottom: 50px } .bts-equipment__section { background: white; margin: 10px; overflow: hidden; } .bts-equipment .bts-stamp__image { margin-bottom: 2px; } .bts-page .imbackground__product { margin: 8px 12px; } .bts-page .imbackground__cta { margin: 12px 12px 0 12px; } .bts-page .imbackground__cta__link, .bts-page .imbackground__cta__link:link { margin-bottom: 0; } .bts-page .imbackground__product__item { margin: 16px 0; } .bts-page .imbackground__product__link { color: black; } .bts-page .imbackground__product__price { color: #eb2235; } .bts-page .imbackground__product__name { font-weight: 400; } .bts-page .imbackground__product__link:hover .imbackground__product__price, .bts-page .imbackground__product__price:hover { color: #00a1e0; } #back-to-school .pub-hero__image { background-color: #1092c3; } .row__im--video-background--bts { text-align: center; padding-bottom: 48px; margin-bottom: 10px; background-position: center bottom; background-repeat: no-repeat; background-color: #1092c3; } .row__im--video-background--bts .imvideo__headline { color: white; font-size: 3.2em; font-family: "Tesco","Helvetica Neue",Arial,sans-serif; } .imvideo__copy--bts { color: white; } /*----------------------------------- Tesco Mobile Info Page - All -----------------------------------*/ .tesco-mobile-tariff, .tesco-mobile { font-family: "Tesco","Helvetica Neue",Arial,sans-serif; margin: 16px auto 36px auto; } .tesco-mobile-tariff__content-copy { background: #fff; border-radius: 15px; overflow: hidden; margin: 0 50px 50px; padding: 0 80px 10px; } .tesco-mobile-tariff__content-sub-copy { font-size: 2.4em !important; font-family: "Tesco"; text-align: center; padding: 30px; margin: 0; color:#217fc5; font-weight:bold; } .tesco-mobile-tariff .tesco-mobile-tariff__contract-type ul, .tesco-mobile-tariff__contract-type ul { margin: 35px 0 30px; } .tesco-mobile-tariff .tesco-mobile-tariff__contract-type, .tesco-mobile-tariff__contract-type { border-radius: 5px; display: table-cell; } .tesco-mobile-tariff-h2 { color: #217fc5; font-weight: bold; font-family: "Tesco"; margin: 20px 0; } .tesco-mobile-tariff p{ font-size: 1.6em; font-family: "Tesco"; clear:both; } .tesco-mobile-tariff .tesco-mobile-tariff__contract-type ul li:before { font-family: "Tesco Icons"; content: "5"; color: #217fc5; position: absolute; left: 0; } .tesco-mobile-tariff .tesco-mobile-tariff__contract-type ul li, .tesco-mobile-tariff__contract-type ul li { list-style-type: none; padding-left: 25px; position: relative; margin-bottom:10px; font-size: 1.6em; font-family: "Tesco"; clear:both; } a.tesco-mobile-tariff-link { font-size: 1.6em; background: #00539f; color: #fff; padding: 14px 0; width: 100%; float: left; border-radius: 5px; text-decoration: none; text-align: center; font-family: "Tesco"; margin:20px 0; line-height: 1; } a.tesco-mobile-tariff-link:hover{ color:#fff; text-decoration: none; background: #00aeef } .tesco-mobile-tariff__header{ font-size: 3.4em; font-weight: bold; color: #fff; text-align: center; margin: 30px !important; width:auto; line-height: 1.2em; } .tesco-mobile-tariff__content-wrapper { background: url("/directuiassets/Merchandising/NonSeasonal/en_GB/banners/Responsive/technology_gaming2016/swoosh_bg_1184x4000.jpg") no-repeat; display: block; overflow: hidden; clear: both; background-position: center; margin: 0 8px; } .rocket-packs-table table { width: 27%; border: 1px solid #f1f1f1; margin: 20px 19px 0px 0; border-radius: 5px; padding: 10px; float: left; } .rocket-packs-table table tbody th { font-size: 3em; font-family: "Tesco"; color: #217fc5; border-bottom: 1px solid #f1f1f1; padding-bottom: 5px; line-height: 1em; } .rocket-packs-table table tbody tr td { font-size: 1.4em; text-align: center; color: #666; padding: 5px 0 0; line-height: 1.3em; } .tesco-mobile-tariff-h3 { color: #217fc5; font-weight: normal; margin: 20px 0; } .triple-credit-table tbody tr td { padding: 10px; } .triple-credit-table tbody tr:nth-child(even) { background: #efefef; } .triple-credit-table tbody tr:nth-child(odd) { background: #e1e1e1; } .triple-credit-table tbody th { padding: 10px; color: #00a1e0; font-weight: normal; } .triple-credit-table { width: 100%; text-align: center; font-size: 1.6em; font-family: "Tesco"; margin: 20px 0; } .tesco-mobile-tariff__contact-type-wrapper { display: table; border-collapse: separate; border-spacing: 30px; margin: -30px; } .tesco-mobile .tesco-mobile-tariff__contract-type{ width: 33%; padding: 0 30px 50px; border: 1px solid #f1f1f1; border-width: 0 1px 0px 0; vertical-align: top; position: relative; } .tesco-mobile p{ font-size: 1.6em; font-family: "Tesco"; clear:both; } .tesco-mobile .tesco-mobile-tariff__content-copy { padding: 0 0px 30px; } .tesco-mobile .tesco-mobile-tariff__contract-type ul li { list-style-type: disc; padding: 0; } .tesco-mobile a.tesco-mobile-tariff-link { margin: 20px 0 0; position: absolute; bottom: 0; width: 80%; } .tesco-mobile .tesco-mobile-tariff__contract-type ul { margin: 20px 0; } .tesco-mobile .tesco-mobile-tariff__content-sub-copy { margin: 0px 100px; color:#666; font-weight:normal; } .tesco-mobile .tesco-mobile-tariff__contract-type ul { margin: 20px 0 20px 20px; } /*----------------------------------- UES Swatches Fix -----------------------------------*/ .ues-plp .colour-swatch-container{ display: none; } .ues-pdp .variant-colour-swatches{ display: none; } /* ------------------------------ Windows 10 July 2016 - All -------------------------------*/ .why-windows10-2016-07 a:hover { text-decoration: none; background: #00a1e0; color: #fff; } .windows10-2016-07 .lightbox-trigger.video-button-block.brand-store-feature-block { padding: 0 8px; } .windows10-2016-07 .lightbox-content { height: 0; overflow: hidden; } .windows10-2016-07 h2.windows10-2016-07-shopbyheader { margin: 30px 8px 20px 8px; } .windows10-2016-07 h2.windows10-2016-07-header { margin: 0px 8px 20px 8px; } .windows10-2016-07 .shop-by-department { padding: 0; overflow: hidden; } .why-windows10-2016-07 a { background: #2d76ba; color: #fff; padding: 10px; font-size: 1.7em; font-family: "Tesco"; overflow: hidden; float: left; position: relative; width: 255px; } .why-windows10-2016-07 a:after { content: "r"; font-family: "Tesco Icons"; font-size: 11px; position: absolute; right: 20px; line-height: 2em; } .why-windows10-2016-07 h3, .why-windows10-2016-07 p { color: #0078d7; font-weight: normal; } .why-windows10-2016-07 h3 { font-size: 2em; } .windows10-2016-07 .brandstore-maintext .brandstore-position { padding: 0 50px 0 0; } .why-windows10-2016-07 .brandstore-maintext .brandstore-position { left: 20px; top: 50%; } .windows10-2016-07-block-bg-color { background: #ededed; } .windows10-2016-07-features .brand-right .cms-image img { padding-right: 0; } .windows10-2016-07 .brandstore-position p > span { display: block; color: #333; } .windows10-2016-07 { background-color: #fff; font-family: "Tesco", Helvetica Neue, Arial, sans-serif; margin-bottom: 32px; } .windows10-2016-07-logo { background-color: #666; padding: 20px; margin: 8px; } .windows10-2016-07-logo p { color: #fff; font-size: 15px; clear: both; line-height: 14px; margin: 8px 0; } .windows10-2016-07-logo-image { text-align: right; margin-top: 16px; } .windows10-2016-07 section .cms-image img { margin: 0 0 30px 0; padding: 0; } .windows10-2016-07 h2 { font-size: 25px; color: #333; margin: 0 0 20px 0; } .windows10-2016-07 h1 { font-size: 40px; color: #0078d7; margin: 0 0 20px 0; } .windows10-2016-07-logo .cms-image { float: right; } .windows10-2016-07 .cms-image img { margin: 0; padding: 0; } .why-windows10-2016-07 { margin: 0 8px 40px 8px; overflow: hidden; background: #ededed; padding-top: 70px; } .why-windows10-2016-07 .windows10-2016-07-logo-h { position: absolute; right: 20px; top: 20px; } .windows10-2016-07 .windows-start-menu { padding: 65px 0 0 86px; } .windows10-2016-07 .brandstore-maintext { margin: 0; } .windows10-2016-07 .brand-store-feature-block { padding: 0; margin: 0; clear: none; } .windows10-2016-07 .brandstore-position p { padding: 0 60px 5px 0; margin: 0 0 10px 0; font-size: 16px; line-height: 24px; color: #0078d7; } .windows10-2016-07 .brand-right { float: right !important; padding: 0 0 0 48px; } .windows10-2016-07-features .brandstore-maintext { height: 48em; } .windows10-2016-07-features .brandstore-height { padding: 0 0 0 30px; } .windows10-2016-07 .brand-none { display: none; } .windows10-2016-07-features { clear: both; overflow: hidden; border: 1px solid #ededed; margin: 0 8px; } .windows10-2016-07-features .cms-image img { padding: 80px 50px; margin: 0; } .windows10-2016-07-features .brandstore-position.brand-text-align-family { padding: 50px 0px; } /* ------------------------------------------------- Sitewide ELH Accordion ---------------------------------------------------*/ .sitewide-elh-accordion{ border-bottom: 1px solid #ccc; } .sitewide-elh-accordion .row{ max-width: 75rem; } .sitewide-elh-accordion .row .l-100{ float: none; } .sitewide-elh-accordion .accordion-wrapper{ max-width: 100%; } .sitewide-elh-accordion .accordion-container{ border: none; cursor: pointer; margin-left: auto; margin-right: auto; } .sitewide-elh-accordion .accordion-container .accordion-content{ padding:0 15px; } .sitewide-elh-accordion .accordion-container.active>.accordion-header { border-bottom: none; } .sitewide-elh-accordion p{ font-weight: normal; font-family:'Tesco', Arial, sans-serif, serif; color: #666; text-transform: none; text-align: center; font-size: 0.934em; } .sitewide-elh-accordion p.accordion-header{ text-align: center; margin:0; padding: 4px 0; position: relative; font-size: 1.2em; line-height: 24px; color: #00539f; } .sitewide-elh-accordion p.accordion-header span{ white-space: nowrap; } .sitewide-elh-accordion p.accordion-header:before{ font-family: 'Tesco Icons'; content: 'C'; font-size: 26px; margin-right: 10px; top: 5px; position: relative; } .sitewide-elh-accordion p.accordion-header:after{ font-family: 'Tesco Icons'; content: '2'; top: 10px; right: 8px; position: absolute; } .sitewide-elh-accordion .accordion-container.active>.accordion-header:after { content: '1'; } .sitewide-elh-accordion a, .sitewide-elh-accordion a:link, .sitewide-elh-accordion a:active{ color: #00539f; } .sitewide-elh-accordion__title { text-transform: uppercase;; } .sitewide-elh-accordion--blue { background: #00539f; } .sitewide-elh-accordion--blue p.accordion-header, .sitewide-elh-accordion--blue p { color: white; } .sitewide-elh-accordion--noicon p.accordion-header:before { display: none; } .sitewide-elh-accordion--noicon .accordion-container { margin: 4px auto; } .sitewide-elh-accordion--noicon p.accordion-header:after { top: 5px; } .sitewide-elh-accordion--blue a, .sitewide-elh-accordion--blue a:link, .sitewide-elh-accordion--blue a:active, .sitewide-elh-accordion--blue a:hover { color: white; } .sitewide-elh-accordion--blue a:after { font-family: "Tesco Icons"; content: "r"; font-size: 11px; padding-left: 3px; display: inline-block; } .page-wide-elh li a.link--red:link, .page-wide-elh li a.link--red:visited { color: #F13B3B; } .page-wide-elh li a.link--red:hover { color: #008DC8; } /* Ecoupon lightbox - - - - - - - - */ #lightbox .close.tertiary-button, #lightbox .close.tertiary-button:link, #lightbox .close.tertiary-button:visited { border-color: #a69f88; background: #a69f88; color: #fff; margin-bottom: 6px; font-family: "Helvetica Neue",Arial,sans-serif; display: block; width: 100%; height: auto; border-radius: 0; position: static; } #lightbox .close.tertiary-button:after { display: none; } /* Start - GFO-9937 */ .my-account-content .manage-clubcard-points-value { display: none; } /* End - GFO-9937 */ /*------------------------------------- Mobile Phones CLP - All -------------------------------------*/ .title-and-copy-tile { background: #fff; position: relative; } .title-and-copy-tile__link { display: block; padding:13px 33px 13px 10px; font-family: "Tesco", Helvetica Neue,Arial,sans-serif; } .title-and-copy-tile__link:after { content: 'r'; font-family: "Tesco Icons"; right: 8px !important; position: absolute; font-size: 14px; bottom: 0 !important; top: 0; margin: auto; height: 14px; color: #645945; } .title-and-copy-tile__link:hover, .title-and-copy-tile__link:hover .tile-copy__title, .title-and-copy-tile__link:hover .tile-copy__text { text-decoration: none !important; opacity:0.8; } .title-and-copy-tile__title { margin: 0; font-size: 1.8em; line-height: 1.25; color: #333; } .title-and-copy-tile__text { margin: 6px 0 0; font-size: 1.6em; line-height: 1.25; } .margin-headline { margin: 0 8px; } .pub-cta--center { margin: 24px auto; font-family: "Tesco", Helvetica Neue,Arial,sans-serif; } .plans-table { display: table; width: 100%; border-spacing: 8px; } .plans-cell { display: table-cell; width: 33%; } .plans-highlights { overflow: hidden; margin: 8px; background: white; } .plans-highlights__image { text-align: center; max-width: 100%; height: auto; padding-right: 3px; padding-top: 20px; } .plans-highlights__wrapper { padding: 0 16px; } .plans-highlights__title { color: #333; font-weight: bold; margin-top: 16px; margin-bottom: 8px; } .pub-cta--tesco--blue.plans-highlights__cta { width: 255px; } .plans-highlights__list { margin-bottom: 10px; font-size: 1.6em; } .plans-highlights__list__item { margin-bottom: 20px; } .explore-mobile { padding: 30px; background: #fff; } .pub-hero__cta--explore-mobile .pub-cta--tesco--blue { overflow: hidden; } .ddl-title-and-copy-tile__copy { margin: 8px; padding:0px !important; background:#fff; } .ddl-title-and-copy-tile__copy .title-and-copy-tile__link:after{ right: 16px !important; } /*---------------------------- Stationery Multilink Mtop -------------------------------*/ .stationery_multilink .multi-link-wide-mtop .tile-overlay{ margin:0 8px; width:350px; } .stationery_multilink .multi-link-wide-mtop .tile-overlay ul li a{ background: #008dc8; color: #fff; } .stationery_multilink .multi-link-wide-mtop .tile-overlay h2{ color:#333; } .multi-link-wide-mtop .tile-overlay ul li a:after { content: "r"; font-family: "Tesco Icons"; height: 19px; margin: auto; position: absolute; top: 0; bottom: 0; right: 12px; font-size: 11px; } /* pE83-8KZ4 buybox delivery message fix */ .pE83-8KZ4 .buy-from .dispatch-info { display: none; } /*----------------------------------------- Home Elec Small Appliances Multi Link -----------------------------------------*/ .home-elec-small-appliances .multi-link-wide-mtop .tile-overlay h2 { color: #333; font-size:2.8em; margin-bottom: 0 !important; } .home-elec-small-appliances .multi-link-wide-mtop .tile-overlay p { color: #666; font-size:2.2em; font-family:"Tesco"; margin: 0 0 20px; } .home-elec-small-appliances .multi-link-wide-mtop .tile-overlay{ padding:80px 24px 0; } .home-elec-small-appliances .multi-link-wide-mtop .tile-overlay ul li a{ background: #008dc8; color: #fff; width: 100%; } /*------------------------ August Bank Holiday --------------------------*/ a.bankholidaydeals_intro { background: #ffe001; padding:30px; display: block; overflow: hidden; color:#0051a2; margin: 16px 8px; } a.bankholidaydeals_intro:hover{ text-decoration:none; } a.bankholidaydeals_intro h2 { color: #0051a2; font-weight:bold; font-family: "Tesco"; } a.bankholidaydeals_intro span { font-size: 1.6em; color: #0051a2; padding-right: 20px; position: relative; font-family: "Tesco"; line-height: 1.2em; } /*a.bankholidaydeals_intro span:after { font-family: "Tesco Icons"; content: "r"; font-size: 11px; position: absolute; right: 0; line-height: 1.8em; } */ .homepage .dhp-main-banner-toys { margin-bottom: 20px; } .homepage .dhp-main-banner-toys a:hover{ text-decoration:none; } /* GFO-10620 starts */ #integrated-registration .native-select-trigger { left: 0 !important; } /* GFO-10620 ends */ /*----------------------------------- Category Department Page LHN - All -----------------------------------*/ .fnf-department-page--lhn .fnfstamps__cta { font-size: 1.4em; } .fnf-department-page--lhn .coded-left-nav .product-grid.shop-by h2 { font-size: 1.6em; font-weight: bold; color: #333; line-height: 1.25; } .fnf-department-page--lhn .coded-left-nav .product-grid .products-header { border: none; padding: 16px; border-bottom: 1px solid #ccc; } .fnf-department-page--lhn .coded-left-nav .products > li .product a, .fnf-department-page--lhn .coded-left-nav .product-grid.shop-by .products > li .product a { color: #00539f; line-height: 1.25; padding: 16px; font-size: 1em; } .fnf-department-page--lhn .coded-left-nav .products > li .product a:hover, .fnf-department-page--lhn .coded-left-nav .product-grid.shop-by .products > li .product a:hover { color: #008dc8; } .fnf-department-page--lhn .coded-left-nav .products-wrapper .products .product { font-size: 1.6em; } .fnf-department-page--lhn .coded-left-nav .product-grid.shop-by .products > li { border: none; height: auto; } .fnf-department-page--lhn .coded-left-nav .product-grid.shop-by .products>li .product { border-bottom: 1px solid #ccc; } .fnf-department-page--lhn .coded-left-nav .products-wrapper { margin-bottom: 16px; } .fnf-department-page--lhn .coded-left-nav .products-wrapper ul li a { height: auto; } .fnf-department-page--lhn .coded-left-nav .products-wrapper ul li a:after { font-size: 0.7em; top: 50%; margin-top: -5px; right: 16px; } /*----------------------------------- Garmin Page - All -----------------------------------*/ .garmin { padding: 16px 8px; } .garmin__yellow-banner { background: #ffde00; clear: both; margin: 16px 0; position: relative; overflow: hidden; } .garmin__yellow-banner__background { background: url('/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/08/yellow-banner.jpg') no-repeat right top; height: 330px; } .garmin__yellow-banner__content { position: absolute; top: 64px; left: 24px; right: 540px; } .garmin__yellow-banner__content__header { color: black; font-size: 3.2em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; } .garmin__yellow-banner__content__list { color: black; font-size: 2.4em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; list-style: decimal; margin: 16px 0 0 24px; } .garmin__yellow-banner__content__list__item { font-weight: bold; margin-bottom: 8px; } .garmin__yellow-banner__content__list__item__copy { font-weight: normal; } a.garmin__yellow-banner__content__list__item__copy__link { color: black; text-decoration: underline; } .garmin__yellow-banner__terms { font-size: 1.4em; color: black; padding: 0 24px 8px 24px; } .garmin__terms { font-size: 1.4em; color: black; margin: 24px 8px; } .garmin__intro-banner { position: relative; background: white; } .garmin__intro-banner__content { display: flex; position: absolute; bottom: 0; top: 0; justify-content: center; flex-direction: column; padding: 24px; } .garmin__intro-banner__content__header { color: #007dc3; font-size: 3.2em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; } .garmin__intro-banner__content__copy { color: #007dc3; font-size: 2.4em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; margin: 0; max-width: 440px; } .garmin__intro-banner__background { background: url('/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/08/hero-banner.jpg') no-repeat right top; height: 330px; } .garmin__links { overflow: hidden; margin: 16px -8px; } .image-and-copy-tile--garmin { margin: 0; } .garmin__sat-navs { margin: 24px -8px; } .garmin__sat-navs__title { padding: 0 16px; } .garmin__sat-navs__types { display: table; } .garmin__sat-navs__types__highlights { display: table-cell; width: 33.33%; background: white; position: relative; border-left: 8px #F3F1ED solid; border-right: 8px #F3F1ED solid; } .garmin__sat-navs__types__highlights__image { } .garmin__sat-navs__types__highlights__image img { width: 100%; height: auto; display: block; } .garmin__sat-navs__types__highlights__text { padding: 16px; margin-bottom: 32px; } .garmin__sat-navs__types__highlights__text__title { color: #333; font-size: 2em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; } .garmin__sat-navs__types__highlights__text__list { color: #333; font-size: 1.6em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; list-style: disc; margin: 16px 0 0 20px; } .garmin__sat-navs__types__highlights__text__list__item { margin-bottom: 4px; } .garmin__sat-navs__types__highlights__cta { position: absolute; bottom: 0; left: 0; padding: 16px; } .garmin__sat-navs__types__highlights__cta__link { color: #00539f; font-size: 1.6em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; } .garmin__sat-navs__types__highlights__cta__link:after { font-family: "Tesco Icons"; content: "r"; font-size: 0.7em; left: 6px; position: relative; } .no-touch a.garmin__sat-navs__types__highlights__cta__link:hover, a.garmin__sat-navs__types__highlights__cta__link:hover, a.garmin__sat-navs__types__highlights__cta__link:link:hover { color: #00a1e0; text-decoration: none; } .garmin__sat-navs__types__highlights__text__title__label { font-weight: 400; } .garmin__cta { margin: 24px 0; text-align: center; } a.garmin__cta__link { width: auto; display: inline-block; margin-bottom: 0; } a.garmin__cta__link:after { font-family: "Tesco Icons"; content: "r"; font-size: 0.7em; left: 6px; position: relative; } /* Start - Google Ads margins for PDP */ #wrapper.product .product-description #main-content .sponsored-link-block { margin: 30px 0 30px 0; } /* End - Google Ads margins for PDP */ /* Start - Hide Compare on Clothing PLP */ .no-compare #listing .add-to-compare { display: none; } .no-compare #listing .button-container{ display:none; } /* End - Hide Compare on Clothing PLP */ /*----------------------------------- School Uniform Page - Uniform size chart and quality guide - All -----------------------------------*/ .uniform-size-chart__static-mtop-banner { background: url('/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2017/02/school-clp-bts-quality-banner-bg.jpg') no-repeat; margin-top: 20px; padding: 22px 35px; } .uniform-size-chart__static-mtop-banner h2, .uniform-size-chart__static-mtop-banner p, .uniform-size-chart__static-mtop-banner a { color: #1f93c2; } .uniform-size-chart__static-mtop-banner h2 { font-size: 3.2em; margin: 0; padding-bottom: 7px; } .uniform-size-chart__static-mtop-banner p { font-size: 2.4em; margin: 0; padding-bottom: 13px; } .uniform-size-chart__static-mtop-banner .uniform-size-chart__static-mtop-banner__link { font-size: 1.4em; padding-right: 50px; } .uniform-size-chart__static-mtop-banner a:hover { text-decoration: none; } .uniform-size-chart__static-mtop-banner .uniform-size-chart__static-mtop-banner__link:after { display: inline-block; font-family: 'Tesco Icons'; font-size: 0.75em; margin-left: 2px; text-decoration: none !important; text-transform: none; position: relative; top: 1px; content: "r"; } /*------------------------------ Toys Multi Link Banner ----------------------------*/ .toys .multi-link-offers.multi-link-offers--homefurniture .tile-overlay, .toys-sale2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay { width: 40%; padding: 35px 0 0 40px; } .toys .multi-link-offers.multi-link-offers--homefurniture .tile-overlay h2, .toys-sale2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay h2{ color:#333; font-size: 24px; } .toys .multi-link-offers.multi-link-offers--homefurniture .tile-overlay ul li a, .toys-sale2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay ul li a{ background:#333; color:#fff; width: auto; padding: 10px; } .toys-sale2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay ul li a{ width:80%; } .toys-sale2016 .multi-link-offers.multi-link-offers--homefurniture .cms-image, .toys .multi-link-offers.multi-link-offers--homefurniture .cms-image{ overflow:hidden; } .toys-sale2016 .multi-link-offers.multi-link-offers--homefurniture{ margin-top:16px; } /*--------------------- DDL Accordion ---------------------*/ .ddl-accordion__element{ padding: 0 8px; margin-bottom:20px; } .ddl-accordion__element:nth-child(3) { margin: 0 -8px 0 0; } .ddl-accordion__linklist ul{ height:185px; background: #F7F6F4; border: 1px solid #f3f1ed; } .ddl-accordion__linklist ul li, .ddl-accordion__toggle { border-bottom: 1px solid #f3f1ed; position: relative; display: table; width: 100%; } .ddl-accordion__linklist ul li a, .ddl-accordion__toggle h3{ position:relative; font-family: "Tesco"; font-size: 1.6em; font-weight:normal; color: #00539F; height: 45px; line-height: 20px; padding: 0 35px 0 16px; background: #fff; display: table-cell; vertical-align: middle; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; } .ddl-accordion__linklist ul li a:after{ content: "r"; font-family: "Tesco Icons"; font-size: 14px; color: #00539F; right: 20px; margin-top: 2px; position: absolute; } .ddl-accordion__toggle:after { content: "a"; display: block; font-family: 'Tesco Icons'; height: 20px; width: 20px; visibility: visible; position: absolute; top: 10px; right: 10px; color: #00539f; border: 2px solid; line-height: 22px; font-size: 1.1em; border-radius: 50%; text-align: center; } .ddl-accordion__toggle--active:after { content: "c"; } .ddl-accordion__linklist ul li a:hover{ background: #F7F6F4; color: #008DC8; } .ddl-accordion__copy-content-h3 { font-family: "Tesco"; font-size: 2em; color: #333333; line-height:1.2em; font-weight:bold; margin:0; } .ddl-accordion__copy-content-p { font-family: "Tesco"; font-size: 1.8em; color: #666; line-height: 1.4em; margin: 10px 0 0; } .ddl-accordion__image-content img { padding: 0; margin: 0; } .ddl-accordion__copy-content { padding: 18px; background: #fff; clear: both; border-right: 1px solid #f3f1ed; border-left: 1px solid #f3f1ed; } .ddl-accordion__toggle{ display:none; } .ddl-accordion__image-content .cms-image img { border-right: 1px solid #f3f1ed; border-top: 1px solid #f3f1ed; border-left: 1px solid #f3f1ed; } /*------------------- DDL Stamp ------------------*/ .ddl-mstamp{ padding: 0 8px; margin-bottom:20px; position:relative; text-align:left; } .ddl-mstamp:nth-child(3) { margin: 0 -8px 0 0; } .ddl-mstamp a:hover { text-decoration: none; } .ddl-mstamp__link { font-family: "TESCO Modern", Helvetica, Arial, sans-serif; font-size: 1.5em; color: #00539F; line-height:20px; position: absolute; bottom: 20px; padding-right:20px; font-weight:bold; } .ddl-mstamp__copy-content-h3{ position:relative; font-weight:bold; color: #333333; line-height:1em; display:block; } .ddl-mstamp__link:after{ content: "r"; font-family: "Tesco Icons"; font-size: 12px; color: #00539F; position: relative; right: 0px; top: 2px; margin-left: 10px; } .ddl-mstamp__link:hover:after{ text-decoration:none; color: #008DC8; } .ddl-mstamp:hover .ddl-mstamp__link:after, .ddl-mstamp:hover .ddl-mstamp__link { color: #008dc8; } .ddl-mstamp__copy-content-p { font-family: "TESCO Modern", Helvetica, Arial, sans-serif; font-size: 1.5em !important; color: #666; line-height: 1.4em; margin: 10px 0 40px; } .ddl-mstamp__image-content img { padding: 0; margin: 0; } .ddl-mstamp__image-content img:hover { opacity: 0.8; } .ddl-mstamp__copy-content { padding: 18px; background: #fff; clear: both; border-right: 1px solid #f3f1ed; border-left: 1px solid #f3f1ed; border-bottom: 1px solid #f3f1ed; } .ddl-mstamp__copy-content-p[data-shows='false']{ height:0; overflow:hidden; } .ddl-mstamp-direct .ddl-mstamp__copy-content-h3{ font-family:"TESCO Modern", Helvetica, Arial, sans-serif; color:#333; font-size: 2em; } .ddl-mstamp-ff .ddl-mstamp__copy-content-h3 { font-family: 'DidoteTextW01-Bold'; font-size: 2.4em; color: #3d3d3d; text-transform: uppercase; } /*---------------------- Christmas 2016 ----------------------*/ .christmas-2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay h1 { color: #fff; line-height: 1.2em; margin: 0 !important; } .christmas-2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay h2{ color:#fff; margin: 0; } .christmas-2016 .multi-link-offers.multi-link-offers--homefurniture .tile-overlay ul li a { width:55%; border-radius: 0px; color: #fff; background: none; border-bottom: 1px solid #fff; margin: 0; padding: 12px 0; } .christmas-2016 .multi-link-offers .tile-overlay ul li:last-child a:last-child { border: 0px; } .christmas-2016 .image-and-copy-tile .tile-copy h2 { background: #9e0500; color:#fff; } .christmas-2016 h2 { display: block; clear: both; } .christmas-2016 .price-links.view-all { width: auto; display: table; margin: 15px auto; clear: both; overflow: hidden; position: relative; padding: 0; } .christmas-2016 .price-links.view-all p { display: table-cell; vertical-align: middle; height: 40px; font-size: 16px; padding: 5px 10px; overflow: hidden; position: relative; line-height: 19px; padding-right: 33px; font-weight: normal; color: #9e0500; border: 1px solid #9e0500; border-radius: 4px; } .christmas-2016 .price-links:after{ color: #9e0500; content: 'r'; font-family: "Tesco Icons"; right: 12px; position: absolute; font-size: 14px; bottom: 0; height: 40px; line-height: 40px; top: 0; margin:0px; } .christmas-2016 h1.page-title { display: none; } .christmas-cardswrap-2016 .ddl-accordion__copy-content-h3{ font-size: 2em; } .christmas-cardswrap-2016 .ddl-stamp__copy-content-h3{ font-size: 1.7em; } .christmas-cardswrap-2016 a.ddl-stamp__link{ padding-right: 18px; font-size: 1.5em; } .christmas-cardswrap-2016 h2 { margin: 0px 8px 20px; } .christmas-cardswrap-2016 .grid-4{ overflow:hidden; } /*-------------------------- Halloween 2016 ---------------------------*/ .halloween2016 .bank-holiday-deals-em-2016__static-mtop-banner__title { color: #fce050; font-size: 3em; font-family: "Tesco"; } .halloween2016 .bank-holiday-deals-em-2016__static-mtop-banner__copy { font-size: 2em; color: #fffece; font-family: "Tesco"; } .halloween2016 .bank-holiday-deals-em-2016__link-wrapper { background: #021732; border-bottom: 5px solid #fff; } .halloween2016 .bank-holiday-deals-em-2016__static-mtop-banner__link { color: #fce050; font-family: "Tesco"; } .halloween2016 .bank-holiday-deals-em-2016__static-mtop-banner__cta.page { right: 0; bottom: 0; } .dhp__secondary-mtop .mtop_new_design_2 .mtop_content-wrapper div p, .dhp__secondary-mtop .mtop_new_design_2 .mtop_content-wrapper div h1 { font-family: 'Tesco'; font-size: 3em; font-weight: normal; text-align: left; margin: 0 0 5px 0; padding: 0; color: #fce050; } .dhp__secondary-mtop .mtop_new_design_2 .mtop_content-wrapper h2 { font-size:2em; color: #fffece; text-align: left; } .dhp__secondary-mtop .mtop_new_design_2 .mtop_content-wrapper h2 span, .dhp__secondary-mtop .mtop_new_design_2 .mtop_content-wrapper p span { display: block; overflow: hidden; } .halloween2016 .brand-page-button__mtop_new_design_2 span { background: #fce050; text-align: left; font-weight: bold; padding: 0 20px; height: 45px; line-height: 45px; width: 220px; } .halloween2016 .brand-page-button__mtop_new_design_2 span:after { font-family: "Tesco Icons"; content: "r"; font-size: 12px; left: 15px; position: relative; } .halloween2016 .mtop_new_design_2{ background-size:cover; margin-bottom: 60px; } .mtop__copy-right { margin-top: 50px; } .mtop__copy-right .mtop_new_design_2 .mtop_content-wrapper { float: right; } .halloween2016 .brand-page-button__mtop_new_design_2 span:hover { background: #021732; color: #fffece; } .copy__center-align { text-align: center; padding: 30px 8px; } .copy__center-align h2 { color: #333; font-family: "Tesco"; font-size: 3.6em; margin: 0 0 10px; } .copy__center-align p { font-size: 1.6em; margin: 0px; font-family:"Tesco"; } .halloween2016 .tp-directory__accordion__section__title { background: #002454; color: #fce050; font-weight:normal; padding: 20px 34px 20px 16px; font-size: 2.4em; } .halloween2016 .tp-directory__accordion__section__title.tp-directory--current:hover{ color: #fce050; } .halloween2016 .tp-directory__accordion__section__title:after{ right: 16px; line-height: 1.5em; height: 2em; color: #fce050; font-size:20px; } .halloween2016 .tp-directory__accordion__section__content__title, .halloween2016 .tp-directory__accordion__section__content__copy, .halloween2016 .tp-directory__accordion__section__content ol li { color: #002454; } .halloween2016 .tp-directory__accordion__section__content ol li { font-size: 1.5em; margin: 5px 0 5px 18px; list-style-type: decimal; padding-left: 10px; } .halloween2016 .tp-directory__accordion__section__content ol{ padding-bottom:20px; } .halloween2016 .tp-directory__faqs { margin: 10px 0 20px; padding: 0 8px; } .halloween2016 .tp-directory__accordion__section { background: #f4f5f5; } .halloween2016 .tp-directory__accordion__section__content{ padding:0 15px; } /*-------------------------- PDP V2 Sitewide Promo Width - GFO11312 ---------------------------*/ .siteWidePromoBlock-item { padding: 10px; } /*---------------------------- Multilinks mtop font color -------------------------------*/ .multi-link-offers.multi-link-offers--homefurniture.multi-link-offers--color .tile-overlay h2{ color:#fff; } .multi-link-offers.multi-link-offers--color .tile-overlay ul li a{ color:#666; } /*------------------------ Pub Msquare --------------------------*/ .pub-msquare { position: relative; margin-bottom: 20px; display: block; } a.pub-msquare:hover { text-decoration: none; } .pub-msquare:hover > .pub-msquare__copy .pub-msquare__copy-h2, .pub-msquare:hover > .pub-msquare__copy .pub-msquare__copy-p { color: #fff; } .pub-msquare .cms-image img{ margin: 0; } .pub-msquare__copy { margin: 0 8px; display: block; clear: both; border-right:1px solid; border-left:1px solid; border-bottom:1px solid; } .pub-msquare__copy-h2 { color: #fff; margin: 0 !important; font-size: 2.4em; padding: 10px 15px; } .pub-msquare__copy-p { font-size: 1.7em; color: #fff; margin: 0; padding: 0 15px 15px; position: relative; padding-right: 50px; line-height: 1.2em; } .pub-msquare__copy-p:after { position: absolute; font-family: "Tesco Icons"; content: "r"; font-size: 13px; right: 10px; line-height:normal; } .pub-msquare img:hover { opacity: 0.8; } /*---------------------- Sitwide Promo - ID 11312 ----------------------*/ .no-touch .siteWidePromoBlock-item a:hover, .siteWidePromoBlock-item a:hover *, .siteWidePromoBlock-item a:hover, .siteWidePromoBlock-item a:link:hover{ text-decoration: none; color: #008DC8; } .siteWidePromoBlock-item img:hover{ opacity: 0.8; } /*----------------------- Lego Brand store ----------------------------*/ .lego h2.generic-header, .lego h1.generic-header { margin: 20px 8px 10px; font-size:2.4em; } .lego .image-and-copy-tile .tile-copy h2{ background: #00539f; color: #fff; } .tesco-blue-font .image-and-copy-tile .tile-copy h2 { color: #00539f; background: #fff; } .lego .product-grid.shop-by .products-header { border: 0; } .bg-blue-link-list .category .category-visual-navigation-text-link .product-grid.shop-by .products>li .product a, .bg-blue-link-list .product-grid a{ color:#fff; } .bg-blue-link-list .products>li .product { background: #00539f; } .lego .event-page-item-block .copy-holder { background-color: #f6f6f6; border: 0px solid #f1f1f1; } .lego .event-page-item-block img{ border:0px; } .lego .video-container{ padding: 25px 0 67% 0; } /*------------------------------ Magic of Toys ------------------------------*/ .multi-link-offers.multi-link-offers--homefurniture.toys-multilink { margin-bottom: 20px; padding: 0 8px; } .multi-link-offers.multi-link-offers--homefurniture.toys-multilink .tile-overlay{ padding:40px 50px; } .multi-link-offers.multi-link-offers--homefurniture.toys-multilink .tile-overlay h2{ font-size:2em; margin-top:15px; } .multi-link-offers.multi-link-offers--homefurniture.toys-multilink .tile-overlay h2, .multi-link-offers.multi-link-offers--homefurniture.toys-multilink .tile-overlay h1 { color:#fff; } .multi-link-offers.multi-link-offers--homefurniture.toys-multilink .tile-overlay ul li a { color:#f6371a; background:#fff; width:50%; } .multi-link-offers.multi-link-offers--homefurniture.toys-multilink .tile-overlay ul li:nth-last-child(-n+2){ display:none; } .multi-link-offers.multi-link-offers--homefurniture.toys-multilink img { width:100%; } /*-------------------------------------- Pub Color Link List Tile ---------------------------------------*/ .ddl-color-linklist{ width: 100%; display: table; overflow: hidden; position: relative; padding: 0 8px; margin-bottom:20px; } .ddl-color-linklist p{ display: table-cell; vertical-align: middle; height: 40px; font-size: 1.6em; padding: 0 10px; font-weight: bold; border:solid #dcdcdc; border-radius: 20px; text-align: center; font-family: "Tesco"; } .ddl-color-linklist p:after { content: "r"; font-family: "Tesco Icons"; font-size: 12px; padding-left: 10px; } a.ddl-color-linklist:hover{ text-decoration:none; opacity:0.8; } /*-------------------------- H2 Generic Header ---------------------------*/ h1.generic-header{ margin:12px 8px !important; } h2.generic-header { margin: 20px 8px; clear: both; overflow: hidden; float: left; width: 100%; } .pub-video-block{ margin:20px 0px; display:block; overflow:hidden; float:left; } .video-stamp-container .video-container{ padding: 25px 0 71% 0; } .module-eight h2.generic-header { margin: 20px 20px 10px; } /*------------------------------- Pub Multi Link Mtop ---------------------------------*/ .pub-multi-link__list1-content ul li a{ background: #008dc8; color: #fff; padding: 0 10px; font-size: 16px; font-family: "Tesco"; width: 100%; position: relative; height:40px; font-weight:bold; display: table-cell; vertical-align: middle; } .pub-multi-link__list1-content ul li a:after{ content: "r"; font-family: "Tesco Icons"; margin: auto; position: absolute; top: 0; bottom: 0; right: 12px; font-size: 12px; height:40px; line-height:40px; } .pub-multi-link__list1-content ul li a:hover{ text-decoration: none; opacity:0.8; color:#fff; } .pub-multi-link__intro-content p { font-size: 22px; font-family: "Tesco"; margin: 10px 0; line-height: 1em; } .pub-multi-link__intro-content h2 { font-size: 32px; font-family: "Tesco"; margin: 10px 0; line-height: 32px; width:auto; max-height:none; } .pub-multi-link__tC { position: absolute; bottom: 0px; left: 30px; line-height: 0.5em; } .pub-multi-link__imagetile .cms-image img{ margin:0px; padding:0; } .pub-multi-link__list1-content ul li { display: table; width: 100%; margin-bottom: 8px; } .pub-multi-link__list1-content { overflow: hidden; display: inline-block; width: 390px; } .pub-multi-link__grid { position: relative; margin-bottom:15px; clear:both; overflow:hidden; } /*------------------------------------ DHP Stamp Christmas theme -----------------------------------*/ .homepage .image-and-copy-tile .tile-copy h2 { color: #fff; background: #9e0500; } /*------------------------------- Standalone Single Link --------------------------------*/ a.pub__single--link { width: auto; display: table; margin: 15px auto; clear: both; overflow: hidden; } a.pub__single--link p{ width: auto; display: table-cell; vertical-align: middle; height: 40px; font-size: 16px; overflow: hidden; position: relative; line-height: 20px; padding: 0 80px 0 30px; font-weight: normal; border-radius: 4px; font-family:"Tesco"; } a.pub__single--link p:after { content: 'r'; font-family: "Tesco Icons"; right: 15px; position: absolute; font-size: 14px; bottom: 0; height: 40px; line-height: 42px; top: 0; margin: 0px; } a.pub__single--link:hover{ text-decoration:none; } a.pub__single--link p:hover{ opacity:0.6; text-decoration:none; } a.pub__single--link.pub__register p{ background: #000; color:#ffe001; } a.pub__single--link.pub__register p:after{ color:#ffe001; } /*----------------------------- Black Friday Mtop -------------------------------*/ .mtop-dhp-2links .brand-page-button__mtop_new_design_2 span { font-size: 16px; position: relative; padding: 0 50px 0 20px; } .mtop-dhp-2links .brand-page-button__mtop_new_design_2 span:after { font-family: "Tesco Icons"; content: "r"; font-size: 14px; right: 20px; position: absolute; } .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper div p, .mtop_copy--centered .mtop_new_design_2 .mtop_content-wrapper div p { color: #fff; font-size: 16px; line-height: 1.3em; font-family: "Tesco"; } .mtop_copy--centered .mtop_new_design_2 .mtop_content-wrapper div p span{ display:block; } .mtop_copy--centered .brand-page-button__mtop_new_design_2 span{ margin: 0 50px; text-align: center; position:relative; } .mtop_copy--centered .brand-page-button__mtop_new_design_2 span:after{ content: "r"; font-family: "tesco icons"; position: absolute; top: auto; right: 20px; } .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper div { height: auto; } .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper h1 span{ display:block; } .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper h1, .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper h2{ text-align:left; } .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper h3 { font-size: 2.6em; font-weight: normal; font-family: "Tesco"; } .mtop-dhp-2links .brand-page-button--small a, .mtop-dhp-2links .brand-page-button--small a:active, .mtop-dhp-2links .brand-page-button--small a:hover{ margin: 20px auto; height: auto; } .mtop-dhp-2links .brand-page-button__mtop_new_design_2 span:hover { background-color: #ffef80 !important; color:#000 !important; } .bg-yellow .copy-holder{ background:#ffe001; } .bg-yellow .event-page-item-block .copy-holder .cta { color: #00539f; } .homepage .xmas-snow-bg { /* Introduced to the Direct Homepage */ background: url("/directuiassets/SiteAssets/NonSeasonal/en_GB/images/2016/11/directHP_xmas_treatment_bg.jpg") 0 0 no-repeat; } /*--------------------------------------- BF Page Skinny Banner Hide ------------------------------------------*/ .black-friday2016 .mtop-dhp-2links .mtop_new_design_2 .mtop_content-wrapper h3 span{ display:block; } .black-friday2016 .skinny-pub-banner, .homepage .sitewide-default { display: none; } .black-friday2016 a.skinny-banner-new:hover{ background: #4dc8b2 } .black-friday2016 h2.generic-header{ color:#333; } .black-friday2016 .halloween2016{ margin-top:20px; } .sitewide-default .skinny-pub-banner { margin: 0; } .p638-9924 .stockService, .p636-7087 .stockService, .p307-7971 .stockService, .p558-7664 .stockService, .p100-8738 .stockService { display: none; } /*----------------------------- Mothers Day Mtop DHP -------------------------------*/ .homepage .dhp-copy-center-align .mtop_new_design_2 .mtop_content-wrapper { margin: 0 auto; padding-bottom: 40px; } .homepage .dhp-copy-center-align .mtop_new_design_2 .mtop_content-wrapper h2 { font-size: 1.9em; } .homepage .mtop-dhp-2links.dhp-copy-center-align .mtop_new_design_2 .mtop_content-wrapper h2 { text-align: center; margin-bottom: 0; } .homepage .mtop-dhp-2links.dhp-copy-center-align .brand-page-button__mtop_new_design_2 span{ margin:0 auto; } .homepage .dhp-copy-center-align .mtop_new_design_2 .mtop_content-wrapper{ align-items: flex-end; } .homepage .mtop-dhp-2links.dhp-copy-center-align .mtop_new_design_2 .mtop_content-wrapper div p { text-align: center; margin: 0 auto 20px; font-size: 19px; } .homepage .mtop-dhp-2links .brand-page-button__mtop_new_design_2 span:hover { background-color: #00539f !important; color: #fff !important; } .stamp-bg-blue .event-page-item-block .copy-holder h3, .stamp-bg-blue .event-page-item-block .copy-holder p { color: #fff; } .stamp-bg-blue .event-page-item-block .copy-holder .cta { color: #fff; } .stamp-bg-blue .event-page-item-block .copy-holder { background-color: #00539f; } .stamp-bg-blue .event-page-item-block:hover > .copy-holder p { color: #fff; } .stamp-bg-blue .event-page-item-block .image-holder .eventPageTileImage img { border-bottom: 1px solid #0051a2; } /* START GFO-10981 Store stock check overlay alignment fix */ .store-stock-check-overlay .stock-check-overlay-intro { float: left; width: 60%; } .store-stock-check-overlay .in-stock-filter-checkbox-wrapper { margin-bottom: 0; } .store-stock-check-overlay .stores-list-wrapper { clear: both; } /* END GFO-10981 Store stock check overlay alignment fix */ /*-------------------------------------- Valentine 2016 and Fifty Fifty Mtop ---------------------------------------*/ .ddl-banner-fifty { margin: 8px; overflow: hidden; display: block; } a.ddl-banner-fifty:hover { text-decoration: none; } .ddl-banner-fifty_content-cta-link { display: table-cell; vertical-align: middle; font-size: 1.5em; text-align: center; font-family: "Tesco"; position: relative; line-height: 1em; } .ddl-banner-fifty_content { display: flex; justify-content: center; align-items: flex-start; position: absolute; top: 0; flex-direction: column; bottom: 0; width: 100%; padding:30px; } .ddl-banner-fifty_content-cta-link:after{ content: "r"; font-family: "Tesco Icons"; font-size: 12px; padding-left: 10px; position: relative; top: 2px; } .ddl-banner-fifty_content-copy { font-size: 15px; font-family: "Tesco"; margin: 0 0 20px; line-height: 1.2em; max-width:100%; } .ddl-banner-fifty_content-link-list { margin-bottom: 20px; } .ddl-banner-fifty_content-list { font-size: 15px; font-family: "Tesco"; list-style-type: disc; color: #666; } .ddl-banner-fifty_content-headline { line-height: 1em; margin: 0 0 15px; } .ddl-banner-fifty_content-cta-link:hover { opacity: 0.8; } .ddl-banner-fifty .imimage__image { width:100%; } .valentine-flowers .ddl-banner-fifty_content-copy { font-size: 17px; } /*-------------------------- Data storage Mtop ----------------------------*/ .ddl-hero-fifty.data-storage-hero { background: #dddddd; margin-top: 0; } .data-storage-hero .ddl-hero-fifty__wrapper__content__title { color: #333; } .data-storage-hero .ddl-hero-fifty__wrapper__content__copy { color:#666; } /*-------------------------- Games Puzzle Mtop ----------------------------*/ .ddl-hero-fifty.toys-games-coded-mtop h2, .ddl-hero-fifty.toys-games-coded-mtop p { color: #333; } .ddl-hero-fifty.toys-games-coded-mtop .page { width: 100%; } .ddl-hero-fifty.toys-games-coded-mtop { background: #fff; margin-top: 0; } /*-------------------------- valentines delivery slot ----------------------------*/ .skinny-pub-banner--banner-pink{ background:#fcecef; color:#333; margin:0 8px; } .ddl-hero-fifty.fathers-day-mtop.ddl-hero-fifty-valentines{ background: #bb0044; } /*----------------------- Mothers Day 2017 -----------------------*/ .ddl-banner-fifty_content-fullwidth-image{ width:40%; } .mothersday2017 .ddl-banner-fifty_content-headline, .mothersday2017 .ddl-banner-fifty_content-copy { color: #419586; } .panel--pull-right { right: 0; } .ddl-banner-fifty_copy-wrapper{ width:55%; } .mothersday2017 .event-page-item-block .copy-holder .cta { color: #419585; } .mothersday2017 .event-page-item-block .copy-holder h3 { color: #666; } .mothersday-2017 .mvt-default{ display:block; } .mothersday-2017 .mvt-test{ display:none; } .ddl-hero-fifty.fathers-day-mtop.mothers-day-mtop { background: #e1e2e4; } .mothers-day-mtop .ddl-hero-fifty__wrapper__content__title { color: #419586; } .mothers-day-mtop .ddl-hero-fifty__wrapper__content__copy { color: #419586; } /*--------------------------------------------------- Hide Stock Check on PLP - GFO12590 ---------------------------------------------------*/ .product-tile .store-stock-check-plp{ display: none; } /*----------------------------------- DDL Copy Centered Banner ------------------------------------*/ .ddl-copycentered-banner { margin-bottom: 30px; } .ddl-copycentered-banner a:hover { text-decoration: none; } .ddl-copycentered-banner__content{ display: flex; justify-content: center; flex-direction: column; align-items: center; height: 380px; width: 592px; margin: 0 auto; text-align: center; } .ddl-copycentered-banner__title{ font-size: 36px; font-family: "Tesco"; margin:0 0 12px; line-height: 1em; } .ddl-copycentered-banner__subtitle{ font-size:24px; font-family: "Tesco"; line-height: 1em; margin: 0 0 12px; font-weight: normal; } .ddl-copycentered-banner__copy{ font-size: 16px; font-family: "Tesco"; margin:0 0 24px; line-height: 1.2em; } .ddl-copycentered-banner__ctaitem{ font-size: 16px; height:40px; padding:0 40px 0 20px; color: #fff; background-color: #00539f; display: inline-block; line-height: 40px; position:relative; align-items: center; border-radius: 100px; border-width: 2px; transition: box-shadow .3s; font-family: "Tesco"; } .ddl-copycentered-banner__ctaitem:hover{ box-shadow: 0 0 0 4px rgba(0,83,159,0.4); } .ddl-copycentered-banner__ctaitem:after{ font-family: "Tesco Icons"; content: "r"; font-size: 14px; right: 20px; position: absolute; } .ddl-copycentered-banner__ctaitem[data-shows='false']{ display:none; } /*--------------------- USP Block --------------------*/ .usp-block_wrapper { display: table; margin-bottom:20px; padding:0 8px; width:100%; } .usp-block_image { display: table-cell; width: 10%; vertical-align: middle; text-align: left; } .usp-block_content { display: table-cell; vertical-align: middle; width: 90%; padding: 0 20px; border:0px; } .usp-block_title, .usp-block_copy { font-size: 16px; color: #333; font-family: "Tesco"; margin: 0; line-height: 1.3em; } .usp-block_title { font-size: 20px; } /*-------------------------- Link List Stamp ---------------------------*/ .link_list_stamp__highlights { position: relative; padding: 0 8px; } .link_list_stamp__text-content{ position: relative; margin-bottom: 30px; border:0px; padding: 16px 16px 50px; background:#f3f1ed; } .link_list_stamp__image img { width: 100%; height: auto; display: block; } .link_list_stamp__text-title { color: #333; font-size: 2em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; } .link_list_stamp__text-list, .link_list_stamp__text-copy { color: #333; font-size: 1.6em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; list-style: disc; margin: 16px 0 0 20px; } .link_list_stamp__text-copy{ margin:0 0 20px; } .link_list_stamp__text-list-item { margin-bottom: 4px; } .link_list_stamp__cta { position: absolute; bottom: 0; left: 8px; padding: 16px; } .link_list_stamp__cta-link { color: #00539f; font-size: 1.6em; font-family: "Tesco", "Helvetica Neue",Arial,sans-serif; } .link_list_stamp__cta-link:after { font-family: "Tesco Icons"; content: "r"; font-size: 0.7em; left: 6px; position: relative; } .no-touch a.link_list_stamp__cta-link:hover, a.link_list_stamp__cta-link:hover, a.link_list_stamp__cta-link:link:hover { color: #00a1e0; text-decoration: none; } a.link_list_stamp__cta-link { width: auto; display: inline-block; margin-bottom: 0; } a.link_list_stamp__cta-link:after { font-family: "Tesco Icons"; content: "r"; font-size: 0.7em; left: 6px; position: relative; } /*--------------------------- Multi Link Mtop ----------------------------*/ .multi-link-mtop .multi-link-wide-mtop .tile-overlay p { font-size: 35px; font-family: "Tesco"; line-height: 1em; color:#333; } .multi-link-mtop .multi-link-mtop-large .cms-image { display: block; overflow: hidden; } .multi-link-mtop .multi-link-mtop-large .multi-link-banner__footnote { color:#666; } .multi-link-mtop .multi-link-wide-mtop .tile-overlay h1{ font-size:35px; color:#333; margin:0 0 10px; } .multi-link-mtop .multi-link-mtop-large .tile-overlay ul li a{ background:#008dc8; color:#fff; } .multi-link-green--color .multi-link-wide-mtop .tile-overlay ul li a { background: #37643b; width: 70%; } /*--------------------------------- F&F new social media links ---------------------------------*/ .fnfsocial-media__title { float: left; margin: 0; padding-top: 7px; color: #333; font-weight: bold; font-size: 1.6em; font-family: "Tesco","Helvetica Neue", Arial, sans-serif; } .fnfsocial-media a { margin-left: 15px; float: left; } .fnfsocial-media { clear: both; padding: 16px; margin: 0 auto 36px auto; max-width: 1200px; overflow: hidden; } .fnfsocial-media_content{ float:right; } /*-------------------------- DDL VisNav --------------------------*/ .ddl-visnav { padding: 0 8px; display: block; overflow: hidden; margin-bottom: 20px; } .ddl-visnav__copy-content{ position:relative; display:block; overflow: hidden; } .ddl-visnav__image-content img{ max-width: 100%; height: auto; width: 100%; } .ddl-visnav__copy-content-h2 { font-size: 1.6em; font-family:"TESCO Modern", Helvetica, Arial, sans-serif; color: #0054ac; margin:10px 0; } .ddl-visnav__copy-content-p{ font-size:1.6em; font-family:"TESCO Modern", Helvetica, Arial, sans-serif; color:#333; margin:10px 0; } .ddl-visnav__copy-content-p[data-shows='false']{ display:none; } .ddl-visnav:hover img{ opacity:0.8; } .ddl-visnav a:hover, .ddl-visnav a:link, .ddl-visnav a:active { text-decoration: none; } .ddl-visnav:hover .ddl-visnav__copy-content-h2 { text-decoration: underline; } /*--------------------------------- DDL Text Block 2 CTA ---------------------------------*/ .textblock-two-cta { font-family: "Tesco Modern", Helvetica Neue, Arial, sans-serif; text-align: center; margin: 20px; } .textblock-two-cta__title { font-family: "Tesco Modern", Helvetica Neue, Arial, sans-serif; font-size: 3em; font-weight: bold; margin-bottom: 15px; } .textblock-two-cta__copy{ font-family: "Tesco Modern", Helvetica Neue, Arial, sans-serif; font-size: 2em; line-height: 1.4em; margin: 0 auto; max-width: 800px; } .textblock-two-cta__wrap { margin-top: 20px; } .textblock-two-cta__link { margin-bottom: 10px; } .textblock-two-cta__btn:after { font-family: "Tesco Icons"; content: "r"; font-size: 11px; left: 6px; position: relative; } .textblock-two-cta__btn { /* grabbed from DDL library */ color: #fff!important; background-color: #00539f; border-color: #00539f; border-radius: 100px; border-style: solid; border-width: 2px; display: block; padding: 13px 24px; font: normal normal 16px/18px Tesco Modern,Helvetica,Arial,sans-serif; font-style: normal; letter-spacing: 0; text-align: center; text-decoration: none; transition: box-shadow .3s; white-space: nowrap; } .textblock-two-cta__btn:hover { box-shadow: 0 0 0 4px rgba(0,83,159,0.4); } /*---------------------- DDL MTOP HERO ------------------------*/ .ddl-mtop_content-panel { position: absolute; top: 0; bottom: 0; width: 50%; background-color: #ffffff; display:block; } .ddl-mtop { float: left; display: block; width: 100%; clear: both; overflow: hidden; margin:0px 0px 32px 0; position: relative; padding:0 8px; } .ddl-mtop .row{ border:1px solid #e5e5e5; } .ddl-mtop_content-headline{ position:relative; margin:0; } .ddl-mtop_content-title { font-size: 32px; line-height: 36px; font-weight: 600; font-family: "TESCO Modern", Helvetica, Arial, sans-serif; color: #333333; margin-bottom:10px; display:block; } .ddl-mtop_content-copy{ font-size: 24px; line-height: 32px; font-weight: 200; font-family: "TESCO Modern", Helvetica, Arial, sans-serif; display: block; } .ddl-mtop_content{ display: table; width: 100%; min-height: 330px; } .ddl-mtop_desktop-image{ position: relative; display: table-cell; vertical-align: middle; background-position: right top; background-size: cover; background-repeat: no-repeat; } .ddl-mtop_content-cta-item{ overflow: hidden; border-radius: 20px; transition: box-shadow .3s; float:left; margin: 18px 0 0 0; position:relative; } .ddl-mtop_content-cta-link{ font-size: 1.6em; font-weight: bold; font-family: "TESCO Modern", Helvetica, Arial, sans-serif; color: #fff; height: 40px; padding: 0px 18px; background-color: #00539f; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; -webkit-align-items: center; align-items: center; justify-content:center; text-align: center; } a.ddl-mtop_content-cta-link:hover, a.ddl-mtop_content-cta-link:link{ -webkit-box-shadow:0 0 0 4px rgba(0,83,159,0.4); -moz-box-shadow:0 0 0 4px rgba(0,83,159,0.4); box-shadow: 0 0 0 4px rgba(0,83,159,0.4); color:#ffffff; } .ddl-mtop_content-cta-item[data-shows='false']{ display:none; } .link_label{ transition: border 0.1s; padding: 0; display: inline-block; font-weight: bold; line-height: 16px; border-bottom: 1px solid transparent; } .link_chevron{ display: inline-block; transition: box-shadow 0.3s; padding: 0; margin-left:5px; } .ddl-link-icon{ stroke: #ffffff; fill: none; height: 40px; width:18px; stroke-width:1.2; } .ddl-mtop_ping { position: absolute; top: 12px; right: 12px; width: 110px; height: 110px; z-index: 1; } .ddl-mtop_content-tc{ position: absolute; bottom: 12px; left: 12px; margin: 0; font-size: 14px; line-height: 16px; color:#333; } .ddl-mtop_logo{ position: absolute; top: 12px; left: 12px; margin: 0; } .ddl-mtop_ping img{ width:100%; display: block; } .ddl-mtop_logo[data-shows='false']{ display:none; } .ddl-mtop_ping[data-shows='false']{ display:none; } .ddl-mtop_content-wrapper{ max-width:50%; padding-left: 12px; padding-right: 12px; display: block; float: left; clear: both; } .ddl-mtop_mobile-image{ background-position: right top; background-size: cover; background-repeat: no-repeat; } /*----------------------- DDL TextTile -------------------------*/ .ddl__headline__wrapper { position: relative; clear: both; width: 100%; float: left; text-align: center; padding:0 8px; border:1px solid #666; } .ddl__headline__fullwidth{ width:auto; margin:0 auto; } .ddl__headline__fixedwidth{ width:50%; margin:0 auto; } .ddl__headline__title{ font-size: 2.4em; line-height: 28px; color:#333333; font-weight: bold; font-family: "TESCO Modern", Helvetica, Arial, sans-serif; margin:0; } .ddl__headline__copy{ color: #666666; font-size: 16px; line-height: 24px; font-family: "TESCO Modern", Helvetica, Arial, sans-serif; margin:16px 0 0 0; }