.title { font-size:16px; }
label.para-style { display: block; font-weight: 100; margin-bottom: 10px; }
#deliveryHolder .title { font-size: 14px; }
.row { padding-bottom: 15px; }
.form-horizontal .control-label { text-align: left; font-weight: normal; }
.form-group .info-popup-link { margin-left: 14px; }
.error { color: #ff0000; }

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}

.sub{ color: #575756}
.small { font-size: 12px;}
.smaller { font-size: 11px;}
.tiny { font-size: 9px;}

a.btn{ text-decoration: none; }
.btn-default{ background-color: #f3f3f3;border-radius: 0; border-color: #f3f3f3; }

.cbHolder input[type=checkbox]{ vertical-align: middle; margin-top: 0px; }
.cbHolder label{font-weight: normal;}

.field-validation-error { font-size: 12px; color: #ff0000;}
.input-validation-error, .definitely-not-valid { border-color: #ff0000; }

a:hover { cursor: pointer; }

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

.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) {
    .checkbox-option-container{ margin-top: 10px;}
    .col-xs-11.checkbox-label-container { padding-left: 25px; }
}

input.cbx { width: 30px; height: 30px; color: #333; outline: none; }
input.cbx:hover { cursor: pointer; }

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline: none;
}

.no-pad { padding: 0; }
.no-pad-vert { padding-top: 0;padding-bottom: 0; }
.no-pad-horiz { padding-left: 0;padding-right: 0; }
.no-pad-top { padding-top: 0; }
.no-pad-right { padding-right: 0; }
.no-pad-bottom { padding-bottom: 0; }
.no-pad-left { padding-left: 0; }

.underline { text-decoration: underline; }

.ui_tpicker_minute_slider{margin: 5px 10px;}
.ui_tpicker_hour_slider{margin: 5px 10px;}

.header { margin: 25px 0; }

@media screen and (max-width: 767px) {
    .header-middle { margin-bottom: 15px; }
}

.banner-container img {
    width: 100%;
}

.channel-hop-container {
    margin-bottom: 15px;
}

.channel-hop-container .col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
}

.channel-hop-container .col-md-6 a {
    display: block;
    text-decoration: none;
    border: 1px solid #EAEAEA;
    background: #F8F8F8;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
}

.channel-hop-container .col-md-6.current a {
    border-color: #FFE256;
    background: #FFE256;
}

.channel-hop-container .col-md-6 a .title {
    font-size: 22px;
}

.footer { margin-top: 30px; padding-top: 25px; border-top: 1px solid #EAEAEA; }
.header-link-divider, .footer-link-divider { margin: 0 10px; margin: 0 20px; }

.footer-first-row { margin-bottom: 10px; }
.infoBoxText {
    float: right;
    vertical-align: middle;
    margin-left: 0;
    width: 85%;
    margin-top: 4px;
}

@media screen and (min-width: 768px) {
    .footer-right { float: right; }
    .footer-right img { display: inline-block; }
}

@media screen and (max-width: 767px) {
    .footer { margin-top: 45px; }
    .footer-left, .footer-right { text-align: center; }
    .footer-left { margin-bottom: 15px; }
    .footer-right{ float: none; margin-left: auto; margin-right: auto;width: 200px;}
    .wallets-selection-container { margin-bottom: -15px; }
    .footer-link-divider { margin-left: 5px; margin-right: 5px; }
    .infoBoxText { margin-top: 0; }
}

.footer-link, .check-balance-link a { text-decoration: none; color: #4d4d4d; }
.footer-link:hover, .check-balance-link a:hover { text-decoration: underline; color: #333; }

.check-balance-container { margin-bottom: 15px; }
.check-balance-container b { font-weight: normal; font-family: Avalon; }
.check-balance-link { font-size: 18px; font-weight: bold; }

.footer-link-contact,
.footer-link-divider-contact-faq { display: none; }

/*Choose Product*/
.product-price-and-delivery { padding-top: 5px; }
.product-price-and-delivery.return-to-payment-button-visible { padding-top: 5px; }

.select-currency-container { margin-bottom: 10px; }

.delivery-charge { margin-bottom: 3px; }
.delivery-charge-title { display: inline-block; width: 70%; max-width: 160px; font-family: Avalon; }
.delivery-charge-amount { display: inline-block; width: 20%; font-family: Avalon; }

.chooseProductPaymentButton { padding-top: 250px; }
.chooseEVoucherProductPaymentButton { padding-top: 100px; }
.chooseEVoucherProductPaymentButton .btn.primary.hidden-xs {min-width: 255px; }

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

.owlNavLeft, .owlNavRight { cursor: pointer; height:150px; }
.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; }
div.owl-item button.item { padding: 0; background: transparent; border: none; }
.owl-controls { width: 100%;}
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; }

.delivery-charges-container .title { margin-bottom: 5px; }

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

#find-address-holder { margin-bottom: 10px; }

.afd-typeahead-container {
    font-size: 12px;
    font-family: arial;
}

.afd-typeahead-container .afd-typeahead-result .afd-typeahead-list {
    background-color: #fafafa;
}

.afd-typeahead-container .afd-typeahead-result .afd-typeahead-item {
    border-top: none;
}

.afd-typeahead-container .afd-typeahead-result.active {
    background-color: #f0f0f0;
}

#deliveryHolder { display: none; }

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

#datepicker{
    width: 80%;
    clear: none;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

#ui-datepicker-div
{
    background: #f3f3f3;
    -moz-border-radius: 0px/*{cornerRadius}*/;
    -webkit-border-radius: 0px/*{cornerRadius}*/;
    border-radius: 0px;
    border: 1px solid #bfbfbf;
}

#ui-datepicker-div .ui-datepicker-header{
    -moz-border-radius: 0px/*{cornerRadius}*/;
    -webkit-border-radius: 0px/*{cornerRadius}*/;
    border-radius: 0px;
    background: none;
    border: none;
}
#ui-datepicker-div tbody{ background: #f3f3f3;}
#ui-datepicker-div .ui-datepicker-title{background-color: transparent;}
#ui-datepicker-div .ui-state-default{ background: #ffffff;}
#ui-datepicker-div table th{ background: #d4d4d4; border: 3px solid #f3f3f3;
padding-top: 3px;
padding-bottom: 3px;}
#ui-datepicker-div .ui-state-active { border: 1px solid #212121; }

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

/*Payment*/
div.basketLines thead tr th{border-right: 1px solid #DDD; border-top: 1px solid #DDD !important; border-bottom: none;}
div.basketLines thead tr th:first-child{border-left: 1px solid #ddd}
div.basketLines thead tr {border-bottom: 1px solid #DDD;}

div.basketLines tbody tr td{border-right: 1px solid #DDD; border-top: none;}
div.basketLines tbody tr td:first-child{border-left: 1px solid #ddd}
div.basketLines tbody tr {border-bottom: 1px solid #DDD;}
div.basketLines tbody tr.noLine {border-bottom: none;}
div.basketLines tbody tr.noLine td {border-bottom: none;}
div.basketLines tbody tr .btn{margin-bottom:10px;}

div.basketLines div.totals { text-align: right; }
div.basketLines div.totals .h3 { font-family: Avalon; }
div.basketLines { padding-bottom: 40px; }

div.basketLines.hidden-sm.hidden-md.hidden-lg .row { border-bottom: 1px solid #EAEAEA; padding-top: 10px; text-align: left; }
div.basketLines.hidden-sm.hidden-md.hidden-lg .row.last { border-bottom: 2px solid #EAEAEA; margin-bottom: 20px; }
div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals { border-bottom: 1px solid #EAEAEA; margin-bottom: 0; padding-bottom: 20px; }
div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals.final { border-bottom: none; }
div.basketLines.hidden-sm.hidden-md.hidden-lg .h3 { margin: 0; }
div.basketLines.hidden-sm.hidden-md.hidden-lg .h4 { margin: 0; }

.TnC, .TnC label {font-weight: normal;}

.paymentCompleteButton{ margin-top: 20px;}

#previewPopup {
    border: none;
    display: none;
    background-color: white;
    position: absolute;
    margin: 0 auto;
    z-index: 101;
    width: 770px;
    line-height: initial;
    -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);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#previewPopupClose {
    position: absolute;
    right: -12px;
    top: -12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#SecurityPopupLink{ cursor: pointer;}

.MessagePopup {
    display: none;
    position: absolute;
    z-index: 101;
    margin: 0 auto;
    width: 400px;
    padding: 10px;
    z-index: 10000001;
    border: 1px solid #EAEAEA;
    background: #ffffff;
    left: 285px;
    top: 50px;
    -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);
}

.info-high {
    padding-top: 35px;
    text-align: left;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}

@media (min-width: 767px) and (max-width: 992px)
{
    .info-high {
        padding-top: 22px;
        white-space: normal;
        text-align: center;
    }

    .MessagePopup { left: 168px; }
}

/*xs (mobile)*/
@media (max-width: 767px) {
    .pageNumbers {
        display: none;
    }

    .pageNumbersMobile {
        display: block;
    }
        .info-high {
    padding-top: 15px;
margin-left: -10px;
}
        .printPageButton {
            display: none; 
        }
        .pageNumbersMobile div {
            width: 100%;
        }

    .chooseProductPaymentButton {
        padding-top: 0px;
    }

    .chooseEVoucherProductPaymentButton {
        padding-top: 25px;
    }

    button.btn.primary {
        font-size: 18px;
    }

    .MessagePopup {
        left: 5%;
        width: 90%;
        top: 900px;
    }

        .MessagePopup #previewPopupClose {
            right: 0px;
        }

    .product-price-and-delivery {
        padding-top: 10px;
    }

    .owl-pagination {
        display: none;
    }

    .find-address-buttons {
        margin-top: 10px;
margin-left: 8px;
    }
}

@media (max-width: 400px) {
    .btn.primary.toolongbutton {
        font-size: 18px;
    }

    div.owlHolder div.col-xs-10 {
        width: 75%;
    }

    .col-xs-1.owlNavLeft.cards {
        width: 10%;
    }
}

.activation-email-form { padding-bottom: 25px; }

.owl-carousel .owl-item { padding: 1px !important; }

#paymentSubscribeContainer h5 { font-weight: bold; border-bottom: 2px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; }

.totalsDeliveryRO { text-align: right; }

.ui-datepicker-trigger:hover { cursor: pointer; }
.totalsTotal {
    padding-top: 15px;
    text-align: right;
float: right
}
.image-checkbox {
    float: left;
    cursor: pointer;
}

.image-checkbox-label {
    cursor: pointer;
    font-weight: normal;
    position: relative;
    top: -2.5px;
}

.payment-same-address-checkbox-container .image-checkbox-label { margin-left: 20px; display: inline; }

.proceed-to-checkout-container {
    padding-top: 30px;
    margin-top: 10px;
}

@media screen and (max-width: 400px) {
    .col-xs-11.TnC, .col-xs-11.select-previous-address-container { width: 87%; }
}

.preview-button-container { margin-top: 30px; }
.preview-loading-spinner { margin-right: 10px; }

@media screen and (min-width: 767px) and (max-width: 992px) {
    .form-control-container.card-type-select-container { width: 45%; }
}


@media print {
    .hidden-on-print { display: none !important; }
    .visible-on-print { display: initial !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;
    clear: both;
}

/* IE10+ CSS styles go here */  
.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;}


.tab-left,
.tab-right {
    display: inline-block;
    width: 50%;
}

.tab-left {
    padding-right: 10px;
    float: left;
}

.payment-tabs .btn-secondary {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFE256;
    border-color: #FFE256;
    color: #212121;
}

#paypal-icon {
    height: 20px;
}

.information-banner {
    /* Rest of styling in information-banner.css */
    background-color: #FFE256;
    font-size: 15px;
    font-family: Avalon;
}

.information-banner, .information-banner a {
    color: #212121;
}

.information-banner + .body-container-controller-generategiftcard.body-container-action-thankyou {
    margin-top: 30px;
}

.scam-warning-div {
    margin: 20px;
    margin-left: 50px;
    padding: 10px;
    font-family: urw-din, sans-serif;
    font-weight: 100;
    font-size: 12px;
}

.skip-to-content a {
    z-index: 100;
    position: absolute;
    top: -100px;
    left: 0px;
    background-color: white;
    border: 1px solid #FFE256;
    padding: 6px;
    margin: 6px;
}

.skip-to-content a:focus {
    top: 0px;
}

.product-message-container .title label {
    display: revert;
    margin-bottom: revert;
    max-width: revert;
    font-weight: revert;
}