@import url("https://use.typekit.net/iaq7xah.css");

@font-face {
    font-family: Avalon;
    src: url('fonts/Avalon-Demi.eot');
    src: url('fonts/Avalon-Demi.eot?#iefix') format('embedded-opentype'),
         url('fonts/Avalon-Demi.woff') format('woff');
}

body { color: #212121; }

/* Fix for eGift preview changing font on page */
body, body > div.container {
    font-family: urw-din, sans-serif;
    font-style: normal;
    font-weight: 100;
}

.title { font-family: Avalon; font-weight: normal; }

a { color: #333; text-decoration: underline; }
a:hover, a:focus { color: #333; text-decoration: none; }
.messageRowHack {
    padding-bottom: 32px;
}
.cardImageHack {
    height: 45px;
    padding: 11px 0 0;
    margin-left: 0;
}

.infoBox {
    border: 1px solid #2e86d4;
    padding: 15px;
    color: #2e86d4;
    margin-top: 10px; 
}

#SecurityPopupLink {
    width: 100%;
}

.stepper {
    max-width: 156px;
}

.special-width-mobile {
    width: 90% !important; 
}

hr {
    margin-top: 7.5px;
    margin-bottom: 15px; 
}

.mandatoryNeedsToGoLeft {
    margin-top: 5px;
}

.totalsDelivery { text-align: right; }
.header-logo-container { text-align: center; }
.header-links-container { display: none; }
.middling { text-align: center;}

@media screen and (max-width: 767px) {
    .header-need-help { display: block; }
    .header-link-divider-cookies-phone { display: none; }
    .special-width-mobile{ width: 85% !important; }
}

.order-id {
    text-align: center;
}

.header-container {
    padding-bottom: 0; 
}

.heading-your-card-container {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .heading-your-card-container { margin-bottom: 25px; }
}

.stepImageContainer {
    text-align: center;
    margin: 35px 0 15px;
}

.btn { padding: 7px 20px; border-radius: 0; font-family: Avalon; }
.btn#preview { font-size: 16px; }

.btn-default { background-color: #F8F8F8; border-color: #EAEAEA; }
.btn-default:hover { background-color: #EAEAEA; border-color: #EAEAEA; }

.mr-postcode-holder {
    padding-right: 0;
}

.find-address-button {
    padding-right: 18px;
    padding-left: 18px;
    padding-top: 12px;
    padding-bottom: 11px;
    margin-left: 7px;
}
.find-address-buttons {
    padding: 0; 
}

.footer-right .img-responsive {
    width: auto;
}

.footer-address {
    font-size: 10px;
}

.footer-registered-number {
    font-size: 10px;
}

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

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

.footer .btn-default { font-weight: 600; padding: 10px 40px; margin-bottom: 15px; }

.btn.primary {
    font-size: 18px;
    font-weight: bold;
    color: #212121;
    padding: 10px 50px;
    background-color: #FFE256;
    border-color: #FFE256;
}

.btn.cancel {
    font-size: 18px;
    font-weight: bold;
    color: #212121;
    padding: 10px 50px;
    background-color: #F8F8F8;
    border-color: #EAEAEA;
}

.btn.cancel:hover {
    text-decoration: none;
    background-color: #EAEAEA;
}

.input-group-addon { font-family: Avalon; }

.value-selectors .btn-default {
    background: transparent;
    height: 45px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 65px;
}

@media(min-width: 768px) {
    .value-selectors .btn-default { margin-right: 10px; }
}

.value-selectors .btn-default.selected {
    border-color: #FFE256;
    background: #FFE256;
}

.continueShoppingButton {
    font-size: 18px;
    font-weight: bold;
    color: #212121 !important;
    padding: 10px 50px;
    background-color: #FFE256 !important;
    border-color: #FFE256;
}

.printPageButton {
    font-size: 18px;
    padding: 10px 50px;
}

h1, h2 {
    text-align: center;
    font-size: 34px;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #212121;
    font-family: Avalon;
    font-weight: normal;
}

.ui-datepicker-header {
    border-radius: 0px;
    background: transparent none repeat scroll 0% 0%;
    border: medium none; 
}

.ui-datepicker th {
    background-color: #d4d4d4;
    padding: 0;
    margin: 0;
}

@media(max-width: 767px) {
    .ui-datepicker { width: 20em; }
    .ui-datepicker th,
    .ui-datepicker td span,
    .ui-datepicker td a {
        padding: .5em;
    }
}

.ui-state-default {
    border: none;
    background-color: transparent; 
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {  background:#FFE256 !important; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/;text-align: center; }

.ui-state-default .ui-state-active {
    border: none;
    background-color: transparent; 
}
.ui-datepicker table {
    border-collapse: inherit; 
    border-spacing:1px;
}
.ui-datepicker td {
    background-color:#f3f3f3;
    text-align: center; 
}
.ui-datepicker-inline {
    background-color: #f3f3f3;
    border-radius: 0;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/;background: #fff; font-weight: normal/*{fwDefault}*/; color: #333/*{fcDefault}*/;text-align: center; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border-radius: 0; border: 1px solid #999999/*{borderColorHover}*/; background: #dadada; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-datepicker-calendar {
    background-color: #f3f3f3; 
}

.ui-widget-content .ui-state-disabled { opacity: 1; }
.ui-widget-content .ui-state-disabled .ui-state-default { background-color: #f3f3f3; text-decoration: line-through; }

.btn.primary:hover { background-color: #aa8f09; border-color: #aa8f09; }

.btn.secondary {

    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #808080;
    border-color: #808080;
    margin-bottom: 20px;
}

.card-label {
    display: none;
}

.form-control { background-repeat: no-repeat; background-position: center right; border: 1px solid #e1e1e1;border-radius: 0;height: 45px; }
.field-validation-error{ font-size: 12px; color: #ff2730;}
.input-validation-error { border-color: #ff2730; background-image: url('fieldError.png'); }
.definitely-not-valid {background-color: #fff2f2; border-color: #ff2730 !important; background-image: url('fieldError.png') !important; }
.form-control.valid:not(.suppress-validation) { background-image: url('fieldValid.png'); }
select.input-validation-error { background-image: url('fieldErrorDropdown.png'); }
select.definitely-not-valid { background-image: url('fieldErrorDropdown.png') !important; }
select.form-control.valid { background-image: url('fieldValidDropdown.png'); }

.selectADifferentProduct{ font-weight: bold; }

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

.item.outlined img { border-color: #929292; }
.card.item img, .wallet.item img { border-radius: 3px; }

.generate_thankyou_titles{ font-weight: bold; }

input.cbx, .cbx.form-control { width: 18px; height: 18px; }
.delivery-option-named .delivery-option-right { padding-top: 3px; }
.delivery-option { margin-top: 15px; }
.delivery-option-left { }

#deliveryDateTextbox { width: 75%;display: none; margin-right: 15px; }

.specificAmount { margin-bottom: 10px; }

.banner-container { padding-bottom: 0; }

/* CP - To be used to hide banners on each route independantly */
.bannerImage.by-post { display: block; }
/*.bannerImage.by-post { display: none; }*/
.bannerImage.by-email { display: block; }
/*.bannerImage.by-email { display: none; }*/

.deliveryDateContainer .sub.small { margin-top: 8px; }
.delivery-option-right {
    width: 85%; 
}
.printPageButton { margin-right: 10px; }
.continueShoppingButton { background-color: #42403F;color: #fff; }

p.validation-message-container { margin: 0;  }
p.validation-message-container span.field-validation-error { display: block; width: 100%; height: 100%; padding: 2px 0 0 0; }

.owl-theme .owl-controls .owl-page span { background-color: #FFE256 !important; }

.activation-email-form-inner { max-width: 650px; margin-right: auto; margin-left: auto; }

input[name='PostCodeOrPhoneNumber'] {
    display: block;
    margin: 0 auto;
}

.body-container-action-index .activation-email-form-inner h2 {
    font-size: 28px;
    margin: 30px 0 10px;
}
.body-container-action-index .activation-email-form-inner p { font-size: 16px; margin: 0 0 15px; }

.body-container-action-thankyou .activation-email-form-inner { max-width: 790px; }
.body-container-action-thankyou .activation-banner { margin-bottom: 30px; }
.body-container-action-thankyou .activation-email-form-inner h1 { text-align: left; margin-bottom: 15px; font-weight: 600; font-size: 48px; }
.body-container-action-thankyou .activation-email-form-inner h2 { text-align: left; margin-bottom: 10px; font-weight: 600; font-size: 26px; }
.body-container-action-thankyou .activation-email-form-inner h3 { text-align: left; margin-bottom: 5px;  font-weight: 600; font-size: 18px; }
.body-container-action-thankyou .activation-email-form-inner p  { text-align: left; margin-bottom: 0; margin-top: 5px; }

.body-container-action-thankyou .activation-email-form-inner .not-ready-to-use { text-align: right; }
.body-container-action-thankyou .activation-email-form-inner .not-ready-to-use h2 { text-align: center; }
.body-container-action-thankyou .activation-email-form-inner .not-ready-to-use .claim-on-device { margin-top: 0; text-align: right; margin-bottom: 15px; }
.body-container-action-thankyou .activation-email-form-inner .not-ready-to-use .claim-on-device a { float: none; display: inline-block; min-width: 155px; }
.body-container-action-thankyou .activation-email-form-inner .not-ready-to-use .claim-on-device a img { max-height: 48px; }

@media (max-width: 991px) {
    .body-container-action-thankyou .activation-email-form-inner .not-ready-to-use { text-align: left; }
    .body-container-action-thankyou .activation-email-form-inner .not-ready-to-use h2 { text-align: left; }
    .body-container-action-thankyou .activation-email-form-inner .not-ready-to-use .claim-on-device { text-align: left; }
}

#activation-thankyou-line1 { font-weight: bold; }

.claim-on-device { margin-top: 15px; }
.claim-on-device a { float: left; min-width: 200px; }

.input-group-addon {
    background-color: #f8f8f8;
    border-color: #e1e1e1;
    border-radius: 0;
}

.form-control:focus {
  border-color: #FFE256;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #aa8f09;
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #aa8f09;
}

.form-control.valid:focus {
  border-color: #00c020;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 192, 32, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 192, 32, .6);
}

.form-control.input-validation-error:focus,
.form-control.definitely-not-valid:focus {
  border-color: #ff2730;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 39, 48, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 39, 48, .6);
}

@media(max-width: 767px) {
    .product-message-container { border-top: 1px solid #EAEAEA; margin-top: 30px; padding-top: 30px; }
}

textarea[name="Message"] { height: 100px; margin-top: 10px; }

@media(min-width: 768px) {
    textarea[name="Message"] { margin-top: 42px; }
}

.promoWas { font-size: 0.8em; color: #FFE256; text-decoration: line-through; }
.promoAdded { font-size: 0.8em; color: #00c020;}

.totalsTotalPromoSavings { font-size: 12px; color: #808080; }

.info-icon {
    vertical-align: middle;
    padding-top:30px;
}

.info-high {
    text-align: left;
    padding-top: 33px;
}

.totalsTotal {
    text-align: right;
    float: right;
    padding-top: 9px;
}

.btn-add-more {
    height: 45px;
    margin-right: 2px;
    padding-top: 11px;
}

@media(max-width: 767px) {
    .btn-add-more {
        margin-left: auto;
        margin-right: auto;
        max-width: 240px;
    }
}

.custom-dropdown-container {
    padding: 0;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    width: auto;
    overflow: hidden;
    background-color: #fff;
    background: #fff url('custom-dropdown-arrow.png') no-repeat 96% 50%;
}

.custom-dropdown-container select.form-control {
    background-image: none !important;
}

.button-holder .btn{
    margin-left: 15px;
    margin-right: 15px;
    
    width: 305px;
}

.button-holder {
    margin-top: 15px;
    margin-bottom: 15px; 
}

.custom-dropdown-container select {
    padding: 5px 8px;
    width: 130%;
    /*border: none;*/
    border: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-dropdown-container select:focus { outline: none; }
.delivery-bg {
    background-color: #f8f8f8;
}
.find-address-button-container, .enter-address-manually-container { display: inline-block; }
.row{
    margin-left: 0;
    margin-right: 0;
}

.container .row{
    
        margin-left: -15px;
        margin-right: -15px;
    }

.delivery-details-form-fields .control-label { margin-bottom: 5px; }

span.required { font-size: 10px;}
.small { display: inline; }
.sub { float: right; }

.header-help-icon { display: none;  }

.header-secure-icon {
    display: none; 
}

.subscribe-container label {font-weight: normal;}

@media (max-width: 600px) {
    .labelFix {
        display: block;
        margin-left: 36px;
    }
}

@media(max-width:500px) {
        .header-logo-image {

    }
}
@media(max-width: 320px) {

    .header-logo-image {
        margin-left: 0; 
    }
    .stepImage img{
        width: 100%; 

    }
    .container {
        padding-left: 15px;
        padding-right: 15px; 
    }
}


select::-ms-expand {
        display: none;
    }

select.form-control {
    border-radius: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 45px;
    /*width: 213px;*/
    background-image: url('../Selfridges/custom-dropdown-arrow.png'); background-repeat: no-repeat;background-position-x: 190px;
     -webkit-appearance: none;
}

select{-moz-appearance: none;}

div.custom-dropdown-container select#gift-card-value-dropdown.form-control, div.custom-dropdown-container select#Country.form-control {
     border-radius: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 45px;
    /*width: 268px;*/
    background-image: url('../Selfridges/custom-dropdown-arrow.png'); background-repeat: no-repeat;background-position-x: 268px;
     -webkit-appearance: none;
}

div.custom-dropdown-container select#select-address.form-control {
    width: 332px;
    background-position-x: 306px;
}

@-moz-document url-prefix() {
    select.form-control {
    border-radius: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 45px;
    /*width: 213px;*/
    background-image: url('../Selfridges/custom-dropdown-arrow.png'); background-repeat: no-repeat;background-position: 190px;
     -webkit-appearance: none;
}

    div.custom-dropdown-container select#gift-card-value-dropdown.form-control, div.custom-dropdown-container select#Country.form-control {
     border-radius: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 45px;
    /*width: 268px;*/
    background-image: url('../Selfridges/custom-dropdown-arrow.png'); background-repeat: no-repeat;background-position: 268px;
     -webkit-appearance: none;
}
    div.custom-dropdown-container select#select-address.form-control {
        width: 332px;
        background-position: 306px;
    }
}

.gift-scam-warning-div {
    margin: 10px;
    margin-left: 40px;
    padding: 10px;
}