@font-face {
    font-family: 'tstar_mono_roundlight';
    src: url('fonts/tstarmonoroundlig-webfont.eot');
    src: url('fonts/tstarmonoroundlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tstarmonoroundlig-webfont.woff') format('woff'),
         url('fonts/tstarmonoroundlig-webfont.ttf') format('truetype');
}

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

body {
    font-family: tstar_mono_roundlight, Arial, sans-serif;
    font-size: 11px;
}

#enter-address-manually {
    margin-left: 146.5px;
}

#find-address-holder {
    margin-left: 146.5px;
}

#delivery-details #find-address-holder{

    margin-left:0px;

}

#delivery-details #enter-address-manually-button{
    margin-left:-136px;
}


#delivery-details .col-sm-8 #find-address{
    margin-left:145px;
}

#delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
    margin-left:0px;
}

/*.banner .container .row{
    display:none;
}*/

img.bannerImage.img-responsive.by-post{
    display:none;
}

img.bannerImage.img-responsive.by-email
{
    display:none;
}

textarea { resize: none }

.debug{background-color: black; }
a{text-decoration: underline; color: #000000;}
a:hover{text-decoration: none; color: #000000;}

hr{border-top: #707070 solid 1px;}
textarea.form-control { border-radius: 0px;}

.header{ height: 58px; margin-bottom: 10px; background-color: #000000}
div#retailer-logo-container{ background-color: #000000; padding-top: 30px;padding-left: 30px;height: 50px;}
.header .container{background-color: transparent; color: #ffffff;background: url('logo.png') left no-repeat; background-position-y: 20px; font-family: 'Arial'; cursor: pointer; }
.headerSeperator{padding-left: 5px; padding-right: 5px;}

.headerInformationNeedHelp{ margin-left: 10px;font-weight: bold;}
.headerInformation div{ margin-top: 5px; font-size: 12px; display: inline;}

.headerInfo a,.headerPrivacy a{ color: #ffffff;text-decoration: none;}
.headerInfo a:hover,.headerPrivacy a:hover{color: #ffffff;text-decoration: underline;}
.headerImage{ display: none;}

@media (min-width: 768px) {
    .header-image-container {
        width: 20%;
        padding-top: 20px;

    }
    .headerInformation {
        padding-top: 20px;
        font-size: 12px;
        width: 80%;
        text-align: right;
    }
 }

@media (max-width: 450px) {
    .headerInformation div{ display:block;text-align: center;}
}
/*xs (mobile)*/
@media (max-width: 768px)
{
    .header{ height: 95px;}
    .header .container { background-image: none; }
    .header{ margin-bottom: 30px; }
    .headerImage{ margin:10px auto 0; display: block;}
    .headerInformation{padding-top: 5px;}
    .title{font-family: TradeGothicLTStd-BdCn20; color: #000000; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight:normal;}
}

.title{font-family: TradeGothicLTStd-BdCn20; color: #000000; font-size: 18px; text-transform: uppercase; letter-spacing: 1px;font-weight: normal;}
.title-alternate{ color: #000;}
.title-sub { height: 30px; }

.pageNumbers{margin-bottom: 0;}
.pageNumbers div{ font-family: TradeGothicLTStd-BdCn20; font-size:24px; background-color: #ffffff;border: none;color: #000000; font-weight: normal;line-height: 40px;}
.pageNumbers div.selected{ background: none;border: none; color: #000;}
.pageNumbers div.selected span.title{color: #000; text-decoration: underline}
.pageNumbers div span.title{font-weight:normal; margin-left: 5px;color: #000000;font-size: 24px; }


input.form-control{border-radius: 0px; padding-top: 3px; padding-left: 5px; padding-bottom: 3px; height: 40px; color:#000000; font-size: 12px;}
select.form-control{border-radius: 0px; padding-top: 3px; padding-left: 5px; padding-bottom: 3px; height: 40px;color:#000000; font-size: 12px;}
textarea.form-control{border-radius: 0px; padding-top: 3px; padding-left: 5px; padding-bottom: 3px; color:#000000; font-size: 11px;}
.field-validation-error{ font-size: 12px; color: #ff0000;}
.input-validation-error{border-color: #ff0000; background-image: url('fieldError.png'); background-position:center right; background-repeat: no-repeat;}
select.input-validation-error{border-color: #ff0000; background-image: url('fieldErrorDropdown.png'); background-position: 95% 50%; background-repeat: no-repeat;}
.form-control.valid{ /*border-color: #3c763d;*/  /*background-image: url('fieldValid.png');*/ background-position:center right; background-repeat: no-repeat; padding-right: 33px;}
select.form-control.valid{ /*border-color: #3c763d;*/  /*background-image: url('fieldValidDropdown.png');*/ background-position: 95% 50%; background-repeat: no-repeat;padding-right: 12px;}
#select-address.valid { background-image: none;padding-right: 12px; }
.form-group {margin-bottom: 0px;}
.form-group label{ font-size: 12px;}
.cbHolder{ color: #000000;}

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

button.btn.btn-default,
a.btn.btn-default,
button.btn.primary,
.btn-pay-by-card {
    font-family: TradeGothicLTStd-BdCn20;
    border-radius: 0;
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
    padding: 15px 30px 15px 30px;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
    min-width: 200px;
}

button.btn.primary, #preview, #find-address, .btn-pay-by-card, .btn-pay-by-card:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
}

.continueShoppingButton {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

@media (max-width: 767px) {
    button.btn.btn-default,
    a.btn.btn-default,
    button.btn.primary {
        min-width: 0;
    }
}

@media (max-width: 350px) {
     button.btn.btn-default,
    a.btn.btn-default,
    button.btn.primary {
         padding: 4px;
     }
}


.sub{color: #000000;}
.small{font-size:10px;color: #737373;}
label.control-label{ color:#000000;}


input.cbx[type="radio"]{width: 16px; height: 16px;}
input.cbx[type=checkbox]{width: 20px; height: 20px;}

.switch-journey-container, .where-to-spend-container, .lead-message-container { color: #000; font-size: 14px; }
.selectADifferentProduct{font-weight: bold;}
.lead-message-container { margin-top: 25px; }
.lead-message-container b { font-weight: bold; }
.deliveryRight {font-size: 12px; text-transform: uppercase;float: none;display: inline;}
.deliveryRight .sub { text-transform: none;} 
.deliveryChargeLeft .deliveryTitle{ display: inline-block; width:170px; }

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

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

.card.item img{ border: 2px solid #fff;padding: 5px;}
.wallet.item img{ border: 2px solid #fff;}

.item.outlined img{ border: 2px solid #000;}

.generate_thankyou_titles{ font-weight: bold; }

.basketTitle{color: #000000;}
.basketLines.hidden-sm.hidden-md.hidden-lg{color: #000000;}
div.basketLines tbody tr td, div.basketLines thead tr th{ border-right: none;}
.h4.totalsDelivery{ font-size: 14px; font-weight: bold;color: #000000;}
.h3.totalsTotal{font-size: 20px; font-weight: bold;color: #000000;}

.paymentSameLabel{font-weight: bold;color: #000000;}

.footerBalanceEnq{ font-size: 12px; font-weight: bold;}
.footerBalanceEnq a{color: #ffffff;text-decoration: none; font-family: 'Arial'}
.footerBalanceEnq a:hover{text-decoration: underline;}
.footer{background-color: #000000;}
.footerAddress{display:block;}

.activation-email-form {
    padding: 10px;
    text-align: center;
}

.activation-email-form-inner input {
    display: inline;
}

.activation-email-form-inner {
    padding: 0 20px;
    height: 350px;
}

.activation-email-form-inner p {
    font-size: 14px;
}

.activation-email-form-inner h2.title {
    margin: 0 0;
    margin-bottom: 20px;
    font-size: 24px;
}

.activation-email-form-inner .btn-sm {
    font-size: 12px;
}

.activation-email-form-inner input[type="text"] {
    height: 38px;
    width: 300px;
    /*margin: 0 auto;*/
    font-weight: normal;
    letter-spacing: 1.5px;
    padding: 3px 8px;
}
.activation-email-form .RedeemBody {
    padding: 0 0 10px 0;
}

.activation-email-form-inner .primary {
    font-family: TradeGothicLTStd-BdCn20;
    border-radius: 0;
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    padding: 16px 30px 16px 30px;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
    width: 300px;
}

.smallprint{ font-size: 10px;font-family: 'Arial';}
.smallprint-right { text-align: right;}

.footer-logos-container { text-align: right; }

@media (max-width: 400px) {
    .activation-email-form-inner .primary{ width: 100%;}
    .activation-email-form-inner input[type="text"]{ width: 100%;}
    .activation-email-form{ padding-bottom: 50px;}
    .smallprint{ text-align: center; display:block}
    .smallprint-right{ text-align: center;}
    .footer .container .row .col-sm-8 {
        display: block;
        text-align: center;
}
    .footer-logos-container { text-align: center; }

    .deliveryRight .sub {
         display: inline-block;
margin-left: 22px;
    }
}
#enter-address-manually-button, #reset-address-button{text-decoration: underline;}

#enter-address-manually-button { display: inline-block;padding-top: 8px;padding-bottom: 5px;}

#reset-address-button { padding-bottom: 5px; }

.deliveryDate.emailDate .ui-datepicker-trigger, #dateSelector .ui-datepicker-trigger { height: 21px; }

#securityNumber.form-control { margin-bottom: 30px; }

#delivery-details #reset-address { margin-bottom: 20px; }

.row.footerLinks { display: none; }

#language-popup-main { color: #969696 !important; }
#language-popup-main p { margin: 8px 0 1px 0; }
#language-popup-main p b, #language-popup-main h1, #language-popup-main h2, #language-popup-main h3, #language-popup-main h4, #language-popup-main h5 { color: #969696; }
#language-popup-main table { border: 1px solid #707070;border-collapse: collapse;margin: 20px auto 15px auto; }
#language-popup-main table td, #language-popup-main table th { border: 1px solid #707070;padding: 3px 15px 3px 5px;text-align: left; }
#language-popup-main table th { background-color: #707070;color: #000; }

#previewPopup_BackgroundOverlay { height: 130%; }

.button-hack-fix {
    float: left !important; 
}

.macdelivery {
    display: none; 
}

.orderCompletePage .row .title {
    margin-left: 15px;
    display: block;
}

.owlNavLeftEmail {
    display: none; 
}

select::-ms-expand {
    display: block;
    margin-right: -10px !important;
    padding-left: 20px !important;
    background: none;
    border-style: none;
}

.where-to-spend-text {
    font-size: 14px;
    font-weight: bold;
}

@media only screen and (max-device-width: 480px) {
    #delivery-details #enter-address-manually-button{
        margin-left:-161px;
    }

}

/*iPhone <5*/
@media screen and (device-aspect-ratio: 2/3) {

    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ border: 2px solid #fff;padding: 12px;}
}

/*iPhone 5*/
@media screen and (device-aspect-ratio: 40/71) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }
}

/*iPhone 6*/
@media screen and (device-aspect-ratio: 375/667) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ border: 2px solid #fff;padding: 5px; margin-left:12px;}

}

/*iphone 6+*/
@media screen and (device-aspect-ratio: 414/736) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ border: 2px solid #fff;padding: 5px; padding-left:28px;}
}


/*iPad*/
@media screen and (device-aspect-ratio: 768/1024) {


      #delivery-details .col-sm-8 #find-address{
        margin-left:109px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-37px;
    }


   

}

/*HTC One*/
@media screen and (device-aspect-ratio: 360/640) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }
    
     .card.item img{ /*border: 2px solid #fff;*/padding: 5px;}
}

/*Samsung S2*/
@media screen and (device-aspect-ratio: 320/534) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }
}

/*Samsung S3*/
@media screen and (device-aspect-ratio: 320/640) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }
}


/*LG Nexus 4*/
@media screen and (device-aspect-ratio: 384/592) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ /*border: 2px solid #fff;*/padding: 5px; margin-left:16px;}
}

/*LG Nexus 5*/
@media screen and (device-aspect-ratio: 360/592) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ /*border: 2px solid #fff;*/ padding: 5px; margin-left:6px;}
}

/*Asus Nexus 7*/
@media screen and (device-aspect-ratio: 601/906) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ /*border: 2px solid #fff;*/padding: 5px; margin-left:108px;}
}

/*Nexus 5X*/
@media screen and (device-aspect-ratio: 411/731) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ /*border: 2px solid #fff;*/padding: 5px; margin-left:30px;}
}

/*Nexus 6P*/
@media screen and (device-aspect-ratio: 435/773) {
    
    #delivery-details .col-sm-8 #find-address{
        margin-left:-15px;
    }

    #delivery-details #enter-address-manually .col-sm-12 #enter-address-manually-button{
        margin-left:-160px;
    }

    .card.item img{ /*border: 2px solid #fff;*/ padding: 5px; margin-left:30px;}
}


/*Carousel fix iPhone 5*/
@media (max-width: 355px) {
    div.owlHolder div.col-xs-1.owlNavLeftEmail.cards.owl-prev,
    div.owlHolder div.col-xs-1.owlNavLeft.cards.owl-prev {
        width: 10%;
    }

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


    .card.item img{ border: 2px solid #fff;padding: 5px; margin-left:0px;}

}

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