body {
}

/* 
    
                       888 d8b                88888888888 
                       888 Y8P                    888     
                       888                        888     
 8888b.  888  888  .d88888 888  .d88b.            888     
    "88b 888  888 d88" 888 888 d88""88b           888     
.d888888 888  888 888  888 888 888  888           888     
888  888 Y88b 888 Y88b 888 888 Y88..88P           888     
"Y888888  "Y88888  "Y88888 888  "Y88P"            888     
                                                          
                      
*/



/* -- ES/CS/24AUG2018 */
/* http://patorjk.com/software/taag/#p=display&f=Colossal&t=Yamm%20Menu */
/* 
    -- Setup 


    2. Font family

    3. Site wide helper classes
    
    10. CSS Checkbox

    20. Accordion

    -- Page elements
    100. Page Body
    110. Page Header 
    115. Menus
    300. Page Base

    -- Specific pages 

    500. Home page
    550. Product Page
    600. Category / Search Page
    700. Store Page
    750. Store Reviews
    800. OPC
    850. Payment Handling
    900. Account Page
    950. Topic Pages 

    -- Popups

    1000. Minicart
    1010. Search popup


    -- Bootstrap controls / overrides

    8000. Buttons


    -- External 
    9000. Yamm menu



*/





/***************************** 
2. Fonts

8888888888                888             
888                       888             
888                       888             
8888888  .d88b.  88888b.  888888 .d8888b  
888     d88""88b 888 "88b 888    88K      
888     888  888 888  888 888    "Y8888b. 
888     Y88..88P 888  888 Y88b.       X88 
888      "Y88P"  888  888  "Y888  88888P'                                           
*****************************/


body,
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: 'Work Sans', sans-serif;
    font-weight: normal;
}


/***************************** 
3. Site wide helper classes 

888    888          888                                 .d8888b.  888                                              
888    888          888                                d88P  Y88b 888                                              
888    888          888                                888    888 888                                              
8888888888  .d88b.  888 88888b.   .d88b.  888d888      888        888  8888b.  .d8888b  .d8888b   .d88b.  .d8888b  
888    888 d8P  Y8b 888 888 "88b d8P  Y8b 888P"        888        888     "88b 88K      88K      d8P  Y8b 88K      
888    888 88888888 888 888  888 88888888 888          888    888 888 .d888888 "Y8888b. "Y8888b. 88888888 "Y8888b. 
888    888 Y8b.     888 888 d88P Y8b.     888          Y88b  d88P 888 888  888      X88      X88 Y8b.          X88 
888    888  "Y8888  888 88888P"   "Y8888  888           "Y8888P"  888 "Y888888  88888P'  88888P'  "Y8888   88888P' 
                        888                                                                                        
                        888                                                                                        
                        888            
    
*****************************/

.hideonload {
    display: none;
}

a.rolloverlink {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    a.rolloverlink.text {
        font-size: 90%;
    }
}

a.rolloverlink img,
a.rolloverlink span {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}


a.rolloverlink:hover img, a.rolloverlink:active img, a.rolloverlink:focus img,
a.rolloverlink:hover span, a.rolloverlink:active span, a.rolloverlink:focus span {
    opacity: 1;
    transition: opacity 0.3s ease;
}

div.txr {
    text-align: right;
}

.img-responsive-inline {
    display: inline-block;
    max-width: 100%;
    height: auto;
}


div#spinnerouter {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    display: none;
    font: normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 22;
    overflow: hidden;
}

.spinner {
    width: 80px;
    height: 80px;
    background-image: url(images/ajaxspinner.png);
    opacity: 0.8;
    margin: 5px;
    -webkit-animation: sk-rotateplane 3s infinite;
    animation: sk-rotateplane 3s infinite;
    overflow: hidden;
}


@keyframes sk-rotateplane {
    0% {
        transform: perspective(300px) rotateX(0deg) rotateY(0deg);
    }

    45% {
        transform: perspective(60px) rotateX(0deg) rotateY(-360deg);
    }

    100% {
        transform: perspective(300px) rotateY(-360.9deg);
    }
}


/***************************
10. CSS Checkbox 

 .d8888b.   .d8888b.   .d8888b.        .d8888b.  888                        888      888                        
d88P  Y88b d88P  Y88b d88P  Y88b      d88P  Y88b 888                        888      888                        
888    888 Y88b.      Y88b.           888    888 888                        888      888                        
888         "Y888b.    "Y888b.        888        88888b.   .d88b.   .d8888b 888  888 88888b.   .d88b.  888  888 
888            "Y88b.     "Y88b.      888        888 "88b d8P  Y8b d88P"    888 .88P 888 "88b d88""88b `Y8bd8P' 
888    888       "888       "888      888    888 888  888 88888888 888      888888K  888  888 888  888   X88K   
Y88b  d88P Y88b  d88P Y88b  d88P      Y88b  d88P 888  888 Y8b.     Y88b.    888 "88b 888 d88P Y88..88P .d8""8b. 
 "Y8888P"   "Y8888P"   "Y8888P"        "Y8888P"  888  888  "Y8888   "Y8888P 888  888 88888P"   "Y88P"  888  888 

****************************/

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
        padding-left: 50px;
        height: 31px;
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-size: 14px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
            background-position: 0 -32px;
        }

label.css-label {
    background-image: url(images/csscheckbox_check.png);
    -webkit-touch-callout: none;
    user-select: none;
}

    label.css-label.alt {
        background-image: url(images/csscheckbox_checkalt.png);
    }

        label.css-label.alt:hover {
            text-decoration: none;
        }

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-rdlabel, input[type=radio].css-checkbox + label.css-rdlabel.clr {
        padding-left: 36px;
        height: 31px;
        display: inline-block;
        line-height: 31px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 12px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=radio].css-checkbox:checked + label.css-rdlabel, input[type=radio].css-checkbox + label.css-rdlabel.chk {
            background-position: 0 -31px;
        }

label.css-rdlabel {
    background-image: url(images/csscheckbox_radio.png);
    -webkit-touch-callout: none;
    user-select: none;
}


/** 20 Accordion */
.accordion {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e5e5e5;
}

.accordion-item {
    border-bottom: 1px solid #e5e5e5;
}
/* Thumb */
.accordion-thumb {
    margin: 0;
    padding: 0.8rem 0;
    cursor: pointer;
    font-weight: normal;
}

    .accordion-thumb::before {
        content: '';
        display: inline-block;
        height: 7px;
        width: 7px;
        margin-right: 1rem;
        margin-left: 0.5rem;
        vertical-align: middle;
        border-right: 1px solid;
        border-bottom: 1px solid;
        transform: rotate(-45deg);
        transition: transform 0.2s ease-out;
    }
/* Panel */
.accordion-panel {
    margin: 0;
    padding-bottom: 0.8rem;
    display: none;
}
/* Active */
.accordion-item.is-active .accordion-thumb::before {
    transform: rotate(45deg);
}


/***************************** 
100. Page Body

8888888b.                                 888888b.                 888          
888   Y88b                                888  "88b                888          
888    888                                888  .88P                888          
888   d88P 8888b.   .d88b.   .d88b.       8888888K.   .d88b.   .d88888 888  888 
8888888P"     "88b d88P"88b d8P  Y8b      888  "Y88b d88""88b d88" 888 888  888 
888       .d888888 888  888 88888888      888    888 888  888 888  888 888  888 
888       888  888 Y88b 888 Y8b.          888   d88P Y88..88P Y88b 888 Y88b 888 
888       "Y888888  "Y88888  "Y8888       8888888P"   "Y88P"   "Y88888  "Y88888 
                        888                                                 888 
                   Y8b d88P                                            Y8b d88P 
                    "Y88P"                                              "Y88P"  
*****************************/

#bodycontainer {
    padding-top: 10px;
    min-height: 600px;
}

@media only screen and (max-width: 767px) {
    #bodycontainer {
        padding-top: 10px;
    }
}


/***************************** 
110. Page Header 

8888888b.                                 888    888                        888                  
888   Y88b                                888    888                        888                  
888    888                                888    888                        888                  
888   d88P 8888b.   .d88b.   .d88b.       8888888888  .d88b.   8888b.   .d88888  .d88b.  888d888 
8888888P"     "88b d88P"88b d8P  Y8b      888    888 d8P  Y8b     "88b d88" 888 d8P  Y8b 888P"   
888       .d888888 888  888 88888888      888    888 88888888 .d888888 888  888 88888888 888     
888       888  888 Y88b 888 Y8b.          888    888 Y8b.     888  888 Y88b 888 Y8b.     888     
888       "Y888888  "Y88888  "Y8888       888    888  "Y8888  "Y888888  "Y88888  "Y8888  888     
                        888                                                                      
                   Y8b d88P                                                                      
                    "Y88P"                                                                       
*****************************/

.topbarlink {
    display:inline-block;
    font-size:13px;
    
    opacity:1;
    text-align:center;
    margin-top:15px;
    margin-right:10px;
}

.topbarlink a {
    text-decoration:none;
    padding:0;
}

.topbarlink:hover {
    opacity:0.8;
   cursor:pointer;
}
 
.topbariconc {
    text-align:center;
}
.topbaricon {
    display: inline-block;
    overflow: hidden;
    text-align:center;
    background-repeat: no-repeat;
    background-image: url(images/topbaricons.png);
 
    
}

.topbariconc.basket {
    position:relative ;
}

#basket-totals {
    right: -2px;
    top: 0px;
    z-index: 999;
    position: absolute;
}

    #basket-totals .badge {
        border:solid 2px #ED1C24;
        background:#000;
        color:white;
        font-weight: normal;
        opacity: 1;
        padding:3px 4px;
    }

 
    .topbaricon.account {
        width: 28px;
        height: 28px;
        background-position: -1px -1px
    }

    .topbaricon.basket {
        width: 28px;
        height: 28px;
        background-position: -31px -1px
    }

    .topbaricon.contactus {
        width: 28px;
        height: 28px;
        background-position: -61px -1px
    }

    .topbaricon.stores {
        width: 28px;
        height: 28px;
        background-position: -91px -1px
    }

@media only screen and (max-width: 992px) {
    .topbartext {
        font-size:9px;
    }
}
    #header-scrollbar {
        z-index: 100;
        overflow: hidden;
        top: 0;
        position: fixed;
        width: 100%;
        height: 45px;
        background: black;
        color: white;
        border-bottom: solid 3px white;
    }


        #header-scrollbar .logo img {
            max-height: 42px;
        }

        #header-scrollbar .iconbar {
            text-align: right;
            color: #ddd;
            vertical-align: top;
        }

    #showfullmenu span.text {
        color: white;
    }

    #header-scrollbar .iconbar span.glyphicon {
        font-size: 20px;
        color: #ddd;
        padding-left: 10px;
        -webkit-text-stroke: 1px black;
        vertical-align: text-bottom;
    }

    #xheader-container-outer {
        position: fixed;
        top: 0;
        transition: top 0.7s ease-in-out;
        width: 100%;
        z-index: 2000;
    }

    #header-container-outer.nav-up {
    }

    .header-container {
        /* background-image: url(images/topbarback.gif);
    background-repeat: no-repeat;*/
        background-color: #000;
        color: white;
        background-position: center center;
        font-size: 14px;
        min-height: 82px;
        overflow: hidden;
        z-index: 99;
        width: 100%;
    }



    @media only screen and (max-width: 767px) {
        .header-container {
            position: static
        }
    }

    .header-container .row {
        margin: 0 auto;
        width: 1140px;
        overflow: hidden;
        position: absolute;
        z-index: 101;
    }

    @media only screen and (max-width: 1198px) {
        .header-container .row {
            width: 940px;
        }
    }


    @media only screen and (max-width: 991px) {
        .header-container .row {
            width: 720px;
        }
    }

    @media only screen and (max-width:767px) {
        .header-container .row {
            width: 100%;
        }
    }

    .header-container a, .header-container {
        color: white;
    }


    /*.header-container .tl-links a {
        padding-right: 10px;
    }*/

    


    #uspbar {
        min-height: 42px;
        overflow: hidden;
        padding-top: 5px;
        font-weight: 600;
        font-size: 19px;
        margin-bottom:10px;
    }

        #uspbar p {
            text-align: center;
            margin: 0;
        }

            #uspbar p.sub {
                font-size: 11px;
                font-weight: 500;
            }

        #uspbar a {
            color: #000;
            text-decoration: none;
        }


            #uspbar a:hover {
                color: #555;
            }


    /***************************** 
    105 Logo etc. 
*****************************/


    /***************************** 
    110 Search controls
*****************************/

    #minisearch {
        margin-top: 5px;
        color: black;
        border-radius: 5px;
        font-size: 14px;
        padding-left: 5px;
    }

        #minisearch::placeholder {
            color: black;
            opacity: 1;
        }
    /*****************************
    112 Mini Navigation 

888b     d888 d8b          d8b      888b    888                   d8b                   888    d8b                   
8888b   d8888 Y8P          Y8P      8888b   888                   Y8P                   888    Y8P                   
88888b.d88888                       88888b  888                                         888                          
888Y88888P888 888 88888b.  888      888Y88b 888  8888b.  888  888 888  .d88b.   8888b.  888888 888  .d88b.  88888b.  
888 Y888P 888 888 888 "88b 888      888 Y88b888     "88b 888  888 888 d88P"88b     "88b 888    888 d88""88b 888 "88b 
888  Y8P  888 888 888  888 888      888  Y88888 .d888888 Y88  88P 888 888  888 .d888888 888    888 888  888 888  888 
888   "   888 888 888  888 888      888   Y8888 888  888  Y8bd8P  888 Y88b 888 888  888 Y88b.  888 Y88..88P 888  888 
888       888 888 888  888 888      888    Y888 "Y888888   Y88P   888  "Y88888 "Y888888  "Y888 888  "Y88P"  888  888 
                                                                           888                                       
                                                                      Y8b d88P                                       
                                                                       "Y88P"                                        
*****************************/
    /* 115 Menus */

    li.dropdown.yamm50 {
    }

    .headermenu-container, .headermenu-container a {
        color: black;
        font-size: 16px;
    }

    @media only screen and (min-width: 767px) and (max-width: 992px) {
        .headermenu-container, .headermenu-container a {
            font-size: 12px;
        }

        .nav > li > a {
            padding-left: 5px;
            padding-right: 5px;
        }
    }


    @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .headermenu-container, .headermenu-container a {
            font-size: 16px;
        }

        .nav > li > a {
            padding-left: 5px;
            padding-right: 5px;
        }
    }


    .headermenu-container {
        background: #ccc;
        border-bottom: solid 1px #c3c3c3;
        border-top: solid 1px #eee;
    }

    @media only screen and (max-width: 767px) {
        .headermenu-container {
            position: static
        }
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    a.dropdown-toggle, .nav > li > a {
        background-color: transparent;
        transition: background-color 0.5s ease;
        transition: color 0.5s ease;
    }

    li:hover a.dropdown-toggle {
        background-color: #3E3E3E;
        color: white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        transition: background-color 0.5s ease, color 0.5s ease;
        transition-delay: 0.5s;
    }

    @media only screen and (max-width: 767px) {

        .cat-title {
            display: none;
        }

        a.dropdown-toggle, .nav > li > a {
            background-color: #000;
            color: #eeefe8;
            border-radius: 0;
        }

            a.dropdown-toggle:hover, .nav > li > a:hover, .nav > li > a:focus {
                border-radius: 0;
                background-color: #555;
            }
    }




    ul.dropdown-menu {
        background-color: #3e3e3e;
        color: white;
        box-shadow: none;
        padding-top: 0;
        top: 45px;
        border: solid 1px #555;
        border-top: solid 0px;
        transition-delay: 0.1s;
    }

        ul.dropdown-menu a {
            color: white;
        }

        ul.dropdown-menu .cat-title {
            border-bottom: solid 2px #D2CFC8;
            padding: 5px 5px 5px 10px;
        }



        ul.dropdown-menu ul.catlist {
            margin-bottom: 10px;
        }

    @media only screen and (max-width: 767px) {
        .navbar-nav .open ul.dropdown-menu {
            background-color: #777;
        }

        ul.dropdown-menu ul.catlist {
            padding: 5px;
            list-style-type: none;
            background-color: #777;
        }

            ul.dropdown-menu ul.catlist li {
                padding: 4px 0 6px 0;
                border-bottom: solid 1px #555;
            }
    }
    /* Mobile Menu */

    .navbar {
        margin-bottom: 10px;
    }

    .mobilemenu {
        text-align: center;
        vertical-align: bottom;
        min-height: 82px;
        padding-top: 40px;
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 10px;
    }

        .mobilemenu.mm-menu {
            background-image: url('images/mobile-menu.png');
        }

        .mobilemenu.mm-stores {
            background-image: url('images/mobile-store.png');
        }

        .mobilemenu.mm-basket {
            background-image: url('images/mobile-basket.png');
        }

        .mobilemenu.mm-search {
            background-image: url('images/mobile-search.png');
        }
    /*****************************
    300 - Page Base

8888888b.                                 888888b.                              
888   Y88b                                888  "88b                             
888    888                                888  .88P                             
888   d88P 8888b.   .d88b.   .d88b.       8888888K.   8888b.  .d8888b   .d88b.  
8888888P"     "88b d88P"88b d8P  Y8b      888  "Y88b     "88b 88K      d8P  Y8b 
888       .d888888 888  888 88888888      888    888 .d888888 "Y8888b. 88888888 
888       888  888 Y88b 888 Y8b.          888   d88P 888  888      X88 Y8b.     
888       "Y888888  "Y88888  "Y8888       8888888P"  "Y888888  88888P'  "Y8888  
                        888                                                     
                   Y8b d88P                                                     
                    "Y88P"                                                      
*****************************/
    .footer-container {
        min-height: 300px;
        background-color: black;
        color: white;
        padding-top: 50px;
        margin-top: 40px;
    }

    .footer-gradient {
        background: linear-gradient(0deg, rgba(0,0,0,1) 48%, rgba(255,255,255,0) 100%);
        padding-bottom: 50px;
    }

    .footer-container h3 {
        margin-top: 0;
    }

    .footer-container ul {
        list-style-type: none;
        padding: 0;
    }

        .footer-container ul li {
            padding-bottom: 3px;
        }

            .footer-container ul li a,
            .footer-container ul li a:visited {
                color: white;
            }

                .footer-container ul li a:focus,
                .footer-container ul li a:active,
                .footer-container ul li a:hover {
                    color: red;
                    text-decoration: none;
                }

    .footer-container .socialicons {
        padding-top: 20px;
    }

        .footer-container .socialicons img {
            opacity: 0.9;
            margin-right: 10px;
            margin-bottom: 5px;
            border: solid 1px #222;
        }

            .footer-container .socialicons img:hover {
                opacity: 1;
                margin-bottom: 2px;
                cursor: pointer;
                border: solid 1px #fff;
            }

    .footer-container .showlogo {
        padding-top: 20px;
        float: right;
        text-align: right;
    }

    .footer-testimonials {
        float: right;
        text-align: right;
    }

        .footer-testimonials img {
            float: right;
        }

        .footer-testimonials p {
            float: right;
            text-align: right;
        }

        .footer-testimonials a {
            color:white;
            text-decoration:none;
        }

        .footer-testimonials a:hover {
            color:#aaa;
        }

    @media only screen and (max-width: 991px) {
        .footer-testimonials {
            float: none;
            text-align: left;
        }

            .footer-testimonials img {
                float: none;
            }

            .footer-testimonials p {
                float: none;
                text-align: left;
            }


        .footer-container .showlogo {
            float: none;
            text-align: left;
        }
    }



#CookieRequester {
    padding:10px 0;
    background-color:#555;
    color:white;
    border-top:solid 1px #eee;
}

#CookieRequester a {
    color:white;
    text-decoration:none;
    font-size:16px;
}
#CookieRequester .checkbox-inline {
    font-size:16px;
}
/*****************************
    500 - Home Page
    
888    888                                      8888888b.                            
888    888                                      888   Y88b                           
888    888                                      888    888                           
8888888888  .d88b.  88888b.d88b.   .d88b.       888   d88P 8888b.   .d88b.   .d88b.  
888    888 d88""88b 888 "888 "88b d8P  Y8b      8888888P"     "88b d88P"88b d8P  Y8b 
888    888 888  888 888  888  888 88888888      888       .d888888 888  888 88888888 
888    888 Y88..88P 888  888  888 Y8b.          888       888  888 Y88b 888 Y8b.     
888    888  "Y88P"  888  888  888  "Y8888       888       "Y888888  "Y88888  "Y8888  
                                                                        888          
                                                                   Y8b d88P          
                                                                    "Y88P"           
*****************************/
.homepagebanner-outer {
    margin: 10px auto;
    /*max-width: 960px;*/
}

    .homepagebanner-inner {
        background: #fff;
        padding: 5px;
    }

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        transition-property: opacity;
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1;
    }

        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            z-index: 1;
        }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }


    .carousel-fade .carousel-control {
        z-index: 2;
    }


    .carousel-indicators {
        left: auto;
        bottom: -6px;
        right: 1%;
        text-align: right;
    }

        .carousel-indicators li {
            text-indent: 0;
            height: 12px;
            width: 12px;
            padding: 1px 5px 1px 5px;
            border-radius: 25px;
            background-color: #58585a;
            border-color: rgba(255,255,255, 0.5);
            color: transparent;
        }

            .carousel-indicators li:hover {
                background-color: #a2daf4;
                border-color: rgba(0, 0, 0, 0.5);
                height: 12px;
                width: 12px;
            }

            .carousel-indicators li.active {
                height: 12px;
                width: 12px;
                background-color: #a2daf4;
                border-color: rgba(255, 255,255, 0.5);
                margin: 1px;
            }




    div.bucket-inner {
        position: relative;
    }

    div.bucket-title {
        background-color: rgba(238,235,228,0.8);
        color: red;
        border-bottom: solid 1px rgba(255,255,255,0.2);
        font-size: 150%;
        text-align: center;
        padding: 5px 0;
        width: 100%;
    }


    #homePageProducts .product-grid {
        overflow: hidden;
        margin-top: 20px;
    }

        #homePageProducts .product-grid ul.pList {
            padding-left: 0;
        }

            #homePageProducts .product-grid ul.pList li {
                list-style-type: none;
            }




        #homePageProducts .product-grid .product-box {
            margin-bottom: 50px;
            border: solid 1px white;
            border-bottom: solid 3px #eeebe4;
            overflow: hidden;
        }

            #homePageProducts .product-grid .product-box:hover .title-bar {
                background-color: #dddad3;
            }

        #homePageProducts .product-grid .content-top {
            padding: 15px;
            display: block;
            max-height: 290px;
            overflow: hidden;
        }

        #homePageProducts .product-grid .img-responsive {
            margin: 0 auto;
        }

        #homePageProducts .product-grid .content-main {
        }

    #homePageProducts .product-box .title-bar {
        background-color: #eeebe4;
        padding: 5px;
        height: 50px;
        overflow: hidden;
    }

    #homePageProducts .product-box .description {
        height: 60px;
        display: block;
        overflow: hidden;
        margin: 5px 0;
    }

    #homePageProducts .product-box .title-bar a {
        color: black;
        font-weight: 500;
    }

    #homePageProducts .product-box .promo-text {
        display: block;
        font-weight: 500;
        height: 40px;
        overflow: hidden;
    }

    #homePageProducts .product-box .content-pricing {
    }

    #homePageProducts .product-box .product-price {
        font-weight: 600;
        font-size: 18px;
    }



    #homePageProducts .product-box .img-overlay {
        width: 100px !important;
        height: 75px !important;
        z-index: 100;
        position: absolute;
    }

        #homePageProducts .product-box .img-overlay.overlay-tl {
            top: 10px;
            left: 10px;
        }

        #homePageProducts .product-box .img-overlay.overlay-tr {
            top: 10px;
            right: 10px;
        }

        #homePageProducts .product-box .img-overlay.overlay-bl {
            bottom: 10px;
            left: 10px;
        }

        #homePageProducts .product-box .img-overlay.overlay-br {
            bottom: 10px;
            right: 10px;
        }

    #homePageProducts .product-box .sale_callout_listing {
        background-color: #810000;
        border-top: 1px solid #990000;
        box-shadow: 1px 1px 1px #4c4c4c;
        color: #ffffff;
        font-weight: bold;
        text-shadow: 1px 1px 1px #330000;
        position: absolute;
        top: 5px;
        left: 0px;
        padding: 2px 9px;
        z-index: 10;
        border-radius: 5px;
    }


    #storeReview {
        background: #EEEDE9;
        margin-bottom: 10px;
        min-height: 155px;
        position: relative;
        overflow: hidden;
    }



    #reviewLinks {
        width: 95%;
        height: 30px;
        display: inline-block;
        vertical-align:bottom;
        z-index: 20;
        text-align: right;
        color: #999;
        padding-left: 140px;
    }

        #reviewLinks a {
            color: #999;
            float: left;
        }


            #reviewLinks a:focus,
            #reviewLinks a:active,
            #reviewLinks a:hover {
                text-decoration: none;
                color: #000;
            }

    a#selectNextStoreReview {
        float: right;
    }

    #storeReviewQuotes {
        width: 100px;
        display: inline-block;
        padding: 10px;
        height: 100%;
        left: 40px;
        position: absolute;
        z-index: 20;
    }

        #storeReviewQuotes div {
            background-image: url(images/QuoteMarks.png);
            background-repeat: no-repeat;
            border-right: solid 2px #990000;
            height: 100%;
        }



    #storeReviewTitle {
        padding: 10px 0 0 140px;
        font-size: 17px;
        font-weight: bold;
        color: #990000;
    }

    .storeReviewBody {
        padding: 10px 50px 10px 140px;
        font-size: 16px;
        display: none;
    }

        .storeReviewBody.active {
            display: inline-block;
        }

    .reviewAuthorDate {
        padding-top: 5px;
    }

        .reviewAuthorDate .reviewAuthor {
            color: #990000;
        }


    #frontPageESignUp {
        min-height: 213px;
        background-image: url(images/esignup_lady.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #EEEDE9;
        margin-top: 10px;
        padding: 20px 30px;
        position: relative;
    }

        #frontPageESignUp .esignuplogo {
            height: 24px;
            background-image: url(images/Logo_eclub.png);
            background-repeat: no-repeat;
            padding-left: 130px;
            font-size: 20px;
            vertical-align: top;
            font-weight: bold;
            color: #990000;
            margin-bottom: 20px;
        }

        #frontPageESignUp p {
            margin-top: 10px;
            margin-bottom: 10px;
        }

    button#eSignUp {
        position: absolute;
        bottom: 20px;
    }

    #homePageCards {
        padding: 0 10px;
    }

        #homePageCards .redgutter {
            padding-left: 5px;
            padding-right: 5px;
            max-height: 149px;
            overflow: hidden;
        }




    @media only screen and (min-width: 768px) {

        #homePageCards .fpcard .fpctitle {
            position: absolute;
            background: rgba(0,0,0,0.5);
            text-align: center;
            padding: 2px 0;
            bottom: 10px;
            width: 100%;
            border-top: solid 1px rgba(255,255,255,0.3);
            border-bottom: solid 1px rgba(129,129,129,0.3);
            color: #fff;
            z-index: 20;
        }
    }

    @media only screen and (max-width: 767px) {

        #homePageCards .fpcard .fpctitle {
            text-align: center;
            background: #444;
            color: #fff;
        }

        #homePageCards .redgutter {
            max-height: unset;
        }
    }

    @media only screen and (max-width: 500px) {
        #homePageCards .fpcard .fpctitle {
            font-size: 68%;
        }
    }

    #homePageCards .fpcard {
        margin-bottom: 10px;
        position: relative;
    }

    .homePageBuckets {
        padding: 10px 0;
    }

    .homePageBucket {
        margin-bottom: 15px;
    }

    /****************************
    550 - Product page

8888888b.                       888                   888         8888888b.                            
888   Y88b                      888                   888         888   Y88b                           
888    888                      888                   888         888    888                           
888   d88P 888d888 .d88b.   .d88888 888  888  .d8888b 888888      888   d88P 8888b.   .d88b.   .d88b.  
8888888P"  888P"  d88""88b d88" 888 888  888 d88P"    888         8888888P"     "88b d88P"88b d8P  Y8b 
888        888    888  888 888  888 888  888 888      888         888       .d888888 888  888 88888888 
888        888    Y88..88P Y88b 888 Y88b 888 Y88b.    Y88b.       888       888  888 Y88b 888 Y8b.     
888        888     "Y88P"   "Y88888  "Y88888  "Y8888P  "Y888      888       "Y888888  "Y88888  "Y8888  
                                                                                          888          
                                                                                     Y8b d88P          
                                                                                      "Y88P"           
******************************/

    #scrollTop {
        cursor: pointer;
    }

    #productheaderbar {
        z-index: 200;
        background-color: white;
        transition: background-color 0.5s ease;
    }

    #productnavigation {
        z-index: 100;
        transition: background-color 0.5s ease;
    }


        #productnavigation.stuck {
        }

            #productnavigation.stuck #productnavigationbuttons {
                background-color: #fff;
                color: #000;
                padding-bottom: 5px;
            }


            #productnavigation.stuck #productnavigationbase {
                height: 20px;
                background-image: url(images/stuckgradient.png);
                background-repeat: repeat-x;
            }

    #productscrollbar {
        z-index: 90;
        overflow: hidden;
        display: inline-block;
        position: fixed;
        top: 105px;
        padding: 8px;
        margin-left: 5px;
        background-color: rgba(200,200,200,0.3);
        opacity: 0;
        border-radius: 5px;
    }

    #scrollImage {
        max-width: 75px;
        border-radius: 5px;
        float: left;
        margin-right: 15px;
    }

    #productscrollbar .scrollbarcontent {
        background-color: #EEEBE4;
        padding: 10px;
        border-radius: 5px;
    }

    #scrollbarprice {
        padding-left: 10px;
        font-weight: 600;
    }

    #productscrollbar .scrollbarcontent button {
        margin: 5px 5px 0 0;
    }



    /* LHS boxes */
    .productpage-product-box {
    }

    .product-page .navigation-buttons i {
        color: #EEEBE4;
    }

        .product-page .navigation-buttons i.selected {
            color: #ED1C24;
        }

    .product-page .navigation-buttons a {
        margin: 0 4px 0 2px;
    }

        .product-page .navigation-buttons a.selected {
            color: #ED1C24;
        }

    #product-title {
        font-size: 32px;
        padding: 3px 0 3px 0;
        
        overflow: hidden;
    }

    #productheaderbar.stuck {
        background-color: #ddd;
        transition: background-color 0.5s ease;
    }

    #stucklogo img {
        opacity: 0;
        transition: opacity 0.2s ease, margin-top 0.5s ease 0.5s;
        margin-top: -100px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #productheaderbar.stuck #stucklogo img {
        opacity: 1;
        transition: opacity 1s ease 0.1s, margin-top 0.5s ease 0.1s;
        margin-left: -30px;
        margin-top: 0px;
    }

    #imgThumbsOuter {
    }

    #imgThumbs {
        display: block;
        height: 90px;
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
    }

    #stickynavigation {
        opacity: 0;
        transition: height 200ms linear, width 200ms linear, opacity 200ms linear;
    }

    .is-sticky #stickynavigation {
        opacity: 1;
        transition: opacity 400ms linear;
    }

    @media only screen and (max-width: 992px) {
        #product-title {
            font-size: 24px;
        }
    }

    @media only screen and (max-width: 600px) {
        #product-title {
            font-size: 16px;
        }
    }

    .product-page #sticky-bar {
        background-color: white;
        min-height: 100px;
        max-height: 135px;
        padding-bottom: 10px;
    }


    .xxxproduct-page.stuck {
        padding-top: 138px;
    }

    @media only screen and (min-width: 768px) {

        .xxxproduct-page.stuck #sticky-bar {
            position: fixed;
            top: 92px;
            z-index: 20;
        }
    }

    .sticky-wrapper.is-sticky {
        z-index: 50;
    }

    .product-page .productpage-details-box {
    }

    .product-page .infobox {
        padding: 5px 10px 10px 10px;
        border-radius: 5px;
        border-width: 0;
        border-color: white;
        background-color: #eeebe4;
        overflow: hidden;
        margin-bottom: 10px;
        transition: background-color 200ms linear, border 200ms linear,margin 200ms linear;
    }

    .product-page .deltextconditions .delivery-green {
        font-weight:bold;
        color:green;
    }

.product-page .deltextconditions .delivery-red {
    font-weight: bold;
    color: #B9181B;
}


    .product-page .is-sticky .infobox.white {
        padding: 15px;
        border: solid 3px white;
        margin-left: -3px;
        border-bottom: solid 8px white;
        transition: background-color 200ms linear, border 200ms linear,margin 200ms linear;
    }


    .product-page #stickytitle {
        display: none;
    }

    #stickyprice {
        padding-left: 5px;
        float: right;
    }

    .product-page .is-sticky #stickytitle {
        display: block;
        padding-bottom: 3px;
        margin-bottom: 2px;
        border-bottom: dotted 1px grey;
    }

    .product-page .infobox .infobreak {
        width: 95%;
        margin-top: 8px;
        border-top: dotted 1px #888;
        padding-top: 8px;
    }

    .product-page .infobox .saleNowPrice,
    .product-page .infobox .standardNowPrice {
        font-size: 24px;
        font-weight: 600;
    }

    .product-page .saleSaving {
        font-weight: 600;
        font-size: 14px;
        display: inline-block;
        float: left;
        color: red;
        padding-right: 10px;
    }

    .product-page .saleWasPrice {
        font-weight: 300;
        font-size: 14px;
        text-decoration: line-through;
        text-decoration-color: rgba(255,0,0,0.5);
    }

    .product-page .tab-pane {
        overflow: hidden;
    }

    h3.tabheader {
        border-bottom: solid 1px black;
        display: inline-block;
        padding: 5px 10px 5px 0;
        margin-left: 0px;
        border-bottom-right-radius: 5px;
    }

    #product-awards {
    }

        #product-awards img {
            border: solid 1px #ccc;
            padding: 5px;
            margin-bottom: 10px;
        }

        #product-awards a {
            color: black;
        }

    .product-page .slider-thumbs a {
        display: inline-block;
        background-color: white;
        padding: 3px;
        border: solid 1px #ccc;
        border-radius: 5px;
        margin-bottom: 5px;
        cursor: pointer;
        overflow: hidden;
    }

        .product-page .slider-thumbs a.selected {
            border: solid 1px #555;
        }

        .product-page .slider-thumbs a:hover {
            border: solid 1px #c00;
        }

    .product-page #variantSelector {
        font-weight: 100;
    }

    .product-page .altproduct {
        min-height:350px;
    }

    .product-page .altproduct a:hover {
        text-decoration: none;
    }

    .product-page .altproduct .salesmsg {
        font-weight: bold;
        color: black;
    }

    .product-page .altproduct .prodname {
        background-color: #eeebe4;
        padding: 5px 10px;
        min-height: 50px;
    }

    .product-page .altproduct a .prodname {
        color: black;
    }

    .product-page .altproduct a:hover .prodname {
        background-color: #dddad3;
    }

    .product-page .altproduct .pricecomparison {
        min-height: 20px;
        color: #333;
    }

    .product-page .altproduct .price {
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }

    .product-page .altproduct .sale_callout_listing {
        background-color: #810000;
        border-top: 1px solid #990000;
        box-shadow: 1px 1px 1px #4c4c4c;
        color: #ffffff;
        font-weight: bold;
        text-shadow: 1px 1px 1px #330000;
        position: absolute;
        top: 25px;
        left: 0px;
        padding: 2px 9px;
        z-index: 20;
        border-radius: 5px;
    }

    #dbVariantSelector {
        padding: 5px;
        background: #fffcf5;
        border: solid 1px white;
        display: block;
        margin: 10px 0 15px 0;
    }

        #dbVariantSelector:hover, #dbVariantSelector:active {
            text-decoration: none;
            cursor: pointer;
        }

    a.variantOption span {
        white-space: normal;
    }

    a .variantTick {
        display: inline-block;
        color: transparent;
        float: left;
        padding-right: 10px;
        padding-top: 5px;
    }

    .selectoptionwarning {
        color: white;
        width: 100%;
        background-color: #333;
        padding: 5px 10px;
        border-radius: 5px;
    }

    a.selected .variantTick {
        color: white;
    }

    #dbvstext {
        color: black;
    }


    .product-page ul.dropdown-menu {
        background: #eeebe4;
        color: black;
        box-shadow: none;
        padding-top: 0;
        top: 90px;
        left: 25px;
        border: solid 1px #999;
        border-radius: 0;
    }

        .product-page ul.dropdown-menu a {
            color: black;
        }

        .product-page ul.dropdown-menu .cat-title {
            border-bottom: solid 2px #D2CFC8;
            padding: 5px 5px 5px 10px;
        }

        .product-page ul.dropdown-menu ul.catlist {
            margin-bottom: 10px;
        }


    /* Image carousel */

    .product-page #myCarousel {
        min-height: 560px;
    }

    .mainimage.zoomable {
        overflow: hidden;
        display: block;
        position: relative
    }


        .mainimage.zoomable .zoomclick {
            min-height: 36px;
            min-width: 170px;
            display: inline-block;
            position: absolute;
            left: 30%;
            z-index: 50;
            top: 200px;
            overflow: hidden;
            background-image: url(images/clicktozoom.png);
            opacity: 0;
            -webkit-transition: opacity 0.5s ease-out;
            -moz-transition: opacity 0.5s ease-out;
            -o-transition: opacity 0.5s ease-out;
        }

        .mainimage.zoomable:hover .zoomclick {
            -webkit-transition: opacity 0.5s ease-in;
            -moz-transition: opacity 0.5s ease-in;
            -o-transition: opacity 0.5s ease-in;
            opacity: 1;
        }

        .mainimage.zoomable.hideonload {
            display: none;
        }

    .carousel-inner > .item img {
        margin: 0 auto;
    }

    /* Spec etc */


    .product-page .product-title-repeat {
        font-size: 20px;
    }


    /* Exdemo info request popup */

    input.xderror {
        border: solid 1px red;
        background-color: #ffafaf;
    }


    /* Youtube */


    .youtube-productvideo-thumb {
        max-height: 50px;
    }

    .youtubevideo-productvideo img {
        margin: 0 auto;
    }


    .youtubevideo-productvideo a.youtubevideo-show {
        position: absolute;
        display: block;
        background: url(images/videoplay.png);
        height: 80px;
        width: 80px;
        top: 20px;
        left: 20px;
        z-index: 200;
    }

    a.youtubevideo-show img {
        border-radius: 5px;
    }

    .youtubeWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

        .youtubeWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .YouTubeModal .modal-content {
        background: #666;
        color: #fff;
    }


    .YouTubeModal .modal-header button {
        background: #666;
        color: #fff;
    }


    #productnavigation {
    }

        #productnavigation .navlink {
            color: black;
            background-color: #EEEBE4;
            padding: 5px 10px;
            display: inline-block;
            border-radius: 2px;
            cursor: pointer;
            margin-right: 5px;
        }

    #navlinks.stuck .navlink {
        cursor: pointer;
    }

    #productnavigation .navlink:hover {
        text-decoration: none;
        background-color: #d3cfc7;
    }


    #navlinks.stuck .navlink:hover {
        color: white;
        background-color: #555;
    }

    #externallinks i::before {
        font-size: 40px;
    }

    #externallinks i {
        float: left;
        padding-right: 10px;
    }

    #externallinks a {
        text-decoration: none;
        color: black;
    }
    /****************************
   600 - Category search page

 .d8888b.           888                                                    8888888b.                            
d88P  Y88b          888                                                    888   Y88b                           
888    888          888                                                    888    888                           
888         8888b.  888888 .d88b.   .d88b.   .d88b.  888d888 888  888      888   d88P 8888b.   .d88b.   .d88b.  
888            "88b 888   d8P  Y8b d88P"88b d88""88b 888P"   888  888      8888888P"     "88b d88P"88b d8P  Y8b 
888    888 .d888888 888   88888888 888  888 888  888 888     888  888      888       .d888888 888  888 88888888 
Y88b  d88P 888  888 Y88b. Y8b.     Y88b 888 Y88..88P 888     Y88b 888      888       888  888 Y88b 888 Y8b.     
 "Y8888P"  "Y888888  "Y888 "Y8888   "Y88888  "Y88P"  888      "Y88888      888       "Y888888  "Y88888  "Y8888  
                                        888                       888                              888          
                                   Y8b d88P                  Y8b d88P                         Y8b d88P          
                                    "Y88P"                    "Y88P"                           "Y88P"           
******************************/


    .category-page {
    }

        .category-page .category-hero {
            padding: 10px 0 10px 0;
            background-color: #EEEBE4;
            margin-top: 10px;
        }

            .category-page .category-hero h1 {
                font-weight: 500;
                margin: 0;
            }

        .category-page .category-image img {
            float: right;
        }

        .category-page .product-grid {
            overflow: hidden;
            margin-top: 20px;
        }

            .category-page .product-grid ul.pList {
                padding-left: 0;
            }

                .category-page .product-grid ul.pList li {
                    list-style-type: none;
                }




            .category-page .product-grid .product-box {
                margin-bottom: 50px;
                border: solid 1px white;
                border-bottom: solid 3px #eeebe4;
                overflow: hidden;
            }

                .category-page .product-grid .product-box:hover .title-bar {
                    background-color: #dddad3;
                }

            .category-page .product-grid .content-top {
                padding: 15px;
                display: block;
                max-height: 290px;
                overflow: hidden;
            }

            .category-page .product-grid .content-main {
            }

        .category-page .product-box .title-bar {
            background-color: #eeebe4;
            padding: 5px;
            height: 50px;
            overflow: hidden;
        }

        .category-page .product-box .description {
            height: 60px;
            display: block;
            overflow: hidden;
            margin: 5px 0;
        }

        .category-page .product-box .title-bar a {
            color: black;
            font-weight: 500;
        }

        .category-page .img-responsive {
            margin: 0 auto;
        }

        .category-page .product-box .promo-text {
            display: block;
            font-weight: 500;
            height: 40px;
            overflow: hidden;
        }

        .category-page .product-box .content-pricing {
        }

        .category-page .product-box .product-price {
            font-weight: 600;
            font-size: 18px;
        }



        .category-page .product-box .img-overlay {
            width: 100px !important;
            height: 75px !important;
            z-index: 100;
            position: absolute;
        }

            .category-page .product-box .img-overlay.overlay-tl {
                top: 10px;
                left: 10px;
            }

            .category-page .product-box .img-overlay.overlay-tr {
                top: 10px;
                right: 10px;
            }

            .category-page .product-box .img-overlay.overlay-bl {
                bottom: 10px;
                left: 10px;
            }

            .category-page .product-box .img-overlay.overlay-br {
                bottom: 10px;
                right: 10px;
            }

        .category-page .product-box .sale_callout_listing {
            background-color: #810000;
            border-top: 1px solid #990000;
            box-shadow: 1px 1px 1px #4c4c4c;
            color: #ffffff;
            font-weight: bold;
            text-shadow: 1px 1px 1px #330000;
            position: absolute;
            top: 5px;
            left: 0px;
            padding: 2px 9px;
            z-index: 10;
            border-radius: 5px;
        }


    .side-header h2 {
        font-size: 22px;
    }

    .side-menu h3 {
        font-size: 16px;
    }

    .side-menu input[type="text"] {
        padding: 0;
    }

    .side-menu label {
        font-weight: normal;
        display: block;
        padding-left: 15px;
        margin: 0;
    }

        /*.side-menu input[type=checkbox] {
        display: inline;
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0 5px 0 0;
        vertical-align: bottom;
        position: relative;
        top: -5px;
        *overflow: hidden;
    }*/


        .side-menu label:hover {
            text-decoration: underline;
        }


    .side-menu div.searchslider {
        width: 90%;
        margin: 5% 5% 5% 2%;
    }

    .side-menu div.slideinputleft {
        margin: 10px 0 15px 0;
        display: block;
        float: left;
        width: 45%;
    }

    .side-menu div.slideinputright {
        margin: 10px 0 15px 0;
        display: block;
        float: right;
        width: 45%;
    }


        .side-menu div.slideinputleft input, .side-menu div.slideinputright input {
            padding-top: 5px;
            width: 100%;
            text-align: center;
        }

    @media only screen and (max-width:767px) {
        #filterboxouter {
            display: none;
        }
    }
    /****************************
    700 - Store page

 .d8888b.  888                                 8888888b.                            
d88P  Y88b 888                                 888   Y88b                           
Y88b.      888                                 888    888                           
 "Y888b.   888888 .d88b.  888d888 .d88b.       888   d88P 8888b.   .d88b.   .d88b.  
    "Y88b. 888   d88""88b 888P"  d8P  Y8b      8888888P"     "88b d88P"88b d8P  Y8b 
      "888 888   888  888 888    88888888      888       .d888888 888  888 88888888 
Y88b  d88P Y88b. Y88..88P 888    Y8b.          888       888  888 Y88b 888 Y8b.     
 "Y8888P"   "Y888 "Y88P"  888     "Y8888       888       "Y888888  "Y88888  "Y8888  
                                                                       888          
                                                                  Y8b d88P          
                                                                   "Y88P"           
******************************/

    #store-page .store-page-outer {
        padding-top: 15px;
        overflow: hidden;
    }

    #store-page .store-info-gmap {
        width: 100%;
        height: 410px;
        border: solid 2px #ccc;
    }

    #store-page .store-info-gmap-large {
        width: 100%;
        height: 620px;
        border: solid 2px #ccc;
    }

    #store-page .store-social-icon {
        margin:0 5px;
        opacity:100%;
    }

#store-page .store-social-icon:hover {
    
    opacity: 80%;
}

    #store-page .address {
        padding: 20px 0;
        font-size: 125%;
    }

        #store-page .address p {
            margin: 0;
        }

    #store-page .meet-team tr td {
        padding-bottom: 15px;
    }

    #store-page .team-photo {
        padding-right: 15px;
        vertical-align: top;
    }

        #store-page .team-photo img {
            border-radius: 5px;
        }

    #store-page .team-content {
        vertical-align: top;
    }

    #store-page ul, #store-page li.review {
        clear: both;
        list-style-type: none;
        list-style-position: inside;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #store-page li.review {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: dotted 1px #ccc;
    }


    #store-page .review img {
        max-width: 50px;
    }

    #store-page .revcontent {
        display: inline-block;
        font-size: 110%;
        float: right;
    }

    #store-page .authordate {
        color: #9B0000;
        padding-top: 5px;
        display: block;
        font-size: 90%;
    }

        #store-page .authordate .date {
            color: #5d5d5d;
        }


    #store-page .open-hours {
        text-align: right;
    }

        #store-page .open-hours span {
            float: left;
        }

    /* Store Review Pages */
    #storereviewspage {
    }

        #storereviewspage p {
            padding-bottom: 15px;
        }

        #storereviewspage ul,
        #storereviewspage li {
            clear: both;
            list-style-type: none;
            list-style-position: inside;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        #storereviewspage li {
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: dotted 1px #ccc;
        }


        #storereviewspage .review img {
            max-width: 50px;
        }

        #storereviewspage .revcontent {
            display: inline-block;
            font-size: 110%;
            float: right;
        }

        #storereviewspage .authordate {
            color: #9B0000;
            padding-top: 5px;
            display: block;
            font-size: 90%;
        }

            #storereviewspage .authordate .date {
                color: #5d5d5d;
            }



    /******************************
    550 - PAYMENT SCREENS

8888888b.                                                   888          .d8888b.                                                      
888   Y88b                                                  888         d88P  Y88b                                                     
888    888                                                  888         Y88b.                                                          
888   d88P 8888b.  888  888 88888b.d88b.   .d88b.  88888b.  888888       "Y888b.    .d8888b 888d888 .d88b.   .d88b.  88888b.  .d8888b  
8888888P"     "88b 888  888 888 "888 "88b d8P  Y8b 888 "88b 888             "Y88b. d88P"    888P"  d8P  Y8b d8P  Y8b 888 "88b 88K      
888       .d888888 888  888 888  888  888 88888888 888  888 888               "888 888      888    88888888 88888888 888  888 "Y8888b. 
888       888  888 Y88b 888 888  888  888 Y8b.     888  888 Y88b.       Y88b  d88P Y88b.    888    Y8b.     Y8b.     888  888      X88 
888       "Y888888  "Y88888 888  888  888  "Y8888  888  888  "Y888       "Y8888P"   "Y8888P 888     "Y8888   "Y8888  888  888  88888P' 
                        888                                                                                                            
                   Y8b d88P                                                                                                            
                    "Y88P"                                                                                                             
*/
    .checkoutcard-inner .ifSage {
        width: 100%;
        height: 1000px;
        border: solid 10px white;
    }


    /**** 

    900 - Account pages

*/

    .account-page .input span,
    .account-page .input label {
        display: inline-block;
        width: 240px;
        margin-bottom: 15px;
    }


    .account-page .form-control {
        min-width: 300px;
        width: auto;
        display: inline-block;
    }

        .account-page .form-control.title-dropdown,
        .account-page .form-control.firstname,
        .account-page .form-control.lastname {
            min-width: 0;
            width: auto;
        }


.account-page input[type="text"],
.account-page input[type="tel"],
.account-page input[type="email"],
.account-page input[type="number"],
.account-page input[type="password"], 
select {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.account-page table {
    border-top: dotted 1px #555;
    border-bottom: dotted 1px #555;
}

    .account-page table thead tr th {
        padding-top: 10px;
    }

    .account-page table tbody tr:last-child td {
        padding-bottom: 10px;
    }

    .account-page table td {
        text-align: left;
    }

.account-page .account-details-password {
    border-bottom: dotted 1px #000;
    overflow:hidden;
}

.account-page .input span,
.account-page .input label {
    display: inline-block;
    width: 240px;
    margin-bottom: 15px;
}

.account-page .valdation-messages {
    display: block;
    clear: both;
}

.account-page span.validationError {
    clear: both !important;
    border-left: solid 2px red;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    margin-top: 3px;
    width: 100%;
}

    .account-page span.validationError[style*="inline"] {
        display: block !important;
    }

.account-page label {
    vertical-align: top;
}

div.addressdatalist {
    background-color: #fff;
    padding: 10px;
}

    div.addressdatalist ul {
        list-style-type: none;
    }

.account-page .account-customer-password {
    border-left: dotted 1px black;
    padding-bottom: 20px;
}

    .account-page .account-customer-password label {
        margin-bottom: 5px;
        margin-top: 8px;
    }

.account-page #chkOKToEmailFromStore {
    vertical-align: top;
    margin-right: 5px;
}

.account-customer-details label,
.account-customer-details div {
    padding-top: 5px;
}

.account-customer-details .gdpr label {
    font-weight: normal;
}

        /********************************
            950. Topic Pages

        */


.form-control.afcheckboxsg, .afcheckbox {
    float: left;
    outline-color: white;
    outline: 0;
    border:none;
    width: 35px;
    box-shadow:none;
}

            .form-control.afcheckboxsg:focus {
                outline: 0;
                outline-color:white;
            }

    /****************************
    1000 - OPC

 .d88888b.                         8888888b.                                  .d8888b.  888                        888                        888    
d88P" "Y88b                        888   Y88b                                d88P  Y88b 888                        888                        888    
888     888                        888    888                                888    888 888                        888                        888    
888     888 88888b.   .d88b.       888   d88P 8888b.   .d88b.   .d88b.       888        88888b.   .d88b.   .d8888b 888  888  .d88b.  888  888 888888 
888     888 888 "88b d8P  Y8b      8888888P"     "88b d88P"88b d8P  Y8b      888        888 "88b d8P  Y8b d88P"    888 .88P d88""88b 888  888 888    
888     888 888  888 88888888      888       .d888888 888  888 88888888      888    888 888  888 88888888 888      888888K  888  888 888  888 888    
Y88b. .d88P 888  888 Y8b.          888       888  888 Y88b 888 Y8b.          Y88b  d88P 888  888 Y8b.     Y88b.    888 "88b Y88..88P Y88b 888 Y88b.  
 "Y88888P"  888  888  "Y8888       888       "Y888888  "Y88888  "Y8888        "Y8888P"  888  888  "Y8888   "Y8888P 888  888  "Y88P"   "Y88888  "Y888 
                                                           888                                                                                       
                                                      Y8b d88P                                                                                       
                                                       "Y88P"                                                                                        
******************************/
    .opc-stagebox {
        width: 100%;
        font-size: 28px;
        font-weight: 600;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: #fff;
    }

        .opc-stagebox .col-xs-2 {
            padding-left: 0;
        }

        .opc-stagebox.spacetop {
            margin-top: 40px;
        }

        .opc-stagebox div {
            float: left;
        }

        .opc-stagebox > .col-xs-2 > div {
            float: right;
        }

        .opc-stagebox .opc-stagetext {
            padding: 5px;
        }



        .opc-stagebox .opc-stagenumber {
            padding: 5px 5px;
            min-width: 50px;
            text-align: center;
            color: black;
            border: solid 1px #555;
            background-color: #eeebe4;
            display: inline-block;
            border-radius: 1px;
        }

    .opc-stagetext {
    }


    ul.passvalid {
    }

        ul.passvalid li {
            font-weight: normal;
            color: #555;
        }

            ul.passvalid li.goodpw {
                color: #000;
                font-weight: bold;
            }

    #passmeter ul.passvalid li.goodpw {
        color: green;
    }


    .opc-page .input {
        clear: both;
    }

        .opc-page .input.pchide {
            display: none;
        }

        .opc-page .input > span {
            font-size: 14px;
            font-weight: bold;
            color: black;
            display: block;
            min-width: 25%;
            float: left;
            margin-left: 10px;
            padding: 5px 0;
        }


        .opc-page .input input,
        .opc-page .input select {
            margin-bottom: 5px;
        }


    .pchide {
        display: none;
    }

    #opc-addressedit-invoice,
    #opc-addressedit-delivery {
        margin: 10px 0 20px 0;
    }


    /*** Delivery and Payment section */


    .opc-payment-form {
        padding-left: 175px;
        margin-bottom: 20px;
    }

        .opc-payment-form h3 {
            margin-top: 0;
        }

    .opc-payment-radio {
        vertical-align: top;
    }

    h3.col-sm-10 {
        padding-left: 5px;
        color: #888;
    }

    .opc-payment-logo {
        width: 106px;
        margin-right: 10px;
        float: left;
        clear: left;
        background: white;
        padding-bottom: 10px;
        border: solid 3px white;
    }

    .opc-payment-sagepay {
        min-height: 27px;
        margin-bottom: 5px;
        background-image: url(images/opc-sagepay.png);
        background-repeat: no-repeat;
    }

    .opc-payment-barclays {
        min-height: 38px;
        background-image: url(images/opc-barclays.png);
        background-repeat: no-repeat;
    }

    .opc-payment-radio-outer {
        float: left;
        padding-top: 5px;
    }

    .opc-payment-instore {
        min-height: 36px;
        background: url(images/opc-instore.png);
        background-repeat: no-repeat;
    }

    .opc-payment-paypal {
        min-height: 29px;
        background: url(images/opc-paypal.png);
        background-repeat: no-repeat;
    }

    .opc-payment-phoneme {
        min-height: 38px;
        background: url(images/opc-phoneme.png);
        background-repeat: no-repeat;
    }

    .opc-payment-methods span.payment-method-name {
        vertical-align: top;
        margin-left: 5px;
        font-size: 12px;
    }

    div.opc-payment-reset {
        clear: both;
        overflow: hidden;
        margin-top: 15px;
    }

        div.opc-payment-reset:first-child {
            margin-top: 0;
        }

    .opc-cardtypes, .opc-payment-methods {
        list-style-type: none;
        overflow: hidden;
        padding-left: 0;
        padding-top: 5px;
    }


        .opc-cardtypes input[type="radio"] {
            vertical-align: top;
        }

        .opc-cardtypes label {
            vertical-align: top;
            padding-left: 5px;
        }

        .opc-cardtypes li,
        .opc-payment-methods li {
            margin: 0;
        }

            .opc-cardtypes li input,
            .opc-payment-methods li input {
                margin-right: 5px;
            }

            .opc-cardtypes li label,
            .opc-payment-methods li label {
                margin: 0px;
            }



    .opc-existing-addresses {
        margin: 10px 0;
    }

        .opc-existing-addresses p.customer-name {
            font-weight: bold;
        }

    .opc-delivery-conditions {
    }

    #opc-delivery-slots {
        width: 100%;
    }

        #opc-delivery-slots td {
            padding: 5px 5px 5px 0;
            font-size: 90%;
        }

    .opc-delivery-condition {
        /*padding:5px;
    border-radius:10px;*/
    }

    .opc-addressreview {
        padding: 10px;
        border: solid 1px #ccc;
        border-radius: 5px;
        overflow: hidden;
        margin: 10px 5px;
    }

        .opc-addressreview div.title {
            font-weight: bold;
            font-size: 14px;
        }

    .opc-delivery-condition p,
    #opc-address-edit p {
        margin: 0;
    }



    /*** Side cart */
    table.cart-items {
        width: 100%;
    }


        table.cart-items tr.headrow {
            color: black;
        }

            table.cart-items tr.headrow th {
                padding: 3px;
                border-bottom: solid 1px #AAA;
                vertical-align: bottom;
            }

                table.cart-items tr.headrow th:first-child {
                    padding-left: 10px;
                }

                table.cart-items tr.headrow th:last-child {
                    padding-right: 10px;
                }

        table.cart-items td {
            padding: 6px 5px;
            border-bottom: 1px dotted #CCC;
        }


            table.cart-items td:last-child {
                padding-right: 10px;
            }


            table.cart-items td.right, table.cart-items th.right {
                text-align: right;
            }

        table.cart-items input.checkout-qty {
            width: 50px;
        }

        table.cart-items tr.totalrow td {
            font-weight: bold;
        }

        table.cart-items ul.cart-kit-items {
            padding-left: 5px;
            list-style-type: none;
        }

            table.cart-items ul.cart-kit-items li {
                padding: 0;
                margin: 0;
                font-size: 13px;
                font-style: italic;
            }

        table.cart-items .promotion-text span {
            vertical-align: middle;
        }

        table.cart-items .promotion-text i.offer {
            margin-right: 5px;
            vertical-align: middle;
        }

        table.cart-items .wasPriceOuter {
            text-decoration: line-through;
            color: red;
        }

        table.cart-items .wasPrice {
            color: #999;
        }


    /****************************
    1000 - Mini cart 

888b     d888 d8b          d8b       .d8888b.                   888    
8888b   d8888 Y8P          Y8P      d88P  Y88b                  888    
88888b.d88888                       888    888                  888    
888Y88888P888 888 88888b.  888      888         8888b.  888d888 888888 
888 Y888P 888 888 888 "88b 888      888            "88b 888P"   888    
888  Y8P  888 888 888  888 888      888    888 .d888888 888     888    
888   "   888 888 888  888 888      Y88b  d88P 888  888 888     Y88b.  
888       888 888 888  888 888       "Y8888P"  "Y888888 888      "Y888 
                                                                       
******************************/
    div .cartContents {
        display: inline;
    }

    div.mini-cart {
        background: #dddad3;
        color: black;
        border: solid 1px #a89a79;
        border-radius: 5px;
    }

        div.mini-cart .modal-body {
            color: black;
            border: none;
            background: #eeebe4;
        }

        div.mini-cart .modal-footer {
            margin-top: 0px;
        }

    .mini-cart-line {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: dotted 1px #ccc;
    }

        .mini-cart-line:last-child {
            border-bottom: none;
        }

        .mini-cart-line .promotion-text i, .mini-cart-line .promotion-text span {
            vertical-align: middle;
        }

        .mini-cart-line div.right {
            text-align: right;
        }

        .mini-cart-line .promotion-text i {
            margin-right: 5px;
        }

        .mini-cart-line span.wasPriceOuter {
            color: #F55;
            text-decoration: line-through;
        }

        .mini-cart-line span.wasPrice {
            color: #999;
        }



    /***************************** 
    1010 Search popup

 .d8888b.                                    888           8888888b.                                     
d88P  Y88b                                   888           888   Y88b                                    
Y88b.                                        888           888    888                                    
 "Y888b.    .d88b.   8888b.  888d888 .d8888b 88888b.       888   d88P .d88b.  88888b.  888  888 88888b.  
    "Y88b. d8P  Y8b     "88b 888P"  d88P"    888 "88b      8888888P" d88""88b 888 "88b 888  888 888 "88b 
      "888 88888888 .d888888 888    888      888  888      888       888  888 888  888 888  888 888  888 
Y88b  d88P Y8b.     888  888 888    Y88b.    888  888      888       Y88..88P 888 d88P Y88b 888 888 d88P 
 "Y8888P"   "Y8888  "Y888888 888     "Y8888P 888  888      888        "Y88P"  88888P"   "Y88888 88888P"  
                                                                              888               888      
                                                                              888               888      
                                                                              888               888      
*****************************/

    #searchzone {
    }

    #site_search {
        padding-top: 25px;
    }

    #search_input {
        border: none;
        outline: none;
    }

    #searchzone.active #search_input {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    #search_autosuggest {
        background-color: #fff;
        color: black;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 2599;
        position: fixed;
        margin-left: -188px;
        padding: 5px;
        width: 400px;
        margin-right: 12px;
        text-align: left;
        top: 62px;
        display: none;
        border: solid 3px #000;
        border-top: transparent 0px solid;
        outline: none;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    @media only screen and (max-width: 1198px) {

        #search_autosuggest {
            margin-left: -190px;
        }
    }

    #search_autosuggest .as-subtitle {
        background-color: #eee;
        padding: 5px 5px;
        font-weight: bold;
    }


    #search_autosuggest a {
        text-decoration: none;
        color: black;
    }

    #search_autosuggest .as-products .prod {
        clear: both;
    }

    #search_autosuggest .as-products a {
        border-bottom: solid 1px #eee;
        overflow: hidden;
    }


    #search_autosuggest .as-products div {
    }

    #search_autosuggest .as-prodinfo {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #search_autosuggest .as-pn {
        font-weight: bold;
    }

    #search_autosuggest p {
        margin: 0;
        padding: 3px 15px;
        margin-bottom: 2px;
        color: black;
        font-size: 14px;
    }

    #search_autosuggest .as-refurb {
        color: red;
        font-weight: bold;
    }

    #search_autosuggest .as-xtext {
        color: #555;
        ;
        font-style: italic;
    }

    #search_autosuggest .as-save {
        color: red;
        padding-left: 3px;
        font-size: 90%;
    }

    #search_autosuggest .as-was {
        color: #555;
        padding-left: 3px;
        font-size: 90%;
    }




    #search_autosuggest .as-subtitle {
        background-color: #eee;
        padding: 5px 5px;
        font-weight: bold;
    }


    #search_autosuggest a {
        text-decoration: none;
        color: black;
    }

    #search_autosuggest .as-products .prod {
        clear: both;
    }

    #search_autosuggest .as-products a {
        border-bottom: solid 1px #eee;
        overflow: hidden;
    }


    #search_autosuggest .as-products div {
    }

    #search_autosuggest .pimg {
        margin: 3px 0;
        padding: 3px 0;
        background: #fff;
        border: solid 1px #eee;
        border-radius: 3px;
    }

    #search_autosuggest .as-pn {
        font-weight: 500;
    }

    #search_autosuggest p {
        margin: 0;
        padding: 3px 15px;
        margin-bottom: 2px;
        color: black;
        font-size: 14px;
    }

    #search_autosuggest .as-refurb {
        color: red;
        font-weight: bold;
    }

    #search_autosuggest a:active p,
    #search_autosuggest a:focus p,
    #search_autosuggest a:active div.prod,
    #search_autosuggest a:focus div.prod {
        background-color: #eeebe4;
        color: black;
        height: 100%;
        overflow: hidden;
    }

    #mobile-search-bar {
        padding-top: 10px;
    }

    #search_inputmob {
    }

    #search_autosuggestmob {
        background-color: #fff;
        color: black;
        border-bottom-left-radius: 5px;
        display: none;
        margin-left: -2px;
        padding: 5px;
        width: 100%;
        margin-right: 12px;
        text-align: left;
        top: 27px;
        border-top: transparent 0px solid;
        outline: none;
    }

        #search_autosuggestmob .as-subtitle {
            background-color: #eee;
            padding: 5px 5px;
            font-weight: bold;
        }


        #search_autosuggestmob a {
            text-decoration: none;
            color: black;
        }

        #search_autosuggestmob .as-products .prod {
            clear: both;
        }

        #search_autosuggestmob .as-products a {
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }


        #search_autosuggestmob .as-products div {
        }

        #search_autosuggestmob .as-prodinfo {
            padding-top: 10px;
        }

        #search_autosuggestmob .as-pn {
            font-weight: bold;
        }

        #search_autosuggestmob p {
            margin: 0;
            padding: 3px 15px;
            margin-bottom: 2px;
            color: black;
            font-size: 14px;
        }

        #search_autosuggestmob .as-refurb {
            color: red;
            font-weight: bold;
        }

        #search_autosuggestmob a:active p,
        #search_autosuggestmob a:focus p,
        #search_autosuggestmob a:active div.prod,
        #search_autosuggestmob a:focus div.prod {
            background-color: #999;
            color: white;
            height: 100%;
            overflow: hidden;
        }


        #search_autosuggestmob .as-subtitle {
            background-color: #eee;
            padding: 5px 5px;
            font-weight: bold;
        }


        #search_autosuggestmob a {
            text-decoration: none;
            color: black;
        }

        #search_autosuggestmob .as-products .prod {
            clear: both;
        }

        #search_autosuggestmob .as-products a {
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }


        #search_autosuggestmob .as-products div {
        }

        #search_autosuggestmob .as-prodinfo {
            padding-top: 10px;
        }

        #search_autosuggestmob .as-pn {
            font-weight: bold;
        }

        #search_autosuggestmob p {
            margin: 0;
            padding: 3px 15px;
            margin-bottom: 2px;
            color: black;
            font-size: 14px;
        }

        #search_autosuggestmob .as-refurb {
            color: red;
            font-weight: bold;
        }

        #search_autosuggestmob a:active p,
        #search_autosuggestmob a:focus p,
        #search_autosuggestmob a:active div.prod,
        #search_autosuggestmob a:focus div.prod {
            background-color: #999;
            color: white;
            height: 100%;
            overflow: hidden;
        }



    /*****************************
    8000. Bootstrap buttons

888888b.                     888             888                                  888888b.            888    888                              
888  "88b                    888             888                                  888  "88b           888    888                              
888  .88P                    888             888                                  888  .88P           888    888                              
8888888K.   .d88b.   .d88b.  888888 .d8888b  888888 888d888 8888b.  88888b.       8888888K.  888  888 888888 888888 .d88b.  88888b.  .d8888b  
888  "Y88b d88""88b d88""88b 888    88K      888    888P"      "88b 888 "88b      888  "Y88b 888  888 888    888   d88""88b 888 "88b 88K      
888    888 888  888 888  888 888    "Y8888b. 888    888    .d888888 888  888      888    888 888  888 888    888   888  888 888  888 "Y8888b. 
888   d88P Y88..88P Y88..88P Y88b.       X88 Y88b.  888    888  888 888 d88P      888   d88P Y88b 888 Y88b.  Y88b. Y88..88P 888  888      X88 
8888888P"   "Y88P"   "Y88P"   "Y888  88888P'  "Y888 888    "Y888888 88888P"       8888888P"   "Y88888  "Y888  "Y888 "Y88P"  888  888  88888P' 
                                                                    888                                                                       
                                                                    888                                                                       
                                                                    888                                                                       
*****************************/
    .btn-atdefault {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
    }

        .btn-atdefault:hover,
        .btn-atdefault:focus,
        .btn-atdefault:active,
        .btn-atdefault.active,
        .open .dropdown-toggle.btn-atdefault {
            color: #333333;
            background-color: #ebebeb;
            border-color: #adadad;
        }

        .btn-atdefault:active,
        .btn-atdefault.active,
        .open .dropdown-toggle.btn-atdefault {
            background-image: none;
        }

        .btn-atdefault.disabled,
        .btn-atdefault[disabled],
        fieldset[disabled] .btn-atdefault,
        .btn-atdefault.disabled:hover,
        .btn-atdefault[disabled]:hover,
        fieldset[disabled] .btn-atdefault:hover,
        .btn-atdefault.disabled:focus,
        .btn-atdefault[disabled]:focus,
        fieldset[disabled] .btn-atdefault:focus,
        .btn-atdefault.disabled:active,
        .btn-atdefault[disabled]:active,
        fieldset[disabled] .btn-atdefault:active,
        .btn-atdefault.disabled.active,
        .btn-atdefault[disabled].active,
        fieldset[disabled] .btn-atdefault.active {
            background-color: #ffffff;
            border-color: #cccccc;
        }

        .btn-atdefault .badge {
            color: #ffffff;
            background-color: #fff;
        }

    .btn-atprimary {
        color: #ffffff;
        background-color: #555;
        border-color: #777;
    }

        .btn-atprimary:hover,
        .btn-atprimary:focus,
        .btn-atprimary:active,
        .btn-atprimary.active,
        .open .dropdown-toggle.btn-atprimary {
            color: #ffffff;
            background-color: #333;
            border-color: #555;
        }

        .btn-atprimary:active,
        .btn-atprimary.active,
        .open .dropdown-toggle.btn-atprimary {
            background-image: none;
        }

        .btn-atprimary.disabled,
        .btn-atprimary[disabled],
        fieldset[disabled] .btn-atprimary,
        .btn-atprimary.disabled:hover,
        .btn-atprimary[disabled]:hover,
        fieldset[disabled] .btn-atprimary:hover,
        .btn-atprimary.disabled:focus,
        .btn-atprimary[disabled]:focus,
        fieldset[disabled] .btn-atprimary:focus,
        .btn-atprimary.disabled:active,
        .btn-atprimary[disabled]:active,
        fieldset[disabled] .btn-atprimary:active,
        .btn-atprimary.disabled.active,
        .btn-atprimary[disabled].active,
        fieldset[disabled] .btn-atprimary.active {
            background-color: #428bca;
            border-color: #357ebd;
        }

        .btn-atprimary .badge {
            color: #428bca;
            background-color: #fff;
        }


    .btn-atred {
        color: #ffffff;
        background-color: #c11c21;
        border-color: white;
        border-width: 2px;
    }

        .btn-atred:hover,
        .btn-atred:focus,
        .btn-atred:active,
        .btn-atred.active,
        .open .dropdown-toggle.btn-atred {
            color: #ffffff;
            background-color: #d91d22;
            border-color: white;
        }

        .btn-atred:active,
        .btn-atred.active,
        .open .dropdown-toggle.btn-atred {
            background-image: none;
        }

        .btn-atred.disabled,
        .btn-atred[disabled],
        fieldset[disabled] .btn-atred,
        .btn-atred.disabled:hover,
        .btn-atred[disabled]:hover,
        fieldset[disabled] .btn-atred:hover,
        .btn-atred.disabled:focus,
        .btn-atred[disabled]:focus,
        fieldset[disabled] .btn-atred:focus,
        .btn-atred.disabled:active,
        .btn-atred[disabled]:active,
        fieldset[disabled] .btn-atred:active,
        .btn-atred.disabled.active,
        .btn-atred[disabled].active,
        fieldset[disabled] .btn-atred.active {
            background-color: #760605;
            border-color: #760605;
            color: #3e3e3e
        }

        .btn-atred .badge {
            color: white;
            background-color: #c11c21;
        }


    .btn-atblack {
        color: #ffffff;
        background-color: #000;
        border-color: white;
        border-width: 2px;
    }

        .btn-atblack:hover,
        .btn-atblack:focus,
        .btn-atblack:active,
        .btn-atblack.active,
        .open .dropdown-toggle.btn-atblack {
            color: #ffffff;
            background-color: #555;
            border-color: white;
        }

        .btn-atblack:active,
        .btn-atblack.active,
        .open .dropdown-toggle.btn-atblack {
            background-image: none;
        }

        .btn-atblack.disabled,
        .btn-atblack[disabled],
        fieldset[disabled] .btn-atblack,
        .btn-atblack.disabled:hover,
        .btn-atblack[disabled]:hover,
        fieldset[disabled] .btn-atblack:hover,
        .btn-atblack.disabled:focus,
        .btn-atblack[disabled]:focus,
        fieldset[disabled] .btn-atblack:focus,
        .btn-atblack.disabled:active,
        .btn-atblack[disabled]:active,
        fieldset[disabled] .btn-atblack:active,
        .btn-atblack.disabled.active,
        .btn-atblack[disabled].active,
        fieldset[disabled] .btn-atblack.active {
            background-color: #000;
            border-color: white;
            color: #555;
        }

        .btn-atblack .badge {
            color: #428bca;
            background-color: #fff;
        }
    /*****************************
    9000 Yamm bootstrap menu

Y88b   d88P                                        888b     d888                            
 Y88b d88P                                         8888b   d8888                            
  Y88o88P                                          88888b.d88888                            
   Y888P  8888b.  88888b.d88b.  88888b.d88b.       888Y88888P888  .d88b.  88888b.  888  888 
    888      "88b 888 "888 "88b 888 "888 "88b      888 Y888P 888 d8P  Y8b 888 "88b 888  888 
    888  .d888888 888  888  888 888  888  888      888  Y8P  888 88888888 888  888 888  888 
    888  888  888 888  888  888 888  888  888      888   "   888 Y8b.     888  888 Y88b 888 
    888  "Y888888 888  888  888 888  888  888      888       888  "Y8888  888  888  "Y88888 
                                                                                            
*****************************/
    /*!
 * Yamm!
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm
 *
 * https://github.com/geedmo
 */
    .yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse {
        position: static;
    }

    .yamm .navbar-inner,
    .yamm .container {
        position: relative;
    }

    .yamm .dropdown-menu {
        left: auto;
    }

        .yamm .dropdown-menu > li {
            display: block;
            transition: display 0.5s ease;
            transition-delay: 0.9s;
        }

    .yamm .dropdown-submenu .dropdown-menu {
        left: 100%;
    }

    .yamm .nav.pull-right .dropdown-menu {
        right: 0;
    }

    .yamm .yamm-content {
        padding: 20px 10px;
        *zoom: 1;
    }

    @media only screen and (max-width: 767px) {
        .yamm .yamm-content {
            padding: 5px;
        }
    }

    .yamm .yamm-content:before,
    .yamm .yamm-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .yamm .yamm-content:after {
        clear: both;
    }

    .yamm.navbar .nav > li > .dropdown-menu:after,
    .yamm.navbar .nav > li > .dropdown-menu:before {
        display: none;
    }

    .yamm .dropdown.yamm-fullwidth .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    @media (min-width:767px) {

        .yamm .dropdown.yamm50 .dropdown-menu {
            width: 30%;
            border-top-right-radius: 10px;
        }
    }

    @media (max-width: 969px) {
        .yamm .dropdown.yamm-fullwidth .dropdown-menu {
            width: auto;
        }

        .yamm .yamm-content {
            padding-left: 0;
            padding-right: 0;
        }

        .yamm .dropdown-menu > li > ul {
            display: block;
        }
    }




    /* Slider */



    /**
 *
 * slippry v1.2.9 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
    /* kenBurns animations, very basic */
    @-webkit-keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @-moz-keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @-ms-keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @-webkit-keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }

    @-moz-keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }

    @-ms-keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }

    @keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }
    /* added to the original element calling slippry */

/*
    .sy-box.sy-loading {
        background: url("images/sy-loader.gif") 50% 50% no-repeat;
        -moz-background-size: 32px;
        -o-background-size: 32px;
        -webkit-background-size: 32px;
        background-size: 32px;
        min-height: 40px;
    }
        */
        .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager, sy-box.sy-loading {
            visibility: hidden;
        }

    /* element that wraps the slides */
    .sy-slides-wrap {
        position: relative;
        height: 100%;
        width: 100%;
    }

        .sy-slides-wrap:hover .sy-controls {
            display: block;
        }

    /* element that crops the visible area to the slides */
    .sy-slides-crop {
        height: 100%;
        width: 100%;
        position: absolute;
        overflow: hidden;
    }

    /* list containing the slides */
    .sy-list {
        width: 100%;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

        .sy-list.horizontal {
            -moz-transition: left ease;
            -o-transition: left ease;
            -webkit-transition: left ease;
            transition: left ease;
        }

        .sy-list.vertical {
            -moz-transition: top ease;
            -o-transition: top ease;
            -webkit-transition: top ease;
            transition: top ease;
        }

    /* single slide */
    .sy-slide {
        position: absolute;
        width: 100%;
        z-index: 2;
    }

        .sy-slide.kenburns {
            width: 140%;
            left: -20%;
        }

            .sy-slide.kenburns.useCSS {
                -moz-transition-property: opacity;
                -o-transition-property: opacity;
                -webkit-transition-property: opacity;
                transition-property: opacity;
            }

                .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
                    -webkit-animation-name: left-right;
                    -webkit-animation-fill-mode: forwards;
                    -moz-animation-name: left-right;
                    -moz-animation-fill-mode: forwards;
                    -o-animation-name: left-right;
                    -o-animation-fill-mode: forwards;
                    animation-name: left-right;
                    animation-fill-mode: forwards;
                }

                .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
                    -webkit-animation-name: right-left;
                    -webkit-animation-fill-mode: forwards;
                    -moz-animation-name: right-left;
                    -moz-animation-fill-mode: forwards;
                    -o-animation-name: right-left;
                    -o-animation-fill-mode: forwards;
                    animation-name: right-left;
                    animation-fill-mode: forwards;
                }

        .sy-slide.sy-active {
            z-index: 3;
        }

        .sy-slide > img {
            margin: 0;
            padding: 0;
            display: block;
            width: 100%;
            border: 0;
        }

        .sy-slide > a {
            margin: 0;
            padding: 0;
            display: block;
            width: 100%;
        }

            .sy-slide > a > img {
                margin: 0;
                padding: 0;
                display: block;
                width: 100%;
                border: 0;
            }

    /* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
    .sy-controls {
        display: none;
        list-style: none;
        height: 100%;
        width: 100%;
        position: absolute;
        padding: 0;
        margin: 0;
    }

        .sy-controls li {
            position: absolute;
            width: 10%;
            min-width: 4.2em;
            height: 100%;
            z-index: 33;
        }

            .sy-controls li.sy-prev {
                left: 0;
                top: 0;
            }

                .sy-controls li.sy-prev a:after {
                    background-position: -5% 0;
                }

            .sy-controls li.sy-next {
                right: 0;
                top: 0;
            }

                .sy-controls li.sy-next a:after {
                    background-position: 105% 0;
                }

            .sy-controls li a {
                position: relative;
                width: 100%;
                height: 100%;
                display: block;
                text-indent: -9999px;
            }

                .sy-controls li a:link, .sy-controls li a:visited {
                    opacity: 0.4;
                }

                .sy-controls li a:hover, .sy-controls li a:focus {
                    opacity: 0.8;
                    outline: none;
                }

                .sy-controls li a:after {
                    content: "";
                    background-image: url("images/arrows.svg");
                    background-repeat: no-repeat;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    -webkit-background-size: cover;
                    background-size: cover;
                    text-align: center;
                    text-indent: 0;
                    line-height: 2.8em;
                    color: #111;
                    font-weight: 800;
                    position: absolute;
                    background-color: #fff;
                    width: 2.8em;
                    height: 2.8em;
                    left: 50%;
                    top: 50%;
                    margin-top: -1.4em;
                    margin-left: -1.4em;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                }

    @media only screen and (max-device-width: 600px) {
        .sy-controls {
            display: block;
        }

            .sy-controls li {
                min-width: 2.1em;
            }

                .sy-controls li a:after {
                    width: 1.4em;
                    height: 1.4em;
                    margin-top: -0.7em;
                    margin-left: -0.7em;
                }
    }

    /* captions, styled fo the overlay variant */
    .sy-caption-wrap {
        position: absolute;
        bottom: 2em;
        z-index: 12;
        left: 50%;
    }

        .sy-caption-wrap .sy-caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            color: #fff;
            padding: 0.4em 1em;
            -moz-border-radius: 1.2em;
            -webkit-border-radius: 1.2em;
            border-radius: 1.2em;
        }

            .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
                color: #e24b70;
                font-weight: 600;
                text-decoration: none;
            }

            .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
                text-decoration: underline;
            }

    @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
        .sy-caption-wrap {
            left: 0;
            bottom: 0.4em;
        }

            .sy-caption-wrap .sy-caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
            }
    }

    /* pager bubbles */
    .sy-pager {
        overflow: hidden;
        *zoom: 1;
        display: block;
        width: 100%;
        margin: 1em 0 2em 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .sy-pager li {
            display: inline-block;
            width: 0.9em;
            height: 0.9em;
            margin: 0 1em 0 0;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

            .sy-pager li.sy-active a {
                background-color: #000;
                width: 0.9em;
                height: 0.9em;
            }

            .sy-pager li a {
                width: 100%;
                height: 100%;
                display: block;
                background-color: #ccc;
                text-indent: -9999px;
                -moz-background-size: 2em;
                -o-background-size: 2em;
                -webkit-background-size: 2em;
                background-size: 2em;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

                .sy-pager li a:link, .sy-pager li a:visited {
                    opacity: 1.0;
                }

                .sy-pager li a:hover, .sy-pager li a:focus {
                    opacity: 0.6;
                }

    /* element to "keep/ fill" the space of the content, gets intrinsic height via js */
    .sy-filler {
        width: 100%;
    }

        .sy-filler.ready {
            -moz-transition: padding 600ms ease;
            -o-transition: padding 600ms ease;
            -webkit-transition: padding 600ms ease;
            transition: padding 600ms ease;
        }






    .inline-visible-xs {
        display: none;
    }





    @media only screen and (max-width: 425px) {
        #isiteiframe {
            height: 300px;
        }
    }

    @media only screen and (min-width: 426px) and (max-width:767px) {
        #isiteiframe {
            height: 400px;
        }
    }

    @media only screen and (max-width: 767px) {
        .grid-item-image {
            width: 100px;
            margin-left: 10px;
        }

        .basesignup .signupleft {
            text-align: center;
        }


        .basesignup .signupright input {
            float: left;
            width: 70%;
        }

        .inline-visible-xs {
            display: inline;
        }

        h1, .h1 {
            font-size: 28px;
        }



        .product-page #productthumbnails {
            background: transparent;
            padding: 0;
        }

        .searchpopinner {
            box-shadow: -5px 5px 3px rgba(0,0,0,0.2);
            border: solid 2px white;
        }


        .checkout-container .input span {
            width: 100%;
        }

        #product-title {
            font-size: 26px;
        }

        .product-page #myCarousel {
            min-height: inherit;
        }
    }



    @media only screen and (min-width: 992px) and (max-width: 1199px) {



        ul.navbar-nav {
            text-align: center;
            width: 100%;
        }

            ul.navbar-nav > li {
                display: inline-block;
                float: none;
            }

        .navbar {
            margin-bottom: 0px;
        }

        ul.dropdown-menu li {
            text-align: left;
        }

        .navbar-collapse {
            display: inline-block !important;
            margin: 0 auto;
        }

        .navbar-collapse {
            display: inline-block !important;
            margin: 0 auto;
        }

        #uspbar {
            font-size: 15px;
        }

        .basesignup .signupleft {
            font-size: 90%;
        }


        .footer-col {
            width: 20%;
        }

        .checkout-container .input span {
            width: 100%;
        }

        .add-to-cart-group {
            text-align: right;
        }

            .add-to-cart-group .quantity-label {
                vertical-align: middle;
                padding: 5px 0;
            }

            .add-to-cart-group .add-to-cart-quantity {
                float: right;
                padding-bottom: 5px;
            }

            .add-to-cart-group input[type="button"],
            .add-to-cart-group input[type="submit"] {
                background: #009900;
                color: white;
                width: 150px;
                float: right;
                margin-left: auto;
            }
    }


    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .basesignup .signupleft {
            text-align: center;
        }



        .footer-cols-wrapper {
            position: relative;
        }

        .footer .footer-col.last {
            margin-right: 0;
        }

        .footer .footer-col.footer-col-ex.facebook-fanbox {
            width: 235px;
        }


        .navbar-default .navbar-nav > li > a {
            font-size: 11px;
        }

        .checkout-container .input spuan {
            width: 100%;
        }


        a.head-contactus,
        a.head-ourstores {
            display: inline-block;
            margin-bottom: 5px;
        }
    }

    @media only screen and (max-width: 767px) {

        .storelogo {
            padding-bottom: 15px;
        }

        .input span {
            width: 100%;
        }

        .opc-basket-outer {
            padding: 0;
        }

        .opc-checkout-outer {
            padding: 0;
        }

        table.cart-items td {
            padding-left: 0;
            font-size: 90%;
        }

        #opc-delivpayment .input span {
            padding-left: 0;
            margin-left: 0;
        }

        .opc-delivery-textconditions {
            clear: left;
        }

        .opc-payment-methods {
            clear: left;
        }

        #opc-termsconditions {
            clear: left;
        }

        table.cart-items tr.headrow th:first-child {
            padding-left: 3px;
        }

        .header-container {
            padding-bottom: 5px;
        }

        .topicbox-outer {
            padding: 0;
        }

        .topicbox-inner {
            padding: 5px;
        }

        .product-info {
            margin-top: 5px;
        }

        .checkout-container .input span {
            width: 100%;
        }

        .carousel-indicators {
            display: none;
        }

        .opc-checkout-outer {
            box-shadow: none;
        }

        .footer-container {
            padding-bottom: 10px;
        }

            .footer-container ul li {
                display: block;
                padding: 2px 0 0 0;
                border-top: solid 1px #555;
                border-right: none;
                margin-top: 3px;
                font-size: 125%;
            }

                .footer-container ul li:last-child {
                    padding-bottom: 3px;
                    border-bottom: solid 1px #555;
                    margin-bottom: 3px;
                }

        .newsletter-signup input[type="text"] {
            width: 100%;
        }

        .newsletter-signup .avensys-page-inner {
            padding-left: 5px;
        }
    }

    @media only screen and (min-width: 768px) {

        .navbar-collapse ul {
            padding-top: 5px;
        }



        ul.navbar-nav {
            text-align: center;
            width: 100%;
            position: relative;
        }

            ul.navbar-nav > li {
                display: inline-block;
                float: none;
            }

        .navbar {
            margin-bottom: 0px;
        }

        ul.dropdown-menu li {
            text-align: left;
        }

        .navbar-collapse {
            display: inline-block !important;
            margin: 0 auto;
        }

        .navbar-collapse {
            display: inline-block !important;
            margin: 0 auto;
        }
    }



    /**
Ion.RangeSlider, 2.3.0
© Denis Ineshin, 2010 - 2018, IonDen.com
Build date: 2018-12-12 00:07:25
*/
    .irs {
        position: relative;
        display: block;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 12px;
        font-family: Arial, sans-serif;
    }

    .irs-line {
        position: relative;
        display: block;
        overflow: hidden;
        outline: none !important;
    }

    .irs-bar {
        position: absolute;
        display: block;
        left: 0;
        width: 0;
    }

    .irs-shadow {
        position: absolute;
        display: none;
        left: 0;
        width: 0;
    }

    .irs-handle {
        position: absolute;
        display: block;
        box-sizing: border-box;
        cursor: default;
        z-index: 1;
    }

        .irs-handle.type_last {
            z-index: 2;
        }

    .irs-min,
    .irs-max {
        position: absolute;
        display: block;
        cursor: default;
    }

    .irs-min {
        left: 0;
    }

    .irs-max {
        right: 0;
    }

    .irs-from,
    .irs-to,
    .irs-single {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        cursor: default;
        white-space: nowrap;
    }

    .irs-grid {
        position: absolute;
        display: none;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px;
    }

    .irs-with-grid .irs-grid {
        display: block;
    }

    .irs-grid-pol {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 8px;
        background: #000;
    }

        .irs-grid-pol.small {
            height: 4px;
        }

    .irs-grid-text {
        position: absolute;
        bottom: 0;
        left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px;
        line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

    .irs-disable-mask {
        position: absolute;
        display: block;
        top: 0;
        left: -1%;
        width: 102%;
        height: 100%;
        cursor: default;
        background: rgba(0, 0, 0, 0);
        z-index: 2;
    }

    .lt-ie9 .irs-disable-mask {
        background: #000;
        filter: alpha(opacity=0);
        cursor: not-allowed;
    }

    .irs-disabled {
        opacity: 0.4;
    }

    .irs-hidden-input {
        position: absolute !important;
        display: block !important;
        top: 0 !important;
        left: 0 !important;
        width: 0 !important;
        height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
        outline: none !important;
        z-index: -9999 !important;
        background: none !important;
        border-style: solid !important;
        border-color: transparent !important;
    }

    .irs--flat {
        height: 40px;
    }

        .irs--flat.irs-with-grid {
            height: 60px;
        }

        .irs--flat .irs-line {
            top: 25px;
            height: 12px;
            background-color: #e1e4e9;
            border-radius: 4px;
        }

        .irs--flat .irs-bar {
            top: 25px;
            height: 12px;
            background-color: #ed5565;
        }

        .irs--flat .irs-bar--single {
            border-radius: 4px 0 0 4px;
        }

        .irs--flat .irs-shadow {
            height: 1px;
            bottom: 16px;
            background-color: #e1e4e9;
        }

        .irs--flat .irs-handle {
            top: 22px;
            width: 16px;
            height: 18px;
            background-color: transparent;
        }

            .irs--flat .irs-handle > i:first-child {
                position: absolute;
                display: block;
                top: 0;
                left: 50%;
                width: 2px;
                height: 100%;
                margin-left: -1px;
                background-color: #da4453;
            }

            .irs--flat .irs-handle.state_hover > i:first-child,
            .irs--flat .irs-handle:hover > i:first-child {
                background-color: #a43540;
            }

        .irs--flat .irs-min,
        .irs--flat .irs-max {
            top: 0;
            padding: 1px 3px;
            color: #999;
            font-size: 10px;
            line-height: 1.333;
            text-shadow: none;
            background-color: #e1e4e9;
            border-radius: 4px;
        }

        .irs--flat .irs-from,
        .irs--flat .irs-to,
        .irs--flat .irs-single {
            color: white;
            font-size: 10px;
            line-height: 1.333;
            text-shadow: none;
            padding: 1px 5px;
            background-color: #ed5565;
            border-radius: 4px;
        }

            .irs--flat .irs-from:before,
            .irs--flat .irs-to:before,
            .irs--flat .irs-single:before {
                position: absolute;
                display: block;
                content: "";
                bottom: -6px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -3px;
                overflow: hidden;
                border: 3px solid transparent;
                border-top-color: #ed5565;
            }

        .irs--flat .irs-grid-pol {
            background-color: #e1e4e9;
        }

        .irs--flat .irs-grid-text {
            color: #999;
        }

    .irs--big {
        height: 55px;
    }

        .irs--big.irs-with-grid {
            height: 70px;
        }

        .irs--big .irs-line {
            top: 33px;
            height: 12px;
            background-color: white;
            background: linear-gradient(to bottom, #ddd -50%, white 150%);
            border: 1px solid #ccc;
            border-radius: 12px;
        }

        .irs--big .irs-bar {
            top: 33px;
            height: 12px;
            background-color: #92bce0;
            border: 1px solid #428bca;
            background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
            box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
        }

        .irs--big .irs-bar--single {
            border-radius: 12px 0 0 12px;
        }

        .irs--big .irs-shadow {
            height: 1px;
            bottom: 16px;
            background-color: rgba(66, 139, 202, 0.5);
        }

        .irs--big .irs-handle {
            top: 25px;
            width: 30px;
            height: 30px;
            border: 1px solid rgba(0, 0, 0, 0.3);
            background-color: #cbcfd5;
            background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
            border-radius: 30px;
        }

            .irs--big .irs-handle.state_hover,
            .irs--big .irs-handle:hover {
                border-color: rgba(0, 0, 0, 0.45);
                background-color: #939ba7;
                background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
            }

        .irs--big .irs-min,
        .irs--big .irs-max {
            top: 0;
            padding: 1px 5px;
            color: white;
            text-shadow: none;
            background-color: #9f9f9f;
            border-radius: 3px;
        }

        .irs--big .irs-from,
        .irs--big .irs-to,
        .irs--big .irs-single {
            color: white;
            text-shadow: none;
            padding: 1px 5px;
            background-color: #428bca;
            background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
            border-radius: 3px;
        }

        .irs--big .irs-grid-pol {
            background-color: #428bca;
        }

        .irs--big .irs-grid-text {
            color: #428bca;
        }

    .irs--modern {
        height: 55px;
    }

        .irs--modern.irs-with-grid {
            height: 55px;
        }

        .irs--modern .irs-line {
            top: 25px;
            height: 5px;
            background-color: #d1d6e0;
            background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
            border: 1px solid #a3adc1;
            border-bottom-width: 0;
            border-radius: 5px;
        }

        .irs--modern .irs-bar {
            top: 25px;
            height: 5px;
            background: #20b426;
            background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
        }

        .irs--modern .irs-bar--single {
            border-radius: 5px 0 0 5px;
        }

        .irs--modern .irs-shadow {
            height: 1px;
            bottom: 21px;
            background-color: rgba(209, 214, 224, 0.5);
        }

        .irs--modern .irs-handle {
            top: 37px;
            width: 12px;
            height: 13px;
            border: 1px solid #a3adc1;
            border-top-width: 0;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
            border-radius: 0 0 3px 3px;
        }

            .irs--modern .irs-handle > i:nth-child(1) {
                position: absolute;
                display: block;
                top: -4px;
                left: 1px;
                width: 6px;
                height: 6px;
                border: 1px solid #a3adc1;
                background: white;
                transform: rotate(45deg);
            }

            .irs--modern .irs-handle > i:nth-child(2) {
                position: absolute;
                display: block;
                box-sizing: border-box;
                top: 0;
                left: 0;
                width: 10px;
                height: 12px;
                background: #e9e6e6;
                background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
                border-radius: 0 0 3px 3px;
            }

            .irs--modern .irs-handle > i:nth-child(3) {
                position: absolute;
                display: block;
                box-sizing: border-box;
                top: 3px;
                left: 3px;
                width: 4px;
                height: 5px;
                border-left: 1px solid #a3adc1;
                border-right: 1px solid #a3adc1;
            }

            .irs--modern .irs-handle.state_hover,
            .irs--modern .irs-handle:hover {
                border-color: #7685a2;
                background: #c3c7cd;
                background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
            }

                .irs--modern .irs-handle.state_hover > i:nth-child(1),
                .irs--modern .irs-handle:hover > i:nth-child(1) {
                    border-color: #7685a2;
                }

                .irs--modern .irs-handle.state_hover > i:nth-child(3),
                .irs--modern .irs-handle:hover > i:nth-child(3) {
                    border-color: #48536a;
                }

        .irs--modern .irs-min,
        .irs--modern .irs-max {
            top: 0;
            font-size: 10px;
            line-height: 1.333;
            text-shadow: none;
            padding: 1px 5px;
            color: white;
            background-color: #d1d6e0;
            border-radius: 5px;
        }

        .irs--modern .irs-from,
        .irs--modern .irs-to,
        .irs--modern .irs-single {
            font-size: 10px;
            line-height: 1.333;
            text-shadow: none;
            padding: 1px 5px;
            background-color: #20b426;
            color: white;
            border-radius: 5px;
        }

            .irs--modern .irs-from:before,
            .irs--modern .irs-to:before,
            .irs--modern .irs-single:before {
                position: absolute;
                display: block;
                content: "";
                bottom: -6px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -3px;
                overflow: hidden;
                border: 3px solid transparent;
                border-top-color: #20b426;
            }

        .irs--modern .irs-grid {
            height: 25px;
        }

        .irs--modern .irs-grid-pol {
            background-color: #dedede;
        }

        .irs--modern .irs-grid-text {
            color: silver;
            font-size: 13px;
        }

    .irs--sharp {
        height: 50px;
        font-size: 12px;
        line-height: 1;
    }

        .irs--sharp.irs-with-grid {
            height: 57px;
        }

        .irs--sharp .irs-line {
            top: 30px;
            height: 2px;
            background-color: black;
            border-radius: 2px;
        }

        .irs--sharp .irs-bar {
            top: 30px;
            height: 2px;
            background-color: #ee22fa;
        }

        .irs--sharp .irs-bar--single {
            border-radius: 2px 0 0 2px;
        }

        .irs--sharp .irs-shadow {
            height: 1px;
            bottom: 21px;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .irs--sharp .irs-handle {
            top: 25px;
            width: 10px;
            height: 10px;
            background-color: #a804b2;
        }

            .irs--sharp .irs-handle > i:first-child {
                position: absolute;
                display: block;
                top: 100%;
                left: 0;
                width: 0;
                height: 0;
                border: 5px solid transparent;
                border-top-color: #a804b2;
            }

            .irs--sharp .irs-handle.state_hover,
            .irs--sharp .irs-handle:hover {
                background-color: black;
            }

                .irs--sharp .irs-handle.state_hover > i:first-child,
                .irs--sharp .irs-handle:hover > i:first-child {
                    border-top-color: black;
                }

        .irs--sharp .irs-min,
        .irs--sharp .irs-max {
            color: white;
            font-size: 14px;
            line-height: 1;
            top: 0;
            padding: 3px 4px;
            opacity: 0.4;
            background-color: #a804b2;
            border-radius: 2px;
        }

        .irs--sharp .irs-from,
        .irs--sharp .irs-to,
        .irs--sharp .irs-single {
            font-size: 14px;
            line-height: 1;
            text-shadow: none;
            padding: 3px 4px;
            background-color: #a804b2;
            color: white;
            border-radius: 2px;
        }

            .irs--sharp .irs-from:before,
            .irs--sharp .irs-to:before,
            .irs--sharp .irs-single:before {
                position: absolute;
                display: block;
                content: "";
                bottom: -6px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -3px;
                overflow: hidden;
                border: 3px solid transparent;
                border-top-color: #a804b2;
            }

        .irs--sharp .irs-grid {
            height: 25px;
        }

        .irs--sharp .irs-grid-pol {
            background-color: #dedede;
        }

        .irs--sharp .irs-grid-text {
            color: silver;
            font-size: 13px;
        }

    .irs--round {
        height: 50px;
    }

        .irs--round.irs-with-grid {
            height: 65px;
        }

        .irs--round .irs-line {
            top: 36px;
            height: 4px;
            background-color: #EEEBE4;
            border-radius: 4px;
        }

        .irs--round .irs-bar {
            top: 36px;
            height: 4px;
            background-color: #ED1C24;
        }

        .irs--round .irs-bar--single {
            border-radius: 4px 0 0 4px;
        }

        .irs--round .irs-shadow {
            height: 4px;
            bottom: 21px;
            background-color: rgba(222, 228, 236, 0.5);
        }

        .irs--round .irs-handle {
            top: 26px;
            width: 24px;
            height: 24px;
            border: 4px solid #ED1C24;
            background-color: white;
            border-radius: 24px;
        }

            .irs--round .irs-handle.state_hover,
            .irs--round .irs-handle:hover {
                background-color: #EEEBE4;
            }

        .irs--round .irs-min,
        .irs--round .irs-max {
            color: #333;
            font-size: 14px;
            line-height: 1;
            top: 0;
            padding: 3px 5px;
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 4px;
        }

        .irs--round .irs-from,
        .irs--round .irs-to,
        .irs--round .irs-single {
            font-size: 14px;
            line-height: 1;
            text-shadow: none;
            padding: 3px 5px;
            background-color: #ED1C24;
            color: white;
            border-radius: 4px;
        }

            .irs--round .irs-from:before,
            .irs--round .irs-to:before,
            .irs--round .irs-single:before {
                position: absolute;
                display: block;
                content: "";
                bottom: -6px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -3px;
                overflow: hidden;
                border: 3px solid transparent;
                border-top-color: #ED1C24;
            }

        .irs--round .irs-grid {
            height: 25px;
        }

        .irs--round .irs-grid-pol {
            background-color: #dedede;
        }

        .irs--round .irs-grid-text {
            color: silver;
            font-size: 13px;
        }

    .irs--square {
        height: 50px;
    }

        .irs--square.irs-with-grid {
            height: 60px;
        }

        .irs--square .irs-line {
            top: 31px;
            height: 4px;
            background-color: #dedede;
        }

        .irs--square .irs-bar {
            top: 31px;
            height: 4px;
            background-color: black;
        }

        .irs--square .irs-shadow {
            height: 2px;
            bottom: 21px;
            background-color: #dedede;
        }

        .irs--square .irs-handle {
            top: 25px;
            width: 16px;
            height: 16px;
            border: 3px solid black;
            background-color: white;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

            .irs--square .irs-handle.state_hover,
            .irs--square .irs-handle:hover {
                background-color: #f0f6ff;
            }

        .irs--square .irs-min,
        .irs--square .irs-max {
            color: #333;
            font-size: 14px;
            line-height: 1;
            top: 0;
            padding: 3px 5px;
            background-color: rgba(0, 0, 0, 0.1);
        }

        .irs--square .irs-from,
        .irs--square .irs-to,
        .irs--square .irs-single {
            font-size: 14px;
            line-height: 1;
            text-shadow: none;
            padding: 3px 5px;
            background-color: black;
            color: white;
        }

        .irs--square .irs-grid {
            height: 25px;
        }

        .irs--square .irs-grid-pol {
            background-color: #dedede;
        }

        .irs--square .irs-grid-text {
            color: silver;
            font-size: 11px;
        }

    /*
    Colorbox Core Style:
 
*/
    #colorbox, #cboxOverlay, #cboxWrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
    }

    #cboxWrapper {
        max-width: none;
    }

    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    #cboxMiddleLeft, #cboxBottomLeft {
        clear: left;
    }

    #cboxContent {
        position: relative;
    }

    #cboxLoadedContent {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #cboxTitle {
        margin: 0;
    }

    #cboxLoadingOverlay, #cboxLoadingGraphic {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
        cursor: pointer;
    }

    .cboxPhoto {
        float: left;
        margin: auto;
        border: 0;
        display: block;
        max-width: none;
        -ms-interpolation-mode: bicubic;
    }

    .cboxIframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
    }

    #colorbox, #cboxContent, #cboxLoadedContent {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    /* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
    #cboxOverlay {
        background: #000;
        opacity: 0.9;
        filter: alpha(opacity = 90);
    }

    #colorbox {
        outline: 0;
    }

    #cboxContent {
        margin-top: 20px;
        background: #000;
    }

    .cboxIframe {
        background: #fff;
    }

    #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
    }

    #cboxLoadedContent {
        border: 5px solid #000;
        background: #fff;
    }

    #cboxTitle {
        position: absolute;
        top: -20px;
        left: 0;
        color: #ccc;
    }

    #cboxCurrent {
        position: absolute;
        top: -20px;
        right: 0px;
        color: #ccc;
    }

    #cboxLoadingGraphic {
        background: url(images/loading.gif) no-repeat center center;
    }

    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
        border: 0;
        padding: 0;
        margin: 0;
        overflow: visible;
        width: auto;
        background: none;
    }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
            outline: 0;
        }

    #cboxSlideshow {
        position: absolute;
        top: -20px;
        right: 90px;
        color: #fff;
    }

    #cboxPrevious {
        position: absolute;
        top: 50%;
        left: 5px;
        margin-top: -32px;
        background: url(images/controls.png) no-repeat top left;
        width: 28px;
        height: 65px;
        text-indent: -9999px;
    }

        #cboxPrevious:hover {
            background-position: bottom left;
        }

    #cboxNext {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -32px;
        background: url(images/controls.png) no-repeat top right;
        width: 28px;
        height: 65px;
        text-indent: -9999px;
    }

        #cboxNext:hover {
            background-position: bottom right;
        }

    #cboxClose {
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        background: url(images/controls.png) no-repeat top center;
        width: 38px;
        height: 19px;
        text-indent: -9999px;
    }

        #cboxClose:hover {
            background-position: bottom center;
        }



    /*
  	Flaticon icon font: Flaticon
  	Creation date: 22/06/2016 15:03
  	*/

    @font-face {
        font-family: "Flaticon";
        src: url("fonts/Flaticon.eot");
        src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("fonts/Flaticon.woff") format("woff"), url("fonts/Flaticon.ttf") format("truetype"), url("fonts/Flaticon.svg#Flaticon") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        @font-face {
            font-family: "Flaticon";
            src: url("fonts/Flaticon.svg#Flaticon") format("svg");
        }
    }

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 20px;
        font-style: normal;
    }

    .flaticon-7z-file-format-variant:before {
        content: "\f104";
    }

    .flaticon-apk-file-format:before {
        content: "\f109";
    }


    .flaticon-avi-file-format-variant:before {
        content: "\f10f";
    }


    .flaticon-bin-file-format:before {
        content: "\f112";
    }

    .flaticon-blank-file:before {
        content: "\f113";
    }

    .flaticon-bmp-file-format-symbol:before {
        content: "\f114";
    }

    .flaticon-cfg-file-format-symbol:before {
        content: "\f119";
    }

    .flaticon-csv-file-format-symbol:before {
        content: "\f123";
    }


    .flaticon-dat-file-format-variant:before {
        content: "\f126";
    }

    .flaticon-doc-file-format-symbol:before {
        content: "\f130";
    }

    .flaticon-docx-file-format:before {
        content: "\f131";
    }


    .flaticon-eps-file-format-symbol:before {
        content: "\f139";
    }

    .flaticon-eps-file-format-variant:before {
        content: "\f13a";
    }

    .flaticon-exe-file-format-symbol:before {
        content: "\f13b";
    }

    .flaticon-gif-file-format:before {
        content: "\f144";
    }


    .flaticon-html-file-with-code-symbol:before {
        content: "\f149";
    }

    .flaticon-iso-file-format:before {
        content: "\f151";
    }

    .flaticon-iso-file-format-symbol:before {
        content: "\f152";
    }


    .flaticon-jpg-image-file-format:before {
        content: "\f154";
    }


    .flaticon-mp3-file-format-variant:before {
        content: "\f168";
    }

    .flaticon-mp4-file-format-symbol:before {
        content: "\f169";
    }


    .flaticon-mpg-file-format-variant:before {
        content: "\f16b";
    }

    .flaticon-pdf-file-format-symbol:before {
        content: "\f181";
    }


    .flaticon-png-file-extension-interface-symbol:before {
        content: "\f185";
    }

    .flaticon-pps-file-format-symbol:before {
        content: "\f186";
    }

    .flaticon-ppt-file-format:before {
        content: "\f187";
    }

    .flaticon-pptx-file-format-variant:before {
        content: "\f188";
    }


    .flaticon-txt-text-file-extension-symbol:before {
        content: "\f1a7";
    }

    .flaticon-xls-file-format-symbol:before {
        content: "\f1b5";
    }

    .flaticon-xlsx-file-format:before {
        content: "\f1b6";
    }

    .flaticon-zip-compressed-files-extension:before {
        content: "\f1b9";
    }

    .flaticon-zip-file:before {
        content: "\f1ba";
    }