body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #60605b;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #60605b;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.fa {
    font-size: 14px;
}

h1 {
    font-size: 33px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10.2px;
}

a {
    color: #23a1d1;
}

    a:hover {
        text-decoration: none;
    }

legend {
    font-size: 18px;
    padding: 7px 0px
}

label {
    font-size: 12px;
    font-weight: normal;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 12px;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

.dropdown-menu-toolbar {
    margin: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 2000;
}

.nav-pills-toolbar > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-pills-toolbar > li + li {
    margin-left: 0;
}

.nav-pills-toolbar > li > a {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    height: 30px !important;
}

.toolbar-dark {
    background-color: #60605B;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

    .toolbar-dark .nav > li > a {
        color: #cccccc;
    }

        .toolbar-dark .nav > li > a:focus,
        .toolbar-dark .nav > li > a:hover {
            background-color: #eeeeee;
            color: #60605b;
        }

    .toolbar-dark .nav .open > a,
    .toolbar-dark .nav .open > a:focus,
    .toolbar-dark .nav .open > a:hover {
        background-color: #eeeeee;
        color: #60605b;
    }

    .toolbar-dark .dropdown-menu > li > a {
        color: #60605b;
    }

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

#header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eeeeee;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}

#logo {
}

#search {
    margin-top: 10px;
}

    #search .input-lg {
        height: 40px;
        line-height: 20px;
        padding: 0 10px;
    }

    #search .btn-lg {
        font-size: 15px;
        line-height: 18px;
        padding: 10px 35px;
        text-shadow: 0 1px 0 #FFF;
    }

#cart {
    margin-top: 10px;
}

    #cart > .btn {
        font-size: 12px;
        line-height: 18px;
        color: #FFF;
    }

    #cart.open > .btn {
        background-image: none;
        background-color: #FFFFFF;
        border: 1px solid #DDD;
        color: #60605b;
        box-shadow: none;
        text-shadow: none;
    }

        #cart.open > .btn:hover {
            color: #70706B;
        }

    #cart .dropdown-menu {
        background: #eee;
        z-index: 1001;
    }

    #cart .dropdown-menu {
        min-width: 100%;
    }

        #cart .dropdown-menu table {
            margin-bottom: 10px;
        }

        #cart .dropdown-menu li > div {
            min-width: 427px;
            padding: 0 10px;
        }

        #cart .dropdown-menu li p {
            margin: 20px 0;
        }

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu li > a:active {
    text-decoration: none;
    color: #60605b;
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #DDD, #EEEEEE);
    background-repeat: repeat-x;
}

#menu {
    background-color: #EEEEEE;
    background-repeat: repeat-x;
    border-color: #DDD #DDD #B3B3B3 #B7B7B7;
}

    #menu .nav > li > a {
        color: #60605b;
        min-height: 15px;
        background-color: transparent;
    }

        #menu .nav > li > a:hover,
        #menu .nav > li > a:focus,
        #menu .nav > li.open > a {
            background-color: rgba(0, 0, 0, 0.1);
        }

    #menu .dropdown-menu {
        padding-bottom: 0;
    }

    #menu .dropdown-inner {
        display: table;
    }

        #menu .dropdown-inner ul {
            display: table-cell;
        }

        #menu .dropdown-inner a {
            min-width: 160px;
            display: block;
            padding: 10px 20px;
            clear: both;
            line-height: 20px;
            color: #60605b;
            font-size: 12px;
        }

        #menu .dropdown-inner li a:hover {
            color: #60605b;
        }

    #menu .see-all {
        display: block;
        margin-top: 0.5em;
        border-top: 1px solid #DDD;
        padding: 10px 20px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 3px 3px;
        font-size: 12px;
    }

        #menu .see-all:hover, #menu .see-all:focus {
            text-decoration: none;
            color: #60605b;
            background-color: #EEEEEE;
            background-image: linear-gradient(to bottom, #DDD, #EEEEEE);
            background-repeat: repeat-x;
        }

    #menu a.see-all {
        color: #60605b;
    }

    #menu .navbar-brand {
        color: #60605b;
    }

    #menu .navbar-toggle {
        border-color: #DDD #DDD #B3B3B3 #B7B7B7;
    }

        #menu .navbar-toggle .icon-bar {
            background-color: #60605b;
        }

        #menu .navbar-toggle:focus, #menu .navbar-toggle:hover {
            background-color: #DDD;
        }

#content {
    min-height: 600px;
}

footer {
    margin-top: 30px;
    padding-top: 30px;
    background-color: #EEEEEE;
    border-top: 1px solid #ddd;
    color: #60605B;
}

    footer hr {
        border-top: none;
        border-bottom: 1px solid #666;
    }

    footer a {
        color: #60605B;
    }

        footer a:hover, footer a:focus, footer a:active {
            color: #30302E;
        }

    footer h5 {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #60605B;
    }

    footer .list-inline .fa {
        font-size: 3em;
    }

.alert {
    padding: 8px 14px 8px 14px;
}

.breadcrumb {
    margin: 0 0 20px 0;
    padding: 8px 0;
    border: 1px solid #DDD;
    border-color: #DDD #DDD #B3B3B3 #B7B7B7;
}

    .breadcrumb i {
        font-size: 15px;
    }

    .breadcrumb > li {
        text-shadow: 0 1px 0 #FFF;
        padding: 0 20px;
        position: relative;
        white-space: nowrap;
    }

        .breadcrumb > li + li:before {
            content: '';
            padding: 0;
        }

        .breadcrumb > li:after {
            content: '';
            display: block;
            position: absolute;
            top: -3px;
            right: -5px;
            width: 26px;
            height: 26px;
            border-right: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .breadcrumb a {
        color: #666;
    }

.pagination {
    margin: 0;
}

    .pagination > li > a, .pagination > li > span {
        color: #60605b;
        text-decoration: none;
        background-color: #FFF;
        border: 1px solid #DDD;
    }

.buttons {
    margin: 1em 0;
}

.btn {
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 9px;
}

.btn-group > .btn-sm {
    font-size: 10.2px;
}

.btn-group > .btn-lg {
    font-size: 15px;
}

.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background-color: #1f90bb;
        background-position: 0 -15px;
    }

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

    .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
        box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    }

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
        box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    }

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}

    .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
        box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    }

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}

    .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
        background-image: none;
        background-color: #df5c39;
        border-color: #FC3C09;
    }

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled] {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
        box-shadow: none;
    }

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #70706B;
    background-image: linear-gradient(to bottom, #80807C, #70706B);
    background-repeat: repeat-x;
    border-color: #70706B #70706B #565652;
}

    .btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
        background-color: #60605b;
        background-image: linear-gradient(to bottom, #60605b, #70706B);
    }

.btn-red {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #E13439;
    background-image: linear-gradient(to bottom, #E54A4F, #E13439);
    background-repeat: repeat-x;
    border-color: #E13439 #E13439 #C81A20;
}

    .btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red.active, .btn-red.disabled, .btn-red[disabled] {
        background-color: #DE1D23;
        background-image: linear-gradient(to bottom, #DE1D23, #E13439);
        color: #ffffff;
    }

.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}

    .list-group a.active, .list-group a.active:hover, .list-group a:hover {
        color: #444444;
        background: #eeeeee;
        border: 1px solid #DDDDDD;
        text-shadow: 0 1px 0 #FFF;
    }

.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}

    .product-thumb .image {
        text-align: center;
    }

        .product-thumb .image a {
            display: block;
        }

            .product-thumb .image a:hover {
                opacity: 0.8;
            }

        .product-thumb .image img {
            margin-left: auto;
            margin-right: auto;
        }

.product-grid .product-thumb .image {
    float: none;
}

.product-thumb h4 {
    font-weight: bold;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 230px;
}

.product-list .product-thumb .caption {
    margin-left: 230px;
}

.product-thumb .rating {
    padding-bottom: 10px;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

    .rating .fa-star + .fa-star-o {
        color: #E69500;
    }

h2.price {
    margin: 0;
}

.product-thumb .price {
    color: #444;
}

.product-thumb .price-new {
    font-weight: 600;
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button, .product-thumb .button-group a {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

    .product-thumb .button-group a + button, .product-thumb .button-group button + button {
        width: 20%;
        border-left: 1px solid #ddd;
    }

    .product-thumb .button-group button:hover, .product-thumb .button-group a:hover {
        color: #444;
        background-color: #ddd;
        text-decoration: none;
        cursor: pointer;
    }

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .thumbnails > li {
        margin-left: 20px;
    }

.thumbnails {
    margin-left: -20px;
}

    .thumbnails > img {
        width: 100%;
    }

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}

.image-additional {
    max-width: 78px;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
}

.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

.swatch2 {
    display: block;
    width: 100%;
    height: 25px;
}

    .swatch2 span {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
        float: left;
        margin: 0 0 0 0;
    }

    .swatch2.threecolor span {
        width: 33.3%;
    }

    .swatch2.twocolor span {
        width: 50%;
    }

.colour-picker .colour-swatch {
    width: 50px;
}

    .colour-picker .colour-swatch .thumbnail {
        margin-bottom: 0px;
    }

.swatch2 span.all {
    color: #000;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
}

.available-colours .colour-swatch {
    width: 30px;
}

.available-colours .swatch2 {
    height: 20px;
}

.txtQty {
    height: 25px;
    padding: 0px 0px 0px 1px;
    width: 100%;
    max-width: 30px;
    min-width: 30px;
}

.colourname.title {
    vertical-align: middle;
}

#colour-table tr th {
    text-align: center;
    vertical-align: middle;
}

#colour-table td {
    text-align: center;
    vertical-align: middle;
}

.colourswatch .swatch2 {
    width: 30px;
}

.product-thumb .badges {
    position: absolute;
    top: 5px;
    right: 20px;
    width: 70px;
    z-index: 2;
}

    .product-thumb .badges div {
        font-size: 12px;
        font-weight: 900;
        line-height: 20px;
        margin-bottom: 5px;
        border: 3px solid #232323;
        text-transform: uppercase;
        text-align: center;
        color: #232323;
        background-color: #FFFFFF;
    }

        .product-thumb .badges div.promo {
            border-color: #EA0000;
            color: #EA0000;
        }

        .product-thumb .badges div.feat {
            border-color: #FFFD70;
            color: #232323;
        }

        .product-thumb .badges div.newold {
            border-color: #FF7070;
            color: #FF7070;
        }

        .product-thumb .badges div.new {
            border-color: #DE1D23;
            color: #DE1D23;
        }

.badges h1.new {
    position: absolute;
    top: 5px;
    right: 20px;
    width: 70px;
    z-index: 2;
}

.badges h1.new {
    font-size: 12px;
    font-weight: 900;
    line-height: 20px;
    margin-bottom: 5px;
    border: 3px solid #232323;
    text-transform: uppercase;
    text-align: center;
    color: #232323;
    background-color: #FFFFFF;
}

.badges h1.new {
    border-color: #DE1D23;
    color: #DE1D23;
}



.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.no-bottom-margin {
    margin-bottom: 0px;
}

.margin-none {
    margin: 0;
}

hr.nzu-line-subred {
    border: 5px solid #de1d23;
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.nzu-line-red {
    border: 5px solid #b20a20;
    margin-top: 10px;
    margin-bottom: 10px;
}

.owl-controls, .owl-carousel {
    //background-color:#EEE;
}

.owl-wrapper-outer {
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    //background-color:#EEE;
    //border-color:#EEE;
}

#related-products .item {
    margin-left: 15px;
    margin-right: 15px;
}

#featured .item {
    margin-left: 15px;
    margin-right: 15px;
}

#new-arrivals .item {
    margin-left: 15px;
    margin-right: 15px;
}

#top-sellers .item {
    margin-left: 15px;
    margin-right: 15px;
}

.nav-tabs > li > a {
    color: #60605b;
}

.nav-tabs-center.nav-tabs > li,
.nav-tabs-center.nav-pills > li {
    float: none;
    display: inline-block;
    font-family: 'Roboto';
    *display: inline;
    zoom: 1;
}

.nav-tabs-center.nav-tabs {
    text-align: center;
}

    .nav-tabs-center.nav-tabs h1 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 20px;
    }

#tabpanel {
    margin-top: 20px;
}

#testimonials .item {
    padding: 40px 0px;
    text-align: center;
}

.bquote {
    text-align: left;
}

.testimonials-heading p {
    font-size: 20px;
}

.product-list .product-thumb .image {
    overflow: hidden;
    position: relative;
}

    .product-list .product-thumb .image img {
        /*max-height: 300px;*/
        position: relative;
    }

@media (max-width:478px) {
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}

@media (min-width:768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width:767px) {
    #menu {
        border-radius: 4px;
    }

        #menu div.dropdown-inner > ul.list-unstyled {
            display: block;
        }

        #menu div.dropdown-menu {
            margin-left: 0 !important;
            padding-bottom: 10px;
            background-color: rgba(0, 0, 0, 0.1);
        }

        #menu .dropdown-inner {
            display: block;
        }

            #menu .dropdown-inner a {
                width: 100%;
                color: #60605b;
            }

        #menu .dropdown-menu a:hover,
        #menu .dropdown-menu ul li a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        #menu .see-all {
            margin-top: 0;
            border: none;
            border-radius: 0;
            color: #60605b;
        }
}

@media (max-width:478px) {
    #cart .dropdown-menu {
        width: 100%;
    }
}

@media (max-width:480px) {
    .breadcrumb > li::after {
        border: none;
        transform: none;
        content: "";
    }

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }

    .breadcrumb > li {
        padding: 0px 0px 0px 10px;
    }

        .breadcrumb > li + li {
            padding: 0;
        }
}

@media (min-width:767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}

@media (max-width:1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}

@media (max-width:767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

@media (max-width:768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

@media (max-width:1200px) {
    .product-thumb .button-group button, .product-thumb .button-group a + button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

@media (max-width:767px) {
    .product-thumb .button-group button, .product-thumb .button-group a + button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

@media (min-width:768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

@media (max-width:480px) {
    .nav-tabs-center.nav-tabs h1 {
        font-size: 12px;
    }
}

@media (min-width:768px) {
    #testimonials .item {
        padding: 30px 0px;
    }
}

#brands .item {
    margin-left: 15px;
    margin-right: 15px;
}

.available-colours {
    max-height: 50px;
    min-height: 20px;
    overflow: hidden;
}

.product-thumb .caption h4 {
    min-height: 35px;
}

.product-thumb .caption h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.product-thumb .caption p {
    min-height: 40px;
}

.product-thumb .caption .price {
    min-height: auto;
    margin-bottom: 3px;
}

.item .product-thumb .caption {
    min-height: 180px;
}

.product-list .product-thumb .caption {
    min-height: 260px;
}

.product-grid .product-thumb .image {
    min-height: 300px;
}

.product-thumb .image img {
    /*max-height: 300px;*/
}

/*li.colour-swatch:nth-child(14)*/
/*
.filter label{width:100%;}
.filter.panel-group .panel + .panel{margin-top:0;}
.filter .panel-heading{color:#60605b;background-color:none;}
.filter .panel{border:none;}
*/

.filter .panel-heading {
    color: #60605b;
}
/* override label 100% */
.filter .checkbox-inline {
    padding: 0 !important;
}
/* colour */
.filter #collapse5 {
    height: auto;
    max-height: 218px;
    overflow-x: hidden;
}
/* size */
.filter #collapse4 label {
    width: 50px !important;
}

.filter #collapse4 .checkbox-inline {
    margin-left: 20px !important;
}

.filter #collapse4 {
}
/* cat */
.filter #collapse3 label {
    width: 90px !important;
}

.filter #collapse3 .checkbox-inline {
    margin-left: 20px !important;
}
/* type */
.filter #collapse2 label {
    width: 90px !important;
}

.filter #collapse2 .checkbox-inline {
    margin-left: 20px !important;
}

.colour-picker > li > a.thumbnail.checked span :after {
    display: inline-block;
    content: "\00d7"; /* This will render the 'X' */
    font-size: 18px;
    margin-left: 10px;
    font-weight: bold;
    color: #fff;
    position: relative;
    text-shadow: 0px 0px 2px #888;
}


.test-element:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}


.colour-picker > li > a.thumbnail.checked span + span:after {
    content: "";
}

.colour-picker > li > a.thumbnail.checked span + span + span:after {
    content: "";
}

.filter .panel-body {
    padding: 15px 15px 10px 15px;
}

    .filter .panel-body label {
        font-weight: bold;
        cursor: pointer;
    }

    .filter .panel-body .checkbox-inline {
        cursor: default;
    }

.colour-picker {
    margin-bottom: 0;
}


.cover-img {
    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center center;
}

.bk-2000 {
    min-height: 200px;
    width: 100%;
    background-image: url("/userfiles/2015/cat-banners/2000-850x200.png");
}

.bk-18500 {
    min-height: 200px;
    width: 100%;
    background-image: url("/userfiles/2015/cat-banners/18500B-850x200.png");
}

.bk-m6001-6009 {
    min-height: 200px;
    width: 100%;
    background-image: url("/userfiles/2015/cat-banners/m6001-6009-850x200.png");
}

.bk-ccc-rugby {
    min-height: 200px;
    width: 100%;
    background-image: url("/userfiles/2016/slides/BG___CCCCORE247.png");
}


.available-colours .colour-swatch {
    width: 29px;
}

/* for img bassed swatch */
.swatch2 > * {
    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center center;
}

._gry {
    background-color: grey !important;
}

._blk {
    background-color: black !important;
}

._red {
    background-color: red !important;
}

._yel {
    background-color: yellow !important;
}

._mar {
    background-color: maroon !important;
}

._nav {
    background-color: navy !important;
}

._sky {
    background-color: #00FFFF !important;
}

._wht {
    background-color: white !important;
    border: 1px solid #000 !important;
}

/* jan */
.swatch2 ._0an {
    background-image: url("/userfiles/2015/patterns/0AN.jpg");
}
/* Watercolor Spots */
.swatch2 ._1jo {
    background-image: url("/userfiles/2015/patterns/1JO.jpg");
}
/* Black Flouro Pink */
.swatch2 ._1j0 {
    background-image: url("/userfiles/2015/patterns/1JO.jpg");
}
/* Black Flouro Pink same as above it should number 0 not letter O */
.swatch2 ._01h {
    background-image: url("/userfiles/2015/patterns/01H.jpg");
}
/* Spanish Teal */
.swatch2 ._05x {
    background-image: url("/userfiles/2015/patterns/05X.jpg");
}
/* High Risk Red Aztec Camo */
.swatch2 ._06b {
    background-image: url("/userfiles/2015/patterns/06B.jpg");
}
/* Zap Green Double Vision */
.swatch2 ._06j {
    background-image: url("/userfiles/2015/patterns/06J.jpg");
}
/* Multi Black Painted Stripes */
.swatch2 ._06n {
    background-image: url("/userfiles/2015/patterns/06N.jpg");
}
/* Black Superhero */
.swatch2 ._09n {
    background-image: url("/userfiles/2015/patterns/09N.jpg");
}
/* Mixtapes */
.swatch2 ._09v {
    background-image: url("/userfiles/2015/patterns/09V.jpg");
}
/* Astro Kitty */
.swatch2 ._09y {
    background-image: url("/userfiles/2015/patterns/09Y.jpg");
}
/* Multi Donuts */
.swatch2 ._jnv {
    background-image: url("/userfiles/2015/patterns/JNV.jpg");
}
/* Navy */
.swatch2 ._09z {
    background-image: url("/userfiles/2015/patterns/09Z.jpg");
}
/* Black Ele Fancy */
.swatch2 ._0a0 {
    background-image: url("/userfiles/2015/patterns/0A0.jpg");
}
/* Fireworks */
.swatch2 ._0a5 {
    background-image: url("/userfiles/2015/patterns/0A5.jpg");
}
/* High Risk Red Heart to Resist */
.swatch2 ._0aa {
    background-image: url("/userfiles/2015/patterns/0AA.jpg");
}
/* Black Lucky Daisy */
.swatch2 ._0ab {
    background-image: url("/userfiles/2015/patterns/0AB.jpg");
}
/* Grey Rabbit Lucy Leopard */
.swatch2 ._0ac {
    background-image: url("/userfiles/2015/patterns/0AC.jpg");
}
/* Multi O X O */
.swatch2 ._0af {
    background-image: url("/userfiles/2015/patterns/0AF.jpg");
}
/* Painted Stones */
.swatch2 ._0ag {
    background-image: url("/userfiles/2015/patterns/0AG.jpg");
}
/* Peacock */
.swatch2 ._0ak {
    background-image: url("/userfiles/2015/patterns/0AK.jpg");
}
/* Lipstick Pink Tea RoseDtzy */
.swatch2 ._0ap {
    background-image: url("/userfiles/2015/patterns/0AP.jpg");
}
/* Mammoth Blue Wild At Heart */
.swatch2 ._0b5 {
    background-image: url("/userfiles/2015/patterns/0B5.jpg");
}
/* Junk Food */
.swatch2 ._0bf {
    background-image: url("/userfiles/2015/patterns/0BF.jpg");
}
/* Purple Drip Dye */
.swatch2 ._9zg {
    background-image: url("/userfiles/2015/patterns/9ZG.jpg");
}
/* Aqua Dash */
.swatch2 ._9rr {
    background-image: url("/userfiles/2015/patterns/9RR.jpg");
}
/* Zap Green */
.swatch2 ._5cs {
    background-image: url("/userfiles/2015/patterns/5CS.jpg");
}
/* Blue Streak */
.swatch2 ._04g {
    background-image: url("/userfiles/2015/patterns/04G.jpg");
}
/* Malt Tan Boho Stripe */
.swatch2 ._2c8 {
    background-image: url("/userfiles/2015/patterns/2C8.jpg");
}
/* Vivid Purple */
.swatch2 ._04t {
    background-image: url("/userfiles/2015/patterns/04T.jpg");
}
/* Burnt Henna */
.swatch2 ._05b {
    background-image: url("/userfiles/2015/patterns/05B.jpg");
}
/* Violet Purple */
.swatch2 ._05w {
    background-image: url("/userfiles/2015/patterns/05W.jpg");
}
/* Burnt Henna Abstract Angles */
.swatch2 ._0b1 {
    background-image: url("/userfiles/2015/patterns/0B1.jpg");
}
/* Cyber Pink Tribal Art */
.swatch2 ._01f {
    background-image: url("/userfiles/2015/patterns/01F.jpg");
}
/* Blue Crest */
.swatch2 ._6xd {
    background-image: url("/userfiles/2015/patterns/6XD.jpg");
}
/* Forge Grey */
.swatch2 ._9fl {
    background-image: url("/userfiles/2015/patterns/9FL.jpg");
}
/* Viking Red */
.swatch2 ._9zh {
    background-image: url("/userfiles/2015/patterns/9ZH.jpg");
}
/* Navy Moonshine */
.swatch2 ._02d {
    background-image: url("/userfiles/2015/patterns/02D.jpg");
}
/* Overexposed Galaxy */
.swatch2 ._09k {
    background-image: url("/userfiles/2015/patterns/09K.jpg");
}
/* Double Cheese Please */
.swatch2 ._0aw {
    background-image: url("/userfiles/2015/patterns/0AW.jpg");
}
/* Lightening Strike */
.swatch2 ._0bv {
    background-image: url("/userfiles/2015/patterns/0BV.jpg");
}
/* Laguna Beach */
.swatch2 ._06q {
    background-image: url("/userfiles/2015/patterns/06Q.jpg");
}
/* Black Ziggy */
.swatch2 ._jbk {
    background-image: url("/userfiles/2015/patterns/JBK.jpg");
}
/* Black */
.swatch2 ._zu5 {
    background-image: url("/userfiles/2015/patterns/ZU5.jpg");
}
/* Intergalactica */
.swatch2 ._1q4 {
    background-image: url("/userfiles/2015/patterns/1Q4.jpg");
}
/* Flouro Red */
.swatch2 ._5ks {
    background-image: url("/userfiles/2015/patterns/5KS.jpg");
}
/* High Risk Red */
.swatch2 ._9rx {
    background-image: url("/userfiles/2015/patterns/9RX.jpg");
}
/* Flouro Pink */
.swatch2 ._9sa {
    background-image: url("/userfiles/2015/patterns/9SA.jpg");
}
/* Coral Peaches */
.swatch2 ._9rw {
    background-image: url("/userfiles/2015/patterns/9RW.jpg");
}
/* Mammoth Blue */
.swatch2 ._zu3 {
    background-image: url("/userfiles/2015/patterns/ZU3.jpg");
}
/* Desert Biege/Conflict Camo */
.swatch2 ._0ct {
    background-image: url("/userfiles/2015/patterns/0CT.jpg");
}
/* Shady Grey/Flouro Orange */
.swatch2 ._0cx {
    background-image: url("/userfiles/2015/patterns/0CX.jpg");
}
/* Miss Zebra/Mammoth Blue */
.swatch2 ._0cv {
    background-image: url("/userfiles/2015/patterns/0CV.jpg");
}
/* Cyber Pink/Grey Rabbit LaceFloral */
.swatch2 ._008 {
    background-color: #000000;
}

.swatch2 ._003 {
    background-color: #000080;
}

.swatch2 ._ass {
    background-image: url("/userfiles/2015/patterns/ASS.png");
    border: 1px solid #000 !important;
}
/* assorted */



/* biz */
.swatch2 ._alb {
    background-color: #4A90E2;
}
/* Alaskan Blue */
.swatch2 ._dng {
    background-color: #7ED321;
}
/* Dynasty Green */
.swatch2 ._pab {
    background-color: #3E5CB3;
}
/* Patriot Blue */
.swatch2 ._prn {
    background-color: #9013FE;
}
/* Purple Reign */
.swatch2 ._mln {
    background-color: #F072A5 !important;
}
/* melon (has double up below) */
.swatch2 ._trk {
    background-color: #C3C5DC;
}
/* Turkish Blue */
.swatch2 ._tkb {
    background-color: #C3C5DC;
}
/* Turkish Blue */
.swatch2 ._cyn {
    background-color: #00A0D7;
}
/* Cyan */
.swatch2 ._fll {
    background-color: #DAFE97;
}
/* Fluoro Yellow-Lime */
.swatch2 ._pmg {
    background-color: #7D9B53;
}
/* Palm Green */
.swatch2 ._mib {
    background-color: #8A9ED0;
}
/* Mid Blue */
.swatch2 ._sag {
    background-color: #A9B297 !important;
}
/* Sage */
.swatch2 ._pew {
    background-color: #A2A3A8;
}
/* Pewter */
.swatch2 ._ryl {
    background-color: #2A65AB !important;
}

.swatch2 ._skb {
    background-color: #6CC0EC;
}
/* double up of skyblue */
/* .swatch2 ._snd{background-color:#E4DCD1 !important;} */ /* double up of sand (sand white) */
.swatch2 ._pcb {
    background-color: #2C77BB;
}
/* Process Blue */
.swatch2 ._vio {
    background-color: #6A37AE;
}
/* violet */
.swatch2 ._rbr {
    background-color: #D31F52;
}
/* Rubine Red */
.swatch2 ._cbb {
    background-color: #2C3850;
}
/* Carbon Blue */
.swatch2 ._grb {
    background-color: #454545;
}
/* Graphite Black */
.swatch2 ._ind {
    background-color: #034C9B !important;
}
/* Indigo */
.swatch2 ._dpr {
    background-color: #AF1932;
}
/* Deep Red */
.swatch2 ._chk {
    background-color: #939498;
}
/* Check */
.swatch2 ._mnb {
    background-color: #2A3256;
}
/* Midnight Blue */
.swatch2 ._ngr {
    background-color: #027A56;
}
/* New Green */
.swatch2 ._pwn {
    background-color: #594246;
}
/* Port Wine */
.swatch2 ._elb {
    background-color: #3148A6;
}
/* Electric Blue */
.swatch2 ._tlb {
    background-color: #617581;
}
/* Teal Blue */
.swatch2 ._cpg {
    background-color: #BDBAB5;
}
/* Champagne */
.swatch2 ._pop {
    background-color: #CF4C78;
}
/* poppy */
.swatch2 ._stn {
    background-color: #A99685 !important;
}
/* Stone */
.swatch2 ._ntr {
    background-color: #8F7A72 !important;
}
/* Natural */
.swatch2 ._col {
    background-color: #1B4BBA;
}
/* Colbalt double up dud ? */
.swatch2 ._sgr {
    background-color: #BFC3A3 !important;
}
/* Serene Green */

/* ron */
.swatch2 ._brb {
    background-color: #254794;
}
/* Bright Blue */
.swatch2 ._abb {
    background-color: #000;
}
/* all Black */
.swatch2 ._ref {
    background-color: silver;
}
/* reflective */
.swatch2 ._tit {
    background-color: titanium;
}
/* Titanium */

/* ccc */
.swatch2 ._001 {
    background-color: #FFFFFF !important;
    border: 1px solid #000 !important;
}
/* White */
.swatch2 ._002 {
    background-color: #FFFFFF !important;
    border: 1px solid #000 !important;
}
/* Clear */
.swatch2 ._998 {
    background-image: url("/userfiles/2015/patterns/CCC/998.png");
    border: 1px solid #000 !important;
}
/* assorted */
.swatch2 ._922 {
    background-color: #a3a5a8;
}
/* Classic / Grey / Marl/e */
.swatch2 ._733 {
    background-color: #383739;
}
/* phantom */
.swatch2 ._92b {
    background-image: url("/userfiles/2015/patterns/CCC/92B.png");
    border: 1px solid #000 !important;
}
/* Marl/Red/White */
.swatch2 ._98a {
    background-image: url("/userfiles/2015/patterns/CCC/98A.png");
}
/* Black / RedFlag */
.swatch2 ._430 {
    background-color: #D31145;
}
/* Pink */
.swatch2 ._260 {
    background-color: #f7ba16;
}
/* Gold */
.swatch2 ._027 {
    background-color: #796F6C;
}
/* Stone */
.swatch2 ._787 {
    background-color: #293578;
}
/* 787 Ultramarine */
.swatch2 ._468 {
    background-color: #E62E2E;
}
/* 468 Flag Red */
.swatch2 ._720 {
    background-color: #2087C3;
}
/* 720 Sky */
.swatch2 ._039 {
    background-color: #564142;
}
/* 039 Khaki */
.swatch2 ._920 {
    background-color: #626366;
}
/* 920 Charcoal */
.swatch2 ._149 {
    background-color: #F04095;
}
/* 149 Fuchsia */

/* colour codes takes up 4 space */
.swatch2 ._592 {
    background-color: #424867;
}
/* 592A Dark Navy */
.swatch2 ._592a {
    background-color: #424867;
}
/* 592A Dark Navy */
.swatch2 ._a {
    background-color: #424867;
}
/* 592A Dark Navy */

.swatch2 ._070 {
    background-image: url("/userfiles/2015/patterns/CCC/070.png");
    border: 1px solid #000 !important;
}
/* Navy #001D57 / white #FFFFFF */
.swatch2 ._090 {
    background-image: url("/userfiles/2015/patterns/CCC/090.png");
    border: 1px solid #000 !important;
}
/* Black #000000 / White #FFFFFF */
.swatch2 ._276 {
    background-image: url("/userfiles/2015/patterns/CCC/276.png");
}
/* Gold #F7931D / Royal #003F83 */
.swatch2 ._298 {
    background-image: url("/userfiles/2015/patterns/CCC/298.png");
}
/* Gold #F7931D / Black #000000 */
.swatch2 ._479 {
    background-image: url("/userfiles/2015/patterns/CCC/479.png");
}
/* Fushia #B53E96 / Navy #001D57 */
.swatch2 ._498 {
    background-image: url("/userfiles/2015/patterns/CCC/498.png");
}
/* Scarlet #D4144E / Black #000000 */
.swatch2 ._726 {
    background-image: url("/userfiles/2015/patterns/CCC/726.png");
}
/* Cronulla #4697CB / Navy #001D57 */

/*
.swatch2 ._070{ background-color:; } 
.swatch2 ._090{ background-color:; } 
.swatch2 ._276{ background-color:; } 
.swatch2 ._298{ background-color:; } 
.swatch2 ._479{ background-color:; } 
.swatch2 ._498{ background-color:; } 
.swatch2 ._726{ background-color:; } 
*/

.swatch2 ._98b {
    background-image: url("/userfiles/2015/patterns/CCC/98B.png");
}
/* 98b Black #000 / Gold #F7931D */
.swatch2 ._76a {
    background-image: url("/userfiles/2015/patterns/CCC/76A.png");
}
/* 076 Navy #1A305C / RED FLag #E62E2E */
.swatch2 ._93a {
    background-image: url("/userfiles/2015/patterns/CCC/93A.png");
}
/* Grey #626366 / Black #000000 */
.swatch2 ._g56 {
    background-image: url("/userfiles/2015/patterns/CCC/G56.png");
    border: 1px solid #000 !important;
}
/* GS6 in cat G56 in code  -- White #fff / Grey #939597 */
.swatch2 ._076 {
    background-image: url("/userfiles/2015/patterns/CCC/076.png");
    border: 1px solid #000 !important;
}
/* 076 White / Navy #1A305C */
.swatch2 ._280 {
    background-image: url("/userfiles/2015/patterns/CCC/280.png");
}
/* 280 Black #000 / Red #EE3123 */

.swatch2 ._989 {
    background-color: #000;
}
/* yet another black */

.swatch2 ._361 {
    background-color: #4fc9c1;
}

.swatch2 ._671 {
    background-color: #d62d13;
}

.swatch2 ._413 {
    background-color: #006787;
}

.swatch2 ._804 {
}

.swatch2 ._100 {
    background-color: #ffffff;
    border: 1px solid #000 !important;
}

.swatch2 ._612 {
    background-color: #cd4e8e;
}

.swatch2 ._347 {
}

.swatch2 ._702 {
    background-color: #4eccc3;
}
/*.swatch2 ._008{background-color:#a5a3b0;}*/
.swatch2 ._060 {
    background-color: #6a6b70;
}

.swatch2 ._088 {
    background-color: #6a6b70;
}

.swatch2 ._407 {
    background-color: #0072ac;
}

.swatch2 ._669 {
    background-color: #ff699c;
}

.swatch2 ._381 {
    background-color: #a7f900;
}

.swatch2 ._644 {
    background-color: #d9304b;
}

.swatch2 ._401 {
    background-color: #0072ac;
}

.swatch2 ._063 {
    background-color: #a5a3b0;
}

.swatch2 ._900 {
    background-color: #eeeeee;
}

.swatch2 ._989 {
    background-color: #000000;
}

.swatch2 ._769 {
    background-color: navy;
}

.swatch2 ._010 {
    background-color: #000000;
}

.swatch2 ._302 {
    background-color: #006744;
}

.swatch2 ._451 {
    background-color: #2e3444;
}

.swatch2 ._463 {
    background-color: #024c96;
}

.swatch2 ._657 {
    background-color: #ac1f35;
}

.swatch2 ._409 {
    background-color: #ee3825;
}

.swatch2 ._467 {
    background-color: #83415d;
}

.swatch2 ._666 {
    background-color: #005731;
}

.swatch2 ._760 {
    background-color: #345282;
}

.swatch2 ._769 {
    background-color: #21346a;
}

/* ban */
.swatch2 ._dkg {
    background-color: #4D4747;
}

.swatch2 ._cfe {
    background-color: #3F3222;
}

/* PRE */
.swatch2 ._cmg {
    background-image: url("/userfiles/2015/patterns/PRE/CMG.png");
}
/* Camo Green */
.swatch2 ._gal {
    background-color: #466174;
}

/* old mixed */
.swatch2 ._red {
    background-color: #ff0000;
}

.swatch2 ._blk {
    background-color: #000000;
}

.swatch2 ._slr {
    background-color: #c0c0c0;
}

.swatch2 ._grn {
    background-color: #008000;
}

.swatch2 ._nvy {
    background-color: #000080;
}

.swatch2 ._pbl {
    background-color: #d7e6ac;
}

.swatch2 ._trq {
    background-color: #40e0d0;
}

.swatch2 ._ryl {
    background-color: #4169e1;
}

.swatch2 ._chr {
    background-color: #7fff00;
}

.swatch2 ._mid {
    background-color: #99a9cd;
}

.swatch2 ._abb {
    background-color: #000000;
}

.swatch2 ._flp {
    background-color: #f3a5cd;
}

.swatch2 ._haw {
    background-color: #9beaef;
}

.swatch2 ._arb {
    background-color: #36457e;
}

.swatch2 ._alm {
    background-color: #e3e3e3;
}

.swatch2 ._apl {
    background-color: #b1d046;
}

.swatch2 ._aqb {
    background-color: #4fc7c8;
}

.swatch2 ._aqu {
    background-color: #4fc7c8;
}

.swatch2 ._aqt {
    background-color: #89ceef;
}

.swatch2 ._abl {
    background-color: #2a3577;
}

.swatch2 ._ash {
    background-color: #b1b2b4;
}

.swatch2 ._asm {
    background-color: #cbcad0;
}

.swatch2 ._atg {
    background-color: #c1bebe;
}

.swatch2 ._atb {
    background-color: #000068;
}

.swatch2 ._avo {
    background-color: #6f7f36;
}

.swatch2 ._aza {
    background-color: #fb3c8c;
}

.swatch2 ._azb {
    background-color: #5f87c2;
}

.swatch2 ._bbl {
    background-color: #73b9ff;
}

.swatch2 ._bbp {
    background-color: #fededf;
}

.swatch2 ._bsb {
    background-color: #78adcc;
}

.swatch2 ._bge {
    background-color: #f0e8c4;
}

.swatch2 ._bry {
    background-color: #781e27;
}

.swatch2 ._bch {
    background-color: #dfcebc;
}

.swatch2 ._blk {
    background-color: #000000;
}

.swatch2 ._bkm {
    background-color: #0f0f12;
}

.swatch2 ._blo {
    background-color: #0f0f12;
}

.swatch2 ._bln {
    background-color: #dabc87;
}

.swatch2 ._brd {
    background-color: #700e0d;
}

.swatch2 ._blu {
    background-color: #0000fe;
}

.swatch2 ._bld {
    background-color: #4e526b;
}

.swatch2 ._blh {
    background-color: #476067;
}

.swatch2 ._blr {
    background-color: #092c86;
}

.swatch2 ._bst {
    background-color: #3570e4;
}

.swatch2 ._blm {
    background-color: #0c246a;
}

.swatch2 ._bby {
    background-color: #3a2c7c;
}

.swatch2 ._bne {
    background-color: #eae3d0;
}

.swatch2 ._btl {
    background-color: #1da237;
}

.swatch2 ._bro {
    background-color: #4169e1;
}

.swatch2 ._bgn {
    background-color: #67cd03;
}

.swatch2 ._brn {
    background-color: #804a2a;
}

.swatch2 ._brd {
    background-color: #916421;
}

.swatch2 ._bur {
    background-color: #800020;
}

.swatch2 ._bor {
    background-color: #cc5500;
}

.swatch2 ._but {
    background-color: #decb81;
}

.swatch2 ._cac {
    background-color: #5c755e;
}

.swatch2 ._cgr {
    background-color: #5c755e;
}

.swatch2 ._cay {
    background-color: #eef66c;
}

.swatch2 ._cab {
    background-color: #a3c1ad;
}

.swatch2 ._cml {
    background-color: #c19a6b;
}

.swatch2 ._cju {
    background-color: #78866b;
}

.swatch2 ._cny {
    background-color: #292a3c;
}

.swatch2 ._crd {
    background-color: #9c2e28;
}

.swatch2 ._cmd {
    background-color: #edc9af;
}
/* .swatch2 ._cmg{background-color:#4a724c;} */
.swatch2 ._cap {
    background-color: #fff8e7;
}

.swatch2 ._crl {
    background-color: #e4b57c;
}

.swatch2 ._car {
    background-color: #cc2233;
}

.swatch2 ._crb {
    background-color: #051082;
}

.swatch2 ._cbl {
    background-color: #56a0d3;
}

.swatch2 ._chg {
    background-color: #a8c684;
}

.swatch2 ._cht {
    background-color: #b8af7d;
}

.swatch2 ._chm {
    background-color: #efe0b9;
}

.swatch2 ._chb {
    background-color: #56607b;
}

.swatch2 ._chr {
    background-color: #47484d;
}

.swatch2 ._cmr {
    background-color: #282627;
}

.swatch2 ._chy {
    background-color: #710001;
}

.swatch2 ._chs {
    background-color: #a36335;
}

.swatch2 ._chl {
    background-color: #d44942;
}

.swatch2 ._chc {
    background-color: #604139;
}

.swatch2 ._clt {
    background-color: #5a0021;
}

.swatch2 ._cly {
    background-color: #996633;
}

.swatch2 ._clr {
    background-color: #ffffff;
}

.swatch2 ._cob {
    background-color: #0047ab;
}

.swatch2 ._cgd {
    background-color: #c89714;
}

.swatch2 ._cor {
    background-color: #ff7f50;
}

.swatch2 ._crn {
    background-color: #e9b200;
}

.swatch2 ._cby {
    background-color: #db5a6e;
}

.swatch2 ._crm {
    background-color: #ffffcc;
}

.swatch2 ._cyb {
    background-color: #070cee;
}

.swatch2 ._dfd {
    background-color: #ffff31;
}

.swatch2 ._dai {
    background-color: #f8f3c4;
}

.swatch2 ._dkb {
    background-color: #2c2416;
}

.swatch2 ._dab {
    background-color: #0000a0;
}

.swatch2 ._dch {
    background-color: #5c3317;
}

.swatch2 ._dgr {
    background-color: #2f4f2f;
}
/* .swatch2 ._dkg{background-color:#171717;} */
.swatch2 ._dhe {
    background-color: #3f4545;
}

.swatch2 ._dnt {
    background-color: #02023a;
}

.swatch2 ._dkn {
    background-color: #02023a;
}

.swatch2 ._dkr {
    background-color: #070657;
}

.swatch2 ._dks {
    background-color: #000000;
}

.swatch2 ._dsl {
    background-color: #2f4f4f;
}

.swatch2 ._dst {
    background-color: #181818;
}

.swatch2 ._dsn {
    background-color: #05184b;
}

.swatch2 ._dps {
    background-color: #085c6d;
}

.swatch2 ._dnm {
    background-color: #1560bd;
}

.swatch2 ._dbl {
    background-color: #394149;
}

.swatch2 ._ecr {
    background-color: #c2b280;
}

.swatch2 ._egp {
    background-color: #614051;
}

.swatch2 ._eme {
    background-color: #50c878;
}

.swatch2 ._erd {
    background-color: #923431;
}

.swatch2 ._eps {
    background-color: #351a05;
}

.swatch2 ._fwn {
    background-color: #e5aa70;
}

.swatch2 ._fst {
    background-color: #deff00;
}

.swatch2 ._fle {
    background-color: #d3af8e;
}

.swatch2 ._flu {
    background-color: #000000;
}

.swatch2 ._flo {
    background-color: #ff4200;
}

.swatch2 ._fly {
    background-color: #fff000;
}

.swatch2 ._fyl {
    background-color: #e0f66f;
}

.swatch2 ._for {
    background-color: #28433a;
}

.swatch2 ._frb {
    background-color: #2d315e;
}

.swatch2 ._fro {
    background-color: #e57b0c;
}

.swatch2 ._fus {
    background-color: #d08aaf;
}

.swatch2 ._gly {
    background-color: #91c3dc;
}

.swatch2 ._gld {
    background-color: #eac030;
}

.swatch2 ._gnt {
    background-color: #d1b61c;
}

.swatch2 ._gra {
    background-color: #94927b;
}

.swatch2 ._gpe {
    background-color: #421c52;
}

.swatch2 ._grp {
    background-color: #454343;
}

.swatch2 ._ggr {
    background-color: #454343;
}

.swatch2 ._grn {
    background-color: #8bbe59;
}

.swatch2 ._gry {
    background-color: #c0c0c0;
}

.swatch2 ._gyh {
    background-color: #a99795;
}

.swatch2 ._gml {
    background-color: #a29c97;
}

.swatch2 ._gbl {
    background-color: #343f5c;
}

.swatch2 ._gmt {
    background-color: #292e37;
}

.swatch2 ._hgy {
    background-color: #bebbbb;
}

.swatch2 ._hel {
    background-color: #dc4473;
}

.swatch2 ._him {
    background-color: #b33654;
}

.swatch2 ._hvo {
    background-color: #ff7014;
}

.swatch2 ._hvy {
    background-color: #dfe126;
}

.swatch2 ._htp {
    background-color: #ff69b4;
}

.swatch2 ._hon {
    background-color: #fcedc5;
}

.swatch2 ._hmy {
    background-color: #000000;
}

.swatch2 ._hgr {
    background-color: #355e3b;
}

.swatch2 ._ibl {
    background-color: #3964c3;
}

.swatch2 ._ind {
    background-color: #4b0082;
}

.swatch2 ._icb {
    background-color: #99ffff;
}

.swatch2 ._icg {
    background-color: #e8e4da;
}

.swatch2 ._inb {
    background-color: #0000ff;
}

.swatch2 ._irg {
    background-color: #009900;
}

.swatch2 ._irs {
    background-color: #5a4fcf;
}

.swatch2 ._iry {
    background-color: #fffff0;
}

.swatch2 ._jde {
    background-color: #3f621f;
}

.swatch2 ._jdd {
    background-color: #00838a;
}

.swatch2 ._jtb {
    background-color: #c1dad6;
}

.swatch2 ._klg {
    background-color: #328a57;
}

.swatch2 ._khk {
    background-color: #666342;
}

.swatch2 ._kiw {
    background-color: #9dae5c;
}

.swatch2 ._lav {
    background-color: #e6e6fa;
}

.swatch2 ._lea {
    background-color: #3a5f0b;
}

.swatch2 ._lmn {
    background-color: #fff700;
}

.swatch2 ._lbl {
    background-color: #add8e6;
}

.swatch2 ._lbr {
    background-color: #d4ccc5;
}

.swatch2 ._lch {
    background-color: #222222;
}

.swatch2 ._lgr {
    background-color: #d3d3d3;
}

.swatch2 ._lnt {
    background-color: #000000;
}

.swatch2 ._lpi {
    background-color: #ffb6c1;
}

.swatch2 ._lsc {
    background-color: #e2817c;
}

.swatch2 ._lil {
    background-color: #dcd0ff;
}

.swatch2 ._lme {
    background-color: #99ff00;
}

.swatch2 ._lng {
    background-color: #195905;
}

.swatch2 ._lmg {
    background-color: #00c452;
}

.swatch2 ._lmo {
    background-color: #ff690a;
}

.swatch2 ._mau {
    background-color: #e0b0ff;
}

.swatch2 ._mtl {
    background-color: #bcc6cc;
}

.swatch2 ._mag {
    background-color: #ff00ff;
}

.swatch2 ._mah {
    background-color: #670a0a;
}

.swatch2 ._mze {
    background-color: #d8a830;
}

.swatch2 ._mrn {
    background-color: #800000;
}

.swatch2 ._mbl {
    background-color: #454e79;
}

.swatch2 ._mln {
    background-color: #fdbcb4;
}

.swatch2 ._mtb {
    background-color: #00b4ff;
}

.swatch2 ._mdb {
    background-color: #29396d;
}

.swatch2 ._mjd {
    background-color: #4a7b6f;
}

.swatch2 ._mnv {
    background-color: #251a8c;
}

.swatch2 ._mdn {
    background-color: #003366;
}

.swatch2 ._mlg {
    background-color: #7f7f26;
}

.swatch2 ._mnt {
    background-color: #ccffcc;
}

.swatch2 ._mix {
    background-color: #000000;
}

.swatch2 ._mch {
    background-color: #654634;
}

.swatch2 ._mos {
    background-color: #addfad;
}

.swatch2 ._mus {
    background-color: #ffe761;
}

.swatch2 ._ntr {
    background-color: #000000;
}

.swatch2 ._nts {
    background-color: #e4d96f;
}

.swatch2 ._ntn {
    background-color: #202179;
}

.swatch2 ._nvy {
    background-color: #080939;
}

.swatch2 ._nny {
    background-color: #000099;
}

.swatch2 ._nbb {
    background-color: #000000;
}

.swatch2 ._ocn {
    background-color: #1c6ba0;
}

.swatch2 ._olv {
    background-color: #808000;
}

.swatch2 ._opb {
    background-color: #ebf5f8;
}

.swatch2 ._orn {
    background-color: #ff6600;
}

.swatch2 ._orc {
    background-color: #da70d6;
}

.swatch2 ._oys {
    background-color: #9c9284;
}

.swatch2 ._pac {
    background-color: #0090d8;
}

.swatch2 ._pap {
    background-color: #990033;
}

.swatch2 ._pbl {
    background-color: #a4ffff;
}

.swatch2 ._ptb {
    background-color: #129378;
}

.swatch2 ._pnk {
    background-color: #ffc0cb;
}

.swatch2 ._pis {
    background-color: #93c572;
}

.swatch2 ._pla {
    background-color: #e5e4e2;
}

.swatch2 ._plm {
    background-color: #872d7d;
}

.swatch2 ._pdb {
    background-color: #b4d8e7;
}

.swatch2 ._prd {
    background-color: #a2988a;
}

.swatch2 ._pmp {
    background-color: #ff7619;
}

.swatch2 ._pur {
    background-color: #663399;
}

.swatch2 ._rpk {
    background-color: #e9bcb7;
}

.swatch2 ._red {
    background-color: #bf2932;
}

.swatch2 ._rfs {
    background-color: #bfbfbf;
}

.swatch2 ._rev {
    background-color: #000000;
}

.swatch2 ._rnb {
    background-color: #2c3b5a;
}

.swatch2 ._ryl {
    background-color: #002366;
}

.swatch2 ._rus {
    background-color: #b7410e;
}

.swatch2 ._sor {
    background-color: #e87600;
}

.swatch2 ._saf {
    background-color: #e2e100;
}

.swatch2 ._sag {
    background-color: #b0dca3;
}

.swatch2 ._sal {
    background-color: #ff8080;
}

.swatch2 ._snd {
    background-color: #efdd6f;
}

.swatch2 ._sst {
    background-color: #efdd6f;
}

.swatch2 ._scr {
    background-color: #ff2400;
}

.swatch2 ._sgr {
    background-color: #88ff75;
}

.swatch2 ._slr {
    background-color: #c0c0c0;
}

.swatch2 ._slg {
    background-color: #cccccc;
}

.swatch2 ._sky {
    background-color: #87cefa;
}

.swatch2 ._slt {
    background-color: #708090;
}

.swatch2 ._smo {
    background-color: #201f1f;
}

.swatch2 ._sgr {
    background-color: #eee9e9;
}

.swatch2 ._sml {
    background-color: #d9d4d1;
}

.swatch2 ._stb {
    background-color: #181617;
}

.swatch2 ._spg {
    background-color: #a9a9a9;
}

.swatch2 ._sbl {
    background-color: #bad4e5;
}
/*.swatch2 ._spg{background-color:#00ff7f;} spring green wrong have more sports grey or sharp grey */
.swatch2 ._sgn {
    background-color: #606850;
}

.swatch2 ._sbk {
    background-color: #000000;
}

.swatch2 ._stl {
    background-color: #acacac;
}

.swatch2 ._stg {
    background-color: #43464b;
}

.swatch2 ._sts {
    background-color: #e6e8e7;
}

.swatch2 ._stn {
    background-color: #727b84;
}

.swatch2 ._stb {
    background-color: #006666;
}

.swatch2 ._stm {
    background-color: #777b88;
}

.swatch2 ._sun {
    background-color: #fff92e;
}

.swatch2 ._tan {
    background-color: #d2b48c;
}

.swatch2 ._tng {
    background-color: #f28500;
}

.swatch2 ._tar {
    background-color: #000000;
}

.swatch2 ._tau {
    background-color: #483c32;
}

.swatch2 ._tel {
    background-color: #008080;
}

.swatch2 ._txo {
    background-color: #cf5300;
}

.swatch2 ._tra {
    background-color: #000000;
}

.swatch2 ._tbl {
    background-color: #0073cf;
}

.swatch2 ._trq {
    background-color: #40e0d0;
}

.swatch2 ._uwh {
    background-color: #ffffff;
}

.swatch2 ._und {
    background-color: #000000;
}

.swatch2 ._urd {
    background-color: #cc0000;
}

.swatch2 ._vwh {
    background-color: #ffffff;
}

.swatch2 ._vio {
    background-color: #8f00ff;
}

.swatch2 ._wbn {
    background-color: #857158;
}

.swatch2 ._wat {
    background-color: #ff3366;
}

.swatch2 ._was {
    background-color: #86942a;
}

.swatch2 ._wgd {
    background-color: #4a79a5;
}

.swatch2 ._whe {
    background-color: #f5deb3;
}

.swatch2 ._wht {
    background-color: #ffffff;
}

.swatch2 ._war {
    background-color: #55698b;
}

.swatch2 ._win {
    background-color: #722f37;
}

.swatch2 ._wod {
    background-color: #663300;
}

.swatch2 ._yel {
    background-color: #e0c339;
}

.swatch2 ._yhz {
    background-color: #d8b96e;
}

.swatch2 ._org {
    background-color: #ff6501;
}

.swatch2 ._roy {
    background-color: #002366;
}

.swatch2 ._fbl {
    background-color: #2a437b;
}

.swatch2 ._agr {
    background-color: #8db600;
}

.swatch2 ._fuc {
    background-color: #ce398a;
}

.swatch2 ._nnc {
    background-color: #2785e5;
}

.swatch2 ._nng {
    background-color: #7cce90;
}

.swatch2 ._min {
    background-color: #b3ccb7;
}

.swatch2 ._cha {
    background-color: #3f4249;
}

.swatch2 ._lim {
    background-color: #99ff00;
}

.swatch2 ._org {
    background-color: #ff5e00;
}

.swatch2 ._orange {
    background-color: #ff5e00;
}

.swatch2 ._sap {
    background-color: #0175b0;
}

.swatch2 ._acr {
    background-color: #9b0329;
}

.swatch2 ._aig {
    background-color: #008344;
}

.swatch2 ._cre {
    background-color: #7a0704;
}

.swatch2 ._glb {
    background-color: #016169;
}

.swatch2 ._hsp {
    background-color: #1281b9;
}

.swatch2 ._sap {
    background-color: #071c6b;
}



.message-box .message-box-inner {
    border: 1px solid #FFF;
    padding: 20px 15px;
    position: relative;
    z-index: 1;
}

.message-box.alt .message-box-inner {
    padding: 10px 15px;
}

.message-box.alt {
    padding: 12px;
    text-align: left;
    background-color: #b20a20;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .message-box.alt .btn {
        font-size: 11px;
        margin-top: -6px;
        margin-left: 30px;
    }

.message-box h2 {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    color: #FFF;
}

.message-box.alt h2 {
    font-size: 18px;
    font-weight: bold;
}


.text-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    //padding: 20%;
    padding: 100px 10% 10%;
    text-align: center;
}

    .text-overlay h1, .text-overlay p {
        margin: 0;
        padding: 0;
        text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.75);
        color: #333;
    }

.parent-underlay {
    position: relative;
    //margin-top: 20px;
    max-height: 300px;
    overflow: hidden;
    //border: 5px solid #60605b;
}

    .parent-underlay img {
        width: 100%;
        opacity: 0.7;
    }

/* unvisited link */
a.bts:link {
    color: #fff;
}

/* visited link */
a.bts:visited {
    color: #fff;
}

/* mouse over link */
a.bts:hover {
    color: #fff;
    text-decoration: underline;
}

/* selected link */
a.bts:active {
    color: #fff;
    text-decoration: underline;
}



.btn-inv {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: transparent;
    border-color: #ffffff;
}

    .btn-inv:hover, .btn-inv:active, .btn-inv:focus, .btn-inv.active, .btn-inv.disabled, .btn-inv[disabled] {
        background-color: #ffffff;
        color: #000000;
        outline: 0;
    }

.btn-inv2 {
    color: #b20a20;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: transparent;
    border-color: #b20a20;
}

    .btn-inv2:hover, .btn-inv2:active, .btn-inv2:focus, .btn-inv2.active, .btn-inv2.disabled, .btn-inv2[disabled] {
        background-color: #ffffff;
        color: #b20a20;
        border-color: #b20a20;
        outline: 0;
    }

.btn-inv3 {
    color: #60605b;
    /*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background-color: transparent;
    border-color: #60605b;
}

    .btn-inv3:hover, .btn-inv3:active, .btn-inv3:focus, .btn-inv3.active, .btn-inv3.disabled, .btn-inv3[disabled] {
        border-color: #b20a20;
        background-color: #b20a20;
        color: #ffffff;
        outline: 0;
    }

.btn-inv4 {
    color: #444444;
    /*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background-color: transparent;
    border-color: #444444;
}

    .btn-inv4:hover, .btn-inv4:active, .btn-inv4:focus, .btn-inv4.active, .btn-inv4.disabled, .btn-inv4[disabled] {
        border-color: #ffffff;
        background-color: #ffffff;
        color: #44444;
        outline: 0;
    }


/* BAN Desc */
.tech-guide img {
    width: 120px;
}

.img-size-guide img {
    padding-bottom: 10px;
    padding-top: 10px;
}

legend {
    color: #60605b;
}

.formRequired {
    color: #de1d23 !important;
    font-weight: bold;
}

.overlay-dyo-slide {
    display: none;
}

.overlay-DESIGNYOUROWN {
    display: none;
}

/*Blair: Centering home page carousel images*/
.slide .slides img {
    margin: auto !important;
}

/* overiding some bootstrap */ 
.customWiderPanels {
 
}

.gdpr-banner {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    border-bottom: 0.5px solid #ccc;
    -moz-transition: max-height linear 0.3s;
    -o-transition: max-height linear 0.3s;
    -webkit-transition: max-height linear 0.3s;
    transition: max-height linear 0.3s;
    overflow: hidden;
}

    .gdpr-banner .gdpr-policy-header {
        font-size: 40px;
        line-height: 40px;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .gdpr-banner .gdpr-policy-text {
        font-size: 20px;
        line-height: 20px;
    }

    .gdpr-banner .gdpr-policy-link {
        font-size: 18px;
        line-height: 18px;
        margin-top: 8px;
        margin-bottom: 15px;
    }

    .gdpr-banner .gdpr-btn {
        font-size: 25px;
    }

@media (min-width: 768px) {

    .customWiderPanels .text-overlay {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

    @media (max-width: 1200px) and (min-width: 768px) {


        .customWiderPanels .text-overlay {
            position: relative;
        }

        .customWiderPanels h2 {
            font-size: 18px;
        }

        .customWiderPanels .col-xs-12 {
            padding: 5px;
        }

    }