﻿body {
    margin: 0;
    background: #f4f5f9;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a3a3a3 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a3a3a3 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #a3a3a3 !important;
}

.basketPostcodeSelectorformError {
    position: absolute !important;
}

.EditBtnChkout {
    border-radius: 6px;
}

#basketPostcodeSelectorUpdate {
    border-radius: 6px !important;
    margin-left: 1rem;
}

#billing-postcode-search {
    height: 2.9em;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block,
.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block,
.visible-md-block, .visible-md-inline, .visible-md-inline-block,
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width:575px) {
    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }

    .visible-xs {
        display: block !important;
    }

    .visible-xs-block {
        display: block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:576px) and (max-width:767px) {
    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

    .visible-sm {
        display: block !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }

    .visible-md {
        display: block !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }

    .visible-lg {
        display: block !important;
    }

    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:1200px) {
    table.visible-xl {
        display: table !important;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl,
    td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl {
        display: block !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }
}

@media (max-width:575px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-xl {
        display: none !important;
    }
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
}

.panel.transparent, .checkout-panel.transparent {
    box-shadow: none;
    border: 0;
    background: none !important;
}

.hide-outportant {
    display: none;
}

.basket-summary .card_options {
    margin-top: .625em;
    margin-bottom: .625em;
    text-align: center;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

.panel.bordered, .checkout-panel.bordered {
    border: 2px solid #e9eaed;
}

.panel, .checkout-panel {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 6px;
    border: 0;
    background: #fff;
    color: #000;
    margin-bottom: .8em;
    box-shadow: none;
}

.panel-body, .checkout-panel-body {
    flex: 1 1 auto;
    padding: 2rem;
    width: 100%;
}

.label-danger {
    background-color: #ed99a1;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
}

/* SLEEP TRIAL */
/* --------------------------------------------------------------------- */
.sleep-trial-content {
    width: 100%;
    padding: 2rem 0;
    text-align: left;
}

    .sleep-trial-content .title {
        width: 100%;
        padding: 2rem 0;
        text-align: left;
    }

.sleep-trial-container .sleep-trial-card-wrapper {
    width: 50%;
    margin-bottom: 2rem;
}

@media(min-width: 768px) {
    .sleep-trial-container .sleep-trial-card-wrapper {
        width: 33%;
        margin-bottom: 2rem;
    }
}

.sleep-trial-container .sleep-trial-card {
    height: 100%;
    cursor: auto;
}

.sleep-trial-container .card-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top:5px;
}

.sleep-trial-container .card-pricing {
    flex: 1;
    height: 3rem;
}

    .sleep-trial-container .card-pricing .new-price {
        font-size: 1.6rem;
        line-height: 1.8rem;
        font-weight: 600;
    }

    .sleep-trial-container .card-pricing .sleep-trial-card-saveprice {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

.sleep-trial-container .card-footer .btn {
    margin-left: auto;
}

.sleep-trial-confirmation {
    display: flex;
    padding: 2rem;
    border-radius: 6px;
    margin-bottom: 2rem;
    background: #c2f1e2;
}

    .sleep-trial-confirmation i {
        margin-right: 1rem;
        font-size: 3rem;
    }

.sleep-trial-content .title {
    margin-bottom: 2rem;
}

.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}

.modal-dialog {
    overflow-y: initial !important
}

.optionmodal-open {
    overflow-x: hidden;
    overflow-y: scroll !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.sleep-trial-modal .sleep-trial-modal-header {
    padding: 2rem;
}

.sleep-trial-modal .sleep-trial-modal-content {
    padding: 0 4rem 0 2rem;
    margin-right: -2rem;
}
.sleep-trial-modal .prd-crd-man {
    display: none;
}
/* --------------------------------------------------------------------- */
/* BASKET PROMO */
/* -------------------------------------------------------------------- */
.basket-promo {
    /*display: flex;
    width: auto;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #ED99A1;
    background: #FEF1F2;*/
}

.basket-promo-title a {
    margin-left: 5px;
}
/*.basket-promo-price {
    width: 30%;
    text-transform: uppercase;
    text-align: right;
    float: right;
}

.basket-promo-title {
    width: 70%;
    font-weight: 600;
    float: left;
}*/
/* -------------------------------------------------------------------- */





/* BASKET TOTALS */
/* -------------------------------------------------------------------- */
.basket-totals {
    display: table;
    width: 100%;
    margin: 1rem 0;
}

.basket-totals-label {
    display: table-cell;
    width: 70%;
    font-weight: 600;
    color: #000;
    vertical-align: middle;
}

    .basket-totals-label span {
        font-size: .563em;
    }

.basket-total-price {
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.2;
}

.basket-totals-amount {
    display: table-cell;
    width: 30%;
    text-transform: uppercase;
    text-align: right;
    vertical-align: middle;
}

.basket-totals .basket-delivery-cost {
    float: right;
}

.basket-total-sticky.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1.25em;
    background: #fff;
    border-top: 2px solid #E9EAED;
    z-index: 9999999999;
}

    .basket-total-sticky.fixed .card_options {
        display: none;
    }
/* -------------------------------------------------------------------- */




/* BASKET PAYMENT BUTTONS */
/* -------------------------------------------------------------------- */
.basket-payment-buttons > div + div {
    margin-top: 14px;
}
.basket-payment-button-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -0.5rem;
}
    .basket-payment-button-group-cell {
        flex: 1;
        flex: 0 0 100%;
        padding: 0 0.5rem;
    }
/* -------------------------------------------------------------------- */




/* BASKET DELIVERTO */
/* -------------------------------------------------------------------- */
.basket-deliverto {
    margin-top: 0;
}

.basket-deliverto-code {
    margin-right: 0.875em;
}

.basket-deliverto-content {
    display: table-cell;
    width: 100%;
}

.basket-deliverto-change {
    display: inline-block;
    font-size: 1.8rem;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    outline: none !important;
    background: 0 0 !important;
    color: #00468d;
    border-bottom: 2px solid #00468d;
}

    .basket-deliverto-change i {
        -webkit-transition: -webkit-transform .3s ease;
        -moz-transition: -moz-transform .3s ease;
        -o-transition: -o-transform .3s ease;
        transition: transform .3s ease;
    }

.basket-deliverto-title {
    display: inline;
    width: auto;
    margin-right: .875em;
}

.basket-deliverto-postcodeselector {
    display: none;
    margin: .875em 0;
}


.basket-deliverto.in .basket-deliverto-postcodeselector {
    display: block;
}

.basket-deliverto.in .basket-deliverto-change i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.basket-deliverto-change.awaiting-interaction {
    animation-name: pulse-color;
    animation-duration: 0.5s;
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
}

@keyframes pulse-color {
    0% {
        color: #f44336;
        border-color: #f44336;
    }

    50% {
        color: #fff;
        border-color: #fff;
    }

    100% {
        color: #f44336;
        border-color: #f44336;
    }
}

.basket-deliverto-change:disabled i {
    display: none;
}

.basket-deliverto-change:disabled {
    color: inherit !important;
    border-bottom: 0 !important;
}
/* -------------------------------------------------------------------- */

















.panel-title, .checkout-panel-title {
    display: inline-block;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
}

.panel-header, .checkout-panel-header {
    padding: 1.25em;
    padding-bottom: 0em;
    margin-bottom: 0;
    color: #000;
}







.alert-greyscale {
    font-size: 13px;
    background-color: #f1f3f6;
    border-color: #f1f3f6 !important;
    color: #3E3E3E;
}



.side-slider {
    border-left: 5px solid #009688
}

.pricepromise-table {
    border: 1px solid #ccc;
}

.topbasketshow .delivery-date-summary-container {
    display: none;
}

.mm-modal .modal-header {
    display: none;
}

.mm-modal .modal-footer {
    display: none;
}

/*.checkout-content, .ammendmentpage, .fixed-topbar .topbasketshow {
            max-width: 780px !important;
            max-width: 1200px !important;
        }*/
.ammendmentpage, .fixed-topbar .topbasketshow {
    max-width: 780px !important;
    max-width: 1200px !important;
}

.checkout_container .headersearchbar, .checkout_container .headerbasketcontainer, .checkout_container .headerphonesection {
    display: none !important;
}

.checkout_container .headerLogo {
    text-align: center;
}

.checkout_container .tpfooter {
    display: none;
}

.basketPage .cardicons img {
    display: inline-block !important;
    width: 12.8%;
}

/** hide in checkout part*/
.checkout_container .promo_bar {
    display: none;
}

.checkout_container .main-menu {
    display: none !important
}

.checkout_container .small-menu-buttons,
.checkout_container .navbar-toggle-main,
.checkout_container .checkoutbuttonmobile {
    display: none;
}

@media(min-width:768px) {
    .checkout_container .mm-header {
        padding-bottom: 10px;
    }
}

.checkout_container .footer {
    display: none;
}
/**end hide in checkout part*/


.checkout_container .additional-header {
    display: none !important;
}

.p3-blocks {
    padding: 20px !important;
}

.DivCell {
    position: relative;
}

.phone-call .phone {
    text-align: right;
    float: right;
}

.alert-info {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
/*input.form-control:focus {
            border:1px solid #ccc ;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
        }*/

.product-block {
    background-color: #f3f1ed !important;
    border: 0px !important;
}

.offerpopup {
    display: none;
}

.mobilemenus {
    display: none !important;
}

.text-in-header {
    border-right: 0;
}

.DivTable {
    color: #3E3E3E;
}

#mobileMenu {
    display: none !important;
}

.search-area {
    visibility: hidden;
}

.smaller-hr, .small-hr {
    border-top: 0;
    border-bottom: 0;
}

.basketHeader {
    display: none !important;
}

.basketcheckoutHeader {
    display: block !important;
}

.phone-container {
    float: right;
    margin-right: 12px !important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 0 solid #ffffff;
}

.framepre .delivery-type-headings-item.active {
    color: #7db921;
}

#problemOrder {
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}

.thumbnail {
    border: 0;
}

#NoEmail {
    line-height: 22px;
}

#paypal-button {
    max-height: 48px;
    overflow: hidden;
}

removal_text {
    color: #5d6f82;
    font-weight: 400;
}

.greyscale {
    color: #646266;
}

.thin {
    font-weight: 400;
}

.salesmessages {
    display: none;
}

.headerbasketcontainer, .nav-main, .headersearchbar {
    display: none !important;
}

.headerbasketcontainer {
    width: auto !important;
}

    .headerbasketcontainer .new-mybasket {
        visibility: hidden;
        opacity: 0;
    }

.headerLogo {
    height: 48px;
    text-align: center;
}

    .headerLogo img {
        margin: 0 auto;
    }

#ctl00_ctl00_body_ctl01_footer {
    display: none !important;
}
/*        .footer {
            bottom: 0px;
            position: absolute;
            width: 100%;
        }*/

.basket-content-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.delivery-item-showcase {
    display: none;
}

    .delivery-item-showcase.in {
        display: block;
    }

.checkout-payment-frame-container {
    display: none;
}

#framePayment {
    width: 100%;
    min-height: 317px;
    box-shadow: none;
    border: 0;
    height: auto;
    overflow: hidden;
}

    #framePayment .sectionheader {
        display: none;
    }














/* BASKET ITEMS */
/* -------------------------------------------------------------------- */
.basket-items-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.basket-items-content {
    flex: 1;
    width: 50%;
    min-height: 100%;
    float: left;
    order: 0;
}

    .basket-items-content.full-width {
        flex: 0 0 100%;
        width: 100%;
    }

.basket-delivery-content {
    flex: 1;
    width: 50%;
    min-height: 100%;
    padding-left: 2rem;
    border-left: 2px solid #E9EAED;
    order: 1;
    float: right;
}



.basket-content-wrapper .basket-items-content select,
.basket-content-wrapper .basket-items-content .form-control {
    height: auto;
    line-height: 0.85em;
    padding: 0.25em;
}

.basket-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .basket-item + .basket-item,
    .basket-items-content.full-width > .row + .row,
    .basket-items-wrapper + .basket-items-wrapper {
        margin-top: 2rem;
    }

.basket-item-image {
    height: 100%;
    max-width: 25%;
}

.basket-item-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    width: 75%;
    flex: 0 0 75%;
    padding-left: 1.25rem;
    align-items: center;
    justify-content: center;
}

.basket-item-title {
    width: 100%;
    flex: 0 0 100%;
    line-height: 1.8rem;
    font-weight: 600;
}
.basket-item-terms-note {
    font-size: 13px;
    color: #888888;
    font-weight: 400;
}
.basket-item-stock {
    width: 100%;
    flex: 0 0 100%;
}

.basket-item-price,
.basket-item-total {
    flex: 1;
    margin-left: 8px;
}

.basket-item-attrs {
    width: 100%;
    padding: 0;
    margin: 2px 0;
    list-style: none;
}

    .basket-item-attrs > li {
        line-height: 1.8rem;
        font-size: 1.3rem;
        color: #666;
    }

.basket-delivery-due {
    padding: 0;
    padding-left: 2rem;
}



.basket-item-inner-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    margin-top: 8px;
    margin-left: 32px;
}

    .basket-item-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .basket-item-inner-image img {
        width: 80px;
        height: 60px;
    }
    .basket-item-inner-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        flex: 1;
        padding-left: 1.25rem;
    }

.basket-item-inner-text {
    width: 100%;
    flex: 0 0 100%;
    line-height: 1.6rem;
    font-size: 1.4rem;
}

/*small TEXT*/
.basket-item-inner-st {
    line-height: 1.6rem;
    font-size: 1.3rem;
    color: #666;
}




.rtl .basket-item-inner .basket-item-inner-image {
    order: 1;
}
.rtl .basket-item-inner .basket-item-inner-content {
    order: 0;
    padding-left: 0;
    padding-right: 1.25rem;
}



.basket-item-image img,
.basket-item-inner-image img {
    border-radius: 6px;
}

/* -------------------------------------------------------------------- */






























.alert-info {
    border-color: #d9edf7;
    margin-bottom: 0px;
}

.basket-addons .basket-items-content,
.basket-addons .basket-delivery-due {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#main-content {
    margin: 0;
    padding-top: 10px;
    min-height: calc(100vh - 180px);
}

.basket-summary-header {
    padding-bottom: 0px;
}

.alert-greyscale {
    background-color: #f1f3f6;
    border-color: #f1f3f6;
    color: #3E3E3E;
}

    .alert-greyscale a {
        color: #00468d;
    }

.service-upsell .basket-item-title {
    margin-bottom: 3px;
}

.service-upsell .btn {
    line-height: 0.25em;
}

.basket-deliverto-postcodeselector {
    margin-bottom: 0px;
}

@media(max-width: 767px) {
    .basket-total-sticky.fixed {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

        .basket-total-sticky.fixed .basket-totals {
            margin: 0 0 0.5rem 0;
        }

        .basket-total-sticky.fixed .basket-totals {
            line-height: 1.8rem;
        }

    .checkout-payment {
        /*padding: 1.25em;*/
        padding: 0.875em;
        padding-bottom: 0px;
    }

    .checkout-left {
        padding: 0.7em;
    }

    .basket-mobile-delivery {
        margin-top: 0px;
    }

    .brandheaderlogo img {
        max-width: 160px;
        float: none !important;
    }

    .mobile-header-button {
        display: none;
    }

    #tidio-chat {
        display: none;
    }

    .basket-addons .basket-item-image {
        max-width: 15%;
    }

/*    .service-upsell-blurb {
        display: none !important;
    }*/

    .basket-delivery-due {
        padding: 0;
        text-align: center;
    }

    .basket-delivery-content-mobile-spacer {
        border-top: 2px solid #e9eaed !important;
        margin-top: 20px !important;
        padding-top: 20px !important;
        margin-left: 0;
        margin-right: 0;
    }

    .basket-delivery-due .alert {
        margin-bottom: 0px;
    }
    /*
            .DivCell {
                width: 100% !important;
                border: 0 !important;
                display: block !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            .DivCell img {
                width: 160px !important;
            }
                */
    h4 {
        overflow: hidden !important;
    }

    .hidextras {
        display: none !important;
    }

    .cardiconscheckout {
        display: none;
    }



    #main-content {
        min-height: calc(100vh - 204px);
    }

    /*UNTIL RESPONSIVE SAGE PAY PROCESS*/
    #framePayment {
        width: 100%;
        min-height: 540px;
    }

    #checkoutPaymentAccordionItem_Cred .accordion-item-body {
        padding-left: 0;
        padding-right: 0;
    }

    .checkout-payments .checkout-panel-body {
        padding-left: 0;
        padding-right: 0;
    }

    .checkout-payments .checkout-payment-accordion {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #main-content {
        min-height: calc(100vh - 212px);
    }
}

@media(max-width: 992px) {
    .basket-right-side {
        margin-top: 0 !important;
    }

    /*.basket-delivery-selector {
        width: auto;
        margin: 0 -1.25em;
    }*/

    .basket-delivery-content .alert {
        margin-top: 8px;
    }

    .basket-items-wrapper {
        display: flex;
    }

    .basket-items-content,
    .basket-delivery-content {
        flex: 0 0 100%;
        width: 100%;
        border: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #main-content {
        min-height: calc(100vh - 231px);
    }
}

.cardicons {
    display: none !important;
}

.left-links {
    text-align: center;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}

#main-content {
    margin-top: 0px;
    padding-top: 0px !important;
}

.basket-delivery-duedate {
    font-weight: 600;
}

.basketContents {
    padding-top: 0px !important;
}

.delivery-selector {
    display: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.delivery-selector-slider {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: auto;
    margin: 0 -2rem;
    padding: 0 40px;
    overflow: hidden;
}

.delivery-selector-slider-track {
    display: flex;
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 0;
    align-items: center;
}

.delivery-selector-slider-btn {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 40px;
    padding: 0;
    border: 0;
    text-align: center;
    color: #00468d;
    background: none;
    outline: none;
    z-index: 1;
}

.delivery-selector-slider-prev {
    left: 0;
}

.delivery-selector-slider-next {
    right: 0;
}

.delivery-selector-slider-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.delivery-selector-day {
    position: relative;
    width: 32%;
    flex: 1;
    margin: 0.25em;
    text-align: center;
    font-weight: 600;
    padding: 0.5rem;
    border-radius: 6px;
    border: 2px solid #E9EAED;
    background: #fff;
    cursor: pointer;
}

    .delivery-selector-day.selected {
        position: relative;
        /* ADD BACK IN */
        /*width: 36%;
        flex: 0 0 36%;*/
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .delivery-selector-day.disabled {
        border-color: #E9EAED !important;
    }

        .delivery-selector-day.disabled:before {
            content: " ";
            position: absolute;
            height: 2px;
            top: 50%;
            left: 2rem;
            right: 2rem;
            border-radius: 50%;
            background: #464646;
            transform: rotate(-45deg);
        }

    .delivery-selector-day.placeholder {
        min-height: 91px;
        background: #E9EAED;
    }

    .delivery-selector-day > div + div {
        font-size: 1.3rem;
        line-height: 2rem;
    }

.delivery-selector-day-header {
    font-size: 1.2rem;
    line-height: 2rem;
}

.delivery-selector-day-charge {
    font-size: 1.2rem !important;
}

.delivery-selector-type-charge {
    font-size: 12px;
}

.delivery-selector-options {
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

/*.delivery-selector-option-wrapper {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 25%;
    border: 4px solid transparent;
}*/

.delivery-selector-option {
    height: 100%;
    /* ------ REMOVE FROM HERE ------ */
    border-radius: 6px;
    border: 2px solid #E9EAED;
    background: #fff;
    /* ---------- TO HERE ---------- */
    cursor: pointer;
}

    .delivery-selector-option.placeholder {
        min-height: 148px;
        background: #E9EAED;
    }

.delivery-selector-option-header {
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.25em;
    font-size: 0.875em;
}

.delivery-selector-option-body {
    width: 100%;
    padding: 5px;
    text-align: center;
}

    .delivery-selector-option-body span {
        font-weight: 400;
    }

.delivery-selector-types {
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.delivery-selector-type-wrapper {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%;
    border: 4px solid transparent;
}

.delivery-selector-type {
    height: 100%;
    border-radius: 6px;
    border: 2px solid #E9EAED;
    background: #fff;
    cursor: pointer;
}

    .delivery-selector-type.placeholder {
        min-height: 114px;
        background: #E9EAED;
    }

.delivery-selector-type-header {
    font-weight: 600;
    text-align: center;
    padding: 1rem 1rem 0 1rem;
}

.delivery-selector-type-charge {
    font-weight: 600;
    float: none;
    display: block;
}

.delivery-selector-type-body {
    width: 100%;
    padding: 1rem;
    padding-top: 0;
    font-weight: 400;
    border-top: 0;
    text-align: center;
    display: none;
}

    .delivery-selector-type-body p {
        margin: 0;
    }

.delivery-selector-heading {
    display: inline-block;
    width: 100%;
    margin: 1rem 0;
    line-height: 1.125;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
}

.delivery-selector-title {
    width: auto;
    margin: 0.25em;
    text-align: center;
    font-weight: bold;
}

.delivery-selector-charge {
    font-weight: 600 !important;
}

.delivery-selector-choices {
    display: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.delivery-selector-choices-inner {
    border-radius: 6px;
    padding: 0em 1.25em;
}

.delivery-selector.in {
    display: block;
}

.choices-in .delivery-selector-choices {
    display: block;
}

.choices-in .delivery-selector-day.selected:after {
    content: '';
    position: absolute;
    top: 105%;
    left: 50%;
    margin-left: -1.25em;
    width: 0;
    height: 0;
    border-bottom: solid 1.25em #fff;
    border-left: solid 1.25em transparent;
    border-right: solid 1.25em transparent;
}

.delivery-selector-option-icon img {
    max-width: 100%;
    max-width: 24px;
    border-radius: 0;
}

.delivery-selector .disabled {
    opacity: 0.3;
}

.toggle_promo {
    font-size: 14px !important;
    text-align: center;
}
/*SLIMLINE VERSION*/
.delivery-selector-type-body p {
    display: none;
}

.delivery-selector-type-wrapper {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}


.delivery-selector-option-header {
    margin-bottom: 0;
}

.delivery-selector-charge {
    float: none;
    display: block;
}

.delivery-selector-title {
    margin: 0;
}

.delivery-selector-type-header,
.delivery-selector-type-body {
    text-align: center;
}

.delivery-selector-option-wrapper {
    /* ------ REMOVE FROM HERE ------ */
    /*-webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;*/
    max-width: 50%;
    border: 4px solid transparent;
    /* ---------- TO HERE ---------- */
    /* ADD BACK IN */
    /*flex: 0 0 100%;
    width: 100%;
    max-width: 100%;*/
}

.delivery-selector-day.selected:after {
    top: 111%;
    margin-left: -0.875em;
    border-bottom: solid 0.875em #fff;
    border-left: solid 0.875em transparent;
    border-right: solid 0.875em transparent;
}

.delivery-selector-initial-heading {
    margin-top: 0px !important;
}

.delivery-selector-heading {
    margin: 0.60em 0;
}

.delivery-selector-option-body {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* ------ REMOVE FROM HERE ------ */
.delivery-selector-option-header {
    width: 100%;
    flex: 0 0 100%;
}

.delivery-selector-option-header,
.delivery-selector-option-time,
.delivery-selector-option-charge {
    width: 100%;
    flex: 0 0 100%;
    text-align: center;
}
/* ---------- TO HERE ---------- */

.delivery-selector-option-header {
    line-height: 1em;
}

.delivery-selector-option-time,
.delivery-selector-option-charge {
    line-height: 0.90em;
    margin-left: auto;
    float: right;
}

.delivery-selector-option-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    top: 50%;
    left: 0.25em;
    flex: 0 0 36px;
    text-align: center;
    display: none;
}

.delivery-selector-type-wrapper
.slimline.delivery-selecotr .delivery-selector-option-wrapper {
    border: 0.25em solid transparent;
}

.delivery-selector-type-header {
    padding: 5px;
}

-type-body {
    padding: 0.25em;
    padding-top: 0;
}

.delivery-selector-heading-pre {
    display: none;
}




.delivery-selector-day.selected,
.delivery-selector-type.selected,
.delivery-selector-option.selected {
    border-color: #333;
}



.delivery-selector-options.flat .delivery-selector-option-wrapper {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.delivery-selector-options.flat .delivery-selector-option-header,
.delivery-selector-options.flat .delivery-selector-option-charge {
    width: auto;
    flex: auto;
}

.delivery-selector-options.flat .delivery-selector-option-header {
    text-align: left;
}

.delivery-selector-options.flat .delivery-selector-option-charge {
    margin-left: auto;
    text-align: right;
}


@media (max-width: 767px) {
    /*     .delivery-selector-option-wrapper {
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        width: 33.33%;
        max-width: 33.33%;
    }*/

    .delivery-selector-options {
        justify-content: start;
    }

    .delivery-selector-option-header {
        margin-bottom: 0;
        text-align: left;
    }

    .delivery-selector-option-charge {
        text-align: left;
    }

    .delivery-selector-charge,
    span.delivery-selector-charge {
        font-weight: 600;
    }

    .delivery-selector-title {
        margin: 0;
    }

    .delivery-selector-type-header,
    .delivery-selector-type-body {
        text-align: left;
    }

    /*.delivery-selector-type-wrapper,
    .delivery-selector-option-wrapper {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }*/

    .delivery-selector-day.selected:after {
        top: 111%;
        border-bottom: solid 0.875em #fff;
        border-left: solid 0.875em transparent;
        border-right: solid 0.875em transparent;
    }

    .delivery-selector-option-body {
        display: flex;
        align-items: center;
    }

        .delivery-selector-option-body > div {
            /*flex: 1;*/
            order: 1;
        }

        .delivery-selector-option-body .delivery-selector-option-icon {
            flex: 0 0 46px;
            order: 0;
            text-align: left;
        }

    .delivery-selector-options .delivery-selector-option-wrapper {
        width: auto;
        -ms-flex: auto;
        flex: auto;
        /*max-width: 100%;*/
    }
}

/*@media (min-width: 1200px) {
    .delivery-selector-day {
        max-width: 32%;
    }
}*/


.accordion {
    margin-bottom: 0.625em;
    border: 1px solid #E9EAED;
    border-radius: 6px;
    background: none;
    overflow: hidden;
}

    .accordion > .accordion-item {
        border-top: 1px solid #E9EAED;
        background: none;
    }
        .accordion > .accordion-item:first-child {
            border-top: 0;
        }

.accordion-item-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 24px;
    background: #fff;
    cursor: pointer;
}

.accordion-item-header-radio {
    flex: 0 0 33px;
}

.accordion-item-header-title {
    flex: 1;
    font-size: 0.875em;
    font-weight: 600;
}

.accordion-item-body {
    width: 100%;
    height: 0;
    padding: 1rem 2rem;
    border-top: 0;
    border-bottom: 0;
    background: #FAFAFA;
    display: none;
}

.accordion-item-header-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0;
    margin-right: 16px;
}

    .accordion-item-header-radio label {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 1px solid black;
        border-radius: 50%;
        background-color: white;
        position: relative;
        cursor: pointer;
    }

    .accordion-item-header-radio input[type="radio"] {
        display: none;
    }

        .accordion-item-header-radio input[type="radio"]:checked + label {
            background-color: black;
        }

            .accordion-item-header-radio input[type="radio"]:checked + label::after {
                content: "";
                position: absolute;
                top: 6px;
                left: 6px;
                width: 10px;
                height: 10px;
                background-color: white;
                border-radius: 50%;
            }

.checkout-payment-icon {
    height: 24px;
    width: 40px;
}

    .checkout-payment-icon + .checkout-payment-icon {
        margin-left: 4px;
    }

.accordion-item-header-title {
    margin-left: 8px;
}

.hide {
    display: none;
}

[id$="AccordionContainer"] {
    border: 0 !important;
}

[id$="AccordionContainer"] {
    border-bottom: 1px solid #e9eaed !important;
}

#flow-container + .accordion-item {
    border: none !important;
}

/*.accordion-item:first-child .accordion-item-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.accordion-item:last-child .accordion-item-header {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}*/

/*.accordion-item:last-child .accordion-item-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.accordion-item + .accordion-item .accordion-item-header {
    border-top: 0;
}*/

/*.accordion-item.in .accordion-item-header {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.accordion-item.in .accordion-item-body {
    border-bottom: 2px solid #E9EAED;
}*/

.accordion-item.in .accordion-item-body {
    height: auto;
    display: block;
}

#checkoutPaymentAccordionItem_Cred .accordion-item-body {
    background: #fff;
}

.viewer, .editor {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.viewer-body, .editor-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.viewer-toolbar, editor-toolbar {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

    .viewer-toolbar button, editor-toolbar button {
        float: right;
    }

.viewer-toolbar-title {
    display: inline-block;
    font-weight: 600;
    flex: 1;
}

.viewer ul {
    padding: 0;
    list-style: none;
    margin-top: 0em;
    margin-bottom: 0em;
}

.promoWrapper {
    padding: 0px;
}

.checkout-mode .checkout-content-wrapper {
    background: linear-gradient(90deg, #fff 49%, #f8f8f8 49%);
}

.checkout-content .input-group > .form-control, .basket-content .input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    border-width: 2px;
}

.checkout-content .input-group-append, .checkout-content .input-group-prepend, .basket-content .input-group-append, .basket-content .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}


.basket-content {
    color: #000;
}

.checkout-content {
    min-height: 100vh;
    min-height: calc(100vh - 111px);
    padding: 0;
    color: #000;
    overflow: hidden;
}

    .checkout-content .formError,
    .checkout-content .formError.inline {
        display: none;
        color: red;
    }

    .checkout-content input,
    .checkout-content select,
    .checkout-content textarea,
    .checkout-panel input,
    .checkout-panel select,
    .checkout-panel textarea {
        width: 100%;
        height: auto;
        padding: 0.85rem;
        color: #000;
        border-radius: 6px;
        border: 1px solid #E9EAED;
        background: #fff;
        outline: none;
        box-shadow: none;
    }

        /*.checkout-content input[type="text"],
        .checkout-content input[type="number"],
        .checkout-content select {
            height: 3em;
        }*/

        .checkout-content input:hover,
        .checkout-content select:hover,
        .checkout-content textarea:hover,
        .checkout-panel input:hover,
        .checkout-panel select:hover,
        .checkout-panel textarea:hover {
            border-color: #E9EAED;
        }

        .checkout-content input:focus,
        .checkout-content select:focus,
        .checkout-content textarea:focus,
        .checkout-panel input:focus,
        .checkout-panel select:focus,
        .checkout-panel textarea:focus {
            outline: none;
            box-shadow: none;
        }

    .checkout-content [type="checkbox"],
    .checkout-content [type="radio"],
    .checkout-panel [type="checkbox"],
    .checkout-panel [type="radio"] {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        padding: 0.375em;
        margin-right: 0.5em;
        vertical-align: middle;
        outline: none !important;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-transition: -webkit-transform .3s ease;
        -moz-transition: -moz-transform .3s ease;
        -o-transition: -o-transform .3s ease;
        transition: transform .3s ease;
    }

        .checkout-content [type="checkbox"]:before,
        .checkout-content [type="radio"]:before,
        .checkout-panel [type="checkbox"]:before,
        .checkout-panel [type="radio"]:before {
            content: "";
            position: absolute;
            top: -12px;
            left: -12px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(34,50,84,0.03);
            opacity: 0;
            transition: opacity 0.2s ease;
        }

    .checkout-content [type=radio],
    .checkout-panel [type=radio] {
        border-radius: 50%;
    }

    .checkout-content [type="checkbox"]:checked,
    .checkout-content [type="radio"]:checked,
    .checkout-panel [type="checkbox"]:checked,
    .checkout-panel [type="radio"]:checked {
        border-color: transparent;
        /*background: #00468d;*/
        background: #666;
    }

    .checkout-content [type="radio"]:after,
    .checkout-panel [type="radio"]:after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
    }

    .checkout-content [type="checkbox"]:checked:after,
    .checkout-content [type="radio"]:checked:after,
    .checkout-panel [type="checkbox"]:checked:after,
    .checkout-panel [type="radio"]:checked:after {
        content: "";
        position: absolute;
        display: block;
    }

    .checkout-content [type="radio"]:checked:after,
    .checkout-panel [type="radio"]:checked:after {
        border: 4px solid #fff;
        /*background: #00468d;*/
        background: #666;
    }

    .checkout-content [type="checkbox"]:checked:after,
    .checkout-panel [type="checkbox"]:checked:after {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 16px;
        height: 16px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(255,255,255)"><path d="M18.8 6l-9.1 9.2-4.3-4.3L4 12.3 9.7 18 20.2 7.4z"/></svg>');
        color: #fff;
        line-height: 0;
        pointer-events: none;
    }

    .checkout-content [type="checkbox"]:hover,
    .checkout-content [type="radio"]:hover,
    .checkout-panel [type="checkbox"]:hover,
    .checkout-panel [type="radio"]:hover {
        /*border-color: #00468d;*/
        border-color: #666;
    }

        .checkout-content [type="checkbox"]:hover:before,
        .checkout-content [type="radio"]:hover:before,
        .checkout-panel [type="checkbox"]:hover:before,
        .checkout-panel [type="radio"]:hover:before {
            opacity: 1;
        }

    .checkout-content #LoginWithAmazon img {
        margin: 0;
    }

    .checkout-content .div-loading:before, .form-loading:before {
        background-color: #fff;
    }

.checkbox-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}

    .checkbox-inline [type="radio"],
    .checkbox-inline [type="checkbox"] {
        margin-top: 0;
        margin-bottom: 0;
    }

    .checkbox-inline span {
        flex: 1;
    }

.checkout-content .smallprint {
    font-size: 0.688em;
    font-style: italic;
    color: #666;
}

.checkout-payment a {
    text-decoration: underline;
    color: #000;
}

.checkout-payment-options .checkout-payment-icon {
    line-height: 0;
    border-radius: 6px;
    border: 2px solid #E9EAED;
    overflow: hidden;
}

    .checkout-payment-options .checkout-payment-icon + .checkout-payment-icon {
        margin-left: 4px;
    }
/*.checkout-payment-options .checkout-payment-icon > img {
        border-radius: 6px;
    }*/

.checkout-payment-button input {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.checkout-offers-blurb {
    font-size: 0.75em;
    line-height: 1em;
}

.checkout-terms-blurb {
    margin: 1rem 0 0 0;
}

.checkout-step {
    position: relative;
    margin-bottom: 1.25em;
    color: #000;
    border: 2px solid #E9EAED;
    border-radius: 6px;
}

.checkout-step-title {
    display: inline-block;
    margin: 1rem 0;
    font-size: 1.125em;
    font-weight: 100;
}


.disabled.checkout-step .checkout-panel:before,
.disabled.checkout-panel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    border-radius: inherit;
    background: #bbb;
    opacity: 0.5;
}

.disabled.checkout-step > .checkout-panel {
    border-radius: 0;
}

    .disabled.checkout-step > .checkout-panel:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .disabled.checkout-step > .checkout-panel:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.checkout-step .checkout-panel {
    margin-bottom: 0;
}

.checkout-step > .checkout-panel + .checkout-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.checkout-step.complete {
    border: 2px solid #00468d;
}

.checkout-step .delivery-mask {
    width: 100%;
    padding: 2em;
    text-align: center;
}

.checkout-steps .checkout-panel-body {
    padding-top: 0px;
}

.basket-empty-panel {
    max-width: 600px;
    margin: 40px auto 0 auto;
    text-align: center;
}

    .basket-empty-panel .fa-shopping-basket {
        font-size: 2em;
        margin-bottom: 0.4em;
    }

.checkout-content .input-container {
    position: relative;
    width: 100%;
}

.checkout-content .form-group,
.checkout-panel .form-group {
    margin-bottom: 1rem;
}

    .checkout-content .form-group label,
    .checkout-panel .form-group label {
        font-weight: 600;
        font-size: 0.813em;
        line-height: 0.938;
        margin-bottom: 0.25em;
    }

    .checkout-content .form-group .sub-label,
    .checkout-panel .form-group .sub-label {
        font-weight: 500;
        font-size: 12px;
        line-height: 0.938;
        margin-top: 8px;
        margin-bottom: 8px;
        color: #515151;
    }

    .checkout-content .form-group .col-form-label,
    .checkout-panel .form-group .col-form-label {
        padding-top: 0.313em;
        padding-bottom: 0.313em;
        line-height: 1.875em;
        margin: 0;
    }

.checkout-content hr,
.checkout-panel hr {
    border-top: 2px solid #E9EAED;
    margin: 1.0em 0;
}

.checkout-content .finance-message {
    margin: 0;
    padding: 0;
    border: 0;
}

    .checkout-content .finance-message .main-msg {
        line-height: inherit;
        color: inherit;
        font-weight: 400;
    }

.checkout-content .delivery-items-with-date-selection,
.checkout-content .delivery-items-without-date-selection {
    border: 0;
    padding: 0;
    border-radius: 0;
}

.checkout-wrapper {
    position: relative;
    width: 100%;
    padding: 0;
}

    .checkout-wrapper:after, .checkout-wrapper:before {
        content: "";
        display: table;
    }

.checkout-wrappper:after {
    clear: both;
}

.checkout-content, .checkout-wrapper, .checkout-left {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.checkout-content-container {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}

.checkout-full {
    width: 100%;
    flex: 1;
    padding: 1.25em;
}

.checkout-left {
    padding: 1.25em;
    background: #fff;
}

.checkout-right {
    padding: 1.25em;
    background: #f8f8f8;
}

.checkout-steps {
    width: 100%;
}

.checkout-basket {
    position: relative;
    width: 100%;
}

.checkout-basket-container {
    position: relative;
    width: 100%;
}

.checkout-basket-panel {
    position: static;
}

.checkout-basket-items-wrapper {
    padding-right: 1.25rem;
    margin-right: -1.25rem;
}

.checkout-basket-items {
    margin-right: -0.125em;
    padding-right: 0.125em;
}

    .checkout-basket-items.scrollable {
        max-height: 285px;
        overflow-y: auto;
    }

    .checkout-basket-items::-webkit-scrollbar {
        width: 2px;
    }

    .checkout-basket-items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(232,232,232,0.5);
        border-radius: 4px;
    }

    .checkout-basket-items::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 2px #dbdbdb;
        border-radius: 4px;
    }

.checkout-basket-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0.375em 0;
    align-items: flex-start;
    align-items: start;
}

    .checkout-basket-item + .checkout-basket-item {
        border-top-color: #E9EAED;
    }

.checkout-basket-item-details {
    flex: 1;
    padding: 0 0em;
}

.checkout-basket-item-image {
    max-width: 90px;
    border-radius: 6px;
}
    .checkout-basket-item-image img {
        border-radius: 6px;
    }

.btn-deliver-together {
    margin-bottom: 12px;
}

.checkout-basket-item-name {
    display: inline-block;
    width: 100%;
    height: 1.4em;
    text-align: left;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4em;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
}

.checkout-basket-item-price {
    font-size: 1em;
    line-height: 1em;
    font-weight: 600;
    text-align: left;
}

.checkout-basket-item-qty {
    font-size: 0.75em;
    font-weight: 600;
    text-align: left;
}

.basket-delivery-title {
    margin: 0 0 1rem 0;
    font-weight: 600;
    color: #000;
}







.basket-summary .card_options {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

    .basket-summary .card_options img {
        width: auto;
        max-width: 100%;
    }

.basket-deliver-together {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .basket-deliver-together span {
        flex: 1;
    }

    .basket-deliver-together button {
        justify-self: flex-end;
    }

.checkout-basket-total-label {
    font-size: 1em;
}

.checkout-basket-total-amount {
    font-size: 1em;
}

.checkout-basket-delivery-display {
    display: none;
}

    .checkout-basket-delivery-display .basket-totals-label {
        width: 100%;
        font-size: 0.75em;
    }

.checkout-basket-delivery-option {
    display: inline;
    margin: 0;
}

.checkout-basket-delivery-change {
    float: right;
}

.checkout-basket-delivery-price-admin {
    text-align: right;
    background: #2196f3;
    border-color: #3f51b5;
    color: #fff;
}

.checkout-express {
    margin-bottom: 1.25em;
}

.checkout-express-title {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    line-height: 1.5em;
    font-size: 1.125em;
    font-weight: 100;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
}

    .checkout-express-title::before, .checkout-express-title::after {
        content: '';
        height: 0.75em;
        border: 2px solid #E9EAED;
        border-bottom: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 2em;
        -ms-flex: 1 0 2em;
        flex: 1 0 2em;
    }

    .checkout-express-title::before {
        border-right: 0;
        border-top-left-radius: 6px;
        margin-right: 1em;
    }

    .checkout-express-title::after {
        border-left: 0;
        border-top-right-radius: 6px;
        margin-left: 1em;
    }

.checkout-express-content {
    padding: 1.25em;
    text-align: center;
    border: 2px solid #E9EAED;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.checkout-seperator {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25em;
    font-size: 0.8571428571em;
    text-align: center;
    text-transform: uppercase;
    margin: 1.25em 0;
}

    .checkout-seperator::before, .checkout-seperator::after {
        content: '';
        display: inline-block;
        height: 2px;
        background-color: #E9EAED;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.checkout-seperator-content {
    display: inline-block;
    padding: 0 1em;
}

.checkout-content .alert {
    width: 100%;
    padding: 20px;
    border-width: 0 0 0 6px;
}

/*.checkout-content .alert-danger {
    background-color: #ffeef0;
    border-color: #d0454c;
}*/

.checkout-content .alert-success {
    background-color: #ebf8e1;
    border-color: #529e66;
}

.checkout-content .alert-block {
    position: relative;
    padding: 0.5em 0.75em 0.5em 2.938em;
    margin-bottom: 1rem;
    line-height: 1.375em;
    font-size: 0.813em;
    text-align: center;
    border: 1px solid transparent;
    display: none;
}

.checkout-content .alert-block-icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5em 0.75em;
    font-size: 1.25em;
    text-align: center;
}

.checkout-content .alert-error {
    border-color: #FAD9D9;
    background: #FFEBEB;
}

    .checkout-content .alert-error .alert-block-icon {
        color: #E43329;
    }


.checkout-content .address-details,
.checkout-content .billing-details {
    flex: 1;
}

.checkout-content .address-postcodesearch-results,
.checkout-content .billing-postcodesearch-results {
    margin-bottom: 1rem;
}


.checkout-content .contact-form-main {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

    .checkout-content .contact-form-main > div {
        width: auto;
        padding: 0 10px;
    }

.checkout-content .contact-form-firstname,
.checkout-content .contact-form-lastname {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.checkout-panel .billing-editor {
    margin-bottom: 1.25em;
}

.checkout-content .input-group,
.basket-content .input-group {
    position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

    .checkout-content .input-group > .form-control,
    .basket-content .input-group > .form-control {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

.checkout-content .input-group-append,
.checkout-content .input-group-prepend,
.basket-content .input-group-append,
.basket-content .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.checkout-content .input-group-prepend,
.basket-content .input-group-prepend {
    margin-right: -1px;
}

    .checkout-content .input-group-append .btn,
    .checkout-content .input-group-prepend .btn,
    .basket-content .input-group-append .btn,
    .basket-content .input-group-prepend .btn {
        position: relative;
        z-index: 2;
    }

.checkout-content .input-group-append .btn,
.basket-content .input-group-append .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.checkout-content .input-group-prepend .btn,
.basket-content .input-group-prepend .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



.checkout-content .btn-sm,
.checkout-panel .btn-sm,
.basket-content .btn-sm {
    padding: 1rem;
    line-height: 1em;
    font-size: 0.875em;
}

.checkout-content .btn-xs,
.checkout-panel .btn-xs,
.basket-content .btn-xs {
    padding: 0.313em;
    line-height: 0.75em;
    font-size: 1rem;
}

/*.checkout-content .btn-primary,
.checkout-panel .btn-primary,
.basket-content .btn-primary {
    color: #fff;
    border-color: #00468d;
    background: #00468d;
}*/

.checkout-content .btn-warning,
.checkout-panel .btn-warning,
.basket-content .btn-warning {
    color: #fff;
    border-color: #f3b70a;
    background: #ffc314;
}

.delivery-option {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 8px 0;
}

    .delivery-option .delivery-option-radio {
        margin-right: 1.25em;
    }

    .delivery-option .delivery-option-name {
        flex: 1;
    }

    .delivery-option .delivery-option-price {
        margin-left: 1.25em;
    }

    .delivery-option .delivery-option-name p {
        font-size: 0.75em;
        font-weight: 600;
        margin: 0;
    }

.order-confirmation-heading-main {
    display: inline-block;
    width: 100%;
    font-size: 2em;
}

.order-confirmation-heading-sub {
    display: inline-block;
    width: 100%;
    font-size: 1.625em;
}

.order-confirmation-icon {
    font-size: 3em;
    font-weight: 100;
}

    .order-confirmation-icon.success {
        color: #37c75c;
    }

    .order-confirmation-icon.failure {
        color: #ff0033;
    }

.order-confirmation-number {
    font-weight: 600;
}

.order-confirmation-blurb {
    margin: 1.25em 0;
}

.order-confirmation-customer-email {
    font-weight: 600;
}

@media(min-width: 768px) {
    .order-confirmation .checkout-basket-item-name,
    .order-confirmation .basket-totals-label {
        font-size: 1em;
    }

    .order-confirmation .checkout-basket-item-price,
    .order-confirmation .checkout-basket-item-qty {
        font-size: 0.875em;
    }

    .basket-item-inner-list {
        margin-left: 64px;
    }
}

@media (min-width: 980px) {
    .checkout-content {
        min-height: calc(100vh - 123px);
    }
}

@media (max-width: 999px) {
    .checkout-basket .checkout-basket-panel {
        margin: 0;
        background: none;
    }

    .checkout-basket .checkout-basket-panel .checkout-panel-header > button,
    .checkout-basket .checkout-basket-panel .checkout-basket-items,
    .checkout-basket .checkout-basket-panel .basket-promo,
    .checkout-basket .checkout-basket-panel .checkout-basket-subtotal,
    .checkout-basket .checkout-basket-panel .checkout-panel-body hr {
        display: none;
    }

    .checkout-basket .checkout-basket-panel .checkout-panel-header,
    .checkout-basket .checkout-basket-panel .checkout-panel-body {
        padding: 0;
    }

    .checkout-basket .checkout-basket-panel .checkout-panel-title {
        border-bottom: 2px solid #000;
    }

    .basket-deliverto-change {
        font-size: 1.5rem;
    }
}

@media (min-width: 1000px) {
    .checkout-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }

    .checkout-content-container {
        max-width: 800px;
        margin-right: auto;
        margin-left: auto;
    }

    .checkout-left .checkout-content-container {
        margin-right: 0;
        margin-left: auto;
    }

    .checkout-full {
        padding: 2%;
    }

    .checkout-left {
        width: 60%;
        padding-top: 2%;
        padding-right: 2%;
        float: left;
        order: 0;
    }

    .checkout-right {
        width: 40%;
        padding-top: 2%;
        padding-left: 2%;
        float: right;
        order: 1;
    }

    .checkout-steps {
        max-width: 723px;
        float: right;
        align-self: flex-end;
    }

    .checkout-basket {
        max-width: 450px;
        float: left;
    }

        .checkout-basket .checkout-basket-panel {
            position: absolute;
            top: 0;
            left: 0;
            border: 2px solid #e9eaed;
        }

    .checkout-content.no-basket .checkout-left {
        width: 100% !important;
        padding: 2%;
    }

    .checkout-content.no-basket .checkout-steps {
        float: none;
        align-self: center;
        margin: 0 auto;
    }
}

@media(min-width: 1420px) {
    .basket-left-side {
        max-width: 70%;
        flex: 0 0 70%;
    }

    .basket-right-side {
        max-width: 30%;
        flex: 0 0 30%;
    }

    .basket-items-content {
        flex: 0 0 55%;
        width: 55%;
    }

    .basket-delivery-content {
        flex: 0 0 45%;
        width: 45%;
    }
}

.checkout-basket .checkout-panel-header {
    padding-bottom: 0px;
}

@Media(max-width: 767px) {
    .checkout-content {
        min-height: calc(100vh - 106px);
    }

    .basket-summary .fixed .checkout-express-title {
        display: none;
    }

    .basket-summary .fixed .checkout-express-content {
        padding: 0;
        border: 0;
    }

    .basket-content .checkout-panel,
    .basket-content .checkout-panel.basket-summary {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .basket-content .basket-outer {
        margin-left: -20px;
        margin-right: -20px;
    }

        .basket-content .basket-outer .basket-left-side,
        .basket-content .basket-outer .basket-right-side {
            padding: 0;
        }

    .checkout-payment-accordion .accordion-item-header {
        border-radius: 0 !important;
    }

    /*.basket-content .checkout-panel-body,
    .basket-content .checkout-panel-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }*/
    .basket-delivery-content {
        padding-left: 0;
    }

    .delivery-selector-choices-inner {
        margin: 0 -2rem;
        padding: 0 40px;
    }

    .checkout-panel select.form-control {
        height: 4.7rem;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 4.7rem;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .checkout-content {
        min-height: calc(100vh - 114px);
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .checkout-content {
        min-height: calc(100vh - 123px);
    }
    .basket-deliverto-change {
        font-size: 1.5rem;
    }
}

.checkout-content.no-basket {
    min-height: 0;
}

    .checkout-content.no-basket .checkout-right {
        display: none !important;
    }

#klarna-payments-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.klarna-payments-details-container {
    width: 100%;
    padding: 1.25em 0;
}

.klarna-payments-dob-wrapper {
    display: inline-flex;
}

.klarna-payments-dob-day {
    max-width: 85px;
    float: left;
}

.klarna-payments-dob-month {
    max-width: 120px;
    margin-left: 0.25em;
    float: left;
}

.klarna-payments-dob-year {
    max-width: 90px;
    margin-left: 0.25em;
    float: left;
}

.klarna-dob-blurb {
    width: 100%;
    padding-top: 10px;
    font-size: 0.875em;
    font-style: italic;
    color: #666;
}

.klarna-express-button-holder,
.klarna-express-button-target {
    text-align: center;
}
klarna-express-button {
    width: 100% !important;
}

.man-section {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}

.btn-quoter {
    width: 100px !important;
}

.tt-dataset-p .tt-suggestion {
    max-height: none;
    overflow: auto;
}

.tt-dataset .mani {
    margin-bottom: 0px !important;
}

.landing-container {
    margin-bottom: 10px;
}

.basket-deliverto-mobile {
    margin-bottom: 0px !important;
}

#basket-delivery-mobile .basket-deliverto {
    margin-bottom: 0px
}

/*#basket-delivery-mobile .basket-delivery-cost {
    display: none;
}*/

.numberCircle {
    display: inline-block;
    font-size: 12px;
    width: 2em;
    height: 2em;
    box-sizing: initial;
    background: #fff;
    border: 0.1em solid #666;
    color: #666;
    text-align: center;
    border-radius: 50%;
    line-height: 2em;
    box-sizing: content-box;
}

#basketPostcodeSelectorUpdate, #btnPromo {
    line-height: .25em;
}

.input-group button {
    border-radius: 0px !important;
}

.checkout-mode .header-bottom,
.checkout-mode .header-mobile {
    display: none;
}

.panel-header, .checkout-panel-header .btn {
    float: right;
}

.delivery-selector-type-header, .delivery-selector-option-header {
    font-size: 1.5rem;
    line-height: 2rem;
}

.delivery-selector-charge {
    line-height: 2rem;
}

.basket-content-wrapper .basket-items-content select, .basket-content-wrapper .basket-items-content .form-control {
    height: auto;
    line-height: 0.85em;
    font-size: 0.85em;
    padding: 0.25em;
    min-height: 3rem;
}


.owl-carousel.owl-loaded {
    display: flex !important;
    flex-direction: column !important;
}

.owl-item {
    display: flex !important;
}

.owl-stage {
    display: flex;
}

.pay-securely-button, .btn-placeorder {
    line-height: 2.2rem;
}

    .pay-securely-button i,
    .btn-placeorder i {
        margin-right: 0.4rem;
    }

    .btn-placeorder:disabled,
    .btn-placeorder:disabled:hover {
        border-color: #c3c3c3 !important;
        background: #cccccc !important;
        opacity: 0.8;
        cursor: not-allowed;
        pointer-events: all !important;
    }

.basket-addon-removal-checkbox {
    border-radius: 6px;
    border-color: #ffc314 !important;
}

#btnChangePostcode, #register-postcode-search {
    height: 3em;
    right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.address-input {
    height: 3em !important;
    min-height: 100% !important;
    max-height: 100% !important;
    /*border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-color: #eee !important;*/
}

.checkout-panel btn {
    border-radius: 6px !important;
}

.checkout-basket-total-price {
    font-weight: bold;
    font-size: 2rem;
}

.checkout-basket-total {
    margin-bottom: 0;
}

.seen-in-footer {
    display: none;
}
.prd-crd-mname{
    margin-top:1rem;
}
.prd-crd-revscore{
    display:none;
}
.prd-crd-block {
    display: block;
    width: 100%;
}