/* Minification failed. Returning unminified contents.
(176,41): run-time error CSS1030: Expected identifier, found ','
(176,65): run-time error CSS1031: Expected selector, found ')'
(176,65): run-time error CSS1025: Expected comma or open brace, found ')'
(2648,66): run-time error CSS1030: Expected identifier, found ','
(2648,101): run-time error CSS1031: Expected selector, found ')'
(2648,101): run-time error CSS1025: Expected comma or open brace, found ')'
(3390,41): run-time error CSS1030: Expected identifier, found ','
(3390,65): run-time error CSS1031: Expected selector, found ')'
(3390,65): run-time error CSS1025: Expected comma or open brace, found ')'
 */
body
{
    margin-top: 0px !important;
    padding-bottom: 20px;
    min-width: 320px;
}

:focus
{
    outline: 0 !important;
}

a, a:hover, a:focus
{
    color: #3D3D3D;
    text-decoration: underline;
}

.disabledAnchor
{
    cursor: not-allowed !important;
    pointer-events: none !important;
    background-color: darkgrey !important;
    color: white !important;
}

.thumbnail, .thumbnail:hover, .thumbnail:focus, .footer a, .copyrightContent a, .addonBrowser a, .btn,
.categories a:hover, .products a:hover, .categories a:focus, .products a:focus, .glyphicon-remove-sign
{
    text-decoration: none;
}

.row.products {
    display: flex;
    flex-wrap: wrap;
}

.products .heroProduct .thumbnail
{
    margin-bottom: 10px;
}

.promotionRestrictedPaymentOptions .radioOption .row .options img.paymentOptionDisplay,
.promotionRestrictedPaymentOptions .paymentOptionDisplay
{
    display: none;
}

    .promotionRestrictedPaymentOptions .paymentOptionDisplay.availablePaymentOption
    {
        display: block;
    }

    .promotionRestrictedPaymentOptions .radioOption .row .options img.paymentOptionDisplay.availablePaymentOption
    {
        display: inline-block;
    }

.promotionRestrictedPaymentOptionChooseOther
{
    display: none;
}

.promotionRestrictedPaymentOptions .promotionRestrictedPaymentOptionChooseOther
{
    display: inline-block;
}

.underline
{
    text-decoration: underline;
}

/* Set padding to keep content from hitting the edges */
.body-content
{
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column*/
.dl-horizontal dt
{
    white-space: normal;
    width: auto;
}

.dl-horizontal dd
{
    margin-left: auto;
}

.thumbnail
{
    border: none;
    background-color: transparent;
}

.touch .thumbnail:active
{
    background-color: lightgray;
}

.thumbnail .caption
{
    text-align: center;
    padding: 0px;
}

a.close
{
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.2;
}

/* LOGIN */
.head-center
{
    max-width: 1170px;
    margin: auto;
}

.loginHeader
{
    font-size: 11px;
    text-align: right;
}

    .loginHeader a
    {
        border-right: 1px solid #8E8E8E;
        padding: 0 5px;
        text-decoration: none;
    }

        .loginHeader a:last-child
        {
            border-right: none;
        }

.alert-thin
{
    padding: 10px;
    margin-bottom: 10px;
}

.noBottomMargin
{
    margin-bottom: 0px;
}

.field-validation-error .alert-warning .close
{
    font-size: 24px !important;
    line-height: 0.2;
}

.alert-thin.alert-dismissable .close
{
    top: -1px;
    right: 0px;
}

.alert-thin a
{
    color: black;
    opacity: 0.5;
}

.hiddenEditField
{
    display: none;
}

    .hiddenEditField:not(.addressSection, .customMessagesSection)
    {
        width: 400px;
    }

    .hiddenEditField input[type=text]
    {
        width: 150px;
        display: inline-block;
    }

    .hiddenEditField input[type=checkbox]
    {
        width: 15px;
        height: 15px;
        vertical-align: middle;
        display: inline-block;
        margin-top: 0;
    }

    .hiddenEditField input[type=submit]
    {
        margin-bottom: 3px;
    }

    .hiddenEditField .form-group
    {
        margin: 0;
    }

.glyphicon.spinning
{
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin
{
    from
    {
        transform: scale(1) rotate(0deg);
    }

    to
    {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2
{
    from
    {
        -webkit-transform: rotate(0deg);
    }

    to
    {
        -webkit-transform: rotate(360deg);
    }
}

.loginLinks
{
    padding-left: 3px;
}

/* BANNERS */
.banners
{
    text-align: center;
}

.noLink
{
    cursor: default;
}

#reviewCart
{
    background-color: white;
    width: inherit;
    overflow: auto;
}

#reviewCart.fixed 
{
    position: fixed;
}

    #reviewCart::-webkit-scrollbar
    {
        width: 10px;
    }

    #reviewCart::-webkit-scrollbar-track
    {
        background: #f1f1f1;
    }

    #reviewCart::-webkit-scrollbar-thumb
    {
        background: #bbb;
    }

#reviewCart .cartItem
{
    float: unset;
}

/*CATEGORY PAGE*/
.productSoldOut
{
    position: absolute;
    top: 36%;
    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #767676;
    opacity: 0.6;
}

/*PRODUCT PAGE*/
.carousel-control, .carousel-control:hover, .carousel-control:focus {
    color: #A9A9A9;
    opacity: 0.5;
}


.productPage main
{
    text-align: center;
}

.productInfo h1
{
    font-size: 31px;
}

#productImages
{
    text-align: center;
}

    #productImages img
    {
        display: inline-block;
    }

    #productImages .carousel-control, #lightBoxCarousel .carousel-control {
        background-image: none;
    }

.productTileOverlay
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(60, 60, 60, 0.72);
    color: #fff;
    text-align: center;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 600;
    z-index: 10;
    pointer-events: none;
    line-height: 1.3;
}

/* Product page: shrink-wrap the image so the SPPC overlay (above) sizes to the image, not the carousel column */
.productImageOverlayWrap
{
    position: relative;
    display: inline-block;
    max-width: 100%;
}
#productImages .item
{
    text-align: center;
}

#lightBoxCarousel .lightBoxImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.modal {
    text-align: center;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-header {
    border-bottom: none;
}

.captchaContainer
{
    padding: 0px;
}

/*Category AND addon product names */
.prodName
{
    font-size: 14px;
}

    .prodName.midName
    {
        font-size: 13px;
    }

    .prodName.longName
    {
        font-size: 12px;
    }

/*Center alignment for category and addon product names. Requires height to be set by child*/
.prodText
{
    display: table;
    text-align: center;
}

.addonCategory .prodPrice, .addonCategory div
{
    text-align: center;
}

.prodText > div
{
    vertical-align: middle;
    display: table-cell;
}

.addonBrowser .prodText
{
    width: 100%;
}

/*ADDON BROWSER*/
.addonBrowser
{
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
}

    .addonBrowser > div
    {
        width: auto;
    }

/*Individual category*/
.addonCategory
{
    padding-left: 3px;
    padding-right: 3px;
    display: inline-block;
}

    .addonCategory .prodName
    {
        max-width: 80px;
        white-space: normal;
    }

    .addonCategory, .addonCategory .prodName, .dropDownBox .prodName
    {
        font-size: 87%;
        display: inline-block;
    }

/*Individual addon product in browser*/
.addon
{
    max-width: 146px;
    margin-top: 8px;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.seeMoreSelected .addon.addonShowMore,
.seeMoreSelected .addon.addonShowMore-xs
{
    display: initial;
}

.addon.addonShowMore,
.addon.addonShowMore-xs
{
    display: none;
}

#cardPicker .addon
{
    float: left;
}

.addon img, .addonCategory img
{
    margin: 0 auto;
}

.addon img, .cartItem img
{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.addon.productAddonGroupCover img
{
    cursor: pointer;
}

.productAddonGroupSection
{
    border-bottom: 1px solid #aeaeae;
}

.orderComplete .cartItem img
{
    cursor: initial;
}

.addon .prodText
{
    margin: 0 auto;
}

    .addon .prodText > div
    {
        height: 35px;
    }

#prods_cards .addon .prodText > div
{
    height: auto;
}

.splitAddons .seeMoreOrLess
{
    width: 150px;
    margin: auto;
    font-weight: bold;
    display: block;
}

.quantityToggle
{
    text-align: left;
}

#cartItemAssign .addressRow > .quantityToggle
{
    float: left;
    margin-right: 10px;
}

.addressSelector .quantityToggle > div > div
{
    height: 28px;
}

.quantityToggle > div > div
{
    height: 38px;
    max-width: 150px;
    display: flex;
}

.quantityToggle > p
{
    font-size: 18px;
    vertical-align: middle;
    margin: 0;
}

.quantityToggle > div
{
    border: 1px solid #ccc;
    margin-left: 15px;
}

.quantityToggle > p, .quantityToggle > div
{
    display: inline-block;
}

.quantityToggle button, .quantityToggle input
{
    border: none;
    width: 40px;
    flex-shrink: 0;
    background-color: #fff;
    text-align: center;
    color: #888;
}
/*AddOnBrowser quantityToggle styling*/
.productPage .addon
{
    min-height: 183px;
}

.productPage .addOnQtyToggle .quantityToggle button, .productPage .addOnQtyToggle .quantityToggle input, .orderInformation .addOnQtyToggle .quantityToggle button, .orderInformation .addOnQtyToggle .quantityToggle input
{
    border: none;
    width: 28px;
    flex-shrink: 0;
    background-color: #fff;
    text-align: center;
    color: #888;
}

.productPage .addOnQtyToggle .quantityToggle, .checkout .addOnQtyToggle .quantityToggle, .orderInformation .addOnQtyToggle .quantityToggle
{
    text-align: center;
}

    .productPage .addOnQtyToggle .quantityToggle > div, .checkout .addOnQtyToggle .quantityToggle > div, .orderInformation .addOnQtyToggle .quantityToggle > div
    {
        margin-left: initial;
    }

    .productPage .addOnQtyToggle .quantityToggle button:first-child, .orderInformation .addOnQtyToggle .quantityToggle button:first-child
    {
        padding: 0 8px 7px 8px;
    }

    .productPage .addOnQtyToggle .quantityToggle button:last-child, .checkout .addOnQtyToggle .quantityToggle button:last-child, .orderInformation .addOnQtyToggle .quantityToggle button:last-child
    {
        padding: 3px 8px 0 8px;
    }


    .checkout .addOnQtyToggle .quantityToggle button, .checkout .addOnQtyToggle .quantityToggle input
    {
        border: none;
        width: 19px;
        flex-shrink: 0;
        background-color: #fff;
        text-align: center;
        color: #888;
    }

.checkout .splitAddons .addOnQtyToggle .quantityToggle input
{
    margin: 0 2px;
}

.splitAddons .quantityToggle > div > div
{
    padding: 0 5px;
    height: 30px;
}

.splitAddons .addon.restricted
{
    display: none;
}

.checkout .addOnQtyToggle .quantityToggle button:first-child
{
    padding: 0px 3px 6px 3px;
}

.checkout .addOnQtyToggle .quantityToggle button:last-child
{
    padding: 2px 4px 0 4px;
}

.quantityToggle .qMinus .disabledSvg
{
    fill: #ccc;
}

.quantityToggle .qPlus .disabledSvg
{
    stroke: #ccc;
}

.quantityToggle > div > div > button:first-child
{
    padding: 0 12px 6px 12px;
}

.disabledCatcher
{
    display: flex;
}

#cartItemAssign .productRow select:not(:disabled)
{
    background-color: #fff;
}

.quantityToggle .qPlus
{
    padding: 4px 12px 0 12px;
}

.quantityToggle button[disabled] path
{
    fill: #ddd;
}

.quantityToggle div[data-lastpass-icon-root]
{
    display: none;
}

.singleCategory .dropDownBox.seeMoreAddons
{
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*Addon browser form single cat, usually card selector*/
.singleCategory .dropDownBox
{
    display: block;
    padding-top: 0;
    margin-top: 0;
    border: none;
}

    .singleCategory .dropDownBox .glyphicon, .singleCategory .dropDownBox h4, .singleCategory .dropDownBox .cat_1, .checkoutAddonBrowser.cardAddonBrowser .prodText
    {
        display: none;
    }

.addon
{
    display: inline-block;
    float: none;
    margin-top: 4px;
    border: white 5px solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

    .addon.active:not(.productAddonGroupOpen)
    {
        border-color: #5bc0de;
    }

        .addon.active .btn
        {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
            padding: 6px 3px;
        }


.photoAddonBrowser .singleCategory .dropDownBox .prodText
{
    display: block;
}

    .photoAddonBrowser .singleCategory .dropDownBox .prodText > div
    {
        height: inherit;
    }

.uppy-Dashboard-poweredBy
{
    display: none !important;
}

#cardSuccessMessage
{
    display: none;
}

    #cardSuccessMessage.visible
    {
        display: block;
        padding-bottom: 15px;
    }

/* FORMS*/
.simpleForm
{
    padding-bottom: 20px;
}

.checkoutContainer legend, .checkoutContainer .legend
{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.checkoutContainer #paymentTitle
{
    margin-left: 15px;
}

/*Visibility none so page does not jump around during page load*/
.no-js #quickSignIn, .no-js .addonCarousel, .no-js .addonHeader
{
    visibility: hidden !important;
}

/*Hidden for things that should be fully gone.*/
.no-js .paymentOption, .no-js #confirmForm, .no-js #cardPicker, .no-js .NoMessageBox, .no-js #messageHelpButton, .no-js .removeButton, .no-js .addButton, .no-js .poweredByGoogle, .no-js #firstBack, .no-js #orderSubmitting
{
    display: none !important;
}

.no-js .paymentOptionDisplay-Card, .no-js #cardPaymentNoJsButton, .no-js .no-jsValidationSummary
{
    display: block !important;
}

.datepicker table tr td.day.mothersDay:not(.today):not(.active):not(.disabled)
{
    color: white;
    background: #D27B98;
}

    .datepicker table tr td.day.mothersDay:not(.today):not(.active):not(.disabled):hover
    {
        background: #A25B78;
    }

.datepicker table tr td.day.valentinesDay:not(.today):not(.active):not(.disabled)
{
    color: white;
    background: #d6185b;
}

    .datepicker table tr td.day.valentinesDay:not(.today):not(.active):not(.disabled):hover
    {
        background: #f6387b;
    }

.datepicker table tr td.day.disabled.mothersDay, .datepicker table tr td.day.disabled.valentinesDay
{
    color: #ddd;
    background: none;
}

/*END FORMS*/

/*Random unsorted crap*/
.priceStrikeThrough
{
    color: #A5A5A5;
    text-decoration: line-through;
    margin-bottom: 0px;
    margin-top: 10px;
}

.checkoutPrice p
{
    font-size: 21px;
}

.col-md-2 .prodText > div
{
    height: 85px;
    vertical-align: middle;
    display: table-cell;
}

.productPage .checkoutPrice
{
    text-align: center;
}

/* End Product CSS */

/*Footer Nav*/
.list-group
{
    margin-bottom: 0px;
}

.list-group-item
{
    border: none;
    padding: 4px 15px;
}

.nav-stacked a
{
    color: #4b4e48;
}

    .nav-stacked a:hover
    {
        color: #000;
        text-decoration: underline;
    }

.nav-stacked ul
{
    padding-left: 0px;
}

.dropDownBox
{
    display: none;
}

.dropDownBoxContainer
{
    position: relative;
    max-height: 0;
    overflow: hidden;
    /* Remove delay by setting transition delay to -0.25s */
    -webkit-transition: all 0.5s -0.25s ease;
    -moz-transition: all 0.5s -0.25s ease;
    -o-transition: all 0.5s -0.25s ease;
    -ms-transition: all 0.5s -0.25s ease;
    transition: all 0.5s -0.25s ease;
    -webkit-transform: translateZ(0);
}

    .dropDownBoxContainer.visible
    {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        max-height: 5000px;
    }

    .dropDownBoxContainer .glyphicon-remove
    {
        position: absolute;
        top: 30px;
        right: 20px;
        color: red;
        cursor: pointer;
        font-size: 18px;
        text-decoration: none;
    }

.fadeBoxContainer
{
    display: none;
}

    .fadeBoxContainer.visible
    {
        display: inline-block;
    }

#lightBox .glyphicon-remove-sign
{
    position: absolute;
    top: 10px;
    right: 10px;
    color: red;
    cursor: pointer;
    font-size: 18px;
}

#lightBoxInnerContent
{
    padding-bottom: 5px;
}

.calendarDropDownBoxContainer
{
    visibility: hidden;
    display: block;
    font-family: sans-serif;
    font-size: 14px;
    padding: 2px 2px 2px 0px;
}

    .calendarDropDownBoxContainer.visible
    {
        visibility: visible;
    }

.bootstrap-datetimepicker-widget .datepicker > div
{
    display: block;
}

.datepicker-inline
{
    margin-top: 4px !important;
    padding: 0 4px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 2px #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .datepicker-inline:before
    {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
        top: 0px;
        left: 6px;
    }

    .datepicker-inline:after
    {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
        top: 1px;
        left: 7px;
    }

.calendarDropDownBoxContainer .datepicker table tr td.old,
.calendarDropDownBoxContainer .datepicker table tr td.new
{
    color: #777;
}

.calendarDropDownBoxContainer .datepicker table tr td span.old,
.calendarDropDownBoxContainer .datepicker table tr td span.new
{
    color: #777;
}

.calendarDropDownBoxContainer .datepicker table tr td.active
{
    color: #fff;
}

.calendarDropDownBoxContainer .datepicker table tr td.new.disabled,
.calendarDropDownBoxContainer .datepicker table tr td.new.disabled:hover,
.calendarDropDownBoxContainer .datepicker table tr td.disabled,
.calendarDropDownBoxContainer .datepicker table tr td.disabled:hover,
.btn-disabled
{
    color: #ddd;
}

.scrollLeft, .scrollRight
{
    position: absolute;
    top: 0px;
    font-size: 150%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 5px;
    padding-right: 5px;
}

.scrollLeft
{
    left: 0px;
}

.scrollRight
{
    right: 0px;
}

.field-validation-error
{
    color: red;
}

.submitInterface
{
    overflow: hidden;
}

    .submitInterface .form-horizontal
    {
        padding-bottom: 25px;
    }

        .submitInterface .form-horizontal#CardPayment
        {
            padding-bottom: 0px;
        }

.navbar-toggle .icon-bar
{
    background-color: black;
}

/*Remove number spinners on html5 number field*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]
{
    -moz-appearance: textfield;
}

.contentTop .products
{
    clear: both;
}

.btn-large
{
    max-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.btn-success
{
    padding: 6px 20px;
    font-size: 19px;
    border-radius: 0px;
}

#cardHelpInner .dropDownBox
{
    max-height: 300px;
    overflow: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

#cardHelpInner .glyphicon-remove-sign
{
    right: 30px;
}

#cardHelpInner .messageSeparator
{
    border-bottom: 2px solid #ddd;
    padding: 12px 0;
}

#cardHelpInner .lastMessage
{
    padding: 12px 0;
}

.messageHelp, .messageHelp:hover
{
    text-decoration: none !important;
}

#MessageHelpText
{
    display: none;
}

.alert a
{
    font-weight: bold;
}

.alert-danger a
{
    color: #a94442;
}

.textBanner
{
    position: relative;
}

    .textBanner a
    {
        text-decoration: none;
    }

    .textBanner .text-middle
    {
        color: white;
        display: table;
        background-position: center;
        width: 100%;
        height: 200px;
        font-size: 15px;
        background-repeat: no-repeat;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.80);
    }

        .textBanner .text-middle > div
        {
            vertical-align: middle;
            display: table-cell;
            text-align: center;
        }

    .textBanner .header
    {
        font-size: 35px;
        display: block;
        margin-top: 0px;
    }

    .textBanner.catBanner .header
    {
        font-size: 40px;
    }

i.searchIcon
{
    font-size: 17px;
    font-style: initial;
}

.spinningArrow
{
    font-size: 25px;
    animation: sspinn 1s infinite linear;
    margin: 4px auto;
    display: inline-block;
}

@keyframes sspinn
{
    from
    {
        transform: rotate(0deg);
    }

    to
    {
        transform: rotate(360deg);
    }
}

.date input
{
    min-width: 100%;
}

.callBanner
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    z-index: 50;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: inherit;
    margin: 0px;
}

    .callBanner.static
    {
        position: relative;
        bottom: initial;
        left: initial;
        right: initial;
        margin-bottom: -20px;
    }

    .callBanner:hover, .callBanner:focus
    {
        color: #fff;
        background: rgba(0, 0, 0, .9);
        text-decoration: none;
    }


.control-label[for=ExpiryMonth], .control-label[for=ExpiryYear], .control-label[for=SecurityCode]
{
    padding-top: 7px;
}

.control-text-above
{
    margin-bottom: 0px;
    margin-right: -26px;
    padding-top: 7px;
}

.tooltip.top .tooltip-arrow
{
    border-top-color: #add8e6;
}

.tooltip.bottom .tooltip-arrow
{
    border-bottom-color: #add8e6;
}

.tooltip.left .tooltip-arrow
{
    border-left-color: #add8e6;
}

.tooltip.right .tooltip-arrow
{
    border-right-color: #add8e6;
}

.tooltip-inner
{
    max-width: 600px;
    background-color: #ffffff;
    color: black;
    line-height: 1.7em;
    border-color: #add8e6;
    border-width: 2px;
    border-style: solid;
    text-align: left;
}

    .tooltip-inner ul
    {
        padding-inline-start: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

.checkout-tooltip-icon
{
    margin-left: 5px;
    color: #6495ED;
}

.tcLabel
{
    user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

    .tcLabel input
    {
        margin-right: 7px;
    }

.removeButton, .addButton
{
    font-family: arial, sans-serif;
    font-size: 19px;
    padding-left: 2px;
    padding-right: 2px;
    color: #4b4e48;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.dropDownBox > img,
.dropDownBox > picture > img
{
    position: absolute;
    top: 5px;
}

.dropDownBox img.cat_0
{
    left: 30px;
}

.dropDownBox img.cat_1
{
    left: 108px;
}

.dropDownBox img.cat_2
{
    left: 188px;
}

.dropDownBox img.cat_3
{
    left: 266px;
}

.dropDownBox img.cat_4
{
    left: 344px;
}

.dropDownBox img.cat_5
{
    left: 420px;
}

.addonCarousel
{
    float: right;
}

.cartItem
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    height: 125px;
    text-align: center;
}

    .cartItem .NoRemove, .cartItem .NoAdd
    {
        color: #a1a1a1;
        cursor: default;
    }

.cart
{
    margin: 0 auto;
}

    .cart strong
    {
        font-size: 22px;
    }

.dropDownBox, .addOnPanel .dropDownBoxContainer .dropDownBox
{
    border: 2px solid #aeaeae;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.addOnPanel .dropDownBoxContainer .dropDownBox
{
    margin-top: 10px !important;
}

.textLinks
{
    text-align: center;
}

.mainWebsite
{
    display: inline-block;
    font-size: 20px;
    padding: 10px;
    background-color: grey;
    margin-bottom: 10px;
    text-decoration: none;
    color: black;
    font-weight: bold;
    border-radius: 15px;
    width: 80%;
    margin-top: 30px;
}

hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

footer
{
    text-align: center;
}

.categoryList > li > a
{
    padding: 0px 15px;
    line-height: 40px;
    display: block;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

/* Funnel */
.deliveryClubSection
{
    margin-bottom: 15px;
}

.deliveryClubSection img
{
    display: inline-block;
}

#DeliveryProductCode option:nth-child(1), #DeliveryProductCode option:nth-child(2) {
    font-weight: bold;
}

.checkoutContainer label.error {
    color: red;
    font-size: 14px;
}

.checkoutContainer .cart .afterpay p
{
    margin-bottom: 0;
}

    .checkoutContainer .cart .klarna.withAfterpay {
        width: 49%;
        display: inline-block;
        float: initial;
        padding-right: 15px;
    }

.checkoutContainer .cart .afterpay.withKlarna {
    width: 49%;
    display: inline-block;
    float: right;
    text-align: center;
}

#AfterpayPayment img 
{
    margin-bottom: 15px;
    width: 278px;
}

#uppyBody .uppy-Dashboard-inner
{
    min-height: 220px !important;
}

#uppyBody .uppy-Dashboard-innerWrap
{
    min-height: 210px !important;
}

#uppyBody .uppy-Dashboard--wide .uppy-Dashboard-files
{
    padding: 15px 10px 0 0 !important;
}

#uppyBody .uppy-Dashboard-files
{
    padding: 0 !important;
}

.noRelative
{
    position: inherit;
}

.hiddenNav
{
    display: none;
}

.subTitle2Message
{
    margin-top: -15px;
    margin-bottom: 20px;
}

.checkoutNav .nav-pills > li.active > a, .checkoutNav .nav-pills > li.active > a, .checkoutNav .nav-pills > li.active > a:hover, .checkoutNav .nav-pills > li.active > a:focus
{
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: underline;
}

.checkoutNav
{
    margin-bottom: 40px;
    text-align: center;
    border-bottom: 1px solid #aeaeae;
    padding-top: 15px;
    padding-bottom: 5px;
}

    .checkoutNav .nav-pills > li
    {
        float: none;
        display: inline-block;
    }

    .checkoutNav .nav > li > a
    {
        padding: 10px 4px;
        font-family: georgia, sans-serif;
        font-style: italic;
        font-size: 18px;
        color: #55665d;
        text-decoration: none;
    }

        .checkoutNav .nav > li > a small
        {
            padding-left: 6px;
        }

    .checkoutNav .nav-pills > li + li
    {
        margin-left: 0px;
    }

    .checkoutNav li:last-child .glyphicon
    {
        display: none;
    }

.checkoutNavMobile
{
    list-style-type: none;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
    cursor: pointer;
}

    .checkoutNavMobile li
    {
        border: 1px solid #B2B2B2;
        border-radius: 4px;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }

        .checkoutNavMobile li a
        {
            color: #3D3D3D;
        }

        .checkoutNavMobile li.active
        {
            background-color: #EEEEEE;
        }

            .checkoutNavMobile li.active a
            {
                color: black;
            }

#confirmForm, #CouponPayment
{
    display: inline-block;
}

#couponPaymentContainer
{
    margin-top: 15px;
}

.paymentFields
{
    padding: 0;
}

    .paymentFields .promoCodeToggle
    {
        padding: 15px;
        border: 1px solid #E8E8E8;
        cursor: pointer;
        float: none;
        margin-top: 15px;
    }

    .paymentFields .promoCodeGroup
    {
        margin: 15px 0;
        display: none;
    }

    .paymentFields .glyphicon-chevron-down
    {
        color: #D2D2D2;
        float: left;
        padding-top: 3px;
    }

    .paymentFields .promoCodeToggle p
    {
        margin-bottom: 0;
        margin-left: 30px;
    }

.promoCodeAddedProducts
{
    position: fixed;
    top: 40%;
    margin: auto;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

.promoCodeMessage
{
    width: 333px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    position: relative;
}

    .promoCodeMessage.warning
    {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .promoCodeMessage .msgCloseBtn
    {
        cursor: pointer;
        position: absolute;
        top: -12px;
        right: -8px;
        font-size: 19px;
        border-radius: 25px;
        padding: 0px 8px;
        font-family: sans-serif;
        color: #fff;
        background-color: #eb6a6a;
    }

.promoCodeInCart
{
    display: inline-block;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    padding: 2px 10px;
    margin-top: 10px;
}

    .promoCodeInCart button
    {
        margin-left: 15px;
    }

    .termsAndConditions
    {
        margin-top: 15px;
    }

/*Hamburger animation*/
#hamburger-wrapper
{
    display: none;
    cursor: pointer;
}

#hamburgerMenu .submenu
{
    display: none;
}
#hamburgerMenu .submenu.showMenu
{
    display: block;
}

#navContainer .nav li a i.downArrow
{
    font-size: 13px;
    margin-left: 8px;
    font-style: initial;
}

.burger
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

    .burger,
    .burger:before,
    .burger:after
    {
        padding: 0;
        background-color: #fff;
        width: 70%;
        height: 4px;
        transition: margin .1s .2s, transform .2s;
    }

        .burger:before,
        .burger:after
        {
            margin: 0;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .burger:before
        {
            margin-top: -12px;
        }

        .burger:after
        {
            margin-top: 12px;
        }

/* STYLES FOR OUR BURGER WHEN THE MENU OPENS */
.open .burger
{
    transform: rotate(45deg);
}

    .open .burger,
    .open .burger:before,
    .open .burger:after
    {
        transition: margin .2s, transform .1s .2s;
    }

        .open .burger:before,
        .open .burger:after
        {
            margin-top: 0;
        }

        .open .burger:after
        {
            transform: rotate(-90deg)
        }

    #hamburgerMenu .submenu.showMenu, #hamburgerMenu.showMenu
    {
        transition: max-height .35s ease;
        padding-bottom: 15px;
    }

.submenu li
{
    list-style: none;
}

.afterpayLightbox img
{
    margin: 0 auto;
    max-height: 100px;
}

.afterpayLightbox
{
    padding-bottom: 10px;
}

#submitInfoFinished .afterPayId
{
    display: inline;
}

#CardContainer input, #CardContainer select
{
    font-family: Arial, sans-serif;
}

.creditCardExpiryFields
{
    white-space: nowrap;
    padding-right: 19px;
}

    .creditCardExpiryFields select
    {
        display: inline-block;
        width: 50%;
    }

.neworderBelow
{
    text-align: center;
    font-weight: bold;
}

.orderCompleteOptions
{
    margin-top: 20px;
}

.d-block
{
    display: block;
}

.expiryValidation.field-validation-error
{
    /* Just in case we accidentally show 2 expiry date error messages, put them on separate lines */
    display: block;
}

    .expiryValidation.field-validation-error ~ .field-validation-error
    {
        /* Only show 1st validation messasge about expiry date */
        display: none;
    }

.paymentTypeIcon, .datePickerInput
{
    cursor: pointer;
}

.datePickerInput
{
    background-color: #fff !important;
}

.backButton
{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 0px;
    color: #787878;
    font-size: 19px;
}

.checkoutContainer .control-label
{
    font-size: 13px;
}

.textBanner .overlay
{
    display: inline-block;
}

.thumbnail:hover .btn-default
{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.NoMessageBox
{
    padding-top: 7px;
    padding-right: 6px;
}

.navContainer
{
    position: relative;
}

.pointer
{
    cursor: pointer;
}

#lightBox
{
    position: fixed;
    text-align: center;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 100;
}

    #lightBox:before
    {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    #lightBox > div
    {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #666;
        max-width: 700px;
        max-height: 90%;
        overflow: auto;
    }

    #lightBox > .termsAndConditions
    {
        max-width: 90%;
        overflow-x: hidden;
    }

.termsAndConditions .glyphicon-remove-sign
{
    position: fixed !important;
    top: 6% !important;
    right: 9% !important;
}

#lightBox .termsAndConditions p, #lightBox .termsAndConditions li
{
    text-align: left;
}

#lightBox .termsAndConditions .btn-success
{
    margin-bottom: 10px;
}

.requiredField
{
    padding-right: 9px;
}

    .requiredField:after
    {
        content: "*";
        color: red;
        font-family: Arial,sans-serif;
        font-size: 15px;
    }

.requiredFieldLeft:before
{
    content: "*";
    color: red;
    font-family: Arial,sans-serif;
    font-size: 15px;
}

.requiredFieldContainer
{
    padding-right: 9px;
}

    .requiredFieldContainer:before
    {
        content: "*";
        color: red;
        font-family: Arial,sans-serif;
        font-size: 15px;
        float: right;
        padding-top: 5px;
    }

.deliveryTimeWait
{
    float: left;
    margin-bottom: -23px;
    margin-top: 9px;
    margin-left: -3px;
}

.paymentTypeInfoLink
{
    font-size: 11px !important;
    color: grey !important;
    display: block;
    float: none !important;
    text-align: left;
    margin-top: 3px;
    font-family: Arial,Helvetica,sans-serif;
}

#previousRecipientsList
{
    max-height: 600px;
    overflow-y: auto;
}

#previousRecipientsButton
{
    margin-top: 7px;
}

.form-horizontal .checkbox-label
{
    padding-top: 0px;
}

.radioOption
{
    user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    background-color: #E8E8E8;
}

    .radioOption.radioOptionStripe:nth-child(even)
    {
        background-color: #F5F5F5;
    }

    .radioOption > .row:not(.paymentContainer)
    {
        cursor: pointer;
        height: 65px;
    }

        .radioOption > .row > *
        {
            display: inline-block;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%); /* IE 9 */
            -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
        }

        .radioOption > .row .options, .radioOption .row .desc
        {
            border-left: 1px solid grey;
        }

            .radioOption > .row .options img
            {
                display: inline-block;
                padding-left: 1%;
            }

.orderFieldRadio input, .orderFieldRadio label
{
    margin-right: 5px;
}

.orderFieldRadio label.error
{
    position: absolute;
    margin-top: 20px;
    margin-left: -15px;
}

.slideDownContainer
{
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
    -moz-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
    -webkit-transform: translateZ(0);
}

    .slideDownContainer.inactive
    {
        display: none;
    }

    .slideDownContainer.active
    {
        display: block;
        max-height: 1000px;
        -webkit-transition: max-height 1s ease;
        -moz-transition: max-height 1s ease;
        transition: max-height 1s ease;
    }

        .slideDownContainer.active#CorporateAccountContainer
        {
            padding-bottom: 10px;
        }

.corporateAccountContainer
{
    padding-bottom: 10px;
}

    .corporateAccountContainer .control-label
    {
        padding-top: 5px;
    }


.shopProductContainer .productType
{
    cursor: pointer;
}

.shopProductContainer .slideDownContainer
{
    max-height: 15000px;
    padding-bottom: 30px;
}

    .shopProductContainer .slideDownContainer .glyphicon
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .shopProductContainer .slideDownContainer .btn-showless
    {
        display: none;
    }

    .shopProductContainer .slideDownContainer .products > div
    {
        display: none;
    }



    .shopProductContainer .slideDownContainer.active .products div
    {
        display: block;
    }

    .shopProductContainer .slideDownContainer.active .btn-block
    {
        display: none;
    }

    .shopProductContainer .slideDownContainer.active .btn-showless
    {
        display: block;
    }

.customRadio
{
    text-align: center;
}

    .customRadio > span
    {
        display: inline-block;
        position: relative;
        background: #D2D2D2 none repeat scroll 0% 0%;
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }

.active .customRadio > span:after, .dynamicHover:hover .customRadio > span:after, .dynamicHover:focus .customRadio > span:after
{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 7px;
    background: #84B740 none repeat scroll 0% 0%;
}


.checkoutWithApplePay
{
    text-align: right;
    margin-top: 10px !important;
}

.applePayNextButton
{
    width: 350px;
    display: inline-block;
}

    .applePayNextButton .backButton
    {
        float: left;
        margin-top: 0;
    }

    .applePayNextButton .btn-success
    {
        overflow: hidden;
        padding: 5px 43px !important;
    }

    .paymentButton
    {
        display: inline-block;
        padding: 15px;
        vertical-align: top;
    }

    .paymentButton img
    {
        max-height: 42px;
    }

.UnavailablePaymentOption,
.paymentOptionDisplay-ApplePay.UnavailablePaymentOption,
.paymentOptionDisplay.availablePaymentOption.UnavailablePaymentOption,
.checkoutWithApplePay.UnavailablePaymentOption
{
    display: none;
}

.paymentOptionDisplay-ApplePay .paymentButton
{
    padding-top: 0px;
}
/*I want to force there to be separation between the payment interface and the buttons that show if payment fails (just enter a bad card to see them). 
    By default, the back button creates this space with it's margin top, but the back button is not always shown in failure states.*/
.failureActions
{
    margin-top: 20px;
}

/*Upgrade tab*/
.upgrades img
{
    max-width: 100%;
}

.upgradeChoice
{
    background-color: #3b3b3b;
    font-size: 23px;
    font-weight: bold;
    padding: 10px;
    max-width: 400px;
    min-height: 105px;
}

    .upgradeChoice p, .upgradeChoice.upgraded p
    {
        color: #fff;
    }

.upgrades .clickable
{
    cursor: pointer;
}

.upgradeProdsDiv
{
    border: 1px solid #3b3b3b;
    overflow: hidden;
}

.originalProduct > div
{
    max-height: 358px;
}

.upgradedProduct .col-md-7
{
    padding: 0;
}

.upgradedProduct
{
    max-width: 100%;
}

    .upgradedProduct h3
    {
        font-family: sans-serif, Helvetica;
        color: #1eb8a9;
        font-size: 42px;
        text-align: center;
    }

    .upgradedProduct p
    {
        font-size: 22px;
        color: #888;
    }

        .upgradedProduct p.text-center
        {
            color: #000;
        }

.upgradeChoice.original span
{
    color: black;
    background-color: white;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    padding-left: 6px;
    padding-top: 7px;
    float: right;
    margin: 26px 20px 0 0;
}

.upgradeChoice.upgraded
{
    min-width: 100%;
}

    .upgradeChoice.upgraded img
    {
        float: right;
        margin-top: 17px;
    }

    .upgradeChoice.upgraded p
    {
        margin-top: 25px;
        margin-left: 20px;
    }

.upgrades .glyphicon-circle-arrow-right
{
    font-size: 43px;
    vertical-align: top;
    margin-top: 20%;
    text-align: center;
}

.upgradeChoice span, .upgradeChoice div, .upgradeChoice .glyphicon-circle-arrow-right, .upgrades .originalProduct, .upgradeChoice.upgraded p, .upgradeChoice.upgraded img, .upgradedProduct .upgradeText, .upgradedProduct > div > img, .upgradedProduct > div > picture > img
{
    display: inline-block;
}

.upgradeText
{
    padding-top: 2%;
}

.upgradedProduct br:not(.onlyLarge), .originalProduct .upgradeChoice br
{
    display: none;
}

.rightCheckbox > label
{
    font-weight: normal;
    padding-right: 15px;
}

#charactersRemainingSection
{
    margin: 0;
}

/* Keeps the sign off reminder on the same line as the characters remaining text when it fits, and drops it
   onto its own line underneath when it doesn't. Flex wrapping is decided on each item's natural width, so
   the reminder moves down as a whole rather than the two squashing together.
   space-between pushes the reminder out to the right hand edge (lining up with the message box) when the
   two share a line, and leaves it left aligned once it has wrapped onto a line of its own. */
.cardMessageFooter
{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}

/* Minimum clear space between the two before they are allowed to share a line - flex measures each item's
   outer width (margins included) when deciding where to break, so this doubles as the wrap threshold: any
   narrower than counter + 40px + reminder and the reminder drops onto its own line instead of crowding the
   counter. Sits on the trailing edge of the first item so it doesn't indent the reminder once wrapped. */
.cardMessageFooter #charactersRemainingSection
{
    margin-right: 40px;
}

/* Bottom margin lives here rather than on the wrapper so the extra gap only appears while the reminder is shown */
.cardSignOffReminder
{
    margin: 0 0 10px 0;
    font-style: italic;
}

/* The reminder is a content block, so it may come through wrapped in its own paragraph */
.cardSignOffReminder p
{
    margin: 0;
}

#extraDeliveryInformation
{
    font-size: 17px;
    display: block;
    border-radius: 10px;
    padding: 10px 20px;
    border: 1px solid rgb(105, 196, 174) !important;
}

    #extraDeliveryInformation h4
    {
        color: #353535;
    }

/*Account Page*/
#socialLoginList form
{
}

#socialLoginForm button, #socialLoginForm span
{
    display: inline-block;
    margin-bottom: 15px;
    min-width: 145px;
    max-width: 145px;
}

    #socialLoginForm span img
    {
        vertical-align: bottom;
        width: 145px;
    }

#quickSignIn #socialLoginList
{
    margin-top: 15px;
}

#OpenIdConnect, .loginTemplate .alert-danger
{
    display: none !important;
}

    .loginTemplate .alert-danger.ng-binding
    {
        display: block !important;
    }

.list-unstyled
{
    padding-left: 15px;
    padding-bottom: 5px;
}

#quickSignIn #loginPrompt
{
    cursor: pointer;
}

#quickSignIn .active .close
{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.emailConfirm
{
    display: inline;
}

    .emailConfirm input[type="submit"]
    {
        border: none;
        background-color: #fff;
        text-decoration: underline;
    }

#Facebook
{
    background-color: #3b5998;
    color: #fff;
    border: none;
    font-weight: bold;
    letter-spacing: .5px;
}

    #Facebook:hover, #Facebook:focus
    {
        background-color: #3B59CE;
    }

#PayPal, .payPalButton
{
    background-color: #0079c1 !important;
    background-image: -webkit-linear-gradient(#00a1ff 20%, #0079c1) !important;
    background-image: linear-gradient(#00a1ff 20%, #0079c1) !important;
    background-repeat: no-repeat !important;
    border-color: #0079c1 #00588b #004b77 !important;
    -webkit-box-shadow: inset 0 1px #4dbeff !important;
    box-shadow: inset 0 1px #4dbeff !important;
    letter-spacing: .5px;
    color: #fff;
}

    #PayPal:hover, .payPalButton:hover, #PayPal:focus, .payPalButton:focus
    {
        background-image: -webkit-linear-gradient(#00A0EB 20%, #0078E3) !important;
        background-image: linear-gradient(#00A0EB 20%, #0078E3) !important;
        color: #fff;
    }


.ng-hide
{
    display: none;
}
/*End Account Page*/

/*Manage Page*/
.manageProfileForm .dl-horizontal
{
    margin-bottom: 0;
}

#DateStart, #DateEnd
{
    cursor: pointer;
    background-color: #fff;
}
/*End Manage Page*/

/*Order Information Page*/

.orderTrack
{
    text-align: center;
}

.orderActions
{
    font-size: 18px;
    padding-bottom:50px;
    padding-left:35px;
}
.orderActions .pointer.underline
{
    font-weight: bold;
    color: #006fc6;
}

.orderInformation
{
    font-size: 18px;
}

    .orderInformation .pointer.underline
    {
        font-weight: bold;
        color: #006fc6;
    }

    .orderInformation h4, .orderInformation .glyphicon-triangle-bottom, .orderInformation .glyphicon-triangle-top
    {
        color: #888;
        display: inline-block;
    }


    .orderInformation [class*=dropDownBoxContainer]:not(.addrInfo,.dropDownBoxContainer_confirmation)
    {
        /*padding-right: 30px;*/
        position: relative;
        max-height: 0;
        overflow: hidden;
        /* Remove delay by setting transition delay to -0.25s */
        -webkit-transition: all 0.5s -0.25s ease;
        -moz-transition: all 0.5s -0.25s ease;
        -o-transition: all 0.5s -0.25s ease;
        -ms-transition: all 0.5s -0.25s ease;
        transition: all 0.5s -0.25s ease;
        -webkit-transform: translateZ(0);
    }

    .orderInformation [class*=dropDownBoxContainer].visible
    {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        max-height: 100%;
    }

    .orderInformation .dropDownBox
    {
        border: none;
    }

    .orderInformation .navbar
    {
        min-height: 40px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .orderInformation textarea
    {
        width: 100%;
        height: 120px;
    }

    .orderInformation .hiddenEditField input[type=text]
    {
        width: 100%;
    }

    .orderInformation .glyphicon-triangle-top, .orderInformation .glyphicon-triangle-bottom
    {
        right: 12px;
        top: 12px;
        float: right;
    }

    .orderInformation .glyphicon-triangle-top
    {
        top: 10px;
    }

    .orderInformation .btn.btn-default,
    .orderInformation .btn.btn-success
    {
        margin-top: 15px;
        margin-bottom: 0;
        padding: 6px 12px;
        font-size: 14px;
        border-radius: 4px;
    }

    .orderInformation .orderAddress
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .orderInformation h5
    {
        font-size: 16px;
        font-weight: bold;
    }

        .orderInformation h5:not(.children)
        {
            margin-top: 30px;
        }


.orderInformation .orderProducts > div
{
    padding-top: 30px;
    padding-bottom: 30px;
}

    .orderInformation .orderProducts > div .productQty
    {
        position: absolute;
        right: 0;
        bottom: 30px;
    }

    .orderInformation #profile glyphicon-user
    {
        color: #525252;
    }

    .orderInformation #profile h4, .orderInformation #profile div
    {
        margin-bottom: 20px;
    }

    .orderInformation #profile
    {
        padding: 10px 20px 10px 20px;
    }

        .orderInformation #profile form
        {
            margin-bottom: 15px;
        }

        .orderInformation #profile dl
        {
            margin-bottom: 5px;
        }

    .orderInformation .addonBrowser
    {
        overflow: initial;
        white-space: inherit;
    }

    .orderInformation .poweredByGoogle
    {
        text-align: right;
    }


.paymentPanels #paymentContainer
{
    padding-bottom: 40px;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    min-width: 320px;
    margin: 0;
}
.paymentPanels #staticCart
{
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    min-width: 320px;
    margin: 0;
    padding-bottom: 10px;
}

    .paymentPanels #paymentContainer > div
    {
        padding: 10px 25px;
    }

    .paymentPanels #paymentContainer .btn
    {
        border-radius: 4px;
        font-size: 18px;
        display: inline-block;
        min-width: 120px;
        padding: 10px;
    }

    .paymentPanels #payButtons, .paymentPanels #paymentContainer #totalPrice
    {
        text-align: center;
    }

        .paymentPanels #staticCart > a
        {
            margin: 50px 5px 0 0;
            max-width: 120px;
            min-width: 120px;
            text-align: center;
            padding: 10px;
        }

.paymentPanels #staticCart > strong, .paymentPanels #paymentContainer > strong
{
    width: 100%;
    display: block;
    padding: 5px 0 0 15px;
    height: 37px;
}

.utrustPaymentIcon
{
    height: 24px;
}

.applePayPaymentIcon
{
    height: 30px;
}

    .orderInformation .singleCategory .dropDownBox
    {
        display: block;
    }

    .orderInformation .dropDownBoxContainer .dropDownBox h4
    {
        display: none;
    }

    /*End Order Information Page*/
    /* Order Complete */
    .orderTrackLG
    {
        font-size: 30px;
        text-align: center;
    }

.orderComplete #submitTitle
{
    text-align: center;
    font-size: 60px;
}

.checkoutContainer .newOrder .btn.btn-success, .checkoutContainer .reminderOrder .btn.btn-default, .checkoutContainer .csHub .btn.btn-success, .newOrder p:not(.shadowButton), .reminderFail
{
    padding: 1% 0% 1% 2% !important;
    text-align: left;
    background-color: #cfcfcf;
    text-transform: none !important;
    font-size: 23px;
    color: #505050;
    border-radius: 13px !important;
    width: 60%;
    margin-bottom: 15px !important;
}

.reminderSuccess, .reminderFail
{
    margin: auto;
    font-weight: bold;
    font-size: 23px !important;
    font-weight: normal;
}

.newOrder .reminderSuccess
{
    background-color: #38C045;
    color: white !important;
}

.newOrder .reminderFail
{
    background-color: #d13434;
    color: white !important;
}

#lightBoxInnerContent article
{
    text-align: left;
}

.csHub .glyphicon, .newOrder .glyphicon, .reminderOrder .btn.btn-default .glyphicon
{
    background-image: none;
    float: right;
    padding-right: 30px;
}

.reminderOrder .btn.btn-default
{
    background-color: #e5e5e5;
}

.newOrder .btn.btn-success
{
    background-color: #efefef;
}

.newOrder p.text-success
{
    background-color: #84B740 !important;
    width: 60%;
    margin: auto;
    border-radius: 13px !important;
    color: white;
    margin-bottom: 15px;
    padding: 14px;
    text-align: left;
    font-size: 22px;
    display: block;
}

.newOrder a span
{
    background-image: url(../Common/Images/order-again-icon.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    padding-left: 35px;
    float: left;
}

.newOrder a:hover span
{
    background-image: url(../Common/Images/order-again-icon-hover.png);
}

.reminderOrder .btn.btn-default span
{
    background-image: url(../Common/Images/create-reminder-icon.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px;
    padding-left: 30px;
    float: left;
}

.reminderOrder .btn.btn-default:hover span
{
    background-image: url(../Common/Images/create-reminder-icon-hover.png);
}

.csHub a span
{
    background-image: url(../Common/Images/track-order-icon.png);
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 17px;
    padding-left: 30px;
    float: left;
}

.csHub a:hover span
{
    background-image: url(../Common/Images/track-order-icon-hover.png);
}

.csHub a:hover .glyphicon, .reminderOrder .btn.btn-default:hover .glyphicon, .newOrder a:hover .glyphicon
{
    background-image: none;
}



.orderComplete.checkoutContainer
{
    margin-bottom: 40px;
}

.orderComplete .btn-success, .orderComplete .btn-default
{
    outline: initial;
    border: none;
}

.orderCompleteOptions
{
    margin-top: 30px;
}

.orderCompleteCartProd
{
    text-align: center;
    margin: 0 auto;
}

    .orderCompleteCartProd > div
    {
        display: inline-block;
    }

.newOrder .text-success
{
    font-size: 18px;
    background-color: #84B740 !important;
    width: 60%;
    margin: auto;
    border-radius: 13px !important;
    color: white;
    margin-bottom: 15px;
    padding: 14px;
    text-align: left;
    font-size: 22px;
    display: block;
}

.newOrder .btn.btn-success:hover, .reminderOrder .btn.btn-default:hover, .csHub .btn.btn-success:hover
{
    background: #38C045;
    background-color: #38C045;
    color: white;
}

.orderComplete .linkBlock
{
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    background-color: #e5e5e5;
    margin: 15px 0 15px 0;
    border-radius: 15px;
}

    .orderComplete .linkBlock:hover
    {
        background-color: #38C045;
        color: white;
    }

/* End Order Complete */


.recentlyPlacedOrderInformation
{
    position: fixed;
    margin-right: 15px;
    background-color: #fff;
    max-width: 400px;
    padding: 10px;
    border: 2px solid #ddd;
    bottom: -100%;
    left: 15px;
}

    .recentlyPlacedOrderInformation.visiblePosition
    {
        bottom: 15px;
        transition: bottom .35s ease;
    }

    .recentlyPlacedOrderInformation.hiddenPosition
    {
        left: -100%;
        transition: left .35s ease;
    }

    .recentlyPlacedOrderInformation img
    {
        float: left;
        margin-right: 15px;
    }

    .recentlyPlacedOrderInformation a
    {
        text-decoration: none;
    }

/*bootstrap datetimepicker customisations*/
body
{
    position: relative;
}

.bootstrap-datetimepicker-widget
{
    z-index: 9999 !important;
}
/*end bootstrap datetimepicker customisations*/

/*bootstrap fixes for picture tags*/
.thumbnail > picture > img,
.thumbnail a > picture > img,
.carousel-inner > .item > picture > img,
.carousel-inner > .item > a > picture > img
{
    display: block;
    max-width: 100%;
    height: auto;
}
.nav > li > a > picture > img
{
    max-width: none;
}
.navbar-brand > picture > img
{
    display: block;
}

.thumbnail > picture > img,
.thumbnail a > picture > img
{
    margin-right: auto;
    margin-left: auto;
}
.carousel-inner > .item > picture > img,
.carousel-inner > .item > a > picture > img
{
    line-height: 1;
}
/*end bootstrap carousel fixes for picture tags*/

/* Image mouse rollover */
.hoverImage
{
    overflow: hidden;
    position: relative;
}

    .hoverImage img
    {
        position: relative;
    }

        .hoverImage img.hoverOver
        {
            position: absolute;
            opacity: 0;
            -webkit-transition: opacity 0.2s ease-in-out;
            -moz-transition: opacity 0.2s ease-in-out;
            -o-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
        }

    .hoverImage:hover img.hoverOver
    {
        opacity: 1;
    }
/* end Image mouse rollover */

/*All phones*/
@media only screen and (max-width : 1199px)
{
    .menuText
    {
        color: white;
        font-size: 15px;
        text-transform: uppercase;
        right: 75px;
        position: absolute;
        top: 11px;
    }

    #cartReview > i {
        left: -5px;
        top: 7px;
    }
    .cartCountBubble {
        color: white;
    }

    #cartReview {
        cursor: pointer;
    }

    #reviewCart {
        border: 1px solid #A9A9A9;
        border-top: none;
    }
}

/*Tablet and mobile*/
@media only screen and (max-width : 991px)
{
    .checkoutContainer .cart .afterpay
    {
        padding-left: 15px;
    }

    .nav-stacked .list-group
    {
        margin-left: 5px;
        margin-top: 15px;
    }

    .nav-stacked .list-group-item:first-child
    {
        border-radius: 4px;
    }

    .nav-stacked .list-group-item
    {
        border: 1px solid #d5d5d5;
        background-color: #ededed;
        border-bottom: 1px solid #d5d5d5;
        margin-top: 5px;
        border-radius: 4px;
    }

        .nav-stacked .list-group-item a
        {
            display: block;
            width: 100%;
            padding: 10px;
        }

    .nav-stacked > li > a
    {
        padding: 10px 19px;
    }

    .productInfo .addonCarousel
    {
        padding-left: 0;
        padding-right: 0;
    }

    .calendarDropDownBoxContainer
    {
        font-size: 18px;
    }

    .datepicker.datepicker-inline
    {
        width: 264px;
    }

    .datepicker-months, .datepicker-years
    {
        padding-left: 24px;
    }

        .datepicker-months > table, .datepicker-years > table, .datepicker-days > table
        {
            width: 255px;
        }

    .submitInterface .termsAndConditions
    {
        margin-top: 15px;
        text-align: left;
    }

    .paymentOption .paymentType .options img
    {
        max-width: 45%;
        padding: 0px;
    }

    #extraDeliveryInformation
    {
        margin-left: 15px;
        width: auto;
        margin-right: 15px;
    }

    .upgradedProduct .upgradeText br.onlyLarge
    {
        display: none;
    }

    .upgradedProduct h3
    {
        margin-top: 5px;
    }

    .upgrades .glyphicon-circle-arrow-right
    {
        visibility: initial;
        text-align: left;
        position: relative;
        z-index: 100;
        top: 176px;
        margin-top: unset;
        font-size: 62px;
        left: -61px;
    }

    .clickable.upgraded
    {
        margin-top: -63px;
    }

    .upgradeText
    {
        padding-top: 0;
        min-width: 100%;
        min-height: 195px;
    }

    .upgradeChoice p, .upgradeChoice.upgraded p
    {
        font-size: 18px;
    }

    .originalProduct > div:not(.original)
    {
        margin-bottom: 195px;
    }

    .upgradedProduct .upgradeChoice img
    {
        height: 32.5px;
        width: 94.9px;
        margin-top: 24px;
    }

    .upgradeChoice.upgraded p
    {
        margin-left: 0;
        margin-top: 30px;
    }

    .checkoutWithApplePay,
    .deliveryButtons.hasApplePay
    {
        text-align: center;
        margin-top: -10px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width : 797px)
{
    .upgrades .glyphicon-circle-arrow-right
    {
        left: -36px;
        font-size: 44px;
    }

    .clickable.upgraded
    {
        margin-top: -44px;
    }
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

@media only screen and (max-width : 768px){
    .cartCountBubble:before {
        top: 0px;
    }
}

@media only screen and (max-width : 767px)
{
    .hiddenEditField:not(.addressSection, .customMessagesSection)
    {
        width: 100%;
    }

    .paymentFields
    {
        margin-left: -15px;
        margin-right: -15px;
    }

    #hamburgerMenu .submenu, #hamburgerMenu:not(.showRight)
    {
        max-height: 0;
        display: block;
        overflow: hidden;
        transition: max-height .35s ease;
        border-top: none;
        border-bottom: none;
    }

    #hamburger-wrapper
    {
        display: flex;
        align-items: center;
        width: 44px;
        height: 40px;
        margin: 9px 15px 0 0;
        padding: 0 3px;
        float: right;
        right: 0;
    }

    .menuText
    {
        right: 65px;
        top: 14px;
    }

	.deliveryTimeWait
    {
        float: none;
        margin: 0;
    }


    #lightBoxCarousel .lightBoxImage
    {
        max-height: calc(100vh - 132px);
    }

    .upgradedProduct h3
    {
        font-size: 35px;
    }

    .upgradeChoice.original span
    {
        margin-right: 5px;
    }

    .upgradeChoice.upgraded p
    {
        margin-top: 0;
        margin-left: 10px;
    }

    .upgradedProduct br:not(.onlyLarge), .originalProduct .upgradeChoice br
    {
        display: block;
    }

    .upgradeChoice
    {
        text-align: center;
        min-width: 100%;
        min-height: 110px;
    }

        .upgradeChoice.original span
        {
            float: none;
            padding-left: 0;
            margin: 0;
        }

    .upgradedProduct .upgradeChoice img
    {
        float: none;
        margin-top: 14px;
    }

    .upgradedProduct p.upgradeDataText
    {
        font-size: 20px;
    }

    .upgradeChoice p
    {
        margin-bottom: 0;
    }

    .upgradedProduct > img,
    .upgradedProduct > picture > img
    {
        float: none;
    }

    .addressColumn
    {
        display: none;
    }

    .table-responsive.customerHubTable > .table > thead > tr > th, .table-responsive.customerHubTable > .table > tbody > tr > th, .table-responsive.customerHubTable > .table > tfoot > tr > th, .table-responsive.customerHubTable > .table > thead > tr > td, .table-responsive.customerHubTable > .table > tbody > tr > td, .table-responsive.customerHubTable > .table > tfoot > tr > td
    {
        font-size: 12.5px;
        white-space: initial;
    }
    .textBanner .text-middle
    {
        height: 150px;
    }

    .orderCompleteOptions form p
    {
        margin-top: 10px;
    }

    .orderCompleteOptions div > .neworderBelow
    {
        margin-top: 10px;
    }

    .addonBrowser
    {
        margin-left: 15px;
        margin-right: 15px;
    }

    .menuText
    {
        right: 60px;
    }

    .addon
    {
        max-width: 140px;
    }

    .control-label.postcode
    {
        margin-top: 15px;
    }

    .textBanner .header
    {
        margin-bottom: 0px;
    }

    .textBanner header.smallText
    {
        font-size: 30px;
    }

    .removeButton, .addButton, .cartItem a
    {
        padding-left: 12px;
        padding-right: 12px;
        border: 1px solid #aeaeae;
        margin-right: 1px;
        margin-left: 1px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 4px;
        padding-bottom: 1px;
    }

    .belowCreditCardExpiryFields
    {
        margin-bottom: 15px;
    }

    .creditCardExpiryFields select
    {
        padding: 6px 3px;
    }

    input.cvv
    {
        padding: 6px 7px;
    }

    .tcLabel
    {
        display: inline;
        margin-left: 10px;
    }

    .NoMessageBox
    {
        padding-top: 0px;
        display: inline-block;
        float: right;
    }

    .messageContainer
    {
        text-align: left;
    }

    .submitInterface
    {
        transition: none;
    }

    #lightBox > div
    {
        width: 90%;
        margin-top: -20px;
    }

    .dropDownBoxContainer .glyphicon-remove-sign
    {
        font-size: 1.75em;
        right: 5px;
        top: 15px;
    }

    #lightBox .glyphicon-remove-sign
    {
        font-size: 1.75em;
        right: 5px;
        top: 5px;
    }

    #lightBox .termsAndConditions img, .contentTop table .contentTableImage
    {
        display: none !important;
    }

    .messageContainer > .control-label:after
    {
        content: "*";
        color: red;
        font-family: Arial,sans-serif;
        font-size: 15px;
    }

    .requiredFieldContainer:before
    {
        content: "";
    }

    #hamburgerMenu
    {
        position: absolute;
        z-index: 10;
        background-color: white;
        border-left: 3px solid white;
        right: 0px;
        top: 40px;
        padding: 0 15px;
    }

    .callBannerPadding
    {
        padding: .5em;
    }

    #cardImage > div
    {
        text-align: center;
    }

    .shopProductContainer .slideDownContainer .products > div:nth-child(-n+2)
    {
        display: block;
    }

    .orderInformation .orderProducts > div
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .orderInformation .orderProducts > div .productQty
        {
            bottom: 15px;
        }

    .newOrder a, .reminderOrder a, .csHub a, .reminderSuccess, .reminderFail
    {
        padding: 12px 0px 12px 20px !important;
        width: 90% !important;
        font-size: 16px !important;
        font-weight: normal;
    }

    .reminderSuccess, .reminderFail
    {
        width: 90% !important;
    }


    .newOrder p.text-success
    {
        width: 90%;
        font-size: 15px;
    }

    .csHub a span
    {
        background-position: 8px 2px;
        background-size: 12px;
    }

    .reminderOrder .btn.btn-default span, .newOrder a span
    {
        background-position: 8px 0px;
        background-size: 14px;
    }

    .reminderSuccess, .reminderFail
    {
        padding-left: 10px !important;
    }

    .paymentPanels #paymentContainer .expiryYear
    {
        margin-top: 10px;
    }

    .recentlyPlacedOrderInformation.visiblePosition
    {
        bottom: 57px;
    }
}

@media only screen and (max-width : 600px)
{
    .upgradeChoice p, .upgradeChoice.upgraded p
    {
        font-size: 14px;
    }

    .upgradeChoice.upgraded p
    {
        margin-left: 0;
    }

    .upgradedProduct p.upgradeDataText
    {
        font-size: 18px;
    }
}

/*Modern Phone/Mobile*/
@media only screen and (max-width : 550px)
{
    .recentlyPlacedOrderInformation {
        display: none !important; 
    }
    .textBanner .header
    {
        font-size: 28px;
    }

        .textBanner .header.smallText
        {
            font-size: 21px;
        }

    .checkoutContainer .control-label
    {
        padding-right: 0;
    }

    #lightBox > .termsAndConditions h1
    {
        font-size: 30px;
    }

    .cartItem
    {
        padding-right: 0;
        min-width: 89px;
    }

    .termsAndConditions .glyphicon-remove-sign
    {
        right: 12% !important;
    }

    .orderComplete #submitTitle
    {
        font-size: 40px;
    }

    .paymentPanels #staticCart > a
    {
        max-width: 70px;
        min-width: 70px;
        padding-left: 5px;
        font-size: 16px;
    }

    .addOnPanel .addonCategory img
    {
        max-width: 80px;
    }
}

@media only screen and (max-width : 500px)
{
    .upgradedProduct h3
    {
        font-size: 24px;
    }

    .upgradedProduct .upgradeText
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .upgradedProduct p.text-center
    {
        font-size: 16px;
    }

    .clickable.upgraded
    {
        margin-top: -42px;
    }

    .upgrades .glyphicon-circle-arrow-right
    {
        left: -35px;
        font-size: 42px;
    }
}

@media only screen and (max-width : 400px)
{
    .upgradeChoice p, .upgradeChoice.upgraded p
    {
        font-size: 12px;
    }
}

    /*Iphone 4 (sub 4.5inch)*/
    @media only screen and (max-width : 365px)
    {
        .textBanner .text-middle
        {
            height: 130px;
        }

        .datepicker-months > table, .datepicker-years > table, .datepicker-days > table, .datepicker.datepicker-inline, .calendarDropDownBoxContainer
        {
            width: 100% !important;
        }

        .addOnPanel .addonBrowser
        {
            margin-left: 6px;
            margin-right: 15px;
        }
    }



    /*Tablets and above*/
    @media only screen and (min-width : 768px)
    {
        .orderComplete .header
        {
            font-size: 200%;
        }

        .checkoutContainer .deliveryInstructions .control-label
        {
            padding-left: 0px;
            font-size: 83%;
        }

        #productImages img,
        .singleProductImage > img,
        .singleProductImage > picture > img
        {
            cursor: -moz-zoom-in;
            cursor: -webkit-zoom-in;
            cursor: zoom-in;
        }

        .previousRecipientForm .control-label
        {
            text-align: right;
        }

        .shopProductContainer .slideDownContainer .products > div:nth-child(-n+4)
        {
            display: block;
        }

        .seeMoreSelected .addon.addonShowMore-sm,
        .addon.addonInitial-sm.addonShowMore-xs
        {
            display: initial;
        }
        .addon.addonShowMore-sm
        {
            display: none;
        }
    }

    /*Desktop Only*/
    @media only screen and (min-width : 992px)
    {
        .calendarDropDownBoxContainer .datepicker-days
        {
            padding-left: 4px;
        }

        .datepicker-months, .datepicker-years
        {
            padding-left: 14px;
        }

        .submitInterface .termsAndConditions
        {
            margin-top: 10px;
        }

        #cardSuccessMessage
        {
            margin-top: 90px;
        }

        #socialLoginForm button, #socialLoginForm span
        {
            min-width: 115px;
        }

        #extraDeliveryInformation
        {
            position: absolute;
            top: 0px;
            right: 0px;
        }

        .checkoutContainer .cart .afterpay
        {
            float: right;
            text-align: right;
        }

            .checkoutContainer .cart .afterpay p
            {
                margin-right: -15px;
            }

        .checkoutContainer .cart .klarna 
        {
            float: right;
        }

        .seeMoreSelected .addon.addonShowMore-md,
        .addon.addonInitial-md.addonShowMore-xs,
        .addon.addonInitial-md.addonShowMore-sm
        {
            display: initial;
        }
        .addon.addonShowMore-md
        {
            display: none;
        }
    }


/*Really Desktop Only*/
@media only screen and (min-width : 1200px)
{
    .dropdown:hover .submenu
    {
        display: block;
    }

    .seeMoreSelected .addon.addonShowMore-lg,
    .addon.addonInitial-lg.addonShowMore-xs,
    .addon.addonInitial-lg.addonShowMore-sm,
    .addon.addonInitial-lg.addonShowMore-md
    {
        display: initial;
    }
    .addon.addonShowMore-lg
    {
        display: none;
    }
}

@media only screen and (max-width: 1599px)
{
    .visible-xl
    {
        display: none !important;
    }
}

@media only screen and (min-width: 1600px)
{
    .seeMoreSelected .addon.addonShowMore-xl,
    .addon.addonInitial-xl.addonShowMore-xs,
    .addon.addonInitial-xl.addonShowMore-sm,
    .addon.addonInitial-xl.addonShowMore-md,
    .addon.addonInitial-xl.addonShowMore-lg
    {
        display: initial;
    }

    .addon.addonShowMore-xl
    {
        display: none;
    }

    .visible-lg.xl-enabled
    {
        display: none !important;
    }

    .visible-xl
    {
        display: block !important;
    }
}

/* Custom message fields (sticker, ribbon, card) on the checkout recipient step.
   Scoped to #messageFields, the root of BOTH copies of that markup - MessageItems.cshtml and
   the inline copy in Tab_Recipient.cshtml - so one rule set serves both funnels.
   See .claude/custom-message-types.md before changing these. */
#messageFields .form-group
{
    /* Flex so the label lines up with the message box and the thumbnail hangs below it. The
       columns keep their percentage widths, which is why both of them need an explicit
       col-xs-12: a flex item with no width shrinks to its content instead of filling the row. */
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#messageFields .control-label
{
    /* display:block because a Bootstrap label is inline-block - it otherwise shrinks to its text
       and text-align has nothing to act on. margin-bottom because Bootstrap only zeroes the
       label's own 5px bottom margin at 768px and up, which widens the gap under the image on
       mobile. */
    display: block;
    margin-bottom: 0;
}

#messageFields .messageItemImage
{
    /* The product thumbnail. It sits inside the label so it follows the label's own alignment at
       every breakpoint - right in the label column on desktop, left with every other label on
       mobile - with no media query. line-height:0 removes the baseline descender gap an inline
       image leaves underneath it, so these margins are the only spacing in play; that is why
       they are an odd-looking pair rather than an even one. */
    display: block;
    line-height: 0;
    margin: 7px 0 10px 0;
}

#messageFields .help-block
{
    margin-bottom: 0;
}

@font-face
{
    font-family: lobster;
    src: url('./Fonts/lobster_1.4-webfont.eot');
    src: local('☺'), url('./Fonts/lobster_1.4-webfont.woff') format('woff'), url('./Fonts/lobster_1.4-webfont.ttf') format('truetype'), url('./Fonts/lobster_1.4-webfont.svg') format('svg');
}

@font-face
{
    font-family: bebas;
    src: url('./Fonts/bebasneue-webfont.eot');
    src: local('☺'), url('./Fonts/bebasneue-webfont.woff') format('woff'), url('./Fonts/bebasneue-webfont.ttf') format('truetype'), url('./Fonts/bebasneue-webfont.svg') format('svg');
}

html
{
    background-image: url(./Images/footer.jpg);
}

body
{
    background-color: #b9e5fb;
    font-family: Georgia, Arial;
    padding-bottom: 0px;
}

a, a:hover, a:focus
{
    color: #333;
    text-decoration: underline;
}

.thumbnail, .thumbnail:hover, .thumbnail:focus, .subMenu a, .copyrightContent a
{
    color: #333;
    text-decoration: none;
}

/*Header*/
.navbar-header
{
    text-align: center;
}

.navbar-toggle
{
    margin-top:18px;
}

.head-content
{
    width: 100%;
}

.loginHeader
{
    height: 30px;
    line-height: 30px;
    background-color: #2f2f30;
    color: #8E8E8E;
}

    .loginHeader a
    {
        color: #8E8E8E;
    }

.simpleForm
{
    padding-top: 20px;
}

.topNav
{
    background: url(./Images/top-brown-paper.jpg);
    background-repeat: repeat-x;
    z-index: 2;
    position: relative;
}

    .topNav .head-center
    {
        height: 75px;
    }

.brandLogo
{
    display: inline-block;
    width: 130px;
    z-index: 1;
    position: relative;
}

    .brandLogo img
    {
        position: absolute;
        top: -20px;
        left: 20px;
    }

.iconSticker
{
    height: 45px;
    width: 46px;
}

.deliveryDay
{
    margin-top: 12px;
    text-align: right;
}

    .deliveryDay img, .openingHours img, .satisfactionGuarantee img
    {
        vertical-align: top;
    }

    .deliveryDay p
    {
        font-weight: bold;
        font-size: 17px;
        margin: 0px;
    }

    .deliveryDay span
    {
        font-size: 15px;
        font-style: italic;
    }

.openingHours
{
    margin-top: 7px;
}

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

    .deliveryDay div, .openingHours div, .satisfactionGuarantee div
    {
        display: inline-block;
        padding-left: 10px;
    }

    .openingHours div
    {
        line-height: 18px;
    }

    .openingHours p
    {
        color: #e33436;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 3px;
    }

.satisfactionGuarantee
{
    margin-top: 12px;
    padding-left: 60px;
}

    .satisfactionGuarantee p
    {
        margin-bottom: 0px;
        font-size: 17px;
    }

    .satisfactionGuarantee span
    {
        font-style: italic;
        font-weight: bold;
        font-size: 16px;
    }
/*End Header*/

/*Banner and Left Nav*/
.textBanner, .banners
{
    max-width: 1170px;
    padding-top: 25px;
}

    .textBanner .text-middle
    {
        height: 234px;
        text-shadow: none;
    }

    .textBanner img, .banners img
    {
        margin: auto;
    }

.categoryTitle
{
    background-color: #424242;
    height: 33px;
    margin: 5px 0px 0px 0px;
    color: white;
    text-align: center;
    font-family: arial, Helvetica;
    font-size: 21px;
}

.catContent .categoryTitle, .category .categoryTitle
{
    background-color: transparent;
    height: inherit;
    margin: 0px 0px 0px 0px;
    color: #4c4c4d;
    text-align: left;
    font-size: 30px;
}

    .category .categoryTitle h1
    {
        font-family: lobster, sans-serif;
        font-size: 36px;
        text-shadow: 3px 3px 3px #DDDDDD;
    }

.categoryTitle h4
{
    font-size: 24px;
    margin: 0px;
    font-weight: bold;
    font-family: arial, Helvetica;
}

.catContent
{
    padding: 30px 55px 25px 55px;
}

    .catContent h3
    {
        font-family: arial;
        font-weight: bold;
        font-size: 15px;
        margin: 12px 0px 12px 0px;
        font-style: italic;
    }

.leftNav
{
    padding-top: 30px;
}

    .leftNav h2
    {
        color: #8EBD32;
        border-bottom: 1px dashed grey;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 5px;
        margin-top: 5px;
    }

.category .leftNav
{
    padding-top: 35px;
}

.nav > li > a:hover, .nav > li > a:focus
{
    background-color: transparent !important;
}

.categoryList > li
{
    background-repeat: no-repeat;
    border: 1px solid #dbcfb4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    background-position: 10px 6px;
    margin: 5px 0px 5px 0px;
    padding-left: 10px;
}

    .categoryList > li > a
    {
        padding-left: 35px;
        font-weight: normal;
        font-size: 16px;
    }

.textBanner .text-middle > div
{
    text-align: left;
    padding: 0px 0px 0px 10px;
}

.textBanner .overlay
{
    margin-left: 20px;
    font-family: Tahoma, sans-serif;
    color: #4d4d4d;
    font-style: italic;
    line-height: 28px;
    font-size: 21px;
    font-weight: bold;
}

.textBanner .header, .header.smallText
{
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: #4d4d4d;
    font-style: normal;
    text-shadow: 1px 2px 2px rgba(101, 112, 128, 0.5);
    line-height: 38px;
}

.cutOff
{
    font-family: Tahoma, sans-serif;
    font-size: 27px;
    color: #e33434;
    font-style: normal;
    font-weight: normal;
    text-shadow: 1px 2px 2px rgba(101, 112, 128, 0.5);
    padding-bottom: 5px;
    display: inline-block;
}
/*End Banner and Left Nav*/

/*Homepage & Category*/
.body-content
{
    background-color: white;
}

.categories
{
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 5px;
}

    .categories > div
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .categories .thumbnail, .products .thumbnail
    {
        border: 1px solid #dddddd;
        border-radius: inherit;
        padding: 5px 0px 0px 0px;
    }

    .categories .caption, .products .caption
    {
        background-color: #f7f6f2;
        font-family: bebas, sans-serif;
        font-size: 20px;
        padding: 8px 0px 8px 0px;
        margin: 0px;
        color: #424242;
        border: 1px solid #dddddd;
        margin-bottom: -1px;
        margin-left: -1px;
        margin-right: -1px;
    }

.products
{
    padding-left: 10px;
    padding-right: 10px;
}

    .products .caption
    {
        height: 82px;
    }

    .products > div
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .categories .caption > div, .products .btn.btn-default, .btn-success
    {
        background-color: transparent;
        background-image: url(./Images/buttons/green-button.png);
        background-repeat: no-repeat;
        color: white;
        min-width: 137px;
        height: 30px;
        margin: auto;
        line-height: 30px;
        border: none;
        padding: 0 16px 0 10px;
        font-size: 18px;
        font-family: bebas, sans-serif;
        background-size: 100% 100%;
        background-position: right center;
    }

    .categories .thumbnail:hover .caption > div, .products .thumbnail:hover .btn.btn-default, .btn-success:hover,
    .categories .thumbnail:focus .caption > div, .products .thumbnail:focus .btn.btn-default, .btn-success:focus
    {
        background-color: transparent;
        background-image: url(./Images/buttons/red-button.png);
    }

.productPage .btn.btn-default.btn-success
{
    border: none;
}

.products .specialPrice, .products .prodPrice
{
    color: #639639;
}

.products .priceStrikeThrough, .checkoutPrice .priceStrikeThrough
{
    color: #e33436;
}

    .products .priceStrikeThrough span, .checkoutPrice .priceStrikeThrough span
    {
        color: #4a4a4c !important;
    }

.prodText
{
    display: block;
}

    .prodText > div
    {
        height: inherit;
        vertical-align: auto;
        display: block;
        text-align: center;
    }

.products .prodName
{
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    height: 20px;
    margin: 5px 0px 10px 0px;
}

    .products .prodName.midName
    {
        font-size: 14px;
    }

    .products .prodName.longName
    {
        font-size: 12px;
    }

.body-content .category
{
    margin-top: 15px;
}

.categories .thumbnail:hover .caption, .products .thumbnail:hover .caption
{
    background-color: #eeece4;
}

hr
{
    border: none;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
{
    border-color: #dddddd;
}

a:hover, a:focus
{
    text-decoration: none;
}

.savings
{
    background-color: #3fa4d0;
    color: white;
    font-family: bebas, sans-serif;
    font-size: 18px;
    position: absolute;
    right: 10px;
    bottom: 102px;
    padding: 1px 8px 1px 8px;
}

.heroProduct .savings
{
    bottom: 92px;
}
/*End Homepage & Category*/

/*Product Page*/
.checkoutBox .afterpay p
{
    font-size: 20px;
    margin-bottom: 0;
}

.productPage > div
{
    padding-left: 30px;
    padding-right: 30px;
}

.productPage h1, .checkoutContainer legend, .checkoutContainer .legend, #lightBox .termsAndConditions h1, .contentTop header .homePageTitle, #lightBox .termsAndConditions h1
{
    font-family: lobster, sans-serif, arial;
    color: #4c4c4d !important;
    text-shadow: 3px 3px 3px #DDDDDD !important;
}

.productPage main
{
    border: 1px solid #DDDDDD;
}

.productInfo
{
    border-left: 1px solid #DDDDDD;
}

.dropDownBox
{
    margin-top: 6px !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

    .dropDownBox:before
    {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
        top: 0px;
        left: 6px;
    }

    .dropDownBox:after
    {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
        top: 1px;
        left: 7px;
    }

.productPage .dropDownBox .prodName
{
    font-size: 80%;
}

.dropDownBoxContainer .addon .btn-default, .orderInformation .addon .btn.btn-default, .paymentPanels .addon .btn.btn-default
{
    background-color: #b9e5fb;
    border-radius: 26px;
    border: none;
    font-family: Arial,Helvetica;
    font-size: 12px;
    height: inherit;
    line-height: 9px !important;
    padding: 5px 10px 5px 10px;
    margin-top: inherit;
    width: inherit;
    background-image: none;
    color: inherit;
}

.dropDownBoxContainer .addon:hover .btn-default, .orderInformation .addon:hover .btn.btn-default, .paymentPanels .addon:hover .btn.btn-default
{
    background-color: #97CAE3;
    border-radius: 26px;
    border: none;
    font-family: Arial,Helvetica;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 10px 5px 10px;
    background-image: none;
}

.productPage .dropDownBox .cat_0, .productPage .dropDownBox .cat_1, .productPage .dropDownBox .cat_2, .productPage .dropDownBox .cat_3, .productPage .dropDownBox .cat_4,
.productPage .dropDownBox .cat_5
{
    visibility: hidden;
}

.productInfo .dropDownBox
{
    border-top: 1px solid #DDDDDD;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: inherit;
}

.addon
{
    width: 91px;
}

.productPage .addOnQtyToggle .quantityToggle input
{
    width: 26px;
}
.productPage .addOnQtyToggle
{
    margin-top: 5px;
}

#productImages
{
    padding-top: 10px;
    padding-left: 12px;
    overflow-x: auto;
    white-space: nowrap;
}

    #productImages .item
    {
        float: left;
    }

.productPage .description
{
    text-align: left;
    display: inline-block;
    margin-top: 10px;
}

.productPage .singleCategory .dropDownBox
{
    padding-left:0px;
}

.productInfo h4
{
    font-family: bebas, sans-serif;
    margin-top: 15px;
}

.productPage .addonCategory
{
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

.cart
{
    margin-top: 15px;
    margin-bottom:30px;
}

    .cart strong
    {
        font-weight: normal;
        font-family: lobster, sans-serif;
        font-size: 25px;
        color: #4c4c4d;
    }

.checkoutPrice p
{
    font-size: 30px;
    font-family: bebas, sans-serif;
}

.totalPrice
{
    color: #639639;
}

.checkoutBox
{
    background-color: #f7f6f2;
    border-top: 1px solid #DDDDDD;
    padding-bottom: 22px;
    padding-top: 13px;
}

.checkoutPrice .priceStrikeThrough
{
    font-size: 22px;
    text-decoration: none;
    color: #4a4a4c;
}

    .checkoutPrice .priceStrikeThrough span
    {
        color: #e33436 !important;
        text-decoration: line-through;
    }

.dropDownBox .prodText > div
{
    height: auto;
}
/*End Product Page*/


/*Checkout Page*/

.checkoutContainer .paymentSection .paymentOption legend label, .checkoutContainer .paymentSection .paymentOption legend, #lightBox .termsAndConditions table h2
{
    font-family: lobster, sans-serif;
    font-size: 24px;
    font-weight: normal;
}

#recipientForm #messageHelpButton
{
    margin-top: 3px;
}

.singleCategory .addon
{
    margin-top: 15px;
}

.checkoutContainer .btn-default, .backButton
{
    background: #CFCFCF;
    padding: 0px 10px 0px 10px;
    font-size: 18px;
    font-family: bebas, sans-serif;
    font-weight: normal;
    height: 28px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 2px !important;
}

.checkoutContainer .cart .totalPrice
{
    font-family: bebas, sans-serif;
    color: #639639;
    font-size: 26px;
}

.checkoutContainer .cart .cartHeading
{
    font-family: bebas, sans-serif;
    color: #4c4c4d !important;
    font-size: 26px;
}

#lightBox .termsAndConditions .btn-success
{
    font-family: bebas, sans-serif;
    font-size: 24px;
}

.datepicker tfoot .btn-success
{
    background-color: #87bd3c;
    font-family: bebas, sans-serif;
    font-size: 24px;
}

    .datepicker tfoot .btn-success:hover
    {
        background-color: red;
        background-image: none;
    }

.submitInterface ul a
{
    color: #87bd3c;
}

#lightBox .termsAndConditions table
{
    width: inherit !important;
}


    #lightBox .termsAndConditions table h2, .contentTop table h2, .contentTop table h3, .contentBlock h2, .contentBlock2 h2, .contentBlock h2 a, .bottomText .homePageTitle
    {
        font-family: lobster, sans-serif;
        color: #4c4c4d !important;
    }

#lightBox .termsAndConditions .btn-success
{
    margin-top: 10px;
}

#confirmForm .text-right, .checkoutContainer .failureActions .btn
{
    margin-top: 10px;
}
/*End Checkout Page*/

/*Content Page*/
.contentTop header .homePageTitle, .bottomText .homePageTitle
{
    font-weight: normal;
    font-size: 32px;
    text-shadow: 3px 3px 3px #DDDDDD;
    text-align: left;
}

.contentTop table h2, .contentTop table h3
{
    font-size: 26px;
}

.contentTop table
{
    width: 100% !important;
}

.contactusForm .btn-success
{
    border: none;
}

.contentTableLinks
{
    height: 26px;
    margin-top: 5px;
    margin-right: 5px;
}

.contentTop table .contentTableLinks
{
    display: inline-block !important;
}

.contentTop table .contentTableImage
{
    float: right;
}

.contentTop .contentBlock
{
    background-color: rgb(242, 236, 224);
    padding: 7px;
}

.contentTop .contentBlock2
{
    background-color: rgb(248, 246, 242);
    padding: 7px;
}

.contentTop .carousel .active > img,
.contentTop .carousel .active > picture > img
{
    margin-left: 15px;
}

.bottomText .LandingPageList li
{
    width: 210px;
    height: 30px;
    background: url(/Skin/Common/Images/LandingPageListItem.gif);
    margin: 0px 5px 10px 0px;
    float: left;
    list-style-type: none;
}

    .bottomText .LandingPageList li a
    {
        display: block;
        padding: 5px 15px 0px 10px;
        font-weight: normal !important;
        font-size: 14px;
    }

.bottomText article > a, .bottomText article > p > a
{
    text-decoration: underline;
    color: #337ab7;
}

/*End Content Page*/

/*Bottom Content*/
.homePageTitle
{
    font-family: arial;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.bottomText
{
    padding: 0px 40px 40px 40px;
}

    .bottomText h3
    {
        font-size: 14px;
        font-family: arial;
        font-weight: bold;
    }

.checkoutCompleteBanner
{
    height: 55px;
}

.orderComplete.checkoutContainer
{
    padding-bottom: 30px;
}

.editCard
{
    padding-top: 30px;
    padding-bottom: 30px;
}

/*End Bottom Content*/

/*Footer*/
footer
{
    width: 100% !important;
    background-image: url(./Images/footer.jpg);
    background-repeat: repeat;
    max-height: 430px;
}

    footer hr
    {
        border-top: 1px dashed #9A907A;
        margin-top: 5px;
    }

    footer h3
    {
        font-family: Georgia;
        font-size: 16px;
        font-weight: bold;
        color: #5e8c00;
    }

.footer
{
    max-width: 1170px;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
}

    .footer > div
    {
        text-align: left;
    }

footer ul
{
    padding: 0px;
}

footer li
{
    list-style-type: none;
}

.footer .subMenu li
{
    line-height: 26px;
}

.copyrightContent
{
    font-size: 11px;
    font-family: Arial,Helvetica;
    padding-top: 20px;
    text-align: center !important;
}

.callBanner
{
    text-decoration: none;
    font-family: bebas, sans-serif;
    font-weight: normal;
    padding: 8px;
    font-size: 20px;
}

.callBannerPadding
{
    padding: 0em;
}

footer.container
{
    padding-left: 0px;
    padding-right: 0px;
}
/*End Footer*/

.orderTrackLG
{
    font-size:24px;
}

.newOrder .btn.btn-success, .reminderOrder .btn.btn-default, .csHub .btn.btn-success
{
    line-height:normal !important;
    background-image:none;
    font-size:23px;
    height:auto;
}

.reminderOrder .btn.btn-default
{
    background-color: #e5e5e5;
}

.orderInformation
{
    padding-top:30px;
}

.orderInformation .dropDownBox:before, .paymentPanels .dropDownBox:before
{
    content: '';
    display: inline-block;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #ccc;
    border-top: 0;
    border-bottom-color: white;
}

.orderInformation .pointer.underline, .paymentPanels .pointer.underline
    {
        color: #5e8c00;
    }

.orderActions .pointer.underline
{
    color: #5e8c00;
}

.orderInformation .btn.btn-default, .paymentPanels .btn.btn-default
{
    background-color: transparent;
    background-image: url(./Images/buttons/green-button.png);
    background-repeat: no-repeat;
    color: white;
    width: 137px;
    height: 30px;
    margin: auto;
    line-height: 30px;
    border: none;
    padding: 0px;
    font-size: 18px;
    font-family: bebas, sans-serif;
    margin-top: 15px;
}

    .orderInformation .btn.btn-default:hover, .paymentPanels .btn.btn-default:hover
    {
        background-color: transparent;
        background-image: url(./Images/buttons/red-button.png);
    }

    .paymentPanels #paymentContainer .btn.btn-success, .paymentPanels #staticCart .btn.btn-success
    {
        width: 130px;
        background-image: none;
        background-color: #5cb85c;
        border-color: #4cae4c;
        padding: 0px;
    }

        .paymentPanels #paymentContainer .btn.btn-success:hover, .paymentPanels #staticCart .btn.btn-success:hover
        {
            background-image: none;
            background-color: #4cae4c;
        }

    .paymentPanels #paymentContainer .btn.btn-danger
    {
        height: 30px;
        margin: auto;
        line-height: 30px;
        border: none;
        padding: 0px;
        font-family: bebas, sans-serif;
        width: 130px;
    }

        .paymentPanels #paymentContainer .btn.btn-danger:hover
        {
            background-image: none;
            background-color: #d43f3a;
        }
        
    .newOrder .reminderSuccess, .newOrder .reminderFail
    {
        font-family: bebas, sans-serif;
    }

.datepicker table tr td.day.mothersDay:not(.today):not(.active):not(.disabled)
{
    color: initial;
    background-color: white !important;
    background-image: url(https://cdn.fastflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9Db21tb24vSW1hZ2VzL0RlbGl2ZXJ5RGF0ZUZ1bm5lbE1vdGhlcnNEYXlJY29uLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MjYsImhlaWdodCI6MjYsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjE2NzExNjgwLCJnIjo2NTI4MCwiYiI6MjU1LCJhbHBoYSI6MX19fSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=44fa77c4409e841ecf91cd6b25c293af9bcc4a594922afaea242d541105a4570) !important; /* DeliveryDateFunnelMothersDayIcon.png */
    background-position: 1px 1px !important;
    background-repeat: no-repeat !important;
    background-size: 90%;
}

.datepicker table tr td.day.valentinesDay:not(.today):not(.active):not(.disabled)
{
    color: white;
    background-color: white !important;
    background-image: url(https://cdn.fastflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9Db21tb24vSW1hZ2VzL0RlbGl2ZXJ5RGF0ZUZ1bm5lbFZhbGVudGluZXNEYXlJY29uLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MjYsImhlaWdodCI6MjYsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjE2NzExNjgwLCJnIjo2NTI4MCwiYiI6MjU1LCJhbHBoYSI6MX19fSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=1692a489219d986110a534aaad0a9efdc24332d9aae717a47cae1da1ca51c8c8) !important; /* DeliveryDateFunnelValentinesDayIcon.png */
    background-position: 2px 2px !important;
    background-repeat: no-repeat !important;
    background-size: 90%;
}

@media only screen and (max-width: 1200px)
{
    .contentTop .carousel .active > img,
    .contentTop .carousel .active > picture > img
    {
        padding-right: 28px;
    }
    
    .textBanner .text-middle
    {
        height:192px;
        background-size:cover;
    }
    .products .prodName.midName {
        font-size: 12px;
    }
}

@media only screen and (max-width: 992px)
{
    .body-content
    {
        width: 100%;
    }

    .brandLogo
    {
        padding-left: 0px;
    }

        .brandLogo img, .brandLogo
        {
            width: 120px;
        }

            .brandLogo img
            {
                left: 10px;
            }

    .deliveryDay
    {
        text-align: left;
        padding-right: 0px;
    }

        .deliveryDay > div
        {
            padding-left: 2px;
        }

        .deliveryDay p
        {
            font-size: 12px;
        }

        .deliveryDay span
        {
            font-size: 14px;
        }

    .satisfactionGuarantee
    {
        padding-left: 0px;
    }

    .openingHours
    {
        padding-left: 0px;
        padding-right: 0px;
    }

        .openingHours > div
        {
            font-size: 14px;
            padding-left: 2px;
        }

        .openingHours p
        {
            font-size: 19px;
        }

        .textBanner.referrer .text-middle
         {
             background-position: center left;
         }

    .contentTop .carousel .active > img,
    .contentTop .carousel .active > picture > img
    {
        padding: 0;
        margin: 0 auto;
    }

    .LandingPageList
    {
        padding-left: 0;
    }

    .checkoutNavMobile
    {
        margin-top: 5px;
    }

    .productInfo
    {
        margin-left: -1px;
    }

    .checkoutContainer
    {
        padding: 30px 0 20px 0;
    }
}

@media only screen and (max-width: 767px)
{
    .brandLogo img, .brandLogo
    {
        width: 90px;
    }

        .brandLogo img
        {
            left: 0px;
            top: 0px;
            position: relative;
        }

    .body-content
    {
        margin-top: -20px;
    }

    .textBanner, .banners
    {
        padding-top: 0px;
        position: relative;
    }

        .textBanner .header
        {
            margin-bottom: 0px;
        }

        .textBanner .overlay
        {
            border-radius: 15px;
            background-color: rgba(255, 255, 255, 0.6);
            padding: 0 10px;
        }

        .textBanner .overlay h2
        {
            margin-top: 10px;
        }

        .textBanner .overlay h2, .textBanner .overlay h4
        {
            font-weight: bold;
        }
        .textBanner .overlay
        {
            line-height: 25px;
            font-size: 24px;
            font-weight: bold;
            margin-left: 0;
        }
        .textBanner .hours
        {
            padding-bottom: 10px;
            display: inline-block;
        }

        .textBanner .text-middle
        {
            background-position: center right;
            height: 203px;
        }

         .textBanner.referrer .text-middle
         {
             background-position: center left;
         }

        .textBanner .header, .textBanner .header.smallText
        {
            font-size: 30px;
        }

        .textBanner .text-middle > div
        {
            text-align: center;
            padding-left: 0px;
        }

    .cutOff
    {
        font-size: 21px;
    }

    .categories
    {
        margin-left: 0px;
        margin-right: 0px;
    }

        .categories > div
        {
            padding: 0px 5px 0px 5px;
        }

        .categories .thumbnail
        {
            margin-bottom: 15px;
        }

    .topNav #hamburgerMenu
    {
        position: absolute;
        z-index: 0;
        background-color: white;
        border-left: 3px solid white;
        right: 0px;
        top: 74px;
        box-shadow: none;
    }

        .topNav #hamburgerMenu.subMenu
        {
            border-bottom: 3px solid white;
            border-top: 3px solid white;
        }

    .burger,
    .burger:before,
    .burger:after
    {
        background-color: #000;
    }

    .menuText
    {
        color:black;
    }

    .topNav
    {
        border-top: 0px;
        height: 90px;
    }

    .leftNav
    {
        padding-top: 0px;
    }

        .leftNav .navbar
        {
            padding: 0px 10px 0px 10px;
        }

    .bottomText
    {
        padding: 0px 10px 10px 10px;
    }

    #hamburgerMenu
    {
        border: 1px solid #dbcfb4;
        box-shadow: 0px 2px 10px #4D4D4D;
    }

    #hamburgerMenu ul
    {
        padding: 0px 10px;
    }

    footer.container
    {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 67px;
    }

    .catContent
    {
        padding: 0px 30px 25px 15px;
    }

    .products .prodName
    {
        font-size: 12px;
        text-align: center;
        height: 25px;
        margin: 5px 0px 12px 0px;
    }

        .products .prodName.longName
        {
            font-size: 10px;
        }

    .checkoutContainer
    {
        padding: 25px 0 20px 0;
    }

    .orderComplete
    {
        padding-top: 0px;
    }

    .productPage h1
    {
        text-align: center;
    }

    #productImages .item
    {
        display: inline-block;
        float: none;
    }

    .addonCarousel
    {
        padding-bottom: 20px;
    }

    .productPage
    {
        padding-top: 25px;
    }

    .cart > div
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .newOrder .btn.btn-success, .reminderOrder .btn.btn-default, .csHub .btn.btn-success
    {
        min-height:35px !important;
    }

    .newOrder a, .reminderOrder a, .csHub a
    {
        font-size:24px !important;
    }

    .reminderOrder .btn.btn-default span, .newOrder a span
    {
        background-position:8px 3px;
    }

    .newOrder .reminderSuccess, .newOrder .reminderFail
    {
        font-size:18px !important;
        font-family:bebas, sans-serif;
    }
}



@media only screen and (min-width: 768px) and (max-width : 1200px)
{
    .banners
    {
        margin-left: 0px;
        margin-right: 0px;
    }

    .textBanner .header, .textBanner .header.smallText
    {
        font-size: 37px;
    }
    .cutOff
    {
        font-size: 24px;
    }
}

@media only screen and (min-width: 768px)
{

    #productImages .item
    {
        max-width: 50%;
    }

    .addonBrowser
    {
        overflow: inherit;
        white-space: inherit;
    }

        .addonBrowser > div
        {
            min-width: inherit;
        }

        .textBanner.referrer
        {
            margin:0px;
        }
}

@media only screen and (min-width: 992px)
{
    .callBannerPadding
    {
        padding: 0px;
    }


    .LandingPageList
    {
        padding-left: 83px;
    }

    .productPage .description
{
    text-align: left;
    display: inline-block;
    margin-top: 10px;
    max-height: 240px;
    overflow-y: auto;
}
}

@media only screen and (max-width : 500px)
{
    .categories .caption > div, .products .btn.btn-default, .btn-success
    {
        background-image: none;
        background-color: #87BE3C;
        min-width: 122px;
    }

    .textBanner .text-middle > div
    {
        background-image: none;
    }

    .textBanner.referrer .text-middle
    {
        height:123px;
    }

    .textBanner .text-middle
        {
            background-position: center left;
        }

    .textBanner .header, .textBanner .header.smallText
    {
        font-size: 24px;
        margin-top: 0;
    }

    .overlay .hours
    {
        font-size: 18px;
        line-height: initial;
    }
}



@media only screen and (max-width : 400px)
{

    .contentTop .carousel .active > img,
    .contentTop .carousel .active > picture > img
    {
        min-width: 600px;
    }

    .contentTop .banners
    {
        margin-top: 5px;
    }

    .contentTop table .contentTableLinks
    {
        float: none;
    }

    .newOrder a, .reminderOrder a, .csHub a
    {
        font-size:20px !important;
    }
}