﻿@media (min-width: 768px) and (max-width: 1021px) {
    .container-fluid {
        max-width: 817px;
    }

    .TelephoneLine {
        margin-bottom: 30px;
    }
}

@media (min-width: 1022px) {
    .container-fluid {
        max-width: 1076px;
    }
}

body, .BodyWrap, #BodyWrap, .ContentWrap {
    background: #fff !important;
}

h1 {
    float: none;
    font-size: 1.4em;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

h2 {
    font-size: 1.4em;
    margin-bottom: 10px;
}

.fullwidthlabel {
    display: block;
    cursor: pointer;
    margin-bottom: 20px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.storechooserpanel {
    display: none;
}

.storechooserpanelactive {
    display: block;
}

/* -------------------------- Basket Summary -------------------------- */

.CheckWrap .LoginWelcome {
    padding: 0 0 20px 0;
    min-height: 58px;
    text-align: center;
}

.navPage {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(37, 21, 21, 0.13);
}

#prevPage {
    margin-bottom: 4px;
}

#nextPage {
    margin-top: 4px;
}

.NextDisable {
    background-position: -48px -20px;
}

.PreviousDisable {
    background-position: -48px 0;
}

.PreviousEnable, .NextEnable, .PreviousDisable, .NextDisable {
    display: inline-block;
    background-repeat: no-repeat;
    width: 24px;
    height: 20px;
    background-image: url("/images/core/basknextprev.png");
}

.NextEnable {
    background-position: -24px -20px;
}

.PreviousEnable {
    background-position: -24px 0;
}

.NextEnable:hover {
    background-position: 0 -20px;
    cursor: pointer;
}

.PreviousEnable:hover {
    background-position: 0 0;
    cursor: pointer;
}

.simply-scroll-container { /* Container DIV - automatically generated */
    position: relative;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
    position: relative;
    overflow: hidden;
    max-height: 150px;
}

    .simply-scroll-clip li.row {
        border-bottom: 1px solid #eee;
        padding: 3% 0;
    }

        .simply-scroll-clip li.row .text-right {
            font-size: 1.1em;
            font-weight: bold;
        }

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
}

    .simply-scroll-list li {
        list-style: none;
    }

        .simply-scroll-list li img {
            border: none;
            display: block;
        }

.simply-scroll-btn {
    border-bottom: 1px solid #ddd;
    padding: 2% 0;
    cursor: pointer;
    text-align: center;
}

.simply-scroll-forward {
    border-bottom: 0;
    border-top: 1px solid #ddd;
}

.simply-scroll-btn-left {
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px;
}

    .simply-scroll-btn-left.disabled {
        background-position: 0 0 !important;
    }

    .simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
        background-position: 0 -88px;
    }

.simply-scroll-btn-right {
    right: 6px;
    bottom: 6px;
    background-position: -84px -44px;
}

    .simply-scroll-btn-right.disabled {
        background-position: -84px 0 !important;
    }

    .simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
        background-position: -84px -88px;
    }

.simply-scroll-btn-up.disabled {
    background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
    background-position: -126px -88px;
}

.simply-scroll-btn-down.disabled {
    background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
    background-position: -42px -88px;
}

.simply-scroll-btn-pause {
    right: 6px;
    bottom: 6px;
    background-position: -168px -44px;
}

    .simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
        background-position: -168px -88px;
    }

    .simply-scroll-btn-pause.active {
        background-position: -84px -44px;
    }

        .simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
            background-position: -84px -88px;
        }

.CheckoutLeft > h2 {
    padding: 0 0 10px 0;
}

.OrderSumm {
    border: 1px solid #ddd;
    padding: 5px 0;
}

    .OrderSumm > div {
        padding: 5px 10px;
        font-size: 1.1em;
    }

    .OrderSumm .ItemsOrder {
        text-align: right;
        color: #888;
    }

    .OrderSumm .TotalSumm .text-right {
        color: #E41D1D;
    }

    .OrderSumm .SubSumm #BasketSummaryDiscountValue {
        font-style: italic;
    }

/* -------------------------- Basket Summary -------------------------- */

/* New Checkout */
.container-fluid .CheckWrap {
    padding: 30px 20px;
    min-height: 750px;
}

.CheckWrap .AddressContainBut .LogoCheck {
    background-color: #fafafa;
}

.LogoCheck a {
    padding: 5px;
    text-align: center;
    display: block;
}

.LogoCheck img {
    max-height: 35px;
    max-width: 400px;
    display: inline-block;
}

.ProgCheck {
    background-color: #eaeaea;
    min-height: 30px;
}

    .ProgCheck .breadcrumb {
        padding: 12px 5px;
        width: 100%;
        border-radius: 0;
        text-align: center;
        margin: 0;
        background-color: transparent;
        display: inline-block;
    }

        .ProgCheck .breadcrumb > li {
            -moz-box-sizing: border-box;
            padding: 12px 0 12px 13px;
            background-color: #d1d1d1;
            box-sizing: border-box;
            width: 19.2%;
            white-space: nowrap;
            color: #666;
            font-size: 1em;
            position: relative;
            text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
            -webkit-box-sizing: border-box;
        }

        .ProgCheck .breadcrumb.numsteps6 > li {
            width: 16%;
        }

.lt-ie8 .ProgCheck .breadcrumb > li {
    display: inline;
    width: 17.5%;
}

.lt-ie8 .CheckWrap .AddressLink, .lt-ie8 .CheckWrap .CollectionLink {
    width: 49.95%;
}

.lt-ie8 .CardPayments.col-md-6 {
    width: 49.95%;
}

.ProgCheck .breadcrumb > li.active {
    background-color: #888;
    color: #fff;
}

    .ProgCheck .breadcrumb > li.active a {
        color: #fff;
    }

        .ProgCheck .breadcrumb > li.active a:hover {
            text-decoration: underline;
        }

.ProgCheck .breadcrumb > li + li:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 17px solid #eaeaea;
}

.ProgCheck .breadcrumb > li:after {
    content: '';
    top: 0;
    right: -13px;
    position: absolute;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 13px solid #d1d1d1;
    z-index: 150;
}

.ProgCheck .breadcrumb > li.active:after {
    border-left: 13px solid #888;
}

.ProgCheck .breadcrumb > li:last-child:after {
    right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

.CheckoutProgress {
    border-bottom: 1px solid #e0e0e0;
}

header .CheckoutProgress.visible-xs > .container-fluid {
    padding: 0;
}

.CheckoutProgress .CheckoutProgressHeader {
    text-align: center;
    line-height: 40px;
    font-size: 1.4em;
    color: #46b05a;
    font-weight: bold;
}

.CheckoutProgress .CheckoutProgressSteps {
    padding: 0;
    border-top: 1px solid #e0e0e0;
}

    .CheckoutProgress .CheckoutProgressSteps > li {
        width: 33.33333333%;
        float: left;
        height: 15px;
        position: relative;
        background-color: #eee;
        padding: 0;
    }

        .CheckoutProgress .CheckoutProgressSteps > li.Active {
            background-color: #46b05a;
        }

        .CheckoutProgress .CheckoutProgressSteps > li:before {
            content: '';
            top: 0;
            right: -6px;
            position: absolute;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #eee;
            z-index: 151;
        }

        .CheckoutProgress .CheckoutProgressSteps > li:after {
            content: '';
            top: 0;
            right: -7px;
            position: absolute;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #888;
            z-index: 150;
        }

        .CheckoutProgress .CheckoutProgressSteps > li.Active:after {
            border-left: 7px solid #46b05a;
        }

        .CheckoutProgress .CheckoutProgressSteps > li.Active:before, .CheckoutProgress .CheckoutProgressSteps > li.finalStep:before, .CheckoutProgress .CheckoutProgressSteps > li.finalStep:after {
            content: none;
        }

.CheckoutProgress .CheckoutProgressBack {
    z-index: 1;
}

.CheckoutProgress .CheckoutProgressBack, .CheckoutProgress .padLock {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.CheckoutProgress .padLock {
    right: 0;
    left: auto;
}

    .CheckoutProgress .CheckoutProgressBack .backCheck, .CheckoutProgress .padLock span {
        background: url("/images/core/sprite-new-checkout-v3-01.svg") no-repeat;
        background-size: 30em 30em;
        background-position: -34px -84px;
        height: 40px;
        width: 100%;
        float: left;
        max-width: 25px;
    }

    .CheckoutProgress .padLock span {
        float: right;
        background-position: -1px -86px;
    }

.CheckWrap .field label {
    color: #333;
    font-size: 1.1em;
    padding: 0 8px 0 0;
    display: inline-block;
    text-align: left;
    width: 30%;
    vertical-align: middle;
    white-space: normal;
}

.CheckWrap .field input {
    padding: 8px;
    width: 63%;
    border-radius: 0;
    font-size: 1.1em;
    display: inline-block;
}

.CheckWrap .field .info-icon {
    float: right;
    padding-top: 10px;
}

.CheckWrap .CustomerGroups {
    margin-bottom: 30px;
}

.CheckWrap .ImgButWrap a.dnnPrimaryAction {
    width: 100%;
    border-radius: 0;
    text-transform: none;
    padding: 12px 0;
}

    .CheckWrap .ImgButWrap a.dnnPrimaryAction:after {
        content: "";
        padding-left: 5px;
        color: #fff;
        background: url("/images/core/sprite-new-checkout-v3-01.svg") no-repeat;
        background-size: 20em 20em;
        background-position: -78px -62px;
        height: 20px;
        display: inline-block;
        width: 100%;
        max-width: 25px;
        font-size: 11px;
        vertical-align: middle;
    }

.FooterCheck {
    background-color: #eaeaea;
    margin-top: 40px;
}

    .FooterCheck .HelpFootLinks {
        background-color: #f5f5f5;
    }

        .FooterCheck .HelpFootLinks .container-fluid {
            font-size: 1.2em;
            color: #666;
        }

            .FooterCheck .HelpFootLinks .container-fluid > div {
                float: left;
                width: 29.333%;
                padding: 3%;
                background-color: #e3e3e3;
                margin: 2%;
                font-style: italic;
                min-height: 156px;
                box-shadow: 0 0 1px rgba(0,0,0,0.5);
            }

                .FooterCheck .HelpFootLinks .container-fluid > div > span {
                    font-size: 1.4em;
                    margin-bottom: 5px;
                    display: block;
                }

                .FooterCheck .HelpFootLinks .container-fluid > div > a {
                    text-decoration: underline;
                }

    .FooterCheck .ThreeHelpTips {
        font-size: 1.1em;
    }

        .FooterCheck .ThreeHelpTips .container-fluid > div, .FooterCheck .ThreeHelpTips .container-fluid > ul {
            padding: 40px;
            text-align: center;
        }

        .FooterCheck .ThreeHelpTips .container-fluid .CardPayments {
            text-align: center;
            margin-top: 25px;
        }

            .FooterCheck .ThreeHelpTips .container-fluid .CardPayments .PayMethod {
                display: block;
                margin-bottom: 15px;
                font-style: italic;
                font-size: 1.1em;
            }

        .FooterCheck .ThreeHelpTips .CardPayments .CheckFootImg {
            width: 100%;
            background: url("/images/payment/cardpayments-default.png") no-repeat 0 0 transparent;
            background-size: 100%;
            text-align: center;
            display: inline-block;
            max-width: 418px;
            height: 50px;
        }

        .FooterCheck .ThreeHelpTips .container-fluid > ul li {
            padding: 4px 0;
        }

            .FooterCheck .ThreeHelpTips .container-fluid > ul li a:hover {
                text-decoration: underline;
            }

            .FooterCheck .ThreeHelpTips .container-fluid > ul li.HeaderHelps {
                padding-bottom: 6px;
                border-bottom: 1px solid #ddd;
                margin-bottom: 6px;
                font-size: 1.1em;
            }

                .FooterCheck .ThreeHelpTips .container-fluid > ul li.HeaderHelps a {
                    font-weight: bold;
                }

.CopyrightCheck {
    background-color: #e0e0e0;
}

    .CopyrightCheck span {
        padding: 20px 40px;
        color: #aaa;
        font-size: 1.1em;
        display: block;
        text-align: right;
    }

.CheckWrap .DeliveryAddressButton {
    padding: 13px 2px;
    border-radius: 0;
    background-color: #f0f0f0 !important;
    color: #444 !important;
    width: 100%;
    line-height: 1.2em;
    font-size: 1.2em;
    border: 1px solid #ddd;
    margin: 0;
    text-align: center;
    display: inline-block;
}

.CheckWrap input.DeliveryAddressButton:hover {
    color: #444 !important;
}

.CheckWrap .BillingAddSel {
    margin-bottom: 15px;
}

    .CheckWrap .BillingAddSel a.BillChange {
        width: auto;
        padding: 8px 50px;
    }

    .CheckWrap .BillingAddSel .BillingAdd {
        font-size: 1.2em;
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

.CheckWrap .CardGroup iframe {
    height: 391px;
    width: 100%;
}

.lt-ie9 .CheckWrap .CardGroup iframe {
    height: 650px;
}

.lt-ie8 .CheckWrap .CardGroup iframe {
    height: 680px;
}

.CheckWrap .Vcodes span > a {
    padding: 8px 16px;
    margin-right: 20px;
    width: auto;
}

.CheckWrap .DeliveryAddressButton:hover {
    background-color: #eaeaea !important;
    border: 1px solid #ccc;
    text-decoration: none;
}

.CheckWrap .AddNewAddressCheck .DeliveryAddressButton {
    padding: 8px 50px;
    width: auto;
}

.CheckWrap .InnerConfirm .ConfirmPageButton {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 0 20px;
}

.CheckWrap .InnerConfirm .DeliveryAddressButton {
    font-size: 1.1em;
}

#ConfirmDeleteAddressModal .DeliveryAddressButton {
    padding: 8px 30px;
    width: auto;
    margin: 0 10px;
}

.CheckWrap .AddNewAddressCheck #lnkSavedAddresses {
    float: left;
}

.CheckWrap .BaskList {
    margin-bottom: 12px;
}

    .CheckWrap .BaskList .BaskContent ul li {
        padding: 10px 12px;
        border-bottom: 1px solid #ddd;
        background-color: #f7f7f7;
    }

        .CheckWrap .BaskList .BaskContent ul li .BaskTitleLine {
            font-size: 1.2em;
            margin-bottom: 6px;
        }

        .CheckWrap .BaskList .BaskContent ul li .BaskPriceLine {
            font-size: 1.1em;
            line-height: 1.1em;
            text-align: right;
            font-weight: bold;
        }

        .CheckWrap .BaskList .BaskContent ul li .BaskDiscountLine {
            text-align: right;
            font-style: italic;
        }

.CheckWrap .AddressLink, .CheckWrap .CollectionLink {
    margin-bottom: 20px;
}

.CheckWrap .ChoicePanel {
    background-color: #eee;
    color: #636363;
    border: 0;
    padding: 25px 8%;
    margin: 0 2.5% 0 0;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
    min-height: 102px;
}

    .CheckWrap .ChoicePanel:hover {
        background-color: #e5e5e5;
    }

.CheckWrap .panel-primary, .CheckWrap .panel-primary:hover {
    background-color: #aaa;
}

.CheckWrap .ChoicePanel .ChoiceBody {
    padding: 15px 0 0;
    min-height: 125px;
    position: relative;
}

.CheckWrap .ChoicePanel .panel-heading {
    border: 0;
    border-radius: 0;
    color: #636363;
    padding: 0;
    background-color: transparent;
    position: relative;
    text-align: center;
}

    .CheckWrap .ChoicePanel .panel-heading > span {
        font-size: 1.9em;
        color: #479959;
        visibility: hidden;
    }

.CheckWrap .panel-primary .panel-heading > span {
    visibility: visible;
}

.CheckWrap .ChoicePanel .DeliveryBrief > span {
    font-size: 0.9em;
    padding: 3px 0;
    display: block;
}

.CheckWrap .CollectionLink .ChoicePanel .panel-heading > span {
    background-position: 0 -37px;
}

.CheckWrap .panel-primary .panel-heading h2 {
    color: #fff;
}

.CheckWrap .ChoicePanel .panel-title {
    font-size: 1.7em;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}

.CheckWrap .ContinueOn {
    padding: 10px 60px;
    font-size: 1.3em;
    line-height: 1.2em;
    text-align: center;
    display: inline-block;
    border-radius: 0;
}

.CheckWrap .ContinueButtonWrapperTop .ContinueOn, .CheckWrap .ContinueButtonWrapperMobTop .ContinueOn, .CheckWrap .ContinueButtonWrapperBottom .ContinueOn {
    width: 100%;
    padding: 13.5px 2px;
}

.CheckWrap .fullwidthlabel input.ContinueOn {
    width: 100%;
    padding: 2%;
    margin-top: 20px;
}

.CheckWrap .ChoiceBody .ContinueOn {
    width: 100%;
    margin-bottom: 10px;
}

.CheckWrap .AddressContainBut .ContinueOn {
    padding: 20px 0;
    width: 100%;
}

.CheckWrap .InfoIcon {
    margin: 7px 0 15px;
    padding: 0 15px 0 0;
}

.CheckWrap .ConfirmIcon {
    margin: 5px 0 15px;
}

    .CheckWrap .AddressContainBut span, .CheckWrap .InfoIcon span, .CheckWrap .ConfirmIcon span {
        padding-right: 5px;
    }

.CheckWrap .CheckStoreBut .ContinueOn {
    padding: 8px 0;
    width: 100%;
}

.CheckWrap .GoBackPage {
    padding: 8px 50px;
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #d0d3d9 !important;
    color: #444 !important;
}

    .CheckWrap .GoBackPage:hover {
        background-color: #c3c6cb !important;
        border: 1px solid #bbb;
    }

.CheckWrap .CheckStoreBut {
    padding-left: 20px;
}

.DeliveryToContent h2, .CheckWrap .Delivery h2 {
    font-weight: normal;
    font-size: 1.2em;
    padding-bottom: 10px;
    margin: 0 0 0;
}

#BodyWrap .CheckWrap h2.secondaryHeader2, .CollectionWrapper, .homeDelWrap, #DeliveryAddressFormWrapper {
    margin-top: 30px;
}

.CurrentAddressLabel {
    font-weight: bold;
}

.DeliveryToContent h2.NewDeliveryTitle {
    margin: 20px 0 15px 0;
}

.DeliveryToContent > div {
    padding: 0 1% 0 0;
}

.DeliveryToContent #divExistingAddress {
    padding: 0;
}

#UseAsBillingAddressWrapper input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    float: none;
}

.CollectionPointListItem .storeWrapper .StorePrice {
    text-align: right;
    font-size: 1.1em;
}

.DeliveryToContent .AddressListItem .fullwidthlabel {
    display: table;
    height: 100%;
}

.DeliveryToContent .fullwidthlabel .NameAddSelWrap {
    width: 70%;
    padding: 20px;
    display: table-cell;
    border-radius: 0;
    border: 1px solid #d2d2d2;
}

.ModBillingAddressC .DeliveryToContent .fullwidthlabel .NameAddSelWrap {
    width: 100%;
}

.DeliveryToContent #NewAddressListItem .fullwidthlabel .NameAddSelWrap {
    width: 90%;
    border-right: 0;
}

.DeliveryToContent #lnkEnterDifferentAddress .NameAddSelWrap {
    width: 80%;
}

.DeliveryToContent .fullwidthlabel .NameAddressWrap {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.DeliveryToContent .fullwidthlabel .AddressSelectWrap, .DeliveryToContent .fullwidthlabel .AddressSelectedWrap {
    width: 50%;
    float: left;
}

.DeliveryOptions .DeliveryOptionsItem label {
    margin: 0;
}

.CollectionPointListItem .storeWrapper, .DeliveryOptions .DeliveryOptionsItem {
    margin-bottom: 15px;
}

    .CollectionPointListItem .storeWrapper .InnerStore, .DeliveryOptions .DeliveryOptionsItem .InnerMethods {
        border: 1px solid #ddd;
        padding: 20px;
        cursor: pointer;
    }

        .CollectionPointListItem .storeWrapper .InnerStore:hover, .DeliveryOptions .DeliveryOptionsItem .InnerMethods:hover {
            border: 1px solid #bbb;
        }

    .CollectionPointListItem .storeWrapper .ListStoreOpeningTimes {
        margin-top: 10px;
    }

    .CollectionPointListItem .storeWrapper .StoreName {
        font-weight: bold;
        padding-top: 3px;
        font-size: 1.2em;
    }

    .CollectionPointListItem .storeWrapper .StoreAnT {
        margin-top: 10px;
    }

    .CollectionPointListItem .storeWrapper .StoreAddr {
        color: #888;
    }

    .CollectionPointListItem .storeWrapper .ShowOpeningTimesLink {
        padding-top: 8px;
        display: inline-block;
        font-weight: bold;
        text-decoration: underline;
    }

    .CollectionPointListItem .storeWrapper .StorePriceLabel {
        font-size: 1.6em;
        padding-top: 10px;
        font-weight: bold;
        text-align: right;
        display: none;
    }

    .CollectionPointListItem .storeWrapper .StorePrice > div {
        font-size: 1.2em;
        font-weight: bold;
    }

.CollectionPointListItem .fullwidthlabel:hover {
    background-color: #f1f1f1;
    border: 1px solid #aaa;
}

.DeliveryToContent .NameAddressWrap span {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 1.1em;
}

.DeliveryToContent .NameAddressWrap .AddressName {
    font-weight: bold;
    display: block;
}

.DeliveryToContent .NameAddressWrap .AddNewPlus {
    font-size: 11em;
    line-height: 1em;
    color: #999;
    font-family: Impact, Charcoal, sans-serif;
    text-align: center;
}

    .DeliveryToContent .NameAddressWrap .AddNewPlus:hover {
        color: #666;
    }

.DeliveryToContent .fullwidthlabel .AddressSelectedMessage {
    font-style: italic;
    margin: 0;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.2em;
    color: #fff;
    padding: 11.5px 2px;
    width: 100%;
    background-color: #aaa;
    border: 2px solid #ccc;
}

.DeliveryToContent .fullwidthlabel .AddressSelectedHeight {
    height: 15px;
    display: inline-block;
    overflow: hidden;
}

.DeliveryToContent .fullwidthlabel .AddressSelectedMessage .glyphicon-ok {
    color: #479959;
    padding-left: 10px;
    font-size: 1.2em;
}

.DeliveryToContent .fullwidthlabel .AddressSelectedMessage .MsgSelected {
    padding-top: 1px;
    display: inline-block;
    vertical-align: top;
}

#SelectedStoreInformation {
    position: relative;
    margin: 0;
}

.CurrentAddressWrapper {
    margin: 0 0 20px 0;
    font-size: 1.2em;
    color: #525252;
}

.telephonenumberWrapper {
    margin: 0;
}

.CurrentAddressWrapper .DeliveryAddressButton {
    font-size: 1em;
    padding: 13.5px 5px;
}

.CurrentAddressWrapper > div {
    padding-left: 0;
    padding-right: 0;
}

.inlineaddress > span:after {
    content: ",";
}

.inlineaddress > span:last-child:after {
    content: "";
}

.CurrentAddressWrapper .DifferentAddressLinkWrapper {
    float: right;
}

.DeliveryOptions .deliveryGroupTypeLi {
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

    .DeliveryOptions .deliveryGroupTypeLi:hover {
        border: 1px solid #bbb;
    }

    .DeliveryOptions .deliveryGroupTypeLi > .row {
        position: relative;
    }

    .DeliveryOptions .deliveryGroupTypeLi .DelTick, .DeliveryOptions .DeliveryOptionsItem .SelectIt {
        position: absolute;
        right: 0;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
        max-width: 45px;
    }

    .DeliveryOptions .deliveryGroupTypeLi .SelectOption {
        background: url("/images/core/sprite-new-checkout-v3-01.svg") no-repeat;
        background-size: 30em 30em;
        background-position: -131px -202px;
        height: 36px;
        width: 100%;
        padding: 0;
        float: right;
    }

.DeliveryOptions .DeliveryOptionsItem .SelectIt .RadioBut {
    background: url("/images/core/radio-buttons-sprite.svg") no-repeat;
    background-size: 5em 5em;
    background-position: -27px -9px;
    height: 35px;
    width: 100%;
    max-width: 25px;
    padding: 0;
    float: left;
}

.DeliveryOptions .DeliveryOptionsItem.active .SelectIt .RadioBut {
    background-position: -1px -9px;
}

.DeliveryOptions .DeliveryOptionsItem.active .InnerMethods {
    background-color: #0255a3;
}

    .DeliveryOptions .DeliveryOptionsItem.active .InnerMethods span, .DeliveryOptions .DeliveryOptionsItem.active .InnerMethods .DeliveryOptionDescription {
        color: #fff;
    }

.lt-ie10 .DeliveryOptions .fullwidthlabel {
    filter: none;
}

.DeliveryToContent .TableforAddress {
    height: 100%;
    display: table;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}

.DeliveryToContent .RowforAddress {
    display: table-row;
    width: 100%;
}

.DeliveryOptions .fullwidthlabel .DeliveryGroupLine {
    width: 100%;
    float: left;
    padding-top: 12px;
}

#SelectedStoreInfo .fullwidthlabel .DeliveryGroupLine {
    padding-top: 0;
}

.DeliveryOptions .fullwidthlabel input {
    margin-right: 6px;
    margin-top: 0;
    vertical-align: text-top;
}

.DeliveryOptions .fullwidthlabel .DeliveryOptionPrice {
    font-size: 1.3em;
    position: absolute;
    right: 22px;
    top: 18px;
    font-weight: bold;
}

.DeliveryOptions .fullwidthlabel .DeliveryOptionName {
    font-size: 1.3em;
    line-height: 1.3em;
    float: left;
    font-weight: bold;
}

.DeliveryOptions .fullwidthlabel .DeliveryOptionDescription {
    margin-top: 3px;
    float: left;
    color: #333;
    width: 100%;
}

    .DeliveryOptions .fullwidthlabel .DeliveryOptionDescription > div {
        float: left;
        width: 100%;
    }

.DeliveryOptions .SelectedStoreAddressLabel {
    font-weight: bold;
}

.DeliveryOptions .fullwidthlabel .DeliveryEstimate {
    padding: 2px 4px;
    float: left;
    line-height: 1.4em;
    font-size: 1.1em;
}

.DeliveryOptions .fullwidthlabel .DeliveryEstimateDate .DeliveryEstimateTime {
    font-style: italic;
    color: #666;
}

.DeliveryOptions .DeliveryOptionsItem .SelectedMarker {
    visibility: hidden;
    padding: 0;
    margin-bottom: 5px;
    color: #479959;
    font-size: 1.8em;
    float: right;
    background-image: url("/images/core/sd-checkout-confirm-tick.png");
    background-position: -9px -7px;
    width: 27px;
    height: 27px;
}

.DeliveryOptions .active .SelectedMarker {
    visibility: visible;
}

.DeliveryOptions .SelectButton, .DeliveryOptions .active .SelectedButton {
    display: block;
}

.DeliveryOptions .active .SelectButton, .DeliveryOptions .SelectedButton {
    display: none;
}

.DeliveryOptions .SelectButton, .DeliveryOptions .SelectedButton {
    float: right;
    clear: right;
    padding: 10px;
    background-color: #46b05a;
    color: #fff;
    text-align: center;
    min-width: 100px;
    max-width: 100%;
    white-space: normal;
}

    .DeliveryOptions .SelectButton:hover {
        background-color: #3DA34D;
    }

.DeliveryOptions .SelectedButton {
    background-color: #333;
    cursor: default;
}

.BillSelWrap {
    width: 20%;
    display: table-cell;
    padding: 10px;
    border-top: 1px solid #ddd;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.DeliveryToContent .RowforAddress.BillTxWrap .CellforAddress:hover {
    color: #636363;
}

.DeliveryToContent .EditDeletes {
    width: 10%;
    display: table-cell;
    border: 1px solid #ddd;
    vertical-align: top;
}

.DeliveryToContent .RowforAddress .CellforAddress {
    display: table-cell;
    color: #636363;
    font-size: 2.5em;
    text-align: center;
    height: 50%;
    vertical-align: middle;
}

    .DeliveryToContent .RowforAddress .CellforAddress .glyphicon {
        vertical-align: text-top;
    }

.DeliveryToContent .RowforAddress.AddAddressButton .CellforAddress {
    height: 100%;
}

.DeliveryToContent .RowforAddress.BillTxWrap .CellforAddress {
    height: 20%;
    font-size: 1.4em;
}

.DeliveryToContent .RowforAddress .CellforAddress {
    min-height: 75px;
}

.DeliveryToContent .RowforAddress.BillTxWrap .CellforAddress {
    min-height: 30px;
}

.DeliveryToContent .RowforAddress.AddAddressButton .CellforAddress {
    min-height: 100px;
}

.DeliveryToContent .RowforAddress.BillSellWrap .CellforAddress {
    height: 80%;
    cursor: pointer;
}

.DeliveryToContent .RowforAddress .CellforAddress:hover {
    color: #df0303;
}

.DeliveryToContent .EditDeletes .EditAddressButton .CellforAddress {
    border-top: 1px solid #ddd;
}

.CheckWrap .ProgressButContain {
    margin-bottom: 12px;
    padding: 0;
    float: left;
    width: 100%;
}

.CheckWrap .AddressContainBut {
    width: 100%;
    text-align: center;
}

.CheckWrap .AddressContainButMid {
    top: auto;
    bottom: 0;
}

.DeliveryToContent .AddressGroup {
    width: 100%;
    display: inline-block;
}

    .DeliveryToContent .AddressGroup li {
        padding-left: 0;
        padding-right: 10px;
    }

.DeliveryToContent .AddNewAddressCheck {
    width: 100%;
    display: inline-block;
}

.DeliveryToContent #AddressFormButtons {
    margin-bottom: 20px;
    margin-top: 10px;
}

.DeliveryToContent .AddNewAddressCheck .ContinueOn {
    padding: 13.5px 12%;
    float: right;
}

.TelephoneLine .TeleExplain {
    padding-top: 5px;
    display: inline-block;
    font-style: italic;
}

.DeliveryToContent .control-label, #CollectionStoreSearch .control-label {
    font-size: 1.1em;
    line-height: 1.4em;
}

.CollectionStoreSearch .StorePlaces a {
    display: block;
    padding: 10px 0;
    font-weight: bold;
    text-decoration: underline;
}

#GiftCardDetailsForm .control-label {
    padding: 2px 10px 0;
}

#GiftCardDetailsForm .SecureLabel {
    padding: 0 10px;
}

#CardDetailsForm .text-muted {
    display: none;
}

#GiftCardAmountForm .GiftCardGroup, #CardAmountForm .GiftCardGroup {
    margin-bottom: 20px;
    width: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
}

    #GiftCardAmountForm .GiftCardGroup > div, #CardAmountForm .GiftCardGroup > div {
        font-size: 1.3em;
        padding: 10px 20px;
    }

    #GiftCardAmountForm .GiftCardGroup .LabelGift, #CardAmountForm .GiftCardGroup .labelGift {
        font-size: 1.1em;
        font-weight: bold;
    }

.DeliveryToContent .EnterManAdd {
    font-size: 1.2em;
}

    .DeliveryToContent .EnterManAdd a {
        font-weight: bold;
        text-decoration: underline;
    }

.CheckWrap .form-control {
    border-radius: 0;
    font-size: 1.1em;
    line-height: 1.4em;
}

.CheckWrap .form-group label .labelextra {
    display: block;
    font-weight: normal;
}

.CheckWrap .ExpressTitle {
    font-size: 1.5em;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

#SelectedStoreInfo {
    margin: 10px 0 0 0;
}

h3.StoreAddress {
    margin-bottom: 10px;
    font-size: 1.4em;
}

#storeAddress span {
    font-size: 1.2em;
    padding: 0 0 6px 0;
    display: inline-block;
}

.ListStoreOpeningTimes .storeOpeningTimes {
    padding: 10px 0;
    background-color: transparent;
    font-size: 0.9em;
}

.ListStoreOpeningTimes table tr {
    display: inline-block;
    margin: 2px 0;
    width: 100%;
}

    .ListStoreOpeningTimes table tr th {
        min-width: 40px;
        font-weight: bold;
        border-right: 1px solid #ccc;
    }

    .ListStoreOpeningTimes table tr td {
        padding: 0 6px;
    }

#SelectedStoreInfo .storeOpeningTimes {
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    margin: 10px 0 20px;
}

    #SelectedStoreInfo .storeOpeningTimes tr td span {
        padding: 0 10px;
    }

.StoreAddOpen {
    padding: 0 0 0 1%;
}

.HowToInfo {
    padding: 0 1% 0 0;
}

.CollectionInfo > div ul {
    margin-bottom: 15px;
}

    .CollectionInfo > div ul li {
        padding: 4px 0;
        list-style: square inside;
        font-size: 1.1em;
    }

.CollectionInfo h3 {
    margin-top: 10px;
}

#SelectedStoreInfo .storeOpeningTimes table {
    width: 100%;
    font-size: 1.1em;
    text-align: center;
}

#SelectedStoreInfo .storeOpeningTimes th {
    font-weight: bold;
    border-right: 1px solid #ddd;
}

#SelectedStoreInfo .storeOpeningTimes tr {
    border-bottom: 1px solid #e0e0e0;
}

#SelectedStoreInfo .storeOpeningTimes td {
    padding: 5px 0;
    text-align: left;
}

.lt-ie8 .gm-style .gm-style-iw {
    max-width: 300px;
}

.StoreMapPopup {
    min-width: 180px;
}

.lt-ie8 .StoreMapPopup {
    max-width: 300px;
}

.StoreMapPopup .StoreMapHeader {
    font-size: 0.9em;
    height: 30px;
    line-height: 2em;
    overflow: hidden;
    width: 100%;
}

    .StoreMapPopup .StoreMapHeader img {
        padding-right: 5px;
    }

.StoreMapPopup .StoreMapAddress {
    font-size: 0.9em;
    margin: 4px 0;
    white-space: nowrap;
}

.StoreMapPopup .storeOpeningTimes {
    font-size: 0.9em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 0;
}

    .StoreMapPopup .storeOpeningTimes table {
        width: 100%;
    }

.StoreMapPopup h4.StoreAddress {
    font-size: 1em;
}

.StoreMapPopup .PriceSelContain {
    display: inline-block;
    width: 100%;
    padding-top: 4px;
}

    .StoreMapPopup .PriceSelContain .StoreMapPrice {
        float: left;
        font-weight: bold;
        font-size: 0.9em;
    }

    .StoreMapPopup .PriceSelContain .SelectStoreLink {
        float: right;
        padding: 0;
        font-size: 1em;
    }

        .StoreMapPopup .PriceSelContain .SelectStoreLink a {
            padding: 8px 20px;
            display: inline-block;
        }

.StoreMapName {
    font-weight: bold;
}

.storechooserpanel h3 {
    padding-bottom: 10px;
}

.CheckWrap .MapListViews a .panel {
    border-radius: 0;
    background-color: #fff;
    text-align: center;
    font-size: 1.2em;
    color: #636363;
    border: 1px solid #ddd;
}

    .CheckWrap .MapListViews a .panel-primary, .CheckWrap .MapListViews a .panel:hover {
        border: 1px solid #bbb;
    }

.CheckWrap .MapListViews a .panel-body {
    padding: 1em 0;
}

.CheckWrap .MapListViews a .panel-primary .panel-body {
    text-decoration: underline;
    border: 1px solid #aaa;
    background-color: #f5f5f5;
}

.CheckWrap .ContBackGroup {
    margin: 10px 0;
    border-top: 1px solid #ddd;
    width: 100%;
    display: inline-block;
}

.CheckWrap .PaymentStage .ContBackGroup {
    margin-top: 25px;
}

.CheckWrap .PaymentStage .subCopy {
    padding: 0 0 15px;
    font-size: 1.1em;
    color: #e41d1d;
}

.CheckWrap .PaymentStage .cardNumText {
    padding-top: 7px;
    padding-bottom: 10px;
}

.CheckWrap .PaymentGroups {
    margin-bottom: 15px;
}

    .CheckWrap .PaymentGroups a {
        display: block;
        padding: 12px;
        position: relative;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
        background-image: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
        background-image: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
        background-image: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
        background-image: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
        border: 1px solid #d2d2d2;
        box-shadow: 0 3px 3px rgba(220,220,220,0.9);
        width: 100%;
    }

        .CheckWrap .PaymentGroups a:hover {
            border: 1px solid #aaa;
            background-color: #f1f1f1;
            background-color: #eaeaea;
        }

.CheckWrap #divDiscountsAndVouchers .PaymentGroups a {
    max-height: 60px;
    padding: 0;
    line-height: 60px;
    height: 60px;
}

.CheckWrap .UsedCardList {
    float: left;
    width: 100%;
}

.CheckWrap .PaymentGroupsFullLink .PayImage, .CheckWrap .PaymentGroupsFullLink .PayImage.V12FinancePay {
    background: url("/images/payment/new-checkout-giftvoucher-v3.png") no-repeat 0 2px transparent;
    background-size: 100%;
    height: 34px;
    display: inline-block;
    max-width: 54px;
    width: 100%;
}

.CheckWrap .PaymentGroupsFullLink.CardReaderMethod .PayImage {
    background-image: url("/images/card-reader-icon.png");
    background-position: 6px -10px;
    background-size: auto 54px;
}

.CheckWrap #divDiscountsAndVouchers .PayImage {
    float: left;
    margin: 12px;
}

.CheckWrap #divDiscountsAndVouchers .VoucherPay {
    background-position: 0 -85px;
}

.CheckWrap #divDiscountsAndVouchers .PointsCardPay {
    background-position: 0 -251px;
}

.CheckWrap #divDiscountsAndVouchers .PruPay {
    background-position: 0 -170px;
}

#divOtherPayments .PaymentGroupsFullLink .PayImage {
    max-width: 80px;
    width: 100%;
}

#divOtherPayments .PaymentGroupsFullLink .PayImage {
    margin-left: 6px;
}

.CheckWrap .PaymentGroupsFullLink .PayPalPay {
    background: url("/images/payment/new-checkout-paypal-other.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

.CheckWrap .PaymentGroupsFullLink .ApplePay {
    background: url("/images/payment/new-checkout-applepay-other.png") no-repeat 0 0 transparent;
    background-size: 65%;
    background-position: center;
}

.CheckWrap .PaymentGroupsFullLink .AndroidPay {
    background: url("/images/payment/new-checkout-androidpay-other.png") no-repeat 0 0 transparent;
    background-size: 100%;
    background-position: center;
}

.CheckWrap .PaymentGroupsFullLink .SofortPay {
    background: url("/images/payment/new-checkout-sofort-other.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

.CheckWrap .PaymentGroupsFullLink .Giropay {
    background: url("/images/payment/new-checkout-giropay-other.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

.CheckWrap .PaymentGroupsFullLink .IdealPay {
    background: url("/images/payment/new-checkout-ideal-other.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

.CheckWrap .PaymentGroupsFullLink .MasterpassPay {
    background: url("/images/payment/new-checkout-masterpass-other.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

.CheckWrap .PaymentGroupsFullLink .PayText {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    font-size: 1.2em;
    padding: 0 5px;
    width: 68%;
    text-align: left;
    color: #636363;
}

.CheckWrap .PaymentGroupsFullLink.CardReaderMethod .PayText {
    line-height: 34px;
    vertical-align: top;
}

.CheckWrap .PaymentGroups .PaymentMethodNote {
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 10px;
    max-width: 175px;
    color: #636363;
}

#divOtherPayments .PaymentGroupsFullLink {
    max-height: 60px;
}

.CheckWrap .PromGroup {
    font-size: 1.2em;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #f5f5f5;
    float: left;
    width: 100%;
}

    .CheckWrap .PromGroup .PromTitle {
        font-weight: bold;
        display: block;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        text-align: left;
    }

    .CheckWrap .PromGroup .pull-left, .CheckWrap .PromGroup .pull-right {
        padding: 10px 0;
    }

    .CheckWrap .PromGroup .ProValue {
        color: #E41D1D;
        font-weight: bold;
    }

.CheckWrap .GiftCardDetails {
    margin-bottom: 10px;
}

.CheckWrap .PaymentStage h2, .CheckWrap .PersonalDetails h2 {
    margin: 10px 0;
    padding-bottom: 5px;
}

.CheckWrap .PaymentStage .SubHeaderText {
    padding: 5px 0 10px;
    font-size: 1.1em;
    color: #999;
}

.CheckWrap .CardLink {
    width: 100%;
    color: #333;
    font-size: 1.2em;
}

.CheckWrap .savedcard {
    width: 100%;
    display: inline-block;
}

.CheckWrap .UsedCardList .savedcard {
    float: left;
    font-size: 0.9em;
}

.CheckWrap .UsedCardList .CardName {
    width: 27.5%;
    float: left;
    padding-left: 3%;
    padding-top: 9px;
}

.CheckWrap .UsedCardList .CheCardDetails {
    float: left;
    width: 64%;
}

.CheckWrap .UsedCardList .CheCardDetail {
    float: left;
    width: 50%;
}

.CheckWrap .UsedCardList .CheCardDesc {
    font-weight: bold;
    width: 100%;
    padding-bottom: 2px;
}

.CheckWrap .UsedCardList .CheCardDetail span {
    float: left;
}

.CheckWrap .PromoRemoveLink {
    text-decoration: underline;
}

.CheckWrap .ConfirmAndPayWrapper .panel-heading, .CheckWrap .BaskList .panel-heading {
    padding: 0;
}

.CheckWrap .ConfirmAndPayWrapper .panel-body {
    padding: 10px 0;
}

.CheckWrap .BaskList .panel-body {
    padding: 0;
}

.CheckWrap .CardsIcons .PayImage {
    width: 100%;
    display: inline-block;
    height: 34px;
    max-width: 320px;
    background: url("/images/payment/new-checkout-payment-options-v3-noax.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

.CheckWrap .savedcard .PayImage {
    background: url("/images/payment/new-checkout-default-v3.png") no-repeat 0 0 transparent;
    background-size: 100%;
    float: left;
    width: 8.5%;
    height: 34px;
    max-width: 54px;
}

.CheckWrap .InnerConfirm .savedcard .PayImage {
    width: 20%;
}

.CheckWrap .InnerConfirm .savedcard .PaymentType_v12Finance {
    width: 100%;
}

.CheckWrap .savedcard .PaymentType_v12Finance {
    background: url("/images/Logos/V12-small-logo.png") no-repeat 0 0 transparent;
    max-width: 110px;
}

.CheckWrap .savedcard .PaymentType_CardReader {
    background: url("/images/card-reader-icon.png") no-repeat top center;
    background-size: 30px;
}

.CheckWrap .giftwrap .PayImage, .CheckWrap .pointswrap .PayImage {
    background: url("/images/payment/new-checkout-icons-v3.png") no-repeat 0 -175px transparent;
    background-size: 100%;
}

.CheckWrap .pointswrap .PayImage {
    background-position: 0 -263px;
}

.CheckWrap .savedcard .PaymentType_visa {
    background-image: url("/images/payment/new-checkout-visa-v3.png");
}

.CheckWrap .savedcard .PaymentType_mastercard {
    background-image: url("/images/payment/new-checkout-mc-v3.png");
}

.CheckWrap .savedcard .PaymentType_americanexpressssl {
    background-image: url("/images/payment/new-checkout-amex-v3.png");
}

.CheckWrap .savedcard .PaymentType_duet {
    background-image: url("/images/payment/new-checkout-duet-v3.png");
}

.CheckWrap .savedcard .PaymentType_maestro {
    background-image: url("/images/payment/new-checkout-maestro-v3.png");
}

.CheckWrap .savedcard .PaymentType_paypal {
    background-image: url("/images/payment/new-checkout-paypal-v3.png");
}

.CheckWrap .savedcard .PaymentType_applepay {
    background-image: url("/images/payment/new-checkout-applepay-v3.png");
}

.CheckWrap .savedcard .PaymentType_androidpay {
    background-image: url("/images/payment/new-checkout-androidpay-v3.png");
    height: 100px;
}

.CheckWrap .savedcard .PaymentType_amazon {
    background-image: url("/images/payment/new-checkout-amazon-v3.png");
}

.CheckWrap .savedcard .PaymentType_ideal {
    background-image: url("/images/payment/new-checkout-ideal-v3.png");
}

.CheckWrap .savedcard .PaymentType_sofort {
    background-image: url("/images/payment/new-checkout-sofort-v3.png");
}

.CheckWrap .savedcard .PaymentType_giropay {
    background-image: url("/images/payment/new-checkout-giropay-v3.png");
}

.CheckWrap .ConfirmAndPayWrapper .ContinueButtonWrapperTop .confirmApplePayButton,
.CheckWrap .ConfirmAndPayWrapper .ContinueButtonWrapperBottom .confirmApplePayButton,
.CheckWrap .ConfirmAndPayWrapper .ContinueButtonWrapperMobTop .confirmApplePayButton {
    font-size: 0;
    background-color: black !important;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-style: black;
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 40px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-radius: 2px !important;
}

.CheckWrap .ConfirmAndPayWrapper .ContinueButtonWrapperTop .confirmAndroidPayButton,
.CheckWrap .ConfirmAndPayWrapper .ContinueButtonWrapperBottom .confirmAndroidPayButton,
.CheckWrap .ConfirmAndPayWrapper .ContinueButtonWrapperMobTop .confirmAndroidPayButton {
    font-size: 0;
    background-color: #32325D !important;
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 40px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    border-radius: 4px !important;
}

.CheckWrap .PaymentTypeSelectionLink .PaymentTypeError {
    display: none;
}

.CheckWrap .PaymentTypeSelectionLink.error .PaymentTypeError {
    display: block;
}

.CheckWrap .PaymentTypeSelectionLink.NotReady {
    opacity: 0.5;
}

.CheckWrap .savedcard .CardDesc {
    float: left;
    width: 55%;
    padding: 0 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.CheckWrap .savedcard .CardPrice {
    float: right;
    font-weight: bold;
}

.CheckWrap .PaymentStage {
    padding: 0 15px 0 0;
    position: relative;
}

    .CheckWrap .PaymentStage .ProcessingCover {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: black;
        opacity: 0.2;
        z-index: 10;
    }

    .CheckWrap .PaymentStage .panel-heading h2 {
        font-size: 1.2em;
    }

.modal-footer {
    padding: 10px;
    text-align: center;
    margin-top: 0;
}

.modal-content {
    border: 1px solid #eee;
}

.modal-dialog {
    margin: 200px auto;
    border: 1px solid #ccc;
    max-width: 400px;
    min-width: 240px;
    width: 100%;
}

.modal-header {
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

.modal-body {
    padding: 10px;
}

    .modal-body span {
        display: block;
        padding: 5px;
        font-size: 1.1em;
        text-align: center;
    }

.modal-content .PlsWait span {
    text-align: center;
    font-size: 1.4em;
}

.alert {
    padding: 5px 15px;
    width: 100%;
    float: left;
}

.CheckWrap .ConfirmAndPayWrapper {
    position: relative;
}

.CheckWrap .ContinueButtonWrapperTop {
    margin-top: 25px;
}

.CheckWrap .ContinueButtonWrapperBottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.CheckWrap .InnerConfirm {
    padding: 0 0 76px 0;
    border: 1px solid #e0e0e0;
    font-size: 1.1em;
    margin-right: 5px;
    min-height: 250px;
    position: relative;
}

.CheckWrap .RightConfirm .InnerConfirm {
    margin-right: 0;
}

.CheckWrap .InnerConfirm h3 {
    padding: 20px 20px 10px;
}

.CheckWrap .InnerConfirm .DeliveryAddConfirm, .CheckWrap .InnerConfirm .savedcard {
    padding: 0 20px;
}

.CheckWrap .InnerConfirm .savedcard {
    margin-bottom: 20px;
}

    .CheckWrap .InnerConfirm .savedcard img {
        width: 100%;
    }

.CheckWrap .DeliveryAddConfirm span {
    display: block;
    margin-bottom: 3px;
}

.CheckWrap .InnerConfirm .DeliPrice {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.CheckWrap .Promos {
    padding: 15px;
    border: 1px dotted #ccc;
    margin-right: 0;
    border-bottom: 6px solid #aaa;
    font-size: 1.2em;
}

    .CheckWrap .Promos a {
        text-decoration: underline;
    }

.CheckWrap .SignupConfirm {
    padding: 15px;
    margin: 10px 0 20px 0;
    font-size: 1.1em;
    border: 1px solid #ddd;
}

    .CheckWrap .SignupConfirm .SignupBox {
        margin: 0 0 5px 0;
    }

        .CheckWrap .SignupConfirm .SignupBox input {
            margin: 0;
        }

        .CheckWrap .SignupConfirm .SignupBox span {
            padding-left: 5px;
            vertical-align: top;
        }

.CheckWrap .FirstConfirm {
    margin-bottom: 10px;
    min-height: 256px;
}

.CheckWrap .CollectConfirm {
    min-height: 256px;
}

.CheckWrap .RegisterConfirm {
    background-color: #eee;
    padding: 15px;
    font-size: 1.2em;
    border: 1px solid #ccc;
    margin: 0 0 15px 0;
}

    .CheckWrap .RegisterConfirm .RegLeft {
        padding-right: 25px;
    }

        .CheckWrap .RegisterConfirm .RegLeft span {
            padding-left: 6px;
        }

.CheckWrap .RegistrationForm select {
    padding: 6px;
    margin-right: 6px;
    width: 20%;
    border: 1px solid #ccc;
}

.CheckWrap .RegistrationForm .GenderSelect select {
    width: 42%;
}

.CheckWrap .panel-heading h2 {
    margin: 5px 0;
}

.CheckWrap #UseAsBillingAddressWrapper {
    margin-bottom: 20px;
}

    .CheckWrap #UseAsBillingAddressWrapper .checkbox {
        padding-left: 5px;
        padding-top: 9px;
        min-height: 24px;
    }

.CheckWrap .ContBackGroup {
    border-top: 0;
}

.CheckWrap .ConfirmTextBot {
    margin-top: 20px;
}

    .CheckWrap .ConfirmTextBot p {
        color: #888;
    }

.CheckWrap .Vcodes span > a {
    min-width: 200px;
    padding: 15px;
    width: auto;
}

.CheckWrap .ExitLinks {
    padding: 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.9em;
}

    .CheckWrap .ExitLinks .EditText {
        padding: 0;
        text-align: center;
        border-right: 1px solid #e0e0e0;
    }

    .CheckWrap .ExitLinks .ContText {
        padding: 0;
        text-align: center;
    }

    .CheckWrap .ExitLinks a {
        font-size: 1.2em;
        text-decoration: underline;
        padding: 20px 5px;
        display: block;
    }

.dnnRadiobutton .mark {
    display: none;
}

.MessageGroup, .MessageGroupB {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0;
}

.glyphicon-exclamation-sign {
    font-size: 1.5em;
    float: left;
    width: 5%;
}

.CollectMsgAlert {
    float: left;
    font-size: 1.1em;
    width: 95%;
    font-weight: normal;
}

.EtailTermsText {
    float: left;
    font-size: 1.2em;
    width: 85%;
    font-weight: normal;
    cursor: pointer;
}

    .EtailTermsText a:hover {
        text-decoration: underline;
    }

.AddressContainBut .MessageGroupB input {
    margin-right: 5px;
}

.AddressContainBut .EtailTermsText {
    text-align: left;
    width: 80%;
}

#cfdConfirmationWrapper, #divEtailTermsAndConditions {
    margin-top: 25px;
}

.MessageGroupB input {
    float: left;
    margin: 0 20px 0 0;
}

/*Buttons*/
.CheckWrap .ImgButWrap a, .CheckWrap a.ContinueOn, .CheckWrap .ContinueOn a, .CheckWrap input.ContinueOn {
    background-image: none;
    border: 0;
    border-radius: 0;
    filter: none;
    text-shadow: 0 0 0;
}

.DeliveryOptions .DeliveryNaming span.DeliveryOptionName {
    font-size: 1.3em;
}

.DeliveryOptions .DeliveryEstimateDate, .DeliveryOptions .DeliveryEstimateTime, .DeliveryOptions .DeliveryOptionName {
    font-weight: bold;
}

.DeliveryOptions .DeliveryGroupLine span.DeliveryEstimateDate:after {
    content: ",";
}

.DeliveryPageSeperator {
    text-align: center;
}

    /*Delivery options seperator*/
    .DeliveryPageSeperator h2 {
        position: relative;
        margin-top: 20px;
        border-bottom: 0;
    }

        .DeliveryPageSeperator h2.one {
            margin: 0;
        }

            .DeliveryPageSeperator h2.one:before {
                content: "";
                display: block;
                border-top: #ccc solid 1px;
                width: 100%;
                height: 1px;
                position: absolute;
                top: 35%;
                z-index: 1;
            }

            .DeliveryPageSeperator h2.one span {
                background: #fff;
                padding: 0 20px;
                position: relative;
                z-index: 5;
            }

ul#DeliveryOptionsList li .DeliveryOptionDescription, #SelectedStoreInfo .ClickMain {
    display: none;
}

ul#DeliveryOptionsList li.active .DeliveryOptionDescription, #SelectedStoreInfo .active .ClickMain {
    display: block;
}

#SelectedStoreInfo .ClickMain .DeliveryEstimateDate {
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 1em;
}

.DeliveryOptions .active .fullwidthlabel .DeliveryGroupLine {
    padding-top: 0;
}

.DeliveryOptionDescription .SpendVoucher {
    font-size: 1.3em;
    width: 100%;
    float: left;
    font-weight: bold;
    line-height: 1.1em;
}

.CollectionStorePromoText {
    font-size: 1.3em;
    padding-top: 10px;
}

.DeliveryOptionDescription .ClickMain {
    width: 100%;
    float: left;
    margin-top: 3px;
}

/*Delivery Method Sprites*/
#DeliveryOptionSprite {
    background: url("/images/core/other-delivery-methods-sprite-v2.svg") no-repeat;
    background-size: 60em 60em;
    width: 100%;
    float: left;
    height: 45px;
    max-width: 65px;
    padding: 0;
}

.deliveryGroupTypeLi #DeliveryOptionSprite {
    background: url("/images/core/sprite-new-checkout-v3-01.svg") no-repeat;
    background-size: 50em 50em;
}

.DeliveryOptions .DeliveryNaming span {
    display: block;
    padding: 3px 0;
    font-size: 1.1em;
    width: 100%;
}

.DeliveryOptions .DeliveryNaming .CurrentAddressText span {
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 1.2em;
}

.DeliveryOptions .DeliveryEstimate span {
    display: inline-block;
    width: auto;
    padding-right: 5px;
    font-size: 1em;
}

.DeliveryOptions .DeliveryNaming span.deliveryHead {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.3em;
}

.DeliveryOptions .DeliveryNaming span.locationHead {
    color: #888;
}

.DeliveryOptions .DeliveryNaming span.locationSub a {
    text-decoration: underline;
    font-weight: bold;
}

.DeliveryOptions .DeliveryNaming .DeliveryOptionDescription {
    font-weight: bold;
    padding: 3px 0;
}

.DeliveryOptions .deliveryGroup_HomeDelivery #DeliveryOptionSprite {
    background-position: 3px -216px;
}

.DeliveryOptions .deliveryGroup_StoreDelivery #DeliveryOptionSprite {
    background-position: -121px -219px;
}

.DeliveryOptions .deliveryGroup_DeliveryCollection #DeliveryOptionSprite {
    background-position: -57px -217px;
}

.DeliveryOptions .DeliveryOptionsItem_PUD #DeliveryOptionSprite {
    background: url("/images/deliverycollection/hermes_lg.png") no-repeat;
}

.DeliveryOptions .DeliveryOptionsItem_DUD #DeliveryOptionSprite {
    background: url("/images/deliverycollection/dpd_lg.png") no-repeat;
}

.DeliveryOptions .DeliveryOptionsItem_ATY #DeliveryOptionSprite {
    background: url("/images/deliverycollection/asda_lg.png") no-repeat;
}

/*Standard*/
.DeliveryOptions .DeliveryOptionsItem_STD #DeliveryOptionSprite, .DeliveryOptions .DeliveryOptionsItem_INS #DeliveryOptionSprite {
    background-position: -275px -282px;
}

.homeDelWrap .DeliveryOptionsItem_STD.active #DeliveryOptionSprite, .homeDelWrap .DeliveryOptionsItem_INS.active #DeliveryOptionSprite {
    background-position: -275px -328px;
}

/*Collect from UK Warehouse*/
.DeliveryOptions .DeliveryOptionsItem_CFD #DeliveryOptionSprite {
    background-position: -596px -282px;
}

.homeDelWrap .DeliveryOptionsItem_CFD.active #DeliveryOptionSprite {
    background-position: -596px -328px;
}

/*Click and collect*/
.DeliveryOptions .DeliveryOptionsItem_CIS #DeliveryOptionSprite {
    background-position: -45px -282px;
}

.homeDelWrap .DeliveryOptionsItem_CIS.active #DeliveryOptionSprite {
    background-position: -45px -328px;
}

/*Collect plus*/
.DeliveryOptions .DeliveryOptionsItem_COP #DeliveryOptionSprite {
    background-position: 9px -282px;
}

.homeDelWrap .DeliveryOptionsItem_COP.active #DeliveryOptionSprite {
    background-position: 9px -328px;
}

/*Email*/
.DeliveryOptions .DeliveryOptionsItem_EML #DeliveryOptionSprite {
    background-position: -480px -282px;
}

.homeDelWrap .DeliveryOptionsItem_EML.active #DeliveryOptionSprite {
    background-position: -480px -328px;
}

/*European road - standard delivery for europe*/
.DeliveryOptions .DeliveryOptionsItem_EUR #DeliveryOptionSprite {
    background-position: -275px -282px;
}

.homeDelWrap .DeliveryOptionsItem_EUR.active #DeliveryOptionSprite {
    background-position: -275px -328px;
}

/*International air*/
.DeliveryOptions .DeliveryOptionsItem_INA #DeliveryOptionSprite {
    background-position: -160px -282px;
}

.homeDelWrap .DeliveryOptionsItem_INA.active #DeliveryOptionSprite {
    background-position: -160px -328px;
}

/*Injection, standard service for AU and NZ*/
.DeliveryOptions .DeliveryOptionsItem_INJ #DeliveryOptionSprite {
    background-position: -275px -282px;
}

.homeDelWrap .DeliveryOptionsItem_INJ.active #DeliveryOptionSprite {
    background-position: -275px -328px;
}

/*Next day*/
.DeliveryOptions .DeliveryOptionsItem_NDD #DeliveryOptionSprite {
    background-position: -345px -282px;
}

.homeDelWrap .DeliveryOptionsItem_NDD.active #DeliveryOptionSprite {
    background-position: -345px -328px;
}

/*Saturday*/
.DeliveryOptions .DeliveryOptionsItem_SAT #DeliveryOptionSprite {
    background-position: -103px -282px;
}

.homeDelWrap .DeliveryOptionsItem_SAT.active #DeliveryOptionSprite {
    background-position: -103px -328px;
}

/*Two man*/
.DeliveryOptions .DeliveryOptionsItem_TWO #DeliveryOptionSprite {
    background-position: -418px -282px;
}

.homeDelWrap .DeliveryOptionsItem_TWO.active #DeliveryOptionSprite {
    background-position: -418px -328px;
}

/*Oversized delivery*/
.DeliveryOptions .DeliveryOptionsItem_OVS #DeliveryOptionSprite {
    background-position: -537px -282px;
}

.homeDelWrap .DeliveryOptionsItem_OVS.active #DeliveryOptionSprite {
    background-position: -537px -328px;
}

/*V12  finance*/
.v12ddCheckout {
    width: 100%;
}

#divV12FinancePaymentSummary {
    display: table;
    border: solid 1px #ccc;
    border-radius: 0;
    padding: 0;
    font-size: 12px;
}

    #divV12FinancePaymentSummary .form-group {
        font-size: 1.1em;
    }


.InnerConfirm > #divV12FinancePaymentContainer > .v12confirmSummaryCont {
    width: 100%;
}

    .InnerConfirm > #divV12FinancePaymentContainer > .v12confirmSummaryCont > .form-horizontal > #divV12FinancePaymentSummary {
        border: 0;
        padding: 0 20px 10px;
        display: table !important;
    }

        .InnerConfirm > #divV12FinancePaymentContainer > .v12confirmSummaryCont > .form-horizontal > #divV12FinancePaymentSummary > .form-group {
            margin-bottom: 3px;
        }

/*.v12confirmSummaryCont {
    padding: 0 16px;
}*/

.V12Tbody {
    display: table-row-group;
}

.V12tableRow {
    display: table-row;
}

.V12tableRow, .V12tableCell {
    height: 25px;
}

.V12tableCell {
    display: table-cell;
    vertical-align: middle;
    min-height: 100%;
    border-bottom: solid 1px #DBDBDB;
    padding-top: 0.5%;
}

.V12tableRow div.V12tableCell {
    padding-left: 20px;
}

.V12tableRow span.V12tableCell:first-child {
    background-color: #eaeaea;
    font-weight: bold;
}

.InnerConfirm .V12tableRow span.V12tableCell:first-child {
    background-color: transparent;
    padding-left: 0;
}

.V12tableRow:nth-last-child(1) > .V12tableCell {
    border-bottom: 0;
}

.v12MoreInfo {
    padding: 0 20px;
    /* font-weight: bold; */
}

    .v12MoreInfo a {
        font-weight: bold;
        text-decoration: underline;
    }

#divOtherPayments > div, #divDiscountsAndVouchers > div {
    width: 100%;
}

.payments-4 > div, .payments-5 > div, .payments-6 > div, .payments-7 > div {
    width: 25%;
}

.payments-3 > div {
    width: 33.33333333%;
}

.payments-2 > div {
    width: 50%;
}

.payments-1 > div {
    width: 100%;
}

.fastPayIframe iframe {
    width: 100%;
}

.DnnModule-FastPaySetup #divOtherPayments, .DnnModule-FastPaySetup .otherPaymentsHeader {
    display: none;
}

.changeDeliveryWrap {
    float: right;
}

.changeDeliveryMethodButton {
    border: 1px solid #ddd;
    background-color: #f0f0f0 !important;
    color: #333 !important;
    padding: 15px 10px 15px 30px;
    float: right;
    font-size: 1.2em;
    text-align: left;
    position: relative;
}

    .changeDeliveryMethodButton:hover {
        border: 1px solid #ccc;
        background-color: #eaeaea !important;
    }

    .changeDeliveryMethodButton:before {
        height: 20px;
        width: 100%;
        max-width: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        background: url("/images/core/new-checkout-sprite-version3.svg") no-repeat;
        background-size: 15em 15em;
        background-position: -6.9em -12.9em;
        content: "";
    }

.CheckWrap .noPaddCheck {
    padding: 0;
}

.invalidCollectionProducts {
    background-color: #CCCCCC;
    border: 1px solid #000000;
    padding: 10px;
}

.CheckWrap .existingCustomer .InnerLogin, .CheckWrap .newCustomer .InnerLogin {
    padding: 20px;
}

/* Desktop only transition support */
@media (min-width: 1022px) {
    .CheckWrap .ImgButWrap a, .CheckWrap a.ContinueOn, .CheckWrap .ContinueOn a, .CheckWrap input.ContinueOn,
    .CheckWrap .GoBackPage, .CheckWrap .DeliveryAddressButton, .DeliveryOptions .SelectButton, .DeliveryOptions .SelectedButton {
        transition: all 400ms linear 0s;
        -webkit-transition: all 400ms linear 0s;
        -moz-transition: all 400ms linear 0s;
        -ms-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
    }

    .DeliveryOptions > .col-xs-12, .changeDeliveryWrap, .CollectionWrapper, .homeDelWrap, .deliverySelectionSingle {
        padding-right: 3%;
    }

    .loginContainer .ForgotPass a.ForgotPasswordLinkButton {
        width: 69.5%;
    }
}

@media (max-width: 1021px) {
    .CheckWrap .field label {
        width: auto;
        padding: 0;
    }

    .CheckWrap .field input {
        width: 100%;
        margin-top: 6px;
    }

    .CheckWrap .field .info-icon {
        margin-left: 10px;
        float: none;
        padding-top: 0;
    }

    .CheckWrap .ImgButWrap {
        padding-right: 0;
    }

        .CheckWrap .ImgButWrap a.dnnPrimaryAction {
            width: 100%;
        }


    .CheckWrap .ProgressButContainMid {
        margin-bottom: 12px;
    }

    .CheckoutLeft > h2 {
        margin-top: 10px;
    }

    .CheckWrap .AddNewAddressCheck .DeliveryAddressButton {
        width: 100%;
    }

    .DeliveryToContent .AddNewAddressCheck .ContinueOn {
        width: 100%;
        margin-bottom: 20px;
    }

    .CheckWrap .CollectionLink .ChoicePanel {
        margin-right: 0;
    }

    .DeliveryToContent > div {
        padding: 1% 0 1% 0;
    }

    .CheckWrap .PaymentStage {
        padding: 0;
    }

    .CheckWrap .ContinueButtonWrapperMobTop {
        margin-bottom: 20px;
    }

    .Basket #BasketDiv .UpdateQuant {
        padding: 6px 76px;
    }

    .AddressButtonWrapper {
        margin: 0 5px;
    }

    .ProgCheck .breadcrumb > li {
        width: 18.9%;
    }

    .ProgCheck .breadcrumb.numsteps6 > li {
        width: 15.7%;
    }

    .DeliveryToContent .AddressGroup li {
        padding: 0 5px;
    }

    .lt-ie8 .CardPayments.col-xs-12 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .CheckWrap .BaskList .BaskContent ul li .BaskPriceLine {
        margin-bottom: 6px;
    }

    .storeFindSelect {
        margin-bottom: 30px;
    }

    .DeliveryToContent h2, .CheckWrap .Delivery h2 {
        font-size: 1.5em;
    }

    .CheckWrap .CustomerGroups {
        margin-top: 30px;
    }

    .CheckWrap .existingCustomer .InnerLogin {
        padding: 30px 30px 44px 30px;
        margin: 0 5% 0 0;
        position: relative;
        border: 1px solid #e0e0e0;
    }

    .CheckWrap .newCustomer .InnerLogin {
        margin: 0 0 0 5%;
        padding: 30px 30px 44px 30px;
        position: relative;
        background: #f0f0f0;
        border: 1px solid #e0e0e0;
    }

    .Delivery .control-label {
        padding-right: 10px;
        padding-top: 9px;
        text-align: right;
    }

    .lt-ie8 .DelPayGroup .col-sm-6, .lt-ie8 .CustomerGroups .existingCustomer, .lt-ie8 .CustomerGroups .newCustomer {
        width: 49.95%;
    }

    .CurrentAddressWrapper .CurrentAddressText {
        padding-right: 10px;
    }

    .CheckWrap .PaymentGroups a {
        max-height: 58px;
    }

    .DeliveryOptions .deliveryGroupTypeLi .DelIcon {
        width: 16.66666667%;
        max-width: 68px;
        position: absolute;
        transform: translateY(-50%);
        left: 0;
        top: 50%;
    }

    .DeliveryOptions .deliveryGroupTypeLi .DeliveryNaming {
        width: calc(100% - 113px);
        left: 68px;
    }

    .DeliveryOptions .deliveryGroupTypeLi {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .CollectionPointListItem .storeWrapper .InnerStore, .DeliveryOptions .DeliveryOptionsItem .InnerMethods {
        padding: 10px;
    }

    .CollectionPointListItem .storeWrapper .StoreName {
        font-size: 1em;
    }

    .DeliveryOptions .DeliveryOptionsItem .SelectIt {
        left: 0;
        right: auto;
    }

        .DeliveryOptions .DeliveryOptionsItem .InnerMethods .DeliveryNaming, .DeliveryOptions .DeliveryOptionsItem .SelectIt .RadioBut {
            float: right;
        }

    #BodyWrap .CheckWrap h2.secondaryHeader2, .CollectionWrapper, .homeDelWrap, #DeliveryAddressFormWrapper {
        margin-top: 10px;
    }

    .container-fluid .CheckWrap {
        padding: 20px 10px;
    }

    .CheckoutLaunch .container-fluid .CheckWrap {
        padding: 10px 0;
    }

    .DeliveryOptions .deliveryGroupTypeLi .DeliveryNaming {
        width: calc(100% - 45px);
    }

    .newCustomer {
        background-color: #fafafa;
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #c5c5c5;
    }

    .LogoCheck img.visible-xs {
        max-height: 30px;
        display: inline-block !important;
    }

    .Checkout #BodyWrap {
        overflow: hidden;
    }

    .CheckoutLaunch .CheckoutProgressSteps {
        display: none;
    }

    .CheckoutLaunch .ContentWrap > .container-fluid {
        padding: 0;
    }

    .changeDeliveryMethodButton {
        text-align: center;
        padding: 15px 10px;
        float: left;
        width: 100%;
    }

        .changeDeliveryMethodButton:before {
            content: none;
        }

    .payments-3 > div, .payments-4 > div, .payments-5 > div, .payments-6 > div, .payments-7 > div {
        width: 50%;
    }

    #divDiscountsAndVouchers > div, .DeliveryToContent .fullwidthlabel .AddressSelectWrap, .DeliveryToContent .fullwidthlabel .AddressSelectedWrap {
        width: 100%;
    }

    #StoreMapPanel {
        display: none;
    }

    #StoreListPanel {
        display: block;
    }

    .DeliveryToContent .fullwidthlabel .NameAddSelWrap {
        width: 60%;
        padding: 10px;
    }

    .DeliveryToContent #NewAddressListItem .fullwidthlabel .NameAddSelWrap {
        width: 80%;
    }

    .DeliveryToContent .EditDeletes {
        width: 20%;
    }

    .CheckWrap .LoginWelcome {
        display: none;
    }

    .ProgCheck .breadcrumb {
        padding: 10px 0 0;
    }

        .ProgCheck .breadcrumb > li {
            width: 50%;
            padding: 0 5px;
            background-clip: content-box;
            height: 30px;
            line-height: 30px;
            margin-bottom: 10px;
        }

            /* IE nth-child hack */
            .ProgCheck .breadcrumb > li:first-child, .ProgCheck .breadcrumb > li:first-child + li, .ProgCheck .breadcrumb > li:first-child + li + li {
                width: 33.33%;
            }

            .ProgCheck .breadcrumb > li + li:before, .ProgCheck .breadcrumb > li:after {
                display: none;
            }

            .ProgCheck .breadcrumb > li.active a {
                display: block;
            }

    .CheckWrap .CheckStoreBut {
        margin: 15px 0 0;
        padding-left: 5px;
    }

    .CheckWrap .control-label {
        padding: 0 5px 10px;
    }

    .CheckWrap #UseAsBillingAddressWrapper .control-label {
        float: right;
        padding: 5px 5px 0;
    }

    .CheckWrap #UseAsBillingAddressWrapper .checkbox {
        padding-top: 5px;
        min-height: 20px;
    }

    #UseAsBillingAddressWrapper input[type="checkbox"] {
        vertical-align: top;
    }

    .DeliveryToContent div .LabelLess {
        padding: 0;
        float: left;
    }

    .DeliveryToContent #UseAsBillingAddressWrapper label {
        float: left;
        padding-right: 10px;
    }

    .CheckWrap .GoBackPage {
        width: 100%;
        padding: 8px 0;
    }

    .CheckWrap .ChoicePanel {
        padding: 20px 8%;
    }

    .CheckWrap .PaymentGroups span > a {
        display: block;
        padding: 8px 2px;
        width: 100%;
    }

    .CheckWrap .PaymentGroups span > a {
        margin: 0 0 15px 0;
    }

    .CheckWrap .BaskList .BaskContent ul li .BaskQtyLine, .CheckWrap .BaskList .BaskContent ul li .BaskPriceLine {
        margin-top: 4px;
    }

    .CheckWrap .FirstConfirm, .CheckWrap .InnerConfirm {
        min-height: 0;
        margin-right: 0;
    }

    .CheckWrap .CheckStoreBut .ContinueOn {
        padding: 15px 0;
    }

    .CheckWrap .RegistrationForm label {
        margin-bottom: 5px;
    }

    .DeliveryToContent .fullwidthlabel {
        min-height: 0;
    }

    .FooterCheck .ThreeHelpTips .container-fluid > ul li {
        padding: 8px 0;
    }

    .modal-dialog {
        margin: 50px auto;
    }

    .DeliveryOptions .fullwidthlabel .DeliveryOptionDescription {
        margin-top: 6px;
    }

    .CheckWrap .UsedCardList .CheCardDetails {
        width: 100%;
    }

    .CheckWrap .UsedCardList .savedcard .PayImage {
        width: 50%;
    }

    .CheckWrap .UsedCardList .CheCardDetail {
        padding: 12px 15px 0 0;
    }

    .HowToInfo, .StoreAddOpen {
        padding: 0;
    }

    .DeliveryOptions .fullwidthlabel .DeliveryEstimate {
        clear: left;
        width: 100%;
        padding: 8px 8px 0 0;
    }

    .CurrentAddressWrapper .DifferentAddressLinkWrapper {
        margin-top: 15px;
    }

    .DeliveryOptions .fullwidthlabel .DeliveryGroupLine {
        padding-top: 0;
    }

    .DeliveryToContent .AddressGroup li {
        padding: 0;
    }

    .DelTick {
        margin-top: 10px;
    }

    .DeliveryOptions .DeliveryOptionsItem .SelectedMarker {
        position: absolute;
        right: 15px;
        top: 8px;
    }

    .DeliveryOptions .SelectButton, .DeliveryOptions .SelectedButton {
        float: left;
        left: calc(25% + 5px);
        position: inherit;
    }

    .DeliveryOptionsItem_STD #DeliveryOptionSprite {
        background-position: 0 -535px;
    }

    .DeliveryOptionsItem_CFD #DeliveryOptionSprite {
        background-position: 0 -1048px;
    }

    .DeliveryOptionsItem_CIS #DeliveryOptionSprite {
        background-position: 0 -118px;
    }

    .DeliveryOptionsItem_COP #DeliveryOptionSprite {
        background-position: 0 -17px;
    }

    .DeliveryOptionsItem_EML #DeliveryOptionSprite {
        background-position: 0 -843px;
    }

    .DeliveryOptionsItem_EUR #DeliveryOptionSprite {
        background-position: 0 -535px;
    }

    .DeliveryOptionsItem_INA #DeliveryOptionSprite {
        background-position: 0 -331px;
    }

    .DeliveryOptionsItem_INJ #DeliveryOptionSprite {
        background-position: 0 -535px;
    }

    .DeliveryOptionsItem_NDD #DeliveryOptionSprite {
        background-position: 0 -636px;
    }

    .DeliveryOptionsItem_SAT #DeliveryOptionSprite {
        background-position: 0 -228px;
    }

    .DeliveryOptionsItem_TWO #DeliveryOptionSprite {
        background-position: 0 -741px;
    }

    .DeliveryOptions .SelectButton, .DeliveryOptions .SelectedButton {
        font-size: 1.2em;
    }

    .CheckWrap .CardGroup iframe {
        height: 592px;
    }
}

@media (max-width: 359px) {
    .DelIcon {
        width: 100%;
        margin-bottom: 5px;
    }

    .DeliveryOptions .SelectButton, .DeliveryOptions .SelectedButton {
        left: 10px;
    }

    .payments-2 > div, .payments-3 > div, .payments-4 > div, .payments-5 > div, .payments-6 > div, .payments-7 > div {
        width: 100%;
    }
}

@media (max-width: 300px) {
    .CheckWrap .PaymentGroupsFullLink .PayImage {
        display: none;
    }

    .CheckWrap .PaymentGroupsFullLink .PayPalPay {
        display: inline-block;
    }

    .CheckWrap .PaymentGroupsFullLink .PayText, #divOtherPayments .PaymentGroupsFullLink .PayImage {
        width: 100%;
        padding: 5px;
        text-align: center;
        margin: 0;
    }

    .CheckWrap .PaymentGroups a {
        padding: 10px 5px;
    }

    .DeliveryOptions .DeliveryOptionsItem .SelectedMarker {
        padding: 0;
    }
}

@media (max-width: 280px) {
    .CheckWrap .CardGroup iframe {
        height: 707px;
    }
}
