body {
    
}

/* ----   

     DACDAC         DAC          DACDAC
     DACDACD       DACDAC       DACDACDAC
     DAC  DAC     DAC  DAC     DAC
     DAC   DAC    DAC  DAC     DAC
     DAC   DAC   DACDACDACD    DAC
     DAC  DAC    DACDACDACD    DAC
     DACDACD    DAC      DAC    DACDACDAC
     DACDAC     DAC      DAC     DACDAC
 */


/* -- ES/CS/06FEB2020 */
/* 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

    -- 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: 'Open 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: 165px;
    min-height: 600px;
    
}

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


/***************************** 
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"                                                                       
*****************************/

#header-container-outer .container {
}

.header-container {
    background: #000;
    background-repeat: no-repeat;
    color: white;
    background-position: center center;
    font-size: 14px;
    height: 80px;
    overflow: hidden;
    z-index: 200;
    position: fixed;
    width: 100%;
    padding-top:5px;
}

.header-container .storelogo {
    height:60px;
}

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

.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;
    }

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

    #basket-totals .badge {
        background-color: #ED1C24;
        color: white;
        font-weight: normal;
        opacity: 1;
    }





.mobilebar {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/menuicons.png);
}

    .mobilebar.iaccount {
        width: 36px;
        height: 30px;
        background-position: -1px -1px
    }

    .mobilebar.ibasket {
        width: 36px;
        height: 30px;
        background-position: -39px -1px
    }

    .mobilebar.imenu {
        width: 36px;
        height: 30px;
        background-position: -77px -1px
    }

    .mobilebar.isearch {
        width: 36px;
        height: 30px;
        background-position: -115px -1px
    }

    .mobilebar.istore {
        width: 36px;
        height: 30px;
        background-position: -153px -1px
    }

#header-telnumbers {
    padding-bottom: 1px;
    text-align: center;
    font-size: 110%;
    color: #2F86DD;
}

    #header-telnumbers a {
        color: #2F86DD;
    }

    #header-telnumbers .store1 {
    }

        #header-telnumbers .store1 a {
            font-style:normal;
        }

    #header-telnumbers .store2 {
    }

        #header-telnumbers .store2 a {
            font-style:normal;
        }

@media only screen and (max-width: 990px) {
    #header-telnumbers {
        font-size: 90%;
    }
}

@media only screen and (max-width: 630px) {
    #header-telnumbers {
        font-size:90%;
    }
}
@media only screen and (max-width: 520px) {
    #header-telnumbers {
        font-size:8px;
    }
}

.mobileicons div {
    text-align:center;
}

.mobileicons div img {
    margin:0 auto;
    height:24px;
}
    .topicon {
        display: inline-block;
        overflow: hidden;
        
        opacity: 1;
        margin-top: 5px;
        margin-left: 14px;
        cursor: pointer;
        width: 36px;
        height: 36px;
    }

        .topicon:hover {
            opacity: 0.8;
        }

        .topicon.iaccount {
            background-position: -1px -1px
        }

        .topicon.icart {
            background-position: -51px -1px;
            margin-right: 5px;
        }

        .topicon.iwedlist {
            background-position: -101px -1px
        }


    @media only screen and (max-width: 991px) {
        .topicon {
            width: 24px;
            height: 24px;
        }

            .topicon.iaccount {
                background-position: -151px -1px
            }


            .topicon.icart {
                background-position: -185px -1px
            }


            .topicon.iwedlist {
                background-position: -219px -1px
            }
    }



    #carttotal {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-color: white;
        color: black;
        opacity: 1;
    }


#uspbar {
    background-image: linear-gradient(to right, #2f86dd, #1c3b7f);
    min-height:20px;
    top:120px;
    width:100%;
    position:fixed;
    z-index:5;
    color:white;
   }


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

    #uspbar {
        top:110px;
    }
}
        #uspbar a {
        z-index: 6;
    }

    #uspbar .usp {
        height: 37px;
        padding: 7px 0 4px 0;
        width: 33%;
        float: left;
        text-align: center;
        font-size: 15px;
        border-left: solid 1px #fff;
        font-style: normal;
    }

        #uspbar .usp:last-child {
            border-right: solid 1px #fff;
        }

        #uspbar .usp span {
            padding-left: 5px;
            height: 100%;
            vertical-align: top;
        }

    @media only screen and (max-width: 767px) {
        #uspbar {
            height: 60px;
            display: block;
            position: initial;
            top: auto;
        }

            #uspbar .usp {
                border: none;
                overflow: hidden;
                height: 60px;
                font-size: 11px;
            }

                #uspbar .usp:first-child {
                    margin-top: 3px;
                }

                #uspbar .usp:last-child {
                    border-right: none;
                }

                #uspbar .usp span {
                    display: block;
                }
    }

    /***************************** 
    111 Logo etc. 
*****************************/


    /*****************************
    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 */
    .headermenu-container, .headermenu-container a {
        color: white;
        font-size: 15px;
        z-index: 99;
        padding-top: 5px;
    }

    .headermenu-container {
        height: 45px;
        top: 75px;
        width: 100%;
        background: #000;
        position: fixed;
    }


    .navbar {
        min-height: 37px;
    }

    .navbar-collapse {
        height: 30px;
    }

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

        .nav > li > a {
            padding: 0 4px;
        }

        .nav > li:first-child > a {
            margin-left: 10px;
        }

        .headermenu-container {
            height:37px;
        }
            .headermenu-container, .headermenu-container a {
            font-size: 11px;
            padding: 0;
        }

            .headermenu-container .dropdown-menu:first-child {
                margin-left: px;
            }

            #uspbar {
                top:110px;
            }
    }


    @media only screen and (min-width: 993px) and (max-width: 1199px) {
        .nav > li > a {
            padding: 0 8px;
        }

        .nav > li:first-child > a {
            margin-left: 7px;
        }


        .headermenu-container, .headermenu-container a {
            font-size: 14px;
            padding: 0;
        }

            .headermenu-container .dropdown-menu:first-child {
                margin-left: 7px;
            }

        .headermenu-container {
            height: 38px;
        }
    }




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

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

    a.dropdown-toggle, .nav > li > a {
        background-color: transparent;
        font-style: normal;
        font-weight:normal;
    }

    li:hover a.dropdown-toggle {
        background-color: #333;
        color: white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

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

        .cat-title {
            display: none;
        }

        a.dropdown-toggle, .nav > li > a {
            background-color: #fff;
            color: #000;
            border-radius: 0;
            padding: 8px 0;
            text-align: center;
            z-index: 999;
        }

            a.dropdown-toggle:hover, .nav > li > a:hover, .nav > li > a:focus {
                border-radius: 0;
                background-color: #fff;
                color: black;
                font-weight: bold;
            }
    }




    ul.dropdown-menu {
        background-color: #333;
        color: white;
        box-shadow: none;
        padding-top: 0;
        top: 30px;
        border: solid 1px #555;
        border-top: solid 0px;
    }

        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;
            list-style: none;
            padding-left: 0;
        }

            ul.dropdown-menu ul.catlist li {
                padding: 5px 5px 5px 15px;
            }

                ul.dropdown-menu ul.catlist li:hover {
                    background-color: #2f86dd;
                    color: white;
                    text-decoration: none;
                }

            ul.dropdown-menu ul.catlist a:hover {
                text-decoration: none;
            }

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

        .navbar {
            z-index: 900;
        }

        .navbar-nav .open ul.dropdown-menu {
            background-color: #fff;
            z-index: 999;
        }

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

            ul.dropdown-menu ul.catlist li {
                padding: 4px 0 6px 0;
            }

        ul.dropdown-menu a {
            color: black;
        }
    }
    /* Mobile Menu */

    .navbar {
        padding-bottom: 10px;
        margin-bottom: 0;
    }

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

        .mobilemenux.mm-menu {
        }

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

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

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

        .mobilemenux.mm-account {
            background-image: url('images/mobile-account.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-border {
        background-image: linear-gradient(to right, #2f86dd, #110297);
        padding-top: 5px;
        margin-top: 40px;
        height: 5px;
    }

    #footer-container {
        min-height: 300px;
        background-color: #000;
        color: white;
        padding-top: 20px;
        font-style: italic;
    }

        #footer-container strong {
            font-style: normal;
        }

        #footer-container a {
            color: white;
        }

            #footer-container a:hover {
                text-decoration: none;
                font-weight: bold;
            }

        #footer-container div.linklogo {
            padding: 0 0 15px 0;
            text-align: right;
            overflow: hidden;
        }

        #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;
        }


    .footerlogo {
        padding-top: 20px;
        opacity: 0.5;
        text-align: center;
    }

        .footerlogo:hover {
            opacity: 1;
        }

        .footerlogo img {
            max-width: 80%;
            margin: 0 auto;
        }

    a.phone {
        color: white;
    }



    @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;
        }
    }



    /*****************************
    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;
            }



    #homepagebuckets {
    }

        #homepagebuckets .row > div {
            margin-top: 25px;
        }

    /****************************
    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"           
******************************/


    #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 {
    }

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

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

    #productpage .navigation-buttons a {
        margin: 0 4px 0 2px;
    }

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

    #productpage #manufacturerNameNoImage {
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        display: none;
    }

    #productpage .product-title {
        line-height: 1;
        font-size: 26px;
        font-weight: bold;
    }

    #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) {
        .productpage-product-box .product-title {
            font-size: 24px;
        }
    }

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

    #productpage #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;
    }

    #productpage .productpage-details-box {
    }

    #productpage .infobox {
        padding: 5px;
        border-radius: 5px;
        border: solid 2px #ccc;
        background-color: white;
        overflow: hidden;
        margin-bottom: 10px;
        transition: background-color 200ms linear, border 200ms linear,margin 200ms linear;
    }

    #productpage .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;
    }


    #productpage #stickytitle {
        display: none;
    }

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

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

    #productpage .infobox .infobreak {
        padding: 10px 10px 10px 25%;
        margin-top: 8px;
        border-top: solid 2px white;
        padding-top: 8px;
        text-align: right;
    }


    #productpage .saleNowPrice {
        font-size: 38px;
        font-weight: bold;
        text-align: right;
        line-height: 1;
    }

    #productpage .standardNowPrice {
        font-size: 38px;
        font-weight: bold;
        text-align: right;
        line-height: 1;
    }

    #productpage .saleWasPrice {
        font-weight: 300;
        font-size: 14px;
        text-decoration: line-through;
        text-decoration-color: rgba(138,186,0,0.5);
        clear: both;
        float: right;
    }


#productpage .saleSaving {
    font-weight: 600;
    font-size: 14px;
    text-align: right;
    background: #110297;
    background: linear-gradient(to right, #2f86dd, #110297);
    margin: 3px 0;
    padding: 3px 8px;
    display: inline-block;
    color: white;
    float: right;
}


    #productpage .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;
    }

    #productpage .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;
    }

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

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

    #productpage #variantSelector {
        font-weight: 100;
    }

    #productpage .altproduct a:hover {
        text-decoration: none;
    }

    #productpage .altproduct .salesmsg {
        font-weight: bold;
        color: black;
    }

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

    #productpage .altproduct a .prodname {
        color: black;
    }

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

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

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

    #productpage .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;
    }


    #productpage .infobreak {
        padding: 0 0 5px 0;
    }

    #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;
    }


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

        #productpage ul.dropdown-menu a {
            color: black;
        }

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

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


    /* Image carousel */

   /* #productpage #product-image-wrap {
        padding: 25px 0px;
        position: relative;
        overflow: hidden;
        width: 550px;
        height: 600px;
    }*/

   #productpage #product-image-wrap {
       padding:10%;
   }

    #productpage .imagearrow {
        background-image: url(images/imagearrows.png);
        width: 40px;
        height: 60px;
        z-index: 10;
        position: absolute;
        opacity: 0.1;
        bottom: 50%;
        display: none;
    }

        #productpage .imagearrow:hover {
            opacity: 1;
        }

        #productpage .imagearrow.left {
            background-position: 0,0;
            left: 0;
        }

        #productpage .imagearrow.right {
            background-position: -40px,0;
            right: 0;
        }
    /* Spec etc */


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

    .productkeyfeatures {
        margin-top: 5px;
        font-size: 14px;
        background-color: #eee;
        border-radius: 5px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .productkeyfeatures p {
            padding: 0 15px;
        }

.kftitle {
    display: inline-block;
    color: white;
    background: #110297;
    background: linear-gradient(to right, #2f86dd, #110297);
    padding: 5px 10px 7px 10px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 8px;
}

    /* 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;
    }


    .energyarrow {
        display: inline-block;
        height: 30px;
        width: 80px;
        color: white;
        font-size: 24px;
        font-weight: bold;
        padding-right: 8px;
        text-align: right;
        padding-top: 3px;
        line-height: 1;
        background-image: url(images/energyarrowendleft.png);
        background-position: left;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        .energyarrow.en-appp {
            background-color: #33a84d;
        }

        .energyarrow.en-app {
            background-color: #5eb940;
        }

        .energyarrow.en-ap {
            background-color: #c2d806;
        }

        .energyarrow.en-a {
            background-color: #fcf200;
        }

        .energyarrow.en-b {
            background-color: #f6ba00;
        }

        .energyarrow.en-c {
            background-color: #fb6f00;
        }

        .energyarrow.en-d,
        .energyarrow.en-e,
        .energyarrow.en-f,
        .energyarrow.en-g {
            background-color: #e30a12;
        }


    /****************************
   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: 50px !important;
            height: 50px !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: rgb(225,166,0);
            background: linear-gradient(to right, #2f86dd, #110297);
            color: #ffffff;
            font-weight: normal;
            font-style: normal;
            position: absolute;
            font-size: 16px;
            top: 5px;
            left: 0px;
            padding: 2px 9px;
            z-index: 3;
            border-radius: 5px;
        }


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

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

    .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"           
******************************/

    #storepage .storemap {
        width: 100%;
        height: 410px;
        border: solid 2px #ccc;
        margin-top: 15px;
    }

    #storepage .storeinfo {
        font-size: 16px;
        line-height: 2;
    }

        #storepage .storeinfo strong {
            padding: 0 5px;
        }





        #storepage .storeinfo p {
            padding-bottom: 10px;
        }



    /******************************
    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 .nomenupage-contentbox {
        background: white;
        padding: 15px 10px;
        overflow: hidden;
    }

    .account-page .order-history {
        padding: 10px 15px;
    }

    .account-page h2.light {
        background-color: #ccc;
        border-bottom: solid 2px #aaa;
        padding: 8px 15px;
        margin-bottom: 0;
    }

    #existcustomerinput .forgotPassword {
        margin-left: 10px;
        display: inline-block;
    }
    /****************************
    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: white;
            background-color: #110217;
            display: inline-block;
            border-radius: 1px;
        }

    .opc-stagetext {
    }

    #ErrorMsgLabel {
        margin-top: 10px;
        border: solid 2px red;
        padding: 10px;
        display: none;
        font-weight: bold;
    }

    #opc-complete-order-subtext {
        font-size: 14px;
        font-weight: normal;
        clear: both;
    }

    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: #110217;
        color: white;
        border: solid 3px white;
    }

        div.mini-cart .close {
            opacity: 1;
            color: #fff;
            text-shadow: none;
        }

            div.mini-cart .close:hover {
                opacity: 0.8;
            }

        div.mini-cart .modal-header {
            border: none;
            font-weight: bold;
        }

            div.mini-cart .modal-header h4 {
                font-weight: bold;
            }

        div.mini-cart .modal-footer {
            border: none;
        }

        div.mini-cart .modal-body {
            color: black;
            border: solid 3px #2f86dd;
            border-left: none;
            border-right: none;
            background: white;
            border-radius: 10px;
            font-weight: bold;
        }

            div.mini-cart .modal-body a {
                color: black;
                text-decoration: none;
            }

        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;
        }


    /********
            1005 - Collect page

            
        */


    #collect-product-box {
    }


    .collect-title {
        display: inline-block;
        color: white;
        background: #110217;
        padding: 5px 10px 7px 10px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom: 8px;
    }

    .collect-opening-hours {
        width: 100%;
    }

    #validate-collect-form {
    }

        #validate-collect-form .unhappy {
            border: solid 2px red;
        }

        #validate-collect-form .unhappyMessage {
            color: red;
            margin-bottom: 5px;
            margin-left: 5px;
            font-weight: bold;
        }

    #gdpr-ok-yes_unhappy {
        display: block;
    }

    /***************************** 
    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      
*****************************/
    a.rolloverlink.searchactive {
        opacity: 1;
    }

    .searchpop {
        display: block;
        z-index: 9999;
        position: absolute;
        background-color: transparent;
        padding: 5px;
        min-width: 350px;
        right: 230px;
        top: 45px;
        outline: none;
    }

        .searchpop.hideonload {
            display: none;
        }

        .searchpop .searchpopinner {
            background-color: #eeebe4;
            padding: 10px;
            /*-webkit-box-shadow: 0px 0px 63px -8px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 63px -8px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 63px -8px rgba(0,0,0,0.75);*/
        }

        .searchpop .searchpoparrow {
            font-size: 24px;
            line-height: 11px;
            color: #eeebe4;
            text-align: right;
            margin-right: 10px;
        }

        .searchpop input[type="text"] {
            width: 100%;
            border: none;
            outline: none;
            font-size: 24px;
            background-color: #eeebe4;
            min-height: 40px;
        }

    #sitesearch {
    }

    #searchzone {
        width: 400px;
        margin: 0 auto;
    }

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

        #searchzone {
            width: 330px;
            margin: 0 auto;
        }
    }

    @media only screen and (max-width:767px) {
        #searchzone {
            width: 100%;
            margin: 0 auto;
        }
    }

    #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: 1099;
        position: fixed;
        margin-left: -2px;
        padding: 5px;
        width: 95%;
        margin-right: 12px;
        text-align: left;
        top: 70px;
        display: none;
        border: solid 3px #6a216f;
        border-top: transparent 0px solid;
        outline: none;
    }

        #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: #ecccee;
            color: black;
            height: 100%;
            overflow: hidden;
        }


    #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-viewnews {
        color: white;
        background-image: linear-gradient(to right, #2f86dd, #110297);
    }

        .btn-viewnews:hover {
            color: white;
            opacity: 0.9;
        }

        .btn-viewnews:active {
            color: white;
            background-image: linear-gradient(to right, #1c3b7f, #110297);
            opacity: 0.75;
        }

.btn-csaction {
    color: white;
    background-image: linear-gradient(to right, #2f86dd, #110297);
    border-color: black;
}

    .btn-csaction:hover,
    .btn-csaction:focus,
    .btn-csaction:active,
    .btn-csaction.active,
    .open .dropdown-toggle.btn-csaction {
        color: white;
        background-image:linear-gradient(to right, #1c3b7f, #110297);
        border-color: black;
    }

    

    .btn-csaction.disabled,
    .btn-csaction[disabled],
    fieldset[disabled] .btn-csaction,
    .btn-csaction.disabled:hover,
    .btn-csaction[disabled]:hover,
    fieldset[disabled] .btn-csaction:hover,
    .btn-csaction.disabled:focus,
    .btn-csaction[disabled]:focus,
    fieldset[disabled] .btn-csaction:focus,
    .btn-csaction.disabled:active,
    .btn-csaction[disabled]:active,
    fieldset[disabled] .btn-csaction:active,
    .btn-csaction.disabled.active,
    .btn-csaction[disabled].active,
    fieldset[disabled] .btn-csaction.active {
        background-image: linear-gradient(to right, #1c3b7f, #110297);
        color: #ccc;
        border-color: #000;
    }

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

    .btn-cscancel {
        color: #000;
        background-color: #fff;
        border-color: #000;
    }

        .btn-cscancel:hover,
        .btn-cscancel:focus,
        .btn-cscancel:active,
        .btn-cscancel.active,
        .open .dropdown-toggle.btn-cscancel {
            color: #000;
            background-color: #ccc;
            border-color: #000;
        }

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

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

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


    .btn-csbuy {
        color: #ffffff;
        background-color: #110217;
        border-color: white;
        border-width: 2px;
        font-weight: bold;
        text-align: center;
        width: 100%;
    }

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

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

        .btn-csbuy.disabled,
        .btn-csbuy[disabled],
        fieldset[disabled] .btn-csbuy,
        .btn-csbuy.disabled:hover,
        .btn-csbuy[disabled]:hover,
        fieldset[disabled] .btn-csbuy:hover,
        .btn-csbuy.disabled:focus,
        .btn-csbuy[disabled]:focus,
        fieldset[disabled] .btn-csbuy:focus,
        .btn-csbuy.disabled:active,
        .btn-csbuy[disabled]:active,
        fieldset[disabled] .btn-csbuy:active,
        .btn-csbuy.disabled.active,
        .btn-csbuy[disabled].active,
        fieldset[disabled] .btn-csbuy.active {
            background-color: #ddd;
            border-color: #fff;
            color: #555;
        }

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


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

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

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

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

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



    /*** News Stories */

    .news-stories {
    }

        .news-stories .text h3 {
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;
        }
    /*****************************
    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;
        }

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

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

    .yamm .yamm-content {
        padding: 0;
        *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;
            text-align: center;
        }

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




    /* Slider */
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
        }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    @charset 'UTF-8';
    /* Slider */
    .slick-loading .slick-list {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }

    /* Icons */
    @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url('./fonts/slick.eot');
        src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    }
    /* Arrows */
    /* Arrows */
    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 30px;
        margin-top: -10px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover,
        .slick-prev:focus,
        .slick-next:hover,
        .slick-next:focus {
            color: transparent;
            outline: none;
            background: transparent;
        }

            .slick-prev:hover:before,
            .slick-next:hover:before {
                opacity: 1;
            }

        .slick-prev.slick-disabled:before,
        .slick-next.slick-disabled:before {
            opacity: .25;
        }

        .slick-prev:before,
        .slick-next:before {
            font-family: 'slick';
            font-size: 30px;
            line-height: 1;
            opacity: .75;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .slick-prev {
        left: -25px;
    }

    [dir='rtl'] .slick-prev {
        right: -25px;
        left: auto;
    }

    .slick-prev:before {
        content: '←';
    }

    [dir='rtl'] .slick-prev:before {
        content: '→';
    }

    .slick-next {
        right: -25px;
    }

    [dir='rtl'] .slick-next {
        right: auto;
        left: -25px;
    }

    .slick-next:before {
        content: '→';
    }

    [dir='rtl'] .slick-next:before {
        content: '←';
    }

    /* Dots */
    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }

        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                width: 20px;
                height: 20px;
                padding: 5px;
                cursor: pointer;
                color: transparent;
                border: 0;
                outline: none;
                background: transparent;
            }

                .slick-dots li button:hover,
                .slick-dots li button:focus {
                    outline: none;
                }

                    .slick-dots li button:hover:before,
                    .slick-dots li button:focus:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    font-family: 'slick';
                    font-size: 6px;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20px;
                    height: 20px;
                    content: '•';
                    text-align: center;
                    opacity: .25;
                    color: black;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                opacity: .75;
                color: black;
            }



    .slick-prev:before, .slick-next:before {
        color: #555;
        opacity: 0.2;
    }

    .slick-prev {
        margin-left: 40px;
        z-index: 99;
    }

    .slick-next {
        margin-right: 40px;
        z-index: 99;
    }




    .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;
        }



        #productpage #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%;
        }

        .productpage-product-box .product-title {
            font-size: 26px;
        }

        #productpage #myCarousel {
            min-height: inherit;
        }
    }



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



        ul.navbar-nav {
            text-align: left;
            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;
        }





        .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) {

        .navbar-collapse .nav {
            border-top: solid 15px black;
        }

        .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 {
                margin: 15px 0;
            }

                #footer-container ul li {
                    display: block;
                    padding: 10px 0 0 0;
                    border-right: none;
                    margin-top: 3px;
                    font-size: 125%;
                    text-align: center;
                }

                    #footer-container ul li:last-child {
                        padding-bottom: 3px;
                        margin-bottom: 3px;
                    }

            #footer-container div {
                text-align: center;
            }

            #footer-container img {
                margin: 0 auto;
            }


            #footer-container .linklogo:first-child {
                margin-top: 30px;
            }

            #footer-container .linklogo img {
                text-align: center !important;
                float: inherit !important;
                margin: 0 auto;
            }

        .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: left;
            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;
        }
    }



    /**
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 {
        background: rgb(225,166,0);
        background: linear-gradient(135deg, rgba(47,134,221,1) 0%, rgba(17,2,23,1) 100%);
        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: #2f86dd;
            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: #2f86dd;
            }

        .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%, #2f86dd 30%, #1c3b7f 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: #1c3b7f;
            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: #428bca;
            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: #428bca;
            }

        .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: #2f86dd;
        }

        .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 #110297;
            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: #428bca;
            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: #428bca;
            }

        .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;
        }