/* - - GENERAL - - */
body { font-size: 13px; font-family: Arial, sans-serif,  Helvetica, Sans-Serif; color: #444444;background-color: #fff;}

.body-container-action-payment { padding-top: 5px; }

.title:not(.sub) { font-size: 16px; margin-bottom: 10px; font-family:Arial; font-weight: bold;}
.title.carousel-title { margin-bottom: 27px; }
.title-row { margin-bottom: 15px; }
.title.basket-title { margin-bottom: 7px; }

a { color: #404040; text-decoration: underline; }
a:hover { cursor: pointer; color: #404040; text-decoration: none; }

.sub, .small { font-size: 12px; }
.title ~ .sub { margin-bottom: 5px; }

hr { margin: 30px 0 20px 0; border-color: #CCCCCC; }
hr.delivery-details{ margin-top: 5px;margin-bottom: 25px;}
p { margin: 0; }

.delivery-charges-wrapper { margin-bottom: 15px; }

.img-responsive { width: auto; }

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-all;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.checkbox-image-container.col-xs-1, .checkbox-image-container.col-xs-2 { padding-right: 0; }
.checkbox-option-column{ width: 5%; padding-right: 0;}
.same-address-checkbox-label{ padding-left: 0; top: 2px;}

@media screen and (max-width: 400px) {
    .checkbox-option-column{ padding-right: 15px;}

}
@media screen and (min-width: 1200px) {
    .container { width: 970px; }
}
@media screen and (max-width: 767px) {
    hr { margin: 10px -15px 15px -15px; }
    hr.delivery-details{ margin-top: 10px; }

    .title.carousel-title { margin-bottom: 16px; }
    .title.message-title { margin-bottom: 0; }

    .same-address-checkbox-label{ padding-left: 30px; padding-right: 70px; bottom: 10px;}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .same-address-checkbox-label { padding-left: 15px; }
}

/* - - HEADER - - */
.header {
    background-color: #ececec;
    color: #444444;
}

.header-left-container img { margin-left: 0; padding-left: 14px; }
.header-right-container { text-align: center;margin-top: 15px; }
.header-basket-container { float: left; }
.header-telephone-number { padding-top: 2px;font-size: 16px; float: right;}
.header-telephone-button{ float: right;}
.need-help{ color: #444444;}
.telephone-number{ color: #444444; font-family: Arial; font-weight: bold}

.basket-container a { text-decoration: none; color: #444444; }
.basket-icon, .number-of-items, .basket-total { }
.number-of-items, .number-of-items-label, .basket-total,.basket-icon { font-size: 13px; display: inline; position: relative; }
@media screen and (max-width: 400px) {
    .number-of-items-label{ display: none;}
    .number-of-items{ left: 10px;}
    .basket-icon img {
        width: 30px;
    }
}
@media screen and (min-width: 768px) {
    .header-telephone-button { display: none; }
    .header-right-container { padding-right: 30px; }
}
@media screen and (max-width: 767px) {
    .header-left-container{ padding-left: 0;}
    .header-left-container img { padding-left:0;}
    .header-telephone-number { display: none; }
    .basket-total { display: none; }
}

/* - - PAGE (GENERAL) - - */ 
.page-container {
    padding: 0 30px 0 30px;
    margin-bottom: 15px;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .page-container { 
        padding: 11px 15px 0 15px; 
        margin-top: 0; 
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }
}

@media screen and (max-width: 400px) {
    .page-container {
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        margin-bottom: 0;
    }
}

/* - - BANNER & STEPS - - */
.steps-container { margin-bottom: 20px;  margin-top: 20px; }
.step-section-container { display: inline-block; width: 33.33%; float: left; text-align: center;padding-left: 1px;padding-right: 1px;font-weight: bold;}
.step-section-container.step-1 { padding-left: 0; }
.step-section-container.step-3 { padding-right: 0; }
.step-section {background-color: #e8e8e8; color: #444444; padding: 7px 10px 7px 10px;  }
.step-current .step-section { color: #fff;background-color: #ed1b2c;}
.step-section-number, .step-section-name { vertical-align: middle; }
.step-section-number { font-family:Arial; font-size: 18px; margin-right: 10px; font-weight: bold;}
.step-section-name { font-family: Arial;  font-size: 18px; font-weight: bold; }
.step-current .step-section .step-section-number{ color: #fff;}
a.banner-container { display: block; }
a.banner-container[href="#"] { cursor: default; pointer-events: none; }

@media screen and (max-width: 400px) {
    .steps-container{ margin-bottom: 15px; margin-top: 10px; }
}

@media screen and (max-width: 767px) {
    .banner-container, .activation-banner { margin-left: -15px; margin-right: -15px;}
    .banner-container img, .activation-banner img{ width: 100%;}
    .steps-container{ margin-left: -15px;margin-right: -15px;}
    .step-section-container { width: 100%; display: none; padding-left: 0; padding-right: 0; }
    .step-section-container.step-current { display: inline-block; }
}

/* - - FOOTER - - */
.footer { padding-top: 20px; background-color: #ececec; padding-bottom: 15px;}
.footer img { margin: 0 auto; }
.footer-icons { float: right; }
.footer-second-row { padding: 11px 0; color: #444444; }

.footer-require-help, .footer-links { float: left; clear: left; }
.footer-require-help { color: #444444; margin-bottom: 5px;font-size: 18px; }

.footer-copyright, .footer-ve { font-size: 10px; }

.footer-link { color: #404040; text-decoration: none;font-size: 14px;  }
.footer-link:hover { color: #404040; text-decoration: underline; }
.footer-link-divider { display: inline-block; width: 14px; text-align: center; }
.footer-phone-number{ font-weight: bold; margin-left: 5px;}
.footer-copyright { float: left; }
.footer-ve { float: right; }

@media screen and (min-width: 768px) and (max-width: 992px) {
    .footer-require-help { max-width: 300px;}
}
@media screen and (max-width: 767px) {
    .footer-icons, .footer-require-help, .footer-links { float: none; text-align: center;margin-bottom: 0; }
    .footer-icons{ margin-bottom: 20px;}
    .footer-icons img { margin-left: auto; margin-right: auto; }
    .footer-copyright, .footer-ve { float: none; text-align: center; margin-bottom: 5px; }
    .footer-link-divider-terms-faqs{ display: block; visibility: hidden; height: 5px; }
    .footer{ background-color: #ececec;}
    .footer-phone-number{ display: block; }
}

@media screen and (max-width: 400px) {
    .footer-require-help{ padding-left: 11px; padding-right: 11px;max-width: 280px; margin-left: auto; margin-right: auto; }
    .footer { background-color: #ececec; font-weight: bold; }
    .footer-links{ margin-top: 11px;}
}
/* - - BUTTONS - - */
.btn { border: 1px solid; border-radius: 0; padding: 10.5px 12px; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.btn:not(.dropdown-toggle) { font-family: Arial;  }
.btn-arrow-left { padding-right: 0; padding-left: 15px; }
.btn-arrow-right { padding-right: 15px; padding-left: 0; }

.btn-primary { background-color: #fff; border-color: #ed1b2c; color: #ed1b2c; font-size: 14px; }
.btn-primary:hover, .btn-primary:focus { background-color: #ed1b2c; border-color: #fff; color: #FFF; }

.btn-secondary { background-color: #ed1b2c; border-color: #ed1b2c; color: #FFF; font-size: 14px; }
.btn-secondary:hover, .btn-secondary:focus { background-color: #cb0a0a; border-color: #cb0a0a; color: #FFF; }
.btn#find-address { padding-left: 10px; padding-right: 10px; font-size: 12px;}

@media screen and (max-width: 400px) {
    .btn { padding: 10.5px 12px; }
    .btn-secondary{ font-size: 13px; }
}


.btn-tertiary { background-color: #e8e8e8; border-color: #e8e8e8; color: #444444; font-size: 13px;font-weight: normal;text-transform: initial;padding: 8px 20px; }
.btn-tertiary:hover, .btn-tertiary:focus  { background-color: #e8e8e8; border-color: #e8e8e8; color: #444444; }

.proceed-to-checkout-container .btn { width: 225px; white-space: normal; }

.order-complete-buttons-container a.btn { font-size: 12px; padding-top: 8px; padding-bottom: 8px; min-width: 175px; margin-right: 10px; }

/* - - PRODUCT AND DELIVERY - - */
.channel-hop-link-container { margin-bottom: 30px; margin-top: 2px; }

.product-price-and-delivery .title { font-size: 16px; margin-bottom: 0;  }

.product-price-and-delivery .title, .product-price-and-delivery .sub { height: 25px; padding-bottom: 20px; }
.product-price-and-delivery .sub { font-size: 13px; font-weight: normal; margin-bottom: 10px;}
.product-price-and-delivery .title.sub{ margin-bottom: 0;}

.delivery-fees-link {
    margin-top: 0.5em;
}

.message-characters-remaining { text-align: right; font-size: 12px; margin-bottom: 20px; margin-top: 5px; }
.preview-button-container { text-align: right; }

@media screen and (max-width: 400px) {
    .product-price-and-delivery .sub { margin-bottom: 10px; }
}

@media screen and (min-width: 993px) {
    .specific-amount-container .title.sub { width: 110%; }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
    .delivery-charges-container { margin-top: 15px; }
}
@media screen and (max-width: 767px) {
    .channel-hop-link-container { margin-bottom: 15px; }
    .product-price-and-delivery .title, .product-price-and-delivery .sub { height: auto;padding-bottom: 0; }
    .product-price-and-delivery .col-xs-12 { margin-bottom: 15px; }
}
#message{ height: 109px; resize: vertical; }
.message-characters-remaining { text-align: right; font-size: 12px; margin-bottom: 20px; margin-top: 5px; }
.preview-button-container { text-align: right; }

.form-group { margin-bottom: 14px; }
.form-horizontal .control-label.text-left { text-align: left; padding-right: 0; }

.form-control, .form-control .dropdown-toggle { border-radius: 0; border: 1px solid #ccc; height: 40px; background: #fff; box-shadow: none; padding: 6px 20px; font-weight: normal; text-transform: initial; }
.custom-dropdown-container .form-control { height: 38px; }


@media screen and (max-width: 767px) {
    .form-title-container .dropdown-toggle { width: 63%; }
}

.dropdown-toggle, .dropdown-toggle:active, .dropdown-toggle:focus, .dropdown-menu li a, .dropdown-menu li a:active, .dropdown-menu li a:focus { outline: none !important; }
.dropdown-toggle .bs-caret { display: none; }
.dropdown-menu { border-radius: 0; border: 1px solid #ccc; padding: 0; margin-top: -1px; }
.dropdown-menu li a { padding: 5px 12px !important; border-bottom: none; }
.dropdown-menu li.selected a { background: #fff; }
.dropdown-menu li a:hover { background: #ed1b2c; color: #fff; }
.dropdown-menu .dropdown-header { display: none; }
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholderfind-address:hover { color: #444444;text-transform: initial;font-size: 13px;font-weight: normal; }

.field-validation-error { color: #ed1c24; padding-top: 2px;}
.input-validation-error, .definitely-not-valid, .input-validation-error ~ .dropdown-toggle { border-color: #ed1c24; }

.form-control:focus,
.form-control.valid:focus {
    border-color: #ed1b2c;
    -webkit-box-shadow: 0 0 5px 0 rgba(237,27,34,1);
    -moz-box-shadow: 0 0 5px 0 rgba(237,27,34,1);
    box-shadow: 0 0 5px 0 rgba(237,27,34,1);
}

.form-control.valid[readonly] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.form-control.input-validation-error:focus,
.form-control.definitely-not-valid:focus {
    border-color: #ed1c24;
    -webkit-box-shadow: 0 0 5px 0 rgba(237,28,36,1);
    -moz-box-shadow: 0 0 5px 0 rgba(237,28,36,1);
    box-shadow: 0 0 5px 0 rgba(237,28,36,1);
}

.form-control.input-validation-error[readonly],
.form-control.definitely-not-valid[readonly]
{
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.form-control.hasDatepicker { width: 86%; display: inline-block; margin-right: 15px; background-color: #FFFFFF; }
.form-control.hasDatepicker:hover, .ui-datepicker-trigger:hover { cursor: pointer; }

.ui-datepicker-trigger { position: relative; top: -4px; }

@media screen and (max-width: 767px) {
    .form-control.hasDatepicker { width: 100%; padding-right: 15px; display: inline; margin-right: 0; }
    /*.form-control.hasDatepicker + .ui-datepicker-trigger img { display: none; }*/
    img.ui-datepicker-trigger{display: none; margin-left: 10px;}
}

#deliveryDateTextbox:read-only {
    background-color: unset;
    cursor: pointer;
}

.delivery-date-container { padding: 10px 0; }
.delivery-date-time-label { margin-bottom: 10px; }

.form-control::-ms-clear { display: none; width:0; height:0; }
.form-control.valid::-ms-clear { display: none; width:0; height:0; }
.form-control.valid:focus::-ms-clear { display: none; width:0; height:0; }

label { font-weight: normal; }

input[type="radio"].rbx, input[type="checkbox"].cbx { display: none; }
input[type="radio"].rbx ~ img, input[type="checkbox"].cbx ~ img { pointer-events: none; }
input[type="radio"].rbx ~ .image-radio-off, input[type="checkbox"].cbx ~ .image-checkbox-off { display: inline-block; }
input[type="radio"].rbx ~ .image-radio-on, input[type="checkbox"].cbx ~ .image-checkbox-on { display: none; }
input[type="radio"].rbx:checked ~ .image-radio-off, input[type="checkbox"].cbx:checked ~ .image-checkbox-off { display: none; }
input[type="radio"].rbx:checked ~ .image-radio-on, input[type="checkbox"].cbx:checked ~ .image-checkbox-on { display: inline-block; }
.radio-option-container:hover, .checkbox-option-container:hover, label.rbx:hover, .checkbox-label-container label:hover { cursor: pointer; }
.checkbox-label-container label { position: relative; top: -3px; }

.send-now-option-container { margin-bottom: 5px; }
@media screen and (max-width: 767px) {
    .send-now-option-container { margin-bottom: 10px; }
}
@media screen and (max-width: 400px) {
    .col-xs-11.checkbox-label-container { padding-left: 25px; }
}

.delivery-charge { font-size: 14px; padding-top: 5px; line-height: 15px;}
.delivery-charge-title { display: inline-block; width: 70%; max-width: 160px; }
.delivery-charge-amount { display: inline-block; width: 20%; }

.delivery-option { margin-top: 8px; }
.delivery-option-left { float: left; padding-right: 8px; }
.delivery-option-right { cursor: pointer; }
.delivery-option-named .delivery-option-right { padding-top: 11px; }
.named-del-input-container { margin-top: 8px; }
.delivery-option-right label { font-weight: normal; display: initial; }
.delivery-option-right span.sub { display: block; }

.dateInner input.form-control { display: inline-block; width: 75%; }
.dateInner img.ui-datepicker-trigger { display: inline-block; width: 10%; margin-left: 2.5% }

@media screen and (max-width: 450px) {
    .dateInner img.ui-datepicker-trigger { width: 20%; }
}

.chooseProductPaymentButton { padding-top: 250px; }
.chooseEVoucherProductPaymentButton { padding-top: 30px; }

.owl-wrapper { touch-action: none; }

.owlNavLeft, .owlNavRight { cursor: pointer; height: 150px; }

@media screen and (min-width: 768px) and (max-width: 992px) {
    .owlNavLeft, .owlNavRight { height: 190px; }
}

.owlNavLeft, .owlNavLeftEmail { background: url('flexise-button-previous.png') no-repeat center center; }
.owlNavRight, .owlNavRightEmail { background: url('flexise-button-next.png') no-repeat center center; }

.owl-item { text-align: center; }
div.owl-item .card.item { text-align: center; margin: 0 auto; float: none; }
div.owl-item .wallet.item { text-align: center; margin: 0 auto; float: none; }
.owl-theme .owl-controls { width: 100%;}
.owl-theme .owl-controls .owl-page span { background-color: #404040 !important; }
div.owl-controls div.owl-pagination { margin: 0 auto; width: 100%; overflow: visible; text-align: center; float: none;  }
.card.item img, .wallet.item img { border: 2px solid #ffffff; margin: auto; padding: 4px; }
.item.outlined img { border: 2px solid #ed1b2c; border-radius: 10px; }
.owl-pagination { display: none; }
.owl-carousel-items-container { padding-left: 0; padding-right: 0; }

@media screen and (min-width: 768px) {
    .row.owlHolder { margin-bottom: -15px }
}
@media screen and (max-width: 400px) {
    div.owlHolder div.col-xs-10 { width: 80%; }
    .col-xs-1.owlNavLeft.cards { width: 9%; }
}

.input-with-inset-text-container { position: relative; }
.input-with-inset-text-container .input-inset-text { position: absolute; top: 11px; left: 12px; color: #555; font-weight: normal; }

.input-with-inset-text-container.append .input-inset-text { left: auto; right: 30px; }
.input-with-inset-text-container.prepend .input-with-inset-text { padding-left: 30px; }
.input-with-inset-text-container.append .input-with-inset-text { padding-right: 45px; }

.dont-break-out-card-message { max-width: 350px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.required-fields-label { text-align: right; padding-top: 8px; color: #444444; }

/* - - Find address  - - */

#address-extra-fields { display: none;}
#reset-address { display: none; }
#reset-address-button:hover { text-decoration: none; cursor: pointer; }

.find-address-buttons { padding-left: 0; }
.find-address-buttons .btn, .basket-totals-row .btn-add-another, .add-more-items-mobile .complete-payment-buttons-container .btn { width: 100%; }
.find-address-buttons .btn, .basket-totals-row .btn-add-another, .add-more-items-mobile .btn-add-another { font-size: 13px; }


@media screen and (max-width: 400px) {
    .find-address-buttons{ padding-top: 10px; padding-left: 15px; }
    .find-address-button-container{ margin-right: -15px;}
}

@media screen and (max-width: 992px) {
    .find-address-button-container .btn { background-position: right 8px center }
}
@media screen and (max-width: 767px) {
    .find-address-buttons{ padding-top: 10px; padding-left: 15px; }
    .postcode-container .find-address-buttons { padding-left: 0; }
}

.enter-address-manually-container, .reset-address-container { margin-top: 10px; }

.message-and-delivery .title { margin-bottom: 0; }
.message-and-delivery .title + .sub { font-size: 14px; margin-bottom: 14px; }

@media screen and (max-width: 767px) {
    .select-delivery-date-container .title + .sub { margin-bottom: 0; }
}

.requested-delivery-date { padding-left: 15px; padding-right: 15px;}
.requested-delivery-date .small { margin-top: 5px; margin-bottom: 22px; }

.delivery-details-header, .title.message-title { margin-bottom: 10px; }
.delivery-details-container .title { margin-bottom: 22px; }

@media screen and (max-width: 400px) {
    .delivery-details-container .title { margin-bottom: 0; }
}


.proceed-to-checkout-container { margin: 15px 0 35px 0; text-align: right; }
.proceed-to-checkout-container .btn-add-another { margin-right: 15px; }

@media screen and (max-width: 767px) {
    .proceed-to-checkout-container { text-align: center; }
    .proceed-to-checkout-container .btn { display: block; margin: 0 auto; }
    .proceed-to-checkout-container .btn-add-another { margin-bottom: 15px; }
}

.table { margin-bottom: 22px; }
.table thead tr th, .table tbody tr td { padding-left: 0; }

.table thead tr th { padding: 0 5px 7px 10px; }
.table tbody tr td { padding: 15px 5px 15px 10px; }
.table tbody tr.basket-delivery-totals-row td { padding-top: 17.5px; padding-bottom: 17.5px; }

.table tbody tr.item-in-combined-delivery:not(.final-combined-delivery-item) { border-bottom: none; }
.table tbody tr.item-in-combined-delivery:not(.final-combined-delivery-item) td { padding-bottom: 0; }

.basket-lines-container thead tr th, div.basket-lines-container tbody tr td { border-left: none; }
.basket-lines-container thead tr th, div.basket-lines-container tbody tr:not(.basket-totals-row) td { border-right: 1px solid #DCDDDE; }
.basket-lines-container thead tr th { border-bottom: none; font-weight: normal; }
.basket-lines-container thead tr th:first-child, div.basket-lines-container tbody tr td:first-child { padding-left: 0; }
.table tbody tr.basket-totals-row:not(.basket-delivery-totals-row) td { padding-top: 8px; padding-bottom: 8px; }
.basket-lines-container thead tr th:last-child, div.basket-lines-container tbody tr td:last-child { border-right: none; }
.basket-lines-container thead tr { border-bottom: 1px solid #DCDDDE; }
.basket-lines-container tbody tr td { border-top: none; }
.basket-lines-container tbody tr td:last-child { border-right: none; }
.basket-lines-container tbody tr { border-bottom: 1px solid #DCDDDE; }

.table tbody tr td { padding-right: 15px; padding-bottom: 15px; }
.table tbody tr td.basket-line-product-cell { padding-right: 0; }

.basket-table-address { margin: 10px 0; }
.basket-table-orderid { margin-bottom: 10px; }
.basket-lines-container tbody tr td.basket-line-buttons { padding-right: 0; }
.basket-item-image{ height: 170px;}

.total-label-cell, .total-value-cell:not(.confirmation-totals-cell), .basket-totals-mobile:not(.basket-delivery-totals-row), .ordercomplete-totals-mobile { font-size: 18px;font-family: Arial; font-weight: bold;}
.table tbody tr.basket-totals-row td.total-label-cell, .table tbody tr.basket-totals-row td.total-value-cell { padding-top: 15px; }
.total-label-cell, .basket-totals-delivery-label-cell { text-align: right; }
.table tbody tr td.total-value-cell { padding-right: 65px; white-space: nowrap; }
.table tbody tr td.total-value-cell .title { font-size: 16px;}
.body-container-action-ordercompletethankyou  .total-value-cell {font-family: Arial}

.billing-info-cell { max-width: 250px; }
.billing-info-cell p { margin-bottom: 8px; line-height: 15px; }
.billing-info-cell .billing-details, .billing-info-cell .totals-labels { padding-top: 7px; }
.billing-info-cell .billing-details { float: left; max-width: 70%; }
.billing-info-cell .totals-labels { float: right; }
.billing-info-cell .totals-labels label { display: block; }

.billing-info-row p { margin-bottom: 5px; }
.order-complete-contact-details p{ margin-bottom: 5px;}
.order-complete-contact-details .title { font-family:Arial}
.payment-basket-items-mobile .row, .ordercomplete-basket-items-mobile .row, .basket-totals-mobile, .add-more-items-mobile { border-bottom: 1px solid #DCDDDE; padding-bottom: 15px; margin-bottom: 15px; }
.payment-basket-items-mobile .col-xs-5 { padding-right: 25px; }
.payment-basket-items-mobile .col-xs-7 { padding-left: 5px; }
.basket-totals-mobile .total-label { text-align: right; padding-right: 50px;}
.ordercomplete-totals-mobile .total-label, .ordercomplete-physical-totals-mobile .total-label { text-align: right; }
.ordercomplete-physical-totals-mobile .title { margin-bottom: 0; margin-top: 5px; }

.basket-table-address, .basket-table-message { max-width: 400px; }

@media screen and (max-width: 767px) {
    .basket-totals-mobile .col-xs-7 strong { padding-left: 30px; }
}

.basket-line-buttons, .add-more-items-mobile { text-align: center; }
.basket-line-buttons .btn { padding-left: 0; padding-right: 0; width: 90px; margin-bottom: 10px; }
.payment-basket-items-mobile .basket-line-buttons .btn { margin: 0 5px; }

.confirmation-totals-cell .title { margin-top: 10px; }

.TnC, .TnC label { font-weight: normal; padding-left: 2px;}

.paymentCompleteButton { margin-top: 20px; }

#preview{ font-size: 15px; }
#previewPopup { border: 1px solid #C9C9C9; display: none; background-color: #FFF; position: absolute; z-index: 101; line-height: initial; padding: 40px; width: 800px; }
#previewPopupHolder { border: 1px solid #C9C9C9; padding: 20px; }

@media screen and (min-width: 993px) {
    #previewPopup {
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        -ms-transform: translate(-50%, -30%);
        -o-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%);
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #previewPopup { left: 10px; }
}

#previewPopupClose { position: absolute; right: 2px; top: 10px; width: 30px; height: 30px; cursor: pointer; }
#previewPopup_BackgroundOverlay { position: absolute; width: 100%; height: 200%; left: 0; top: 0; z-index: 100; background-color: #404040; opacity: .5; filter: alpha(opacity=60); }

#SecurityPopupLink { cursor: pointer; }

.MessagePopup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; max-width: 400px; padding: 10px; z-index: 10000001; border: 1px solid #ed1b2c; background: #fff; -webkit-box-shadow: 10px 10px 10px 1px rgba(0,0,0,0.1); -moz-box-shadow: 10px 10px 10px 1px rgba(0,0,0,0.1); box-shadow: 10px 10px 10px 1px rgba(0,0,0,0.1); }

.same-address-checkbox-container, .same-address-dropdown-container { margin-bottom: 5px; }

.payment-form-fields-container { padding-bottom: 150px; }
#payment-details{ margin-top: -40px;}

@media screen and (max-width: 450px) {
    #payment-details{ margin-top: 0;}
    .payment-form-fields-container { padding-bottom: 0; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #payment-details{ margin-top: 0;}
    .payment-form-fields-container { padding-bottom: 50px; }
}

.mandatory-fields-message { padding-left: 0; }

.complete-payment-buttons-container .btn { width: 47.5%; white-space: normal; }
.complete-payment-buttons-container .btn-pay-by-card { float: left; }
.complete-payment-buttons-container .btn-pay-by-paypal { float: right; }

@media screen and (max-width: 767px) {
    .complete-payment-buttons-container .btn { width: 190px; display: block; margin-left: auto; margin-right: auto; }
    .complete-payment-buttons-container .btn-pay-by-card, .complete-payment-buttons-container .btn-pay-by-paypal { float: none; }
    .complete-payment-buttons-container .btn-pay-by-card { margin-top: 15px; margin-bottom: 15px; }
}

.accept-terms-validation-message { margin-top: 10px; }
.accept-terms-validation-message .editor-label { margin-bottom: 0; }
.payment-terms-tick-message{ font-size: 14px; margin-bottom: 10px;}
.payment-terms-title{ margin-top: 20px; font-size: 16px !important;}
.accept-terms-container{ margin-bottom: 0;}


@media screen and (max-width: 992px) {
    .accept-terms-container .TnC, .subscribe-container .TnC { padding-left: 0; }
}
@media print {
    .hidden-on-print { display: none !important; }
    .visible-on-print { display: initial !important; }
}

#PromoCode { width: 50%; float: left; margin-right: 10px; }

@media screen and (max-width: 767px) {
    #PromoCode { width: 100%; float: none; margin-right: 0; margin-top: 10px; margin-bottom: 10px; }
}

td.promos-container { padding-left: 0 !important; padding-right: 0 !important; }

.promo-code-label { display: inline-block; width: 80px; }
.promo-input-container { display: inline-block; width: 230px; }

@media screen and (max-width: 767px) {
    .promo-code-label { display: block; width: 100%; font-size: 18px; }
}

.order-complete-header { margin-top: 5px; margin-bottom: 30px; text-align: center; }
.order-complete-header .title { margin-bottom: 5px; }
.order-complete-header p { font-size: 15px; }

.order-complete-contact-details { margin-bottom: 15px; }
.order-complete-buttons-container { text-align: right; margin-top: 35px; margin-bottom: 40px;font-size: 13px;font-weight: bold;}

@media screen and (max-width: 767px) {
    .order-complete-buttons-container { text-align: center; margin-bottom: 0;}
    .order-complete-buttons-container .btn { margin-bottom: 15px; }
}

/* - - ACTIVATION - - */
.activation-form { text-align: center; margin-bottom: 40px; }

.activation-form .title { margin-bottom: 0; font-size: 22px; font-weight: bold; }
.activation-form .subtitle, .activation-form .small-title { font-size: 18px; font-family: Arial;  }
.activation-form .big-title { font-size: 28px; line-height: 28px; color: #444444; margin-top: 20px; }

.activation-form .small-title { font-size: 22px; line-height: 24px; color: #444444; }
.activation-form .form-control { max-width: 425px; margin: 0 auto; font-size: 15px; }
.activation-form .submit-button-container { margin-bottom: 40px;}
.activation-form .submit-button-container .btn { min-width: 140px; padding: 5px 30px;}
.activation-form .submit-button-container .btn-arrow-right { padding-right: 45px; }
.activation-form .activation-information { color: #444444; font-weight: normal;margin-bottom: 10px;}
.activation-form .redeem-card-number { padding-right: 20px; text-align: right; }
.activation-form .redeem-serial-number { padding-left: 40px; text-align: left; }

@media screen and (max-width: 400px) {
    .activation-form { margin-bottom: 10px; }
    .activation-form .redeem-card-number { padding-right: 15px; text-align: center; }
    .activation-form .redeem-serial-number { padding-left: 15px; text-align: center;padding-top: 20px; }
    .activation-form .subtitle, .activation-form .small-title { font-size: 15px;  }
    .activation-form .big-title{ font-size: 22px; }
    .big-title-line2{ display: block; }
    #activationPage_ThankYou .activation-form .big-title{ font-size: 22px; margin-top: 0; }
    #activationPage_Index .activation-form .submit-button-container .btn { width: 168px; height: 50px; line-height: 40px;}
    #activationPage_ThankYou .activation-form .submit-button-container .btn { height: 40px; line-height: 30px;}
}
#activationPage_ThankYou .activation-form .submit-button-container .btn { background-color: #ed1b2c; border: 1px solid #ed1b2c;font-weight: bold;}
#activationPage_ThankYou .activation-form .small-title, #activationPage_ThankYou .activation-form .title{ font-size: 20px;font-weight: normal;}
#activationPage_ThankYou .activation-form .big-title { font-size: 53px; line-height: 53px;font-weight: bold; margin-top: 0; }

/* - - PayPal - - */
#paypal {
    margin-top: 30px;
}

.payment-tabs .btn-tertiary {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #444444;
    text-decoration: none;
}
#paypal-tab {
    position: relative;
    z-index: 100;
}
#paypal-icon {
    position: absolute;
    top: 3px;
    right: 25px;
}
.paypal-normal {
    padding-right: 50px;
}
.paypal-mobile {
    padding-right: 50px;
}

/* - - Releax Embedded Tabs - - */
.tab-left, .tab-right {
    display: block !important;
    width: 50% !important;
    border-bottom: 1px solid #dcddde;
}
.tab-left {
    padding-right: 10px;
    float: left !important;
}
.tab-right {
    float: right !important;
}
.tab-left.active .btn-tertiary, .tab-right.active .btn-tertiary {
    background: #ed1b2c;
    color: white;
}
#paypalImage {
    padding-top: 30px;
}


/* - - Popup Screens - - */
.popup-body .title{ color: #ed1b2c; font-size: 28px; }
.popup-body .page-container{ padding-bottom: 20px;}

/* - - Realex iFrame - - */
.realex-iframe{ 
    z-index: 10000;
    padding: 0 0;
    border: none;
    height: 800px;
}


.realex-card-image {
    margin-bottom: 15px;
}

.activation-banner img {
    margin-left: auto;
    margin-right: auto;
}

.activation-form-inner {
    font-size: 15px;
}

.information-banner {
    /* Rest of styling in information-banner.css */
    background-color: #ed1b2c;
}

.card-video-button {
    border: none;
    background-color: white;
    color: #444444;
    text-transform: none;
    padding: 15px 0 10px;
    width: 100%;
    font-size: 15px;
}

.card-video-button span.play-icon {
    padding: 15px;
    margin-left: 5px;
}

.card-video-button:hover, .card-video-button:active, .card-video-button:active:hover, .card-video-button:focus {
    color: black;
    background-color: white;
    border: none;
}

@media screen and (max-width: 767px) {
    .card-group-select-container {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}