﻿@font-face {
  font-family: 'HelveticaNeueLTPro-Lt';
  src: url('fonts/HelveticaNeueLTPro-Lt.eot');
  src: url('fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
       url('fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
       url('fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
       url('fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype'),
       url('fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg');
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Md';
  src: url('fonts/HelveticaNeueLTPro-Md.eot');
  src: url('fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
       url('fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
       url('fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
       url('fonts/HelveticaNeueLTPro-Md.ttf') format('truetype'),
       url('fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
}

body {
    color: #333333;
    font-size: 12px;
    letter-spacing: .5px;
    font-family: HelveticaNeueLTPro-Lt;
}

/* 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: 100px; }
.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; background: url(fade.png) repeat-x left bottom #fff; height: 52px;}
.headerInformationLinks {color: #5dba98; display: inline; }
.headerInfo a, .headerPrivacy a { color: #5dba98; }
.headerInformationNeedHelp {font-size: 15px; font-weight: bold;padding-right: 15px;letter-spacing: .5px;display: inline;float: left;color: #afafaf;}
img.headerImage.img-responsive{ width: 143px;}
#previewPopup{
    top: -200px;
}


#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: #f4f4f4;width: 100%;}

div#retailer-logo-container img {
    min-width: 5%; /*30%;*/
}

div#retailer-logo-container {
   height: auto;
}

.title{ font-family: HelveticaNeueLTPro-Md; font-size: 16px; letter-spacing: .5px; }

.pageNumbers div{ font-family: HelveticaNeueLTPro-Lt; font-size:14px; background-color: #969696; border: none; color: #fff; margin-right: 0.5%; width: 32.8%; }
.pageNumbers div.selected{ background-color: #000; border: none; color: #ffffff; }
.pageNumbers div span.title{ margin-left: 10px; font-family: HelveticaNeueLTPro-Md; font-weight: normal; }
.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: 3px; height: 35px; -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: #f6f4f4;padding-top: 10px;padding-bottom: 10px;}
.ChooseCardDesignArea span.title { margin: 10px;}

/*xs (mobile)*/
@media (max-width: 767px) {
    .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: #5dba98;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(93, 186, 152, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(93, 186, 152, .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: HelveticaNeueLTPro-Lt;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #5dba98;
    color: #5dba98;
    padding: 8px 20px 8px 20px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .5px;
    font-weight: bold;
}

button.btn.primary {
    background-color: #5dba98;
    border-color: #5dba98;
    color: #ffffff;
}

button#find-address {
    background-color: #ffffff;
    color: #5dba98;
    border: #5dba98 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 #5dba98;}

.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: #fff; font-family: HelveticaNeueLTPro-Lt;letter-spacing: .5px;text-decoration: none; }
.footerBalanceEnq a:hover { text-decoration: none; }
.footer{ color: #fff; background-color: #a8a8a8; padding-top: 25px; }
.footerAddress{display:block;}
.smallprint-right { text-align: right; }
.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;}

    .bridal-ribbon-bottom, .bridal-ribbon-top{display:none;}
}

#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;
    margin: 50px auto;
}

.activation-email-form,
#updateOrderDetails_ChangeDetails {
    background-color: #ffffff; /* Fallback */
    background-color: rgba(255, 255, 255, 0.95);
}

.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: #5dba98;
    border-color: #5dba98;
    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: 22px;
    letter-spacing: .5px;
}

.controllerGenerateGiftCard .headerInformation {
    border-bottom: none;
}

#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 {
    background-color: transparent;
    color: #5dba98;
    border: none;
    border-bottom: 2px solid #5dba98;
    letter-spacing: .5px;
    padding: 15px 0 4px 0;
}

#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 {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.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:-163px;
    }
}

/*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;
    }
}

/*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;
    }
}


/*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;
    }
}

/*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;
    }
}

/*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;
    }
}

/*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;
    }
}

/*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;
    }
}

/*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;
    }
}

.information-banner {
    background-color: #5dba98;
}

.gift-scam-warning-div {
    margin: 10px;
    margin-left: 40px;
    padding: 10px;
}