/* 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 ')'
(5671,1): run-time error CSS1019: Unexpected token, found '}'
(5914,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5915,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5919,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5920,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6660,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6960,26): run-time error CSS1030: Expected identifier, found '>'
(6960,57): run-time error CSS1031: Expected selector, found ')'
(6960,57): 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: amienne;
    src: url(./Fonts/amienne_-webfont.eot);
    src: url(./Fonts/amienne_-webfont.woff), url(./Fonts/amienne_-webfont.ttf);
}

@font-face
{
    font-family: amienneb;
    src: url(./Fonts/amienneb-webfont.eot);
    src: url(./Fonts/amienneb-webfont.woff), url(./Fonts/amienneb-webfont.ttf);
}

@font-face
{
    font-family: champagne;
    src: url(./Fonts/champagne__limousines-webfont.eot);
    src: url(./Fonts/champagne__limousines-webfont.woff), url(./Fonts/champagne__limousines-webfont.ttf);
}

@font-face
{
    font-family: dreamorphans;
    src: url(./Fonts/dreamorphans-webfont.eot);
    src: url(./Fonts/dreamorphans-webfont.woff), url(./Fonts/dreamorphans-webfont.ttf);
}

body
{
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iZy5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=cd0f1b4012fb9844d1eb2c1ac63ba7373dc44f66a626b94d641d964333d6662a); /* bg.jpg */
    background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iZy5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6IndlYnAifQ==?signature=092f5b7427e26cae33cdbb51f633eebe8f612801581a033ee4f519918efe172f) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iZy5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=cd0f1b4012fb9844d1eb2c1ac63ba7373dc44f66a626b94d641d964333d6662a) type("image/jpeg")); /* bg.jpg as webp, falling back to native */
    background-repeat: repeat;
    font-family: Georgia;
    font-size: 14px;
    padding-bottom: 15px;
    -webkit-text-size-adjust: none;
}

hr:not(.visible)
{
    display: none;
}
hr.visible
{
    border-top: none;
}

/*Nav Bar and Header*/

.searchAndLogin a
{
    cursor: pointer;
}

.head-content header > div, .topNav > div
{
    position: relative;
    z-index: 2;
}

.head-content header
{
    padding: 8px 0px 8px 0px;
    background-color: #8fb552;
}

#yellowBar
{
    background-color: #FEFFE0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 220px;
    z-index: 1;
}

.deliveryTitle {
    background-color: #9d9473;
    color: #FCFCEC;
    text-align: center;
    font-size: 24px;
    font-family: champagne, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    font-weight:bold;
    z-index: 2;
}

.deliveryTitle .header.small {
    font-size: 24px;
}

.openingHours
{
    background-color: #A3956A;
    color: white;
    font-family: champagne, sans-serif;
    height: 141px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

    .openingHours > div {
        line-height: 26px;
        height: 141px;
    }

.openingText
{
    font-family: amienne, sans-serif;
    font-size: 220%;
    line-height: 40px;
    padding-top: 8px;
}

.floristSuburb, .floristPhoneNumber
{
    text-align: center;
    padding: 3px;
    margin-bottom: 0px;
    font-weight: bold;
    font-family: champagne, sans-serif;
    height: 50%;
}

.floristSuburb
{
    background-color: #2a2d25;
    color: white;
    font-size: 200%;
}

    .floristSuburb .small
    {
        font-size: 35px;
    }

    .floristSuburb .Smaller
    {
        font-size: 85% !important;
    }

.floristPhoneNumber
{
    background-color: #84B740;
    padding-bottom: 2px;
    font-size: 200%;
}

.onlineShop
{
    border-top: 1px dashed white;
    padding-top: 2px;
    margin-top: 2px;
}

.floristArea
{
    padding-right: 0px;
}

.floristArea.nonDeliveryArea {
    line-height: 141px;
}
    .floristSuburb.nonDeliveryArea {
        height: 100%;
    }


.head-content a
{
    text-decoration: none;
}

.brandLogo
{
    padding-left: 0px;
    position: relative;
    text-align: center;
}

    .brandLogo img
    {
        max-width: 200px;
    }

    .brandLogo div
    {
        background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9sb2dvMi5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=ad0521c0cf473a3d77aba2f44cae0dccb8586f6a1966465908e108d5f7a7ccb5); /* logo2.jpg */
        background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9sb2dvMi5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6IndlYnAifQ==?signature=7cf110189190b1930f420704de54d79406fd4db1a4aa67b5b16158d48c9d9f97) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9sb2dvMi5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=ad0521c0cf473a3d77aba2f44cae0dccb8586f6a1966465908e108d5f7a7ccb5) type("image/jpeg")); /* logo2.jpg as webp, falling back to native */
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
        padding-left: 142px;
        text-align: center;
        background-color: #2a2d25;
        color: white;
        font-size: 230%;
        height: 100%;
        line-height: 45px;
        padding-top: 10px;
        font-family: dreamorphans, sans-serif;
        max-width: 400px;
    }

.shopName
{
    margin-bottom: 3px;
}

.brandLogo .suburbName
{
    font-size: 30px;
    color: #84B740;
    font-family: amienne, sans-serif;
    text-align: center;
    max-width: 300px;
    padding-left: 0px;
    padding-right: 5px;
    margin-top: -5px;
    display: block;
    margin-bottom: 0px;
    line-height: 30px;
}

.loginHeader
{
    position: relative;
    z-index: 2;
    margin-bottom: -10px;
    padding-top: 5px;
}

.floristSuburb .Small
{
    font-size: 95%;
}

.topNav
{
    background-color: #2a2d26;
    color: white;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    display: flex;
    align-items: center;
}

    .topNav .menuSection
    {
        padding: 0;
    }

    .topNav .callUsSection
    {
        padding: 0 8px 0 0;
        float: right;
        text-align: right;
    }

    .topNav a, .topNav a:hover, .topNav a:focus
    {
        color: white;
    }

    .topNav .callUs
    {
        text-transform: uppercase;
    }

#hamburgerMenu li a
{
    font-family: champagne, sans-serif;
}

.burger,
.burger:before,
.burger:after
{
    height: 1.5px;
    margin-bottom: 0;
}
    .burger:before
    {
        margin-top: -6px;
    }
    .burger:after
    {
        margin-top: 6.5px;
    }

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active, .nav > li.active > a
{
    background-color: transparent;
    color: #84B740;
}

.navbar-nav
{
    float: none;
}

.nav.navbar-nav.categoryList
{
    padding: 8px 0px 8px 0px;
    margin: auto;
    text-align: center;
}

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

.categoryList > li > a
{
    color: white;
    font-size: 18px;
    padding: 0px 24px;
}

.nav.navbar-nav.categoryList
{
    padding: 15px 0px 12px 0px;
}


.headerSearch
{
    background-color: #FEFFE0;
    padding: 40px 0;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
}

    .headerSearch span
    {
        margin-top: 15px;
        color: darkred;
    }

.searchBackground
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, 0.6);
    z-index: 4;
    top: 0;
    left: 0;
}

.headerSearch input
{
    padding: 10px;
    border-radius: 5px;
    border: 2px solid black;
    background-color: #FEFFE0;
    width: 260px;
}

.headerSearch button
{
    background: none;
    border: none;
}

.headerSearch .searchyBoi
{
    margin-left: -42px;
    position: relative;
    top: 5px;
}

.headerSearch button:not(.searchyBoi)
{
    position: relative;
    top: 3px;
    left: 15px;
}
.searchAndLogin  svg {
    vertical-align:middle;

}

/*END Nav Bar and Header*/
/*Banner*/
.textBanner
{
    z-index: 1;
}

    .textBanner .text-middle, .banners .carousel-inner
    {
        background-color: white;
        border-bottom: 15px solid white;
        border-left: 15px solid white;
        border-right: 15px solid white;
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
    }

/*END Banner*/

/*Products/Categories*/

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

.categories .caption > div, .caption .prodName
{
    font-family: amienne, sans-serif;
    font-size: 34px;
    color: #b4a579;
    font-weight: bold;
    line-height: 30px;
    padding-top: 12px;
}

    .caption .prodName.midName
    {
        font-size: 34px;
    }

    .caption .prodName.longName {
        font-size: 26px;
    }

/*Edge specific styling*/
@supports (-ms-ime-align: auto)
{
    .caption .prodName.longName
    {
        font-size: 26px;
    }
}
    

.category .row.products .prodPrice
{
    font-family: champagne, sans-serif;
    font-size: 20px;
    color: #85b841;
    font-weight: bold;
}

.categories > div a, .products > div a
{
    background-color: white;
    border-radius: inherit;
    box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
}

.thumbnail
{
    padding: 1px;
}

    .thumbnail .caption
    {
        height: 55px;
    }

.products .caption
{
    height: 75px;
}

.categories > div .thumbnail:hover, .products > div .thumbnail:hover
{
    background-color: #fbffc7;
    color: #84b840;
    -webkit-box-shadow: 0px 0px 35px rgba(156, 156, 156, 1);
    -moz-box-shadow: 0px 0px 35px rgba(156, 156, 156, 1);
    box-shadow: 0px 0px 35px rgba(156, 156, 156, 1);
}

.categories .thumbnail:hover .caption > div
{
    color: #84b840;
    text-decoration: underline;
}

.products .heroProduct:not(:first-child) .thumbnail
{
    margin-bottom: 20px;
}

.specialPrice
{
    font-size: 18px;
}

.priceStrikeThrough
{
    color: red;
    font-size: 16px;
}

    .priceStrikeThrough span
    {
        color: #4a4a4c;
    }

.productPrice
{
    color: #A5A5A5;
    font-size: 16px !important;
}

.productTileOverlay
{
    font-family: champagne, sans-serif;
    background-color: rgba(245, 89, 141, 0.9);
}

.categoryBannerText
{
    position: absolute;
    top: 110px;
    z-index: 1;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 50px 40px;
    color: white;
    font-size: 58px;
    height: 156px;
    font-family:amienne, sans-serif;
}

.textBanner.catBanner .overlay
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0;
    color: white;
    font-size: 58px;
    font-family: amienne, sans-serif;
    -webkit-box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.3);
   
}
.textBanner.catBanner:not(.fruithampers) > div
{
    height: 158px;
    background-position: top;
}
.textBanner.catBanner:not(.fruithampers)
{
    height: 158px;
}
.textBanner.catBanner.fruithampers .text-middle > div
{
    visibility: visible;
}

.textBanner.catBanner.fruithampers .text-middle .overlay
{
    top: 68px;
    vertical-align: top;
}

    .textBanner.catBanner.fruithampers .text-middle .overlay h1
    {
        visibility: visible;
        font-size: 60px;
        margin: 0;
    }

    .textBanner.catBanner.fruithampers .text-middle .overlay .cutOff
    {
        display: block;
        visibility: visible;
        font-family: arial;
        font-size: 17px;
        font-weight: bold;
        margin-top: -15px;
    }

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

/*END Products/Categories*/

/*Product Page*/

.checkoutBox .afterpay p
{
    font-size: 15px;
    margin-bottom: 0;
}

.productPage, .checkoutContainer
{
    background-color: white;
    padding: 15px 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.cartHeading, .splitAddons legend, .splitAddons .addonHeader
{
    font-family: amienne, sans-serif;
    color: #b4a579;
    font-weight: normal;
    padding-left: 0px;
    font-size: 36px;
}

    .splitAddons .addonHeader
    {
        text-align: center;
        font-size: 42px;
    }

.splitAddons .singleCategory .dropDownBox, .personalisedGiftsBottom .singleCategory .dropDownBox
{
    padding-left: 0px;
}

.splitCart
{
    margin-top: 30px;
}

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

.btn-success, .orderInformation .btn-default
{
    color: #fdffe1;
    border-radius: inherit !important;
    background-color: #444444;
    border-color: white;
    outline: 1px solid #444444;
    text-transform: uppercase;
}

.orderInformation .orderProducts > div .productQty
{
    right: -13px;
    bottom: 25px;
}

.btn-success
{
    min-width: 175px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .btn-success:hover, .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success, .orderInformation .btn-default:hover
    {
        background-color: #85b841;
        border-color: white;
        outline: 1px solid #444444;
    }

.productPage h1
{   
    text-align: left;
    font-family: amienne, sans-serif;
    color: #b4a579;
    font-weight: normal;
    font-size: 42px;
    margin-top: 10px;
}
.productInfo header, .bottom h4
{
    font-family: amienne, sans-serif;
    color: #b4a579;
    font-weight: normal;
}

.productInfo h1, .bottom h4
{
    font-size: 42px;
}

.productInfo .dropDownBoxContainer .glyphicon
{
    text-decoration: none;
}

.prodNameImages .productInfo
{
    margin-top: 15px;
}

.personalisedGiftsBottom .photoSteps
{
    text-align: left;
}

.personalisedGiftsBottom .addonHeader
{
    margin-bottom: 0;
}

.addon .prodText
{
    min-height: 40px;
}

.addon .prodPrice
{
    margin-bottom: 5px;
}

.addon.personalisedGiftsCategory
{
    width: 24%;
}

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

    .addonBrowser .prodPrice
    {
        font-size: 12px;
        line-height: 7px;
        text-align: center;
    }

.cartItem
{
    padding-left: 15px;
}

.addonCategory
{
    padding-bottom: 30px;
}

    .addonCategory .prodName
    {
        color: #b4a579;
        font-family: Georgia;
        font-weight: bold;
    }

    .addonCategory, .addonCategory .prodName, .dropDownBox .prodName
    {
        font-size: 100%;
    }

.addon .prodName
{
    font-size: 10px;
}

.dropDownBox .addon .prodName
{
    font-size: 12px;
}

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

.addon .prodText > div
{
    padding: 0px;
    height: auto;
}

.addon
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.seeMoreOrLess
{
    max-width: 100px;
    margin: auto;
}

.dropDownBoxContainer .dropDownBox
{
    padding-left: 0;
}

.dropDownBox h4
{
    margin-bottom: 0px;
}

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

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

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

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

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

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

.cart
{
    margin-top: 15px;
}

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

.singleProductImage
{
    position: relative;
}

    .singleProductImage > a > img,
    .singleProductImage > a > picture > img,
    .singleProductImage > img,
    .singleProductImage > picture > img
    {
        max-width: 100%;
    }

    .singleProductImage .upgradeMsg
    {
        max-width: 100%;
        padding: 13px 5px;
        background-color: rgba(0, 0, 0, .6);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 27px;
        line-height: 58px;
        height: 20%;
        font-family: serif;
    }

    .singleProductImage .upgradeMsg span
    {
        margin-left: 10px;
        border-radius: 0;
        font-weight: bold;
        font-size: 12px;
        color: #555;
        font-size: 18px;
        margin-bottom: 3px; 
    }

    .singleProductImage .upgradeMsg span:hover
    {
        background-color: #fbffc7;
    }

.productPage .description
{
    text-align: left;
}

#productImages
{
    margin-left: 0;
}

.checkoutPrice .plusDelivery
{
    margin-top: 5px;
    color: #b4a579;
    font-size: 15px;
}
/*END Product Page*/

/*Funnel*/

#cards_container .singleCategory
{
    padding-left: 0;
}

    #cards_container .singleCategory .dropDownBox
    {
        padding-left: 0;
    }

    .checkoutContainer legend, .checkoutContainer .legend
    {
        font-weight: bold;
        border-bottom: none;
    }

.splitAddons legend
{
    font-weight: normal;
    text-align: center;
}

.splitAddons .singleCategory .addon
{
    float: left;
    max-width: initial;
}

.checkoutContainer label
{
    font-weight: normal;
    font-size: 15px !important;
}

.checkoutContainer .totalPrice
{
    font-size: 26px;
}

.checkoutContainer .splitAddons .singleCategory .dropDownBox
{
    display: flex;
    flex-wrap: wrap;
}

.checkoutNav .nav > li > a
{
    font-style: normal;
}

.backButton
{
    font-size: 0px;
    width: 38px;
    height: 46px;
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iYWNrLWJ1dHRvbi5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=b572c305c8e95739ef9e2c5d7a1b7dbc97913a004705d161f33375ec00ccfc67); /* back-button.jpg */
    background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iYWNrLWJ1dHRvbi5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6IndlYnAifQ==?signature=5ce9b1d1377153e0cd018da65703a1fc8db17d5597e01dfdd1090aea8fd8e632) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iYWNrLWJ1dHRvbi5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=b572c305c8e95739ef9e2c5d7a1b7dbc97913a004705d161f33375ec00ccfc67) type("image/jpeg")); /* back-button.jpg as webp, falling back to native */
    background-repeat: no-repeat;
    border-color: transparent;
}

    .backButton:hover
    {
        font-size: 0px;
        background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iYWNrLWJ1dHRvbi1yb2xsb3Zlci5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=4b15bdc01648ec6de4372aa59f217907ed3fa1c1a6cec81e8739ab361b183f7d); /* back-button-rollover.jpg */
        background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iYWNrLWJ1dHRvbi1yb2xsb3Zlci5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6IndlYnAifQ==?signature=d1e0a569c8b53e0bc6a9d72b078b6bbae49c29fe1649a6b1fbdeb1f6db3349fc) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9iYWNrLWJ1dHRvbi1yb2xsb3Zlci5qcGciLCJlZGl0cyI6e30sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=4b15bdc01648ec6de4372aa59f217907ed3fa1c1a6cec81e8739ab361b183f7d) type("image/jpeg")); /* back-button-rollover.jpg as webp, falling back to native */
        background-repeat: no-repeat;
        border-color: transparent;
    }

.submitInterface ul
{
    padding-left: 0px;
}

.occasionBox
{
    padding-right: 0px;
}

.upgradedProduct h3
{
    font-family: Georgia, serif;
    color: #85b841;
    text-align: right;
}
.upgradeProdsDiv.currentlySelected
{
    border: 1px solid #85b841;
}
.upgradeChoice.currentlySelected
{
    background-color: #85b841;
}
.originalProduct > div
{
    max-height: 338px;
}

/*END Funnel*/

/*Tile Banner, Bottom Section and Footer*/
.wrappingTile
{
    margin-bottom: 20px;
}

.tileBannerBackground
{
    background-color: white;
    padding-top: 15px;
}

.tileOverlay
{
    position: absolute;
    top: 0;
    left: 10%;
    font-family: champagne, sans-serif;
}
    .tileOverlay > h3
    {
        color: white;
        font-weight: bold;
        font-size: 35px;
        text-align: left;
    }
.tileOverlayTextBox
{
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
}

.body-content #Tile
{
    background-color: white;
    margin-top: 10px;
    margin-bottom: 30px;
}

    .body-content #Tile img
    {
        padding-left: 15px;
        padding-right: 15px;
    }

.homePageTitle, .categoryTitle
{
    font-family: amienne, sans-serif;
    font-size: 45px;
    color: #84B740;
    font-weight: normal;
    padding-top: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
}

    .categoryTitle h4
    {
        font-size: 45px;
    }

.bottomText, .catContent, footer
{
    background-color: White;
    padding-bottom: 40px;
    font-family: georgia;
    font-size: 14px;
    padding: 10px 10px 20px 10px;
}



.catContent, .contentFooter
{
    padding: 10px 25px 20px 25px;
}

.footer
{
    padding-bottom: 30px;
}

    .footer h3
    {
        font-size: 20px;
        color: #84B740;
        font-weight: normal;
        text-align: left;
    }

    .footer ul
    {
        list-style-type: none;
        text-align: left;
        line-height: 28px;
        font-size: 16px;
        padding-left: 0px;
    }

.sfPlaces
{
    padding-left: 25px;
}

    .sfPlaces ul, .sfPlaces h3
    {
        padding: 0px;
    }

.socialMedia li
{
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    max-width: 50px;
}

.bottomText p:last-child, .catContent p:last-child
{
    background-image: none;
    padding-bottom: 10px;
}

.contentTop
{
    background-color: white;
    box-shadow: 0px 0px 35px 0px rgba(210, 210, 210, 1);
    padding: 10px 30px 30px 30px;
    margin-top: -10px;
}

.editCard
{
    margin-bottom: 20px;
}

/*END Bottom Section and Footer*/
.orderActions
{
    background-color: white;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
    -moz-box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
    box-shadow: 0px 10px 10px rgba(210, 210, 210, 1);
    margin-bottom: 30px;
    padding-left: 63px;
}
.orderActions .pointer.underline
{
    font-weight: bold;
    color: #84B740;
}

.orderInformation
{
    background-color: white;
    padding: 15px 30px;
    -webkit-box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
    -moz-box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
    box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
}

    .orderInformation .pointer.underline
    {
        font-weight: bold;
        color: #84B740;
    }

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

    .orderInformation .pointer.underline
    {
        color: #3b3b3b;
    }


    .orderInformation #profile div .pointer.underline
    {
        color: #84B740;
    }

    /*Content-managed promo section on the customer hub - highlighted in brand green so it stands out from
      the standard grey panels.  Inert unless a CustomerHubExtraSection content page exists for the shop.*/
    .orderInformation .customerHubExtraSection .navbar
    {
        background-color: #84B740;
        border-color: #84B740;
    }

    .orderInformation .customerHubExtraSection .navbar h4,
    .orderInformation .customerHubExtraSection .navbar .glyphicon
    {
        color: white;
    }

    .orderInformation .customerHubExtraSection .dropDownBox a
    {
        font-weight: bold;
        color: #84B740;
    }

    .paymentPanels #paymentContainer .btn.btn-success
    {
        height: 30px;
        padding-top: 4px;
        border: none;
        outline: none;
        border-radius: 4px !important;
    }
    .paymentPanels #paymentContainer .btn.btn-success, .paymentPanels #staticCart .btn.btn-success
    {
        width: 130px;
        background-image: none;
        text-align: center;
    }


    .paymentPanels #paymentContainer .btn.btn-danger
    {
        height: 30px;
        margin: auto;
        line-height: 30px;
        border: none;
        padding: 0px;
        width: 130px;
    }

        .paymentPanels #paymentContainer .btn.btn-danger:hover
        {
            background-image: none;
            background-color: #d43f3a;
        }

#applyPromoButton
{
    background-color: #84B740;
    color: #fff;
    font-family: sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 30px;
}

    #applyPromoButton:hover
    {
        color: #84B740;
        background-color: #fff;
        border: 1px solid #84B740;
    }

    .orderComplete #submitTitle
{
    text-align:center;
    font-size:50px;
    font-family:champagne;
}

    .orderTrack
    {
        font-size:18px;
    }

    .orderComplete #submitInfoFinished
    {
        font-family:champagne;
    }

.progress-bar-success
{
    background-color: #84B740 !important;
}

.orderTrackLG
{
    font-size: 30px;
    font-weight: bold;
    text-align:center;
}

.newOrder a, .reminderOrder a, .csHub a
{
    padding:1% 0% 1% 2% !important;
    text-align:left;
    background-color: #cfcfcf !important;
    text-transform: none !important;
    font-size: 23px !important;
    color: #505050 !important;
    border-radius: 13px !important;
    width: 60% !important;
    margin-bottom:15px !important;
    font-family:champagne;
    font-weight:bold;
}

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

.reminderOrder a
{
    background-color:#e5e5e5 !important;
}

.newOrder a
{
    background-color:#efefef !important;
}

.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(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9vcmRlci1hZ2Fpbi1pY29uLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=1df6425af63b617d08af9d9a1d78c017f9324b250324e57022d5da07f531391b); /* order-again-icon.png - no webp, it is larger than the png */
    background-repeat:no-repeat;
    background-position:left 6px;
    background-size:20px;
    padding-left:35px;
    padding-top:5px;
    padding-bottom:10px;
    float:left;
}

    .newOrder a:hover span
    {
        background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9vcmRlci1hZ2Fpbi1pY29uLWhvdmVyLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=b84e615c5e74df4354920b87ba810a2beb173eb95d8ff776f68567275ab99544); /* order-again-icon-hover.png - no webp, it is larger than the png */
    }

.reminderOrder .btn.btn-default span
{
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9jcmVhdGUtcmVtaW5kZXItaWNvbi5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=c01b22f7fe08e6fc7ba7513d8822ad252c6dbc9a7925cb7dd7ebbb20f1283f13); /* create-reminder-icon.png */
    background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9jcmVhdGUtcmVtaW5kZXItaWNvbi5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6IndlYnAifQ==?signature=98b58535745a9fe9f1d7a34c07faff64d004861f5ec7531f1370413967257b8c) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9jcmVhdGUtcmVtaW5kZXItaWNvbi5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=c01b22f7fe08e6fc7ba7513d8822ad252c6dbc9a7925cb7dd7ebbb20f1283f13) type("image/png")); /* create-reminder-icon.png as webp, falling back to native */
    background-repeat:no-repeat;
    background-position:left 4px;
    background-size:18px;
    padding-left:30px;
    padding-top:3px;
    padding-bottom:10px;
    float:left;
}

.reminderOrder .btn.btn-default:hover span
{
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9jcmVhdGUtcmVtaW5kZXItaWNvbi1ob3Zlci5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=0b108c9a866cc83619d8d898de1aee1205e8b91893e2d181a539d95a2c13821e); /* create-reminder-icon-hover.png */
    background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9jcmVhdGUtcmVtaW5kZXItaWNvbi1ob3Zlci5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6IndlYnAifQ==?signature=234c5c030b3a61d296ca43c8cf2ee8633c38838a33a4014fb9119e7d9432d3b2) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9jcmVhdGUtcmVtaW5kZXItaWNvbi1ob3Zlci5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=0b108c9a866cc83619d8d898de1aee1205e8b91893e2d181a539d95a2c13821e) type("image/png")); /* create-reminder-icon-hover.png as webp, falling back to native */
}

.csHub a span
{
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy90cmFjay1vcmRlci1pY29uLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=43f4f1a2e95a302c03c23a29a9b5504a4811136a6699c162cfb76c9333f30723); /* track-order-icon.png */
    background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy90cmFjay1vcmRlci1pY29uLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0Ijoid2VicCJ9?signature=9e417fd9da3677ed1adf2bc86ba5595fab0f0f6698983875855b9a4e29ac770d) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy90cmFjay1vcmRlci1pY29uLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=43f4f1a2e95a302c03c23a29a9b5504a4811136a6699c162cfb76c9333f30723) type("image/png")); /* track-order-icon.png as webp, falling back to native */
    background-repeat:no-repeat;
    background-position: left 6px;
    background-size: 17px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 10px;
    float:left;
}

.csHub a:hover span
{
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy90cmFjay1vcmRlci1pY29uLWhvdmVyLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=adc8e0d123f862b00b9787ee7f70ebcc357eacc3fc4c58406caec68dc9549ff9); /* track-order-icon-hover.png */
    background-image: image-set(url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy90cmFjay1vcmRlci1pY29uLWhvdmVyLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0Ijoid2VicCJ9?signature=edb45ca79e4a6e184824abb655303f73bf6a8750067b0d4bdd93eff93b6c6158) type("image/webp"), url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy90cmFjay1vcmRlci1pY29uLWhvdmVyLnBuZyIsImVkaXRzIjp7ImFuaW1hdGVkIjp0cnVlfSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=adc8e0d123f862b00b9787ee7f70ebcc357eacc3fc4c58406caec68dc9549ff9) type("image/png")); /* track-order-icon-hover.png as webp, falling back to native */
}

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

.newOrder a:hover, .reminderOrder a:hover, .csHub a:hover
{
    background-color:#84B740 !important;
    color:white !important;
}

.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;
    font-weight:bold;
    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 .reminderSuccess
{
    background-color:#84B740 !important
}
.navContainer .nav li .submenu a
{
    display: block;
    padding: 6px 6px;
}

.navContainer .dropdown:hover > a
{
    color: #84B740;
    background-color: #eee;
}

.navContainer .submenu a
{
    color: #000;
    background-color: #fff;
    font-weight: bold;
    padding: 6px 6px;
}

    .navContainer .submenu a:hover,
    .navContainer .submenu > .active > a
    {
        color: #84B740;
        background-color: #fff;
    }

.datepicker table tr td.day.mothersDay:not(.today):not(.active):not(.disabled)
{
    color: initial;
    background-color: white !important;
    background-image: url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9Db21tb24vSW1hZ2VzL0RlbGl2ZXJ5RGF0ZUZ1bm5lbE1vdGhlcnNEYXlJY29uLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MjYsImhlaWdodCI6MjYsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjE2NzExNjgwLCJnIjo2NTI4MCwiYiI6MjU1LCJhbHBoYSI6MX19fSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=1e24c1c0df55dd40802afe2d1258118470599f02c405c4dcf78ff9cc5e0eab00) !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.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9Db21tb24vSW1hZ2VzL0RlbGl2ZXJ5RGF0ZUZ1bm5lbFZhbGVudGluZXNEYXlJY29uLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MjYsImhlaWdodCI6MjYsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjE2NzExNjgwLCJnIjo2NTI4MCwiYiI6MjU1LCJhbHBoYSI6MX19fSwib3V0cHV0Rm9ybWF0IjpudWxsfQ==?signature=9d65f5d2a7103b862c0303dfac4a7ecb1dc07416aae3179ad4c3d5d1e499156e) !important; /* DeliveryDateFunnelValentinesDayIcon.png */
    background-position: 2px 2px !important;
    background-repeat: no-repeat !important;
    background-size: 90%;
}

#cardPicker .addon
{
    max-width: initial;
}
.checkoutAddonBrowser.cardAddonBrowser .prodText
{
    display: table;
}

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

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

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

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

.tooltip .tooltip-inner
{
    background-color: #ffffff;
    border-color: #84B740;
}

/* =========================
   Nav pill trigger (SarahsFlowers) — desktop only
========================== */
.categoryList li.ask-sarah-trigger
{
    display: none;
}

@media only screen and (min-width: 1600px)
{
    .categoryList li.ask-sarah-trigger {
        display: inline-flex;
        align-items: center;
    }

        .categoryList li.ask-sarah-trigger a {
            position: relative;
            z-index: 0;
            display: inline-block;
            color: #4a7a10 !important;
            border: none;
            border-radius: 20px;
            padding: 3px 10px;
            white-space: nowrap;
            overflow: hidden;
            text-transform: none;
        }

            .categoryList li.ask-sarah-trigger a::before {
                content: '';
                position: absolute;
                inset: -100%;
                background: conic-gradient(from 0deg, #0f3d05, #1a5c08, #4a8a1a, #84B740, #4a8a1a, #1a5c08, #0f3d05);
                animation: askSarahSpin 3s linear infinite;
                z-index: -1;
            }

            .categoryList li.ask-sarah-trigger a::after {
                content: '';
                position: absolute;
                inset: 2.25px;
                border-radius: 17.75px;
                background: white;
                z-index: -1;
            }

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

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

@media only screen and (max-width: 1200px)
{
    .caption .prodName.longName
    {
        font-size: 23px;
    }
    /*Edge specific styling*/
    @supports (-ms-ime-align: auto)
    {
        .caption .prodName.longName
        {
            font-size: 21px;
        }
    }
    .openingHours
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .categoryList > li > a
    {
        font-size: 15px;
        padding: 0px 20px;
    }

    .floristSuburb .Smaller
    {
        font-size: 75% !important;
    }

    .singleProductImage .upgradeMsg
    {
        font-size: 22px;
        line-height: 41px;
    }

    .singleProductImage .upgradeMsg span
    {
            font-size: 14px;
        }
}

@media only screen and (max-width: 992px)
{
    .upgradedProduct h3
    {
        text-align: center;
    }

    .textBanner.catBanner:not(.fruithampers) > div
    {
        height: 130px;
        background-position: top;
    }

    .textBanner.catBanner:not(.fruithampers)
    {
        height: 130px;
    }

    .textBanner.catBanner .header
    {
        font-size: 58px;
        margin-bottom: -10px
    }

    .caption .prodName.longName
    {
        font-size: 18.5px;
    }

    /*Edge specific styling*/
    @supports (-ms-ime-align: auto)
    {
        .caption .prodName.longName
        {
            font-size: 16.5px;
        }
    }
    .caption .prodName.midName
    {
        font-size: 27px;
    }
    .openingHours
    {
        padding-left: 20px;
        padding-right: 0px;
        background-color: transparent;
    }

        .openingHours > div
        {
            background-color: #A3956A;
            line-height: inherit;
            font-size: 20px;
            height: 141px;
            line-height: 26px;
        }

    .hours
    {
        display: none;
    }

    .openingText
    {
        font-size: 220%;
        line-height: 40px;
        padding-top: 15px;
    }

    .categoryList > li > a
    {
        padding: 0px 8px;
    }

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

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

    .textBanner .overlay
    {
        float: none;
        margin-right: 30px;
        /* background-color: rgba(0, 0, 0, 0.3);*/
        padding: 10px;
        font-family: champagne, sans-serif;
        font-weight: bold;
    }

    .textBanner .overlay
    {
        float: right;
        margin-right: 15px;
    }

    .textBanner.catBanner .overlay
    {
        margin-right: 30px;
    }

    .textBanner.catBanner.fruithampers .text-middle .overlay
    {
        position: absolute;
        right: 32px;
    }

        .textBanner.catBanner.fruithampers .text-middle .overlay .cutOff
        {
            font-size: 15px;
        }

    .cutOff
    {
        font-family: amienne, sans-serif;
        font-size: 28px;
        line-height: 30px;
    }

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

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

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

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

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

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

    #productImages
    {
        max-width: 480px;
        margin: auto;
    }

    .brandLogo .suburbName
    {
        font-size: 28px;
    }

    .brandLogo div
    {
        min-width: 320px;
    }

    .productPage .singleProductImage
    {
        max-width: 450px;
        margin: 10px auto 0 auto;
    }

    .singleProductImage .upgradeMsg
    {
        font-size: 17px;
        line-height: 36px;
    }

    .wrappingTile
    {
        text-align: center;

    }
        .wrappingTile > img,
        .wrappingTile > picture > img
        {
            display: inline-block;
        }
    .tileOverlay
    {
        left: 15%;
    }

    #inside_holder[device="2"] {
        --inside-tab-right: auto !important;
        --inside-tab-left: 70px !important;
    }

    #inside_holder[device="1"] {
        --inside-tab-left: 200px !important;
        --inside-tab-right: auto !important;
    }
}

@media only screen and (max-width: 767px)
{
    .addon.personalisedGiftsCategory
    {
        width: 49%;
        max-width: 49%;
    }

    .sfPlaces
    {
        padding-left: 15px;
    }

    .nonDeliveryAreaBannerImage {
        height: 170px !important;
        object-fit: none;
        width: 100%;
        object-position: center;
    }

    .banners #manual .carousel-inner {
        border-top: 10px solid white;
    }

    .textBanner.catBanner .header
    {
        margin-top: -20px;
    }

    .textBanner.catBanner .header.smallText
    {
        font-size: 32px;
    }
    .textBanner.catBanner .header.longHeaderText
    {
        font-size: 30px;
    }
    .textBanner.catBanner:not(.fruithampers) > div
    {
        height: 115px;
        background-position: top;
    }

    .textBanner.catBanner:not(.fruithampers)
    {
        height: 115px;
    }
    .brandLogo .suburbName
    {
        font-size: 13px;
        margin-top: -3px;
        font-family: Georgia;
    }

    .suburbName.small
    {
        font-size: 11px;
    }

    .floristSuburb, .floristPhoneNumber {
        font-size: 130%;
    }

        .head-content header > div
        {
            margin-left: 10px;
            margin-right: 10px;
        }

            .head-content header > div > *, .brandLogo img, .openingHours > div
            {
                height: 36px;
            }

    .openingHours > div
    {
        font-size: 14px;
        line-height: 16px;
    }

    .openingText
    {
        font-size: 200%;
        line-height: 30px;
        padding-top: 8px;
    }

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

        .brandLogo div
        {
            padding-left: 85px;
            font-size: 100%;
            height: 100%;
            line-height: 22px;
            min-width: inherit;
            width: 210px;
            max-width: inherit;
            margin: 0 auto;
        }

        

        .header.smallText .small
        {
            font-size:110%;
        }

    #topBar
    {
        height: 120px;
    }

    .loginHeader
    {
        padding: 3px 0px 0px 0px;
        margin-bottom: -19px;
    }

        .loginHeader > div
        {
            padding-right: 3px;
        }

    .categories, .products
    {
        padding-top: 15px;
    }

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

    /*Hamburger CSS*/
    #hamburger-wrapper
    {
        float: left;
        height: 34px;
        margin: 0 5px;
    }

    .menuText
    {
        left: 54px;
        top: 3px;
        font-size: 20px;
    }

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

    .navbar-nav
    {
        margin-bottom: 0px;
    }

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

    .topNav #hamburgerMenu.showMenu
    {
        border-bottom: 3px solid #84B740;
        border-top: 3px solid #84B740;
    }

    .navbar-toggle
    {
        padding: 2px 0px;
    }

    .nav.navbar-nav.categoryList
    {
        padding-top: 0px;
    }

    #hamburgerMenu.collapse
    {
        width: auto;
        text-align: left;
    }

    .navbar-nav > li
    {
        display: block;
    }

    .categoryList > li > a
    {
        color: #000;
    }

    /*END Hamburger CSS*/

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

    .text-middle
    {
        background-size: cover;
    }

    .textBanner .text-middle
    {
        border-bottom: none;
        border-left: none;
        border-right: none;
        height: 160px;
    }

   .textBanner .overlay
    {
        float: right;
        max-width:60%;
    }

    .textBanner .header
    {
        color: white;
        font-size: 28px;
        line-height: 33px;
        padding-top: 5px;
        font-weight: bold;
    }

    .text-middle .overlay h3 {
        font-size: 28px;
        font-weight: bold;
    }

    .textBanner.catBanner .text-middle .overlay
    {
        position: absolute;
        right: 31px;
        top: 65px;
        margin: 0;
    }

    .textBanner.catBanner.fruithampers .text-middle .overlay
    {
        top: 45px;
    }
        .textBanner.catBanner.fruithampers .text-middle .overlay h1
        {
            font-size: 45.5px;
        }

        .textBanner.catBanner.fruithampers .text-middle .overlay .cutOff
        {
            font-size: 10.25px;
            margin-top: -7px
        }

    .thumbnail
    {
        margin-bottom: 15px;
    }

    .categories .thumbnail .caption
    {
        height: 40px;
    }

    .categories .caption > div
    {
        padding-top: 5px;
    }

    .container.body-content
    {
        margin-top: 0px;
    }

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

    .products .caption
    {
        height: 65px;
    }

    .caption .prodName
    {
        font-size: 24px;
        line-height: 20px;
    }

        .caption .prodName.midName
        {
            font-size: 20px;
        }

    .dropDownBox img.cat_0, .dropDownBox img.cat_1, .dropDownBox img.cat_2, .dropDownBox img.cat_3, .dropDownBox img.cat_4, .dropDownBox img.cat_5
    {
        left: 104px;
    }

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

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

    .checkoutBox
    {
        margin-top: 10px;
    }

    #recipientForm .dropDownBoxContainer, .paymentSection
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .funeralRecipientName
    {
        white-space: pre-line;
    }

    .singleCategory
    {
        padding-right: 0px;
    }

    .nextishButton
    {
        margin-top: 0;
    }

    .splitAddons
    {
        margin-top: 30px;
    }

    .splitAddons .singleCategory
    {
        padding-right: 15px;
    }

    .catBanner .cutOff, .catBanner .hours
    {
        display: none;
    }

    .copyFooter
    {
        padding-bottom: 15px;
    }

    .callBannerPadding
    {
        padding: 0px;
    }

    .checkoutContainer
    {
        padding: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

        .checkoutContainer > section
        {
            margin: 5px;
        }

    .orderInformation
    {
        padding: 15px 0;
    }

    .orderInformation h4
    {
        font-size: 14px;
    }

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


    .addonBrowser
    {
        margin: 0px;
    }

    .addonCategory
    {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 120px;
    }

    .productPage .addonCategory img
    {
        max-width: 125px;
    }

    .newOrder a, .reminderOrder a, .csHub a, .newOrder .reminderSuccess, .newOrder .reminderFail
    {
        width:100% !important;
    }

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

    .productPage .description
    {
        margin-left: 15px;
        margin-right: 15px;
    }
    .navContainer .nav li a i
    {
        font-size: 10px;
        margin-left: 5px;
    }
    .navContainer .nav li .submenu
    {
        min-width: inherit;
        text-align: center;
        font-weight: 600;
        font-size: 15px;
        line-height: 30px;
    }
    .navContainer .submenu a:hover, .navContainer .submenu a:active
    {
        color: #84B740;
    }
}

@media only screen and (min-width: 768px)
{
    .cartRightBorder
    {
        border-right: 1px solid #b4a579;
    }

    .bottomText, .catContent
    {
        background: #fff url(https://cdn.sarahsflowers.com.au/eyJidWNrZXQiOiJmbG93ZXJzYXUiLCJrZXkiOiJtZWRpYS9TYXJhaHNGbG93ZXJzL0ltYWdlcy9saW5lLWZvb3Rlci5wbmciLCJlZGl0cyI6eyJhbmltYXRlZCI6dHJ1ZX0sIm91dHB1dEZvcm1hdCI6bnVsbH0=?signature=2defe82eb8bc17f01e8a08b453037e29f20775cbd66559bc595c0a6eac5ed6d4); /* line-footer.png - no webp, it is three times the size of the png */
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 20px;
    }

    .navContainer
    {
        background-color: white;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 3px;
        z-index: 2;
        font-family: champagne, sans-serif;
    }

    .categoryList > li > a
    {
        color: #000;
    }

    .banners > div
    {
        z-index: 2;
    }

    .topNav
    {
        background-color: #ffffff;
        color: #000000;
    }

    .head-content header
    {
        padding: 20px 0px 10px 0px;
    }

    .head-content header > div > *
    {
        height: 141px;
        font-size: 20px;
    }

    .checkoutContainer .navContainer
    {
        background-image: none;
    }

    .brandLogo .suburbName.small
    {
        font-size: 22px;
    }

    .navContainer .submenu
    {
        padding-left: 17px;
        padding-right: 10px;
        white-space: nowrap;
        font-size: 18px;
        border-color: #eee;
        font-weight: 600;
    }

    .navContainer .nav li a i
    {
        font-size: 11px;
        margin-left: 4px;
    }

    .floristPhoneNumber.deliveryArea
    {
        height: 50%;
    }

    #deliveringTo {
        height: 20%;
        font-size: 115%;
    }

    .floristSuburb.deliveryArea {
        height: 30%;
        font-size: 150%;
    }

    .brandLogo .floristAreaName {
        font-size: 180%;
        padding-top: 5px;
        line-height: 40px;
    }

    .textBanner.referrer .text-middle .overlay h3 {
        font-size: 36px;
        font-weight: bold;
        font-family: champagne, sans-serif;
        color: white;
    }

    .deliveryTitle
    {
        background-color: #84b740;
        color: #ffffff;
        width: 750px;
        margin-top: -15px;
        border-left: 15px solid white;
        border-right: 15px solid white;
        border-bottom: 12px solid white;
        font-size: 16px;
    }

    .bannerContainer {
        margin-bottom: 20px;
    }

    .productPage, .checkoutContainer
    {
        -webkit-box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
        -moz-box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
        box-shadow: 0px 0px 35px rgba(210, 210, 210, 1);
    }
}

@media only screen and (min-width: 992px)
{
    #cardPicker
    {
        position: initial;
        right: initial;
        top: initial;
    }

        #cardPicker .addon
        {
            float: left;
            margin: 0;
        }

        .overlay
        {
            visibility: hidden;
        }

    .catBanner *
    {
        visibility: hidden;
    }

    .textBanner.catBanner.fruithampers .text-middle {
        height: 278px;
    }

    .textBanner .text-middle
    {
        visibility: visible;
    }

    .textBanner.catBanner .overlay, .textBanner.referrer .overlay
    {
        display: inline-block;
        float: right;
        position: absolute;
        top: 30px;
        right: 60px;
        font-family: amienne, sans-serif;
        background-color: rgba(0, 0, 0, 0.3);
        color: #fdffe1;
        padding: 10px 10px 20px 10px;
    }

        .textBanner.referrer .overlay .cutOff
        {
            font-size: 34px;
            color: white;
            line-height: 30px;
        }

    .shopBtn
    {
        background-color: #84B740;
        padding: 3px 22px;
        font-family: champagne, sans-serif;
        font-size: 20px;
        border: 1px solid white;
        border-radius: 15px;
        text-shadow: none;
    }

    .textBanner.referrer .header
    {
        color: white;
        line-height: 70px;
    }

    .textBanner.referrer p
    {
        margin-bottom: 0px;
    }

    .textBanner.referrer .header
    {
        font-size: 64px;
    }

    .catBanner .header
    {
        visibility: visible;
    }

    .categories, .products
    {
        padding-left: 30px;
        padding-right: 30px;
    }

    .productInfo
    {
        text-align: left;
    }

    .dropDownBox
    {
        padding-bottom: 0px;
    }

    h4.addonHeader
    {
        text-align: left;
    }

    .textBanner.referrer .text-middle {
        text-align: center;

    }

    .textBanner.referrer .overlay {
        visibility: visible;
        background-color: initial;
        position: relative;
        float: none;
        right: initial;
        top: initial;
    }

        .textBanner.referrer .overlay .hours {
            display: none;
        }

    .textBanner.referrer .text-middle .overlay h3 {
        font-size: 42px;
    }

    .deliveryTitle {
        width: 970px;
        margin-top: -15px;
        border-left: 15px solid white;
        border-right: 15px solid white;
        border-bottom: 14px solid white;
        font-size: 20px;
    }

    .bannerContainer {
        margin-bottom: 30px;
    }

    /* Move Inside chat tab down below vapi chat on desktop */
    #inside_holder {
        --inside-tab-marginBottom: 30px !important;
    }

    
}

@media only screen and (min-width: 1200px) {
    .bannerContainer {
        margin-bottom: 40px;
    }

    .brandLogo .suburbName.small {
        font-size: 24px;
    }

    .deliveryTitle {
        width: 1170px;
        margin-top: -15px;
        border-left: 15px solid white;
        border-right: 17px solid white;
        border-bottom: 15px solid white;
        font-size: 24px;
    }
}

@media only screen and (max-width : 550px)
{
    .paymentPanels #staticCart .btn.btn-success
    {
        padding-left: 3px;
        font-size: 13px;
    }
    .textBanner.catBanner .header.longHeaderText
    {
        margin-top: -40px;
        font-size: 30px;
    }
}

@media only screen and (max-width : 500px)
{
    .caption .prodName.longName
    {
        font-size: 14px;
    }
    .upgradedProduct h3
    {
        font-size: 22px;
    }

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

    .addonCategory img
    {
        max-width: 110px;
    }
    .addonCategory .prodName
    {
       font-size: 80%;
    }

    .openingText
    {
        font-size: 195%;
        padding-top: 5px;
    }

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

    .brandLogo div
    {
        width:175px;
    }

    .newOrder a, .reminderOrder a, .csHub a, .newOrder .reminderSuccess, .newOrder .reminderFail
    {
        font-size:18px !important;
        padding:2% 0% 2% 5% !important;
    }

    .reminderOrder .btn.btn-default span
    {
        background-size:13px;
        padding-left:20px;
    }

    .csHub a span
    {
        background-size:14px;
        padding-left:20px;
    }

    .newOrder a span
    {
        background-size:18px;
        padding-left:23px;
    }

    .singleProductImage .upgradeMsg
    {
        font-size: 16px;
        line-height: 33px;
        padding-top: 10px;
    }

    .singleProductImage .upgradeMsg span 
    {
        padding: 3px;
        margin-left: 5px;
    }

    .deliveryButtons.hasApplePay .btn-success
    {
        line-height: 27px;
        font-size: 16px;
    }

    .tileOverlay > h3
    {
        font-size: 28px;
    }

    .tileOverlayTextBox
    {
        font-size: 18px;
    }
}

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

    .singleProductImage .upgradeMsg
    {
        font-size: 13px;
        line-height: 10px;
    }

    .singleProductImage .upgradeMsg span 
    {
        font-size: 12px;
    }

    .deliveryButtons.hasApplePay .btn-success
    {
        font-size: 13px;
    }
    .floristSuburb, .floristPhoneNumber {
        font-size: 99%;
        padding: 5px;
    }

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



@media only screen and (max-width : 400px)
{
    .categories .caption > div
    {
        font-size: 24px;
    }

    .submitInterface .btn-success
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    .caption .prodName
    {
        font-size: 20px;
    }

        .caption .prodName.midName
        {
            font-size: 16px;
        }

    .text-middle
    {
        background-size: cover;
    }

    .brandLogo div
    {
        padding-left:80px;
        width:100%;
    }

    .openingHours
    {
        padding-left:5px;
    }

    .openingText
    {
        font-size:200%;
    }

    .openingHours > div
    {
        font-size:12px;
    }


    .addonCategory img
    {
        max-width: 90px;
    }

    .orderTrackLG
    {
        font-size:24px;
    }

    .singleProductImage .upgradeMsg
    {
        padding: 10px 5px;
        font-size: 14px;
        height: 28%;
    }

    .singleProductImage .upgradeMsg span 
    {
        font-size: 12px;
        margin-top: 8px;
    }

    .deliveryButtons.hasApplePay .btn-success
    {
        font-size: 11px;
    }
}
/*iPhone 4 styling*/
@media only screen and (max-width : 374px)
{
    .caption .prodName.longName
    {
        font-size: 12px;
    }

    .deliveryButtons.hasApplePay .btn-success
    {
        font-size: 9px;
    }

}

    @media only screen and (max-width : 300px)
    {
        .addonCategory img
        {
            max-width: 90px;
        }
    }

/* Same-day cut-off countdown - see Scripts/SameDayCutoff.js and ##TimeUntilSameDayCutoff()## */
/* Hidden by default so the "Same Day" wording never shows before JS confirms it is true, */
/* and stays hidden for no-JS browsers. SameDayCutoff.js reveals it when the cut-off is live. */
[data-sd-only]
{
    display: none;
}

.sd-countdown, .sd-cutoff
{
    display: block;
    font-size: 18px;
    line-height: 22px;
}

/* On a same-day landing page the sub-banner is one element for all viewports */
/* (BelowBanner.SarahsFlowers.cshtml). The promo ad hoc carries an inline style keyed to */
/* .deliveryTitle.visible-xs, which does not match it, so the sizing it set is restored here. */
/* Everything below is scoped to .sameDayLanding, set only on those pages (Content/Index). */
.deliveryTitle.sameDayLanding
{
    font-size: 16px;
    position: static;
    /* .deliveryTitle and .textBanner are both Bootstrap .row elements, so leaving the
       shared -15px side margins alone keeps the sub-banner aligned with the banner. */
}

/* From 768px .bannerContainer keeps a 20-40px bottom margin for the desktop sub-banner,
   which is absolutely positioned and sits in it. This one is in the flow, below the banner,
   so that margin would only be empty space between it and the products. Negative, because
   the absolute sub-banner also overlaps the top of the 24px body margin; this collapses
   with that margin and leaves the products 12px below the bar. */
@media only screen and (min-width: 768px)
{
    .bannerContainer:has(> .deliveryTitle.sameDayLanding)
    {
        margin-bottom: -12px;
    }
}

/* Above phone width the banner is the same shape as the desktop banner artwork every other
   page shows (1570 x 261), so the page below starts where it does everywhere else: 125px
   tall at a 750px container, 161px at 970, 195px at 1170, 261px at 1570. A flex box rather
   than the base table, because a table ignores aspect-ratio; the box still grows if the
   text ever outgrows it. */
@media only screen and (min-width: 768px)
{
    .textBanner.sameDayLanding .text-middle
    {
        display: flex;
        align-items: center;
        height: auto;
        aspect-ratio: 1570 / 261;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .textBanner.sameDayLanding .text-middle > div
    {
        display: block;
        width: 100%;
    }

    /* The overlay is centred in the box, so its own outer margins are only height. */
    .textBanner.sameDayLanding .text-middle .overlay h3
    {
        margin-top: 0;
    }

    .textBanner.sameDayLanding .text-middle .overlay p
    {
        margin-bottom: 0;
    }
}

/* Desktop banner now uses .text-middle (a CSS background) instead of an <img>, because the
   same overlay banner serves every viewport. */
@media only screen and (min-width: 992px)
{
    /* @media (min-width: 992px) sets .overlay { visibility: hidden } because the desktop
       banner artwork used to carry its own text. This banner now needs the overlay, so
       re-show it on same-day landing pages only. */
    .textBanner.sameDayLanding .overlay
    {
        visibility: visible;
    }

    /* The overlay bold/weight rules are scoped to max-width 992px and 767px, so desktop
       rendered the heading unbolded once it started using this banner. */
    .textBanner.sameDayLanding .overlay
    {
        font-family: champagne, sans-serif;
        font-weight: bold;
        /* The florist occupies the left of the banner image, so keep the heading on the
           right half - at 55px it otherwise runs straight across her face. A block, because
           from 1200px a base rule makes the overlay an inline-block, which ignores the auto
           margin and is centred instead. */
        display: block;
        float: none;
        max-width: 48%;
        margin-left: auto;
        margin-right: 10px;
    }

    /* Heading size copied from rosesonly.com.au/flower-delivery-<suburb>, which uses
       55px / 60.5px (line-height 1.1) on its suburb banner above 767px. */
    .textBanner.sameDayLanding .text-middle .overlay h3
    {
        font-size: 55px;
        line-height: 60.5px;
        font-weight: bold;
    }

    /* Sub-line under the heading - scaled to sit with the 55px heading. */
    .sd-countdown, .sd-cutoff
    {
        font-size: 24px;
        line-height: 30px;
    }
}

/* At a 970px container the box is 161px tall, which two 55px heading lines and the
   countdown do not fit; smaller type, and a little more width so the heading stays on two. */
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    .textBanner.sameDayLanding .overlay
    {
        max-width: 55%;
    }

    .textBanner.sameDayLanding .text-middle .overlay h3
    {
        font-size: 42px;
        line-height: 46px;
    }

    .sd-countdown, .sd-cutoff
    {
        font-size: 20px;
        line-height: 26px;
    }
}

/* The container is 1170px from here until 1600px, where it becomes 1570px. At 55px
   "Same Day Flower Delivery to" takes a third line in 48% of 1170px. */
@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
    .textBanner.sameDayLanding .overlay
    {
        max-width: 55%;
    }

    .textBanner.sameDayLanding .text-middle .overlay h3
    {
        font-size: 48px;
        line-height: 52px;
    }
}

@media only screen and (max-width: 767px)
{
    /* The florist fills the left half of the phone banner too, so the heading keeps to the
       right, as it does on desktop, sized so "Same Day Flower Delivery to <suburb>" fits there. */
    .textBanner.sameDayLanding .overlay
    {
        display: block;
        float: none;
        max-width: 58%;
        margin-left: auto;
        margin-right: 8px;
    }

    .textBanner.sameDayLanding .text-middle .overlay h3
    {
        font-size: 24px;
        line-height: 27px;
    }

    .sd-countdown, .sd-cutoff
    {
        font-size: 15px;
        line-height: 18px;
    }
}

/* The delivery map is a 560 x 1152 picture; on a phone it ran past the edge of the screen. */
#DeliveryInfographic img
{
    max-width: 100%;
    height: auto;
}

/* 768-991px has no heading size rule of its own: the <=767px rules stop and the >=992px
   block has not started, so the heading would fall back to the browser default h3 (~19px).
   Sized to fit the 125px box at a 750px container. */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .textBanner.sameDayLanding .text-middle .overlay h3
    {
        font-size: 30px;
        line-height: 34px;
        font-weight: bold;
    }

    .textBanner.sameDayLanding .overlay
    {
        max-width: 62%;
        margin-left: auto;
        margin-right: 25px;
    }

    .sd-countdown, .sd-cutoff
    {
        font-size: 18px;
        line-height: 22px;
    }
}