@charset "UTF-8";
/* -- Shopping Cart */
.clWarning5 {
    color: #ff5858;
}

.ContentTableHeaderNone {
    margin: 16px 0;
}

    .ContentTableHeaderNone a.cOutNow {
        float: right;
    }

.ContentTableHeader {
}

.basketOptionsTopLeft h3 {
    font-size: 1em;
    text-decoration: none;
    padding: 0 1em 1em 0;
    margin: 0 0 0.5em 0;
}

.updateQty {
    margin: 1em 0 0 0;
    float: left;
    width: 100%
}

.bskRewardsBox {
    margin: 0;
    background: #E9F6DB;
    margin: 0 0 8px 0;
    border: 1px solid #c6d4b6;
}

.voucherBox {
    margin: 0
}

    .voucherBox h3 {
        font-size: 1em;
        text-decoration: none;
        padding: 0 1em 1em 0;
        margin: 0 0 0.5em 0;
    }

    .voucherBox .promoField {
        position: relative;
        margin-bottom: 16px;
        width: 100%;
    }

        .voucherBox .promoField p {
            margin-bottom: 0;
        }

    .voucherBox .formSingle {
        flex-grow: 1;
        width: initial !important;
    }

.shopDelCont {
}

.shippingCostMessage .cards {
    display: block;
    width: 100%;
    float: left;
    clear: both;
}

    .shippingCostMessage .cards div {
        float: left !important;
        margin: 0 0.5em 0.5em 0 !important;
    }

.metaPackDespatchMessage {
    outline: 1px solid #d0e6f2;
    background: #e6f3fa;
    padding: 16px;
    float: left;
    width: 100%;
    font-size: smaller;
}

    .metaPackDespatchMessage span:before {
        content: "\e006";
        margin: 0 1em 0 0;
        font-family: 'feather';
        color: #93c4e0
    }

.dpdMessage {
    outline: 1px solid #d0e6f2;
    background: #e6f3fa;
    padding: 16px;
    float: left;
    width: 100%;
    font-size: smaller;
    margin-bottom: 14px
}

    .dpdMessage img {
        float: left;
        margin-bottom: 14px;
    }

.metaPack {
}

    .metaPack ul {
        margin: 1em 0;
        padding: 0;
        display: block;
        float: left;
        width: 100%;
    }

        .metaPack ul li {
            list-style: none;
            display: block;
            clear: both;
            padding: 1em 0;
            float: left;
            width: 100%;
            position: relative;
            border-bottom: 1px solid #e1e1e1;
        }

            .metaPack ul li .metaPackService {
                padding: 0 6em 0 0;
            }

            .metaPack ul li .metaPackName {
                padding-bottom: 8px;
            }

            .metaPack ul li .metaPackMessage {
                font-size: 0.8em;
                color: red;
            }

                .metaPack ul li .metaPackMessage span {
                    color: black;
                }

            .metaPack ul li .metaPackSelect {
                float: right;
                padding: 0;
                border-radius: 50%;
                width: 58px;
                height: 58px;
                text-align: center;
                line-height: 41px;
                color: cornflowerblue;
                position: absolute;
                top: 1em;
                right: 0;
                font-size: 1em;
                text-transform: uppercase;
            }

.orderCartWrap {
    margin-bottom: 8px;
}

.orderTotal {
    float: left;
    display: block;
    margin: 0;
    width: 100%;
}

    .orderTotal .ContentTableHeader {
        text-align: left;
        font-family: 'citrfontbold';
    }

    .orderTotal table {
        float: left;
        width: auto !important;
    }

    .orderTotal tr {
        width: 100%;
    }

    .orderTotal tr, .orderTotal td {
        float: left;
        display: block;
        max-width: 100% !important;
        text-align: left;
    }

        .orderTotal tr:nth-of-type(1) .Order-Total-text {
            font-weight: 600;
            color: #484848;
            outline: 0;
            font-weight: normal;
            font-size: 18px;
            line-height: 1.2em;
            margin: 0 0 16px 0
        }

.Order-Total-text {
    text-align: left !important;
    display: block;
    float: left;
    width: auto !important;
    font-size: 15px;
    line-height: 21px;
}

.buttonChkOut {
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    float: right;
    width: 100%;
}

    .buttonChkOut:hover {
    }

    .buttonChkOut#paypExpButton {
        background: url('/ssl/secure/resources/paypal-logo.png') #ffc439;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 104px;
        text-indent: -9999px;
        overflow: hidden;
    }

        .buttonChkOut#paypExpButton:hover {
            box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
        }

#payment-request-button:empty {
    display: none;
}

.mesageCC, .messageCPlus, .messageUK, .messageWorld {
    color: #009ddc;
}

    .mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {
        margin: 0;
        font-size: 1em;
    }

.messageHighlight p {
    display: inline-block;
}

.bottomBasketButton {
}

div[class*="isoFlag"]:before {
    display: block;
    float: left;
    width: 16px;
    height: 11px;
    content: '';
    margin: 7px 12px 0 0;
}

.currencyCode {
    font-size: 10px
}

#GBP:before {
    background: url('/platformlayout/flags/4x3/gb.png') no-repeat #fff !important;
    background-size: contain !important;
}

#USD:before {
    background: url('/platformlayout/flags/4x3/us.png') no-repeat #fff !important;
    background-size: contain !important;
}

#EUR:before {
    background: url('/platformlayout/flags/4x3/eu.png') no-repeat #fff !important;
    background-size: contain !important;
}

#AUD:before {
    background: url('/platformlayout/flags/4x3/au.png') no-repeat #fff !important;
    background-size: contain !important;
}

#SEK:before {
    background: url('/platformlayout/flags/4x3/se.png') no-repeat #fff !important;
    background-size: contain !important;
}

#NOK:before {
    background: url('/platformlayout/flags/4x3/no.png') no-repeat #fff !important;
    background-size: contain !important;
}

#DKK:before {
    background: url('/platformlayout/flags/4x3/dk.png') no-repeat #fff !important;
    background-size: contain !important;
}

#NZD:before {
    background: url('/platformlayout/flags/4x3/nz.png') no-repeat #fff !important;
    background-size: contain !important;
}

#JPY:before {
    background: url('/platformlayout/flags/4x3/jp.png') no-repeat #fff !important;
    background-size: contain !important;
}

#CHF:before {
    background: url('/platformlayout/flags/4x3/ch.png') no-repeat #fff !important;
    background-size: contain !important;
}

#ISK:before {
    background: url('/platformlayout/flags/4x3/is.png') no-repeat #fff !important;
    background-size: contain !important;
}

#CAD:before {
    background: url('/platformlayout/flags/4x3/ca.png') no-repeat #fff !important;
    background-size: contain !important;
}

.bottomBasketButton a {
    text-align: center;
    width: 50%;
}

.buttonT3 {
    float: right;
    color: #fff !important;
    background: #484848 !important;
    border: 0 !important;
    outline: 0 !important
}

    .buttonT3:hover {
        background: #181b1d !important;
        color: white !important;
        border: 0 !important;
        outline: 0 !important
    }

.borderBottom {
    border-bottom: 1px solid #e6e8eb
}

.borderLeft {
    border-left: 1px solid #e6e8eb
}

.borderRight {
    border-right: 1px solid #e6e8eb
}

.floatRight {
    float: right !important
}

.bottomSpacing {
    padding: 0 0 32px 0;
    margin: 0 0 32px 0;
}

.nowPrice-repeater, .standardPrice-repeater, .percentOff-repeater, span.nowPrice-betterSearch, span.standardPrice-betterSearch, span.percentOff-betterSearch {
}

div.filterReorderCtr {
    margin: 0;
}

.col-80px {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 16px;
    float: none;
}

.borderCart {
    border: 1px solid #d4d4d4
}

.bskCTAMessages .col-1 {
    margin: 0 0 8px 0;
}

    .bskCTAMessages .col-1:last-child {
        margin: 0;
    }

    .bskCTAMessages .col-1 span {
        float: left;
        color: yellowgreen;
        line-height: 24px;
        width: 24px;
        margin: 0 4px 0 0;
        text-align: center;
        font-size: 13px;
    }

        .bskCTAMessages .col-1 span.fa-lock {
            color: tomato
        }

    .bskCTAMessages .col-1 p {
        float: left;
        margin: 0;
        font-size: 13px;
        line-height: 24px;
        display: contents;
    }

.currencyShoppingCart ul li {
    float: none;
    display: inline-block;
    list-style: none;
    margin: 0 16px 16px 0;
    ;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.indicateShoppingCart {
    display: block;
    width: 100%;
    font-size: 8.5pt;
    font-weight: normal;
    color: #666;
    margin: 0;
    clear: both;
    float: left
}

.currencyConverted {
    font-size: inherit !important;
    float: left;
}

.basketPayPalBtn::after {
    content: var(--12-shopping-cart-paypal-checkout);
}

.supportcards img {
    margin: 8px
}

/* -- Mobile Phones  -- */
@media screen and (max-width: 768px) {
    /* Shopping Cart */
    .ContentTableHeaderNone a {
        margin-bottom: 1em;
        width: 100%;
        text-align: center
    }

    .voucherBox .promoField > .zflex {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -moz-align-items: stretch;
    }

    .metaPack ul li .metaPackMessage span {
        color: black;
        display: block
    }

    .metaPack ul li .metaPackSelect {
        top: 17px
    }

    .updateQty {
        float: none;
    }

        .updateQty span {
            margin: 0.5em 0
        }

        .updateQty span, .updateQty a {
            width: 100%;
            text-align: center
        }

    .orderTotal a {
        display: none;
    }

    .orderTotal table {
        float: none;
        width: 100% !important;
    }

    .Order-Total-text {
        display: none;
    }

    .orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {
        display: block;
        width: 100% !important;
        margin: 0 !Important;
        text-align: center !important;
    }

    .mesageCC, .messageCPlus, .messageUK, .messageWorld {
        text-align: left;
    }

        .mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {
            margin: 0;
            font-size: 1em;
        }

        .mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {
            display: inline-block;
            margin-left: 0.5em;
        }

    .bottomBasketButton a {
        text-align: center;
        width: 100%;
    }
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
    /* Shopping Cart shopping-cart-main-content*/
    .FullCartWrap .col-66p,
    .FullCartWrap .col-3,
    .shopping-cart-main-content .col-66p,
    .shopping-cart-main-content .col-3 {
        width: 100% !important;
        padding: 16px 0 0;
    }
}

.autoCheckoutButton[disabled] {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    opacity: 0.2;
}


/* TODO Remove this todo once Steph or Ben K has checked the CSS */
.rewards-item-estimate {
    font-size: small;
    display: inline-block;
    color: #4E9A14;
    font-weight: 400;
}

.rewards-basket-totalpanel {
    font-size: 14px;
    background-color: #DBE9D6;
    display: block;
    padding-right: 10px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 70px;
    margin-left: 25px;
    margin-right: 25px;
}
.rewards-basket-title {
    font-weight: bold
}
.rewards-basket-total {
    color: #4E9A14;
}

.rewards-basket-totalexplain {
    font-size: small;    
}