/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face {
  font-family: sans-serif;
  src: local("Microsoft YaHei"), local("Microsoft JhengHei"), local(Calibri);
  unicode-range: U+4E00-9FFF, U+3400-4DFF, U+20000-2A6DF, U+F900-FAFF, U+2F800-2FA1F;
}

/* line 4, ../sass/_ta-reset.sass */
#textHeader, ul.nav_tabs {
  display: none;
}

/* line 6, ../sass/_ta-reset.sass */
#page, #articlesContent, .ui-tabs {
  padding: 0;
}

/* line 8, ../sass/_ta-reset.sass */
.container, #tabs {
  width: 986px;
}

/* line 10, ../sass/_ta-reset.sass */
#page {
  border: none;
}
/* line 12, ../sass/_ta-reset.sass */
#page .top-promotion-banner {
  width: 986px;
  margin: 0;
}

/* line 15, ../sass/_ta-reset.sass */
.state-pdp #page {
  border: 1px solid black;
}

/* line 19, ../sass/_ta-reset.sass */
#home #page .lc-page {
  margin-left: 0;
}

/* line 24, ../sass/_ta-reset.sass */
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;
}

/* line 29, ../sass/_ta-reset.sass */
.nav-main {
  z-index: 101;
}

/* line 1, ../sass/_helpers.sass */
#FeatureEditorial {
  width: 986px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
/* line 6, ../sass/_helpers.sass */
#FeatureEditorial p, #FeatureEditorial a, #FeatureEditorial span, #FeatureEditorial li {
  font-family: "Sabon LT", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.02), 0 0 1px 0 rgba(255, 255, 255, 0.02);
  text-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.02), 0 0 1px 0 rgba(255, 255, 255, 0.02);
  color: black;
}
/* line 13, ../sass/_helpers.sass */
#FeatureEditorial p {
  margin: 1.2em 0;
  text-align: left;
}
/* line 17, ../sass/_helpers.sass */
#library #FeatureEditorial h1, #library #FeatureEditorial h2, #library #FeatureEditorial h3, #library #FeatureEditorial h4, #library #FeatureEditorial h5, #library #FeatureEditorial h6, #page #FeatureEditorial h1, #page #FeatureEditorial h2, #page #FeatureEditorial h3, #page #FeatureEditorial h4, #page #FeatureEditorial h5, #page #FeatureEditorial h6, #discover-story #FeatureEditorial h1, #discover-story #FeatureEditorial h2, #discover-story #FeatureEditorial h3, #discover-story #FeatureEditorial h4, #discover-story #FeatureEditorial h5, #discover-story #FeatureEditorial h6 {
  font-family: "Brandon Grot", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.62em;
  font-family: "Brandon Grot" !important;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: black;
}
/* line 25, ../sass/_helpers.sass */
#FeatureEditorial .title, #FeatureEditorial .title a, #FeatureEditorial .title span {
  font-family: "Brandon Grot", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
}
/* line 27, ../sass/_helpers.sass */
#FeatureEditorial .shopBtnWrapper {
  margin: 2.4em 0;
}
/* line 29, ../sass/_helpers.sass */
#FeatureEditorial .shopBtn {
  color: black;
  border: 1px solid black;
  text-transform: uppercase;
  padding: 12px 40px;
  text-align: center;
  margin: 20px auto 10px auto;
  display: inline-block;
  font-family: "Brandon Grot", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
}
/* line 22, ../sass/_mixins.sass */
.no-touch #FeatureEditorial .shopBtn:hover {
  background: url("../ie-transparent-bg-bk-80.png") scroll repeat 0 0;
  color: white;
}
/* line 32, ../sass/_helpers.sass */
#FeatureEditorial .invert p, #FeatureEditorial .invert a, #FeatureEditorial .invert span, #FeatureEditorial .invert .shopBtn {
  color: white;
}
/* line 35, ../sass/_helpers.sass */
#library #FeatureEditorial .invert h1, #library #FeatureEditorial .invert h2, #library #FeatureEditorial .invert h3, #library #FeatureEditorial .invert h4, #library #FeatureEditorial .invert h5, #library #FeatureEditorial .invert h6, #page #FeatureEditorial .invert h1, #page #FeatureEditorial .invert h2, #page #FeatureEditorial .invert h3, #page #FeatureEditorial .invert h4, #page #FeatureEditorial .invert h5, #page #FeatureEditorial .invert h6, #discover-story #FeatureEditorial .invert h1, #discover-story #FeatureEditorial .invert h2, #discover-story #FeatureEditorial .invert h3, #discover-story #FeatureEditorial .invert h4, #discover-story #FeatureEditorial .invert h5, #discover-story #FeatureEditorial .invert h6 {
  color: white;
}
/* line 37, ../sass/_helpers.sass */
#FeatureEditorial .invert .shopBtn {
  border-color: white;
}

/* line 2, ../sass/_main.sass */
#FeatureEditorial header {
  position: relative;
  z-index: 1;
}
/* line 5, ../sass/_main.sass */
#FeatureEditorial header .innerContent {
  position: absolute;
  z-index: 2;
  top: 33px;
  left: 480px;
  width: 490px;
}
/* line 11, ../sass/_main.sass */
#FeatureEditorial header .innerContent p {
  text-align: center;
  color: white;
}
/* line 14, ../sass/_main.sass */
#FeatureEditorial header .innerContent p.title {
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 0 60px;
  line-height: 1.9em;
}
/* line 28, ../sass/_main.sass */
#FeatureEditorial #bottomScrollDownBtn {
  display: block;
  text-align: center;
  width: 400px;
  padding-bottom: 38px;
  position: relative;
  z-index: 1;
  font-family: "Brandon Grot";
  font-weight: 500;
  text-transform: uppercase;
  margin: 30px auto 0;
  padding-bottom: 30px;
}
/* line 38, ../sass/_mixins.sass */
#FeatureEditorial #bottomScrollDownBtn .downArrow {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  margin-left: -28px;
  width: 56px;
  height: 31px;
  background-image: url("../tg-scroll-down-arrow-bk-20130429.png");
}
/* line 33, ../sass/_main.sass */
#FeatureEditorial .fixed-read-more {
  position: fixed;
  bottom: -80px;
  left: 50%;
  margin-left: -85px;
  z-index: 100;
  background-color: white;
  padding: 10px 20px;
  -webkit-box-shadow: 0 0 5px rgba(75, 75, 75, 0.6);
  -moz-box-shadow: 0 0 5px rgba(75, 75, 75, 0.6);
  box-shadow: 0 0 5px rgba(75, 75, 75, 0.6);
}
/* line 43, ../sass/_main.sass */
#FeatureEditorial .fixed-read-more .scrollTo {
  display: block;
  text-align: center;
  width: 400px;
  padding-top: 38px;
  position: relative;
  z-index: 1;
  font-family: "Brandon Grot";
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  width: 130px;
  text-align: center;
}
/* line 38, ../sass/_mixins.sass */
#FeatureEditorial .fixed-read-more .scrollTo .downArrow {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  margin-left: -28px;
  width: 56px;
  height: 31px;
  background-image: url("../tg-scroll-down-arrow-bk-20130429.png");
}