@font-face {
    font-family: "Mark W01 Bold Italic";
    src: url("/Fonts/5423392/b0ab161f-4dc8-412e-8b6d-89a98e04c3e1.eot?#iefix");
    src: url("/Fonts/5423392/b0ab161f-4dc8-412e-8b6d-89a98e04c3e1.eot?#iefix") format("eot"),url("/Fonts/5423392/6e8e8927-5a98-49ae-9123-db1798ec6d92.woff2") format("woff2"),url("/Fonts/5423392/dbe0788d-533f-4e84-b346-1f68c19853f9.woff") format("woff"),url("/Fonts/5423392/8aac5d38-8e50-4940-8cd1-ac406f070279.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Bold";
    src: url("/Fonts/5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
    src: url("/Fonts/5423411/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"),url("/Fonts/5423411/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"),url("/Fonts/5423411/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"),url("/Fonts/5423411/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Medium Italic";
    src: url("/Fonts/5423428/95f11cc5-c68b-40e2-bc2a-530a0f3f7127.eot?#iefix");
    src: url("/Fonts/5423428/95f11cc5-c68b-40e2-bc2a-530a0f3f7127.eot?#iefix") format("eot"),url("/Fonts/5423428/a94b95d6-c02d-40c2-8579-15c27bc7ea8e.woff2") format("woff2"),url("/Fonts/5423428/66744afd-99d0-4790-bf4c-5712b05b98e8.woff") format("woff"),url("/Fonts/5423428/a2de3b36-8895-4e7a-93c4-3a072ca12d17.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Medium";
    src: url("/Fonts/5423451/36390511-9c88-42f2-890f-1ae4b1e7dd70.eot?#iefix");
    src: url("/Fonts/5423451/36390511-9c88-42f2-890f-1ae4b1e7dd70.eot?#iefix") format("eot"),url("/Fonts/5423451/72d3aeb4-7402-40d6-a945-34360316b980.woff2") format("woff2"),url("/Fonts/5423451/f17f16a9-09cc-4170-a039-5f47a4948438.woff") format("woff"),url("/Fonts/5423451/340db581-50b2-4783-8f40-db42ea764bda.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Italic";
    src: url("/Fonts/5423464/0a2d27e2-c1ab-4b62-9052-222538e9c9d8.eot?#iefix");
    src: url("/Fonts/5423464/0a2d27e2-c1ab-4b62-9052-222538e9c9d8.eot?#iefix") format("eot"),url("/Fonts/5423464/180febcd-caf1-4ffc-984b-bcc63860ce0b.woff2") format("woff2"),url("/Fonts/5423464/b418767a-243c-4ee6-b022-bedf3b1a8658.woff") format("woff"),url("/Fonts/5423464/8ac75167-e862-4750-a3e1-9e18a8a07195.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Regular";
    src: url("/Fonts/5423483/230b3c63-b497-421b-ae7d-182024bef8ac.eot?#iefix");
    src: url("/Fonts/5423483/230b3c63-b497-421b-ae7d-182024bef8ac.eot?#iefix") format("eot"),url("/Fonts/5423483/ec598369-4d91-4a16-9db3-6654f68d3c28.woff2") format("woff2"),url("/Fonts/5423483/90214997-3760-4b80-a23b-fec02ab55fac.woff") format("woff"),url("/Fonts/5423483/118e930e-1f56-4131-aee9-236212c0a10b.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Light Italic";
    src: url("/Fonts/5423542/6b7037f4-1d79-4c1d-98ac-88582ff8a377.eot?#iefix");
    src: url("/Fonts/5423542/6b7037f4-1d79-4c1d-98ac-88582ff8a377.eot?#iefix") format("eot"),url("/Fonts/5423542/63fdd036-2f81-483e-9ca9-d774353563af.woff2") format("woff2"),url("/Fonts/5423542/31c5860c-aba6-4531-ade5-1cf6f23ac71b.woff") format("woff"),url("/Fonts/5423542/368a1e82-428e-4a89-b49b-9475bfce6041.ttf") format("truetype");
}

@font-face {
    font-family: "Mark W01 Light";
    src: url("/Fonts/5423562/a8abc20c-6ce3-48be-b25e-41ae3c6e0379.eot?#iefix");
    src: url("/Fonts/5423562/a8abc20c-6ce3-48be-b25e-41ae3c6e0379.eot?#iefix") format("eot"),url("/Fonts/5423562/3d82d7a7-de70-4f67-85f4-78342de5fedb.woff2") format("woff2"),url("/Fonts/5423562/23acf083-b36e-4baf-aabc-4935a5c4bdce.woff") format("woff"),url("/Fonts/5423562/caf2b644-efc2-495e-af03-3b385d7de014.ttf") format("truetype");
}

html,
body {
    background-color: #ffffff;
    text-align: center;
    height: 100%;
}

body {
    padding-top: 114px;
}

html {
    height: 100%;
    color: #444444;
}

img {
    max-width: 100%;
}

div.header {
    background-color: #443738;
    border-bottom: 5px solid #3fc7f2;
    color: #ffffff;
    padding-top: 15px;
    position: fixed;
    width: 100%;
    z-index: 300;
    top: 0px;
}

    div.header div.container {
        position: static;
    }

    div.header a {
        color: #ffffff;
        text-decoration: none;
    }

    div.header div.logo img {
        margin-left: 10px;
        margin-right: 10px;
    }

    div.header a:hover,
    div.header a.active {
        text-decoration: none;
        color: #3fc7f2;
    }

    div.header div.toplinks {
        font-size: 30px;
        line-height: 35px;
    }

    div.header .searchform {
        display: inline-block;
        margin: 0px;
    }

.search {
    display: inline-block;
    position: relative;
    height: 28px;
    width: 28px;
    box-sizing: border-box;
    margin: 0px 8px 7px 0px;
    padding: 3px 9px 0px 9px;
    border: 5px solid #cd0954;
    top: -5px;
    border-radius: 25px;
    transition: all 200ms ease;
    cursor: text;
}

    .search:after {
        content: "";
        position: absolute;
        width: 5px;
        height: 18px;
        right: -7px;
        top: 13px;
        background: #cd0954;
        border-radius: 3px;
        transform: rotate(-45deg);
        transition: all 200ms ease;
    }

    .search.active,
    .search:hover {
        width: 200px;
        margin-right: 0px;
        height: 35px;
        margin: 0px;
    }

        .search.active:after,
        .search:hover:after {
            height: 0px;
        }

    .search input {
        width: 100%;
        border: none;
        box-sizing: border-box;
        font-family: Helvetica;
        font-size: 15px;
        color: inherit;
        background: transparent;
        outline-width: 0px;
        margin: 0px;
        padding: 0px;
        color: #ffffff;
    }

        .search input:active,
        .search input:focus {
            outline: none;
            border: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #ffffff;
        }

div.header div.mobilenav,
div.header div.mobilesearch,
div.header div.topnav ul.nav > li.mobile {
    display: none;
}

div.header div.topnav {
    text-align: right;
}

    div.header div.topnav ul.nav {
        margin: 0px;
        margin-top: 18px;
        display: flex;
        justify-content: space-evenly;
    }

        div.header div.topnav ul.nav > li {
            display: inline-block;
            font-size: 15px;
            line-height: 20px;
            margin-left: 20px;
            margin-bottom: 0px;
            padding-bottom: 15px;
        }

        div.header div.topnav ul.nav li.active {
            background-position: 50% bottom;
            background-repeat: no-repeat;
            background-image: url(/images/arrow.jpg);
        }

            div.header div.topnav ul.nav li.active > a {
                color: #3fc7f2;
            }

        div.header div.topnav ul.nav > li > a {
            text-transform: uppercase;
        }

        div.header div.topnav ul.nav > li a {
            cursor: pointer;
        }

div.header div.dropdown {
    display: none;
    position: absolute;
    left: 0px;
    text-align: center;
    z-index: 1000;
    background-color: #7ac143;
    width: 100%;
    margin-top: 20px;
    color: #ffffff;
}

    div.header div.dropdown.visible {
        display: block;
    }

    div.header div.dropdown h2 {
        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    div.header div.dropdown a.close {
        float: right;
        margin-left: 5px;
        margin-top: 0px;
        margin-right: 8px;
        line-height: 30px;
        font-size: 30px;
        cursor: pointer;
        position: relative;
        z-index: 800
    }

    div.header div.dropdown li {
        display: inline-block;
    }

    div.header div.dropdown p {
        margin-bottom: 10px;
    }

        div.header div.dropdown p br {
            display: none;
        }

    div.header div.dropdown form {
        text-align: left;
    }

    div.header div.dropdown input[type='text'] {
        border: none;
        height: 50px;
        line-height: 50px;
        text-indent: 10px;
        display: inline-block;
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px;
        float: left;
    }

    div.header div.dropdown input[type='submit'] {
        width: 23%;
        margin: 15px;
        margin-left: 1%;
        margin-right: 1%;
        background-color: #cd0954;
        float: left;
        font-size: 17px;
        font-family: "Mark W01 Bold";
    }

    div.header div.dropdown input[type='text'].third {
        width: 31%;
    }

    div.header div.dropdown input[type='text'].wide {
        width: 48%;
    }

    div.header div.dropdown input[type='text'].xwide {
        width: 72%;
    }

    div.header div.dropdown br.break {
        display: none;
    }

    div.header div.dropdown p.bottom {
        clear: both;
        text-align: left;
        margin-left: 1%;
        margin-right: 1%;
    }

        div.header div.dropdown p.bottom a {
            margin-right: 15px;
        }

    div.header div.dropdown .mobileonly {
        display: none;
    }

div.footer {
    background-color: #443738;
    position: relative;
    text-align: left;
    color: #ffffff;
    font-size: 11px;
    line-height: 14px;
}

    div.footer div.container {
        background-image: url(/images/footerbg.png);
        background-position: right 50%;
        background-repeat: no-repeat;
        background-size: contain;
        padding-bottom: 15px;
        padding-top: 15px;
        clear: left;
    }

    div.footer div.three.columns {
        border-right: 1px solid #ffffff;
        margin-right: 9px;
    }

        div.footer div.three.columns p {
            margin-bottom: 10px;
        }

    div.footer h3 {
        color: #ffffff;
        font-size: 15px;
        text-transform: uppercase;
    }

    div.footer a {
        color: #ffffff;
    }

    div.footer div.nine a {
        margin-right: 10px;
    }

    div.footer div.gradient div {
        width: 25%;
        float: left;
        display: block;
        height: 5px;
    }

        div.footer div.gradient div.pink {
            background-color: #cd0954;
        }

        div.footer div.gradient div.blue {
            background-color: #3fc7f2;
        }

        div.footer div.gradient div.brown {
            background-color: #925041;
        }

        div.footer div.gradient div.green {
            background-color: #7ac143;
        }

    div.footer span.fas,
    div.footer span.far {
        font-size: 18px;
        margin-right: 10px;
    }

div.top {
    display: none;
}

div.tagline {
    background-color: #7ac143;
    padding-top: 20px;
    padding-bottom: 20px;
}

    div.tagline img {
        margin-left: 40px;
        margin-right: 40px;
    }

span.fas.red {
    color: #cd0954;
}

span.fas.blue,
span.far.blue {
    color: #3fc7f2;
}

span.fas.green {
    color: #7ac143;
}

div.gdpr {
    overflow: hidden;
    position: fixed;
    width: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    height: auto;
    max-height: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #3fc7f2;
    color: #ffffff;
    z-index: 2000;
}

    div.gdpr p {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        margin: 0px;
    }

        div.gdpr p a {
            color: #ffffff;
        }

    div.gdpr a.close {
        color: #ffffff;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 20px;
        text-decoration: none;
    }

    div.gdpr.visible {
        max-height: 1000px;
    }

/* Home Page Styles */
div.herobanner.home div.container {
    transform: translate(-50%,0);
    bottom: 10px;
    top: unset
}

div.herobanner.home h1 {
    color: #ffffff;
    font-size: 45px;
    font-family: "Mark W01 Bold";
}

div.brands h2 {
    color: #54585a;
    font-size: 34px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
}

div.brands img.hover {
    display: none;
}

div.brands a:hover img.brand {
    display: none;
}

div.brands a:hover img.hover {
    display: inline-block;
}

div.brands a.two:nth-child(5n+1) {
    margin-left: 0px;
    clear: left;
}

div.brands a.two:nth-child(5n) {
    margin-right: 0px;
}

hr.shadeOLD:before {
    height: 30px;
    background-color: #ffffff;
    display: block;
    width: 100%;
    position: absolute;
    content: "";
    margin-top: -30px;
    left: 0px;
}

hr.shade {
    background-image: url(/images/divider.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 25px;
    margin-bottom: 15px;
    height: 40px;
    border: none;
}

div.featured {
    padding-top: 20px;
    clear: both;
}

    div.featured h2 {
        color: #54585a;
        font-size: 34px;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    div.featured div.product {
        margin-bottom: 30px;
    }

        div.featured div.product p.name {
            font-size: 17px;
            margin-bottom: 10px;
        }

        div.featured div.product p.price {
            color: #7ac143;
            font-size: 26px;
            font-family: "Mark W01 Bold";
            margin-bottom: 10px;
        }

    div.featured a.fas {
        display: none;
    }

/* Category page styles */
div.category-page {
    margin-bottom: 35px;
}

    div.category-page div.cat {
        margin-top: 35px;
    }

    div.category-page div.category {
        margin-bottom: 25px;
    }

        div.category-page div.category img.hover {
            display: none;
        }

        div.category-page div.category:hover img.image {
            display: none;
        }

        div.category-page div.category:hover img.hover {
            display: inline-block;
        }

div.subcat div.product:nth-child(4n+1) {
    clear: left;
}

div.herobanner.cat {
    background-color: #007549;
}

    div.herobanner.cat h1 {
        color: #ffffff;
        font-size: 41px;
        line-height: 45px;
        font-weight: bold;
        font-family: "Mark W01 Bold";
        text-indent: 4%;
    }

div.prodcrumbs {
    float: left;
    font-size: 17px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

    div.prodcrumbs a {
        text-decoration: none;
    }

        div.prodcrumbs a:hover {
            text-decoration: underline;
        }

div.sortby {
    float: right;
    margin-top: 20px;
}

    div.sortby label,
    div.sortby select {
        display: inline-block;
        font-size: 15px;
        margin-right: 6px;
        margin-bottom: 0px;
    }

    div.sortby form {
        margin: 0px;
    }

div.subcat {
    clear: both;
    padding-top: 10px;
}

    div.subcat div.product {
        margin-bottom: 25px;
    }

        div.subcat div.product img {
            margin-bottom: 10px;
        }

        div.subcat div.product p.name {
            font-size: 17px;
            margin-bottom: 10px;
        }

        div.subcat div.product p.price {
            color: #7ac143;
            font-size: 26px;
            font-family: "Mark W01 Bold";
            margin-bottom: 10px;
        }

/* Product Page Styles */
div#productItem {
    clear: both;
}

div.productContent {
    text-align: left;
}

    div.productContent h1 {
        color: #7ac143;
        font-size: 34px;
        line-height: 35px;
        margin-top: 15px;
        margin-bottom: 0px;
        font-family: "Mark W01 Bold";
    }

    div.productContent h3 {
        font-size: 15px;
    }

div.productBottom {
    margin-top: 10px;
}

div.productQuantity {
    margin-top: 15px;
    clear: left;
}

    div.productQuantity td {
        vertical-align: middle;
        padding-right: 5px;
    }

        div.productQuantity td input {
            margin: 0px;
            width: 80px;
        }

div.productOrder {
    clear: left;
    margin-top: 25px;
}

div.productContent div.productOrder .btn {
    background-color: #cd0954;
    font-size: 17px;
    font-family: "Mark W01 Bold";
}

div.productContent div.shipstatus span {
    margin-left: 8px;
}

div.related {
    clear: both;
    padding-top: 25px;
}

    div.related h3 {
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

div.catProductsItem div.product {
    margin-bottom: 25px;
}

    div.catProductsItem div.product img {
        margin-bottom: 10px;
    }

    div.catProductsItem div.product p.name {
        font-size: 17px;
        margin-bottom: 10px;
    }

    div.catProductsItem div.product p.price {
        color: #7ac143;
        font-size: 26px;
        font-family: "Mark W01 Bold";
        margin-bottom: 10px;
    }

        div.catProductsItem div.product p.price a {
            color: #7ac143;
        }

    div.catProductsItem div.product a {
        text-decoration: none;
    }

/* Cart Page Styles */
table.cartTable {
    width: 100%;
    margin-top: 35px;
}

    table.cartTable tr td:first-child {
        border-left: 2px solid #3cc7f3;
    }

    table.cartTable tr td:last-child {
        border-right: 2px solid #3cc7f3;
    }

    table.cartTable tr td:nth-child(2) {
        text-align: left;
        position: relative;
    }

    table.cartTable tr.cartHeader th {
        background-color: #3cc7f3;
        color: #ffffff;
        font-size: 15px;
        height: 45px;
        line-height: 45px;
        font-family: "Mark W01 Medium";
    }

    table.cartTable td {
        font-size: 15px;
        vertical-align: middle;
        height: 150px;
    }

    table.cartTable a.remove {
        display: inline-block;
        right: -15px;
        position: relative;
        z-index: 150;
    }

    table.cartTable td input {
        margin: 0px;
    }

    table.cartTable td img.preview {
        position: absolute;
        top: 0px;
    }

    table.cartTable td div.iteminfo {
        margin-left: 145px;
    }

div.cart-bottom div.subtotal {
    background-color: #3cc7f3;
    color: #ffffff;
    font-size: 17px;
    text-align: right;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: "Mark W01 Medium";
}

div.cart-bottom div.buttons {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
}

    div.cart-bottom div.buttons a.button {
        color: #ffffff;
        margin-right: 15px;
    }

    div.cart-bottom div.buttons a.checkout {
        float: right;
        background-color: #cd0954;
        margin: 0px;
    }

div.herobanner.cart {
    background-color: #d7d7d7;
}

    div.herobanner.cart h1 {
        color: #443738;
        font-size: 41px;
        font-weight: bold;
        font-family: "Mark W01 Bold";
    }

/* Login Page Styles */
body.loginpage {
    background-color: #443638;
    background-image: url(/images/splash.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
}

    body.loginpage div.container {
        height: 100%;
    }

div.login div.six.columns {
    background-color: #f0f0f0;
    transform: translate(0,-50%);
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

div.login img.two {
    margin-bottom: 15px;
}

div.login table.login {
    width: 100%;
    margin-top: 30px;
}

    div.login table.login td {
        padding-left: 15px;
        padding-right: 15px;
    }

        div.login table.login td input {
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0px;
            text-indent: 10px;
        }

        div.login table.login td.bottom {
            text-align: right;
            padding-bottom: 15px;
        }

            div.login table.login td.bottom input,
            div.login table.login td.bottom label {
                float: left;
                width: auto;
                height: 16px;
                line-height: 16px;
            }

    div.login table.login input.submit {
        background-color: #cd0954;
        width: 50%;
        font-size: 22px;
    }

div.login div.indicators {
    clear: both;
    color: #7ac143;
}

    div.login div.indicators a {
        color: #7ac143;
        text-decoration: none;
        line-height: 30px;
        font-size: 18px;
        font-family: "Mark W01 Bold";
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

        div.login div.indicators a.current {
            border-bottom: 2px solid #7ac143;
        }

div.registered {
    clear: left;
}

    div.registered h3 {
        color: #7ac143;
        font-family: "Mark W01 Bold";
        font-size: 22px;
        line-height: 28px;
    }

    div.registered p {
        font-size: 15px;
        line-height: 18px;
        color: #959595;
    }

/* Account Page Styles */
div.account-page {
    margin-top: 30px;
    margin-bottom: 20px;
}

    div.account-page div.wrapper {
        border: 2px solid #3cc7f3;
        clear: both;
    }

        div.account-page div.wrapper div.panel {
            display: none;
        }

    div.account-page div.rule {
        margin-bottom: 3px;
    }

    div.account-page div.wrapper div.panel.visible {
        display: block;
    }

    div.account-page div.wrapper h1 {
        color: #ffffff;
        font-size: 20px;
        background-color: #3cc7f3;
        margin-bottom: 0px;
        text-align: left;
        text-indent: 10px;
    }

    div.account-page div.wrapper a.openclose {
        float: right;
        background-color: #ffffff;
        color: #3cc7f3;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 18px;
        font-size: 35px;
        text-decoration: none;
        font-family: "Mark W01 Bold";
        border-radius: 30px;
        margin-top: 10px;
        margin-right: 10px;
        cursor: pointer;
    }

    div.account-page div.wrapper div.alpha {
        margin-right: 8px;
    }

    div.account-page div.wrapper div.omega {
        margin-left: 8px;
    }

    div.account-page div.wrapper div.notice {
        text-align: left;
        margin-top: 15px;
        padding-top: 35px;
        padding-bottom: 35px;
        margin-left: 7px;
        border-left: 1px solid #eeeeee;
    }

    div.account-page div.notice p {
        margin-left: 15px;
        margin-right: 15px;
    }

    div.account-page table.orders {
        width: 100%;
    }

        div.account-page table.orders td,
        div.account-page table.orders th {
            padding-top: 8px;
            padding-bottom: 8px;
            width: 50%;
        }

        div.account-page table.orders tr:nth-child(2n) {
            background-color: #eeeeee;
        }

        div.account-page table.orders div.orderview {
            display: none;
            position: fixed;
            background-color: #ffffff;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            padding: 15px;
            border: 1px solid #888888;
            z-index: 150;
            -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5);
        }

            div.account-page table.orders div.orderview.visible {
                display: block;
            }

            div.account-page table.orders div.orderview h2 {
                color: #7ac143;
                font-size: 28px;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            div.account-page table.orders div.orderview a.close {
                float: right;
                color: #d7d7d7;
                margin-left: 5px;
                margin-top: 0px;
                line-height: 24px;
                font-size: 24px;
                cursor: pointer;
                text-decoration: none;
            }

        div.account-page table.orders table.details th {
            background-color: #7ac143;
            color: #ffffff;
        }

        div.account-page table.orders table.details td,
        div.account-page table.orders table.details th {
            padding: 6px;
            vertical-align: middle;
        }

            div.account-page table.orders table.details th:first-child,
            div.account-page table.orders table.details td:first-child {
                width: 120px;
            }

    div.account-page table.details tr:nth-child(2n) {
        background-color: #ffffff;
    }

    div.account-page table.details tr:nth-child(2n+1) {
        background-color: #eeeeee;
    }

    div.account-page table.orders table.details p,
    div.account-page table.orders table.details a {
        margin: 0px;
        text-decoration: underline;
    }

    div.account-page table.orders a.showhide {
        cursor: pointer;
        display: block;
    }

    div.account-page table.accountwrap {
        width: 100%;
    }

    div.account-page table.accountform {
        width: 100%;
    }

        div.account-page table.accountform td {
            vertical-align: middle;
            padding: 5px;
            text-align: left;
        }

        div.account-page table.accountform tr.headerrow td {
            text-align: center;
        }

        div.account-page table.accountform td:first-child {
            text-align: right;
            font-family: "Mark W01 Bold";
        }

        div.account-page table.accountform table td {
            text-align: left !important;
        }

        div.account-page table.accountform label {
            display: inline-block;
        }

        div.account-page table.accountform input,
        div.account-page table.accountform select {
            margin: 0px;
        }

        div.account-page table.accountform td .submit {
            background-color: #cd0954;
            min-width: 100px;
            margin-bottom: 15px;
            font-family: "Mark W01 Bold";
        }

/* Content Styles */
div.herobanner {
    text-align: center;
    position: relative;
}

    div.herobanner img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    div.herobanner div.container {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        text-align: left;
        z-index: 250;
    }

div.static {
    padding-top: 25px;
    text-align: left;
}

/* Checkout Page -------------------------------*/

div.checkout {
    text-align: center;
}

    div.checkout div.checkbox {
        border-left: 2px solid #3cc7f3;
        border-right: 2px solid #3cc7f3;
        border-top: 50px solid #3cc7f3;
        border-bottom: 50px solid #3cc7f3;
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
        text-align: right;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        div.checkout div.checkbox br {
            clear: both;
            display: block;
        }

        div.checkout div.checkbox div,
        div.checkout div.checkbox table,
        div.checkout div.checkbox h1,
        div.checkout div.checkbox h2,
        div.checkout div.checkbox h3,
        div.checkout div.checkbox p {
            text-align: left;
        }

    div.checkout table input {
        display: inline;
    }

    div.checkout form {
        text-align: left;
    }

    div.checkout div.choose {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    }

    div.checkout .button,
    div.checkout input[type='submit'] {
        background-color: #cd0954;
        font-size: 17px;
        font-family: "Mark W01 Bold";
        color: #ffffff;
        clear: both;
    }

    div.checkout table.radio input[type='radio'],
    div.checkout table.countryradio input[type='radio'] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    div.checkout table.radio td {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    div.checkout table.countryradio td {
        display: block;
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    div.checkout table.radio label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 26px;
        width: 26px;
        background-color: #eee;
        border: 1px solid #444444;
        border-radius: 25px;
        cursor: pointer;
    }

    div.checkout table.countryradio label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border-radius: 18px;
        cursor: pointer;
    }

    div.checkout table.radio label:after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        height: 20px;
        width: 20px;
        background-color: #444444;
        border-radius: 20px;
        display: none;
    }

    div.checkout table.countryradio label:after {
        content: "";
        position: absolute;
        top: 6px;
        left: 6px;
        height: 8px;
        width: 8px;
        background-color: #ffffff;
        border-radius: 18px;
        display: none;
    }

    div.checkout table.countryradio input:checked ~ label:before {
        background-color: #3cc7f3;
        border-color: #3cc7f3;
    }

    div.checkout table.radio input:checked ~ label:after,
    div.checkout table.countryradio input:checked ~ label:after {
        display: block;
    }

    div.checkout tr.headerrow td.content {
        width: auto;
    }

    div.checkout span.addressheader {
        font-size: 18px;
        font-weight: bold;
        display: block;
        margin-bottom: 12px;
        text-align: left;
    }

table.shopts {
    margin-bottom: 15px;
}

table.payment td.date select {
    width: 60px;
}

div.checkout table.address {
    font-size: 14px;
    margin-bottom: 20px;
}

    div.checkout table.address td:first-child,
    div.checkout table.payment td:first-child {
        padding-right: 10px;
    }

    div.checkout table.address input {
        width: 250px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        div.checkout table.address input[type="radio"],
        div.checkout table.address input[type="checkbox"] {
            width: auto;
            display: inline;
        }

div.checkout select {
    display: inline-block;
}

div.checkout label {
    display: inline;
}

div.checkout table.address td.longbox input {
    width: 520px;
}

div.checkout table.address td.shortbox input {
    margin-right: 3px;
}

div.checkout table.cartTable td.content {
    vertical-align: top;
    padding-bottom: 0px;
}

div.checkout table.shipopts td {
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
}

select.shipselect {
    width: 46px;
    display: inline;
    text-align: center;
    font-weight: bold;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
}

select.addrddl {
    float: left;
    margin-right: 5px;
}

div.checkout span.validation {
    color: #ff0000;
    font-size: 11px;
    font-weight: bold;
    margin-left: 4px;
    display: block;
    margin-bottom: 10px;
}

    div.checkout span.validation.csv {
        display: inline-block;
    }

table.prodallocate {
    width: 100%;
    margin-bottom: 25px;
}

    table.prodallocate tr th {
        vertical-align: top;
        color: #555555;
        font-weight: bold;
        font-size: 15px;
        border-bottom: 1px solid #777777;
        text-align: center;
    }

        table.prodallocate tr th.firstcol {
            text-align: left;
            width: 500px;
        }

    table.prodallocate tr td {
        vertical-align: middle;
        color: #777777;
        font-size: 14px;
        border-bottom: 1px solid #999999;
    }

        table.prodallocate tr td.boxcol {
            text-align: center;
        }

            table.prodallocate tr td.boxcol input {
                width: 60px;
                margin: 0px;
            }

table.review table {
    margin-right: 15px;
}

div.checkout table.cartTable tr.cartHeader th {
    background-color: transparent;
    color: #443738;
    height: auto;
    line-height: 20px;
}

div.checkout table.cartTable tr td {
    height: 30px;
}

    div.checkout table.cartTable tr td:first-child,
    div.checkout table.cartTable tr td:last-child {
        border: none;
    }

/* Search results styles */
div.blendedSearchMain div.left {
    text-align: left;
}

.search-facet {
    margin-bottom: 10px;
}

    .search-facet ul {
        margin: 0px;
    }

div.searchResults div.catProductsItem {
    text-align: center;
}

    div.searchResults div.catProductsItem:nth-child(4n+1) div.product {
        clear: left;
        margin-left: 0px;
    }

    div.searchResults div.catProductsItem:nth-child(4n) div.product {
        margin-right: 0px;
    }

ul#sayt-menu {
    -webkit-box-shadow: 8px 8px 10px 0px rgba(138,33,49,1);
    -moz-box-shadow: 8px 8px 10px 0px rgba(138,33,49,1);
    box-shadow: 8px 8px 10px 0px rgba(138,33,49,1);
    padding-bottom: 10px;
}

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

ul.ui-menu {
    background-color: #ffffff;
    position: absolute !important;
    padding-top: 10px;
}

li.sayt-product-content span.sayt-content {
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}

li.sayt-product-content img {
    max-width: 40px;
    float: left;
    margin-right: 10px;
}

span.ui-product-header {
    display: block;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    line-height: 26px;
}

ul.ui-menu li.ui-menu-item:first-child span.sayt-content {
    font-size: 18px;
    margin-top: 10px;
    cursor: pointer;
}

ul.ui-menu li.ui-menu-item {
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    clear: left;
    cursor: pointer;
}

div.navtoplogo {
    display: block;
    text-align: left;
}

ul.navigation.one.column .one.column {
    margin-left: 0px;
    margin-right: 0px;
}

div.header div.padbottom div.toplinks {
    padding-top: 20px;
    padding-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    div.header div.topnav ul.nav > li a {
        font-size: 13px;
    }
}

/*	#Mobile (Portrait) 
================================================== */

@media only screen and (max-width: 768px) {
    body {
        padding-top: 60px;
    }

    div.header {
        padding-bottom: 10px;
    }

        div.header div.mobilenav {
            display: inline-block;
            float: left;
            width: 30%;
            height: 30px;
            text-align: left;
        }

            div.header div.mobilenav a {
                display: inline-block;
                width: 30px;
                font-size: 30px;
                line-height: 30px;
                color: #ffffff;
                cursor: pointer;
            }

        div.header div.mobilesearch {
            display: inline-block;
        }

            div.header div.mobilesearch a {
                color: #cd0954;
                cursor: pointer;
            }

        div.header form.searchform {
            display: none;
            position: absolute;
            width: 100%;
            background-color: #3fc7f2;
            left: 0;
            margin-top: 10px;
        }

            div.header form.searchform.open {
                display: block;
            }

    label.search::after {
        content: none;
    }

    div.header label.search {
        border-radius: 0;
        border: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        height: 50px;
        top: 0px;
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    div.header .search input {
        margin: 0px;
        padding: 0px;
        background-color: #ffffff;
        height: 32px;
        border-radius: 0px;
        top: 8px;
        position: relative;
        color: #777777;
        text-indent: 10px;
    }

    div.header div.container div.logo {
        width: 30%;
        float: left;
    }

    div.header div.topnav ul.nav {
        overflow: hidden;
        position: fixed;
        left: 0px;
        height: 100%;
        background-color: #ffffff;
        width: 0;
        top: 0;
        margin: 0;
        transition: all 200ms ease;
        color: #443737;
        text-align: left;
    }

        div.header div.topnav ul.nav.open {
            display: block;
            width: 100%;
        }

        div.header div.topnav ul.nav > li.mobile {
            display: block;
            border-bottom: none;
            margin-top: 15px;
            padding-bottom: 35px;
        }

            div.header div.topnav ul.nav > li.mobile div.logo {
                width: 90px;
            }

    div.header li.mobile div.navclose {
        display: inline-block;
        float: left;
        width: 30%;
        height: 30px;
        text-align: left;
    }

        div.header li.mobile div.navclose a {
            display: inline-block;
            width: 30px;
            font-size: 30px;
            line-height: 30px;
            color: #443737;
            cursor: pointer;
        }

    div.header div.topnav ul.nav > li {
        display: block;
        border-bottom: 1px solid #c7c7c7;
        margin-bottom: 15px;
        clear: left;
    }

    div.header div.topnav ul.nav li.active {
        background-image: none;
    }

    div.header div.topnav ul.nav > li a {
        color: #443737;
    }

    div.header div.container div.topnav {
        float: right;
        width: auto;
    }

    div.header div.toplinks {
        font-size: 25px;
        margin-top: -5px;
    }

    div.header div.dropdown p br {
        display: block;
    }

    div.footer div.three.columns {
        border: none;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ffffff;
    }

    body div.footer div.container {
        background: none;
    }

    div.featured a.fas {
        background-repeat: no-repeat;
        min-height: 50px;
        margin-top: 150px;
        cursor: pointer;
        float: left;
        color: #925041;
        font-size: 40px;
        text-decoration: none;
        display: inline-block;
    }

    div.featured div.wrapper {
        overflow: hidden;
        white-space: nowrap;
        font-size: 0;
        float: left;
        display: inline-block;
        width: 250px;
    }

    div.container div.featured div.wrapper,
    div.container div.featured div.product {
        width: 250px;
    }

    div.featured div.product {
        display: inline-block;
        float: none;
    }

    div.top {
        background-color: #3fc7f2;
        display: block;
        height: 45px;
        width: 45px;
        border-radius: 45px;
        position: fixed;
        bottom: 5px;
        right: 5px;
        z-index: 600;
        color: #ffffff;
        cursor: pointer;
    }

        div.top span:first-child {
            font-size: 35px;
            line-height: 24px;
        }

        div.top span:last-child {
            display: block;
            font-size: 16px;
            text-transform: uppercase;
            position: relative;
            top: -12px;
        }

    div.homebrands a.two.columns {
        width: 30%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    div.brands a.two:nth-child(5n+1) {
        clear: none;
    }

    div.homebrands a.two.columns:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
    }

    div.homebrands a.two.columns:nth-child(3n) {
        margin-right: 0px;
    }

    div.herobanner {
        overflow: hidden;
        height: 260px;
        text-align: left;
    }

        div.herobanner div.container h1 {
            display: none;
        }

        div.herobanner img {
            left: -475px;
            position: relative;
            max-width: unset;
            width: auto;
            max-height: 100%;
            margin-left: auto;
        }

        div.herobanner.home img {
            left: -135px;
        }

        div.herobanner.home div.container h1 {
            display: block;
        }

        div.herobanner.cart {
            height: 140px;
        }

            div.herobanner.cart img {
                left: -625px;
                height: 100%;
            }

    div.header div.dropdown.visible {
        position: fixed;
        z-index: 600;
        width: auto;
        left: 50%;
        top: 50%;
        padding: 10px;
        transform: translate(-50%,-50%);
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.5);
    }

    div.header div.dropdown ul.navigation li {
        width: 33%;
    }

    div.overlay.cover {
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 100;
        background-color: rgba(0,0,0,0.25);
    }

    div.header div.overlay.cover {
        position: absolute;
        padding-top: 5px;
    }

    div.header div.dropdown h2 {
        margin-left: 5%;
        margin-right: 5%;
        line-height: 30px;
    }

    div.header div.topnav ul.nav div.dropdown a.close {
        color: #ffffff;
        margin-right: 10px;
    }

    div.header div.topnav br.break {
        display: block;
    }

    div.header div.topnav ul.nav > li p a {
        margin: 0px;
        color: #ffffff;
    }

    div.header div.dropdown .mobileonly {
        display: block;
        clear: both;
        top: -20px;
        position: relative;
        text-transform: uppercase;
        font-size: 18px;
        font-family: "Mark W01 Bold";
        z-index: 20;
    }

    div.header div.dropdown div.container p {
        margin-left: 5%;
        margin-right: 5%;
        color: #ffffff;
        width: auto;
    }

    div.header div.dropdown input[type="text"],
    div.header div.dropdown input[type="text"].wide,
    div.header div.dropdown input[type="submit"],
    div.header div.dropdown input[type="text"].xwide,
    div.header div.dropdown input[type="text"].third {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    div.container div.cartWrapper table.cartTable td {
        display: inline-block;
    }

    div.container div.cartWrapper table.cartTable th {
        font-size: 0px;
    }

    table.cartTable a.remove {
        width: 30px;
        height: 30px;
    }

    table.cartTable td input {
        display: inline-block;
        margin-top: 20px;
    }

    table.cartTable td div.iteminfo {
        top: 50%;
        position: relative;
        transform: translate(0%,-50%);
    }

    table.cartTable td {
        height: 135px;
    }

    table.cartTable tr td:first-child {
        width: 0px;
    }

    table.cartTable tr td:nth-child(2) {
        width: 296px;
        border-right: 2px solid #3cc7f3;
    }

    table.cartTable tr td:nth-child(3) {
        width: 98px;
        border-left: 2px solid #3cc7f3;
        height: 60px;
    }

    table.cartTable tr td:nth-child(4) {
        width: 100px;
        height: 60px;
        line-height: 60px;
    }

    table.cartTable tr td:last-child {
        height: 60px;
        line-height: 60px;
        width: 98px;
    }

    table.cartTable a.remove {
        right: 0;
    }

    div.login img.two.columns {
        margin-left: 80px;
        margin-right: 80px;
        width: 140px;
    }

    div.account-page div.wrapper div.alpha {
        margin: 0px;
    }

    div.account-page div.wrapper div.notice {
        margin-left: 0px;
        border: none;
    }

    div.account-page table.accountform input,
    div.account-page table.accountform select,
    div.account-page table.accountform textarea {
        width: 160px;
    }

        div.account-page table.accountform input[type="radio"] {
            width: auto;
            margin-right: 5px;
        }

    div.account-page table.accountform .submit {
        width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    div.account-page div.wrapper div.notice {
        padding-top: 0px;
        margin-top: 0px;
        padding-bottom: 10px;
    }

    div.searchResults div.catProductsItem div.product.two.columns {
        width: 48%;
    }

    div.searchResults div.catProductsItem:nth-child(2n+1) div.product.two.columns {
        margin-right: 2%;
        clear: left;
    }

    div.searchResults div.catProductsItem:nth-child(2n) div.product.two.columns {
        margin-left: 2%;
    }
}


/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    table.cartTable tr td:nth-child(2) {
        width: 416px;
    }

    table.cartTable tr td:nth-child(3) {
        width: 138px;
    }

    table.cartTable tr td:nth-child(4) {
        width: 140px;
    }

    table.cartTable tr td:last-child {
        width: 138px;
    }

    div.herobanner img {
        left: -110px;
    }

    div.herobanner div.container h1 {
        width: auto;
        text-align: center;
    }
}



/*SAYT*/


/*SAYT*/
.searchResults {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    display: grid;
}

.container .product.one-third.column {
    width: unset;
}

ul.ui-menu {
    background-color: #ffffff;
    position: absolute !important;
    padding-top: 10px;
}

    ul.ui-menu li.ui-menu-item {
        margin-left: 15px;
        margin-right: 15px;
        text-align: left;
        clear: left;
    }

a.ui-menu-item-wrapper {
    display: flex;
    align-items: center;
    color: black;
}