@charset "UTF-8";
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
/*------------------------------------*\
    $FONTS
\*------------------------------------*/
/*******************
    no header
*****************/
/*#textHeader,ul.nav_tabs {display:none;}*/
#textHeader, ul.nav_tabs {
  display: none; }

#page, #articlesContent, .ui-tabs {
  padding: 0; }

.container, #tabs {
  width: 986px; }

#page {
  border: none; }

.state-pdp #page {
  border: 1px solid black; }

/*reset*/
#home #page .lc-page {
  margin-left: 0; }

/*shop tab page*/
body.p-shop-page_css #library #textHeader, body.p-shop-page_css ul.nav_tabs, body.p-shop-page_css #search-head-placeholder {
  display: none; }

/*body.p-shop-page_css #library #search-main {padding: 20px 4px 10px 10px; width: 970px;}*/
/* commented out code as it looks destructive */
#page .top-promotion-banner {
  width: 986px;
  margin: 0; }

/* sensible defaults - change according to situation */
#FeatureEditorial {
  width: 986px;
  overflow: hidden;
  position: relative;
  text-align: left;
  /* fixes IE6 text-align & positioning bug */ }

#FeatureEditorial .wrapper {
  padding: 0px; }

/* re-define fonts here */
#FeatureEditorial p,
#FeatureEditorial a,
#FeatureEditorial span {
  font-family: 'Sabon LT W01 Roman';
  /* change font name as required */
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(255, 255, 255, 0.02) 0 0 1px; }

/* common shadow element & navbar */
#FeatureEditorial .editorialDropShadow {
  background-image: url("http://media.lanecrawford.com/feature/editorial_bar_nav_gradient.png");
  background-repeat: no-repeat;
  width: 984px;
  height: 27px;
  display: block; }

#FeatureEditorial .editorialNavBar {
  display: block;
  background-color: #333;
  color: white;
  text-align: center;
  font-size: 13px;
  line-height: 27px;
  text-decoration: none;
  position: relative;
  width: 100%;
  clear: both;
  overflow: hidden;
  text-transform: uppercase;
  word-spacing: 1px;
  text-shadow: rgba(255, 255, 255, 0.75) 0 0 1px; }

#FeatureEditorial .editorialNavBar .editorialDropShadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

/*------------------------------------*\
    $YOUR CSS
\*------------------------------------*/
#FeatureEditorial {
  /*------------------------------------*\
      $MAIN
  \*------------------------------------*/
  /*------------------------------------*\
      $TYPOGRAPHY
  
      font-family: 'Adobe Garamond Pro 1167025'; REGULAR
  	font-family: 'Adobe Garamond Pro 1166234'; REGULAR ITALIC
  	font-family: 'Adobe Garamond Pro Bold 1166230'; BOLD
  	font-family: 'Adobe Garamond Pro Bold 1167023'; BOLD ITALIC
  
  \*------------------------------------*/
  /*------------------------------------*\
      $COLUMNS
  \*------------------------------------*/
  /*------------------------------------*\
      $HEADER
  \*------------------------------------*/
  /*------------------------------------*\
      $MAIN STORY
  \*------------------------------------*/
  /*------------------------------------*\
      $BEAUTY FEATURES
  \*------------------------------------*/
  /*------------------------------------*\
      $STREETSTYLE
  \*------------------------------------*/
  /*------------------------------------*\
      $IE10 BUGFIXES
  \*------------------------------------*/
  /*------------------------------------*\
      $IE9 BUGFIXES
  \*------------------------------------*/
  /*------------------------------------*\
      $IE8- BUGFIXES
  \*------------------------------------*/
  /*------------------------------------*\
      $SCRAPBOOK
  \*------------------------------------*/
  /*------------------------------------*\
      $FOOTER
  \*------------------------------------*/ }
  #FeatureEditorial .bg-image {
    position: absolute;
    top: 0px;
    left: 0px; }
  #FeatureEditorial section {
    clear: both; }
  #FeatureEditorial .header-text {
    color: #fff;
    font-family: 'Adobe Garamond Pro 1167025';
    font-weight: 300; }
  #FeatureEditorial .section-header {
    font-size: 48px;
    text-align: center;
    color: #2c2c2c;
    margin: 0px 0px 25px 0px; }
  #FeatureEditorial .section-pre-header {
    font-family: "Sabon LT W01 Roman";
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    /* Output chinese font */
    text-transform: uppercase;
    text-align: center;
    color: #2c2c2c; }
    .zh_CN.locale-zh_CN #FeatureEditorial .section-pre-header {
      font-family: "黑体",sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 18px; }
  #FeatureEditorial .section-intro {
    font-family: "Sabon LT W01 Roman";
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    /* Output chinese font */
    font-style: italic;
    color: #2c2c2c;
    margin: 0px 0px 20px 0px; }
    .zh_CN.locale-zh_CN #FeatureEditorial .section-intro {
      font-family: "黑体",sans-serif;
      font-size: 22px;
      font-weight: 300;
      line-height: 24px; }
  #FeatureEditorial blockquote {
    font-family: "Sabon LT W01 Roman";
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
    /* Output chinese font */
    color: #2c2c2c;
    text-align: center;
    margin: 30px 0px 0px 0px; }
    .zh_CN.locale-zh_CN #FeatureEditorial blockquote {
      font-family: "黑体",sans-serif;
      font-size: 36px;
      font-weight: 300;
      line-height: 36px; }
    #FeatureEditorial blockquote.no-space {
      margin-top: 0px; }
  #FeatureEditorial .quote-by {
    font-family: "Sabon LT W01 Roman";
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    /* Output chinese font */
    color: #2c2c2c;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 15px 0px 50px 0px; }
    .zh_CN.locale-zh_CN #FeatureEditorial .quote-by {
      font-family: "黑体",sans-serif;
      font-size: 12px;
      font-weight: 300;
      line-height: 12px; }
  #FeatureEditorial .image-caption {
    color: #7b7b7b;
    font-family: "Sabon LT W01 Roman";
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    /* Output chinese font */
    font-style: italic;
    display: inline-block;
    margin: 10px 0px 0px 0px; }
    .zh_CN.locale-zh_CN #FeatureEditorial .image-caption {
      font-family: "黑体",sans-serif;
      font-size: 14px;
      font-weight: 300;
      line-height: 18px; }
  #FeatureEditorial .align-left {
    text-align: left; }
  #FeatureEditorial .align-center {
    text-align: center; }
  #FeatureEditorial .body-text {
    font-family: "Sabon LT W01 Roman";
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    /* Output chinese font */ }
    .zh_CN.locale-zh_CN #FeatureEditorial .body-text {
      font-family: "黑体",sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 20px; }
  #FeatureEditorial .col {
    width: 483px;
    float: left; }
    #FeatureEditorial .col.col-right {
      width: 482px; }
  #FeatureEditorial .small-col {
    width: 230px;
    float: left; }
  #FeatureEditorial .col-right {
    margin: 0px 0px 0px 21px; }
  #FeatureEditorial header {
    height: 417px;
    width: 986px;
    position: relative; }
    #FeatureEditorial header .header-title {
      position: absolute;
      top: 204px;
      left: 0px;
      z-index: 10;
      width: 100%;
      font-size: 60px;
      line-height: 40px;
      text-transform: uppercase;
      text-align: center; }
    #FeatureEditorial header .header-sub-title {
      position: absolute;
      top: 270px;
      left: 0px;
      z-index: 10;
      width: 100%;
      text-align: center;
      font-family: "Sabon LT W01 Roman";
      font-size: 22px;
      font-weight: 300;
      line-height: 28px;
      /* Output chinese font */
      color: #fff; }
      .zh_CN.locale-zh_CN #FeatureEditorial header .header-sub-title {
        font-family: "黑体",sans-serif;
        font-size: 22px;
        font-weight: 300;
        line-height: 28px; }
  #FeatureEditorial .main-story {
    margin-top: 49px; }
  #FeatureEditorial .story-article {
    clear: both;
    padding-top: 45px; }
    .lt-ie8 #FeatureEditorial .story-article {
      padding-top: 0px; }
    #FeatureEditorial .story-article.first {
      padding-top: 0px; }
    #FeatureEditorial .story-article p {
      margin-bottom: 24px;
      font-family: "Sabon LT W01 Roman";
      font-size: 18px;
      font-weight: 300;
      line-height: 20px;
      /* Output chinese font */ }
      .zh_CN.locale-zh_CN #FeatureEditorial .story-article p {
        font-family: "黑体",sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 20px; }
  #FeatureEditorial .beauty-feature {
    padding: 80px 0px 0px 0px; }
    .lt-ie8 #FeatureEditorial .beauty-feature {
      padding: 40px 0px 0px 0px; }
    #FeatureEditorial .beauty-feature .section-intro {
      text-align: center;
      font-style: normal; }
    #FeatureEditorial .beauty-feature .shop-btn {
      color: #000;
      border: 1px solid #000;
      text-transform: uppercase;
      padding: 12px 40px;
      text-align: center;
      margin: 20px auto 10px auto;
      display: inline-block;
      font-family: "Brandon Grot";
      font-size: 14px;
      font-weight: 300;
      line-height: 1em;
      background: #000;
      color: #fff;
      font-weight: 700;
      margin: 0px auto; }
      #FeatureEditorial .beauty-feature .shop-btn:hover {
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: 0 0;
        background-image: url("http://media.lanecrawford.com/feature/ie-transparent-bg-bk-80.png");
        color: #fff; }
      #FeatureEditorial .beauty-feature .shop-btn:hover {
        background: #fff;
        color: #000; }
    #FeatureEditorial .beauty-feature .col-left {
      text-align: center; }
  #FeatureEditorial .hotspots {
    position: relative; }
  #FeatureEditorial .hotspot {
    position: absolute;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: -38px -48px;
    background-image: url("http://media.lanecrawford.com/feature/sprite.png");
    cursor: pointer; }
    #FeatureEditorial .hotspot .content {
      display: none; }
  #FeatureEditorial .instructions {
    width: 276px;
    height: 276px;
    margin: 30px auto 40px auto;
    background-repeat: no-repeat;
    background-position: 0px -80px;
    background-image: url("http://media.lanecrawford.com/feature/sprite.png");
    position: relative; }
    #FeatureEditorial .instructions .content {
      width: 200px;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -100px; }
      #FeatureEditorial .instructions .content .title {
        font-family: "Sabon LT W01 Roman";
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        /* Output chinese font */
        color: #2c2c2c;
        text-transform: uppercase;
        margin: 0px 0px 25px 0px;
        display: block; }
        .zh_CN.locale-zh_CN #FeatureEditorial .instructions .content .title {
          font-family: "黑体",sans-serif;
          font-size: 20px;
          font-weight: 700;
          line-height: 20px; }
      #FeatureEditorial .instructions .content p {
        font-family: "Sabon LT W01 Roman";
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        /* Output chinese font */
        color: #2c2c2c; }
        .zh_CN.locale-zh_CN #FeatureEditorial .instructions .content p {
          font-family: "黑体",sans-serif;
          font-size: 16px;
          font-weight: 300;
          line-height: 18px; }
        #FeatureEditorial .instructions .content p.default {
          width: 180px;
          padding-left: 20px;
          font-style: italic;
          background-image: url("http://media.lanecrawford.com/feature/instructions_cursor.gif");
          background-position: left center;
          background-repeat: no-repeat; }
  #FeatureEditorial .streetstyle {
    padding: 80px 0px 0px 0px; }
    .lt-ie8 #FeatureEditorial .streetstyle {
      padding: 20px 0px 0px 0px; }
    #FeatureEditorial .streetstyle .shop-btn {
      color: #000;
      border: 1px solid #000;
      text-transform: uppercase;
      padding: 12px 40px;
      text-align: center;
      margin: 20px auto 10px auto;
      display: inline-block;
      font-family: "Brandon Grot";
      font-size: 14px;
      font-weight: 300;
      line-height: 1em;
      font-weight: 700;
      background: #000;
      color: #fff;
      margin-top: 35px; }
      #FeatureEditorial .streetstyle .shop-btn:hover {
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: 0 0;
        background-image: url("http://media.lanecrawford.com/feature/ie-transparent-bg-bk-80.png");
        color: #fff; }
      #FeatureEditorial .streetstyle .shop-btn:hover {
        background: #fff;
        color: #000; }
  #FeatureEditorial .carousel-wrapper {
    position: relative; }
  #FeatureEditorial .carousel {
    width: 877px;
    margin-left: 57px;
    position: relative;
    height: 510px; }
  #FeatureEditorial .carousel-nav {
    text-align: center;
    margin-top: 15px; }
    #FeatureEditorial .carousel-nav ul {
      margin: 0px;
      padding: 0px;
      display: inline-block;
      zoom: 1;
      *display: inline;
      height: 10px; }
  #FeatureEditorial .carousel-nav-bullet {
    width: 10px;
    height: 10px;
    overflow: hidden;
    background-color: transparent;
    background-position: -11px 0px;
    background-repeat: no-repeat;
    background-image: url("http://media.lanecrawford.com/feature/sprite-v2.png");
    margin-right: 10px;
    float: left;
    cursor: pointer; }
    #FeatureEditorial .carousel-nav-bullet.last {
      margin-right: 0px; }
    #FeatureEditorial .carousel-nav-bullet.active {
      background-position: 0px 0px; }
  #FeatureEditorial .carousel-article {
    clear: both;
    height: 510px;
    width: 877px;
    position: absolute;
    top: 0px; }
    #FeatureEditorial .carousel-article .col-left {
      width: 526px; }
    #FeatureEditorial .carousel-article .col-right {
      width: 310px;
      margin: 0px 0px 0px 40px;
      padding: 60px 0px 0px 0px;
      text-align: center; }
  #FeatureEditorial .carousel-arrow {
    width: 19px;
    height: 35px;
    position: absolute;
    top: 50%;
    margin: -17px 0px 0px 0px;
    background-repeat: no-repeat;
    background-image: url("http://media.lanecrawford.com/feature/sprite.png"); }
    #FeatureEditorial .carousel-arrow.carousel-left {
      background-position: 0px -11px;
      left: 0px; }
      .lt-ie7 #FeatureEditorial .carousel-arrow.carousel-left {
        left: -40px; }
    #FeatureEditorial .carousel-arrow.carousel-right {
      background-position: -21px -11px;
      right: 0px; }
    .lt-ie7 #FeatureEditorial .carousel-arrow {
      top: 238px; }
  #FeatureEditorial .scrapbook {
    padding: 80px 0px 0px 0px; }
    .lt-ie8 #FeatureEditorial .scrapbook {
      padding: 80px 0px 0px 0px; }
    #FeatureEditorial .scrapbook .intro-text {
      width: 630px;
      margin: 0px auto; }
    #FeatureEditorial .scrapbook .scrapbook-instructions {
      position: absolute;
      top: 28px;
      right: 70px;
      width: 170px;
      height: auto;
      padding-left: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
      font-family: "Sabon LT W01 Roman";
      font-size: 16px;
      font-weight: 300;
      line-height: 18px;
      /* Output chinese font */
      font-style: italic;
      color: #2c2c2c;
      text-align: center;
      background-image: url("http://media.lanecrawford.com/feature/instructions_cursor_white.gif");
      background-position: left center;
      background-repeat: no-repeat; }
      .zh_CN.locale-zh_CN #FeatureEditorial .scrapbook .scrapbook-instructions {
        font-family: "黑体",sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px; }
  #FeatureEditorial .scrapbook-wrapper {
    margin: 50px 0px 0px 0px;
    height: 525px;
    position: relative; }
  #FeatureEditorial .scrapbook-image {
    position: absolute; }
    #FeatureEditorial .scrapbook-image img {
      cursor: pointer;
      width: 395px;
      height: 395px; }
    #FeatureEditorial .scrapbook-image:hover {
      z-index: 21; }
    #FeatureEditorial .scrapbook-image .tint {
      background-image: url("http://media.lanecrawford.com/feature/fff80.png");
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px; }
      .lt-ie8 #FeatureEditorial .scrapbook-image .tint {
        display: none !important;
        visibility: hidden !important; }
    #FeatureEditorial .scrapbook-image .caption {
      position: absolute;
      bottom: 20px;
      left: 36px;
      background: #fff;
      padding: 15px 25px;
      width: 272px;
      text-align: center;
      font-family: "Sabon LT W01 Roman";
      font-size: 16px;
      font-weight: 300;
      line-height: 20px;
      /* Output chinese font */
      color: #2c2c2c;
      visibility: hidden;
      opacity: 0; }
      .zh_CN.locale-zh_CN #FeatureEditorial .scrapbook-image .caption {
        font-family: "黑体",sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 20px; }
      #FeatureEditorial .scrapbook-image .caption strong {
        font-family: "Sabon LT W01 Roman";
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        /* Output chinese font */ }
        .zh_CN.locale-zh_CN #FeatureEditorial .scrapbook-image .caption strong {
          font-family: "黑体",sans-serif;
          font-size: 16px;
          font-weight: 700;
          line-height: 20px; }
      .lt-ie8 #FeatureEditorial .scrapbook-image .caption {
        filter: alpha(opacity=0); }
    #FeatureEditorial .scrapbook-image .caption {
      display: none; }
    #FeatureEditorial .scrapbook-image img {
      width: 60%;
      height: 60%; }
  #FeatureEditorial footer {
    clear: both;
    padding-top: 80px; }
    #FeatureEditorial footer .scrollTo {
      display: block;
      font-family: "Lane Crawford", sans-serif;
      font-size: 14px;
      font-weight: 800;
      line-height: 22px;
      margin: 10px auto 0px auto;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.1em;
      color: #000;
      background-image: url("http://media.lanecrawford.com/feature/scrollto-arrow-down-black.png");
      background-position: center bottom;
      padding: 0px 0px 35px 0px;
      background-repeat: no-repeat;
      color: #fff;
      font-family: 'Adobe Garamond Pro 1167025';
      font-weight: 300;
      font-size: 48px;
      text-align: center;
      color: #2c2c2c;
      margin: 20px 0px 25px 0px;
      padding: 0px 0px 55px 0px;
      text-transform: none;
      letter-spacing: 0em; }

/*------------------------------------*\
    $HELPERS
\*------------------------------------*/
#FeatureEditorial {
  /*------------------------------------*\
      $SCROLL TO READ
  \*------------------------------------*/ }
  #FeatureEditorial .fixed-read-more {
    position: fixed;
    bottom: -75px;
    left: 50%;
    margin-left: -76px;
    /* For default text, updated in js */
    z-index: 100;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0px 0px 5px rgba(75, 75, 75, 0.6); }
    #FeatureEditorial .fixed-read-more > a {
      display: block;
      font-family: "Lane Crawford", sans-serif;
      font-size: 14px;
      font-weight: 800;
      line-height: 22px;
      margin: 10px auto 0px auto;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.1em;
      color: #000;
      background-image: url("http://media.lanecrawford.com/feature/scrollto-arrow-down-black.png");
      background-position: center top;
      padding: 35px 0px 0px 0px;
      background-repeat: no-repeat;
      background-position: center top;
      background-repeat: no-repeat;
      background-image: url("http://media.lanecrawford.com/feature/WW-ERDEM-240713-arrow-down.png");
      padding: 20px 0px 0px 0px;
      font-size: 12px;
      margin: 4px 0px 0px 0px; }
  .lt-ie8 #FeatureEditorial .fixed-read-more {
    display: none; }

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.js .jshide {
  display: none; }

/*-----------------------Style for Chinese-------------------*/
#FeatureEditorial.cn-site p,
#FeatureEditorial.cn-site a,
#FeatureEditorial.cn-site span {
  font-family: "黑体",sans-serif; }

#FeatureEditorial.cn-site .title {
  font-family: "Brandon Grot", sans-serif;
  font-weight: 700; }

/*----------------------- ie fix -----------------------*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/*.hidden { display: none !important; visibility: hidden; }*/
/*.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }*/
/*.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }*/
/*.invisible { visibility: hidden; }*/
/*.clearfix:before, .clearfix:after { content: ""; display: table; }*/
/*.clearfix:after { clear: both; }*/
/*.clearfix { *zoom: 1; }*/