﻿/*@import 'bootstrap-common.css?v=1.4';*/

* {
    margin: 0; /*padding: 0;*/
}

html {
    height: 100%;
}

body, html {
    -height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

#box {
    width: 100%; /*960px;*/
    margin: 0 auto;
}

body:not(.ng-app) .d-none {
    display: none !important;
}

.p-1 {
    padding: 0.25rem !important;
}

#headerContainer {
    width: 960px;
}

.grecaptcha-badge {
    display: none;
}

.popup .uwy {
    display: none;
}

.remember-me, .forgot-password {
    margin-top: 5px
}

.popup.remember-me p {
    font-size: 16px;
}

#pageContent {
    width: 960px;
    margin: 0 auto; /*min-height:350px;*/
    padding: 0;
}

.typeGenericPage #pageContentCenter {
    width: 590px;
}

.commands {
    margin-top: 20px;
    text-align: center;
}

.overlay {
    /* must be initially hidden */
    display: none; /* place overlay on top of other elements */
    z-index: 10000; /* styling */
    width: 400px;
    min-height: 250px;
    /*border: 1px solid #666;*/ /* CSS3 styling for latest browsers */
    /*-moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
    color: #fff;
    padding: 15px 70px;
}

    .overlay h2 {
        font-size: 21px;
        color: #000000;
    }


.ajax-loader {
    position: absolute;
    border: none;
    display: none;
}

.WhatsThisHVR {
    font-size: 11px;
    vertical-align: bottom;
    font-weight: normal !important;
}

*[disabled] {
    background-color: #eeeeee !important;
}

.productItem .addToCart > span {
    display: block;
}

.productItem .add-to-cart .soldout span,
.productItem .add-to-cart .comingSoon span {
    display: initial;
}

.message {
    background-color: transparent !important;
}

table.details .message {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

.comingsoon,
.restricted,
.limited-offer {
    color: red;
    display: block;
}

#accountContent .section {
    margin-bottom: 25px !important;
}

.popup .section {
    margin-bottom: 25px !important;
    border: none;
}

.popup div.ui-datepicker {
    width: auto !important;
}

.restricted {
    text-align: center;
}

.add-to-cart .subtotal {
    display: none;
}

#authStatus .checkout {
    display: none;
}

#authStatus,
.authStatus {
    white-space: nowrap;
}

.cartBody .thumb {
    display: none;
}

.cartBody .price .price-label .cartBody .qty .qty-label {
    white-space: nowrap;
    text-align: left;
}

.cartBody > table td {
    vertical-align: top;
}

.cartBody a.basket,
.cartBody a.remove {
    display: none;
}

#shop .addToCart {
    display: none;
}

#basket .item .msg > div {
    display: inline-block;
    margin-left: 20px;
}

.cartBody .signin {
    text-align: center;
}

.rule {
    border-top: 1px solid #ccc;
    line-height: 0;
    font-size: 0;
    margin: 10px auto;
}

.section .header {
    background-repeat: repeat-x;
    font-weight: bold;
    clear: both;
    padding: 7px;
    text-wrap: none;
    position: relative;
}

    .section .header h1, .section .content h3 {
        font-size: 12px;
        font-weight: bold;
    }

.section .content {
    padding: 15px;
}

table.ciRegularView td {
    height: 25px;
    vertical-align: bottom;
    line-height: 20px;
}

table.details tr.header td {
    border-top: solid 2px #777;
    border-bottom: solid 2px #777;
    color: #6e797d;
    padding: 5px 0;
    line-height: 25px;
}

table.details tr.header {
    background: none;
}

table.details tr.item td {
    padding: 5px 0;
    font-size: 12px;
    line-height: 20px; /*font-weight:bold;*/
}

table.details tr td {
    padding-bottom: 15px;
    vertical-align: top !important;
}

table.details tr.footer td {
    border-top: solid 1px #ccc; /*padding: 5px 0;*/
}

#basket table.details tr td {
    /*vertical-align: middle !important;*/
}

.productVersion,
.pv {
    color: #777;
    font-size: 10px;
    white-space: nowrap;
    clear: both;
    display: inline-block;
    font-family: Verdana;
    line-height: 12px;
}

.txt,
.txtbig,
.ddl {
    color: #32171d;
    /*font-size: 12px;*/
    font-weight: normal;
    border: solid 1px #b6bcbe;
    vertical-align: middle;
    padding: 3px;
    padding-left: 5px;
    width: 145px;
}

.ddl {
    width: 155px;
}

.txtbig {
    width: 190px; /*235px;*/
}

a img {
    border: none;
}

.hvr {
    -moz-opacity: 1;
    opacity: 1;
}

a.lnksmall:link {
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

a.lnksmall:visited {
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

a.lnksmall:hover {
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.message {
    color: #a2293b;
    font-weight: bold;
    padding: 5px 0 8px 0;
}

.err {
    color: #a2293b;
}

input.err, select.err {
    border: solid 2px #a2293b !important;
}

.dashedRule {
    color: #fff; /*background-color: #ffffff;*/
    border-style: dashed;
    border-width: 1px;
    border-top-color: #999;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-bottom: 6px; /*     Need to set line-height and font-size to zero for IE 6     or else it by default makes the the empty div height ~10px     */
    line-height: 0px;
    font-size: 0pt;
    width: 100%;
}

td.right {
    padding-left: 3px;
    text-align: left;
}

td.left {
    padding-right: 5px;
    text-align: right;
}

.api-error > div.h,
.api-warning > div.h,
.api-info > div.h,
.error > div.h,
.warning > div.h,
.info > div.h {
    font-weight: bold;
    display: inline-block;
}

.error, .warning, .info, .readonly {
    margin: 0 0 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0 10px;
    position: relative;
    min-height: 20px;
    padding-top: 2px;
    margin-bottom: 5px;
    padding: 15px;
    padding-left: 35px;
    border: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
}

    .error span, .warning span, .info span {
        width: 18px;
        height: 18px;
        display: block;
        background-image: url(../images/standard-icons.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 15px;
        left: 10px;
    }

.error {
    background: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    color: #a94442;
    background-color: #f2dede;
    border-color: #dca7a7;
}

    .error span {
        background-position: 0 0;
    }

.warning {
    background: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f5e79e;
}

    .warning span {
        background-position: -20px 0;
    }

.info {
    background: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .info span {
        background-position: -40px 0px;
    }

.readonly {
    /*border: solid 1px #666666;*/
    color: #666666;
    background-color: #dddddd;
}


.page-account .error,
.page-account .warning,
.page-account .info {
    width: 78%;
}
/******************************************************* Checkout *****************************/
#checkout .section {
    margin-right: 0px;
    border: solid 1px #ccc;
    margin-bottom: 15px;
    width: 100%;
}

#checkout .left-box-head {
    width: 200px;
    text-align: center;
}

#checkout .left-box-content {
    width: 200px;
}

#checkout li {
    line-height: 20px;
}

#orderSummary {
    width: 100%;
    height: 100%;
}

    #orderSummary td {
        padding-bottom: 7px;
    }

#ajaxLoadingPanel {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    opacity: 0.5 !important;
    -moz-opacity: 0.5 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;
    zoom: 1;
    display: none;
}

    #ajaxLoadingPanel img {
        position: absolute;
        z-index: 10005;
    }

#ajaxLoadingPanelIframe {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    display: none;
}

div.nav {
    /*margin: 8px 0px 19px 0px;*/
    text-align: center;
    position: relative;
    white-space: nowrap;
    width: auto;
}

.navsplit {
    padding: 0 5px 0 5px;
}

.giftwhatsthis {
    display: none;
    position: absolute;
    border: solid 1px #000;
    background-color: #efefef;
    padding: 3px;
}

.smallnote {
    color: #777;
    font-size: 10px;
}
/*******************************Payment Options*******************************/
.secure-shopping-additional-info {
    float: right;
    width: 50%;
    padding-left: 10px;
}

div.paymentOptions {
    width: 100% !important;
}

.popup div.paymentOptions {
    width: auto !important;
}

div.paymentOptions label {
    white-space: nowrap;
    margin-left: 2px;
}

.popup div.secure-shopping {
    width: 350px !important;
    font-family: Arial;
    float: right;
    font-size: 12px;
}
/*
.popup div.addr-popup{
	width: 550px !important;
}
.popup input.txtbig{
	max-width: 300px;
}
*/

.addr-popup h2 {
    text-align: center;
}

.popup table.paymentOptions:not(.stripe) {
    width: auto !important;
}

div.paymentOptions p {
    line-height: 18px;
}

div.paymentOptions img {
    margin: 0px !important;
    margin-right: 3px !important;
}

table.paymentOptions {
    width: 420px;
}

.email-pwd span.err {
    border: none;
}

.paymentOptionsSel td {
    padding-right: 20px;
}

.paymentOptions td {
    height: 25px;
}

#ccWhatsThis {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #ddd;
}

.shippingOptions {
    line-height: 20px;
}

#paymentInfo {
    line-height: 20px;
}

div.info-hint > img,
div.help-hint > img {
    width: 20px;
    cursor: pointer;
    display: none;
}

div.popup-hint {
    cursor: pointer;
}

div.info-hint,
div.help-hint {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    cursor: pointer;
}

#jqpopupContainer.popup-body {
    padding-top: 25px;
}

div.help-hint {
    background: url(/images/help-icon.png);
    background-size: 14px 14px;
}

div.info-hint {
    background: url(/images/info-icon.png);
    background-size: 14px 14px;
}

    div.help-hint.popup,
    div.info-hint.popup {
        padding: 0px;
    }

    div.info-hint .h-content,
    div.help-hint .h-content {
        display: none;
        position: absolute;
        background-color: #eeeeee;
        border: solid 1px #7AACCF;
        padding: 5px 10px;
        width: 350px;
        left: 8px;
        top: 8px;
    }

        div.info-hint .h-content ul,
        div.help-note .h-content ul,
        div.help-hint .h-content ul {
            padding: 0px 10px;
            margin: 0px;
        }

            div.info-hint .h-content ul li,
            div.help-note .h-content ul li,
            div.help-hint .h-content ul li {
                display: list-item;
                list-style-type: circle;
            }

div.no-bg-image {
    background: none;
    width: auto;
    height: auto;
}

.form .inputForm .label {
    display: block;
    clear: both;
    margin-top: 15px;
}

.discount-rule {
    font-weight: bold;
}

    .discount-rule .dr-bdy {
        /*padding-left: 5px;*/
    }

.bg-no-repeat {
    background-repeat: no-repeat;
}

.floatRight, .float-right {
    float: right;
}


.center {
    text-align: center;
}

.padding-top-25 {
    padding-top: 25px;
}

.old-price {
    text-decoration: line-through;
    font-size: smaller;
}

.sale-price {
    color: maroon;
    display: block;
    font-weight: bold;
}

.price-container .sale-price {
    margin: 0 5px 0 2px;
    display: inline-block;
}

.no-display {
    display: none;
}

.cust-info-details {
    border: solid 1px #ccc;
    padding: 5px;
}

.gift-details {
    margin: 10px 30px;
    display: none;
}

.carrier-services {
    margin-left: 15px;
}

.grd th, .grd th a {
    /*background-color: #339;*/
    vertical-align: bottom;
    /*color: #fff;*/
    font-weight: bold;
    padding: 3px;
}

    .grd th a {
        text-decoration: underline;
    }

        .grd th a:hover {
            text-decoration: none;
        }

.grd {
    border-collapse: collapse;
}

    .grd td, .grd th {
        padding: 3px;
        border: solid 1px #ccc;
    }

.default-ship {
    background-color: #eee;
}

.hide {
    display: none;
}

.lnk {
    white-space: nowrap;
}

.popup {
    background-color: #fff;
}

.btn.focus,
.btn:focus,
.btn-primary.focus,
.btn-primary:focus {
    background-color: var(--btn-active-bg-color, transparent);
    border-color: var(--btn-active-border-color, transparent);
    box-shadow: var(--box-shadow-primary);
}


#jqpopupContainer {
    z-index: 99999;
}

.context-message,
.add-to-cart-confirmation-message {
    position: absolute;
    display: none;
    border: solid 1px #cccccc;
    width: 300px;
    padding: 10px 20px;
    background-color: #fff;
    z-index: 9;
}

    .add-to-cart-confirmation-message .btn-close {
        display: none;
    }

        .add-to-cart-confirmation-message .btn-close.d-block {
            display: block !important;
        }

        .add-to-cart-confirmation-message .btn-close:before {
            content: 'x';
            float: right;
            top: 0px;
            right: 0px;
            cursor: pointer;
            margin-right: -5px;
            margin-top: -5px;
            color: red;
        }

        .add-to-cart-confirmation-message .btn-close:hover:before {
            opacity: 0.7;
        }


.req:after {
    color: maroon;
    content: "*";
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
}

.popup {
    padding-top: 10px;
}

body.popup {
    width: 98%;
    margin: 0 auto;
    color: #000000;
}

.wccc, .wccc:hover {
    white-space: nowrap;
    padding: 2px 5px !important;
}

.no-left-menu {
    width: 100%;
}

.variations {
    margin-left: 25px;
}

#wine-clubs > div {
    margin-left: 20px;
}

h3.wine-club-group {
    display: inline;
    font-weight: bold;
}

.variations ul {
    padding: 0px;
    list-style: none;
}

.variations li {
    padding: 3px 0px;
}

input[type='text'] {
    text-transform: capitalize;
}


    input[type='text'].email {
        text-transform: none;
    }

.captcha {
    display: block;
    margin-bottom: 20px;
}

    .captcha img {
        display: block;
    }

    .captcha a {
        margin-right: 5px;
    }

    .captcha input {
        width: 130px;
    }

.variations ul {
    display: inline-block;
}

    .variations ul li {
        margin-top: 1px;
    }

        .variations ul li a.btn {
            float: right;
        }

.stock {
    /*margin-left: 120px;*/
    text-align: left;
    margin-left: 10px;
    display: block;
    margin-top: 3px;
}

#cat-v1-1 .stock {
    /*margin-left: 120px;*/
    text-align: right;
    margin-right: 10px;
    display: block;
    margin-top: 3px;
}

body form[action$="/checkout.aspx"] div.err {
    background-color: #ffebe8;
    border: 1px solid #f00;
    color: #800000;
}

div.other-notes,
div.vineyard-notes,
div.tasting-notes,
div.production-notes {
    padding-top: 0px;
    padding-bottom: 20px;
}

#contentContainer .group-summary img {
    max-width: 100% !important;
    max-height: 100% !important;
}

#pageContentCenter fieldset.billing-info input[type='checkbox'] {
    width: auto !important;
    margin: 0px 3px;
}

.prod-details .sub-title {
    display: none;
}

.prod-image-mobile {
    display: none;
}

#tabs-product .prod-image {
    display: block;
}



.gift-recipients {
    display: none;
}

.details.cust > div {
    width: 100%;
    display: table;
    margin: 0 0 5px;
}

    .details.cust > div > div {
        display: table-cell;
        /*width:15% !important;*/
    }

.details.cust div.name {
    width: 25% !important;
}

.details.cust div.addr {
    width: 35% !important;
}

.details.cust div.city {
    width: 10% !important;
}

.details.cust div.zip {
    width: 10% !important;
}

.details.cust div.state {
    width: 10% !important;
}

.details.cust .d-btn {
    margin-top: 10px;
}

/*.details.cust .item > div.name{
	width:15% !important;
}
.details.cust .item > div.addr{
	width:25% !important;
}
.details.cust .item > div.city{
	width:10% !important;
}
.details.cust .item > div.zip{
	width:5% !important;
}
.details.cust .item > div.state{
	width:3% !important;
}*/


a.sign-up, a.quick-order, a.sign-in {
    text-align: center;
}

a.sign-up, a.quick-order, a.sign-in {
    width: 95%;
}

a.sign-up, a.quick-order {
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

.join-wine-club-content ul,
.oPText ul {
    list-style: disc;
    padding-left: 35px;
}

.join-wine-club-left, .join-wine-club-right {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

.div-table {
    height: 100%;
    display: table;
}

    .div-table .div-row {
        height: 100%;
        display: table-row;
    }

        .div-table .div-row .div-cell, .div-table .div-row .div-col {
            height: 100%;
            display: table-cell;
        }

.wc2016.join-wine-club-left,
.wc2016.join-wine-club-right.benefits {
    width: 49%;
    height: 100%;
    float: left;
}

.popup-body .wc2016 ul,
.popup-body .wc2016 ol {
    list-style: initial !important;
    padding: 10px 30px !important;
}

.gift-card-details-by-email h2 {
    text-align: center;
}

.limited-offer-code {
    padding-top: 30px;
    text-align: center;
}

    .limited-offer-code .btn {
        margin-top: 30px;
    }

    .limited-offer-code input,
    .limited-offer-code .err,
    .limited-offer-code .info,
    .limited-offer-code .warning {
        max-width: 480px;
        margin: 0 auto;
    }


div.table {
    width: 100%;
    float: none;
    padding: 0;
}

    div.table div.row {
        width: 100%;
        margin: 0 0 5px;
    }

        div.table div.row:after {
            content: "";
            display: block;
            clear: both;
        }

        div.table div.row > div {
            display: inline-block;
            padding: 0 3px;
        }

/*.gift-card-details div.table div.row > div {
    display: inline-block !important;
}*/

.cof-membership {
    width: 50%;
}

.hidden {
    display: none;
}

a.on-waiting-list.btn {
    display: none !important;
}

span.has-pending-order,
span.on-waiting-list {
    display: initial !important;
}

/*************Gift Card Pages****************/
.gift-card-page {
    /*max-width: 380px;*/
    margin: 0 auto;
}

    .gift-card-page input.giftcard {
        text-align: center;
        max-width: 250px;
        display: inline-block;
    }

    .gift-card-page .gift-card-details {
        margin-top: 20px;
    }

.gift-card-thank-you div.table div.row span {
    display: block;
}

.gift-card-thank-you div.table div.receipt input {
    max-width: 400px;
}

.gift-card-thank-you div.table div.receipt input {
    max-width: 400px;
}

.gift-card-thank-you div.table div.receipt {
    margin-top: 30px;
}

.gift-card-thank-you div.table div.row .col1,
.gift-card-thank-you div.table div.row .col3,
.gift-card-page .gift-card-details div.table div.row .col1,
.gift-card-page .gift-card-details div.table div.row .col3 {
    width: 120px;
}

.gift-card-thank-you div.table div.row .col2,
.gift-card-thank-you div.table div.row .col4,
.gift-card-page .gift-card-details div.table div.row .col2,
.gift-card-page .gift-card-details div.table div.row .col4 {
    width: 180px;
}

.gift-card-page {
    min-height: 200px;
}

    .gift-card-page h1 {
        text-align: center;
    }

    .gift-card-page .number {
        text-align: right;
    }

    .gift-card-page .col-b > .paymentOptions {
        position: relative;
    }

    .gift-card-page .uc.paymentOptions {
        padding-top: 0px;
    }

    .gift-card-page .paymentOptions .paymentOptions_table,
    .gift-card-page .paymentOptions .secure-shopping {
        /*position:absolute;*/
        width: auto !important;
        margin-left: 0px;
        padding-left: 0px;
    }

    .gift-card-thank-you .col-a,
    .gift-card-page .col-a {
        min-width: 45%;
        max-width: 50%;
        float: left;
        vertical-align: top;
    }

    .gift-card-page select {
        max-width: 200px !important;
    }

    .gift-card-thank-you .col-b,
    .gift-card-page .col-b {
        max-width: 50%;
        float: left;
        margin-left: 20px;
        vertical-align: top;
    }

    .gift-card-thank-you .col-c,
    .gift-card-page .col-c {
        max-width: 50%;
        float: left;
        margin-left: 20px;
        vertical-align: top;
    }

.gift-card-thank-you .col-a,
.gift-card-thank-you .col-b,
.gift-card-thank-you .col-c {
    min-width: 10%;
}


.gift-card-thank-you div.table div.row span.pdt {
    display: inline-block;
}

.gift-card-page h2 {
    text-transform: uppercase;
}

.gift-card-page .amount-to-add-row {
    text-align: center;
}

    .gift-card-page .amount-to-add-row .col2 {
        text-align: left;
    }

        .gift-card-page .amount-to-add-row .col2 input {
            width: 98%;
        }

input.giftcard {
    text-align: center;
}

/*#paymentInfo .current-balance span,*/
.paymentOptions .current-balance span {
    /*color: maroon;*/
}

.paymentOptions .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.paymentOptions .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

#paymentInfo .current-balance {
    display: block !important;
}

.customer-order-history .order {
    padding-bottom: 10px;
    border-bottom: solid 1px #cccccc;
}

.customer-order-history .col,
.customer-order-history .col-1,
.customer-order-history .col-2,
.customer-order-history .col-3,
.customer-order-history .col-4,
.customer-order-history .col-5,
.customer-order-history .col-6 {
    vertical-align: top;
}

.customer-order-history .hdr-price,
.customer-order-history .price {
    text-align: right;
}

.customer-order-history .ship-method {
    font-weight: bold;
    display: block;
}

.loyalty-logs {
    margin-top: 15px;
}

    .loyalty-logs .show-more,
    .customer-order-history .show-more {
        display: block;
        text-align: center;
        margin: 15px;
    }

.pdf-icon {
    background: url(/images/pdf-icon.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    border: none !important;
}

.customer-order-history .pdf-icon {
    margin: 0 15%;
}

.block {
    display: block;
}

.productVersion span.sku {
    display: none;
}

.section-loader {
    /*background-image: url(../images/ajax-loader-1.gif);*/
    background-image: url(../images/loading-animation.gif);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
    background-size: 160px 80px;
}

.json-data .empty {
    display: block;
    text-align: center;
    padding: 10px 0px;
}

.section-loader * {
    display: none !important;
}

.json-data .template,
.section-loader .empty {
    display: none !important;
}

.api-error > span:first-child,
.api-info > span:first-child {
    font-weight: bold;
}

.api-info {
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
}

.api-error {
    background: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    color: #a94442;
    background-color: #f2dede;
    border-color: #dca7a7;
    padding: 15px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
}

.json-data.api-error * {
    text-align: center;
}

.popup .section .header {
    /*background-image: linear-gradient(to bottom,#eeeeee 0,#999999 100%);*/
    color: #333333 !important;
    padding: 9px;
    margin-bottom: 10px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 7px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
}

a.add-cof {
    margin-bottom: 10px;
}

.page-account .div-add-card-on-file {
    text-align: center;
    padding-top: 28px;
}

/************* WINE CLUB **************/

.wine-club-info.popup-hint {
    text-align: center;
    margin: -10px 0 20px 0;
}

.popup .wine-club .details .col-1 {
    width: 80px;
}

.popup .wine-club .details .col-3 {
    width: 80px;
}

.popup .wine-club .details .col-2 {
    width: auto;
    text-align: left !important;
}

.popup .wine-club .details_header > div {
    border-bottom: solid 1px #cccccc;
    padding-bottom: 5px;
}

.popup .wine-club .break {
    margin-top: 30px;
    border-top: solid 1px #cccccc;
    clear: both;
}

.popup .wine-club .item > div {
    line-height: 20px;
}

.popup .wine-club .total {
    text-align: right;
    float: right;
    margin: 3px 10px;
    clear: right;
    width: 270px;
    border-bottom: solid 1px #cccccc;
}

    .popup .wine-club .total b,
    .popup .wine-club .total span {
        float: left;
        margin-right: 15px;
    }

    .popup .wine-club .total.grand {
        font-weight: bold;
        border-bottom: solid 1px transparent;
    }

.popup .wine-club .ddl-shipping {
    direction: rtl;
    width: 200px;
    float: right;
    margin: 0 0 5px 0;
}

.popup .wine-club h3 {
    text-align: center;
    margin: 15px 0 20px;
}

.popup .wine-club .commands {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

    .popup .wine-club .commands .shipping-notes {
        position: absolute;
        left: 0px;
        top: -110px;
    }

        .popup .wine-club .commands .shipping-notes b {
            float: left;
        }

/*.popup .wine-club-membership-details .item .col-2 {
    width: 50%;
}*/

.popup .wine-club-membership-details .row .col {
    /*width: 33.3%;*/
    text-align: left;
}

.popup .wine-club-shipment-details .col-qty {
    width: 100px;
}

.popup .wine-club-shipment-details .allocation.col-qty {
    width: 140px;
}

/*.popup .wine-club-shipment-details .allocation.col-qty select {
    width: 80% !important;
}
*/
/*.popup .wine-club-shipment-details .col-qty .ddl {
        width: 100px !important;
    }*/

.popup .wine-club-shipment-details .col-in-cart-qty {
    width: 140px;
}

.popup .wine-club-shipment-details .col-wish-list-qty {
    width: 125px;
}

.popup .wine-club-shipment-details .col-price {
    text-align: right;
    padding-right: 10px;
}

.popup .wine-club-shipment-details .col-required {
    text-align: center;
}

.ddl.custom {
    width: 300px;
}

span.err {
    border: solid 1px maroon;
}

span.label.err {
    border: solid 1px transparent;
}

.popup .paymentOptions .label {
    display: inline !important;
}

.row.alt,
.item.alt {
    /*background-color: #e7e7e7;
    color:black;*/
    /*-moz-opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -khtml-opacity: 0.85;
    opacity: 0.85;*/
}

.json-data .visible-false {
    display: none;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-selectmenu-menu .ui-menu {
    background-color: #fcfcfc;
    max-height: 300px;
}

    .ui-selectmenu-menu .ui-menu .ui-menu-item {
        padding: 3px;
        line-height: 18px;
    }

/*.ui-selectmenu-menu .ui-menu .ui-menu-item:nth-child(2n+1) {
        background-color:#eeeeee;

    }*/

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #ebebeb;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    line-height: 1.3;
}

.ui-selectmenu-open {
    max-width: 350px;
}

.ui-widget-header .ui-icon,
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-selectmenu-menu .head {
    font-weight: bold;
    display: block;
}

.ui-selectmenu-menu li {
    border-bottom: dashed 1px #cccccc;
    font-size: 12px;
    font-family: Arial,sans, Verdana;
}

.ddl.custom {
    padding: 0px;
}

    .ddl.custom > span:last-child {
        padding: 2px;
    }

.ui-selectmenu-button span.ui-selectmenu-text {
    /*padding: 0.2em 2.1em 0.4em 0.2em;
    font-size: 14px;
    font-family: Arial,sans, Verdana;*/
    padding: 0em 0em 0em 0em;
    font-size: 14px;
    font-family: Arial,sans, Verdana;
    background-color: #ffffff;
}

input.calendar {
    display: inline-block !important;
    width: 80px;
    height: 25px;
}

.calendar-img {
    display: inline-block;
    margin: 0 3px;
    vertical-align: bottom;
}

.calendar.week-interval {
    width: 200px;
}

div.table {
    width: 100%;
    display: table;
}

    div.table > div.row {
        display: table-row;
    }

        div.table > div.row.h {
            font-weight: bold;
        }

    div.table .row.h > div {
        border-bottom: dashed 1px #cccccc;
        padding-bottom: 5px;
    }

    div.table > div.row.h > div,
    div.table > div.row > div {
        display: table-cell;
        vertical-align: top;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        div.table > div.row > div.cmd {
            text-align: center;
        }

        div.table > div.row > div .mobile-label {
            display: none;
        }

    div.table.catalog-options > div.row > div {
        border-bottom: dashed 1px #cccccc;
        padding-top: 10px;
        text-align: left;
    }

    div.table.section > div.row.header {
        display: inherit;
    }

/*.join-wine-club-right.benefits {
    float:right;    
}*/

/*div.table div.row > div {
        display: table-cell;
        width: 24% !important;
        padding: 1px;
        margin: 0px;
    }*/

div.terms label ul,
div.terms label ul li {
    display: list-item;
    list-style-type: disc;
}


/* Wizard */
.bootstrapWizard {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%;
}

    .bootstrapWizard li {
        display: block;
        float: left;
        width: 10%;
        text-align: center;
        padding-left: 0;
    }

        .bootstrapWizard li .step {
            background: #B2B5B9;
            color: #fff;
            display: inline;
            font-size: 15px;
            font-weight: 700;
            padding: 7px 20px;
            border: 1px solid transparent;
            border-radius: 10%;
            line-height: normal;
            position: relative;
            text-align: center;
            z-index: 2;
            transition: all .1s linear 0s;
        }

        .bootstrapWizard li .title {
            color: #bfbfbf;
            display: block;
            font-size: 13px;
            line-height: 15px;
            max-width: 100%;
            /*position: relative;*/
            table-layout: fixed;
            text-align: center;
            top: 20px;
            /*word-wrap: break-word;*/
            z-index: 104;
            padding-top: 25px;
        }

        .bootstrapWizard li .step i {
            font-size: 10px;
            font-weight: 400;
            position: relative;
            top: -1.5px;
        }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bootstrapWizard li:first-child:before {
    left: 50%;
    max-width: 50%;
}

.bootstrapWizard li:before {
    border-top: 1px dashed #55606E;
    content: "";
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    top: 11px;
    right: 1px;
    width: 100%;
    z-index: 1;
}

.bootstrapWizard li.complete .step {
    background: #8BC34A;
    padding: 7px 20px;
    border: 1px solid #55606E;
}

.bootstrapWizard li.error .step {
    background: #990000;
    padding: 1px 6px;
    border: 2px solid #f1bc8e;
}

.bootstrapWizard li.active .step,
.bootstrapWizard li.active.complete .step {
    background: var(--primary, #000000);
    color: #fff;
    font-weight: 700;
    padding: 15px 30px;
    font-size: 15px;
    border-radius: 10%;
    border: 1px solid #55606E;
}

.bootstrapWizard li .step .mobile-title {
    display: none;
}

.bootstrapWizard li.active .title, .bootstrapWizard li.complete .title {
    color: #2B3D53;
}

.bootstrapWizard > li > a {
    text-decoration: none;
}

.bootstrapWizard li:last-child:before {
    max-width: 50%;
    width: 50%;
}

.clearfix {
    clear: both;
}

.wineclub-registration-wizard {
    margin: 5px auto;
}

    .wineclub-registration-wizard li {
        /*width: 16.5%;*/
        width: 14.2%;
    }

    .wineclub-registration-wizard .form-bootstrapWizard {
        height: 90px;
    }

/*.wineclub-registration-wizard .step-index.step-1 {
        display: none;
    }*/


/*#tabPaymentMethod > .paymentOptions_box {
    text-align: center;
    width: 100% !important;
}*/

/*#tabPaymentMethod.payment .ddl.custom {
    margin: 0px auto;
}*/

#tabDeliveryOptions #pnlShippingAddressDDL {
    text-align: center;
}

.wineclub-registration-wizard ul {
    padding-left: 0px;
}

.join-wine-club-content .btns,
.signup-wrap .btns {
    clear: both;
    padding-top: 25px;
}

.join-wine-club-content h1 {
    text-align: center;
}

.join-wine-club-content .search-recipient,
.join-wine-club-content .expires-on {
    /*text-align: center;*/
}

    .join-wine-club-content .search-recipient input.txtbig {
        display: inline-block;
        width: 230px;
    }

    .join-wine-club-content .search-recipient .search-result {
        margin: 0 auto;
        width: 97%;
        text-align: left;
        margin-top: 10px;
    }

        .join-wine-club-content .search-recipient .search-result .row {
            margin-bottom: 7px;
        }

            .join-wine-club-content .search-recipient .search-result .row input {
                margin: auto 0px;
                vertical-align: top;
                margin-right: 5px;
            }

            .join-wine-club-content .search-recipient .search-result .row label {
                cursor: pointer;
                width: 90%;
                display: inline-block;
                border-bottom: solid 1px #dddddd;
            }

        .join-wine-club-content .search-recipient .search-result .recipient-not-found {
            /*margin:15px;
            text-align: center;*/
            font-weight: bold;
        }

.join-wine-club-content label + br {
    display: none;
}

.join-wine-club-content .gift-membership-settings .ddl.custom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

/*.join-wine-club-content .gift-membership-settings textarea.txt {
    width: 300px !important;
    max-width: 300px !important;
    min-width: 300px !important;
}*/

.join-wine-club-content .gift-membership-settings .label {
    display: block;
    margin-top: 15px;
}

.wizard-step-header {
    font-size: larger;
}

    .wizard-step-header .step-index {
        font-weight: bold;
    }

.txt.cof-password {
    width: 298px;
}

.page-wine-club-join-thank-you #pageContentCenter,
.join-wine-club-thank-you {
    width: 100% !important;
    text-align: center;
}

    .join-wine-club-thank-you .wizard-step-header {
        display: none;
    }

.inline {
    display: inline-block !important;
}

select.ddl.custom.inline {
    display: none !important;
}

.open-edge-note {
    text-align: center;
    padding: 20px;
}

.product-search {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

/*.product-search {
    display: none;
}

#cat-v1-1 .product-search {
    display: block !important;
}*/

input.txt-product-search, .button-search-product {
    /*margin-bottom: 10px;*/
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

.button-search-product {
    padding: 8px 5px 8px 30px !important;
}
/*input[type="text"].txt-product-search, input.txt-product-search*/
.txt-product-search {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: 2px;
    border: 1px solid #ccc !important;
    font-size: medium;
    background: white !important;
    padding-top: 8px !important;
    padding-right: 5px !important;
    padding-bottom: 8px !important;
    /* padding-left: 30px !important;	 */
    padding-left: 113px;
}

.txt-product-search-temp-important {
    padding-left: 135px !important;
}

.txt-product-search:focus {
    -webkit-box-shadow: 0 0 0 1px #cdcdcd, 0 0 0 1px #cdcdcd;
    -moz-box-shadow: 0 0 0 1px #cdcdcd, 0 0 0 1px #cdcdcd;
    box-shadow: 0 0 0 1px #cdcdcd, 0 0 0 1px #cdcdcd;
    outline: none;
}

.product-search-options {
    top: 2px;
    left: 0px;
    height: 100%;
    box-sizing: border-box;
    background-color: #f3f3f3;
    background-image: none;
    border: 1px solid #cdcdcd;
    border-right: 0.5px solid #cdcdcd;
    position: absolute;
    float: left;
    margin: 0;
    padding-left: 5px;
    overflow: hidden;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    width: auto;
    z-index: 9;
}

    .product-search-options .dropdown {
        display: block;
        width: auto !important;
        height: 35px;
        cursor: pointer;
        border: 0;
        background-color: transparent;
        padding-right: 20px;
        outline: none;
        /*
        top: -1px;
        left: 0;        
        
        outline: 0;
        margin: 0;
        padding: 0;
        */
    }

.product-search-options-dropdown {
    margin-left: -5px;
}

    .product-search-options-dropdown ul li {
        /*height: 25px;*/
        padding: 7px 7px !important;
    }

    .product-search-options-dropdown .ui-selectmenu-text {
        padding-left: 7px !important;
    }

.product-search-options .ui-selectmenu-button span.ui-selectmenu-text {
    background-color: transparent !important;
    font-family: inherit !important;
    line-height: 30px;
}


.button-search-product {
    background: white url(/images/search-icon.png) right center no-repeat;
    background-size: 30px 30px;
    background-position-x: 99%;
    top: 6px;
    border: 0px solid #ccc !important;
    position: absolute;
    right: 15px;
    cursor: pointer;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    z-index: 9;
}

.popup .policies {
    /*margin-left: 14px;
    margin-right: 14px;
    text-align: center;*/
}

.popup .accept-button {
    text-align: center;
    margin-top: 30px;
}

.three-items-across .productItem {
    display: inline-block;
    vertical-align: top;
    width: 29%;
    /* min-height:300px; */
    text-align: left;
    border: none;
    border-bottom: none !important;
}

.three-items-across .prod-content {
    display: none;
}

.three-items-across .pi-content {
    height: 100px !important;
    overflow: unset;
}

.three-items-across .prod-img {
    float: none;
    margin-left: 0px !important;
}

.three-items-across .addToCart {
    left: 0px;
    top: 170px;
    font-size: 15px;
}

.three-items-across .add-to-cart .cmd-container,
.three-items-across .price-label,
.three-items-across-container .activeCart {
    display: none;
}

.three-items-across .soldout {
    padding: 0 0 10px;
}

.three-items-across-container .shop-holder,
.four-items-across-container .shop-holder {
    margin-right: 0px;
}

.three-items-across-menu .menu-header {
    display: none;
}

.three-items-across .productItem .prod-summary h2 {
    color: #000;
    font-size: 17px;
    line-height: 19px;
    text-transform: none;
    margin: 0 0 2px 0;
}

.three-items-across-menu .stock {
    display: none;
}

.three-items-across .productItem .addToCart > span .limited-offer,
.three-items-across .productItem .addToCart > span .stock {
    display: none !important;
}

.three-items-across .productItem .addToCart > span .add-to-cart > table {
    display: none;
}

.shop-left-menu > span.three-items-across-menu {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    /*padding-bottom: 200px;*/
}

.shop-left-menu .three-items-across-menu li > ul a {
    color: #616161;
    font-size: small;
}

.shop-left-menu .three-items-across-menu > ul {
    padding-top: 10px;
}

.four-items-across .productItem {
    display: inline-block;
    vertical-align: top;
    width: 29%;
    /* min-height:300px; */
    text-align: left;
    border: none;
    border-bottom: none !important;
    padding-bottom: 25px !important;
}

.four-items-across .prod-content {
    display: none;
}

.four-items-across .pi-content {
    height: 114px !important;
    overflow: unset;
}

.four-items-across .prod-img {
    float: none;
    margin-left: 0px !important;
}

.four-items-across .addToCart {
    left: 0px;
}

.shop-left-menu > span.four-items-across-menu {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    /*padding-bottom: 200px;*/
}

.four-items-across .add-to-cart .cmd-container,
.four-items-across .price-label,
.four-items-across-container .activeCart {
    display: none;
}

.four-items-across .soldout {
    padding: 0 0 10px;
}

.four-items-across .productItem .prod-summary h2 {
    color: #000;
    font-size: 17px;
    line-height: 19px;
    text-transform: none;
    margin: 0 0 2px 0;
}

.shop-left-menu .four-items-across-menu > ul {
    padding-top: 10px;
}

.four-items-across .productItem .addToCart > span .add-to-cart > table {
    display: none;
}

.shop-left-menu > span.three-items-across-menu {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    /*padding-bottom: 200px;*/
}


.shop-left-menu .four-items-across-menu li > ul a {
    color: #616161;
    font-size: small;
}

.four-items-across .productItem .addToCart > span .limited-offer,
.four-items-across .productItem .addToCart > span .stock {
    display: none !important;
}

.four-items-across-menu .menu-header {
    display: none;
}

.row.top-root-groups {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-top: 15px;
    padding: 10px;
}

    .row.top-root-groups .col {
        display: inline-block;
        max-width: 30%;
        margin: 0px 1.5%;
        text-align: center;
        vertical-align: top;
    }

.discount-line {
    background-color: #a8968c !important;
    color: white;
    margin-top: -35px !important;
    font-size: 17px;
    font-weight: lighter !important;
    padding: 4px;
    text-align: center;
}

    .discount-line .bold {
        font-weight: bold;
        text-transform: uppercase;
    }


/*custom*/


.row.top-root-groups a {
    text-transform: uppercase;
    color: #000;
}


.shop-content {
    padding: 20px 15px;
}

.productItem .pi-content {
    height: auto !important;
}

.three-items-across .productItem .prod-img, .four-items-across .productItem .prod-img {
    margin: 0 0 5px 0;
    text-align: center;
    background: #f1f1f3;
    padding: 20px 10px;
}


.four-items-across .productItem {
    width: 22%;
}

.three-items-across .productItem {
    width: 31%;
}

div.add-to-cart-checkout,
div.add-to-cart-checkout {
    display: block;
    margin-top: 15px;
    text-align: center;
}

.desktop {
    width: 100%;
}

/*custom*/


@media only screen and (max-width: 800px) {
    div.table div.row > div.col1,
    div.table div.row > div.col2,
    div.table div.row > div.col3,
    div.table div.row > div.col4 {
        width: 45% !important;
        padding: 1px;
        margin: 0px;
    }

    div.table div.row > div.col3 {
        clear: left !important;
    }

    .gift-card-page .col-a,
    .gift-card-page .col-b {
        max-width: 100%;
        margin-left: 0px;
    }

    .gift-card-page select {
        max-width: none !important;
    }

    /*.txt-product-search {
        width: 94%;
    }

    .button-search-product {
        left: 92%;
    }*/

    .four-items-across .productItem {
        width: 48% !important;
        padding-right: 8px;
    }

    .four-items-across .break {
        display: none;
    }

    .four-items-across .h-split {
        display: none;
    }

    .three-items-across .h-split {
        display: none;
    }

    .three-items-across .break {
        display: none;
    }

    .three-items-across .productItem {
        width: 48% !important;
        padding-right: 8px;
    }

    .four-items-across-container {
        text-align: center;
    }

    .three-items-across-container {
        text-align: center;
    }

    .shop-left-menu > span.four-items-across-menu, .shop-left-menu > span.three-items-across-menu {
        padding-bottom: 0px !important;
        text-align: center;
        border-bottom: 1px solid #ccc !important;
        border-right: transparent;
    }

    .three-items-across .productItem .prod-img, .four-items-across .productItem .prod-img {
        width: unset;
    }

    /*.three-items-across .productItem, .four-items-across .productItem {
        text-align: center;
    }*/

    .row.top-root-groups .col {
        display: block;
        max-width: 100%;
    }

    .three-items-across .addToCart {
        top: 187px !important;
    }
}

@media only screen and (max-width: 639px) {


    .four-items-across .productItem {
        width: 100% !important;
    }

    .three-items-across .productItem {
        width: 100% !important;
        min-height: 300px !important;
    }

    .four-items-across-container {
        text-align: center;
    }

    .three-items-across-container {
        text-align: center;
    }

    .shop-left-menu > span.four-items-across-menu, .shop-left-menu > span.three-items-across-menu {
        padding-bottom: 0px !important;
        text-align: center;
        border-bottom: 1px solid #ccc !important;
        border-right: transparent;
    }

    .three-items-across .productItem .prod-img, .four-items-across .productItem .prod-img {
        width: unset;
    }

    /*.three-items-across .productItem, .four-items-across .productItem {
        text-align: center;
    }*/

    .row.top-root-groups .col {
        display: block;
        max-width: 100%;
    }

    .three-items-across .addToCart {
        top: 0px !important;
    }



    /*.txt-product-search {
        width: 89%;
    }

    .button-search-product {
        left: 83%;
    }*/

    .prod-image-mobile {
        display: block;
        text-align: center;
    }

    #tabs-product .prod-image {
        display: none;
    }

    div.table div.row > div.col1,
    div.table div.row > div.col2,
    div.table div.row > div.col3,
    div.table div.row > div.col4 {
        width: 45% !important;
        padding: 1px;
        margin: 0px;
        vertical-align: top;
    }

    div.table div.row > div.col3 {
        clear: left !important;
    }

    .gift-card-thank-you .col-a,
    .gift-card-thank-you .col-b,
    .gift-card-thank-you .col-c {
        margin: 0px;
        margin-top: 20px;
    }

    .thank-you .paymentOptions_box .label {
        display: none;
    }

    .payment-method {
        font-weight: bold;
    }

    .customer-order-history .order .mobile-label {
        margin-top: 10px;
        margin-bottom: 1px;
        display: block !important;
    }

    .customer-order-history .col-1 {
        display: table-header-group !important;
    }

    .customer-order-history .hdr-price,
    .customer-order-history .price {
        text-align: left !important;
    }

    .customer-order-history .order {
        position: relative;
    }

    .customer-order-history .pdf-icon {
        margin: 0 15%;
    }

    .block {
        display: inline-block;
        position: absolute;
        top: 50px;
        left: 45px;
    }

    .popup .wine-club-membership-details .item .col-3 {
        width: 50% !important;
    }

    .popup .wine-club-membership-details .item .col-2 {
        width: 100% !important;
    }

    .popup .wine-club .details .col-2 {
        text-align: left;
        float: left;
    }

    .popup .wine-club .break {
        border: solid 1px transparent;
    }

    .popup .wine-club .commands .shipping-notes {
        position: relative !important;
        left: auto;
        top: auto;
    }

        .popup .wine-club .commands .shipping-notes b {
            float: none;
        }

    .popup div.secure-shopping {
        float: left;
        clear: both;
    }

    .popup .paymentOptions .label {
        float: left;
        clear: both;
    }

    .wc2016.join-wine-club-left,
    .wc2016.join-wine-club-right.benefits {
        width: 100%;
        height: 100%;
        float: left;
    }
}

@media only screen and (max-width: 479px) {
    .details.cust > div:first-child {
        display: none;
    }

    .details.cust .item > div {
        width: 100% !important;
    }

    .details.cust .row > div:last-child {
        text-align: left !important;
    }

    .details.cust > div > div {
        display: inline-block;
    }

    div.table div.row > div {
        display: block !important;
        width: 100% !important;
    }

        div.table div.row > div.col-1,
        div.table div.row > div.col-2,
        div.table div.row > div.col-3,
        div.table div.row > div.col-4,
        div.table div.row > div.col1,
        div.table div.row > div.col2,
        div.table div.row > div.col3,
        div.table div.row > div.col4 {
            width: 100% !important;
            padding: 1px;
            margin: 0px;
        }

    div.table > div.row-h {
        display: none;
    }

    .popup .wine-club-membership-details .item .col-3 {
        width: 100% !important;
    }

        .popup .wine-club-membership-details .item .col-3 br {
            display: none;
        }

        .popup .wine-club-membership-details .item .col-3 b {
            display: block;
        }


    div.table > div.row {
        display: block;
        padding-bottom: 2px;
        border-bottom: dashed 1px #cccccc;
        margin-bottom: 15px;
    }

        div.table > div.row:last-child {
            border-bottom: solid 2px transparent;
        }

        div.table > div.row > div .mobile-label {
            display: block;
            font-weight: bold;
            margin-top: 5px;
        }

        div.table > div.row > div.cmd {
            text-align: center;
        }

        div.table > div.row.h {
            display: none;
        }

    div.table.catalog-options > div.row > div {
        border-bottom: none 1px transparent;
        padding-top: 10px;
        text-align: center;
    }

        div.table.catalog-options > div.row > div .ddl.custom {
            display: inline-block;
        }

    .popup .wine-club-shipment-details .col-price {
        text-align: left;
    }

    .btn {
        margin-bottom: 5px;
    }

    .bootstrapWizard li a {
        width: 100%;
        display: block;
    }

    .bootstrapWizard li .title {
        display: none;
    }

    .wineclub-registration-wizard .form-bootstrapWizard {
        height: 40px;
    }

    .bootstrapWizard li .step .mobile-title:before {
        content: ".";
        margin-left: -3px;
        margin-right: 8px;
    }

    .bootstrapWizard li .step {
        font-weight: normal;
        text-align: left;
    }

    .bootstrapWizard li.active .step,
    .bootstrapWizard li.active.complete .step,
    .bootstrapWizard li.complete .step,
    .bootstrapWizard li .step {
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 7px;
        display: block;
        width: 100%;
    }


        .bootstrapWizard li .step,
        .bootstrapWizard li .step .mobile-title {
            display: inline-block;
        }

    .wineclub-registration-wizard li {
        /*height: 50px;*/
        /*width: 16.1%;*/
        width: 100% !important;
        position: relative;
        display: block;
    }

        .wineclub-registration-wizard li:before {
            display: none;
        }

        .wineclub-registration-wizard li:last-child {
            /*border-right: solid 1px #dddddd;*/
        }

        .wineclub-registration-wizard li .title {
            font-size: 11px;
            text-align: center;
            padding: 0px;
            margin: 0 auto 0px;
            /*display: none;*/
        }

    .percent-50 {
        width: 50%;
    }
}

.txt.cof-password {
    width: 298px;
}

.card-on-file-billing-address {
    margin-top: 15px;
}

.popup .card-on-file-billing-address .selector {
    text-align: center;
    margin-top: 0px;
}

.card-on-file-billing-address .selector .ddl {
    width: 100%;
}

img.google-auth-qr-code {
    width: 200px;
    height: 200px;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center;
}

.valign-top {
    vertical-align: top;
}

ol.ol {
    list-style-type: decimal;
    margin-left: 15px;
}

.wine-club-cancelation {
    text-align: center;
}

a.paypal img {
    width: 120px;
}

.highlight {
    color: blue;
}

.section-highlight {
    /*border: solid 1px red !important;*/
    opacity: 0.1;
}

.hold-at-location-address {
    display: block;
    margin-bottom: 5px;
    margin-left: 15px;
}

/*10-24-2019: from Jordan: We have a few customers that are using a third party for shipping alcohol for states that they do not have licenses for and therefore they have created Custom Shipping Zones for those specific states. They will continue to ship via FedEx for the states that they have licenses for so they will continue to have the FedEx option turned on. The problem is once a customer tries to place an order online they will receive the message that FDX shipping options are unavailable at this time however they will also see the custom zones, as you can imagine this can be very confusing to the end user. After speaking with Matt on this today we would like to have this message hidden for only Web Store orders. I have included an example of this message below. I think this would be good for all customers most specifically 2Hawk and Keeler urgently. Please let me know if you have any questions.*/
.carrier-services.carrier-error {
    display: none;
}

    .carrier-services.carrier-error.force-display {
        display: inline !important;
    }

.suggestion {
    color: red;
}

.cc-empty {
    height: 50px;
}

.cc-container {
    display: block;
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    background-color: #eeeeee;
}

    .cc-container .cc-content {
        margin: 0px auto;
        padding: 10px;
        width: 90%;
        text-align: center;
    }

.nocursor {
    cursor: none;
}


.icon.fa-hand-holding-usd {
    font-size: large;
    /*font-weight:normal;*/
}

.w-100 {
    width: 100%;
}

.w-75 {
    width: 75%;
}

.w-50 {
    width: 50%;
}

.w-25 {
    width: 25%;
}


.font-bold {
    font-weight: bold;
}

.icon, svg.icon {
    margin-right: 5px;
}

.blinking {
    animation: blinkingText 2.7s infinite;
}

@keyframes blinkingText {
    0% {
        color: inherit;
    }

    49% {
        color: inherit;
    }

    70% {
        color: inherit;
    }

    99% {
        color: transparent;
    }

    100% {
        color: inherit;
    }
}

.loyalty-point-available {
    font-weight: bold;
}

.responsive-items-across,
.five-items-across {
    display: flex;
    flex-wrap: wrap;
}

    .responsive-items-across .group-summary,
    .five-items-across .group-summary {
        width: 100%;
        text-align: justify;
    }

    .responsive-items-across .productItem .pi-content,
    .five-items-across .productItem .pi-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 100% !important;
    }

    .five-items-across .productItem {
        width: calc(20% - 10px);
        margin-right: 10px;
        min-width: 190px;
        /* flex-grow: 1; */
        /* max-width: 220px; */
    }

    .responsive-items-across .productItem {
        margin-right: 10px;
    }

    .responsive-items-across .prod-img,
    .five-items-across .prod-img {
        /* margin-bottom: auto; */
    }

    .responsive-items-across .cmd-container,
    .five-items-across .cmd-container {
        display: flex;
        justify-content: space-between;
    }

        .responsive-items-across .cmd-container .btn,
        .five-items-across .cmd-container .btn {
            line-height: 40px;
            /* display: block; */
            padding: 0 10px;
            white-space: nowrap;
            font-size: smaller;
        }

        .responsive-items-across .cmd-container input[type="text"],
        .five-items-across .cmd-container input[type="text"] {
            min-width: 35px;
            padding: 5px;
        }

.responsive-items-across-container .shop-holder,
.five-items-across-container .shop-holder {
    margin-right: 0;
}

.responsive-items-across .pi-content .addToCart,
.five-items-across .pi-content .addToCart {
    width: 100%;
    margin-top: auto;
}
/* HIDE */
.responsive-items-across-container .activeCart-panel,
.responsive-items-across .label.qty-label,
.responsive-items-across .add-to-cart .tbl-color-size,
.responsive-items-across .price-container,
.responsive-items-across .prod-content,
.five-items-across-container .activeCart-panel,
.five-items-across .label.qty-label,
.five-items-across .add-to-cart .tbl-color-size,
.five-items-across .price-container,
.five-items-across .prod-content {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .responsive-items-across,
    .five-items-across {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 639px) {
    .responsive-items-across .productItem {
        flex-grow: 1;
    }

    .five-items-across .productItem {
        max-width: 100%;
    }
}

#divInProgress .custom-content {
    display: none;
}

div.continue-shopping-top {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.reservations ul,
.reservations ol {
    list-style: inherit;
    padding-left: inherit;
}

.reservations.landing {
}

    .reservations.landing .row .img {
        max-width: 100%;
    }


.reservations .step .title,
.reservations .step-title {
    text-align: center;
    margin: 40px auto 20px;
    font-size: x-large;
}

.reservations .step {
    margin-top: 35px;
    width: 100%;
}

.reservations .selectable-item {
    /*text-align: center;*/
    /*margin: 7px;*/
    box-shadow: 2px 2px 5px;
    /*font-size: 1.625rem;*/
    cursor: pointer;
    /*width: 5.725rem !important;
            height: 4rem !important;*/
    /*background: rgb(0, 0, 0, 0.05);*/
    display: inline-block;
    margin: 0 7px 15px 7px;
}


.reservations .location {
    margin: 10px auto;
}

    .reservations .location .ddl,
    .reservations .location .location-areas {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .reservations .location .location-areas .area-name {
            font-weight: bold;
            display: block;
        }

            .reservations .location .location-areas .area-name.w-100 {
                font-weight: bold;
                width: 100%;
            }

        .reservations .location .location-areas .description {
            font-weight: normal;
            display: block;
        }

        .reservations .location .location-areas input {
            margin: 5px 2px;
        }

        .reservations .location .location-areas label {
            width: 95%;
            display: inline-block;
            /*margin: 5px 2px;
            padding: 10px 5px;*/
        }

        /*.reservations .location .location-areas .row:hover * {
            cursor: pointer;
        }*/
        /*
        .reservations .location .location-areas .row {
            border-bottom: solid 0.2px #cccccc;
        }

            .reservations .location .location-areas .row:hover * {
                cursor: pointer;
            }*/

        /*.reservations .location .location-areas .row:hover*/
        /*.reservations .location .location-areas label:hover */ /*{*/
        /*opacity: 0.1;*/
        /*cursor: pointer;
                transition: 0.3s;
                background-color: rgba(0, 0, 0, .1);
                border-bottom: solid 0.2px transparent;
            }*/

        /*.reservations .location .location-areas .description:before {
            content: " - ";
        }*/

        .reservations .location .location-areas .location-area-item input[type=radio] {
            display: none;
        }

        .reservations .location .location-areas .location-area-item .area-link img {
            max-width: 100%;
            margin: 0 auto;
        }
/*.reservations .location .location-areas .location-area-item.selected,
        .reservations .location .location-areas .location-area-item:hover {
            background: rgb(0, 0, 0, 0.2);
        }*/
/*.reservations .guests {
    text-align: center;
}*/
.reservations .guests .row {
    max-width: 80%;
    margin: 0px auto;
    text-align: center;
}

.reservations .guests .guest-item {
    max-width: 100px;
}

    .reservations .guests .guest-item label {
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 1.5rem 0px 1rem 0px !important;
        cursor: pointer;
    }

    .reservations .guests .guest-item input[type=radio] {
        display: none;
    }

    .reservations .guests .guest-item.selected,
    .reservations .guests .guest-item:hover {
        background: rgb(0, 0, 0, 0.2);
    }



.reservations .time-slots .row {
    max-width: 90%;
    margin: 0px auto;
    text-align: center;
}

.reservations .time-slots .time-slot-item {
    width: auto;
}

    .reservations .time-slots .time-slot-item label {
        width: 100%;
        height: 100%;
        display: inline-block;
        /*padding: 1.5rem 0px 1rem 0px !important;*/
        cursor: pointer;
    }

    .reservations .time-slots .time-slot-item input[type=radio] {
        display: none;
    }

    .reservations .time-slots .time-slot-item.selected,
    .reservations .time-slots .time-slot-item:hover {
        background: rgb(0, 0, 0, 0.2);
    }

.reservations .date .row .col .calendar2 {
    margin: 0px auto;
}

.reservations .btns {
    margin-top: 35px;
    text-align: center;
}


.reservations .qty-container a {
    text-decoration: none;
}

.reservations .details-content,
.reservations .oPText *,
.reservations .description * {
    font-family: inherit !important;
    font-size: inherit !important;
}

.reservations .two-items-across .row {
    height: 100%;
    margin-top: 20px;
}

    .reservations .two-items-across .row .col-a {
        max-width: 25%;
        flex: 0 0 25%
    }

    .reservations .two-items-across .row .col-b {
        max-width: 75%;
        flex: 0 0 75%;
    }


form[action*="/reservation-thank-you"] #pageContentCenter {
    width: 100% !important;
}

@media only screen and (max-width: 1024px) {
    .reservations .two-items-across {
        display: grid;
    }
}

@media only screen and (max-width: 850px) {
    .reservations .two-items-across {
        display: flex;
    }

    .reservations .bootstrapWizard > li > a .title {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .reservations .bootstrapWizard > li > a {
        position: relative;
    }

    .reservations .bootstrapWizard li .title {
        padding: 0;
        z-index: 8000;
        /*position:absolute;
        top:0px;*/
        width: 100%;
        display: block;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .reservations .bootstrapWizard li:before {
        border: none;
    }

    .reservations .bootstrapWizard li .step {
        padding: 0px;
        width: 100%;
        height: 0px;
        display: none;
    }

    .reservations .bootstrapWizard li .step,
    .reservations .bootstrapWizard li.active .step,
    .reservations .bootstrapWizard li.active.complete .step {
        border-radius: 2%;
        color: transparent;
        margin-top: 9px;
        z-index: 10;
    }

    .reservations .bootstrapWizard li {
        display: block;
        float: none;
        width: 100% !important;
        border: solid 1px #cccccc;
        margin-top: 7px;
    }

        .reservations .bootstrapWizard li.active .title:after {
            content: "\f111";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin-left: 10px;
        }

        .reservations .bootstrapWizard li.complete .title:after {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin-left: 10px;
        }

    .reservations .guests .row {
        max-width: 90%;
    }

    .reservations .guests .guest-item {
        max-width: 75px;
    }

    .reservations .details_header > div,
    .reservations .details .item > div,
    .reservations .order_details .item > div {
        vertical-align: middle;
    }

    .reservations .order_details .border-bottom {
        border: solid 1px transparent !important;
    }

    .reservations .order_details .row {
        border-bottom: dotted 0.7px;
    }

        .reservations .order_details .row div {
            border: none;
        }

    .reservations .location-area-item {
        text-align: center;
    }

        .reservations .location-area-item .col-a {
            margin-bottom: 15px;
        }

    .reservations .two-items-across .row .col-a {
        text-align: left;
    }

    .reservations .two-items-across .row .col-b {
        text-align: left;
    }

    .reservations.landing .location-link {
        text-align: center;
        display: block;
    }

    .reservations.landing .row > div {
        text-align: center;
    }

    .reservations .location .location-areas label {
        width: 90%;
        display: inline-block;
    }
}

@media only screen and (max-width: 600px) {
    .reservations .two-items-across .row .col-a {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }

    .reservations .two-items-across .row .col-b {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }
}

.dimmed {
    position: relative;
    opacity: 0.2;
}

    .dimmed:after {
        content: " ";
        z-index: 10;
        display: block;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        /*background: rgba(0, 0, 0, 0.1);*/
    }

.hover-opacity-01,
.hover-opacity-02,
.hover-opacity-03,
.hover-opacity-04,
.hover-opacity-05,
.hover-opacity-06,
.hover-opacity-07,
.hover-opacity-08,
.hover-opacity-09,
.hover-opacity-1 {
    position: relative;
}

    .hover-opacity-01:hover {
        opacity: 0.1;
    }

    .hover-opacity-02:hover {
        opacity: 0.2;
    }

    .hover-opacity-03:hover {
        opacity: 0.1;
    }

    .hover-opacity-04:hover {
        opacity: 0.4;
    }

    .hover-opacity-05:hover {
        opacity: 0.5;
    }

    .hover-opacity-06:hover {
        opacity: 0.6;
    }

    .hover-opacity-07:hover {
        opacity: 0.7;
    }

    .hover-opacity-08:hover {
        opacity: 0.8;
    }

    .hover-opacity-09:hover {
        opacity: 0.9;
    }

    .hover-opacity-1:hover {
        opacity: 1;
    }

.calendar2 {
    border: solid 1px transparent;
}

    .calendar2 tr td,
    .calendar2 tr th {
        border-bottom: dotted 0.2px var(--font-color, #000000);
    }

    .calendar2 tr th {
        font-size: inherit;
    }

    .calendar2 tr > td {
        /*padding: 20px 25px;*/
    }

    .calendar2 tr:first-child > td {
        /*padding: 10px;*/
        background-color: transparent !important;
        border-bottom: dashed 0.2px transparent;
    }

    .calendar2 tr > td,
    .calendar2 tr > td a {
        text-decoration: none;
        /*font-size: 1.2rem;*/
        font-weight: normal;
    }


    .calendar2 td a {
        padding: 20px 20px !important;
        display: block;
        color: var(--font-color) !important;
    }

    .calendar2 td.selected {
        background-color: rgb(var(--font-color-rgb), 0.3) !important;
    }

    .calendar2 td.dimmed {
        padding: 20px 20px !important;
    }

    .calendar2 td:not(.dimmed):hover {
        background: rgb(var(--font-color-rgb), 0.2);
    }

    .calendar2 .next-prev a {
        visibility: hidden;
        position: relative;
    }

    .calendar2 .next-prev:first-child a:after {
        content: "\f137";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.5rem;
        visibility: visible;
    }

    .calendar2 .next-prev:last-child a:before {
        content: "\f138";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.5rem;
        visibility: visible;
    }
    /* Better align of calendar header */
    .calendar2 .next-prev + td,
    .calendar2 .next-prev {
        width: auto !important;
    }

    .calendar2 > tbody > tr:first-child > td > .calendar2 > tbody > tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media only screen and (max-width: 1024px) {
    .calendar2 tr th, .calendar2 tr > td, .calendar2 tr > td a {
        /*font-size: 3rem;*/
        font-size: 90%;
    }

    .calendar2 .next-prev:last-child a:before,
    .calendar2 .next-prev:first-child a:after {
        font-size: 20px;
    }

    .calendar2 tr:first-child > td * {
        font-size: 105%;
    }

    .calendar2 td.dimmed,
    .calendar2 td a {
        padding: 15px 15px !important;
    }
}


@media only screen and (max-width: 639px) {
}

.v-hidden {
    visibility: hidden;
}

form[action*='reservation'] #authStatus,
form[action*='reservations'] #authStatus,
form[action*='reservation'] .product-search-wrap,
form[action*='reservations'] .product-search-wrap,
form[action*='reservation'] .product-search,
form[action*='reservations'] .product-search,
form[action*='change-password'] .product-search {
    /*display: none;*/
    visibility: hidden;
}


.icon.fa-back:before {
    content: "\f359";
    font-family: "Font Awesome 5 Free";
    margin-right: 3px;
}

i.fa-calendar-alt.position-absolute {
    right: 10px;
    cursor: pointer;
}


.save-as-card-on-file {
    text-align: center;
}


.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: initial;
}

/*.popup .ui-state-default,
.popup .ui-widget-content .ui-state-default,
.popup .ui-widget-header .ui-state-default,
.popup .ui-tabs-nav.ui-widget-header,
.popup .ui-state-active,
.popup .ui-widget-content .ui-state-active,
.popup .ui-widget-header .ui-state-active {*/
/*border: solid 1px transparent !important;*/
/*background: initial;*/
/*color: initial;*/
/*border-bottom: solid 1px #cccccc;*/
/*}*/

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color: #ffffff;
    border-bottom: solid 1px #ffffff;
}

.popup .ui-tabs-nav .ui-state-active,
.popup .ui-tabs-nav .ui-state-default,
.popup .ui-tabs-nav .ui-widget-content .ui-state-active,
.popup .ui-tabs-nav .ui-widget-header .ui-state-active {
    border: solid 1px #cccccc;
    border-bottom: none;
}

/*.popup .ui-tabs-nav {*/
/*border: none;*/
/*border-bottom:none;*/
/*}*/

.popup .ui-state-default a:hover span,
.ui-state-active a span {
    font-weight: bold;
}

.popup .ui-tabs .ui-tabs-nav {
    padding: 0px !important;
}

    .popup .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding-top: 0px;
        padding-bottom: 0px;
    }

/*.popup .ui-tabs .ui-tabs-nav .ui-tabs-anchor:first-child {
            padding-left: 0px;
        }*/


.popup .ddl.ui-state-default {
    background-color: #ffffff;
}

.popup .ui-widget-content {
    color: inherit;
}

.join-wine-club-content .paytronixSummary .card-number > div,
.join-wine-club-content .paytronixSummary .paytronix-messages > div {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    /*border: 0.7px solid #dee2e6;
    border-radius: 0.25rem;*/
}

.add-to-cart-confirmation-message {
    box-shadow: inset 0px 0px 4px 1px #aaa, inset 0 0 1px #333; /* inset 0px 0px 10px 2px #aaa, inset 0 0 1px #555;*/
    padding-top: 20px;
}

.shopping-suggestions {
    margin-top: 10px;
    border-bottom: var(--border);
}

    .shopping-suggestions .header {
        border-bottom: var(--border);
    }

.add-to-cart-confirmation-message .shopping-suggestions {
    margin-top: 30px;
    border-bottom: none;
}

#productDetails .shopping-suggestions {
    clear: both;
    padding-top: 50px;
}

/*.add-to-cart-confirmation-message .shopping-suggestions {
    max-width:800px;
}*/

.shopping-suggestions .img-thumbnail {
    max-height: 125px;
}

.shopping-suggestions .item {
    text-align: center;
    display: flex;
    flex-direction: column;
    /*max-width: 25%;
    min-width: 25%;*/
    margin-bottom: 20px;
}

.shopping-suggestions .col a.img {
    /*flex-grow: 1;*/
}

.shopping-suggestions .item .qty-label,
.shopping-suggestions .item .qty-container {
    display: none;
}

/*.shopping-suggestions .col {
    position:relative;
}*/
.shopping-suggestions .uc.alt-add-to-cart {
    flex-grow: unset;
}

.shopping-suggestions .carousel {
    padding-left: 0px;
    padding-right: 0px;
}

.shopping-suggestions .carousel-inner {
    padding-left: 10%;
    padding-right: 10%;
}

.shopping-suggestions .add-to-cart > table {
    margin: auto;
}

.add-to-cart-confirmation-message.w-shopping-suggestions {
    z-index: 1010;
}

.add-to-cart-confirmation-message.wo-shopping-suggestions {
    z-index: 1011;
}

@media only screen and (max-width: 600px) {
    .shopping-suggestions .header {
        text-align: center;
    }

    .shopping-suggestions .col {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        padding-top: 10px;
        margin-top: 10px;
    }

        .shopping-suggestions .col:not(:first-child) {
            border-top: var(--border);
        }
}

form[action*="cart"] .shopping-suggestion .carousel-item .qty-selector {
    margin: 0 auto;
}

form[action*="cart"] .shopping-suggestion .carousel-item .price-container,
form[action*="product-details"] .carousel-item .price-container {
    display: block;
    margin-right: 0;
}

.catalog-controls {
    display: flex;
    /*flex-direction: column;*/
    justify-content: space-between;
}

    .catalog-controls .sort-products {
        order: 2;
        margin-left: auto;
    }

    .catalog-controls .pager {
        order: 1;
    }

    .catalog-controls .sort-products .ui-selectmenu-text:before {
        content: "Sort by - ";
    }

#ddlCatalogProductsSort-menu {
    /*padding-left: 60px;        */
}

.sort-products-options-dropdown {
    width: 220px !important;
}

    .sort-products-options-dropdown.ddl.custom > span:last-child {
        padding: 10px;
    }

@media only screen and (max-width: 768px) {
    .catalog-controls {
        display: block;
    }

        .catalog-controls > div {
            text-align: center;
        }

    .sort-products-options-dropdown {
        margin: 8px auto;
    }
}

.member-since {
    text-align: center;
}