html form .colorRed > p{
    color: red !important;
}
html,
body {
    font-family: "Roboto", "Microsoft JhengHei","微軟正黑體","Heiti TC","黑體-繁","新細明體",serif;
    min-height: 280px;
}
a {
    cursor: pointer;
    outline: none;
    color: #000;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: #000;
}
a:focus{
    outline: none;
    text-decoration: none;
    /*color: #fff;*/
}
u {
    font-style: normal;
    text-decoration: none;
}
hr {
    border-color: #cbcbcb;
    margin: 15px 0;
}
.mg-b20{
    margin-bottom: 20px;
}

.colorWhite {
    color:#ffffff;
}

.colorBlack {
    color:#717171!important;
}

.colorOrange {
    color:#de5b1c!important;
}

.product-list .filter-top .cell:last-child {
    margin-right: 0;
}
.no_result p{
    margin-bottom: 50px;
}
.no_result .back_to_product{
    width: 220px;
}
span.italic{
    font-style: italic;
}
span.red-waring{
    color: #9d0229;
    display: block;
    padding: 5px 0 5px;
}
span.gray-waring{
    color: #333333;
    display: block;
    padding: 5px 0 5px;
}
/**
 * Simplecomplete
 */

.autocompleter {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
}

.autocompleter,
.autocompleter-hint {
    position: absolute;
}

.autocompleter-list {
    box-shadow: inset 0px 0px 6px rgba(0,0,0,0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompleter-item {
    padding: 6px 12px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

.autocompleter-item-selected {
    background: #000;
    color: #fff;
}

.autocompleter-item a:hover,
.autocompleter-item:hover {
    background: #000;
    color: #fff;
}

.autocompleter-item strong {
    background: #cacaca;
    font-weight: 700;
}

.autocompleter-item span {
    color: #bbbbbb;
}

.autocompleter-hint {
    color: #ccc;
    text-align: left;
    top: -56px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 13px;
    font-size: 24px;
    display: none;
}

.autocompleter-hint span {
    color: transparent;
}

.autocompleter-hint-show {
    display: block;
}

.autocompleter-closed {
    display: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page {
    overflow: hidden;
    position: relative;
}
.rd-mobilepanel_toggle {
    display: none;
}
select{
    border-radius: 0;
}
option{
    background: #fff;
    color: #000;
}
.uppercase{
    text-transform: uppercase;
}
.check-label{
    width: 16px;
    height: 16px;
    border:1px solid #cbcbcb;
    border-radius: 50%;
    cursor: pointer;
}
.check-label.checked{
    border:4px solid #8c7b47;
}
.product-list .right-main .page-bottom a:hover {
    background: #000;
    color: #fff;
}
.gray-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    z-index: 111;
    display: none;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
    border: 0;
    border-top: 0;
    width: 10px;
    height: 5px;
    background: url(../img/wine/arrow_down.png)no-repeat;
    background-size: 100%;
}
.bootstrap-select.open .dropdown-toggle .caret{
    border: 0;
    border-top: 0;
    width: 10px;
    height: 5px;
    background: url(../img/wine/arrow_down.png)no-repeat;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moztransform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-size: 100%;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}
.custom-check.inactive-check{
    cursor: not-allowed!important;
    background: #999999!important;
}
.pagination > li:last-child > a,
.pagination > li:first-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > span {
    border-radius: 0;
    padding: 0;
    width: 34px;
    text-align: center;
    height: 34px;
    line-height: 34px;
}
.pagination > li:last-child > span,
.pagination > li:first-child > span{
    opacity: .5;
    background: transparent!important;
}
.pagination > .active > a ,
.pagination > .active > a:hover, 
.pagination > .active > a:focus{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #000!important;
    border-color: #ddd!important;
}
.pagination > li > a:hover {
    z-index: 2;
    color: #fff!important;
    cursor: default;
    background-color: #000!important;
    border-color: #ddd!important;
    cursor: pointer;
}
.pagination > li > a:focus{
    z-index: 2;
    color: #000;
    cursor: default;
    background-color: #fff;
    border-color: #ddd;
} 

header .dropdown-menu > li > a:hover,header .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:hover {
    background: #fff !important;
    outline: none!important;
}
.red-star{
    color: #9d0229;
    font-style:normal;
}
.check2-mobile-head{
    display: none;
}
.table-page{
    float: right;
    margin-top: 20px;
}
.cell.page .over{
    float: left;
}
.cell.page .over a{
    height: 32px;
    width: 32px;
    border:1px solid #cbcbcb;
    display: block;
    float: left;
    text-align: center;
    line-height: 32px;
    border-right: 0;
    color: #000;
}
.cell.page .over a:last-child{
    border-right: 1px solid #cbcbcb;
    width: 32px;
}
.cell.page .over a:hover{
    background: #000;
    color: #fff;
}
.cell.page .over a.no-more{
    opacity: .5;
}
.cell.page .over a.no-more:hover{
    background: transparent;
    color: #000;
}
textarea,
input[type="password"],
input[type="text"]{
    outline: none;
    border-radius: 0;
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:none;
}

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;
}
.sly-prevpage,.sly-nextpage{
    z-index: 1!important;
    cursor: pointer;
}
footer{
    background: #000;
}
footer .foot1 .company .left .cell p {
    text-transform: uppercase;
}


.load-circle{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
}
.fading-circle {
    min-width: 60px;
    min-height: 60px;
    position: absolute;
    left: 50%;
    top:50%;
    margin-top: -30px;
    margin-left: -30px;
}
.sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #8c7b47;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; }
.sk-circle2 {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle3 {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle4 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle5 {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle6 {
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle7 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle8 {
    -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle9 {
    -webkit-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle10 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle11 {
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle12 {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle3:before {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    -moz-animation-delay: -0.7s;
    -o-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    -o-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
    -o-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    -o-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
    -o-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    -moz-animation-delay: -0.2s;
    -o-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    -moz-animation-delay: -0.1s;
    -o-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@-moz-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@-o-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}
@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@-webkit-keyframes rotation {
    10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    20%, 30% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
    40% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
@keyframes rotation {
    10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    20%, 30% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
    40% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}



/****************************************************
             Shopping Cart (H4.0_my_cart.css)
 ****************************************************/

.icon-icon_font_navi_cellar{
	cursor:pointer;
}
.icon-icon_font_navi_cellar.collect{
	color: #9d0229!important;
}
.remove-Confirm{
	position: fixed;
    z-index: 1111111;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.remove-Confirm .background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
}
.remove-Confirm .main{
	width:500px;
	padding: 40px;
	height: 210px;
	background: #fff;
	position: absolute;
	margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.remove-Confirm .main p{
	font-size: 25px;
	margin:0 0 40px;
	text-align: center;
}
.remove-Confirm .main i{
	position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
    z-index: 3;
    cursor: pointer;
}
.remove-Confirm .main a {
    float: right;
    display: block;
    width: 160px;
    height: 45px;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    font-size: 16px;
    background: #9d0229;
    color: #fff;
}
.remove-Confirm .main a:first-child {
    background: #000;
    float: left;
}
.remove-Confirm .main a:hover {
    color: #9d0229;
    border: 1px solid #9d0229;
    line-height: 43px;
    background: #fff;
}
.remove-Confirm .main a:first-child:hover {
    color: #000;
    border-color: #000;
}
.add-popup-m .addProduct .addinput span,
.add-popup-m .addProduct .addinput input{
    float: none;
}
.addProduct .addinput span,
.addProduct .addinput input{
    float: left;
}

.removeDesc{
    margin-left: 10px;
}
.removeDesc li{
    list-style: initial;
    color: #8c7b47;
    text-align: left;
}



/****************************************************
             Checkout (H4.1)
****************************************************/

.preferred-cover{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: .8;
	display: none;
	z-index: 111;
}
.checkout-page .payment-main .payment .input .one .select .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark{
    background: url(../img/wine/checkmark.png);
    background-size: 100%;
    width: 14px;
    height: 14px;
}
.map-overlay .map-main .map1 .left ul li:hover,
.map-overlay .map-main .map2 .left ul li:hover,
.map-overlay .map-main .map3 .left ul li:hover,
.map-overlay .map-main .map4 .left ul li:hover,
.map-overlay .map-main .map .left ul li:hover,
.map-overlay .map-main .map1 .left ul li.active,
.map-overlay .map-main .map2 .left ul li.active,
.map-overlay .map-main .map3 .left ul li.active,
.map-overlay .map-main .map4 .left ul li.active,
.map-overlay .map-main .map .left ul li.active{
	background: #f0f0f0;
}
.error-msg{
    color: #9d0229;
}
.wine_connect_error{
    display: block;
    color: #9d0229;
    padding-top: 5px;

}

.resendEmailError {
    background: #fef2f2;
    border: 1px solid #9d0229;
    color: #9d0229;
    padding: 10px;
}
.resendEmailError a {
    text-decoration: underline;
}

.loginPage .left-login span.tips {
    color: #cbcbcb;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.deliveryDetail .displayNone {
	display: none;
}
.deliveryDetail {
	position: relative;
}
.deliveryDetail .smallPopup {
	position: absolute;
    top: -124px;
    left: 188px;
}
.deliveryDetail .subtitle {
	font-size: 18px;
}
.deliveryDetail .deliveryDetailTitle {
	margin-top: 10px;
	font-weight: bold;
}
.deliveryDetail .whatsThis {
	text-decoration: underline;
	color: #999999;
}
.deliveryDetail .clickHere {
	text-decoration: underline;
	color: #999999;
}
/****************************************************
             Registration (H1.0)
 ****************************************************/

span.red-waring{
    color: #9d0229;
    display: block;
    padding: 5px 0 5px;
}




/****************************************************
             AIS ADDED
 ****************************************************/
#globalMessages{
    color:red;
}
.product-list .mobile-more{
    cursor: pointer;
}
.checkout-page .payment-main .payment .delivery-detail .expanded-name span.no_clickcollect_msg{
    color: #9d0229;
}

.regist-accept .regist-submit.disabled {
    background: #9d0229 none repeat scroll 0 0 !important;
    border: 1px solid #9d0229 !important;
    color: #fff !important;
    cursor: not-allowed;
    opacity: 0.4;
}

input.disabled{
    background: #f0f0f0!important;
    color: #999999!important;
    cursor: not-allowed!important;
}

.red-button.link-member.disabled{
   background: #9d0229 none repeat scroll 0 0 !important;
        border: 1px solid #9d0229 !important;
        color: #fff !important;
        cursor: not-allowed;
        opacity: 0.4;
}

.additional .fl { float: left !important; }
.additional .fr { float: right !important; }

.history-detail-page .history-main .cart-table .cell6 .add-to-cart.stock_out a,
.history-detail-page .history-main .cart-table ul li .cell5 .add-to-cart.stock_out a{
    color: #999999;
    background: #f0f0f0;
    border: none;
    cursor: not-allowed;
}


.frame ul li .intro .addProduct .addinput .inactive,
.frame ul li .intro .addProduct .addinput .inactive:hover,
.product-details .view-Wines .main .popup .addProduct .addinput .inactive,
.product-details .view-Wines .main .popup .addProduct .addinput .inactive:hover,
.product-list .product-main .right-main .wine-list .addProduct .addinput .inactive,
.product-list .product-main .right-main .wine-list .addProduct .addinput .inactive:hover,
.my-cartPage .cart-table ul li .cell4 .addinput .inactive,
.my-cartPage .cart-table ul li .cell4 .addinput .inactive{
        background: #f0f0f0 !important;
        color: #999999 !important;;
        cursor: default !important;;
}

.diary-list{
    display:none;
}

#staticPageTemplate{
    max-width:1024px;
    margin: 0 auto;
}

main.VigGenericPage,
main.VigWineStorage,
main.VigAboutEnPrimeur,
main.VigEnPrimeurProductList,
main.VigEnPrimeurOrderHistory,
main.VigWineStorageBasket,
main.VigWineStorageHistory{
    margin-top:0px;
    margin-bottom:0px;
}

.advsearch_submit{
    cursor: pointer;
}

/****************************************************
             membership.css
 ****************************************************/

.errorPopup.gray-overlay{
	background:rgba(0,0,0,.6);
	z-index: 999;
	opacity: 1;
}

.errorPopup .error_alert{
	background: white;
	position: relative;
	margin-top: 10%;
	padding: 0px 50px 50px 50px;
}

.errorPopup .error_alert h1{
	text-align: center;
}
.marginauto,
.errorPopup .error_alert .submit-address-btn{
	margin: auto;
}

/* Phone Numner section*/
.referral-container{
    max-width: 1240px;
    margin: 42px auto 0;
}

.referral-container p.title{
    font-size: 16px;
    letter-spacing: 1px;
    color: #8c7b47;
    margin-bottom: 21px;
    text-align: center;
    text-transform: uppercase;
}

.referral-container .phone-number-section{
    width: 768px;
    background-color: rgba(202, 202, 202, 0.1);
    margin: 0 auto;
    padding: 26px 106px;
    position: relative;
}

.referral-container .phone-number-section .phone-number-container{
    max-width: 556px;
    margin: 0 auto;
}

.referral-container .phone-number-section .phone-number-container img{
    float: left;
    width: 82px;
    margin-top: 5px;
}

.referral-container .phone-number-section .phone-number-container p{
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1px;
    color: #666666;
    margin-bottom: 17px;
    padding-left: 113px;
    text-align: left;
}

.phone-number-container .icon-icon_font_explanation_mark::before{
    color: #8c7b47;
}

.referral-container .phone-number-section .phone-number-container .select{
    display: inline-block;
    float: left;
}

.referral-container .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 136px;
}

.referral-container .smallPopup.purchasedAmount{
    display: none;
    max-width: 295px;
    background-color: #8c7b46;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.09px;
    color: #ffffff;
    padding: 11px 13px;
    border-radius: 10px;
    position: absolute;
    top: -150px;
    right: -7px;
}

.referral-container .smallPopup.purchasedAmount.popupZtZh{
    top: -82px;
    right: 115px;
}

.referral-container .smallPopup.purchasedAmount.active{
    display: block;
}

.referral-container .icon-icon_font_close{
    display: none;
}

.referral-container .smallPopup:before {
    content: "";
    bottom: -10px;
    left: -30px;
    margin-left: 61px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #8c7b46;
    z-index: 1;
}

.referral-container .smallPopup:after {
    border-top: 10px solid #8c7b46;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select>.dropdown-toggle{
    border-color: #999999!important;
    padding:0 0 0 39px;
    border-radius: 0;
    height: 45px;
    outline: none;
    box-shadow: none;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select>.dropdown-toggle a{
    outline: none!important;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select .dropdown-toggle:focus{
    outline: none!important;
    background: #fff!important;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select .dropdown-toggle:hover{
    background: #fff !important;
    outline: none!important;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select.btn-group .dropdown-toggle .caret{
    border: 0;
    border-top: 0;
    right: 35px;
    top: 47%;
    width: 12px;
    height: 10px;
    background: url(../img/arrow_down.png)no-repeat;
    background-size: 100%;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select.open .dropdown-toggle .caret{
    border: 0;
    border-top: 0;
    width: 10px;
    height: 5px;
    background: url(../img/arrow_down.png)no-repeat;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moztransform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-size: 100%;
}

.referral-container .phone-number-section .phone-number-container .select .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #404040;
    font-style: inherit;
}

.phone-number-input-fields{
    padding-left: 111px;
}

.phone-number-container .phone-number-input-fields .input{
    display: inline-block;
    float: left;
    margin-left: 7px;
    margin-top :0px;
}

.phone-number-container .phone-number-input-fields input[name="referralNum"]{
    width: 283px;
    height: 45px;
    border: solid 1px #979797;
    background-color: #ffffff;
    padding-left: 32px;
}

.phone-number-container .phone-number-input-fields input[name="referralNum"]::placeholder,
.phone-number-container .phone-number-input-fields input[name="referralNum"]::-webkit-input-placeholder{
    opacity: 0.3;
    font-size: 16px;
    font-weight: 300;
    color: #404040;
}

.regist-accept .one a,
.regist-accept .two a{
    color: #8c7b46;
    text-decoration: underline;
}

@media screen and (max-width: 1024px){
    .referral-container p.title{
        font-size: 20px;
        letter-spacing: 0.2px;
        margin-bottom: 16px;
    }

    .referral-container .phone-number-section{
        width: 100%;
        padding: 15px 40px;
    }

    .referral-container .phone-number-section .phone-number-container{
        margin: 0;
        max-width: 100%;
    }

    .referral-container .phone-number-section .phone-number-container img{
        width: 52px;
        margin-top: 0;
        margin-bottom: 14px;
    }

    .referral-container .phone-number-section .phone-number-container p{
        font-size: 15px;
        line-height: 1.33;
        color: #404040;
        padding-top: 9px;
        padding-left: 64px;
        margin-bottom: 0;
    }

    .phone-number-input-fields{
        padding-left: 0;
        display: block;
        clear: both;
    }

    .referral-container .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 86px;
    }

    .phone-number-container .phone-number-input-fields .input{
        width: calc(100% - 7px - 86px);
    }

    .phone-number-container .phone-number-input-fields input[name="referralNum"]{
        width: 100%;
        padding: 22px 16px;
        height: 62px;
    }

    .referral-container .phone-number-section .phone-number-container .select .bootstrap-select>.dropdown-toggle{
        height: 62px;
    }

    .phone-number-container .phone-number-input-fields input[name="referralNum"]::placeholder,
    .phone-number-container .phone-number-input-fields input[name="referralNum"]::-webkit-input-placeholder{
        font-size: 15px;
    }

    .referral-container .phone-number-section .phone-number-container .select .bootstrap-select>.dropdown-toggle{
        padding: 0 0 0 12px;
    }

    .referral-container .phone-number-section .phone-number-container .select .bootstrap-select.btn-group .dropdown-toggle .caret{
        right: 13px;
        top: 50%;
        width: 10px;
        height: 10px;
    }

    .referral-container .phone-number-section .phone-number-container .select .bootstrap-select.btn-group .dropdown-toggle .filter-option{
        font-size: 18px;
        letter-spacing: 0.56px;
    }

    .referral-container .smallPopup.purchasedAmount{
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        max-width: 108%;
        border-radius: 0;
        padding-left:38px;
        padding-right:0px;
        padding-top:21px;
        padding-bottom:21px;
        z-index: 999;
        width: 108%;
    }

    .referral-container .smallPopup.purchasedAmount .desc{
        font-size: 14px;
        line-height: 1.43;
    }

    .referral-container .icon-icon_font_close{
        display: block;
        text-align: right;
        position: absolute;
        top: 16px;
        right: 23px;
    }
}

/****************************************************
             7_about_wine.css
 ****************************************************/

 .sly-prevpage,
 .sly-nextpage {
     margin-top: -25px;
     display: block;
     position: absolute;
     top: 50%;
     width: auto;
     line-height: 40px;
     z-index: 1;
     background: transparent;
     color: #d6d6d6;
     text-align: center;
     font-size: 40px;
 }
 .sly-prevpage {
     left: -10px;
 }
 .sly-nextpage {
     right: -10px;
 }


/********************************
        H3.1 Account Page
*********************************/

.acount-overview .overview-right .welcome-eshopper .left .left-contect a,
.title a {
	font-weight: 500;
}
.acount-overview .overview-right .order-title {
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    padding-bottom: 10px;
}
.acount-overview .overview-right .line {
    text-align: center;
    margin-bottom: 15px;
}

.account-detail-form label span {
    color: #ff0000;
}

.select input[type="text"]:disabled,
.select input[type="password"]:disabled {
    color: #cbcbcb;
    border-color: #cbcbcb;
    background: rgb(235, 235, 228);
}
.select>span {
    color: #cbcbcb;
}

.btn-red {
    display: block;
    text-decoration: none;
    height: 45px;
    line-height: 45px;
    background: #9d0229;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
.btn-red:hover {
    line-height: 43px;
    border: 1px solid #9d0229;
    color: #9d0229;
    background: #fff;
}

.help {
    /*margin-top: 20px;
    text-align: right;
    font-size: 12px;
    font-weight: 700;*/
}

.step a {
    display: inline-block;
    margin: 0 50px;
    margin-top: 85px;
    width: 130px;
    line-height: normal;
    font-size: 12px;
}

.step a span {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    background: #ccc;
}

.step a.on span {
    background: #000;
}

.step>.line {
    position: absolute;
    top: 50%;
    left: 350px;
    right: 350px;
    z-index: -1;
    border-top: 1px dashed #000;
}

.case {
    border: 1px solid #eee;
    margin-bottom: 38px;
}

.case>.title {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    height: 65px;
    padding: 0 25px;
    line-height: 65px;
    color: #8c7b47;
    background: #f0f0f0;
}

.acount-overview .addbutton {
    display: inline-block;
    /*margin-top: 15px;*/
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #9d0229;
    color: #fff;
    cursor: pointer;
}

.addbutton:hover {
    color: #fff;
}

.case .detail {
    padding: 25px;
}

.case>.detail p {
    color: #999;
}

.case>.detail h4 {
    margin: 0;
    line-height: 45px;
}

.case>.detail label {
    line-height: 42px;
    text-align: right;
    font-weight: 400;
    font-size: 16px;
    display: block;
}

.case-form {
    position: relative;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.case-form:last-child {
    border: 0;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select>.btn-default,
.bootstrap-select>.btn-default:hover,
.bootstrap-select>.btn-default:focus,
.open > .dropdown-toggle.btn-default:focus {
    border-color: #999999!important;
    padding: 0 0 0 15px;
    border-radius: 0;
    height: 45px;
    outline: none !important;
    box-shadow: none;
    background: #fff;
}
u.special{
    color:#000;
    line-height: normal;
    display: inline-block;
}
.select .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #999;
    font-style: italic;
}

.select input[type="number"],
.select input[type="text"],
.select input[type="password"] {
    height: 42px;
    border: 1px solid #999;
    display: block;
    padding-left: 15px;
    background: #fff;
    width: 100%;
}
textarea{
    padding: 9px 15px;
}
.radio-list{
    display: inline-block;
    line-height: 42px;
    margin-right: 15px;
}
.select input[type="radio"] {
    height: 42px;
    width: 20px;
    margin: 0;
    margin-right: 10px;
    vertical-align: middle;
}
.select label {
    margin-right: 40px;
}

.select p {
    padding-top: 5px;
    text-align: right;
}

.case>.detail .case-details {
    background: #ddd;
    padding: 0;
}

.case-details-title {
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}

.case-details-title .caret {
    float: right;
    margin-top: 5px;
    border: 0;
    width: 14px;
    height: 8px;
    background: url(../img/wine/arrow_down.png)no-repeat;
    background-size: 100%;
}

.case-details-title.open .caret {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moztransform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.case-details-list {
    border-top: 1px solid #ccc;
    padding: 15px;
    display: none;
}

.case-form>.remove {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    font-size: 12px;
    text-align: right;
    cursor: pointer;
}

.custom-check{
    cursor: pointer;
    display: inline-block;
    vertical-align: text-bottom;
    margin-top: 0;
    margin-bottom: 0;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url("../img/wine/check_box_off.png");
}

.case>.detail .custom-check {
    line-height: normal;
    float: none;
}

.custom-check.active {
     background: url("../img/wine/check_box_on.png");
}

.custom-check-all.active {
    background: url("../img/wine/check_box_on.png")!important;
}

.custom-check input {
    opacity: 0;
    position: relative;
    z-index: -1;
}

.account-detail-form>.cell-check {
    display: block;
    margin-top: 20px;
}

.service>div>.row {
    padding-top: 10px;
}

.service>.detail>p {
    margin: 10px 0;
}

.button1 {
    overflow: hidden;
    margin: 30px 0;
}

.bankin .button1 input,
.button1 a {
    float: right;
    display: block;
    width: 160px;
    max-width: 49%;
    height: 45px;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    font-size: 16px;
    background: #9d0229;
    color: #fff;
}

.button1 a.disabled {
    float: right;
    display: block;
    width: 160px;
    max-width: 49%;
    height: 45px;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    font-weight: 500;
    font-size: 16px;
    background: #9d0229;
    color: #fff;
    opacity: .4;
    cursor: not-allowed;
}

.button1 a:first-child {
    background: #000;
    float: left;
}

.button1 a:hover {
    color: #9d0229;
    border: 1px solid #9d0229;
    line-height: 43px;
    background: #fff;
}

.button1 a:first-child:hover {
    color: #000;
    border-color: #000;
}

.terms {
    padding: 25px;
    font-size: 13px;
    background: #f0f0f0;
}

.terms .cell-check {
    margin-top: 20px;
    border-top: 1px solid #999;
    padding-top: 20px;
}


/********************************
        H3.4 Order History
*********************************/

#orderHistoryDetail .acount-overview .pagination > .active > a,
#orderHistoryDetail .acount-overview .pagination > .active > span,
#orderHistoryDetail .acount-overview .pagination > .active > a:hover,
#orderHistoryDetail .acount-overview .pagination > .active > span:hover,
#orderHistoryDetail .acount-overview .pagination > .active > a:focus,
#orderHistoryDetail .acount-overview .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #000;
	border-color: #000;
}

#orderHistoryDetail .pagination > li > a, .pagination > li > span {
	color: #000;
}

#orderHistoryDetail .pagination > li > a:hover, .pagination > li > span:hover {
	color: #000;
}

.addressbook-popup.popup-overlay{
    background: rgba(0,0,0,.6);
    z-index: 999;
    opacity: 1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.cartpage-popup.popup-overlay,
.order-history-popup.popup-overlay {
    background: rgba(0,0,0,.6);
    z-index: 999;
    opacity: 1;
	display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.cartpage-popup .popupContent ,
.addressbook-popup .popupContent ,
.order-history-popup .popupContent {
    background: white;
    position: relative;
    padding: 0px 50px 20px 50px;
	max-width: 500px;
    margin: 0 auto;
    margin-top: 20%;
}
.cartpage-popup .popupContent span ,
.addressbook-popup .popupContent span ,
.order-history-popup .popupContent span {
    line-height: 24px;
}
.cartpage-popup .popupContent p ,
.addressbook-popup .popupContent p ,
.order-history-popup .popupContent p {
    padding: 20px 0;
	font-size: 20px;
	text-align: center;
}
.cartpage-popup .popupContent .submit-btn ,
.addressbook-popup .popupContent .submit-btn ,
.order-history-popup .popupContent .submit-btn {
    width: 100%;
    margin: 0 auto;
	margin-top: 20px;
}
.cartpage-popup .popupContent .submit-btn a ,
.addressbook-popup .popupContent .submit-btn a ,
.order-history-popup .popupContent .submit-btn a {
    width: 40%;
}

.history-detail-page .history-main .main-summary .returnTableRecord{
                width: 50%;
                float: left;
                margin-right: 20px;
                border: 1px solid #e3e3e3;
                margin: 0 20px 0 10px;
}
.history-detail-page .history-main .main-summary .returnTableRecord h3 {
                background: #e3e3e3;
                margin: 0;
                padding: 10px;
                font-size: 17px;
    font-weight: 500;
}
.history-detail-page .history-main .main-summary .returnTableRecord ul {
                width: 100%;
                padding: 10px;
                border-bottom: 1px solid #e3e3e3;
}

.history-detail-page .history-main .main-summary .returnTableRecord ul:last-child {
                border-bottom: 0;
}

.history-detail-page .history-main .main-summary .returnTableRecord .table-content span{
    border-top: 1px solid #999999;
}

.history-detail-page .history-main .main-summary .returnTableRecord .table-head span:nth-of-type(1),
.history-detail-page .history-main .main-summary .returnTableRecord .table-content span:nth-of-type(1){
        width: 60%;
        float: left;
}

.history-detail-page .history-main .main-summary .returnTableRecord .table-head span:nth-of-type(2),
.history-detail-page .history-main .main-summary .returnTableRecord .table-content span:nth-of-type(2){
        width: 10%;
        float: left;
}

.history-detail-page .history-main .main-summary .returnTableRecord .table-head span:nth-of-type(3),
.history-detail-page .history-main .main-summary .returnTableRecord .table-content span:nth-of-type(3){
        width: 15%;
        float: left;
}

.history-detail-page .history-main .main-summary .returnTableRecord .table-head span:nth-of-type(4),
.history-detail-page .history-main .main-summary .returnTableRecord .table-content span:nth-of-type(4){
        width: 15%;
        float: left;
}




/****************************************************
             account
 ****************************************************/
.acount-overview .overview-right .order-title {
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    padding-bottom: 10px;
}



/****************************************************
             H4.1.3_purchase_module_payment.css
 ****************************************************/
.preferred-cover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    display: none;
    z-index: 111;
}
.checkout-page .payment-main .payment .input .one .select .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark{
    background: url(../img/wine/checkmark.png);
    background-size: 100%;
    width: 14px;
    height: 14px;
}



/* ADD BY AIS */
.cb{clear:both;}
.map-overlay .map-main .map-button-disabled a,
.map-overlay .map-main .map-button-disabled{
    opacity: .4;
    cursor: not-allowed;
}
.noRecords{
    padding: 7px 0;
    text-align: center;
}


/****************** 4.0 gift idea start ***************/

.banner {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}
.product-list .banner{
    padding: 0;
}
.banner>img {
    width: 100%;
}
.nav-title {
    margin: 0 auto;
    width: 1240px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 30px;
}

.holiday .swiper-container {
    position: relative;
    z-index: 100;
}

.holiday .swiper-container .content {
    padding: 0;
}
.swiper-container .swiper-button-next{
    right: -10px;
}
.swiper-container .swiper-button-prev {
    left: -10px;
}
.holiday .swiper-container .swiper-button-next,
.holiday .swiper-container .swiper-button-prev,
.occasion .swiper-container .swiper-button-next,
.occasion .swiper-container .swiper-button-prev {
    z-index: 100000;
    margin-top: -30px;
    background: none;
    color: #fff;
    font-size: 40px;
    width: auto;
    height: auto;
}

.holiday .swiper-container [class^="icon-"]:before,
.holiday .swiper-container [class*=" icon-"]:before,
.occasion .swiper-container [class^="icon-"]:before,
.occasion .swiper-container [class*=" icon-"]:before {
    margin: 0;
}

/****************** 4.0 gift idea end ***************/


/****************** 5.0 event **********************/


.diary-list ul li h1 a{
    font-size: 24px;
    font-weight: 500;
    color: #8c7b47;
}
.map-overlay .map-main .map .left ul li:hover,
.map-overlay .map-main .map .left ul li.active{
    background: #f0f0f0;
}

#order_return .titleOne ,
#wineBarEvent .title-content {
    padding-bottom: 0!important;
}
#wineBarEvent .titleTwo{padding:0}
.heading1 {
    padding: 30px 0;
    line-height: 40px;
    font-size: 30px;
    color: #000;
}

.location {
    font-size: 12px;
}

.heading2 {
    padding-top: 30px;
    padding-bottom: 5px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #000;
}

.btn-gold {
    display: inline-block;
    height: 42px;
    line-height: 40px;
    border: 1px solid #8c7b47;
    font-weight: 500;
    font-size: 16px;
    color: #8c7b47;
    padding: 0 15px;
    text-align: center;
}

.btn-gold:hover,
.btn-gold:focus {
    background-color: #8c7b47;
    color: #fff;
    text-decoration: none;
}

.line {
    text-align: center;
    margin-bottom: 15px;
}

.event-list {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.event-list .date {
    line-height: 44px;
    text-align: center;
    font-weight: 500;
    font-size: 54px;
    color: #8c7b47;
}

.event-list .date div {
    font-weight: 400;
    font-size: 24px;
}

.event-list .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.event-list .title {
    font-weight: 500;
    font-size: 22px;
    color: #000;
}

.event-list p {
    margin: 15px 0;
    color: #000;
}

.date-detail {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

/******************** 5.0 wine event ************************/


/******************** H5.0 my cellar ***********************/

.product-list .filter-top .cell:last-child {
    margin-right: 0;
}

.folder .dropdown-menu > li > a {
    padding: 3px 15px;
}
.folder .dropdown-menu > li > a input{
    border: none;
    color:black;
    width: 70%;
    float: left;
}

.folder .dropdown-menu > li > a .OKBtn{
    float: right;
    cursor: pointer;
    color: white;
}

.folder .dropdown-menu > li > a:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.create-folder .form-control {
    float: left;
    width: 60%;
    border-radius: 0;
}

.create-folder .form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.create-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 34px;
    line-height: 32px;
    width: 40%;
    text-align: center;
    border: 1px solid #9d0229;
    background: #9d0229;
    color: #fff;
    cursor: pointer;
}

.create-btn:hover {
    border: 1px solid #9d0229;
    background: transparent;
    color: #9d0229;
}

.folder .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    position: absolute;
    top: 4px;
    right: 0;
}

.folder .bootstrap-select.btn-group .dropdown-menu li a:hover span.check-mark {
    display: inline-block;
}

.wine-list-bottom {
    margin-left: 43%;
    padding: 10px 0;
    height: 52px;
}

.wine-list-bottom .icon-icon_font_plp_email {
    cursor: pointer;
    float: left;
    font-size: 22px;
}

.notify-select {
    float: left;
    width: 68%;
    position: relative !important;
}

.notify-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.notify-select button {
    border-radius: 0;
}

.notify-select .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
    border: 0;
    width: 10px;
    height: 5px;
    background: url(../img/wine/arrow_down.png)no-repeat;
    background-size: 100%;
}

.notify-select .bootstrap-select.btn-group .dropdown-menu li a {
    padding-left: 5px;
    padding-right: 5px;
}

.notify-select .bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark {
    opacity: 1;
}
.notify-select .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    background: url(../img/wine/checkmark.png);
    background-size: 100%;
    width: 14px;
    height: 14px;
    opacity: 0.3;
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.product-list .product-main .right-main .wine-list .notify-select .dropdown-menu {
    width: 100%;
    min-width: inherit;
}

.product-list .product-main .right-main .wine-list .wine-list-bottom ul li {
    width: auto;
    float: none;
    margin-bottom: 0;
}

.filter-top .left .btns {
    display: none;
}

.filter-top .left .btns a {
    display: inline-block;
    line-height: 32px;
    font-weight: 400;
    margin-right: 8px;
}

.filter-top .left .btns a:hover {
    color: #786e64;
    text-decoration: underline;
}

.btns-mobile {
    display: none;
    height: 36px;
    text-align: center;
}

.btns-mobile a {
    display: inline-block;
    width: 20%;
}

/************************* H5.0 my cellar end ***************************/


/****************************************************
             Shopping Cart (H4.0_my_cart.css)
 ****************************************************/

.history-detail-page .title.text-uppercase{
	text-align: center;
    font-size: 24px;
    margin-top: 40px;
    letter-spacing: 4px;
}
.history-detail-page .line{
	text-align: center;
    margin-top: 15px;
    padding-bottom: 15px;
}
.account-detail-form .case-form{
	max-width: 800px;
	margin: 0 auto;
}
.account-detail-form textarea{
	display: block;
	max-width: 100%;
	min-width: 100%;
	height: 42px;
}
.account-detail-form textarea.text1{
	height: 200px;
}
.account-detail-form textarea.text2{
	background: #f0f0f0;
}
.account-detail-form .reset,
.account-detail-form .confirm{
	width: 130px;
	height: 42px;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
.account-detail-form .reset{
	float: left;
	background: #000;
}
.account-detail-form .reset:hover{
	color: #000;
	background: #fff;
	border: 1px solid #000;
}
.account-detail-form .confirm{
	float: right;
	background: #9d0229;
}
.account-detail-form .confirm:hover{
	color: #9d0229;
	background: #fff;
	border: 1px solid #9d0229;
}
.account-detail-form.store-dropoff input{
	background: #f0f0f0;
}

.account-detail-form.home-collecton textarea {
	height: auto;
	border: 1px #999 solid;
}


/****************************************************
        (H3.6_my_en_primeur.css)
 ****************************************************/


/****************************************************
             Wine Club(6.0_about_wine_club.css)
 ****************************************************/

 .heading1 {
     padding: 30px 0;
     line-height: 40px;
     font-size: 30px;
     color: #000;
 }
 .container {
     width: auto!important;
 }

 .location {
     font-size: 12px;
 }
 .title-content{
     position: relative;
 }
 .heading2 {
     padding-top: 30px;
     padding-bottom: 5px;
     line-height: 50px;
     text-align: center;
     font-size: 22px;
     color: #000;
 }

 .line {
     text-align: center;
     margin-bottom: 15px;
 }

 .btn-gold {
     display: inline-block;
     height: 42px;
     line-height: 40px;
     border: 1px solid #8c7b47;
     font-weight: 500;
     font-size: 16px;
     color: #8c7b47;
     padding: 0 15px;
     text-align: center;
 }

 .btn-gold:hover, .btn-gold:focus, .btn-gold.on {
     background-color: #8c7b47;
     color: #fff;
     text-decoration: none;
 }
 .btn-gold.on:hover{
     color: #8c7b47;
     background: transparent;
 }


 .partner>a,
 .partner>span {
     float: left;
     display: inline-block;
     margin-bottom: 5px;
     width: 25%;
     height: 136px;
     line-height: 136px;
     text-align: center;
 }

 .partner>a>img {
     max-width: 100%;
     max-height: 100%;
 }

 .membership>div {
     width: 49%;
     height: 160px;
     padding: 20px 30px;
     background: #eee;
 }

 .membership>div>h4{
     font-weight: 700;
 }

 .how-it-works {
     padding: 0 60px;
     width: 60%;
 }

 .how-it-works p {
     margin: 30px 0;
 }

 .how-it-works-img {
     width: 40%;
 }

 .memb-card li {
     padding-top: 30px;
     padding-bottom: 20px;
 }

 .memb-card>p,
 .memb-card>.content>p {
     width: 60%;
     text-align: center;
     margin: 0 auto;
 }

 .memb-card>.bg {
     background: #f9f9f9;
     margin-top: 30px;
 }

 .memb-card li h1 {
     margin: 0;
     font-size: 60px;
     line-height: 55px;
     font-style: italic;
     color: #8c7b47;
 }

 .memb-card li p {
     margin-left: 60px;
     border-left: 1px solid #ddd;
     padding-left: 25px;
     min-height: 60px;
 }

 .benefits-list {
     padding-bottom: 40px;
 }

 .benefits-list img {
     float: left;
     width: 120px;
 }

 .benefits-list a {
     font-weight: 500;
     color: #8c7b47;
 }

 .benefits-list div {
     padding-left: 130px;
 }

 .benefits-list p {
     padding-top: 20px;
     line-height: 24px;
 }

 .benefits .memb-card {
     width: auto;
     background: #fff;
     padding: 20px;
 }

 .gold-member {
     padding: 20px 0;
     background: url("../img/wine/6.0_wine_club-assets/god_tab.png") center;
     background-size: auto 100%;
 }

 .gold-member>.bg {
     background: rgba(0,0,0,.1);
     margin: 20px 0;
 }

 .gold-member .memb-card {
     margin: 0 auto;
     max-width: 1200px;
     color: #fff;
 }

 .gold-member .heading2,
 .gold-member .memb-card li h1 {
     color: #fff;
 }

 .benefits .heading2 {
    padding-top: 30px;
 }
 .wineclub-terms {
     padding: 20px 0 0 0;
     text-align: center;
 }

 .wineclub-terms a {
     color: #8c7b47;
 }
 .v2-banner .btn-gold{
     margin-top: 20px;
 }

 .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
 	/*display: inline-block;*/
 }
 .dropDownSelect .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark {
     position: absolute;
     display: inline-block;
     right: 15px;
     margin-top: 10px;
     background: url(../img/wine/checkmark.png);
     background-size: 100%;
     width: 14px;
     height: 14px;
     opacity: 0.3;
 }
 .dropDownSelect .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
     margin-top: 10px !important;
     opacity: 1;
 }
 .dropDownSelect .bootstrap-select.btn-group.show-tick .dropdown-menu > li > a:hover, .dropDownSelect .bootstrap-select.btn-group.show-tick .dropdown-menu > li > a:focus{
     background-color: transparent;
 	color: #000;
 }

 /****************************************************
         (H3.1.1_my_account_bankin_20160621.css)
  ****************************************************/


 .clearfix:after {
 	content: " ";
 	display: block;
 	height: 0;
 	clear: both;
 	font-size: 0;
 	visibility: hidden;
 }
 .clearfix {
 	display: block;
 }
 .bankin .case .detail {
     padding: 0 25px 60px 25px;
 }
 .bankin .bankinTitle {
     font-size: 16px;
 	font-weight: bold;
 }
 .bankin .bankinOrder {
 	font-weight: bold;
 	margin-bottom: 20px;
 }
 .bankin .borderBottom {
 	border-bottom: 1px #f0f0f0 solid;
 	padding-bottom: 20px;
 }
 .bankin .stepTitle {
 	color: #8c7b47;
 }
 .bankin .stepTitle {
 	color: #8c7b47;
 }
 .bankin ol {
     padding-left: 16px;
 }
 .bankin li {
     list-style-type: inherit;
 }
 .bankin .btn-gold {
     display: inline-block;
     height: 42px;
     line-height: 40px;
     border: 1px solid #8c7b47;
     font-size: 16px;
     color: #8c7b47;
     padding: 0 50px;
     text-align: center;
 }
 .bankin .btn-gold:hover,
 .bankin .btn-gold:focus {
     background-color: #8c7b47;
     color: #fff;
     text-decoration: none;
 }
 .bankin .uploadDesc {
     color: #999;
 	margin-top: 5px;
 }
 .bankin .mailLink {
     text-decoration: underline;
 }
 .bankin .uploadImg {
 	background-color: #e3e3e3;
 	padding: 10px;
     width: 400px;
 }
 .bankin .uploadImg img {
 	max-width: 100px;
 	margin-right: 10px;
 }
 .bankin .uploadImg .desc {
 	max-width: 250px;
 }

 input[class=btn-gold]{
    background: #fff;
 }
 .uploadImg .desc a{
    text-decoration: underline;
 }

/* IE */
input::-ms-clear {
    display: none;
}

.popup-input > input {
    padding: 5px;
    border: 1px #CCC solid;
    width: 100%;
}

.celler-folder-popup .main{
    max-height: 70% !important;
}


 /****************************************************
         (staticpage.css)
 ****************************************************/

.IwwAboutUsPage .limited a{
	color: #8c7b47;
	text-decoration: underline;
}
#aboutusPage #captcha-wrap {
    border: solid #9d0229 1px;
    width: 275px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #9d0229;
    text-align: left;
    padding: 3px;
    margin-top: 3px;
    height: 118px;
}
#aboutusPage #captcha-wrap .captcha-box {
    -webkit-border-radius: 7px;
    background: #fff;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    border: solid #fff 1px;
}
#aboutusPage #captcha-wrap .text-box {
    -webkit-border-radius: 7px;
    background: #ffdc73;
    -moz-border-radius: 7px;
    width: 140px;
    height: 53px;
    float: left;
    margin: 4px;
    border-radius: 7px;
    text-align: center;
    border: solid #ffdc73 1px;
}
#aboutusPage #captcha-wrap .text-box label {
    color: #000000;
    white-space:nowrap;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    width: 150px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 0;
    line-height: normal;
    float: none;
    text-align: center;
    font-weight: 400;
}
#aboutusPage #captcha-wrap .text-box input {
    width: 120px;
    height: 26px;
    border: 0;
    display: inline-block;
    padding-left: 0;
    border:1px solid #cbcbcb;
    background: #fff;
}
#aboutusPage #captcha-wrap .captcha-action {
    float: right;
    width: 117px;
    background: url(../img/wine/logos.jpg) top right no-repeat;
    height: 44px;
    margin-top: 3px;
}
#aboutusPage #captcha-wrap img#captcha-refresh {
    margin-top: 9px;
    border: solid #333333 1px;
    margin-right: 6px;
    cursor: pointer;
}

#staticPage .terms {
    padding: 0px;
    font-size: inherit;
    background: inherit;
}

.pomptMessage {
    margin: 10px 0 0 0;
}

.welcome-eshopper .icon-icon_font_explanation_mark{
    cursor: pointer;
}

/*****
   Loading icon
*****/
.wine-page-loading {
    width: 78px;
    height: 78px;
    position: relative;
}

.wine-page-loading .wine-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.wine-page-loading .wine-loading:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #8c7b47;
    border-radius: 100%;
    -webkit-animation: wine-loadingFadeDelay 1.2s infinite ease-in-out both;
    animation: wine-loadingFadeDelay 1.2s infinite ease-in-out both;
}
.wine-page-loading .wine-loading2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.wine-page-loading .wine-loading3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.wine-page-loading .wine-loading4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.wine-page-loading .wine-loading5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.wine-page-loading .wine-loading6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.wine-page-loading .wine-loading7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.wine-page-loading .wine-loading8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.wine-page-loading .wine-loading9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.wine-page-loading .wine-loading10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.wine-page-loading .wine-loading11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.wine-page-loading .wine-loading12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.wine-page-loading .wine-loading2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.wine-page-loading .wine-loading3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.wine-page-loading .wine-loading4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.wine-page-loading .wine-loading5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.wine-page-loading .wine-loading6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.wine-page-loading .wine-loading7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.wine-page-loading .wine-loading8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.wine-page-loading .wine-loading9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.wine-page-loading .wine-loading10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.wine-page-loading .wine-loading11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.wine-page-loading .wine-loading12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes wine-loadingFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

@keyframes wine-loadingFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

.aboutwinetasting .tasting-list ul li .img , .tasting-list ul li .img img{
    float: none !important;
    margin: auto;
    width: 80px !important;
}
.aboutwinetasting .about-wine3 .tasting-list ul li h1{
    margin-bottom: 0px !important;
    height: 30px !important;
}
.aboutwinetasting .about-wine3 .tasting-list ul li p{
    height: auto !important;
    height: initial !important;
}

/* 0034152: Text missing in margin */
 .product-list .product-main .right-main .wine-list .intro .link {
    word-wrap: break-word;
    width: 98%;
}

/* 0033939: The bullet point fuction should be added for CMS usage */

.page-right-content .clearfix {
    display: inline-block;
}
.page-right-content .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
.page-right-content .clearfix {
    display: block;
}
.page-right-content .fl {
    float: left !important;
}
.page-right-content .fr {
    float: right !important;
}
.page-right-content .widthHalf {
    width: 48.5%;
}
.page-right-content .mrP3 {
    margin-right: 3%;
}
.page-right-content .borderBottom {
    border-bottom: 1px solid #f0f0f0;
}
.page-right-content .section {
    padding: 30px 0;
}
.page-right-content .section img {
    width: 100%;
}
.page-right-content h1 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 10px 0;
}
.regions2 .all-region .center.page-right-content ul {
    padding: 0;
}
.regions2 .all-region .center.page-right-content ul li {
    width: 100%;
    padding-left: 25px;
    position: relative;
}
.regions2 .all-region .center.page-right-content ul li:before {
    content: "";
    text-align: center;
    font-weight: 600;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8c7b47;
    position: absolute;
    top: 8px;
    left: 0;
}
@media screen and (max-width: 767px) {
    .page-right-content .widthHalf {
        width: 100%;
        padding: 15px 0;
    }
    .page-right-content .section {
        padding: 0;
    }
    .page-right-content .borderBottom {
        border-bottom: none;
    }
}
.title-style2 .page-right-content .borderBottom {
    border-bottom: none;
    padding: 0;
    text-align: center;
}
.title-style2 .page-right-content .mrP3 {
    width: 100%;
}

header .search .advanced-search .ad-select select[multiple='']~div .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 10px;
    background: url("../img/check_box_on.png");
    background-size: 100%;
    width: 14px;
    height: 14px;
    opacity: 1.0;
}
header .search .advanced-search .ad-select select[multiple='']~div .dropdown-menu li a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 10px;
    background: url("../img/check_box_off.png");
    background-size: 100%;
    width: 14px;
    height: 14px;
    opacity: 1.0;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: 90%!important;
}

.bootstrap-select.btn-group .dropdown-menu li.selected {
    /*background: #f5f5f5;*/
}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.ml10 {margin-left: 10px!important;}
.fine-wine-popup .fl {
	float: left !important;
}
.fine-wine-popup .fr {
	float: right !important;
}
/* plp */
.fineWine .askPrice {
    width: 190px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #9d0229;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}
.fineWine.addProduct .askPrice:hover {
    background: transparent;
    color: #9d0229;
	border:  1px #9d0229 solid;
	cursor:pointer;
}
.fineWine .select-all label {
    line-height: 32px;
    font-weight: 400;
    margin: 0;
    margin-right: 8px;
    float: left;
}
.fineWine .batch {
	background: #8c7b47;
	border:  1px #8c7b47 solid;
}
.fineWine .askPrice:hover {
    background: transparent;
    color: #8c7b47;
	border:  1px #8c7b47 solid;
	cursor:pointer;
}
.fineWine .price, .fineWine .price2, .fineWine .price3  {
    display:none;
}
.fine-wine-popup {
    position: fixed;
    z-index: 1111111;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.fine-wine-popup .background{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: .8;
}
.fine-wine-popup .main{
	position: absolute;
	max-width: 420px;
	width: 420px;
	padding: 30px;
	z-index: 1;
	left: 50%;
	top:50%;
	background: #fff;
	-webkit-transform:translate(-50%,-50%) ;
	transform:translate(-50%,-50%) ;
	-moz-transform:translate(-50%,-50%) ;
	-ms-transform:translate(-50%,-50%) ;
}
.fine-wine-popup.wine-detail .main {
	background: #fff;
	max-width: 600px;
	width: 600px;
	color: #000;
	line-height: normal;
    overflow: auto;
    height: 90%;
}
.fine-wine-popup .main .icon-icon_font_close{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	z-index: 3;
	cursor: pointer;
}
.fine-wine-popup.wine-detail .main .info {
	padding: 30px 20px;
}
.fine-wine-popup.wine-detail .main .info .cell p {
    border-radius: 3px;
    margin: 0;
    display: inline-block;
    height: 17px;
    line-height: 18px;
    font-size: 12px;
    width: 26px;
    text-align: center;
    color: #fff;
    background: #8c7b47;
}
.fine-wine-popup.wine-detail .main .info .cell span {
    font-size: 12px;
    margin-left: 2px;
    line-height: 18px;
    color: #000;
    display: inline-block;
    height: 17px;
    line-height: 22px;
}
.fine-wine-popup.wine-detail .main .bottleSize {
	color: #b3b3b3;
}
.fine-wine-popup.wine-detail .main .phoneNum {
	font-weight: bold;
}
.fine-wine-popup.wine-detail .dividingLine {
	position: relative;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}
.fine-wine-popup.wine-detail .dividingLine .title {
	font-size: 16px;
    padding: 0 15px;
    z-index: 1;
    position: relative;
    line-height: 20px;
    background-color: #fff;
}
.fine-wine-popup.wine-detail .dividingLine .line {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #cfcfcf;
    z-index: 0;
}
.fine-wine-popup.wine-detail .inputField .btn-group,
.fine-wine-popup.wine-detail .inputField input,
.fine-wine-popup.wine-detail .inputField textarea {
	margin-top: 5px;
}
.fine-wine-popup.wine-detail .btn {
	border-radius: 0;
    border-right: 0;
}
.fine-wine-popup.wine-detail .btn-group.bootstrap-select {
    width: 20%!important;
}
.fine-wine-popup.wine-detail input {
    width: 80%;
	height: 34px;
    border: 1px solid #ccc;
    display: block;
    padding-left: 15px;
    background: #fff;
}
.fine-wine-popup.wine-detail .inputField.num input {
    border-left: 0;
}
.fine-wine-popup.wine-detail .inputField input.full {
	border: 1px solid #ccc;
	width: 100%;
}
.fine-wine-popup.wine-detail .inputField textarea {
	border: 1px solid #ccc;
	width: 100%;
	max-width: 100%;
    height: 70px;
	padding: 5px 10px;
}
.fine-wine-popup.wine-detail .submitBtn {
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #999;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
	margin: 30px auto;
	border: 1px #999 solid;
}
.fine-wine-popup.wine-detail .submitBtn:hover {
    background: #efefef;
	border: 1px #999 solid;
	color: #999;
	cursor: pointer;
}
.fine-wine-popup.wine-detail hr {
    border-top: 1px solid #cfcfcf;
}
.fine-wine-popup.wine-detail .tips img {
    width: 30px;
}
.fine-wine-popup.wine-detail .tips {
    font-size: 12px;
	line-height: 30px;
}
.fine-wine-popup.wine-detail .tips a {
    color: #8c7b47;
	text-decoration:underline;
	font-weight: bold;
}
/* plp added popup */
.fine-wine-popup.added .desc {
    font-weight: bold;
	width: 70%;
}
.fine-wine-popup.added .btn {
	width: 49%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #9d0229;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0 10px 0;
    border: 1px #9d0229 solid;
	padding: 0 5px;
	border-radius: 0;
}
.fine-wine-popup.added .btn.continue {
    background: #000;
	border: 1px #000 solid;
	margin-right: 2px;
}
.fine-wine-popup.added .tips {
    color: #848484;
}
.fine-wine-popup.added .tips .icon {
    width: 15%;
}
.fine-wine-popup .tips .cont {
    width: 80%;
	margin-left: 10px;
}
.fine-wine-popup.added .tips .cont a {
	font-weight: bold;
	color: #8c7b47;
	text-decoration:underline;
}
.intro.fineWine .askPrice:hover {
    color: #9d0229;
    border: 1px #9d0229 solid;
}
/* pdp */
.fine-wine-popup.thankYou .title {
    font-size: 30px;
	color: #8c7b47;
}
.fine-wine-popup.thankYou .desc {
	color: #848484;
}
.fine-wine-popup.thankYou .continue {
	display: table;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #9d0229;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 30px auto 10px auto;
    border: 1px #9d0229 solid;
	padding: 0 30px;
}
.fine-wine-popup.thankYou .continue:hover,
.fine-wine-popup.added .btn:hover {
    background: transparent;
    color: #9d0229;
	border:  1px #9d0229 solid;
	cursor:pointer;
}
.fine-wine-popup.added .btn.continue:hover {
    color: #000;
	border:  1px #000 solid;
}
/* batch */
.fineWine .askPrice.batch,
.fineWine .select-all {
	float: left;
}
.fineWine .batchSection {
	float: right;
}
.fineWine .askPrice.batch.disabled{
    cursor:not-allowed;
}

@media screen and (max-width: 767px) {
	.fine-wine-popup .main,
	.fine-wine-popup.wine-detail .main {
		width: 95%;
	}
	.fine-wine-popup.wine-detail .main {
		overflow: auto;
		height: 100%;
	    margin-top: 10px;
	}
	.fine-wine-popup.added .desc,
	.fine-wine-popup.added .btn	{
		width: 100%;
	}
	.fine-wine-popup.wine-detail .btn-group.bootstrap-select {
		width: 30%;
	}
	.fine-wine-popup.wine-detail input {
	    width: 70%;
	}
	.fine-wine-popup.wine-detail .main .info {
		padding: 10px;
	    width: 67%;
		margin-bottom: 20px;
	}
	.fine-wine-popup.added .btn.continue {
		margin-top: 30px;
	}
	.fine-wine-popup.added .btn {
		margin-top: 10px;
	}
	.fine-wine-popup.added .tips .icon,
	.fine-wine-popup .tips .icon {
		width: 20%;
	}
	 .fine-wine-popup.added .tips .cont,
	 .fine-wine-popup .tips .cont 	 {
	    width: 80%;
		line-height: 20px;
		margin-left: 0;
	}
	.fineWine .askPrice {
		width: auto;
		margin-left: 50px;
		display: block;
	}
	.intro.fineWine .askPrice {
		margin-left: 0;
	}
	.fineWine .askPrice.batch,
	.fineWine .select-all {
		float: none;
		margin: 0 auto 30px auto;
		display: block;
	    width: 280px;
	}
	.fineWine .select-all {
		margin: 0 auto 20px auto;
		display: table;
		width: auto;
	}
	.fineWine .select-all span {
		cursor: pointer;
		display: inline-block;
		vertical-align: text-top;
		width: 16px;
		height: 16px;
		float: left;
		margin-top: 7px;
		margin-right: 8px;
		background: url(../img/check_box_off.png);
	}
	.fineWine .addProduct .askPrice {
	    margin-left: 50px;
	}
	.fineWine .batchSection {
		float: none;
	}
	.fine-wine-popup.wine-detail.askBatch .main {
		/*height: auto;*/
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.fineWine .askPrice.batch {
		margin: 0 auto 30px auto;
	}
}
.fine-wine-popup .bootstrap-select>.btn-default,
    .fine-wine-popup .bootstrap-select>.btn-default:hover,
    .fine-wine-popup .bootstrap-select>.btn-default:focus,
    .fine-wine-popup .open > .dropdown-toggle.btn-default:focus {
        height: 34px;
        border-color: #ccc!important;
    }
 .fine-wine-popup .addbutton2.disabled{
    cursor: not-allowed!important;
 }

.addbutton2 {
    background: #9d0229 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 33px;
    line-height: 33px;
    margin: 20px auto 0;
    width: 150px;
    text-align:  center
}


.addbutton2:hover {
    background: #fff;
    border: 1px #9d0229 solid;
    color: #9d0229;
}


.orderDate {
    border-bottom: 1px solid #cbcbcb!important;
    border-top: 0px!important;
}

.orderDate .left{
    width: 100%!important;
    border-right: 0px!important;
}


.search .advanced-search .ad-select.menu-price .btn-group {
    width: 45%;
	float: left;
}
.search .advanced-search .ad-select.menu-price .btn-group:last-child {
	float: right;
}
.search .advanced-search .ad-select.menu-price .menu-price-to {
	width: 10%;
	line-height: 32px;
    float: left;
    text-align: center;
}
.login-password-group {
    position: relative;
}
.login-password-group .icon-password {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/_ui/desktop/theme-wine/img/icon-password-hide.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.login-password-group .icon-password-open {
    display: none;
    background-image: url(/_ui/desktop/theme-wine/img/icon-password.svg);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	header .advanced-search-panel .advanced-search .search-icon-btn {
		float: left;
		margin-top: 20px;
		padding: 10px;
		color: #fff;
		font-size: 26px;
		background: #8a753e;
	}
	header .advanced-search-panel .advanced-search-info .top {
		float: left;
		width: 90%;
	}
	header .advanced-search-panel .advanced-search-info .forDesktop {
		display: block;
		color: #fff;
	}
	header .search .advanced-search .advanced-slide {
		margin-left: 0;
	}
	header .search .advanced-search .ad-select {
	    width: 30%;
        float: left;
        margin-right: 2%;
	}
}