/* --- LATEST Update New UX Modules Last updated: 13-01-16 11:10AM M.CRAMPTON - Food Hub update line: 1227 ---- */ /*! ---- 23-12-2013 ---- */ /*! --- Third party App iframe wrapper --- */ .iframewrapper { background: url("../../images/global/bgs/iframe-bg.jpg") no-repeat scroll 50% 0 transparent; width: 100%;}.iframetemplateThirdParty iframe{width:100%;min-height:710px;border:0}.iframewrapper{background-size: auto auto!important;}.iframewrapper.shapewear{background-size: auto auto!important;}.iframewrapper .wrap.iframetemplate {width: 956px;}.iframewrapper.bras{background:none;} /*! --- uniquectrl css customisations --- */ div.wrap.editorial-links.style-edit-header-title{border:0;margin:auto;text-align:center;width:30%}.uniqueCtrl.img- img {width: 100%;}.uniqueCtrl.menu-description{font-size:1.56em;font-style:italic;line-height:1.825em;margin:1em auto;text-align:center;text-transform:none;width:75%}.main-course-content p{color:#7d7d7a;line-height:5px;text-align:center;text-transform:capitalize}.heroslideshow .slideshow{clear:both;width:100%;height:44em;position:relative;margin-bottom:0;margin-top:12px;}.heroslideshow .overlayed .copy a.textbuttonexample{background:#000;background-color:#000;background-image:none;color:#fff;display:block;filter:none;height:15px;margin-top:1em;text-align:center;width:25%}.heroslideshow .overlayed .copy a.textbuttonexample:hover{background-color:#fff;background-image:none;color:#000;filter:none;text-align:center}.heroslideshow .overlayed .copy a.textbuttonexample1{background:#fff;background-color:#fff;background-image:none;color:#000;display:block;filter:none;height:15px;margin-top:1em;text-align:center;width:25%}.heroslideshow .overlayed .copy a.textbuttonexample1:hover{background-color:#000;background-image:none;color:#fff;filter:none;text-align:center}.heroslideshow .overlayed .copy a.grey{background:#dcdcdc;background-color:#dcdcdc;background-image:none;color:#000;display:block;filter:none;margin-top:1em;text-align:center;width:25%}.heroslideshow .overlayed .copy a.grey:hover{background:linear-gradient(top,#cfcfcf0,#bfbfbf 100%);background-color:#bfbfbf;background-image:none;border:1px solid #b0b0b0;color:#000;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="#dcdcdc", endColorStr="#bfbfbf")}.uniqueCtrl.copy-left{color:#000;font-family:HelveticaNeueW01-45Ligh,Helvetica,Arial,Sans-serif;font-size:1.4em;margin-left:-1em}.uniqueCtrl.copy-right{color:#000;font-family:HelveticaNeueW01-45Ligh,Helvetica,Arial,Sans-serif;font-size:1.4em;margin-left:1em;}.uniqueCtrl.img-menu{height:65px;margin:1em auto;text-align:center;width:149px}.uniqueCtrl.img-dine-in-banner{margin:1em auto;text-align:center;width:700px}.uniqueCtrl.copy-center{color:#000;font-family:HelveticaNeueW01-45Ligh,Helvetica,Arial,Sans-serif;font-size:1.4em;text-align:center}.uniqueCtrl.border-bottom{border-bottom:1px solid #000}.uniqueCtrl .s-row{margin-bottom:1em;text-align:center}.uniqueCtrl .img-row{display:inline-block;margin-bottom:1em;margin-right:1.2em}.uniqueCtrl.tc-space{margin-top:6em} /*! --- Hide brand logo on Hero Carousel --- */ .heroslideshow .slideshow h1 img {display:none;} /*! --- Info Blocks slideUp panel --- */ /*! --- Hero Carousel right side panel user content --- */ .uniqueCtrl.carouselPanel .rightHeroPanel {text-align:left;height: 442px;padding: 1.334%;position: absolute;right: 0;top: 0;width: 33.33333333333333%;z-index: 2;background:white;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-right:1px solid #EEEEEE;}.uniqueCtrl.carouselPanel .rightHeroPanel .primary-btn{margin:2.5em 0 0 .5em;text-transform:none;width:49%;}.uniqueCtrl.carouselPanel .primary-btn{margin:2.5em 0 1em 0;}.uniqueCtrl.carouselPanel .rightHeroPanel .primary-btn:first-child{margin-left:0;}.uniqueCtrl.carouselPanel .M080 .overlayed {/*height:auto;*/position:static;}.uniqueCtrl.carouselPanel .M080 .imageContainer {padding:0;width:100%;height:442px;}.uniqueCtrl.carouselPanel .rightHeroPanel h1,.uniqueCtrl.carouselPanel .rightHeroPanel h2{color:#333333;}.uniqueCtrl.carouselPanel .M080 h2 {color:#333333;display:block;font-size:6em;letter-spacing: 0.05em;line-height: 1.1em;margin-bottom: 0.3em;position: relative;text-indent: 1px;top: 0;width: auto;}.uniqueCtrl.carouselPanel .M080 h3{font-size:3em;}.uniqueCtrl.carouselPanel .M080 h4{font-size:2.3em;}.uniqueCtrl.carouselPanel .M080 .tab-timeline-wrapper {bottom:-150px;}.uniqueCtrl.carouselPanel .copy{width:50%;}.uniqueCtrl.carouselPanel .overlayed .copy a.primary-btn{margin-top:2.5em;color: #333333; font-size: 0.7em;}.uniqueCtrl.carouselPanel .overlayed .copy p {font-size:2em;width:80%;}.uniqueCtrl.carouselPanel {width:1200px; margin:0 auto; position:relative;}.uniqueCtrl.carouselPanel .rightHeroPanel h3 {margin-top:2em;font-size: 2.5em;}.uniqueCtrl.carouselPanel .M080 .shop-nav {padding: 13px 0;background:#000000;height:87px;width:100%;}.uniqueCtrl.carouselPanel .M080 .shop-nav li a {color: #FFFFFF;display: inline-block;font-size: 1.4em;padding:3px 0 2px 0;}.uniqueCtrl.carouselPanel .M080 .shop-nav li a:hover {border-bottom: 1px solid #FFFFFF;}.uniqueCtrl.carouselPanel .M080 .shop-nav li {background: transparent url("../../images/global/sprites/cat-hero-nav-slash.gif") right 0 no-repeat;padding: 4px 24px 4px 20px;background-origin: padding-box;}.uniqueCtrl.carouselPanel .M080 .shop-nav li:last-child {background-image:none;}.uniqueCtrl.carouselPanel .shop-nav ul {margin: 0 auto;padding: 5px 0;}@media screen and (max-width:1239px){.uniqueCtrl.carouselPanel .M080 .shop-nav li a {font-size: 1.6em;}.uniqueCtrl.carouselPanel .M080 .imageContainer {padding:0;width:100%;height:354px;}.uniqueCtrl.carouselPanel .rightHeroPanel {height: 354px;}.uniqueCtrl.carouselPanel{width:960px; margin:0 auto; position:relative;}.uniqueCtrl.carouselPanel .M080 .shop-nav {top:28px;}.uniqueCtrl.carouselPanel .rightHeroPanel .primary-btn{width:48%;margin:1.5em 0 0 .5em;}.uniqueCtrl.carouselPanel .primary-btn{margin:1.5em 0 .5em 0;}.uniqueCtrl.carouselPanel .M080 h2 {font-size:5em;}.uniqueCtrl.carouselPanel .M080 h3{font-size:2em;}.uniqueCtrl.carouselPanel .M080 h4{font-size:1.3em;}.uniqueCtrl.carouselPanel .rightHeroPanel h3 {margin-top:1em;font-size: 2.4em;}} /*! --- Hero with thumbnail navigation --- */ .uniqueCtrl.imgNav {width:100%; position:relative;}.uniqueCtrl.imgNav .M080 {width:1200px;}.uniqueCtrl.imgNav .M080 .overlayed {position:static;}.uniqueCtrl.imgNav h2 {color:#333333;display:block;font-size:6em;letter-spacing: 0.05em;line-height: 1.1em;margin-bottom: 0.3em;position: relative;text-indent: 1px;top: 0;width: auto;}.uniqueCtrl.imgNav .copy {width:50%;}.uniqueCtrl.imgNav .tab-timeline {background-color:transparent;}.uniqueCtrl.imgNav .tab-timeline-wrapper {bottom:-150px;}.uniqueCtrl.imgNav .tab-timeline-wrapper .tab-timeline img {width:auto;}.uniqueCtrl.imgNav .M080 .imageContainer {padding:0;width:100%;height:442px;}.uniqueCtrl.imgNav .M080 .tab-timeline ul.tabs li a {padding-top:0;padding-bottom:0;}.uniqueCtrl.imgNav .M080 .slideshow .tab-timeline-wrapper .tab-timeline ul.tabs li {padding:0 0 0 0;}.uniqueCtrl.imgNav .overlayed .copy p {width:80%;}.uniqueCtrl.imgNav .overlayed .copy a.primary-btn{margin:2.5em 0 1em 0;color: #333333; font-size: 0.7em;padding:.3em 1.5em;}@media screen and (max-width:1239px){.uniqueCtrl.imgNav .M080 {width:960px;}.uniqueCtrl .M080 .tab-timeline-wrapper li a img.imageContainer{width:240px;height:auto;}.uniqueCtrl.imgNav .tab-timeline-wrapper .tab-timeline img {width:100%;}} /*! --- Terms and conditions --- */ .uniqueCtrl.tsAndCs{display: block; margin-top: 5em;font: normal 1.4em/1.2em "HelveticaNeueW01-55Roma",helvetica,sans-serif;margin-left:5%;} /*! --- ts and cs' on offers pace --- */ .uniqueCtrl .tcAndCsTitle-left {display: inline-block;float: left;text-align: left;vertical-align: top;width: 25%;}.uniqueCtrl .tcAndCsTitle {font-weight: bold;display:inline-block;vertical-align: top;}.uniqueCtrl .tcAndcsContent-Right { display: inline-block; margin-bottom: 40px;text-align: left; width: 70%;vertical-align: top;}.uniqueCtrl .tcAndcsContent {float: left; width: 100%; display: inline-block; vertical-align: top;} /*! --- Select country for int shop your way --- */ /*! --- Feedback for site link --- */ .promo-strip p {text-align:left}.promo-strip p a{text-align-left;}.promo-strip p a.survey-link {color:#A9C14B!important;text-decoration:underline;}.promo-strip p.site-stripe-left-align {text-align:left!important;} /*! --- xmas landing page --- */ .uniqueCtrl.xmas-grid {max-width:1200px;margin:0 auto;}.uniqueCtrl.xmas-grid .grey {background: #E7E7E7;height: 27em;padding: 15px;}.uniqueCtrl.xmas-grid .box.g6 {width:27em;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.uniqueCtrl.xmas-grid .box.g12 {width: 56em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.uniqueCtrl.xmas-grid .box.g12, .uniqueCtrl.xmas-grid .box.g6 {height: 30em;margin-right: 2.5em;}@media screen and (max-width:1239px) {.uniqueCtrl.xmas-grid {max-width:960px;min-width:960px;margin:0 auto;}.uniqueCtrl.xmas-grid .box.g6 {width: 27em;}.uniqueCtrl.xmas-grid .box.g12 { width: 56em;}} /*! --- Feedback for site link --- */ @media screen{.promo-strip p {text-align:left}.promo-strip p a{text-align-left;}.promo-strip p a.survey-link {color:#A9C14B!important;text-decoration:underline;}.promo-strip p.site-stripe-left-align {text-align:left!important;}} /*! --- Home page carousel styles --- */ @media screen{.latestModule .edi-panel .white-panel {background:#FFFFFF;margin:21em auto;opacity:.9;padding:30px;width:60em;height:30em;font-size:.9em;}.latestModule .edi-panel.hero-style.two .white-panel h1 {padding-top:0;margin-top:0;}.latestModule .edi-panel.hero-style.two .white-panel p{padding:0;}.latestModule .edi-panel.hero-style.two .white-panel .call-to-action a{font-size:.9em;margin-top:30px;}} /*! --- Generic Text Styles --- */ .mnsText0{color: #000000;} /* M&S Black */.mnsText1{color: #ffffff;} /* M&S White */.mnsText2{color: #EA122A;}/* Red Messaging */.mnsText3{color: #C4201D;}/* Sale, Special offer pricing & messaging */.mnsText4{color: #BDD755;}/* M&S Green */.mnsText5{color: #A9C14B ;}/* M&S Dark Green */.mnsText6{color: #F8F8F8 ;}/* M&S Light Grey 1 */.mnsText7{color: #EEEEEE ;}/* M&S Light Grey 2 */.mnsText8{color: #E7E7E7 ;}/* M&S Light Grey 3 */.mnsText9{color: #E0E0E0;}/* M&S Light Grey 4 */.mnsText10{color: #CCCCCC;}/* M&S Light Grey 5 */.mnsText11{color: #A3A3A3;}/* M&S Medium Grey 1 */.mnsText12{color: #999999 ;}/* M&S Medium Grey 2 */.mnsText13{color: #666666 ;}/* M&S Medium Grey 3 */.mnsText14{color: #333333 ;}/* M&S Dark Grey 1 */.mnsText1:hover{color:#FFFFFF;} /*! --- Generic Text Link Hover Styles --- */ a:hover .mnsText0{text-decoration: underline;} /* M&S Black */a:hover .mnsText1{text-decoration: underline;} /* M&S White */a:hover .mnsText2{text-decoration: underline;} /* Red Error Messaging */a:hover .mnsText3{text-decoration: underline;} /* Sale, Special offer pricing & messaging */a:hover .mnsText4{text-decoration: underline;} /* M&S Green */a:hover .mnsText5{text-decoration: underline;} /* M&S Dark Green */a:hover .mnsText6{text-decoration: underline;} /* M&S Light Grey 1 */a:hover .mnsText7{text-decoration: underline;} /* M&S Light Grey 2 */a:hover .mnsText8{text-decoration: underline;} /* M&S Light Grey 3 */a:hover .mnsText9{text-decoration: underline;} /* M&S Light Grey 4 */a:hover .mnsText10{text-decoration: underline;} /* M&S Light Grey 5 */a:hover .mnsText11{text-decoration: underline;} /* M&S Medium Grey 1 */a:hover .mnsText12{text-decoration: underline;} /* M&S Medium Grey 2 */a:hover .mnsText13{text-decoration: underline;} /* M&S Medium Grey 3 */a:hover .mnsText14{text-decoration: underline;} /* M&S Dark Grey 1 */ /*! --- Generic Background Styles --- */ .mnsBg0{background-color: #000000;} /* M&S Black */.mnsBg1{background-color: #ffffff;} /* M&S White */.mnsBg2{background-color: #EA122A;} /* Red Error Messaging */.mnsBg3{background-color: #C4201D;} /* Sale, Special offer pricing & messaging */.mnsBg4{background-color: #BDD755;} /* M&S Green */.mnsBg5{background-color: #A9C14B;} /* M&S Dark Green */.mnsBg6{background-color: #F8F8F8;} /*M&S Light Grey 1 */.mnsBg7{background-color: #EEEEEE;} /* M&S Light Grey 2 */.mnsBg8{background-color: #E7E7E7;} /* M&S Light Grey 3 */.mnsBg9{background-color: #E0E0E0;} /* M&S Light Grey 4 */.mnsBg10{background-color: #CCCCCC;} /* M&S Light Grey 5 */.mnsBg11{background-color: #A3A3A3;} /* M&S Medium Grey 1 */.mnsBg12{background-color: #999999;} /* M&S Medium Grey 2 */.mnsBg13{background-color: #666666;} /* M&S Medium Grey 3 */.mnsBg14{background-color: #333333;} /* M&S Dark Grey 1 */ /*! --- Interstitial pages --- */ .uniqueCtrl .crumb .breadcrumb ul{margin-left:1.45em;margin-top:1.65em;}.uniqueCtrl .crumb .breadcrumb ul li {color: #999999;line-height:1.1em;margin:0;}.uniqueCtrl .breadcrumb li:after {font-size:.7em;}.uniqueCtrl .crumb .breadcrumb a,.uniqueCtrl.buying-guide .breadcrumb li a {color: #999999;font-size: 0.7em;}.uniqueCtrl.buying-guide .wrap.trends .lined-header {margin-top:3.3em;}.uniqueCtrl.buying-guide .crumb{left:0;position:absolute;top:0;} .uniqueCtrl.buying-guide{/*display:inline-block;*/margin:12px auto 0;position:relative;width:1200px;}.uniqueCtrl.buying-guide .banner-530px {display:inline-block;position:relative;}.uniqueCtrl.buying-guide .banner-530px .copy {color:#333333;display:inline-block;position:absolute;top:50px;left:0;padding:0 2%;}.uniqueCtrl.buying-guide .banner-530px .copy a {margin-left:9.5em;}.uniqueCtrl.buying-guide .banner-530px .copy a > span {padding: .59em 1em;font-size: 1.8em;}.uniqueCtrl.buying-guide .copy h1{margin-left:3.4em;text-transform:uppercase;}.uniqueCtrl.buying-guide .copy h1.measureHeading{font-size: 6em;line-height: .85em;margin-top: -.2em;}.uniqueCtrl.buying-guide .banner-530px .copy ol {color:#333333;counter-reset: item;font-size:1em;list-style-position:inside;/*margin-bottom:2em;*/}.uniqueCtrl.buying-guide .banner-530px .copy ol li {display: block;font-size:6em;font-family:'DidotW01Roman',Serif;font-style:italic;margin:0;}.uniqueCtrl.buying-guide .banner-530px .copy ol li:first-child + li {margin-left:3.4em;}.uniqueCtrl.buying-guide .banner-530px .copy ol li:first-child + li + li + li {margin-left:3.4em;}.uniqueCtrl.buying-guide .banner-530px .copy ol li p {display:inline-block;font-size:.3em;font-style:normal;vertical-align:top;font-family:"HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;line-height: 4em;}.uniqueCtrl.buying-guide .banner-530px .copy ol li:before { content: counter(item) " "; counter-increment: item }.uniqueCtrl.buying-guide .banner-440px{margin:-16px auto 20px auto;position:relative;width:100%;}.uniqueCtrl.buying-guide .copy-right-col{color:#FFFFFF;position:absolute;right:0;top:120px;width:670px;}.uniqueCtrl.buying-guide .copy-right-col p{text-align:center;}.uniqueCtrl.buying-guide .copy-right-col p:first-child{font-family:"HelveticaNeueW01-UltLt",Helvetica,Arial,Sans-serif;font-size:2.3em;line-height:1.3em;padding:0 70px;text-align:center;}.uniqueCtrl.buying-guide .super-link{color:#FFFFFF;margin-top:1.5em;text-align:center;font-size: 1.8em;}.uniqueCtrl.buying-guide .seo-module{color:#FFFFFF;}.uniqueCtrl.buying-guide .banner-530px > img,.uniqueCtrl.buying-guide .banner-440px > img,.uniqueCtrl.buying-guide .banner-442px > img,.uniqueCtrl.buying-guide .banner-355px > img,.uniqueCtrl.buying-guide .banner-332px > img {width: 100%;}.uniqueCtrl.buying-guide .seo-module.made-to-measure{color:#FFFFFF;background:#333333;margin-top:0;}.uniqueCtrl.buying-guide .seo-module.made-to-measure h3,.uniqueCtrl.buying-guide .seo-module.made-to-measure h4,.uniqueCtrl.buying-guide .seo-module.made-to-measure p{color:#FFFFFF;}.uniqueCtrl .section-spotlight .copy h4 {font-size: 2.4em;letter-spacing: 0;}.uniqueCtrl.buying-guide .seo-module.made-to-measure h3 {font-size: 2.4em;}.uniqueCtrl.buying-guide .seo-module.made-to-measure h4 {font: italic 2em/1.2em Georgia, serif;}.uniqueCtrl.buying-guide .seo-module.made-to-measure p {font: 1.4em/1.29em "HelveticaNeueW01-45Ligh",Helvetica,Arial,sans-serif;}@media screen and (max-width:1239px){.uniqueCtrl.buying-guide{width:960px;}} /*! --- Simple promo 4 column wrap --- */ .uniqueCtrl.simple-promo-4col{font-family: Helvetica,Arial,Sans-serif;margin-bottom: 2em;}.uniqueCtrl.simple-promo-4col a{text-align: center;display: block;padding: 0 1.2em 1.2em;}.uniqueCtrl.simple-promo-4col h4 {color: #666;text-align: center;white-space: nowrap;font-size: 1.4em;font-weight: 100;text-transform: uppercase; background: url('../../images/global/bgs/hr-bg.gif') no-repeat center bottom;padding-bottom: 1em;margin-bottom: 1em;}.uniqueCtrl.simple-promo-4col{font-family: Helvetica,Arial,Sans-serif;margin-bottom: 2em;}.uniqueCtrl.simple-promo-4col a {text-align: center;display: block;padding: 0 1.2em 1.2em;}.uniqueCtrl.simple-promo-4col img {margin-bottom:1em;width: 95%;}.uniqueCtrl.simple-promo-4col h4{letter-spacing: .2em;color: #666;font-family:Georgia,"Times New Roman",sans-serif;text-align: center;white-space: nowrap;font-size: 1.4em;font-weight: 100;text-transform: uppercase; background: none;padding-bottom: 1em;margin-bottom: 0;}.uniqueCtrl.simple-promo-4col h4:after {content: "";background: #666;width: 1.43em;height: 1px;display: block;margin: .9em auto 0;}.uniqueCtrl.simple-promo-4col h4 a {padding: 0;display: inline;color: #333333;outline: 0;}.uniqueCtrl .simple-promo-4col hr {color: #666;margin-bottom: 1.2em;width: 20px; margin: 1.4em auto 1em;}.uniqueCtrl.simple-promo-4col p.first{min-height:5em;}.uniqueCtrl.simple-promo-4col p {color: #333333;font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;font-size: 1.4em;line-height: 1.25em;margin: 0 1.2em 1.2em 1.2em;min-height:5em;text-align: center;}.uniqueCtrl.simple-promo-4col .box.g6 {text-align:center;} /*! --- Health and Nutrition --- */ .uniqueCtrl.buying-guide .banner-442px {display:inline-block;position:relative;}.uniqueCtrl.buying-guide .banner-442px .copy {color:#333333;display:inline-block;padding-left:3%;position:absolute;top:50px;left:0;text-align:left;}.uniqueCtrl.buying-guide .banner-442px .copy h1{font-size:3em;margin-bottom:.5em;margin-left:0;text-transform:none;}.uniqueCtrl.buying-guide .banner-442px .copy {color:#666666;display:inline-block;position:absolute;top:43%;left:0;}.uniqueCtrl.buying-guide .banner-442px .copy p {font-family:helveticaneuew01-55roma,helvetica,sans-serif;font-size:1.6em;margin-bottom:1.5em;}.uniqueCtrl.buying-guide .banner-442px .copy p .primary-btn {font-size:1em;}.uniqueCtrl.buying-guide .lined-header h3{font-size:2.4em;} /*! --- Tabbed content for int shop your way --- */ .uniqueCtrl.tabbing {position:relative;margin:0 auto;}.uniqueCtrl.tabbing .tabs {width:120em;margin:0 auto;}.uniqueCtrl.your-way.tabbing ul {width:100%;}.uniqueCtrl.tabbing .tabs-header{float:left;background:transparent;height:96px;border-bottom:none;}.ie7 .uniqueCtrl.tabbing .tabs .tabs-header li {width:29%;}.uniqueCtrl.tabbing .tabs .tabs-header li {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #E5E5E5;margin-left:1px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;position:relative;float:left;background:#E5E5E5;min-height:109px;width:25%;border:1px solid #E5E5E5;color:#333333;text-align:center;}.ie7 .uniqueCtrl.tabbing .tabs .tabs-header li.collect, .ie7 .uniqueCtrl.tabbing .tabs .tabs-header li.delivery, .ie7 .uniqueCtrl.tabbing .tabs .tabs-header li.international {width:30%;}.uniqueCtrl.tabbing .tabs .tabs-header li.collect, .uniqueCtrl.tabbing .tabs .tabs-header li.delivery, .uniqueCtrl.tabbing .tabs .tabs-header li.international {width:33%;}.uniqueCtrl.tabbing .tabs li.active {filter:none;bottom:5px;background:#FFFFFF;border-top:1px solid #BBBBBB;border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB;border-bottom:1px solid #BBBBBB; }.uniqueCtrl.tabbing .tabs .tabs-header li.active:after,.uniqueCtrl.tabbing .tabs-header li.active:before {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent;border-bottom: 0;}.uniqueCtrl.tabbing .tabs .tabs-header li.active:before {bottom: -21px;left: 37.7%;border-top-color: #bbb;border-width: 21px 41px 41px 41px;}.uniqueCtrl.tabbing .tabs .tabs-header li.active:after {bottom: -20px;left: 38%;border-top-color: #FFFFFF;border-width: 20px 40px 40px 40px;}.uniqueCtrl.tabbing .tabs .tabs-header li:first-child.active,.uniqueCtrl.tabbing .tabs .tabs-header li:first-child {margin-left:0;}.uniqueCtrl.tabbing .tabs .tabs-header li:last-child,.uniqueCtrl.tabbing .tabs .tabs-header li:first-child {position:relative;box-shadow:none;-webkit-box-shadow:0;-moz-box-shadow:0;}.uniqueCtrl.tabbing .tabs .tabs-header li:first-child,.uniqueCtrl.tabbing .tabs .tabs-header li:last-child {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.uniqueCtrl.tabbing .tabs .tab-content {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;clear:both;display:inline-block;height:100%;min-height:400px;padding:53px 20px 0;text-align:left;width:100%;}.uniqueCtrl.tabbing .tabs .tab-content p{font-size:1.3em;}.uniqueCtrl.tabbing .int-delivery-map {width:70%;float:left;text-align:left;}.uniqueCtrl.tabbing .int-delivery-map img {width:100%;margin-left: -45px;}.uniqueCtrl.tabbing .int-delivery-map-txt {display:table-cell;margin-left:28%;width:28%;}.uniqueCtrl.tabbing .tabs .int-delivery-map-txt p {margin-bottom:1em;font: 1.6em/1.5 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;}.uniqueCtrl.tabbing .tabs .tab-content ol{list-style-type:disc;list-style-position:inside;margin:0;}.uniqueCtrl.tabbing .tabs .tab-content ol li {font-size:1.8em;font-family:Georgia,"Times New Roman",sans-serif;font-style:italic;line-height:24px;margin-bottom:1em;}.uniqueCtrl.tabbing .tabs .tab-content ol p{font-size:.9em;display:inline-block;line-height:24px;margin-top:3px;vertical-align:top;font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;width:93%;font-style:normal;}.uniqueCtrl.tabbing .tabs .tab-content ul li{margin-top:3px;font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,sans-serif;width:93%;}.uniqueCtrl.tabbing .tabs .tab-content .box.g12 > ul {display: block;float: left;font-size: 1.6em;margin-left: 3%;width: 45%;}.uniqueCtrl.tabbing .tabs .tab-content .box.g12 ul.delivery, .uniqueCtrl.tabbing .tabs .tab-content .box.g12 ul.collect + ul.collect {margin-left:0;}.uniqueCtrl.tabbing .tabs .tab-content .box.g12 > ul li {border-bottom:1px solid #E5E5E5;padding:8px 0;text-indent: 40px;}.uniqueCtrl.tabbing .tabs .tab-content .box.g12 ul.collect li {background:url("../../images/external/shop-your-way-icns.png") 0px -88px no-repeat;text-indent: 3.05em;width:100%;}.uniqueCtrl.tabbing .tabs .tab-content .box.g12 ul.delivery li {background:url("../../images/external/shop-your-way-icns.png") 0 -123px no-repeat;width: 100%;text-indent: 2.5em;}.uniqueCtrl.tabbing .tabs .tab-content .box.g12 ul.collect li.blank,.uniqueCtrl.tabbing .tabs .tab-content .box.g12 ul.delivery li.blank {background-image:none;}.uniqueCtrl.tabbing .tabs .tab-content .collect-options {background: #F8F8F8;display: inline-block;margin-left: 3%;padding:10px 0;width: 90%;border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;}.uniqueCtrl.tabbing .tabs .tab-content .collect-options > p {color: #333333;display: inline-block;float: left;font-family:"HelveticaNeueW01-65Medium",Helvetica,Arial,sans-serif;font-size: 1.3em;margin-left: 3%;width: 47%;}.uniqueCtrl.tabbing .tabs .tab-content .find-store {background: #F8F8F8;border-bottom: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;display: inline-block;margin-left: 0;padding: 10px 20px;width: 90%;}.uniqueCtrl.tabbing .tabs .tab-content .find-store > p {color: #333333;display: inline-block;font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;font-size: 1.6em;padding: 6px 0;width: 57%;}.uniqueCtrl.tabbing .tabs .tab-content .more-store-info{display:inline-block;margin-top:20px;margin-left:20px;line-height:2.5em;width100%;}.uniqueCtrl.tabbing .tabs .tab-content .more-store-info a{font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;font-size:1.3em;}.uniqueCtrl.tabbing .tabs .tab-content .pull-out {background: #F8F8F8;border-bottom: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;display: inline-block;margin-left: 3%;margin-top:3%;padding: 10px 20px;width: 83%;}.uniqueCtrl.tabbing .tabs .tab-content .g12 {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-top: 20px;padding:5px;}.uniqueCtrl.tabbing .tabs .tab-content .g12:first-child {border-right:1px dotted #333333;}.uniqueCtrl.tabbing .tabs .tab-content .g12 h2 {font-size:2.5em; padding-bottom:20px;border-bottom:1px solid #BBBBBB;margin-left:3%;width:90%;}.uniqueCtrl.tabbing .tabs .tab-content .int-delivery-map-txt h2 {font-size:2.5em; padding-bottom:10px;border-bottom:1px solid #BBBBBB;margin-left:0;width:90%;}.uniqueCtrl.tabbing .tabs .tab-content .g12 h2 + p, .uniqueCtrl.tabbing .tabs .tab-content h2 + p {margin-top:1em;}.uniqueCtrl.tabbing .tabs .tab-content .g12.headline {border-right:none;}.uniqueCtrl.tabbing .tabs .tab-content .g12:first-child h2 {width:97%;margin-left:0;}.uniqueCtrl.tabbing .tabs .tab-content .g12 .secondary-btn {float:right;}.uniqueCtrl .find-store .secondary-btn, .uniqueCtrl .secondary-btn.dark {background:#2A2A2A;background: -moz-linear-gradient(center top , #5A5A5A 0px, #2A2A2A 100%) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top,#5A5A5A 0,#2A2A2A 100%);-ms-linear-gradient(top,#5A5A5A 0,#2A2A2A 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#5A5A5A, endColorstr=#2A2A2A)";border: 1px solid #CCCCCC;color:#FFFFFF;}.uniqueCtrl.tabbing h3 {display:inline-block;font-family:Georgia,"Times New Roman",sans-serif;font-size:1.5em;font-style:italic;margin-bottom:.5em;margin-top:5px;padding:5px 0;text-indent:40px;width:auto;}.uniqueCtrl.tabbing .collect h3 {background:url("../../images/external/shop-your-way-icns.png") 0 4px no-repeat;}.uniqueCtrl.tabbing .delivery h3 {background:url("../../images/external/shop-your-way-icns.png") 0 -21px no-repeat;}.uniqueCtrl.tabbing .international h3 {background:url("../../images/external/shop-your-way-icns.png") 0 -52px no-repeat;}.uniqueCtrl.tabbing .small-print{font-size:1.2em!important;}.uniqueCtrl .simple-promo-4col .super-link{color:#000000;font-size:1em;};.ie8 .simple-promo-4col.uniqueCtrl .g6.box{width:24em;}.trends .section-spotlight .copy .cta {padding-top: .5em;}.uniqueCtrl.your-way .tabs-header li p {font-size: .9em;}.uniqueCtrl.tabbing .tabs .tab-content .deliveryCopy {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;font-size: 1.6em;}.uniqueCtrl.tabbing .tabs .tab-content .roman55 {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;}.ie7 .uniqueCtrl.tabbing .tabs .tab-content .g12{width:58em;} @media screen and (max-width:1239px){.uniqueCtrl.tabbing .tabs {/*width:60em;*/margin:0 auto;}.uniqueCtrl.tabbing ul {margin-left:0;}} /*! --- MandS Energy --- */ .uniqueCtrl.buying-guide .breadcrumb.mnsText1 .breadcrumb li a{color:#FFF;}.uniqueCtrl.buying-guide .banner-322px {display:inline-block;position:relative;}.uniqueCtrl.buying-guide .banner-332px .copy {color:#333333;display:inline-block;padding-left:25px;position:absolute;top:50px;left:0;}.uniqueCtrl.buying-guide .banner-332px .copy h1 {font-size:6em;margin-left:0;text-transform:none;}.uniqueCtrl.buying-guide .banner-332px .copy h2 {color:#bdd94a;font-size:3em;margin-bottom:.5em;margin-left:0;text-transform:uppercase;}.uniqueCtrl.buying-guide .banner-332px .copy p{color:#ffffff;font-size:1.6em;line-height:1.2em;font-family: 'HelveticaNeueW01-45Ligh', HelveticaNeueLight, Helvetica, sans-serif;}.uniqueCtrl.buying-guide .banner-332px .pull-out{background:rgb(255,255,255);background:rgba(255,255,255,.85);display:inline-block;height:70%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";padding:20px;position:absolute;right:20px;top:20px;}.wrap.trends .uniqueCtrl.buying-guide .lined-header {margin-top:.7em}.wrap.trends .uniqueCtrl.buying-guide .lined-header h3 {font-size:1.4em}.uniqueCtrl.buying-guide .banner-332px .pull-out h3{font-size:3.6em;margin-bottom:.3em;}.wrap.trends .uniqueCtrl.buying-guide .seo-module h4 {font: italic 1.4em Georgia, serif;}.uniqueCtrl.buying-guide .pull-out > p > span {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';font-size: .9em;color: #666;}.uniqueCtrl.buying-guide .lined-header-energy {font-size:2em}.uniqueCtrl.buying-guide .banner-332px .pull-out h4{font-size:1.3em;font-weight:bold;margin:1em 0 .3em;}.uniqueCtrl.buying-guide .banner-332px .pull-out .primary-btn {margin-top:.5em;padding:.5em 0;width:100%;font-size:1.1em}.uniqueCtrl.buying-guide .banner-332px .pull-out hr {margin:15px -20px;}.uniqueCtrl.buying-guide .seo-module {background-color:transparent;margin-top:6em;}.uniqueCtrl.buying-guide .seo-module p,.uniqueCtrl.buying-guide .seo-module h3,.uniqueCtrl.buying-guide .seo-module h4{color:#333333;}.uniqueCtrl.buying-guide .seo-module h4{font-size:1.7em;}.uniqueCtrl.buying-guide .pull-out > p {font-size:1.3em;} /*! --- Shop your way --- */ .uniqueCtrl.buying-guide .breadcrumb.mnsText0 .breadcrumb li a{color:#000;}.uniqueCtrl.buying-guide .banner-355px {display: inline-block;position: relative;}.uniqueCtrl.buying-guide .banner-355px .copy {color: #333333;display: inline-block;padding-left: 25px;position: absolute;top: 11.3em;left: 0;}.uniqueCtrl.buying-guide .banner-355px .copy h1 {color:#333333;font-size: 6em; margin-left: 0; text-transform: none;}.uniqueCtrl.buying-guide .banner-355px .copy h2 {color: #333333;font-size: 3.2em;margin-bottom:.45em;margin-left: 0;text-transform: none;}.uniqueCtrl.buying-guide .banner-355px .copy p {color: #333333;font-size: 1.7em;line-height: 1.5em;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,sans-serif;}.uniqueCtrl.buying-guide .lined-header{margin:3.3em 0;} /*! --- Mobile Apps --- */ .uniqueCtrl.apps.tabbing ul {width:47.8em;padding:0 17.5em;}.uniqueCtrl.buying-guide .apps {position:relative;margin:0 auto;width:100%;}.uniqueCtrl.buying-guide .apps h1 {text-align:center;margin-bottom:1em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs-header {margin: 0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li {background: #E2E2E2;background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F7F7F7),color-stop(100%,#E2E2E2));background: -webkit-linear-gradient(top,#F7F7F7 0,#E2E2E2 100%);background: -moz-linear-gradient(top,#F7F7F7 0,#E2E2E2 100%);background: -ms-linear-gradient(top,#F7F7F7 0,#E2E2E2 100%);background: -o-linear-gradient(top,#F7F7F7 0,#E2E2E2 100%);background: linear-gradient(top bottom,#F7F7F7 0,#E2E2E2 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7, endColorstr=#E2E2E2)";border: 1px solid #CCC;height: auto;min-height: 30px;margin: 0;white-space:nowrap;}.uniqueCtrl.buying-guide.trends .section-spotlight .copy {background: #fff;background: rgba(255,255,255,0.9);opacity: 1;}.uniqueCtrl.buying-guide .trends .section-spotlight .copy p {font: 1.6em/1.38em 'HelveticaNeueW01-55Roma',Helvetica,Arial,sans-serif;}.wrap.trends .uniqueCtrl.buying-guide {margin-top:0}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active {background: #ffffff;background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e7e7e7),color-stop(100%,#ffffff));background: -webkit-linear-gradient(top,#e7e7e7 0,#FFFFFF 100%);background: -moz-linear-gradient(top,#e7e7e7 0,#FFFFFF 100%);background: -ms-linear-gradient(top,#e7e7e7 0,#FFFFFF 100%);background: -o-linear-gradient(top,#e7e7e7 0,#FFFFFF 100%);background: linear-gradient(top bottom,#e7e7e7 0,#ffffff 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7e7e7, endColorstr=#ffffff)";border: 1px solid #BBB;height: auto;min-height: 30px;margin: 0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs-header:before {border-top: #BBBBBB solid 1px;content: "";height: 1px;left: 0;position: absolute;top: 15%;width: 100%;z-index: 1;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:after, .uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:before {border-width: 12px 25px 25px 25px;border-top-color: #FFFFFF;bottom: -11px;left: 3.55em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:before {border-width: 12px 25px 25px 25px;border-top-color: #bbb;bottom: -12px;left: 3.55em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs-header h3 {font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;font-size: .9em;font-style:normal;padding: 0;text-indent:0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tab-content {-moz-box-sizing: border-box;clear: both;display: inline-block;height: 100%;min-height: 400px;padding:0;text-align: left;width: 100%;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tab-content .panel .panelAvailability {margin-top: 2.2em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tab-content .legal-copy {padding: 3.85em 0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tab-content .panel p {font: 2em/1.2em 'HelveticaNeueW01-UltLt', Helvetica, Arial, 'Sans-serif';width: 70%;margin: 0 auto;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tab-content .panel img.panelImg {width:auto;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .lined-header h3 {text-indent:0;font: normal 1.5em 'HelveticaNeueW01-UltLt', Helvetica, Arial, 'Sans-serif';}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tab-content .box.g12 a {text-decoration: underline;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tab-content .box.g12 {text-align: center;margin-top: 5px;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tab-content .box.g12 {border-right: none;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tab-content .box.g12 h4, .uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tab-content .box.g8 h4 {font-family: Georgia,"Times New Roman",sans-serif;font-size: 2.5em;margin-bottom: .5em;text-transform: uppercase;text-align: center;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .lined-header { margin-bottom: 0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tab-content p {padding: 0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tab-content .secondary-btn {float: none;margin-top: 2em;text-align: center;font-family: 'HelveticaNeueW01-65Medi', Helvetica, Arial, 'Sans-serif';font-size: .9em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing p.floatimgs img:first-child {margin-right: 0px;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing hr {border-top: none;border-bottom: 1px dotted #BBBBBB;margin: 8px 0 0;clear: both;display:block;margin:0;padding:2px 0;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .available {font-family: "Bodoni W01 Italic 709617",Georgia,"Times New Roman",sans-serif;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing p {text-align: center;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .box.g12{width:60em;} .ie7 .uniqueCtrl.buying-guide .uniqueCtrl.tabbing .box.g12{width:59em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .box.g12 > img {width: 100%;}.uniqueCtrl.apps.tabbing h3{padding-left:20px;padding-right:20px;}.uniqueCtrl.apps.tabbing .lined-header h3{font-size:1.6em;}.uniqueCtrl.apps.tabbing .legal-copy{margin-top:10px;}@media screen and (max-width:1239px){.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:after, .uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:before{left:3.2em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:after, .uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:before {left:3.2em;}.uniqueCtrl.buying-guide .uniqueCtrl.tabbing .tabs .tabs-header li.active:before{left:3.2em;}} /*! --- Editors Pick / Roundup --- */ .uniqueCtrl.editors-pick{display:inline-block;margin:12px auto 0;position:relative;text-align:left;width:120em;}.uniqueCtrl.editors-pick.hero {clear:both;display:inline-block;min-height:400px;}.uniqueCtrl.editors-pick.hero img{margin-top:-90px;}.editors-pick-subhero > img {width: 100%;}.uniqueCtrl.editors-pick.hero .box{position:relative;}.uniqueCtrl.editors-pick .box .text{min-height:330px;padding-left:8em;}.uniqueCtrl.editors-pick .author {float: left; margin-left:62%;}.uniqueCtrl.editors-pick .author h2 {color: #999999;font-size: 2em;text-transform: uppercase;}.uniqueCtrl.editors-pick .author > p {font-size: 1.3em;}.uniqueCtrl.editors-pick .author-img {display: table-cell;padding-left:1em;}.uniqueCtrl.editors-pick .editor-article.left{clear:left;display:inline-block;float:left;}.uniqueCtrl.editors-pick .hero h1{font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;font-size:6em;margin-bottom:.5em;text-align:left;text-transform:uppercase;}.uniqueCtrl.editors-pick .banner-355px .copy h1{text-transform:uppercase;}.uniqueCtrl.editors-pick p {font-size:1.3em;margin-bottom:2em;}.uniqueCtrl.editors-pick .wrap.banner-generic.ays-video {height:15em;display:inline-block;margin-top:2.2em;}.uniqueCtrl.editors-pick .wrap.banner-generic.ays-video p {font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;}.uniqueCtrl.editors-pick .editorial-info.cf > p {font-family: sans-serif;line-height: 1.3em;margin-right:1em;width: 48%;}.uniqueCtrl.editors-pick .secondary-btn {display: table-cell;float: right;font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;text-transform:uppercase;width: auto;}.uniqueCtrl.editors-pick .byline {background:#E7E7E7;border:1px solid #BBBBBB;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px;margin:0 auto;text-align:left;width:1200px;}.uniqueCtrl.editors-pick .editors-pick-subhero {margin-bottom:4em;position:relative;}.uniqueCtrl.editors-pick .editors-pick-subhero-txt {bottom:3.5em;left:33.3%;position:absolute;text-align:center;width:300px;}.uniqueCtrl.editors-pick .crumb{display:inline-block;width:50%;clear:left;}.uniqueCtrl.editors-pick .grey-bkgd{background:#E7E7E7;display:inline-block;height:330px;position:relative;width:100%;}.uniqueCtrl.editors-pick .secondary-btn{float:left;}.uniqueCtrl.editors-pick .hero h2{font-family:"HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;font-size:2em;}.uniqueCtrl.editors-pick .banner-generic .secondary-btn{float:right;}.uniqueCtrl.editors-pick h3{margin-bottom:.5em;text-transform:uppercase;}.uniqueCtrl.editors-pick .section{display:inline-block;margin-bottom:3em;margin-top:2em;}.uniqueCtrl.grey-bkgd > p {position: absolute;top: 50%;left: 45%;}.uniqueCtrl.editors-pick .product-details{font-size:1.3em;margin-left:3px;width:90%;}.uniqueCtrl.editors-pick .M081.narrow{margin-bottom:2em;}.uniqueCtrl.editors-pick .M081.narrow,.uniqueCtrl.editors-pick .M081.narrow .caro-wrap{width:50em;height:55em;}.uniqueCtrl.editors-pick .M081.narrow .caro.wrap{width:50em;height:53em;}.editors-pick .M081.narrow .product-details > p{font-size:1em;}.uniqueCtrl.editors-pick .M081.narrow .lead{width:31em;}.uniqueCtrl.editors-pick .M081.narrow .box.g6{width:25em;margin:0;}.uniqueCtrl.editors-pick .large-slideup{width:31.7em;margin:0 0 1em;}.uniqueCtrl.editors-pick .large-slideup .info-panel-img {width:35em;height:55em;}.uniqueCtrl.editors-pick .large-slideup .info-panel-img img{width:35em;height:auto;}.uniqueCtrl.editors-pick .large-slideup .info-panel-img .copy .sub{color:rgba(255, 255, 255, 1);text-transform:uppercase;}.uniqueCtrl.editors-pick .large-slideup .info-panel-img .copy {-o-transition: top 0.25s ease-in;-webkit-transition: top 0.25s ease-in;-moz-transition: top 0.25s ease-in;top:100%;left:0;position:absolute;display:inline-block;padding:2% 0;width:100%;height:100px;color:rgba(255, 255, 255, 1);background-color:rgba(51, 51, 51, 0.9);z-index:999;}.uniqueCtrl.editors-pick .info-panel-img:hover .copy {top:79%;}.uniqueCtrl.editors-pick .transition-boxes{position:relative;margin:0 auto;width:1200px;}.uniqueCtrl.editors-pick .transition-boxes .box.g8{position:relative;}@-moz-keyframes move {from {margin-top:400px;}to {margin-top:0;}}@-webkit-keyframes move {from {margin-top:400px;}to {margin-top:0;}}.uniqueCtrl.editors-pick .transition-boxes .slide-box{-webkit-animation: move 2s;-moz-animation: move 2s;display:inline-block;width:319px;height:100%;}.uniqueCtrl.editors-pick .transition-boxes .slide-box.two{-webkit-animation: move 4s;-moz-animation: move 4s;}.uniqueCtrl.editors-pick .transition-boxes .slide-box.three{-webkit-animation: move 6s;-moz-animation: move 6s;}.uniqueCtrl.editors-pick .transition-boxes .slide-box p{font-size:1.3em;margin-top:1em;text-transform:uppercase;} @media screen and (max-width:1239px){.uniqueCtrl.editors-pick .transition-boxes,.uniqueCtrl.editors-pick .byline {width:960px;}.uniqueCtrl.editors-pick .author {margin-left:60%;}.uniqueCtrl.editors-pick .editors-pick-subhero-txt{left: 30%;}.uniqueCtrl.editors-pick .M081.narrow .box.g6{width:31.2em;}.uniqueCtrl.editors-pick .M081.narrow, .uniqueCtrl.editors-pick .M081.narrow .caro-wrap, .uniqueCtrl.editors-pick .M081.narrow .caro.wrap{width:62.4em;}.uniqueCtrl.editors-pick .wrap.banner-generic.ays-video {margin-top:14em;}} /*! --- Brands A-Z --- */ .uniqueCtrl .brands-az{margin:0 0 47px}.uniqueCtrl .brands-az-nav{margin-bottom:13px;font-size:3.3em;margin-top:31px;text-align:left;height:90px;font-family:'DidotW01Roman',Serif;}.uniqueCtrl .brands-az-nav li{display:inline-block;font-family:'DidotW01Roman',Serif;height:20px;text-transform:uppercase;color:silver;width:3%}.uniqueCtrl .brands-az-list{font-size:5.2em;margin-top:-28px}.uniqueCtrl .brands-az-list>li.item{clear:both;overflow:hidden}.uniqueCtrl .brands-az-list .brand-index{float:left;text-align:center;font:48px/66px;color:#000;font-family:'DidotW01Roman',Serif;}.uniqueCtrl .brands-az-list .brand-index-number{font-size:30px}.uniqueCtrl .brands-az-list>li:hover .brand-index{background-position:left bottom;color:#000;text-decoration:none;font-size:48px/66px;font-family:'DidotW01Roman',Serif;}.uniqueCtrl .brands-az-list .brand-index.number span{font-size:30px;}.uniqueCtrl .brands-az-list .bare-list{float:left;width:100%;margin-top:-25px;position:relative;border-top:1px solid #e0e0e0;padding-top:16px;margin-bottom:28px;margin-left:70px;}.uniqueCtrl .brands-az-list .bare-list li{float:left;width:19%;font:13px/18px Arial,Helvetica,sans-serif;margin-left:20px;margin-top:10px}.uniqueCtrl .brands-az-list .bare-list li a{padding:0 15px 0 0}.uniqueCtrl .brands-az-list .bare-list li .no{display:none;} /*! --- Best of British --- */ .uniqueCtrl.editorial {background:none;display:inline-block;margin:0 auto 1em;padding:0;position:relative;}.uniqueCtrl.editorial .title-strip{display:inline-block;margin:0 auto;position:relative;text-align:left;width:1200px;}.uniqueCtrl.editorial .foot-strip{display:inline-block;margin:4em auto 0;position:relative;width:1200px;}.uniqueCtrl.editorial .hero{display:inline-block;margin-bottom:0;position:relative;text-align:left;width:1200px;}.uniqueCtrl.editorial .hero img,.uniqueCtrl.editorial .title-strip img,.uniqueCtrl.editorial .foot-strip img{width:100%;}.uniqueCtrl.editorial .hero .copy{left:47px;position:absolute;top:18em;width:43em;z-index:10;}.uniqueCtrl.editorial .hero .copy p{color:#FFFFFF;font-family:"Bodoni W01 Italic 709617",Georgia,"Times New Roman",sans-serif;font-size:1.7em;line-height:1.5em;margin-bottom:1em;}.uniqueCtrl.editorial .hero .copy h1{color:#FFFFFF;font-family:"Bodoni W01 Italic 709617",Georgia,"Times New Roman",sans-serif;font-size:3.6em;}.uniqueCtrl.editorial .hero .copy a{color:#FFFFFF;font-family:"HelveticaNeueW01-55Roma",helvetica,sans-serif;text-transform:uppercase;font-style:normal;font-size:.9em;margin-top:1em;text-decoration:none;}.uniqueCtrl.editorial .box.g12 h3{color:#333333;font-family:"Bodoni W01 Italic 709617",Georgia,"Times New Roman",sans-serif;}.uniqueCtrl.editorial .box.g12 img{width:100%;}.uniqueCtrl.editorial .panel-left{margin-right:4em;text-align:left;}.uniqueCtrl.editorial .panel-right{margin-left:4em;text-align:left;}.uniqueCtrl.editorial .box.g12 a{font-family:"HelveticaNeueW01-55Roma",helvetica,sans-serif;font-style:normal;}.uniqueCtrl.editorial .box.g12 p{margin-bottom:1em;}.uniqueCtrl.editorial .super-link{color:#333333;font-size:1em;}.uniqueCtrl.editorial .section{display:block;margin:0 auto;width:120em;}@media screen and (max-width:1239px){.uniqueCtrl.editorial .hero{width:960px;}.uniqueCtrl.editorial .foot-strip{width:960px;}.uniqueCtrl.editorial .title-strip{width:960px;}} /*! --- Buying Guide Knickers style and fit guide --- */ .uniqueCtrl.buying-guide{width:120em;}.uniqueCtrl.buying-guide .box.g12 h3{margin-bottom:.5em;}.uniqueCtrl.buying-guide .box.g12 .inset-text p{font-size: 1.3em;margin-bottom:1em;}.uniqueCtrl.buying-guide .box.g12 .inset-text{padding:30px;}.uniqueCtrl.buying-guide .box.g12 img {width:100%;} /*! --- Knickers style guide fix width for ie8 --- */ .uniqueCtrl .width600{display:inline-block;margin:0;padding:0;width:60em;} /*! --- Shapewear buying guide --- */ .uniqueCtrl .inset-text h3{font-family:'HelveticaNeueW01-UltLt',Helvetica,Arial,Sans-serif;} /*! --- Comms Page Latest module etc --- */ .uniqueCtrl.comms .edi-panel {width:100%;}.uniqueCtrl.comms .edi-panel img {width: auto;}.uniqueCtrl.comms .copy h3 {font-size: 2.9em;line-height: 2em;}.uniqueCtrl.comms.super-link {color: #FFF;font-family: 'helvetica', arial, sans-serif;font-size: .9em;}.uniqueCtrl.comms .edi-panel .copy a:hover {text-decoration: none;}.uniqueCtrl .hidedefaultcontent {display: none;}.uniqueCtrl.comms .latestModule .edi-panel .copy {min-height: 71px;}.uniqueCtrl.comms .editorial-wrapper .edi-panel .quote {background: none;display: inline-block;padding-top: 0;}.uniqueCtrl.comms .latestModule .edi-panel .quote {background: none;display: inline-block;padding-top: 0;}.uniqueCtrl.comms .latestModule .edi-panel.horizontal {width: 60em;z-index: 1000;text-align: left;} /*! --- Hero Carousel No Drawer --- */ .uniqueCtrl.noDrawer {height:44.2em;margin-bottom:2em;overflow:hidden;}.uniqueCtrl.noDrawer .shop-nav,.uniqueCtrl.noDrawer .heroslideshow .shop-nav, .uniqueCtrl.noDrawer .heroslideshow .shop-expander {display:none;} .uniqueCtrl.noDrawer .shop-nav, .uniqueCtrl.noDrawer .shop-expander {display:none;} /*! --- Recipes --- */ .uniqueCtrl .recipes h2 {color: #000000;font: 2.6em 'HelveticaNeueW01-UltLt',Helvetica,Arial,Sans-serif;}.uniqueCtrl .recipes .heading2 {color: #000000;font: 2.6em 'HelveticaNeueW01-UltLt',Helvetica,Arial,Sans-serif;}.uniqueCtrl .recipes h4 {font-size: 1.2em;font-weight: bold;}.uniqueCtrl .recipes-left h4 {font-size: 1.2em;font-weight: bold;margin-left: 40px;margin-top: 20px;}.uniqueCtrl .recipes ul {margin-left: 40px;list-style: decimal outside none;font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif;} .uniqueCtrl .recipes ol {margin-bottom:12px; list-style: none outside none;font-family:'HelveticaNeueW01-75Bold',Arial,Sans-serif; font-size:18px;} .uniqueCtrl .recipes ul li:before {display:inline-block;content:"-";width:1em;margin-left:-1em;}.uniqueCtrl .recipes-left ul {margin-left: 40px;margin-top:10px;list-style: none outside none;}.uniqueCtrl .recipes-left ul li:before {display:inline-block;content:"-";width:1em;margin-left:1em;}.uniqueCtrl .recipes ol {list-style: decimal outside none;list-style-position: inside;}.uniqueCtrl .recipes-text-no-image p {margin-left: 40px;margin-top:90px;}.uniqueCtrl .recipes-text-no-image a {margin-left: 40px;margin-top:90px;color:#000000;font-size: 1em;}.uniqueCtrl .recipes h3 {font-family: 'DidotW01Roman',Georgia,'Times New Roman',sans-serif;font-size: 3em; margin-top:-6px; margin-bottom:33px;}.uniqueCtrl .recipes p {font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif;font-size:14px; margin-bottom:30px;}.uniqueCtrl.recipes-gray-brackground {background-color: #f8f8f8; margin-bottom: 30px; width:100%; margin-left: 2em;}.uniqueCtrl.recipes-gray-brackground h4 {font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif; margin-left: 20px; font-size: 1.8em; padding:20px 0 0 0;}.uniqueCtrl.recipes-gray-brackground ul { margin-left: 20px; font-size: 1.3em; line-height: 1.6em; margin-top: 1.0em; width: 20em;padding: 0 0 10px;}.uniqueCtrl .recipes h4 {font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif;font-size: 1.286em; clear:both;padding: 0 0 12px; font-weight:normal;}.uniqueCtrl .recipes-orderedlist {font-family:Helvetica,Arial,Sans-serif;font-weight:bold;font-size:1.6em;}.uniqueCtrl .recipes-orderedlist .text {font-family:Helvetica,Arial,Sans-serif;font-weight:normal;font-size:1.3em;}.uniqueCtrl.recipes-gray-brackground-left {background-color: #f8f8f8; margin-bottom: 30px; width:91.5%; margin-top:10px;}.uniqueCtrl.recipes-gray-brackground-left h4 {font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif; margin-left: 20px; font-size: 1.8em; padding:20px 0 0 0;}.uniqueCtrl.recipes-gray-brackground-left ul {margin-left: 20px;font-size: 1.3em;line-height: 1.6em;margin-top: 1.0em;}.uniqueCtrl-recipes-orderedlist {clear:both;}.uniqueCtrl-recipes-orderedlist h4 {font-size:1.286em;font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif;margin-bottom:16px;}.uniqueCtrl-recipes-orderedlist ol span {margin-bottom:16px;font-family:'HelveticaNeueW01-55Roma',Arial,Sans-serif; font-size:14px;list-style: decimal inside none;}.uniqueCtrl-recipes-orderedlist ol {counter-reset: foo;display: table;font-family: 'HelveticaNeueW01-75Bold',Arial,Sans-serif;font-size: 18px;list-style: decimal inside none;margin-bottom: 16px;}.uniqueCtrl-recipes-orderedlist li:before {content: counter(foo, decimal) ". ";display: table-cell;padding-right:0.5em;text-align: right;}.uniqueCtrl-recipes-orderedlist ol li {counter-increment: foo;display: table-row;margin-bottom: 16px;}.uniqueCtrl.recipes-gray-brackground > p {font-family: 'HelveticaNeueW01-55Roma',helvetica,arial,sans-serif;font-size: 1.4em;margin-left: 20px;padding-bottom: 1em;} /*! --- Recipe module --- */ .wrap.cms.latestModule.wide .copy {left: 4%;width: 83.5%; bottom: 3%}.wrap.cms.latestModule.wide .copy h3{font-family:'didotItalic',Georgia,'Times New Roman',sans-serif;font-size: 3em;margin-top:16px; margin-bottom:16px;} /*! --- Recipe sprite icons --- */ .uniqueCtrl .eat-well-recipe { display: block; background-repeat: no-repeat; width: auto; height: 25px;line-height:25px;text-indent:38px;margin:14px;background-image: url("../../images/external/icons-recipes.png"); } .uniqueCtrl .eat-well-foo-recipe { background-position: 0 0; }.uniqueCtrl .serves-recipe { display: block; background-repeat: no-repeat; width: auto;height: 25px;line-height:18px;text-indent:38px; margin:14px; background-image: url("../../images/external/icons-recipes.png"); } .uniqueCtrl .serves-foo-recipe { background-position: 0 -102px; } .uniqueCtrl .prep-recipe { display: block; background-repeat: no-repeat; width: auto; height: 25px; line-height:22px;text-indent:38px; margin: 0px 14px 14px 14px;background-image:url("../../images/external/icons-recipes.png"); }.uniqueCtrl .prep-foo-recipe { background-position: 0 -69px; }.uniqueCtrl .vegetarian-recipe {display: block; background-repeat: no-repeat; width: auto; height: 25px;line-height:22px;text-indent:38px; margin:14px;background-image: url("../../images/external/icons-recipes.png"); } .uniqueCtrl .vegetarian-foo-recipe { background-position: 0 -33px; }span.uniqueCtrl-recipe-icon-text { float: left;margin-left: 15px;font-family:'Helvetica Neue 75',Arial,Sans-serif;font-size:14px;} /*! --- Home Page Banner --- */ .beta-home-banner {background: none repeat scroll 0 0 #E7E7E7;display: inline-block;margin:0;position: relative;width: 100%;}.beta-home-banner ul {display: block;font-size: 1em;margin: 0 1em;}.beta-home-banner li.first {border-right: 1px solid #000000;padding-left: 0;padding-right: 1em;width: 31em;}.ie9 .beta-home-banner li.first,.ie8 .beta-home-banner li.first{width: 30em;}.beta-home-banner li {display: block;float: left;font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;font-size: 1.55em;line-height: 0;margin: 1em 0;padding-bottom: 0.5em;padding-left: 1em;padding-top: 1.1em;position: relative;text-transform: uppercase;width: 43em;}.ie9 .beta-home-banner li,.ie8 .beta-home-banner li {width: 43.7em;}.beta-home-banner .secondary-btn{background:#000000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A2A2A, endColorstr=#5A5A5A);background: -moz-linear-gradient(center top , #5A5A5A 0px, #2A2A2A 100%) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, left top, left bottom, from(#5A5A5A), to(#2A2A2A ));border: 1px solid #CCCCCC;color: #FFFFFF;font-size: 0.8em;position: absolute;right: 0;top: 8%;}.beta-home-banner li.first .secondary-btn.dark {right: 1em;}.beta-home-banner-bottom {background: #F6F6F6;font-family: 'didotItalic',Georgia,'Times New Roman',serif;font-size: 1.55em;margin-top:-3px;margin-bottom:.3em;padding:0.5em;} /*! --- Homepage White Button --- */ .latestModule .edi-panel.hero-style .call-to-action-white a {background-color: #ffffff;color: #000000;display: inline-block;font-size: 0.78em;margin-top: 55px;font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';padding: 12px;text-shadow:none;font-style:normal;} /*! --- Fifty Fifty text --- */ .uniqueCtrl.fifty-fiftytext{margin-top:6.9em; margin-left: 4.6em; width: 80%;}.uniqueCtrl.fifty-fiftytext h4 {font-size:20px;text-transform:uppercase;}.uniqueCtrl.fifty-fiftytext p {margin-top: 2.3em;font-size:1.2em;} /*! --- Generic Banner spacer --- */ .uniqueCtrl.banner-spacer {margin-top:2.3em;} /*! --- Video Hero wrapper NO DRAWER --- */ .no-drawer .shop-expander.wrap,.nodrawer .shop-expander.wrap,.no-drawer .shop-nav, .nodrawer .shop-nav{display:none;} /*! --- 3.1.1 Fixes OVERRIDES ONLY --- */ /*! --- Video button override positioning --- */ /* - Fixing cropped video button - */ .category .edi-panel.box-module .call-to-action.video a, .category .edi-panel.box-module .copy.video .call-to-action a {padding-top : 6.2em; }.category .call-to-action.video a, .category .copy.video .call-to-action a {padding-top: 5.2em;}@media screen and (max-width:1239px){.category .edi-panel.box-module .call-to-action.video a, .category .edi-panel.box-module .copy.video .call-to-action a {padding-top : 6.5em; }} /*! --- Video icon for style and living homepage --- */ .styleliving-videoicon a {text-decoration: none;font-weight: normal;color: #333;font-family:'DidotW01Roman',Georgia,serif;font-size: 1.6em;}.styleliving-videoicon a:after {content: "-";display: inline-block;background: url("https://asset1.marksandspencer.com/is/image/mands/2efa806faccb9d208bc0abd8644e5554cdee0bf9") no-repeat;width: 35px;height: 15px;line-height: 0.9em;}.styleliving-videoicon a:hover {text-decoration: none;} /*! --- Home page scroller hide end block --- */ /* - HIDES THE VIEW ALL BLOCK - */ .scrollContainer .gflex.last {display:none;} /*! --- Style & living top nav menu font override --- */ /* REMOVE - Style fix for top nav headline - */ #NP_SubCategory_1337602 h3 a {font-family: "DidotW01Roman",Georgia,serif;} /*! --- Lick of paint overrides Please do not delete --- */ /*! --- BU & Department Landing pages Override --- */ /* - Refresh styles - */ .category .M080 .overlayed .copy {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF,endColorstr=#90FFFFFF);background: rgba(255, 255, 255, 0.9); width:50em;} h2, .heading2, .category .M080 {font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif;} .M080 .overlayed .copy, .heroslideshow .overlayed .copy {color:#222222;background:#FFFFFF;font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif;padding: 1.6em 2em 2.7em;}.M080 .overlayed .copy h2,.heroslideshow .overlayed .copy h2,.branding-limited.heroslideshow .overlayed .copy h2, .branding-limited .heroslideshow .overlayed .copy h2{font: 6em "DidotW01Roman", Georgia, 'Times New Roman', serif;margin-bottom:0;text-transform:uppercase;width:8.35em}.heroslideshow .overlayed .copy p,.category .M080 .overlayed .copy p {font: 1.8em "DidotW01Roman", Georgia, 'Times New Roman', serif;}.category .M080 .overlayed .copy a {font: bold 1.8em "DidotW01Roman", Georgia, 'Times New Roman', serif;letter-spacing:0;padding:0;}.heroslideshow .overlayed .copy a, .heroslideshow .overlayed .copy a.primary-btn .branding-blue-harbour.heroslideshow .overlayed .copy a, .branding-blue-harbour .heroslideshow .overlayed .copy a, .branding-collezione.heroslideshow .overlayed .copy a, .branding-collezione .heroslideshow .overlayed .copy a, .branding-peruna.heroslideshow .overlayed .copy a, .branding-peruna .heroslideshow .overlayed .copy a, .branding-limited.heroslideshow .overlayed .copy a, .branding-limited .heroslideshow .overlayed .copy a, .branding-mns-man.heroslideshow .overlayed .copy a, .branding-mns-man .heroslideshow .overlayed .copy a, .branding-mns-woman.heroslideshow .overlayed .copy a, .branding-mns-woman .heroslideshow .overlayed .copy a, .branding-north-coast.heroslideshow .overlayed .copy a, .branding-north-coast .heroslideshow .overlayed .copy a, .branding-savile-row.heroslideshow .overlayed .copy a, .branding-savile-row .heroslideshow .overlayed .copy a, .branding-indigo.heroslideshow .overlayed .copy a, .branding-indigo .heroslideshow .overlayed .copy a, .branding-classic.heroslideshow .overlayed .copy a, .branding-classic .heroslideshow .overlayed .copy a {background: none;border: none;color: #222222;font:normal normal 1.8em "DidotW01Bold",Georgia, 'Times New Roman', serif;padding:0;}.heroslideshow .overlayed .copy a, .heroslideshow .overlayed .copy a.primary-btn .branding-blue-harbour.heroslideshow .overlayed .copy a, .branding-blue-harbour .heroslideshow .overlayed .copy a, .branding-collezione.heroslideshow .overlayed .copy a, .branding-collezione .heroslideshow .overlayed .copy a, .branding-peruna.heroslideshow .overlayed .copy a, .branding-peruna .heroslideshow .overlayed .copy a, .branding-limited.heroslideshow .overlayed .copy a, .branding-limited .heroslideshow .overlayed .copy a, .branding-mns-man.heroslideshow .overlayed .copy a, .branding-mns-man .heroslideshow .overlayed .copy a, .branding-mns-woman.heroslideshow .overlayed .copy a, .branding-mns-woman .heroslideshow .overlayed .copy a, .branding-north-coast.heroslideshow .overlayed .copy a, .branding-north-coast .heroslideshow .overlayed .copy a, .branding-savile-row.heroslideshow .overlayed .copy a, .branding-savile-row .heroslideshow .overlayed .copy a, .branding-indigo.heroslideshow .overlayed .copy a, .branding-indigo .heroslideshow .overlayed .copy a, .branding-classic.heroslideshow .overlayed .copy a, .branding-classic .heroslideshow .overlayed .copy a {background: none;border: none;color: #333333;font: bold "DidotW01Roman", Georgia, 'Times New Roman', serif;padding:0;}.category .M080 .overlayed .copy a{background-image:none;}.category .M080 .overlayed .copy a:after,.heroslideshow .overlayed .copy a:after, .heroslideshow .overlayed .copy a.primary-btn .branding-blue-harbour.heroslideshow .overlayed .copy a:after, .branding-blue-harbour .heroslideshow .overlayed .copy a:after, .branding-collezione.heroslideshow .overlayed .copy a:after, .branding-collezione .heroslideshow .overlayed .copy a:after, .branding-peruna.heroslideshow .overlayed .copy a:after, .branding-peruna .heroslideshow .overlayed .copy a:after, .branding-limited.heroslideshow .overlayed .copy a:after, .branding-limited .heroslideshow .overlayed .copy a:after, .branding-mns-man.heroslideshow .overlayed .copy a:after, .branding-mns-man .heroslideshow .overlayed .copy a:after, .branding-mns-woman.heroslideshow .overlayed .copy a:after, .branding-mns-woman .heroslideshow .overlayed .copy a:after, .branding-north-coast.heroslideshow .overlayed .copy a:after, .branding-north-coast .heroslideshow .overlayed .copy a:after, .branding-savile-row.heroslideshow .overlayed .copy a:after, .branding-savile-row .heroslideshow .overlayed .copy a:after, .branding-indigo.heroslideshow .overlayed .copy a:after, .branding-indigo .heroslideshow .overlayed .copy a:after, .branding-classic.heroslideshow .overlayed .copy a:after, .branding-classic .heroslideshow .overlayed .copy a:after{content:""; bottom:3px; font-size: 1.2em; height:1px;}.category .M080 .overlayed .copy.style02 a, .category .M080 .overlayed .copy.style01 a.primary-btn, .category .M080 .overlayed .copy.style02 a.primary-btn,.category .M080 .overlayed .copy.style02 span, .category .M080 .overlayed .copy.style02 p, .category .M080 .overlayed .copy.style02 h1, .category .M080 .overlayed .copy.style02 h2, .category .M080 .overlayed .copy.style02 h3{color:#222222;}.category .M080 .overlayed .copy.style02 h2,.category .M080 .overlayed .copy.style01 h2,.category .M080 .overlayed .copy.style02 h2{letter-spacing:0;line-height:1.2em;}.category .M080 .overlayed span{text-align:left;}.copy .brand-name{font-family: "HelveticaNeueW01-55Roma",Helvetica, sans-serif;font-size: 0.778em;text-transform:uppercase;border-bottom:2px solid #222222;display:block;height:2em;padding-top: 0.6em;width:20em;margin-bottom:0.8em;}.category .M080 .overlayed .copy.style02 p {margin-top: 0;}.category .M080 .overlayed .copy p{margin-bottom:0;} /*! --- Brand Landing page Hero --- */ /* - Refresh styles - */ .heroslideshow .overlayed .copy {left:2.5em;width:50em;}.heroslideshow .slideshow h1 img{display:block;}.heroslideshow .overlayed .copy p{margin-top:0;}.heroslideshow .overlayed .copy.style02 h1, .heroslideshow .overlayed .copy.style02 h2, .heroslideshow .overlayed .copy.style02 h3, .heroslideshow .overlayed .copy.style02 p, .heroslideshow .overlayed .copy.style02 .cta a{color:#222222;margin-top:0;}.M080 .overlayed .copy, .heroslideshow .overlayed .copy{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF,endColorstr=#90FFFFFF);background: rgba(255, 255, 255, 0.9);}/*!Removed 26-11-13 .heroslideshow .tab-timeline ul.tabs{display:none;}*/ /*! --- Editorial Modules update 06-12-2013 --- */ /* REMOVED OPACITY CONFLICT- Refresh styles - */ .latestModule .edi-panel .title,.latestModule .edi-panel h3 .title { font-family:'DidotW01Roman', Georgia,'Times New Roman', serif;margin-bottom:6px;}.editorial-module .subtitle, .editorial-wrapper .edi-panel .subtitle, .latestModule .edi-panel .subtitle {font-size:0.778em;line-height:0.85em;}.editorial-wrapper .edi-panel .copy a, .latestModule .edi-panel .copy a {font-size:1.2em;text-transform:uppercase;}.full-bleed .editorial-content, .full-bleed .copy, .editorial-wrapper .edi-panel .copy, .latestModule .edi-panel .copy{/* opacity removed */ min-height:73px;width:26em;padding:0.5em 1.12em 1.7em;}.latestModule .edi-panel .title {font-size:0.5em;}.editorial-module .call-to-action, .editorial-wrapper .edi-panel .call-to-action, .latestModule .edi-panel .call-to-action {bottom:0.8em;padding: 0;}.latestModule .edi-panel .title, .latestModule .edi-panel h3 .title{line-height:1.5em;} /*! --- Square Module Offers Panel --- */ /* - Refresh styles - */ .latestModule .edi-panel.offer.black {background:#000000;}.latestModule .edi-panel.offer.white{background:#FFFFFF;}.latestModule .edi-panel.no-image h3{position:relative;top:0;}.latestModule .edi-panel.offer.no-image.black .subtitle,.latestModule .edi-panel.no-image.black .description{color:#FFFFFF;}.latestModule .edi-panel.offer.no-image.white .subtitle,.latestModule .edi-panel.no-image.white .description{color:#000000;}.latestModule .edi-panel.offer.no-image h3 .subtitle {font:'DidotW01Roman',Georgia,'Times New Roman', serif;margin-top: 2.05em;position:relative;}.latestModule .edi-panel.no-image h3 .subtitle {font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif; font-size: 3.272em !important; line-height: 1.2em; }.edi-panel.offer.no-image h3:after {border-bottom: 2em solid #BD2D24;content: "";display: block;height: 1.01em;margin:0 auto;position: relative;width: 21em;}.latestModule .edi-panel.no-image {display:block;}.latestModule .edi-panel.offer.no-image .call-to-action a{bottom: -0.25em;font-size: 1.2em;left: 0;margin: 0;padding: 0;position: absolute;text-transform: uppercase;width: 25em;}.latestModule .edi-panel.no-image p {bottom:19px;}.latestModule .edi-panel p .description {bottom: 20.1em;color: #FFFFFF;font-size: 1.2em;left: 0;padding: 0;position: absolute;text-indent: 0;text-transform: uppercase;width: 25em;}.latestModule .edi-panel.offer.no-image.black h3 .subtitle, .latestModule .edi-panel.offer.no-image.black .call-to-action a{color:#FFFFFF;}.latestModule .edi-panel.offer.no-image.white h3 .subtitle, .latestModule .edi-panel.offer.no-image.white .call-to-action a{color:#000000;}.editorial-module .subtitle, .editorial-wrapper .edi-panel .subtitle, .latestModule .edi-panel .subtitle.serif {font-family: "DidotW01Roman",Georgia,"Times New Roman",serif;}.editorial-module.cut-out .title, .editorial-wrapper .edi-panel.cut-out .title, .latestModule .edi-panel.cut-out .title, .ie8 .editorial-module.cut-out .title, .ie8 .editorial-wrapper .edi-panel.cut-out .title, .ie8 .latestModule .edi-panel.cut-out .title{font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.editorial-module.cut-out .title, .editorial-wrapper .edi-panel.cut-out .title, .latestModule .edi-panel.cut-out .title{font-size:0.389em;} /*! --- CTAs for Brand / Department / BU Heros --- */ /* - Refresh styles - */ .heroslideshow .overlayed .copy a, .heroslideshow .overlayed .copy a.primary-btn .branding-blue-harbour.heroslideshow .overlayed .copy a, .branding-blue-harbour .heroslideshow .overlayed .copy a, .branding-collezione.heroslideshow .overlayed .copy a, .branding-collezione .heroslideshow .overlayed .copy a, .branding-peruna.heroslideshow .overlayed .copy a, .branding-peruna .heroslideshow .overlayed .copy a, .branding-limited.heroslideshow .overlayed .copy a, .branding-limited .heroslideshow .overlayed .copy a, .branding-mns-man.heroslideshow .overlayed .copy a, .branding-mns-man .heroslideshow .overlayed .copy a, .branding-mns-woman.heroslideshow .overlayed .copy a, .branding-mns-woman .heroslideshow .overlayed .copy a, .branding-north-coast.heroslideshow .overlayed .copy a, .branding-north-coast .heroslideshow .overlayed .copy a, .branding-savile-row.heroslideshow .overlayed .copy a, .branding-savile-row .heroslideshow .overlayed .copy a, .branding-indigo.heroslideshow .overlayed .copy a, .branding-indigo .heroslideshow .overlayed .copy a, .branding-classic.heroslideshow .overlayed .copy a, .branding-classic .heroslideshow .overlayed .copy a {font-family:'DidotW01Bold', Georgia,'Times New Roman', serif;} /*! --- Trends overlays --- */ /* - Refresh styles - */ .trends .section-spotlight .copy {background-color: #FFFFFF;bottom: 1em;color: #000032;left: 1em;min-height: 10.3em;opacity: 0.9;padding: 0.7em 2em 0.4em;position: absolute;text-align: center;width: 34em;z-index: 1;} /*! --- Overrides Added 05-12-2013 --- */ /*! --- Edi panel alignment --- */ /* - Refresh style amends- */ .latestModule .edi-panel.taller .copy, .latestModule .edi-panel.vertical .copy, .full-bleed .editorial-content, .full-bleed .copy, .editorial-wrapper .edi-panel .copy, .latestModule .edi-panel .copy {bottom: 0.9em;left: 0.9em;} /*! --- Info flyout panel links --- */ /* - Links were white this overrides so they are viewable - */ .uniqueCtrl .information-panel .subcontent a {color: #7E7E7E;} /*! --- Overrides Added 06-12-2013 --- */ /*! --- Brand hero panel --- */ /* - Adjusting width of overlay panel to accomodate large type- */ .category .M080 .overlayed .copy.style02 h2 {width:8.35em;} /*! --- Brand Hero p width --- */ /* - Fixing text formatting on brand carousels- */ .heroslideshow .overlayed .copy p {width:100%;} /*! --- Editorial panel h2 --- */ /* - Refresh style for offers panels- */ .latestModule .edi-panel.no-image h3{font-size:.8em;} /*! --- Weekly Edit category h4 --- */ /* - Adjusting font size on weekly edit slider - */ .weekly-edit .category .copy h4 {font-size:1.3em;} /*! --- Overrides Added 09-12-2013 --- */ /*! --- Ipad copy panel fix --- */ /* - Fixing issue where overlay block on hero carousels was displaying incorrectly on ipad - */ .touch .category .M080 .overlayed .copy {display:block;} /*! --- Overrides Added 11-12-2013 --- */ /*! --- Home page carousel update --- */ /* - Providing a style for overlayed text panel in top left- */.styleLiving .edi-panel.hero-style.seven.vertical {background: rgba(255,255,255,.6);color:#000000;display:block;height:35em;left: 35.75em;top: 12em;width: 48.5em;}.styleLiving .edi-panel.hero-style.seven.vertical h2 {font: normal normal 4em/0.5em 'didotW01Roman',Georgia,serif; margin-top: 0.3em;margin-bottom:0;text-transform: uppercase;}.styleLiving .latestModule .edi-panel.hero-style .call-to-action a {margin-top:0;}.styleLiving .latestModule .edi-panel .call-to-action {bottom:auto;margin-top:0;}.styleLiving .latestModule .edi-panel.hero-style.seven p {margin-top:.2em;} /*! --- Home page carousel update --- */ /* - Providing a style for overlayed text panel in top left with - */.styleLiving .edi-panel.hero-style.seven.vertical {background: rgba(255,255,255,.6);color:#000000;display:block;height:35em;left: 35.75em;top: 12em;width: 48.5em;}.styleLiving .edi-panel.hero-style.seven.vertical h2 {font: normal normal 4em/0.5em 'didotW01Roman',Georgia,serif; margin-top: 0.3em;margin-bottom:0;text-transform: uppercase;}.styleLiving .latestModule .edi-panel.hero-style .call-to-action a {margin-top:0;}.styleLiving .latestModule .edi-panel .call-to-action {bottom:auto;margin-top:0;}.styleLiving .latestModule .edi-panel.hero-style.seven p {margin-top:.2em;} /*! --- Overrides Added 13-12-2013 --- */ /*! --- Fix for bank carousel --- */ /* - Used to fix the placement of timeline and nav - *//*.uniqueCtrl.carouselPanel .M080 {height:61em;}*/.uniqueCtrl.carouselPanel .M080 {height: 44.2em;}.uniqueCtrl.carouselPanel .M080 .tab-timeline-wrapper{top:44.8em;}.uniqueCtrl.carouselPanel .M080 .shop-nav li {background:none;}.uniqueCtrl.carouselPanel .M080 .shop-nav {background:#FFFFFF;}.uniqueCtrl.carouselPanel .M080 .shop-nav li a {color:#000000;}.uniqueCtrl.carouselPanel .category .M080 .overlayed .copy {width:44em;}.carouselPanel .M080 .overlayed .copy{max-width:44em;width:auto;}.category .carouselPanel .M080 .overlayed .copy.style02 h2 {white-space: normal;width: auto;} /*! --- Overrides Added 16-12-2013 --- */ /*! --- Trends panels --- */ /* - Applying amends requested by UX including opacity, font-styles & position - */.trends .section-spotlight .copy h4, .section-spotlight .copy h4 {color:#000000;color:rgba(0,0,0);font:normal normal 2.4em/0.95em 'DidotW01Roman',Georgia,'Times New Roman',serif;letter-spacing:0;margin-top:0.6em;}.trends .section-spotlight .copy .cta a,.trends .section-spotlight .copy a .cta,.trends .section-spotlight .copy a .call-to-action {font-size:0.85em;margin-bottom: 1.3em;text-transform:uppercase;}.trends .section-spotlight .copy .cta a:hover,.trends .section-spotlight .copy a:hover .cta,.trends .section-spotlight .copy a:hover .call-to-action,.trends .section-spotlight .copy a .call-to-action:hover,.section-spotlight .copy p a .cta:hover {text-decoration:underline;} /*! --- Overrides Added 17-12-2013 --- */ /*! --- Latest news homepage slider --- */ /* - Adding styles for latest news block within home weekly slider - */.ie8 .homepage .weekly-edit .weekly .gflex:first-child:before{content: "";display: block;border-bottom: 0.4em solid #000000;position:absolute;bottom:21em;z-index:5;}.homepage .weekly-edit .weekly .gflex:first-child::before{content: "";display: block;border-bottom: 0.4em solid #000000;position:absolute;bottom:21em;z-index:5;}.ie8 .homepage .weekly-edit .weekly .gflex:first-child:after {content: "";display: block;border-top: 2em solid #000000;position:absolute;top:0;width:55.5em;z-index:9;} .homepage .weekly-edit .weekly .gflex:first-child::after {content: "";display: block;/*border-top: 2em solid #000000*/;position:absolute;top:0;width:55.5em;z-index:9; }.homepage .weekly-edit .weekly .gflex:first-child .g4 + g4 img {visibility:hidden;}.homepage .weekly-edit .weekly .gflex:first-child .g4:first-child .copy {position: absolute;top: 3em;left: 28em;width:21em;z-index:4;}.homepage .weekly-edit .weekly .gflex:first-child .copy p a {background:none;}.homepage .weekly-edit .weekly .gflex:first-child .cq-dd-image.cq-image-placeholder {visibility: hidden!important;}.homepage .weekly-edit .weekly .gflex:first-child .g4:first-child img {margin-top: 0em;z-index:-1em;}.ie8 .cssgradients .homepage .weekly-edit .gflex:first-child .g4:first-child .feature-container>a:after, .cssgradients .homepage .weekly-edit .gflex:first-child .g4:first-child .feature-container>a:after {display:block;margin-top:2em;}.ie8 .cssgradients .homepage .weekly-edit .gflex:first-child .g4:first-child .feature-container>a:hover:after, .cssgradients .homepage .weekly-edit .gflex:first-child .g4:first-child .feature-container>a:hover:after {margin-top:0;}.ie8 .homepage .weekly-edit .weekly .gflex:first-child .g4:first-child .category a {height:100%;}.homepage .weekly .gflex:first-child .g4:first-child p + p {font-size: 1.2em;line-height: 1.5em;}.homepage .weekly-edit .weekly > .gflex:first-child .g4:first-child .category a{margin-top:0;} .ie9 .homepage .weekly-edit .weekly > .gflex:first-child .g4:first-child .category a{margin-top:0;}.ie9 .homepage .weekly-edit .weekly .gflex:first-child .g4:first-child img {margin-top: 0;}.cssgradients .homepage .weekly-edit .gflex:first-child .g4:first-child .feature-container > a:after {margin-top:0;} /*! --- Overrides Added 19-12-2013 --- */ /*! --- homepage slider new text-overlay style --- */ /* - Module style for homepage carousel- */.edi-panel.hero-style.one.horizontal.left h1{padding: .8em 0 0 .8em;}.edi-panel.hero-style.one.horizontal.left h1 .subtitle, .edi-panel.hero-style.one.horizontal.left h1 .title {font-family: 'DidotW01Roman','Times New Roman',Georgia, serif;font-style: normal;line-height: 1em;margin-bottom:0;font-size: 1.3em;}.edi-panel.hero-style.one.horizontal.left .call-to-action {left:2.2em;bottom:1.8em;} /*! --- Overrides Added 14-01-2014 --- */ /*! --- Weekly Edit slider Latest News positioning --- */ .homepage .weekly-edit .weekly .gflex:first-child .module-day{display:inline-block;}.homepage .weekly-edit .weekly .gflex:first-child .module-day.new{display: block;font: 2em/2.5em 'DidotW01Roman',serif;left: -11em;position: absolute;top: 15.5em;} /*! --- Overrides Added 23-01-2014 --- */ /*! --- Style and living top nav mega menu height --- */ /*.level-one .mega-wrap li:first-child .mega-inner {height:auto;overflow:hidden;min-height:400px;}*/ /*! --- Overrides Added 24-01-2014 --- */ /*! --- Top Nav option for custom content --- */ .simple-list.offer-list.left-border{border-left: 1px solid #666666;border-right: none;margin-bottom: 2.5em;min-height: 38.5em;padding: 2.2em 2em 1.2em 1.2em;text-align: left;width: 80%;} /*! --- QC 25083-Width of date bar to 228px desktop --- */ .weekly-edit .date {padding: 0 0 .75em .6em;width:11em;border-bottom:0.45em solid #222;} /*! --- QC 25083-Width of date bar to 228px desktop --- */ .weekly-edit .date {padding: 0 0 .75em .6em;width:11em;border-bottom:0.45em solid #222;} /*! --- QC 25083-Width of date bar to max-width ipad --- */ .touch .scrollContainer.wrap, .touch .wrap.weekly-edit {max-width: 960px;} /*! --- QC 25087-Changing font slider title divider --- */ .homepage .title-divider {font-family:'DidotW01Roman','Times New Roman',Georgia, serif;}.styleLiving .title-divider.wrap{margin-bottom:1em;} /*! --- Overrides Added 09-01-2014 --- */ /*! --- QC 25677 - Top nav image vertical alignment --- */ .editorial-wrapper .menu-feature .copy p,.editorial-wrapper .menu-feature .copy p a {line-height:1em;} /*! --- Override for intro para --- */ .product-listing-page .banner-generic .intro-para p {font-family: 'DidotW01Roman',serif;font-size: 1.8em;} /*! --- 04-02-2014 - Brand carousel fix --- */ .heroslideshow .overlayed .copy a, .heroslideshow .overlayed .copy a.primary-btn .branding-blue-harbour.heroslideshow .overlayed .copy a, .branding-blue-harbour .heroslideshow .overlayed .copy a, .branding-collezione.heroslideshow .overlayed .copy a, .branding-collezione .heroslideshow .overlayed .copy a, .branding-peruna.heroslideshow .overlayed .copy a, .branding-peruna .heroslideshow .overlayed .copy a, .branding-limited.heroslideshow .overlayed .copy a, .branding-limited .heroslideshow .overlayed .copy a, .branding-mns-man.heroslideshow .overlayed .copy a, .branding-mns-man .heroslideshow .overlayed .copy a, .branding-mns-woman.heroslideshow .overlayed .copy a, .branding-mns-woman .heroslideshow .overlayed .copy a, .branding-north-coast.heroslideshow .overlayed .copy a, .branding-north-coast .heroslideshow .overlayed .copy a, .branding-savile-row.heroslideshow .overlayed .copy a, .branding-savile-row .heroslideshow .overlayed .copy a, .branding-indigo.heroslideshow .overlayed .copy a, .branding-indigo .heroslideshow .overlayed .copy a, .branding-classic.heroslideshow .overlayed .copy a, .branding-classic .heroslideshow .overlayed .copy a {background:none;filter:none;} /*! --- top nav last column border fix --- */ .box.g8 + .box.g8 + .box.g8 .menu-feature,.box.g12 + .box.g12 + .box.g8 + .box.g8 + .box.g8 .menu-feature,.box.g8 + .box.g8 + .box.g8 .box.g12 + .box.g12 .menu-feature {border-right: none;}.box.g8 + .box.g8 + .box.g8 .box.g12 .menu-feature {border-right: 1px solid #000000;} /*! --- Position relatively images in top nav --- */ .cq_topnav_img.rel .img, .cq_topnav_img.rel .menu-feature .img {position:relative;} /*! --- Letter Spacing on Carousel Navigation Tabs --- */ .M080 .tab-timeline ul.tabs li a {letter-spacing: 0.1em;} /*! --- ERROR Messages icons etc --- */ .returning-customers.error-scenarios .messaging.error-msg,#login-iframe .messaging.error-msg,#checkoutLogin .messaging.error-msg{background: url("../../images/global/sprites/global_icon_bgs.png") no-repeat -283px -373px #FFF3F4;background-color: #ffffcc;border-color: #ffff66;color: #333;}#checkoutLogin .messaging.error-msg h2 {background-image: none;background-color: #ffffcc;border-color: #ffff66;color: #333;}.returning-customers.error-scenarios .fielditem.error > label, #login-iframe .fielditem.error > label {color: #333;} /*! --- Flyout Panel font override QC 25869 --- */ .information-panel .delivery-details-flyout ul li a {font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;}.wf-icon-next-01:after {content: " \E600";font-family: 'nw-icons';} /*! --- Ipad Home carousel fix 12-02-2014 --- */ .touch .homepage .heroslideshow .latestModule,.touch .homepage .heroslideshow {height:61.8em;} /*! --- Ipad Home carousel fix 13-02-2014 --- */ /*.touch .burgundy {display:inline;}*/ /*! --- Ipad Per Una carousel fix 13-02-2014 --- */ .touch .slideshow.swipe {height:47em;} /*! --- Generic banners Text styles --- */ .banner-generic .inner-box p{font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;} /*! --- Video editorial button --- */ .edi-panel.horizontal.full-bleed .copy.video {height: 90px;}.edi-panel.horizontal.full-bleed .copy.video .call-to-action a {background: url("../../images/global/sprites/video_lrg.png") no-repeat scroll 50% 0 transparent;display: inline-block;}.call-to-action.video a, .copy.video .call-to-action a {padding-top:5em;}@media screen and (max-width:1239px){.call-to-action.video a, .copy.video .call-to-action a {padding-top:6em;}} /*! --- Editorial overlay right aligned --- */ .edi-panel.horizontal.buying-guide.full-bleed.right .copy {left: auto;right: 0.9em;}.edi-panel.box-module.full-bleed .copy.video {height: 8.15em;}.edi-panel.box-module.full-bleed .copy.video .call-to-action a {background-position: 50% 1.5em;} /*! --- Contact by phone --- */ .contactByPhone tr td:first-child {width: 80%;}.contactByPhone tr td {width: 20%;}.contactByPhone table tr {border:none;}.contactByPhone p{font-size:1.4em;}.contactByPhone .description-text-medium {font-size:2em;} /*! --- Social Media Footer link hover colors --- */ .link.wf-icon.wf-icon-facebook:hover {color:#3B5996;}.link.wf-icon.wf-icon-twitter:hover {color:#01ABF0;}.link.wf-icon.wf-icon-gplus:hover {color:#FF624A;}.link.wf-icon.wf-icon-pinterest:hover {color:#EF252E;}.link.wf-icon.wf-icon-youtube:hover {color:#F51B24;}.link.wf-icon.wf-icon-instagram:hover {color:#3B74A3;} /*! --- IPAD M&S Bank Carousel fix --- */ .touch .uniqueCtrl.carouselPanel .M080 .tab-timeline-wrapper {top:0;}.touch .uniqueCtrl.carouselPanel .rightHeroPanel {position:absolute!important;} /*! --- IE8 Video button fix 24-02-2014 --- */ .ie8 .edi-panel.horizontal.full-bleed .copy.video .call-to-action a {height: 0px;padding-top: 5em;}.ie8 .edi-panel.horizontal.full-bleed .copy.video h3 .title {font-size:0.5em;} /*! --- Migrated User Password Message override --- */ #checkoutLogin .messaging {color: #EA122A;}#checkoutLogin .messaging.info {background:url("../../images/global/sprites/global_icon_bgs.png") no-repeat scroll -210px -463px #FFF3F4;border-color: #EA122A;}#checkoutLogin .messaging h1,#checkoutLogin .messaging h2,#checkoutLogin .messaging h3 {color: #EA122A;} /*! --- Checkout delivery override 25-02-2014 --- */ .Bag .checkout-delivery-faq a {color: #666666;display: block;margin-top: 1.2em;text-decoration: underline;} /*! --- Size Guides / Flyout panels Slide content --- */ /*! --- Slide content */.information-panel .content .size-guide-flyout .subcontent {overflow: auto !important;}.information-panel .content .size-guide-flyout .scroller {display: none !important;}.information-panel #size-guide {background: #fff;}.information-panel #size-guide .slide-container {border-bottom: 0;float: left;overflow: hidden;padding: 0 !important;position: relative;width: 398px;}.information-panel #size-guide .slideContent-controls {border-bottom: 0;border-left: 1px solid #ccc;border-top: 0;height: 4.2em;left: 164px;overflow: hidden;position: absolute;top: 0;width: 233px;z-index: 10;}.information-panel #size-guide .slideContent-controls li {background: none;cursor: pointer;direction: ltr;font-size: 1.2em;height: 100%;list-style-image: none;opacity: 1;position: relative;text-indent: -9999px;width: 77px;}.information-panel #size-guide .slideContent-controls li.previous {border-right: 1px solid #ccc;float: left;}.information-panel #size-guide .slideContent-controls li.next {border-left: 1px solid #ccc;}.information-panel #size-guide .slideContent-controls li.previous:before,.information-panel #size-guide .slideContent-controls li.next:before {background: url(../../images/external/size-guide.png) no-repeat 50% -347px;bottom: 0;content: " ";position: absolute;left: 0;right: 0;top: 0;width: 77px;}.information-panel #size-guide .slideContent-controls li.next:before {background: url(../../images/external/size-guide.png) no-repeat 50% -397px;} /*! --- Slide controls : disabled */.information-panel #size-guide .slideContent-controls li.previous.disabled:before,.information-panel #size-guide .slideContent-controls li.next.disabled:before {cursor: default;opacity: 0.2;}.information-panel #size-guide .information-panel .slideContent-controls li {float: right;margin-left: 0;}.information-panel #size-guide .slide {border-top: 1px solid #ccc;margin: 0 0 2em 0;overflow: hidden;position: relative;width: 100%;} /*! --- size table */.information-panel table.size-information {border: 1px solid #ccc;float: left;font-family: 'HelveticaNeueW01-UltLt', Helvetica, Arial, Sans-serif;margin-top: -1px;margin-left: -1px;width: auto;}.information-panel table.size-information td,.information-panel table.size-information th {border: 1px solid #ccc;cursor: default !important;height: 1em;max-width: none;min-width: 67px;overflow: hidden;padding: 0.5em 5px;text-align: center;vertical-align: middle;width: 67px;}.information-panel #size-guide p.view {float: left;font-size: 1.4em;margin: 0;padding: 0.5em 0.5em 0.5em 0;width: auto;}.information-panel .units {float: left;}.information-panel .units li {background: url("../../images/external/unit-toggle.png") no-repeat 10px -65px;cursor: pointer;float: left;padding: 5px 5px 7px 38px;}.information-panel .units li.active {background-position: 10px 5px;}.information-panel table.size-information tr {border: none;}.information-panel table.size-information td,.information-panel table.size-information td:hover {background: #fff;color: #333;}.information-panel table.size-information tr:nth-child(2n) td,.information-panel .table-labels li:nth-child(even) {background: #F8F8F8 !important;}.information-panel table.size-information tr td.active {background: #333;color: #FFF;}.information-panel .view-type {color: #666;margin: 0 20px 2em;}.information-panel .view-type p {line-height: 2.22em;padding-right: 5px;vertical-align: middle;}.information-panel .view-type p,.information-panel .view-type .units {float: left;font-family: 'HelveticaNeueW01-45Ligh' , Helvetica, Arial, Sans-serif;}.information-panel .view-type .units{float: right;margin-bottom: 0;padding-right: 20px;width: auto;}.information-panel .view-type .units li {list-style: none;margin-bottom: 0;margin-left: 0;}.information-panel .view-type:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.information-panel .table-labels {background: #fff;font-size: 1.3em;left: 0;margin-bottom: 0;position: absolute;text-align: right;top: 0;width: 165px;z-index: 5;}.information-panel .table-labels li {border-right: 1px solid #ccc !important;border-bottom: 1px solid #ccc !important;display: block;padding: 0;margin: 0 !important;}.information-panel .table-labels li a {color: #333;cursor: default;display: block;font-size: 0.8em;padding: 10px 20px; /* New - top and bottom */text-align: left;text-decoration: none;}.information-panel .table-labels .count_1 a {font-weight: normal;}.information-panel .table-labels li.full a {font-size: 1em;}.information-panel table.size-information td.full {direction: ltr;text-align: left;text-indent: -9999px;}.information-panel table.size-information tr:first-child td {border: none;}.information-panel li.full {border-top: 1px solid #ccc;background: #fff;margin-top: -1px;width: 398px;}.information-panel #size-guide .size_note {color: #666666;margin: 0 20px 20px;} /*! --- START ACCORDION -- */.information-panel #size-guide .accordion-list {background: #f8f8f8;}.information-panel #size-guide .section.accordion-section {border-bottom: 1px solid #ccc;padding: 0;}.information-panel #size-guide .section.accordion-section h2 {background: none;font-size: 0.7em;height: auto;padding: 0;}.information-panel #size-guide .section.accordion-section h2 a {background-color: #f8f8f8;padding: 15px 20px;}.information-panel #size-guide .section.accordion-section h2 a:hover {background-color: #f8f8f8;font-weight: bold;}.information-panel #size-guide .subcontent .section.accordion-section ul.accordion-list {margin: 0;padding: 0;list-style-type: none;border: none;}.information-panel #size-guide .subcontent .section ul.accordion-list li {background: #F8F8F8;margin: 0;padding: 0;}.information-panel #size-guide .section.accordion-section ul.accordion-list li h3.heading {font-size: 1em;margin: 0;padding: 0;}.information-panel #size-guide .section.accordion-section ul.accordion-list li h3.heading a {background-color: #f8f8f8;font-size: 1.3em;padding-left: 20px;}.information-panel #size-guide .accordion-list .accordion-content.closed .heading a {background-position: 94% 24px;}.information-panel #size-guide .accordion-list .accordion-content.closed .heading a:focus {outline: 0;}.information-panel #size-guide .accordion-list .accordion-content .heading a {background-position: 94% -172px;outline: 0;}.information-panel #size-guide .accordion-list .content {padding: 10px 0 20px 0;}.information-panel #size-guide .accordion-list .content p {color: #333;font-size: 1em;margin-bottom: 10px;}.information-panel #size-guide .accordion-list .heading a {border-top: 1px solid #DADADA;}.information-panel #size-guide .section:before {right: 0;}.information-panel #size-guide h3,.information-panel #size-guide h4 {color: #333;font-size: 1em;font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, Sans-serif;margin: 20px 0 2px;}.information-panel #size-guide h3:first-child {margin-top: 0;}.information-panel #size-guide h3:first-child {margin-top: 0;}.information-panel .subcontent .section ul.accordion-list li ul.helpful_advice {font-size: 0.9em;overflow: hidden;width: 100%;}.information-panel .subcontent .section ul.accordion-list li ul.helpful_advice li {float: left;list-style: none;margin: 0 0 0 20px;width: 170px; /* Fixed width based on panel size? */}.information-panel .subcontent .section ul.accordion-list li ul.helpful_advice li a {color: #333;font-size: 0.8em;}.information-panel .subcontent .section ul.accordion-list li ul.helpful_advice li a:after {background: url(../../images/external/size-guide.png) no-repeat 100% -267px;content: " ";display: inline-block;height: 12px;width: 15px;}.information-panel .subcontent .section ul.accordion-list li ul.helpful_advice li a:hover {text-decoration: underline;} /*! --- International conversion styles */.information-panel .subcontent .section ul.accordion-list li#international_conversion table {border: 1px solid #ccc;margin: 20px 40px 0 20px;}.information-panel .subcontent .section ul.accordion-list li#international_conversion table tr {border: 0;}.information-panel .subcontent .section ul.accordion-list li#international_conversion table th,.information-panel .subcontent .section ul.accordion-list li#international_conversion table td {padding: 8px;text-align: center;}.js .international_sizes_table {display: none;font-size: 12px;}.information-panel .subcontent .section ul.accordion-list li#international_conversion .btn {font-size: 1em;outline: 0;}.information-panel .subcontent .section ul.accordion-list li#international_conversion table th {background: #333;border: 1px solid #ccc;color: #fff;font-weight: normal;}.information-panel .subcontent .section ul.accordion-list li#international_conversion table td {background: #fff;border: 1px solid #ccc;color: #333;}.information-panel .subcontent li#international_conversion ul.international_sizes_key {font-size: 9px;list-style: none;margin-top: 20px;overflow: hidden;padding: 0 10px 0 20px;}.information-panel .subcontent li#international_conversion ul.international_sizes_key li {float: left;list-style: none;margin: 0 10px 0 0;width: 170px;}.information-panel .subcontent li#international_conversion ul.international_sizes_key li span {display: inline-block;font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, Sans-serif;width: 1.75em;} /*! --- The right fix styles */.information-panel .right-fit .section {margin: 20px 0 0;padding: 1px 0;}.information-panel .right-fit .section:before {left: 20px;right: 0;width: auto;}.information-panel #size-guide .right-fit h3 {font-family: "HelveticaNeueW01-45Ligh", Helvetica, Arial, Sans-serif;font-size: 1.3em;margin: 20px 0 10px;}.information-panel #size-guide .right-fit h4 {margin: 0;padding: 0;}.information-panel .subcontent .section .right-fit .section p,.information-panel .subcontent .section .right-fit .section ul {font-size: 0.7em;padding: 2px 40px 0;}.information-panel .subcontent .section .right-fit .section ul li {list-style-position: outside;margin-bottom: 20px;}.information-panel .subcontent .section .right-fit .section ul li:last-of-type {margin-bottom: 0;}.information-panel .subcontent .section .right-fit .section ul li p {padding: 5px 20px 0 0;}.information-panel .subcontent .section .right-fit .section ul li ul {padding: 5px 20px 0;}.information-panel .subcontent .section .right-fit .section ul li ul li {margin-bottom: 2px;}.information-panel #internationalConversion form { padding: 0 20px;}.information-panel #internationalConversion ol {list-style: none;}.information-panel #internationalConversion li {margin-bottom: 5px;}.information-panel #internationalConversion_btn {margin-top: 10px;}.information-panel .select-value,.information-panel select {font-size: 1em;}.menu-FTMen-0302 h2 {color: #333;font: normal 1.4em/1.125em 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';margin-bottom: .5em;} /*! --- Home Carousel Style Top left no overlay --- */.overlayTopLeft {background: none;bottom: 4.2em;color:#000000;font-family: 'DidotW01Roman',serif;left: 2em;padding: 2.5em 2em;position: absolute;text-align: left;top:0;width: 65em;}.overlayTopLeft h1 {font-family: 'DidotW01Roman',serif;font-size: 6.8em;line-height:1em;text-transform: uppercase;}.overlayTopLeft h1 span {clear:both;display:block;font-size:0.45em;line-height:1em;}.overlayTopLeft p {font-size:2em;padding-bottom:0.5em;}.overlayTopLeft .call-to-action,.latestModule .edi-panel.hero-style .call-to-action {font-family: 'DidotW01Bold',serif;}.overlayTopLeft .call-to-action,.latestModule .edi-panel.hero-style .call-to-action {color:#000000;}.overlayTopLeft .call-to-action:hover{text-decoration:underline;}.overlayTopLeft .call-to-action:after, .latestModule .edi-panel.hero-style .call-to-action:after {content:' \2192';height:1px;} /*! --- Home Carousel Style Top left white overlay --- */.overlayTopLeft.whiteBkgd {background:#FFFFFF;height: 24em;left: 4em;margin-top: 3em;opacity: 0.9;width: auto;filter:"alpha(opacity=90)"; filter: alpha(opacity=90);} /*! --- Home Carousel Style Top left no overlay white text --- */.overlayTopLeft.white {background: none;bottom: 4.2em;color:#FFFFFF;font-family: 'DidotW01Roman',serif;left: 2em;padding: 2.5em 2em;position: absolute;text-align: left;top:0;width: auto;}/*Hotspot issue fix width set auto from 65em*/.overlayTopLeft.white h1 {color:#FFFFFF;font-family: 'DidotW01Roman',serif;font-size: 6.8em;line-height:1em;text-transform: uppercase;}.overlayTopLeft.white h1 span {clear:both;color:#FFFFFF;display:block;font-size:0.45em;line-height:1em;}.overlayTopLeft.white p {color:#FFFFFF;font-size:2em;padding-bottom:0.5em;}.overlayTopLeft.white .call-to-action,.latestModule .edi-panel.hero-style .call-to-action {color:#FFFFFF;font-family: 'DidotW01Bold',serif;}.overlayTopLeft.white .call-to-action a,.overlayTopLeft.white .call-to-action,.latestModule .edi-panel.hero-style .call-to-action {color:#FFFFFF;}.overlayTopLeft.white .call-to-action:hover{text-decoration:underline;}.overlayTopLeft .call-to-action:after, .latestModule .edi-panel.hero-style .call-to-action:after {content:' \2192';height:1px;} /*! --- Home Carousel Style White overlay bottom centre --- */.ie8 .overlayBtmCentre {filter:"alpha(opacity=85)"; filter: alpha(opacity=85); } .overlayBtmCentre {background:#FFFFFF;background: rgba(255, 255, 255, 0.85);bottom: 4.2em;font-family: 'DidotW01Roman',serif;left: 25.6em;padding: 2.5em 2em;position: absolute;text-align: center;width: 65em;}.overlayBtmCentre h1 {font-family: 'DidotW01Roman',serif;font-size: 6.8em;text-transform: uppercase;}.overlayBtmCentre h1 span {clear:both;display:block;font-size:0.45em;line-height:1em;}.overlayBtmCentre p {font-size:2em;padding-bottom:0.5em;}.overlayBtmCentre .call-to-action {font-family: 'DidotW01Bold',serif;}.overlayBtmCentre .call-to-action:hover{text-decoration:underline;}.overlayBtmCentre .call-to-action:after {content:' \2192';height:1px;} /*! --- Home Carousel Style White overlay bottom centre wider --- */.overlayBtmCentre.wider {left:16em;margin: 0 auto;padding: 2.5em 2em;width: 70%;} /*! --- Home Carousel Style White overlay bottom centre cta only --- */.overlayBtmCentre.cta {left: 47em;width: auto;} /*! --- Home Carousel Style bottom centre --- */.ie8 .txtBtmCentre {bottom: 4.2em;font-family: 'DidotW01Roman',serif;left: 25.6em;padding: 2.5em 2em;position: absolute;text-align: center;width: 65em;}.txtBtmCentre h1 {font-family: 'DidotW01Roman',serif;font-size: 6.8em;text-transform: uppercase;}.txtBtmCentre h1 span {clear:both;display:block;font-size:0.45em;line-height:1em;}.txtBtmCentre p {font-size:2em;padding-bottom:0.5em;}.txtBtmCentre .call-to-action {font-family: 'DidotW01Bold',serif;}.txtBtmCentre .call-to-action:hover{text-decoration:underline;}.txtBtmCentre .call-to-action:after {content:' \2192';height:1px;} /*! --- Home Carousel Style bottom centre wider --- */.txtBtmCentre.wider {left:16em;margin: 0 auto;padding: 2.5em 2em;width: 70%;} /*! --- Home Carousel Style bottom centre cta only --- */.txtBtmCentre.cta {left: 47em;width: auto;} /*! --- Home lego terms and conditions --- */.homepage.lego_tsandcs.black,.homepage.lego_tsandcs.white {bottom: 1em; display: block; font-size: 1.1em; left: 68em; z-index:-2; position: absolute;} /*! --- Home lego terms and conditions white text --- */.homepage.lego_tsandcs.white a {color:#FFFFFF;} /*! --- Home lego terms and conditions black text --- */.homepage.lego_tsandcs.black a {color:#000000;} /*! --- Home Carousel terms and conditions --- */.homepage.carousel_tsandcs.black,.homepage.carousel_tsandcs.white {bottom: 1em; display: block; font-size: 1.4em; left: 1em; position: absolute;} /*! --- Home Carousel terms and conditions white text --- */.homepage.carousel_tsandcs.white a {color:#FFFFFF;} /*! --- Home Carousel terms and conditions black text --- */.homepage.carousel_tsandcs.black a {color:#000000;} /*! --- Home and Furniture Carousel Burgundy ---*/.burgundy {padding-bottom:4em;}.burgundy .heroslideshow.brand .copy, .category .burgundy .M080 .copy, .touch .category .burgundy .M080 .overlayed .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);}.burgundy .heroslideshow.brand .copy h2, .burgundy .heroslideshow.brand .copy p, .burgundy .heroslideshow.brand .copy a, .category .burgundy .M080 .overlayed .copy h2, .category .burgundy .M080 .overlayed .copy p, .category .burgundy .M080 .overlayed .copy a {color:#FFFFFF;}.ie8 .category .M080 .overlayed .copy A{background-image:none!important;}.ie8 .category .burgundy .M080 .overlayed .copy.style02 H2, .ie8 .category .burgundy .M080 .overlayed .copy.style02 p,.ie8 .category .burgundy .M080 .overlayed .copy.style02 a {color:#FFFFFF!important;} .ie8 .category .burgundy .M080 .overlayed .copy.style02 p,.ie8 .category .burgundy .M080 .overlayed .copy.style02 a{font-family:"DidotW01Roman", Georgia, "Times New Roman", serif;} .ie8 .burgundy .heroslideshow.brand .copy,.ie8 .category .burgundy .M080 .copy{color:#FFFFFF!important;display:inline-block;width:50em;}.ie9 .burgundy .heroslideshow.brand .copy,.ie9 .category .burgundy .M080 .copy{filter:none;}.ie8 .category .burgundy .M080 .copy.style02 {filter:"alpha(opacity=90)"; filter: alpha(opacity=90);}.ie8 .category .M080 .overlayed .copy.style02 p,.ie8 .category .M080 .overlayed .copy.style02 a{font-family:"DidotW01Roman", Georgia, "Times New Roman", serif;}.ie8 .heroslideshow.brand .copy,.ie8 .category .M080 .copy{display:inline-block;width:50em!important;} /*! --- Removing border from SEO Spotlight blocks 26-02-2014--- */.trends .box .section-spotlight {border-right:none;} /*! --- Geo location button ---*/.geo-location .lightbox-inner .contents a {background: url("../../images/global/sprites/bullet-arrow-right.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);display: inline-block;font: 1.05em/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom: 0.2em;padding-right: 18px;} /*! --- ALL BRANDS MW-WW--- */.ll-buniqueCtrl.arands-lp .brands-overlay,.uniqueCtrl.brands-lp .brands-overlay,.uniqueCtrl.all-brands-lp { position: relative; }.uniqueCtrl.all-brands-lp .brands-overlay img { margin-bottom: 3em; }.uniqueCtrl.all-brands-lp .copy { position: absolute; top: 3em; left: 2.5em; background: RGBA(255,255,255,.9); display: block; padding: 1.5em; width:50em; }.uniqueCtrl.all-brands-lp h2 { font: normal 6em "DidotW01Roman", Georgia, 'Times New Roman', serif; color: #000; line-height: 1em; margin-bottom:0.050em;}.uniqueCtrl.all-brands-lp p { font: 2.0em "DidotW01Roman", Georgia, 'Times New Roman', serif; line-height: 1.2em; }.uniqueCtrl.all-brands-lp .brands-overlay .copy .call-to-action{font-family: 'DidotW01Bold',serif;}.uniqueCtrl.all-brands-lp .brands-overlay .copy .call-to-action:after {content:' \2192';}.uniqueCtrl.all-brands-lp .brands-overlay .copy .call-to-action:hover {text-decoration:underline;} /*! --- WW TRENDS LP--- */.uniqueCtrl.ww-trends-lp .trends-overlay { position: relative; }.uniqueCtrl.ww-trends-lp .trends-overlay img { margin-bottom: 3em; }.uniqueCtrl.ww-trends-lp .copy { position: absolute; top: 6em; left: 2.5em; background: RGBA(255,255,255,.9); display: block; padding: 1.5em; width:50em; }.uniqueCtrl.ww-trends-lp h2 { font: normal 4.8em "DidotW01Roman", Georgia, 'Times New Roman', serif; color: #000; line-height: 1em; margin-bottom:0.4em;}.uniqueCtrl.ww-trends-lp p { font: 1.4em "HelveticaNeueW01-55Roma", Helvetica, 'Arial', Sans-serif; line-height: 1.2em; margin-bottom:1.5em; }.mega-outer > li > span {padding: 1.15em 1.1em 1.2em 1em} /*! --- Brands overlay no white panel --- */.uniqueCtrl.all-brands-lp .brands-overlay.text .copy {background:none;} /*! --- Wine Club MR2 Refresh styles 22-01-2014 --- */.wine-subscriptions .category .M080 .overlayed .wine-club,.wine-subscriptions .category .M080 .overlayed .copy.wine-club, .wine-subscriptions .M080 .overlayed .copy.wine-club {background:none;left:0;width:116em;}.wine-subscriptions .category .M080 .overlayed .copy.wine-club h1, .wine-subscriptions .M080 .overlayed .copy.wine-club h1 {font:normal normal 6em 'DidotW01Roman','Times New Roman',serif;margin-bottom:0.7em;text-align:center;text-transform:uppercase;}.wine-subscriptions .M080 .wine-club li .num {color:#FFFFFF;color:rgba(255,255,255,1)!important;font-family: 'DidotW01Roman',serif;}.wine-subscriptions .M080 .overlayed .copy.wine-club a {display:block;font-weight:normal;margin-left:0;text-align:center;width:100%}.wine-subscriptions .M080 .wine-club li {color:#000000;font-family:'DidotW01Roman','Times New Roman',serif;margin-left:5.4em;white-space: nowrap;width:16em;}.wine-subscriptions .M080 .overlayed .copy.wine-club a {background:none;color:#000000;font-size:1.8em;}.wine-subscriptions .wine-club-benefits .tab-container .controls, .wine-subscriptions .wine-club-benefits .tab-container .content {float:left;width:60em;}.wine-subscriptions .category .M080 .overlayed .copy.wine-club h1 span, .wine-subscriptions .M080 .overlayed .copy.wine-club h1 span {font-size: 0.28em;line-height: 0;text-align: center;}.wine-subscriptions .M080 .slideshow {height:42em;}.wine-subscriptions .compare-plans div.box.g12 img {margin-left: 4em;width:56em;}.wine-subscriptions .compare-plans div.box.g12:first-child img {margin-left: 0;}.wine-subscriptions .compare-plans .box.g16 {margin-left: 8em;width:36em;}.wine-subscriptions .compare-plans .box.g16:first-child {margin-left:4em;width:36em;}.wine-subscriptions .compare-plans div.box.g12:first-child .box.g16 {margin-left:4em;}.wine-subscriptions .compare-plans .box.g16 {margin-left: 8em;width: 38em;}.wine-subscriptions .compare-plans .box div.box.g8 {max-width: 11em;position: relative;}.wine-subscriptions .compare-plans .box div.box.g8 img {margin: 0;}.wine-subscriptions .section.wine-club-benefits {border-top:0;border-bottom:0;}.wine-subscriptions .compare-plans {display: inline-block;}.wine-subscriptions .section.wine-club-benefits .header {clear: both;position: relative;width:100%;}.wine-subscriptions .section.wine-club-benefits h2 span {background-color: #FFFFFF;padding: 0 20px;position: relative;z-index: 2;}.wine-subscriptions .section.wine-club-benefits h2:after {border-top: 1px solid black;content: "";height: 1px;position: absolute;right: 0;top: 50%;width: 50%;z-index: 1;}.wine-subscriptions .section.wine-club-benefits h2:before {border-top: 1px solid black;content: "";height: 1px;left: 0;position: absolute;top: 50%;width: 50%;z-index: 1;}.wine-subscriptions .M080, .wine-subscriptions .M080.slideshow {height:44.2em;}.wine-subscriptions .M080 + .lined-header {margin-top:0;}.wine-subscriptions .edi-panel.horizontal.full-bleed .copy h3 {font-size:1.8em;margin-bottom:0.4em;}.wine-subscriptions .edi-panel.horizontal.full-bleed .copy h3 .title {display: inline-block;font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;font-size: 1em;margin-bottom: 0.3em;}.wine-subscriptions .edi-panel.horizontal.full-bleed .copy h3 .subtitle {display: inline-block;font-family: "HelveticaNeueW01-UltLt","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 1.5em;line-height: 0.85em;margin-bottom: 0.4em;}.wine-subscriptions .signature {margin-top:1em;text-align:center;}.wine-subscriptions .signature img {margin-bottom:2em;}.wine-subscriptions .compare-plans .box.g12 > div:first-child {border-right: 1px solid #999999;}.wine-subscriptions .compare-plans .box.g12 .box.g16 {border-right:none;}.wine-subscriptions .intro p {font-family: 'DidotW01Roman','Times New Roman',Georgia,serif;padding: 0 53% 0 0;}.wine-subscriptions .three-step-plan {height:31em;}.wine-subscriptions .section.three-step-plan .box.g8 {margin: 0;width: 35em;}.wine-subscriptions .section.three-step-plan .box.g8 + .box.g8 img {border-left: 1px solid #999999;border-right: 1px solid #999999;padding: 0 3.5em;}.wine-subscriptions .section.three-step-plan .box.g8 + .box.g8 {margin: 0 3.5em;padding: 0;}.wine-subscriptions .section.three-step-plan .box.g8 + .box.g8 + .box.g8 img {border-left: none;border-right: none;}.wine-subscriptions .section.three-step-plan .box.g8 + .box.g8 h3 {margin-left:2.4em;}.wine-subscriptions .section.three-step-plan .box.g8 + .box.g8 p {margin-left:2.6em;}.wine-subscriptions h1 {font: 4.8em/1.13em 'DidotW01Roman','Times New Roman',Georgia,serif;text-transform: uppercase;}.wine-subscriptions .intro p {font-family: 'DidotW01Roman','Times New Roman',Georgia,serif;}.wine-subscriptions .wine-club-benefits .tab-container .details-list {overflow:visible;}.wine-subscriptions .wine-selector .tab-container .controls .first-case + p, .wine-subscriptions .wine-selector .tab-container .controls .first-case b {display:none;}.wine-subscriptions .subscribe-to-a-selection {display:none;}.wine-subscriptions .intro-detail-hero .editorial-module.signature .quote,.wine-subscriptions h2 .quote {background:none;display:block;font-family:'DidotW01Roman','Times New Roman',Georgia,serif!important;font-size:.7em!important;line-height: 1.1em;margin: 2em 0.6em 0.3em;text-align:center;}.wine-subscriptions .section.wine-club-benefits .content.g12{overflow:hidden;}.wine-subscriptions .intro-detail-hero .product-spotlight p {font-size: 1.4em;line-height: 1.4em;margin-bottom: 1em;margin-left: 2em;text-align: left;}.wine-subscriptions .intro-detail-hero .section-content {background:none;}.wine-subscriptions .intro-detail-hero .section-content .g12 {border-right:1px solid #999999;padding-top:3em;width:59.9em;}.wine-subscriptions .intro-detail-hero .section-content .g12,.wine-subscriptions .intro-detail-hero .section-content .g12 + .g12 {border-right:none;}/*.wine-subscriptions .intro-detail-hero {border-top: 1px solid #666666;margin: 2em 0 35px;padding-top: 3em;}*/.wine-subscriptions .intro-detail-hero {border-top:0;font-size:0;height:0;margin:0;}/*.wine-subscriptions .wine-selector {border-top: 1px solid #666666;}*/.wine-subscriptions .wine-selector {border-top: 0;}.wine-subscriptions .wine-selector .header .g12 + .g12 {float:none;}.wine-subscriptions .intro-detail-hero .product-spotlight img {width: 52.5em;}.wine-subscriptions .compare-plans div.box .g16.box ul li a:hover {text-decoration:underline;}.wine-subscriptions .intro-detail-hero .section-content .g12 .signature p {color:#666666;font-size:1em;}.wine-subscriptions .compare-plans div.box.g8 img {width:auto;}.wine-subscriptions .edi-panel .copy {padding-bottom:0.7em;}.wine-subscriptions .compare-plans div.box .g16.box ul li b {color: #666666;font-family: 'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;font-style: normal;font-weight: normal;}.wine-subscriptions .wine-club-benefits {padding: 70px 0 0;}.wine-subscriptions .compare-plans div.box.g8 .copy {left: -21px;top: 82px;}.wine-subscriptions .compare-plans .g12 + .g12 .box.g16:first-child {width: 40em;}.wine-subscriptions .intro p, .wine-subscriptions .intro-detail-hero p {font-size:1.4em;}.wine-subscriptions .wine-club-benefits .tab-container .details-controls li {font-size:1.4em;}.wine-subscriptions h1 {font: 4.8em/1.13em 'HelveticaNeueW01-UltLt',Helvetica,Arial,Sans-serif;text-transform:none;}.wine-subscriptions .individual-note h2 {font-family: 'HelveticaNeueW01-55Roma',helvetica,sans-serif;font-size: 1.6em;}.wine-subscriptions .individual-note h5 {font-family:"HelveticaNeueW01-65Medium",Helvetica,Arial,Sans-serif;font-size: 1.4em;margin-bottom:0;text-transform:none;}.wine-subscriptions .individual-note .copy p, .wine-subscriptions .individual-note .details ul p {font:normal normal 1.4em/1.5em 'HelveticaNeueW01-55Roma', helvetica, sans-serif;}.wine-subscriptions .individual-not .call-to-action a:hover {font-size:1.4em;text-decoration:underline;}.ie8 .wine-subscriptions .horizontal.full-bleed .copy {left:50%;}.wine-subscriptions .individual-note h2, .wine-subscriptions .individual-note .information {border-top:none;}.wine-subscriptions .individual-note .information .icons span {padding-left: 0;width: 10em;}.wine-subscriptions .individual-note.wrap .details .call-to-action a {color: #666666;font-size: 1.4em;}.wine-subscriptions .individual-note.wrap .details .call-to-action a:hover {text-decoration:underline;}.wine-subscriptions .individual-note .details h5 {font-family: "HelveticaNeueW01-65Medium",Helvetica,Arial,Sans-serif;margin-bottom: 3px;}.wine-subscriptions .individual-note.wrap .copy .call-to-action a {text-decoration: underline;}.wine-subscriptions .individual-note .information .icons span {margin-top: 0.5em;padding-left: 0;width: 10em;}.wine-subscriptions .intro.tasting-tips li {border-left: 1px solid #666666;display: block;font-size: 1.4em;height: 0.35em;line-height: 0.2em;padding: 5px 5px 2px;}.wine-subscriptions .tasting-tips {margin: 0 0 4em;}.wine-subscriptions .tasting-tip-accordion .box.g12:first-child {margin-left: 0;}.wine-subscriptions .tasting-tips .tasting-tip-accordion div.box.g12 img, .wine-subscriptions .tasting-tips .tasting-tip-accordion div.box.g12:first-child img {margin-left: 0;width:100%;}/*.wine-subscriptions .section .g12 {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;float: left;margin-left: 7.5em;width: auto;}*/.wine-subscriptions .tasting-tips .tasting-tip-accordion div.box h3 {color: #666666;font-size: 1.6em;margin: 0 1.8em 1.8em;}/*.wine-subscriptions .tasting-tip-accordion .box.g12 > div:first-child {border-right:none;}*/.wine-subscriptions .tasting-tip-accordion .col-inner.col-01,.wine-subscriptions .tasting-tip-accordion .col-inner.col-02,.wine-subscriptions .tasting-tip-accordion .col-inner.col-03 {padding: 0;width:auto;}/*.wine-subscriptions .section.edittorial-content .box.g12 {border:none;display: block;float: left;margin: 0;width: 59em;}*/.wine-subscriptions .tasting-tip-accordion .three-col-02 .col-01 {border: 1px solid #999999;margin: 0 2.5em 0 0;}.wine-subscriptions .tasting-tip-accordion .three-col-02 .col-inner.col-02 {border: 1px solid #999999;margin: 0 0 0 2.5em;}.wine-subscriptions .section.edittorial-content .edi-panel.horizontal.full-bleed .copy.video {left: 28%;}.wine-subscriptions .section.edittorial-content .edi-panel.horizontal.full-bleed .copy.video .title {font-family: "DidotW01Roman",Georgia,"Times New Roman",sans-serif;font-size: 2em; }.wine-subscriptions .section.edittorial-content .edi-panel.horizontal.full-bleed .copy.video .subtitle {font-family: "HelveticaNeueW01-UltLt","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 3em;}.wine-subscriptions .section.edittorial-content .edi-panel.horizontal.full-bleed .copy.video .call-to-action a {background: none;padding-top: 0;width: 100%;}.wine-subscriptions #wineSelector .tab-container .container-inner .active .call-to-action {float:right;line-height:1.2em;}.wine-subscriptions #wineSelector .tab-container .container-inner .active .call-to-action a {font-size: 1em;text-align:right;}.wine-subscriptions #wineSelector .tab-container .container-inner .active .call-to-action a:hover {text-decoration: underline;}.wine-subscriptions #wineSelector .tab-container .container-inner .active .call-to-action:after{content:" \02192"; bottom:3px; height:1px;} /*! --- ipad wine club overrides --- */.touch .wine-subscriptions .M080 .wine-club li {padding-top:0;}.touch .wine-subscriptions .category .M080 .overlayed .wine-club, .touch .wine-subscriptions .category .M080 .overlayed .copy.wine-club, .touch .wine-subscriptions .M080 .overlayed .copy.wine-club {background: none;left: 0;width: 100%;margin-right: 0;padding-right: 0;padding-left: 0;}.touch .category .M080 .overlayed .copy p {width:100%;} /*! --- overwriting shop by category arrow--*/@media screen and (max-width:1239px){.heroslideshow .shop-expander.closed .trigger{background-position: 108% -425px}.heroslideshow .shop-expander.open .trigger{background-position: 108% -376px}} /*! --- homepage overlay wide bottom centre--*/.homepage-overlay-wide-bottom-centre{ background: #FFFFFF; background: rgba(255, 255, 255, 0.75); bottom: 4.2em; font-family: 'DidotW01Roman',serif; left: 7.8em; padding: 2.5em 11em; position: absolute; text-align: center; width: 82.5em;} /*! --- Update gift wrap button at checkout 28-02-2014 --- */.actions .gift-options { color: #FFFFFF;background: #000000 url("https://asset1.marksandspencer.com/is/image/mands/44a90ab0da0dd77d6b6f70c05702b0ee37a0e1d5") no-repeat 3% 48%!important;} /*! --- Editorial overlay wider 03-03-2014 --- */.latestModule .edi-panel.wider .copy, .latestModule .edi-panel.horizontal .copy {width:26em;} /*! --- IE8 Carousel height override 04-03-2014 --- *//*.ie8 .category .M080 {height:56em;}*/ /*! --- Trends Images --- */.trends .section-spotlight img {width:100%;} /*! --- Centre Editorial overlays --- */.horizontal .editorial-content.centre .copy, .horizontal.centre .copy,.edi-panel.horizontal.buying-guide.full-bleed.centre .copy {left:16em;}.edi-panel.horizontal.buying-guide.full-bleed.centre.wideOverlay .copy{left:7em;width:44em;} /*! --- Left Editorial overlays --- */.full-bleed.horizontal.left .copy {left:0.9em;} /*! --- Update for hero carousel CTAs --- */.homepage .latestModule .edi-panel.hero-style .call-to-action a {background:none;font-family: 'DidotW01Bold',serif;font-size:1.5em;text-transform:none;}.homepage .latestModule .edi-panel.hero-style .call-to-action:after {font-size:2em;}.homepage .latestModule .edi-panel.hero-style .call-to-action a:hover, .homepage .edi-panel.box-module.cut-out .copy a:hover .call-to-action {text-decoration:underline;}.homepage .edi-panel.box-module.cut-out .copy a .call-to-action:after,.homepage .heroslideshow .box.g6 .edi-panel .copy .call-to-action:after {content:"";}.homepage .latestModule .edi-panel.hero-style .call-to-action a,.homepage .latestModule.editorial-social .call-to-action {font-size;1.5em;padding: 12px 0 12px auto;text-transform:none;} /*! --- Trends module video button --- */.category .wrap .trends .copy.video .call-to-action a {background-position: 50% -49%;padding-top:5.5em;}@media screen and (max-width:1239px){.category .wrap .trends .copy.video .call-to-action a {background-position: 50% -11%;}} /*! --- Checkout override for delivery options 10-03-2014--- */.single-page-checkout .ndd-wrapper .faq-link {width:55%;} /*! --- Editorial overlay video modules --- */ /*! --- Editorial Wider Right Video --- */.edi-panel.horizontal.buying-guide.full-bleed.right .copy.video .call-to-action a, .edi-panel.horizontal.buying-guide.full-bleed.left .copy.video .call-to-action a, .edi-panel.horizontal.buying-guide.full-bleed.centre .copy.video .call-to-action a {height: 0.5em;padding-top: 4.8em;white-space: nowrap;}@media screen and (max-width:1239px){.edi-panel.horizontal.buying-guide.full-bleed.right .copy.video .call-to-action a,.edi-panel.horizontal.buying-guide.full-bleed.left .copy.video .call-to-action a, .edi-panel.horizontal.buying-guide.full-bleed.centre .copy.video .call-to-action a{padding-top: 5.8em;}}.category .wrap.trends .edi-panel.full-bleed.right .copy.video h2 .title {font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;font-size:0.5em;margin-bottom: 6px;}.category .wrap.trends .edi-panel.full-bleed.right .copy.video {height:auto;}.category .wrap .trends .edi-panel.full-bleed.right .copy.video .call-to-action a {background-position:50% -10%;} /*! --- BU Hero carousels Overlay no Background Option 13-03-14--- */ /*.uniqueCtrl.noOverlay .M080 .overlayed .copy {background: none;}.uniqueCtrl.noOverlay .M080 {padding-bottom:4em;}*//*.uniqueCtrl.noOverlay .copy.style02{background: none;filter:none;}*//*.uniqueCtrl.noOverlay .M080 .overlayed .copy {background: none;}*/ /*! --- Video Editorial Block 300px 18-03-14 --- */.box.g6 .edi-panel.box-module.full-bleed .copy.video h3 .title{line-height:1em;}.box.g6 .edi-panel.box-module.full-bleed .copy.video .call-to-action {bottom:0.3em;line-height:auto;}.box.g6 .edi-panel.box-module.full-bleed .copy.video .call-to-action a {background-position: 50% 1em;}.box.g12.box.g12 .edi-panel.box-module.full-bleed .copy.video h3 .title{line-height:1em;} .box.g12.box.g12.edi-panel.box-module.full-bleed .copy.video .call-to-action {bottom:0.3em;line-height:auto;} .box.g12.box.g12 .edi-panel.box-module.full-bleed .copy.video .call-to-action a {background-position: 50% 1.5em;}@media screen and (max-width:1239px){.box.g12.box.g12 .edi-panel.box-module.full-bleed .copy.video .call-to-action a {background-position: 50% 2.2em;}} /*! --- Video Editorial Blocks 19-03-14 --- */.edi-panel.horizontal.buying-guide.full-bleed.centre .copy.video .call-to-action a {/*background-position:50% -11%;*/background-position:50% 0;} /*! --- Mega Day Override for BU carousels --- */.uniqueCtrl.noOverlay.slide1 #imageHolder1 .copy,.uniqueCtrl.noOverlay.slide2 #imageHolder2 .copy,.uniqueCtrl.noOverlay.slide3 #imageHolder3 .copy,.uniqueCtrl.noOverlay.slide4 #imageHolder4 .copy,.uniqueCtrl.noOverlay.slide5 #imageHolder5 .copy,.uniqueCtrl.noOverlay.slide6 #imageHolder6 .copy,.uniqueCtrl.noOverlay.slide7 #imageHolder7 .copy,.uniqueCtrl.noOverlay.slide8 #imageHolder8 .copy,.uniqueCtrl.noOverlay.slide9 #imageHolder9 .copy,.uniqueCtrl.noOverlay.slide10 #imageHolder10 .copy {background: none;}.uniqueCtrl.noOverlay.slide1 .M080,.uniqueCtrl.noOverlay.slide2 .M080,.uniqueCtrl.noOverlay.slide3 .M080,.uniqueCtrl.noOverlay.slide4 .M080,.uniqueCtrl.noOverlay.slide5 .M080,.uniqueCtrl.noOverlay.slide6 .M080,.uniqueCtrl.noOverlay.slide7 .M080,.uniqueCtrl.noOverlay.slide8 .M080,.uniqueCtrl.noOverlay.slide9 .M080, .uniqueCtrl.noOverlay.slide10 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1 #imageHolder1 .copy,.ie9 .uniqueCtrl.noOverlay.slide2 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide2 #imageHolder2 .copy,.ie9 .uniqueCtrl.noOverlay.slide3 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide3 #imageHolder3 .copy,.ie9 .uniqueCtrl.noOverlay.slide4 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide4 #imageHolder4 .copy,.ie9 .uniqueCtrl.noOverlay.slide5 #imageHolder5 .copy, .ie8 .uniqueCtrl.noOverlay.slide5 #imageHolder5 .copy,.ie9 .uniqueCtrl.noOverlay.slide6 #imageHolder6 .copy, .ie8 .uniqueCtrl.noOverlay.slide6 #imageHolder6 .copy,.ie9 .uniqueCtrl.noOverlay.slide7 #imageHolder7 .copy, .ie8 .uniqueCtrl.noOverlay.slide7 #imageHolder7 .copy,.ie9 .uniqueCtrl.noOverlay.slide8 #imageHolder8 .copy, .ie8 .uniqueCtrl.noOverlay.slide8 #imageHolder8 .copy,.ie9 .uniqueCtrl.noOverlay.slide9 #imageHolder9 .copy, .ie8 .uniqueCtrl.noOverlay.slide9 #imageHolder9 .copy,.ie9 .uniqueCtrl.noOverlay.slide10 #imageHolder10 .copy, .ie8 .uniqueCtrl.noOverlay.slide10 #imageHolder10 .copy {filter:none;background-image:none;background-color:transparent;} /*! --- Home event --- */.burgundy.white-4-6 .heroslideshow.brand #imageHolder4 .copy ul a, .category .burgundy.white-4-6 .M080 #imageHolder4 .copy ul a, .touch .category .burgundy.white-4-6 .M080 #imageHolder4 .overlayed .copy ul a, .burgundy.white-4-6 .heroslideshow.brand #imageHolder4 .copy ul a, .category .burgundy.white-4-6 .M080 #imageHolder4 .copy ul a, .touch .category .burgundy.white-4-6 .M080 #imageHolder4 .overlayed .copy ul a{color:#000000;}.burgundy.white-4-6 .heroslideshow.brand #imageHolder6 .copy ul a, .category .burgundy.white-4-6 .M080 #imageHolder6 .copy ul a, .touch .category .burgundy.white-4-6 .M080 #imageHolder6 .overlayed .copy ul a, .burgundy.white-4-6 .heroslideshow.brand #imageHolder6 .copy ul a, .category .burgundy.white-4-6 .M080 #imageHolder6 .copy ul a, .touch .category .burgundy.white-4-6 .M080 #imageHolder6 .overlayed .copy ul a{color:#000000;}.burgundy.white-4-6 .heroslideshow.brand #imageHolder4 .copy, .category .burgundy.white-4-6 .M080 #imageHolder4 .copy, .touch .category .burgundy.white-4-6 .M080 #imageHolder4 .overlayed .copy, .burgundy.white-4-6 .heroslideshow.brand #imageHolder4 .copy, .category .burgundy.white-4-6 .M080 #imageHolder4 .copy, .touch .category .burgundy.white-4-6 .M080 #imageHolder4 .overlayed .copy {background:#FFFFFF;background: rgba(255, 255, 255, 0.9);color:#000000!important;filter:"alpha(opacity=90)"; filter: alpha(opacity=90);}.burgundy.white-4-6 .heroslideshow.brand #imageHolder6 .copy, .category .burgundy.white-4-6 .M080 #imageHolder6 .copy, .touch .category .burgundy.white-4-6 .M080 #imageHolder6 .overlayed .copy, .burgundy.white-4-6 .heroslideshow.brand #imageHolder4 .copy, .category .burgundy.white-4-6 .M080 #imageHolder6 .copy, .touch .category .burgundy.white-4-6 .M080 #imageHolder6 .overlayed .copy {background:#FFFFFF;background: rgba(255, 255, 255, 0.9);color:#000000!important;filter:"alpha(opacity=90)"; filter: alpha(opacity=90);} /*! --- Burgundy on carousel slide1 --- */.category .burgundyC1 .M080 {height:44em;} .touch .category .burgundyC1 .M080 {height:46em;}.category .burgundyC1 .M080 #imageHolder1 .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .burgundyC1 .M080 #imageHolder1 .copy {filter:"alpha(opacity=90)";}.ie9 .burgundyC1 .M080 #imageHolder1 .copy {filter:none;}.category .burgundyC1 .M080 #imageHolder1 .copy.style02 h2, .category .burgundyC1 .M080 #imageHolder1 .copy.style02 p, .category .burgundyC1 .M080 #imageHolder1 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);} /*! --- Womens Landing page no overlay slides 1 and 4--- */.uniqueCtrl.noOverlay.slide1-4 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-4 #imageHolder4 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-4 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-4 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-4 #imageHolder1 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-4 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-4 #imageHolder4 .copy {filter:none;background-image:none;background-color:transparent;} /*! --- Womens Landing page no overlay slides 2 and 4--- */.uniqueCtrl.noOverlay.slide2-4 #imageHolder2 .copy, .uniqueCtrl.noOverlay.slide2-4 #imageHolder4 .copy {background: none;}.uniqueCtrl.noOverlay.slide2-4 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide2-4 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-4 #imageHolder2 .copy,.ie9 .uniqueCtrl.noOverlay.slide2-4 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-4 #imageHolder4 .copy {filter:none;background-image:none;background-color:transparent;} /*! --- Offers Mega day no overlay slides 1,4,5,6 --- */.uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder4 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-4-5-6 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder1 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder4 .copy {filter:none;background-image:none;background-color:transparent;}.uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder5 .copy, .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder6 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-4-5-6 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder5 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder5 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder6 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder6 .copy {filter:none;background-image:none;background-color:transparent;} /*! --- Offers Mega day no overlay slides 1,2,4,5,6 --- */.uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder1 .copy,.uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder2 .copy, .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder4 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-2-4-5-6 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder1 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder2 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder4 .copy {filter:none;background-image:none;background-color:transparent;}.uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder5 .copy, .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder6 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-2-4-5-6 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder5 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder5 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder6 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6 #imageHolder6 .copy {filter:none;background-image:none;background-color:transparent;} /*! --- Offers Mega day no overlay slides 1,2,4,5,6,7 --- */.uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder1 .copy,.uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder2 .copy, .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder4 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-2-4-5-6-7 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6-7 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder1 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-4-5-6-7 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder2 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder4 .copy {filter:none;background-image:none;background-color:transparent;}.uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder5 .copy, .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder6 .copy, .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder7 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-2-4-5-6-7 .M080 {padding-bottom:4em;}.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder5 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder5 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder6 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder7 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder6 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-4-5-6-7 #imageHolder7 .copy {filter:none;background-image:none;background-color:transparent;} /*! --- BU Carousel no overlay slides 1,2,3,4 --- */.uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder2 .copy, .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder3 .copy, .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder4 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-2-3-4 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder1 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder2 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder3 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4 #imageHolder4 .copy {filter: none;background-image: none;background-color: transparent;} /*! --- Offers Mega day no overlay slides 1,2,3,4,5,7 --- */ .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder2 .copy,.uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder3 .copy, .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder4 .copy, .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder5 .copy,.uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder7 .copy {background: none;}.uniqueCtrl.noOverlay.slide1-2-3-4-5-7 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder1 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder2 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder3 .copy .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder4 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder5 .copy,.ie8 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder5 .copy,.ie9 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder7 .copy,.ie8 .uniqueCtrl.noOverlay.slide1-2-3-4-5-7 #imageHolder7 .copy {filter: none;background-image: none;background-color: transparent;} /*! --- Offers Mega day no overlay slides 2,3,4,5 --- */ .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder2 .copy,.uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder3 .copy, .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder4 .copy, .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder5 .copy {background: none;}.uniqueCtrl.noOverlay.slide2-3-4-5 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder2 .copy, .ie9 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder3 .copy .ie9 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder4 .copy, .ie9 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder5 .copy,.ie8 .uniqueCtrl.noOverlay.slide2-3-4-5 #imageHolder5 .copy,{filter: none;background-image: none;background-color: transparent;} /*! --- BU Carousel no overlay slides 1,2 --- */.uniqueCtrl.noOverlay.slide1-2 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-2 #imageHolder2 .copy{background: none;}.uniqueCtrl.noOverlay.slide1-2 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide1-2 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2 #imageHolder1 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-2 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-2 #imageHolder2 .copy{filter: none;background-image: none;background-color: transparent;} /*! --- BU Carousel no overlay slides 1,3 --- */.uniqueCtrl.noOverlay.slide1-3 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-3 #imageHolder3 .copy{background: none;}.uniqueCtrl.noOverlay.slide1-3 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide1-3 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-3 #imageHolder1 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-3 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-3 #imageHolder3 .copy{filter: none;background-image: none;background-color: transparent;} /*! --- BU Carousel no overlay slides 2,3 --- */.uniqueCtrl.noOverlay.slide2-3 #imageHolder2 .copy, .uniqueCtrl.noOverlay.slide2-3 #imageHolder3 .copy{background: none;}.uniqueCtrl.noOverlay.slide2-3 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide2-3 #imageHolder2 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-3 #imageHolder2 .copy, .ie9 .uniqueCtrl.noOverlay.slide2-3 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide2-3 #imageHolder3 .copy{filter: none;background-image: none;background-color: transparent;} /*! --- BU Carousel no overlay slides 5,3 --- */.uniqueCtrl.noOverlay.slide3-5 #imageHolder3 .copy, .uniqueCtrl.noOverlay.slide3-5 #imageHolder5 .copy{background: none;}.uniqueCtrl.noOverlay.slide3-5 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide3-5 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide3-5 #imageHolder3 .copy, .ie9 .uniqueCtrl.noOverlay.slide3-5 #imageHolder5 .copy, .ie8 .uniqueCtrl.noOverlay.slide3-5 #imageHolder5 .copy{filter: none;background-image: none;background-color: transparent;} /*! --- BU Carousel no overlay slides 4,6 --- */.uniqueCtrl.noOverlay.slide4-6 #imageHolder4 .copy, .uniqueCtrl.noOverlay.slide4-6 #imageHolder6 .copy{background: none;}.uniqueCtrl.noOverlay.slide4-6 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide4-6 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide4-6 #imageHolder4 .copy, .ie9 .uniqueCtrl.noOverlay.slide4-6 #imageHolder6 .copy, .ie8 .uniqueCtrl.noOverlay.slide4-6 #imageHolder6 .copy{filter: none;background-image: none;background-color: transparent;} /*! --- BU Carousel no overlay slides 4,6,8 --- */.uniqueCtrl.noOverlay.slide4-6-8 #imageHolder4 .copy, .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder6 .copy, .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder8 .copy{background: none;} .uniqueCtrl.noOverlay.slide4-6-8 .M080 {padding-bottom: 4em;} .ie9 .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder4 .copy, .ie9 .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder6 .copy,.ie9 .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder6 .copy, .ie8 .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder8 .copy, .ie8 .uniqueCtrl.noOverlay.slide4-6-8 #imageHolder8 .copy{filter: none;background-image: none;background-color: transparent;}/*! --- 3 images title and description--- */.uniqueCtrl.buying-guide .img3-col3 { text-align:center; }.uniqueCtrl.buying-guide .img3-col3 h2 { font-family: 'DidotW01Italic','Times New Roman',Georgia, serif; display:block; font-size:2.4em; padding: 10% 5%; width:90%; }.uniqueCtrl.buying-guide .img3-col3 .copy { margin:0; padding:3%; font-size:1em; width:83%; text-align: left; }.uniqueCtrl.buying-guide .img3-col3 .copy h3 { font-family: 'DidotW01Roman','Times New Roman',Georgia, serif; font-size: 1.5em; margin: 1em 0; text-transform: uppercase; }.uniqueCtrl.buying-guide .img3-col3 .copy p { margin: 1em 0; font-size: 1.2em; }.uniqueCtrl.buying-guide .img3-col3 .copy a { text-transform: uppercase; } /*! --- Top navigation simple list 5th column stray border fix --- */ .menu-block .box.g5 + .box.g5 + .box.g5 + .box.g5 + .box.g5 .simple-list.offer-list {border-right: medium none;} /*! --- GEO Overlay Hero --- */ .geo-overlay {margin: -4em auto 0;position:relative;width:96em;} .geo-overlay .copy {position:absolute;left:3em;top:3em;width:50em;} .geo-overlay h2 {font: 5em/1em 'DidotW01Roman',Georgia,'Times New Roman',serif;} .geo-overlay h2 span {font-size: 0.6em;line-height: 1em;vertical-align: top;} .geo-overlay h3 {font: 2em 'DidotW01Roman',Georgia,'Times New Roman',serif;padding-bottom:1em;} .geo-overlay h4 {font: 1.5em 'HelveticaNeueW01-75Bold',helvetica, arial, sans-serif;text-transform:uppercase;} .geo-overlay ol {font: 1.5em 'HelveticaNeueW01-45Ligh',helvetica,'Times New Roman',sans-serif; list-style: decimal inside none;}.geo-overlay ol li {margin-bottom:0.5em;} .geo-overlay p {font: 1.3em/1.5em 'HelveticaNeueW01-45Ligh',helvetica,'Times New Roman',sans-serif;padding-bottom:1em;} .geo-overlay .secondary-btn {font-size:1em;margin:1em 0;text-transform:uppercase;}.geo-overlay img {max-width: 96em;} /*! --- PLP Image with white overlay --- */ .cms.wrap.uniqueCtrl.imgPlp {position: relative;width:120em;}.cms.wrap.uniqueCtrl.imgPlp .copy {background:#FFFFFF;background:rgba(255, 255, 255, 0.9);filter:alpha(opacity=90);bottom: 3em;margin: 0 30em;position: absolute;text-align:center;width: 56em;padding:2em;}.cms.wrap.uniqueCtrl.imgPlp .copy h1 {font: 4.8em 'DidotW01Roman',Georgia,'Times New Roman',serif;text-transform:uppercase;}.cms.wrap.uniqueCtrl.imgPlp .copy p {font: 1.8em 'DidotW01Italic',Georgia,'Times New Roman',serif;}.uniqueCtrl.imgPlp .call-to-action a:after {content: " \2192";}.uniqueCtrl.imgPlp .call-to-action a {clear:both;float: left;font: 0.8em/1.8em 'DidotW01Roman',serif;}.uniqueCtrl.imgPlp .call-to-action a:hover {text-decoration:underline;}.uniqueCtrl.imgPlp .box.g12 {margin-right:1em; margin-left:1em;width: 26em;}.touch .uniqueCtrl.imgPlp {margin-bottom: 2em;}.cms.wrap.uniqueCtrl.imgPlp.middle .copy {bottom: 6em;} .cms.wrap.uniqueCtrl.imgPlp.middle.noOverlay .copy {background:none;} /*! --- PLP Image with white no-overlay --- */.cms.wrap.uniqueCtrl.imgPlp.left .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #FFFFFF;margin-left: 3em;text-align: left;}.cms.wrap.uniqueCtrl.imgPlp.left .copy h1 {color:#FFFFFF;} /*! --- NEW PLP Banner image IPAD fix --- */ /*.touch .cms.wrap.uniqueCtrl.imgPlp + .plp-banner {top:42em;}*/.touch .uniqueCtrl.imgPlp {margin-top:1.4em;} /*! --- IPAD PLP Fix 27-05-14--- */.touch .plpProdThumbnails + div + div + div .plp-banner .editorial-links ul {padding-top: 5em;}.touch .plpProdThumbnails + div + div + div .plp-banner .editorial-info.one-col {padding-top: 1.5em;} /*! --- 1200 x 300 Banner left --- */.uniqueCtrl.banner-1200-300-wide {position: relative;}.uniqueCtrl.banner-1200-300-wide .copy { box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);left: 2.0em;padding: 2em;position: absolute;top: 2em;width: 45em;}.uniqueCtrl.banner-1200-300-wide .copy h2 { font-size: 4.0em; margin-bottom: 0.5em;}.uniqueCtrl.banner-1200-300-wide .copy p {font-size: 1.5em;}.wrap.cms.uniqueCtrl.banner-1200-300-wide.v-mid .copy {top: 5.5em;width: 48em;} /*! --- 1200 x 300 Banner --- */.uniqueCtrl.banner-h300 {position: relative;}.uniqueCtrl.banner-h300 .copy { box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);left: 2em;padding: 2em;position: absolute;top: 2em;width: 35em;}.uniqueCtrl.banner-h300 .copy h2 { font-size: 3em;margin-bottom: 0.5em;}.uniqueCtrl.banner-h300 .copy p {font-size: 1.5em;} /*! --- 1200 x 300 Banner Wide white overlay --- */.uniqueCtrl.banner-h300.wideBox .copy {margin-top: 1em;width: 47em;} /*! --- Generic styles --- */.uniqueCtrl.txtVidOverlay .copy.video .call-to-action a {text-transform: uppercase;white-space: nowrap;}.uniqueCtrl.txtVidOverlay .copy.video .call-to-action a:after{content: " \E600";font-family: 'nw-icons';line-height: 2em;position: relative;}.uniqueCtrl.txtVidOverlay .copy.video .call-to-action a:hover {/*color:#FFFFFF*/;text-decoration:underline;}.uniqueCtrl.txtBlkVidBlk .box.g12,.uniqueCtrl.txtVidOverlay .box.g12 {position: relative;}.uniqueCtrl.txtBlkVidBlk .copy,.uniqueCtrl.txtVidOverlay .copy {display: inline-block;height: 28em;left: 3em;position: absolute;top: 3em;width: 23em;}.uniqueCtrl.txtVidOverlay .copy h3 {font:normal normal 3em/1em 'DidotW01Roman',serif;margin-bottom: 0.4em;}.uniqueCtrl.txtBlkVidBlk .copy p,.uniqueCtrl.txtVidOverlay .copy p {font:normal normal 1.5em/1.2em "HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;}.uniqueCtrl.txtBlkVidBlk .copy.video,.uniqueCtrl.txtVidOverlay .copy.video {left: auto;right: 3em;text-align: right;}.uniqueCtrl.txtBlkVidBlk .copy.video .call-to-action,.uniqueCtrl.txtVidOverlay .copy.video .call-to-action {display: block;left: -5em;position: absolute;top: 5em;width: 5em;}.uniqueCtrl.txtBlkVidBlk .copy.video .call-to-action a,.uniqueCtrl.txtVidOverlay .copy.video .call-to-action a {background-position: 3em 0;height: 0.3em;text-indent:10.5em;}.uniqueCtrl.txtBlkVidBlk .copy a.wf-icon-next-01:after,.uniqueCtrl.txtVidOverlay .copy a.wf-icon-next-01:after {content: " \E600";font-family: 'nw-icons';line-height: 2em;position: relative;}.uniqueCtrl.txtBlkVidBlk .copy a.wf-icon-next-01,.uniqueCtrl.txtVidOverlay .copy a.wf-icon-next-01 {color: #333333;font-family:"HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;text-decoration: none;text-transform: uppercase;}.uniqueCtrl.txtBlkVidBlk .copy a.wf-icon-next-01:hover,.uniqueCtrl.txtVidOverlay .copy a.wf-icon-next-01:hover {text-decoration:underline;}.uniqueCtrl.txtBlkVidBlk .box.g12.box.g12 .box.g8 {display:block;margin-right:3em;margin-top:8em;padding:0;width:17em;}.uniqueCtrl.txtVidOverlay {margin-top:0;}.uniqueCtrl.txtTxtOverlay .box.g12 {position: relative;}.uniqueCtrl.txtTxtOverlay .copy {display: inline-block;height: 28em;left: 3em;position: absolute;top: 3em;width: 24em;}.uniqueCtrl.txtTxtOverlay .copy h3 {font:normal normal 3em/1em 'DidotW01Roman',serif;margin-bottom: 0.4em;}.uniqueCtrl.txtBlkVidBlk .box:first-child p,.uniqueCtrl.txtTxtOverlay .copy p {font:normal normal 1.5em/1.2em "HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;}.uniqueCtrl.txtTxtOverlay .box.g12 + .box.g12 .copy {left: auto;right: 3em;text-align: right;}.uniqueCtrl.txtVidOverlay.left .box.g12 + .box.g12 .copy.video {left: 3em;right: auto;text-align: left;width: 27em;}.uniqueCtrl.txtVidOverlay.left .copy.video .call-to-action a {text-indent:-16em;}.uniqueCtrl.txtVidOverlay.left .copy.video .call-to-action {left: 16em;}.uniqueCtrl.txtTxtOverlay .box.g12 + .box.g12 .copy .call-to-action {display: block;left: -8em;position: absolute;top: 5em;width: 5em;}.uniqueCtrl.txtTxtOverlay .box.g12 + .box.g12 .copy .call-to-action a {height: 0.3em;}.uniqueCtrl.txtBlkVidBlk .box:first-child p a.wf-icon-next-01:after,.uniqueCtrl.txtTxtOverlay .copy a.wf-icon-next-01:after {content: " \E600";font-family: 'nw-icons';line-height: 2em;position: relative;}.uniqueCtrl.txtBlkVidBlk .box:first-child p a.wf-icon-next-01,.uniqueCtrl.txtTxtOverlay .copy a.wf-icon-next-01 {color: #333333;font-family:"HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;text-decoration: none;text-transform: uppercase;}.uniqueCtrl.txtBlkVidBlk .box:first-child p a.wf-icon-next-01:hover,.uniqueCtrl.txtTxtOverlay .copy a.wf-icon-next-01:hover {text-decoration:underline;}.wrap.cms.uniqueCtrl.txtBlkVidBlk {display: block;margin: 4em 0;position: relative;}.uniqueCtrl.txtBlkVidBlk .box:first-child {display: block;padding: 5.5em;width:49em;}.uniqueCtrl.txtBlkVidBlk .box:first-child h3 {font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;font-size: 3em;line-height: 3em;}.uniqueCtrl.txtBlkVidBlk .box:first-child p {font-family: 'HelveticaNeueW01Roman',Helvetica,arial,sans-serif;font-size: 1.5em;line-height: 1.3em;margin: 0 0 1em;}.wrap.cms.uniqueCtrl.txtBlkVidBlk.margin0 {margin: 0;}.wrap.cms.uniqueCtrl.hero-spacer-after,.hero-spacer-after {clear:both;display:block; margin-bottom:3em;width:100%;}.uniqueCtrl.txtVidOverlay .copy.video .call-to-action a {background: url("http://asset1.marksandspencer.com/is/image/mands/a3f5cff0b135ba9f38f1b130dbd4f78495138cd4?fmt=png-alpha") no-repeat;}.touch .uniqueCtrl.noOverlay .copy.style02 {display: block!important;visibility: visible!important;}/*! --- TxtVideoOverly CTA #fff --- */.uniqueCtrl.txtVidOverlay.white .copy a.wf-icon-next-01 {color: #fff;}.uniqueCtrl.txtVidOverlay.white .copy a:after {color:#fff;}.uniqueCtrl.txtVidOverlay.white .copy .call-to-action a:after {color:#fff;}.uniqueCtrl.txtVidOverlay.white .copy .call-to-action a:hover {color:#fff;}.uniqueCtrl.txtVidOverlay.white.blkBtn .copy.video .call-to-action a {background: url("../../images/global/sprites/video_lrg.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);} /*! --- PLP Gen Banner Ipad fix 01-05-14--- */.touch .wrap.banner-generic {margin-bottom: 2em;display: block;top:0.25em;} /*! --- IPAD Homepage carousel height fix 02-05-14 --- */ .touch .homepage .heroslideshow.caro {height:64em;} /*! --- Trends Modules Video button height fix --- */ .trends .section-spotlight .copy.video h4 {margin-bottom:0;}.category .wrap .trends .copy.video .call-to-action a:hover {background-position: 50% -4.5em;}@media screen and (max-width:1239px){.category .wrap .trends .copy.video .call-to-action a:hover {background-position: 50% -6.8em;}} /*! --- PLP Refresh 12-05-14 --- */.banner-generic.plp-banner .editorial-info > p:first-child {font-family: "DidotW01Roman",Georgia,'Times New Roman', Times,serif;font-size: 1.6em;line-height:1.25em;}.banner-generic.plp-banner .link-col li a {color:#000000;font:normal normal 1.4em/1.7em 'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;text-decoration:underline;}.banner-generic.plp-banner .link-col li a:hover {background-color: #333333;color: #FFFFFF;font-family: 'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;text-decoration:none;}.banner-generic.plp-banner .link-col li.active a {background-color: #333333;color:#FFFFFF;text-decoration:none}.touch .banner-generic.plp-banner .link-col li.active a {background-color: #333333;border-bottom:0;color:#FFFFFF;padding: 0 0.5em;text-decoration:none;}.banner-generic.plp-banner .inner-box .link-cta div.box a, .touch .banner-generic.plp-banner .inner-box .link-cta div.box a {font-family:'DidotW01Roman',serif;font-size:1.6em;} /*! --- Editorial Video tile 14-05-14 --- */.edi-panel.box-module.cut-out.video .copy.video .call-to-action a {font-size: 1em;line-height: 17em;height: 1.5em;margin-top: 2em;padding-top: 4em;text-align: center;white-space: nowrap;white-space:nowrap;width: auto;}.edi-panel.box-module.cut-out.video, .edi-panel.box-module.cut-out.video .call-to-action {bottom:auto;position: relative;}.edi-panel.box-module.cut-out.video .copy.video p {font-size: 1.4em;margin-top: 2em;}.edi-panel.box-module.cut-out.video .copy.video {display: block;font-size: 1em;height: 30em;left: 0;padding: 0;position: absolute;top: 0;width: 30em;} /*! --- Top Nav img link fix 20-05-14 --- */.menu-promo.alt2 img {z-index: 2;}.menu-block .box.g12:first-child .menu-promo.alt {background:none;border-left:0;margin-left: 0.1em;} /*! --- Homepage Carousel overlay module 20-05-14 --- */.overlayTopLeft.whiteBkgd.shallow {height: 15em;} /*! --- Increasing breadcrumb visibility 19-05-14 --- */.breadcrumb li a:hover, .product-detail-page .breadcrumb li a:hover {color:#000000;text-decoration:underline;}.breadcrumb li {color:#000000;}.breadcrumb li a, .product-detail-page .breadcrumb li a {color: #000000;float: left;font-family: "HelveticaNeueW01-65Medium",Helvetica,sans-serif;}.breadcrumb li:after, .product-detail-page .breadcrumb li:after {margin: 0 7px;} /*! --- PLP Thumbnails 21-05-14 */.plpProdThumbnails .banner-generic.plp-banner .banner-img+.editorial-info {padding-top: 1.1em;}.plpProdThumbnails .banner-generic.plp-banner .link-col li {padding-left: 4em;}.plpProdThumbnails .banner-generic.plp-banner .inner-box .editorial-links ul {padding-top: 5.5em;}.plpProdThumbnails .banner-generic .inner-box .editorial-links li:first-child {padding-left: 0;} /*! --- Top Nav Override for overflowing bottom 27-05-14--- */ .mega-inner.navLoaded {overflow: hidden;padding-bottom: 2em;}.menu-block .box.g5 {margin-bottom: 1em;} /*! --- Editorial Content Wider - Top left --- */.latestModule .edi-panel.wider.top-left .copy {width:26em;min-height: 10em;bottom: auto;left: 0.9em;top: 0.9em;} /*! --- New Home carousel Height 442px --- */ .homepage .uniqueCtrl.noDrawer.h442 .hero-carousel li {height:44.2em;} .homepage .uniqueCtrl.noDrawer.h442 {height: auto;margin-bottom: 0;overflow:visible;}.uniqueCtrl.noDrawer.h442 .homepage .hero-carousel-nav {top: 21em;}/*.uniqueCtrl.noDrawer.h442 .homepage .overlayTopLeft {height:auto;}*/.uniqueCtrl.noDrawer.h442 .homepage .wrap.cms.latestModule {background-position:0 center; height: 44.2em;}.uniqueCtrl.noDrawer.h442 .homepage .heroslideshow.caro .hero-carousel-nav li .count {display: none;}.uniqueCtrl.noDrawer.h442 .homepage .hero-carousel-nav li a {width: 3em;}.uniqueCtrl.noDrawer.h442 .latestModule .edi-panel.vertical {height:44.2em;}.uniqueCtrl.noDrawer.h442 .latestModule .edi-panel.vertical {height:44.2em;}.uniqueCtrl.noDrawer.h442 .homepage .heroslideshow, .uniqueCtrl.noDrawer.h442 .homepage .heroslideshow .latestModule {height:44.2em;}.homepage .uniqueCtrl.noDrawer.h442 .overlayTopLeft.whiteBkgd {height:20em; padding-bottom: 8.0em;}.homepage .uniqueCtrl.noDrawer.h442 .overlayTopLeft {bottom:auto;} /*! --- New Home carousel Height 442px IPAD --- */ .touch .homepage .uniqueCtrl.noDrawer.h442 .hero-carousel li, .touch .homepage .uniqueCtrl.noDrawer.h442,.touch .uniqueCtrl.noDrawer.h442 .homepage .wrap.cms.latestModule,.touch .uniqueCtrl.noDrawer.h442 .latestModule .edi-panel.vertical,.touch .uniqueCtrl.noDrawer.h442 .latestModule .edi-panel.vertical,.touch .uniqueCtrl.noDrawer.h442 .homepage .heroslideshow, .touch .uniqueCtrl.noDrawer.h442 .homepage .heroslideshow .latestModule {height:46.2em;} /*! --- Hide Image PLPs default H1 Lined Header Title 29-05-14 --- */ .cms.wrap.uniqueCtrl.imgPlp + div h1, .touch .uniqueCtrl.imgPlp + div + div + div h1 {display: none;} /*! --- Fixing Image plp overlay issue--- */.touch .cms.wrap.uniqueCtrl.imgPlp .copy {bottom: 1.5em;}.touch .cms.wrap.uniqueCtrl.imgPlp .copy h1 {line-height: 1em;} /*! --- Social Media Icons in Hero 30-05-14 --- */ .uniqueCtrl.socialInHero {display: block;width: 100%;}.uniqueCtrl.socialInHero ul {display: block;margin: 0 auto;width: 100px;}.uniqueCtrl.socialInHero li {display:block;float:left;width:22px;height:22px;margin:0 5px;text-indent:-999em;}.uniqueCtrl.socialInHero li:first-child {background: url("//asset1.marksandspencer.com/is/image/mands/c8f9c468578ac015be0b272d2df8955b0275dee1?fmt=png-alpha") no-repeat scroll 0 0}.uniqueCtrl.socialInHero li + li {background: url("//asset1.marksandspencer.com/is/image/mands/c826fdcb1bfbf99b2b174b176c5271f8cd667d64?fmt=png-alpha") no-repeat scroll 0 0}.uniqueCtrl.socialInHero li + li + li {background: url("//asset1.marksandspencer.com/is/image/mands/8de87dec4bd04f4e98d3cb0298a08333991ff466?fmt=png-alpha") no-repeat scroll 0 0}.uniqueCtrl.socialInHero li a {display: block;height: 100%;width: 100%;} /*! --- IPAD Home page product carousel horizontal pos Fix 02-06-14--- */.touch .homepage .heroslideshow.caro .latestModule.editorial-social .box.h7_2{margin-left:4em;} /*! --- Image PLP Centered Overlay Wide 03-06-14--- */.cms.wrap.uniqueCtrl.imgPlp.middle.wide .copy {margin: 0 20em;width: 76em;} /*! --- Image PLP Centered Overlay Widest 03-06-14--- */.cms.wrap.uniqueCtrl.imgPlp.middle.widest .copy {margin: 0 8em;width: 100em;} /*! --- BU Hero Carousels Ts and Cs style left 03--5-14 --- */.carousel_tsandcs.bu.black a:after {content: "";}.carousel_tsandcs.bu.black a {font: 0.7em "HelveticaNeueW01-55Roma",helvetica,arial sans-serif;}.carousel_tsandcs.bu.black p {width: 40em;}.carousel_tsandcs.bu.black {top: 34em;position: absolute;} /*! --- IMG PLP banner overlay position fix 04-06-14--- */.touch .cms.wrap.uniqueCtrl.imgPlp .copy {top: 6.8em;bottom: auto;} /*! --- Contact us CTA underline--- */ .mnsCTA_CU {text-decoration: underline;!important;} /*! --- Image PLP banner CTA update --- */ .uniqueCtrl.imgPlp .PLPimgCTA p{font-size: 18px; margin-left: 12em; padding: 0px; text-align: center; float:left;}.touch .uniqueCtrl.imgPlp .PLPimgCTA p{font-size: 18px; padding: 0px; text-align: center;}.uniqueCtrl.imgPlp .PLPimgCTA p:first-child{margin-right:6.6em; margin-left:12em; float:left;} /*! --- Blinking Sales message for home page carousel 11-06-14 --- */ .blink_cta {-webkit-animation-name: blinker;-webkit-animation-duration: 2s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 2s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blinker;animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;}@-moz-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}@-webkit-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }} /*! --- Homepage Panels 600x330 12.06.14 --- */ .uniqueCtrl.cat-mod-600-330 {position: relative; width:100%; height:100%;} .uniqueCtrl.cat-mod-600-330 .copy { position: absolute; top:5em; left: 5.0em; text-align: left;} .uniqueCtrl.cat-mod-600-330 .copy h2 { font-size: 2.4em; margin-bottom: 1em; text-align: left; text-transform: uppercase; font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif;} .uniqueCtrl.cat-mod-600-330 .copy p {font-size: 1.4em; margin-bottom: 1.4em; line-height: 1.4em; width: 20em;} .uniqueCtrl.cat-mod-600-330 .copy a {font-size: 1.2em; font-family: "DidotW01Roman", Georgia,'Times New Roman', serif;} .uniqueCtrl.cat-mod-600-330 .copy a:after{content:" \02192"; bottom:3px; height:1px;} .uniqueCtrl.cat-mod-600-330 .copy a:hover {text-decoration:underline;}.uniqueCtrl.cat-mod-600-330 img {width: 100%; height: auto;} /*! --- Homepage Panels 300x330 12.06.14 --- */ .uniqueCtrl.cat-mod-300-330 {position: relative; border-right: .1em dotted #ccc;} .uniqueCtrl.cat-mod-300-330 .copy { position: absolute; top:3em; margin: 0 auto; width:30em; height: 33em; text-align: center;} .uniqueCtrl.cat-mod-300-330 .copy h2 { font-size: 1.4em; font-family: "HelveticaNeueW01-55Roma",Helvetica, sans-serif; text-transform: uppercase; letter-spacing:.3em;} .uniqueCtrl.cat-mod-300-330 .cta { position: absolute; bottom:4.3em; margin: 0 auto; width:30em; text-align: center;}.uniqueCtrl.cat-mod-300-330 .cta h3 { font-size: 1.4em; font-family: "DidotW01Roman", Georgia,'Times New Roman', serif; font-style: italic;} .uniqueCtrl.cat-mod-300-330 .cta a:hover {text-decoration:underline;} /*! --- Homepage Panels 150x165 12.06.14 --- */ .uniqueCtrl.cat-mod-150-165 {position: relative; width:100%; height:100%;} .uniqueCtrl.cat-mod-150-165 .copy { position: absolute; bottom:1em; margin: 0 auto; width:15em; text-align: center;} .uniqueCtrl.cat-mod-150-165 .copy h3 { font-size: 1.4em; font-family: "DidotW01Roman", Georgia,'Times New Roman', serif; font-style: italic;} .uniqueCtrl.cat-mod-150-165 .copy a:hover {text-decoration:underline;} /*! --- Homepage Panels 600x330 White Overlay 18.06.14 --- */.uniqueCtrl.cat-mod-600-330.whiteOverlay .copy {background: #FFFFFF;background: rgba(255,255,255,.9);filter:"alpha(opacity=90)"; filter: alpha(opacity=90);left: 2em;top: 2em;padding: 2em;height: 52%;width: 40%;} /*! --- Homepage Panels 600x330 White Overlay Sale Red border 26.06.14 --- */.uniqueCtrl.cat-mod-600-330.whiteOverlay.redborder .copy {background: #FFFFFF;background: rgba(255,255,255,.9);border:.5em solid #FFFFFF;filter:"alpha(opacity=90)"; filter: alpha(opacity=90);left: 2em;top: 2em;padding: 1.4em;height: 52%;width: 23em;} /*! --- Homepage text overlay centred sale 18-06-14 --- */ .homepage .overlayTopLeft.centredSale {bottom:auto;width: 48em;}.homepage .overlayTopLeft.centredSale .topSub{display:block;line-height:1em;margin-top:1.8em;text-transform:uppercase;}.homepage .overlayTopLeft.centredSale .halfSize{font-size: .55em;}.homepage .overlayTopLeft.centredSale > p {margin: 0 auto;text-align: center;}.homepage .overlayTopLeft.centredSale h1 {font-size: 7.5em;text-align: center;}.homepage .overlayTopLeft.centredSale h2 {color: #000000; font: normal normal 2.5em 'DidotW01Roman',serif;margin-bottom:1em;text-align:center;text-transform:uppercase;}.homepage .overlayTopLeft.centredSale .call-to-action a {font-size: 0.9em;} /*! --- BU Carousel distortion fix at lower breakpoint 19.06.14 --- */ .category .heroslideshow .slideshow .imageContainer {height:auto;} /*! --- Hotspots for new trends images 600x400 23-06-14 --- */.wrap.trends.hotspots .section-spotlight .s7HotspotViewerHolder {border: none;height: 40em;width: 60em;}.wrap.trends.hotspots .imageHolder {position: relative;float: left;}.wrap.trends.hotspots .box .section-spotlight {border-right: medium none;height: 40em;position:relative;width: 60em;}.wrap.trends.hotspots .box .section-spotlight img {width:100%;}.wrap.trends.hotspots .section-spotlight .imageHolder, .wrap.trends.hotspots .section-spotlight .s7HotspotViewerHolder {height:40em;width:60em;}.wrap.trends.hotspots .cta > a {font-size: 1.2em;} /*! --- Womens Landing page wireframe module 23-06-14--- */.products4Block {margin-left: 2em;margin-top:2em;position:relative;width: 30em;}.products4Block .block1:first-child, .products4Block .block1:first-child + .block1 {border-bottom: 0.2em solid #000000;padding: 0 0 3em;}.products4Block .block1:first-child, .products4Block .block1:first-child + .block1 + .block1 {padding-right:0;}.products4Block .block1:first-child + .block1 {margin-right: 0;padding-right: 0;}.products4Block .block1 {display: block;float: left;height: 15em;margin: 0 0 1em;padding: 0 0 2em;position:relative;width: 15em;}.products4Block .block1 img { float: left;padding: 0;width:100%;}.products4Block .block1 .copy {top: 15em;position: absolute;width: 100%;}.products4Block .block1 .copy p {text-align: center; margin-bottom: 1em;}.wrap.trends.hotspots .box.g6 {width: 28em;}.wrap.trends.hotspots .uniqueCtrl.textBox-300x300 {margin-top: 3.6em;}.wrap.trends.hotspots .uniqueCtrl.textBox-300x300 h2 {font-size:3em;margin-bottom:0.3em;text-transform:uppercase;}.wrap.trends.hotspots .uniqueCtrl.textBox-300x300 p {font-size:1.4em;margin-bottom:1em;}.edi-panel.vertical.full-bleed.sandl .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 3.5em;display: block;}.wrap.trends.hotspots .uniqueCtrl.textBox-300x300 .cta > a {font-size: 0.857em;}.wrap.trends.hotspots .products4Block .cta > a {font-size:1.2em;text-transform:uppercase;}.uniqueCtrl.fullWidth.pullText p{font-family: DidotW01Roman, serif; font-size: 2em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; text-align: center; padding: 0 8em 2em;}.edi-panel.horizontal.buying-guide.full-bleed.centre.wideOverlay.sans a {font-size: 0.857em;}.edi-panel.horizontal.buying-guide.full-bleed.centre.wideOverlay.sans .copy p {font: 1.4em Helvetica,arial,sans-serif;}.edi-panel.horizontal.buying-guide.full-bleed.centre.wideOverlay.sans h3 .title {font: 0.8em "HelveticaNeueW01-UltLt","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;}.edi-panel.vertical.full-bleed.sandl .copy p{font:normal 1.5em/1.5em "DidotW01Roman", Georgia, "Times New Roman", serif;margin: 0 0 1.5em;}.edi-panel.sandl .call-to-action a {display: block;font: 0.8em "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;margin-top: 0.6em;} /*! --- Home page centered hero text for sale --- */ .homepage .overlayCentred {display:block;height:44.2em;position:relative;width:120em;}.homepage .overlayCentred .copy {display: block; position: absolute; left: 0; top: 0; padding-top: 6em; height: 38.2em; margin: 0 36em; width: 50em;}.homepage .overlayCentred .copy p:first-child {font: normal normal 2.2em 'DidotW01Roman',serif; margin-top:0;padding-top:0;text-align: center; text-shadow: none; text-transform: uppercase;}.homepage .overlayCentred .copy h2 {color: #000000; text-align: center; font-family: 'didotW01Roman', serif; font-size: 9em; padding-top: 0; text-transform: uppercase; white-space: nowrap;}.homepage .overlayCentred .copy h3{color: rgb(0, 0, 0); padding-bottom: .3em; text-align: center; text-transform: uppercase; font: 4.3em 'didotW01Roman',serif;}.homepage .overlayCentred .copy p{display: block;font:normal normal 2em 'DidotW01Roman',serif;margin: 0;position: relative;text-align:center;text-transform:none;width: 100%;}.homepage .overlayCentred .copy .call-to-action:hover {text-decoration:underline;}.homepage .overlayCentred .copy .call-to-action:after {content:' \2192';height:1px;}.homepage .overlayCentred .copy .call-to-action {padding-right:1em;}.homepage .uniqueCtrl.noDrawer.h442 .editorial-social .g16, .uniqueCtrl.noDrawer.h442 .homepage .editorial-social .g16 {height:42em;width:82.5em;}.homepage .uniqueCtrl.noDrawer.h442 .editorial-social .g8, .uniqueCtrl.noDrawer.h442 .homepage .editorial-social .g8 {text-align: center;width: 37.5em;height: 42em;}.homepage .uniqueCtrl.noDrawer.h442 .editorial-social .editorial-social-right-row div:first-child .block1 {width:17.1em;}.homepage .editorial-social .editorial-social-right-row .g12,.editorial-social .homepage .editorial-social-right-row .g12 {}.homepage .overlayCentred .copy {display: block;height: 38.2em;left: 0;padding-top: 6em;position: absolute;top: 0;width: 50em;}.homepage .overlayCentred .copy h1 {font: 3.8em 'DidotW01Roman',serif;margin-top: 0;padding-top: 0;text-align: center;text-shadow: none;text-transform: uppercase;}.homepage .linedItalic:before {border-bottom: 1px solid #000000;content: "";height: 1px;left: 3.4em;position: absolute;top: 49%;width: 15%;}.homepage .linedItalic:after {border-bottom: 1px solid #000000;content: "";height: 1px;position: absolute;right: 3.4em;top: 49%;width: 15%;}.homepage .linedItalic span {font-family: 'DidotW01Italic', Georgia, 'Times New Roman', serif;} /*! --- Override to remove distortion from brand hero carousel 30-06-14--- */.heroslideshow.brand img.imageContainer {height: auto;} /*! --- Terms & Conditions Uniform list--- */.uniqueCtrl.tsandcs ul {color:#333333;display: table;font:normal 1.4em 'HelveticaNeueW01-55Roma',Arial,Sans-serif;list-style: decimal inside none;margin-bottom: 1.6em;}.uniqueCtrl.tsandcs ul li:before {content: '\2022 ';display: table-cell;font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;padding-right: 0.5em;text-align: right;}.uniqueCtrl.tsandcs ul li {display: table-row;margin-bottom: 1.6em;}.uniqueCtrl.tsandcs ul li span {margin-left:-1.8em;} /*! --- Terms & Conditions Uniform list OFFERS Page --- */.uniqueCtrl.tsandcs.offers ul {color:#333333;display: table;font:normal 1.4em 'HelveticaNeueW01-55Roma',Arial,Sans-serif;list-style: decimal inside none; margin: -1.3em 0 1.6em 15em;}.uniqueCtrl.tsandcs.offers ul li:before {content: '\2022 ';display: table-cell;font-family:'HelveticaNeueW01-75Bold', helvetica, arial, sans-serif;padding-right: 0.5em;text-align: right;}.uniqueCtrl.tsandcs.offers ul li {display: table-row;margin-bottom: 1.6em;}.uniqueCtrl.tsandcs.offers p {color:#000000;font-size: 1.4em;font-weight: bold;text-transform: uppercase;}.uniqueCtrl.tsandcs.offers li.sub {text-indent: -1em;}.uniqueCtrl.tsandcs.offers li.sub:before {content: "";}.ie9 .uniqueCtrl.tsandcs.offers ul{clear:both;} /*! --- My Acct overrides 04-07-2014 --- */.my-account-landing .main-links section {background-color: #FFFFFF;border: 1px solid #EEEEEE;}.my-account-landing .quick-links .my-orders {font-family: "HelveticaNeueW01-75Bold",georgia,arial,sans-serif;font-weight: normal;} /*! --- Wide editorial panel no overlay CTA right --- */.edi-panel.horizontal.full-bleed.cta-right .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 7em;height: auto;left: auto;min-height: 0;right: 0;text-align:center;width: 38em;} /*! --- Wide editorial panel no overlay CTA left --- */.edi-panel.horizontal.full-bleed.cta-left .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 7em;height: auto;left: 0;min-height: 0;text-align:center;width: 38em;} /*! --- PLP Promo offer code banner --- */ .wrap.cms.uniqueCtrl.plpPromoCodeOffer {background: #e72021;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-bottom:3em;position:relative;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer p {font: normal 2.5em/2em "DidotW01Italic",Georgia,'Times New Roman',Times,serif;text-align: center;color: #FFFFFF;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;padding-bottom:0;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer p a {color:#FFFFFF;} /*! --- Homepage carousel old height 600px Override Fix 14-07-14 --- */ .homepage .heroslideshow, .homepage .heroslideshow .latestModule {height:60em;} /*! --- PDP See more position override - R.Tutt 08-07-14--- */ .information .product + p.dimension {font-family: "HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;font-size: 1.5683em;margin-left: 10em;margin-top: -2.009em;}.information .product + p.dimension a {line-height:0;text-decoration: underline;}.information .product + p.dimension a:hover {font-family:"HelveticaNeueW01-75Bold",helvetica, arial, sans-serif;}@media screen and (max-width:1239px) {.information .product + p.dimension{margin-top: -2.25em;}} /*! --- Homepage CTA updates 15-07-14 --- */ body.homepage .overlayTopLeft .call-to-action {font-size:0.8em;} /*! --- Homepage editorial slim carousel--- */ .homepage.slim .heroslideshow.caro, .homepage.slim .heroslideshow .latestModule {height:44.2em;}.homepage.slim .heroslideshow .products4Block .block1 .copy {font-size: 0.9em;left: 0;margin: 0;padding: 0;position: absolute;text-align: center;text-transform: uppercase;top: 15em;width: 15em;}.homepage.slim .heroslideshow .wrap.trends.hotspots .uniqueCtrl.textBox-300x300 {height: 20em;padding: 0 4.2em 5em;width: 24em;}.homepage.slim .heroslideshow .wrap.cms.latestModule {width: 60em;}.homepage.slim .heroslideshow.caro .trends.hotspots .products4Block .cta > a {display: block;margin-top:1em;width: 13em;}.homepage.slim .heroslideshow .overlayTopLeft p {font-size: 1.2em;} /*! --- Homepage only editorial slim carousel--- */ .homepage .slim .heroslideshow.caro, .homepage .slim .heroslideshow .latestModule {height:44.2em;}.homepage .slim .heroslideshow .products4Block .block1 .copy {font-size: 0.9em;left: 0;margin: 0;padding: 0;position: absolute;text-align: center;text-transform: uppercase;top: 15em;width: 15em;}.homepage .slim .heroslideshow .wrap.trends.hotspots .uniqueCtrl.textBox-300x300 {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;height: 20em;padding: 0 4.2em 5em;width: 30em;}.homepage .slim .heroslideshow .wrap.cms.latestModule {width: 60em;}.homepage .slim .heroslideshow.caro .trends.hotspots .products4Block .cta > a {display: block;margin-top:1em;width: 13em;}.homepage .slim .heroslideshow .col67-33 {height: 44.2em;width: 120em;background: no-repeat;}.homepage .slim .heroslideshow .col67-33 .box.g16 {display: block;float: left;width: 82.4em;}.homepage .slim .heroslideshow .col67-33 .box.g8 {display: block;margin-left: 82.4em;width: 37.6em;} /*! --- Editorial Blocks New 17-07-14 --- */.edi-panel.box-module.full-bleed.slimOverlay .copy,.edi-panel.horizontal.buying-guide.full-bleed.left.slimOverlay .copy,.edi-panel.horizontal.buying-guide.full-bleed.right.slimOverlay .copy {min-height:48px;}.edi-panel.box-module.full-bleed.slimOverlay .copy h3 .subtitle,.edi-panel.horizontal.buying-guide.full-bleed.left.slimOverlay .copy h3 .subtitle,.edi-panel.horizontal.buying-guide.full-bleed.right.slimOverlay .copy h3 .subtitle {margin-top:0.3em;} /*! --- Home page carousel black panel --- */ .overlayTopLeft.blackBkgd {background: rgba(0, 0, 0, 0.85);color:#FFFFFF;margin-left: 1em;margin-top: 3em;opacity:0.9em;padding: 4em;width: auto;}.overlayTopLeft.blackBkgd h1, .overlayTopLeft.blackBkgd h2 {color: #FFFFFF;font-family: "DidotW01Roman",serif;font-weight: normal;}.overlayTopLeft.blackBkgd h2 {margin-bottom: 1em;font-size: 4em;}.overlayTopLeft.blackBkgd .call-to-action,.overlayTopLeft.blackBkgd .call-to-action a,.overlayTopLeft.blackBkgd .call-to-action:after {color:#FFFFFF;}.ie8 .overlayTopLeft.blackBkgd{background:#000000;filter:"alpha(opacity=90)"; filter: alpha(opacity=90);} /*! --- PLP Promo Banner white 28-07-14 --- */.wrap.cms.uniqueCtrl.plpPromoCodeOffer.white {background:#FFFFFF;border-bottom:1px solid #000000;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer.white p {border:none;color: #000000;} /*! --- PLP Promo Banner pink gradient 22-08-14 --- */ background: rgb(252,244,244); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */.wrap.cms.uniqueCtrl.plpPromoCodeOffer.pink {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNmY2Y0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background: -moz-linear-gradient(top, rgba(252,244,244,1) 47%, rgba(255,226,226,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,rgba(252,244,244,1)), color-stop(100%,rgba(255,226,226,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(252,244,244,1) 47%,rgba(255,226,226,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(252,244,244,1) 47%,rgba(255,226,226,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(252,244,244,1) 47%,rgba(255,226,226,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(252,244,244,1) 47%,rgba(255,226,226,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf4f4', endColorstr='#ffe2e2',GradientType=0 ); /* IE6-8 */} /*! --- Style living hub IE8 hub breadcrumb fix 28-07-14--- */ .ie8 .styleLiving {margin-top:6.3em;} /*! --- Hide pezels from BU carousel when 2 carousels on page --- */ .uniqueCtrl.hidePezels .M080 .hero-carousel-progress {display:none;} /*! --- Editorial Content Wider - Top center --- */.latestModule .edi-panel.wider.top-center .copy {width:26em; bottom: auto; left: 15em; top: 2em;} /*! --- GQ Intro Copy --- */ .uniqueCtrl.gq-intro-copy-block {margin:8em 0 0 6em; height: 18em;} .uniqueCtrl.gq-intro-copy-block h2.modTitle { margin-bottom:1em; font-size:2.4em; font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif; color:#000;} .uniqueCtrl.gq-intro-copy-block p {font-size:1.4em; font-family: "Helvetica",Arial,Sans-serif; color:#000; width:28em;} .uniqueCtrl.gq-intro-copy-block a:link { color:#000; text-transform: uppercase;!important} /*! --- GQ Product Cut OUt CTA 200x200 --- */ .uniqueCtrl.gq-img-cut-out-200-200 { width: 20em; height: 22em; padding-bottom: 4em;} .uniqueCtrl.gq-img-cut-out-200-200 .copy { text-align: center; margin-top: 1em;} .uniqueCtrl.gq-img-cut-out-200-200 .copy p { font-size:1.2em; text-transform: uppercase;} /*! --- GQ Product Cut OUt CTA 200x200 Right --- */ .uniqueCtrl.gq-img-cut-out-200-200-right { width: 20em; height: 22em; padding-bottom: 4em; float: right;} .uniqueCtrl.gq-img-cut-out-200-200-right .copy { text-align: center; margin-top: 1em;} .uniqueCtrl.gq-img-cut-out-200-200-right .copy p { font-size:1.2em; text-transform: uppercase;} /*! --- GQ Product Cut OUt CTA 200x200 margin Left --- */ .uniqueCtrl.gq-img-cut-out-200-200-marg-left { width: 20em; height: 22em; margin-left:1em; padding-bottom: 4em;} .uniqueCtrl.gq-img-cut-out-200-200-marg-left .copy { text-align: center; margin-top: 1em;} .uniqueCtrl.gq-img-cut-out-200-200-marg-left .copy p { font-size:1.2em; text-transform: uppercase;} /*! --- GQ Product Cut OUt CTA 200x200 MARGIN TOP --- */ .uniqueCtrl.gq-img-cut-out-200-200-mid { width: 20em; height: 22em; margin: 10em 0 0 1em; padding-bottom: 4em; } .uniqueCtrl.gq-img-cut-out-200-200-mid .copy { text-align: center; margin-top: 1em;} .uniqueCtrl.gq-img-cut-out-200-200-mid .copy p { font-size:1.2em; text-transform: uppercase;} /*! --- GQ Product Cut OUt CTA 200x300--- */ .uniqueCtrl.gq-img-cut-out-200-300 { width: 20em; height: 32em; padding-bottom: 4em;} .uniqueCtrl.gq-img-cut-out-200-300 .copy { text-align: center; margin-top: 1em;} .uniqueCtrl.gq-img-cut-out-200-300 .copy p { font-size:1.2em; text-transform: uppercase;} /*! --- GQ Product Cut OUt CTA 200x300 Mid Right--- */ .uniqueCtrl.gq-img-cut-out-200-300-midRight { width: 20em; height: 32em; margin:3em -9em 0 0; float:right; padding-bottom: 4em;} .uniqueCtrl.gq-img-cut-out-200-300-midRight .copy { text-align: center; margin-top: 1em;} .uniqueCtrl.gq-img-cut-out-200-300-midRight .copy p { font-size:1.2em; text-transform: uppercase;} /*! --- GQ TextBox Quote 275x120 --- */ .uniqueCtrl.generic-quote-275 {width: 27.5em; height: 9em; margin: 8em 0 0 4em; padding:1em 1em 0 1em; border-top:1em solid #000; border-bottom:1em solid #000; } .uniqueCtrl.generic-quote-275 p {font-size:3.2em; font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif; text-align: left;} /*! --- GQ TextBox Quote 275x120 Right --- */ .uniqueCtrl.generic-quote-275Right {width: 27.5em; height: 9em; margin: 2em -6em 0 0; padding:1em 1em 0 1em; border-top:1em solid #000; border-bottom:1em solid #000; float: right; } .uniqueCtrl.generic-quote-275Right p {font-size:3.2em; font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif; text-align: right;} /*! --- OFFER TILE Red background white text --- */ .uniqueCtrl.edi-panel.offer.red {background: #E31D1A;color: #FFFFFF;text-align: center;}.uniqueCtrl.edi-panel.offer.red p .title {color:#FFFFFF;margin: 0;text-align: center;text-transform: uppercase;width: 100%;font: normal 3.2em/.8em "HelveticaNeueW01-UltLt","Helvetica Neue",Helvetica,Arial,sans-serif;}.uniqueCtrl.edi-panel.offer.red h3 .subtitle, .uniqueCtrl.edi-panel.offer.red h3 .title {color: #FFFFFF;}.uniqueCtrl.edi-panel.offer.red .call-to-action a {color: #FFFFFF;font-size:1.2em;text-transform: uppercase;} /*! --- Temporary homepage carousel height resize fix 14-08-14 --- */ .uniqueCtrl.noDrawer.h442 .homepage ul.hero-carousel.hero-carousel-container {padding-bottom: 9em;} /*! --- Editorial Box cut out tall 300 x 600 18-8-14 --- */.latestModule .edi-panel.box-module.cut-out.tall {height:60em;width:30em;} /*! --- Home Carousel style for formalwear 18-8-14 --- */.homepage .heroslideshow .latestModule .edi-panel.box-module.cut-out.tall .call-to-action {bottom: 4em;}.homepage .heroslideshow .latestModule .box.g5, .homepage .heroslideshow .latestModule .edi-panel.box-module.cut-out.tall {width: 24em;} /*! --- PLP Promo offer banner PINK --- */ .wrap.cms.uniqueCtrl.plpPromoCodeOffer.pink {background: #b1057d;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-bottom:3em;position:relative;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer p {font: normal 2.5em/2em "DidotW01Italic",Georgia,'Times New Roman',Times,serif;text-align: center;color: #FFFFFF;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer p a {color:#FFFFFF;} /*! --- Burgundy on carousel slide2 19-08-14 --- */.category .burgundyC2 .M080 {height:44em;} .touch .category .burgundyC2 .M080 {height:46em;}.category .burgundyC2 .M080 #imageHolder2 .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .burgundyC2 .M080 #imageHolder2 .copy {filter:"alpha(opacity=90)";}.ie9 .burgundyC2 .M080 #imageHolder2 .copy {filter:none;}.category .burgundyC2 .M080 #imageHolder2 .copy.style02 h2, .category .burgundyC2 .M080 #imageHolder2 .copy.style02 p, .category .burgundyC2 .M080 #imageHolder2 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);} /*! --- Category carousel copy overlay width for IPAD 20-08-14 --- */ .touch .category .M080 .overlayed .copy {width:50em;} /*! --- Burgundy on carousel slide3 20-08-14 --- */.category .burgundyC3 .M080 {height:44em;} .touch .category .burgundyC3 .M080 {height:46em;}.category .burgundyC3 .M080 #imageHolder3 .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .burgundyC3 .M080 #imageHolder3 .copy {filter:"alpha(opacity=90)";}.ie9 .burgundyC3 .M080 #imageHolder3 .copy {filter:none;}.category .burgundyC3 .M080 #imageHolder3 .copy.style02 h2, .category .burgundyC3 .M080 #imageHolder3 .copy.style02 p, .category .burgundyC3 .M080 #imageHolder3 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);} /*! --- Burgundy on carousel slide3 no white overlays ---*/.category .burgundyC3.nowhite .M080{height:44em;} .touch .category .burgundyC3.nowhite .M080 {height:46em;}.category .burgundyC3.nowhite .M080 #imageHolder3 .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .burgundyC3.nowhite .M080 #imageHolder3 .copy {filter:"alpha(opacity=90)";}.ie9 .burgundyC3.nowhite .M080 #imageHolder3 .copy {filter:none;}.category .burgundyC3.nowhite .M080 #imageHolder3 .copy.style02 h2, .category .burgundyC3.nowhite .M080 #imageHolder3 .copy.style02 p, .category .burgundyC3.nowhite .M080 #imageHolder3 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);}.category .burgundyC3.nowhite .M080 #imageHolder1 .copy,.category .burgundyC3.nowhite .M080 #imageHolder2 .copy,.category .burgundyC3.nowhite .M080 #imageHolder4 .copy,.ie8 .burgundyC3.nowhite .M080 #imageHolder1 .copy,.ie9 .burgundyC3.nowhite .M080 #imageHolder1 .copy,.ie8 .burgundyC3.nowhite .M080 #imageHolder2 .copy,.ie9 .burgundyC3.nowhite .M080 #imageHolder2 .copy,.ie8 .burgundyC3.nowhite .M080 #imageHolder4 .copy {background:none;}.ie9 .burgundyC3.nowhite .M080 #imageHolder4 .copy,.ie9 .burgundyC3.nowhite .M080 .overlayed #imageHolder2 .copy,.ie8 .burgundyC3.nowhite .M080 .overlayed #imageHolder2 .copy {background:none;filter:none;} /*! --- Burgundy on carousel slide4 no white overlays ---*/.category .burgundyC4.nowhite .M080{height:44em;} .touch .category .burgundyC4.nowhite .M080 {height:46em;}.category .burgundyC4.nowhite .M080 #imageHolder4 .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .burgundyC4.nowhite .M080 #imageHolder4 .copy {filter:"alpha(opacity=90)";}.ie9 .burgundyC4.nowhite .M080 #imageHolder4 .copy {filter:none;}.category .burgundyC4.nowhite .M080 #imageHolder4 .copy.style02 h2, .category .burgundyC4.nowhite .M080 #imageHolder4 .copy.style02 p, .category .burgundyC4.nowhite .M080 #imageHolder4 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);}.category .burgundyC4.nowhite .M080 #imageHolder1 .copy,.category .burgundyC4.nowhite .M080 #imageHolder2 .copy,.category .burgundyC4.nowhite .M080 #imageHolder3 .copy,.ie8 .burgundyC4.nowhite .M080 #imageHolder1 .copy,.ie9 .burgundyC4.nowhite .M080 #imageHolder1 .copy,.ie8 .burgundyC4.nowhite .M080 #imageHolder2 .copy,.ie9 .burgundyC4.nowhite .M080 #imageHolder2 .copy,.ie8 .burgundyC4.nowhite .M080 #imageHolder3 .copy {background:none;}.ie9 .burgundyC4.nowhite .M080 #imageHolder3 .copy,.ie9 .burgundyC4.nowhite .M080 .overlayed #imageHolder2 .copy,.ie8 .burgundyC4.nowhite .M080 .overlayed #imageHolder2 .copy {background:none;filter:none;} /*! --- Burgundy on carousel slide3 no overlay slide 2 ---*/ .category .burgundyC3.nowhite2 .M080{height:44em;} .touch .category .burgundyC3.nowhite2 .M080 {height:46em;}.category .burgundyC3.nowhite2 .M080 #imageHolder3 .copy {background:#7a1736;background: rgba(122, 23, 54, 0.9);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .burgundyC3.nowhite2 .M080 #imageHolder3 .copy {filter:"alpha(opacity=90)";}.ie9 .burgundyC3.nowhite2 .M080 #imageHolder3 .copy {filter:none;}.category .burgundyC3.nowhite2 .M080 #imageHolder3 .copy.style02 h2, .category .burgundyC3.nowhite2 .M080 #imageHolder3 .copy.style02 p, .category .burgundyC3.nowhite2 .M080 #imageHolder3 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);}.category .burgundyC3.nowhite2 .M080 #imageHolder2 .copy,.ie9 .burgundyC3.nowhite .M080 .overlayed #imageHolder2 .copy,.ie8 .burgundyC3.nowhite .M080 .overlayed #imageHolder2 .copy {background:none;filter:none;} /*! --- Burgundy on carousel slide4 slide 1 white ---*/.category .burgundyC4.white1 .M080{height:44em}.touch .category .burgundyC4.white1 .M080{height:46em}.category .burgundyC4.white1 .M080 #imageHolder4 .copy{background:#7a1736;background:rgba(122,23,54,.9);color:#FFF;color:rgba(255,255,255,1)}.ie8 .burgundyC4.white1 .M080 #imageHolder4 .copy{filter:"alpha(opacity=90)"}.ie9 .burgundyC4.white1 .M080 #imageHolder4 .copy{filter:none}.category .burgundyC4.white1 .M080 #imageHolder1 .copy{background:#FFF;background:rgba(255,255,255,.9);color:#FFF;color:rgba(51,51,51,1)}.ie8 .burgundyC4.white1 .M080 #imageHolder1 .copy{filter:"alpha(opacity=90)"}.ie9 .burgundyC4.white1 .M080 #imageHolder1 .copy{filter:none}.category .burgundyC4.white1 .M080 #imageHolder4 .copy.style02 a,.category .burgundyC4.white1 .M080 #imageHolder4 .copy.style02 h2,.category .burgundyC4.white1 .M080 #imageHolder4 .copy.style02 p{color:#FFF;color:rgba(255,255,255,1)}.category .burgundyC4.white1 .M080 #imageHolder2 .copy,.category .burgundyC4.white1 .M080 #imageHolder3 .copy,.ie8 .burgundyC4.white1 .M080 #imageHolder2 .copy,.ie8 .burgundyC4.white1 .M080 #imageHolder3 .copy,.ie9 .burgundyC4.white1 .M080 #imageHolder2 .copy{background:0 0}.ie8 .burgundyC4.white1 .M080 .overlayed #imageHolder2 .copy,.ie9 .burgundyC4.white1 .M080 #imageHolder3 .copy,.ie9 .burgundyC4.white1 .M080 .overlayed #imageHolder2 .copy,.ie9 .burgundyC4.white1 .M080 .overlayed #imageHolder3 .copy{background:0 0;filter:none} /*! --- White overlay for plp banner with drawer--- */.uniqueCtrl.drawer.banner.white.overlay.centre {background:#FFFFFF;background: rgba(255, 255, 255, 0.9);display: block;height: auto;margin: 0 auto;overflow: hidden;padding: 0 0 2em;width: 50em;}.uniqueCtrl.drawer.banner.white.overlay.centre h1 {color: #000000;font: 5em 'DidotW01Roman',serif;margin-top: .3em;text-transform: uppercase;}.uniqueCtrl.drawer.banner.white.overlay.centre p {color: #000000;font: 1.5em/1.5em 'DidotW01Italic',serif;margin: 0 1em;width: 100%;} /*! --- New PLP --- */.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235 .copy, .touch .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235 .copy {background:#FFFFFF;background: rgba(255, 255, 255, 0.9);bottom: 2em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;height: 16.9em;margin: 0 20em;padding: 2em;position: absolute;text-align: center;top:auto;width: 80em;}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235 .copy h1 {font: 4.8em 'DidotW01Roman',Georgia,'Times New Roman',serif;text-transform: uppercase;}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235 .copy p {font: 1.8em 'DidotW01Italic',Georgia,'Times New Roman',serif;}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.noOverlay .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);} /*! --- New official sales red --- */ .banner-generic.plp-banner .banner-title.sales h1 span {border-bottom-color:#BD2D24;} /*! --- Landing page hero 1200 x 442 --- */.wrap.cms.uniqueCtrl.lpHeroH442 {display: block;height: 44.2em;margin-bottom:1em;position: relative;}.wrap.cms.uniqueCtrl.lpHeroH442 .copy {position:absolute;left:3em;top:6em;width:55em;}.wrap.cms.uniqueCtrl.lpHeroH442 .copy h1 {font: 6em 'DidotW01Roman',serif;text-transform: uppercase;}.wrap.cms.uniqueCtrl.lpHeroH442 .copy p {font: 2em/1.2em "DidotW01Roman",Georgia,'Times New Roman',serif;margin-bottom: 1.5em;text-align:left;}.wrap.cms.uniqueCtrl.lpHeroH442 .copy .call-to-action {font-family: 'DidotW01Bold',serif;}.wrap.cms.uniqueCtrl.lpHeroH442 .copy .call-to-action:hover {text-decoration:underline;}.wrap.cms.uniqueCtrl.lpHeroH442 .copy .call-to-action:after {content: " \2192";} /*! --- Beauty Box PDP exclusive box override 22-08-14 --- */ .pdpSets .information ul.exclusives[id="promo-1973003"] {display: block;margin-top: -1em;padding-left: 0.8em;width: 24.5em;} /*! --- PLP Promo offer beauty gradient 26-08-2014 --- */ .wrap.cms.uniqueCtrl.plpPromoCodeOffer.beautygradient {background: #f7ccbc; /* Old browsers */background: -moz-linear-gradient(top, #fbf7f6 0%, #fae2d8 50%, #f7ccbc 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf7f6), color-stop(50%,#fae2d8), color-stop(100%,#f7ccbc)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fbf7f6 0%, #fae2d8 50%, #f7ccbc 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fbf7f6 0%, #fae2d8 50%, #f7ccbc 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fbf7f6 0%, #fae2d8 50%, #f7ccbc 100%); /* IE10+ */background: linear-gradient(to bottom, #fbf7f6 0%,#fae2d8 50%,#f7ccbc 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf7f6', endColorstr='#f7ccbc',GradientType=0 ); /* IE6-9 */ border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-bottom:3em;position:relative;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer.beautygradient p {font: normal 2.5em/2em "DidotW01Italic",Georgia,'Times New Roman',Times,serif;text-align: center;color: #000000;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer.beautygradient p a {color:#000000;} /*! --- Wine Awards Container - Position top left --- */.grid-view .wine-awards-container {top:0;} /*! --- BOB PDP block fix (using styles from generic) 29/08/14 --- */.uniqueCtrl.buying-guide .img4-col2 {display: block;height: 30em;position: relative;}.uniqueCtrl.buying-guide .img4-col2.text-top .copy {top: 0;}.uniqueCtrl.buying-guide .img4-col2.text-left .copy {left: 0;margin: 3em;padding: 0;position: absolute;}.uniqueCtrl.buying-guide .img4-col2 .copy h3 {font-family: 'DidotW01Roman','Times New Roman',Georgia,serif;font-size: 2.4em;text-transform: none;}.uniqueCtrl.buying-guide .img4-col2 .copy p {font-size: 1.3em;line-height: 1.3em;margin-top: 2em;}.uniqueCtrl.buying-guide .img4-col2 .copy a {display: block;font-size: 0.9em;text-transform: uppercase;} /*! --- CAN WE REMOVE THE CODE BELOW? --- */ /*----------------------------------------------------------------------------------------------------------*/ /*! --- WW DLP A B TEST CSS ONLY 010914 --- */ #externalabww a img{outline:0}#externalabww img{border:0}#externalabww{padding-top:15px;width:1200px}#externalabww #leftcol{float:left;width:300px}#externalabww #navigation{text-align:left}#externalabww #navigation a{padding-right:15px;color:#000;text-decoration:none;font:400 19px/32px HelveticaNeueLight,helvetica,arial,sans-serif}#externalabww #navigation a:hover{text-decoration:underline}#externalabww #navigation ul{list-style:none;margin-bottom:60px}#externalabww #navigation .nav_heading_bld{font:18px/28px HelveticaNeueBold,helvetica,arial,sans-serif}#externalabww #navigation .green_heading{font:18px/28px HelveticaNeueBold,helvetica,arial,sans-serif;color:#b0cb42}#externalabww #main_body{float:left;width:900px}#externalabww .lined_header,.lined_header_sml{clear:both;position:relative;width:100%;overflow:hidden;margin:0 0 20px}#externalabww .lined_header h1{display:block;font-family:DidotW01Roman,Helvetica,Arial,sans-serif;font-size:2.5em;font-weight:400;line-height:1;color:#333;text-align:center;text-transform:uppercase}#externalabww .lined_header_sml h1{display:block;font-family:DidotW01Roman,Helvetica,Arial,sans-serif;font-size:1.4em;font-weight:400;line-height:1;color:#333;text-align:center;text-transform:uppercase}#externalabww .lined_header h1 span,.lined_header_sml h1 span{background-color:#fff;position:relative;padding:0 20px;z-index:2}#externalabww .lined_header h1:before,.lined_header_sml h1:before{left:0;border-top:1px solid #000;content:"";height:1px;position:absolute;top:50%;width:50%;z-index:1}#externalabww .lined_header h1:after,.lined_header_sml h1:after{border-top:1px solid #000;content:"";height:1px;position:absolute;top:50%;width:50%;z-index:1}#externalabww .header-intro{margin:-20px 0 20px;width:900px;text-align:center}#externalabww .header-intro p{font:400 16px DidotW01Roman,Georgia,'Times New Roman',sans-serif;margin:auto;width:650px;padding-top:1em}#externalabww #main_body .hero{width:900px;height:442px}#externalabww #main_body .hero_nrrw{width:900px;height:442px;position:relative;background:url(https://s3-eu-west-1.amazonaws.com/mnsassets/mvt_2014/august/wwdlp/hero_900_442.jpg) left top no-repeat;display:inline-block}#externalabww #main_body .hero_nrrw_copy{position:absolute;top:20px;left:30px}#externalabww #main_body .hero_nrrw_copy h2{font:400 45px/45px DidotW01Roman,Georgia,'Times New Roman',sans-serif;width:385px;color:#fff}#externalabww #main_body .hero_nrrw_copy p{font:400 18px/22px DidotW01Roman,Georgia,'Times New Roman',sans-serif;width:410px;color:#fff}#externalabww #main_body .hero_nrrw_copy a{font:700 18px/26px DidotW01Roman,Georgia,'Times New Roman',sans-serif;text-decoration:none;color:#fff}#main_body .hero_nrrw_copy a:hover{text-decoration:underline;color:#fff}#externalabww #main_body .style_mod{float:left;display:block;width:900px;height:600px}#externalabww #main_body .style_mod .style_block_4{float:left;display:block;width:600px;height:600px}#externalabww .style_tile_300{position:relative;float:left;width:300px;height:300px;display:block}#externalabww #main_body .style_tile_300 p{position:absolute;top:260px;width:300px;height:auto;text-align:center}#externalabww #main_body .style_single_overlay_300{position:relative;float:left;width:300px;height:300px}#externalabww #main_body a{font:12px HelveticaNeueW01-55Roma,helvetica,arial,sans-serif;text-decoration:none;color:#000}#externalabww #main_body a:hover{text-decoration:underline}#externalabww .style_tile_300 h2.styleheading{position:absolute;top:10px;width:300px;height:300px;text-align:center;font:14px HelveticaNeueW01-55Roma,helvetica,arial,sans-serif}#externalabww .style_single_overlay_300 .overlay{position:absolute;top:170px;width:300px;height:115px;background:#fff;opacity:.8;text-align:center}#externalabww .style_single_overlay_300 .overlay .overlay_copy h2{font:700 18px DidotW01Roman,Georgia,'Times New Roman',sans-serif;margin-bottom:-20px}#externalabww .style_single_overlay_300 .overlay .overlay_copy p.sub_heading{font:400 24px HelveticaNeueLight,helvetica,arial,sans-serif;margin-bottom:0;padding-bottom:.5em;padding-top:1em}#externalabww .style_mod .style_single_tall{position:relative;float:left;display:block;width:300px;height:600px}#externalabww .style_tall{float:left;width:300px;height:600px}#externalabww .style_tall .tall_copy{position:absolute;top:420px;width:300px;text-align:center}#externalabww .style_tall .tall_copy h2{font:700 22px DidotW01Roman,Georgia,'Times New Roman',sans-serif;margin-bottom:-10px}#externalabww .style_tall .tall_copy p{font:400 14px DidotW01Roman,Georgia,'Times New Roman',sans-serif;width:250px;padding:25px 25px 0}#externalabww .brand_mod{float:left;display:block;width:900px;height:600px;margin-bottom:15px}#externalabww .brand_mod .brand_block_3{float:left;display:block;width:900px;height:600px}#externalabww .brand_single_600{position:relative;float:left;width:600px;height:600px}#externalabww .brand_single_600 .brand_overlay{position:absolute;top:475px;width:460px;margin:0 70px;height:115px;background:#fff;opacity:.8;text-align:center}#externalabww .brand_single_600 .brand_overlay .brand_overlay_copy h2{font:400 24px HelveticaNeueLight,helvetica,arial,sans-serif;margin-top:5px}#externalabww .brand_overlay_copy p{width:460px;text-align:center;font:400 14px DidotW01Roman,Georgia,'Times New Roman',sans-serif;padding:.3em 0 .2em}#externalabww .brand_single_300{position:relative;float:left;width:300px;height:300px}#externalabww .brand_single_300 .brand_overlay_300{position:absolute;top:180px;width:280px;margin:0 10px;height:115px;background:#fff;opacity:.8;text-align:center}#externalabww .brand_single_300 .brand_overlay_300 .brand_overlay_copy_300 h2{font:700 18px DidotW01Roman,Georgia,'Times New Roman',sans-serif;margin-bottom:0;padding-top:.5em}#externalabww .brand_overlay_copy_300 p{width:280px;text-align:center;font:400 24px HelveticaNeueLight,helvetica,arial,sans-serif;margin-top:5px;margin-bottom:0}#externalabww .trend_mod,#externalabww .trend_mod .trend_block{float:left;display:block;width:900px;height:400px}#externalabww #main_body .trend_banner_600{float:left;width:600px;height:400px}#externalabww .trend_tile_150_top{position:relative;float:left;width:150px;height:100px;padding-top:0;border-bottom:1px solid #000}#externalabww .trend_tile_150_bottom{position:relative;float:left;width:150px;height:100px;margin-top:100px}#externalabww .trend_tile_150_top p{position:absolute;text-align:center;top:130px;width:150px;padding-bottom:10px;border-bottom:1px solid #000}#externalabww .trend_tile_150_bottom p{position:absolute;text-align:center;top:130px;width:150px}#externalabww .style_single_overlay_300 .overlay_copy{padding-top:1.5em}#externalabww .lined_header_sml h1 span{font-size:1.3em}#externalabww{margin:auto}#externalabww #main_body .style_mod{margin-bottom:20px}@media screen and (max-width:1239px){#externalabww{width:960px}#externalabww #leftcol{width:240px;font-size:.9em}#externalabww #main_body{width:720px}#externalabww #navigation .nav_heading_bld,#externalabww #navigation a{font-size:2em}#externalabww #main_body .hero_nrrw{width:720px;height:352px}#externalabww .lined_header h1 span{font-size:1em}#externalabww #main_body .hero_nrrw_copy h2{font:400 32px/32px DidotW01Roman,Georgia,'Times New Roman',sans-serif;width:358px}#externalabww #main_body .hero_nrrw_copy a{font:700 15px/24px DidotW01Roman,Georgia,'Times New Roman',sans-serif}#externalabww #main_body .hero{height:352px}#externalabww #main_body .style_mod{width:720px}#externalabww #main_body .style_single_overlay_300,#externalabww .style_tile_300{width:240px;height:240px}#externalabww #main_body .style_mod .style_block_4{width:480px;height:480px}#externalabww .style_mod .style_single_tall{width:240px;height:450px}#externalabww .style_tall{width:240px;height:480px}#externalabww .style_tall .tall_copy{top:340px;width:255px}#externalabww .style_tall .tall_copy p{width:210px;padding:15px 25px 0}#externalabww .style_tall .tall_copy h2{font:700 18px DidotW01Roman,Georgia,'Times New Roman',sans-serif}#externalabww .style_single_overlay_300 .overlay_copy{width:240px}#externalabww .style_tile_300 h2.styleheading{height:240px;width:240px}#externalabww #main_body .style_tile_300 p{width:240px;height:auto;top:216px}#externalabww #main_body .style_mod{height:500px}#externalabww .header-intro{width:720px;margin:-20px 0 20px}#externalabww .brand_single_600{width:480px;height:480px}#externalabww .brand_single_300{height:240px;width:240px}#externalabww .brand_single_600 .brand_overlay{top:360px;margin:0 30px;width:420px}#externalabww .brand_overlay_copy p{width:400px;font:400 13px DidotW01Roman,Georgia,'Times New Roman',sans-serif}#externalabww .style_tall .tall_copy p{font-size:normal 13px 'DidotW01Roman',Georgia,'Times New Roman',sans-serif}#externalabww .brand_overlay_copy p{padding:.3em .5em .2em}#externalabww .brand_single_300 .brand_overlay_300{width:220px;top:144px;height:92px;margin:0 10px}#externalabww .brand_overlay_copy_300 p{width:220px;font:400 21px HelveticaNeueLight,helvetica,arial,sans-serif}#externalabww .brand_single_300 .brand_overlay_300 .brand_overlay_copy_300 h2{font:700 16px DidotW01Roman,Georgia,'Times New Roman',sans-serif}#externalabww .lined_header{margin:0 0 15px}#externalabww .lined_header_sml{margin:20px 0}#externalabww #navigation ul{margin-bottom:25px}#externalabww .style_single_overlay_300 .overlay{top:143px;width:240px;height:92px}#externalabww .style_single_overlay_300 .overlay .overlay_copy p.sub_heading{font:400 23px HelveticaNeueLight,helvetica,arial,sans-serif;margin-bottom:0;padding-bottom:.3em;padding-top:.8em;font-family: "HelveticaNeueW01-UltLt","Helvetica Neue",Helvetica,Arial,sans-serif;}#externalabww #main_body .hero_nrrw_copy p{font:400 16px/20px DidotW01Roman,Georgia,'Times New Roman',sans-serif}} /*! --- WW DLP A B TEST CSS ONLY 010914 --- */ @media screen and (max-width:1000px){#externalabww #navigation{margin-left:2em}} /*----------------------------------------------------------------------------------------------------------*/ /*! --- CAN WE REMOVE THE CODE ABOVE? --- */ /*! --- HOMEPAGE LEGO BLOCK WHOTE BOX NARROW --- */ .uniqueCtrl.cat-mod-600-330.whiteOverlayNarrow .copy{background:rgba(255,255,255,.9);filter:alpha(opacity=90);left:2em;top:2em;height:62%;width:30%;padding:2em} /*! --- Ways to wear ---*/ .uniqueCtrl.hero400,.uniqueCtrl.hero300 {display: block;margin: 0 0 3em;position: relative;}.uniqueCtrl.hero400 .copy,.uniqueCtrl.hero300 .copy {left: 4em;position: absolute;top: 8em;}.uniqueCtrl.hero400 .copy h1,.uniqueCtrl.hero300 .copy h1 {font: 5em 'DidotW01Roman',Georgia,'Times New Roman',serif;margin-bottom: 0.5em;text-transform: uppercase;}.uniqueCtrl.hero400 .copy p,.uniqueCtrl.hero300 .copy p {font: 1.4em/1.5em "HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;}.uniqueCtrl.hero400 .call-to-action,.uniqueCtrl.hero300 .call-to-action {text-transform: uppercase;line-height: 3em;}.uniqueCtrl.WTWIntro {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 5em 4em 0 1em;width: 30em;}.uniqueCtrl.WTWIntro h2 {font: 2em 'DidotW01Italic',serif;}.uniqueCtrl.WTWIntro h3 {font: 3em/1em 'DidotW01Roman',serif;margin: 0.3em 0 0.5em;text-transform: uppercase;}.uniqueCtrl.WTWIntro p {font: 1.5em 'DidotW01Italic',Georgia,'Times New Roman',serif;}.uniqueCtrl.ThreeColWaysToWear {display: block;float: left;position: relative;width: 90em;}.uniqueCtrl.ThreeColWaysToWear .box.g8 {margin-left: 0;position: relative;width: 33%;}.uniqueCtrl.ThreeColWaysToWear .box.g8 h4 {font: 2.2em/1em 'DidotW01Roman',serif;text-align: center;text-transform: uppercase;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .copy p {font: 1.2em/1.5 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;text-align: center;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .call-to-action:after {border-bottom: 1em solid #000000;content: "";display: block;margin: 0 2em;text-align: center;}.uniqueCtrl.ThreeColWaysToWear .box.g8 h5 {text-align: center;font: normal 2em/4.5em 'DidotW01Italic', Georgia, 'Times New Roman', serif;position:absolute;width:100%;z-index:1;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .call-to-action {line-height:3em;text-transform:uppercase;}.uniqueCtrl.SixColWaysToWear .box.g4 {display: block;float: left;position: relative;text-align: center;width: 16.5%;}.uniqueCtrl.SixColWaysToWear .box.g4 .copy {left: 0;position: absolute;width: 100%;}.uniqueCtrl.SixColWaysToWear .box.g4 .call-to-action {font-size:1.2em;text-align: center;text-transform: uppercase;}.uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 + .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 + .box.g4 + .box.g4 + .box.g4 .copy {bottom: 2em;}.uniqueCtrl.SixColWaysToWear .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 + .box.g4 + .box.g4 .copy {bottom: 7em;}.uniqueCtrl.WTWExploreTrends {margin-top: 3em;}.uniqueCtrl.WTWExploreTrends .copy {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 0 2em;text-align: left;}.uniqueCtrl.WTWExploreTrends .copy h4 {font: 1.8em 'DidotW01Roman',Georgia,'Times New roman',serif;letter-spacing: 0;padding: 1em 0;text-align: left;text-transform: uppercase;}.uniqueCtrl.WTWExploreTrends .copy p {font: 1.2em/1.5 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;}.uniqueCtrl.WTWExploreTrends .call-to-action {line-height: 4em;text-transform: uppercase;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .call-to-action a:hover, .uniqueCtrl.SixColWaysToWear .box.g4 .call-to-action a:hover, .uniqueCtrl.WTWExploreTrends .call-to-action a:hover {text-decoration: underline;}.uniqueCtrl.SixColWaysToWear {display: block;margin-top: -38em;position: relative;z-index: 0;}.uniqueCtrl.ThreeColWaysToWear .box.g8 {margin-left: 0;position: relative;width: 33%;}.uniqueCtrl.SixColWaysToWear {display: block;margin-top: -49em;position: relative;z-index: 0;}.uniqueCtrl.ThreeColWaysToWear .copy {bottom: -2em;position: absolute;width: 100%;z-index:2;} /*! --- New in generic page modules now being used on category pages 08-09-14 --- */ /*! --- Full width centred quote --- */ .wrap.cms .uniqueCtrl.fullWidth.centred.quote {clear:both;}.wrap.cms .uniqueCtrl.fullWidth.centred.quote p{font: normal 2em 'DidotW01Roman', serif; text-align: center;} /*! --- Full width centred quote font-size 16px --- */ .wrap.cms .uniqueCtrl.fullWidth.centred.quote16px {clear:both;}.wrap.cms .uniqueCtrl.fullWidth.centred.quote16px p{font: normal 1.6em 'DidotW01Roman', serif; text-align: center;} /*! --- Ways to wear ---*/ .uniqueCtrl.hero400,.uniqueCtrl.hero300 {display: block;margin: 0 0 3em;position: relative;}.uniqueCtrl.hero400 .copy,.uniqueCtrl.hero300 .copy {left: 4em;position: absolute;top: 4em;}.uniqueCtrl.hero400 .copy h1,.uniqueCtrl.hero300 .copy h1 {font: 5em 'DidotW01Roman',Georgia,'Times New Roman',serif;margin-bottom: 0.5em;text-transform: uppercase;}.uniqueCtrl.hero400 .copy p,.uniqueCtrl.hero300 .copy p {font: 1.4em/1.5em "HelveticaNeueW01-45Ligh",Helvetica,Arial,Sans-serif;}.uniqueCtrl.hero400 .call-to-action,.uniqueCtrl.hero300 .call-to-action {text-transform: uppercase;line-height: 3em;}.uniqueCtrl.WTWIntro {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 5em 4em 0 1em;width: 30em;}.uniqueCtrl.WTWIntro h2 {font: 2em 'DidotW01Italic',serif;}.uniqueCtrl.WTWIntro h3 {font: 3em/1em 'DidotW01Roman',serif;margin: 0.3em 0 0.5em;text-transform: uppercase;}.uniqueCtrl.WTWIntro p {font: 1.5em 'DidotW01Italic',Georgia,'Times New Roman',serif;}.uniqueCtrl.ThreeColWaysToWear {display: block;float: left;position: relative;width: 90em;}.uniqueCtrl.ThreeColWaysToWear .box.g8 {margin-left: 0;position: relative;width: 33%;}.uniqueCtrl.ThreeColWaysToWear .box.g8 h4 {font: 2.2em/1em 'DidotW01Roman',serif;text-align: center;text-transform: uppercase;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .copy p {font: 1.2em/1.5 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;text-align: center;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .call-to-action:after {border-bottom: 1em solid #000000;content: "";display: block;margin: 0 2em;text-align: center;}.uniqueCtrl.ThreeColWaysToWear .box.g8 h5 {text-align: center;font: normal 2em/4.5em 'DidotW01Italic', Georgia, 'Times New Roman', serif;position:absolute;width:100%;z-index:1;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .call-to-action {line-height:3em;text-transform:uppercase;}.uniqueCtrl.SixColWaysToWear .box.g4 {display: block;float: left;position: relative;text-align: center;width: 16.5%;}.uniqueCtrl.SixColWaysToWear .box.g4 .copy {left: 0;position: absolute;width: 100%;}.uniqueCtrl.SixColWaysToWear .box.g4 .call-to-action {font-size:1.2em;text-align: center;text-transform: uppercase;}.uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 + .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 + .box.g4 + .box.g4 + .box.g4 .copy {bottom: 2em;}.uniqueCtrl.SixColWaysToWear .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 .copy, .uniqueCtrl.SixColWaysToWear .box.g4 + .box.g4 + .box.g4 + .box.g4 + .box.g4 .copy {bottom: 7em;}.uniqueCtrl.WTWExploreTrends {margin-top: 2em;}.uniqueCtrl.WTWExploreTrends .copy {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 0 2em;text-align: left;}.uniqueCtrl.WTWExploreTrends .copy h3,.uniqueCtrl.WTWExploreTrends .copy h4 {font: 1.65em 'DidotW01Roman',Georgia,'Times New roman',serif;letter-spacing: 0;padding: 1em 0;text-align: left;text-transform: uppercase;}.uniqueCtrl.WTWExploreTrends .copy p {font: 1.2em/1.5 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;}.uniqueCtrl.WTWExploreTrends .call-to-action {line-height: 4em;text-transform: uppercase;}.uniqueCtrl.ThreeColWaysToWear .box.g8 .call-to-action a:hover, .uniqueCtrl.SixColWaysToWear .box.g4 .call-to-action a:hover, .uniqueCtrl.WTWExploreTrends .call-to-action a:hover {text-decoration: underline;}.uniqueCtrl.SixColWaysToWear {display: block;margin-top: -38em;position: relative;z-index: 0;}.uniqueCtrl.ThreeColWaysToWear .box.g8 {margin-left: 0;position: relative;width: 33%;}.uniqueCtrl.SixColWaysToWear {display: block;margin-top: -49em;position: relative;z-index: 0;}.uniqueCtrl.ThreeColWaysToWear .copy {bottom: -2em;position: absolute;width: 100%;z-index:2;} /*! --- Key pieces module --- */ .uniqueCtrl.keyPieces.fourCol .box.g6,.uniqueCtrl.keyPieces.square300.txtImg {display: block;position: relative;z-index:1;}.uniqueCtrl.keyPieces.square300.txtImg .copy {height: 100%;left: 0;position: absolute;text-align: left;top: 0;width: 100%;}.uniqueCtrl.keyPieces.fourCol .call-to-action {text-transform: uppercase;line-height: 4em;}.uniqueCtrl.keyPieces.fourCol .call-to-action a:hover {text-decoration:underline;}.uniqueCtrl.keyPieces.fourCol .box.g6 p {font: 1.4em/1.5em 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;width:93%;}.uniqueCtrl.keyPieces.fourCol .middle {display: block;padding-top: 6.5em;}.uniqueCtrl.keyPieces.square300.txtImg .bottom {display: block;margin-top: 9em;}.uniqueCtrl.keyPieces.fourCol p .right {display: block;padding-top: 2em;text-align: right;}.uniqueCtrl.keyPieces.tall600.txtImg {display: block;height: 60em;position: relative;width: 30em;}.uniqueCtrl.keyPieces.tall600.txtImg .copy {left: 0;padding-top: 2em;position: absolute;top: 0;}.uniqueCtrl.keyPieces.square300.txt {display: block;height: 30em;width: 30em;position: relative;}.uniqueCtrl.borderBtm.sandl:after {border-top: .8em solid #000000;content: "";display: block;width: 25%;position: absolute;right: 0;bottom: 0;}.uniqueCtrl.borderBtm.sandl {border-bottom: .1em solid #000000;display: block;height: 2px;padding: 2em 0;position: relative;width: 100%;z-index: 3;clear: both;}.uniqueCtrl.CTABanner p {border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;color: #000000;font: 2.5em/2em "DidotW01Roman",Georgia,'Times New Roman',Times,serif;text-align: center;}.uniqueCtrl.CTABanner {background: #FFFFFF;border-bottom: 1px solid #000000;border-top: 3px solid #000000;clear:both;margin: 3em 0;position: relative;padding: 2em 0;}.uniqueCtrl.trends.fullWidth.video {display: block;margin: 3em 0 1em;position: relative;width: 100%;}.uniqueCtrl.trends.fullWidth.video .copy.video.black {display: block;margin: 0 41em;padding: 3em 4em 5em;position: absolute;top: 27%;width: 30em;}.uniqueCtrl.trends.fullWidth.video .copy.video.black h3:before,.uniqueCtrl.trends.fullWidth.video .copy.video.black h3:after {border-top: 0;}.uniqueCtrl.trends.fullWidth.video .call-to-action.video a, .uniqueCtrl.trends.fullWidth.video .copy.video .call-to-action a {background: url("//asset1.marksandspencer.com/is/image/mands/a87f42ffd7b3944869e3223c6c7cd25fa5d99025?fmt=png-alpha&wid=60&hei=60") no-repeat scroll center 10px rgba(0, 0, 0, 0);display: inline-block;} /*! --- Shop the outfits hero --- */ .uniqueCtrl.trends.shopOutfits.hero {clear: both;display: block;position: relative;width: 120em;height: 60em;}.uniqueCtrl.trends.shopOutfits.hero .box.h4_8 {display: block;position: relative;width: 20%;}.uniqueCtrl.trends.shopOutfits.hero .copy {bottom: 2em;left: 0;position: absolute;z-index: 10;}.uniqueCtrl.trends.shopOutfits.hero .call-to-action {display: block;font-size: 1.2em;text-align: center;text-transform: uppercase;width: 20em;}.uniqueCtrl.trends.fullWidth.video .call-to-action a {height: 3.5em;} /*! --- Full width video no overlay --- */.uniqueCtrl.trends.fullWidth.video.noOverlay {clear: both;display: block;overflow: hidden;}.uniqueCtrl.trends.fullWidth.video.noOverlay .copy.video.black {background: none;left: 0;margin: 0;top: 0;}.uniqueCtrl.trends.fullWidth.video.noOverlay .copy.video.black a {background: none;width: auto;}.uniqueCtrl.trends.fullWidth.video.noOverlay .copy.video.black h4 {font: 2.5em 'DidotW01Roman',serif;text-transform: uppercase;}.uniqueCtrl.trends.fullWidth.video.noOverlay .copy.video.black p {font: 1.4em/1.2em 'HelveticaNeueW01-45Ligh',Helvetica,Arial,Sans-serif;text-align:left;}.uniqueCtrl.trends.fullWidth.video.noOverlay .copy.video.black a {background: none;display: inline;line-height: 3em;width: auto;}.uniqueCtrl.trends.fullWidth.video.noOverlay .copy.video.black a:hover {text-decoration:underline;}.uniqueCtrl.trends.fullWidth.video .copy.video.black > p {text-align: center;}.uniqueCtrl.trends.fullWidth.video .copy.video.black > h3 {font: 1.8em 'DidotW01Roman',serif; text-align: center;text-transform: uppercase;} /*! --- Full banner 1200x300 --- */.uniqueCtrl.trends.banner1200x300 {clear: both;display: block;height: 30em; margin-bottom: 1em;position:relative;width: 120em;} .uniqueCtrl.trends.banner1200x300 .copy,.uniqueCtrl.trends.banner1200x442 .copy {left: 3em;position: absolute;top: 3em;} .uniqueCtrl.trends.banner1200x300 .copy h3,.uniqueCtrl.trends.banner1200x442 .copy h3 {font: 4em 'DidotW01Roman',serif;} .uniqueCtrl.trends.banner1200x300 .copy p {font:normal 1.4em 'HelveticaNeueW01-45Ligh',Helvetica,Arial,Sans-serif;} .uniqueCtrl.trends.banner1200x300 .copy .call-to-action a,.uniqueCtrl.trends.banner1200x442 .copy .call-to-action a {line-height: 3em;text-transform: uppercase;} .uniqueCtrl.trends.banner1200x300 .copy .call-to-action a:hover,.uniqueCtrl.trends.banner1200x442 .copy .call-to-action a:hover {text-decoration: underline;} /*! --- Full banner 1200x442 --- */.uniqueCtrl.trends.banner1200x442 {clear: both;display: block;height: 44.2em; margin-bottom: 1em;position:relative;width: 120em;} .uniqueCtrl.trends.banner1200x442 .copy h1 {font: 6em 'DidotW01Roman',serif;}.uniqueCtrl.trends.banner1200x442 .copy p {font:normal 2em 'DidotW01Roman',serif;} /*! --- Trends banner 1200 x 300 --- */.uniqueCtrl.trends.banner1200x300_whteTxt {clear: both;display: block;height: 30em; margin-bottom: 1em;position:relative;width: 120em;} .uniqueCtrl.trends.banner1200x300_whteTxt .copy {left: 3em;position: absolute;top: 3em; text-align: left;} .uniqueCtrl.trends.banner1200x300_whteTxt .copy h2 {font: 2.4em 'DidotW01Roman',serif; color: #fff;line-height:2em;} .uniqueCtrl.trends.banner1200x300_whteTxt .copy p {font:normal 1.4em 'HelveticaNeueW01-45Ligh',Helvetica,Arial,Sans-serif; color: #fff;margin-bottom: 1em;} .uniqueCtrl.trends.banner1200x300_whteTxt .copy .call-to-action a {line-height: 3em;text-transform: uppercase;color: #fff;} .uniqueCtrl.trends.banner1200x300_whteTxt .copy .call-to-action a:hover {text-decoration: underline;}.uniqueCtrl.trends.banner1200x300_whteTxt img,.uniqueCtrl.trends.banner1200x300 img {max-height: none;} /*! --- New in PLP styles --- */ .uniqueCtrl.WTWExploreTrends .box.g6:first-child {margin-left: 0;}.uniqueCtrl.WTWExploreTrends .box.g6 {width: 28.5em;margin-left: 2em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} /*! --- PLP Promo Banner light pink 25-09-14 --- */ .wrap.cms.uniqueCtrl.plpPromoCodeOffer.lightpink {background: #ef009c;border-top: 1px solid #000000;border-bottom: 1px solid #000000;margin-bottom:3em;position:relative;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer p {font: normal 2.5em/2em "DidotW01Italic",Georgia,'Times New Roman',Times,serif;text-align: center;color: #FFFFFF;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}.wrap.cms.uniqueCtrl.plpPromoCodeOffer p a {color:#FFFFFF;} /*! --- PLP Promo Banner white ---- */.wrap.cms.uniqueCtrl.plpPromoCodeOffer.white p a {color:#000000;position:relative;z-index:1;} /*! --- Ashish Christmas Promo Banner black 29-09-2014--- */ .uniqueCtrl.promoBanner.black {background: #000; margin-bottom:2em;position:relative; height: 78px;}.uniqueCtrl.promoBanner.black p {font: normal 2.2em 'DidotW01Roman', serif;text-align: center;color: #FFFFFF; text-transform:uppercase; padding-top:1.2em;}.uniqueCtrl.promoBanner.black p a {color: #FFFFFF;} /*! --- New left hand nav layouts 10-09-14 --- */.wrap.cms.uniqueCtrl.standardBody .box.g6 + .box.g18 .latestModule {width: 90em;}.wrap.cms.uniqueCtrl.standardBody .box.g6 + .box.g18 .latestModule .box.g8 {width: 30em;}.uniqueCtrl.leftNavigation .simple-list h2 {border-bottom: medium none;}.uniqueCtrl.leftNavigation .simple-list ul li {line-height: 1.5em;}.box.g6+.box.g18 .wrap.trends.hotspots .box.g16 {width: 60em;}.box.g6 + .box.g18 .homepage .heroslideshow {width: 90em;height: 44.2em;}.box.g6 + .box.g18 .homepage .heroslideshow .products4Block {margin-left:1em;}.box.g6 + .box.g18 .homepage .heroslideshow .products4Block .block1:first-child, .box.g6 + .box.g18 .homepage .heroslideshow .products4Block .block1:first-child + .block1 {border-bottom: 0.2em solid #000000;margin: 0 -0.4em;}.box.g6 + .box.g18 .img-col2.text-right .box.g12 + .box.g12 p {margin-bottom: 2em;}.box.g6 + .box.g18 .img-col2.text-right .box.g12 + .box.g12 {-moz-box-sizing: border-box;display: block;float: left;padding: 2em;width: 45em;}.box.g6 + .box.g18 .img-col2.text-right .box.g12 {display: block;margin: 0;padding: 0;width: 45em;}.box.g6 + .box.g18 .img-col2.text-right .box.g12 + .box.g12 h2 {font-size:2.5em;}.uniqueCtrl.hero900x300 {position: relative;}.uniqueCtrl.hero900x300 .copy {bottom: 2em;left: 2em;position: absolute;width: 35em;}.uniqueCtrl.hero900x300 .copy h2 {font-size: 2.5em;text-transform:uppercase;}.wrap.cms.uniqueCtrl.standardBody .box.g6 + .box.g18 .latestModule .box.g16 {width: 60em;} /*! --- Landing page hero 1200 x 600 --- */.wrap.cms.uniqueCtrl.lpHeroH600 {display: block;height: 60em;margin-bottom:1em;position: relative;}.wrap.cms.uniqueCtrl.lpHeroH600 .copy {position:absolute;left:3em;top:10em;width:55em;}.wrap.cms.uniqueCtrl.lpHeroH600 .copy h1 {font: 6em 'DidotW01Roman',serif;text-transform: uppercase;}.wrap.cms.uniqueCtrl.lpHeroH600 .copy p {font: 2em/1.2em "DidotW01Roman",Georgia,'Times New Roman',serif;margin-bottom: 1.5em;}.wrap.cms.uniqueCtrl.lpHeroH600 .copy .call-to-action {font-family: 'DidotW01Bold',serif;}.wrap.cms.uniqueCtrl.lpHeroH600 .copy .call-to-action:hover {text-decoration:underline;}.wrap.cms.uniqueCtrl.lpHeroH600 .copy .call-to-action:after {content: " \2192";} /*! --- Error page button --- */.unexpected-error .lpHeroH600+.back-link {position: absolute;top: 42em;left: 3em;} /*! --- Generic Banner img width fix 17-09-14 --- */ .banner-generic.ays-video .banner-img {width:100%;}.img-full-width-desc {width: 100%;} /*! --- PDP Box fix --- */ dl.price .collectInStore {background-image:none;padding: 0 10px;} /*! --- SYW Tabs update --- */ .uniqueCtrl.tabbing .tabs .tabs-header li.delivery,.uniqueCtrl.tabbing .tabs .tabs-header li.delivery.active:before,.uniqueCtrl.tabbing .tabs .tabs-header li.collect,.uniqueCtrl.tabbing .tabs .tabs-header li.collect.active:before,.uniqueCtrl.tabbing .tabs .tabs-header li.international,.uniqueCtrl.tabbing .tabs .tabs-header li.international.active:before {border:none;border-bottom:none;}.uniqueCtrl.tabbing .tabs .tabs-header .call-to-action a{line-height:2.8em;} /*! --- M.Crampton Christmas templates 2014 26-09-14 --- */.uniqueCtrl.heroH442 {overflow:hidden;position: relative;}.uniqueCtrl.heroH442 img {width:100%;}.uniqueCtrl.heroH442 .copy {position: absolute;top: 3em;left: 3em;width: 52em;background: #FFFFFF;background: rgba(255,255,255,0.9);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 2em;}.ie8 .uniqueCtrl.heroH442 .copy {filter:"alpha(opacity=90)"; filter: alpha(opacity=90);}.uniqueCtrl.heroH442 .copy h1 {font-family: 'DidotW01Roman', Georgia, 'Times New Roman', serif;}.wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.heroH442 .copy p {font-size: 1.8em;font-family: 'DidotW01Roman', Georgia, 'Times New Roman', serif;}.box.g20 .latestModule .box.g6 .edi-panel {width: 24em;}.box.g20 .latestModule .box.g6 .edi-panel .copy {line-height: normal;position: absolute;top: 0;left: 0;height: 24em;width: 24em;padding: 0;}.box.g20 .latestModule .box.g6 .edi-panel.box-module {height: 24em;line-height: normal;}.box.g20 .latestModule .box.g6 .edi-panel.box-module.full-bleed .copy {background:none;position: relative;height: auto;min-height: 4em;}.wrap.cms.uniqueCtrl.standardBody .box.g4+.box.g20 {width: 80%;}.wrap.cms.uniqueCtrl.standardBody .box.g4 {width: 20%;}.box.g4+.box.g20 .latestModule .box.g12 .copy {text-align:center;text-transform:uppercase;}.box.g4 + .box.g20 .section .latestModule .copy .call-to-action a {display: block;font-size: inherit;line-height:1.5em;margin-top:1em;text-align: center;text-transform: uppercase;width: 100%;}.box.g4 + .box.g20 .section .latestModule .copy .call-to-action a:hover {text-decoration:underline;}.uniqueCtrl.leftNavigation .simple-list {padding: 2.2em 2.5em 0 0;}.uniqueCtrl.leftNavigation .simple-list h2 {border-bottom: medium none;color:#000000;}.uniqueCtrl.leftNavigation .simple-list ul li {line-height: 1.5em;}.edi-panel.vertical.full-bleed.h398 {height: 39.8em;}.box.g20 .latestModule .box.g6 .edi-panel.vertical.full-bleed.h398 .copy {min-height: 4em;position:relative;background: none;height: auto;}.box.g6 + .box.g18 .latestModule .box.g6 .edi-panel.vertical.full-bleed.h398{width:22em;}.uniqueCtrl.hero960x300 {position: relative;}.uniqueCtrl.hero960x300 .copy {position: absolute;bottom: 2em;width: 100%;}.touch .box.g20 .latestModule .box.g6 {width: 24.99%;}.box.g20 .latestModule .box.g6 .edi-panel.box-module img {width: 100%;}.box.g20 .latestModule .box.g6 .edi-panel .copy h3 .title {top: 1em;}.box.g6 + .box.g18 .latestModule .box.g6:first-child {margin-left: 0;}.box.g6 + .box.g18 .latestModule .box.g6 {margin-left: 0.6em;width: 22em;}.box.g6 + .box.g18 .latestModule .box.g6 .edi-panel.box-module.cut-out, .box.g6 + .box.g18 .latestModule .box.g6 .edi-panel.box-module.full-bleed{height:22em;width:22em;}.box.g6 + .box.g18 .latestModule .box.g6 .edi-panel.box-module.full-bleed .copy {background: none ;height: auto;left:0;min-height: 2em;padding: 0.5em 0 1.7em;position: relative;width:100%;}.box.g6 + .box.g18 .latestModule .box.g12:first-child {margin-left: 0;}.box.g6 + .box.g18 .latestModule .box.g12 {margin-left: 1em;width: 44.5em;}.box.g6 + .box.g18 .latestModule .box.g12 .copy {text-align:center;}.box.g18 .latestModule .box.g6 .edi-panel.vertical.full-bleed.h350 .copy {background: none;height: auto;min-height: 4em;position: relative;}.box.g18 .latestModule .box.g6 .edi-panel {width: 22em;}.edi-panel.vertical.full-bleed.h350 {height: 39.8em;}.box.g6 + .box.g18 .section .latestModule .copy .call-to-action a {display: block;font-size: inherit;line-height: 1.5em;margin-top: 1em;text-align: center;text-transform: uppercase;width: 100%;}.box.g6 + .box.g18 .section .latestModule .copy .call-to-action a:hover {text-decoration: underline;}.box.g6 + .box.g18 .latestModule .box.g6 .edi-panel .copy {height: 22em;left: 0;line-height: normal;padding: 0;position: absolute;top: 0;width: 22em;}.edi-panel.vertical.full-bleed.h350 {height:35em;}.box.g6 + .box.g18 .section .uniqueCtrl.hero900x300 .copy {left:0;text-align:center;width:100%;}.box.g6 + .box.g18 .section .uniqueCtrl.hero900x300 {padding-top: 2em;}.box.g6 + .box.g18 .latestModule .box.g6 .edi-panel .copy .title {top:1em;}.uniqueCtrl.promoBannerImg {background-position: 0 center;background-repeat: no-repeat;background-size: cover;clear:both;height: 7.5em;}.wrap.cms .uniqueCtrl.promoBannerImg p {font: normal 2em 'DidotW01Roman', serif;text-align: center;color: #FFFFFF;text-transform:uppercase; padding-top:1em;}.wrap.cms.uniqueCtrl.standardBody .box.g6 + .box.g18 .section .box.g12 {width:44.5em;}.uniqueCtrl.rightCol.txtImg {margin-bottom: 1.8em;position:relative;}.uniqueCtrl.rightCol.txtImg img {width: 35em;}.uniqueCtrl.rightCol.txtImg .copy {padding-left: 5em;text-align: left;}.uniqueCtrl.rightCol.txtImg .copy h4 {font: 1.8em/2em 'DidotW01Roman',serif;}.uniqueCtrl.rightCol.txtImg .copy .call-to-action {line-height: 3em;}.uniqueCtrl.rightCol.txtImg .copy.video .call-to-action {left: 42%;position: absolute;top: 27%;}.uniqueCtrl.rightCol.txtImg .copy.video .call-to-action a {background: url("//asset1.marksandspencer.com/is/image/mands/a3f5cff0b135ba9f38f1b130dbd4f78495138cd4?fmt=png-alpha") no-repeat scroll center 10px transparent;display: block;}.uniqueCtrl.titleH4AndTxt h4 {font: 1.8em/2em 'DidotW01Roman',serif;text-align: center;}.uniqueCtrl.titleH4AndTxt .call-to-action {line-height: 3em;}.section .box.g10 + .box.g8 .uniqueCtrl.wrap-400-mod {margin-left:0;}.uniqueCtrl.titleH4AndTxt {clear: both;border-bottom: 2px solid #000;padding-top: 2em;display: block;position: relative;}.box.g5 + .box.g19 .latestModule .box.g12 .copy h4,.box.g6 + .box.g18 .latestModule .box.g12 .copy h4 {font: 1.8em/2em 'DidotW01Roman',serif;}.uniqueCtrl.wrap-400-mod .latestModule .edi-panel.vertical.full-bleed.sandl {margin-left: 4em;width: auto;}.section .box.g10 .wrap.banner-generic.ays-video{width:50em;}.section .box.g10 .wrap.banner-generic.ays-video .inner-box {margin: 4em 0 0 1em;}.section .box.g10 .wrap.banner-generic.ays-video h4 {font: normal 1.8em 'DidotW01Roman', serif;text-transform: uppercase;}.wrap.cms.uniqueCtrl.standardBody .box.g6 + .box.g18 .latestModule.right {width: auto;}.wrap.cms.uniqueCtrl.standardBody .edi-panel.box-module.cut-out a {display: block;position: relative;z-index: 3;}.uniqueCtrl.hero900x400 {position:relative;}.uniqueCtrl.hero900x400 .copy {position:absolute;top:2em;left:2em;}.uniqueCtrl.hero900x400 .copy h2{font:normal 3em 'DidotW01Roman', Georgia, Times New Roman, serif;}.uniqueCtrl.hero900x400 .copy p{font: normal 1.6em DidotW01Roman, serif;}/*.box.g5 + .box.g19 .section .box.g12 {width: 47.95em;}*/.box.g5 + .box.g19 .section .latestModule .copy .call-to-action a:hover {text-decoration: underline;}.box.g5 + .box.g19 .latestModule .box.g12 .call-to-action a {display: block;line-height: 1.5em;margin-top: 1em;text-align: center;text-transform: uppercase;width: 100%;}.box.g5 + .box.g19 .latestModule .box.g12:first-child {margin-left: 0;}.wrap.cms.uniqueCtrl.standardBody .box.g5 + .box.g19 .section .latestModule .box.g12 .copy .call-to-action a {display: block;font-size: inherit;line-height: 1.5em;margin-top: 1em;text-align: center;text-transform: uppercase;width: 100%;}.box.g5 + .box.g19 .latestModule .box.g12 {width: 47em;margin-left: 2em;}.box.g5 + .box.g19 .g6 .cq_topnav_img .copy .call-to-action:after {content: "";}.box.g5 + .box.g19 .latestModule .box.g12 .copy p {font-size: 1.2em;} /*! --- M.Crampton Christmas templates 2014 30-09-14 --- */.box.g7 {width:350px;}.box.g17 {width:850px;}@media screen and (max-width: 1239px){.box.g7 {width:280px;}.box.g17 {width:680px;}} /*! --- M.Crampton Christmas templates food 2014 21-10-14 --- */ .wrap.cms.uniqueCtrl.standardBody .section .box.g16 .uniqueCtrl.hero800x440 {display: block;margin-bottom: 3em;position: relative;} .wrap.cms.uniqueCtrl.standardBody .section .g16 .uniqueCtrl.hero800x440 + .g5 {margin-left: 0;} .wrap.cms.uniqueCtrl.standardBody .section .box.g16 + .box.g8 .uniqueCtrl.rightCol.txtImg.bottom .copy.video {padding-left: 0;} .wrap.cms.uniqueCtrl.standardBody .box.g16 + .box.g8 .uniqueCtrl.rightCol.txtImg.bottom .copy.video .call-to-action {left: 35%;top: 22%;width:8em;} .wrap.cms.uniqueCtrl.standardBody .box.g16 + .box.g8 .uniqueCtrl.rightCol.txtImg.bottom {bottom: 0;display: block;margin-bottom: 0;position: absolute;} .wrap.cms.uniqueCtrl.standardBody .section .uniqueCtrl.wrap-400-mod.foodHero {min-height: 66.5em;position: relative;} .wrap.cms.uniqueCtrl.standardBody .box.g16 + .box.g8 .uniqueCtrl.wrap-400-mod {margin-left: 5em;text-align: left;width: 35em;} .wrap.cms.uniqueCtrl.standardBody .box.g16 .uniqueCtrl.fiveCategories .box.g5 {width: 15.5em;margin-left: 0.625em;} .wrap.cms.uniqueCtrl.standardBody .box.g16 .uniqueCtrl.fiveCategories .box.g5:first-child {margin-left: 0;} .wrap.cms.uniqueCtrl.standardBody .box.g16 .uniqueCtrl.fiveCategories .call-to-action {font-size: 1.2em;line-height:3em;} .wrap.cms.uniqueCtrl.standardBody .box.g16 .uniqueCtrl.fiveCategories .box.h4_8 {width: 15.5em;margin-left: 0.625em;} .wrap.cms.uniqueCtrl.standardBody .box.g16 .uniqueCtrl.fiveCategories .box.h4_8:first-child {margin-left: 0;} .wrap.cms.uniqueCtrl.standardBody .box.g16 + .box.g8 h2 {font: normal 4.8em/1em "DidotW01Roman", Georgia, 'Times New Roman', serif;margin-bottom: 0.3em;} .wrap.cms.uniqueCtrl.standardBody .call-to-action a:hover, .wrap.cms.uniqueCtrl.standardBody .section .box.g16 + .box.g8 .uniqueCtrl.rightCol.txtImg.bottom .copy.video p a:hover {text-decoration:underline;} .wrap.cms.uniqueCtrl.standardBody .section .box.g16 + .box.g8 .uniqueCtrl.wrap-400-mod p {font-size: 1.2em;line-height: 1.4em;} .wrap.cms.uniqueCtrl.standardBody .section .box.g16 + .box.g8 .uniqueCtrl.wrap-400-mod .call-to-action {line-height:3em;} .wrap.cms.uniqueCtrl.standardBody .section .box.g16 + .box.g8 .uniqueCtrl.rightCol.txtImg.bottom .copy.video p a, .wrap.cms.uniqueCtrl.standardBody .box.g16 + .box.g8 .uniqueCtrl.rightCol.txtImg.bottom a span {font-size:1.2em;line-height: 3em;} /*! --- Info panel fix 9.42 26/9/2014 M.Crampton --- */.touch .infopanel-position.visible .information-panel{width:416px;}.touch .infopanel-position.visible{width:440px;}.touch .infopanel-position .information-panel .panel{width:416px;max-width:620px;}.touch .information-panel .content .subcontent{max-width:620em;} /*! --- M.Crampton 02/10/2014 - 16.21PM Fix for PLP banners where fear.pkg.plp.min.css is adversly affecting plp banner height --- */.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235 {min-height: 23.6em;} /*! --- LEGO block title class fix --- */.editorial-module.cut-out .title, .editorial-wrapper .edi-panel.cut-out .title, .latestModule .edi-panel.cut-out .title {top:1.5em;z-index:6;} /*! --- Lego block 600 x 400 --- */.edi-panel.horizontal.buying-guide.full-bleed.centre.wideOverlay.sans.h400 {height: 40em;}.edi-panel.horizontal.buying-guide.full-bleed.centre.wideOverlay.sans.h400 .copy {width: 56em;left: 1em;} /*.abmens .latestModule .edi-panel .title, .latestModule .edi-panel h3 .title{font-size: 0.4em;}*/.abmens .wrap.trends.hotspots .box.g6{width: 30em;} /*! --- M.Crampton Home & Furniture/Women landing landing page 15-10-14 --- */ .categoryLanding.wrap .lined-header {line-height:1.8em;margin-bottom: 1.5em;} .categoryLanding.wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.hero900x400 {clear: both;display:block;width:100%;} .categoryLanding .wrap.cms.uniqueCtrl.hero-spacer-after {clear: both;display: block;width: 100%;height: 1.2em;margin-bottom:0;} .categoryLanding.wrap.cms.uniqueCtrl.standardBody .lined-header.first:after, .categoryLanding.wrap.cms.uniqueCtrl.standardBody .lined-header.first:before {top: 40%;width: 35%;} .categoryLanding.wrap.cms.uniqueCtrl.standardBody .lined-header.first h1 {line-height:0.6em;margin-top: -1em;margin-bottom: .575em;} .categoryLanding.wrap.cms.uniqueCtrl.standardBody .lined-header.first span {position: relative;top: 1em;font-size: .525em;font-family: DidotW01Roman,Georgia,'Times New Roman',serif;} .categoryLanding.wrap.cms .uniqueCtrl.fullWidth.centred.quote18px {clear:both;} .categoryLanding.wrap.cms .uniqueCtrl.fullWidth.centred.quote18px p {font: 1.8em 'DidotW01Italic',serif;text-align: center;} .categoryLanding.wrap.cms.uniqueCtrl.standardBody .box.g5 {width:24em;} .categoryLanding.wrap.cms.uniqueCtrl.standardBody .box.g19 {width:96em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g8 {width: 32em;height: 32em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g8 .copy {width: 28em;} .categoryLanding .latestModule .edi-panel .title {font-size: 0.5em;} .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.box-module.full-bleed {width: 32em;height: 32em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g16 {width: 64em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g16 .edi-panel.horizontal.full-bleed {height:32em;width: 64em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g16 .edi-panel.horizontal.full-bleed .copy, .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.taller .copy, .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.vertical .copy {width:28em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g8,.categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.box-module.full-bleed {width: 32em;} .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.box-module.cut-out {height: 32em;width: 32em;} .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.box-module.cut-out .title {font-family:HelveticaNeueLight,Helvetica,Arial,sans-serif;font-size: 0.389em;letter-spacing:0;} .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.box-module.cut-out .call-to-action a {bottom: 0.5em;font-size: 1.2em;} .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.taller, .categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.vertical {height:64em;width:32em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g18 {width: 51em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow { width: 96em;z-index: 9;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hero-carousel-nav li a {background-color: rgba(245, 245, 245, 0.9);opacity: 1;visibility: visible;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hero-carousel-progress {bottom:10px;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .products4Block .block1:first-child, .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .products4Block .block1 {border-bottom:none;float:none;width:13em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .wrap.trends.hotspots{width:96em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow, .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .latestModule {height:55em;} /*! --- Old CSS for slider with 4 products 29/01/2015 S.patil--- */ .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .wrap.trends.hotspots .box.g14 {padding-left:4em;width: 51em;}.box.g5 + .box.g19 .homepage .heroslideshow .hotspots .products4Block {float:none;} /*! --- New CSS for slider with 4 products 29/01/2015 S.patil--- */ .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .wrap.trends.hotspots .box.g14 {padding-left:4em;width: 54em;}.box.g5 + .box.g19 .homepage .heroslideshow .hotspots .products4Block {float:none;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 {padding-top: 2em;width: 16em;}.box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 {width: 16em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .products4Block {display: block;float: none;margin-top: -1.5em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 {display: block;padding-top: 2em;width: 16em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .products4Block .block1:first-child, .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .products4Block .block1 {padding-bottom: 0.3em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .products4Block .block1 .copy,.categoryLanding .wrap.trends.hotspots .products4Block .block1 .copy {top:13.5em;z-index:5;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 + .box.g5 h2{font-size:2.4em;margin-bottom:0.5em;padding-top:2em;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 + .box.g5 {padding-left:1.5em;width: 20em;position:relative;} .uniqueCtrl.highlightCarousel .homepage {width: 60em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .heroslideshow,.categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .heroslideshow .latestModule {width: 60em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .heroslideshow {height: 60em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .heroslideshow, .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .heroslideshow .latestModule {height: 55em;width: 60em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .heroslideshow {height: 60em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .homepage .hero-carousel li {width:60em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .overlayBtmCentre p:last-child {padding-bottom: 0;} .category .categoryLanding .M080 {height: 33em;} .categoryLanding .uniqueCtrl.noOverlay .M080 {padding-bottom: 0;} .category .categoryLanding .M080 .overlayed .copy {left:5em;padding:0;top:3em;} .category .categoryLanding .M080 .overlayed .copy.style01 h2:first-child {margin: 0;} .category .categoryLanding .M080 .overlayed .copy.style01 h2 {font-size:4.8em;line-height:1em;margin-bottom:0.2em;padding-top:0;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 p {font-size: 1.4em;margin-bottom: 1em;} .category .categoryLanding .M080 .overlayed .copy p {font-size: 1.8em;margin-bottom: 0.2em;margin-top:0;} .category .categoryLanding .M080 .overlayed .copy .call-to-action a {font-size: 1em;font-weight: normal;} .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 p a {font-size: 0.85em;} .categoryLanding .M080 .slideshow .imageHolder {height: 33em;} .categoryLanding .slideshow .s7HotspotViewerHolder {height: 33em;} .category .categoryLanding .M080 .overlayed {height: 33em;} .campaign-landing-2col-960 a:hover {text-decoration:underline;} .categoryLanding .uniqueCtrl.leftNavigation .simple-list h2, .campaign-landing-2col-960 .uniqueCtrl.leftNavigation .simple-list h2 {border-bottom: none;font-family: 'HelveticaNeueW01-75Bold',Helvetica,Arial,Sans-serif;font-size: 1.167em;} .categoryLanding .uniqueCtrl.leftNavigation .simple-list a, .campaign-landing-2col-960 .uniqueCtrl.leftNavigation .simple-list a {font: 1.284em/1.7em HelveticaNeueLight,Helvetica,Arial,sans-serif;} .categoryLanding .uniqueCtrl.leftNavigation .simple-list ul li, .campaign-landing-2col-960 .uniqueCtrl.leftNavigation .simple-list ul li {margin: 0;} .categoryLanding .uniqueCtrl.leftNavigation .simple-list .highlight, .campaign-landing-2col-960 .uniqueCtrl.leftNavigation .simple-list .highlight {color: #BDD755;font-weight: bold;text-transform: uppercase;} .categoryLanding .simple-list.horizontal ul {display: block;float: left;margin: 0;padding: 0;text-align: left;width: 100%; text-transform: uppercase;} .categoryLanding .simple-list.horizontal ul li {margin: 0.4em 0;} .categoryLanding .simple-list.horizontal li:first-child a {margin-left: 0;} .categoryLanding .simple-list.horizontal li:first-child{float:left;line-height:1.166em;} .categoryLanding .simple-list.horizontal li a {margin-left: 1.65em;display: block;float: left;font-size: 1em;padding: 0;width: auto;} .categoryLanding .simple-list.horizontal {padding:0 0 2.5em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.WTWExploreTrends .box.g8:first-child {margin-left: 0;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.WTWExploreTrends .box.g8 {display: block;margin-left: 1.5em;width: 31em;} .categoryLanding .uniqueCtrl.hero960x330 {clear:both;display:block;position:relative;} .categoryLanding .uniqueCtrl.hero960x330 .copy {left:2em;position:absolute;top:2.6em;} .categoryLanding .uniqueCtrl.hero960x330 .copy h1, .categoryLanding .uniqueCtrl.hero960x330 .copy h2 { font-family: "DidotW01Roman",Georgia,'Times New Roman',serif;font-size: 4.8em;} .categoryLanding .uniqueCtrl.hero960x330 .copy p {font-family:'DidotW01Roman',Georgia,'Times New Roman',serif;font-size: 1.8em;color: #FFFFFF;margin-top: 0.4em;line-height: 1.3em;} .categoryLanding .uniqueCtrl.hero960x330 .copy a {color:#FFFFFF;} .categoryLanding .uniqueCtrl.hero960x330 .call-to-action:after {content: " \2192";} .categoryLanding .uniqueCtrl.hero960x330 .call-to-action.sans a {font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;font-size:0.778em;} .categoryLanding .uniqueCtrl.hero960x330.txtBottom .copy {bottom: 1.5em;left: 2em;margin: 0 10%;position: absolute;top:auto;width: 76%;} .categoryLanding .uniqueCtrl.hero960x330.txtBottom .copy p {color: #000000;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';font-size: 1.2em;} .categoryLanding .latestModule.inspiration {margin-bottom:-3em;position:relative;} .categoryLanding .latestModule.inspiration .copy h3 .subtitle {font-size: 0.6665em; font-family:'DidotW01Roman',Georgia,'Times New Roman',serif; text-transform: none; line-height: 1.2em; padding:0.75em 0 0;} .categoryLanding .latestModule.inspiration .copy {padding: 0 10em;position:absolute;top:41.6em;} .categoryLanding .latestModule.inspiration .copy p {line-height: 1.286em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif; margin:0.5em 0 1.25em 0; font-size: 1.4em;width:28.572em;} .categoryLanding .latestModule.inspiration .copy p span.call-to-action {bottom:-1.5em;font:normal 0.857em/1em 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';} .categoryLanding .call-to-action:hover, .categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .products4Block .block1 p a:hover,.categoryLanding .box.g5 + .box.g19 .homepage .heroslideshow .hotspots .box.g5 p a:hover{text-decoration:underline;} .categoryLanding .edi-panel.vertical.full-bleed.sandl h3,.categoryLanding .edi-panel.vertical.full-bleed.sandl h4 {font: normal 2.4em/1.8em DidotW01Roman,Georgia,'Times New Roman',sans-serif;} .categoryLanding .edi-panel.vertical.full-bleed.sandl {float:right;height: 59em;margin-right:-1em;width:32em;} .categoryLanding .edi-panel.vertical.full-bleed.sandl .call-to-action a {font:normal 0.857em 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif'} .categoryLanding .edi-panel.vertical.full-bleed.sandl .copy {background:none;bottom:0;} .categoryLanding .edi-panel.vertical.full-bleed.sandl .copy p, .categoryLanding .uniqueCtrl.highlightCarousel .overlayBtmCentre p {font: 1.4em/1.286em "HelveticaNeueW01-55Roma",Helvetica,Arial,sans-serif;} .categoryLanding .latestModule .edi-panel .title.italic, .categoryLanding .latestModule .edi-panel h3 .title.italic {font: normal .5em/1.2em 'DidotW01Italic',serif; margin-top: .7em;} .categoryLanding .uniqueCtrl.WTWExploreTrends .copy h4 {padding: 1em 0 0.5em;} .categoryLanding .uniqueCtrl.WTWExploreTrends .copy p {font: 1.4em/1.286em 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;} .categoryLanding .uniqueCtrl.essentials .box.h4_8 {width: 19.2em;} .uniqueCtrl.essentials .copy .call-to-action {line-height:4em;} .categoryLanding .uniqueCtrl.essentials .box.g6 {width: 25%;} .categoryLanding .uniqueCtrl.essentials .call-to-action a {font-size:1.4em;} .categoryLanding .uniqueCtrl.essentials .call-to-action a:after {content:" \2192";} .categoryLanding .wrap.cms.uniqueCtrl.plpPromoCodeOffer {border-top:0.05em solid #000000;font-size: 0.7em;margin:2em 0 1em;width:100%;} .categoryLanding .uniqueCtrl.highlightCarousel .overlayBtmCentre h2 { color: #000000; font: 2.4em 'DidotW01Roman',serif;} .categoryLanding .wrap.cms.uniqueCtrl.plpPromoCodeOffer p {line-height: 3em;border-top: 2px solid #000;} .categoryLanding .uniqueCtrl.plpPromoCodeOffer.white span {position:absolute;right:2em;} .categoryLanding .uniqueCtrl.plpPromoCodeOffer.white span a {color:#000000;} .categoryLanding .uniqueCtrl.plpPromoCodeOffer.white .call-to-action:after {content: " ?";font-size: 0.7em;} .categoryLanding .uniqueCtrl.highlightCarousel .overlayBtmCentre {bottom: 1em;left: 5em;padding: 0.8em 2em 0.2em;width: 46em;} .categoryLanding .uniqueCtrl.highlightCarousel .overlayBtmCentre .call-to-action a {font:normal 0.857em 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';} .categoryLanding .uniqueCtrl.highlightCarousel .overlayBtmCentre .call-to-action:after {content: ""} .box.g5 + .box.g19 .uniqueCtrl.highlightCarousel .box.g12 {width: 60em;} @media screen and (max-width: 1239px){.categoryLanding .simple-list.horizontal li a {margin-left:0.5em;}} .simple-list.horizontal img {margin: 0;padding: 0;height: 6em;} .uniqueCtrl.leftNavigation .simple-list p .header {color: #222222; font: normal 400 1.4em/1.285em 'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;display:block;padding-bottom:0.55em;text-transform: uppercase;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots {width:auto;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g14 {padding-left: 0;width: 55em;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g5 {display: block;padding-top: 2em;width: 16em;} /*! --- Old CSS for slider with 4 products 29/01/2015 S.patil--- */ .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g5 + .box.g5 {padding-left: 1.5em;width: 22em;position: relative;}.categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .products4Block {display: block;float: none;margin-top: -1.5em;} /*! --- New CSS for slider with 4 products 29/01/2015 S.patil--- */ .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g5 + .box.g5 {padding-left: 1em;width: 20em;position: relative;}.categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .products4Block {display: block;float: none;margin-top: -1.5em;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .products4Block .block1:first-child, .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .products4Block .block1 {border-bottom: none;float: none;padding-bottom: 0.3em;width: 13em;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g5 + .box.g5 h2 {font-size: 2.4em;margin-bottom: 0.5em;padding-top: 2em;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g5 p {font-size: 1.4em;margin-bottom: 1em;} .categoryLanding .box.g5 + .box.g19 .wrap.trends.hotspots .box.g5 p a {font-size: 0.85em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.essentials .copy a {font-size: 1.2em;} .categoryLanding .box.g5 + .box.g19 .uniqueCtrl.WTWExploreTrends .call-to-action a {font-size: 0.857em;} /*! --- Lego video module 15/12/2014 M.Crampton--- */ .box.g5 + .box.g19 .latestModule .edi-panel.box-module.full-bleed .copy.video .call-to-action a {background: none;width: 100%;}.box.g5 + .box.g19 .latestModule .edi-panel.box-module.full-bleed .copy.video .call-to-action a:hover {margin-bottom:0;} /*** Tablet ******************************/ .touch .categoryLanding .g5 {width:25%} .touch .categoryLanding .g6 {width:33.3%} .touch .categoryLanding .g9 {width:58%} .touch .categoryLanding .g12 {width:63%} /*! --- s.patil 14/10/2014 - 14:50PM Hero slide show Black Overlay --- */.category .uniqueCtrl.overlayblack .M080 {height:44em;} .touch .category .uniqueCtrl.overlayblack .M080 {height:46em;}.category .uniqueCtrl.overlayblack .M080 #imageHolder1 .copy {background: rgba(0, 0, 0, 0.7);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .uniqueCtrl.overlayblack .M080 #imageHolder1 .copy {filter:"alpha(opacity=90)";}.ie9 .uniqueCtrl.overlayblack .M080 #imageHolder1 .copy {filter:none;}.category .uniqueCtrl.overlayblack .M080 #imageHolder1 .copy.style02 h2, .category .uniqueCtrl.overlayblack .M080 #imageHolder1 .copy.style02 p, .category .uniqueCtrl.overlayblack .M080 #imageHolder1 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);} /*! --- s.patil 15-10-2014 - 12:48PM Hero Slide Show No overlay 1-3-4 */.uniqueCtrl.noOverlay.slide1-3-4 #imageHolder1 .copy, .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder3 .copy, .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder4 .copy{background: none;}.uniqueCtrl.noOverlay.slide1-3-4 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder1 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder1 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder3 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder3 .copy, .ie9 .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder4 .copy, .ie8 .uniqueCtrl.noOverlay.slide1-3-4 #imageHolder4 .copy, .ie9 {filter: none;background-image: none;background-color: transparent;} /*! --- s.patil 15/10/2014 - 14:42PM Hero Slide Show Black 2 No Overlay 1-3 --- */.uniqueCtrl.black2.nooverlay1-3 #imageHolder1 .copy, .uniqueCtrl.black2.nooverlay1-3 #imageHolder3 .copy{background: none;}.uniqueCtrl.black2.nooverlay1-3 .M080 {padding-bottom: 4em;}.ie9 .uniqueCtrl.black2.nooverlay1-3 #imageHolder1 .copy, .ie8.uniqueCtrl.black2.nooverlay1-3 #imageHolder1 .copy, .ie9.uniqueCtrl.black2.nooverlay1-3 #imageHolder3 .copy, .ie8.uniqueCtrl.black2.nooverlay1-3 #imageHolder3 .copy, .ie9{filter: none;background-image: none;background-color: transparent;}.uniqueCtrl.black2.nooverlay1-3 .M080 {height:44em;} .touch .category .uniqueCtrl.black2.nooverlay1-3 .M080 {height:46em;}.category .uniqueCtrl.black2.nooverlay1-3 .M080 #imageHolder2 .copy {background: rgba(0, 0, 0, 0.7);color:#FFFFFF;color:rgba(255,255,255,1);}.ie8 .uniqueCtrl.black2.nooverlay1-3 .M080 #imageHolder2 .copy {filter:"alpha(opacity=90)";}.ie9 .uniqueCtrl.black2.nooverlay1-3 .M080 #imageHolder2 .copy {filter:none;}.category .uniqueCtrl.black2.nooverlay1-3 .M080 #imageHolder2 .copy.style02 h2, .category .uniqueCtrl.black2.nooverlay1-3 .M080 #imageHolder2 .copy.style02 p, .category .uniqueCtrl.black2.nooverlay1-3 .M080 #imageHolder2 .copy.style02 a {color:#FFFFFF;color:rgba(255,255,255,1);} /*! --- RED Text for offers and sales --- */ .promoRed {color:#c4201d;} /*! --- s.patil 21/10/2014 - 11:47AM Editorial Panel 640x640 --- */.categoryLanding .box.g5 + .box.g19 .latestModule .box.g16 .edi-panel.horizontal.full-bleed.box640x640 {height: 64em; width: 64em;} .categoryLanding .box.g5 + .box.g19 .latestModule .box.g16 .edi-panel.horizontal.full-bleed.box640x640 .copy {left: 17em; width: 28em;} /*! --- T.Ram 21/10/2014 - 11.55am DLP wrap for 470px wide module x2 --- */ .uniqueCtrl.DLP2Col{margin-top:1.2em}.categoryLanding .box.g5 + .box.g19 .uniqueCtrl.DLP2Col .g12{display:block;margin-left:2em;width:47em}.categoryLanding .box.g5 + .box.g19 .uniqueCtrl.DLP2Col .g12:first-child{margin-left:0;width:47em}.categoryLanding .uniqueCtrl.DLP2Col .copy h2{padding:1em 0 .5em;font-size:1.8em}.categoryLanding .uniqueCtrl.DLP2Col .copy p{font:1.4em/1.286em HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif}.uniqueCtrl.DLP2Col .call-to-action{line-height:4em;text-transform:uppercase} /*! --- T.Ram 21/10/2014 - 15:32 H1 class for Homeware Shop by room top nav --- */ .h1TopNavSBR {font-size:1em; font-family:HelveticaNeueW01-45Ligh,Helvetica,Arial,Sans-serif;} /*! --- Module width 500 --- */.uniqueCtrl.wrap-500-mod{width:50em;display:block;}.uniqueCtrl.wrap-500-mod .box.g8:first-child{margin-left:0;width:15.5em;} .uniqueCtrl.wrap-500-mod .box.g8{margin:1em 0 0 1.75em; width:15.5em;} /*! --- Module width 400 --- */.uniqueCtrl.wrap-400-mod{width:40em;display:block; clear:both; text-align: right; margin-left:4.5em; } /*! --- T.Ram 15:33 20/10/2014 delivery message babber ---!*/ .uniqueCtrl.DeliveryMsgBanner{background:#FFF;border-bottom:1px solid #000;border-top:3px solid #000;clear:both;position:relative;margin:2em 0;padding:2em 0}.uniqueCtrl.DeliveryMsgBanner p{border-bottom:1px solid #FFF;border-top:1px solid #FFF;color:#000;font:1.8em/1.5em DidotW01Italic,serif;text-align:center} /*! --- M.Crampton 22/10/2014 H1 lined header for display in CQ5 (all.min.css not visible in CQ5) using PLP H1 header - should fix before and after gap issue --- */ .banner-generic.plp-banner {text-align: center;margin: 0 auto;height: auto;padding-bottom: 0;} .banner-generic.plp-banner .banner-title h1:after, .banner-generic.plp-banner .banner-title h1:before {display: inline-block;content: "";width: .25em;background: #fff;height: 1em;} .banner-generic.plp-banner .banner-title h1:after, .banner-generic.plp-banner .banner-title h1:before {display: inline-block;content: "";width: .25em;background: #fff;height: 1em;} .banner-generic.plp-banner h1 {width: 100%;display: block;background: url("../../images/global/sprites/cat-header-gray-line.gif") repeat-x scroll 50% 50% #fff;color: #000;font-family: "DidotW01Roman",Helvetica,Arial,sans-serif;font-size: 2.8em;} .banner-generic.plp-banner h1 span {color: #000;background-color: #fff;text-transform: uppercase;} .touch .categoryLanding.wrap.cms.uniqueCtrl.standardBody .box.g19 .banner-generic.plp-banner h1 {background: url("../../images/global/sprites/cat-header-gray-line.gif") repeat-x scroll 50% 50% #fff;} /*! --- 960 width Lego Block for BUs 23-10-2014 --- */ .edi-panel.horizontal.buying-guide.full-bleed.left.w960 {width: 96em;height: 32em;}.edi-panel.horizontal.buying-guide.full-bleed.left.w960 .copy {min-height: 100px;width: 28em;}.edi-panel.horizontal.buying-guide.full-bleed.left.w960 .copy h3 {font-size: 4.8em;}.edi-panel.horizontal.buying-guide.full-bleed.left.w960 .copy p {font-size: 1.4em;}.edi-panel.horizontal.buying-guide.full-bleed.left.w960 .copy p a {font-size: 0.85em;}.edi-panel.horizontal.buying-guide.full-bleed.left.w960.c38 .copy {width:38em;} /*! --- 2 Columns Text and Video / Image --- */.uniqueCtrl.buying-guide .col2-text-video .box.g12 {position:relative;}.uniqueCtrl.buying-guide .col2-text-video .copy.video {left: 33%;position:absolute;top: 33%;}.uniqueCtrl.buying-guide .col2-text-video .copy .call-to-action a {height:2.5em;width:10em;}.uniqueCtrl.buying-guide .col2-text-video .box.g12 h3, .uniqueCtrl.buying-guide .col2-text-video .box.g12 p {text-align:center;}.uniqueCtrl.buying-guide .col2-text-video .box.g12 h3{font-size:2.4em;margin-top:1.5em;}.uniqueCtrl.buying-guide .col2-text-video .box.g12 p {font-size:1.2em;margin:0 5em 1em;} /*! --- PLP promo banner reference page fix --- */ .product-listing-page .banner-generic.plp-banner + .container.base {width: auto;} /*! --- s.patil 24/10/2014 - 10:58AM Hero 960x330 Burgundy Overlay --- */.burgundy .uniqueCtrl.hero960x330 .copy {background: #7a1736;background: rgba(122, 23, 54, 0.9);}.burgundy .uniqueCtrl.hero960x330 .copy {height: 20em;left: 2em;padding-left: 2em;padding-top: 1.5em;position: absolute;top: 2.6em;width: 41em;}.burgundy .uniqueCtrl.hero960x330 .copy h1,.burgundy .uniqueCtrl.hero960x330 .copy h2, .burgundy .uniqueCtrl.hero960x330 .copy p, .burgundy .uniqueCtrl.hero960x330 .copy a {color: #FFFFFF;}.ie9 .burgundy .uniqueCtrl.hero960x330 .copy {filter: none;}.ie8 .burgundy .uniqueCtrl.hero960x330 .copy {color: #FFFFFF!important;display: inline-block;width: 50em;}.burgundy .uniqueCtrl.hero960x330 .copy p {font-size: 1.8em;}.burgundy .uniqueCtrl.hero960x330 .copy .call-to-action a {font-size: 1em;}.touch .burgundy .uniqueCtrl.hero960x330 .copy {padding-right: 1em;} /*! --- s.patil 27/10/2014 - 09:07AM edi-panel box-module cut-out w448xh220 --- */.edi-panel.box-module.cut-out.w448xh220 {color: #000000; float: left; font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif'; height: 22em; position: relative; text-align: center; width: 44.8em;}.edi-panel.box-module.cut-out.w448xh220 .title {top: 1em; z-index: 6;}.edi-panel.box-module.cut-out.w448xh220 .call-to-action {bottom: 1em; padding: 0;} /*! --- M.Crampton 27/10/2014 Magic & Sparkle banner 960 x 120 for BU Landing Pages --- */ .uniqueCtrl.magicsparkle.banner960x120 .wrap.banner-generic.ays-video {display:block;height: 12em;margin-bottom:3em;overflow:visible;text-align:center;width: 96em;} .uniqueCtrl.magicsparkle.banner960x120 .inner-box h4, .uniqueCtrl.magicsparkle.banner960x120 .inner-box h3 {font: normal 2.4em'DidotW01Roman',serif;margin-bottom:0.4em;} .uniqueCtrl.magicsparkle.banner960x120 .inner-box p {width: 78%;padding: 0 11%;margin: 0;font-size: 1.4em;} .uniqueCtrl.magicsparkle.banner960x120 .inner-box .call-to-action {line-height:3.5em;5em;font-size: 0.857em;} .uniqueCtrl.magicsparkle.banner960x120 .inner-box {height: auto;} /*! --- M.Crampton 28/10/2014 BU Inspiration and advice tiles--- */ .uniqueCtrl.adviceTile {display: block;margin-top: 2em;} .uniqueCtrl.adviceTile .box.g12 {display: block;float: left;width: 50%;} .uniqueCtrl.adviceTile .box.g12 + .box.g12 {margin-left: 1%;width: 49%;} .uniqueCtrl.adviceTile .copy {text-align: center;} .uniqueCtrl.adviceTile .copy h3 {font: 1.8em/3em "DidotW01Roman",serif;text-transform: uppercase;} .uniqueCtrl.adviceTile .copy p {padding: 0 4em;} .uniqueCtrl.adviceTile .call-to-action {line-height: 3em;text-transform: uppercase;} /*! --- T.Ram 30/10/14 Center wrap 960 --- */ .uniqueCtrl.categoryCenter960 {width: 96em; margin: 0 auto;} /*! --- T.Ram 30/10/14 Box module 240px ---*/ .uniqueCtrl.categoryCenter960 .latestModule .g6 {width:24em;} .uniqueCtrl.categoryCenter960 .latestModule .box.g8 {width: 32em;height: 100%;} .uniqueCtrl.categoryCenter960 .latestModule .box.g8 .copy {width: 28em;} .uniqueCtrl.categoryCenter960 .latestModule .edi-panel.box-module.full-bleed {width: 32em;height:100%;} .uniqueCtrl.categoryCenter960 .latestModule .box.g16 {width: 64em;} .uniqueCtrl.categoryCenter960 .latestModule .box.g8 .edi-panel.horizontal {height:32em;width: 64em;} .uniqueCtrl.categoryCenter960 .latestModule .box.g8,.uniqueCtrl.categoryCenter960 .latestModule .edi-panel.box-module.full-bleed {height:auto;width: 32em;} .uniqueCtrl.categoryCenter960 .latestModule .edi-panel.box-module.cut-out {height:100%;width: 32em;} .uniqueCtrl.categoryCenter960 .latestModule .edi-panel.box-module.cut-out .title {font-family:HelveticaNeueLight,Helvetica,Arial,sans-serif;font-size: 0.389em;letter-spacing:0;} .uniqueCtrl.categoryCenter960 .latestModule .edi-panel.box-module.cut-out .call-to-action a {bottom: 0.5em;font-size: 1.2em;} .uniqueCtrl.categoryCenter960 .latestModule .edi-panel.taller, .uniqueCtrl.categoryCenter960 .latestModule .edi-panel.vertical {height:64em;width:32em;} .uniqueCtrl.categoryCenter960 .homepage .heroslideshow {width: 96em;} .uniqueCtrl.categoryCenter960 .homepage .heroslideshow .hero-carousel-nav li a {background-color: rgba(245, 245, 245, 0.9);opacity: 1;visibility: visible;} .uniqueCtrl.categoryCenter960 .products4Block .block1 {border: none; width:13em;} /*! --- M. Crampton 03/11/14 960 wrap 4 x 240px tiles--- */ .uniqueCtrl.tile240Width .box.g6 {width: 24em;}.uniqueCtrl.tile240Width .box.g6 .call-to-action{line-height:4em;}.uniqueCtrl.tile240Width .box.g6 .call-to-action:after {content: " \2192";}.uniqueCtrl.tile240Width .call-to-action a {font-size: 1.2em;} /*! --- M. Crampton 04/11/14 960 Trend edit carousel landscape width 960px --- */.uniqueCtrl.trendEdit.landscape.w960 {height: 50em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow.caro.hovered {height: 50em;}.uniqueCtrl.trendEdit.landscape.w960 .homepage .heroslideshow,.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule {height: 50em;width: 96em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .block1,.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .block1:first-child {float: left;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .block1 .copy {width: 13em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g16 {margin-left: 4em;width: 60em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g8 {margin-left: 2em;width: 30em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g8 .products4Block {margin-left:0;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g8 h3 {font: normal 2.4em/1.2em "DidotW01Roman",Helvetica,Arial,sans-serif;margin: 0.6em 0 0.3em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow, .uniqueCtrl.trendEdit.landscape.w960 .latestModule {height: 50em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .box.g16 img {width: 100%;height: 100%;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .box.g16 {height:46em;}.touch .uniqueCtrl.trendEdit.landscape.w960 .heroslideshow, .touch .uniqueCtrl.trendEdit.landscape.w960 .latestModule, .touch .uniqueCtrl.trendEdit.landscape.w960 .heroslideshow.caro {height: 50em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g8 .block1 p a {font-size:1.2em;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g8 h3 + p {font-size: 1.4em;margin-bottom: 0.5em;width: 90%;}.uniqueCtrl.trendEdit.landscape.w960 .heroslideshow .wrap.cms.latestModule .box.g8 h3 + p + p a {font-size:1.2em;} /*! --- M. Crampton 03/11/14 Footer fix for h2 title removal --- */.footer-navigation .site-wide-nav li.title {color: #222222;font-family: 'DidotW01Roman', serif;font-size: 1.8em;margin: 0 0 11px;text-transform: uppercase;} /*! --- M.Crampton 04-11-14 SEO new h2 lined header --- */ .categoryLanding .box.g5 + .box.g19 .lined-header h2 {color: #222222;display: inline-block;font-family: "DidotW01Roman",Helvetica,Arial,sans-serif;font-size: 1.8em;margin-top: 0;padding: 0;position: relative;text-transform: uppercase;width: 100%;} .categoryLanding .box.g5 + .box.g19 .lined-header h2 span {background-color: #FFFFFF;padding: 0 20px;position: relative;z-index: 2;} .categoryLanding .box.g5 + .box.g19 .lined-header h2:before {content: "";height: 1px;left: 0;position: absolute;top: 50%;width: 50%;z-index: 1;} .categoryLanding .box.g5 + .box.g19 .lined-header h2:after {content: "";height: 1px;position: absolute;right: 0;top: 50%;width: 50%;z-index: 1;} /*! --- M.Crampton 04-11-14 lego block p tag size New BUs--- */ /*.categoryLanding .box.g5 + .box.g19 .latestModule .edi-panel.vertical .copy h3 + p {font-size: 1.4em;}*/ /*! --- Reset spacing and align --- */.footer-toolbar .social-media-links .wf-icon-twitter {top: -1px;left: -3px;} /*! --- Fixes oversized Twitter icon on IE9 --- */.ie9 .footer-toolbar .social-media-links .wf-icon-twitter:before {font-size: 27px;} @media screen and (max-width: 1239px) {.footer-toolbar .social-media-links .wf-icon-twitter:before {top: -1px;/* Fixes misaligned icon in IE11 */font-size: 22px;} /* Fixes misaligned Twitter icon in IE9 */ .ie9 .footer-toolbar .social-media-links .wf-icon-twitter:before {font-size: 22px;}} /*! --- PLP thin banner with image fix--- */.uniqueCtrl.promoBannerImg {display: block;position: relative;}.uniqueCtrl.promoBannerImg .copy {left: 0; position: absolute; top: 0;width: 100%;}.uniqueCtrl.promoBannerImg img {width: 100%;}.touch .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235 + .plp-banner {left: 4em;} /*! --- T.Ram 17:19 05/11/14 PLP content slot --- !*/ .uniqueCtrl.PLPcntSlot{position:relative;height:51.5em;width:30em;text-align:center}.uniqueCtrl.PLPcntSlot .copy{position:absolute;bottom:1em;left:3em;width:22em;margin-left:0;padding:1.5em 1em .5em; background: rgba(255,255,255,0.9);}.uniqueCtrl.PLPcntSlot .copy h2{font-size:2.2em;font-family:"DidotW01Roman,Georgia",'Times New Roman',serif}.uniqueCtrl.PLPcntSlot .copy p {font-size:1.4em;padding:.5em} /*! --- Full banner 1200x330 --- */.uniqueCtrl.hero330 {clear: both;display: block;height: 33em; margin-bottom: 1em;position:relative;width: 120em;}.uniqueCtrl.hero330 img{width:100%;height:auto;} .uniqueCtrl.hero330 .copy {left: 4em;position: absolute;top: 5em;} .uniqueCtrl.hero330 .copy h1,.uniqueCtrl.hero330 .copy h2 {font:5em/1em 'DidotW01Roman',serif} .uniqueCtrl.hero330 .copy p {font:normal 1.4em 'HelveticaNeueW01-45Ligh',Helvetica,Arial,Sans-serif;} .uniqueCtrl.hero330 .copy .call-to-action a {line-height: 3em;text-transform: uppercase;} .uniqueCtrl.trends.hero330 .copy .call-to-action a:hover {text-decoration: underline;}.uniqueCtrl.hero330.black.serif.italic h1 {font-size: 4.8em;margin:0.3em 0;}.uniqueCtrl.hero330.black.serif.italic p {font-family: 'DidotW01Italic',serif;font-size:1.8em;} /*! --- T.RAM Homepage lego blocks - 600x300+300x300+WhiteOverlay+NoOverlay with H2/copy and single CTA --- !*/ .uniqueCtrl.hp-lego-300-300,.uniqueCtrl.hp-lego-600-300{position:relative;width:100%;height:100%}.uniqueCtrl.hp-lego-300-300 .copy h2,.uniqueCtrl.hp-lego-600-300 .copy h2{font-size:2.4em;margin-bottom:.3em;text-transform:uppercase}.uniqueCtrl.hp-lego-300-300 .copy p,.uniqueCtrl.hp-lego-600-300 .copy p{font-size:1.6em;margin-bottom:.5em;font-family:DidotW01Roman,Georgia,'Times New Roman',serif;line-height:1.2em}.uniqueCtrl.hp-lego-300-300 .copy a,.uniqueCtrl.hp-lego-600-300 .copy a{font-size:.8em;font-family:HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;text-transform:uppercase}.uniqueCtrl.hp-lego-300-300.noOverlayCTA.white .copy a{font-size:.8em;font-family:HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;text-transform:uppercase;color:#fff}.uniqueCtrl.hp-lego-600-300.noOverlayCTA.black .copy a{font-size:.8em;font-family:HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;text-transform:uppercase;color:#000}.uniqueCtrl.hp-lego-600-300.whiteOverlay .copy{position:absolute;background:#FFFFFF;background:rgba(255,255,255,.9);filter:alpha(opacity=90);left:1em;top:17em;height:28%;width:90%;text-align:center;padding:2em}.uniqueCtrl.hp-lego-300-300.whiteOverlay .copy{position:absolute;background:#FFFFFF;background:rgba(255,255,255,.9); filter:"alpha(opacity=90)"; filter: alpha(opacity=90);left:1.8em;top:18.7em;height:20%;width:75%;text-align:center;padding:2em}.uniqueCtrl.hp-lego-300-300.noOverlayCTA .copy,.uniqueCtrl.hp-lego-600-300.noOverlayCTA .copy{position:absolute;bottom:1.1em;width:100%;text-align:center}.uniqueCtrl.hp-lego-600-300 p.terms{position:absolute;bottom:-.5em;left:1.2em;text-align:left;font-size:1.4em}.uniqueCtrl.hp-lego-600-300 .terms a{text-transform:none;font-family:DidotW01Roman,Georgia,'Times New Roman',serif}.uniqueCtrl.hp-lego-300-300 .copy a:hover,.uniqueCtrl.hp-lego-600-300 .copy a:hover{text-decoration:underline} /*! --- M. Crampton 12/11/14 carousel landscape width 960px x 460px --- */ .uniqueCtrl.carouselW960xH460 .heroslideshow.caro.hovered, .uniqueCtrl.carouselW960xH460 .homepage .hero-carousel li, .uniqueCtrl.carouselW960xH460 .homepage .heroslideshow, .uniqueCtrl.carouselW960xH460 .homepage .heroslideshow .latestModule {height: 46em;width: 96em;} .categoryLanding .box.g5 + .box.g19 .carouselW960xH460 .homepage .heroslideshow, .categoryLanding .box.g5 + .box.g19 .carouselW960xH460 .homepage .heroslideshow .latestModule,.categoryLanding .box.g5 + .box.g19 .carouselW960xH460 .homepage .hero-carousel.hero-carousel-container {height: 46em;} .uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460 h2 {color: #000000;font-family: 'DidotW01Roman', serif;font-size: 2.4em;} .uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460 {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);bottom: 3.5em;color: #000000;font-size: 1.2em;left: 3.5em;padding: 2em;position: absolute;top: auto;width: 29%;} /*! --- Remove CTA arrow for hidden link --- */ .heroslideshow.brand .hiddenCarouselLink a:after {content:"";} /*! --- M.Crampton Black Friday BU Hero 17/11/14 --- */ .uniqueCtrl.hero960x330.blackfriday .copy {left: 8.8em;top: 8em;width: 40%;} .uniqueCtrl.hero960x330.blackfriday .copy h1,.uniqueCtrl.hero960x330.blackfriday .copy h2 {color: #FFFFFF;font-size: 4.6em;} .uniqueCtrl.hero960x330.blackfriday .copy p {color: #FFFFFF;font: 1.8em 'DidotW01Roman',serif;width: 90%;} .uniqueCtrl.hero960x330.blackfriday .copy .call-to-action {font-family: 'DidotW01Bold',serif;} /*! --- M.Crampton 1-50PM Newest Twitter icon 19-11-14 --- */ @font-face {font-family: 'nw-icons-new';src:url('../../images/external/icomoon.eot?bdu93w');src:url('../../images/external/icomoon.eot?#iefixbdu93w') format('embedded-opentype'),url('../../images/external/icomoon.woff?bdu93w') format('woff'),url('../../images/external/icomoon.ttf?bdu93w') format('truetype'),url('../../images/external/icomoon.svg?bdu93w#icomoon') format('svg');font-weight: normal;font-style: normal;} [class^="wf-icon-new-"], [class*=" wf-icon-new"], [class*=" wf-icon-new-"] {font-family: 'nw-icons-new';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1em;} .wf-icon-new-twitter:before {content: "\e600";} .ie9 .link .wf-icon-new.wf-icon-new-twitter {cursor:pointer;} .wf-icon-new {color:#CCCCCC;} .link.wf-icon-new.wf-icon-new-twitter:hover {color:#01ABF0;} .footer-toolbar .social-media-links .wf-icon-new:before {font-size: 1.3em;left: 0;line-height: 1.5em;position: absolute;top: 0;} .social-media-links .wf-icon-new a {color: #CCCCCC;display: block;position: absolute;text-indent: -10000px;width: 30px;} .ie8 .footer-toolbar .social-media-links .wf-icon-new:before {font-size:2em;} .ie9 .footer-toolbar .social-media-links .wf-icon-new:before {font-size:1.1em;} .ie9 .social-media-links .wf-icon-new a, .ie8 .social-media-links .wf-icon-new a, .ie7 .social-media-links .wf-icon-new a {height:30px;background-image: url("../../images/global/sprites/global_icon_bgs.png"); background-position-x:center;background-position-y:-40px;background-size:auto;background-origin:padding-box;background-color:transparent;} /*! --- M.Crampton 25/11/14 Column option grid page --- */ .uniqueCtrl.gridOptions .box { border: 1px solid #EEE;padding: 1em .5em; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;min-height: 3.7em;background: #CCC;} /*! --- s.patil 27/10/2014 - 09:07AM Hero Horizontol links --- */ .uniqueCtrl.hero.hlinks li a:after {content:" \2192";} .uniqueCtrl.hero.hlinks li {display: block; float: left; padding: 0 2em;} .uniqueCtrl.hero.hlinks li a {display: block; float: left; color: #000000; font-family: 'DidotW01Bold',serif; font-size: 1.8em;} .uniqueCtrl.hero.hlinks .copy {bottom: 2em; position: absolute; z-index: 99;} .uniqueCtrl.hero.hlinks .copy {width: 100%; margin: 0 auto; left: 0; bottom: 3em;} .uniqueCtrl.hero.hlinks ul {width: 35.5em; margin: 0 40.75em; display: block; position: relative;} .uniqueCtrl.hero.hlinks ul, .uniqueCtrl.hero.hlinks li {display: block; float: left; padding: 0 2em;} /*! --- IE 8 Box size fixes --- */.ie8 .wrap .g6 {width:30em;} .ie8 .wrap .g7 {width:350px;} .ie8 .wrap .g7 {width:35em;} .ie8 .wrap .g8 {width:400px;}.ie8 .wrap .g8 {width:40em;}.ie8 .wrap .g19 {width:950px;}.ie8 .wrap .g19 {width:95em;}.ie8 .wrap .g21 {width:1050px;}.ie8 .wrap .g22 {width:1100px;}.ie8 .wrap .g23 {width:1150px;}.ie8 .wrap .g24 {width:1200px;}@media screen and (max-width:1239px) {.ie8 .wrap .g7 {width:280px;}.ie8 .wrap .g8 {width:320px;}.ie8 .wrap .g19 {width:760px;}.wrap .g21 {width:840px;}.wrap .g22 {width:880px;}.wrap .g23 {width:920px;}.wrap .g24 {width:960px;}} /*! --- Box size fixes --- */.wrap .g15 {width:750px;}.wrap .g17 {width:850px;}.wrap .g19 {width:950px;}.wrap .g21 {width:1050px;}.wrap .g22 {width:1100px;}.wrap .g23 {width:1150px;}.wrap .g24 {width:1200px;} @media screen and (max-width:1239px) {.wrap .g3 {width:120px;}.wrap .g15 {width:600px;}.wrap .g17 {width:680px;}.wrap .g19 {width:760px;}.wrap .g21 {width:840px;}.wrap .g22 {width:880px;}.wrap .g23 {width:920px;}.wrap .g24 {width:960px;}} /*! --- HOMEPAGE MIDDLE CNTRE HERO COPY -- */ .noOverlayMidCentre,.noOverlayMidCentreWhite{top:4.2em;font-family:DidotW01Roman,serif;left:27.5em;position:absolute;text-align:center;width:65em;color:#000;padding:2.5em 2em}.noOverlayMidCentre h1,.noOverlayMidCentreWhite h1{font-family:DidotW01Roman,serif;font-size:3.5em;text-transform:uppercase}.noOverlayMidCentre h1 span,.noOverlayMidCentreWhite h1 span{clear:both;display:block;font-size:.45em;line-height:1em}.lined_div{clear:both;position:relative;width:100%;overflow:hidden}.lined_div p.line_lng:before{left:3.8em;border-top:1px solid #fff;content:"";height:1px;position:absolute;top:50%;width:26%;z-index:1}.lined_div p.line_lng:after{border-top:1px solid #fff;content:"";height:1px;position:absolute;top:50%;width:26%;z-index:1;right:4em}.lined_div p.line_lng{font-size:1.6em;color:#fff}.lined_div p.line_shrt:before{left:3.8em;border-top:1px solid #fff;content:"";height:1px;position:absolute;top:50%;width:30%;z-index:1}.lined_div p.line_shrt:after{border-top:1px solid #fff;content:"";height:1px;position:absolute;top:50%;width:30%;z-index:1;right:4em}.lined_div p.line_shrt{font-size:1.6em;color:#fff}.lined_div p.lined_txt:before{left:5.8em;border-top:1px solid #000;content:"";height:1px;position:absolute;top:50%;width:27%;z-index:1}.lined_div p.lined_txt:after{border-top:1px solid #000;content:"";height:1px;position:absolute;top:50%;width:26%;z-index:1;right:6em}.noOverlayMidCentre p.lined_txt span{font-size:2em}.noOverlayMidCentre p.offerPromo,.noOverlayMidCentreWhite p.offerPromo{font-size:11.2em;line-height:1em}.lined_div p.linedOfferDate:before{left:4.6em;border-top:1px solid #000;content:"";height:1px;position:absolute;top:30%;width:15%;z-index:1}.lined_div p.linedOfferDate:after{border-top:1px solid #000;content:"";height:1px;position:absolute;top:30%;width:15%;z-index:1;right:5em}.noOverlayMidCentre p.linedOfferDate,.noOverlayMidCentre p.noLinedOfferDate{font-size:2.4em;text-transform:uppercase;margin-bottom:1em}.noOverlayMidCentre .call-to-action .noOverlayMidCentreWhite .call-to-action{font-family:DidotW01Bold,serif;font-size:1.8em;padding-right:2em}.noOverlayMidCentreWhite .call-to-action{font-family:DidotW01Bold,serif;font-size:1.8em;padding-right:2em;color:#fff}.noOverlayMidCentre .call-to-action:hover,.noOverlayMidCentreWhite .call-to-action:hover{text-decoration:underline}.noOverlayMidCentre .call-to-action:after{content:' \2192';height:1px}.noOverlayMidCentreWhite .call-to-action:after{content:' \2192';height:1px;color:#fff}.noOverlayMidCentreWhite .call-to-action span a,.noOverlayMidCentreWhite h1 p,.noOverlayMidCentreWhite p.offerPromo{color:#fff} /*! --- M.Crampton 09:36AM 30/11/2014 delivery message babber ---!*/ .uniqueCtrl.DeliveryMsgBanner.roman{position:relative;margin:3em 0;padding:0}.wrap.cms .uniqueCtrl.DeliveryMsgBanner.roman p{color:#000;display:block;font:2.4em/0 DidotW01Roman,serif;text-align:center;padding: 1.25em 0;} /*! --- M.Crampton 10.46AM 30/11/2014 spacers --- */ .uniqueCtrl.clearHeight3em {clear:both;display: block;height: 3em;} /*! --- M.Crampton 10.46AM 30/11/2014 spacers --- */ .uniqueCtrl.clearHeight2em {clear:both;display: block;height: 2em;} /*! --- M.Crampton 10.46AM 03/02/2015 spacers --- */ .uniqueCtrl.clearHeight5em {clear:both;display: block;height: 5em;} /*! --- M.Crampton 10.46AM 12/01/2015 spacers --- */ .uniqueCtrl.clearHeight6em {clear:both;display: block;height: 6em;} /*! --- M.Crampton 10.46AM 12/01/2015 spacers --- */ .uniqueCtrl.clearHeight30em {clear:both;display: block;height: 30em;} /*! --- M.Crampton 11.19AM Carousel Bottom Left overlay transparent --- */.uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460.transparent {background:none;color:#FFFFFF;bottom:1em;left:1em;}.uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460.transparent h2,.uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460.transparent .call-to-action a {color:#FFFFFF;}.uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460.transparent .call-to-action {margin-top: 0.5em;display: block;}.uniqueCtrl.carouselW960xH460 .overlayBtmLeft.whiteBkgd.W960H460.transparent h2 {margin-bottom: .5em;} /*! --- M.Crampton 12.19AM banner 960x330 --- */.uniqueCtrl.hero960x330 {clear: both;display: block;height: 33em; margin-bottom: 1em;position:relative;width: 96em;} .uniqueCtrl.hero960x330 .copy {left: 4em;position: absolute;top: 4em;} .uniqueCtrl.hero330 .copy h1,.uniqueCtrl.hero960x330 .copy h2 {font:5em/1em 'DidotW01Roman',serif} .uniqueCtrl.hero960x330 .copy p {font:normal 1.4em 'HelveticaNeueW01-45Ligh',Helvetica,Arial,Sans-serif;} /*.uniqueCtrl.hero960x330 .copy .call-to-action a {line-height: 3em;text-transform: uppercase;}*/ .uniqueCtrl.trends.hero960x330 .copy .call-to-action a:hover {text-decoration: underline;}.uniqueCtrl.hero960x330.white.serif .copy {color:#FFFFFF;}.uniqueCtrl.hero960x330.white.serif h1, .uniqueCtrl.hero960x330.white.serif h2 {color:#FFFFFF;}.wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.hero960x330.white.serif p {font: 1.8em 'DidotW01Roman, serif';}.uniqueCtrl.hero960x330.white.serif p .call-to-action a {color: #FFFFFF;text-transform: none;}.uniqueCtrl.hero960x330.black.serif .copy {color:#000000;}.uniqueCtrl.hero960x330.black.serif h1, .uniqueCtrl.hero960x330.black.serif h2 {color:#000000;}.wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.hero960x330.black.serif p {color:#000000;font: 1.8em 'DidotW01Roman, serif';}.uniqueCtrl.hero960x330.black.serif p .call-to-action a {color: #000000;text-transform: none;} /*! --- s.patil 09/12/2014 - 11:46 AM --- */ .categoryLanding .Wrap.XmasDay .latestModule .XmasDay.Text.ProdCut > h2 {color: #000000; font-family: DidotW01Roman; font-size: 4.8em; text-align: center; text-transform: capitalize;} .categoryLanding .Wrap.XmasDay .latestModule .XmasDay.Text.ProdCut > p {font-family: DidotW01Italic; font-size: 1.8em; padding-top: 0.5em; text-align: center;} .categoryLanding .Wrap.XmasDay .latestModule .XmasDay.Text.ProdCut a {font-family: DidotW01Bold; font-size: 1.111em;} .categoryLanding .edi-panel .title.red {color: #8F0202; font-family: didotw01italic; line-height: 1.3em; margin-top: 0.5em;} /*! --- s.patil 09/12/2014 - 14:25 AM Hero 960x330 Overlay --- */ .ie8 .uniqueCtrl.hero960x330.overlay .copy {background: #ffffff; background: rgba(255, 255, 255, 0.8); filter:"alpha(opacity=90)"; filter: alpha(opacity=90);} .uniqueCtrl.hero960x330.overlay .copy {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); padding: 1.7em; left: 2em; top: 2em;} .uniqueCtrl.hero960x330.overlay .copy > p {color: #000000; font-family: DidotW01Regular; font-size: 1.8em; text-align: left;} .uniqueCtrl.hero960x330.overlay .copy .call-to-action {color: #000000; font-family: DidotW01Bold; font-size: 1.111em;} /*! --- s.patil 09/12/2014 - 14:25 AM Hero 960x330 No Overlay --- */ .categoryLanding .uniqueCtrl.hero960x330.nooverlay .copy {left: 3.7em; top: 3.7em;} .uniqueCtrl.hero960x330.nooverlay .copy .call-to-action {color: #000000; font-family: DidotW01Bold; font-size: 1.111em;} .uniqueCtrl.hero960x330.nooverlay .copy > p {color: #000000; font-family: DidotW01Regular; font-size: 1.8em;} /*! --- Video 390x240 M.CRAMPTON 10-12-14 15.06PM --- */.uniqueCtrl.vidMod390x240 {display: block;position: relative;width:39em;}.uniqueCtrl.vidMod390x240 .copy.video.black {bottom: 0;position: relative;}.uniqueCtrl.vidMod390x240 .call-to-action {top: -177%;display: block;margin: 0 auto;position: absolute;width: 6em;left: 34%;}.uniqueCtrl.vidMod390x240 .copy.video .call-to-action a {background: url("//asset1.marksandspencer.com/is/image/mands/a3f5cff0b135ba9f38f1b130dbd4f78495138cd4?fmt=png-alpha") no-repeat center 10px rgba(0, 0, 0, 0);display: block;} /*! --- Video 320x200 M.CRAMPTON 23-12-14 16.06PM --- */.uniqueCtrl.vidMod320x200 {display: block;position: relative;width:32em;}.uniqueCtrl.vidMod320x200 .copy.video.black {height: 20em;left: 0;position: absolute;top: 0;width: 32em;}.uniqueCtrl.vidMod320x200 .call-to-action {display: block;left: 34%;margin: 0 auto;position: absolute;top: 30%;width: 6em;}.uniqueCtrl.vidMod320x200 .copy.video .call-to-action a {background: url("//asset1.marksandspencer.com/is/image/mands/a3f5cff0b135ba9f38f1b130dbd4f78495138cd4?fmt=png-alpha") no-repeat center 10px rgba(0, 0, 0, 0);display: block;height:3em;} /*! --- Carousel Slider Learning Shashank ---*/ .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule .box.g5 {width: 14em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule .box.g14 {height: 44em; width: 60em;} .uniqueCtrl.trendEdit.landscape.w960.c3 {height: 55em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .heroslideshow.caro.hovered {height: 55em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule > h3 {font: 2.4em/1.2em "DidotW01Roman",Helvetica,Arial,sans-serif;} .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule > p {font-size: 1.4em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule a {font-size: 0.857em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .heroslideshow .wrap.cms.latestModule .block1, .uniqueCtrl.trendEdit.landscape.w960.c3 .heroslideshow .wrap.cms.latestModule .block1:first-child {float: left; margin-bottom: 1.5em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .heroslideshow .wrap.cms.latestModule .XmasDay.Hero.ImageRgt .block1, .uniqueCtrl.trendEdit.landscape.w960.c3 .heroslideshow .wrap.cms.latestModule .XmasDay.Hero.ImageRgt .block1:first-child {float: right; margin-bottom: 1.5em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .heroslideshow .wrap.cms.latestModule .block1 .copy {text-align: center; width: 13em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule {margin-left: 16em;} .uniqueCtrl.trendEdit.landscape.w960.c3 .wrap.cms.latestModule .block1 a {font-size: 1.2em;} /*! --- PLP Banner 1200x305 banner hotspot --- */.wrap.banner-generic.plp-banner .hotspotContainer {width:120em;height:30.5em;} .wrap.banner-generic.plp-banner .imageHolder, .wrap.banner-generic.plp-banner .s7HotspotViewerHolder {width:120em;height:30.5em;} /*! --- Home Lego blocks fix M.Crampton 18/12/2014 --- */ .uniqueCtrl.hp-lego-300-300.noOverlayCTA.white {width: 30em;} .uniqueCtrl.hp-lego-300-300.noOverlayCTA.white img {width: 30em;} .uniqueCtrl.hp-lego-300-300.whiteOverlay img {width: 100%;height: auto;} .uniqueCtrl.hp-lego-600-300.whiteOverlay {width: 60em;margin: 0;padding: 0;} .uniqueCtrl.hp-lego-600-300.whiteOverlay img, .uniqueCtrl.hp-lego-600-300.noOverlayCTA.white img, .uniqueCtrl.cat-mod-600-330.whiteOverlay img {width: 100%;height: auto;} .touch .homeLegoPanels .wrap.cms {width: 120em;font-size: 1.066em;} /*! --- Amended width and max with on 14/08/2015 by Kofi Darko --- */.homeLegoPanels .box.g6 {width: 25%; max-width:30em;} .homeLegoPanels .box.g12 {width: 50%;height: 30em;max-width:60em;} /*! --- Christmas PDP banner vertical position fix M.Crampton 18-12-2014 2.17PM --- */.information .christmasMsg {margin: 0 0 0.9333em;} /*! --- 960 width Lego Block for BU's A.Kumar 19-12-2014 --- */ .edi-panel.horizontal.buying-guide.full-bleed.right.w960 {width: 96em;height: 32em;}.edi-panel.horizontal.buying-guide.full-bleed.right.w960 .copy {min-height: 100px;width: 28em;}.edi-panel.horizontal.buying-guide.full-bleed.right.w960 .copy h3 {font-size: 4.8em;}.edi-panel.horizontal.buying-guide.full-bleed.right.w960 .copy p {font-size: 1.4em;}.edi-panel.horizontal.buying-guide.full-bleed.right.w960 .copy p a {font-size: 0.85em;}.edi-panel.horizontal.buying-guide.full-bleed.right.w960.c38 .copy {width:38em;} /*! --- Video Module W470xH270 ---*/ .uniqueCtrl.vidMod470x270 {display: block; position: relative; width: 47em; text-align: center} .uniqueCtrl.vidMod470x270 .copy.video .call-to-action a {background: url("//asset1.marksandspencer.com/is/image/mands/a3f5cff0b135ba9f38f1b130dbd4f78495138cd4?fmt=png-alpha") no-repeat scroll center 10px rgba(0, 0, 0, 0); display: block;margin:0 auto;width:auto;} .uniqueCtrl.vidMod470x270 .copy.video.black {/*left: 38%;*/ position: absolute; top: 35%; width: 100%;} .uniqueCtrl.vidMod470x270 > a {font-size: 1.2em;} .uniqueCtrl.vidMod470x270 > copy a {font-size: 1em;} /*! --- Food delivery message override M.Crampton 19-12-2014 15.02 .ready-collection{display: none;} --- */ /*! --- Fix for plp breadcrumbs 20-12-2014 --- */ .product-listing-page div.breadcrumb {margin: 0 auto 0.5em;width: auto;}.touch .information .christmasMsg {margin-top: 0;} /*! --- Homepage static hero full width fix for tablet --- */.touch .wrap.cms.uniqueCtrl.lpHeroH442 {width: 100%;}.touch .wrap.cms.uniqueCtrl.lpHeroH442 img {width: 100%;height: auto;} /*! --- Shashank flyout panel WEEE --- */ .wf-icon.wf-icon-next-01 {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif;} .information-panel .subcontent .section p {color: #333333;} .information-panel .section.highlight-01 {background-color: #F8F8F8} .information-panel .section ul:last-of-type {margin-bottom: 1em; margin-top: 1em;} /* --- S.Patil WW Style Living 07.01.15 --- */ .categoryLanding.wrap .latestModule .edi-panel.box.sandl320x320 {display: block; font-family: didotw01roman; height: 32em; position: absolute; text-align: center; width: 32em;} .edi-panel.box.sandl320x320 .copy p {font-size: 2em;} .edi-panel.box.sandl320x320 .call-to-action a {font-size: 0.9em; text-transform: none;} .edi-panel.box.sandl320x320 .border {border: 0.15em solid #000000; margin-bottom: 0.6em; margin-top: 0.6em; width: auto;} .edi-panel.box.sandl320x320 .copy {bottom: 1.5em; min-height: 11.5em;} .edi-panel.box.sandl320x320 .call-to-action {bottom: 0.2em;} /*! --- Image width fix 07-01-15--- */ .uniqueCtrl.hero400 img, .uniqueCtrl.hero300 img {width: 100%;height: auto;} /*! --- Hero 1200 x 305 M.Crampton 12-01-15--- */.uniqueCtrl.hero305 {display: block;position: relative;}.uniqueCtrl.hero305 .copy {left: 4em;position: absolute;top: 4em;}.uniqueCtrl.hero305 .copy h2 {font-family:'DidotW01Roman',Georgia,'Times New Roman',serif;font-size: 4.8em;margin-bottom: 0.4em;}.uniqueCtrl.hero305 .copy p {font-size: 1.4em;margin-bottom: 0.4em;}.uniqueCtrl.hero305 .copy .call-to-action a {line-height: 3em;}.uniqueCtrl.hero305 .copy .call-to-action a:hover {text-decoration:underline;} .uniqueCtrl.hero305 img {width: 100%;height: auto;} /*! --- Editorial style and living hero slot 1200x300 M.Crampton 14-01-15 --- */.uniqueCtrl.hero300.styleandliving img {width:100%;height:auto;}.uniqueCtrl.hero300.styleandliving .copy {left: auto;right: 2em;text-align: center;top: 12.5em;width: 46em;}.uniqueCtrl.hero300.styleandliving .copy p{font:normal 2.4em 'DidotW01Roman',Georgia, 'Times New Roman', serif;}.uniqueCtrl.hero300.styleandliving .call-to-action:before {content: "";border-top: 2px solid #000000;display: block;width: 44%;margin: 0.7em auto 0;}.uniqueCtrl.hero300.styleandliving .call-to-action:after {content: " \2192";}.uniqueCtrl.hero300.styleandliving .call-to-action {text-transform: none;font: normal 0.75em/3em 'DidotW01Italic', serif;}.uniqueCtrl.hero300.styleandliving .call-to-action:hover {text-decoration:underline;} /* --- S.Patil WW BULP 16.01.15 --- */ .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .box.g16 {width: 64em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .box.g8 {margin-left: 3em; margin-top: 3em; width: 29em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .box.g16 + .box.g8 h2 {font: 4em/1em "DidotW01Roman",Georgia,'Times New Roman',serif;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay h3 {font: 2.4em/1em "DidotW01Roman",Georgia,'Times New Roman',serif; margin-bottom: 0.3em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay p.valentine {font: 1.6em/1em DidotW01italic; margin-bottom: 1em; padding-top: 0.2em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .call-to-action {font: 1.2em/1em helvetica,serif;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g8 {margin-left: 0; margin-top: 0; width: 32em; height: 45em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g12 {margin-left: 0; text-align: right; width: 25em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g12 + .box.g12 {width: 39em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g12 h4 {font: 2.4em/1em "DidotW01italic"; margin-top: 1.3em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g12 .call-to-action a {text-align: right;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g15 {width: 40em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g9 {width: 22em; margin-top: 2em; margin-left: 2em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g8 .XmasDay.Hero.ImageRgt {margin-top: 0;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g8 .XmasDay.Hero.ImageRgt img {height: 45em; margin-left: 0; margin-top: 0; width: 32em;} .edi-panel.box.sandl960x330 .copy {margin-bottom: 0em; margin-left: 18em; width: 30em; top: 14em;} .edi-panel.box.sandl960x330 .copy p {font: 2em/1em "DidotW01Roman";} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .edi-panel.box.sandl960x330 .copy p .call-to-action {font: 0.643em/1em "DidotW01Roman";} .edi-panel.box.sandl960x330 {width: 96em; height:auto;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g16 .box.g12 + .box.g12 img {float: left;width:32em;} /*! --- A.Kumar 19.01.15 Video Module W600xH300 ---*/ .uniqueCtrl.vidMod600x300 {display: block; position: relative; width: 60em; text-align: center;}.uniqueCtrl.vidMod600x300 .copy.video .call-to-action a {background: url("//asset1.marksandspencer.com/is/image/mands/a0982c46d4c83f48d757f39f882b7808ae827a25?fmt=png-alpha") no-repeat scroll center 5px rgba(0, 0, 0, 0); display: block; padding-top: 7em;}.uniqueCtrl.vidMod600x300 .copy.video.black {position: absolute; top: 40%; width: 100%;}.uniqueCtrl.vidMod600x300 > a {font-size: 1.2em;}.uniqueCtrl.vidMod600x300 > copy a {font-size: 1em;} /* --- T.RAM 20.01.15 HP DELIVERY BANNER --- */ .uniqueCtrl.delivery-banner {position: relative; display: block; width: 120em; height: 4em; text-align: center; border-top: 3px solid #000; border-bottom: 1px solid #000; clear: both; padding: 1em 0; margin:2em 0;} .uniqueCtrl.delivery-banner img {position: absolute; top:0; left:0; width: 120em; height:6em; } .uniqueCtrl.delivery-banner .copy {position: absolute; top: 2em; left: 41em;} .uniqueCtrl.delivery-banner .copy p {font-size:2em; font-family:'DidotW01Italic',Helvetica,Arial,sans-serif; } /*! --- Josh Wood Range slider M.Crampton 23-01-15 --- */ .uniqueCtrl.jwRangeSlide {display:block;height:30em;position:relative;} .uniqueCtrl.jwRange .dragdealer .red-bar {color:#FFFFFF;width: 28em;height: 28px;font-size: 14px;line-height: 30px;padding:0 0.5em;} .uniqueCtrl.jwRange .dragdealer .handle {position: absolute;top: 6em;left: 0;cursor: pointer;} .uniqueCtrl.jwRange #just-a-slider .value {text-indent:-9999px;margin:0;padding: 0;width:1px;} .uniqueCtrl.jwRange #just-a-slider a.link img {bottom: 2em;height: 15em;left: 0.25em;padding-top:8em;position: absolute;width: 2.858em;} .ie8 .uniqueCtrl.jwRange #just-a-slider a.link img {bottom:auto;top:-9.5em;} .uniqueCtrl.jwRange #just-a-slider .handle {height: 10.714em;line-height: 0;top: 10.99em;width: 2em;} .uniqueCtrl.jwRangeSlide h3 {-ms-border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-o-border-radius:0.1em;border-radius:0.1em;bottom: -0.5em;font: 1.8em/1em 'DidotW01Roman',Georgia,'Times New Roman',serif;background: #efefef;background: rgba(230, 230, 230, 0.4);padding: .3em;border: 1px solid #E3E3E3;position: absolute;white-space: nowrap;} .uniqueCtrl.jwRange .gauge {background:rgba(0, 0, 0, 0.2);height: 3em;left: -4.7em;line-height: 2.8em;position: absolute;top: -6.35em;width: 12.4em;text-indent: 0.3em; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);} .uniqueCtrl.jwRange #just-a-slider {background:transparent url("http://asset1.marksandspencer.com/is/image/mands/136eac2529eaaa5522dac15080121f973074b7e8?wid=1200") no-repeat 0 0;height: 18em;margin: 0 auto;position: relative;width: 120em;}@media screen and (max-width:1239px){.uniqueCtrl.jwRange #just-a-slider {background:transparent url("http://asset1.marksandspencer.com/is/image/mands/136eac2529eaaa5522dac15080121f973074b7e8?wid=960") no-repeat 0 0;margin: 0 auto;position: relative;width: 120em;}.uniqueCtrl.jwRange .gauge {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);height: 2.6em;left: -3.6em;line-height: 2.8em;position: absolute;top: -6.6em;transform: rotate(90deg);width: 9.92em;}.uniqueCtrl.jwRange #just-a-slider .handle {height: 7.2em;line-height: 0;top: 10.2em;width: 1.6em;}.uniqueCtrl.jwRange #just-a-slider a.link img {bottom: 2em;height: 12em;left: 0.3em;position: absolute;width: 2em;}} .ie8 .uniqueCtrl.jwRange #just-a-slider {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://asset1.marksandspencer.com/is/image/mands/136eac2529eaaa5522dac15080121f973074b7e8?wid=1200', sizingMethod='scale');zoom:1;} .uniqueCtrl.jwRange #just-a-slider:before {content: "";border-top: solid 20px transparent;display: block;position: absolute;bottom: 7em;border-bottom: solid 20px transparent;border-right: 9px solid #EFEFEF;overflow: visible;cursor: pointer;left: 0.3em;}.uniqueCtrl.jwRange #just-a-slider:after {border-bottom: solid 20px transparent;border-top: 20px solid transparent;border-left: 9px solid #EFEFEF;content: "";cursor: pointer;position: absolute;right: 0.3em;bottom: 7em;} .ie8 .uniqueCtrl.jwRange .gauge {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); background-color: #EEEEEE; filter: alpha(opacity=35);color:#000000;position:absolute;z-index:9;} /* --- T.RAM 26.01.15 PLP CONTENT SLOT OVERRIDE --- */ .product-listing .product-wrap.espot .copy { position: relative;} .product-listing .product-wrap.espot .copy .copy{background-color:#fff;bottom:0;left:1.25em;color:#333;height:auto;opacity:.9;padding:.5em;position:absolute;text-align:center;z-index:1;width:80%} .product-listing .product-wrap.espot .copy .copy h2 { font-size:2.4em; margin-top: .8em;} .product-listing .product-wrap.espot .copy .copy p{font-size:1.4em;font-family:HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;color:#000;line-height:1em;padding:.5em} .touch .product-listing .product-wrap.espot .copy .copy { padding: .5em; bottom: 0; width: 23em; position: absolute; left: -.5em;} /* --- M.CRAMPTON PLP 17-03-15 Content Slot fix --- */ /*.product-listing .product-wrap.espot .copy {background-color:#fff;bottom: 0.7em;height: auto;left: 1.02em;position:absolute;}*/ /*.box.g6.product-wrap.swiper-container.swipe.espot {height: 58em;position: relative;width: 29em;}*/ /*.box.g6.product-wrap.swiper-container.swipe.espot img {height: auto;width: 100%;}*/ /*.product-listing .product-wrap.espot .copy h2 {font-size: 2.4em;margin-top: 0.8em;}*/ /*.product-listing .product-wrap.espot .copy p {font-family: HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;font-size: 1.4em;line-height: 1em;padding: 0.5em;}*/ .product-listing .product-wrap.espot, .touch .product-listing .product-wrap.espot {width:29em;} /*.touch .product-listing .product-wrap.espot .copy .copy {left:1.42em}*/ /*!--- Richtext options ---*/ .uniqueCtrl .intro-paragraph.F24px {font: 2.4em 'DidotW01Italic',serif;} .uniqueCtrl .intro-paragraph {font: 1.6em 'DidotW01Italic',serif;} .uniqueCtrl .intro-paragraph.roman {font: 1.6em 'DidotW01Roman',serif;} /* --- T.RAM 27.01.15 HOMEPAGE BLOCK - GHOST BUTTONS --- */ .ghost-button{display:inline-block;padding:8px;color:#000;border:1px solid #000;text-align:center;outline:0;text-decoration:none}.ghost-button:active,.ghost-button:hover{background-color:#fff;color:#000} /*! --- T.RAM HOMEPAGE BUTTON CLASS 27.01.15 --- */ .btnstyle {font-family:'DidotW01Roman',Helvetica,Arial,Sans-serif; font-size: .9em} /*! --- T.RAM HOMEPAGE BUTTON CLASS - SOLID WHITE 27.01.15 --- */ .hp-button-white-solid { margin-top:.5em; display: inline-block; padding: .45em 1.1em .45em 1.1em; color: #000; background-color: #fff; text-align: center; outline: none; text-decoration: none; } .hp-button-white-solid:hover, .hp-button-white-solid:active {background-color: #fff; color: #000; text-decoration: underline;} .hp-button-white-solid:visited {background-color: #fff; color: #000; text-decoration: none;} .hp-button-white-solid:after {content: ' \2192'; height: 1px;} /*! --- HOMEPAGE BUTTON CLASS - SOLID BLACK --- */ .hp-button-blk-solid { margin-top:.5em; display: inline-block; padding: .45em 1.1em .45em 1.1em; color: #fff; background-color: #000; text-align: center; outline: none; text-decoration: none; } .hp-button-blk-solid:hover, .hp-button-blk-solid:active {background-color: #000; color: #fff; text-decoration: underline;} .hp-button-blk-solid:visited {background-color: #000; color: #fff; text-decoration: none;} .hp-button-blk-solid:after {content: ' \2192'; height: 1px;} /*! --- HOMEPAGE BUTTON CLASS - OUTLINE WHITE --- */ .hp-button-white-ghost { margin-top:.5em; display: inline-block; padding: .45em 1.1em .45em 1.1em; color: #fff; border: 1px solid #fff; text-align: center; outline: none; text-decoration: none; } .hp-button-white-ghost:hover, .hp-button-white-ghost:active {background-color: none; color: #fff; text-decoration: underline;} .hp-button-white-ghost:visited {background-color: none; color: #fff; text-decoration: none;} .hp-button-white-ghost:after {content: ' \2192'; height: 1px;} /*! --- HOMEPAGE BUTTON CLASS - OUTLINE WHITE NO ARROW --- */ .hp-button-whitenr-ghost { margin-top:1em; display: inline-block; padding: .45em 2.5em .45em 2.5em; color: #fff; border: 1px solid #fff; text-align: center; outline: none; text-decoration: none;font-family:Helvetica,Arial,sans-serif; } .hp-button-whitenr-ghost:hover, .hp-button-whitenr-ghost:active {background-color: none; color: #fff; text-decoration: underline;} .hp-button-whitenr-ghost:visited {background-color: none; color: #fff; text-decoration: none;} /*.hp-button-whitenr-ghost:after {content: ' \2192'; height: 1px;}*/ /*! --- HOMEPAGE BUTTON CLASS - OUTLINE BLACK --- */ .hp-button-blk-ghost { margin-top:.5em; display: inline-block; padding: .45em 1.1em .45em 1.1em; color: #000; border: 1px solid #000; text-align: center; outline: none; text-decoration: none; } .hp-button-blk-ghost:hover, .hp-button-blk-ghost:active {background-color: none; color: #000; text-decoration: underline;} .hp-button-blk-ghost:visited {background-color: none; color: #000; text-decoration: none;} .hp-button-blk-ghost:after {content: ' \2192'; height: 1px;} /*! --- HOMEPAGE BUTTON CLASS - OUTLINE BLACK NO ARROW --- */ .hp-button-blknr-ghost { margin-top:1em; display: inline-block; padding: .45em 2.5em .45em 2.5em; color: #000; border: 1px solid #000; text-align: center; outline: none; text-decoration: none;font-family:Helvetica,Arial,sans-serif; } .hp-button-blknr-ghost:hover, .hp-button-blknr-ghost:active {background-color: none; color: #000; text-decoration: underline;} .hp-button-blknr-ghost:visited {background-color: none; color: #000; text-decoration: none;} /*.hp-button-blknr-ghost:after {content: ' \2192'; height: 1px;}*/ /*! --- A. Kumar Hero Carousel Slider W960 H300 27.01.15--- */ /*.homepage.hero960x330 {height:33em;}*/ .categoryLanding .box.g5 + .box.g19 .homepage.hero960x330 .heroslideshow, .categoryLanding .box.g5 + .box.g19 .homepage.hero960x330 .heroslideshow .latestModule {height: 33em;width:96em;} .categoryLanding.wrap .box.g19 .homepage .homepage.hero960x330 .heroslideshow.caro.hovered {height: 33em;} .categoryLanding.wrap .box.g19 .homepage .homepage.hero960x330 .hero-carousel li {height:33em;/*left: 5%;*/width:96em;} .homepage .homepage.hero960x330 .heroslideshow .latestModule .homepage.hero960x330 {margin:0;} .homepage .homepage.hero960x330 .heroslideshow ul.hero-carousel.hero-carousel-container {height:33em!important;} .homepage .homepage.hero960x330 .heroslideshow .copy {left:4.5em;} /*! --- S. Patil Valentine Day LP 27.01.15--- */ .categoryLanding.wrap .box.g19 .Wrap.XmasDay .latestModule .box.g12 {margin-left: 0; width: 40em;} .wrap.cms .categoryLanding.wrap .box.g19 .Wrap.XmasDay .latestModule .box.g6 + .box.g6 {margin-right: 2em; margin-top: 2em; width: 20em;} .wrap.cms .categoryLanding.wrap .box.g19 .Wrap.XmasDay .latestModule .box.g6 {width: 34em;} .wrap.cms .categoryLanding.wrap .Wrap.XmasDay .latestModule .box.g6 h4 {font: 2.4em/1em "DidotW01italic"; margin-bottom: 0.5em; margin-top: 1em;} .edi-panel.box.sandl960x330 .copy p .call-to-action {font: 0.643em/1em "DidotW01Roman";} /*!--- M.Crampton 29-1-15 Double Promo in top nav margin top fix for tablet --- */.touch .col4 .simple-list .menu-promo.alt2 {padding-top: 3.16em;} /*! --- Richtext cta decriptor M.Crampton 03-2-15 --- */ .CTA-description {text-align: center;font-size: 1.2em;display: block;margin: 0.5em 0;} /*! --- S. Patil Mens GQ LP 03.02.15--- */ .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g15 {width: 70em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g9 {width: 50em;} .categoryLanding.wrap .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g15 .box.g9 {width: 30em;} .categoryLanding.wrap .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g15 .box.g15 {height: 60em; width: 40em;} .categoryLanding.wrap .uniqueCtrl.teaserModule .Wrap.XmasDay p {font-family: didotw01Italic; font-size: 1.6em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w700x500 {height: auto; width: 70em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w700x500 .copy {left: 3em; margin-bottom: 33em; width: 40em; text-align: left} .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g6 {width: 50em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g18 {width: 70em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g18 + .box.g6 img {float: right; margin-left: 10em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g18 .box.g16 {width: 50em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .box.g18 .box.g8 {width: 20em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w500x500 {height: auto; width: 50em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w500x500 .copy {bottom: 76%; left: 12%; width: 38em; text-align: left;} .uniqueCtrl.teaserModule .Wrap.XmasDay .call-to-action {font-size: 0.7em; font-family: HelveticaneueRegular;} .uniqueCtrl.clearHeight22em {clear: both; display: block; height: 22em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel .copy a {font-size: 1.2em;} .uniqueCtrl.teaserModule .Wrap.XmasDay .call-to-action a {font-size: 1.2em;} .ie8 .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w700x500 .copy {left: 16em; margin-bottom: 33em; width: 40em;} .ie7 .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w700x500 .copy {left: 16em; margin-bottom: 33em; width: 40em;} .ie8 .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w500x500 .copy {bottom: 76%; left: 40%; width: 38em;} .ie7 .uniqueCtrl.teaserModule .Wrap.XmasDay .edi-panel.horizontal.full-bleed.w500x500 .copy {bottom: 76%; left: 40%; width: 38em;} /*! --- T.RAM 21.01.2015 WEDDING --- */ .wedding-landing.wrap.cms .box.g5, .campaign-landing-2col-960.wrap.cms .box.g5 {width:24em;} .wedding-landing.wrap.cms .box.g19, .campaign-landing-2col-960.wrap.cms .box.g19 {width:96em;} .wedding-landing.wrap.cms .box.g19 .uniqueCtrl.hero960x330 p, .campaign-landing-2col-960.wrap.cms .box.g19 .uniqueCtrl.hero960x330 p {font: 1.8em 'DidotW01Roman',Helvetica,Arial,Sans-serif; margin-top:1em;} .uniqueCtrl.weddingplan-module {margin-top: 2.6em; height:35em;} .uniqueCtrl.weddingplan-module .box.g9 {width: 50em;} .uniqueCtrl.weddingplan-module .box.g15 {width: 46em;} .uniqueCtrl.weddingplan-module .box.g15 div.text-body-width { width: 39em; margin: 3em 0 0 4em;} .uniqueCtrl.weddingplan-module .box.g15 h2 { font-size: 4em; line-height: 1.2em; font-family:"DidotW01Roman",Helvetica,Arial,sans-serif; } .uniqueCtrl.weddingplan-module .box.g15 p { font-size: 1.6em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; margin:.4em 0 .4em; } .uniqueCtrl.weddingplan-module .box.g15 a { font-size:.8em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase;} .uniqueCtrl.whattowear-module {margin-top: 1.3em;} .uniqueCtrl.whattowear-module .box.g16 {width: 58em; margin-right: 3em;} .uniqueCtrl.whattowear-module .box.g8 {width: 35em;} .uniqueCtrl.whattowear-module .box.g16 div.text-body-width-ww { width: 40em; margin: 1.2em 0 2.5em 4em;} .uniqueCtrl.whattowear-module .box.g8 div.text-body-width-mw { width: 35em; margin-top: 1.2em; margin-bottom:2.5em;} .uniqueCtrl.whattowear-module .box.g16 .copy h2, .uniqueCtrl.whattowear-module .box.g8 .copy h2 { font-size: 4em; line-height: 1.2em; font-family:"DidotW01Roman",Helvetica,Arial,sans-serif; } .uniqueCtrl.whattowear-module .box.g16 .copy p, .uniqueCtrl.whattowear-module .box.g8 .copy p { font-size: 1.6em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; margin:.4em 0 .4em; } .uniqueCtrl.whattowear-module .box.g16 .copy a, .uniqueCtrl.whattowear-module .box.g8 .copy a { font-size:.8em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase; } .uniqueCtrl.whattowear-end-module {margin-top: 0; float:left;} .uniqueCtrl.whattowear-end-module .box.g8 {width: 35em;} .uniqueCtrl.whattowear-end-module .box.g16 {width: 58em; margin-left: 3em;} .uniqueCtrl.whattowear-end-module .box.g16 div.text-body-width-kw { width: 46em; margin-top: 2.2em;} .uniqueCtrl.whattowear-end-module .box.g16 h2 {font-size: 4em; line-height: 1.2em; font-family:"DidotW01Roman",Helvetica,Arial,sans-serif;} .uniqueCtrl.whattowear-end-module .box.g16 p {font-size: 1.6em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; margin:.4em 0 .4em;} .uniqueCtrl.whattowear-end-module .box.g16 a {font-size:.8em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase;} .uniqueCtrl.gift-ideas-module {margin-top: 1em;} .uniqueCtrl.gift-ideas-module .box.g20 {width: 40em} .uniqueCtrl.gift-ideas-module div.text-body-width-gi { width: 25em; margin: 4.4em 2em 0 0; float: right;} .uniqueCtrl.gift-ideas-module .box.g20 p {font-size: 2.4em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; text-align: right; margin:0; } .uniqueCtrl.gift-ideas-module .box.g20 a.cta {font-size:.53em; line-height: 1.2em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase;} .uniqueCtrl.gift-ideas-module .box.g4 {width: 18em;} /*! --- Top Navigation fix to keep title on one line 13-02-15 M.Crampton --- */ /*.tier2nav .level-one.decreased-categories>li>a {padding:0 0.25em;}*/#main-nav .level-one > li > a {padding: 0 0.25em;} /* Changes for height of the accordions to replace previous code */ #lightbox-size-guide.lightbox-size-guide .lightbox-inner .contents .accordion-content .content{max-height: 5000px; height: auto;} #lightbox-size-guide.lightbox-size-guide .lightbox-inner .contents .accordion-content.closed .content{max-height: 0; height: auto;} /* CSS for Get the right fit accordion */ .lightbox-size-guide .section-bullet { text-indent: -0.85em; font-size: 1.1em; padding: 0.2em 0 0.2em 0.85em;} @media screen and (min-width: 1240px) { .lightbox-size-guide .section-bullet { font-size: 0.929em;} } .lightbox-size-guide .section-bullet::before {content: '-'; position: relative; padding-right: 0.4em;} .lightbox-size-guide .bullet-emph { font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, Sans-serif;} .lightbox-size-guide .right-fit .section:last-child { margin-bottom: 3em;} .lightbox-size-guide.lightbox .lightbox-inner .contents .right-fit .section p { margin-bottom: 0.2em;} /* -- Lingerie LP S.Patil -- */ .uniqueCtrl.featureProductModule .box.g7 {display: block; height: 61em; margin-left: 4em; margin-top: 3em; position: relative; width: 31em;} .uniqueCtrl.featureProductModule .pullQuote {border-bottom: 4px solid #000000; border-top: 4px solid #000000; bottom: 0; display: block; left: 0; padding: 1.4em 0; position: absolute; width: 32em;} .uniqueCtrl.featureProductModule p {font: 1.6em 'DidotW01Italic',serif;} .uniqueCtrl.featureProductModule .call-to-action a {font: 0.75em/4em "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;} .uniqueCtrl.featureProductModule .pullQuote p {font-size: 2.4em;} .uniqueCtrl.featureProductModule .pullQuote span {font-family: 'DidotW01BoldItalic',serif; font-weight: normal;} /* --- Hover Module Tile 470x480px M.Crampton 3-3-15 --- */ .uniqueCtrl.hoverModule470x480 {display: block;height: 59em;position: relative;width: 47em;} .uniqueCtrl.hoverModule470x480 .empty + .empty {left: 0;position: absolute;top: 0;} .uniqueCtrl.hoverModule470x480:hover .empty img {display: none;} .uniqueCtrl.hoverModule470x480:hover .empty + .empty img {display: block;} /*! --- T.RAM HOLIDAY SHOP LP LEGO MODULE 24.02.15 --- */ .uniqueCtrl.essentials-320-lego-module {margin-top: 2em;} .uniqueCtrl.essentials-320-lego-module .box.g8 {width: 31em; margin: .5em;} .uniqueCtrl.lego-sqre-320-320 {height: 32em; display: block; position: relative;} .uniqueCtrl.lego-tall-320-640 {height: 64em; display: block; position: relative;} .uniqueCtrl.lego-sqre-320-320 .copy, .uniqueCtrl.lego-tall-320-640 .copy {width: 28em; position: absolute; bottom: 3em; left: 1em; text-align: center;} .uniqueCtrl.lego-sqre-320-320 .copy h3, .uniqueCtrl.lego-tall-320-640 .copy h3 {font-size: 1.8em;} .uniqueCtrl.lego-sqre-320-320 .copy h3 .title, .uniqueCtrl.lego-tall-320-640 .copy h3 .title { font-family: "DidotW01Roman", Georgia, 'Times New Roman', serif; line-height: 2.5em;} .uniqueCtrl.lego-sqre-320-320 .copy h3 .subtitle, .uniqueCtrl.lego-tall-320-640 .copy h3 .subtitle { font-size:2em; font-family:"HelveticaNeueW01-UltLt","Helvetica Neue",Helvetica,Arial,sans-serif; display: block; text-transform: uppercase; margin-bottom: .5em;} .uniqueCtrl.lego-sqre-320-320 .copy a, .uniqueCtrl.lego-tall-320-640 .copy a {font-size: 1.2em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase;} .uniqueCtrl.lego-sqre-320-320-color {height: 32em; display: block; position: relative;} .uniqueCtrl.lego-sqre-320-320-color .copy {width: 28em; position: absolute; bottom: 3em; left: 1.5em; text-align: center;} .uniqueCtrl.lego-sqre-320-320-color .copy h3 {margin-bottom: 2.5em; color: #fff;} .uniqueCtrl.lego-sqre-320-320-color .copy h3 .title {font-size:1.2em; font-family: "didotItalic", Georgia, 'Times New Roman', serif; line-height: 1.2em;} .uniqueCtrl.lego-sqre-320-320-color .copy h3 .subtitle { font-size:1.2em; font-family: "DidotW01Bold", Georgia, 'Times New Roman', serif; text-transform: uppercase;} .uniqueCtrl.lego-sqre-320-320-color .copy a {color: #fff; font-size: 1.2em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase;} .uniqueCtrl.text-body-bottom-cmpn-640 {float: left; height: 42em;} .uniqueCtrl.text-body-bottom-cmpn-640 .copy {width: 48em; margin:2em 0 0 2em;} .uniqueCtrl.text-body-bottom-cmpn-640 .copy h3 {font-size: 2.4em; line-height: 1.2em; font-family:"DidotW01Roman",Helvetica,Arial,sans-serif;} .uniqueCtrl.text-body-bottom-cmpn-640 .copy p, .uniqueCtrl.text-body-left-gift-idea-640 .copy p { font-size: 1.4em; line-height: 1.2em; font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif; margin:.8em 0 .65em;} .uniqueCtrl.text-body-bottom-cmpn-640 .copy a, .uniqueCtrl.text-body-left-gift-idea-640 .copy a { font-size: .9em; line-height: 1.2em; font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif; text-transform: uppercase;} .uniqueCtrl.text-body-left-gift-idea-640 {position: relative; float: right; height: 18em;} .uniqueCtrl.text-body-left-gift-idea-640 .copy {position: absolute; top: 6em; left:-38em; width: 35em; text-align:right;} .uniqueCtrl.text-body-left-gift-idea-640 .copy h3 {font-size: 2.2em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; } .uniqueCtrl.img-block-430-white-overlay { width: 43em; text-align: left; position: relative; } .uniqueCtrl.img-block-430-white-overlay .copy { position: absolute; top: 14em; right: 1em; width: 19em; text-align: left; background: #fff; padding: 1em;} .uniqueCtrl.img-block-430-white-overlay .copy h2, .uniqueCtrl.text-body-top-left-480-white-overlay .copy h2, .uniqueCtrl.text-body-btm-right-480-white-overlay .copy h2, .uniqueCtrl.text-body-mid-left-480-white-overlay .copy h2, .uniqueCtrl.img-block-430-txt-left-white-overlay .copy h2, .uniqueCtrl.text-body-left-480-block .copy h2, .uniqueCtrl.text-body-top-mid-430-white-overlay .copy h2, .uniqueCtrl.text-body-top-left-430-wide-white-overlay .copy h2, .uniqueCtrl.text-body-bottom-mid-320-white-overlay .copy h2, .uniqueCtrl.text-body-right-gift-idea-640 .copy h2, .uniqueCtrl.text-body-tall-mid-320-white-overlay .copy h2, .uniqueCtrl.text-body-top-right-320-white-overlay .copy h2, .uniqueCtrl.text-body-tall-bottom-260-white-overlay .copy h2, .uniqueCtrl.text-body-short-right-430-white-overlay .copy h2, .uniqueCtrl.text-body-mid-right-320-white-overlay .copy h2, .uniqueCtrl.text-body-top-left-320-white-overlay .copy h2, .uniqueCtrl.text-body-bottom-center-480-white-overlay .copy h2, .uniqueCtrl.text-body-bottom-center-320-white-overlay .copy h2 {font-size: 2.4em; line-height: 1.2em; font-family:'DidotW01Roman',Helvetica,Arial,Sans-serif;} .uniqueCtrl.img-block-430-white-overlay .copy p, .uniqueCtrl.text-body-top-left-480-white-overlay .copy p, .uniqueCtrl.text-body-btm-right-480-white-overlay .copy p, .uniqueCtrl.text-body-mid-left-480-white-overlay .copy p, .uniqueCtrl.img-block-430-txt-left-white-overlay .copy p, .uniqueCtrl.text-body-left-480-block .copy p, .uniqueCtrl.text-body-top-mid-430-white-overlay .copy p, .uniqueCtrl.text-body-top-left-430-wide-white-overlay .copy p, .uniqueCtrl.text-body-bottom-mid-320-white-overlay .copy p, .uniqueCtrl.text-body-copy-no-img p, .uniqueCtrl.text-body-tall-mid-320-white-overlay .copy p, .uniqueCtrl.text-body-top-right-320-white-overlay .copy p, .uniqueCtrl.text-body-tall-bottom-260-white-overlay .copy p, .uniqueCtrl.text-body-short-right-430-white-overlay .copy p, .uniqueCtrl.text-body-mid-right-320-white-overlay .copy p, .uniqueCtrl.text-body-top-left-320-white-overlay .copy p, .uniqueCtrl.text-body-bottom-center-480-white-overlay .copy p, .uniqueCtrl.text-body-bottom-center-320-white-overlay .copy p {font-size: 1.6em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; margin:.8em 0 .65em;} .uniqueCtrl.text-body-top-left-480-white-overlay { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-top-left-480-white-overlay .copy {position: absolute; top: 2em; left: 0; width: 22em; text-align: right; background: #fff; padding: 1em; } .uniqueCtrl.text-body-top-left-480-white-overlay .copy a, .uniqueCtrl.text-body-btm-right-480-white-overlay .copy a, .uniqueCtrl.text-body-mid-left-480-white-overlay .copy a, .uniqueCtrl.img-block-430-txt-left-white-overlay .copy a, .uniqueCtrl.text-body-left-480-block .copy a, .uniqueCtrl.text-body-top-mid-430-white-overlay .copy a, .uniqueCtrl.text-body-top-left-430-wide-white-overlay .copy a, .uniqueCtrl.text-body-bottom-mid-480-white-overlay .copy a, .uniqueCtrl.text-body-copy-no-img a, .uniqueCtrl.text-body-copy-no-img a, .uniqueCtrl.text-body-tall-mid-320-white-overlay .copy a, .uniqueCtrl.text-body-top-right-320-white-overlay .copy a, .uniqueCtrl.text-body-tall-bottom-260-white-overlay .copy a, .uniqueCtrl.text-body-mid-right-320-white-overlay .copy a, .uniqueCtrl.text-body-top-left-320-white-overlay .copy a, .uniqueCtrl.text-body-bottom-center-480-white-overlay .copy a, .uniqueCtrl.text-body-bottom-center-320-white-overlay .copy a { font-size: .8em; line-height: 1.2em; font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif; text-transform: uppercase;} .uniqueCtrl.text-body-btm-right-480-white-overlay { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-btm-right-480-white-overlay .copy {position: absolute; bottom: 5em; right: 1em; width: 22em; background: #fff; padding: 1em;} .uniqueCtrl.text-body-mid-left-480-white-overlay { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-mid-left-480-white-overlay .copy {position: absolute; top: 10em; left: 4em; width: 18em; text-align: right; background: #fff; padding: 1em;} .uniqueCtrl.img-block-430-txt-left-white-overlay { width: 43em; text-align: left; position: relative; } .uniqueCtrl.img-block-430-txt-left-white-overlay .copy { position: absolute; top: 10em; left: 0; width: 21em; text-align: right; background: #fff; padding: 1em;} .uniqueCtrl.text-body-left-480-block { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-left-480-block .copy {position: absolute; top: 10em; left: 4em; width: 18em; text-align: left;} .uniqueCtrl.text-body-top-mid-430-white-overlay { position: relative; float: left; width: 43em;} .uniqueCtrl.text-body-top-mid-430-white-overlay .copy {position: absolute; top: 5em; left: 0; width: 22em; text-align: left; background: #fff; padding: 1em; } .uniqueCtrl.text-body-top-left-430-wide-white-overlay { position: relative; float: left; width: 43em;} .uniqueCtrl.text-body-top-left-430-wide-white-overlay .copy {position: absolute; top: 0; left: 0; width: 24em; text-align: left; background: #fff; padding: 1em; } .uniqueCtrl.text-body-bottom-mid-320-white-overlay { position: relative; float: left; width: 32em;} .uniqueCtrl.text-body-bottom-mid-320-white-overlay .copy {position: absolute; top: 15em; left: 5em; width: 22em; height:12em; text-align: left; background: #fff; padding: 1em; } .uniqueCtrl.text-body-copy-no-img h2 {font-size: 4em; line-height: 1.2em; font-family:'DidotW01Roman',Helvetica,Arial,Sans-serif;} .uniqueCtrl.text-body-copy-no-img { margin-left: 1em;} .uniqueCtrl.campaign-3col-mixed-module {margin-top: 0; float: left; position: relative;} .uniqueCtrl.campaign-3col-mixed-module .box.g8 {width: 32em;} .uniqueCtrl.campaign-3col-mixed-module .box.g12 {width: 38em;} .uniqueCtrl.campaign-3col-mixed-module .box.g4 {width: 26em;} .uniqueCtrl.text-body-tall-mid-320-white-overlay { position: relative; float: left; width: 32em;} .uniqueCtrl.text-body-tall-mid-320-white-overlay .copy {position: absolute; top: 25em; left: 1em; width: 18em; text-align: right; background: #fff; padding: 1em; } .uniqueCtrl.text-body-top-right-320-white-overlay { position: relative; float: left; width: 38em;} .uniqueCtrl.text-body-top-right-320-white-overlay .copy {position: absolute; top: 1em; left: 16em; width: 22em; text-align: left; background: #fff; padding: 1em; } .uniqueCtrl.text-body-tall-bottom-260-white-overlay { position: relative; float: left; width: 26em;} .uniqueCtrl.text-body-tall-bottom-260-white-overlay .copy {position: absolute; bottom: 3em; left: -20em; width: 18em; text-align: right; background: #fff; padding: 1em; } .uniqueCtrl.text-body-short-right-430-white-overlay { position: relative; float: left; width: 43em;} .uniqueCtrl.text-body-short-right-430-white-overlay .copy {position: absolute; top: 5em; right: 1em; width: 18em; text-align: left; background: #fff; padding: 1em; } .uniqueCtrl.text-body-mid-right-320-white-overlay { position: relative; float: left; width: 32em;} .uniqueCtrl.text-body-mid-right-320-white-overlay .copy {position: absolute; top: 12em; left: 11em; width: 18em; height:12em; text-align: left; background: #fff; padding: 1em; } .uniqueCtrl.text-body-top-left-320-white-overlay { position: relative; float: left; width: 32em;} .uniqueCtrl.text-body-top-left-320-white-overlay .copy {position: absolute; top: 1em; left: 1em; width: 19em; height:12em; text-align: right; background: #fff; padding: 1em; } .uniqueCtrl.text-body-bottom-center-480-white-overlay { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-bottom-center-480-white-overlay .copy {position: absolute; top: 16em; left: 9em; width: 30em; text-align: center; background: #fff; padding: 1em; } .uniqueCtrl.text-body-bottom-center-320-white-overlay { position: relative; float: left; width: 32em;} .uniqueCtrl.text-body-bottom-center-320-white-overlay .copy {position: absolute; left: 4em; width: 21em; background: #fff; padding: 1em; } /*! --- T.RAM CAMPAIGN LANDING 2 COL LEFT NAV 960 02.02.2015 WEDDING WW--- */ .uniqueCtrl.campaign-2col-500-460-module {margin-top: 2em; clear: both;} .uniqueCtrl.campaign-2col-500-460-module .box.g16 {width: 50em;} .uniqueCtrl.campaign-2col-500-460-module .box.g8 {width: 43em; margin-left: 3em;} .uniqueCtrl.text-body-left-430 { width: 43em; text-align: left; margin-top:3em; } .uniqueCtrl.text-body-left-430 h2, .uniqueCtrl.text-body-right-outfits-480 .copy h2, .uniqueCtrl.text-body-left-outfits-480 .copy h2 {font-size: 4em; line-height: 1em; font-family:"DidotW01Roman",Helvetica,Arial,sans-serif;} .uniqueCtrl.text-body-left-430 p, .uniqueCtrl.campaign-3col-320-module .box.g8 .copy p, .uniqueCtrl.text-body-right-outfits-480 .copy p, .uniqueCtrl.text-body-left-outfits-480 .copy p, .uniqueCtrl.text-body-left-shape-480 .copy p, .uniqueCtrl.text-body-top-shape-480 .copy p, .uniqueCtrl.text-body-top-left-500 .copy p, .uniqueCtrl.text-body-top-left-460 .copy p, .uniqueCtrl.text-body-top-left-480 .copy p, .uniqueCtrl.text-body-btm-left-480 .copy p, .uniqueCtrl.text-body-top-acc-320 .copy p, .uniqueCtrl.text-body-btm-acc-320 .copy p {font-size: 1.6em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; margin:.8em 0 .65em;} .uniqueCtrl.text-body-left-430 a, .uniqueCtrl.campaign-3col-320-module .box.g8 .copy a, .uniqueCtrl.text-body-right-outfits-480 .copy a, .uniqueCtrl.text-body-left-outfits-480 .copy a, .uniqueCtrl.text-body-left-shape-480 .copy a, .uniqueCtrl.text-body-top-shape-480 .copy a, .uniqueCtrl.text-body-top-left-500 .copy a, .uniqueCtrl.text-body-top-left-460 .copy a, .uniqueCtrl.text-body-top-left-480 .copy a, .uniqueCtrl.text-body-btm-left-480 .copy a, .uniqueCtrl.text-body-top-acc-320 .copy a, .uniqueCtrl.text-body-btm-acc-320 .copy a { font-size:.8em; font-family: "HelveticaNeueW01-55Roma",Helvetica,Arial,Sans-serif;text-transform:uppercase;} .uniqueCtrl.img-block-430 { width: 43em; text-align: left; position: relative; } .uniqueCtrl.img-block-430 .copy, .uniqueCtrl.img-block-430-360 .copy { position: absolute; top: 2.5em; right: 1em; width: 19em; text-align: left;} .uniqueCtrl.img-block-430-360 {position: relative; width: 43em; text-align: left; margin-top: 5.2em; } .uniqueCtrl.campaign-3col-320-module {position: relative; margin-top:0; float: left;} .uniqueCtrl.campaign-3col-320-module .box.g8 {width: 32em;} .uniqueCtrl.campaign-3col-320-module .box.g8 .copy {position: absolute; bottom: 0; text-align: left;} .uniqueCtrl.campaign-3col-320-module .img-block-320-500 { position: absolute; top: -15.8em; display: block; overflow: visible;} .uniqueCtrl.campaign-3col-320-module .img-block-320-500 .copy { left: -11em; top: 3em; display: block; } .uniqueCtrl.campaign-2col-640-320-module {margin-top:2.2em; float: left; position: relative; margin-bottom:2em;} .uniqueCtrl.campaign-2col-640-320-module .box.g18 {width: 61em; margin-right: 3em;} .uniqueCtrl.campaign-2col-640-320-module .box.g6 {width: 32em;} .uniqueCtrl.text-body-right-cmpn-640 {position: relative; float: left; height: 20em; margin-bottom:2em;} .uniqueCtrl.text-body-left-cmpn-640 {position: relative; float: right; height: 20em;} .uniqueCtrl.text-body-right-cmpn-640 .copy {position: absolute; top: 4em; left:34em; width: 25em;} .uniqueCtrl.text-body-left-cmpn-640 .copy {position: absolute; top: 4em; left:-27em; text-align: right; width: 25em; } .uniqueCtrl.text-body-right-cmpn-640 .copy h3, .uniqueCtrl.text-body-left-cmpn-640 .copy h3, .uniqueCtrl.styleliving-320-600 .copy h3, .uniqueCtrl.text-body-left-feat-460 .copy h3 {font-size: 2.4em; line-height: 1.2em; font-family:"DidotW01Roman",Helvetica,Arial,sans-serif;} .uniqueCtrl.text-body-right-cmpn-640 .copy p, .uniqueCtrl.text-body-left-cmpn-640 .copy p, .uniqueCtrl.styleliving-320-600 .copy p, .uniqueCtrl.text-body-right-gift-idea-640 .copy p { font-size: 1.4em; line-height: 1.2em; font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif; margin:.8em 0 .65em;} .uniqueCtrl.text-body-right-cmpn-640 .copy a, .uniqueCtrl.text-body-left-cmpn-640 .copy a, .uniqueCtrl.styleliving-320-600 .copy a, .uniqueCtrl.text-body-right-gift-idea-640 .copy a { font-size: .9em; line-height: 1.2em; font-family:'HelveticaNeueW01-55Roma',Helvetica,Arial,Sans-serif; text-transform: uppercase;} .uniqueCtrl.campaign-2col-640-320-module .box.g16 {width: 32em;} .uniqueCtrl.styleliving-320-600 {position: relative; width: 32em; height: 60em; float: left;} .uniqueCtrl.styleliving-320-600 .copy { position: absolute; bottom: 2em; left: 3em; text-align: center; width: 27em; height: auto;} .uniqueCtrl.text-body-right-gift-idea-640 {position: relative; float: left; height: 18em; width: 64em;} .uniqueCtrl.text-body-right-gift-idea-640 .copy {position: absolute; top: 4em; left:20em; width: 35em;} .uniqueCtrl.text-body-right-gift-idea-640 .copy h3 {font-size: 2.2em; line-height: 1.2em; font-family:'DidotW01Italic',Helvetica,Arial,Sans-serif; } .uniqueCtrl.campaign-2col-480-480-module {margin-top: 2em; clear: both; position: relative; overflow:hidden; } .uniqueCtrl.campaign-2col-480-480-module .box.g12 {width: 48em;} .uniqueCtrl.fix-800-height {height: 80em; } .uniqueCtrl.text-body-right-outfits-480 { float: left; width: 48em;} .uniqueCtrl.text-body-right-outfits-480 .copy {position: absolute; top: 1em; left: 35em; width: 30em; z-index: 1;} .uniqueCtrl.text-body-left-outfits-480 { position: absolute; top: 20em; right: -16em; width: 48em;float: right;} .uniqueCtrl.text-body-left-outfits-480 .copy { position: absolute; top: 20em; right: 50.5em; width: 30em; text-align: right; z-index: 1;} .uniqueCtrl.text-body-left-shape-480 { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-left-shape-480 .copy {position: absolute; top: 12em; left: 5em; width: 30em; z-index: 1;} .uniqueCtrl.text-body-top-shape-480 { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-top-shape-480 .copy {position: absolute; top: 3em; left: 10em; width: 30em; z-index: 1;} .uniqueCtrl.fix-820-height {height: 82em;} .uniqueCtrl.text-body-top-left-500 { position: relative; float: left; width: 50em;} .uniqueCtrl.text-body-top-left-500 .copy {position: absolute; top: 1em; left: 5em; width: 30em; z-index: 1;} .uniqueCtrl.text-body-top-left-460 { position: relative; float: left; width: 46em;} .uniqueCtrl.text-body-top-left-460 .copy {position: absolute; top: 5em; left: 5em; width: 20em; z-index: 1;} .uniqueCtrl.campaign-2col-500-460-module-mrgin-lft-0 {margin-top: 2em; clear: both; height:52em;} .uniqueCtrl.campaign-2col-500-460-module-mrgin-lft-0 .box.g16 {width: 50em;} .uniqueCtrl.campaign-2col-500-460-module-mrgin-lft-0 .box.g8 {width: 46em;} .uniqueCtrl.text-body-left-feat-460 {position: relative; float: right; width: auto; height: 20em; left:0;} .uniqueCtrl.text-body-left-feat-460 .copy {position: absolute; top: 4em; left:-27em; text-align: right; width: 25em; overflow: visible;z-index:1;} .uniqueCtrl.text-body-top-left-480 { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-top-left-480 .copy {position: absolute; top: 5em; left: 2em; width: 20em; z-index: 1;} .uniqueCtrl.text-body-btm-left-480 { position: relative; float: left; width: 48em;} .uniqueCtrl.text-body-btm-left-480 .copy {position: absolute; bottom: 0; left: 2em; width: 22em; z-index: 1;} .uniqueCtrl.accessories-320 {margin-top:2em; clear: both;} .uniqueCtrl.accessories-320 .box.g8 { width:32em; height: 38em; overflow: visible;} .uniqueCtrl.text-body-top-acc-320 { position: relative; float: left; width: 32em; top: -10em;} .uniqueCtrl.text-body-top-acc-320 .copy {position: absolute; top: 1em; left: 1em; width: 22em; z-index: 1;} .uniqueCtrl.text-body-btm-acc-320 { position: relative; float: left; width: 32em; top: -10em;} .uniqueCtrl.text-body-btm-acc-320 .copy {position: absolute; bottom: 1em; left: 8em; width: 22em; text-align: right; z-index: 1;} /*! --- Ashish Kumar 08-03-15 AEM Validation test --- */ .uniqueCtrl.aem-test-module {display: block; height: 5em; width: 30em; background: red; float: left; clear: both;} /*! --- MCRAMPTON 25032015 NEW IN 240 squre lego blocks --- */ .uniqueCtrl.lego240x4-lego480 {display: block;position: relative;} .uniqueCtrl.lego240x4-lego480 .g12 .g12 {display: table;height: 24em;width: 24em;} .uniqueCtrl.lego240x4-lego480 .lego240-text {height: 24em;text-align: center;vertical-align: middle;width: 24em;} .uniqueCtrl.lego240x4-lego480 .g12 {display: block;width: 48em;} .ie8 .uniqueCtrl.lego240x4-lego480 .box.g12 {width: 48em;} .ie8 .uniqueCtrl.lego240x4-lego480 .box.g12 .box.g12 {width: 24em;} .uniqueCtrl.lego240x4-lego480 .lego240-text .clickable {display: table-cell;height: 24em;vertical-align: middle;width: 24em;} .uniqueCtrl.lego240x4-lego480 .g12 .copy {display: table;height: 14.2em;text-align: center;width: 48em;} .uniqueCtrl.lego240x4-lego480 .g12 .copy div {display: table-cell;vertical-align: middle;} .uniqueCtrl.lego240x4-lego480 .g12 .copy p {font: 1.6em 'DidotW01Italic',serif;margin: 0 auto;width: 80%;} .uniqueCtrl.lego240x4-lego480 .g12 .copy .call-to-action a {font-size: 0.7em;line-height: 3em;} .uniqueCtrl.lego240x4-lego480 .box.g12 .box.g12 img {width: 100%;} /*! --- MCRAMPTON 28032015 Fully clickable skinny banner --- */ .uniqueCtrl.DeliveryMsgBanner.clickable {padding: 0;} .uniqueCtrl.DeliveryMsgBanner.clickable a {display: block;padding: 1.3em 0;} /*! --- A.Kumar 11:53AM 29/03/2015 reducer --- */ .uniqueCtrl.H0.top1em {clear:both;display: block;height: 0;margin-top: -1em;} /*! --- MCRAMPTON 1200x305 Hero Banner --- */.uniqueCtrl.hero305 h1 {font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;}.uniqueCtrl.hero305 p {font: 1.4em 'HelveticaNeueW01-45Ligh',Helvetica,Arial,Sans-serif;width: 50%;} /*! --- S.Patil 15:34PM 30/03/2015 2 tile hover module --- */ .wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 img {margin-left: 2em;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 {width: 43.7em;} .wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 h4 {font-family: didotBold,Georgia,Times New Roman,serif; font-size: 1.7em;} .wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 p {font-family: didotItalic,Georgia,Times New Roman,serif; font-size: 1.7em; margin-top: 0.5em} .wrap.cms.uniqueCtrl.standardBody .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 p a .call-to-action {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif'; font-size: 0.706em;} .uniqueCtrl.hero900x300 .copy {left: 2em; position: absolute; top: 2.6em;} .uniqueCtrl.hero900x300 .copy h1, .uniqueCtrl.hero900x300 .copy h2 {font-family: "DidotW01Roman",Georgia,'Times New Roman',serif; font-size: 4.8em;} .uniqueCtrl.hero900x300 .copy p {color: #FFFFFF; font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif; font-size: 1.8em; line-height: 1.3em; margin-top: 0.4em;} /*! --- MCRAMPTON MENS SUITS HOVER MODULE 310315 ---*/ .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 {height: 55em;width: 43.7em;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 div {display:block;overflow:hidden;height:43.7em;position: relative;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 .copy {background:#FFFFFF;display: table;height: 43.7em; position: absolute;left: 0.4em; top: 60em;-moz-transition: opacity 0.45s ease-in-out 0s;-webkit-transition: opacity 0.45s ease-in-out 0s;transition: opacity 0.45s ease-in-out 0s;overflow:visible;vertical-align: middle;width: 43.7em;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .g12:hover .copy {opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;top: 0;vertical-align: middle;z-index: 3;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 .copy p {clear: right;color:#000000;display: table-cell;padding: 0 3em 0 5em;vertical-align: middle;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 .copy p a {clear: both;line-height: 4em;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 .copy p a:hover {text-decoration:underline;} .wrap.cms.uniqueCtrl.standardBody .box.g18 .uniqueCtrl.OverlayW225H600 .latestModule .box.g12 .copy:before {background: #FFFFFF;box-shadow: 0 0 12px 5px #000000;-webkit-box-shadow: 0 0 12px 5px #000000;-moz-box-shadow: 0 0 12px 5px #000000;border: 1px solid #000000;color: #222222;content: " Read more";display: block;font-family: 'DidotW01Italic',serif;font-size: 1.5em;left: 11em;line-height: 2em;margin: -26em auto 0;padding: 0.1em;position: absolute;top: 0;width: 9em;text-align:center;-moz-transition: opacity .85s ease-in-out;-webkit-transition: opacity .85s ease-in-out;transition: opacity .85s ease-in-out;} /*! --- MCRAMPTON 020415 Contact Page update --- */ .contact-us-landing .breadcrumb {margin-bottom: 1em;padding-top: 1em;}.contact-us-landing .main-links, .contact-us-landing .g8-sub-border {border-right:0;}.contact-us-landing h2, .contact-us-landing .main-links p {color: #000000;line-height:normal;}.contact-us-landing .main-links .primary-btn.submit.disabled, .contact-us-landing .main-links input.primary-btn {background: #000000;background-image:none;border:0;color: #FFFFFF;filter:none;text-transform: uppercase;}.uniqueCtrl.contact-button-black {display: block;margin-bottom: 1em;}.uniqueCtrl.contact-button-black a {background: none repeat scroll 0 0 #000000;border: 0 none;color: #FFFFFF !important;font-size: 1em;line-height: 2em;padding: .8em;}.primary-btn.black.contact.submit.disabled {background: none repeat scroll 0 0 #000000;color: #FFFFFF;text-transform: uppercase;}div.contact-us-landing .g12:last-child {border-top:0;}.uniqueCtrl.contact-button-black a:hover {text-decoration: underline;}.contact-us-landing .quick-links .icon-heading-account {background: url("http://asset1.marksandspencer.com/is/image/mands/91282de105e8f5af134a50038da15d95dd89a2d9") no-repeat 24px 0 transparent;}.contact-us-landing .quick-links .icon-heading-email {background: url("http://asset1.marksandspencer.com/is/image/mands/5a4a25610f69c50fc70d45ec659d01397452ea1f") no-repeat 24px 4px transparent;line-height: 2em;}.contact-us-landing .icon-heading-post {background: url("http://asset1.marksandspencer.com/is/image/mands/617acad49e675f462c561826a0a398d06176e210") no-repeat 0 0 transparent;}.contact-us-landing .icon-heading-fax {background: url("http://asset1.marksandspencer.com/is/image/mands/b9cdb8229dfbb1b33e5ce31b46e3702e4274210e") no-repeat 0 0 transparent;}.contact-us-landing .styled-select-wrapper .select-value,.contact-us-landing .main-links select,.contact-us-landing .main-links .styled-select,.contact-us-landing .main-links .styled-select select option, .contact-us-landing .main-links .styled-select select optgroup {color: #000000;}.contact-us-landing .sub-copytext {color:#000000;font-size: 1.4em;}.contact-us-landing .main-links .styled-select {border-color: #000000;}.contact-us-landing .description-text-medium {font-family: HelveticaNeueW01-UltLt,Helvetica,Arial,sans-serif;font-size: 3.1em;} /*! --- MCRAMPTON 160415 Home Lego 300x300 fully clickable --- */ .uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy .call-to-action {font-family: HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;}.uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy a {display: block;padding: 2em 2em 0.5em;}.uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy {height: auto;padding: 0;width: 88%;}.uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy a h2:hover {text-decoration: none;}.uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy a:hover {text-decoration: none;}.uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy a:hover .call-to-action {text-decoration: underline;}.uniqueCtrl.hp-lego-300-300.whiteOverlay.clickable .copy h2{font-size:3em;} .uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy {height: auto;padding: 0;width: 97%;}.uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy a {display: block;padding: 2em 2em 0;}.uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy p {font-size: 2em;text-transform: none;}.uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy .call-to-action {font-family: HelveticaNeueW01-55Roma,Helvetica,Arial,Sans-serif;font-size: 0.8em;text-transform: uppercase;}.uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy a:hover {text-decoration: none;}.uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy a:hover .call-to-action {text-decoration: underline;}.uniqueCtrl.hp-lego-600-300.whiteOverlay.clickable .copy h2 {font-size:3em;} /*! --- S.Patil 05:19AM 27/05/2015 2 KW Schoolwear Refresh --- */ .latestModule .uniqueCtrl.TwoCol500-700 {clear: both;} .latestModule .uniqueCtrl.TwoCol700-500 {clear: both;} .latestModule .uniqueCtrl.TwoCol500-700 .box.g9 {width: 40em;} .latestModule .uniqueCtrl.TwoCol500-700 .box.g15 {width: 53em;} .latestModule .uniqueCtrl.TwoCol500-700 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 {margin-top: 5em;} .latestModule .uniqueCtrl.TwoCol500-700 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 > h3 {font: 2.4em/1.5em 'DidotW01Italic',serif;} .latestModule .uniqueCtrl.TwoCol500-700 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 > p {margin-bottom: 1em;} .latestModule .uniqueCtrl.TwoCol500-700 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 p {font: 1.6em 'DidotW01Italic',serif;} .latestModule .uniqueCtrl.TwoCol500-700 .box.g15 {-moz-box-sizing: border-box; padding-left: 3em;} .latestModule .uniqueCtrl.TwoCol500-700 .uniqueCtrl.box-img-130x130.marginRight35 {float: left; height: 18em; margin: 3em 1em 0 0; width: 13em;} .latestModule .uniqueCtrl.TwoCol500-700 .uniqueCtrl.box-img-130x130.marginRight35 .copy {text-align: center;} .latestModule .uniqueCtrl.TwoCol700-500 .box.g9 {width: 40em;} .latestModule .uniqueCtrl.TwoCol700-500 .box.g15 {margin-left: 8em; width: 45em;} .latestModule .uniqueCtrl.TwoCol700-500 .box.g9 img {margin-top: -4em;} .latestModule .uniqueCtrl.TwoCol700-500 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 {margin-top: 5em;} .latestModule .uniqueCtrl.TwoCol700-500 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 > h3 {font: 2.4em/1.5em 'DidotW01Italic',serif;} .latestModule .uniqueCtrl.TwoCol700-500 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 > p {margin-bottom: 1em;} .latestModule .uniqueCtrl.TwoCol700-500 .uniqueCtrl.textbox-450W.serif.marginTop5emH2H3 p {font: 1.6em 'DidotW01Italic',serif;} .latestModule .uniqueCtrl.TwoCol700-500 .box.g15 {-moz-box-sizing: border-box; padding-left: 3em;} .latestModule .uniqueCtrl.TwoCol700-500 .uniqueCtrl.box-img-130x130.marginRight35 {float: left; height: 18em; margin: 3em 1em 0 0; width: 13em;} .latestModule .uniqueCtrl.TwoCol700-500 .uniqueCtrl.box-img-130x130.marginRight35 .copy {text-align: center;} /* ==================================================================================================================== */ /* --- prodUX15 Global styles - New UX Modules Last updated: 28-08-2015 11:45AM M.CRAMPTON --- */ @media screen and (max-width:1239px) {.wrap {max-width:960px;width:100%;}} .category .wrap {color: #333333; font-size: 1em; margin: 0 auto; max-width: 120em; width: 100%;} .prodUX15 * img {display:block;height:auto;max-height:initial;width:100%;} .prodUX15 *, .prodUX15 *:before, .prodUX15 *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight:normal;} .prodUX15.wrap {color:#333333;font-size:1em;margin:0 auto ;max-width: 120em;width:100%;} .prodUX15 a {color:#333333;text-decoration:underline;} .prodUX15 [class^="col-md-"] {display:block;float:left;padding: 0 1em;position:relative;} .prodUX15 [class^="col-md-"] div p {margin-bottom: 0.5em;margin-top:0;} .prodUX15 tr, .prodUX15 table {border-top: 0;border-bottom: 0;} .prodUX15 p, .prodUX15 a, .prodUX15 h2, .prodUX15 h3 {font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;} .prodUX15 h4, .prodUX15 .hero .copy td a {font-family: 'HelveticaNeueMeduim', helvetica,arial,sans-serif;} .prodUX15 .hero .copy h4 {font-family: 'HelveticaNeueW01-55Roma', helvetica,arial,sans-serif;} .prodUX15 .cta a.white {color:#FFFFFF;} .ie8 .prodUX15 p, .ie8 .prodUX15 a, .ie8 .prodUX15 h2, .ie8 .prodUX15 h3, .ie8 .prodUX15 h4, .ie8 .prodUX15 .hero td {font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;} .ie8 .prodUX15 h4 {font-family: 'HelveticaNeueMeduim', helvetica,arial,sans-serif;} .prodUX15 h1 {font-family:'DidotW01Roman',Georgia,'Times New Roman',serif;line-height:1;} .prodUX15 .col-md-2 .overlay .copy h2,.prodUX15 .col-md-2 .overlay .copy h3,.prodUX15 .col-md-2 .overlay .copy h4 {font:normal 3.6em/ 1 'DidotW01Roman',Georgia,'Times New Roman',serif;} .ie8 .prodUX15 h1, .ie8 .prodUX15 .col-md-2 .overlay .copy h2, .prodUX15 h1 {font-size: 6em;line-height:1;} .prodUX15 .mnsText1 {color:#FFFFFF;} .prodUX15 .mnsText0 {color:#000000;} .prodUX15 h2 {font-size: 3.6em;line-height:1;} .prodUX15 h3 {font-size: 2.5em;} .prodUX15 h4 {font-size: 1.8em;line-height: 1.222;margin:0;} .prodUX15 p {font-size: 1.6em; line-height: 1.25;} .prodUX15 p.sub {font-size: 1.3em; line-height: 2;} .prodUX15 .bold {font-family:'HelveticaNeueMeduim', helvetica,arial,sans-serif;} .prodUX15 .clearfix {clear:both;display:block;line-height: 0;} .prodUX15 .height1-7em {height:1.7em;} .prodUX15 .height2em {height:2em;} .prodUX15 .height3em {height:3em;} .prodUX15 .height4em {height:4em;} .prodUX15 .height5em {height:5em;} .prodUX15 .height6em {height:6em;} .prodUX15 .height7em {height:7em;} .prodUX15 .height8em {height:8em;} .prodUX15 .row.clearfix.height1em {margin-top:1em;} .prodUX15 .row.clearfix.height2em {margin-top:2em;} .prodUX15 .row.clearfix.height3em {margin-top:3em;} .prodUX15 .row.clearfix.height4em {margin-top:4em;} .prodUX15 .row.clearfix.height5em {margin-top:5em;} .prodUX15 .row.clearfix.height6em {margin-top:6em;} .prodUX15 .row.clearfix.height7em {margin-top:7em;} .prodUX15 .row.clearfix.height8em {margin-top:8em;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt {height: 18em;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2 {border-right: 1px solid #999;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2-text-right,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-right {display: table-cell;vertical-align: middle;border-left: none;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content ,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content {padding: 0 3em;} .prodUX15 .mosaic.img6 ul,.prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content ul,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content ul {font-family:'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;font-size: 1.6em;line-height: 1.3;list-style-position: outside;list-style-type: disc;padding: 1em;text-align: left;} .prodUX15 .row.clearfix.height4em.fw.table {width: auto;margin: 4em auto 0;} .prodUX15 .centred {text-align:center;} /* --- Extended large prod and text with border extended 05-11-15 --- */ .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend .col-md-2-text-right {border-left: 1px solid #999999;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend .col-md-2 {border: 0 none;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend .col-md-2-text-left {border-right: 1px solid #999999;} .prodUX15 .col2LrgImgTxt.extend .centre-content h2 ~ p {padding-top: 1.4em;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-left + .col-md-2 {border-left: 0 none;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend .centre-content h2 {font-size: 2.8em;} /* --- Mosaic list items img text 04-11-15 ---*/ .prodUX15 .mosaic .mosaic-list img {float: left;margin-right: 3%;width: 20%;} .prodUX15 .mosaic .mosaic-list h3 {font: 1.8em/1.2 'HelveticaNeueMeduim',helvetica,arial,sans-serif;} .prodUX15 .mosaic .mosaic-list .textblock h2 {font: 3em 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;padding-top: .55em;} .prodUX15 .mosaic .mosaic-list .copy {font-size:0.95em;margin-bottom: 4.6em;} .prodUX15 .mosaic .mosaic-list .copy p {margin-bottom:initial;padding-left:23%;} .prodUX15 .mosaic .imgblock.video {margin-bottom: 0;} .prodUX15 .mosaic .imgblock.video .copy.video {height: inherit;} .prodUX15 .mosaic .textblock {border-top: 1px solid #EEEEEE;margin-top: 5%;padding: 5% 0;text-align: center;} .prodUX15 .mosaic .col-md-3 .textblock:first-child {margin-top: 0;} .prodUX15 .mosaic .col-md-3:nth-child(2) .textblock {border-top: 0 none;margin-bottom: 5.5%;} .prodUX15 .mosaic .mosaic-list {padding-top: 5%;} .prodUX15 .mosaic .imgblock.text-overlay {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;margin: 0;padding: 0;position: relative;width: 100%;} .prodUX15 .mosaic .imgblock.text-overlay .copy {/*height: 100%;*/left: 0;margin: 0;padding: 0;position: absolute;top: 40%;width: 100%;} .prodUX15 .mosaic .imgblock.text-overlay h2 {font: 2.4em/1 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;} .prodUX15 .mosaic .imgblock.text-overlay h2.mnsText1 a {color: #FFFFFF;} .prodUX15 .mosaic .imgblock.video .copy.video h2 {bottom: 75%;font-size: 3.36em;position: absolute;width: 89.5%;} .prodUX15 .mosaic .imgblock.video .copy.video h2 a,.prodUX15 .mosaic .imgblock.text-overlay h2 a {text-decoration: none;} .prodUX15 .mosaic .imgblock.text-overlay p {color:#000;font:normal 1.2em/1.3 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;padding:0 1.6em;} .prodUX15 .cta-chev:after {background: url("//asset2.marksandspencer.com/is/image/mands/e09bc90a6de9640e9762fd52dffb431616195ded?fmt=png-alpha") no-repeat scroll 50% center rgba(0, 0, 0, 0);content: "";display: inline-block;height: 18px;margin-left: 0.3em;position: relative;width: 10px;} .prodUX15 .cta-chev-black:after {background: url("//asset2.marksandspencer.com/is/image/mands/42c8cadda44ce4c58c5ca7569c68b990fc9eb6c8?fmt=png-alpha") no-repeat scroll 50% center rgba(0, 0, 0, 0);content: "";display: inline-block;height: 18px;margin-left: 0.3em;position: relative;width: 10px;} /* --- Mosaic for food hub for layouts with left nav 19-11-15 --- */ .prodUX15 .col-md-4-3 .mosaic .col-md-3 .textblock {height: auto;} .prodUX15 .col-md-4-3 .mosaic .col-md-3:before {clear: both;content: "";display: block;height: 2px;margin-top: 2em;padding-top: 40px;position: relative;} .prodUX15 .col-md-4-3 .mosaic .col-md-3 + .col-md-3 .imgblock:first-child .copy {bottom: 8%;height: auto;top: auto;} .prodUX15 .col-md-4-3 .mosaic .col-md-3 + .col-md-3 .imgblock a:after {content: "";} .prodUX15 .col-md-4-3 .mosaic .col-md-3:nth-child(2) .textblock {border-top: 0 none;} .prodUX15 .col-md-4-3 .mosaic .col-md-3:nth-child(3) .textblock {border-top: 1px solid #EEEEEE;margin-bottom: 0;} .prodUX15 .mosaic .imgblock a.hp-button-white-ghost {color: #FFFFFF;} .prodUX15 .mosaic .imgblock .hp-button-white-ghost:after {content: "";} /* --- Food Hub numbered lists 19-11-15 --- */ .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend [class^="col-md-2-text-"] .centre-content ol li:before {color: #000000;content: counter(item, decimal) ". ";display: inline-block;font-weight: bold;margin-left: -1.3em;margin-right: 0.5em;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend [class^="col-md-2-text-"] .centre-content ol li {counter-increment: item;list-style: none outside none;margin-bottom: 3%;margin-left: 2em;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.extend [class^="col-md-2-text-"] .centre-content ol {counter-reset: item;margin-left: 0;padding-left: 0;} .prodUX15 .col2LrgImgTxt.extend .centre-content ol {font-size: 1.6em;font-family: 'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;line-height: 1.25em;} /* --- Columns --- */ .prodUX15 .row {display:table;width: 100%;} .prodUX15 .row:before, .prodUX15.row:after {content: "";display: table;line-height: 0;} .prodUX15 .col-md-1 {width:100%;} .prodUX15 .col-md-2 {width:50%;} .prodUX15 [class^="col-md-3-"],.prodUX15 .col-md-3 {width:33.3334%;max-width:40em;} .prodUX15 .col-md-3-2 {max-width: 78em;margin:0 1em;padding:0;width: 75%;} .prodUX15 [class^="col-md-4-"],.prodUX15 .col-md-4 {width:25%;max-width:30em;} .prodUX15 .col-md-4-3 {max-width: 90em;padding:0;width: 75%;} .prodUX15 .col-md-4-img-double, .prodUX15 .col-md-4-table-double {width:49.15%;max-width:59em;} .prodUX15 .col-md-4-3 .col-md-4-table-double {width:49%;max-width:44em;} .prodUX15 .col-md-5 {width: 20%;} .prodUX15 .col-md-6 {width:16.66666665%;} /* --- Grid for help only --- */ .prodUX15.wrap .row.showGrid [class^="col-"] {outline: 1px solid #999;display: block;float: left;background: #EEEEEE;line-height: 4em;margin:0 1em;min-height: 4em;padding:0;text-align: center;}.prodUX15 .row.showGrid .col-md-2 {max-width: 58em;width: 48.3335%;}.prodUX15 .row.showGrid .col-md-1 {max-width: 118em;width: 98.3335%;}.prodUX15 .row.showGrid .col-md-3 {max-width: 38em;width: 31.666%;}.prodUX15 .row.showGrid .col-md-4 {max-width: 28em;width: 23.3335%;}.prodUX15 .row.showGrid .col-md-5 {max-width: 22em;width: 18.3335%;}.prodUX15 .row.showGrid .col-md-6 {max-width: 18em;width: 15%;}.prodUX15 .row.showGrid .col-md-4-3 {max-width: 88em;width: 73.3335%;}.prodUX15.wrap .row.showGrid [class^="col-"] p {line-height: 3em;margin: auto;} .prodUX15.wrap .row.showGrid.nobkGd {margin: 2% 0;} .prodUX15.wrap .row.showGrid.nobkGd [class^="col-"] {background: none;padding: 1em;} .prodUX15.wrap .row.showGrid.nobkGd [class^="col-"] p {line-height: 1.3;} /* --- Offset --- */ .prodUX15 .offset-1 {margin-left:12.5%;} .prodUX15 .offset-2 {margin-left:25%;} .prodUX15 .offset-3 {margin-left:50%;} .prodUX15 .offset-4 {margin-left:75%;} /* --- Hero fw.hero.static --- */ .prodUX15 .fw.hero {display:block;position:relative;max-width: 120em;width:100%;} .prodUX15 .hero img {z-index:0;} .prodUX15 .hero .copy {left:15%;padding:4em 0 0 5em;position:absolute;top:0;width: 70%;} .prodUX15 .hero .copy p {font: 1.8em/1.4 'HelveticaNeueW01-55Roma',helvetica,arial,sans-serif;} .prodUX15 .hero .copy h1, .prodUX15 .hero .copy h2, .prodUX15 .hero .copy h3, .prodUX15 .hero .copy h4 {font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;font-size:6em;line-height:1;margin:0 0 0.2em;text-transform: uppercase;} .prodUX15 .hero h1.alt, .prodUX15 .hero h2.alt, .prodUX15 .hero h3.alt, .prodUX15 .hero h4.alt {font-size:5em;} .prodUX15 .hero h1.alt.sm, .prodUX15 .hero h2.alt.sm, .prodUX15 .hero h3.alt.sm, .prodUX15 .hero h4.alt.sm,.prodUX15 .col-md-4-3 .hero h1.alt.sm, .prodUX15 .col-md-4-3 .hero h2.alt.sm, .prodUX15 .col-md-4-3 .hero h3.alt.sm, .prodUX15 .col-md-4-3 .hero h4.alt.sm {font-size:4.5em;} /* --- Hero overlay width 17-09-2015--- */ .prodUX15 .hero .width40 {width: 40%;}.prodUX15 .hero .width50 {width: 50%;}.prodUX15 .hero .width60 {width: 60%;}.prodUX15 .hero .width70 {width: 70%;} /* --- Hero Any--- */ .prodUX15 .width40 {width: 40%;}.prodUX15 .width50 {width: 50%;}.prodUX15 .width60 {width: 60%;}.prodUX15 .width70 {width: 70%;}.prodUX15 .width80 {width: 80%;}.prodUX15 .width90 {width: 90%;} .prodUX15 .fw.hero.static {height:auto;} .prodUX15 .fw.hero.static .copy {left: 0em;} .prodUX15 .hero .cta {font-size: 1.4em;text-decoration: none;} .prodUX15 .hero .cta:after {content: "";background: url('https://asset1.marksandspencer.com/is/image/mands/9038219264b4678aa359b0fdd8a9e000268ec825?wid=15&hei=24&fmt=png-alpha') left -4px no-repeat;height: 2em;width: 15px;margin: 0 3em 0 0;padding: 0;float: right;position: relative;} .prodUX15 .hero table {margin-top: 4em;width: 80%;} .prodUX15 .hero td {padding: 0.75em 0;} .prodUX15 .hero .copy ul {float: left;width: 70%;} .prodUX15 .hero .copy li {float: left;padding: 0.75em 0;width: 33%;} .prodUX15 .hero .copy li .cta {display:block;font-family: 'HelveticaNeueMeduim',helvetica,arial,sans-serif;line-height:1;} .prodUX15 .hero .hp-button-white-ghost.btnstyle:after, .prodUX15 .hero .hp-button-blk-ghost.btnstyle:after {content: "";} /* --- Hero FW static white --- */ .fw.hero.static.white h1, .fw.hero.static.white p, .fw.hero.static.white a {color: #FFFFFF;} /* --- Full width hero with overlay ---*/ .prodUX15 .fw.hero.static.overlay .copy {left: 3em;top: 3em;width: 50%;background-color: #FFFFFF;background-color: rgba(255,255,255,.9);opacity: .9;} .prodUX15 .fw.hero.static.overlay.w45 .copy {width: 46%;} /* --- Sale update 11-08-15--- */ .prodUX15 .fw.hero.static.overlay.w45 .copy li .cta:after {content: "";display: block;height: 3em;left: 85%;margin: 0;padding: 0;position: absolute;top: 0.4em;width: 15px;} .prodUX15 .fw.hero.static.overlay.w45 .copy li {position:relative;width:30%;} .prodUX15 .fw.hero.static.overlay.w45 .copy ul {float: left;width: 90%;} .prodUX15 .fw.hero.static.overlay .copy p {text-align: left;color: #000000;} /* --- Food Hub Hero M.CRAMPTON 30-11-15--- */ .prodUX15 .hero.sans.hub .copy h1 {font: normal 10em/0.9 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;margin: 0.1em 0;text-transform: uppercase;} /*.prodUX15 .hero.hub .copy p:last-of-type {color: #FFFFFF;font-family: 'HelveticaNeueW01-65Medium',helvetica,arial,sans-serif;font-weight: normal;line-height: 0;text-transform: uppercase;}*/ /*.prodUX15 .hero.hub .copy p:first-of-type {font-size: 2.2em;font-weight: normal;letter-spacing: 1px;text-transform: uppercase;}*/ .prodUX15 .hero.hub .copy h1 span {clear: both;display: block;font-family: 'HelveticaNeueW01-55Roma',helvetica,arial,sans-serif;font-size: 0.2445em;font-weight: normal;letter-spacing: 1px;text-transform: uppercase;} .prodUX15 .hero.hub .copy p span {clear: both;display: block;font-family: 'HelveticaNeueW01-65Medium',helvetica,arial,sans-serif;font-size: 1em;font-weight: normal;height: 45px;line-height: 0.5;text-transform: uppercase;} /* --- Hero static centre text white 06-08-15 --- */ .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred.alt .copy {color: #FFFFFF;display: block;left: auto;margin: 0 auto;max-width: 88em;padding: 0;width: 100%;} .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h1, .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h2, .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h3, .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h4 {color: #FFFFFF;line-height: 1;margin-bottom: 0.2em;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred.alt .copy h1 span {font-family: 'HelveticaNeueMeduim',helvetica,arial,sans-serif;font-size: 0.25em;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred.alt .copy h1 .sub {font-size: 0.55em;} /* --- Hero small centred text bottom--- */ .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred.alt.btm .copy {bottom: 4%;height: auto;top: auto;} /* --- Hero fw.hero.static Height 335px --- */ .prodUX15 .fw.hero.static.h335 {height:auto;} /* --- Hero fw.hero.sml.center --- */ .prodUX15 .fw.hero.sml.center {/*height:23.6em;*/height:auto;} .prodUX15 .fw.hero.sml.center .copy {left:15%;padding-left:0;text-align:center;} /* --- Hero fw.hero.sml.center text only 12-11-15 --- */ .prodUX15 .fw.hero.sml.center.text {position: relative;text-align: center;} .prodUX15 .fw.hero.sml.center.text p {margin:0 auto;width:50%;} /* --- Full width hero small centre sans-serif 05-11-15 --- */ .prodUX15 .hero.sans .copy h1, .prodUX15 .hero.sans .copy h2, .prodUX15 .hero.sans .copy h3, .prodUX15 .hero.sans .copy h4 {font: 4.8em/0.8 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;text-transform: none;} /* --- DLP Hero dlp.hero --- */ .prodUX15 .hero.w960 .cta {font-size: 1.75em;font-weight: normal;height: 2em;} .prodUX15 .hero.w960 .copy li {width: 60%;} .prodUX15 .hero.w960 a {text-decoration: none;} .prodUX15 .hero.w960 a:hover {text-decoration:underline;} .prodUX15 .hero.w960 .cta:after {background-position: left -1px;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880 {overflow:hidden;padding: 0 1em;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880 .copy {left:0;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy {background: #FFFFFF;color:#000000;opacity: 0.9;width: 50%;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy p {color:#000000;text-align:left;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy ul {width:100%;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy ul li {height:30px;text-align:left;width:33.33334%;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy .cta:after {margin: 0 2em 0 0;} /* --- Copy block --- */ .prodUX15 .copyblock {clear:both;} .prodUX15 .copyblock h1,.prodUX15 .copyblock h2,.prodUX15 .copyblock h3,.prodUX15 .copyblock h4{font-size:3.6em;line-height:1.6;} .prodUX15 .copyblock h1,.prodUX15 .copyblock h2,.prodUX15 .copyblock h3,.prodUX15 .copyblock h4, .prodUX15 .copyblock p {font-family: 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;text-align: center;} .prodUX15 .copyblock .alt.big {font-size:5em;} /* --- 2.col.lrg.imgcopy --- */ .prodUX15 [class^="col-md-2-text-"] {display: table;width:50%;} .prodUX15 [class^="col-md-2-text-"] .centre-content {display: table-cell;height:58em;padding: 0 6em 0 10em;vertical-align: middle;} .prodUX15 [class^="col-md-2-text-"] .centre-content ol {font-size: 1.4em;line-height: 1.633em;list-style-position: outside;list-style-type: decimal;padding: 1.4em;text-align:left;} .prodUX15 .col-md-4-3 [class^="col-md-2-text-"] .centre-content {height: 43em;} .prodUX15 .col-md-2-text-left {border-right:1px solid #999999;margin-right:-1px;} .prodUX15 .col-md-2-text-right {border-left:1px solid #999999;margin-left:-1px;} .prodUX15 .col-md-2-img-left, .prodUX15 .col-md-2-img-right {width:58em;} .prodUX15 [class^="col-md-2-text-"] .mandseditor {clear: both;display: table;height: 10em;margin: 3em 0 3em -3em;padding: 0;width: 40em;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dl {display: table-cell;float: left;vertical-align: middle;width: 40em;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dd {font: 1.6em/0 'HelveticaNeueW01-55Roma',Helvetica,sans-serif;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dt {font: 1.8em/3.5em 'HelveticaNeueW01-55Roma',Helvetica,sans-serif;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dl img {float: left;height: 5.556em;margin-right: 2em;width: 5.556em;} .prodUX15 [class^="col-md-2-text-"] h2, .prodUX15 [class^="col-md-2-text-"] h3, .prodUX15 [class^="col-md-2-text-"] h4 {font:normal 3.6em/1 'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2-text-left + .col-md-2,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-left + .col-md-2 {border-left: 1px solid #999999;border-right: 0 none;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2-text-left,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-left {border: 0 none;display:table-cell;} /* --- 2 column Large Image Left/Right no divider 13-11-15 --- */ .prodUX15 .row.clearfix.height2em.col2LrgImgTxt.nodivider .col-md-2-text-left + .col-md-2, .prodUX15 .row.clearfix.height4em.col2LrgImgTxt.nodivider .col-md-2-text-left + .col-md-2 {border: 0 none;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt.nodivider .col-md-2-text-left .centre-content,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt.nodivider .col-md-2-text-left .centre-content {vertical-align: top;} /* --- 3 column mosaic --- */ .prodUX15 .col-md-3 .col-md-1 {padding: 0;} .prodUX15 .col-md-3 .col-md-1 .copy {text-align: center;} .prodUX15 .col-md-3 .col-md-1 img {margin: 4em 0 1em;} .prodUX15 .col-md-3 .col-md-1 .imgblock:first-child img {margin-top: 0;} .prodUX15 .col-md-4-3 .col-md-3 .col-md-1 .imgblock:first-child img {margin-top: 0;} .prodUX15 .mosaic.img6 .col-md-3:first-child {width: 33.3334%;float: left;} /*--- 3 Column mosaic 2---*/ .prodUX15 .col-md-3-2 div {height:100%;overflow:hidden;position: relative;} .prodUX15 .col-md-3-2 div:first-child .copy {bottom: 3em;position: absolute;text-align: center;text-transform: uppercase;width: 100%;} .prodUX15 .col-md-3-2 div:first-child .copy h2, .prodUX15 .col-md-3-2 div:first-child .copy h3, .prodUX15 .col-md-3-2 div:first-child .copy h4 {font:normal 6em 'DidotW01Roman', serif;} .prodUX15 .col-md-3-2 div img:first-child {margin-bottom: 2em;} .prodUX15 .col-md-3-2 .col-md-3 {margin-left: 1em;padding: 0;} .prodUX15 .col-md-3-2 .col-md-3 .imgblock .copy {bottom:auto;position:relative;text-transform:none;} .prodUX15 .col-md-3-2 .col-md-3 + .col-md-3 {margin:0 0 0 1em;} .prodUX15 .col-md-3-2 + .col-md-3 {margin: 0 1em;padding: 0;max-width:38em;width:25%;} .prodUX15 .col-md-3-2 .col-md-3 {margin-left: 0;margin-right: 1em;width: 38em;} .prodUX15 .row.mosaic2 .col-md-3-2 {max-width:78em;width:65%;} .prodUX15 .row.mosaic2 .col-md-3 {max-width:40em;} .prodUX15 .row.mosaic2 .col-md-3-2 + .col-md-3 {max-width:38em;width:31.667%;} .prodUX15 .row.mosaic2 .col-md-3 + .col-md-3-2 {max-width:78em;width:65%;} .prodUX15 .row.mosaic2 .col-md-3-2 .col-md-1 {max-width:78em;padding:0;width:100%;} .prodUX15 .row.mosaic2 .col-md-3-2 .col-md-1 + .col-md-2 + .col-md-2 {padding-right: 0;} .prodUX15 .row.mosaic2 .col-md-3-2 .col-md-1 + .col-md-2 {padding-left: 0;} /*--- 3 Column mosaic 2 with left nav ---*/ .prodUX15 .col-md-4-3 .row.mosaic2 .col-md-3-2 {width: 65%;max-width: 58em;} .prodUX15 .col-md-4-3 .row.mosaic2 .col-md-3-2 + .col-md-3 {width: 31.112%;margin-right: 0;} .prodUX15 .col-md-4-3 .row.mosaic2 .centre-content {display: table;text-align: center;height: 22em;} .prodUX15 .col-md-4-3 .row.mosaic2 .centre-content div {display: table-cell;vertical-align: middle;} /* --- Single row of 3 tiles with left nav --- */ .prodUX15 .col-md-4-3 .col-md-3-table-c {width: 100%;max-width: 120em;} .prodUX15 .col-md-4-3 .col-md-3-table-c .col-md-3 {padding: 0;} /* --- 3 column block 3.col.img / 4 column 4.col.img --- */ .prodUX15 [class^="col-md-4-img-"] div a, .prodUX15 [class^="col-md-4-table-"] div a {text-align: center;} .prodUX15 .mosaic2 .copy.video.black, .prodUX15 .col-md-2 .imgblock .copy, .prodUX15 .col-md-3 .imgblock .copy, .prodUX15 .col-md-4 .imgblock .copy, .prodUX15 .col-md-5 .imgblock .copy, .prodUX15 .col-md-4-img-tall .copy {margin-top: 2.4em;padding: 0 1.2em;text-align: center;} .prodUX15 .imgblock .copy h2, .prodUX15 .imgblock .copy h3, .prodUX15 .imgblock .copy h4, .prodUX15 .textblock h2, .prodUX15 .textblock h3, .prodUX15 .textblock h4{font:normal 1.8em/1.222 'HelveticaNeueMeduim',helvetica,arial,sans-serif;margin:0;text-align:center;} .prodUX15 .col-md-4-3 .imgblock .copy h2, .prodUX15 .col-md-4-3 .imgblock .copy h3, .prodUX15 .col-md-4-3 .imgblock .copy h4 {font-size: 1.6em;} /* --- 4 column 4.col.imglink.tall --- */ .prodUX15 .col-md-4-img-tall img {margin-bottom: 1em;} /* --- Centred text in block --- */ .prodUX15 .col-md-2 .col-md-2 .centre-content {display:table;height:28em;} .prodUX15 .col-md-2 .col-md-2.col-md-2 {padding:0;} .prodUX15 .col-md-2.border.middle + .col-md-2.border.middle {border-left: 1px solid #999999;} .prodUX15 .col-md-2 .col-md-2 .centre-content div {display:table-cell;height:28em;padding:0 2em;vertical-align:middle;} .prodUX15 .col-md-2.border.middle .centre-content h2, .prodUX15 .col-md-2.border.middle .centre-content h3, .prodUX15 .col-md-2.border.middle .centre-content h4 {font: 1.8em/2 'HelveticaNeueMeduim',helvetica,arial,sans-serif;} .prodUX15 .col-md-2.border.middle.tall .centre-content {height: 50em;} .prodUX15 .col-md-2.border.middle.tall .col-md-2 {height: 50em;width: 28em;} .prodUX15 .col-md-2.border.middle .col-md-2 {width:28em;} .prodUX15 .col-md-2.border.middle .col-md-2:nth-child(2n),.prodUX15 .col-md-2.border.middle.tall .col-md-2:nth-child(2n) {margin-left: 1.87em;} .prodUX15 .col-md-2.border.middle.tall .centre-content h2, .prodUX15 .col-md-2.border.middle.tall .centre-content h3, .prodUX15 .col-md-2.border.middle.tall .centre-content h4 {font: 3.6em/2.2 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;} /* --- Large block - Collection Promo --- */ .prodUX15 .row .col-md-2-table .centre-content {width: 100%;} .prodUX15 .row .col-md-2-table {display: table;height: 100%;max-height:60em;max-width: 59em;overflow: hidden;width: 48.45%;} .prodUX15 .row .col-md-2-table .centre-content {display: table-cell;padding: 0 25%;text-align:center;vertical-align: middle;width: 50em;} .prodUX15 .row .col-md-2-table:first-child {margin-left: 1em;} .prodUX15 .row .col-md-2-table:last-child {margin-left: 0;margin-right: 1em;} .prodUX15 .col-md-2-table h2, .prodUX15 .col-md-2-table h3, .prodUX15 .col-md-2-table h4 {font: 1.8em/2 'HelveticaNeueMeduim',helvetica,arial,sans-serif;} .prodUX15 .col-md-4-3 .col-md-2-table {height: 100%;max-width: 44em;} .prodUX15 .col-md-4-3 .row .col-md-2-table .centre-content {padding: 0 14%;width: 50%;} .prodUX15 .col-md-4-3 .row .col-md-2-table .centre-content b {font: 1.2em 'HelveticaNeueW01-65Medium',helvetica,arial,sans-serif;} .prodUX15 .col-md-2-table h2, .prodUX15 .col-md-2-table h3, .prodUX15 .col-md-2-table h4 {font: 3.6em/1.2 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;margin-bottom:0.5em;} /* --- 4 column Content Table --- */ .prodUX15 [class^="col-md-4-table"] .textblock {background:#FFFFFF;display:table;height: 29.3em;max-height:29.5em;text-align:center;} .prodUX15 [class^="col-md-4-table"] .textblock ul {font: normal 1.6em/1.2 'HelveticaNeueW01-45Ligh',helvetica,arial, sans-serif;list-style-position: outside;list-style-type: disc;padding-left: 1em;text-align: left;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-2:first-child .textblock {height: 29.2em;} .prodUX15 [class^="col-md-4-table"] .textblock.h30 {height:100%;max-height:30em;} .prodUX15 [class^="col-md-4-table"] .textblock.h19-5 {height:19.5em;} .prodUX15 .textblock.h19-5 {display: table;height: 19.5em;width:100%;} .prodUX15 .textblock.h19-5 div {display: table-cell;vertical-align: middle;} .prodUX15 .headline-serif div,.prodUX15 .headline-sans-serif div {display: block;margin-bottom: 0.3em;text-align: center;width: 100%;} .prodUX15 .headline-sans-serif {font-family:'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;} .prodUX15 .textblock.h19-5 div h2 {text-align: center;font-size: 3.6em;font-family: 'DidotW01Roman', serif;} .prodUX15 .col-md-4-3 .textblock.h19-5 div.headline-serif {width:38em;} .prodUX15 .col-md-3 .textblock .headline-serif div {width:38em;} .prodUX15 .textblock.h19-5 div p {margin: 0 auto;width: 70%;} .prodUX15 .headline-serif h2, .prodUX15 .headline-serif h3, .prodUX15 .headline-serif h4 {font: 3.5em/1 "DidotW01Roman",Georgia,'Times New Roman',serif;} .prodUX15 .col-md-4-3 [class^="col-md-"] .textblock {height: 22em;} .prodUX15 [class^="col-md-4-table"] .textblock div {display:table-cell;padding:0 2em;vertical-align:middle;width:100%;} .prodUX15 [class^="col-md-4-table"] .textblock .cta {position: absolute;bottom: 0.5em;width: 100%;left: 0;} .prodUX15 .col-md-4-table {width:24.5%;max-width: 29.5em;padding: 0;} .prodUX15 .col-md-4-3 .row .col-md-4-table {max-width: 22em;} .prodUX15 .col-md-4-table .col-md-1 .copy, .prodUX15 .col-md-2-table .copy, .prodUX15 .col-md-4-table-double .col-md-2 .copy {bottom:0;height:auto;left:0;padding: 0;position:absolute;text-align: center;width:100%;} .prodUX15 .col-md-4-table-double:first-child, .prodUX15 .col-md-4-table:first-child {margin-left: 1em;} .prodUX15 .col-md-2-text-left .col-md-1-table {padding: 0;} .prodUX15 .col-md-4-table .col-md-1, .prodUX15 .col-md-2-table, .prodUX15 .col-md-4-table-double, .prodUX15 .col-md-4-table-double .col-md-1, .prodUX15 .col-md-4-table-double .col-md-2 {display:table;outline:1px solid #EEEEEE;overflow:hidden;padding: 0;} .prodUX15 .col-md-4-3 .row .col-md-2-table {height:100%;} .prodUX15 .col-md-4-table-double .col-md-2 + .col-md-2 + .col-md-1 .copy {bottom: 0;position: absolute;text-align: center;width: 100%;} .prodUX15 .col-md-3-table-d .cutout .title {left: 0;position: absolute;top: -14em;width: 100%;} /* --- Table img overlay 08-10-15 --- */ .prodUX15 .col-md-4-table-double .col-md-1-overlay .copy {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);bottom: 0;margin: 4%;padding: 3% 6%;position: absolute;text-align: center;width: 92%;} .prodUX15 .col-md-4-table-double .col-md-1-overlay .copy h2, .prodUX15 .col-md-4-table-double .col-md-1-overlay .copy h3, .prodUX15 .col-md-4-table-double .col-md-1-overlay .copy h4 {font-size: 3em;line-height: 1.7;} /* --- Four column table overlays for one line ctas 28-09-15--- */ .prodUX15 .fw.table [class^="col-md-"] .oneline-overlay .copy {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);margin: 1em;text-align:center;width: 90%;} .prodUX15 .fw.table .col-md-1 .oneline-overlay .copy {width: 46%;} .prodUX15 .col-md-1-overlay.w45 .copy {bottom: 2em;line-height: 1;margin: 0 27%;padding: 0.5em;width: 44.5%;} /* --- Table textblock height 295px 06-10-15 --- */ .prodUX15 [class^="col-md-4-table"] .textblock.h295 {height: 295px;} /* --- Two column blocks with overlay text --- */ .prodUX15 .col-md-2 .overlay {opacity:1;} .prodUX15 .col-md-2 .overlay .copy {left: 4em;position: absolute;top: 4em;} /* --- Simple List --- */ .prodUX15 .simple-list {padding:0;} .tier2nav.no-touch .prodUX15 .simple-list ul li {margin: 0;} .prodUX15 .simple-list a {text-decoration:none;} .prodUX15 .simple-list a:hover {text-decoration:underline;} .tier2nav.no-touch .prodUX15 .simple-list .header,.tier2nav.touch .prodUX15 .simple-list .header {font: 1.067em/1em 'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;margin:2em 0 0.9em;text-transform:uppercase;} /* --- style & living block --- */ .prodUX15 .sandlblock {display: block;padding:0 1em;position: relative;width:100%;} .prodUX15 .sandlblock .copy {padding: 0 3%;position: absolute;right: 0;text-align: center;top: 48%;width: 33%;} .prodUX15 .sandlblock .copy .call-to-action {border-top: 3px solid #000000;display: block;margin: 5% 26%;padding-top: 5%;} /* --- Hover reveal image text overlay module --- */ .prodUX15 .hover-reveal .col-md-2 {height:43em;overflow:hidden;} .prodUX15 .hover-reveal .col-md-2 .copy {background: #FFFFFF;display: table;height: 43em;left: 0.4em;overflow: visible;position: absolute;transition: opacity 0.45s ease-in-out 0s;vertical-align: middle;} .prodUX15 .hover-reveal .col-md-2 .copy:before {background: #FFFFFF;color: #222222;content: " Read more";display: block;font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, sans-serif;font-size: 1.5em;left: 34%;line-height: 2em;margin: 0 auto;padding: 0.1em;position: absolute;text-align: center;top: -55%;transition: opacity 0.85s ease-in-out 0s;width: 9em;} .prodUX15 .hover-reveal .col-md-2:hover .copy{opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;top: 0;vertical-align: middle;z-index: 3;} .prodUX15 .hover-reveal .col-md-2 .copy p {clear: right;color: #000000;display: table-cell;padding: 0 3em 0 5em;vertical-align: middle;} /* --- Video block --- */ .prodUX15 .videoblock .copy.video {margin-top: 2.4em;padding: 0 2em;} .prodUX15 .videoblock .copy .call-to-action {left: 37.9%;position: absolute;top: 20.9%;} .prodUX15 .col-md-3 .videoblock .copy .call-to-action a {line-height:22;} .prodUX15 .videoblock .copy.video .call-to-action a, .prodUX15 .col-md-2 .imgblock .copy.video .call-to-action a {background: url("//asset2.marksandspencer.com/is/image/mands/4d468b4befdb2e783d475239877f1bb18372c401?fmt=png-alpha") no-repeat scroll center 10px rgba(0, 0, 0, 0);display: inline-block;height:0;} .prodUX15 .videoblock .copy.video .call-to-action a:hover {background-position: center -72px;} /* --- 2 Column video block --- */ .prodUX15 .col-md-2 .imgblock .copy.video {position:relative;} .prodUX15 .col-md-2 .videoblock .copy .call-to-action {left: 39.6%;top: 29%;} .prodUX15 .videoblock .copy.video h2,.prodUX15 .videoblock .copy.video h3, .prodUX15 .videoblock .copy.video h4 {font-size: 1.8em;} .prodUX15 .col-md-2 .videoblock .copy .call-to-action a {line-height: 30;} /* --- 3 Column video --- */ .prodUX15 .col-md-3 .videoblock .copy .call-to-action {left: 34.9%;} .prodUX15 .col-md-3 .videoblock .copy .call-to-action a {line-height: 22.9;} /* --- 4 Column video --- */ .prodUX15 .col-md-4 .videoblock .copy .call-to-action {left: 29.5%;top: 15%;} .prodUX15 .col-md-4 .videoblock .copy .call-to-action a {line-height: 21.5;} .prodUX15 .col-md-4 .videoblock .copy {text-align:center;} .prodUX15 .col-md-4 .videoblock .copy .call-to-action {left: 0;top: 0;width: 100%;text-align: center;} .prodUX15 .col-md-4 .videoblock .copy .call-to-action a {line-height: 18.7;width: 100%;margin-top: 13.5%;} /* --- Boxed hero buttons --- */ .prodUX15 .hp-button-white-ghost.btnstyle,.prodUX15 .hp-button-blk-ghost.btnstyle {font-family: 'HelveticaNeueW01-55Roma',helvetica,arial,sans-serif;text-decoration:none;} .prodUX15 .hp-button-white-ghost.btnstyle:hover, .prodUX15 .hp-button-blk-ghost.btnstyle:hover {text-decoration:underline;} /* --- Homepage carousel --- */ .prodUX15 .col-md-4-3 .heroslideshow, .prodUX15 .col-md-4-3 .heroslideshow .wrap {height:auto;overflow:hidden;margin-left: 1em;padding: 0 1em;width:88em;} .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel-container, .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel.hero-carousel-container li {height:auto!important;} .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel li {width:88em;} .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel .dlp.hero.static.w880 h1, .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel .dlp.hero.static.w880 h2, .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel .dlp.hero.static.w880 h3,.prodUX15 .col-md-4-3 .heroslideshow .hero-carousel .dlp.hero.static.w880 h4 {margin-bottom:0.4em;text-transform:uppercase;} .prodUX15 .col-md-4-3 .heroslideshow .dlp.hero.static.w880 {left: 4em;top: 5em;} .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel-progress {bottom: 10%;} .prodUX15 .col-md-4-3 .heroslideshow .wrap.cms.latestModule.h330 {height:33em;width:88em;} .prodUX15 .col-md-4-3 .heroslideshow .wrap.cms.latestModule.h442 {height:44.2em;width:88em;} .prodUX15 .col-md-4-3 .heroslideshow .dlp.hero.static.w880.centred{left:0;} .prodUX15 .col-md-4-3 .heroslideshow .latestModule .col-md-2.offset-2.copyblock h1, .prodUX15 .col-md-4-3 .heroslideshow .latestModule .col-md-2.offset-2.copyblock h2, .prodUX15 .col-md-4-3 .heroslideshow .latestModule .col-md-2.offset-2.copyblock h3, .prodUX15 .col-md-4-3 .heroslideshow .latestModule .col-md-2.offset-2.copyblock h4 {font-size:6em;text-transform: uppercase;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred .copy {margin-left: 15%;padding-left:0;text-align: center;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred .copy h1,.prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred .copy h2,.prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred .copy h3,.prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred .copy h4 {font-size:6em;margin-bottom:0.4em;text-transform:uppercase;} .prodUX15 .col-md-4-3 .heroslideshow .hero-carousel .dlp.hero.static.w880 p {font: 1.8em/1.4 'HelveticaNeueW01-55Roma',helvetica,arial,sans-serif;} .prodUX15 .col-md-4-3 .hero.static.centred .copy h1.alt.sm, .prodUX15 .col-md-4-3 .hero.static.centred .copy h2.alt.sm, .prodUX15 .col-md-4-3 .hero.static.centred .copy h3.alt.sm, .prodUX15 .col-md-4-3 .hero.static.centred .copy h4.alt.sm {font-size:4.5em;} /* --- Three column table module 1 --- */ .prodUX15 .col-md-3-table {height: 58.8em;max-width: 90em;width: 100%;} .prodUX15 .col-md-3-table .col-md-3 {display: table;height: 51%;max-height: 29.3em;outline: 1px solid #EEEEEE;overflow: hidden;padding: 0;} .prodUX15 .col-md-3-table .col-md-3 .copy, .prodUX15 .col-md-3-table .col-md-3 .textblock .cta {bottom: 1em;display: block;height: auto;left: 0;position: absolute;text-align: center;width: 100%;} .prodUX15 .col-md-3-table .col-md-3 .textblock {display: table;height: 100%;} .prodUX15 .col-md-3-table .col-md-3 .textblock div {display: table-cell;height:100%;max-height:24.12em;padding:0 1.5em;text-align: center;vertical-align: middle;} .prodUX15 .col-md-3-table .col-md-3-2 {display: table-header-group;float: left;height: 50%;margin: -29.4em 29.3em 0 0;max-height: 29.4em;max-width: 58.8em;overflow:hidden;outline: 1px solid #EEEEEE;padding: 0;width:66.7333%;} .prodUX15 .col-md-3-table .col-md-3:last-child {display: table-footer-group;} .prodUX15 .col-md-3-table .col-md-3:last-child {display: table-footer-group;} /*.prodUX15 .col-md-3-table .col-md-3 + .col-md-3 {display: table-footer-group;height: 58em;}*/ .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 + .col-md-3 {float: left;height:100%;max-height: 58.6em;overflow:hidden;z-index: 999;} .prodUX15 .col-md-3-table .col-md-3-2 div img:first-child {margin-bottom: 0;} .prodUX15 .col-md-3-table .col-md-3 .col-md-1 img {margin: 0;} /* --- Table update for 4 cutouts + tall cutout 27-08-15 14.40PM --- */ .prodUX15 .col-md-3-table .cutout {outline: 1px solid #EEEEEE;position: relative;} .prodUX15 .col-md-3-table .col-md-3:last-child .cutout {height: 100%;max-height: 58.6em;position: relative;} .prodUX15 .col-md-3-table .col-md-3:last-child .cutout div {height: 100%;max-height: 58em;} .prodUX15 .col-md-3-table .col-md-3:last-child .cutout .copy {height: auto;} /* --- Three column table module B/D --- */ .prodUX15 .col-md-4-3 .col-md-3-table-b,.prodUX15 .col-md-4-3 .col-md-3-table-d {height: 59.8em;margin:0;max-width: 90em;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-d {height: auto;} .prodUX15 .col-md-4-3 .col-md-3-table-b [class^="col-md"],.prodUX15 .col-md-4-3 .col-md-3-table-c [class^="col-md"],.prodUX15 .col-md-4-3 .col-md-3-table-d [class^="col-md"] {float: left;height: 50%;margin: 0;max-height: 28.88em;outline: 1px solid #EEEEEE;overflow:hidden;padding:0;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3,.prodUX15 .col-md-4-3 .col-md-3-table-c .col-md-3,.prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3 {max-width: 293px;width: 33.28%;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3-2,.prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3-2 {max-width: 588px;width: 66.72%;} .prodUX15 .col-md-4-3 [class^="col-md-3-table"] .copy {background:#FFF;background: rgba(255, 255, 255, 0.9);bottom: 2em;height: auto;left: 2em;padding: 1em;position: absolute;text-align: center;width: 85%;} .prodUX15 .col-md-4-3 [class^="col-md-3-table"] .col-md-3-2 .copy {bottom:2em;height: auto;text-transform:none;width: 45%;} .prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3-2 .copy {bottom:4.5em;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3 + .col-md-3-2 .copy {left: auto;right: 2em;} .prodUX15 .col-md-4-3 [class^="col-md-3-table"] [class^="col-md"] .copy h2, .prodUX15 .col-md-4-3 [class^="col-md-3-table"] [class^="col-md"] .copy h3, .prodUX15 .col-md-4-3 [class^="col-md-3-table"] [class^="col-md"] .copy h4 {font: 2em 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;} .prodUX15 .col-md-4-3 [class^="col-md-3-table"] .cutout .copy {background-color: transparent;bottom: 0;} /* --- Table B single row 16-10-15 --- */ .prodUX15 .col-md-4-3 .col-md-3-table-b.alt.single-row {height: auto;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3-2:first-child .copy {left: auto;right: 2em;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3-2:last-child .copy {left: 2em;right: auto;} /* --- Table B alt --- */ .prodUX15 .col-md-4-3 .col-md-3-table-b.alt .col-md-3-2:first-child .copy {left: 2em;right: auto;} .prodUX15 .col-md-4-3 .col-md-3-table-b.alt .col-md-3-2:last-child .copy {left: auto;right: 2em;} /* --- Table D alt --- */ .prodUX15 .col-md-4-3 .col-md-3-table-d.alt .col-md-3-2:nth-child(3) .copy {left: auto;right: 2em;} /* --- Table D alt Flipped --- */ .prodUX15 .col-md-4-3 .col-md-3-table-d.alt.flip .col-md-3-2:nth-child(2n +1) .copy {left: auto;right: 2em;} /* --- Table E --- */ .prodUX15 .col-md-4-3 .col-md-3-table-e {height: 58em;margin:0 auto;max-height: 58em;max-width: 90em;padding:0 1em;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-e .col-md-3-2 {height: 58em;max-width: 588px;width: 66.72%;} .prodUX15 .col-md-4-3 .col-md-3-table-e .col-md-3 {height: 50%;max-height: 29.4em;max-width: 293px;width: 33.28%;} .prodUX15 .col-md-4-3 .col-md-3-table-e [class^="col-md-"] {float: left;margin: 0;outline: 1px solid #EEEEEE;overflow:hidden;padding: 0;} /* --- Table E alt --- */ .prodUX15 .col-md-4-3 .col-md-3-table-e.alt .col-md-3-2 .copy {left: auto;margin: 0 27.5%;} /* --- Table F - Review--- */ /*.prodUX15 .pullQuote {border-bottom: 6px solid;border-top: 2px solid;font-family: 'DidotW01Italic',serif;font-size: 1.8em;line-height: 1.2;margin-top: 2em;padding: 0.9em 0;}*/ /*.prodUX15 .pullQuote span {clear: both;display: block;font-family: 'HelveticaNeueMeduim',helvetica,arial,sans-serif;}*/ .prodUX15 .col-md-3-table-f {width: 100%;max-width: 90em;padding:0 1em;} .prodUX15 .col-md-3-table-f [class^="col-md-3-"] {outline: 1px solid #EEEEEE;} .prodUX15 .col-md-3-table-f [class^="col-md-3-"] img {margin:0;} .prodUX15 .col-md-3-table-f .col-md-3-2 {padding: 0;margin: 0;width: 66.72%;max-width: 588px;} .prodUX15 .col-md-3-table-f .col-md-3-2 img:first-child {margin-bottom:0;} .prodUX15 .col-md-3-table-f .col-md-3 {background:#FFFFFF;position: relative;height: 58.7em;margin:0;max-height: 58.8em;max-width:293px;outline:1px solid #EEEEEE;padding:3em 2em 0;text-align: center;width:33.2%;} .prodUX15 .col-md-3-table-f .col-md-3 h2, .prodUX15 .col-md-3-table-f .col-md-3 h3, .prodUX15 .col-md-3-table-f .col-md-3 h4 {font-size: 2em;} .prodUX15 .col-md-3-table-f .pullQuote {bottom: 12em;padding:0 2em;position: absolute;width:86%;} .prodUX15 .col-md-3-table-f .pullQuote img {width: 60%;margin: 0 auto;} /* --- Table F full width layout ---*/ .prodUX15 .col-md-3-table-f.full-width .col-md-3-2 {max-width: 790px;outline:0;width: 67%;} .prodUX15 .col-md-3-table-f.full-width .col-md-3 {height:70em;max-width: 390px;max-height:none;outline:none;width: 33%;} .prodUX15 .col-md-3-table-f.full-width .col-md-3 .centre-content {display: table;height:100%;} .prodUX15 .col-md-3-table-f.full-width .col-md-3 .centre-content div {display: table-cell;vertical-align:middle;} .prodUX15 .col-md-3-table-f.full-width {margin: 0 1em;max-width: 1180px;outline: 1px solid #EEEEEE;overflow:hidden;padding: 0;width: 100%;} .prodUX15 .col-md-3-table-f.full-width h2,.prodUX15 .col-md-3-table-f.full-width h3,.prodUX15 .col-md-3-table-f.full-width h4{font-family:'HelveticaNeueMeduim',helvetica,arial,sans-serif;} .prodUX15 .col-md-3-table-f .col-md-3 h2:nth-child(2n), .prodUX15 .col-md-3-table-f .col-md-3 h3:nth-child(2n), .prodUX15 .col-md-3-table-f .col-md-3 h4:nth-child(2n) {font-family: inherit;font-size:1.6em;} /* --- Table G 09-09-15 3 Rows x 3 Columns --- */ .prodUX15 .col-md-3-table-g {margin:0;max-width: 90em;width: 100%;} .prodUX15 .col-md-3-table-g [class^="col-md-"] {outline: 1px solid #EEEEEE;padding: 0;} .prodUX15 .col-md-3-table-g .col-md-3:nth-child(4), .prodUX15 .col-md-3-table-g .col-md-3:nth-child(5) {margin-top: -29.45em;} .prodUX15 .col-md-3-table-g .col-md-3:nth-child(5) {float:right;margin-right: 33.33%;} .prodUX15 .col-md-3-table-g .col-md-3:nth-child(3) {z-index: 9;} .prodUX15 .col-md-3-table-g .col-md-3-2 {margin: 0;max-width: 588px;width: 66.666%;} .prodUX15 .col-md-3-table-g .col-md-3:last-child,.prodUX15 .col-md-3-table-g .col-md-3-2 + .col-md-3 {margin: 0;max-width: 293px;padding: 0;width: 33.336%;z-index: 10;} .prodUX15 .col-md-3-table-g .col-md-3-2 + .col-md-3 {margin: 0;max-width: 293px;padding: 0;width: 33.336%;z-index: 10;} .ie8 .prodUX15 .col-md-3-table-g .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 {max-width: 293px;width: 33.336%;} .ie8 .prodUX15 .col-md-3-table-g .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 {margin-top:-29.3em;} /* --- Table I 2 Col 34,66 07-10-15 --- */ .prodUX15 .row.clearfix.height4em.fw.table .col-md-3-table-i {display: table;height: 20px;max-width: 1180px;outline: 1px solid #EEEEEE;width: 100%;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-3-table-i .col-md-3-2 {display: table;height: 100%;margin: 0;padding: 0 10%;text-align: center;width: 66.66%;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-3-table-i .col-md-3-2 div {display: table-cell;vertical-align: middle;} /* --- Table full width update 17-09-2015 --- */ .prodUX15 .row.fw.table.overlays [class^="col-md-4"] .copy {background: none repeat scroll 0 0 #FFFFFF;bottom: 2em;left: 2em;padding: 1em;position: absolute;text-align: center;width: 85%;} .prodUX15 .row.fw.table.overlays .col-md-4-table-double .copy {background: none repeat scroll 0 0 #FFFFFF;bottom: 2em;height: auto;left: 2em;padding: 1em;position: absolute;text-align: center;width: 85%;} .prodUX15 .row.fw.table.overlays .col-md-4-table-double .col-md-1 .copy {width: 45%;} .prodUX15 .row.fw.table.overlays .copy h2, .prodUX15 .row.fw.table.overlays .copy h3, .prodUX15 .row.fw.table.overlays .copy h4, .prodUX15 .row.fw.table.overlays .copy h5 {font-size: 2em;} .prodUX15 .row.fw.table [class^="col-md-"] {padding: 0;} .prodUX15 .row.fw.table.overlays .cutout .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 90%;overflow: visible;padding: 0;} .prodUX15 .row.fw.table.overlays .cutout .copy div {height: 100%;} .prodUX15 .row.fw.table.overlays .cutout .copy a {display: block;height: 100%;text-decoration: none;width: 100%;z-index: 999;} .prodUX15 .row.fw.table.overlays .cutout .copy .cta {bottom: 0;left: 0;line-height: 1;position: absolute;text-decoration: underline;width: 100%;} .prodUX15 .row.fw.table.overlays .col-md-4-table-double .centre-content {display: table;height: 58.2em;} .prodUX15 .row.fw.table.overlays .col-md-4-table-double .centre-content div {display: table-cell;padding: 0 5%;vertical-align: middle;} .prodUX15 .col-md-4-3 .col-md-4-table-double:first-child {margin-left:0;} .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-2:first-child .textblock {height: 21.5em;} /* --- Style & Living on Campaign page --- */ .prodUX15 .sandlblock .col-md-3 {padding: 0;display: table;height: 40em;} .prodUX15 .sandlblock {border-top: 2px solid #000000;border-bottom: 4px solid #000000;overflow: hidden;margin: 0 1em;padding: 0;position:relative;max-height: 40em;} .prodUX15 .sandlblock .col-md-1 {padding-left: 0;} .prodUX15 .sandlblock .col-md-3 .centre-content {display: table-cell;vertical-align: middle;text-align: center;width:100%;} .prodUX15 .sandlblock .col-md-3:first-child {background: url('../../../images/global/nav/style-and-living-logo.png') no-repeat 100% 18%;background-size: contain;} .ie8 .prodUX15 .sandlblock .col-md-3:first-child {background: url('//asset2.marksandspencer.com/is/image/mands/f36c98c11adfe90064b15b77fb64eaff1e4510f4?fmt=png-alpha') no-repeat 100% 18%;} .prodUX15 .sandlblock .col-md-3:first-child p {text-indent: 1.6em;line-height: 1;font-family: 'DidotW01Italic', serif;text-transform: uppercase;font-size: 1.8em;margin-top: 1.2em;} .prodUX15 .sandlblock .col-md-3:last-child h2 {border-bottom: .8em solid #000;width: 4em;margin: 1em auto 0.85em;line-height: 1.2;text-transform: uppercase;font-family: 'DidotW01Roman', serif;position: relative;font-size: 4em;display: block;text-align: left;} .prodUX15 .sandlblock .col-md-3:last-child h2 span {clear: both;white-space: nowrap;display: block;font-size: .65em;line-height: 0.5;} .prodUX15 .sandlblock .col-md-3:last-child h2 span.plus {clear: left;display: block;position: absolute;line-height: 0;right: 0em;bottom: 0.55em;font-size: 1.6em;font-family: "HelveticaNeueW01-UltLt",Helvetica,arial, sans-serif;} .prodUX15 .sandlblock:before {content: "";position: absolute;border-left: 1px solid #87783b;left: 0;top: 0;display: block;height: 7em;z-index: 9;width: 2px;} .prodUX15 .sandlblock .col-md-3:last-child a {border-top: 2px solid #000;padding-top: 0.75em;display: block;width: 40%;margin: 1em auto 0;} /* --- Style & Living on DLP --- */ .prodUX15 .col-md-4-3 .sandlblock .col-md-3 {padding: 0;display: table;height: 29.3em;} .prodUX15 .col-md-4-3 .sandlblock {border-top: 2px solid #000;border-bottom: 4px solid #000;overflow: hidden;margin: 0;padding: 0;position:relative;max-height: 29.3em;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3 .centre-content {display: table-cell;vertical-align: middle;text-align: center;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:first-child {background: url('../../../images/global/nav/style-and-living-logo.png') no-repeat 100% 18%;background-size: contain;} .ie8 .prodUX15 .col-md-4-3 .sandlblock .col-md-3:first-child {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset2.marksandspencer.com/is/image/mands/f36c98c11adfe90064b15b77fb64eaff1e4510f4?fmt=png-alpha', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset2.marksandspencer.com/is/image/mands/f36c98c11adfe90064b15b77fb64eaff1e4510f4?fmt=png-alpha', sizingMethod='scale')";/*background: url('//asset2.marksandspencer.com/is/image/mands/f36c98c11adfe90064b15b77fb64eaff1e4510f4?fmt=png-alpha') no-repeat 100% 18%;*/} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:first-child p {text-indent: 1.6em;line-height: 1;font-family: 'DidotW01Italic', serif;text-transform: uppercase;font-size: 1.8em;margin-top: 1.2em;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:last-child h2 {border-bottom: .8em solid #000;width: 4em;margin: 1em auto 0.85em;line-height: 1.2;text-transform: uppercase;font-family: 'DidotW01Roman', serif;position: relative;font-size: 4em;display: block;text-align: left;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:last-child h2 span {clear: both;white-space: nowrap;display: block;font-size: .65em;line-height: 0.5;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:last-child h2 span.plus {clear: left;display: block;position: absolute;line-height: 0;right: 0em;bottom: 0.55em;font-size: 1.6em;font-family: "HelveticaNeueW01-UltLt",Helvetica,arial, sans-serif;} .prodUX15 .col-md-4-3 .sandlblock:before {content: "";position: absolute;border-left: 1px solid #87783b;left: 0;top: 0;display: block;height: 7em;z-index: 9;width: 2px;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:last-child a {border-top: 2px solid #000;padding-top: 0.75em;display: block;width: 40%;margin: 1em auto 0;} /* --- Lined Header--- */ .prodUX15 .lined-header h2,.prodUX15 .lined-header h3,.prodUX15 .lined-header h4 {font-size: 2.4em;} .prodUX15 .lined-header h1 span,.prodUX15 .lined-header h2 span,.prodUX15 .lined-header h3 span,.prodUX15 .lined-header h4 span {background: #FFFFFF;display: inline;padding: 0 1em;line-height: 1.1;width: auto;height: 30px;margin: 0 auto;} .prodUX15 .lined-header:before {content: "";display: block;position: absolute;top: 50%;width: 100%;z-index: -1;} .prodUX15 .lined-header:after {border:0;} .prodUX15 .lined-header h1 {font: 3em 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;margin: 0;} /* --- Mosaic 2 --- */ /*.prodUX15 .row.mosaic2 .col-md-3-2 .col-md-1 {max-width: 63em;padding: 0;width: 100%;}*/ /*.prodUX15 .row.mosaic2 .col-md-3 {max-width: 39em;padding: 0;width: 25%;}*/ /* --- Mosaic Highlights --- */ .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 {margin-right: 0;width: 64%;max-width: 580px;} .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 {margin-left: 0;width: 34%;max-width: 300px;} .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 .cutout .copy {position: absolute;width: 100%;text-align: center;bottom: 2em;} .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 .cutout {position: relative;display: block;overflow: hidden;max-height: 30em;} .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 .centre-content {padding: 0 3em;} /* --- AYS Video responsive 14-08-15 ---*/ .aysFrame {height: 100%;max-height: 540px;max-width: 960px;overflow: hidden;width: 92%;} /* --- Mosaic quote 25-08-15 --- */ .prodUX15 .centre-content.quote h2, .prodUX15 .centre-content.quote h3, .prodUX15 .centre-content.quote h4 {font:normal 3.6em 'DidotW01Roman',sans-serif;text-align: center;} .prodUX15 .centre-content.quote div {display: table-cell;height: 100%;vertical-align: middle;width:100%;} .prodUX15 .centre-content.quote {background: #EFEFEF;display: table;height: 38em;margin: 0 auto;padding:0 1em;text-align: center;width: 100%;} .prodUX15 .centre-content.quote h2:after {border-bottom: 1px solid #000000;content: "";display: block;height: 1px;margin: 0.5em auto;width: 40%;} /* --- Top 5 / 10 26-08-2015 10:50AM --- */ .prodUX15 .top-pick img {margin-top: 2.8em;position: relative;} .prodUX15 .top-pick p {padding: 0 1.6em 0.5em;} .prodUX15 .top-pick h2,.prodUX15 .top-pick h3,.prodUX15 .top-pick h4 {font-size: 2.4em;padding: 0.5em 1.1em;text-indent: -1.1em;} .prodUX15 .top-pick {border-bottom: 8px solid #000000;padding-top:1em;position: relative;} .prodUX15 .top-pick p + a {display:block;position:relative;} .prodUX15 .top-pick p + a:after {border-color: #FFFFFF rgba(0, 0, 0, 0);border-left: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid #FFFFFF;content: "";display: block;height: 0;left: 2.4em;position: absolute;top: 0;width: 0;} .prodUX15 .top10 .quote h1, .prodUX15 .top10 .quote h2, .prodUX15 .top10 .quote h3, .prodUX15 .top10 .quote h4 {font-size: 4.5em;margin: 0 auto;line-height:1;padding-bottom: 0.3em;text-transform:uppercase;width: 86%;} .prodUX15 .top10 .quote {display: table;height: 100%;margin-bottom:1.2em;max-height: 57.8em;overflow:hidden;padding: 4em;} .prodUX15 .top10 .quote img {margin: 1.5em auto;width: 30%;} .prodUX15 .top10 .quote .hp-button-blk-ghost a,.prodUX15 .top10 .quote .hp-button-white-ghost a{text-decoration:none;} .prodUX15 .top10 .quote .hp-button-blk-ghost:after,.prodUX15 .top10 .quote .hp-button-white-ghost:after {content: "";} .prodUX15 .top10 .quote.cta-panel {margin-top: 2em;} .prodUX15 .top10 .quote.cta-panel h1:after,.prodUX15 .top10 .quote.cta-panel h2:after,.prodUX15 .top10 .quote.cta-panel h3:after,.prodUX15 .top10 .quote.cta-panel h4:after {border:0;} .ie8 .prodUX15 .top-pick + .top-pick + .top-pick {clear:both;margin-top:-20%;overflow:hidden;} .ie8 .prodUX15 .top-pick + .top-pick + .top-pick + .top-pick {clear:none;margin-top:0;} .ie8 .prodUX15 .top-pick + .top-pick + .top-pick + .top-pick + .top-pick {margin-top:-15%;} .ie8 .prodUX15 .top-pick + .top-pick + .top-pick + .top-pick + .top-pick + .top-pick {margin-top:0;} /* --- Top 10 Update for responsive flow 07-09-15 --- */ .prodUX15 .top-pick {border-bottom: 8px solid #000000;display: block;float: left;height: auto;margin: 0 1em;max-height: 768px;max-width: 390px;padding-top: 1em;position: relative;width: 31%;} .prodUX15 .centre-content.quote {display: table;float: left;height: 100%;margin: 0 1em 1.2em;max-height: 53.5em;max-width: 390px;overflow: hidden;padding: 4em;width: 31%;} .prodUX15 .top10 .quote.cta-panel {margin-top: 2em;padding: 2em 1em;height: 20.1%;} .prodUX15 .top-pick:nth-child(4), .prodUX15 .top-pick:nth-child(7) {clear: both;overflow: hidden;} .prodUX15 .top-pick:nth-child(4), .prodUX15 .top-pick:nth-child(6), .prodUX15 .top-pick:nth-child(11) {margin-top: -13.5%;} /* --- Image block for video 27-08-15--- */ .prodUX15 .imgblock.video {clear: both;margin-bottom: 20%;/*margin-top: 3%;*/position: relative;} .prodUX15 .imgblock.video .copy.video .call-to-action {left: 38%;position: absolute;top: 25%;width: 23%;} .prodUX15 .imgblock.video .copy.video .call-to-action a {position: relative;width: 100%;} .prodUX15 .imgblock.video .copy.video {height: 120%;left: 0;padding-top: 72%;position: absolute;top: 0;width: 100%;} .prodUX15 .col-md-4-table-double .imgblock.video.white {margin-bottom: 0;} .prodUX15 .col-md-4-table-double .imgblock.video .copy.video .call-to-action {top: 35%;} .prodUX15 .imgblock.video.white .copy.video .call-to-action a {background: url("https://asset1.marksandspencer.com/is/image/mands/e4da5b9b4597db40c40c43b02322c8a375edd11f?wid=60&fmt=png-alpha") no-repeat scroll center 10px rgba(0, 0, 0, 0);display: inline-block;padding-top: 5.45em;} .prodUX15 .imgblock.video.white .copy.video .call-to-action a:hover {background-position: center -66.6px;} .prodUX15 .row.col2LrgImgTxt .imgblock.video .copy, .prodUX15 .row.col2LrgImgTxt .imgblock.video.white .copy {height: 55%;margin: 0;padding: 0;top: 27%;} .prodUX15 .row.col2LrgImgTxt .imgblock.video, .prodUX15 .row.col2LrgImgTxt .imgblock.video.white {margin-bottom: 0;} /* --- img block video size editorial_580x320 22-10-15 --- */ .prodUX15 .video[data-lazyload-options*="editorial_580x320"] .copy.video {padding-top: 55.5%;} /* --- Full width video 16-10-15 --- */ .prodUX15 .row .col-md-1 .imgblock.video.white {margin-bottom: auto;} /* --- CSS Triangles for images 10-09-15 --- */ .prodUX15 .arrow-from-top:after {border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 25px solid #FFFFFF;top:0;left:40%} .prodUX15 .arrow-from-right:after {border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid #FFFFFF;right: 0;top: 40%;} .prodUX15 .arrow-from-left:after {border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #FFFFFF;left: 0;top: 40%;} .prodUX15 .arrow-from-bottom:after {border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 25px solid #FFFFFF;bottom: 0;left:40%} .prodUX15 [class^="arrow-from-"]:after {width: 0;height: 0;position: absolute;content: "";display: block;} .prodUX15 [class^="arrow-from-"] {position:relative;} /* --- 2 column Large Image Left/Right with sub images 07-10-15 ---*/ .prodUX15 .subimgs .col-md-1 {height: 25em;margin-top: 2%;text-align: center;} .prodUX15 .subimgs .col-md-1 h2, .prodUX15 .subimgs .col-md-1 h3, .prodUX15 .subimgs .col-md-1 h4 {font: 1.8em/1.222 'HelveticaNeueMeduim',helvetica,arial,sans-serif;} .prodUX15 .row.col2LrgImgTxt .col-md-2-text-left.subimgs .col-md-2, .prodUX15 .row.col2LrgImgTxt .col-md-2-text-right.subimgs .col-md-2 {border: 0 none;} .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs[class^="col-md-2-text-"] {border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;/*outline: 1px solid #999999;*/padding-top: 32px;} .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs[class^="col-md-2-text-"] .cutout {text-align:center;} .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs {margin: 0 1em;width: 48.3%;} /* --- Image map copy overlay 100/100 --- */ .prodUX15 .imgmap-overlay {display:block;position:relative;} .prodUX15 .imgmap-overlay .copy {height:100%;left:0;position:absolute;top:0;width:100%;} /* --- A-Z Listing Template --- */ .prodUX15 .a-z-listing {font-size: 1.6em;line-height: 1.63;} .prodUX15 .a-z-key ul {display: block;float: left;width: 100%;} .prodUX15 .a-z-key li {float: left;width:3.84615%;} .prodUX15 .a-z-key a {display: block;font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;font-size: 1.8em;margin: 0.8em;text-decoration: none;} .prodUX15 .a-z-key {border-bottom:1px solid #000000;height:4em;margin: 0 auto;max-width: 120em;width: 100%;} .prodUX15 .a-z-listing .accordion-content li {float: left;line-height: 3;width: 25%;} .prodUX15 .a-z-listing .accordion-content {border-bottom: 1px solid #EEEEEE;clear: both;} .prodUX15 .a-z-listing .head {clear: left;float: left;width: 2%;} .prodUX15 .a-z-listing .accordion-content .head a {font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;font-size: 0.5em;text-decoration: none;} .prodUX15 .a-z-listing .accordion-content .content {overflow-y: auto;} .prodUX15 .a-z-listing .content {margin-left: 10%;min-height: 11em;padding-top: 1%;} .prodUX15 .a-z-key a[href=""] {color: #999999;cursor: default;pointer-events: none;} .prodUX15 .a-z-listing .accordion-content .content a[name] {display: block;margin-top: -3em;} /* --- Listings accordion Ts and Cs --- */ /*.prodUX15 .a-z-listing.tsandcs {font-size: 1.6em;line-height: 1.63;}*/ .prodUX15 .a-z-listing.tsandcs .accordion-content .content ol, .prodUX15 .a-z-listing.tsandcs .accordion-content .content ol li {font-size: 1em;list-style: decimal outside none;margin-left: 1%;padding-left: 1%;width: 99%;} .prodUX15 .a-z-listing.tsandcs .accordion-content ol li {line-height: 1.63;} .prodUX15 .a-z-listing.tsandcs .accordion-content p {font-size:1.3em;} .prodUX15 .a-z-listing.tsandcs .accordion-content .head a {display: table-cell;height: 2em;vertical-align: middle;white-space: nowrap;} .prodUX15 .a-z-listing.tsandcs .accordion-content .content ol {list-style: decimal outside none;padding-left: 2%;} .prodUX15 .a-z-listing.tsandcs .head {clear: both;display:block;float: none;width: 100%;} .prodUX15 .a-z-listing.tsandcs .accordion-content.closed .content {display:table-cell;min-height:inherit;padding:0 0 0 10%;visibility:initial;} /* --- Listings accordion Stores --- */ .prodUX15 .a-z-listing.stores .accordion-content:first-child {padding-bottom: 0;padding-top: 3%;} .prodUX15 .a-z-listing.stores .accordion-content {padding: 70px 0 0;} .prodUX15 .a-z-listing.stores .accordion-content li {float:left;line-height: 2;width:33.33333333333%;} .prodUX15 .a-z-listing.stores .accordion-content li a {display: block;text-decoration: none;} .prodUX15 .a-z-listing.stores .accordion-content li a:hover {text-decoration:underline;} .prodUX15 .a-z-listing.stores .accordion-content p {font-size:1.3em;} .prodUX15 .a-z-listing.stores .accordion-content .head {display: inline;float: left;text-align: center;width: 25%;} .prodUX15 .a-z-listing.stores .accordion-content .head a {display: initial;width:100%;} .prodUX15 .a-z-listing.stores .head {display: inline;float: left;width: 5%;} .prodUX15 .a-z-listing.stores .accordion-content.closed .content {display: table-cell;min-height: inherit;padding: 1% 0 70px;visibility: initial;} .prodUX15 .a-z-listing.stores .content {margin-left: initial;min-height: 11em;padding: 1% 0 70px;} .prodUX15 .a-z-listing.stores .accordion-content.closed .content ul {width: 100%;max-width: 900px;} .prodUX15 .a-z-listing.stores .accordion-content .content.this {max-width:900px;width:100%;} /* --- Fix for store list --- */ .prodUX15 .a-z-listing.stores .accordion-content li a {min-width: 150px;} /*--- Fabric tabbed content--- */ .prodUX15 .homeFabric.key + .row .col-md-6 p {height: 5em;font-size: 1.6em;margin: 2em 0 1em;} .prodUX15 table.fabric-price-bands {line-height: 2;border: #999;border-collapse: collapse;} .prodUX15 table.fabric-price-bands td,.prodUX15 table.fabric-price-bands th {padding-left: 2%;border: 1px solid #999;} .prodUX15 table.fabric-price-bands th {text-align: left;} .prodUX15 table.fabric-price-bands tr:nth-child(even) {background: #EEE;} .prodUX15 table.fabric-price-bands {border: 1px solid #666;font-size: 1.6em;line-height:1.63;} /* --- Table J Hero Tile + 5 Img tiles 21-10-15 --- */ .prodUX15 .col-md-3-table-j {max-width: 90em;padding: 0 1em;width: 100%;} .prodUX15 .col-md-3-table-j [class^="col-md-"] {margin: 0;outline: 1px solid #EEEEEE;padding: 0;} .prodUX15 .col-md-3-table-j .col-md-3-2 {max-width: 590px;width: 66.6%;} .prodUX15 .col-md-3-table-j .col-md-3 {margin: 0;max-width: 310px;padding: 0;width: 33.3%;} .prodUX15 .col-md-3-table-j .col-md-3:nth-child(4) {clear: left;} .prodUX15 .col-md-3-table-j .col-md-3-2 .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);left: 5%;top: 20%;} /* --- Two column large product promo 21-10-15 --- */ .prodUX15 .two-col-large-prod-promo .col-md-2-table {width:50%;} .prodUX15 .col-md-4-3 .two-col-large-prod-promo {height: 44em;max-height: 440px;} .prodUX15 .two-col-large-prod-promo {height: 59em;max-height: 590px;} .prodUX15 .two-col-large-prod-promo .imgblock.video.white .copy.video.black {height: 79%;margin-bottom: 0;margin-top: 20%;padding: 0;} .prodUX15 .two-col-large-prod-promo .imgblock.video.white {margin-bottom: 0;padding: 0;} /* --- Clothing guides horizontal tabs 29-10-15 --- */ .prodUX15 .clothing-guide-tabs .tab-container.cf {position: relative!important;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li {display: block;float: left;width: 16.66%;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links {width: 100%;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li a {border: 1px solid;display: block;font-size: 1.4em;margin: 0 1em;padding: 1.2em;text-align: center;text-decoration: none;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li.active a {font-weight: bold;} /*.prodUX15 .clothing-guide-tabs .details-list li.active {height: 60em;}*/ .prodUX15 .clothing-guide-tabs .details-list {clear: both;padding-top: 2em;} .prodUX15 .clothing-guide-tabs .details-list li {display: none;} .prodUX15 .clothing-guide-tabs .details-list li.active {display: block;} .prodUX15 .clothing-guide-tabs .header h2 {line-height: 2;text-align: center;} .prodUX15 .clothing-guide-tabs .col-md-6 .image-popup-no-margins {display:block;} .prodUX15 .clothing-guide-tabs .col-md-6 .image-popup-no-margins:before {background-image:none;content:""} .prodUX15 .clothing-guide-tabs .col-md-6 .image-popup-no-margins:after {background: url("//asset1.marksandspencer.com/is/image/mands/4f5f5352aee5c8dc67e47bce97e1ac297f571a66?fmt=png-alpha") no-repeat scroll 50% 35% rgba(0, 0, 0, 0);bottom: 1%;content: "";display: block;height: 3em;left: auto;position: absolute;right: 1%;top: auto;width: 3em;} .prodUX15 .clothing-guide-tabs.tabs5 .details-controls.tab-links li {width: 20%;} .prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li {width: 11.1111%;} .prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li a {margin: 0 0.3em;padding: 1.2em 0.2em;} .prodUX15 .clothing-guide-tabs .details-list li ul,.prodUX15 .clothing-guide-tabs .details-list li ol {list-style-type:disc;} .prodUX15 .clothing-guide-tabs .details-list li li {display:list-item;float:none;font-size:1.6em;line-height:1.5;list-style-position:inside;} .prodUX15 .clothing-guide-tabs.tabs4 .details-controls.tab-links li {width: 25%;} /* --- Instore image block overlay icon 26-11-15 --- */ .prodUX15 .imgblock .copy .instore {background: url("//asset1.marksandspencer.com/is/image/mands/9d8c8608891917414829733499056d62a0f638f7?fmt=png-alpha") no-repeat scroll 50% center / 74% auto #FFFFFF;border-radius: 50% 50% 50% 50%;display: block;height: 40px;padding: 2em;position: absolute;right: 1.5em;top: 0.5em;width: 40px;} .prodUX15 .imgblock .copy .homedelivery {background: url("//asset1.marksandspencer.com/is/image/mands/a3635fe26fc655f13949e4487e78b2a50f93a58d?fmt=png-alpha") no-repeat scroll 50% center / 74% auto #FFFFFF;border-radius: 50% 50% 50% 50%;display: block;height: 40px;padding: 2em;position: absolute;right: 1.5em;top: 0.5em;width: 40px;} /* --- International delivery 12-11-15 --- */ .prodUX15 .row.del-countries {min-height: 20em;padding: 3.5em;background: #EEEEEE;} .prodUX15 .countries .delivery-title {font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;} .prodUX15 .del-countries select#where {font-size:16px;height: 35px;margin-bottom:10%;margin-top: 5%;padding:7px 12.3px;width: 60%;} .prodUX15 .del-countries select#where.delivery {margin-bottom:3%;} .prodUX15 .int-delivery-options > ul {display: block;float: left;font-size: 1.6em;margin-left: 3%;width: 45%;} .prodUX15 .int-delivery-options ul.delivery, .prodUX15 .int-delivery-options ul.collect + ul.collect {margin-left:0;} .prodUX15 .int-delivery-options > ul li {border-bottom:1px solid #E5E5E5;line-height:normal;padding:8px 0;text-indent: 40px;} .prodUX15 .int-delivery-options li:nth-child(even) {background-color: #EEE!important;} .prodUX15 .int-delivery-options ul.collect li {background: url("/images/external/shop-your-way-icns.png") 0px -88px no-repeat;text-indent: 3.05em;width: 100%;} .prodUX15 .int-delivery-options ul.delivery li {background:url("/images/external/shop-your-way-icns.png") 0 -123px no-repeat;width: 100%;text-indent: 3.05em;} .prodUX15 .int-delivery-options ul li.heading {text-indent:1em;} .prodUX15 .int-delivery-options ul.collect li.blank,.prodUX15 .int-delivery-options ul.delivery li.blank,.prodUX15 .int-delivery-options ul li.heading {background-image:none;} .prodUX15 .int-delivery-options h2,.prodUX15 .int-delivery-options h3,.prodUX15 .int-delivery-options h4 {font:normal 1.6em/1.63 'HelveticaNeueMeduim',helvetica,arial,sans-serif;margin: 0 3% 2%;} .prodUX15 .delivery-details ul {min-height:30px;} .prodUX15 .delivery-details ul.countries li {display:none;} .prodUX15 .int-delivery-options {clear:both;margin-bottom: 10%;} .prodUX15 .int-delivery-options .collect {border-left: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;} .prodUX15 .int-delivery-options .collect + .collect {border-left: none;border-right: 1px solid #EEEEEE;} .prodUX15 .int-delivery-options .delivery {border-right: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;} .prodUX15 .int-delivery-options p {margin: 0 3%;} .prodUX15 .int-delivery-options p a {font: 1em/1 'HelveticaNeueMeduim',helvetica,arial,sans-serif;} .prodUX15 .del-countries label {display: none;} /* --- Delivery times 13-11-15 --- */ .prodUX15 .delivery-times img {clear: left;float: left;height: 35px;width: auto;} .prodUX15 .delivery-times .copy {margin-left: 10%;} .prodUX15 .delivery-times {clear: both;display: inline-block;margin: 4em 2em;position: relative;} .prodUX15 .delivery-times .copy h2, .prodUX15 .delivery-times .copy h3, .prodUX15 .delivery-times .copy h4 {font: 2em/1.8 'HelveticaNeueMeduim',helvetica,arial,sans-serif;} /* --- Slim banner image left 13-11-15 --- */ .prodUX15 .slimbanner.img-left {border: 1px solid #000000;display: table;height: 14.5em;width: 100%;} .prodUX15 .slimbanner.img-left a img {float: left;height: 100%;width: auto;} .prodUX15 .slimbanner.img-left .copy {display: table-cell;height: 100%;padding-left: 3%;vertical-align: middle;} .prodUX15 .slimbanner.img-left a {display: table-cell;height: 100%;vertical-align: middle;width: 25%;} .prodUX15 .slimbanner.img-left .copy a {display: inline;line-height: 1;vertical-align: inherit;} .prodUX15 .slimbanner.img-left .copy h2, .prodUX15 .slimbanner.img-left .copy h3, .prodUX15 .slimbanner.img-left .copy h4 {font: 2em/1.8 'HelveticaNeueMeduim',helvetica,arial,sans-serif;text-transform: uppercase;} /* --- DLP Banner Image with text overlay --- */ .prodUX15 .dlp-image-banner {position: relative;} .prodUX15 .dlp-image-banner .copy {display: block;height: 7.5em;left: 0;position: absolute;text-align: center;top: 0;vertical-align: middle;width: 100%;} .prodUX15 .dlp-image-banner .copy h2 {display: table;height: 100%;width: 100%;} .prodUX15 .dlp-image-banner .copy a {color:#000000;display: table-cell;font: 1em/1 "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;height: 100%;text-decoration: none;vertical-align: middle;width: 100%;} /* --- Table B Alt 2 18-11-15 --- */ .prodUX15 .col-md-4-3 .col-md-3-table-b.alt.double-top .col-md-3-2 + .col-md-3 {float: right;height: 100%;max-height: 578px;} /* --- Food hub tile for Full width 3 columns 23-11-15 M.CRAMPTON--- */ .prodUX15 .food-hub-tile {position: relative;} .prodUX15 .food-hub-tile .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #FFFFFF;position: absolute;text-align: center;top: 0;width: 100%;} .prodUX15 .food-hub-tile .copy div a {color:#FFFFFF;width: 100%;height: 100%;display: block;margin: auto 0;padding: 8.9em 0;text-decoration: none;} .prodUX15 .food-hub-tile img {display: block;position: relative;width: 100%;z-index: -1;} .prodUX15 .food-hub-tile .copy h3 {letter-spacing:1.5px;color: #FFFFFF;font-family: 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;font-size: 7.4em;text-transform: uppercase;} .prodUX15 .food-hub-tile .copy p:first-of-type, .prodUX15 .food-hub-tile .copy p:last-of-type {text-transform: uppercase;} .prodUX15 .food-hub-tile .copy p:first-of-type {font-size: 1.8em;letter-spacing:1.5px;line-height: 0;} .prodUX15 .food-hub-tile .copy p:last-of-type {font-size: 1.4em;letter-spacing:1px;} .prodUX15 .food-hub-tile + .textblock {margin-top: 2.4em;text-align: center;} /* --- Food tile on page with left nav 04-12-2015 --- */ .prodUX15 .col-md-4-3 .food-hub-tile .copy div a {font-size: 0.85em;padding: 7em 0;} /* --- Order tiles / download link 24-11-15 M.CRAMPTON--- */ .prodUX15 .order-tiles .download-link {background: url("//asset1.marksandspencer.com/is/image/mands/2d74b04e5862d7dfdcb7668da33ab7607d3cd0c7?wid=25") no-repeat 50%;content: "";display: inline-block;height: 24px;margin: 0 0.3em 0 0;position: relative;width:1.8em;} .prodUX15 .order-tiles .download-link a{display: block;height:100%;text-decoration: none;width: 100%;} .prodUX15.wrap .row.showGrid.nobkGd .order-tiles p {margin-bottom: 0.63em;} .prodUX15.wrap .row.showGrid.nobkGd .order-tiles .home-delivery,.prodUX15.wrap .row.showGrid.nobkGd .order-tiles .instore {color: #000000;display: inline;line-height: 1.2;} .prodUX15.wrap .row.showGrid.nobkGd .order-tiles .home-delivery:before {background: url("//asset1.marksandspencer.com/is/image/mands/9357af06700d9179268ed8f12ee62a4eccb215bd") no-repeat 0 0;content: "";display: inline-block;height: 34px;line-height: 0;overflow: visible;width: 40px;} .prodUX15.wrap .row.showGrid.nobkGd .order-tiles .instore:before {background: url("//asset1.marksandspencer.com/is/image/mands/a0809c68644ff0767f45b6f64f50a2966b7042f1") no-repeat 0 0;content: "";display: inline-block;height: 34px;line-height: 0;overflow: visible;width: 40px;} /* --- Sparks FAQs Accordion 11-12-2015--- */ .prodUX15 .faq-reveals .accordion-content .head h2 a {display: table-cell;font-size: 0.3472em;text-decoration: underline;vertical-align: middle;} .prodUX15 .faq-reveals .accordion-content {list-style: none outside none;} .prodUX15 .faq-reveals .accordion-content .head h2 {display: table;height: 0.6em;line-height: 1;} .prodUX15 .faq-reveals .question {font-size: 0.7em;margin: 2em 1em;border: 2px solid #999999;padding: 1em;} .prodUX15 .faq-reveals .question h2, .prodUX15 .faq-reveals .question h3, .prodUX15 .faq-reveals .question h4 {font-size: 2.4em;margin-bottom: 0.5em;} /* --- Hero 880 x 236 with white overlay 17-12-15 --- */ .prodUX15 .col-md-4-3 .dlp.hero.static.w880.h236.overlay .copy {left: 3em;padding: 1em;top: 2em;width: 44%;} @media screen and (min-width:820px) and (max-width:980px) { .prodUX15 .row.mosaic2 .col-md-3-2 + .col-md-3, .prodUX15 .row.mosaic2 .col-md-3 {width: 31%;} } @media screen and (min-width:551px) and (max-width:819px) { .prodUX15 .row.mosaic2 .col-md-3-2 + .col-md-3, .prodUX15 .row.mosaic2 .col-md-3-2 {width: 64%;} .prodUX15 .row.mosaic2 .col-md-3-2 + .col-md-3, .prodUX15 .row.mosaic2 .col-md-3 {width: 30%;} .prodUX15 .textblock.h19-5 div h2 {font-size:2.4em;} } @media screen and (min-width: 768px) and (max-width: 1048px) { /*.prodUX15.wrap {width: 100%;max-width: 118em;}*/ .prodUX15 .col-md-4-3 [class^="col-md-"] .textblock {height:21.7em;} /*.prodUX15 [class^="col-md-4-table"] .textblock.h30 {height: 29.5em;}*/ } @media screen and (max-width: 959px) { .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double {height: initial;max-width: 350px;width:100%;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table {height:initial;width:175px;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table .textblock, .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .textblock {height:22em;} /* --- Full width table update 17-09-2015 --- */ .prodUX15 .row.fw.table.overlays .col-md-4-table-double .centre-content {height: auto;} .prodUX15 .row.fw.table.overlays .col-md-4-table-double .centre-content div {vertical-align: top;} /* --- 2 column Large Image Left/Right with sub images 07-10-15 ---*/ .prodUX15 .row.clearfix.col2LrgImgTxt [class^="col-md-2-text-"].subimgs {width:47%;} /* --- Table F Full width 13-10-15--- */ .prodUX15 .col-md-3-table-f.full-width {outline: 0 none;width: 98%;} .prodUX15 .col-md-3-table-f.full-width .col-md-3-2 {display:table-header-group;margin: 0 auto;max-width:none;width: auto;} .prodUX15 .col-md-3-table-f.full-width .col-md-3 {display:table-footer-group;height: auto;max-width: 80em;outline:none;padding: 3em 5em;width: 100%;} /* --- International delivery 12-11-15 --- */ .prodUX15 .int-delivery-options > ul,.prodUX15 .int-delivery-options ul.delivery, .prodUX15 .int-delivery-options ul.collect + ul.collect {float: none;width: 95%;margin: 0 3%;border: 1px solid #EEE;} .prodUX15 .int-delivery-options li.blank {display: none;} } @media screen and (min-width: 768px) and (max-width: 836px) { .prodUX15 .col-md-4-3 .col-md-4-table {width:24.5%;} .prodUX15 .col-md-4-3 .col-md-4-table-double {width:48.5%;} .prodUX15 .col-md-4-3 [class^="col-md-"] .textblock {height:14em;} } @media screen and (min-width: 768px) and (max-width: 967px) { .prodUX15 .col-md-2.border.middle .col-md-2 {width:50%;max-width:28em;} .prodUX15 .fw.hero.static.overlay .copy {width:75%;} } @media screen and (max-width: 767px) { .prodUX15.wrap {width: 100%;max-width: 95em;} .prodUX15 .col-md-4-3 .col-md-2-table {width: 48.2%;max-width: 35em;height: auto;} .prodUX15 .col-md-4-3 .row .col-md-2-table {height:auto;} .prodUX15 .col-md-4-3 .row .col-md-2-table .centre-content {width: 48%;} .prodUX15 .col-md-4-3 .hero .copy {padding: 1em;width: 96%;} .prodUX15 .col-md-4-3 .hero .copy p br {display: none;} .prodUX15 .col-md-4-3 .hero .copy h1 {margin-bottom: 0;} .prodUX15 .col-md-4-3 .row .col-md-2-table .centre-content {height: auto;padding: 6em 0;} .prodUX15 .col-md-4-3 .row .col-md-2-table {height:auto;} .prodUX15 .fw.hero.static, .prodUX15 .col-md-4-3 .dlp.hero.static.w880 {font-size: 0.8em;display:table;height:100%;min-height:150px; max-height:330px;width:100%;} .prodUX15 .fw.hero.static img, .prodUX15 .col-md-4-3 .dlp.hero.static.w880 img {margin-top:2em;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880 .copy, .prodUX15 .hero .copy{display:table-header-group;left:auto;position:relative;text-align:center;top:auto;width:100%;} .prodUX15 .fw.hero.sml.center .copy {display:block;/*height:40em;*/left:auto;margin-bottom:0;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880 .copy h1 br {display:none;} .prodUX15 .col-md-4-3 .row .col-md-2-table {height: 100%;} .prodUX15 .offset-1,.prodUX15 .offset-2 {margin-left: 5%;width: 90%;} .prodUX15 .col-md-4-3 .col-md-4 {width: 50%;max-width: 35em;} .prodUX15 .row .col-md-2-table {float: none;height: 100%;max-height: 50em;max-width: 55em;min-height: 30em;width: 100%;} .prodUX15 .row .col-md-2-table:first-child {margin-left: 0;} .prodUX15 .row .col-md-2-table .centre-content {padding: 0 5%;} .prodUX15 .row .col-md-2-table:last-child, .prodUX15 .row .col-md-2-table:first-child {margin: 0 auto;width:84%;} .prodUX15 .col-md-4-table-double,.prodUX15 .col-md-4-table-double:first-child, .prodUX15 .col-md-4-table:first-child {float: none;margin: 0 auto;max-width: 400px;} .prodUX15 .col-md-4-3 [class^="col-md-4-table"] .textblock.h30 {max-height: 29.5em;height: 100%;min-width: 200px;} .prodUX15 .col-md-4-table-double .col-md-2 {height: 25.5em;} .prodUX15 .col-md-4-3 .col-md-4-table-double .col-md-2 {background:#FFF;max-height: 29.5em;height: 25.1em;min-width: 200px;max-width: 200px;} .prodUX15 .col-md-4-3 .col-md-4-table-double {width: 100%;max-width: 400px;} .prodUX15 .col-md-4-3 [class^="col-md-"] .textblock {height: 25em;} .prodUX15 .col-md-4-table .col-md-1 {width: 50%;} .prodUX15 [class^="col-md-4-table"] .textblock.h30 {height:100%;} .prodUX15 [class^="col-md-4-table"] .textblock {height:100%;max-height:29.3em;} .prodUX15 .col-md-4-3 .row .col-md-4-table {float:none;margin: 0 auto;max-width: 400px;width: 100%;} .prodUX15 .col-md-4-3 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .col-md-4-3 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content {/*max-width:264px;*/width:50%;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dl img {float:none;} .prodUX15 .fw.hero .copy, .prodUX15 .fw.hero.static .copy, .prodUX15 .col-md-4-3 .dlp.hero.static.w880 .copy, .prodUX15 .fw.hero .copy .mnsText1, .prodUX15 .fw.hero.static .copy .mnsText1, .prodUX15 .col-md-4-3 .dlp.hero.static.w880 .copy .mnsText1 {color:#000000!important;} .prodUX15 .col-md-2.border.middle .col-md-2:nth-child(2) {margin: 0;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.mob-hide img {display:none;} /* --- Table C --- */ .prodUX15 .col-md-4-3 .col-md-3-table-c [class^="col-md"] {outline: 0;height: 100%;overflow: visible;} .prodUX15 .col-md-4-3 .col-md-3-table-c [class^="col-md"] .copy {position: relative;background: transparent;margin: 2em 0;width: 100%;left: auto;bottom: auto;z-index: 9;} .prodUX15 .col-md-4-3 .col-md-3-table-c {height: auto;overflow: visible;} .prodUX15 .col-md-4-table {width: 60%;max-width: 50em;padding: 0;margin: 0 auto;float: none;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .textblock {height: 21.9em;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .col-md-2 {height: 21em;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table {height: initial;width: 350px;} /* --- Hero white text to black for responsive --- */ .prodUX15 .fw.hero.static.white h1, .prodUX15 .fw.hero.static.white p, .prodUX15 .fw.hero.static.white a {color: #000000;} .prodUX15 .hp-button-white-ghost {border:1px solid #000000;} .prodUX15 .top-pick .hp-button-white-ghost {border:1px solid #FFFFFF;color:#FFFFFF;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.centred.alt .copy .hp-button-white-ghost {color:#000000;width:100%;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.alt .copy h1 br {display: table;} /* --- Hero centered text white to black --- */ .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h1, .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h2, .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h3, .prodUX15 .col-md-4-3 .hero.static.w880.centred.alt .copy h4 {color: #000000;} .prodUX15 .col-md-4-3 .hero .copy .hp-button-blk-ghost, .prodUX15 .col-md-4-3 .hero .copy .hp-button-white-ghost {color:#000000;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-2:first-child .textblock {height: 21.8em;} /* --- Hero overlay width 17-09-2015--- */ .prodUX15 .hero .width40,.prodUX15 .hero .width50,.prodUX15 .hero .width60,.prodUX15 .hero .width70,.prodUX15 .width80,.prodUX15 .width90 {width: initial;} /* --- Any width 17-09-2015--- */ .prodUX15 .width40,.prodUX15 .width50,.prodUX15 .width60,.prodUX15 .width70 {width: initial;} .prodUX15 .row.fw.table.overlays [class^="col-md-4"] .copy {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);clear: both;padding: 4em 0;position: relative;} /* --- Hide break tags in hero on mobile 21-09-2015 --- */ .prodUX15 .fw.hero.static.white br {display: none;} .prodUX15 .hero .copy p,.prodUX15 .fw.hero.static.overlay .copy p {text-align:center;} /* --- Table I 07-10-15 --- */ .prodUX15 .col-md-3-table-i .col-md-3 {display: none;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-3-table-i .col-md-3-2 {width: 100%;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-3-table-i {outline: none;} .prodUX15.wrap .row.showGrid.nobkGd .col-md-2 {width: 46%;} .prodUX15 .col-md-4 .videoblock .copy .call-to-action a {line-height:24;} /* --- DLP Image banner 18-11-15 M.CRAMPTON --- */ .prodUX15 .dlp-image-banner .copy {height: 5.5em;} .prodUX15 .dlp-image-banner .copy a {font-size:0.7em;} /* --- Mosaic box link --- */ .prodUX15 .mosaic a.hp-button-white-ghost.btnstyle.mnsText1 { border: 0; } /* --- Food hub tile 23-11-15 M.CRAMPTON --- */ .prodUX15 .food-hub-tile .copy div a {padding: 6em 0;} } @media screen and (max-width:750px) { .prodUX15 .col-md-4-3 .col-md-2-table {width:48%;} .prodUX15 .col-md-4-3 .row .col-md-2-table .centre-content {height: auto;padding: 5% 0;} .prodUX15 [class^="col-md-2-text-"] .centre-content {padding:0 2em 0 3em;} .prodUX15 .col-md-4-3 .col-md-2-table h2, .prodUX15 .col-md-4-3 .col-md-2-table h3, .prodUX15 .col-md-4-3 .col-md-2-table h4 {font-size: 2.187em;} .prodUX15 .col-md-2 .overlay .copy {left:2em;top:2em;} .prodUX15 .col-md-2 .overlay .copy h2, .prodUX15 .col-md-2 .overlay .copy h3, .prodUX15 .col-md-2 .overlay .copy h4 {font-size:2.4em;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content {height:auto;padding: 0;} } @media screen and (max-width: 700px ) { .prodUX15 .col-md-2-text-left {border-right:none;} .prodUX15 .col-md-2-text-right {border-left:none;} .prodUX15 [class^="col-md-2-text-"] .centre-content {padding: 0 1em 0 .3em;} .prodUX15 [class^="col-md-2-text-"] h2, .prodUX15 [class^="col-md-2-text-"] h3, .prodUX15 [class^="col-md-2-text-"] h4 {font-size:2.4em;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .centre-content,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .centre-content {height: auto;padding:0;} .prodUX15 [class^="col-md-2-text-"] h2, .prodUX15 [class^="col-md-2-text-"] h3, .prodUX15 [class^="col-md-2-text-"] h4 {font-size: 2.4em;line-height: 1;} } @media screen and (min-width: 551px) and (max-width: 1023px) { .prodUX15 .col-md-3-table {margin: 0 auto;width: 80.21612635078969%;display: table;padding:0;max-width: 48.25em;float: none;} .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 {float: left;width: 50%;height: 50%;max-width: 24.125em;max-height: 24.125em;position: relative;display: table;clear: right;min-width: 24.125em;} .prodUX15 .col-md-3-table .col-md-3 .textblock {width: 100%;height:100%;max-height: 24.12em;} .prodUX15 .col-md-4-3 .col-md-3-table .col-md-3 .textblock {height: 24.12em;} .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 + .col-md-3 {float: left;width: 50%;margin: -48.25em 0 0 24.2em;display: block;clear: both;max-width: 24.125em;padding: 0;height: 100%;max-height: 48.1em;position:relative;min-width: 24.125em;} .prodUX15 .col-md-3-table .col-md-3-2 {display: block;clear: both;float: none;margin: 0;max-height: 23.9em;width: 100%;max-width: 48.4em;min-width: 48.4em;} .prodUX15 .col-md-3-table .col-md-3 {width: 50%;float: none;height: 39.333333%;max-height: 24.125em;position: relative;margin: 0;max-width: 24.125em;min-width: 24.125em;} .prodUX15 .hero.overlay .copy h1 {margin:0 0 0.1em;white-space: normal;} .prodUX15 .hero.overlay .copy ul {width:70%;} .prodUX15 .hero.overlay .copy {padding:2em 0 0 2em;} .prodUX15 .col-md-6 {width: 33.33%;margin-bottom: 2em;} .prodUX15 [class^="col-md-2-text-"] .mandseditor {margin-left:0;} /* --- Style & living block dlp --- */ .prodUX15 .col-md-4-3 .sandlblock .col-md-3 {height: 23.4em;width: 50%;margin:0;max-width: 23.4em;min-width: 23.4em;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:first-child {display:block;float:left;max-width:293px;width:50%;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3 + .col-md-3 + .col-md-3 {max-width: 31.4em;min-width: 23.4em;width:50%;} .prodUX15 .col-md-4-3 .sandlblock .col-md-3:nth-child(2) {width: 0;max-width: 0;min-width: 0;display: none;height: 0;max-height: 0;} .ie8 .prodUX15 .col-md-4-3 .sandlblock .col-md-3 + .col-md-3 {width: 0;max-width: 0;min-width: 0;display: none;height: 0;max-height: 0;} .ie8 .prodUX15 .col-md-4-3 .sandlblock .col-md-3 + .col-md-3 + .col-md-3 {display: block;} /* --- Style & living block campaign --- */ .prodUX15 .sandlblock .col-md-3 {height: 32em;width: 50%;max-width: 32em;min-width: 32em;} .prodUX15 .sandlblock .col-md-3 + .col-md-3 + .col-md-3 {max-width: 32em;min-width: 32em;} .prodUX15 .sandlblock .col-md-3:nth-child(2) {width: 0;max-width: 0;min-width: 0;display: none;height: 0;max-height: 0;} .ie8 .prodUX15 .sandlblock .col-md-3 + .col-md-3 {width: 0;max-width: 0;min-width: 0;display: none;height: 0;max-height: 0;} .ie8 .prodUX15 .sandlblock .col-md-3 + .col-md-3 + .col-md-3 {display: block;} .prodUX15 .sandlblock .col-md-3:nth-child(2) img {display: none;} .prodUX15 .col-md-4-3 .sandlblock {width: 52%;margin: 0 auto;min-width: 53em;float: none;} .prodUX15 .sandlblock {width: 52%;margin: 0 auto;min-width: 65em;float: none;} /* --- Table B / D --- */ .prodUX15 .col-md-4-3 .col-md-3-table-b,.prodUX15 .col-md-4-3 .col-md-3-table-d {margin: 0 auto;width: 80.21612635078969%;display: table;padding: 0;height: auto;max-width: 49em;float: none;} .prodUX15 .col-md-4-3 .col-md-3-table-b [class^="col-md"],.prodUX15 .col-md-4-3 .col-md-3-table-d [class^="col-md"] {height: 33.3%;margin: 0;padding: 0;max-height: 34em;position: relative;} .prodUX15 .col-md-4-3 .col-md-3-table-b [class^="col-md"] img,.prodUX15 .col-md-4-3 .col-md-3-table-d [class^="col-md"] img {margin: 0;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3-2,.prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3-2 {float: none;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3,.prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3 {width: 50%;height: auto;} .prodUX15 .col-md-4-3 .row.mosaic2 .col-md-3-2, .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 {margin: 0 auto;clear: right;float: none;} .prodUX15 .col-md-4-3 .row.mosaic2 .col-md-3-2 + .col-md-3, .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 {width: 100%;float: left;margin:0 auto;max-width: 90em;} .prodUX15 .col-md-4-3 .row.mosaic2 .col-md-3-2 + .col-md-3 .imgblock, .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 .cutout {float: left;width: 33%;} .prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3-2 .copy {bottom:2em;} /* --- Table D --- */ /*.col-md-3:first-child,*/ .prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3:first-child {float: none;margin: 0 auto;width: 50%;} /* --- Table E --- */ .prodUX15 .col-md-4-3 .col-md-3-table-e {float:none;/*height: 100%;*/margin:0 auto;max-height: 88em;max-width: 58em;padding:0;width: 97%;} .prodUX15 .col-md-4-3 .col-md-3-table-e .col-md-3-2 {clear:both;float:none;height: initial;max-width: 58em;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-e .col-md-3 {height: initial;max-height: 29.4em;max-width: 29.3em;width: 50%;} .prodUX15 .col-md-4-3 .col-md-3-table-e [class^="col-md-"] img {margin:0;} /* --- Table F ---*/ .prodUX15 .col-md-3-table-f .col-md-3-2 {float:none;width: 97%;margin:0 auto;max-width: 58em;} .prodUX15 .col-md-3-table-f .col-md-3 {background:transparent;float:none;position: relative;height: 100%;margin:0 auto;max-height: 58.8em;max-width:58.8em;outline:0;padding:3em 2em 0;text-align: center;width:70%;} .prodUX15 .col-md-3-table-f .col-md-3 h2, .prodUX15 .col-md-3-table-f .col-md-3 h3, .prodUX15 .col-md-3-table-f .col-md-3 h4 {font-size: 2em;} .prodUX15 .col-md-3-table-f .pullQuote {bottom: auto;padding:0 2em;position: relative;width:100%;} .prodUX15 .col-md-3-table-f .pullQuote img {width: 30%;margin: 0 auto;} /* --- Table F full width ---*/ .prodUX15 .col-md-3-table-f.full-width, .prodUX15 .col-md-3-table-f.full-width .col-md-3 {outline:0;} /* --- Table G --- */ .prodUX15 .col-md-3-table-g {float:none;margin:0 auto;max-width:68em;} .prodUX15 .col-md-3-table-g .col-md-3 {width: 50%;} .prodUX15 .col-md-3-table-g .col-md-3:nth-child(4), .prodUX15 .col-md-3-table-g .col-md-3:nth-child(5) {margin: 0;} .prodUX15 .col-md-3-table-g .col-md-3-2 {width: 100%;} .prodUX15 .col-md-3-table-g .col-md-3:last-child,.prodUX15 .col-md-3-table-g .col-md-3-2 + .col-md-3 {margin: 0 25%;width: 50%;} /* --- Table H --- */ .prodUX15 .col-md-3-table.alt-h .col-md-3:first-child {max-width: 600px;width: 100%;} .prodUX15 .col-md-3-table.alt-h .col-md-3:first-child .col-md-1, .prodUX15 .col-md-3-table.alt-h .col-md-3:first-child .cutout {float: left;width: 50%;} .prodUX15 .col-md-3-table.alt-h .col-md-3:first-child .cutout {width: 100%;} /* --- Hero Titles --- */ .prodUX15 .hero .copy h1,.prodUX15 .hero .copy h2,.prodUX15 .hero .copy h3,.prodUX15 .hero .copy h4 {font-family: 'DidotW01Roman',Georgia,'Times New Roman',serif;font-size:5em;line-height:1;} .prodUX15 .col-md-2.border.middle .col-md-2 {max-width: 28em;width: 50%;} /* --- Embedded video iframe --- */ .prodUX15 .col-md-2 #MSEmbedIframe {width: 97%;max-width:36em;display: block;overflow: hidden;} /* --- Mobile landscape 16-10-15 --- */ .touch .prodUX15.wrap .col-md-4 + .col-md-4-3 {width: 100%;max-width: 960px;} .prodUX15 .row .two-col-large-prod-promo .col-md-2-table {width: 84%;margin: 0 auto;max-width: 800px;} .prodUX15 .row .two-col-large-prod-promo .col-md-2-table:last-child {margin: 0 auto;width: 84%;max-width: 800px;} .prodUX15 .row .two-col-large-prod-promo .col-md-2-table,.prodUX15 .row .two-col-large-prod-promo .col-md-2-table:last-child {float: none;max-width: 590px;} /* --- Clothing guides horizontal tabs 29-10-15 --- */ .prodUX15 .clothing-guide-tabs .details-controls.tab-links li, .prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li,.prodUX15 .clothing-guide-tabs.tabs5 .details-controls.tab-links li {width: 33.33%;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li a {margin: 1em;} .prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li a,.prodUX15 .clothing-guide-tabs.tabs5 .details-controls.tab-links li a {margin: 0.3em 0.3em;padding: 1.2em 0.2em;} .prodUX15 .clothing-guide-tabs.tabs4 .details-controls.tab-links li {width: 50%;} .prodUX15 .imgblock.video .copy.video .call-to-action {left: 27%;position: absolute;top: 25%;width: 40%;} /* --- Mosaic imgblock text overlay 05-11-15 --- */ .prodUX15 .mosaic .mosaic-list .copy {margin-bottom: 4.3em;} /* --- Two column large product promo 05-11-15 --- */ .prodUX15 .two-col-large-prod-promo {height: 100%;max-height: none;} .prodUX15 .col-md-4 .videoblock .copy .call-to-action a {line-height: 19.9;width: 100%;margin-top: 9%;} } /* --- Updates to Lego blocks 09-10-15 --- */ @media screen and (max-width:767px) { .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table,.prodUX15 .col-md-4-table,.prodUX15 .col-md-4-table-double, .prodUX15 .col-md-4-table-double:first-child, .prodUX15 .col-md-4-table:first-child,.prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double {max-width: 550px;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .textblock,.prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .col-md-2,.prodUX15 [class^="col-md-4-table"] .textblock,.prodUX15 .row.clearfix.height4em.fw.table .col-md-2:first-child .textblock {height: 34.5em;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table .textblock {height: 29.5em;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table {width:100%;} .prodUX15 .col-md-4-3 .col-md-4-table:first-child, .prodUX15 .col-md-4-3 .col-md-4-table-double, .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-4-table, .prodUX15 .col-md-4-3 .col-md-4-table, .prodUX15 .col-md-4-table-double, .prodUX15 .col-md-4-3 .col-md-4-table-double:first-child, .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-4-table-double {max-width: 480px;} .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-4-table-double .textblock, .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-4-table-double .col-md-2, .prodUX15 .col-md-4-3 [class^="col-md-4-table"] .textblock, .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-2:first-child .textblock {height: 34.5em;max-width:340px;} .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-4-table .textblock {height: 29.5em;} .prodUX15 .col-md-4-3 .row.clearfix.height4em.fw.table .col-md-4-table {width:100%;} .prodUX15 .col-md-4-3 [class^="col-md-4-table"] .textblock {max-width:480px;} .prodUX15 .col-md-4-3 .col-md-4-table-double .col-md-2 {max-width:480px;} .prodUX15 .col-md-4-3 .row .col-md-4-table {max-width:480px;} } @media screen and (max-width:657px) { .prodUX15 .col-md-4-3 .col-md-4-table-double .col-md-2 {height:27.5em;} .prodUX15 .col-md-4-3 [class^="col-md-4-table"] .textblock {height: 26.5em;} /* --- Food hub tile 24-11-15 M.CRAMPTON--- */ .prodUX15 .food-hub-tile .copy div a {padding: 4.6em 0;} } @media screen and (max-width:572px) { .prodUX15 [class^="col-md-4-table"] .textblock {height:30em;} .prodUX15 .col-md-4-table-double .col-md-1 {height: 33.7em;} .prodUX15 .col-md-4-3 .col-md-4-table-double .col-md-1 {height:25em;} .prodUX15 .col-md-4-table .col-md-1 {height:33.6em} .prodUX15 .col-md-4-3 .col-md-4-table .col-md-1 {height:25em} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .textblock, .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double .col-md-2, .prodUX15 [class^="col-md-4-table"] .textblock, .prodUX15 .row.clearfix.height4em.fw.table .col-md-2:first-child .textblock {height: 33.5em;} /* --- Food hub tile 23-11-15 M.CRAMPTON--- */ .prodUX15 .food-hub-tile .copy div a {padding: 4em 0;} } @media screen and (max-width: 550px) { .prodUX15.wrap {font-size:1.25em;} .prodUX15 .col-md-2 {max-width:55em;width:97%;} .prodUX15.wrap {margin:0 auto ;max-width: 55em;width:100%;} .prodUX15 .col-md-4 .simple-list {display: none;} .prodUX15 .col-md-4-3 {width:100%;} .prodUX15 .col-md-4-3 > .col-md-4:first-child {display: none;} .prodUX15 .col-md-4-3 .col-md-2-table {display: block;float: none;max-width: 50em;width: 100%;} .prodUX15 .col-md-4-3 .col-md-2-table .centre-content {padding:0;} .prodUX15 .col-md-4-3 .col-md-3 {margin: 0 auto;width: 100%;} .prodUX15 .col-md-4-3 [class^="col-md-"] {float: none;margin-bottom: 2em;max-width:55em;outline:0;width: 100%;} .prodUX15 .col-md-4-3 [class^="col-md-"] img {margin: 0 auto;} .prodUX15 .col-md-4-3 .row .col-md-2-table, .prodUX15 .col-md-4-3 .row .col-md-2-table + .col-md-2-table {margin: 0 auto;max-width: 533.5px;width: 97%;} .prodUX15 .col-md-4-3 .hero .copy {margin: 0 auto;padding: 4%;text-align:center;width: 96%;} .prodUX15 .col-md-4-3 .hero .copy h1 {font-size: 4.5em;} .prodUX15 .hero .copy .hp-button-blk-ghost, .prodUX15 .hero .copy .hp-button-white-ghost {color:#000000;width:100%;} .prodUX15 .col-md-4-3 .sandlblock .copy {display: none;} .prodUX15 .col-md-4-3 .offset-2 {margin-left: 0;} .prodUX15 .col-md-4-3 .col-md-2-table {height: auto;} .prodUX15 .col-md-4-3 .row .col-md-2-table .centre-content {height: auto;padding: 11em 0;} .prodUX15 .col-md-4-3 .row .col-md-4 {width: 50%;padding: 0;float: left;} .prodUX15 .col-md-4-3 [class^="col-md-"] .textblock {height:25em;} .prodUX15 .col-md-4-3 .col-md-4-table-double {max-width:59em;width: 97%;} .prodUX15 .col-md-4-3 .col-md-4-table-double .col-md-2 {float: none;margin: 0 auto;max-width:533.5px;width: 100%;} .prodUX15 .col-md-4-3 .col-md-4-table-double:first-child, .prodUX15 .col-md-4-3 .col-md-4-table:first-child {margin: 0 auto;width: 97%;} .prodUX15 .col-md-4-3 .row .col-md-4-table {margin:0 auto;max-width:59em;width: 97%;} .prodUX15 .col-md-4-3 .row .col-md-4-table .col-md-1 {width: 100%;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2:first-child,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2:first-child {clear: both;display: block;overflow: hidden;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2-text-right,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-right {border-left: medium none;clear: both;display:/*initial*/block;height: 100%;margin-top: 3em;vertical-align: middle;width:100%;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content {clear: both;display: table-cell;/*height: 30em;*/line-height: 2;max-width:55em;padding: 0 1em;text-align: center;width: 100%;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content br,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content br {display:none;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2-text-left,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-left {display:table-footer-group;float:none;width:100%;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2, .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2-text-left + .col-md-2,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2, .prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2-text-left + .col-md-2 {border-left: 0;padding: 0 1em;border-right: 0;} .prodUX15 .row.clearfix.height2em.col2LrgImgTxt .col-md-2,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt .col-md-2 {width:100%;} .prodUX15 .col-md-3-table .col-md-3 {margin: 0 auto 2em;overflow: hidden;} .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 {margin-bottom: 2em;overflow: hidden;display: table;} .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 + .col-md-3 {height: auto;max-height: 58.8em;width: 100%;} .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 + .col-md-3 {height: auto;width: 100%;} .prodUX15 .col-md-3-table {overflow: hidden;height: auto;} .prodUX15 .col-md-3-table .col-md-3-2 {clear: both;margin-bottom: 2em;outline:0;} .prodUX15 .col-md-3-table .col-md-3 {outline: 0;} .prodUX15 .col-md-3-table .col-md-3 + .col-md-3 + .col-md-3 {float: none;height: auto;margin: 0 auto 2em;position: relative;width: 100%;z-index: 999;} .prodUX15 .col-md-3-table .col-md-3 .copy, .prodUX15 .col-md-3-table .col-md-3 .textblock .cta {position: relative;display: block;text-align: center;line-height: 2;overflow: hidden;margin-top: 2em;} .prodUX15 .col-md-4-table .col-md-1 .copy, .prodUX15 .col-md-2-table .copy, .prodUX15 .col-md-4-table-double .col-md-2 .copy {position: relative;margin: 2em 0;} .prodUX15 .col-md-3-2 div .copy {position: relative;clear: both;overflow: hidden;} .prodUX15 .col-md-3-table .col-md-3-2 div:first-child .copy {position: relative;bottom: auto;line-height: 4;margin-top: 2em;} .prodUX15 .col-md-3-2 div .copy a {position: relative;text-transform: none;} .prodUX15 .col-md-4-3 .row .col-md-4:nth-child(2n) {padding-right: 1em;} .prodUX15 .col-md-4-3 .row .col-md-4:nth-child(2n+1) {padding-left: 1em;} .prodUX15 .col-md-4-3 .col-md-6 {float: left;width: 50%;} .prodUX15 .col-md-4-3 .sandlblock {height:100%;max-height:47em;} .prodUX15 .sandlblock .col-md-3:nth-child(2), .ie8 .prodUX15 .col-md-3 + .col-md-3 {display: none;} .prodUX15 .sandlblock {max-height: 100%;max-width:55em;width:100%;} .prodUX15 .sandlblock .col-md-3:first-child, .prodUX15 .col-md-4-3 .sandlblock .col-md-3:first-child {height: 11.3em;background-position: 0 100%;width:100%;} .prodUX15 .sandlblock .col-md-3:first-child p {text-indent: 2.4em;line-height:0;} .prodUX15 .sandlblock .col-md-3 {max-width:55em;width:100%;} .prodUX15 .col-md-4-3 .col-md-4 {width: 50%;} .prodUX15 .col-md-4-3 .row .col-md-4-table-double .col-md-1 {margin-bottom: 0;} .prodUX15 .col-md-4-3 [class^="col-md-"] {height: auto;} /* --- Table B --- */ .prodUX15 .col-md-4-3 [class^="col-md-3-table"] [class^="col-md-"] .copy,.prodUX15 .col-md-4-3 .col-md-3-table-b [class^="col-md-"] .copy {background: transparent;bottom:auto;left:auto;margin-top:2em;position: relative;right:auto;width:100%;} .prodUX15 .col-md-4-3 .col-md-3-table-b {width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-b .copy {position: relative;} .prodUX15 .col-md-3-table .col-md-3-2 .copy,.prodUX15 .col-md-4-3 .col-md-3-table-b [class^="col-md"] {float: none;outline: 0;width: 100%;padding: 0;margin: 0;max-width: 55em;margin-bottom: 2em;overflow: hidden;display: table;} .prodUX15 .col-md-4-3 [class^="col-md-3-table"] .col-md-3-2 .copy,.prodUX15 .col-md-4-3 [class^="col-md-table"] [class^="col-md-"] .copy {position: relative;left: auto;bottom: auto;margin: 0;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3 + .col-md-3-2 .copy,.prodUX15 .col-md-4-3 .col-md-3-table-b .col-md-3-2:first-child .copy {right: auto;} .prodUX15 [class^="col-md-table"] .col-md-3 .textblock div {padding: 0 8%;} .prodUX15 .col-md-4-3 [class^="col-md-3-table"] [class^="col-md-"] img {margin-bottom:0;} /* --- Table C single row lego 3 col --- */ .prodUX15 .col-md-4-3 .col-md-3-table-c .col-md-3 {width: 100%;float: none;margin: 0;max-width: 55em;max-height: 68em;} .prodUX15 .col-md-4-3 .col-md-3-table-c .col-md-3 .copy {position: relative;display: block;left: auto;bottom: auto;} /* --- Table D --- */ .prodUX15 .col-md-4-3 .col-md-3-table-d [class^="col-md"] {width: 100%;outline: 0;max-width: 100%;height: 100%;margin-bottom: 2em;overflow: visible;max-height: 68em;} .prodUX15 .col-md-4-3 .col-md-3-table-d [class^="col-md"] .copy {left: auto;bottom: auto;width: 100%;clear: both;display: block;} .prodUX15 .col-md-4-3 .col-md-3-table-d .col-md-3 {width: 100%;max-width: 55em;outline: 0;} .prodUX15 .col-md-4-3 .col-md-3-table-d.alt .col-md-3-2:nth-child(3) .copy {left:auto;right:auto;} /* --- Table E --- */ .prodUX15 .col-md-4-3 .col-md-3-table-e {float:none;height: 100%;margin:0 auto;max-height: 88em;max-width: 55em;padding:0 1em;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-e .col-md-3-2 {clear:both;float:none;height: 100%;max-width: 55em;width: 100%;} .prodUX15 .col-md-4-3 .col-md-3-table-e .col-md-3 {float:left;max-height:initial;max-width: 29.3em;width: 50%;} .prodUX15 .col-md-4-3 .col-md-3-table-e [class^="col-md-"] {outline: 0;} /* --- Table E alt --- */ .prodUX15 .col-md-4-3 .col-md-3-table-e.alt .col-md-3-2 .copy {left: auto;margin: 0;} /* --- Table F --- */ .prodUX15 .col-md-3-table-f .pullQuote {bottom: auto;padding: 0 2em;position: relative;} .prodUX15 .col-md-3-table-f .pullQuote img {width:40%;} .prodUX15 .col-md-3-table-f .col-md-3-2 {width: 97%;margin: 0 auto;} .prodUX15 .col-md-3-table-f .pullQuote {width:100%;} /* --- Table G --- */ .prodUX15 .col-md-4-3 .col-md-3-table-g {float: none;margin: 0 1em;max-width:550px;padding: 0;width: 100%;} .prodUX15 .col-md-3-table-g [class^="col-md-"] {float: none;margin: 0;max-width: 530px;outline:none;width: 96%;} .prodUX15 .col-md-3-table-g [class^="col-md-"] .copy {background:none;display: block;left:auto;margin:5% auto;position: relative;width: 100%;} .prodUX15 .col-md-3-table-g .col-md-3:nth-child(4), .prodUX15 .col-md-3-table-g .col-md-3:nth-child(5) {float: none;margin: 0;} .prodUX15 .col-md-3-table-g .col-md-3:last-child,.prodUX15 .col-md-3-table-g .col-md-3-2 + .col-md-3 {max-width: 550px;width: 96%;} /* --- Mosaic --- */ .prodUX15 .mosaic.img6 .col-md-3:first-child {width: 100%;float: none;} /* --- Mosaic 2--- */ .prodUX15 .row.mosaic2 [class^="col-md-"], .prodUX15 .row.mosaic2 .imgblock, .prodUX15 .row.mosaic2 .textblock, .prodUX15 .row.mosaic2 .col-md-3-2 + .col-md-3, .prodUX15 .row.mosaic2 .col-md-3 {width: 100%;float: none;max-width: 55em;margin: 0;padding: 0;} .prodUX15 .row.mosaic2 .col-md-3-2 .col-md-1 + .col-md-2 {display: table-header-group;} .prodUX15 .row.mosaic2 .col-md-3-2 .col-md-1 + .col-md-2 + .col-md-2 {display: table-header-group;} .prodUX15 .row.mosaic2 .col-md-3 + .col-md-3-2 {width:100%;} /* --- Mosaic 2 with left nav--- */ .prodUX15 .col-md-4-3 .row.mosaic2 [class^="col-md-"],.prodUX15 .col-md-4-3 .row.mosaic2 .col-md-3-2 + .col-md-3 {float:none;margin:0 auto;max-width:55em;width:96%;} /* --- Mosaic 2 Highlights --- */ .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 {width: 100%;max-width: 530px;padding:0 1em;} .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 {width: 100%;max-width: 55em;float: none;} /* .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 .cutout {float: none;max-height:68em;max-width: 530px;width: 100%;}*/ .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 .cutout {float: left;overflow: visible;width: 33%;} .prodUX15 .col-md-4-3 .row.mosaic2.highlights .col-md-3-2 + .col-md-3 .cutout .copy {bottom:auto;margin:4% 0;position:relative;} /* --- Four column block copy + image tall(4col.imgCopytall) --- */ .prodUX15 .col-md-2.border.middle.tall, .prodUX15 .col-md-2.border.middle.tall .col-md-2, .prodUX15 .col-md-2.border.middle + .col-md-2.border.middle {border: 0;float: none;width: 100%;padding: 0;margin: 0;display: block;} .prodUX15 .col-md-2.border.middle .col-md-2:nth-child(2n), .prodUX15 .col-md-2.border.middle.tall .col-md-2:nth-child(2n) {margin: 0;height: auto;} .prodUX15 [class^="col-md-2-text-"] .mandseditor {margin-left:0;max-width:55em;width:100%;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dl {max-width:55em;width:100%;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dt {max-width:55em;width:100%;} .prodUX15 [class^="col-md-2-text-"] .mandseditor dl img {float:none;margin:0 auto;text-align:center;} /* --- Embedded video iframe --- */ .prodUX15 .col-md-2 #MSEmbedIframe {width: 97%;/*max-width: 34.5em;*/max-width:46.7em;display: block;overflow: hidden;} /* --- Static Hero --- */ .prodUX15 .col-md-4-3 .dlp.hero.static.w880, .prodUX15 .hero.static {/*height:100%;max-height:330px;min-height:280px;*/padding: 0 1em 0 .5em;} /* --- Table borders --- */ .prodUX15 [class^="col-md-table-"], .prodUX15 [class^="col-md-"], .prodUX15 .textblock,.prodUX15 .col-md-4-table-double .col-md-1, .prodUX15 .col-md-4-table-double .col-md-2, .prodUX15 .col-md-4-table .col-md-1 {outline: 0;margin: 0;width: 100%;max-width: 55em;} .prodUX15 .row .col-md-4,.prodUX15 .row.fw.table.overlays .col-md-4 {float:left;width: 50%;} .prodUX15 .col-md-6 {width: 50%;} /* --- Hero overlay sale CTAs --- */ .prodUX15 .hero .copy ul {width:100%;} .prodUX15 .hero .cta:after {margin: 0 2em 0 0;} .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table-double, .prodUX15 .row.clearfix.height4em.fw.table .col-md-4-table {max-width:550px;padding:0 1em;width:100%;} .prodUX15 .col-md-2.border.middle .col-md-2 {margin: 0;max-width: 55em;padding: 0 1em;width: 100%;} .prodUX15 .col-md-2.border.middle {width: 100%;} .prodUX15 .col-md-4-3 .hero .copy h1,.prodUX15 .col-md-4-3 .hero .copy p,.prodUX15 .col-md-4-3 .hero .copy a {color:#000000;} .prodUX15 .fw.hero.static.overlay.w45 .copy {width:70%;} .prodUX15 .fw.hero.static.overlay.w45 .copy li {width:50%;} .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy ul li {max-width:275px;width:50%;} /* --- Lined header --- */ .prodUX15 .lined-header h1 span,.prodUX15 .lined-header h2 span,.prodUX15 .lined-header h3 span,.prodUX15 .lined-header h4 span {display:block;padding: 0;line-height: 1;width: 88%;height: auto;margin: 0 auto;text-align:center;} /* --- AYS Video responsive 14-08-15 ---*/ .aysFrame {height: 30em;max-height: 510px;max-width: 960px;overflow: hidden;width: 92%;} /* --- Hero with overlay text align centre 25-08-15 --- */ .prodUX15 .col-md-4-3 .dlp.hero.static.w880.overlay .copy p {text-align:center;} /* --- Full width small hero centred text --- */ .prodUX15 .fw.hero.sml.center .copy br {display:none;} /* --- Full width small hero centred text Hide hero img--- */ .prodUX15 .fw.hero.sml.center img {display: none;height: 0;} /* --- Top 10 26-08-15 --- */ .prodUX15 .mosaic.top10 .col-md-3 {padding: 0 .5em;} /* --- Hero headline size 27-08-15 --- */ .prodUX15 .hero .copy h1, .prodUX15 .hero .copy h2, .prodUX15 .hero .copy h3, .prodUX15 .hero .copy h4 {font-size:4.4em;} .prodUX15 .mosaic.top10 .top-pick h2 .mob-no {display:none;} /* --- Top 10 triangle ---*/ .prodUX15 .top-pick p + a:after {display:none;} /* --- Top 10 Update for responsive flow 07-09-15 --- */ .prodUX15 .top-pick {margin-top: 0;max-height: 1000px;max-width: 530px;width: 96.5%;float: none;} .prodUX15 .top-pick:nth-child(4), .prodUX15 .top-pick:nth-child(6), .prodUX15 .top-pick:nth-child(11) {margin-top: 0;} .prodUX15 .centre-content.quote {display:block;float: none;margin: 0 1em;max-width: 550px;overflow:hidden;width: 96%;} .prodUX15 .top10 .quote.cta-panel {height:initial;} /* --- Arrows for images 10-09-15 --- */ .prodUX15 [class^="arrow-from-"]:after {display:none;} /* --- Flexbox alternate text image table 15-09-15 --- */ .prodUX15 .row.clearfix.height4em.fw.table.alt.txtimg .col-md-4-table-double, .prodUX15 .row.clearfix.height4em.fw.table.alt.txtimg .col-md-4-table {display: flex;flex-direction: column;justify-content: space-between;} .prodUX15 .row.clearfix.height4em.fw.table.alt.txtimg .col-md-4-table-double .col-md-2:nth-child(3) {order: 4;} /* --- Full width table overlays 18-09-15 --- */ .prodUX15 .row.fw.table.overlays .col-md-4-table-double .copy, .prodUX15 .row.fw.table.overlays .col-md-4-table-double .col-md-1 .copy {background: none;bottom: auto;height: auto;left: auto;padding: 1em;position: relative;text-align: left;width: 100%;} /* --- One line cta overlays --- */ .prodUX15 .fw.table .col-md-1 .oneline-overlay .copy {position: relative;text-align: center;width: 100%;} /* --- 2 Col Large img with sub images--- */ .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs[class^="col-md-2-text-"] {border: 0 none;outline: 0 none;} .prodUX15 .row.clearfix.col2LrgImgTxt .col-md-2-text-left.subimgs .col-md-2 {margin: 0;padding-left: 2em;width: 50%;} .prodUX15 .row.clearfix.col2LrgImgTxt .col-md-2-text-left.subimgs .col-md-2 + .col-md-2 {padding-left: 1em;padding-right: 2em;} .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs .col-md-1 {height: auto;padding-bottom: 3em;} .prodUX15 .row.clearfix.col2LrgImgTxt .col-md-2-text-right.subimgs .col-md-2 {margin: 0;width: 50%;} .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs {margin-left: 0;} /* --- Table I 07-10-15 --- */ .prodUX15 .row.clearfix.height4em.fw.table .col-md-3-table-i .col-md-3-2 {width:100%;} /* --- Video imgblock spacing 08-10-15 --- */ .prodUX15 .imgblock.video:after {content: "";height: 3em;clear: both;margin-top: 2em;display: block;} .prodUX15 .imgblock.video br {display: none;} /* --- Video placeholder (lightbox)--- */ .prodUX15 .row.col2LrgImgTxt .imgblock.video .copy, .prodUX15 .row.col2LrgImgTxt .imgblock.video.white .copy {top: 12em;} .prodUX15 .row.col2LrgImgTxt .imgblock.video .copy a, .prodUX15 .row.col2LrgImgTxt .imgblock.video.white .copy a {padding: 2em;} /* --- A - Z Listing --- */ .prodUX15 .a-z-listing .accordion-content .content,.prodUX15 .a-z-listing.stores .accordion-content .content {min-height:initial;overflow-y:auto;padding-top:0;} .prodUX15 .a-z-key {border-bottom:0;} .prodUX15 .a-z-key li {float: left;width:14%;} .prodUX15 .a-z-listing .accordion-content li {clear:both;float: none;line-height: 1.2;width: 100%;} .prodUX15 .a-z-listing .head {float: none;clear: both;width: 100%;border-bottom: 1px solid #999;border-top: 1px solid #000;} .prodUX15 .a-z-listing li.accordion-content {margin-top: -2px;} .prodUX15 .a-z-listing .accordion-content.closed .content {visibility:hidden;margin-bottom: 0;margin-top: 0;} .prodUX15 .a-z-listing .accordion-content .content {margin-bottom: 1em;margin-top: 1em;} .prodUX15 .a-z-listing .accordion-content .head {padding-left:9%;position:relative;} .prodUX15 .a-z-listing .accordion-content .head a {margin-left:-9%;padding-left:9%;z-index:9;} .prodUX15 .a-z-listing .accordion-content .head h2 {height: 1em;line-height: 0.6;font-size: 2.6em;padding: initial;margin: 2%;} .prodUX15 .a-z-listing .accordion-content.closed .head:before {content: "";display: block;position: absolute;background: url("//asset1.marksandspencer.com/is/image/mands/ddb6221d3787150f9bc2c558c3bb2386ba371724?fmt=png-alpha") no-repeat 0 0 transparent;height: 18px;left:8.9%;margin-left: -6%;right:auto;width: 18px;top: 35%;background-size: contain;z-index:-1;} .prodUX15 .a-z-listing .accordion-content .head:before {content: "";display: block;position: absolute;background: url("//asset1.marksandspencer.com/is/image/mands/b30bd712f0c0660128f884fe3535c46e95aa0eb6?fmt=png-alpha") no-repeat 0 1px transparent;height: 18px;left:8.9%;margin-left: -6%;width: 18px;top: 35%;background-size: contain;z-index:-1;} .prodUX15 .a-z-listing .accordion-content .content a {line-height:3;} .prodUX15 .a-z-listing .accordion-content .content a[name] {display: block;margin-top: initial;} /* --- Ts and Cs listing --- */ .prodUX15 .a-z-listing.tsandcs .accordion-content.closed .head:before {left: 2%;margin-left: 1%;} .prodUX15 .a-z-listing.tsandcs .accordion-content .content ol li {margin-left: 8%;padding-left: 0;} .prodUX15 .a-z-listing.tsandcs .accordion-content .head a {display: block;/*line-height:2;*/white-space: initial;} .prodUX15 .a-z-listing.tsandcs .accordion-content .content {margin-left: 5%;width: 83%;} .prodUX15 .a-z-listing.tsandcs .accordion-content .content ol, .prodUX15 .a-z-listing.tsandcs .accordion-content .content ol li {width: 94%;} .prodUX15 .a-z-listing.tsandcs .head {padding-right: 10%;} .prodUX15 .a-z-listing.tsandcs li.accordion-content.closed .head + .content.this {visibility:hidden;} /* --- Listings accordion Stores --- */ .prodUX15 .a-z-listing.stores .content {margin-left:10%;} .prodUX15 .a-z-listing.stores .accordion-content {padding:0;} .prodUX15 .a-z-listing.stores .accordion-content:first-child {padding-bottom: 0;padding-top: 3%;} .prodUX15 .a-z-listing.stores .accordion-content li {clear:both;float:none;line-height: 1.2;width:100%;} .prodUX15 .a-z-listing.stores .accordion-content li a {display: inline;text-decoration: none;} .prodUX15 .a-z-listing.stores .accordion-content p {font-size:1.3em;} .prodUX15 .a-z-listing.stores .accordion-content .head {border-bottom: 0;padding-left:9%;text-align:left;width:100%;} .prodUX15 .a-z-listing.stores .accordion-content .head a {margin-left:-9%;padding-left:9%;z-index:9;} .prodUX15 .a-z-listing.stores .accordion-content .head h2 {height: 1em;line-height: 0.6;font-size: 2.6em;padding: initial;margin: 2%;} .prodUX15 .a-z-listing.stores .head {display: inline;float: none;width: 100%;} .prodUX15 .a-z-listing.stores .accordion-content .content {display:inline-block;margin-left: 9%;min-height: initial;padding: 0;visibility:visible;} .prodUX15 .a-z-listing.stores .accordion-content.closed .content {display:block;margin-bottom: 0;margin-top: 0;padding:0;visibility:hidden;} /* --- Table J Hero Tile + 5 Img tiles 21-10-15 --- */ .prodUX15 .col-md-3-table-j [class^="col-md-"] {outline:none;} /* --- Two col large product promo 21-10-15 --- */ .prodUX15 .two-col-large-prod-promo {height: 100%;max-height: none;} .prodUX15 .col-md-4-3 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .col-md-4-3 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .row.clearfix.height2em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content,.prodUX15 .row.clearfix.height4em.col2LrgImgTxt [class^="col-md-2-text-"] .centre-content {width:40%;} .prodUX15 .col-md-2.border.middle.tall .centre-content {text-align: center;} /*.prodUX15.wrap .row.showGrid.nobkGd .col-md-2 {float: left;height: 100%;width: 46%;}*/ .prodUX15.wrap .row.showGrid.nobkGd {display: flex;flex-wrap:wrap;height: 100%;margin: 2% 0;} .prodUX15.wrap .row.showGrid .col-md-4 {margin-bottom:2em;width:45%;} .prodUX15 .col-md-3-table-d .cutout .title {left:auto;position: relative;top: auto;width: 100%;} /* --- Order tiles 24-11-15 --- */ .prodUX15.wrap .row.showGrid.nobkGd .order-tiles .col-md-2 {height:auto;margin-bottom: 5%;width: 96%;} /* --- Clothing guides horizontal tabs 29-10-15 --- */ .prodUX15 .clothing-guide-tabs .details-controls.tab-links li,.prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li {width: 50%;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li a, .prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li a {margin: 1em;} .prodUX15 .clothing-guide-tabs.tabs5 .details-controls.tab-links li a {margin:.3em 0;} .prodUX15 .clothing-guide-tabs.tabs5 .details-controls.tab-links li {width:100%;} .prodUX15 .clothing-guide-tabs .content .col-md-6 {width: 49%;float: left;min-height:23em;} .prodUX15 .cta a.white {color: #000000;} /* --- Mosaic video 05-11-15 --- */ .prodUX15 .mosaic .imgblock.video {clear: both;display: block;margin: 5% 0;} .prodUX15 .mosaic .textblock {border-top:0;} .prodUX15 .col-md-4 .videoblock .copy .call-to-action a {line-height:23.7} .prodUX15 .col-md-4 .videoblock .copy .call-to-action a {line-height: 25.5;margin-top: 7%;} .prodUX15 .fw.hero.sml.center.text h1.alt {font-size: 3.6em;} .prodUX15 .fw.hero.sml.center.text h1.alt br {display:none;} .prodUX15 .fw.hero.sml.center.text p {width: 95%;margin: 0 auto;} /* --- International delivery select 13-11-15 --- */ .prodUX15 .del-countries select#where {font-size: 16px;width:90%;} .prodUX15 .delivery-times {margin: 4em 0;} .prodUX15 .delivery-times .copy {margin-left: 12%;} /* --- Slim banner image left 13-11-15 --- */ .prodUX15 .slimbanner.img-left a {width: 100%;clear: both;display: block;} .prodUX15 .slimbanner.img-left .copy {display: block;clear: both;text-align: center;} .prodUX15 .slimbanner.img-left a img {width: 100%;height: auto;} .prodUX15 .slimbanner.img-left {border: 0;} /* --- DLP Image banner with text overlay 18-11-15 M.CRAMPTON --- */ .prodUX15 .dlp-image-banner .copy {height: 3.5em;} .prodUX15 .dlp-image-banner .copy a {font-size: 0.4em} /* --- Mosaic for food hub for layouts with left nav 19-11-15 --- */ .prodUX15 .mosaic .imgblock .hp-button-white-ghost {border:1px solid #FFFFFF;} .prodUX15 .mosaic .imgblock.text-overlay h2 {font-size:2.4em;} /* --- Food hub tile 23-11-15 M.CRAMPTON --- */ .prodUX15 .food-hub-tile .copy div a {padding: 14em 0;} /* --- White overlay text for 3 col table c on mobile--- */ .prodUX15 .col-md-4-3 .col-md-3-table-c .col-md-3 .copy .mnsText1 {color: #000000;} /* --- Textblock 75% Width 03-12-2015 M.CRAMPTON--- */ .prodUX15 .copyblock h1, .prodUX15 .copyblock h2, .prodUX15 .copyblock h3, .prodUX15 .copyblock h4 {line-height:1;} /* --- Fix 4 colum products dropping 04-12-2015 --- */ .prodUX15 .row .col-md-4:nth-child(3) {clear: both;} /* --- Mobile Food Tile for BU 04-12-2015 --- */ .prodUX15 .col-md-4-3 .food-hub-tile .copy div a {padding: 11em 0;} .prodUX15 .clothing-guide-tabs.tabs4 .details-controls.tab-links li {width: 100%;} /* --- FAQ question titles 17-12-15 M.CRAMPTON --- */ .prodUX15 .faq-reveals .accordion-content {margin-bottom: 1em;} /* --- M.CRAMPTON Sparks FAQs header 31-12-15 --- */ .prodUX15 .icon-headers {padding: 0 1em;} .prodUX15 .icon-headers .col-md-5 {width: 20%;float: left;margin: 0;padding: 0 .1em;} } @media screen and (min-width: 551px) and (max-width: 900px) { .prodUX15 .col-md-1-table .col-md-4 {display: block;margin: 0;max-height: 24em;max-width: 20.15em;outline: 1px solid #EEEEEE;overflow: hidden;padding: 0;text-align: center;width:25%;} .prodUX15 .col-md-1-table .col-md-4 .textblock {display: table;max-height: 22em;overflow: hidden;position: relative;vertical-align: middle;width: 100%;} .prodUX15 .col-md-1-table .col-md-4 .textblock .cta {bottom: auto;font-size: 1.5em;left: auto;position: relative;text-align: center;width: 50%;} .prodUX15 .col-md-1-table .col-md-4 .copy {bottom: 1em;position: absolute;width: 100%;} .prodUX15 .col-md-1-table .col-md-4 .textblock div {display: table-cell;vertical-align: middle;} .prodUX15 .col-md-4-3 .col-md-1-table {height: 100%;margin: 0 auto;max-height: 44em;padding: 0;width: 88%;} .prodUX15 .col-md-1-table .col-md-4 .textblock p {display: none;} .prodUX15 .col-md-1-table .col-md-4 .textblock .cta a {line-height: 2;text-align: center;width: 100%;} /* --- Top 10 Update for responsive flow 07-09-15 --- */ .prodUX15 .top-pick,.prodUX15 .centre-content.quote {width: 47%;} .prodUX15 .top10 .quote.cta-panel {margin-top: 4%;} .prodUX15 .top-pick:nth-child(3) {margin-top: -19%;} .prodUX15 .top-pick:nth-child(4) {clear:right;} .prodUX15 .top-pick:nth-child(5) {margin-top: -45%;} .prodUX15 .top-pick:nth-child(4),.prodUX15 .top-pick:nth-child(6),.prodUX15 .top-pick:nth-child(10) {margin-top: 0;} .prodUX15 .top-pick:nth-child(7) {margin-top: -63%;} .prodUX15 .top-pick:nth-child(9) {margin-top: -40%;} .prodUX15 .top-pick:nth-child(9),.prodUX15 .top-pick:nth-child(11) {clear: both;} .prodUX15 .top-pick:nth-child(11) {margin-top: -17%;} } @media screen and (max-width: 417px) { .prodUX15 [class^="col-md-"] {float:none;width: 100%;} .prodUX15 .row.fw.table.overlays .col-md-4 {width:100%;} /* --- 2 Col Large img with sub imgs 07-10-15 ---*/ .prodUX15 .row.clearfix.col2LrgImgTxt .subimgs .col-md-2 {float:left;} /* --- Clothing guides horizontal tabs 29-10-15 --- */ .prodUX15 .clothing-guide-tabs .content .col-md-6 {width: 49%;float: left;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li,.prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li {width: 100%;} .prodUX15 .clothing-guide-tabs .details-controls.tab-links li a,.prodUX15 .clothing-guide-tabs.tabs9 .details-controls.tab-links li a {margin: 0.3em 1em;} /* --- Food Hub tile 24-11-15 M.CRAMPTON--- */ .prodUX15 .food-hub-tile .copy div a {padding: 9em 0;} } @media screen and (min-width: 408px) and (max-width: 536px) { .prodUX15 .col-md-4-3 .row .col-md-1-table .col-md-4 {display: block;max-height: 22.7em;max-width: 22em;min-width:194px;margin:0 0 2em;outline: 1px solid #EEEEEE;text-align: center;} .prodUX15 .col-md-1-table .col-md-4 .textblock {display: table;max-height: 22em;overflow: hidden;position: relative;vertical-align: middle;width: 100%;} .prodUX15 .col-md-1-table .col-md-4 .textblock .cta {bottom: auto;font-size: 1.5em;left: auto;position: relative;text-align: center;width: 50%;} .prodUX15 .col-md-1-table .col-md-4 .copy {bottom: 1em;position: absolute;width: 100%;} .prodUX15 .col-md-1-table .col-md-4 .textblock div {display: table-cell;vertical-align: middle;} .prodUX15 .col-md-4-3 .col-md-1-table {height: 100%;margin: 0 auto;max-height: 44em;padding: 0;width: 88%;} .prodUX15 .col-md-1-table .col-md-4 .textblock p {display: none;} .prodUX15 .col-md-1-table .col-md-4 .textblock .cta a {line-height: 2;text-align: center;width: 100%;} .prodUX15 .col-md-1-table .col-md-4:nth-child(n+5) {float: right;} } /* --- Hotspots 12-08-15 --- */ .prodUX15 .row.clearfix.height4em.col2LrgImgTxt .s7HotspotViewerHolder {height: 45em;width: 45em;} .prodUX15 .row.clearfix.height4em.col2LrgImgTxt .imageHolder.img {height: 100%;max-height: 45em;max-width: 45em;width: 100%;} /* --- Delivery message vertical align fix --- */ .prodUX15 .col-md-4-3 .uniqueCtrl.DeliveryMsgBanner.clickable p {padding: .5em 0;margin-bottom: 0;} /* ==================================================================================================================== */ /* --- NARROW PLPs 27-04-15 M.CRAMPTON--- */.touch .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 {width: auto;}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 {width: 90em;}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 .copy, .smallBanner .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 .copy {bottom:3.7em;margin: 0 20em; width: 50em;}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 .copy h1 {font-size: 4em;} /* --- Father's Day PLP banner --- */ .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900.noOverlay.offCentre.left .copy h1 {font-family: Helvetica,sans-serif; font-size: 3em; text-align: center; color: rgb(0, 0, 0);}.wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900.noOverlay.offCentre.left .copy {bottom: 0;color: #000000;height: auto;left: 17em;margin: 0;width: auto;} /* --- Home page lego block overlay top left --- */.uniqueCtrl.hp-lego-600-300.whiteOverlay.topLeft.clickable .copy {top: 2em;width: 58%;padding: 2em;} /* --- Thin strip banner --- */.smallBannerWrapper .wrap.cms.uniqueCtrl.plpPromoCodeOffer {width: 100%;} /* --- Hotspots 28-10-15 --- */ .smallBannerWrapper .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 .s7HotspotViewerHolder {height: 23.5em;width: 90em;} .smallBannerWrapper .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900 .imageHolder.img {height: 100%;max-height: 23.5em;max-width: 90em;width: 100%;} /* --- SIZE GUIDE MEASURING ADVICE SPRITE FIX --- */ /* --- Updated image for women 04-12-2015 --- */ #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image {background: url("http://asset1.marksandspencer.com/is/image/mands/a9ade6949bae4256d0b50d93ed2107e644309df4?fmt=png&wid=200&resMode=sharp2") no-repeat;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.woman {background: url("http://asset1.marksandspencer.com/is/image/mands/a9ade6949bae4256d0b50d93ed2107e644309df4?fmt=png&wid=200&resMode=sharp2") no-repeat rgba(0, 0, 0, 0);display: block;float: right;min-height: 255px;width: 40%;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.woman {background-size:initial;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.man {min-height: 395px;} #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.man {background-position: 50% 0;background-size: 100% auto;min-height: 310px;} #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.woman { background-position: 50% -230px; } #lightbox-size-guide.lightbox-size-guide.lightbox .lightbox-inner .contents .measure-advice-image.woman {background-size: 95%;background-position: 50% -290px;min-height: 310px;} #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.boy { background-position: 50% -840px;min-height: 340px; } #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.girl { background-position: 50% -1245px;min-height:400px;} #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.baby { background-position: 50% -1000px; } @media screen and (min-width: 1240px){ .lightbox-size-guide.lightbox .lightbox-inner .contents .measure-advice-image {min-height: 400px;} #lightbox-size-guide.lightbox-size-guide.lightbox .lightbox-inner .contents .measure-advice-image.woman { background-size: 74%;background-position: 50% -380px;min-height: 380px; } #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.man { background-position: 50% 0;background-size: 70% auto;min-height: 350px; } #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.boy { background-position: 50% -825px; } #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.girl { background-position: 50% -1240px; } #lightbox-size-guide .lightbox-inner .contents .measure-advice-image.baby { background-position: 50% -1350px; } #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.woman {background-position: 50% -400px;min-height: 435px;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.boy {background-position: 0 -840px;min-height: 340px;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.girl {background-position: 0 -1250px;} } @media screen and (max-width: 1239px) { #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.woman {background-size: 84%;min-height: 335px;background-position: 0 -310px;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.girl {background-position: 0 -1240px;} #size-guide-hub.wrap .sg-hub-content .contents .measure-advice-image.boy {background-position: 0 -840px;} } #lightbox-size-guide .lightbox-inner .contents .measure-advice-image {background: url(http://asset1.marksandspencer.com/is/image/mands/a9ade6949bae4256d0b50d93ed2107e644309df4?fmt=png&wid=200&resMode=sharp2) no-repeat center 0;} /* --- Size guide fix for double contents rule 30-06-15 --- */ .lightbox-size-guide.lightbox .lightbox-inner .contents .contents {font-size: 1em;margin-top: 0;} .lightbox-size-guide.lightbox .lightbox-inner .contents .contents table.size-information td {font-size: 1em;} .lightbox-size-guide.lightbox .lightbox-inner .contents .contents {overflow-y: initial;} /* --- Size guide hub fix for international sizing 02-07-15 --- */ #size-guide-hub .sg-hub-content h2 {clear:both;} #size-guide-hub .sg-hub-content .contents h2 + p {text-align: left;} /*#size-guide-hub .sg-hub-content .contents p a {text-decoration: underline;}*/ /* --- PLP Message banners text color for WYSIWYG--- */ .plp-strip-offers-text {color:#8F0202;} .plp-strip-sale-text {color:#BD2D24;} /*! --- MCRAMPTON 16-09-15 Fully clickable skinny banner For LPs--- */ .DeliveryMsgBanner.clickable {padding: 0;} .DeliveryMsgBanner.clickable a {display: block;padding: 0.8618em 0;} .DeliveryMsgBanner{background:#FFF;border-bottom:1px solid #000;border-top:3px solid #000;clear:both;position:relative;margin:2em 0;padding:2em 0} .DeliveryMsgBanner p{border-bottom:1px solid #FFF;border-top:1px solid #FFF;color:#000;font:1.8em/1.5em DidotW01Italic,serif;text-align:center} .DeliveryMsgBanner.clickable.serif p, .DeliveryMsgBanner.clickable.serif a {font-family: 'DidotW01Italic',serif;margin: 0;text-decoration: none;} .plp-strip-offers-text {color:#8F0202;} .plp-strip-sale-text {color:#BD2D24;} .DeliveryMsgBanner.clickable.serif a span {margin-left:2.5em;} @media screen and (max-width:768px) { .DeliveryMsgBanner.clickable.serif a span {clear:both;margin-left:0;} } /* --- Responsive form 08-09-2015 --- */ .prodUX15 #wedding * {margin:0;padding:0;} .prodUX15 #wedding {background:url("http://asset2.marksandspencer.com/is/image/mands/5f9107e0938870ac4ad419b56926bad026ab4a5c?wid=1200") no-repeat scroll 100% center / auto 100% #F1EADA;font:normal 1.2em Arial, Helvetica, sans-serif;max-height:735px;margin:0 auto;max-width:1200px;padding:0 0 0 4.8em;position:relative;width:100%;} .prodUX15 #wedding p {color:#696969;font-weight:normal;font-size:1.4em;line-height:1.3em;padding:1em 0;text-align:center; } .prodUX15 #wedding a {text-align:left; line-height:0.7em; color:#696969; } .prodUX15 #wedding a:hover { color:#696969!important; } .prodUX15 #wedding input[type=text] { padding: 2px; margin: 4px 0 5px 0; background-color:rgba(255,255,255,1); max-width:450px;width:60%; height:27px; font-size: 16px; color:#321d50; border:1px #c8c7c7 solid; display:block; } .prodUX15 #wedding input:hover { background:#e4e4e4; } .prodUX15 #wedding input.submit { background:#000000;color:#FFFFFF;border-radius: 0 0 0 0; -o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;clear:both;width: 12em; height:30px; margin-top: 10px; border:0px #bac859 solid;} .prodUX15 input.submit:hover { cursor:pointer; } .prodUX15 #wedding label {clear:both;display:table;height:3em;font-family:'HelveticaNeueW01-65Medium',helvetica,arial,sans-serif;height:100%;vertical-align:middle;} .prodUX15 #wedding .error { color:red; display:none;line-height:1.3em; text-align:left; } .prodUX15 #wedding form {background-color:rgba(255,255,255,.9);display: block;height:100%;padding: 2.8em 3.4em;position: relative;width: 54.5%;} .prodUX15 #wedding h1 {border-bottom:1px solid #000;font-size: 4em;font-size:3.2em;margin:0 -1.1em 0.8em;padding:0 0 0.5em;text-align:center;text-transform:uppercase;} .prodUX15 #wedding div i {display: inline-block;font: 1.8em/2 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;text-align: center;text-transform: uppercase;width: 100%;} @media screen and (max-width:767px) { .prodUX15 #wedding form {width:90%;padding:0.8em;} .prodUX15 #wedding input[type="text"] {width:100%;} .prodUX15 #wedding h1 {font-size:2em;margin:0 0 0.8em;} .prodUX15 #wedding p {padding:0.2em 0;} } @media screen and (max-width:550px) {.prodUX15 #wedding {background-color:transparent;background-image:none;max-width:550px;padding:0;} .prodUX15 #wedding form {width:100%;}} @media screen and (max-width:767px) {.touch .mcp .prodUX15 .col-md-4-3 {width:100%;max-width:768px;}} /* --- Size guides Fit styles 20-11-15 --- */ .prodUX15 .clothes-fit .col-md-3 {margin-top: 1em;} .prodUX15 .clothes-fit .col-md-3 ul {list-style-type: disc;} .prodUX15 .clothes-fit .col-md-3:nth-child(4) {clear: both;} .prodUX15 .clothes-fit .col-md-3 li {margin-left: 5%;} .prodUX15 .clothes-fit {height: 10px;margin-bottom: 30px;padding-bottom: 95%;padding-top: 1%;} .prodUX15 h3.subhead {font: normal 1.4em/1.2 HelveticaNeueW01-65Medium,Helvetica,Arial,Sans-serif;text-align: center;} .accordion-content.measuring_advice.closed .prodUX15 {margin-bottom: 2em;} /* --- Top 10 last tile fix 18-09-2015---*/ .prodUX15 .row.mosaic.top10 {display: initial;} .prodUX15 .top10:before {clear: both;content: "";display: block;height: 0;margin-top: 4em;} /* --- Geo overlays AU, NZ & US 25-09-15 --- */ .geo-overlay ul.geoticks {color: #FFFFFF;font: 1.6em/1.6 "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;list-style-image: url("http://asset2.marksandspencer.com/is/image/mands/12c6755637eeb9ff14e0006b4d044d751a697a95?fmt=png-alpha");margin-left:3em;margin-bottom: 2em;padding-left: 2em;text-align: left;text-transform:uppercase;} .geo-overlay ul.geoticks span {font-family: 'HelveticaNeueW01-45Ligh',helvetica,arial,sans-serif;} .geo-overlay .geoNewFlag {background: url("http://asset2.marksandspencer.com/is/image/mands/4eeddffcbd725dd6ad1e99ce46c890569b2e2b98?fmt=png-alpha") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 4em;left: -3.8em;position: absolute;top: -1em;width: 5em;} .geo-overlay .hp-button-white-ghost {font-size: 1.2em;line-height: 1.25;margin-right: 1em;padding-left:0.3em;text-indent: 0.5em;} .geo-overlay .hp-button-white-ghost:after {content: "";} .geo-overlay .hp-button-white-ghost.fill {background: #000000;border: none;} /* --- Mobile apps page tabs update 28-09-15 --- */ .uniqueCtrl.buying-guide .uniqueCtrl.apps.tabbing li {width: 33%;} .uniqueCtrl.buying-guide .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:after, .uniqueCtrl.buying-guide .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:before, .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:after, .uniqueCtrl.buying-guide .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:before, .uniqueCtrl.buying-guide .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:after, .uniqueCtrl.buying-guide .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:before, .uniqueCtrl.apps.tabbing .tabs .tabs-header li.active:before {left: 37.7%;} /* --- PLP Narrow overlay 078-10-15---*/ .cms.wrap.uniqueCtrl.imgPlp.middle.narrow .copy {width: 42%;} /* --- Geo Overlay select list 20-11-15 M.CRAMPTON --- */ .geo-overlay .category:first-child {margin-top:12em;} .geo-overlay .category {background: url("//asset1.marksandspencer.com/is/image/mands/2a51848457d13c8fa841c464b9dacefcb66b9c4b?fmt=png-alpha") no-repeat scroll 96% 55% rgba(0, 0, 0, 0);display: block;margin-left: 22%;margin-right: 4px;margin-top: 5%;max-width: 300px;outline: 1px solid #FFFFFF;overflow: hidden;vertical-align: middle;width: 100%;z-index: 2147483647;} .geo-overlay select#country,.geo-overlay select#language {border:0;-moz-appearance: none;-webkit-appearance: none;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow: none;color: #FFFFFF;display: block;font-size: 1.5em;outline: 0 none;overflow: hidden;text-align: center;width: 340px;} .geo-overlay select#country option selected,.geo-overlay select#language option selected {color: #FFFFFF;outline: medium none;} .geo-overlay .category select#country option,.geo-overlay .category select#language option {color: #000000;font-size: 1.2em;margin-bottom: 0.3em;outline: medium none;text-align: center;} .geo-overlay input.enter {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;border-radius: 0 0 0 0;box-shadow: none;color: #FFFFFF;display: inline-block;font-size: 1.5em;height: 32px;line-height: 2;margin-left: 22%;margin-top: 5%;outline: 1px solid #FFFFFF;width: 300px;} .ie9 .geo-overlay select#country option selected {color:#FFFFFF;} .ie9 .geo-overlay select#country option {color:#000000;} .ie9 .geo-overlay select#country,.ie9 .geo-overlay select#language {background:rgba(255,255,255,.3);height:38px;margin-left:-0.01em;} .ie8 .geo-overlay select#country,.ie8 .geo-overlay select#language {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30FFFFFF,endColorstr=#30FFFFFF); ;height:38px;} .ie8 .geo-overlay input.enter {color:#000000;} /* --- Contact page updates 23-11-15 --- */ .contactus-main .icon-phone:before {background: url("//asset1.marksandspencer.com/is/image/mands/b6523359fbc3a9ed436d46250579fdb01d594488?wid=50&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";display: block;height: 80px;width: 80px;} .contactus-main .icon-email:before {background: url("//asset1.marksandspencer.com/is/image/mands/8fdf2c431b9f50afb2924980c3997fc27d1aff9d?wid=50&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 -8px rgba(0, 0, 0, 0);content: "";display: block;height: 60px;width: 60px;} .contactus-main .icon-email:after {background: url("//asset1.marksandspencer.com/is/image/mands/dd75164e7abe219f2293958deaf571a61763e79f?wid=60&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";display: block;height: 80px;margin-top: -20px;width: 80px;} .contactus-main .icon-store_locator:before {background: url("//asset1.marksandspencer.com/is/image/mands/b3af963b338fe1793571cdbe681d0968fea38e6c?wid=60&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";display: block;height: 80px;width: 80px;} .contactus-main .icon-write:before {background: url("//asset1.marksandspencer.com/is/image/mands/c508c00f3951beb6edd57ba019ce544191cee029?wid=50&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";display: block;height: 50px;width: 50px;} .contactus-main .icon-account:before {background: url("//asset1.marksandspencer.com/is/image/mands/30f010b55f5655052b5c81799c5aa8db8925e673?wid=40&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";display: block;height: 50px;width: 50px;} .contactus-main .icon-faqstar:before {background: url("//asset1.marksandspencer.com/is/image/mands/1a0e22608f7d56c37538e4928bba74c000f63368?wid=40&fmt=png-alpha&resMode=sharp2") no-repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";display: block;height: 50px;width: 50px;} .contactus-main .contactus-wrapper .search-box input[type="text"] {width:34em;} .contactus-wrapper .search-box input[type=submit] {top:-2px;} /* --- FULL WIDTH GEO-OVERLAY 03-12-2015 --- */ .lightbox.geo-location.full-width{width:100%;top:0!important;left:0!important;} .geo-overlay.geo-overlay-full{margin: -5em auto 0;position: relative;width: 100%;} .geo-overlay-full img{max-width:none;width:100%;} .geo-overlay.geo-overlay-full .copy {left: 45%;top:5%;} /* --- PLP CTAs 09-12-15 AEM Preview --- */ .mnsparsys .hp-button-blacknr-ghost,.mnsparsys .hp-button-blacknr-ghost:hover,.mnsparsys .hp-button-blacknr-ghost:active,.mnsparsys .hp-button-blacknr-ghost:visited {border: 1px solid #000000;color:#000000;} .mnsparsys [class^="hp-button-"] {display: inline-block;font-family: Helvetica,Arial,sans-serif;margin-top: 1em;/*min-width: 30px;*/outline: medium none;padding: 0.45em 1.5em;text-align: center;text-decoration: none;} .mnsparsys [class^="hp-button-"]:hover {background-color: none; text-decoration: underline;} .mnsparsys .wrap.cms.uniqueCtrl.imgPlp.middle.wide.h235.w900.noOverlay.ctas .copy {margin: 0 auto;width: 100%;left: 0;top: 1em;} /* --- GNAV CTA Left align fix 09-12-15 M.CRAMPTON --- */ .nav-submenu__promo a,.nav-submenu__style-and-living a {text-align: left;}