﻿body { font-size: 14px; font-family: Tahoma,  Helvetica, Sans-Serif; color: #4a4949;background-color: #00acc8;}
@media screen and (max-width: 767px) {
    body { background-color: #fff; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    body { background-color: #fff; }
}

.retailer-disabled-container {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 150px;
}

    .retailer-disabled-container hr {
        text-align: center;
        border-top-width: 4px;
        margin-bottom: 30px;
    }

    .retailer-disabled-container p {
        margin: 15px 0;
    }

    .retailer-disabled-container .redirect-link {
        margin-top: 45px;
        color: blue;
    }

.title { font-size: 16px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase }
.carousel-title { margin-bottom: 20px;padding-left: 15px; }
.title.message-title { margin-bottom: 25px; }
.title-row { margin-bottom: 8px; }
.title-row.payment-details-title-row{ margin-bottom: 20px;}
#enter-address-manually{ margin-bottom: 10px;}

.error { color:red; }

@media screen and (max-width: 767px) {
  .title.message-title + br,  .message-sub-title  { display: none; }
  .title-row{ margin-bottom: 0;}
  .carousel-title{ padding-left: 0;}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .title-row.payment-details-title-row{ margin-bottom: 18px;}
}

a { color: #000; text-decoration: underline; }
a:hover { cursor: pointer; color: #000; text-decoration: none; }

.sub, .small { font-size: 12px; }
.title ~ .sub { margin-bottom: 13px; }

.body-container-controller-eurostar, .banner-container{ background-color: #fff;}
.banner-container{ padding: 20px;padding-bottom: 0;}
.body-container-controller-eurostar{ margin-bottom: 21px; }

.banner-container-inner.container{ padding-left: 0;padding-right: 0; }

@media screen and (min-width: 1200px) {
  .container { width: 1016px; }
}

hr { margin: 15px 0; border-color: #DDDDDD; }

@media screen and (min-width: 768px) and (max-width: 992px) {
     hr { margin: 20px 0;  }
}

@media screen and (max-width: 767px) {
    hr { margin: 15px 0;  }
}

.img-responsive { width: auto; }

.header { color: #fff; padding: 14px 0; background: url('../Retailers/Eurostar/header.png') repeat #0f1a45;height: 110px; }

.header-logo-container img { margin-top: 10px; }
.header-right-container { text-align: right;padding-top: 30px; }
.header-need-help { color: #fede00;font-weight: normal;display: inline;font-size:16px;position: relative;top: 5px;}
.header-need-help a.header-link-help,.header-need-help a.header-link-help:hover {color: #fede00; font-size:16px;font-weight: normal;text-decoration: none;}
.header-need-help a.header-link-help:hover {color: #fede00; font-size:16px;font-weight: normal;text-decoration: underline;}
.header-telephone-number {color: #fede00; margin-bottom: 5px; font-weight: bold;}

.basket-container{ display: inline;margin-right: 25px;}
.basket-container a { text-decoration: none; color: #fff; padding-bottom: 8px; }
.basket-icon, .number-of-items, .basket-total { display: inline; position: relative; top: -3px; right: -6px; }
.number-of-items, .basket-total{ top: 3px; }
.number-of-items { width: 15px; text-align: center; left: -18px; font-size: 13px; }


.header-shop-all { color: #fff; text-decoration: none; padding-bottom: 4px; }
.header-shop-all:hover, .basket-container a:hover { color: #fff; border-bottom: 2px solid #00acc8; }
.header-shop-all:active, .header-shop-all:focus { color: #fff; outline: none; text-decoration: none; }

@media screen and (max-width: 767px) {
    .header-left-container { padding-right: 0; }
    .header-right-container { padding-left: 0; }
    /*.header-telephone-number, .items-and-total, .basket-total { display: none; }*/
    .header-logo-container { padding-left: 4px; padding-right: 4px; }
    .basket-icon, .number-of-items {  top: -2px; }
     .basket-total {  top: 3px; }
    .basket-container { display: block;float: right;margin-top: 20px; margin-right: 0;}
    .header-need-help{ text-align: right;position: relative;display: block;font-size: 16px;}
    .title ~ .sub { margin-bottom: 10px; }
    .number-of-items{top: 4px; }
}


@media screen and (min-width: 480px) and (max-width: 767px) {
    .header-need-help {
        margin-top: -10px;
    }
}

@media screen and (min-width: 768px) {
    .header-telephone-button { display: none; }
    .header-left-container, .header-right-container { margin-top: -4px; }
}


/*.banner-container-outer { margin-top: 25px; }*/
.banner-container img { margin-right: auto; margin-left: auto;  }

@media screen and (max-width: 767px) {
    .banner-container-outer .container { padding-left: 0; padding-right: 0; }
    .banner-container-outer { margin-top: 10px; }
    .banner-container{ padding: 0;}
}

/*.steps-container-outer {padding: 25px 0;}*/
.steps-container-inner{ background-color: white;padding: 15px 30px 15px 30px; }
.step-section-container { display: inline-block; width: 32%;float: left;border: 0; border-bottom: 4px solid #e6e6e7; border-top: 4px solid #e6e6e7; border-radius: 2px; padding: 5px 0; }
.step-section-current { position: relative; background: #fff;border: 0; border-top: 4px solid #ffe600;  border-bottom: 4px solid #ffe600; }
.steps-container .step-section-container:nth-child(2) { margin-left: 2%;margin-right: 2%; }
/*.step-section-current:after, .step-section-current:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }*/
/*.step-section-current:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 14px; margin-left: -14px; }
.step-section-current:before { border-color: rgba(224, 7, 153, 0); border-top-color: #E00799; border-width: 15px; margin-left: -15px; }*/
.step-section-text { font-size: 17px; text-align: center;text-transform: uppercase; font-weight: bold; }
/*.step-section-current .step-section-text { }*/

@media screen and (max-width: 767px) {
    .steps-container-inner{ padding-bottom: 10px;padding-top: 5px;}
    .step-section-container { width: 100%; display: none; }
    .step-section-current { display: inline-block; }
    .steps-container-outer { margin-top: 10px; }
    .step-section-text{ font-size: 16px;}
    .steps-container .step-section-container:nth-child(2) {margin-left: 0;margin-right: 0; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .step-section-text{ font-size: 13px;}
}

.footer-first-row {padding-top: 28px; padding-bottom:15px; background-color: #e6e6e7;border-top: 1px solid #e9e9e9; /*text-align: center;*/ }
.footer-first-row img {float: right;padding-right: 5px;/*margin: 0 auto;*/ }
.footer-second-row { padding: 15px 0; color: #fff;background: url('../Retailers/Eurostar/footer.png') repeat #0f1a45;}
.footer-second-row .container{ padding-left: 20px;}
@media screen and (max-width: 767px) {
  .footer-first-row img { margin-bottom: 20px;margin-left: auto;margin-right: auto;float: none;}

  .footer-second-row{ height: 53px; }
}

.footer-require-help { font-weight: bold;color: #24b5c9;margin-bottom: 22px;font-size: 17px;padding-left: 5px;}

@media screen and (max-width: 767px) {
    .footer-require-help { font-size: 15px;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .footer-require-help { font-size: 13px;}
}
.footer-links { font-size: 12px;padding-left: 5px;}
.footer-copyright, .footer-ve { font-size: 10px; }

/*.footer-links { margin: 15px 0; }*/
.footer-link { color: #000; text-decoration: none; }
.footer-link:hover { color: #000; text-decoration: underline; }
.footer-link-divider { display: inline-block; width: 15px; text-align: center;}

.footer-copyright { float: left; }
.footer-ve { float: right;padding-right: 5px;}

@media screen and (max-width: 767px) {
    .footer-copyright, .footer-ve { float: none; text-align: left; }
    .footer-copyright{ margin-bottom: 0; }
    .footer-ve {  margin-bottom: 5px; }
    span.footer-link-divider.footer-link-divider-terms-cookies{ display: block; color:#e6e6e7;}

}

.btn { border: 1px solid; border-radius: 0; padding: 12px 25px; text-decoration: none; }
.btn-primary, .btn-primary:focus { background-color: #ffe600; border-color: #ffe600; color: #1a4578; padding-left: 20px; padding-right: 20px;font-size: 24px;font-weight: bold;width: 375px;}
.btn-primary:hover{ background-color: #ffd000;border-color: #ffd000;color: #1a4578;}
.btn-secondary , .btn-secondary:focus { background-color: #00acc8; border-color: #00acc8; color: white;padding: 9px 30px 9px 20px; }
.btn-secondary:hover{ background-color: #058fa6;border-color: #058fa6;color: white;}
.btn-tertiary,  .btn-tertiary:focus { background-color: #e6e6e7; border-color: #e6e6e7; color: #4a4949; }
.btn-tertiary :hover{ background-color: #d2d2d4;border-color: #d2d2d4;}
.product-price-and-delivery .title, .channel-hop .title { font-size: 14px; margin-bottom: 0;line-height: 1; }
.product-price-and-delivery .col-sm-6{ padding-left: 10px;padding-right: 10px;}
.product-price-and-delivery .col-sm-6.col-choose-language{ padding-left: 15px;}
.product-price-and-delivery .col-sm-6.specificAmount{ padding-right: 15px;}
 .specificAmount .sub{ margin-bottom: 27px;}
 #completePayment_Card .btn-primary{ width: 370px;color: #1a4578;}
 @media screen and (max-width: 767px) {
    .proceed-to-checkout-container .btn-primary { width: 100%;}
    .btn-primary, .btn-primary:focus{ width: 100%;font-size: 17px;}
    .product-price-and-delivery .col-xs-12{ padding-left: 0;padding-right: 0;}
    .product-price-and-delivery .col-sm-6.col-choose-language{ padding-left: 0;}
    .product-price-and-delivery .col-sm-6.specificAmount{ padding-right: 0;}
 }
@media screen and (min-width: 768px) and (max-width: 992px) {
    .row.product-price-and-delivery{ margin-right: 35%;}
    .product-price-and-delivery .title, .channel-hop .title{ font-size: 14px;}
   .choose-amount.col-sm-6{ padding-left: 15px;}
    .select-amount-title,.specific-amount-title{ margin-top: 15px; }
    .btn-primary, .btn-primary:focus{ font-size: 22px;width: 340px; }
     #completePayment_Card .btn-primary{ width: 340px; }
    .btn-secondary{ font-size: 12px;}
    .specificAmount .sub{ margin-top: 10px; margin-bottom: 31px;}
}

.product-price-and-delivery, .product-value-information { margin-bottom: 15px;padding-left: 15px;padding-right: 15px; }
.product-price-and-delivery .title { /*height: 25px;*/ margin-bottom: 0; }
.product-price-and-delivery .sub {  font-size: 14px;height: 20px;}
.select-amount-title{ text-transform: uppercase;}
#delivery-details{ padding-left: 30px;padding-right: 30px;}
#delivery-times{ padding-left: 15px;height: 175px;}
#completePayment_Card{ left: 80px;}

@media screen and (max-width: 767px) {
    .btn-primary, .btn-primary:focus{ padding-left: 56px;padding-right: 56px;}
    #completePayment_Card .btn-primary { padding-left: 15px;padding-right: 15px;width: 100%;}
    #completePayment_Card{ left: 0;}
     .select-language-title ~ .sub{ display: none;}
    .product-price-and-delivery .title, .product-price-and-delivery .sub { height: 20px; }
    .product-price-and-delivery .title{ margin-top: 10px;height: 17px;}
    .product-price-and-delivery .shipping-location-container { margin-bottom: 15px; }
    .product-price-and-delivery .select-amount-container { margin-bottom: 15px; }
    .product-price-and-delivery .specific-amount-container { margin-bottom: 15px; }
    .btn.btn-primary.download-evoucher{ font-size: 14px;}
    .specific-amount-title{ display: none;}
    .specificAmount .sub{ margin-bottom: 0;height: 61px;margin-top: 10px;}
    #delivery-times{ height: auto;}
    #delivery-details{ padding-left: 15px;padding-right: 15px;}
}

@media screen and (min-width: 768px) and (max-width: 992px) { 
     #delivery-times{ height: auto;} 
     #completePayment_Card{ left: 0;} 
}

.product-value-information, .payment-company-name-notice { display: none; }

.message-characters-remaining { text-align: right; font-size: 12px; margin-bottom: 21px; margin-top: 5px; }
.preview-button-container { text-align: right; }
#preview.btn.btn-tertiary{ padding-top: 9px;padding-bottom: 9px;}
.preview-button-container #preview{ width: 280px;}
.custom-dropdown-container { padding: 0; margin: 0; border: 1px solid #CCCCCC; width: auto; overflow: hidden; background-color: #fff; }
.custom-dropdown-container select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form-group { margin-bottom: 0; }

.form-horizontal .control-label.text-left { text-align: left; padding-right: 0; }
@media screen and (min-width: 768px) and (max-width: 992px) {
    .form-horizontal .control-label{ padding-top: 10px; }
}

.form-control, .form-control .dropdown-toggle { border-radius: 0; border: 1px solid #ccc; height: 40px; background: #fff; box-shadow: none; padding: 6px 12px; }
.custom-dropdown-container .form-control { height: 38px; }

.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: 10px 12px; }
.dropdown-menu li:last-of-type a { border-bottom: none; }
.dropdown-menu li.selected a { background: #fff; }
.dropdown-menu li a:hover { background: #00acc8; color: #fff; }

.field-validation-error { color: #CF2E32;}
.input-validation-error, .definitely-not-valid, .dropdown-toggle.input-validation-error{ border-color: #CF2E32; }

.form-control:focus,
.form-control.valid:focus {
    border-color: #00acc8;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,172,200,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,172,200,1);
    box-shadow: 0px 0px 5px 0px rgba(0,172,200,1);
}

.form-control.input-validation-error:focus,
.form-control.definitely-not-valid:focus {
    border-color: #CF2E32;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(207,46,50,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(207,46,50,1);
    box-shadow: 0px 0px 5px 0px rgba(207,46,50,1);
}

.form-control.hasDatepicker { width: 75%; display: inline-block; margin-right: 15px; }
.ui-datepicker-trigger { position: relative; top: -4px; }
.delivery-section-title{ padding-bottom: 25px;}
.delivery-section-title.title{ margin-bottom: 0;}
.delivery-date-container { padding: 10px 0; }
.delivery-date-time-label { margin-bottom: 10px; }
.delivery-set-time-radio label{ margin-bottom: 25px;}
.timezone-label,#timezoneMessage{ padding-top: 10px;}

#deliveryDateTextbox:read-only {
    background-color: unset;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .delivery-date-title { padding-left: 0;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .delivery-section-title { padding-bottom: 12px; }
    .title.message-title{ margin-bottom: 12px;}
}

.ui-corner-all {
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ui-datepicker thead{
    background-color: #fff;
}

.ui-datepicker th {
    background-color: #1f325c;
    background-image: none;
    border: 3px solid #e6e6e6;
    color: white;
    text-transform: uppercase;
    padding: .2em .3em;
}

.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    opacity: 1;
    /*padding: 1px;*/
        opacity: .8;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: white;
    /*background-color: white;*/
    color: #1f325c;
    border: 1px solid #e6e6e6;
    text-align: center;

    

}
/*.ui-datepicker-current-day,*/ .ui-state-default.ui-state-active{
    background-color: #1f325c;
    color: white;
}

.ui-datepicker-header {
    background: #e6e6e6;
    color: #1f325c;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    filter: none;
    line-height: 30px;
    border: none;
    text-transform: uppercase;
}
.ui-widget-content {
    background:#e6e6e6;
}

label { font-weight: normal;margin-bottom: 7px; }
@media screen and (min-width: 768px) and (max-width: 992px) {
    label { font-size: 11px; }
}
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 { cursor: pointer; }

.send-now-option-container { margin-bottom: 0; }

.delivery-charge { margin-bottom: 3px; }
.delivery-charge-title { display: inline-block; width: 70%; max-width: 160px;;}
.delivery-charge-amount { display: inline-block; width: 20%; font-weight: bold; }

.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; }

.owlNavLeft, .owlNavRight { cursor: pointer; height: 150px; }

@media screen and (min-width: 768px) and (max-width: 992px) {
    .owlNavLeft, .owlNavRight { height: 130px; }
}

.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: #000 !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 #00acc8; border-radius: 10px; }
.owl-pagination { display: none; }

@media screen and (max-width: 400px) {
    div.owlHolder div.col-xs-10 { width: 75%; }
    .col-xs-1.owlNavLeft.cards { width: 10%; }
}
@media screen and (max-width: 992px) {
    #productCarouselContainer{ margin-left: 0;}
    .owl-carousel-items-container { padding-left: 0; padding-right: 0; }
}

.input-with-inset-text-container .input-inset-text { position: absolute;top: 58px; left: 30px; color: #3e3e3e; font-weight: normal; }
.input-with-inset-text-container .input-with-inset-text { padding-left: 30px; }

@media screen and (max-width: 767px) {
    .input-with-inset-text-container .input-inset-text { top: 82px;left: 15px; }
    .card-type-icon-container{ padding-left: 5px;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .input-with-inset-text-container .input-inset-text{ top: 73px;}
    .card-type-icon-container{ padding-left: 0;}
 }
.dont-break-out-card-message { max-width: 350px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.required-fields-label { text-align: right; padding-top: 12px; color: #888; }
.mandatory-message{ display: inline;float: right;}
#address-extra-fields { display: none;}
#reset-address { display: none; }
#reset-address-button:hover { text-decoration: none; cursor: pointer; }
#find-address-holder { margin-bottom: 10px; }
#find-address { padding-left: 0; padding-right: 0; }

@media screen and (min-width: 768px) {
    .find-address-buttons { padding-left: 0; }
}

.find-address-buttons .btn { width: 100%; }

@media screen and (max-width: 767px) {
    .postcode-container .find-address-buttons { padding-left: 0; }
}

.add-more-message{ padding: 10px;color: #00acc8;border: 1px solid #00acc8;text-align: center;width: 355px;}
.final-row-choose-product{ padding-left: 15px;}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .add-more-message { width: 310px; }
}
.proceed-to-checkout-container {margin: 0 10px 25px 0;float: right;color: #1a4578;}
.proceed-to-checkout-container .btn{ text-transform: uppercase; }

@media screen and (max-width: 767px) {
    .proceed-to-checkout-container { text-align: center;float: none;margin-right: 0; }
    .add-more-message {width: 100%;margin-left: auto;margin-right: auto; }
    .final-row-choose-product{ padding-left: 0;}
}

.table thead tr th, .table tbody tr td { padding-left: 0; }
.table.order-confirmation { margin-bottom: 20px;}
.table.payment-basket-table{ table-layout: fixed;}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .table.order-confirmation { margin-bottom: 20px;}
}
.table thead tr th { padding: 0 5px 10px 15px; }
.table tbody tr td { padding: 20px 5px 20px 0; }
form#promoForm,form#paymentForm{ padding-left: 5px;padding-right: 5px;}
.basketLines { padding-left: 5px;padding-right: 5px;}
.basketLines thead tr th, div.basketLines tbody tr td { border-right: 1px solid #DCDDDE; border-left: none; }
 div.basketLines tbody tr td.total-label-cell, div.basketLines tbody tr td.billing-info-cell{ border-right: none;}
div.basketLines tbody tr.basket-totals-row td { border-right: none;border-left: none;}
th.amount-col{ width: 18%; }
th.buttons-col{ width: 20%; }
.basketLines thead tr th { border-bottom: none; font-weight: normal; }
.basketLines thead tr th:last-child { border-right: none; }
.basketLines thead tr { border-bottom: 1px solid #DCDDDE; }
.basketLines tbody tr td { border-top: none; }
.basketLines tbody tr td:last-child { border-right: none; }
.basketLines tbody tr { border-bottom: 1px solid #DCDDDE; }

.table tbody tr td { padding-left: 15px;padding-right: 15px; padding-bottom: 20px; }
.table tbody tr td.basket-line-product-cell { padding-right: 20px; }

.basket-table-address { margin: 10px 0; word-break: break-all; }
.basket-table-orderid { margin-bottom: 10px; }
.basket-line-buttons .btn { padding-left: 0; padding-right: 0;padding-top: 9px;padding-bottom: 9px;width: 138px; margin-bottom: 20px; }

.table > tbody > tr.basket-totals-row > td { padding-top: 14px; padding-bottom: 14px; }
.total-label-cell, .total-value-cell { font-size: 24px; font-weight: bold;}
.total-label-cell { text-align: right;}
.table tbody tr td.total-value-cell { padding-right: 65px; }
.billing-info-cell { max-width: 250px; }
.billing-info-cell p { margin-bottom: 10px; line-height: 15px; }


.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, .ordercomplete-totals-mobile { font-size: 24px; font-weight: bold; }
.basket-totals-mobile .total-label { text-align: right; }
.ordercomplete-totals-mobile .total-label { text-align: right; }

.basket-table-address, .basket-table-message { max-width: 300px; }

@media screen and (max-width: 767px) {
    .basket-totals-mobile .col-xs-7 strong { padding-left: 30px; }
    .ordercomplete-basket-items-mobile .row{ margin-bottom: 17px;}
    .basket-line-product-cell img{ width: 100%;}
}
.add-more-items-mobile { text-align: center; }
.payment-basket-items-mobile .basket-line-buttons .btn { margin: 0 5px; }

.TnC, .TnC label { font-weight: normal; }

.paymentCompleteButton { margin-top: 20px; }

#previewPopup { border: 1px solid #C9C9C9; display: none; background-color: #FFF; position: absolute; z-index: 101; line-height: initial; padding: 40px; width: 850px; }
#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; }
    .basket-line-product-cell img{ width: 100%;}
}

#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: #000; 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 #00acc8; 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: 15px; }

.payment-complete-container { text-align: left;margin-top: 100px;margin-bottom: 25px; }

@media screen and (max-width: 767px) {
    .payment-complete-container { text-align: center;margin-top: 10px; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
        .payment-complete-container { text-align: center;margin-top: 35px; }
}

.order-complete-buttons-container { text-align: right; margin-bottom: 25px;padding-right: 40px;}
.order-complete-buttons-container .btn-secondary{ padding: 8px 52px;font-size: 16px;}
.print-page-button { margin-right: 15px; }

@media screen and (max-width: 767px) {
    .order-complete-buttons-container { margin-bottom: 0;padding-right: 15px;}
    .order-complete-buttons-container .btn { margin: 0 auto 15px auto; display: block; text-align: center; max-width: 275px; font-size: 17px; }
    .order-complete-buttons-container .btn-secondary{ padding: 7px 25px;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .order-complete-buttons-container .btn-secondary{ font-size: 24px;padding: 12px 43px;}
}
.accept-terms-container { padding-top: 10px; }
.accept-terms-validation-message { margin-bottom: 10px; }
.accept-terms-validation-message .editor-label { margin-bottom: 0; }
.TnC label,.checkbox-option-container{ margin-bottom: 0;}

@media screen and (max-width: 992px) {
    .accept-terms-container .TnC, .subscribe-container .TnC { padding-left: 0; }
    .accept-terms-validation-message { margin-bottom: 10px; }
}
@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; }
}

.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; }

.page-heading { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; }
.body-container-action-ordercompletethankyou .page-heading{ color: #00acc8; margin-bottom: 5px;font-family: "EurostarAspect-Regular";font-size: 35px;}
.body-container-action-ordercompletethankyou .page-heading ~ .sub{ text-align: center; margin-bottom: 40px;font-family: Tahoma;font-size: 16px;color: #727272;}
@media screen and (max-width: 767px) {
   .body-container-action-ordercompletethankyou .page-heading ~ .sub{ margin-bottom: 0;font-size: 14px;}
}
.order-complete-contact-details { margin-bottom: 15px;padding-left: 20px;padding-right: 20px;}
.order-complete-contact-details .title { font-size: 16px; color: #00acc8; }
.order-complete-contact-details p { font-size: 12px;}
.order-complete-contact-details .title.title-one, .order-complete-contact-details .order-complete-contact-info-one{ display: none;}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .order-complete-contact-details { margin-bottom: 40px; }
}
.activation-form { text-align: center; margin-bottom: 100px; }
#activation-thankyou .activation-form{ margin-bottom: 20px;}
.activation-banner { margin: 30px auto; }
.activation-form-inner { margin-top: 15px; }
.activation-form-inner .title { font-size: 24px; margin-top: 60px;color: #00acc8; }
.activation-form-inner p{color:#4d4d4c;}
#activation-index .activation-form-inner .title {font-family: "EurostarAspect-Regular";font-size: 28px;}
.activation-form-inner p { font-size: 18px; margin-bottom: 30px; }
.activation-form-inner .form-control { max-width: 380px; margin: 0 auto; }
.activation-gift-details { margin-bottom: 30px; }

#activation-thankyou { padding-top: 0; }
#activation-thankyou .title { font-size: 20px; }
#activation-thankyou .activation-form-inner .title { font-weight: normal; margin: 0; font-family:"EurostarAspect-Bold"}
#activation-thankyou .activation-form-inner .subtitle { font-weight: normal; font-size: 14px; font-family: "Pembroke-Regular" }
#activation-thankyou .activation-form-inner p { font-size: 18px; margin-bottom: 15px; font-family:"Pembroke-Medium" }
#activation-thankyou .activation-form-inner .gift-card-value {color: #00acc8; font-weight: bold; font-size: 50px; margin-top: 0;margin-bottom: 5px; font-family: "EurostarTrack"}
#activation-thankyou .submit-button-container .btn { padding-left: 15px; padding-right: 15px;margin-bottom: 20px;font-weight: bold;color: #1b4679;}

.body-container-controller-generategiftcard.body-container-action-index,
.body-container-controller-generategiftcard.body-container-action-thankyou,
.body-container-controller-generategiftcard.body-container-action-orderqueried,
.body-container-controller-updateorderdetails.body-container-action-index {
    background-color: #fff;
    margin-bottom: 30px;
}
.container.body-container-controller-generategiftcard.body-container-action-thankyou #activation-thankyou .title{ color: #4d4d4c;}
.body-container-action-thankyou .subtitle{ color: #00acc8;}
.call-to-action-link a{ text-decoration: none;font-family: "EurostarAspect-Bold";font-weight: bold;color: #4d4d4c;}
.call-to-action-link a:hover{ text-decoration: underline;}
.validity-sub{ font-size: 11px;color: #272724;}
@media screen and (max-width: 768px) {
    #activation-thankyou .activation-form{ margin-bottom: 10px;}
    .activation-form-inner p{ margin-bottom: 14px;font-size: 14px;}
    
    .activation-banner { margin: 0 0;margin-top: 10px; }
    #activation-thankyou .activation-banner { margin-left: -15px; margin-right: -15px; }
    #activation-thankyou .title .thankyou-title { display: block; }
    .activation-form-inner .title{ margin-top: 0;margin-bottom: 0;font-weight: normal;font-size: 30px;}
    .activation-form-inner .mobile-title{ margin-bottom: 10px;}
    #activation-thankyou .activation-form-inner p { font-size: 17px;  }

    .body-container-controller-generategiftcard.body-container-action-index, 
    .body-container-controller-generategiftcard.body-container-action-thankyou,
    .body-container-controller-generategiftcard.body-container-action-orderqueried {margin-bottom: 0;}

    .container.body-container-controller-generategiftcard.body-container-action-index,
    .container.body-container-controller-generategiftcard.body-container-action-thankyou,
    .container.body-container-controller-generategiftcard.body-container-action-orderqueried{ padding-left: 0;padding-right: 0;}
    #activation-thankyou .activation-form-inner .gift-card-value {margin-bottom: 0; }
    .validity-sub{ padding-bottom: 3px;}
    .activation-form-inner{ padding-left: 15px;padding-right: 15px;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .activation-form-inner .title{ font-size: 28px; }
    .activation-form-inner .form-control { max-width: 450px; }
    .activation-form {  margin-bottom: 10px; }
}
.security-icon-container img{ padding-top: 10px;}

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-word;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.body-container-controller-modifypurchasedetails {
    background: white !important; 
}

input[type="checkbox"].cbx {
    display: none;
}

input[type="checkbox"].cbx ~ img {
    pointer-events: none;
}

input[type="checkbox"].cbx ~ .image-checkbox-off {
    display: inline-block;
    cursor: pointer;
}

input[type="checkbox"].cbx ~ .image-checkbox-on {
    display: none;
}

input[type="checkbox"].cbx:checked ~ .image-checkbox-off {
    display: none;
}

input[type="checkbox"].cbx:checked ~ .image-checkbox-on {
    display: inline-block;
    cursor: pointer;
}

.realex-iframe {
    border: medium none;
    height: 800px;
}

#realex-preview {
    padding-top: 15px;
}

.tab-left, .tab-right {
    width: 50%;
    float: left;
}

.tab-left a, .tab-right a {
    width: 100%;
}

.tab-right a {
    margin-right: 0 !important;
}

.information-banner {
    /* Rest of styling in information-banner.css */
    background-color: #ffd000;
}

    .information-banner, .information-banner a {
        color: black;
    }
