/*css for style and living*/ /*! --- Quotes --- */ .quotes.wrap {overflow: hidden;font: normal 1.5em/1.5em georgia;width: 920px;margin: auto;}.quotes>p { background: url('../../images/global/quote/blueharbour-quote-left.png') no-repeat left 6px; text-align: center;}.quotes>p .qoute { background: url('../../images/global/quote/blueharbour-quote-right.png') no-repeat right bottom; font: 100 italic 1.5em Georgia, "Times New Roman", sans-serif; padding: 0 5px;}.quotesBy { overflow: hidden; width: 65%; margin: auto; padding: 30px 0;}.quotesBy img.photo { width: auto;}.quotesBy .copy { padding: 10px 0 0 1.5em; width: 70%; float: left;}.quotesBy h4 { font: normal 1em arial; padding-bottom: 15px;}.quotesBy h4 b { font: normal 1.2em gerogia; text-transform: uppercase;}.detailedView { font-weight: bold; padding-right: 20px; background: url('../../images/global/sprites/bullet-arrow-right.png') bottom right no-repeat;}.quotesBy+p { text-align: center; background: none;}@import url(/css/web.css);.fashion-hub-container { float: none; width: 1200px;}.fashion-hub { background: #fff; border: 1px solid #d0d0d0; display: inline-block; float: left; margin: 0 40px 40px 0; padding: 3px 3px 80px; /* This bottom padding tries to compensate for image being used as a bg and show as much of it as possible */ position: relative; text-align: center;}.fashion-article-related .fashion-hub { border: 0; margin-bottom: 0;} .fashion-hub .copy { background: #fff; bottom: 0; padding: 0; position: absolute; width: 200px;}.fashion-hub img { width: 180px;}.fashion-hub a { display: block; font-weight: normal; margin: 0; padding: 0;}.fashion-hub .copy a span { display: block;} .fashion-hub .copy a span.title { font: 13px 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif'; text-transform: uppercase;}.fashion-hub:hover .copy a span.title { text-decoration: underline;}.fashion-hub .copy a span.subtitle { font: italic 20px Georgia, "Times New Roman", sans-serif; text-transform: uppercase;} .fashion-hub .copy p { margin: 0 0 20px 0;}.fashion-article-related .fashion-hub .copy p { min-height: 95px;} .fashion-hub .copy p a { padding: 10px 0 0 0;} @media screen and (min-width: 748px) and (max-width:999px) { .fashion-hub .copy, .fashion-hub img { width: 180px; } .fashion-hub .copy a span.subtitle { font-size: 18px; }} @media screen and (min-width: 1000px) and (max-width: 1239px) { .fashion-hub .copy, .fashion-hub img { width: 200px; } .fashion-hub .copy a span.subtitle { font-size: 20px; }} @media screen and (min-width: 1240px) { .fashion-hub .copy, .fashion-hub img { width: 250px; } .fashion-hub .copy a span.subtitle { font-size: 24px; }} /*! --- Colour variations --- */ .fashion-hub.fh-streetstyle .copy { border-top: 3px solid #692244; }.fashion-hub.fh-streetstyle .copy a span.title { color: #692244; }.fashion-hub.fh-catwalk .copy { border-top: 3px solid #d59897; }.fashion-hub.fh-catwalk .copy a span.title { color: #d59897; }.fashion-hub.fh-trends .copy { border-top: 3px solid #839982; }.fashion-hub.fh-trends .copy a span.title { color: #839982; }.fashion-hub.fh-video .copy { border-top: 3px solid #346784; }.fashion-hub.fh-video .copy a span.title { color: #346784; }.fashion-hub.fh-stylists .copy { border-top: 3px solid #d2941d; }.fashion-hub.fh-stylists .copy a span.title { color: #d2941d; } /*! --- Fashion hub navigation --- */.fashion-hub-nav { margin: 0 0 40px 0; text-align: center; }.fashion-hub-nav h2 { color: #333; font: italic 50px Georgia, "Times New Roman", sans-serif; margin: 0 0 20px; text-transform: uppercase;}.fashion-hub-nav ul { list-style: none; margin: 0; padding: 0;}.fashion-hub-nav ul li { font: 13px 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif'; display: inline-block; margin: 0 15px 0 0; text-transform: uppercase; }.fashion-hub-nav ul li a { color: #666; display: block; text-decoration: none;}.fashion-hub-nav ul li span { border-bottom: 3px solid #ccc; display: block; padding-bottom: 2px;} /*! --- Colour variations --- */.fashion-hub-nav .fhn-stylists { color: #d2941d; border-bottom-color: #ecd7a2; }.fashion-hub-nav .fhn-events { color: #db7d35; border-bottom-color: #f4cfb4; }.fashion-hub-nav .fhn-catwalk { color: #cb989d; border-bottom-color: #ead4d7; }.fashion-hub-nav .fhn-occasions { color: #995772; border-bottom-color: #dbbdc9; }.fashion-hub-nav .fhn-streetstyle { color: #692647; border-bottom-color: #c5a6b5; }.fashion-hub-nav .fhn-video { color: #37638a; border-bottom-color: #b0c4cf; }.fashion-hub-nav .fhn-trends { color: #5d8d5d; border-bottom-color: #c1d6c7; } .fashion-article { text-align: center; padding: 20px 0;}.fashion-article-header h1 .cat { color: #999; font: 13px 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif'; display: block; margin: 0 0 10px 0; text-transform: uppercase;} .fashion-article-header h1 .title { background: #fff; font: italic 32px Georgia, "Times New Roman", sans-serif; padding: 0 0.5em; text-transform: uppercase;}.fashion-article-header p { font-size: 13px; margin: 10px 0 0;} /*! --- Main article content --- */.fashion-article-content { border-top: 3px solid #999; margin: -4.5em 0 0; padding: 80px 0 0 0; text-align: center;}.fashion-article-intro { margin: 20px; }.fashion-article-intro h2 { font: normal 24px 'HelveticaNeueW01-UltLt', Helvetica, Arial, 'Sans-serif'; margin: 0;}.fashion-article-quote { margin: 20px; }.fashion-article-quote blockquote { font: italic 20px Georgia, "Times New Roman", sans-serif; margin: 0 15%;}.fashion-article-editor,.fashion-article-image { font-size: 15px; margin: 40px 15% 20px; }.fashion-article-editor h3 { font-weight: normal; font-size: 13px; margin: 0;}.fashion-article-editor h3 span.name { font: 16px Georgia, "Times New Roman", sans-serif;}.fashion-article-editor p { margin: 20px 15%;}.fashion-article-editor p .super-link { font: 100% 'HelveticaNeueW01-65Medi', Helvetica, Arial, 'Sans-serif';} .fashion-article-social { clear: both;} /*! --- Things we like --- */.fashion-article-related { border-top: 3px solid #999; margin: 40px auto;}.fashion-article-related h2 { font-weight: normal; font-size: 18px; margin: 30px auto; text-align: center; text-transform: uppercase; width: 8em;}.fashion-article-related h2 span.things { background: #fff; padding: 0 10px;}.fashion-article-related h2 span.welike { border-top: 1px solid #2a2a2a; font-family: Georgia, "Times New Roman", Times, serif; display: block; letter-spacing: 0.125em; margin: -10px 0 0; padding: 14px 0 0;} /*! --- Colour variations --- */.fashion-article.fa-stylists .cat { color: #d2941d; }.fashion-article.fa-events .cat { color: #db7d35; }.fashion-article.fa-catwalk .cat { color: #cb989d; }.fashion-article.fa-occasions .cat { color: #995772; }.fashion-article.fa-streetstyle .cat { color: #692647;}.fashion-article.fa-video .cat { color: #37638a; }.fashion-article.fa-trends .cat { color: #5d8d5d; }.fashion-article.fa-stylists .fashion-article-content { border-top-color: #d2941d; }.fashion-article.fa-events .fashion-article-content { border-top-color: #db7d35; }.fashion-article.fa-catwalk .fashion-article-content { border-top-color: #cb989d; }.fashion-article.fa-occasions .fashion-article-content { border-top-color: #995772; }.fashion-article.fa-streetstyle .fashion-article-content { border-top-color: #692647;}.fashion-article.fa-video .fashion-article-content { border-top-color: #37638a; }.fashion-article.fa-trends .fashion-article-content { border-top-color: #5d8d5d; } @media screen { .social-icons { padding: 10px 0 10px 0; float: left; } .social-icons li { float: left; margin: 0.5em 1em 0 1em; width: 6.5em; }.social-icons li.send-frnd{ margin: 0.5em 0 ; }.social-icons li.first,.social-icons li.first .icon{ margin-left: 0;}.social-icons .icon { margin: 0 ; width: 8.5em; }.social-icons li .mail { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; display: block; padding-left: 30px; font-size: 1.4em; background: url("../../images/global/sprites/mail.png") no-repeat scroll 6px center #f4f4f4; margin: 0 ; padding-bottom: 1px; padding-top: 1px; width: 3em; border: 1px solid #CCCCCC; color:#666;}.social-icons li .mail:hover{ color:#000; } .social-icons iframe { border: none }.social-icons .fb-like-container {width:80px; height:20px;overflow:hidden; padding: 0 1px; }.sets-social {width: 53em;overflow: hidden; margin: 13px 0 60px 224px; }.pdpSets .sets-social { margin: 13px 0 60px 151px; } .sets-social .social-icons { border-bottom: 1px solid #BBBBBB; width: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 0 }.pdpSets .sets-social .social-icons{ border-bottom: none; } .sets-social .other-services { padding-top: 0; margin-top: 0; border-top:none; border-bottom: 1px dotted #BBBBBB; padding-left: 24px; padding-bottom: 12px;} /*! --- Send To Friend --- */ .sendToFriend .g8{ padding-right: 3em; border-right:dotted 1px; } .sendToFriend .g8x{ padding-left:1.8em; } .sendToFriend .lightbox-inner .contents { padding: 0.9em 0 2.7em 2.7em; float: left; font-size: 1.4em; } .sendToFriend .lightbox-inner .contents h2 { font-size:2.2em; margin-bottom: 0; } .sendToFriend.lightbox form ul {float:left;overflow:hidden;padding-top:8px;} .sendToFriend.lightbox .form-cols, .thankYou.lightbox .form-cols { border-top: none; } .sendToFriend.lightbox fieldset { clear: both;display: block;float: left;} .thankYou .lightbox-inner .contents { padding: 0.9em 2.7em 1.2em 2.7em; float: left; } .sendToFriend .fielditem{ clear: both; } .sendToFriend form input[type="text"], .sendToFriend form input[type="email"], .sendToFriend form .fielditem.error input, .sendToFriend form .fielditem.validated input { width: 30.2em; padding: 0.5em; font-size: 0.9em } .sendToFriend form textArea { border: 1px solid #C7C7C7; display: block; font-size: 0.9em; padding: 0.5em; width: 30.2em; } .sendToFriend .fielditem label, .sendToFriend .form-rows .fieldLabel{ font-family: Helvetica,Arial,Sans-serif; float: left; font-size: 1.1em; line-height: normal; color: #666; width: 100%; letter-spacing: normal; padding-bottom: 8px; } .sendToFriend .fielditem label span, .sendToFriend .form-rows .fieldLabel span{ font-size: 0.7em; }.sendToFriend .contents .cta-links{ border-top: 1px solid #E6E6E6; clear: both; padding: 1em 0; width:60em; }.thankYou .contents .cta-links { border-top: 1px solid #E6E6E6; clear: both; padding: 1em 0; }.sendToFriend .contents .cta-links ul, .thankYou .contents .cta-links ul { float: right; overflow: hidden; }.sendToFriend .contents .cta-links li, .thankYou .contents .cta-links ul { font-size: 10px; }.sendToFriend .contents .char-counter-info { display: block; clear: both; padding-top: 8px; font-size: 14px; } .sendToFriend img{ float:left; width:124px; height:161px; }.sendToFriend .product, .sendToFriend .product p { font-family: Helvetica,Arial,Sans-serif; float: none; font-size: 1em; color: #666; width: 100%; padding-bottom: 0.6em; margin:0 0 0 0.6em; }.sendToFriend .product .product-name{ font-size: 1.3em; width:15em; }.sendToFriend .product .product-price{ font-size: 1.3em; }.sendToFriend .product-desc{ width:29em; }.sendToFriend .personal-Details{ border-style: dotted none none;border-width: 1px medium medium; display: block; margin-top: 1.3em; margin-right: 3em; }.sendToFriend .personal-Details label{ margin-top: 0.5em; } .sendToFriend .personal-Details .your-email{ margin-top: 10px; } .sendToFriend .personal-Details .your-email span{ font-size: 1em }.sendToFriend input[type="checkbox"]{ border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; left: -99999px; }.sendToFriend .js .fielditem input[type="checkbox"] + label, label.checkbox-label { background: url("../../images/global/sprites/form.png") 0 0 no-repeat transparent scroll; padding: 0 0 0 1.9em; } .information.upholstery label.checkbox-label { background: url("../../images/global/sprites/form.png") 0 4px no-repeat transparent scroll; padding: 0 0 0 1.2em; }.sendToFriend .inline-error-message{ clear: both; margin-left: 0; width: 28.2em; margin-bottom: 1.2em; position: relative; }.sendToFriend .inline-error-message-inner{ font-size: 0.9em; } .sendToFriend .form-server-message { height: auto; margin: 1em 0; padding: 2% 0; width: 61.5em; } .sendToFriend .form-server-message ul li { list-style-type: disc; list-style-position: inside; font-size: 1.3em; background-image: none; margin-left: 0; padding-left: 5.4em; }.sendToFriend .form-server-message.error h3 { background-position: 25px -400px; }.sendToFriend .custom-message{ font-size: 12px;}.sendToFriend .custom-message ul{ padding-top: 0; }.thankYou .form-rows-confirm li{ padding: 0 2px 0 0.5em; }.thankYou .form-rows-confirm li:first-child{ font-size: 1.2em; padding: 0.5em 0 0.5em 0.5em; } .thankYou .form-rows-confirm li:last-child{ padding-bottom: 1.5em; }.thankYou .contents ul{ padding-top:0; font-size: 1.2em; }.thankYou .contents ul.thanks-not{ font-size: 0.7em; }.thankYou .form-server-message { height: auto; margin: 0; padding: 2% 0; }.thankYou .form-server-message.success h3 {background-position: 10px -200px;font-size:3em;color:#666;line-height:1em;padding-left:1.5em;letter-spacing:0; }} @media screen and (max-width: 1239px) { .sets-social { margin-left: 168px; }} /*! --- test styles --- */ /*body { text-align: center;}*/ /*! --- Style Living pages --- */ .styleLiving .logo.gold h1:before { content:""; border-left: 1px solid #87783b;border-left: 1px solid rgba(135,120,59,0.8);border-bottom: 6px solid #87783b;border-bottom: 6px solid rgba(135,120,59, 0.8);}.styleLiving .sl-body {display: inline-block; padding-top: 6em;} .styleLiving .hero60 img {width:100%;} /*! --- Style Living pages - Editor's Pick --- */ .styleLiving {clear:both;/*display:inline-block;*/margin-top:3em;position:relative;} .styleLiving .logo a {display: block;height: 100%; position: relative; z-index:2} .styleLiving .hero6040 { border-top: 1px solid #000000; display:inline-block; height:74.2em; margin:0 auto; position:relative; width:120em;} .styleLiving .hero60 {box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:inline-block; float:left; height:700px; margin:0; padding:0; position:relative; width:70em; } .styleLiving .hero40 { background:#FFFFFF; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:inline-block; float:left; height:74.2em; margin-left:9em;padding:0 0 2em 5em; position:relative; width:50em; }.styleLiving .pull-quote{ background:#FFFFFF; bottom:1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:inline-block; font-family: 'DidotW01Roman',Georgia, serif; left:-3em; padding:3.5em 0 2.5em 2em; position: absolute; text-align:center; width:53em; } .styleLiving .pull-quote p { font-size:2.4em; } .styleLiving .pull-quote:before { width:100%; border-top: 1.2em solid #000000; content: ""; height: 3em; left: 37.5%; position: absolute; top: 10%; width:25%; }.styleLiving .pull-quote:after { width:100%; border-bottom: .25em solid #000000; content: ""; height: 1em; left: 37.5%; position: absolute; bottom: 10%; width:25%; }.styleLiving .hero60 h1, .styleLiving .hero60 h2 { border-left:1px solid #000000; font-family: 'DidotW01Roman',Georgia, serif; font-weight:100; margin:0; text-transform:uppercase;-webkit-font-smoothing: antialiased }.styleLiving .hero60 .copy p, .styleLiving .breadcrumb { background:none; border-left:1px solid #000000; display:block; font-family: 'didotItalic',Georgia, serif; font-size:1.2em; font-style:normal; margin:0; padding: .7em 0 1.35em; position:absolute; text-indent:.75em; top:0; width:60em; z-index:9996; }.styleLiving .breadcrumb li {line-height:1em;} .styleLiving .breadcrumb li a {color:#000000;font-family: 'didotItalic',Georgia, serif;font-size: 0.8em;font-style:normal;} /*.breadcrumb li:after {margin:0;}*/ .styleLiving .hero60 .copy h1 { font-size:2em; letter-spacing:.1em; line-height:0; padding-top:7.7em; position:absolute; text-indent:0.6em; top:0; } .styleLiving .hero60 h2 { border-bottom:.5em solid #000000; display:inline-block; font-size:5em; line-height:1.2em;position:absolute; text-indent:.2em; top:3em; width:auto; z-index:1; } .styleLiving .hero60 .img {width: 70em;height: 70em;} .styleLiving .hero60 .imageHolder{float:left;position: relative;}.styleLiving .hero60 .imageHolder{display:inline;}.styleLiving .hero60 {width: 70em;height: 70em;position: relative;} .styleLiving .hero60 .imageHolder {position: relative;float: left;} .styleLiving .hero60 .img{width: 100%;height: 100%;} .styleLiving .hero60 img { margin-top:4.1em;width: 100%;} .styleLiving .hero60 .s7HotspotViewerHolder{height: 74em;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}.styleLiving .plus{ font-family:"HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif; font-size:1.3em; } .styleLiving .intro-sub { font-family: 'didotItalic',Georgia, serif; font-size:1.2em; font-style:normal; padding:.7em 0 1.35em; text-align:center; } .styleLiving .logo { background-color:#FFFFFF; display:inline-block; height:4em; left:40%; line-height:0; padding:0; position:absolute; text-align:center; top:-1.5em; width:20%; z-index:2; } .styleLiving .logo p, .styleLiving .heroRoundup.logo p { background:#FFFFFF; display:block; font-family: 'didotItalic',Georgia, serif; font-size:1em; font-style:normal; height:1em; line-height:1.2em; margin:0; padding:.0 .1em 0; position:absolute; right:7em; bottom:1.1em; z-index:3} .styleLiving .logo:after { margin-right: -20px; content:""; height:1px; } .styleLiving .logo:before { margin-left: -20px; content:""; height:1px; } .styleLiving .logo h1 { display:block; font-family: 'DidotW01Roman',Georgia, serif; font-size:4em; font-weight:normal; letter-spacing:.05em; line-height:0.5em; margin:0; padding:0; text-indent:0.5em; } .styleLiving .logo h1:before { content:""; border-left: 1px solid rgba(248,8,199,0.8); border-bottom: 6px solid rgba(248,8,199,0.8); bottom:0.27em; display:block; height:0.6em; margin-top:1em; margin-left:0.3em; padding-left:0.3em; position:absolute; left:10px; width:10%; } .styleLiving .logo h1 .plus.gold{color:#87783B;}.styleLiving .logo h1 .plus.pink { color:#f808c7; font-family:"HelveticaNeueW01-UltLt",Helvetica,​Arial,​Sans-serif; min-height:1em; margin:0; padding:0; } .styleLiving .author { clear:both; display:inline-block; margin:0 0 7em; position: relative; width:100%; } .styleLiving .author h3 { font-family: 'HelveticaNeueW01-UltLt', Helvetica, Arial, 'Sans-serif'; font-size:2.4em; font-weight:lighter; margin:0 0 .5em; } .styleLiving .author h4 { font-family:'DidotW01Roman', Georgia, serif; font-size:1.8em; font-weight:lighter; margin:0; text-transform:uppercase; } .styleLiving .author p { margin:0; } .styleLiving .author img { display:inline-block; float:left; width:60px!important; height:70px } .styleLiving .copy .author-details { display:table-cell; float:left; margin-left:1em; } .styleLiving .copy .author-details p, .styleLiving .heroRoundup .hero33 .copy .author-details p { font-family:'DidotW01Roman', Georgia, serif; font-size:1.2em;}.styleLiving .story h2 { font-family:'DidotW01Roman', Georgia, serif; font-size:3.6em; font-weight:100; margin:0 0 0.5em 0; text-transform:uppercase;} .styleLiving .story p { font-family:Helvetica, sans-serif; font-size:1.2em; line-height:1.5em; } .styleLiving .story .firstcharacter { float:left; font-family:'DidotW01Roman', Georgia, serif; font-size:5em; line-height:.9em; margin-bottom:0; padding-bottom:0; padding-right:10px; text-transform:capitalize; } .styleLiving .hero6040 .story-intro { font-family:'didotItalic',Georgia, serif; font-size:1.6em; font-weight:normal; line-height:1.5em; margin:0 2em 0.5em 0; } .styleLiving .story a { font-family:"HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif; font-weight:normal; padding-top:10px; position:relative; }.styleLiving a.super-link {background-image:none; color: #222;font-style: normal; font-family: 'didotItalic',Georgia, serif;font-size: 1.4em;font-style:normal;text-decoration: none; border: 2px solid #ccc;border-left:0;border-top:0;margin-top: 14px;padding: 6px 16px;} .styleLiving a.super-link:hover{background: #f5f5f5;} .styleLiving .cta:after { content:" \02192"; bottom:3px; height:1px; }.styleLiving .lined-header { float:left; position:relative; text-align:center; width:94%; margin-top:3em; }.styleLiving .lined-header h3 { background-color:#FFFFFF; display:block; font-family:'DidotW01Roman',Georgia, serif; font-size:1.8em; font-weight:normal; height:1em; line-height:1em; padding: 0 2em; text-transform:uppercase; z-index:999;} .styleLiving .lined-header h3:before { content:""; height:1px; width:39%; border-top:1px solid #333333; left:0; margin-left:0; position:absolute; top:50%; z-index:1;} .styleLiving .lined-header h3:after {content:""; height:1px; width:39%; border-top:1px solid #333333; right:0; margin-right:0; position:absolute; top:50%; z-index:1;}.styleLiving .author .copy{width:auto;text-align:left;} /*.styleLiving .box.g6, .styleLiving .box.g4 {width:auto;}*/.styleLiving .loader{margin:0!important;}.styleLiving .related-brands{height:40em;margin-left:0;} .styleLiving .related-brands .box.g8 {margin:0 1.5em 2em 0;width:37em;}.styleLiving .related-brands .box.g8 + .box.g8 {margin:0 3em;}.styleLiving .related-brands .box.g8 + .box.g8 + .box.g8{margin:0 0 0 1.5em;}.styleLiving .related-brands h3{font-family:'DidotW01Roman',Georgia,serif;font-size:1.8em;padding-bottom:.5em;text-transform:uppercase;}.styleLiving .related-brands .box.g8 .copy p {font-family:'didotItalic',Georgia,serif;font-style:normal;font-size:1.6em;line-height:1.5em;padding-bottom:1em;}.styleLiving .related-brands .cta {font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;font-size:.9em;font-style:normal;}.styleLiving .related-brands .cta:hover{text-decoration:underline;}.styleLiving .related-brands .copy{margin:1em 0.5em 0;}.styleLiving .related-brands .box.g8 img {width:100%;} .styleLiving .banner{height:190px;} .styleLiving .banner img{width:100%;} @media screen and (max-width: 1239px) {.styleLiving .author{margin-bottom:3em;}} /*! --- Style Living pages - The Round up --- */ .ie8 .styleLiving .logo.olive h1:before {border-bottom-color:#8d7933;border-left-color:#8d7933;} .styleLiving .logo.olive h1:before { border-left: 1px solid rgba(141,121,51,0.8); border-bottom: 6px solid rgba(141,121,51,0.8);left:23px; } .styleLiving .logo h1 .plus.olive { color: #907933; } .styleLiving .heroRoundup { border-top:1px solid #000000; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:block; float:left; height:442px; margin:0 0 8em; padding:0; position:relative;z-index:999;} @media screen and (max-width: 1239px) {.styleLiving .heroRoundup {height:353px;}} .styleLiving .heroRoundup img { position: absolute; top: 4em; left: 0; width:800px; max-width:800px; } @media screen and (max-width: 1239px) {.styleLiving .heroRoundup img{max-width:640px;}}.styleLiving .heroRoundup .copy h1, .styleLiving .heroRoundup .copy h2 {color:#FFFFFF;display:block; font-family: 'DidotW01Roman',Georgia, serif;font-weight:100; margin:0; position:relative; text-transform:uppercase; }.styleLiving .heroRoundup .copy h4 { color:#FFFFFF; display:block; font-family: 'didotItalic', Georgia,serif; font-style: normal; font-weight: normal; font-size:2.4em; margin: 0 0 0 .9em; position:relative;}.styleLiving .heroRoundup .hero33 h5 { font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif; font-size: 3.6em; padding-bottom: 3.5em;}.styleLiving .heroRoundup .copy p { background:#FFFFFF; border-left:1px solid #000000; display:inline-block; font-size:1.2em; font-style:normal; margin:0; padding: .7em 0 1.4em; text-indent:.75em; width:103%; } .styleLiving .heroRoundup .copy .top { display:block; font-size: 0.5em; font-style: italic; line-height: 3em; text-indent:0; }.styleLiving .heroRoundup .hero33 {padding-left:2.5em;}.styleLiving .heroRoundup .intro-sub {background:#FFFFFF;margin-left:-2em; padding:0.5em 0 1.4em;} .styleLiving .heroRoundup .intro-sub p{ border-left:0; padding:0; width:100%; }.styleLiving .heroRoundup .hero33 dt {font-family: 'DidotW01Roman', Georgia,serif; font-size:2.4em;text-transform:uppercase;}.styleLiving .heroRoundup .hero33 dd {margin-bottom:1em;}.styleLiving .heroRoundup .hero33 dt:before { border-top: 2px solid #000000; display: inline-block; height: 1px; position: absolute; width: 15%; content: "";}.styleLiving .heroRoundup .hero33 dl {width:90%;}.styleLiving .heroRoundup .hero33 dl:after {border-bottom: 2em solid #000000; content: ""; display: inline-block; height: 1px; position: absolute; width: 31.7%; bottom: 0;} /*! --- Style Living Video --- */ .styleLiving .call-to-action.video a, .copy.video .call-to-action a{padding-top: 5em;width:8em;}.styleLiving .left-block-story .copy.video{background:none;top:10em;} /*! --- Style Living Sections --- */ .styleLiving .left-block-story {border-left:1px solid #000000;display:block;margin-top: 14em;padding-right:3em;position:relative;width:59.5em; z-index:3;}.styleLiving .left-block-story p{font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.styleLiving .left-block-story .story-intro, .styleLiving .two-col-img-txt .story-intro{color:#000000;display:inline-block;font-family:'didotItalic', Georgia, serif;font-size:2.4em;line-height:1.2em;padding-bottom:1em;padding-left:1.2em;position:relative;z-index:4;}.styleLiving .edi-panel.horizontal.full-bleed:after {border-bottom: 2em solid #000000;bottom: 0;content: "";display: block;position: absolute;right: 0;width: 45%;z-index: 2;}.styleLiving .left-block-story h2{font-family: 'DidotW01Roman', Georgia,serif; font-size: 3.6em;padding-left: .8em;padding-bottom:0.2em; text-transform: uppercase;}.styleLiving .left-block-story .intro-story{font-size:2.4em;}.styleLiving .left-block-story:before {border-top: 2em solid #000000; bottom: 0; content: ""; display: block; height: 1px; left: 0; width: 30%; padding-bottom: 1.5em;}.styleLiving .imgs-3-block { margin-top: 5em;padding-left: 3em;position:relative;width: 59.5em;z-index:2;}.styleLiving .imgs-3-block > p {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';font-size:1.2em;}.styleLiving .imgs-3-block img {width:100%;}.styleLiving .rightcol-img1 { float: left; width: 20em;}.styleLiving .rightcol-img2 { clear: right; float: left; width: 37em;}.styleLiving .rightcol-img2 > p { font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';font-size: 1.2em; margin: 0 1em 1em 10em;}.styleLiving .rightcol-img3 {float: left;margin: 1em 0 0 1em; width: 31em;}.rightcol-img1 > p {margin: 0 2em 0 1em;font-size: 1.2em;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.rightcol-img1 > img {margin-bottom: 1em;}.rightcol-img3 > img {margin-bottom: 1em;}.rightcol-img3 > p {font-size: 1.2em;margin: 0 2em 0 3em;text-align: right;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.styleLiving .story-label {font-size:1.2em;padding-left:2.4em;}.styleLiving .bordered-pullout:before{border-top:5px solid #000000;content:"";display:block;position: absolute;top:0;width:95%;}.styleLiving .bordered-pullout:after{bottom:0;content:"";display:block;border-bottom:4px solid #000000;position:absolute;width:90%;}.styleLiving .bordered-pullout{display:block;margin-left:10em;padding:1em 0;position:relative;}.styleLiving .pull-quote-bordered .cta, .styleLiving .pull-quote-border-top .cta {font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,Sans-serif;}.styleLiving .three-col-imgs .box.g8 img{width:100%;}.styleLiving .two-col-img-txt {clear: both;display: inline-block;margin-top: 4em;margin-bottom:2em;position:relative;}.styleLiving .roundup-section1 {clear: both;display: inline-block;height: auto;margin-bottom: 2em;padding-bottom: 0;position:relative;}.styleLiving .three-col-imgs {clear: both;display: block;height:45em;padding-bottom:10em;position:relative;}.styleLiving .two-col-img-txt h2 { font-family: 'DidotW01Roman', Georgia,serif; font-size: 3.6em; padding-bottom: 0.2em; padding-left: 0.8em; text-transform: uppercase;}.styleLiving .roundup-section1:before {border-left: 1px solid #000000; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 2em; width: 100%;}.styleLiving .edi-panel.horizontal.full-bleed img {border-left: 1px solid #000000;border-bottom: 1px solid #000000; margin-left: -1px;}.styleLiving .right-block-story {padding-top: 10em;}.two-col-img-txt:after {border-right: 1px solid #000000; content: "";display: block;height: 100%; position: absolute; width: 100%;}.two-col-img-txt:before {border-top: 2em solid #000000;content: ""; display: block; height: 1px; position: absolute;right: 0;top: 0; width: 15%;}.three-col-imgs:after {border-right: 1px solid #000000;bottom:-1px;content: "";display: block;height: 105%;position: absolute;right:-1px;width: 1px;}.three-col-imgs:before {content: "";display: block;height: 100%;width: 50%;border-bottom: 1px solid #000000;position: absolute;right: 0;}.styleLiving .box.g8 .copy p {font-size: 1.2em;padding: 1em 5em 1em 1em;position:relative;z-index:6;}.styleLiving .border-wrap:after {content: "";border-bottom: 2em solid #000000;position: absolute;bottom: -1px;height: 1px;width: 25%;left: 40em;}.styleLiving .two-col-img-txt .box.g12 img {position:relative;width: 95%;z-index:2;}.styleLiving .roundup-section4 {clear: both;display: inline-block;height: auto;margin-bottom: 2em;padding-bottom: 1em;position:relative;}.styleLiving .roundup-section4:before {border-left: 1px solid #000000;content: "";display: block;height: 50%;left: 0;position: absolute;bottom: 0;width: 100%;}.styleLiving .roundup-section4 .left-block-story img {width: 100%;}.styleLiving .sub-description {padding: 1em 2em 4em;font-size: 1.2em;position:relative;width: 50%;z-index:5;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.styleLiving .roundup-section4:after {border-bottom: 1px solid #000000;bottom: 0;content: "";display: block;height: 100%;left: 0;position: absolute;z-index: 1;width: 50%;}.styleLiving .roundup-section4 .box.g12:after {border-bottom: 2em solid #000000;bottom: 0;content: "";display: block;height: 1px;position: absolute;left: 25%;width: 25%;}.styleLiving .roundup-section4 .rightcol-img1 {width: 22em;}.styleLiving .roundup-section4 .rightcol-img3 {width: 32em;}.styleLiving .roundup-section4 .rightcol-img2 {width: 35em;}.styleLiving .roundup-section4 .rightcol-img2 img {margin-top: 0;margin-bottom:1em;}.pull-quote-bordered:after {border-bottom: 2px solid #000000;bottom: 0;content: "";display: inline-block;left: 0;position: absolute;width: 100%;}.pull-quote-bordered:before {border-top: 0.5em solid #000000;content: "";display: block;left: 0;position: absolute;top: 0;width: 100%;}.pull-quote-bordered {bottom:0;clear: both;display: inline-block;font-size: 1.2em;margin: 0 0 0 10.5em;padding: 1em 2em;position: absolute;right:0;width: 29.3em;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.styleLiving .roundup-section4 .rightcol-img3 img {margin-top: 1em;}.styleLiving .story-intro a:hover {text-decoration:underline;}.styleLiving .roundup-section4 .copy.video {position: absolute;top: 23em;width: 22em;}.styleLiving .roundup-section4 .call-to-action > a {padding-top: 5em;height: 2em;}.styleLiving .roundup-section4 .call-to-action.video a, .styleLiving .roundup-section4 .copy.video .call-to-action a {padding-top: 5em;width: 22em;display: inline-block;margin: 0 auto;}.styleLiving .roundup-section4 .call-to-action {display: inline-block;width: 3em;} .styleLiving .imgs-3-block a, .styleLiving .three-col-imgs .copy a {font-family:'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;text-decoration:underline;}.styleLiving .story-intro > a { color: #000000; text-decoration:underline;}.styleLiving .sub-description a {font-family: 'HelveticaNeueW01-65Medium',Helvetica,Arial,Sans-serif;text-decoration: underline;}.styleLiving .rightcol-img1 > p + P {padding-top: 13em;}.styleLiving .related-brands .box.g8 .copy p {padding: 0 0 0.5em; font-size: 1.6em;}.styleLiving .copy h3 .article {font-family: didotItalic, Georgia,serif;text-transform: none;}.styleLiving .banner-overlay {bottom: 0.5em;font-family: 'DidotW01Roman',Georgia,serif;font-size: 2.2em;left: 4.5em;position: absolute;z-index: 2;}.styleLiving .banner a {display: block;height: 100%;position: relative;}.pull-quote-border-top { border-top: 4px solid #000000;bottom: 0;display: inline-block;float: right;font-size: 1.2em;height: auto;margin-right: 2em; margin-top: 2em;padding-bottom: 1em;padding-left: 3em;padding-top: 1em;position: absolute;right: 0;width: 30em;font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';}.hero33 h3.story-intro {font-family: 'didotItalic', Georgia, serif;font-size: 2em;line-height:1.2em;padding-right: 3em;width:9.5em} /*! --- Style Living Hero 70/30 --- */ .styleLiving .heroRoundup .sl-lady {font-size: 1.267em;line-height: 1em;}.styleLiving .heroRoundup .copy h1 { font-size: 3.371em; letter-spacing: 0; line-height: 0.5em; margin-left: 0; padding-top: 2.7em; text-indent: 0.3em;}.styleLiving .heroRoundup .copy h2 { border-bottom: 0.6em solid #FFFFFF; display: inline-block; font-size: 5.58em;letter-spacing:-5px; line-height: 1.2em; margin: 0;padding-right: 0.2em;text-indent: 0.2em; width: 3.6em;}.styleLiving .heroRoundup .copy h3 { color: #FFFFFF; display: block; font-family: 'DidotW01Roman',Georgia,serif; font-size: 7.5em; font-weight: normal; letter-spacing:0;line-height: 0.8em; margin: 0 0.1em 0.3em; padding-bottom: 0; padding-right: 0.25em; position: relative; text-align: right; text-transform: uppercase;}.styleLiving .heroRoundup .copy .plus { bottom: 0.58em; font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif; font-size: 1.4em; left: 2em; line-height: 0; position: absolute;}.styleLiving .heroRoundup .hero33 .author .copy h4 {color:#000000; font-family: 'DidotW01Roman',Georgia,serif;font-size: 1.8em;font-weight: lighter;margin: 0;text-transform: uppercase;}.styleLiving .heroRoundup .hero33 .author .copy h3 {color: #000000;font-family: 'HelveticaNeueW01-UltLt',Helvetica,Arial,'Sans-serif';font-size: 2.4em;font-weight: lighter;margin: 0 0 0.5em;text-align:left;}.styleLiving .hero33 .author .copy .author-details {color:#000000; display: table-cell;float: left;margin-left: 70px;position:relative;}.styleLiving .heroRoundup .hero33 .author img {display: inline-block;float: left;height: 70px;width: 60px;top:0;}.styleLiving .heroRoundup .hero33 .author-details p {background:none;border-left:none;padding:0;text-indent:0;}.styleLiving .three-col-imgs .copy {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';} /*! --- Style Living Hero 50 / 50 --- */ .styleLiving .hero5050 .box.g12 .hero50 img {width:100%!important;}.styleLiving .hero50 { box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:inline-block; float:left; margin:0 0 24em; padding:0; position:relative; width:60em; }.styleLiving .hero5050 .copy p {background: none repeat scroll 0 0 #FFFFFF;border-left: 1px solid #000000;display: inline-block;font-size: 1.2em;font-style: italic;margin: 0;padding: 0.7em 0 1.4em;text-indent: 0.75em;width: 103%;}.styleLiving .hero5050 .copy h1 {font-size: 3em;letter-spacing: 0.1em;line-height: 0;margin-top:5em;margin-left: 0;padding-left: 0.7em;padding-top: 5em;position:absolute;text-indent: 0.6em;}.styleLiving .hero5050 img {left: 0;max-height: none;max-width: 60em;position: absolute;top: 4em;width: 100%;}.styleLiving .hero5050 {-moz-box-sizing: border-box;border-top: 1px solid #000000;display: inline-block;float: left;margin: 0 0 7em;padding: 0;position: relative;}.styleLiving .hero5050 .copy h1, .styleLiving .hero5050 .copy h2 {color: #FFFFFF;display: block;font-family: 'DidotW01Roman',Georgia,serif;font-weight: 100;padding-left:0.3em;position: relative;text-transform: uppercase;}.styleLiving .hero5050 .copy .top {display: block;font-size: 0.5em;font-style: italic;text-indent: 1em;}.styleLiving .hero5050 .copy h2 {border-bottom: 0.5em solid #FFFFFF;display: inline-block;font-size: 4em;line-height: 0.85em;margin: 0.1em 0;text-indent: 0.2em;width:42%;}.styleLiving .hero5050 .story-intro {font:normal normal 1.6em/1.5em 'didotItalic',Georgia,serif;margin: 0 2em 0.5em 0;width:88%;}.hero50-right:after {border-bottom: 2em solid #000000;content: "";display: block;width:49em;}.hero50-right {padding-left: 5em;}.hero-date:after {border-bottom: 3px solid #000000;content: "";display: block;width:89%;}.styleLiving .hero50-right .hero-date {font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif;font-size: 3.6em;padding-top: 3em;}.styleLiving .hero50-right h3 {color:#000000;font-size: 6.5em;font-family: 'DidotW01Roman', Georgia, serif;text-transform: uppercase;padding-top: 0.2em;}.styleLiving .hero50-right .brand{border-left:0px solid #000000;}.styleLiving .hero50-right .brand h1 {font-family:'didotItalic', Georgia, serif;font-size:1.4em;text-indent:10px;text-transform:uppercase;}.styleLiving .hero50-right .brand h2 {font-family:'DidotW01Roman', Georgia, serif;border-bottom: 0.62em solid #000; font-size: 3.8em;width:40%;padding-bottom: 0.2em;text-indent:10px;text-transform:uppercase;width: 52.8%;} /*! --- Style Living Hero Hub page --- */ .styleLiving .heroHub .sl-banner {bottom: -4em;display: block;position: absolute;width: 55em;}.styleLiving .heroHub .sl-banner img {width: 100%;}.styleLiving .heroHub .lined-header {background: none repeat scroll 0 0 #FFFFFF;display: block;margin: 0;position: absolute;top: -10px;z-index: 5;}.styleLiving .heroHub .lined-header h3:before {width: 33%;}.styleLiving .heroHub .lined-header h3:after {width: 33%;}.styleLiving .heroHub .hero33 dt {font-family: 'DidotW01Roman', Georgia,serif; font-size:2.4em;line-height:1.4em;text-transform:uppercase;}.styleLiving .heroHub .hero33 dd {font-size:1.2em;margin-bottom:1em;}.styleLiving .heroHub .hero33 dt:before { border-top: 2px solid #000000; display: inline-block; height: 1px; position: absolute; width: 15%; content: "";}.styleLiving .heroHub .hero33 dl {width:90%;}.styleLiving .heroHub .hero33 dl:after {border-bottom: 2em solid #000000; content: ""; display: inline-block; height: 1px; position: absolute; width: 23%; bottom: 0;}.styleLiving .heroHub .hero33 {padding-left:2.5em;}.styleLiving .heroHub .hero33 .copy .author-details p { font-family:'DidotW01Roman', Georgia, serif; font-size:1.2em;}.styleLiving .heroHub .heroHubImg {width: 90em;}.styleLiving .heroHub .box.g8 .hero33 {padding-top:3.3em;width: 95%;}.styleLiving .heroHub .heroHubImg:before {border-left: 1px solid #EC008C;content: "";display: block;height: 100%;left: 0;position: absolute;width: 1px;bottom: 0;z-index:5;}.styleLiving .heroHub .copy p, .styleLiving .heroHub .breadcrumb {background:#FFFFFF; border-left:1px solid #EC008C; display:block; font-family: 'didotItalic',Georgia, serif; font-size:1.2em; font-style:normal; margin:0; padding: .7em 0 1.35em; position:absolute; text-indent:.75em; top:0; width:76em; z-index:1;}.styleLiving .heroHub .heroHubImg img {margin-top:4.1em;width: 100%;}.styleLiving .heroHub .box.g8 {width: 29em;}.styleLiving .heroHub .hero-date{font-family:"HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif; font-size:3.6em;line-height:;padding-bottom:1.5em;}.styleLiving .heroHub .hero-date:after {border: none;}.styleLiving .heroHub{display:inline-block;margin-bottom:6em;position: relative;}.styleLiving .heroHub .box.g16{position:relative;width:90em;} @media screen and (max-width: 1239px) {.styleLiving .heroHub .heroHubImg:before{height:100.5%;}} /*! --- Style Living Video --- */ .styleLiving .call-to-action.video a, .copy.video .call-to-action a{padding-top: 5.5em;width:8em;height:1.5em;}.styleLiving .left-block-story .copy.video{background:none;top:10em;} /*!--- Style & Living First Round - Luca--- */ /* common */ /* body {font-family:Georgia, Serif;transition: all .2s ease-out;}*/ .styleLiving .related-brands h3 > span {text-transform: none;} .styleLiving .lined-header.shorter h3:before, .styleLiving .lined-header.shorter h3:after {width:37%} .styleLiving .lined-header.longer h3:before, .styleLiving .lined-header.longer h3:after {width:45%} .styleLiving .section a.link, .styleLiving .section a:hover {text-decoration: underline;} .styleLiving .section a.link:hover {text-decoration: none;} .styleLiving .section {margin-bottom: 3em; position: relative; width:100%} .styleLiving .section div[class*='column'] {display: inline-block; *display: inline; float: left; position: relative;*zoom: 1;} .styleLiving .section .column50 {width:60em} .styleLiving .section .column20 {width: 24em} .styleLiving .section .column40 {width: 48em} .styleLiving .section .column30 {width: 36em} .styleLiving .section .column33 {width:40em} .styleLiving .section .column25 {width: 30em;} .styleLiving .section .column60 {width: 72em} .styleLiving .section .column100 {width: 100%;} .styleLiving .section .smallTitle {text-transform: uppercase;font: 1.2em/1.5em Arial, sans-serif; padding-top:1em} .styleLiving .section .description a.cta {color: #000;display: block;text-transform: none;font: 1em 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';} .styleLiving .section .description {font-family: 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif'; margin: 0;list-style: none;1.5em} .styleLiving .section p {font-size: 1.2em; line-height: 1.5em;margin-bottom: 0;} .styleLiving .section h1 {font: normal 3.6em 'DidotW01Roman', Georgia, serif;margin: 0;text-transform: uppercase;padding-bottom:.2em} .styleLiving .borderLeft {border-left: 1px solid #000;} .styleLiving .borderRight {border-right: 1px solid #000;} .styleLiving .borderBottom {border-bottom: 1px solid #000} .styleLiving .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0;} .styleLiving .section .smallHeading {text-transform: uppercase; display: block; font: 1.8em/1.8em 'DidotW01Roman', Georgia, serif;} .styleLiving .section .copy .styleLiving .clearfix:before, .styleLiving .clearfix:after{content:'\0020';display:block;height:0;overflow:hidden;visibility:hidden;width:0;} .styleLiving .clearfix:after{clear:both;} .styleLiving .clearfix{zoom:1;} .styleLiving .section .topContent.copy {padding: 2.6em 1.3em;} .styleLiving .section .topContent.copy p {font: 2.4em 'didotItalic',Georgia, serif;} .styleLiving .section .number {font: 21.5em/.8em 'didotItalic',Georgia, serif;position: absolute;text-align: right;width:1.8em;} .styleLiving .section .bottomNumber {border-bottom: .09em solid #000;bottom: 0;right: 0;width: 1.8em} .styleLiving .section .topNumber {border-top: .09em solid #000;right: 0;top: 0;width: 1.8em;} .styleLiving .section .smallCopy {width: 25em} .styleLiving .wear-it .section1 .bottomPanel .copy {width: 15em; } /* how to wear it */ .styleLiving .wear-it .section1 .topBorder, .styleLiving .wear-it .section3 .topBorder {height: 0;border-top: 1.5em solid #000;width:10em;} .styleLiving .wear-it .section1 .column50 img.column50, .styleLiving .wear-it .section3 .column50 img.column50 {width: 59.9em;} .styleLiving .wear-it .section1 .bottomPanel .copy, .styleLiving .wear-it .section1 .bottomPanel > img, .styleLiving .wear-it .section3 .bottomPanel .copy, .styleLiving .wear-it .section3 .bottomPanel > img {display: inline-block; *display: inline; /*float: left;*/padding: 2em;*zoom: 1;} .styleLiving .wear-it .section1 .bottomPanel > img, .styleLiving .wear-it .section3 .bottomPanel > img {height: 12em; width: 20em;} .styleLiving .wear-it .section1 .bottomPanel > p, .styleLiving .wear-it .section3 .bottomPanel > p {padding-left: 0; width:15em;} .styleLiving .wear-it .longContainer img {width: 100%;} .styleLiving .wear-it .longContainer > div {padding: 0 1em 0 1.6em;} .styleLiving .wear-it .shortContainer .topContent > div, .styleLiving .wear-it .section3 .column30 .topContent > div {float: left;margin-left: 0;width: 17.5em;} .styleLiving .wear-it .shortContainer .topContent > div:first-child {margin-right: 1em;} .styleLiving .wear-it .shortContainer .topContent > div img {width: 17.5em} .styleLiving .wear-it .shortContainer .topContent {margin-bottom: 2em;overflow: hidden;} .styleLiving .wear-it .shortContainer .topContent img, .styleLiving .wear-it .shortContainer .bottomContent, .styleLiving .wear-it .shortContainer .bottomContent img, .styleLiving .wear-it .section3 .shortContainer .bottomContent, .styleLiving .wear-it .section3 .shortContainer .bottomContent img {width: 30em;} .styleLiving .wear-it .section1 .bottomContent img, .styleLiving .wear-it .shortContainer .topContent img {height: 30em} .styleLiving .wear-it .column50 .longContainer p {padding-left: 1.5em;width: 17em;} .styleLiving .wear-it .column50 .shortContainer p {clear: both;float: right;padding-right: 1.5em;text-align: right;width: 21em;} .styleLiving .wear-it .shortContainer .topContent p {float: left;text-align: left;padding-left: 1.5em;width: 21em;} .styleLiving .wear-it .section1 .longContainer > div {margin-top: 3em;} .styleLiving .wear-it .section1 .column50:first-child .topContent {margin-top: 3em;min-height:13.5em} .styleLiving .wear-it .section2 div.bottomContent {float: right} .styleLiving .wear-it .section2 .bottomNumber {left: 0;} .styleLiving .wear-it .section2 ul.column100 {padding: 0;clear: both; text-align: center;} .styleLiving .wear-it .section2 ul.column100 > li {display: inline-block; *display: inline;vertical-align:top;width: 19em; margin-right: 1em;*zoom:1;} .styleLiving .wear-it .section2 ul.column100 > li img {width:100%; height: 19em} .styleLiving .wear-it .section2 ul.column100 > li.middleSlot {width: 39em;margin: 0;} .styleLiving .wear-it .section2 ul.column100 > li.middleSlot:first-child {margin-right: 1em;} .styleLiving .wear-it .section2 ul.column100 > li.middleSlot img {width:100%} /* .styleLiving .wear-it .section2 ul.column100 > li .smallTitle {margin-top: 1em; } */ .styleLiving .wear-it .section2 ul.column100 > li p {text-align: left; padding-left: 5%;width:68%} .styleLiving .wear-it .section2 .column50:first-child {width:59em;height:59em;} .styleLiving .wear-it .section2 .column50:first-child img {width:100%;} .styleLiving .wear-it .section2 .topContent.copy {padding: 10em 3em 0 3em;} .styleLiving .wear-it .section2 .column50 h1 {margin-top: 5em;} .styleLiving .wear-it .section2 ul.column100 {margin: 1em 0 4em; text-align: right;} .styleLiving .wear-it .section2 .topNumber {width: .8em;} .styleLiving .wear-it .section2 .bottomCopy {bottom: 1%;left: 102%;position: absolute;width: 28em;} .styleLiving .wear-it .section2 .number {line-height:1em;} .styleLiving .wear-it .section3 .column50 .column30 p {margin: 0 auto;text-align: center;width: 13em;} .styleLiving .wear-it .section3 .column50 .column30 .smallTitle {margin-top: 1em;} .styleLiving .wear-it .section3 .column50 .column30 .description {margin-bottom: 1em;} .styleLiving .wear-it .section3 .column50:first-child .topContent {margin-top: 9em;} .styleLiving .wear-it .section3 .number {right: 0;top: -.04em;} .styleLiving .wear-it .section3 .column50 > div[class*='column'] {margin-top: 5em;} .styleLiving .wear-it .section3 .column50 h1 {width:15em} .styleLiving .wear-it .section3 .shortContainer .topContent img {width:14.5em;height: 14.5em;} .styleLiving .wear-it .section3 .shortContainer .topContent > div {width:14.5em} .styleLiving .wear-it .section3 .column50 .bottomPanel .copy {padding: 0em 2em;margin-bottom: 6em;} .styleLiving .wear-it .section3 .description {margin-bottom: 1em;} .styleLiving .wear-it .section3 .shortContainer .topContent .description {margin:0;width: 11em;} .styleLiving .wear-it .section3 .shortContainer .bottomContent {margin-top:1.5em} .styleLiving .wear-it .section3 .shortcontainer .topContent p {width: 12em;padding: 0 1em;} /*event*/ .styleLiving .articleColumn {width: 21em; float: left; padding: 0 2em;} .styleLiving .event .section .articleTitle {text-transform: none; margin-left: .6667em;} .styleLiving .event .section p.articleSubTitle {font-family: 'didotItalic',Georgia,serif; margin-left: 2em;margin-bottom: 1em;} .styleLiving .event .section1 p {font-family: Arial, sans-serif} .styleLiving .firstLetter {font-size: 5em;font-family: 'DidotW01Roman', Georgia, serif;float: left;margin: 0; margin-right: .1em;line-height: 1em; } .styleLiving .firstLetter.small {font-size: 2.8em} /*.styleLiving .event .section1 .articleImage {width:60em; height:25em; margin-top: 2em}*/ .styleLiving .event .section1 .authorBio { position: relative;width:100%} .styleLiving .event .section1 .authorBio .authorBioCopy {width: 30%; float: left; text-align: right;position: absolute;bottom: 0; right: 52%;} .styleLiving .event .section1 .authorBio .authorBioCopyName {text-transform: uppercase;display: block;font-family: 'DidotW01Roman', Georgia, serif;} .styleLiving .event .section1 .authorBio img {width: 30em; float: right;} .styleLiving .readMore {display: block;} .styleLiving .authorQuote {width: 16em; margin: -9em auto 2em; border-top: 12px solid #000; border-bottom: 1px solid #000; } .styleLiving .authorQuote p {text-align: center;width: 250%; margin: 1em 0 1em -75%;font-family: 'DidotW01Roman', Georgia, serif; font-size: 1.5em;} .styleLiving .authorQuote p span {text-transform: uppercase;} .styleLiving .event .section2 .imageDescription {position: absolute; bottom:0;right: -22em; width: 20em} .styleLiving .event .section2 .imageDescription span {text-transform: uppercase; display:block} .styleLiving .event .section3 .column20 img {width:100%;} .styleLiving .event .section3 .smallTitle, .styleLiving .event .section3 .description {padding-left: 1.5em;width: 14em;} .styleLiving .event .section3 .column30 .topContent p {margin-left:3em} .styleLiving .event .section3 .column30 .topContent, .styleLiving .event .section3 .column30 .topContent img {width: 33em;} .styleLiving .event .section3 .column30 .topContent p {padding-right:4em;float: right;} .styleLiving .event .section3 .column30 .topContent p.description {margin-bottom:1em} .styleLiving .event .section3 .column30 .bottomContent {padding: .7em; width: 30em;} .styleLiving .event .section3 .column30 .bottomContent p {text-align: right; float: right; padding-right: 1.5em;} .styleLiving .event .section3 .column30 .bottomContent img {width:100%;} .styleLiving .event .section3 .eventArticle {border-left: 1px solid #000; border-bottom: 1px solid #000} .styleLiving .event .section3 .eventArticle .copy {padding: 8.6em 2.3em 2.6em} .styleLiving .event .section3 .eventArticle .number {height: 0;border-top: .08em solid #000;width: 1em;} .styleLiving .event .section4 .column33 img {padding-bottom:2em; width:40em; height:40em} .styleLiving .event .section4 .column33 p {padding: 0 7em 0 2em;} .styleLiving .event .section5 .lined-header {margin-bottom: 2em;} .styleLiving .event .section5 .lined-header h3:before, .styleLiving .event .section5 .lined-header h3:after {width:37%} .styleLiving .event .section5 h1 {text-transform: none;} .styleLiving .event .section5 p {margin-left: 2em} .styleLiving .event .section5 .column50 img {width:100%} .styleLiving .event .section5 .articleTitle {margin-top: 1em;} .styleLiving .event .section3 .eventArticle .bottomNumber {width: 1.8em;border-bottom: 0;} .styleLiving .event .section3 p.articleSubTitle {margin-left: 0;} /*hub*/ .styleLiving .hub .section1 .smallHeading span {text-transform: none;display:block;font-size: .8em;line-height: .8em; } .styleLiving .hub .section1 .smallHeading {margin: .4em 0 .7em} .styleLiving .hub .section1 .copy {width:90%; margin-top: 6em;position: relative;} .styleLiving .hub .section1 ul {margin-top: 3em;text-align: center;} .styleLiving .hub .section1 ul li {display:inline-block; *display:inline; *zoom:1; vertical-align:top;width: 23.112em;margin-left: 1em;} .styleLiving .hub .section1 ul li img {width:23.134em; height:23em; } .styleLiving .hub .section1 ul li:first-child {margin: 0;} .styleLiving .hub .section1 ul li p {text-align: left} .styleLiving .hub .section1 .column60 > .smallHeading {text-align: center;border-top: 6px solid #000; border-bottom: 1px solid #000} .styleLiving .hub .section1 .copy .smallHeading {margin-top: 1em;} .styleLiving .hub .section1 {border-bottom: 8px solid #000;border-left: 1px solid #000; margin-left: -1px;padding-bottom:4em} .styleLiving .hub .section1 .column40 {padding-left: 3em;width: 45em;} .styleLiving .hub .section1 .number {font-family: 'DidotW01Roman',Georgia, serif;left:0; bottom:0;text-transform: uppercase;font-style:normal;font-size:3.6em; text-align: left; width:auto;padding-left: .2em;border-bottom: 20px solid #000;padding-right: .9em;} .styleLiving .hub .section1 .number span {font-size:1.4em; line-height:1.2em} .styleLiving .hub .section1 .number .plusSymbol {font: normal 2.4em 'HelveticaNeueW01-UltLt', Helvetica, Arial, 'Sans-serif';position: absolute;right: -.3em; bottom: -.08em;} .styleLiving .hub .section2 .storyPanelHighlight .number {left: 0;font: normal 2em/2.3em 'DidotW01Roman', Georgia, serif;width: 8em;text-align: left;border-top: 12px solid #000;padding-left: .6em;} .ie9 .styleLiving .hub .section2 .storyPanelHighlight .number {width:8em;} .styleLiving .hub .section2 .storyPanelHighlight {border-left:1px solid #000; overflow: hidden;min-height:46em} .styleLiving .hub .section2 .storyPanel {margin-bottom: 2em;} .styleLiving .hub .section2 h1.sectionTitle {position: absolute;font-family: 'didotItalic',Georgia,serif;font-size: 3em;left: 11.5em;top: .5em;} .styleLiving .hub .section2 .loadMore {cursor: pointer;background: black;width: 100%;text-align: center;color: #fff;font-size: 1.1em;line-height: 2.1em;} .styleLiving .hub .section2 .storyPanelLarge .bottomCopy .smallHeading {text-transform: none;} .styleLiving .hub .section2 .storyPanel img {width: 29.25em; height:29.25em} .styleLiving .hub .section2 .storyPanelLarge img {padding: 0;} .styleLiving .hub .section2 .storyPanelLarge img, .styleLiving .hub .section2 .storyPanelLarge .copy {float: left;} .styleLiving .hub .section2 .column25 .copy {width: 90%;padding: 0 5%;} .styleLiving .hub .section2 .storyPanelLarge .panel .copy {width:23.5em} .styleLiving .hub .lined-header {margin: 0 0 3em} .styleLiving .hub .storyPanelLarge .panel { border-bottom:2px solid #000} .styleLiving .hub .storyPanelLarge .panelTitle {background: #000;width: 58.2em;color: #fff;text-transform: uppercase;line-height: 1.5em;padding-left: 1.3em;position: absolute;height: 1.2em;} .styleLiving .hub .panel {margin-top: 6em;} .styleLiving .hub .storyPanelLarge .panel {width: 59.5em;} .styleLiving .hub .storyPanelLarge .panel .copy {padding:3.0em 2em 1em} .styleLiving .hub .section2 .column25 {width:29.25em; margin-left:1em} .styleLiving .hub .section2 .column50 {width:59.5em} .styleLiving .hub .section2 .storyPanelHighlight .number span {font-size: .55em;font-family: arial, sans-serif;} .styleLiving .hub .section1 .stylistSignature {position: absolute;right: 12em;bottom: -2em;} .styleLiving .hub .section2 {margin-bottom: 0;} .styleLiving .hub .section2 .storyPanelLarge .copy .cta {font-size: 1.2em;margin-top: .5em;display: block;padding-bottom: 3em;} .styleLiving .section2 .column25 .smallHeading {line-height: 1.3em} .styleLiving .section2 .smallHeading:after {content: "";width: 5em;left: 0;border-bottom: 1px solid #000;display: block;margin-top: .3em;} .styleLiving .section2 .column50 .panel .smallHeading:after {content:none} .styleLiving .section2 .bottomCopy {padding: .8em 1.8em} .styleLiving .section2 .panelSecondRow .column25:first-child {margin:0} /*in the moment*/ .styleLiving .moment .section1 .hero50-right {padding-left: 0;padding-right: 4em;min-height: 64em;} .styleLiving .moment .intro-sub p {text-align: right;} .styleLiving .moment .section1 h3 {font-family:'didotItalic',Georgia, serif;} .styleLiving .moment .section1 h3 span {font-size:.6em;display: block;} .styleLiving .moment .section1 .hero5050 .story-intro {margin: .5em 1em 0.5em 0;} .styleLiving .moment .section1 .hero50-right:after, .styleLiving .moment .section1 .hero-date:after {border:0} .styleLiving .moment .section1 .bottomCopy {border-top: 3px solid #000; border-bottom: 2em solid #000} .styleLiving .moment .section1 .articleCopy {position: absolute;bottom: 0;width: 57em;} .styleLiving .moment .section1 p.articleColumn {width: 23em;padding: 0 2em 0 0;} .styleLiving .moment .section2 p.articleColumn:first-child {padding-left: 0;} .styleLiving .moment .section2 .eventArticle {border-left: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 4em;} .styleLiving .moment .section2 .eventArticle .copy {padding: 8.6em 2.3em 2.6em} .styleLiving .moment .section2 .eventArticle .number {height: 0;border-top: .08em solid #000;width: 1em;} .styleLiving .moment .box img {width:100%} .styleLiving .moment .g6 {width:30em} .styleLiving .moment .g4{width:20em} .styleLiving .moment .section3 .articleList {margin-left:2em; border-top: .5em solid #000;} .styleLiving .moment .section3 .articleList .smallHeading {border-bottom: 1px solid #000; padding-top: 1.3em;line-height: 1.3em;padding-bottom: .7em;margin-bottom: .4em;font-size: 2.4em;} .styleLiving .moment .section3 .articleList li {padding: 1.2em 0} .styleLiving .moment .section3 .articleListTitle {font-family: 'didotItalic',Georgia,serif;text-transform: uppercase;font-size: 1.8em;line-height: 1.5em;padding-bottom: .3em;} .styleLiving .moment .authorQuote p {font-size: 2.4em;} .styleLiving .moment .section3 .articleListCopy {font-size: 1.2em;} .styleLiving .moment .section3 .box .copy {text-align: right;padding-right: 1em;} .styleLiving .moment .section3 .g5 img, .styleLiving .moment .section3 .g4 img, .styleLiving .moment .section3 .g6 img {padding: 1em 1em 0 0;width: 96%;} .styleLiving .moment .section3 .g10 img {padding-top: 1em;} .styleLiving .moment .section2 .leftColumn {margin-left: -1px;text-align: right;padding-right: 1em;width: 29em;} .styleLiving .moment .section2 .g6 {width: 29.5em;} .styleLiving .moment .section2 .leftColumn .g4 {float: right;} .styleLiving .moment .section2 .g6 .g6 img {margin-top: 1.3em;width: 91.1%;} .styleLiving .moment .section2 .g6 .g4 img {width: 74%;} .styleLiving .moment .section2 .bottomNumber {width: 1.84em;} .styleLiving .moment .section4 .leftPanel {margin-left: -1px; border-bottom: 1px solid #000;padding-bottom: 5em;position: relative; width:75em} .styleLiving .moment .borderLeft {border-color: #000; margin-top: -1.9em} .styleLiving .moment .section4 .lined-header h3 {background: transparent;} .styleLiving .moment .section4 .topContent.copy {padding: 12em 15em 3em 5em} .styleLiving .moment .section4 .leftPanel .g10 .copy {padding: 0 4em;width: 21em;} .styleLiving .moment .section4 .leftPanel .g5 .copy {padding: 0 2em;} .styleLiving .moment .section4 .leftPanel .g10 img {margin-left: 3em;width: 47em;} .styleLiving .moment .section4 .rightPanel .g4 .copy {width:90%; padding: 1em} .styleLiving .moment .section4 .rightPanel .g4 .copy p {padding: 0 1em 0 1em} .styleLiving .moment .section4 .leftPanel .g5 img {height: 23.5em;width: 23.5em;padding-left: 1em;} .styleLiving .moment .section4 .rightPanel {margin-top: 2em;} .styleLiving .moment .lined-header {margin-top: 0;margin-bottom: 1em;} .styleLiving .moment .section1 {margin-bottom: 0;} .styleLiving .moment .section1 .hero5050 {margin-bottom: 4em;} .styleLiving .moment .section1 .hero5050 .story-intro {font: normal normal 2.4em'didotItalic',Georgia,serif;} .styleLiving .hero50-right h3 {font-size: 7.2em;} .styleLiving .mariella-video .copy.video {position: absolute;top: 11.6em;left: 42.1%;}.styleLiving .mariella-video {display: block;position: relative;} /*visual amendments 06-11*/ .styleLiving .sl-spotlight h3 {margin-top: 1.5em;border-top: 1px solid #000;width: 6.8em;-webkit-font-smoothing: antialiased} .styleLiving .sl-spotlight .story-intro {font-size:2.4em} .styleLiving .roundup-section1 {margin-top: -7em;} .styleLiving .roundup-section1 .left-block-story h2, .styleLiving .two-col-img-txt .right-block-story h2, .roundup-section4 .left-block-story h2 {line-height: 1.223em;} .styleLiving .roundup-section1 .left-block-story .story-intro, .styleLiving .two-col-img-txt .right-block-story p, .roundup-section4 .left-block-story .story-intro {line-height: 1.333em;} .styleLiving .right-block-story {padding-right: 3em;} .styleLiving .hero6040 .author {margin-bottom: 4.5em;} .styleLiving a.super-link {padding: .29em 1.295em;font-size: 1.16em;font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';border: 0;background: #d6d6d6;} .styleLiving .moment .section2 .firstLetter {font-size: 8.9em;margin-right: 0;line-height: .9em;margin-bottom: -.14em;} .styleLiving .moment .articleSubTitle {color: #666;} .styleLiving .section .description {font-size: 1.2em;} .styleLiving .moment .section4 .lined-header h3 {font-size: 3em;width:36em;} .styleLiving .heroRoundup .g18 img {width: 90em;max-width: 90em;} .styleLiving .heroRoundup .g6 .hero33 h3.story-intro {padding-right: 0;width: 12.5em;} .styleLiving .wear-it .section2 .number {line-height: 1.06em;} .styleLiving .wear-it .section3 .column50 .shortContainer .bottomContent p {text-align: center;padding: 1em 3.5em 0;width: 18em;} .styleLiving .wear-it .section3 .column50 .shortContainer .bottomContent .description {padding-top: 0;} .styleLiving .heroHub .hero33 dd {color: #666;} .styleLiving .heroHub .hero33 dt {line-height: 2.2em;margin-bottom: -.4em;} .styleLiving .heroHub .hero-date {padding-bottom: .5em;} .styleLiving .hub .section1 ul li p {color: #666} .styleLiving .hub .section1 .smallHeading {color: #000;} .styleLiving .hub .section1 .smallHeading span {font-size: .65em;} .styleLiving .lined-header.longer h3:before, .styleLiving .lined-header.longer h3:after {width: 44%;} .styleLiving .hub .section2 .storyPanelHighlight .number {font: normal 3em/1.6em 'DidotW01Roman', Georgia, serif;} .styleLiving .hub .section2 .storyPanelLarge .copy .cta {font-size: 1.4em;font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';} .styleLiving .hub .section2 .storyPanelLarge .panel .copy p {font-size: 1.4em;} .styleLiving .roundup-section1 .pull-quote-bordered {padding: 1.5em 2em;} .styleLiving .section1 .bottomNumber {line-height: .9em;} .styleLiving .g6 {30em;} /*! --- Style and Living component specific based styles--- */ .styleLiving .imgs-3-block .box.g8 {display: inline; width: auto;} /*! --- Style and Living Get the look 05-12-13 --- */ .styleLiving .getthelook-051213 .heroRoundup {clear:both;display:block;height:60em;max-width:1200px;width:120em;position:relative;} .styleLiving .getthelook-051213 .heroRoundup img {max-width:1200px;width:120em;} .styleLiving .getthelook-051213 .heroRoundup .intro-sub {background:none;position:absolute;top:0;right:0;} .styleLiving .getthelook-051213 .heroRoundup .copy{width:120em;} .styleLiving .getthelook-051213 .heroRoundup .copy h3{line-height:1em;margin-top:2.5em;margin-right:3em;width:96%;} .styleLiving .getthelook-051213 .heroRoundup .copy h4{color:#FFFFFF;right:2em;top:-16em;text-align:right;width:98%;} .styleLiving .getthelook-051213 .section {display: inline-block;position: relative;width: 120em;} .styleLiving .getthelook-051213 .section.section1 {border-left: 1px solid #000000;} .styleLiving .getthelook-051213 .section.section1 .box.g12 {border-bottom: 1px solid #000000;padding-bottom: 2em;} .styleLiving .getthelook-051213 .section.section1 .box.g12 + .box.g12 {border:none;} .styleLiving .getthelook-051213 .section .copy {margin: 0 0 2em 2em;} .styleLiving .getthelook-051213 .box.g12 { display: inline-block;float: left;position: relative;width: 60em;} .styleLiving .getthelook-051213 .box.g12 .box.g12:first-child {width: 27em;border-bottom:none;} .styleLiving .getthelook-051213 .box.g12 .box.g12 {display: inline-block;float: left;position: relative;width: 30em;} .styleLiving .getthelook-051213 .number {float: left;font-family: 'didotItalic',serif;font-size: 21.8em;margin-left: 2.15em;margin-top: 0.1em;width: auto;} .styleLiving .getthelook-051213 .topBorder hr {border-bottom: 1.5em solid #000000;height:0;line-height: 1em;margin: -0.1em 15em 3em -0.1em;text-align: left;} .styleLiving .getthelook-051213 .bottomBorder {bottom:-1px;height:2em;position:absolute;right:-2em;width:30em;} .styleLiving .getthelook-051213 .bottomBorder hr {border-bottom: 2em solid #000000;bottom: 0;display: block;height:0;margin:0;position: absolute;width: 100%;} .styleLiving .getthelook-051213 .section .topcontent p {font: 2.4em 'didotItalic',Georgia,serif;} .styleLiving .getthelook-051213 .section1 .topcontent {display:inline-block;margin-bottom: 4em;margin-top:15em;min-height: 13.5em;} .styleLiving .getthelook-051213 .section1 .box.g12 .box.g12 div + div img {margin-left: 2em;margin-top:1.5em;width:24em;} .styleLiving .getthelook-051213 .section1 .box.g12 .box.g12 div + div + div img {margin-left: 2em;margin-top: 5em;width:21.5em;} .styleLiving .getthelook-051213 .section1 .box.g12 .box.g12 + .box.g12 div img {margin-top:3.5em;width:30em;} .styleLiving .getthelook-051213 .section1 .box.g12 + .box.g12 div img {width:60em;} .styleLiving .getthelook-051213 .section1 .box.g12 .box.g12 + .box.g12 div .copy {bottom:-6.5em;position: absolute;left: 3em; margin: 0;text-align: right;width: 25em;} .styleLiving .getthelook-051213 .section1 .box.g12 + .box.g12 div .copy {left:-29em;bottom:3em;left: -29em;position: absolute;text-align:right;width:25em;} .styleLiving .getthelook-051213 .section2 .number { right: 0.01em; top: 0.2em;} .styleLiving .getthelook-051213 .section2 .topcontent {margin-top:28em;} .styleLiving .getthelook-051213 .section + .section .copy {position: absolute;top: 0;left: 60em;width: 30em;z-index:3;} .styleLiving .getthelook-051213 .copy a.cta {font: 1em 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';} .styleLiving .getthelook-051213 .section + .section .copy + .copy {left:0;} .styleLiving .getthelook-051213 .section + .section div img {width:57.5em;} .styleLiving .getthelook-051213 .section + .section .box.g12 + .box.g12 img {margin-top: 5em;width:59.9em;} .styleLiving .getthelook-051213 .section + .section .box.g12 + .box.g12 div + div div {left: 21em;position: absolute;top: 81em;height: auto;display: block;} .styleLiving .getthelook-051213 .section + .section .box + .box .topBorder {position:absolute;right:0;top:-0.1em;width:15em;} .styleLiving .getthelook-051213 .section + .section .box + .box .topBorder hr {border-bottom: 2em solid #000000;margin:0;width:15em;} .styleLiving .getthelook-051213 .section + .section .box + .box .bottomBorder {bottom:0;left: -2em;margin-top:14em;} .styleLiving .getthelook-051213 .section + .section .box.g12 + .box.g12 .bottomBorder hr {position:relative;width:30em;} .styleLiving .getthelook-051213 .section + .section .box + .box.g12 {border-bottom: 1px solid #000000;border-right: 1px solid #000000;padding-bottom:14em;width:59.8em;} .styleLiving .getthelook-051213 .section + .section + .section .box + .box.g8 {padding-bottom:6em} .styleLiving .getthelook-051213 .section.section .box.g8 img {width: 20em;} .styleLiving .getthelook-051213 .section.section .box.g8 div .copy {left:0;margin-top: 2.2em;position:relative;} .styleLiving .getthelook-051213 .section.section .box.g8 {border:0;float:left;margin: 2.5em 0 0;padding:0;width:20em;} .styleLiving .getthelook-051213 .section.section .box.g8 .smallTitle, .styleLiving .getthelook-051213 .section.section .box.g8 .description {padding:0;} .styleLiving .getthelook-051213 .section.section.section .box .topBorder hr { border-bottom: 2em solid #000000;width:15em;} .styleLiving .getthelook-051213 .section + .section + .section .box .number {left: 0;margin: 0 0 0 0.2em;} .styleLiving .getthelook-051213 .section + .section + .section .box .topcontent {margin: 21em 0 0 3em;} .styleLiving .getthelook-051213 .box.g6 {display: block;float: left;width: 72em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g16 {border-right:none;border-bottom:none;display:block;position:relative;width:84em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g8 {margin-left:1em;margin-top:0;width:34em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g8 img {width:34em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g8 .copy {text-align:left;} .styleLiving .getthelook-051213 .section + .section + .section .box.g8 .copy p {padding:0;} .styleLiving .getthelook-051213 .section + .section + .section .box.g16 img {width:84em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g16 div .copy {color:#FFFFFF;left:0.8em;position:absolute;text-align:left;top:1em;width:15em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g4 {border: 0 none;width: 48em;padding-bottom:1em;padding-top: 2em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g4 img {width: 45em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g8 .bottomBorder hr{position:absolute;border-bottom:2em solid #000000;height:0;width:30em;} .styleLiving .getthelook-051213 .section + .section + .section .box.g8 .bottomBorder {position:absolute;bottom:0;left:90em;} .styleLiving .getthelook-051213 .section + .section + .section .copy {position: absolute;left: 38em;text-align: right;top: 0;width:30em;} .styleLiving .getthelook-051213 .section + .section + .section {border-left: 1px solid #000000;border-bottom: 1px solid #000000;} /*Spotlight Images */ .styleLiving .leftcol-img1 { float: left; width: 30em;}.styleLiving .lefttcol-img2 { clear: right; float: right; width: 30em;} /*! --- 17-12-2013 Get the look Menswear --- */ .styleLiving .wear-it .section .top {top: 0;position: absolute;left: 62em;} .styleLiving .wear-it .bottomNumber {z-index:-1;} .styleLiving .wear-it .copy.smallCopy.right{float: right;text-align: right;position: absolute;right: 1em;bottom: 19em;width: 33em;} .styleLiving .wear-it .copy.smallCopy.btm-left-caption {position: absolute;bottom: 4em;left: 24em;} .styleLiving .wear-it .section2 ul.column100 li.lastSlot img {width: 39em;height: 39em;margin-top: -20em;} .styleLiving .wear-it .section2 ul.column100.left {text-align: left;} .styleLiving .wear-it .bottomPanel.deeper {margin-top: 4em;} .styleLiving .wear-it .section2 .column50 h1.marginTopSmall {margin-top: 3em;} .styleLiving .wear-it .longContainer img {float:right;margin-bottom: 1.5em;width:24em;} .styleLiving .wear-it .column50 .longContainer p {padding-left: 4.5em;width: 17em;} .styleLiving .wear-it .section.section1 .bottomPanel span a img {width: 24em;} .styleLiving .wear-it .section2 ul.column100 > li.lastSlot {width: 39em;position: absolute;right: -1em;} /*! --- 23-12-2013 --- */ /!* --- STYLE AND LIVING WEEKLY EDIT LINED HEADER OVERRIDE--- */.wrap.cms.styleLiving .scrollContainer .title-divider {padding-bottom:1em;}.styleLiving .scrollContainer .line {display: block;width: 100%;background-repeat: repeat-x;padding: 0;} /*! --- 31-12-2013 --- */ .styleLiving .getthelook-080114 .section.section2 .box.g12 { display: inline-block;float: left;position: relative;width: 60em;} .styleLiving .getthelook-080114 .section.section2 .box.g12 .box.g12:first-child {width: 27em;border-bottom:none;} .styleLiving .getthelook-080114 .section.section2 .box.g12 .box.g12 {display: inline-block;float: left;position: relative;width: 30em;} .styleLiving .getthelook-080114 .section.section2 .number {float: left;font-family: 'didotItalic',serif;font-size: 21.8em;margin-left: 2.15em;margin-top: 0.1em;width: auto;} .styleLiving .getthelook-080114 .section.section2 .topBorder hr {border-bottom: 1.5em solid #000000;height:0;line-height: 1em;margin: -0.1em 15em 3em -0.1em;text-align: left;} .styleLiving .getthelook-080114 .section.section2 .bottomBorder {bottom:-1px;height:2em;position:absolute;right:-2em;width:30em;} .styleLiving .getthelook-080114 .section.section2 .bottomBorder hr {border-bottom: 2em solid #000000;bottom: 0;display: block;height:0;margin:0;position: absolute;width: 100%;} .styleLiving .getthelook-080114 .section.section2 {display: inline-block;position: relative;width: 120em;} .styleLiving .getthelook-080114 .section.section2 .copy {margin: 0 0 2em 2em;} .styleLiving .getthelook-080114 .section.section2 .copy {position: absolute;left: 38em;text-align: right;top: 0;width:30em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 .copy {left:0;margin-top: 2.2em;position:relative;} .styleLiving .getthelook-080114 .section.section2 .box.g8 .copy {text-align:left;} .styleLiving .getthelook-080114 .section.section2 .box.g8 .copy p {padding:0;} .styleLiving .getthelook-080114 .section.section2 .box.g16 .copy {color:#000000;left:0.8em;position:absolute;text-align:left;top:1em;width:15em;} .styleLiving .getthelook-080114 .section.section2 .topcontent p {font: 2.4em 'didotItalic',Georgia,serif;} .styleLiving .getthelook-080114 .section.section2 .box + .box.g8 {padding-bottom:6em} .styleLiving .getthelook-080114 .section.section2 .box.g8 img {width: 20em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 {border:0;float:left;margin: 2.5em 0 0;padding:0;width:20em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 .smallTitle, .styleLiving .getthelook-080114 .section.section2 .box.g8 .description {padding:0;} .styleLiving .getthelook-080114 .section.section2 .box .topBorder hr { border-bottom: 2em solid #000000;width:15em;} .styleLiving .getthelook-080114 .section.section2 .number {left: 0;margin: 0 0 0 0.2em;width:auto;} .styleLiving .getthelook-080114 .section.section2 .box .topcontent {margin: 21em 0 0 3em;} .styleLiving .getthelook-080114 .section.section2 .box.g6 {display: block;float: left;width: 72em;} .styleLiving .getthelook-080114 .section.section2 .box.g16 {border-right:none;border-bottom:none;display:block;position:relative;width:84em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 {margin-left:1em;margin-top:0;width:34em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 img {width:34em;} .styleLiving .getthelook-080114 .section.section2 .box.g16 img {width:84em;} .styleLiving .getthelook-080114 .section.section2 .box.g4 {border: 0 none;width: 48em;padding-bottom:1em;padding-top: 2em;} .styleLiving .getthelook-080114 .section.section2 .box.g4 img {width: 45em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 .bottomBorder hr{position:absolute;border-bottom:2em solid #000000;height:0;width:30em;} .styleLiving .getthelook-080114 .section.section2 .box.g8 .bottomBorder {position:absolute;bottom:0;left:90em;} .styleLiving .getthelook-080114 .section.section2 {border-left: 1px solid #000000;border-bottom: 1px solid #000000;} /* -- 08-01-2014 3img block link fix The spotlight --*/ .styleLiving .three-col-imgs .box.g8 a {position: relative;} /* --- FIXING Max Height Issue which distorts images --- */ .styleLiving img {max-height:none;} /*! --- 15-01-2014 Fix lazy loading icon distorting --- */ .info-panel-img img[src$=".gif"],.styleLiving img[src$=".gif"], .styleLiving .hero50 img[src$=".gif"], .styleLiving .hero50 a img[src$=".gif"], .styleLiving .hero5050 .box.g12 .hero50 img[src$=".gif"] {height: auto!important;max-height: none!important;max-width: none!important;width:auto!important;} /*! --- The Hub 27-01-2014 Latest Current Archive--- */ .styleLiving .lined-header.hub.main {margin-top:2em;} .styleLiving .lined-header.hub.main h3:after,.styleLiving .lined-header.hub.main h3:before {width: 43%;} .styleLiving .hubRow {clear:both;display:inline-block;margin-bottom:4em; } .styleLiving .hubRow .box.g6 {width: 30em;} /*! --- Date unit --- */ .styleLiving .latestNews {border-left: 1px solid #000;font-weight: normal;height: 38em;padding-top: 8.5em;padding-bottom: 5em;position: relative;width: 29em;} .styleLiving .latestNews h3 {border-top: 0.7em solid #000000;font-family: "DidotW01Roman", Georgia, 'Times New Roman',serif;font-size: 3em;left:0;line-height: 2em;margin: 0;padding: 0;position:absolute;text-indent: .3em;top: 0;width: 70%;} .styleLiving .latestNews h3 span {font:normal normal 0.5em "DidotW01Roman", Georgia, 'Times New Roman',serif;} .styleLiving .latestNews .copy {left: 0;position: absolute;top: 0;width: 27.5em;} .styleLiving .latestNews p {font-family: 'HelveticaNeueW01-55Roma','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.2em;top: 32.5em;position: absolute;margin-left: 0;text-transform: uppercase;} .styleLiving .latestNews .copy h4 {position: absolute;top: 20.7em;font-size: 2em;font-weight: normal;text-transform: uppercase;display: block;margin-left:0;} .styleLiving .latestNews .copy h4:after {border-bottom: 1px solid #000000;content: "";display: block;width: 30%;margin-top: .6em;} .styleLiving .latestNews .copy {color: #000000;padding-left: 1.8em;text-align: left;} .styleLiving .latestNews .copy h4 a {color:#000000;font-family: "DidotW01Roman", Georgia, 'Times New Roman',serif;text-decoration:none;} .styleLiving .latestNews .copy h4 a:hover {text-decoration:underline;} /*! --- Date unit extra --- */ .styleLiving .latestNews.unit {border-left: none;border-top: none;margin-top:0;} /*! --- Latest news intro block --- */ .styleLiving .firstBlock {border-left: none;float: left;margin-left: 0;margin-right: 0;margin-top: 7em;height: 44em;padding: 0 0.4em 0 0;position: relative;width: 60em;} .styleLiving .firstBlock:after {border-top: 2em solid #000000;content: "";display: block;margin-top:1.5em;position: absolute;top: 0;width: 59em;} .styleLiving .firstBlock:before {border-bottom: 0.4em solid #000000;bottom: 13.5em;content: "";display: block;position: absolute;width: 59em;z-index: 5;} .styleLiving .firstBlock .box.g12 {clear:both;float:left;margin-left: 5px;position: relative;text-align: center;width: 29em;} .ie8 .styleLiving .firstBlock .box.g12 {z-index:-1;} .styleLiving .firstBlock .box:first-child {margin-left: 0;padding-top: 1.5em;} .styleLiving .firstBlock .g12:first-child .copy {left: 27em;position: absolute;top: 5.5em;width: 21em;z-index: 4;} .styleLiving .firstBlock .copy {text-align:left;} .styleLiving .firstBlock .g12:first-child .copy p {margin-left: 3.5em;} .styleLiving .firstBlock .copy p a {color: #222222;display: block;font:normal normal 1.8em/1.335em "DidotW01Roman",Helvetica,Arial,sans-serif;padding-bottom: 0.45em;text-decoration:none;text-transform: uppercase;} .styleLiving .firstBlock .copy p a:hover {text-decoration:underline;} .styleLiving .firstBlock .g12:first-child p {font-size:1.2em;line-height:1.5em;margin-left: 2em;width:21em;} .styleLiving .firstBlock .box.g12 {text-align:left;} .styleLiving .firstBlock .box.g12 .copy h1 {font:normal normal 3em/0 "DidotW01Roman",Helvetica,Arial,sans-serif;left: -8.5em;line-height: 0;position: absolute;top: -2.45em;} .styleLiving .firstBlock .box.g12 + .box.g12 a {color:#000000;display:block;font:normal normal 0.6em "DidotW01Roman", Georgia, 'Times New Roman',serif;text-align:left;margin-left:0.5em;margin-top:1em;text-decoration:none;line-height:2em;white-space:nowrap;} .styleLiving .firstBlock .box.g12 + .box.g12 a:hover {text-decoration:underline;} .styleLiving .firstBlock .box.g12 .cta, .styleLiving .firstBlock .box.g12 + g12 a span.cta {border-top:1px solid #000000;;font:normal normal 2.333em 'HelveticaNeueW01-75Bold',Helvetica,Arial,'Sans-serif';margin-left:0.5em;padding: 0.5em 1.5em 0 0;} /*! --- Hub Page Carousel--- */ .styleLiving .lined-header.hub h3:after {border-top: 1px solid #333333;content: "";height: 1px;margin-right: 0;position: absolute;right: 0;top: 50%;width: 39%;z-index: 1;} .styleLiving .lined-header.hub h3:before {border-top: 1px solid #333333;content: "";height: 1px;left: 0;margin-left: 0;position: absolute;top: 50%;width: 39%;z-index: 1;} .styleLiving .lined-header.hub {float: left;margin-top: -0.9em;position: relative;text-align: center;width: 94%;z-index: 0;} .styleLiving .logo.gold.hub {background:none;font-size: 3.2em;left: -1.5em;top: 2.15em;z-index: 1001;} .styleLiving .crumb {font-family: 'didotItalic',serif;position: absolute;text-indent: 1.2em;top: 1em;z-index: 1003;} .styleLiving .logo.gold.hub h1:before {height:98%;} .styleLiving .logo.gold.hub h1:before {border-bottom: 0.17em solid rgba(135, 120, 59, 0.8);border-left: 1px solid rgba(135, 120, 59, 0.8);bottom: 0.4em;content: "";width: 0.7em;z-index:-1;} .ie8 .styleLiving .logo.gold.lined h1:before {border-bottom: 0.17em solid #87783b;border-left: 1px solid #87783b;z-index:-1;} .styleLiving .logo.gold.hub h1{letter-spacing:-0.01em;text-indent: 0.7em;} .styleLiving .logo.gold.hub p {bottom:1.65em;left:10em;position:absolute;right:2.8em;width:68%;} .styleLiving .hub-date {font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif;font-size: 3.4em;margin-top: 4.1em;position:absolute;text-indent: 1.3em;top:1em;} .styleLiving .tabbedSlider {height:76em;} .styleLiving .section .header h2 {font-family: 'didotItalic',serif;font-size: 2.4em;line-height: 2.4em;margin-left: 2.1em;text-transform: uppercase;width: 15em;} .styleLiving .section .header {position:absolute;top:25.2em;} .styleLiving .section .header h2:after {border-bottom: 1px solid #000000;content: "";display: block;position: absolute;top: 1.9em;width: 7.3em;} .styleLiving .tab-container {border-right:1px solid #000000;height: 70em;margin-top:0;padding-top: 3em;width: 100%;z-index:1000;} .styleLiving .tab-container .content {display: block;float: left;height:100%;} .styleLiving .tab-container .controls {display: block;float: left;margin-left: 2.3em;margin-right: 5em;margin-top: 26.5em;width: 42.8em;} .styleLiving .tab-container .details-controls.tab-links > li a span {clear: both;display: block;font:normal normal 0.5em 'HelveticaNeueW01-55Roma',Helvetica,Arial,'Sans-serif';padding: 0 0 0.7em;text-transform: none;} .styleLiving .tab-container .details-controls.tab-links > li a {color:#666666;display: block;font: 2.8em/1em "DidotW01Roman",Georgia,'Times New Roman',serif;margin-left: 1em;padding: 0.3em 0 0;text-transform: uppercase;} .styleLiving .tab-container .details-controls.tab-links > li a:hover {color:#FFFFFF;text-decoration:none;} .styleLiving .tab-container .details-controls.tab-links > li:hover {background:#000000;} .styleLiving .tab-container .details-controls.tab-links > li a:after {border-bottom: 1px solid #000000;content: "";display: block;margin: 0 0 -0.1em;width: 8.5em;} .styleLiving .tab-container .details-controls.tab-links li + li + li + li + li a:after {border-bottom:none;} .styleLiving .tab-container .details-controls.tab-links li + li + li + li a:after {border:none;} .styleLiving .tab-container .details-controls.tab-links > li {width: 86%;} .styleLiving .tab-container .details-controls.tab-links > li.on a {color:#FFFFFF;text-decoration:none;} .styleLiving .tab-container .details-controls.tab-links > li.on {background:#000000;} .styleLiving .tab-container .details-controls.tab-links:after {border-bottom: 2em solid #000000;content: "";display: block;margin-left: 2.5em;margin-top: 1em;width: 30em;-moz-width:27.5em;} .styleLiving .tab-container .content li a:after {border-bottom: 2em solid #000000;content: "";display: block;height: 67.9em;margin-right: -1px;position: absolute;right: 0;top: 0;width: 20em;z-index:1;} .styleLiving .tab-container .content li .copy a:after {border-bottom: medium none;height: auto;} .styleLiving .tab-container li.active.panel {display:block;height:70em;position:relative;} .styleLiving .tab-container li.panel {display:none;height:70em;position: absolute;width:69.9em;z-index: 1;} .styleLiving .tab-container li.panel img {display:inline;width:70em;} .styleLiving .firstLetter.single {display:inline-block;font-size:4.8em;height:0.6em;margin-right:0;padding:0 0.3em;text-align:center;} /*! --- Hub Editor's pick panel --- */ .styleLiving .tab-container .epFront .copy {position:absolute;left:0;top:18.8em;} .styleLiving .tab-container .epFront .copy h1 {font-size: 2.4em;letter-spacing: 0.1em;line-height: 0;position: absolute;text-indent: 0.6em;top: 0;} .styleLiving .tab-container .epFront .copy h2 {font-family: 'DidotW01Roman',Georgia,serif;font-size: 6.5em;text-indent: 0.2em;text-transform: uppercase;} .styleLiving .tab-container .epFront .copy .plus {font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif;font-size: 1.3em;} .styleLiving .tab-container .epFront .copy a .cta{background: #000000;color: #FFFFFF;display: block;font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';font-size: 1em;padding: 0.5em 0;text-align: center;width: 18.2em;} .styleLiving .tab-container .epFront .copy a .cta:after{content:"";} /*! --- Hub Trend Spotlight panel --- */ .styleLiving .tab-container .tsFront .copy {position:absolute;left:0;top:19.8em;} .styleLiving .tab-container .tsFront .copy h2 {border-bottom: 0.7em solid #000000;font-family: 'DidotW01Roman',Georgia,serif;font-size: 3.5em;line-height: 0.8em;margin-left: 0;padding-bottom: 0.3em;padding-left: 0.4em;text-indent: 0;text-transform: uppercase;width: 7em;} .styleLiving .tab-container .tsFront .copy .plus {font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif;font-size: 1.3em;} .styleLiving .tab-container .tsFront .copy a .cta{background: #000000;color: #FFFFFF;display: block;font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';font-size: 1em;padding: 0.5em 0;text-align: center;width: 18.2em;} .styleLiving .tab-container .tsFront .copy a .cta:after{content:"";} .styleLiving .tab-container .tsFront .copy .overlay {background:none;bottom: -13.9em;display: block;font-family: 'DidotW01Roman',serif;font-size: 3em;height: 8em;padding: 1em 2em;position: absolute;text-align: center;white-space: normal;width: 19.3em;} .styleLiving .tab-container .tsFront .copy .overlay h3 {font-family: 'DidotW01Roman';font-size: 1em;text-transform: uppercase;} .styleLiving .tab-container .tsFront .copy .overlay h3 span {font-size: 3.6em;line-height: 1.1em;} .styleLiving .tab-container .tsFront .copy .overlay p {color: #000000;font-family: 'didotItalic',serif;font-size: 0.8em;line-height: 1em;} .styleLiving .tab-container .tsFront .copy .overlay p + p {margin-top: 0.5em;} .styleLiving .tab-container .tsFront .copy .overlay p .call-to-action {font-size: 0.8em;margin: 0 auto;padding: 0;position: relative;} .styleLiving .tab-container .tsFront .copy .overlay p .call-to-action:after {content:"\2192";display: block;font-size: 0.8em;height: 1px;left: -1.5em;position: absolute;top: 0;} /*! --- Hub Get The Look panel --- */ .styleLiving .tab-container .gtlFront .copy {position:absolute;left:0;top:17.7em;} .styleLiving .tab-container .gtlFront .copy .plus {font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif;font-size: 1.3em;} .styleLiving .tab-container .gtlFront .copy a .cta{background: #000000;color: #FFFFFF;display: block;font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';font-size: 1em;padding: 0.5em 0;text-align: center;width: 18.2em;} .styleLiving .tab-container .gtlFront .copy a .cta:after{content:"";} .styleLiving .tab-container .gtlFront .copy h1 {color: #FFFFFF;font-size: 3.05em;line-height: 0.8em;padding-bottom: 0;padding-left: 0.6em;} .styleLiving .tab-container .gtlFront .copy h2 {border-bottom: 0.7em solid #FFFFFF;color: #FFFFFF;font-family: 'DidotW01Roman',Georgia,serif;font-size: 4.75em;line-height: 0.8em;margin-left: 0;padding-bottom: 0.3em;padding-left: 0.4em;text-indent: 0;text-transform: uppercase;width: 3.9em;} .styleLiving .tab-container .gtlFront .copy .overlay h3 {color:#FFFFFF;font-family: 'DidotW01Roman';font-size: 3em;text-align:left;line-height:0.75em;margin-bottom: 0.2em;text-transform: uppercase;} .styleLiving .tab-container .gtlFront .copy .overlay h3 span {font-family:'didotItalic',serif;font-size: 1em;line-height: 1.1em;text-transform:none;} .styleLiving .tab-container .gtlFront .copy .overlay p .call-to-action {color: #FFFFFF;display: inline-block;font-size: 0.8em;line-height: 2.5em;margin: 0 auto;padding: 0;position: relative;width: auto;} .styleLiving .tab-container .gtlFront .copy .overlay p .call-to-action:after {content: " \2192";display: block;float: right;font-size: 0.8em;height: 1px;position: relative;} .styleLiving .tab-container .gtlFront .copy .overlay p {color: #FFFFFF;font-family: 'didotItalic',serif;font-size: 0.8em;line-height: 1em;text-align:left;} .styleLiving .tab-container .gtlFront .copy .overlay {background: none repeat scroll 0 0 transparent;bottom: -13.9em;display: block;font-family: 'DidotW01Roman',serif;font-size: 3em;height: 9em;padding: 1em;position: absolute;text-align: left;white-space: normal;width: 19.3em;} /*! --- Hub In The Moment panel --- */ .styleLiving .tab-container .itmFront .copy {position:absolute;left:0;top:18em;} .styleLiving .tab-container .itmFront .copy h2 {border-bottom: 0.7em solid #000000;font-family: 'DidotW01Roman',Georgia,serif;font-size: 3.8em;line-height: 0.8em;margin-left: 0;padding-bottom: 0.3em;padding-left: 0.4em;text-indent: 0;text-transform: uppercase;width: 5.4em;} .styleLiving .tab-container .itmFront .copy .plus {font-family: "HelveticaNeueW01-UltLt",Helvetica,​Arial,​sans-serif;font-size: 1.3em;} .styleLiving .tab-container .itmFront .copy a .cta{background: #000000;color: #FFFFFF;display: block;font-family:'HelveticaNeueW01-75Bold', Helvetica, Arial, 'Sans-serif';font-size: 1em;padding: 0.5em 0;text-align: center;width: 18.2em;} .styleLiving .tab-container .itmFront .copy a .cta:after{content:"";} .styleLiving .tab-container .itmFront .copy .overlay {background:none;bottom: -13.9em;display: block;font-family: 'DidotW01Roman',serif;font-size: 3em;height: 6.7em;padding: .7em 2em 1em;position: absolute;text-align: center;white-space: normal;width: 19.3em;} .styleLiving .tab-container .itmFront .copy .overlay h2 {border-bottom: medium none;font-family: 'DidotW01Roman';font-size: 3em;line-height: 1em;padding-bottom: 0;padding-left: 0;text-transform: uppercase;width: 100%;} .styleLiving .tab-container .itmFront .copy .overlay p {color: #000000;font-family: 'didotItalic',serif;font-size: 0.8em;line-height: 1em;} .styleLiving .tab-container .itmFront .copy .overlay p .call-to-action {font-size: 0.8em;margin: 0 auto;padding: 0;position: relative;} .styleLiving .tab-container .itmFront .copy .overlay p .call-to-action:after {content:"\2192";display: block;font-size: 0.8em;height: 1px;left: -1.5em;position: absolute;top: 0;} .styleLiving .tab-container .itmFront .copy .top {font-family: 'didotItalic',serif;font-size: 0.5em;line-height: 0.5em;} /*! --- Hub Editors Intro --- */ .styleLiving .hubIntro {border-right:1px solid #000000;border-top:1px solid #000000;clear:both;display:inline-block;position:relative;} .styleLiving .hubIntro .box.g6 {float:left;position:relative;width:44.9em;} .styleLiving .hubIntro .box.g6 img {margin-bottom: 2.5em;} .styleLiving .hubIntro .box.g6 .copy {position: absolute;top: 10.5em;} .styleLiving .hubIntro .box.g18 {float:left;width:74.9em;} .styleLiving .hubIntro .box.g18 p {font-size:1.4em;line-height:1.4em;margin:1em 6.5em 0;} .styleLiving .hubIntro .box.g18 h4 {font-family: 'DidotW01Roman',serif;font-size:1.5em;margin-left:6em;margin-top:1em;text-transform:uppercase;} .styleLiving .hubIntro .box.g18 h4 span {font:normal normal 0.85em/0.5em 'HelveticaNeueW01-55Roma',Helvetica,​Arial,​sans-serif;} .styleLiving .hubIntro .box.g18 h1 {font-size:4em;letter-spacing:0.05em;margin-top:1em;text-align:center;text-transform:uppercase;} .styleLiving .hubIntro .box.g18 img {margin: 0.5em 0 0 9em;} .styleLiving .hubIntro .box.g18:after {border-bottom:2.5em solid #000000;bottom:0;content:"";display:block;position:absolute;right:0;width:15em;} .styleLiving .hubIntro .box.g6 .copy .number {color:#000000;font-family: 'DidotW01Roman',Georgia, serif;left:0; bottom:0;text-transform: uppercase;font-style:normal;font-size:2.7em; text-align: left; width:auto;padding-left: .2em;border-bottom: 20px solid #000;padding-right: .9em;} .styleLiving .hubIntro .box.g6 .copy .number span {font-size:1.3em; line-height:0.9em} .styleLiving .hubIntro .box.g6 .copy .number .plusSymbol {font: normal 2.4em 'HelveticaNeueW01-UltLt', Helvetica, Arial, 'Sans-serif';position: absolute;right: -.3em; bottom: 0.25em;} .styleLiving .contributors {margin-top:1.5em;} .styleLiving .contributors h3 {border-top:8px solid #000000;border-bottom:1px solid #000000;font-family: 'DidotW01Roman',Georgia,serif;font-size: 1.8em;padding:0.5em 0;text-align:center;text-transform:uppercase;} .styleLiving .hubAuthors {display:inline-block;margin:2em 7em 0;width:106em;} .styleLiving .hubAuthors .box.h4_8:first-child {margin-left:0;} .styleLiving .hubAuthors .box.h4_8 {width: 17em;margin-left:5.22em;} .styleLiving .hubAuthors .copy h3 {font-family:'DidotW01Roman',serif;text-transform: uppercase;font-size: 1.5em;margin-top:1.5em;margin-bottom:0.3em;} .styleLiving .hubAuthors .copy h3 span{font:normal normal 0.857em/0.5em 'HelveticaNeueW01-55Roma',Helvetica,​Arial,​sans-serif;} .hubAuthors .copy p {display:block;font-size: 1.2em;width:14em;} /*! --- Social Icons Desktop --- */ .styleLiving .social-icons {left: 0;position: absolute;top: 69.5em;z-index:9;} .styleLiving .hero6040 .social-icons {position: absolute;top: 74em;} .styleLiving .hero5050 .social-icons {position: absolute;top: 64em;} .styleLiving .box .g18 .social-icons {position: absolute;top: 64em;} .styleLiving .moment .social-icons {position: absolute;top: 64em;} .styleLiving .heroRoundup .social-icons {position: absolute;top: 50em;} .styleLiving .heroRoundup {margin-bottom: 12em;} .styleLiving .hero6040 {height: 76.2em;} /*! --- Social Icons Tablet --- */ .touch .styleLiving .heroRoundup .g6 .hero33 h3.story-intro {width: 15.5em;} .touch .social-icons li.tweet iframe, .touch .social-icons li.tweet .icon {width:10em!important;} .touch .social-icons li iframe, .touch .social-icons li .icon {width:10em!important;} .touch .social-icons li.pinit {width: 4em!important;} .touch .social-icons li.first {margin-left: 1.5em!important;} .touch .social-icons li { float: left; margin: 0.5em 2em 0 1em; width: 8.5em; } /*! --- Credits vertical text --- */ .styleLiving .creditCopyWhite {-moz-transform: rotate(270deg);-webkit-transform:rotate(270deg);-o-transform: rotate(270deg);color: #ffffff;display: block;font-family: ‘Helvetica Neue roman’,Helvetica,sans-serif;font-size: 9px;font-weight: normal;height: 20px;position: absolute;white-space: nowrap;width: 20px;bottom: -3em;left:1em;} .ie9 .styleLiving .creditCopyWhite {-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);display: block;font-family: ‘sans-serif;font-size: 11px;font-weight: 90px;height: 20px;position: absolute;white-space: nowrap;width: 80px;bottom: 3em;left:1em;} .styleLiving .creditCopyBlack {-moz-transform: rotate(270deg);-webkit-transform:rotate(270deg);-o-transform: rotate(270deg);color: #000000;display: block;font-family: ‘Helvetica Neue roman’,Helvetica,sans-serif;font-size: 9px;font-weight: normal;height: 20px;position: absolute;white-space: nowrap;width: 20px;bottom: -3em;left:1em;} .ie9 .styleLiving .creditCopyBlack {-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);display: block;font-family: ‘sans-serif;font-size: 11px;font-weight: 90px;height: 20px;position: absolute;white-space: nowrap;width: 80px;bottom: 3em;left:1em;} /*! --- sold out for style and living --- */ .wrapper-sliving {margin-left: 56em;margin-top: -66em;} #sold-out {width: 10em;height: 10em;background: #000;position: relative;overflow: hidden;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);} #sold-out .copy {width: 7.6em;padding-top: 0.5em;border-top: 0.8em solid #fff;text-align: center;position: absolute;display: block;top: 2.5em;left: 1.5em;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #sold-out .copy span {color: #fff;font-style: normal;text-transform: uppercase;font-size: 1.4em;font-family: 'didotItalic', Georgia, serif;} #sold-out .copy hr {margin: 7px auto auto auto;border: 0;border-top: 1px solid #fff;width: 60%;} /*! --- sold out for style and living bottom left --- */ .wrapper-slivingBottomLeft {margin-left: 3em;margin-top: -13em;} #sold-out {width: 10em;height: 10em;background: #000;position: relative;overflow: hidden;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);} #sold-out .copy {width: 7.6em;padding-top: 0.5em;border-top: 0.8em solid #fff;text-align: center;position: absolute;display: block;top: 2.5em;left: 1.5em;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #sold-out .copy span {color: #fff;font-style: normal;text-transform: uppercase;font-size: 1.4em;font-family: 'didotItalic', Georgia, serif;} #sold-out .copy hr {margin: 7px auto auto auto;border: 0;border-top: 1px solid #fff;width: 60%;} .styleliving-videoicon a {text-decoration: none;font-weight: normal;color: #333;font-family:'didotItalic',Georgia,serif;font-size: 1.6em;} .styleliving-videoicon a:after {content: "-";display: inline-block;background: url("//asset1.marksandspencer.com/is/image/mands/2efa806faccb9d208bc0abd8644e5554cdee0bf9") no-repeat;width: 35px;height: 15px;line-height: 0.7em;} .styleliving-videoicon a:hover {text-decoration: none;} .styleLiving .latestNews .copy span.sl_vid_icon { margin:0; padding:0; border:0; display:block; width:25px; height:16px; background:url(https://asset1.marksandspencer.com/is/image/mands/168f1d40ca7237b9e99205ad782b88b88588989a) left top no-repeat; position: absolute; top: 8.2em; } /*! --- video player for trendspotlight vertical image --- */ .styleLiving .rightcol-img1.img-with-text .video .call-to-action a { display: block; margin-left: 3.0em; margin-top: -21em; position:relative; } /*! --- latest news botton --- */ .styleLiving a.latestnews-link { background: none repeat scroll 0 0 #000000; border: 0 none; color: #FFFFFF; font-family: 'HelveticaNeueW01-75Bold',Helvetica,Arial,'Sans-serif'; font-size: 1.16em; padding: 0.29em 1.295em; margin-left:14.5em; } .black-bar-w20:before, .black-bar-w20:after { width: 20%; } .black-bar-right:before, .black-bar-right:after { float: right; margin-top: -2em; } .black-bar-w20:before, .black-bar-w20:after { width: 20%; } .black-bar-right:before, .black-bar-right:after { float: right; margin-top: -2em; } .black-bar-after:after { background: none repeat scroll 0 0 #000000; clear: both; content: ""; display: block; height: 2em; } .styleLiving .section { margin-bottom: 3em; position: relative; width: 100%; }