/*------------------------------------------------------------------
[Table of contents]

1. Typography
2. Grid
3. Global
	3.1 Header
	3.2 Navigation
	3.3 Local Store Banner
	3.4 Content
	3.5 Footer
	3.6 Inline shopping basket




-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Typography]


/* Open Sans Condensed - Light
Example: p { font-family: OpenSansCondensed; font-weight: 300; } */

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/OpenSans-CondLight-webfont.eot');
    src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondLight-webfont.woff') format('woff'), url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* Open Sans Condensed - Light Italic
Example: p { font-family: OpenSansCondensed; font-weight: 300; font-style: italic; } */


@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

/* Open Sans Condensed - Bold
+Example: p { font-family: OpenSansCondensed; font-weight: 600; } */

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/OpenSans-CondBold-webfont.eot');
    src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondBold-webfont.woff') format('woff'), url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

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

a {
    color: #11a0c5;
}

    a.alt {
        color: #4f4f4f;
        text-decoration: none;
    }

h1, h2, h3 {
    font-family: 'Open Sans Condensed', sans-serif;
}

h1 {
    color: #1f1f1f;
    font-size: 30px;
    font-size: 2.5rem;
    font-weight: 600;
}

h2 {
    color: #1f1f1f;
    font-size: 22px;
    font-weight: 600;
}

h3 {
    color: #00a0c6;
    font-size: 16px;
    font-weight: 600;
}

h4 {
    color: #606060;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 400;
}

h5 {
    color: #000000;
    font-size: 13px;
    font-size: 1.083rem;
    font-weight: 600;
}

h6 {
    color: #1f1f1f;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 600;
}

.rating {
    display: block;
    text-align: center;
    padding-top: 6px;
    position: relative;
    min-height:45px;
}

    .rating span {
        display: inline-block;
        vertical-align: top;
        margin-left: 6px;
        color: #000;
        padding: 3px 6px;
        background-color: #eee;
        border: solid 1px #ddd;
        font-size: 90%;
        border-radius: 4px;
    }

.prstars {
    display: inline-block;
    text-align: center;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/prstars.png);
}


.pr0 {
    width: 112px;
    height: 23px;
    background-position: -2px -2px;

}

.pr10 {
    width: 112px;
    height: 23px;
    background-position: -116px -2px;
}

.pr15 {
    width: 112px;
    height: 23px;
    background-position: -230px -2px;
}

.pr20 {
    width: 112px;
    height: 23px;
    background-position: -344px -2px;
}

.pr25 {
    width: 112px;
    height: 22px;
    background-position: -914px -2px;
}

.pr30 {
    width: 112px;
    height: 23px;
    background-position: -458px -2px;
}

.pr35 {
    width: 112px;
    height: 23px;
    background-position: -572px -2px;
}

.pr40 {
    width: 112px;
    height: 23px;
    background-position: -686px -2px;
}

.pr45 {
    width: 112px;
    height: 22px;
    background-position: -1028px -2px;
}


.pr50 {
    width: 112px;
    height: 23px;
    background-position: -800px -2px;
}

/*------------------------------------------------------------------
[2. Grid]


div.container {
    background:white;
}
div.containerOLD
{
    width: 976px;
    margin: 0 auto;
    padding: 0;
}


.column, .columns
{
    float: left;
    display: inline;
    margin: 0 0 0 20px;
}

.one
{
    width: 63px;
}

.two
{
    width: 146px;
}

.three
{
    width: 229px;
}

.four
{
    width: 312px;
}

.five
{
    width: 395px;
}

.six
{
    width: 478px;
}

.seven
{
    width: 561px;
}

.eight
{
    width: 644px;
}

.nine
{
    width: 727px;
}

.ten
{
    width: 810px;
}

.eleven
{
    width: 893px;
}

.twelve
{
    width: 976px;
}

.offset-by-one-half
{
    margin-left: 41.5px;
}

.offset-by-one
{
    margin-left: 83px;
}

.offset-by-two
{
    margin-left: 166px;
}

.offset-by-three
{
    margin-left: 249px;
}

.offset-by-four
{
    margin-left: 332px;
}

.offset-by-five
{
    margin-left: 415px;
}

.offset-by-six
{
    margin-left: 498px;
}

.offset-by-seven
{
    margin-left: 581px;
}

.offset-by-eight
{
    margin-left: 664px;
}

.offset-by-nine
{
    margin-left: 747px;
}

.offset-by-ten
{
    margin-left: 830px;
}

.column-row:after, .row:after, .container:after, .clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .column-row, * html .row, * html .container, * html .clearfix
{
    height: 1%;
}

.column-row, .row, .container, .clearfix
{
    display: inline-block;
}

.column-row, .row, .container, .clearfix
{
    display: block;
}
*/
.clearboth {
    clear: both;
}
/*------------------------------------------------------------------
[3. Global]
*/

body {
    background: #e3e3e3;
    font-size: 12px;
}

#fullpageoverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

body > form > .container,
body > form > .content > .container {
    background: #fff;
    /*border-left: solid 2px #bbb;
        border-right: solid 2px #bbb;*/
}

.container.offwhitebg {
    background-color: #f6f6f6;
    border-left: solid 2px #bbb;
    border-right: solid 2px #bbb;
}

.container.checkout-minicart {
    background-color: #e6e6e6;
    padding-top: 20px;
    padding-bottom: 40px;
    border-top: dotted 1px #bbb;
    border-left: solid 2px #bbb;
    border-right: solid 2px #bbb;
}

    .container.checkout-minicart h1 {
        margin-bottom: 20px;
    }

.floatright {
    float: right;
}

.noleftpad {
    padding-left: 0;
}


.norightpad-notxs {
    padding-right: 0;
    1;
}

.norightpad {
    padding-right: 0;
}

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

.textmiddle {
    text-align: center;
}

.noleftpad {
    padding-left: 0;
}

.norightpad {
    padding-right: 0;
}

.minpad {
    padding-left: 3px;
    padding-right: 3px;
}

.prodgridpad {
    padding-left: 7px;
    padding-right: 7px;
}



div#spinner {
    display: none;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(images/spinner.gif) no-repeat center;
    text-align: center;
    padding: 10px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    overflow: auto;
}
/* [3.1 Header] */
.header {
    z-index: 100;
    /*background: rgb(72,72,72); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(72,72,72,1) 0%, rgba(101,101,101,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,72,72,1)), color-stop(100%,rgba(101,101,101,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(72,72,72,1) 0%,rgba(101,101,101,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(72,72,72,1) 0%,rgba(101,101,101,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, rgba(72,72,72,1) 0%,rgba(101,101,101,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, rgba(72,72,72,1) 0%,rgba(101,101,101,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
    background: url('images/header-bg.png') repeat-x rgb(72,72,72);
}

.lt-ie8 .header {
    position: relative;
}

#notescookiesbg,
#notescookiesbgs {
    background: url(https://www.panasonic.com/etc/designs/panasonic/common-clientlibs/images/img-notescookies-shadow-top-1px.png) repeat-x bottom #d2d2d2;
    border-bottom: solid 2px #999;
}

.notescookies {
    overflow: hidden;
    padding-top: 10px;
    font-size: 12px;
    line-height: 17px;
    position: relative;
    z-index: 1;
}

    .notescookies .btn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .notescookies span {
        padding-right: 5px;
    }

    .notescookies a.cookiepolicylink {
        font-weight: bold;
    }

div.cookie-request-frame {
    height: 80px;
    background: black;
    border-bottom: solid 2px white;
    color: white;
    display: none;
}

    div.cookie-request-frame .cookie-request-inner {
        width: 960px;
        margin: 0px auto;
        padding: 10px 0px;
    }

        div.cookie-request-frame .cookie-request-inner .iconleft {
            float: left;
            margin-right: 15px;
        }

            div.cookie-request-frame .cookie-request-inner .iconleft .icon {
                font-size: 28px;
            }

        div.cookie-request-frame .cookie-request-inner .textmiddle {
            width: 600px;
            float: left;
        }

            div.cookie-request-frame .cookie-request-inner .textmiddle h1 {
                font-size: 16px;
                padding: 0px;
                margin: 0px;
                color: white;
            }

        div.cookie-request-frame .cookie-request-inner .acceptend {
            float: right;
            padding-left: 50px;
            font-size: 14px;
            color: #284fe8;
        }

            div.cookie-request-frame .cookie-request-inner .acceptend a {
                text-decoration: none;
            }

                div.cookie-request-frame .cookie-request-inner .acceptend a:hover {
                    color: white;
                    cursor: pointer;
                }

.header .row {
    margin-bottom: 0;
}

.header .logo {
    display: block;
    height: 70px;
    margin-left: -12px;
    display: block;
    cursor: pointer;
    padding-left: 170px;
    line-height: 24px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #f1f1f1;
}


    .header .logo.panadir {
        /*  background: transparent url('images/panasonic-direct-logo.png') no-repeat left top;*/
        background: transparent url('images/panasonicuklogo.png') no-repeat left top;
    }

    .header .logo.panaxd {
        background: transparent url('images/panasonic-xd-logo.png') no-repeat left top;
    }

    .header .logo.panastaff {
        background: transparent url('images/panasonic-staff-logo.png') no-repeat left top;
    }

    .header .logo.panastore {
        background: transparent url('images/panasonic-logo.png') no-repeat left top;
    }


    .header .logo.panapartner {
        background: transparent url('images/panasonic-partner-logo.png') no-repeat left top;
    }


    .header .logo .logostorename {
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ie-transform: translateY(-50%);
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    }

#ctl00_aHomePageLink:hover {
    text-decoration: none;
}







.header .account-links {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    color: #b5b5b5;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .header .account-links .account-link {
        float: right;
        padding: 11px 5px 6px 15px;
    }

    .header .account-links a {
        color: #b5b5b5;
        text-decoration: none;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .header .account-links li.show-basket {
        position: relative;
    }

.minibasketon {
    background: #383838;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.header .account-links .account-link a:hover {
    color: White;
}

.OLDOLDOLD .account-links li.show-basket:hover .mini-basket {
    display: block;
}


li.show-basket .minibasket-close a {
    padding: 10px;
    background-color: black;
    font-size: 12px;
    text-align: right;
    display: block;
    color: #DDDDDD;
}

    li.show-basket .minibasket-close a:hover {
        color: White;
    }

    li.show-basket .minibasket-close a span {
        font-weight: 300;
    }

.mini-basket-buttons a.button.medium.blue {
    font-size: 15px;
    letter-spacing: normal;
}

.header .search {
    margin-top: 1px;
    background: url('images/search-bg-left.png') no-repeat;
    padding-left: 7px;
}

    .header .search input {
        background: url('images/search-bg.png') repeat-x;
        color: white;
        outline: 0;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0px 3px 9px;
    }
    /*
        float: right;
        border: 1px solid #343434;
        background: transparent url('images/magnifying-glass.png') no-repeat 7px 6px;
        color: #FFFFFF;
        padding: 6px 7px 5px 26px;
        width: 146px;
        -webkit-box-shadow: inset 0px 1px 6px 0px rgba(2, 2, 2, 0.3);
        box-shadow: inset 0px 1px 6px 0px rgba(2, 2, 2, 0.3);
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .header .search input:focus
        {
            outline: none;
        }
    */
    .header .search::after {
        content: "";
        position: absolute;
        display: block;
        width: 16px;
        height: 26px;
        right: 0;
        z-index: 1;
        background: url('/images/search-arrow.png') no-repeat;
    }

#mobilemenu {
}

.menubar-container input.mobilesearchbox {
    padding: 10px 10px 10px 10px;
    background-color: transparent;
    color: black;
    border: none;
    outline: none;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    width: 100%;
    z-index: 13999;
}


/* [3.2 Navigation] */
body > form > .container.menu-container {
    /*border-top: 1px solid #232323;
    border-bottom: 1px solid #282828;*/
    position: relative;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: rgb(68,68,68); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(44,44,44,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(44,44,44,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(44,44,44,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(44,44,44,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(44,44,44,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(44,44,44,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */
}

.lt-ie8 .menu-container {
    z-index: 1;
}

.store-logo {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.top-menu-container {
    float: left;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    margin-top: 15px;
}

    .top-menu-container .menu {
        list-style: none;
        padding: 0 0 0 15px;
        margin: 0;
    }

        .top-menu-container .menu li {
            margin: 0 38px 0 0;
            padding: 1em 0;
            text-decoration: none;
            text-shadow: -1px -1px 1px #000000;
            text-shadow: -1px -1px 1px #222;
        }


            .top-menu-container .menu li.left {
                float: left;
            }

            .top-menu-container .menu li.right {
                float: right;
            }

    .top-menu-container a {
        color: #cecece;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        font-family: 'Open Sans Condensed', sans-serif;
        -webkit-font-smoothing: antialiased; /* fixes Chrome on OSX light text on dark background (http://tanookisuitlabs.com/your-fonts-look-bad-in-chrome-heres-the-fix/) */
    }

.official-store-mobile {
    padding-top: 8px;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    font-weight: 600;
    font-size: 13px;
    padding-left: 10px;
    display: inline-block;
    float: left;
}

@media only screen and (max-width:300px) {
    .official-store-mobile {
        display:none;
    }
}
.searchouterouternew {
    margin-top: 20px;
    margin-right: 100px;
    font-weight: bold;
    padding-top: 8px;
}

    .searchouterouternew .searchouter {
        border-radius: 3px;
        background-color: #C1C1C1;
    }

    .searchouterouternew input#search_input {
        padding: 4px 5px 2px 5px;
        height: auto;
        color: black;
        outline: none;
        font-size: 13px;
        background-color: transparent;
        font-family: 'Open Sans Condensed',Arial,sans-serif;
        font-weight: 600;
        border: none;
    }

    .searchouterouternew #searchclick {
        padding-right: 5px;
        display: inline-block;
        cursor: pointer;
    }

    .searchouterouternew input#search_input::placeholder {
        font-weight: 600 !important;
    }

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

    .searchouterouternew {
        margin-right: 70px;
    }

        .searchouterouternew input#search_input {
            width: 140px;
        }
}

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

    .searchouterouternew {
        margin:15px 10px 0 10px;
    }
    .searchouterouternew input#search_input {
        width: 120px;
    }

    .login-basket-bar .open-mini-cart,
    .login-basket-bar .badge {
        margin-right: 20px;
    }
}

.searchouterouternew input#search_input::placeholder {
    color: black;
    font-weight: normal;
}

@media only screen and (max-width: 768px) {
    .searchouterouternew {
        margin: 0 -15px 0 0;
        background-color: transparent;
        padding: 0;
    }

        .searchouterouternew .searchouter {
            background-color: transparent;
        }
    
 
}

@media only screen and (max-width: 1199px) {
    .top-menu-container .menu {
        padding-left:0;
    }
    .top-menu-container .menu li {
        margin-right: 15px;
    }

    .top-menu-container a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 992px) {
    .top-menu-container .menu li {
        margin-right: 20px;
    }

    .top-menu-container a {
        font-size: 11px;
    }
}

.top-menu-container a:hover, .menu-container ul li:hover > a, .menu-container li.current-menu-item a {
    color: #fcfcfc;
}

.top-menu-container a .down-arrow {
    font-size: 0.500em;
}

.top-menu-container .sub-menu-container {
    position: absolute;
    top: 100%;
    background: #494949;
    width: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.top-menu-container .sub-menu {
    width: 100%;
    margin: 0 auto;
    list-style: none;
}

    .top-menu-container .sub-menu li {
        width: 123px;
        text-align: center;
        margin-right: 1px;
        float: left;
    }

        .top-menu-container .sub-menu li img {
            display: block;
            margin: 0 auto 15px;
        }

        .top-menu-container .sub-menu li a {
            font-size: 1.2em;
        }

.top-menu-container ul li:hover .sub-menu-container {
    display: block;
}

.container.login-basket-bar {
    background-color: #303030;
    color: #b1b1b1;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .container.login-basket-bar .message {
        display: inline-block;
        padding: 0;
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: 600;
        font-size: 14px;
        vertical-align: top;
        padding-top: 10px;
    }

    .container.login-basket-bar a {
        color: inherit;
        text-decoration: none;
    }



    .container.login-basket-bar .top-basket {
        margin-top: 3px;
        display: inline-block;
        background-image: url(images/panacart.png);
        width: 24px;
        height: 24px;
        background-position: bottom;
        margin-left: 10px;
        background-repeat: no-repeat;
    }

    .container.login-basket-bar a:hover,
    .container.login-basket-bar a:active {
        color: #fff;
        text-decoration: none;
    }


    .container.login-basket-bar .badge {
        z-index: 5;
        position: absolute;
        right: 3px;
        background-color: blue;
    }

.container.official-store {
    background-color: #434343;
    color: white;
}



    .container.official-store .message {
        display: inline-block;
        padding: 10px 0;
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: 600;
        font-size: 16px;
    }

.menu-container .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .menu-container .menu li {
        margin: 0 15px 0 0;
        padding: 1em 0;
    }

        .menu-container .menu li.left {
            float: left;
        }

        .menu-container .menu li.right {
            float: right;
        }

.menu-container a {
    color: #b6b6b6;
    text-decoration: none;
    font: 600 1.333em/1em 'Open Sans Condensed', sans-serif;
    -webkit-font-smoothing: antialiased; /* fixes Chrome on OSX light text on dark background (http://tanookisuitlabs.com/your-fonts-look-bad-in-chrome-heres-the-fix/) */
}

    .menu-container a:hover, .menu-container ul li:hover > a, .menu-container li.current-menu-item a {
        color: #fcfcfc;
    }

    .menu-container a .down-arrow {
        font-size: 0.500em;
    }

.menu-container .sub-menu-container {
    position: absolute;
    top: 100%;
    background: #494949;
    width: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.menu-container .sub-menu {
    width: 100%;
    margin: 0 auto;
    list-style: none;
}

    .menu-container .sub-menu li {
        width: 123px;
        text-align: center;
        margin-right: 1px;
        float: left;
    }

        .menu-container .sub-menu li img {
            display: block;
            margin: 0 auto 15px;
        }

        .menu-container .sub-menu li a {
            font-size: 1.2em;
        }

.menu-container ul li:hover .sub-menu-container {
    display: block;
}

.mobile-login-text {
    font-size: 10px;
}

/* [3.3 Local Store Banner] */
.local-store-banner {
    text-align: center;
    font: 600 1.250em/1em 'Open Sans Condensed', sans-serif;
    color: #545454;
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

    .local-store-banner .row {
        margin-bottom: 0;
    }

    .local-store-banner span {
        font-size: 1.2em;
    }

    .local-store-banner a {
        font-size: 0.733em;
    }

    .local-store-banner p {
        margin: 0.25em 0;
        padding: 0.5em 0;
    }

    .local-store-banner .column p {
        border-right: 1px solid #b3b3b3;
    }

    .local-store-banner .column.last p {
        border: none;
    }

.container.belowmenuinfobar {
    background: url('images/belowmenuinfobarbg.png') repeat-x;
    min-height: 45px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: white;
    padding-top: 5px;
}

    .container.belowmenuinfobar h1.productname,
    .container.belowmenuinfobar h1.searchname {
        font-size: 18px;
        color: white;
        margin: 3px 0 0 0;
    }



    .container.belowmenuinfobar .logo-left, .container.belowmenuinfobar .logo-full {
        padding-top: 5px;
    }


    .container.belowmenuinfobar span.price {
        padding-right: 10px;
    }

    .container.belowmenuinfobar span.was-price {
        padding-right: 10px;
        text-decoration: line-through;
        font-size: 80%;
        vertical-align: text-bottom;
    }


/* [3.4 Content] 
.content
{
    padding: 10px 0;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
   
.content.white
{
    background: white;
}

.content.vlight-grey
{
    background: #ffffff;
}

.content.light-grey
{
    background: #f7f7f7;
}

.content.dark-grey
{
    background: #a9a9a9;
}

.content-no-padding.white
{
    padding: 0px 0 0 0;
    background: white;
    overflow: hidden;
}

    .content-no-padding.white .even-height
    {
        padding-bottom: 100000px;
        margin-bottom: -100000px;
    }

.content-no-padding.light-grey
{
    padding: 0px 0 0 0;
    background: #f7f7f7;
}

.content-no-padding.dark-grey
{
    padding: 2px 0 0 0;
    background: #a9a9a9;
}
     */

/* [3.5 Footer] */






.container.footer-message-container {
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: rgb(68,68,68); /* Old browsers */
    background: linear-gradient(to bottom, rgba(0,160,198,1) 0%,rgba(44,44,44,1) 100%); /* W3C */
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-left: none;
    font-family: "Open Sans Condensed", sans-serif;
}


.footer-message-container .footer-message {
    color: #dbdbdb;
    font-size: 1.7em;
    font-weight: 600;
    vertical-align: bottom;
}

    .footer-message-container .footer-message img {
        max-height: 25px;
    }

.container.footer {
    background: #555;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    border-bottom: solid 1px #333;
    border-top: solid 1px #777;
}

    .container.footer.first {
        background: #777;
    }

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

.footer h4.store-title {
    font: 600 28px 'Open Sans Condensed', sans-serif;
    color: #ececec;
    margin: 0;
    padding-right: 21px;
    border-right: solid 1px #777;
    vertical-align: top;
    display: inline;
}



.footer .store-phone-number {
    color: #dbdbdb;
    font-size: 21px;
    vertical-align: bottom;
    padding-left: 21px;
    border-left: solid 1px #333;
}

.footer h5 {
    color: white;
    font-size: 21px;
    padding-bottom: 10px;
    font-family: 'Open sans Condensed';
}




.footer .cardbar {
    text-align: center;
    width: 440px;
    margin: 0 auto;
}

    .footer .cardbar.staffcardbar {
        width: 800px;
    }

@media only screen and (max-width: 768px) {
    .footer .cardbar {
        width: 220px;
    }

        .footer .cardbar.staffcardbar {
            width: 280px;
        }
}

.footer .cardbar .icons {
}

.footer .cardbar .cardicon,
.footer .cardbar .delivicon {
    float: left;
    width: 100px;
    height: 63px;
    margin-right: 5px;
    margin-left: 5px;
    background-size: 100%;
    background-repeat: none;
}


.footer .paymethodtitle {
    color: white;
    float: left;
    padding-left: 180px;
}

.footer .deliverytitle {
    color: white;
    float: right;
    padding-right: 155px;
}


.footer .cardbar .cardicon.worldpay {
    background-image: url(images/pay-worldpay.png);
}

.footer .cardbar .cardicon.visa {
    background-image: url(images/pay-visa.png);
}

.footer .cardbar .cardicon.mastercard {
    background-image: url(images/pay-mastercard.png);
}

.footer .cardbar .cardicon.maestro {
    background-image: url(images/pay-maestro.png);
}


.footer .cardbar .cardicon.paypal {
    background-image: url(images/pay-paypal.png);
}


.footer .cardbar .delivicon.dhl {
    background-image: url(images/deliv-dhl.png);
}

.footer .cardbar .delivicon.arrow {
    background-image: url(images/deliv-arrowxl.png);
}

.footer .cardbar .delivicon.ukmail {
    background-image: url(images/deliv-ukmail.png);
}

.footer .cardbar .delivicon.panther {
    background-image: url(images/deliv-panther.png);
}


.footer .pagelinks,
.footer .store-address,
.footernew .pagelinks,
.footernew .store-address {
    color: #ccc;
    font-size: 15px;
    font-family: arial, sans-serif;
    font-weight: normal;
}

.footer h5 {
    color: white;
    font-size: 21px;
    padding-bottom: 10px;
    font-family: 'Open sans Condensed';
}

.store-hours ul {
    padding-left: 0;
    color: #ccc;
    font-family: Arial, sans-serif;
    width: 100%;
}

.store-hours li {
    list-style: none;
    font-size: 14px;
    font-weight: normal;
    float: left;
}

    .store-hours li.day {
        width: 50%;
        clear: both;
    }

    .store-hours li.time {
        width: 50%;
        text-align: right;
    }

.footer.copyright {
    color: #ccc;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.container.pukglobalfooter {
    background-color: #434343;
    color: #c5c5c5;
    font-size: 11px;
    font-family: Arial;
}


    .container.pukglobalfooter .links {
        margin-top: 5px;
        text-align: center;
        font-size: 0;
    }

        .container.pukglobalfooter .links li {
            display: inline-block;
            border-left: 1px solid #c5c5c5;
            padding: 0 5px;
        }

            .container.pukglobalfooter .links li:first-child {
                border-left: none;
            }

            .container.pukglobalfooter .links li a {
                font-size: 11px;
                color: white;
                text-decoration: none;
            }

    .container.pukglobalfooter p {
        text-align: center;
    }

    .container.pukglobalfooter .socialmedia {
        margin-top: 30px;
        font-size: 0;
        text-align: center;
    }

        .container.pukglobalfooter .socialmedia li {
            display: inline-block;
            padding: 0 9px;
        }

.contact-popup {
    position: fixed;
    bottom: 0;
    right: 20px;
    height: 140px;
    width: 325px;
    background-color: #42A0C4;
    border: solid 5px white;
    border-bottom: none;
    color: white;
    z-index: 49;
    text-align: center;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    line-height: 1;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px 10px;
}

    .contact-popup .closer {
        width: 35px;
        height: 35px;
        border-radius: 30px;
        top: -20px;
        background-color: #42A0C4;
        position: absolute;
        z-index: 50;
        right: -20px;
        padding-top: 6px;
        font-family: Arial;
        color: white;
        font-size: 16px;
        border: solid 4px white;
    }

        .contact-popup .closer:hover {
            background-color: black;
            color: white;
            transition: background-color 0.5s;
        }

    .contact-popup .image {
        display: inline-block;
        float: left;
        padding: 28px 0 0 20px;
    }

    .contact-popup .text {
        display: inline-block;
        float: right;
        padding: 28px 20px 0 0;
    }

    .contact-popup .title {
        font-size: 21px;
    }

    .contact-popup .number {
        padding: 10px 0 5px 0;
        font-size: 40px;
        text-align: right;
        background-position: 20px 10px;
    }

        .contact-popup .number a {
            color: white;
        }

            .contact-popup .number a:hover {
                text-decoration: none;
                color: #ddd;
            }

    .contact-popup .subtitle {
        font-size: 20px;
    }
/*.footer .paybysage
    {
        background: url('images/paymentsbysagepay.png') no-repeat transparent;
        width: 190px;
        height: 74px;
        margin-top: 20px;
    }

    
 

    .footer .store-details
    {
        min-height: 200px;
    }

        .footer .store-details h5
        {
            color: #dbdbdb;
            font: 600 1.5em/1em 'Open Sans Condensed', sans-serif;
        }

    .footer .store-manager
    {
        width: 200px;
        float: left;
        margin-left: 20px;
    }

    .footer .store-address
    {
        width: 220px;
        float: left;
        margin-left: 30px;
    }

        .footer .store-address a
        {
            text-decoration: none;
        }

    .footer .store-hours
    {
        width: 190px;
        float: right;
        margin-left: 60px;
    }

    .footer .pagelinks
    {
        width: 200px;
        float: left;
        display: inline;
    }

.store-hours ul
{
    padding: 0;
    overflow: hidden;
}

.store-hours li
{
    list-style: none;
    float: left;
}

    .store-hours li.day
    {
        width: 85px;
        font-weight: bold;
        clear: both;
    }

    .store-hours li.time
    {
        width: 110px;
    }

.footer .store-map
{
    padding-top: 33px;
}

    .footer .store-map #map
    {
        height: 212px !important;
        width: 359px;
        border: 4px solid white;
        display: block;
    }*/

/* [3.5.1 Page footer Pana links] */

/* New style footer */
.footernew {
    background: #555;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    border-bottom: solid 1px #333;
    border-top: solid 1px #777;
}

.container.footernew {
    background: #555;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    border-bottom: solid 1px #333;
    border-top: solid 1px #777;
}

    .container.footernew.first {
        background: #777;
    }

    .container.footernew .row {
        padding-bottom: 20px;
        padding-top: 20px;
    }


.footernew .store-phone-number {
    color: #dbdbdb;
    font-size: 21px;
    vertical-align: bottom;
    padding-left: 21px;
    border-left: solid 1px #333;
}

.footernew h4.store-title {
    font: 600 28px 'Open Sans Condensed', sans-serif;
    color: #ececec;
    margin: 0;
    padding-right: 21px;
    border-right: solid 1px #777;
    vertical-align: top;
    display: inline;
}

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


    .footernew h4.store-title {
        font: 600 24px 'Open Sans Condensed', sans-serif;
        padding: 0 0 5px 0;
        border-right: none;
        vertical-align: top;
        display: block;
    }

    .footernew .store-phone-number {
        padding: 0;
        border: none;
    }
}

@media only screen and (max-width: 520px) {
    .breakopenhours {
        display: block;
    }
}

.footernew .logo-set {
    display: inline-block;
    float: left;
}

    .footernew .logo-set h5 {
        color: #a4a4a4;
        font-size: 110%;
    }

    .footernew .logo-set.logo-delivery {
        padding-left: 20px;
        border-left: solid 1px #3d3d3d;
    }

    .footernew .logo-set.logo-payment {
        padding-right: 20px;
        border-right: solid 1px #646263;
    }


.base-sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/FooterIcons2.png);
    zoom: 40%;
}

@media only screen and (max-width: 1198px) {
    .base-sprite {
        zoom: 30%;
    }
}

@media only screen and (max-width: 990px) {
    .base-sprite {
        zoom: 28%;
    }
}

@media only screen and (max-width: 766px) {
    .logo-set.logo-payment {
        width: 100%;
    }
}


.logo-Amex {width:250px; height:123px; background-position: -1px -1px}
.logo-ApplePay {width:250px; height:123px; background-position: -1px -126px; }
.logo-DHL {width:250px; height:123px; background-position: -1px -251px}
.logo-GPay {width:250px; height:123px; background-position: -1px -376px; }
.logo-Mastercard {width:250px; height:123px; background-position: -1px -501px}
.logo-PayPal {width:250px; height:123px; background-position: -1px -751px}
.logo-PayPal-Credit {width:250px; height:123px; background-position: -1px -626px}
.logo-Visa {width:250px; height:123px; background-position: -1px -876px}
.logo-Panther {width:250px; height:123px; background-position: -1px -1001px}


.footer .store-phone-number {
    color: #dbdbdb;
    font-size: 21px;
    vertical-align: bottom;
    padding-left: 21px;
    border-left: solid 1px #333;
}

.footer h5 {
    color: white;
    font-size: 21px;
    padding-bottom: 10px;
    font-family: 'Open sans Condensed';
}

.footernew h5 {
    color: white;
    font-size: 18px;
    padding-bottom: 10px;
    font-family: 'Open sans Condensed';
}



/* Old style footer */

.pagelinks {
    float: left;
    width: 200px;
}

    .pagelinks ul {
        padding-left: 0px;
    }

        .pagelinks ul li {
            padding: 0px;
            margin-left: 0px;
            list-style-type: none;
            padding: 0px 0px 2px 0px;
        }

            .pagelinks ul li a {
                color: #dbdbdb;
                text-decoration: none;
            }

                .pagelinks ul li a:hover, .page-base-links .pagelinks ul li a:active {
                    color: white;
                    text-decoration: none;
                }

.page-base-social {
}

.social-container {
    margin: 0 auto;
    width: 200px;
    text-align: center;
    padding-left: 20px;
    padding-top: 10px;
}

.page-base-social .social-link {
    margin-right: 10px;
    font-size: 26px;
    font-weight: normal;
    margin-top: 15px;
    vertical-align: bottom;
}

    .page-base-social .social-link a {
        color: #919191;
        text-decoration: none;
    }

        .page-base-social .social-link a:hover, .page-base-social .social-link a:active {
            color: #fff;
        }

.panasonic-copyright {
    display: block;
    padding: 7px 0;
    text-align: center;
}

    .panasonic-copyright span {
        width: 33%;
        text-align: center;
        display: block;
        float: left;
    }

        .panasonic-copyright span a {
            text-decoration: none;
            color: inherit;
        }

.page-base-social {
    text-align: center;
}

    .page-base-social span.socialicon {
        display: inline-block;
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: url(images/socialicons.png);
    }

    .page-base-social a:hover span.socialicon {
        padding-bottom: 1px;
    }

    .page-base-social .pinterest {
        width: 20px;
        height: 20px;
        background-position: -2px -2px;
    }

    .page-base-social .email {
        width: 20px;
        height: 20px;
        background-position: -24px -2px;
    }

    .page-base-social .facebook {
        width: 20px;
        height: 20px;
        background-position: -46px -2px;
    }

    .page-base-social .googleplus {
        width: 20px;
        height: 20px;
        background-position: -68px -2px;
    }

    .page-base-social .twitter {
        width: 20px;
        height: 20px;
        background-position: -90px -2px;
    }

    .page-base-social .youtube {
        width: 20px;
        height: 20px;
        background-position: -112px -2px;
    }


/* [3.6 Inline shopping basket] */
/* [3.6 Inline shopping basket] */
.mini-basket {
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
    padding: 5px;
    background: #383838;
    width: 320px;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 100;
}

    .mini-basket .mini-basket-inner {
        -webkit-border-radius: 5px 0px 5px 5px;
        border-radius: 5px 0px 5px 5px;
        background: white;
        overflow: hidden;
    }

.lt-ie8 .mini-basket a.basket-scroll-button {
    filter: none;
}

.mini-basket .basket-items {
    height: 200px;
    overflow: auto;
    position: relative;
}

    .mini-basket .basket-items ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        top: 0;
    }

    .mini-basket .basket-items .basket-item {
        padding: 5px;
        border-bottom: 1px solid #dddddd;
        overflow: hidden;
        height: 70px;
    }

        .mini-basket .basket-items .basket-item .basket-item-image {
            float: left;
            width: 85px;
        }

            .mini-basket .basket-items .basket-item .basket-item-image img {
                display: block;
                margin: 0 auto;
                width: 85px;
            }


        .mini-basket .basket-items .basket-item .basket-item-line {
            width: 290px;
        }

        .mini-basket .basket-items .basket-item .basket-item-details {
            float: left;
            width: 105px;
            color: #5d5d5d;
        }

            .mini-basket .basket-items .basket-item .basket-item-details .basket-item-title {
                color: #32adce;
                text-decoration: underline;
                display: block;
            }

        .mini-basket .basket-items .basket-item .basket-item-description .basket-item-link {
            color: #32adce;
            text-decoration: underline;
            display: block;
        }

        .mini-basket .basket-items .basket-item .basket-item-details .basket-item-code {
            display: block;
        }

        .mini-basket .basket-items .basket-item .basket-item-price {
            display: block;
            width: 60px;
            float: right;
            font-size: 15px;
            vertical-align: top;
            font-weight: 600;
            text-align: right;
            color: red;
        }

        .mini-basket .basket-items .basket-item .basket-item-details .basket-product-price.reduced {
            font-size: 10px;
            font-size: 0.833rem;
        }

li.basket-item.new-basket-item {
    background-color: #EEFFEE;
}

.mini-basket .basket-items .basket-item .basket-item-details .basket-product-price.reduced .now {
    color: #e70828;
    font-size: 12px;
    font-size: 1rem;
}

.mini-basket .basket-items .basket-item .basket-item-details .basket-product-price.reduced .was {
    font-size: 12px;
    font-size: 1rem;
}

.mini-basket .basket-footer {
    background: #f7f7f7;
    padding: 16px 16px 13px 16px;
    overflow: hidden;
}


    .mini-basket .basket-footer .basket-total {
        display: block;
        text-align: right;
        color: #2e2e2e;
        font-size: 1.333em;
    }

    .mini-basket .basket-footer .basket-subtotal {
        display: block;
        text-align: right;
        color: #2e2e2e;
    }



/* Graphical dropdown */


.dd-select {
    border-radius: 2px;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
}

.dd-desc {
    color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.4em;
}

.dd-selected {
    overflow: hidden;
    display: block;
    padding: 10px;
    font-weight: bold;
}

.dd-right {
    color: red;
    font-size: 16px;
}

.dd-selected:hover {
    text-decoration: none;
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border: solid 5px transparent;
    border-top: solid 5px #000;
}



.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #000 !important;
    margin-top: -8px;
}

.dd-options {
    border: solid 1px #ccc;
    border-top: none;
    list-style: none;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
    position: absolute;
    z-index: 2000;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto;
}

.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none;
}

.dd-option:hover {
    background: #f3f3f3;
    color: #000;
}

.dd-selected-description-truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-option-selected {
    background: #fff;
}

.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    min-width: 50px;
    min-height: 50px;
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px;
}

.dd-container {
    position: relative;
}

.dd-selected-text {
    font-weight: bold;
    font-size: 18px;
}




/*-------------------------------------------------------------------
3.7 Checkout Pages
*/

.checkoutpage.login {
    padding: 10px;
}

.checkoutpage.basket {
    border-left: solid 1px #ccc;
    padding: 10px 20px 10px 20px;
    background: #f7f7f7;
    min-height: 600px;
}

.checkoutpage.login .email-address {
    padding: 15px 0px 15px 0px;
}

    .checkoutpage.login .email-address label {
        width: 50px;
    }

.checkoutpage.login .login-choice {
    padding: 0px 0px 15px 50px;
}

    .checkoutpage.login .login-choice ul {
        padding: 0px;
        list-style-type: none;
    }


        .checkoutpage.login .login-choice ul li {
            display: block;
            margin-left: 20px;
            padding-top: 10px;
        }

.errorLg {
    font-family: 'Open Sans Condensed';
    font-weight: 600;
    color: Red;
    padding: 20px;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}

.checkoutpage.login .login-choice ul input[type="radio"] {
    float: left;
    margin-left: -20px;
}

.checkoutpage .buttons {
    float: right;
}

.checkoutpage.basket table.basket tbody tr td {
    padding: 3px;
}

    .checkoutpage.basket table.basket tbody tr td.lineqty,
    .checkoutpage.basket table.basket tbody tr td.lineprice,
    .checkoutpage.basket table.basket tbody tr td.bskttotal {
        text-align: right;
        width: 20%;
    }




.title-and-button {
    display: block;
    padding-top: 15px;
}

    .title-and-button h2 {
        float: left;
        display: inline;
        width: 50%;
        padding: 0px;
        margin: 0px;
    }

    .title-and-button .button {
        float: right;
        display: inline;
    }

.bottombuttons {
    text-align: right;
    padding-bottom: 15px;
}

    .bottombuttons a {
        margin-left: 12px;
    }



.order-summary .summary {
    /* box-sizing: border-box; 
	background: #d1e7ed;
	padding: 4px 9px;
	border: 1px solid #c0d8df;*/
    min-height: 60px;
}

    .order-summary .summary div {
        min-height: 40px;
        box-sizing: border-box;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 40px;
        float: left;
        display: inline;
    }

    .order-summary .summary .delivery {
        width: 250px;
        border-right: 1px solid #c0d8df;
        padding-left: 32px;
        padding-right: 30px;
        position: relative;
    }

        .order-summary .summary .delivery .icon {
            font-size: 18px;
            width: 32px;
            display: inline-block;
            text-align: center;
            color: #9a9b9c;
            position: absolute;
            left: 0;
            top: 10px;
        }

    .order-summary .summary .text {
        width: 260px;
    }

#checkoutminicart {
    width: 416px;
    background: white;
    padding: 10px 15px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 15px;
}

    #checkoutminicart .row {
        padding-bottom: 7px;
    }


        #checkoutminicart .row.cart-totals {
            border-top: 1px dotted #ccc;
            padding-top: 7px;
        }

        #checkoutminicart .row.cart-total {
            font-size: 18px;
            font-weight: bold;
        }

#wpAmountTotal {
    border: solid 6px #E4E3DE;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: bold;
}

.addrbox-modal {
    z-index: 10;
    background: white;
    padding: 10px;
    position: relative;
    border: solid 1px #555;
}

.opcfield-company {
    width: 80%;
}

.opc-stagebox {
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 28px;
    font-weight: 600;
    overflow: hidden;
    margin-bottom: 10px;
}

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

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

    .opc-stagebox div {
        float: left;
    }

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

    .opc-stagebox .opc-stagenumber {
        padding: 5px 20px;
        margin-right: 5px;
        background-color: #ccc;
        display: inline-block;
        float: right;
    }

#opc-complete-order-subtext {
    margin-bottom: 20px;
    background: white;
    border-radius: 10px;
    padding: 10px 20px 0 20px;
}

    #opc-complete-order-subtext .title {
        font-weight: bold;
        color: red;
    }

.checkoutminicart h1 {
    margin: 0 0 20px 0;
}

.opc-edit-basket {
    padding-top: 10px;
    text-align: right;
    color: #555;
}

    .opc-edit-basket a {
        color: #555;
        text-decoration: none;
    }

        .opc-edit-basket a:hover {
            color: #11a0c5;
            font-weight: bold;
            text-decoration: underline;
        }

.lt-ie8 {
}

#checkoutminicart .mini-cart-header div {
    border-bottom: dotted 1px #ccc;
    padding-bottom: 3px;
    margin-bottom: 5px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 110%;
}

.order-summary .totals dl {
    color: #323232;
    padding: 0;
    margin: 2px 0 0 0;
    border-top: 1px solid #b3b3b3;
    clear: both;
    font-size: 14px;
}


    .order-summary .totals dl dt,
    .order-summary .totals dl dd {
        padding: 4px 0;
    }

    .order-summary .totals dl dt {
        float: left;
        clear: right;
    }

    .order-summary .totals dl dd {
        float: right;
        font-weight: 400;
    }

    .order-summary .totals dl.total {
        font-size: 20px;
        font-weight: 400;
    }

.order-summary .buttons {
    text-align: right;
}

    .order-summary .buttons a {
        margin-left: 12px;
    }

.order-summary .delivery-options {
    color: #4f4f4f;
    font-size: 12px;
    float: left;
    width: 90%;
}

    .order-summary .delivery-options .delivery-service-type td {
        color: #4f4f4f;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 0px 2px 0px;
        border-bottom: 1px solid #cccccc;
    }

        .order-summary .delivery-options .delivery-service-type td .icon {
            float: right;
        }

    .order-summary .delivery-options td.more-delivery-info {
        text-align: right;
        font-size: 10px;
    }

.order-summary tr.deliverytime {
    font-size: 11px;
    font-style: italic;
}


.order-summary .delivery-options .delivery-option {
    float: left;
    font-size: 12px;
    padding-bottom: 10px;
}

    .order-summary .delivery-options .delivery-option .title {
        font-weight: bold;
        font-size: 14px;
    }

    .order-summary .delivery-options .delivery-option .price {
        font-weight: bold;
        font-size: 16px;
        color: red;
        padding-left: 10px;
    }

.order-summary #delivopts {
    padding: 10px;
    background: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.order-summary .summary #delivopts div.deliv-opts-list {
    padding: 0px !important;
}

.order-summary .deliv-opts-list {
    width: 300px;
}

.order-summary .delivery-location {
    text-align: right;
    font-size: 11px;
    margin-bottom: 5px;
    width: 160px;
    padding-left: 0px;
}

    .order-summary .delivery-location .location-auto-suggest {
        margin: 5px 0px;
        width: 100px;
        text-align: center;
    }


#checkout-newcustomer {
    margin-top: 10px;
}


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 tr.totalrow.nobtmborder td {
        font-weight: bold;
        border-bottom: none;
    }


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

.opc-displaycheckaddress p {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.opc-ordercheck.modal.bootstrap-dialog .modal-dialog .modal-header {
    background-color: #000;
}

.opc-ordercheck .modal-body {
    overflow: hidden;
}


.shopping-basket #got-a-voucher {
    padding-bottom: 10px;
    font-size: 22px;
    font-family: 'Open Sans Condensed',Arial;
    font-weight: bold;
    color: black;
}

.checkout-voucher-request {
    padding: 5px 0 20px 0;
    overflow: hidden;
}

    .checkout-voucher-request div {
        padding-bottom: 5px;
    }

    .checkout-voucher-request .title {
        padding-bottom: 0px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        font-size: 14px;
    }

    .checkout-voucher-request input {
        padding: 5px;
    }

    .checkout-voucher-request a.button.small {
        margin-left: 5px;
        padding: 4px 6px;
    }

    .checkout-voucher-request .voucher-left {
        float: left;
        width: 35%;
    }

    .checkout-voucher-request .voucher-right {
        float: right;
        width: 60%;
        text-align: right;
    }

.delivery-details-modal .modal-header {
    background-color: #2f96b4;
    color: white;
}

.delivery-details-modal .modal-title {
    font-size: 2em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: white;
}
/*------------------------------------------------------------------------
[3.8 Account pages]
--------------------------------------------------------------------------*/


#accountpage .order-history .header-row {
    padding: 10px 0;
    font-weight: bold;
    background: #eee;
    background: linear-gradient(#eee, #fff);
}

    #accountpage .order-history .header-row > div {
        vertical-align: baseline;
    }

#accountpage .order-history .order-row > div {
    margin-bottom: 5px;
}

#accountpage .order-detail-row {
    margin: 5px 0;
    border-bottom: dotted 1px #555;
    padding: 5px 0 15px 0;
}

#accountpage .btn {
    margin-bottom: 5px;
}

.addressdatalist .addressKey {
    margin-bottom: 10px;
    overflow: hidden;
}

    .addressdatalist .addressKey .keybox {
        width: 30px;
        height: 30px;
        background-color: #ddf;
        float: left;
        margin-right: 5px;
        border: solid 1px #ccc;
    }

.addressdatalist {
}

.addressButtons {
    padding-top: 10px;
}

.addressdatalist .addrbox {
    padding: 0 5px 0 5px;
    overflow: hidden;
}

    .addressdatalist .addrbox.selectedAddress .addrboxinner {
        background-color: #ddf;
    }

    .addressdatalist .addrbox.selectedAddress #ibMakePrimary {
        display: none;
    }

.addressdatalist .addrboxinner {
    padding: 15px;
    border: solid 1px #ccc;
}

.addressdatalist .address-grid-bottom {
    overflow: hidden;
}

.cust-login-page h2 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.account-delivery-address, .account-billing-address {
    padding-bottom: 20px;
}

    .account-delivery-address h3, .account-billing-address h3 {
        font-size: 14px;
    }

.account-add-address {
    padding-top: 10px;
}

table.order-history thead {
    background-color: rgb(209, 231, 237);
}

    table.order-history thead th {
        padding: 8px 0px 8px 0px;
    }

table.order-history tbody tr td {
    padding: 10px 3px 5px 3px;
    border-bottom: 1px dotted #AAA;
    background-color: #FDFDFD;
}

table.order-history tbody tr:last-child td {
    border-bottom: none;
}


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

.nomenupage .create-account h3 {
    font-size: 150%;
    margin-top: 10px;
}

.dobctrl {
    border: solid 2px transparent;
}

    .dobctrl.baddate {
        border: solid 2px red;
        color: red;
    }
/*------------------------------------------------------------------
[X. Buttons]
*/


.button {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-decoration: none;
    position: relative;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
}

    .button:hover {
        -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    }

    .button:active {
        top: 1px;
    }

    .button.xsmall {
        font-size: 12px;
        font-size: 1rem;
        padding: 3px 5px 0px;
    }

    .button.small {
        font-size: 13px;
        font-size: 1.083rem;
        padding: 6px 7px;
    }

    .button.medium {
        font-size: 13px;
        font-size: 1.083rem;
        padding: 7px 15px;
    }

    .button.large {
        font-size: 15px;
        font-size: 1.250rem;
        padding: 9px 16px;
    }

    .button.blue {
        color: white !important;
        text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
        border: 1px solid #0591b1;
        background: rgb(14,171,207); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(14,171,207,1) 0%, rgba(2,153,188,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,171,207,1)), color-stop(100%,rgba(2,153,188,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(14,171,207,1) 0%,rgba(2,153,188,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(14,171,207,1) 0%,rgba(2,153,188,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(14,171,207,1) 0%,rgba(2,153,188,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(14,171,207,1) 0%,rgba(2,153,188,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eabcf', endColorstr='#0299bc',GradientType=0 ); /* IE6-9 */
    }

        .button.blue:hover {
            background: #09b7e0;
            filter: none;
        }

    .button.grey {
        color: #4c4c4c !important;
        border: 1px solid #c1c1c1;
        background: rgb(241,241,241); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(223,223,223,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(223,223,223,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(223,223,223,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(223,223,223,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(223,223,223,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(223,223,223,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
    }

        .button.grey:hover {
            color: #2e2e2e;
            background: #f2f2f2;
            filter: none;
        }

    .button.white {
        color: #595959 !important;
        border: 1px solid #bebfbe;
        background: white;
    }

        .button.white:hover {
            background: #f5f5f5;
            filter: none;
        }

    .button.black {
        color: white !important;
        border: 1px solid #272626;
        background: rgb(70,68,68); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(70,68,68,1) 0%, rgba(39,38,38,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,68,68,1)), color-stop(100%,rgba(39,38,38,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(70,68,68,1) 0%,rgba(39,38,38,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(70,68,68,1) 0%,rgba(39,38,38,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(70,68,68,1) 0%,rgba(39,38,38,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(70,68,68,1) 0%,rgba(39,38,38,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464444', endColorstr='#272626',GradientType=0 ); /* IE6-9 */
    }

        .button.black:hover {
            background: #2c2b2b;
            filter: none;
        }



/*------------------------------------------------------------------
[X. Breadcrumbs]
*/
.breadcrumbs {
    list-style: none;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 10px 0 0 0;
}

    .breadcrumbs li {
        float: left;
    }

    .breadcrumbs .back {
        padding-right: 10px;
    }

    .breadcrumbs .breadcrumb {
        font-size: 11px;
        font-size: 0.917em;
        padding: 3px 0 2px 0;
        font-weight: 600;
        background-color: transparent;
    }

        .breadcrumbs .breadcrumb a {
            text-decoration: none;
        }

    .breadcrumbs .active {
        color: #686868;
    }

    .breadcrumbs .divider {
        padding: 0 5px;
    }

/*------------------------------------------------------------------
[X. Autocomplete]
*/
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
    text-align: left;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #0d88b7;
    color: white;
}

.autocomplete-suggestions strong {
    font-weight: bold;
}

/*------------------------------------------------------------------
[X. Pagination]
*/


.searchpaging {
    padding: 20px 0 10px 0;
}

#searchpaging-xs {
    padding: 10px 10px 10px 0;
    text-align: right;
}

.pagination {
    margin: 0;
}

    .pagination ul {
        list-style: none;
        padding: 0;
        display: inline-block;
    }

        .pagination ul > li {
            display: inline;
        }

    .pagination li.active span {
        color: #5d5d5d;
    }

.pagination-left {
    text-align: left;
}

.pagination-center {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-fancy {
}

    .pagination-fancy a,
    .pagination-fancy span {
        text-decoration: none;
        padding: 8px 12px 8px 12px;
        margin: 0 2px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .pagination-fancy a {
        color: #5d5d5d;
        border: 1px solid #c1c1c1;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    }

        .pagination-fancy a:hover {
            background: #f2f2f2;
            -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
        }

    .pagination-fancy li.disabled span {
        background: #f2f2f2;
        border: 1px solid #c1c1c1;
        -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    }

    .pagination-fancy li.active span {
        background: #474747;
        color: white;
        border: 1px solid #474747;
    }

    .pagination-fancy li.ellipsis span {
        position: relative;
        top: 7px;
    }

/*------------------------------------------------------------------
[X. Slider]
*/
.royalSlider {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

    .royalSlider > .rsImg {
        visibility: hidden;
        display: none;
    }


    .royalSlider > img.rsImg.loadyoutube {
        border: solid 2px red;
    }

.rsBullets {
    display: block;
    width: 974px;
    text-align: center;
    padding: 10px 0;
    height: 13px;
}

    .rsBullets .rsBullet {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .rsBullets .rsBullet span {
            height: 13px;
            width: 13px;
            background: transparent url('images/bullets.png') no-repeat -13px top;
            float: left;
        }

    .rsBullets .rsNavSelected span {
        background-position: 0 0;
    }

.rsThumbsHor {
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
}


    .rsThumbsHor .rsThumbsContainer {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .rsThumbsHor .rsThumb {
        width: 60px;
        height: 51px;
        border: 2px solid white;
        z-index: 999;
    }

        .rsThumbsHor .rsThumb img {
            max-width: 60px;
            height: 51px;
        }

        .rsThumbsHor .rsThumb:hover {
            border-color: #0aa5c9;
        }

    .rsThumbsHor .rsThumbsArrow {
        height: 42px;
        width: 23px;
        position: absolute;
        top: 5px;
        display: block;
        cursor: pointer;
        z-index: 21;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #d4d4d4;
        background: rgb(244,244,244); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    }

    .rsThumbsHor .rsThumbsArrowRight {
        right: 0;
    }

    .rsThumbsHor .rsThumbsArrowLeft {
        left: 0;
    }

    .rsThumbsHor .rsThumbsArrowIcn {
        height: 10px;
        width: 7px;
        background: transparent url('images/arrows.png') no-repeat left top;
        position: absolute;
        left: 8px;
        top: 16px;
    }

    .rsThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
        background-position: -7px 0;
    }

    .rsThumbsHor .rsThumbsArrowDisabled {
        display: none;
    }

.rsGrey .rsBullets {
    border: 1px solid #b3b3b3;
    background: rgb(244,244,244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(179,179,179,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(179,179,179,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(179,179,179,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(179,179,179,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
}

.loadiSite {
    cursor: pointer;
}


.rsPlayButton {
    width: 117px;
    height: 88px;
    background: url(images/youtubeplay.png);
    z-index: 1000;
    position: relative;
    left: 175px;
    top: -250px;
}
/*------------------------------------------------------------------
[X. Icons]
*/
.icon {
    font-family: 'icomoon';
}

    .icon.small {
        font-size: 12px;
        font-size: 1rem;
    }

    .icon.medium {
        font-size: 13px;
        font-size: 1.083rem;
    }

    .icon.large {
        font-size: 15px;
        font-size: 1.250rem;
    }

/*------------------------------------------------------------------
[X. Stars]
*/
.star {
    display: inline-block;
    width: 15px;
    height: 13px;
}

    .star.on {
        background: url('images/star-on.png') no-repeat;
    }

    .star.quarter {
        background: url('images/star-quarter.png') no-repeat;
    }

    .star.half {
        background: url('images/star-half.png') no-repeat;
    }

    .star.three-quarters {
        background: url('images/star-three-quarters.png') no-repeat;
    }

    .star.off {
        background: url('images/star-off.png') no-repeat;
    }

/*------------------------------------------------------------------
[X. Prices]
*/

.price span {
    display: block;
    text-align: right;
    font-size: 14px;
}

.product-grid span.image img.lazyload {
    max-width: 100%;
    margin: 0 auto;
}

.product-grid div.lazyload {
    opacity: 0;
    transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
}

.product-grid .stock {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: "Open Sans Condensed",Arial,sans-serif
}

.product-grid .instock {
    color: green;
    text-align: center;
    font-weight: bold;
}

.product-grid div.lazyloaded {
    opacity: 1;
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 700ms;
    -moz-transition: all 700ms;
    -o-transition: all 700ms;
    -webkit-transition: all 700ms;
}

.product-grid div.search-energylabel,
.home-grid div.search-energylabel {
    text-align: center;
}

.product-grid img.search-energy,
.home-grid img.search-energy {
    max-height: 20px;
    z-index: 10;
    position: absolute;
    right: 10px;
    top: 7px;
}


.product-grid .price span {
    text-align: right;
}

.price span.sale {
    font-weight: bold;
    text-align: center;
    color: #e70828;
    font-family: 'Open Sans Condensed';
    font-size: 170%;
}

.price span.was {
    font-weight: normal;
    color: #7a7a7a;
    font-size: 12px;
}

    .price span.was span {
        display: inline !important;
        text-decoration: line-through;
    }

.price span.save {
    font-weight: normal;
    color: #100f14;
    font-size: 12px;
}

.price span.reg {
    font-weight: bold;
    color: #323232;
}

.price span.bsktdiscprice {
    font-weight: bold;
    font-size: 24px;
    color: #323232;
    font-family: 'Open Sans Condensed';
}

.price.wasPriceOuter {
    color: red;
    text-decoration: line-through;
}

.price span.bsktregprice {
    color: #666;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Open Sans Condensed';
}

span.before-discount {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-decoration: line-through;
}

dl.total dd {
    text-align: right;
}


.existing-promotions .promo-code {
    display: inline-block;
    width: 20%;
}

.existing-promotions .promo-remove {
    display: inline-block;
    width: 20%;
    text-align: right;
}

.existing-promotions .promo-desc {
    display: inline-block;
    width: 58%;
}

.gradient, .row.gradient, .container.gradient {
    background: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(2,2,2,0.07) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(2,2,2,0.07))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(2,2,2,0.07) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(2,2,2,0.07) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(2,2,2,0.07) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%,rgba(2,2,2,0.07) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ffffff', endColorstr='#12020202',GradientType=0 ); /* IE6-9 */
}

.gradient-inv {
}

/*------------------------------------------------------------------
[X. Wishlist]
*/

table.wishlist-contents {
    width: 100%;
}

    table.wishlist-contents td.thumb img {
        width: 200px;
    }


/*------------------------------------------------------------------
[X. Basket]




*/



.basket-head {
    font-size: 15px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    color: #777;
    padding-bottom: 5px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 10px;
    padding-top: 50px;
    overflow: hidden;
}

.shopping-basket img.product {
    border: solid 5px white;
}

.shopping-basket span.title {
    font-size: 20px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
}

.shopping-basket .row.basket-parent {
    padding-top: 10px;
    padding-bottom: 20px;
}

.shopping-basket .product-qty-buy-box {
    overflow: hidden;
    padding-top: 0;
}

    .shopping-basket .product-qty-buy-box select {
        float: right;
        font-size: 15px;
        border-radius: 4px;
    }

.shopping-basket .price .reg {
    font-size: 24px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
}

.shopping-basket div.description {
    font-size: 14px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    padding-bottom: 5px;
}

.shopping-basket .row.basket-child span.title {
    font-size: 18px;
    color: #555;
}

.shopping-basket .removeitem {
    padding-top: 10px;
    padding-bottom: 5px;
}

.shopping-basket .row.basket-child div.description {
    color: #888;
}

.shopping-basket .voucher-line .title,
.shopping-basket .voucher-line .description {
    font-size: 20px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    margin: 0;
}

.shopping-basket .row.voucher-line {
    background: #ebebeb;
    padding: 20px;
    margin-bottom: 30px;
}

    .shopping-basket .row.voucher-line .input-group-addon {
        background-color: #000;
        color: #fff;
        font-family: 'Open Sans Condensed';
        font-weight: bold;
    }

.shopping-basket .totals {
    border-top: solid 1px #ccc;
    padding-top: 10px;
    padding-right: 0;
}

    .shopping-basket .totals .sub-total-line {
        margin-bottom: 10px;
        overflow: hidden;
        clear: both;
        vertical-align: middle;
        clear: both;
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 24px;
        font-weight: bold;
    }

    .shopping-basket .totals .voucher-totals {
        margin-bottom: 10px;
        overflow: hidden;
        clear: both;
        vertical-align: middle;
        clear: both;
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 24px;
        font-weight: bold;
    }

    .shopping-basket .totals .total-title {
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

    .shopping-basket .totals .textright {
        padding-right: 0;
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 24px;
        font-weight: bold;
    }

    .shopping-basket .totals .total-line {
        margin-bottom: 10px;
        overflow: hidden;
        vertical-align: middle;
        margin-top: 20px;
        padding-top: 10px;
        border-top: solid 1px #ccc;
    }

    .shopping-basket .totals .info-line {
        margin-bottom: 10px;
        overflow: hidden;
        vertical-align: middle;
        margin-top: 30px;
    }

    .shopping-basket .totals .total-line .textright {
        padding-right: 0;
        font-family: 'Open Sans Condensed';
        font-weight: bold;
        font-size: 44px;
        line-height: 1;
    }

.shopping-basket .delivery-services {
    overflow: hidden;
}

    .shopping-basket .delivery-services .delivery-list {
        margin-bottom: 10px;
        overflow: hidden;
        z-index: 1000;
        clear: both;
    }



    .shopping-basket .delivery-services h1 {
        font-size: 22px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #777;
    }


    .shopping-basket .delivery-services h2 {
        margin: 20px 0 10px 0;
        color: #999;
        clear: both;
    }

        .shopping-basket .delivery-services h2:first-child {
            margin: 0px 0 10px 0;
            color: #999;
        }

.shopping-basket .up-sell-pointer {
    width: 0;
    height: 0;
    margin-left: 20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ddd;
}

.shopping-basket .up-sell-line {
    overflow: hidden;
    background-color: #ddd;
    margin-bottom: 7px;
    padding: 10px 0 7px 0;
    border-bottom: 1px dotted #ccc;
}

    .shopping-basket .up-sell-line h3 {
        margin: 0 0 5px 0;
    }

        .shopping-basket .up-sell-line h3.salesmessage {
            color: black;
        }

.shopping-basket .cross-sell {
    background-color: white;
    border-radius: 5px;
    padding: 10px 0;
}


.shopping-basket .x-sell-line h3 {
    margin-top: 0;
}

.shopping-basket .stock-message {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.delivery-services #deliveryOptions {
    font-size: 14px;
    padding: 5px;
    font-family: 'Open Sans Condensed';
    width: 100%;
    font-weight: bold;
    margin-right: 5px;
}

    .delivery-services #deliveryOptions option {
        font-weight: bold;
    }

table.basket {
    width: 100%;
}

    table.basket thead {
        border: 1px solid #c1c1c1;
    }

        table.basket thead th {
            text-align: left;
            font-size: 13px;
            color: #323232;
            padding: 10px 0;
        }

            table.basket thead th:first-child,
            table.basket tbody td:first-child {
                padding-left: 12px;
            }

            table.basket thead th:last-child,
            table.basket tbody td:last-child {
                padding-right: 5px;
            }

            table.basket thead th.price {
                text-align: right;
            }

    table.basket ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    table.basket tr {
        border-top: 1px solid #d1d1d1;
    }

        table.basket tr:first-child {
            border-top: 0;
        }

        table.basket tr.bsktchildline {
            border-top: 0;
        }

        table.basket tr.bsktpromoheader {
            border-top: 1px dotted #CCC;
        }


        table.basket tr td {
            padding: 10px 0;
            vertical-align: top;
        }

    table.basket td.thumb {
        width: 220px;
    }

    table.basket td.details {
        width: 384px;
    }

    table.basket td.quantity {
        width: 132px;
    }

    table.basket td.delivery {
        width: 150px;
    }

    table.basket td.price {
        width: 135px;
    }

    table.basket td.thumb {
        text-align: center;
    }

    table.basket tr.bsktparentline td.thumb img {
        width: 200px;
    }

    table.basket tr.bsktchildline td.thumb img {
        float: right;
    }

    table.basket td.quantity span.noeditqty {
        display: block;
        border: 1px solid #ABADB3;
        width: 20px;
        height: 15px;
        text-align: right;
        padding: 6px;
        background-color: #F5F5F5;
        margin-bottom: 5px;
    }

    table.basket td.details .title {
        font-weight: bold;
    }

    table.basket td.details .description {
        color: #323232;
    }

    table.basket td.quantity input {
        margin-bottom: 8px;
        width: 20px;
        padding: 6px;
    }

    table.basket td.quantity a {
        text-decoration: none;
    }

    table.basket td.delivery li {
        margin-bottom: 3px;
    }

        table.basket td.delivery li input {
            margin-right: 5px;
            color: #b1b1b1;
        }

        table.basket td.delivery li label .icon {
            display: inline-block;
            text-align: center;
            width: 23px;
            color: #9a9b9c;
        }


    table.basket td div.cartline-error {
        margin: 10px;
        padding: 10px;
        background-color: #FF5555;
        color: White;
    }

/* Returns Page */

#returnspage .returnheader {
    font-weight: bold;
    background: linear-gradient(#eee, #fff);
    padding: 10px 0;
}

#returnspage .product-qty-box {
    overflow: hidden;
    padding-top: 0;
}

    #returnspage .product-qty-box select {
        float: right;
        font-size: 15px;
        padding: 10px;
        border-radius: 4px;
    }

#returnspage .returnrow {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px 0;
}

    #returnspage .returnrow.selected {
        background-color: #ddd;
        border-radius: 5px;
    }

#returnform {
    border-radius: 5px;
    background-color: white;
    overflow: hidden;
    padding: 15px 25px 15px 10px;
    margin-bottom: 10px;
}
/*------------------------------------------------------------------
[X. Input Fields]
*/
div.input {
    margin: 5px 0;
    clear: both;
}

    div.input > span,
    div.input > label {
        font-size: 12px;
        color: #4f4f4f;
        text-align: right;
        display: inline-block;
        width: 130px;
        color: #4f4f4f;
        vertical-align: middle;
        line-height: 35px;
        padding-right: 5px;
    }


    div.input > label {
        text-align: left;
        font-weight: normal;
    }

    div.input span.error {
        color: Red;
        width: auto;
    }

    div.input input[type="text"], div.input input[type="password"], div.input select {
        display: inline;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 3px 5px;
        border: 1px solid #AAA;
        min-height: 17px;
        margin-right: 5px;
    }

    div.input select {
        width: 250px;
    }



        div.input select.title-dropdown {
            width: 80px;
        }

    div.input input.title {
        width: 80px;
    }

    div.input input.phonenumber, div.input input.email, div.input input.housenumber, div.input.fulladdress input {
        width: 215px;
    }

    div.input select.afdresults {
        width: 380px;
    }

    div.input span.checkbox-text {
        width: auto !important;
        padding-left: 10px;
        line-height: normal;
        text-align: left;
        vertical-align: baseline;
    }

    div.input.fulladdress, div.form-group.fulladdress {
        display: none;
    }

    div.input span.checkboxtext {
        width: 150px !important;
        padding-left: 10px;
        line-height: normal;
        text-align: left;
        vertical-align: baseline;
    }

.validation-messages {
    float: right;
    font-style: italic;
}

.main-search {
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 0px 7px 0px rgba(2, 2, 2, 0.32);
    padding: 15px 20px;
    width: 430px;
    height: 65px;
}


    .main-search input[type="text"] {
        border-right: 0 none;
        float: left;
        height: 12px;
        padding: 12px 14px 8px 12px;
        width: 250px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        border-right: 0;
    }

    .main-search button {
        width: 100px;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.error-alert {
    color: #cf0202;
    display: block;
    border: 1px solid #ff9595;
    padding: 10px 10px 10px 39px;
    background: #f8dcdc url('images/error-alert.png') 11px center no-repeat;
    -webkit-border-radius: 3px;
    border-radius: 4px;
}

.validationError, .error-field .message {
    display: inline;
    margin-left: 10px;
    color: #cf0202;
    padding-left: 25px;
    background: url('images/error-inline.png') 5px center no-repeat;
    width: auto !important;
}


#pnlOrderHistory {
    margin-bottom: 20px;
}

.password-reminder {
    padding: 10px;
    background: #F5F5F5;
    margin-left: 40px;
    width: 300px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

    .password-reminder .icon {
        float: left;
        font-size: 24px;
        color: #999;
        padding: 0px;
    }

.password-reminder-inner {
    display: block;
    width: 250px;
    margin-left: 10px;
    float: left;
}

.account-details-password {
    margin-bottom: 30px;
}


.account-customer-password {
    float: right;
    background: #EEE;
    padding: 0px 10px;
    display: inline;
    width: 330px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.control-validation-error {
    border: 2px solid red !important;
}

.error-field input[type="text"] {
    border: 2px solid #ff5f5f;
}

.info-alert {
    color: #000;
    display: block;
    border: 1px solid #9595ff;
    padding: 10px 10px 10px 39px;
    background: #dcdcf8 url('images/info-alert.png') 11px center no-repeat;
    -webkit-border-radius: 3px;
    border-radius: 4px;
}

.info-field .message {
    display: inline-block;
    color: #cf0202;
    padding-left: 25px;
    background: url('images/error-inline.png') 5px center no-repeat;
}

.info-field input[type="text"] {
    border: 2px solid #ff5f5f;
}

div.filter-bar:after {
    display: block;
    clear: both;
    content: "";
}

div.filter-bar .field {
    display: inline-block;
    padding: 10px 12px 11px 12px;
    float: left;
    /*box-sizing: border-box;*/
    border: 1px solid #c1c1c1;
    margin-left: -1px;
}

    div.filter-bar .field,
    div.filter-bar .field .dropdown-toggle,
    div.filter-bar .field label {
        font-size: 12px;
        height: 12px;
        line-height: 1;
        color: #5d5d5d;
        font-weight: 600;
    }

        div.filter-bar .field input,
        div.filter-bar .field label {
            margin: 0;
        }

        div.filter-bar .field.first {
            margin-left: 0;
            width: 180px;
        }

div.filter-bar .first {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

div.filter-bar .cb input {
    margin: -2px 5px 0 0;
}

div.filter-bar .cb label {
    display: inline;
}

div.filter-bar .dropdown {
    width: 180px;
    border: 1px solid #c1c1c1;
}

.dropdown-menu {
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-left: -1px;
}
/*
.dropdown .dropdown-toggle
{
    color: #323232;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    background: url('images/down-arrow.png') right center no-repeat;
}

/*.dropdown.open
{
    background: -moz-linear-gradient(top, rgba(2,2,2,0.07) 0%, rgba(255,255,255,0.07) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,2,2,0.07)), color-stop(100%,rgba(255,255,255,0.07))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* IE10+ */
/*background: linear-gradient(to bottom, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ffffff', endColorstr='#12020202',GradientType=0 ); /* IE6-9 */
/*}

    .dropdown.open .dropdown-menu
    {
        width: 100%;
        margin-top: 0;
        background: #fafafa;
    }

        .dropdown.open .dropdown-menu > li > a
        {
            padding-left: 7px;
            color: #3e3e3e;
        }

    .dropdown.open > .dropdown-menu > li > a:hover
    {
        background: #d1e7ec;
    }
    */
.filter-bar .btn-group {
    margin-left: -1px;
}

    .filter-bar .btn-group .btn {
        box-sizing: border-box;
        width: 44px;
        height: 35px;
        padding: 0;
        background: none !important;
    }

        .filter-bar .btn-group .btn:first-child {
            border-radius: 0;
            -webkit-border-radius: 0;
        }

        .filter-bar .btn-group .btn.active img {
            margin-top: 2px;
        }

        .filter-bar .btn-group .btn.active {
            background: -moz-linear-gradient(top, rgba(2,2,2,0.07) 0%, rgba(255,255,255,0.07) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,2,2,0.07)), color-stop(100%,rgba(255,255,255,0.07))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(2,2,2,0.07) 0%,rgba(255,255,255,0.07) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ffffff', endColorstr='#12020202',GradientType=0 ); /* IE6-9 */
        }



/*------------------------------------------------------------------
[X. Entertainment Grid]
*/

.side-menu {
    box-sizing: border-box;
    padding: 14px 11px;
    background: white;
    border: 1px solid #c6c6c6;
}

.side-menu {
    padding-top: 0;
}

    .side-menu ul {
        list-style: none;
        border-top: 1px solid #c6c6c6;
        padding: 12px 0;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        color: #4f4f4f;
    }

        .side-menu ul li {
            padding: 5px 0;
        }


.promo-roundel {
    position: absolute;
    z-index: 20;
    left: 15px;
    top: 15px;
}

.product-grid {
    margin: 10px 10px 0 10px;
    overflow: hidden;
}




    .product-grid ul {
        padding: 0;
        margin: 0;
    }

    .product-grid li {
        list-style: none;
        float: left;
    }

    .product-grid .product-grid-box,
    .home-grid .product-grid-box {
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #c6c6c6;
        /*margin: 0 10px 15px 5px;*/
        margin: 0 0 10px 0;
        padding: 5px;
        min-height: 610px;
        display: inline-block;
        position: relative;
    }

.home-grid .front-page-promotion-outer {
    width: 100%;
    text-align: center;
}

.home-grid .front-page-promotion {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c6c6c6;
    /*margin: 0 10px 15px 5px;*/
    margin: 0 auto 0 auto;
    padding: 0;
    height: auto;
    width: 100%;
    display: inline-block;
    position: relative;
}

.stockmessagefp {
    clear: both;
    font-weight: bold;
}

    .stockmessagefp .instock {
        color: green;
    }

.home-grid .promo-image {
    min-height: 190px;
}

.product-grid .product-grid-top .productimg,
.home-grid .product-grid-top .productimg {
    padding: 5px;
}


.product-grid .product-grid-btm,
.home-grid .product-grid-btm {
    padding: 0;
    min-height: 140px;
    margin-top: 5px;
    bottom: 5px;
    position: relative;
}


    .product-grid .product-grid-btm h4.title,
    .home-grid .product-grid-btm h4.title {
        margin: 0 0 5px 0;
        font-weight: bold;
        font-family: 'Open Sans Condensed';
        font-size: 20px;
        text-align: center;
        margin-bottom: 0;
    }


        .product-grid .product-grid-btm h4.title a,
        .product-grid .product-grid-btm h4.title a:visited,
        .product-grid .product-grid-btm h4.title a:active {
            color: #1f1f1f;
            text-decoration: none;
        }

            .product-grid .product-grid-btm h4.title a:hover {
                color: #2f96b4;
                text-decoration: none;
            }

    .product-grid .product-grid-btm h5.subtitle {
        margin: 5px 0 3px 0;
        font-weight: bold;
        font-family: 'Open Sans Condensed';
        font-size: 14px;
        text-align: center;
        color: #1f1f1f;
        min-height: 25px;
    }

.product-grid li .product-grid-btm .rating {
    vertical-align: middle;
    margin-top: 5px;
}

    .product-grid li .product-grid-btm .rating .count {
        font-size: 11px;
    }

.product-grid .product-grid-summary {
    display: none;
    text-align: justify;
    margin-bottom: 10px;
    padding: 5px 10px 0px 10px;
    font-size: 11px;
}

.product-grid li .price {
    text-align: right;
}

.product-grid .savebox {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #1f1f1f;
    min-height: 20px;
}

.product-grid .wasprice {
    display: inline;
    text-decoration: line-through;
}



.product-grid span.sale .promo-disc-text, div.column.pricing .promo-disc-text .disc-price {
    color: black;
    font-weight: bold;
    float: none;
    text-align: center;
}

    .product-grid .promo-disc-text span, div.column.pricing .promo-disc-text .disc-price span {
        display: inline;
        text-align: center;
        color: #e70828;
    }


.product-grid div.price .promo-disc-text.before-promo,
.product-grid div.price .promo-disc-text.before-promo .disc-price {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
}

    .product-grid div.price .promo-disc-text.before-promo .disc-price {
        font-weight: bold;
        text-decoration: line-through;
    }

.home-grid div.price .promo-disc-text {
    color: black;
    font-weight: bold;
    float: none;
    text-align: center;
    font-family: 'Open Sans Condensed';
}



    .home-grid div.price .promo-disc-text.before-promo {
        text-decoration: line-through;
        font-weight: normal;
        font-family: arial;
        font-size: 60%;
    }

.home-grid div.price span.promo-disc-text span {
    display: inline;
    text-align: center;
    color: #e70828;
}




.product-grid-box .actions {
    z-index: 5;
}

.product-grid-box .elipses {
    font-weight: bold;
    font-size: 120%;
}

.product-grid-box .actions, .front-page-promotion .actions {
    text-align: center;
    position: absolute;
    bottom: 5px;
    width: 100%;
    box-sizing: padding-box;
}



.product-grid .addtocart {
    width: 90%;
    margin: 0 auto 5px auto;
}

.product-grid li a {
    text-decoration: none;
}

    .product-grid li a:hover {
        text-decoration: none;
    }

.product-grid li h3.title {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    line-height: 16px;
    color: #2e2e2e;
    font-weight: 600;
}

#prodimgCarousel .carousel-inner .item {
    min-height: 360px;
    background-color: #fff;
    border-bottom: solid 10px #f5f5f5;
}

.prodimgCarouselOuter {
    background-color: #fff;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
}

    .prodimgCarouselOuter ul {
        margin-bottom: 0;
    }


    .prodimgCarouselOuter .slider-thumbs a {
        display: inline-block;
        z-index: 10999 !important;
    }

        .prodimgCarouselOuter .slider-thumbs a img {
            display: inline-block;
            z-index: 10999 !important;
        }

.wishlist-category {
    font-family: 'Open Sans Condensed', Arial;
    font-weight: 600;
    font-size: 17px;
    height: 50px;
    width: 222px;
    border: solid 1px transparent;
    padding: 8px 3px 3px 3px;
    text-align: center;
    margin: 3px 0 3px 0;
}

.wishlist-category-blank {
    font-family: 'Open Sans Condensed', Arial;
    font-weight: 600;
    font-size: 17px;
    height: 50px;
    width: 222px;
    border: solid 1px transparent;
    background: transparent;
    padding: 8px 3px 3px 3px;
    text-align: center;
    margin: 3px 0 3px 0;
}

.wishlist-results.product-grid {
    width: 960px;
    float: left;
}

    .wishlist-results.product-grid .product-grid-box {
        margin: 0px 5px 0px 0px;
        min-height: 410px;
    }

/*------------------------------------------------------------------
[X. Store Locator Home]
*/
.store-locator {
    padding: 0;
}

.store-locator-hero h1.title {
    font-size: 24px;
}

.store-locator-hero h2.sub-title {
    font-size: 18px;
}


.store-service span.subtext {
    font-size: 11px;
    font-weight: normal;
}

.store-service span.icon {
    font-size: 36px;
    font-weight: normal;
}

.store-service p.description {
    font-size: 12px;
    font-weight: 300;
}

.store-locator-nostoretext {
    color: #555;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 16px;
    background: white;
    padding: 30px;
}

.store-locator-hero {
    overflow: hidden;
    background-image: url('images/store-locator-hero.jpg');
    background-repeat: no-repeat;
    background-color: #bebebe;
    background-position: center top;
}

    .store-locator-hero .title {
        font: 600 2.333em/1em 'Open Sans Condensed', sans-serif;
        text-align: center;
        margin-top: 1.7em;
    }

    .store-locator-hero .sub-title {
        font: 400 1.083em/1em sans-serif;
        text-align: center;
    }

.store-locator .store-details {
    background: white;
    border: 1px solid #e0e0e0;
    margin: 25px 0 15px 0;
    padding: 15px 18px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .store-locator .store-details .title {
        font-size: 17px;
        font-size: 1.417rem;
        color: #525252;
    }

.store-locator .store-location {
    padding-left: 40px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

    .store-locator .store-location .icon {
        color: #039abd;
        font-size: 2em;
        position: absolute;
        top: 0;
        left: 0;
    }

    .store-locator .store-location .store-name {
        font-size: 13px;
        font-size: 1.083em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .store-locator .store-location .store-distance {
        font-weight: normal;
        text-decoration: none;
    }

    .store-locator .store-location .store-address {
        margin: 5px 0;
    }

    .store-locator .store-location .store-phone {
        font-weight: bold;
    }

.store-locator .store-hours {
    padding-left: 40px;
    position: relative;
}

    .store-locator .store-hours .icon {
        color: #039abd;
        font-size: 1.6em;
        position: absolute;
        top: 0;
        left: 0;
    }

    .store-locator .store-hours ul {
        width: 260px;
    }

    .store-locator .store-hours li.date {
        width: 100px;
    }

    .store-locator .store-hours li.time {
        width: 160px;
    }

    .store-locator .store-hours .button {
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .store-locator .store-hours .button:active {
            top: inherit;
            bottom: -1px;
        }

.store-locator .other-stores {
    background: white;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .store-locator .other-stores .title {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        margin: 0;
        padding: 13px 18px;
        border-bottom: 1px solid #cecece;
        font-size: 1.417em;
        color: #525252;
        background: rgb(248,248,248); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(228,228,228,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
    }

        .store-locator .other-stores .title .button {
            float: right;
        }

    .store-locator .other-stores ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .store-locator .other-stores ul li {
            border-bottom: 1px solid #e6e6e6;
            padding: 0 18px 13px;
        }

            .store-locator .other-stores ul li .store-name {
                margin-bottom: 0;
            }

    .store-locator .other-stores a {
        text-decoration: none;
    }

.store-locator #store-map {
    width: 476px;
    height: 440px;
    border: 6px solid white;
    margin-top: 25px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}

a.view-other-stores {
    text-decoration: none;
    color: #858585;
}

.store-service {
    text-align: center;
}

    .store-service .icon {
        font-size: 3em;
    }

    .store-service .title {
        color: #4e4e4e;
        font-size: 18px;
        margin: 10px 0 0 0;
    }

    .store-service .sub-title {
        margin: 0 0 10px 0;
        font-weight: 600;
    }

    .store-service .description {
        padding: 0 15px;
        text-align: justify;
    }

    .store-service .subtext {
        font-size: 90%;
        text-align: left;
    }

.store-details-hidden {
    display: none;
}



.store-locator-style-b {
    /*zubb*/
    overflow: hidden;
    /*     background:url(images/storelocator-grad.png) repeat-x;*/
    /* Safari 4-5, Chrome 1-9 */
}


#btnRequestGeolocate {
    cursor: pointer;
}

.store-locator-style-b .container {
    background-color: #F6F6F6;
    padding-top: 10px;
}


.store-locator-style-b h1#psotitle {
    margin: 0;
}

.storelocb-header {
    overflow: hidden;
}

    .storelocb-header .header-content {
        /* height:265px;*/
        padding-top: 15px;
    }

.store-locator-style-b .header-content h1 {
    /*zubb*/
    margin: 10px 0px -10px 0px;
    font-size: 30px;
}

.store-locator-style-b h1.pso-title-product,
.store-locator-style-b h1.pso-title-store {
    /*zubb*/
    margin: 10px 0px -10px 0px;
}


.storelocb-header .header-content h3 {
    margin: 0px;
    font-size: 16px;
    color: black;
}

.store-locator-style-b .store-box {
    background: white;
    padding: 20px 20px 10px 20px;
    overflow: hidden;
    margin-bottom: 10px;
    border: solid 1px #CCC;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 2px 1px rgba(50, 50, 50, 0.3);
}

    .store-locator-style-b .store-box h2 {
        margin: 0px;
    }


.store-locator-style-b.store-details {
    margin-top: 10px;
}

    .store-locator-style-b.store-details div {
        float: left;
    }

        .store-locator-style-b .store-details div.info {
            padding-left: 20px;
            width: 200px;
            border-right: dotted 1px grey;
        }

    .store-locator-style-b .store-details .icon {
        font-size: 24px;
        color: #3A9AC0;
    }

    .store-locator-style-b .store-details .storename {
        font-size: 24px;
        margin: 0 0 0 0;
        font-weight: bold;
    }

    .store-locator-style-b .store-details p {
        margin: 5px 0 0 0;
    }

    .store-locator-style-b .store-details .go-store {
        height: 120px;
        width: 150px;
        position: relative;
    }

        .store-locator-style-b .store-details .go-store .button {
            position: absolute;
            bottom: 41px;
            left: 10px;
        }

            .store-locator-style-b .store-details .go-store .button:active {
                top: auto;
                bottom: 40px;
                right: 0px;
            }

.storelocb-header .header-right {
    float: right;
    width: 488px;
    height: 295px;
}

.storelocb-header.small-header .header-left,
.storelocb-header.small-header .header-right {
    height: 91px;
}


.store-locator-style-b .container.storefinder {
    background: #f6f6f6;
}


.store-locator-style-b #store-map {
    background: white;
    width: 100%;
    height: 440px;
    border: 6px solid white;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    float: left;
    margin-bottom: 10px;
}


.store-locator-style-b .storelocate {
    width: 100%;
    min-height: 420px;
    border: 1px solid #ccc;
    float: left;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d7d7d7));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff 20%, #f0f0f0 80%);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff 15%, #e3e3e3 30%);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff 15%, #e3e3e3 30%);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff 15%, #e3e3e3 30%);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .store-locator-style-b .storelocate .title {
        padding: 10px 16px;
        color: #fff;
        background-color: #777;
    }

    .store-locator-style-b .storelocate h2 {
        margin: 0;
        color: #fff;
    }

    .store-locator-style-b .storelocate .location-input-bar {
        padding: 16px;
        overflow: hidden;
    }

        .store-locator-style-b .storelocate .location-input-bar div {
            float: left;
        }

            .store-locator-style-b .storelocate .location-input-bar div.text {
                padding: 10px 10px 0 10px;
            }

.store-searcxh {
    /* margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 0px 7px 0px rgba(2, 2, 2, 0.32);
    padding: 15px 20px;
    width: 430px;
    height: 65px;*/
    float: left;
}


.stoxre-search input[type="text"] {
    border-right: 0 none;
    float: left;
    height: 12px;
    padding: 12px 14px 8px 12px;
    width: 190px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-right: 0;
}

.store-search button {
    width: 100px;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.location-results {
    padding: 16px;
}

    .location-results .location-result-box {
        width: 220px;
        float: left;
    }

        .location-results .location-result-box h3 {
            margin: 20px 0 0 0;
        }

        .location-results .location-result-box.main-store h3 {
            font-size: 180%;
            margin: 20px 0 0 0;
        }

        .location-results .location-result-box.main-store .small {
            font-size: 12px;
            color: #777;
            padding-left: 10px;
        }



        .location-results .location-result-box p {
            margin-top: 0;
        }


.store-locator-style-b .pnlTopShowProduct {
}

.store-locator-style-b .pnlTopShowStore {
}

.store-locator-style-b ul {
    padding-left: 1.2em;
    margin-top: 5px;
}

span.productstoreinfo {
    padding: 0 0 10px 10px;
    font-size: 15px;
    margin-bottom: 10px;
    font-family: OpenSans, sans-serif;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.storelocb-header .product-box {
    /*zubb*/
    background: white;
    padding: 5px 20px 10px 10px;
    width: 700px;
    margin: 15px 0px 20px 0px;
    overflow: hidden;
    border: solid 1px #CCC;
    -webkit-box-shadow: 5px 8px 12px 1px rgba(50, 50, 50, 0.7);
    box-shadow: 5px 8px 12px 1px rgba(50, 50, 50, 0.7); /*fallback*/
}

.store-locator-style-b .product-box div.product-info-left,
.store-locator-style-b .product-box div.product-info-right {
    margin-bottom: 10px;
}

.storelocb-header .product-box div.product-info-right {
    padding: 30px 0 0 10px;
    position: relative;
    width: 285px;
    height: 270px;
}

    .storelocb-header .product-box div.product-info-right .product-headline {
        width: 180px;
        float: left;
    }

    .storelocb-header .product-box div.product-info-right .product-pricing {
        float: left;
        width: 100px;
    }

        .storelocb-header .product-box div.product-info-right .product-pricing .product-price {
            text-align: right;
        }

.store-locator-style-b .product-box div.product-info-right .product-name {
    font-size: 20px;
    clear: both;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.storelocb-header .product-box .in-stock-row {
    margin-top: 10px;
}

.storelocb-header .product-box .in-stock {
    margin-top: 10px;
    clear: both;
    background: #58b03f;
    padding: 5px 5px 3px 5px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    color: white;
    border: 1px solid #3b9422;
    margin-right: 0px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.store-locator-style-b .product-box .product-price-and-availability {
    padding: 0;
    margin: 0;
}


    .store-locator-style-b .product-box .product-price-and-availability .product-pricing {
        display: block;
        text-align: right;
        float: left;
        padding: 0;
        margin: 0;
    }

    .store-locator-style-b .product-box .product-price-and-availability .product-price {
        display: block;
        text-align: right;
        margin: 0;
        padding: 0;
    }

.storelocb-header .product-box .product-price-and-availability .product-saving {
    display: block;
    text-align: right;
    padding: 0;
}

.storelocb-header .product-box .product-info-right .button {
    bottom: 10px;
    right: 0px;
    position: absolute;
}

    .storelocb-header .product-box .product-info-right .button:active {
        top: auto;
        bottom: 9px;
        right: 0px;
        position: absolute;
    }

.storelocb-header .storeloc-productfeatures {
    clear: both;
    padding-top: 5px;
}

    .storelocb-header .storeloc-productfeatures ul {
        padding-left: 10px;
    }

    .storelocb-header .storeloc-productfeatures li {
        margin-left: 0px;
    }

.storelocb-header .in-stock {
    background: green;
}
/*------------------------------------------------------------------
[X. Panasonic Home]
*/

#frontPageBanner {
    min-height: 380px;
}

    #frontPageBanner li {
        display: none;
    }


    #frontPageBanner div.bannerfloat {
        z-index: 10;
        position: absolute;
        left: 115px;
        color: rgba(0,0,0,0.8);
        top: 55%;
        margin: 0;
    }


        #frontPageBanner div.bannerfloat h1 {
            font-size: 32px;
            color: inherit;
        }

        #frontPageBanner div.bannerfloat span {
            font-size: 14px;
        }


    #frontPageBanner a button.btn {
        z-index: 10;
        position: absolute;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: bold;
        background-color: rgb(0, 160, 198);
        color: white;
        display: inline-block;
        left: 115px;
        float: left;
        bottom: 30px;
    }

    #frontPageBanner div.pricefloat {
        z-index: 10;
        position: absolute;
        right: 115px;
        color: rgba(0,0,0,0.8);
        top: 0px;
        margin: 0;
        width: 50%;
        float: right;
        vertical-align: bottom;
    }


        #frontPageBanner div.pricefloat div.pricefloatinner {
            right: 0;
            display: inline-block;
            position: absolute;
            padding: 5px;
            /* text-shadow: -1px -1px 0 rgba(255,255,255,0.6), 1px -1px 0 rgba(255,255,255,0.6), -1px 1px 0 rgba(255,255,255,0.6), 1px 1px 0 rgba(255,255,255,0.6);*/
            /* text-shadow: -1px -1px 0 rgba(20,20,20,0.6), 1px -1px 0 rgba(20,20,20,0.6), -1px 1px 0 rgba(20,20,20,0.6), 1px 1px 0 rgba(20,20,20,0.6);*/
        }

        #frontPageBanner div.pricefloat p.curr {
            display: inline-block;
            font-size: 48px;
            padding-top: 26px;
            color: #ccc;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: bold;
            float: left;
            vertical-align: bottom;
            line-height: 115px;
        }

        #frontPageBanner div.pricefloat p.units {
            display: inline-block;
            font-size: 98px;
            color: #ccc;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: bold;
            position: relative;
            float: left;
            letter-spacing: -5px;
        }

        #frontPageBanner div.pricefloat p.pence {
            display: inline-block;
            font-size: 48px;
            letter-spacing: -2px;
            color: #ccc;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: bold;
            float: left;
            vertical-align: bottom;
            line-height: 90px;
        }

        #frontPageBanner div.pricefloat div.saleinner {
            right: 0;
            float: right;
            font-size: 20px;
            text-align: right;
            padding: 5px;
            color: white;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: bold;
            text-shadow: -1px -1px 0 rgba(0,0,0,0.6), 1px -1px 0 rgba(0,0,0,0.6), -1px 1px 0 rgba(0,0,0,0.6), 1px 1px 0 rgba(0,0,0,0.6),;
        }

            #frontPageBanner div.pricefloat div.saleinner p {
                display: inline-block;
                margin-left: 4px;
                margin-top: 4px;
                float: left;
            }

                #frontPageBanner div.pricefloat div.saleinner p.savetext,
                #frontPageBanner div.pricefloat div.saleinner p.saving {
                    color: #900000;
                    font-size: 24px;
                    margin-top: 0;
                    text-shadow: -1px -1px 0 rgba(255,255,255,0.6), 1px -1px 0 rgba(255,255,255,0.6), -1px 1px 0 rgba(255,255,255,0.6), 1px 1px 0 rgba(255,255,255,0.6);
                }


                #frontPageBanner div.pricefloat div.saleinner p.wastext {
                    margin-left: 8px;
                }

                #frontPageBanner div.pricefloat div.saleinner p.wasprice {
                    text-decoration: line-through;
                }


    #frontPageBanner a button.btn:hover {
        background-color: rgb(0, 176, 214);
    }

.container.home-grid.col-logo-indent {
    padding-top: 15px;
    background-color: #eee;
}




.home-grid h1 {
    margin-bottom: 20px;
    text-align: center;
}

.home-grid .front-page-promotion .promo-text {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
}

.home-grid .home-grid-btm h4.title a,
.home-grid .product-grid-btm h4.title a:visited,
.home-grid .product-grid-btm h4.title a:active {
    color: #1f1f1f;
    text-decoration: none;
}

.home-grid .title-outer {
    background-color: #fff;
    overflow: hidden;
    height: 105px;
}

.home-grid .product-grid-btm h4.title a:hover {
    color: #2f96b4;
    text-decoration: none;
}

.home-grid .product-grid-btm h5.subtitle {
    margin: 5px 0 3px 0;
    font-weight: bold;
    font-family: 'Open Sans Condensed';
    font-size: 14px;
    text-align: center;
    color: #1f1f1f;
    min-height: 25px;
}

.home-grid li .product-grid-btm .rating {
    vertical-align: middle;
    margin-top: 5px;
}

    .home-grid li .product-grid-btm .rating .count {
        font-size: 11px;
    }

.home-grid .product-grid-summary {
    display: none;
    text-align: justify;
    margin-bottom: 10px;
    padding: 5px 10px 0px 10px;
    font-size: 11px;
}

.home-grid li .price {
    text-align: right;
}

.home-grid .savebox {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #1f1f1f;
    min-height: 20px;
}

.home-grid .wasprice {
    display: inline;
    text-decoration: line-through;
}



.home-grid li .promo-disc-text .disc-price, div.column.pricing .promo-disc-text .disc-price {
    font-size: 120%;
    display: block;
    color: red;
    font-weight: bold;
}

.home-grid .actions {
    text-align: center;
}



.home-grid .addtocart {
    width: 90%;
    margin-bottom: 5px;
}

.home-grid li a {
    text-decoration: none;
}

    .home-grid li a:hover {
        text-decoration: none;
    }

.home-grid li h3.title {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    line-height: 16px;
    color: #2e2e2e;
    font-weight: 600;
}

.home-slider-new {
    background-color: #EFEFEF;
    padding-bottom: 15px;
}

    .home-slider-new .sy-pager {
        padding: 10px 0 10px 0;
    }

.home-grid-top {
    background-color: #EFEFEF;
    padding-top: 20px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .home-grid-top .smtop {
        padding-top: 30px;
    }
}
/* New style smaller boxes */
.home-grid-base {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .home-grid-base h3 {
        text-align: center;
        color: black;
        font-size: 20px;
    }

    .home-grid-base .small-product-grid-box {
    }

        .home-grid-base .small-product-grid-box h4 {
            color: black;
            text-align: center;
            margin: 0;
            font-family: "Open Sans Condensed", sans-serif;
        }

            .home-grid-base .small-product-grid-box h4 a {
                color: black;
                font-size: 15px;
                font-weight: bold;
            }

        .home-grid-base .small-product-grid-box .btn-surround {
            text-align: center;
            padding: 5px 0;
        }

            .home-grid-base .small-product-grid-box .btn-surround .btn {
                background-color: #1B43C4;
                padding: 3px 6px;
                font-size: 10px;
                color: white;
                width: auto;
                margin: 0 auto;
                display: inline-block;
            }

.home-services .row {
    margin-top: 15px;
    margin-bottom: 8px;
}

.home-services .column {
    background: #f5f5f5;
    box-shadow: 1px 2px 1px 0px rgba(2, 2, 2, 0.19);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 320px;
    padding: 10px;
    position: relative;
}

    .home-services .column p {
        font-size: 13px;
        color: #767676;
    }


    .home-services .column a {
        padding-left: 12px;
        background: url('images/arrow-bullet.png') 3px 1px no-repeat;
        text-decoration: none;
    }

    .home-services .column.open .tel {
        font-size: 18px;
    }

    .home-services .column.open p {
        margin-top: 0; /* compensates for the bigger phone number text pushing it out */
    }

.lt-ie8 .home-services .column {
    width: 227px;
}

/*------------------------------------------------------------------
	[X. Category Page]
*/


.category-filters-new {
}

    .category-filters-new > .container {
        border-top: solid 1px black;
        background-color: #434343;
        font-size: 20px;
        color: white;
        font-family: 'Open Sans Condensed';
        font-weight: bold;
        height: 81px;
    }


    .category-filters-new div.category-filter-bar,
    .category-filters-new div.col-logo-indent,
    .category-filters-new div.row,
    .category-filters-new div.row > div {
        height: 100%;
    }

    .category-filters-new span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .category-filters-new .search-options {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .category-filters-new .dropdown {
        display: inline-block;
        height: 35px;
        border-radius: 2px;
    }

        .category-filters-new .dropdown button {
            font-size: 16px;
            padding-right: 45px;
            min-width: 195px;
            background-image: url(images/filterarrows-updown.png);
            background-repeat: no-repeat;
            background-position-x: right;
        }

            .category-filters-new .dropdown button:hover,
            .category-filters-new .dropdown button:focus {
                background-position-y: 0;
            }

        .category-filters-new .dropdown button {
            min-width: 195px;
            text-align: left;
        }

            .category-filters-new .dropdown button span {
                justify-content: left;
                text-align: left;
                display: inline-block;
                padding-top: 2px;
            }

    .category-filters-new .show-filters {
        display: inline-block;
        background-color: white;
        padding: 8px 45px 3px 10px;
        height: 35px;
        width: 145px;
        border-radius: 2px;
        font-size: 16px;
        color: black;
        background-image: url(images/filterarrows-down.png);
        background-repeat: no-repeat;
        background-position-x: right;
        text-decoration: none;
    }

    .category-filters-new a {
        color: black;
        text-decoration: none;
    }

        .category-filters-new a:hover, a:active {
            color: black;
        }

    .category-filters-new .dropdown-menu {
        font-family: sans-serif;
    }


.category-filters {
}

    .category-filters .more-filters-mobile {
        padding: 5px 10px 5px 5px;
        text-align: right;
    }

    .category-filters > .container {
        padding: 0;
        border-top: solid 1px #e0e0e0;
    }

    .category-filters .category-filter-bar {
        border-left: solid 2px rgb(187,187,187);
        border-right: solid 2px rgb(187,187,187);
        /* overflow:hidden;
     height:60px;*/
        -webkit-box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.14);
        -moz-box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.14);
        box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.14);
        background-image: url('images/categoryfilterbar.png');
        background-position-y: bottom;
        background-repeat: repeat-x;
        margin: 0;
    }


    .category-filters .category-filter-puller-outer {
    }

    .category-filters .category-filter-puller {
        background-image: url('images/filterpull.png');
        background-repeat: no-repeat;
        width: 163px;
        height: 31px;
        text-align: center;
        margin: -5px auto 0 auto;
        z-index: 1000;
        position: relative;
        left: -50%;
        top: 4px;
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding-top: 5px;
    }

a#showhidefilter {
    color: #000;
}

    a#showhidefilter span {
        color: #777;
    }

    a#showhidefilter:hover, a#showhidefilter:active, a#showhidefilter:focus {
        text-decoration: none;
        color: #2f96b4;
    }

#searchresults {
    padding-top: 30px;
}

#searchbox-container {
    background-color: #282828;
    color: white;
}

#searchbox {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 14px;
    font-family: sans-serif;
}

    #searchbox .filterbox {
        min-height: 160px;
    }

        #searchbox .filterbox input[type="checkbox"] {
            float: left;
            margin: 3px 0 0 0;
        }

        #searchbox .filterbox span.cbLabel {
            display: block;
            padding-top: 3px;
            margin-left: 15px;
        }

@media screen and (max-width: 768px) {
    #searchbox .filterbox {
        display: none;
    }

        #searchbox .filterbox.active {
            display: inline-block;
        }

    .show-filters {
        text-align: center;
    }
}


#searchbox-outer #more-filters-outer {
    padding: 5px 0;
    text-align: right;
    border-bottom: solid 1px #555;
}

    #searchbox-outer #more-filters-outer button {
        margin-left: 10px;
        outline: none;
        background: #fff;
        color: black;
    }

.category-filters #searchoptions {
    padding: 10px 0 10px 0;
}

.heroimagevideo {
    padding-top: 15px;
}

.category-fullwidth-image {
    padding: 0;
}

.category-fullwidth-text {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.category-page .banner {
    text-align: center;
}

.category-page .side-menu {
    margin-bottom: 15px;
}

.category-page .side-header {
    border: 1px solid #c1c1c1;
    border-radius: 3px 3px 0 0;
    margin-bottom: -1px;
    padding: 5px 5px 5px 13px;
}

    .category-page .side-header h2 {
        float: left;
        margin: 0;
        line-height: 35px;
    }

    .category-page .side-header .button {
        float: right;
        margin: 0;
    }

.category-page .side-menu input,
.category-page .side-menu label {
    display: inline;
}

.category-page .side-menu input {
    margin: -4px 5px 0 0;
}

.category-page .side-menu h3 {
    color: #333333;
    margin: 15px 0 5px 0;
    vertical-align: middle;
}

.category-page .side-menu ul {
    padding: 0;
}


/** MAIN SECTION **/

.category-page {
    padding-top: 25px;
}

    .category-page .filter-bar {
        margin-bottom: 15px;
    }

        .category-page .filter-bar .field.first.cb {
            width: 410px;
        }

        .category-page .filter-bar .cb input {
            margin-left: 15px;
        }

    .category-page .product {
        background: #FFF;
        padding: 20px 20px 12px 20px;
        border: 1px solid #d5d5d5;
        margin-bottom: 12px;
        height: 100%;
        box-shadow: 0px 0px 4px 0px rgba(2, 2, 2, 0.36);
    }

        /* override column widths */
        .category-page .product .column {
            margin: 0;
        }

            .category-page .product .column.thumb {
                width: 200px;
                position: relative;
            }

            .category-page .product .column.details {
                width: 275px;
                padding-left: 10px;
            }

            .category-page .product .column.pricing {
                width: 200px;
            }

.lt-ie9 .category-page .product .column.pricing {
    width: 230px;
}

.lt-ie9 .category-page .product .column.details {
    width: 245px;
}

.category-page .product .details {
    color: #252236;
}

.category-page .product h4.title {
    margin: 0 0 15px 0;
    font-weight: bold;
}

.category-page .product ul.features {
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-right: 10px;
}

    .category-page .product ul.features li {
        font-size: 12px;
        line-height: 15px;
        background: url('images/bullets.png') -17px 1px no-repeat;
        padding-left: 8px;
    }

.category-page .product .last {
    text-align: right;
}

.category-page .product .price .was,
.category-page .product .price .save {
    display: inline;
}

.category-page .product .pricing {
    position: relative;
    height: 100%;
}

    .category-page .product .pricing p {
        margin: 0 0 10px 0;
    }

    .category-page .product .pricing .rating {
        vertical-align: middle;
    }

        .category-page .product .pricing .rating .count {
            font-size: 11px;
        }

    .category-page .product .pricing .actions {
        margin-top: 70px;
    }


.home-slider {
    position: relative;
    background-color: #eee;
}

    .home-slider .title {
        position: absolute;
        bottom: 22px;
        margin: 0 0 0 15px;
        z-index: 100;
        font-size: 18px;
        font-size: 1.500rem;
    }



/* X - HPBF */

.hbpfProductBox {
    background-color: #EEE;
    min-height: 40px;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background-image: url(images/paybyfinance.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    padding: 9px 12px 8px 0;
    font-family: Arial;
}

#financeBoxOuter {
    font-family: Arial;
}

div.finance-header {
    text-align: center;
    font-weight: bold;
    padding: 5px 10px 3px 10px;
    min-height: 40px;
    background: url(images/paybyfinance.png) no-repeat #eee;
    text-align: right;
    background-position: 10px 7px;
}

table.product-finance-figures {
    width: 100%;
    font-size: 85%;
    margin-top: 3px;
}

    table.product-finance-figures td.right {
        text-align: right;
    }


button.fintype {
    border: solid 1px #CCC;
}

.depositOff {
    display: none;
}

.finance-method-name {
}

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

    button.fintype {
        font-size: 90%;
        padding: 6px 8px;
    }
}

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

    button.fintype {
        font-size: 90%;
        padding: 6px 8px;
    }
}


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

    button.fintype {
        width: 100%;
        display: block;
        margin-bottom: 2px;
        margin-left: 0;
        border-radius: 0;
    }


    input[type=radio].css-checkbox + label.finance-method-name.css-rdlabel {
        line-height: 1;
    }
}

.finTable {
    width: 100%;
    margin-bottom: 10px;
}


table.finTable th {
    padding: 10px 10px 0 10px;
    border: solid 1px #555;
}

table.finTable td {
    padding: 4px 0 0 0;
}

table.finTable tr td:last-child {
    text-align: right;
}

table.finTable td.br,
table.finTable th.br {
    border-right: solid 3px #fff;
}

table.finTable td.bb,
table.finTable th.bb {
    border-bottom: solid 1px #ccc;
}


#financeBox h2 {
    font-size: 16px;
}

#financeBox span.hl {
    font-weight: bold;
}


#financeBox .fintitle {
    padding-top: 10px;
    font-weight: bold;
}

#financeBox .smalltext {
    font-size: 80%;
}

.finDisabled {
    opacity: 0.3;
}

.hpbfbox-outer {
    padding: 10px;
}

.hpbfbox-inner {
    border: solid 1px #ddd;
    padding: 15px;
}

/* X - Product new */

.product-page {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}

    .product-page h1 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }

    .product-page h2 {
        font-size: 20px;
        color: #a5a5a5;
        zoom: 1;
        line-height: 1.3;
        margin: 0 0 5px 0;
    }


.promotion-block {
}

    .promotion-block .promotion-box {
        padding-bottom: 10px;
        border-bottom: dotted 1px #ccc;
        margin-bottom: 20px;
    }

    .promotion-block .genericbanner {
        background: url(images/genericpromotionbanner.png) no-repeat #000;
        padding: 5px 10px;
        min-height: 80px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: #ccc;
    }

    .promotion-block .promotion-banner {
        border: solid 1px #888;
        min-height: 80px;
    }

h1.prod-alternatives {
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
}

.energylabel-popup {
    font-size: 11px;
}


    .energylabel-popup img, .energylabel img {
        height: 22px;
        margin: 7px 0 3px 15px;
        vertical-align: top;
    }

a.productfiche,
a.productfiche:focus,
a.productfiche:visited,
a.productfiche:hover,
a.productfiche:active {
    color: black;
    text-decoration: none;
    font-size: 120%;
    display: inline-block;
    padding-bottom: 10px;
}

    a.productfiche span {
        vertical-align: top;
    }

    a.productfiche i.ficheicon {
        background: url(images/ficheicon.png);
        width: 13px;
        height: 16px;
        border-top: solid 3px white;
        display: inline-block;
    }

.stock-status-outer {
    clear: both;
    width: 140px;
    padding: 1px;
    float: right;
    padding-bottom: 10px;
}

    .stock-status-outer > div {
        color: #11a0c5;
        font-size: 120%;
    }

        .stock-status-outer > div i {
            color: #555;
            font-size: 1em;
            margin-left: 5px;
        }

.delivery-options-outer {
    vertical-align: bottom;
    overflow: hidden;
    height: 100%;
    position: relative;
    bottom: 0;
}

.delivery-option-outer {
    clear: both;
    float: right;
    width: 140px;
    padding: 1px;
}

.delivery-option-inner {
    padding: 1px;
    min-width: 140px;
    display: inline-block;
}

.delivery-option-title {
    /*padding-bottom:3px;
    border-bottom:dotted 1px #ccc;
    margin-bottom:5px;*/
}

.delivery-option-icon {
    width: 20px;
    float: right;
    margin-right: 0px;
}

.delivery-option-modal {
}

    .delivery-option-modal .modal-header h4 {
        font-weight: bold;
        font-size: 17px;
    }

    .delivery-option-modal .row.delivery-title {
        font-size: 17px;
        font-family: 'Open Sans Condensed',Arial;
        font-weight: bold;
    }

        .delivery-option-modal .row.delivery-title .sellingPrice {
            color: red;
        }

    .delivery-option-modal .row.delivery-text .del-icon,
    .delivery-option-modal .row.delivery-text .del-text {
        float: left;
        display: inline-block;
        font-family: sans-serif;
        font-weight: normal;
        padding-top: 5px;
    }

    .delivery-option-modal .row.delivery-text .del-icon {
        color: #aaa;
        margin-right: 10px;
        cursor: pointer;
    }

    .delivery-option-modal .row.delivery-text .del-text {
    }

.delivery-info-line {
    margin-bottom: 20px;
    overflow: hidden;
}

.product-pricing-box {
    padding-top: 70px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDDDDD;
    overflow: hidden;
}

    .product-pricing-box .was-price {
        display: inline-block;
        float: left;
        font-size: 14px;
        margin-right: 5px;
        text-decoration: line-through;
    }


    .product-pricing-box .saving {
        display: inline-block;
        float: left;
        font-size: 14px;
        margin-right: 5px;
        color: #e70828;
    }

    .product-pricing-box .price {
        font-size: 16px;
        color: #e70828;
    }

        .product-pricing-box .price.main-price {
            font-size: 30px;
            color: #e70828;
        }

.product-qty-buy-box {
    overflow: hidden;
    padding-top: 10px;
}

    .product-qty-buy-box .qty-box {
        width: 20%;
        float: left;
    }

        .product-qty-buy-box .qty-box #product-qty {
            text-align: center;
        }

    .product-qty-buy-box .buy-box {
        width: 65%;
        float: right;
        text-align: right;
    }

    .product-qty-buy-box .product-fixed-qty {
        border:solid 1px #ccc;
        float:right;
        padding:6px 12px;
        display:inline-block;
        text-align:right;
        font-size:15px;
        color:rgb(50,50,50);
        background-color:white;
        border-radius:3px;
        width:65px;
    }
    .product-qty-buy-box .collect-box {
        width: 65%;
        margin-top: 10px;
        float: right;
        text-align: right;
    }

        .product-qty-buy-box .collect-box > span {
            font-size: 14px;
            padding: 5px 10px 0 0;
        }

.product-buy-box {
    margin-bottom: 10px;
}

.status7Message {
    padding: 10px 0;
    font-size: 20px;
    text-align: left;
    color: #555;
}

.dd-selected-text, .dd-option-text {
    display:inline;
}

.container.product-page-nav {
    background: url('images/belowmenuinfobarbg.png') repeat-x #555;
    color: white;
    font-size: 16px;
    font-family: 'Open Sans Condensed',sans-serif;
    padding-top: 10px;
    padding-bottom: 0px;
    min-height: 42px;
    font-weight: bold;
}

    .container.product-page-nav ul {
        padding-left: 0;
    }


.container.product-page-nav-spacer {
    background: transparent;
    min-height: 42px;
}

.container.category-page-nav-spacer {
    background: transparent;
    min-height: 42px;
}

.container.product-page-nav ul li {
    display: inline-block;
    padding: 0 20px 0 0;
}

.sticky0 {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 100;
    width: 1200px;
    left: 1%;
    right: 1%;
}

.sticky1 {
    box-sizing: border-box;
    position: fixed;
    top: 45px;
    margin: 0 auto;
    z-index: 100;
    width: 1200px;
    left: 1%;
    right: 1%;
}

div.container.product-info {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px rgb(214, 214, 214);
}

div.product-feature {
    padding: 2px 20px 10px 28px;
    font-size: 16px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    background: url(images/spectick.png) no-repeat;
}

    div.product-feature i {
        margin-right: 10px;
        float: left;
        color: #2f96b4;
        padding-top: 2px;
        vertical-align: middle;
    }

div.product-features .text {
    float: left;
    display: inline-block;
}

button.view-full-spec {
    margin-top: 20px;
}

    button.view-full-spec i {
        font-weight: normal;
        margin-right: 5px;
    }

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

    div.award img {
        border: solid 1px #bbb;
        margin-right: 10px;
        padding: 10px 0 10px 0;
        background-color: #fff;
        margin-bottom: 10px;
        float: left;
        display: inline-block;
        max-width: 20%;
    }

    div.award div.text {
        float: left;
        width: 75%;
        display: inline-block;
    }

    div.award .reviewheadline {
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: bold;
        font-size: 14px;
    }
/*------------------------------------------------------------------
[X. Product]
*/
.product-carousel {
    padding: 15px 15px 0px 15px;
    /* border: 1px solid #c9c9c9; */
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.alternative-products {
}

.alternative-product {
    outline: none;
    position: relative;
    padding-top: 35px;
}

    .alternative-product .salesMessage {
        font-weight: 600;
        font-size: 14px;
        min-height: 50px;
        display: block;
        text-align: center;
        font-size: 1.167rem;
        width: 100%;
        padding: 5px;
        border-radius: 3px;
        position: absolute;
        top: 0;
    }

    .alternative-product .instockmessage {
        text-align: center;
        font-size: 120%;
    }

    .alternative-product .productcode {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        font-size: 14px;
        margin-top: 5px;
        padding: 5px;
    }

    .alternative-product a .productcode {
        color: #1f1f1f;
        max-height: 32px;
        overflow: hidden;
        font-weight: 600;
    }

    .alternative-product a:hover {
        text-decoration: none;
        outline: none;
    }

    .alternative-product .alternative-product-pricing .product-buy-price {
        text-align: center;
        color: #000;
        font-size: 20.5px;
        font-family: "Open Sans Condensed";
        font-weight: 700;
    }


    .alternative-product .price-comparison {
        min-height: 23px;
        text-align: center;
        padding-top: 2px;
        color: black;
        font-family: "Open Sans Condensed";
        font-weight: 700;
        font-size: 14px;
    }

@media only screen and (max-width:1200px) {
    .alternative-product .price-comparison {
        min-height: 42px;
    }
}

.alternative-product .price-comparison span.product-usually {
    text-decoration: line-through;
}


.product-details {
    margin-bottom: 5px;
}

    .product-details .product-name {
        float: left;
        font-size: 20px;
        font-size: 1.667rem;
        margin: 0;
        width: 340px;
        padding-right: 15px;
    }

    .product-details .product-code {
        float: left;
        font-size: 12px;
        font-size: 1rem;
        color: #5d5d5d;
        width: 340px;
        padding-right: 15px;
    }

    .product-details .product-rating {
        text-align: right;
    }

        .product-details .product-rating a {
            font-size: 11px;
            font-size: 0.917rem;
        }

.energy-rating-box {
    margin-bottom: 5px;
}

    .energy-rating-box span {
        margin-left: 12px;
    }

    .energy-rating-box a.productfiche {
        text-decoration: none;
        font-weight: bold;
        margin-left: 3px;
        color: #0591b1;
    }

        .energy-rating-box a.productfiche:hover,
        .energy-rating-box a.productfiche:active {
            text-decoration: underline;
        }

.product-price-and-availability {
    background: #fafafa;
    /*border: 1px solid #cccccc;*/
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
    clear: both;
}

    .product-price-and-availability .product-price {
        float: right;
        font-family: 'Open Sans Condensed';
        font-size: 26px;
        color: Red;
        margin-bottom: 2px;
        text-align: right;
    }

    .product-price-and-availability .product-saving {
        font-size: 12px;
        float: right;
        margin-bottom: 2px;
        padding-right: 20px;
    }

        .product-price-and-availability .product-saving span {
            text-decoration: line-through;
        }


    .product-price-and-availability .product-saving-promo {
        clear: both;
        float: right;
        text-align: right;
        width: 200px;
    }

        .product-price-and-availability .product-saving-promo b {
            color: red;
            font-size: 18px;
            font-family: 'Open Sans Condensed', sans-serif;
        }


        .product-price-and-availability .product-saving-promo.trade-in {
            padding: 5px 0px 5px 20px;
            background: url(images/tradeinicon.png);
            background-repeat: no-repeat;
            background-position: 100px 30px;
        }

    .product-price-and-availability .stock-delivery {
        margin-top: 10px;
    }

    .product-price-and-availability .in-stock {
        clear: both;
        background: #58b03f;
        padding: 5px 5px 3px 5px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        color: white;
        border: 1px solid #3b9422;
        margin-right: 0px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }

        .product-price-and-availability .in-stock .icon {
            font-size: 12px;
            color: white;
        }

    .product-price-and-availability .click-and-collect {
        color: #545454;
        margin-right: 20px;
        font-size: 15px;
        font-size: 1.250rem;
    }

    .product-price-and-availability .home-delivery {
        color: #545454;
        font-size: 15px;
        font-size: 1.250rem;
    }

    .product-price-and-availability .delivery-options {
        color: #4f4f4f;
        font-size: 12px;
        float: left;
        width: 90%;
    }

        .product-price-and-availability .delivery-options .delivery-service-type td {
            color: #4f4f4f;
            font-size: 13px;
            font-weight: bold;
            padding: 10px 0px 2px 0px;
            border-bottom: 1px solid #cccccc;
        }

            .product-price-and-availability .delivery-options .delivery-service-type td .icon {
                float: right;
            }

        .product-price-and-availability .delivery-options td.more-delivery-info {
            text-align: right;
            font-size: 10px;
        }

        .product-price-and-availability .delivery-options tr.deliverytime {
            font-size: 11px;
            font-style: italic;
        }


        .product-price-and-availability .delivery-options .delivery-option {
            float: left;
            font-size: 12px;
            padding-bottom: 10px;
        }

            .product-price-and-availability .delivery-options .delivery-option .title {
                font-weight: bold;
                font-size: 14px;
            }

            .product-price-and-availability .delivery-options .delivery-option .price {
                font-weight: bold;
                font-size: 16px;
                color: red;
                padding-left: 10px;
            }



    .product-price-and-availability .deliv-opts-list, .product-price-and-availability .delivery-location {
        clear: none;
        float: left;
        padding: 10px;
    }

    .product-price-and-availability .deliv-opts-list {
        width: 300px;
        clear: both;
    }

    .product-price-and-availability .delivery-location {
        text-align: right;
        font-size: 11px;
        margin-bottom: 5px;
        width: 120px;
        padding-left: 0px;
    }

        .product-price-and-availability .delivery-location .location-auto-suggest {
            margin: 5px 0px;
            width: 100px;
            text-align: center;
        }

.dealer-video-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}


table.dealer-youtube-list {
    width: 100%;
}

    table.dealer-youtube-list td.video {
        width: 100px;
    }

        table.dealer-youtube-list td.video div.img-outer {
            padding: 3px;
            border: solid 1px #ccc;
            text-align: center;
            border-radius: 5px;
            height: 45px;
        }

    table.dealer-youtube-list td.description {
        padding-bottom: 10px;
        vertical-align: top;
        padding-left: 10px;
    }




img.dealer-youtube {
    max-width: 60px;
    border-radius: 5px;
}

.dealer-youtubeclick-small {
    width: 23px;
    height: 18px;
    background: url(images/youtubeplaysmall.png);
    z-index: 1000;
    position: relative;
    left: 32px;
    top: -30px;
    border: none;
}

.product-features {
}

    .product-features .title {
        display: none;
        font-size: 15px;
        font-size: 1.250em;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        margin-bottom: 0;
    }

    .product-features ul {
        font-size: 12px;
        padding: 0;
        margin-left: 25px;
    }


        .product-features ul li {
            border-bottom: 2px solid white;
        }

.rem-product-cart {
    border: 1px solid #cecece;
    padding: 20px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

.product-cart .total-and-saving {
    float: left;
}

    .product-cart .total-and-saving .total {
        display: block;
        font-size: 20px;
        font-size: 1.667rem;
    }

    .product-cart .total-and-saving .saving {
        display: block;
        font-size: 12px;
        font-size: 1rem;
        color: #595959;
        font-weight: 600;
    }

.product-cart .add-to-basket {
    float: right;
}

    .product-cart .add-to-basket label {
        font-weight: bold;
        color: #595959;
    }

    .product-cart .add-to-basket input[type=text] {
        width: 20px;
        border: 1px solid #a0a0a0;
        padding: 5px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    .product-cart .add-to-basket .add-to-wishlist, .product-cart .add-to-basket .view-wishlist {
        text-decoration: none;
        float: right;
        margin-top: 10px;
    }

.product-description {
    margin-bottom: 30px;
}

    .product-description .title {
        font-size: 20px;
        font-size: 1.667rem;
    }

    .product-description .proddescbtm {
        display: none;
    }

.product-info p.long-heading {
    font-family: 'Open Sans Condensed';
    font-size: 120%;
    font-weight: 500;
}

.product-reviews {
    margin-bottom: 30px;
}

.product-awards .title {
    font-size: 20px;
    font-size: 1.667rem;
}

.product-awards ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-awards li {
    padding: 10px;
    width: 456px;
    border: 1px solid #d9d9d9;
    float: left;
    margin-bottom: 20px;
    background: rgb(250,250,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}

    .product-awards li.odd {
        clear: both;
    }

    .product-awards li.even {
        margin-left: 20px;
    }

    .product-awards li img {
        float: left;
    }

    .product-awards li p {
        padding-left: 120px;
        margin: 0;
    }

        .product-awards li p span {
            font-weight: bold;
            color: #555;
        }


.product-spec {
}

    .product-spec .product-code {
        font-size: 20px;
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: bold;
    }

    .product-spec .title {
        font-size: 20px;
        font-size: 1.667rem;
    }


    .product-spec table {
    }



        .product-spec table tr td, .product-spec table tr th {
            background-color: White;
            padding: 2px 20px 2px 10px;
            text-align: left;
            border: 1px solid #eee;
        }

        .product-spec table tr.specgroupheading th {
            font-weight: bold;
            font-size: 120%;
            padding-left: 20px;
        }

        .product-spec table tr th {
            font-weight: normal;
            padding: 5px 0px 5px 40px;
        }

        .product-spec table tr.morespec td {
            text-align: right;
            padding: 10px;
        }


/*Alternatives*/

.alternatives {
}

.alternatives-headline {
    /*background: url(images/alternative.png);
    background-repeat: no-repeat;
    padding-left: 70px;*/
    height: 30px;
    margin-top: 15px;
}

    .alternatives-headline .title {
        float: left;
        font-size: 18px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        width: 350px;
        display: block;
    }

    .alternatives-headline .details {
        float: left;
        display: block;
    }


.alternatives-scrollere {
    background: #fafafa;
    /*border: 1px solid #cccccc;*/
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    max-height: 400px;
    overflow: auto;
}

.alternatives-scroller .col-md-3 {
    padding: 0 7px 0 7px;
}

.alternatives-scroller .alternative {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 10px 5px 5px 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .alternatives-scroller .alternative:hover {
        -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.10);
        -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.10);
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.10);
    }

    .alternatives-scroller .alternative img {
        margin-bottom: 3px;
        margin-right: 10px;
        cursor: pointer;
    }


    .alternatives-scroller .alternative a {
        font-family: 'Open Sans Condensed',sans-serif;
        font-size: 20px;
        color: #1f1f1f;
        font-weight: bold;
    }

.alternatives-scroller .productcode {
    text-align: center;
}


.alternatives-scroller .alternative a:hover,
.alternatives-scroller .alternative:hover a {
    color: #2f96b4;
    cursor: pointer;
    text-decoration: none;
}



.alternatives-scroller .alternative .alternative-product-details {
    float: left;
    width: 200px;
}

.alternatives-scroller .alternative .alternative-product-pricing {
    padding-top: 20px;
    clear: both;
}

    .alternatives-scroller .alternative .alternative-product-pricing .product-buy-price {
        font: 23px 'Open Sans Condensed',san-serif;
        font-weight: bold;
        color: #000;
        text-align: center;
        width: 100%;
    }

    .alternatives-scroller .alternative .alternative-product-pricing .product-usually {
        font-size: 80%;
        text-decoration: line-through;
    }

.alternatives-scroller .alternative .alternative-buy {
    width: 55px;
    padding-left: 10px;
    float: left;
    text-align: right;
}


/*Accessories*/

.accessories {
}

.accessory-headline {
    background: url(images/accessories.png);
    background-repeat: no-repeat;
    padding-left: 70px;
    height: 60px;
    margin-top: 15px;
}

    .accessory-headline .title {
        float: left;
        font-size: 15px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        width: 350px;
        display: block;
    }

    .accessory-headline .details {
        float: left;
        display: block;
    }


.accessory-scroller {
    background: #fafafa;
    /* border: 1px solid #cccccc;*/
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    max-height: 200px;
    overflow: auto;
}

    .accessory-scroller .accessory img {
        border: 1px solid #ccc;
        /* padding:3px; */
        margin-bottom: 3px;
        margin-right: 10px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        width: 100px;
        cursor: pointer;
        float: left;
        clear: both;
    }

    .accessory-scroller .accessory a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .accessory-scroller .accessory .accessory-product-details {
        float: left;
        width: 140px;
    }

    .accessory-scroller .accessory .accessory-product-pricing {
        float: left;
        width: 115px;
        text-align: right;
    }

        .accessory-scroller .accessory .accessory-product-pricing .product-buy-price {
            font-weight: 600;
            color: Red;
        }

        .accessory-scroller .accessory .accessory-product-pricing .product-usually {
            font-size: 80%;
            text-decoration: line-through;
        }

    .accessory-scroller .accessory .accessory-buy {
        width: 55px;
        padding-left: 10px;
        float: left;
        text-align: right;
    }




/*-----------------------------------------------------------------
[Order completion]
*/

.order-complete {
}

    .order-complete h1 {
        margin: 0px;
        padding: 0px;
    }

    .order-complete p {
        font-size: 14px;
    }

.order-complete-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    font-weight: 300;
}

    .order-complete-title span {
        font-weight: 600;
    }

.anonregister .button {
    margin-left: 155px;
}

.anonregister div.input {
    clear: both;
}

    .anonregister div.input label, .anonregister div.input span {
        width: 60px;
        line-height: 1.1;
    }

.anonregister .rauError {
    width: 100% !important;
    font-weight: 600;
    text-align: left;
    color: Red;
    padding: 5px 2px 5px 2px;
}

p.barclays-apply {
    padding: 3px;
    font-weight: bold;
    color: #000099;
}
/*------------------------------------------------------------------
[X. jCarousel]
*/
.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    /* width: 356px;*/
    margin: 0 50px;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width: 100%;
}

.jcarousel-item {
    width: 71px;
}

.jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}



/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    height: 42px;
    width: 23px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    right: -50px;
    display: block;
    cursor: pointer;
    z-index: 21;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    background: rgb(244,244,244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

    .jcarousel-next-horizontal .icon {
        height: 10px;
        width: 7px;
        background: transparent url('images/arrows.png') no-repeat -7px 0px;
        position: absolute;
        left: 8px;
        top: 16px;
    }

.jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    background: #f2f2f2;
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.jcarousel-prev-horizontal {
    height: 42px;
    width: 23px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    left: -50px;
    display: block;
    cursor: pointer;
    z-index: 21;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    background: rgb(244,244,244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

    .jcarousel-prev-horizontal .icon {
        height: 10px;
        width: 7px;
        background: transparent url('images/arrows.png') no-repeat left top;
        position: absolute;
        left: 8px;
        top: 16px;
    }

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    background: #f2f2f2;
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/*------------------------------------------------------------------
[X. Search/Category]
*/

/*
.side-menu div.slideinputleft
{
    display: inline;
    float: left;
    width: 30%;
}

.side-menu div.slideinputright
{
    display: inline;
    float: right;
    width: 30%;
    margin-right: 3%;
}


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


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

.side-menu h3
{
    clear: both;
    border-bottom: 1px dotted #ccc;
}

.dropup,
.dropdown
{
    position: relative;
}

.dropdown-toggle
{
    *margin-bottom: -3px;
}

    .dropdown-toggle:active,
    .open .dropdown-toggle
    {
        outline: 0;
    }

.caret
{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret
{
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0 -1px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    /*
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

*/


/*
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right
    {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider
    {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

    .dropdown-menu > li > a
    {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333333;
        white-space: nowrap;
        text-decoration: none;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus,
        .dropdown-submenu:hover > a,
        .dropdown-submenu:focus > a
        {
            color: #ffffff;
            text-decoration: none;
            background-color: #0081c2;
            background-repeat: repeat-x;
            background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus
    {
        color: #ffffff;
        text-decoration: none;
        background-color: #0081c2;
        background-repeat: repeat-x;
        outline: 0;
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus
    {
        color: #999999;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus
        {
            text-decoration: none;
            cursor: default;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

.open
{
    *z-index: 1000;
}

    .open > .dropdown-menu
    {
        display: block;
    }

.dropdown-backdrop
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu
{
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret
{
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu
{
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu
{
    position: relative;
}

    .dropdown-submenu > .dropdown-menu
    {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu
    {
        display: block;
    }

.dropup .dropdown-submenu > .dropdown-menu
{
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after
{
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after
{
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left
{
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu
    {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.dropdown .dropdown-menu .nav-header
{
    padding-right: 20px;
    padding-left: 20px;
}

    */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
    background-color: #cccccc \9;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"] {
        margin-top: 4px;
    }

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"] {
        margin-top: 0;
    }

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

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

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        color: #ffffff;
        background-color: #f89406;
        *background-color: #df8505;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #c67605 \9;
    }

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

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #942a25 \9;
    }

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

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        color: #ffffff;
        background-color: #51a351;
        *background-color: #499249;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #408140 \9;
    }

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border-left-color: #2f96b4;
    border-right-color: #2f96b4;
    border-top-color: #2f96b4;
    border-bottom-color: #1f6377;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #444444, #222222);
    border-left-color: #222222;
    border-right-color: #222222;
    border-top-color: #222222;
    border-bottom-color: #000000;
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #080808 \9;
    }

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large,
    input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small,
    input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini,
    input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    color: #0088cc;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-link:hover,
    .btn-link:focus {
        color: #005580;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover,
    .btn-link[disabled]:focus {
        color: #333333;
        text-decoration: none;
    }

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
}

    .btn-group:first-child {
        *margin-left: 0;
    }

    .btn-group + .btn-group {
        margin-left: 5px;
    }

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

    .btn-toolbar > .btn + .btn,
    .btn-toolbar > .btn-group + .btn,
    .btn-toolbar > .btn + .btn-group {
        margin-left: 5px;
    }

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .btn {
        margin-left: -1px;
    }

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

.btn-group > .btn-mini {
    font-size: 10.5px;
}

.btn-group > .btn-small {
    font-size: 11.9px;
}

.btn-group > .btn-large {
    font-size: 17.5px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

/*
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle
{
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle
{
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle
{
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle
{
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle
{
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle
{
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle
{
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle
{
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle
{
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle
{
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle
{
    background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle
{
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle
{
    background-color: #222222;
}

.btn .caret
{
    margin-top: 8px;
    margin-left: 0;
}

.btn-large .caret
{
    margin-top: 6px;
}

.btn-large .caret
{
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret
{
    margin-top: 8px;
}

.dropup .btn-large .caret
{
    border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret
{
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.btn-group-vertical
{
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

/*
    *zoom: 1;
}

    .btn-group-vertical > .btn
    {
        display: block;
        float: none;
        max-width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .btn-group-vertical > .btn + .btn
        {
            margin-top: -1px;
            margin-left: 0;
        }

        .btn-group-vertical > .btn:first-child
        {
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

        .btn-group-vertical > .btn:last-child
        {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    .btn-group-vertical > .btn-large:first-child
    {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .btn-group-vertical > .btn-large:last-child
    {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    */
.displayblock {
    display: block;
}


/* quick info */

#quickinfodialog .dialog_content {
    background: white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    padding: 0px;
}

#termsdialog .dialog_content, #errordialog .dialog_content {
    background: white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}

#quickinfodialog .spacer, #termsdialog spacer {
    height: 25px;
}

#quickinfodialog .dialog_content .title {
    padding: 0 0 0px 10px;
    height: 50px;
}

#termsdialog .dialog_content .title {
    padding: 0px;
    height: 30px;
}

    #quickinfodialog .dialog_content .title span, #termsdialog .dialog_content .title span {
        display: block;
        float: left;
    }

        #termsdialog .dialog_content .title span.text {
            font-size: 18px;
            font-weight: bold;
        }

        #quickinfodialog .dialog_content .title span.text {
            font-size: 18px;
            font-weight: bold;
            padding: 10px;
        }

#quickinfodialog .dialog_content .content, #termsdialog .dialog_content .content {
    padding: 10px;
    height: 35px;
}

    #quickinfodialog .dialog_content .content .mtable, #termsdialog .dialog_content .content .mtable {
        width: 100%;
    }

#quickinfodialog .quick-info-image {
    width: 200px;
    margin-left: 10px;
}

.quickinfo-addtocart input[type="text"] {
    width: 25px;
    height: 25px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.quickinfo-qtylabel {
    /*margin-left:160px;*/
}

.mtable tr td, .mtable tr th {
    font-size: 13px;
    vertical-align: top;
    text-align: left;
}

#quickinfodialog .dialog_title .text {
    vertical-align: 40%;
    margin-left: 20px;
    font-weight: bold;
    font-size: 20px;
}

#quickinfodialog .summarycart {
    margin-top: 0px;
    height: 30px;
}

    #quickinfodialog .summarycart .labels {
        float: left;
        text-align: left;
        font-size: 12px;
    }

        #quickinfodialog .summarycart .labels span {
            padding-right: 5px;
            font-weight: bold;
        }

    #quickinfodialog .summarycart .subtotal {
        float: right;
        font-size: 16px;
        color: #666;
    }

        #quickinfodialog .summarycart .subtotal .pricelabel {
            font-size: 16px;
            color: #C00;
            font-weight: bold;
        }

.dialog_content content.light-grey {
    height: 60px;
}

#quickinfo_content .actions {
    display: block;
    height: 70px;
}

    #quickinfo_content .actions .continueshopping {
        float: left;
    }


.tradein-popup {
    overflow: auto;
}

    .tradein-popup p {
        font-size: 14px;
        font-weight: bold;
    }

    .tradein-popup .tradein-item {
        padding-left: 20px;
    }

    .tradein-popup #tradeinitemdetails {
        font-size: 14px;
        width: 300px;
        margin: 10px 0 0 20px;
        padding: 5px;
    }

.tradeinerror {
    border: solid 3px red;
}

#tradein-buttons {
    clear: both;
    display: block;
    overflow: auto;
    height: 30px;
    float: right;
    margin-top: 20px;
}
/* Address picker */


.shippingAddresses {
    width: 735px;
    padding-top: 20px;
}

    .shippingAddresses ul {
        padding: 0;
        margin: 0;
    }

    .shippingAddresses li {
        box-sizing: border-box;
        background: #fbfbfb;
        border: 1px solid #c6c6c6;
        /*margin: 0 10px 15px 5px;*/
        margin: 0 0 10px 10px;
        width: 200px;
        height: 160px;
        float: left;
        display: inline-block;
        list-style: none;
        position: relative;
        box-shadow: 0px 0px 4px 0px rgba(2, 2, 2, 0.36);
    }

        .shippingAddresses li .address-grid-top {
            padding: 10px;
            background: white;
        }

            .shippingAddresses li .address-grid-top.selected {
                padding: 10px;
                font-weight: bold;
            }

            .shippingAddresses li .address-grid-top input[type="radio"] {
                margin-right: 5px;
            }


        .shippingAddresses li .address-grid-bottom {
            padding: 10px;
            border-top: 1px solid #e0e0e0;
        }

/*Payment Methods*/

.shippingMethodErrorMessage {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: red;
}


.shippingMethods {
    width: 735px;
    padding-top: 20px;
}

    .shippingMethods ul {
        padding: 0;
        margin: 0;
    }

    .shippingMethods li {
        box-sizing: border-box;
        background: #fbfbfb;
        border: 1px solid #c6c6c6;
        /*margin: 0 10px 15px 5px;*/
        margin: 0 0 10px 10px;
        width: 200px;
        height: 260px;
        float: left;
        display: inline-block;
        list-style: none;
        position: relative;
        box-shadow: 0px 0px 4px 0px rgba(2, 2, 2, 0.36);
    }

        .shippingMethods li .address-grid-top {
            padding: 10px;
            background: white;
            height: 30px;
        }

            .shippingMethods li .address-grid-top.selected {
                padding: 10px;
                font-weight: bold;
            }

            .shippingMethods li .address-grid-top input[type="radio"] {
                margin-right: 5px;
            }

            .shippingMethods li .address-grid-top label {
                margin-right: 5px;
                width: 150px;
                float: right;
            }


        .shippingMethods li .address-grid-bottom {
            padding: 10px;
            border-top: 1px solid #e0e0e0;
        }

.ship-method-error {
    width: 400px;
    padding: 10px;
    background: #FFCCCC;
}

/*Payment Methods*/

.paymentMethods {
    width: 735px;
    padding-top: 20px;
}

    .paymentMethods ul {
        padding: 0;
        margin: 0;
    }

    .paymentMethods li {
        box-sizing: border-box;
        background: #fbfbfb;
        border: 1px solid #c6c6c6;
        /*margin: 0 10px 15px 5px;*/
        margin: 0 0 10px 10px;
        width: 300px;
        height: 250px;
        float: left;
        display: inline-block;
        list-style: none;
        position: relative;
        box-shadow: 0px 0px 4px 0px rgba(2, 2, 2, 0.36);
    }

        .paymentMethods li .payment-grid-top {
            padding: 10px;
            background: white;
        }

            .paymentMethods li .payment-grid-top.selected {
                padding: 10px;
                font-weight: bold;
            }

            .paymentMethods li .payment-grid-top input[type="radio"] {
                margin-right: 5px;
            }

            .paymentMethods li .payment-grid-top div.payment-instore {
                display: inline;
                width: 125px;
                height: 19px;
                float: right;
                background: url(images/payment-instore.png);
                background-repeat: no-repeat;
            }

            .paymentMethods li .payment-grid-top div.payment-creditcard {
                display: inline;
                width: 192px;
                height: 19px;
                float: right;
                background: url(images/payment-sagepay.png);
                background-repeat: no-repeat;
            }

            .paymentMethods li .payment-grid-top div.payment-finance {
                display: inline;
                width: 110px;
                height: 19px;
                float: right;
                background: url(images/payment-barclays.png);
                background-repeat: no-repeat;
            }


.button.paymentmethodbutton {
    clear: both;
    bottom: 10px;
    position: absolute;
    right: 10px;
}

    .button.paymentmethodbutton:active {
        bottom: 9px;
        top: auto !important;
    }

.paymentMethods li .payment-grid-bottom {
    padding: 10px;
    border-top: 1px solid #e0e0e0;
}

.barclayslogo {
    padding-top: 15px;
    max-width: 157px;
}

.finance-description p {
    font-size: 14px;
}

table.finance-grid {
    width: 100%;
    margin-bottom: 10px;
}

    table.finance-grid td {
        padding: 10px;
        font-size: 16px;
        font-family: 'Open Sans Condensed', sans-serif;
        border: solid 1px #CCC;
    }




/* Address edit/selection (address.aspx) */

.edit-address {
    clear: both;
    display: block;
}


.addressPicker {
    width: 100%;
}

ul.addressPicker {
    padding: 0;
    margin: 0;
}

.addressPicker li {
    box-sizing: border-box;
    background: white;
    border: 1px solid #c6c6c6;
    /*margin: 0 10px 15px 5px;*/
    margin: 0 0 10px 10px;
    width: 200px;
    min-height: 210px;
    float: left;
    display: inline-block;
    list-style: none;
    position: relative;
    box-shadow: 0px 0px 4px 0px rgba(2, 2, 2, 0.36);
}


    .addressPicker li.edit-address {
        background: white;
        border: 0px;
        /*margin: 0 10px 15px 5px;*/
        margin: 0 0 10px 10px;
        clear: both;
        width: 100%;
        display: block;
        height: 100%;
        list-style: none;
        position: static;
        box-shadow: none;
    }

    .addressPicker li .address-grid-top {
        padding: 10px;
        background: white;
    }

        .addressPicker li .address-grid-top.selected {
            padding: 10px;
            font-weight: bold;
        }

        .addressPicker li .address-grid-top input[type="radio"] {
            margin-right: 5px;
        }


    .addressPicker li .address-grid-bottom {
        padding: 10px;
        border-top: 1px solid #e0e0e0;
        bottom: 0px;
        width: 178px;
        display: block;
        clear: both;
        background: #fbfbfb;
        position: absolute;
    }

.addressPicker .selected-address {
    font-weight: 600;
}

div.input.nobottommargin {
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: normal;
}

    div.input.nobottommargin label {
        line-height: normal;
    }


div.input span.AFDError, div.input span.afderror {
    clear: both;
    display: block;
    font-weight: 600;
    color: Red;
    width: 100%;
    padding-left: 160px;
    text-align: left;
}


/* Create Account */

.createaccount-shippingdetails {
    /* display:none; */
}

#createaccount h1.title {
    margin: 40px 0 20px 0;
    font-size: 400%;
}

/* Password validation */

#pswd_info {
    position: absolute;
    z-index: 199;
    left: 50px;
    /* bottom:-75px;
	bottom: -115px\9; /* IE Specific 
	right:55px;*/
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
}

    #pswd_info h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }


#opc-pswd_info {
    position: relative;
    z-index: 2199;
    top: 5px;
    left: 10px;
    /* bottom:-75px;
	bottom: -115px\9; /* IE Specific 
	right:55px;*/
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
}

    #opc-pswd_info h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #opc-pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 10px;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

.passwordpopup2 {
    position: absolute;
}


.pswd_invalid {
    color: red;
}

.pswd_valid {
    color: green;
}

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

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

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}
/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget-header .ui-icon {
    background-image: url(images/overlay_close.png);
    background-position: 0px;
    padding-top: 10px;
    margin-left: 10px;
}

.ui-corner-tl {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ui-corner-right {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ui-corner-all {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
}

.ui-dialog {
    border-radius: 10px;
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    background: url(images/bg_tooltip.png) repeat;
    padding: 10px;
}

    .ui-dialog .ui-dialog-titlebar {
        position: relative;
        height: 0px;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0 .2em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        z-index: 23;
        right: .3em;
        top: 50%;
        height: 55px;
        width: 55px;
        margin: -16px -20px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            height: 55px;
            width: 55px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}



.jcarousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 200px;
}

    .jcarousel ul {
        width: 20000em;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel li {
        float: left;
    }



/* Order table */
/*
table.email-order-table 
{
    width:630px;
    font-weight:normal;
}

table.email-order-table tr th 
{
    background-color:#EEEEFF;
}

table.email-order-table tr.subtotal,
table.email-order-table tr.ordertotal
{
    border-top:1px dotted #888;
}
table.email-order-table th.head-qty, 
table.email-order-table th.head-description,
table.email-order-table td.line-qty, 
table.email-order-table td.line-description
{
    text-align:left;
}

table.email-order-table th,
table.email-order-table td
{
    padding:10px;
}

table.email-order-table th.head-price, 
table.email-order-table th.head-total,
table.email-order-table td.line-price, 
table.email-order-table td.line-total,
table.email-order-table td.subtotal-price,
table.email-order-table td.total-price,
table.email-order-table td.delivery-price,
table.email-order-table td.ordertotal-price
{
    text-align:right;
}
*/

.isitepanel {
    width: 480px;
    height: 441px;
    display: none;
}

.b-iframe {
    width: 480px;
    height: 441px;
    background: black;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

    .jspVerticalBar *,
    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #eee;
    position: relative;
}

.jspDrag {
    background: rgb(14,171,207);
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d;
    }

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

select.title-selector {
    width: 80px !important;
}

.hideonload {
    display: none;
}


/* RDC service */

.rdc-outer {
    clear: both;
    margin-top: 2px;
    background-color: #efefff;
    border: solid 2px #333;
    border-radius: 5px;
    overflow: hidden;
}

.rdc-header {
    background: url(images/RDCTradeInBanner.jpg);
    width: 460px;
    height: 80px;
    margin-bottom: 5px;
    /*
    -webkit-box-shadow: 0px 6px 15px 0px rgba(200, 50, 50, 0.2);
-moz-box-shadow:    0px 6px 15px 0px rgba(200, 50, 50, 0.2);
box-shadow:         0px 6px 15px 0px rgba(200, 50, 50, 0.2);
      */
}

.rdc-footer {
    clear: both;
    background: url(images/RDCTradeInbase.jpg);
    width: 460px;
    height: 15px;
    /*
    
    -webkit-box-shadow: 0px -6px 5px 0px rgba(200, 50, 50, 0.3);
-moz-box-shadow:    0px -6px 5px 0px rgba(200, 50, 50, 0.3);
box-shadow:         0px -6px 5px 0px rgba(200, 50, 50, 0.3);
      */
}


#rdc-basket-container {
    padding-left: 15px;
}

    .rdc-outer h3, #rdc-basket-container h3 {
        margin: 0;
        color: #555;
        font-size: 12px;
    }

.rdc-outer select {
    margin-right: 3px;
    font-size: 90%;
}

#rdc-basket-container select {
    font-size: 125%;
    margin-right: 5px;
}

.rdc-left {
    width: 51%;
    float: left;
    padding: 5px 5px 7px 5px;
}

.rdc-right {
    width: 44%;
    float: right;
    padding: 5px;
    overflow: hidden;
}

.xrdc-left {
    width: 16%;
    float: left;
    padding: 5px;
}

.xrdc-right {
    width: 78%;
    float: right;
    padding: 5px;
    overflow: hidden;
}

.rdctradein-item {
    display: block;
    margin-left: 15px;
    margin-bottom: 5px;
}

.rdc-abc, .xrdc-abc {
    width: 27%;
    margin-right: 3px;
    float: left;
    border: solid 1px #999;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px;
    display: none;
}

    .rdc-abc button.addtocart {
        width: 100%;
        padding: 4px 2px 2px 2px;
        margin-top: 5px;
    }

.rdcgradespopup h4 {
    font-size: 20px;
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: bold;
}

.rdc-tradein-instore {
    clear: both;
    padding: 5px 5px 0 5px;
    font-size: 11px;
}

.rdcgradespopup h4.gradea {
    color: green;
}

.rdcgradespopup h4.gradeb {
    color: orange;
}

.rdcgradespopup h4.gradec {
    color: red;
}

#rdc-television-not-listed {
    clear: both;
    display: block;
    text-decoration: none;
    font-size: 11px;
    padding-top: 4px;
}

#rdc-grade-explain {
    float: right;
    display: none;
    font-size: 11px;
    text-decoration: none;
    margin-top: 6px;
}

.rdc-pricing {
    font-weight: bold;
    float: right;
}


#rdc-condition-container {
    clear: both;
    margin-left: 15px;
    margin-top: 10px;
}

input.rdc-cond {
    padding-left: 15px;
}

#rdc-condition-container > div {
    border: solid 1px #AAA;
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 5px;
}

#rdc-condition-container span {
    font-weight: bold;
}


/* RDC Trade IN - Basket variants */


.rdc-basket-outer {
    margin-top: 5px;
    background: url(images/rdctradeinbasket.png) no-repeat;
    padding-top: 50px;
    font-size: 12px;
}

    .rdc-basket-outer h3, #rdc-basket-container h3 {
        margin: 0;
        color: #555;
        font-size: 17px;
        font-weight: normal;
    }

    .rdc-basket-outer .rdc-right {
        width: 100%;
        padding: 5px;
        overflow: hidden;
    }


.sitewidebanner {
    /*border: solid 1px #000;*/
    text-align: center;
    /*margin-bottom: 3px;*/
}

    .sitewidebanner img {
        width: 100%;
    }

#worldpay-div {
    height: 600px;
}


#wp-cl-worldpay-div-iframe {
    height: 600px;
    width: 100%;
}

.Zebra_Tooltip {
    position: absolute;
    z-index: 8000;
    background: transparent;
    font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

    .Zebra_Tooltip .Zebra_Tooltip_Message {
        position: relative;
        padding: 20px;
        font-size: inherit;
        text-align: left;
        font-weight: normal;
        line-height: inherit;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
        -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
        box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
        *margin-right: 0;
        _width: expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow {
        position: absolute;
        height: 10px;
        width: 20px;
        overflow: hidden;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom {
        bottom: 0;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow_Top {
        top: 0;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow div {
        position: absolute;
        border-style: solid;
        border-width: 10px;
        height: 0;
        width: 0;
        left: 0;
        _border-left-color: pink;
        _border-right-color: pink;
        _filter: chroma(color=pink);
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div {
        top: 0;
        _border-bottom-color: pink;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div {
        bottom: 0;
        _border-top-color: pink;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Close {
        text-decoration: none;
        color: #FFF;
        position: absolute;
        right: 8px;
        top: 1px;
        font-size: inherit;
        font-weight: bold;
    }

        .Zebra_Tooltip .Zebra_Tooltip_Close:hover {
            color: #C40000;
        }

    .Zebra_Tooltip h3 {
        margin: 0;
        font-size: 18px;
        text-shadow: none;
    }

        .Zebra_Tooltip h3.rdcgradea {
            color: #55ff55;
        }

        .Zebra_Tooltip h3.rdcgradeb {
            color: orange;
        }

        .Zebra_Tooltip h3.rdcgradec {
            color: #ff5555;
        }


    .Zebra_Tooltip div.tooltips:hover {
        cursor: pointer;
    }
/*
.dealerproductsalesmessage {

    background-color:#777;
    color:white;
    padding:3px 3px 3px 5px;
    display:inline;
    font-weight:bold;
}

    

.searchSalesMessage {
    
    font-weight:bold;
    background-color:#777;
    color:white;
    padding:3px;
}

.spotlightSalesMessage {
    
    font-weight:bold;
    background-color:#777;
    color:white;
    padding:3px;
    display:inline;
}

.home-grid .description
{
    padding-top: 5px;
 
}
    */

.dealerproductsalesmessage {
    color: red;
    font-weight: 600;
    font-family: 'Open Sans Condensed', sans-serif;
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}



.product-grid .price span.searchSalesMessage {
    text-align: center;
    color: red;
    font-weight: bold;
    display: block;
    padding: 5px 10px 0 10px;
    min-height: 30px;
    font-family: 'Open Sans Condensed';
}

.prodDescription {
    text-align: center;
    color: black;
    display: block;
    padding: 5px 10px 0 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
}

    .prodDescription p {
        height: 80px;
        line-height: 1.3;
    }

.spotlightSalesMessage {
    color: red;
    font-weight: bold;
    display: block;
    clear: both;
}

.home-grid .description {
    padding-top: 5px;
}

.affix {
    transition-delay: 1s;
}



/* New CEFASOFT One Page Checkout (OPC.aspx)*/


/* New CEFASOFT One Page Checkout (OPC.aspx)*/


/* opc styles taken from style.css to only affect opc*/

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

/* the following rule did include input[type="password"]*/

.opc-page .col-sm-10 {
    padding-top: 10px;
}

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

.opc-page .form-group {
    margin-bottom: 5px;
}


.opc-error-message {
    margin-top: 15px;
    background: red;
    padding: 10px;
    color: white;
    font-size: 120%;
}

.opc-checkout-outer input[type="button"], textarea {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.opc-page input[type="button"]:hover, .opc-page input[type="submit"]:hover {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}


h1.opc-title {
    margin: 40px 0 20px 0;
    font-size: 400%;
}

.opc-outer {
    margin-bottom: 10px;
    background: #fff;
}

.opc-col-left, .opc-col-right {
    width: 50%;
    float: left;
}


.opc-page h1 {
    margin: 10px 0;
}

.opc-page h2, .opc-page h3, .opc-page h4, .opc-page h5 {
    margin: 5px 0;
}

.opc-page h3 {
    margin: 25px 0 10px 0;
}

.opc-basket-outer {
    padding-left: 15px;
    width: 49%;
    float: left;
    height: 100%;
}

.opc-checkout-outer .seehowonregcust {
    display: none;
    float: left;
}

.opc-checkout-outer {
    padding-top: 20px;
    border: none; /**/
    /* padding-left: 10px;*/
    /*box-shadow: -9px 0px 5px -5px #CCC;*/
    min-height: 750px;
}

    .opc-checkout-outer button {
        /*margin-top: 25px;*/
    }

    .opc-checkout-outer label {
        font-weight: normal;
        font-size: 13px;
    }

    .opc-checkout-outer .opc-login-left p,
    .opc-checkout-outer .new-customer-outer p {
        margin-top: 30px;
    }

.opc-login-right .pcustomer-outer label {
    clear: both;
    padding: 5px 0;
    margin: 0;
    display: block;
}

.opc-login-right .new-customer-outer #email-ok .email-ok {
    background: green;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-left: 5px;
    display: block;
    float: right;
}

.opc-login-left, .opc-login-right {
    float: left;
    padding-right: 10px;
    width: 49%;
}

#opc-complete-order {
    font-weight: bold;
}

#forgotPassword {
    margin-left: 5px;
}

#newpassword2, #newcustomeremail2 {
}

#opc-cust-registered-message {
    background-color: #f5f5ff;
    border: solid 1px #f0f0ff;
    border-radius: 5px;
    width: 80%;
    padding: 5px 8px 5px 8px;
    margin-bottom: 5px;
}

.opc-login-right {
    /*border-left: 1px dotted #CCC;*/
    padding-left: 10px;
    float: left;
}

    .opc-login-right.fullwidth {
        width: 100%;
    }

        .opc-login-right.fullwidth input {
            width: 90%;
        }

        .opc-login-left label,
        .opc-login-right.fullwidth label {
            margin-top: 10px;
        }


div.login-error, div.address-error, div.return-error {
    padding: 5px;
    background-color: red;
    color: white;
    font-weight: bold;
    margin: 10px 0 0 0;
}

div.address-error {
    text-align: left;
    display: inline-block;
    width: 300px;
    margin-left: 160px;
    padding: 5px 10px 5px 10px;
}

div.input span.unhappyMessage {
    text-align: left;
}

.unhappyMessage div.login-error > span.glyphicon,
.unhappyMessage div.address-error > span.glyphicon {
    margin: 3px 0 0 3px;
    color: white;
}


#opc-login-error, #opc-bademailformat {
    padding: 10px;
    background-color: red;
    color: white;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.opc-page .input {
    vertical-align: top;
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
}

    .opc-page .input .opc-delivery-text {
        float: left;
        width: 70%;
    }

    .opc-page .input > span {
        font-size: 14px;
        font-weight: bold;
        color: black;
        display: block;
        min-width: 150px;
        line-height: normal;
        float: left;
        margin-left: 10px;
        /*vertical-align:top;*/
        margin-right: 10px;
    }


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

#copyaddress {
    margin: 10px 0;
}

#opc-specialoffers .offer-option {
    margin-bottom: 10px;
}

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

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

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



.opc-payment-logo {
    width: 100px;
    min-height: 66px;
    margin-right: 10px;
    float: left;
    clear: left;
    padding-bottom: 10px;
}

.opc-payment-sagepay {
    background-image: url(images/opc-sagepay2.png);
    background-repeat: no-repeat;
}

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

.opc-payment-hitachi {
    background-image: url(images/opc-hitachi.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 {
    background: url(images/opc-instore.png);
    background-repeat: no-repeat;
}

.opc-payment-paypal {
    background: url(images/opc-paypal.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: fixed;
    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-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;
}



.opc-newaddress-outer {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 5px;
}

.opc-address-select {
    padding-bottom: 10px;
}

.opc-page span.unhappyMessage {
    display: block;
    width: 90%;
    color: red;
}

.opc-displayaddress p {
    margin: 2px 0;
}

.opc-page span.unhappyMessage span {
    text-align: right;
    padding-right: 5px;
    color: red;
    margin-top: -4px;
}

.opc-page input.unhappy {
    background-color: #FEE;
}

.checkout-cart table.cart-items {
    width: 90%;
}

#opc-delivopt {
    /* width: 400px;*/
}
/*
.opc-address-select.existing-address {
    border:solid 1px #CCC;
    border-radius:5px;
    padding:5px;
    min-height:150px;
}
.opc-address-select.existing-address.selected-address {
    border:solid 2px #CCC;
    background:#EEF;
}
    */



.nomenupage-header .container {
    background-color: white;
    border-bottom: solid 2px #ccc;
}

.please-register-page .container {
    background-color: #eee;
}

.container.global-menu-container {
    background: url('images/fullmenubg.jpg') no-repeat #313131;
    height: 280px;
    padding-bottom: 0;
}

.global-menu-bar {
    font-family: 'Open Sans Condensed', Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.global-menu-bar-text {
    padding: 0;
    color: white;
}

    .global-menu-bar-text .divider {
        padding: 0 15px;
        font-weight: normal;
        color: #b6b6b6;
    }

    .global-menu-bar-text a {
        color: #b6b6b6;
    }

        .global-menu-bar-text a:hover {
            color: #fff;
            text-decoration: none;
        }

div.global-menu-container {
    padding-top: 0px;
    padding-bottom: 25px;
    overflow: hidden;
}

.global-menu-top {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #636363;
}


.global-menu-base {
    padding-top: 10px;
    padding-bottom: 10px;
}

.global-menu-content {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: solid 1px #636363;
}

ul.global-menu {
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}

    ul.global-menu li.global-menu-item {
        width: 130px;
        float: left;
        display: inline-block;
        text-align: center;
    }

        ul.global-menu li.global-menu-item .global-menu-title {
            min-height: 40px;
            margin-top: 5px;
        }

        ul.global-menu li.global-menu-item a {
            color: #b6b6b6;
            font-family: 'Open Sans Condensed',sans-serif;
            font-weight: bold;
            font-size: 14px;
            margin-top: 5px;
        }

            ul.global-menu li.global-menu-item a:hover {
                color: #fff;
                text-decoration: none;
            }

.global-menu-base-text {
    padding: 5px 0 5px 0;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #b6b6b6;
    float: right;
}

.explore-products {
    background: url('images/exploreproducts.png') no-repeat;
    padding-left: 20px;
    background-position: left center;
    color: #b6b6b6;
}

    .explore-products:hover {
        color: #fff;
        text-decoration: none;
    }

.global-menu-container,
.global-menu-content.parentcat,
.global-menu-content.childcat {
    display: none;
}

.global-menu-cancel {
    float: right;
}


/*-- Mini cart */
div.cartContents {
    display: inline;
}

div.mini-cart-placeholder {
    display: inline;
}

div.mini-cart {
    background: #FFF;
    color: white;
    border: solid 3px white;
    padding: 10px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 14px;
}

    div.mini-cart a, div.mini-cart a span {
        color: #2f96b4;
    }

        div.mini-cart a:hover, div.mini-cart a:hover span {
            color: #000;
        }

    div.mini-cart .modal-body {
        background: #FFFFFF;
        color: black;
    }

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

    div.mini-cart .cart-totals {
        font-size: 12px;
        background-color: #e5e5e5;
        padding: 10px 0 10px 0;
    }

        div.mini-cart .cart-totals .subtotal-text {
            font-size: 22px;
        }

        div.mini-cart .cart-totals .subtotal {
            font-size: 22px;
        }

.mini-cart-line {
    padding: 20px 0 20px 0;
    font-size: 16px;
    margin-top: 10px;
    border-top: dotted 1px #ccc;
}

    .mini-cart-line .unit-price {
        font-size: 11px;
    }

    .mini-cart-line .product-type {
        font-size: 12px;
    }

    .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: #666;
        font-size: 90%;
    }

    .mini-cart-line div.promotion-message {
        font-size: 12px;
        font-family: Arial;
    }

    .mini-cart-line .promoalert {
        margin-right: 3px;
        display: inline-block;
        font-size: 80%;
        font-family: arial;
        font-weight: normal;
        padding: 3px;
        background-color: #eee;
        border-radius: 3px;
        color: black;
    }

.collect-page h1, .order-complete h1 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.collect-page table {
    width: 100%;
}

.collect-page div.input select {
    width: auto;
}

.collect-page input[type="text"] {
    height: 34px;
}

    .collect-page input[type="text"].txtTitle {
        display: none;
    }

.collect-page table.collect-product {
    margin: 15px 0 15px 0;
}

    .collect-page table.collect-product th {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 14px;
    }

    .collect-page table.collect-product td.prod-image {
        width: 1%;
    }

.collect-page span.unhappyMessage {
    width: 50%;
    background-color: red;
    padding: 8px 10px 8px 10px;
    margin: 5px 0 0 130px;
    line-height: 14px;
    color: white;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.collect-page #please-wait {
    font-size: 18px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
}

img.rsImg {
    width: 100%;
}


.autoform .unhappyMessage {
    color: #F44336;
    display: block;
    margin-top:3px;
    width: 100%;
    border: 0;
 
}

.autoform input[type="checkbox"].form-control {
    margin-left: -35px;
    width: 100px;
    border: 0;
    float: left;
    box-shadow: none;
}
/**
 *
 * slippry v1.2.9 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}
/* added to the original element calling slippry */
.sy-box.sy-loading {
    background: url("images/sy-loader.gif") 50% 50% no-repeat;
    -moz-background-size: 32px;
    -o-background-size: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
    min-height: 40px;
}

    .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
        visibility: hidden;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.btn-default, btn-primary {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
}

.btn-panablue {
    color: #fff;
    background-color: #00A0C6;
    border-color: #0090b6;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
}

    .btn-panablue:hover,
    .btn-panablue:focus,
    .btn-panablue.focus,
    .btn-panablue:active,
    .btn-panablue.active,
    .open > .dropdown-toggle.btn-panablue {
        color: #fff;
        background-color: #00B0D6;
        border-color: #00A0C6;
    }

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

    .btn-panablue.disabled,
    .btn-panablue[disabled],
    fieldset[disabled] .btn-panablue,
    .btn-panablue.disabled:hover,
    .btn-panablue[disabled]:hover,
    fieldset[disabled] .btn-panablue:hover,
    .btn-panablue.disabled:focus,
    .btn-panablue[disabled]:focus,
    fieldset[disabled] .btn-panablue:focus,
    .btn-panablue.disabled.focus,
    .btn-panablue[disabled].focus,
    fieldset[disabled] .btn-panablue.focus,
    .btn-panablue.disabled:active,
    .btn-panablue[disabled]:active,
    fieldset[disabled] .btn-panablue:active,
    .btn-panablue.disabled.active,
    .btn-panablue[disabled].active,
    fieldset[disabled] .btn-panablue.active {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-panablue .badge {
        color: #00A0C6;
        background-color: #fff;
    }



/* --- */
.btn-panabluelt {
    color: #fff;
    background-color: #537076;
    border-color: #555;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
}

    .btn-panabluelt:hover,
    .btn-panabluelt:focus,
    .btn-panabluelt:active,
    .btn-panabluelt.active,
    .open > .dropdown-toggle.btn-panabluelt {
        color: #fff;
        background-color: #739096;
        border-color: #555;
    }

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

    .btn-panabluelt.disabled,
    .btn-panabluelt[disabled],
    fieldset[disabled] .btn-panabluelt,
    .btn-panabluelt.disabled:hover,
    .btn-panabluelt[disabled]:hover,
    fieldset[disabled] .btn-panabluelt:hover,
    .btn-panabluelt.disabled:focus,
    .btn-panabluelt[disabled]:focus,
    fieldset[disabled] .btn-panabluelt:focus,
    .btn-panabluelt.disabled.focus,
    .btn-panabluelt[disabled].focus,
    fieldset[disabled] .btn-panabluelt.focus,
    .btn-panabluelt.disabled:active,
    .btn-panabluelt[disabled]:active,
    fieldset[disabled] .btn-panabluelt:active,
    .btn-panabluelt.disabled.active,
    .btn-panabluelt[disabled].active,
    fieldset[disabled] .btn-panabluelt.active {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-panabluelt .badge {
        color: #00A0C6;
        background-color: #fff;
    }



/* --- */

.btn-panablack {
    color: #fff;
    background-color: #000;
    border-color: #333;
    font-weight: bold;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
}

    .btn-panablack:hover,
    .btn-panablack:focus,
    .btn-panablack.focus,
    .btn-panablack:active,
    .btn-panablack.active,
    .open > .dropdown-toggle.btn-panablue {
        color: #fff;
        background-color: #333;
        border-color: #666;
    }

    .btn-panablack:active,
    .btn-panablack.active,
    .open > .dropdown-toggle.btn-panablue {
        background-image: none;
    }

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

    .btn-panablack .badge {
        color: #000;
        background-color: #fff;
    }


/* --- */


/* --- */


.btn-pananav {
    color: #fff;
    background-color: #000;
    border-color: #333;
    font-weight: bold;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    outline: none;
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
}

    .btn-pananav:hover,
    .btn-pananav:focus,
    .btn-pananav.focus,
    .btn-pananav:active,
    .btn-pananav.active,
    .open > .dropdown-toggle.btn-panablue {
        color: #fff;
        background-color: #333;
        border-color: #666;
        outline: 0;
    }

    .btn-pananav:active,
    .btn-pananav.active,
    .open > .dropdown-toggle.btn-panablue {
        background-image: none;
    }

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

    .btn-pananav .badge {
        color: #000;
        background-color: #fff;
    }


    .btn-pananav.onscreen {
        background-color: #fff;
        color: #000;
    }

/***************************************************
    Special Offers Page
  ************************************************/

#specialoffers-outer {
}

    #specialoffers-outer a {
        color: #555;
    }

        #specialoffers-outer a:hover {
            color: #000;
            text-decoration: none;
        }

    #specialoffers-outer h1 {
        margin: 5px 0 10px 0;
        text-align: left;
        font-size: 1.4em;
    }

    #specialoffers-outer div.promotext {
        padding: 10px 5px 25px 5px;
        font-size: 1.2em;
    }


/**************************************************8
    CS Form
*****************************************************/


.csform {
}

    .csform .form-control {
        margin-bottom: 5px;
    }


    .csform select.form-control {
        width: auto;
    }

    .csform input {
        max-width: 400px;
    }

    .csform label.css-label {
        font-weight: normal;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .csform .form-group .css-label {
        padding-top: 8px;
    }
/* --- */
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            /*padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;*/
            padding-left: 4px;
            padding-top: 2px;
            font-size: 9px;
            color: #555555;
        }

    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input[type="checkbox"]:focus + label::before,
        .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after,
        .checkbox input[type="radio"]:checked + label::after {
            /*font-family: "FontAwesome";
  content: "\f00c";*/
            font-family: 'Glyphicons Halflings';
            content: "\e013";
        }

        .checkbox input[type="checkbox"]:disabled + label,
        .checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before,
            .checkbox input[type="radio"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

/* ASCheck */

.asCheck_checkbox.asCheck_skin-1 {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 3px 0 0;
    padding: 0;
    vertical-align: middle;
    background-color: #dddddd;
    background-image: url("images/check-radio.png");
    background-position: 22px 0;
    cursor: pointer;
}

    .asCheck_checkbox.asCheck_skin-1:hover {
        background-color: #ffffff;
        background-position: -10px -10px;
    }

    .asCheck_checkbox.asCheck_skin-1.asCheck_checked {
        background-color: #ffffff;
        background-position: -48px -10px;
    }

    .asCheck_checkbox.asCheck_skin-1.asCheck_disabled {
        background-color: #eeeeee;
        background-position: 22px 0;
        cursor: default;
    }

        .asCheck_checkbox.asCheck_skin-1.asCheck_disabled.asCheck_checked {
            background-color: #ffffff;
            background-position: -86px -10px;
            cursor: default;
        }

.asCheck_radio.asCheck_skin-1 {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #dddddd;
    background-image: url("images/check-radio.png");
    background-position: 22px 0;
    cursor: pointer;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-transform: 23px;
    -o-transform: 23px;
    border-radius: 23px;
}

    .asCheck_radio.asCheck_skin-1:hover {
        background-color: #ffffff;
        background-position: -128px -11px;
    }

    .asCheck_radio.asCheck_skin-1.asCheck_checked {
        background-color: #ffffff;
        background-position: -162px -11px;
    }

    .asCheck_radio.asCheck_skin-1.asCheck_disabled {
        background-color: #eeeeee;
        background-position: 22px 0;
        cursor: default;
    }

        .asCheck_radio.asCheck_skin-1.asCheck_disabled.asCheck_checked {
            background-color: #ffffff;
            background-position: -196px -11px;
            cursor: default;
        }

.asCheck_checkbox.asCheck_skin-2 {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: url("images/check-radio.png");
    background-position: 14px 0;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-transform: 3px;
    -o-transform: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -ms-transform: 0 1px 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -o-transform: 0 1px 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

    .asCheck_checkbox.asCheck_skin-2:hover {
        border-color: #7ebfee;
        -webkit-box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -ms-transform: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -o-transform: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    }

    .asCheck_checkbox.asCheck_skin-2.asCheck_checked {
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        -moz-box-shadow: 1px 1px 0 0 #ffffff;
        -ms-transform: 1px 1px 0 0 #ffffff;
        -o-transform: 1px 1px 0 0 #ffffff;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        box-shadow: 1px 1px 0 0 #ffffff;
        background-position: -11px -51px;
    }

        .asCheck_checkbox.asCheck_skin-2.asCheck_checked:hover {
            border-color: #d9d9d9;
        }

    .asCheck_checkbox.asCheck_skin-2.asCheck_disabled {
        background-color: #f6f6f6;
        border-color: #ebebeb;
        cursor: default;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        -moz-box-shadow: 1px 1px 0 0 #ffffff;
        -ms-transform: 1px 1px 0 0 #ffffff;
        -o-transform: 1px 1px 0 0 #ffffff;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        box-shadow: 1px 1px 0 0 #ffffff;
    }

        .asCheck_checkbox.asCheck_skin-2.asCheck_disabled.asCheck_checked {
            background-color: #f6f6f6;
            background-position: -51px -51px;
            border-color: #ebebeb;
            cursor: default;
            -webkit-box-shadow: 1px 1px 0 0 #ffffff;
            -moz-box-shadow: 1px 1px 0 0 #ffffff;
            -ms-transform: 1px 1px 0 0 #ffffff;
            -o-transform: 1px 1px 0 0 #ffffff;
            -webkit-box-shadow: 1px 1px 0 0 #ffffff;
            box-shadow: 1px 1px 0 0 #ffffff;
        }

.asCheck_radio.asCheck_skin-2 {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: url("images/check-radio.png");
    background-position: 14px 0;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-transform: 15px;
    -o-transform: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -ms-transform: 0 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -o-transform: 0 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

    .asCheck_radio.asCheck_skin-2:hover {
        border-color: #7ebfee;
        -webkit-box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -ms-transform: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -o-transform: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 8px 0 rgba(111, 184, 236, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    }

    .asCheck_radio.asCheck_skin-2.asCheck_checked {
        background-position: -90px -48px;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        -moz-box-shadow: 1px 1px 0 0 #ffffff;
        -ms-transform: 1px 1px 0 0 #ffffff;
        -o-transform: 1px 1px 0 0 #ffffff;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        box-shadow: 1px 1px 0 0 #ffffff;
    }

        .asCheck_radio.asCheck_skin-2.asCheck_checked:hover {
            border-color: #d9d9d9;
        }

    .asCheck_radio.asCheck_skin-2.asCheck_disabled {
        background-color: #f6f6f6;
        border-color: #ebebeb;
        cursor: default;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        -moz-box-shadow: 1px 1px 0 0 #ffffff;
        -ms-transform: 1px 1px 0 0 #ffffff;
        -o-transform: 1px 1px 0 0 #ffffff;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff;
        box-shadow: 1px 1px 0 0 #ffffff;
    }

        .asCheck_radio.asCheck_skin-2.asCheck_disabled.asCheck_checked {
            background-color: #f6f6f6;
            background-position: -120px -48px;
            border-color: #ebebeb;
            cursor: default;
            -webkit-box-shadow: 1px 1px 0 0 #ffffff;
            -moz-box-shadow: 1px 1px 0 0 #ffffff;
            -ms-transform: 1px 1px 0 0 #ffffff;
            -o-transform: 1px 1px 0 0 #ffffff;
            -webkit-box-shadow: 1px 1px 0 0 #ffffff;
            box-shadow: 1px 1px 0 0 #ffffff;
        }

.asCheck_checkbox.asCheck_skin-3 {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: url("images/check-radio.png");
    background-position: 18px 0;
    border: 2px solid #d0d0d0;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-transform: 3px;
    -o-transform: 3px;
    border-radius: 3px;
}

    .asCheck_checkbox.asCheck_skin-3:hover {
        border-color: #7ebdcc;
    }

    .asCheck_checkbox.asCheck_skin-3.asCheck_checked {
        background-position: -9px -78px;
        border-color: #7ebdcc;
    }

    .asCheck_checkbox.asCheck_skin-3.asCheck_disabled {
        border-color: #ebebeb;
        cursor: default;
    }

        .asCheck_checkbox.asCheck_skin-3.asCheck_disabled.asCheck_checked {
            background-position: -49px -78px;
            border-color: #ebebeb;
            cursor: default;
        }

.asCheck_radio.asCheck_skin-3 {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: url("images/check-radio.png");
    background-position: 18px 0;
    border: 2px solid #d0d0d0;
    cursor: pointer;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-transform: 19px;
    -o-transform: 19px;
    border-radius: 19px;
}

    .asCheck_radio.asCheck_skin-3:hover {
        border-color: #7ebdcc;
    }

    .asCheck_radio.asCheck_skin-3.asCheck_checked {
        background-position: -90px -77px;
        border-color: #7ebdcc;
    }

    .asCheck_radio.asCheck_skin-3.asCheck_disabled {
        border-color: #ebebeb;
        cursor: default;
    }

        .asCheck_radio.asCheck_skin-3.asCheck_disabled.asCheck_checked {
            background-position: -118px -76px;
            border-color: #ebebeb;
            cursor: default;
        }

.asCheck_checkbox.asCheck_skin-4 {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url("images/check-radio.png");
    background-position: -8px -207px;
    cursor: pointer;
}

    .asCheck_checkbox.asCheck_skin-4.asCheck_checked {
        background-position: -43px -207px;
    }

    .asCheck_checkbox.asCheck_skin-4.asCheck_disabled {
        background-position: -86px -207px;
        cursor: default;
    }

        .asCheck_checkbox.asCheck_skin-4.asCheck_disabled.asCheck_checked {
            background-position: -129px -206px;
            cursor: default;
        }

.asCheck_radio.asCheck_skin-4 {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url("images/check-radio.png");
    background-position: -7px -174px;
    cursor: pointer;
}

    .asCheck_radio.asCheck_skin-4.asCheck_checked {
        background-position: -45px -174px;
    }

    .asCheck_radio.asCheck_skin-4.asCheck_disabled {
        background-position: -86px -174px;
        cursor: default;
    }

        .asCheck_radio.asCheck_skin-4.asCheck_disabled.asCheck_checked {
            background-position: -123px -175px;
            cursor: default;
        }

.asCheck_checkbox.asCheck_skin-5 {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #fff;
    background-image: url("images/check-radio.png");
    background-position: -9px -246px;
    cursor: pointer;
}

    .asCheck_checkbox.asCheck_skin-5.asCheck_checked {
        background-position: -46px -246px;
    }

    .asCheck_checkbox.asCheck_skin-5.asCheck_disabled {
        background-position: -86px -245px;
        cursor: default;
    }

        .asCheck_checkbox.asCheck_skin-5.asCheck_disabled.asCheck_checked {
            background-position: -127px -247px;
            cursor: default;
        }

.asCheck_radio.asCheck_skin-5 {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url("images/check-radio.png");
    background-position: -8px -278px;
    cursor: pointer;
}

    .asCheck_radio.asCheck_skin-5.asCheck_checked {
        background-position: -46px -279px;
    }

    .asCheck_radio.asCheck_skin-5.asCheck_disabled {
        background-position: -87px -281px;
        cursor: default;
    }

        .asCheck_radio.asCheck_skin-5.asCheck_disabled.asCheck_checked {
            background-position: -125px -278px;
            cursor: default;
        }


/* CSS CHECKBOX */

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: 44px;
        height: 31px;
        display: inline-block;
        line-height: 30px;
        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;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: 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;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: rgba(0,0,0,0);
    }

        .featherlight:last-of-type {
            background: rgba(0,0,0,.8);
        }

        .featherlight:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -.25em;
        }

        .featherlight .featherlight-content {
            position: relative;
            text-align: left;
            vertical-align: middle;
            display: inline-block;
            overflow: auto;
            padding: 25px 25px 0;
            border-bottom: 25px solid transparent;
            min-width: 30%;
            margin-left: 5%;
            margin-right: 5%;
            max-height: 95%;
            background: #fff;
            cursor: auto;
            white-space: normal;
        }

        .featherlight .featherlight-inner {
            display: block;
        }

        .featherlight .featherlight-close-icon {
            position: absolute;
            z-index: 9999;
            top: 0;
            right: 0;
            line-height: 25px;
            width: 25px;
            cursor: pointer;
            text-align: center;
            font-family: Arial,sans-serif;
            background: #fff;
            background: rgba(255,255,255,.3);
            color: #000;
        }

        .featherlight .featherlight-image {
            width: 100%;
        }

    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        border: 0;
    }
}

@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}



.bootstrap-dialog {
    /* dialog types */
    /**
     * Icon animation
     * Copied from font-awesome: http://fontawesome.io/
     **/
    /** End of icon animation **/
}

    .bootstrap-dialog .modal-header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .bootstrap-dialog .bootstrap-dialog-title {
        color: #fff;
        display: inline-block;
        font-size: 16px;
    }

    .bootstrap-dialog .bootstrap-dialog-message {
        font-size: 14px;
    }

    .bootstrap-dialog .bootstrap-dialog-button-icon {
        margin-right: 3px;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button {
        font-size: 20px;
        float: right;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

        .bootstrap-dialog .bootstrap-dialog-close-button:hover {
            cursor: pointer;
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .bootstrap-dialog.type-default .modal-header {
        background-color: #ffffff;
    }

    .bootstrap-dialog.type-default .bootstrap-dialog-title {
        color: #333;
    }

    .bootstrap-dialog.type-info .modal-header {
        background-color: #5bc0de;
    }

    .bootstrap-dialog.type-primary .modal-header {
        background-color: #337ab7;
    }

    .bootstrap-dialog.type-success .modal-header {
        background-color: #5cb85c;
    }

    .bootstrap-dialog.type-warning .modal-header {
        background-color: #f0ad4e;
    }

    .bootstrap-dialog.type-danger .modal-header {
        background-color: #d9534f;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-title {
        font-size: 24px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-close-button {
        font-size: 30px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-message {
        font-size: 18px;
    }

    .bootstrap-dialog .icon-spin {
        display: inline-block;
        -moz-animation: spin 2s infinite linear;
        -o-animation: spin 2s infinite linear;
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
    }

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}


.nomenupage-contentbox {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
}

.nomenupage h2 {
    font-size: 22px;
    background-color: #555;
    color: white;
    padding: 15px;
    margin: 20px 0 0 0;
}

    .nomenupage h2.light {
        background-color: #888;
    }

.nomenupage h3 {
    margin: 0 0 5px 0;
    font-size: 15px;
    font-weight: bold;
}



#flix-inpage .jcarousel-wrapper {
    height: auto;
}

#inpage_container .jcarousel {
    height: auto;
}



#inpage_container h1,
#inpage_container h2,
#inpage_container h3,
#inpage_container h4,
#inpage_container h5 {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}


.flix_gallerys {
    max-width: 1200px;
    margin: auto;
}

#flix-inpage > div {
    max-width: 1200px;
    margin: auto;
}


/* Password check */

.pass-wrapper {
    max-width: 400px;
}

input[type=password].strengthcheck {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
}

.pass-graybar {
    height: 3px;
    background-color: #CCC;
    width: 100%;
    position: relative;
}

.pass-colorbar {
    height: 3px;
    background-image: url(images/passwordstrength.jpg);
    position: absolute;
    top: 0;
    left: 0;
}

.pass-percent, .pass-text {
    font-size: 1em;
}

.pass-percent {
    margin-right: 5px;
}


/*! =======================================================
                      VERSION  9.7.1              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider.slider-horizontal {
        width: 210px;
        height: 20px;
    }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection,
        .slider.slider-horizontal .slider-track-low,
        .slider.slider-horizontal .slider-track-high {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-tick,
        .slider.slider-horizontal .slider-handle {
            margin-left: -10px;
        }

            .slider.slider-horizontal .slider-tick.triangle,
            .slider.slider-horizontal .slider-handle.triangle {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                border-bottom-color: #0480be;
                margin-top: 0;
            }

        .slider.slider-horizontal .slider-tick-container {
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .slider.slider-horizontal .slider-tick-label-container {
            white-space: nowrap;
            width: 100%;
            margin-top: 20px;
        }

            .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
                padding-top: 4px;
                display: inline-block;
                text-align: center;
            }

        .slider.slider-horizontal.slider-rtl .slider-track {
            left: initial;
            right: 0;
        }

        .slider.slider-horizontal.slider-rtl .slider-tick,
        .slider.slider-horizontal.slider-rtl .slider-handle {
            margin-left: initial;
            margin-right: -10px;
        }

        .slider.slider-horizontal.slider-rtl .slider-tick-container {
            left: initial;
            right: 0;
        }

    .slider.slider-vertical {
        height: 210px;
        width: 20px;
    }

        .slider.slider-vertical .slider-track {
            width: 10px;
            height: 100%;
            left: 25%;
            top: 0;
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .slider.slider-vertical .slider-track-low,
        .slider.slider-vertical .slider-track-high {
            width: 100%;
            left: 0;
            right: 0;
        }

        .slider.slider-vertical .slider-tick,
        .slider.slider-vertical .slider-handle {
            margin-top: -10px;
        }

            .slider.slider-vertical .slider-tick.triangle,
            .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                border-left-color: #0480be;
                border-right-color: #0480be;
                margin-left: 0;
                margin-right: 0;
            }

        .slider.slider-vertical .slider-tick-label-container {
            white-space: nowrap;
        }

            .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
                padding-left: 4px;
            }

        .slider.slider-vertical.slider-rtl .slider-track {
            left: initial;
            right: 25%;
        }

        .slider.slider-vertical.slider-rtl .slider-selection {
            left: initial;
            right: 0;
        }

        .slider.slider-vertical.slider-rtl .slider-tick.triangle,
        .slider.slider-vertical.slider-rtl .slider-handle.triangle {
            border-width: 10px 10px 10px 0;
        }

        .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
            padding-left: initial;
            padding-right: 4px;
        }

    .slider.slider-disabled .slider-handle {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    }

    .slider.slider-disabled .slider-track {
        background-repeat: repeat-x;
        cursor: not-allowed;
        background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    }

    .slider input {
        display: none;
    }

    .slider .tooltip.top {
        margin-top: -36px;
    }

    .slider .tooltip-inner {
        white-space: nowrap;
        max-width: none;
    }

    .slider .hide {
        display: none;
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
}

.slider-selection {
    position: absolute;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
}

    .slider-selection.tick-slider-selection {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    }

.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
}

    .slider-handle.round {
        border-radius: 50%;
    }

    .slider-handle.triangle {
        background: transparent none;
    }

    .slider-handle.custom {
        background: transparent none;
    }

        .slider-handle.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
}

    .slider-tick.round {
        border-radius: 50%;
    }

    .slider-tick.triangle {
        background: transparent none;
    }

    .slider-tick.custom {
        background: transparent none;
    }

        .slider-tick.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

    .slider-tick.in-selection {
        background-repeat: repeat-x;
        opacity: 1;
        background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    }



/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: 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;
        cursor: hand;
    }

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

    .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 */
.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;
    z-index: 2;
}

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

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus: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: '←';
    color: #777;
}

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

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

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

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

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

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

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 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: 18px;
                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;
        }


body > form > .container.top-usp-bar,
body > form > .content > .container.top-usp-bar {
    background: rgb(58,107,202);
    background: linear-gradient(90deg, rgba(58,107,202,1) 50%, rgba(0,65,192,1) 50%);
    color: white;
    height: 41px;
    padding-top: 10px;
    font-size: 14.6px;
    font-family: "Open Sans Condensed",Arial,sans-serif;
    font-weight: 600;
    display: none;
    position: relative;
}

.top-usp-bar .uspa,
.top-usp-bar .uspb {
    text-align: center;
    cursor: pointer;
}

.top-usp-bar a {
    color: white;
}

.usp-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 41px;
    width: 45px;
    background: black;
    padding-top: 10px;
    text-align: center;
}

    .usp-close:hover {
        cursor: pointer;
    }

@media screen and (max-width: 992px) {
    body > form > .container.top-usp-bar,
    body > form > .content > .container.top-usp-bar {
        height: 37px;
    }

    .top-usp-bar .uspb {
        padding-right: 40px;
    }

    .usp-close {
        height: 37px;
    }
}



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

    body > form > .container.top-usp-bar,
    body > form > .content > .container.top-usp-bar {
        background: black;
        color: white;
        padding-top: 0;
        font-size: 14.6px;
        font-family: "Open Sans Condensed",Arial,sans-serif;
        font-weight: 600;
        position: relative;
    }

    .top-usp-bar .uspa {
        background-color: #3a6bca;
    }

    .top-usp-bar .uspb {
        padding-right: 0;
        background-color: #0041c0;
    }

    .top-usp-bar .uspa,
    .top-usp-bar .uspb {
        height: 34px;
        padding-top: 9px;
    }

    .usp-close {
        height: 68px;
        padding-top: 15px;
        font-size: 28px;
    }
}


@media screen and (max-width: 420px) {
    .top-usp-bar .uspa,
    .top-usp-bar .uspb {
        text-align: left;
        font-size: 13px;
    }
}



.btn-panadarkbuy {
    color: #fff;
    background-color: #003ec0;
    border-color: #003ec0;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: bold;
    font-size: 160%;
    padding-bottom: 3px;
}

    .btn-panadarkbuy:hover,
    .btn-panadarkbuy:focus,
    .btn-panadarkbuy.focus,
    .btn-panadarkbuy:active,
    .btn-panadarkbuy.active,
    .open > .dropdown-toggle.btn-panadarkbuy {
        color: #fff;
        background-color: #1a50c3;
        border-color: #1a50c3;
    }

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

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

    .btn-panadarkbuy .badge {
        color: #00A0C6;
        background-color: #fff;
    }


.shopping-basket #mmWrapper {
overflow:hidden;
   margin-bottom:20px;
}
    .shopping-basket #mmWrapper a {
        font-family: 'Open Sans Condensed',sans-serif;
        font-weight: 700;
        background-color: rgb(0,160,198);
        border-color: rgb(0,144,182);
        border-radius: 2px;
        color: white;
        border-width: 1px;
        font-size: 16px;
        line-height: 24px;
        padding: 5px 10px 3px 10px;
        text-align: center;
        touch-action: manipulation;
        text-transform: uppercase;
        float: right;
        text-decoration: none;
    }

        .shopping-basket  #mmWrapper a:hover {
            background-color: rgb(0,176,214);
            border-color: rgb(0,160,198);
        }


#embedded-chat-inlay-offer iframe {
    margin-right:10px !important;
    margin-bottom:10px !important;
}

.boxf_book_callback_wrapper {
    display:block;
}
.boxf_book_callback {
    background-color: #0041c0;
    border-radius: 12px;
    padding: 7px 15px 7px 55px;
    background-image: url(images/call_icon.png);
    background-repeat: no-repeat;
    color: white;
    display: inline-block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-size: 20px;
    background-position: 18px 7px;
    font-family: Arial;
    font-weight: normal;
    cursor: pointer;
}

 

    .boxf_book_callback .callback_message {
        font-size: 19px;
    }


/* Set the z-index for #QuiqContactUsButton */
#QuiqContactUsButton {
    background-color: #2742bc !important; /* Set the primary color for the Quiq Contact Us Button */
    color: #fff !important; /* Set text color to white or another contrasting color */
    z-index: 999999 !important;
}

/* Custom styling for the webchat button */
#QuiqContactUsButtons .channelButtons #webchatButton {
    background: #737373;
}

    #QuiqContactUsButtons .channelButtons #webchatButton:hover {
        background: #6b6b6b;
    }

    #QuiqContactUsButtons .channelButtons #webchatButton:active {
        background: #616161;
    }