﻿body {
    color: #333333;
    font-size: 12px;
    letter-spacing: .5px;
    font-family: "Times New Roman";
}

/* Fix for eGift preview changing font on page */
body, body > div.container { }

textarea { resize: none }

.debug{background-color: black; color:white;}

a{text-decoration: underline;font-weight: bold; color: #000;}
a:hover{text-decoration: underline; font-weight: bold; color: #000;}
hr{border-top: #dcddde solid 1px;}
.btn-default{ background-color: white;}
.btn.primary{ font-size: 24px; font-weight: bold; color: #ffffff; padding-left:30px; padding-right: 30px; background-color: #000000;    
    -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border: 1px solid #000000;}
.btn.secondary{ font-size: 20px; font-weight: bold; color: #ffffff; padding-left:30px; padding-right: 30px; background-color: #808080;    
    -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border: 1px solid #808080; margin-bottom: 20px;}

.header{background-color: transparent; color: #0d091c; height: 80px; }
.header .container .row { margin-right: -10px; }
.headerSeperator{padding-left: 10px; padding-right: 10px;color: #afafaf;}
.headerInformation { display: block; width: 100% !important; margin-top: 0; font-size: 12px;padding-top:10px;padding-bottom: 10px;border-top: #000 solid 1px;border-bottom: #000 solid 1px;}
.headerInformationLinks {color: #000; display: inline; }
.headerInfo a, .headerPrivacy a { color: #000; }
.headerInformationNeedHelp {font-size: 15px; padding-right: 15px;letter-spacing: .5px;display: inline;float: left;color: #000;}
img.headerImage.img-responsive{ margin-left: auto;margin-right: auto; }
#previewPopup{
    top: -50px;
}


#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;
}





/*TOP*/
.top-fixed {
    top: 0px;
}


.headerImage{ margin: 10px;}
.header-image-container{ background-color: #fff;width: 100%;}

div#retailer-logo-container img {
    min-width: 5%;
    padding-left:16px;
}

div#retailer-logo-container {
   height: auto;
}

.title{ font-family: "Times New Roman"; font-size: 16px; letter-spacing: .5px; }

.pageNumbers div{font-family: "Times New Roman"; font-size:14px; background-color: #fff; border: none; color: #a5a6a7; margin-right: 0.5%; width: 32.8%;border: #dcddde solid 1px;font-weight: bold; }
.pageNumbers div.selected{ background-color: #fff; color: #000;  border: #000 solid 1px;}
.pageNumbers div span.title{ margin-left: 10px; font-family: "Times New Roman";  }
.pageNumbersMobile div { width: 100%; }

.productPriceAndDelivery { padding-top: 0; }

.control-label { padding-bottom: 4px; }
select.form-control, input.form-control, .form-control#message { border-radius: 0; padding-bottom: 6px;border-color: #dcddde; }
input.form-control{ padding-top: 5px; height: 30px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
select.form-control{ padding-top: 4px; height: 30px;}
.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:center right; 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:center right; background-repeat: no-repeat;padding-right: 20px;}
#select-address.valid { background-image: none;padding-right: 12px; }
.form-group label{ font-size: 12px;}
.ChooseCardDesignArea { background-color: #f2f2f2;padding-top: 10px;padding-bottom: 10px;}
.ChooseCardDesignArea span.title { margin: 10px;}

/*xs (mobile)*/
@media (max-width: 767px) {
    .title{ letter-spacing: 0;}
    p{ margin: 0 10px;}
    .headerInformation { text-align: right;padding-top: 0;}
    .header {height: 140px;}
    .headerInformationLinks,.headerInformationNeedHelp{ text-align: center;display: block;float: none;}
    .headerInformationNeedHelp{ margin-left: 16px;}
    input.form-control {padding-top: 10px;}
}


@media (max-width: 768px) {
    input.form-control {padding-top: 10px;}
}

.form-control:focus {
  border-color: #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .6);
}

input.rbx {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

label.rbx {
    margin-left: 20px;
    margin-top: 5px;
}



button.btn.btn-default,
a.btn.btn-default,
button.btn.primary {
    font-family: "Times New Roman";
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 8px 20px 8px 20px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .5px;
    font-weight: bold;
}

button.btn.primary {
    background-color: #000;
    border-color: #000;
    color: #ffffff;
}

button#find-address {
    background-color: #ffffff;
    color: #000;
    border: #000 1px solid;
}
.form-control#message { margin-top: 21px; }

@media (min-width: 768px) and (max-width: 992px) {
    .form-control#message { margin-top: 38px; }
}

/*xs (mobile)*/
@media (max-width: 767px) {
    button.btn.btn-default,
    a.btn.btn-default,
    button.btn.primary{padding: 12px 20px 8px 20px;}
}

@media (max-width: 768px) {
    button.btn.btn-default,
    a.btn.btn-default,
    button.btn.primary{padding: 12px 20px 8px 20px;}
}

.switch-journey-container { font-size: 14px;margin-bottom: 10px;}
.deliveryRight {font-size: 12px;float: none;display: inline;}
.deliveryChargeLeft .deliveryTitle{ display: inline-block; width:170px; }

.owlNavLeft, .owlNavLeftEmail, .owlNavRight, .owlNavRightEmail { height: 175px; }

.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, .wallet.item img { border: 2px solid #f6f4f4; padding: 5px; margin: auto;}

.item.outlined img{ border: 2px solid #000;}

.generate_thankyou_titles{ font-weight: bold; }

.h4.totalsDelivery{ font-size: 14px; font-weight: bold;}
.h3.totalsTotal{font-size: 20px; font-weight: bold;}

.paymentSameLabel{font-weight: bold;}

/*xs (mobile)*/
@media (max-width: 767px) {
    .paymentSameLabel{ display: block;}
}

.footerBalanceEnq{ font-size: 14px; font-weight: normal }

@media (max-width: 320px) {
    .footerBalanceEnq a {
        display: block;
        text-align: center;
        width: 100%;
    }
}

.footerBalanceEnq a { color: #000; font-family: "Times New Roman";letter-spacing: .5px;text-decoration: none; }
.footerBalanceEnq a:hover { text-decoration: none; }
.footer{ color: #000; background-color: #fff; padding-top: 25px;border-top: #aaaaaa solid 1px;}
.footerAddress{}
.smallprint-right { text-align: right; }
.smallprint-right > div{ display: inline; padding-right:10px;}
.smallprint .col-sm-8{ width: 60%;}
.smallprint .col-sm-4{ width: 40%;}
.footer-logos-container .col-sm-12 { padding-right: 0; text-align: right; }

/*xs (mobile)*/
@media (max-width: 767px)
{
    .header { background-image: none; margin-bottom: 0; }
    .headerImage{ margin: 10px auto 0 auto; display: block;}
    .headerInformation { padding-right: 0; margin-top: 10px;padding-bottom: 0; border-bottom: none;}
    .smallprint .col-sm-8{ width: 100%; padding-bottom: 5px;}
    .smallprint .col-sm-4{ width: 100%;}
    .bridal-ribbon-bottom, .bridal-ribbon-top{display:none;}
    .smallprint{text-align: center; }
    .smallprint-right{ text-align: center;}
    .col-xs-12.smallprint-right{ width: 100%;}
    #owlCardItemsContainer {width: 70%;}
    .owl-prev{ margin-left: 10px;}
}

@media (max-width: 500px) {
     .smallprint-right > div{ display: block; }
}

#activation-index {
    background-image: url('ActivationBackground.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 600px;
}

.activation-email-form {
    max-width: 600px;
    background-color: #ffffff; /* Fallback */
    background-color: rgba(255, 255, 255, 0.95);
    margin: 50px auto;
}

.activation-email-form-inner {
    padding: 35px 20px;
}

.activation-email-form-inner p {
    color: #888;
    font-size: 14px;
}

.activation-email-form-inner div { text-align: center; }
.activation-email-form-inner div.text-right { text-align: right; }
.activation-email-form-inner div.text-left { text-align: left; }

.activation-email-form-inner .btn-sm {
    font-size: 14px;
    letter-spacing: .5px;
    background-color: #000;
    border-color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

.activation-email-form-inner input[type="text"] {
    height: 38px;
    border-color: #000;
    width: 65%;
    margin: 0 auto;
    font-weight: normal;
    letter-spacing: .5px;
    padding: 3px 8px;
}

.activation-email-form-inner .title {
    font-size: 33px;
    font-weight: normal; 
    letter-spacing: .5px;
}

#enter-address-manually-button, #reset-address-button{text-decoration: underline;}

.deliveryDate.emailDate .ui-datepicker-trigger, #dateSelector .ui-datepicker-trigger { height: 21px; }

.row.footerLinks { display: none; }

.owl-pagination { display: none; }

#previewPopupClose { right: -10px; top: 0; }
#language-popup-main{ padding-left: 15px;}
#language-popup-main p { margin: 8px 0 1px 0; }
#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: #fff; }

#previewPopup_BackgroundOverlay { height: 185%; }


@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%;
    }
}

.controllerGenerateGiftCard.header {
    margin-bottom: 0;
}

.named-del-date-input {
    width: 175px !important;
}

button#preview {
 font-family: "Times New Roman";
    border-radius: 0;
    border: 1px solid #000;
    padding: 8px 20px 8px 20px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .5px;
    font-weight: bold;
    border-color: #000;
    background-color: #000;
    color: #ffffff;
}

#chooseProductForm { margin-bottom: 10px; }

.custom-dropdown-container {
    padding: 0;
    margin: 0;
    border: 1px solid #dcddde;
    width: auto;
    overflow: hidden;
    background-color: #fff;
    background: #fff url('custom-dropdown-arrow.png') no-repeat 96% 50%;
}

.custom-dropdown-container select, .custom-dropdown-container select.form-control.valid {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*xs (mobile)*/
@media (max-width: 767px) {
    .custom-dropdown-container {
        margin-bottom: 15px;
    }
}
.custom-dropdown-container select:focus {
    outline: none;
}

div.basketLines tbody tr.noLine td, div.basketLines tbody tr td {
    border:1px solid #dcddde;
}

div#retailer-logo-container {
    /*background-color: #f4f4f4;*/
}


@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:-161px;
    }
}

/*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:-161px;
    }
}

/*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:-161px;
    }
}

/*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:-161px;
    }
}


/*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:-161px;
    }
}

/*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:-161px;
    }
}

/*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:-161px;
    }
}


/*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:-161px;
    }
}

/*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:-161px;
    }
}

/*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:-161px;
    }
}

/*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:-161px;
    }
}

/*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:-161px;
    }
}

.gift-scam-warning-div {
    margin: 10px;
    margin-left: 40px;
    padding: 10px;
}