/* Blog - START */
.post-image-container {
    width: 25%;
}
/* Blog - END */

/* Cart & Checkout - START */

#viewcart #thirdPartyPayment {
    display: none !important;
}

span#radio_ship_label0 {
    color: #02991d;
    font-weight: 700;
}

#divPaymentMethods>div h4 {
    padding: 35px 1px 2px 2px;
    background: #f7f7f7;
    background-image: url(/assets/images/cards2.png);
    background-repeat: no-repeat;
}

.discount-details {
    color: rgb(90, 177, 100);
}

/* Cart & Checkout - END */

/* Home Page - START */

h2 {
    font-size: 16px;
}


.HeadBanner {
   padding: 1px 1px 1px 1px;
   background-color: #e2e2e2;
   /*border: dotted 2px #e5765c; */
   display: inline-block;
   vertical-align: middle;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}

.HeadRed {
   color: #e7e6e5;
   display: inline-block;
   font-size: 18px;
   font-weight: 600;
    padding: 0px 5px 0px 5px;
    background: #c8232c;
}

.HeadBlue {
   color: #0f538f;
   display: inline-block;
   font-weight: 800;
}

.HeadExcludes {
  font-weight: 200;
  font-size: 10px;
  display: inline-block;
}

/* Home Page - END */

/*Manufacturer Page - START */

@media (max-width: 768px) {

    #manufacturerIndex .manufacturer-index {
        width: 100%;
        list-style: none;
        float: left;
        padding: 0px 10px 50px 10px;
    }
}

@media(min-width: 768px) {

    #manufacturerIndex .manufacturer-index {
        width: 100%;
        list-style: none;
        float: left;
        padding: 0px 100px 50px 100px;
    }
}

#manufacturerIndex .mfg-name {
    text-align: center;
    float: left;
    width: 25%;
    margin-bottom: 0px;
    border-bottom: 1px solid #ececec;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ededed;
    height: 125px;
}

/*Manufacturer Page - END */

/* Product Page - START */

.breadcrumnb {
    margin: 0px 0px;
}

.bv-content-secondary-ratings-value {

    background-color: #018601 !important;
}

.productFeaturesBlock ul li
 {
    margin: 0 0 5px;
}



.form-group-email  {
    display: none;
}

.extra_field {
    margin-bottom: 0px;
}

.MagicZoom, .mz-figure {
    max-width: 400px;
}

.extrafieldsBlock {
    margin: 0px 0px 0px 0px;
}

.form-group-location  {
    display: none;
}

.form-group-title {
    display: none;
}


.availabilityInfoMaster {

 margin-top: 5px

}

.availabilityInfoShipping {

 background-color: #cde0c4;

}

.MFGLogo {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.pricingBlock {
    margin: 0 0 5px;
    line-height: 1;
}

.FreeShippingStyle {
   /* font-size: 11px;*/
    font-weight: bolder;
    margin: 5px 0 5px 0;
    padding: 3px;
    /*background-color: #cde0c4; */
    /*border-radius: 4px; */
    /*border-color: #8ac38b; */
    color: #018601;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #8ac38b;
    border-top: 1px solid #8ac38b;
    border-left: 1px solid #8ac38b;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.FreeShippingStyle2 {
   /* font-size: 11px;*/
    font-weight: bolder;
    margin: 5px 0 5px 0;
    /*padding: 5px; */
    /*background-color: #cde0c4; */
    /*border-radius: 4px; */
    /*border-color: #8ac38b; */
    color: #4e4e4e;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #8ac38b;
    border-top: 1px solid #8ac38b;
    border-right: 1px solid #8ac38b;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.minOrderQtyStyle {
    font-size: 11px;
    font-weight: 700;
    margin: 5px 0 5px 0;
    padding: 1px;
    background-color: #cde0c4;
    border-radius: 4px;
    border-color: #8ac38b;
    color: #356635;
    display: table-cell;
    vertical-align: middle;
}

.product_availability, .availability-item {
    font-size: 14px;
    color: #e10d0d;
    font-weight: 700;
}

.special-action .btn-link {
    padding: 0;
    font-weight: 500;
    color: #6b6b6b;
}

.product-gtin {
   display: inline-block;
   margin: 0px 0px 0px 0px;
}

.product-mfg {
display: inline-block;
}

/* Product Page - END */


@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap');
html,body {
    height: 100%
}
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#skip a:focus
{
position:static;
width:auto;
height:auto;
}
body {
    display: flex;
    height: 100%;
    flex-direction: column
}

.page-content {
    flex: 1 0 auto
}

footer {
    flex-shrink: 0
}
.antiCls { 
    visibility: hidden; 
}
.product-items.productList .product-item .product-content {
    text-align: left;
}
.product-items.productList .product-item .img a {
    position: initial;
}
.product-items.productList .product-item .img {
    border:1px solid #ececec;
}
.homepage-blog-posts .post-image-container img {
    height: 210px;
}
@media (max-width: 991px){
.product-items.productList .product-item .img {
    width: 32%;
}
}
@media(max-width:767px){
	.homepage-blog-posts .post-image-container img {
		height: auto;
	}
}
@media (max-width: 767px) {
	.antiCls-xs { 
		visibility: hidden; 
	}
}
body {
    font-family: open sans,sans-serif;
    font-family: karla,sans-serif;
    background: #fff;
    color: #4E4E4E;
    line-height: 1.5;
	font-size: px;
}

body:not('.checkout-1') {
    padding-top: 258px
}

.wrapper {
    margin: 0 auto;
    background: #fff;
    max-width: 1200px
}

.modal {
    z-index: 10500000000
}

img {
    max-width: 100%
}

.primary-bg {
    background: #242424;
    color: #fff
}

.secondary-bg {
    background: rgba(224,224,224,.9);
    color: inherit
}

h1 {
    font-size: 28px
}

#leftBar {
    background: 0 0;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 260px;
    margin-right: auto
}

@media(min-width: 1200px) {
    #leftBar {
    }
}

.titles {
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0
}

.col-sm-2_4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .col-sm-2_4 {
        float:left;
        width: 20%
    }
}

.logo2 {
}

.logo2 img {
    margin: auto
}

@media(min-width: 768px) {
    .logo2 img {
        margin:0
    }
}

#category .page_header {
}

.subcategories {
    border-bottom: 0 solid #ececec;
    padding: 0 0 0
}

section.subcategories_block {
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .subcategories>ul>li {
        width:100%!important;
        float: none;
        max-width: 300px;
        margin: 0 auto 20px
    }
}

.subcategories>ul>li>a {
    color: #5d5d5d;
    text-decoration: none;
    display: block;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.subcategories>ul>li>a:hover img {
}

.subcategories>ul>li span.name,.subcategories>ul>li span.desc {
    display: block;
    text-align: center
}

.subcategories>ul>li span.name {
    text-transform: none;
    margin: 10px 0;
    padding: 0 8px;
    font-weight: 700;
    border-left-style: solid;
    border-color: #2f4789;
    background-color: #ececec;
}

.subcategories>ul>li .desc {
    text-align: center;
    margin: 0 0 12px;
    padding: 0 10px
}

.subcategories>ul>li span.category-img {
    height: 160px;
    border: 0 solid #dadada;
    padding: 3px
}

.subcategories>ul>li span.category-img>img {
    max-width: 100%;
    max-height: 100%
}

#category .product-items {
}

#category .product-items .product-item {
    text-align: center
}

#category .breadcrumnb,#category .category-products .titles,.breadcrumnb {
    display: none
}

.sub-section {
    margin: 20px 0 0;
}

#listing h1.header-specials {
}

#listing h1.page_headers,#listing h1.page_heading {
}

.qtyTable-btn {
}

#listing .header>.page_heading {
}

#listing .header>.page_heading:after {
}

#listing .descriptionBlock .header>.page_heading,#listing .FeaturesBlock .header>.page_heading {
}

.productFeaturesBlock ul {
}

.availabilityInfo {
}

.product_availability {
}

.pricingBlock .retailprice {
     text-decoration: line-through;
    margin: 10px 0;
    display: inline-block;
    font-weight: 100;
    font-size: 28px;
    color: #63605c;
}

.pricingBlock .yourprice,.pricingBlock .saleprice {
    font-size: 2.5em;
    font-weight: 100;
    color: #018601;
    margin: 1px 10px 0px 0px;
    display: inline-block;
}

.pricingBlock span {
}

.addToCartBlock .qtybox-addcart label:not(.qty-input) {
}

.addToCartBlock .qtybox-addcart label.qty-input {
}

.main-image {
}

.addl-images {
    margin: 10px 0px 10px 0px;
}

.addl-images ul.slides {
}

.addl-images ul.slides li {

}

.addl-images ul.slides li a {

    background-color: #ffffff;
}

@media(min-width: 768px) {
    .addl-images {
    }

    .addl-images ul.slides li {
    }
}

@media(min-width: 1200px) {
    .addl-images {
    }

    .addl-images ul.slides li {
    }
}

#listing .btn.btn-addcart {
    text-transform: uppercase
}

#listing .btn.btn-addcart:hover {
}

.opt-label {
}

.opt-label>label {
}

.special-actions {
}

.special-action {
   margin: 0px 0px 0px 0px;
}

.special-action .btn {
}

.special-action .btn i {
}

.product-id {
    margin: 0 0 0 0px; 
    display: inline-block;
}

.product-reviews {
   margin: 0px 0px 0px 40px;
}

.product-reviews a {
}

div.qaLink {
}

div.qaLink a {
}

.user_reviews .review-shortDesc {
}

.user_reviews .review-info {
}

.rTabs {
    margin: 5px 0;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
}

.quantityBlock .quantity-table {
    margin: 0 0 15px
}

.likebutton {
    margin-top: 15px
}

@media only screen and (max-width: 567px) {
    .btn.btn-addcart i {
        display:inline-block
    }

    .product-item .img .quickview {
        display: none
    }
}

#listing .short-description,#listing .product-id,#listing .extrafieldsBlock {
}

.wide-container {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 768px) {
    .container {
        width:100%;
        max-width: 750px
    }

    .wide-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width: 992px) {
    .container {
        width:100%;
        max-width: 980px
    }

    .wide-container {
        max-width: 1200px;
        border-left: 1px solid #d5d5d5;
        border-right: 1px solid #d5d5d5
    }
}

@media(min-width: 1200px) {
    .container {
        width:100%;
        max-width: 1200px
    }

    .wide-container {
        max-width: 1200px
    }
}

.full-border-top {
    border-top: 1px solid #d5d5d5
}

.full-border-bottom {
    border-bottom: 1px solid #d5d5d5
}

.products-section .wide-container {
    padding-top: 35px;
    padding-bottom: 10px
}

.form-control {
    color: #5d5d5d;
    font-size: 13px;
    height: 38px;
    padding: 7px 12px
}

.form-control.search-text {
    border-color: #ececec;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn {
    font-size: 14px;
    border-width: 1px;
    padding: 10px 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0
}

.btn-xl {
    padding: 20px 45px
}

.btn-xs {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 20px
}

.btn-default {
    border-color: #4E4E4E;
    background-color: #2F4789;
    color: #FFFFFF;
}

.btn-default:hover,.btn-default:focus,.btn-default.focus {
    color: #FFFFFF;
    background-color: #2F4789;
    border-color: #4E4E4E;
    outline: none;
    opacity: .9
}

.btn-default.btn-inverse,.btn-primary {
    color: #2F4789;
    background-color: #FFBC19;
    border-color: #4E4E4E
}

.btn-default.btn-inverse:hover,.btn-primary:hover {
    color: #2F4789;
    background-color: #FFBC19;
    border-color: #4E4E4E;
    opacity: .7;
}

.header-navigation {
    margin-bottom: 20px
}

@media(min-width: 992px) {
    .header-navigation {
        margin-bottom:40px
    }
}

body.home-page .header-navigation {
    margin-bottom: 0
}

.navbar-wrapper {
    background: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 12
}

.navbar-wrapper.navbar-menu {
    background: #fff;
    margin-bottom: 15px
}

.navbar.navbar-inverse {
    min-height: 45px;
    margin-bottom: 0;
    padding: 0 0;
    border: none;
    border-top: 0 solid #5d5d5d;
    background-color: transparent
}

.navbar .navbar-nav {
    display: block;
    float: left;
    vertical-align: top
}

.navbar .navbar-collapse {
    text-align: left
}

.navbar-nav>li {
    display: block;
    float: left
}

#menulinks-outer .navbar-nav>li>a {
    color: #2F4789;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    line-height: 42px;
    min-height: 42px;
    padding: 0 11px
}

#menulinks-outer .navbar-nav>li:hover>a,#menulinks-outer .navbar-nav>li>a:hover,#menulinks-outer .navbar-nav>li>a:focus {
    color: #FFBC19;
    background-color: transparent
}

#menulinks-outer .navbar-nav>li>a i.menu-icon {
    font-size: 22px
}

#caTnaV {
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 0;
    background: #2F4789;
    padding: 0 80px
}

#categories-outer {
    margin: 0 -30px
}

#categories-outer .navbar-nav {
    text-align: center
}

#categories-outer .navbar-nav>li {
    float: none;
    display: inline-block
}

#categories.navbar-nav {
    margin: 0 -15px;
    float: none;
    width: auto;
    position: relative
}

#categories.navbar-nav>li {
    vertical-align: top;
    position: relative;
    z-index: auto;
    padding: 0 0 0 0
}

#categories.navbar-nav>li:before {
    content: '|';
    display: none;
    float: right;
    line-height: 44px;
    position: relative;
    left: 8px;
    font-size: 20px;
    font-weight: 700
}

#categories.navbar-nav>li:last-child:before {
    display: none
}

#categories.navbar-nav>li:after {
    content: '';
    background: 0 0;
    height: 1px;
    width: 80%;
    position: absolute;
    bottom: 12px;
    margin: auto;
    left: 0;
    right: 0
}
/* SPF change 9-16-24 bacground color from 005fb0 to ffffff */
#categories.navbar-nav>li:hover:after {
    background: #ffffff
}

/*SPF Change 9-16-24 (from 19 to 16 px) */
#categories.navbar-nav>li>a {
    font-family: karla,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0 18px;
    line-height: 52px;
    color: #FFFFFF;
    text-transform: uppercase
}

#categories.navbar-nav>li.dropdown>a {
    padding: 0 28px 0 18px
}

@media(max-width: 1199px) {
    #categories.navbar-nav>li>a {
        font-size:13px
    }
}

#mobile-categories #categories.navbar-nav>li>a {
    min-height: inherit;
    line-height: normal;
    color: #5d5d5d;
    font-size: 14px;
    padding: 0
}

#mobile-categories #categories.navbar-nav>li>a:before {
    display: none
}

#mobile-categories #categories.navbar-nav {
    margin: 0
}

#mobile-categories #categories.navbar-nav>li:before {
    display: none
}

#categories.navbar-nav>li>a:after {
}

#categories.navbar-nav>li:hover>a,#categories.navbar-nav>li>a:focus {
    background: #nav_hover_bg_color;
    color: #FFBC19
}

#categories.navbar-nav>li:hover>a:before {
    content: '';
    position: absolute;
    bottom: 5px;
    width: 80%;
    left: 10%;
    border-bottom: 0 solid #005fb0
}

.navbar-nav>li>.dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto;
    right: auto;
    background: #fff;
    border: 0 solid #404242;
    padding: 0;
    width: auto;
    min-width: 100%;
    overflow: hidden;
    display: none;
    color: #fff;
}

.navbar-nav>li>.dropdown-menu.menu_sm {
    max-width: 600px
}

.navbar-nav>li:first-child>.dropdown-menu {
}

.navbar-nav>li:nth-child(5)>.dropdown-menu {
}

.navbar-nav>li:last-child>.dropdown-menu {
}

.navbar-nav>li>.dropdown-menu.mega {
}

@media(max-width: 1199px) {
    .navbar-nav>li>.dropdown-menu {
    }

    .navbar-nav>li:last-child>.dropdown-menu {
    }
}

#categories-outer .dropdown-menu>li {
    padding: 1px;
    border-top: 1px solid #e9e9e9
}

#categories-outer .dropdown-menu>li>a {
    padding: 12px;
    font-size: 13px;
    color: #656565;
    background: 0 0;
    font-weight: 500;
    text-transform: uppercase
}

#categories-outer .dropdown-menu>li:hover>a {
    color: #2F4789;
    background: #FFFFFF;
}

.dropdown-menu>li:hover>a,.dropdown-menu>li:focus>a {
}

.navbar-nav>li.dropdown>a:after {
    content: "\f107";
    font-family: fontello;
    font-size: 18px;
    line-height: 52px;
    margin: 0 2px;
    float: right;
    position: absolute;
    right: 2px;
    top: 0
}

.navbar-header {
    float: none;
    font-size: 14px;
    font-weight: 300;
    color: #4e4e4e;
    padding: 0 0;
    background: #F2F2F2;
    border-bottom: 0 solid #000;
    text-transform: none;
    overflow: hidden;
}

.navbar-header .navbar-toggle {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    height: 40px;
    border-color: transparent;
    margin: 0 5px;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #333
}

.navbar-header .navbar-toggle span {
    color: #333;
    font-size: 18px;
    vertical-align: bottom
}

.navbar-header .navbar-toggle:hover {
    color: #fff;
    background: #333
}

@media(max-width: 991px) {
    .navbar-header {
    }

    .navbar-left,.navbar-right {
        float: none!important
    }

    .navbar-header .navbar-toggle {
        display: block;
        height: 42px;
        border-color: transparent;
        margin: 7px 5px;
        padding: 13px 5px;
        font-size: 15px;
        line-height: 14px;
        color: #333
    }

    .navbar-header .navbar-toggle:hover,.navbar-header .navbar-toggle:focus {
        background-color: #005fb0;
        text-decoration: none
    }

    .navbar-header .navbar-toggle:hover span,.navbar-header .navbar-toggle:focus span {
        color: #005fb0
    }

    .navbar-header .navbar-toggle .icon-bar {
        background-color: #333
    }

    .navbar-header .navbar-toggle:hover .icon-bar,.navbar-header .navbar-toggle:focus .icon-bar {
        background-color: #005fb0
    }

    .navbar-collapse.collapse {
        display: none!important
    }

    .navbar-nav {
        float: none!important
    }

    .navbar-nav>li {
        float: none;
        display: block;
        text-align: left
    }

    .collapse.in {
        display: block!important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #menulinks-outer .navbar-nav .open .dropdown-menu>li>a {
        color: #fff
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
}

.breadcrumnb ol li {
    font-size: 12px;
    font-weight: 400
}

.breadcrumnb ol li>a {
    color: #000;
    text-transform: none;
    font-size: 12px;
    font-weight: 400
}

.breadcrumnb ol li:after {
    content: '>';
    color: #000
}

#checkout-logo .logo {
}

.sticky-header.shrink .site-header {
    padding: 10px 0;
    background: #fff
}

.sticky-header.shrink .logo {
    height: 64px
}

.sticky-header.shrink .site-header .useraccount {
    float: right
}

@media(min-width: 992px) {
    .sticky-header.shrink .site-header .useraccount .utils span {
        display:none
    }
}

.sticky-header.shrink .site-header .searchBox {
    margin: 10px 0 10px auto;
    float: left;
    clear: none
}

#sticky-toggle {
    display: none
}

.sticky-on #sticky-toggle {
    display: block
}

#sticky-toggle a {
    padding: 0!important
}

.sticky-ads {
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 22px;
    color: #fff;
    width: 60px;
    line-height: 52px;
}

.sticky-ads:hover {
    color: #005fb0
}

.sticky-on .sticky-ads {
    display: block
}

.sticky-ads.abs-left img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 50px;
    margin: auto
}

.sticky-ads.abs-right {
    left: auto;
    right: 0
}

.sticky-ads.abs-right2 {
}

.logo {
    height: 85px;
    margin: 0 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media(min-width: 992px) {
    .logo {
        height:85px;
        margin: 5px 0px 10px 0px;
    }
}

@media(min-width: 1200px) {
    .logo {
    }
}

.logo img {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    z-index: 13
}

@media(max-width: 991px) {
}

.logo a:hover img {
    opacity: 1
}

.tablet_buttons {
    margin-top: 20px;
}
.tablet_buttons .btn {
    margin-left: 15px;
}
.custom_mid {
    margin-top: 5px;
}

@media(min-width: 992px) {
    .custom_mid {
        margin-top:20px
    }
}

.useraccount {
    margin: 10px 0
}

#mobile-menu-trigger2 {
}

.utils {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
    text-align: right;
    float: right
}

.utils li {
    display: inline-block;
    text-align: right;
    line-height: 40px;
    padding: 0 7px;
    font-size: 18px;
    font-weight: 400;
    color: #5d5d5d
}

.utils a {
}

.utils a:hover {
}

.utils a:hover i {
}

.utils i {
    color: #404242;
    font-size: 28px
}

.top_links {
    color: #2F4789;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    padding: 7px 5px;
    margin: 0 5px;
    position: relative
}

.top_links span {
    font-size: 18px
}

.top_links:hover {
    color: #2F4789;
    text-decoration: none
}

.top_links:hover span {
}

.top_links i {
    color: #fff;
    background: #005fb0;
    position: absolute;
    display: inline-block;
    z-index: 0;
    padding: 0;
    top: -15px;
    left: 15px;
    width: 27px;
    height: 27px;
    line-height: 26px;
    font-size: 14px;
    font-style: normal;
    line-height: 29px;
    font-weight: 400;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.slogan {
    line-height: 26px;
    color: #4e4e4e;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0;
    text-transform: none;
    text-align: center
}

.slogan a {
    display: inline-block;
    color: #333;
    margin-left: 5px
}

.slogan a:hover {
    color: #000
}

@media(min-width: 768px) {
    .slogan a {
        margin-left:5px
    }
}

@media(min-width: 992px) {
    .slogan {
        text-align:left
    }
}

.slogan .icon-basket {
    position: relative
}

.slogan i {
    font-size: 13px
}

.slogan i:not(.icon-menu):before {
}

.site-header {
    padding: 0 0;
    background: #fff;
    position: relative;
    border-bottom: 5px solid #404242;
    border-top: 5px solid #444
}

@media(min-width: 768px) {
    .site-header {
        padding:15px 0;
        border-bottom: 0 solid #404242;
        border-top: 0 solid #444;
        background: #fff
    }
}

@media(min-width: 992px) {
    .site-header {
    }
}

.site-header .container {
    position: relative
}

@media(max-width: 767px) {
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999999
}

.site-header .searchBox {
    float: none;
    width: 100%;
    max-width: 540px;
    min-width: 250px;
    margin: 0 auto;
    border: 0 solid #ededed;
    position: relative
}

@media(min-width: 992px) {
    .site-header .searchBox {
    }
}

@media(min-width: 1200px) {
    .site-header .searchBox {
    }
}

.sticky-on .logo {
}

.sticky-on .slogan a {
    display: inline-block
}

.sticky-on .slogan {
    /* margin: 20px 0 */
}

.sticky-on .site-header {
    background-color: #fff;
    border-top: 5px solid #005fb0
}

.sticky-on .site-header .searchBox {
    display: block;
    margin: 0 0 0 auto;
    border: 1px solid #404242;
    max-width: 300px
}

.sticky-on .site-header {
    display: block
}

.sticky-on #caTnaV {
    display: none
}

@media(min-width: 768px) {
    .sticky-on .site-header {
        display:block;
        padding: 5px 0
    }
}

@media(min-width: 992px) {
    .sticky-on .navbar-header,.sticky-on .site-header {
        display:none
    }

    .sticky-on #caTnaV {
        display: block
    }
}

.searchBox {
    padding: 0 0;
    position: relative
}

.search-form {
    position: relative;
    border: 1px solid #c7c7c7;
    border-radius: 0
}

.search-form .search-text {
    padding: 9px 42px 9px 12px;
    height: 44px;
    border: none;
    background: #fff;
    color: #000;
    text-transform: none;
    font-weight: 400;
    font-size: 15px
}

.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    border: none;
    padding: 0;
    background: #FFBC19;
    color: #2F4789;
    border-left: 1px solid #4E4E4E;
}

table.searchlight-results {
    width: 350px!important;
    margin-top: -10px
}

.minicart {
    min-width: 165px;
    height: 60px;
    float: right;
    padding: 15px 0 15px 10px;
    border-left: 1px solid #ececec
}

.minicart-inner {
    display: block;
    color: #5d5d5d;
    text-transform: uppercase;
    cursor: pointer
}

.minicart-inner:hover {
    color: #5d5d5d;
    opacity: .8
}

.minicart .cart-icon {
    display: block;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    float: left;
    margin-right: 5px
}

.minicart .cart-details {
    display: block;
    float: left
}

span.cart-title {
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-weight: 700
}

span.cart-count {
    color: #676767;
    font-size: 10px;
    display: block;
    line-height: 15px;
    font-weight: 400
}

.site-footer {
    border-top: 1px solid #f4f4f4;
    background: #333333;
    color: #FFFFFF;
    font-family: karla,sans-serif;
    padding: 25px 0 0
}

@media(min-width: 768px) {
    .site-footer {
        padding:30px 0 0
    }

    .site-footer .wide-container {
        padding: 40px 0 25px
    }
}

.footer1 {
    padding-bottom: 40px;
    margin-bottom: 45px;
    border-bottom: 1px solid #e9e9e9
}

.footer-txt {
}

.footer-txt>span {
}

.footer-txt>div,.footer-txt>p {
}

@media(min-width: 768px) {
    .footer-txt>div,.footer-txt>p {
    }
}

.footer-txt>div {
}

.site-footer .col-sm-9>.row>.col-md-3.col-sm-6:nth-child(3) {
    clear: both
}

@media(min-width: 992px) {
    .site-footer .col-sm-9>.row>.col-md-3.col-sm-6:nth-child(3) {
        clear:none
    }
}

ul.extrapages {
    text-align: center
}
@media(min-width: 992px) {
    ul.extrapages {
        text-align: left
    }
}

ul.extrapages li.label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #333;
    text-transform: uppercase
}

ul.extrapages li {
    display: block;
    line-height: 1.75em;
    margin: 0 0 8px 0
}

ul.extrapages li.contact {
    margin: 0
}

ul.extrapages li.contact a {
    color: #0d703c
}

ul.extrapages li a {
    color: #FFFFFF;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    text-decoration: none
}

ul.extrapages li a:hover {
    color: #ccc;
    background: 0 0
}

ul.extrapages li a i {
    vertical-align: middle
}

.global-footer {
    text-align: center
}

.copyright {
    border-top: 1px solid #f2f2f2;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: 0 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em
}

@media(min-width: 992px) {
    .copyright {
        text-align:left
    }
}

.copyright a {
    color: #FFFFFF;
}

.copyright_txt {
    padding-top: 6px;
    text-transform: none
}

.newsletter {
    background: #fff;
    color: #fff;
    padding: 20px;
    text-align: left;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-top: 25px
}

.mailist-box {
    width: 100%;
    float: none;
    text-align: left;
    margin-bottom: 0
}

.mailist-box form {
    margin: auto;
    clear: both;
}

.mailist-box h3 {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 12px!important;
    padding: 0
}

@media(min-width: 992px) {
    .mailist-box h3 {
        text-align: left;
    }
}

@media(min-width: 1200px) {
    .mailist-box h3 {
    }
}

.mailinglist-form {
    margin: auto;
    max-width: 510px;
    border: 1px solid #333
}

.mailinglist-input.form-control {
    background-color: #fff;
    border-color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    max-width: 82%;
    height: 38px;
    color: #333;
    float: left
}

.mailinglist-input.form-control::placeholder {
    color: #3b3b3b
}

.mailinglist-submit {
    border: 1px solid #2F4789;
    float: right;
    width: 18%;
    height: 38px;
    font-weight: 400;
    border-color: #2F4789 !important;
    background-color: #2F4789 !important;
    font-size: 0;
    color: #FFFFFF !important;
    border-radius: 0
}

.mailinglist-submit i {
    font-size: 15px
}

@media(min-width: 768px) {
    .mailinglist-submit {
        font-size:0
    }

    .mailinglist-submit i {
        display: block
    }
}

.btn-default.mailinglist-submit:hover,.btn-default.mailinglist-submit:focus {
    background-color: #FFBC19!important;
    color: #2F4789 !important;
    border-color: #FFBC19!important
}

.mailinglist-response {
    display: none
}

.maillist-options {
    display: block;
    margin: 0 0 0;
    text-align: center;
    color: #fff
}

.subscribe {
    float: none;
    display: inline-block;
    margin: 12px 15px 0 0;
    line-height: 13px
}

@media(min-width: 768px) {
    .maillist-options {
        text-align: center;
    }

    .subscribe {
    }
}
@media(min-width: 992px) {
    .maillist-options {
        text-align: left;
    }

    .subscribe {
    }
}

.subscribe input[type=radio] {
    margin: 0;
    vertical-align: middle
}

.subscribe label {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-left: 3px;
    color: #FFFFFF;
    cursor: pointer;
    text-transform: none
}

.seals {
    margin-bottom: 20px
}

ul.payment-icons {
    margin: 0 0 0;
    text-align: left;
    color: #777
}

@media(min-width: 768px) {
    ul.payment-icons {
        text-align:left
    }
}

ul.payment-icons li {
    font-size: 26px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 2px
}

@media(min-width: 992px) {
    ul.payment-icons li {
        font-size:28px
    }
}

ul.payment-icons li.payment-icons-label,ul.social-icons li.social-icons-label {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    vertical-align: bottom;
    text-transform: none;
    padding: 8px 0;
    line-height: 20px
}

.social-icons {
    width: auto;
    float: none;
    margin: 15px 0 0;
    padding: 0!important;
    text-align: center;
    color: #fff
}

.social-icons li {
    margin: 2px!important;
    padding: 5px;
    border: none
}

.social-icons li a {
    color: #FFFFFF;
    background-color: transparent;
    width: 26px;
    height: 26px;
    line-height: 30px;
    border-radius: 0;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    border: none;
    padding: 0!important;
    text-decoration: none
}

.social-icons li a span {
}

@media(min-width: 992px) {
    .social-icons {
        text-align:left;
        margin: 10px 0
    }

    .social-icons li {
    }

    .social-icons li a {
    }
}

.social-icons li a:hover {
    opacity: 1;
    border-color: #FFFFFF;
    color: #FFFFFF
}

.reviews-stars {
    font-size: 18px
}

.reviews-stars:before {
    font-family: fontello;
    content: "\e804 \e804 \e804 \e804 \e804";
    color: #373737
}

.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star,.rating-input:checked~.rating-star,.reviews-stars {
    color: #FADE60;
}

.product-items {
}

.product-items .product-item-container {
}

.product-items .product-item {
    text-align: center;
    margin-bottom: 40px
}

.product-item .name {
    position: relative;
    height: 22px
}

.product-item .name a {
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: 14px
}

.product-item del.regular-price {
    text-decoration: line-through
}

.sale-price {
    color: #cb0826
}

del.original-price {
    font-weight: 400
}

span.freeshipping {
}

.product-item .status span:before {
    content: "" 
}

.product-item .status {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: green;
    /* display: none */
}

.product-item .desc {
    position: relative;
    font-size: 16px;
    min-height: 22px
}

.product-item .price {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 10px auto
}

.product-item .on-sale-badge {
    /* display: none; */
    border-radius: 100%;
  /*  line-height: 34px;*/
    padding: 12px 0;
   /*  height: 60px;*/
    /* width: 60px;*/
    text-align: center;
    top: -270px;
    right: 5px;
    font-size: 15px;
    background: #cb0826;
    color: #fff;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.product-item .img {
    min-height: 210px;
    position: relative;
    border: 0 solid #ececec;
    background-color: #fff
}

.product-item .img a {
    display: block
}

.product-item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: opacity .4s;
    -webkit-backface-visibility: hidden;
    max-height: 100%;
    max-width: 100%
}

.product-item .action {
    position: relative;
    margin: 10px auto auto;
    display: block
}

.product-item .action .btn {
    min-width: 200px
}

.product-item .reviews {
    /*display: block*/
   display: none;
}

.product-item .reviews span.reviews-count {
    display: none
}

.QTY-nav {
    border: 1px solid #ccc;
    height: 36px;
    display: block;
    width: 115px;
    margin: 4px auto
}

.QTY-nav button {
    float: left;
    width: 30%;
    background: #404242;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 100%;
    height: 100%;
    padding: 5px
}

.QTY-nav input {
    float: left;
    width: 40%;
    color: #474747;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    height: 100%
}

.head-mobile-nav {
    margin: 23px auto
}

.head-mobile-nav>a {
    color: #404242;
    font-size: 18px;
    line-height: 1
}

.head-mobile-nav>a span {
    font-size: 22px
}

.page-content {
    padding-top: 0
}

#home .page_headers {
    font-size: 30px;
    line-height: 1.35;
    margin-bottom: 30px
}

.homepage_content {
    padding: 35px 0;
    background: #e5eaf0
}

.homepage_text {
    margin-top: 25px;
    text-align: center
}

.homepage_text h2 {
}

@media(min-width: 768px) {
    .homepage_text {
        margin-top:75px;
        text-align: left
    }

    .homepage_text h2,#home .page_headers {
        font-size: 36px;
        margin-bottom: 30px
    }
}

@media(min-width: 992px) {
    .homepage_text {
        margin-top:80px;
        text-align: left
    }

    .homepage_text h2,#home .page_headers {
        font-size: 52px;
        margin-bottom: 50px
    }
}

@media(min-width: 1200px) {
    .homepage_text {
        margin-top:150px;
        text-align: left
    }

    .homepage_text h2,#home .page_headers {
        font-size: 52px;
        margin-bottom: 75px
    }
}

#home.page-content {
    padding: 0
}

#home .product-items .product-item-container {
}

.homeCarousel.flexslider {
    margin-bottom: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0
}

@media(min-width: 768px) {
    .homeCarousel.flexslider {
        position:relative
    }
}

#carousel-sellers {
    width: 94%;
    margin: 0 3%
}

.products-section {
    background-color: transparent;
    padding: 20px 0 0;
    margin: 0 auto 20px
}

/*SPF changed padding*/
@media(min-width: 768px) {
    .products-section {
        background-color:transparent;
        /*padding: 35px 0 0;*/
        padding: 5px 0 0;
        margin: 0 auto
    }
}

.products-section h2 {
    display: block;
    background: 0 0;
    /*text-align: center;*/
    text-align: left;
    /*color: #4E4E4E; */
    color: #b3b3b3;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    /*font-weight: 700;*/
    font-weight: 500;
    text-transform: none;
    padding: 0 12px;
    /*margin: 0 0 35px;*/
    margin: 0 0 0px;
    position: relative
}

.products-section h2 span {
}

@media(max-width: 991px) {
    .products-section h2 {
        font-size:36px
    }
}

.home-page-content .category-footer {
    padding: 0 0
}

.home-page-content .category-footer h3 {
}

.home-page-content .category-footer p {
    font-size: 16px;
    margin: 0 0 20px;
    font-weight: 400
}

.home-page-content .category-footer a:hover img {
    opacity: .7
}

/*SPF Change - Home page logo 9.20.24 */
.home-page-content .category-header {
    margin: 0px 0px;
    /* margin: 25px 0; */
    text-align: center
}

.home-page-content .category-header h3 {
    text-align: center;
    color: #404242;
    font-size: 32px;
    line-height: 1.35;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 10px;
    position: relative;
    border: none
}

.home-page-content .category-header h3 span {
}

.home-page-content .category-header p {
    font-size: 16px;
    font-weight: 400
}

.home-page-content .category-header img {
    margin: 0 auto
}

.promo-banners {
    margin: 20px auto;
    text-align: center
}

.promo-banners .col {
}

.promo-img {
    display: block;
    text-align: center;
    text-decoration: none!important;
    margin-bottom: 25px
}

.promo-img img {
    margin: auto auto 0;
    width: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.promo-img:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.promo-img .btn {
    width: 100%;
    padding: 25px;
    font-size: 21px;
    font-weight: 400;
    text-transform: none
}

@media(max-width: 767px) {
    .promo-banners .row {
    }

    .promo-img img {
        width: 100%;
        margin-bottom: 0;
        height: auto!important
    }
}

.homeCarousel.flexslider .slides img {
    width: 100%
}


.flexslider .slides img {
    margin: auto;
    max-width: 100%;
}

.product-items .product-item.slick-slide {
    float: left!important
}

#hp-slides>li {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

.hp-slider-text-outer {
    display: table;
    height: 450px;
    margin: auto
}

@media(min-width: 992px) {
    .hp-slider-text-outer {
        height:580px
    }
}

.hp-slider-text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 60px
}

.hp-slider-text h3 {
    position: relative;
    font-size: 40px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.15;
    text-shadow: 3px 3px 5px rgba(0,0,0,.6)
}

.hp-slider-text h3:before {
    content: '';
    border-left: 10px solid #005fb0;
    padding-left: 10px;
    position: relative;
    margin-left: -20px;
    display: block;
    height: 100%;
    position: absolute
}

.hp-slider-text h3>span {
    display: block
}

.hp-slider-text h3>small {
}

@media(min-width: 768px) {
    .hp-slider-text h3 {
        position:relative;
        font-size: 60px;
        margin: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.15;
        text-shadow: 3px 3px 5px rgba(0,0,0,.6)
    }

    .hp-slider-text h3>span {
        display: block
    }

    .hp-slider-text h3>small {
    }
}

.hp-slider-text p {
    margin: 25px auto
}

.hp-slider-img {
    height: 650px;
    position: relative
}

.hp-slider-img img {
    max-height: 650px;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.hp-slider-cta a {
    min-width: 200px;
    border: none;
    padding: 12px;
    font-size: 16px
}

.extrapages-shower a {
    display: block;
    text-align: center;
    background-color: #fff;
    color: #5e5444;
    border: 1px solid #5e5444;
    padding: 10px 18px;
    text-decoration: none!important;
    margin-bottom: 5px
}

.extrapages-shower a:after {
    content: "\f106";
    font-family: fontello;
    float: right
}

.extrapages-shower a.collapsed:after {
    content: "\f107"
}

@media(max-width: 991px) {
    #menulinks-outer .navbar-nav>li>a {
        font-size:14px;
        min-height: 0
    }

    .navbar-nav>li.dropdown>a:after {
        float: right
    }

    .mailist-box {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
    }

    .footer-social {
        text-align: center
    }
}

@media(max-width: 767px) {
    .logo {
        text-align:center;
        height: 90px
    }

    .logo img {
        position: absolute;
        right: 0;
        left: 0;
        max-height: 98%
    }

    .products-section h2,.home-page-content .category-header h3 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .products-section h2 span,.home-page-content .category-header h3 span {
    }

    .searchBox {
        padding: 20px 0 0
    }

    .search-form-col {
        clear: both
    }

    .flex-direction-nav a:before {
        font-size: 24px
    }

    .flex-direction-nav a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: -12px 0 0
    }

    .mailinglist-input.form-control {
    }

    .social-icons {
        margin: 25px auto 15px;
        text-align: center;
        width: 100%
    }

    .social-icons li a {
        font-size: 16px
    }

    .footer-social ul li {
        padding: 0 4px
    }

    .extrapages {
        display: none
    }

    .home-page-content .category-header {
        padding: 15px 0
    }

    .mailist-box {
        margin: 15px auto 0 auto;
        padding: 0;
    }

    .extrapages-shower a {
        display: block
    }

    ul.extrapages {
        margin: 0;
        padding: 5px 0 15px;
        text-align: center
    }

    ul.extrapages li {
        display: block
    }

    ul.extrapages li a {
        font-size: 14px
    }
}

@media(max-width: 567px) {
    .product-items.product-items-1 .product-item,.product-items.product-items-2 .product-item,.product-items.product-items-3 .product-item,.product-items.product-items-4 .product-item,.product-items.product-items-5 .product-item,.product-items.product-items-6 .product-item {
        max-width:270px
    }
}

.menu-open {
    overflow: hidden
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10500000000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(0,0,0,.5)
}

.menu-open .mobile-menu {
    overflow-x: hidden;
    overflow-y: auto
}

.mobile-menu-inner {
    background-color: #fff;
    padding: 30px 20px;
    width: 250px;
    margin-left: 0;
    margin-right: auto;
    min-height: 100vh;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(-250px,0);
    -ms-transform: translate(-250px,0);
    -o-transform: translate(-250px,0);
    transform: translate(-250px,0)
}

.menu-open .mobile-menu-inner {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.mobile-menu-close a {
    color: #5d5d5d;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-decoration: none
}

.mobile-menu-close a:after {
    content: '\e805';
    font-family: fontello
}

.mobile-menu-widget {
    margin: 30px 0
}

.mobile-menu-widget h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
    border-bottom: 1px solid #ececec
}

.mobile-menu-widget ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.mobile-menu-widget ul li {
    margin: 0 0 10px
}

.mobile-menu-widget ul li>span {
    display: none
}

.mobile-menu-widget ul li a {
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent!important;
    display: block;
    color: #337ab7;
    text-decoration: none!important
}

.mobile-menu-widget ul li a:hover {
    color: #333
}

.mobile-menu-widget ul ul {
    display: none!important
}

.mobile-menu-widget ul li a:after {
    display: none
}

.mailinglist-response {
    margin: 10px 0;
    padding: 10px 20px;
    font-size: 12px;
    background-color: #2d2d2d;
    color: #ccc
}

.mailinglist-error span {
    color: #8a6d3b
}

.mailinglist-subscribed span,.mailinglist-unsubscribed span {
    color: #3c763d
}

.mailinglist-response,.mailinglist-response div {
}

@media(min-width: 768px) {
    .floating-cart {
        top:50%
    }
}

.floating-cart {
    position: fixed;
    top: 75%;
    right: 0;
    z-index: 999;
    background-color: #FFBC19;
    color: #5B5B5D;
    border-radius: 20px 0 0 20px;
    padding: 15px;
    text-align: center;
    width: 90px;
    display: none
}

.floating-cart a,.floating-cart a:hover {
    color: #5B5B5D;
    text-decoration: none
}

.floating-cart span.cart-icon {
    display: block;
    font-size: 30px;
    line-height: 1
}

.floating-cart span.cart-details {
    font-size: 12px;
    text-transform: none;
    display: block;
    margin: 5px 0 0
}

.paging {
    float: right
}

.paging strong,.paging a {
    color: #6f6f6f
}

.paging strong,.paging a:hover {
    color: #6f6f6f;
    background-color: #e5e5e5;
    text-decoration: none
}

.page_header {
    margin: 0 0 10px
}

.page_heading,.page_headers {
    line-height: 1.3;
    font-weight: 700;
    text-transform: none;
    border-bottom: 0 solid #e5e5e5;
    position: relative;
    color: inherit
}

.page_heading:after {
    border-bottom: 1px solid #404242;
    display: none
}

.page_heading span,.page_headers span {
}

.header-specials {
    display: block;
    text-align: left;
    color: #2b2b2b;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.35;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 35px;
    position: relative;
    border: none
}

.header-specials:before {
}

.header-specials span {
    display: inline-block;
    padding: 0 0;
    background: 0 0
}

.category-header {
    margin: 20px 0
}

.fullwidth-slider img {
    width: 100%
}

.scrollToTop {
    position: fixed;
    bottom: 0%;
    right: 5px;
    display: none;
    z-index: 999;
    text-align: center;
    color: #FFFFFF !important;
    background-color: #2F4789;
    border-radius: 20px 20px 0 0;
    width: 70px;
    display: none;
    font-size: 36px
}

.scrollToTop:hover {
    text-decoration: none;
    background-color: #2F4789;
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 1000ms ease-in-out;
    -ms-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out
}

.scrollToTop span {
    display: none
}

iframe {
    display: block
}

.sidebar-widget {
    background: 0 0;
    border-bottom: 3px solid #fff;
    padding: 0 10px;
    margin-bottom: 25px
}

.sidebar-widget ul {
    margin: 0 0;
    padding: 0;
    list-style: none;
    float: none;
    text-align: left
}

.sidebar-widget ul li {
    float: none;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    text-transform: none;
    text-align: left;
    padding: 0 0 0 0;
    border: none
}

.sidebar-widget ul li:hover>a {
}

.sidebar-widget ul#categories>li:hover>a:after {
    content: "\f105";
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.sidebar-widget ul li a {
    color: #000
}

.sidebar-widget ul li:hover>a {
    color: #404242
}

.sidebar-widget .dropdown-menu {
    position: absolute;
    top: 0;
    left: calc(100% - 10px);
    background: #fff
}

@media(max-width: 991px) {
    .sidebar-widget .dropdown-menu {
        display:none!important
    }
}

.sidebar-widget .product-item .img {
    min-height: 80px
}

.widget-header {
    background: #2f4789;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    border: none;
    padding: 12px 10px;
    margin: 0 -10px
}

.widget-header:after {
    display: none
}

.widget-body {
    padding: 10px 0
}

.widget-body .product-item {
    border-bottom: 0 solid #444;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: left
}

#modTopSellers .widget-body .product-item {
    text-align: center
}

.widget-body .product-item .name {
    height: auto!important;
    margin-bottom: 5px
}

.widget-body .product-item .name a {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.widget-body .product-item .price {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin: 5px auto
}

.widget-body ul.list-unstyled {
    margin-top: -10px;
    text-align: left
}

.widget-body ul a {
    color: #000
}

.sidebar-widget .topsellers-item:not(:last-child),.sidebar-widget .new-release-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}

body#quickView aside div form#add div div div#main-image a#listing_main_image_link>.mz-figure,body#quickView aside div form#add div div div#main-image a#listing_main_image_link>.mz-figure>img {
    max-width: 100%!important
}

.cart-items>li>span.item-name span.item-thumb img {
    max-height: 100%;
    margin: auto
}

body.view-cart span.item-action .view-options {
    display: none
}

body.view-cart span.itemoptions {
    display: block!important
}

.chkShoppingCart .product-image {
    text-align: center
}

.qv .qty .qty-input {
    height: 42px
}

.qv .addcart {
    margin: 0 0 0 10px
}

body.view-cart #leftBar,body.my-account #leftBar {
    display: none
}

body.view-cart .middle-grid,body.my-account .middle-grid {
    width: 100%
}

.stuck {
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    transition: background-color .3s,opacity .3s;
    box-shadow: 1px 1px 10px rgba(0,0,0,.45)
}

.stuck.stuck2 {
    z-index: 98
}

.sticky-jump .stuck {
    -webkit-animation: stuckMoveDown .6s;
    animation: stuckMoveDown .6s
}

.sticky-fade .stuck {
    -webkit-animation: stuckFadeIn .6s;
    animation: stuckFadeIn .6s
}

.sticky-shrink .stuck .header-main {
    transition: height .8s
}

@-webkit-keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes stuckFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes stuckFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#modNewReleases {
    background: #DBECF9;
}

/* ============================================================
   Product card, sale price: grey the struck-through original so the
   current price is the one that reads as active. Covers both class
   names in use across the card templates, and the strike line itself.
   ============================================================ */
.product-item del.regular-price,
.product-item del.regular-price *,
.product-item del.regular-price-mfg,
.product-item del.regular-price-mfg * {
    color: #9ca3af !important;
    text-decoration-color: #9ca3af !important;
}

/* ============================================================
   Sale flag on product cards: small rectangle pinned to the card's
   top-right, matching the product page. Applies wherever cards render
   inside a .product-items grid - home carousels, category, brand,
   related items and cart.
   ============================================================ */
.product-items .product-item { position: relative !important; }
.product-items .product-item .price,
.product-items .product-item .regular-price,
.product-items .product-item .regular-price-mfg,
.product-items .product-item .product-content,
.product-items .product-item [class*="col-"] { position: static !important; }
.product-items .product-item .on-sale-badge {
    display: inline-block !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 4;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    background: #FF5832 !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    text-indent: 0 !important;
    text-align: center !important;
    transform: none !important;
    -webkit-transform: none !important;
}
/* ============================================================
   Pricing on product cards: the current price reads dark and
   bold; a struck original sits small and grey above it, and
   sale items add a green savings line. The SALE badge keeps
   its own colour and position.
   ============================================================ */
#home .products-section .price {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    line-height: 1.25; height: auto; min-height: 60px;
}
#home .products-section .price del.regular-price { font-size: 12px; font-weight: 500; order: -1; }
#home .products-section .price > span.regular-price { color: #1f2933; font-size: 20px; font-weight: 800; }
#home .products-section .price .sale-price { color: #FF5832; font-size: 20px; font-weight: 800; }
.sidebar-widget .product-item .price {
    display: flex; flex-direction: column; align-items: flex-end; line-height: 1.25; height: auto;
}
.sidebar-widget .product-item .price del.regular-price { font-size: 11px; font-weight: 500; order: -1; }
.sidebar-widget .product-item .price > span.regular-price { color: #1f2933; font-size: 15px; font-weight: 800; }
.sidebar-widget .product-item .price .sale-price { color: #FF5832; font-size: 15px; font-weight: 800; }
.save-line {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    color: #02991d;
    margin-top: 2px;
}

/* ============================================================
   Part number and UPC copy controls in the buy box.
   ============================================================ */
.copy-chip { display: inline-flex; align-items: center; gap: 6px; position: relative; padding: 1px 6px; margin: 0 0 0 -7px; font: inherit; color: inherit; background: transparent; border: 1px solid transparent; border-radius: 4px; cursor: pointer; }
.copy-chip:hover, .copy-chip:focus { background: #fff5f2; border-color: #ffd0c2; outline: none; }
.copy-chip-icon { font-size: 11px; color: #b9b9b9; }
.copy-chip:hover .copy-chip-icon, .copy-chip:focus .copy-chip-icon { color: #FF5832; }
.copy-chip.is-copied { background: #eaf6ea; border-color: #b9dfb9; }
.copy-chip.is-copied .copy-chip-icon { color: #256911; }
.copy-chip-tip { position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 10.5px; font-weight: 700; line-height: 1; letter-spacing: .02em; text-transform: uppercase; color: #fff; background: #333; padding: 4px 7px; border-radius: 3px; opacity: 0; visibility: hidden; transition: opacity .15s ease; pointer-events: none; }
.copy-chip:hover .copy-chip-tip, .copy-chip:focus .copy-chip-tip, .copy-chip.is-copied .copy-chip-tip { opacity: 1; visibility: visible; }
.copy-chip.is-copied .copy-chip-tip { background: #256911; }

/* ============================================================
   Product page "report a problem" panel. The small bug walks
   gently beside the link to catch the eye; it holds still for
   anyone who prefers reduced motion.
   ============================================================ */
.report-issue { margin: 18px 0 6px; padding-top: 14px; border-top: 1px solid #ececec; }
.report-issue-link { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: #717171; text-decoration: none; }
.report-issue-link:hover, .report-issue-link:focus { color: #FF5832; text-decoration: underline; }
.report-issue-bug { display: inline-block; color: #FF5832; font-size: 15px; animation: reportBugWalk 2.6s ease-in-out infinite; transform-origin: 50% 60%; }
@keyframes reportBugWalk {
    0%   { transform: translateX(0) rotate(0deg); }
    12%  { transform: translateX(2px) rotate(-8deg); }
    24%  { transform: translateX(4px) rotate(6deg); }
    36%  { transform: translateX(6px) rotate(-6deg); }
    48%  { transform: translateX(4px) rotate(8deg); }
    60%  { transform: translateX(2px) rotate(-5deg); }
    72%  { transform: translateX(0) rotate(4deg); }
    100% { transform: translateX(0) rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
    .report-issue-bug { animation: none; }
}
.report-issue-panel { margin-top: 12px; padding: 16px; background: #f7f7f7; border: 1px solid #e3e3e3; border-radius: 6px; max-width: 620px; }
.report-issue-intro { font-size: 13px; color: #555; margin: 0 0 12px; }
.report-issue-options { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 12px; }
.report-issue-options label { font-size: 13px; font-weight: 500; margin: 0; cursor: pointer; }
.report-issue-options input { margin-right: 5px; }
.report-issue-label { display: block; font-size: 12.5px; font-weight: 600; margin: 6px 0 3px; }
.report-issue-panel textarea,
.report-issue-panel input[type="text"],
.report-issue-panel input[type="email"] { width: 100%; font-size: 13px; padding: 7px 9px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; background: #fff; }
.report-issue-row { display: flex; flex-wrap: wrap; gap: 12px; }
.report-issue-row > div { flex: 1 1 200px; min-width: 0; }
.report-issue-captcha { align-items: flex-end; }
.report-issue-captcha-img { flex: 0 0 auto; }
.report-issue-captcha-img img { border: 1px solid #ddd; border-radius: 4px; background: #fff; }
.report-issue-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 14px; }
.report-issue-attach { font-size: 12px; color: #717171; text-decoration: underline; }
.report-issue-hint { font-size: 12.5px; color: #FF5832; margin-top: 8px; min-height: 1em; }
.report-issue-thanks { font-size: 14px; font-weight: 600; color: #256911; margin: 0; }

/* ============================================================
   Features tab: read the specifications as a two-column table.
   The markup is a plain list, so the columns are made here.
   ============================================================ */
.productFeaturesBlock ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
}
.productFeaturesBlock ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 18px;
    margin: 0;
    padding: 9px 14px;
    border-bottom: 1px solid #ececec;
    font-size: 13.5px;
    line-height: 1.5;
}
.productFeaturesBlock ul li:nth-child(odd) { background: #f7f7f7; }
.productFeaturesBlock ul li:last-child { border-bottom: none; }
.productFeaturesBlock .feat-title {
    flex: 0 0 40%;
    max-width: 40%;
    font-weight: 600;
    color: #333;
}
.productFeaturesBlock .feat-name { flex: 1 1 45%; color: #555; }
@media (max-width: 600px) {
    .productFeaturesBlock .feat-title,
    .productFeaturesBlock .feat-name { flex: 1 1 100%; max-width: 100%; }
    .productFeaturesBlock .feat-name { color: #444; }
}

/* ============================================================
   Details tab: same table treatment, so both tabs match.
   ============================================================ */
#tab-6 .info > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
}
#tab-6 .info > ul > li,
#tab-6 .extrafieldsBlock > li {
    margin: 0;
    padding: 9px 14px;
    border-bottom: 1px solid #ececec;
    font-size: 13.5px;
    line-height: 1.5;
    color: #555;
}
/* The optional fields sit in their own wrapper inside the list, so the
   label column is matched at any depth and the banding carries on from
   the fixed rows above rather than restarting. */
#tab-6 .info > ul > li:nth-child(odd),
#tab-6 .extrafieldsBlock > li:nth-child(even) { background: #f7f7f7; }
#tab-6 .info > ul > li:last-child,
#tab-6 .extrafieldsBlock > li:last-child { border-bottom: none; }
#tab-6 .info > ul li b,
#tab-6 .info > ul li strong { display: inline-block; min-width: 38%; font-weight: 600; color: #333; }

/* ============================================================
   Description tab: a comfortable reading width and rhythm, so
   long paragraphs are easier on the eye.
   ============================================================ */
#tab-1 .item[itemprop="description"] {
    max-width: 68ch;
    font-size: 14.5px;
    line-height: 1.65;
    color: #3a3a3a;
}
#tab-1 .item[itemprop="description"] p { margin: 0 0 14px; }
#tab-1 .item[itemprop="description"] p:last-child { margin-bottom: 0; }
#tab-1 .item[itemprop="description"] ul,
#tab-1 .item[itemprop="description"] ol { margin: 0 0 16px; padding-left: 22px; }
#tab-1 .item[itemprop="description"] li { margin: 0 0 7px; line-height: 1.55; }
#tab-1 .item[itemprop="description"] li::marker { color: #FF5832; }
#tab-1 .item[itemprop="description"] strong,
#tab-1 .item[itemprop="description"] b { color: #2b2b2b; }

/* The tick box sits beside the word field; only one is ever shown. */
.report-issue-captcha .report-issue-robot { flex: 0 0 auto; margin-top: 6px; }

/* Said of the one item, not of the shop, and set apart so it reads as
   good news rather than as a warning beside the stock line. */
.ships-free {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 6px 0 0;
    padding: 4px 11px;
    background: #3F5FB0;
    border: 0;
    border-radius: 20px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}
.ships-free i { font-size: 13px; }
/* spacing is set on each part now, not once around them all */
.ships-free > i { margin-right: 6px; }
.ships-free-sm {
    /* a line of its own, centred under the stock count, so every card in a
       row keeps the same shape whether or not it carries the note */
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 6px auto 0;
    padding: 3px 9px;
    font-size: 12px;
    font-weight: 600;
}

/* beside the ship date, not stacked above it */
/* the note leads the line now, so the space that held it off the date
   holds the date off it instead */
#shippingEst .ships-free { margin: 0 8px 0 0; vertical-align: middle; }

/* the celebration mark is a character, so it needs no icon font */
.ships-free-mark { font-size: 14px; line-height: 1; margin-right: 5px; }
/* the mark that explains the wait, shown after the note */
.ships-free .ships-free-why { color: inherit; text-decoration: none; cursor: pointer; margin-left: 6px; }
.ships-free .ships-free-why i { font-size: 12px; }


/* The platform's own sheet pins every span inside a card's status line to sit
   inline, and it says so more particularly than the rule above, so the note
   stayed on the count's line. This says it more particularly still. */
.product-item .status .ships-free-sm {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 6px auto 0;
}

/* The suggestion list the search plugin builds places itself against whatever
   it sits inside. Left to itself the advanced search form counts for nothing
   in that reckoning, so the list measured itself against the page and landed
   under the header's box instead of under the box being typed in. Making the
   form count fixes where the list appears. */
.as-bigsearch { position: relative; }

/* A finger is blunter than a pointer. The mark that explains free carriage
   keeps its drawn size, but takes taps from a comfortably larger area around
   it, so it can be hit without magnifying the page. The area is empty, so
   nothing about the layout moves. */
.ships-free-why { position: relative; }
.ships-free-why::after {
    content: "";
    position: absolute;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -18px;
}

/* Where the clock says Alaska or Hawaii the free-carriage note is taken away,
   including any drawn later, such as the basket's own. */
.outside-free-carriage .ships-free,
.outside-free-carriage .cart-ships-free { display: none !important; }

/* A card for something sold out should not also promise free carriage; the two
   sat side by side and contradicted each other. The shop marks a sold-out card
   with a count of nothing, and the note beside it is taken away. A card whose
   count is anything else, or is not a number at all, keeps its note - we do not
   withdraw an offer on a reading we cannot make sense of. Done here rather than
   in script so a card drawn later is covered too. */
.availability[data-stock="0"] ~ .ships-free-sm { display: none !important; }

/* The price on a home page card kept room for three lines so a card on offer
   could stack the old price, the new one and the saving. Most carry only one
   price, so two bands of nothing sat around it. The box takes the room it uses;
   a card on offer still grows to hold all three. */
#home .products-section .price { min-height: 0; }

/* The count of what is left, set off from the promise beside it by a rule
   rather than by another colour, so the note still reads as one thing. */
.ships-free-few {
    margin-left: 7px;
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.45);
    /* amber against the blue, chosen to stay comfortably legible on it rather
       than only to stand apart: it reads at better than four and a half to one */
    color: #FFE082;
}

/* Cart: the coupon box links to the store's coupons page */
.coupons-area .coupons-page-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    font-size: 14px;
    font-weight: 700;
    color: #3F5FB0;
}
.coupons-area .coupons-page-link:hover,
.coupons-area .coupons-page-link:focus {
    color: #2F4789;
    text-decoration: underline;
}

/* ============================================================
   Cart: coupon and shipping boxes. Both open by default; each
   header carries an icon; fields are full height beside their
   buttons; an applied coupon is marked with a check; shipping
   rates read as a list.
   ============================================================ */
#viewcart .cart-detail-item { padding: 16px 0; }
#viewcart .cart-detail-item h4 { display: flex; align-items: center; gap: 8px; min-height: 28px; margin: 0; font-size: 16px; font-weight: 700; color: #1f2933; }
#viewcart .cart-detail-item h4 .fa-solid { font-size: 16px; color: #2F4789; }
#viewcart .cart-detail-item h4.module-expand:after { margin-left: auto; }
#viewcart #apply-coupon,
#viewcart #ShipQuote-module,
#viewcart #shipQuoteInt { display: block; padding-top: 10px; }
#viewcart .coupon-msg,
#viewcart .cdi-msg { margin: 0 0 10px; font-size: 13px; line-height: 1.45; color: #4b5563; }
#viewcart .apply-cupon,
#viewcart .zip-code { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
#viewcart .apply-cupon:before, #viewcart .apply-cupon:after,
#viewcart .zip-code:before, #viewcart .zip-code:after { display: none; }
#viewcart .apply-cupon > input[type="text"],
#viewcart .zip-code > input[type="text"] { flex: 1 1 100px; width: auto; min-width: 0; height: 44px; margin: 0; padding: 0 12px; float: none; font-size: 15px; color: #1f2933; border: 1px solid #cfd6db; border-radius: 6px; box-shadow: none; }
#viewcart .apply-cupon > input[type="text"]:focus,
#viewcart .zip-code > input[type="text"]:focus { border-color: #3F5FB0; outline: 2px solid rgba(63, 95, 176, .3); outline-offset: 0; }
#viewcart .apply-cupon > button,
#viewcart .zip-code > button { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 88px; height: 44px; margin: 0; padding: 0 14px; float: none; font-size: 15px; font-weight: 700; line-height: 1; text-transform: none; border-radius: 6px; }
#viewcart .apply-cupon > .coupon-apply { color: #2F4789; background: #FFBC19; border: 1px solid #4E4E4E; }
#viewcart .apply-cupon > .coupon-apply:hover,
#viewcart .apply-cupon > .coupon-apply:focus { color: #2F4789; background: #F2AD00; border-color: #4E4E4E; }
#viewcart .zip-code > .ship-calc { color: #fff; background: #3F5FB0; border: 1px solid #3F5FB0; }
#viewcart .zip-code > .ship-calc:hover,
#viewcart .zip-code > .ship-calc:focus { color: #fff; background: #2F4789; border-color: #2F4789; }
#viewcart .displayPromotions { padding: 10px 0 0; }
#viewcart .infopromotion { margin: 0 0 8px; padding: 10px 12px; background: #F3FAF5; border: 1px solid #CFE0D3; border-radius: 8px; }
#viewcart .promotion-head { margin: 0; }
#viewcart .promotion_name { font-size: 14px; font-weight: 700; color: #1f2933; }
#viewcart .promotion_name .fa-circle-check { margin-right: 2px; color: #047A1C; }
#viewcart .infopromotion .promotion_name { padding-right: 0; }
#viewcart .infopromotion .remove-promo { position: static; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; margin-top: 4px; font-size: 13px; }
#viewcart .infopromotion p { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: #4b5563; }
#viewcart .discount-details { color: #047A1C; }
#viewcart .shipquote-result-location,
#viewcart .shipquoteint-result-location { margin: 12px 0 4px; font-size: 13px; color: #4b5563; }
#viewcart .ship-rates { margin: 0; padding: 0; list-style: none; }
#viewcart .ship-rates li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; font-size: 14px; line-height: 1.35; color: #1f2933; border-bottom: 1px solid #ECEFF1; }
#viewcart .ship-rate-price { font-weight: 700; white-space: nowrap; }
#viewcart .ship-rates-note { margin: 6px 0 10px; font-size: 12px; color: #6b7280; }
#viewcart .clearValues { height: 36px; padding: 0 14px; font-size: 13px; text-transform: none; border-radius: 6px; }

/* ============================================================
   Cart: savings strip above the items. One line with the applied
   coupon or the best saving; "See all coupons" opens a row per
   coupon with its code, end date and an Apply button.
   ============================================================ */
#viewcart .cart-savings { min-height: 58px; margin: 0 0 16px; padding: 10px 14px; background: #F4F6FB; border: 1px solid #D5DCEE; border-radius: 10px; }
#viewcart .cart-savings-body { display: flex; align-items: flex-start; gap: 12px; }
#viewcart .cart-savings-body > .fa-ticket { flex: 0 0 auto; margin-top: 9px; font-size: 20px; color: #2F4789; }
#viewcart .cart-savings-main { display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; flex: 1 1 auto; min-width: 0; }
#viewcart .cart-savings-line { margin: 0; font-size: 15px; line-height: 1.45; color: #1f2933; }
#viewcart .cart-savings-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-height: 38px; }
#viewcart .cart-savings-link { display: inline-flex; align-items: center; gap: 4px; min-height: 36px; font-size: 14px; font-weight: 700; color: #3F5FB0; }
#viewcart .cart-savings-link:hover,
#viewcart .cart-savings-link:focus { color: #2F4789; text-decoration: underline; }
#viewcart .cart-savings-code { display: inline-block; padding: 2px 7px; font-family: Consolas, "Courier New", monospace; font-size: 14px; font-weight: 700; letter-spacing: .04em; color: #2F4789; background: #fff; border: 2px dashed #3F5FB0; border-radius: 6px; white-space: nowrap; }
#viewcart .cart-savings-apply { min-width: 88px; min-height: 44px; padding: 0 18px; font-size: 15px; font-weight: 700; color: #2F4789; background: #FFBC19; border: 1px solid #4E4E4E; border-radius: 6px; cursor: pointer; }
#viewcart .cart-savings-apply:hover,
#viewcart .cart-savings-apply:focus { background: #F2AD00; }
#viewcart .cart-savings-apply[aria-busy="true"] { cursor: progress; opacity: .75; }
#viewcart .cart-savings-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; font-size: 13px; font-weight: 700; line-height: 1.3; color: #4b5563; background: #EEF1F6; border-radius: 20px; white-space: nowrap; }
#viewcart .cart-savings-badge.is-soon { color: #92400E; background: #FEF3C7; }
#viewcart .cart-savings-badge.is-very-soon { color: #9F1239; background: #FFE4E6; }
#viewcart .cart-savings-bar { flex: 1 1 200px; max-width: 360px; height: 8px; overflow: hidden; background: #DCE3F3; border-radius: 4px; }
#viewcart .cart-savings-bar span { display: block; height: 100%; background: #2F4789; }
#viewcart .cart-savings-row.is-soon .cart-savings-bar { background: #FDE7B0; }
#viewcart .cart-savings-row.is-soon .cart-savings-bar span { background-color: #D97706; background-image: linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); background-size: 16px 16px; animation: cart-savings-stripes 1s linear infinite; }
#viewcart .cart-savings-row.is-very-soon .cart-savings-bar { background: #FBD0D8; }
#viewcart .cart-savings-row.is-very-soon .cart-savings-bar span { background-color: #BE123C; background-image: linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); background-size: 16px 16px; animation: cart-savings-stripes 1s linear infinite; }
@keyframes cart-savings-stripes { from { background-position: 0 0; } to { background-position: 16px 0; } }
@media (prefers-reduced-motion: reduce) { #viewcart .cart-savings-bar span { animation: none; } }
#viewcart .cart-savings-all[open] { flex-basis: 100%; }
#viewcart .cart-savings-all > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; font-size: 14px; font-weight: 700; color: #3F5FB0; list-style: none; cursor: pointer; }
#viewcart .cart-savings-all > summary::-webkit-details-marker { display: none; }
#viewcart .cart-savings-all > summary .fa-chevron-down { font-size: 12px; transition: transform .15s ease; }
#viewcart .cart-savings-all[open] > summary .fa-chevron-down { transform: rotate(180deg); }
#viewcart .cart-savings-rows { margin: 4px 0 2px; padding: 0; list-style: none; border-top: 1px solid #D5DCEE; }
#viewcart .cart-savings-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #E3E8F2; }
#viewcart .cart-savings-row-main { flex: 1 1 auto; min-width: 0; }
#viewcart .cart-savings-row-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 6px; }
#viewcart .cart-savings-row-action { display: flex; flex: 0 0 auto; justify-content: flex-end; min-width: 96px; }
#viewcart .cart-savings-note { margin: 6px 0 0; font-size: 14px; font-weight: 600; line-height: 1.45; color: #1f2933; }
#viewcart .cart-savings-terms { font-size: 14px; font-weight: 400; line-height: 1.3; color: #3F5FB0; text-decoration: underline; }
#viewcart .cart-savings-terms .fa-circle-info { margin-left: 5px; }
#viewcart .cart-savings-terms:hover,
#viewcart .cart-savings-terms:focus { color: #2F4789; text-decoration: none; }
#viewcart .cart-savings-applied { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; font-size: 14px; font-weight: 700; color: #047A1C; }
@media (max-width: 600px) {
    #viewcart .cart-savings-row { flex-wrap: wrap; }
    #viewcart .cart-savings-row-action { flex-basis: 100%; min-width: 0; }
}

/* Cart: a coupon on the cart that is not taking effect yet */
#viewcart .cart-savings-head.is-pending .cart-savings-line strong { color: #92400E; }
#viewcart .cart-savings-waiting { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; font-size: 14px; font-weight: 700; color: #92400E; white-space: nowrap; }
#viewcart .infopromotion.is-pending { background: #FFFBEB; border-color: #F3D08A; }
#viewcart .infopromotion.is-pending .promotion_name .fa-solid { color: #B45309; }
#viewcart .infopromotion .promo-pending-note { margin: 6px 0 0; font-size: 13px; font-weight: 700; line-height: 1.4; color: #92400E; }

/* Cart: a new coupon code replaces the one on the cart */
#viewcart .cart-savings-replace-note { margin: 6px 0 0; font-size: 12px; line-height: 1.4; color: #4b5563; }

/* Product page: the questions shoppers ask, folded, at the foot of the buy box */
#listing .pdp-faq { margin: 4px 0 0; padding: 12px 2px 0; border-top: 1px solid #e3e3e3; }
#listing .pdp-faq-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 4px; }
#listing .pdp-faq-title { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: #1f2933; }
#listing .pdp-faq-all { flex: 0 0 auto; font-size: 13px; font-weight: 600; color: #3F5FB0; text-decoration: none; white-space: nowrap; }
#listing .pdp-faq-all:hover,
#listing .pdp-faq-all:focus { color: #2F4789; text-decoration: underline; }
#listing .pdp-faq-all .icon-right { font-size: 11px; }
#listing .pdp-faq-title .fa-solid { font-size: 14px; color: #2F4789; }
#listing .pdp-faq-item { border-top: 1px solid #ededed; }
#listing .pdp-faq-item:first-of-type { border-top: 0; }
#listing .pdp-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0 8px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #1a202c; cursor: pointer; list-style: none; }
#listing .pdp-faq-item > summary::-webkit-details-marker { display: none; }
#listing .pdp-faq-item > summary:after { content: "+"; flex: 0 0 auto; width: 18px; height: 18px; font-size: 19px; font-weight: 700; line-height: 17px; text-align: center; color: #2F4789; transition: transform .15s ease; }
#listing .pdp-faq-item[open] > summary:after { transform: rotate(45deg); }
#listing .pdp-faq-item > summary:hover { color: #2F4789; }
#listing .pdp-faq-answer { max-width: 62ch; margin: 0 0 12px; padding: 10px 12px; background: #f7f9fb; border-radius: 6px; font-size: 15.5px; line-height: 1.75; color: #1f2933; }
#listing .pdp-faq-answer a { font-weight: 600; color: #3F5FB0; text-decoration: underline; }
#listing .pdp-faq-answer a:hover,
#listing .pdp-faq-answer a:focus { color: #2F4789; text-decoration: none; }
@media (prefers-reduced-motion: reduce) { #listing .pdp-faq-item > summary:after { transition: none; } }

/* FAQs and Terms pages: the same card look as the product page questions */
#feedPage0 .feeds_index { margin: 0 0 20px; padding: 14px 16px; background: #F4F6FB; border: 1px solid #D5DCEE; border-radius: 10px; }
#feedPage0 .feeds_pages { display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 0; padding: 0; list-style: none; }
#feedPage0 .feeds_pages li { margin: 0; padding: 0; list-style: none; }
#feedPage0 .feeds_pages a { display: inline-block; padding: 6px 12px; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #2F4789; background: #fff; border: 1px solid #D5DCEE; border-radius: 16px; text-decoration: none; }
#feedPage0 .feeds_pages a:hover,
#feedPage0 .feeds_pages a:focus { color: #1f2933; background: #EDF1FA; border-color: #3F5FB0; }
#feedPage0 .feedInfo { margin: 0 0 14px; padding: 16px 18px; background: #fff; border: 1px solid #e3e3e3; border-radius: 10px; }
#feedPage0 .feedInfo .page_header { margin: 0 0 8px; padding: 0; border: 0; }
#feedPage0 .feedInfo .page_header .page_heading { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.35; color: #1f2933; }
/* the posted date says nothing useful on a question */
#feedPage0 .feedInfo .page_header .button { display: none; }
#feedPage0 .feedShortDescription { font-size: 14.5px; line-height: 1.6; color: #4b5563; }
#feedPage0 .feedShortDescription a { color: #3F5FB0; text-decoration: underline; }
#feedPage0 .feedShortDescription a:hover,
#feedPage0 .feedShortDescription a:focus { color: #2F4789; text-decoration: none; }
#feedPage0 .paging { margin-top: 18px; }
@media (max-width: 600px) {
    #feedPage0 .feedInfo { padding: 14px; }
    #feedPage0 .feeds_index { padding: 12px; }
}

/* FAQs page: search, groups and folding questions */
#feedPage0 .faq-tools:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 16px; }
#feedPage0 .faq-search { position: relative; flex: 1 1 260px; margin: 0; }
#feedPage0 .faq-search .fa-magnifying-glass { position: absolute; top: 50%; left: 14px; margin-top: -8px; font-size: 15px; color: #7b8494; }
#feedPage0 .faq-search input { width: 100%; height: 44px; padding: 0 14px 0 38px; font-size: 15px; color: #1f2933; background: #fff; border: 1px solid #D5DCEE; border-radius: 22px; box-shadow: none; }
#feedPage0 .faq-search input:focus { border-color: #3F5FB0; outline: 2px solid rgba(63, 95, 176, .25); outline-offset: 0; }
#feedPage0 .faq-groups { display: flex; flex-wrap: wrap; gap: 8px; }
#feedPage0 .faq-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 14px; font-size: 13.5px; font-weight: 600; color: #2F4789; background: #fff; border: 1px solid #D5DCEE; border-radius: 19px; cursor: pointer; }
#feedPage0 .faq-chip:hover { background: #EDF1FA; border-color: #3F5FB0; }
#feedPage0 .faq-chip.is-on { color: #fff; background: #2F4789; border-color: #2F4789; }
#feedPage0 .faq-card { margin: 0 0 10px; padding: 0; }
#feedPage0 .faq-card .faq-q { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 16px; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: left; color: #1f2933; background: none; border: 0; cursor: pointer; }
#feedPage0 .faq-card .faq-q-icon { flex: 0 0 auto; width: 18px; font-size: 15px; color: #2F4789; }
#feedPage0 .faq-card .faq-q-text { flex: 1 1 auto; }
#feedPage0 .faq-card .faq-q-mark { flex: 0 0 auto; width: 18px; font-size: 19px; font-weight: 700; line-height: 17px; text-align: center; color: #2F4789; transition: transform .15s ease; }
#feedPage0 .faq-card .faq-q[aria-expanded="true"] .faq-q-mark { transform: rotate(45deg); }
#feedPage0 .faq-card .feedShortDescription { padding: 0 16px 14px 44px; }
#feedPage0 .faq-none { margin: 10px 0 0; font-size: 14.5px; color: #4b5563; }
@media (max-width: 600px) {
    #feedPage0 .faq-card .faq-q { padding: 12px 14px; font-size: 14.5px; }
    #feedPage0 .faq-card .feedShortDescription { padding: 0 14px 12px 14px; }
}

/* Product page: the brand logo beside the "more from" link */
/* Brand and category links under the reviews: two buttons rather than one cramped line */
#listing .mfg-category-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; padding: 14px 10px; margin: 0 0 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#listing .mfg-quick-link { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 7px 18px; font-size: 14px; font-weight: 600; line-height: 1.3; color: #2A82AD; background: #fff; border: 1px solid #d5d5d5; border-radius: 22px; text-decoration: none; transition: border-color .15s ease, background .15s ease; }
#listing .mfg-quick-link:hover,
#listing .mfg-quick-link:focus { color: #2A82AD; background: #f6f9fb; border-color: #2A82AD; text-decoration: none; }
#listing .mfg-quick-link .fa-solid { font-size: 13px; color: #2A82AD; }
#listing .mfg-quick-logo { max-width: 92px; max-height: 20px; width: auto; height: auto; object-fit: contain; }
@media (max-width: 480px) { #listing .mfg-quick-link { width: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { #listing .mfg-quick-link { transition: none; } }
#listing .mfg-quick-name { white-space: nowrap; }

/* ==========================================================================
   Product page rules, moved out of the page itself on 2026-09-22 so browsers
   cache them once instead of downloading them with every product view.
   ========================================================================== */
                /* Buy Box Container */
                .modern-buy-box {
                    box-sizing: border-box !important;
                    border: 2px solid #2A82AD !important;
                    border-radius: 8px !important;
                    padding: 20px 25px !important;
                    background-color: #ffffff !important;
                    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
                    margin-bottom: 20px;
                }

                /* Mobile Stacking Order Fix & Font Adjustments
                   On mobile, reorder columns so the price/add-to-cart block
                   appears right after the main image (before the tabs/description). */
                @media (max-width: 991px) {
                    #product-layout-row { display: flex; flex-direction: column; }
                    #left-col-wrapper { display: contents; }

                    #main-image-section { order: 1; padding-left: 15px; padding-right: 15px; box-sizing: border-box; width: 100%; }
                    #right-col-wrapper { order: 2; margin-top: 20px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; width: 100%; }
                    #tabs-section { order: 3; margin-top: 0px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; width: 100%; }

                    .responsive-price-text { font-size: 32px !important; }
                    .hide-mobile-label { display: none !important; }
                }
                
                /* Desktop Tab Fixes */
                @media (min-width: 768px) {
                    #rTabs .r-tabs-nav { display: flex !important; flex-wrap: wrap; margin-bottom: 0; }
                    #rTabs .r-tabs-accordion-title { display: none !important; }
                }
                
                /* Read More Wrapper */
                #tabs-collapse-wrapper { position: relative; overflow: hidden; transition: max-height 0.4s ease; margin-bottom: 10px; padding-bottom: 20px; }
                #tabs-collapse-wrapper.is-expanded { max-height: 5000px !important; }
                
                /* Responsive Price Scaling & Layout */
                .responsive-price-text { font-size: 36px !important; font-weight: 700; line-height: 1; word-wrap: break-word; overflow-wrap: break-word; margin: 0; }
                .price-and-savings-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 1px; }
                .dynamic-qty-badge { font-size: 13px; background-color: #e8f3e8; color: #02991d; padding: 4px 10px; border-radius: 12px; font-weight: 600; border: 1px solid rgba(2, 153, 29, 0.3); width: fit-content; margin: 0; }
                
                /* Badges & Icons */
                .exciting-sale-badge {
                    background: linear-gradient(135deg, #e63946, #fca311);
                    color: #fff !important; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
                    padding: 5px 12px; border-radius: 4px; vertical-align: middle; font-weight: 800;
                    display: inline-block; margin-right: 10px; box-shadow: 0 3px 6px rgba(230, 57, 70, 0.3);
                    animation: pulse-sale 2s infinite !important;
                }
                .best-value-badge {
                    background: linear-gradient(135deg, #eef6fc, #d9ebfc);
                    color: #2A82AD !important; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
                    padding: 5px 12px; border-radius: 4px; vertical-align: middle; font-weight: 800;
                    display: inline-block; margin-left: 10px; border: 1px solid #b8dcf9;
                }
                .map-pricing-note {
                    background: linear-gradient(135deg, #fef2f2, #fee2e2);
                    color: #dc2626 !important; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
                    padding: 5px 12px; border-radius: 4px; vertical-align: middle; font-weight: 800;
                    display: none; margin-left: 10px; border: 1px solid #fca5a5; cursor: help;
                }
                @keyframes pulse-sale {
                    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7); }
                    70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(230, 57, 70, 0); }
                    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(230, 57, 70, 0); }
                }

                /* Pulsing Green Stock Dot */
                .pulsing-green-dot {
                    display: inline-block; width: 10px; height: 10px; background-color: #28a745;
                    border-radius: 50%; margin-right: 6px; vertical-align: middle; margin-bottom: 2px;
                    box-shadow: 0 0 0 rgba(40, 167, 69, 0.7); animation: pulse-green 2s infinite;
                }
                @keyframes pulse-green {
                    0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); }
                    70% { box-shadow: 0 0 0 6px rgba(40, 167, 69, 0); }
                    100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
                }
                
                /* Fast Truck Animation (10s delay, plays once) */
                @keyframes dash-truck {
                    0% { transform: translateX(0) rotate(0deg); }
                    10% { transform: translateX(-3px) rotate(-5deg); }
                    25% { transform: translateX(5px) rotate(3deg); }
                    40% { transform: translateX(0) rotate(0deg); }
                    100% { transform: translateX(0) rotate(0deg); }
                }
                .fast-truck-icon {
                    display: inline-block;
                    animation-name: dash-truck !important;
                    animation-duration: 1.8s !important;
                    animation-timing-function: ease-in-out !important;
                    animation-delay: 10s !important;
                    animation-iteration-count: 1 !important;
                    animation-fill-mode: both !important;
                }

                /* Primary Buttons (Add To Cart & Waitlist) - column flex to allow stacked savings line */
                .modern-buy-box #Add,
                .modern-buy-box #waitinglist-btn,
                .modern-buy-box #AO-waitinglist-btn {
                    flex-grow: 1 !important;
                    min-height: 46px !important;
                    height: auto !important;
                    font-size: 18px !important;
                    font-weight: 700 !important;
                    border-radius: 4px !important;
                    background-color: #ffbc19 !important;
                    border: 1px solid #e5a800 !important;
                    color: #111 !important;
                    text-transform: uppercase !important;
                    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
                    display: flex !important;
                    flex-direction: column !important;
                    align-items: center !important;
                    justify-content: center !important;
                    margin: 0 !important;
                    padding: 6px 15px !important;
                    box-sizing: border-box !important;
                    width: auto !important;
                    min-width: 120px;
                    line-height: 1.1 !important;
                }
                .modern-buy-box #Add .atc-label { display: inline-flex; align-items: center; }

                /* Waiting List buttons: icon to the LEFT of the wording (override column flex) */
                .modern-buy-box #waitinglist-btn,
                .modern-buy-box #AO-waitinglist-btn {
                    flex-direction: row !important;
                    gap: 6px;
                }
                .modern-buy-box #waitinglist-btn .icon-clipboard,
                .modern-buy-box #AO-waitinglist-btn .icon-clipboard {
                    margin-right: 0 !important;
                    font-size: 18px;
                    line-height: 1;
                }

                /* Quantity Discount Savings line - stacked below "Add To Cart" inside the button */
                .atc-savings-line {
                    display: inline-block;
                    margin-top: 5px;
                    padding: 3px 10px;
                    background-color: #018601;
                    color: #ffffff !important;
                    font-size: 12px;
                    font-weight: 700;
                    text-transform: none;
                    letter-spacing: 0.2px;
                    border-radius: 10px;
                    line-height: 1.2;
                    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
                    white-space: nowrap;
                }
                .atc-savings-line strong { font-weight: 800; }
                .atc-savings-line.is-pop { animation: savings-line-pop 0.35s ease-out; }
                @keyframes savings-line-pop {
                    0%   { transform: scale(0.85); opacity: 0; }
                    60%  { transform: scale(1.05); opacity: 1; }
                    100% { transform: scale(1); opacity: 1; }
                }
                @media (max-width: 380px) {
                    .atc-savings-line { font-size: 11px; padding: 3px 8px; }
                }
                .modern-buy-box #Add:hover,
                .modern-buy-box #waitinglist-btn,
                .modern-buy-box #AO-waitinglist-btn:hover {
                    transform: translateY(-3px) scale(1.02) !important; 
                    box-shadow: 0 8px 15px rgba(0,0,0,0.2) !important; 
                    filter: brightness(1.1) !important;
                    background-color: #ffbc19 !important; /* Forces hover color match */
                    color: #111 !important;
                }

                /* Enhanced Express Checkout Image */
                .express-checkout-img { max-width: 100%; mix-blend-mode: multiply; }
                
                /* Consolidated Logic Styles (Vibrant Banners) */
                .high-demand-alert { color: #d97706 !important; font-size: 13px !important; font-weight: 600 !important; }
                .qty-discount-note { background-color: #e8f3e8 !important; color: #018601 !important; padding: 8px 12px !important; border-radius: 4px !important; font-size: 0.95em !important; border: 1px solid #c3e6c3 !important;}
                
                /* Responsive No-Wrap Utility Classes */
                .promo-code-note { 
                    background-color: #e8f4fd !important; 
                    border: 1px solid #d0e7fb !important; 
                    color: #1a628a !important; 
                    padding: 8px 12px !important; 
                    border-radius: 4px !important; 
                    font-size: 13px !important; 
                    white-space: nowrap !important;
                    letter-spacing: -0.2px;
                }
                .product-reviews-summary {
                    gap: 10px; font-size: 0.95em; 
                    flex-wrap: nowrap !important; 
                    white-space: nowrap !important;
                }

                /* Mobile Font Size Reductions to Prevent Wrapping */
                @media (max-width: 991px) { 
                    .promo-code-note i.hidden-mobile { display: none !important; } 
                }
                @media (max-width: 420px) {
                    .promo-code-note { font-size: 11px !important; padding: 8px 6px !important; }
                    .product-reviews-summary { font-size: 11.5px !important; gap: 4px !important; }
                }

                /* Force remove star alignment shadows ONLY in Pricing Block */
                .product-reviews-summary .reviews-stars,
                .product-reviews-summary .reviews-stars span,
                .product-reviews-summary .reviews-stars::before,
                .product-reviews-summary .reviews-stars::after {
                    padding-left: 0 !important;
                    margin-left: 0 !important;
                    text-shadow: none !important;
                    -webkit-text-shadow: none !important;
                    -moz-text-shadow: none !important;
                }

                /* Upgraded Quantity Box */
                .custom-qty-wrapper {
                    display: inline-flex; align-items: stretch; height: 44px; border: 1px solid #d2d6dc;
                    border-radius: 4px; overflow: hidden; background: #fff; width: 110px; box-sizing: border-box;
                    flex-shrink: 0;
                }
                .custom-qty-wrapper input {
                    border: none !important; box-shadow: none !important; width: 60px !important;
                    text-align: center !important; padding: 0 !important; margin: 0 !important;
                    height: 100% !important; border-radius: 0 !important; font-size: 16px;
                }
                .custom-qty-wrapper input:focus {
                    outline: none !important;
                }
                .custom-qty-wrapper .qty-nav-btn { display: flex; flex-direction: column; width: 50px; border-left: 1px solid #d2d6dc; box-sizing: border-box; }
                .custom-qty-wrapper .qty-nav-btn button {
                    flex: 1; height: 22px; background: #f8f9fa; border: none; color: #555; cursor: pointer;
                    display: flex; align-items: center; justify-content: center; transition: background 0.2s; box-sizing: border-box;
                }
                .custom-qty-wrapper .qty-nav-btn button:first-child { border-bottom: 1px solid #d2d6dc; }
                .custom-qty-wrapper .qty-nav-btn button:hover { background: #e2e6ea; }
                
                /* Flawless Print View Styles */
                @media print {
                    /* Reset Backgrounds & Colors */
                    body, .page-content, .modern-buy-box, #listing { background: #fff !important; color: #000 !important; }
                    
                    /* Hide UI Clutter completely */
                    header, footer, nav, aside, #skip, .site-header, .site-footer, .navbar-wrapper, .head-mobile-nav, 
                    .search-form-col, .category-header, .category-footer, .breadcrumnb, .category_breadcrumbs, 
                    .prev-next, .addl-images, .social-bookmarking, .addToCartBlock, .print-email-links, 
                    .widgetCountdown, #tabs-read-more-container, #help-modal, #modalVM, 
                    .relatedBlock, .accessoriesBlock, .browsing_historyBlock, .secure-checkout-badge,
                    .express-checkout-img, .rTabs .r-tabs-nav, .product-gd, .reviews-snapshot-header, #divWaitlist,
                    .floating-cart, .sr-only, .MagicZoomHint, .mz-hint, .MagicZoom-hint, 
                    #topSellerDiv1, #topSellerDiv2, #topSellerDiv3, .createreview-link, .reviews-stars { 
                        display: none !important; 
                    }
                    
                    /* Force Vertical Stacking Layout on Print */
                    #listing { display: block !important; padding: 0 !important; margin: 0 !important; }
                    .product-cols.row { display: block !important; width: 100% !important; margin: 0 !important; page-break-inside: auto; }
                    .left-col { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin-bottom: 20px !important; float: none !important; display: block !important; }
                    .right-col { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin-bottom: 20px !important; float: none !important; display: block !important; }
                    
                    /* Image Constraints */
                    #main-image { text-align: left !important; margin: 0 !important; }
                    #main-image img { max-width: 100% !important; max-height: 400px !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; }
                    
                    /* Clean Buy Box */
                    .modern-buy-box { border: 1px solid #ccc !important; box-shadow: none !important; padding: 20px !important; margin: 0 !important; }
                    .page_headers { font-size: 24px !important; margin-bottom: 10px !important; text-align: left !important; }
                    
                    /* QTY Table formatting */
                    #QTYorders { display: block !important; width: 100% !important; margin-top: 15px !important; page-break-inside: avoid; visibility: visible !important; }
                    #qtyTable { display: block !important; }
                    #enhanced-qty-table { border: 1px solid #ddd !important; }
                    #enhanced-qty-table th, #enhanced-qty-table td { border: 1px solid #ddd !important; padding: 8px !important; }
                    .qty-savings { display: table-cell !important; visibility: visible !important;}

                    /* Promo Note formatting */
                    .promos-and-proof { display: block !important; visibility: visible !important; margin-top: 10px !important; margin-bottom: 15px !important;}
                    .promo-code-note, .qty-discount-note { display: block !important; border: 1px dashed #666 !important; background: #fff !important; color: #000 !important; font-weight: bold; }
                    
                    /* Reveal specific tab content (Description, Features, Specs) */
                    #tabs-section { display: block !important; width: 100% !important; clear: both !important; margin-top: 20px !important; page-break-inside: auto; }
                    #tabs-collapse-wrapper { max-height: none !important; overflow: visible !important; border: none !important; padding: 0 !important; }
                    
                    /* Add Titles before tabs in print */
                    #tab-1::before { content: "Product Description"; display: block; font-size: 20px; font-weight: bold; margin-bottom: 10px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-top: 20px; color: #000; }
                    #tab-2::before { content: "Features"; display: block; font-size: 20px; font-weight: bold; margin-bottom: 10px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-top: 20px; color: #000; }
                    #tab-6::before { content: "Specifications"; display: block; font-size: 20px; font-weight: bold; margin-bottom: 10px; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-top: 20px; color: #000; }
                    
                    #tab-1, #tab-2, #tab-6 { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; border: none !important; padding: 0 !important; position: static !important; margin-bottom: 15px !important; }
                    #tab-4, #tab-5, #tab-7, #tab-8, #tab-9, #tab-10, #tab-11, #tab-12, #tab-13 { display: none !important; }
                    #tabs-fade { display: none !important; }
                    
                    /* Remove Links Text styling */
                    a[href]:after { content: none !important; }
                    a { text-decoration: none !important; color: #000 !important; }
                    
                    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
                    @page { margin: 0.5in; }
                }
            
/* =====================================================================
   Reviews tab: snapshot bars, averages, sorting and review entries.
   Styling only - the markup structure is unchanged. The accent variables
   below drive every coloured element in this block.
===================================================================== */
#tab-4, #productReviewList, #reviewsBlock{
  --rv-accent:#1a628a;
  --rv-accent-dark:#124a68;
  --rv-accent-soft:rgba(26,98,138,.12);
  --rv-star:#f5a623;
  --rv-ink:#1f2933;
  --rv-muted:#6b7480;
  --rv-line:#e3e8ed;
}

/* ---------- LAYOUT: stop the squish in the narrow tab column ---------- */
/* stack the two halves full-width instead of cramming them side-by-side */
#tab-4 > .row{display:flex;flex-wrap:wrap;margin:0;}
#tab-4 > .row > .col-md-6{flex:0 0 100%;max-width:100%;width:100%;padding:0;float:none;}
/* average + sorting become a single full-width bar pinned to the top */
#tab-4 .average-customer-rating-sm{order:-1;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--rv-line);}
#tab-4 .average-customer-rating-sm > .row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin:0;}
#tab-4 .average-customer-rating-sm > .row > .col-lg-6{flex:0 0 auto;width:auto;max-width:none;padding:0;float:none;}
#tab-4 .reviews_sorting{min-width:240px;margin:0;}
#tab-4 section{display:block;}
/* Bootstrap's .row injects ::before/::after clearfix pseudos; in a flex row they
   become stray flex items and push the content sideways. Kill them on flexed rows. */
#tab-4 > .row::before,#tab-4 > .row::after,
#tab-4 .average-customer-rating-sm > .row::before,
#tab-4 .average-customer-rating-sm > .row::after{content:none !important;display:none !important;}

/* ---------- Rating Snapshot (left) ---------- */
#tab-4 .reviews-snapshot-header h4{font-size:16px;font-weight:700;color:var(--rv-ink);margin:0 0 2px;letter-spacing:.2px;}
#tab-4 .reviews-snapshot-header p{font-size:12.5px;color:var(--rv-muted);margin:0 0 12px;}
#tab-4 section .row{align-items:center;margin-bottom:7px;}
#tab-4 .rating-filter-label a{color:var(--rv-accent);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;}
#tab-4 .rating-filter-label a:hover{text-decoration:underline;}
#tab-4 .bv-content-secondary-ratings-container,
#tab-4 .bv-content-secondary-ratings-container a,
#tab-4 .bv-content-secondary-ratings-value{margin:0 !important;padding:0 !important;border:0 !important;vertical-align:top !important;}
#tab-4 .bv-content-secondary-ratings-container{position:relative;display:block !important;height:14px !important;background:#eef1f4 !important;border-radius:7px;overflow:hidden;line-height:0 !important;}
#tab-4 .bv-content-secondary-ratings-container a{display:block !important;height:100% !important;line-height:0 !important;}
#tab-4 .bv-content-secondary-ratings-value{display:block !important;height:100% !important;background:var(--rv-accent) !important;border-radius:7px;transition:width .3s ease;}
#tab-4 section .row > .col-sm-2:last-child{font-weight:700;color:var(--rv-ink);font-size:13px;}

/* active star-filter chips */
#tab-4 #filteredSearchResults{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
#tab-4 #filteredSearchResults .btn{border-radius:999px;font-size:12px;font-weight:600;padding:5px 12px;border:1px solid transparent;cursor:pointer;}
#tab-4 #filteredSearchResults .btn-primary{background:var(--rv-accent)!important;border-color:var(--rv-accent)!important;color:#fff!important;}
#tab-4 #filteredSearchResults .btn-default{background:#fff!important;border-color:var(--rv-line)!important;color:var(--rv-muted)!important;}
#tab-4 #filteredSearchResults .btn-default:hover{color:var(--rv-ink)!important;}

/* ---------- Average + Sorting (right) ---------- */
#tab-4 .reviews-snapshot-header-right h4{margin-bottom:4px;}
#tab-4 .reviews-snapshot-header-right{text-align:left !important;}
#tab-4 .reviews-snapshot-header-right h4{text-align:left !important;margin-bottom:4px;}
#tab-4 .average-customer-rating-sm .reviews-snapshot-header-right p{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:20px;font-weight:600;color:var(--rv-ink);margin:0;}
#tab-4 .review_link.button{margin-top:8px;}
#tab-4 .reviews_sorting label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--rv-muted);margin-bottom:5px;}
#tab-4 .reviews_sorting select.form-control{border:1px solid var(--rv-line);border-radius:6px;background:#f6f8fa;color:var(--rv-ink);padding:8px 10px;font-size:13.5px;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s;}
#tab-4 .reviews_sorting select.form-control:focus{border-color:var(--rv-accent);background:#fff;box-shadow:0 0 0 3px var(--rv-accent-soft);outline:none;}

/* divider before the list (product page only) */
#tab-4 #reviewsBlock{margin-top:6px;border-top:1px solid var(--rv-line);padding-top:2px;}

/* ---------- Individual review entries (shared w/ AJAX partial) ---------- */
#reviewsBlock .user_reviews{padding:16px 0;border-bottom:1px solid var(--rv-line);}
#reviewsBlock .user_reviews .star-rating{margin-bottom:6px;}
#reviewsBlock .review-shortDesc{font-size:15px;font-weight:700;color:var(--rv-ink);margin:2px 0 4px;}
#reviewsBlock .review-longDesc{font-size:14px;line-height:1.55;color:#3a434d;margin:0 0 8px;}
#reviewsBlock .review-images{margin:8px 0;display:flex;gap:8px;flex-wrap:wrap;}
#reviewsBlock .review-images a{display:inline-block;border:1px solid var(--rv-line);border-radius:6px;overflow:hidden;line-height:0;}
#reviewsBlock .review-images img{width:72px;height:72px;object-fit:cover;}

/* helpful row */
#reviewsBlock .rev_allowratings{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--rv-muted);margin:6px 0 8px;}
#reviewsBlock .rev_allowratings .btn{-webkit-appearance:none;appearance:none;border:1px solid var(--rv-line);background:#fff;color:var(--rv-ink);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .15s;height:auto;line-height:1.2;}
#reviewsBlock .rev_allowratings .btn:hover{border-color:var(--rv-accent);color:var(--rv-accent);background:var(--rv-accent-soft);}
#reviewsBlock .rev_allowratings span strong{color:var(--rv-ink);}
#reviewsBlock .rev_allowratings em{font-style:normal;color:var(--rv-muted);}

/* verified badge + byline */
#reviewsBlock .reviewed-by{display:block;font-style:normal;font-size:12.5px;color:var(--rv-muted);}
#reviewsBlock .reviewed-by .verified-buyer{display:inline-block;background:var(--rv-accent-soft);color:var(--rv-accent);border:1px solid var(--rv-accent);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700;margin-right:2px;}

/* load more */
#divLoadMore{margin-top:18px;text-align:center;}
#divLoadMore .add-to-cart.btn{background:var(--rv-accent)!important;border:1px solid var(--rv-accent)!important;color:#fff!important;border-radius:6px;padding:10px 22px;font-weight:600;font-size:14px;display:inline-block;}
#divLoadMore .add-to-cart.btn:hover{background:var(--rv-accent-dark)!important;border-color:var(--rv-accent-dark)!important;}
#review-load-spinner{color:var(--rv-accent);font-size:24px;margin-bottom:8px;}
                                .mfg-rotating-reviews {
                                    margin: 10px 0 18px;
                                    padding: 8px 12px;
                                    border-top: 1px solid #eee;
                                    border-bottom: 1px solid #eee;
                                    background: #fafbfc;
                                    font-size: 12.5px;
                                    color: #555;
                                    line-height: 1.45;
                                }
                                .mfg-rev-header {
                                    font-size: 11px;
                                    text-transform: uppercase;
                                    letter-spacing: 0.6px;
                                    color: #888;
                                    margin-bottom: 4px;
                                }
                                .mfg-rev-header .fas { color: #c9c9c9; margin-right: 4px; }
                                .mfg-rev-stage {
                                    position: relative;
                                    min-height: 60px;
                                    overflow: hidden;
                                    transition: min-height .4s ease;
                                }
                                .mfg-rev-item {
                                    opacity: 0;
                                    transition: opacity 1.2s ease-in-out;
                                    position: absolute;
                                    left: 0; right: 0; top: 0;
                                    pointer-events: none;
                                }
                                .mfg-rev-item.is-active {
                                    opacity: 1;
                                    pointer-events: auto;
                                }
                                .mfg-rev-stars { color: #f5b50a; margin-right: 6px; letter-spacing: 1px; font-size: 12px; }
                                .mfg-rev-text { color: #333; font-style: italic; }
                                .mfg-rev-text::before { content: "\201C"; }
                                .mfg-rev-text::after  { content: "\201D"; }
                                .mfg-rev-meta { display: block; margin-top: 2px; color: #888; font-size: 11.5px; }
                            
    .embed-responsive-bycustom 
    {
        padding-bottom: 85%;
    }
    .createreview-modal {
        z-index: 999999999 !important;
    }
/* Product page: Related Items / Accessories / Browsing-History cards render via the shared
   product_items.html, whose .on-sale-badge the store styles as a red circle. Pin it as a
   small orange rectangle in the card's top-right (matches category + search). Scoped to
   .product-items grids so the MAIN product layout is untouched. */
.product-items .product-item{ position:relative !important; }
.product-items .product-item .price,
.product-items .product-item .product-content,
.product-items .product-item [class*="col-"]{ position:static !important; }
.product-items .product-item .on-sale-badge{
  display:inline-block !important; position:absolute !important;
  top:10px !important; right:10px !important; left:auto !important; bottom:auto !important; z-index:4;
  margin:0 !important; width:auto !important; height:auto !important;
  min-width:0 !important; min-height:0 !important; max-width:none !important;
  background:#FF5832 !important; color:#fff !important;
  font-size:10px !important; line-height:1 !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.02em !important;
  padding:3px 6px !important; border-radius:3px !important; text-indent:0 !important; text-align:center !important;
}
/* Product page: the plain wording a reader without scripts gets. */
.pdp-plain { color: #111; font-weight: 600; }