body{padding:0; margin:0; font:normal 13px/18px lato; cursor:default;}
h1, h2, h3, h4, h5, h6, form, input, textarea{padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{font-family:'Lato', sans-serif;}
img{max-width:100%; border:none; vertical-align:top;}
div, a, img{outline:none;}
a{text-decoration:none;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.left{float:left;}
.right{float:right;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.row{width:1170px; margin:0 auto;}
.wgcontainer{}


/*Header CSS
--------------------------------------------------------------------------------------------------------*/
.header {padding:0; }
.header .row{position:relative;}
.logo{float:left; padding:15px 0 5px;}
.header-right{position:absolute; right:0; bottom:0;}

.top-menu{}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{float:left; position:relative; z-index:999;}
.top-menu ul li:first-child{margin-left:0;}
.top-menu ul li a{ font:normal 20px/25px 'lato', sans-serif; padding:15px 17px; text-align: center; text-shadow: none; display:block;}
.top-menu ul ul{display:none; position:absolute; left:2px; top:100%; width:196px;}
.top-menu ul ul li{width:auto; padding:0; margin:0; float:none; border-top:solid 1px #c8c9ca; background:none;}
.top-menu ul ul li a{padding:4px 10px; display:block; font-size:14px; text-align:left;}
.top-menu ul ul ul{left:100%; top:0;}
.top-menu ul li:hover > ul{display:block;}
.top-menu .dropdown{background:url(../images/arrow.png) 0 bottom no-repeat;  display:inline-block; font-size:0; height:10px; line-height:0; margin-top:3px; margin-left:5px;   text-indent:-999px;  width:11px;}
.top-menu a:hover .dropdown, .top-menu ul li:hover > a .dropdown{background-position:0 2px;}
.top-menu ul li a.menuCart{background-image:url(../images/icon-cart.png); background-position-x: 0px; background-position-y: 17px; background-repeat: no-repeat; padding-left: 25px;}
.top-menu ul li.last{float:right;}


.top-menu-links{}
.top-menu-links ul{padding:0; margin:0; list-style:none;}
.top-menu-links ul li{float:left; position:relative; z-index:999;}
.top-menu-links ul li:first-child{margin-left:0;}
.top-menu-links ul li a{ font:normal 20px/25px 'lato', sans-serif; padding:15px 17px; text-align: center; text-shadow: none; display:block;}
.top-menu-links ul ul{display:none; position:absolute; left:2px; top:100%; width:196px;}
.top-menu-links ul ul li{width:auto; padding:0; margin:0; float:none; border-top:solid 1px #c8c9ca; background:none;}
.top-menu-links ul ul li a{padding:4px 10px; display:block; font-size:14px; text-align:left;}
.top-menu-links ul ul ul{left:100%; top:0;}
.top-menu-links ul li:hover > ul{display:block;}
.top-menu-links .dropdown{background:url(../images/arrow.png) 0 bottom no-repeat;  display:inline-block; font-size:0; height:10px; line-height:0; margin-top:3px; margin-left:5px;   text-indent:-999px;  width:11px;}
.top-menu-links a:hover .dropdown, .top-menu ul li:hover > a .dropdown{background-position:0 2px;}
.top-menu-links ul li a.menuCart{background-image:url(../images/icon-cart.png); background-position-x: 0px; background-position-y: 17px; background-repeat: no-repeat; padding-left: 25px;}
.top-menu-links ul li.last{float:right;}



/*Home slider*/
.home-slideshow{padding:0 !important; width:1170px; border:solid 1px #a5a5a3; margin: auto; position:relative; overflow:hidden;}
.home-slideshow ul.homeslider{padding:0; margin:0; list-style:none;}
.home-slideshow ul.homeslider li{position:relative;}
.home-slideshow ul.homeslider li img {width:100%; height: auto;}
.home-slideshow .hspager{position:absolute; bottom:24px; left:166px; text-align:left; z-index:99;}
.home-slideshow .hspager a{background:#a7a7a8; width:10px; height:10px; border-radius:100%; display:inline-block; margin:0 5px;}
.home-slideshow .hspager a.selected{background:#404040;}
.home-slideshow .hspager a span{display:none;}
.home-slideshow .home-slideshow-slick {padding: 0; margin: 0;}

.image_full {
    display: block !important;
}

.image_mobile {
    display: none !important;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 979px)
{
    .image_full {
        display: none !important;
    }

    .image_mobile {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }
}




/*Slick Slider*/
.home-slideshow-slick {
  padding:0 !important;
  width:1170px;
  border:solid 1px #a5a5a3;
  margin: 20px auto;
  position:relative;
  overflow:hidden;
  margin-bottom: 0;
}




/*Main CSS
--------------------------------------------------------------------------------------------------------*/
#main{padding:20px 0 40px;}
.text-area{}
.text-area h1{color:#041404; font:300 28px/36px 'Lato', sans-serif; text-transform:uppercase; padding-bottom:20px;}
.text-area hr{border:none; border-bottom: 1px solid #d5d5d6; padding-top:20px; margin-bottom:10px;}
h1.title{font:300 25px/36px 'Lato', sans-serif; text-transform:uppercase; padding-bottom:25px;}

ul.breadcumb{padding:0 0 30px 0; margin:0; list-style:none; color:#808080;}
ul.breadcumb li{display:inline-block; background:url(../images/arrow3.png) 0 center no-repeat; padding:0 4px 0 18px;}
*+html ul.breadcumb li{display:inline;}
ul.breadcumb li:first-child{padding-left:0; background:none;}
ul.breadcumb li a{color:#808080;}
ul.breadcumb li a.icon-home{background:url(../images/home.png) 0 0 no-repeat; padding:0 0 0 26px;}
ul.breadcumb li a:hover{color:#000;}

.product-grid form {
    margin: 10px;
}

.product-grid{margin:0 -10px; 
    display: flex;
    flex-wrap: wrap;
}
.product-grid .product-box{width:573px; border:solid 1px #a5a5a3; height:100%; padding:10px; background:#fff; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-grid .product-box .thumb{float:left;}
.product-grid .product-box .thumb img{width:200px;}
.product-grid .product-box .con{margin-left:218px;}
.product-grid .product-box .con .dec{ border-bottom:solid 1px #a5a5a3; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
.product-grid .product-box .con .longdesc{margin-bottom:10px;}
.product-grid .product-box .form-group{padding-bottom:15px; float:left; width:100%;}
.product-grid .product-box label{display:block; font-weight:bold; font-size:12px; color:#4b4a4a; padding-bottom:3px;}
.product-grid .product-box .form-group .pgc{float:left; width:150px; margin-right:10px;}
.product-grid .product-box .form-group .qnt{float:left; width:53px; margin-right:10px;}
.product-grid .product-box .form-group .gca{float:left; width:108px;}
.product-grid .product-box .form-group .error-box{float:left; width:100%;height:20px;}
.product-grid .product-box .thumb-small{float:right;}
.product-grid .product-box .fgr{margin-right:70px;}
.product-grid .product-box .btn-grup{width:100%; float:left; padding:15px 0 0 0;}
.product-grid .product-box .btn-checkout{float:right;}


.product-grid .product-box .promoTag{
    text-align: center;
    padding: 0.5rem;
    margin-bottom: 10px;
    font-weight: bold;
}

.btn-atc, .btn-checkout{width:104px; height:30px; font:normal 12px/30px Lato, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-align:center; display:inline-block;}
.btn-checkout{width:126px; }


.border-bottom{border-bottom:solid 1px #d5d5d6; padding-bottom:10px; margin-bottom:15px;}

input.input, textarea.input{-moz-box-sizing: border-box;box-sizing: border-box;width:100%;padding:0 10px;background:#f3f3f3 !important;border:solid 1px #bbbbbb !important;height: 27px;color:#2c2c2c !important;font:normal 12px Lato, Helvetica, sans-serif !important;border-radius:0 !important;}
textarea.input{ padding:10px; height:100px  !important; resize:none;}
input.input-error, text-area.input-error{background:#ffeaea !important; color:#e0001b !important; border-color:#e0001b !important;}

input.input.qnt{width:50px; text-align:center; padding-left:0px;}
input.qty{font-size:18px !important;}
input.input.chkb {text-align:center;}

.gcv .selectedTxt, .gcv .newListSelected{font-size:18px !important;}


.button{background:#707070; color:#ffffff; font:normal 14px/20px Lato, Helvetica, sans-serif; padding:9px 30px; display:inline-block; border:none; text-transform:uppercase;}
.button:hover{background:#141414;}
.oft1{margin-left:24px;}

.button2{font:normal 18px/20px Lato, Helvetica, sans-serif; padding:10px 45px; display:inline-block; border:none; text-transform:uppercase; cursor:pointer;}

.gray{background-color:#efefef;}
.white{background:#fff;}

.popup{width:538px; background:#ffffff;}
.popup h2{font:300 28px/36px 'Lato', sans-serif; text-transform:uppercase; color:#041404; padding:15px 35px; margin:0; background:#ebebeb;}
.popup .con{padding:30px; font:normal 18px/27px 'Lato','Helvetica',sans-serif; }
.popup .con p{padding-bottom:20px;}
.popup .button{font-size:18px; text-transform:none;}
.popup .input-textarea{font-size:17px !important; line-height:22px;}
.popup .btn-group .button2{width:190px !important; font-size:14px; text-align:left;}
.popup label {display: block;}

.chk-step{padding-bottom:10px;}
.chk-step span{width:30px; height:30px; display:inline-block; margin-right:10px; border-radius:100%; text-align:center; font:normal 18px/30px Lato, Helvetica, sans-serif;}

.checkout-detail{}
.checkout-detail .chk-left{float:left; width:38%; padding-top:35px;}
.checkout-detail .chk-right{float:right; width:60%;}
.order-summary-top-link{text-align:right; padding-bottom:5px; height:30px;}

.btn-cs, .btn-co{color:#333333; font:bold 13px/20px 'Lato','Helvetica',sans-serif; display:inline-block;}
.btn-cs{background:url(../images/arrow5.png) right center no-repeat; padding-right:22px;}
.btn-co{background:url(../images/btn-co.png) right center no-repeat; padding-right:22px;}

.box-order-summary{padding:10px;}
.box-order-summary h2{margin:-10px -10px 10px -10px; padding:0; font:300 18px/24px 'Lato', sans-serif; padding:7px 10px;}
.order-summary-table{min-width:100%; border-bottom:solid 1px #bebebe;}
.order-summary-table th{color:#393838; font-size:16px; text-align:center; border-bottom:solid 1px #bebebe; padding:5px 0; vertical-align:top;}
.order-summary-table td{padding:5px 0; text-align:center; font-size:14px; color:#393838;}
.order-summary-table img.thumb{}
.order-summary-table .os-bottom{border-top:solid 1px #bebebe; padding:24px 0 50px 0;}

.subtotal{color:#434343; font:normal 18px/24px Lato, Helvetica, sans-serif;}
.subtotal td{padding:5px 0;}


.box-cusdetail{}
.box-cusdetail h2{padding:7px 60px 7px 10px; margin:1px 0 0 0; position:relative; font:300 18px/24px 'Lato', sans-serif;}
.box-cusdetail h2:first-child{margin-top:0;}
.box-cusdetail h2 .arrow{width:36px; height:24px; padding:7px 0; display:block; position:absolute; right:0; top:0%; background:url(../images/right-arrow.png) center center no-repeat; }
.box-cusdetail h2.active .arrow{background:url(../images/down-arrow2.png) center center no-repeat;}
.box-cusdetail h2 .tik {display: none;}
.box-cusdetail h2.completed .tik{width:22px; height:22px; background:url(../images/tik.png) center center no-repeat; display:block; position:absolute; top:50%; right:48px; margin-top:-11px;}
.box-cusdetail h3{font-size:18px; color:#333333; line-height:24px;}
.box-cusdetail .tabcon{padding:12px;}
.box-cusdetail label{font-weight:bold;display:block;}
.box-cusdetail input.input, .box-cusdetail .newListSelected{margin-bottom:10px;}
.siz1{width:193px !important;}
.cardtype{width:124px !important; padding-bottom:10px;}
.box-cusdetail .tabcon.mcd{padding:12px 20px;}
.box-cusdetail .tabcon .spwrap{padding:0 8px; margin:0 -8px; border:solid 1px #a3a3a3; background:#ebebeb;}
.box-cusdetail .tabcon .spwrap .spinfo{float:right; width:190px; padding-top:15px;}
.box-cusdetail .tabcon .spwrap .column1{float:left; width:195px;}

.delivery-details{font-size:12px;}
.delivery-details input.input{margin:0; width:148px;}
.delivery-details td{padding:8px 0 0 8px;}
.delivery-details tr td:first-child{padding-left:0;}
.add-massage{background:url(../images/add-massage.png) 0 0 no-repeat; width:111px; height:24px; padding-left:18px; display:block; color:#7c7c7c; line-height:25px;}

.accountsummary{float:left; width:28%; border:solid 1px #979795; background:#ffffff;}
.accountsummary table{width:100%; text-align:left;}
.accountsummary th{background:#006d31; color:#fff; font:300 18px/24px 'Lato', sans-serif; padding:6px 10px;}
.accountsummary td{padding:6px 18px;}
.accountsummary tr:nth-child(odd) td{background:#e3e3e3;}

.transaction-history{float:right; width:70%; border:solid 1px #979795; background:#ffffff;}
.transaction-history h2{background:#006d31; color:#fff; font:300 18px/24px 'Lato', sans-serif; padding:6px 10px;text-transform: capitalize;}
.transaction-history table{width:100%; text-align:left;}
.transaction-history th{background:#c1c1c1; color:#000; font:bold 13px/18px Lato, Helvetica, sans-serif; padding:6px 10px;}
.transaction-history td{background:#fff; color:#000; font:normal 13px/18px Lato, Helvetica, sans-serif; padding:6px 10px;}
.transaction-history tr:nth-child(even) td{background:#e3e3e3;}


/*Footer CSS
--------------------------------------------------------------------------------------------------------*/
.footer-top{padding:30px 0; margin-top:10px;}
.footer-top-link{float:right;}
.footer-top-link a{margin:0 10px;}
.footer-top-link a:hover{text-decoration:underline;}

.copyright{float:left;}
.footer-bottom{text-align:center; padding:10px 0 20px 0;}


@media screen and (max-width: 1170px) {
.row{width:auto; margin:0 10px;}
.home-slideshow{width:auto; margin:10px;}
.home-slideshow{margin-bottom:50px;}
.select-gift-cart{width:auto;}
.gcc-wrapper .gcc-prev{left:10px;}
.gcc-wrapper .gcc-next{right:10px;}

.logo{float:left;}
.home-slideshow{margin-bottom:10px;}

h1.title{padding-bottom:20px;}



.table-responsive {margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; width: 100%;}

.product-grid{margin:0;}
.product-grid .product-box{width:100%; height: 100%;}
}

@media screen and (max-width:1020px) {
.accountsummary{width:100%; margin:20px 0;}
.transaction-history{width:100%;}
}

@media screen and (max-width: 979px) {
.logo{float:none; text-align:center;}
.header-right{display:none;}
.home-slideshow{margin-bottom:20px;}

.checkout-detail .chk-left{width:100%;}
.checkout-detail .chk-right{width:100%;}
}
@media screen and (max-width:800px) {
.box-cusdetail .tabcon .spwrap .spinfo{width:100%; padding:0 0 10px 0;}
}
@media screen and (max-width: 640px) {
.home-slideshow .hspager{bottom:10px;}
.home-slideshow .hspager a{width:12px; height:12px;}

.product-detail .pd-left{width:100%; padding-bottom:20px;}
.product-detail .pd-right{width:100%;}

.popup{width:auto;}
.button.oft1{margin:0;}
.popup .button.oft1{margin: 10px 0 0 0;}

}
@media screen and (max-width: 480px) {
.btn-group a, btn-group input{margin-bottom:8px;}

.product-grid .product-box .thumb{float:none; padding-bottom:15px;}
.product-grid .product-box .con{margin:0;}
}
@media screen and (max-width: 360px) {
.logo{text-align:left;}
.logo img{width:200px;}


.box-cusdetail .tabcon .spwrap .spinfo{float:none; width:auto; padding-bottom:10px;}

.product-grid .product-box .btn-checkout{float:none; margin-top:5px;}

}

@media screen and (max-width: 320px) {
}

/*Hide product image in cart for mobile view replace with product name */
tr.trProductName {
    display: none;
}

.tdProductImage {
    display: table-cell;
}

@media screen and (max-width: 430px) {
    tr.trProductName {
        display: table-row;
    }

    .tdProductImage {
        display: none;
    }
}


.tdProductImage > span {
    display: none;
}

    #securePayHostedPageFrame {
   width: 410px; border: 0; height: 270px;
}
@media screen and (max-width: 420px) {
#securePayHostedPageFrame {

    width: 338px;
    height: 275px;
}
#div-step-3 {
    padding: 0;
}
}

#checktcs{
    margin-right: 5px;
}

.checktcs_msg label {
    margin-bottom: 15px;
}



.popup {
    background: #ffffff;
}

    .popup h2 {
        font: normal 24px/26px 'flama_condensedbasic','Arial','Helvetica',sans-serif;
        text-transform: uppercase;
        color: #041404;
        padding: 15px 35px;
        margin: 0;
        background: #ebebeb;
    }

    .popup .con {
        padding: 30px;
        font: normal 18px/27px 'flama_condensedbasic','Arial','Helvetica',sans-serif;
    }

        .popup .con p {
            padding-bottom: 20px;
        }

    .popup .button {
        font-size: 18px;
        text-transform: none;
    }



#payframe {
    width: 100%;
    min-height: 500px;
}


.onepagepayment #payframe {
    height: 420px;
    width: 420px;
    min-height: 420px;
}

.popup #payframe{
    min-height: 670px;
}


@media screen and (max-width: 430px) {
  .onepagepayment  #payframe {
        height: 380px;
        width: 380px;
    }
}

.image-wrapper{
position:relative;
}
.image-wrapper img.image-overlay{
    width:50%;
    top:0;
    left:0;
    position:absolute;
}

/* width override for expiry date drop downs */
.stylish-select #securePayDirectPost  .newListSelected,
.stylish-select #securePayDirectPost  .selectedTxt {
    width:97px;
}

/*Check Balance CSS
--------------------------------------------------------------------------------------------------------*/

.cb_left, .cb_right {float:left;width: 60%;}
.cb_mid {float:left;width: 25%;}
.pcb_mid {float:left;width: 60%;}
.pcb_right{float:left;width:40%;padding-right: 0px;}
.cb_left, .cb_mid{padding-right:20px;}
.cb_right {padding-left:20px;}
.cb_left:empty , .cb_right:empty    {display:none;}


/* Check balance Placeholder text */

.chkb::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #F3F3FE 
  opacity: 1; /* Firefox */
}

.chkb:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #F3F3FE ;
}

.chkb::-ms-input-placeholder { /* Microsoft Edge */
  color: #F3F3FE ;
}


@media screen and (max-width:979px){
.cb_left, .cb_right{float:none; text-align:center; width: 95%;}
.cb_mid {float:none; width: 50%;margin-left:20%; }
.cb_left{padding-right:0px;}
.cb_right{padding-left:0px; padding-top:20px;}

}


a.help-container {
  display: inline-block;
}

a.help-container .help-icon {
  color: #ff0000;
  background-color: #fff;
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(255, 0, 0, 1);
  -moz-box-shadow: inset 1px 1px 1px 1px rgba(255, 0, 0, 1);
  box-shadow: inset 0.5px 0.5px 1px 2.0px rgba(255, 0, 0, 1);
  margin: 1 3px;
  line-height: 22px;  
}


a.help-container .help-text {
  display: none;
  margin-left: 5px;
  font-size: 12px;
  line-height: 14px;
}


a.skip-main {
    position:absolute;
    left: 0;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #000;
    top: auto;
    width: auto;
    height: auto;
    overflow:auto;
    border-radius: 10px;
    border:1px solid black;
    font-size:1.2em;
    
    z-index:999;
}


.skip-main {
	position: absolute;
	left: -999px;
	z-index: -999;
	overflow: hidden;
}

:focus {
    outline: 2px solid #4C9AFF;
    outline-offset: 2px;  
} 


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }

/*
    Braintree
*/

input#perform_payment {
    width:100%;
    margin-top: 10px;
}

.button-error {
    background-color: #ffbebe !important;
    color: #9c3131 !important;
    text-transform: unset !important;
    width: 100% !important;
    margin-top: 10px !important;
}

input.payment-ready {
    display: unset !important;
}

input.payment-not-ready {
    display: none !important;
}
.terms-link{
	font:normal 13px/18px lato;
}

.vii-media-viewer {
    width: 60%;
}

@media screen and (max-width: 480px) {
    .vii-media-viewer {
        width: 100%;
    }
}

select.siz1 {
    height: 28px;
    border: solid 1px #bbbbbb !important;
    background: #f3f3f3 !important;
    margin-bottom: 10px;
    width: 193px;
}
label.error {
    margin-bottom: 14px;
}


/* different styling for cybersource microform for a specifc container */


#expMonth, #expYear, #cardholderName, #number_container, #securityCode_container {
        height: 38px;
    }

.flex-microform {
  height: 20px;
  background: #ffffff;
  -webkit-transition: background 200ms;
  transition: background 200ms;
}

	
.form-group-cybersource label {
	padding: .375rem 0rem;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	display: block;
	}
	
.ccExp{
         width: 100%;
        }
	
	

#expMonth, #expYear, #number_container, #securityCode_container, #cardholderName.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	
.ccExp{
         width: 100%;
        }
	
	

#expMonth, #expYear, #number_container, #securityCode_container, #cardholderName.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px !important;
	font-family:helvetica, tahoma, calibri, sans-serif !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    max-width: -webkit-fill-available;
}


.flex-microform-focused {
  background: lightyellow;
}

.flex-microform-valid {	
  background: #E0EEE0 !important;
  
}

.flex-microform-valid.flex-microform-focused {
  background: lightgreen;
}

.flex-microform-autocomplete {
  background: #faffbd;
}