/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: transparent;
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1;
}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

ol,
ul {
  list-style: none;
}

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

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body,
button,
input,
select,
table,
textarea {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  color: #636363;
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: #3399CC;
  text-decoration: none;
}

a:hover {
  color: #2e8ab8;
  text-decoration: underline;
}

a:focus {
  outline-color: #3091c2;
  color: #143d52;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1 {
  margin: 0;
  margin-bottom: 0.7em;
  color: #3399CC;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h2, .h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
}

h3, .h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h4, .h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h5, .h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h6, .h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #11B400;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #DF280A;
}

.availability-only {
  color: #DF280A;
  margin-bottom: 10px;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
  text-transform: uppercase;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #636363;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 3px !important;
  margin-bottom: 15px !important;
  text-transform: uppercase;
}

.page-title h1 {
  border-bottom: none;
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
  margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
  margin-bottom: 0;
}

.block-title {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 5px;
  border-top: 1px solid #CCCCCC;
}
.block-title h2,
.block-title h3,
.block-title strong {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  color: #3399CC;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.block-title small {
  font-size: 100%;
  font-weight: normal;
  color: #A0A0A0;
}

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-subtitle {
  font-weight: bold;
  margin-bottom: 7px;
}

.block-content {
  margin-top: 5px !important;
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.block .actions {
  margin: 10px 0 0;
}
.block .actions:after {
  content: '';
  display: table;
  clear: both;
}
.block .actions a {
  float: left;
}
.block .actions .button {
  float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px;
}

@media only screen and (max-width: 770px) {
  .sidebar .block:not(.block-layered-nav) {
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title {
    padding: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
    display: block;
    width: 100%;
    cursor: pointer;
    border-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399CC;
    border-right: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
    background-color: #ededed;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399CC;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
    background-color: #ededed;
  }
  .sidebar .block:not(.block-layered-nav) .block-content {
    padding: 10px;
    margin-top: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
  }
  .sidebar .block:last-of-type {
    border-bottom: 1px solid #CCCCCC;
  }
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-account li,
.block-cms-menu li {
  text-transform: uppercase;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  margin: 7px 0 !important;
}
.block-account li strong,
.block-cms-menu li strong {
  font-weight: 400;
  color: #3399CC;
}
.block-account li a,
.block-cms-menu li a {
  color: #636363;
}
.block-account li a:hover,
.block-cms-menu li a:hover {
  color: #3399CC;
}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  background: #000;
  color: #fff;
  padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
  background: #3a3b3c;
  cursor: pointer;
  color: #fff;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
  background: #3a3b3c;
  color: #fff;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
  color: #fff;
  background: #3a3b3c;
  outline: none;
}

.sidebar .actions button.button {
  white-space: normal;
}

/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
  background: #000 !important;
  display: inline-block;
  padding: 7px 15px !important;
  border: 0;
  color: #FFFFFF;
  font-size: 12px !important;
  font-weight: normal;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 15px !important;
}
.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
  background: #3a3b3c;
  cursor: pointer;
}
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.footer .button:active {
  background: #3a3b3c;
  color: #FFFFFF;
}
.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus,
.footer .button:focus {
  outline: none;
  color: #FFFFFF;
}

a.button {
  text-decoration: none;
}

a.button:hover {
  color: #fff;
}

a.button.continueShoppingButton:hover, a.button.continueShoppingButton:focus {
  background: #000 !important;
  color: #fff !important;
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

.button2 {
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}

.button2:focus {
  outline: none;
}

.button2 span,
.button2 span span {
  line-height: 30px;
  height: 30px;
  text-decoration: underline;
  text-transform: uppercase;
  display: inline-block;
  color: #3399CC;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.button2 span:hover,
.button2 span span:hover {
  text-decoration: none;
  color: #246b8f;
}

/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left;
}

.paypal-after .paypal-or {
  float: left;
}

.paypal-or {
  line-height: 34px;
  margin: 0px 10px 5px;
}

.paypal-after .paypal-button {
  float: left;
}

.paypal-button {
  line-height: 0px;
}

.paypal-button img {
  display: inline;
}

@media only screen and (max-width: 740px) {
  .paypal-or {
    line-height: 20px;
  }

  .paypal-logo,
  .paypal-or,
  .paypal-button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  clear: both;
  margin: 10px 0 0;
  border-top: 1px solid #d9d9d9;
}
.buttons-set p.buttons-set-register > label {
  font-weight: normal;
}
.buttons-set p.required {
  margin: 0;
  margin-left: 10px;
  line-height: 33px;
  float: right;
}
.buttons-set .back-link {
  float: left;
  margin: 0;
  line-height: 33px;
}
.buttons-set a:not(.button) {
  line-height: 20px;
  display: inline-block;
  padding: 5px;
}
.buttons-set button.button {
  float: right;
  margin-left: 5px;
}
.buttons-set:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
  background-image: url(../images/icon_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
  .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image: url(../images/icon_sprite@2x.png);
    background-size: 100px 1000px;
  }
}
/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
  overflow: hidden;
  margin: -15px 0 15px;
}

.breadcrumbs li {
  float: left;
  font-size: 12px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  text-transform: uppercase;
}

.breadcrumbs a {
  float: left;
  color: #636363;
}

.breadcrumbs a:hover {
  color: #3399CC;
}

.breadcrumbs strong {
  color: #636363;
  font-weight: normal;
}

.breadcrumbs span {
  float: left;
  padding: 0 7px;
}

@media only screen and (max-width: 770px) {
  .breadcrumbs {
    display: none;
  }
}
/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #d9d9d9;
  text-align: center;
  /* Hide text */
  font: 0/0 a !important;
  text-shadow: none;
  color: transparent;
  position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
  background-color: #3399CC;
  border-color: #3399CC;
}

.btn-remove:after {
  content: 'X';
  color: #3399CC;
  height: 20px;
  line-height: 20px;
  width: 100%;
  font-size: 10px;
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  font-weight: bold;
}
.btn-remove:hover:after {
  color: #FFFFFF;
  text-decoration: none;
}

.btn-remove2 {
  background-position: 3px -648px;
  border: none !important;
  vertical-align: top !important;
  background: url("../images/spriteTransverse.png") no-repeat -132px 4px;
}
.btn-remove2:after {
  display: none;
}
.btn-remove2:hover {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #3399CC;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px;
}
.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #FFFFFF;
  border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: right;
  margin-left: 6px;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px;
}

.checkout-agreements .agreement-content {
  overflow-y: auto;
  max-width: 670px;
  max-height: 125px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background: #F4F4F4;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  font-size: 12px;
  line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container,
.footer-container {
  position: relative;
  margin: 20px auto;
}
.main-container:after,
.footer-container:after {
  content: '';
  display: table;
  clear: both;
}

.footer-container {
  padding-top: 0px;
}

/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.col-left {
  float: left;
  width: 25%;
  padding-left: 0;
  /* Remove the 15px padding */
  clear: left;
}
.col-left img {
  max-width: 100%;
}

.col-right {
  float: right;
  width: 280px;
  padding-right: 0;
  /* Remove the 15px padding */
}
.col-right img {
  max-width: 100%;
}

.col-main {
  float: left;
  width: 690px;
}

.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
  /* Remove the 15px padding */
}

.col2-left-layout .col-main {
  float: right;
  padding-right: 0;
  /* Remove the 15px padding */
}

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-right {
  width: 20.83333%;
}
.col3-layout .col-wrapper {
  float: left;
  width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
  float: right;
  width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
  width: 26.31579%;
}

@media only screen and (max-width: 1000px) {
  .col3-layout .col-right {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 10px;
    width: 25%;
  }
  .col3-layout .col-wrapper {
    float: right;
    width: 100%;
  }
  .col3-layout .col-wrapper .col-main {
    float: right;
    width: 75%;
  }
  .col3-layout .col-wrapper .col-left {
    width: 25%;
  }
}
@media only screen and (max-width: 1000px) {
  .wechat-payment-redirect .col-wrapper {
    width: 100%;
  }
  .wechat-payment-redirect .col-wrapper .col-main {
    float: none;
    width: auto;
  }
  .wechat-payment-redirect .col-wrapper .col-main .main {
    width: 90%;
  }
  .wechat-payment-redirect .col-wrapper .col-main .main h2.payment-weixin-h2 {
    width: 100%;
    margin-left: 0;
  }
}
/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 771px) {
  .top-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #676157;
  color: #E6E6E6;
  font-size: 11px;
  background: #FF0000;
  position: inherit;
  text-align: center;
}
.global-site-notice .notice-inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  color: #FFFFFF;
}
.global-site-notice p {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #3399CC;
  text-align: center;
  margin: 10px;
  text-transform: uppercase;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #11B400;
}

.error {
  color: #DF280A;
  font-weight: bold;
}

.notice {
  color: #E26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
  margin-bottom: 10px;
}

.messages li li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #ebebeb;
  font-size: 15px;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  color: #000000;
  border-left: 5px solid #000;
  background-color: #ebebeb;
}

.messages .error-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
  border-right: none;
}

.messages .notice-msg li {
  color: #000000;
  border-left: 5px solid #000;
  background-color: #ebebeb;
}

.messages .notice-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
  border-right: none;
}

.messages .success-msg li {
  color: #000000;
  border-left: 5px solid #000;
  background-color: #ebebeb;
}

.messages .success-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
  border-right: none;
}

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px;
}

.payment-methods dt {
  padding: 5px 0;
}

.payment-methods dd {
  padding-top: 10px;
}

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #CCCCCC;
  background: #F4F4F4;
}

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #CCCCCC;
  border-top: none;
  top: -11px;
  left: 30px;
}

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #F4F4F4;
  border-top: none;
  top: -10px;
  left: 30px;
}

.payment-methods .form-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px !important;
  margin-top: 5px !important;
  line-height: 24px !important;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */
  font-size: 12px !important;
}
.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 7px 0;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.price-box p {
  margin-bottom: 0;
}

.price-notice {
  color: #A0A0A0;
}

.price-box .price {
  color: #3399CC;
  font-size: 16px;
}

.price-box .price,
.price {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.price-box .price-label {
  color: #A0A0A0;
  white-space: nowrap;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.price-box .minimal-price-link {
  padding-left: 1em;
  color: #3399CC;
  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
  color: #A0A0A0;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
  display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
  display: inline-block;
}

.price-box .old-price .price {
  color: #A0A0A0;
  text-decoration: line-through;
}

.price-box .special-price {
  color: #3399CC;
  padding-left: 1em;
}
.price-box .special-price .price-label {
  color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

span.weee {
  display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
  font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
  font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
  font-weight: bold;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  font-size: 14px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.item-options:after {
  content: '';
  display: table;
  clear: both;
}
.item-options dt {
  float: left;
  clear: left;
  font-weight: 600;
  padding-right: 5px;
  font-style: italic;
}
.item-options dt:after {
  content: ': ';
}
.item-options dd {
  float: left;
  padding-left: 10px;
  margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #3399CC;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #3399CC;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}

@media only screen and (max-width: 479px) {
  .truncated {
    cursor: inherit;
  }
  .truncated a.details {
    display: none;
  }
  .truncated .truncated_full_value .item-options {
    display: block;
    position: static;
    z-index: 1;
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .truncated .truncated_full_value .item-options p {
    float: none;
  }
  .truncated .truncated_full_value .item-options:after {
    display: none;
  }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}
.add-to-links a {
  display: inline-block;
  padding: 0px 3px 3px;
}

.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
  position: relative;
  display: block;
}

@media only screen and (max-width: 770px) {
  body .product-img-box .product-image:hover {
    border-color: #d9d9d9;
  }
}
.no-touch .product-image:hover {
  border-color: #3399CC;
}

/* -------------------------------------------- *
 * Ratings
 */
.ratings {
  margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
  margin: 5px 0;
}
.ratings .rating-box {
  width: 65px;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -615px;
  overflow: hidden;
}
.ratings .rating-box .rating {
  float: left;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -600px;
}
.ratings .amount {
  display: block;
  margin: 5px auto;
}
.ratings .rating-links .separator {
  margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  margin: 0 0 1.5em;
}

.std ol {
  list-style: decimal outside;
  margin-bottom: 1.5em;
}

.std ol li {
  margin-left: 2em;
}

.std ul {
  list-style: disc outside;
  margin-bottom: 1.5em;
}

.std ul li {
  margin-left: 2em;
}

.std .note {
  color: #A0A0A0;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  margin-top: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background: #F4F4F4;
  padding: 5px 10px 0px 10px;
}
.toolbar:after {
  content: '';
  display: table;
  clear: both;
}

.pager-no-toolbar {
  margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 10px;
}

.toolbar,
.pager {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  color: #636363;
  line-height: 30px;
  font-size: 12px;
}

.toolbar label,
.pager-no-toolbar label {
  font-weight: normal;
  text-transform: uppercase;
}

.sorter {
  float: left;
  margin-bottom: 5px;
}
.sorter label {
  float: left;
  margin-right: 5px;
}
.sorter label:after {
  content: ':';
}

.sorter > .sort-by {
  float: left;
  margin-right: 5px;
  height: 30px;
}
.sorter > .sort-by .sort-by-switcher {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.sorter > .sort-by .sort-by-switcher--asc {
  background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
  background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
  background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
  background-position: -46px -567px;
}

.sorter > .view-mode {
  float: right;
}
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
  float: left;
  width: 30px;
  height: 30px;
}
.sorter > .view-mode .grid {
  margin-right: 5px;
  background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
  background-position: -42px -492px;
}
.sorter > .view-mode .list {
  background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
  background-position: -39px -517px;
}

.pager {
  float: right;
  overflow: hidden;
}
.pager > .count-container {
  float: left;
}
.pager .amount {
  float: left;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  white-space: nowrap;
  margin: 0 15px 0 0 !important;
  line-height: 30px;
}
.pager .limiter {
  float: left;
  height: 30px;
  line-height: 30px;
}
.pager .limiter > label {
  padding-right: 5px;
}
.pager .limiter > label:after {
  content: ':';
}
.pager .amount,
.pager .limiter,
.pager .pages {
  margin-bottom: 5px;
}

.pages {
  float: right;
  overflow: hidden;
  margin-left: 15px !important;
}
.pages strong {
  display: none;
}

.pages li {
  float: left;
}

.pages a,
.pages .current {
  display: inline-block;
  border: 0;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 30px !important;
  width: 25px;
  height: 30px;
  padding: 0;
  color: #3399CC;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.pages .current,
.pages .current:hover {
  color: #636363;
  border: 1px solid #CCCCCC;
  width: 30px;
  background-color: #FFFFFF;
  cursor: default;
}

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
}
.pages .next:hover,
.pages .previous:hover {
  border: 1px solid #3399CC;
}

.pages .next:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #3399CC;
  border-right: none;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px;
}
.pages .next:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #246b8f;
  border-right: none;
}

.pages .previous:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #3399CC;
  border-left: none;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -2px;
}
.pages .previous:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #246b8f;
  border-left: none;
}

@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none;
  }

  .pages {
    float: left;
  }

  .limiter label {
    display: none;
  }
}
@media only screen and (max-width: 770px) {
  .col1-layout .sorter,
  .col1-layout .pager {
    width: 100%;
  }
  .col1-layout .pager {
    float: left;
    clear: both;
  }
  .col1-layout .pager .pages {
    float: left;
    margin-left: 0;
  }
  .col1-layout .pager .count-container {
    float: right;
  }
}
@media only screen and (max-width: 979px) {
  .col2-left-layout .sorter,
  .col2-left-layout .pager,
  .col2-right-layout .sorter,
  .col2-right-layout .pager,
  .col3-layout .sorter,
  .col3-layout .pager {
    width: 100%;
  }
  .col2-left-layout .pager,
  .col2-right-layout .pager,
  .col3-layout .pager {
    float: left;
    clear: both;
  }
  .col2-left-layout .pager .pages,
  .col2-right-layout .pager .pages,
  .col3-layout .pager .pages {
    float: left;
    margin-left: 0;
  }
  .col2-left-layout .pager .count-container,
  .col2-right-layout .pager .count-container,
  .col3-layout .pager .count-container {
    float: right;
  }
}
@media only screen and (max-width: 1279px) {
  .toolbar .view-mode > label {
    display: none;
  }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #3399CC;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #246b8f;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #3399CC;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #246b8f;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}

.a-right,
.align-right {
  text-align: right;
}

.a-left {
  text-align: left;
}

.no-display {
  display: none !important;
}

.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto;
}

/* custome select */
.custom-select {
  background: #ebebeb;
  display: block;
  height: 30px !important;
  position: relative;
  width: 121px;
  margin-right: 8px;
  float: left;
  line-height: 26px !important;
}
.custom-select span {
  text-indent: 10px;
  font-size: 12px !important;
  display: inline-block;
  line-height: 30px !important;
  color: #000;
}
.custom-select i {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 8px solid #000 !important;
  height: 0;
  margin-left: 10px !important;
  margin-top: 2px !important;
  width: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.custom-select select {
  background: transparent none repeat scroll 0 center;
  border: 0 none;
  border-radius: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: 0 !important;
  padding-left: 5px;
  z-index: 9;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.li-custom-select {
  height: 40px;
  margin-bottom: 0;
}

.li-custom-select .custom-select .errormsg {
  position: absolute;
  top: 33px;
  display: block;
}

.page-print h2 {
  margin-top: 0.5em;
}

#popin-wrapper .main-form .custom-select {
  width: 100%;
  padding: 0;
  background: none;
}

#popin-wrapper .main-form .custom-select select {
  display: none;
}

/* tooltip */
.tooltip-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.tooltip-inner .tooltip-wrap {
  position: relative;
  font-size: 12px;
  margin-bottom: 8px;
  color: #999999;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.tooltip-inner .tooltip-wrap:last-child {
  margin: 0;
}
.tooltip-inner .tooltip-wrap.tooltip-word-break .tooltip-info-inner p {
  width: 300px;
  white-space: normal;
  word-break: break-word;
}
.tooltip-inner .tooltip-wrap .tooltip-btn {
  background: url(../images/checkout/tooltip-icon.jpg) no-repeat 0 0 transparent;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  margin-left: 4px;
  cursor: pointer;
}
.tooltip-inner .tooltip-wrap .tooltip-info {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.tooltip-inner .tooltip-wrap .tooltip-info.active .tooltip-info-inner {
  display: block !important;
}
.tooltip-inner .tooltip-wrap .tooltip-info-inner {
  background: #000000;
  padding: 12px 25px 14px 15px;
  position: absolute;
  z-index: 9;
  bottom: 30px;
  left: -22px;
  width: auto;
  white-space: nowrap;
  display: none;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.tooltip-inner .tooltip-wrap .tooltip-info-inner:before {
  width: 15px;
  height: 15px;
  content: '';
  position: absolute;
  background: #000000;
  bottom: -6px;
  left: 36px;
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
.tooltip-inner .tooltip-wrap .tooltip-info-inner .tooltip-close {
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
}
.tooltip-inner .tooltip-wrap .tooltip-info-inner .tooltip-close .icon {
  background: url(../images/checkout/tooltip-close-icon.png) no-repeat 0 0 transparent;
  width: 10px;
  height: 10px;
  background-size: contain;
  display: inline-block;
}
.tooltip-inner .tooltip-wrap .tooltip-info-inner p {
  margin: 0;
  color: #FFFFFF;
  line-height: 25px;
  font-size: 14px;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 7px;
}
.fieldset p.required {
  margin-bottom: 5px;
  float: right;
  font-size: 12px;
  margin-top: 0px;
}

.fieldset + .fieldset {
  margin-top: 5px;
}

form .legend {
  margin-top: 20px !important;
  margin-bottom: 15px !important;
  padding-bottom: 7px !important;
  border-bottom: 1px solid #d9d9d9 !important;
  font-size: inherit !important;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
  padding-top: 2px;
}
.input-box:after {
  content: '';
  display: table;
  clear: both;
}

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  float: left;
  margin-right: 5px;
  max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */
label {
  display: inline-block;
  font-size: 12px !important;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label.required:after,
span.required:after {
  content: ' *';
  font-weight: normal;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
}

label.required em,
span.required em {
  display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #A0A0A0;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
  font-size: 14px;
}

select + select {
  margin-left: 5px;
}

select[multiple] {
  width: 270px;
  border: 1px solid #C0C0C0;
  font-size: 15px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: none;
  background: #f8f8f8;
  font-size: 15px;
}

.input-text.validation-failed {
  border-color: #DF280A;
}

.input-text.validation-failed:focus {
  outline-color: #ef9485;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  height: 30px;
  padding: 0 8px;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  width: 365px;
  max-width: 100%;
}

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
}
.ie8 .input-text {
  max-width: none;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 3em;
  text-align: center;
  vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #A0A0A0;
}

input:-moz-placeholder {
  color: #A0A0A0;
}

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
  position: relative;
  top: -1px;
  display: inline-block;
}

.checkbox + label,
.radio + label {
  width: auto;
  max-width: 85%;
  padding: 0 0 0 8px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
  margin: 0 !important;
  color: #DF280A;
  font-size: 12px !important;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
  margin-bottom: 5px;
}
.form-list select {
  margin-top: 4px;
  width: 365px;
  max-width: 100%;
}
.form-list .input-range .input-text {
  width: 74px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
  margin-bottom: 10px;
}

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
  display: inline;
  float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
  float: left;
  margin-right: -40px;
  margin-top: 10px;
  margin-left: 15px;
}
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
  color: #636363;
  background-color: #F4F4F4;
  padding: 5px 10px;
  display: inline-block;
  width: auto;
  max-width: none;
  min-width: 250px;
  float: none;
  padding: 3px 10px 6px 30px;
}
.form-list .control label:hover,
.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
#co-shipping-method-form .sp-methods dd label:hover,
.product-options ul.options-list label:hover {
  background-color: #ededed;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
  min-width: inherit;
  padding: 0 10px;
  background: #3a3b3c;
  text-align: center;
  color: #fff;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control {
  margin-top: 10px;
}
.form-list .control label {
  float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
  margin-right: 6px;
}
.form-list .control .input-box {
  clear: none;
  display: inline-block;
  width: auto;
  padding: 0;
}

form .form-instructions {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px !important;
  color: #A0A0A0;
}

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%;
}

.data-table td,
.data-table th {
  padding: 10px !important;
  vertical-align: top !important;
}

.data-table th {
  background: #F4F4F4;
  text-transform: uppercase;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}

.data-table thead th,
.data-table tbody td {
  border-bottom: 1px solid #C0C0C0;
}

.data-table tbody td,
.data-table tfoot td {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.data-table tfoot tr {
  background: #F4F4F4;
}

.data-table tbody td .item-options {
  margin-left: 20px;
  margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
  content: ':';
}

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
  border: 1px solid #C0C0C0;
  padding: 12px 15px;
  margin: 0 0 15px;
}
.info-box h2 {
  font-weight: bold;
  font-size: 13px;
}

.info-table th,
.info-table td {
  vertical-align: top;
}

.info-table th {
  font-weight: bold;
  padding: 4px 20px 4px 0;
}

.info-table td {
  padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid #C0C0C0;
}
.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid #C0C0C0;
  padding: 6px;
  background-color: transparent;
}
.zebra-table tr {
  background-color: #EEEDED;
}
.zebra-table tr:nth-child(odd) {
  background-color: #F8F7F5;
}

/* ============================================ *
 * Linearize Table
 * ============================================ */
@media only screen and (max-width: 479px) {
  .linearize-table {
    /* Helpers */
  }
  .linearize-table tr,
  .linearize-table th,
  .linearize-table td {
    display: block;
  }
  .linearize-table thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table thead th.lin-hide {
    display: none;
  }
  .linearize-table thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table tbody tr {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
  }
  .linearize-table tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table tbody td.lin-hide {
    display: none;
  }
  .linearize-table tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table tbody td:first-child,
  .linearize-table tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .linearize-table tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table tfoot td {
    display: block;
    float: left;
  }
  .linearize-table tfoot td.lin-hide {
    display: none;
  }
  .linearize-table tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table .linearize-hide {
    display: none;
  }
  .linearize-table .linearize-unpad {
    padding: 0;
  }
  .linearize-table .linearize-show {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .linearize-table-large {
    /* Helpers */
  }
  .linearize-table-large tr,
  .linearize-table-large th,
  .linearize-table-large td {
    display: block;
  }
  .linearize-table-large thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table-large thead th.lin-hide {
    display: none;
  }
  .linearize-table-large thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table-large tbody tr {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
  }
  .linearize-table-large tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table-large tbody td.lin-hide {
    display: none;
  }
  .linearize-table-large tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table-large tbody td:first-child,
  .linearize-table-large tbody td:first-child h3 {
    font-weight: bold;
  }
  .linearize-table-large tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table-large tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .linearize-table-large tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table-large tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table-large tfoot td {
    display: block;
    float: left;
  }
  .linearize-table-large tfoot td.lin-hide {
    display: none;
  }
  .linearize-table-large tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table-large tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table-large .linearize-hide {
    display: none;
  }
  .linearize-table-large .linearize-unpad {
    padding: 0;
  }
  .linearize-table-large .linearize-show {
    display: block;
  }
}
@media only screen and (min-width: 600px) {
  .linearize-table .linearize-collapse {
    display: none;
  }
}
.sales-order-view .product-name-wrapper .item-msg.error, .sales-order-print .product-name-wrapper .item-msg.error {
  display: none;
}

/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  height: 100%;
  min-width: 980px;
  font-size: 14px;
}

.wrapper {
  min-width: 320px!important;
  min-height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/*alipay*/
#checkout-payment-method-load input.radio {
  display: block;
}

.overFlow {
  clear: both;
  overflow: hidden;
}

.net-payment-choose {
  overflow: hidden;
  padding-left: 0;
  width: 100%;
}

.net-payment-choose li {
  float: left;
}

.net-payment-choose li.first {
  float: none;
  padding-bottom: 40px;
  position: relative;
}

#dd_method_alipay_payment ul li p {
  margin-bottom: 10px;
  font-size: 12px;
}

.net-payment-choose li p.bank_pay {
  position: absolute;
  bottom: -5px;
  left: 0;
}

.net-payment-choose li input {
  float: left;
  margin: 13px 2px 0 3px;
  display: block !important;
}

.net-payment-choose li span {
  cursor: pointer;
  text-indent: -99em;
  overflow: hidden;
  float: left;
  width: 126px;
  height: 30px;
  background: url("../images/bank-logo-new.png") no-repeat;
}

.net-payment-choose li .ALIPAY {
  background: url("../images/bank_logo_sprite.png") no-repeat 0 4px;
}

.net-payment-choose li .BOCB2C {
  background-position: 0px -324px;
}

.net-payment-choose li .ICBCB2C {
  background-position: 0px -2988px;
}

.net-payment-choose li .CMB {
  background-position: 0px -1224px;
}

.net-payment-choose li .CCB {
  background-position: 0px -900px;
}

.net-payment-choose li .ABC {
  background-position: 0px -0px;
}

.net-payment-choose li .COMM {
  background-position: 0px -1296px;
}

.net-payment-choose li .PSBC {
  background-position: 0px -4248px;
}

.net-payment-choose li .CITIC {
  background-position: 0px -1188px;
}

.net-payment-choose li .SPDB {
  background-position: 0px -4644px;
}

.net-payment-choose li .CIB {
  background-position: 0px -1152px;
}

.net-payment-choose li .CMBC {
  background-position: 0px -1260px;
}

.net-payment-choose li .CEB {
  background-position: 0px -1080px;
}

.net-payment-choose li .SPABANK {
  background-position: 0px -4608px;
}

.net-payment-choose li .SHBANK {
  background-position: 0px -4500px;
}

.net-payment-choose li .HXBANK {
  background-position: 0px -2880px;
}

.net-payment-choose li .BJBANK {
  background-position: 0px -252px;
}

.net-payment-choose li .GDB {
  background-position: 0px -2016px;
}

.net-payment-choose li .EGBANK {
  background-position: 0px -1800px;
}

.net-payment-choose li .BJRCB {
  background-position: 0px -288px;
}

.net-payment-choose li .CRCBANK {
  background-position: 0px -1368px;
}

.net-payment-choose li .BOHAIB {
  background-position: 0px -504px;
}

.net-payment-choose li .SHRCB {
  background-position: 0px -4536px;
}

.net-payment-choose li .NJCB {
  background-position: 0px -4068px;
}

.net-payment-choose li .NBBANK {
  background-position: 0px -3888px;
}

.net-payment-choose li .HZCB {
  background-position: 0px -2916px;
}

.net-payment-choose li .CDCB {
  background-position: 0px -1008px;
}

.net-payment-choose li .SXRCCU {
  background-position: 0px -4788px;
}

.default-bank p {
  margin-top: 5px;
}

.clickPaymentOthers {
  display: inline-block;
  cursor: pointer;
  line-height: 30px;
  font-size: 14px;
  color: #000;
}

.paymentOthersContent {
  display: none;
}

.paymentOthersContent.paymentOthersContentShow {
  display: block;
}

#dd_method_weChat_payment .wechat_icon, #dd_method_mergeweChat_payment .wechat_icon {
  background: url("../images/wechat_icon.png") no-repeat 0 0;
  background-size: contain;
  height: 25px;
  display: block;
  margin: 9px 0 0 18px;
  padding: 4px 0 4px 32px;
  margin-top: 14px !important;
}

/* ============================================ *
 * Header
 * ============================================ */
@media only screen and (min-width: 771px) {
  .page-header {
    margin: 0 auto;
    background-color: black;
    width: 100%;
  }

  .page-header-container {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    text-align: center;
  }
}
.header-language-container,
.page-header {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */
.header-language-background {
  display: none;
}

.page-header-container .store-language-container {
  float: right;
  max-width: 35%;
  padding: 13px 15px 10px 10px;
}
.page-header-container .store-language-container label {
  display: none;
}
.page-header-container .store-language-container select {
  max-width: 100%;
}

@media only screen and (max-width: 479px) {
  .page-header-container .store-language-container {
    padding-top: 8px;
  }
  .page-header-container .store-language-container select {
    font-size: 12px;
  }
}
.header-language-background,
.header-language-background a {
  color: #E6E6E6;
}

/* ============================================ *
 * Logo
 * ============================================ */
.logo {
  display: inline-block;
  text-align: center;
}
.logo img {
  max-width: 100%;
}
.logo .small {
  display: block;
}
.logo .large {
  display: none;
}

/*
.logo:hover {
    opacity: 0.8;
}*/
@media only screen and (min-width: 771px) {
  .logo .small {
    display: none;
  }
  .logo .large {
    display: block;
  }
}
/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

@media only screen and (min-width: 771px) {
  .skip-links {
    border: 0;
  }
}
/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {
  position: relative;
  float: left;
  width: 20%;
  height: 44px;
  background: #FFFFFF;
  color: #636363;
  line-height: 42px;
  text-align: center;
}

a.skip-link {
  text-decoration: none;
}

.skip-link:not(.skip-active):hover {
  opacity: 0.8;
}

@media only screen and (max-width: 770px) {
  .skip-link {
    border-right: 1px solid #d9d9d9;
  }

  .skip-link:last-child {
    border-right: 0;
  }
}
@media only screen and (min-width: 500px) {
  .skip-link {
    width: 25%;
  }
}
/* -------------------------------------------- *
 * Skip Link - Active
 */
@media only screen and (max-width: 770px) {
  .skip-link.skip-active {
    background: #d9d9d9;
    color: inherit;
  }

  .skip-link.skip-active span {
    color: inherit;
  }
}
/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
  margin-right: 3px;
}

@media only screen and (min-width: 500px) {
  .skip-link .icon {
    margin-right: 3px;
  }
}
/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link .label {
  display: none;
}

@media only screen and (min-width: 500px) {
  .skip-link .label {
    display: inline;
  }
}
/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
  display: none;
}

.skip-content.skip-active {
  display: block;
  background: #d9d9d9;
}

/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 770px) {
  #header-account li a,
  .nav-primary a.level0 {
    padding: 0 15px 0 25px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    color: #636363;
    text-transform: uppercase;
    line-height: 30px;
  }

  #header-account li:last-child a,
  .nav-primary li.level0:last-child a.level0 {
    border-bottom: 0;
  }

  .no-touch #header-account a:hover,
  .no-touch .nav-primary a:hover {
    background-color: #F4F4F4;
    text-decoration: none;
  }
}
.account-cart-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
@media only screen and (max-width: 770px) {
  .account-cart-wrapper {
    position: static;
  }
}
.account-cart-wrapper .icon {
  display: none;
}

.ecomm img {
  display: inline-block;
}

.page-header-container {
  height: 75px;
}
.page-header-container .skip-links {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 600px;
}

.store-language-container {
  display: none;
}

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.skip-nav {
  width: 40%;
}
.skip-nav:not(.skip-active):hover {
  text-decoration: none;
}
.skip-nav:not(.skip-active):hover .icon {
  background-position: -46px 4px;
}

.skip-nav .label {
  display: inline;
}

.skip-nav .icon {
  background-position: 4px 4px;
}

@media only screen and (min-width: 500px) {
  .skip-nav {
    width: 25%;
  }
}
@media only screen and (min-width: 771px) {
  .skip-nav {
    display: none;
  }
}
/* ============================================ *
 * Nav - Skip Content
 * ============================================ */
@media only screen and (max-width: 770px) {
  #header-nav {
    padding: 5px 0;
  }
}
@media only screen and (min-width: 771px) {
  #header-nav {
    display: block;
    /* Force visibility */
    border-bottom: 1px solid #d9d9d9;
  }
}
/* ============================================ *
 * Nav Primary
 * ============================================ */
@media only screen and (min-width: 771px) {
  .nav-primary {
    display: block;
    margin-top: 15px;
  }
}
/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #636363;
  line-height: 30px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.nav-primary li {
  position: relative;
}
.nav-primary li.level1 a {
  border-bottom: 1px solid #CCCCCC;
}

.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
  display: block;
}

.nav-primary li.level0 > a {
  text-transform: uppercase;
}

/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */
@media only screen and (max-width: 770px) {
  .nav-primary a.level0,
  .nav-primary a {
    line-height: 35px;
  }
  .nav-primary li.level0 ul {
    display: none;
  }
  .nav-primary li.level0 li {
    padding: 0 0 0 25px;
  }
  .nav-primary li.level1 a {
    padding: 0 15px 0 25px;
  }
  .nav-primary li.parent > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ccc;
    border-right: none;
    top: 50%;
    left: 10px;
    right: auto;
    margin-top: -5px;
  }
  .nav-primary li.parent.sub-menu-active > a:after,
  .nav-primary li.parent.menu-active > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #ccc;
    border-bottom: none;
    top: 50%;
    left: 10px;
    right: auto;
    margin-top: -5px;
  }
  .nav-primary li.menu-active > a,
  .nav-primary li.sub-menu-active > a {
    color: #3399CC;
  }
}
/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */
@media only screen and (min-width: 771px) {
  .nav-primary {
    /* Default styles for 1+ drop-down menus */
    /* Level 2+ */
    /* Class for js to add briefly to evaluate element positioning. */
    /* Correct menus that will hang off the page (class added by js) */
    /* Level 1+ */
  }
  .nav-primary a.level0 {
    padding: 0 25px;
  }
  .nav-primary li.level0,
  .nav-primary a.level0 {
    display: inline-block;
  }
  .nav-primary li:last-child > a {
    border-bottom: none;
  }
  .nav-primary a:hover,
  .nav-primary li:hover > a {
    color: #3399CC;
  }
  .nav-primary .menu-active {
    z-index: 200;
  }
  .nav-primary li.level0 ul {
    background: #FBFBFB;
    border: solid 1px #CCCCCC;
    position: absolute;
    left: 0;
    top: 30px;
    /* Height of ".nav-primary a.level0" */
    z-index: 10;
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    /* Hide until displayed. */
  }
  .nav-primary li.level1 ul {
    left: 60px;
    top: 15px;
  }
  .nav-primary li.level0 ul.level0.position-test {
    display: block;
  }
  .nav-primary li.level0 ul.level0.spill {
    right: 0;
    left: auto;
  }
  .nav-primary li.level0 ul.level0.spill li.level1 ul {
    left: auto;
    right: 50px;
    top: 20px;
  }
  .nav-primary li.level0 li.parent > a {
    position: relative;
  }
  .nav-primary li.level0 li.parent > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #ccc;
    border-right: none;
    right: 5px;
    top: 50%;
    margin-top: -3px;
  }
}
.nav-primary li.menu-active > ul {
  display: block;
}

#header-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
}

#header-nav #nav {
  position: absolute;
  left: 100%;
  top: 0;
  height: 30px;
  overflow: hidden;
  transition-duration: 1s;
  transition-property: height;
}

#header-nav .nav-primary {
  margin-top: 0;
}

#header-nav .nav-primary li {
  display: block;
}

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search:not(.skip-active):hover .icon {
  background-position: -46px -146px;
}
.skip-search .icon {
  background-position: 4px -146px;
}

@media only screen and (min-width: 771px) {
  .skip-search {
    display: none;
  }
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
  padding: 20px;
}

@media only screen and (min-width: 771px) {
  #header-search {
    display: inline-block;
    padding: 0;
  }
}
/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
  padding-top: 0;
}

#search_mini_form .input-text {
  display: none;
}

#search_mini_form label {
  display: none;
}

#search {
  width: 100%;
  height: 40px;
  padding-right: 40px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

#search_mini_form .search-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 21px;
  border: 0;
  background-image: url("../images/search-icon.gif");
  background-repeat: no-repeat;
  padding: 0;
}
#search_mini_form .search-button span {
  display: none;
}

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account:not(.skip-active):hover .icon {
  background-position: -46px -44px;
}
.skip-account .icon {
  background-position: 4px -44px;
}

@media only screen and (min-width: 771px) {
  #header-account.skip-active {
    background: #FBFBFB;
    border: solid 1px #CCCCCC;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 115px;
    width: 200px;
  }

  #header-account a {
    display: block;
    padding: 5px 10px;
    color: #636363;
    line-height: 2;
  }

  #header-account a:hover {
    color: #3399CC;
  }
}
/* -------------------------------------------- *
 * Account Links
 */
#header-account {
  padding: 5px 0;
}

#header-account a {
  position: relative;
  display: block;
  padding: 5px 10px;
  line-height: 23px;
  text-align: center;
}

#header-account a:hover {
  color: #3399CC;
}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart:not(.skip-active):hover .icon {
  background-position: -50px -95px;
}
.skip-cart .icon {
  background-position: 0px -95px;
}

@media only screen and (min-width: 771px) {
  .skip-cart {
    width: auto;
    padding: 0 10px;
  }

  #header-cart.skip-active {
    background: #FBFBFB;
    border: solid 1px #CCCCCC;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 0;
    width: 320px;
    background: white;
  }
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  top: -6px;
  position: relative;
  z-index: 5;
  width: 22px;
  height: 22px;
  background: rgba(51, 153, 204, 0.9);
  color: #FFFFFF;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.skip-link.skip-active .count {
  color: white;
}

.skip-cart .icon {
  background-image: url("../images/mini-cart-icon.gif");
  background-repeat: no-repeat;
  background-position: top left !important;
  width: 15px;
  height: 21px;
  display: inline-block;
}

.skip-cart .label {
  display: none;
}

@media only screen and (max-width: 499px) {
  .skip-cart .count {
    margin-left: -12px;
  }
}
@media only screen and (min-width: 771px) {
  .skip-cart {
    color: #3399CC;
    text-transform: uppercase;
  }
  .skip-cart:hover {
    text-decoration: none;
  }
  .skip-cart .count {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    position: static;
    background: none;
    margin-left: 0px;
    font-size: 14px;
    width: auto;
  }
  .skip-cart .count:before {
    content: '(';
  }
  .skip-cart .count:after {
    content: ')';
  }

  .skip-cart .count,
  .skip-link.skip-active .count {
    color: #3399CC;
  }
}
.skip-cart .count.empty {
  display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px;
}

.cart-menu .actions .button {
  float: left;
  width: 48%;
}

.cart-menu .actions .button + .button {
  margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.2;
}

/* List */
.mini-cart-list {
  margin-bottom: 5px;
}

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #CCCCCC;
  font-size: 12px;
  line-height: 1.35;
}

.mini-cart-list .product-name {
  display: inline-block;
}

.mini-cart-list .product-image {
  position: absolute;
  left: 15px;
  top: 15px;
}

.mini-cart-list .product-image img {
  width: 60px;
  height: 60px;
}

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #A0A0A0;
  font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #CCCCCC;
  font-size: 12px;
}

/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */
.footer,
.footer button {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.footer {
  clear: both;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  padding-top: 30px;
  /* -------------------------------------------- *
   * Social icons
   */
}
@media only screen and (max-width: 479px) {
  .footer {
    padding-top: 15px;
  }
}
.footer .block-title {
  border-bottom: 0;
  padding: 3px 0;
}
.footer .block-title strong {
  font-weight: normal;
}
.footer .block-title,
.footer address {
  color: #3399CC;
}
.footer .links {
  float: left;
  width: 17%;
  padding: 0 30px 0 0;
  margin-bottom: 30px;
}
.footer .links li {
  word-break: break-all;
  line-height: 1.4;
  padding: 4px 0;
}
.footer .links a {
  color: #636363;
}
.footer .links a:hover {
  color: #3399CC;
}
.footer .block-subscribe {
  float: right;
  width: 320px;
  margin-bottom: 30px;
}
.footer .links,
.footer .block-subscribe {
  font-size: 12px;
}
.footer .form-subscribe-header {
  display: none;
}
.footer .links.social-media em {
  background-image: url(../images/social_icons.png);
  background-repeat: no-repeat;
  width: 13px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .footer .links.social-media em {
    background-image: url(../images/social_icons@2x.png);
    background-size: 50px 125px;
  }
}
.footer .links.social-media em.facebook {
  background-position: 0 -0px;
  height: 13px;
}
.footer .links.social-media a:hover em.facebook {
  background-position: -25px -0px;
}
.footer .links.social-media em.twitter {
  background-position: 0 -24px;
  height: 13px;
}
.footer .links.social-media a:hover em.twitter {
  background-position: -25px -24px;
}
.footer .links.social-media em.youtube {
  background-position: 0 -49px;
  height: 13px;
}
.footer .links.social-media a:hover em.youtube {
  background-position: -25px -49px;
}
.footer .links.social-media em.pinterest {
  background-position: 0 -74px;
  height: 15px;
}
.footer .links.social-media a:hover em.pinterest {
  background-position: -25px -74px;
}
.footer .links.social-media em.rss {
  background-position: 0 -99px;
  height: 13px;
}
.footer .links.social-media a:hover em.rss {
  background-position: -25px -99px;
}
.footer .block-subscribe .input-box {
  float: left;
  width: 65.625%;
  padding-top: 0;
}
.footer .block-subscribe .input-text {
  width: 100%;
  border-right: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.footer .block-subscribe .block-content {
  padding-top: 7px;
}
.footer .block-subscribe .block-content:after {
  content: '';
  display: table;
  clear: both;
}
.footer .block-subscribe .actions {
  float: left;
  width: 34.375%;
  margin: 0;
}
.footer .block-subscribe .actions .button {
  height: 30px;
  line-height: 17px;
  float: left;
}
.footer .bugs,
.footer address {
  clear: both;
}
.footer .bugs {
  display: none;
}
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
  clear: both;
  margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
  display: none;
}
.footer address {
  border-top: 1px solid #CCCCCC;
  text-align: center;
  width: 100%;
  font-size: 11px;
  margin-top: 30px;
  padding: 30px 0;
}
@media only screen and (max-width: 1199px) {
  .footer .links {
    width: 22.65625%;
    padding-right: 0;
    margin-right: 3.125%;
  }
  .footer .links:nth-child(4) {
    margin-right: 0;
  }
  .footer .block-subscribe {
    clear: both;
    float: none;
    margin: 0 auto 30px auto;
  }
}
@media only screen and (max-width: 770px) {
  .footer .form-language,
  .footer .currency-switcher {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .footer .links {
    width: 48.4375%;
    margin-right: 0;
  }
  .footer .links:nth-child(odd) {
    margin-right: 3.125%;
    clear: both;
  }
  .footer .block-subscribe {
    clear: both;
    float: left;
    width: 100%;
  }
}

.footer {
  text-align: center;
}

.footer > ul {
  display: inline-block;
}

.footer > div {
  text-align: center;
}

.footer_links > li {
  display: inline-block;
  margin-left: 15px;
}

.country_selector li {
  border-bottom: black 1px solid;
}

.social_links > li {
  display: inline-block;
}

/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
  border-bottom: none;
}

.category-image {
  margin-bottom: 1.5em;
}

.products-list .action .button,
.products-grid .actions .button {
  white-space: normal;
}

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.4;
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
  color: #636363;
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
  color: #3399CC;
  text-decoration: none;
}

.products-grid .product-name,
.products-list .product-name {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.products-grid .product-name a,
.products-list .product-name a {
  font-weight: 500;
}

/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
  position: relative;
}

.products-grid:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid > li {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.products-grid > li:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid .product-image {
  width: 100%;
  margin-bottom: 15px;
}

.products-grid .product-image img {
  width: 100%;
  height: auto;
}
.products-grid .product-image img:hidden {
  display: none;
}

.widget-new-products .products-grid .product-image {
  width: 75%;
  margin-bottom: 15px;
  margin-left: 10%;
}

.products-grid .product-info {
  position: relative;
  padding-bottom: 95px;
}

.products-grid .actions {
  padding-top: 10px;
  position: absolute;
  bottom: 0px;
  min-height: 85px;
  width: 100%;
}

.products-grid .ratings .rating-box {
  margin: 0 auto;
}

.products-grid .ratings .amount {
  display: none;
}

.products-grid .price-box {
  color: #A0A0A0;
  font-size: 12px;
  margin: 0 0 5px;
}

.products-grid .add-to-links {
  margin-bottom: 0;
}

/* Config: Two columns + flexible gutter */
.products-grid > li {
  float: left;
  width: 47.72727%;
  margin-right: 4.54545%;
}

.products-grid > li:nth-child(odd) {
  clear: left;
}

.products-grid > li:nth-child(even) {
  margin-right: 0;
}

.products-grid .product-image {
  margin-bottom: 5px;
}
.products-grid .product-image:before, .products-grid .product-image:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.products-grid .product-image:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.products-grid .product-image:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.products-grid .product-image.loading {
  position: relative;
}
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
  display: block;
}

@media only screen and (min-width: 480px) {
  /* Config: Three columns + flexible gutter */
  .products-grid {
    /* Undo two-column config */
    /* Set three-column config */
  }
  .products-grid > li:nth-child(odd) {
    clear: none;
  }
  .products-grid > li:nth-child(even) {
    margin-right: 3.7037%;
  }
  .products-grid > li {
    width: 30.8642%;
    margin-right: 3.7037%;
  }
  .products-grid > li:nth-child(3n+1) {
    clear: left;
  }
  .products-grid > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-4-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li:nth-child(4n+1) {
    clear: left;
  }

  .products-grid--max-4-col > li:nth-child(4n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-5-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li:nth-child(5n+1) {
    clear: left;
  }

  .products-grid--max-5-col > li:nth-child(5n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-6-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li {
    width: 14.81481%;
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li:nth-child(6n+1) {
    clear: left;
  }

  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.products-list > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.products-list > li:after {
  content: '';
  display: table;
  clear: both;
}
.products-list > li .product-image {
  float: left;
  width: 33.33333%;
}
.products-list > li .product-image img {
  width: 100%;
  max-width: 100%;
}
.products-list > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.products-list .product-shop {
  float: right;
  width: 66.66667%;
  padding-left: 20px;
}
.products-list .product-shop .product-name {
  margin-bottom: 0;
}
.products-list .product-shop .ratings {
  margin: 0;
}
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
  float: left;
  margin-right: 7px;
}
.products-list .product-shop .ratings .rating-links {
  margin-top: 4px;
}
.products-list .product-shop .price-box {
  margin-top: 0;
}
.products-list .product-shop .price-box .price {
  font-size: 18px;
}
.products-list .product-shop .action {
  margin: 7px 0;
}
.products-list .product-shop .desc {
  margin-top: 7px;
}
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
  float: left;
  width: 65%;
  overflow: hidden;
}
.products-list .product-shop .product-secondary {
  float: right;
  width: 35%;
  text-align: right;
  clear: right;
}

@media only screen and (min-width: 480px) {
  .products-list .product-name a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1279px) {
  .products-list .product-shop .product-primary,
  .products-list .product-shop .desc {
    float: left;
    width: 60%;
    padding-right: 20px;
  }
  .products-list .product-shop .product-secondary {
    float: right;
    width: 40%;
  }
}
@media only screen and (max-width: 600px) {
  .products-list .product-shop .price-box .special-price {
    padding-left: 0;
  }

  .products-list .product-shop .product-primary,
  .products-list .product-shop .product-secondary,
  .products-list .product-shop .desc {
    float: none;
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
  float: left;
  min-width: 50px;
}
.mini-products-list .product-details {
  margin-left: 60px;
}
.mini-products-list .product-details .product-name {
  padding-top: 10px;
}
.mini-products-list li {
  margin-bottom: 10px;
  clear: both;
}
.mini-products-list li:after {
  content: '';
  display: table;
  clear: both;
}

.mini-products-images-list:after {
  content: '';
  display: table;
  clear: both;
}
.mini-products-images-list li.item {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
  display: block;
}
.mini-products-images-list li.item .product-image img {
  width: 100%;
  max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-image {
  border: 1px solid #CCCCCC;
  padding: 10px;
}
.category-image img {
  width: 100%;
  max-width: 100%;
}
.category-image img:hidden {
  display: none;
}

/* ============================================ *
 * Layered Navigation
 * ============================================ */
.block-layered-nav .block-subtitle--filter {
  display: none;
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  position: relative;
  background-color: #F4F4F4;
  cursor: pointer;
}
.block-layered-nav .block-subtitle--filter:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #3399CC;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
.block-layered-nav .block-subtitle--filter:hover {
  background-color: #ededed;
}

.block-layered-nav .block-content .toggle-tabs {
  display: none;
}
.block-layered-nav .block-content > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  position: relative;
  background-color: #F4F4F4;
  display: block;
}
.block-layered-nav .block-content > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #3399CC;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
.block-layered-nav .block-content > dl > dt:hover {
  background-color: #ededed;
}
.block-layered-nav .block-content > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #CCCCCC;
}
.block-layered-nav .block-content > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}

.block-layered-nav dl dd {
  margin-bottom: 10px;
  margin-top: 10px;
}
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
  padding: 5px 15px;
  display: block;
}
.block-layered-nav dl dd ol > li > a .count {
  color: #A0A0A0;
}

@media only screen and (min-width: 771px) {
  .block-layered-nav .block-content > dl > dt {
    padding-left: 10px;
  }
  .block-layered-nav .block-content > dl > dt:after {
    display: none;
  }
}
@media only screen and (max-width: 770px) {
  .sidebar .block.block-layered-nav {
    border-bottom: none;
  }

  .block-layered-nav--no-filters .block-title {
    display: none;
  }

  .block-layered-nav .block-content {
    padding-top: 0;
    margin-top: 15px;
  }
  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
  }
  .block-layered-nav .block-content > dl > dt:hover {
    color: #3399CC;
  }
  .block-layered-nav .block-content > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399CC;
    border-right: none;
  }
  .block-layered-nav .block-content > dl > dt.last {
    border-bottom-width: 1px;
  }
  .block-layered-nav .block-content > dl > dd {
    display: none;
  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current {
    border-bottom-width: 1px;
  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399CC;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px;
  }
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block;
  }

  .block-layered-nav .block-subtitle--filter {
    background-color: #3399CC;
    border: 0;
    margin-bottom: 0;
    display: block;
    color: #FFFFFF;
  }
  .block-layered-nav .block-subtitle--filter:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    border-right: none;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }
  .block-layered-nav .block-subtitle--filter:hover {
    background-color: #2e8ab8;
    color: #FFFFFF;
  }
  .block-layered-nav .block-subtitle--filter.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #FFFFFF;
    border-bottom: none;
    right: 10px;
    top: 50%;
    margin-top: -3px;
  }

  #narrow-by-list,
  #narrow-by-list2 {
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-top: 0;
  }

  .block-layered-nav dl ol > li > a,
  .block-layered-nav dl ol > li > span {
    padding: 7px;
    margin: 5px;
  }

  .block-layered-nav dl ol > li > a {
    color: #636363;
    background-color: #F4F4F4;
    padding: 5px 10px;
  }
  .block-layered-nav dl ol > li > a:hover {
    text-decoration: none;
    background: #ededed;
  }
}
.block-layered-nav .currently .block-subtitle {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}
.block-layered-nav .currently ol {
  padding-left: 10px;
  margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
  margin-bottom: 5px;
}
.block-layered-nav .currently ol li .label {
  font-weight: bold;
}
.block-layered-nav .currently ol li:after {
  content: '';
  display: table;
  clear: both;
}

.block-layered-nav .actions {
  text-align: right;
  margin-bottom: 7px;
}

/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
  float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
  margin-top: 8px;
  margin-right: 10px;
}
.product-view .product-essential .extra-info .ratings:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-essential:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
  color: #3399CC;
  margin-bottom: 10px;
  border: 0;
}
.product-view .product-shop {
  width: 50%;
  float: right;
}
.product-view .product-shop .product-name {
  display: none;
  float: left;
}
.product-view .product-shop .product-name .h1 {
  float: left;
  margin-bottom: 5px;
}
.product-view .product-shop .extra-info {
  float: left;
  padding-right: 15px;
  clear: left;
  width: 70%;
}
.product-view .product-shop .price-info {
  float: right;
  padding-left: 15px;
  text-align: right;
}
.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
  max-width: 70%;
  margin-bottom: 10px;
}
.product-view .product-shop .short-description {
  margin-bottom: 10px;
  clear: both;
}
.product-view .product-shop .ratings {
  margin-bottom: 8px;
}
.product-view .product-shop .availability {
  font-size: 16px;
}
.product-view .product-shop .price-box {
  margin-top: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
  padding-right: 0;
  line-height: 1.2;
}
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
  color: #3399CC;
  font-size: 24px;
}
.product-view .product-shop .price-box .special-price .price-label {
  font-size: 16px;
  text-transform: uppercase;
}
.product-view .product-shop .price-box .special-price span.weee {
  color: #636363;
}
.product-view .product-shop .price-box .special-price span.weee span.price {
  font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
  display: block;
  line-height: 1.2;
  color: #636363;
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
  font-size: 16px;
  font-weight: 300;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
  font-size: 20px;
}
.product-view .price-box.map-info a {
  display: inherit;
}
.product-view .old-price .price-label {
  display: none;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {
  width: 50%;
  float: right;
  clear: right;
}

@media only screen and (max-width: 850px) {
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 15px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 18px;
  }
}
@media only screen and (max-width: 770px) {
  .product-view .add-to-cart-wrapper {
    float: none;
    width: 100%;
    clear: both;
  }
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
  }
}
@media only screen and (max-width: 420px) {
  .product-view .product-shop .price-box .price-excluding-tax,
  .product-view .product-shop .price-box .price-including-tax {
    margin-bottom: 5px;
  }
  .product-view .product-shop .price-box .price-excluding-tax span,
  .product-view .product-shop .price-box .price-including-tax span {
    display: block;
  }
}
.product-img-box {
  width: 50%;
  float: left;
}
.product-img-box .product-name h1 {
  border: 0;
}
.product-img-box .product-image {
  margin-bottom: 10px;
}
.product-img-box .product-image img {
  max-width: 100%;
  max-height: 750px;
  margin: 0px auto;
}

@media only screen and (max-width: 479px) {
  .product-img-box .product-image img {
    max-height: 450px;
  }
}
.product-image-gallery {
  position: relative;
}
.product-image-gallery .gallery-image {
  display: none;
}
.product-image-gallery .gallery-image.visible {
  display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.product-image-gallery:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.product-image-gallery.loading {
  position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

.product-image-thumbs li {
  display: inline-block;
}
.product-image-thumbs li:first-child {
  margin-left: -1px;
}
.product-image-thumbs a {
  display: inline-block;
  border: 1px solid transparent;
}

.no-touch .product-image-thumbs a:hover {
  border-color: #b3b3b3;
}

.product-view .product-shop,
.product-view .add-to-cart-wrapper,
.product-view .block-related {
  padding-left: 15px;
}

.product-img-box {
  padding-right: 15px;
}

.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
  margin-bottom: 10px;
}

.product-view {
  /* Set a min-height so that the floated elements break appropriately */
}
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-cart {
  padding-bottom: 3px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
  min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons .button,
.product-view .add-to-cart-buttons .paypal-logo {
  margin-bottom: 10px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart .qty-wrapper label {
  margin-right: 7px;
  float: left;
}
.product-view .add-to-cart .qty-wrapper label {
  line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qty {
  float: left;
  height: 40px;
}
.product-view .add-to-cart-buttons {
  float: left;
  margin-right: 10px;
  max-width: 100%;
}
.product-view .add-to-cart-buttons .paypal-logo {
  clear: left;
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
  margin: 0 auto;
  display: block;
  width: 170px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
  display: block;
  width: 174px;
  margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  text-align: center;
}
.product-view .add-to-cart-buttons .button {
  min-height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding: 0px 30px;
  float: left;
  min-width: 160px;
  width: 100%;
  white-space: normal;
}
.product-view .alert-price,
.product-view .alert-stock {
  clear: both;
}

@media only screen and (max-width: 479px) {
  .product-view .add-to-cart-buttons .paypal-or {
    line-height: 20px;
  }
  .product-view .add-to-cart-buttons .paypal-logo,
  .product-view .add-to-cart-buttons .paypal-or,
  .product-view .add-to-cart-buttons .paypal-button,
  .product-view .add-to-cart-buttons .button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or {
  display: none;
}

.product-view .add-to-links {
  clear: both;
  margin-top: 0px;
  margin-right: 15px;
  float: left;
}
.product-view .add-to-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-links li {
  float: left;
}
.product-view .add-to-links a {
  padding: 2px 7px 2px 0px;
  margin-left: 7px;
  border-right: 1px solid #CCCCCC;
}
.product-view .add-to-links li:first-child a {
  margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
  border-right: 0px;
}

.product-view .sharing-links {
  float: left;
}
.product-view .sharing-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .sharing-links li {
  float: left;
  padding: 0px 7px 7px;
}
.product-view .sharing-links a {
  text-indent: -9999px;
  display: block;
  width: 26px;
  height: 26px;
}
.product-view .sharing-links a:hover {
  opacity: 0.8;
}
.product-view .sharing-links a.link-wishlist {
  background-position: 0px -225px;
}
.product-view .sharing-links a.link-compare {
  background-position: 0px -250px;
}
.product-view .sharing-links a.link-email-friend {
  background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
  background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
  background-position: 0px -372px;
}

@media only screen and (max-width: 599px) {
  .add-to-box .add-to-links a {
    float: none;
    width: auto;
    text-indent: 0;
  }
}
.product-collateral {
  clear: both;
}

.collateral-tabs dd h2 {
  display: none;
}

.box-collateral {
  clear: both;
}

@media only screen and (min-width: 771px) {
  .product-collateral .toggle-tabs {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #CCCCCC;
    background-color: #F4F4F4;
  }
  .product-collateral .toggle-tabs li {
    float: left;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
  }
  .product-collateral .toggle-tabs li > span {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    bottom: -1px;
  }
  .product-collateral .toggle-tabs li.current {
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
  }
  .product-collateral .toggle-tabs li.current > span {
    background-color: #FFFFFF;
    z-index: 5;
  }
  .product-collateral .toggle-tabs li.current span,
  .product-collateral .toggle-tabs li:hover span {
    color: #3399CC;
  }
  .product-collateral .toggle-tabs li:first-child {
    border-left: none;
  }
  .product-collateral .toggle-tabs:after {
    content: '';
    display: table;
    clear: both;
  }
  .product-collateral > dl {
    width: 100%;
  }
  .product-collateral > dl > dt {
    display: none;
  }
  .product-collateral > dl > dd {
    width: 100%;
    display: none;
    padding: 15px;
    border: 1px solid #CCCCCC;
    border-top: 0;
  }
  .product-collateral > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 770px) {
  .product-collateral .toggle-tabs {
    display: none;
  }
  .product-collateral > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    position: relative;
    background-color: #F4F4F4;
    display: block;
  }
  .product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399CC;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .product-collateral > dl > dt:hover {
    background-color: #ededed;
  }
  .product-collateral > dl > dd {
    padding: 10px;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
  }
  .product-collateral > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
  }
  .product-collateral > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
  }
  .product-collateral > dl > dt:hover {
    color: #3399CC;
  }
  .product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399CC;
    border-right: none;
  }
  .product-collateral > dl > dt.last {
    border-bottom-width: 1px;
  }
  .product-collateral > dl > dd {
    display: none;
  }
  .product-collateral.accordion-open > dl > dt.current {
    border-bottom-width: 1px;
  }
  .product-collateral.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399CC;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px;
  }
  .product-collateral.accordion-open > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 770px) {
  .product-view .product-shop,
  .product-view .add-to-cart-wrapper,
  .product-view .block-related,
  .product-img-box,
  .product-collateral {
    width: 100%;
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 771px) {
  .product-view .product-shop .product-name {
    display: block;
  }

  .product-img-box .product-name {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .product-view .product-shop,
  .product-img-box,
  .product-collateral,
  .product-view .block-related,
  .box-collateral {
    margin-bottom: 15px;
  }
}
.product-view .ratings .rating-links {
  clear: left;
  float: left;
  margin-top: 0;
}

#product-attribute-specs-table {
  max-width: 50em;
  border: 1px solid #C0C0C0;
}
#product-attribute-specs-table th {
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper {
  border: solid 1px #C0C0C0;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
@media only screen and (max-width: 479px) {
  .grouped-items-table-wrapper {
    margin-bottom: 15px;
  }
}

.grouped-items-table .name-wrapper {
  color: #3399CC;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.grouped-items-table .qty-wrapper {
  padding-top: 7px;
}
.grouped-items-table .qty-label {
  margin-left: 7px;
}
.grouped-items-table td {
  padding: 4px;
}
.grouped-items-table td:last-child {
  width: 30%;
  text-align: left;
}
.grouped-items-table .price-box {
  text-align: right;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */
.product-options {
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 15px 15px;
  border: 1px solid #CCCCCC;
  clear: both;
  position: relative;
}

.product-options p.required {
  position: absolute;
  top: 6px;
  right: 15px;
  text-align: right;
}

@media only screen and (max-width: 979px) {
  .product-view .product-options .required {
    position: static;
  }
}
.product-options dt {
  margin: 10px 0 3px;
  font-weight: normal;
}

.product-options dt:first-child {
  margin-top: 0;
}

.product-options dd .qty-holder {
  display: block;
  padding: 10px 0 0 0;
}

.product-options dd .qty-holder .qty {
  width: 3em;
}

.product-options dd .qty-holder label {
  vertical-align: middle;
}

.product-options dd .qty-disabled {
  background: none;
  border: 0;
  padding: 0 2px;
}

.product-options dd {
  padding: 0 0 10px 0;
  margin: 0 0 5px;
  border-bottom: 1px solid #d9d9d9;
}

.product-options dl.last dd.last {
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 0;
}

.product-options dd .input-text {
  width: 98%;
}

.product-options dd .input-box {
  padding-top: 0;
}

.product-options dd input.datetime-picker {
  width: 150px;
}

.product-options dd .time-picker {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 2px 0;
  vertical-align: middle;
}

.product-options dd textarea {
  width: 98%;
  height: 8em;
}

.product-options dd select {
  width: 330px;
  max-width: 100%;
}

.product-options ul.options-list {
  margin-right: 5px;
}

.product-options ul.options-list li {
  line-height: 1.5;
  margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
  margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
  float: left;
  margin-top: 5px;
}

.product-options ul.options-list .label {
  display: block;
}

.product-options ul.options-list label {
  font-weight: normal;
}

.product-options p.note {
  margin: 0;
  font-size: 11px;
}

.product-options-bottom {
  background-color: #F4F4F4;
  padding: 15px 20px;
  border: 1px solid #CCCCCC;
  border-top: 0;
  margin-bottom: 10px;
}

.product-options-bottom:after {
  content: '';
  display: table;
  clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
  float: right;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  background: 0;
  color: #636363;
}
@media only screen and (max-width: 1199px) {
  .product-options-bottom .product-pricing,
  .product-options-bottom .tier-prices {
    float: none;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
  }
}

.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
  color: #636363;
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
  display: none;
  float: right;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  .product-options-bottom .price-box .price-as-configured {
    text-align: right;
  }
  .product-options-bottom .price-box .price-as-configured .price-label {
    display: block;
  }
}
.product-options-bottom .price-tax {
  float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */
.block-related li {
  margin-bottom: 7px;
}
.block-related .block-title {
  border-bottom: none;
}
.block-related .block-title h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  margin-bottom: 0;
}
.block-related .block-subtitle {
  margin-bottom: 7px;
}
.block-related .product {
  margin-left: 20px;
  position: relative;
}
.block-related .checkbox {
  float: left;
  margin-top: 36px;
}
.block-related .product-details {
  margin-left: 90px;
}
.block-related .product-name {
  margin-bottom: 3px;
}
.block-related .product-details .price-box {
  margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
  float: left;
  margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
  margin-left: 0;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 5px;
}
.block-related .product-details .price-box:after {
  content: '';
  display: table;
  clear: both;
}
.block-related .link-wishlist {
  display: none;
}

/* -------------------------------------------- *
 * Upsell Products
 */
.box-up-sell {
  margin-top: 20px;
}
.box-up-sell .ratings {
  display: none;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px;
}

.map-popup {
  background: #FFFFFF;
  border: 5px solid #CCCCCC;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100;
}
@media only screen and (min-width: 771px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
}
@media only screen and (max-width: 770px) {
  .map-popup {
    width: 100%;
    left: 0px !important;
  }
}
.map-popup .map-popup-heading {
  padding: 8px 10px;
  margin-right: 40px;
  width: auto;
}
.map-popup .map-popup-heading h3 {
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-heading h3 {
    text-align: center;
  }
}
.map-popup .map-popup-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 36px;
  width: 36px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.map-popup .map-popup-content {
  border-top: 1px solid #d9d9d9;
  padding: 10px;
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-content {
    text-align: center;
  }
}
.map-popup .map-popup-checkout {
  padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout span {
  display: block;
}
.map-popup .map-popup-checkout .button {
  float: left;
  margin: 0 2px;
  clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
  float: left;
  min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
  list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
  width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
  display: inline-block;
  float: left;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
  float: left;
  text-align: center;
  padding: 5px 15px;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
  clear: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-checkout {
    text-align: center;
  }
  .map-popup .map-popup-checkout .button,
  .map-popup .map-popup-checkout .additional-addtocart-box,
  .map-popup .map-popup-checkout .paypal-logo a,
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: none;
  }
  .map-popup .map-popup-checkout .additional-addtocart-box {
    min-width: 0px;
  }
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    margin: 0px;
    margin-bottom: 10px;
  }
}
.map-popup .map-popup-checkout:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-price {
  padding: 10px 0;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-price {
    text-align: center;
    padding-top: 0px;
  }
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
  display: inline-block;
}
.map-popup .map-popup-text {
  padding: 10px 0;
  margin: 0 10px;
  word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
  border-top: 1px solid #d9d9d9;
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
  display: block;
  text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
  content: '';
  display: table;
  clear: both;
}

.compare-table .product-image {
  display: inline-block;
}

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
  padding-top: 0;
}

/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.cart .button {
  white-space: normal;
}

.crosssell {
  float: right;
  clear: right;
  width: 40%;
  padding-left: 20px;
}

.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  padding: 20px 0;
  background-color: #fff;
}

.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  margin-bottom: 20px !important;
}

.checkout-cart-index #postcode {
  width: 100%;
}
.checkout-cart-index #update-cart-form .table {
  margin-bottom: 30px;
}
.checkout-cart-index #update-cart-form .table:last-child {
  margin-bottom: 0;
}
.checkout-cart-index #update-cart-form .table > h2 {
  background: #000000;
  color: #FFFFFF;
  font-size: 15px;
  padding: 10px 14px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.checkout-cart-index #update-cart-form .table .checkall td {
  padding-right: 8px;
}
.checkout-cart-index #update-cart-form .cart-table .grand-total-block td {
  padding: 4px 10px 6px 0 !important;
}
.checkout-cart-index #cdc-table {
  background: #fff;
  padding-bottom: 20px;
}
.checkout-cart-index #cdc-table #shopping-cart-table2 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.checkout-cart-index #CDCparameters {
  margin-top: 0 !important;
}

@media only screen and (max-width: 599px) {
  .product-cart-sku {
    display: none;
  }

  .display-both-prices .cart-forms,
  .display-both-prices .cart-totals-wrapper,
  .display-both-prices .crosssell,
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
  }
}
.display-single-price:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.cart .page-title {
  margin: 0 30px 0;
}
.cart .page-title:after {
  content: '';
  display: table;
  clear: both;
}
.cart .page-title h1 {
  float: left;
  border-bottom: none;
  margin-bottom: 6px;
  font-weight: normal;
  font-size: 16px;
}

#checkoutSteps {
  margin: 0 30px;
}
#checkoutSteps .col2-set .form-list .control label {
  background: #ebebeb;
  color: #000;
  border-radius: 6px;
}

.checkout-types {
  text-align: right;
  max-width: 100%;
  background-color: #f5f5f5;
  padding: 70px 0 20px !important;
  /* We always want this shipping method to display on its own line */
}
.checkout-types li {
  vertical-align: top;
  margin: 0 0 5px 5px;
}
.checkout-types li:after {
  content: '';
  display: table;
  clear: both;
}
.checkout-types li img {
  display: inline;
  vertical-align: top;
}
.checkout-types li:first-child {
  margin-left: 0;
}
.checkout-types .method-checkout-cart-methods-multishipping {
  display: block;
}
.checkout-types.top li {
  display: inline-block;
}
.checkout-types.top .bml_button {
  display: inline-block;
  vertical-align: top;
}
.checkout-types.top .bml_button img {
  display: block;
}
.checkout-types.top .paypal-logo .paypal-or {
  margin-top: 5px;
}
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a {
  display: block;
}
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
  margin: 0px;
  display: block;
  text-align: center;
}

.cart-totals .checkout-types .btn-checkout {
  margin-right: 20px;
  border-radius: 15px;
}

.cart-table {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
  border-bottom: none;
  vertical-align: top;
}
.cart-table h2 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.cart-table thead th,
.cart-table tbody td {
  background-color: transparent;
  padding: 20px 5px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.cart-table tr {
  border-bottom: 1px solid #C0C0C0 !important;
}
.cart-table tfoot tr {
  background: none;
}
.cart-table tfoot tr > td:after {
  content: '';
  display: table;
  clear: both;
}
.cart-table span.or {
  font-size: 9px;
  padding: 0 5px;
  text-transform: uppercase;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
  display: none;
}
.cart-table .product-cart-image {
  padding-left: 0;
  padding-right: 0;
}
.cart-table .product-cart-image img {
  min-width: 61px;
  min-height: 71px;
  max-width: 100px;
  max-height: 100px;
  margin: 5px auto;
}
.cart-table .product-cart-image a.cart-edit {
  display: none;
}
.cart-table .product-cart-sku {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-style: italic;
  font-size: 12px;
  margin: 5px 0 12px;
}
.cart-table .product-cart-sku .label {
  font-weight: 600;
}
.cart-table .btn-empty {
  float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price {
  text-align: center;
}
.cart-table .cart-tax-total {
  position: relative;
  cursor: pointer;
}
.cart-table .cart-tax-total:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #3399CC;
  border-left: none;
  position: absolute;
  top: 3px;
  right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #3399CC;
  border-bottom: none;
  right: -15px;
  top: 6px;
}
.cart-table .cart-links > li {
  white-space: nowrap;
  line-height: 1.3;
  margin-bottom: 5px;
  min-width: 65px;
  font-size: 12px;
}
.cart-table .cart-links > li > a {
  display: block;
}
.cart-table .cart-links > li:last-child {
  margin-bottom: 0;
}
.cart-table .product-cart-actions {
  min-width: 60px;
  text-align: center;
}
.cart-table .product-cart-actions .qty {
  background: #fff !important;
  border-radius: 0;
  text-align: center;
  width: 2.2em;
  border-right: 1px solid #C0C0C0;
  display: inline-block;
  float: left;
}
.cart-table .product-cart-actions .button {
  margin-bottom: 5px;
}
.cart-table .item-options {
  padding-left: 15px;
}

@media only screen and (max-width: 770px) {
  .cart-table th {
    font-size: 12px;
  }
  .cart-table th,
  .cart-table td {
    padding: 7px 6px;
  }
  .cart-table .product-cart-actions > li {
    white-space: inherit;
  }
}
@media only screen and (max-width: 699px) {
  .display-both-prices .cart-table thead th.cart-total-head,
  .display-both-prices .cart-table td.product-cart-total {
    display: none;
  }
}
/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */
.shipping h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px;
}
.shipping select {
  max-width: 100%;
  height: 30px;
  display: block;
  border: 1px solid #C0C0C0;
}
.shipping select.validation-failed {
  border-color: #DF280A;
}
.shipping .shipping-desc {
  display: none;
}
.shipping .buttons-set {
  border: none;
  margin: 0;
  padding: 0;
}
.shipping .form-list:after {
  content: '';
  display: table;
  clear: both;
}
.shipping .form-list li {
  float: left;
  margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
  width: 37%;
}
.shipping .form-list .shipping-region {
  width: 41%;
}
.shipping .form-list .shipping-postcode {
  margin-right: 0;
  width: 18%;
}
.shipping .form-list .shipping-postcode input {
  margin-top: 4px;
}
.shipping .form-list .input-box {
  padding-top: 0;
}
.shipping .form-list input {
  height: 30px;
  margin-top: 4px;
}
.shipping .form-list label {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}
.shipping .sp-methods {
  padding: 10px 0 0;
  text-align: left;
}
.shipping .sp-methods dd {
  margin-bottom: 10px;
}
.shipping .sp-methods label {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  min-width: 100px;
}
.shipping .sp-methods label span {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
  float: left;
  margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
  border: 1px solid #CCCCCC;
  background-color: #ededed;
  min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
  background-color: gainsboro;
}

@media only screen and (max-width: 770px) {
  .shipping .shipping-form .form-list > li {
    width: 100%;
    float: none;
  }
  .shipping .shipping-form .form-list > li label {
    display: block;
  }
  .shipping .shipping-form .form-list > li input,
  .shipping .shipping-form .form-list > li select {
    width: 100%;
  }
}
.cart .cart-totals {
  text-align: right;
}
.cart .cart-totals:after {
  content: '';
  display: table;
  clear: both;
}
.cart .cart-totals .cart-totals-div {
  margin: 20px 0;
  height: 20px;
  padding: 0 40px;
  font-size: 14px;
}
.cart .cart-totals table {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
}
.cart .cart-totals table td {
  padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
  padding-right: 10px;
  min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
  padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.cart .cart-totals table tfoot td {
  font-size: 24px;
  padding: 2px 5px;
  vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.cart .cart-totals table tfoot strong {
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  .cart-totals {
    text-align: right;
  }
}
@media only screen and (max-width: 770px) {
  .cart .cart-totals table tfoot td {
    font-size: 18px;
  }
}
.discount-form input.validation-failed {
  border: 1px solid #df280a;
  margin-bottom: 10px;
}

.discount-form:after,
#giftcard-form:after {
  content: '';
  display: table;
  clear: both;
}

#discount-coupon-form,
.cart .giftcard {
  width: 100%;
}
#discount-coupon-form h2,
.cart .giftcard h2 {
  display: none;
}
#discount-coupon-form label,
.cart .giftcard label {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  min-width: 105px;
  display: inline-block;
  margin-right: 10px;
}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
  display: inline-block;
  height: 65px;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
  display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
  float: none;
  width: 60px;
  padding: 0;
}
#discount-coupon-form .button-wrapper > button > span > span,
.cart .giftcard .button-wrapper > button > span > span {
  text-decoration: none !important;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  width: 60px;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  width: 230px;
  font-size: 12px;
}

#discount-coupon-form {
  border-bottom: 1px solid #ddd;
}
#discount-coupon-form .discount {
  display: flex;
}
#discount-coupon-form .discount h2 {
  display: block;
  font-size: 14px;
  margin-right: 30px;
  line-height: 28px;
  position: relative;
}
#discount-coupon-form .discount h2 .coupon-tooltip-btn {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-size: contain;
  margin-left: 3px;
  cursor: pointer;
  position: absolute;
  top: -4px;
}

.cart .giftcard p {
  margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
  float: left;
  padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
  font-size: 14px;
  text-transform: none;
}

/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {
  color: #3399CC;
}
.crosssell .item a.product-image {
  width: auto;
  float: left;
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 979px) {
  .crosssell {
    /* Undo three-column config */
  }
  .crosssell .products-grid > li:nth-child(even),
  .crosssell .products-grid > li:nth-child(3n),
  .crosssell .products-grid > li {
    width: 47.72727%;
    margin-right: 4.54545%;
  }
  .crosssell .products-grid > li:nth-child(odd) {
    clear: left;
  }
  .crosssell .products-grid > li:nth-child(even) {
    margin-right: 0;
  }
  .crosssell .products-grid > li:nth-child(3n+1) {
    clear: none;
  }
}
@media only screen and (max-width: 599px) {
  .cart-table .cart-tax-total:after {
    right: -9px;
  }
  .cart-table .cart-tax-total.cart-tax-total-expanded:after {
    right: -13px;
  }
}
@media only screen and (max-width: 320px) {
  .crosssell ul .item {
    padding: 0 0px 40px;
  }
  .crosssell ul .product-details .crosssell-actions {
    padding: 0 5px;
  }
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */
.opc select {
  width: 365px;
}

/* -------------------------------------------- *
 * Section Styling - Default
 */
.opc .section .step-title {
  width: 100%;
  border-top: 1px solid #ECECEC;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.opc .section .step-title:after {
  content: '';
  display: table;
  clear: both;
}

.opc .section.allow:not(.active) .step-title {
  cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
  background-color: #F4F4F4;
}

.opc .section.active .step-title {
  border-bottom: 1px solid #ECECEC;
}

.opc .section .step-title a {
  display: none;
}

.opc .section.allow:not(.active) .step-title a {
  display: block;
  float: right;
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
}

.no-touch .opc .section .step-title a:hover {
  text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
  width: 26px;
  height: 26px;
  text-align: center;
  color: #FFFFFF;
  line-height: 26px;
  background-color: #3399CC;
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
}

.opc .section.allow .step-title .number {
  background-color: #99cce6;
}

.opc .section.allow .step-title h2 {
  color: #A0A0A0;
}

.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
  color: #3399CC;
}

.opc .section .step-title h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  height: 40px;
  float: left;
  margin: 0px 4px 0px 45px;
}

.opc .section .step {
  padding: 20px;
}
.opc .section .step:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 979px) {
  .opc .section .step {
    padding: 10px;
  }
}

.opc select {
  max-width: 365px;
  width: 100%;
}

.opc h3 {
  font-weight: 500;
}

.opc .buttons-set {
  text-align: left;
}
.opc .buttons-set button.button {
  float: right;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.opc .buttons-set p.required {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}
.opc .buttons-set .back-link {
  float: right;
  margin: 0;
}
.opc .buttons-set a {
  line-height: 20px;
  display: inline-block;
  padding: 5px 5px 5px 0;
}

@media only screen and (max-width: 479px) {
  .opc .buttons-set .button + .buttons-set .button,
  .paypal-express-review .buttons-set .button + .buttons-set .button {
    margin-left: 0;
  }
}
.opc #opc-login .step {
  padding: 0px;
}
.opc #opc-login .buttons-set {
  border-top: 0;
  padding-top: 5px;
}

@media only screen and (max-width: 770px) {
  .opc #opc-login .description,
  .opc #opc-login p.required {
    display: none;
  }
}
#opc-payment .note {
  padding: 10px;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
  -moz-transition: opacity 300ms 0;
  -o-transition: opacity 300ms 0;
  -webkit-transition: opacity 300ms 0;
  transition: opacity 300ms 0;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
  -moz-transition: width 80ms 0;
  -o-transition: width 80ms 0;
  -webkit-transition: width 80ms 0;
  transition: width 80ms 0;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
  -moz-transition: margin-left 80ms 0;
  -o-transition: margin-left 80ms 0;
  -webkit-transition: margin-left 80ms 0;
  transition: margin-left 80ms 0;
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
  opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
  width: 0px;
  overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
  margin-left: 0px;
}

/* -------------------------------------------- *
 * Shipping and Payment methods
 */
.sp-methods {
  margin: 0 0 8px;
}
.sp-methods #dt_method_weChat_payment, .sp-methods #dt_method_mergeweChat_payment, .sp-methods #dt_method_mergealipay_payment {
  display: block !important;
}
.sp-methods dt {
  margin: 13px 0 5px !important;
  font-weight: bold !important;
}
.sp-methods dt:first-child {
  margin: 0 0 5px;
}
.sp-methods dd label {
  cursor: pointer;
}
.sp-methods dd li {
  margin: 5px 0;
}
.sp-methods label img {
  float: left;
}
.sp-methods label a {
  margin-top: 6px;
  float: right;
  margin-left: 10px;
}
.sp-methods .price {
  font-weight: bold;
}
.sp-methods .form-list {
  padding-left: 20px;
}
.sp-methods .form-list li {
  margin: 0 0 8px;
}
.sp-methods select.month {
  width: 120px;
  margin-right: 10px;
}
.sp-methods select.year {
  width: 96px;
}
.sp-methods input.cvv {
  width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
  max-width: 130px;
}
.sp-methods .checkmo-list li {
  margin: 0 0 5px;
  content: '';
  display: table;
  clear: both;
}
.sp-methods .checkmo-list label {
  width: 165px;
  padding-right: 15px;
  text-align: right;
  float: left;
}
.sp-methods .checkmo-list address {
  float: left;
}
@media only screen and (max-width: 479px) {
  .sp-methods .checkmo-list {
    padding-left: 0;
  }
  .sp-methods .checkmo-list label {
    width: 135px;
  }
}
.sp-methods .release-amounts {
  margin: 0.5em 0;
}
.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
  border: 0;
  margin: 0;
  border-left: 1px solid #CCCCCC;
  padding-left: 20px;
}
.block-progress .block-content {
  font-size: 12px;
}
.block-progress dt {
  padding-top: 6px;
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: normal;
  color: #A0A0A0;
}
.block-progress dt.complete {
  color: #636363;
}
.block-progress dd {
  padding-left: 15px;
  margin-bottom: 10px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-style: italic;
}
.block-progress dd address {
  font-style: italic;
}
.block-progress #payment-progress-opcheckout .subtitle {
  margin-bottom: 3px;
}
.block-progress .payment-info dt {
  padding: 0;
  margin: 0 0 3px 0;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  text-transform: none;
  font-style: italic;
  float: left;
  clear: both;
  font-size: 12px;
}
.block-progress .payment-info dt:after {
  content: ': ';
}
.block-progress .payment-info dd {
  float: left;
  margin-bottom: 3px;
  font-size: 12px;
}
.block-progress .payment-info:after {
  content: '';
  display: table;
  clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
  display: none;
}

#checkout-review-table-wrapper {
  clear: both;
}

#review-buttons-container {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#review-buttons-container .please-wait {
  float: left;
  margin-right: 10px;
}
#review-buttons-container .f-left {
  float: right;
}

@media only screen and (max-width: 599px) {
  .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
    display: none;
  }
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
  display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
  border-left: none;
  padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
  display: none;
}
#checkout-step-review .opc-block-progress .block-content {
  display: block !important;
  padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  #checkout-step-review .opc-block-progress .block-content > dl > div {
    float: none;
    width: auto;
  }
}
#checkout-step-review .opc-block-progress .block-content .changelink {
  display: none;
}

@media only screen and (max-width: 479px) {
  #checkout-review-table thead > tr > th {
    display: none;
  }
  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }

  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }
}
#checkout-step-review .centinel > p {
  margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
  width: 100%;
  min-height: 400px;
}

/* Gift options */
.gift-messages-form .item {
  content: '';
  display: table;
  clear: both;
  margin-top: 30px;
}
.gift-messages-form .item h5 {
  font-weight: bold;
}
.gift-messages-form .item .product-img-box {
  width: auto;
  float: left;
  padding-right: 15px;
}
.gift-messages-form .item .details {
  float: left;
}

.gift-message-form .inner-box > div {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  margin-top: 15px;
  display: block;
}
.gift-message-form .inner-box > div.extra-options-container p {
  margin-bottom: 15px;
}
.gift-message-form .gift-wrapping-form label {
  margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
  float: left;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
  height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
  margin-right: 5px;
}
.gift-message-form .gift-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ECECEC;
}
.gift-message-form .gift-item:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-item .product-img-box {
  width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
  display: block;
}
.gift-message-form .gift-item .fieldset {
  margin-left: 200px;
}

@media only screen and (max-width: 770px) {
  .gift-message-form .giftmessage-area {
    max-width: 100%;
  }
  .gift-message-form .gift-item .product-img-box {
    width: 100%;
    float: none;
  }
  .gift-message-form .gift-item .fieldset {
    margin-left: 0px;
  }
  .gift-message-form .gift-item .fieldset textarea {
    width: 100%;
  }
}
#checkout-step-login .button-position {
  position: absolute;
  top: 0px;
  right: -8px;
}
#checkout-step-login .accounts {
  margin-top: 10px;
}

.subscriber_mobile_wrapper {
  margin-bottom: 20px !important;
}
.subscriber_mobile_wrapper h2 {
  float: left !important;
  width: 150px !important;
}
.subscriber_mobile_wrapper .input-box-wrapper {
  float: left;
}
.subscriber_mobile_wrapper .input-box-wrapper .errormsg {
  display: none;
}
.subscriber_mobile_wrapper p {
  font-size: 12px !important;
  margin-top: 3px !important;
}
.subscriber_mobile_wrapper input#subscriber_mobile {
  width: 186px !important;
  float: none !important;
  border-radius: 5px;
}

.same_as_subscriber_mobile_span {
  display: inline-block !important;
  font-size: 12px !important;
  padding-top: 6px !important;
}
.same_as_subscriber_mobile_span input {
  float: right !important;
  width: auto !important;
  margin: 3px 0 0 3px !important;
}

.customer_merge_popup {
  position: relative;
}
.customer_merge_popup .background-cover {
  background: #000;
  opacity: 0.7;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
}
.customer_merge_popup .merge_tip, .customer_merge_popup .merge_success_tip {
  background: #fff;
  width: 400px;
  left: 36%;
  top: 28%;
  z-index: 99;
  position: fixed;
  text-align: center;
  display: none;
}
.customer_merge_popup .merge_tip h3, .customer_merge_popup .merge_success_tip h3 {
  margin: 40px 0 30px;
  font-size: 16px;
}
.customer_merge_popup .merge_tip .merge_action_btn, .customer_merge_popup .merge_success_tip .merge_action_btn {
  margin: 20px 0 40px;
}
.customer_merge_popup .merge_tip .merge_action_btn .button, .customer_merge_popup .merge_success_tip .merge_action_btn .button {
  background: #000 !important;
  color: #fff;
  width: 100px;
  margin: 0 15px;
  border-radius: 15px;
}
.customer_merge_popup .merge_info {
  background: #fff;
  width: 400px;
  left: 35%;
  top: 20%;
  z-index: 99;
  position: fixed;
  display: none;
}
.customer_merge_popup .merge_info ul {
  margin: 20px;
}
.customer_merge_popup .merge_info ul li {
  margin: 20px 0;
}
.customer_merge_popup .merge_info ul li label {
  margin-bottom: 3px;
}
.customer_merge_popup .merge_info ul li .input-text {
  margin: 0 !important;
}
.customer_merge_popup .merge_info ul li #captcha_user_create {
  width: 180px !important;
}
.customer_merge_popup .merge_info ul li .verify_phone_box {
  display: inline-block;
}
.customer_merge_popup .merge_info ul li .verify_phone_box input {
  width: 180px;
  border-radius: 5px;
}
.customer_merge_popup .merge_info ul li #verify_send_btn {
  background: #000;
  border: 0;
  color: #fff;
  font-size: 12px;
  width: 100px;
  height: 30px;
  border-radius: 15px;
}
.customer_merge_popup .merge_info ul li .merge_confirm {
  display: block;
  background: #000 !important;
  color: #fff;
  width: 100px;
  height: 32px;
  border-radius: 15px;
}
.customer_merge_popup .merge_info .back_merge {
  width: 100px;
  height: 32px;
  line-height: 32px;
  background: #999;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
}
.customer_merge_popup .merge_info h3 {
  display: none;
  font-size: 16px;
}
.customer_merge_popup .merge_info.merge_info_text_show h3 {
  display: block;
}

#checkout-step-delivery {
  padding: 0;
}
#checkout-step-delivery .package > h1 {
  background: #000000;
  color: #FFFFFF;
  font-size: 15px;
  padding: 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#checkout-step-delivery .package h2 {
  margin-bottom: 15px;
  color: #000000;
}
#checkout-step-delivery .package .xams-card {
  font-size: 12px;
  text-align: left;
  margin-left: 95px;
}
#checkout-step-delivery .package .cardItems {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3px;
}
#checkout-step-delivery .package .cardItems > li {
  width: 18%;
  flex-direction: column;
  display: flex;
  position: relative;
  margin-right: 13px;
}
#checkout-step-delivery .package .cardItems > li:last-child {
  margin-right: 0;
}
#checkout-step-delivery .package .cardItems > li > p {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
}
#checkout-step-delivery .package .cardItems > li > img {
  width: 100%;
  border: 1px solid #000;
  border-radius: 10px;
}
#checkout-step-delivery .package .cardItems > li:before {
  top: 5px;
  right: 5px;
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: url("./../images/checkout/swiper-checkbox.png") no-repeat 0 0;
  background-size: contain;
}
#checkout-step-delivery .package .cardItems > li.active:before {
  top: 5px;
  right: 5px;
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: url("./../images/checkout/swiper-checked.png") no-repeat 0 0;
  background-size: contain;
}
#checkout-step-delivery .package .package-inner {
  padding: 30px 20px;
}
#checkout-step-delivery .package.cdc-package .gift-content .tunnel-gifting {
  padding-top: 0 !important;
  margin-bottom: 17px;
}
#checkout-step-delivery .package .delivery-method {
  margin-top: 35px !important;
  font-size: 14px;
}
#checkout-step-delivery .package .delivery-method .title {
  color: #000000;
  margin-right: 5px;
}
#checkout-step-delivery .package .product-totals {
  margin-top: 30px;
  padding: 8px 0;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  font-size: 12px;
  overflow: hidden;
}
#checkout-step-delivery .package .product-totals .qty-totals {
  float: left;
  width: 50%;
  text-align: left;
}
#checkout-step-delivery .package .product-totals .subtotal {
  float: right;
  width: 50%;
  text-align: right;
}
#checkout-step-delivery .priority-product-wrap {
  margin-top: 20px;
  width: 260px;
  position: relative;
}
#checkout-step-delivery .priority-product-wrap .tooltip-wrap {
  position: absolute;
  right: 32px;
  top: 2px;
  margin: 0;
}
#checkout-step-delivery #priority-product-check {
  cursor: pointer;
  font-size: 14px;
  color: #000000;
}
#checkout-step-delivery #unpacking-product .package {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #c0c0c0;
}
#checkout-step-delivery #unpacking-product .package:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
#checkout-step-delivery #unpacking-product .package .package-delay {
  font-size: 13px;
  color: #000000;
}
#checkout-step-delivery .product-review {
  margin-top: 30px;
}
#checkout-step-delivery .product-review > h2 {
  position: relative;
  padding-left: 22px;
}
#checkout-step-delivery .product-review > h2:before {
  background: url(../images/checkout/package-icon.jpg) no-repeat 0 0 transparent;
  width: 18px;
  height: 20px;
  position: absolute;
  left: 0;
  content: '';
  top: 0;
  background-size: contain;
}
#checkout-step-delivery .product-review-table {
  width: auto;
}
#checkout-step-delivery .product-review-table tbody tr {
  border: none !important;
}
#checkout-step-delivery .product-review-table tbody tr:last-child {
  border: none;
}
#checkout-step-delivery .product-review-table tbody tr:last-child td {
  padding-bottom: 0;
}
#checkout-step-delivery .product-review-table tbody tr td {
  padding: 0 40px 25px 0;
  text-align: right;
}
#checkout-step-delivery .product-review-table tbody tr td:last-child {
  padding-right: 0;
}
#checkout-step-delivery .product-review-table tbody tr td.product-image img {
  width: 100%;
}
#checkout-step-delivery .product-review-table tbody tr td.product-attr {
  text-align: left;
  vertical-align: top !important;
}
#checkout-step-delivery .product-review-table tbody tr td.product-attr .kezi-pic-content {
  display: -webkit-flex;
  display: flex;
}
#checkout-step-delivery .product-review-table tbody tr td.product-attr .product-attr-inner {
  position: relative;
  min-height: 110px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#checkout-step-delivery .product-review-table tbody tr td.product-attr .product-name {
  color: #000000 !important;
  font-weight: bold;
}
#checkout-step-delivery .product-review-table tbody tr td.product-attr .product-name, #checkout-step-delivery .product-review-table tbody tr td.product-attr .push-subtitle, #checkout-step-delivery .product-review-table tbody tr td.product-attr .product-desc, #checkout-step-delivery .product-review-table tbody tr td.product-attr .kezi-list p {
  margin-bottom: 10px;
  color: #999999;
}
#checkout-step-delivery .product-review-table tbody tr td.product-qty {
  color: #999999;
}
#checkout-step-delivery .product-review-table tbody tr td.product-qty, #checkout-step-delivery .product-review-table tbody tr td.product-price {
  vertical-align: bottom !important;
}
#checkout-step-delivery .package-total {
  margin: 20px -30px;
  background: #ebebeb;
  font-size: 12px;
  font-weight: bold;
}
#checkout-step-delivery .package-total .total-inner {
  padding: 20px 50px;
  overflow: hidden;
}
#checkout-step-delivery .package-total .total-inner .title {
  float: left;
}
#checkout-step-delivery .package-total .total-inner .total {
  float: right;
}

/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
  float: none;
}
.checkout-onepage-success .custom-select {
  border-radius: 5px;
}
.checkout-onepage-success .success-bg {
  text-align: center;
}
.checkout-onepage-success .success-bg .order-num span {
  font-weight: bold;
}
.checkout-onepage-success .success-bg .success-order {
  background: #f6f6f6;
  width: 90%;
  margin: auto;
  padding: 20px 0;
}
.checkout-onepage-success .success-bg .buttons-set {
  margin: 20px auto 0;
}
.checkout-onepage-success .success-bg .buttons-set a.button {
  border-radius: 20px;
  width: 180px;
  margin: auto;
  display: block;
  height: 40px;
  line-height: 26px;
  background: none !important;
  border: 1px solid #000;
  color: #000;
}
.checkout-onepage-success .success-bg .buttons-set a.button span {
  width: 100%;
  height: 100%;
  display: block;
}
.checkout-onepage-success .success-bg .buttons-set a.button:hover, .checkout-onepage-success .success-bg .buttons-set a.button:active, .checkout-onepage-success .success-bg .buttons-set a.button:visited {
  color: #000 !important;
  text-decoration: none;
}
.checkout-onepage-success .success-bg .presell {
  width: 90%;
  margin: auto;
}
.checkout-onepage-success .success-bg .presell video {
  margin-top: 20px;
  object-fit: fill;
}
.checkout-onepage-success .success-bg .presell p {
  color: #000;
  margin-top: 20px;
  line-height: 1.5;
  font-size: 16px;
}
.checkout-onepage-success .success-bg .qrCode-block {
  margin-top: 40px;
  color: #000;
}
.checkout-onepage-success .success-bg .qrCode-block .title {
  font-size: 18px;
  font-weight: bold;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex {
  width: 300px;
  margin: 30px auto;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .Qr-code-left {
  flex-direction: column;
  display: flex;
  width: 130px;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .Qr-code-left img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .Qr-code-left p {
  font-size: 12px;
  color: #000;
  margin-top: 10px;
  font-weight: bold;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .text-right {
  flex-direction: column;
  display: flex;
  width: 125px;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .text-right li {
  font-size: 14px;
  color: #000;
  padding-bottom: 30px;
  position: relative;
  font-weight: bold;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .text-right li span {
  font-size: 16px;
  font-style: italic;
  padding-right: 20px;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .text-right li:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 42px;
  background: url("../images/customer/member-card-pop-2.jpg") no-repeat 0 0;
  width: 12px;
  height: 6px;
  background-size: contain;
}
.checkout-onepage-success .success-bg .qrCode-block .wechat-flex .text-right li:last-child:after {
  background: none;
}
.checkout-onepage-success .fancybox-close {
  background: transparent !important;
  top: 9px !important;
  right: 10px !important;
  width: 44px !important;
  height: 45px !important;
}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #CCCCCC;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #F4F4F4;
}

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #d9d9d9;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #3399CC;
}
#narrow-by-list dd .swatch-label {
  background: #F4F4F4;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

@media only screen and (max-width: 770px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #CCCCCC;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #3399CC;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #DF280A;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
  color: #A0A0A0;
}

.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #3399CC;
  padding-left: 5px;
}
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
.product-view .product-options .select-label {
  display: none;
}
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* ============================================ *
 * Customer
 * ============================================ */
.customer-account-login .scaffold-form label:first-child, .checkout-multishipping-login .scaffold-form label:first-child {
  line-height: 30px;
}
.customer-account-login .col2-set .buttons-set, .checkout-multishipping-login .col2-set .buttons-set {
  text-align: left;
  border-top: 0;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button, .checkout-multishipping-login .col2-set .buttons-set button,
.checkout-multishipping-login .col2-set .buttons-set .button {
  float: none;
  margin: 0;
}
.customer-account-login .col2-set .col-1, .checkout-multishipping-login .col2-set .col-1 {
  margin-right: 10px;
}
.customer-account-login .col2-set .col-2 .login-form-list a.f-left, .checkout-multishipping-login .col2-set .col-2 .login-form-list a.f-left {
  color: #787878;
  text-decoration: underline;
}
.customer-account-login .col2-set .col-2 .buttons-set button, .checkout-multishipping-login .col2-set .col-2 .buttons-set button {
  padding: 4px 17px;
}
.customer-account-login .col2-set .col-1,
.customer-account-login .col2-set .col-2, .checkout-multishipping-login .col2-set .col-1,
.checkout-multishipping-login .col2-set .col-2 {
  border: 1px solid #d9d9d9;
  width: 423px !important;
  height: 200px;
  padding: 30px;
  float: left;
}
.customer-account-login .col2-set .col-1 .content h2,
.customer-account-login .col2-set .col-2 .content h2, .checkout-multishipping-login .col2-set .col-1 .content h2,
.checkout-multishipping-login .col2-set .col-2 .content h2 {
  font-size: 14px;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 10px;
}
.customer-account-login .col2-set .col-1 .content p.dior-title,
.customer-account-login .col2-set .col-2 .content p.dior-title, .checkout-multishipping-login .col2-set .col-1 .content p.dior-title,
.checkout-multishipping-login .col2-set .col-2 .content p.dior-title {
  font-size: 14px;
  color: #636363;
  font-weight: 400;
  margin-bottom: 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #d9d9d9;
}
.customer-account-login .col2-set .col-1 .content p.form-instructions,
.customer-account-login .col2-set .col-2 .content p.form-instructions, .checkout-multishipping-login .col2-set .col-1 .content p.form-instructions,
.checkout-multishipping-login .col2-set .col-2 .content p.form-instructions {
  margin-right: 40px;
  font-size: 12px;
  line-height: 20px;
}
.customer-account-login .col2-set .col-1 .buttons-set,
.customer-account-login .col2-set .col-2 .buttons-set, .checkout-multishipping-login .col2-set .col-1 .buttons-set,
.checkout-multishipping-login .col2-set .col-2 .buttons-set {
  text-align: right;
}
.customer-account-login .col2-set .col-1 .buttons-set .accounts, .customer-account-login .col2-set .col-1 .buttons-set .login-icon,
.customer-account-login .col2-set .col-2 .buttons-set .accounts,
.customer-account-login .col2-set .col-2 .buttons-set .login-icon, .checkout-multishipping-login .col2-set .col-1 .buttons-set .accounts, .checkout-multishipping-login .col2-set .col-1 .buttons-set .login-icon,
.checkout-multishipping-login .col2-set .col-2 .buttons-set .accounts,
.checkout-multishipping-login .col2-set .col-2 .buttons-set .login-icon {
  float: left;
  font-size: 12px;
  text-align: left;
}
.customer-account-login .col2-set .col-1 .buttons-set button,
.customer-account-login .col2-set .col-2 .buttons-set button, .checkout-multishipping-login .col2-set .col-1 .buttons-set button,
.checkout-multishipping-login .col2-set .col-2 .buttons-set button {
  background: #000;
  min-width: 0;
}
.customer-account-login .col2-set .col-1 .buttons-set .login-icon,
.customer-account-login .col2-set .col-2 .buttons-set .login-icon, .checkout-multishipping-login .col2-set .col-1 .buttons-set .login-icon,
.checkout-multishipping-login .col2-set .col-2 .buttons-set .login-icon {
  width: 70px;
  margin-left: 5%;
}
.customer-account-login .col2-set .col-1 .buttons-set .login-icon img,
.customer-account-login .col2-set .col-2 .buttons-set .login-icon img, .checkout-multishipping-login .col2-set .col-1 .buttons-set .login-icon img,
.checkout-multishipping-login .col2-set .col-2 .buttons-set .login-icon img {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.customer-account-login .col2-set .col-1, .checkout-multishipping-login .col2-set .col-1 {
  padding: 30px;
}
.customer-account-login .col2-set .col-2 ul.form-list li, .checkout-multishipping-login .col2-set .col-2 ul.form-list li {
  overflow: hidden;
  clear: both;
}
.customer-account-login .col2-set .col-2 ul.form-list li label.required, .checkout-multishipping-login .col2-set .col-2 ul.form-list li label.required {
  float: left;
  font-weight: normal;
}
.customer-account-login .col2-set .col-2 ul.form-list li .input-box, .checkout-multishipping-login .col2-set .col-2 ul.form-list li .input-box {
  float: right;
}
@media only screen and (max-width: 479px) {
  .customer-account-login .col2-set .col-1, .checkout-multishipping-login .col2-set .col-1 {
    padding-bottom: 30px;
  }
  .customer-account-login .col2-set .col-2, .checkout-multishipping-login .col2-set .col-2 {
    padding-top: 30px;
    border-top: 1px solid #d9d9d9;
  }
}
@media only screen and (max-width: 770px) {
  .customer-account-login .col2-set p.required, .checkout-multishipping-login .col2-set p.required {
    display: none;
  }
}

.customer-account-create .scaffold-form label:first-child, .checkout-multishipping-register .scaffold-form label:first-child {
  width: 140px;
}

.opc #opc-login p:not(.required) {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  color: #A0A0A0;
}

.remember-me-box a.hide {
  display: none;
}
.remember-me-box .link-tip {
  font-size: 12px;
  padding-left: 10px;
}

.remember-me-popup {
  display: none;
  border: 1px solid #CCCCCC;
  padding: 10px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup p {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}

.customer-account-create .buttons-set {
  border-top: none;
}
.customer-account-create .fieldset,
.customer-account-create .buttons-set {
  margin-left: 0;
}
@media only screen and (max-width: 479px) {
  .customer-account-create .fieldset,
  .customer-account-create .buttons-set {
    margin-left: 0;
  }
}
.customer-account-create .fieldset .hidden {
  display: none;
}
.customer-account-create #remember-me-popup {
  max-width: 455px;
}

.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
  margin-left: 30px;
  max-width: 400px;
}
@media only screen and (max-width: 479px) {
  .customer-account-forgotpassword .fieldset,
  .customer-account-forgotpassword .buttons-set {
    margin-left: 0;
  }
}
.customer-account-forgotpassword .fieldset .input-box input.input-text {
  width: 100%;
}

/* ============================================ *
 * My Account Global Styles
 * ============================================ */
body.customer-account .my-account .page-title h1 {
  border: 0;
  text-align: left;
}
body.customer-account .my-account .title-buttons {
  position: relative;
  text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
  text-align: left;
}
body.customer-account .my-account .title-buttons .button {
  position: absolute;
  right: 0;
  top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
  position: relative;
  top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
  width: 100%;
  display: inline-block;
}
body.customer-account .my-account .addresses-list h3 {
  font-size: 14px;
  font-weight: 600;
}
body.customer-account .my-account .fieldset {
  margin-top: 30px;
  margin-bottom: 30px;
}
body.customer-account .data-table {
  margin-top: 5px;
}
body.customer-account .data-table td a {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-style: normal;
  font-size: 12px;
}
body.customer-account .data-table span.nobr {
  white-space: normal;
}
body.customer-account .data-table span.nobr a {
  white-space: nowrap;
}
body.customer-account .data-table td.view a {
  display: block;
}
body.customer-account .data-table .separator {
  display: none;
}
body.customer-account .sidebar .block ol#compare-items li {
  margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
  margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
  display: inline-block;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
  display: inline;
  margin-bottom: 0;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
  width: 40px;
  float: left;
  margin-right: 10px;
}
.form-list .customer-dob .dob-year {
  width: 80px;
  float: left;
}

/* ============================================ *
 * Dashboard
 * ============================================ */
.clear {
  clear: both;
}

.dashboard .box-head {
  margin-top: 30px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 7px;
}
.dashboard .box-head h2 {
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0;
}
.dashboard .box-head a {
  padding: 10px;
}
.dashboard .box-title a,
.dashboard .box-head a {
  font-size: 12px;
}
.dashboard .box-account address {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-style: italic;
}
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
  padding-right: 12.09677%;
  padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
  position: relative;
  padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
  line-height: 19.6px;
}
.dashboard .box-reviews.box-account {
  padding-bottom: 0;
}
.dashboard .box-reviews li {
  padding: 10px 0;
  border-top: 1px solid #d9d9d9;
}
.dashboard .box-reviews li:first-child {
  border-top: 0;
}
.dashboard .box-reviews li .number {
  margin-right: -20px;
  float: left;
  line-height: 1.4;
  font-size: 12px;
}
.dashboard .box-reviews li .details {
  margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
  float: left;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
  float: left;
  margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.my-account .addresses-list {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
  padding-bottom: 0;
}
.my-account .addresses-list .item {
  margin: 0 0 30px 0;
}
.my-account .addresses-list .item p {
  margin-top: 10px;
}
@media only screen and (max-width: 770px) {
  .my-account .addresses-list .col-1,
  .my-account .addresses-list .col-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .my-account .addresses-list .col-1 li.empty,
  .my-account .addresses-list .col-2 li.empty {
    width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .my-account .addresses-list .addresses-additional p a {
    white-space: nowrap;
  }
}

/* ============================================ *
 * Order View
 * ============================================ */
.order-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
  display: inline;
}
.order-info dt {
  margin-right: 20px;
}
.order-info li {
  margin: 0 0 0 20px;
}
.order-info li.current {
  font-weight: 600;
}
.order-info li:first-child {
  margin-left: 0;
}

.order-date {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

.order-info-box {
  margin-bottom: 40px;
  margin-top: 20px;
}
.order-info-box + .order-info-box {
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
}
.order-info-box .col-1 {
  padding-right: 0;
  width: 48%;
}
.order-info-box .col-2 {
  width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.order-info-box .box-title {
  width: 150px;
  padding-right: 10px;
  float: left;
}
.order-info-box .box-title h2 {
  font-size: 14px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.5;
}
.order-info-box .box-title h2:after {
  content: ':';
}
.order-info-box .box-content {
  float: left;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  line-height: 1.3;
}
.order-info-box .box-content th {
  padding-top: 10px;
}
.order-info-box .box-content td {
  padding-left: 15px;
}
.order-info-box .box-content strong {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-weight: normal;
}

#my-orders-table .option-label {
  margin-left: 10px;
  font-weight: 600;
  font-style: italic;
}
#my-orders-table .option-value {
  margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
  border-bottom: none;
  border-top: none;
}

ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
  display: inline;
}

@media only screen and (max-width: 599px) {
  #my-orders-table .option-label {
    margin-left: 20px;
  }
  #my-orders-table .option-value {
    margin-left: 35px;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr br {
    display: none;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr strong {
    margin-right: 10px;
  }
  #my-orders-table tr.bundle {
    border-color: #d9d9d9;
  }
  #my-orders-table tr.bundle.child td[data-rwd-label] {
    padding-left: 60px;
  }
  #my-orders-table tbody:last-child tr:last-child td {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  #my-orders-table tbody:last-child tr:last-child td:last-child {
    padding-bottom: 15px;
  }
  #my-orders-table tfoot tr.shipping {
    margin-top: 0;
  }
}
.order-additional {
  margin: 40px 0;
}

.order-gift-message dd {
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    padding-right: 30px;
    padding-bottom: 0;
  }

  body.customer-account .data-table td.view a {
    white-space: normal;
  }
}
@media only screen and (max-width: 979px) {
  body.customer-account .my-account .title-buttons {
    text-align: left;
  }
  body.customer-account .my-account .title-buttons span.separator,
  body.customer-account .my-account .title-buttons a {
    top: -12px;
  }
}
@media only screen and (max-width: 770px) {
  body.customer-account .data-table.orders th.ship,
  body.customer-account .data-table.orders td.ship,
  body.customer-account .data-table.orders td.status,
  body.customer-account .data-table.orders th.status {
    display: none;
  }

  .order-info-box .box-content {
    clear: left;
  }

  .addresses-list .item {
    float: left;
    width: 50%;
    padding-right: 30px;
  }

  .order-info dt {
    display: none;
  }

  .dashboard .page-title {
    margin-top: 20px;
  }
  .dashboard .page-title h1 {
    margin-top: 0;
  }
  .dashboard .welcome-msg {
    font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  }
  .dashboard .welcome-msg .hello {
    font-style: italic;
  }
  .dashboard .box-account {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 48%;
    padding-right: 0;
    padding-left: 0;
  }
  .dashboard .col2-set .col-1 {
    float: left;
    margin-right: 4%;
  }
  .dashboard .col2-set .col-2 {
    float: right;
  }
}
@media only screen and (max-width: 599px) {
  body.customer-account .my-account .form-list .control {
    padding-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  body.customer-account .my-account .page-title h1 {
    text-align: center;
  }
  body.customer-account .my-account .title-buttons {
    text-align: center;
  }
  body.customer-account .my-account .title-buttons .button {
    width: 100%;
    position: static;
    margin-bottom: 15px;
  }
  body.customer-account .my-account .title-buttons .button + .button {
    margin-left: 0px;
  }
  body.customer-account .my-account .fieldset h2 {
    margin-bottom: 15px;
  }
  body.customer-account .my-account .order-details h2 {
    margin-bottom: 15px;
  }
  body.customer-account .my-account .buttons-set {
    border-top: 0;
  }
  body.customer-account .my-account .addresses-list .item {
    margin-bottom: 15px;
    padding-right: 0;
    float: none;
    width: auto;
  }
  body.customer-account .my-account .addresses-list h2 {
    margin-bottom: 15px;
  }

  .order-info {
    margin-top: 15px;
  }

  .data-table.orders .link-reorder,
  .data-table.orders .date {
    display: none;
  }
  .data-table.orders td.view {
    text-align: right;
  }

  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 100%;
    margin-top: 15px;
  }

  .order-info-box {
    margin: 0;
  }
  .order-info-box .col-1,
  .order-info-box .col-2 {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
  }
  .order-info-box + .order-info-box {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 30px;
  }

  #my-reviews-table .nobr {
    white-space: normal;
  }
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset {
  margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
  display: none;
}
body.newsletter-manage-index .my-account .form-list {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}

#change_mobile_content {
  display: none;
  width: 500px;
  padding: 20px;
  font-size: 12px;
  color: #000;
}
#change_mobile_content .title {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  font-size: 14px;
}
#change_mobile_content .content p {
  margin: 15px 0;
  line-height: 24px;
}
#change_mobile_content .content .phone_info {
  margin-top: 20px;
}
#change_mobile_content .content .phone_info label {
  width: 120px;
  display: inline-block;
  font-size: 14px;
}
#change_mobile_content .content .phone_info input {
  width: 330px;
  height: 32px;
  line-height: 32px;
  background: #ebebeb;
}
#change_mobile_content .content .phone_info input.verify-input {
  width: 270px;
}
#change_mobile_content .content .phone_info .verify_btn {
  background: #000;
  color: #fff;
  width: 57px;
  padding: 0;
  border: 0;
  float: right;
  width: 62px;
}
#change_mobile_content .content .phone_info.inputValidMobile {
  height: 40px;
}
#change_mobile_content .content .save_wrapper {
  margin-top: 30px;
}
#change_mobile_content .content .save_wrapper label {
  width: 120px;
}
#change_mobile_content .content .save_wrapper .save_btn {
  background: #000;
  color: #fff;
  width: 150px;
  padding: 5px 10px;
  border: 0;
  font-size: 12px;
}
#change_mobile_content .content .save_wrapper a.cancel {
  color: #000;
  text-decoration: underline;
  padding-top: 8px;
  display: inline-block;
}

#container li .error-msg {
  display: block;
}

.my-account-container .my-account-top-title {
  max-width: 1400px;
  margin: 20px auto 0;
}
.my-account-container .my-account-top-title h1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  text-align: center;
  font-size: 16px;
  color: #000;
  margin: 0 20px;
}
.my-account-container .col-left {
  width: 28%;
  border: 1px solid #ddd;
  padding: 0;
}
.my-account-container .col-left .block-customer-name {
  border-bottom: 1px solid #ddd;
  padding: 20px 17px 10px;
  margin: 0px 15px;
}
.my-account-container .col-left .block-customer-name .block-title {
  border: 0;
  margin: 0;
  padding: 0 0 10px;
}
.my-account-container .col-left .block-customer-name .block-title a {
  color: #636363;
  text-decoration: underline;
  font-size: 14px;
}
.my-account-container .col-left .block-account {
  margin: 22px 0 0 12%;
  font-size: 14px;
}
.my-account-container .col-left .block-account .profile_group {
  background: url("../images/my_profile_icon.png") no-repeat left center;
  padding-left: 30px;
  height: 30px;
  line-height: 35px;
}
.my-account-container .col-left .block-account .order_group {
  background: url("../images/my_orders_icon.png") no-repeat left center;
  padding-left: 30px;
  height: 30px;
  line-height: 35px;
}
.my-account-container .col-left .block-account li {
  margin-left: 30px !important;
  font-size: 12px;
}
.my-account-container .col-left .block-account li {
  margin-left: 30px;
  font-size: 12px;
}
.my-account-container .col-left .block-account .hobby_group {
  background: url("../images/my_performance_icon.png") no-repeat left center;
  padding-left: 30px;
  height: 30px;
  line-height: 35px;
}
.my-account-container .col-left .block-contacts {
  margin: 40px 15px 20px;
  padding: 30px 17px 10px;
  border-top: 1px solid #ddd;
}
.my-account-container .col-left .block-contacts h3 {
  font-size: 14px;
  background: url("../images/contacts_icon.png") no-repeat left center;
  padding-left: 30px;
  height: 30px;
  line-height: 35px;
}
.my-account-container .col-left .block-contacts ul li {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 12px;
}
.my-account-container .col-left .block-contacts ul li a {
  display: block;
  text-decoration: underline;
}
.my-account-container .col-main {
  width: 69%;
  padding: 0;
}
.my-account-container .col-main .my-account #form-validate ul.form-list li label {
  width: 80px;
  margin-top: 0 !important;
}
.my-account-container .col-main .my-account #form-validate div.input-box {
  height: auto;
}
.my-account-container .col-main .my-account #form-validate div.input-box input {
  width: 148px;
}
.my-account-container .col-main .my-account .items {
  border: 1px solid #ddd;
  padding: 30px;
  margin-bottom: 30px;
  font-size: 12px;
}
.my-account-container .col-main .my-account .items ul.form-list li {
  float: left;
  height: 50px;
}
.my-account-container .col-main .my-account .items ul.form-list li.control {
  margin-top: 0px;
  height: auto;
}
.my-account-container .col-main .my-account .items ul.form-list li .long {
  width: 470px !important;
}
.my-account-container .col-main .my-account .items ul.form-list li .long input {
  width: 100%;
}
.my-account-container .col-main .my-account .items ul.form-list div.field {
  margin-top: 0;
  margin-bottom: 0;
}
.my-account-container .col-main .my-account .items ul.form-list label {
  width: 80px;
  float: left;
}
.my-account-container .col-main .my-account .items ul.form-list div.input-box {
  height: auto;
}
.my-account-container .col-main .my-account .items ul.form-list .input-text {
  background: #ebebeb;
  border: 0;
  height: 30px;
  float: none;
  display: inline;
  width: 180px;
  margin: 0;
}
.my-account-container .col-main .my-account .items ul.form-list .gender {
  width: 180px !important;
}
.my-account-container .col-main .my-account .items ul.form-list .customer-dob .custom-select {
  width: 135px;
}
.my-account-container .col-main .my-account .items ul.form-list .custom-select {
  width: 153px;
  height: 30px;
  display: inline-block;
  margin: 0 5px 0 0;
  border-radius: 5px;
}
.my-account-container .col-main .my-account .items ul.form-list .custom-select .validation-advice {
  position: absolute;
  top: 26px !important;
}
.my-account-container .col-main .my-account .items ul.form-list .custom-select select {
  height: 24px;
}
.my-account-container .col-main .my-account .items ul.form-list .custom-select select.validation-failed {
  border: 1px solid #df280a;
}
.my-account-container .col-main .my-account .items ul.form-list .customer_address_field .custom-select {
  overflow: inherit;
  height: auto !important;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li {
  display: block !important;
  float: none;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li .name-firstname {
  display: block;
  margin-bottom: 10px;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li .custom-select {
  margin-bottom: 0;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li .custom-select .validation-advice {
  position: absolute;
  top: 20px;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li .custom-select select {
  height: 30px;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li .custom-select select.validation-failed {
  border: 1px solid #df280a;
}
.my-account-container .col-main .my-account .items ul.personal_info_box li .long {
  width: 403px;
}
.my-account-container .col-main .my-account .items .title {
  font-size: 14px;
  margin-bottom: 25px;
}
.my-account-container .col-main .my-account .items .title .back-link {
  float: right;
  font-size: 12px;
  color: #636363;
  margin-top: 7px;
}
.my-account-container .col-main .my-account .items .title .back-link:hover {
  color: #3399CC;
}
.my-account-container .col-main .my-account .items .member_table {
  width: 100%;
}
.my-account-container .col-main .my-account .items .member_table td {
  padding: 5px 15px;
  vertical-align: top;
}
.my-account-container .col-main .my-account .items .member_table td:last-child {
  padding-right: 0;
}
.my-account-container .col-main .my-account .items .member_table td label {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0;
}
.my-account-container .col-main .my-account .items .member_table td span {
  display: block;
  font-size: 12px;
}
.my-account-container .col-main .my-account .items .actions-btn {
  margin-top: 20px;
  text-align: right;
}
.my-account-container .col-main .my-account .items .actions-btn a {
  border: 1px solid #ddd;
  display: inline-block;
  padding: 7px 40px;
  color: #636363;
  font-size: 12px;
}
.my-account-container .col-main .my-account .items .order-actions-btn {
  margin-top: 20px;
  text-align: left;
}
.my-account-container .col-main .my-account .items .order-actions-btn a {
  border: 1px solid #000;
  display: inline-block;
  padding: 10px;
  background: #000000;
  color: #FFFFFF;
}
.my-account-container .col-main .my-account .items .order-products ul li {
  float: left;
  margin: 10px 18px 20px 0;
  font-size: 12px;
  width: 17%;
}
.my-account-container .col-main .my-account .items .order-products ul li .product-image {
  border: 1px solid #ddd;
}
.my-account-container .col-main .my-account .items .order-products ul li .product-image img {
  max-width: 100%;
}
.my-account-container .col-main .my-account .items .order-products ul li .product-name {
  margin-top: 10px;
  height: 55px;
  overflow: hidden;
  font-size: 12px;
}
.my-account-container .col-main .my-account .items .order-products ul li .product-name span {
  display: block;
}
.my-account-container .col-main .my-account .items .order-products ul li .product-price {
  height: 36px;
}
.my-account-container .col-main .my-account .items .order-products ul li .product-price .dior-product-size {
  display: block;
  line-height: 24px;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-account-container .col-main .my-account .items .order-products ul li a.link-reorder {
  background: #000;
  color: #fff;
  padding: 5px 25px;
  display: inline-block;
  margin-top: 15px;
}
.my-account-container .col-main .my-account .items .order-products ul li:last-child {
  margin-right: 0;
}
.my-account-container .col-main .my-account .items .order-products .actions-btn {
  border-top: 1px solid #ddd;
  padding: 20px 0 40px;
}
.my-account-container .col-main .my-account .items .order-info-box {
  margin-bottom: 20px;
}
.my-account-container .col-main .my-account .items .order-info-box .box-title {
  float: none;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  width: 100%;
  margin-top: 35px;
  padding-bottom: 10px;
}
.my-account-container .col-main .my-account .items .order-info-box .data-table th, .my-account-container .col-main .my-account .items .order-info-box .data-table td {
  padding: 5px !important;
}
.my-account-container .col-main .my-account .items .order-info-box .data-table th:first-child, .my-account-container .col-main .my-account .items .order-info-box .data-table td:first-child {
  padding-left: 0;
}
.my-account-container .col-main .my-account .items .order-info-box .box-content {
  float: none;
  margin-top: 20px;
}
.my-account-container .col-main .my-account .items .order-info-box .box-content address {
  line-height: 20px;
  margin-top: 10px;
}
.my-account-container .col-main .my-account .items .order-title {
  margin: 30px 0;
}
.my-account-container .col-main .my-account .items .order-title .order-left p {
  margin-bottom: 10px;
}
.my-account-container .col-main .my-account .items .order-title .order-right a {
  float: right;
  width: 70px;
  background: #000;
  color: #fff;
  padding: 5px 0px;
  text-align: center;
}
.my-account-container .col-main .my-account .items .order-title .order-right a.cny-image-pc {
  width: 120px;
  border-radius: 15px;
  height: 30px;
  line-height: 20px;
}
.my-account-container .col-main .my-account .items .invoice-btn {
  text-align: right;
  margin-top: -20px;
}
.my-account-container .col-main .my-account .items .invoice-btn .makeUpInvoice, .my-account-container .col-main .my-account .items .invoice-btn .downloadInvoice {
  padding: 6px;
  background: #000;
  color: #fff;
  cursor: pointer;
}
.my-account-container .col-main .my-account .items .invoice-btn .no-download {
  background: #ccc;
  cursor: default;
  border-radius: 15px;
  padding: 5px 10px;
}
.my-account-container .col-main .my-account .items #my-orders-table td {
  vertical-align: middle;
  padding: 5px !important;
}
.my-account-container .col-main .my-account .items #my-orders-table td.checkbox-product {
  padding-left: 0;
}
.my-account-container .col-main .my-account .items #my-orders-table td .product-image {
  float: left;
  margin-right: 10px;
  width: 110px;
}
.my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper {
  float: left;
  width: 165px;
  margin-top: 10px;
}
.my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper h3 {
  font-size: 12px;
}
.my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper .item-options {
  margin-left: 0;
  font-size: 12px;
}
.my-account-container .col-main .my-account .items #my-orders-table td .link-reorder {
  background: #000;
  color: #fff;
  padding: 8px 20px;
}
.my-account-container .col-main .my-account .items .other-newsletter {
  padding: 20px 0 10px;
}
.my-account-container .col-main .my-account .items .other-newsletter li.control {
  margin-top: 10px;
}
.my-account-container .col-main .my-account .items .other-newsletter li.control .newsletter_checkbox {
  width: 30px;
  height: 30px;
  float: left;
}
.my-account-container .col-main .my-account .items .other-newsletter li.control span.jqTransformCheckboxWrapper {
  float: left;
  margin-top: 1px;
}
.my-account-container .col-main .my-account .items .other-newsletter li.control label {
  margin-top: 0;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}
.my-account-container .col-main .my-account .items .newsletter1 {
  border-bottom: 1px solid #ddd;
  padding: 0px 0 40px;
}
.my-account-container .col-main .my-account .items .gifts_list {
  margin-top: 30px;
}
.my-account-container .col-main .my-account .items .gifts_list ul li {
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-image {
  float: left;
  width: 45%;
  margin-right: 5%;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-image img {
  max-width: 100%;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-info {
  float: left;
  width: 50%;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-info h3 {
  font-size: 14px;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-info p {
  font-size: 12px;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-info .gift_or {
  margin: 20px 0;
}
.my-account-container .col-main .my-account .items .gifts_list ul li .gift-info a.gift_btn {
  border: 1px solid #ddd;
  font-size: 14px;
  display: block;
  width: 100px;
  padding: 5px;
  text-align: center;
  margin: 20px 0;
}
.my-account-container .col-main .my-account .items .user_info {
  border-top: 1px solid #ddd;
  margin-top: 30px;
}
.my-account-container .col-main .my-account .items .user_info .default_address {
  border: 1px solid #ddd;
  padding: 20px;
  margin-top: 20px;
}
.my-account-container .col-main .my-account .items .member-card {
  padding: 14px 40px 14px 70px;
  border: 1px solid #000;
  border-radius: 28px;
  font-size: 16px;
  width: 402px;
  margin: auto;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 46px;
  cursor: pointer;
}
.my-account-container .col-main .my-account .items .member-card:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 40px;
  background: url("../images/customer/member-card-btn.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: contain;
}
.my-account-container .col-main .my-account .buttons-set {
  border-top: 0;
}
.my-account-container .col-main .my-account .buttons-set .back-link {
  width: 70%;
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
.my-account-container .col-main .my-account .buttons-set a.fancybox {
  background: #000;
  color: #fff;
  padding: 6px 18px;
  float: right;
  font-size: 12px;
}
.my-account-container .col-main .my-account .buttons-set a.fancybox:hover {
  text-decoration: none;
}
.my-account-container .col-main .my-account .addresses-primary {
  margin-top: 20px;
}
.my-account-container .col-main .my-account .addresses-primary h3 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.my-account-container .col-main .my-account .addresses-primary .info-box {
  border: 0;
  padding: 0;
  margin-bottom: 30px;
}
.my-account-container .col-main .my-account .addresses-primary .info-box address {
  line-height: 20px;
}
.my-account-container .col-main .my-account .addresses-primary .info-box .box-title {
  float: right;
  margin-top: 30px;
  width: 150px;
}
.my-account-container .col-main .my-account .addresses-primary .info-box .box-title a {
  color: #636363;
}
.my-account-container .col-main .my-account .addresses-additional {
  margin-top: 20px;
}
.my-account-container .col-main .my-account .addresses-additional h3 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.my-account-container .col-main .my-account .addresses-additional address {
  line-height: 20px;
  width: 440px;
  word-wrap: break-word;
}
.my-account-container .col-main .my-account .addresses-additional li p.actions {
  float: right;
  margin-top: 0px;
  width: 150px;
}
.my-account-container .col-main .my-account .addresses-additional li p.actions a {
  display: block;
  color: #636363;
  margin-top: 5px;
}
.my-account-container .col-main .my-account .form-list .control {
  width: 100%;
  margin: 0;
}
.my-account-container .col-main .my-account .form-list .control .input-box-checkbox {
  float: left;
  margin-top: 7px;
}
.my-account-container .col-main .my-account .form-list .control label {
  background: none;
  line-height: normal !important;
  padding-left: 8px;
}
.my-account-container .col-main .my-account .data-table th {
  background: none;
  border-bottom: 0;
  padding: 10px 5px !important;
}
.my-account-container .col-main .my-account .data-table td {
  border-bottom: 0;
  line-height: 20px;
}
.my-account-container .col-main .my-account .data-table td.number {
  padding-left: 0;
}
.my-account-container .col-main .my-account .data-table td.number a {
  text-decoration: underline;
}
.my-account-container .col-main .my-account .data-table tfoot {
  border-top: 1px solid #ddd;
}
.my-account-container .col-main .my-account .data-table tfoot tr {
  background: none;
}
.my-account-container .col-main .my-account .data-table tfoot tr.grand_total {
  background: #f4f4f4;
}
.my-account-container .col-main .my-account .data-table tfoot tr td {
  font-size: 14px;
}
.my-account-container .col-main .my-account .data-table tfoot tr td:first-child {
  text-align: left !important;
}
.my-account-container .col-main .my-account .pager-no-toolbar {
  margin: 20px 0 0;
}

.sales-order-history #member-card-popup {
  padding: 15px 25px;
}
.sales-order-history #member-card-popup .title {
  font-size: 28px;
  text-align: center;
  color: #000;
}
.sales-order-history #member-card-popup .wechat-flex {
  width: 400px;
  margin: 50px auto 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}
.sales-order-history #member-card-popup .wechat-flex .Qr-code-left {
  flex-direction: column;
  display: flex;
  width: 130px;
}
.sales-order-history #member-card-popup .wechat-flex .Qr-code-left img {
  width: 113px;
  height: 113px;
  margin: 0 auto;
}
.sales-order-history #member-card-popup .wechat-flex .Qr-code-left p {
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}
.sales-order-history #member-card-popup .wechat-flex .text-right {
  flex-direction: column;
  display: flex;
  width: 125px;
}
.sales-order-history #member-card-popup .wechat-flex .text-right li {
  font-size: 18px;
  color: #000;
  padding-bottom: 30px;
  position: relative;
}
.sales-order-history #member-card-popup .wechat-flex .text-right li span {
  font-size: 24px;
  font-style: italic;
  padding-right: 20px;
}
.sales-order-history #member-card-popup .wechat-flex .text-right li:after {
  content: '';
  position: absolute;
  bottom: 9px;
  left: 35px;
  background: url("../images/customer/member-card-pop-2.jpg") no-repeat 0 0;
  width: 12px;
  height: 6px;
  background-size: contain;
}
.sales-order-history #member-card-popup .wechat-flex .text-right li:last-child:after {
  background: none;
}
.sales-order-history #member-card-popup .popup-bottom {
  background: url("../images/customer/member-card-pop-3.jpg") no-repeat 0 0;
  width: 600px;
  height: 220px;
  background-size: contain;
  padding: 35px 40px;
  box-sizing: border-box;
}
.sales-order-history #member-card-popup .popup-bottom .title {
  text-align: left;
}
.sales-order-history #member-card-popup .popup-bottom ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 300px;
  margin-top: 12px;
}
.sales-order-history #member-card-popup .popup-bottom ul li {
  flex-direction: column;
  display: flex;
  position: relative;
  padding: 10px 0 10px 16px;
  font-size: 16px;
  color: #000;
}
.sales-order-history #member-card-popup .popup-bottom ul li span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  background: #000;
  margin-top: -3.5px;
  border-radius: 50%;
}
.sales-order-history .fancybox-close {
  background: url("../images/2019close.jpg") no-repeat 0 0 !important;
  width: 22px !important;
  height: 22px !important;
  background-size: contain;
  top: 18px !important;
  right: 18px !important;
}
.sales-order-history .fancybox-skin {
  border-radius: 10px;
}

/* fancyBox css */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
.addresses-primary ol li.info-box h4 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#fancybox-invoice {
  width: 390px;
  padding: 10px 0;
  margin: auto;
}
#fancybox-invoice .title {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 20px;
  text-align: center;
}
#fancybox-invoice .form-item-relooking.form-item {
  margin: 0;
}
#fancybox-invoice p {
  height: 50px;
}
#fancybox-invoice p input {
  margin-left: 10px;
  width: 186px;
  border: 1px solid #b2b2b2;
}
#fancybox-invoice p input.taxpayer-number {
  width: 160px;
}
#fancybox-invoice p input, #fancybox-invoice p label {
  display: inline-block;
}
#fancybox-invoice .c {
  clear: both;
  overflow: hidden;
}
#fancybox-invoice button {
  margin-top: 10px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border: none;
  background: #000;
  font-size: 14px;
  letter-spacing: 3px;
  float: right;
  border-radius: 15px;
}
#fancybox-invoice .cancel-block {
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
  float: left;
  margin-top: 10px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 3px;
  cursor: pointer;
  border-radius: 15px;
}
#fancybox-invoice .invoice-block {
  margin: 0 14px;
}
#fancybox-invoice .form-type-radio {
  clear: both;
  overflow: hidden;
}
#fancybox-invoice .form-type-radio .company-box {
  float: left;
}
#fancybox-invoice .form-type-radio .company-text {
  float: right;
  width: 82%;
}
#fancybox-invoice .form-type-radio .company-text input {
  border-radius: 5px;
  border: 1px solid #a9a9a9;
}
#fancybox-invoice .invoice-text {
  font-size: 12px;
  color: #444;
  margin-bottom: 15px;
}

.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table > tfoot td.last, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table > tfoot td.last {
  text-align: right;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table td, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table td {
  padding: 10px 5px !important;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper {
  margin-top: 0;
  width: 100%;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper h3, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table td .product-name-wrapper h3 {
  color: #000;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table tr .kezi-block, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table tr .kezi-block {
  margin-top: 0;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table tr .kezi-block p, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table tr .kezi-block p {
  line-height: 22px;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table tr.suit-block .kezi-block, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table tr.suit-block .kezi-block {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #C0C0C0;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table tr.suit-block .kezi-block.bundle-block-last, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table tr.suit-block .kezi-block.bundle-block-last {
  border-bottom: none;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table .orders-kezi-table, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table .orders-kezi-table {
  width: 100%;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table .orders-kezi-table tr, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table .orders-kezi-table tr {
  border-bottom: none;
}
.sales-order-view .my-account-container .col-main .my-account .items #my-orders-table .orders-kezi-table tr td h3.product-name, .d1m-exchange-order-return .my-account-container .col-main .my-account .items #my-orders-table .orders-kezi-table tr td h3.product-name {
  font-size: 16px;
  color: #000;
}
.sales-order-view .kezi-price-block .text-price, .d1m-exchange-order-return .kezi-price-block .text-price {
  margin-left: 50px;
}
.sales-order-view .kezi-bg, .d1m-exchange-order-return .kezi-bg {
  background: #eee;
  padding: 2px 4px;
  width: 114px;
}

.connectlogin-wechat-display .impowerBox .title, .connectlogin-wechat-display .impowerBox .info .status_browser p {
  color: #000;
}

body.welcomeRule-overlay {
  overflow: hidden !important;
}

.welcomeRule-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
  display: none;
}

@font-face {
  font-family: hyzs;
  src: url("../font/hyzs.TTF");
}
#welcomeRule {
  text-align: center;
  background: url("../images/welcome-191216.png") no-repeat 0 0;
  width: 654px;
  height: 512px;
  background-size: contain;
  position: fixed;
  z-index: 8011;
  top: 50%;
  left: 50%;
  margin-left: -327px;
  margin-top: -256px;
}
#welcomeRule .welcomeRule-content {
  padding: 44px 0 21px 0;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#welcomeRule .welcomeRule-content p {
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
  font-family: hyzs, "Microsoft YaHei";
}
#welcomeRule .welcomeRule-content p.title {
  font-size: 28px;
  padding: 46px 0 15px 0;
  text-align: center;
  margin-bottom: 10px;
  color: #000;
}
#welcomeRule .welcomeRule-content p.text {
  padding: 0 110px 0 143px;
  color: #111;
}
#welcomeRule .welcomeRule-content p.supplement {
  font-size: 13px;
  margin-top: 74px;
  position: relative;
  padding: 0 110px 0 143px;
  color: #757575;
}
#welcomeRule .welcomeRule-content p.supplement img {
  position: absolute;
  top: -62px;
  right: 112px;
}
#welcomeRule .welcomeRule-content .welcomeRule-close {
  width: 18px;
  height: 18px;
  top: 14%;
  right: 6.3%;
  position: absolute;
  cursor: pointer;
}
#welcomeRule .welcomeRuleBtn {
  width: 200px;
  height: 50px;
  position: absolute;
  bottom: 14%;
  left: 37%;
  cursor: pointer;
  background: transparent;
  text-indent: -9999px;
}

.customer-account-login .fancybox-close {
  background: url("https://www.dior.cn/beauty/zh_cn/store/media/wysiwyg/close123.png") center center no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  right: 8px;
  top: 8px;
}

.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .customer_address_field .custom-select {
  height: 30px !important;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
  margin-left: 30px;
  max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
  float: left;
}
@media only screen and (max-width: 599px) {
  .contacts-index-index .buttons-set {
    max-width: 330px;
    margin-left: 0;
  }
  .contacts-index-index .buttons-set button {
    float: left;
    margin-left: 0px;
  }
  .contacts-index-index .buttons-set p.required {
    float: right;
  }
}

/* ============================================ *
 * PayPal
 * ============================================ */
@media only screen and (max-width: 870px) and (min-width: 771px) {
  .paypal-review-order .col2-set .col-1,
  .paypal-review-order .col2-set .col-2 {
    padding: 0px;
  }
}

.paypal-review-order .info-set {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.paypal-review-order .buttons-set {
  margin-top: 0px;
  padding-top: 0px;
  border: 0;
}
.paypal-review-order .buttons-set button {
  margin-bottom: 10px;
}
@media only screen and (max-width: 770px) {
  .paypal-review-order .col-1 {
    padding-bottom: 0;
  }
  .paypal-review-order .field.inactive {
    display: none;
  }
}

.top-container .bml-ad {
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
}
.top-container .bml-ad span {
  display: inline-block;
}
.top-container .bml-ad span a {
  display: block;
}

.bml-ad {
  display: none;
  text-align: center;
  margin-bottom: 5px;
}
.bml-ad span {
  display: block;
  line-height: 0;
}
.bml-ad a {
  display: inline-block;
  max-width: 100%;
}
.bml-ad a:hover {
  opacity: 0.7;
}
.bml-ad img {
  height: auto !important;
  max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
  display: block;
  margin: 0;
}

@media only screen and (max-width: 770px) {
  .bml-ad.small {
    display: block;
  }
}
@media only screen and (min-width: 771px) {
  .bml-ad.large {
    display: block;
  }
}
div.paypal-logo {
  text-align: center;
  margin: 15px 0;
  max-width: 100%;
}
div.paypal-logo span {
  display: block;
  width: 100%;
}
div.paypal-logo span a {
  display: inline-block;
  max-width: 100%;
}
div.paypal-logo span a img {
  max-width: 100%;
}
div.paypal-logo span > img {
  display: none;
}

.checkout-types div.paypal-logo {
  text-align: right;
}

.bml-checkout-type {
  list-style-type: none;
}

.sidebar .paypal-logo {
  text-align: center;
  line-height: 0;
}
.sidebar .paypal-logo > a {
  display: inline-block;
  max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
  opacity: 0.8;
}
.sidebar .paypal-logo > a img {
  display: block;
}
.sidebar .paypal-logo .label {
  margin-top: 4px;
}
.sidebar .paypal-logo .label a {
  font-size: 12px;
  line-height: 1.5;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews {
  width: auto;
  float: none;
}
#customer-reviews .review-heading {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .review-heading h2 {
  float: left;
  display: block;
}
#customer-reviews .review-heading .pager {
  clear: none;
  float: right;
  width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
  margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}
#customer-reviews .review-heading .pager .amount {
  display: none;
}
#customer-reviews h2 {
  color: #3399CC;
  font-size: 12px;
  text-transform: uppercase;
}
#customer-reviews h2 span {
  color: #636363;
}
#customer-reviews h3 {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
#customer-reviews h3 span {
  color: #3399CC;
}
#customer-reviews .fieldset {
  padding-top: 25px;
  width: 470px;
}
#customer-reviews .fieldset h4 {
  border-bottom: 1px solid #CCCCCC;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 5px;
  text-transform: uppercase;
}
#customer-reviews .fieldset h4 em {
  display: none;
}
#customer-reviews .fieldset .form-list {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0;
  text-transform: uppercase;
  width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .fieldset .form-list label {
  font-size: 12px;
  font-weight: normal;
}
#customer-reviews .fieldset .form-list textarea {
  border: 1px solid #CCCCCC;
  border-radius: 0;
  min-width: 100%;
  -webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
  border: 1px solid #CCCCCC;
  border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
  width: 100%;
}
#customer-reviews .buttons-set {
  border: none;
  margin: 0;
  width: 470px;
}
#customer-reviews dl {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}
#customer-reviews dl dt {
  margin: 10px 0;
  text-transform: uppercase;
}
#customer-reviews dl dd {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  margin: 10px 0;
}
#customer-reviews dl dd .ratings-table {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
  margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
  width: 300px;
  max-width: 70%;
}
#customer-reviews dl dd table {
  margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
  color: #3399CC;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

.review-summary-table {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 10px;
}
.review-summary-table thead {
  background: transparent;
}
.review-summary-table thead th {
  background: transparent;
  border: none;
  padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
  background: #FFFFFF;
  font-size: 12px;
}
.review-summary-table tbody td {
  border: none;
  text-align: center;
  padding: 0;
}
.review-summary-table tbody td label {
  width: 100%;
  display: block;
  padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
  display: none;
}
.review-summary-table .rating-box .rating-number:after {
  content: "";
  display: inline-block;
  background-position: 0px -599px;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.ratings-table th {
  padding-right: 10px;
}
.ratings-table .rating-box {
  background-position: 0 -615px;
  background-repeat: repeat-x;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 65px;
}
.ratings-table .rating-box .rating {
  background-position: 0 -600px;
  background-repeat: repeat-x;
  float: left;
  height: 13px;
  text-indent: -9999px;
}

@media only screen and (max-width: 770px) {
  body.review-product-list .product-view .product-shop .price-info {
    padding-left: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info {
    padding: 0;
    min-width: 84%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table {
    margin: 10px 0;
    width: 100%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 535px) {
  body.review-product-list .product-view .product-shop .extra-info {
    min-width: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    float: none;
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  #customer-reviews .fieldset {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list .inline-label label,
  #customer-reviews .fieldset .form-list .inline-label .input-box {
    float: none;
  }
  #customer-reviews .buttons-set {
    width: 100%;
  }
  #customer-reviews .review-summary-table thead th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody td {
    width: 20%;
    padding: 0px;
  }
  #customer-reviews .review-summary-table .rating-box {
    text-indent: 0px;
    text-align: center;
    background: none;
    height: 19.6px;
    width: 100%;
  }
  #customer-reviews .review-summary-table .rating-box .rating {
    display: none;
  }
  #customer-reviews .review-summary-table .rating-box .rating-number {
    display: inline-block;
  }
}
@media only screen and (max-width: 450px) {
  #customer-reviews dl dd .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
  border-bottom: none;
}
.review-product-view .product-review .product-img-box {
  width: auto;
  max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
  width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
  width: 100%;
}

@media only screen and (max-width: 770px) {
  .review-product-view .product-review .product-img-box {
    max-width: 100%;
  }
}
/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #d9d9d9;
}
.slideshow-container .slideshow {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0;
  border: 10px solid #FFFFFF;
}
.slideshow-container .slideshow > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0;
}
.slideshow-container .slideshow > li:first-child {
  position: static;
  z-index: 100;
}
.slideshow-container .slideshow > li img {
  max-width: 100%;
  width: 100%;
}

.slideshow-pager {
  text-align: center;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-pager span {
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  width: 44px;
  height: 44px;
  display: inline-block;
  color: #DDDDDD;
  cursor: pointer;
}
.slideshow-pager span:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 1px;
  background-color: #FFFFFF;
  position: relative;
}
.slideshow-pager span:hover:before {
  background-color: #2e8ab8;
}
.slideshow-pager span.cycle-pager-active:before {
  background-color: #297aa3;
}
.slideshow-pager > * {
  cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  border-style: solid;
  display: block;
  top: 50%;
  margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

.slideshow-prev {
  left: 8px;
}
.slideshow-prev:before {
  border-width: 15px 15px 15px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 50%;
  left: 10px;
}
.slideshow-prev:hover:before {
  border-color: transparent #2e8ab8 transparent transparent;
}

.slideshow-next {
  right: 8px;
}
.slideshow-next:before {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFFFFF;
  top: 50%;
  right: 10px;
}
.slideshow-next:hover:before {
  border-color: transparent transparent transparent #2e8ab8;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110;
}

.cycle-overlay {
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

/* ============================================ *
 * Wishlist
 * ============================================ */
#wishlist-table {
  min-height: 416px;
  display: block;
}
#wishlist-table th {
  text-align: center;
}
#wishlist-table td {
  vertical-align: middle !important;
  position: relative;
}
#wishlist-table td:nth-child(2) {
  vertical-align: top;
}
#wishlist-table.clean-table {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}
#wishlist-table.clean-table th {
  border-bottom: 1px solid #C0C0C0;
}
#wishlist-table.clean-table td {
  padding: 15px;
  vertical-align: top;
}
#wishlist-table.clean-table thead th {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
#wishlist-table .product-image img {
  max-height: 100px;
  max-width: 100px;
}
#wishlist-table .product-name {
  font-size: 14px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
  padding-top: 8px;
}
#wishlist-table .product-name a {
  color: #636363;
  font-size: 14px;
}
#wishlist-table .description {
  color: #636363;
  line-height: 13px;
}
#wishlist-table .wishlist-sku {
  font-size: 11px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  margin: 5px 0;
}
#wishlist-table textarea {
  border: 1px solid #C0C0C0;
  width: 100%;
  height: 45px;
  font-size: 11px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
#wishlist-table textarea::-webkit-input-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:-moz-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea::-moz-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:-ms-input-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:focus {
  border: 1px solid #3399CC;
}
#wishlist-table .item-manage {
  text-align: right;
  max-width: 450px;
  padding-top: 5px;
}
#wishlist-table .item-manage .button {
  font-size: 11px;
  padding: 3px 5px;
}
#wishlist-table .cart-cell {
  text-align: center;
  width: 100px;
  float: left;
}
#wishlist-table .cart-cell .price-box {
  margin-top: 5px;
}
#wishlist-table .cart-cell .price-box .price {
  font-size: 14px;
}
#wishlist-table .cart-cell .add-to-cart-alt {
}
#wishlist-table .availability {
  text-align: center;
  margin-top: 8px;
}
#wishlist-table .wishlist-remove {
  color: #7b7b7b;
  display: block;
  text-decoration: underline;
  width: 75px;
}
#wishlist-table td.customer-wishlist-item-image {
  width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
  width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
  width: 120px;
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
  width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 3px 5px;
  width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
  margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
  margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
  vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
  width: 20px;
}
#wishlist-table td .button,
#wishlist-table td button {
  white-space: normal;
}
#wishlist-table .price-box {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
}
#wishlist-table .price-box .price {
  color: #636363;
}
#wishlist-table .giftregisty-add {
  margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
  display: none;
}
#wishlist-table .giftregisty-add li {
  cursor: pointer;
  color: #3399CC;
  margin-bottom: 3px;
}
#wishlist-table .truncated .details {
  background: none;
  color: #3399CC;
}
#wishlist-table td[data-rwd-label]:before {
  font-weight: 600;
}

@media only screen and (max-width: 1199px) {
  #wishlist-table.clean-table td {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 979px) {
  #wishlist-table.clean-table td {
    padding-left: 5px;
    padding-right: 5px;
  }
  #wishlist-table.clean-table td textarea {
    height: 100px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 110px;
  }
  #wishlist-table .product-name {
    font-size: 12px;
  }
}
@media only screen and (max-width: 770px) {
  #wishlist-table:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table .product-name {
    font-size: 16px;
  }
  #wishlist-table textarea {
    height: 68px;
    max-width: 100%;
  }
  #wishlist-table .item-manage {
    max-width: 100%;
  }
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table td.customer-wishlist-item-image {
    width: 70px;
  }
  #wishlist-table td.customer-wishlist-item-image img {
    width: 70px;
    height: 70px;
  }
  #wishlist-table td.customer-wishlist-item-cart p {
    margin-bottom: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    margin-right: 0;
    padding-top: 4px;
  }
  #wishlist-table td.customer-wishlist-item-cart {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 599px) {
  #wishlist-table td.customer-wishlist-item-quantity {
    padding-left: 0;
  }
  #wishlist-table td.customer-wishlist-item-image,
  #wishlist-table th.customer-wishlist-item-image {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table th.customer-wishlist-item-image {
    display: block;
  }
  #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    empty-cells: hide;
  }
  #wishlist-table td.customer-wishlist-item-image {
    display: block;
    overflow: hidden;
  }
  #wishlist-table td.customer-wishlist-item-image a {
    float: left;
  }
  #wishlist-table td.customer-wishlist-item-image a img {
    width: 113px;
    height: 113px;
  }
  #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
    float: left;
    margin-right: 15px;
  }
  #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
    margin-top: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .cart-cell {
    float: left;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-cart > p {
    float: right;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-remove {
    position: absolute;
    top: 15px;
    right: 0px;
    display: block;
    padding: 0px;
    height: 20px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 100%;
  }
}
/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) {
  padding-bottom: 5px;
}
.block-wishlist .product-details .product-name {
  padding-top: 0;
  margin-bottom: 5px;
}
.block-wishlist .price-box {
  float: left;
  margin: 0;
}
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
  font-size: 12px;
}
.block-wishlist .link-cart {
  float: left;
  text-transform: uppercase;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #d9d9d9;
}

/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
.header-minicart {
  display: inline-block;
}
@media only screen and (max-width: 770px) {
  .header-minicart {
    display: block;
  }
}
.header-minicart .minicart-message {
  display: block;
  padding: 10px;
}
.header-minicart .empty {
  padding: 10px;
  text-align: center;
}
.header-minicart .minicart-wrapper {
  clear: both;
  position: relative;
}
.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.header-minicart .minicart-wrapper:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.header-minicart .minicart-wrapper:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.header-minicart .minicart-wrapper.loading {
  position: relative;
}
.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {
  display: block;
}
.header-minicart .block-cart {
  display: none;
}
.header-minicart .block-subtitle {
  color: #50A4CF;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.header-minicart .block-subtitle .close {
  width: 40px;
  float: right;
  display: block;
  color: #636363;
  text-decoration: none;
  font-weight: normal;
  font-size: 30px;
  position: absolute;
  top: -8px;
  right: -3px;
}
.header-minicart .mini-products-list {
  padding: 10px;
  padding-top: 0px;
}
.header-minicart .mini-products-list li {
  padding: 8px 5px 8px 11px;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}
.header-minicart .mini-products-list li.last {
  border: none;
}
.header-minicart .mini-products-list li .product-details {
  position: relative;
}
.header-minicart .product-details .product-name {
  padding-top: 0px;
  font-weight: bold;
}
.header-minicart .product-details .product-name a {
  color: #3399CC;
}
.header-minicart .info-wrapper {
  margin-bottom: 0.5em;
}
.header-minicart .info-wrapper th {
  text-transform: uppercase;
  padding-right: 10px;
}
.header-minicart .info-wrapper td {
  color: #3399CC;
  clear: right;
}
.header-minicart .info-wrapper .qty-wrapper td {
  height: 33px;
  line-height: 33px;
}
.header-minicart .info-wrapper .qty {
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 2px;
  width: 3.2em;
  text-align: center;
  height: 30px;
}
.header-minicart .info-wrapper .quantity-button {
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}
.header-minicart .info-wrapper .quantity-button[disabled] {
  cursor: default;
}
.header-minicart .info-wrapper .quantity-button.visible {
  opacity: 1;
}
.header-minicart .subtotal {
  background-color: #DDDDDD;
  text-align: center;
  line-height: 2em;
}
.header-minicart .subtotal .label {
  color: white;
  text-transform: uppercase;
}
.header-minicart .subtotal .price {
  color: #3399CC;
}
.header-minicart .minicart-actions {
  padding: 10px;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.header-minicart .minicart-actions .checkout-button {
  min-width: 145px;
}
.header-minicart .minicart-actions .cart-link {
  height: 33px;
  line-height: 39px;
  text-transform: uppercase;
  font-size: 12px;
}
.header-minicart .minicart-actions .paypal-logo .paypal-or {
  line-height: 1.6;
}
.header-minicart #minicart-error-message {
  text-align: center;
  color: red;
  display: none;
}
.header-minicart #minicart-success-message {
  text-align: center;
  color: green;
  display: none;
}
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
  display: none;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block;
}

@media only screen and (min-width: 771px) {
  .checkout-types.minicart {
    float: none;
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .header-minicart a.skip-cart {
    z-index: 1;
  }
}
@media only screen and (max-width: 770px) {
  .header-minicart .subtotal .label {
    color: #636363;
  }
  .header-minicart .minicart-wrapper:before {
    background-color: #d9d9d9;
  }
  .header-minicart .quantity-button {
    float: none;
  }
  .header-minicart .header-minicart .block-cart {
    padding: 15px;
  }
  .header-minicart .header-minicart .block-subtitle {
    padding-top: 59px;
  }
  .header-minicart .minicart-actions {
    padding-bottom: 33px;
  }
  .header-minicart .minicart-actions .cart-link {
    bottom: 0;
    right: 10px;
    position: absolute;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li {
    display: inline-block;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
    display: inline;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
    display: inline-block;
    vertical-align: top;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    width: auto;
    float: none;
    display: inline;
    margin: 0 10px 5px 10px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 740px) {
  .header-minicart .minicart-actions .cart-link {
    right: auto;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    line-height: 1.6;
  }
}
@media only screen and (max-width: 599px) {
  .header-minicart .minicart-actions .checkout-button {
    width: 100%;
  }
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  left: 0 !important;
  overflow: visible !important;
  position: relative !important;
  top: 15px !important;
  width: 100% !important;
  z-index: 200;
}
.search-autocomplete ul {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #3399CC;
  left: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.search-autocomplete ul li {
  border-bottom: 1px solid #F4F4F4;
  color: #3399CC;
  cursor: pointer;
  font-size: 12px;
  padding: 4px 6px;
  text-align: left;
}
.search-autocomplete ul li:hover {
  color: #2e8ab8;
}
.search-autocomplete ul li.selected {
  background-color: #3399CC;
  color: white;
}
.search-autocomplete ul li .amount {
  float: right;
  font-weight: bold;
}
.search-autocomplete ul li:last-child {
  border-bottom: none;
}
.search-autocomplete:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #3399CC;
  border-top: none;
  left: 50%;
  top: -7px;
}

/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #F4F4F4;
  border: 1px solid #d9d9d9;
  padding: 30px;
}
.advanced-search select.multiselect option {
  border-bottom: 1px solid #d9d9d9;
  padding: 2px 5px;
}

@media only screen and (max-width: 479px) {
  .advanced-search {
    padding: 15px;
  }
}
/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  margin-top: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.product-review .product-img-box .rating-box {
  margin: 15px 0;
}
.product-review .product-details h2 {
  border-bottom: 1px solid #CCCCCC;
  color: #3399CC;
  font-size: 16px;
  font-weight: 600;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  padding-bottom: 10px;
}
.product-review .ratings-table {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.product-review .ratings-table th {
  padding-right: 10px;
}
.product-review .ratings-table tr {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  text-transform: uppercase;
}
.product-review .ratings-description dt {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-weight: 400;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  margin-top: 20px;
  padding: 10px 0;
  text-transform: uppercase;
}
.product-review .ratings-description dd {
  color: #737373;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
}

@media only screen and (min-width: 771px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
@media only screen and (min-width: 1126px) {
  .product-review .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
  border: none;
}
.cms-page-view .std .page-head-alt h3,
.cms-no-route .std .page-head-alt h3 {
  font-size: 12px;
  margin-left: 2em;
}
.cms-page-view .std img,
.cms-no-route .std img {
  max-width: 100%;
}
.cms-page-view .std p,
.cms-no-route .std p {
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 24px;
}
.cms-page-view .std h1,
.cms-no-route .std h1 {
  color: #3399CC;
}
.cms-page-view .std h2,
.cms-no-route .std h2 {
  color: #3399CC;
}
.cms-page-view .std li,
.cms-no-route .std li {
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
  content: '';
  display: table;
  clear: both;
}

.cms-no-route .std img {
  width: 100%;
}

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
  margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
  margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
  list-style: none;
  margin-left: 0;
  font-style: normal;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}

#accordion .toggle-tabs {
  display: none;
}
#accordion > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  position: relative;
  background-color: #F4F4F4;
  display: block;
}
#accordion > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #3399CC;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
#accordion > dl > dt:hover {
  background-color: #ededed;
}
#accordion > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #CCCCCC;
}
#accordion > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}
#accordion li {
  position: relative;
  overflow: hidden;
}
#accordion li .plusimage h2 {
  margin-right: 10px;
}

.page-sitemap .links {
  display: block;
  text-align: right;
  margin: 0 20px 0 0;
}
.page-sitemap .links a {
  position: relative;
}
.page-sitemap .sitemap {
  padding: 0 20px;
  margin: 15px 0;
  font-size: 12px;
}
.page-sitemap .sitemap li {
  margin: 3px 0;
}

.contacts-index-index h1 {
  border: none;
}

#contactForm {
  padding-left: 40px;
}
#contactForm h2 {
  display: none;
}
#contactForm:after {
  content: '';
  display: table;
  clear: both;
}
#contactForm .fieldset .legend + .required {
  margin: 0;
}

@media only screen and (max-width: 770px) {
  #contactForm {
    padding-left: 0;
  }
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
  color: #CF5050;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

.map-info {
  white-space: nowrap;
}

.catalog-product-view .map-info {
  white-space: normal;
}
.catalog-product-view .map-info > span {
  float: right;
  margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
  float: right;
  width: 100%;
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
  content: '';
  display: table;
  clear: both;
}
.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 14.5px;
}

@media only screen and (max-width: 979px) {
  .notice-cookie .notice-text {
    max-width: 86%;
  }
}
@media only screen and (max-width: 770px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-text {
    max-width: 82%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 620px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-inner {
    background-position: left 10px;
  }
  .notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
  }
  .notice-cookie .notice-text {
    float: none;
    max-width: 100%;
    padding-top: 0;
  }
  .notice-cookie .actions {
    text-align: left;
  }
}
/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
  margin-top: 5px;
  margin-bottom: 10px;
}

#addTagForm .form-add {
  margin-top: 10px;
}

.product-tags {
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 10px;
  padding: 5px 1% 10px;
  width: 98%;
}

.product-tags li {
  float: left;
  margin-right: 15px;
}

.product-tags li.last {
  margin-right: 0px;
}

.tags-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.tags-list > li {
  float: left;
  margin-right: 10px;
}

.block-tags .actions > a {
  font-size: 12px;
}

.my-tag-edit .button.btn-remove {
  padding: 0;
}
.my-tag-edit .button.btn-remove:after {
  color: white;
}

@media only screen and (max-width: 770px) {
  .tags-list > li,
  .tags-list {
    float: none;
  }
}
/* ============================================ *
 * Captcha
 * ============================================ */
.captcha-note {
  clear: left;
  padding-top: 5px;
}

.captcha-image {
  float: left;
  display: inline;
  max-width: 100%;
  position: relative;
  width: 258px;
  margin-bottom: 10px;
}

.captcha-image .captcha-img {
  border: 1px solid #b6b6b6;
  vertical-align: bottom;
  width: 100%;
}

.registered-users .captcha-image {
  margin: 0;
}

.captcha-reload {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}

.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

.customer-account-create .scaffold-form .captcha-input-container label:first-child {
  width: 100%;
}

.captcha-reload {
  position: absolute;
  right: 4px;
  top: 4px;
}

.captcha-img {
  border: 20px solid #bbb;
}

.captcha-input-container {
  margin-bottom: 10px;
}

.control.newsletter-box, .captcha-input-container, .captcha-img-container {
  float: none;
  clear: both;
}
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
  content: '';
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout Billing Fix to place the Captcha properly
 * ============================================ */
#co-billing-form ul.form-list > .control {
  float: left;
  margin: 0 0 5px;
  width: 100%;
}

/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */
@media only screen and (max-width: 479px) {
  .sales-order-invoice .sub-title,
  .sales-order-creditmemo .sub-title,
  .sales-order-shipment .sub-title {
    float: left;
    font-size: 15px;
    text-align: center;
    width: 100%;
  }
  .sales-order-invoice .order-links,
  .sales-order-creditmemo .order-links,
  .sales-order-shipment .order-links {
    text-align: center;
    width: 100%;
  }
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view th {
  white-space: normal;
}
#recurring_profile_list_view th span {
  white-space: inherit;
}
@media only screen and (max-width: 479px) {
  #recurring_profile_list_view {
    font-size: 12px;
  }
  #recurring_profile_list_view a {
    font-size: inherit;
  }
  #recurring_profile_list_view th,
  #recurring_profile_list_view td {
    padding: 2px;
  }
}

.recurring-profiles-title {
  float: left;
}
.recurring-profiles-title h1 {
  margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
  float: right;
  text-align: right;
  margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
  body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
    text-align: center;
    float: none;
  }
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
  position: static;
}

.recurring-profiles-messages:after {
  content: '';
  display: table;
  clear: both;
}

#recurring_start_date_trig {
  display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
  margin-bottom: 30px;
}
.billing-agreements .info-box:after {
  content: '';
  display: table;
  clear: both;
}
.billing-agreements .info-box .form-list {
  max-width: 400px;
  width: 100%;
}
.billing-agreements .info-box .box-title {
  margin-top: 20px;
  margin-bottom: 7px;
}
.billing-agreements .info-box .button {
  float: right;
  margin-top: 7px;
}
@media only screen and (max-width: 479px) {
  .billing-agreements .info-box .button {
    width: 100%;
    float: none;
  }
}
.billing-agreements #payment_method {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
  max-width: 80%;
}
@media only screen and (max-width: 479px) {
  .billing-agreement-view-header-wrapper .heading {
    max-width: 100%;
  }
}

.billing-agreement-details td, .billing-agreement-details th {
  padding: 3.5px;
}

@media only screen and (max-width: 979px) {
  .billing-agreements .data-table .created-at,
  .billing-agreements .data-table .updated-at {
    display: none;
  }
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
  float: left;
  width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
  float: left;
  height: 40px;
  margin-right: 25px;
}

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
  width: 100%;
}
@media only screen and (min-width: 771px) {
  .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    max-width: 100px;
  }
}

.widget {
  clear: both;
}

.widget .pager {
  float: none;
  width: 100%;
}

@media only screen and (min-width: 1199px) {
  .col2-left-layout .col-main .widget,
  .col2-right-layout .col-main .widget,
  .col3-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 770px) {
  .col1-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 8px 1% 6px;
  background: #F4F4F4;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 10px;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
  background-color: #DDDDDD;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
  border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
  border: 0 none;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
  float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
  text-transform: none;
  font-size: 17px;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
  float: left;
  width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
  width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
  width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
  float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
  float: right;
  text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
  text-indent: -5555px;
  display: block;
  width: 22px;
  height: 22px;
}

.checkout-multishipping-shipping .gift-messages {
  margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
  margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
  margin-top: 10px;
  margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
  margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
  font-weight: normal;
  width: 100%;
  background: #F4F4F4;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
  margin-bottom: 25px;
  padding-left: 10px;
  margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
  float: left;
  width: 100%;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
  background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 979px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 300px;
  }

  #review-order-form .col-1,
  #review-order-form .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 770px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress li {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 3%;
    border-right: 0px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 1px;
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .box-title {
    float: left;
    width: 100%;
  }
  body[class*="checkout-multishipping-"] .page-title .button {
    float: left;
    margin-bottom: 10px;
  }
  body[class*="checkout-multishipping-"] .linearize-table tfoot td {
    text-align: right;
  }
  body[class*="checkout-multishipping-"] .linearize-table select {
    width: 100%;
    min-width: 200px;
  }
  body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 599px) {
  .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 10px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 479px) {
  body[class*="checkout-multishipping-"] .buttons-set .back-link {
    display: block;
  }
}
.my-account-container .col-left .block-account .beauty_group {
  display: none;
}
.my-account-container .col-left .block-account li.beauty {
  font-size: 14px;
  margin-left: 0 !important;
  background: url("../images/my_beauty_icon.png") no-repeat left center;
  padding-left: 30px;
  height: 30px;
  line-height: 35px;
}

.customer-account-pcdmembershipcard .content {
  border: 1px solid #ddd;
  color: #000;
  font-size: 14px;
  padding-bottom: 60px;
}
.customer-account-pcdmembershipcard .content .infor {
  width: 524px;
  margin: 20px auto 60px;
}
.customer-account-pcdmembershipcard .content .center {
  width: 368px;
  margin: 0 auto;
}
.customer-account-pcdmembershipcard .content .center .card {
  border: 1px solid #ddd;
  text-align: center;
  padding: 0 10px 10px;
}
.customer-account-pcdmembershipcard .content .center .card .img {
  display: inline-block;
  padding: 55px 0 48px;
}
.customer-account-pcdmembershipcard .content .center .card ul {
  text-align: left;
  font-size: 13px;
  line-height: 28px;
}
.customer-account-pcdmembershipcard .content .center .integral {
  padding: 24px 0 58px;
}
.customer-account-pcdmembershipcard .content .center .integral ul {
  display: table;
  width: 100%;
}
.customer-account-pcdmembershipcard .content .center .integral ul li {
  display: table-row;
}
.customer-account-pcdmembershipcard .content .center .integral ul li.t {
  font-weight: bold;
}
.customer-account-pcdmembershipcard .content .center .integral ul li div {
  display: table-cell;
  text-align: center;
  font-size: 13px;
}
.customer-account-pcdmembershipcard .content .center .integral ul li div.r {
  border-left: 1px solid #dcdcdc;
  padding-top: 26px;
}
.customer-account-pcdmembershipcard .content .center .qrcode {
  display: table;
  width: 100%;
}
.customer-account-pcdmembershipcard .content .center .qrcode .img {
  display: table-cell;
}
.customer-account-pcdmembershipcard .content .center .qrcode .txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 56px;
  line-height: 22px;
}

.account-create .gender {
  height: auto !important;
  background: transparent;
}
.account-create .gender i {
  display: none;
}
.account-create .gender .gender-text {
  width: 205px;
  display: block;
  position: relative;
  height: 30px;
  background: #ebebeb;
}
.account-create .gender .gender-text.validation-failed {
  border: 1px solid #df280a;
  border-radius: 5px;
}
.account-create .gender .gender-text i {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 8px solid #000 !important;
  height: 0;
  margin-left: 10px !important;
  margin-top: 2px !important;
  width: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: block;
}
.account-create .gender #gender {
  top: 0;
  right: 0;
  width: 100%;
  height: 30px;
  bottom: auto;
}
.account-create .gender .validation-advice {
  background: transparent;
  line-height: normal;
}

.customer-account-edit .col-main .my-account .items ul.personal_info_box li .custom-select select {
  border-radius: 5px !important;
}
.customer-account-edit .col-main .my-account .items ul.personal_info_box li .custom-select.gender {
  height: auto !important;
  background: transparent;
  line-height: normal !important;
  border: none;
}
.customer-account-edit .col-main .my-account .items ul.personal_info_box li .custom-select.gender .gender-text {
  background: #ebebeb;
  height: 30px;
  line-height: 30px !important;
  display: block;
}
.customer-account-edit .col-main .my-account .items ul.personal_info_box li .custom-select.gender .gender-text.validation-failed {
  border: 1px solid #df280a;
  border-radius: 5px;
}
.customer-account-edit .col-main .my-account .items ul.personal_info_box li .custom-select.gender .validation-advice {
  position: static;
}
.customer-account-edit #form-validate .form-list li.fields .instructions {
  margin-left: 80px;
}

.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .custom-select.gender {
  margin: 0;
  height: auto !important;
  background: transparent;
  border: none;
}
.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .custom-select.gender select {
  opacity: 0;
  height: 30px;
}
.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .custom-select.gender .gender-text {
  background: #ebebeb;
  height: 30px;
  line-height: 30px;
  display: block;
}
.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .custom-select.gender .gender-text.validation-failed {
  border: 1px solid #df280a;
  border-radius: 5px;
}
.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .custom-select.gender .validation-advice {
  position: static;
  line-height: normal;
}
.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .fields.company {
  width: 550px;
}
.customer-address-form .my-account-container .col-main .my-account .items ul.form-list .fields.company div.input-box input {
  width: 470px !important;
}

.customer-account-login .col2-set .quick-login-block #quick-login-content .form-list li.quick-checkbox {
  height: 50px !important;
}
.customer-account-login .statement-block {
  display: table;
  width: 100%;
}
.customer-account-login .statement-block span.jqTransformCheckboxWrapper {
  float: none;
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
}
.customer-account-login .statement-block span.jqTransformCheckboxWrapper #advice-validate-agree-statement-checkbox-quick {
  top: 27px !important;
}
.customer-account-login .statement-block label {
  float: none;
  display: table-cell;
}

.checkout-onepage-index .col2-set .quick-login-block .form-list li.quick-checkbox {
  height: 50px !important;
}
.checkout-onepage-index .col2-set .quick-login-block .form-list li.quick-checkbox .statement-block {
  display: table;
  width: 100%;
}
.checkout-onepage-index .col2-set .quick-login-block .form-list li.quick-checkbox .statement-block span.jqTransformCheckboxWrapper {
  float: none;
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.checkout-onepage-index .col2-set .quick-login-block .form-list li.quick-checkbox .statement-block span.jqTransformCheckboxWrapper #advice-validate-agree-statement-checkbox-quick {
  top: 27px !important;
}
.checkout-onepage-index .col2-set .quick-login-block .form-list li.quick-checkbox .statement-block label {
  float: none;
  display: table-cell;
}

.customer-account-create #form-validate .newfields .gender {
  width: 170px;
}
.customer-account-create #form-validate .newfields .gender .gender-text {
  width: 170px;
}
.customer-account-create #form-validate .newfields .gender.validation-failed {
  border: none;
}
.customer-account-create #form-validate .newfields div.input-box {
  width: 205px;
}
.customer-account-create #form-validate .newfields div.input-box input {
  width: 170px;
}

.newsletter-manage-index .my-account-container .col-main .my-account .items p, .newsletter-manage-index .my-account-container .col-main .my-account .items .other-newsletter {
  padding-left: 20px;
}

.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tr .alignR {
  text-align: right;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tr .alignR.shipping {
  padding-right: 10px !important;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr.odd .line {
  border-top: 1px solid #f5f5f5;
  padding: 5px !important;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr.first .line {
  border-top: 0;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody td.number {
  padding-left: 0 !important;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.status p {
  position: relative;
  cursor: pointer;
  width: 68px;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.status p em {
  position: absolute;
  top: 0;
  left: 60px;
  width: 16px;
  height: 16px;
  padding-left: 16px;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.status p em:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  margin-left: -4px;
  margin-top: 0;
  border-top: 2px solid #000;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.status p em:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 10px;
  margin-left: 0;
  margin-top: -4px;
  border-left: 2px solid #000;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.status p em.active:after {
  content: '';
  border: none;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.last {
  padding-left: 0 !important;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table tbody tr td.last .shipping_status {
  text-decoration: underline;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img {
  display: block;
  margin-top: 20px;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img p {
  color: #989898;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img .order-product-img {
  display: flex;
  flex-wrap: wrap;
  line-height: 22px;
  justify-content: flex-start;
  padding: 0 0 20px 0;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img .order-product-img li {
  border: none;
  width: 22.6%;
  margin-right: 3%;
  box-sizing: border-box;
  padding: 10px 0 0;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img .order-product-img li:nth-child(4n) {
  margin-right: 0;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img .order-product-img li img {
  width: 100%;
}
.customer-account-index .my-account-container .col-main .my-account .items #my-orders-table .orders-img.active {
  display: none;
}

.statement_popup_box2 {
  width: 600px;
  height: 500px;
}

input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #a0a0a0 !important;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a0a0a0 !important;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a0a0a0 !important;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a0a0a0 !important;
}

/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate;
}
div.calendar table td.button {
  display: table-cell;
  background: inherit;
  color: inherit;
  text-transform: none;
}

/*shopping cart*/
.account-login #login-form .registered-users:before {
  background: none !important;
}

.cart-table tbody tr {
  vertical-align: middle;
}
.cart-table tbody tr td.product-cart-info p.item-msg.error {
  font-weight: normal;
  margin-top: 5px;
}
.cart-table tbody tr td.product-cart-image, .cart-table tbody tr td.product-cart-image a {
  min-height: 72px;
}

.cart.shoppCartContent {
  background-color: white;
  box-shadow: 0 0 30px 0 #cfcfd0;
  padding: 30px 0;
  position: relative;
  min-height: 430px;
}
.cart.shoppCartContent .register-message-box {
  margin: 0 30px 20px 30px;
}

.shoppCartContent .shoppingCart {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
}
.shoppCartContent .shoppingCart > div {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  width: 33.33%;
  text-align: center;
}
.shoppCartContent .shoppingCart .breadcrumb-inactive {
  font-size: 18px;
  padding-bottom: 35px;
  position: relative;
}
.shoppCartContent .shoppingCart .breadcrumb-inactive:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
}
.shoppCartContent .shoppingCart .fontsColor {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: black;
}
.shoppCartContent .shoppingCart .fontsColor:after {
  background: #000;
}

.shoppCartContent h2.title {
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  padding: 0 0 15px;
  border-bottom: 1px solid #d9d9d9;
  margin: 0 30px;
}
.shoppCartContent h2.product-name {
  font-weight: normal;
}
.shoppCartContent p.push-subtitle {
  color: #818181;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 30px;
}
.shoppCartContent table {
  width: 620px;
  margin: auto !important;
  font-size: 12px !important;
  color: #000;
}
.shoppCartContent table tr td {
  vertical-align: middle !important;
}
.shoppCartContent table td.product-total {
  text-align: right;
}
.shoppCartContent table td.product-cart-actions {
  clear: both;
  vertical-align: middle !important;
}
.shoppCartContent table td.product-cart-actions > span {
  float: left;
  padding-left: 20px;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper {
  position: relative;
  float: left;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper i.icon-caret-down.jqTransformSelectOpen {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #000;
  height: 0;
  width: 0;
  margin-left: 10px;
  margin-top: 2px;
  float: left;
  top: 0px;
  position: absolute;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper .sub-menu {
  display: none;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper .sub-menu ul {
  position: absolute;
  top: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 87px;
  width: 50px;
  left: 0px;
  list-style: none;
  padding: 1px;
  z-index: 10;
  overflow-y: scroll;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper .sub-menu ul li {
  height: auto !important;
  line-height: 1 !important;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper .sub-menu ul li a {
  background-color: #fff;
  color: #333;
  display: block;
  font-size: 12px;
  padding: 5px;
  text-decoration: none;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper .sub-menu ul li a:hover {
  background: #d9d9d9;
}
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper .sub-menu ul li a.selected {
  background: #d9d9d9 none repeat scroll 0 0;
  color: #333;
}
.shoppCartContent .cart-forms {
  padding: 0 30px;
}
.shoppCartContent .cart-forms .discount-form .notice {
  color: #000;
  font-size: 12px;
  line-height: 20px;
}
.shoppCartContent .recipient-express-text,.shoppCartContent .recipient-payment-text,.shoppCartContent .recipient-address-text {
  display: inline-block;
}
.shoppCartContent .recipient-express-text .recipient-express-top,.shoppCartContent .recipient-payment-text .recipient-payment-top,.shoppCartContent .recipient-address-text .recipient-address-top {
  width: 100%;
  overflow: hidden;
  padding-bottom: 5px;
}
.shoppCartContent .recipient-express-text .recipient-express-top .new-express,.shoppCartContent .recipient-payment-text .recipient-payment-top .new-payment,.shoppCartContent .recipient-address-text .recipient-address-top .new-address {
  float: right;
  color: #888888;
}
.shoppCartContent .recipient-express-text .drop-down,.shoppCartContent .recipient-payment-text .drop-down,.shoppCartContent .recipient-address-text .drop-down {
  display: inline-block;
  position: relative;
  height: 35px;
  line-height: 35px;
  background: #ebebeb;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.shoppCartContent .recipient-express-text .drop-down a.btn-border,.shoppCartContent .recipient-payment-text .drop-down a.btn-border,.shoppCartContent .recipient-address-text .drop-down a.btn-border {
  width: 490px;
  color: #636363;
}
.shoppCartContent .recipient-express-text .drop-down a.btn-border span,.shoppCartContent .recipient-payment-text .drop-down a.btn-border span,.shoppCartContent .recipient-address-text .drop-down a.btn-border span {
  margin: auto;
}
.shoppCartContent .recipient-express-text .sub-menu ul,.shoppCartContent .recipient-payment-text .sub-menu ul,.shoppCartContent .recipient-address-text .sub-menu ul {
  width: 490px;
  background-color: #ebebeb;
  max-height: 130px;
  left: 0px;
  list-style: outside none none;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1px;
  position: absolute;
  top: 33px;
  z-index: 10;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.shoppCartContent .recipient-express-text .sub-menu ul li,.shoppCartContent .recipient-payment-text .sub-menu ul li,.shoppCartContent .recipient-address-text .sub-menu ul li {
  height: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.shoppCartContent .recipient-express-text .sub-menu ul li a,.shoppCartContent .recipient-payment-text .sub-menu ul li a,.shoppCartContent .recipient-address-text .sub-menu ul li a {
  color: #333;
  display: block;
  font-size: 12px;
  padding: 15px 10px;
  text-decoration: none;
  cursor: pointer;
  width: auto;
  border-top: 1px solid #d5d5d5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shoppCartContent .recipient-express-text .sub-menu ul li a > span,.shoppCartContent .recipient-payment-text .sub-menu ul li a > span,.shoppCartContent .recipient-address-text .sub-menu ul li a > span {
  display: block;
}
.shoppCartContent .recipient-express-text .sub-menu ul li a .receiver-info-top,.shoppCartContent .recipient-payment-text .sub-menu ul li a .receiver-info-top,.shoppCartContent .recipient-address-text .sub-menu ul li a .receiver-info-top {
  padding-bottom: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.shoppCartContent .recipient-express-text .sub-menu ul li a:hover,.shoppCartContent .recipient-payment-text .sub-menu ul li a:hover,.shoppCartContent .recipient-address-text .sub-menu ul li a:hover {
  background-color: #d9d9d9 !important;
}
.shoppCartContent .recipient-express-text .sub-menu ul li a:active,.shoppCartContent .recipient-payment-text .sub-menu ul li a:active,.shoppCartContent .recipient-address-text .sub-menu ul li a:active {
  background-color: #d9d9d9 !important;
  color: #333;
}
.shoppCartContent .order-travel-size {
  padding: 0 40px 0 40px;
  min-height: 345px;
  margin-bottom: 30px;
}
.shoppCartContent .order-travel-size h2 {
  border-bottom: 1px solid #999;
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 14px;
  color: #000;
}
.shoppCartContent .order-travel-size h2, .shoppCartContent .order-travel-size p {
  padding: 0 !important;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar {
  margin-bottom: 20px;
  position: relative;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport {
  height: 214px;
  overflow: hidden;
  position: relative;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail {
  height: 100%;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail ul.product-img {
  text-align: center;
  clear: both;
  overflow: hidden;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail ul.product-img li {
  background: #fff;
  width: 194px;
  height: 214px;
  float: left;
  margin-right: 50px;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail ul.product-img li img {
  max-height: 75px;
  text-align: center;
  margin: 50px auto 0;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail ul.product-img li p {
  line-height: 24px;
  color: #818181;
  font-size: 12px;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail ul.product-img li:last-child {
  margin-right: 0;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .d1m-viewport .thumbnail ul.product-img li .jqTransformCheckboxWrapper {
  display: inline-block;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .viewport.dragging {
  cursor: url("../images/drag.png"), auto;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .scrollbar {
  bottom: -30px;
  height: 20px;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .scrollbar .track {
  background: #717171 none repeat scroll 0 0;
  height: 6px;
  position: relative;
  right: 0;
  top: 0;
}
.shoppCartContent .order-travel-size .d1m-tinyscrollbar .scrollbar .track .thumb {
  background: #fff none repeat scroll 0 0;
  cursor: pointer;
  height: 6px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 20%;
}
.shoppCartContent .advises-samples {
  padding: 0 30px 30px;
}
.shoppCartContent .advises-samples h3.advises-title {
  color: black;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #999;
  line-height: 40px;
}
.shoppCartContent .advises-samples p.advises-description {
  color: #818181;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
}
.shoppCartContent .advises-samples .js-samples .samples-category {
  border-bottom: 1px solid #ebebeb;
  padding: 30px 0 30px 30px;
}
.shoppCartContent .advises-samples .js-samples .samples-category span.category-name {
  vertical-align: middle;
  width: 100px;
  display: inline-block;
  font-size: 14px;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 15px;
  margin-left: 20px;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider span.arrow a:hover {
  text-decoration: none;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .arrow {
  height: 131px;
  padding-top: 66px;
  position: absolute;
  top: 0;
  margin-top: -9px;
  background: #fff;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .arrow.back {
  left: 0;
  display: none;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .arrow.forward {
  right: 0px;
  display: none;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .dispalyBlock {
  display: block !important;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products {
  overflow: hidden;
  clear: both;
  left: 0;
  position: absolute;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product {
  position: relative;
  text-align: center;
  width: 146px;
  float: left;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product .tunnel-push {
  position: relative;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product .tunnel-push .tunnel-push-hover {
  background-color: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product .tunnel-push .push-picture {
  margin-bottom: 5px;
  text-align: center;
  width: 90px;
  margin: auto;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product .tunnel-push .push-picture img {
  margin: 0px auto 5px;
  height: 75px;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product .tunnel-push .push-details {
  color: #000;
  font-family: "CenturyGothic-Regular", CenturyGothic, AppleGothic, helvetica, sans-serif;
}
.shoppCartContent .advises-samples .js-samples .samples-category .anythingSlider .anythingWindow .category-products .category-product .tunnel-push .push-details h3 {
  color: #818181;
  font-size: 12px;
}

/*drop-down*/
.drop-down a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.drop-down a i {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #000;
  height: 0;
  width: 0;
  float: left;
  margin-top: 11px;
  margin-left: 12px;
}

.open > .sub-menu {
  display: block !important;
}

a.jqTransformCheckbox, span.billing-invoice-checkbox, a.checkallBlock, a.checkboxBtn {
  background: url("../images/checkout/checkboxBtn.png") no-repeat 0 0;
  height: 16px !important;
  width: 16px !important;
  display: block;
  margin: 8px auto 0;
}

a.jqTransformChecked, span.billing-invoice-checked {
  background: url("../images/checkout/checkedBtn.png") no-repeat 0 0;
}

#update-cart-form a.jqTransformChecked, span.billing-invoice-checked, a.checkallBlock.active, a.checkboxBtn.jqTransformChecked {
  background: url("../images/checkout/checkedBtn.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: contain;
}

a.jqTransformNoChecked {
  background: url("../images/sprite-icon.png");
  background-position: -300px -150px;
}

.shoppCartContent .advises-samples .js-samples .anythingSlider.anythingSlider-default .back a {
  background: url("../images/checkout/checkedBtn.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
}

.shoppCartContent .advises-samples .js-samples .anythingSlider.anythingSlider-default .forward a {
  background: url("../images/sprite-icon.png");
  background-position: -140px -40px;
  width: 15px;
  height: 20px;
}

.displayBlock {
  display: none;
}

.btn-color {
  background: #fff !important;
  border: 1px solid #ebebeb;
  color: #000;
}

.tunnel-footer .column {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0 24px 0 0;
  width: 184px;
}
.tunnel-footer .column > h2 {
  font-size: 16px;
  margin-bottom: 15px;
  height: 16px;
  color: #000;
}
.tunnel-footer .column > p {
  color: #aaa;
  font-size: 12px;
  line-height: 18px;
}
.tunnel-footer .column ul.cards {
  margin-top: 10px;
}
.tunnel-footer .column ul.cards > li {
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
}
.tunnel-footer .column ul.cards > li .card {
  display: block;
  height: 24px;
  text-indent: -9999px;
}

.tunnel-footer {
  padding: 30px !important;
  background: #f0f0f0;
  box-shadow: 0 0 30px 0 #cfcfd0;
}

.tunnel-footer .columns .column.last {
  margin: 0;
}

.tunnel-footer .cards li .card.mastercard {
  background: url("../images/weixin.png") no-repeat;
  width: 24px;
}
.tunnel-footer .cards li .card.visa {
  background: url("../images/yinlian.png") no-repeat;
  width: 41px;
}
.tunnel-footer .cards li .card.express {
  background: url("../images/zhifubao.png") no-repeat;
  width: 25px;
}
.tunnel-footer .cards li .card.unionpay {
  background: url("../images/unionpay_icon3.png") no-repeat center center;
  width: 38px;
  background-size: contain;
  height: 20px;
  width: 31px;
}

.cart-footer .tunnel-footer {
  background: #fff;
  padding: 0 30px;
  box-shadow: 0 0 30px 0 #fff;
}

.tunnel-aside .tunnel-helpbox, .tunnel-aside .tunnel-advantages {
  background-color: #fff;
  box-shadow: 0 0 30px 0 #cfcfd0;
  margin-bottom: 10px;
  padding: 30px 22px;
}
.tunnel-aside .tunnel-helpbox h2.aside-title, .tunnel-aside .tunnel-advantages h2.aside-title {
  font-size: 16px;
  margin-bottom: 20px;
  color: #000;
}
.tunnel-aside .tunnel-helpbox .col, .tunnel-aside .tunnel-advantages .col {
  margin-bottom: 30px;
}
.tunnel-aside .tunnel-helpbox .col:last-child, .tunnel-aside .tunnel-advantages .col:last-child {
  margin-bottom: 0;
}
.tunnel-aside .tunnel-helpbox .col h3, .tunnel-aside .tunnel-advantages .col h3 {
  font-size: 14px;
  background: url(../images/contacts_icon.png) no-repeat left center;
  padding-left: 30px;
  height: 30px;
  line-height: 35px;
}
.tunnel-aside .tunnel-helpbox p.tunnel-advisor, .tunnel-aside .tunnel-advantages p.tunnel-advisor {
  color: #818181;
  margin: 5px 0 4px;
  font-size: 12px;
  line-height: 20px;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts li, .tunnel-aside .tunnel-advantages ul.tunnel-contacts li {
  margin-top: 20px;
  margin-left: 30px;
  font-size: 12px;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact, .tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact a, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact a {
  color: #000;
  font-size: 12px;
  line-height: 20px;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact:hover, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact:hover, .tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact a:hover, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact a:hover {
  text-decoration: none;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts li.tunnel-contact a, .tunnel-aside .tunnel-advantages ul.tunnel-contacts li.tunnel-contact a {
  color: #000;
  text-decoration: underline;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts li.tunnel-contact a:hover, .tunnel-aside .tunnel-advantages ul.tunnel-contacts li.tunnel-contact a:hover {
  color: #3399CC;
  text-decoration: underline;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact span, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact span {
  background: url("../images/spriteTransverse.png") no-repeat;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact span.mail-icon, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact span.mail-icon, .tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact span.phone-icon, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact span.phone-icon, .tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact span.line, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact span.line {
  background-position: -240px -198px;
  height: 12px;
  width: 12px;
  display: inline-block;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact span.phone-icon, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact span.phone-icon {
  background-position: -280px -200px;
}
.tunnel-aside .tunnel-helpbox ul.tunnel-contacts > li.tunnel-contact span.line, .tunnel-aside .tunnel-advantages ul.tunnel-contacts > li.tunnel-contact span.line {
  background-position: -260px -198px;
}
.tunnel-aside .tunnel-advantages {
  color: #818181;
  padding-bottom: 28px;
  line-height: 16px;
}
.tunnel-aside .tunnel-advantages p.aside-title {
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  padding-bottom: 16px;
  color: #000;
}
.tunnel-aside .tunnel-advantages p.aside-subtitle {
  margin-bottom: 4px;
  color: #000;
  font-weight: bold;
  margin-top: 18px;
  font-size: 12px;
}
.tunnel-aside .tunnel-advantages p {
  font-size: 12px;
}
.tunnel-aside .qrcode img {
  width: 54%;
}
.tunnel-aside .qrcode span {
  display: block;
  font-size: 12px;
  color: #000;
  margin: 6px 0;
}

/*register*/
.account-create {
  border: 1px solid #d9d9d9 !important;
  padding: 30px !important;
  width: 720px;
  box-sizing: border-box;
  margin: auto !important;
}
.account-create .gender {
  width: 205px;
  margin-right: 0;
  border-radius: 5px;
}

.customer-dob .custom-select {
  width: 44px;
  margin-right: 4px;
  border-radius: 5px;
}
.customer-dob .custom-select select {
  color: #000;
  opacity: 1;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 12px;
}
.customer-dob .custom-select i {
  right: 5px;
  display: block;
  display: none\9;
  display: none\0;
}
.customer-dob .dob-date-year {
  width: 56px;
}
.customer-dob label {
  width: 20px !important;
}

@media screen and (min-width: 0\0) {
  .custom-select i {
    display: none;
  }
}
#form-validate .fieldset p.form-instructions {
  clear: both;
  overflow: hidden;
}
#form-validate .fieldset p.form-instructions span.asterisk {
  display: block;
  margin: 10px 0;
}

#form-validate ul.form-list li div.input-box {
  height: 50px;
}

a.register-more {
  display: inline-block;
  text-decoration: underline;
  font-size: 12px;
  color: #A0A0A0;
}

#form-validate .form-list {
  clear: both;
  overflow: hidden;
}
#form-validate .form-list li.fields {
  margin-right: 30px;
}
#form-validate .form-list li {
  display: inline-block;
}
#form-validate .form-list li .input-box {
  display: inline-block;
}

.verifyCode .input-box > input {
  display: inline-block;
  width: 145px;
}
.verifyCode .input-box > button {
  line-height: 16px;
}

/*checkout*/
.recipient-address .recipient-address-text > input {
  background: #ebebeb;
  width: 305px;
  height: 40px;
  margin-right: 30px;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.recipient-address .recipient-address-button > :first-child {
  width: 305px;
  display: inline-block;
  background: #fff;
  border: 1px solid #cecece;
  text-align: center;
  margin-right: 30px;
  height: 40px;
  margin-top: 50px;
}
.recipient-address .recipient-address-button > :last-child {
  width: 180px;
  display: inline-block;
  background: #fff;
  border: 1px solid #cecece;
  text-align: center;
  margin-right: 30px;
  height: 40px;
  margin-top: 50px;
}

.input-text {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: #ebebeb;
  font-size: 12px;
  color: #000 !important;
  border: 1px solid #ebebeb;
  height: 24px;
  padding-left: 8px;
}
.input-text:focus {
  color: #000;
  background: #ebebeb;
  border: 1px solid #ebebeb;
}

.button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover {
  background: #000 !important;
  color: #fff !important;
}

#dior-header .roll-container .button.button--white {
  background: #fff !important;
  color: #000 !important;
  margin: 0;
}

#dior-footer .custom-select {
  height: 40px !important;
  padding: 3px 5px 0px 30px !important;
  width: auto;
  float: none;
}

.js-sample-checkbox {
  display: none !important;
}

#billing-new-address-form h2, #shipping-new-address-form h2 {
  font-size: 16px;
  color: #000000;
  margin-bottom: 28px;
}
#billing-new-address-form div.fieldset ul, #shipping-new-address-form div.fieldset ul {
  clear: both;
}
#billing-new-address-form div.fieldset ul li > div.field > label, #billing-new-address-form div.fieldset ul li > div.field > div.input-box, #billing-new-address-form div.fieldset ul li > label, #billing-new-address-form div.fieldset ul li > div.input-box, #shipping-new-address-form div.fieldset ul li > div.field > label, #shipping-new-address-form div.fieldset ul li > div.field > div.input-box, #shipping-new-address-form div.fieldset ul li > label, #shipping-new-address-form div.fieldset ul li > div.input-box {
  float: left;
  width: 180px;
}
#billing-new-address-form div.fieldset ul li > div.field > label, #billing-new-address-form div.fieldset ul li > label, #shipping-new-address-form div.fieldset ul li > div.field > label, #shipping-new-address-form div.fieldset ul li > label {
  width: 100px;
  display: inline-block;
  color: #787878;
  font-size: 14px !important;
}
#billing-new-address-form div.fieldset ul > h3, #shipping-new-address-form div.fieldset ul > h3 {
  font-size: 13px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #787878;
  border-bottom: 1px solid #f5f5f5;
}
#billing-new-address-form div.fieldset ul .col, #shipping-new-address-form div.fieldset ul .col {
  display: -webkit-flex;
  display: flex;
}
#billing-new-address-form div.fieldset .input-text.validation-failed, #shipping-new-address-form div.fieldset .input-text.validation-failed {
  border: 1px solid #DF280A;
}
#billing-new-address-form div.fieldset div.buttons-set, #shipping-new-address-form div.fieldset div.buttons-set {
  border: none !important;
  margin-bottom: 20px;
}
#billing-new-address-form div.fieldset div.buttons-set > button, #shipping-new-address-form div.fieldset div.buttons-set > button {
  float: right;
}

.delivery-method {
  margin-top: 20px !important;
}
.delivery-method ul li {
  line-height: 30px;
  font-size: 12px;
}

#billing-buttons-container .billing-invoice {
  clear: both;
  overflow: hidden;
  margin: 15px 0;
}
#billing-buttons-container .billing-invoice span, #billing-buttons-container .billing-invoice label {
  float: left;
}
#billing-buttons-container .billing-invoice label {
  margin-left: 10px;
}
#billing-buttons-container button {
  float: right;
  margin-top: 15px;
}

.billing-invoice-type {
  clear: both;
  overflow: hidden;
}
.billing-invoice-type .invoice-type, .billing-invoice-type .invoice-type-detail {
  float: left;
}
.billing-invoice-type .invoice-type {
  width: 80px;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation, .billing-invoice-type .invoice-type-detail .invoice-individual {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation .invoice-corporation-radio, .billing-invoice-type .invoice-type-detail .invoice-individual .invoice-corporation-radio {
  margin: 7px 10px 0 0;
  overflow: hidden;
  clear: both;
  float: left;
  line-height: 15px;
  width: 50px;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation input[type="radio"], .billing-invoice-type .invoice-type-detail .invoice-corporation label, .billing-invoice-type .invoice-type-detail .invoice-individual input[type="radio"], .billing-invoice-type .invoice-type-detail .invoice-individual label {
  float: left;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation input[type="radio"], .billing-invoice-type .invoice-type-detail .invoice-individual input[type="radio"] {
  margin: 0 8px 0 0;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation .input-box, .billing-invoice-type .invoice-type-detail .invoice-individual .input-box {
  float: left;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation .input-box .input-text, .billing-invoice-type .invoice-type-detail .invoice-individual .input-box .input-text {
  margin: 0;
  height: 30px;
  visibility: visible;
}
.billing-invoice-type .invoice-type-detail .invoice-corporation .input-box-show input, .billing-invoice-type .invoice-type-detail .invoice-individual .input-box-show input {
  visibility: visible;
}

.billing-invoice-type, .billing-invoice-address {
  padding-left: 25px;
}

div.field {
  margin-top: 20px;
}

.checkout-summary {
  padding: 30px 22px !important;
}
.checkout-summary > .summary-title {
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  padding-bottom: 16px;
  color: #000;
}
.checkout-summary .summary-title {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
.checkout-summary .summary {
  float: left;
}
.checkout-summary .modify {
  float: right;
  color: #9a9a9a;
}
.checkout-summary .modify em {
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  display: inline-block;
  height: 0;
  line-height: 0;
  margin: -2px 4px 0 0;
  vertical-align: middle;
  width: 0;
}
.checkout-summary ul li {
  clear: both;
  overflow: hidden;
  padding-bottom: 20px;
}
.checkout-summary ul li.border-bottom {
  border-top: 1px solid #ececec;
  padding-top: 20px;
}
.checkout-summary ul li img {
  float: left;
  margin-right: 10px;
}
.checkout-summary ul li .summary-text {
  float: right;
  width: 150px;
}
.checkout-summary ul li .summary-text .summary-price-block {
  margin-left: 10px;
  padding-bottom: 14px;
}
.checkout-summary .summary-clear {
  clear: both;
  overflow: hidden;
}
.checkout-summary .summary-clear .summary-text .name {
  color: #000;
  font-size: 14px;
}
.checkout-summary .summary-kezi {
  color: #000;
  margin-left: 102px;
  padding-top: 14px;
}
.checkout-summary .summary-kezi .kezi-content {
  clear: both;
  overflow: hidden;
}
.checkout-summary .summary-kezi .kezi-content span {
  float: left;
  width: 78%;
  word-break: break-all;
}
.checkout-summary .summary-kezi .kezi-content span:last-child {
  width: 17%;
  float: right;
  cursor: pointer;
}
.checkout-summary .summary-kezi p.kezi-price {
  color: #636363;
  margin-top: 6px;
  margin-bottom: 6px;
}
.checkout-summary .summary-kezi p:last-child {
  color: #000;
}
.checkout-summary ul li.last {
  border-bottom: none;
}
.checkout-summary ul li.last p {
  margin-bottom: 15px;
}

/*drop-box*/
.drop-box-width {
  width: 305px;
  margin-right: 30px;
  display: inline-block;
}

ul.drop-box-ul-width {
  width: 305px;
}

ul.checkout-information {
  clear: both;
  overflow: hidden;
}
ul.checkout-information li label {
  width: 140px !important;
  display: inline-block;
}
ul.checkout-information li div.input-box input {
  width: 186px;
  border-radius: 5px;
}
ul.checkout-information li .input-box.input-box-one {
  width: 380px !important;
}
ul.checkout-information li .input-box.input-box-one input {
  width: 100%;
}
ul.checkout-information li .drop-box-three {
  width: 115px;
  margin-right: 8px !important;
  float: left;
}
ul.checkout-information li .drop-box-three a, ul.checkout-information li .drop-box-three .sub-menu ul {
  width: 115px !important;
}
ul.checkout-information li .drop-box-three.last {
  margin-right: 0 !important;
}

.checkout-onepage-index .login-icon img {
  display: inline-block;
  margin-top: 15px;
  margin-right: 15px;
}

.checkout-types-button {
  background-color: #f0f0f0;
  padding: 65px 0 25px;
}

textarea#gift-message-input {
  resize: none;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}

textarea#gift-message-input.confirmed {
  background: #BEBEBE;
}

.pcd-package .message-content .liuyan-block input {
  padding: 0 15px;
  text-align: center;
}

.message-content .liuyan-block {
  background: #ebebeb;
  border: 1px solid #d9d9d9;
  color: #818181;
  display: inline-block;
  font-size: 12px;
  resize: none;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.message-content .liuyan-block input {
  display: block;
  border: none;
  height: 23px;
  line-height: 23px;
  padding: 0 75px;
  text-align: left;
  width: 100%;
  background: #ebebeb;
}
.message-content .liuyan-block.disable {
  background: #BEBEBE;
  width: 100%;
  height: 100%;
}
.liuyan {
  position: relative;
}

.liuyan .mask-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: transparent;
}

.message-content .liuyan-block.disable input {
  background: #BEBEBE;
}

.show-right {
  opacity: 1 !important;
}

p.auth-subtitle {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
  margin-top: 26px;
  color: #9a9a9a;
}

p.auth-description {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 18px;
  color: #9a9a9a;
  font-weight: normal;
}

.page-title.border-bottom {
  border-bottom: 1px solid #d9d9d9;
  margin: 0 30px !important;
}

.login-icon {
  margin: 8px 0;
}

.forgot-password {
  color: #9a9a9a;
  font-size: 12px;
  text-decoration: underline;
}

.checkout-cart-index .main-container.col2-right-layout, .checkout-onepage-index .page, .checkout-onepage-success .page {
  width: 100%;
  padding: 0;
  margin: 0;
}
.checkout-cart-index .main-container.col2-right-layout .checkout-summary, .checkout-onepage-index .page .checkout-summary, .checkout-onepage-success .page .checkout-summary {
  background-color: #fff;
  box-shadow: 0 0 30px 0 #cfcfd0;
  padding: 30px 20px;
  font-size: 14px !important;
  width: 280px;
  word-wrap: break-word;
}

.main-container.col2-right-layout .main {
  width: 980px;
  max-width: 980px;
  margin: auto !important;
  padding: 60px 0;
}

.login-form-list li label {
  padding: 0;
  display: inline-block;
  float: left;
  font-size: 11px;
  height: 17px;
}

.customer-name-middlename .field {
  clear: both;
  overflow: hidden;
}

.fields .field {
  clear: both;
  overflow: hidden;
}

div.input-box input {
  background-color: #ebebeb;
  border: 0;
  display: block;
  float: left;
  font-size: 11px;
  line-height: 28px;
  width: 260px;
}

.customer-account-create .form-list li.verifyCode .input-text {
  width: 98px;
}
.customer-account-create .form-list li.verifyCode input.button-send {
  background-color: #000;
  border: 0 none;
  color: #fff;
  height: 30px;
  float: left;
  width: 60px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .customer-account-create .form-list li.verifyCode input.button-send {
    width: 57px;
  }
}
.customer-account-create .form-list li.verifyCode input.button-send.disabled {
  background: #3a3b3c;
  cursor: no-drop;
}
.customer-account-create .form-list li label {
  display: block;
  float: left;
  width: 115px;
}
.customer-account-create .form-list li .input-box {
  float: left;
}
.customer-account-create .form-list li .input-box .input-text {
  width: 155px;
}

.customer-account-create .buttons-set .buttons-set-register, .checkout-onepage-index .buttons-set .buttons-set-register {
  clear: both;
  overflow: hidden;
  line-height: 16px;
}
.customer-account-create .buttons-set .buttons-set-register span, .customer-account-create .buttons-set .buttons-set-register label, .checkout-onepage-index .buttons-set .buttons-set-register span, .checkout-onepage-index .buttons-set .buttons-set-register label {
  float: left;
  line-height: 23px;
}
.customer-account-create .buttons-set .buttons-set-register span a, .checkout-onepage-index .buttons-set .buttons-set-register span a {
  margin-top: 0 !important;
  margin-right: 5px;
}

.checkout-onepage-index .buttons-set .buttons-set-register {
  margin-top: 20px;
}

.checkout-onepage-index .modify a.arrow-right {
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  display: inline-block;
  height: 0;
  line-height: 0;
  margin: -2px 4px 0 0;
  vertical-align: middle;
  width: 0;
}

.checkout-onepage-index.opc-has-progressed-from-login #billing-new-address-form div.input-box input, .checkout-onepage-index.opc-has-progressed-from-login #shipping-new-address-form div.input-box input {
  background-color: #ebebeb;
  color: #9a9a9a;
  border: none;
  display: block;
  float: left;
  font-size: 11px;
  height: 30px;
  line-height: 15px;
  padding-left: 8px;
  width: 135px;
}
.checkout-onepage-index.opc-has-progressed-from-login #billing-new-address-form div.input-box input.long, .checkout-onepage-index.opc-has-progressed-from-login #shipping-new-address-form div.input-box input.long {
  width: 390px;
}
.checkout-onepage-index.opc-has-progressed-from-login #billing-new-address-form label, .checkout-onepage-index.opc-has-progressed-from-login #shipping-new-address-form label {
  height: 30px;
  line-height: 30px;
}
.checkout-onepage-index.opc-has-progressed-from-login #billing-new-address-form .custom-select, .checkout-onepage-index.opc-has-progressed-from-login #shipping-new-address-form .custom-select {
  margin-right: 8px;
}

.information-detail {
  margin-top: 30px !important;
  width: 305px;
  height: auto;
  padding: 15px !important;
  border: 1px solid #d9d9d9 !important;
}
.information-detail li {
  clear: both;
  overflow: hidden;
}
.information-detail li label, .information-detail li span {
  font-size: 12px;
}
.information-detail li .required {
  color: #000;
}
.information-detail li button {
  margin-top: 15px;
}
.information-detail li button.margin-left {
  margin-left: 50px;
}

.drop-down-hover:hover {
  background: #fff !important;
  border: 1px solid #cecece;
}

.delivery-express-new,.delivery-payment-new,.delivery-address-new {
  width: 455px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  float: left;
  text-indent: 10px;
  font-size: 12px !important;
}

.invoice-content, .address-hide {
  display: none;
}

.invoice-content.invoice-content-show, .address-hide.address-show {
  display: block;
}
.invoice-content.invoice-content-show .billing-invoice-address, .address-hide.address-show .billing-invoice-address {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 50px;
}

.input-box.input-box-show {
  visibility: visible;
}

.tunnel-advantages.checkout-summary {
  background-color: #fff;
  box-shadow: 0 0 30px 0 #cfcfd0;
  padding: 30px 22px;
}
.tunnel-advantages.checkout-summary li p, .tunnel-advantages.checkout-summary li span {
  font-size: 12px;
}

#co-billing-form .fieldset p.required {
  float: none;
  color: #9a9a9a;
}

div.input-box input.input-text-new {
  background-color: #ebebeb;
  border: 0 none;
  color: #9a9a9a;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 10px;
  width: 255px;
  height: 30px;
  line-height: 30px;
}

.cart-table {
  table-layout: fixed;
}

.cart-empty-bg {
  background: #fff;
  height: 547px;
  padding: 100px 20px 20px;
  text-align: center;
}
.cart-empty-bg .cart-empty p {
  line-height: 24px;
}

.city-default .form-select {
  position: relative;
  background-color: #ebebeb;
  height: 30px;
}
.city-default .form-select a.btn {
  width: 100%;
  padding-right: 15px;
  display: inline-block;
  text-align: center;
  color: #9a9a9a;
  text-decoration: none;
  cursor: pointer;
  padding-left: 0;
  height: 30px;
}
.city-default .form-select i {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #000;
  height: 0;
  width: 0;
  position: absolute;
  top: 12px;
  right: 10px;
}

.btn.dior-btn {
  border: none;
  padding: 0;
}

.account-create.account-onepage {
  width: 625px;
  border: none;
  padding: 60px 0 0 0;
}
.account-create.account-onepage .page-title {
  margin: 0 30px 0 0;
}
.account-create.account-onepage #form-validate .form-list li {
  display: block;
  overflow: hidden;
  clear: both;
  margin-bottom: 25px;
}
.account-create.account-onepage #form-validate .form-list li label, .account-create.account-onepage #form-validate .form-list li div.input-box {
  float: left;
  height: 30px;
  line-height: 30px;
}
.account-create.account-onepage #form-validate .form-list li label {
  width: 115px;
}
.account-create.account-onepage #form-validate .form-list li div.input-box input {
  width: 300px;
  height: 28px;
  line-height: 28px;
}
.account-create.account-onepage #form-validate .form-list li button.button.fontsize9 {
  height: 28px;
  margin-bottom: 6px;
  padding: 0 15px;
}
.account-create.account-onepage li.verifyCode .input-text {
  width: 185px !important;
}

.account-create.account-onepage .form-instructions {
  margin-left: 115px;
}

.checkout-onepage-index #new-user-register-info p.form-instructions {
  margin-left: 150px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 0px 0px 15px 0;
}

.account-onepage-button-set {
  border-bottom: 1px solid #d9d9d9;
  border-top: medium none;
  padding-bottom: 40px;
}
.account-onepage-button-set button {
  float: right !important;
  margin-top: 65px !important;
}

.payment-last-li {
  margin-right: 0 !important;
}

.overflow {
  clear: both;
  overflow: hidden;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.marginbottom25 {
  margin-bottom: 25px;
}

.marginbottom30 {
  margin-bottom: 30px;
}

.margintop30 {
  margin-bottom: 30px;
}

.borderbottom {
  border-bottom: 1px solid #d9d9d9;
}

.payment-subtotal-bg {
  background-color: #d9d9d9;
  height: 50px;
  line-height: 50px;
  width: 116%;
  margin-left: -50px;
  padding: 0 50px;
}

.payment-subtotal .button {
  margin-left: 438px;
  margin-top: 30px;
}

.payment-subtotal .overflow span {
  font-size: 14px;
}

.click-input-show {
  display: none;
}

.success-bg {
  background-color: #fff;
  padding: 30px !important;
  text-align: left;
}
.success-bg p {
  color: #000;
  line-height: 24px;
}
.success-bg .buttons-set {
  border: none !important;
  margin-top: 60px;
  text-align: left;
}
.success-bg .order_success_register {
  margin-top: 60px;
}
.success-bg .order_success_register .customer-dob label {
  width: 16px !important;
}
.success-bg .order_success_register .gender {
  width: 205px;
  margin-right: 0;
}
.success-bg .order_success_register div.input-box input {
  line-height: 30px;
}

.dior-news-content {
  margin-top: 40px;
}
.dior-news-content .dior-news {
  width: 300px;
  height: 325px;
  padding: 20px 15px;
}
.dior-news-content .dior-news h3 {
  font-size: 16px;
  counter-reset: #000;
  line-height: 24px;
}
.dior-news-content .dior-news label {
  margin: 10px 0 0 5px;
}
.dior-news-content .buttons-set {
  margin-top: 20px;
  text-align: right;
}

.dior-news-left {
  background: #f9f9f9;
  margin-right: 30px;
}
.dior-news-left h3 {
  font-size: 16px;
  margin: 20px 0;
  font-weight: bold;
}
.dior-news-left .news-text {
  margin-bottom: 20px;
}
.dior-news-left .overflow {
  margin-top: 10px;
}

.dior-news-right {
  border: 1px solid #d9d9d9;
}
.dior-news-right .overflow span {
  width: 110px;
  margin-top: 35px;
}
.dior-news-right .buttons-set {
  text-align: center;
}
.dior-news-right .buttons-set button {
  background: #fff;
  color: #000;
  border: 1px solid #d9d9d9 !important;
}
.dior-news-right .buttons-set button:hover, .dior-news-right .buttons-set button:active {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #d9d9d9 !important;
}

.errormsg {
  clear: left;
  height: 20px;
  line-height: 20px;
  color: #df280a;
  font-size: 12px;
}

#shipping-new-address-form div.field, #billing-new-address-form div.field {
  margin-top: 0;
}

#billing-new-address-form ul {
  margin-top: 20px;
}

.logged-in #shipping-new-address-form {
  border: 1px solid #d9d9d9;
  padding: 10px;
}

.account-create .statement-block {
  position: relative;
  padding-bottom: 14px;
}
.account-create .statement-block .validation-advice {
  position: absolute;
  top: 14px;
}

.customer-account-create .account-create .statement-block .validation-advice {
  top: 20px;
}

.statement-block {
  clear: both;
  overflow: hidden;
}
.statement-block span.jqTransformCheckboxWrapper, .statement-block label {
  float: left;
  color: #636363;
  margin-right: 10px;
}
.statement-block .statement_popup {
  color: #636363;
  text-decoration: underline;
}
.statement-block label {
  width: auto !important;
}

.statement_popup_box {
  min-height: 400px;
  width: 600px;
  overflow-y: hidden;
}
.statement_popup_box p {
  font-size: 14px;
  line-height: 26px;
}
.statement_popup_box p strong {
  font-weight: bold;
}
.statement_popup_box p.tiitle {
  font-size: 17px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 15px;
}
.statement_popup_box ul li {
  position: relative;
  font-size: 14px;
  line-height: 26px;
  padding-left: 14px;
}
.statement_popup_box ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
}

#checkout-step-delivery .input-text.validation-failed {
  border: 1px solid #df280a;
}

#checkout-step-delivery div.fieldset p.required {
  float: left;
  margin: 0 !important;
  font-size: 12px;
  color: #888;
}

#dt_method_alipay_payment {
  display: none;
}

.account-login #login-form .new-users, .account-login #login-form .registered-users {
  width: 49.99% !important;
  border: none;
  position: relative;
}
.account-login #login-form .new-users:before, .account-login #login-form .registered-users:before {
  content: '';
  width: 1px;
  height: 145px;
  background: #d4d4d4;
  position: absolute;
  left: 0;
  top: 76px;
}
.account-login #login-form .new-users h2, .account-login #login-form .registered-users h2 {
  margin-bottom: 20px;
  padding: 0 0 10px;
}
.account-login #login-form .registered-users {
  position: relative;
}
.account-login #login-form .registered-users:before {
  background: #fff;
}
.account-login #login-form .registered-users .buttons-set {
  position: absolute;
  bottom: 60px;
  right: 30px;
}
.account-login #login-form .registered-users .quick-checkbox {
  position: relative;
}
.account-login #login-form .registered-users .quick-checkbox .statement-block .validation-advice {
  position: absolute;
  top: auto !important;
  bottom: 0;
}
.account-login #login-form .registered-users .quick-checkbox .statement-block label {
  height: auto;
  line-height: inherit;
}

.customer-account-create #form-validate ul.form-list label.required {
  height: 30px;
  line-height: 30px;
}
.customer-account-create #form-validate ul.form-list div.input-box {
  padding-top: 0;
}

#new-user-register-info div.fieldset p.register-more span, #new-user-register-info div.fieldset a.register-more {
  margin-left: 150px;
  font-size: 12px;
}
#new-user-register-info ul li {
  clear: both;
  overflow: hidden;
}
#new-user-register-info ul li div.input-box, #new-user-register-info ul li label {
  float: left;
  line-height: 30px;
}
#new-user-register-info ul li label {
  width: 150px;
}
#new-user-register-info ul li div.input-box .input-text {
  width: 245px;
}
#new-user-register-info ul li .gender {
  width: 245px;
}
#new-user-register-info ul li .customer-dob .custom-select {
  width: 60px;
}
#new-user-register-info li.verifyCode input.button-send {
  background-color: #000;
  border: 0 none;
  color: #fff;
  float: left;
  height: 30px;
  width: 60px;
}

.show_msg {
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 99998;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.show_msg_img {
  z-index: 99999;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.show_msg_img .loading1 {
  position: fixed;
  left: 50%;
  margin-left: -12px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
}

#checkoutSteps #checkout-step-login #payment-please-wait {
  bottom: 10px;
  display: block;
  left: 50%;
  margin-left: -70px;
  position: absolute;
}

.recipient-address-text.city-default {
  clear: both;
  height: 50px;
}

ul.messages .error-msg {
  display: block;
}

.messages span {
  font-size: 12px;
}

#checkout-payment-method-load dt h1 {
  color: #000;
  margin: 20px 0;
}

#dd_method_alipay_payment ul li.first p {
  color: #000;
}

#dt_method_advanced_cod label i {
  padding-left: 75px;
  font-style: normal;
}

#chooseMethod #dt_method_advanced_cod label {
  background: none;
}

#chooseMethod #methods_available {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}

#chooseMethod #methods_available input {
  display: inline-block !important;
}

#dt_method_cashondelivery p.dt_method_cashondelivery, #dt_method_cashondelivery p.dt_method_weChat_payment, #dt_method_cashondelivery p.dt_method_mergeweChat_payment, #dt_method_cashondelivery .dt_method_mergealipay_payment, #dt_method_advanced_cod p.dt_method_cashondelivery, #dt_method_advanced_cod p.dt_method_weChat_payment, #dt_method_advanced_cod p.dt_method_mergeweChat_payment, #dt_method_advanced_cod .dt_method_mergealipay_payment, #dt_method_alipay_payment p.dt_method_cashondelivery, #dt_method_alipay_payment p.dt_method_weChat_payment, #dt_method_alipay_payment p.dt_method_mergeweChat_payment, #dt_method_alipay_payment .dt_method_mergealipay_payment, #dt_method_weChat_payment p.dt_method_cashondelivery, #dt_method_weChat_payment p.dt_method_weChat_payment, #dt_method_weChat_payment p.dt_method_mergeweChat_payment, #dt_method_weChat_payment .dt_method_mergealipay_payment, #dt_method_mergeweChat_payment p.dt_method_cashondelivery, #dt_method_mergeweChat_payment p.dt_method_weChat_payment, #dt_method_mergeweChat_payment p.dt_method_mergeweChat_payment, #dt_method_mergeweChat_payment .dt_method_mergealipay_payment, #dt_method_mergealipay_payment p.dt_method_cashondelivery, #dt_method_mergealipay_payment p.dt_method_weChat_payment, #dt_method_mergealipay_payment p.dt_method_mergeweChat_payment, #dt_method_mergealipay_payment .dt_method_mergealipay_payment {
  margin-bottom: 10px;
  font-size: 12px;
  color: #000;
  font-weight: normal;
}
#dt_method_cashondelivery label, #dt_method_advanced_cod label, #dt_method_alipay_payment label, #dt_method_weChat_payment label, #dt_method_mergeweChat_payment label, #dt_method_mergealipay_payment label {
  background: #fff;
  color: #000;
  font-weight: normal !important;
}
#dt_method_cashondelivery input.radio, #dt_method_advanced_cod input.radio, #dt_method_alipay_payment input.radio, #dt_method_weChat_payment input.radio, #dt_method_mergeweChat_payment input.radio, #dt_method_mergealipay_payment input.radio {
  margin-left: 6px;
  margin-top: 6px;
}

#dt_method_weChat_payment {
  margin-left: 3px;
}
#dt_method_weChat_payment input.radio {
  margin: 0;
}

#dd_method_weChat_payment {
  margin-bottom: 10px;
}
#dd_method_weChat_payment img {
  height: 30px;
}

.btn.btn-border.address-text {
  height: 35px;
  line-height: 35px;
  padding: 0;
  clear: both;
  overflow: hidden;
  text-transform: inherit;
}

.btn.btn-border.address-text i {
  top: 15px;
}

.validation-advice {
  clear: left;
}

/*shoppig cart*/
#discount-coupon-form input#coupon_code {
  margin-top: 0;
  border-radius: 5px;
  margin-right: 10px;
}
#discount-coupon-form .validation-advice {
  display: block;
}

table.cart-table tr td.product-cart-info {
  position: relative;
  vertical-align: top !important;
  min-height: 128px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
table.cart-table tr td.product-cart-info h2 {
  font-size: 12px;
}
table.cart-table tr td.product-cart-info .product-name {
  color: #000000 !important;
  font-weight: bold;
}
table.cart-table tr td.product-cart-info div.presell {
  font-size: 12px;
  color: #DF280A;
}
table.cart-table tr td.product-cart-info .product-name, table.cart-table tr td.product-cart-info .push-subtitle, table.cart-table tr td.product-cart-info .product-cart-sku-desc, table.cart-table tr td.product-cart-info .presell {
  margin-bottom: 8px;
  color: #999999;
}

@media only screen and (max-width: 599px) {
  .col-main {
    float: left !important;
    width: 690px !important;
  }
}
/*checkout login*/
#checkout-step-login .col2-set .col-2 h3 {
  margin-bottom: 15px;
}

#checkout-step-login .col2-set .col-1 p.dior-title, #checkout-step-login .col2-set .col-2 p.dior-title {
  font-size: 14px;
  color: #636363;
  font-weight: 500;
  margin-bottom: 15px;
}

#checkout-step-login .col2-set {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 15px;
}
#checkout-step-login .col2-set .col-1 {
  width: 255px;
  float: left;
}
#checkout-step-login .col2-set .col-2 {
  width: 255px;
  float: right;
}

.summary-text p {
  line-height: 20px;
}

#billing-buttons-container #billing-please-wait {
  bottom: 20px;
  display: inline-block;
  height: 24px;
  left: 36px;
  line-height: 24px;
  margin-left: -70px;
  margin-top: 5px;
  position: absolute;
  white-space: nowrap;
}

/*footer   .footer-sublinks*/
ul.footer-sublinks li a img {
  display: inline;
}

/*login*/
#login-form .col2-set {
  width: 620px;
  clear: both;
  overflow: hidden;
  margin: auto;
  border: 1px solid #cdcdcd;
}

#login-form .col2-set ul.login-form-list li label {
  height: 30px;
  line-height: 30px;
}

#login-form .col2-set div.input-box input, #form-validate div.input-box input {
  background: #ebebeb;
  border: 1px solid #ebebeb;
}

#login-form .col2-set div.input-box input:focus, #form-validate div.input-box input:focus {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
}

#form-validate ul.form-list li label {
  width: 110px;
  float: left;
  line-height: 32px;
}

#form-validate div.input-box input {
  color: #000;
  width: 205px;
  border-radius: 5px;
  margin-right: 10px;
}

#form-validate div.input-box input.button-send {
  background-color: #000;
  color: #fff;
  border: 0 none;
  width: 90px;
  padding-left: 0;
  border-radius: 15px;
}

#form-validate div.input-box input#verifyCode {
  width: 154px;
  margin-right: 6px;
}

#login-form .col2-set div.input-box {
  height: 50px;
}

#login-form .fieldset ul.form-list li {
  height: 55px;
  margin-bottom: 0;
}

#login-form .fieldset ul.form-list li .input-box {
  padding-top: 0;
}

#login-form .fieldset ul.form-list li .input-box input {
  margin-bottom: 6px;
}

#login-form .col2-set div.input-box input.validation-failed, #form-validate div.input-box input.validation-failed {
  border: 1px solid #df280a !important;
}

.customer-account-login .account-login .page-title {
  width: 620px;
  margin: auto;
}

.customer-account-login .messages {
  width: 615px;
  margin: auto;
}

/*forgotpassword dialog*/
.dior-dialog .page-title h1 {
  text-align: left;
  font-weight: normal;
  font-size: 14px !important;
  display: block;
  position: relative;
  border-bottom: 1px solid #ccc;
  margin: 0 10px 10px 0;
  padding: 0 0 10px 0;
  color: #000;
  margin-bottom: 15px;
}

.dior-dialog form#form-validate div.fieldset p {
  font-size: 12px;
  height: 25px;
  line-height: 17px;
  color: #9a9a9a;
}

.dior-dialog form#form-validate div.fieldset ul li {
  clear: both;
  overflow: hidden;
  display: block;
}

.dior-dialog form#form-validate div.fieldset ul li div.input-box {
  margin-top: 0;
}

.dior-dialog form#form-validate div.fieldset ul li div.input-box input {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  padding-left: 8px;
  width: 205px;
  font-size: 11px;
}

.dior-dialog form#form-validate div.fieldset ul li div.input-box input:focus {
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
}

.dior-dialog form#form-validate div.fieldset ul li div.input-box, .dior-dialog form div.fieldset ul li .button {
  float: left;
}

.dior-dialog form#form-validate div.fieldset ul li .button {
  height: 32px;
  margin-top: 2px;
}

.dior-dialog span.close {
  background: url("../images/sprite-icon.png") 0 -149px;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.dior-dialog-content {
  display: none;
  width: 410px;
  height: 330px;
  box-sizing: border-box;
}

.customer-account-login .dior-dialog-content #send_message {
  padding: 0 15px;
}

.customer-account-login .dior-dialog .page-title h1 {
  background: #000;
  text-align: center;
  color: #fff !important;
  height: 38px;
  line-height: 38px;
  margin-right: 0;
}

.dior-dialog-content #send_message li.verifyCode ul li div.input-box {
  height: 55px;
}

.dior-dialog-content .messages {
  display: none;
}

.dior-dialog-content #verify_button.disable {
  background: #999;
  cursor: default;
}

.dior-dialog-content #verify_button {
  background: #000;
  height: 32px;
  line-height: 32px;
  border: 0;
  width: 68px;
  color: #fff;
  margin-top: 10px;
  font-size: 12px;
  border-radius: 6px;
}

.dior-dialog-content #captcha-input-box-user_forgotpassword {
  margin-bottom: 0 !important;
}

.dior-dialog-content .dior-dialog form#form-validate div.fieldset ul li .button {
  padding: 0;
  width: 68px;
  border-radius: 15px !important;
}

.dior-dialog-content .dior-dialog form#form-validate div.fieldset ul li .input#submit_button {
  margin-top: 5px;
}

.dior-dialog form#form-validate div.fieldset ul li div.input-box input#validCode {
  height: 32px;
  line-height: 32px;
}

.dior-dialog form#form-validate div.fieldset ul li div.input-box input.input-text170 {
  width: 160px;
  margin-right: 10px;
}

.dior-dialog-content #resendCode #verify_button {
  float: left;
  border-radius: 15px !important;
}

.dior-dialog-content #captcha_user_forgotpassword {
  width: 146px !important;
}

.dior-dialog-content #sendcode.disable {
  background: #999 !important;
  cursor: default;
}

.phone_info.inputValidCode label, .phone_info.inputValidMobile label {
  line-height: 32px;
  float: left;
  margin-top: 2px;
}
.phone_info.inputValidCode .input-box, .phone_info.inputValidMobile .input-box {
  display: inline-block;
  height: 60px;
}

/*forgotpassword.phtml*/
.forgotpassword {
  width: 415px;
  margin: auto;
  border: 1px solid #d9d9d9;
  padding: 30px;
}

.forgotpassword .page-title h1 {
  color: #636363;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0 0 10px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

.forgotpassword #form-validate .fieldset {
  max-width: none;
}

.forgotpassword #form-validate .fieldset p {
  line-height: 24px;
  font-size: 12px;
}

.forgotpassword #form-validate .fieldset, .forgotpassword #form-validate .form-buttons {
  margin-left: 0;
}

.forgotpassword #form-validate ul li {
  clear: both;
  overflow: hidden;
  padding: 5px 0 0 0;
}

.forgotpassword #form-validate ul li label, .forgotpassword #form-validate ul li .input-box {
  float: left;
}

.forgotpassword #form-validate ul li label {
  height: 32px;
  line-height: 32px;
  width: 95px;
}

.forgotpassword #form-validate ul li .input-box {
  margin-top: 0;
}

.forgotpassword #form-validate ul li .validation-text {
  color: #636363;
  font-size: 12px;
}

.forgotpassword #form-validate .buttons-set {
  border-top: none;
}

.forgotpassword #form-validate ul li.forgotpassword-email {
  font-size: 12px;
  line-height: 24px;
}

.forgotpassword #form-validate ul li.forgotpassword-tel .validation-text {
  margin-bottom: 20px;
}

.forgotpassword #form-validate ul li.forgotpassword-tel input#resend_button {
  float: right;
  width: 64px;
  padding: 0;
  height: 30px;
  margin-left: 0;
  margin-top: 2px;
}

.forgotpassword #form-validate ul li.forgotpassword-tel #password {
  width: 240px;
}

.forgotpassword input.button-send {
  float: right;
  margin-left: 5px;
}

.forgotpassword .forgotpassword-send-message #password {
  width: 169px;
}

.forgotpassword #form-validate.forgotpassword-send_message ul li.forgotpassword-tel #password {
  width: 169px;
}

.jqTransformSelectWrapper .btn.dior-btn.btn-border {
  clear: both;
  overflow: hidden;
  width: 50px;
}

/*payment*/
#dd_method_alipay_payment h1 {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  display: none;
}

#dt_method_cashondelivery {
  border-bottom: 1px solid #d9d9d9;
  width: 590px;
}

#checkout-step-review {
  padding-top: 10px;
  padding-right: 0;
}

#checkout-step-payment {
  padding: 0 0 20px;
  border-bottom: 1px solid #d9d9d9;
}

#checkout-review-submit .buttons-set {
  border-top: none;
}

#checkout-review-submit .buttons-set button {
  float: right;
}

#checkout-review-submit p.f-left {
  display: none;
}

#opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table {
  width: 100%;
}
#opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table thead, #opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table tbody {
  display: none;
}
#opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table tfoot tr {
  background: #fff;
}
#opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table tfoot tr td {
  text-align: left;
  padding-left: 55px;
}
#opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table tfoot tr td.a-right.last {
  text-align: right;
  padding-right: 45px;
  height: 40px;
  padding-left: 0;
}
#opc-review #checkout-step-review #checkout-review-table-wrapper table#checkout-review-table tfoot tr.last {
  background: #F4F4F4;
  padding: 0;
}

#shipping-new-address-form div.fieldset ul li, #billing-new-address-form div.fieldset ul li {
  margin-bottom: 20px;
}
#shipping-new-address-form div.fieldset ul li .custom-select, #billing-new-address-form div.fieldset ul li .custom-select {
  margin-right: 8px;
  border-radius: 5px;
  width: 150px;
  overflow: inherit;
}
#shipping-new-address-form div.fieldset ul li .custom-select.custom-gender-select, #billing-new-address-form div.fieldset ul li .custom-select.custom-gender-select {
  width: 180px;
}
#shipping-new-address-form div.fieldset ul li .custom-select .validation-advice, #billing-new-address-form div.fieldset ul li .custom-select .validation-advice {
  position: absolute;
  top: 28px !important;
}
#shipping-new-address-form div.fieldset ul li .telephone-box .errormsg, #billing-new-address-form div.fieldset ul li .telephone-box .errormsg {
  display: none;
}
#shipping-new-address-form div.fieldset ul li div.field, #shipping-new-address-form div.fieldset ul li div.input-box input, #billing-new-address-form div.fieldset ul li div.field, #billing-new-address-form div.fieldset ul li div.input-box input {
  margin-bottom: 0;
  margin-right: 10px;
  overflow: inherit;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#shipping-new-address-form div.fieldset ul li .input-box-address, #billing-new-address-form div.fieldset ul li .input-box-address {
  display: -webkit-flex;
  display: flex;
}
#shipping-new-address-form div.fieldset ul li div.input-box, #billing-new-address-form div.fieldset ul li div.input-box {
  width: auto;
}
#shipping-new-address-form div.fieldset ul li div.input-box.validation-error .custom-select, #billing-new-address-form div.fieldset ul li div.input-box.validation-error .custom-select {
  border: 1px solid #DF280A;
}
#shipping-new-address-form div.fieldset ul li div.input-box .errormsg, #billing-new-address-form div.fieldset ul li div.input-box .errormsg {
  font-size: 12px;
}

.invoice-content .invoice-corporation .input-box {
  min-height: 35px;
}

.invoice-content .invoice-corporation .input-box .errormsg {
  height: auto;
  font-size: 12px;
}

div .input-box input.input-text-new.validation-failed {
  border: 1px solid #df280a;
}

#new-user-register-info ul li div.input-box {
  height: 35px;
}

#new-user-register-info ul li div.input-box input {
  margin-right: 10px;
}

#new-user-register-info ul li .errormsg {
  clear: none;
  width: 400px;
  line-height: 30px;
}

.position-verifyCode {
  position: relative;
}

#new-user-register-info ul li div.input-box.position-verifyCode input {
  margin-right: 0;
}

.position-verifyCode .errormsg {
  position: absolute;
  top: 8px;
  left: 255px;
}

/*invoice*/
.invoice-corporation-radio, .invoice-individual {
  padding: 3px 0 3px 3px;
}

#payment_form_alipay_payment li.clickPaymentOthers {
  padding-left: 5px;
  padding-top: 7px;
  font-size: 12px;
  margin-bottom: 17px;
}

.sales-order-history #payment_form_alipay_payment li.clickPaymentOthers {
  padding-top: 0;
}

.clickPaymentOthers {
  position: relative;
  width: 158px;
  padding: 0;
  margin-left: 0;
  font-size: 12px;
  line-height: 30px;
}

.clickPaymentOthers .PaymentOthersOpen {
  position: absolute;
  top: 10px;
  left: 95px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #000;
  height: 0;
  width: 0;
}

.customer-account-index .clickPaymentOthers .PaymentOthersOpen, .sales-order-view .clickPaymentOthers .PaymentOthersOpen {
  top: 17px;
}

.checkout-onepage-index .clickPaymentOthers .PaymentOthersOpen {
  top: 12px;
}

.clickPaymentOthers .PaymentOthersOpen.PaymentOthersClose {
  border-top: none;
  border-bottom: 8px solid #000;
}

/*cart*/
.shoppCartContent table td.product-cart-actions > .jqTransformSelectWrapper i.icon-caret-down.jqTransformSelectOpen {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #000;
  height: 0;
  margin-left: 10px;
  margin-top: 2px;
  position: absolute;
  right: 5px;
  top: 2px;
  width: 0;
  z-index: 1;
}

.continueShoppingButton {
  line-height: 1.5;
}

/*payment*/
#payment_form_alipay_payment li {
  padding-left: 3px;
}

.shipping_method_dior {
  clear: both;
  overflow: hidden;
  margin-top: 5px;
}
.shipping_method_dior input {
  float: left;
  margin-top: 8px;
}
.shipping_method_dior label {
  float: left;
  margin-left: 10px !important;
}

#cartRoll .cart-submit a.btn {
  display: inline !important;
}

.checkout_edit_address_actions {
  text-align: right;
  margin-right: 40px;
}
.checkout_edit_address_actions button {
  margin: 10px;
}
.checkout_edit_address_actions .dior-button-cancel {
  background: none;
  border: 1px solid #ddd;
  color: #636363;
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 15px !important;
}
.checkout_edit_address_actions .dior-button-shipping.saveAddress {
  background: #ccc !important;
}

.checkout-onepage-address ul li {
  padding: 3px 0;
}
.checkout-onepage-address ul li label {
  float: left;
  width: 50% !important;
}
.checkout-onepage-address ul li span.content {
  width: 50%;
  float: right;
  word-wrap: break-word;
}

#dd_method_alipay_payment li p.method_alipay {
  padding-left: 0;
}

/*print*/
.page-print.sales-order-print {
  position: relative;
}
.page-print.sales-order-print h1 {
  color: #636363;
  font-size: 24px;
}
.page-print.sales-order-print h1, .page-print.sales-order-print p.order-date {
  position: absolute;
  top: 0;
  left: 105px;
}
.page-print.sales-order-print p.order-date {
  top: 30px;
  left: 109px;
}
.page-print.sales-order-print .col2-set h2 {
  font-size: 20px;
  display: block;
}
.page-print.sales-order-print .col2-set .col-1, .page-print.sales-order-print .col2-set .col-2 {
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #636363;
  margin-bottom: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}
.page-print.sales-order-print .col2-set .col-1 h2, .page-print.sales-order-print .col2-set .col-2 h2 {
  float: left;
  margin-top: 0;
  margin-right: 30px;
}
.page-print.sales-order-print .col2-set .col-1 address, .page-print.sales-order-print .col2-set .col-2 address {
  float: left;
  margin-top: 0;
  width: 440px;
  word-break: break-all;
  font-size: 12px;
}
.page-print.sales-order-print .col2-set:last-child .col-1 {
  border-bottom: 1px solid #fff;
}
.page-print.sales-order-print h2 {
  display: none;
}
.page-print.sales-order-print .checkbox-product {
  width: 100px;
}
.page-print.sales-order-print .checkbox-product span {
  display: none;
}
.page-print.sales-order-print table tr td {
  position: relative !important;
}
.page-print.sales-order-print table tr td img {
  display: none;
}
.page-print.sales-order-print .orders-kezi-table {
  width: 100%;
}
.page-print.sales-order-print .orders-kezi-table tbody tr:nth-child(2) td {
  border-bottom: none;
}
.page-print.sales-order-print .my-orders-head tr td {
  padding: 0 10px !important;
  height: 60px;
  vertical-align: middle !important;
}
.page-print.sales-order-print .my-orders-head tr td .orders-kezi-table td {
  border-bottom: none;
}
.page-print.sales-order-print #my-orders-table > tbody tr td:nth-child(5) {
  padding: 10px 0 !important;
}
.page-print.sales-order-print .buttons-set {
  margin-top: 0;
}
.page-print.sales-order-print .buttons-set button {
  border-radius: 15px;
  margin-top: 10px;
}

.orders-details tr td {
  word-wrap: break-word;
}

.orders-details tr .number, .orders-details tr .date, .orders-details tr .total, .orders-details tr .status {
  width: 91px;
}
.orders-details tr .ship {
  width: 233px;
  word-wrap: break-word;
}

.my-account .order-info-box address {
  width: 440px;
  word-break: break-all;
}

#sample-rule-gifts ul li, .product-img li {
  position: relative;
}

#sample-rule-gifts ul li span.jqTransformCheckboxWrapper {
  display: inline-block;
  margin: 5px auto 0;
}

#sample-rule-gifts ul li .MaskLayer {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

#sample-rule-gifts ul li .MaskLayer, .product-img li .MaskLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  display: none;
}

#sample-rule-gifts ul li.MaskLayerShow .MaskLayer, .product-img li.MaskLayerShow .MaskLayer {
  display: block;
}

.shoppCartContent .order-travel-size p.order-travel-advises-description {
  font-size: 12px;
  color: #818181;
  margin-bottom: 25px;
}

.email-prompt p, .forgotpassword-email p {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}

.email-prompt, .forgotpassword-email {
  text-align: center;
}

.identifying-code p {
  font-size: 12px;
  margin-bottom: 7px;
}

.identifying-code div.input-box input {
  height: 32px;
  line-height: 32px;
}

.identifying-code input[type='button'] {
  background: #000;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  border: none;
  color: #fff;
  font-size: 12px;
}

.identifying-code input.button-send {
  float: right;
  width: 64px;
  padding: 0;
}

.identifying-code input.input-text {
  width: 205px;
}

.identifying-code input#verify_button {
  margin-left: 205px;
  margin-top: 20px;
}

.email-prompt input[type='button'], .forgotpassword-email input[type='button'] {
  margin-top: 20px;
  background: #000;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  border: none;
  color: #fff;
  font-size: 12px;
}

.forgotpassword .forgotpassword-tel input[type='button'] {
  background: #000;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  border: none;
  color: #fff;
  font-size: 12px;
}

/*repay*/
#chooseMethod {
  width: 706px;
  margin-top: 30px;
  padding: 0 30px 30px;
  max-height: 500px;
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
#chooseMethod #dt_method_advanced_cod, #chooseMethod #dt_method_alipay_payment, #chooseMethod #dt_method_cashondelivery {
  line-height: 24px;
}
#chooseMethod #dt_method_advanced_cod p.dt_method_cashondelivery {
  margin-bottom: 0;
}
#chooseMethod #dt_method_weChat_payment input.radio {
  float: left;
}
#chooseMethod #confirmNewMethod {
  margin-right: 20px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#chooseMethod #cancelConfirm {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#chooseMethod .repay-button {
  margin-top: 20px;
}
#chooseMethod .repay-close-icon {
  background: url("../images/sprite-icon.png") 0 -149px;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
#chooseMethod .repay-title {
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  margin: 20px 0 10px 0;
  padding-bottom: 10px;
}
#chooseMethod #dt_method_cashondelivery {
  margin-top: 10px;
}
#chooseMethod #delivery_way, #chooseMethod .repay-title-again {
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  margin: 20px 0 10px 0;
  padding-bottom: 10px;
}
#chooseMethod #delivery_time {
  position: relative;
}
#chooseMethod #delivery_time .clear {
  clear: both;
  overflow: hidden;
  background: #f0f0f0;
  padding: 8px;
  margin-bottom: 10px;
}
#chooseMethod #delivery_time .clear #sf_way {
  float: left;
  font-size: 14px;
}
#chooseMethod #delivery_time .clear .time-block {
  float: right;
  font-size: 14px;
  color: #1773d7;
  cursor: pointer;
  clear: right;
}
#chooseMethod #delivery_time .clear .time-block #default-time {
  clear: both;
  overflow: hidden;
  margin-right: 30px;
  float: left;
  padding-left: 2px;
}
#chooseMethod #delivery_time .clear .time-block #default-time input {
  margin-right: 4px;
  margin-top: 2px;
  float: left;
}
#chooseMethod #delivery_time .clear .time-block #default-time > span {
  float: left;
}
#chooseMethod #delivery_time .clear .time-block #default-time.no-click span {
  color: #ccc;
}
#chooseMethod #delivery_time .clear .time-block #send_time {
  float: right;
}
#chooseMethod #delivery_time .clear .time-block #send_time.no-click {
  color: #ccc;
}
#chooseMethod #delivery_time #choose_remark {
  font-size: 14px;
}
#chooseMethod #calendar {
  position: absolute;
  top: 77px;
  left: auto;
  right: 0px;
  background: #fff;
  z-index: 10;
  width: 55%;
  box-shadow: 0 0 10px #000;
  padding-bottom: 18px;
}
#chooseMethod #calendar .calendar-title-box {
  text-align: center;
  padding: 0.35rem 0;
  background: #000;
  color: #FFF;
}
#chooseMethod #calendar .calendar-table {
  margin: auto;
}
#chooseMethod #calendar .calendar-table td {
  font-size: 14px;
  padding: 0.6rem;
  color: #cccccc;
}
#chooseMethod #calendar .calendar-table td span {
  font-size: 14px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: auto;
  display: inline-block;
}
#chooseMethod #calendar .calendar-table td.currentTime {
  color: #666666;
  cursor: pointer;
}
#chooseMethod #calendar .calendar-table td.on span {
  background: #000;
  color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
}
#chooseMethod #calendar .calendar-body-box tr {
  display: none;
}
#chooseMethod #calendar .calendar-body-box tr.show-time {
  display: block;
}
#chooseMethod #calendar .calendar-body-box tr th {
  text-align: center;
}
#chooseMethod #calendar .calendar-body-box tr td {
  font-size: 14px;
  color: #cccccc;
}
#chooseMethod #calendar .calendar-body-box tr td.currentTime {
  display: table-cell;
}
#chooseMethod #calendar .delivery-hours {
  text-align: left;
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  padding-left: 8px;
}
#chooseMethod #calendar .delivery-hours > span {
  float: left;
  width: 102px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ccc;
  margin-right: 10px;
  font-size: 12px;
  cursor: pointer;
}
#chooseMethod #calendar .delivery-hours > span.on {
  border: 1px solid #000;
}
#chooseMethod #calendar .delivery-hours > span:last-child {
  margin-right: 0;
}
#chooseMethod #calendar .time-btn {
  width: 140px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin: 20px auto 0;
  background: #000;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}

/*font*/
html, body, div, span, a, ul, li, ol, em, i, table, tr, th, td, p, h1, h2, h3, h4, h5 {
  font-family: "CenturyGothic-Regular",CenturyGothic,AppleGothic,helvetica,sans-serif;
}

.customer-account-index .dashboard .items p {
  font-size: 12px;
}

address {
  font-size: 12px;
}

.cart-please-wait {
  display: block;
  width: 135px;
  font-size: 12px;
  margin: auto;
  margin-top: 10px;
}

.customer-account-login .form-list.login-form-list a.f-left {
  font-size: 12px;
}

a.repay_now, .orders-details td a {
  color: #636363;
}
a.repay_now:hover, .orders-details td a:hover {
  color: #3399CC;
}

a.repay_now {
  text-decoration: underline;
}
a.repay_now:hover {
  text-decoration: underline;
}

/*resetPassword*/
.reset-password {
  width: 467px;
  margin: auto;
  border: 1px solid #d9d9d9;
  padding: 30px;
}
.reset-password h1 {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 12px;
}
.reset-password form .fieldset {
  margin-top: 0;
}
.reset-password form .fieldset label.required {
  width: 100px;
  float: left;
  line-height: 32px;
}
.reset-password form .fieldset label.required, .reset-password form .fieldset #form-validate .form-list li div.input-box, .reset-password form .fieldset input {
  display: inline;
}
.reset-password form .fieldset div.input-box {
  height: 60px !important;
}
.reset-password form .fieldset div.input-box input {
  float: none;
}
.reset-password form .fieldset ul li div.field {
  margin-top: 0;
  margin-bottom: 0;
}
.reset-password .buttons-set {
  border-top: none;
  margin-left: 100px;
}
.reset-password .buttons-set button {
  float: none;
}

#identifying-code {
  margin-top: -20px;
}

.dialog-forgotpassword-tel {
  position: relative;
}

.dialog-forgotpassword-tel input.button-send {
  position: absolute;
  top: 28px;
  right: 16px;
}

#dt_method_free {
  display: none;
}

.data-table.linearize-table-large tbody tr {
  border-bottom: 1px solid #ddd;
}
.data-table.linearize-table-large tbody tr td {
  vertical-align: middle;
}

.method_advanced_cod-tips {
  font-size: 12px !important;
  color: #000;
  font-weight: normal !important;
  padding: 10px 0 20px 6px !important;
}

/* global bg loading */
.global-bg-loading {
  display: none;
  margin-top: 10px;
}
.global-bg-loading span {
  font-size: 12px;
  background: url("../images/ajax-loader.gif") no-repeat left center;
  background-size: 20px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-left: 25px;
}

#methods_available ul.net-payment-choose li {
  margin: 5px 0;
}

.custom-select.validation-failed {
  border: 1px solid #df280a;
  border-radius: 5px;
}

.billing-invoice-same-address {
  padding-left: 25px;
}

#header.diorcom-header .account-roll .subscription-box .valid a.btn {
  height: 28px;
}

/*success*/
.checkout-onepage-success .success-bg .page-title h1 {
  font-size: 16px;
}
.checkout-onepage-success .success-bg p {
  font-size: 14px;
}
.checkout-onepage-success .success-bg .cnyPcImage {
  width: 100%;
  margin: 0 30px;
  margin-top: 5px;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
}
.checkout-onepage-success .success-bg .cnyPcImage img {
  width: 100%;
  border-radius: 10px;
}

/*cartempty*/
.cart-empty-bg .page-title h1 {
  font-size: 16px;
}
.cart-empty-bg .cart-empty p {
  font-size: 14px;
}

.discount-form input.coupon-required-entry {
  clear: left;
  border: 1px solid #df280a;
  margin-bottom: 10px;
}

.discount-form input.coupon-required-entry.validation-passed {
  border: 1px solid #f6f6f6;
}

.d1m-bg {
  background: #e5e5e5 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}

.d1m-bg img {
  width: 100%;
}

.ie8 .diorcom-header#header .newsletter-roll .js-newsletter-subscription ul.news-form LI INPUT, .ie8 .diorcom-header#header .account-roll form.header-form LI INPUT {
  height: 32px !important;
}

.wechat-payment-redirect .pay-weixin .pay-weixin-title p, .mergewechat-payment-redirect .pay-weixin .pay-weixin-title p {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  color: #000;
}
.wechat-payment-redirect .pay-weixin .pw-box-hd img, .mergewechat-payment-redirect .pay-weixin .pw-box-hd img {
  margin: auto;
  width: 140px;
}
.wechat-payment-redirect h2.payment-weixin-h2, .mergewechat-payment-redirect h2.payment-weixin-h2 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 120%;
  margin-left: -10%;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.wechat-payment-redirect .col-right.sidebar, .mergewechat-payment-redirect .col-right.sidebar {
  display: none;
}

.cms-index-noroute .d1m-bg {
  display: none;
}

.fancybox-opened .fancybox-skin {
  background: #fff;
}

#methods_available #dd_method_weChat_payment img, #checkout-payment-method-load #dd_method_weChat_payment img {
  height: 26px;
}

a.clickColor {
  color: #636363;
  text-decoration: underline;
}

a.clickColor:hover {
  color: #3399CC;
  text-decoration: underline;
}

.qr_code_box1 .loginPanel.normalPanel .title {
  display: none;
}

.checkout-cart-index .js-china-magento.wrapper, .checkout-onepage-index .js-china-magento.wrapper, .checkout-onepage-success .js-china-magento.wrapper {
  position: relative;
}

.sales-order-history table td {
  border: 0;
}

.customer-account-index table td {
  border: 0;
}

.checkout-cart-index table td {
  border: 0;
}

.checkout-onepage-index #checkout-review-table td {
  border: 0;
}

.js-china-magento td {
  border: 0;
}

.checkout-cart-index div.dior-block {
  padding: 28px 0;
  margin: 0 30px;
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  overflow: hidden;
  position: relative;
}
.checkout-cart-index div.dior-block .dior-block-img, .checkout-cart-index div.dior-block .dior-block-text, .checkout-cart-index div.dior-block .dior-block-textarea {
  float: left;
}
.checkout-cart-index div.dior-block .dior-block-img {
  border: 1px solid #e2e2e2;
  width: 150px;
  box-sizing: border-box;
}
.checkout-cart-index div.dior-block .dior-block-img img {
  width: 100%;
}
.checkout-cart-index div.dior-block .dior-block-text {
  width: 280px;
  padding: 0 10px;
  box-sizing: border-box;
}
.checkout-cart-index div.dior-block .dior-block-text p {
  font-size: 12px;
  color: #868689;
  padding-bottom: 9px;
  text-indent: 3px;
}
.checkout-cart-index div.dior-block .dior-block-text ul li {
  font-size: 12px;
  color: #868689;
  padding-bottom: 7px;
}
.checkout-cart-index div.dior-block .dior-block-text ul li:last-child {
  padding-bottom: 0;
}
.checkout-cart-index div.dior-block .dior-block-textarea {
  width: 192px;
  float: right;
}
.checkout-cart-index div.dior-block .dior-block-textarea p {
  font-size: 12px;
  color: #868689;
}
.checkout-cart-index div.dior-block .dior-block-textarea textarea {
  border: 1px solid #e2e2e2;
  background: #f5f5f5;
  height: 84px;
  box-sizing: border-box;
  margin: 10px 0;
}
.checkout-cart-index div.dior-block .dior-block-textarea textarea.confirmed {
  background: #bebebe;
}
.checkout-cart-index div.dior-block .dior-block-textarea button {
  width: 54px;
  height: 30px;
  background: #000;
  color: #fff;
  font-size: 12px;
  border: none;
  position: absolute;
  bottom: 28px;
  right: 0;
}

#shipping_details_wrapper {
  display: none;
  width: 700px;
  padding: 20px;
  font-size: 14px;
  color: #636363;
  max-height: 500px;
  overflow-x: hidden;
}
#shipping_details_wrapper h1 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 10px;
  color: #000;
  font-weight: bold;
}
#shipping_details_wrapper ul li {
  padding: 0px 0 15px 20px;
  border-left: 1px solid #ebebeb;
  position: relative;
}
#shipping_details_wrapper ul li .info_icon {
  background: #fff url("../images/shipping_detail_icon.png") no-repeat center center;
  width: 15px;
  height: 20px;
  position: absolute;
  left: -8px;
  top: -1px;
  display: block;
  padding-right: 0;
}
#shipping_details_wrapper ul li span {
  padding-right: 12px;
  font-size: 14px;
  line-height: normal;
}
#shipping_details_wrapper ul li span.mark {
  padding-right: 0;
}
#shipping_details_wrapper ul li:first-child .info_icon {
  background: url("../images/shipping_detail_icon_current.png") no-repeat center center;
}
#shipping_details_wrapper ul li:first-child span {
  color: #e4141d;
  font-weight: bold;
}
#shipping_details_wrapper ul li:last-child {
  border-left: 1px solid #fff;
}

.go-back-block {
  width: 980px;
  position: absolute;
  left: 50%;
  margin-left: -490px !important;
  top: 31px;
}
.go-back-block a {
  background: url("../images/pc-back.jpg") no-repeat 0 0;
  width: 10px;
  text-indent: -99999px;
  display: block;
}

main.dior-v7 {
  padding-bottom: 0 !important;
}

/*checkout*/
.checkout-onepage-index .information-detail.checkout-onepage-address button {
  border-radius: 15px !important;
}
.checkout-onepage-index #shipping-new-address-form button {
  border-radius: 15px !important;
}
.checkout-onepage-index button.nextStepBtn.delivery-button {
  border-radius: 15px !important;
}

.checkout-onepage-index button.btn-checkout {
  border-radius: 15px !important;
}

.customer-account-edit #form-validate .personal_info_box .customer-dob .validation-advice {
  padding-top: 0 !important;
}

.customer-account-edit .buttons-set button, .customer-account-edit .book-button-popup, .customer-address-index .buttons-set button, .customer-address-index .book-button-popup, .newsletter-manage-index .buttons-set button, .newsletter-manage-index .book-button-popup, .customer-account-create .buttons-set button, .customer-account-create .book-button-popup {
  border-radius: 15px !important;
}

.customer-address-form .buttons-set.form-buttons button {
  border-radius: 15px !important;
}
.customer-address-form .buttons-set.form-buttons button.saveEditAddress {
  background: #ccc !important;
}

.customer-account-login .login-btn-block button {
  border-radius: 15px !important;
}

.sales-order-history .link-reorder, .sales-order-history #confirmNewMethod, .sales-order-history #cancelConfirm {
  border-radius: 15px !important;
  font-size: 13px;
}

.customer-account-index .actions-btn .redeem_point, .customer-account-index #confirmNewMethod, .customer-account-index #cancelConfirm {
  border-radius: 15px !important;
}

.wishlist-index-index .add-to-cart-alt .btn-cart {
  border-radius: 15px !important;
}

.sales-order-view .kezi-bg {
  border-radius: 5px;
}
.sales-order-view .order-actions-btn a, .sales-order-view .order-detail .link-print, .sales-order-view .invoice-btn .makeUpInvoice {
  border-radius: 15px !important;
}

.customer-account-login input {
  border-radius: 5px !important;
}

.checkout-onepage-index .registered-users-login input, .checkout-onepage-index .quick-login-block input, .checkout-onepage-index #new-user-register-info input {
  border-radius: 5px;
}
.checkout-onepage-index #new-user-register-info li.verifyCode input.input-text {
  width: 175px !important;
  margin-right: 10px;
}
.checkout-onepage-index #user_create_btn {
  border-radius: 15px !important;
}

.checkout-onepage-index .radio, .sales-order-history .radio, .customer-account-index .radio, .sales-order-view .radio {
  float: left;
  margin-top: 11px;
  margin-right: 6px;
}
.checkout-onepage-index .radio span, .sales-order-history .radio span, .customer-account-index .radio span, .sales-order-view .radio span {
  background: url("../images/checkout/payment-btn.png") center center no-repeat;
  position: relative;
  width: 13px;
  height: 13px;
  background-size: contain;
  display: block;
}
.checkout-onepage-index .radio span.checked, .sales-order-history .radio span.checked, .customer-account-index .radio span.checked, .sales-order-view .radio span.checked {
  background: url("../images/checkout/payment.jpg") center center no-repeat;
  width: 13px;
  height: 13px;
  background-size: contain;
}
.checkout-onepage-index .radio input, .sales-order-history .radio input, .customer-account-index .radio input, .sales-order-view .radio input {
  opacity: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#dior-header .header-top-bar, #dior-header .rolls-nav.js-rolls-nav {
  display: none;
}

.kezi-content.kezi-pic {
  clear: both;
  overflow: hidden;
  margin-top: 6px;
  min-width: 160px;
}
.kezi-content.kezi-pic .kezi-v-1 {
  float: left;
  line-height: 17px;
  color: #666 !important;
}
.kezi-content.kezi-pic > img {
  float: left;
  margin: 0 4px;
  width: 14px;
}
.kezi-content.kezi-pic .kezi-v-2 {
  line-height: 17px;
  color: #666 !important;
}

@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  45% {
    transform: scale(0.1);
    opacity: 0.7;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
}
.updataCart {
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  z-index: 8010;
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.updataCart .dior-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 80px;
  margin-left: -100px;
  margin-top: -40px;
  background: url("../images/DIORGIF.gif") no-repeat center center;
  background-size: 80%;
}

/* friendsPay */
dt#dt_method_friendspay {
  display: block !important;
  margin-left: 3px;
}

#dt_method_friendspay input.radio {
  margin: 0;
}

dt#dt_method_friendspay p {
  margin-bottom: 5px;
  font-size: 12px;
  color: #000;
  font-weight: normal;
}

dd#dd_method_friendspay label {
  line-height: 34px;
}

.friendspay-index-index .radio {
  float: left;
  margin-top: 11px;
  margin-right: 6px;
}

.friendspay-index-index .radio span {
  background: url("../images/checkout/payment-btn.png") center center no-repeat;
  position: relative;
  width: 13px;
  height: 13px;
  background-size: contain;
  display: block;
}

.friendspay-index-index .radio span.checked {
  background: url("../images/checkout/payment.jpg") center center no-repeat;
  width: 13px;
  height: 13px;
  background-size: contain;
}

.friendspay-index-index .radio input {
  opacity: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/*# sourceMappingURL=styles.css.map */