/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3, h4, h5, h6, strong, b, th {
  font-weight: normal; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background: #fff;
  color: #111;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif; }

body .container {
  margin: 0 auto;
  width: 1200px; }

form, input, textarea, select, button {
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 14px; }

button {
  cursor: pointer; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* Temp fix for pre-order */
.red {
  color: #ff3000; }

/* _magento.css */
.page-title h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

.sub-title {
  color: #111;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 30px 0; }

.sub-title a {
  color: #111; }

.box-title {
  color: #666;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  margin-bottom: 10px; }

.box-title a {
  color: #666; }

.box-content {
  line-height: 1.4em; }

.box-content a {
  color: #111; }

.box-content table th {
  text-align: left; }

.col2-left-layout {
  margin: 0 auto 60px auto;
  overflow: hidden;
  width: 1200px; }

.col2-left-layout .col-left {
  float: left;
  margin: 0 10px;
  width: 280px; }

.col2-left-layout .col-left .block-title {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 0;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

.col2-left-layout .col-left .block-content ul {
  font-size: 14px; }

.col2-left-layout .col-left .block-content li {
  line-height: 1.6em; }

.col2-left-layout .col-left .block-content li a {
  color: #666;
  text-decoration: none; }

.col2-left-layout .col-left .block-content li a:hover {
  text-decoration: underline; }

.col2-left-layout .col-left .block-content li a.current {
  color: #111; }

.col2-left-layout .col-main {
  float: right;
  margin: 0 10px;
  width: 880px; }

.col2-left-layout .col-main .page-title h1 {
  margin: 40px 0; }

.col2-set {
  overflow: hidden; }

.col2-set .col-1,
.col2-set .col-2 {
  float: left;
  margin: 0 10px;
  width: 580px; }

.messages {
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-bottom: 30px; }

form .fieldset {
  font-size: 13px; }

form .fieldset h2 {
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 30px;
  text-transform: uppercase; }

form .form-list .fields {
  overflow: hidden; }

form .form-list li {
  margin-bottom: 10px; }

form .form-list .field {
  padding-bottom: 10px;
  overflow: hidden; }

form .form-list li label {
  display: block;
  margin-bottom: 5px; }

form .form-list li label em {
  display: block;
  float: left;
  padding-right: 6px; }

form .form-list input[type=text],
form .form-list input[type=password] {
  background: #e5e5e5;
  border: 0;
  color: #111;
  padding: 5px; }

form .form-list textarea {
  background: #e5e5e5;
  border: 0;
  color: #111;
  padding: 5px; }

form .form-list select {
  width: 340px; }

form .form-list .control {
  overflow: hidden; }

form .form-list .control .input-box {
  float: left;
  margin-right: 6px; }

form .form-list .control .input-box input[type=checkbox] {
  margin: 1px; }

form .form-list .control label {
  display: inline; }

form .validation-advice {
  color: #ff3000;
  padding: 4px 0; }

form .validation-error input[type=text],
form .validation-error input[type=password],
form .validation-error .input-text {
  -moz-box-shadow: inset 0 0 10px #ff3000;
  -webkit-box-shadow: inset 0 0 10px #ff3000;
  box-shadow: inset 0 0 10px #ff3000; }

.buttons-set {
  overflow: hidden; }

.buttons-set button,
.buttons-set .button {
  color: #fff;
  background: #111;
  border: 0;
  display: block;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  float: left;
  display: block;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-decoration: none;
  text-transform: uppercase; }

.back-link a {
  color: #666;
  background: #e5e5e5;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  float: left;
  display: block;
  line-height: 1em;
  margin-right: 1px;
  padding: 14px 24px;
  text-decoration: none;
  text-transform: uppercase; }

.back-link a small {
  display: none; }

p.required {
  color: #999;
  font-size: 12px; }

.table-caption {
  color: #111;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 30px 0; }

.table-caption a {
  color: #111; }

.data-table {
  font-size: 13px;
  width: 100%; }

.data-table a {
  color: #666;
  text-decoration: none; }

.data-table a:hover {
  text-decoration: underline; }

.data-table .even {
  background-color: #f5f5f5; }

.data-table th {
  border-bottom: 1px solid #ccc;
  color: #000;
  padding: 0 15px 10px 15px;
  white-space: nowrap; }

.data-table tbody td {
  padding: 15px;
  text-align: center; }

.data-table tfoot td {
  border-bottom: 1px solid #ccc;
  padding-top: 1px;
  padding-bottom: 1px; }

.data-table .a-center,
.data-table .nobr,
.data-table .wrap {
  white-space: nowrap; }

.pager {
  color: #666;
  font-size: 12px;
  margin-bottom: 20px;
  overflow: hidden; }

.pager p {
  margin: 0 !important; }

.pager select {
  margin-bottom: 1px;
  padding: 0; }

.pager .amount {
  float: left;
  line-height: 1.4em; }

.pager .limiter {
  float: right;
  line-height: 20px; }

.pager .pages {
  color: #333;
  line-height: 20px;
  margin: 0 135px;
  text-align: center; }

.pager .pages a {
  color: #8c8c8c;
  text-decoration: underline; }

.pager .pages a:hover {
  color: #8c8c8c;
  text-decoration: none; }

.pager .pages ol,
.pager .pages li {
  display: inline;
  padding: 0 2px; }

.pager .pages .current {
  font-weight: bold; }

.pager .pages .i-previous,
.pager .pages .i-next {
  text-decoration: none !important;
  vertical-align: middle; }

.pager-only {
  clear: both; }

.pager-only .pages {
  margin: 0; }

.messages {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 48px;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0 10px 30px 10px; }

.messages .success-msg {
  color: #2ae98f; }

.messages .success-msg a {
  color: #2ae98f; }

.messages .error-msg {
  color: #ff3000; }

.messages .error-msg a {
  color: #ff3000; }

#messages_product_view {
  margin: 0 auto;
  width: 1200px; }

/* Split Button */
.split-button {
  display: inline-block;
  float: left;
  height: 40px;
  margin-right: 20px;
  position: relative;
  width: 220px;
  white-space: nowrap;
  z-index: 1; }

.split-button * {
  outline: none; }

.split-button.clickable:active {
  left: auto;
  top: auto; }

.split-button.active {
  z-index: 100; }

.split-button strong {
  background: #f2f2f2;
  color: #666;
  display: block;
  font-size: 13px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  height: 40px;
  line-height: 40px;
  margin-bottom: 4px;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase; }

.split-button.clickable > strong,
.split-button strong[onclick] {
  color: #C73615;
  cursor: pointer;
  font-size: 11px;
  text-transform: uppercase; }

.split-button .change {
  cursor: pointer;
  display: block;
  height: 40px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  top: 0px;
  width: 220px; }

.split-button .change:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  top: 16px;
  content: '';
  height: 0;
  right: 12px;
  position: absolute;
  width: 0; }

.split-button .list-container {
  position: absolute;
  display: none;
  right: 0;
  top: 100%;
  padding: 0;
  min-width: 100%;
  max-width: 220px;
  float: left; }

.split-button.active .list-container {
  display: block; }

.split-button .list-container ul {
  border: 1px solid #eee;
  border-bottom: 0;
  margin-top: 4px;
  position: relative; }

.split-button .list-container ul > li {
  display: block !important;
  margin: 0 !important;
  white-space: nowrap; }

.split-button .list-container ul > li:first-child {
  /* border-top-width: 1px; */ }

.split-button .list-container li a,
.split-button .list-container li span {
  background: #fff;
  border-bottom: 1px solid #eee;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-left: 14px;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap; }

.split-button .list-container li:hover a,
.split-button .list-container li:hover span,
.split-button .list-container li:hover {
  background: #eee; }

.split-button.light {
  background: none;
  height: auto;
  padding: 0;
  width: 130px; }

.split-button.light.clickable:active {
  left: auto;
  top: auto; }

.split-button.light strong {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  /* margin-bottom: 4px; */
  padding-left: 15px;
  position: relative;
  text-decoration: none; }

.split-button.light:hover strong {
  background: #ebebeb; }

.split-button.light.clickable > strong,
.split-button.light strong[onclick] {
  color: #999;
  text-decoration: underline;
  text-transform: none; }

.split-button.light.clickable > strong:hover,
.split-button.light strong[onclick]:hover {
  text-decoration: none; }

.split-button.light .change {
  height: 40px;
  text-indent: -999em;
  width: 130px; }

.split-button.light .list-container ul {
  margin: 0 !important; }

/* PayPal Express Review */
.paypal-express-review .sub-title {
  margin: 0 10px; }

.paypal-express-review .info-set {
  margin: 0 10px 20px 10px; }

.paypal-express-review .info-set.col2-set {
  margin: 0 0 20px 0; }

.paypal-express-review .info-set.col2-set > h2 {
  margin: 0 10px; }

.paypal-express-review .info-set.col2-set > .form-list {
  margin: 0 10px; }

.paypal-express-review h2.legend {
  color: #666;
  font-family: 'proxima_nova_excn_rgregular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 20px 0;
  text-transform: uppercase; }

.paypal-express-review .paypal-shipping-method h3 {
  color: #666;
  font-family: 'proxima_nova_excn_rgregular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase; }

.paypal-express-review h2.legend a {
  color: #666; }

.paypal-express-review .form-list {
  width: 340px; }

.paypal-express-review .form-list li em {
  display: none; }

.paypal-express-review .form-list input[type=text],
.paypal-express-review .form-list input[type=password] {
  width: 330px; }

.paypal-express-review .input-box select {
  width: 330px; }

.paypal-express-review .data-table {
  width: 100%; }

.paypal-express-review .data-table th,
.paypal-express-review .data-table .a-center,
.paypal-express-review .data-table td {
  text-align: left;
  line-height: 1.4em; }

.paypal-express-review .data-table .nobr {
  white-space: nowrap; }

.paypal-express-review tfoot td {
  padding: 5px 15px; }

.paypal-express-review #review-buttons-container {
  margin: 30px 10px;
  overflow: hidden; }

.paypal-express-review #review-buttons-container button {
  display: block;
  float: left;
  margin-right: 1px; }

.paypal-express-review #update_order {
  color: #666;
  background: #e5e5e5; }

.paypal-express-review #review-please-wait {
  display: block;
  float: left;
  margin: 11px 0 0 10px; }

.paypal-express-review #review-please-wait * {
  vertical-align: middle; }

/* Popup Dialog Block */
.window-overlay {
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.window-overlay {
  background: #000;
  display: none;
  left: 0;
  min-height: 100%;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 990; }

.window-overlay.active {
  display: block; }

.popup-block {
  display: none;
  left: 50%;
  margin: -85px 0 0 -250px;
  position: absolute;
  position: fixed;
  text-align: left;
  top: 40%;
  width: 500px;
  z-index: 1000; }

.popup-block.active {
  display: block; }

.popup-block .block-title {
  background: #fff;
  padding: 30px 30px 0 30px; }

.popup-block div.btn-close {
  background: url(../images/icon_modal_close.gif) center center no-repeat;
  cursor: pointer;
  display: block;
  height: 15px;
  position: absolute;
  right: 17px;
  text-indent: -9999em;
  top: 19px;
  width: 15px; }

.popup-block .block-title strong {
  color: #111;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1em;
  text-transform: uppercase; }

.popup-block .block-content {
  background: url(http://needsupply.com/skin/frontend/enterprise/needsupply/images/bkg_block.gif) repeat-x 0 100% white;
  font-size: 12px;
  padding: 15px 30px 30px 30px; }

.popup-block .block-content .form-list label {
  width: 180px; }

.popup-block .block-content .form-list .input-text {
  width: 230px; }

.popup-block .block-content .form-list .control .input-box {
  /* margin-left: 195px; */ }

.popup-block .block-content .form-buttons {
  /* padding-left: 188px; 
  padding-top: 10px;
  width: auto; */ }

.popup-block .block-content .form-buttons .button {
  margin: 15px 1px 0 0;
  float: left; }

.popup-block .block-content .form-buttons .btn-cancel {
  background: #ccc; }

.popup-block.loading .block-content * {
  text-align: left;
  text-indent: -99999em;
  overflow: hidden;
  position: relative;
  margin-left: -9999em; }

.popup-block.loading .block-content:before {
  background: url(../images/opc-ajax-loader.gif) no-repeat 0 50%;
  content: '';
  display: block;
  left: 50%;
  line-height: 16px;
  padding: 16px;
  position: absolute;
  text-indent: 0 !important;
  top: 50%;
  z-index: 99; }

/* _about.scss */
#about {
  margin: 0 0 60px 0; }

#about a {
  text-decoration: none; }

#about a:hover {
  text-decoration: underline; }

#about h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#about .image {
  margin: 0 10px 40px 10px;
  width: 1180px; }

#about .image img {
  display: block;
  width: 100%; }

#about .image ul {
  list-style: none;
  margin: 12px 0 0 0; }

#about .image ul li {
  float: left;
  margin: 0 4px 0 0; }

#about .image ul li a {
  background: #666;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 8px;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: -moz-opacity 0.2s ease;
  -webkit-transition: -webkit-opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 8px; }

#about .image ul li.active a,
#about .image ul li a:hover {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

#about .statement {
  float: left;
  margin: 0 10px;
  width: 460px; }

#about .statement h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 144px;
  line-height: 118px;
  text-transform: uppercase; }

#about h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#about .greetings {
  float: left;
  margin: 0 10px 40px 10px;
  width: 700px; }

#about .greetings .history {
  float: left;
  line-height: 1.6em;
  width: 460px; }

#about .greetings .location {
  color: #666;
  float: left;
  font-size: 13px;
  line-height: 1.4em;
  margin-left: 20px;
  width: 220px; }

#about .greetings .location strong {
  text-transform: uppercase; }

#about .events {
  float: left;
  margin: 0 10px 40px 10px;
  width: 700px; }

#about .events .event {
  float: left;
  font-size: 13px;
  margin-right: 20px;
  width: 220px; }

#about .events .last {
  margin: 0; }

#about .events .event img {
  display: block;
  margin-bottom: 30px; }

#about .events .event h4 {
  margin-bottom: 4px;
  text-transform: uppercase; }

#about .events .event h4 a {
  color: #111; }

#about .events .event p {
  color: #666;
  line-height: 1.4em; }

#about .social {
  color: #666;
  float: left;
  font-size: 13px;
  margin: 0 10px;
  width: 460px; }

#about .social h3 {
  width: 220px; }

#about .social li {
  line-height: 1.6em; }

#about .social a {
  color: #666; }

#about .news {
  float: left;
  margin: 0 10px;
  width: 700px; }

#about .news .twitter {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 220px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -webkit-column-width: 220px;
  column-count: 2;
  column-gap: 20px;
  column-width: 220px;
  float: left;
  width: 480px; }

#about .news .twitter p {
  color: #666;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  display: block;
  float: left;
  font-size: 13px;
  line-height: 1.2em;
  margin-bottom: 20px;
  width: 220px; }

#about .news .twitter p a {
  color: #666; }

#about .news .twitter p span {
  color: #999; }

#about .news .blog {
  float: left;
  width: 220px; }

#about .news .blog a {
  background: #2ae98f;
  -moz-border-radius: 160px;
  -webkit-border-radius: 160px;
  border-radius: 160px;
  color: #fff;
  display: block;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 22px;
  height: 160px;
  line-height: 160px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 160px; }

/* _account.scss */
.account-login {
  color: #666;
  font-size: 13px;
  margin: 0 auto 60px auto;
  overflow: hidden;
  width: 1200px; }

.account-login a {
  color: #666;
  text-decoration: none; }

.account-login a:hover {
  text-decoration: underline; }

.account-login p {
  line-height: 1.4em;
  margin-bottom: 20px;
  width: 400px; }

.account-login .new-users p {
  margin: 0; }

.account-login .form-list {
  width: 340px; }

.account-login .form-list li em {
  display: none; }

.account-login .form-list input[type=text],
.account-login .form-list input[type=password] {
  width: 330px; }

.account-login .note {
  float: right;
  line-height: 46px;
  padding-top: 20px; }

.account-login .buttons-set {
  padding-top: 20px; }

.account-login p.required {
  display: none; }

.account-create {
  color: #666;
  font-size: 13px;
  margin: 0 auto 60px auto;
  overflow: hidden;
  width: 1200px; }

.account-create a {
  color: #666;
  text-decoration: none; }

.account-create a:hover {
  text-decoration: underline; }

.account-create form {
  margin: 0 10px; }

.account-create .fieldset {
  width: 100%; }

.account-create .divider {
  height: 20px; }

.account-create .form-list input[type=text],
.account-create .form-list input[type=password] {
  width: 330px; }

.account-create .buttons-set {
  margin-top: 20px; }

.account-create p.required {
  clear: both;
  margin-top: 20px; }

.customer-account-logoutsuccess .magento {
  margin: 0 auto;
  width: 1200px; }

.customer-account-logoutsuccess .magento p {
  margin: 0 10px 60px 10px; }

.customer-account-forgotpassword .magento {
  margin: 0 auto;
  width: 1200px; }

.customer-account-forgotpassword .magento form {
  margin: 0 10px 60px 10px; }

.customer-account-forgotpassword .magento .fieldset {
  width: 100%; }

.customer-account-forgotpassword .magento .fieldset p {
  margin-bottom: 20px; }

.customer-account-forgotpassword .magento .form-list input[type=text],
.customer-account-forgotpassword .magento .form-list input[type=password] {
  width: 330px; }

.customer-account-forgotpassword .magento .buttons-set {
  margin-top: 20px; }

.customer-account-forgotpassword .magento p.required {
  clear: both;
  margin-top: 20px; }

.customer-account-resetpassword .magento {
  margin: 0 auto;
  width: 1200px; }

.customer-account-resetpassword .magento form {
  margin: 0 10px 60px 10px; }

.customer-account-resetpassword .magento .fieldset {
  margin-top: 0 !important;
  width: 100%; }

.customer-account-resetpassword .magento .fieldset p {
  margin-bottom: 20px; }

.customer-account-resetpassword .magento .form-list input[type=text],
.customer-account-resetpassword .magento .form-list input[type=password] {
  width: 330px; }

.customer-account-resetpassword .magento .buttons-set {
  margin-top: 20px; }

.customer-account-resetpassword .magento p.required {
  clear: both;
  margin-top: 20px; }

.customer-account-index .dashboard .welcome-msg h2 {
  color: #666;
  font-size: 18px;
  margin-top: 0; }

.customer-account-index .dashboard .welcome-msg p {
  line-height: 1.4em; }

.customer-account-index .col2-set .col-1,
.customer-account-index .col2-set .col-2 {
  margin: 0;
  width: 50%; }

.my-account {
  font-size: 13px; }

.my-account a {
  color: #111; }

.my-account .messages {
  margin: 0 0 30px 0; }

.customer-account-edit .form-list input[type=text],
.customer-account-edit .form-list input[type=password] {
  width: 330px; }

.customer-account-edit .buttons-set {
  margin-top: 20px; }

.customer-account-edit p.required {
  clear: both;
  margin-top: 20px; }

.customer-address-index .page-title {
  position: relative; }

.customer-address-index .page-title button {
  color: #fff;
  background: #111;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  float: left;
  display: block;
  line-height: 1em;
  margin-right: 1px;
  padding: 4px 24px;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: -4px; }

.customer-address-index h2.sub-title {
  margin-top: 0; }

.customer-address-index .col2-set .col-1,
.customer-address-index .col2-set .col-2 {
  margin: 0;
  width: 50%; }

.customer-address-index .info-box {
  margin-bottom: 30px; }

.customer-address-form .form-list input[type=text],
.customer-address-form .form-list input[type=password] {
  width: 330px; }

.customer-address-form .buttons-set {
  margin-top: 20px; }

.customer-address-form p.required {
  clear: both;
  margin-top: 20px; }

#my-orders-table {
  margin-bottom: 20px; }

#my-orders-table tr th:nth-child(3),
#my-orders-table tr td:nth-child(3) {
  text-align: left; }

.order-page .col2-set .col-1,
.order-page .col2-set .col-2 {
  margin: 0;
  width: 50%; }

.order-page .info-box {
  margin-bottom: 30px; }

.order-page .title-buttons {
  position: relative; }

.order-page .title-buttons a,
.order-page .title-buttons .separator {
  display: none; }

.order-info {
  margin-bottom: 30px; }

.order-info dt {
  color: #111;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 10px; }

.order-info dd ul {
  overflow: hidden; }

.order-info dd ul li {
  color: #666;
  float: left;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  padding-right: 10px; }

.order-info dd ul li a {
  color: #666;
  display: block; }

.order-date {
  margin-bottom: 20px; }

.sales-order-view h2.table-caption {
  margin-top: 0; }

.order-links a {
  color: #111; }

.order-items p.a-right {
  display: none; }

.order-items .data-table {
  margin-bottom: 30px; }

.order-items .data-table th,
.order-items .data-table .a-center,
.order-items .data-table td {
  text-align: left;
  line-height: 1.4em; }

.order-items .data-table .nobr {
  white-space: nowrap; }

.order-items tfoot .a-right {
  padding: 5px 15px; }

.order-items .item-options dt {
  margin-top: 6px; }

.order-additional {
  line-height: 1.4em;
  margin-bottom: 20px; }

.billing-agreements .info-box {
  margin: 30px 0; }

.recurring-profiles div {
  margin: 0 0 30px 0; }

.newsletter-manage-index .buttons-set {
  margin-top: 30px; }

#customerbalance-history th,
#customerbalance-history td {
  text-align: left; }

#gc-please-wait {
  display: block;
  margin-bottom: 20px;
  overflow: hidden; }

#gc-please-wait img {
  padding-right: 6px; }

#gc-please-wait * {
  vertical-align: middle; }

#giftcard_balance_lookup .gift-card-info,
#giftcard_balance_lookup .error-msg {
  line-height: 1.4em;
  margin-bottom: 20px; }

#giftcard-form #giftcard_code {
  background: #e5e5e5;
  border: 0;
  color: #111;
  padding: 5px;
  width: 330px; }

#giftcard-form .buttons-set {
  margin-top: 30px; }

#giftcard-form .buttons-set button {
  margin-right: 1px; }

#invitations-list-table {
  margin-bottom: 30px; }

#invitations-list-table th,
#invitations-list-table td {
  text-align: left; }

#invitationForm .form-list input[type=text],
#invitationForm .form-list input[type=password],
#invitationForm .form-list textarea {
  width: 330px; }

#invitationForm .buttons-set {
  margin-top: 20px; }

#invitationForm p.required {
  clear: both;
  margin-top: 20px; }

.page-popup .page-title {
  overflow: hidden;
  position: relative; }

.page-popup .page-title button {
  color: #fff;
  background: #111;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  float: left;
  display: block;
  line-height: 1em;
  margin-right: 1px;
  padding: 4px 24px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  text-transform: uppercase;
  top: 36px; }

.page-popup .sub-title {
  margin: 0 10px; }

.page-popup .table-wrapper {
  margin: 0 10px; }

.tracking-table-popup th,
.tracking-table-popup td {
  text-align: left; }

.tracking-table-popup .label {
  border: 0; }

.page-popup .buttons-set {
  margin-top: 30px; }

.page-print {
  line-height: 1.4em;
  margin: 20px; }

.page-print * {
  font-size: 12px; }

.page-print .print-head {
  margin-bottom: 10px; }

.page-print h1 {
  margin-bottom: 2px; }

.page-print h2 {
  margin-bottom: 10px; }

.page-print h3 {
  margin-bottom: 10px; }

.page-print .col2-set {
  width: 100%;
  margin-bottom: 20px;
  float: left; }

.page-print .col2-set .col-1,
.page-print .col2-set .col-2 {
  width: 50%;
  margin: 0;
  float: left; }

.page-print .data-table {
  width: 100%;
  margin-bottom: 20px; }

.page-print .data-table a {
  color: #000; }

.page-print .data-table th,
.page-print .data-table .a-center,
.page-print .data-table td {
  text-align: left;
  line-height: 1.4em; }

.page-print .data-table .nobr {
  white-space: nowrap; }

.page-print .data-table td,
.page-print .data-table td,
.page-print .data-table td {
  padding: 5px 15px; }

/* _affiliates.scss */
#affiliates {
  margin: 0 0 60px 0; }

#affiliates a {
  text-decoration: none; }

#affiliates a:hover {
  text-decoration: underline; }

#affiliates h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#affiliates h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#affiliates .image {
  float: left;
  margin: 0 10px 40px 10px;
  width: 1180px; }

#affiliates .image img {
  display: block;
  width: 100%; }

#affiliates .image ul {
  list-style: none;
  margin: 12px 0 0 0; }

#affiliates .image ul li {
  float: left;
  margin: 0 4px 0 0; }

#affiliates .image ul li a {
  background: #666;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 8px;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: -moz-opacity 0.2s ease;
  -webkit-transition: -webkit-opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 8px; }

#affiliates .image ul li.active a,
#affiliates .image ul li a:hover {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

#affiliates .row {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%; }

#affiliates .group {
  float: left;
  margin: 0 10px;
  position: relative;
  width: 940px; }

#affiliates .statement {
  float: left;
  margin: 0 10px;
  width: 220px; }

#affiliates .statement h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 56px;
  text-transform: uppercase; }

#affiliates .paid {
  float: left;
  margin-bottom: 40px;
  width: 100%; }

#affiliates .paid img {
  float: right; }

#affiliates .paid p {
  line-height: 1.6em; }

#affiliates .how {
  float: left;
  margin-bottom: 40px;
  width: 100%; }

#affiliates .how ol {
  list-style: decimal;
  font-size: 24px;
  line-height: 1.6em; }

#affiliates .how li {
  margin-left: 32px; }

#affiliates .how .apply {
  float: right; }

#affiliates .how .apply a {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  float: right;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /* -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; */
  width: 100px; }

#affiliates .samples {
  float: left;
  width: 100%; }

#affiliates .samples img {
  max-width: 100%; }

/* _cart.scss */
#cart {
  margin: 0 0 60px 0;
  overflow: hidden; }

#cart a {
  text-decoration: none; }

#cart a:hover {
  text-decoration: underline; }

#cart h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px 20px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#cart .messages {
  border-bottom: 1px solid #ccc;
  margin: 0 10px 10px 10px;
  padding-bottom: 20px; }

#cart .messages .success-msg {
  color: #2ae98f;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 72px;
  line-height: 68px;
  text-transform: uppercase; }

#cart .messages .error-msg {
  color: #ff3000;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 72px;
  line-height: 68px;
  text-transform: uppercase; }

#cart form {
  font-size: 13px;
  margin: 0 10px;
  padding-top: 20px; }

#cart .data-table th {
  color: #333;
  font-size: 12px;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif; }

#cart .data-table td {
  vertical-align: middle; }

#cart .data-table .image {
  width: 220px;
  text-align: left; }

#cart .data-table .product-name {
  text-align: left; }

#cart .data-table .product-name h2 {
  font-size: 14px;
  margin-bottom: 6px; }

#cart .data-table .product-name h2 a {
  color: #111; }

#cart .data-table .product-name .item-options {
  color: #666;
  font-size: 12px; }

#cart .data-table .product-name .item-msg {
  color: #ff3000;
  font-size: 12px;
  margin-top: 8px;
  width: 65%; }

#cart .data-table .product-name .edit {
  font-size: 12px;
  margin-top: 8px; }

#cart .data-table .subtotal {
  text-align: right; }

#cart .data-table input.qty {
  border: 1px solid #ccc;
  font-size: 13px;
  text-align: center; }

#cart .data-table tfoot td {
  overflow: hidden; }

#cart .btn-update {
  background: transparent;
  border: 0;
  font-size: 12px;
  float: right;
  margin: 12px 0; }

#cart .continue-shopping {
  float: left;
  margin: 30px 10px 0 10px; }

#cart .continue-shopping button {
  color: #666;
  background: #e5e5e5;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  line-height: 1em;
  margin-right: 1px;
  padding: 14px 24px;
  text-decoration: none;
  text-transform: uppercase; }

#cart .totals {
  float: right;
  margin: 30px 10px 0 10px; }

#shopping-cart-totals-table {
  font-size: 13px;
  width: 220px; }

#shopping-cart-totals-table .a-right {
  text-align: right; }

#shopping-cart-totals-table td {
  padding: 0 0 20px 0; }

#shopping-cart-totals-table td:first-child,
#shopping-cart-totals-table th:first-child {
  text-align: left; }

#shopping-cart-totals-table tfoot td {
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 18px; }

#cart .checkout-types {
  margin-top: 20px; }

#cart .checkout-types li {
  overflow: hidden; }

#cart .totals button {
  color: #fff;
  background: #111;
  border: 0;
  display: block;
  float: right;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-decoration: none;
  text-transform: uppercase; }

#cart .crosssell {
  margin: 40px 0 20px 0;
  overflow: hidden; }

#cart .crosssell h2 {
  font-size: 14px;
  margin: 0 10px 20px 10px; }

#cart .crosssell .product {
  color: #666;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  width: 220px;
  float: left; }

#cart .crosssell .product .image {
  position: relative;
  width: 220px; }

#cart .crosssell .product .image img {
  display: block;
  width: 220px; }

#cart .crosssell .product h3 {
  color: #333;
  line-height: 1.2em;
  margin-top: 12px; }

#cart .crosssell .product h3 a {
  color: #333; }

#cart .crosssell .product h4 {
  line-height: 1.2em;
  margin-top: 6px; }

#cart .crosssell .product h4 a {
  color: #666; }

#cart .crosssell .product .colors {
  color: #2ae98f;
  white-space: nowrap; }

#cart .crosssell .product .buttons {
  margin-top: 15px; }

#cart .crosssell .product button {
  color: #fff;
  background: #000;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
  text-transform: uppercase; }

#cart .crosssell .sixth {
  display: none; }

#cart .empty {
  margin: 0 10px 60px 10px; }

#cart .empty h2 {
  color: #f2f2f2;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 144px;
  line-height: 118px;
  margin-bottom: 30px;
  text-transform: uppercase; }

#cart .empty p {
  font-size: 12px;
  margin-top: 10px; }

#cart .empty p a {
  color: #111;
  text-decoration: underline; }

/* _category.scss */
#category {
  margin-top: 20px; }

#category nav {
  margin-top: 0; }

#category .container {
  overflow: hidden;
  position: relative; }

#category a {
  text-decoration: none; }

#category a:hover {
  text-decoration: underline; }

#category a.active {
  text-decoration: underline; }

#category .feature {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0 10px;
  position: relative;
  width: 700px; }

/* #category .feature .holiday_circle {
	background: url('../images/holiday_circle.png') left top no-repeat;
	height: 140px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 140px;
	} */
#category .feature .images {
  height: 645px;
  overflow: hidden;
  position: relative;
  width: 700px; }

#category .feature .images .wrapper {
  width: 700px;
  position: absolute; }

#category .feature .images img {
  display: block;
  float: left;
  width: 700px; }

#category .feature ul {
  margin-top: 9px; }

#category .feature li {
  display: inline;
  line-height: 1.6em; }

#category .feature li a {
  color: #666; }

#category .feature li.active a {
  text-decoration: underline; }

#category .feature_header {
  margin: 0 10px 20px 10px; }

#category .feature_header img {
  width: 100%; }

#category .brand {
  color: #666;
  height: 363px;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  width: 460px;
  float: left; }

#category .brand img {
  display: block;
  margin-bottom: 20px; }

#category .brand h2 {
  color: #333;
  font-size: 18px;
  margin-bottom: 12px; }

#category .brand p {
  color: #666;
  font-size: 12px;
  line-height: 1.4em; }

#category .promo {
  color: #666;
  height: 363px;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  width: 220px;
  float: left; }

#category .more {
  color: #666;
  cursor: pointer;
  height: 282px;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  width: 220px;
  float: left; }

#category .more a {
  background: #999;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 60px;
  line-height: 100px;
  margin-top: -50px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  top: 50%;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 100px; }

#category .more:hover a,
#category .more a:hover {
  background: #666; }

#category .more hr {
  background: #e8e8e8;
  border: 0;
  height: 1px;
  margin: -1px 0 0 180px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1; }

#category .product {
  color: #666;
  height: 363px;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  width: 220px;
  float: left; }

#category .product .image {
  position: relative;
  width: 220px; }

#category .product .image img {
  display: block;
  width: 220px; }

#category .product .image .quick_view {
  background: url("../images/icon_quick_view.png") left top no-repeat;
  bottom: 0;
  display: none;
  height: 27px;
  position: absolute;
  right: 0;
  width: 27px; }

#category .product .image:hover .quick_view {
  display: block; }

#category .product .image .badge {
  cursor: pointer;
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 46px; }

#category .product .image .backinstock {
  background: url("../images/badge_backinstock.png") left bottom no-repeat; }

#category .product .image .exclusive {
  background: url("../images/badge_exclusive.png") left bottom no-repeat; }

#category .product .image .favorite {
  background: url("../images/badge_favorite.png") left bottom no-repeat; }

#category .product .image .preorder {
  background: url("../images/badge_preorder.png") left bottom no-repeat; }

#category .product h3 {
  color: #333;
  line-height: 1.2em;
  margin-top: 12px; }

#category .product h3 a {
  color: #333; }

#category .product h4 {
  line-height: 1.2em;
  margin-top: 6px; }

#category .product h4 a {
  color: #666; }

#category .product .colors {
  color: #2ae98f;
  white-space: nowrap; }

#category .bottom {
  width: 100%;
  float: left; }

#category .bottom nav {
  margin: 0 10px; }

#category .empty {
  margin: 0 10px 60px 10px; }

#category .empty h2 {
  color: #f2f2f2;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 144px;
  line-height: 118px;
  margin-bottom: 30px;
  text-transform: uppercase; }

#category .empty p {
  font-size: 12px;
  margin-top: 10px; }

#category .empty p a {
  color: #111;
  text-decoration: underline; }

#quick_view {
  height: 100%;
  left: 0;
  overflow: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

#quick_view .overlay {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }

#quick_view_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px; }

#quick_view iframe {
  background-color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.quickview-index-index {
  background: none transparent; }

.quickview-index-index .controls {
  overflow: hidden;
  margin: 60px 10px 20px 10px; }

.quickview-index-index .controls li {
  margin-left: 8px; }

.quickview-index-index .controls .spinner {
  display: block;
  float: left;
  height: 30px;
  width: 30px; }

.quickview-index-index .controls .prev {
  background: url("../images/icon_quick_view_prev.gif") center center no-repeat;
  display: block;
  float: right;
  height: 30px;
  width: 30px; }

.quickview-index-index .controls .next {
  background: url("../images/icon_quick_view_next.gif") center center no-repeat;
  display: block;
  float: right;
  height: 30px;
  width: 30px; }

.quickview-index-index .controls .close {
  background: url("../images/icon_quick_view_close.gif") center center no-repeat;
  display: block;
  float: right;
  height: 30px;
  width: 30px; }

.quickview-index-index .controls .disabled {
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1; }

.quickview-index-index .product {
  left: 50%;
  margin-left: -600px;
  position: absolute;
  top: 0;
  width: 1200px; }

.quickview-index-index .product .container {
  overflow: hidden; }

.quickview-index-index .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.quickview-index-index .product .view_detail {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  bottom: -30px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 30px;
  line-height: 100px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px; }

.quickview-index-index .product .view_detail:hover {
  text-decoration: underline; }

.quickview-index-index .product .media {
  width: 761px;
  margin: 0 10px 60px 10px;
  float: left; }

.quickview-index-index .product .media .image {
  width: 700px;
  margin-right: 1px;
  float: left; }

.quickview-index-index .product .media .image img {
  width: 700px; }

.quickview-index-index .product .media .thumbs {
  float: left;
  overflow: hidden;
  width: 60px; }

.quickview-index-index .product .media .thumbs li {
  margin-bottom: 1px; }

.quickview-index-index .product .media .thumbs img {
  display: block; }

.quickview-index-index .product .details {
  width: 399px;
  margin: 0 10px 60px 10px;
  float: left; }

.quickview-index-index .product .details h1 {
  color: #111;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 8px;
  text-transform: uppercase; }

.quickview-index-index .product .details h2 {
  color: #333;
  font-size: 18px;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  line-height: 1em; }

.quickview-index-index .product .details h3 {
  color: #333;
  font-size: 18px;
  line-height: 1em; }

.quickview-index-index .product .original_price {
  color: #999;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 4px;
  text-decoration: line-through; }

.quickview-index-index .product .details h4 {
  color: #666;
  font-size: 13px;
  line-height: 1em;
  margin: 30px 0 10px 0;
  text-transform: none; }

.quickview-index-index .details .options {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 25px 0 30px 0;
  text-transform: uppercase; }

.quickview-index-index .details .options > ul {
  float: left; }

.quickview-index-index .details .options ul > li {
  display: block;
  float: left;
  margin-right: 20px;
  position: relative;
  width: 130px; }

.quickview-index-index .details .options ul > li.disabled {
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5; }

.quickview-index-index .details .options > ul > li > a {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  /* margin-bottom: 4px; */
  padding-left: 15px;
  position: relative;
  text-decoration: none; }

.quickview-index-index .details .options > ul > li > a.active {
  background: #ebebeb; }

.quickview-index-index .details .options > ul > li > a:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  top: 16px;
  content: '';
  height: 0;
  right: 12px;
  position: absolute;
  width: 0; }

.quickview-index-index .details .options ul li ul {
  border-bottom: 0;
  display: none;
  position: absolute;
  width: 130px;
  z-index: 1; }

.quickview-index-index .details .options ul li ul li {
  display: block;
  width: 130px; }

.quickview-index-index .details .options ul li ul li a {
  background: #ebebeb;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  text-decoration: none; }

.quickview-index-index .details .options ul li ul li a:hover {
  background: #d9d9d9; }

.quickview-index-index .details .options .quantity {
  color: #666;
  float: left;
  font-size: 14px;
  margin: 0; }

.quickview-index-index .details .options .quantity p {
  float: left;
  line-height: 40px;
  margin-right: 10px; }

.quickview-index-index .details .options .quantity fieldset {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  height: 40px;
  float: left;
  width: 40px; }

.quickview-index-index .details .options .quantity fieldset:hover {
  /* border-color: #999; */ }

.quickview-index-index .details .options .quantity fieldset input {
  background: transparent;
  border: 0;
  color: #666;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1em;
  margin-top: 11px;
  outline: none;
  text-align: center;
  width: 38px; }

.quickview-index-index .details .options .validation-advice {
  color: #ff3000;
  padding: 4px 0; }

.quickview-index-index .details .phone_order {
  color: #111;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  margin: 25px 0 30px 0; }

.quickview-index-index .details .phone_order a {
  color: #111;
  text-decoration: none; }

.quickview-index-index .details .phone_order a:hover {
  text-decoration: underline; }

.quickview-index-index .details .buttons-disabled {
  height: 30px; }

.quickview-index-index .product .details .buttons {
  margin: 30px 0 40px 0; }

.quickview-index-index .product .details .buttons button {
  color: #fff;
  background: #000;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  float: left;
  display: block;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
  text-transform: uppercase; }

.quickview-index-index .product .details .buttons button:first-child {
  margin-right: 20px; }

.quickview-index-index .product .details .buttons .wishlist {
  background: #ccc; }

.quickview-index-index .product .details .additional ul {
  margin-bottom: 20px;
  overflow: hidden; }

.quickview-index-index .product .details .additional ul li {
  float: left;
  margin-right: 24px; }

.quickview-index-index .product .details .additional ul li a {
  color: #666;
  display: block;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1em;
  padding: 0 0 3px 0;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid transparent; }

.quickview-index-index .product .details .additional ul li a:hover {
  border-bottom: 1px solid #666; }

.quickview-index-index .product .details .additional ul li a.active {
  border-bottom: 1px solid #666; }

.quickview-index-index .product .details .additional p,
.quickview-index-index .product .details .additional div {
  color: #666;
  display: none;
  font-size: 12px;
  line-height: 1.4em; }

.quickview-index-index .product .details .additional p a {
  color: #111; }

.quickview-index-index .product .details .additional .shipping h4 {
  margin-bottom: 10px;
  text-transform: uppercase; }

.quickview-index-index .product .details .additional .shipping table {
  margin-bottom: 12px;
  width: 100%; }

.quickview-index-index .product .details .additional .shipping table td {
  padding-bottom: 2px; }

.quickview-index-index .product .details .additional .shipping table tfoot td {
  padding-top: 8px; }

.quickview-index-index .product .details .additional .shipping a {
  color: #666;
  text-decoration: underline; }

.quickview-index-index .product .details .additional .status,
.quickview-index-index .product .details .additional .status a {
  color: #ff3000; }

.quickview-index-index .product .details .additional .status a:hover,
.quickview-index-index .product .details .additional .status a.active {
  border-color: #ff3000; }

.quickview-index-index .product .share {
  height: 100px;
  float: left;
  margin: 40px 0;
  overflow: hidden;
  width: 220px; }

.quickview-index-index .product .share a,
.quickview-index-index .product .share span {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px; }

.quickview-index-index .product .share ul {
  display: none;
  overflow: visible; }

.quickview-index-index .product .share ul li {
  float: left;
  margin: 0 5px 0 0; }

.quickview-index-index .product .share .facebook {
  background: #3b5898; }

.quickview-index-index .product .share .twitter {
  background: #00abed; }

.quickview-index-index .product .share .facebook:hover,
.quickview-index-index .product .share .twitter:hover {
  text-decoration: underline; }

.quickview-index-index .product .related {
  float: left;
  margin: 0;
  width: 600px; }

.quickview-index-index .product .related h5 {
  border-top: 1px solid #ccc;
  font-size: 14px;
  line-height: 1em;
  margin: 40px 10px 15px 10px;
  padding: 40px 0 0 0; }

.quickview-index-index .product .related li {
  float: left;
  margin: 0 10px;
  width: 100px; }

.quickview-index-index .product .giftcard-form .form-list input[type=text],
.quickview-index-index .product .giftcard-form .form-list textarea {
  width: 330px; }

.quickview-index-index .product .giftcard-form .availability {
  display: none; }

/* _contest.scss */
#contest {
  margin: 0 0 60px 0; }

#contest a {
  text-decoration: none; }

#contest a:hover {
  text-decoration: underline; }

#contest h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#contest h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#contest .image {
  float: left;
  margin: 0 10px 40px 10px;
  width: 1180px; }

#contest .image img {
  display: block;
  width: 100%; }

#contest .row {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%; }

#contest .group {
  float: left;
  margin: 0 10px;
  position: relative;
  width: 940px; }

#contest .statement {
  float: left;
  margin: 0 10px;
  width: 220px; }

#contest .statement h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 56px;
  text-transform: uppercase; }

#contest .how {
  float: left;
  width: 100%; }

#contest .how a {
  color: #222;
  text-decoration: underline; }

#contest .how ol {
  list-style: decimal;
  font-size: 24px;
  line-height: 1.6em; }

#contest .how li {
  margin-left: 32px; }

#contest .how p {
  line-height: 1.4em;
  padding-top: 30px; }

#contest .share {
  overflow: hidden;
  padding-top: 30px; }

#contest .share a,
#contest .share span {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px; }

#contest .share ul {
  display: none;
  overflow: visible; }

#contest .share ul li {
  float: left;
  margin: 0 5px 0 0; }

#contest .share .facebook {
  background: #3b5898; }

#contest .share .twitter {
  background: #00abed; }

#contest .share .facebook:hover,
#contest .share .twitter:hover {
  text-decoration: underline; }

/* _checkout.scss */
#checkout {
  margin: 0 0 60px 0; }

#checkout a {
  color: #111;
  text-decoration: none; }

#checkout a:hover {
  text-decoration: underline; }

#checkout_success {
  margin: 0 0 60px 0; }

#checkout_success a {
  color: #111;
  text-decoration: none; }

#checkout_success a:hover {
  text-decoration: underline; }

#checkout_success h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#checkout_success .message {
  color: #333;
  font-size: 13px;
  margin: 0 10px; }

#checkout_success .message h2 {
  color: #2ae98f;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 72px;
  line-height: 1em;
  text-transform: uppercase; }

#checkout_success .message p {
  line-height: 1.4em; }

#checkout_success .message p.order_number {
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  margin: 20px 0; }

#checkout_success .message p.order_number a {
  text-decoration: underline; }

#checkout_success .next_steps {
  border-top: 1px solid #ccc;
  margin: 30px 10px 0 10px;
  padding-top: 30px; }

/* _contact.scss */
#contact {
  margin: 30px 0 60px 0; }

#contact a {
  text-decoration: none; }

#contact a:hover {
  text-decoration: underline; }

#contact h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#contact .image {
  margin: 0 10px 30px 10px;
  width: 1180px; }

#contact .image img {
  width: 100%; }

#contact .information {
  color: #666;
  float: left;
  font-size: 13px;
  margin: 0 10px;
  width: 220px; }

#contact .information h2 {
  color: #111;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 54px;
  margin-bottom: 20px;
  text-transform: uppercase; }

#contact .information p {
  line-height: 1.4em;
  margin-bottom: 20px; }

#contact .information p strong {
  text-transform: uppercase; }

#contact .information p a {
  color: #666; }

#contact .information ul {
  overflow: hidden; }

#contact .information ul li {
  display: block;
  float: left;
  margin-right: 10px; }

#contact .form {
  float: left;
  margin: 0 10px;
  width: 700px; }

#contact .form form {
  margin-bottom: 60px;
  overflow: hidden;
  width: 700px; }

#contact .form fieldset {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px 0 2px 0; }

#contact .form fieldset.message {
  background: url("../images/contact_textarea.jpg") left top;
  border: 0;
  height: 261px;
  margin-top: 20px;
  padding: 0; }

#contact .form input[type=text] {
  background: transparent;
  border: 0;
  color: #666;
  font-size: 14px;
  margin: 0;
  outline: none;
  width: 100%; }

#contact .form textarea {
  background: transparent;
  border: 0;
  color: #666;
  display: block;
  height: 261px;
  font-size: 14px;
  line-height: 29px;
  outline: none;
  overflow: auto;
  resize: none;
  width: 100%; }

#contact .form button {
  color: #fff;
  background: #000;
  border: 0;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 22px;
  float: left;
  display: block;
  line-height: 1em;
  margin: 30px 0 0 0;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  width: 220px; }

#contact .form .error input[type=text],
#contact .form .error textarea {
  color: #ff3000; }

#contact .form p {
  color: #f2f2f2;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 120px;
  line-height: 100px;
  text-transform: uppercase; }

#contact .chat {
  color: #666;
  float: left;
  margin: 0 10px;
  width: 220px; }

#contact .chat a,
#contact .chat span {
  /* color: #111;
  background: $need-yellow; */
  color: #999;
  background: #e8e8e8;
  -moz-border-radius: 120px;
  -webkit-border-radius: 120px;
  border-radius: 120px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  float: right;
  display: block;
  height: 120px;
  line-height: 120px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /* -webkit-transform: rotate(-30deg); 
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; */
  width: 120px; }

#contact .chat a:hover {
  /* -webkit-transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  transform: rotate(0deg); */ }

#contact .chat-available a,
#contact .chat-available span {
  color: #111;
  background: #fffb29; }

/* _error.scss */
#error {
  background: #2ae98f;
  overflow: hidden; }

#error h1 {
  color: #fff;
  font-size: 70px;
  line-height: 1em;
  margin: 0 10px;
  padding-top: 60px; }

#error form {
  overflow: hidden;
  margin: 60px 10px; }

#error form fieldset {
  border-bottom: 1px solid #fff;
  display: block; }

#error form fieldset input {
  background: transparent;
  border: 0;
  color: #111;
  color: rgba(0, 0, 0, 0.2);
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 58px;
  margin: 0;
  outline: none;
  padding: 0;
  text-transform: uppercase; }

#error form fieldset input:hover {
  color: #fff; }

#error form fieldset button {
  background: #fff;
  border: 0;
  color: #2ae98f;
  float: right;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 70px;
  margin: 0;
  padding: 0 24px; }

#error form fieldset button:hover {
  background: #eee;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer; }

#error form p {
  color: #666;
  color: rgba(0, 0, 0, 0.4);
  margin: 20px 0; }

#error form p a {
  color: #666;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px; }

.cms-no-route #newsletter_bar {
  display: none; }

/* _footer.scss */
footer {
  color: #666;
  font-size: 14px;
  padding: 0 0 70px 0;
  overflow: hidden; }

footer .border {
  border-top: 1px solid #ccc;
  height: 1px;
  margin: 0 10px;
  padding: 0 0 35px 0; }

.cms-jobs footer .border,
.cms-no-route footer .border {
  border: 0; }

footer a {
  color: #666;
  text-decoration: none; }

footer a:hover {
  text-decoration: underline; }

footer h5 {
  color: #000;
  margin-bottom: 10px; }

footer ul li {
  margin-bottom: 10px; }

footer .logo {
  float: left;
  margin: 0 10px;
  width: 580px; }

footer .newsletter {
  float: left;
  margin: 0 10px;
  width: 580px; }

footer .newsletter form {
  float: right; }

footer .newsletter input[type=email] {
  color: #999;
  background: #e5e5e5;
  border: 0;
  font-size: 10px;
  line-height: 1em;
  margin-right: 10px;
  padding: 6px;
  text-transform: uppercase;
  width: 160px; }

footer .spacer {
  height: 20px; }

footer .location {
  float: left;
  margin: 0 10px;
  width: 220px; }

footer .location p {
  line-height: 1.4em; }

footer .connect,
footer .help,
footer .company {
  float: left;
  margin: 0 10px;
  width: 160px; }

footer .legal {
  border-top: 1px solid #ccc;
  color: #333;
  float: left;
  margin: 40px 10px 0 10px;
  padding-top: 20px;
  width: 1180px; }

footer .legal a {
  color: #333; }

footer .copyright,
footer .documents {
  float: left;
  width: 50%; }

footer .documents {
  float: right; }

footer .documents li {
  float: right;
  margin-left: 30px; }

/* _general.scss */
#general {
  margin: 0 0 60px 0; }

#general a {
  text-decoration: none; }

#general a:hover {
  text-decoration: underline; }

#general h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#general .sections {
  color: #666;
  float: left;
  margin: 0 10px;
  width: 220px; }

#general .sections h3 {
  color: #111;
  font-size: 13px;
  margin-bottom: 20px;
  text-transform: uppercase; }

#general .sections li {
  font-size: 13px;
  line-height: 1.8em; }

#general .sections li a {
  color: #666;
  text-decoration: none; }

#general .sections li a:hover {
  text-decoration: underline; }

#general .content {
  color: #000;
  float: left;
  margin: 0 10px;
  width: 940px; }

#general .content a {
  color: #000; }

#general .content h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 80px;
  line-height: 76px;
  text-transform: uppercase; }

#general .content h3 {
  font-size: 30px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  margin-bottom: 25px;
  text-transform: uppercase; }

#general .content h4 {
  font-size: 16px;
  margin-bottom: 18px; }

#general .content p {
  line-height: 1.6em;
  margin-bottom: 25px; }

#general .content ul {
  list-style: disc;
  line-height: 1.6em;
  margin-bottom: 30px; }

#general .content ul li {
  padding: 0;
  margin-left: 18px; }

#general .content blockquote p {
  padding-left: 18px; }

#general .content ul {
  list-style: disc;
  line-height: 1.6em;
  margin-bottom: 1em; }

#general .content ul li {
  padding: 0;
  margin-left: 24px;
  margin-bottom: 1em; }

#general .content ol {
  list-style: decimal;
  line-height: 1.6em;
  margin-bottom: 1em; }

#general .content ol li {
  padding: 0;
  margin-left: 24px;
  margin-bottom: 1em; }

#general .content ol p {
  line-height: 1.6em;
  margin-bottom: 1em; }

#general .content ol ol {
  list-style: lower-alpha; }

#general .content > ul,
#general .content > ol {
  margin-bottom: 24px; }

#general .content .last {
  margin: 0; }

#general hr {
  height: 1px;
  background-color: #d5d5d5;
  border: 0;
  margin-bottom: 25px; }

#general .content table {
  width: 100%;
  margin-bottom: 25px; }

#general .content table td {
  width: 33%;
  padding: 10px; }

#general .content table .odd td {
  background-color: #eaeaea; }

/* _header.scss */
header {
  background: #111;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  height: 40px;
  position: relative;
  text-transform: uppercase; }

header.above {
  z-index: 9999; }

header .logo {
  float: left;
  margin: 0 10px;
  width: 220px; }

header .logo a {
  display: block;
  margin-top: 10px; }

header .primary {
  float: left;
  margin: 0 10px;
  overflow: hidden; }

header .primary ul {
  border-left: 1px solid #4d4d4d;
  float: left; }

header .primary li {
  border-right: 1px solid #4d4d4d;
  float: left;
  height: 40px; }

header .primary li a {
  color: #fff;
  display: block;
  font-size: 16px;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  padding: 0 32px;
  position: relative;
  text-decoration: none; }

header .primary li a span {
  display: block;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: opacity 0.1s ease;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

header .primary li a:hover span,
header .primary li a.active span {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7; }

header .primary li a.active:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  bottom: 0;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  width: 0; }

.cms-no-route header .primary li a.active:after,
header .newsletter_bar li a.active:after {
  border-bottom-color: #2ae98f; }

header .secondary {
  float: right;
  margin: 0 10px; }

header .secondary ul {
  float: right; }

header .secondary ul > li {
  color: #999;
  display: block;
  float: left;
  height: 40px;
  padding-left: 10px; }

header .secondary ul > li a {
  color: #fff;
  font-size: 14px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  text-decoration: none;
  -moz-transition: opacity 0.1s ease;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

header .secondary ul > li span {
  display: block;
  line-height: 40px; }

header .secondary ul > li a:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7; }

header .secondary .cart {
  background: url(../images/icon_cart.png) 0 11px no-repeat;
  padding-left: 24px; }

header .secondary .header_widget {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  display: none;
  float: none;
  left: 0;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index: 1; }

header .secondary .header_widget li {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  float: none;
  height: auto;
  text-align: left;
  overflow: hidden; }

header .secondary .header_widget li a {
  color: #000;
  display: block;
  line-height: 1em;
  padding: 8px 0; }

header .secondary .header_widget li a:hover {
  color: #666;
  text-decoration: none; }

header .secondary .header_widget .last {
  border: 0; }

header .secondary .header_widget span {
  display: block;
  float: left;
  line-height: normal;
  width: 40px; }

header .secondary .disabled {
  display: none; }

#quick_cart_widget {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  display: none;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  float: none;
  left: 0;
  line-height: 12px;
  padding: 0 10px;
  position: absolute;
  text-transform: none;
  top: 0;
  width: 220px;
  z-index: 9999; }

#quick_cart_widget a {
  height: auto;
  letter-spacing: normal;
  line-height: normal;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  text-decoration: none;
  -moz-transition: none;
  -webkit-transition: none; }

#quick_cart_widget span {
  display: inline;
  height: auto;
  letter-spacing: normal;
  line-height: normal;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  text-decoration: none;
  -moz-transition: none;
  -webkit-transition: none; }

#quick_cart_widget ul {
  float: none;
  overflow: hidden; }

#quick_cart_widget li {
  color: #222;
  display: block;
  height: auto;
  float: none;
  overflow: hidden;
  padding: 0; }

#quick_cart_widget .products {
  max-height: 393px;
  overflow-y: auto; }

#quick_cart_widget .products li {
  border-bottom: 1px solid #ccc;
  margin-top: 20px;
  padding: 0 10px 20px 10px; }

#quick_cart_widget .products h4 {
  color: #222;
  font-size: 14px;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  margin-bottom: 6px; }

#quick_cart_widget .products h4 a {
  color: #222;
  display: block; }

#quick_cart_widget .products h4 a img {
  display: block;
  float: left;
  margin-right: 20px;
  width: 70px; }

#quick_cart_widget .products p {
  font-size: 12px;
  margin: 0 0 0 90px; }

#quick_cart_widget .buttons {
  overflow: hidden;
  padding: 10px 0; }

#quick_cart_widget .view_cart {
  float: left;
  width: 100px; }

#quick_cart_widget .view_cart a {
  color: #222;
  display: block;
  font-size: 14px;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  line-height: 18px;
  margin-left: 10px;
  padding: 14px 0;
  text-align: center;
  width: 70px; }

#quick_cart_widget .checkout {
  float: left;
  width: 120px; }

#quick_cart_widget .checkout a {
  color: #fff;
  background: #111;
  border: 0;
  display: block;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

#quick_cart_widget .message {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.1em;
  padding: 20px 10px 0 10px;
  text-transform: uppercase; }

#quick_cart_widget .success {
  color: #2ae98f; }

#quick_cart_widget .error {
  color: #ff3000;
  padding: 20px 10px; }

#quick_cart_spinner {
  height: 80px;
  overflow: hidden;
  width: 100%; }

/* #holiday_bar {
	color: #eee;
	background: #fff;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-family: $proxima-nova-extracond;
	line-height: 1em;
	height: 40px;
	}
#holiday_bar a {
	color: $need-green;
	display: block;
	line-height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	} */
#messaging_bar {
  margin: 20px 0; }

#messaging_bar p {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0 10px;
  text-transform: uppercase; }

.cms-home #messaging_bar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.cms-home #messaging_bar .container {
  margin: 0 auto; }

.catalog-category-view #messaging_bar,
.catalog-product-view #messaging_bar {
  margin-top: -10px; }

.checkout-cart-index #messaging_bar {
  margin-bottom: 0; }

/* _help.scss */
#help {
  margin: 0 0 60px 0; }

#help .container {
  position: relative; }

#help a {
  text-decoration: none; }

#help a:hover {
  text-decoration: underline; }

#help h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#help .sections {
  color: #666;
  float: left;
  margin: 0 10px;
  width: 220px; }

#help .sections h3 {
  color: #111;
  font-size: 13px;
  margin-bottom: 20px;
  text-transform: uppercase; }

#help .sections li {
  font-size: 13px;
  line-height: 1.8em; }

#help .sections li a {
  color: #666;
  text-decoration: none; }

#help .sections li a:hover {
  text-decoration: underline; }

#help .content {
  color: #000;
  float: left;
  margin: 0 10px;
  width: 700px; }

#help .content a {
  color: #000;
  text-decoration: underline; }

#help .content .jump {
  color: #111;
  font-size: 18px;
  margin: 40px 0 50px 0;
  position: relative; }

#help .content .jump a {
  text-decoration: none; }

#help .content .jump:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #777;
  top: 14px;
  content: '';
  height: 0;
  right: 10px;
  position: absolute;
  width: 0; }

#help .content .jump dt a {
  background: #f0f0f0;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  display: block;
  padding: 10px 8px; }

#help .content .jump dt a:hover {
  background: #e4e4e4;
  cursor: pointer;
  text-decoration: none; }

#help .content .jump dl {
  display: none; }

#help .content .jump dl > dd a {
  background: #f0f0f0;
  display: block;
  padding: 10px 8px; }

#help .content .jump dl > dd a:hover {
  background: #e4e4e4;
  cursor: pointer;
  text-decoration: none; }

#help .content .active dt a {
  background: #e4e4e4;
  cursor: pointer;
  text-decoration: none; }

#help .content .active:after {
  border-bottom: 8px solid #777;
  border-top: 0; }

#help .content h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 80px;
  line-height: 76px;
  text-transform: uppercase; }

#help .content h3 {
  font-size: 30px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  margin-bottom: 25px;
  text-transform: uppercase; }

#help .content h4 {
  font-size: 16px;
  margin-bottom: 18px; }

#help .content p {
  line-height: 1.6em;
  margin-bottom: 25px; }

#help .content ul {
  list-style: disc;
  line-height: 1.6em;
  margin-bottom: 30px; }

#help .content ul li {
  padding: 0;
  margin-left: 18px; }

#help .content .last {
  margin: 0; }

#help hr {
  height: 1px;
  background-color: #d5d5d5;
  border: 0;
  margin-bottom: 25px; }

#help .content table {
  width: 100%;
  margin-bottom: 25px; }

#help .content table td {
  padding: 10px;
  white-space: nowrap; }

#help .content table .odd td {
  background-color: #eaeaea; }

#help .information {
  color: #666;
  float: left;
  margin: 0 0 0 110px;
  width: 120px; }

#help .information .chat {
  color: #666;
  float: right;
  width: 120px; }

#help .information .chat a,
#help .information .chat span {
  /* color: #111;
  background: $need-yellow; */
  color: #999;
  background: #e8e8e8;
  -moz-border-radius: 120px;
  -webkit-border-radius: 120px;
  border-radius: 120px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  display: block;
  height: 120px;
  line-height: 120px;
  margin-bottom: 40px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /* -webkit-transform: rotate(-30deg); 
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; */
  width: 120px; }

#help .information .chat a:hover {
  /* -webkit-transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  transform: rotate(0deg); */ }

#help .information .chat-available a,
#help .information .chat-available span {
  color: #111;
  background: #fffb29; }

/* _home.scss */
#home_feature {
  /* background: url(../images/temp_hero.jpg) center top no-repeat; */
  height: 620px;
  min-width: 960px;
  position: relative; }

#home_feature .hero {
  background-position: center top;
  -moz-background-size: auto 620px;
  -webkit-background-size: auto 620px;
  background-size: auto 620px;
  height: 620px; }

#home_feature .hero a {
  display: block;
  height: 620px; }

#home_feature_images {
  display: none; }

#home .hero_nav {
  color: #666;
  font-size: 20px;
  margin: 30px 10px;
  overflow: hidden; }

#home .hero_nav a {
  color: #666;
  text-decoration: none; }

#home .hero_nav a:hover {
  text-decoration: underline; }

#home .hero_nav .labels {
  float: left;
  width: 90%; }

#home .hero_nav .labels li {
  display: inline;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

#home .hero_nav .pages {
  float: right; }

#home .hero_nav .pages li {
  float: left; }

#home .hero_nav .pages li a {
  display: block; }

#home .hero_nav .pages .prev {
  margin-left: 8px; }

#home .hero_nav .pages .prev span {
  border-top: 6px solid transparent;
  border-right: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  display: block;
  height: 0;
  width: 0; }

#home .hero_nav .pages .prev:hover span {
  border-right: 6px solid #999; }

#home .hero_nav .pages .next {
  margin-left: 8px; }

#home .hero_nav .pages .next span {
  border-top: 6px solid transparent;
  border-left: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  display: block;
  height: 0;
  width: 0; }

#home .hero_nav .pages .next:hover span {
  border-left: 6px solid #999; }

#home_grid {
  overflow: hidden;
  padding-bottom: 40px; }

#home_grid_loading {
  height: 100px; }

#home_grid .wrapper {
  display: none; }

#home_grid a {
  text-decoration: none; }

#home_grid a:hover {
  text-decoration: underline; }

#home .product {
  float: left;
  margin: 0 10px 20px 10px;
  position: relative;
  width: 280px; }

#home .product img {
  max-width: 100%; }

#home .product .badge {
  cursor: pointer;
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 46px; }

#home .product .back-in-stock {
  background: url("../images/badge_backinstock.png") left bottom no-repeat; }

#home .product .exclusive {
  background: url("../images/badge_exclusive.png") left bottom no-repeat; }

#home .product .favorite {
  background: url("../images/badge_favorite.png") left bottom no-repeat; }

#home .lookbook {
  float: left;
  margin: 0 10px 20px 10px;
  width: 430px; }

#home .lookbook img {
  max-width: 100%; }

#home .events {
  float: left;
  margin: 0 10px 20px 10px;
  width: 130px; }

#home .events img {
  max-width: 100%;
  width: 130px; }

#home .blog {
  float: left;
  margin: 0 10px 20px 10px;
  width: 280px; }

#home .blog a {
  color: #111; }

#home .blog img {
  display: block;
  width: 100%; }

#home .blog h3 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1em;
  margin: 22px 0 18px 0;
  text-transform: uppercase; }

#home .blog p {
  font-size: 12px;
  line-height: 1.4em; }

#home .blog .footer {
  border-bottom: 2px solid #ccc;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding: 6px 0; }

#home .instagram {
  float: left;
  margin: 0 10px 20px 10px;
  width: 130px; }

#home .instagram img {
  max-width: 100%; }

#home .instagram ul {
  display: none; }

#home .tweet {
  border-top: 1px solid #ccc;
  float: left;
  font-size: 12px;
  line-height: 1.4em;
  margin: 0 10px 20px 10px;
  padding-top: 12px;
  width: 280px; }

#home .tweet a {
  color: #222; }

#home .tweet .username {
  display: block;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  text-decoration: none; }

#home .tweet img {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  width: 48px; }

#home .tweet p {
  float: left;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  width: 212px; }

#home .tweet .footer {
  border-bottom: 2px solid #ccc;
  border-top: 1px solid #ccc;
  clear: both;
  color: #666;
  float: none;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 6px 0;
  text-transform: none;
  width: 100%; }

#home .tumblr {
  float: left;
  margin: 0 10px 20px 10px;
  width: 280px; }

#home .tumblr img {
  max-width: 100%; }

/* _jobs.scss */
#jobs {
  margin: 0 0 60px 0; }

#jobs a {
  text-decoration: none; }

#jobs a:hover {
  text-decoration: underline; }

#jobs h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#jobs h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#jobs hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 0 10px 24px 10px; }

#jobs .row {
  overflow: hidden;
  position: relative; }

#jobs .quotes {
  margin: 0 10px 40px 10px;
  overflow: hidden;
  position: relative; }

#jobs .quotes p {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 144px;
  line-height: 118px;
  text-align: center;
  text-transform: uppercase; }

#jobs .quotes .variable_center {
  float: left;
  left: 50%;
  position: relative; }

#jobs .quotes .variable_center .wrapper {
  float: left;
  left: -50%;
  position: relative; }

#jobs .quotes ul {
  list-style: none;
  margin: 12px auto 0 auto;
  overflow: hidden; }

#jobs .quotes ul li {
  float: left;
  margin: 0 4px 0 0;
  width: 8px; }

#jobs .quotes ul li a {
  background: #666;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 8px;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: -moz-opacity 0.2s ease;
  -webkit-transition: -webkit-opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 8px; }

#jobs .quotes ul li a:hover {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

#jobs .company {
  color: #666;
  float: left;
  font-size: 13px;
  margin: 0 10px;
  width: 220px; }

#jobs .company h3 {
  border: 0;
  padding: 0; }

#jobs .company li {
  line-height: 1.6em; }

#jobs .company a {
  color: #666; }

#jobs .about {
  width: 700px;
  margin: 0 10px 40px 10px;
  float: left; }

#jobs .about h4 {
  font-size: 24px;
  line-height: 1.3em;
  margin-bottom: 40px; }

#jobs .about img {
  display: block;
  margin: 0 auto; }

#jobs .share {
  float: right;
  margin-left: 120px;
  width: 100px; }

#jobs .share a,
#jobs .share span {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px; }

#jobs .share ul {
  display: none;
  overflow: visible; }

#jobs .share ul li {
  margin: 0 0 5px 0; }

#jobs .share .facebook {
  background: #3b5898; }

#jobs .share .twitter {
  background: #00abed; }

#jobs .share .facebook:hover,
#jobs .share .twitter:hover {
  text-decoration: underline; }

#jobs .group {
  float: left;
  margin-left: 240px;
  position: relative;
  width: 960px; }

#jobs .virtues {
  float: left;
  margin: 0 0 40px 10px;
  width: 720px; }

#jobs .virtues h3 {
  width: 700px; }

#jobs .virtues .item {
  float: left;
  margin-right: 20px;
  width: 220px; }

#jobs .virtues .last {
  margin: 0; }

#jobs .virtues .item h4 {
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  text-transform: uppercase; }

#jobs .virtues .item p {
  color: #666;
  line-height: 1.6em;
  min-height: 200px; }

#jobs .openings {
  float: left;
  margin: 0 10px 40px 10px;
  width: 700px; }

#jobs .openings .positions,
#jobs .openings .resumator-home-joblist {
  float: left;
  width: 220px; }

#jobs .openings .positions li,
#jobs .openings .resumator-home-joblist .resumator-job {
  line-height: 1.2em;
  margin-bottom: 20px; }

#jobs .openings .positions li a,
#jobs .openings .resumator-home-joblist .resumator-job-title a {
  color: #111;
  display: block; }

#jobs .openings .positions li span,
#jobs .openings .resumator-home-joblist .resumator-job-info {
  color: #666; }

#jobs .openings .image {
  float: right;
  margin-left: 20px;
  width: 460px; }

#jobs .openings .image ul {
  list-style: none;
  margin: 12px auto 0 auto;
  overflow: hidden; }

#jobs .openings .image ul li {
  float: left;
  margin: 0 4px 0 0;
  width: 8px; }

#jobs .openings .image ul li a {
  background: #666;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 8px;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: -moz-opacity 0.2s ease;
  -webkit-transition: -webkit-opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 8px; }

#jobs .openings .image ul li.active a,
#jobs .openings .image ul li a:hover {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

#jobs .press {
  float: left;
  margin: 0 0 0 10px;
  width: 720px; }

#jobs .press h3 {
  width: 700px; }

#jobs .press li {
  float: left;
  margin-right: 20px;
  width: 220px; }

#jobs .press .last {
  margin: 0; }

#jobs .instagram {
  margin: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 220px; }

#jobs .instagram .photo {
  margin-bottom: 20px; }

#jobs .instagram .photo a,
#jobs .instagram .photo img {
  display: block;
  width: 220px; }

#jobs .instagram .photo ul {
  color: #999;
  font-size: 12px;
  overflow: hidden;
  padding-top: 8px; }

#jobs .instagram .photo .likes {
  background: url("../images/icon_instagram_likes.png") 0 0 no-repeat;
  float: left;
  padding-left: 14px;
  margin-right: 10px; }

#jobs .instagram .photo .comments {
  background: url("../images/icon_instagram_comments.png") 0 0 no-repeat;
  padding-left: 18px;
  float: left; }

#jobs .instagram .photo .ago {
  float: right; }

#jobs_roles {
  color: #666;
  background: #fffde9;
  overflow: hidden;
  padding: 40px 0; }

#jobs_roles a {
  text-decoration: none; }

#jobs_roles a:hover {
  text-decoration: underline; }

#jobs_roles h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#jobs_roles p {
  line-height: 1.4em; }

#jobs_roles ul {
  font-size: 13px;
  line-height: 1.4em;
  margin-top: 20px; }

#jobs_roles ul li {
  line-height: 1.6em; }

#jobs_roles ul a {
  color: #666; }

#jobs_roles .circle {
  background: #ccc;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  display: block;
  float: left;
  margin-right: 40px;
  height: 200px;
  width: 200px; }

#jobs_roles .you {
  width: 700px;
  margin: 0 auto 40px auto;
  overflow: hidden; }

#jobs_roles .you .circle {
  background: #fffcb3; }

#jobs_roles .us {
  width: 700px;
  margin: 0 auto;
  overflow: hidden; }

#jobs_roles .us .circle {
  background: #c1fcd4; }

/* _lookbook.scss */
#lookbook {
  margin: 0 0 30px 0; }

#lookbook a {
  color: #111;
  text-decoration: none; }

#lookbook a:hover {
  text-decoration: underline; }

#lookbook h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#lookbook h1 a {
  color: #8d8d8d;
  text-decoration: none; }

#lookbook .latest {
  margin: 0 10px;
  overflow: hidden; }

#lookbook .latest .image {
  position: relative; }

#lookbook .latest img {
  display: block;
  width: 100%; }

#lookbook .latest h2 {
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1em;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase; }

#lookbook .latest p {
  font-size: 14px;
  line-height: 1.4em;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  width: 700px; }

#lookbook .latest .launch {
  display: block; }

#lookbook .latest .launch-circle {
  display: block;
  height: 75px;
  left: 50%;
  margin-left: -75px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 150px; }

#lookbook .latest .launch-circle span {
  color: #222;
  display: block;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  height: 75px;
  line-height: 1em;
  margin-top: 22px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 150px; }

#lookbook .latest .launch-circle i {
  background: #fff;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  display: block;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px; }

#lookbook .archive {
  margin-top: 30px;
  overflow: hidden; }

#lookbook .archive h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin: 0 10px 24px 10px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#lookbook .archive .item {
  float: left;
  margin: 0 10px 30px 10px;
  width: 280px; }

#lookbook .archive .item img {
  display: block;
  margin-bottom: 10px;
  width: 100%; }

#lookbook .archive .item h4 {
  font-size: 12px;
  line-height: 1em; }

#category.lookbook {
  padding-bottom: 50px; }

#lookbook_gallery {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

#lookbook_gallery .overlay {
  background: #fff;
  background: rgba(255, 255, 255, 0.98);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }

#lookbook_gallery_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px; }

/* #lookbook_gallery .title {
	margin: 60px 10px 25px 10px;
	min-height: 30px;
	overflow: hidden;
	position: relative;
	}
#lookbook_gallery .title h1 {
	font-family: $proxima-nova-bold;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;	
	} */
#lookbook_gallery .gallery {
  margin: 20px 10px 0 10px;
  position: relative; }

#lookbook_gallery .close {
  background: url("../images/icon_quick_view_close.gif") center center no-repeat;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px; }

#lookbook_gallery .images {
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

#lookbook_gallery .images .group {
  height: 600px;
  position: absolute;
  z-index: 1; }

#lookbook_gallery .images .group img {
  display: block;
  position: absolute; }

#lookbook_gallery .images a {
  display: block;
  height: inherit;
  position: absolute;
  width: 30%; }

#lookbook_gallery .images a.prev {
  left: 0;
  top: 0; }

#lookbook_gallery .images a.next {
  right: 0;
  top: 0; }

#lookbook_gallery .images a span {
  /* -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  color: #111; */
  display: block;
  height: 80px;
  position: absolute;
  width: 80px; }

#lookbook_gallery .images a.prev span {
  background: transparent url("../images/icon_quick_view_prev.gif") 30px 25px no-repeat;
  left: 10px;
  margin: -40px 0 0 0;
  top: 50%; }

#lookbook_gallery .images a.prev:hover span {
  background-image: url("../images/icon_quick_view_prev.gif"); }

#lookbook_gallery .images a.next span {
  background: transparent url("../images/icon_quick_view_next.gif") 34px 25px no-repeat;
  margin: -40px 0 0 0;
  right: 10px;
  top: 50%; }

#lookbook_gallery .images a.next:hover span {
  background-image: url("../images/icon_quick_view_next.gif"); }

#lookbook_gallery .images .disabled {
  -moz-opacity: 0.2;
  -webkit-opacity: 0.2;
  opacity: 0.2; }

#lookbook_gallery ul {
  text-align: center;
  margin: 15px 0; }

#lookbook_gallery ul li {
  display: inline-block;
  padding: 6px; }

#lookbook_gallery ul a {
  color: #222;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase; }

#lookbook_gallery ul a:hover,
#lookbook_gallery ul li.active a {
  text-decoration: underline; }

/* _meet_the_maker.scss */
#meet_the_maker {
  margin: 0 0 60px 0; }

#meet_the_maker a {
  text-decoration: none; }

#meet_the_maker a:hover {
  text-decoration: underline; }

#meet_the_maker_header {
  background: #ffd3c5;
  margin-bottom: 60px; }

#meet_the_maker_header .heading {
  background: #ff3000; }

#meet_the_maker_header h1 {
  margin: 0 10px 0 250px;
  padding: 48px 0;
  position: relative; }

#meet_the_maker_header h1 img {
  display: block; }

#meet_the_maker_header h1:after {
  border-left: 40px solid #ff3000;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  margin-bottom: -40px;
  position: absolute;
  width: 0; }

#meet_the_maker_header .description p {
  color: #ff3000;
  font-family: 'Times New Roman', Times, serif;
  font-size: 24px;
  font-style: italic;
  line-height: 1.3em;
  margin: 0 10px 0 250px;
  padding: 60px 0;
  width: 700px; }

#meet_the_maker h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#meet_the_maker .schedule {
  float: left;
  font-size: 13px;
  margin: 0 10px;
  width: 220px; }

#meet_the_maker .schedule img {
  display: block;
  margin-bottom: 30px; }

#meet_the_maker .schedule h4 {
  margin-bottom: 4px;
  text-transform: uppercase; }

#meet_the_maker .schedule h4 a {
  color: #111; }

#meet_the_maker .schedule h5 {
  margin-bottom: 4px; }

#meet_the_maker .schedule h6 {
  margin-bottom: 12px; }

#meet_the_maker .schedule p {
  color: #666;
  line-height: 1.4em; }

#meet_the_maker .group {
  float: left;
  width: 480px; }

#meet_the_maker .welcome {
  margin: 0 10px 40px 10px; }

#meet_the_maker .welcome img {
  display: block;
  max-width: 100%; }

#meet_the_maker .welcome ul {
  list-style: none;
  margin: 12px auto 0 auto;
  overflow: hidden; }

#meet_the_maker .welcome ul li {
  float: left;
  margin: 0 4px 0 0;
  width: 8px; }

#meet_the_maker .welcome ul li a {
  background: #666;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 8px;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: -moz-opacity 0.2s ease;
  -webkit-transition: -webkit-opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 8px; }

#meet_the_maker .welcome ul li.active a,
#meet_the_maker .welcome ul li a:hover {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

#meet_the_maker .about {
  line-height: 1.6em;
  margin: 0 10px 40px 10px; }

#meet_the_maker .featuring h3 {
  margin: 0 10px 24px 10px; }

#meet_the_maker .featuring ul {
  overflow: hidden; }

#meet_the_maker .featuring li {
  float: left;
  margin: 0 10px;
  width: 220px; }

#meet_the_maker .videos {
  float: left;
  font-size: 13px;
  width: 480px; }

#meet_the_maker .videos h3 {
  margin: 0 10px 24px 10px; }

#meet_the_maker .videos .video {
  float: left;
  margin: 0 10px 20px 10px;
  width: 220px; }

#meet_the_maker .videos .odd {
  clear: both; }

#meet_the_maker .videos .video img {
  display: block;
  margin-bottom: 20px;
  width: 220px; }

#meet_the_maker .videos .video h4 {
  margin-bottom: 4px;
  text-transform: uppercase; }

#meet_the_maker .videos .video h5 {
  color: #999;
  font-size: 12px; }

#meet_the_maker_video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }

#meet_the_maker_video .overlay {
  background-image: url("../images/quick_view_background.png");
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }

#meet_the_maker_video_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001; }

#meet_the_maker_video .video {
  background: #fff;
  left: 50%;
  margin: -280px 0 0 -440px;
  padding: 40px 30px 60px 30px;
  position: fixed;
  top: 50%;
  width: 820px;
  z-index: 1002; }

#meet_the_maker_video .video .close {
  background: url("../images/icon_modal_close.gif") center center no-repeat;
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px; }

/* _nav.scss */
nav {
  color: #666;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin: 20px 0 30px 0;
  text-transform: uppercase; }

#category nav .container {
  overflow: visible; }

nav a {
  text-decoration: none; }

nav a:hover {
  text-decoration: underline; }

nav a.active {
  text-decoration: underline; }

nav .row {
  margin: 0 10px;
  overflow: hidden; }

nav .row {
  border-bottom: 1px solid #ccc; }

nav .categories {
  float: left; }

nav .categories li {
  color: #999;
  font-size: 24px;
  float: left;
  line-height: 1em;
  padding-right: 8px; }

nav .categories li span,
nav .categories li a {
  color: #999;
  display: block;
  padding: 10px 0; }

nav .categories li a:hover,
nav .categories li a.active {
  color: #666; }

nav .brands {
  background: #ccc;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  float: right; }

nav .subcategories {
  font-size: 14px;
  margin: 14px 0;
  float: left;
  width: 75%; }

nav .subcategories li {
  color: #999;
  font-size: 18px;
  float: left;
  padding-right: 6px; }

nav .subcategories li span,
nav .subcategories li a {
  color: #999;
  display: block; }

nav .subcategories li a:hover,
nav .subcategories li a.active {
  color: #666; }

nav .controls {
  float: right;
  font-size: 14px;
  line-height: 1em;
  margin: 5px 0; }

nav .controls a {
  color: #666; }

nav .controls a:hover {
  color: #666; }

nav .controls .filter {
  /* border-right: 1px solid #ccc; */
  float: right;
  padding: 0 10px; }

nav .controls .filter a {
  display: block;
  padding: 10px 3px; }

nav .controls .view {
  /* border-right: 1px solid #ccc; */
  float: right;
  padding: 0 10px; }

nav .controls .view span,
nav .controls .view a {
  display: block;
  float: left;
  padding: 10px 3px; }

nav .controls .pagination {
  float: right;
  padding: 0 10px 0 7px; }

nav .controls .pagination li {
  float: left; }

nav .controls .pagination li a {
  display: block;
  padding: 10px 3px; }

nav .controls .pagination .last {
  margin-left: 8px;
  padding: 10px 3px; }

nav .controls .pagination .last span {
  border-top: 6px solid transparent;
  border-right: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  display: block;
  height: 0;
  -webkit-transform: rotate(0.1deg);
  moz-transform: rotate(-0.1deg);
  transform: rotate(0.1deg);
  width: 0; }

nav .controls .pagination .last:hover span {
  border-right: 6px solid #999; }

nav .controls .pagination .next {
  margin-left: 8px;
  padding: 10px 3px; }

nav .controls .pagination .next span {
  border-top: 6px solid transparent;
  border-left: 6px solid #ccc;
  border-bottom: 6px solid transparent;
  display: block;
  height: 0;
  -webkit-transform: rotate(0.1deg);
  moz-transform: rotate(-0.1deg);
  transform: rotate(0.1deg);
  width: 0; }

nav .controls .pagination .next:hover span {
  border-left: 6px solid #999; }

nav .bottom {
  margin: 5px 0; }

nav #brands {
  display: none;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  min-height: 100px;
  overflow: hidden;
  padding: 10px 0; }

nav #brands .col {
  float: left;
  margin: 0 10px;
  width: 220px; }

nav #brands a {
  color: #666;
  display: block;
  letter-spacing: normal;
  line-height: 1.2em;
  padding: 4px 0;
  text-transform: none; }

nav #brands .heading {
  color: #111;
  margin-top: 20px;
  text-decoration: underline; }

nav #brands .first {
  margin: 0; }

nav #brands .close {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0 10px 10px 10px;
  overflow: hidden; }

nav #brands .close a {
  color: #666;
  float: right;
  letter-spacing: 1px;
  text-align: right;
  text-transform: uppercase; }

nav #brands hr {
  background: #ccc;
  height: 1px;
  border: 0;
  margin: 20px 10px 0 10px; }

nav #filter {
  display: none;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 10px 0; }

nav #filter .close {
  font-size: 13px;
  margin: 0 10px 10px 10px;
  overflow: hidden; }

nav #filter .close a {
  color: #666;
  float: right;
  letter-spacing: 1px;
  text-align: right;
  text-transform: uppercase; }

nav #filter .heading {
  letter-spacing: normal;
  margin: 0 10px; }

nav #filter .heading h3 {
  color: #111;
  font-size: 36px;
  letter-spacing: normal;
  line-height: 1em;
  margin-bottom: 4px; }

nav #filter .heading p {
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 13px;
  text-transform: none; }

nav #filter .options {
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
  padding-bottom: 10px; }

nav #filter .options > ul {
  float: left;
  margin-top: 15px; }

nav #filter .options ul > li {
  display: block;
  float: left;
  margin-right: 20px;
  position: relative;
  width: 220px; }

nav #filter .options ul > li.size {
  margin-right: 0; }

nav #filter .options > ul > li > a {
  background: #f2f2f2;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 4px;
  padding-left: 15px;
  position: relative;
  text-decoration: none; }

nav #filter .options > ul > li > a:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  top: 16px;
  content: '';
  height: 0;
  right: 12px;
  position: absolute;
  width: 0; }

nav #filter .options ul li ul {
  border: 1px solid #eee;
  border-bottom: 0;
  display: none;
  position: absolute;
  width: 218px;
  z-index: 1; }

nav #filter .options ul li ul li {
  display: block;
  width: 218px; }

nav #filter .options ul li ul li a {
  background: #fff;
  border-bottom: 1px solid #eee;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding-left: 14px;
  text-decoration: none; }

nav #filter .options ul li ul li a:hover {
  background: #eee; }

nav #filter .options .go {
  background: #2ae98f;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  color: #fff;
  display: block;
  height: 70px;
  float: right;
  font-size: 24px;
  line-height: 70px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 70px; }

nav #filter .state {
  float: left;
  margin-top: 10px;
  overflow: hidden;
  width: 100%; }

nav #filter .state a {
  color: #999; }

nav #filter .state ol {
  float: left; }

nav #filter .state ol li {
  float: left;
  margin-right: 15px; }

nav #filter .state .actions {
  float: left; }

/* _newsletter.scss */
#newsletter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999; }

#newsletter .overlay {
  width: 100%;
  height: 100%;
  background-image: url("../images/newsletter_background.png");
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1000; }

#newsletter_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001; }

#newsletter form {
  background: #fff;
  width: 640px;
  left: 50%;
  margin: -150px 0 0 -350px;
  padding: 40px 30px 60px 30px;
  position: fixed;
  top: 50%;
  z-index: 1002; }

#newsletter form .close {
  background: url("../images/icon_newsletter_close.gif") center center no-repeat;
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px; }

#newsletter form .heading {
  overflow: hidden;
  padding-bottom: 20px; }

#newsletter form .heading h3 {
  float: left;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1em; }

#newsletter form .heading p {
  color: #666;
  float: right;
  font-size: 12px; }

#newsletter form .heading p span {
  color: #ff3000; }

#newsletter form fieldset {
  overflow: hidden;
  margin-top: 12px;
  width: 640px; }

#newsletter form fieldset label {
  color: #333;
  display: block;
  font-size: 18px;
  margin-bottom: 10px; }

#newsletter form fieldset label span {
  color: #ff3000; }

#newsletter form fieldset label.option {
  color: #111;
  display: inline;
  font-size: 14px;
  margin: 0; }

#newsletter form fieldset input[type=text] {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 6px;
  width: 626px; }

#newsletter form button {
  color: #fff;
  background: #000;
  border: 0;
  bottom: 30px;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  float: left;
  display: block;
  line-height: 1em;
  padding: 14px 24px;
  position: absolute;
  right: 30px;
  text-transform: uppercase; }

#newsletter form fieldset input.validation-failed {
  border-color: #ff3000; }

#newsletter form .complete p {
  color: #333;
  font-size: 18px;
  line-height: 1.4em;
  margin-top: 12px; }

#newsletter form .complete a {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  margin-top: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px; }

#newsletter form .complete a:hover {
  text-decoration: underline; }

#newsletter_bar {
  background: #2ae98f;
  font-size: 18px;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  display: none;
  line-height: 1em;
  height: 40px; }

#newsletter_bar .container {
  position: relative; }

#newsletter_bar a {
  color: #111; }

#newsletter_bar h4 {
  left: 0;
  line-height: 40px;
  margin-left: 10px;
  position: absolute;
  text-transform: uppercase;
  top: 0; }

#newsletter_bar p {
  line-height: 40px;
  text-align: center;
  text-transform: uppercase; }

#newsletter_bar ul {
  margin: 5px 10px 0 0;
  position: absolute;
  right: 0;
  top: 0; }

#newsletter_bar ul li {
  float: left; }

#newsletter_bar ul .subscribe {
  margin-right: 40px; }

#newsletter_bar ul .subscribe a {
  background: #fff;
  color: #999;
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  text-transform: uppercase; }

#newsletter_bar ul .close a {
  background: url("../images/icon_newsletter_bar_close.png") center center no-repeat;
  display: block;
  height: 28px;
  width: 28px; }

/* _product.scss */
#product {
  margin: 30px 0; }

#product a {
  color: #111;
  text-decoration: none; }

#product a:hover {
  text-decoration: underline; }

#product .container {
  overflow: hidden; }

#product .media {
  width: 550px;
  margin-right: 50px;
  float: left; }

#product .media .image {
  float: left;
  margin: 0 10px;
  position: relative;
  width: 460px; }

#product .media .enlarge {
  bottom: 0;
  right: 0;
  position: absolute; }

#product .media .enlarge a {
  background: url("../images/product_enlarge.png") left top no-repeat;
  display: block;
  height: 42px;
  width: 42px; }

#product .media .thumbs {
  width: 70px;
  float: left; }

#product .media .thumbs li {
  margin-bottom: 10px; }

#product .media .thumbs img {
  display: block; }

#product .details {
  width: 460px;
  margin: 20px 10px 0 10px;
  float: left; }

#product .details h1 {
  color: #111;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 8px;
  text-transform: uppercase; }

#product .details h2 {
  color: #333;
  font-size: 18px;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  line-height: 1em; }

#product .details h2 a {
  color: #333; }

#product .details h3 {
  color: #333;
  font-size: 20px;
  line-height: 1em; }

#product .details .original_price {
  color: #999;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 4px;
  text-decoration: line-through; }

#product .details .out_of_stock {
  color: #ff3000;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 25px 0 10px 0; }

#product .details .alert-stock {
  margin-bottom: 25px; }

#product .details .alert-stock a {
  font-size: 13px;
  text-decoration: underline; }

#product .details .options {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 25px 0 30px 0;
  text-transform: uppercase; }

#product .details .options > ul {
  float: left; }

#product .details .options ul > li {
  display: block;
  float: left;
  margin-right: 20px;
  position: relative;
  width: 130px; }

#product .details .options ul > li.disabled {
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5; }

#product .details .options > ul > li > a {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  /* margin-bottom: 4px; */
  padding-left: 15px;
  position: relative;
  text-decoration: none; }

#product .details .options > ul > li > a.active {
  background: #ebebeb; }

#product .details .options > ul > li > a:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  top: 16px;
  content: '';
  height: 0;
  right: 12px;
  position: absolute;
  width: 0; }

#product .details .options ul li ul {
  border-bottom: 0;
  display: none;
  position: absolute;
  width: 130px;
  z-index: 999; }

#product .details .options ul li ul li {
  display: block;
  width: 130px; }

#product .details .options ul li ul li a {
  background: #ebebeb;
  color: #666;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  text-decoration: none; }

#product .details .options ul li ul li a:hover {
  background: #d9d9d9; }

#product .details .options .quantity {
  color: #666;
  float: left;
  font-size: 14px;
  margin: 0; }

#product .details .options .quantity p {
  float: left;
  line-height: 40px;
  margin-right: 10px; }

#product .details .options .quantity fieldset {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  height: 40px;
  float: left;
  width: 40px; }

#product .details .options .quantity fieldset:hover {
  /* border-color: #999; */ }

#product .details .options .quantity fieldset input {
  background: transparent;
  border: 0;
  color: #666;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1em;
  margin-top: 11px;
  outline: none;
  text-align: center;
  width: 38px; }

#product .details .options .validation-advice {
  color: #ff3000;
  padding: 6px 0;
  position: absolute;
  z-index: -1; }

#product .details .phone_order {
  color: #111;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  margin: 25px 0 30px 0; }

#product .details .buttons-disabled {
  height: 30px; }

#product .details .buttons {
  margin: 30px 0 60px 0; }

#product .details .buttons button,
#product .details .buttons .wishlist {
  color: #fff;
  background: #000;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  float: left;
  display: block;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
  text-transform: uppercase; }

#product .details .buttons button::-moz-focus-inner {
  border: 0;
  padding: 0; }

#product .details .buttons .wishlist {
  background: #ccc;
  line-height: 1em;
  text-decoration: none; }

#product .details .buttons button:first-child {
  margin-right: 20px; }

#product .details .buttons .split-button.light {
  display: block;
  float: left; }

#product .details .buttons .split-button.light * {
  text-decoration: none; }

#product .details .buttons .split-button.light strong {
  background: #ccc;
  border: 0;
  color: #fff;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 46px;
  line-height: 46px;
  padding-left: 24px;
  text-transform: uppercase; }

#product .details .buttons .split-button.light {
  width: 158px; }

#product .details .buttons .split-button.light .change {
  height: 46px;
  width: 158px; }

#product .details .buttons .split-button.light .change:after {
  right: 22px;
  top: 20px; }

#product .details .additional ul {
  margin-bottom: 20px;
  overflow: hidden; }

#product .details .additional ul li {
  float: left;
  margin-right: 24px; }

#product .details .additional ul li a {
  color: #666;
  display: block;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1em;
  padding: 0 0 3px 0;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid transparent; }

#product .details .additional ul li a:hover {
  border-bottom: 1px solid #666; }

#product .details .additional ul li a.active {
  border-bottom: 1px solid #666; }

#product .details .additional p,
#product .details .additional div {
  color: #666;
  display: none;
  font-size: 12px;
  line-height: 1.4em; }

#product .details .additional p a {
  color: #111; }

#product .details .additional .shipping h4 {
  margin-bottom: 10px;
  text-transform: uppercase; }

#product .details .additional .shipping table {
  margin-bottom: 12px;
  width: 100%; }

#product .details .additional .shipping table td {
  padding-bottom: 2px; }

#product .details .additional .shipping table tfoot td {
  padding-top: 8px; }

#product .details .additional .shipping a {
  color: #666;
  text-decoration: underline; }

#product .details .additional .status,
#product .details .additional .status a {
  color: #ff3000; }

#product .details .additional .status a:hover,
#product .details .additional .status a.active {
  border-color: #ff3000; }

#product .share {
  float: left;
  margin: 20px 10px 0 10px;
  width: 100px; }

#product .share a,
#product .share span {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px; }

#product .share ul {
  display: none;
  overflow: visible; }

#product .share ul li {
  margin: 0 0 5px 0; }

#product .share .facebook {
  background: #3b5898; }

#product .share .twitter {
  background: #00abed; }

#product .share .facebook:hover,
#product .share .twitter:hover {
  text-decoration: underline; }

#product .related {
  float: left;
  margin: 0;
  width: 600px; }

#product .related h5 {
  border-top: 1px solid #ccc;
  font-size: 14px;
  line-height: 1em;
  margin: 40px 10px 15px 10px;
  padding: 40px 0 0 0; }

#product .related li {
  float: left;
  margin: 0 10px;
  width: 100px; }

#product .bottom {
  width: 100%;
  float: left; }

#product .recommended {
  float: left;
  width: 100%; }

#product .recommended a {
  text-decoration: none; }

#product .recommended a:hover {
  text-decoration: underline; }

#product .recommended h5 {
  border-top: 1px solid #ccc;
  font-size: 14px;
  line-height: 1em;
  margin: 0 10px 15px 10px;
  padding: 40px 0 0 0; }

#product .recommended .product {
  color: #666;
  height: 365px;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  width: 220px;
  float: left; }

#product .recommended .product img {
  display: block;
  width: 220px; }

#product .recommended .product h3 {
  color: #333;
  line-height: 1em;
  margin-top: 12px; }

#product .recommended .product h3 a {
  color: #333; }

#product .recommended .product h4 {
  line-height: 1em;
  margin-top: 6px; }

#product .recommended .product h4 a {
  color: #666; }

#product .recommended .fifth {
  display: none; }

#product .giftcard-form .form-list input[type=text],
#product .giftcard-form .form-list textarea {
  width: 330px; }

#product .giftcard-form .availability {
  display: none; }

#modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999; }

#modal .overlay {
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1000; }

#modal .gallery {
  width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 1001; }

#modal .gallery .image {
  position: absolute; }

#modal .gallery ul {
  margin-left: 1px;
  left: 700px;
  position: absolute; }

#modal .gallery ul li {
  width: 70px;
  margin-bottom: 1px;
  display: block; }

#modal .gallery ul .thumb {
  height: 90px; }

#modal .gallery img {
  cursor: pointer; }

#modal .gallery ul .close a {
  background: url("../images/icon_media_close.gif") center center no-repeat;
  display: block;
  height: 70px;
  width: 70px; }

/* _rss.scss */
#rss {
  margin: 0 0 60px 0; }

#rss a {
  text-decoration: none; }

#rss a:hover {
  text-decoration: underline; }

#rss h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }

#rss h3 {
  color: #111;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#rss .feeds {
  margin: 0 10px; }

#rss .feeds a {
  display: block; }

#rss .feeds th,
#rss .feeds td {
  text-align: left; }

#rss .feeds .label a {
  color: #111; }

#rss .feeds .url {
  text-align: right; }

/* _search.scss */
#search_modal {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

#search_modal .overlay {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0; }

#search {
  margin-top: 120px;
  min-height: 100px;
  position: relative; }

#search_form {
  overflow: hidden;
  margin: 60px 10px; }

#search_form fieldset {
  border-bottom: 1px solid #ccc;
  display: block;
  overflow: hidden; }

#search_form fieldset input {
  background: transparent;
  border: 0;
  color: #ccc;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 58px;
  margin: 0;
  outline: none;
  padding: 0;
  text-transform: uppercase;
  width: 90%; }

#search_form fieldset input:hover,
#search_form fieldset input.active {
  color: #666; }

#search_form fieldset button {
  background: #ccc;
  border: 0;
  color: #fff;
  float: right;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 70px;
  margin: 0;
  padding: 0 24px; }

#search_form fieldset button:hover {
  background: #666;
  cursor: pointer; }

#search_form p {
  margin: 20px 0; }

#search_form p a {
  color: #666;
  font-size: 12px; }

#search_results {
  margin: 30px 0 0 0; }

#search_results a {
  text-decoration: none; }

#search_results a:hover {
  text-decoration: underline; }

#search_results #search_form {
  margin: 40px 10px; }

#search_results #search_form fieldset input:hover,
#search_results #search_form fieldset input.active {
  color: #222; }

#search_results h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 30px;
  margin: 40px 10px;
  text-transform: uppercase; }

#search_results p {
  font-size: 12px;
  line-height: 1.6em;
  margin: 0 10px; }

#search_results .no_results {
  margin-bottom: 60px;
  position: relative; }

#search_results .no_results h2 {
  color: #f2f2f2;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 144px;
  line-height: 118px;
  margin-bottom: 30px;
  padding-right: 240px;
  text-transform: uppercase; }

#search_results .no_results p {
  font-size: 12px;
  margin-top: 10px; }

#search_results .no_results p a {
  color: #111;
  text-decoration: underline; }

#search_results .no_results .new_search {
  background: #2ae98f;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  display: block;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 18px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100px; }

/* _warby_parker.scss */
#warby-parker {
  margin: 0 0 60px 0; }

#warby-parker a {
  text-decoration: none; }

#warby-parker a:hover {
  text-decoration: underline; }

#warby-parker .header {
  margin: 100px 10px;
  text-align: center;
  width: 1180px; }

#warby-parker .header h1 {
  font-size: 30px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 25px;
  text-transform: uppercase; }

#warby-parker .header p {
  line-height: 1.4em; }

#warby-parker .grid {
  margin: 0 auto;
  overflow: hidden;
  width: 1053px; }

#warby-parker .grid .image {
  float: left;
  margin: 0 1px 1px 0;
  width: 350px; }

#warby-parker .grid .image img {
  display: block;
  max-width: 100%; }

/* _wishlist.scss */
.wishlist-management {
  margin-bottom: 20px; }

.wishlist-management .sub-title {
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif; }

.wishlist-management .sub-title h2 {
  font-size: 36px;
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 4px;
  text-transform: uppercase; }

.wishlist-management .sub-title .note-msg {
  margin-bottom: 8px; }

.wishlist-management .table-caption {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif; }

#wishlist-create-button {
  color: #fff;
  background: #000;
  border: 0;
  float: right;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
  text-transform: uppercase; }

#wishlist-table {
  border-bottom: 1px solid #ccc;
  margin: 0 0 30px 0;
  width: 100%; }

#wishlist-table th {
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  padding: 0 0 10px 0; }

#wishlist-table td,
#wishlist-table tbody td {
  padding: 20px 0;
  text-align: left;
  vertical-align: top; }

#wishlist-table tbody td {
  text-align: left;
  vertical-align: middle; }

#wishlist-table .even {
  background-color: #fff; }

#wishlist-table textarea {
  width: 300px;
  background-color: #e5e5e5;
  border: none; }

#wishlist-table .item-manage {
  margin-top: 8px; }

#wishlist-table .product-name,
#wishlist-table .description,
#wishlist-table .price-box,
#wishlist-table .add-to-cart-alt {
  margin-bottom: 10px; }

#wishlist-table .price-box .old-price,
#wishlist-table .price-box .price-label {
  display: none; }

#wishlist-table .cart-cell {
  padding-right: 40px; }

#wishlist-table .cart-cell .btn-cart {
  color: #fff;
  background: #000;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  line-height: 1em;
  margin: 15px 0 0 0;
  padding: 14px 24px;
  text-transform: uppercase; }

#wishlist-table .item-options dl {
  overflow: hidden; }

#wishlist-table .item-options dt,
#wishlist-table .item-options dd {
  float: left;
  margin: 0 10px 0 0 !important;
  padding: 0; }

#wishlist-table .description {
  display: none; }

#wishlist-table .btn-remove2 {
  white-space: nowrap; }

#wishlist-table .nobr {
  white-space: nowrap; }

#wishlist-table .a-center {
  text-align: left; }

#wishlist-table .truncated .truncated_full_value dt {
  margin-top: 10px; }

#wishlist-table .truncated .details {
  display: none; }

.wishlist-index-index .buttons-set2 {
  margin-bottom: 30px;
  overflow: hidden; }

.wishlist-index-index .buttons-set2 button {
  margin-right: 1px; }

.wishlist-index-share p.required {
  clear: both;
  margin-bottom: 20px; }

.wishlist-index-configure .add-to-links li a {
  color: #fff !important;
  background: #ccc;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  float: left;
  display: block;
  line-height: 1em;
  margin-right: 1px;
  padding: 14px 24px;
  text-decoration: none !important;
  text-transform: uppercase; }

.wishlist-index-configure .add-to-links .separator {
  display: none; }

#wishlist_info {
  width: 1200px;
  margin: 0 auto 60px auto; }

#wishlist_info a {
  text-decoration: none; }

#wishlist_info a:hover {
  text-decoration: underline; }

#wishlist_info .info-box {
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
  padding-bottom: 30px; }

#wishlist_info .info-box h2 {
  font-family: "proxima_nova_excn_ltsemibold", Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 1.2em;
  text-transform: uppercase; }

#wishlist_info .info-box h3 {
  font-size: 13px;
  line-height: 1.4em; }

#wishlist_info .items {
  margin: 30px 0;
  overflow: hidden; }

#wishlist_info .items .product {
  color: #666;
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  width: 220px;
  float: left; }

#wishlist_info .items .product .image {
  position: relative;
  width: 220px; }

#wishlist_info .items .product .image img {
  display: block;
  width: 220px; }

#wishlist_info .items .product h3 {
  color: #333;
  line-height: 1.2em;
  margin-top: 12px; }

#wishlist_info .items .product h3 a {
  color: #333; }

#wishlist_info .items .product h4 {
  line-height: 1.2em;
  margin-top: 6px; }

#wishlist_info .items .product h4 a {
  color: #666; }

#wishlist_info .items .product .colors {
  color: #2ae98f;
  white-space: nowrap; }

#wishlist_info .items .product .buttons {
  margin-top: 15px; }

#wishlist_info .items .product button {
  color: #fff;
  background: #000;
  border: 0;
  font-family: "proxima_nova_excn_rgregular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
  text-transform: uppercase; }

#wishlist_info .items .product .comment,
#wishlist_info .items .product .checkbox {
  margin-top: 10px; }

#wishlist_info .items .product input[type=checkbox] {
  margin-left: 0; }

#wishlist_info .buttons-set {
  margin: 0 10px; }

#wishlist_info .buttons-set2 {
  border-top: 1px solid #ccc;
  overflow: hidden;
  padding-top: 30px; }

#wishlist_info .buttons-set2 button {
  margin-right: 1px; }

#wishlist-public-url {
  margin-bottom: 20px;
  overflow: hidden;
  width: 520px; }

#wishlist-public-url strong {
  display: block;
  font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 4px; }

#wishlist-public-url textarea {
  background: #e5e5e5;
  border: 0;
  padding: 5px;
  width: 510px; }