/* input(9191,5): run-time error CSS1030: Expected identifier, found '.'
input(9191,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9202,44): run-time error CSS1030: Expected identifier, found '.'
input(9202,75): run-time error CSS1025: Expected comma or open brace, found ')'
input(9207,5): run-time error CSS1030: Expected identifier, found '.'
input(9207,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9226,5): run-time error CSS1030: Expected identifier, found '.'
input(9226,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9235,5): run-time error CSS1030: Expected identifier, found '.'
input(9235,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9245,5): run-time error CSS1030: Expected identifier, found '.'
input(9245,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9260,5): run-time error CSS1030: Expected identifier, found '.'
input(9260,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9274,5): run-time error CSS1030: Expected identifier, found '.'
input(9274,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9291,5): run-time error CSS1030: Expected identifier, found '.'
input(9291,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9313,30): run-time error CSS1030: Expected identifier, found '>'
input(9313,68): run-time error CSS1025: Expected comma or open brace, found ')'
input(9319,42): run-time error CSS1030: Expected identifier, found '>'
input(9319,68): run-time error CSS1025: Expected comma or open brace, found ')'
input(9376,5): run-time error CSS1030: Expected identifier, found '.'
input(9376,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9381,5): run-time error CSS1030: Expected identifier, found '.'
input(9381,33): run-time error CSS1025: Expected comma or open brace, found ')'
input(9412,60): run-time error CSS1030: Expected identifier, found ':'
input(9412,81): run-time error CSS1025: Expected comma or open brace, found ')' */
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/*=====================================================
    
    MAIN CSS / SMALLER MOBILE DEVICES

=====================================================*/


/*********** CSS RESET **********/


* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
}

    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
}

ol, ul {
    list-style: none;
}

a img {
    border: none;
}

a:active {
    outline: none;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, button {
    border-radius: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
    display: none !important;
}


/*********** GLOBAL STYLES **********/



body {
    max-width: 100%;
    background: #fff;
    overflow-x: hidden;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #333;
}
/*@font-face {
    font-family: 'eurostile';
    src: url('../Themes/Traction/Content/fonts/eurostile_extended_2-webfont.eot');
    src: url('../Themes/Traction/Content/fonts/eurostile_extended_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Themes/Traction/Content/fonts/eurostile_extended_2-webfont.woff') format('woff'),
         url('../Themes/Traction/Content/fonts/eurostile_extended_2-webfont.ttf') format('truetype'),
         url('../Themes/Traction/Content/fonts/eurostile_extended_2-webfont.svg#eurostile_extended_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'eurostile';
    src: url('../Themes/Traction/Content/fonts/Michroma-Regular.eot');
    src: url('../Themes/Traction/Content/fonts/Michroma-Regular.eot?#iefix') format('embedded-opentype'),
    /*url('../Themes/Traction/Content/fonts/Michroma-Regular.woff') format('woff'),*/
    url('../Themes/Traction/Content/fonts/Michroma-Regular.ttf') format('truetype');
    /*url('../Themes/Traction/Content/fonts/eurostile_extended_2-webfont.svg#eurostile_extended_2regular') format('svg');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a {
    color: inherit;
    cursor: pointer;
}

img {
    max-width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
    height: 36px; /*safari padding fix*/
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 8px;
    vertical-align: middle;
}

input, textarea {
    font-size: 13px;
}

textarea {
    min-height: 150px;
}

select {
    min-width: 50px;
    height: 32px; /*safari padding fix*/
    padding: 6px;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    textarea:focus, select:focus {
        border-color: #999;
    }

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
    vertical-align: middle;
}

input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
    cursor: pointer;
}

label, label + * {
    vertical-align: middle;
}

.master-wrapper-page {
    overflow: hidden;
}

.master-wrapper-content {
    width: 95%;
    margin: 0 auto;
}

.home .master-wrapper-content {
    width: auto;
}

.master-column-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.center-1 {
    margin: 0 0 50px;
}

.center-2 {
    margin: 0 0 50px;
}

.page {
    text-align: center;
}

.page-title {
    margin: 0 0 20px;
}

    .page-title h1 {
        font: normal 24px/36px 'eurostile';
        color: #c03;
    }

    .page:after,
    .page-title:after,
    .page-body:after {
        content: "";
        display: block;
        clear: both;
    }

.buttons {
    margin: 0 0 20px;
    text-align: center;
}

.link-rss {
    display: none;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url('../Themes/Traction/Content/img/rss-icon.png') center no-repeat;
    text-indent: 999px;
}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
}

.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p {
    margin: 10px 0;
}

.category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.topic-page a,
.post-body a,
.news-body a,
.custom-tab a {
    text-decoration: underline;
}

.flyout-cart {
    display: none;
}

.filters-button {
    display: none;
}

#goToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10001;
    width: 54px;
    height: 54px;
    border: 2px solid #333;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #fff;
    background: #fff url('../Themes/Traction/Content/img/goTop.png') no-repeat center 45%;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.captcha-box input {
    height: auto;
}


/*********** GLOBAL FORMS ***********/



.fieldset, .section {
    position: relative;
    margin: 0 0 40px;
}

    .fieldset .title,
    .section .title {
        margin: 0 0 15px;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

        .fieldset .title strong,
        .section .title strong {
            display: inline-block;
            margin: 0 0 -1px;
            box-shadow: 0 0 0 3px #fff;
            background-color: #333;
            padding: 10px 20px;
            font-size: 13px;
            color: #fff;
            text-transform: uppercase;
        }

.form-fields {
    position: relative;
    margin: 0 10px;
}

.inputs {
    position: relative;
    margin: 0 0 10px;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

    .inputs.custom-attributes {
        white-space: normal;
    }

    .inputs:after {
        content: "";
        display: block;
        clear: both;
    }

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 5px;
        text-align: center;
        font-size: 12px;
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs input[type="email"],
    .inputs input[type="tel"],
    .inputs select, .inputs textarea {
        width: 350px;
        max-width: 100%;
        vertical-align: middle;
    }

    .inputs .option-list {
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
    }

        .inputs .option-list li {
            float: left;
            margin: 0 7px 5px;
        }

        .inputs .option-list label {
            display: inline;
            width: auto;
            margin-left: 3px;
            vertical-align: middle;
        }

    .inputs.reversed {
        margin: 0 0 20px;
        text-align: center;
    }

.required {
    margin: 0 -6px 0 6px; /*siblings offset fix*/
    font-size: 12px;
    color: #c00;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #c00;
}

.field-validation-valid {
    display: block;
    font-size: 11px;
    color: #690;
}

.captcha-box {
    margin: 0 0 15px;
    text-align: center;
    line-height: 0; /*firefox line-height bug fix*/
}

    .captcha-box > div {
        display: inline-block;
    }


/*********** BAR NOTIFICATION & JQUERY POPUPS  ***********/



.bar-notification {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10002;
    width: 100%;
    padding: 12px 25px 12px 10px;
    color: #fff;
    opacity: 0.95;
}

    .bar-notification.success {
        background-color: #3b9;
    }

    .bar-notification.warning {
        background-color: #f92;
    }

    .bar-notification.error {
        background-color: #c03;
    }

    .bar-notification .content {
        float: left;
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px; /*even numbers only*/
        height: 32px; /*even numbers only*/
        margin: 5px;
        border: 1px solid #666;
        box-shadow: inset 0 0 1px #999;
        background: #fff url('../Themes/Traction/Content/img/close.png') center no-repeat;
        cursor: pointer;
        opacity: 0.7;
    }

        .bar-notification .close:hover {
            opacity: 0.9;
        }

.ui-dialog {
    position: absolute !important;
    z-index: 1008;
    width: 350px !important;
    max-width: 95%;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    overflow: hidden;
    background-color: #fff;
}

.ui-dialog-titlebar {
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff #bbb;
    box-shadow: 0 0 0 1px #eee;
    overflow: hidden;
    background: #ddd url('../Themes/Traction/Content/img/headpad.png') top repeat-x;
    padding: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #eee;
}

    .ui-dialog-titlebar span {
        float: left;
        text-transform: uppercase;
    }

    .ui-dialog-titlebar button {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px; /*even numbers only*/
        height: 24px; /*even numbers only*/
        margin: 6px;
        overflow: hidden;
        border: 1px solid #666;
        box-shadow: inset 0 0 1px #999;
        background: #fff url('../Themes/Traction/Content/img/close.png') center no-repeat;
        text-indent: 999px;
        opacity: 0.7;
    }

        .ui-dialog-titlebar button:hover {
            opacity: 0.9;
        }

        .ui-dialog-titlebar button * {
            display: none;
        }

.ui-dialog-content {
    height: auto !important;
    padding: 10px;
    line-height: 20px;
}

    .ui-dialog-content .page-title {
        margin: 0 0 5px;
    }

        .ui-dialog-content .page-title h1 {
            font-size: 20px;
            line-height: normal;
        }

    .ui-dialog-content .topic-block {
        margin: 10px 0 0;
    }

    .ui-dialog-content .topic-html-content-body {
        max-height: 200px;
        overflow-y: scroll;
    }

    .ui-dialog-content .topic-block p {
        margin: 0;
    }

.ui-dialog-buttonset {
    padding: 10px;
    text-align: right;
}

    .ui-dialog-buttonset button {
        min-width: 60px;
        margin-left: 5px;
        border: 1px solid #bbb;
        box-shadow: 0 0 1px #ddd, inset 0 0 1px #fff;
        background-color: #eee;
        padding: 5px;
    }

        .ui-dialog-buttonset button:hover {
            background-color: #f6f6f6;
        }

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1002;
    width: 320px;
    margin: -90px 0 0 -160px;
    border: 1px solid #bbb;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 0 1px #fff;
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 20px;
        line-height: 20px;
    }

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 10px 0;
        border: 1px solid #bbb;
        background-color: #eee;
        padding: 5px;
        font-size: 14px;
        color: #333;
    }

        .eu-cookie-bar-notification button:hover {
            border-color: #aaa;
            background-color: #ddd;
        }

    .eu-cookie-bar-notification a {
        display: block;
        text-decoration: underline;
    }

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: #444;
}

/*********** HEADER & NAVIGATION ***********/



.admin-header-links {
    height: 35px;
    background-color: #c03;
    white-space: nowrap;
    text-align: center;
    color: #fff;
}

    .admin-header-links a {
        margin: 0 10px;
        line-height: 35px;
        font-weight: bold;
        color: #fff;
    }

    .admin-header-links .impersonate {
        line-height: 35px;
    }

        .admin-header-links .impersonate a {
            display: inline-block;
            text-decoration: underline;
        }


.header {
    display: none;
}

.logo-wrapper {
    margin: 0 0 20px;
    background-color: #333;
    font-size: 0;
}

.header-logo {
    padding: 10px;
    text-align: center;
}

    .header-logo a {
        display: inline-block;
        max-width: 100%;
        line-height: 0; /*firefox line-height bug fix*/
    }

        .header-logo a img {
            max-width: 100%;
        }

.header-links-wrapper {
    position: relative;
    margin: 0 0 20px;
    font-size: 0;
}

.header-links {
    padding: 5px;
}

    .header-links li {
        display: inline-block;
        position: relative;
        margin: 5px 10px;
    }

    .header-links a {
        display: inline-block;
        padding-right: 25px;
        font-size: 11px; /*reset zeroing*/
        line-height: 32px;
        color: #666;
    }

    .header-links .ico-register,
    .header-links .ico-account {
        background: url('../Themes/Traction/Content/img/header-link-1.png') right center no-repeat;
    }

    .header-links .ico-login,
    .header-links .ico-logout {
        background: url('../Themes/Traction/Content/img/header-link-2.png') right center no-repeat;
    }

    .header-links .ico-inbox {
        background: url('../Themes/Traction/Content/img/header-link-3.png') right center no-repeat;
    }

    .header-links .ico-wishlist {
        background: url('../Themes/Traction/Content/img/header-link-4.png') right center no-repeat;
    }

    .header-links .ico-cart {
        background: url('../Themes/Traction/Content/img/header-link-5.png') right center no-repeat;
        padding-right: 30px;
    }

.inbox-qty,
.wishlist-qty,
.cart-qty {
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
    height: 15px;
    padding: 0;
    line-height: normal;
    font-size: 11px;
    color: #c03;
}

.header-selectors-wrapper {
    background-color: #eee;
    padding: 5px 0;
    font-size: 0;
}

    .header-selectors-wrapper > div {
        display: inline-block;
        margin: 5px;
        vertical-align: top;
    }

.search-box-reference {
    display: none;
}

.header-selectors-wrapper select {
    min-width: 100px;
    background-color: #fff;
}

.language-list {
    max-width: 100%;
    font-size: 0;
}

    .language-list li {
        display: inline-block;
        margin: 0 1px;
    }

    .language-list a {
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
        line-height: 0;
    }

    .language-list img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

.search-box.store-search-box {
    font-size: 0;
}

    .search-box.store-search-box form {
        display: inline-block;
        position: relative; /*category search*/
        border: 1px dotted #ccc;
        background-color: #eee;
    }

        .search-box.store-search-box form:after {
            content: "";
            display: block;
            clear: both;
        }

    .search-box.store-search-box input.search-box-text {
        float: left;
        width: 250px !important;
        height: 32px;
        background: none;
        border: none;
        font-size: 13px;
        font-style: italic;
        color: #666;
    }

    .search-box.store-search-box .search-box-button {
        float: left;
        width: 36px;
        height: 32px;
        border: none;
        overflow: hidden;
        background: url('../Themes/Traction/Content/img/search-button.png') center no-repeat;
        text-indent: 999px;
    }

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    position: absolute;
    z-index: 10000000 !important;
    width: 286px !important; /*default = txtfield + button*/
    max-width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    overflow: hidden;
    background-color: #fff;
}

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li {
        border-top: 1px solid #ccc;
        text-align: left;
    }

        .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li:first-child {
            border-top: none;
        }

        .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li a span {
            font-size: 12px;
        }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content a {
        display: block;
        padding: 8px;
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content img {
        display: none;
        margin-right: 5px;
        vertical-align: middle;
    }


/*********** QUICK TABS & HOME TABS ***********/



.ui-tabs {
    margin: 0 0 40px;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0 0 25px;
        border-bottom: 1px solid #ccc;
    }

        .ui-tabs .ui-tabs-nav li {
            margin: 4px auto -1px;
            box-shadow: 0 0 0 3px #fff;
        }

            .ui-tabs .ui-tabs-nav li a {
                display: block;
                border: 1px solid #999;
                background-color: #ccc;
                padding: 8px 24px;
                font: normal 14px 'eurostile';
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
            .ui-tabs .ui-state-active.ui-tabs-active a {
                border-color: #000;
                background-color: #333;
                color: #fff;
                opacity: 1 !important;
            }

    .ui-tabs .ui-tabs-panel {
        background-color: #fff;
    }

        .ui-tabs .ui-tabs-panel p {
            margin: 0 0 10px;
            line-height: 20px;
        }

            .ui-tabs .ui-tabs-panel p b {
                font-weight: normal;
            }

    .ui-tabs .ui-tabs-hide {
        display: none;
    }

.home-page .ui-tabs {
    width: 90%;
    margin: 0 auto 40px;
}

    .home-page .ui-tabs .title {
        display: none;
    }

    .home-page .ui-tabs .ui-tabs-nav li a {
        padding: 15px 20px;
        font-size: 14px;
        text-transform: uppercase;
    }


/*********** FOOTER ***********/



.footer-upper {
    width: 90%;
    margin: 0 auto 30px;
    overflow: hidden;
}

.footer-block {
    margin: 0 0 15px;
}

    .footer-block .title {
        display: table;
        width: 100%;
        height: 60px;
        margin: 0 0 10px;
        background-color: #333;
        text-align: center;
        cursor: pointer;
    }

        .footer-block .title strong {
            display: table-cell !important;
            vertical-align: middle;
            font: normal 14px 'eurostile';
            color: #fff;
            text-transform: uppercase;
        }

            .footer-block .title strong:first-letter {
                font-size: 18px;
            }

    .footer-block ul {
        margin: 0 0 20px;
        padding: 10px;
    }

    .footer-block li {
        font-size: 14px;
    }

    .footer-block.contacts li {
        padding: 10px 0 10px 30px;
    }

        .footer-block.contacts li a {
            padding: 0 !important;
        }

    .footer-block .phone {
        background: url('../Themes/Traction/Content/img/footer-icon-1.png') left center no-repeat;
    }

    .footer-block .fax {
        background: url('../Themes/Traction/Content/img/footer-icon-2.png') left center no-repeat;
    }

    .footer-block .mobile {
        background: url('../Themes/Traction/Content/img/footer-icon-3.png') left center no-repeat;
    }

    .footer-block .email {
        background: url('../Themes/Traction/Content/img/footer-icon-4.png') left center no-repeat;
    }

    .footer-block .skype {
        background: url('../Themes/Traction/Content/img/footer-icon-5.png') left center no-repeat;
    }

    .footer-block li a {
        display: block;
        position: relative;
        padding: 10px 0 10px 20px;
    }

        .footer-block li a:before {
            content: '';
            display: block;
            width: 12px;
            height: 11px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            background: #666 url('../Themes/Traction/Content/img/bullet.png') center no-repeat;
            border: 1px solid #666;
            border-radius: 100%;
        }

        .footer-block.contacts li a:before {
            display: none;
        }

    .footer-block .product-picture {
        display: none;
    }

    .footer-block .news-items .news-item {
        background: transparent;
        margin: 0;
    }

        .footer-block .news-items .news-item .buttons {
            margin: 0;
        }

.footer-middle {
    width: 90%;
    margin: 0 auto 40px;
    overflow: hidden;
}

.social-sharing {
    margin: 0 0 15px;
    text-align: center;
    font-size: 0;
}

    .social-sharing li {
        display: inline-block;
        margin: 0 10px 10px;
        border: 1px solid #bbb;
    }

    .social-sharing a {
        display: block;
        width: 32px;
        height: 32px;
        background: url('../Themes/Traction/Content/img/social_sprite.png') no-repeat;
    }

    .social-sharing .twitter {
        background-position: 0 0;
    }

    .social-sharing .facebook {
        background-position: -32px 0;
    }

    .social-sharing .youtube {
        background-position: -64px 0;
    }

    .social-sharing .pinterest {
        background-position: -128px 0;
    }

    .social-sharing .google {
        background-position: -96px 0;
    }

    .social-sharing .rss {
        background-position: -192px 0;
    }

    .social-sharing .vimeo {
        background-position: -160px 0;
    }

    .social-sharing a.instagram {
        background: url('../Themes/Traction/Content/img/instagram.png') no-repeat center;
    }

.newsletter {
    margin: 0 0 30px;
    border: 1px dotted #ccc;
    background-color: #fff;
    padding: 20px 0;
    text-align: center;
}

.newsletter-subscribe {
    display: block !important;
}

.newsletter .title {
    margin: 0 0 5px;
}

.newsletter-email {
    display: inline-block;
    overflow: hidden;
    border: 1px dotted #ccc;
    background-color: #eee;
}

    .newsletter-email > input {
        border-bottom: 1px dotted #cccccc !important;
    }

    .newsletter-email .newsletter-subscribe-text {
        float: left;
        width: 220px;
        height: 36px;
        border: none;
        background: none;
        font-size: 13px;
        font-style: italic;
        color: #666;
    }

    .newsletter-email .newsletter-subscribe-button {
        float: left;
        width: 36px;
        height: 36px;
        border: none;
        overflow: hidden;
        background: url('../Themes/Traction/Content/img/subscribe-button.png') center no-repeat;
        text-indent: 999px;
    }

    .newsletter-email .options {
        display: none;
        background: #fff;
        clear: both;
    }

        .newsletter-email .options span {
            display: inline-block;
            padding: 12px 5px;
        }

.newsletter-validation,
.newsletter-result-block {
    width: 100%;
    overflow: hidden;
    line-height: 28px;
}

    .newsletter-validation .please-wait {
        display: none !important;
    }

.accepted-payment-methods {
    text-align: center;
    font-size: 0;
}

    .accepted-payment-methods li {
        display: inline-block;
        width: 57px;
        height: 36px;
        margin: 0 5px 5px;
        border: 1px solid #bbb;
        background: url('../Themes/Traction/Content/img/payment_sprite.png') no-repeat;
    }

    .accepted-payment-methods .method1 {
        background-position: 0 0;
    }

    .accepted-payment-methods .method2 {
        background-position: -57px 0;
    }

    .accepted-payment-methods .method3 {
        background-position: -114px 0;
    }

    .accepted-payment-methods .method4 {
        background-position: -171px 0;
    }

.footer-lower {
    overflow: hidden;
    background-color: #666;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #ccc;
}

    .footer-lower .center > div {
        margin: 15px 0;
    }

.footer-designed-by {
    margin-top: -10px !important;
}

.footer-disclaimer span {
    display: block;
}

.footer-powered-by a,
.footer-designed-by a {
    color: #fff;
    text-decoration: underline;
}

.footer-tax-shipping a {
    text-decoration: underline;
}

.footer-store-theme select {
    width: 170px;
    border: none;
}


/*********** LEFT/RIGHT COLUMN ***********/



.side-2 {
    width: 90%;
    margin: 0 auto 50px;
}

.block {
    text-align: left;
}

    .block .title {
        margin: 0 0 10px;
        background-color: #c03;
        text-align: center;
        cursor: pointer;
    }

        .block .title strong {
            display: block;
            padding: 12px 15px;
            font: normal 14px 'eurostile';
            color: #fff;
            text-transform: uppercase;
        }

            .block .title strong:first-letter {
                font-size: 18px;
            }

    .block .listbox {
        display: none;
        margin: 0 0 30px;
        padding: 0 10px;
    }

        .block .listbox:after {
            content: "";
            display: block;
            clear: both;
        }

    .block .list > li {
        border-bottom: 1px dotted #ccc;
        font-size: 13px;
    }

    .block .list a {
        display: block;
        position: relative;
        padding: 10px 0 10px 20px;
    }

        .block .list a:before {
            content: "";
            display: block;
            width: 12px;
            height: 11px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            background: #666 url('../Themes/Traction/Content/img/bullet.png') center no-repeat;
            border: 1px solid #666;
            border-radius: 100%;
        }

    .block .list .active a {
        font-weight: bold;
    }

    .block .sublist {
        margin: 5px 0 25px 20px;
        padding: 0 0 0 10px;
    }

        .block .sublist .sublist {
            margin-bottom: 5px;
            border: none;
        }

    .block .product-picture {
        display: none;
    }

        .block .product-picture a {
            background: none;
            padding: 0;
        }

    .block .view-all {
        margin: 15px 0 0;
        text-align: right;
    }

        .block .view-all a {
            display: inline-block;
            border: 1px solid #ccc;
            background-color: #eee;
            padding: 8px 16px;
        }

.block-popular-tags .listbox {
    padding: 0 0 10px;
}

.block .tags {
    margin: 0 0 10px;
}

    .block .tags ul {
        border-bottom: 1px dotted #ccc;
        padding: 5px 0 10px;
        font-size: 0;
    }

    .block .tags li,
    .product-tags-all-page li {
        display: inline-block;
        position: relative;
        margin: 0 10px;
        overflow: hidden;
        font-size: 16px !important; /*setting base size*/
    }

        .block .tags li a,
        .product-tags-all-page li a {
            float: left;
            line-height: 30px;
        }

.block-poll .listbox {
    padding: 10px;
}

.poll strong {
    display: block;
    font-size: 15px;
}

.poll-options,
.poll-results {
    margin: 0 0 15px;
    overflow: hidden;
    border-bottom: 1px dotted #ccc;
    padding: 15px 0 20px;
}

    .poll-options li,
    .poll-results li {
        display: inline-block;
        margin: 0 15px 0 0;
        line-height: 32px;
        font-size: 13px;
    }

        .poll-options li > input,
        .poll-options li > label {
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
        }

.poll .buttons,
.poll-total-votes {
    margin: 15px 0 0;
    text-align: right;
}

    .poll .buttons button {
        display: inline-block;
        min-width: 60px;
        border: none;
        background-color: #333;
        padding: 8px 16px;
        color: #fff;
    }

.poll-total-votes {
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
}

.home-page-polls {
    width: 90%;
    margin: 0 auto 50px;
    text-align: center;
}

    .home-page-polls .title {
        display: none;
    }

    .home-page-polls .buttons,
    .home-page-polls .poll-total-votes {
        text-align: center;
    }

.block.block-recently-viewed-products .list .product-picture {
    display: none;
}


/********** CATEGORY PAGE **********/



.category-page .page-title {
    margin-bottom: 0;
}

.breadcrumb {
    margin: 0 0 10px;
    text-align: center;
}

    .breadcrumb ul {
        font-size: 0;
    }

    .breadcrumb li {
        display: inline-block;
    }

    .breadcrumb a,
    .breadcrumb strong,
    .breadcrumb .delimiter {
        display: inline-block;
        margin: 0 3px;
        font-size: 12px; /*reset zeroing*/
        line-height: 32px;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

    .breadcrumb strong {
        color: #c03;
    }

.category-description,
.manufacturer-description,
.vendor-description {
    margin: 0 0 30px;
}

.contact-vendor .button-2 {
    margin: 0 0 20px;
    border: none;
    background-color: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
}

    .contact-vendor .button-2:hover {
        opacity: .8;
    }

.filter-title {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 12px;
    font-size: 13px;
}

.filters .name {
    display: none;
}

.filters .item {
    position: relative;
    border-bottom: 1px dotted #ccc;
}

.filters input {
    position: absolute;
    opacity: 0;
}

.filters label {
    display: block;
    position: relative;
    padding: 10px 0 10px 20px;
    line-height: 1.3;
    text-align: left;
    font-size: 13px;
    color: #000;
    cursor: pointer;
}

    .filters label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 12px;
        height: 12px;
        margin: -6px 0 0;
        border: 1px solid #999;
    }

.filters :checked ~ label:before {
    z-index: 1;
    border-color: #000;
    background: url(../Themes/Traction/Content/img/selected.png) no-repeat center;
}

.product-filter + .product-filter {
    padding-top: 20px;
}

.selected-price-range {
    overflow: hidden;
    padding: 10px 0 18px;
}

    .selected-price-range .from {
        float: left;
    }

    .selected-price-range .to {
        float: right;
    }

.filters .ui-slider {
    position: relative;
    width: auto;
    height: 7px;
    margin: 0 5px 3px;
    background-color: #eee;
}

.filters .ui-slider-range {
    position: absolute;
    height: 7px;
    background-color: #c03;
}

.filters .ui-slider-handle {
    position: absolute;
    top: -4px;
    width: 15px;
    height: 15px;
    margin-left: -10px;
    outline: 3px solid #fff;
    background-color: #333;
    cursor: pointer;
}

.filters .attribute-square {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1px; /**/
    width: 10px;
    height: 10px;
    margin: auto;
}

.product-selectors {
    margin: 0 0 30px;
    background-color: #eee;
    padding: 10px 0;
    text-align: center;
}

    .product-selectors:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-selectors > div {
        display: inline-block;
        margin: 5px;
    }

div.product-viewmode {
    display: none;
}

.product-selectors span {
    display: none;
}

.product-selectors select {
    margin: 0 5px;
    background-color: #fff;
    text-transform: lowercase;
}

.item-grid:after,
.product-grid:after,
.product-list:after,
.manufacturer-grid:after {
    content: "";
    display: block;
    clear: both;
}

.item-box {
    position: relative;
    width: 100%;
    float: left;
    margin: 20px 0 0;
}

    .item-box:first-child {
        margin-top: 0 !important;
    }

    .item-box .picture {
        overflow: hidden;
        background-color: #fff;
        margin: 0 0 30px;
    }

        .item-box .picture a {
            display: block;
            position: relative;
        }

            .item-box .picture a:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

        .item-box .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .item-box .details {
        text-align: left;
        font-size: 0;
    }

    .item-box .product-title {
        margin: 0 0 10px;
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase;
    }

        .item-box .product-title a,
        .item-box .title a {
            display: block;
        }

        .item-box .product-title + .sku {
            display: none;
        }

    .item-box .specs {
        font-size: 14px;
        margin-bottom:10px;
    }

    .item-box .description {
        display: none;
        margin: 0 0 20px;
        font-size: 12px;
    }

        .item-box .description a {
            display: block;
            overflow: hidden;
        }

    .item-box .prices {
        margin: 0 0 15px;
        font-size: 12px;
    }

    .item-box .old-price {
        margin-right: 8px;
        vertical-align: middle;
        color: #999;
        /*text-decoration: line-through;*/
    }
    .item-box .old-price-strike {
        margin-right: 8px;
        vertical-align: middle;
        color: #999;
        text-decoration: line-through;
    }

    .item-box .actual-price {
        margin-right: 8px;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        color: #c03;
    }

        .item-box .actual-price:empty {
            display: none;
        }

    .item-box .tax-shipping-info {
        display: inline-block;
        border-left: 1px solid #ccc;
        padding: 1px 8px;
        vertical-align: middle;
        color: #999;
    }

        .item-box .tax-shipping-info a {
            color: #c03;
        }

    .item-box .base-price-pangv {
        padding: 1px 0;
        color: #999;
    }

    .item-box .product-rating-box {
        margin: 0 0 20px;
    }

    .item-box .rating {
        display: inline-block;
        background: url('../Themes/Traction/Content/img/rating1.png') repeat-x;
        width: 130px;
        height: 23px;
    }

        .item-box .rating div {
            background: url('../Themes/Traction/Content/img/rating2.png') repeat-x;
            height: 23px;
        }

    .item-box .buttons {
        margin: 0;
        font-size: 0;
    }

    .item-box .compare-products {
        display: none;
    }

    .item-box button {
        border: none;
        background-color: #c03;
        padding: 10px 20px;
        font: normal 14px 'eurostile';
        color: #fff;
        text-transform: uppercase;
    }

    .item-box .dummy-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
    margin: 0 0 40px;
    background: #eee url('../Themes/Traction/Content/img/category-pad.jpg') center top no-repeat;
    padding: 30px 10%;
}

    .home-page-category-grid .title,
    .sub-category-grid .title,
    .manufacturer-grid .title,
    .vendor-grid .title {
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: auto;
        background-color: rgba(0,0,0,0.5);
        padding: 10px;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        text-transform: uppercase;
    }

    .sub-category-grid .title,
    .manufacturer-grid .title,
    .vendor-grid .title {
        font-size: 15px;
    }

    .home-page-category-grid .picture,
    .sub-category-grid .picture,
    .manufacturer-grid .picture,
    .vendor-grid .picture {
        margin: 0;
    }

        .home-page-category-grid .picture a:before,
        .sub-category-grid .picture a:before,
        .manufacturer-grid .picture a:before,
        .vendor-grid .picture a:before {
            padding-top: 70%;
        }

.product-grid,
.product-list {
    margin: 0 0 40px;
}

    .product-grid .title {
        margin: 0 0 40px;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

        .product-grid .title strong {
            display: inline-block;
            margin: 0 0 -1px;
            box-shadow: 0 0 0 3px #fff;
            background-color: #333;
            padding: 15px 18px;
            font: normal 14px 'eurostile';
            color: #fff;
            text-transform: uppercase;
        }

            .product-grid .title strong:first-letter {
                font-size: 18px;
            }

    .product-grid .item-box,
    .product-list .item-box {
        margin: 40px 0 0;
        border-bottom: 1px dotted #ccc;
        padding: 0 10% 20px;
    }

.cross-sells {
    margin: 40px 0 0;
}

.pager {
    margin: 0 0 20px;
}

    .pager ul {
        text-align: center;
        font-size: 0;
    }

    .pager li {
        display: inline-block;
        margin: 0 5px 10px;
    }

        .pager li span,
        .pager li a {
            display: block;
            min-width: 34px;
            border: 1px solid #ccc;
            overflow: hidden;
            background-color: #eee;
            padding: 8px;
            text-align: center;
            font-size: 13px;
            cursor: pointer;
        }

        .pager li span {
            border-color: #c03;
            background-color: #c03;
            color: #fff;
        }

        .pager li a:hover {
            background-color: #eee;
        }


/********** PRODUCT PAGE **********/



.product-details-page .product-name {
    position: relative;
}

.product-name h1 {
    font: normal 24px/36px 'eurostile';
    color: #c03;
}

.product-essential {
    margin: 0 0 20px;
}

    .product-essential:after {
        content: "";
        display: block;
        clear: both;
    }

.gallery {
    margin: 0 0 20px;
}

    .gallery .picture-wrapper {
        margin: 0 0 10px;
    }

    .gallery .picture {
        position: relative;
        width: 340px;
        max-width: 100%;
        margin: 0 auto 20px;
        overflow: hidden;
        background-color: #fff;
    }

        .gallery .picture:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .gallery .picture img,
        .gallery .picture-thumbs img,
        .variant-picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0;
        text-align: center;
    }

        .gallery .picture-thumbs .thumb-item {
            display: inline-block;
            position: relative;
            width: 90px;
            height: 90px;
            margin: 0 5px 10px;
            overflow: hidden;
            background-color: #fff;
        }

.overview {
    position: relative;
    margin: 0 0 40px;
}

    .overview .discontinued-product {
        margin: 0 0 10px;
        border-bottom: 1px dotted #ccc;
        padding: 0 0 10px;
        text-transform: uppercase;
    }

    .overview .short-description {
        margin: 0 0 25px;
        line-height: 20px;
    }

    .overview .buttons,
    .back-in-stock-subscription,
    .download-sample {
        margin: 0 0 15px;
        font-size: 0;
    }

        .overview .buttons div {
            display: inline-block;
            margin: 0 5px 10px;
        }

        .overview .add-to-wishlist-button,
        .variant-overview .add-to-wishlist-button,
        .overview .add-to-compare-list-button,
        .overview .subscribe-button,
        .download-sample-button,
        .back-in-stock-subscription button {
            display: inline-block;
            min-width: 150px;
            border: 1px solid #ccc;
            background-color: #eee;
            background-position: right center;
            background-repeat: no-repeat;
            padding: 8px 38px 8px 12px;
            font-size: 13px; /*reset zeroing*/
        }

    .overview .add-to-wishlist-button,
    .variant-overview .add-to-wishlist-button {
        background-image: url('../Themes/Traction/Content/img/product-icon-1.png');
    }

    .overview .add-to-compare-list-button {
        background-image: url('../Themes/Traction/Content/img/product-icon-2.png');
    }

    .overview .download-sample-button {
        background-image: url('../Themes/Traction/Content/img/product-icon-4.png');
    }

    .overview .email-a-friend {
        margin: 0 0 30px;
    }

    .overview .email-a-friend-button,
    .variand-overview .email-a-friend-button {
        border: none;
        background: none;
        font-size: 13px;
        color: #000;
        text-decoration: underline;
    }

    .overview .subscribe-button {
        margin: 10px 0;
        border: none;
        background-color: #c03;
        background-image: url('../Themes/Traction/Content/img/product-icon-3.png');
        color: #fff;
    }

.variant-overview .subscribe-button {
    background-image: url('../Themes/Traction/Content/img/product-icon-3.png');
}

.download-sample-button a {
    background-image: url('../Themes/Traction/Content/img/product-icon-4.png');
}

#back-in-stock-notify-me {
    display: inline-block;
    margin: 10px 0 0;
    border: none;
    background-color: #eee;
    padding: 8px 16px;
}

.overview .sku, .variant-overview .sku,
.overview .gtin, .variant-overview .gtin,
.overview .stock, .variant-overview .stock,
.overview .delivery-date, .variant-overview .delivery-date,
.overview .product-vendor, .variant-overview .product-vendor,
.overview .manufacturers, .manufacturer-part-number {
    margin: 0 0 5px;
}

.overview .value,
.variant-overview .value {
    font-weight: bold;
    color: #000;
}

.stock .value,
.product-vendor .value,
.manufacturers .value {
    color: #f90;
}

.overview .value a,
.variant-overview .value a {
    font-weight: bold;
    text-decoration: underline;
}

.free-shipping {
    width: 80px;
    height: 80px;
    margin: 15px auto;
    overflow: hidden;
    background: #c03 url('../Themes/Traction/Content/img/free-shipping.png') center no-repeat;
    padding: 30px 15px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    text-indent: -999px;
}

.overview .manufacturers {
    margin: 0 0 20px; /*not present in variant-overview*/
}

.product-reviews-overview {
    margin: 20px 0; /*not present in variant-overview*/
}

.product-no-reviews a {
    text-decoration: underline;
}

.product-review-box {
    display: inline-block;
    margin: 0 0 5px;
}

    .product-review-box .rating {
        width: 130px;
        height: 23px;
        background: url('../Themes/Traction/Content/img/rating1.png') repeat-x;
    }

        .product-review-box .rating div {
            height: 23px;
            background: url('../Themes/Traction/Content/img/rating2.png') repeat-x;
        }

.product-review-links a {
    text-decoration: underline;
}

.attributes {
    margin: 20px 0;
}

    .attributes dl {
        overflow: hidden;
    }

    .attributes dt {
        display: block;
        margin: 0 0 5px;
        white-space: nowrap;
        font-weight: bold;
    }

    .attributes dd {
        margin: 0 0 10px;
    }

    .attributes li {
        margin: 5px 0;
    }

        .attributes li.disabled {
            pointer-events: none;
            opacity: 0.5;
        }

            .attributes li.disabled label {
                text-decoration: line-through;
            }

    .attributes select {
        width: auto;
        max-width: 100%;
    }

    .attributes option.disabled {
        color: #ccc;
    }

    .attributes .qty-box {
        margin: 0 0 0 5px;
    }

        .attributes .qty-box label {
            display: none;
        }

        .attributes .qty-box input {
            width: 50px;
            height: 32px;
        }

    .attributes .option-list li > * {
        display: inline-block;
        padding: 0 5px;
        vertical-align: middle;
    }

    .attributes .datepicker {
        width: 280px;
        text-align: center;
    }

.ui-datepicker {
    width: 280px;
    background-color: #fff;
    text-align: center;
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    background-color: #333;
    color: #fff;
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 32px;
        height: 32px;
        font-size: 0;
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url('../Themes/Traction/Content/img/calendar-prev.png') center no-repeat;
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url('../Themes/Traction/Content/img/calendar-next.png') center no-repeat;
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

.ui-datepicker-calendar th {
    background-color: #eee;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    width: 14.285%;
    border: 1px solid #ccc;
}

    .ui-datepicker-calendar th span,
    .ui-datepicker-calendar td a {
        display: block;
        min-height: 32px;
        line-height: 32px;
    }

.attribute-squares {
    font-size: 0;
}

    .attribute-squares li {
        display: inline-block;
        margin: 0;
    }

.attribute-square-container {
    display: block;
    border: 1px solid transparent;
    position: relative;
    z-index: 0;
}

.attribute-squares label {
    overflow: hidden;
}

.attribute-square-container span {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #333 !important;
    background-size: 100% !important;
    cursor: pointer;
}

.selected-value .attribute-square-container {
    border-color: #000;
}

    .selected-value .attribute-square-container span {
        border-color: transparent !important;
    }

.attribute-squares input[type="radio"] {
    position: relative;
    z-index: -1;
    margin: -30px 0 0;
}

.attribute-squares li.disabled {
    position: relative;
    opacity: 1;
}

    .attribute-squares li.disabled:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 26px;
        height: 26px;
        border: 1px solid #ccc;
        background: #fff url('../Themes/Traction/Content/img/close.png') center no-repeat;
    }

.attribute-squares .tooltip-container {
    display: none !important;
}

.overview .prices,
.variant-overview .prices {
    margin: 10px 0;
    overflow: hidden;
}

    .overview .prices > div,
    .variant-overview .prices > div {
        margin: 0 0 5px;
    }

.overview .old-product-price,
.variant-overview .old-product-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.overview .product-price,
.variant-overview .product-price {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #c00;
}

.product-price + .tax-shipping-info {
    margin-left: 8px !important;
}

.customer-entered-price {
    margin: 0 0 25px;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px;
}

    .customer-entered-price > div {
        display: inline-block;
    }

    .customer-entered-price .price-input {
        margin: 0 5px;
    }

    .customer-entered-price .enter-price-input {
        width: 50px;
        background-color: #fff;
        text-align: center;
    }

    .customer-entered-price .price-range {
        font-weight: bold;
    }

.overview .add-to-cart {
    margin: 0 0 20px;
}

.overview .min-qty-notification,
.variant-overview .min-qty-notification {
    margin: 0 0 10px;
    font-weight: bold;
}

.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
    display: inline-block;
    position: relative;
}

    .overview .add-to-cart-panel > *,
    .variant-overview .add-to-cart-panel > * {
        float: left;
    }

.overview .qty-label,
.variant-overview .qty-label {
    position: absolute;
    left: -25px;
    line-height: 36px;
    display: none !important;
}

.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
    width: 44px;
    height: 40px;
    background-color: #fff;
    padding: 12px;
    text-align: center;
    font-size: 14px;
}

.overview .qty-dropdown,
.variant-overview .qty-dropdown {
    width: auto;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    height: 40px;
    border: none;
    background: #c03;
    padding: 10px 20px;
    font: normal 17px/21px 'eurostile';
    color: #fff;
}

.overview .add-to-cart .add-to-wishlist-button {
    display: none; /*removes the old button*/
}

.overview .pre-order-availability-date,
.variant-overview .pre-order-availability-date {
    margin: 10px 0 0;
}

.product-estimate-shipping {
    margin: 20px 0;
}

    .product-estimate-shipping a {
        display: inline-block;
    }

    .product-estimate-shipping i {
        display: inline-block;
        transform: rotate(45deg);
        margin: 0 0 3px 10px;
        border: solid black;
        border-width: 0 1px 1px 0;
        padding: 3px 3px;
    }

    .product-estimate-shipping .shipping-loading {
        display: none !important; /*disable preloader*/
    }

    .product-estimate-shipping .shipping-title {
        margin: 0 0 5px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }

    .product-estimate-shipping .shipping-price {
        margin: 0 0 0 5px;
        vertical-align: middle;
    }

    .product-estimate-shipping .shipping-date {
        margin: 15px 0 0;
        font-weight: bold;
    }

.product-share-button {
    display: inline-block;
    overflow: hidden;
}

.full-description {
    clear: both;
    line-height: 20px;
    vertical-align: top;
}

.product-collateral {
    margin: 0 0 20px;
}

    .product-collateral .title {
        margin: 0 0 10px;
        font-size: 18px;
    }

        .product-collateral .title strong {
            font-weight: normal;
        }

.tier-prices {
    margin: 0 0 20px;
}

    .tier-prices .prices-header {
        margin: 0 0 10px;
    }

    .tier-prices .field-header {
        min-width: 100px;
    }

    .tier-prices .item-price {
        color: #c00;
    }

.product-variant-line {
    margin: 0 0 30px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 20px;
}

    .product-variant-line:after {
        content: "";
        display: block;
        clear: both;
    }

.variant-picture {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 15px;
    overflow: hidden;
}

.variant-overview {
    width: 100%;
}

    .variant-overview .variant-name {
        margin: 0 0 10px;
        font: normal 18px/24px 'eurostile';
        color: #c03;
    }

    .variant-overview .variant-description {
        margin: 0 0 15px;
        line-height: 20px;
    }

    .variant-overview .add-to-cart-panel > * {
        margin: 0 0 10px;
    }

    .variant-overview .add-to-wishlist-button {
        display: block;
        float: none;
        clear: both;
        margin: 0 auto;
    }

.product-specs-box {
    margin: 0 0 30px;
}

    .product-specs-box a {
        font-size: inherit !important;
        color: #c03;
    }

        .product-specs-box a:hover {
            text-decoration: underline;
        }

    .product-specs-box .attribute-squares {
        display: inline-block;
        vertical-align: middle;
    }

.product-tags-box {
    margin: 0 0 30px;
    background-color: #f6f6f6;
    padding: 10px 15px;
}

.product-tags-list {
    font-size: 0;
}

    .product-tags-list li {
        display: inline-block;
        font-size: 12px; /*reset zeroing*/
    }

        .product-tags-list li.separator {
            margin: 0 5px 0 3px;
        }

    .product-tags-list a {
        display: inline-block;
        line-height: 24px;
    }

.giftcard {
    margin: 30px 0 20px;
    overflow: hidden;
    clear: both;
}

    .giftcard div {
        margin: 0 0 20px;
    }

    .giftcard label {
        display: block;
        margin: 0 0 5px;
        font-weight: bold;
    }

    .giftcard input,
    .giftcard textarea {
        width: 350px;
        max-width: 100%;
    }

    .giftcard textarea {
        height: 150px;
    }


/********** ESTIMATE SHIPPING **********/



.estimate-shipping-popup {
    position: relative;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 25px;
    transform: scale(0.8);
    transition: all 0.2s ease;
    opacity: 0;
}

    .estimate-shipping-popup strong {
        visibility: hidden;
    }

.mfp-ready .estimate-shipping-popup {
    transform: scale(1);
    opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
    transform: scale(0.8);
    opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
    transition: all 0.3s ease;
    opacity: 0;
}

.estimate-shipping-row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
}

.estimate-shipping-row-item {
    flex: 0 1 100%;
}

.mfp-container .address-item {
    margin: 10px 0 0;
}

    .mfp-container .address-item + div {
        padding: 0 0 0 15px;
    }

.estimate-shipping-address-control {
    width: 100%;
}

.mfp-container .address-item .required {
    position: absolute;
    top: -5px;
    right: 0;
}

.mfp-container .shipping-options {
    position: relative; /*preloader referrence*/
    margin: 10px 0 25px;
}

.mfp-container .shipping-header-item {
    align-self: flex-end;
    border: none !important;
    padding: 12px 5px !important;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.mfp-container .shipping-option {
    display: table-row;
    font-size: 13px;
    cursor: pointer;
}

    .mfp-container .shipping-option.active {
        font-weight: bold;
        color: #333;
    }

    .mfp-container .shipping-option > div {
        display: table-cell;
        border-top: 1px solid #ddd;
        padding: 12px 11px;
    }

.mfp-container .shipping-item {
    border-right: 1px solid #ddd;
    overflow: hidden;
    padding: 8px 0;
    overflow-wrap: break-word;
}

.estimate-shipping-row-item-radio {
    flex: 0 0 30px;
    width: 24px;
}

.estimate-shipping-radio {
    display: none;
}

    .estimate-shipping-radio + label {
        display: inline-block;
        position: relative;
        bottom: 1px;
        width: 14px;
        height: 14px;
        border: 1px solid #333;
        border-radius: 50%;
        font-size: 0;
    }

    .estimate-shipping-radio:checked + label:after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px;
        border-radius: 50px;
        background-color: #333;
    }

.apply-shipping-button-container {
    text-align: center;
}

.mfp-container .apply-shipping-button {
    min-width: 120px;
    border: 1px solid transparent;
    background-color: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
}

    .mfp-container .apply-shipping-button:hover {
        opacity: 0.8;
    }

.mfp-container .no-shipping-options {
    padding: 30px 15px;
    text-align: center;
}

.mfp-container .message-failure {
    margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {

    .estimate-shipping-popup {
        padding: 25px 3%;
    }

    .mfp-container .shipping-address {
        flex-flow: column;
    }

    .mfp-container .address-item {
        width: 100%;
    }

        .mfp-container .address-item + div {
            padding: 0;
        }
}


/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
    font-style: italic;
}

    .product-reviews-page h1 a:before,
    .product-reviews-page h1 a:after {
        content: "''";
    }

.product-reviews-page .title {
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

    .product-reviews-page .title strong {
        display: inline-block;
        margin: 0 0 -1px;
        box-shadow: 0 0 0 3px #fff;
        background-color: #333;
        padding: 10px 20px;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

.product-reviews-page .result,
.product-reviews-page .message-error {
    margin: 0 0 20px;
}

.write-review {
    margin: 0 0 50px;
}

    .write-review .form-fields {
        margin: 0 0 15px;
    }

.ui-tabs .form-fields {
}

.write-review .review-rating {
    text-align: center;
}

    .write-review .review-rating label {
        display: block;
        margin: 0 0 5px;
        font-size: 14px;
        vertical-align: middle;
    }

.review-rating ul {
    font-size: 0;
    vertical-align: middle;
}

.write-review .review-rating li {
    display: inline-block;
    margin: 0 5px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px;
}

    .write-review .review-rating li.first {
        color: #c00;
    }

    .write-review .review-rating li:nth-child(2) {
        padding-top: 2px;
    }

        .write-review .review-rating li:nth-child(2) input {
            vertical-align: baseline;
        }

    .write-review .review-rating li.last {
        color: #690;
    }

.write-review .captcha-box {
    margin: 15px 0 0;
}

.write-review .button-1 {
    border: none;
    background-color: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
}

/* */
.write-review .review-rating + div {
    margin: 10px 0 0;
}

.write-review .tooltip-text {
    display: none;
}

.review-type-rating-ext,
.review-type-rating-ext ~ br {
    display: none;
}
/* */

.product-review-list {
    overflow: hidden;
}

.product-review-item {
    margin: 30px 0;
}

    .product-review-item .review-item-head {
        margin: 0 0 10px;
        border-bottom: 1px dotted #ccc;
        overflow: hidden;
        padding: 0 0 10px;
    }

    .product-review-item .review-title {
        font: normal 12px/23px 'eurostile';
        color: #c03;
        text-transform: uppercase;
    }

        .product-review-item .review-title strong {
            display: block;
            font-weight: normal;
        }

    .product-review-item .product-review-box {
        margin: 0;
    }

    .product-review-item .review-text {
        margin: 0 0 10px;
        padding: 10px 0 0;
        line-height: 20px;
    }

    .product-review-item .review-avatar {
        width: 120px;
        margin: 0 auto 10px;
        overflow: hidden;
        font-size: 0;
        line-height: normal;
    }

        .product-review-item .review-avatar a {
            display: block;
        }

        .product-review-item .review-avatar img {
            max-width: 100%;
        }

    .product-review-item .review-info {
        margin: 0 0 10px;
        background-color: #f6f6f6;
        padding: 5px;
    }

        .product-review-item .review-info a,
        .product-review-helpfulness .vote {
            display: inline-block;
            padding: 0 5px;
            font-weight: bold;
            text-decoration: underline;
            cursor: pointer;
        }

.product-review-helpfulness .question {
    margin: 0 5px 0 0;
    font-style: italic;
}

.product-review-helpfulness .result {
    margin: 0 0 0 10px;
}

.product-review-item .reply {
    margin: 30px 0 0;
    padding: 15px;
    background: #f6f6f6;
}

.product-review-item .reply-header {
    margin: 0 0 10px;
    font-weight: bold;
}

.product-review-item .reply-text {
    line-height: 20px;
}


/********** WISHLIST & COMPARE LIST **********/



.wishlist-content {
    margin: 0 0 20px;
}

    .wishlist-content .message-error {
        margin: 0 0 10px;
    }

    .wishlist-content .tax-shipping-info {
        margin: 0 0 20px;
        border: none;
    }

    .wishlist-content .buttons {
        font-size: 0;
    }

    .wishlist-content .button-2 {
        height: 32px;
        margin: 0 5px 5px;
        border: none;
        padding: 8px 16px;
        vertical-align: middle;
    }

.wishlist-add-to-cart-button {
    border-color: transparent !important;
    background-color: #c03 !important;
    font: normal 15px 'eurostile';
    color: #fff;
}

.wishlist-page .share-info a {
    display: block;
    margin: 0 0 5px;
    font-weight: bold;
    color: #c03;
}

.compare-products-page {
    position: relative;
    overflow: hidden;
}

    .compare-products-page .clear-list {
        display: inline-block;
        margin: 0 0 30px;
        background-color: #333;
        padding: 8px 16px;
        font-weight: bold;
        color: #fff;
    }

    .compare-products-page .button-2 {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 5px 10px;
    }

    .compare-products-page img {
        max-width: 100%;
    }

.compare-products-table {
    display: none;
}


/*********** TOPICS ***********/



.topic-block {
    margin: 0 0 20px;
}

.home-page .topic-block {
    width: 95%;
    margin: 0 auto 30px;
}

.topic-block-title h2 {
    font: normal 24px/36px 'eurostile';
}

.topic-html-content-body {
    line-height: 20px;
}

.topic-block a,
.topic-page a {
    text-decoration: underline;
}

.topic-page .page-body {
    line-height: 20px;
    font-size: 13px;
}

.topic-password {
    overflow: hidden;
    text-align: center;
}

.enter-password-title {
    margin: 10px 0;
    color: #c00;
}

.enter-password-form {
    display: inline-block;
    overflow: hidden;
}

    .enter-password-form input {
        float: left;
        width: 200px;
        height: 36px;
        border-color: #333;
    }

    .enter-password-form button {
        float: left;
        width: auto;
        height: 36px;
        border: none;
        background: #333;
        padding: 0 20px;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

.password-error {
    margin: 0 0 10px;
}


/*********** CONTACT & EMAIL A FRIEND ***********/



.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fileds {
    margin: 0 0 20px;
}

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
    margin: 0 0 10px;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
    border: none;
    background-color: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
}

.email-a-friend-page .title {
    margin: 0 0 20px;
}

    .email-a-friend-page .title h2 {
        font: normal 18px 'eurostile';
    }


/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



.date-of-birth div {
    display: inline-block;
    max-width: 100%;
}

.registration-page .fieldset:nth-child(2) select,
.account-page .fieldset:nth-child(3) select,
.inputs.date-of-birth select {
    width: 88px; /*birth-date selectors, always single line*/
}

.registration-page select + select,
.account-page select + select {
    margin: 0 0 0 10px;
}

.gender {
    display: inline-block;
    margin: 0 3px;
}

    .gender span {
        margin: 0 3px;
    }

        .gender span > * {
            display: inline !important;
            vertical-align: middle;
            line-height: 32px;
        }

#check-availability-button {
    margin: 10px 0 0;
    padding: 8px 16px;
    font: normal 14px Arial, Helvetica, sans-serif;
}

#username-availabilty {
    display: block;
    margin: 5px 0 0;
    font-size: 11px;
}

    #username-availabilty:empty {
        display: none;
    }

.vat-status, .vat-note {
    display: block;
    margin: 5px 0 0;
    text-align: center;
    font-size: 12px; /*reset zeroing*/
}

.accept-privacy-policy {
    margin: -20px 0 20px;
    text-align: center;
}

    .accept-privacy-policy > * {
        display: inline-block;
        line-height: 32px;
        vertical-align: middle;
    }

    .accept-privacy-policy a {
        font-weight: bold;
    }

.registration-page .buttons,
.registration-result-page .buttons,
.login-page .buttons,
.password-recovery-page .buttons,
.account-page .buttons,
.return-request-page .buttons {
    border-top: 1px dashed #c03;
    padding-top: 20px;
}

.registration-page .button-2,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    border: none;
    background-color: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
}

.registration-result-page .result {
    margin: 0 0 20px;
    color: #690;
}

.login-page .customer-blocks {
    margin: 0 0 40px;
}

.login-page .title {
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

    .login-page .title strong {
        display: inline-block;
        margin: 0 0 -1px;
        box-shadow: 0 0 0 3px #fff;
        background-color: #333;
        padding: 10px 20px;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

.login-page .new-wrapper {
    margin: 0 0 40px;
}

.login-page .inner-wrapper {
}

.login-page .text {
    margin: 0 0 20px;
}

.login-page .inputs.reversed * {
    margin: 5px 0;
    line-height: 24px;
    font-size: 12px; /*reset zeroing*/
}

.external-authentication {
    margin: 0 0 30px;
    overflow: hidden;
    text-align: center;
}

    .external-authentication .title {
        display: none;
    }
/*form + .external-authentication {
	display: none;
}*/
.password-recovery-page .tooltip {
    margin: 0 0 20px;
}

.password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: bold;
}

.address-list-page .buttons,
.order-list-page .buttons,
.back-in-stock-subscription-list-page .buttons,
.forum-subscriptions-page .buttons {
    border: none;
    padding: 0;
}

.account-page .button-2 {
    border: none;
    background-color: #eee;
    padding: 8px 16px;
}

.account-page .accept-consent {
    text-align: center;
}

.account-page .edit-address {
    margin: 0 0 30px;
}

.account-page .description {
    margin: 0 0 20px;
}

.email-to-revalidate,
.email-to-revalidate-note {
    display: block;
    margin: 10px 5px;
    vertical-align: middle;
    font-size: 12px;
    white-space: normal;
}

.address-list-page .info,
.order-list-page .info {
    margin: 0 0 20px;
    line-height: 20px;
}

.address-list-page .name,
.address-list-page .country {
    margin: 3px 0;
    font-weight: bold;
}

.address-list-page .add-button {
    margin: 0 0 15px;
    border-top: 1px dashed #c03;
    padding-top: 20px;
    text-align: center;
}

.return-request-list-page a {
    font-weight: bold;
}

.return-request-list-page .comments {
    margin: 15px 0 0;
    color: #c03;
}

.subscription-list th,
.subscription-list td {
    text-align: left;
}

    .subscription-list th:first-child,
    .subscription-list td:first-child {
        text-align: center;
    }

.reward-points-overview {
    margin: 0 0 15px;
}

.reward-points-history .title {
    margin: 0 0 15px;
    font-size: 14px;
    color: #c03;
    text-transform: uppercase;
}

    .reward-points-history .title strong {
        font-weight: normal;
    }

.change-password-page .fieldset {
    margin-bottom: 30px;
}

.avatar-page .message-error {
    margin: 0 0 10px;
}

.avatar-page .fieldset {
    margin: 0 0 15px;
}

.avatar-page .image {
    margin: 0 0 10px;
}

    .avatar-page .image img {
        border: 1px solid #ccc;
    }

.avatar-page input[type="file"] {
    width: 75px;
    overflow: hidden;
}

.avatar-page button {
    display: inline-block;
    min-width: 90px;
    height: 32px;
    padding: 0 16px;
    vertical-align: middle;
}

.avatar-page .info {
    margin: 0 0 20px;
}

.gdpr-tools-page .form-fields {
    margin: 0 0 20px;
    text-align: center;
}

.check-gift-card-balance-page .result {
    margin: 0 0 20px;
    text-align: center;
    font-weight: bold;
}

.check-gift-card-balance-page .message-error {
    margin: 0 0 20px;
}

.check-gift-card-balance-page .buttons {
    margin-top: 30px;
}

.multi-factor-authentication-page .description {
    margin: 0 0 30px;
    line-height: 20px;
}

.multi-factor-authentication-page .form-fields {
    margin: 30px 0 0;
}

.multi-factor-authentication-page .inputs label {
    width: auto !important;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.multi-factor-authentication-page ul .buttons {
    border: none;
    padding: 0;
}

.multi-factor-authentication-page ul button {
    background: none !important;
    padding: 0 !important;
    color: #333 !important;
    text-decoration: underline;
    font: bold 13px Arial, Helvetica, sans-serif !important;
}

.multi-factor-authentication-page .buttons,
.configure-provider .buttons {
    margin: 20px 0 0;
}

.configure-provider .instruction {
    line-height: 20px;
}

.configure-provider table {
    margin: 15px 0;
    text-align: left;
}

.configure-provider .inputs {
    border: 1px dotted #ccc;
    padding: 30px 15px;
}

.vendorinfo-page .vendor-picture {
    margin: 10px 0 -10px;
    text-align: center;
}

    .vendorinfo-page .vendor-picture img {
        display: block;
        margin: 0 auto 10px;
    }

.user-agreement-page {
    text-align: left;
}

.terms-of-agreement {
    padding: 0 0 30px;
    text-align: center;
}

.user-agreement-page .buttons {
    text-align: center;
}

.user-agreement-page .button-1 {
    background-color: #c03;
    border: medium none;
    color: #fff;
    font: 15px "eurostile";
    padding: 10px 20px;
}

/********** SHOPPING CART & CHECKOUT **********/



.order-progress {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    text-align: center;
}

    .order-progress ul {
        font-size: 0;
    }

    .order-progress li {
        display: inline-block;
        margin: 10px;
    }

    .order-progress a {
        display: block;
        min-width: 70px;
        font-size: 13px;
        color: #000;
    }

        .order-progress a:before {
            content: "";
            display: block;
            width: 36px;
            height: 36px;
            margin: 0 auto 10px;
            border: 2px solid transparent;
            background: #fff url('../Themes/Traction/Content/img/order-progress-1.png') center no-repeat;
        }

    .order-progress li.active-step a {
        cursor: pointer;
    }

        .order-progress li.active-step a:before {
            border-color: #333;
            background-image: url('../Themes/Traction/Content/img/order-progress-2.png');
        }

    .order-progress li.current-step a {
        color: #c03;
    }

        .order-progress li.current-step a:before {
            border-color: #c03;
            background-image: url('../Themes/Traction/Content/img/order-progress-red.png');
        }

    .order-progress li.inactive-step a {
        opacity: 0.5;
        cursor: default;
    }

.shopping-cart-page .button-1,
.checkout-page .button-1 {
    border: none;
    background: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
    white-space: normal;
}

.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a {
    display: inline-block;
    border: none;
    background-color: #c03;
    padding: 8px 16px;
    color: #fff;
}

.remove-discount-button,
.remove-gift-card-button {
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    border: 1px solid #ccc;
    background: #fff url('../Themes/Traction/Content/img/close.png') center no-repeat;
    cursor: pointer;
}

.shopping-cart-page .message-error {
    margin: 0 0 20px;
    font-size: 13px;
}

.shopping-cart-page .tax-shipping-info {
    margin: 10px 0 0;
    border: none;
    padding: 0;
}

.shopping-cart-page .selected-checkout-attributes {
    display: none;
}

.selected-checkout-attributes {
    margin: 0 0 20px;
    text-align: center;
}

.shopping-cart-page .cart-options {
    margin: 0 0 40px;
}

.shopping-cart-page .common-buttons {
    font-size: 0;
}

    .shopping-cart-page .common-buttons button {
        min-width: 150px;
        margin: 0 5px 10px;
    }

    .shopping-cart-page .common-buttons a {
        display: inline-block;
        min-width: 150px;
        margin: 0 5px 10px;
        background-color: #999;
        padding: 8px 16px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

.checkout-attributes {
    margin: 20px 0;
    text-align: center;
}

    .checkout-attributes dt {
        margin: 0 0 5px;
        font-weight: bold;
    }

    .checkout-attributes dd {
        margin: 0 0 10px;
    }

    .checkout-attributes li {
        line-height: 24px;
    }

        .checkout-attributes li * {
            vertical-align: middle;
        }

    .checkout-attributes .attribute-squares li label {
        display: block;
        margin: 0 5px;
        text-align: center;
        line-height: normal;
    }

.cart-footer:after {
    content: "";
    display: block;
    clear: both;
}

.cart-footer .totals {
    width: 300px;
    max-width: 100%;
    margin: 0 auto 30px;
}

.cart-footer .total-info {
    margin: 0 0 20px;
}

.cart-total td {
    width: 50%;
    border: 1px solid #ccc;
    padding: 5px;
}

    .cart-total td.cart-total-left {
        font-weight: bold;
    }

.cart-total .order-total {
    font-size: 16px;
    color: #c00;
}

    .cart-total .order-total .cart-total-left {
        color: #333;
        font-size: 12px;
    }

.terms-of-service {
    margin: 0 0 20px;
}

    .terms-of-service label {
        cursor: pointer;
    }

    .terms-of-service a {
        font-weight: bold;
        cursor: pointer;
        text-decoration: underline;
    }

.cart-footer .button-1 {
    font-size: 18px;
}

.cart-footer .addon-buttons {
    margin: 20px 0 0;
}

.cart-collaterals {
    max-width: 100%;
    margin: 0 auto 30px;
}

    .cart-collaterals .deals {
        margin: 0 0 30px;
        background-color: #f6f6f6;
        padding: 15px;
    }

    .cart-collaterals .title {
        margin: 0 0 5px;
        font-size: 13px;
        color: #c03;
    }

    .cart-collaterals .hint {
        margin: 0 0 5px;
    }

    .cart-collaterals .deals > div {
        margin: 0 0 10px;
    }

    .cart-collaterals .coupon-code {
        max-width: 360px;
        margin: auto;
        overflow: hidden;
        font-size: 0;
    }

        .cart-collaterals .coupon-code input {
            float: left;
            width: 64%;
            height: 30px; /*safari padding fix*/
            margin: 0 -1px 0 0;
            border-color: #999;
            background-color: #fff;
        }

        .cart-collaterals .coupon-code button {
            float: left;
            width: 36%;
            height: 30px; /*safari padding fix*/
            border: 1px solid #999;
            background-color: #999;
            padding: 0;
            color: #fff;
        }

    .cart-collaterals .message {
        margin: 5px 0 0;
        color: #c00;
    }

    .cart-collaterals .current-code {
        margin: 5px 0 0;
        color: #690;
    }

    .cart-collaterals .shipping {
        margin: 0 20px 40px
    }

    .cart-collaterals .estimate-shipping-button {
        margin-top: 5px;
    }

    .cart-collaterals .shipping-results {
        margin: 20px 0 0;
    }

        .cart-collaterals .shipping-results li {
            margin: 10px 0;
        }

.checkout-page .section .title {
    margin-bottom: 30px;
}

.checkout-page .message-error,
.checkout-page .min-amount-warning {
    display: block;
    margin: 0 0 20px;
    text-align: center;
}

.checkout-page .address-list-page {
    display: none;
}

.checkout-page .address-grid {
    overflow: hidden;
}

.checkout-page .address-item {
    width: 280px;
    margin: 0 auto 20px;
    border: 1px dotted #ccc;
    padding: 15px;
    position: relative;
}

    .checkout-page .address-item .address-box {
        padding: 0;
        margin: 0 0 10px;
    }

    .checkout-page .address-item li {
        padding: 2px 0;
        font-size:15px;
    }

        .checkout-page .address-item li.name {
            margin: 0 0 5px;
            font-size: 18px;
        }

        .checkout-page .address-item li.country {
            margin: 5px 0 0;
            font-size: 16px;
            color: #c03;
        }

.checkout-page .edit-address {
    margin: 0 0 20px;
}

.new-address-next-step-button {
    margin: 0 0 30px;
}

.checkout-page .pickup-points {
    border: 1px dotted #ccc;
    padding: 20px 10px 10px;
}

    .checkout-page .pickup-points label {
        display: none;
    }

.checkout-page .select-pickup-point {
    text-align: center;
}

    .checkout-page .select-pickup-point li {
        display: inline-block;
    }

.checkout-page .select-address select {
    max-width: 100%;
}

.checkout-page .pickup-points-map {
    height: 300px;
    margin: 20px 0 0;
}

.shipping-method .method-list,
.payment-method .method-list {
    margin: 0 5px 20px;
    border: 1px dotted #ccc;
    padding: 10px;
    text-align: left;
}

    .shipping-method .method-list li,
    .payment-method .method-list li {
        margin: 10px 0;
        padding: 5px;
    }

        .shipping-method .method-list li label,
        .payment-method .method-list li label {
            font-weight: bold;
        }

.shipping-method .method-description,
.payment-method .payment-description {
    margin: 5px 0 0;
}

.payment-logo,
.payment-details {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.payment-logo {
    width: 53px;
}

.payment-details {
    max-width: calc(100% - 77px);
}

.use-reward-points {
    margin: 0 0 10px;
}

.payment-info .info {
    margin: 0 15px 20px;
    border: 1px dotted #ccc;
    padding: 10px;
    text-align: left;
    font-size: 13px;
}

    .payment-info .info p {
        margin: 10px;
    }

.confirm-order {
    margin: 20px 0;
    background: #eee;
    padding: 15px;
    text-align: center;
}

    .confirm-order .buttons {
        margin: 0;
    }

    .confirm-order .button-1 {
        font-size: 18px;
    }

.order-review-data,
.shipment-overview {
    padding: 10px;
}

    .order-review-data ul,
    .shipment-overview ul {
        margin: 0 0 30px;
        border: 1px dotted #ccc;
        padding: 10px;
    }

    .order-review-data li,
    .shipment-overview li {
        padding: 2px 0;
    }

    .order-review-data .title,
    .shipment-overview .title,
    .order-details-area .title {
        margin: 20px 0 5px;
        font-size: 13px;
        color: #c03;
    }

        .order-review-data .title:first-child,
        .shipment-overview .title:first-child,
        .order-details-area .title:first-child {
            margin-top: 0;
        }

    .order-review-data .name,
    .shipment-overview .name,
    .order-details-area .name {
        margin-bottom: 5px;
        font-weight: bold;
    }

    .order-review-data .country,
    .shipment-overview .country,
    .order-details-area .country {
        margin-top: 5px;
        font-weight: bold;
    }

.order-confirm-page .order-review-data > ul > .title {
    border: none;
    text-align: center;
    font-weight: bold;
    margin: 0;
}

.order-confirm-page .order-review-data > ul li ~ .title {
    margin: 20px 0 5px;
}

.order-completed .details {
    margin: 0 0 20px;
}

    .order-completed .details strong {
        font-weight: normal;
    }

    .order-completed .details a {
        display: block;
        margin: 5px 0 0;
        font-weight: bold;
    }

.opc .step-title {
    margin-bottom: 1px;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px;
}

.opc .allow .step-title,
.opc .allow .step-title * {
    cursor: pointer;
}

.opc .step-title * {
    float: left;
    font: normal 14px 'eurostile';
}

.opc .step-title span {
    margin: 0 10px 0 0;
}

.opc .step {
    margin: 10px 0;
    padding: 10px;
}

.opc .section {
    margin: 0 0 15px;
    padding: 15px;
    text-align: center;
}

    .opc .section > label {
        display: block;
        margin: 0 0 10px;
    }

.opc input[type="text"],
.opc select {
    max-width: 100%;
}

.opc .buttons {
    margin-bottom: 0;
}

.opc .back-link {
    margin: 0 0 10px;
}

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

    .opc .back-link a {
        font-weight: bold;
    }

.opc .please-wait {
    display: block;
    margin: 10px 0 0;
}

.opc .terms-of-service {
    text-align: center;
}

.opc .select-pickup-points label {
    display: none;
}

.opc #confirm-order-buttons-container {
    background-color: #eee;
    padding: 10px;
}

.opc .section.order-summary {
    border: none;
    padding: 0;
}

    .opc .section.order-summary .order-review-data .title {
        border: none;
        font-weight: bold;
        margin-bottom: 5px;
    }

.order-details-page .page-title {
    margin: 0 0 20px;
    overflow: hidden;
}

    .order-details-page .page-title h1 {
        margin: 0 0 10px;
    }

.order-details-page .order-overview {
    margin: 0 0 20px;
    background-color: #eee;
    padding: 10px;
    line-height: 20px;
}

.order-details-page:not(.order-details-page--print) .order-summary-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order-details-page:not(.order-details-page--print) .order-summary-item,
.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info,
.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > li {
    min-width: 0;
    overflow-wrap: anywhere;
}

.order-details-area {
    margin: 0 0 20px;
    overflow: hidden;
}

    .order-details-area td {
        float: left;
        width: 100%;
        margin: 0 0 20px;
        vertical-align: top;
    }

    .order-details-area ul {
        margin: 10px;
        border: 1px dotted #ccc;
        padding: 10px;
    }

.order-details-page .section .title,
.shipment-details-page .section .title,
.return-request-page .title {
    margin-bottom: 25px;
}

.order-details-page .download a,
.order-details-page .download-license a {
    color: #c03;
    line-height: 20px;
}

.order-details-page .tax-shipping-info {
    border: none;
}

.order-details-page .actions {
    margin: 20px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

    .order-details-page .actions button,
    .order-details-area .repost .re-order-button {
        min-width: 100px;
        margin: 0 5px;
        border: none;
        background-color: #ddd;
        padding: 8px 16px;
    }

.order-details-page .cart-total {
    width: 300px;
    margin: 0 auto 30px;
}

.shipment-details-page .shipment-overview {
    overflow: hidden;
    margin: 0 0 20px;
}

    .shipment-details-page .shipment-overview > ul {
        text-align: left;
    }

        .shipment-details-page .shipment-overview > ul:first-child {
            margin: 0 0 20px;
        }

.shipment-details-page .section {
    width: 100%;
}

.return-request-file > div {
    display: inline-block;
    width: 350px;
    max-width: 100%;
    vertical-align: middle;
}

.return-request-page .qq-upload-button {
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 8px;
}

.return-request-page .qq-upload-list li {
    background-color: transparent !important;
    font-size: 13px;
    color: #333 !important;
}


/*********** SEARCH & SITEMAP ***********/



.search-input input + label {
    display: inline;
    margin: 0 0 0 2px;
}

.basic-search {
    margin: 0 5% 20px;
    border: 1px dotted #ccc;
    padding: 20px 5px 0;
}

    .basic-search input[type="text"] {
        width: 400px;
        max-width: 90%;
    }

.advanced-search {
    max-width: 90%;
    margin: 0 auto 20px;
    border: 1px dotted #ccc;
    padding: 10px 20px 0;
}

    .advanced-search .price-range {
        display: inline-block;
    }

        .advanced-search .price-range input {
            width: 80px;
            height: 32px;
            margin: 3px;
        }

.search-input .button-1 {
    border: none;
    background-color: #c03;
    padding: 10px 20px;
    font: normal 15px 'eurostile';
    color: #fff;
}

.search-input .warning,
.search-results .result {
    display: block;
    margin: 10px 0 0;
    font-weight: normal;
    color: #c00;
}

.search-results {
    margin: 30px 0 0;
}

.sitemap-page .entity {
    margin: 0 0 20px;
}

.sitemap-page .entity-title {
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

    .sitemap-page .entity-title h2 {
        display: inline-block;
        margin: 0 0 -1px;
        box-shadow: 0 0 0 3px #fff;
        background-color: #333;
        padding: 10px 20px;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

.sitemap-page .entity-body {
    line-height: 24px;
}

.sitemap-page li {
    display: inline-block;
    margin: 0 10px;
}

.sitemap-page a {
    display: block;
    line-height: 32px;
}

    .sitemap-page a:empty {
        display: none;
    }

.sitemap-page .description {
    margin: 0 10px 20px;
}


/********** BLOG & NEWS **********/



.block li.year {
    margin-top: 20px;
}

    .block li.year:first-child {
        margin-top: 0;
    }

    .block li.year strong {
        display: block;
        cursor: default;
    }

    .block li.year ul {
        margin: 0 0 5px;
    }

.blog-page .post,
.news-items .news-item {
    position: relative;
    margin: 0 10px 20px;
    background-color: #f6f6f6;
    padding: 10px;
}

.post-title,
.news-title {
    display: inline-block;
    margin: 0 0 10px;
    padding: 5px;
    font: normal 15px 'eurostile';
    color: #c03;
}

.post-date,
.news-date {
    display: block;
    font-style: italic;
}

.post-head ~ *,
.news-head ~ * {
    display: none;
}

.blogpost-page .post-date,
.news-item-page .news-date {
    background-color: #f6f6f6;
    padding: 10px;
}

.post-body,
.news-body {
    margin: 0 0 10px;
    padding: 10px;
    line-height: 20px;
    text-align: justify;
}

.blog-page .tags,
.blogpost-page .tags {
    margin: 0 0 40px;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px;
}

    .blog-page .tags label,
    .blogpost-page .tags label {
        display: inline-block;
        margin: 0 3px;
        font-weight: bold;
        vertical-align: middle;
        text-transform: uppercase;
    }

    .blog-page .tags ul,
    .blogpost-page .tags ul {
        display: inline-block;
        margin: 0 3px;
        vertical-align: middle;
        font-size: 0;
    }

    .blog-page .tags li,
    .blogpost-page .tags li {
        display: inline-block;
        font-size: 12px;
    }

        .blog-page .tags li.separator,
        .blogpost-page .tags li.separator {
            margin: 0 5px 0 3px;
        }

    .blog-page .tags a,
    .blogpost-page .tags a {
        display: inline-block;
        line-height: 24px;
    }

.blog-search-results li a {
    color: #c03;
}

    .blog-search-results li a:before {
        content: '';
        display: block;
        width: 12px;
        height: 11px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #c03 url('../Themes/Traction/Content/img/bullet.png') center no-repeat;
        border: 1px solid #c03;
        border-radius: 100%;
    }

.new-comment {
    margin: 0 0 40px;
}

    .new-comment .title {
        margin-bottom: 30px;
    }

    .new-comment .notifications {
        margin: 0 0 10px;
    }

    .new-comment .result {
        color: #690;
    }

    .new-comment .form-fields {
        margin: 0 0 15px;
    }

    .new-comment .inputs label {
        display: none;
    }

    .new-comment textarea {
        width: 95%;
    }

    .new-comment .button-1 {
        border: none;
        background-color: #c03;
        padding: 10px 20px;
        font: normal 15px 'eurostile';
        color: #fff;
    }

.comment-list .title {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

    .comment-list .title strong {
        font-weight: normal;
    }

.blog-comment,
.news-comment {
    margin: 0 10px 30px;
    border: 1px dotted #ccc;
    padding: 15px;
}

    .blog-comment:after,
    .news-comment:after {
        content: "";
        display: block;
        clear: both;
    }

.comment-info {
    width: 120px;
    margin: 0 auto 10px;
}

    .comment-info .username {
        display: block;
        margin: 0 0 5px;
        font-size: 13px;
        font-weight: bold;
        color: #c03;
    }

    .comment-info .avatar {
        position: relative;
        width: 120px;
        height: 120px;
        overflow: hidden;
    }

        .comment-info .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

.comment-time {
    margin: 0 0 10px;
    font-style: italic;
}

.comment-body {
    line-height: 20px;
    text-align: justify;
}

.news-details {
    margin: 0 0 10px;
    padding: 10px;
    line-height: 20px;
    text-align: justify;
}

    .news-details p {
        margin: 10px 0;
    }

.news-items .read-more {
    display: none;
    margin: 20px 0 0;
    line-height: 24px;
}

.news-item-page .inputs:first-child label {
    display: block;
}

.news-list-homepage .news-items {
    margin: 0 0 20px;
    padding: 10px;
}

    .news-list-homepage .news-items .item {
        margin: 0 0 20px;
        border: none;
        background: none;
        padding: 0;
    }

.news-list-homepage .news-title {
    display: block;
    margin: 0;
    padding: 8px 0;
    font: normal 17px Arial, Helvetica, sans-serif;
}

.news-list-homepage .news-date {
    margin: 0 0 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

.news-list-homepage .news-body {
    display: block;
    height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    line-height: 16px;
    text-align: left;
}

.news-list-homepage .view-all {
    text-align: center;
    display: none;
}

    .news-list-homepage .view-all a {
        display: inline-block;
        background-color: #333;
        padding: 8px 16px;
        color: #fff;
    }

/* RE-CAPTCHA */

.recaptchatable #recaptcha_response_field {
    height: auto !important;
}


/********** FORUM & PROFILE **********/



.forums-header {
    overflow: hidden;
    clear: both;
}

.forums-main-page .topic-block h2 {
    color: #c03;
}

.forums-main-header {
    margin: 0 0 20px;
}

    .forums-main-header:after {
        content: "";
        display: block;
        clear: both;
    }

.current-time {
    margin: 0 0 10px;
    line-height: 36px;
}

.forum-search-box {
    margin: 0 0 20px;
    text-align: center;
}

    .forum-search-box form {
        display: inline-block;
        overflow: hidden;
    }

    .forum-search-box .basic {
        margin: 0 0 10px;
        overflow: hidden;
    }

    .forum-search-box .basic,
    .forum-search-page .basic-search div:first-child {
        border: 1px solid #ccc;
        overflow: hidden;
        background-color: #f6f6f6;
    }

        .forum-search-box .basic input,
        .forum-search-box .basic button,
        .forum-search-page .basic-search div:first-child input {
            border: none;
        }

    .forum-search-box .search-box-text,
    .forum-search-text {
        float: left;
        width: 265px !important;
    }

    .forum-search-box-button,
    .forum-search-box .search-box-button {
        float: left;
        width: 36px;
        height: 36px;
        border: none;
        overflow: hidden;
        background: url('../Themes/Traction/Content/img/search-button.png') center no-repeat;
        text-indent: 999px;
    }

.forum-search-page .basic-search input[type="text"] {
    max-width: 100%;
}

.forum-search-box .advanced a {
    display: inline-block;
    background-color: #333;
    padding: 8px 10px;
    font-size: 12px;
    color: #fff;
}

.forums-table-section {
    margin: 0 0 30px;
}

.forums-table-section-title {
    margin: 0 0 10px;
    overflow: hidden;
    clear: both;
}

    .forums-table-section-title > a,
    .forums-table-section-title strong {
        font: normal 14px/24px 'eurostile';
        text-transform: uppercase;
    }

    .forums-table-section-title span {
        display: block;
    }

    .forums-table-section-title .view-all {
        line-height: 24px;
        color: #c03;
        font-size: 14px;
    }

    .forums-table-section-title .link-rss {
        width: 24px;
        height: 24px;
        margin: 0 10px 0 0;
    }

.forums-table-section td {
    padding: 15px;
}

    .forums-table-section td a {
        font-size: 13px;
        font-weight: bold;
        vertical-align: middle;
    }

.forums-table-section .image div {
    width: 24px;
    height: 24px;
    margin: auto;
    background: url('../Themes/Traction/Content/img/folder1.png') center no-repeat;
}

    .forums-table-section .image div.announcement {
        background: url('../Themes/Traction/Content/img/folder3.png') center no-repeat;
    }

    .forums-table-section .image div.sticky {
        background: url('../Themes/Traction/Content/img/folder2.png') center no-repeat;
    }

/* breadcrumb, search, pagers */

.forum-search-page .basic-search {
    padding: 20px;
    text-align: center;
}

    .forum-search-page .basic-search div:first-child {
        display: inline-block;
        margin: 0 0 10px;
        overflow: hidden;
    }

    .forum-search-page .basic-search .inputs label {
        display: none;
    }

    .forum-search-page .basic-search .inputs.reversed label {
        display: inline-block;
        width: auto;
        margin: 0 0 0 2px;
    }

.forum-search-page .advanced-search {
    margin: 15px auto 0;
    padding: 20px 20px 10px;
}

.forum-search-page .search-error {
    padding: 15px;
    text-align: center;
    color: #c00;
}

.forum-search-page .search-results {
    margin: 0 0 15px;
}

.pager.upper {
    display: none;
}

/* forum page */

.forum-page .forum-top,
.forum-actions {
    margin: 0 0 20px;
}

.forum-page .forum-info {
    position: relative;
    margin: 0 0 20px;
}

.forum-page .forum-name h1 {
    font: normal 24px/36px 'eurostile';
    color: #c03;
}

.forum-page .link-rss {
    position: absolute;
    right: 0;
}

.forum-page .actions a {
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
}

.forum-page .new-topic {
    background: url('../Themes/Traction/Content/img/forum_icon4.png') left center no-repeat;
}

.forum-page .watch-forum {
    background: url('../Themes/Traction/Content/img/forum_icon5.png') left center no-repeat;
}

/* topic page */

.forum-topic-page .topic-name h1 {
    margin: 0 0 20px;
    font: normal 24px/36px 'eurostile';
    color: #c03;
}

.forum-topic-page .topic-actions.upper {
    margin: 0 0 20px;
    overflow: hidden;
}

.forum-topic-page .actions a,
.topic-footer .actions a {
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
}

.forum-topic-page .reply-topic-button,
.topic-footer .reply-topic-button {
    background: url('../Themes/Traction/Content/img/forum_icon4.png') left center no-repeat;
}

.forum-topic-page .watch-topic-button,
.topic-footer .watch-topic-button {
    background: url('../Themes/Traction/Content/img/forum_icon5.png') left center no-repeat;
}

.forum-topic-page .manage {
    float: right;
}

    .forum-topic-page .manage a {
        margin: 0 0 0 10px;
        padding: 0 0 0 20px;
    }

.forum-topic-page .edit-topic-button,
.forum-topic-page .edit-post-button {
    background: url('../Themes/Traction/Content/img/forum_icon1.png') left center no-repeat;
}

.forum-topic-page .delete-topic-button,
.forum-topic-page .delete-post-button {
    background: url('../Themes/Traction/Content/img/forum_icon2.png') left center no-repeat;
}

.forum-topic-page .move-topic-button {
    background: url('../Themes/Traction/Content/img/forum_icon3.png') left center no-repeat;
}

.forum-post,
.topic-post {
    margin: 0 0 20px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    padding: 5px 0 15px;
}

    .forum-post .post-info,
    .topic-post .post-info,
    .profile-info-box .user-details,
    .topic-post .post-info {
        width: 190px;
        margin: 0 auto 30px;
    }

    .forum-post .manage,
    .topic-post .manage-post {
        float: none;
        margin: 0 0 10px;
        overflow: hidden;
    }

        .forum-post .manage a,
        .topic-post .manage-post a {
            float: left;
            margin: 0 0 0 5px;
            border: 1px solid #ccc;
            background-color: #eee;
            padding: 5px 5px 5px 25px;
        }

            .forum-post .manage a:first-child,
            .topic-post .manage-post a:first-child {
                margin-left: 0;
            }

            .forum-post .manage a:hover,
            .topic-post .manage-post a:hover {
                text-decoration: none;
            }

    .forum-post .edit-post-button,
    .forum-post .delete-post-button,
    .topic-post .delete-post-button,
    .topic-post .edit-post-button {
        background-position: 5px center;
    }

    .forum-post .user-info,
    .topic-post .user-info {
        padding-right: 10px; /*align control*/
    }

.post-info .user-info .username {
    display: inline-block;
    margin: 0 0 5px;
    font-weight: bold;
}

.topic-posts .topic-post {
    overflow: hidden;
}

.forum-post .avatar,
.topic-post .avatar,
.profile-info-box .avatar {
    position: relative;
    height: 150px; /*adjust as you like*/
    margin: 0 0 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 190px;
    float: left;
}

    .forum-post .avatar img,
    .topic-post .avatar img,
    .profile-info-box .avatar img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.forum-post .user-stats,
.topic-post .user-stats {
    margin: 0 0 10px;
    font-size: 11px;
}

    .forum-post .user-stats span,
    .topic-post .user-stats span,
    .profile-info-box .profile-stats span {
        margin: 0 0 0 3px;
        font-weight: bold;
    }

.forum-post .pm-button,
.topic-post .pm-button,
.profile-info-box .send-pm .pm-button,
.send-pm-button {
    display: inline-block;
    background-color: #333;
    padding: 5px 10px;
    color: #fff;
}

.profile-info-box .send-pm {
    clear: both;
    display: block;
    text-align: left;
}

.forum-post .post-time,
.topic-post .post-head {
    margin: 0 0 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #eee;
    padding: 5px;
}

.topic-post .quote-post a {
    float: right;
    margin: 0 0 0 5px;
    background-color: #c03;
    padding: 0 3px;
    color: #fff;
}

.topic-post .post-time {
    float: left;
}

.topic-post .post-actions {
    float: right;
}

.topic-post .post-body {
    display: block;
    position: relative;
    padding: 10px 40px 10px 10px;
}

.topic-post .post-text {
    min-height: 100px;
}

.topic-post .post-vote {
    position: absolute;
    top: 10px;
    right: 0;
}

    .topic-post .post-vote > span {
        display: block;
        width: 25px;
        height: 25px;
        background-color: #eee;
        background-image: url('../Themes/Traction/Content/img/votes.png');
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .topic-post .post-vote > .vote.up {
        background-position: -25px center;
    }

    .topic-post .post-vote > .vote.down {
        background-position: 0 center;
    }

    .topic-post .post-vote > div {
        text-align: center;
        line-height: 30px;
        font-weight: bold;
    }

.topic-post .signature {
    display: block;
    background-color: #f6f6f6;
    padding: 20px;
    text-align: left;
    font-style: italic;
}

.topic-footer {
    overflow: hidden;
}

    .topic-footer .actions {
        line-height: 32px;
    }

.topic-actions.lower .actions {
    display: none;
}

.forum-edit-page .inputs span {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 13px;
}

/* profile page */

.profile-info-box {
    overflow: hidden;
}

    .profile-info-box .title {
        margin: 0 0 10px;
        font-size: 18px;
    }

        .profile-info-box .title strong {
            font-weight: normal;
        }

.profile-page .topic {
    margin: 0 0 20px;
    padding: 0 0 15px;
}

.profile-page .topic-title {
    background: #f6f6f6;
    padding: 10px;
    font-size: 16px;
    color: #c03;
}

    .profile-page .topic-title a {
        vertical-align: middle;
        font-style: italic;
    }

.profile-page .topic-body {
    margin: 0 0 10px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
}

.profile-page .topic-data {
    color: #999;
}

/* forum edit & send message */

.forum-edit-page .form-fields,
.private-message-send-page .form-fields {
    border: 1px dotted #ccc;
    padding: 15px;
}

.move-topic-page .inputs {
    margin-bottom: 15px;
    border: 1px dotted #ccc;
    padding: 25px;
}

.forum-edit-page strong,
.private-message-send-page a {
    vertical-align: middle;
    font-size: 18px;
    font-weight: normal;
    color: #c03;
}

.forum-edit-page .buttons,
.private-message-send-page .options,
.private-messages-page .buttons,
.private-messages .buttons {
    margin: 15px 0 0;
    text-align: center;
}

    .forum-edit-page .buttons button,
    .move-topic-page .buttons button,
    .private-message-send-page .options button,
    .private-messages-page .buttons button,
    .private-message-view-page .options button,
    .private-messages .buttons button {
        min-width: 115px;
        border: 1px solid #ccc;
        padding: 6px 24px !important;
        font-size: 17px;
    }

        .forum-edit-page .buttons button[type="submit"],
        .move-topic-page .buttons button[type="submit"],
        .private-messages-page .buttons button[type="submit"],
        .private-message-send-page .options button[type="submit"],
        .private-message-view-page .options button.button-1 {
            border-color: transparent;
            background-color: #c03;
            color: #fff;
        }

.private-message-send-page .message label {
    display: none;
}

.private-messages .view-message ul {
    overflow: hidden;
    margin: 0 0 10px;
}

    .private-messages .view-message ul li {
        float: left;
    }
/* inbox & view message */

.private-messages-page td.date {
    width: 15%;
    white-space: nowrap;
}

.private-messages-page .mark-unread-pm-button {
    display: none;
}

.private-message-view-page .view-message div {
    display: inline-block;
}

.private-message-view-page label {
    font-weight: bold;
}

.private-message-view-page span {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

    .private-message-view-page span:after {
        content: "|";
        margin: 0 0 0 10px;
    }

.private-message-view-page .message {
    display: block !important;
    margin: 15px 0;
    border: 1px solid #ccc;
    padding: 15px;
}

    .private-message-view-page .message span:after {
        display: none;
    }

.private-message-view-page .options {
    display: block !important;
    overflow: hidden;
    text-align: left;
}

.private-message-view-page .back-pm-button {
    float: right;
    text-transform: capitalize !important;
}

/*GLOBAL TABLES*/

.cart, .data-table,
.compare-products-table,
.forums-table-section table {
	margin: 0 0 20px;
}
.cart th, .data-table th,
.forums-table-section th {
	border: 1px solid #666;
    background: #333;
    padding: 10px;
    white-space: nowrap;
	color: #fff;
}
.cart td, .data-table td,
.compare-products-table td,
.forums-table-section td {
	min-width: 50px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
}
.cart a, .data-table a,
.compare-products-table a,
.forums-table-section a {
	font-size: 15px;
}
td.details a {
	font-size: 13px;
	color: #c03;
}

.cart .remove-from-cart input {
    opacity: 0;
}
.cart .remove-from-cart button {
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	width: 24px;
	height: 24px;
	margin: auto;
	border: 1px solid #666;
	box-shadow: inset 0 0 1px #999;
	background: #fff url('../Themes/Traction/Content/img/close.png') center no-repeat;
	opacity: 0.7;
	transition: all 0.2s ease;
}
.cart .remove-from-cart button:hover {
	opacity: 0.9;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes {
    position: relative;
    text-align: center;
}
table.cart img {
    max-width: 100px;
}
.cart .unit-price {
    white-space: nowrap;
}
.cart .qty-input {
    width: 50px;
    text-align: center;
}
.cart td.subtotal {
    color: #c00;
    white-space: nowrap;
}
.cart .discount {
	margin: 5px 0 0;
	color: #333;
}
.discount-additional-info {
	color: #333;
}

.product-specs-box .data-table td {
    padding: 10px;
}

.compare-products-table .overview p:first-child {
    margin: 0 0 10px;
}
.compare-products-table .overview p:last-child {
    position: relative;
    max-width: 200px;
    height: 200px;
    overflow: hidden;
}
.compare-products-table .overview img {
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.compare-products-table .product-name td {
    background: #f6f6f6;
}
.compare-products-table .product-price td {
    color: #c00;
}
.compare-products-table .product-price td:first-child {
    color: #666;
}
.compare-products-table .attribute-squares,
.compare-products-table-mobile .attribute-squares {
    display: inline-block;
    vertical-align: middle;
}
.compare-products-table-mobile img {
    max-width: 160px;
}

.go-to-page {
	display: inline-block !important;
	font-size: 13px !important;
}

.tier-prices {
	margin: 0 0 20px;
}
.tier-prices .prices-header {
	margin: 0 0 10px;
    font-size: 18px;
}
.tier-prices .prices-header strong { 
    font-weight: 400;
}
.prices-table {
    width: 100%;
	border: 1px solid #ccc;
    overflow: hidden;
}
.prices-row {
    float: left;
    width: 50%;
}
.prices-row > div {
    padding: 10px;
    border-left: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
}
.prices-row > div:first-child {
	border-top: 0;
}
.prices-row:first-child > div {
	border-left: 0;
}
.prices-table .field-header {
    font-weight: 700;
}
.tier-prices .item-price {
	color: #c00;
}

.forums-table-section td.latest-post {
    min-width:150px;
}
.forums-table-section .forum-details,
.forums-table-section .topic-details {
    min-width:300px;
}
.forums-table-section .table-wrapper {
    overflow-x:auto;
}


@media all and (min-width: 769px) {

    .product-details-page .prices-table {
	    display: table;
	    background: #fff;
    }
    .product-details-page .prices-row {
	    display: table-row;
	    float: none;
	    width: auto;
    }
    .product-details-page .prices-row > div {
	    display: table-cell;
    }
    .product-details-page .prices-row:first-child > div {
	    border-left: 1px solid #c9c9c9;
	    border-top: 0 !important;
    }
    .product-details-page .prices-row > div:first-child {
	    border-top: 1px solid #c9c9c9;
	    border-left: 0;
    }
}


/* FOOTABLE CSS */

.footable td label {
    display: none;
}
.footable-first-column {
	text-align: center;
}
.footable-first-column .item-count {
	font-size: 13px !important;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
	display: block;
    min-width: 20px;
	height: 20px;
	overflow: hidden;
}
.footable-row-detail {
	text-align: left;
}
.footable-row-detail-cell {
	text-align: left !important;
}
.footable-row-detail-row {
	margin: 0 0 10px;
    display: table-row;
}
.footable-row-detail-name {
	margin: 0 0 5px;
	font-style: italic;
    display: table-cell;
    padding: 7px 10px;
}
.footable-row-detail-value {
    display: table-cell;
}
.footable-toggle {
	background: url('../Themes/Traction/Content/img/table-plus.png') no-repeat center;
}
.footable-detail-show .footable-toggle {
	background: url('../Themes/Traction/Content/img/table-minus.png') no-repeat center;
}
.footable-toggle:before {
	display: none !important;
}


/* hidding item counter in different tables */

@media all and (max-width: 809px) {
.order-summary-content .cart .item-count,
.wishlist-page .cart .item-count,
.section.products .data-table .item-count,
.section.shipments .data-table .item-count {
	display: none;
}
}

@media all and (max-width: 612px) {
.downloadable-products-page .data-table .item-count,
.return-request-page .data-table .item-count {
	display: none;
}
}

@media all and (max-width: 612px) {
.reward-points-history .data-table .item-count {
	display: none;
}
}

.compare-products-table-mobile .item-count {
	display: none;
}
@media all and (max-width: 1024px) {

.admin-header-links {
	position: fixed;
	top: 0;
	z-index: 10001;
	width: 100%;
}
.responsive-nav-wrapper-parent {
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
}
.admin-header-links ~ .responsive-nav-wrapper-parent {
	top: 35px;
}
.subheader-wrapper {
	margin-top: 50px;
}
.admin-header-links ~ .subheader-wrapper {
	margin-top: 85px;
}

/* RESPONSIVE NAV WRAPPER */

.responsive-nav-wrapper {
	display: table;
	position: relative;
	width: 100%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
	background: #fff;
	text-align: center;
	font-size:0;
}
.responsive-nav-wrapper.nav-down {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.responsive-nav-wrapper.nav-up {
    -webkit-transform: translateY(-52px);
    transform: translateY(-52px);
}
.responsive-nav-inner {
	display: table-row;
}
.responsive-nav-inner > div {
	display: table-cell;
	border-left: 1px solid #ccc;
	text-align: center;
}
.responsive-nav-inner > div:first-child {
	border-left: none;
}
.responsive-nav-wrapper .menu-title {
	background: url('../Themes/Traction/Content/img/icon-menu.png') no-repeat center;
}
.responsive-nav-wrapper .search-wrap {
	background: url('../Themes/Traction/Content/img/icon-search.png') no-repeat center;
}
.responsive-nav-wrapper .shopping-cart-link {
	background: url('../Themes/Traction/Content/img/icon-cart.png') no-repeat center;
}
.responsive-nav-wrapper .filters-button {
	display: none;
	background: url('../Themes/Traction/Content/img/icon-filters.png') no-repeat center;
}
.responsive-nav-wrapper .personal-button {
	background: url('../Themes/Traction/Content/img/icon-personal.png') no-repeat center;
}
.responsive-nav-inner > div > span,
.responsive-nav-inner > div > a {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	height: 50px;
	width: 50px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}

/* RESPONSIVE MENU */

.ps-container > .ps-scrollbar-y-rail {
    visibility: hidden !important;
}
.scrollYRemove {
    overflow: hidden !important;
    -ms-touch-action: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.overlayOffCanvas {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 1000000;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
    .overlayOffCanvas.show {
        background: rgba(0,0,0,0.4);
    }

.justAFixingDivBefore,
.header-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 320px;
    height: 100%;
    text-align: left;
    background: #333 !important;
    overflow: hidden;
    z-index: 2147483647;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    -webkit-transform: translate(-320px);
    -ms-transform: translate(-320px);
    transform: translate(-320px);
}      
.header-menu.open {
    box-shadow: 1px 0 5px rgba(0,0,0,.5);
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.header-menu .close-menu,
.header-menu .back-button {
	position: relative;
	background: #c03;
	cursor: pointer;
}
.close-menu span {
	display: block;
	padding: 15px;
	font: normal 15px 'eurostile';
	color: #fff;
	text-transform: uppercase;
	text-align: right;
}
.close-menu span:after,
.back-button span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background: #eee url('../Themes/Traction/Content/img/mobile-menu-close.png') center no-repeat;  
}
.header-menu .back-button span {
	border: none !important;
	padding: 14px 18px !important; 
	text-align: right;
	font-size: 16px;
	color: #fff;
	text-transform: none;
}

.header-menu > ul li {
	background: #fff;
}
.header-menu > ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.header-menu > ul li > a,
.header-menu > ul li > span {
	display: block;
	padding: 16px 18px !important;
	line-height: 14px !important; /*IE fix*/
	font: normal 12px 'eurostile';
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	border-bottom: 1px dotted #ccc;
}
.header-menu > ul li:last-child > a,
.header-menu > ul li:last-child > span {
	border-bottom: 0;
} 
.header-menu > ul li > .with-subcategories {
	width: 270px;
	float: left;   
}
.plus-button {
	position: relative;
	float: right;
	width: 50px;
	height: 47px;
	z-index: 2;
	cursor: pointer;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background: url('../Themes/Traction/Content/img/mobile-arrow-black.png') center no-repeat;
}
.header-menu li:last-child .plus-button {
	border-bottom: none;
}

.header-menu .sublist-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    background: #333 !important;
    box-shadow: 1px 0 5px rgba(0,0,0,0.5);
    z-index: 3;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    -webkit-transform: translate(-320px);
    -ms-transform: translate(-320px);
    transform: translate(-320px);
}
.header-menu .sublist-wrap.active {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

/* header menu functionality classes */

.admin-header-links,
.header,.footer,
.responsive-nav-wrapper,
.logo-wrapper,
.slider-wrapper,
.master-wrapper-content {
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;        
}
.move-right {
	-webkit-transform: translate(320px);
	-ms-transform: translate(320px);
	transform: translate(320px);        
}

/* SEARCH BOX */

.search-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 100%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
	background: #fff;
	padding: 20px 10px;
	text-align: center;
}
.search-box.open {
	display: block;
}

/* HEADER LINKS */

.header-links-wrapper {
	display: none;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000001;
	text-align: center;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.header-links-wrapper.open {
	display: block;
}

/* ITEM BOX */

.product-grid .item-box .add-info {
    height: auto !important;
}

}
/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/

@media all and (min-width: 481px) {
	
/* HEADER */

.search-box input.search-box-text {
	width: 300px !important;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
	width: 300px !important; /*txtfield + button*/
}
.eu-cookie-bar-notification {
    width: 450px;
    max-width: 95%;
    margin-left: -225px;
}

/* QUICK TABS */

.ui-tabs .ui-tabs-nav li {
	width: 350px;
}

/* FOOTER */

.footer-upper {
	width: 95%;
}
.footer-block {
    float: left;
	width: 46%;
    margin: 0 2% 15px;
}
.footer-block:nth-of-type(2n+1) {
	clear: both;
}
.newsletter-email input[type="email"] {
	width: 300px;
}

/* LEFT/RIGHT COLUMN */

.side-2 {
	width: 100%;
}
.side-2:after {
	content: "";
	display: block;
	clear: both;
}
.block {
    float: left;
	width: 46%;
    margin: 0 2%;
}
.block:nth-of-type(2n+1) {
	clear: both;
}
.block-account-navigation {
	float: none !important;
	margin: auto !important;
}

/* CATEGORY PAGE & GRIDS */

.product-selectors span {
	display: inline-block;
	vertical-align: middle;
}
.item-box {
	width: 48%; /*two per row*/
	margin: 20px 1% 0;
}
.item-box:nth-child(1),
.item-box:nth-child(2) {
	margin-top: 0 !important;
}
.item-box:nth-child(2n+1) {
	clear: both;
}
.item-box .product-title {
	/*height: 40px;*/
	overflow: hidden;
}
.home-page-category-grid {
	padding: 30px 2%;
}
.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
	overflow: hidden; /*fix manufacturer-grid offset*/
	background: none;
	padding: 0;
}
.home-page .product-grid .item-grid {
	padding: 0 1%;
}
.product-grid .item-box,
.product-list .item-box {
	margin: 40px 1% 0;
	border: none;
	padding: 0 1%;
}
.product-grid .title {
	margin-bottom: 30px;
}

/* PRODUCT PAGE */

.attributes .datepicker {
	width: 320px;
}
.ui-datepicker {
	width: 320px;
}

/* PASSWORD PROTECTION */

.enter-password-form input {
	width: 275px;
}

/* REGISTRATION, LOGIN, MY ACCOUNT */

.registration-page .fieldset:nth-child(2) select,
.account-page .fieldset:nth-child(3) select {
	width: 110px;
}

/* SHOPPING CART & CHECKOUT */

.order-details-page:not(.order-details-page--print) .order-summary-list {
    flex-flow: row wrap;
}

.order-details-page:not(.order-details-page--print) .order-summary-item {
    flex: 1 1 calc(50% - 8px);
}

.checkout-page .address-item {
    width: 75%;
}
.order-review-data {
	display: table;
	width: 100%;
	margin: 0 0 30px;
}
.order-review-data ul {
	display: table-cell;
}
.order-details-area td {
	float: none;
	width: auto;
}
.order-review-data ul,
.shipment-overview ul {
    float: left;
    width: 48%;
    margin: 0 1% !important;
}

/* SEARCH PAGE & SITEMAP */

.basic-search {
    padding: 20px 20px 0;
}

}

/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/

@media all and (min-width: 769px) {

/* GLOBAL STYLES */

.page {
	clear: both;
}

/* QUICK TABS */

.ui-tabs .ui-tabs-nav li {
	display: inline-block;
	width: auto;
}
.home-page .ui-tabs .ui-tabs-nav li {
	display: table-cell;
}

/* FOOTER */

.footer-upper {
	width: 98%;
}
.footer-block {
	width: 31.33333%;
    margin: 0 1% 15px;
}
.footer-block:nth-of-type(2n+1) {
	clear: none;
}
.footer-block:nth-of-type(3n+1) {
	clear: both;
}

/* LEFT/RIGHT COLUMN */

.block {
	width: 31.33333%;
    margin: 0 1%;
}
.block:nth-of-type(2n+1) {
	clear: none;
}
.block:nth-of-type(3n+1) {
	clear: both;
}
.block .tags li,
.product-tags-all-page li {
	margin: 0 5px;
}

/* CATEGORY PAGE & GRIDS */

.product-selectors {
	padding: 7px 0;
}
div.product-viewmode {
	display: inline-block;
}

.item-box {
	width: 31.33333%; /*three per row*/
}
.item-box:nth-child(1),
.item-box:nth-child(2),
.item-box:nth-child(3) {
	margin-top: 0 !important;
}
.item-box:nth-child(2n+1) {
	clear: none; /*revert the second item*/
}
.item-box:nth-child(3n+1) {
	clear: both;
}

.product-grid .item-box,
.product-list .item-box {
	margin: 30px 1% 0;
}

.product-list .item-box {
	float: none;
	width: auto;
	margin: 0 0 30px;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 20px;
}
.product-list .item-box:after {
	content: "";
	display: block;
	clear: both;
}
.product-list .item-box .picture {
	float: left;
	width: 200px;
}
.product-list .item-box .details {
	margin-left: 220px;
}
.product-list .item-box .product-item-detail .details {
	margin-left: 0;
}
.product-list .item-box .product-title {
	height: auto;
}
.product-list .item-box .description {
	display: block;
}
.product-list .item-box .buttons {
	text-align: left;
}




/* PRODUCT PAGE */

.product-essential,
.product-variant-list {
	text-align: left;
}
.gallery {
	float: left;
	width: 300px;
}
.gallery .picture {
	width: auto;
}
.product-details-page .overview {
	margin-left: 320px;
}
.overview .buttons {
	text-align: left;
}
.overview .buttons div {
	margin: 0 10px 10px 0;
}
.free-shipping {
	float: right;
    margin:15px 0 15px 15px;
}
.overview .qty-label,
.variant-overview .qty-label {
	position: static;
	left: 0;
	margin: 0 5px 0 0;
}
.variant-picture {
	float: left;
}
.variant-picture + .variant-overview {
	width: auto;
	margin: 0 0 0 235px;
}
.variant-overview .add-to-cart,
.variant-overview .add-to-wishlist {
	display: inline-block;
	vertical-align: top;
}
.variant-overview .add-to-cart-button {
	margin-right: 10px;
}
.variant-overview .add-to-wishlist-button {
	float: left;
	clear: none;
	margin: 4px 0;
}

.attributes {
	margin: 15px 0;
}
.attributes dt {
	float: left;
	clear: left;
	min-width: 60px;
	margin-right: 10px;
}
.attributes dt label {
	line-height: 32px;
}
.attributes dd {
	float: left;
	margin-right: 10px;
}

.rental-attributes dt {
	width: 75px;
}
.rental-attributes .datepicker {
	width: 120px;
}

.attribute-squares {
	text-align: center;
}
.attribute-squares label {
	margin: 0 10px 0 0;
	padding: 0 !important;
}

.giftcard label {
	display: inline-block;
	width: 300px;
	margin: 0 17px 0 0;
	text-align: right;
}

/* PRODUCT REVIEWS */

.product-review-item .review-text {
	overflow: hidden;
}
.product-review-item .review-avatar {
	float: left;
}
.product-review-item .avatar + .text-body {
	margin: -3px 0 0 135px;
	text-align: left;
}

/* SHOPPING CART & CHECKOUT */

.order-details-page:not(.order-details-page--print) .order-summary-list {
    flex-wrap: nowrap;
    gap: 16px;
}

.order-details-page:not(.order-details-page--print) .order-summary-item {
    flex: 1 1 0;
}

.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    column-gap: 32px;
    align-content: start;
}

.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > li {
    grid-column: 1;
}

.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > .shipping-title,
.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > .shipping-method,
.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > .shipping-status {
    grid-column: 2;
}

.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > .shipping-title {
    grid-row: 1;
    margin-top: 0;
}

.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > .shipping-method {
    grid-row: 2;
}

.order-details-page:not(.order-details-page--print) .shipping-details-cell--business .shipping-info > .shipping-status {
    grid-row: 3;
}

.shopping-cart-page .totals {
	float: right;
	margin: 0 15px;
}
.cart-collaterals {
	float: left;
	margin: 0 15px;
}
.cart-collaterals .deals {
	background: none;
	padding: 0;
}
.cart-collaterals .shipping {
	margin: 0;
}
.checkout-page .address-item {
	float: left;
    width: 48%;
    margin: 0 1% 20px;
}
.checkout-page .address-item:nth-child(2n+1) {
	clear: both;
}

/* SEARCH & SITEMAP */

.search-results .product-list {
	border-top: 1px dotted #ccc;
	padding-top: 30px;
}

/* BLOG & NEWS */

.blog-page .post,
.news-items .item {
	margin: 0 0 40px;
	border-bottom: 1px solid #ddd;
	background: none;
	padding: 0 0 15px;
}
.blog-page .post:after,
.news-items .item:after {
	content: "";
	display: block;
	clear: both;
}
.post-head,
.news-head {
	background-color: #f6f6f6;
	padding: 10px;
    overflow:hidden;
}
.post-head ~ *,
.news-head ~ * {
	display: block;
}
.post-title,
.news-title {
	margin-bottom: 0;
	font-size: 18px;
}
.post-body,
.news-body {
	margin-bottom: 0;
}
.blog-page .tags,
.blogpost-page .tags {
	float: left;
	max-width: 85%;
	margin: 0;
	background: none;
}
.blog-page .tags > *,
.blogpost-page .tags > * {
	float: left;
}
.blog-page .tags label,
.blogpost-page .tags label {
	margin: 0 10px 0 0;
	line-height: 24px;
}
.blog-posts .buttons {
	float: right;
	padding: 10px;
	line-height: 24px;
}
.blog-posts .buttons a {
	color: #c03;
}
.new-comment {
	clear: both;
	padding-top: 40px;
}
.new-comment textarea {
	width: 500px;
}
.blog-comment,
.news-comment {
	border-width: 0 0 1px;
	padding: 0 0 15px;
	text-align: left;
}
.comment-info {
	float: left;
	margin: 0;
}
.comment-info + .comment-content {
	margin: 0 0 0 135px;
}
.news-list-homepage .news-head {
	background: none;
	padding: 0;
}

/* FORUM & PROFILE */

.forum-search-box-text,
.forum-search-text,
.search-box.forum-search-box .search-box-text {
	width: 400px !important;
    height:36px;
}
.forum-search-box .basic {
	float: left;
}
.forum-search-box .advanced {
	float: left;
	margin: 6px 0 6px 8px;
}
.forum-search-box .advanced a {
	padding: 6px;
	font-size: 11px;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
	float: left;
}
.forums-table-section-title span {
	float: right;
}
.forum-breadcrumb {
	/*float: left;
	text-align: left;*/
}
.pager.lower {
	float: right;
	margin: 0;
}
.forum-topic-page .actions {
	float: left;
}
.topic-footer .actions {
	float: left;
}
.topic-posts {
	clear: both;
}
.forum-post .post-info,
.topic-post .post-info,
.profile-info-box .user-details,
.topic-post .post-info {
	float: left;
}
.forum-post .post-content,
.topic-post .post-content,
.profile-info-box .profile-stats,
.topic-post .post-content {
	min-width: 200px;
	margin-left: 200px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	width: 500px;
	height: 180px;
}

}

/*=====================================================
    
    DESKTOP

=====================================================*/

@media all and (min-width: 1025px) {

/* GLOBAL + HOME PAGE */

.form-fields {
	margin: 0;
}
.inputs {
	text-align: left;
}
.inputs label {
	display: inline-block;
	width: 166px;
	margin: 0 10px 0 0;
	text-align: right;
}
.center-1 .inputs label {
    width:304px;
}
.master-wrapper-content {
	width: auto;
}
.master-column-wrapper {
	width: 980px;
	margin: auto;
}
.home .master-column-wrapper {
	width: auto;
}
.page, .home .page {
	text-align: left;
}
.page-title {
	overflow: hidden;
}
.page-title h1 {
	float: left;
}
.link-rss {
	display: block;
	float: right;
	margin: 3px 0 0;
}

.home .topic-block {
	width: 980px;
	text-align: justify;
}
.home-page-polls {
	width: 1000px;
}

/* HEADER */

.header {
	display: block;
	position: relative;
	z-index: 1002;
	width: 980px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: left;
}
.header:after { 
	content: "";
	display: block;
	clear: both;
}

.header-links-wrapper {
	margin: 0;
}
.header-links-wrapper:after {
	content: "";
	display: block;
	clear: both;
}
.header-links {
	float: left;
	padding: 0;
}
.header-links li {
	margin: 0 15px 0 0;
}
.header-links a:hover {
	color: #c03;
}

.flyout-cart {
	display: none;
	position: absolute;
	top: 32px;
	right: 0;
	z-index: 99999;
	width: 300px;
	border-width: 5px 1px 1px;
	border-style: solid;
	border-color: #333 #ccc #ccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	background: #fff;
}
#topcartlink:hover .flyout-cart {
	display: block;
}
.mini-shopping-cart {
	padding: 10px;
	font-size: 11px;
}
.mini-shopping-cart * {
	line-height: normal !important;
}
.mini-shopping-cart a {
	padding: 0;
}
.mini-shopping-cart a:hover {
	text-decoration: underline;
}
.mini-shopping-cart .count {
	border-bottom: 1px dotted #c03;
	padding: 10px 0;
}
.mini-shopping-cart .count a {
	padding: 0;
	font-weight: bold;
	color: #c03;
}
.mini-shopping-cart div.items {
	margin: 0 0 10px;
}
.mini-shopping-cart .item {
	border-bottom: 1px dotted #999;
	overflow: hidden;
	padding: 10px 0;
}
.mini-shopping-cart .picture {
	float: left;
	width: 50px;
	text-align: center;
}
.mini-shopping-cart .picture a {
	display: block;
	position: relative;
	overflow: hidden;
}
.mini-shopping-cart .picture a:before {
	content: " ";
	display: block;
	padding-top: 100%;
}
.mini-shopping-cart .picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
}
.mini-shopping-cart .picture + .product {
	margin: 0 0 0 60px;
}
.mini-shopping-cart .name {
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}
.mini-shopping-cart .name a {
	color: #333;
}
.mini-shopping-cart .totals {
	margin: 0 0 10px;
	font-size: 12px;
	text-align: right;
}
.mini-shopping-cart .totals strong {
	color: #c03;
}
.mini-shopping-cart .buttons {
	margin: 0 0 5px;
	text-align: right;
}
.mini-shopping-cart button {
	display: inline-block;
	border: none;
	background-color: #c03;
	padding: 8px 16px;
	color: #fff;
}
.mini-shopping-cart button:hover {
	opacity: 0.8;
}

.search-box.store-search-box {
	float: right;
	clear: right;
}
.search-box form {
	border: none;
}
.search-box.store-search-box input.search-box-text {
	width: 250px !important;
	height: 32px;
	font-style: normal;
}
.search-box.store-search-box .search-box-button {
	height: 32px;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
	width: 286px !important;
}
.header-selectors-wrapper {
	float: right;
	background: none;
	padding: 0;
}
.header-selectors-wrapper > div {
	float: left;
	margin: 0 10px 0 0;
}
.header-selectors-wrapper > div:last-child {
	margin-right: 0;
}
.header-selectors-wrapper select {
	min-width: 50px;
	max-width: 62px;
	border: none;
	background-color: #eee;
	font-size: 12px;
	color: #666;
}

/* SUBHEADER - LOGO & HEADER MENU */

.responsive-nav-wrapper-parent,
.justAFixingDivBefore,
.overlayOffCanvas,
.menu-title, .close-menu,
.header-menu .back-button,
.plus-button {
	display: none !important;
}

.subheader-wrapper {
	margin: 0 0 30px;
	background-color: #333;
	text-align: center;
	font-size: 0;
}

.logo-wrapper {
	display: inline-block;
	width: 230px;
	margin: 0 10px 0 0;
	background: none;
	padding: 10px 0;
	vertical-align: middle;
}
.header-logo {
	padding: 0;
	text-align: left;
}
.header-logo img {
	max-width: 230px;
}

.headerMenuParent {
	display: inline-block;
	width: 740px;
	margin: 0;
	padding: 10px 0;
	vertical-align: middle;
}

.header-menu {
	position: relative;
	z-index: 1001;
}
.header-menu > ul {
	display: block;
	text-align: left;
	font-size: 0;
	color: #fff;
}
.header-menu > ul > li {
	display: inline-block;
	padding: 5px 18px;
	vertical-align: middle;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span {
	font: normal 14px 'eurostile';
	cursor: pointer;
}
.header-menu > ul > li > a:first-letter,
.header-menu > ul > li > span:first-letter {
	font-size: 18px;
}
.header-menu > ul > li > a:hover {
	text-shadow: 0 0 5px #fff;
}

.header-menu .sublist-wrap {
	display: none;
	position: absolute;
	z-index: 1001;
	min-width: 180px;
	margin: 5px 0 0;
	border-width: 4px 0;
	border-style: solid;
	border-color: #333;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	background-color: #fff;
}
.header-menu .sublist-wrap.active {
    display: block !important;
}
.header-menu .sublist li {
	position: relative;
	border-bottom: 1px dotted #ccc;
}
.header-menu .sublist li:last-child {
	border-bottom: none;
}
.header-menu .sublist .back-button {
	display: none;
}
.header-menu .sublist li a {
	display: block;
	padding: 10px;
	font: normal 12px 'eurostile';
	color: #333;
}
.header-menu .sublist li > a:hover {
	background-color: #c03;
	color: #fff;
}
.header-menu .sublist-wrap .sublist-wrap {
	top: -5px;
	left: 100%;
	border-top-width: 0;
}

/* QUICK TABS */

.home-page .ui-tabs {
	width: 980px;
}
.home-page .ui-tabs .ui-tabs-nav li {
	display: inline-block;
}

/*FOOTER*/

.footer > div {
	width: 100%;
}
.footer-upper {
	position: relative;
}
.footer-upper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 60px;
	background-color: #333;
}
.footer-upper .center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.footer-block {
	width: 23%;
	margin-bottom: 0;
}
.footer-block:nth-of-type(3n+1) {
	clear: none;
}
.footer-block .title {
	margin-bottom: 25px;
	text-align: left;
	cursor: default;
}
.footer-block ul {
	border-right: 1px solid #ccc;
	margin-bottom: 0;
	padding: 0;
}
.footer-block li {
	overflow: hidden;
	font-size: 13px;
}
.footer-block li a {
	padding-right: 10px;
}
.footer-block li:hover a {
    color: #c03;
}
.footer-block li:hover a:before {
    background-color: #c03;
    border-color: #c03;
}
.footer-block.recently-viewed a:hover {
	
}
.footer-block .news-items {
	margin: 0;
	padding: 0;
}
.news-list-homepage .news-title {
	margin-bottom: 3px;
	padding: 0;
	color: #111;
}
.news-list-homepage .news-title:hover {
	color: #c03;
}
.news-list-homepage .view-all {
	display: none;
}

.footer-middle {
	margin: 0;
	background-color: #ccc;
	padding: 15px 0;
}
.footer-middle .center {
	position: relative;
	width: 1000px;
	min-height: 60px;
	margin: auto;
}
.social-sharing {
	position: absolute;
	top: 50%;
	left: 0;
	margin: -16px 0 0;
}
.social-sharing li {
	border: none;
	margin: 0 10px 0 0;
}
.social-sharing .twitter:hover {
	background-position: 0 bottom;
}
.social-sharing .facebook:hover {
	background-position: -32px bottom;
}
.social-sharing .youtube:hover {
	background-position: -64px bottom;
}
.social-sharing .pinterest:hover {
	background-position: -128px bottom;
}
.social-sharing .google:hover {
	background-position: -96px bottom;
}
.social-sharing .rss:hover {
	background-position: -192px bottom;
}
.social-sharing .vimeo:hover {
	background-position: -160px bottom;
}
.social-sharing .instagram:hover {
    background-color: #f2f2f2;
}
.newsletter {
	width: 286px;
	margin: 0 auto;
	border: none;
	background: none;
	padding: 0;
}
.newsletter-email {
	border: none;
	background: #fff;
}
.newsletter-email input[type="email"] {
	width: 250px;
}
.newsletter .options {
	background: #cccccc none repeat scroll 0 0;
	clear: both;
}
.accepted-payment-methods {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -18px 0 0;
}
.accepted-payment-methods li {
	border: none;
	margin: 0 0 0 10px;
}

.footer-lower .center {
	position: relative;
	width: 1000px;
	min-height: 24px;
	margin: auto;
	overflow: hidden;
	text-align: left;
}
.footer-lower .center > div {
	margin: 0;
	line-height: 24px;
}
.footer-disclaimer {
	float: left;
}
.footer-powered-by {
	float: right;
}
.footer-designed-by {
    float: right;
    margin: 0 10px 0 0 !important;
}
.footer-store-theme {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -75px !important;
}
.footer-store-theme select {
	width: 150px;
	height: 24px;
	padding: 3px;
}

/* LEFT/RIGHT COLUMN */

.side-2 {
	position: relative;
	float: left;
	width: 230px;
}
.side-2:after {
	content: "";
	position: absolute;
	top: 0;
	right: -25px;
	width: 1px;
	height: 100%;
	background: #ddd;
}
.center-2 {
	position: relative;
	float: right;
	width: 701px;
}
.center-2:before {
	content: "";
	position: absolute;
	top: 0;
	left: -25px;
	width: 1px;
	height: 100%;
	background: #ddd;
}

.block {
	float: none;
	width: auto;
	margin: 0;
}
.block .title {
	cursor: default;
}
.block .listbox {
	display: block;
	padding: 0 5px;
}
.block-poll .listbox {
	padding: 10px 5px 0;
}
.block .list a:hover {
	color: #c03;
}
.block .list li:hover a:before {
    background-color: #c03;
    border-color: #c03;
}
.block .view-all a {
	padding: 6px 12px;
}
.block .view-all a:hover {
	border-color: #333;
	background-color: #333;
	color: #fff;
}
.block .tags li a:hover,
.product-tags-all-page li a:hover {
	color: #c03;
}

/* CATEGORY PAGE & GRIDS */

.home-page-category-grid {
	padding: 30px 0;
}
.home-page-category-grid .item-grid,
.home-page .product-grid {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.home-page .product-grid .item-grid {
	padding: 0;
}
.home-page .product-grid .item-box {
	width: 23%;
}
.home-page .product-grid .item-box:nth-child(3n+1) {
	clear: none;
}
.home-page .product-grid .item-box:nth-child(4n+1) {
	clear: both;
}
.home-page .product-grid .item-box:nth-child(4) {
	margin-top: 0 !important;
}

.item-box .picture,
.item-box .title {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.category-item:hover .picture,
.sub-category-item:hover .picture,
.manufacturer-item:hover .picture,
.vendor-item:hover .picture {
	opacity: 0.5;
}
.category-item:hover .title {
	padding: 12px 15px;
}
.sub-category-item:hover .title,
.manufacturer-item:hover .title,
.vendor-item:hover .title {
	padding: 10px 10px 10px 15px;
}

.breadcrumb {
	text-align: left;
}
.product-selectors {
	padding: 5px 10px;
	text-align: left;
}

.product-grid .item-box {
	padding: 0;
}
.product-item .picture {
	margin-bottom: 15px;
}
.product-item .product-title {
	text-transform: none;
}
.product-item .product-title a:hover {
	color: #c03;
}
.product-grid .prices {
	margin-bottom: 0
}

.product-grid .item-box .add-info {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(255,255,255,0.25);
	background-color: rgba(255,255,255,0.9);
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.product-grid .item-box .description {
	display: block;
	max-height: calc(100% - 100px);
	margin: 0 0 10px;
	overflow: hidden;
	padding: 10px 10px 0;
	line-height: 17px;
}
.center-2 .product-grid .item-box .description {
	max-height: calc(100% - 104px);
}
.product-grid .item-box .product-rating-box {
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.product-grid .item-box .buttons {
	position: absolute !important; /*!important because of ie8*/
	bottom: 10px;
	width: 100%;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.item-box .buttons .compare-products {
	display: inline-block;
	margin-right: 1px;
	vertical-align: bottom;
}
.item-box .buttons .compare-products button {
	display: block !important;
	width: 40px !important;
    height: 32px;
	background: #333 url('../Themes/Traction/Content/img/compare-button.png') center no-repeat;
	padding: 0;
	font-size: 0 !important;
}
.item-box .buttons button {
	display: inline-block;
	height: 32px;
	width: 100px;
	padding: 0;
	vertical-align: bottom;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.product-grid .item-box .buttons a:hover,
.product-grid .item-box .buttons button:hover,
.product-grid .item-box .buttons .ajax-cart-button-wrapper:hover * {
	height: 34px;
}
.product-list .item-box .buttons a:hover,
.product-list .item-box .buttons button:hover,
.product-list .item-box .buttons .ajax-cart-button-wrapper:hover * {
	opacity: 0.8;
}

.product-grid .item-box:hover .add-info,
.product-grid .item-box:hover .product-rating-box,
.product-grid .item-box:hover .buttons,
.product-grid .ajax-cart-product-item-hover .add-info,
.product-grid .ajax-cart-product-item-hover .product-rating-box,
.product-grid .ajax-cart-product-item-hover .buttons
 {
	opacity: 1;
}
.product-grid .item-box.mobile-box .add-info {
    position: static;
    border: none;
    box-shadow: none;
    background: none;
    opacity: 1;
    height: auto !important;
}
.item-box.mobile-box .prices {
    margin: 0 0 15px;
    font-size: 12px;
}
.product-grid .item-box.mobile-box .description {
    display: none;
}
.product-grid .item-box.mobile-box .product-rating-box {
    opacity: 1;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0 0 20px;
}
.product-grid .item-box.mobile-box .buttons {
    position: static !important;
    opacity: 1;
}
.item-box.mobile-box .buttons .compare-products {
    display: none;
}
.item-box.mobile-box .buttons button {
    height: auto;
    padding: 10px 20px;
    font: normal 16px 'eurostile';
    width: auto;
}
.pager ul {
	text-align: right;
}
.pager li {
	margin-bottom: 0;
}
.pager li span,
.pager li a {
	min-width: 32px;
	padding: 7px;
}
.pager li a:hover {
	background-color: #ddd;
}
.product-filters .filter-content .item:hover,
.product-filters .group.price-range-group>li:hover{
    color:#cc0033;
}

/* PRODUCT PAGE */

.product-details-page .gallery {
	float: left;
	width: 45%;
}
.product-details-page .overview {
	float: right;
	width: 52%;
	margin: 0 0 40px;
}
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.download-sample-button a:hover,
.subscribe-button:hover {
	opacity: 0.75;
}
.overview .email-a-friend-button:hover {
	color: #c03;
}
.overview .subscribe-button:hover {
	opacity: 0.8;
}
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover {
	opacity: 0.8;
}
.ui-tabs .ui-state-hover a {
	opacity: 0.85;
}
.product-tags-list a {
	line-height: normal;
}
.product-tags-list a:hover {
	color: #c03;
}
.ui-datepicker-calendar td a {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ui-datepicker-calendar td a:hover {
	background-color: #c03;
	color: #fff;
}
.giftcard label {
	width: 320px;
}

/* REVIEW PAGE */

.write-review .title {
	margin-bottom: 30px;
	text-align: center;
}
.write-review .button-1:hover {
	opacity: 0.8;
}
.product-review-item .review-info a,
.product-review-helpfulness .vote {
	padding: 0 5px;
}
.product-review-item .review-info a:hover,
.product-review-helpfulness .vote:hover {
	color: #c03;
}

/* WISHLIST & COMPARE LIST */

.wishlist-content .tax-shipping-info {
	display: block;
	text-align: center;
}
.wishlist-content .tax-shipping-info a:hover {
	text-decoration: underline;
}
.wishlist-content .button-2:hover {
	opacity: 0.8;
}
.wishlist-page .share-info {
	text-align: center;
}
.compare-products-page .clear-list {
	position: absolute;
	top: 3px;
	right: 0;
}
.compare-products-page .clear-list:hover {
	opacity: 0.8;
}
.compare-products-table-mobile {
	display: none;
}
.compare-products-table {
	display: table;
}
.compare-products-page .button-2:hover {
	opacity: 0.7;
}

/* PASSWORD PROTECTION */

.topic-password {
	text-align: left;
}
.enter-password-form button:hover {
	opacity: 0.8;
}

/* CONTACT PAGE & EMAILaFRIEND */

.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover {
	opacity: 0.8;
}
.email-a-friend-page .title h2 a:hover {
	text-decoration: underline;
}

/* REGISTRATION, LOGIN, MY ACCOUNT */

#check-availability-button {
	display: block;
	margin: 10px auto;
}
#username-availabilty {
	position: absolute;
	top: 5px;
	left: 536px;
}
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover {
	opacity: 0.8;
}
.login-page .inputs.reversed > * {
	width: auto;
	margin: 0 5px;
	vertical-align: middle;
}
.login-page .forgot-password a:hover {
	color: #c03;
}
.inputs .option-list li {
	margin: 5px;
}
.account-page .button-2:hover {
	background-color: #e6e6e6;
}
.email-to-revalidate,
.email-to-revalidate-note {
	display: inline-block;
}
.address-list .buttons,
.order-list .buttons {
	position: absolute;
	top: 52px;
	right: 0;
}
.return-request-page label {
	width: 306px;
}
.avatar-page .page-body {
	text-align: center;
}
.page.order-details-page .page-body {
    margin: auto;
    max-width: 1170px;
}
.order-details-page .page-title a {
	float: right;
	margin-left: 5px;
}
.order-details-page .page-title a:hover {
	opacity: 0.8;
}
.order-details-page .actions {
	text-align: right;
}
.order-details-page .actions button:hover,
.order-details-area .repost .re-order-button:hover {
	background-color: #e6e6e6;
}
.order-details-page .total-info {
	overflow: hidden;
}
.order-details-page .cart-total {
	float: right;
}

/* SHOPPING CART & CHECKOUT */

.cart .product-name:hover,
.cart .edit-item a:hover {
	color: #c03;
}
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover {
	opacity: 0.8;
}
.shopping-cart-page .tax-shipping-info {
	float: right;
	clear: right;
}
.shopping-cart-page .cart-options {
	overflow: hidden;
}
.shopping-cart-page .common-buttons {
	float: right;
}
.shopping-cart-page .common-buttons button,
.shopping-cart-page .common-buttons a {
	margin: 0 0 0 10px;
}
.shopping-cart-page .common-buttons button:hover,
.shopping-cart-page .common-buttons a:hover {
	opacity: 0.8;
}

.checkout-attributes {
	float: left;
	max-width: 600px;
	margin: 0;
}
.checkout-attributes dt,
.checkout-attributes dd {
	margin: 0;
    padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}
.checkout-attributes .required {
	margin: 0;
}
.checkout-attributes li {
	margin: 0 0 5px;
	text-align: left;
	line-height: normal;
}
.checkout-attributes .attribute-squares {
	text-align: left;
}
.checkout-attributes .attribute-squares li label {
	margin: 0 10px 0 0;
}
.shopping-cart-page .totals {
	margin: 0;
}
.cart-collaterals {
	width: 660px;
	margin: 0;
}
.cart-collaterals .deals {
	margin: 0 0 20px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	padding: 20px 0;
}
.cart-collaterals .deals > div {
	float: left;
    margin-right: 15px;
}
.coupon-code button {
	font-size: 11px;
}
.coupon-code button:hover {
	background-color: #a6a6a6;
}
.cart-collaterals .shipping {
	margin: 0;
	overflow: hidden;
}
.cart-collaterals .shipping-options {
	overflow: hidden;
}
.cart-collaterals .shipping .inputs {
	float: left;
	margin-right: 15px;
}
.cart-collaterals .shipping label {
	display: block;
	width: auto !important;
	margin: 0;
	text-align: left;
}
.cart-collaterals .shipping label + * {
	width: 200px;
	height: 32px;
	background-color: #fff;
}
.cart-collaterals .estimate-shipping-button:hover {
	opacity: 0.8;
}
.checkout-page .edit-address label {
	width: 305px;
}
.checkout-page .pickup-in-store {
	text-align: center;
}
.checkout-page .selected-checkout-attributes {
	text-align: right;
}
.checkout-page .totals {
	float: right;
}

.opc .section {
	border: 1px dotted #ccc;
	padding: 20px;
}
.opc .back-link a:hover {
	color: #c03;
}
.opc .method-list,
.opc .payment-info .info,
.opc .section.confirm-order {
	margin: 0;
	border: none;
	background: none;
	padding: 0;
}
.opc .payment-method li {
	display: inline-block;
}
.opc .section.order-summary .order-review-data .title{
    text-align:left;
}
.order-details-page .tax-shipping-info {
	margin: 0 0 0 10px;
	border-left: 1px solid #ccc;
	padding: 0 8px;
}
.order-details-page .selected-checkout-attributes{
    float:left;
}
.opc .section.order-summary{
    text-align:left;
}
.order-confirm-page .order-review-data > ul > .title{
    margin:0 0 5px;
    text-align:left;
}

 
/* SEARCH & SITEMAP */

.search-input .inputs label {
	width: 145px;
}
.search-input .button-1:hover {
	opacity: 0.8;
}
.basic-search {
	margin: 0 0 20px;
}
.basic-search input[type="text"] {
	width: 350px;
}
.advanced-search {
	max-width: none;
	padding-top: 20px;
}
.advanced-search .price-range {
	margin-left: 88px;
}
.advanced-search .price-range input {
	height: auto;
}
.sitemap-page a:hover {
	color: #c03;
	text-decoration: underline;
}

/* BLOG & NEWS */

.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
	color: #c03;
}
.blog-details a:hover {
	text-decoration: underline;
}
.new-comment textarea {
	display: block;
	margin: auto;
}
.new-comment .button-1:hover {
	opacity: 0.8;
}
.blog-comment a.username:hover,
.news-comment a.username:hover {
	text-decoration: underline;
}
.news-item-page .inputs:first-child label {
	display: inline-block;
}
.news-item-page textarea {
	display: block;
	margin: auto;
}

/* FORUM & PROFILE */

.forum-page {
    position: relative;
}
.current-time {
	float: left;
}
.forum-search-box {
	float: right;
}
.search-box.forum-search-box .search-box-button{
    height:36px;
} 
.forum-search-box .advanced a:hover {
	opacity: 0.9;
}
.forums-table-section a:hover,
.forums-table-section td a:hover {
	color: #c03;
}
.forum-search-page .advanced-search .inputs label {
	width: 284px;
}
.forum-breadcrumb a:hover {
	color: #c03;
}
.forum-page .actions a:hover {
	color: #c03;
}
.forum-topic-page .actions a:hover,
.topic-footer .actions a:hover {
	color: #c03;
}
.forum-post .manage a:hover {
	background-color: #e6e6e6;
}
.forum-post .pm-link-button:hover,
.profile-info-box .pm-link-button:hover {
	opacity: 0.9;
}
.forum-post .post-time a:hover {
	opacity: 0.75;
}
.forum-edit-page label,
.private-message-send-page label {
	width: 214px !important;
}
.move-topic-page label {
	width: 280px !important;
}
.forum-edit-page .buttons button:hover,
.move-topic-page .buttons button:hover,
.private-message-send-page .options button:hover,
.private-messages-page .buttons button:hover,
.private-message-view-page .options button:hover {
	background-color: #e6e6e6;
	opacity: 0.8;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
	margin-left: 220px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	margin-left: 224px;
}
.profile-info-box .send-pm .pm-button {
    margin: 0;
}
.forums-table-section.topic-group.active-discussions {
    position: relative;
}
.forums-table-section.topic-group.active-discussions .view-all {
    position: absolute;
    top: 5px;
    right: 5px;
}
 
}

@media all and (min-width: 1281px) {

.master-column-wrapper {
	width: 1200px;
}
.inputs label {
    width: 276px;
}
.center-1 .inputs label {
    width: 414px;
}
.center-2 {
    width: 921px;
}
.home .topic-block {
	width: 1200px;
}
.home-page-polls {
	width: 1220px;
}
.header {
	width: 1200px;
}
.headerMenuParent {
    width: 960px;
}
.home-page .ui-tabs {
	width: 1200px;
}
.footer-upper .center,
.footer-middle .center,
.footer-lower .center {
	width: 1220px;
}
.home-page-category-grid .item-grid,
.home-page .product-grid {
	width: 1220px;
}
.product-details-page .overview {
    width: 52.5%;
}
.gallery .picture-thumbs .thumb-item {
	width: 120px;
	height: 120px;
}
.cart-collaterals {
	width: 850px;
}
.cart-collaterals .deals > div {
	width: 300px;
}
.cart-collaterals .estimate-shipping-button {
    margin-top: 14px;
}
.cart-footer .totals {
	width: 313px;
}

}
.b2b-dashboard {
    color: #263238;
}

/* Only the maintained B2B list and action tables; never product grids or checkout. */
.special-offer-table { margin:24px 0; }
.special-offer-table h2 { font-size:20px; margin-bottom:12px; }
.special-offer-table__wrap { max-width:100%; }
table.b2b-responsive-table { display:table; width:100%; min-width:0; border-collapse:collapse; table-layout:auto; font-size:15px; }
table.b2b-responsive-table > thead { display:table-header-group; }
table.b2b-responsive-table > tbody { display:table-row-group; }
table.b2b-responsive-table > tbody > tr,
.product-list table.b2b-responsive-table > tbody > tr.item-box { display:table-row !important; float:none !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
table.b2b-responsive-table > thead > tr > th { background:#333; color:#fff; border:1px solid #666; white-space:normal; }
table.b2b-responsive-table > tbody > tr > td { display:table-cell; float:none; min-width:0; border:1px solid #ddd; background:#fff; vertical-align:middle; }
table.b2b-responsive-table > thead > tr > th,
table.b2b-responsive-table > tbody > tr > td { padding:8px; text-align:left; }
table.b2b-responsive-table .b2b-col-base,
table.b2b-responsive-table .b2b-col-discount,
table.b2b-responsive-table .b2b-col-net,
table.b2b-responsive-table .b2b-col-tax { text-align:right; }
table.b2b-responsive-table .b2b-col-tax { font-weight:600; }
table.b2b-responsive-table .b2b-col-picture { position:relative; width:76px; padding-right:24px; }
table.b2b-responsive-table .b2b-col-picture img { width:50px; height:50px; object-fit:contain; }
table.b2b-responsive-table .b2b-col-name { min-width:120px; overflow-wrap:anywhere; white-space:normal; }
table.b2b-responsive-table .b2b-col-name a { font-size:inherit; color:inherit; }
table.b2b-responsive-table .b2b-product-name,
table.b2b-responsive-table small { display:block; margin-top:4px; }
table.b2b-responsive-table .product-name-wrapper { display:flex; gap:4px; align-items:center; }
table.b2b-responsive-table .b2b-favorite-toggle { top:4px; right:4px; }
table.b2b-responsive-table .b2b-favorite-toggle--name { display:none; }
table.b2b-responsive-table .b2b-col-order { width:180px; text-align:center; }
.b2b-responsive-table .b2b-order-controls { display:flex; align-items:center; justify-content:center; gap:5px; }
.b2b-responsive-table .b2b-order-controls form,
.b2b-responsive-table .b2b-catalog-order { display:flex; align-items:center; gap:5px; margin:0; }
.b2b-responsive-table .b2b-quantity { display:flex; width:62px; flex:0 0 62px; height:36px; }
.b2b-responsive-table .b2b-quantity input { width:40px !important; min-width:0; height:36px; border:1px solid #ccc; padding:3px; text-align:center; appearance:textfield; -moz-appearance:textfield; }
.b2b-responsive-table .b2b-quantity input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.b2b-responsive-table .b2b-quantity__arrows { display:flex; flex-direction:column; width:22px; }
table.b2b-responsive-table .b2b-quantity .b2b-quantity__arrows button { display:block; width:22px !important; min-width:0 !important; max-width:22px !important; height:18px !important; margin:0; padding:0; border:1px solid #ccc; background:#333; color:#fff; font-size:10px; line-height:16px; }
.b2b-responsive-table .b2b-add-to-cart { position:static !important; display:block !important; width:auto !important; min-width:90px; height:36px; margin:0 !important; border:0; padding:0 9px !important; background:#c03 !important; color:#fff !important; font-family:inherit; font-size:13px !important; line-height:36px; text-indent:0 !important; white-space:nowrap; text-transform:uppercase; }
.b2b-responsive-table .b2b-table-quick { display:block !important; flex:0 0 32px; margin:0; }
.b2b-responsive-table .b2b-table-quick a { display:block; width:32px; height:36px; padding:0; background:#333 url('/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/btn-quickview.png') center no-repeat; font-size:0; }
.b2b-responsive-table .b2b-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
.b2b-responsive-table .b2b-order-status { color:#333; }
.b2b-table-quick-view { max-width:calc(100vw - 24px); }
.b2b-table-quick-view .quickViewWindow { max-width:100%; overflow-x:hidden; overflow-y:auto; }
@media (max-width:800px) {
    .b2b-table-quick-view .quickViewWindow .gallery,
    .b2b-table-quick-view .quickViewWindow .overview { float:none; width:100%; max-width:100%; margin:0 0 12px; }
    .b2b-table-quick-view .quickViewWindow .gallery .picture,
    .b2b-table-quick-view .quickViewWindow .gallery .picture a { width:auto; max-width:100%; margin:auto; }
    .b2b-table-quick-view .quickViewWindow .overview .left,
    .b2b-table-quick-view .quickViewWindow .overview .right { float:none; max-width:100%; text-align:left; }
    .b2b-table-quick-view .quickViewWindow .overview button { max-width:100%; }
}
@media (max-width:1400px) {
    table.b2b-responsive-table > thead > tr > .b2b-col-technical,
    table.b2b-responsive-table > tbody > tr > .b2b-col-technical { display:none; }
}
@media (max-width:1280px) {
    table.b2b-responsive-table > thead > tr > .b2b-col-base,
    table.b2b-responsive-table > tbody > tr > .b2b-col-base,
    table.b2b-responsive-table > thead > tr > .b2b-col-discount,
    table.b2b-responsive-table > tbody > tr > .b2b-col-discount { display:none; }
}
@media (max-width:1024px) {
    table.b2b-responsive-table > thead > tr > .b2b-col-net,
    table.b2b-responsive-table > tbody > tr > .b2b-col-net,
    table.b2b-responsive-table > thead > tr > .b2b-col-stock,
    table.b2b-responsive-table > tbody > tr > .b2b-col-stock { display:none; }
    table.b2b-responsive-table .b2b-product-name { display:block; }
}
@media (max-width:600px) {
    table.b2b-responsive-table { table-layout:fixed; }
    table.b2b-responsive-table .b2b-col-name { width:96px; min-width:0; padding-left:2px; padding-right:2px; text-align:left; }
    table.b2b-responsive-table .b2b-col-picture { width:auto; position:relative; padding:0; }
    /* Out of normal flow: the picture fills the row height defined by text/controls, never creates it. */
    table.b2b-responsive-table .b2b-col-picture .b2b-product-picture { position:absolute; inset:2px; display:block; padding:0; }
    table.b2b-responsive-table .b2b-col-picture .b2b-product-picture img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center; }
    table.b2b-responsive-table .b2b-col-name a { display:block; min-width:0; margin:0; padding:0; text-align:left; }
    table.b2b-responsive-table .b2b-col-name .b2b-product-name { margin:0; overflow-wrap:break-word; word-break:normal; text-align:left; }
    table.b2b-responsive-table > thead > tr > th,
    table.b2b-responsive-table > tbody > tr > td { padding:6px 4px; }
    table.b2b-responsive-table .b2b-col-tax { width:82px; overflow-wrap:normal; }
    table.b2b-responsive-table .b2b-col-order { width:100px; }
    .b2b-responsive-table .b2b-order-controls { display:grid; grid-template-columns:90px; justify-content:center; gap:4px; }
    .b2b-responsive-table .b2b-order-controls form,
    .b2b-responsive-table .b2b-catalog-order { display:contents; }
    .b2b-responsive-table .b2b-quantity { justify-self:center; }
    .b2b-responsive-table .b2b-add-to-cart { grid-column:1 / -1; width:100% !important; }
    .b2b-responsive-table .b2b-order-status { grid-column:1 / -1; }
    .b2b-responsive-table .product-name-wrapper { display:block; gap:0; margin:0; padding:0; text-align:left; }
}

/* Standard detail links and accessible stock descriptions, scoped to these two tables. */
table.b2b-responsive-table .b2b-quickview-suppressed { display:none !important; }
table.b2b-responsive-table .b2b-product-picture { display:inline-flex; padding:2px; border:1px solid transparent; cursor:pointer; }
table.b2b-responsive-table .b2b-product-picture:hover,
table.b2b-responsive-table .b2b-product-picture:focus-visible { border-color:#888; outline:2px solid #333; outline-offset:1px; }
table.b2b-responsive-table .b2b-stock-status { position:relative; cursor:default; }
table.b2b-responsive-table .b2b-stock-status:focus-visible { outline:2px solid #333; outline-offset:2px; }
table.b2b-responsive-table .b2b-stock-status:hover::after,
table.b2b-responsive-table .b2b-stock-status:focus::after { content:attr(data-tooltip); position:absolute; z-index:5; bottom:calc(100% + 5px); left:50%; transform:translateX(-50%); padding:5px 8px; white-space:nowrap; border:1px solid #666; background:#333; color:#fff; font-size:13px; }
@media (max-width:339px) {
    table.b2b-responsive-table > thead > tr > .b2b-col-picture,
    table.b2b-responsive-table > tbody > tr > .b2b-col-picture { display:none; }
    table.b2b-responsive-table .b2b-col-name { position:relative; padding-left:28px; }
    table.b2b-responsive-table .b2b-favorite-toggle--name { display:block; top:4px; left:4px; right:auto; }
}

/* Dimension columns: reclaim only desktop cell whitespace, not font or control size. */
@media (min-width:1401px) {
    table.b2b-catalog-table.b2b-dimension-table > thead > tr > th,
    table.b2b-catalog-table.b2b-dimension-table > tbody > tr > td,
    table.b2b-catalog-table.b2b-dimension-table .b2b-col-stock th { padding-left:4px; padding-right:4px; }
    table.b2b-responsive-table .b2b-col-dimensions { min-width:132px; white-space:nowrap; }
    table.b2b-responsive-table .b2b-col-length { white-space:nowrap; }
}

.b2b-dashboard__impersonation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding: 14px 18px;
    border-left: 4px solid #d58a00;
    background: #fff4d6;
}

.b2b-dashboard__impersonation a {
    font-weight: 700;
}

.b2b-dashboard__identity {
    margin-bottom: 16px;
    padding: 12px 18px;
    border-left: 4px solid #e56c19;
    background: #17324d;
    color: #fff;
}

.b2b-dashboard__identity dl {
    display: grid;
    grid-template-columns: minmax(180px, 1.5fr) repeat(2, minmax(120px, 1fr));
    gap: 10px 24px;
    margin: 0;
}

.b2b-dashboard__identity dt {
    margin-bottom: 2px;
    color: #c8d4dd;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.b2b-dashboard__identity dd {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.b2b-dashboard__work-area,
.b2b-dashboard__categories {
    margin-bottom: 28px;
    padding: 24px;
    border: 1px solid #e3e7ea;
    border-radius: 8px;
    background: #fff;
}

.b2b-dashboard__work-area {
    box-shadow: 0 6px 20px rgba(23, 50, 77, .06);
}

.b2b-dashboard__search,
.b2b-dashboard__vehicle-search {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.b2b-dashboard__search {
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e3e7ea;
}

.b2b-dashboard__search h2,
.b2b-dashboard__vehicle-search h2,
.b2b-dashboard__categories > h2 {
    margin: 0 0 18px;
    color: #17324d;
    font-size: 22px;
    line-height: 1.25;
}

.b2b-dashboard__search form {
    display: flex;
    gap: 10px;
}

.b2b-dashboard__search input {
    flex: 1;
    min-width: 0;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #b6c1c8;
    border-radius: 4px;
}

.b2b-dashboard__search button {
    min-width: 130px;
    border: 0;
    border-radius: 4px;
    background: #e56c19;
    color: #fff;
    font-weight: 700;
}

.b2b-dashboard__quick-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 28px;
}

.b2b-dashboard__quick-links a {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 84px;
    padding: 16px 18px;
    border: 1px solid #d7dfe4;
    border-radius: 8px;
    background: #f7f9fa;
    color: #17324d;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.b2b-dashboard__quick-links a:hover,
.b2b-dashboard__quick-links a:focus {
    border-color: #b7c4cc;
    box-shadow: 0 5px 14px rgba(23, 50, 77, .08);
    transform: translateY(-1px);
}

.b2b-dashboard__quick-links strong {
    font-size: 17px;
}

.b2b-dashboard__quick-links span {
    color: #56636b;
}

.b2b-dashboard__tool-heading {
    margin-bottom: 18px;
}

.b2b-dashboard__tool-heading h2 {
    margin-bottom: 6px;
}

.b2b-dashboard__tool-heading p {
    margin: 0;
    color: #56636b;
}

.b2b-dashboard__vehicle-filter .topic-block,
.b2b-dashboard__vehicle-filter .search-container {
    max-width: 100%;
    margin: 0;
}

.b2b-dashboard__vehicle-filter #search-fieldset input.search-box {
    max-width: 100%;
    box-sizing: border-box;
}

.b2b-special-offers {
    margin-bottom: 28px;
}

/* Ranked top-four compositions. The selector and its durable 72-hour state are unchanged;
   these rules implement the owner-reviewed homepage geometry only. */
.b2b-special-offers__heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.b2b-special-offers__heading h2 { margin:0; font-size:22px; }
.b2b-special-offers__grid[data-count] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.b2b-special-offers__grid[data-count] .b2b-special-offers__card { min-width:0; }
.b2b-special-offers__grid[data-count] .b2b-special-offers__surface {
    height:100%; display:grid; grid-template-columns:minmax(130px,38%) minmax(0,1fr);
}
.b2b-special-offers__grid[data-count] .b2b-special-offers__media {
    display:flex; align-items:center; justify-content:center; min-width:0; overflow:hidden;
    aspect-ratio:1; background:#f5f6f7;
}
.b2b-special-offers__grid[data-count] picture {
    display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:#f5f6f7;
}
.b2b-special-offers__grid[data-count] .b2b-special-offers__card img {
    display:block; width:100%; height:100%; min-height:0; object-fit:contain; object-position:center;
}
.b2b-special-offers__grid[data-count] .b2b-special-offers__content {
    align-self:stretch; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    min-width:0; padding:18px 16px; overflow-wrap:anywhere;
}
.b2b-special-offers__grid[data-count] .b2b-special-offers__content h3 { margin-bottom:8px; font-size:19px; line-height:1.2; }
.b2b-special-offers__grid[data-count] .b2b-special-offers__content p { margin-bottom:12px; font-size:13px; }
.b2b-special-offers__grid[data-count] .b2b-special-offers__cta { margin-top:2px; padding:8px 11px; font-size:12px; }
.b2b-special-offers__grid[data-count] .b2b-special-offers__card--text .b2b-special-offers__surface {
    grid-template-columns:minmax(0,1fr) !important; grid-template-rows:minmax(150px,1fr) !important;
}
.b2b-special-offers__grid[data-count] .b2b-special-offers__card--text .b2b-special-offers__content {
    width:100%; min-height:150px; align-items:center; justify-content:center; text-align:center;
}
.b2b-special-offers__grid[data-count="1"] { grid-template-columns:minmax(0,1fr); }

/* Equal: 4/2 are two-column horizontal cards; 3 is one row of vertical cards; 1 is wide. */
.b2b-special-offers__grid--equal[data-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.b2b-special-offers__grid--equal[data-count="3"] .b2b-special-offers__surface {
    grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr;
}

/* Featured: wide leader only for 3/4; count 2 intentionally equals equal-2. */
.b2b-special-offers__grid--featured[data-count="3"] > :first-child,
.b2b-special-offers__grid--featured[data-count="4"] > :first-child { grid-column:1/-1; }
.b2b-special-offers__grid--featured[data-count="4"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.b2b-special-offers__grid--featured[data-count="4"] > :not(:first-child) .b2b-special-offers__surface {
    grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr;
}

/* Wide: one leader for 3/4, two full-width wide rows for count 2, one row for count 1. */
.b2b-special-offers__grid--wide > :first-child,
.b2b-special-offers__grid--wide[data-count="2"] > * { grid-column:1/-1; }
.b2b-special-offers__grid--wide[data-count="4"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.b2b-special-offers__grid--wide[data-count="4"] > :not(:first-child) .b2b-special-offers__surface {
    grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr;
}

/* Every owner-designated wide card uses a bounded 3:1 media region and compact copy. */
.b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__surface,
.b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__surface,
.b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__surface,
.b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__surface,
.b2b-special-offers__grid--wide > :first-child .b2b-special-offers__surface,
.b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__surface {
    grid-template-columns:minmax(300px,68%) minmax(210px,32%); min-height:200px;
}
.b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__media,
.b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__media,
.b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__media,
.b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__media,
.b2b-special-offers__grid--wide > :first-child .b2b-special-offers__media,
.b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__media { aspect-ratio:3/1; }
.b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__content h3,
.b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__content h3,
.b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__content h3,
.b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__content h3,
.b2b-special-offers__grid--wide > :first-child .b2b-special-offers__content h3,
.b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__content h3 { font-size:22px; }

/* Shared accepted all-actions shell. The local preview and real route use the same geometry. */
.b2b-special-offers-sidebar-preview { max-width:1240px; margin:0 auto; }
.b2b-special-offers-sidebar-review {
    display:grid; grid-template-columns:225px 1px minmax(0,1fr); column-gap:24px; align-items:stretch;
}
.b2b-special-offers-sidebar-review__aside { display:grid; gap:18px; align-content:start; }
.b2b-special-offers-sidebar-review__divider { width:1px; min-height:100%; background:#ddd; }
.b2b-special-offers-sidebar-review__block { border:1px solid #d7dfe4; background:#fff; }
.b2b-special-offers-sidebar-review__block > h2 {
    margin:0; padding:11px 13px; background:#d71920; color:#fff; font-size:17px; line-height:1.25;
}
.b2b-special-offers-sidebar-review__heading {
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    min-height:44px; padding:7px 8px 7px 13px; background:#d71920; box-sizing:border-box;
}
.b2b-special-offers-sidebar-review__heading h2 {
    margin:0; padding:0; background:transparent; color:#fff; font-size:17px; line-height:1.25;
}
.b2b-special-offers-sidebar-review__clear {
    display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px;
    width:30px; height:30px; min-height:0; padding:0; border:0; border-radius:2px;
    background:transparent; color:#fff; font-size:24px; font-weight:400; line-height:1;
}
.b2b-special-offers-sidebar-review__clear:hover,
.b2b-special-offers-sidebar-review__clear:focus-visible {
    background:rgba(255,255,255,.18); color:#fff; outline:2px solid #fff; outline-offset:-2px;
}
.b2b-special-offers-sidebar-review__block nav { display:grid; }
.b2b-special-offers-sidebar-review__block nav > a {
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    min-height:42px; padding:9px 12px; border-bottom:1px solid #e4e8eb; background:#fff;
    color:#263746; box-sizing:border-box;
}
.b2b-special-offers-sidebar-review__block nav > a:last-child { border-bottom:0; }
.b2b-special-offers-sidebar-review__block nav > a:hover,
.b2b-special-offers-sidebar-review__block nav > a:focus-visible { background:#f6f7f8; color:#d71920; }
.b2b-special-offers-sidebar-review__block nav > a.is-active {
    border-left:4px solid #d71920; padding-left:8px; background:#f5f6f7; color:#d71920; font-weight:700;
}
.b2b-special-offers-sidebar-review__block nav > a strong {
    display:inline-flex; align-items:center; justify-content:center; min-width:25px; height:25px;
    border-radius:13px; background:#edf0f2; color:#263746; font-size:12px;
}
.b2b-special-offers__grid--sidebar-review {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
}
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__card { min-width:0; height:100%; }
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__surface {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; height:100%;
}
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__media {
    display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1; overflow:hidden;
    background:#f5f6f7;
}
.b2b-special-offers__grid--sidebar-review picture { display:flex; width:100%; height:100%; }
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__card img {
    display:block; width:100%; height:100%; min-height:0; object-fit:contain; object-position:center;
}
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__content {
    display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
    min-height:0; padding:15px 16px 17px; box-sizing:border-box;
}
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__content h3 { margin-bottom:7px; font-size:19px; }
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__content p { margin-bottom:11px; }
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__card--text .b2b-special-offers__surface {
    display:flex; min-height:280px;
}
.b2b-special-offers__grid--sidebar-review .b2b-special-offers__card--text .b2b-special-offers__content {
    flex:1; width:100%; align-items:center; justify-content:center; text-align:center;
}
.b2b-special-offers-sidebar-review__empty { padding:28px; border:1px solid #d7dfe4; background:#fff; }

/* Shared accepted action-detail shell. Business filtering remains in the real factory/controller. */
.b2b-special-offer-detail-preview { max-width:1240px; margin:0 auto; }
.b2b-special-offer-detail-preview__breadcrumb {
    display:flex; align-items:center; gap:9px; margin:0 0 18px; color:#687782; font-size:14px;
}
.b2b-special-offer-detail-preview__breadcrumb a { color:#344b5e; }
.b2b-special-offer-detail-preview__breadcrumb a:hover,
.b2b-special-offer-detail-preview__breadcrumb a:focus-visible { color:#d71920; }
.b2b-special-offer-detail-preview__layout {
    display:grid; grid-template-columns:225px 1px minmax(0,1fr); column-gap:24px; align-items:stretch;
}
.b2b-special-offer-detail-preview__layout--no-sidebar { grid-template-columns:minmax(0,1fr); column-gap:0; }
.b2b-special-offer-detail-preview__divider { width:1px; min-height:100%; background:#ddd; }
.b2b-special-offer-detail-preview__content { min-width:0; }
.b2b-special-offer-detail-preview__download--mobile { display:none; }
.b2b-special-offer-detail-preview__media {
    display:flex; align-items:center; justify-content:center; width:100%; overflow:hidden;
    border:1px solid #d7dfe4; background:#f5f6f7; box-sizing:border-box;
}
.b2b-special-offer-detail-preview__media img {
    display:block; width:100%; height:100%; object-fit:contain; object-position:center;
}
.b2b-special-offer-detail-preview__media--wide { aspect-ratio:3/1; }
.b2b-special-offer-detail-preview__media--square { height:360px; padding:10px; }
.b2b-special-offer-detail-preview__media--square img { width:auto; max-width:100%; }
.b2b-special-offer-detail-preview__intro {
    display:flex; align-items:flex-start; justify-content:space-between; gap:24px;
    padding:18px 2px 20px; border-bottom:1px solid #ddd;
}
.b2b-special-offer-detail-preview__intro > div { min-width:0; }
.b2b-special-offer-detail-preview__intro h1 { margin:0 0 8px; color:#d71920; font-size:28px; line-height:1.2; }
.b2b-special-offer-detail-preview__description { color:#344b5e; font-size:16px; line-height:1.55; }
.b2b-special-offer-detail-preview__description > :first-child { margin-top:0; }
.b2b-special-offer-detail-preview__description > :last-child { margin-bottom:0; }
.b2b-special-offer-detail-preview__download { flex:none; white-space:nowrap; }
.b2b-special-offer-detail-preview__filter-summary {
    display:flex; align-items:center; justify-content:flex-end;
    margin:8px 0; padding:0 2px;
}
.b2b-special-offer-detail-preview__filter-summary a { flex:none; }
.b2b-special-offer-detail-preview__empty {
    margin:16px 0; padding:28px; border:1px solid #d7dfe4; background:#fff; text-align:center;
}
.b2b-special-offer-detail-preview .special-offer-table { margin-top:8px; }
.b2b-special-offer-detail-preview .special-offer-table__wrap { overflow-x:auto; }
.b2b-special-offer-detail-preview .special-offer-table h2 { color:#d71920; }
.b2b-special-offer-detail-preview table.b2b-action-table { width:100%; font-size:15px; }

/* The desktop detail table lives in the narrower main column beside the 225px
   sidebar. Keep its full data set readable there instead of sizing it from the
   viewport-wide catalog defaults (notably the 132px dimension and 180px order
   columns). Narrow-screen column visibility remains governed by the existing
   responsive contract above. */
@media (min-width:1401px) {
    .b2b-special-offer-detail-preview table.b2b-action-table { table-layout:fixed; }
    .b2b-special-offer-detail-preview table.b2b-action-table > thead > tr > th,
    .b2b-special-offer-detail-preview table.b2b-action-table > tbody > tr > td {
        padding:7px 5px;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-picture {
        width:58px; padding-left:4px; padding-right:4px;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-picture img {
        width:46px; height:46px;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-name {
        width:128px; min-width:0;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-technical {
        width:54px; overflow-wrap:anywhere;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-dimensions {
        width:92px; min-width:0; white-space:normal;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-length {
        width:72px; white-space:normal;
    }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-base { width:84px; }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-discount { width:50px; }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-net { width:82px; }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-tax { width:88px; }
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-col-order {
        width:160px; padding-left:4px; padding-right:4px;
    }
    .b2b-special-offer-detail-preview .b2b-action-table .b2b-order-controls,
    .b2b-special-offer-detail-preview .b2b-action-table .b2b-order-controls form {
        gap:4px;
    }
    .b2b-special-offer-detail-preview .b2b-action-table .b2b-quantity {
        width:56px; flex-basis:56px;
    }
    .b2b-special-offer-detail-preview .b2b-action-table .b2b-quantity input {
        width:36px !important;
    }
    .b2b-special-offer-detail-preview .b2b-action-table .b2b-quantity__arrows,
    .b2b-special-offer-detail-preview table.b2b-action-table .b2b-quantity .b2b-quantity__arrows button {
        width:20px !important; max-width:20px !important;
    }
    .b2b-special-offer-detail-preview .b2b-action-table .b2b-add-to-cart {
        min-width:88px; padding-left:7px !important; padding-right:7px !important;
    }
}

/* Match the theme's existing two-column catalog boundary: side-2 exists only above 1024px. */
@media all and (max-width:1024px) {
    .b2b-special-offers-sidebar-review,
    .b2b-special-offer-detail-preview__layout {
        grid-template-columns:minmax(0,1fr);
        column-gap:0;
    }
    .b2b-special-offers-sidebar-review__aside,
    .b2b-special-offers-sidebar-review__divider,
    .b2b-special-offer-detail-preview__layout > .b2b-special-offers-sidebar-review__aside,
    .b2b-special-offer-detail-preview__divider {
        display:none;
    }
    .b2b-special-offer-detail-preview__download--mobile { display:inline-flex; }
}

@media (min-width:768px) and (max-width:1050px) {
    .b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--wide > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__surface {
        grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto;
    }
    .b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__content,
    .b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__content,
    .b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__content,
    .b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__content,
    .b2b-special-offers__grid--wide > :first-child .b2b-special-offers__content,
    .b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__content {
        display:grid; grid-template-columns:minmax(150px,.8fr) minmax(180px,1.5fr) auto;
        gap:10px 16px; align-items:center; justify-content:stretch; padding:14px 16px;
    }
    .b2b-special-offers__grid[data-count] .b2b-special-offers__content h3,
    .b2b-special-offers__grid[data-count] .b2b-special-offers__content p,
    .b2b-special-offers__grid[data-count] .b2b-special-offers__cta { margin:0; }
    .b2b-special-offers__grid[data-count] .b2b-special-offers__unlock { grid-column:1/3; }
    .b2b-special-offers__grid[data-count] .b2b-special-offers__cta { grid-column:3; grid-row:1/-1; }
}

@media (max-width:767px) {
    .b2b-special-offers__grid[data-count],
    .b2b-special-offers__grid--equal[data-count="3"],
    .b2b-special-offers__grid--featured,
    .b2b-special-offers__grid--wide[data-count="4"] { grid-template-columns:minmax(0,1fr); }
    .b2b-special-offers__grid[data-count] > :first-child { grid-row:auto; grid-column:auto; }
    .b2b-special-offers__grid[data-count] .b2b-special-offers__surface {
        grid-template-columns:110px minmax(0,1fr); grid-template-rows:1fr; min-height:150px;
    }
    .b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--wide > :first-child .b2b-special-offers__surface,
    .b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__surface {
        grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; min-height:0;
    }
    .b2b-special-offers__grid--equal[data-count="1"] > :first-child .b2b-special-offers__media,
    .b2b-special-offers__grid--featured[data-count="1"] > :first-child .b2b-special-offers__media,
    .b2b-special-offers__grid--featured[data-count="3"] > :first-child .b2b-special-offers__media,
    .b2b-special-offers__grid--featured[data-count="4"] > :first-child .b2b-special-offers__media,
    .b2b-special-offers__grid--wide > :first-child .b2b-special-offers__media,
    .b2b-special-offers__grid--wide[data-count="2"] > * .b2b-special-offers__media { aspect-ratio:3/1; }
    .b2b-special-offers__grid[data-count] .b2b-special-offers__content { padding:14px 12px; }
    .b2b-special-offers__grid[data-count] .b2b-special-offers__content h3,
    .b2b-special-offers__grid--featured > :first-child .b2b-special-offers__content h3,
    .b2b-special-offers__grid--wide > :first-child .b2b-special-offers__content h3 { font-size:18px; }
}

.b2b-special-offers > h2 {
    margin: 0 0 18px;
    font-size: 22px;
}

.b2b-special-offers__card {
    overflow: hidden;
    border: 1px solid #d7dfe4;
    border-radius: 8px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.b2b-special-offers__surface {
    display: grid;
    grid-template-columns: minmax(180px, 32%) 1fr;
    min-height: 44px;
    color: inherit;
}

.b2b-special-offers__card-link {
    text-decoration: none;
}

.b2b-special-offers__card-link:hover,
.b2b-special-offers__card-link:focus {
    color: inherit;
}

.b2b-special-offers__card--linked:hover,
.b2b-special-offers__card--linked:focus-within {
    border-color: #b7c4cc;
    box-shadow: 0 10px 26px rgba(23, 50, 77, .14);
    transform: translateY(-2px);
}

.b2b-special-offers__card-link:focus-visible {
    outline: 3px solid #17324d;
    outline-offset: -4px;
}

.b2b-special-offers__card img {
    width: 100%;
    height: 100%;
    min-height: 160px;
    object-fit: cover;
}

.b2b-special-offers__card--primary {
    margin-bottom: 16px;
    border-left: 4px solid #e56c19;
    box-shadow: 0 8px 24px rgba(23, 50, 77, .1);
}

.b2b-special-offers__content {
    align-self: center;
    padding: 22px;
}

.b2b-special-offers__content h3 {
    margin: 0 0 10px;
    color: #17324d;
    font-size: 22px;
}

.b2b-special-offers__content p {
    margin: 0 0 14px;
    color: #56636b;
}

.b2b-special-offers__benefit,
.special-offer-page__benefit td {
    color: #b94700 !important;
    font-weight: 700;
}

.b2b-special-offers__cta {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 4px;
    background: #e56c19;
    color: #fff;
    font-weight: 700;
    transition: background-color .18s ease;
}

.b2b-special-offers__card-link:hover .b2b-special-offers__cta,
.b2b-special-offers__card-link:focus-visible .b2b-special-offers__cta {
    background: #c9540b;
    color: #fff;
}

.b2b-special-offers__secondary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.b2b-special-offers__card--secondary .b2b-special-offers__surface {
    grid-template-columns: minmax(120px, 34%) 1fr;
}

.b2b-special-offers__card--secondary .b2b-special-offers__content {
    padding: 18px;
}

.b2b-special-offers__card--secondary .b2b-special-offers__content h3 {
    font-size: 18px;
}

.special-offer-page__image {
    display: block;
    width: 100%;
    max-height: 360px;
    margin-bottom: 18px;
    object-fit: cover;
}

.special-offer-page__description {
    margin-bottom: 24px;
    color: #56636b;
    font-size: 16px;
}

.special-offer-page__products {
    overflow-x: auto;
}

.special-offer-page__products table:not(.b2b-responsive-table) {
    min-width: 980px;
}

.special-offer-page__benefit td {
    padding: 10px 14px;
    border-top: 1px solid #e3e7ea;
    background: #fff7f1;
    text-align: left;
}

@media (max-width: 767px) {
    .b2b-dashboard__identity {
        padding: 12px 14px;
    }

    .b2b-dashboard__identity dl {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .b2b-dashboard__quick-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .b2b-dashboard__search form,
    .b2b-dashboard__impersonation {
        align-items: stretch;
        flex-direction: column;
    }

    .b2b-dashboard__search button {
        height: 46px;
    }

    .b2b-dashboard__work-area,
    .b2b-dashboard__categories {
        padding: 18px 14px;
    }

    .b2b-dashboard__vehicle-search {
        padding: 0;
    }

    .b2b-dashboard__vehicle-filter .c-fieldset {
        padding-top: 66px;
    }

    .b2b-dashboard__vehicle-filter .c-fieldset .c-fieldset__right {
        top: 24px;
        right: 12px;
        left: 12px;
        padding: 0;
    }

    .b2b-dashboard__vehicle-filter #search-fieldset input.search-box {
        width: 100%;
    }

    .b2b-special-offers__surface,
    .b2b-special-offers__card--secondary .b2b-special-offers__surface {
        grid-template-columns: 1fr;
    }

    .b2b-special-offers__secondary {
        grid-template-columns: 1fr;
    }

    .b2b-special-offers__card img {
        max-height: 210px;
    }

    .b2b-special-offers__content {
        padding: 18px 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .b2b-special-offers__card,
    .b2b-special-offers__cta {
        transition: none;
    }

    .b2b-special-offers__card--linked:hover,
    .b2b-special-offers__card--linked:focus-within {
        transform: none;
    }
}

/* Same light panel vocabulary as search and quick actions; artwork owns brand colors. */
.b2b-special-offers__card { border-color:#e3e7ea; box-shadow:none; }
.b2b-special-offers__surface { background:#fff; color:#263238; }
.b2b-special-offers__card--text .b2b-special-offers__surface { background:#f8f9fa; }
.b2b-special-offers__media { min-width:0; overflow:hidden; background:#f5f6f7; }
.b2b-special-offers__card--text .b2b-special-offers__media { display:none; }
.b2b-special-offers__content { padding:20px; }
.b2b-special-offers__content h3 { font-size:20px; line-height:1.3; color:#17324d; }
.b2b-special-offers__document { display:block; margin-bottom:8px; font-size:12px; color:#56636b; }
.b2b-special-offers__placeholder { color:#56636b; font-size:18px; font-weight:600; }
.b2b-special-offers__cta:hover, .b2b-special-offers__cta:focus { background:#c9540b; color:#fff; }
.b2b-special-offers__cta:focus-visible { outline:3px solid #17324d; outline-offset:3px; }
.b2b-special-offers__grid--all { align-items:start; }
.b2b-special-offers__grid--all .b2b-special-offers__surface { height:auto; }
.b2b-special-offers__grid--all .b2b-special-offers__media { display:flex; align-items:center; justify-content:center; aspect-ratio:16/9; }
.b2b-special-offers__grid--all picture { width:100%; height:100%; }
.b2b-special-offers__grid--all .b2b-special-offers__card img { width:100%; height:100%; max-height:none; aspect-ratio:auto; object-fit:contain; }
.b2b-special-offers__grid--all .b2b-special-offers__content { min-height:180px; box-sizing:border-box; }
.b2b-special-offers__grid--all .b2b-special-offers__card--text .b2b-special-offers__document { display:none; }
@media (max-width:767px) {
    .b2b-special-offers__content { padding:18px 14px; }
    .b2b-special-offers__grid--all .b2b-special-offers__content { min-height:0; }
}

.b2b-special-offers__unlock,
.special-offer-page__unlock {
    margin-top: 12px;
    padding: 12px;
    border-left: 4px solid #e56c19;
    background: #fff4e9;
    color: #17324d;
    font-weight: 600;
}

/* Action tables intentionally do not reuse the catalog stock/semaphore row. */

.b2b-homepage-product-section {
    margin-bottom: 28px;
}

.b2b-homepage-product-section > .title {
    margin-bottom: 18px;
}

.b2b-homepage-product-section__item .picture {
    margin-bottom: 12px;
}

.b2b-homepage-product-section__item .details {
    box-sizing: border-box;
    min-width: 0;
    margin-top: -12px;
    padding-right: 4px;
    padding-left: 12px;
}

.b2b-homepage-product-section__item .product-title {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 18px;
    overflow: visible;
    overflow-wrap: anywhere;
}

.b2b-homepage-product-section__item .specs {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 15px;
    overflow-wrap: anywhere;
}

.b2b-homepage-product-section__item .prices {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
}

@media (min-width: 1025px) {
    .home-page .b2b-homepage-product-section > .item-grid > .item-box {
        width: 18%;
        margin: 0 1%;
        padding: 0;
        clear: none;
    }

    .b2b-homepage-product-section__item .picture {
        margin-bottom: 10px;
    }

    .b2b-homepage-product-section__item .product-title {
        min-height: 36px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .home-page .b2b-homepage-product-section > .item-grid > .item-box {
        width: 48%;
        margin-top: 20px;
        clear: none;
    }

    .home-page .b2b-homepage-product-section > .item-grid > .item-box:nth-child(2n+1) {
        clear: both;
    }

    .b2b-homepage-product-section > .item-grid > .item-box:nth-child(-n+2) {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .home-page .b2b-homepage-product-section > .item-grid > .item-box {
        width: 31.33333%;
        margin-top: 20px;
        clear: none;
    }

    .home-page .b2b-homepage-product-section > .item-grid > .item-box:nth-child(3n+1) {
        clear: both;
    }

    .b2b-homepage-product-section > .item-grid > .item-box:nth-child(-n+3) {
        margin-top: 0 !important;
    }
}

@media (max-width: 480px) {
    .b2b-dashboard__quick-links a {
        align-items: center;
        justify-content: center;
        min-height: 64px;
        padding: 10px 6px;
        text-align: center;
    }

    .b2b-dashboard__quick-links strong {
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .b2b-dashboard__quick-links span {
        display: none;
    }

    .b2b-homepage-product-section > .item-grid > .item-box {
        padding: 0 0 12px;
    }

    .b2b-homepage-product-section > .item-grid > .item-box .product-item {
        display: grid;
        grid-template-columns: minmax(108px, 34%) minmax(0, 1fr);
        gap: 10px;
        align-items: start;
    }

    .b2b-homepage-product-section .product-item .picture {
        margin: 0;
    }

    .b2b-homepage-product-section .product-item .details {
        min-width: 0;
        margin-top: 0;
        padding-right: 4px;
        padding-left: 0;
    }

    .b2b-homepage-product-section .product-title {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 18px;
        text-transform: none;
    }

    .b2b-homepage-product-section .specs {
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 15px;
    }

    .b2b-homepage-product-section .prices {
        margin-bottom: 8px;
    }
}

.b2b-homepage-product-section--carousel > .b2b-homepage-product-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
}

.b2b-homepage-product-section__controls {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    margin-bottom: 4px;
}

.b2b-homepage-product-section__controls[hidden] {
    display: none;
}

.b2b-homepage-product-section__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #b7c4cc;
    border-radius: 4px;
    background: #fff;
    color: #17324d;
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.b2b-homepage-product-section__control:hover,
.b2b-homepage-product-section__control:focus-visible {
    border-color: #17324d;
    background: #17324d;
    color: #fff;
}

.b2b-homepage-product-section__control:focus-visible,
.b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid:focus-visible {
    outline: 3px solid #e56c19;
    outline-offset: 2px;
}

.b2b-homepage-product-section__control:disabled {
    border-color: #d7dfe4;
    background: #f4f6f7;
    color: #8b979e;
    cursor: default;
}

.b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid {
    display: flex;
    gap: 20px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid::-webkit-scrollbar {
    display: none;
}

.b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid::after {
    display: none;
}

.home-page .b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid > .b2b-homepage-product-section__item {
    flex: 0 0 calc((100% - 80px) / 5);
    width: calc((100% - 80px) / 5) !important;
    margin: 0 !important;
    border-bottom: 0;
    padding: 0 !important;
    clear: none !important;
    float: none;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .home-page .b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid > .b2b-homepage-product-section__item {
        flex-basis: calc((100% - 40px) / 3);
        width: calc((100% - 40px) / 3) !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .home-page .b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid > .b2b-homepage-product-section__item {
        flex-basis: calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2) !important;
    }
}

@media (max-width: 480px) {
    .b2b-homepage-product-section--carousel > .b2b-homepage-product-section__header {
        align-items: center;
    }

    .b2b-homepage-product-section--carousel > .b2b-homepage-product-section__header strong {
        max-width: calc(100% - 106px);
        padding-right: 10px;
        padding-left: 10px;
    }

    .home-page .b2b-homepage-product-section--carousel > .b2b-homepage-product-section__grid > .b2b-homepage-product-section__item {
        flex-basis: 100%;
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .b2b-homepage-product-section__control {
        transition: none;
    }
}

/* Only the two B2B homepage sections opt into this compact control strip. */
.b2b-homepage-product-section .b2b-homepage-controls .buttons {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 1px;
}

.b2b-homepage-product-section .b2b-homepage-controls .buttons .quick-view-button {
    flex: 0 0 40px;
    margin: 0;
}

.b2b-homepage-product-section .b2b-homepage-controls .buttons .ajax-cart-button-wrapper {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

.b2b-homepage-product-section .b2b-homepage-controls .buttons .product-box-add-to-cart-button {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}


/* Compact B2B homepage strips; no other product views opt in. */
.b2b-homepage-product-section .b2b-homepage-controls .buttons {
    width: max-content !important;
    max-width: calc(100% - 2px);
    margin-left: auto;
    margin-right: auto;
}

.b2b-homepage-product-section .b2b-homepage-controls .buttons .ajax-cart-button-wrapper {
    flex: 0 1 auto;
}

.b2b-homepage-product-section .b2b-homepage-controls .buttons .product-box-add-to-cart-button {
    flex: 0 1 96px;
    width: 96px !important;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
}

.b2b-homepage-product-section__controls {
    margin-left: auto;
}

.b2b-homepage-product-section__controls [data-b2b-product-carousel-status] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap !important;
    border: 0 !important;
}


/* B2B homepage sections follow the common container, not legacy grid gutters. */
.home-page.b2b-dashboard .b2b-homepage-product-section {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* Locked action data only; fixed/unlocked rows and the regular catalog keep their existing colors. */
.special-offer-page table.b2b-action-table > tbody > tr.b2b-action-row--locked > td.b2b-col-discount,
.special-offer-page table.b2b-action-table > tbody > tr.b2b-action-row--locked > td.b2b-col-net,
.special-offer-page table.b2b-action-table > tbody > tr.b2b-action-row--locked > td.b2b-col-tax,
.special-offer-page table.b2b-action-table > tbody > tr.b2b-action-row--locked > td.b2b-col-order { background:#fff0f0; }
.special-offer-page .special-offer-page__ordering-warning { color:#b00020; }

/* Scoped to shared card markup; the separate B2B table partial never opts in. */
.product-item.responsive-product-card {
    position: relative;
    container: product-card / inline-size;
    min-width: 0;
    box-sizing: border-box;
}

/* Flatten legacy wrappers; grid controls anchor inside the picture frame, including AJAX cards. */
.product-grid .product-item.responsive-product-card {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 0 !important;
}

:is(.product-grid, .product-list) .responsive-product-card > .details,
:is(.product-grid, .product-list) .responsive-product-card > .details > .add-info {
    display: contents;
}

.product-grid .responsive-product-card > .picture { order: 0; margin-bottom: 8px; align-self: stretch; width: 100%; }
.product-grid .responsive-product-card .buttons { order: 1; }
.product-grid .responsive-product-card .product-title { order: 2; }
.product-grid .responsive-product-card .specs { order: 3; }
.product-grid .responsive-product-card .prices { order: 4; }

.product-grid .responsive-product-card :is(.product-title, .specs, .prices) {
    margin-left: 12px;
    margin-right: 4px;
}

:is(.product-grid, .product-list) .product-item.responsive-product-card .buttons {
    position: static !important;
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1px;
    width: max-content !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto 10px;
    padding: 0;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-sizing: border-box;
    z-index: 2;
}

:is(.product-grid, .product-list) .responsive-product-card .buttons > :is(.quick-view-button, .compare-products) {
    display: block !important;
    position: relative;
    flex: 0 0 32px;
    width: 32px !important;
    height: 32px;
    margin: 0 !important;
}

:is(.product-grid, .product-list) .responsive-product-card .compare-products button {
    width: 32px !important;
    height: 32px;
    padding: 0;
    display: block !important;
    background: #333 url('../Themes/Traction/Content/img/compare-button.png') center no-repeat !important;
    font-size: 0 !important;
    color: transparent !important;
}

:is(.product-grid, .product-list) .responsive-product-card .buttons .ajax-cart-button-wrapper {
    position: relative;
    display: flex !important;
    align-items: stretch;
    flex: 0 1 132px;
    flex-wrap: nowrap;
    min-width: 132px;
    width: auto !important;
    height: 32px;
    margin: 0 !important;
    padding: 0;
    background: #c03;
    box-sizing: border-box;
}

:is(.product-grid, .product-list) .responsive-product-card .buttons .productQuantityTextBox {
    position: static !important;
    display: block !important;
    flex: 0 0 36px;
    width: 36px !important;
    min-width: 0;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 2px;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;
}

:is(.product-grid, .product-list) .responsive-product-card .buttons .product-box-add-to-cart-button {
    display: block !important;
    flex: 1 0 96px;
    width: 96px !important;
    min-width: 96px;
    height: 32px;
    margin: 0 !important;
    padding: 0 4px;
    white-space: nowrap !important;
    word-break: normal;
    overflow-wrap: normal;
    line-height: 32px;
    font-size: 13px;
    box-sizing: border-box;
}

/* Product picture/title remain the detail links; do not overlay the live controls. */
:is(.product-grid, .product-list) .responsive-product-card .dummy-link { display: none; }

/* Actual standard strip: QuickView40 + compare32 + quantity/cart132 + two1px gaps. */
@container product-card (width < 206px) {
    :is(.product-grid, .product-list) .responsive-product-card:has(.quick-view-button):has(.ajax-cart-button-wrapper) .buttons > .compare-products {
        display: none !important;
    }
}

/* Existing mobile plugin can omit QuickView: compare32 + quantity/cart132 + one gap. */
@container product-card (width < 165px) {
    :is(.product-grid, .product-list) .responsive-product-card:not(:has(.quick-view-button)):has(.ajax-cart-button-wrapper) .buttons > .compare-products {
        display: none !important;
    }
}

/* Personalized homepage compare is absent in Razor and stays absent at every width. */
.b2b-homepage-product-section .responsive-product-card .buttons > .compare-products {
    display: none !important;
}

/* List means one product row, not the vendor's small-screen two-column item grid. */
.product-list .item-grid:has(> .item-box > .responsive-product-card) {
    display: block;
    width: 100%;
    padding: 0;
}

.product-list .item-grid > .item-box:has(> .responsive-product-card) {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 22px !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.product-list .product-item.responsive-product-card {
    display: grid !important;
    grid-template-columns: minmax(120px, 25%) minmax(0, 1fr);
    grid-template-areas: "picture title" "picture specs" "picture description" "picture prices" "picture actions";
    gap: 8px 20px;
    align-content: start;
    padding-bottom: 18px;
    border-bottom: 1px dotted #ccc;
}

.product-list .responsive-product-card > .picture { grid-area: picture; float: none; width: 100%; margin: 0; }
.product-list .responsive-product-card .product-title { grid-area: title; height: auto; margin: 0; padding: 0; }
.product-list .responsive-product-card .specs { grid-area: specs; margin: 0; }
.product-list .responsive-product-card .description { grid-area: description; margin: 0; }
.product-list .responsive-product-card .prices { grid-area: prices; width: auto; margin: 0; padding: 0; text-align: left; }
.product-list .responsive-product-card .buttons { grid-area: actions; justify-self: start; margin: 0; }
.product-list .responsive-product-card .product-rating-box { margin: 0; }

.product-list .responsive-product-card .prices--retail table {
    width: max-content !important;
    max-width: 100%;
    table-layout: auto;
    margin: 0;
}

.product-list .responsive-product-card .prices--retail td {
    width: auto;
    padding: 2px 10px 2px 0;
    text-align: left;
    vertical-align: baseline;
}

.product-list .responsive-product-card .prices--retail td:last-child {
    padding-right: 0;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .product-list .product-item.responsive-product-card {
        grid-template-columns: minmax(72px, 27%) minmax(0, 1fr);
        grid-template-areas: "picture title" "picture specs" "description description" "prices prices" "actions actions";
        gap: 8px 12px;
    }
    .product-list .responsive-product-card .product-title { font-size: 16px; overflow-wrap: anywhere; }
}

/* The plugin anchor is 40px: keep its complete hit target inside its flex item. */
:is(.product-grid, .product-list) .responsive-product-card .buttons > .quick-view-button {
    flex-basis: 40px;
    width: 40px !important;
}

:is(.product-grid, .product-list) .responsive-product-card .quick-view-button a {
    width: 100% !important;
    max-width: 100%;
    height: 32px;
    box-sizing: border-box;
}

/* Legacy description can be visible after hover; it must not precede the strip. */
.product-grid .responsive-product-card .description { order: 5; }
.product-grid .responsive-product-card .product-rating-box { order: 6; }

/* Picture is the existing square frame. Reserve no extra band in document flow:
   the complete copy block (title/specs/prices) follows the frame with its original spacing. */
.product-grid .product-item.responsive-product-card .buttons {
    position: absolute !important;
    top: calc(100cqi - 42px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

/* Desktop grid: controls on hover/focus only. Touch/no-hover retains visible base.
   Retail list controls keep their existing normal-flow layout. No image-fading overlay. */
@media (hover: hover) and (pointer: fine) {
    .product-grid .product-item.responsive-product-card .buttons {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none;
    }
    .product-grid .product-item.responsive-product-card:is(:hover, :focus-within) .buttons {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto;
    }
}

/* Action membership wins over the favorite blue only in the B2B catalog table. */
.b2b-catalog-table > tbody > tr.b2b-action-product > td { background-color: #edf7e9; }
.b2b-catalog-table > tbody > tr.b2b-action-product:hover > td,
.b2b-catalog-table > tbody > tr.b2b-action-product:focus-within > td { background-color: #e0f0d9; }

/* A permitted but still locked conditional action is yellow, distinct from green available actions. */
.b2b-catalog-table > tbody > tr.b2b-action-locked > td { background-color: #fff4cc; }
.b2b-catalog-table > tbody > tr.b2b-action-locked:hover > td,
.b2b-catalog-table > tbody > tr.b2b-action-locked:focus-within > td { background-color: #fff0b3; }

.header-links-list--salesrep {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: auto;
    margin: 0;
}

.header-links-list--salesrep > li {
    flex: 0 0 auto;
    margin-right: 8px;
}

.header-links-list--salesrep > .salesrep-context-summary {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    height: 32px;
    min-width: 0;
}

.salesrep-context-address {
    padding: 0;
    white-space: nowrap;
    color: #666;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
}

.salesrep-identity__primary {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 0 4px;
    white-space: nowrap;
    font-size: 11px;
    line-height: 17px;
}

.salesrep-identity__label,
.salesrep-identity__change {
    flex: 0 0 auto;
    white-space: nowrap;
}

.salesrep-identity__customer {
    min-width: 0;
    overflow-wrap: anywhere;
}

.header-links .salesrep-identity__change {
    padding: 0;
    color: #666;
    line-height: inherit;
}

.header-links .salesrep-identity__change:hover {
    color: #c03;
}

.salesrep-context-page .salesrep-current-context,
.salesrep-context-page .salesrep-customer-option h2 {
    overflow-wrap: anywhere;
}

.salesrep-context-page .salesrep-customer-option {
    margin-top: 20px;
}

.salesrep-context-page .salesrep-customer-option form {
    margin: 8px 0;
}

@media all and (max-width: 480px) {
    .header-links-list--salesrep {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .header-links-list--salesrep > li {
        max-width: 100%;
    }

    .header-links-list--salesrep > .salesrep-context-summary {
        flex: 0 0 100%;
        height: auto;
    }

    .salesrep-identity__primary {
        display: block;
        white-space: normal;
    }

    .salesrep-identity__label,
    .salesrep-identity__customer,
    .salesrep-identity__separator,
    .salesrep-identity__change {
        display: inline;
    }

    .salesrep-context-address {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Common store footer and CMS copy only; no catalog/card/checkout control overrides. */
.footer .footer-upper .center.store-footer-layout {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(0, 2.2fr);
    align-items: start;
    gap: 28px;
    max-width: 1200px;
    width: calc(100% - 40px);
    margin-inline: auto;
    padding: 28px 0;
    box-sizing: border-box;
}
.footer .store-footer-layout::after { display: none; }
.footer .store-footer-columns { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; }
.footer .store-footer-columns > .footer-block { float: none; width: auto; min-width: 0; margin: 0; padding: 0; }
.footer .store-footer-columns > .footer-block:empty { display: none; }
.footer .store-footer-layout .footer-block > ul { height: auto !important; }
.footer .store-footer-intro { order: -1; min-width: 0; background: transparent; color: #333; padding: 0; border: 0; }
.footer .store-footer-logo { display: block; width: 100%; max-width: 260px; margin-bottom: 20px; }
.footer .store-footer-logo img { display: block; width: 100%; height: auto; object-fit: contain; filter: invert(1); }
.footer .store-footer-intro h2 { color: #333; font-size: 21px; line-height: 1.4; margin: 0 0 12px; font-weight: 600; }
.footer .store-footer-intro p { font-size: 14px; line-height: 1.65; margin: 0; }
.store-content-open-item { color: #663c00; background: #fff4da; border-left: 3px solid #b66b00; padding: 8px 10px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.store-legal-content { max-width: 960px; margin-inline: auto; line-height: 1.65; text-align: left; }
.store-legal-content h2 { font-size: 21px; margin: 24px 0 8px; line-height: 1.35; }
.store-legal-content h3 { font-size: 17px; margin: 16px 0 7px; }
.store-legal-content p, .store-legal-content ul, .store-legal-content ol { margin: 0 0 14px; }
.store-legal-content ul, .store-legal-content ol { padding-left: 24px; }
.store-legal-content a { text-decoration: underline; overflow-wrap: anywhere; }
.store-legal-content .withdrawal-form { border: 1px solid #bbb; padding: 18px; margin-top: 18px; break-inside: avoid; }
@media (max-width: 900px) {
    .footer .footer-upper .center.store-footer-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .footer .store-footer-intro { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .footer .footer-upper .center.store-footer-layout { grid-template-columns: minmax(0, 1fr); width: calc(100% - 30px); gap: 20px; }
    .footer .store-footer-intro { grid-column: auto; }
    .footer .store-footer-columns { grid-template-columns: minmax(0, 1fr); }
    .footer .store-footer-intro h2 { font-size: 20px; }
    .store-legal-content h2 { font-size: 20px; }
}
@media print {
    .store-legal-content { max-width: none; color: #000; }
    .store-legal-content .withdrawal-form { break-inside: avoid; }
}

/* Use the original footer stripe once; titles never paint a second patch below it. */
.footer .store-footer-columns .footer-block > .title { background: transparent; height: 48px; border-bottom: 1px solid #ccc; }
.footer .store-footer-columns .footer-block > .title strong { color: #333; }
@media (min-width: 1024px) {
    .footer .footer-upper .center.store-footer-layout { padding: 0 0 28px; }
    .footer .store-footer-intro { padding-top: 84px; }
    .footer .store-footer-columns .footer-block > .title { height: 60px; border: 0; }
    .footer .store-footer-columns .footer-block > .title strong { color: #fff; }
}

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

input.search-box-text {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
span.search-box-text {
	float: left;
}
input.search-box-text.narrow {
	padding-right: 75px;
}
input.instant-search-busy {
	background: #eee url('../Plugins/SevenSpikes.Nop.Plugins.InstantSearch/images/ajax-loader-small.gif') no-repeat 98% center !important;
}
input.narrow.instant-search-busy {
	background-position: 68% center !important;
}
.search-box-select {
	position: absolute;
    right: 34px;
    top: 3px;
	width: 70px;
	max-width: none;
	height: 30px;
	border-color: transparent;
	background: url('../Plugins/SevenSpikes.Nop.Plugins.InstantSearch/Themes/Traction/Content/images/border.png') left center no-repeat;
	padding: 5px;
	color: #666;
}
.search-box-select:focus {
	border-color: transparent;
}

/* AUTOCOMPLETE */

.instantSearch {
    width: 286px !important;
    height: auto !important;
}
@media all and (max-width: 1024px) {
	.instantSearch {
		left: 50% !important;
		margin-left: -143px !important;
	}
}

.instantSearch .k-list-container {
	position: static !important;
	width: 100% !important;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	overflow: hidden;
}
.instantSearch .k-list-scroller {
    height: 100% !important;
    overflow-y: auto;
}
.instantSearch .k-item {
	border-top: 1px solid #ddd;
	overflow: hidden;
	cursor: pointer;
}
.instantSearch .k-item:first-child {
	border-top: none;
}
.instant-search-item {
	border: 1px solid #fff;
	overflow: hidden;
	padding: 10px;
}
.instant-search-item .img-block {
	display: none;
	position: relative;
	float: left;
	overflow: hidden;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
	background-color: #fff;
	text-align: center;
}
.instant-search-item .img-block img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.instant-search-item .detail {
	min-height: 42px;
	line-height: normal;
}
.instant-search-item .detail .title {
	margin-bottom: 5px;
	color: #333;
	font-size: 13px;
}
.instant-search-item .detail .price {
	font-weight: bold;
	font-size: 12px;
	color: #c00;
}
.instant-search-item .detail .sku {
    font-size: 12px;
    margin: 5px 0;
}
.k-item.k-state-hover .instant-search-item,
.k-item.k-state-focused .instant-search-item  {
	background: #f6f6f6;
}
.k-item.k-state-hover .instant-search-item .img-block, 
.k-item.k-state-focused .instant-search-item .img-block {
	border-color: #ddd;
}

@media all and (min-width: 481px) {

input.search-box-text.narrow {
	padding-right: 100px;
}
.search-box-select {
	width: 90px;
}
.instantSearch {
	width: 336px !important;
}
.instant-search-item .img-block {
	display: block;
}

}

@media all and (min-width: 481px) and (max-width: 1024px) {

input.narrow.instant-search-busy {
	background-position: 67% center !important;
}
.instantSearch {
	margin-left: -168px !important;
}

}

@media all and (min-width: 1025px) {

input.narrow.instant-search-busy {
	background-position: 60% center !important;
}
.search-box-select {
	top: 1px;
	right: 35px;
}
.instantSearch {
	width: 286px !important;
}

}

/*
* Copyright 2019 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/* AJAX LOADER & ERRORS */

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.nopAjaxCartPanelAjaxBusy,
.miniProductDetailsPanelAjaxBusy {
    position: absolute;
    z-index: 1070;
    width: auto;
    height: auto;
    background: url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Traction/Content/images/loader.gif') no-repeat fixed 50% 50%;
    opacity: 0.7;
}

.addProductVariantToCartErrors {
    color: #c00;
}
.addProductVariantToCartErrors ul {
	margin: 20px;
}
.addProductVariantToCartErrors li {
    margin: 0 0 10px 0;
}


/*** QUANTITY BOX & BUY BUTTON ***/


.ajax-cart-button-wrapper {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}
.ajax-cart-button-wrapper input[type="text"],
.ajax-cart-button-wrapper select {   
    width: 40px;
    height: 32px;
	float: left;
	margin-right: 1px;
    border: none;
	background: #c03 url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Traction/Content/images/quantity.png') center no-repeat;
	padding: 0;
	text-align: center;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.ajax-cart-button-wrapper select {
    padding-left: 18px;
    width: auto;
}
.item-box .ajax-cart-button-wrapper select {
    padding: 0 14px 0 10px;
    background-image: none;
    color: #fff;
}
.item-box .ajax-cart-button-wrapper button {
	float: left;
	width: 95px;
}
.home .item-box .ajax-cart-button-wrapper button {
	width: 105px !important;
}

/*** COMMON ELEMENTS ***/

.productQuantityTextBox {
    float: left;
    width: 20px;
    text-align: center;
    font-size: 16px;
}

.ajaxCart {
    position: absolute;
    z-index: 1070;
    padding: 1px !important;
    background: #fff;
    box-shadow: 0 1px 3px #666;
}
.ajaxCart li {
    list-style: none;
}

.ajaxCart .k-window-titlebar.k-header {
    min-height: 40px;
    margin: 0 !important;
	padding: 12px;
    border-bottom: 1px solid #ccc;
	background: #eee;
}
.ajaxCart .k-window-titlebar.k-header .k-window-actions {    
    position: absolute;
	top: 10px;
    right: 10px;
    font-size: 0;
    z-index: 1;
}
.ajaxCart .k-window-titlebar.k-header .k-window-actions a {    
    display: block;
	width: 20px;
	height: 20px;
    background: #333 url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Traction/Content/images/button-close-hover.png') center no-repeat;
    box-shadow: 0 0 1px #999 inset;
    font-size: 0;
}
.ajaxCart .k-window-titlebar.k-header .k-window-actions a:hover {
    background: #fff url('../Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Traction/Content/images/button-close.png') center no-repeat;
}

.productAddedToCartWindowTitle {
	width: 350px;   
	padding: 12px;
	font-size: 13px;
	color: #333;
}
.miniProductDetailsView .product-name {
    top: 12px;
	width: 400px;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}
.productAddedToCartWindow, .miniProductDetailsView {
    padding: 15px 10px;
    color: #555;
    line-height: 18px;
}
.miniProductDetailsView:focus,
.productAddedToCartWindow:focus {
    outline: -webkit-focus-ring-color auto 0;
}


/*** SINGLE PRODUCT WINDOW ***/


.productAddedToCartWindow {
	background: none;
}

.productAddedToCartWindowTitle {
    position: absolute;
    top: 0; left: 0;
    padding: 14px 12px 12px;
    line-height: normal;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #eee;
}

.productAddedToCartWindowImage {
    float: left;
    overflow: hidden;
    margin: 0 15px 15px 0;
    text-align: center;
}

.productAddedToCartWindowImage a {
	width: 160px;
	position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
}
.productAddedToCartWindowImage a:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.productAddedToCartWindowImage img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	margin: auto;
}
.productAddedToCartWindowDescription {
    float: left;
    margin-bottom: 15px;
    width: 200px;
}

.productAddedToCartWindowDescription h1 {
    margin: 0 0 10px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.productAddedToCartWindowDescription h1 a {
    color: #333;
}
.productAddedToCartWindowDescription h1 a:hover {
	text-decoration: underline;
}
.productAddedToCartWindowDescription strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
	color: #c03;
}
.productAddedToCartWindowDescription span {
    display: block;
    margin-bottom: 3px;
    color: #666;
}

.productAddedToCartWindowSummary {
    clear: both;
    padding: 10px;
    border-top: 1px dotted #ccc;
    text-align: center;
}

.productAddedToCartWindowSummary a {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}
.productAddedToCartWindowSummary a:hover {
	text-decoration: underline;
}
.productAddedToCartWindowSummary div {
    margin-top: 10px;
}

.ajaxCart .addProductToCartErrors {
    padding: 10px;
}

.ajaxCart .productAddedToCartWindowCheckout {
    padding: 8px 22px;
    font-size: 15px;
    background-color: #c03;
	color: #fff;
	text-transform: uppercase;
    border: 2px solid transparent;
    box-shadow: inset 0 0 0 1px transparent;
}
.ajaxCart .productAddedToCartWindowCheckout:hover {
}

/*** GROPED PRODUCTS WINDOW ***/


.miniProductDetailsView {
	background: none;
	padding: 5px 10px 15px;
}
.miniProductDetailsView h1 {
    margin-bottom: 10px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 1px 1px 0 #eee;
}

.miniProductDetailsView .product-name {
    position: absolute;
    top: 9px;
    left: 15px;
    width: 260px;
    height: 17px;
    overflow: hidden;
}

.miniProductDetailsView .product-essential {
    margin: 0;
    overflow: hidden;
}

.miniProductDetailsView .short-description {
    margin-bottom: 10px;
    padding-top: 0;
    border-top: none;
    width: 250px;
}


.miniProductDetailsView .overview {
    width: 280px;
    margin: 0;
}
.miniProductDetailsView .product-essential {
	border-bottom: 1px dotted #ccc;
	background: #fff;
	padding: 15px;
}
.miniProductDetailsView .gallery {
    float: left;
	display: block; /*Cloud Zoom css override*/
    max-width: 300px;
    margin: 0 20px 0 0;
    width: auto !important;
    overflow: hidden;
}

.miniProductDetailsView .product-essential .picture {
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
}
.miniProductDetailsView .picture:before {
	display: none;
}
.miniProductDetailsView .picture img {
	position: static;
    z-index: 0 !important;
}
.miniProductDetailsView .product-variant-line {
    margin: 0;
}
.miniProductDetailsView .product-variant-name {
	font-size: 13px;
	text-shadow: none;
}
.miniProductDetailsView .attributes {
    margin-bottom: 15px;
	background: #f6f6f6;
	padding: 10px 10px 0;
	line-height: normal;
}
.miniProductDetailsView .attributes select {
    max-width: 170px;
	background: #fff;
}
.miniProductDetailsView .attributes .datepicker {
	width: 140px;
	background: #fff;
}
.miniProductDetailsView .cart-info {
    overflow: visible;
    min-width: 260px;
}
.miniProductDetailsView .prices {
    margin-bottom: 10px;
}
.miniProductDetailsView .customer-entered-price {
    margin-bottom: 10px;
}
.miniProductDetailsView .enter-price-input {
    padding: 4px;
    width: 69px;
}

.miniProductDetailsView .add-to-cart {
    margin: 0;
	overflow: hidden;
}
.miniProductDetailsView .add-to-cart > *,
.miniProductDetailsView .add-button-wrap {
    float: left;
}

.miniProductDetailsView .giftcard {
    padding: 10px 15px;
    background: #fff;
    margin: 0;
}
.miniProductDetailsView .product-collateral {
    margin-top: 10px;
}

.miniProductDetailsView .message-error {
    display: block;
    float: right;
    clear: both;
    margin: 10px 0 0 0;
    color: #c00;
    font-weight: bold;
    font-size: 14px;
}

.miniProductDetailsView .message-error li {
    margin: 5px 0;
}


/* RELATED AND CROSS SELL */


.ajaxCart .product-grid {
    width: 375px;
    margin: 10px 0 0;
}
.ajaxCart .product-grid .title {
	margin: 0 0 5px;
}
.ajaxCart .product-grid .title strong {
    max-width: 300px;
	font-size: 12px;
	padding: 10px 15px;
}
.ajaxCart .item-box {
	padding: 0 10px;
}
.ajaxCart .item-box .picture {
    margin: 0 0 5px;
}
.ajaxCart .item-box .product-title {
    margin: 0;
}
.ajaxCart .item-box .product-title a {
    font-size: 12px;
}
.ajaxCart .item-box .actual-price {
	font-size: 13px;
	font-weight: normal;
}

.ajaxCart .item-box .product-rating-box,
.ajaxCart .item-box .add-info,
.ajaxCart .item-box .tax-shipping-info,
.ajaxCart .item-box .hover-content {
    display: none !important;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.ribbon-wrapper {
    position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
    float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}

/* ribbon positioning */

.ribbon-position {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 1;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
	top: 0;
	left: 0;
}
.ribbon-position.top-right {
	top: 0;
	right: 0;
}
.ribbon-position.bottom-left {
	bottom: 0;
	left: 0;
}
.ribbon-position.bottom-right {
	bottom: 0;
	right: 0;
}
.ribbon-position.top-middle {
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.right-middle {
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
}
.ribbon-position.bottom-middle {
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.left-middle {
	top: 0;
	bottom: 0;
	left: 0;
	text-align: left;
}
.ribbon-position.center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

/* ribbon wrapping element */

.product-ribbon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

/* ribbon label without image*/

.ribbon-text {
	font-size: 12px;
	line-height: normal;
}

/* ribbon label with image */

.ribbon-image-text {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	top: 0;
	left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

@media all and (max-width: 768px ) {
    .product-list .ribbon-wrapper {
        float: none;
    }
}


/********* START BUTTON *********/


.quick-view-button {
	display: inline-block;
	margin-right: 1px;
}
.quick-view-button a {
	display: block;
	width: 40px;
    height: 32px;
	background: #333 url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/btn-quickview.png') center no-repeat;
	padding: 0;
	font-size: 0;
}
.quickViewData {
    display: none;
}

@media all and (max-width: 1024px) {
    .quick-view-button {
	    display: none !important;
    }
}


/********* SCREEN OVERLAY & DATA LOADER *********/



.k-overlay {
    position: fixed;
    z-index: 1060;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.quickView .k-loading-mask {
    position: absolute;
    top: 0;
    left: 0;
}

.quickView .k-loading-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -15px;
    background: url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/loading-image.gif') center no-repeat;
}


/********** MAIN QUICKVIEW WINDOW *********/



.quickView {
    position: absolute;
    z-index: 1070;
    padding-top: 0 !important;
    box-shadow: 0 0 15px #444;
    background: #fff;
}

.quickViewWindow {
    z-index: 100; /*check if z-index is necessary*/
    width: 700px;
}

    .quickViewWindow button,
    .quickViewWindow a {
        cursor: pointer;
    }


.quickView .k-window-titlebar.k-header {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0 !important;
    background: none !important;
}

.quickView .k-window-titlebar.k-header .k-window-actions {
    position: absolute;
    top: 26px;
    right: 26px;
    width: 21px;
    height: 21px;
    overflow: hidden;
    text-indent: 9999px;
}

.quickView .k-window-titlebar.k-header .k-window-actions a {
    display: block;
	width: 20px;
	height: 20px;
    border: 1px solid #999;
    background: #ccc url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/button-close.png') center no-repeat;
}
    .quickView .k-window-titlebar.k-header .k-window-actions a:hover {
        border-color: #aaa;
        background-color: #fff;
    }

/********** GALLERY & OVERVIEW *********/

.quickViewWindow .product-essential {
    float: none;
    width: auto;
    border: 0;
    margin: 0;
    overflow: visible;
    padding: 15px;
}

    .quickViewWindow .product-essential:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

.quickViewWindow .product-essential form > div{
    overflow:hidden;
}

.quickViewWindow .popup-header {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    background: #eee;
    padding: 0 40px;
}

.quickViewWindow .product-name {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-shadow: 1px 1px 0 #fff;
}
/*
 Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/

.quickView .cloudzoom-blank {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/blank.png');
}

.quickView .cloudzoom-zoom-inside {
    z-index: 9;
    border: none;
    box-shadow: none;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
}

    .quickView .cloudzoom-zoom-inside img {
        right: auto !important;
        bottom: auto !important;
        max-width: none !important;
        max-height: none !important;
    }

.quickView .cloudzoom-ajax-loader {
    background-image: url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/loader.gif');
    width: 32px;
    height: 32px;
}

.quickView .picture a + img {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
/* transitional image (on thumbnail click) */
.quickViewWindow .gallery {
    display: block; /*Cloud Zoom css override*/
    float: left;
    width: 252px;
    margin-bottom: 0;
    overflow: visible;
}
.quickViewWindow .gallery .picture:before {
	display: none;
}
.quickViewWindow .gallery .picture {
    float: none;
    width: 250px;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px 0 #ccc;
    background: #fff;
    line-height: 0;
    text-align: center;
}
.quickViewWindow .gallery .picture a {
    height: auto;
    width: 250px;
    border: none;
    overflow: hidden;
}
.quickViewWindow .gallery .picture img {
	bottom: auto;
	max-height: none;
}
.quickViewWindow .gallery .picture a img {
	position: static;
}
.quickViewWindow .gallery .picture img,
.quickViewWindow .related-products-grid .picture img,
.quickViewWindow .also-purchased-products-grid .picture img {
    z-index: 0 !important;
}
.quickViewWindow .gallery .thumbnails {
    overflow: hidden;
    margin-top: 15px;
    background: #eee;
    padding: 10px 6px 2px;
}

    .quickViewWindow .gallery .thumbnails a,
    .quickViewWindow .gallery .thumbnails > img {
        float: left;
        width: 70px;
        height: 70px;
        margin: 0 4px 8px;
        border: 1px solid #fff;
        box-shadow: 0 1px 3px 0 #ccc;
        overflow: hidden;
        background: #fff;
        position: relative;
    }

    .quickViewWindow .gallery .thumbnails img {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .quickViewWindow .gallery .thumbnails a img:hover {
        opacity: 0.7; /*cloud zoom only*/
    }

.quickViewWindow .links-panel {
    margin-top: 15px;
    padding: 10px 0;
}

    .quickViewWindow .links-panel a {
        display: block;
        background: url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/bullet-right.png') left center no-repeat;
        padding-left: 15px;
        text-align: left;
        font-size: 14px;
        text-transform: uppercase;
        color: #333;
    }

        .quickViewWindow .links-panel a:hover {
            text-decoration: underline;
        }

/********** OVERVIEW *********/



.quickViewWindow .overview {
    float: right;
    width: 400px;
    margin-bottom: 0;
}

.quickViewWindow #accordion > h3 {
    position: relative;
    margin: 0;
    border: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 3px #ccc;
    background: #eee;
    padding: 5px 10px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    cursor: pointer;
}

    .quickViewWindow #accordion > h3 span {
        position: absolute;
        top: 50%;
        right: 11px;
        left: inherit;
        width: 16px;
        height: 16px;
        margin: -8px 0 0;
        cursor: pointer;
    }

.quickViewWindow #accordion .ui-icon-circle-arrow-s {
    background: url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/minus.png') center no-repeat;
}
.quickViewWindow #accordion .ui-icon-circle-arrow-e {
    background: url('../Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Traction/Content/images/plus.png') center no-repeat;
}
.quickViewWindow #accordion .product-details {
    position: relative;
    margin: 0;
    padding: 10px;
    border-color: #fff #ddd #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
}
.quickViewWindow .overview .left {
    float: left;
    margin-bottom: 5px;
    text-align: left;
}

.quickViewWindow .overview .right {
    float: right;
    margin-bottom: 5px;
    text-align: right;
}

.quickViewWindow .overview .left,
.quickViewWindow .overview .right {
	max-width: 50%;
}
    .quickViewWindow .overview .left > *,
    .quickViewWindow .overview .right > * {
        margin-bottom: 5px;
        overflow: hidden;
    }
.quickViewWindow .overview .left button {
	width: 180px;
	min-width: 0;
	white-space: normal;
}
.quickViewWindow .overview .right button {
	width: 190px;
	min-width: 0;
	white-space: normal;
}
.quickViewWindow .overview .attributes {
    clear: both;
    margin: 0;
    border: none;
    padding: 0;
}

    .quickViewWindow .overview .attributes dl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .quickViewWindow .overview .attributes dl > * {
        float: left;
    }

    .quickViewWindow .overview .attributes dt {
        clear: left;
        width: 100px;
        margin: 0 10px 5px 0;
        text-align: left;
    }

    .quickViewWindow .overview .attributes dd {
        margin-bottom: 10px;
    }

.quickViewWindow .overview .purchase-area {
    clear: both;
    margin-top: 10px;
    border-top: 1px dashed #999;
    overflow: hidden;
    padding: 10px 0 0;
}

.quickViewWindow .overview .title,
.quickViewWindow .overview .add-info,
.quickViewWindow .overview .description {
    display: none;
}
.quickViewWindow .attribute-squares {
	line-height: normal;
}
.attribute-squares input[type="radio"] {
	position: relative;
}
.quickViewWindow .overview .rental-attributes {
    margin: 0 0 10px ;
    background: #f6f6f6;
    padding: 10px 0 10px 10px ;
}
.quickViewWindow .overview .rental-attributes dt {
	clear: none ;
	width: 80px ;
	margin: 0 ;
}
.quickViewWindow .overview .rental-attributes dd {
	margin-bottom: 0;
}
.quickViewWindow .overview .rental-attributes .datepicker {
	width: 90px;
	background: #fff;
}
.quickViewWindow .free-shipping {
	float: none;
}

/********** RELATED/ALSO-PURCHASED PRODUCTS *********/


.quickViewWindow .product-grid {
    overflow: hidden;
    margin: 20px 0 0;
}
.quickViewWindow .product-grid .title {
    display: block;
    margin: 0 0 5px;
    text-align: center;
}
.quickViewWindow .product-grid .title strong {
	font-size: 12px;
	padding: 10px 15px;
}
.quickViewWindow .product-grid .item-box {
	width: 31.33333%;
	margin: 0 1% 10px;
	padding: 0 10px;
}
.quickViewWindow .product-grid .item-box .picture {
	width: 100%;
	height: 100%;
	margin: 0 0 5px;
}
.quickViewWindow .product-grid .item-box .picture a {
    display: block;
    margin: 0 auto;
    border: none;
    overflow: hidden;
	width: 100%;
	height: 100%;
    line-height: 0;
}
.quickViewWindow .product-grid .item-box .product-title {
    height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    font-size: 10px;
}
.quickViewWindow .product-grid .item-box .product-title a {
    display: block;
    font-size: 12px;
}
.quickViewWindow .product-grid .item-box .actual-price {
	font-size: 13px;
	font-weight: normal;
}
.quickViewWindow .item-box .product-rating-box,
.quickViewWindow .item-box .add-info,
.quickViewWindow .item-box .tax-shipping-info,
.quickViewWindow .item-box .hover-content {
    display: none !important;
}


/********* GROUPED PRODUCTS ********/



.quickViewWindow #accordion .variants-in-grid {
    padding: 10px 6px;
}

.quickViewWindow .product-variant-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
}

    .quickViewWindow .product-variant-list .item-row {
        overflow: hidden;
        margin-bottom: 10px;
    }

.quickViewWindow .variant-grid-info {
    border-top: 1px dashed #999;
    overflow: hidden;
    padding-top: 10px;
}

.quickViewWindow .product-variant {
    display: inline-block;
    position: relative;
    float: left;
    width: 124px;
    height: 124px;
    margin: 0 0 0 5px;
    overflow: hidden;
    text-align: center;
}

    .quickViewWindow .product-variant:nth-child(3n+1) {
        margin-left: 2px;
    }

.quickViewWindow .variant-picture {
    width: 124px;
    height: 124px;
    margin: 0 0 5px;
    overflow: hidden;
    line-height: normal !important;
}

.quickViewWindow .moreInfoHover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 3px;
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-size: 11px;
    color: #a12;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.quickViewWindow .variant-info {
    position: absolute;
    left: -126px;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    padding: 5px 10px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.quickViewWindow .product-variant:hover .moreInfoHover {
    left: 136px;
}

.quickViewWindow .product-variant:hover .variant-info {
    left: 0;
}

.quickViewWindow .variant-info .variant-name {
    max-height: 28px;
    overflow: hidden;
}

    .quickViewWindow .variant-info .variant-name a {
        color: #fff;
    }

.quickViewWindow .variant-info .prices {
    float: none;
    margin: 0 !important;
}

    .quickViewWindow .variant-info .prices > * {
        float: none;
    }

.quickViewWindow .product-variant .prices label {
    display: none;
}

.quickViewWindow .variant-grid-info .manufacturers {
    float: left;
}

.quickViewWindow .variant-grid-info .compare-products {
    float: right;
}
.quickViewWindow .variant-info .product-price,
.quickViewWindow .variant-info .tax-shipping-info a {
    color: #fff;
}

.quickViewWindow .variant-info .tax-shipping-info {
    display: none;
}

/********* GIFTCARD *********/

.quickView .giftcard {
    clear: both;
}

.quickView .giftcard > div {
    overflow: hidden;
    margin-bottom: 5px;
}

    .quickView .giftcard > div > * {
        float: left;
    }

.quickView .giftcard label {
    display: block;
    width: 120px;
    margin-right: 10px;
}


.quickView .giftcard textarea {
    resize: none;
}
.quickView .giftcard input[type=text],
.quickView .giftcard input[type=email],
.quickView .giftcard input[type=tel],
.quickView .giftcard textarea {
    width: 248px;
}
.giftcard ~ .purchase-area {
	text-align: right;
}

@media all and (max-width: 1024px) {

    .quickViewWindow .color-squares .color {
        width: 30px;
        height: 30px;
    }

    .quickViewWindow .links-panel a {
        padding: 10px 0 10px 15px;
    }
}
.qq-uploader{position:relative;width:100%}.qq-upload-button{display:block;width:105px;padding:7px 0;text-align:center;background:#800;border-bottom:1px solid #ddd;color:#fff}.qq-upload-button-hover{background:#c00}.qq-upload-button-focus{outline:1px dotted #000}.qq-upload-drop-area,.qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#ff9797;text-align:center}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}.qq-upload-drop-area-active{background:#ff7171}.qq-upload-list{margin:0;padding:0;list-style:none}.qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px;background-color:#fff0bd}.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-failed-text,.qq-upload-file,.qq-upload-pause,.qq-upload-retry,.qq-upload-size,.qq-upload-spinner{margin-right:12px;display:inline}.qq-upload-spinner{display:inline-block;background:url(../lib_npm/fine-uploader/fine-uploader/loading.gif);width:15px;height:15px;vertical-align:text-bottom}.qq-drop-processing{display:block}.qq-drop-processing-spinner{display:inline-block;background:url(../lib_npm/fine-uploader/fine-uploader/processing.gif);width:24px;height:24px;vertical-align:text-bottom}.qq-upload-continue,.qq-upload-delete,.qq-upload-pause{display:inline}.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-pause,.qq-upload-retry{color:#000}.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-pause,.qq-upload-retry,.qq-upload-size{font-size:12px;font-weight:400}.qq-upload-failed-text{display:none;font-style:italic;font-weight:700}.qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}.qq-upload-fail .qq-upload-failed-text{display:inline}.qq-upload-retrying .qq-upload-failed-text{display:inline;color:#d60000}.qq-upload-list li.qq-upload-success{background-color:#5da30c;color:#fff}.qq-upload-list li.qq-upload-fail{background-color:#d60000;color:#fff}.qq-progress-bar{display:block;background:-moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);width:0;height:15px;border-radius:6px;margin-bottom:3px}.qq-total-progress-bar{height:25px;border-radius:9px}.qq-total-progress-bar-container{margin:9px}INPUT.qq-edit-filename{position:absolute;opacity:0;z-index:-1}.qq-upload-file.qq-editable{cursor:pointer}.qq-edit-filename-icon.qq-editable{display:inline-block;cursor:pointer}INPUT.qq-edit-filename.qq-editing{position:static;margin-top:-5px;margin-right:10px;margin-bottom:-5px;opacity:1}.qq-edit-filename-icon{display:none;background:url(../lib_npm/fine-uploader/fine-uploader/edit.gif);width:15px;height:15px;vertical-align:text-bottom;margin-right:5px}.qq-hide{display:none}.qq-uploader DIALOG{display:none}.qq-uploader DIALOG[open]{display:block}.qq-uploader DIALOG{display:none}.qq-uploader DIALOG[open]{display:block}.qq-uploader DIALOG .qq-dialog-buttons{text-align:center;padding-top:10px}.qq-uploader DIALOG .qq-dialog-buttons BUTTON{margin-left:5px;margin-right:5px}.qq-uploader DIALOG .qq-dialog-message-selector{padding-bottom:10px}.qq-uploader DIALOG::backdrop{background-color:rgba(0,0,0,.7)}/*# sourceMappingURL=fine-uploader.min.css.map */
.test-css {
    padding: 10px;
}

.product-grid h3.podnaslov {
    color: #c03;
    margin-bottom: 5px;
    font-size: 1rem;
}

.button-group-inline {
    display: flex;
    align-items: center;
    gap: 8px;
}

.button-group-inline .quick-view-button {
    margin: 0;
}

.button-group-inline .ajax-cart-button-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Keep homepage categories as one coherent strip with equal outer and inner gutters. */
.home-page-category-grid {
    box-sizing: border-box;
    padding: 30px 18px;
    background-color: #eee;
    background-image: none;
}

.home-page-b2c .home-page-category-grid {
    background: #eee url('../Themes/Traction/Content/img/category-pad.jpg') center top no-repeat;
}

.home-page-category-grid > .item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 18px;
    width: 100%;
    margin: 0;
}

/* The B2C background may bleed full width; its cards follow the theme content widths. */
.home-page-b2c .home-page-category-grid > .item-grid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media all and (min-width: 1025px) and (max-width: 1280px) {
    .home-page-b2c .home-page-category-grid > .item-grid {
        max-width: 980px;
    }
}

.home-page-category-grid > .item-grid::after {
    display: none;
}

.home-page-category-grid > .item-grid > .item-box {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0 !important;
}

.home-page-category-grid .category-item {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

.home-page-category-grid .picture {
    margin: 0;
}

.home-page-category-grid .picture img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.home-page-category-grid .title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    min-height: 0;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    overflow-wrap: anywhere;
}

.home-page-category-grid .title a {
    color: inherit;
}

@media all and (max-width: 480px) {
    .home-page-category-grid {
        padding: 20px 12px;
    }

    .home-page-category-grid > .item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .home-page-category-grid .title {
        padding: 7px 8px;
        font-size: 13px;
        line-height: 16px;
    }
}

@media all and (max-width: 340px) {
    .home-page-category-grid > .item-grid {
        grid-template-columns: 1fr;
    }
}

/* Move card copy about 3 mm up and right without changing the image dimensions. */
.product-grid .item-box .details {
    box-sizing: border-box;
    min-width: 0;
    margin-top: -12px;
    padding-right: 4px;
    padding-left: 12px;
}

.product-grid .item-box .product-title,
.product-grid .item-box .product-title a,
.product-grid .item-box .specs,
.product-grid .item-box .specs .key,
.product-grid .item-box .specs .val,
.product-grid .item-box .prices {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.product-grid .item-box .product-title {
    overflow: visible;
}

.product-grid .prices--business .b2b-price {
    display: grid;
    min-width: 0;
    gap: 3px 8px;
}

.product-grid .prices--business .b2b-price--single {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
}

.product-grid .prices--business .b2b-price--discount {
    grid-template-columns: minmax(0, 1fr);
}

.product-grid .prices--business .b2b-price__label {
    font-weight: bold;
}

.product-grid .prices--business .b2b-price__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 6px;
    margin-right: 0;
}

.product-grid .prices--business .b2b-price__final {
    min-width: 0;
    margin-right: 0;
    color: #c03;
    font-weight: bold;
    overflow-wrap: anywhere;
}

.product-grid .prices--business .b2b-price--single .b2b-price__final {
    text-align: right;
}

@media all and (max-width: 480px) {
    .product-grid .prices--business .b2b-price--single {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-grid .prices--business .b2b-price--single .b2b-price__final {
        text-align: left;
    }
}

/* Keep the desktop product actions visible without washing out the product image. */
.product-grid .item-box .add-info {
    right: 0;
    left: 0;
    width: auto;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
}

.product-grid .item-box .buttons {
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    text-align: center;
}

.product-grid .item-box .button-group-inline {
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.product-grid .item-box .button-group-inline .ajax-cart-button-wrapper {
    justify-content: center;
}

@media all and (max-width: 1024px) {
    .product-grid .item-box .add-info {
        width: calc(100% + 16px);
        margin-left: -12px;
    }
}

@media all and (min-width: 1025px) and (hover: hover) {
    .product-grid .item-box .product-title,
    .product-grid .item-box .sku,
    .product-grid .item-box .specs,
    .product-grid .item-box .prices {
        padding-left: 0;
    }

    .product-grid .item-box {
        transition: box-shadow .2s ease, transform .2s ease;
    }

    .product-grid .item-box:hover,
    .product-grid .ajax-cart-product-item-hover {
        box-shadow: 0 6px 18px rgba(23, 50, 77, .16), 0 0 0 1px rgba(204, 0, 51, .12);
        transform: translateY(-2px);
    }
}

tr.item-box.product-item {
    background-color: #ffffff;
}

tr.item-box.product-item.favorit {
    background-color: #eaf3fc;
}

tr.item-box.product-item > td {
    background-color: inherit;
}

tr.item-box.favorit:hover {
    background-color: #dbeafa;
}

/* ============================================
   FAVORITES - TOP RIGHT CORNER
   ============================================ */

.product-name-wrapper {
    display: block;
}

.favorite-toggle-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 1;
    z-index: 10;
}

tr.item-box .favorite-toggle-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    min-width: auto !important;
}

.favorite-star-icon {
    width: 18px;
    height: 18px;
    color: #ccc;
    transition: all 0.2s ease;
    display: block;
}

.favorite-star-icon.active {
    color: #ffd700;
    fill: #ffd700;
}

.favorite-toggle-btn:hover {
    transform: scale(1.2);
}

.favorite-toggle-btn:hover .favorite-star-icon:not(.active) {
    color: #ffa500;
}

.favorite-toggle-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.product-name-wrapper a {
    display: inline-block;
    max-width: 100%;
}

/* ============================================
   FAVORITES - PRODUCT BOX (GRID VIEW)
   ============================================ */

/* Make picture div relative for absolute positioning */
.product-item .picture {
    position: relative;
}

/* Star button in top right corner of image - ultra specific selectors */
.product-item .picture .favorite-box-btn,
.product-item .picture button.favorite-box-btn,
button.favorite-toggle-btn.favorite-box-btn {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease !important;
    line-height: 1 !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
}

/* SVG Star icon - make sure it's visible */
.favorite-box-btn svg.favorite-star-icon,
button.favorite-box-btn svg,
.product-item .picture svg.favorite-star-icon {
    width: 18px !important;
    height: 18px !important;
    color: #888 !important;
    stroke: #888 !important;
    fill: none !important;
    stroke-width: 2 !important;
    transition: all 0.2s ease !important;
    display: block !important;
    pointer-events: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Active (favorited) state - filled yellow star */
.favorite-box-btn svg.favorite-star-icon.active,
.favorite-box-btn svg.active {
    color: #ffd700 !important;
    stroke: #ffd700 !important;
    fill: #ffd700 !important;
}

/* Hover effects */
.favorite-box-btn:hover {
    transform: scale(1.15) !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.favorite-box-btn:hover svg.favorite-star-icon:not(.active),
.favorite-box-btn:hover svg:not(.active) {
    color: #ffa500 !important;
    stroke: #ffa500 !important;
}

/* Disabled state */
.favorite-box-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Focus state */
.favorite-box-btn:focus {
    outline: 2px solid #4a90e2 !important;
    outline-offset: 2px !important;
}

/* Highlight product box when favorite */
.product-item.favorit {
    /*outline: 2px solid #ffd700;*/
    outline-offset: -2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .product-item .picture .favorite-box-btn,
    button.favorite-toggle-btn.favorite-box-btn {
        width: 28px !important;
        height: 28px !important;
        top: 6px !important;
        right: 6px !important;
    }
    
    .favorite-box-btn svg.favorite-star-icon,
    .favorite-box-btn svg {
        width: 16px !important;
        height: 16px !important;
    }
}