﻿/* ROTATING BANNER STYLES */

/*div#sale-countdown {display:none; width:211px; height:385px; background:transparent URL('/Images/furniture123sale-spring3.png') no-repeat top center;color:#ad4967; font-size:1.4em;}
#countdownText {color: #000; font-size:1.8em; line-height:110%; display:none; width:211px; height:60px; background-color:transparent}

div#sale-countdown2 {display:none; width:200px; height:385px; background:transparent URL('/Images/furniture123sale-spring3.png') no-repeat top center;color:#ad4967; font-size:1.4em;}
#countdownText2 {color: #000; font-size:1.4em; line-height:110%; display:none; width:200px; height:60px; background-color:transparent}
.countdown_descr {font-size:0.7em;}*/
span.RotatingBannerPrice {
    position: absolute;
    top: 15px;
    left: 40px;
}

span.RotatingBannerTitle {
    position: absolute;
    top: 35px;
    left: 40px;
}

span.RotatingBannerDescription {
    position: absolute;
    top: 55px;
    left: 40px;
}

div.RotatingBannerCountdown {
    position: absolute;
    bottom: 15px;
    left: 40px;
    color: #ff5087;
    font-size: 2.6em;
    line-height: 80%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*background-image:none;*/
}

/* END ROTATING BANNER STYLES */

/* COUNTDOWN STYES */

span.countdown_descr {
    /*color: black;*/
    font-size: 135%;
    font-weight: bold;
}

countdown_exptxt {
    /*color: black;*/
    padding-left: 30px;
    font-size: 135%;
    font-weight: bold;
}

span.countdown-row {
    display: inline-block;
}

span.countdown-section {
    display: inline-block;
    width: 40px;
    height: 55px;
    padding-top: 10px;
    margin-left: 1px;
    background-color: transparent;
    /*color:#fff;*/
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

span.countdown-period {
    clear: both;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

/* END COUNTDOWN STYES */

/* sli compare*/

div.sli_compare {
    text-transform: capitalize;
    font-weight: bold;
    float: left;
}

    div.sli_compare input {
        float: left;
        margin-left: 0;
    }

    div.sli_compare .compareText {
        float: left;
    }

div.compBtn {
    color: #221f73;
    float: left;
    text-transform: capitalize;
    margin: 0;
    font-weight: bold;
    font-size: 90%;
    display: none;
}

input[type="button"]#clearCompare {
    display: none;
}

/*input[type="button"].goCompare {
display:none;
}*/

#nav_loading img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.OfferBox div.sli_compare {
    color: #221f73;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 90%;
    background: #f5f5f5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 4px;
    /*display: none;*/
    position: static;
    float: left;
}



.comparedialog {
    width: 220px;
    padding: 0px 10px;
    border-radius: 6px;
    border: 2px solid #a42424;
    background: white;
    position: absolute;
    text-align: center;
    z-index: 35;
    color: #a42424;
    font-weight: bold;
}

    .comparedialog p {
        text-align: center;
    }




.OfferBox div.compBtn {
    float: left;
    display: none;
    margin-left: 15px;
}

#ProductInfo1 div.compBtn {
    margin-right: 10px;
    display: none !important;
}


div.compBtn a {
    border-radius: 4px;
    background-color: #e60457;
    color: #fff;
    margin-bottom: 5px;
    padding: 2px 5px;
    float: left;
    font-weight: bold;
    padding: 5px;
}

span.tool {
    position: relative;
    display: inline-block;
    border-bottom: 1px dashed black;
    font-weight: bold;
}

    span.tool:hover {
        cursor: help;
    }

span.tip {
    position: absolute;
    bottom: 20px;
    left: 0px;
    display: block;
    width: auto;
    white-space: nowrap;
    font-size: .9em;
    border: 0px solid black; /* change as desired */
    border-radius: 6px;
    padding: 1px 5px;
    background: #eee;
  
    zoom: 1;
    visibility: hidden;
}

/* The animated ajax loading image */
div#comparison-ajax-loader {
    background-image: url(ajax-loader.gif);
    width: 220px;
    height: 19px;
}



/* Sri CSS*/

h1#ProductCompareHeader {
    margin-top: 20px;
    font-weight: normal;
}

div.showwlCompare {
    text-align: center !important;
}

    div.showwlCompare a.addtowl {
        cursor: pointer !important;
        display: block !important;
        background: transparent url("/files/images/icon-heart.jpg") no-repeat 0 0 !important;
        width: 18px !important;
        vertical-align: middle !important;
        height: 15px !important;
    }

        div.showwlCompare a.addtowl:after {
            content: "Add to wishlist";
        }

        div.showwlCompare a.addtowl span {
            display: none !important;
        }

    div.showwlCompare a.alreadyinwl {
        cursor: pointer !important;
        display: block !important;
        background: transparent url("/SiteContent/images/wishlist-icon.gif") no-repeat 0 -30px !important;
        width: 122px !important;
        margin-top: 10px !important;
        vertical-align: middle !important;
        display: inline-block !important;
        height: 20px !important;
    }

        div.showwlCompare a.alreadyinwl span {
            display: none !important;
        }

.tdTier1RightImage img {
    height: 180px !important;
    width: 180px !important;
}

.tdTier1RightImage form input.buyButton {
    display: block;
    float: none;
    margin: 5px auto;
    width: 140px !important;
    height: 35px !important;
    border-radius: 4px;
    text-indent: 0;
    display: inline-block;
    color: #fff !important;
    font-size: 110%;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    letter-spacing: normal;
}

    .tdTier1RightImage form input.buyButton:hover {
        background-color: #369726;
        border-color: #369726 !important;
    }

a.offerboxlinkCompare {
    clear: both;
    margin: 5px auto;
    width: 140px !important;
    border-radius: 4px;
    text-indent: 0;
    border: 1px solid #221f73 !important;
    display: inline-block;
    color: #221f73 !important;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    padding: 7px 0px !important;
}

    a.offerboxlinkCompare:hover {
        color: #fff !important;
        background: #221f73;
        text-decoration: none;
    }

.compareClose {
    display: block;
    cursor: pointer;
    height: 28px;
    width: 28px;
    color: transparent;
    float: right;
    /*vertical-align:top;*/
    padding-right: 20px;
    /*margin-top:-10px;*/
    background: transparent url('/Styles/ProductCompare/box-close2.png') no-repeat 0 0;
}



table#tabTier1Left {
    width: 200px;
    height: 400px;
    float: left;
    table-layout: fixed;
}

    table#tabTier1Left tr td {
        width: 180px;
        padding-left: 10px;
        font-family: sans-serif;
        font-size: 12px;
        overflow: hidden;
    }

.tdTier1LeftOthers {
    height: 40px;
}

.tdTier1LeftImage {
    height: 307px;
}

#tdTierLeftPrice {
    color: #050505;
    font-weight: bold;
}

#tdTierLeftDelivery {
    color: #050505;
}

#tdTierLeftRating, #tdTierLeftDimensions {
    color: #6E6B6B;
}

.tdTier1LeftClose, .tdTier1RightClose {
    height: 30px;
}

.tdTier1LeftTitle {
    color: #050505;
    height: 20px;
    font-weight: bold;
}

table#tabTier1Right {
    width: 760px;
    height: 400px;
    text-align: center;
    table-layout: fixed;
}


.tdTier1RightTitle {
    height: 20px;
    width: 195px;
    font-family: sans-serif;
    font-size: 12px;
    color: #050505;
    font-weight: bold;
}

.tdTier1RightImage {
    height: 307px;
    overflow: hidden;
    vertical-align: top;
    width: 195px;
    border-right: 1px solid #a5a5a5;
}

.tdTier1RightOthers {
    height: 40px;
    text-align: center;
    overflow: hidden;
    width: 195px;
    border-right: 1px solid #a5a5a5;
    font-family: sans-serif;
    font-size: 12px;
}

#tdTier1RightPrice {
    font-family: 'Lato',Tahoma,Arial,'HelveticaNeue','Helvetica',sans-serif;
    font-weight: 700 !important;
    font-size: 200%;
    color: #dd1313 !important;
}

#tdTier1RightDelivery {
    color: #050505;
    font-weight: bold;
}

.sr-availability {
    min-height: 25px !important;
}

#tdTier1RightRating {
    color: #6E6B6B;
}

#tdTier1RightDimensions {
    color: #6E6B6B;
}

.techSpecHeader {
    font-family: Arial;
    font-size: 20px;
    padding-top: 20px;
    text-align: left;
    margin-top: 20px;
}




table#tabTier2Left {
    width: 200px;
    float: left;
    table-layout: fixed;
    padding-top: 20px;
}

table#tabTier2Right {
    width: 760px;
    text-align: center;
    table-layout: fixed;
    padding-top: 20px;
}


table#tabTier2Left tr td {
    width: 184px;
    padding-left: 10px;
    font-family: sans-serif;
    font-size: 12px;
    overflow: hidden;
    height: 40px;
    word-wrap: break-word;
    border-bottom: 1px solid #a5a5a5;
    border-right: 1px solid #a5a5a5;
}

table#tabTier2Right tr td {
    width: 180px;
    font-family: sans-serif;
    font-size: 12px;
    overflow: hidden;
    height: 40px;
    word-wrap: break-word;
    border-bottom: 1px solid #a5a5a5;
    border-right: 1px solid #a5a5a5;
}

    table#tabTier2Right tr td:last-of-type {
        border-right: none;
    }


table#tabTier1Right tr td:last-of-type {
    border-right: none !important;
}


.tdTier2LeftSectionHeader, .tdTier2RightSectionHeader {
    background-color: #ffffff !important;
    font-weight: bold;
    /*width:150px !important;*/
}


#noCompareProds {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #050505;
    background-color: #fff;
    font-weight: bold;
    margin: 10px;
    width: 500px;
    margin-top: 100px;
    margin-left: 240px;
}

#noCompareMsg {
    text-align: center;
    margin: 25px 30px;
    overflow: hidden;
}

#vwCompareProds, #vwCompareProdsclear {
    text-align: center;
    float: right;
    z-index: 1234;
    line-height: 140%;
    float: right !important;
}

.nocompare {
}

.fixed-dialog {
    position: fixed !important;
    top: 50px;
    left: 50px;
}

/*@media screen and (max-width: 1300px) {


#vwCompareProds {
display: none !important;
}
}*/




/*.trDiffRowHighlight {
background-color: #f7f7f7;
}*/

.tdTier1RightOthers div.reevoomark_badge {
    margin: 0 auto;
}


div.sr_container input.clearCompare {
    float: left;
    border: 1px solid #221f73;
    border-radius: 4px;
    background-color: #fff;
    color: #221f73;
    margin: 5px 5px 5px 0px;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    width: 116px;
}

div.sr_container input.goCompare {
    float: left;
    margin-left: 10px;
    clear: right;
    border: 1px solid #AF0040;
    border-radius: 4px;
    background-color: #e60457;
    color: #fff;
    margin: 5px 0;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    width: 116px;
}

div#ProductInfo1 div.sli_compare {
    position: static;
    clear: left;
    float: left;
    background: none !important;
    display: block;
    width: 100px;
}

div#dialogModal div.sli_compare {
    position: static;
    color: #000;
    font-weight: normal;
    background-color: transparent;
    margin-left: 10px;
}

div.OfferBox div.sli_compare {
    background: none !important;
    padding: 0;
    color: #000;
    float: left;
}

div.OfferBox div.compBtn a {
    border-radius: 4px;
    background-color: #369726;
    color: #fff;
    font-size: 90%;
    padding: 2px 5px;
    float: right;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}

div#topcontent div.compBtn a {
    border-radius: 4px;
    background-color: #e60457;
    color: #fff;
    margin-bottom: 5px;
    padding: 2px 5px;
    font-weight: bold;
}



/*#tabTier1Left tr, #tabTier1Right tr, #tabTier2Left tr, #tabTier2Right tr {float:left;}*/

#tabTier2Left td, #tabTier2Right td {
    border-bottom: none !important;
}


.tdTier2LeftSectionHeader {
    width: 184px !important;
    overflow: hidden;
    color: #9f9f9f;
}


#tabTier1Left td, #tabTier1Right td {
    width: 180px !important;
    border-right: 1px solid #a5a5a5 !important;
}



.tdTier2LeftSectionHeader {
    font-weight: normal !important;
}

#tabTier2Left, #tabTier2Right {
    font-weight: bold;
}


    #tabTier2Left td, #tabTier2Right td {
        background-color: #ececec;
        border-bottom: 1px solid #d7d7d7 !important;
    }



#tabTier1Left, #tabTier1Right, #tabTier2Left, #tabTier2Right {
    border-spacing: 0px 0px;
}


.tdTier1RightImage form input.buyButton {
    background-color: #91c65c;
    border: none;
}

.ddlProdType {
    width: 170px;
    height: 30px;
    margin-top: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/* end sli compare*/


/* finance styles */

#finance_Tabs table {
    line-height: 18px;
    font-size: 12px;
    font-size: .75rem;
    width: 100%;
    border-color: grey;
    font-family: Arial,Helvetica,sans-serif;
    color: #444;
    box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0;
}


    #finance_Tabs table thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit;
    }

        #finance_Tabs table thead tr {
            display: table-row;
            vertical-align: inherit;
            border-color: inherit;
        }

    #finance_Tabs table tr td:first-child, #finance_Tabs table tr th:first-child {
        border-left: 0 none;
    }

    #finance_Tabs table thead th {
        font-weight: bold;
        background: #fff;
    }

    #finance_Tabs table tr td, #finance_Tabs table tr th {
        border-bottom: 1px solid #c1c1c1;
        text-align: center;
        font-size: 100%;
        color: #444;
        height: 70px;
        vertical-align: middle;
        padding: 0 3px;
    }

    #finance_Tabs table tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

        #finance_Tabs table tbody tr {
            background: #fff;
            display: table-row;
            vertical-align: inherit;
            border-color: inherit;
        }

            #finance_Tabs table tbody tr:nth-child(2n) td {
                background: #f2f5fc;
            }


#financeTableBreakdown .calculator {
    font-weight: bold;
    line-height: 23px;
    text-align: left;
    overflow: hidden;
    margin: 0 0 22px;
    float: left;
}

    #financeTableBreakdown .calculator span {
        font-size: 14px;
        font-size: .875rem;
        display: block;
        float: left;
        line-height: 32px;
        margin-right: 6px;
    }

    #financeTableBreakdown .calculator div {
        position: relative;
        float: left;
        overflow: hidden;
    }

    #financeTableBreakdown .calculator #calculateFinance {
        background: #369726;
        border-radius: 3px;
        color: #fff;
        float: left;
        clear: none;
        margin: 0;
        border: 0 none;
        height: 31px;
        min-height: 31px;
        line-height: 31px;
        min-width: 0;
        text-align: center;
        padding: 0 7px;
        font-size: 14px;
        font-size: .875rem;
        font-weight: bold;
        /*-webkit-appearance: none;*/
    }

    #financeTableBreakdown .calculator #errorMsg {
        top: 54px;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,0.8);
        text-align: left;
        color: red;
        line-height: 48px;
        font-size: 1rem;
    }

#credittabfooter {
    clear: both;
}

    #financeTableBreakdown .calculator #financeValue {
        width: 80px;
        height: 27px;
        font-size: 16px;
        font-size: 1rem;
        border: 1px solid #d6d7d9;
        float: left;
        margin: 0 8px 0 0;
        padding: 2px 0 0 16px;
        line-height: 1;
        -webkit-appearance: none;
    }

    #financeTableBreakdown .calculator div span {
        height: 31px;
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 33px;
        font-size: 16px;
        font-size: 1rem;
        margin-left: 6px;
        font-weight: bold;
    }

#financeTableBreakdown {
    max-width: 910px;
}


/* end of finance styles */

/* modal add to basket styles */

.addtoheader {
    float: left;
    width: 30%;
    color: #369726;
}


.addtoproductinfo {
    width: 100%;
    float: left;
    margin-top: 5px;
    text-align: left !important;
    position: relative;
}



.addtoinfo {
    float: left;
    width: 30%;
    box-sizing: border-box;
}



.addtoavailability {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .addtoavailability > span {
        width: 100%;
        float: left;
        font-weight: bold;
        color: #333333;
    }

.addtoqty {
    float: left;
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 20px;
    /*text-align: center;*/
}

.addtosummaryqty {
    float: left;
    width: 50%;
    color: #333333;
    font-weight: bold;
}

.addtosummarytotal {
    float: left;
    width: 50%;
    font-weight: bold;
    color: #333333;
}

.addtosummaryqty span {
    font-weight: bold;
    clear: right;
    width: 100%;
    float: left;
    color: #656565;
}

.addtosummarytotal span {
    font-weight: bold;
    clear: right;
    width: 100%;
    float: left;
    color: #656565;
}

.addtoprice {
    float: right;
    width: 40%;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-left: 5%;
    margin-right: 30%;
}

.addtoqty, .addtoprice {
    font-size: 140%;
    color: #333333;
    font-weight: bold;
}


div[id*="modal_availability"] {
    font-weight: bold;
    color: #656565;
}


.addtoaction {
    width: 70%;
    float: left;
    margin-top: 10px;
}


.addtosummary {
    width: 300px;
    float: right;
    box-sizing: border-box;
    background: #e1e1e1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 10px;
}

    .addtosummary .addtosummaryhead {
        font-weight: bold;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        font-size: 120%;
        color: #656565;
    }

.addtoqty span, .addtoprice span {
    float: left;
    width: 100%;
    font-size: 80%;
    margin-bottom: 10px;
    color: #656565;
}

.addtoavailability > span {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}







.addtoimage {
    float: left;
    width: 30%;
    padding: 0% 3%;
    box-sizing: border-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .addtoimage img {
        float: left;
        width: 100%;
    }


.addtotitle {
    float: right;
    width: 70%;
    font-weight: bold;
    font-size: 140%;
    text-align: left;
    margin-top: 8px;
}


    .addtotitle > span {
        color: #8b8b8b;
        font-size: 70% !important;
        font-weight: bold !important;
    }

div#add_to_basket_modal {
    padding: 10px;
    width: 800px;
}



    div#add_to_basket_modal h1 {
        font-size: 140%;
        font-weight: bold;
        float: left;
        margin-top: 8px;
        margin-left: 10px;
        text-align: left;
    }

    div#add_to_basket_modal .bold {
        font-weight: bold;
    }

    div#add_to_basket_modal .vert-top {
        vertical-align: top;
    }

    div#add_to_basket_modal td.border-1 {
        border-bottom: 1px dotted #CCCCCC;
    }

    div#add_to_basket_modal td.padding-5 {
        padding: 5px;
    }

    div#add_to_basket_modal td.text-left {
        text-align: left;
    }

    div#add_to_basket_modal td.text-center {
        text-align: center;
    }

    div#add_to_basket_modal td.text-right {
        text-align: right;
    }

a#go-to-shopping {
    background: #221f73;
    color: white;
    font-weight: bold;
    width: 220px;
    text-align: center;
    padding: 15px 0px !important;
    font-size: 140%;
    float: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.addtoaction a#go-to-basket {
    background: #369726;
    color: white;
    font-weight: bold;
    width: 300px;
    text-align: center;
    padding: 15px 0px !important;
    font-size: 140%;
    float: right;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: 10px;
}

.basketcontainer a#go-to-basket {
    background-color: #eeeeee !important;
    color: #282828;
    font-weight: bold;
    width: 175px !important;
    text-align: center;
    padding: 10px 0px !important;
    font-size: 140%;
    float: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 10px 0;
    border: 1px solid #ccc;
}

    .basketcontainer a#go-to-basket:before {
        content: "« ";
    }

a#go-to-basket:hover, a#go-to-shopping:hover {
    opacity: 0.8;
    text-decoration: none;
}


.jcarousel-wrapper {
    /*clear: both; ffs 'Clears' should be on unique elements not the generic styles of jcarousel!! read the docs. whoevers reading this and wondering why the clears/heights have gone. reapply them properly using css ids or speak to me. Joe*/
    /*margin: 5px 0 0 0;
    padding: 2px 0;*/
    position: relative;
    /*display: block;
    height: 90px;*/
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}
.jcarousel {/*Again should be seperated off from core jcarousel styling*/
    /*margin: 0px auto;
    border: 1px solid #ccc;
    background-color: transparent;*/
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

    /*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 2px;
    width: 29px;
    cursor: pointer;
    border: 1px solid silver;
}

.jcarousel-control-prev {
    left: 0px;
    background: transparent url(/images/left-arrow.gif) no-repeat 50% 50%;
    border-right-width: 0;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}

.jcarousel-control-next {
    right: 0px;
    background: transparent url('/images/right-arrow.gif') no-repeat 50% 50%;
    border-left-width: 0;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}

    .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span {
        display: block;
    }

    .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
        cursor: default;
        opacity: 0.5;
    }

    #addtobasketmodalitemscarousel {
        width: 100%;
    height: 220px;
    margin: 15px 0 25px 0;
    padding-bottom: 25px;
    border-bottom: 1px dotted #ccc;
    }

    #addtobasketmodalitemscarousel .jcarousel {
        height: 220px;
        width: 92%;
        border-left: none !important;
        border-right: none !important;
    }

    #addtobasketmodalitemscarousel li {
        width: 155px;
        /* height: 205px; */
    }

    #addtobasketmodalitemscarousel .jcarousel-control-prev, #addtobasketmodalitemscarousel .jcarousel-control-next {
        height: 220px;
    }


    #addtobasketmodalitemscarousel .versionofferprice {
        font-weight: bold;
        font-size: 150%;
        text-align: center;
        width: 100%;
        float: left;
    }


    #addtobasketmodalitemscarousel .versionoffertitle {
        font-weight: bold;
        font-size: 100%;
        height: 30px;
        overflow: hidden;
        display: block;
        margin: 10px 0px;
    }


    #addtobasketmodalitemscarousel .jcarousel-control-prev, #addtobasketmodalitemscarousel .jcarousel-control-next {
        background-color: #e1e1e1;
    }


    #addtobasketmodalitemscarousel .jcarousel-control-prev {
        background-image: url(/images/arrow-left.png);
    }

    #addtobasketmodalitemscarousel .jcarousel-control-next {
        background-image: url(/images/arrow-right.png);
    }
    #addtobasketmodalitemscarousel li a:hover {
        opacity: 0.8;
    }
    #addtobasketmodalitemscarousel li a img {
        height: 75px;
        width: 75px;
        margin: 10px 0;
    }

.rextras {
    font-weight: bold;
    font-size: 140%;
    display: block;
    margin-top: 20px;
    padding-top: 25px;

}


/* end of modal add to basket styles */

/* start of other items carousel styles */

#otheritemscarousel {
    width: 702px;
    height: 207px;
    margin: 20px;
}

    #otheritemscarousel .jcarousel {
        width: 640px;
        /*height: 205px;
border-left: none !important;
border-right: none !important;*/
    }

    #otheritemscarousel li {
        width: 155px;
        height: 205px;
        text-align: center !important;
    }

    #otheritemscarousel .jcarousel-control-prev, #otheritemscarousel .jcarousel-control-next {
        height: 215px;
    }

.jcarousel li {
    /*
    float: left;
    border-right: 1px dotted silver;    
    */
    padding: 5px 2px;
    text-align: center;
    margin: 0 15px;
}
.jcarousel li:first-child {
    margin-left: 35px;
}

#otheritemscarousel a {
    font-size: 8px;
    text-decoration: none;
    color: black;
}

#otheritemscarousel span.versionoffertitle {
    display: block;
    width: 160px;
    height: 35px;
    /*margin: 0 auto;*/
    overflow: hidden;
    /*text-align: center;*/
    line-height: 105%;
    font-size: 135%;
}

#otheritemscarousel span.versionofferprice {
    display: block;
    font-weight: 800;
    line-height: 100%;
    color: #f15753;
    margin-bottom: 5px;
    font-size: 150%;
}

/* end of other items carousel styles */

#WhichPromo {
    border: 2px solid #de2525;
    border-radius: 6px;
    padding: 5px;
    width: 30%;
    float: left;
    font-size: 90%;
    font-weight: bold;
}

#whichLogo {
    float: left;
    margin-right: 5px;
}

.whichTitle {
    float: left;
    cursor: pointer;
    color: #6288E8;
    color: #221f73;
}

p .whichTitle {
    line-height: 16px;
    margin: 0;
    padding: 0;
}

#WhichPromo > p > a.whichTitle {
    font-size: 130%;
}

.whichcode {
    font-size: 90% !important;
}

#WhichPromo p {
    margin: 0;
    padding: 0;
}


#whichDetails {
    clear: both;
    display: none;
}

.whichText {
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 3%;
    box-sizing: border-box;
}

.whichComment {
    font-size: 95%;
    color: #6B6464;
    width: 100%;
    float: left;
}

#whichApply {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    border: none;
    border-radius: 6px;
    background-color: #ee2e24;
    color: #FFFFFF;
    float: left;
}

    #whichApply:hover {
        background-color: #221f73;
    }

#whichSignUp {
    clear: both;
    text-decoration: underline;
    font-family: Calibri;
    font-size: 14px;
    font-style: italic;
    color: #6288E8;
}

.whichErrorMsg {
    display: block;
    bottom: 50px;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.8);
    color: red;
    line-height: 48px;
    font-size: 14px;
    font-size: 1.125rem;
}


/* range navigation styles */
ul.rangeAttribute_facets {
    display: none;
}

#range-input-min, #range-input-max {
    width: 35px;
}
/* end of range navigation styles */

#sr_facets input[value*="»"] {
    margin-bottom: 15px;
    border-radius: 6px;
    font-weight: bold;
    background: #369726;
    color: white;
    border: none;
    padding: 3px 10px;
}


/*Fix for top checkout button in basket */

div.ck-section-header + input.checkoutButton {
    padding: 10px 0px !important;
    clear: both;
}







/*/************* OLD OLD OLD OLD OLD STYLING FOR QUICK VIEW POP-UP  ***************/

/*
div.HomePageOffers .quickview {
text-align: center;
margin: 0 auto;
}


div.ui-dialog {
-webkit-box-shadow: 0px 5px 5px 0px #969696;
box-shadow: 0px 5px 5px 0px #969696;
}

.ui-dialog-content {
overflow: visible !important;
}

h3.ProductMiniTitle {
display: block;
width: 912px;
text-align: left;
font-weight: normal;
line-height: 120%;
font-family: 'Open Sans',Arial,Verdana,sans-serif;
font-size: 1.5em !important;
white-space: pre-wrap;
margin: 10px 15px;
}

h3.ProductMiniTitle span {
font-size: 0.75em;
}

#ProductMiniImages {
width: 320px !important;
min-height: 410px !important;
clear: left;
float: left;
margin: 10px;
}

#ProductMiniImages .imageBox img {
display: block;
border: 1px #c9c9c9 solid;
}

#ProductMiniImages div.sc_menu_wrapper {
border: none !important;
clear: both;
margin-top: 25px;
width: 320px;
height: 80px;
overflow: hidden;
}

#ProductMiniImages div.sc_menu {

height: 80px;
margin: 0 auto;
overflow: scroll
}

#ProductMiniImages div.sc_menu div.vp_thumb {
float: left;
display: block;
width: 60px !important;
height: 60px !important;
margin: 0 3px 0 0;
}

#ProductMiniImages div.sc_menu div.vp_thumb a {
display: block;
width: 58px;
height: 58px;

}

#ProductMiniImages div.sc_menu div.vp_thumb:hover {
border-color: #ca3d67;
}

div#ProductMiniInfo {
float: right;
width: 600px;
font-family: 'Open Sans', Verdana,Arial,sans-serif;
font-size: 0.95em !important;
}

div#ProductMiniDesc {
float: left;
width: 300px;
padding: 0 5px;
min-height: 270px;
text-align: left;
}

div#ProductMiniDesc ul {
list-style-type: disc;
padding: 0;
margin: 0 0 10px 0;
}

div#ProductMiniDesc ul li {
margin-left: 15px;
}

div#ProductMiniDesc2 {
background-color: #f6f6f6;
position: relative;
float: right;
margin-right: 10px;
width: 270px;
min-height: 270px;
padding: 0 5px;
text-align: left;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div#ProductMiniDesc2 a.finance, div#ProductMiniDesc2 a.financeLink {
font-size: 90%;
margin: 0 auto 10px auto;
padding-bottom: 10px;
}

div#ProductMiniDesc2 div#finance3months {
height: 50px;
margin: 0 auto;
width: 80px;
}

div.ProductMiniPrice {
margin: 10px 15px;
line-height: 180%;
}

div.ProductMiniPrice span {
font-weight: bold;
text-transform: lowercase;
font-size: 18px;
display: block;
}

div.ProductMiniPrice span.VersionOfferPrice {
font-size: 36px;
line-height: 150%;
}

div#ProductMiniDesc2 div.OfferBoxBullets {
height: auto;
}

div#ProdMiniStockAvail {
margin: 10px 15px;
padding: 10px 0;
}

div#ProdMiniStockAvail div {
margin: 0 0 15px 0 !important;
}

div#StockMsg1 {
width: 94px;
height: 34px;
}


div#ProductMiniDesc2 input.buyButton {
position: absolute;
bottom: 0;
margin: 15px auto 0 auto;
float: none;
}

div#ProductMiniDesc3 {
position: relative;
clear: both;
float: right;
width: 592px;
margin-top: 10px;
padding-top: 35px;
min-height: 105px;
}

div#PMD3-Left {
display: inline;
width: 180px;
}

div#PMD3-Left div#Reevoo {
position: absolute;
top: 20px;
left: 0;
width: 175px;
height: 35px;
margin-left: -20px;
}

a.MoreInfo {
position: absolute;
bottom: 0;
left: 0;
display: block;
-moz-box-shadow: inset 0px 1px 0px 0px #d9d6c5;
-webkit-box-shadow: inset 0px 1px 0px 0px #d9d6c5;
box-shadow: inset 0px 1px 0px 0px #d9d6c5;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbbea8), color-stop(1, #a9a895) );
background: -moz-linear-gradient( center top, #bbbea8 5%, #a9a895 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbea8', endColorstr='#a9a895');
background-color: #bbbea8;
-webkit-borderradius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #a9a895;
margin-top: 15px;
color: #ffffff !important;
font-family: Arial;
font-size: 15px;
font-weight: bold;
font-style: normal;
height: 35px;
line-height: 35px;
width: 175px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0px #5c5d53;
}

a.MoreInfo:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9a895), color-stop(1, #bbbea8) );
background: -moz-linear-gradient( center top, #a9a895 5%, #bbbea8 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a895', endColorstr='#bbbea8');
background-color: #a9a895;
}

#hover-icon {
position: absolute;
bottom: -19px;
left: 0;
width: 107px;
height: 20px;
}

#hover-icon span {
display: none;
}

div#PMD3-Right {
display: inline;
float: right;
margin-right: 10px;
margin-top: 25px;
}

div#PMD3-Right div#matrixOptions {
padding: 0;
margin: 0;
height: 20px;
border: 0;
}

div#PMD3-Right div#matrixOptions select {
margin: 0;
}

div#PMD3-Right div.select {
text-align: right;
margin: 10px 0;
}

div#PMD3-Right div.select select {
border: 1px solid silver;
}

div#PMD3-Right input.buyButton {
margin-top: 12px;
background: transparent url("/images/addtobasket2.jpg") no-repeat 0 0;
height: 46px;
width: 184px;
margin-bottom: 0;
}

div#PMD3-Right input.buyButton:hover {
background-position: 0 -46px;
}
    
*/

/* ///////////////////////////////// NEW QUICKVIEW CSS //////////////////////////////////// */

@import url('https://fonts.googleapis.com/css?family=Lato');

.qv-wrapper {
    margin: 0;
    float: left;
    width: 100%;
    display: block;
    padding: 0;
    background-color: #edeeee;
    font-family: 'Lato', sans-serif !important;
    min-height: 506px !important;
    text-align: left;
}

    .qv-wrapper a.addtowl::after, .qv-wrapper span.addtowl::after, .qv-wrapper a.addtowlqw::after, .qv-wrapper a.alreadyinwl::after, .qv-wrapper span.alreadyinwl::after, .qv-wrapper a.alreadyinwlqw::after {
        margin-left: 20px !important;
    }


.qv-wrapper .icons {
    float: left;
    text-align:left;
    font-size: 100%;
    width: 55%;
    background: white;
    border-radius: 6px;
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
}

.qv-wish 
{
    float: left; width:100%;
}

    .qv-wrapper .icons .compareText {
        font-size: 80%;
    }

.qv-wrapper .showwl {
    float: left;
    width: 100% !important;
    font-size: 80%;
}

#dialogModal h3 {
    font-size: 120% !important;
    width: 95%;
    line-height: 1.6em;
    margin: 15px 20px 0 20px;
}

.qv-wrapper #ProductMiniInfo {
    float: left;
    width: 690px;
    min-height: 506px;
    background-color: white;
}

.qv-wrapper #ProductMiniDesc {
    width: 325px;
    float: left;
    margin: 10px 10px 0 10px;
    font-size: 105%;
}

    .qv-wrapper #ProductMiniDesc ul {
        line-height: 125%;
    }

.qv-wrapper #ProductMiniDesc2 {
    float: left;
    background: #EDEEEE;
    margin: 0;
    width: 100%;
}

.qv-wrapper #ProductMiniDesc3 {
    float: left;
    margin: 5px 20px;
    width: 300px;
}

.qv-wrapper #PMD3-Right {
    width: 300px;
    display: block;
    margin: 0 auto;
}

.qv-wrapper .MoreInfo {
    float: left;
    width: 147px;
    background: #221f73;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 4% 0%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
    margin-right: 5px;
    box-sizing: border-box;
    clear: left;
}

.qv-wrapper input.buyButton {
    background: #369726 !important;
    color: white !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    color: #ffffff;
    margin-top: 0!important;
    text-transform: none !important;
    letter-spacing: normal !important;
    height: 40px !important;
    padding: 3% 0% 4% 0%;
    font-weight: bold;
    width: 147px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    line-height: initial !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 100%;
}

.qv-wrapper .MoreInfo:hover {
    opacity: 0.7;
}

.qv-wrapper input.buyButton:hover {
    background: #221f73 !important;
    color: white !important;
}

.qv-wrapper .cta-rs {
    float: left;
    width: 325px;
}

.qv-wrapper #ProductMiniImages {
    float: left;
    width: 309px;
    clear: left;
    margin: 15px 15px 0 15px !important;
    min-height: auto !important;
}

    .qv-wrapper #ProductMiniImages .imageBox {
        float: left;
        width: 100% !important;
        padding: 0;
        position: inherit !important;
    }

        .qv-wrapper#ProductMiniImages .imageBox img {
            float: left;
            width: 100% !important;
            height: auto !important;
        }

.qv-wrapper .sc_menu_wrapper {
    overflow: hidden !important;
    width: 309px !important;
    float: left;
    margin-bottom: 0 !important;
    position: inherit !important;
}

.qv-wrapper .showwl {
    float: left !important;
    display: block !important;
    width: 41% !important;
    margin: 0 0 0 5px !important;
}

    .qv-wrapper .showwl a {
        float: left !important;
    }

.qv-wrapper div.sli_compare {

    float: left;
    clear: both;
    width: 55% !important;
}

.qv-wrapper .ProductMiniPrice {
    float: left;
    width: 93%;
    border-top: 1px dotted #cccccc;
    margin: 10px 10px 0 20px;
    padding: 20px 0 0 0;
    min-height: 125px;
}

    .qv-wrapper .ProductMiniPrice span {
        float: left;
        font-size: 125%;
    }

.qv-wrapper div[id^="availability"] {
    font-size: 115%;
}

    .qv-wrapper div[id^="availability"] img {
        margin-right: 5px;
    }

.qv-wrapper .ProductMiniPrice > span.VersionOfferPrice {
    font-size: 275% !important;
    font-weight: bold;
    clear: both;
    margin-top: 10px;
}

.qv-wrapper .icons {
    min-height: 55px;
}

.qv-wrapper #ProdMiniStockAvail {
    float: left;
    margin: 10px 10px 10px 20px;
    font-weight: bold;
    border-top: 1px dotted #cccccc;
    width: 93%;
    padding: 10px 0 0 0;
}

.qv-wish {
    min-height: 30px;
}

.qv-wrapper #StockMsg {
    margin: 5px 0;
}

.qv-wrapper #PMD3-Right .select {
    float: left;
    margin: 0 10px 20px 2px;
}

.dialogTitle .ui-dialog-titlebar {
    padding: .4em 1em;
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    z-index: 99999 !important;
}

.qv-wrapper div#matrixOptions {
    margin: 0 0 10px 0 !important;
    width: 95% !important;
    text-align: left !important;
    float: left !important;
}

    .qv-wrapper div#matrixOptions select {
        width: 300px;
        margin: 5px 0 0 0 !important;
    }

div#ProductMiniDesc ul {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0;
}

#ProductMiniDesc ul li {
    margin: 5px 20px;
}

.quickviewwrapper .MoreInfo:hover {
    opacity: 0.7;
}

.quickviewwrapper input.buyButton:hover {
    background: #221f73 !important;
    color: white !important;
}


/* /////////////////////////////////////// END ////////////////////////////////////////// */

/*QUICKVIEW CSS */

.ui-widget #dialogModal {
    font-size: 1.0em !important;
}

.quickviewwrapper div.sc_menu_wrapper {
    width: 100% !important;
    float: left;
    height: auto;
    overflow: hidden;
}

.quickviewwrapper div.sc_menu {
    height: auto !important;
}

#hover-icon {
    float: left;
    margin: 5px 0px;
    font-weight: bold;
    font-size: 90%;
}

#ProductMiniInfo div#matrixOptions {
    float: left;
    width: 100%;
    text-align: left;
}

/* END OF QUICK VIEW */




/* RV and WL panel CSS */
.collapsedash {
    line-height: 35px;
    width: 100%;
    background-color: #e1e1e1;
    border-top: 1px solid #d1d1d1 !important;
    bottom: 0;
    left: 0;
    position: fixed;
    height: 35px;
    padding: 0;
    border: 0 none;
    z-index: 100;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(196,196,196,0.6);
    -moz-box-shadow: 0px -1px 5px 0px rgba(196,196,196,0.6);
    box-shadow: 0px -1px 5px 0px rgba(196,196,196,0.6);
}

.expanddash {
    line-height: 35px;
    width: 100%;
    background-color: #e1e1e1;
    border-top: 1px solid #97a5ad;
    bottom: 0;
    left: 0;
    position: fixed;
    height: 370px;
    padding: 0;
    border: 0 none;
    z-index: 10000;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(196,196,196,0.6);
    -moz-box-shadow: 0px -1px 5px 0px rgba(196,196,196,0.6);
    box-shadow: 0px -1px 5px 0px rgba(196,196,196,0.6);
}


#dashboard .controls {
    height: 35px;
    width: 990px;
    margin: 0 auto;
}

#dashboard ul.dashboardtabs {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

    #dashboard ul.dashboardtabs li:first-child {
        margin-left: 0;
    }

    #dashboard ul.dashboardtabs li {
        margin: 0;
        display: block;
        float: left;
        height: 35px;
    }





        #dashboard ul.dashboardtabs li.dashboardactive {
            background: #999;
        }

        #dashboard ul.dashboardtabs li:hover {
            background: #5c5c5c;
        }


        #dashboard ul.dashboardtabs li:first-of-type:hover, #dashboard ul.dashboardtabs li:last-of-type:hover {
            background: initial;
        }


        #dashboard ul.dashboardtabs li.dashboardactive a, #dashboard ul.dashboardtabs li:hover a {
            color: white !important;
        }

        #dashboard ul.dashboardtabs li a {
            font-weight: normal;
            color: #5c5c5c;
            font-weight: bold;
            text-decoration: none;
            font-size: 12px;
            font-size: .75rem;
            line-height: 35px;
            padding: 0;
            margin: 0;
            vertical-align: top;
            height: 35px;
            display: inline-block;
            padding: 0 20px;
        }

        #dashboard ul.dashboardtabs li .icon {
            margin-right: 6px;
        }

#dashboard .controls .popUpDashboard span.icon-up {
    display: block;
    float: right;
}

#dashboard .controls .popUpDashboard span {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 35px;
}

[class^="icon-"], [class*=" icon-"], .ratingSprite, .buttonArrow, .deliveryTick, #oClose, .small-family, .large-family, .user, .single, .couple, .topconlarge-family, .topconsmall-family, .topconuser, .topconcouple, .product-tester, .verified-buyer, .ao-review, .responsiveStarRating {
    font-family: 'ao-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: attr(data-icon);
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#dashboard .controls .popUpDashboard {
    float: right;
    width: 56px;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

#dashboard #tab_container {
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
}


#wishlistTab span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/wl-icon.png);
    float: left;
    margin-top: 10px;
}

#wishlistTab:hover span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/wl-icon-w.png);
    float: left;
    margin-top: 10px;
}

.dashboardactive#wishlistTab span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/wl-icon-w.png);
    float: left;
    margin-top: 10px;
}

#recentTab span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/rv-icon.png);
    float: left;
    margin-top: 10px;
}

#recentTab:hover span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/rv-icon-w.png);
    float: left;
    margin-top: 10px;
}

.dashboardactive#recentTab span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/rv-icon-w.png) !important;
    float: left;
    margin-top: 10px;
}


#vwCompareProds span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/compare-icon-w.png);
    float: left;
    margin-top: 10px;
}

#vwCompareProds:hover span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/compare-icon-w.png);
    float: left;
    margin-top: 10px;
}


.dashboardactive #vwCompareProds span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/compare-icon-w.png);
    float: left;
    margin-top: 10px;
}



#vwCompareProdsclear span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/x-icon.png);
    float: left;
    margin-top: 10px;
}

#vwCompareProdsclear:hover span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/x-icon-w.png);
    float: left;
    margin-top: 10px;
}


.dashboardactiveclear #vwCompareProds span.icon {
    width: 16px;
    height: 16px;
    background: url(/images/x-icon-w.png);
    float: left;
    margin-top: 10px;
}



.dashboardtabs li {
    cursor: pointer;
}

.dashboardactive#recentTab {
    position: relative;
    background: #999;
}

    .dashboardactive#recentTab:after, .dashboardactive#recentTab:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 2000000;
    }

    .dashboardactive#recentTab:after {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #999;
        border-width: 5px;
        margin-left: -5px;
    }

    .dashboardactive#recentTab:before {
        border-color: rgba(153, 153, 153, 0);
        border-top-color: #999;
        border-width: 11px;
        margin-left: -11px;
    }





    .dashboardactive#recentTab:hover {
        position: relative;
        background: #5c5c5c;
    }

        .dashboardactive#recentTab:hover:after, .dashboardactive#wishlistTab:hover:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            z-index: 2000000;
        }

        .dashboardactive#recentTab:hover:after {
            border-color: rgba(0, 0, 0, 0);
            border-top-color: #5c5c5c;
            border-width: 5px;
            margin-left: -5px;
        }

        .dashboardactive#recentTab:hover:before {
            border-color: rgba(153, 153, 153, 0);
            border-top-color: #5c5c5c;
            border-width: 11px;
            margin-left: -11px;
        }






.dashboardactive#wishlistTab {
    position: relative;
    background: #999;
}

    .dashboardactive#wishlistTab:after, .dashboardactive#wishlistTab:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 2000000;
    }

    .dashboardactive#wishlistTab:after {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #999;
        border-width: 5px;
        margin-left: -5px;
    }

    .dashboardactive#wishlistTab:before {
        border-color: rgba(153, 153, 153, 0);
        border-top-color: #999;
        border-width: 11px;
        margin-left: -11px;
    }





    .dashboardactive#wishlistTab:hover {
        position: relative;
        background: #5c5c5c;
    }

        .dashboardactive#wishlistTab:hover:after, .dashboardactive#wishlistTab:hover:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            z-index: 2000000;
        }

        .dashboardactive#wishlistTab:hover:after {
            border-color: rgba(0, 0, 0, 0);
            border-top-color: #5c5c5c;
            border-width: 5px;
            margin-left: -5px;
        }

        .dashboardactive#wishlistTab:hover:before {
            border-color: rgba(153, 153, 153, 0);
            border-top-color: #5c5c5c;
            border-width: 11px;
            margin-left: -11px;
        }








.collapsedash a.popUpDashboard span.icon {
    width: 34px;
    height: 20px;
    background: url(/images/bar-up.png) !important;
    float: left;
    margin-top: 6px;
}


.expanddash a.popUpDashboard span.icon {
    width: 34px;
    height: 20px;
    background: url(/images/bar-down.png) !important;
    float: left;
    margin-top: 8px;
}

a.popUpDashboard:hover {
    opacity: 0.7;
}

.showhidetext {
    display: none;
}



.expanddash .boxitem {
    box-shadow: none !important;
    margin: 0 auto !important;
}


#dashboard ul.dashboardtabs li a#anCompareProds {
    background: #369726;
    color: white;
}

    #dashboard ul.dashboardtabs li a#anCompareProds:hover {
        background: #5c5c5c;
        color: white;
    }

#msgwish {
    text-align: center;
}

#ProductMiniDesc {
    text-align: left;
}



/* end of RV and WL panel CSS */


/***   STYLING FOR AUTOCOMPLETE SUGGESTIONS   ***/

ul.ui-autocomplete {
    width: 350px !important;
}

li.ui-autocomplete-category {
    text-align: left;
    font-weight: bold;
    padding: 5px 10px;
}

li.ui-menu-item {
    border-bottom: 1px dotted silver;
    width: 330px !important;
    margin: 5px 10px !important;
}

div.ac_productSuggestion {
    cursor: pointer;
}

    div.ac_productSuggestion img {
        float: left;
        padding: 5px 10px 5px 0;
    }

    div.ac_productSuggestion p.name {
        font-family: "Lato","Helvetica Neue","Helvetica","Arial",sans-serif;
        font-size: 12px;
        line-height: 110%;
        text-align: left;
    }

    div.ac_productSuggestion p.price {
        font-weight: bold;
        color: #dd1313;
    }

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {
    background: none !important;
    border: none !important;
}





/* 404 page */


#searchform404 {
    padding: 0px;
    min-height: 316px;
    margin: 0 auto;
    background: transparent url(/images/page-not-found.jpg) right bottom no-repeat;
}

    #searchform404 h2 {
        width: 50%;
        margin-top: 20px;
        line-height: 25px;
        font-size: 24px;
        color: #000033 !Important;
    }

    #searchform404 p {
        font-size: 18px;
        margin-top: 20px;
    }

    #searchform404 li {
        list-style-type: disc;
        list-style-position: inside;
        margin-left: 3px;
        padding-left: 0;
    }

    #searchform404 form input#searchCriteria2 {
        background: white;
        float: left;
        margin: 0;
        height: 20px !important;
        width: 350px !important;
        vertical-align: top;
        padding: 8px;
        border: 1px solid silver;
        font-style: italic;
        color: #333333;
    }


    #searchform404 #KeywordSearchSubmit {
        float: left;
        color: white;
        cursor: pointer;
        background: #221f73;
        border: 0;
        font-weight: bold;
        width: 80px;
        padding: 9px 0;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        height: 38px;
    }

    #searchform404 form {
        width: auto !important;
    }

.othersearches404 {
    float: left;
    width: 100%;
    margin-top: 50px;
}

    .othersearches404 span {
        font-size: 140%;
        font-weight: bold;
        float: left;
        width: 100%;
    }

    .othersearches404 ul {
        padding: 0;
        margin: 0 0 20px 0;
        float: left;
    }

        .othersearches404 ul li {
            list-style: none;
            display: inline;
            margin: 10px;
            float: left;
            font-weight: bold;
            color: #656565;
        }



            .othersearches404 ul li a {
                text-decoration: none;
                color: #333333;
                padding: 5px;
            }

            .othersearches404 ul li:nth-of-type(5n+4) {
                font-size: 90% !important;
            }


            .othersearches404 ul li:nth-of-type(2n+1) {
                font-size: 130%;
            }


            .othersearches404 ul li:nth-of-type(2n+2) {
                font-size: 160%;
            }

            .othersearches404 ul li:nth-of-type(3n+3) {
                font-size: 200%;
            }



            .othersearches404 ul li:nth-of-type(4n+2) {
                font-size: 250%;
            }

    .othersearches404 > span {
        margin-bottom: 20px;
    }


/* delivery countdown cut off */

.OfferBox .cutoffcountdown {
    float: left;
    width: 220px;
    margin-top: 10px;
    border: 2px dotted #656565;
    border-radius: 6px;
    text-align: center;
    padding: 7px;
    margin-bottom: 10px;
    font-size: 100% !important;
}

.ProductPrice .cutoffcountdown {
    font-size: 100% !important;
}





.OfferBox .cutoffcountdown:before {
    content: "Want it tomorrow? Order within";
    width: 100%;
    float: left;
    text-align: center;
}


#topcontent .cutoffcountdown:before {
    content: ", Order within";
    width: 100%;
    margin-right: 5px;
    color: #797979;
    font-weight: bold;
}


.cutoffmessage {
    float: left;
    width: 100%;
    text-align: center;
}

.cutoffcount {
    font-size: 100%;
    font-weight: bold;
}

#cutoffcountdowndate {
    display: none;
}

#stockStatus {
    display: none;
}

#earliestDelDate {
    display: none;
}

.collMsg {
    display: none;
}

/* del countdown add to basket lightbox */

#fancybox-content .cutoffcountdown {
    box-sizing: border-box;
    padding: 5px !important;
}



#collectpluscontainer {
    width: 220px;
    border: 1px solid #c1c1c1;
    float: left;
    border-radius: 6px;
    padding: 5px;
    clear: left;
    background: #fff;
    margin-bottom: 10px;
}


    #collectpluscontainer img {
        float: left;
        width: 70px;
    }

#collectpluscopy {
    width: 140px;
    float: right;
    margin-top: 6px;
}

    #collectpluscopy span {
        font-weight: bold;
    }


.pp-wishlist {
    float: left;
    clear: none !important;
}



/* top promotion bar */

#bfsitewrap {
    width: 100%;
    background: #000;
    display: none !important;
}

#bfsitehead {
    margin-left: auto;
    margin-right: auto;
    width: 972px;
    color: white;
    padding: 10px;
}



.bfsitetitle {
    font-size: 16px;
    font-weight: bold;
    /*animation: change 0.5s infinite;*/
    color: yellow;
    width: 20%;
    display: inline-block;
    margin-top: 4px;
}

    .bfsitetitle:before {
        content: "AMAZING GIFT IDEAS";
        font-size: 16px;
        font-weight: bold;
    }


.bfsitelist {
    width: 80%;
    float: right;
}

.bfsitelist {
    margin: 0;
    padding: 0;
    color: white;
    font-weight: bold;
}

    .bfsitelist li {
        float: left;
        color: white;
        margin: 0% 1.5%;
        list-style: none;
        font-size: 110%;
        color: white;
    }


        .bfsitelist li:hover {
            color: black !important;
            cursor: pointer;
        }


            .bfsitelist li:hover a {
                text-decoration: none;
                color: black;
                padding: 3px 10px;
                background: white;
                border-radius: 6px;
            }


        .bfsitelist li a {
            float: left;
            color: white;
            padding: 3px 10px;
        }

/*@keyframes change {
from { color: yellow }
to   { color: white }
}*/


div#EarliestDel span {
    margin-left: 4px;
}


.top5icon {
    display: none;
}


.scrollToTop {
    width: 50px;
    height: auto;
    text-decoration: none;
    position: fixed;
    bottom: 14%;
    right: 10%;
    display: none;
    opacity: 0.7;
    text-align: center;
}

    .scrollToTop img {
        width: 100%;
    }

    .scrollToTop:hover {
        text-decoration: none;
        opacity: 0.9;
    }



/* new unified product page CSS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* new unified product page CSS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* new unified product page CSS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* new unified product page CSS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* new unified product page CSS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* new unified product page CSS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



#productpagewrapper, #productpagetop, #productpagebottom {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
}



    #productpagewrapper a, #productpagetop a, #productpagebottom a {
        text-decoration: none;
    }


        #productpagewrapper a:hover {
            text-decoration: none;
        }

/* hides saving % for now as not on mock */
.VPpercent {
    display: none;
}


.breadCrumbTrail h2 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.breadCrumbTrail ul {
    padding: 0;
    margin: 0;
}

    .breadCrumbTrail ul li {
        float: left;
        display: inline;
        margin-right: 5px;
    }

        .breadCrumbTrail ul li h2::after {
            content: "\00bb";
            margin-left: 5px;
        }

        .breadCrumbTrail ul li:last-of-type h2::after {
            content: "";
        }

.breadCrumbTrail a, .breadCrumbTrail h2 {
    color: #797979;
    text-transform: capitalize;
}

    .breadCrumbTrail a:hover {
        text-decoration: underline;
    }

.printable a {
    float: right;
    font-weight: bold;
    color: #797979;
}

    .printable a:hover span {
        text-decoration: underline;
    }

.printsharecompare {
    float: right;
    max-width: 50%;
    font-weight: bold;
    color: #797979;
}

    .printsharecompare .compBtn {
        display: none !important;
    }

div.share {
    display: none;
    margin: 0;
}


.printsharecompare a {
    color: #797979;
}

.printsharecompare > div {
    float: left;
    margin: 0px 10px;
}

    .printsharecompare > div:last-of-type {
        margin-right: 0;
    }

    .printsharecompare > div span {
        float: left;
    }

    .printsharecompare > div img {
        float: left;
        margin-right: 5px;
    }


#ProductTitle {
    width: 100%;
    clear: both;
    margin: 15px 0px;
    font-weight: bold;
    float: left;
}


    #ProductTitle h1 {
        width: 100%;
        clear: both;
        font-weight: bold;
        float: left;
        font-size: 180%;
        margin-bottom: 8px;
        line-height: 130%;
    }

    #ProductTitle #Reevoo {
        float: left;
    }

#ProductImages {
    float: left;
}

#topcontent {
    float: right;
    width: 50%;
    margin-left: 5%;
}


.seeMore {
    float: left;
}

.sku {
 
    font-size: 80%;
    color: #797979;
}

    .sku:before {
        content: "- ";
    }

.quickfind {
    color: #797979;
}

#ProductImages {
    width: 45%;
    float: left;
    margin-top: 10px;
}

.db_images, .imageBox /*,.imageBox > img*/ {
    float: left;
    width: 100%;
}

/*#imageViews {
    float: left;
    width: 100%;
    margin-top: 10px;
}*/

#prodpage-sprite-enlarge {
    float: left;
    font-weight: bold;
}



#prodpage-sprite-hires {
    float: right;
    font-weight: bold;
}


    #prodpage-sprite-hires:hover {
        text-decoration: underline;
    }

#prodpage-sprite-enlarge img {
    margin-right: 5px;
}

#prodpage-sprite-hires img {
    margin-right: 5px;
}



.vp_thumb {
    float: left;
    border: 1px solid rgba(196,196,196,0.6);
    margin-right: 10px;
   
}

    .vp_thumb > a > img {
        float: left;
        width: 100%;
        height: auto;
    
    }



#ProductImages div.sc_menu_wrapper {
    width: 100%;
    height: 57px;
    overflow: hidden;
}

#ProductImages div.sc_menu {
    width: 2500px;
    height: 46px;
    padding: 5px 0;
}

    #ProductImages div.sc_menu div.vp_thumb {
        float: left;
    }

        #ProductImages div.sc_menu div.vp_thumb a, div.sc_menu a.popVideo {
            display: block;
            height: 44px;
            width: 44px;
        }

            #ProductImages div.sc_menu div.vp_thumb a:hover {
                opacity: 0.5;
            }



.imageBox a#mainImg > img {
    float: left;
    width: 100%;
    overflow: hidden;
}


a#mainImg {
    float: left;
    width: 100%;
    overflow: hidden;
}

.uptoggle:before {
    content: url("/images/uptoggle.png");
    font-weight: bold;
    margin-right: 5px;
    float: left;
}

.downtoggle:before {
    content: url("/images/downtoggle.png");
    font-weight: bold;
    margin-right: 5px;
    float: left;
}

.showhide, .hidetoggle {
    float: left;
    width: 100%;
}

.showhide {
    padding: 10px 0px;
}

.hidetoggle {
    border-bottom: 1px solid black;
}

.toggle {
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 120%;
    color: #221f73;
    cursor: pointer;
    margin: 0;
}

.closetoggle {
    display: none;
}

#topSummary ul {
    margin: 0;
    padding: 0;
}

    #topSummary ul li {
        margin: 0px 0px 5px 15px;
        padding: 0;
        list-style: disc;
        list-style-position: outside;
        font-size: 100%;
        line-height: 130%;
    }

a#moreinfolink {
    float: left;
    font-weight: bold;
    margin: 10px 0px;
    clear: left;
    font-size: 120%;
}

.ProductPrice {
    float: left;
    width: 100%;
}


span.productprice {
    margin-right: 42px;
}

.fullprice {
    font-weight: bold;
}


#VP-Discontinued {
    float: left;
}

.emailwhenback {
    float: right;
    width: 150px;
    background: #221f73;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 20px 5px;
    color: white;
    font-size: 150%;
    text-align: center;
    margin-top: 5px;
   

}


.mailmesubmit {font-size: 14px; color: Black;
                                margin-top: -5px; margin-left: 45px; margin-right: 72px; width:200px; font-weight: bold; background: #4ea917; border-radius: 6px; border:0; color: white; padding: 10px; cursor: pointer;}
    .emailwhenback:hover {
        opacity: 0.8;
    }

.mailmeicon {
    float: left;
    width: 50%;
    margin: 5px 25% 15px 25%;
 
}

/*.theprice {
float: left;
width: 100%;
}*/

#topcontent div[id*="availability"] {
    width: 100%;
    float: left;
    border-top: 1px solid black;
    padding-top: 10px;
    font-weight: bold;
}


.ProductPrice form[action="/basket/BasketOperation"] {
    float: right;
    width: 50%;
}


.wasandsaving {
    float: left;
    width: 50%;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    color: #797979;
}


#topSummary {
    float: left;
    width: 100%;
}

    #topSummary ul {
        float: left;
        min-width: 50%;
        max-width: 100%;
    }

.refurbexp a {
    color: #ee2e24;
}

.VersionOfferPrice {
    float: left;
    width: 50%;
    clear: left;
}

    .VersionOfferPrice img {
        float: left;
    }

span.finalprice {
    clear: left;
    float: left;
    width: 100%;
}

span.cashbackprice, span.cashbackamount {
    color: #f15753;
    font-weight: bold;
    font-size: 120%;
}

span.cashbackprice {
    margin-right: 10px;
}

delOptbtn .pricestar {
    float: left;
    clear: right;
}

.priceafter {
    float: left;
    width: 50%;
    clear:left;
}

.productprice {
    float: left;
    font-weight: bold;
}

.instoreonly {
    float: left;
    clear: both;
}

#Which-VPbutton {
    width: 240px;
    height: 40px;
    float: right;
    clear: right;
}

    #Which-VPbutton:hover {
        opacity: 0.7;
    }


    #Which-VPbutton a {
        float: left;
        width: 100%;
        height: 100%;
    }


#Which-VPImage {
    float: left;
    margin-left: 32px;
    margin-top: 6px;
}


.buyButton {
    width: 100%;
    float: right;
    height: 40px;
    padding: 0% 5%;
    background: #4ea917;
    color: white;
    font-weight: bold;
    border: 0;
    font-size: 180%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: left;
    margin: 5px 0px 10px 0px;
    cursor: pointer;
}


span.atb:hover .buyButton {
    background: #64bd3b;
    cursor: pointer;
}

span.atb:after {
    content: "»";
    color: white;
    float: left;
    position: absolute;
    top: 10px;
    right: 14px;
    font-weight: bold;
    font-size: 220%;
    line-height: 100%;
    cursor: pointer;
}

span.atb {
    width: 100%;
    float: left;
    position: relative;
    cursor: pointer;
}



.infoicon {
    margin-left: 5px;
}

a.finance {
    float: left;
    width: 50%;
    font-weight: bold;
    margin-bottom: 5px;
}

    a.finance span {
        float: left;
    }

.financeprice {
    color: #0278c0;
    font-weight: bold;
    margin: 0px 4px;
}

.financefeemessage {
    font-size: 90%;
    color: #8f8f8f;
    margin-left: 5px;
}


.techspeclink {
    font-weight: bold;
    float: left;
    font-weight: bold;
    margin: 10px 0px 10px 30px;
    font-size: 120%;
}

.cutoffmessage {
    display: none;
}

#maindesc {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 10px 0 0 0!important;
}



.cutoffcount {
    color: #369726;
}


#StockMsg, #EarliestDel {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.earliestDelivery {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
}

#freedel {
    float: left;
    font-weight: bold;
    width: 100%;
}

.freedelproduct {
    margin-bottom: 10px;
}

/*#EarliestDel span:before {
content: "Home ";
}*/

#collectplusDiv {
    float: left;
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px;
}


a.finance:hover span.infoicon {
    opacity: 1;
}

a.finance span.infoicon {
    opacity: 0.5;
}


.tbWarranty {
    float: left;
    width: 100%;
}

.warrantyoption {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .warrantyoption label {
        float: left;
        width: 100%;
    }

a.dlgFixedWarranty, a.dlgPercWarranty {
    float: left;
    width: 75%;
}

.warrantypopup {
    width: 4%;
    float: left;
}

a.dlgFixedWarranty #warrantytext, a.dlgPercWarranty #warrantytext {
    width: auto;
    float: none;
    display: inline;
margin-right: 5px;
}

a.dlgFixedWarranty #warrantyprice, a.dlgPercWarranty #warrantyprice {
    width: auto;
    float: none;
    display: inline;
margin-right: 5px;
}

.warrantyoption a span img {
    opacity: 0.5;
}

.warrantyoption a:hover span img {
    opacity: 1;
}



.warrantyoption label > input {
    float:left;
        -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);

}

.warrantyoption label > input {
    display: block\9;
    *display: block;
}

.warrantyoption label input[type=checkbox] ~ span.addtick {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;

    padding: 2px;
    width: 10%;
    float: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-right: 1%;
    box-sizing: border-box;
}

   

    .warrantyoption label input[type=checkbox] ~ span.addtick:after {
        content: "Add";
        font-weight: bold;
        color: #221f73;
        text-align: center;
        width: 10%;
    }



.tbWarranty > span {
    font-weight: bold;
}



.warrantyoption > label > a > span, .warrantyoption #warrantyprice span {
    font-weight: bold;
    font-size: 120%;
    color: #ee2e24;
}






.seeMore {
    float: left;
    width: 45%;
    display: none;
}

    .seeMore p {
        font-weight: bold;
        float: left;
        width: 45%;
    }

    .seeMore ul li {
        float: left;
        display: inline;
    }


.enhancedimage img {
    float: left;
    width: 100%;
}

/*88888888888888888888888888888888888 ////////////////////////////////////// product page image modal //////////////////////////////////////////// */




#ImagedialogModal .imageBox {
    float: right;
    width: 680px;
}

    #ImagedialogModal .imageBox img {
        width: 680px;
        float: right;
    }



#ImagedialogModal .sc_menu_wrapper {
    width: 90px;
    float: left;
    margin-left: 20px;
}

#ImagedialogModal {
    min-height: 680px !important;
    max-width: 1033px !important;
    display: none;
}


    #ImagedialogModal .ProductMiniTitle {
        float: left;
        margin-left: 20px;
        max-width: 270px;
    }


    #ImagedialogModal .vp_thumb {
        margin: 10px;
        background: white;
    }

.vp_thumb:hover {
    border: 1px solid #333;
}

#ImagedialogModal .sc_menu {
    float: left;
    max-height: 400px;
    padding: 5px 0;
    width: 280px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow-y: auto;
}


#ImagedialogModal div.sc_menu_wrapper {
    overflow: auto;
    overflow-x: hidden;
    min-width: 278px;
}

.imagemodalcallus {
    float: left;
    width: 270px;
    background: rgba(196,196,196,0.2);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow-y: auto;
    margin-top: 20px;
    text-align: center;
}

    .imagemodalcallus p {
        text-align: center !important;
    }

    .imagemodalcallus span {
        font-weight: bold;
    }

#ImagedialogModal div.sc_menu div.vp_thumb {
    float: left;
    cursor: pointer;
}






/* Large Devices, Wide Screens */
/*@media only screen and (min-width : 1200px) {


        

#ImagedialogModal .imageBox {
float: right;
width: 780px;
}

#ImagedialogModal .imageBox img {
width: 780px;
float: right;
}



#ImagedialogModal .sc_menu_wrapper {
width: 90px;
float: left;
margin-left: 20px;
}

#ImagedialogModal {
min-height: 780px !important;
max-width: 1133px !important;
display: none;
}


#ImagedialogModal .ProductMiniTitle {
float: left;
margin-left: 20px;
max-width: 400px;
}


#ImagedialogModal .vp_thumb {
margin: 10px;
background: white;
}

.vp_thumb:hover {
border: 1px solid #333;
}

#ImagedialogModal .sc_menu {
float: left;
max-height: 500px;
padding: 5px 0;
width: 270px;
}


#ImagedialogModal div.sc_menu_wrapper {
overflow: auto;
overflow-x: hidden;
width: 270px;
background: rgba(196,196,196,0.2);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}


#ImagedialogModal div.sc_menu div.vp_thumb {
float: left;
cursor: pointer;
}


/* Small Devices, Tablets */
/*@media only screen and (max-width : 768px) {



#ImagedialogModal .imageBox {
float: right;
width: 680px;
}

#ImagedialogModal .imageBox img {
width: 680px;
float: right;
}



#ImagedialogModal .sc_menu_wrapper {
width: 90px;
float: left;
margin-left: 20px;
}

#ImagedialogModal {
min-height: 680px !important;
max-width: 1033px !important;
display: none;
}


#ImagedialogModal .ProductMiniTitle {
float: left;
margin-left: 20px;
max-width: 270px;
}


#ImagedialogModal .vp_thumb {
margin: 10px;
background: white;
}

.vp_thumb:hover {
border: 1px solid #333;
}

#ImagedialogModal .sc_menu {
float: left;
max-height: 400px;
padding: 5px 0;
width: 270px;
}


#ImagedialogModal div.sc_menu_wrapper {
overflow: auto;
overflow-x: hidden;
width: 270px;
background: rgba(196,196,196,0.2);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}


#ImagedialogModal div.sc_menu div.vp_thumb {
float: left;
cursor: pointer;
}
}*/





/* Large Devices, Wide Screens */
/*@media only screen and (min-width : 1200px) {


        

#ImagedialogModal .imageBox {
float: right;
width: 780px;
}

#ImagedialogModal .imageBox img {
width: 780px;
float: right;
}



#ImagedialogModal .sc_menu_wrapper {
width: 90px;
float: left;
margin-left: 20px;
}

#ImagedialogModal {
min-height: 780px !important;
max-width: 1133px !important;
display: none;
}


#ImagedialogModal .ProductMiniTitle {
float: left;
margin-left: 20px;
max-width: 400px;
}


#ImagedialogModal .vp_thumb {
margin: 10px;
background: white;
}

.vp_thumb:hover {
border: 1px solid #333;
}

#ImagedialogModal .sc_menu {
float: left;
max-height: 500px;
padding: 5px 0;
width: 270px;
}


#ImagedialogModal div.sc_menu_wrapper {
overflow: auto;
overflow-x: hidden;
width: 270px;
background: rgba(196,196,196,0.2);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}


#ImagedialogModal div.sc_menu div.vp_thumb {
float: left;
cursor: pointer;
}



}*/





/* Large Devices, Wide Screens */
/*@media only screen and (min-width : 1600px) {


        

#ImagedialogModal .imageBox {
float: right;
width: 880px;
}

#ImagedialogModal .imageBox img {
width: 880px;
float: right;
}



#ImagedialogModal .sc_menu_wrapper {
width: 90px;
float: left;
margin-left: 20px;
}

#ImagedialogModal {
min-height: 880px !important;
max-width: 1333px !important;
display: none;
}


#ImagedialogModal .ProductMiniTitle {
float: left;
margin-left: 20px;
max-width: 600px;
}


#ImagedialogModal .vp_thumb {
margin: 10px;
background: white;
}

.vp_thumb:hover {
border: 1px solid #333;
}

#ImagedialogModal .sc_menu {
float: left;
max-height: 600px;
padding: 5px 0;
width: 270px;
}


#ImagedialogModal div.sc_menu_wrapper {
overflow: auto;
overflow-x: hidden;
width: 270px;
background: rgba(196,196,196,0.2);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}


#ImagedialogModal div.sc_menu div.vp_thumb {
float: left;
cursor: pointer;
}



}


.imagemodalcallus {
float: left;
padding: 5px 0;
width: 270px;
}
        
}
        
*/

/*88888888888888888888888888888888888 ////////////////////////////////////// END product page image modal //////////////////////////////////////////// */


#productpagebottom .pp-bottomsection > h2 {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 180%;
    border-bottom: 3px solid #221f73;
    color: #221f73;
    margin-bottom: 20px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.pp-bottomsection {
    float: left;
    width: 100%;
    overflow: hidden;
}

    .pp-bottomsection h2 a {
        color: #221f73;
    }

.productcolumnleft {
    float: left;
    width: 48%;
    margin-right: 4%;
}


.productcolumnright {
    float: left;
    width: 48%;
    margin-left: 0%;
}

/*.pp-bottomsection:nth-of-type(even) {clear: left;
}



.pp-bottomsection:nth-of-type(odd) {clear: right;
}*/


#specData table tr td {
    padding: 10px 0px 10px 10px;
}

#specData table tr:nth-of-type(even) {
    background: rgba(196,196,196,0.2);
}


td.Section {
    font-weight: bold;
}

#specData {
    float: left;
    width: 100%;
}

ul#FactoryOutletTable, #AccVariantsTable {
    margin: 0;
    padding: 0;
}

ul#FactoryOutletTable, #AccVariantsTable {
    float: left;
    width: 100%;
}


    #FactoryOutletTable li, #AccVariantsTable li {
        padding: 2%;
        width: 96%;
        background: rgba(196,196,196,0.2);
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin-bottom: 5px;
        float: left;
    }


li .accImage {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 1%;
    background: white;
    width: 18%;
    float: left;
}

Table li .accImage img {
    width: 100%;
}

.linkeddesc {
    width: 78%;
    margin-left: 2%;
    float: left;
}

.linkeddesc {
    font-weight: bold;
    /*font-size: 120%;*/
}

.accPrice {
    font-size: 160%;
    margin-left: 2%;
    width: 30%;
    color: #ee2e24;
    font-weight: bold;
    float: left;
    margin-top: 4%;
}

.accLink {
    font-weight: bold;
    text-align: center;
    width: 30%;
    float: right;
    margin-top: 3%;
}

    .accLink a {
        background: #221f73;
        color: white;
        font-weight: bold;
        text-align: center;
        float: left;
        width: 92%;
        padding: 4%;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

        .accLink a:hover {
            background: #369726;
        }




.addAcc {
    float: right;
    width: 30%;
    margin-top: 4%;
}



    .addAcc label > input {
        float:left;
         -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  margin-top: 5px;
  margin-left: 10px;
    }

    .addAcc label > input {
        display: block\9;
        *display: block;
    }

    .addAcc label input[type=checkbox] ~ span {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        padding: 4%;
        width: 70%;
        float: right;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }


        .addAcc label input[type=checkbox] ~ span:after {
            content: "Include in Order";
            font-weight: bold;
            color: #221f73;
            text-align: center;
        }



.howtoadd {
   display: none;
}

.accImage img {
    width: 100%;
    height: auto;
}

.accImage a {
    float: left;
    width: 80px;
    height: 80px;
}


a.qaask {
    float: left;
    width: 96%;
    padding: 2%;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #369726;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: 10px;
}

    a.qaask:hover {
        background: #4ea917;
    }


#feedback .category {
    float: left;
    width: 100%;
}

    #feedback .category p {
        width: 100%;
        float: left;
        margin: 5px 0px;
    }

        #feedback .category p span {
            width: 100%;
            float: left;
        }

    #feedback .category > div {
        float: left;
        width: 100%;
        padding: 2%;
        border: 1px solid rgba(196,196,196,0.4);
        margin-bottom: 5px;
        box-sizing: border-box;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

.makecomments fieldset {
    background: rgba(196,196,196,0.3);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: none;
    padding: 2%;
    width: 96%;
    margin: 0;
}

.makecomments .editor-label {
    float: left;
    width: 100%;
}

.makecomments .editor-field {
    float: left;
    width: 100%;
}

    .makecomments .editor-field input, .makecomments .editor-field textarea {
        float: left;
        width: 96%;
        padding: 0;
        margin: 0;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid rgba(196,196,196,0.8);
        padding: 2%;
    }

.makecomments #makeCommentsButton {
    width: 100%;
    float: left;
    padding: 2%;
    background: #221f73;
    color: white;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 5px;
}

div#maindesc ul, div#maindesc ul li {
    list-style: disc;
    line-height: 130%;
    width: 100%;
    float: left;
    list-style-position: inside;
}

div[id*="huddsMsg"] p, div[id*="derbyMsg"] p {
    margin: 5px 0px;
}


#DelRet {
    float: left;
    width: 100%;
}

    #DelRet span {
        font-weight: bold;
        display: none;
    }

    #DelRet p > img {
        float: left;
        width: 100%;
    }

#delOptbtn {
    background: #221f73;
    color: white;
    font-weight: bold;
    width: 50%;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: none;
    height: 36px;
    padding: 0;
    cursor: pointer;
}

input#delOptPostcode {
    float: left;
    padding: 0% 2%;
    border: 2px solid #221f73;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 50%;
    height: 36px;
    box-sizing: border-box;
}


    input#delOptPostcode::-webkit-input-placeholder {
        color: #656565 !important;
    }

    input#delOptPostcode:-moz-placeholder { /* Firefox 18- */
        color: #656565 !important;
    }

    input#delOptPostcode::-moz-placeholder { /* Firefox 19+ */
        color: #656565 !important;
    }

    input#delOptPostcode:-ms-input-placeholder {
        color: #656565 !important;
    }


.simprods ul {
    margin: 0;
    padding: 0;
}

    .simprods ul li {
        display: inline;
        margin: 0px 10px;
        float: left;
    }

/* ///// SHOP THE RANGE CAROUSEL ----------------------------------- */

#moreinrangecarousel .swiper-container {
    width: 100%;
    float: left;
    clear: both;
    padding-bottom: 20px;
}

#moreinrangecarousel h3 {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.swiper-container .swiper-slide {
    text-align: center;
    padding: 0 0 10px 0;
  /*width: 170px !important;
   border-bottom: 3px solid #221f73;*/
}

    .swiper-container .swiper-slide a {
        color: #101010;
        text-decoration: none;
        font-weight: bold;
    }

    .swiper-container .swiper-slide img {
        display: block;
        margin: 0 auto;
    }

    .swiper-container .swiper-slide .versionofferprice {
        color: #ab2020;
        font-size: 120%;
        font-weight: bold;
        float: left;
        width: 100%;
        margin-top:5px;
    }

    .swiper-container .swiper-slide .versionoffertitle {
        min-height: 49px;
        max-height: 51px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }


/*.swiper-wrapper {
transform: translate3d(-580px, 0px, 0px) !important;
} */




#delOptList {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

    #delOptList li:first-of-type {
        margin-top: 20px;
    }

    #delOptList li {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        font-weight: bold;
        list-style: none;
    }

        #delOptList li b {
            color: #ee2e24;
            font-size: 120%;
        }

.ProductPage #wop {
    width: 5%;
    float: left;
}

p.answer {
    color: green;
}

#delOptList li.delpoint {
    display: none;
}


.quickfind {
    float: left;
    margin-right: 20px;
}




/*Price match*/
#PriceMatchPopUp {
    position: absolute;
    width: 480px;
    height: 155px;
    position: absolute;
    top: 85px;
    right: 0px;
    box-sizing: border-box;
    z-index: 1000;
    text-align: center;
    box-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #PriceMatchPopUp #PopUpHead {
        box-sizing: border-box;
        width: 100%;
        height: 30%;
        background: #221F73;
        margin-top: 15px;
    }

        #PriceMatchPopUp #PopUpHead h3 {
            color: #fff;
            font-family: ozBold,Arial,Helvetica,sans-serif;
            font-size: 23px;
            margin-right: 14px;
            line-height: 52px;
        }

    #PriceMatchPopUp #PopUPbody {
        border: 1px solid #221F73;
        background: #fff;
    }

        #PriceMatchPopUp #PopUPbody p {
            text-align: center;
        }

            #PriceMatchPopUp #PopUPbody p br {
                display: none;
            }

    #PriceMatchPopUp span {
        color: #ee2e24;
        font-weight: bold;
        font-size: 16px;
        margin-left: 10px;
    }


.VersionOfferPriceIncVat {
    width: 25%;
    float: left;
    margin-left: 2%;
    color: #656565;
    font-size: 90%;
}

    .VersionOfferPriceIncVat img {
        float: left;
    }



#Which-VPbutton {
    width: 50%;
    height: 40px;
    float: right;
    background-size: 100% 100%;
}

.product-whichlow {
    width: 100%;
    height: 40px;
    float: right;
    background-size: 100% 100%;
}



#otherProductsTabLinkall {
    float: left;
    width: 100%;
    text-align: right;
}


    #otherProductsTabLinkall:hover {
        opacity: 0.8;
    }



/* //////////////////////////// SHOW MORE BUTTON //////////////////////////////////////////////////////////////////*/
.uparrow, .downarrow {
    cursor: pointer;
}

.uparrow:after {
    content: "\25b2";
    color: white;
}

.downarrow:after {
    content: "\25bc";
    color: white;
}

/*.deschide {
    height: 300px;
    overflow: hidden;
    float: left;
}

.descshow {
    height: auto;
    overflow: initial;
    float: left;
}*/



div[class*="show-more"] {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-top: 3px solid #221f73;
}

    div[class*="show-more"] a {
        float: left;
        width: 50%;
        margin-left: 25%;
        background: #221f73;
        color: white;
        font-weight: bold;
        text-align: center;
        padding: 1%;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        font-size: 130%;
    }

/* VVVVVVVVVVVV       comment this out to enable show more on product desc        VVVVVVVVVVVV  */

div.show-more-description {
    display: none;
}

/*#maindesc.deschide {
    height: auto !important;
    overflow: auto;
}*/

/* //////////////////////////// END SHOW MORE BUTTON //////////////////////////////////////////////////////////////////*/




.footerwrap {
    clear: both;
}


#productpagetop {
    margin-top: 10px;
}




/* STYLES FOR NEW ENHANCED PRODUCT TEMPLATE */

.enhancedtemplate {
    text-align: left;
    width: 100%;
    display: block;
    overflow: hidden;
}

.enhancedimage img {
    width: 100%;
}

.enhancedintro {
    font-size: 130%;
    line-height: 140%;
}

div.quickspec {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

ul.quickspec {
    margin-left: 0 !important;
}

    ul.quickspec li {
        display: inline;
        width: 16.5%;
        margin-right: 1%;
        margin-left: 0 !important;
        background: #f0f0f0;
        border: 1px solid #dfdfdf;
        float: left;
        text-align: center !important;
        ;
        font-weight: bold;
        padding: 1%;
    }

        ul.quickspec li:last-child {
            margin-right: 0;
        }

div.enhancedtemplate > strong {
    margin-left: 12px;
}

div.enhancedtext p {
    margin-left: 0 !important;
}



/*************** BUNDLES ***********************/

.pp-bundle h2 {
    margin-bottom: 10px !important;
}

.bundleRow {
    float: left;
    height: 125px;
    overflow: hidden;
    padding: 1%;
    width: 47%;
    background: rgba(196,196,196,0.2);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 1% 0% 1% 1%;
}

    .bundleRow:nth-of-type(odd) {
        margin: 1% 1% 1% 0% !important;
    }

    .bundleRow:last-of-type {
        border-bottom: none;
    }


#bundleEngine {
    float: left;
    width: 100%;
}


.bundleDescription {
    float: left;
    width: 80%;
}


    .bundleDescription h3 {
        color: #ee2e24;
        font-size: 100%;
        float: left;
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

.bundleDetails.swiper-container {
    float: left;
    width: 75%;
    margin-right: 5%;
   
}

.bundleLineItem img {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}




.bundleDetails .plus {
    display: none;
}

.bundleDetails .swiper-slide {
    background: white;
    border-left: 3px solid rgba(196,196,196,0.2);
    border-right: 3px solid rgba(196,196,196,0.2);
    box-sizing: border-box;
    
    
}



.swiper-button-disabled {
    display: none;
}

.bundleDetails .swiper-slide:first-of-type {
    background: white;
    -webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
    
}

.bundleDetails .swiper-slide:last-of-type {
    background: white;
    -webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
    
}


.bundlePrice {
    float: right;
    width: 20%;
}

.bundleSavingMessage {
    font-weight: bold;
}

.bundlePriceDisplay {
    font-weight: bold;
    margin-top: 5px;

}

    .bundlePriceDisplay span {
        float: left;
        width: 100%;
        font-size: 150%;
        color: #ee2e24;
    }

.buyBundleButton {
    float: left;
    width: 100%;
    background: #369726;
    color: white;
    font-weight: bold;
    text-align: center;
        border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 1% 0%;
    margin-top: 5px;
       padding: 5px 0px;
}

.swiper-wrapper {
    cursor: pointer;
}


.swiper-container .single-product {
     width: 33%; text-align: center; font-weight: bold;
    margin-left: 33%;
}

.swiper-container .single-product .versionofferprice {
    color: #ab2020;
    font-size: 120%;
    font-weight: bold;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.swipercontainer .single-product .versionoffertitle
{
    min-height: 49px;
    max-height: 51px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: bold;
   
}


.refurbexp h2 {
    display: none;
}

.refurbexp #FactoryOutletTable a #accName {
    color: #333333;
}


#swogoai {
    float: left;
    width: 100%;
    clear: both;
}

#topcontent #matrixOptions {
    float: right;
    width: 50%;
}


  /***********Tooltip css***********/
.tooltip {
    position: relative;
    display: inline-block;
    width:14px;
    height:14px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

#specs {
    overflow: visible;
}

    #specs span.header {
        float: left;
    }

    .tooltip img {
        opacity: 0.4;
  
    }

    .tooltip:hover img {
        opacity: 1;
    }

.tooltip .tooltiptext {
    visibility: hidden;
    float:left;
    width:416px;
    background-color: #333333;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px ;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
    top: -5px;
    left: 20px;
    font-size:90%;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

a.addToBas {
    float: left;
    background: #4ea917;
    color: white;
    font-weight: bold;
    border: 0;
    font-size: 120%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    cursor: pointer;
    padding: 5px 0;
    width: 100%;
    margin: 10px 0 0 0;
}

/* ///// Tick to Add to Basket ---------------------------------- */

.tickAddText {
    font-weight: 700;
    font-size: 80%;
}

/* ///// END ---------------------------------------------------- */


/* ///// Quickview Reevoo Stars --------------------------------- */

.qv-wrapper .reevooquickview {
    float: left;
    height: 20px;
    margin: 5px 0 5px 20px;
}


/* ///// END ---------------------------------------------------- */



/* ///// Basket Swiper Carousel --------------------------------- */

.basketcontainer .swiper-container .swiper-slide {
    margin: 0 0 10px 0;
}
.basketcontainer .swiper-container .swiper-slide img {
    margin: 5px auto;
    width: 75px;
    height: 75px;
}
.basketcontainer a.addToBas {
    color: white !important;
}
.basketcontainer .swiper-container .swiper-slide .versionofferprice {
    margin-top: 10px;
    font-size: 125%;
}

/* ///// END ---------------------------------------------------- */


/* ///// QuickView Swiper Carousel ------------------------------ */

#add_to_basket_modal .swiper-container .swiper-slide {
    margin-bottom: 10px;
}
#add_to_basket_modal a.addToBas {
    color: white !important;
}
#add_to_basket_modal .swiper-container .swiper-slide img {
    width: 75px;
    height: 75px;
}
#add_to_basket_modal .swiper-container .swiper-slide .versionofferprice {
    margin-top: 10px;
    font-size: 125%;
}
#add_to_basket_modal span[id*="addtoBasDis"]:before {
    content: url('http://www.appliancesdirect.co.uk/files/images/apd/add-success-carousel.png');
}
#add_to_basket_modal .overlay {
    width: 100%;
    position: absolute;
    top: 25%;
}
#add_to_basket_modal span[id*="addtoBasDis"] {
    float: left;
    background: #4ea917;
    color: white;
    font-weight: bold;
    border: 0;
    font-size: 120%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    cursor: pointer;
    padding: 5px 0;
    width: 100%;
    margin: 10px 0 0 0;
}


/* ///// END ---------------------------------------------------- */



/*enhanced merch template */

.ourexpertsthink {float: left; width:100%;padding-bottom: 15px; border-bottom: 1px dotted silver;}
.reviewer {width: 10%; float: left;}
    .reviewer > img {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
.review {float: right; width: 85%; margin-left: 5%; text-align: left;}
.review h2, .enhancedtemplate h2 {font-size: 150%; font-weight: bold; margin-top: 15px; margin-bottom: 10px; float: left; width: 100%;}
.review-name {float: left; width: 100%; text-align: center; font-weight: bold;}
.expert {font-size: 90%; float: left; width:100%; text-align: center;}
.enhancedtemplate {float: left; text-align: left;}
.features li{margin: 5px 0px; float: left; width: 100%;}
div.list ul li {list-style: disc; list-style-position: inside; margin: 3px 0px;}

.info.extras a {
    color: blue !important;
    text-decoration: underline;
    font-weight: bold;
}



/* ///// CAROUSEL GENERIC CSS ----------------------------------- */

.carouselcatalog .FPpercent {
    display: none;
}
.carouselcatalog .OfferBoxPrice {
    color: #ca1325;
    text-align: center;
    font-size: 160%;
}
.swiper-container .carouselcatalog {
    border-bottom: none;
}
/*.swiper-pagination-bullet {
    display: none !important;
}*/
.carouselcatalog .OfferBoxTitle {
    height: 65px;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.carouselcatalog .OfferBoxImage {
    margin-top: 55px;
}
.carouselcatalog .offerprice:before {
    content: "Only: ";
    font-size: 75%;
    text-transform: uppercase;
    vertical-align: middle;
}

/* ///// END -------------------------
   --------------------------- */

.lazy.offerImage {
    float: left;
    width: 100%;
}





#maindesc > #forlifewarranty {float: left;}