@font-face {
    font-family: LarsMalonePro-Bold;
    src: url('fonts/LarsMalonePro-BoldWeb.eot');
    src: url('fonts/LarsMalonePro-BoldWeb.eot?#iefix') format('embedded-opentype'), url('fonts/LarsMalonePro-BoldWeb.woff') format('woff');
    font-family: LarsMalonePro-Book;
    src: url('fonts/LarsMalonePro-BookWeb.eot');
    src: url('fonts/LarsMalonePro-BookWeb.eot?#iefix') format('embedded-opentype'), url('fonts/LarsMalonePro-BookWeb.woff') format('woff');
    font-family: LarsMalonePro-Regular;
    src: url('fonts/LarsMalonePro-RegularWeb.eot');
    src: url('fonts/LarsMalonePro-RegularWeb.eot?#iefix') format('embedded-opentype'), url('fonts/LarsMalonePro-RegularWeb.woff') format('woff');
    font-family: MaloneSerif-RegularWeb;
    src: url('fonts/MaloneSerif-RegularWeb.eot');
    src: url('fonts/MaloneSerif-RegularWeb.eot?#iefix') format('embedded-opentype'), url('fonts/MaloneSerif-RegularWeb.woff') format('woff');
}

@-moz-document url-prefix() {
    select.form-control {
        border-radius: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
        height: 24px;
        width: 100%;
        background-image: url('custom-dropdown-arrow.png');
        background-repeat: no-repeat;
        background-position: 190px;
    }

    div.custom-dropdown-container select#StartMonth.form-control, div.custom-dropdown-container select#StartYear.form-control, div.custom-dropdown-container select#ExpiryMonth.form-control, div.custom-dropdown-container select#ExpiryYear.form-control {
        width: 132px;
        background-position: 100px;
    }
}

body,
.landing-page-faqs button.faq-header,
.landing-page-faqs .faq-content {
    font-size: 14px;
}

body {
    color: #1c1c1c;
    font-family: "LarsMalonePro-Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    background: #fcf9ee;
    background-repeat: no-repeat;
    background-position: top left;
}

.titleFinal .title {
    margin-left: 12px;
}

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


textarea {
    resize: none
}

.debug {
    background-color: black;
    color: white;
}

a {
    text-decoration: underline;
    color: #000000;
}

    a:hover {
        text-decoration: none;
        color: #000000;
    }

hr {
    border-top: #e9e7dd solid 1px;
    margin-bottom: 40px;
}

.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: #403f3d;
    height: 85px;
    background: url('logo.png') center no-repeat;
    background-position-y: 25px;
    background-size: 156px;
    cursor: pointer;
}

.headerSeperator {
    color: #fcf9ee;
    background: #fcf9ee;
    padding-left: 25px;
    padding-right: 25px;
}

.headerInformation {
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
}

    .headerInformation div {
        margin-top: 10px;
        font-size: 14px;
        font-weight: normal;
    }

    .headerInformation .headerInformationLinks {
        float: left;
    }

    .headerInformation .headerInformationNeedHelp {
        padding-bottom:32px;
    }

        .headerInformation .headerInformationLinks a {
            text-decoration: none;
            border-bottom: 1px solid #606060;
            font-weight: normal;
        }

            .headerInformation .headerInformationLinks a:visited, .headerInformation .headerInformationLinks a:active {
                color: #606060;
            }

#previewPopup {
    top: -200px;
}

#delivery-details #find-address-holder .esteeCase {
    margin-left: 33.33333333%;
}

#delivery-details #enter-address-manually .esteeFind {
    margin-left: 33.33333333%;
    width: 66.66666667%;
}

.deliveryRight {
    display: inline
}
/*TOP*/
.top-fixed {
    top: 0px;
}

.bridal-ribbon-bottom, .bridal-ribbon-top {
    z-index: 102;
    content: "";
    background-size: contain;
}

.bridal-ribbon-top {
    display: none;
}
/*BOTTOM*/
.bridal-ribbon-bottom {
    display: none;
}

.personal-message-container-egift #message {
    margin-bottom: 10px;
}

/*xs (mobile)*/
@media (max-width: 768px) {

    .button-hack-fix {
        width: 100% !important;
    }

        .button-hack-fix a {
            width: 100% !important;
        }

    .row.titleFinal {
        margin-left: 0;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .h3,
    div.basketLines.hidden-sm.hidden-md.hidden-lg .h4 {
        font-family: LarsMalonePro-Book;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .h4 {
        text-align: left;
        font-size: 12px;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals .h3,
    div.basketLines.hidden-sm.hidden-md.hidden-lg .totals .h4,
    div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals .h3 strong,
    div.basketLines.hidden-sm.hidden-md.hidden-lg .totals .h4 strong {
        font-family: "LarsMalonePro-Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .row,
    div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals,
    div.basketLines.hidden-sm.hidden-md.hidden-lg .row.last {
        padding: 15px;
        border-bottom: 1px solid #e4e4e4;
    }

        div.basketLines.hidden-sm.hidden-md.hidden-lg .row.last .col-xs-5 {
            width: 50%;
            margin-left: 0;
        }

        div.basketLines.hidden-sm.hidden-md.hidden-lg .row.last a {
            width: 100%;
        }

    .smallprint-right {
        text-align: center !important;
    }

        .smallprint-right div {
            float: none !important;
        }

    .footerAddress, .footerRegistered {
        float: none !important;
    }

    .footer {
        text-align: center;
    }

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

        .footer-logos-container div img {
            float: none !important;
        }

    #delivery-details #find-address-holder .esteeCase {
        width: 100%;
        margin-left: 0px;
    }

    #delivery-details #enter-address-manually .esteeFind {
        margin-left: 0px;
        width: 100%;
    }

    #delivery-details > .col-sm-6 > .row {
        margin-bottom: 32px;
    }

    .headerInformation {
        text-align: center;
    }

        .headerInformation .headerInformationLinks {
            float: none;
            margin-top: 18px;
            margin-bottom: 5px;
        }
}

@media (max-width: 996px) {
    .headerSeperator {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.headerImage {
    display: none;
}

.title {
    font-family: MaloneSerif-RegularWeb;
    font-size: 18px;
    letter-spacing: 0.75px;
    font-weight: normal;
}

.pageNumbersMobile div {
    display: none;
}

.pageNumbers {
    margin-bottom: 25px;
}

    .pageNumbers div {
        font-size: 14px;
        color: #1c1c1c;
        background: none;
        border-bottom: 1px solid #e5e4da;
        width: 28.5%;
        margin-left: 3%;
        margin-right: 3%;
        padding-bottom: 15px;
        text-transform: capitalize;
    }

        .pageNumbers div:first-child {
            margin-left: 15px;
        }

        .pageNumbers div:last-child {
            margin-right: 15px;
        }

        .pageNumbers div.selected {
            border-bottom: 1px solid #606060;
            background: none;
        }

        .pageNumbers div span.titleStepNumber {
            display: none;
        }

        .pageNumbers div span.title {
            margin-left: 5px;
            font-size: 22px;
            font-family: MaloneSerif-RegularWeb
        }

.imageButton.secondaryButton.payment button {
    width: 250px;
    font-weight: normal;
    border: 1px solid #333333;
}

div.form-group label.control-label {
    margin-bottom: 7px;
    font-size: 14px;
}

textarea.form-control::placeholder {
    color: #a3a3a3;
    font-size: 14px;
}

.form-control {
    height: auto;
}

textarea.form-control {
    padding: 16px;
}

input.form-control {
    border-color: #d6d6d6;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 0px;
}

.input-group-addon {
    background: #fff;
    border-right: none;
}

input#gift-card-value-textbox {
    border-left: none;
    padding-top: 9px;
    padding-bottom: 9px;
    height: auto;
}

select.form-control {
    border-radius: 0px;
    padding-top: 9px;
    padding-bottom: 9px;
    background-image: url('custom-dropdown-arrow.png');
    background-repeat: no-repeat;
    background-position-x: 97.5%;
    background-position-y: 15px;
    -webkit-appearance: none;
    height: auto;
}

select {
    -moz-appearance: none;
}

.ChooseCardDesignArea {
}

.field-validation-error {
    font-size: 12px;
    color: #ff0000;
}

.input-validation-error {
    border-color: #ff0000;
    background-position: center right;
    background-repeat: no-repeat;
}

select.input-validation-error {
    border-color: #ff0000;
    background-position: center right;
    background-repeat: no-repeat;
}

.form-control.valid { /*border-color: #3c763d;*/
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 33px;
}

select.form-control.valid { /*border-color: #3c763d;*/
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    background-position-x: 97.5%;
    background-position-y: 15px;
}

#select-address.valid {
    background-image: none;
    padding-right: 12px;
}

.form-group label {
    font-size: 12px;
}

.printThisPageButton {
    padding: 11px !important;
    margin-top: 30px;
    width: 220px !important;
    color: white !important;
    background: #000000 !important;
    margin-right: 40px;
}

.continueShoppingButton {
    margin-top: 30px;
    padding: 11px !important;
    width: 220px !important;
    color: white !important;
    background: #000000 !important;
}

button.btn.btn-default {
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    width: 180px;
    background: none;
}

a.btn.btn-default {
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    width: 100px;
    background: none;
}

button.btn.primary {
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    background: none;
    font-size: 14px;
    background: #333333;
    font-weight: normal;
    width: 210px;
}

.personal-message-container-egift .btn-default {
    width: 250px !important;
}

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

.switch-journey-container {
    text-align: center;
    font-size: 14px;
}

.selectADifferentProduct {
}

.deliveryRight .requestedDeliveryTitle, .deliveryRight .sub.small {
    font-size: 14px;
}

.deliveryChargeLeft .deliveryTitle {
    display: inline-block;
    width: 170px;
}

.deliveryChargeLeft span {
    display: inline-block;
    margin-bottom: 5px;
}

#delivery-charges-subtext {
    display: none;
}

.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 #ffffff;
    padding: 5px;
    margin: auto;
}

.wallet.item img {
    border: 2px solid #ffffff;
}

.item.outlined img {
    border: 1px solid #575756;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.noLine img {
    margin-top: 5px;
}

.basketLines table tbody .noLine .col-sm-1 {
    min-width: 101px;
}

.generate_thankyou_titles {
    font-weight: bold;
}

.h4.totalsDelivery,
.h3.totalsTotal {
    font-size: 14px;
}

    .h4.totalsDelivery strong,
    .h3.totalsTotal strong {
        width: 51%;
        display: inline-block;
        float: right;
        font-weight: normal;
    }

div.basketLines .totalsDelivery, div.basketLines .totalsTotal {
    text-align: left;
}

@media (min-width: 768px) {
    div.basketLines .totalsDelivery, div.basketLines .totalsTotal {
        padding-left: 5%;
    }

    div.basketLines .totals {
        font-weight: 500;
        letter-spacing: 0.17em;
    }

    .basketLines table thead th:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    .basketLines table tbody .noLine .col-sm-2:last-child {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .orderCompletePage .basketLines.hidden-xs .totals .col-sm-6:last-child {
        padding-left: 18%;
    }

    div.basketLines .totalsDelivery, div.basketLines .totalsTotal {
        padding-left: 11%;
    }
}

@media (min-width: 1200px) {

    .orderCompletePage .basketLines.hidden-xs .totals .col-sm-6:last-child {
        padding-left: 17%;
    }
}

.orderCompletePage .basketLines.hidden-xs .totals .col-sm-6 {
    padding-left: 19%;
    padding-right: 0;
}

.AddGiftCardContainer {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media(min-width: 768px) {
    .AddGiftCardContainer {
        margin-left: 0;
        margin-right: 0;
    }
}

.paymentSameLabel {
    font-weight: normal;
}

.footerBalanceEnq {
    font-size: 12px;
    font-weight: bold;
}

    .footerBalanceEnq a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
    }

.footer {
    background-color: #000000;
}

.footerAddress, .footerRegistered {
    display: block;
    padding-bottom: 10px;
    float: left;
    opacity: 0.8;
}

.footerRegistered {
    margin-left: 5px;
}

.smallprint-right {
    text-align: right;
}

    .smallprint-right div {
        opacity: 0.8;
    }

        .smallprint-right div:first-child {
            float: right;
            margin-left: 10px;
        }

.footer-logos-container div img {
    float: right;
}

.personal-message-container .title, .personal-message-container p {
    display: inline-block;
    width: 100%;
    margin-bottom: 11px;
}

@media(max-width: 767px) {
    .personal-message-container .title {
        margin-bottom: 32px;
    }
}

.personal-message-container #message {
    margin-bottom: 5px;
    min-height: 120px;
}

.delivery-date-container .title {
    margin-bottom: 10px;
}

div.basketLines div.totals {
    padding-bottom: 0px;
}

@media(min-width: 768px) {
    div.basketLines div.totals {
        margin-left: 0;
        margin-right: 0;
    }
}

.basketLines table {
    margin-bottom: 0px;
    border-bottom: 1px solid #dcddde;
}

div.basketLines thead tr th {
    text-transform: uppercase;
    font-family: LarsMalonePro-Regular;
    font-weight:500 !important;
    letter-spacing:0.17em;
}

div.basketLines thead tr th:first-child {
    padding-left: 0px;
}

div.basketLines tbody tr td, div.basketLines thead tr th {
    border: none;
    font-weight: normal;
}

/*xs (mobile)*/
@media (max-width: 768px) {

    div.basketLines {
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
        overflow: hidden;
    }

    div.basketLines .h4 {
        padding-left: 0px;
    }

    div.basketLines .row.totals .col-xs-7.h4 {
        padding-left: 15px;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals.final {
        text-align: left;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals.final .col-xs-5.h3 {
        padding-left: 0px;
    }

    div.basketLines.hidden-sm.hidden-md.hidden-lg .row, div.basketLines.hidden-sm.hidden-md.hidden-lg .row.totals {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btn-pay-by-card, .btn-pay-by-paypal {
        width: 100% !important;
    }

    .imageButton.secondaryButton.payment button {
        width: 100%;
    }

    #find-address {
        width: 100%;
    }

    .goto-payment-button {
        min-width: 321px;
    }

    .mandatory-fields-container {
        float: right;
        margin-top: -20px;
    }

    select.form-control {
        max-width: 265px;
    }

    input#gift-card-value-textbox {
        max-width: 232px;
    }
    /*remove the bow from the mobile version*/
    body {
        background-image: none;
    }

    .header {
        background-image: none;
    }

    .headerImage {
        margin: 20px auto 0 auto;
        display: block;
        max-width: 200px;
    }

    .bridal-ribbon-bottom, .bridal-ribbon-top {
        display: none;
    }

    .pageNumbers div {
        width: 100%;
        padding-bottom: 15px;
        text-transform: capitalize;
    }

        .pageNumbers div:first-child {
            margin-left: 0px;
        }

        .pageNumbers div:last-child {
            margin-right: 0px;
        }

    .pageNumbers div {
        display: none;
    }

        .pageNumbers div.selected {
            display: block;
        }

    .headerInformationNeedHelp {
        width: 100%;
        float: left;
    }

    .row.pageNumbers.pageNumbersMobile {
        padding-left: 30px;
        margin-top: 20px;
        padding-right: 30px;
    }
}

.updateorderdetails-form-inner {
    margin-top: 0%;
}

#updateOrderDetails_ChangeDetails {
    margin-top: 20%;
}

.complete-payment-buttons-container {
    width: 100%;
}

@media(min-width: 768px) {
    .btn-pay-by-card, .btn-pay-by-paypal {
        width: 50% !important;
    }
}

@media(min-width: 1200px) {
    .complete-payment-buttons-container {
        width: 100%;
        margin-left: 28%;
    }

    .form-group.accept-terms-container {
        margin-left: 25%;
    }
}

.btn-pay-by-card, .btn-pay-by-paypal {
    background: #000000 !important;
    color: rgba(250,250,250,0.8) !important;
    padding: 15px !important;
    border-radius: 0px !important;
    margin-bottom: 10px !important;
}

#activation-index {
    background-image: url('ActivationBackground.png');
    background-position: 50% 2%;
    background-repeat: no-repeat;
    height: 600px;
}

@media(max-width: 767px) {
    #activation-index {
        background-position: 50% 8%;
    }
}

.activation-index-thankyou {
    height: 803px !important;
}

.activation-email-form {
    max-width: 600px;
    margin: 200px auto;
    padding: 3px;
}

.activation-email-form-inner {
    padding: 35px 20px;
}

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

    .activation-email-form-inner .btn-sm {
        padding: 11px;
        font-size: 14px;
        font-weight: normal;
        width: 150px;
    }

    .activation-email-form-inner .btn {
        width: 250px !important;
        background: #000 !important;
        color: #fff;
        padding: 11px;
    }

    .activation-email-form-inner .row {
        margin-bottom: 15px;
    }

    .activation-email-form-inner input[type="text"] {
        height: auto;
        padding: 10px;
        width: 95%;
        margin: 0 auto;
        font-weight: normal;
        letter-spacing: 1.5px;
        font-size: 12px;
        opacity: 0.8;
    }

    .activation-email-form-inner .h2 {
        font-size: 26px;
    }

#enter-address-manually-button, #reset-address-button {
    text-decoration: underline;
}

#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-state-active {
    text-align: center;
    font-weight: bold;
    border: none;
    padding: 5px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background-position: -33px -16px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background-position: -96px -16px;
}

#ui-datepicker-div table th {
    color: #fff;
    background: #000;
}

#ui-datepicker-div {
    background: #fcf9ee;
    width: 300px;
}

    #ui-datepicker-div tbody {
        background: #fcf9ee;
    }

.deliveryDate.emailDate .ui-datepicker-trigger, #dateSelector .ui-datepicker-trigger {
    height: 30px;
    margin-top: 5px;
}

.row.footerLinks {
    display: none;
}

.owl-pagination {
    display: none;
}

#previewPopupClose {
    right: 1px;
    top: 2px;
}

#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 owlNavRightEmail 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;
}

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

.carousel-container, .carousel-nav, .carousel-item, .owl-wrapper-outer, .owl-wrapper, .owl-item {
    height: 200px;
}

.productPriceAndDelivery .title {
    margin-bottom: 5px;
    font-weight: normal;
    letter-spacing:0.1em;
}

@media (max-width: 768px) {
    .productPriceAndDelivery .macdelivery {
        margin-top: 25px;
    }

    input #gift-card-value-textbox {
        width: 180px;
    }

    .pageNumbers div {
        margin-right: 2%;
    }
}

@media (max-width: 1200px) {
    .pageNumbers div {
        margin-right: 2%;
    }
}

@media (max-width: 767px) {
    .chooseGiftCardProductPaymentButton {
        width: 100% !important;
    }

        .chooseEVoucherProductPaymentButton .primary,
        .chooseGiftCardProductPaymentButton .primary {
            width: 100% !important;
        }
}

.landing-page-faqs button.faq-header:after {
    border-width: 0.15em 0.15em 0 0;
    height: 0.9em;
    width: 0.9em;
}

div.popup img#retailer-logo {
    width: 224px;
    height: 52px;
}

#containerBraintreeDropin {
    width:74%;
}

@media (max-width: 1199px) {
    #containerBraintreeDropin {
        width: auto;
    }
}

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