/* Minification failed. Returning unminified contents.
(4690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#product'
 */
/********* Defaults **********
 ****  ***** *****  ***  *   * *     *****
 *   * *     *     *   * *   * *       *
 *   * ***   ***   ***** *   * *       *
 *   * *     *     *   * *   * *       *
 ****  ***** *     *   *  ***  *****   *
*/

/* resets */
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

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

.clearfix::after, .clearfix::before {
    content: "";
    display: table
}

.clearfix::after {
    clear: both
}

.hidden {
    display: none;
}

html {
    min-height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important
}

html, body, img {
    border: 0;
}

body {
    font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    color: #2e2c2c;
    overflow-x: hidden;
}

h1, h2, h3, h4 {
    margin: 10px 0 10px;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #c71d21;
    text-decoration: none;
}

    a:hover {
        color: #8a1417;
        text-decoration: none
    }

    a:focus, a:active {
        color: #8a1417;
    }

label {
    line-height: 1.5em;
}

/* form objects */
input, select, textarea {
    font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
}

    input[type="text"], input[type="search"], input[type="email"], input[type="password"], select, textarea {
        font-size: 14px;
        padding: 6px;
        border: 1px solid #ccc;
        margin: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    input[type="image"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    input[type="text"], input[type="search"], input[type="email"], textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        input[type="text"]:hover, select:hover, textarea:hover {
            font-size: 14px;
            background: #eee;
        }

    input[type="radio"] {
        width: 20px;
        height: 20px;
    }

.checkboxFive {
    width: 25px;
    margin: 20px 100px;
    position: relative;
}

    .checkboxFive label {
        cursor: pointer;
        position: absolute;
        width: 25px;
        height: 25px;
        top: 0;
        left: 0;
        background: #eee;
        border: 1px solid #ddd;
    }

        .checkboxFive label:after {
            opacity: 0.2;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 6px;
            left: 7px;
            border: 3px solid #c71d21;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg);
        }

        .checkboxFive label:hover::after {
            opacity: 0.5;
        }

    /**
 * Create the checkbox state for the tick
 */
    .checkboxFive input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

/*input[type="text"]:focus, input[type=�text�]:hover {
  font-size: 16px;
  background: #eee;
}
input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
input{line-height:normal}
input[type=search]{-webkit-box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type=search]:-webkit-search-decoration{-webkit-appearance:none}
*/

.required::after {
    content: "*";
    font-weight: bold;
    color: red;
    margin-left: 5px;
}


.required.over18::after {
    content: "";
}


/* password strength */
.strength_meter {
    float: left;
    margin-left: 10px;
}

    .strength_meter .veryweak, .strength_meter .weak {
        color: #fff;
        background-color: red;
        padding: 6px;
    }

    .strength_meter .medium {
        color: #fff;
        background-color: orange;
        padding: 6px;
    }

    .strength_meter .strong {
        color: #fff;
        background-color: green;
        padding: 6px;
    }

/* buttons */
.button {
    padding: 8px 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 18px;
    font-weight: normal;
}

    .button.default {
        background-color: #fff;
        border: 1px solid silver;
        color: #c71d21;
    }

        .button.default:hover {
            background-color: #eee;
        }

    .button.defaultcontact {
        background-color: #fff;
        border: 1px solid silver;
        color: #c71d21;
        width: 50%;
    }

        .button.defaultcontact:hover {
            background-color: #eee;
        }

    .button.secondary {
        background-color: #eee;
        border: 1px solid #ccc;
        color: #c71d21;
    }

        .button.secondary:hover {
            background-color: #ccc;
        }

    .button.checkout {
        font-size: 20px;
        float: right;
    }

    .button.proceed {
        background-color: #239043;
        border: 1px solid #239043;
        color: #fff;
    }

        .button.proceed.header {
            padding: 6px 16px;
        }

        .button.proceed.link {
            background-color: #c71d21;
            border: 1px solid #c71d21;
            color: #fff;
            width: 100%;
        }

            .button.proceed.link:hover {
                background-color: #2365ad;
                cursor: pointer;
            }
        .button.proceed:hover {
            background-color: #090;
            cursor: pointer;
        }

    .button.warning {
        background-color: #ffecec;
        border: 1px solid #f5aca6;
        color: #c71d21;
    }

        .button.warning:hover {
            background-color: #ffecec;
        }

    .button.util {
        background: #e3f7fc;
        border: 1px solid #8ed9f6;
        color: #c71d21;
    }

        .button.util:hover {
            background-color: #c4e5ed;
        }

    .button.basket {
        background-color: #239043;
        border: 1px solid #239043;
        width: 100%;
        color: #fff;
    }

        .button.basket:hover {
            background-color: #090;
        }

    .button.prominent {
        padding: 8px 32px;
    }

    .button.prominentpadding {
        padding: 6px 12px;
    }

    .button.facebook, .button.twitter {
        color: #fff;
        padding: 10px 10px 10px 40px;
        background-repeat: no-repeat;
        background-position: 4px 4px;
        background-size: 30px;
        min-width: 80%;
        text-align: left;
    }

        .button.facebook span, .button.twitter span {
            border-left: 1px solid #fff;
            margin-right: 8px;
        }

    .button.facebook {
        background-color: #3b5998;
        border: 1px solid #3b5998;
        background-image: url(/Content/images/facebook_white.png);
    }

        .button.facebook:hover {
            background-color: #2d4373;
        }

    .button.twitter {
        background-color: #55acee;
        border: 1px solid #55acee;
        background-image: url(/Content/images/twitter_white.png);
    }

        .button.twitter:hover {
            background-color: #2795e9;
        }

    .button.expand {
        background-color: #eee;
        border: 1px solid silver;
        color: #c71d21;
        width: 100%;
        margin-top: 10px;
        background-repeat: no-repeat;
        background-position: right 10px center;
    }

        .button.expand.closed {
            background-image: url(/Content/images/icon_closed.png);
        }

        .button.expand.open {
            background-image: url(/Content/images/icon_open.png);
        }

        .button.expand:hover {
            background-color: #ddd;
        }

    .button.proceedcontact {
        background-color: #239043;
        border: 1px solid #239043;
        color: #fff;
        width: 50%;
    }

        .button.proceedcontact:hover {
            background-color: #090;
            cursor: pointer;
        }

.deliveryinfo a {
    font-size: 12px;
}

.link.expand {
    width: 100%;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 900;
}

    .link.expand:hover {
        color: #c71d21;
    }

    .link.expand.closed {
        background-image: url(/Content/images/icon_up_arrow.png);
    }

    .link.expand.open {
        background-image: url(/Content/images/icon_down_arrow.png);
    }

.link.box {
    flex-shrink: 0;
    flex-grow: 0;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #fff;
    outline: 1px solid;
    margin-right: 8px;
    vertical-align: top;
}

/* alert messages */
.field-validation-error {
    margin: 10px 0 10px 0;
    color: red;
    width: 100%;
    float: left;
}

    .field-validation-error::after {
        clear: both;
    }

.validation-summary-errors {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 20px;
    margin: 10px;
    background: #ffecec; /*url('images/error.png') no-repeat 10px 50%;*/
    border: 1px solid #f5aca6;
}

.input-validation-error {
    border: 1px solid #f5aca6 !important;
    background: #fff !important;
    /*
  background-image: url('error.png');
  background-repeat: no-repeat;
  color: Transparent;
  background-size: 16px 16px;
  */
}

/*Clearance Page*/
.clearancemessage {
    padding-top: 4px;
    font-size: 14px;
    color: red;
}


.alert-box {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 20px;
    margin: 10px 0;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }

.error {
    background: #ffecec; /*url('images/error.png') no-repeat 10px 50%;*/
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9; /*url('images/success.png') no-repeat 10px 50%;*/
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4; /*url('images/warning.png') no-repeat 10px 50%;*/
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc; /*url('images/notice.png') no-repeat 10px 50%;*/
    border: 1px solid #8ed9f6;
}

.coming_soon {
    background: #D3EEFA;
    border: 1px solid #00A6EE;
}

.offermsg {
    background: #ff3031; /*url('images/error.png') no-repeat 10px 50%;*/
    color: #fff;
}

    .offermsg a {
        color: #fff;
    }

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

/* autocomplete */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    z-index: 1001;
    padding: 5px;
}

.ui-menu-item {
    padding: 5px;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -999em;
}

/* main structure */
#wrapper {
    text-align: left;
    position: relative;
    background-color: #fff;
}

.container {
    margin-left: auto;
    margin-right: auto;
}

#header {
    /*background-color: #22262f; #c71d21*/
    background-color: #c71d21;
}

.christmas {
    background-image: url(/Content/images/christmas-bg-250px.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

#logoutForm {
    display: inline;
}

.noborder {
    border: 0 !important;
}

#main {
    clear: both;
    padding: 0 10px 0 10px;
}

/* nav bar */
#nav .tab a {
    cursor: pointer;
}

.dropdown_menu .column, .dropdown_menu .column-double {
    border-left: 1px dotted #ccc;
}

    .dropdown_menu .column.first, .dropdown_menu .column-double.first {
        padding-left: 0;
        border-left: none;
    }

    .dropdown_menu .column .item a.head, .dropdown_menu .column-double .item a.head {
        font-weight: bold;
    }


/* footer */
#footer {
    background-color: #2e2c2c;
    font-size: 12px;
    border-top: 5px solid #eaebeb;
    border-bottom: 20px solid #2e2c2c;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 20px;
}

    #footer a {
        color: #fff;
    }

    /*#footer h2 {
  margin-bottom:8px;
}*/

    #footer #signup .email, .sign_up .email {
        font-size: 16px;
        padding: 10px;
        border: none;
        width: 260px;
        height: 42px;
        float: left;
        margin: 0;
    }

    #footer #signup .email {
        border: none;
    }

.sign_up .email {
    border: 1px solid #ccc;
}

.sign_up p {
    margin-bottom: 8px;
}

#footer #signup p {
    margin-bottom: 5px;
}

#footer #social p {
    margin: 10px 0 10px;
    font-size: 1.5em;
    font-weight: bold;
}

#footer #social li {
    display: inline;
    /*width:32px;*/
}

    #footer #social li a {
        display: inline-block;
        line-height: 32px;
        height: 32px;
        width: 32px;
    }

#footer #social .facebook {
    background: no-repeat;
    background-size: cover;
}

#footer #social .twitter {
    background: no-repeat;
    background-size: cover;
}

#footer #social .threads {
    background: no-repeat;
    background-size: cover;
}

#footer #social .youtube {
    background: no-repeat;
    background-size: cover;
}

#footer #social .instagram {
    background: no-repeat;
    background-size: cover;
}

#footer #social .tiktok {
    background: no-repeat;
    background-size: cover;
}

#footer #reviews {
    background-color: #c71d21;
    width: 100%;
    float: left;
}

    #footer #reviews li {
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
    }

        #footer #reviews li.prod {
            /*background-image: url(/content/images/icon_review_prod.svg);*/
            background-repeat: no-repeat;
        }

        #footer #reviews li.estb {
            /*background-image: url(/content/images/icon_review_estb.svg);*/
            background-repeat: no-repeat;
        }

        #footer #reviews li.delv {
            /*background-image: url(/content/images/icon_review_delv.svg);*/
            background-repeat: no-repeat;
        }

        #footer #reviews li.cust {
            /*background-image: url(/content/images/icon_review_cust.svg);*/
            background-repeat: no-repeat;
        }

        #footer #reviews li span {
            font-weight: bold;
        }

.footerlinks li.dim, .footerlinks a.dim {
    color: #8f8d8d !important;
}

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

.footer_col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}



.clear {
    clear: both;
}

/* flexible columns */
.row {
    margin: 0 0px;
    margin-bottom: 0;
}

    .row:last-child {
        margin-bottom: 0;
    }

[class*="col-"] {
    padding: 3px;
    float: left;
}

/* breadcrumb */
#breadcrumb {
    color: #666;
    float: left;
    width: 100%;
    overflow: hidden;
}

    #breadcrumb a, #breadcrumb span {
        float: left;
        position: relative;
        display: block;
    }

    #breadcrumb a {
        color: #666;
    }

    #breadcrumb span {
        color: #c71d21;
    }

.blurb_wrapper {
    float: left;
    width: 100%;
}

/* std text page */
.std p, .std table, .std hr {
    margin-bottom: 1em;
}

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

.std li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-left: 2em;
    margin-bottom: 0.4em;
}

.std table {
    margin-bottom: 1em;
    border: 1px solid #ccc;
}

    .std table th, .std table td {
        padding: 5px;
        border: 1px solid #ccc;
    }

/* home page */
#scroller {
    width: 100%;
    float: left;
    min-height: 225px;
}

    #scroller img {
        max-width: 100%;
        min-height: 197px;
        padding-bottom: 3px;
    }

#banners img, #catlinks img {
    max-width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
}

#homecats, #catlist {
    float: left;
    width: 100%;
}

    #catlist a {
        display: block;
        background-color: #aaa;
        text-align: center;
        color: #fff;
        font-weight: bold;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    #homecats .link {
        background-color: #c71d21;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        height: 50px;
        overflow: hidden;
    }

        #homecats .link .icon {
            width: 20%;
            padding: 0 5px;
            border-right: 2px solid white;
            float: left;
            height: 100%;
        }

            #homecats .link .icon img {
                width: 100%;
                height: 100%;
            }

        #homecats .link .label {
            float: left;
            color: #fff;
            width: 71%;
            padding-top: 2px;
            padding-left: 5px;
            line-height: 16px;
        }

    #zzhomecats a:hover, #catlist a:hover {
        background-color: #aaa;
        text-decoration: underline;
    }

#zzbrands a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.brands, .ranges, .promotions {
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .brands img {
        min-width: 100px;
        min-height: 100px;
        max-width: 100px;
        max-height: 100px;
        width: 100%;
        height: auto;
    }

    .ranges p {
        height: 40px;
    }

    .ranges img {
        max-width: 100%;
    }

#linkcat_body, #subcat_body {
    margin-top: 10px;
    margin-left: 5px;
}

    #linkcat_body .filt, #subcat_body .filt {
        margin-bottom: 5px;
    }

        #linkcat_body .filt a:hover, #subcat_body .filt a:hover {
            margin-bottom: 5px;
            color: #c71d21;
        }

    #linkcat_body .filt2, #subcat_body .filt2 {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 900;
    }

        #linkcat_body .filt2 a:hover, #subcat_body .filt2 a:hover {
            margin-bottom: 5px;
            color: #c71d21;
        }

/* product listing boxes */
.featprod {
    /*border: 1px solid #ccc;*/
    border: 1px solid #c71d21;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.featuredRow {
    min-height: 350px;
}

/*
.featprod.list {
  text-align:left;
  min-width:100%;
  position:relative;
}
*/

.featprod.grid .desc {
    /*background-color: #3dbb3d;*/
    /*background-color: #52565f;*/
    /*background-color: #c71d21;*/
    /*background-color: #c71d21;*/
    /*
  padding:10px;
  font-size:14px;
  */
    /*border-bottom: 1px solid #ccc;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;*/
}

.featprod.grid .thumb {
    position: relative;
    border-bottom: 1px solid white;
}

.featprod.grid a {
    /*color: #fff;*/
    color: #c71d21;
}

.featprod.grid img {
    margin: 10px auto 10px auto;
    max-width: 100%;
    height: auto;
    min-height: 200px;
}

/*
.featprod.list img{
  max-width:96%;
  margin:10px 0 10px 10px;
}
*/

.featprod .price {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    /*background-color: #f0f6fd;
   *border-top: 1px solid #ccc;*/
    text-align: left;
    vertical-align: top;
    /*border-bottom-right-radius: 4px;*/
}

.featprod.grid .price {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    height: 50px;
    overflow: hidden;
}

.featprod .price span {
    font-size: 12px;
    font-weight: normal;
}

    .featprod .price span.matches {
        color: #239043;
    }

.featprod .price img {
    margin: 0;
    padding: 0;
    max-width: 140px;
}

.featprod .price .instock, .featprod .price .avail, .featprod .price .outstock, .featprod .price .comingsoon {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-size: 12px;
    font-weight: normal;
}

.featprod .price .instock, .featprod .price .avail {
    background-image: url(/Content/images/icon_tick.svg);
}

.featprod .price .outstock {
    background-image: url(/Content/images/icon_cross.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}

.featprod .price .comingsoon {
    background-image: url(/Content/images/icon_coming_soon.svg);
}

featprod .rating {
    width: 100%;
    height: 20px;
    float: left;
}

#product .thumb .offerdefinedimage, #product .thumb .offer, #product .thumb .offerdefinedimagelower, #product .thumb .offerlower {
    width: 100px;
    height: 100px;
}

.featprod .offerdefinedimage, .featprod .offer {
    width: 100px;
    height: 100px;
}

.manuf {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
}

    .manuf img {
        width: 100%;
        height: auto;
        text-align: center;
        display: block; /* because of descenders if it were text */
    }

#values {
    margin-top: 20px;
    width: 100%;
    float: left;
}

    #values li {
        float: left;
        background-repeat: no-repeat;
        background-position: left top;
        color: #036;
        display: flex;
        align-items: center;
    }

        #values li.safe {
            /*background-image: url(/content/images/home_icon_security.svg);*/
            background-repeat: no-repeat;
        }

        #values li.return {
            /*background-image: url(/content/images/home_icon_returns.svg);*/
            background-repeat: no-repeat;
        }

        #values li.express {
            /*background-image: url(/content/images/home_icon_delivery.svg);*/
            background-repeat: no-repeat;
        }

        #values li.collect {
            /*background-image: url(/content/images/home_icon_collect.svg);*/
            background-repeat: no-repeat;
        }

/* product page */
#product {
    width: 100%;
    float: left;
}

    #product .kit {
        font-weight: bold;
        color: #c71d21;
    }

    #product h1 {
        margin-bottom: 10px;
    }

    #product h3 {
        border-top: 1px solid #ccc;
    }

    #product .thumb h1 {
        margin-bottom: 3px;
    }

#prodright h3 {
    border: none;
    margin: 0 0 10px 0;
    padding: 0;
}

.del_box h3 {
    border: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

#product .thumb .img-gallery {
    position: relative;
    height: 375px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 7px;
}

#product .thumb h4 {
    margin: 10px 0 10px 0;
}

.buy_box {
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}

.del_box {
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 115px;
}

    .del_box p {
        margin-bottom: 10px;
    }

.sharing {
    float: left;
    width: 70%;
}

.buy_box .yousaved {
    font-size: 12px;
    color: #e31b23;
    font-weight: bold;
}

.buy_box .oldprice {
    font-size: 16px;
    color: #e31b23;
    font-weight: normal;
    text-decoration: line-through;
}

.buy_box .price {
    font-size: 24px;
    color: #e31b23;
    font-weight: bold;
}

.buy_box .smallprice {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.buy_box .buy-qty {
    width: 20%;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
}

.buy_box .buy-add {
    width: 78%;
    float: right;
    margin-top: 8px;
    margin-bottom: 5px;
}

.buy_box .qty {
    font-size: 14px;
    width: 100%;
    padding: 8px;
    text-align: center;
}

.buy_box .avail {
    margin: 5px 0 10px 0;
}

.buy_box .dim {
    width: 100%;
    padding: 8px 50px 8px 8px;
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-bottom: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #239043, #239043);
    background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .buy_box .dim::-ms-expand {
        display: none;
    }

    .buy_box .dim:hover {
        border: 1px solid #090;
    }

.buy_box .offer {
    /*background-image:url(/content/images/icon_offer.svg);
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:30px;
    background-size:25px;*/
    font-size: 18px;
}

#prodspecs {
    width: 90%;
}

    #prodspecs th {
        width: 40%;
        padding: 4px;
        font-weight: normal;
        color: #000;
        border-right: 1px dotted #eee;
    }

    #prodspecs td {
        width: 60%;
        padding: 4px;
    }

    #prodspecs tr {
        border-bottom: 1px dotted #eee;
    }

#productreview, #productquery {
    width: 100%;
}

#productreview {
    overflow-y: scroll;
}

    #productreview .pagingwrapper {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    #productreview .review, #productquery .query {
        border-bottom: 1px dotted #ddd;
        padding: 10px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

    #productreview .rating {
        float: left;
    }

    #productreview .detail {
        float: left;
        font-size: 14px;
        line-height: 1.4em;
    }

.ttable {
    display: table;
}

.rrow {
    display: table-row;
}

.ccell {
    display: table-cell;
}

#productreview .rating .ttable .rrow {
    text-align: left;
    padding: 0 20px 4px 0;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
}

#productreview .rating .ttable .ccell {
    padding: 0 20px 4px 0;
    font-size: 12px;
    white-space: nowrap;
    vertical-align: top;
}

#productreview .detail .author {
    margin-bottom: 8px;
}

#productreview .stars, #review-entry .star {
    margin: 0 2px 0 0;
}

#productreview .helpful {
    margin-top: 8px;
    color: #666;
    font-size: 12px;
    width: 100%;
}

#productreview .write {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #eee;
    padding: 0 10px 10px 10px;
}

#productquery .query .author {
    font-size: 12px;
}

#productquery .query .answer {
    margin: 10px 0 0 10px;
}

    #productquery .query .question .head, #productquery .query .answer .head {
        font-size: 18px;
        font-weight: bold;
    }

#review-entry {
    margin: 20px 0 20px 0;
}

    #review-entry td {
        padding-bottom: 10px;
        padding-right: 30px;
    }

.prodlinks {
    float: left;
    width: 100%;
    margin-top: 4px;
}

    .prodlinks a {
        padding: 6px 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        border: 1px solid silver;
        color: #c71d21;
        font-size: 13px;
    }

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

    .prodlinks li {
        display: inline;
        /*width:32px;*/
    }

        .prodlinks li a {
            display: inline-block;
            line-height: 32px;
            height: 32px;
            width: 32px;
            margin-top: 5px;
        }

    .prodlinks .facebook {
        background: no-repeat;
        background-size: cover;
    }

    .prodlinks .threads {
        background: no-repeat;
        background-size: cover;
    }

    .prodlinks .twitter {
        background: no-repeat;
        background-size: cover;
    }

    .prodlinks .youtube {
        background: no-repeat;
        background-size: cover;
    }

    .prodlinks .instagram {
        background: no-repeat;
        background-size: cover;
    }

    .prodlinks .tiktok {
        background: no-repeat;
        background-size: cover;
    }

.videowrapper {
    float: left;
    margin-right: 20px;
}

    .videowrapper iframe {
        width: 100% !important;
        height: 320px !important;
        border: 0;
    }

    .videowrapper lite-youtube {
        width: 100% !important;
        height: 320px !important;
        border: 0;
    }

    .videowrapper p {
        margin: 2px 0 8px 0;
    }

.pdfwrapper {
    border: 1px solid #ccc;
    float: left;
}

.pdfimage {
    float: left;
    margin-right: 10px;
}

.pdfdetail {
    float: left;
}

.LookDims {
    font-weight: bold;
    font-size: 14px;
    color: red;
    padding-left: 10px;
}

.Look {
    font-weight: bold;
    font-size: 14px;
    color: red;
    padding-left: 10px;
    text-align: left;
    margin-top: 12px;
}

.accesswrapper {
    float: left;
    margin-bottom: 10px;
}

    .accesswrapper .price {
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }

.accessimage, .rangeimage, .manufacturerimage {
    float: left;
    width: 80px;
}

div.rangeimage > a > img, div.manufacturerimage > a > img, div.accessimage > a > img, div.accessimage > a > picture > img,
div.rangeimage > a > picture > img, div.manufacturerimage > a > picture > img, div.includeimage > picture > img, div.includeimage > a > picture > img {
    max-height: 70px;
    max-width: 70px;
}


.accessdetail {
    width: 225px;
    float: right;
}

.rangewrapper {
    float: left;
}

.rangedetail, .manufacturerdetail {
    width: 225px;
    float: right;
    padding-top: 23px;
}


.includewrapper {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #ccc;
    padding: 5px;
}

.includeimage {
    float: left;
    width: 90px;
}

.includedetail {
    float: right;
}

.relatedwrapper {
    float: left;
    margin-bottom: 10px;
    width: 20%;
}

.relatedimage {
    float: left;
    width: 100%;
    text-align: center;
}

    .relatedimage img {
        max-width: 96%;
    }

.relateddetail {
    width: 100%;
    text-align: center;
    height: 60px;
    float: left;
}

.relatedwrapper .price {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    background-color: #eee;
    margin-top: 10px;
    padding: 10px 0 10px 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dealbox {
    width: 100%;
    float: left;
    display: block;
    font-size: 12px;
    position: relative;
}

.dealwrapper {
    float: left;
    width: 250px;
    padding: 8px;
}

    .dealwrapper .price {
        color: #e31b23;
        font-weight: bold;
    }

.dealimage {
    float: left;
    width: 60px;
    text-align: center;
}

    .dealimage img {
        float: left;
        width: 60px;
    }

        .dealimage img:hover {
            border: solid 1px #666;
        }

.dealdetail {
    float: right;
    width: 160px;
}

.helplist {
    margin-top: 10px;
}

    .helplist li {
        list-style: disc inside;
        margin-bottom: 4px;
    }

#bulkprice {
    border-collapse: collapse;
    border: none;
    width: 100%;
    margin-top: 4px;
    text-align: left;
}

    #bulkprice th {
        color: #fff;
        font-weight: bold;
        background-color: #1d5896;
        padding: 4px;
        text-align: left;
    }

    #bulkprice tr:nth-child(odd) {
        background-color: #eee;
    }

    #bulkprice tr:nth-child(even) {
        background-color: #fff;
    }

    #bulkprice td {
        padding: 4px;
    }

#delcosts, #wrrty, #techhelp {
    display: none;
    margin-bottom: 20px;
}

/* category filters */
#filters {
    float: left;
    padding: 0 10px 10px 10px;
    /*border: 1px solid #ccc;*/
    width: 100%;
    background-color: #fff;
}

    #filters .header {
        font-weight: bold;
        /*border-top: 1px dotted #ccc;*/
        padding-top: 10px;
        margin: 10px 0 10px 0;
        font-size: 18px
    }

        #filters .header a {
            color: #c71d21;
        }

        #filters .header img {
            margin-right: 5px;
        }

    #filters .btn_header {
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 8px;
        display: inline;
    }

    #filters .btn_header_pad {
        font-size: 14px;
        font-weight: bold;
        margin-top: 15px;
        margin-left: 33%;
        color: #c71d21;
    }

    #filters .btn_header_clear {
        font-size: 12px;
        font-weight: normal;
        margin-left: 34%;
        color: #c71d21;
    }

    #filters .btn_header:hover {
        background-color: #fff;
    }

    #filters .btn_header_pad:hover {
        background-color: #fff;
    }

    #filters .count, .featprod .count {
        color: #999;
        font-size: 11px;
        font-weight: normal;
    }

    #filters li {
        line-height: 20px;
        margin-bottom: 5px;
    }

#filters_body .filt, #brand_body .filt {
    line-height: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
}

    #filters_body .filt a:hover, #brand_body .filt a:hover {
        color: #c71d21;
    }

    /*#filters_body .filt a, #brand_body .filt a {
        line-height: 20px;
        padding: 0 0 5px 22px;
        background: url(/content/images/tickbox.png) no-repeat;
        font-size: 14px;
    }*/
    #filters_body .filt a::before, #brand_body .filt a::before, #subcat_body .filt a::before, #linkcat_body .filt a::before {
        line-height: 20px;
        font-size: 12px;
        flex-shrink: 0;
        flex-grow: 0;
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #fff;
        outline: 1px solid hsl(359, 75%, 45%);
        margin-right: 8px;
        vertical-align: top;
    }

    #filters_body .filt a.selected::before, #brand_body .filt a.selected::before, #subcat_body .filt a.selected::before, #linkcat_body .filt a.selected::before {
        background-color: hsl(359, 75%, 45%);
        outline-color: hsl(359, 75%, 45%);
    }

    #filters_body .filt a:hover::before, #brand_body .filt a:hover::before, #subcat_body .filt a:hover::before, #linkcat_body .filt a:hover::before {
        background-color: hsl(359, 75%, 45%);
        outline-color: hsl(359, 75%, 45%);
    }

/*#filters_body .filt a.selected, #brand_body .filt a.selected {
            font-weight: bold;
            background: url(/content/images/tickbox_tick.png) no-repeat;
            background-position: left center;
        }*/

#filters_body a.more, #brand_body a.more {
    background-image: none;
    padding: 5px 0 5px 0;
    color: #c71d21;
    margin-left: 33%;
}

    #filters_body a.more:hover, #brand_body a.more:hover {
        text-decoration: underline;
    }

/* paging and sorting */
.pagingwrapper {
    float: left;
    padding: 10px;
    border-top: dotted 1px #ccc;
    width: 100%;
}

.alphawrapper {
    float: left;
    padding-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    width: 100%;
}

    .pagewrapper a, .alphawrapper a {
        border: 1px solid #ccc;
    }

        .pagewrapper a:hover, .alphawrapper a:hover {
            background-color: #eee;
        }

        .pagewrapper a.selected {
            font-weight: bold;
            background-color: #ccc;
        }

        .pagewrapper a.plain {
            border: none;
        }

.sortwrapper {
    float: left;
}

/* basket contents */
#basket-content, #basket-footer, #basket-totals {
    width: 100%;
}

#basket-content {
    border-bottom: 2px solid #eee;
}

    #basket-content tr.item {
        width: 100%;
    }

    #basket-content tr.divide {
        border-top: 2px solid #eee;
        height: 1px;
    }

#basket-totals tr {
    border-bottom: 2px solid #eee;
    width: 100%;
}

#basket-content tr.item.promo {
    background-color: #e9ffd9;
}

#basket-content td.image {
    height: 140px;
}

#basket-content tr.item img, .checkout-wrapper #basket-content td.image img {
    min-height: 30px;
    max-width: 100px;
}

#basket-content .code {
    font-size: 12px;
    color: #666;
}

#basket-content .avail {
    font-size: 12px;
}

#basket-content .remove, #basket-content .updateBasket {
    padding: 2px 2px;
    background-color: #eee;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 2px;
    display: block;
    font-size: 12px;
}

    #basket-content .remove:hover, #basket-content .updateBasket:hover {
        background-color: #ccc;
    }

/*#basket-content .updateBasket {
    font-size: 12px;
    color: #8a1417;
    display: inline-block;
}

#basket-content .remove, #basket-content .updateBasket {
    font-size: 12px;
    color: #8a1417;
    display: block;
}*/

#basket-content .qty .qtyButtons {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}

#basket-content .qty {
    position: relative;
}


#basket-content .variant, .accesswrapper .variant {
    color: #999;
}

#basket-content .basketThumbnail {
    max-width: 100px;
    max-width: 100px;
}

.brandThumbnail {
    max-width: 150px;
    max-width: 150px;
}

.featprod .variant {
    color: #eee;
    font-size: 12px;
}

#basket-totals td.total {
    font-size: 16px;
    font-weight: bold;
}

#basket-totals td.discount {
    font-size: 16px;
    font-weight: bold;
    color: red;
}

#basket-totals .checkout-buttons tr {
    border: none;
}

#basket-totals .checkout-buttons td {
    padding: 4px;
    width: 190px;
}

#basket-footer #postage {
    width: 43%;
    float: left;
}

#basket-footer #promo {
    width: 43%;
    float: left;
    padding-left: 10px;
}

#basket-footer #totals {
    width: 55%;
    float: right;
}


#basket-footer #postage {
    margin-top: 10px;
    background-color: #eee;
    padding: 10px 20px 20px 20px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 8px;
}

#basket-footer #promo {
    margin-top: 10px;
}

#basket-footer #postage input, #basket-footer #postage select {
    margin-bottom: 8px;
}

/* basket related */
#basket-related .panel {
    width: 100%;
    height: 200px;
}

#basket-related .added img {
    float: left;
    width: 25%;
    border: 1px solid #ccc;
    margin-right: 10px;
    padding: 5px;
    background-color: #fff;
}

#basket-related .added p {
    float: left;
    width: 70%;
}

#basket-related .summary p {
    font-size: 16px;
    margin-bottom: 10px;
}

#basket-related .summary span {
    font-weight: bold;
}

#basket_coupon {
    border: 1px solid #ccc;
    background-color: #e9ffd9;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 10px;
}

    #basket_coupon.open {
        display: block;
    }

    #basket_coupon.closed {
        display: none;
    }

    #basket_coupon input.wrong {
        border: 1px solid red;
    }

    #basket_coupon input.ok {
        border: 1px solid green;
    }

/* compare contents */
.compare-content {
    width: 100%;
    border: 1px solid #ccc;
}

    .compare-content th {
        border: 1px solid #ccc;
        background-color: #eee;
        padding: 5px;
    }

    .compare-content td {
        border: 1px solid #ccc;
        padding: 5px;
    }

        .compare-content td.image {
            text-align: center;
        }

            .compare-content td.image img {
                max-width: 100%;
            }

/* testimonials page */
#testimonials {
    /*border:1px solid #ccc;*/
    float: left;
    margin-bottom: 20px;
}

    #testimonials .header {
        width: 100%;
        float: left;
        font-size: 10px;
        margin: 20px 0 20px 0;
    }

    #testimonials .testimonial {
        padding: 20px;
        font-size: 10pt;
        border-top: 1px dotted #ddd;
    }

    #testimonials .comments {
        margin-top: 10px;
    }

/* login */
.login, .login-left, .login-right {
    border: 1px #ccc solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .login p, .login-left p, .login-right p {
        margin-bottom: 1em;
    }

    .login-right ul {
        list-style: disc outside;
        margin-bottom: 1em;
    }

    .login-right li {
        display: list-item;
        text-align: -webkit-match-parent;
        margin-left: 2em;
        margin-bottom: 0.4em;
    }

/* checkout */
.checkout-wrapper {
    float: left;
}

    .checkout-wrapper h3 {
        margin-bottom: 15px;
    }

    .checkout-wrapper .inputs, .login .inputs, .login-left .inputs {
        float: left;
        width: 100%;
    }

    .checkout-wrapper .checkbox label, .login .checkbox label, .login-left .checkbox label {
        margin-left: 10px;
    }

    .checkout-wrapper label, .login label, .login-left label, .checkout-wrapper input,
    .checkout-wrapper select, .login input, .login-left input, .login-left select {
        float: left;
    }

    .checkout-wrapper .address {
        float: left;
        width: 50%;
    }

    .checkout-wrapper .add {
        float: left;
        border: 1px solid #ccc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin: 0 10px 10px 0;
        height: 240px;
        position: relative;
        width: 100%;
        padding: 20px;
        overflow: hidden;
    }

        .checkout-wrapper .add button {
            width: calc(100% - 40px);
            position: absolute;
            bottom: 20px;
            left: 20px;
        }

    .checkout-wrapper .selected {
        color: #fff;
        background-color: #239043;
        border: 1px solid #239043;
    }

        .checkout-wrapper .selected button {
            background: url(/Content/images/icon_tick.svg) no-repeat;
            background-color: #fff;
            background-position: right 8px center;
            background-size: 20px;
        }

#delivery_opts p {
    margin-bottom: 10px;
}

#delivery_opts .upgrade {
    float: left;
    width: 100%;
    border: 1px solid #239043;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 10px 10px 0;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(39,160,75,0.05), rgba(39,160,75,0.3)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(39,160,75,0.05), rgba(39,160,75,0.3)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(39,160,75,0.05), rgba(39,160,75,0.3)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(39,160,75,0.05), rgba(39,160,75,0.3)); /* Standard syntax */
}

    #delivery_opts .upgrade.selected {
        background: #239043;
        color: #fff;
    }

#delivery_opts div.upgrade:hover {
    background-color: #090;
    cursor: pointer;
}

#addresses .address {
    height: 280px;
    position: relative;
}

    #addresses .address .buttons {
        position: absolute;
        bottom: 10px;
        left: 0;
    }

#payment-cards {
    width: 100%;
}

    #payment-cards tr {
        height: 56px;
    }

        #payment-cards tr.chosen {
            background: #239043;
            color: #fff;
            font-weight: bold;
        }

    #payment-cards th {
        padding: 8px;
        border-bottom: 1px solid #eee;
    }

    #payment-cards td {
        padding: 8px;
        border-bottom: 1px solid #eee;
    }

        #payment-cards td.choice {
            min-width: 30px;
            padding-left: 12px;
        }

    #payment-cards img {
        width: 60px;
    }

/*.cat-tree
{
}*/
.cat-tree ul:nth-child(n+2) {
    padding-left: 20px;
}

/* back to top link */
.back-to-top {
    background: none;
    position: fixed;
    bottom: 85px;
    right: 0;
    margin: 0;
    padding: 10px 30px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #fff;
    background-color: #c71d21;
    border-top: 2px solid #eaebeb;
    border-bottom: 2px solid #eaebeb;
}

    .back-to-top a:hover {
        color: #fff;
    }

    .back-to-top i {
        font-size: 20px;
    }

.orderlist {
    border: 1px solid #ccc;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 15px;
}

/* infinite scroll */
.product-list {
    float: left;
    width: 100%;
}

.infinite-scroll-request {
    text-align: center;
    font-size: 30px;
}

    .infinite-scroll-request img {
        vertical-align: middle;
    }

.page-load-status {
    display: none !important;
}

/*
#progress {
  text-align:center;
  font-size:30px;
}
#progress img {
    vertical-align: middle;
}
*/

.smallprint {
    font-size: 11px;
    padding-bottom: 10px;
}

    .smallprint ul {
        list-style: disc inside;
    }

.voucher {
    height: 210px;
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
}

    .voucher .code {
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        background: #e9ffd9;
        border: 1px solid #a6ca8a;
        padding: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin: 10px;
    }

        .voucher .code.expired {
            background: #ffecec;
            border: 1px solid #f5aca6;
            text-decoration: line-through;
        }

    .voucher h3 {
        font-size: 22px;
        margin: 0 0 10px 0;
    }

    .voucher .expiry {
        font-size: 12px;
        font-weight: normal;
    }

.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    text-align: center;
    width: 100%;
}

.loader_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader.message .loader_inner {
    background: rgba(0,0,0,.7);
    z-index: 9999;
    padding: 10px;
}

.loader_inner img {
    width: 63px;
    height: 64px;
}

.loader_inner p, .loader_inner a {
    color: #fff;
    font-size: 26px;
}

.loader_inner a {
    cursor: pointer;
    color: #fff32f
}

span.overlay {
    position: absolute;
    bottom: 15px;
    left: 80px;
    pointer-events: none;
}

    span.overlay img {
        width: 50px !important;
        height: 50px !important;
    }

span.overlay2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    pointer-events: none;
}

    span.overlay2 img {
        width: 75px !important;
        height: 75px !important;
    }

span.offer2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    pointer-events: none;
    background-image: url(/Content/images/offer_stripe_df.png);
    z-index: 1;
    width: 75px !important;
    height: 75px !important;
    background-size: contain;
}

#basket-content span.overlay img {
    width: 30px !important;
    height: 30px !important;
}

.IncVAT a, .ExVAT a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.IncVAT img, .ExVAT img {
    height: 10px;
    width: auto;
}

#badge-ribbon {
    height: 90px;
}

.promoTag {
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    color: #000 !important;
    font-size: 18px;
    border-radius: 8px;
    margin: 15px 0px 0px 0px;
}

    .promoTag a {
        cursor: pointer;
    }

    .promoTag a, .promoTag img {
        width: inherit !important;
    }

.floatDir {
    float: left;
}

.showBlurb {
    display: block;
}

.hideBlurb {
    display: none;
}

.authorizedSellerContainer, .authorizedSellerContainer img {
    width: 340px;
    height: 35px;
}

.paypal p {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.paypal img {
    vertical-align: top;
    width: 67px;
    height: 18px;
}

.paypal2 p {
    margin-bottom: 5px;
    text-align: right;
}

.paypal2 img {
    vertical-align: top;
    width: 67px;
    height: 18px;
}

/* Logid#96 - brandcategory layout additional classes */
.new .col a, .col-sm a, .col-1-1 a, .new .col-1-2 a, .new .col-1-3 a, .new .col-1-4 a, .new .col-1-5 a, .new .col-1-6 a, .new .col-1-8 a {
    display: block;
    width: 100%;
    height: 100%;
}

.new.allcategories .col-1-4.cat, .brandCategories .col-1-4.cat {
    display: flex;
}

.new .col img, .col-sm img, .col-1-1 img, .new .col-1-2 img, .new .col-1-3 img, .new .col-1-4 img, .new .col-1-5 img, .new .col-1-6 img, .new .col-1-8 img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.brandCategories .new h2 {
    padding-left: 5px;
}

.brandCategories .new .cat a, .allcategories .cat a {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .brandCategories .new .cat a div.blueBar, .allcategories .cat a div.blueBar {
        height: 65px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        display: table;
        background-color: #c71d21;
    }

        .brandCategories div.blueBar div, .allcategories .cat a div.blueBar div {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color: #fff;
            font-size: 20px;
            height: 65px;
            width: 100%;
        }

        .brandCategories div.blueBar.man div, .allcategories .cat a div.blueBar.man div {
            font-size: 20px;
            padding-left: 2px;
            padding-right: 2px;
        }

.brandCategories .new {
    min-height: 300px;
}


#product .thumb .prodimg {
    width: 100%;
    max-width: 350px;
    max-height: 350px;
    height: auto;
}

#logo a {
    display: block;
    height: auto;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.brandProdList {
    min-height: 450px;
}

.bt-drop-in-wrapper {
    min-height: 200px;
    position: relative;
    z-index: 1;
}

#payment-form .processPaymentDiv {
    margin-top: 10px;
    text-align: right !important;
}

#payment-form .hidden {
    display: none;
}

.modal-dialog {
    overflow: initial;
}

.modal-body {
    max-height: 600px;
    min-width: 600px;
    overflow-y: auto;
    padding-top: 0;
}

.modal-content {
    background-color: #fff;
    min-height: 200px;
    min-width: 600px;
    /*border: 0px !important;*/
}

.modal-body h1, .modal-body h3 {
    margin: 0 !important;
}

.modal-content .proceed {
    margin-left: 50px;
    float: left !important;
}

.modal-header {
    border: 0;
    border-radius: 0.3rem;
    height: 30px;
    width: 600px;
}

    .modal-header button {
        position: absolute;
        right: 20px;
    }

.addressPane {
    height: 150px;
}

.paymentErrorMessage {
    padding: 10px;
    font-weight: bold;
    color: red;
    text-align: center;
}

.updateBasket {
    display: none;
}

#basket-content .qtyBox {
    width: 50px;
}

.gap {
    margin-top: 10px;
}

.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

.signInSpan {
    float: left;
    margin-right: 10px;
}

.product-list .brands p a, #homecats .ranges p a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

#homecats .ranges p a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

#billadd h3, #shipadd h3 {
    padding-bottom: 10px;
    float: left;
    padding-right: 10px;
}

#billadd button.returnList, #shipadd button.returnList {
    background-color: #239043;
    border: 1px solid #239043;
    color: #fff;
    padding: 2px 10px;
    font-size: 10px;
}

.DefaultButtons {
    width: 70%;
    padding-top: 10px;
}

.DefaultButtons {
    padding-top: 5px;
}

    .DefaultButtons span {
        min-width: 200px;
        display: inline-block;
    }

#DefaultBill, #DefaultShip {
    margin-top: 2px;
}

.checkout-wrapper.add label {
    width: 25%;
}

/*Braintree override*/

[data-braintree-id="save-card-field-group"] label {
    width: 100px;
}

/********* Desktop *********
 ***   *****  ***  *   * *****  ***  ****
 *  *  *     *     *  *    *   *   * *   *
 *   * ***    ***  **      *   *   * ****
 *  *  *         * *  *    *   *   * *
 ***   *****  ***  *   *   *    ***  *
*/
@media only screen and (min-width: 1000px) {

    body {
        min-width: 1025px;
    }

    .container {
        max-width: 1280px;
    }

        .container.main {
            padding: 10px;
        }

    #logo {
        width: 250px;
        margin: 25px 0 20px 10px;
        /*margin:10px 0 10px 10px;*/
        margin-right: 25px;
    }

    #search {
        padding-top: 34px;
    }

        #search .keywords {
            font-size: 16px;
            padding: 10px;
            border: none;
            width: 390px;
            height: 50px;
            float: left;
            margin: 0;
        }

    /*#links {
}*/

    /* basket summary */
    .basket_summary {
        float: right;
        margin: 10px 0 10px 0;
        width: 280px;
    }

    /* nav bar */
    #nav .tab a {
        /*padding:8px 22px 8px 22px;*/
        font-size: 20px;
    }

    .browse_menu {
        top: 38px;
        width: 50%;
    }

    .sign_up {
        top: 38px;
    }

    .dropdown_menu .column {
        width: 48%;
        padding-left: 8px;
    }

    .dropdown_menu .title {
        font-size: 16px;
    }

    .dropdown_menu .exit {
        top: 18px;
    }

    .dropdown_menu .column .item {
        line-height: 20px;
    }

    /* home page */
    #catlist a, #zzbrands a, #zzhomecats a {
        padding: 20px 5px 20px 5px;
    }

    /* product page */
    #product .thumb, #product .blurb {
        width: 66%;
        min-height: 100px;
    }

    #prodright {
        width: 33%;
        float: right;
    }

    #productreview .rating {
        width: 25%;
    }

    #productreview .detail {
        width: 70%;
    }

    .locationErrorDiv {
        margin-top: 30px;
        height: 250px;
        background: url("/Content/images/Delivery-Location-Error-header.jpg") no-repeat top left;
    }

    #banners img {
        min-height: 164px;
        min-width: 235px;
    }

    #scrollers img {
        min-height: 200px;
        min-width: 1280px;
    }
}

/********* Anything over portrait tablet *********
 *****  ***  ****  *     ***** *****
   *   *   * *   * *     *       *  
   *   ***** ****  *     ***     *  
   *   *   * *   * *     *       *  
   *   *   * ****  ***** *****   *  
*/
/*@media only screen and (min-width: 660px) {*/
@media only screen and (min-width: 736px) {
    .mobileVAT {
        display: none;
    }

    body {
        text-align: center;
    }

    /* main structure */
    #wrapper {
        margin-bottom: 10px;
    }

    #accbar {
        float: left;
        background-color: #2e2c2c;
        font-size: 12px;
        color: #fff;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        #accbar a {
            color: #fff;
        }

        #accbar li {
            display: inline;
            padding: 0 8px 0 8px;
            border-right: 1px solid #fff;
        }

        #accbar #acclinks {
            float: left;
        }

        #accbar #contact {
            float: right;
        }

            #accbar #contact li {
                border: none;
                padding-left: 25px;
                margin-left: 20px;
            }

                #accbar #contact li.phone {
                    /*background-image: url(/content/images/icon_phone.svg);*/
                    background-repeat: no-repeat;
                    background-position: top left;
                }

                #accbar #contact li.mail {
                    /*background-image: url(/content/images/icon_mail.svg);*/
                    background-repeat: no-repeat;
                    background-position: top left;
                }

    /* header */
    #logo, #search, #links {
        float: left;
    }

    /*   #search .keywords {
            font-size: 16px;
            padding: 10px;
            border: none;
            width: 340px;
            height: 50px;
            float: left;
            margin: 0;
        }*/

    #also_like .also {
        padding: 10px;
        margin-top: 5px;
        border-top: solid 1px;
        border-color: rgba(0, 0, 0, 0.2);
    }

    #also_like .alsotext {
        font-size: 1.17em;
        font-weight: bold;
    }

    #links {
        margin-top: 5px;
    }

        #links li {
            padding-left: 25px;
            margin-bottom: 10px;
        }

            #links li.wishlist {
                background-image: url(/content/images/icon_wishlist.png);
                background-repeat: no-repeat;
            }

            #links li.compare {
                background-image: url(/content/images/icon_compare.png);
                background-repeat: no-repeat;
            }

        #links a {
            color: #fff;
            font-size: 14px;
        }

    /* basket summary */
    .basket_summary {
        width: 260px;
        padding: 10px;
        color: #faec19;
        font-size: 14px;
        border-left: 2px dotted #000000;
        margin-left: 10px;
        background-image: url(/content/images/basket.svg);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        background-size: 50px;
        margin-bottom: 10px;
        margin-right: 20px;
    }

        .basket_summary.full {
            background-image: url(/content/images/basket_full.svg);
        }

        .basket_summary .contents {
            float: left;
            width: 150px;
            margin-bottom: 10px;
        }

        .basket_summary .checkout {
            float: left;
        }

        .basket_summary .basket_icon {
            float: left;
            width: 80px;
            height: 80px;
        }

        .basket_summary a {
            color: #fff;
            font-size: 16px;
        }

    #nav_wrapper {
        border-bottom: 2px solid #ccc;
    }

    #product .figaction {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 200px;
        flex-direction: column;
        height: 350px;
        padding-left: 30px;
    }

    /* nav bar */
    #nav {
        position: relative;
        width: 100%;
        clear: both;
        background-color: #eaebeb;
        height: 36px;
    }

        #nav a {
            color: #c71d21;
        }

	    #nav a:hover {
	        color: #8a1417;
	    }
	    
	#nav .tab {
            float: left;
        }

            #nav .tab a {
                display: block;
                padding: 4px 22px 4px 22px;
                margin: 4px 0 4px 0;
                border-right: 1px solid #ccc;
                line-height: 20px;
            }

                #nav .tab a:hover {
                    margin-top: -2px;
                    line-height: 22px;
                    padding-top: 6px;
                    background-color: #eaebeb;
                    border-top-left-radius: 3px;
                    border-top-right-radius: 3px;
                    border-top: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                }

                #nav .tab a.browse:hover {
                    line-height: 20px;
                }

                #nav .tab a.browse {
                    /*background-image: url(/Content/images/mobile_menu.svg);*/
                    background-position-x: 18px;
                    background-position-y: center;
                    background-repeat: no-repeat;
                    background-size: 34px;
                    padding: 11px 22px 11px 58px;
                    background-color: #fff;
                    border: none;
                    margin-top: -6px;
                    border-left: 2px solid #ccc;
                    border-top: 2px solid #ccc;
                    border-right: 2px solid #ccc;
                    border-top-left-radius: 3px;
                    border-top-right-radius: 3px;
                }

    .browse_menu {
        display: none;
        position: absolute;
        left: 0;
        z-index: 9999;
        background: #fff; /*#f9f7d8;*/
        text-align: left;
        padding: 20px;
        border-left: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        border-right: 2px solid #ccc;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        /*
  -webkit-box-shadow: 8px 8px 22px 0px rgba(100,100,100,0.3),8px 8px 22px 0px rgba(100,100,100,0.3);
  -moz-box-shadow: 8px 8px 22px 0px rgba(100,100,100,0.3),8px 8px 22px 0px rgba(100,100,100,0.3);
  box-shadow: 8px 8px 22px 0px rgba(100,100,100,0.3),8px 8px 22px 0px rgba(100,100,100,0.3);
  */
    }

    .sign_up {
        display: none;
        position: absolute;
        left: 530px;
        z-index: 9999;
        background: #fff; /*#f9f7d8;*/
        text-align: left;
        padding: 20px;
        border-left: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
    }

    #mobile_nav, .mobile_menu, .mobile_search {
        display: none;
    }

    .dropdown_menu .column {
        float: left;
        margin-top: 10px;
        margin-right: 10px;
    }

    .dropdown_menu .title {
        padding-bottom: 10px;
        font-weight: bold;
        line-height: 20px;
        border-bottom: 1px dotted #ccc;
    }

        .dropdown_menu .title ul li, .lower-all-nav ul li {
            display: inline;
        }

    .browse_menu .title ul li:nth-child(2) {
        padding-left: 31%;
    }

    .browse_menu .title ul li:nth-child(3) {
        padding-left: 13%;
    }

    .dropdown_menu .exit {
        position: absolute;
        right: 26px;
        cursor: pointer;
        /*background-image:url(/content/images/icon_close.png);*/
        background-repeat: no-repeat;
        line-height: 16px;
        padding-left: 22px;
        overflow: hidden;
    }

    .dropdown_menu .column .item {
        margin-top: 8px;
        font-size: 14px;
    }

    .under-all {
        width: 100%;
        float: left;
    }

    .column-double {
        width: 47%;
        float: left;
        margin-top: 10px;
        margin-right: 10px;
    }

    .doubleitem {
        /*width: 210%;*/
        display: block;
        text-align: center;
        padding: 3px;
        margin-top: 10px;
        background-color: #eee;
    }
    /* breadcrumb */
    #breadcrumb {
        font-size: 13px;
        margin: 10px 0 10px 0;
        border: 1px solid #ddd;
    }

        #breadcrumb a, #breadcrumb span {
            padding: 9px 15px 9px 30px;
        }

        #breadcrumb a {
            background-color: #eee;
        }

            #breadcrumb a::after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-left: 15px solid #eee;
                border-top: 17px solid transparent;
                border-bottom: 17px solid transparent;
                position: absolute;
                top: 50%;
                margin-top: -18px;
                left: 100%;
                z-index: 2;
            }

            #breadcrumb a::before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-left: 15px solid #ccc;
                border-top: 17px solid transparent;
                border-bottom: 17px solid transparent;
                position: absolute;
                top: 50%;
                margin-top: -18px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

            #breadcrumb a:first-child {
                padding-left: 25px;
            }

            #breadcrumb a:hover {
                background: #ccc;
            }

                #breadcrumb a:hover:after {
                    border-left-color: #ccc !important;
                }

    /* footer */
    #footer #reviews {
        padding: 10px 0 10px 0;
    }

        #footer #reviews li {
            width: 25%;
            padding: 0 10px 0 45px;
            height: 40px;
            font-size: 11px;
            background-size: 40px 40px;
        }

    #footer #reviewscouk {
        background-color: #2e2c2c;
        padding: 10px 0 10px 0;
    }

    #footer #signup {
        float: left;
        margin: 20px 0 0 20px;
    }

    #footer #social {
        float: right;
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

    .checkout-wrapper #payment {
        margin: 10px 0 10px 0;
        float: left;
    }

        .checkout-wrapper #payment li {
            float: left;
            margin-right: 5px;
        }

    #footer #payment {
        margin: 20px 0 20px 0;
    }

        #footer #payment li {
            float: left;
            width: 14.2%;
            text-align: center;
            padding: 5px;
        }

    #payment li img {
        max-width: 100%;
    }

    .footerlinks {
        margin-top: 20px;
    }

        .footerlinks li {
            margin-bottom: 14px;
            font-size: 14px;
        }

    /* flexible columns */
    .col-1-1 {
        width: 100%;
    }

    .col-1-2 {
        width: 50%;
    }

        .col-1-2:nth-child(2n+1) {
            clear: both;
        }

    .col-1-3 {
        width: 33.33%;
    }

        .col-1-3:nth-child(3n+1) {
            clear: none;
        }

    .col-2-3 {
        width: 66.66%;
    }

    .col-1-4, .col-1-4.full {
        width: 25%;
    }

        .col-1-4:nth-child(2n+1) {
            clear: none;
        }

    .col-1-8 {
        width: 12.5%;
    }

        .col-1-8:nth-child(4n+1) {
            clear: none;
        }

    .col-3-4 {
        width: 75%;
    }

    .col-4-5 {
        width: 80%;
    }

    .col-1-5, .col-1-5.full {
        width: 20%;
    }

    .col-1-5f, .col-1-5f.full {
        width: 28%;
    }

    .col-4-5g {
        width: 72%;
    }

    .col-5-5g {
        width: 100%;
    }

    /*#values {
}*/
    #values li {
        width: 25%;
        height: 70px;
        padding: 10px 10px 0 75px;
        font-size: 18px;
        background-size: 70px 70px;
    }

    /* product page */
    #product h3 {
        margin: 20px 0 10px 0;
        padding-top: 20px;
    }

    #product .thumb, #product .blurb {
        float: left;
    }

        #product .thumb .offerdefinedimage, #product .thumb .offer, #product .thumb .offerdefinedimagelower, #product .thumb .offerlower {
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            bottom: 22px;
            left: 250px;
            z-index: 1;
            pointer-events: none;
        }

    #product .featprod, .offerdefinedimage, .featprod .offer {
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        pointer-events: none;
    }

    /*#product .thumb .offer, .featprod .offer, #product .thumb .offerlower {
        background-image: url(/Content/images/offer_stripe_df.png);
        z-index: 1;
    }*/

    #product .thumb .offerdefinedimage, #product .thumb .offer {
        bottom: 25px;
    }

    /*
#product .thumb .prodimg {
}
*/
    #product .blurb p {
        margin-bottom: 10px;
    }

    #product .action {
        width: 80px;
        height: 350px;
    }

        #product .action img {
            /*border: 1px solid #ccc;*/
            max-width: 80px;
            max-height: 80px;
        }

    .buy_box .dim {
        font-size: 14px;
    }

    #productreview {
        max-height: 800px;
    }

        #productreview .detail {
            margin-left: 20px;
        }

    .pdfwrapper {
        width: 100%;
        padding: 10px;
        margin: 10px 10px 0 0;
    }

    .videowrapper {
        width: 100%;
        height: 350px;
    }

    .includedetail {
        width: 165px;
    }

    #productreview .read {
        float: right;
        width: 50%;
        text-align: right;
    }

    .displaywrapper {
        float: left;
        margin-left: 20px;
        margin-right: 20px;
    }

    .pagewrapper {
        float: right;
        text-align: right;
        margin-left: 10px;
    }

        .pagewrapper p {
            line-height: 2em;
            text-align: right;
        }

        .pagewrapper a, .alphawrapper a {
            padding: 4px;
        }

    #category_blurb {
        margin: 20px 0 20px 0;
        line-height: 1.5em;
    }

        #category_blurb img {
            max-width: 100% !important;
        }

    .category_blog {
        padding: 15px 20px 15px 60px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background: #e3f7fc url('/content/images/icon_blog.png') no-repeat 10px;
        border: 1px solid #8ed9f6;
        margin-bottom: 10px;
        line-height: 20px;
    }

        .category_blog .bottom {
            margin-top: 10px;
        }

    /* home page */
    #scroller {
        margin: 20px 0 20px 0;
    }


    /* product listing boxes */
    .featprod.grid .desc {
        height: 82px;
        padding: 3px 5px 3px 5px;
        font-size: 15px;
    }

    .featprod.grid img {
        margin: 10px auto 10px auto;
        max-width: 96%;
        height: auto;
        min-height: 170px;
    }

    /*
.featprod.list .desc {
  background-color:#c71d21;
  font-size:14px;
  padding:10px;
  position:absolute;
  top:0px;
  right:0px;
  width:65%;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
}

.featprod.list .longdesc {
  font-size:12px;
  position:absolute;
  top:40px;
  right:0px;
  width:65%;
  height:100px;
  overflow:hidden;
  padding-right:10px;
}

.featprod.list a{
  color:#fff;
}

.featprod.list .price {
  position:absolute;
  width:65%;
  bottom:0px;
  right:0px;
  border-left:1px solid #ccc;
}
*/

    /* basket contents */
    #basket-content {
        margin-top: 10px;
    }

        #basket-content th, #basket-content td, #basket-totals td {
            padding: 10px;
        }

        #basket-content thead {
            border: 1px solid #ccc;
        }

        #basket-content th.value, #basket-content td.value, #basket-totals td.value {
            text-align: right;
        }

        #basket-content th.qty, #basket-content td.qty {
            text-align: center;
        }

        #basket-content .lbl {
            display: none;
        }

    #basket-footer #postage {
        width: 38%;
        float: left;
    }

    #basket-footer #promo {
        width: 38%;
        float: left;
        padding-left: 10px;
    }

    #basket-footer #totals {
        width: 60%;
        float: right;
    }

    #basket-totals td.checkout {
        text-align: right;
        padding-right: 0;
    }

    #basket-totals .checkout-buttons {
        margin-left: auto;
        margin-right: -4px;
    }

    /* testimonials page */
    #testimonials .header {
        background-image: url(/Content/images/reviews_head.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }


    /* login */
    .login {
        float: left;
        padding: 20px;
        margin-bottom: 20px;
    }

    .login-left, .login-right {
        padding: 10px 20px 20px 20px;
        margin-bottom: 20px;
        width: 100%;
        height: 310px;
    }

    /* checkout */
    .checkout-wrapper {
        width: 100%;
        padding: 15px 15px 0 0;
    }

        .checkout-wrapper label, .login label, .login-left label {
            width: 20%;
        }

    .login .checkbox label, .login-left .checkbox label {
        width: 80%;
    }

    .checkout-wrapper input[type="text"], .checkout-wrapper input[type="email"],
    .checkout-wrapper select, .checkout-wrapper textarea,
    .login input[type="text"], .login input[type="email"], .login input[type="password"],
    .login-left input[type="text"], .login-left input[type="email"], .login-left input[type="password"],
    .login-left select {
        width: 70%;
        margin-bottom: 10px;
    }

    .login-left input.button.proceed, .login-left select, .login-left a.button.proceed {
        font-size: 16px;
    }

    .checkout-wrapper input[type="password"] {
        width: 50%;
        margin-bottom: 10px;
    }

    #delivery_opts .upgrade {
        padding: 10px 15px;
        height: 140px;
    }

    .tech_nos {
        width: 90%;
    }

    .locationErrorDiv {
        margin-top: 30px;
        height: 250px;
        background: url("/Content/images/Delivery-Location-Error-Header.jpg") no-repeat top left;
    }
}

@media only screen and (max-width: 768px) and (min-width: 0) {
    .flext {
        display: flex;
    }
}

/********* Tablet Portrait / Large Mobile Landscape **********
 *****  ***  ****  *     ***** *****      ****   ***  ****  *****
   *   *   * *   * *     *       *        *   * *   * *   *   *
   *   ***** ****  *     ***     *        ****  *   * ****    *
   *   *   * *   * *     *       *        *     *   * *   *   *
   *   *   * ****  ***** *****   *        *      ***  *   *   *
*/
/*@media only screen and (min-width: 660px) and (max-width: 999px) {*/
@media only screen and (min-width: 736px) and (max-width: 1024px) {

    body {
        min-width: 100%;
    }

    /* main structure */
    .container {
        max-width: 1024px;
    }

        .container.main {
            padding: 5px;
        }

    /* header */
    /*#logo {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }*/

    #logo {
        width: 250px;
        margin: 25px 0 20px 10px;
        /*margin:10px 0 10px 10px;*/
    }

    /*#logo img {
            width: 225px;
        }*/

    #accbar #contact {
        float: left !important;
        margin-left: 10px !important;
    }

    #search {
        margin: 0 0 0 20px;
    }

        #search .keywords {
            font-size: 16px;
            padding: 10px;
            border: none;
            width: 390px;
            height: 50px;
            float: left;
            margin: 0;
        }

    /*
#links {
}
*/

    /* basket summary */
    .basket_summary {
        float: right;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 250px;
        background-size: 40px;
    }

        .basket_summary.full {
            float: right;
            margin-right: 10px;
            margin-bottom: 10px;
            width: 250px;
            background-size: 40px;
        }

        .basket_summary .basket_icon {
            float: left;
            width: 60px;
            height: 60px;
        }

    /* nav bar */
    #nav {
        height: 26px;
    }

        #nav .tab a {
            padding: 2px 15px 2px 15px;
            font-size: 14px;
            line-height: 14px;
            margin: 4px 0 4px 0;
        }

            #nav .tab a.browse {
                background-position-x: 18px;
                background-size: 26px;
                padding: 9px 15px 9px 50px;
            }

    .browse_menu {
        top: 28px;
        width: 50%;
        padding: 10px;
    }

    .sign_up {
        top: 28px;
    }

    .dropdown_menu .column {
        width: 48%;
        padding-left: 5px;
    }

    .dropdown_menu .title {
        font-size: 14px;
    }

    .dropdown_menu .exit {
        top: 10px;
    }

    .dropdown_menu .column .item {
        line-height: 18px;
    }

    .browse_menu .title ul li:nth-child(2) {
        padding-left: 32%;
    }

    /* flexible columns */
    .col-1-4, .col-1-4.full {
        width: 25%;
    }

    .col-1-5, .col-1-5.full {
        width: 20%;
    }

    .col-1-8 {
        width: 25%;
    }

    /* home page */
    #catlist a {
        padding: 5px;
        font-size: 12px;
        font-weight: normal;
        height: 50px;
    }

    /*
#homecats a, #catlist a  {
  padding:5px;
  font-size:12px;
  font-weight:normal;
  height:50px;
}
*/

    /* product page */
    #product .thumb, #product .blurb {
        width: 100%;
    }

    #prodright {
        width: 100%;
        float: left;
    }

    #productreview .rating {
        width: 35%;
    }

    #productreview .detail {
        width: 60%;
    }

    .buy_box .add {
        width: 280px;
        margin: 10px 0 10px 0;
    }

    .relateddetail {
        font-size: 12px;
        padding: 0 5px 0 5px;
    }

    .locationErrorDiv {
        margin-top: 30px;
        height: 250px;
        background: url("/Content/images/Delivery-Location-Error-Header.jpg") no-repeat top left;
    }

    .brandCategories .new {
        min-height: 100px;
    }

    .brandProdList {
        min-height: 400px;
    }
}

@media only screen and (min-width: 820px) and (max-width: 999px) {
    #search .keywords {
        font-size: 16px;
        padding: 10px;
        border: none;
        width: 230px;
        height: 50px;
        float: left;
        margin: 0;
    }

    #search {
        padding-top: 30px;
    }

    #accbar #contact li.phone {
        display: none;
    }

    #accbar #contact li.mail {
        display: none;
    }

    .featprod.grid img {
        min-height: 130px !important;
    }

    .featprod.grid .desc {
        height: 95px;
        padding: 3px 5px 3px 5px;
        font-size: 13px;
        line-height: 15px;
    }

    .featprod.grid .price {
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        height: 67px;
        overflow: hidden;
    }

    #footer #reviewscouk {
        margin-left: 15%;
    }

    #logo {
        width: 215px;
        margin: 25px 0 20px 10px;
        /*margin:10px 0 10px 10px;*/
    }

        #logo img {
            width: 200px;
            height: auto;
        }

    .dropdown_menu .column {
        width: 23%;
    }

    .dropdown_menu .title {
        font-size: 12px;
    }

    .dropdown_menu .column .item {
        line-height: 16px;
    }

    .browse_menu .title ul li:nth-child(2) {
        padding-left: 30%;
    }
}

@media only screen and (min-width: 660px) and (max-width: 819px) {
    #search .keywords {
        font-size: 16px;
        padding: 10px;
        border: none;
        width: 200px;
        height: 50px;
        float: left;
        margin: 0;
    }

    #search {
        padding-top: 30px;
    }

    #accbar #contact li.phone {
        display: none;
    }

    #accbar #contact li.mail {
        display: none;
    }

    .featprod.grid img {
        min-height: 130px !important;
    }

    .featprod.grid .desc {
        height: 95px;
        padding: 3px 5px 3px 5px;
        font-size: 13px;
        line-height: 15px;
    }

    .featprod.grid .price {
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        height: 67px;
        overflow: hidden;
    }

    #footer #reviewscouk {
        margin-left: 15%;
    }

    #logo {
        width: 200px;
        margin: 25px 0 20px 10px;
        /*margin:10px 0 10px 10px;*/
    }

        #logo img {
            width: 190px;
            height: auto;
        }

    .dropdown_menu .column {
        width: 23%;
    }

    .dropdown_menu .title {
        font-size: 12px;
    }

    .dropdown_menu .column .item {
        line-height: 16px;
    }

    .browse_menu .title ul li:nth-child(2) {
        padding-left: 29%;
    }
}

/*************** Mobile ****************
 *     *  ****  ****  ***** *     *****
 **   ** *    * *   *   *   *     *
 * *** * *    * ****    *   *     ***
 *     * *    * *   *   *   *     *
 *     *  ****  ****  ***** ***** *****
*/
/*@media only screen and (min-width: 0px) and (max-width: 659px) {*/

@media only screen and (min-width: 0px) and (max-width: 735px) {

    body {
        max-width: 736px; /*was 660 / was 768*/
        width: 100%;
    }

    h1 {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.1em;
    }

    /* main structure */
    #wrapper {
        max-width: 736px; /*was 660 / was 768*/
        width: 100%;
        overflow: hidden;
    }

    #main {
        clear: both;
        padding: 0 5px 0 5px;
    }

    .container {
        width: 100%;
    }

        .container.main {
            padding: 5px;
        }

    /* footer */
    #footer #reviewscouk {
        display: flex;
        justify-content: center;
        padding: 6px 0 6px 0;
    }

    #footer #signup {
        width: 320px;
        padding: 10px 0 10px 0;
        margin-left: auto;
        margin-right: auto;
    }

    #footer #social {
        width: 320px;
        padding: 10px 0 10px 0;
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .footerlinks {
        margin: 0 10px 0 10px;
        font-size: 14pt;
        line-height: 20pt;
    }

        .footerlinks li {
            margin-bottom: 4px;
        }

    #footer #reviews {
        padding: 10px 5px 10px 5px;
    }

        #footer #reviews li {
            width: 50%;
            padding: 0 5px 0 45px;
            background-size: 40px;
            height: 40px;
            font-size: 10px;
            margin-bottom: 10px;
            background-size: 40px 40px;
        }

            #footer #reviews li:nth-child(2n+1) {
                clear: both;
            }

    /* flexible columns */
    .col-1-1 {
        width: 100%;
    }

    .col-1-2 {
        width: 100%;
    }

    .col-1-3 {
        width: 50%;
    }

        .col-1-3:nth-child(2n+1) {
            clear: both;
        }

        .col-1-3.full {
            width: 100%;
            max-height: 375px;
        }

    .col-2-3 {
        width: 100%;
    }

    .col-1-4 {
        width: 50%;
    }

        .col-1-4.full {
            width: 50%;
        }

    /*		.col-1-4:nth-child(2n+1) {
			clear: both;
		}*/

    .col-1-8 {
        width: 25%;
    }

        .col-1-8.full {
            width: 50%;
        }

        .col-1-8:nth-child(4n+1) {
            clear: both;
        }

    /*.col-1-4 img, .col-1-8 img {
  width:100%;
}*/

    .col-3-4 {
        width: 100%;
    }

    .col-1-5 {
        width: 100%;
    }

    /* hide stuff we don't want on small screen */
    .mobile_hide, #accbar, #search, .basket_summary, #links, #nav, #payment {
        display: none;
    }

    .mobile_show {
        display: block;
    }

    /* header */
    #logo {
        max-width: 180px;
        padding: 10px 0 10px 0;
        margin-left: 10px;
        margin-right: auto;
        display: inline-block;
    }

        #logo img {
            max-width: 170px;
            height: auto;
        }

    .mobileVAT {
        margin-top: 15px;
        display: inline-block;
        float: right;
        margin-right: 8px;
        height: 36px;
    }

    .zzchristmas {
        text-align: left !important;
        min-height: 94px
    }

    #mobile_nav {
        background-color: #f8ec1a;
        width: 100%;
        float: left;
        font-size: 18px;
        color: #c71d21;
    }

        #mobile_nav ul {
            width: 100%;
        }

        #mobile_nav li {
            float: left;
            width: 25%;
            text-align: center;
            padding: 5px 0 5px 0;
        }

        #mobile_nav img {
            width: 40px;
            height: 40px;
        }

    .browse_menu, sign_up {
        display: none;
    }

    .mobile_menu {
        display: none;
    }

    .mobile_menu, .mobile_search {
        /*display:none;*/
        float: left;
        width: 100%;
        background: #eee; /*#f9f7d8;*/
        text-align: left;
        border-top: 1px dotted #c71d21;
    }

    .mobile_search {
        padding: 10px 10px 6px 10px; /*6px to fix weird padding*/
        border-bottom: 1px dotted #c71d21;
    }

        .mobile_search .keywords {
            width: calc(100% - 50px);
            height: 50px;
            float: left;
            font-size: 16px;
        }

    /*.mobile_search .keywords:hover {
  font-size:16px;
  background:#eee;
}*/

    .dropdown_menu .column {
        width: 100%;
        float: left;
    }

        .dropdown_menu .column .item {
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 20px;
            padding: 8px;
            border-bottom: 1px dotted #c71d21;
        }

    /* mobile button list */
    .mobile_list {
        margin: 0;
    }

        .mobile_list li {
            list-style: none;
            margin: 0;
        }

            .mobile_list li a {
                display: block;
                padding: 10px;
                border: 1px solid #ccc;
                width: 100%;
                margin-bottom: 5px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

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

    /* breadcrumb */
    #breadcrumb {
        font-size: 12px;
        margin-top: 10px;
        overflow: hidden;
    }

        #breadcrumb a, #breadcrumb span {
            padding: 5px 6px 5px 0px;
        }

            #breadcrumb a::after {
                content: " >";
            }

    /* home page */

    #scroller {
        margin: 10px 0 10px 0;
        overflow: hidden;
        min-height: 240px;
        min-width: 285px;
    }

    .authorizedSellerContainer, .authorizedSellerContainer img {
        margin-bottom: 10px;
        width: 235px;
        height: 24px;
    }

    .paypal p {
        font-size: 13px;
    }

    .paypal2 p {
        text-align: center;
    }

    /*.slick-dots {
  display:none;
}*/

    /*#homecats a {
  padding:5px;
  font-size:12px;
  font-weight:normal;
  height:50px;
}*/

    #catlist a {
        padding: 15px 5px 15px 5px;
        font-size: 14px;
        font-weight: normal;
    }

    #zzbrands a {
        padding: 10px;
        font-size: 14px;
        font-weight: normal;
        height: 50px;
    }

    /* product listing boxes */
    .featprod.grid .desc {
        height: 82px;
        overflow: hidden;
        padding: 5px;
        font-size: 12px;
        line-height: 15px;
    }

    .featprod.grid img {
        margin: 10px auto 10px auto;
        max-width: 100%;
        height: auto;
        min-height: 109px;
    }

    .featprod.grid .price {
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        height: 60px;
        overflow: hidden;
    }

    .featprod .price {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        /*background-color: #f0f6fd;
   *border-top: 1px solid #ccc;*/
        text-align: left;
        vertical-align: top;
        /*border-bottom-right-radius: 4px;*/
    }

    /*
.featprod.list .desc {
  height:60px;
  padding:10px;
  background-color:#c71d21;
  font-size:14px;
  border-bottom:1px solid #ccc;
  border-top-left-radius:4px;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  border-top-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
}

.featprod.list .longdesc {
  display:none;
}

.featprod.list a{
  color:#fff;
}

.featprod.list .price {
  border-bottom-left-radius:4px;
  height:80px;
}
*/

    #values li {
        width: 50%;
        padding: 0 0 0 45px;
        height: 40px;
        font-size: 14px;
        margin-bottom: 10px;
        background-size: 40px 40px;
    }

        #values li:nth-child(2n+1) {
            clear: both;
        }

    /*product page */

    #product h3 {
        margin: 10px 0 10px 0;
        padding-top: 10px;
    }

    #product .thumb, #product .blurb {
        width: 100%;
        float: left;
    }

    #product .thumb {
        margin-bottom: 5px;
    }

        #product .thumb .prodimg {
            width: 100%;
            min-width: 350px;
            min-height: 350px;
        }

    #prodright {
        width: 100%;
        float: left;
    }

    .buy_box .dim {
        font-size: 16px;
        background-color: #fff;
    }

    #productreview {
        max-height: 500px;
    }

        #productreview .rating {
            width: 100%;
        }

        #productreview .detail {
            width: 100%;
            margin-top: 15px;
        }

    #review-entry td {
        padding-right: 10px;
    }

    .videowrapper {
        width: 100%;
    }

    .pdfwrapper {
        width: 100%;
        padding: 10px;
        margin: 10px 0 0 0;
    }

    .includewrapper {
        width: 100%;
    }

    .includedetail {
        width: calc(100% - 90px);
    }

    .accessdetail {
        width: 200px;
        float: right;
    }

    .rangewrapper {
        margin-bottom: 5px;
    }

    .rangedetail, .manufacturerdetail {
        width: 200px;
    }

    #product .action {
        margin-right: 5px;
    }

        #product .action img {
            border: 1px solid #ccc;
            max-width: 50px;
            max-height: 50px;
        }

    #product .figaction {
        display: flex;
        height: 50px;
    }

    #product .thumb .img-gallery {
        position: relative;
        display: flex;
        min-height: 425px;
    /* Reserve space for main image container to prevent CLS */
    #product .thumb .img-gallery > div:first-child {
        width: 100%;
        aspect-ratio: 1/1;
    }
    }

    /*Added August 2023 for shorter blue boxes in mobile view*/
    .brandCategories .new .cat a div.blueBar, .allcategories .cat a div.blueBar {
        height: 55px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        display: table;
        background-color: #1D5796;
    }

        .brandCategories div.blueBar div, .allcategories .cat a div.blueBar div {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color: #fff;
            font-size: 14px;
            height: 55px;
            width: 100%;
        }

        .brandCategories div.blueBar.man div, .allcategories .cat a div.blueBar.man div {
            font-size: 14px;
            padding-left: 2px;
            padding-right: 2px;
        }
    /*Added August 2023 for shorter blue boxes in mobile view*/

    /* category filters */
    #filters_body {
        display: none;
    }

    /* paging and sorting */
    .sortwrapper, .pagewrapper {
        width: 100%;
        margin-bottom: 5px;
        float: left;
        font-size: 12px;
    }

        .pagewrapper p {
            line-height: 2.5em;
        }

        .pagewrapper a, alphawrapper a {
            padding: 1px 5px;
        }

        .sortwrapper select {
            font-size: 12px;
        }

    .displaywrapper {
        display: none;
    }

    /*#category_blurb, .category_blog {
	.category_blog {
		display: none;
	}*/

    .category_blog {
        padding: 15px 20px 15px 60px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background: #e3f7fc url('/content/images/icon_blog.png') no-repeat 10px;
        border: 1px solid #8ed9f6;
        margin-bottom: 10px;
        line-height: 20px;
    }

    #category_blurb img {
        max-width: 50% !important;
    }

    /* basket contents */
    /* break normal table layout */
    #basket-content, #basket-content tr, #basket-content td {
        display: block;
    }

        #basket-content thead {
            display: none;
        }


    .separate {
        border-bottom: 2px solid #eee;
    }

    #basket-content {
        margin-top: 10px;
    }

        #basket-content tr {
            width: 100%;
            float: left;
        }

        #basket-content td {
            padding: 5px;
        }

            #basket-content td.image {
                float: left;
                width: 30%;
            }

                #basket-content td.image img {
                    max-width: 100%;
                }

            #basket-content td.desc {
                float: right;
                width: 70%;
            }

            #basket-content td.qty {
                float: right;
                width: 70%;
                text-align: left;
            }

            #basket-content td.value {
                float: right;
                width: 70%;
                text-align: left;
            }

        #basket-content .remove, #basket-content .updateBasket {
            display: inline-block !important;
            margin-right: 2px !important;
        }

        #basket-content .qty .qtyButtons {
            left: 90px;
            bottom: 10px;
            transform: none;
        }

        #basket-content .qtyBox {
            width: 40px;
        }


    #basket-footer #postage {
        width: 100%;
        float: left;
    }

    #basket-footer #promo {
        width: 100%;
        float: left;
    }

    #basket-footer #totals {
        width: 100%;
        float: left;
    }

    #basket-totals td {
        padding: 5px;
    }

        #basket-totals td.value {
            text-align: right;
        }

        /*
#basket-totals td.total {
}
*/
        #basket-totals td.checkout {
            text-align: center;
        }

    #basket-totals .checkout-buttons {
        margin-left: auto;
        margin-right: auto;
    }


    /* testimonials page */
    /*
#testimonials .header
{
}*/

    /* login */
    .login {
        padding: 20px;
        margin-bottom: 10px;
    }

    .login-left, .login-right {
        padding: 10px 20px 20px 20px;
        margin-bottom: 10px;
    }

    /* checkout */
    .checkout-wrapper {
        width: 100%;
        padding: 10px 0 10px 0;
    }

        .checkout-wrapper label, .login label, .login-left label {
            width: 100%;
        }

        .checkout-wrapper input, .checkout-wrapper select, .checkout-wrapper textarea,
        .login input, .login select, .login-left input, .login-left select, .login-left a.button.proceed {
            width: 100%;
            margin-bottom: 5px;
        }

    .login .checkbox input, .login-left .checkbox input {
        width: 10%;
        text-align: left;
    }

    .login .checkbox label, .login-left .checkbox label {
        width: 80%;
        text-align: left;
    }

    .login-right .button {
        margin-bottom: 5px;
    }

    #delivery_opts .upgrade {
        padding: 10px;
        height: 140px;
    }

    .tech_nos {
        width: 100%;
    }

    .locationErrorDiv {
        margin-top: 30px;
        height: 250px;
        background: url("/Content/banners/Mobile/Delivery-Location-Error-Mobile.jpg") no-repeat top left;
    }

    .button.prominent {
        padding: 8px 6px;
    }
    /*Added August 2023 for redesigned contact page buttons*/
    .button.proceedcontact {
        background-color: #239043;
        border: 1px solid #239043;
        color: #fff;
        width: 100%;
    }

    .button.defaultcontact {
        background-color: #fff;
        border: 1px solid silver;
        color: #2e2c2c;
        width: 100%;
    }

        .button.defaultcontact:hover {
            background-color: #eee;
        }

    .button.proceedcontact:hover {
        background-color: #090;
        cursor: pointer;
    }
    /*Added August 2023 for redesigned contact page buttons*/

    .loader_inner p, .loader_inner a {
        color: #fff;
        font-size: 22px;
    }

    .loader_inner a {
        cursor: pointer;
        color: #fff32f
    }

    #vatswitch {
        float: right;
        max-width: 85px;
        display: block;
        color: #FFF;
    }

        #vatswitch span, #vatswitch a {
            float: left;
        }

            #vatswitch a img {
                max-width: 30px;
            }

    #badge-ribbon {
        height: 90px;
    }

    .floatDir {
        float: none;
    }

    #banners img {
        min-height: auto;
        min-width: 250px;
    }

    #Scroller .bannerDiv img {
        min-height: auto;
        min-width: 250px;
    }

    .scrollers .bannerDiv a {
        height: auto;
        width: 100%;
        display: block;
    }

    .viewAllBrands {
        line-height: 30pt;
    }

    .featprod .offerdefinedimage, .featprod .offerdefinedimagelower, .featprod .offer {
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 0px;
        right: 0;
        z-index: 1;
        pointer-events: none;
        width: 135px;
        height: 135px;
    }

    #product .thumb .offerdefinedimage, #product .thumb .offer, #product .thumb .offerdefinedimagelower, #product .thumb .offerlower {
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 75px;
        right: 0;
        z-index: 1;
        pointer-events: none;
        width: 135px;
        height: 135px;
    }

    #product .thumb .offer, .featprod .offer, #product .thumb .offerlower {
        background-image: url(/Content/images/offers_stripe_df.png);
        z-index: 1;
    }

    .featprod .offerdefinedimage, .featprod .offer {
        width: 85px;
        height: 85px;
    }

    /*#product .thumb .offerdefinedimage, #product .thumb .offer {
		bottom: 105px;
	}*/

    .modal-body {
        max-height: 300px;
        min-width: 200px;
        overflow-y: auto;
    }

    .modal-content {
        background-color: #fff;
        min-height: 200px;
        min-width: 200px;
        /*border: 0px !important;*/
    }

        .modal-content .proceed {
            margin-left: 50px;
            float: left !important;
        }

    .modal-header {
        border: 0;
        border-radius: 0.3rem;
        height: 30px;
        width: 200px;
    }

    .mobileLi {
        position: relative;
    }

    .basketQtyMobile {
        position: absolute;
        top: 5px;
        left: 70px;
        /* background-color: #f8ec1a; */
        font-size: 14px;
        font-weight: bold;
    }


    .alignCenter {
        float: none;
        text-align: center !important;
        position: relative;
        height: 30px;
    }

        .alignCenter input, .alignCenter button {
            transform: translate(-50%, 0%);
            width: 70%;
            position: absolute;
        }

        .alignCenter button, .alignCenter input {
            font-size: 16px !important;
        }

    .signInSpan {
        float: none;
        margin-right: 0px;
        display: block !important;
    }

    span.overlay {
        position: absolute;
        left: 54px;
        bottom: 51px;
        pointer-events: none;
    }

    .brandCategories .new {
        min-height: 100px;
    }

    .brands img {
        min-width: 100px;
        min-height: 100px;
        max-width: 100px;
        max-height: 100px;
        width: 100%;
        height: auto;
    }

    .link.expand {
        width: 100%;
        margin-top: 10px;
        background-repeat: no-repeat;
        background-position: right 10px center;
        display: inline-block;
        margin-bottom: 3px;
        font-size: 16px;
        font-weight: 900;
    }

    .Look {
        font-weight: bold;
        font-size: 14px;
        color: red;
        padding-left: 10px;
        text-align: left;
        margin-top: 2px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 0) {
    .flext {
        display: flex;
    }
}

/************* Mobile Small ************************************************
 *     *  ****  ****  ***** *     *****      ***  *     *  ***  *     *
 **   ** *    * *   *   *   *     *         *     **   ** *   * *     *
 * *** * *    * ****    *   *     ***        ***  * *** * ***** *     *
 *     * *    * *   *   *   *     *             * *     * *   * *     *
 *     *  ****  ****  ***** ***** *****     ****  *     * *   * ***** *****
*/
@media only screen and (min-width: 0px) and (max-width: 320px) {

    #logo {
        max-width: 170px !important;
        padding: 10px 0 10px 0;
        margin-left: 10px;
        margin-right: auto;
        display: inline-block;
    }

        #logo img {
            max-width: 160px !important;
        }

    .featprod.grid img {
        height: 130px;
    }

    /* footer */
    #footer #reviewscouk {
        width: 240px;
        padding: 10px 0 10px 0;
        margin-left: 8px;
    }

    #footer #social {
        width: 240px;
        padding: 10px 0 10px 0;
        text-align: center;
        margin-left: 20px;
    }

    .videowrapper {
        margin: 0 -10px 0 -10px;
    }

    .featprod .price .avail {
        padding-left: 22px;
        font-size: 10px;
    }

    .checkout-wrapper .selected button {
        background-position: right 4px center;
        background-size: 18px;
    }

    .featprod .offerdefinedimage, .featprod .offer {
        width: 85px !important;
        height: 85px !important;
    }

    #product .thumb .offerdefinedimage, #product .thumb .offer, #product .thumb .offerdefinedimagelower, #product .thumb .offerlower {
        width: 85px !important;
        height: 85px !important;
    }

    .footerlinks {
        margin: 0 10px 0 10px;
        font-size: 11pt;
        line-height: 15pt;
    }
}

@media only screen and (min-width: 321px) and (max-width: 735px) {

    #logo {
        max-width: 250px;
        padding: 10px 0 10px 0;
        margin-left: 10px;
        margin-right: auto;
        display: inline-block;
    }

        #logo img {
            max-width: 240px;
        }

    .featprod.grid img {
        min-height: 130px;
    }

    .featprod .price .avail {
        padding-left: 22px;
        font-size: 12px;
        line-height: 18px;
        background-size: 20px 20px;
    }

    .checkout-wrapper .selected button {
        background-position: right 4px center;
        background-size: 18px;
    }

    #basket-content tr.item img, .checkout-wrapper #basket-content td.image img {
        max-width: 80px;
    }

    #basket-related .panel {
        width: 100%;
        height: auto !important;
        min-height: 160px;
    }

    #basket-related .button.proceed {
        display: inline-block;
        width: 25%;
        padding: 6px 1px !important;
    }

    .featprod .offerdefinedimage, .featprod .offer {
        width: 85px !important;
        height: 85px !important;
    }

    #product .thumb .offerdefinedimage, #product .thumb .offer, #product .thumb .offerdefinedimagelower, #product .thumb .offerlower {
        width: 135px !important;
        height: 135px !important;
    }
}

@media only screen and (max-width: 437px) {

    #logo {
        max-width: 220px;
        padding: 10px 0 10px 0;
        margin-left: 10px;
        margin-right: auto;
        display: inline-block;
    }

        #logo img {
            max-width: 210px;
        }

    .featprod .price .avail {
        padding-left: 30px;
        font-size: 12px;
        /*margin-top: 5px;*/
        line-height: 22px;
        background-size: 20px 20px;
    }

    #basket-content tr.item img, .checkout-wrapper #basket-content td.image img {
        max-width: 80px;
    }

    #basket-related .panel {
        width: 100%;
        height: auto !important;
        min-height: 160px;
    }

    #basket-related .button.proceed {
        width: 49%
    }

    #basket-related .button.default {
        display: block;
        margin-top: 5px
    }

    .featprod .offerdefinedimage, .featprod .offer {
        width: 85px;
        height: 85px;
    }

    #product .thumb .offerdefinedimage, #product .thumb .offer, #product .thumb .offerdefinedimagelower, #product .thumb .offerlower {
        width: 135px;
        height: 135px;
    }

    .footerlinks {
        margin: 0 5px 0 5px;
        font-size: 11pt;
        line-height: 16pt;
    }
}

@media print {

body {
  color:#000;
}

#header { display:none; }

#footer { display:none; }

#scroller { display:none; }

#filters { display:none; }

.pagingwrapper { display:none; }

}