@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-black.eot");
  src: url("fonts/roboto-black.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-black.woff2") format('woff2'), url("fonts/roboto-black.woff") format('woff'), url("fonts/roboto-black.ttf") format('truetype'), url("fonts/roboto-black.svg#robotoblack") format('svg');
  font-weight: bolder;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-blackitalic.eot");
  src: url("fonts/roboto-blackitalic.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-blackitalic.woff2") format('woff2'), url("fonts/roboto-blackitalic.woff") format('woff'), url("fonts/roboto-blackitalic.ttf") format('truetype'), url("fonts/roboto-blackitalic.svg#robotoblack_italic") format('svg');
  font-weight: bolder;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-bold.eot");
  src: url("fonts/roboto-bold.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-bold.woff2") format('woff2'), url("fonts/roboto-bold.woff") format('woff'), url("fonts/roboto-bold.ttf") format('truetype'), url("fonts/roboto-bold.svg#robotobold") format('svg');
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-bolditalic.eot");
  src: url("fonts/roboto-bolditalic.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-bolditalic.woff2") format('woff2'), url("fonts/roboto-bolditalic.woff") format('woff'), url("fonts/roboto-bolditalic.ttf") format('truetype'), url("fonts/roboto-bolditalic.svg#robotobold_italic") format('svg');
  font-weight: bold;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-italic.eot");
  src: url("fonts/roboto-italic.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-italic.woff2") format('woff2'), url("fonts/roboto-italic.woff") format('woff'), url("fonts/roboto-italic.ttf") format('truetype'), url("fonts/roboto-italic.svg#robotoitalic") format('svg');
  font-weight: normal;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-light.eot");
  src: url("fonts/roboto-light.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-light.woff2") format('woff2'), url("fonts/roboto-light.woff") format('woff'), url("fonts/roboto-light.ttf") format('truetype'), url("fonts/roboto-light.svg#robotolight") format('svg');
  font-weight: lighter;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'robotolight_italic';
  src: url("fonts/roboto-lightitalic.eot");
  src: url("fonts/roboto-lightitalic.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-lightitalic.woff2") format('woff2'), url("fonts/roboto-lightitalic.woff") format('woff'), url("fonts/roboto-lightitalic.ttf") format('truetype'), url("fonts/roboto-lightitalic.svg#robotolight_italic") format('svg');
  font-weight: lighter;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-regular.eot");
  src: url("fonts/roboto-regular.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-regular.woff2") format('woff2'), url("fonts/roboto-regular.woff") format('woff'), url("fonts/roboto-regular.ttf") format('truetype'), url("fonts/roboto-regular.svg#robotoregular") format('svg');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-thin.eot");
  src: url("fonts/roboto-thin.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-thin.woff2") format('woff2'), url("fonts/roboto-thin.woff") format('woff'), url("fonts/roboto-thin.ttf") format('truetype'), url("fonts/roboto-thin.svg#robotothin") format('svg');
  font-weight: 100;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Roboto';
  src: url("fonts/roboto-thinitalic.eot");
  src: url("fonts/roboto-thinitalic.eot?#iefix") format('embedded-opentype'), url("fonts/roboto-thinitalic.woff2") format('woff2'), url("fonts/roboto-thinitalic.woff") format('woff'), url("fonts/roboto-thinitalic.ttf") format('truetype'), url("fonts/roboto-thinitalic.svg#robotothin_italic") format('svg');
  font-weight: 100;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  min-width: 320px;
  color: #3c3c3b;
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}
h2 {
  overflow: hidden;
  font-weight: normal;
}
h4 {
  text-align: center;
  margin: 0;
  padding: 1.2em 0;
  font-size: 1.2em;
}
h5 {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-size: 1em;
}
h1 {
  text-align: center;
  padding: 1em 0;
  margin: 0;
  font-weight: 500;
  padding-bottom: 1.1em;
  text-transform: uppercase;
  color: #3c3c3b;
}
table {
  font-size: inherit;
}
.strong {
  font-weight: bold;
}
button {
  font-size: 1em;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
.input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.3em 0.5em;
  line-height: 1.8em;
  box-sizing: border-box;
  font-size: 1.2em;
  margin: 0.2em 0;
  color: #414042;
  background-color: #fff;
  border: 1px solid #414042;
  border-radius: 0;
  font-family: inherit;
}
select {
  max-width: 100%;
  font-size: 1em;
  padding-right: 1.7em;
  background: url("/images/br-down.png") no-repeat right 0.5em center;
  background-size: 1.1em;
}
.primary-bg {
  background-color: #a48a67;
  color: #fff;
}
.primary-border {
  border-color: #a48a67 !important;
}
.primary-color {
  color: #a48a67;
}
a {
  color: #a48a67;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.banner-overlay {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.1;
}
.banner-fixed {
  background-attachment: fixed;
}
* {
/*box-sizing: border-box;*/
  font-family: "Roboto", sans-serif;
}
::-webkit-input-placeholder {
  font-family: Roboto, sans-serif;
}
:-moz-placeholder {
  font-family: Roboto, sans-serif;
}
::-moz-placeholder {
  font-family: Roboto, sans-serif;
}
:-ms-input-placeholder {
  font-family: Roboto, sans-serif;
}
.allocation-header {
  width: 100%;
  box-sizing: border-box;
  background: #ededed;
}
.allocation-header--free {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.allocation-header--free.allocation-header--val {
  padding: 1em 1.2em 1em;
}
.allocation-header--free.allocation-header--qty {
  height: 6em;
  line-height: 6em;
}
.allocation-header > p {
  margin-top: 0;
  font-weight: bold;
}
.allocation-header__strand-title {
  font-weight: bold;
  font-size: 1.3em;
}
.allocation-header__section {
  position: relative;
}
.allocation-header__bar {
  border: 1px solid #a7a9ac;
  border-collapse: collapse;
  width: 100%;
  height: 2.5em;
  margin-bottom: 0.3em;
}
.allocation-header__legend {
  font-size: 1em;
  position: relative;
}
.allocation-header__legend-heading {
  text-align: left;
  font-size: 1.1em;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
.allocation-header__legend-item {
  display: block;
  margin-right: 1em;
  font-size: 1.1em;
  line-height: 1.3em;
}
.allocation-header__overlay {
  position: absolute;
  top: 1px;
  height: 1.25em;
  right: 1px;
}
.allocation-header__marker {
  position: absolute;
  background-color: #333;
  height: 3em;
  width: 2px;
  top: -0.25em;
  right: -1px;
}
.allocation-header__amounts {
  position: relative;
  height: 1em;
  font-size: 0.9em;
}
.allocation-header__amount {
  position: absolute;
}
.allocation-header__amount--left {
  left: 0;
}
.allocation-header__amount--right {
  right: 0;
}
.allocation-header__part--allocation-freight,
.allocation-header__part--catalogue-freight,
.allocation-header__part--freight {
  background-color: #733eb5;
}
.allocation-header__part--wardrobe-value {
  background-color: #9d9d9c;
}
.allocation-header__part--cart-value {
  background-color: #54d1b4;
}
.allocation-header__part--allocation-overage-delta {
  background-color: #eab500;
}
.allocation-header__part--catalogue {
  background-color: #cd3838;
}
.allocation-header__part--dim {
  background-color: transparent !important;
  color: #333 !important;
}
.allocation-header__overlay--overage {
  background-color: #eab500;
}
.allocation-header__freight {
  font-size: 0.75em;
  padding: 0.2em 0;
  float: right;
}
.allocation-header--free .allocation-header__categories {
  white-space: nowrap;
  margin: 0 2em;
  position: relative;
  height: 7em;
  line-height: 2em;
  overflow-x: scroll;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-top: 0.5em;
}
.allocation-header__catscroller {
  position: absolute;
  top: 0;
  height: inherit;
  line-height: inherit;
  width: 1em;
  text-align: center;
  font-size: 2em;
}
.allocation-header__catscroller--left {
  left: 0em;
}
.allocation-header__catscroller--right {
  right: 0em;
}
.allocation-header--docked .allocation-header__catscroller {
  display: none;
}
.allocation-header--free .allocation-header__category {
  display: inline-block;
  width: 5em;
  height: inherit;
  padding: 0.2em 0;
  box-sizing: border-box;
}
.allocation-header--free .allocation-header__category + .allocation-header__category {
  margin-left: 1em;
}
.allocation-header__count {
  font-size: 1.8em;
}
.allocation-header__category {
  position: relative;
}
.allocation-header__category--warning {
  background: url("/images/gmsign-warning.png") no-repeat center right;
  background-size: 1.1em;
}
.allocation-header__dots {
  margin-left: 6em;
  width: 7em;
}
.allocation-header__dot {
  display: inline-block;
  position: relative;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  border: 1px solid #999;
  margin-right: 0.2em;
}
.allocation-header__dot--filled {
  background: #999;
}
.allocation-header__dot--freight {
  background: #733eb5;
}
.allocation-header__dot--new {
  background: #54d1b4;
  border-color: #54d1b4;
}
.allocation-header__dot--warning {
  background: #eab500;
  border-color: #eab500;
}
.allocation-header__dot--error {
  background: #d15454;
  border-color: #d15454;
}
.allocation-header__dot--blocked:after {
  content: ".";
  position: absolute;
  background: #999;
  display: inline-block;
  width: 0.9em;
  height: 0.15em;
  border-radius: 0;
  top: calc(50% - 0.075em);
  left: calc(50% - 0.45em);
  transform: rotate(-45deg);
  color: transparent;
  overflow: hidden;
}
body.is-desktop .allocation-header__freight {
  clear: right;
  margin: 0.3em 0 0;
}
body.is-desktop .allocation-header__category {
  font-size: 1.2em;
  line-height: 1.5em;
  font-size: 1.1em;
}
body.is-desktop .allocation-header__count {
  float: right;
  font-size: 1em;
}
.zoomed .allocation-header {
  display: none;
}
.alterations {
  width: 100%;
}
.alterations__description {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #a7a9ac;
  overflow: hidden;
  padding: 0.4em;
}
ul.ui-autocomplete li .clearfix div {
  display: inline-block;
  float: left;
  width: 4em;
  height: 4em;
  padding: 0;
  text-align: center;
}
ul.ui-autocomplete li .clearfix div img {
  max-width: 100%;
  max-height: 100%;
}
ul.ui-autocomplete li .clearfix div + div {
  float: right;
  width: calc(100% - 5em);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bottom-button {
  text-align: center;
  background: #fff;
  padding: 0.8em;
  z-index: 1000;
}
.bottom-button .button {
  margin-bottom: 0.5em;
}
.is-desktop .bottom-button .button {
  max-width: 15em;
}
.is-mobile .bottom-button {
  position: fixed;
  bottom: 0;
  padding-bottom: 6.5em;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  box-sizing: border-box;
}
.is-mobile .bottom-button-spacer {
  height: 11em;
}
.is-mobile.is-rigid .bottom-button {
  padding-bottom: 0em;
}
.is-mobile.is-rigid .bottom-button-spacer {
  height: 6.5em;
}
.bottom-split-options {
  background-color: #fff;
  padding: 0.8em;
  width: 100%;
  box-sizing: border-box;
  margin-top: 1em;
}
.bottom-split-options > div {
  display: table;
  width: 80%;
  margin: 0 auto 2em auto;
  box-sizing: border-box;
}
.bottom-split-options__option {
  display: table-cell;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: 1px solid #a7a9ac;
  color: #949393;
  line-height: 2.5em;
  font-size: 1.1em;
  background-color: #fff;
  cursor: pointer;
}
.bottom-split-options__option + .bottom-split-options__option {
  margin-left: 1em;
}
.bottom-split-options__option--disabled {
  color: #ccc;
  background-color: #fff;
  cursor: default;
}
.bottom-split-options__optionsep {
  width: 0.5em !important;
  display: table-cell;
}
.breadcrumbs {
  text-align: left;
  line-height: 3.5em;
  color: #3c3c3b;
  text-transform: uppercase;
  left: 0;
  right: 0;
  position: fixed;
  box-sizing: border-box;
  z-index: 1001;
  background-color: #fff;
  height: 4em;
}
.breadcrumbs .wrapper {
  height: 100%;
}
.breadcrumbs .wrapper div:not(.crumbs) {
  height: 100%;
  border-bottom: 1px solid #a7a9ac;
}
.breadcrumbs .wrapper div:not(.crumbs) .crumbs {
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: calc(50% - 0.6em);
  color: #706f6f;
}
.breadcrumbs .wrapper div:not(.crumbs) .crumbs:empty {
  display: none;
}
.breadcrumbs img {
  height: 0.8em;
}
.breadcrumbs a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: #ccc;
}
.breadcrumbs a:hover {
  color: #a48a67;
}
.breadcrumbs a:first-child {
  display: none;
}
.button {
  display: inline-block;
  appearance: none;
  border: none;
  line-height: 1.8em;
  padding: 0.3em 0.5em;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
}
.button--white {
  color: #706f6f;
  background-color: #fff;
  border: 1px solid #706f6f;
}
.button--dark {
  color: #f7f7f7;
  background-color: #414042;
  border: 1px solid #414042;
}
.button--slate {
  background-color: #414042;
  border: 1px solid #414042;
  color: #fff;
}
.button--disabled,
.button[disabled="disabled"] {
  border-color: #706f6f;
  color: #ccc;
  background-color: #eee;
  cursor: default;
}
.button:hover:not(:disabled):not(.button--disabled) {
  color: #fff !important;
  font-weight: 500;
  background-color: #a48a67;
  border: 1px solid #a48a67;
}
.button--big {
  font-size: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  width: 100%;
}
.button--small {
  font-size: 0.7em;
}
.button--widish {
  min-width: 6em;
}
.buy-item-wrapper {
  margin: 0 auto;
}
.buy-item {
  position: relative;
  white-space: normal;
  box-sizing: border-box;
  margin: 0 auto;
}
.buy-item__image {
  width: 100%;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 0.5em;
}
.buy-item__image > div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.buy-item__image--center > div {
  background-position: center center;
}
.buy-item__image--bottom > div {
  background-position: center bottom;
}
.buy-item__id {
  text-transform: uppercase;
  color: #706f6f;
}
.buy-item__range {
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1em;
  color: #706f6f;
}
.buy-item__title {
  text-transform: uppercase;
  font-size: 1.8em;
  line-height: 1em;
  font-weight: bold;
}
.buy-item__line {
  border-bottom: 1px solid #a7a9ac;
}
.buy-item__spacer {
  height: 2.5em;
}
.buy-item__spacer--small {
  height: 1em;
}
.buy-item__subdetail {
  color: #706f6f;
}
.buy-item__details span,
.buy-item__subdetail span {
  display: inline-block;
}
.buy-item__details span + span,
.buy-item__subdetail span + span {
  border-left: 1px solid #706f6f;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.buy-item__description {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #706f6f;
}
.buy-item__description.price,
.buy-item__description.text {
  font-size: 1em;
  font-weight: bold;
  margin-top: 0.7em;
  color: #a48a67;
}
.buy-item__description.price:not(.text):before,
.buy-item__description.text:not(.text):before {
  content: "$";
}
.buy-item__long-description,
.buy-item__subdetail {
  line-height: 2em;
}
.buy-item__long-description {
  color: #706f6f;
  text-align: left;
}
.buy-item__long-description p {
  margin: 0;
  padding: 0;
}
.buy-item__warning {
  border-bottom: 1px solid #a7a9ac;
}
.buy-item__warning span {
  display: block;
  margin: 0.8em 0;
  font-weight: bold;
  text-transform: uppercase;
}
.buy-item__details__dividor,
.buy-item__options__dividor {
  border-top: 1px solid #a7a9ac;
  width: 50%;
}
.buy-item__label {
  color: #706f6f;
  line-height: 1.2em;
  font-size: 1em;
}
.buy-item__label:not(:first-child) {
  margin-top: 1em;
}
.buy-item__option {
  font-size: 1.1em;
  width: 100%;
  background-size: 1em;
}
.buy-item__option:disabled {
  border-color: #706f6f;
  color: #ccc;
  background-color: #eee;
  cursor: default;
}
.buy-item__option.button .circle-status {
  vertical-align: middle;
  line-height: 1.2em;
}
.buy-item__message {
  color: #d15454;
  margin-top: 0.5em;
  font-weight: bold;
}
.buy-item input[type="number"] {
  height: 2.4em;
}
.buy-item__emblem {
  color: #706f6f;
}
.buy-item__emblem td {
  vertical-align: middle;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.buy-item__emblem td + td {
  padding-left: 1em;
}
.buy-item__addbutton,
.buy-item__addbutton--catalogue {
  margin-top: 2em;
}
.buy-item__cell {
  position: relative;
}
.buy-item--wide .buy-item__cell {
  float: left;
  height: 100%;
}
.buy-item--wide .buy-item__cell--left {
  width: 50%;
}
.buy-item--wide .buy-item__cell--right {
  width: 42%;
  float: right;
}
.buy-item--wide .buy-item__options {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.buy-item--wide .buy-item__image {
  height: 100%;
}
.buy-item--tall .buy-item__image {
  height: 25em;
  margin-bottom: 2em;
}
.buy-item--tall .buy-item__description {
  font-size: 1.4em;
  line-height: 1.6em;
}
.buy-item--tall .wide-only,
.buy-item--wide .tall-only {
  display: none;
}
.buy-item__emblems-modal-button {
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
  text-align: center;
}
.emblem-checkbox:checked + label,
.emblem-checkbox:not(:checked) + label + label {
  display: none;
}
.emblem-precart-checkbox:checked + label,
.emblem-precart-checkbox:not(:checked) + label + label {
  display: none;
}
.is-mobile .buy-item__spacer {
  height: 1em;
}
.is-mobile .buy-item__image {
  margin-bottom: 0;
}
.is-mobile .buy-item__long-description {
  text-align: left;
}
.buy-shelf {
  margin-top: 1em;
}
.cart-count {
  background-color: #a48a67;
  color: #fff;
  padding: 0.3em 0.7em;
  text-align: center;
  border-radius: 1em;
}
.cart-messages {
  display: table;
  margin-bottom: 2em;
  background: #eee;
  padding: 1.5em 2em;
  width: 100%;
  box-sizing: border-box;
}
.cart-messages__message {
  display: table-row;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0.5em;
}
.cart-messages__message > * {
  display: table-cell;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.cart-messages__icon {
  color: #eab500;
  margin-right: 0.7em;
}
.cart-messages__catname {
  min-width: 6em;
  padding-right: 1em;
}
.cart-messages__text {
  display: table-cell;
}
.cart-messages:empty {
  display: none;
}
.cart a {
  text-decoration: none;
}
.cart__item {
  color: #a7a9ac;
  font-size: 1.2em;
}
.cart__image {
  height: 8em;
  max-width: 6em;
}
.cart__image__freight {
  padding: 15% !important;
}
.cart__details {
  width: 55%;
}
.cart__actions {
  text-align: right;
  font-size: 1.2em;
  color: #a4a3a3;
  margin: 0.7em 0 0;
  font-size: 1.5em;
  line-height: 1.5em;
  width: 30%;
  min-width: 3.5em;
}
.cart__actions p {
  font-size: 0.7em;
  margin: 0;
}
.cart__actions .backorder {
  font-size: 0.55em;
  font-weight: bold;
}
.cart__quantity {
  font-weight: bold;
}
.cart__quantity-adjustor {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  line-height: 1.55em;
  text-align: center;
  position: relative;
}
.cart__quantity-adjustor img {
  height: 1.2em;
  width: 1.2em;
}
.cart__quantity-adjustor.inline {
  height: 1.5em;
  width: 1.5em;
  top: 0.25em;
}
.cart__quantity-adjustor.inline img {
  height: 1.5em;
  width: 1.5em;
}
.cart__quantity-adjustor.cart__remove-all {
  margin-left: 0.5em;
}
.cart__title {
  font-weight: bold;
  color: #3c3c3b;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0 0 0.4em;
  text-transformn: capitalize;
}
.cart__status {
  font-size: 1.2em;
  white-space: no-wrap;
  color: #a4a3a3;
  margin-bottom: 0.4em;
}
.cart__quantity-adjustor {
  cursor: pointer;
}
.cart__total div {
  margin-bottom: 0.2em;
}
.cart .strong {
  color: #3c3c3b;
}
.cart .align-right {
  text-align: right;
}
.cart .subdetail {
  margin-bottom: 0.2em;
}
.cart .subdetail__price + .subdetail__price {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
.cart-clear,
.return-to-shop {
  width: 15em;
  margin: 0 auto;
  margin-top: 2em;
  display: block;
}
.return-to-shop {
  margin-top: 1em;
}
.is-mobile .cart__image {
  min-width: 5em;
}
.is-mobile .cart__image__freight {
  padding: 20% !important;
}
.is-mobile .cart__title {
  font-size: 1em;
}
.is-mobile .cart__details {
  vertical-align: top;
}
.is-mobile .cart__details .subdetail {
  font-size: 0.9em;
}
.is-mobile .cart__actions {
  font-size: 1.25em;
  min-width: 3.5em;
  width: 3.5em;
  padding-left: 0.1em;
}
.is-mobile .cart-clear,
.is-mobile .return-to-shop {
  width: 100%;
}
.catalogue-header {
  position: relative;
}
.catalogue-header > p {
  margin-top: 0;
  font-weight: bold;
}
.catalogue-header__amount {
  font-size: 0.9em;
}
.catalogue-header__amount .value:before {
  content: "$";
}
.catalogue-header__amount--spend {
  float: right;
}
.headers-section .catalogue-header > p {
  font-weight: normal;
}
.catalogue-item {
  white-space: normal;
  position: relative;
  text-align: center;
  color: #333;
  background-position: center top;
  box-sizing: border-box;
}
.catalogue-item__image-container {
  background-color: #ececec;
  height: 80%;
  padding: 0.5em;
  box-sizing: border-box;
}
.catalogue-item__image {
  width: 100%;
  height: 100%;
  margin: 0;
  background-size: contain;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
.catalogue-item--center .catalogue-item__image {
  background-position: center center;
}
.catalogue-item--bottom .catalogue-item__image {
  background-position: bottom center;
}
.catalogue-item h2,
.catalogue-item h3 {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 1em;
}
.catalogue-item h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  top: 82%;
  height: 1em;
  white-space: nowrap;
}
.catalogue-item h2 {
  font-size: 1em;
  font-weight: bold;
  top: 87%;
  overflow: hidden;
  height: 2.1em;
  line-height: 1em;
  text-transform: capitalize;
}
.catalogue-item h2.details {
  top: 93%;
  font-weight: normal;
  font-size: 0.9em;
  margin-top: 0.5em;
  height: 1.1em;
  color: #a7a9ac;
}
.catalogue-item h2.details span {
  display: inline-block;
}
.catalogue-item h2.details span + span {
  border-left: 1px solid #a7a9ac;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.catalogue-item__report {
  position: absolute;
  right: 0.5em;
  top: 1em;
  font-size: 1em;
}
.catalogue-item__report--ease {
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.catalogue-item__report--big {
  transform: scale(2);
}
.catalogue-item__report--message {
  bottom: auto;
  top: 65%;
}
.catalogue-item__report--message span {
  display: inline-block;
}
.catalogue-item .fitting-details {
  font-size: 1em;
  width: 90%;
  position: relative;
  bottom: 2em;
}
.categories {
  margin-top: 0.2em;
}
.categories__category {
  display: block;
  position: relative;
  font-weight: normal;
  text-decoration: none;
  background-color: #ddd;
  background-size: cover;
  background-position: center center;
  color: #fff;
  height: 30em;
}
.categories__category__overlay {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.categories__category__overlay:hover {
  opacity: 0.3;
}
.categories__category h2 {
  text-shadow: 0 0 2px #000;
}
.categories__category p {
  text-shadow: 0 0 1px #414042;
}
.categories__category + .categories__category {
  margin-top: 1em;
}
.categories .full-width {
  height: 25em;
}
.categories .full-width--tall {
  height: 40em;
}
.categories .full-width:hover {
  opacity: 1;
}
.categories h2 {
  font-size: 2.2em;
  position: absolute;
  top: calc(50% - 1.5em);
  line-height: 1em;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 1000;
}
.categories h3 {
  margin: 3em auto;
  text-align: center;
  font-weight: 500;
  color: #6d6e71;
  line-height: 2em;
  max-width: 40em;
  padding: 0 1em;
}
.categories-description {
  position: absolute;
  top: 60%;
  line-height: 1em;
  margin-top: -0.5em;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  font-weight: 300;
}
.categories-filter,
.strands-filter {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}
.categories-filter label,
.strands-filter label {
  margin-right: 1em;
}
.categories-filter select,
.strands-filter select {
  width: 20em;
}
.strand__dot {
  display: inline-block;
  position: relative;
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  border: 1px solid #999;
  margin-right: 0.2em;
  top: -2em;
  line-height: 1.2em;
}
.strand__dot span {
  font-size: 0.8em;
  line-height: 0.8em;
  text-align: center;
  mix-blend-mode: difference;
  color: #fff;
  width: 1.8em;
  display: inline-block;
}
.is-narrowish .categories__category {
  height: 20em;
}
.is-narrowish .categories h3 {
  font-size: 0.9em;
}
.categories__category {
  margin-bottom: 2em;
  background-position: 0% 0%;
}
.is-mobile .categories__category {
  background-position: 50% 50%;
}
.category-empty-message {
  text-align: center;
  font-style: italic;
  color: #666;
  font-weight: light;
  padding: 1em 0;
}
.category-empty-message p {
  margin: 0.5em 1em;
}
.category-header {
  color: #333;
  background-color: #e7e7e7;
  border-top: 1px solid #a7a9ac;
  border-bottom: 1px solid #a7a9ac;
  position: relative;
  height: 2em;
  line-height: 2em;
}
.category-header__title {
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}
.category-header__add-prompt {
  float: right;
  height: inherit;
  margin-left: 1em;
}
.category-nav {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2em;
}
.category-nav__link {
  color: #373736;
}
.category-nav__link--disabled {
  color: #ccc;
}
.center-text {
  text-align: center;
}
.checkout-details__completion-message {
  font-size: 1.2em;
  color: 706f 6f;
}
.checkout-details__login {
  float: right;
  font-size: 1.2em;
  color: #706f6f;
}
.checkout-details__login a {
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid #706f6f;
  padding: 0.3em 1em;
  color: #fff;
  background-color: #3c3c3b;
  margin-left: 1em;
}
.checkout-details__field {
  position: relative;
}
.checkout-details__name {
  color: #706f6f;
  margin-top: 0.5em;
  line-height: 2em;
  font-size: 1.2em;
}
.checkout-details__name sup {
  color: #f00;
}
.checkout-details__value input[type="text"]:not(.short),
.checkout-details__value .input:not(.short) {
  width: 100%;
}
.checkout-details__value input[type="text"].short,
.checkout-details__value .input.short {
  width: 5em;
}
.checkout-details__value .email-input {
  line-height: 1.2em;
  margin-left: 0.5em;
  width: 11em;
}
.checkout-details__value .input {
  display: inline-block;
}
.checkout-details__value input:disabled,
.checkout-details__value select:disabled {
  border-color: #ccc;
  color: #ccc;
  background-color: #eee;
}
.checkout-details__value label {
  color: #706f6f;
  line-height: 3em;
  font-size: 1.1em;
}
.checkout-details__swappable input[type="text"],
.checkout-details__swappable .input {
  width: 100%;
  line-height: 1.3em;
  padding-left: 0.8em;
}
.checkout-details__swappable__dropdown,
.checkout-details__swappable__textbox {
  padding-right: 3em;
}
.checkout-details__swappable__toggle {
  float: right;
  font-size: 2em;
  line-height: 1.4em;
}
.checkout .back-button {
  width: 15em;
  margin: 0 auto;
  margin-bottom: 1em;
  display: block;
}
.place-order {
  margin-top: 2em;
}
.details-form select {
  width: 100%;
  padding: 0.5em;
  background-size: 1em;
}
.details-form .show-password {
  position: relative;
  left: -3em;
  top: 0.3em;
}
.details-form .two-wide {
  width: 48%;
  float: left;
}
.details-form .horizontal-spacer {
  width: 4%;
  float: left;
  height: 1em;
}
.is-mobile .details-form .two-wide {
  display: block;
  width: 100%;
}
.is-mobile .checkout .horizontal-spacer {
  display: none;
}
.is-mobile .checkout-details__completion-message {
  font-size: 1em;
}
.is-mobile .checkout-details__login {
  font-size: 1em;
  width: 100%;
  display: block;
  margin: 1em 0;
}
.is-mobile .checkout-details__login a {
  float: right;
}
.is-mobile .place-order {
  margin-top: 0;
}
.checkout-form.processing .button {
  background: url("/images/loading-whitebg.gif") no-repeat center center;
  background-size: contain;
  color: transparent;
}
.circle-status {
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  border-style: solid;
  border-radius: 50%;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}
.circle-status--ok {
  color: #54d1b4;
}
.circle-status--warn {
  color: #eab500;
}
.circle-status--error {
  color: #d15454;
}
.circle-status > div {
  display: table;
  width: 100%;
  height: 100%;
  font-size: 0.8em;
}
.circle-status > div > div {
  display: table-cell;
  vertical-align: middle;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.col-list {
  font-size: 1em;
  width: 100%;
  border-collapse: collapse;
}
.col-list__image {
  background-color: #ececec;
  box-sizing: border-box;
  padding: 2%;
}
.col-list__image > div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.col-list__item {
  position: relative;
}
.col-list__item + .col-list__item:not(.col-list__item--adjoined) {
  border-top: 1px solid #a7a9ac;
}
.col-list__column {
  float: left;
}
.col-list__column + .col-list__column {
  margin-left: 1em;
}
.col-list td {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  vertical-align: top;
}
.col-list td + td {
  padding-left: 0.8em;
}
.custom-combobox {
  display: inline-block;
  height: 3em;
  width: 90%;
}
.custom-combobox-input {
  border: 1px solid #706f6f;
  height: 100%;
  width: 100%;
  margin: 0.2em 0;
  padding: 0.3em 0.5em;
  font-size: 1.2em;
  line-height: 1.8em;
  box-sizing: border-box;
  color: #706f6f;
  background-color: #fff;
  border-radius: 0;
  position: relative;
  top: -0.2em;
  margin-right: -1.5em;
  padding-right: 2em;
}
.custom-combobox-toggle {
  position: relative;
  top: 0.5em;
  display: inline-block;
  height: 2.5em;
  width: 1.2em;
  background: url("/images/br-down.png") no-repeat center;
  background-size: contain;
}
.contact {
  background-color: transparent;
  max-width: 100%;
  margin: auto;
  padding: 0 0.5em 1.5em 0.5em;
  color: #414042;
}
.contact a,
.contact a:visited {
  text-decoration: none;
  color: #a48a67;
}
.contact a:hover,
.contact a:active {
  color: #414042;
}
.contact-details {
  margin-top: 2em;
}
.contact-info,
.contact-form {
  width: 50%;
}
.contact-info {
  float: left;
}
.contact-form {
  float: right;
}
.contact-form input,
.contact-form textarea {
  display: inline-block;
  font-size: 0.7em;
  padding: 0.8em;
  width: 100%;
  border: 1px solid #a7a9ac;
  margin-top: 0.5em;
}
.contact-form textarea {
  height: 10em;
  resize: none;
}
.is-mobile .contact-info,
.is-mobile .contact-form {
  float: none !important;
  width: 100% !important;
}
.is-mobile .contact-info input,
.is-mobile .contact-form input,
.is-mobile .contact-info textarea,
.is-mobile .contact-form textarea {
  width: 100%;
}
.is-mobile .contact-info p {
  float: left;
  margin-right: 2em;
}
.controlpanel {
  position: fixed;
  z-index: 1003;
  color: #9d9d9c;
}
.controlpanel .narrowish-wrapper {
  height: 100%;
  max-width: 28.6em;
  min-width: 19.45em;
}
.controlpanel__inner {
  background-color: #ededed;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
}
.controlpanel__inner::-webkit-scrollbar {
  width: 0 !important;
}
.controlpanel__dividor {
  margin-top: 1em;
  margin-bottom: 1em;
}
.controlpanel__logoutlink {
  font-size: 1em;
  position: absolute;
  top: 1.5em;
}
.controlpanel__logoutlink--desktop {
  right: 2em;
}
.controlpanel__logoutlink--mobile {
  left: 2em;
}
.controlpanel__returnlink {
  font-size: 1em;
  position: absolute;
  top: 1.5em;
  left: 2em;
}
.controlpanel__returnlink--mobile {
  top: 3em;
}
.controlpanel__icon {
  display: inline-block;
  font-size: 2em;
  text-align: center;
}
.controlpanel__icon:not(.controlpanel__icon--collapsed) {
  float: right;
}
.controlpanel__icon--warning {
  color: #eab500;
}
.controlpanel__icon--ok {
  color: #54d1b4;
}
.controlpanel__icon--cart {
  position: relative;
}
.controlpanel__word {
  font-size: 1.3em;
  text-transform: uppercase;
  display: inline-block;
  width: calc(100% - 6.35em);
  text-align: center;
  vertical-align: super;
}
.controlpanel__value {
  position: absolute;
  font-size: 0.5em;
  line-height: 0.5em;
  top: 100%;
  left: 0;
  text-align: center;
  width: 100%;
}
.controlpanel__value:before {
  content: "$";
}
.controlpanel__gm-status {
  width: inherit;
}
.controlpanel__gm-status--warning .controlpanel__icon--ok,
.controlpanel__gm-status:not(.controlpanel__gm-status--warning) .controlpanel__icon--warning {
  display: none;
}
.controlpanel__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1002;
  padding: 1em 2em 1em 2.5em;
  width: 100%;
  box-sizing: border-box;
}
.controlpanel__footnote {
  font-size: 0.8em;
}
.controlpanel p,
.controlpanel a {
  color: #a7a9ac;
}
.controlpanel a {
  text-decoration: none;
}
.controlpanel a.to-edit-order {
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  line-height: 2.2em;
  border: 1px solid #a7a9ac;
  font-weight: bold;
  padding: 0;
}
.controlpanel a.to-edit-order--disabled {
  color: #a7a9ac;
  border-color: #a7a9ac;
  cursor: default;
}
.controlpanel .carttitle {
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  line-height: 2.2em;
  font-weight: bold;
  padding: 0;
}
.controlpanel .carttable {
  border-collapse: collapse;
  border-top: 1px solid #a7a9ac;
  width: 100%;
}
.controlpanel .carttable td {
  padding: 0.5em 0.15em;
  border-bottom: 1px solid #a7a9ac;
}
.controlpanel .carttable td:nth-child(1) {
  width: 15%;
}
.controlpanel .carttable td:nth-child(1) div {
  width: 1.72em;
  height: 1.72em;
  background-repeat: no-repeat;
  background-size: 1.72em;
}
.controlpanel .carttable td:nth-child(2) {
  width: 50%;
}
.controlpanel .carttable td:nth-child(3) {
  width: 15%;
  text-align: right;
}
.controlpanel .carttable td:nth-child(4) {
  width: 20%;
  text-align: right;
}
.controlpanel .online-payment-totals {
  margin-top: 3em;
}
.controlpanel .online-payment-totals div {
  margin-top: 0.3em;
}
.controlpanel .online-payment-totals div i {
  width: 1.5em;
  text-align: center;
}
nav {
  position: relative;
  padding: 1em 2em 8em 2em;
  box-sizing: border-box;
  min-height: 100%;
  font-size: 1em;
}
.nav-links {
  margin-top: 3em;
}
.nav-links a {
  margin: 0;
  display: block;
}
.nav-links a + a {
  margin-top: 1em;
}
.nav-toggle {
  cursor: pointer;
  z-index: 2000;
}
.nav-toggle--embedded {
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 1px;
}
.controlpanel.visually-open .controlpanel__collapsed-content {
  display: none;
}
.controlpanel:not(.visually-open) nav,
.controlpanel:not(.visually-open) .controlpanel__bottom {
  display: none;
}
.nav-toggle-backing,
.nav-toggle--embedded {
  position: absolute;
  text-align: center;
}
.nav-toggle-backing {
  background-color: #ededed;
  border: 1px solid #a7a9ac;
  z-index: -1;
}
.is-widish .controlpanel {
  width: 22em;
  top: 0;
  height: 100%;
  transition: right 0.3s;
  right: -17em;
  box-sizing: border-box;
  border-top: 1px solid #a7a9ac;
  border-left: 1px solid #a7a9ac;
  background-color: #ededed;
}
.is-widish .controlpanel.open {
  right: 0;
}
.is-widish .controlpanel.open .nav-toggle--embedded {
  background-image: url("/images/navtoggle-right.png");
}
.is-widish .controlpanel:not(.open) .nav-toggle--embedded {
  background-image: url("/images/navtoggle-left.png");
}
.is-widish .controlpanel__collapsed-content {
  text-align: center;
  height: 100%;
  width: 5em;
}
.is-widish .controlpanel__icon {
  width: inherit;
}
.is-widish .controlpanel__icon--collapsed {
  text-align: center;
  margin: 0.3em 0 0.3em;
  line-height: 1.6em;
}
.is-widish .nav-toggle-backing,
.is-widish .nav-toggle--embedded {
  top: 0.5em;
  right: 21em;
  height: 4em;
  line-height: 4em;
  width: 1.5em;
}
.is-narrowish .controlpanel {
  top: 100%;
  margin-top: -5.5em;
  width: 100%;
  transition: top 0.3s, margin-top 0.3s;
  left: 0;
}
.is-narrowish .controlpanel__inner {
  border: 1px solid #a7a9ac;
}
.is-narrowish .controlpanel.open {
  margin-top: 0;
}
.is-narrowish .controlpanel.open .nav-toggle--embedded {
  background-image: url("/images/navtoggle-down.png");
}
.is-narrowish .controlpanel:not(.open) .nav-toggle--embedded {
  background-image: url("/images/navtoggle-up.png");
}
.is-narrowish .controlpanel__collapsed-content {
  padding: 0;
  text-align: left;
  line-height: 2.5em;
}
.is-narrowish .controlpanel__icon--collapsed {
  margin: 0.3em;
  width: 1.4em;
  line-height: 1.5em;
}
.is-narrowish .nav-toggle-backing,
.is-narrowish .nav-toggle--embedded {
  left: 50%;
  margin-left: -2em;
  top: -0.8em;
  width: 4em;
  line-height: 1.5em;
  height: 1.5em;
}
.credit-card-details {
  background-color: #f2f2f2;
  padding: 1em;
}
.credit-card-details .ccf select {
  height: 3em;
  background-color: #fff;
  margin-top: 4px;
}
.credit-card-details .ccf.float {
  float: left;
  margin-right: 3em;
  margin-bottom: 1em;
}
.credit-card-details .ccf:not(.float) {
  clear: both;
}
.dividor {
  border-top: 1px solid #a7a9ac;
  margin: 0.5em 0;
}
.dividor + .dividor {
  display: none;
}
.dividor--dark {
  border-top-color: #555;
}
.documents-list__item.list-item {
  font-size: 1.4em;
  padding: 1em;
  text-decoration: none;
  color: #333;
}
.documents-list i {
  margin-right: 0.5em;
  position: relative;
  top: -0.1em;
}
*:not(:empty) + .empty-message {
  display: none;
}
.financial {
  position: relative;
}
.financial__name {
  float: left;
  width: 70%;
  clear: both;
  line-height: 1.5em;
}
.financial__name--strong {
  font-weight: bold;
}
.financial__value {
  float: right;
  width: 25%;
  text-align: right;
  line-height: 1.5em;
}
.financial__value:before {
  content: "$";
}
.financial__value--strong {
  font-weight: bold;
}
.fixedbar {
  z-index: 1000;
}
.fixedbar--active {
  position: fixed !important;
}
.footer {
  font-size: 14px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #f2f2f2;
  margin-top: 2em;
}
.footer a,
.footer a:visited {
  text-decoration: none;
  color: #a7a9ac;
}
.footer a:hover,
.footer a:active {
  color: #3c3c3b;
}
.footer strong {
  color: #a48a67;
  text-transform: uppercase;
}
.footer strong a,
.footer strong a:visited {
  color: #a48a67;
}
.footer strong a:hover,
.footer strong a:active {
  color: #3c3c3b;
}
.footer-background {
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 1em;
  color: #a7a9ac;
  line-height: 2.5em;
  font-weight: 500;
}
.footer-border {
  padding: 2em 0;
  border-top: 1px solid #a7a9ac;
  font-size: 0.9em;
}
.footer-logo {
  display: inline-block;
  float: left;
  height: 100%;
}
.footer-logo img {
  max-height: 10em;
}
.footer-menu {
  display: inline-block;
  float: right;
}
.footer-menu div {
  float: left;
  margin-left: 6em;
  width: 10em;
}
.footer-address {
  display: inline-block;
  float: right;
  margin-left: 6em;
}
.footer-address p {
  margin: 0;
}
.is-mobile .footer-logo,
.is-mobile .footer-address {
  margin: 0 1.5em;
}
.is-mobile .footer-menu {
  display: none;
}
.is-small .footer-logo,
.is-narrowish .footer-logo,
.is-small .footer-address,
.is-narrowish .footer-address {
  margin: 0 1.5em;
}
.is-small .footer-menu,
.is-narrowish .footer-menu {
  margin-right: 2em;
}
.is-small .footer-menu div,
.is-narrowish .footer-menu div {
  margin-left: 2em;
  width: auto;
}
.grid {
  background-color: #ccc;
  user-select: none;
}
.hr {
  border: none;
  height: 1px;
  color: #ccc;
  background-color: #ccc;
}
.hr:not(.hr--no-margin) {
  margin-bottom: 2em;
}
.important-message {
  font-style: italic;
  font-weight: bold;
  margin: 1em 0;
  padding: 1em;
  border-bottom: 1px solid #a7a9ac;
}
.important-message input[type="checkbox"] {
  font-size: 0.7em;
}
.information .upload-box {
  background-color: #eee;
  padding: 0.5em 1em;
  line-height: 2em;
  height: 2.2em;
  margin-bottom: 1em;
}
.information .upload-box label {
  margin-right: 1em;
}
.information .upload-box input[type="file"] {
  width: 16em;
}
.is-desktop .mobile-only,
.is-mobile .desktop-only {
  display: none;
}
.is-widish .narrowish-only,
.is-narrowish .widish-only {
  display: none;
}
.is-narrowish .fullscreen-widish-only,
.is-windowed .fullscreen-widish-only {
  display: none;
}
.is-narrowish .not-fullscreen-widish-only,
.is-windowed .not-fullscreen-widish-only {
  display: none;
}
.landing {
  box-sizing: border-box;
  position: relative;
}
.landing__box {
  padding: 0 2em;
}
.landing__text {
  font-size: 1.5em;
  color: #444;
}
.landing__model {
  position: absolute;
  top: 0;
  left: 70%;
  width: 100%;
  margin-left: -50%;
  height: inherit;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 1000;
  pointer-events: none;
}
.landing__mobilemodel {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55%;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 80%;
  pointer-events: none;
}
.landing__option {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: 1px solid #a7a9ac;
  color: #a7a9ac;
  line-height: 2.5em;
  font-size: 1.1em;
  background-color: #fff;
  cursor: pointer;
  float: left;
  margin-right: 1em;
}
.landing__option + .landing__option {
  display: block !important;
}
.landing__option span {
  display: block;
  font-size: 0.7em;
  line-height: 1em;
  padding-bottom: 1em;
  color: #444;
}
.landing__options {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
}
.landing__options__admin {
  width: calc(100% - 4em);
  position: static;
  margin: 0 auto;
  height: auto;
  margin-bottom: 3em;
}
.landing__mobileoptions {
  display: table;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.8em;
  box-sizing: border-box;
}
.landing__options .landing__option {
  width: 12em;
  display: inline-block;
}
.landing__options .landing__option__admin {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 1em;
}
.landing__mobileoptions .landing__option {
  display: table-cell;
}
.landing__optionsep {
  width: 0.6em !important;
  display: table-cell;
}
.landing__logo {
  max-height: 10em;
  max-width: 17em;
}
.landing__sep {
  border-top: 1px solid #a7a9ac;
  width: 20em;
}
.landing__logoutlink {
  position: absolute;
  top: 2em;
  right: 3em;
  text-decoration: none;
  color: #444;
}
.landing__logoutlink + .landing__logoutlink {
  top: 4em;
}
.ui-autocomplete {
  max-height: 16em;
  overflow-y: auto;
  overflow-x: hidden;
}
.is-narrowish .landing__model {
  left: 80%;
}
.is-narrowish .landing__text {
  font-size: 1.8em;
}
.is-narrowish .landing__option {
  width: 10em;
  font-size: 1em;
  float: left;
  margin-right: 1em;
  margin-top: 1em;
}
.is-narrowish .landing__option__admin {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 1em;
}
.is-desktop .landing__box {
  position: relative;
}
.is-mobile:not(.is-rotated) .landing {
  text-align: center;
}
.is-mobile:not(.is-rotated) .landing__option {
  width: 100%;
  font-size: 1em;
  float: left;
  margin-right: 1em;
}
.is-mobile:not(.is-rotated) .landing__model {
  display: none;
}
.is-mobile:not(.is-rotated) .landing__logoutlink {
  font-size: 1.2em;
}
.is-mobile:not(.is-rotated) .landing__sep:not(.show-mobile) {
  display: none;
}
.is-mobile:not(.is-rotated) .landing__box {
  padding: 0 1em;
}
.is-mobile:not(.is-rotated) .landing__text {
  font-size: 1.8em;
}
.is-mobile.is-narrowish .landing__logo {
  max-height: 20%;
}
.is-handheld .landing {
  overflow: hidden !important;
}
.is-rotated .landing__mobilemodel {
  display: none;
}
.is-rotated .landing__mobileoptions {
  z-index: 1000;
}
.is-rotated .landing__mobileoptions .landing__optionsep {
  display: none;
}
.is-rotated .landing__mobileoptions .landing__option {
  margin: 0;
  width: 45%;
}
.is-rotated .landing__mobileoptions .landing__option:nth-of-type(2) {
  float: right;
}
.list {
  border-bottom: 1px solid #a7a9ac;
  border-top: 1px solid #a7a9ac;
}
.list:empty {
  display: none;
}
.login-form {
  color: #b2b2b2;
  background: url("/images/loginbg.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.login-form .middle__inner {
  padding: 2.5em;
}
.login-form form > * {
  max-width: 20em;
  margin: 0 auto;
  position: relative;
}
.login-form img {
  display: block;
  margin: 0 auto 2.5em auto;
  width: 60%;
}
.login-form__creds {
  text-align: left;
}
.login-form__creds .button {
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-radius: 0.35em;
  line-height: 2.2em;
  padding: 0;
  border: 1px solid #a7a9ac;
}
.login-form__forgot {
  color: #b2b2b2;
  margin: 2em 0 0;
  text-align: center;
}
.login-form__contact {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 1.4em 0;
  color: #b2b2b2;
  text-align: center;
  box-sizing: border-box;
  padding: 0 1.5em;
}
.login-form__error {
  color: #f00;
  text-align: center;
}
.login-form input,
.login-form .input {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
  border-radius: 0.35em;
  color: #b2b2b2;
  line-height: 2.2em;
  height: 2.4em;
  padding: 0;
}
.login-form input[type="text"],
.login-form .input[type="text"],
.login-form input[type="password"],
.login-form .input[type="password"] {
  width: 100%;
  border: 1px solid #a7a9ac;
}
.login-form .input {
  border: 1px solid #a7a9ac;
}
.login-form input,
.login-form button,
.login-form .input {
  margin: 0.4em 0;
}
.login-form a {
  text-decoration: none;
  color: inherit;
}
.login-form .processing .button {
  background: url("/images/loading-whitebg.gif") no-repeat center center;
  background-size: contain;
  color: transparent;
}
.password-form h1,
.password-form p {
  color: #b2b2b2 !important;
  text-align: center;
}
.middle {
  position: relative;
  display: table;
  width: calc(100% - 2em);
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #666;
  padding: 0 1em;
}
.middle.login-form,
.middle.error,
.middle.logout {
  position: absolute;
}
.middle__message {
  padding: 0 1.5em;
}
.middle__message p {
  font-size: 2em;
  font-weight: bold;
  margin: 0.5em 0 0.5em;
}
.middle__message p + p {
  font-size: 1.3em;
  margin: 0.5em 0 0.5em;
}
.middle__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}
.middle__inner .button {
  min-width: 10em;
  margin-top: 2.4em;
  padding-left: 1em;
  padding-right: 1em;
}
.middle.error h1,
.middle.logout h1 {
  padding-bottom: 0;
}
.middle.error h3,
.middle.logout h3 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 3em;
}
.middle.error p,
.middle.logout p {
  margin: 0.5em 1em;
}
.is-widish.is-windowed .middle.middle--adaptive .middle__inner {
  padding-right: 26.2em;
}
.sob-dialog__tag,
.admin-dialog__tag,
.barcode-dialog__tag,
.password-dialog__tag,
.shipping-dialog__tag,
.terms-dialog__tag,
.forward-dialog__tag {
  display: inline-block;
  padding: 0 0.5em;
  cursor: default;
}
.sob-dialog__clear,
.admin-dialog__clear,
.barcode-dialog__clear,
.password-dialog__clear,
.shipping-dialog__clear,
.terms-dialog__clear,
.forward-dialog__clear {
  display: inline-block;
  position: absolute;
  right: 1em;
  cursor: pointer;
}
.sob-dialog__list,
.admin-dialog__list,
.barcode-dialog__list,
.password-dialog__list,
.shipping-dialog__list,
.terms-dialog__list,
.forward-dialog__list {
  background: #fff;
  border: 1px solid #a7a9ac;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em 0;
}
.sob-dialog__list:empty,
.admin-dialog__list:empty,
.barcode-dialog__list:empty,
.password-dialog__list:empty,
.shipping-dialog__list:empty,
.terms-dialog__list:empty,
.forward-dialog__list:empty {
  display: none;
}
.sob-dialog__list-item,
.admin-dialog__list-item,
.barcode-dialog__list-item,
.password-dialog__list-item,
.shipping-dialog__list-item,
.terms-dialog__list-item,
.forward-dialog__list-item {
  cursor: pointer;
  padding: 0.5em 1em;
}
.sob-dialog__output,
.admin-dialog__output,
.barcode-dialog__output,
.password-dialog__output,
.shipping-dialog__output,
.terms-dialog__output,
.forward-dialog__output {
  margin-top: 2em;
  background-color: #ddd;
  padding: 0.5em;
}
.sob-dialog__output table,
.admin-dialog__output table,
.barcode-dialog__output table,
.password-dialog__output table,
.shipping-dialog__output table,
.terms-dialog__output table,
.forward-dialog__output table {
  width: 100%;
}
.sob-dialog__output__row__title,
.admin-dialog__output__row__title,
.barcode-dialog__output__row__title,
.password-dialog__output__row__title,
.shipping-dialog__output__row__title,
.terms-dialog__output__row__title,
.forward-dialog__output__row__title {
  width: 40%;
  font-weight: bold;
}
.sob-dialog .invoice th,
.admin-dialog .invoice th,
.barcode-dialog .invoice th,
.password-dialog .invoice th,
.shipping-dialog .invoice th,
.terms-dialog .invoice th,
.forward-dialog .invoice th {
  width: 7em;
  text-align: left;
}
.sob-dialog .cancel-icon,
.admin-dialog .cancel-icon,
.barcode-dialog .cancel-icon,
.password-dialog .cancel-icon,
.shipping-dialog .cancel-icon,
.terms-dialog .cancel-icon,
.forward-dialog .cancel-icon {
  position: absolute;
  top: 2em;
  right: 2em;
  width: 2em;
  height: 2em;
  line-height: 2em;
}
.sob-dialog h1,
.admin-dialog h1,
.barcode-dialog h1,
.password-dialog h1,
.shipping-dialog h1,
.terms-dialog h1,
.forward-dialog h1 {
  padding-top: 0;
  margin-right: 1.5em;
}
.sob-dialog input:not(.normal),
.admin-dialog input:not(.normal),
.barcode-dialog input:not(.normal),
.password-dialog input:not(.normal),
.shipping-dialog input:not(.normal),
.terms-dialog input:not(.normal),
.forward-dialog input:not(.normal),
.sob-dialog .input,
.admin-dialog .input,
.barcode-dialog .input,
.password-dialog .input,
.shipping-dialog .input,
.terms-dialog .input,
.forward-dialog .input {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
  color: #a7a9ac;
  line-height: 2.2em;
  padding: 0;
}
.sob-dialog input:not(.normal)[type="text"],
.admin-dialog input:not(.normal)[type="text"],
.barcode-dialog input:not(.normal)[type="text"],
.password-dialog input:not(.normal)[type="text"],
.shipping-dialog input:not(.normal)[type="text"],
.terms-dialog input:not(.normal)[type="text"],
.forward-dialog input:not(.normal)[type="text"],
.sob-dialog .input[type="text"],
.admin-dialog .input[type="text"],
.barcode-dialog .input[type="text"],
.password-dialog .input[type="text"],
.shipping-dialog .input[type="text"],
.terms-dialog .input[type="text"],
.forward-dialog .input[type="text"],
.sob-dialog input:not(.normal)[type="password"],
.admin-dialog input:not(.normal)[type="password"],
.barcode-dialog input:not(.normal)[type="password"],
.password-dialog input:not(.normal)[type="password"],
.shipping-dialog input:not(.normal)[type="password"],
.terms-dialog input:not(.normal)[type="password"],
.forward-dialog input:not(.normal)[type="password"],
.sob-dialog .input[type="password"],
.admin-dialog .input[type="password"],
.barcode-dialog .input[type="password"],
.password-dialog .input[type="password"],
.shipping-dialog .input[type="password"],
.terms-dialog .input[type="password"],
.forward-dialog .input[type="password"] {
  width: 100%;
  border: 1px solid #a7a9ac;
}
.sob-dialog input:not(.normal)[type="checkbox"],
.admin-dialog input:not(.normal)[type="checkbox"],
.barcode-dialog input:not(.normal)[type="checkbox"],
.password-dialog input:not(.normal)[type="checkbox"],
.shipping-dialog input:not(.normal)[type="checkbox"],
.terms-dialog input:not(.normal)[type="checkbox"],
.forward-dialog input:not(.normal)[type="checkbox"],
.sob-dialog .input[type="checkbox"],
.admin-dialog .input[type="checkbox"],
.barcode-dialog .input[type="checkbox"],
.password-dialog .input[type="checkbox"],
.shipping-dialog .input[type="checkbox"],
.terms-dialog .input[type="checkbox"],
.forward-dialog .input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
.sob-dialog .input,
.admin-dialog .input,
.barcode-dialog .input,
.password-dialog .input,
.shipping-dialog .input,
.terms-dialog .input,
.forward-dialog .input {
  border: 1px solid #a7a9ac;
}
.sob-dialog input,
.admin-dialog input,
.barcode-dialog input,
.password-dialog input,
.shipping-dialog input,
.terms-dialog input,
.forward-dialog input,
.sob-dialog button,
.admin-dialog button,
.barcode-dialog button,
.password-dialog button,
.shipping-dialog button,
.terms-dialog button,
.forward-dialog button,
.sob-dialog .input,
.admin-dialog .input,
.barcode-dialog .input,
.password-dialog .input,
.shipping-dialog .input,
.terms-dialog .input,
.forward-dialog .input {
  margin: 0.4em 0;
  position: relative;
}
.sob-dialog ::-webkit-input-placeholder,
.admin-dialog ::-webkit-input-placeholder,
.barcode-dialog ::-webkit-input-placeholder,
.password-dialog ::-webkit-input-placeholder,
.shipping-dialog ::-webkit-input-placeholder,
.terms-dialog ::-webkit-input-placeholder,
.forward-dialog ::-webkit-input-placeholder {
  color: #ddd;
}
.sob-dialog :-moz-placeholder,
.admin-dialog :-moz-placeholder,
.barcode-dialog :-moz-placeholder,
.password-dialog :-moz-placeholder,
.shipping-dialog :-moz-placeholder,
.terms-dialog :-moz-placeholder,
.forward-dialog :-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
.sob-dialog ::-moz-placeholder,
.admin-dialog ::-moz-placeholder,
.barcode-dialog ::-moz-placeholder,
.password-dialog ::-moz-placeholder,
.shipping-dialog ::-moz-placeholder,
.terms-dialog ::-moz-placeholder,
.forward-dialog ::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
.sob-dialog :-ms-input-placeholder,
.admin-dialog :-ms-input-placeholder,
.barcode-dialog :-ms-input-placeholder,
.password-dialog :-ms-input-placeholder,
.shipping-dialog :-ms-input-placeholder,
.terms-dialog :-ms-input-placeholder,
.forward-dialog :-ms-input-placeholder {
  color: #ddd;
}
.sob-dialog ::-ms-input-placeholder,
.admin-dialog ::-ms-input-placeholder,
.barcode-dialog ::-ms-input-placeholder,
.password-dialog ::-ms-input-placeholder,
.shipping-dialog ::-ms-input-placeholder,
.terms-dialog ::-ms-input-placeholder,
.forward-dialog ::-ms-input-placeholder {
  color: #ddd;
}
.shop-barcode-toggle {
  cursor: pointer;
}
.blockbox {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1100;
  background-color: #222;
  opacity: 0.5;
}
#barcode-results {
  margin-top: 1em;
  font-size: 1.2em;
  overflow-y: auto;
  height: 18em;
}
#barcode-results .result {
  margin-bottom: 1em;
}
#barcode-results .result .circle-status {
  float: left;
}
#barcode-results .result p {
  margin: 0;
  float: right;
  width: 90%;
}
.modal {
  position: fixed;
  top: 2em;
  bottom: 2em;
  left: 2em;
  right: 2em;
  background-color: #fff;
  z-index: 10000;
  box-shadow: 0 0 1em rgba(0,0,0,0.3);
  padding: 2em;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 40em;
}
.modal-details {
  max-width: 50em;
  overflow: auto;
  margin: 0 auto;
}
.modal__x {
  position: fixed;
  display: block;
  top: 4em;
  right: 4em;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #000;
  color: #fff;
}
.modal:not(.modal--open) {
  display: none;
}
.modal .notes input[type="text"],
.modal .notes textarea {
  text-align: left;
  padding-left: 1em;
  color: #000;
}
.modal .notes textarea {
  resize: vertical;
}
.is-desktop .modal--skinny {
  max-width: 30em;
  margin: 0 auto;
}
.is-mobile .modal--edges {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: none;
}
.nav-item {
  position: relative;
}
.nav-item__count {
  position: absolute;
  left: 88%;
  bottom: 50%;
  font-size: 0.9em;
  white-space: nowrap;
}
.nc {
  position: fixed;
  z-index: 1001;
  color: #9d9d9c;
  width: 100%;
  transition: top 0.3s;
  border-top: 1px solid #a7a9ac;
  border-left: 1px solid #a7a9ac;
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 7em;
}
.nc .nav-toggle {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 0;
  right: 1.2em;
  display: inline-block;
  border: 0;
}
.nc .nav-toggle img {
  width: 100%;
  height: 100%;
}
.nc.open {
  top: 5em;
}
.nc__inner {
  background-color: #fff;
  padding-bottom: 2em;
  z-index: 1001;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}
.nc__dividor {
  margin-top: 1em;
  margin-bottom: 1em;
}
.nc__logoutlink {
  font-size: 0.9em;
  position: absolute;
  top: 1.5em;
}
.nc__logoutlink--desktop {
  right: 2em;
}
.nc__logoutlink--mobile {
  left: 2em;
}
.nc__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1002;
  padding: 1em 2em 1em 2.5em;
  width: 100%;
  box-sizing: border-box;
}
.nc__footnote {
  font-size: 0.8em;
}
.nc p,
.nc a {
  color: #9d9d9c;
}
.nc a {
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #a7a9ac;
  padding: 1em 0;
}
.nc a.sublink {
  background: #ececec;
  padding: 1em;
}
.nc a.sublink span {
  display: block;
  padding: 1em 0;
}
.nc a.sublink + .sublink span {
  border-top: 1px solid #a7a9ac;
}
.nc .catnav-toggle {
  display: none;
}
.no-payment-required-message {
  text-align: center;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.order-history-order__item {
  color: #a7a9ac;
  font-size: 1.2em;
}
.order-history-order__item .shipped {
  cursor: pointer;
}
.order-history-order__header {
  position: relative;
  padding: 0 0 1em 0;
  margin-top: 2em;
}
.order-history-order__po {
  color: #a7a9ac;
}
.order-history-order__date {
  color: #a7a9ac;
  position: absolute;
  bottom: 1em;
  right: 0;
}
.order-history-order__status {
  font-size: 1.5em;
  color: #a7a9ac;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.order-history-order__total,
.order-history-order__total-title {
  font-weight: bold;
}
.order-history-order__image {
  height: 6em;
  line-height: 5.6em;
  max-width: 6em;
  text-align: center;
  padding: 0.2em;
}
.order-history-order__image img {
  max-width: 5.6em;
  max-height: 5.6em;
  vertical-align: middle;
}
.order-history-order__total,
.order-history-order__quantity {
  text-align: right;
}
.order-history-order__title {
  font-weight: bold;
  color: #3c3c3b;
}
.order-history-order__title p {
  margin-top: 0;
}
.order-history-order__heading {
  font-size: 1.5em;
  margin-bottom: 0.2em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.2em;
}
.order-history-order__address {
  color: #a7a9ac;
}
.order-history-order__address div {
  float: left;
  max-width: 50%;
}
.order-history-order__address div + div {
  float: right;
  text-align: right;
}
.order-history-order__notes {
  color: #a7a9ac;
}
.order-history-order__notes div {
  float: left;
}
.order-history-tracking {
  font-size: 1.2em;
}
.order-history-tracking th,
.order-history-tracking td {
  border-bottom: 1px solid #ccc;
}
.order-history-tracking th {
  padding: 0.8em 0;
  text-align: left;
}
.order-history-tracking th + th {
  padding-left: 0.8em;
}
.order-history-tracking td {
  color: #a7a9ac;
}
.is-mobile .order-history-order__item {
  font-size: 1em;
}
.orders td a,
.items td a {
  color: #3c3c3b;
}
.overage_delta_related {
  color: #ffa500;
  float: right;
}
@page {
  size: 210mm 297mm;
  margin: 15mm;
}
@media print {
  .shop-nav,
  .shop-nav-spacer,
  .breadcrumbs,
  .breadcrumbs-spacer,
  .controlpanel,
  .nc,
  .allocation-header-spacer,
  .footer,
  .bottom-button-spacer,
  .button {
    display: none !important;
  }
  .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }
}
.return-prompt__details {
  color: #a7a9ac;
}
.return-prompt__details p {
  margin: 0;
}
.return-prompt__details p + p {
  margin-top: 0.5em;
}
.return-prompt__title {
  color: #3c3c3b;
  font-weight: bold;
}
.return-section {
  font-size: 0.9em;
}
.scope table {
  border-collapse: collapse;
  width: 100%;
}
.scope table thead {
  border: 1px solid #a7a9ac;
}
.scope table thead th {
  padding: 0.2em 0.2em 1em 0.2em;
}
.scope table thead th .add {
  padding: 0 1em;
  margin-top: 0.6em;
  display: inline-block;
  cursor: pointer;
}
.scope table tbody {
  border: 1px solid #a7a9ac;
  border-bottom: 0;
  font-size: 1.2em;
  line-height: 1.8em;
  text-align: center;
  color: #a7a9ac;
}
.scope table tbody tr td {
  border-bottom: 1px solid #a7a9ac;
  padding: 0.8em;
}
.scope table tbody tr td .remove {
  cursor: pointer;
}
.section {
  box-sizing: border-box;
}
.shop-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  text-align: center;
  background-color: #fff;
  white-space: nowrap;
}
.shop-nav a {
  text-decoration: none;
  display: inline-block;
  color: #878787;
  font-size: 1em;
  height: 2.7em;
}
.shop-nav a:hover,
.shop-nav a.active {
  border-bottom: 0.16em solid #3c3c3b;
  color: #3c3c3b;
  font-weight: bold;
}
.shop-nav a.active:hover {
  border-bottom: 0.2em solid #706f6f;
  color: #706f6f;
}
.shop-nav select {
  width: 1.5em;
  height: 1.5em;
  padding-right: 0;
  margin-top: 0.6em;
  border: none;
  background: url("/images/icon-user.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: center;
}
.shop-nav__word,
.shop-nav__icon {
  display: inline-block;
  line-height: 3em;
  height: 4em;
  text-transform: uppercase;
  white-space: nowrap;
}
.shop-nav__icon {
  float: right;
  margin-left: 1em;
}
.shop-nav__icon img {
  height: 1.5em;
  width: 1.5em;
  padding-top: 0.6em;
}
.shop-nav__icon .header-cart-count {
  background-color: #a48a67;
  color: #fff;
  text-align: center;
  border-radius: 1em;
  position: relative;
  top: -1em;
  right: 0.5em;
  height: 1.5em;
  width: 1.5em;
  line-height: 1.5em;
  letter-spacing: -0.1em;
  display: inline-block;
}
.shop-nav__icon.search-box {
  margin-left: 0 !important;
  position: absolute !important;
  z-index: 1000 !important;
  display: block;
  top: 4.5em !important;
  right: 2em !important;
  width: 25em;
}
.shop-nav__icon.search-box input {
  width: 100%;
}
.shop-nav__left,
.shop-nav__right {
  display: block;
  position: absolute;
  top: 50%;
  line-height: inherit;
  height: inherit;
  margin-top: -1.4em;
  max-width: 20%;
  overflow: hidden;
}
.shop-nav__left {
  left: 0;
  text-align: left;
}
.shop-nav__right {
  right: 0;
  text-align: right;
}
.shop-nav__title {
  display: inline-block;
  width: 50%;
  margin: 0 auto;
  overflow: hidden;
  height: 3em;
}
.shop-nav__logo {
  float: left;
  display: inline-block;
  height: 2.5em;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-top: 0.75em;
  margin-right: 1em;
}
.shop-nav__inner {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #a7a9ac;
  margin: 1em 0 0;
  padding-bottom: 0.2em;
}
.shop-nav__subnav {
  transition: margin-top 0.3s ease;
  width: 100%;
  text-align: center;
  background: #eee;
  box-sizing: border-box;
  padding: 1em;
  position: fixed;
  z-index: 1001;
  margin-top: 0;
}
.shop-nav__subnav.open {
  margin-top: 5em;
}
.shop-nav__subnav a {
  color: #878787;
  text-decoration: none;
  padding: 0 1em;
  line-height: 3em;
  text-transform: uppercase;
  display: inline-block;
}
.shop-nav__subnav a:hover {
  font-weight: bold;
}
.shop-nav__subnav a.active {
  border-bottom: 0.2em solid #878787;
}
.shop-nav-spacer {
  transition: height 0.3s ease;
  height: 5.3em;
}
.zoomed .shop-nav {
  display: none;
}
.is-mobile .shop-nav__subnav,
.is-mobile .shop-nav__word,
.is-mobile .shop-nav__icon:not(.shop-nav__icon--always) {
  display: none !important;
}
.is-mobile .shop-nav__icon:not(.search-box) {
  margin-left: 1em !important;
}
.is-mobile .shop-nav__icon.search-box {
  width: 100%;
  right: 0 !important;
}
.is-narrowish .shop-nav__word {
  margin: 0 0.7em;
}
.is-widish .shop-nav__word {
  margin: 0 1em;
}
@charset 'UTF-8';
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff url("/bower_components/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("/bower_components/slick-carousel/slick/fonts/slick.eot");
  src: url("/bower_components/slick-carousel/slick/fonts/slick.eot?#iefix") format('embedded-opentype'), url("/bower_components/slick-carousel/slick/fonts/slick.woff") format('woff'), url("/bower_components/slick-carousel/slick/fonts/slick.ttf") format('truetype'), url("/bower_components/slick-carousel/slick/fonts/slick.svg#slick") format('svg');
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 100;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 25px;
}
[dir='rtl'] .slick-prev {
  right: 25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: 25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
}
.status {
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.status--in-wardrobe {
  color: #3ca627;
  border-color: #3ca627;
}
.status--in-cart {
  color: #4793b3;
  border-color: #4793b3;
}
.status--catalogue {
  color: #cd3838;
  border-color: #cd3838;
}
.status--on-allocation {
  color: #4793b3;
  border-color: #4793b3;
}
.stocks {
  width: 100%;
  border: 1px solid #a7a9ac;
  padding: 0.5em;
}
.stocks th,
.stocks td {
  padding: 0.3em;
}
.stocks th.centre,
.stocks td.centre {
  text-align: center;
}
.stocks th {
  text-align: left;
}
.style-cart {
  border-top: 1px solid #a7a9ac;
  border-bottom: 1px solid #a7a9ac;
  margin-top: 1em;
}
.style-cart__item {
  padding: 1em 0;
}
.style-cart__item + .style-cart__item {
  border-top: 1px solid #a7a9ac;
}
.style-cart__item:not(.style-cart__item--backorder) .style-cart__backorder {
  visibility: hidden;
}
.style-cart__emblems {
  cursor: pointer;
  margin-left: 0.5em !important;
}
.style-cart__preloved {
  margin-left: 0.5em !important;
}
.style-cart__warehouse {
  width: 2em;
}
.style-cart__costcentre {
  float: left;
  margin-left: 1em;
}
.style-cart__backorder,
.style-cart__warehouse {
  text-align: center;
  border-radius: 1em;
  padding: 0 0.8em;
  color: #fff;
  font-weight: bold;
  font-size: 0.7em;
  margin-top: 0.5em;
  margin-left: 0.2em !important;
}
.style-cart__quantity {
  float: right !important;
}
.style-cart__adjustor {
  width: 5.5em;
  float: right;
  margin-left: 0.5em;
  text-align: right;
}
.style-cart__adjustor.cart__remove-all {
  height: 1em;
  width: 1em;
  top: 0.06em;
  margin-left: 0.5em;
}
.style-cart__adjustor.cart__remove-all img {
  height: 1em;
  width: 1em;
}
.style-cart__approved,
.style-cart__approved-required {
  width: 100%;
  line-height: 1.5em !important;
  padding-top: 0.3em;
  clear: both;
  margin-left: 0 !important;
}
.style-cart__warning {
  width: 100%;
  color: #eab500;
  line-height: 1.5em !important;
  padding-top: 0.3em;
  clear: both;
}
.style-cart__warning span {
  padding-left: 0.5em;
}
.style-cart__columns > * {
  line-height: 2em;
}
.style-cart__columns > *:not(:last-child) {
  float: left;
}
.style-cart__columns > *:not(:last-child):not(:first-child):not(:last-child) {
  margin-left: 1em;
}
.style-cart__size {
  width: 20%;
}
.style-cart__emblems-editor,
.style-cart__emblems-editor-new {
  overflow: hidden;
  transition: height 0.3s;
}
.style-cart__emblems-editor > *,
.style-cart__emblems-editor-new > * {
  padding: 0.5em;
  margin: 1em 0;
  background-color: #eee;
  box-sizing: border-box;
}
.style-cart:empty {
  padding: 1em;
  color: #888;
  font-style: italic;
  text-align: center;
}
.style-cart:empty:before {
  content: "None in cart";
}
.sub-nav {
  position: relative;
  height: 2.4em;
  line-height: 2.4em;
}
.sub-nav a {
  text-decoration: none;
}
.sub-nav__left,
.sub-nav__right {
  position: absolute;
  top: 50%;
  line-height: inherit;
  height: inherit;
  margin-top: -1.2em;
}
.sub-nav__left {
  left: 0;
}
.sub-nav__right {
  right: 0;
}
.sub-nav-spacer {
  height: 2.4em;
}
.subdetail {
  display: inline-block;
  white-space: no-wrap;
  color: #a7a9ac;
  margin-bottom: 0.4em;
}
.subdetail + .subdetail {
  margin-left: 0.7em;
  padding-left: 0.7em;
  border-left: 1px solid #a7a9ac;
}
.subdetail--warning {
  font-weight: bold;
}
.subdetail--off {
  display: none;
}
.tabs__tab:not(.tabs__tab--open) {
  display: none;
}
.tabs__nav {
  width: 100%;
}
.tabs__navitem {
  display: inline-block;
  line-height: 2.6em;
  text-align: center;
  color: #706f6f;
  border: 0;
}
.tabs__navitem--half {
  width: calc(50% - 2px);
}
.tabs__navitem--half-other {
  width: calc(50% - 2px);
  margin-bottom: 1em;
}
.tabs__navitem--third {
  width: calc(33% - 2px);
}
.tabs__navitem:not(.tabs__navitem--active) {
  background-color: #ddd;
}
.tabs__navitem--active {
  background-color: #eee;
  color: #706f6f;
  font-weight: bold;
}
.tabs__content {
  background-color: #eee;
  padding: 1em;
}
.tabs__content input,
.tabs__content select,
.tabs__content textarea {
  background-color: #fff;
}
.dataTables_filter input {
  display: inline-block;
  height: 2.2em;
  font-size: 1.2em;
  border: 1px solid #706f6f;
  padding: 0 0.5em;
  line-height: 1.2em;
}
.datatables select {
  width: 1em;
  margin: 0;
  padding: 0;
  background-position-x: center;
  padding-left: 1.5em;
  border: 0;
  background-size: 2em;
}
.datatables .align-center {
  text-align: center;
}
div.dt-buttons {
  display: inline-block;
}
.dt-button {
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2em !important;
  border: 1px solid #706f6f !important;
  font-weight: bold;
  color: #706f6f !important;
  display: block;
  background-color: transparent;
  border-radius: 0 !important;
  margin-left: 0 !important;
  margin-right: 0.5em;
  font-size: 1em !important;
  padding: 0.5em;
  float: left;
  text-decoration: none;
}
.dt-button + .dt-button {
  margin-right: 0 !important;
}
.dt-button-collection .buttons-columnVisibility {
  width: 100%;
  margin-left: 0;
}
.dt-button-collection .buttons-columnVisibility.active {
  background-color: #ccc;
}
.dataTables_wrapper .toolbar {
  margin-right: 0.25em;
}
.dataTables_wrapper .toolbar .controls select {
  margin: 0;
  margin-left: 2em;
  line-height: 1.9em;
}
.multi-approve {
  margin-bottom: 1em;
}
.multi-approve label {
  line-height: 2em;
  float: left;
  margin-right: 1em;
}
.is-mobile .dataTables_wrapper .toolbar {
  width: 100%;
  float: none;
  margin-bottom: 0.33em;
}
.is-mobile .dataTables_wrapper .toolbar a {
  width: 100%;
  height: 2em;
  box-sizing: border-box;
}
.is-mobile .dataTables_wrapper .dt-buttons {
  width: 100%;
}
.is-mobile .dataTables_wrapper .dt-buttons button {
  width: 49%;
  float: left;
  height: 2em;
  padding: 0;
  margin-bottom: 0;
}
.is-mobile .dataTables_wrapper .dt-buttons button + button {
  float: right;
}
.is-mobile .dataTables_wrapper .dataTables_filter {
  margin-top: 0;
  margin-bottom: 1em;
}
.is-mobile .dataTables_wrapper .dataTables_filter input {
  margin-left: 0;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
.user .control {
  margin-top: 1.5em;
}
.user .control.top {
  margin-bottom: 1.5em;
}
.user .control button {
  text-align: center;
  text-transform: uppercase;
  line-height: 2.2em;
  border: 1px solid #a7a9ac;
  font-weight: bold;
  color: #a7a9ac;
  width: 15em;
  margin: 0 auto;
  display: block;
  background-color: transparent;
  cursor: pointer;
}
.user-column {
  display: block;
  float: left;
  width: calc(50% - 1em);
}
.user-column + .user-column {
  float: right;
}
.user-column + .user-column .notice {
  background-color: #ddd;
  font-size: 1.2em;
  line-height: 1.8em;
  padding: 1em;
  text-align: center;
}
.user-details__field {
  position: relative;
}
.user-details__name {
  color: #a7a9ac;
  margin-top: 1em;
  line-height: 2em;
  font-size: 1.2em;
}
.user-details__value input[type="text"]:not(.short),
.user-details__value .input:not(.short) {
  width: 100%;
}
.user-details__value input[type="text"].short,
.user-details__value .input.short {
  width: 5em;
}
.user-details__value input[type="password"] {
  width: 50%;
}
.user-details__value .add {
  display: inline-block;
  float: right;
  width: 2em;
  height: 2.6em;
  margin-top: 0.8em;
  cursor: pointer;
}
.user-details__value .input {
  display: inline-block;
  border: 1px solid #a7a9ac;
  margin: 0.2em 0;
  padding: 0.3em 0.5em;
  font-size: 1.2em;
  line-height: 1.8em;
  box-sizing: border-box;
  color: #a7a9ac;
  background-color: #fff;
  border-radius: 0;
}
.user-details__value .input a {
  cursor: pointer;
  float: right;
}
.user-details__value .supplementary {
  width: 45%;
  float: right;
  padding: 0.3em 0.5em;
  line-height: 1.8em;
  font-size: 1.2em;
  text-align: right;
  color: #a7a9ac;
  margin: 0.2em 0;
}
.user-details__value .supplementary .tip {
  cursor: pointer;
}
.user-details__swappable input[type="text"],
.user-details__swappable .input {
  width: 100%;
  line-height: 1.3em;
  padding-left: 0.8em;
}
.user-details__swappable__dropdown,
.user-details__swappable__textbox {
  padding-right: 3em;
}
.user-details__swappable__toggle {
  float: right;
  font-size: 2em;
  line-height: 1.4em;
}
.user-assigned {
  width: 100%;
}
.user-assigned th,
.user-assigned td {
  padding: 0.2em;
}
.user-assigned th {
  text-align: left;
  background-color: #ddd;
}
.user-assigned th.tip {
  width: 4.5em;
  cursor: pointer;
}
.user-assigned td {
  background-color: #eee;
}
.user-assigned td .remove {
  cursor: pointer;
}
.user-assigned td.center {
  text-align: center;
}
.new-user,
.new-note {
  text-align: center;
  text-transform: uppercase;
  line-height: 2.2em;
  border: 1px solid #706f6f;
  font-weight: bold;
  color: #706f6f;
  width: 7em;
  display: block;
  background-color: transparent;
  text-decoration: none;
}
.is-mobile .user-column {
  float: none;
  width: 100%;
}
.wardrobe__item {
  color: #a7a9ac;
}
.wardrobe__image {
  height: 6em;
  max-width: 6em;
}
.wardrobe__title {
  font-weight: bold;
  color: #3c3c3b;
  font-size: 1.2em;
  line-height: 1.2em;
}
.wardrobe__action {
  border-radius: 0.75em;
  display: inline-block;
  height: 1.5em;
  line-height: 1.55em;
  border: 1px solid #a7a9ac;
  text-align: center;
  padding: 0 0.75em;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  color: #b2b2b2;
  margin-top: 0.7em;
}
.wardrobe__actioned {
  font-size: 0.8em;
}
.wardrobe__unaction {
  font-size: 0.8em;
  border-radius: 0.75em;
  display: inline-block;
  height: 1.1em;
  line-height: 1em;
  border: 1px solid #a7a9ac;
  text-align: center;
  padding: 0 0.5em;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  color: #b2b2b2;
}
.wardrobe__status {
  line-height: 1.5em;
}
.wardrobe__status .circle-status {
  line-height: 1.2em;
}
.wardrobe td {
  vertical-align: middle;
}
.wardrobe__actions {
  vertical-align: middle !important;
  text-align: right;
}
.wrapper {
  padding-left: 1.2em;
  padding-right: 1.2em;
  max-width: 1200px;
  margin: 0 auto;
}
.wrapper--wide {
  max-width: 1400px;
}
.is-widish.is-windowed .wrapper:not(.wrapper--rigid) {
  padding-right: 26.2em;
}
.is-desktop .wrapper {
  padding-left: 4.2em;
  padding-right: 4.2em;
}
.is-narrowish .narrowish-wrapper {
  padding-left: 1em;
  padding-right: 1em;
  margin: 0 auto;
}
.is-desktop:not(.is-widish) .narrowish-wrapper {
  padding-left: 4.7em;
  padding-right: 4.7em;
}