/* v2 */
/*
* Besom came from http://www.freebiespsd.com/
*/

@font-face {
  font-family: 'Besom';
  src: url('/mm5/css/besom/besom.eot');
  src: url('/mm5/css/besom/besom.eot?#iefix') format('embedded-opentype'),
      url('/mm5/css/besom/besom-webfont.woff') format('woff'),
      url('/mm5/css/besom/besom-webfont.ttf') format('truetype'),
      url('/mm5/css/besom/besom-webfont.svg#FontName') format('svg');
  font-weight: var(--font-weight-regular);
  font-style: normal;
}
/* Merriweather (accent font) - self-hosted, variable weight 300-700. size-adjust renders it at 85% so it fits where Linden Hill did. */
@font-face {font-family:'DB Merriweather'; font-style:normal; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family:'DB Merriweather'; font-style:normal; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family:'DB Merriweather'; font-style:italic; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-italic-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family:'DB Merriweather'; font-style:italic; font-weight:300 700; font-display:swap; size-adjust:85%; src:url('/mm5/css/merriweather/merriweather-italic-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}

/*===== Global =====*/
*, ol, ul, a, p{padding:0px; margin: 0px;}
ul li, ol li{list-style: none;}
body{font-family: var(--font-primary); padding:0px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.besom{ font-family:var(--font-display);}
.red{color:var(--brand-red) !important;}
.clearfix{clear:both;}
.center{text-align: center;}
.left{text-align:left;}
a:hover{text-decoration: none; color:var(--color-link-hover) !important;}
/* Links on dark backgrounds */
.footer-sub-nav a:hover, .checkout-footer a:hover {color:var(--color-link-hover-on-dark) !important;}
/* Mega menu flyout links (white background) */
.mega-menu-v2-flyout-links-list li a:hover {color:var(--color-menu-link-hover) !important;}
h2{font-size: var(--font-size-display); font-family:var(--font-display); color: var(--color-white); text-align: center;}
h3{font-family: var(--font-accent); font-style: var(--font-accent-style-text); font-weight: var(--font-accent-weight-text);}
h5{font-size: var(--font-size-4xl); text-align:left; margin:0; padding:0; text-align: left;}
.display-none{ display: none;}
.display{display:block !important;}
.show {display:block !important;}
.italic {font-style:italic;}
/* Content Page Styles */
#page-header, #page-footer {width:100%; text-align:left; font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-muted); margin:15px auto;}
.content-page-h1 {font-size:var(--font-size-6xl); text-transform:uppercase; font-family:var(--font-primary); width:100%; text-align:left; color:var(--text-body); font-weight:var(--font-weight-regular); padding:0;}
.long-words-content-page-h1 {font-size: var(--font-size-4xl); text-transform:uppercase; font-family:var(--font-primary); width:100%; text-align:left; color:var(--text-body); font-weight:var(--font-weight-regular); padding:0;}
.content-page-banner-image {width:100%; margin:15px auto;}
.content-page-banner-image img {}
.content-page-paragraph {width:100%; margin:15px auto; text-align:left; line-height:1.75;}
.content-page-paragraph a {color:var(--brand-red) !important;}
.content-page-list {list-style:none; margin:15px;}
.content-page-list li {margin:10px; list-style:disc outside none !important;}
.content-page-h2 {font-size:var(--font-size-5xl); font-family:var(--font-primary); color:var(--brand-red); font-weight:var(--font-weight-regular); text-align:left; text-transform:uppercase; font-style:normal;}
.content-page-h3 {font-size:var(--font-size-3xl); font-family:var(--font-primary); color:var(--brand-red); font-weight:var(--font-weight-regular); text-align:left; text-transform:uppercase; font-style:normal;}
.content-page-image-container {width:auto; height:auto; margin:15px;}
.red-textured-button {background-image: url("/mm5/graphics/button-background.jpg"); border: medium none; padding: 3px 15px; color: var(--color-white); font-size:var(--font-size-md); font-weight: var(--font-weight-regular); width: auto; margin: 0px auto; text-align: center; float: none; text-transform: uppercase; vertical-align: top; height: 30px; display:inline-block;}
a.red-textured-button  {color:var(--color-white) !important;}
.header-top-margin-helper {
  background-image: url("/mm5/graphics/header-background.jpg");
  background-color: var(--color-black);
  -webkit-transition: height .25s linear;
  -moz-transition: height .25s linear;
  -o-transition: height .25s linear;
  transition: height .25s linear;
}

/* bootstrap */
.row{margin:0;}

/* columns */
.col-3{width: 30%; display: inline-block; vertical-align: middle;}

/* button */
.button{background-image: url('/mm5/graphics/button-background.jpg'); border: none; padding: 5px 15px; color: var(--color-white);  font-weight:bolder; width:auto !important; min-width:135px; max-width:100%; margin: 0 auto !important;  text-align: center; float: none; text-transform: uppercase; vertical-align: top; height: 33px;} /* width grows to fit longer labels (was a fixed 135px, which cut off CREATE ACCOUNT and MADE TO ORDER) */
html:is([data-text-size],[data-spacing],[data-weight]) .button {height:auto; min-height:33px;} /* larger text modes: the height grows too */
.dark-red{background-image:url('/mm5/graphics/store-button-background.jpg');}

/*===== Header =====*/
#logo img{height: 110px; padding:0; margin-top:0; cursor:pointer;}
#logo img{height: 110px; padding:0;
  -webkit-transition: height .25s linear;
  -moz-transition: height .25s linear;
  -o-transition: height .25s linear;
   transition: height .25s linear;
 }
.header a:visited, .header a:link{color:var(--color-white);}
.header{text-align: right; padding-right: 40px; }
.header-phone-number {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.header-account-link {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.header-cart-link, .header-cart-link span {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
span.my-account{color:var(--color-white);}
span.cart{color:var(--color-white);}
.header-cart-icon-link {color:var(--text-body) !important;}
.header-cart-icon {display:inline-block; width:28px; height:32px; margin-left:10px; background-image:url('/mm5/graphics/header-basket-icon.png'); background-repeat:no-repeat; background-size: 100% 100%;}
.header-cart-icon-count {display:inline-block; width:100%; text-align:center; padding-top:8px; font-size:15px; font-weight:var(--font-weight-bold);}
.mobile-bars {margin-left: 0; -webkit-transition: margin .5s linear; -moz-transition: margin .5s linear; -o-transition: margin .5s linear; transition: margin .5s linear;}
.mobile-bars i {font-size:var(--font-size-3xl); position:relative; top:5px;}

.corsets{padding: 10px 0 10px 25px; }
.grey{color:var(--color-white);}
.number{padding-top:10px; color:var(--color-white); font-weight: var(--font-weight-bold); padding-bottom:10px; font-size:var(--font-size-xs); display: block;}
.number .besom{font-size:var(--font-size-xl);}
#nav-basket, #nav-account, .item-left-side{display: inline-block;}

.store-directory{font-size: var(--font-size-md); color: var(--color-black); font-weight: bolder; padding:15px; width: 100%; text-align: left; text-transform: uppercase; position: relative;top: 0px; left: 0px; border-bottom:solid 1px var(--border-light); border-top:solid 1px var(--border-light); padding: 10px; background-color:var(--color-white);}
.store-directory-sub-menu li{padding: 10px 0; font-size:var(--font-size-md); margin-left: 20px; border-top:1px solid var(--color-black);}
.store-directory-sub-menu li.first {margin-top:10px;}
.store-directory-sub-menu li a {display:block;}

.mobile-bars{color: var(--color-white); font-size: var(--font-size-2xl); position: absolute; top: 10px; padding-left: 10px; z-index: 1000; display: inline-block;}
.mobile-bars a{color:var(--color-white);}
i.fa.fa-bars:hover, .mobile-bars a:hover{cursor: pointer;}
span.glyphicon.glyphicon-plus.view-small, .store-directory-toggler span.glyphicon{position: absolute; top: 13px; right: 10px; cursor:pointer;}
#header-links{float: none;}
.wrapper{width:1160px; margin: 0 auto;}

/* search bar in header */

/* search that appears on click  on the sticky and mobile*/
.search-bar{background-image:url('/mm5/graphics/header-background.jpg'); width:100%; text-align: left; padding: 10px 0 25px 0; position:initial; display:block; text-align: center; }
.search-bar{position: relative; top: 0; left: 0; display: none;
  -webkit-transition: display .25s linear;
  -moz-transition: display .25s linear;
  -o-transition: display .25s linear;
  transition: display .25s linear;
  }
.search-bar input.searchfield{ position: relative; top: 0; left: 0; width:88% !important; color:var(--color-white); padding-left:40px; background-color:var(--color-black); position: relative; top:0; left:0; height:33px;}
.search-bar .glyphicon-search:before{position: relative; left: -3px; color: var(--color-white); padding:2px; top:3px;}
.search-bar span.glyphicon.glyphicon-search{text-align:left; margin-top:-28px; padding-left: 83px; float:left;}
.search-bar  span.glyphicon.glyphicon-remove{display: block !important; color: var(--color-white); top:20px; right: 0px;}
.search-bar .button{width: auto !important;}

.sub-banner {width:100%; font-size:var(--font-size-xl); font-family:var(--font-primary); color:var(--color-white); text-align:center; padding:15px; z-index:99;}
.sub-banner a {color:var(--brand-red); font-weight:var(--font-weight-bold);}
/* Newsletter - all the sign ups */
.newsletter{background-image: url('/mm5/graphics/footer-background.jpg'); }
.newletterBanner a{color: var(--brand-red-dark); font-weight: bolder; text-decoration: underline;}
.newletterBanner .hello-banner-free-shipping-wrapper{width:34%; float:left; text-align: center;}
.newletterBanner i.fa.fa-star{padding: 0px 5px;}
.searchfield input[type="text"]{width:200px; height: 33px; background-image:url('/mm5/graphics/footer-background.jpg'); font-size: var(--font-size-xs); padding-left: 5px; vertical-align: top; color:var(--color-white);}
span.glyphicon.glyphicon-remove{color: var(--text-subtle); position: absolute; top:13px; right: 10px;}
span.glyphicon.glyphicon-remove:hover, .glyphicon-plus:hover{cursor: pointer;}
.categories span.glyphicon.glyphicon-remove{top:17px; display: none;}

/* =============================================================
   MIVA MERCHANT — MAINTENANCE MESSAGE STYLES v3
   =============================================================

   Changes from v2:
   - Fixed top offset at every header breakpoint (from styles.css)
   - At mobile (≤767px) header is 70px fixed
   - At ≤1023px header becomes sticky slide-out drawer — bar goes to top:0
     and gets its own z-index to stay above the drawer overlay
   - BR tags note: Miva escapes HTML in the message field.
     Use " -- " as separators in your message text, or use
     CSS word-spacing/padding to give the message breathing room.
   ============================================================= */

/* ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ──
   SNIPPET 1: Pre-Maintenance Warning Banner
   ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── */

body #maintenance {
    position: fixed;
    top: 115.15px; /* matches .background-header-wrapper default height */
    left: 0;
    right: 0;
    z-index: 9999999;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 40px;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background-color: var(--brand-red-dark) !important;
    color: var(--color-white) !important;
    border-bottom: 3px solid var(--brand-red);

    font-family: var(--font-primary);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold) !important;
    line-height: 1.5;
    text-align: center;

    animation: maintenance-slide-in 0.4s ease-out both;
}

body #maintenance,
body #maintenance * {
    color: var(--color-white) !important;
}

body #maintenance::before {
    content: "⚠";
    font-size: var(--font-size-lg);
    flex-shrink: 0;
    opacity: 0.9;
}

@keyframes maintenance-slide-in {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

/* 1400px: header shrinks to 112.867px */
@media all and (max-width: 1400px) {
    body #maintenance { top: 112.867px; }
}

/* 1170px: header shrinks to 110px */
@media all and (max-width: 1170px) {
    body #maintenance {
        top: 110px;
        font-size: var(--font-size-sm);
    }
}

/* 1023px: header becomes a fixed slide-out drawer (sticky mode).
   The .newletterBanner is hidden at this breakpoint.
   Body-wrapper becomes fixed at top:0, so our bar sits just below it.
   The sticky nav itself is ~70px tall in this mode. */
@media all and (max-width: 1023px) {
    body #maintenance {
        top: 70px;
        font-size: var(--font-size-xs);
        padding: 8px 20px;
        z-index: 9999998; /* just below the mobile nav drawer overlay */
    }
}

/* 767px: header collapses to 70px */
@media all and (max-width: 767px) {
    body #maintenance {
        top: 70px;
        font-size: var(--font-size-xs);
        padding: 8px 15px;
    }
}

@media all and (max-width: 480px) {
    body #maintenance {
        font-size: var(--font-size-xs);
        padding: 6px 10px;
    }
}

/* =========================================================================================================
============================================================================================================
New Header Styles
============================================================================================================
========================================================================================================= */
/*Any class that I use below is either new OR I ripped out all the old styles. I don't want some old style to interfere with the new header*/
html, body{ position: relative; top:0;}
.ISO-sticky {
  position: relative; top:0;
    -webkit-overflow-scrolling: touch;
 }
.wrapper{max-width:1160px; margin: 0 auto;}
.newletterBanner{background-color: var(--surface-alt); color: var(--brand-red-dark); text-align: center; font-weight: var(--font-weight-bold); font-size: var(--font-size-md); padding: 10px 0px; margin-top:0px;}
.hello-banner-social-media-wrapper{width: 33%; text-align: left; float:left; padding-left:40px;}
.hello-banner-social-media-wrapper .fa{background-color: transparent; padding-right:7px;}
.hello-banner-social-media-wrapper .fa-twitter{font-size:var(--font-size-lg);}
.hello-banner-social-media-wrapper .fa-instagram{font-size:var(--font-size-lg);}
.hello-banner-toll-free{width:33%; float:left; text-align: right; padding-right:40px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.hello-banner-toll-free span{font-weight:var(--font-weight-bold);}
.logo{width:180px; display: inline-block; margin-right:60px; margin-left:40px; margin-top:10px;}
.logo:hover{cursor: pointer;}
.logo img{width:100%;}

.background-header-wrapper{background-image: url('/mm5/graphics/header-background.jpg'); background-color:var(--color-black); z-index:1000; height:115.15px; width: 100%; position: absolute;}
.no-overflow .background-header-wrapper{position: fixed;}
.search-active .background-header-wrapper{height:163px;}
.background-placement-holder{height:115.15px;}
.background-placement-holder.search-active{height:163px;}

.width-sticky-nav{position: relative; top:0; left:0;}

nav{margin:0 auto; }
.search-account-basket-wrapper{display: inline-block; vertical-align:top; margin-right:40px; float:right; margin-top:20px;}
img.my-account{display: block; height:30px; width:auto;}
.search-icon{display: inline-block; vertical-align: bottom; padding-right:25px;}
.search-icon:hover{cursor: pointer;}
.search-icon img{height:30px; width:auto; display: block;}
.header-cart-icon {width:28px; height:32px; background-image:url('/mm5/graphics/header-basket-icon.png'); background-repeat:no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: bottom;}
.header-cart-icon:hover{cursor: pointer; color:var(--color-black);}
.item-left-side{display: inline-block; vertical-align: bottom; padding-right:25px;}
.search-bar{display: none; background-image:url('/mm5/graphics/header-background.jpg'); width:100%; text-align: left; padding: 0 0 15px  0; text-align: center; z-index:100; position: relative; top:0;}
.search-bar input.searchfield{ width:100%; max-width:83%!important; color:var(--color-white); padding-left:10px; background-color:transparent; height:37px; border:solid 2px var(--border-control); border-radius:0;}
.search-bar .glyphicon-search:before{position: relative; left: -3px; color: var(--color-white); padding:2px; top:3px;}
.search-bar span.glyphicon.glyphicon-search{text-align:left; margin-top:-28px; padding-left: 83px; float:left;}
.search-bar  span.glyphicon.glyphicon-remove{display: block !important; color: var(--color-white); top:20px; right: 0px;}
.search-bar .button{width: auto !important; border-radius:0; background: none; height:20px; position: absolute; top:8px; right:8.5%;}
.search-active .search-bar.tablet-desktop-search{display: block;}

iframe[name="google_conversion_frame"]{display: none;}
body.no-overflow, body.no-overflow #site-container{overflow: hidden;  position: relative; height:100%; }

/*sticky*/

/*no-touch*/

/*Added to exsisting
.tab
.mobile-bars
.mobile-bars i
*/

/*sticky*/

@media all and (max-width: 1400px){
  /*header*/
  .logo{margin-right:10px; width:170px;}
  .background-header-wrapper{height:112.867px;}
  .background-placement-holder{height:112.867px;}

  .search-active .background-header-wrapper{height:159px;}
  .background-placement-holder.search-active{height:159px;}

  /*sticky*/

}

@media all and (max-width: 1170px){
  /*header*/
  .background-header-wrapper{height:110px;}
  .background-placement-holder{height:110px;}

  .search-account-basket-wrapper{margin-top:24px;}
  .search-icon{padding-right:10px;}
  .search-icon img{height:20px; padding-bottom:1px;}
  .item-left-side{padding-right:5px;}
  img.my-account{height:20px;}
  .header-cart-icon{width: 18px; height: 22px;}
  .header-cart-icon-count{font-size: 11.33px; padding-top: 5px;}

  .background-placement-holder.search-active {height:158px;}
  .search-active .background-header-wrapper{height:158px;}
  /*sticky*/

}

@media all and (max-width: 1023px){
  /*header*/
  .logo .desktop-mobile-logo{display: none}

  .logo{width:30px; margin-right:5px; margin-left:25px; margin-top:17px;}

  .black-overlay{display: none;}
  .search-icon{padding-right:10px;}
  .search-active .search-bar.tablet-desktop-search{display: none;}
  .search-bar .button{top:9px;}

  .search-bar input.searchfield{max-width:82% !important;}
  .search-active .background-header-wrapper{height:155px;}
  .background-placement-holder.search-active {height:155px;}

  .search-account-basket-wrapper{ margin-right:25px; margin-top:22px;}
  .search-active .search-bar.tablet-desktop-search{display: none;}
  .search-active .search-bar.mobile-search{display: block; padding-top:0; margin-top:-10px;}
  .search-bar input.searchfield{height:40px;}

  /*sticky header*/
  /*.sticky#body-wrapper.body-wrapper-click{position: fixed;}*/

  .body-wrapper-click .black-overlay{background: var(--color-black); opacity: .5; height:100%; overflow: hidden; width:100%; position: fixed; top:0; right:0; display: block; z-index:1;}

  /*no-touch*/

}

@media all and (max-width: 990px){
  /*header*/
  .hello-banner-social-media-wrapper{padding-left:25px; width:27.5%;}
  .hello-banner-social-media-wrapper .fa{padding-right:10px;}
  .newletterBanner .hello-banner-free-shipping-wrapper{width:45%; font-size:var(--font-size-sm);}
  .hello-banner-toll-free{width:27.5%; padding-right:25px; font-size:var(--font-size-sm);}

  .item-left-side{padding-right:13px;}
}

@media all and (max-width: 767px){
  /*header*/
  .background-header-wrapper{height:70px;}
  .background-placement-holder{height:70px;}
  .mobile-bars{padding-left:35px;padding-left: 20px; height: 70px; top: 0; padding-top: 20px; padding-right: 20px;}
  .mobile-bars.mobile-active{background-color: var(--overlay-maroon); }
  .width-sticky-nav link,
  .width-sticky-nav script {
    display: none !important;
    float: left !important;
}
  .newletterBanner{display: none;}
  .logo{height:40px; width:100%; margin:15px auto; text-align: center;  }
  .logo .desktop-mobile-logo{display: inline-block; padding-right:15px;}

  .logo img{height:100%; width:auto;}

  .item-left-side{padding-right:35px;}
  /* Phone search open (2026-10-15) - search bar in its own row under the logo row; header and its spacer grow together so there is no gap.
  Covers the sticky header too. !important is needed to beat old mega-menu-v2.css rules (787px pull-up and the sticky search-bar position). */
  .search-active .background-header-wrapper, .search-active .background-header-wrapper.sticky-enabled, .background-placement-holder.search-active {height:130px;}
  .search-active .search-account-basket-wrapper {top:0;}
  .search-active .search-bar.mobile-search.tablet-desktop-search {position:absolute !important; top:70px !important; left:0; right:0; margin:0 !important; padding:0 15px 15px; background:none;}
  .search-active .search-bar.mobile-search input.searchfield {width:100% !important; max-width:none !important; margin:0;}
  .search-active .search-bar.mobile-search .button {top:10px; right:25px;}
  .search-account-basket-wrapper{position: absolute; top:0; right:0; margin-right:20px; }
  .search-icon{padding-right:35px;}

  /*no-touch*/

  /*sticky*/

}

@media all and (max-width: 480px){
  /*header*/
  .logo .desktop-mobile-logo{padding-right:35px;}
  .mobile-bars{padding-left:20px;}
  .search-account-basket-wrapper{margin-right:15px;}
  .search-icon{padding-right:10px;}
  .item-left-side{padding-right:10px;}

  .mobile-bars{ padding-right:18px; padding-left:18px; padding-top:18px;}
  .mobile-bars i{font-size:var(--font-size-2xl); }

  /*sticky*/

}

/* email sign ups */

.newsletter, .newsletter-two{padding: 20px; color:var(--color-white); text-transform: uppercase; font-weight: bolder; font-size: var(--font-size-xl); text-align: center; position: relative; top: 0; left: 0;}
.newsletter form, .newsletter-two form{display: inline-block; margin-left: 20px;}
.newsletter-two{background-image: url('/mm5/graphics/background-gray.jpg'); }
.footer-newsletter-email-input {background-image:url('/mm5/graphics/background-gray.jpg'); border:solid 2px var(--color-black); font-size: var(--font-size-sm); padding-left: 5px; height:33px; width:200px;}
.newsletter-two .button{background-color:var(--surface-dark); background-image: none; color: var(--color-white); height: 34px;}
.dark-red {height:35px;}
.homepage-body-newsletter-email-input {color:var(--color-black);}

/*===== Navigation ======*/
.bar{display: none;}

nav{margin:0 auto; position: relative; top: 0px; left: 0px; width: 100%; text-align: center; text-transform: uppercase; padding-top:10px;}

nav li a:link, .navigation-center li a:visited, .navigation-centerli a:active{color: var(--color-black); text-transform: uppercase; color:var(--color-white); background: none; font-weight: var(--font-weight-bold); }

i.fa.fa-star{margin-right:1px;}

/* sticky navigation */

.width-sticky-nav{width:100%;margin: 0 auto;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
  }

/* sliding Nav */
#body-wrapper{position: relative; margin-left: 0%; top:0; width:100%;
    -webkit-transition: margin .5s linear;
    -moz-transition: margin .5s linear;
    -o-transition: margin .5s linear;
    transition: margin .5s linear;
}
#body-wrapper.body-wrapper-click{position: relative;}
.body-wrapper-click {margin-left: 80% !important; width:100%; -webkit-transition: margin .5s linear; -moz-transition: margin .5s linear; -o-transition: margin .5s linear; transition: margin .5s linear;}
.mobile-bars.body-wrapper-click {margin-left:80% !important; -webkit-transition: margin .5s linear; -moz-transition: margin .5s linear; -o-transition: margin .5s linear; transition: margin .5s linear;}
.header-cart-icon {position:relative; right:0; -webkit-transition: .5s linear; -moz-transition: .5s linear; -o-transition: .5s linear; transition: .5s linear;}
.header-cart-icon.slide-to-the-right {right:-200px; -webkit-transition: .5s linear; -moz-transition: .5s linear; -o-transition: .5s linear; transition: .5s linear;}

.tabs{color:var(--color-white); max-width:100%;}
.tabs a{color:var(--color-white);}
.tab{background-image:url('/mm5/graphics/header-background.jpg') !important; display: inline-block; width: 50%; padding:50px 20px; text-align: center; }
.tab.active-tab {color:var(--brand-red); font-weight:var(--font-weight-bold);}
.tab1{border-right:solid 1px var(--border-control);}

.mobile-nav-action-call{background-color:var(--surface-muted); color:var(--color-black); text-transform: uppercase; text-align: center; width: 100%; font-size:var(--font-size-xs); padding: 20px; font-weight:var(--font-weight-regular);}
.mobile-nav-panel-department-stars {width:235px; margin:0 auto !important; padding:25px 0 10px 0 !important; display:none;}
.mobile-nav-panel-department-stars li {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-transform:uppercase; float:left; padding-right:10px; color:var(--text-subtle) !important; margin:0 !important;}
.mobile-nav-panel-department-stars li i {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-transform:uppercase; color:var(--text-subtle) !important; margin-right:3px !important;}
.mobile-nav-panel-department-stars li a {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-transform:uppercase; color:var(--text-subtle) !important;}
.mobile-nav-panel-department-stars li.active {color:var(--brand-red) !important;}
.mobile-nav-panel-department-stars li.active i {color:var(--brand-red) !important;}
.mobile-nav-panel-department-stars li.active a {color:var(--brand-red) !important;}
.sub-menu, .basket-number{display:none;}
.mobile-left-panel-menu-button div {float:left;}
.mobile-left-panel-account-button div {float:right;}
.account-panel {display:none; width:100%; background-color:var(--color-white); padding-top:10px; padding-bottom:25px;}
.account-panel p {color:var(--text-body); text-transform:uppercase; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); font-family:var(--font-primary); margin:0 10px 10px 10px;}
.account-panel button {display:block; background-image: url("/mm5/graphics/button-background.jpg"); border: medium none; padding: 3px 15px; color: var(--color-white); font-weight: bolder; font-size:0.9em; margin: 25px auto !important; text-align: center; float: none; text-transform: uppercase; vertical-align: top; height: 33px;}
.account-login-button {width: 135px !important; }
.account-create-account-button {width: 145px !important;}
.account-order-status-button {width: 145px !important;}
.account-my-account-button {width: 145px !important;}
.sub-menu .wrapper > img {width:auto;}

/* Global Styles */
.primary-content-container {max-width:1170px; margin:0 auto;}

/*===== Store Front Pages =====*/
.sales{text-transform: uppercase; display: block; position: relative;}
.sales .button{height:30px;margin-left: 40px !important; }
.background-sales{background-color:var(--overlay-light);  width: 100%; min-height:100px; padding: 20px 0; position: absolute; bottom:200px; text-align:center;}
.background-sales p{font-weight: bolder;}
.sales .col-sm-4{ padding:0px; }
.sales .col-sm-4 img{height: auto; max-width: 100%;}
.sales h3{margin:0; padding:0;}
.featured-products{ background-image:url('/mm5/graphics/footer-background.jpg'); color: var(--color-white); padding:20px;}
.store{background-image: url('/mm5/graphics/background-store.jpg'); color: var(--color-white); display: block;}
.store h2 {text-align: center;}
.store.row{padding-bottom:40px;}
.store .col-md-8, .store .col-md-4{padding:0; margin:0;}
.store img{width: 100%; height: auto; display: block; }
.store .address{font-size:var(--font-size-2xl); font-weight:bolder;}
.SFNT .store a .button, .mens .store a .button{width:300px !important; color: var(--color-white); font-size: var(--font-size-xl); margin-left: 20px !important; background-image:url('/mm5/graphics/store-button-background.jpg');}
.store p{padding:20px;}
 /*  bx slider: slider2 */
.bx-viewport{height: auto !important;}

/* bx slider: Main hero banner; */
.banner .bx-wrapper .bx-viewport{margin:0px; padding: 0px; border:none; left: 0px;}
.banner .bx-wrapper{margin:0px; max-width: 100% !important;}
.banner .bx-pager.bx-default-pager{display: none;}

.small-slider {display:none;}
/* Homepage Featured Categories Carousel */

/* Homepage Featured Products Carousel */

/* Bestsellers Products Carousel */

/* Products from Category Carousel */
.homepage-products-from-category-carousel {position:relative; overflow:hidden; width:100%; margin:0; z-index:1;}
.homepage-products-from-category-carousel ul {width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.homepage-products-from-category-carousel ul li {float:left; margin:0; width:500px; border-left:1px solid var(--color-black);}
.homepage-products-from-category-carousel.corsets ul li {border-left:none;}
.homepage-products-from-category-carousel ul li .category-image-wrapper {width:300px; margin:30px auto 20px auto;}
.homepage-products-from-category-carousel ul li .category-name-wrapper {width:100%; text-align:center; margin:20px 0 0 0;}
.homepage-products-from-category-carousel ul li .category-name-wrapper a {font-size:var(--font-size-2xl); color:var(--brand-red); font-weight:var(--font-weight-bold); text-decoration:none !important;}
.homepage-products-from-category-carousel ul li .product-price-wrapper {width:100%; text-align:center; margin:5px 0 20px 0; font-size:var(--font-size-2xl); color:var(--brand-red); font-weight:var(--font-weight-bold);}
.homepage-products-from-category-carousel ul li .shop-now-button {width:300px; margin:10px auto 20px auto; display:block;}
.homepage-products-from-category-carousel-previous-button {position:absolute; top:40%; left:10px;}
.homepage-products-from-category-carousel-next-button {position:absolute; top:40%; right:10px;}
.homepage-products-from-category-carousel-previous-button img, .homepage-products-from-category-carousel-next-button img {width:40px;}

/* New Arrivals Carousel */

/* BEST SELLERS */
.frill{background-image:url('/mm5/graphics/frill.png'); width:100%; height:18px; z-index:100; position:relative; top:9px; margin-top:-9px;}

.image{height: 400px; width: 400px; }

p.price{font-weight: var(--font-weight-black); font-size:var(--font-size-md); }

/* Homepage Visit Delicious Boutique Section */
.homepage-visit-delicious-boutique-wrapper {width:100%; background-color:var(--color-black);}
.homepage-visit-db-image-wrapper {float:left; width:70%}
.homepage-visit-db-info-wrapper {float:right; width:30%; height:944px; background-image:url('/mm5/graphics/black-textured-background.jpg'); background-repeat:no-repeat; background-color:var(--surface-dark);}
.homepage-visit-db-info-wrapper h2 {margin-top:50px;}
.homepage-visit-db-info-wrapper .address-paragraph {width:445px; margin:10px auto 40px auto; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); color:var(--color-white);}
.homepage-visit-db-info-wrapper .about-text {margin:10px 35px 20px 35px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-white);}

/*===== Category Page Layout =====*/
.mobile-subcategory-navigation-wrapper {display:none;}
h1.category-page-category-name {width:100%; text-align:left !important; margin-bottom:0;}
#subcategory-listing {margin-top:35px;}
.CTGY h5{font-family: var(--font-primary); font-size: var(--font-size-3xl); color: var(--brand-red); text-transform: uppercase; text-align:left; padding:0 0 30px 0;}
.CTGY h5 i.fa.fa-star{font-size:var(--font-size-xl); vertical-align: middle; color: var(--color-black); margin-top:-5px;}
.CTGY h1{text-align: center; font-family: var(--font-primary); font-size:var(--font-size-6xl); text-transform: uppercase;}
div#content-container{padding: 10px 20px;}
div#left-navigation{display: inline-block; margin-top:0; float:left; width:20%;}
#main-content{display: inline-block; float:left; width:80%;}
.sub-title{text-align: center; font-size:var(--font-size-2xl); color: var(--text-subtle);}
#category-tree-top-image{height:100%; display: inline-block; width: 100%;}
.product-name{font-size:var(--font-size-lg);}
.product-listing-designer-name {font-size:var(--font-size-lg); max-width:300px; height:auto; /*height:25px;*/ text-align:center; font-family:var(--font-primary); font-weight:var(--font-weight-light); color:var(--text-muted); overflow:hidden;}
.product-price{color:var(--text-body); font-size:var(--font-size-lg);}
.product-price span.sale-price {color:var(--brand-red);}
.strike-through{text-decoration: line-through; color:var(--text-subtle); font-weight:var(--font-weight-regular); padding-right:10px;}
#badge-logic {display:none !important;}
.product-item{width:24% !important; float:none; display:inline-block; vertical-align: top; height: auto; margin-bottom:25px;}
.product-item .padding{border:none; padding: 0; margin:0; overflow: visible; height:auto; /*height: 455px;*/}
.product-item.subcategory .padding {/*height:390px;*/}
.category-page-quickview-overlay-button {position:absolute; top:65%; left:0; cursor:pointer; display:none; width:100%; z-index:9999;}
.product-image:hover .category-page-quickview-overlay-button {display:block;}
.product-listing-wishlist-circle {
	position:absolute;
	top:10px;
	right:10px;
	width:30px;
    height:30px;
    background-color:transparent;
    border-radius: 50%;
    border:1px solid var(--border-light);
}
.product-listing-wishlist-circle:hover {
	border:1px solid var(--color-black);
}
.product-listing-wishlist-icon {
	position:relative;
	top:1.5px;
	left:1.5px;
	font-size:var(--font-size-lg);
	cursor:pointer;
	color:var(--text-body);
}
.product-listing-wishlist-icon:hover {
	color:var(--brand-red);
}
.product-listing-wishlist-icon:hover:before {
	content: '\e801';
}
.category-page-quickview-overlay-button img {border:none !important;}
#category-header, #category-footer {width:100%; text-align:left; font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-muted); margin-top:15px;}
#filter-items-container{margin-top:35px; padding-bottom:30px;}
.filter-items-container{margin-top:35px; padding-bottom:30px;}

/* sorting */
.CTGY .sorting{font-size:var(--font-size-md);}
.CTGY .sorting a{display: inline-block; float: none; color:var(--text-subtle); font-style: italic;}
.CTGY .sorting span{color:var(--text-subtle);}
.CTGY .sort-by{display: inline-block; color: var(--brand-red); font-size:var(--font-size-md);}
.CTGY a.view-all{font-size:var(--font-size-md); font-weight: var(--font-weight-black);}
#filter-items-container .per-page{float:right; display: inline-block;}
/* cat tree: mobile menu white bar and says Menu + */
.cateogry-menu{padding: 15px 10px; font-weight: var(--font-weight-black); text-transform: uppercase; font-size:var(--font-size-xl); position: relative;top: 0px; left:0px; background-color:var(--color-white); color: var(--text-subtle);}
.cateogry-menu span.plus{position: absolute; right: 15px; top:17px; font-size: var(--font-size-md);}
.cateogry-menu span.plus img{height:20px;}
.cateogry-menu span.minus{position: absolute; right: 15px; top:17px; font-size: var(--font-size-md);}
.cateogry-menu span.minus img{width:20px;}
.category-tree-collapse-toggle {cursor:pointer;}

.page-links-active{border:none; color: var(--brand-red);}
.page-disp, .page-links a, .page-links-active{color: var(--brand-red); font-style: italic; font-weight:var(--font-weight-regular);}
.glyphicon-triangle-left, .glyphicon-triangle-right{color: var(--text-body);}
.CTGY .product-image img{border:solid 1px var(--border-medium);}
.product-listing-ad img {border:none !important;}
.CTGY .product-item .product-details {max-width:300px;}
.CTGY .product-item .product-image{margin:0 0 20px 0; text-align:left; position:relative; max-width:300px;}
.CTGY .product-item .product-image .product-badge {position:absolute; bottom:0; left:0; border:none; width:100%;}
.CTGY .product-item .product-image .product-badge img {border:none;}
.CTGY .product-item .product-name {max-width:300px; text-align:center; height:auto;}
.CTGY .product-item .product-price {max-width:300px; text-align:center;}
.ctgyswatches {/*height:30px;*/ height:auto; margin:10px auto 0 auto; text-align:center;}
.ctgyswatches ul {margin:0; padding:0; text-align:center;}
.ctgyswatches ul li {display:inline-block; margin:0 7px; width:30px;}
.ctgyswatches ul li img {width:30px;}

.CTGY .product-details, .PLST .product-details, .SRCH .product-details{height:auto;}

.category-page-products-per-page-label {font-family:var(--font-primary); font-style:italic !important; color:var(--text-subtle) !important; font-size:var(--font-size-md);}
.category-page-products-per-page-separator {font-family:var(--font-primary); font-weight:var(--font-weight-bold) !important; font-style:normal !important; color:var(--text-subtle) !important; font-size:var(--font-size-md); padding:0 5px;}

.new-arrival-category-view-button-wrapper {margin:10px; width:100%; position:relative; top:20px;}
.new-arrival-category-view-button-wrapper ul {margin:0; padding:0;}
.new-arrival-category-view-button-wrapper ul li {float:left; margin-right:25px; color:var(--text-subtle); font-weight:var(--font-weight-bold); font-size:var(--font-size-lg); text-transform:uppercase; font-family:var(--font-primary);}
.new-arrival-category-view-button-wrapper ul li a {color:var(--text-subtle);}
.new-arrival-category-view-button-wrapper ul li.active {color:var(--brand-red);}
.new-arrival-category-view-button-wrapper ul li .fa-star {margin-right:5px;}
.new-arrival-category-view-button-wrapper ul li.active .fa-star {color:var(--brand-red);}
.new-arrival-category-view-button-wrapper ul li.active a {color:var(--brand-red);}

/* Search Results Page */
.search-results-show-refinement-options-link {margin-top:50px !important; margin-bottom:10px !important; padding:7px 15px; display:inline-block; color:var(--color-white) !important; width:auto !important; font-weight:var(--font-weight-regular) !important;}
p.no-search-results, p.search-results-count {margin-top:10px; margin-bottom:10px; font-size:var(--font-size-md);}
.search-results-refinement-options-wrapper {display:none;}
.search-results-refinement-options-wrapper.ntfd {display:block;}
.search-results-options-price-range-field {display:inline; max-width:100px;}
.search-results-search-refinement-price-range-dollar-sign {margin-left:10px;}
.search-results-search-refinement-price-range-text {padding-left:10px;}
.refine-search-button {width:auto !important;}

/* Alternate Category Page Styles */

/* breadcrumb */
#breadcrumbs a{color:var(--text-muted); border:none; text-transform: uppercase; font-weight:var(--font-weight-bold);}
#breadcrumbs .breadcrumb-border{color:var(--text-subtle);}
#breadcrumbs .current-item{color: var(--brand-red); text-transform:uppercase;}
#breadcrumbs {padding-top:10px; margin-left:0;}
/* category tree */
#category-tree{padding-top:41px;}
.categories-title{text-transform:uppercase;}
#filter-items-container .sorting{float:left;}
#category-tree a{color:var(--text-muted); font-family: var(--font-primary); font-weight:var(--font-weight-regular);}
#category-tree .level-2 a {padding:0 30px 0 0; font-weight:var(--font-weight-regular);}
.category-tree-other-departments-parent {font-weight:var(--font-weight-bold) !important;}
.title-other-departments{border-bottom:solid 1px var(--border-control);}
#category-tre li, li.level-4{list-style: none;}
#category-tree .level-4 a, .list-other-departments li a, .level-4{padding:0 0 5px 10px; font-weight:var(--font-weight-regular); font-size:var(--font-size-md);}
#category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2{padding:0 0 10px 0; text-transform: uppercase; font-family: var(--font-primary);font-weight:var(--font-weight-regular); font-size: var(--font-size-lg); color:var(--text-muted); border-bottom:solid 1px var(--border-medium) !important; position: relative; top: 0; left: 0; margin-bottom:15px;}
#category-tree .level-3:hover, #category-tree .level-1:hover, .title-other-departments:hover, .level-2:hover{cursor:pointer;}
.last-subcat-in-group {margin-bottom:10px;}
.wrapper-sub-levels{position: relative;}
#category-tree .minus, #category-tree .plus{position: absolute; top:0px; right:0px;}
#category-tree .minus img, #category-tree .plus img{width:20px;}
.list-other-departments .minus img{position: relative; top:3px;}
#category-tree .minus img{width:20px;}
#category-tree div{border-bottom:none; background-color:var(--color-white); }
#category-tree div.active{background-color: var(--color-white);}
.level-2.active{color: var(--text-muted);}
.category-tree-active-category, .category-tree-active-category a {font-weight:var(--font-weight-bold) !important; color:var(--brand-red) !important;}
.hidden-ctgy-form {display:none;}
.sorting p, .sorting a, .sorting span {font-family:var(--font-primary);}
.active-sort-method {color:var(--brand-red) !important; font-weight:var(--font-weight-bold);}
.sorting span.separator {padding:0 5px;}
.page-links {margin-right:4%;}
.footer-page-links{margin-right: 4%;}
.page-links a span.glyphicon {font-size:var(--font-size-md); position:relative; top:2px;}
.category-page-products-per-page-link {font-size:var(--font-size-md); color:var(--text-body) !important; font-weight:var(--font-weight-bold) !important; font-style:normal !important; font-family:var(--font-primary);}
.category-page-pagination-view-all-link {font-size:var(--font-size-md); color:var(--text-body) !important; font-weight:var(--font-weight-bold) !important; font-style:normal !important; font-family:var(--font-primary); margin-right:15px;}
.category-page-products-per-page-link.active-product-count, .category-page-pagination-view-all-link.active-product-count {color:var(--brand-red) !important; font-weight:var(--font-weight-bold);}
.category-page-position {font-size:var(--font-size-md); color:var(--brand-red); font-weight:var(--font-weight-bold) !important; font-style:normal !important; font-family:var(--font-primary);}

/* sub category */
  #reference_pane{margin-bottom:80px; }
  #reference_pane h3{ margin:0;}

/* =========== PROD ============ */
.PROD .mens h1, .womens h1, .corsets h1{font-style: 40px; text-transform: uppercase;}
.PROD .mens #breadcrumbs, .womens #breadcrumbs, .corsets #breadcrumbs{margin-left:60px; margin-top:20px; margin-bottom:40px;}
.PROD #thumbnails{display: inline-block; vertical-align: top; width:auto; margin-top:10px;}
.PROD #thumbnails li img{display:block;}
.PROD #thumbnails.thumbnails li span{display: initial; }
.PROD #thumbnails.thumbnails li{float:none; border:none;}
.PROD .main-image-prod-page{display: inline-block; vertical-align: top; margin-top:10px;}
.PROD .product-price {font-size:var(--font-size-4xl);}
.PROD .mens .strike-through, .womens .strike-through, .corsets .strike-through{display: inline-block; padding-right: 20px;}
.PROD .wishlist{text-transform: uppercase; font-weight:var(--font-weight-bold); margin:0px 0 30px 0;}

/* Next-Prev */

/* prod desc */
.product-details-1, .product-details-2 {float:none;}
.description-title{font-size:var(--font-size-xl); border-top:solid 1px var(--border-medium); padding:10px 0; width:450px; text-transform: uppercase; position: relative; top: 0; left:0;}
.description-title:last-child{border-bottom: solid 1px var(--border-medium);}
.description-title:hover{cursor: pointer;}
.description{width:450px; padding: 10px 0;}
.description-title .glyphicon.glyphicon-plus, .description-title .glyphicon.glyphicon-minus{position: absolute; right:0; top:15px;}
.facebook_comments .minus{display: block;}
.PROD .prod-wrapper h1{margin-top:0;}
.PROD #breadcrumbs{margin-top:20px;}

/* quantity */
.PROD .product-quantity-input{font-size:var(--font-size-md); color: var(--color-black) !important; border: solid 2px var(--color-black); width:50px !important; height:32px !important; text-align: center;}
/* color options */
.required-colors{text-transform:uppercase; font-size:var(--font-size-md);}
#color-options{margin:10px 0; text-transform: uppercase;}
#color-options option{display: inline-block; padding: 5px;}
#color-options img{height:25px;}
.color:hover{cursor: pointer;}
.color.selected{opacity:.9; border:solid 2px var(--color-white);}
/*size options*/
.required-size{text-transform:uppercase; font-size:var(--font-size-md);}
.sizing-info{text-transform:uppercase; font-size:var(--font-size-md); color:var(--brand-red); padding-left:15px;}
.PROD .purchase-buttons{text-align:left; display: block; text-transform: uppercase;}
.purchase-buttons input[type="text"]{background-image: none; color:var(--color-black); width:25px; height:auto; vertical-align: middle; }
/* close up pics */
  #closeup_div{left:-50% !important;}
/* related products */
.PROD .title{font-size:var(--font-size-xl); text-transform: uppercase; margin:20px 0 40px 0px; }
.PROD .related-products{border-bottom:solid 1px var(--border-medium);}
.PROD .related-products .product-name{font-size:var(--font-size-md);}
.PROD .related-products .product-image img{border:none;}
.PROD .related-products .product-item{width:30% !important;}
.PROD .related-products .padding{height:250px; }
.PROD .product-item .product-image{text-align: left;}
/* tags */
.PROD .discover-more .title{font-size:var(--font-size-xl); margin: 20px 0;}
.PROD .discover-more .tag{font-size:var(--font-size-md); border:solid 2px var(--border-control); padding:5px 10px; text-transform: uppercase; margin: 10px; display: inline-block; color:var(--text-subtle);}
.PROD .discover-more .tag:hover{background-color:var(--text-subtle); color:var(--color-white); cursor: pointer;}
.PROD .discover-more {padding-bottom:20px;}
/* Might also like */

.PROD .product-title{font-size:var(--font-size-xl); padding:10px 0; width:450px; position: relative; top: 0; left:0;}
.PROD .complete-related-might, .PROD .discover-more{padding-right:60px;}

/* Product Page Styles 10/05/15 */
#breadcrumbs.product-page-breadcrumbs {margin-bottom:25px;}
.product-page-product-name-h1 {margin-top:4px !important;}
.product-page-designer-name, .product-page-designer-name a {font-size:var(--font-size-xl) !important; font-family:var(--font-primary) !important; font-weight:var(--font-weight-light) !important; text-transform:uppercase !important; color:var(--text-muted) !important; text-decoration:none !important;}
.product-page-original-price {}
.product-page-current-price {color:var(--brand-red);}
.product-page-inventory-status-message-wrapper {font-size:var(--font-size-xl); font-family:var(--font-primary) !important; text-transform:uppercase; font-weight:var(--font-weight-light); color:var(--text-muted);}
.product-page-estimated-restock-date-wrapper {margin:10px 0; font-size:var(--font-size-lg); font-family:var(--font-primary); font-weight:var(--font-weight-light); text-transform:uppercase; color:var(--text-muted);}
.product-page-estimated-restock-date-wrapper span {font-weight:var(--font-weight-regular);}
.product-attributes {margin-bottom:25px;}
.hidden-attribute {display:none;}
.attribute-form-row {margin:15px 0;}
.size-options{margin:10px 0; text-transform: uppercase;}
.size-options span.size {border:solid 2px var(--border-control); display: inline-block; min-width:50px; width:auto; text-align:center; color:var(--text-subtle); font-size:var(--font-size-md); margin-bottom:10px; padding:3px; cursor:pointer;}
.size-options span.size.selected {background-color:var(--color-black); border-color:var(--color-black); color:var(--color-white);}
.product-page-swatches ul li {width:54px; height:36px; border:none;}
.product-page-swatches ul li.active, .x-product-layout-purchase__swatches--active {border:2px solid var(--color-black);}
.product-page-swatches ul li img {opacity:0.75; width:100%; height:100%;}
.product-page-swatches ul li.active img {opacity:1;}
.product-attribute-label {text-transform:uppercase; color:var(--text-subtle); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular);}
.product-attributes .radio {margin-left:20px;}
.product-page-sizing-info-link, .product-page-sizing-info-link-quickview {display:inline-block; color:var(--brand-red) !important; font-size:var(--font-size-sm); margin-left:10px; text-transform:uppercase;}
.product-page-special-orders-link {display:inline-block; color:var(--brand-red) !important; font-size:var(--font-size-sm); margin-left:0px; text-transform:uppercase;}
.product-page-add-to-cart-button {background-color:var(--brand-red-dark); background-image:none; display: block; font-style: italic; font-size:var(--font-size-lg); width:350px !important; margin:15px 0 0 0 !important;}
.product-page-points-wrapper {font-weight:var(--font-weight-bold); margin:15px 0; width:420px;}
.product-page-points-wrapper span {font-weight:var(--font-weight-bold);}
.product-page-points-wrapper.quickview {width:70% !important;}
.product-page-delicious-points-tooltip {display:inline-block; margin-left:10px;}
.product-page-wishlist-button-wrapper {margin:15px 0 25px 0;}

.product-page-add-to-cart-row {
	margin:15px 0;
	white-space:nowrap !important;
}

.product-page-add-to-cart-row .product-quantity-input {
	display:inline-block;
	vertical-align:middle !important;
	width:42px !important;
	height:42px !important;
	border:1px solid var(--border-light);
	text-align:center;
	color:var(--color-black) !important;
	margin-left:0 !important;
	margin-right:10px;
}

.product-page-add-to-cart-row .product-page-add-to-cart-button {
	display:inline-block;
	vertical-align:middle;
	width:145px !important;
	height:42px;
	margin-top:0 !important;
	text-align:center;
	background-color:var(--brand-red-dark);
	font-size:var(--font-size-sm);
	font-style:normal;
	color:var(--color-white);
	text-transform:uppercase;
	margin-right:10px !important;
}

.product-page-add-to-cart-row .wishlist-heart-button {
	display:inline-block;
	vertical-align:middle;
	width:53px;
	height:42px;
	border:1px solid var(--border-light);
	background-color:transparent;
}

.product-page-add-to-cart-row .wishlist-heart-button i {
	color:var(--color-black);
}

.product-page-add-to-cart-row .wishlist-heart-button:hover i {
	color:var(--brand-red);
}

.product-page-add-to-cart-row .wishlist-heart-button:hover i:before {
	content: '\e801';
}

@media all and (max-width:1350px) {
	.product-page-add-to-cart-row .product-quantity-input {
		margin-right:5px;
	}
	.product-page-add-to-cart-row .product-page-add-to-cart-button {
		width:125px !important;
		margin-right:5px !important;
	}
	.product-page-add-to-cart-row .product-page-add-to-cart-button.made-to-order-button {
		width:145px !important;
	}

	.product-page-add-to-cart-row .wishlist-heart-button {
		width:50px;
	}
}

.quickview-view-product-details-button {
	display:block;
	margin:15px auto !important;
}
.product-page-designer-name-above-description {margin:-10px 0 20px 0;}
.product-page-designer-name-above-description span, .product-page-designer-name-above-description span a {font-size:var(--font-size-md) !important; font-family:var(--font-primary) !important; font-weight:var(--font-weight-light) !important; text-transform:uppercase !important; color:var(--text-muted) !important; text-decoration:none !important;}
.fb-comments {width:100%;}
.product-page-complete-the-look-wrapper {margin-bottom:45px;}
.product-page-complete-the-look-item-wrapper {float:left; width:29%; margin-left:15px;}
.product-page-complete-the-look-image-wrapper {width:100%;}
.product-page-complete-the-look-image-wrapper img {}
.product-page-complete-the-look-name-wrapper {width:100%; text-align:center; margin-top:15px;}
.product-page-complete-the-look-name-wrapper a {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.product-page-full-width-bottom-section {width:100%;}
.product-page-image-machine-thumbnails li {margin:25px;}
.product-page-image-machine-thumbnails li img {border:1px solid var(--border-medium);}
.product-page-quantity-label {position:relative; top:5px;}
.product-page-quantity-input {margin-left:15px;}
.product-page-adpr-validation-messages {width:100%; margin:0;}
.product-page-adpr-validation-messages.active {margin:15px 0;}
.product-page-out-of-stock-message {display:none; width:100%; margin:10px 0;}
.product-page-zoom-image-modal {left:25%; z-index:9999999999; position:fixed;}
.product-dropdown {margin-bottom:25px; display:static !important;}

/* Preview Basket */
.global-header-preview-basket {width:378px; height:309px; border:1px solid var(--border-control); border-top:none; position:fixed; top:172px; right:0; background-color:var(--color-white); display:none; z-index:999999999999;}
.global-header-preview-basket.sticky-header {top:90px;}
.global-header-preview-basket .subtotal-container {width:298px; text-align:center; margin:15px auto; font-size:var(--font-size-xl); font-family:var(--font-primary); font-weight:var(--font-weight-light);}
.global-header-preview-basket .subtotal-container span {font-weight:var(--font-weight-bold);}
.global-header-preview-basket .item-container {width:298px; margin:20px auto 30px auto; padding:15px 0; border-top:1px solid var(--border-medium); border-bottom:1px solid var(--border-medium);}
.global-header-preview-basket .item-container .item-image-container {float:left; width:99px;}
.global-header-preview-basket .item-container .item-image-container img {width:99px;}
.global-header-preview-basket .item-container .item-name-container {float:right; width:184px; height:106px; padding-top:20px; text-align:left; font-size:var(--font-size-md); font-family:var(--font-primary); font-weight:var(--font-weight-bold);}
.preview-basket-view-cart-button {width:298px; margin:15px auto; display:block;}

/* Responsive YouTube Embeds */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
  margin-bottom:15px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Footer */
.gold{color:var(--brand-gold); font-weight: var(--font-weight-bold); text-align: left;}
#global-footer{background-image:url('/mm5/graphics/footer-background.jpg') !important; padding-top: 40px}
#global-footer{font-size:var(--font-size-xs);}
#global-footer ul li{border:none; display: block;text-align: left;}
#global-footer .wrapper { vertical-align: top; color: var(--color-white);}
#global-footer .wrapper  a{color: var(--color-white);}
#global-footer .wrapper:first-child{padding-left:0px;}
.address{color:var(--color-white);}
ul.paymentOptions{text-align: left;}
#global-footer .paymentOptions li{display: inline-block; }
.paymentOptions li img{width: 38px; height: 24px; margin: 2px;}
.copyright{color:var(--color-white); padding:20px 0; text-align: center;}
/* social media icons */
#global-footer ul.social li{display: inline-block; color: var(--color-white); margin:2px 0; }
#global-footer ul.social{text-align: left; margin-bottom: 10px;}
/* social */
.fa-facebook{background-color:#4d67a3;}
.fa-twitter{background-color:#25a7df;}
.fa-instagram{background-color: #40719a;}
.fa-pinterest-p{background-color:#c62325;}
.fa-google-plus{background-color:#d74936;}
ul.social li i.fa{padding: 5px; text-align: center;}
/* mobile footer nav */
#special-hours li:hover{color: var(--brand-red); cursor: pointer;}
#global-footer .gold{padding-bottom: 5px; }
ul.footer-sub-nav li:hover{color: var(--color-link-hover-on-dark); cursor: pointer;}
ul.footer-sub-nav{color:var(--color-white);}
/* Footer link lists always show at desktop width, even if one was collapsed in the phone view before the window was widened */
@media all and (min-width: 768px){ ul.footer-sub-nav {display:block !important;} }
li.footer-mobile-nav.gold ul li:last-child{border:none;}

/* back to top button */
.footer-back-to-top-button{display:block; border:solid 2px var(--color-white); text-transform: uppercase; text-align: center; color: var(--color-white); width: 200px; padding: 5px; font-size: var(--font-size-md); font-weight: bolder; margin: 0 auto; color:var(--color-white); background-color:var(--color-black);}
.col-hours ul.footer-sub-nav li:hover{color:var(--color-white); cursor: auto;}

/* LOGN */
.LOGN .margin-container, .AFCL .margin-container, .ORDL .margin-container{margin-top:20px;}
.LOGN .form_row, .AFCL .form_row, .ORDL .form_row{text-align:center;}
.LOGN .login-form, .AFCL .login-form, .ORDL .login-form{margin:0 auto;}
.LOGN .email-password, .AFCL .email-password, .ORDL .email-password{padding-right:10px;}

/* NFTD */
.NTFD #main-content{padding-top:0;}
.NTFD #main-content{margin-left:20px; width:910px;}
.NTFD #breadcrumbs{margin-bottom:20px;}
.NTFD h4{font-size: var(--font-size-4xl);}
.NTFD .col{display:  inline-block; width:30%; vertical-align: top; margin-right:35px;}
.NTFD .col h3 {width:100%; text-align:center; font-size:var(--font-size-4xl);}
.NTFD .col a{font-size:var(--font-size-sm); font-family:var(--font-primary); font-style:normal;}
.NTFD .col span{font-family: var(--font-primary);}

.NTFD .col span{display: block;}
.NTFD .col .button a{font-size:var(--font-size-sm); padding-top:5px; text-align: left;}

/* BASK BSKE */
.BASK #main-content, .BSKE #main-content{margin-left:20px;}
.BASK h1, .BASK #main-content, .BSKE h1, .BSKE #main-content{margin-top:5px ; padding-top:0;}
.BASK #main-content a, .BSKE #main-content a{color:var(--brand-red);}
.BASK #breadcrumbs, .BSKE #breadcrumbs, .ACAD #breadcrumbs, .ACED #breadcrumbs, .OPRC #breadcrumbs{margin-top:20px; margin-bottom:20px;}
.BASK #basket-contents table tr.basket-heading td, .BASK #basket-contents table tr.basket-heading td, .BASK #order-contents table tr.heading td, .OCST #basket-contents table tr.basket-heading td, .OCST #basket-contents table tr.basket-heading td, .OCST #order-contents table tr.heading td, .INVC #basket-contents table tr.basket-heading td, .INVC #basket-contents table tr.basket-heading td, .INVC #order-contents table tr.heading td {border:none; color:var(--color-black); width: auto; text-align: left;}
.BASK .basket-heading{border-bottom:solid 1px var(--border-light); margin: 10px 0;}
.BASK #basket-contents.non-editable td, .BASK #basket-contents.editable td, .BASK #order-contents td{background-color:var(--color-white); border:none; vertical-align: middle; text-align:left;}
#basket-contents #basket-totals .formatted-total, #basket-contents #basket-totals .total-prompt, #basket-contents #basket-remaining .formatted-total, #basket-contents #basket-remaining .total-prompt{text-align:left;}
.BASK tr{height:50px; vertical-align: middle;}
.BASK #basket-contents.editable{width:1170px;}
.BASK .checkout-button{display: block; padding-top:8px; color:var(--color-white); float:right; background-color:var(--color-black); background-image:none !important; display: block;}
.BASK .cart-summary{text-align:center; font-size: var(--font-size-md); font-weight:var(--font-weight-bold); padding: 0;}
.BASK .cart-total{font-size:var(--font-size-lg); padding:10px 0; font-weight:var(--font-weight-bold);}
.cart-money-total{ font-size:var(--font-size-lg); float: right; padding-right:15px; font-weight:var(--font-weight-bold); margin-bottom:20px;}
.BASK .item-remove .button{background-image: none; background-color: var(--color-white); color: var(--color-black); height: auto !important; width: auto !important; margin: 0; padding: 0;}
.BASK .item-quantity .button{background-image:none; background-color:var(--color-white); width: auto !important; height: auto !important; color: var(--brand-red); position: relative; top:2px;}
.BASK #basket-contents.editable {margin-top:40px; }
.BASK .remove .button{background-image: none; color: var(--color-black); background-color:var(--color-white);}
.BASK table{font-size:var(--font-size-md); width:100%;}
.BASK td.product-text{width:60%;}
.BASK .product-name{width:100px; text-align:left !important;}
.BASK .continue-shopping{ text-transform: uppercase; padding-bottom:10px; display: block;}
.BASK #basket-contents .basket-qty-input{ width:55px;}
.BASK .product-group-name{font-weight:var(--font-weight-bold); font-size:var(--font-size-lg);}
.BASK .item-code{font-weight:var(--font-weight-regular); }
.BASK .td-header{vertical-align: middle;}
.BASK form.view-small .remove .button{padding:0 0 10px 0; margin:0; text-align: left;}
.BASK td.product-name, .BASK td.product-text{padding-left: 20px;}
.BASK #basket-contents .basket-qty-input {font-size:var(--font-size-md); color: var(--color-white) !important; border: solid 2px var(--color-black); background-color:var(--color-black); width:50px !important; text-align: center;}
.basket-page-free-shipping-promo-wrapper {width:100%; margin:15px auto;}
.basket-page-free-shipping-promo-wrapper p {font-size:var(--font-size-xl); font-family:var(--font-primary);}
.basket-page-free-shipping-promo-wrapper p span {color:var(--brand-red); font-weight:var(--font-weight-bold);}
.basket-page-free-shipping-promo-wrapper p.disclaimer {font-size:var(--font-size-xs); color:var(--brand-red);}
.basket-remove-icon {position:static !important; top:0 !important; right:0 !important; color:var(--color-black) !important; font-size:var(--font-size-lg); display:inline-block; margin-top:30px; margin-right:30px;}
.basket-contents-table {}
.basket-contents-product-name-and-attributes-cell {}
.basket-contents-product-name-link {font-family:var(--font-primary); font-weight:var(--font-weight-regular); font-size:var(--font-size-md); padding-top:14px; display:inline-block; color:var(--color-black) !important;}
.basket-contents-product-name-link:hover {color:var(--brand-red) !important;}
.basket-contents-product-name-and-attributes-cell .attributes {display:block; margin:5px 0;}
.basket-contents-unit-price {position:relative; top:4px;}
.basket-contents-line-item-subtotal-price {position:relative; top:4px;}
.basket-contents-table .basket-charges .charge-description {text-align:right !important; padding-right:15px; font-weight:var(--font-weight-bold);}

/* Special Order / Pre-Order Basket Contents Messages */
.special-stock-status {display:block; margin:5px 0; color:var(--brand-red);}
.special-stock-status.special-order {}
.special-stock-status.pre-order {}

/* keycode */

.BASK .keycode{text-transform: uppercase; color:var(--brand-red); padding-bottom:10px;}
.BASK .keycode:hover{cursor: pointer;}
.BASK .coupon-input{height: 32px;}
.BASK .coupon .button{background-image: none; background-color: var(--color-black);}

.basket-page-coupon-redemption-form-row {margin-bottom:15px !important;}

/* Payment options */
.BASK .payment-options{text-align:right; margin-top:43px; }
.BASK .payment-options li{ display: inline-block;}
.BASK .payment-options li img{height:25px; width:auto;}
.BASK .or{text-align: left; padding:10px 0; font-size:var(--font-size-md); color: var(--text-subtle);}
.BASK .paypal-button{text-align: left !important; padding: 0px !important; float:right;}

/* ACAD / ACED / OCST / OSEL */
.ACAD .fields-heading, .ACED .fields-heading, .OCST .fields-heading, .OSEL .fields-heading, .INVC .fields-heading, .OPAY .fields-heading{font-size:var(--font-size-xl); font-family:var(--font-primary); text-align:left;}
.ACAD #billing_controls label, .ACED #billing_controls label, .OCST #billing_controls label, .OSEL #billing_controls label, .INVC #billing_controls label{margin-top:-17px; display: block; margin-left: 30px;}
.ACAD h2.fields-heading, .ACED .fields-heading, .INVC .fields-heading{height:50px;background-image: url('/mm5/graphics/header-background.jpg'); color:var(--color-white);}
.ACAD #customer-fields label, .ACED #customer-fields label, .OCST #customer-fields label, .OSEL #customer-fields label, .INVC #customer-fields label{text-align:left;}

/* ACAD */
.ACAD h1{text-align:left;}

/* ACED */
#fields-key{text-align:left;}
.logout-link a{color:var(--brand-red);}

/* OCST / OSEL / INVC */
.OCST #basket-contents.non-editable td, .OCST #basket-contents.editable td, .OCST #order-contents td, .OSEL #basket-contents.non-editable td, .OSEL #basket-contents.editable td, .OSEL #order-contents td, .INVC #basket-contents.non-editable td, .INVC #basket-contents.editable td, .INVC #order-contents td td, .OPAY #basket-contents.non-editable td, .OPAY #basket-contents.editable td, .OPAY #order-contents td td{ background-color:var(--color-white); border:none;}

.OCST .cart-summary, .OCST .BASK-table, .OPAY #customer-fields h2.fields-heading{width:70% !important;}
.OSEL .fields-heading, .OCST .fields-heading, .OPAY .fields-heading{background-color: var(--color-white); color: var(--color-black); background-image: none; border-bottom:1px solid var(--border-light); height:50px;}
.checkout-newsletter-opt-in-wrapper {margin:15px 0;}
.checkout-newsletter-opt-in-wrapper  label {float:none !important; clear:none !important; display:inline !important; font-weight:var(--font-weight-regular) !important;}
.checkout-newsletter-opt-in-wrapper  input {width:auto !important;}

/* Checkout banner */
.checkout-steps{clear: both; text-align: center;}
.checkout-steps li{ list-style: none; display: inline-block; color: var(--color-white); padding: 10px 15px; height:40px; vertical-align: top; text-align:center; width: 192px;}
.checkout-steps li.active{color:var(--brand-red);}

/* ABAL */
.ABAL .customer_account_balance_container{width:550px; display: block; margin: 0 auto;}
.abal-page-current-balance-wrapper {margin:15px 0; font-size:var(--font-size-xl); font-family:var(--font-primary); color:var(--brand-red); font-weight:var(--font-weight-regular); text-align:left; text-transform:uppercase; font-style:normal;}
.abal-page-current-balance-wrapper span {color:var(--text-body);}
.abal-page-redeem-button {margin:0 0 15px 0;}
#filter-items-container.abal {margin-top:0; padding-left:0;}
.abal-select-element {display:inline; width:auto; min-width:75px;}
.abal-history-table {margin:15px 0;}

/* OPRC ACRT */
.OPRC .button, .ACRT .button, .ACLN .button{width:auto; width: auto !important; margin-top: 10px !important;}

/* ACRT */
.ACRT a.log-in{color:var(--brand-red); display: block; margin-top:5px;}

/* ACLN */
.logout-link {position: relative; margin: 0 !important;}

/* CEML/CPWD */
.CEML h1, .CPWD h1{text-align:left;}

/* RGFT */
.RGFT .giftcertificate_redeem_giftcertificate_code {height:32px;}

/* ORDL */
.ORDL label{width:auto;}
.ORHL .lookup-section h3, .ORHL .signin-section h3{text-align:left;}

/* SRCH */
.SRCH .textfield{height:33px;}
.SRCH.CTGY .product-item .padding{height:auto !important;}
.SRCH.CTGY .product-item .product-name {max-width:100%; text-align:center; height:auto; overflow: hidden;}
.SRCH.CTGY .product-listing-designer-name {font-size:var(--font-size-lg); max-width:100%; height:auto; text-align:center; font-family:var(--font-primary); font-weight:var(--font-weight-light); color:var(--text-muted);}

/* PATR */
.PATR .continue-button{text-align:left; }
.PATR .continue-button .button{background-color:var(--color-black); background-image: none;}
.PATR .error-message{text-align: left; margin:20px 0 0 0;}

/* POUT */
.POUT .error-message{text-align: left; margin:0;}
.POUT .button{background-color:var(--color-black); background-image:none;}

/* OUS1 */
.OUS1 .button {width: auto !important;}
.OUS1 .DoNotAddToOrder .button{background-color: var(--color-black); background-image: none;}

/* OSEL */
.osel-page-points-redemption-wrapper {margin:15px 0; max-width:320px;}
.delicious-dollars-heading {}
.delicious-dollars-breakdown {}
.delicious-dollars-breakdown ul {margin-left:15px; margin-bottom:10px;}
.delicious-dollars-breakdown ul li {}
.delicious-dollars-redeem-button-wrapper {width:100%; text-align:right;}
.delicious-dollars-redeem-button {font-weight:var(--font-weight-bold); text-transform:uppercase; font-size:var(--font-size-xs); background-color:var(--color-black); color:var(--color-white); padding:5px 10px; border:medium none; height:33px; margin-left:2px; margin-top:5px;}

/* OPAY */
.OPAY .osel-payment{font-size:var(--font-size-xl);}
.opay-how-much-credit-to-use-paragraph {margin-bottom:25px; font-family:var(--font-accent); font-style:var(--font-accent-style-text); font-weight:var(--font-accent-weight-text); font-size:var(--font-size-2xl);}
.opay-split-tender-form-row {margin-bottom:15px;}
.opay-split-tender-field-label {margin:0 15px 15px 0; display:inline-block; width:200px;}
.opay-partial-payment-field {display:inline; margin-left:5px; max-width:100px;}
.opay-additional-payment-method-select {margin-bottom:25px; width:auto !important; min-width:200px !important; display:inline-block !important;}

/* SMAP Page */
#sitemap div.category, #sitemap div.product {float:left; font-size:var(--font-size-md); border:2px solid var(--border-control); padding:5px 10px; text-transform:uppercase; display:inline-block; color:var(--text-subtle); margin:10px; background-color:var(--color-white);}
#sitemap div.category a, #sitemap div.product a {font-size:var(--font-size-md); color:var(--text-muted);}
#sitemap div.category:hover, #sitemap div.product:hover {border:2px solid var(--color-white); color:var(--color-white); background-color:var(--text-subtle);}
#sitemap div.category:hover a, #sitemap div.product:hover a {color:var(--color-white);}

/* Quickview Styles */
.mfp-wrap {z-index:9999999 !important;}
.mfp-iframe-scaler {padding-top:75% !important;}
.mfp-close {opacity:1 !important; top:0 !important; right:16px !important; width:45px !important; background-color:var(--color-black) !important; color:var(--color-white) !important; padding:0 !important; font-size:var(--font-size-5xl) !important; font-weight:var(--font-weight-light) !important; font-style:normal !important; text-align:center !important;}
.main-image-prod-page.quickview {border:1px solid var(--border-medium);}
.product-attributes.quickview {margin-bottom:0 !important;}
.purchase-buttons.quickview {margin-top:-10px !important;}
.product-page-quantity-label.quickview {color:var(--color-black) !important; margin-left:0 !important; text-transform:none !important;}
.product-page-quantity-input.quickview {width:75px !important; display:block; margin:5px 15px 15px 0; background-color:var(--surface-muted) !important; border:1px solid var(--border-medium);}
.quickview-add-to-cart-button {margin:15px 15px 15px 0;}
.quickview-add-to-cart-button img {height:45px;}
.quickview-view-product-details-button {margin:15px 0 15px 15px;}
.quickview-view-product-details-button.out-of-stock-view-details-button {margin-left:0;}
.quickview-view-product-details-button img {height:45px;}
.quickview-product-description-container {margin-top:25px;}

/* Wishlist Page Styles */
.create-wishlist-link {margin:15px 0 0 0; display:block;}
.my-wishlists-link {margin:15px 0 0 0; display:block;}
.wishlist-search-label {margin-right:15px;}
.wishlist-search-field {margin-right:15px; max-width:250px; display:inline;}
.wishlist-search-button {}
.wishlists_container {}
.wishlist-fields-key-wrapper {margin:15px 0;}
.wishlist-fields-key-wrapper div {margin:10px;}
.wishlist-fields-key-wrapper div span {}
.wishlist-fields-key-wrapper div span.required {font-weight:var(--font-weight-bold) !important;}
.wishlist-fields-key-wrapper div span.italic{font-weight:var(--font-weight-regular) !important; font-style:italic !important;}
.wishlist-fields-key-wrapper div span.red {font-weight:var(--font-weight-bold) !important; color:var(--status-error-text) !important;}
.wishlist-field-label.invalid {font-weight:var(--font-weight-bold) !important; color:var(--status-error-text) !important;}
.wishlist-field-label.optional {font-weight:var(--font-weight-regular) !important; font-style:italic !important;}
.return-to-wish-lists-listing-link {display:block; margin:0 0 15px 15px; font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--brand-red-dark) !important;}
.wishlist-details-page-wishlist-actions {width:100%; margin:15px 0 55px 15px; padding:0;}
.wishlist-details-page-wishlist-actions li {float:left; margin-right:15px; font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-wishlist-actions li a {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-wishlist-notes-wrapper {margin:15px;}
.wishlist-details-page-wishlist-notes-wrapper p {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-wishlist-public-status-wrapper {margin:15px;}
.wishlist-details-page-wishlist-public-status-wrapper p {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wishlist-details-page-add-all-items-to-basket-wrapper {margin:15px;}
.wishlist-details-page-add-all-items-to-cart-button {width:auto !important;}
.wishlist-details-page-add-to-cart-button {width:auto !important;}
.wishlist-details-page-wishlist-empty-wrapper {margin:65px 0 15px 15px;}
.wishlist-details-page-wishlist-empty-wrapper p {font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-body);}
.wishlist-details-page-item-listing-wrapper {margin:15px;}
.wish-list-item-listing-table {margin-left:15px;}
.wish-list-item-listing-table th {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); font-weight:var(--font-weight-bold);}
.wish-list-item-listing-table td {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.wish-list-item-listing-table td a {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--brand-red-dark);}
.wishlist-item-listing-image-wrapper {max-width:200px; max-height:215px;}
.wishlist-item-listing-product-name-wrapper {margin-bottom:15px;}
.wishlist-item-listing-option-wrapper {margin-bottom:5px;}
.wishlist-item-listing-move-or-date-added-wrapper {margin-top:15px;}
.wishlist-item-listing-date-added {}
.wishlist-item-listing-editable-item-notes-wrapper {margin-top:15px;}
.wishlist-item-listing-read-only-notes-wrapper {margin-top:15px;}
.wishlist-item-listing-read-only-notes-wrapper p {}
.wishlist-item-listing-edit-item-link-wrapper {margin-top:15px;}
.wishlist-item-listing-edit-item-link {}
.wishlist-item-listing-cancel-or-remove-link-wrapper {margin-top:15px;}
.wishlist-item-listing-quantity-box {max-width:75px;}
.wpck-wishlist-select {margin-top:15px;}

/* Upsale Page Styles */
.upsale-page-add-to-cart-buttons-wrapper {margin:15px 0;}
.upsale-page-add-to-cart-buttons-wrapper input {width:auto !important;}
.upsale-add-to-order-button {}
.upsale-do-not-add-to-order-button {margin-left:15px !important; background-image:none; background-color:var(--color-black);}
.upsell-product-display-vertical-padding {height:30px;}
.uatr-form-wrapper {max-width:600px; margin:15px auto;}
.ousm-product-listing-table {max-width:95%;}
.ousm-product-listing-table th {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); font-weight:var(--font-weight-bold);}
.ousm-product-listing-table td {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
.ousm-continue-button-wrapper {width:100%; text-align:right; padding-right:45px; margin-bottom:25px;}
.uatm-form-wrapper {max-width:350px; margin:15px auto;}
.uatm-form-wrapper div.required {font-size:var(--font-size-xl);}
.uatm-form-wrapper td.prompt {padding:15px; text-align:left;}

/* Easy Account Styles */
div.eaContent {background-color:var(--color-white) !important;}
div.eaContent h3 {}
div.eaContent p {font-family:var(--font-primary) !important; font-size:var(--font-size-sm) !important; color:var(--text-body) !important;}
div.eaInputs {}
div.eaInputs .form_row {}
div.eaInputs label {font-family:var(--font-primary) !important; font-size:var(--font-size-sm) !important; color:var(--text-body) !important; font-weight:var(--font-weight-bold) !important; text-align:left !important;}
div.eaInputs input {}
#custPassWordConfirm {padding-top:15px;}
div.eaControls {}
div.eaControls input {margin:15px auto !important; width:auto !important;}

/* Basket Page New Styles */
.basket-page-coupon-redemption-row {width:100%; margin:5px 0;}
.basket-page-action-buttons-row.top-of-page {margin-bottom:25px;}

.basket-page-estimate-shipping-button {
  border: 1px solid var(--color-black);
  color: var(--text-body);
  display: block;
  margin-bottom: 15px;
  padding: 6px 0;
  text-align: center;
  width: 175px;
}

.basket-page-estimate-shipping-button:hover {cursor: pointer; background-color:var(--color-black); color:var(--color-white);}

.basket-page-action-buttons-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.basket-page-continue-and-estimate-shipping-button,
.basket-page-checkout-button-and-geotrust-seal-wrapper,
.basket-page-checkout-buttons {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
}

.basket-page-checkout-button-and-geotrust-seal-wrapper {
  margin-top: 30px;
}

.basket-page-checkout-message {
  margin-bottom: 15px;
  max-width: 300px;
}

#paypalcp-button-container,
#payWithAmazonDiv,
.basket-page-checkout-apple-button > div {
  margin-top: 20px;
}

@media screen and ( min-width: 441px ){

  .basket-page-continue-and-estimate-shipping-button {
    flex-direction: row;
  }

  .basket-page-estimate-shipping-button {
    margin-bottom: 0;
    margin-right: 25px;
  }

  .basket-page-checkout-button-and-geotrust-seal-wrapper {
    align-items: flex-end;
  }
}

.basket-page-geotrust-seal-wrapper {display:inline-block; margin-right:15px;}
.basket-page-or-checkout-text-wrapper {width:100%; text-align:right; font-size:var(--font-size-lg); color:var(--text-subtle); margin:10px 0; padding-right:125px;}
.basket-page-paypal-button-wrapper {margin:10px 0 25px 0; width:100%; text-align:right;}

.basket-action-buttons-wrapper {
	margin-bottom:3rem;
	white-space:nowrap;
}
.basket-action-buttons-wrapper a {
	display:inline-block !important;
	position: relative;
	top: 11px;
	display: block;
	padding: 6px 0;
	width: 175px;
	color:var(--color-white);
	background-color:var(--color-black);
	text-align: center;
	border: 1px solid var(--color-black);
}
.basket-action-buttons-wrapper a:first-of-type {
	margin-right: 25px;
}
.basket-action-buttons-wrapper a:hover {
	color:var(--color-black);
	background-color:var(--color-white);
}

.basket-action-buttons-wrapper a span {
	margin-right:15px;
}

#shipping-estimate-modal {z-index:99999999;}
#shipping-estimate-modal h4.modal-title {width:100%; text-align:center;}
#shipping-estimate-modal label {display:block;}
#shipping-estimate-modal input, #shipping-estimate-modal select {display:block; width:100%;}
.estimate-shipping-modal-calculate-button {}
p.estimate-shipping-modal-no-rates-found-message {font-family: var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
img.estimate-shipping-loading-spinner {display:none;}
p.paypal-express-checkout-continue-message {font-family: var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
p.small-mobile-touch-cart-message {display:none;}
div.checkout-page-header-geotrust-trust-mark {float:right; margin-bottom:25px;}
div.basket-page-mobile-geotrust-trust-mark {display:none;}
div.basket-page-checkout-or-wrapper {width:100%; text-align:right; margin:20px 0 0 auto; padding-right:175px; font-family: var(--font-primary); font-size:var(--font-size-lg); color:var(--text-subtle);}

.account-links {margin-top:35px;}
.my-account-page-logout-and-start-shopping-wrapper {width:100%; margin:25px 0 10px 0;}
.my-account-page-logout-link {float:left;}
.my-account-page-start-shopping-button {float:right;}

.fpwd-form-wrapper {width:300px;}
.afpw-form-wrapper {width:300px;}
.fpwd-page-submit-button-wrapper {width:100%; text-align:right;}
.afpw-page-submit-button-wrapper {width:100%; text-align:right;}
.left-aligned-messages {text-align:left; width:100%; margin-bottom:15px; padding:0;}

.change-password-section {width:100% !important; margin:15px auto 5px; padding:10px;}
.cpwd-input {width:100%; margin:2px 3px;}


.login-page-section {margin-top:15px;}
.login-page-section p {height:45px;}
.login-page-section .login-form {margin-top:20px;}
.login-page-section .sign-in-buttons {padding-right:66px;}
.login-page-register-button {position:relative; top:-20px;}
.login-page-section .sign-in-buttons.ordl {padding-right:125px;}
.guest-checkout-login-section {float:right !important;}

.giftcertificate_redeem_content {margin-bottom:50px !important;}
.account-page-return-to-my-account-wrapper {width:100%; margin:10px 0; padding-left:25px;}
.abal-page-current-balance-wrapper.rgft {margin-left:20px;}

.ntfd-continue-shopping-button {}
.ntfd-continue-shopping-button.actual {width:200px !important;}

.oprc-continue-shopping-button {width:200px !important;}

.sign-in-buttons.orhl {padding-right:125px;}

.ousm-product-listing-table .wishlist-item-listing-image-wrapper {max-height:500px;}

.osel-page-spacer {height:25px;}
.osel-h3 {font-size:var(--font-size-4xl);}
.checkout-error-alert {}
.expiration-month-field {display:inline !important; max-width:75px; margin:10px;}
.expiration-year-field {display:inline !important; max-width:75px; margin:10px;}
.cvv-field {display:inline !important; max-width:75px; margin:10px;}

.invoice-page-order-contents-wrapper td {padding-bottom:10px; padding-top:10px;}
.invoice-page-order-contents-wrapper .total-prompt {font-weight:var(--font-weight-bold); font-size:var(--font-size-3xl);}
.invoice-page-order-contents-wrapper .formatted-total {font-weight:var(--font-weight-bold); font-size:var(--font-size-3xl);}
.invoice-page-order-contents-wrapper td.order-status {padding-right:15px;}
.invoice-page-order-contents-wrapper .basket-contents-item-status {position:relative; top:4px;}
.invoice-page-order-contents-wrapper .basket-contents-item-quantity {position:relative; top:4px;}
.invoice-page-start-shopping-button-wrapper {margin:15px 0; width:100%; text-align:left;}
.invoice-page-start-shopping-button-wrapper button {width:auto !important;}

/* ORDH Styles */
.account-page-navigation-my-account-button.ordh-page {margin-left:0px;}
p.ordh-page-no-orders-message {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); clear:both;}
table.ordh-page-order-listing-table {width:100%;}
table.ordh-page-order-listing-table th {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body); font-weight:var(--font-weight-bold);}
table.ordh-page-order-listing-table td {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
a.ordh-page-view-order-details-link {font-family:var(--font-primary); font-size:var(--font-size-sm); color:var(--text-body);}
a.ordh-page-view-order-details-link:hover {color:var(--color-link-hover); text-decoration:none;}

.total-prompt.ords {padding-right:15px;}

.create-wishlist-link {margin-bottom:20px;}
.wish-lists-table {}

/* Newsletter Modal */
.modal-dialog {width:800px;}
#newsletter-modal {}
#newsletter-modal .modal-content {position:relative; width:800px; height:527px; background-image:url('/mm5/graphics/newsletter-modal-background-image.jpg'); background-repeat:no-repeat;}
#newsletter-modal .modal-header {border:none;}
.newsletter-modal-close-button {opacity:1.0; position:absolute; top:2px; right:0;}
.newsletter-modal-fields-row {position:absolute; left:154px; bottom:24px;}
.newsletter-modal-email-input {border:2px solid var(--color-black); width:350px; height:65px; background:transparent; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold); color:var(--color-black); padding:18px 29px; margin-right:20px; font-family:var(--font-primary);}
.newsletter-modal-join-now-button {position:relative; top:-4px;}

.empty-basket-start-shopping-button {width:auto !important;}

/* ================================================
================================================
Media Queries
================================================
================================================*/
@media all and (min-width: 1900px){
/* sub category */
  #reference_pane{width: 75%; margin-bottom:80px; }
  #reference_pane h3{ margin:0;}
}



@media all and (max-width:1850px){
  .homepage-visit-db-info-wrapper .address-paragraph {margin-left:25px; margin-right:25px;}
  .homepage-visit-db-info-wrapper .about-text {margin-left:25px; margin-right:25px;}
}

@media all and (max-width:1750px){
  .homepage-visit-db-info-wrapper .address-paragraph {width:445px; margin-left:auto; margin-right:auto;}
  .homepage-visit-db-info-wrapper .about-text {margin-left:15px; margin-right:15px;}
}

@media all and (max-width:1725px) {
  .upsale-page-add-to-cart-buttons-wrapper input {display:block; margin-left:0 !important; margin-right:0 !important;}
  .upsale-do-not-add-to-order-button {margin-top:15px !important;}
}


@media all and (max-width: 1700px){
  .product-item{width:33% !important;}
  /*.CTGY .product-item .padding {height:495px;}*/
  .product-item.subcategory .padding {/*height:440px;*/}
  .CTGY .product-item .product-details {max-width:350px;}
  .CTGY .product-item .product-image{max-width:350px;}
  .CTGY .product-item .product-name {max-width:350px;}
  .product-listing-designer-name {max-width:350px;}
  .CTGY .product-item .product-price {max-width:350px;}
  .ctgyswatches {max-width:350px;}
  .homepage-visit-db-info-wrapper h2 {margin-top:15px; font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-xl); width:375px; margin-left:auto; margin-right:auto;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-md); margin-left:35px; margin-right:35px;}
  .page-links {margin-right:6.6%;}
  .footer-page-links{margin-right: 7%;}
}

@media all and (max-width:1650px){
  .mfp-iframe-scaler {padding-top:65% !important;}
}

@media all and (max-width: 1630px){
  .page-links {margin-right:5.5%;}
  .footer-page-links{margin-right: 5.5%;}
}

@media all and (max-width: 1600px){
  .homepage-visit-db-info-wrapper h2 {margin-top:15px; font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); width:335px; margin-left:auto; margin-right:auto;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm); margin-left:40px; margin-right:40px;}
}


@media all and (max-width: 1550px){
  .page-links {margin-right:4%;}
  .footer-page-links{margin-right: 4%;}
}

@media all and (max-width: 1500px){
  .background-sales p.promo-message {margin-bottom:10px !important;}
  .homepage-visit-db-info-wrapper h2 {margin-top:15px; font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); width:335px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm); margin-left:25px; margin-right:25px; margin-bottom:15px;}

}

@media all and (max-width: 1490px){
  .page-links {margin-right:2.75%;}
  .footer-page-links{margin-right: 2.75%;}
}

@media all and (max-width: 1450px){
  .page-links {margin-right:5.5%;}
  .footer-page-links{margin-right: 5.5%;}
}

@media all and (max-width: 1430px){
  .page-links {margin-right:3.5%;}
  .footer-page-links{margin-right: 3.5%;}
  /*.CTGY .product-item .padding {height:475px;}*/
  .product-item.subcategory .padding {/*height:410px;*/}
  .CTGY .product-item .product-details {max-width:325px;}
  .CTGY .product-item .product-image{max-width:325px;}
  .CTGY .product-item .product-name {max-width:325px;}
  .product-listing-designer-name {max-width:325px;}
  .CTGY .product-item .product-price {max-width:325px;}
}

@media all and (max-width: 1400px){

  div#left-navigation {width:25%;}
  #main-content {width:75%;}
  .page-links {margin-right:3.2%;}
  .footer-page-links{margin-right: 3.2%;}
  /*.CTGY .product-item .padding {height:445px;}*/
  .product-item.subcategory .padding {/*height:380px;*/}
  .CTGY .product-item .product-details {max-width:300px;}
  .CTGY .product-item .product-image{max-width:300px;}
  .CTGY .product-item .product-name {max-width:300px;}
  .product-listing-designer-name {max-width:300px;}
  .CTGY .product-item .product-price {max-width:300px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); margin-left:0; margin-right:0; width:100%; text-align:center;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm); margin-left:10px; margin-right:10px;}

}


@media all and (max-width: 1350px){
	/*.CTGY .product-item .padding {height:415px;}*/
  .product-item.subcategory .padding {/*height:350px;*/}
  .CTGY .product-item .product-details {max-width:275px;}
  .CTGY .product-item .product-image{max-width:275px;}
  .CTGY .product-item .product-name {max-width:275px;}
  .product-listing-designer-name {max-width:275px;}
  .CTGY .product-item .product-price {max-width:275px;}
  .ctgyswatches {max-width:275px;}
  .page-links {margin-right:4.8%;}
  .footer-page-links{margin-right: 4.8%;}
}


@media all and (max-width: 1330px){
  #filter-items-container .sorting {float:none;}
  .page-links {margin-top:15px;}
}

@media all and (max-width: 1300px){
  .page-links {margin-right:3.3%;}
  .footer-page-links{margin-right: 3.3%;}
}




@media all and (max-width: 1250px){
  .product-item.subcategory .padding {/*height:330px;*/}
  .CTGY .product-item .product-details {max-width:255px;}
  .CTGY .product-item .product-image{max-width:255px;}
  .CTGY .product-item .product-name {max-width:255px;}
  .product-listing-designer-name {max-width:255px;}
  .CTGY .product-item .product-price {max-width:255px;}
  .ctgyswatches {max-width:255px;}
  .page-links {margin-right:4.3%;}
  .footer-page-links{margin-right: 4.3%;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-5xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); margin-left:0; margin-right:0; margin-top:50px; margin-bottom:10px; width:100%; text-align:center;}
  .homepage-visit-db-info-wrapper .about-text {display:none;}

}




@media all and (max-width: 1200px){

/*nav*/

    .product-item{width:33% !important;}
  #breadcrumbs {padding-top:20px;}
/* search */
  .search-bar input.searchfield{width:86%; margin: 0 auto; color: var(--color-white);}
  .search-bar span.glyphicon.glyphicon-search{padding-left:0px; left: 30px;}
  .search-bar  span.glyphicon.glyphicon-remove{right:30px;}
  div#left-navigation {width:20%;}
  #main-content {width:80%;}
  #category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2 {font-size:var(--font-size-md); width:100%;}
  #category-tree .level-4 a, .list-other-departments li a, .level-4 {font-size:var(--font-size-sm);}
  .page-links {margin-right:5%;}
  .footer-page-links{margin-right: 5%;}
}
@media all and (max-width: 1199px){
  .primary-content-container {width:90%; margin:0 auto;}
  .login-page-section .sign-in-buttons {padding-right:0;}
  .login-page-section ul {margin-top:10px;}
  .login-page-section .sign-in-buttons.ordl {padding-right:65px;}
  .text-right.sign-in-buttons.ordl {margin-bottom:60px;}
  .text-right.sign-in-buttons.ordl.guest-checkout {margin-bottom:0; padding-right:0; text-align:left;}
  .NTFD .col {width:25%;}
  .section.orhl {padding-left:0 !important; width:auto !important; margin-right:50px;}
  .sign-in-buttons.orhl {padding-right:0;}
}


@media all and (max-width: 1130px){
  .page-links {margin-right:3%;}
  .footer-page-links{margin-right: 3%;}
}


@media all and (max-width: 1170px){
  #global-footer{padding:40px 20px;}

/* sticky */

  .wrapper{width:100%;}
/* BASK */
  .BASK #basket-contents.editable{width:95%;}
  .BASK .logout-link a {padding-right: 60px;}
  .checkout-steps li{width:24.5%;}
}
@media all and (max-width: 1100px){
  /*.CTGY .product-item .padding {height:395px;}*/
  .product-item.subcategory .padding {/*height:300px;*/}
  .CTGY .product-item .product-details {max-width:235px;}
  .CTGY .product-item .product-image{max-width:235px;}
  .CTGY .product-item .product-name {max-width:235px;}
  .product-listing-designer-name {max-width:235px;}
  .CTGY .product-item .product-price {max-width:235px;}
  .ctgyswatches {max-width:235px;}
}

@media all and (max-width: 1075px){
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-4xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-md);}

}

@media all and (max-width: 1070px){
  .page-links {margin-right:2%;}
  .footer-page-links{margin-right: 2%;}
}

@media all and (max-width: 1050px){
  /*.CTGY .product-item .padding {height:365px;}*/
  .product-item.subcategory .padding {/*height:280px;*/}
  .CTGY .product-item .product-details {max-width:215px;}
  .CTGY .product-item .product-image{max-width:215px;}
  .CTGY .product-item .product-name {max-width:215px;}
  .product-listing-designer-name {max-width:215px;}
  .CTGY .product-item .product-price {max-width:215px;}
  .ctgyswatches {max-width:215px;}
  .ctgyswatches ul li {display:inline-block; margin:0 7px; width:20px;}
  .ctgyswatches ul li img {width:20px;}
  .page-links {margin-right:3.5%;}
  .footer-page-links{margin-right: 3.5%;}
}

@media all and (max-width: 1035px) {
  .login-page-section.ordl {width: 40% !important; padding-left: 0px !important; margin-right: 5%;}
}


@media all and (max-width: 1000px){
  #breadcrumbs {padding-top:30px;}
  .CTGY h1{ font-size: var(--font-size-6xl);}
  .product-item{width:32% !important; float: none; display: inline-block; vertical-align: top;}
/* nav */
  .header{padding-right:10px;}

/* NTFD */
  /*.CTGY .product-item .padding {height:345px;}*/
  .product-item.subcategory .padding {/*height:260px;*/}
  .CTGY .product-item .product-details {max-width:195px;}
  .CTGY .product-item .product-image{max-width:195px;}
  .CTGY .product-item .product-name {max-width:195px;}
  .product-listing-designer-name {max-width:195px;}
  .CTGY .product-item .product-price {max-width:195px;}
  .ctgyswatches {max-width:195px;}
  .ctgyswatches ul li {width:25px;}
  .ctgyswatches ul li img {width:25px;}
  .page-links {margin-right:6%;}
  .footer-page-links{margin-right: 6%;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-4xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-sm);}

  .login-page-section .sign-in-buttons.ordl {padding-right:0;}
  .text-right.sign-in-buttons.ordl.guest-checkout {text-align:center;}
}
@media all and (max-width: 991px){
    .OCST .cart-summary, .OCST .BASK-table, .OPAY h2.fields-heading{width:89% !important;}
    .OCST .cart-summary, .OCST .BASK-table, .OPAY #customer-fields h2.fields-heading {width:89% !important;}
  .account-links ul li {width:33%;}
}
@media all and (min-width: 990px){
/* PROD */
  .PROD .fb-comments.fb_iframe_widget{width:450px;}
}


@media all and (max-width: 990px){
/* PROD */
  .PROD .product-details-1, .product-details-2 {width:100%;}
  .PROD .description-title{width:100%;}
  .PROD #closeup_div{left:15% !important; top: -50% !important;}
  .PROD .fb-comments.fb_iframe_widget{width:100%;}

/* search */

}

@media all and (max-width:980px){
  .invoice-page-order-contents-wrapper .total-prompt {padding-right:15px;}
}



@media all and (max-width:950px){
  .page-links {margin-right:4%;}
  .footer-page-links{margin-right: 4%;}
  .product-page-points-wrapper {width:100%;}
}


@media all and (max-width:930px){
  h1.category-page-category-name {font-size:var(--font-size-5xl);}
}

@media all and (max-width: 900px){
  .newsletter span, .newsletter-two span{display: block; margin-bottom:10px;}

  h2{font-size: var(--font-size-6xl);}

/* search */
  #category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2 {font-size:var(--font-size-md); width:100%;}
  #category-tree .level-4 a, .list-other-departments li a, .level-4 {font-size:var(--font-size-sm);}
  .CTGY .product-item {width:49% !important;}
  /*.CTGY .product-item .padding {height:395px;}*/
  .product-item.subcategory .padding {/*height:340px;*/}
  .CTGY .product-item .product-details {max-width:245px;}
  .CTGY .product-item .product-image{max-width:245px;}
  .CTGY .product-item .product-name {max-width:245px;}
  .product-listing-designer-name {max-width:245px;}
  .CTGY .product-item .product-price {max-width:245px;}
  .ctgyswatches {max-width:245px;}
  .ctgyswatches ul li {display:inline-block; margin:0 7px; width:30px;}
  .ctgyswatches ul li img {width:30px;}
  .page-links {margin-right:7%;}
  .footer-page-links{margin-right: 7%;}
  .homepage-visit-delicious-boutique-wrapper {width:100%;}
  .homepage-visit-db-image-wrapper {float:none; width:100%}
  .homepage-visit-db-info-wrapper {float:none; width:100%; background-image:url('/mm5/graphics/black-textured-background.jpg'); background-repeat:repeat; padding:15px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-display); margin-top:0;}
  .homepage-visit-db-info-wrapper .address-paragraph {width:100%; margin:10px auto 40px auto; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); color:var(--color-white);}
  .homepage-visit-db-info-wrapper .about-text {margin:10px auto 20px auto; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-white); display:block;}

  .basket-contents-product-image {max-width:100px;}
  div#left-navigation {width:30%;}
  #main-content {width:70%;}

}

@media all and (max-width: 875px) {
  .new-arrival-category-view-button-wrapper ul li {float:left; margin-right:10px; color:var(--text-subtle); font-weight:var(--font-weight-bold); font-size:var(--font-size-md); text-transform:uppercase; font-family:var(--font-primary);}
}
@media all and (max-width: 860px) {
  #main-content {width:68%; margin-left:10px;}
}
@media all and (max-width: 855px) {
  .CTGY .product-item .product-details {max-width:225px;}
  .CTGY .product-item .product-image{max-width:225px;}
  .CTGY .product-item .product-name {max-width:225px;}
  .product-listing-designer-name {max-width:225px;}
  .CTGY .product-item .product-price {max-width:225px;}
  .ctgyswatches {max-width:225px;}
}

@media all and (max-width: 850px) {
  /*.CTGY .product-item .padding {height:415px;}*/
  .product-item.subcategory .padding {/*height:325px;*/}
  .page-links {margin-right:6%;}
  .footer-page-links{margin-right: 6%;}
}


@media all and (max-width: 800px) {
  /*.CTGY .product-item .padding {height:405px;}*/
  .product-item.subcategory .padding {/*height:305px;*/}
  .page-links {margin-right:5%;}
  .footer-page-links{margin-right: 5%;}
}
@media all and (max-width: 799px) {
  .modal-dialog {width:768px;}
  #newsletter-modal .modal-content {width:768px; height:506px; background-size: 768px 506px;}
}

@media all and (max-width: 781px) {
  .product-page-complete-the-look-item-wrapper.last {display:none;}
  .product-page-complete-the-look-item-wrapper {width:45%;}
}

@media all and (min-width: 768px){
  .view-small{display: none;}

  .mobile-bars{display: none;}

  .prod-wrapper{margin-top:220px;}
/* navigation */

/* navigation on hover */
  .sub-menu{position:absolute; left: 0px;  background-color:var(--color-white); padding:20px; width:100%; z-index: 10000; color:var(--color-black);}

  .sub-menu ul{text-align: left; }
  .sub-menu ul a li{ color: var(--color-black); padding-bottom: 5px; }
  .sub-menu ul a:link, .sub-menu ul a:visited, .sub-menu ul a:hover, .sub-menu ul a:active {padding: 0px; padding-bottom:10px !important;text-transform: none; display: block; text-align: left;}
  img.col-sm-2{padding:0px;}

/* header*/

/* CTGY */
  .category-header{margin-top:213px;}
  .CTGY .sub-title{padding-bottom:40px;}

/* BASK */
  .OCST #basket-totals, .OSEL #basket-totals, .INVC #basket-totals, .OPAY #basket-totals{border-top: solid 1px var(--border-light);}
  .BASK .checkout-button{margin:-20px 0 10px 0 !important;}
  .BASK .or{text-align: right; padding:10px 0; font-size:var(--font-size-md); color: var(--text-subtle);}
  .BASK .paypal-button{text-align: right !important; padding: 0px !important;}
  .BASK .paypal-button img {width:135px; height: auto;}
  .BASK .checkout-button-wrapper{text-align:right;}

/* Amazon Checkout */

.OCST #main-content {
  width: 100%;
}

/* Sticky Navigation */

  /* Search */

}

@media all and (max-width: 767px){
  body{overflow-x:hidden;}
  .max-width-450{max-width:450px; display: block; margin: 0 auto;}
  .sales .col-sm-4.text-center {max-width:100%;}
  .no-small-view{display: none !important;}
  h2{font-size:var(--font-size-5xl); margin-bottom:0;}
/* header */
  .newletterBanner{display: none;}
  .newsletter form, .newsletter-two form{margin-left: 0;}
  .store-directory-sub-menu, .number, .my-account, .cart {display: none;}
  .header{padding: 0 10px 0 0; position: absolute; top: 10px; right: 0; }
  #logo a{width:100%;}
  #logo img{height:100%; display: block; margin: 0 auto;}

  .mobile-nav-panel-department-stars {display:block;}

/* navigation */
  .nav{padding-top:0;}
   nav {margin-top:0 !important;}

  /* slider navigation */

  .sub-banner {top:0 !important;}
  #breadcrumbs{display: none;}
/* footer */
#global-footer .wrapper  a {display:block;}
  #global-footer{padding:20px 0;}
  #global-footer .gold{font-size: var(--font-size-lg); color: var(--color-white); text-transform: uppercase; font-size:var(--font-size-md); border-bottom:solid 1px var(--border-dark); padding: 15px;}
  #global-footer .wrapper .col-sm-2{padding:0 ; margin:0;}
  ul.social a li .fa{font-size:var(--font-size-3xl);}
  ul.social li i.fa{padding:15px; text-align: center;}
  #global-footer ul.social{text-align: center; margin-top:40px;}
  .footer-sub-nav{ font-size: var(--font-size-xl); }
  #global-footer ul li{border-bottom:solid 1px var(--border-dark); padding:15px; font-size: var(--font-size-md);}
  #global-footer ul.social li{border-bottom: none; margin:0px; margin-left: 5px; padding:0px;}
  #global-footer span.glyphicon.glyphicon-plus.view-small, #global-footer span.glyphicon.glyphicon-minus.view-small{position: absolute; right: 20px; top: 20px; cursor:pointer;}
  .footer-sub-nav{border-top: solid 1px var(--border-dark); margin-top: 15px;}
  .copyright{padding-top:0;}
  ul.footer-sub-nav {display:block; display: none;}
  .geotrust{display: none;}
  .paymentOptions{display: none;}
  .address{display: none;}
/* bestseller */

/* SFNT */
  .col-md-6{height: auto;}

  .store{display: none;}

  .large-slider {display:none;}
  .small-slider {display:block;}
/* category*/
  .mobile-subcategory-navigation-wrapper {display:block; width:100%; background-color:var(--surface-alt); margin-bottom:10px;}
  .mobile-subcategory-menu-list-item {width:100%; background-color:var(--surface-alt); padding:5px 0 5px 15px;}
  .mobile-subcategory-menu-list-item span {font-family: var(--font-primary); font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold);}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle {float:right; margin-right:15px; width:20px; position:relative; top:8px; cursor:pointer;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle.minus {top:17px;}
  .mobile-subcategory-nav-list-item {width:100%; background-color:var(--surface-muted); padding:5px 0 5px 15px; border-bottom:1px solid var(--border-medium); display:none;}
  .mobile-subcategory-nav-list-item a {font-family: var(--font-primary); font-size:var(--font-size-xl);}
  h1.category-page-category-name {text-align:center !important; margin-top:0;}
  #filter-items-container{margin-top:0;}
  #category-header {text-align:center;}
  div#content-container-sub-CTGY {margin-top:0;}
  #filter-items-container div.sorting {float:none; display:block; width:100%; text-align:center; padding-top:10px;}
  #filter-items-container div.page-links {float:none; display:block; width:100%; text-align:center; margin-right:0;}
  #filter-items-container span.page-disp, #filter-items-container span.page-links-container, #filter-items-container span.page-links-container a {float:none; display:inline;}
  .CTGY h4{font-size:var(--font-size-4xl);}
  .CTGY .product-item {text-align:left; height:auto; margin-bottom:10px;}
  .CTGY #category-listing .product-item {padding-left:2.5px; padding-right:2.5px;}

   .CTGY #subcategory-listing .product-item:nth-child(even){padding-left:5px;}
  .CTGY #subcategory-listing .product-item:nth-child(odd){padding-right:5px;}

  .CTGY .product-item .padding {height:auto;}
  .product-item.subcategory .padding {height:100%;}
  .CTGY .product-item .product-details {max-width:100%; height:auto; margin:0 auto;}
  .CTGY .product-item .product-image{max-width:100%; margin:0 auto;}
  .CTGY .product-item .product-name {max-width:300px; margin:10px auto;}

  .CTGY .product-item .product-price {max-width:300px; margin:0 auto;}
  .CTGY .product-price {max-width:300px; margin:0 auto;}
  .ctgyswatches {max-width:100%; margin:10px auto 0 auto; }
  .CTGY .ctgyswatches{height:auto;}

  div#main-content{float:none; width:100%; display: block; margin:0; padding:15px;}
  div#content-container, div#content-container-sub-CTGY{padding:0;}
  div#left-navigation{padding:0;}

  .CTGY h5 i.fa.fa-star{display: none;}
  .product-listing-designer-name{max-width:300px; margin:10px auto; line-height: normal;  height:auto;}

  .CTGY #category-listing{clear:both;}
   .new-arrival-category-view-button-wrapper {width:100%; margin-left:auto; margin-right:auto; text-align: center; top:0; margin:0;}
  .new-arrival-category-view-button-wrapper ul li{float:none; display: inline-block; }

  /*SRCH*/
	.SRCH .ctgyswatches {max-width:100%; margin:10px auto 0 auto; height:auto;}
	.SRCH.CTGY .product-listing-designer-name {line-height: normal; height:auto;}
	.SRCH.CTGY .product-item .product-name{height:auto;}
  /* Search Results Page*/
  .search-results-show-refinement-options-link {display:block; width:235px !important; margin-left:auto !important; margin-right:auto !important;}
  .search-results-count, .no-search-results {width:100%; text-align:center;}
  /* PROD Page */
  .PROD #breadcrumbs {display:none; margin-top:-10px; padding-top:0; width:100%; text-align:center;}
  .product-page-product-name-h1 {width:100%; text-align:left; font-size:var(--font-size-3xl);}
  .product-page-designer-name {width:100%; text-align:left;}
  .PROD .product-price {font-size:var(--font-size-3xl);}
  .product-page-right-side-container .product-attributes {width:100%; margin:15px 0;}
  .product-page-right-side-container .purchase-buttons {width:100%; margin:15px 0;}
  .product-page-right-side-container .product-price {width:100%; text-align:left;}
  .product-page-quantity-label {font-weight:var(--font-weight-bold); color:var(--color-black);}
  .product-page-add-to-cart-button {width:320px !important; height:40px;}
  .product-page-complete-the-look-item-wrapper {width:30%;}
  .product-page-complete-the-look-item-wrapper.last {display:block;}
  .PROD .description-title {text-align:left;}
  .product-page-right-side-container .description {text-align:left;}
  .product-page-add-to-cart-row {
		width:270px;
		margin:0;
	}
  /*SRCH*/
  .CTGY.SRCH .product-item .padding{height:auto !important;}
   .CTGY.SRCH #category-listing .product-item:nth-child(even){padding:0 0 0 5px;}
  .CTGY.SRCH #category-listing .product-item:nth-child(odd){padding:0 5px 0 0;}
  .SRCH .search-results-show-refinement-options-link{margin-top:15px !important;}
/* Cat Tree */
  #left-navigation {display:none !important;}
  #category-tree div.active, #category-tree div{background-color:var(--surface-muted);}
  div#left-navigation{float:none; width:100%;}
  #category-tree-top-image{width:100%; min-height:auto;}
  #category-tree .level-3{ font-size:var(--font-size-xl); padding-left: 10px;}
  #category-tree .level-4 a{border-bottom: solid 1px var(--border-medium); padding-left: 20px;}
  #category-tree-footer{display: none;}
  #category-tree .level-3, #category-tree .level-1, .title-other-departments, .level-2{margin-bottom:0;}
  .level-2{display: none;}
  .CTGY h5{display: none;}
  .list-other-departments{display:none;}
/* checkout */
  .checkout-steps li{width: 23.5%;}
  .OSEL #ship-to, #bill-to{width:48%;}
/* OUS1 */
  .OUS1 .product-thumbnail img{text-align: center; display: block; margin: 0 auto;}
/* Sliding Navigation on Mobile */
  .wrapper{padding:0 !important;}

  .sub-menu{padding:0; color:var(--color-black); position: initial;}

  div.all-cate {background-color:var(--surface-muted); padding: 15px 0 15px 15px !important; font-weight:var(--font-weight-bold); font-size:var(--font-size-xs);}

  .all-women a{padding-left:15px;}
/* NTFD */
/* BASK BSKE*/
  .BASK  #left-navigation, .BSKE  #left-navigation{display: none;}
  .BASK .item-remove .button{display: none;}
  .BASK .logout-link a {padding-right: 40px;}
  .BASK .payment-options{text-align:left; margin-top:23px; clear: both; padding-top: 10px;}
/* FPWD */
/* ABAL */
  .customer_account_balance_container{width:95%;}
  .logout-link a{padding-right:5px;}
  .ABAL .customer_account_balance_container{width: 90%;}
/* RGFT */
  .RGFT .giftcertificate_redeem_currentbalance_container {float:none; display: block;}
/* LOGN */
  .ORDL .section{float:none; display:block; margin:0 auto; height:auto; padding-bottom:20px;}
  .ORDL .section.grey-border-right{border-right:none; border-bottom:1px solid var(--border-light);}
  .ORDL .section{width:90%;}
/* OSEL */
  .OSEL #customer-fields.non-editable label, .OPAY #customer-fields.non-editable label{width:100%; margin: 0; text-align: left;}
  .OSEL #ship-to, .OSEL #bill-to{width:90%;}
/* OPAY */
  .OPAY #bill-to{clear:both;}
  .wishlist-field {max-width:95%;}

  .basket-contents-product-image {max-width:100%;}
  .basket-contents-quantity-input {margin-top:24px;}
  #basket-totals {display:none;}
  .basket-contents-table {margin-bottom:10px;}
  .basket-contents-table .basket-charges {display:none;}
  .cart-total.basket-charge {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
  .cart-money-total.basket-charge {font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
  .basket-page-coupon-redemption-row {margin-top:25px;}
  .basket-page-action-buttons-row.top-of-page {display:none;}
  #shipping-estimate-modal {top:100px;}
  .background-sales {bottom:0;}
  .background-sales .hidden-xs {display:block !important;}
  .background-sales .view-small {display:none !important;}
  .background-sales h3 {font-size:var(--font-size-5xl);}
  .background-sales .promo-message {font-size:var(--font-size-xl);}
  .login-page-section {width:100% !important;}
  .login-page-section p {height:auto;}
  .login-page-section .login-form {margin-top:20px;}
  .login-page-section .sign-in-buttons {}
  .login-page-register-button {position:static;}
  .login-page-section.ordl {width:100% !important;}
  .text-right.sign-in-buttons.ordl {margin-bottom:0;}
  .text-right.sign-in-buttons.ordl.guest-checkout {text-align:left;}
  /* ORDH Styles */
  th.order-total-cell, td.order-total-cell, th.total-quantity-cell, td.total-quantity-cell {display:none;}
  .modal-dialog {width:600px; margin:30px auto;}
  #newsletter-modal .modal-content {width:600px; height:396px; background-size: 600px 396px; z-index:99999;}
  .newsletter-modal-fields-row {bottom:14px;}
  .newsletter-modal-email-input {width:250px; height:45px; padding:10px 29px; font-size:var(--font-size-lg);}
  .newsletter-modal-join-now-button img {width:140px;}
}

/* This is for ipad */

@media all and (max-width:750px){
  .product-page-add-to-cart-button {width:100% !important;}
}




@media all and (max-width:700px){
  .CTGY .product-item .product-name {max-width:265px;}
  .product-listing-designer-name {max-width:265px;}
  .CTGY .product-item .product-price {max-width:265px;}
  .CTGY .product-price {max-width:265px;}
  .abal-order-number-column {display:none;}
  .abal-date-column {display:none;}
}


@media all and (max-width:650px){
  .CTGY .product-item .product-name {max-width:245px;}
  .product-listing-designer-name {max-width:245px;}
  .CTGY .product-item .product-price {max-width:245px;}
  .CTGY .product-price {max-width:245px;}
  .ctgyswatches ul li {margin:0px 5px; width:25px;}
  .ctgyswatches ul li img {width:25px;}
  .uatr-form-wrapper {max-width:400px; margin:15px auto;}
}


@media all and (max-width:640px){
  .product-page-product-name-h1, .product-page-designer-name, .product-page-right-side-container, .product-page-right-side-container .product-price {text-align:left;}
  .product-page-right-side-container .product-attributes, .product-page-right-side-container .purchase-buttons {width:100%;}
  .product-page-add-to-cart-button {width:279px !important;}
  .product-page-paragraph-with-top-border {width:100%; text-align:center !important;}
  .product-page-add-to-cart-row {
		margin:0;
	}
}
@media all and (max-width:610px){
  .basket-contents-product-image {max-width:100px;}
  .basket-remove-icon {margin-right:5px;}
}
@media all and (max-width:600px) {
  .NTFD .col {width:100%; border-bottom:1px solid var(--color-black); margin-bottom:25px; padding-bottom:25px;}
  .NTFD .col.last {border-bottom:none; padding-bottom:0; margin-bottom:0;}
  .NTFD .col img.img-responsive {max-width:50%; float:left;}
  .NTFD .col h3 {margin-top:50px;}
  .ousm-regularly-cell {display:none !important;}
}
@media all and (max-width:599px) {
  .modal-dialog {width:480px; margin:30px auto;}
  #newsletter-modal .modal-content {width:480px; height:317px; background-size: 480px 317px;}
  .newsletter-modal-fields-row {left:90px; bottom:10px;}
  .newsletter-modal-email-input {font-size:var(--font-size-md); width:220px; padding:10px;}
  .newsletter-modal-join-now-button img {}
}
@media all and (max-width:590px){
  .CTGY .product-item .product-name {max-width:235px;}
  .product-listing-designer-name {max-width:235px;}
  .CTGY .product-item .product-price {max-width:235px;}
  .CTGY .product-price {max-width:235px;}
}

@media all and (max-width:565px){
  .CTGY .product-item .product-name {max-width:215px;}
  .product-listing-designer-name {max-width:215px;}
  .CTGY .product-item .product-price {max-width:215px;}
  .CTGY .product-price {max-width:215px;}
  .search-results-search-refinement-price-range-label {display:block;}
  .new-arrival-category-view-button-wrapper ul li {float:none; margin-right:5px; text-align:center; margin-bottom:0px;}
}

@media all and (max-width:560px){
  .product-page-complete-the-look-item-wrapper {width:26%;}
}

@media all and (max-width:550px){
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-xl);}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-md);}
  .wishlists_container {}
  .ousm-regular-price-column {display:none;}
  .account-links ul li {width:50%;}
  .background-sales h3 {font-size:var(--font-size-4xl);}
  .background-sales .promo-message {font-size:var(--font-size-lg);}
}
@media all and (max-width:520px){

  .CTGY .product-item .product-name {max-width:195px;}
  .product-listing-designer-name {max-width:195px;}
  .CTGY .product-item .product-price {max-width:195px;}
  .CTGY .product-price {max-width:195px;}
}

@media all and (max-width:505px){
  #filter-items-container div.sorting {font-size:var(--font-size-xs);}
  #filter-items-container div.sorting p.sort-by {font-size:var(--font-size-xs);}
}

@media all and (max-width:500px){
  #logo img{height: 80%;}
  h2{font-size: var(--font-size-5xl);}
  .category-header img{height:200px;}
  .category-header .new-message{font-size: var(--font-size-4xl); top: 50px;}
  .category-header p{font-size:var(--font-size-lg); top:90px;}
  .related-products .product-item{width:100% !important; text-align:center;}
/* LOGN */
  .tab {padding:43px 20px 42px 20px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}

}

@media all and (max-width:479px){
  .uatr-form-wrapper {max-width:300px; margin:15px auto;}
  .basket-contents-product-image {display:none;}
  .basket-contents-quantity-input {}
  .basket-contents-product-name-and-attributes-cell {padding-top:0 !important;}
  .basket-contents-product-name-link {padding-top:5px;}
  #basket-contents hr.view-small {margin-bottom:5px;}
  .cart-summary.view-small {position:relative; top:6px;}
  .basket-contents-product-name-link {}
  #shipping-estimate-modal {top:60px;}
  /* ORDH Styles */
  th.order-total-cell, td.order-total-cell, th.total-quantity-cell, td.total-quantity-cell, th.status-cell, td.status-cell {display:none;}
  .modal-dialog {width:320px; margin:30px auto;}
  #newsletter-modal .modal-content {width:320px; height:211px; background-size: 320px 211px;}
  .newsletter-modal-close-button {}
  .newsletter-modal-close-button img {width:30px;}
  .newsletter-modal-email-input {width:150px; background-color:var(--color-white); padding:5px; font-size:var(--font-size-xs); height:33px;}
  .newsletter-modal-fields-row {left:25px; bottom:5px;}
  .newsletter-modal-join-now-button {top:-1px;}
  .newsletter-modal-join-now-button img {width:100px;}
}


@media all and (max-width:470px){
  .CTGY .product-item .product-name {max-width:185px;}
  .product-listing-designer-name {max-width:185px;}
  .CTGY .product-item .product-price {max-width:185px;}
  .CTGY .product-price {max-width:185px;}
}

@media all and (max-width:450px){
  .sales .button{margin:0!important;}
  .sales .col-3{width:100%;}
  ul.social a li .fa{font-size:var(--font-size-xl);}
  h2{font-size: var(--font-size-5xl);}
/* PROD */
  .PROD .related-products .product-item{width:48% !important; padding-right: 0px;}
  .product-page-complete-the-look-item-wrapper {width:40%;}
  .product-page-complete-the-look-item-wrapper.last {display:none;}
/* search */
  .search-bar input.searchfield{width:55%;}
  .tab {padding:40px 20px;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle {top:4px;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle.minus {top:13px;}
  .mobile-subcategory-menu-list-item span {font-size:var(--font-size-xl);}
  .mobile-subcategory-nav-list-item a {font-size:var(--font-size-lg);}
  #filter-items-container div.sorting {font-size:var(--font-size-xs);}
  #filter-items-container div.sorting p.sort-by {font-size:var(--font-size-xs);}
  .CTGY .product-item .product-name {max-width:175px;}
  .product-listing-designer-name {max-width:175px;}
  .CTGY .product-item .product-price {max-width:175px;}
  .CTGY .product-price {max-width:175px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-6xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-lg); margin-bottom:20px;}
  .homepage-visit-db-info-wrapper .about-text {font-size:var(--font-size-sm);}
  .background-sales h3 {font-size:var(--font-size-3xl);}
  .background-sales .promo-message {font-size:var(--font-size-md);}
}
@media all and (max-width:440px){
  .basket-page-or-checkout-text-wrapper {padding-right:0; text-align:center;}
  .basket-page-paypal-button-wrapper {text-align:center;}
  .basket-action-buttons-wrapper {
  	white-space:normal;
  	text-align:center;
  }
  .basket-action-buttons-wrapper a {
  	display:block !important;
  	margin:15px auto !important;
  }
}
@media all and (max-width:435px){
  .ousm-save-column {display:none;}
}

@media all and (max-width:420px){
	#filter-items-container div.sorting {font-size:var(--font-size-md); height:auto; padding:0;}
	#filter-items-container div.sorting p.sort-by {font-size:var(--font-size-xl); width:100%;}
	#filter-items-container div.sorting a {display:inline-block; margin:0 auto 5px auto; font-style:normal; padding: 4px 5px 0 5px;}
	#filter-items-container div.sorting span.separator {display:none;}
	.CTGY .product-item .product-name {max-width:155px;}
	.product-listing-designer-name {max-width:155px;}
	.CTGY .product-item .product-price {max-width:155px;}
	.CTGY .product-price {max-width:155px;}
	.new-arrival-category-view-button-wrapper{padding-bottom:10px;}
	#filter-items-container{padding-top:10px;}
	#filter-items-container div.page-links{margin-top:5px;}
}

@media all and (max-width:400px){
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle {top:2px;}
  .mobile-subcategory-menu-list-item span.mobile-subcategory-navigation-toggle.minus {top:11px;}
  .mobile-subcategory-menu-list-item span {font-size:var(--font-size-lg);}
  .mobile-subcategory-nav-list-item a {font-size:var(--font-size-md);}
  background-sales h3 {font-size:var(--font-size-3xl);}
  .background-sales .promo-message {font-size:var(--font-size-sm);}
}

@media all and (max-width:380px){
  .page-links-container {display:block !important; margin-top:15px;}
  .page-links-container * {display:inline;}
  .uatm-form-wrapper {max-width:300px; margin:15px auto;}
}

@media all and (max-width:375px){
  #logo img{height:60%;}

  .SFNT .store a .button {width:200px !important;}
  input[type="text"]{width:150px;}
  .newsletter-two .button{font-size:var(--font-size-xs); width:100px !important;}
  .button {width:auto;}
  h2{font-size: var(--font-size-4xl);}

/* CEML / CPWD */
  .tab {padding:35px 20px;}
/*.CTGY .product-item .product-details {max-width:135px;}*/
  /*.CTGY .product-item .product-image{max-width:135px;}*/
  .CTGY .product-item .product-name {max-width:135px; display:block;}
  .product-listing-designer-name {max-width:135px; display:block;}
  .CTGY .product-item .product-price {max-width:135px;}
  .CTGY .product-item .product-price span.strike-through {display:block; padding-right:0;}
  .CTGY .product-price {max-width:135px;}
  .homepage-visit-db-info-wrapper h2 {font-size:var(--font-size-5xl);}
  .homepage-visit-db-info-wrapper .address-paragraph {font-size:var(--font-size-md);}
}
@media all and (max-width:359px){
  .expiration-label {display:block;}
}
@media all and (max-width:351px){
  .INVC #customer-fields label {margin-left:0;}
}
@media all and (max-width:350px){
  .search-results-search-refinement-price-range-text {display:block; margin:10px 0 10px 50px;}
  .product-page-out-of-stock-message img {width:290px;}
}
@media all and (max-width:345px){

  .rgft-gift-cert-input {display:block; width:100% !important;}
  .rgft-redeem-button {display:block; margin-top:15px !important;}
}
@media all and (max-width:340px){
  /*.CTGY .product-item .padding {height:285px;}*/
  /*.product-item.subcategory .padding {height:200px;}*/
  /*.CTGY .product-item .product-details {max-width:125px;}*/
  /*.CTGY .product-item .product-image{max-width:125px;}*/
  .CTGY .product-item .product-name {max-width:125px;}
  .product-listing-designer-name {max-width:125px;}
  .CTGY .product-item .product-price {max-width:125px;}
  .CTGY .product-price {max-width:125px;}
}
@media all and (max-width:325px){
  .basket-page-geotrust-seal-wrapper {margin-right:10px;}
}
@media all and (max-width:320px){
  /*.CTGY .product-item .padding {height:300px;}*/
  /*.product-item.subcategory .padding {height:185px;}*/
  /*.CTGY .product-item .product-details {max-width:115px;}*/
  /*.CTGY .product-item .product-image{max-width:115px;}*/
  .CTGY .product-item .product-name {max-width:115px;}
  .product-listing-designer-name {max-width:115px;}
  .CTGY .product-item .product-price {max-width:115px;}
  .CTGY .product-price {max-width:115px;}
}

/* media queries: between certain numbers */
@media all and (max-width: 1500px) and (min-width:768px){
  .sales .col-3{width:100%;}
  .sales .button{margin:0!important;}
  .background-sales{bottom:75px;}
}

/* Had to put this at end of file due to cascading !important tags */

.PROD .mens #breadcrumbs, .womens #breadcrumbs, .corsets #breadcrumbs {margin-left: 10px;}
.PROD .plus-desc img{position: absolute; right: 0; top: 15px; height: 20px;}
.PROD .minus-desc img{position: absolute; right: 0; top: 23px; width:20px; height:4px;}
.PROD .related-products{border-bottom:none;}

.PROD .view-small img{position: absolute; right:10px; top:17px; height:18px;}

.PROD .discover-more{margin-bottom:20px;}
.PROD .title{border-top: solid 1px var(--border-medium); text-align: left; padding-top:15px;}

.search-bar{width:100%;}

.textfield, select, textarea, #tax-fields .form_row input{height: 33px;}

.header .textfield, .header textarea {width:260px; background-color:var(--color-black);}

.basket-number{display: inline-block !important;vertical-align: middle;
padding: 2px 7px;
margin-top: 5px;
background-color: var(--brand-red-dark);
color: var(--color-white);
text-align: center;}

#category-tree .minus, #category-tree .plus{top:-4px;}

.LOGN .margin-container{box-shadow:0px 6px 8px -6px rgba(0, 0, 0, 0.2); margin: 0;}

.LOGN .login-form{padding-left:40px; display: block; padding-top:0px;}

.OCST .BASK-table{width:100% !important;}
.OCST .fields-heading, .ACAD .fields-heading{width:100% !important;}
.OCST #customer-fields label{text-align: left;}
.OCST #customer-fields input, .ACAD #customer-fields #ship-to input, .ACAD #customer-fields #billing_fields input, .ACED #customer-fields #ship-to input, .ACED #customer-fields #billing_fields input{width:100%;}
.OCST #customer-fields.editable .form_row{margin-bottom:20px;}
.OCST #update-record input{width:auto;}
.OCST .geotrustcheckout{margin-right:10px;}
.OCST .item-name .group-item-name, .OSEL .item-name .group-item-name, .INVC .item-name .group-item-name, .OPAY .item-name .group-item-name, .OSEL .item-name .group-item-name{font-weight:bolder;}
.OCST .item-code, .OPAY .item-code, .OSEL .item-code{font-style: italic;}
.OCST #basket-contents.non-editable, .OSEL #basket-contents.non-editable{width:1170px; margin:0 auto;}
.OCST #basket-contents.non-editable td, .OSEL #basket-contents.non-editable td, .OPAY #basket-contents.non-editable td, .INVC #basket-contents.non-editable td, .OSEL #basket-contents.non-editable td{padding:7px 5px; vertical-align: middle;}
.OCST .showbasketcontents{padding:20px 0;}
.OCST .display-inline-OCST{width:49.6%; display: inline-block; vertical-align: top;}
.geotrustcheckout{text-align: right; display: inline-block;}
.OCST #customer-fields #fields-key{display: inline-block; vertical-align: top;}
.OCST .continue-button.first-OCST{display: inline-block; vertical-align: top;padding-top: 20px; float: right;}
.OCST #customer-fields select, .ACAD #customer-fields select, .ACED #customer-fields select{clear: both; width:100%; }
.OCST #shipping_fields, .ACAD #shipping_fields, .ACED #shipping_fields{padding-right:20px;}
.OCST .number-two{display: none;}
.OCST .continue-button{display: inline-block; float: right; margin: 10px 0;}
.OCST .geotrust-and-continue{text-align:right;}
.OCST #basket-totals{border-top:none;}
.OCST .product-name{width:auto;}
.OCST a.checkout-page-show-basket-toggle-link{color: var(--color-black); display: block; padding-top: 20px; margin-bottom:40px;}
.OCST a.checkout-page-show-basket-toggle-link:hover, .OSEL a.checkout-page-show-basket-toggle-link:hover {color: var(--brand-red); cursor: pointer;}
.OCST #basket-contents.non-editable{padding-bottom:40px;}
.OCST .BASK-table{margin-bottom:20px;}

.ACED #billing_controls label{margin-left:40px;}
.ACED .save-button{margin-bottom: 20px; text-align: right;}
.ACAD h2.fields-heading, .ACED h2.fields-heading, .OCST h2.fields-heading, .OSEL h2.fields-heading, .INVC h2.fields-heading, .OPAY h2.fields-heading, .ORDS h2.fields-heading{width: 90%; border-top: solid 1px var(--border-light); border-bottom: solid 1px var(--border-light); height: 55px; padding: 15px 10px; background-color:var(--surface-muted);}
.ACED h2.fields-heading{width:100%;}
.basket-heading{border-bottom: solid 2px var(--border-light);}
.OPAY h2.fields-heading{width:100% !important;}
.OPAY #basket-contents.non-editable{width:100% !important;}
.OPAY #customer-fields h2.fields-heading{width:100% !important;}
.INVC h2.fields-heading{width:100%;}
.INVC #basket-contents table, .ORDS h2.fields-heading, .ORDS  h2.fields-heading{width:100%;}

.ABAL .customer_account_balance_container{margin: 0; padding-left: 0;}

.LOGN .section{border:none; text-align:left; padding-left: 60px; height: auto; margin-bottom: 20px;}

.section h3{text-align:left; margin:0; padding-bottom:10px ;}

.sign-in-buttons{text-align:right;}

.forgot-password{text-align:left;}

.CEML .change-emailaddress-section, .CPWD .change-password-section{width:50%; border:none;}

.CEML label, .CPWD label{float: none; padding: 3px 0; text-align: left; width:100%;}

.LOGN .section.grey-border-right{border:none;}

.customer_account_balance_container{border:none; text-align: left;}

.giftcertificate_redeem_currentbalance_container{position: normal; float:none; display: block; padding: 20px 0;}

/*modal-body*/
.modal-body{color:var(--color-black);}
#myModalLabel{color:var(--color-black);}
.myModalLabel{color:var(--color-black);}
.modal-body h3{color:var(--brand-red-dark);}
.modal-body p{padding-bottom:10px;}
.shipping-icon{padding:0 40px;}
.shipping-icon:hover, .glyphicon-info-sign:hover, .return-icon:hover, .shipping-icon:hover, .glyphicon-retweet:hover{cursor: pointer; color:var(--brand-red) !important;}
/* SFNT */
/* Bestseller slider */

/* PROD */
.PROD .newsletter-two{margin-top:20px;}
.PROD .custom-fields-video{width: 100%; height:250px;}

.checkout-steps{clear: both; text-align: center;}
.checkout-steps li{ list-style: none; display: inline-block; color: var(--color-white); padding: 10px 15px;  vertical-align: top; text-align:center; height:auto; font-weight: bolder; width: 227px;}
.checkout-steps li a{color: var(--color-white);}
.checkout-steps li.active{color: var(--brand-red); border-bottom:solid 4px var(--brand-red);}
.checkout-number img{display: block; margin: 0 auto; text-align: center; height:50px;}

.login-page-section ul{padding:20px 0 20px 40px;}
.login-page-section ul li{list-style-type: disc;}
.LOGN .textfield, .ORDH .textfield, .ORHL .textfield, .ORDL .textfield{width:295px;}
.LOGN .login-form label, .ORDH label, .ORHL label, .ORDL label, .FPWD label, .AFPW label{margin: 10px 0; width:100px;}

/* RGFT */
.RGFT .giftcertificate_redeem_giftcertificate_code {height:32px; width:50%; display: block; margin: 0 0 10px 0;}
.RGFT .giftcertificate_redeem_content{margin:20px 0 0 20px;}
.RGFT .giftcertificate_redeem_giftcertificate_container{width:100%;}
.RGFT .error-message{text-align: left; width:100%; margin-left: 20px;}

/* POUT */
.POUT .error-message{text-align: left; margin:0;}
.POUT .primary-content-container .button{background-color:var(--color-black); background-image:none;}

/* ACLN */
.logout-link {position: relative; margin: 0 !important;}
.ACLN .primary-content-container .account-icons{height:200px; text-align: center;}
.ACLN .primary-content-container .account-icons img{height:75px; display: block; margin:0 auto;}
.ACLN .primary-content-container .account-icons a{font-size: var(--font-size-md); font-weight:bolder;}
.ACLN .button{margin-top:0 !important;}
.ACLN .logout-link{margin: 14px 0 0 0 !important;}

.ACAD #customer-fields, .ACED #customer-fields{margin: 16px 0px 16px 60px;}
.ACAD #billing_controls, .ACED #billing_controls, .OCST #billing_controls, .OSEL #billing_controls, .OPAY #billing_controls  {display: inline-block;}
.ACAD .save-button{text-align: right; margin-bottom:20px;}
.ACAD h2.fields-heading, .ACED h2.fields-heading, .INVC h2.fields-heading, .OCST h2.fields-heading, .OPAY h2.fields-heading, .ORDS h2.fields-heading{background-image:none; color:var(--color-black); font-size: var(--font-size-xl); font-family: var(--font-primary); text-align: left}
.ACAD #customer-fields #login-details label{display: block; width:100%;}
.ACAD #customer-fields #login-details input{width:48%;}

.ABAL .customer_account_balance_button_redeem{margin: 10px 0; font-weight: var(--font-weight-bold); width: 175px; display: block; background-color: var(--color-black); color: var(--color-white); border-radius: 5px; padding: 5px 10px;}
.ABAL .customer-account{margin-top: 20px;}

.glyphicon-refresh:hover{cursor:pointer;}
.coupon{height:50px;}
.coupon .input_width_medium{height:33px;}
.width-50{width:49.7%; display: inline-block; vertical-align: top; margin-bottom:20px;}

.continue-shopping-bask{
  border:solid 1px var(--color-black);
  display: block;
  padding:6px 0;
  text-align:center;
  width:175px;
}

.continue-shopping-bask:hover{cursor: pointer; background-color:var(--color-black); color:var(--color-white);}
.payment-options{margin-top:0px; text-align:right; margin-left:40px; display: block; margin-top:-40px !important;}
.product-name a img{}
.basket-page-coupon-redemption-wrapper.osel-page-coupon-redemption .form-group{margin-bottom:0;}
.basket-page-coupon-redemption-message{font-weight:bolder; padding-bottom:10px; color:var(--brand-red); padding-bottom:23px;}
.shipping-return a{padding-right:40px;}
.shipping-return{padding-right:10px;}

/* CPWD */
.CPWD .cpwd-input{width:100%;}

/* FPWD */
.FPWD .submitt-fpwd{text-align: right;}
.FPWD .textfield{width:300px; margin-bottom:10px;}
.FPWD h1{padding:20px 0 10px 0;}

/* AFPW */
.AFPW .submitt-afpw{text-align: right;}
.AFPW .textfield{width:300px; margin-bottom:10px;}
.AFPW h1{padding:20px 0 10px 0;}

/* CEML */
.OCST .textfield, .OCST textarea{width:100%;}

/* ORDS */
.ORDS table .heading{font-weight:bolder; height:30px;}
.ORDS table .totals{height:30px; border-top:1px solid var(--border-light);}

/* OUSE1 */
.OUS1 .product-thumbnail img{display: block; margin:0 auto;}

.ORDH .section, .ORHL .section, .ORDL .section, .FPWD .section, .AFPW .section{border: medium none;
text-align: left;
padding-left: 40px;
height: auto;
margin-bottom: 20px; width: 48%; display: inline-block; vertical-align: top;}
.ORDH .section h3, .ORHL .section h3, .ORDL .secti.on h3{margin-top:20px;}

.ORDL .section-top-right{margin-bottom:0;}
.ORDL .section-bottom-right h3{margin-top:0;}
.section-bottom-right, .section-top-right{margin-left:30px;}

.OPAY .continue-button{text-align:left;}
.OPAY .continue-button{text-align: right; margin-top:-25px;}
.OPAY #fields-key{margin:0;}
.OPAY #payment-fields input{height:33px; padding:5px 10px; width:100%; display: block;}
.OPAY select{display: block; width:100%;}
.OPAY .error-message{margin-bottom:20px;}
.OPAY table, .OCST table{width:100%;}
.OPAY .basket-totals{border:none;}
.OPAY .backetcontents{margin:20px 0;}

.OSEL #billing_controls label, .OPAY #billing_controls label{margin-left:0;}
.OSEL #basket-contents table input[type="submit"]{background-color: var(--color-black); border: none; color: var(--color-white); padding: 5px 10px;}
.OSEL #basket-contents table input[type="text"]{height:27px;}
.OSEL h2.fields-heading{width:100%;}
.OSEL #basket-contents.non-editable table{width:100%;}
.OSEL .continue-button{display: inline-block; vertical-align: top;}
.OSEL .geotrust-contiune{text-align:right; }
.OSEL .view-small.small-no{display: none;}
.OSEL .osel-page-coupon-redemption-toggle-wrapper{margin:20px 0; color:var(--color-black);}
.OSEL .osel-page-coupon-redemption-toggle-wrapper a{color:var(--color-black);}
.OSEL .osel-page-coupon-redemption-toggle-wrapper a:hover{color: var(--brand-red);}
.OSEL a.checkout-page-show-basket-toggle-link {color: var(--color-black); display: block; margin-bottom:20px;}
.OSEL .button.basket-page-redeem-coupon-button{width:auto !important; display: inline-block; background-image:none; background-color: var(--color-black); color:var(--color-white); padding: 5px 10px; font-size:var(--font-size-xs); }
.OSEL .form-control.basket-page-coupon-redemption-input{width: 250px; height:33px; border-radius: 0; display: inline-block;}
.OSEL #customer-fields{margin:0;}
.OSEL .error-message{padding-top:20px;}
.OSEL .geotrust-contiune{width: 100%; text-align: right; margin-top:-50px;}
.OSEL .alert-danger{position: absolute; z-index:10000000000000; width:100%;}
.OSEL .osel-page-top-continue-button-wrapper{text-align:right;}
.OSEL .backetcontents{margin:20px 0;}
.osel-page-gift-certificate-redemption-wrapper font{font-weight:bolder;}

.BASK #basket-contents.editable{width:100%;}

/*header*/
.header{top:5px;}
#logo a:focus{outline:none;}
#search-bar{border:solid 2px var(--color-white); color: var(--color-white); padding-left:5px;}

.mobile-bars{z-index:100000; top:0;}

/* Sticky */

.sales .button{vertical-align: middle;}
.homepage-body-newsletter-email-input{width:200px; height: 33px; font-size:var(--font-size-sm); padding-left:5px;}

.corsets{padding:0;}
nav li a:link{text-transform: none;}
.box-shadow{box-shadow:-0px 6px 8px -6px rgba(0, 0, 0, 0.2); padding-bottom:20px;}

.BASK #basket-contents.editable{margin-top:20px;}
.BASK #basket-contents .button{ margin: 0 !important; }
.BASK .box-shadow p{padding-bottom: 10px;}
 .total-prompt,  .formatted-total{border-top: solid 1px var(--border-light) !important;}
.BASK .payment-options{margin-top:0;}
.BASK .checkout-button{float: none; display: inline-block; vertical-align: bottom;}
.BASK .checkout-geo{text-align: right;}
.BASK .checkout-button-top{text-align:right; padding-bottom:30px;}
.BASK .remove-button-basket .button{background-image:none; background-color:var(--color-white); color:var(--color-black); width:auto !important;}
.payment-options li img{height:25px; margin: 4px;}
.payment-options li{display: inline-block;}
.BASK .form-control{display: inline-block; width: 55px;}
.BASK .form-group .form-control.basket-page-coupon-redemption-input{width:200px; border-radius: 0;}
.BASK .button.basket-page-redeem-coupon-button{background-image:none; background-color: var(--color-black); color: var(--color-white);}
.BASK .glyphicon-refresh{display: inline-block; padding-left:10px;}
.BASK .attribute{font-size:var(--font-size-xs);font-style: italic; padding-top:10px;}
.BASK #basket-contents.non-editable td, .BASK #basket-contents.editable td, .BASK #order-contents td{vertical-align: top;}
#basket-contents.non-editable td, #basket-contents.editable td{padding:20px 6px;}
.BASK .osel-page-coupon-redemption-toggle-wrapper.basket-page{margin-bottom:20px;}
.BASK #basket-contents .remove .button{width:20px !important; text-align: left; padding-left:0; vertical-align: bottom;}
.BASK .border-bottom{border-bottom:1px solid var(--border-light); padding:5px 0;}
 .OCST .border-bottom, .OPAY .border-bottom, .OSEL .border-bottom{border-top:1px solid var(--border-light); padding:5px 0;}
#BASK td .no-small-view.remove-section{padding-top:50px !important;}
.BASK .or{clear:both;}
.basket-heading td{height:10px; padding:0;}
.BASK tr{padding-bottom:10px; height:0;}
#basket-contents.editable td{padding:10px 6px;}
.BASK .basket-contents-remove-product-form .button{background-image: none; color: var(--color-black); height: auto; background-color: var(--color-white); width: auto !important;}
#basket-contents.non-editable .item-quantity, #basket-contents.non-editable .item-price{width:15%;}
#basket-contents.non-editable .item-name{width:45%;}
/*BASK FOOTER*/
.checkout-footer{background-image: url("/mm5/graphics/footer-background.jpg") !important; color: var(--color-white); padding:10px 0;}
.no-top-margin{margin-top: 0px !important; margin:0 auto; padding:0px; padding-bottom:20px; text-align:left!important;}
.display-inline{display: inline-block; vertical-align: top;}
.glyphicon-info-sign, .glyphicon-retweet{color:var(--color-white); padding-right:5px;}
.display-inline a{color:var(--color-white);}
.email-footer{font-weight:bolder; font-size:var(--font-size-md); padding-right: 20px; margin-left: 5px;}
.number-footer{font-weight:var(--font-weight-regular); margin-left: 5px;}

/* checkout */
.showbasketcontents:hover, .showbillship:hover{color: var(--brand-red-dark); cursor: pointer;}
.paypaltable{padding-top:10px; text-align: right;}
.shippingmethod, .paymentmethod{width:48%; display: inline-block; vertical-align: top;}
.form_row img{height: 25px; margin: 4px;}
#shipping-payment .form_row{margin-bottom:60px;}
.form_row div span{padding-left:5px;}
.showbasketcontents, .showbillship{padding-bottom:10px;}
.OSEL table input[type="submit"], .OSEL .basket-page-redeem-coupon-button {background-image:none; vertical-align: top; font-weight:var(--font-weight-bold); text-transform: uppercase; font-size: var(--font-size-xs); background-color: var(--color-black); color:var(--color-white); padding:5px 10px; border: none; height:33px; margin-left:2px;}
span.box input{height:33px; padding:5px 10px;}
#payment-fields{ width:100%; margin-bottom:50px;}
.OCST #basket-totals, .OSEL #basket-totals, .INVC #basket-totals, .OPAY #basket-totals{border:none;}
/*wishlist*/
.wishlists_container{padding-top:20px;}

/*footer*/
.footer-sub-nav a li{color:var(--color-white);font-weight:var(--font-weight-regular);}

.footer-sub-nav li {font-weight:var(--font-weight-regular);}
iframe[name="google_conversion_frame"]{display: none;}

@media all and (max-width:1200px){

  .header{padding:0 10px 10px 10px;}

}

@media all and (max-width:1170px){
  .BASK #basket-contents.editable{padding:0 10px;}
  .OCST #basket-contents.non-editable, .OSEL #basket-contents.non-editable{width:100%;}
}

@media all and (max-width:990px){
  .PROD .title{margin-top:-25px;}
  .PROD .complete-related-might, .PROD .discover-more{padding-right:15px;}
  .BASK #basket-contents.editable{width:100%;}
  .checkout-steps li{width:24%;}
  .PROD .primary-content-container .col-lg-5.col-md-6.col-sm-12{float:none;}

  .shipping-icon{padding: 0; padding-right:10px;}
  .BASK .payment-options{text-align: center;}
  .payment-options{margin-left: 0; margin-top: 0 !important; text-align: center; margin-right:0px;}
  .display-inline{display: block; text-align: center; padding:10px;}
  .payment-options{margin-top:10px;}
}

/* 810 */

/* below 768 */
@media all and (max-width:767px){
  .header{display: none !important;}

  .PROD .complete-related-might, .PROD .discover-more{text-align:center; padding-right:0;}

  .LOGN .section, .ORDH .section, .ORHL .section, .ORDL .section, .FPWD .section, .AFPW .section{width:100%; display: block; float: none; padding-left:0;}
  .LOGN .margin-container{box-shadow:none;}
  .LOGN .sign-in-buttons{padding-right:10px;}
  .LOGN .section.grey-border-right{ border-top: solid 1px var(--border-light); margin-top:10px; padding-top: 20px;}
  .LOGN .textfield, .ORDH .textfield, .ORHL .textfield, .ORDL .textfield, .OSEL .textfield, .OPAY .textfield{width:98%;}
  .LOGN .login-form{padding-left:0;}

  .ACAD #customer-fields, .ACED #customer-fields{margin: 16px 0px 16px 0px;}
  .ACAD #customer-fields label, .ACED #customer-fields label, .OSEL #customer-fields label, .OPAY #customer-fields label{text-align: left;}
  .ACAD #customer-fields input.textfield, .ACED #customer-fields input.textfield{width:100%;}
  .ACAD h2.fields-heading, .ACED h2.fields-heading, .INVC .fields-heading, .ORDS .fields-heading{width:100%;}
  .ACAD #login-details, #affiliate-information, .ACED #login-details, .ACED #affiliate-information{width:98%;}
  #ship-to, #bill-to{width:98%; float: none;}
  .ACAD #billing_controls label, .ACED #billing_controls label, .OCST #billing_controls label, .OSEL #billing_controls label, .OPAY #billing_controls label{margin-left:40px;}
  .ACAD #customer-fields #login-details input{width:100%;}

  .CEML .change-emailaddress-section, .CPWD .change-password-section{width:100%;}

  .CEML h1, .CPWD h1, .RGFT h1, .ORDH h1, .ORHL h1, .ORDL h1{padding-top:0;}

  .RGFT .giftcertificate_redeem_giftcertificate_code{width:95%;}

  .ORDH .section, .ORHL .section, .ORDL .section, .FPWD .section, .AFPW .section{width:98%;}
  .ORDH .sign-in-buttons, .ORHL .sign-in-buttons, .ORDL .sign-in-buttons{text-align: left;}
  .OPAY h1{padding-top:0px;}
  .BASK .checkout-geo{text-align: left;}
  .BASK .paypal-button{display: inline-block;}
  .BASK .checkout-button-top{padding-bottom: 0;}
  .BASK .checkout-button-top{margin-bottom:20px;}
  .BASK .width-50{display: block; margin-bottom:20px;}

  .FPWD .submitt-fpwd{text-align: left;}

  .AFPW .submitt-afpw{text-align: left;}

  .sales .button{margin-left:0;}
  .mens .background-sales .col-3, .SFNT .background-sales .col-3, .corsets .background-sales .col-3{width:100%; display: block; margin-bottom: 10px;}
  .background-sales .button.col-3 {margin-left:auto !important; margin-right:auto !important;}
  .background-sales p.promo-message {margin-bottom:10px !important;}

  .width-50{width:100%; margin-bottom:0; }

  .OCST #customer-fields input, .ACAD #customer-fields #ship-to input, .ACAD #customer-fields #billing_fields input, .ACED #customer-fields #ship-to input, .ACED #customer-fields #billing_fields input{width:100%;}
  #customer-fields #update-record input{width:auto;}
  .OCST #ship-to, .OCST #bill-to, .ACAD #ship-to, .ACAD #bill-to{width:100%; float: none;}
  .OCST #shipping_fields, .ACED #shipping_fields{padding-right:0px;}

  .OSEL .shippingmethod, .OSEL .paymentmethod{width:100%; display: block;}
  .OSEL .geotrust-contiune{text-decoration: left;}
  .OSEL .primary-content-container .no-view-small{display: none;}
  .OSEL .geotrust-contiune{margin-bottom:10px;}
  .OSEL .geotrust-contiune{margin:0; text-align: left;}

  .OPAY #payment-fields input{width:100%;}
  .OPAY select{width:100%;}

}

/* below 550 -540 */
@media all and (max-width:550px){

  .OCST .display-inline-OCST{display: block; width:100%;}
  .checkout-page-show-basket-toggle-link.number-one{display: none;}
  .OCST .number-two{display: block;}
  .OCST #update-record{padding-bottom:10px;}
  .OSEL .primary-content-container .checkout-page-show-basket-toggle-link{display: none;}
  .OSEL h1{font-size:var(--font-size-3xl);}
}

@media all and (max-width:450px){
  .checkout-number img{height:30px;}
  .description{width:100%;}
  .BASK .form-group .form-control.basket-page-coupon-redemption-input{width:100%; margin-bottom:10px;}
  .OPAY .continue-button{margin:10px 0 0 0 ; text-align: left}
  #logo img{height:70%;}
}

@media all and (max-width:375px){
  .OSEL .form-control.basket-page-coupon-redemption-input{width:150px;}
  .OSEL .button.basket-page-redeem-coupon-button{margin-left:15px !important;}
  .item-price{display: none;}
  .product-name{display: none;}
  #logo img{height:50%;}
}

@media all and (max-width:350px){
    .BASK .paypal-button img{padding-bottom:10px;}
    .BASK .glyphicon-refresh{display: block; margin:0; padding:0; padding-top:5px; text-align:center;}
    .BASK #basket-contents .remove-button-basket{display: none;}
}
/* below 372 or below 300*/
@media all and (max-width:300px){
  .PROD .complete-related-might, .PROD .discover-more{padding-right:0;}
/*ACLN*/
  #logo img{height:50%;}
  #logo a{height:75px;}

}

/* BX SLider */

/* Strange Range Styles */

@media all and (max-width:900px){
  .col-3.promo-message.hidden-xs {display:none !important;}
  .col-3.promo-message.view-small {display:block !important;}
}
@media all and (max-width:767px){
  .col-3.promo-message.hidden-xs {display:block !important;}
  .col-3.promo-message.view-small {display:none !important;}
}

/* Fixed mobile header 12-30-15 */
@media all and (max-width:767px){

  .mobile-bars .fa-bars {position:fixed;}

  .sub-banner {display:none;}
}

.OCST .widget-container,
.amazon.OPAY .widget-container,
.amazon.OSEL .widget-container {
    width: 100% !important;
}

  .amazon.OPAY .amazonpay_outer,
  .amazon.OSEL .amazonpay_outer {
    display: block;
  }

.widget-container iframe {
    width: 100%;
}

.amazon.OPAY .continue-button {
  height: 65px;
  width: 100%;
  padding-top: 35px;
}

.footer-page-links{
  text-align: center;
  font-size: var(--font-size-lg);
}

.footer-page-links a{
  text-decoration: none !important;
}

.footer-page-links .page-links-container{
  float:none !important;
}

.footer-page-links .page-links-inactive, .footer-page-links .page-links-active{
  padding: 0px 10px;
  position: relative;
  top:11px;
}

.footer-page-links .page-links-previous, .footer-page-links .page-links-next{
  float:none !important;
  text-align: left !important;
  font-size: var(--font-size-2xl);
  border-radius: 50%;
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
  height: 45px;
  width: 45px;
  position: absolute;
}

.footer-page-links span.page-links-previous, .footer-page-links span.page-links-next{
  background-color:var(--surface-alt);
}

.footer-page-links .page-links-previous{
  margin-left: -55px;
}

.footer-page-links .page-links-next{
  margin-left: 13px;
}

a.footer-page-links .page-links-previous:hover, .footer-page-links .page-links-next:hover{
  background-color:var(--color-white);
  border: 2px solid var(--color-black);
}

.footer-page-links .page-links-previous span, .footer-page-links .page-links-next span{
  color: var(--color-white);
  top: 10px;
}

a.footer-page-links .page-links-previous:hover span, .footer-page-links .page-links-next:hover span{
  color:var(--color-black);
  top:8px;
}

.footer-page-links .page-links-previous span{
  right:2px;
}

a.footer-page-links .page-links-previous:hover span{
  right:4px;
}

.footer-page-links .page-links-next span{
  left:2px;
}

a.footer-page-links .page-links-next:hover span{
  left:0px;
}

@media all and (max-width: 420px){
  .page-links-inactive.mid{display:none !important;}
}

@media all and (max-width: 465px) and (min-width: 421px){
  .footer-page-links .page-links-inactive, .footer-page-links .page-links-active {
    padding: 0px 8px;
  }
}

/* facets */
span.facets-name {
    padding: 0 0 5px 10px;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-md);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.facets-tree label, .facets-tree a {
    margin-left: 10px;
    line-height: 25px;
    color: var(--text-muted);
    letter-spacing: .4px;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-regular);
}

.facets-tree label input {
    margin-right: 5px;
}

.level-2.facets-header {
    margin-top: 30px;
}

.mm_facet_rangeslider{
  position:relative;
  display:block;
  height:32px;
  margin:5px;
}

.mm_facet_rangeslider_input_container_low{
  position:absolute;
  top:0;
  left:0;
  width:65px;
  height:32px;
  margin:0;
  padding:8px 10px;
  border:1px solid var(--border-light);
  border-radius:3px 0 0 3px;
  box-sizing:border-box;
}

.mm_facet_rangeslider_input_container_high{
  position:absolute;
  top:0;
  right:0;
  width:65px;
  height:32px;
  margin:0;
  padding:8px 10px;
  border:1px solid var(--border-light);
  border-radius:0 3px 3px 0;
  box-sizing:border-box;
}

.mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active,
.mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active{
  border-color:var(--color-focus);
}

.mm_facet_rangeslider_input{
  position:relative;
  padding:0;
  margin:0;
  width:100%;
  height:14px;
  border:none;
  background:transparent;
  outline:none;
}

.mm_facet_rangeslider_track_container{
  position:absolute;
  top:0;
  right:65px;
  left:65px;
  height:32px;
  border-top:1px solid var(--border-light);
  border-bottom:1px solid var(--border-light);
  box-sizing:border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mm_facet_rangeslider_track{
  position:absolute;
  top:50%;
  right:5px;
  left:5px;
  height:5px;
  transform:translateY(-50%);
}

.mm_facet_rangeslider_track_background{
  position:absolute;
  top:0;
  right:10px;
  bottom:0;
  left:10px;
  background:var(--surface-alt);
}

.mm_facet_rangeslider_track_selection{
  position:absolute;
  top:0;
  right:10px;
  bottom:0;
  left:10px;
  background:var(--text-subtle);
}

.mm_facet_rangeslider_track_handle_low,
.mm_facet_rangeslider_track_handle_high{
  position:absolute;
  top:50%;
  left:-10px;
  width:20px;
  height:20px;
  background:var(--color-white);
  box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4 );
  border-radius:50%;
  transform:translateY(-50%);
  cursor: pointer;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini{
  height:64px;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low{
  width:50%;
  border-radius: 3px 0 0 0;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high{
  width:50%;
  border-radius: 0 3px 0 0;
  border-left:none;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_track_container{
  top:32px;
  right:0;
  left:0;
  border:1px solid var(--border-light);
  border-top:none;
  border-radius:0 0 3px 3px;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active,
.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active{
  border-color:var(--border-light);
  box-shadow:inset 2px 2px 5px rgba( 0, 0, 0, 0.15 );
}

/* Responsive & Accessible Sizing Chart Tables */

.r-a-sizing-chart table {
  border-collapse: initial;
  border-spacing: 0.1rem;
  margin: 1.5rem 0;
  table-layout: fixed;
  width: 100%;
}
.r-a-sizing-chart table caption {
  color: var(--text-body);
  font-size: 1.25em;
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.5rem;
  padding:0;
  text-align:center;
}
.r-a-sizing-chart table tr {
  height: 3em;
}
.r-a-sizing-chart table thead tr th {
  background-color: var(--brand-red-dark);
  border: 1px solid var(--brand-red-dark);
  color: var(--color-white);
  text-align: center;
}
.r-a-sizing-chart .width20 {
  width: 20%;
}
.r-a-sizing-chart .width25 {
  width: 25%;
}
.r-a-sizing-chart .width30 {
  width: 30%;
}
.r-a-sizing-chart .width35 {
  width: 35%;
}
.r-a-sizing-chart .width40 {
  width: 40%;
}
.r-a-sizing-chart table tbody tr:nth-child(odd) {
  background-color: var(--surface-alt);
}
.r-a-sizing-chart table tbody tr:nth-child(even) {
  background-color: var(--color-white);
}
.r-a-sizing-chart table tbody tr th {
  background-color: var(--brand-red-dark);
  border: 1px solid var(--brand-red-dark);
  color: var(--color-white);
  text-align: center;
}
.r-a-sizing-chart table tbody tr td {
  border: 1px solid var(--border-light);
  text-align: center;
}

@media all and (max-width: 767px) {
  .r-a-sizing-chart table, .r-a-sizing-chart thead, .r-a-sizing-chart tbody, .r-a-sizing-chart th, .r-a-sizing-chart td, .r-a-sizing-chart tr {

  }
  .r-a-sizing-chart table caption {
    width: max-content;
    text-align: center;
  }
.r-a-sizing-chart table tr {
  height: auto;
}
  .r-a-sizing-chart table thead tr {

  }
  .r-a-sizing-chart table tbody tr th {
    height: auto;

    margin-top: 1rem;
  }
  .r-a-sizing-chart table tbody tr td {
    position: relative;
    height: auto;

    padding: 2px;
    text-align: left;
  }
  .r-a-sizing-chart table tbody tr td:nth-child(odd) {
    background-color: var(--surface-alt);
  }
  .r-a-sizing-chart table tbody tr td:nth-child(even) {
    background-color: var(--color-white);
  }
  .r-a-sizing-chart table tbody tr td:before {
    position: absolute;
    top: 0.25rem;
    left: 2.25rem;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-header-text);
    font-weight: var(--font-weight-bold);
  }
}
@media all and (max-width: 640px) {
.x-edit-basket-attributes__product-info{
  padding-left:20px;
}}

/* ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ──
   SNIPPET 2: Store Closed / SFNT Page
   ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── ── */

.SFNT .content-page-h1 {
    text-align: center;
    color: var(--brand-red-dark);
    margin-top: 2rem;
    margin-bottom: 0;
}

.SFNT .error-message {
    max-width: 560px;
    margin: 2rem auto;
    padding: 2.5rem 2rem;
    box-sizing: border-box;

    background: var(--color-white);
    border-top: 5px solid var(--brand-red-dark);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    text-align: center;

    font-family: var(--font-primary);
    font-size: var(--font-size-md);
    line-height: 1.6;
}

.SFNT .error-message::before {
    content: "🔧";
    display: block;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.SFNT .error-message,
.SFNT .error-message p,
.SFNT .error-message span {
    color: var(--text-body) !important;
    margin: 0;
}

@media all and (max-width: 767px) {
    .SFNT .error-message {
        padding: 1.5rem 1rem;
        margin: 1rem;
    }
}

/* ============================================================
   Mobile Header Alignment Fix (added 2026-05-21)
   Corrects vertical alignment of hamburger, logo, and icons
   in the mobile header bar at max-width 787px.

   Root cause: mega-menu-v2.css intentionally offsets these
   three elements in opposite directions (top:-10px on hamburger,
   margin:10px on logo, margin:24px on icons) to visually balance
   them. This works on Android/Chrome but fails on iOS Safari
   due to different inline-block baseline calculation behavior.

   Fix: zero out the offsets, use vertical-align:middle and
   inline-flex to achieve consistent centering across browsers.
   ============================================================ */
@media all and (max-width: 787px) {
    #body-wrapper .width-sticky-nav .mobile-bars {
        top: 0 !important;
        vertical-align: middle !important;
        padding-top: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    #body-wrapper .width-sticky-nav .desktop-header-logo {
        margin: 0 !important;
        vertical-align: middle !important;
    }
    #body-wrapper .width-sticky-nav .search-account-basket-wrapper {
        margin-top: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
    }
}

@media all and (max-width: 395px) {
    #body-wrapper .width-sticky-nav .desktop-header-logo {
        margin-top: 0 !important;
    }
}

/* Mobile Header Alignment Fix, 768-787px sub-range correction (2026-06-21).
   Confirmed via fresh hard-refreshed measurements at width=776, both
   non-sticky and sticky states. Local positions (relative to
   .width-sticky-nav) are identical in both states - only the dark
   bar's own height differs (69px non-sticky vs 74px sticky), so two
   target values per element, reusing the same horizontal positions
   (already correct, untouched).
   !important required on .mobile-bars top and .search-account-basket-
   wrapper top/transform to beat the existing May 21 fix's own
   !important rules on those exact properties (checked against source
   before applying - top:0!important and top:50%!important/
   transform:translateY(-50%)!important respectively). desktop-header-
   logo needed no !important - nothing else important on top/left/
   position there. */
@media all and (min-width: 768px) and (max-width: 787px) {
    #body-wrapper .width-sticky-nav .mobile-bars {
        position: absolute;
        top: 19.5px !important;
        left: 0;
    }
    #body-wrapper .width-sticky-nav .desktop-header-logo {
        position: absolute !important;
        top: 12.25px;
        left: 33%;
    }
    #body-wrapper .width-sticky-nav .search-account-basket-wrapper {
        position: absolute;
        top: 23.5px !important;
        right: 10px;
        transform: none !important;
    }
    #body-wrapper .background-header-wrapper.sticky-enabled .width-sticky-nav .mobile-bars {
        top: 22px !important;
    }
    #body-wrapper .background-header-wrapper.sticky-enabled .width-sticky-nav .desktop-header-logo {
        top: 14.75px;
    }
    #body-wrapper .background-header-wrapper.sticky-enabled .width-sticky-nav .search-account-basket-wrapper {
        top: 26px !important;
    }
}

/* ============================================================
   Mobile Checkout Header Fix (rebuilt 2026-06-20)
   mega-menu-v2.css already contains a complete checkout header
   system (logo swap, hamburger hide, checkout-steps layout) keyed
   off .background-header-wrapper.checkout, with its own height
   values at each breakpoint (130px default, 89px at <=767px).
   Two things were still needed:
   1) .background-placement-holder never got the .checkout class
      or a matching height, so the absolutely-positioned header
      overlapped page content below it.
   2) The May 21 Mobile Header Alignment Fix applies
      display:inline-flex !important to .mobile-bars site-wide,
      which beats mega-menu-v2.css's plain (non-important)
      display:none on checkout pages, so it needs an explicit
      !important override here too.
   Do NOT add a height rule for .background-header-wrapper.checkout
   here - mega-menu-v2.css already owns it, and overriding it
   blocks mega-menu-v2.css's own 767px shrink to 89px.
   ============================================================ */
@media all and (max-width: 787px) {
    #body-wrapper .width-sticky-nav.checkout .mobile-bars {
        display: none !important;
    }
}
.background-placement-holder.checkout {
    height: 130px;
}
@media all and (max-width: 767px) {
    .background-placement-holder.checkout {
        height: 89px;
    }
}

/* OSEL - bordered boxes for method selection and GC/Rewards (layout test) */
.OSEL .shippingmethod,
.OSEL .paymentmethod {
	border: 1px solid var(--border-light);
	padding: 20px;
	box-sizing: border-box;
}

.OSEL .osel-page-gift-certificate-redemption-wrapper,
.OSEL .osel-page-points-redemption-wrapper {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	max-width: none;
	border: 1px solid var(--border-light);
	padding: 20px;
	box-sizing: border-box;
}

/* OSEL - spacing between bordered sections (layout test) */
.OSEL .shippingmethod {
	margin-right: 20px;
}

.OSEL .shippingmethod,
.OSEL .paymentmethod {
	margin-bottom: 25px;
}

.OSEL .mm-insure-shield {
	margin-top: 25px;
}

.OSEL .osel-page-gift-certificate-redemption-wrapper {
	margin-right: 20px;
}

.OSEL .osel-page-gift-certificate-redemption-wrapper,
.OSEL .osel-page-points-redemption-wrapper {
	margin-top: 25px;
}

/* OSEL - spacing + font test (layout iteration) */
.OSEL .osel-page-top-continue-button-wrapper {
	margin-bottom: 30px;
}

.OSEL .shippingmethod,
.OSEL .paymentmethod {
	padding: 25px 40px;
}

.OSEL h3,
.OSEL .osel-h3,
.OSEL .mm-insure-shield__heading {
	font-family: var(--font-primary);
	font-style: normal;
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-bold);
}

@media all and (max-width:767px){
	.OSEL .osel-page-gift-certificate-redemption-wrapper,
	.OSEL .osel-page-points-redemption-wrapper {
		width: 100%;
		display: block;
		margin-right: 0;
	}
}

.OSEL .osel-box-subtext {
	font-size: var(--font-size-sm);
	color: var(--text-subtle);
	font-family: var(--font-primary);
	margin-top: 8px;
	margin-bottom: 15px;
}

.OSEL .delicious-dollars-breakdown ul {
	padding-left: 0;
	margin-left: 0;
}

.OSEL .delicious-dollars-breakdown ul li {
	font-size: var(--font-size-sm);
	color: var(--text-subtle);
	font-family: var(--font-primary);
	margin-top: 4px;
}

.OSEL .osel-page-points-redemption-wrapper {
	justify-content: space-between;
}

.OSEL .delicious-dollars-breakdown {
	flex: 1;
}

.OSEL .delicious-dollars-redeem-button-wrapper {
	align-self: flex-end;
	margin-top: 15px;
}

.OSEL .shippingmethod h3,
.OSEL .paymentmethod h3,
.OSEL .osel-page-gift-certificate-redemption-wrapper h3,
.OSEL .osel-page-points-redemption-wrapper h3 {
	margin-bottom: 15px;
}

/* ==========================================================================
   DB DESIGN TOKENS - Phase 1 (added 2026-10-12)
   Declared only. Selectors are swapped to use these in later batches.
   Accessibility modes are set by attributes on <html> (data-contrast,
   data-text-size, data-weight, data-spacing, data-links) and are inert
   until the accessibility panel sets them.
   ========================================================================== */

:root {
	/* Scale - multiplied into every font size token */
	--text-scale: 1;
	--text-scale-large: 1;          /* xl and up - large text scales less in the text size modes */

	/* Brand palette */
	--brand-red: #c32b2a;        /* 5.68:1 on white */
	--brand-red-dark: #94111e;   /* 8.91:1 on white */
	--brand-red-deep: #800017;   /* 10.88:1 on white */
	--brand-maroon: #3f060b;     /* header background */
	--brand-gold: #dfb90d;       /* dark backgrounds only */
	--brand-logo-red: #641414;   /* reference only - sampled from logo */
	--color-white: #ffffff;
	--color-black: #000000;

	/* Neutrals */
	--text-body: #333333;
	--text-muted: #5f5f5f;
	--text-subtle: #6b6b6b;
	--border-light: #dddddd;
	--border-medium: #bbbbbb;
	--border-control: #8a8a8a;
	--border-dark: #363636;
	--surface-muted: #f1f1f1;
	--surface-alt: #e1e1e1;
	--surface-dark: #1a1a1a;
	--overlay-maroon: rgba(67, 10, 15, 0.8);
	--overlay-light: rgba(255, 255, 255, 0.8);

	/* Status (match CMS) */
	--status-success-bg: #dff0d8;
	--status-success-border: #d6e9c6;
	--status-success-text: #3c763d;
	--status-error-bg: #f2dede;
	--status-error-border: #ebccd1;
	--status-error-text: #a94442;

	/* Color roles */
	--color-text: var(--text-body);
	--color-heading: var(--text-body);
	--color-link: var(--brand-red);
	--color-link-hover: var(--brand-red-dark);
	--color-link-on-dark: #ff3b30;
	--color-link-hover-on-dark: #ff7a6b;
	--color-menu-link-hover: var(--brand-red);
	--color-focus: var(--brand-red);
	--color-border: var(--border-light);

	/* Header (Option C) */
	--color-header-bg: var(--brand-maroon);
	--color-header-link: #fefffc;
	--color-header-link-hover: #ff3b30;              /* 4px underline bar */
	--color-header-link-active-bg: var(--brand-red-dark); /* hover and focus box */

	/* Font families */
	--font-primary: 'Lato', sans-serif;
	--font-secondary: var(--font-primary);
	--font-display: 'Besom', 'Permanent Marker', cursive;
	--font-accent: 'DB Merriweather', Georgia, serif;  /* self-hosted, 85% size built into the font */
	--font-mono: Menlo, Consolas, 'Liberation Mono', 'Courier New', monospace;
	--font-heading-family: var(--font-primary);
	--font-body-family: var(--font-primary);

	/* Font sizes - named scale, scale-ready (multiplied by --text-scale) */
	--font-size-xs: calc(12px * var(--text-scale));      /* footer, disclaimers, fine print */
	--font-size-sm: calc(14px * var(--text-scale));      /* labels, buttons, small links */
	--font-size-md: calc(16px * var(--text-scale));      /* body text */
	--font-size-lg: calc(18px * var(--text-scale));      /* listing names, prices, page headers */
	--font-size-xl: calc(20px * var(--text-scale-large));      /* section titles, form headings */
	--font-size-2xl: calc(25px * var(--text-scale-large));
	--font-size-3xl: calc(30px * var(--text-scale-large));     /* product page name, h3 */
	--font-size-4xl: calc(35px * var(--text-scale-large));     /* large prices, h2/h3 */
	--font-size-5xl: calc(40px * var(--text-scale-large));     /* h2, category title */
	--font-size-6xl: calc(56px * var(--text-scale-large));     /* h1 */
	--font-size-display: calc(75px * var(--text-scale-large)); /* large Besom h2 */

	/* Text spacing */
	--line-height-body: 1.75;
	--letter-spacing-body: normal;
	--word-spacing-body: normal;

	/* Weights */
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-bold: 700;
	--font-weight-black: 900;

	/* Accent font weights (Phase 2 - Merriweather) */
	--font-accent-weight-display: 300; /* about 24px and up */
	--font-accent-weight-text: 400;    /* medium and small */
	--font-accent-style-display: normal; /* large stand-alone titles - upright */
	--font-accent-style-text: italic;    /* default - headings, promo titles, links */

	/* Layout (Layout and Breakpoint System, 2026-10-15) */
	--container-width: 92%;   /* page area width - even side margins */
	--container-max: 1440px;  /* page area maximum width */
	--grid-gap: 12px;         /* listing grid gap - phone; 24px from tablet up */
}

/* ---------- Accessibility modes ---------- */

/* High contrast */
html[data-contrast="high"] {
	--brand-red: #94111e;
	--text-body: #000000;
	--text-muted: #222222;
	--text-subtle: #333333;
	--border-light: #767676;
	--border-medium: #767676;
	--border-control: #000000;
	--surface-muted: #ffffff;
	--surface-alt: #ffffff;
	--color-link: #800017;
	--color-link-hover: #000000;
	--color-link-on-dark: #ffffff;
	--color-link-hover-on-dark: #ffd400;
	--color-focus: #000000;
	--color-header-link: #ffffff;
	--color-header-link-hover: #ffd400;
	--color-menu-link-hover: #800017;
}

/* Larger text */
html[data-text-size="125"] { --text-scale: 1.25; --text-scale-large: 1.1; }
html[data-text-size="150"] { --text-scale: 1.5; --text-scale-large: 1.2; }

/* Bolder text - each weight steps up one level */
html[data-weight="bold"] {
	--font-weight-light: 400;
	--font-weight-regular: 700;
	--font-weight-bold: 900;
	--font-accent-weight-display: 400;
	--font-accent-weight-text: 700;
}

/* Readable spacing */
html[data-spacing="wide"] {
	--line-height-body: 2;
	--letter-spacing-body: 0.12em;
	--word-spacing-body: 0.16em;
}

/* Underline all links */
html[data-links="underline"] a {
	text-decoration: underline !important;
}

/* ========================== END DB DESIGN TOKENS ========================== */

/* Text size modes - Sizes Round 2 (2026-10-13). Every rule below only applies when html[data-text-size] is set,
   so the normal 100% layout is unchanged. */
/* Header stays at 100% sizes in every text size mode (header geometry uses fixed px positions - see DB Header CSS Fixes doc) */
html[data-text-size] .background-header-wrapper {font-size:16px; --font-size-xs:12px; --font-size-sm:14px; --font-size-md:16px; --font-size-lg:18px; --font-size-xl:20px; --font-size-2xl:25px; --font-size-3xl:30px; --font-size-4xl:35px; --font-size-5xl:40px; --font-size-6xl:56px; --font-size-display:75px;}
/* Buttons grow to fit larger text (text size, spacing and bolder modes) */
html:is([data-text-size],[data-spacing],[data-weight]) .footer-newsletter-email-input {height:auto; min-height:33px; padding-top:5px; padding-bottom:5px; vertical-align:top;}
/* Product page cart row - quantity, Add to Cart and wishlist stay on one line; Add to Cart text wraps if needed */
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row {display:flex; align-items:center;}
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row .product-quantity-input, html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row .wishlist-heart-button {flex:0 0 auto;}
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-add-to-cart-row .product-page-add-to-cart-button {flex:0 1 auto; width:auto !important; min-width:0; height:auto; min-height:42px; white-space:normal; line-height:1.2;}
/* Product page swatch image stays inside its outline */
html:is([data-text-size],[data-spacing],[data-weight]) .product-page-swatches ul li {font-size:0; line-height:0;}
/* Long text wraps instead of overflowing */
html:is([data-text-size],[data-spacing],[data-weight]) ul.address li {white-space:normal; overflow-wrap:anywhere;}
html:is([data-text-size],[data-spacing],[data-weight]) #shipping_fields label, html:is([data-text-size],[data-spacing],[data-weight]) #billing_fields label {white-space:normal; width:auto; max-width:100%;}
html:is([data-text-size],[data-spacing],[data-weight]) .checkout-newsletter-opt-in-wrapper label {white-space:normal;}
html:is([data-text-size],[data-spacing],[data-weight]) .basket-action-buttons-wrapper > a {white-space:normal; height:auto;}
html:is([data-text-size],[data-spacing],[data-weight]) #category-tree div {overflow-wrap:anywhere;}
/* Checkout - hidden "same as" checkbox takes no space (Miva sets inline visibility:visible when it is shown) */
html:is([data-text-size],[data-spacing],[data-weight]) .fields-heading .controls:not([style*="visible"]) {display:none;}
/* Category grid - remove the space between inline-block product tiles so 3 columns still fit */
html:is([data-text-size],[data-spacing],[data-weight]) .CTGY .expanded {font-size:0;}
html:is([data-text-size],[data-spacing],[data-weight]) .CTGY .expanded .product-item {font-size:var(--font-size-md);}
/* Bolder text and readable spacing modes - Modes Round (2026-10-13). */
/* Elements that get their weight from Bootstrap or browser defaults follow the weight tokens (same rendered weight at normal view: Lato loads 300/400/700/900, so 500 already rendered as 400) */
h1, h2, h3, h4, h5, h6 {font-weight:var(--font-weight-regular);}
b, strong, th, label {font-weight:var(--font-weight-bold);}
/* Header keeps its normal weights and spacing in every mode (fixed px header geometry) */
html[data-weight] .background-header-wrapper {font-weight:400; --font-weight-light:300; --font-weight-regular:400; --font-weight-bold:700; --font-weight-black:900;}
/* Readable spacing (WCAG 1.4.12 text spacing) */
html[data-spacing="wide"] body {line-height:var(--line-height-body); letter-spacing:var(--letter-spacing-body); word-spacing:var(--word-spacing-body);}
html[data-spacing="wide"] p {margin-bottom:2em;}
html[data-spacing="wide"] .background-header-wrapper {line-height:1.42857143; letter-spacing:normal; word-spacing:normal;}
html:is([data-text-size],[data-spacing],[data-weight]) .fields-heading :is(#shipping_controls, #billing_controls) label {white-space:normal; width:auto;}
html:is([data-text-size],[data-spacing],[data-weight]) #global-footer ul li {overflow-wrap:anywhere;}
html:is([data-text-size],[data-spacing],[data-weight]) .you-might-also-like-name-wrapper {overflow-wrap:anywhere;}
html[data-links="underline"] a :is(span, div, p, li, strong, b, em):not(.background-header-wrapper *) {text-decoration:underline !important;}
html[data-links="underline"] a, html[data-links="underline"] a :is(span, div, p, li, strong, b, em) {text-decoration-thickness:max(1px, 0.06em) !important; text-underline-offset:0.15em;}
html[data-spacing="wide"] .CTGY .expanded {letter-spacing:0; word-spacing:0;}
html[data-spacing="wide"] .CTGY .expanded .product-item {letter-spacing:var(--letter-spacing-body); word-spacing:var(--word-spacing-body);}

/* Monkey Wrench sub-banner - readable text on its grey (#cccccc) or black (#0D0D0D) background. Background is set inline by Monkey Wrench; the old font color tags in banner text are restyled to passing colors. */
.sub-banner[style*="cccccc" i] {color:var(--text-body);}
.sub-banner[style*="cccccc" i] a {color:var(--brand-red-deep);}
.sub-banner font[color="red"], .sub-banner font[color="dark red"] {color:var(--brand-red-deep);}
.sub-banner font[color="black"] {color:var(--text-body);}
.sub-banner[style*="0d0d0d" i] {color:var(--color-white);}
.sub-banner[style*="0d0d0d" i] font[color="red"], .sub-banner[style*="0d0d0d" i] font[color="dark red"], .sub-banner[style*="0d0d0d" i] a {color:var(--color-link-on-dark);}
.sub-banner[style*="0d0d0d" i] font[color="black"] {color:var(--color-white);}

/* Header top strip - stop the free shipping text from wrapping between 991px and 1040px (it pushed the nav under the sub-banner) */
@media all and (min-width:991px) and (max-width:1040px){
  .newletterBanner .hello-banner-free-shipping-wrapper {width:45%; font-size:var(--font-size-sm);}
  .hello-banner-social-media-wrapper {width:27.5%; padding-left:25px;}
  .hello-banner-toll-free {width:27.5%; padding-right:25px; font-size:var(--font-size-sm);}
}

/* Accent font (Merriweather) - Phase 2 (2026-10-15) */
/* Large stand-alone titles are upright Light */
.NTFD .col h3 {font-style:var(--font-accent-style-display); font-weight:var(--font-accent-weight-display);}
/* Buttons inside h3 keep their bold weight and normal size (they used "bolder", which is relative to the h3) */
h3 .button {font-weight:var(--font-weight-bold);}

/* Checkout - newsletter label and footer email wrap in text size, spacing and bolder modes (cssui.css #customer-fields label is nowrap) */
html:is([data-text-size],[data-spacing],[data-weight]) #customer-fields .checkout-newsletter-opt-in-wrapper label {white-space:normal;}
html:is([data-text-size],[data-spacing],[data-weight]) .checkout-footer .email-footer {overflow-wrap:anywhere;}

/* PROD - details column uses the full right column (cssui.css sets 50% for a second details column we don't use). Stops the price stacking between about 992px and 1600px. */
.product-page-right-side-container .product-details-1 {width:100%;}

/* Fonts - form fields, the checkout "same as" control and the search results paging bar use the site font (cssui.css sets Arial) - 2026-10-15 */
.textfield, select, textarea, #tax-fields .form_row input, .controls, #filter-items-container {font-family:var(--font-primary);}

/* Checkout header - active step uses the on-dark link color (brand red was 3.7:1 on the dark header) - 2026-10-15 */
.checkout-steps li.active {color:var(--color-link-on-dark);}
/* Form fields - visible outline (WCAG 1.4.11, 3:1). Bootstrap #ccc and cssui #bbb were 1.6-1.9:1 */
.form-control, .textfield, select, textarea {border-color:var(--border-control);}
.product-page-add-to-cart-row .product-quantity-input, .product-page-add-to-cart-row .wishlist-heart-button {border-color:var(--border-control);}

/* Product page wishlist heart - centered in its box (the listing icon's 1.5px nudge is only for the round category heart) */
.product-page-add-to-cart-row .wishlist-heart-button {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;}
.product-page-add-to-cart-row .wishlist-heart-button i {top:0; left:0;}

/* ==========================================================================
   LAYOUT SYSTEM - see "DB - Layout and Breakpoint System Plan 2026-10-15"
   .db-container - centered page area with even side margins at every width
   .db-grid - listing grid; only the column count changes at the standard breakpoints
   ========================================================================== */
.db-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto; display:flow-root;}
.db-grid {--grid-cols:2; display:grid; grid-template-columns:repeat(var(--grid-cols), minmax(0, 1fr)); gap:var(--grid-gap);}
@media all and (min-width: 768px) {
	:root {--grid-gap:24px;}
	.db-grid {--grid-cols:3;}
}
@media all and (min-width: 1200px) {
	.db-grid {--grid-cols:4;}
}

/* ========== PROD layout (2026-10-15) ==========
   The Product Display Layout outputs: gallery (.product-page-left-side-container), product info (.product-page-right-side-container),
   then Complete the Look / Discover More (.ab-pos). Nothing is moved by JS - CSS arranges it per breakpoint:
   - Phone: one column - name, stars, designer, gallery, price, options and Add to Cart,
     the product description (first 4 lines, Read more), Complete the Look / Discover More, then the other tabs. The info and details boxes step aside (display:contents)
     so their parts can be ordered around the gallery.
   - Tablet and up: two columns - gallery with Complete the Look underneath on the left, product info on the right.
   - Gallery: thumbnails beside the image from 1200px up; below 1200px the image comes first with the thumbnails in a row underneath. */
.product-page-right-side-container .description-title,
.product-page-right-side-container .description {width:100%; max-width:680px;}
.product-description-more {display:none;}
/* Buying section - one set of tiers: labels (stock, Color, Size) share one style; Affirm and Delicious Dollars are fine print */
.PROD .product-page-inventory-status-message-wrapper {font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--text-body); letter-spacing:0.04em; margin:4px 0 0;}
.PROD .product-attribute-label {font-size:var(--font-size-md); color:var(--text-body); letter-spacing:0.04em;}
.PROD .product-attributes .hidden-color-select {color:var(--text-body); font-size:var(--font-size-md); padding-left:0;}
.PROD .product-details-1 .affirm-as-low-as {font-weight:var(--font-weight-regular); color:var(--text-muted);}
.PROD .product-page-points-wrapper, .PROD .product-page-points-wrapper span {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--text-muted);}
.PROD .product-page-delicious-points-tooltip {display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; margin-left:4px; vertical-align:middle;}
.PROD .product-page-delicious-points-tooltip img {width:16px; height:16px;}
@media all and (max-width: 767px) {
	.PROD .product-page-main {display:flex; flex-flow:row wrap; align-items:baseline; padding-top:20px;}
	.PROD .product-page-right-side-container, .PROD .product-details-1 {display:contents;}
	.PROD .product-page-main > *, .PROD .product-page-right-side-container > *, .PROD .product-details-1 > * {flex:0 0 100%; min-width:0; order:6;}
	.PROD .product-page-product-name-h1 {order:1;}
	.PROD #product_just_stars {order:2;}
	.PROD .product-page-designer-name {order:3;}
	.PROD .product-page-main > .product-page-left-side-container {order:4; margin-bottom:20px;}
	.PROD .product-details-1 > .product-price, .PROD .product-details-1 > #inventory-message, .PROD .product-details-1 > .product-page-estimated-restock-date-wrapper {order:5;}
	/* Affirm and Delicious Dollars lines are left out on phone to keep the buying section short (they show on tablet and up) */
	.PROD .product-details-1 > span.italic, .PROD .product-details-1 > .product-page-points-wrapper {display:none;}
	.PROD .product-details-1 > .product-dropdown {display:contents;}
	.PROD .product-dropdown > * {flex:0 0 100%; min-width:0; order:10;}
	.PROD .product-dropdown > .product-detailed-description {order:8;}
	.PROD .product-page-main > .ab-pos {order:9;}
	.PROD .product-details-1 > .product-image-margin {display:none;}
	.PROD .PROD- .main-image-prod-page {width:auto; max-width:100%; margin:0 auto;}
	/* Color, size and other options sit side by side when there is room */
	.PROD .product-page-adpr-form .product-attributes {display:flex; flex-wrap:wrap; column-gap:30px;}
	.PROD .product-page-adpr-form .attribute-form-row {flex:1 1 200px; min-width:0;}
	/* Quantity, Add to Cart and wishlist fill the row - Add to Cart stretches */
	.PROD .product-page-main .product-page-add-to-cart-row {display:flex; align-items:stretch; gap:10px; width:100%; margin:15px 0;}
	.PROD .product-page-main .product-page-add-to-cart-row .product-quantity-input {flex:0 0 50px; width:50px !important; height:auto !important; min-height:44px; margin:0 !important;}
	.PROD .product-page-main .product-page-add-to-cart-row .product-page-add-to-cart-button {flex:1 1 auto; width:auto !important; height:auto; min-height:44px; margin:0 !important;}
	.PROD .product-page-main .product-page-add-to-cart-row .wishlist-heart-button {flex:0 0 50px; width:50px; height:auto; min-height:44px;}
	/* Description shows its first 4 lines with a Read more button (added by db.js) that opens the rest in place */
	.PROD .product-description:not(.is-expanded) > span {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-clamp:4; overflow:hidden;}
	.PROD .product-description-more {display:inline-block; margin:0 0 15px; padding:4px 0; border:0; background:none; color:var(--color-link); font-size:var(--font-size-md); text-decoration:underline; text-underline-offset:0.15em; cursor:pointer;}
	.PROD .product-description-more:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
	.PROD .product-description-more[hidden], .PROD .product-description[style*="display: none"] + .product-description-more {display:none;}
	/* Section dividers - short centered lines, so they read as breaks between sections rather than tab lines */
	.PROD .product-page-main > .product-page-left-side-container::after,
	.PROD .product-dropdown > .product-detailed-description::before,
	.PROD .ab-pos .product-page-paragraph-with-top-border::before,
	.PROD .you-might-also-like > p::before,
	.PROD .you-might-also-like-title::before {content:""; display:block; width:120px; height:1px; margin:0 auto 25px; background-color:var(--border-medium);}
	.PROD .product-page-main > .product-page-left-side-container::after {margin:30px auto 0;}
	.PROD .product-dropdown > .product-detailed-description::before {margin:10px auto 20px;}
	.PROD .product-dropdown > .product-detailed-description > .description-title {border-top:0;}
	.PROD .ab-pos .product-page-paragraph-with-top-border, .PROD .you-might-also-like > p, .PROD .you-might-also-like-title {border-top:0; padding-top:0;}
	.PROD .you-might-also-like {padding-top:30px;}
}
@media all and (min-width: 768px) {
	.PROD .product-page-main {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:auto 1fr; grid-template-areas:"gallery info" "extras info"; column-gap:30px; row-gap:30px; align-items:start;}
	.PROD .product-page-left-side-container {grid-area:gallery;}
	.PROD .product-page-right-side-container {grid-area:info;}
	.PROD .product-page-main > .ab-pos {grid-area:extras;}
	.PROD .PROD- {display:flex; align-items:flex-start; gap:20px;}
	.PROD .PROD- #thumbnails {flex:0 0 auto;}
	.PROD .PROD- .main-image-prod-page {flex:1 1 auto; min-width:0; max-width:none; width:auto;}
}
/* Tablet and up - Complete the Look and Discover More use the same short centered divider as phone. You Might Also Like keeps its full-width line - it spans the page and holds the slider arrows */
@media all and (min-width: 768px) {
	.PROD .ab-pos .product-page-paragraph-with-top-border::before {content:""; display:block; width:120px; height:1px; margin:0 auto 25px; background-color:var(--border-medium);}
	.PROD .ab-pos .product-page-paragraph-with-top-border {border-top:0; padding-top:0; margin-top:0;}
}
@media all and (max-width: 1199px) {
	.PROD .PROD- {display:flex; flex-direction:column; align-items:stretch; gap:15px;}
	.PROD .PROD- .main-image-prod-page {order:1;}
	.PROD .PROD- #thumbnails {order:2; display:flex; flex-wrap:wrap; justify-content:space-evenly; gap:10px; margin:0;}
	.PROD .PROD- #thumbnails li {margin:0;}
}

/* PROD - MagicZoom inner zoom (narrow windows) hides its whole image frame, including the zoom view, so hovering showed a blank space. Keep the frame visible - 2026-10-15 */
.PROD .mz-figure.mz-active.mz-inner-zoom {opacity:1;}

/* MagicZoom full-screen view on phone-size screens - use MagicZoom's own phone layout (full-width image, close button in the corner) even when it doesn't detect a mobile device, e.g. narrow desktop windows and small tablets. "html" is added because magiczoomplus.css loads after styles.css - 2026-10-15 */
@media all and (max-width: 767px) {
	html .mz-expand .mz-expand-stage .mz-image-stage,
	html .mz-expand .mz-expand-stage .mz-expand-thumbnails {left:0; right:0;}
	html .mz-expand .mz-expand-stage .mz-image-stage {padding:70px 0 10px;}
	html .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {padding:70px 0 90px;}
}

/* ========== You Might Also Like - scrolling row (2026-10-15) ==========
   Replaces jCarousel and its fixed-width ladder (about 25 rules removed). Items per row: 2 plus a peek of the next on phone
   (swipe hint), 3 tablet, 4 desktop, 6 wide - sizes stay fluid in between. Arrows show from 768px up.
   Also styles the 216digital fallback markup (same class names). The product page bottom section uses .db-container. */
.you-might-also-like {--ymal-cols:2.3; position:relative; width:100%; margin:0 0 60px 0;}
.you-might-also-like > p, .you-might-also-like-title {position:static; left:auto; width:auto; margin:0 0 25px 0; padding-top:25px; border-top:1px solid var(--border-medium); font-family:var(--font-primary); font-size:var(--font-size-xl); font-weight:var(--font-weight-regular); line-height:1.3; text-transform:uppercase; text-align:left; color:var(--text-body);}
.you-might-also-like .jcarousel {position:relative; left:auto; width:auto; max-width:none; margin:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none;}
.you-might-also-like .jcarousel::-webkit-scrollbar {display:none;}
.you-might-also-like .jcarousel ul {position:static; display:flex; gap:var(--grid-gap); width:auto; margin:0; padding:0; list-style:none;}
.you-might-also-like .jcarousel li {flex:0 0 calc((100% - (var(--ymal-cols) - 1) * var(--grid-gap)) / var(--ymal-cols)); min-width:0; width:auto; margin:0; float:none; scroll-snap-align:start;}
.you-might-also-like .jcarousel a:focus-visible {outline:2px solid var(--color-focus); outline-offset:-2px;}
.you-might-also-like-image-wrapper img {width:100%; height:auto; aspect-ratio:200 / 215; object-fit:cover;}
.you-might-also-like-name-wrapper {margin-top:10px; text-align:center; font-family:var(--font-primary); font-size:var(--font-size-sm);}
.you-might-also-like-nav, .you-might-also-like > .jcarousel-prev, .you-might-also-like > .jcarousel-next {display:none;}
.you-might-also-like-arrow {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid var(--border-control); border-radius:50%; background-color:var(--color-white); color:var(--text-body); cursor:pointer;}
.you-might-also-like-arrow svg {width:20px; height:20px;}
.you-might-also-like-arrow:hover {background-color:var(--text-body); color:var(--color-white);}
.you-might-also-like-arrow:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.you-might-also-like-arrow[aria-disabled="true"] {opacity:0.4; cursor:default; background-color:var(--color-white); color:var(--text-body);}
@media (prefers-reduced-motion: no-preference) {
	.you-might-also-like .jcarousel {scroll-behavior:smooth;}
}
@media all and (min-width: 768px) {
	.you-might-also-like {--ymal-cols:4;}
	.you-might-also-like > p, .you-might-also-like-title {padding-right:100px;}
	.you-might-also-like-nav {display:flex; gap:10px; position:absolute; top:15px; right:0;}
	.you-might-also-like > .jcarousel-prev, .you-might-also-like > .jcarousel-next {display:block; position:absolute; top:15px;}
	.you-might-also-like > .jcarousel-prev {right:50px;}
	.you-might-also-like > .jcarousel-next {right:0;}
	.you-might-also-like > .jcarousel-prev img, .you-might-also-like > .jcarousel-next img {width:40px; height:auto;}
}
@media all and (min-width: 992px) {
	.you-might-also-like {--ymal-cols:4;}
}
@media all and (min-width: 1200px) {
	.you-might-also-like {--ymal-cols:6;}
}

/* ========== Category page layout (2026-10-16) ==========
   CTGY page: filters, sections and product grid inside the shared page container (.db-container, .db-grid).
   Layouts - set in the CTGY page template (ctgy_layout); the class on #content-container-sub-CTGY picks the CSS:
   - layout-sidebar: filter column with the category tree on the left from tablet up; Filter & Sort panel on phone.
   The filter column is 220px wide, grows with the text size modes, and never takes more than 32% of the page area.
   - layout-tablet-panel: Filter & Sort panel on phone and tablet; filter column with the category tree below it on desktop.
   - layout-panel: Filter & Sort panel at every width and no left column (for landing pages).
   In the panel layouts the filter column (#left-navigation) becomes the slide-in panel - there is one copy of the filters.
   The same panel rules are repeated for each layout / width below (plain CSS has no way to share them).
   Section chips show wherever the panel is used; the panel hides the category tree (the chips and the top menu cover it).
   Filters (Global Settings > Facets Layout): each group is a details section; groups start closed unless the template
   lists them or a filter in them is applied, and show their first 6 options with "Show more".
   The older tile rules (percent widths and max-width steps) are overridden here, not removed, because the PowerSearch
   results page still uses them. Remove them when PowerSearch is replaced by native search. */

/* Panel parts - hidden unless a panel layout is in use at this width */
.filter-panel-header, .filter-panel-footer, .filter-panel-sort, .filter-panel-open, .filter-panel-backdrop, .category-chips {display:none;}

/* Phone - every layout uses the panel */
@media all and (max-width: 767px) {
	.category-page-layout {display:block;}
	.category-page-layout > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.category-page-layout > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .category-page-layout > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .category-page-layout > .filter-panel-backdrop {display:block;}
	.category-page-layout .filter-panel-header, .category-page-layout .filter-panel-footer {display:flex;}
	.category-page-layout .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.category-page-layout .filter-panel-body .cattree, .category-page-layout .filter-panel-body .facets-header {display:none;}
	.category-page-layout .filter-panel-sort {display:block;}
	.category-page-layout .filter-panel-open {display:inline-flex;}
	.category-page-layout .sort-menu {display:none;}
	.category-page-layout .category-chips {display:block;}
	.category-page-layout h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
}
/* Tablet */
@media all and (min-width: 768px) and (max-width: 991px) {
	.layout-sidebar {display:grid; grid-template-columns:min(calc(220px * var(--text-scale)), 32%) minmax(0, 1fr); grid-template-areas:"banner banner" "crumbs crumbs" "sidebar main"; column-gap:30px; align-items:start;}
	.layout-sidebar > .ctgy-header {grid-area:banner;}
	.layout-sidebar > .ctgy-header-align-products {display:grid; grid-template-columns:subgrid;}
	.layout-sidebar > .ctgy-header-align-products > .ctgy-header-image {grid-column:2;}
	.layout-sidebar > #breadcrumbs {grid-area:crumbs;}
	.layout-sidebar > #left-navigation {grid-area:sidebar; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-sidebar > #main-content {grid-area:main; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-tablet-panel {display:block;}
	.layout-tablet-panel > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.layout-tablet-panel > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .layout-tablet-panel > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .layout-tablet-panel > .filter-panel-backdrop {display:block;}
	.layout-tablet-panel .filter-panel-header, .layout-tablet-panel .filter-panel-footer {display:flex;}
	.layout-tablet-panel .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.layout-tablet-panel .filter-panel-body .cattree, .layout-tablet-panel .filter-panel-body .facets-header {display:none;}
	.layout-tablet-panel .filter-panel-sort {display:block;}
	.layout-tablet-panel .filter-panel-open {display:inline-flex;}
	.layout-tablet-panel .sort-menu {display:none;}
	.layout-tablet-panel .category-chips {display:block;}
	.layout-tablet-panel h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
	.layout-panel {display:block;}
	.layout-panel > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.layout-panel > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .layout-panel > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .layout-panel > .filter-panel-backdrop {display:block;}
	.layout-panel .filter-panel-header, .layout-panel .filter-panel-footer {display:flex;}
	.layout-panel .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.layout-panel .filter-panel-body .cattree, .layout-panel .filter-panel-body .facets-header {display:none;}
	.layout-panel .filter-panel-sort {display:block;}
	.layout-panel .filter-panel-open {display:inline-flex;}
	.layout-panel .sort-menu {display:none;}
	.layout-panel .category-chips {display:block;}
	.layout-panel h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
}
/* Desktop and up */
@media all and (min-width: 992px) {
	.layout-sidebar {display:grid; grid-template-columns:min(calc(220px * var(--text-scale)), 32%) minmax(0, 1fr); grid-template-areas:"banner banner" "crumbs crumbs" "sidebar main"; column-gap:30px; align-items:start;}
	.layout-sidebar > .ctgy-header {grid-area:banner;}
	.layout-sidebar > .ctgy-header-align-products {display:grid; grid-template-columns:subgrid;}
	.layout-sidebar > .ctgy-header-align-products > .ctgy-header-image {grid-column:2;}
	.layout-sidebar > #breadcrumbs {grid-area:crumbs;}
	.layout-sidebar > #left-navigation {grid-area:sidebar; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-sidebar > #main-content {grid-area:main; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-tablet-panel {display:grid; grid-template-columns:min(calc(220px * var(--text-scale)), 32%) minmax(0, 1fr); grid-template-areas:"banner banner" "crumbs crumbs" "sidebar main"; column-gap:30px; align-items:start;}
	.layout-tablet-panel > .ctgy-header {grid-area:banner;}
	.layout-tablet-panel > .ctgy-header-align-products {display:grid; grid-template-columns:subgrid;}
	.layout-tablet-panel > .ctgy-header-align-products > .ctgy-header-image {grid-column:2;}
	.layout-tablet-panel > #breadcrumbs {grid-area:crumbs;}
	.layout-tablet-panel > #left-navigation {grid-area:sidebar; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-tablet-panel > #main-content {grid-area:main; display:block; float:none; width:auto; margin:0; padding:0;}
	.layout-panel {display:block;}
	.layout-panel > #main-content {display:block; float:none; width:auto; margin:0; padding:20px 0 0;}
	.layout-panel > #left-navigation {display:flex !important; flex-direction:column; position:fixed; top:0; bottom:0; left:0; z-index:10000010; width:420px; max-width:100%; margin:0; padding:0; background:var(--color-white); box-shadow:2px 0 16px rgba(0, 0, 0, 0.2); transform:translateX(-100%); visibility:hidden; transition:transform 0.25s ease, visibility 0s linear 0.25s;}
	html.filter-panel-is-open .layout-panel > #left-navigation {transform:none; visibility:visible; transition:transform 0.25s ease;}
	html.filter-panel-is-open .layout-panel > .filter-panel-backdrop {display:block;}
	.layout-panel .filter-panel-header, .layout-panel .filter-panel-footer {display:flex;}
	.layout-panel .filter-panel-body {flex:1 1 auto; overflow-y:auto; padding:0 16px 20px; -webkit-overflow-scrolling:touch;}
	.layout-panel .filter-panel-body .cattree, .layout-panel .filter-panel-body .facets-header {display:none;}
	.layout-panel .filter-panel-sort {display:block;}
	.layout-panel .filter-panel-open {display:inline-flex;}
	.layout-panel .sort-menu {display:none;}
	.layout-panel .category-chips {display:block;}
	.layout-panel h1.category-page-category-name {margin-top:0; margin-bottom:16px;}
}

/* Panel layouts on tablet and up - the breadcrumbs already give space above the title */
@media all and (min-width: 768px) {
	.layout-tablet-panel > #main-content, .layout-panel > #main-content {padding-top:0;}
}

/* Category tree - headings and plus / minus icons match the filter groups above them; names stay clear of the icon at larger text sizes */
#category-tree .level-2 {padding-right:28px;}
.category-page-layout #category-tree .level-2, .category-page-layout #category-tree .level-2 a {font-size:var(--font-size-md); letter-spacing:0.5px;}
.category-page-layout #category-tree .level-2 .minus, .category-page-layout #category-tree .level-2 .plus {top:calc(50% - 5px); right:4px; transform:translateY(-50%); line-height:0;}
.category-page-layout #category-tree .level-2 .minus img, .category-page-layout #category-tree .level-2 .plus img {width:14px; opacity:0.65;}

/* "Categories" heading above the category tree - same style and spacing as the "Filters" heading above the filters */
.category-page-layout .cattree > .category-tree-heading {margin-top:30px;}
.category-page-layout .cattree > #category-tree {padding-top:15px;}
/* "Filters" and "Categories" headings - darker text and a short underline, so they read as headings above their options */
.category-page-layout .facets-header, .category-page-layout .category-tree-heading {position:relative; padding-bottom:12px; color:var(--text-body); border-bottom:0 !important;}
.category-page-layout .facets-header::after, .category-page-layout .category-tree-heading::after {content:""; position:absolute; left:0; bottom:0; width:calc(96px * var(--text-scale)); height:2px; background:var(--text-body);}

/* ========== Category page header (2026-10-16) ==========
   One CTGY template for every category - the header look comes from category custom fields (see the CTGY page template):
   - Header color (ctgy_header_bg): sets --header-bg; blank = the default grey (--surface-alt).
   - .ctgy-header-band: the colored band runs edge to edge of the screen (the box-shadow fills out to the sides;
     clip-path keeps it to the band's own height, and neither one makes the page scroll sideways).
   - .ctgy-header-align-products: the image starts where the products start - next to the filter column when it shows
     (subgrid, rules in "Category page layout" above), at the left edge of the page area when it does not.
   - .ctgy-header-align-centered: the image is centered.
   - .ctgy-header-beside: image on the left, category name and header content to its right (formerly CTGY-ALT).
     The color only fills behind the image, so the text always sits on the page background.
   Replaced the CTGY-WHITE / CTGY-BLACK / CTGY-LP / CTGY-ALT pages and their header rules (removed 2026-10-16). */
.ctgy-header {margin:0;}
.ctgy-header-image img {display:block; width:auto; max-width:100%; height:auto;}
.ctgy-header-band {background:var(--header-bg, var(--surface-alt)); box-shadow:0 0 0 100vmax var(--header-bg, var(--surface-alt)); clip-path:inset(0 -100vmax);}
.ctgy-header-band .ctgy-header-image {min-width:0;}
.ctgy-header-align-centered .ctgy-header-image img {margin:0 auto;}
/* Beside - the image box is as tall as the text beside it (never shorter than a 750 x 326 image); the image fills the box
   and trims its edges instead of leaving empty space below it when the text wraps onto more lines */
.ctgy-header-beside {display:flex; align-items:stretch; gap:30px; padding-bottom:20px; border-bottom:3px solid var(--border-control);}
.ctgy-header-beside .ctgy-header-image {position:relative; flex:0 0 40%; aspect-ratio:750 / 326; overflow:hidden; background:var(--header-bg, transparent);}
.ctgy-header-beside .ctgy-header-image img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center;}
.ctgy-header-beside .ctgy-header-text {flex:1 1 0; min-width:0;}
.ctgy-header-beside h1.category-page-category-name {margin-top:20px; text-transform:none !important; color:var(--text-body) !important;}
.ctgy-header-content {font-family:var(--font-primary); font-size:var(--font-size-lg); color:var(--text-muted);}
.ctgy-header-content ul {margin:0 0 0 50px; padding:0; list-style-type:disc !important; list-style-position:outside !important; list-style-image:none !important;}
.ctgy-header-content ul li {margin:10px; font-size:var(--font-size-lg); font-style:italic; color:var(--text-subtle); list-style-type:disc !important; list-style-position:outside !important; list-style-image:none !important;}
/* Beside - title and bullet sizes step down with the screen, like the old CTGY-ALT page (the page h1 size is too big next to the image) */
.ctgy-header-beside h1.category-page-category-name {font-size:var(--font-size-4xl);}
@media all and (min-width: 1200px) {
	.ctgy-header-beside h1.category-page-category-name {font-size:var(--font-size-5xl);}
	.ctgy-header-content ul li {margin:12px; font-size:var(--font-size-xl);}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	.ctgy-header-beside .ctgy-header-image {flex-basis:45%;}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.ctgy-header-beside .ctgy-header-image {flex-basis:50%;}
}
@media all and (max-width: 767px) {
	.ctgy-header-beside {display:block; padding-bottom:10px;}
	.ctgy-header-beside .ctgy-header-image {display:none;}
	.ctgy-header-beside h1.category-page-category-name {margin-top:10px;}
	.ctgy-header-content ul {margin-left:30px;}
	.ctgy-header-content ul li {margin:10px; font-size:var(--font-size-lg);}
}

/* Tablet - breadcrumbs sit as close to the banner as on desktop (an older rule adds 30px below 1000px) */
@media all and (min-width: 768px) and (max-width: 991px) {
	.category-page-layout > #breadcrumbs {padding-top:20px;}
}

/* Filter & Sort panel */
.filter-panel-backdrop {position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000005; background:rgba(0, 0, 0, 0.5);}
html.filter-panel-is-open, html.filter-panel-is-open body {overflow:hidden;}
html.filter-panel-is-open #purechat-container {display:none !important;} /* the chat button would cover the panel buttons */
.filter-panel-header {flex:0 0 auto; align-items:center; justify-content:space-between; padding:8px 8px 8px 16px; border-bottom:1px solid var(--border-light);}
#left-navigation .filter-panel-title {margin:0; padding:0; font-family:var(--font-primary); font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); font-style:normal; color:var(--text-body); text-align:left; text-transform:uppercase; letter-spacing:0.5px;}
.filter-panel-close {display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:0; background:none; color:var(--text-body); font-size:var(--font-size-3xl); line-height:1; cursor:pointer;}
.filter-panel-sort {padding:6px 0 10px; border-bottom:1px solid var(--border-light);}
.filter-panel-sort[hidden] {display:none;}
#left-navigation .filter-panel-sort-title {margin:12px 0 6px; padding:0; font-family:var(--font-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-regular); font-style:normal; color:var(--text-body); text-align:left; text-transform:uppercase; letter-spacing:0.5px;}
.filter-panel-sort-option {display:flex; align-items:center; gap:8px; min-height:36px; margin:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--text-muted); cursor:pointer;}
.filter-panel-sort-option input {flex:0 0 auto; width:18px; height:18px; margin:0;}
.filter-panel-footer {flex:0 0 auto; gap:12px; padding:12px 16px; border-top:1px solid var(--border-light); background:var(--color-white);}
.filter-panel-clear, .filter-panel-apply {min-height:48px; padding:8px 12px; border:1px solid var(--text-body); font-size:var(--font-size-sm); text-transform:uppercase; letter-spacing:0.5px; cursor:pointer;}
.filter-panel-clear {flex:1 1 0; background:var(--color-white); color:var(--text-body);}
.filter-panel-apply {flex:2 1 0; background:var(--text-body); color:var(--color-white); font-weight:var(--font-weight-bold);}
.filter-panel-close:focus-visible, .filter-panel-clear:focus-visible, .filter-panel-apply:focus-visible, .filter-panel-sort-option input:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.filter-panel-open {align-items:center; gap:6px; min-height:44px; margin-left:auto; padding:8px 14px; border:1px solid var(--text-body); background:var(--color-white); color:var(--text-body); font-size:var(--font-size-sm); text-transform:uppercase; letter-spacing:0.5px; cursor:pointer;}
.filter-panel-open:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.filter-panel-open-count {font-weight:var(--font-weight-bold);}

/* Applied filters - "Size: M x" buttons above the products, at every width */
.applied-filters {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:-10px 0 20px;}
.applied-filters[hidden] {display:none;}
.applied-filter {display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 12px; border:1px solid var(--text-body); border-radius:999px; background:var(--surface-muted); color:var(--text-body); font-size:var(--font-size-sm); cursor:pointer;}
.applied-filter-x {font-size:var(--font-size-lg); line-height:1;}
.applied-filters-clear {min-height:36px; padding:6px 4px; border:0; background:none; color:var(--color-link); font-size:var(--font-size-sm); text-decoration:underline; text-underline-offset:0.15em; cursor:pointer;}
.applied-filter:focus-visible, .applied-filters-clear:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* No results - shown when the filters chosen leave no products */
.category-no-results {margin:10px 0 40px; padding:30px 20px; border:1px solid var(--border-light); text-align:center; font-size:var(--font-size-md); color:var(--text-body);}
.category-no-results p {margin:0 0 8px;}
.category-no-results .category-no-results-title {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
.category-no-results .category-no-results-clear {display:inline-flex; align-items:center; justify-content:center; min-height:48px; margin-top:12px; padding:8px 24px; border:1px solid var(--text-body); background:var(--text-body); color:var(--color-white); font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); text-transform:uppercase; letter-spacing:0.5px; text-decoration:none;}
.category-no-results .category-no-results-clear:hover {background:var(--color-white); color:var(--text-body);}
.category-no-results .category-no-results-clear:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* Section chips - shown wherever the panel is used (rules above), scroll sideways when there are more */
.category-chips, .category-pagination nav {width:auto; padding-top:0; text-align:left; text-transform:none;}
.category-pagination nav {text-align:center;}
.category-chips {margin:0 0 32px;}
.category-chips-list {display:flex; gap:8px; margin:0; padding:2px 2px 10px; list-style:none; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;}
.category-chips-list li {flex:0 0 auto; list-style:none; scroll-snap-align:start;}
.category-chips .category-chip {display:inline-flex; align-items:center; min-height:40px; padding:8px 16px; border:1px solid var(--border-control); border-radius:999px; background:var(--color-white); color:var(--text-body); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); text-transform:none; white-space:nowrap;}
.category-chips .category-chip:hover {border-color:var(--text-body);}
.category-chips .category-chip:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* Product grid - 2 across on phone; on tablet 2 next to the filter column (sidebar layout) or 3 full width; 3 on desktop; 4 on wide */
.category-product-grid, .category-subcategory-grid {row-gap:calc(var(--grid-gap) * 2);}
@media all and (min-width: 768px) and (max-width: 991px) {
	.layout-sidebar .category-product-grid, .layout-sidebar .category-subcategory-grid {--grid-cols:2;}
}
#category-listing .category-product-grid > .product-item,
.CTGY #subcategory-listing.category-subcategory-grid > .product-item:nth-child(n) {display:block; float:none; width:auto !important; height:auto; margin:0; padding:0;}
#category-listing .category-product-grid .product-details,
#category-listing .category-product-grid .product-image,
#category-listing .category-product-grid .product-name,
#category-listing .category-product-grid .product-price,
#category-listing .category-product-grid .product-listing-designer-name,
#category-listing .category-product-grid .ctgyswatches,
#subcategory-listing.category-subcategory-grid .product-details,
#subcategory-listing.category-subcategory-grid .product-image,
#subcategory-listing.category-subcategory-grid .product-name {max-width:none;}
#category-listing .category-product-grid .product-image > a > img,
#subcategory-listing.category-subcategory-grid .product-image img {width:100%; height:auto;}

/* Quickview button - desktop only (992px and up), on mouse hover or when the product image link has keyboard focus */
@media all and (min-width: 992px) {
	.product-image:focus-within .category-page-quickview-overlay-button {display:block;}
}
@media all and (max-width: 991px) {
	.product-image:hover .category-page-quickview-overlay-button {display:none;}
}
.category-page-quickview-link:focus-visible {display:block; outline:2px solid var(--color-focus); outline-offset:2px;}

/* Pagination arrows - the hidden "Prev Page" / "Next Page" text was showing inside the round arrows (an older span rule moved it back on screen) */
.footer-page-links .page-links-previous span.visually-hidden, .footer-page-links .page-links-next span.visually-hidden {left:-10000px; right:auto;}

/* Filter groups */
.facets-tree .facet-group {border-bottom:1px solid var(--border-light);}
.facets-tree .facet-group-toggle {display:flex; align-items:baseline; flex-wrap:wrap; gap:0 8px; position:relative; min-height:44px; padding:12px 32px 12px 0; list-style:none; cursor:pointer; color:var(--text-body);}
.facets-tree .facet-group-toggle::-webkit-details-marker {display:none;}
.facets-tree .facet-group-toggle::marker {content:"";}
.facets-tree .facet-group-toggle::after {content:"+"; position:absolute; top:50%; right:4px; transform:translateY(-50%); font-size:var(--font-size-xl); line-height:1; color:var(--text-muted);}
.facets-tree .facet-group[open] > .facet-group-toggle::after {content:"\2212";}
.facets-tree .facet-group-toggle:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.facets-tree .facet-group-toggle span.facets-name {padding:0; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); text-transform:uppercase; letter-spacing:0.5px;}
.facets-tree .facet-group-selected {font-size:var(--font-size-sm); color:var(--text-muted);}
.facets-tree .facet-group-panel {padding:0 0 15px;}
.facets-tree label.facet-option {display:flex; align-items:center; gap:8px; min-height:32px; margin:0; line-height:1.3;}
.facets-tree .facet-option input {flex:0 0 auto; width:18px; height:18px; margin:0;}
.facets-tree .facet-options-nested .facet-option {padding:4px 0;}
.facets-tree .facet-options:not(.is-showing-all) > .facet-option-extra {display:none;}
.facets-tree .facet-show-more {display:inline-block; min-height:24px; margin:6px 0 0; padding:2px 0; border:0; background:none; color:var(--color-link); font-size:var(--font-size-sm); text-decoration:underline; text-underline-offset:0.15em; cursor:pointer;}
.facets-tree .facet-show-more:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.facets-tree .mm_facet_select {width:100%; max-width:100%;}
.facets-tree .mm_facet_rangeslider {margin:5px 0 10px;}

/* Toolbar - "Showing 1-48 of 152", small Previous / Next, and the Sort menu or Filter & Sort button */
#filter-items-container.category-toolbar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; margin:20px 0 25px; padding:0;}
.category-result-count {margin:0; font-size:var(--font-size-sm); color:var(--text-muted);}
/* Small Previous / Next arrows beside the top count - so shoppers can change page without scrolling to the bottom */
.category-toolbar-count {display:flex; align-items:center; gap:12px;}
.category-toolbar-count nav.category-toolbar-pages {display:flex; gap:6px; width:auto; padding-top:0; text-transform:none;}
.category-toolbar-pages a.category-toolbar-page {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--border-control); color:var(--text-body); font-size:var(--font-size-xs);}
.category-toolbar-pages a.category-toolbar-page:hover {border-color:var(--text-body);}
.category-toolbar-pages a.category-toolbar-page:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.category-toolbar-pages .glyphicon {top:0;}
.sort-menu {position:relative; margin-left:auto;}
.sort-menu-toggle {display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:8px 14px; border:1px solid var(--border-control); background:var(--color-white); color:var(--text-body); font-size:var(--font-size-sm); list-style:none; cursor:pointer;}
.sort-menu-toggle::-webkit-details-marker {display:none;}
.sort-menu-toggle::marker {content:"";}
.sort-menu-toggle::after {content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg);}
.sort-menu[open] > .sort-menu-toggle::after {transform:translateY(2px) rotate(-135deg);}
.sort-menu-toggle:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}
.sort-menu-current {font-weight:var(--font-weight-bold);}
.sort-menu-list {position:absolute; top:100%; right:0; z-index:10000; min-width:200px; margin:4px 0 0; padding:6px 0; list-style:none; background:var(--color-white); border:1px solid var(--border-control); box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);}
.sort-menu-list li {list-style:none;}
.sort-menu-list a {display:block; padding:10px 16px; color:var(--text-body); font-size:var(--font-size-sm); font-style:normal;}
.sort-menu-list a:focus-visible {outline:2px solid var(--color-focus); outline-offset:-2px;}
.sort-menu-list a[aria-current] {font-weight:var(--font-weight-bold);}
/* Bottom pagination - count, then Previous / page numbers / Next */
.category-pagination {margin:40px 0 0; padding-bottom:50px; text-align:center;}
.category-pagination .category-result-count {margin:0 0 15px;}
.category-pagination .page-links-container {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px;}
.category-pagination .page-links-container a,
.category-pagination .page-links-active,
.category-pagination .page-links-gap {display:inline-flex; align-items:center; justify-content:center; gap:8px; position:static; min-width:44px; min-height:44px; padding:0 10px; border:1px solid transparent; font-size:var(--font-size-md); font-style:normal;}
.category-pagination .page-links-inactive {color:var(--text-body);}
.category-pagination .page-links-inactive:hover {border-color:var(--border-control);}
.category-pagination .page-links-active {background:var(--text-body); color:var(--color-white); font-weight:var(--font-weight-bold);}
.category-pagination .page-links-gap {min-width:24px; padding:0; color:var(--text-muted);}
.category-pagination .page-links-container a.page-links-previous,
.category-pagination .page-links-container a.page-links-next {padding:0 18px; border-color:var(--text-body); color:var(--text-body); font-size:var(--font-size-sm); text-transform:uppercase; letter-spacing:0.5px;}
.category-pagination .page-links-container .glyphicon {top:0; font-size:var(--font-size-xs);}
.category-pagination .page-links-container a:focus-visible {outline:2px solid var(--color-focus); outline-offset:2px;}

/* ========== Content pages (2026-10-16) ==========
   Pages with body.content-page (About, Contact, policies, shipping, gift cards, sizing and the other footer pages).
   - Page area: the same width and side margins as the header, category and product pages (.db-container tokens).
     The shared .primary-content-container rules (1170px, 90% below 1199px) are left for the account and checkout pages.
   - Reading width: headings, paragraphs and lists stop at about 75 characters (ch grows with the text size modes).
     Blocks that hold images or embedded media keep the full page width.
   - Title sizes step up at the standard breakpoints; images, videos and maps never get wider than the screen. */
body.content-page .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
body.content-page .primary-content-container :is(p, ul, ol, h2, h3, h4, blockquote, #page-header, #page-footer):not(:has(img, iframe, video)) {max-width:75ch;}
body.content-page .primary-content-container :is(p, h2, h3, h4, #page-header, #page-footer) {margin-left:0; margin-right:0;} /* text lines up with the title (the older rules center these with margin auto) */
body.content-page h1.content-page-h1 {font-size:var(--font-size-4xl); line-height:1.15; overflow-wrap:break-word;}
body.content-page h1.long-words-content-page-h1 {font-size:var(--font-size-3xl); line-height:1.15; overflow-wrap:break-word;}
@media all and (min-width: 768px) {
	body.content-page h1.content-page-h1 {font-size:var(--font-size-5xl);}
	body.content-page h1.long-words-content-page-h1 {font-size:var(--font-size-4xl);}
}
@media all and (min-width: 992px) {
	body.content-page h1.content-page-h1 {font-size:var(--font-size-6xl);}
}
body.content-page .primary-content-container :is(img, video) {max-width:100%; height:auto;}
body.content-page .primary-content-container iframe {max-width:100%;}
body.content-page .primary-content-container iframe:is([src*="youtube"], [src*="vimeo"]) {width:100%; max-width:560px; height:auto; aspect-ratio:16 / 9;}

/* ========== Account pages (2026-10-16) ==========
   Login, Order History, Forgot / Change Password, Change Email, Create / Edit Account, My Account, order details and Wishlists.
   - Page area: the same width and side margins as the rest of the site (.db-container tokens). The shared
     .primary-content-container rules (1170px, 90% below 1199px) are left for the basket and checkout pages.
   - The one-off widths these pages used (1170, 1035, 1000, 990, 979, 936, 825, 795, 600, 550, 500, 479, 400, 375, 351,
     330, 300px) were moved to the standard breakpoints below or removed. Checkout login (ORDL) one-off rules stay for
     the checkout branch.
   - Order History: on phone each order is a card; data-label on each cell names the value (Order #, Date, ...).
   - Text uses the size tokens (14px minimum); checkboxes and the logout link are at least 24px tall to tap. */
body:is(.LOGN, .ORHL, .ORDH, .ORDS, .FPWD, .AFPW, .CPWD, .CEML, .ACAD, .ACED, .ACLN, .WISH, .WLST, .WLAD, .WLED, .WPCK, .AFCL) .primary-content-container {width:var(--container-width); max-width:var(--container-max); margin-left:auto; margin-right:auto;}
/* Login and order lookup - the two sections never stretch past a comfortable width */
body:is(.LOGN, .ORHL) .login-page-section, .section.orhl {max-width:560px;}
@media all and (min-width: 768px) {
	body:is(.LOGN, .ORHL) .primary-content-container > .login-page-section {margin-right:48px;} /* space between the two side-by-side sections */
}
.create-wishlist-link, .my-wishlists-link {margin:15px 0 0 0; display:block;}
/* Checkboxes (Create / Edit Account "same as" options) - a 20px box and the whole label to tap */
body:is(.ACAD, .ACED) #customer-fields input[type="checkbox"] {width:20px !important; height:20px; margin:2px 8px 2px 0; vertical-align:middle;}
body:is(.ACAD, .ACED) #customer-fields input[type="checkbox"] + label, body:is(.ACAD, .ACED) #customer-fields label:has(input[type="checkbox"]) {min-height:24px; cursor:pointer;}
.my-account-page-logout-link {display:inline-flex; align-items:center; min-height:24px;}
/* Order History - 14px everywhere (it dropped to 12px below 979px) */
table.ordh-page-order-listing-table th, table.ordh-page-order-listing-table td, a.ordh-page-view-order-details-link {font-size:var(--font-size-sm);}
a.ordh-page-view-order-details-link {display:inline-flex; align-items:center; min-height:24px; color:var(--color-link); text-decoration:underline; text-underline-offset:0.15em;}

/* Tablet and smaller desktops - login sections side by side at 40% (was 400px, then 40% below 1000px) */
@media all and (max-width: 1199px) {
	.login-page-section {width:40% !important; padding-left:0 !important; margin-right:5%;}
	.login-page-section.register {padding-left:0 !important;}
	.login-page-section .textfield {width:100% !important;}
	.login-page-register-button {top:36px;}
	.ACAD #customer-fields {margin:0;}
}
@media all and (max-width: 991px) {
	.section.orhl {margin-right:0; width:100% !important;}
	.sign-in-buttons.orhl {text-align:center;}
	.wish-lists-table {width:95%;}
	.wish-list-item-listing-table {width:90%;}
}
/* Phone */
@media all and (max-width: 767px) {
	.login-page-section, .login-page-section.ordl {width:100% !important; margin-right:0;} /* after the 40% rule above */
	.ACAD #customer-fields, .ACED #customer-fields {margin:16px 0;} /* after the 1199px margin:0 above */
	.LOGN .section, .AFCL .section {float:none; display:block; margin:0 auto; height:auto; padding-bottom:20px;}
	.LOGN .section.grey-border-right, .AFCL .section.grey-border-right {border-right:none; border-bottom:1px solid var(--border-light);}
	.wishlist-search-label {margin-right:15px;}
	.wishlist-search-field {margin-right:15px; display:inline; max-width:95%;}
	.wishlist-search-button {margin:15px !important; float:right; margin-right:30px !important;}
	.wishlist-details-page-wishlist-actions li {float:none; margin:15px;}
	.CEML .change-emailaddress-section, .CPWD .change-emailaddress-section {width:100%;}
	.CEML .form_row label, .CPWD .form_row label {display:block; float:none; text-align:left;}
	.CEML .form_row input[type="text"], .CPWD .form_row input[type="text"] {width:100%; display:block;}
	.CEML .form_row .oldemailaddress, .CPWD .form_row .oldemailaddress {text-align:left; display:block;}
	.CEML #Customer_CurrentPassword, .CPWD #Customer_CurrentPassword, .cpwd-input {width:100%;}
	.ords-customer-info-wrapper label {margin-left:0 !important;}
	.ACLN .primary-content-container .account-icons {height:150px; text-align:center;}
	.ACLN .primary-content-container .account-icons img {height:50px; display:block; margin:0 auto;}
	/* Wishlist items as cards - image on the left, name, options, quantity, date added, notes, links, price and Add to Cart on the right */
	table.wish-list-item-listing-table, table.wish-list-item-listing-table tbody {display:block; width:100%; margin-left:0;}
	table.wish-list-item-listing-table tr:has(> th) {position:absolute; width:1px; height:1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
	table.wish-list-item-listing-table tr {display:grid; grid-template-columns:120px minmax(0, 1fr); column-gap:16px; row-gap:8px; padding:16px 0; border-bottom:1px solid var(--border-light);}
	table.wish-list-item-listing-table.table-striped > tbody > tr:nth-of-type(odd) {background:none;}
	table.wish-list-item-listing-table td {display:block; padding:0 !important; border:0 !important;}
	table.wish-list-item-listing-table td:first-child {grid-column:1; grid-row:1 / span 4;}
	table.wish-list-item-listing-table td:not(:first-child) {grid-column:2;}
	table.wish-list-item-listing-table .wishlist-item-listing-image-wrapper {max-width:120px;}
	table.wish-list-item-listing-table td.wishlist-item-listing-quantity::before {content:"Quantity: "; font-weight:var(--font-weight-bold);}
	table.wish-list-item-listing-table .wishlist-item-listing-move-or-date-added-wrapper, table.wish-list-item-listing-table [class*="notes-wrapper"], table.wish-list-item-listing-table [class*="link-wrapper"] {margin-top:8px;}
	table.wish-list-item-listing-table .wishlist-item-listing-edit-item-link {display:inline-flex; align-items:center; min-height:24px;}
	/* Order History cards - the header row hides; each cell shows its label (data-label) before the value */
	table.ordh-page-order-listing-table, table.ordh-page-order-listing-table tbody, table.ordh-page-order-listing-table tr, table.ordh-page-order-listing-table td {display:block; width:100%;}
	table.ordh-page-order-listing-table thead {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
	table.ordh-page-order-listing-table tr {margin:0 0 16px; padding:12px 16px; border:1px solid var(--border-light); background:var(--color-white);}
	table.ordh-page-order-listing-table.table-striped > tbody > tr:nth-of-type(odd) {background:var(--color-white);}
	table.ordh-page-order-listing-table td {display:flex; gap:12px; padding:6px 0 !important; border:0 !important; text-align:left;}
	table.ordh-page-order-listing-table td[data-label]::before {content:attr(data-label); flex:0 0 40%; font-weight:var(--font-weight-bold); color:var(--text-body);}
	table.ordh-page-order-listing-table td.total-quantity-cell, table.ordh-page-order-listing-table td.order-total-cell {display:flex;}
	table.ordh-page-order-listing-table td:empty, table.ordh-page-order-listing-table td.tracking-number-cell:not(:has(*)) {display:none;}
}