/* DO NOT CHANGE THIS FILE -------------------------------------------------- */
/* TO OVER-RIDE ANY ASPECT OF THIS CSS, AMEND THE user.css FILE ------------- */

.align-right{text-align:right;}
.d-flex{display: flex !important;}
.flex-wrap{flex-wrap: wrap;}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-left{justify-content: flex-start;}
.justify-content-right{justify-content: flex-end;}
/* SPACER ---------------------------------------------------- */
.p-5{padding: 5px !important;}
.p-r-5{padding-right: 5px !important;}
.p-l-5{padding-left: 5px !important;}
.p-t-5{padding-top: 5px !important;}
.p-b-5{padding-bottom: 5px !important;}

.p-10{padding: 10px !important;}
.p-r-10{padding-right: 10px !important;}
.p-l-10{padding-left: 10px !important;}
.p-t-10{padding-top: 10px !important;}
.p-b-10{padding-bottom: 10px !important;}

.p-15{padding: 15px !important;}
.p-r-15{padding-right: 15px !important;}
.p-l-15{padding-left: 15px !important;}
.p-t-15{padding-top: 15px !important;}
.p-b-15{padding-bottom: 15px !important;}

.m-5{padding: 5px !important;}
.m-r-5{padding-right: 5px !important;}
.m-l-5{padding-left: 5px !important;}
.m-t-5{padding-top: 5px !important;}
.m-b-5{padding-bottom: 5px !important;}

.m-10{padding: 10px !important;}
.m-r-10{padding-right: 10px !important;}
.m-l-10{padding-left: 10px !important;}
.m-t-10{padding-top: 10px !important;}
.m-b-10{padding-bottom: 10px !important;}

.m-15{padding: 15px !important;}
.m-r-15{padding-right: 15px !important;}
.m-l-15{padding-left: 15px !important;}
.m-t-15{padding-top: 15px !important;}
.m-b-15{padding-bottom: 15px !important;}

/* Historical osCommerce ---------------------------------------------------- */
button,button:focus{outline:none !important;} 
.btn-box{display: inline-block; width:100%; margin-top:30px; margin-bottom:30px;}
.pg-ttl{margin-bottom: 25px;}
#piGal{width:250px;}
#piGal img{max-width:250px; height:auto;}
.inputRequirement, .markProductOutOfStock, .stockWarning{color:#B33A3A;}
.markProductOutOfStock, .stockWarning{font-weight:bold;}
ul.accountLinkList{list-style-type:none; margin:0; padding:0; line-height:2;}
ul.shoppingCartList{list-style-type:none; margin:0; padding:0;}
ul.shoppingCartList li.newItemInCart, ul.shoppingCartList li.newItemInCart A{color:red;}
/* Alignment of Form Inputs ------------------------------------------------- */
.form-control{margin-bottom:5px; display:inline; border:1px solid #ededed; height:45px; padding:10px 15px; box-shadow:none; appearance:none;}
.form-control{border:1px solid #cbcbcb;border-radius:0;background:#fff;height:46px;box-shadow:none;}
select.form-control{appearance:auto;}
.form-control:focus{border-color:#b48554; box-shadow:none;}
/* for the product page rework ---------------------------------------------- */ 
.page-header{margin:0 0 20px; line-height: 1;}
.page-header.border-none{border: 0; padding-bottom: 0;}
.page-header h1,.page-header h2{margin:0 0 0px;}
.page-header span{display: inline-block; width: 100%; font-size:0.5em; color:#929aa9;}
/* for the listings module rework ------------------------------------------- */ 
.productHolder{ border:1px solid #eee; padding:10px; border-radius:4px; -webkit-transition:border .5s ease-in-out; -o-transition:border .5s ease-in-out; transition:border .5s ease-in-out; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.productHolder:hover{border:1px solid #428bca;}
.productHolder h2{font-size:1.3em;}
.item.list-group-item{float:none; width:100%; background-color:#fff; border:none;}
.item.list-group-item img{float:left !important; margin-right:10px !important;}
.grid-group-item{margin-bottom:20px;}
.grid-group-item .list-group-item-text{display:none;}p.lead del{font-size:0.5em;}
/* Responsive Images  ------------------------------------------------------- */
/* the inbuilt bootstrap responsive images class breaks the text-center class */ 
#bodyContent .img-responsive, #columnLeft .img-responsive, #columnRight .img-responsive{margin-left:auto; margin-right:auto;}
/* Checkout Bar ------------------------------------------------------------- */ 
.stepwizard{margin-top:20px;}
.stepwizard-step p{margin-top:10px;}
.stepwizard-row{display:table-row;}
.stepwizard{display:table; width:100%; position:relative;}
.stepwizard-step button[disabled]{opacity:1 !important; filter:alpha(opacity=100) !important;}
.stepwizard-row:before{top:14px; bottom:0; position:absolute; content:" "; width:100%; height:1px; background-color:#ccc; z-index:0;}
.stepwizard-step{display:table-cell; text-align:center; position:relative; width:33%;}
.btn-circle{width:30px; height:30px; text-align:center; padding:6px 0; font-size:12px; line-height:1.428571429; border-radius:15px;}
/* Pagination  ------------------------------------------------------- */ 
.pagenav{position:relative; top:-25px; left:3px; height:40px !important;}
.pagenumber{margin-bottom:7px;}
/* Reviews ------------------------------------------------------------------ */ 
.reviews blockquote p{font-size:0.8em;}
/* Responsive Text Alignment ------------------------------------------------ */
/* https://github.com/twbs/bootstrap/issues/11292 --------------------------- */ 
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg{text-align:left;}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg{text-align:center;}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg{text-align:right;}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg{text-align:justify;}
@media (min-width:768px) and (max-width:991px){
  .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm{text-align:inherit;}
  .text-left-sm{text-align:left;}
  .text-center-sm{text-align:center;}
  .text-right-sm{text-align:right;}
  .text-justify-sm{text-align:justify;}
  .product-col .image  img.img-responsive{margin-left:auto; margin-right:auto;}
  .options .form-group .form-control{width:93% !important;}
  .options .form-group{padding-left:15px;}
  /* .text-center img.img-thumbnail{width:50px !important; height:50px !important;} */
  .breadcrumb{margin-left:20px; margin-right:20px;}
}
@media (min-width:992px) and (max-width:1199px){
  .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md{text-align:inherit;}
  .text-left-md{text-align:left;}
  .text-center-md{text-align:center;}
  .text-right-md{text-align:right;}
  .text-justify-md{text-align:justify;}
} 
@media (min-width:1200px){
  .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg{text-align:inherit;}
  .text-left-lg{text-align:left;}
  .text-center-lg{text-align:center;}
  .text-right-lg{text-align:right;}
  .text-justify-lg{text-align:justify;}
} /* Footer ------------------------------------------------------------------- */ 
.footer{background:#eee; border-top:2px solid #ddd;}
.footer .footerbox{padding:10px 10px 0px 10px;}
.footer-extra{background:#111; color:silver; line-height:3;}
.footer-extra A{color:silver;}
.footer h2{padding:0; margin:0; font-size:1em; letter-spacing:0.1em; color:rgb(142,11,0); text-shadow:1px 1px 1px rgba(255,255,255,0.6); border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; text-transform:uppercase;}
.contact{border-left:1px solid #ddd;}
/* Account History Info ----------------------------------------------------- */ 
.timeline{list-style:none; padding:20px 0 20px; position:relative;}
.timeline:before{top:0; bottom:0; position:absolute; content:" "; width:3px; background-color:#eeeeee; right:25px; margin-left:-1.5px;}
.timeline > li{margin-bottom:20px; position:relative;}
.timeline > li:before, .timeline > li:after{content:" "; display:table;}
.timeline > li:after{clear:both;}
.timeline > li:before, .timeline > li:after{content:" "; display:table;}
.timeline > li:after{clear:both;}
.timeline > li > .timeline-panel{width:calc( 100% - 75px ); float:left; border:1px solid #d4d4d4; border-radius:2px; padding:20px; position:relative; -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.175); box-shadow:0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-panel:before{position:absolute; top:26px; right:-15px; display:inline-block; border-top:15px solid transparent; border-left:15px solid #ccc; border-right:0 solid #ccc; border-bottom:15px solid transparent; content:" ";}
.timeline > li > .timeline-panel:after{position:absolute; top:27px; right:-14px; display:inline-block; border-top:14px solid transparent; border-left:14px solid #fff; border-right:0 solid #fff; border-bottom:14px solid transparent; content:" ";}
.timeline > li > .timeline-badge{color:#fff; width:50px; height:50px; line-height:50px; font-size:1.4em; text-align:center; position:absolute; top:16px; right:0px; margin-left:-25px; background-color:#999999; z-index:100; border-top-right-radius:50%; border-top-left-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%;}
.timeline > li.timeline-inverted > .timeline-panel{float:right;}
.timeline > li.timeline-inverted > .timeline-panel:before{border-left-width:0; border-right-width:15px; left:-15px; right:auto;}
.timeline > li.timeline-inverted > .timeline-panel:after{border-left-width:0; border-right-width:14px; left:-14px; right:auto;}
.timeline-badge.primary{background-color:#2e6da4 !important;}
.timeline-badge.success{background-color:#3f903f !important;}
.timeline-badge.warning{background-color:#f0ad4e !important;}
.timeline-badge.danger{background-color:#d9534f !important;}
.timeline-badge.info{background-color:#5bc0de !important;}
.timeline-title{margin-top:0; color:inherit;}
.timeline-body > p .timeline-body > ul{margin-bottom:0;}
.timeline-body > p + p{margin-top:5px;}
.timeline-body blockquote{font-size:1em;}
/* Nav Bars ----------------------------------------------------------------- */ 
.navbar-no-corners{border-radius:0 !important; -moz-border-radius:0 !important; border-left:none; border-right:none;}
.navbar-no-margin{margin-bottom:0 !important;}
.searchbox-margin{margin-top:10px; margin-bottom:10px;}
/* .form-control-feedback{padding-right:2%;} */
.nav.nav-pills.nav-stacked.category-menu a{background-color:#fff; border:1px solid #ddd; color:#555; display:block; margin-bottom:-1px; padding:10px 15px; position:relative;}
#catlist li{list-style-type:none;}
button.btn.btn-cart a{color:white !important; text-decoration:none;}
 
.panel-primary{border-color:#ededed;}
.panel-primary > .panel-heading{background-color:#b48554; border-color:#ededed; color:#fff; padding-left:20px;}
.panel-info > .panel-heading{background-color:#b48554; border-color:#868e9c; color:#fff;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background-color:#4bac52; color:#fff;}
.panel-primary{border-color:#ededed;} 
.thumbnail{margin-bottom:0px !important;} 
img.img-thumbnail{width:147px; height:193px;}
.text-center img.img-thumbnail{width:40px; height:auto;}
.sp-thumbs{height:50px;}
.sp-large{height:305px ;} 
@media only screen and (max-width:320px){
  img.img-thumbnail{width:45px; height:55px;}
  .text-uppercase .btn-black{width:120px; padding:2px; font-size:11px;}
  .row .breadcrumb{margin-left:7%; margin-right:7%;}
  .table-responsive.shopping-cart-table{margin-left:1%;}
  .sp-thumbs{height:75px;}
  .sp-wrap{width:100% !important;}
  .product-info .product-details h2{margin-top:0px;} #main-menu.navbar{margin:0 16px;}
  .main-header .col-md-3{padding-right:30px; padding-left:30px;}
  .products-list .col-md-3 .col-sm-6{padding-right:20px !important; padding-left:20px !important;} 
  .col-xs-12{width:100%;} 
  .options .form-group{margin-left:0;} 
  .product-info .images-block .list-inline li{padding-left:0px;} 
  .shopping-cart-table .btn{padding:3px 6px;}
  /* .text-center img.img-thumbnail{width:50px !important; height:50px !important;} */
  .breadcrumb{margin:0 15px;} 
  @-moz-document url-prefix(){
    .breadcrumb{margin-left:20px; margin-right:20px;}
 }
  .product-info-box{margin:0 15px;}
  /* .product-info .product-details{margin:0 15px;}
  .side-heading{margin:0 15px !important;} 
  #catlist{margin:15px !important;} 
  .images-block{margin:15px !important;} */
  .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:solid thin #ccc !important;}
  .table-responsive>.table{margin-bottom:5px !important;}
  /* .panel-smart{margin-left:0px; margin-right:15px;} */
  /* .panel-body{margin-left:0px !important;} */
  /* .btn-default{margin-left:25px;} */
  /* .login-area{margin-left:20px; margin-right:5px;} */
}
@media (min-width:321px) and (max-width:360px){
   img.img-thumbnail{width:45px; height:55px;}
  .text-uppercase .btn-black{width:120px; padding:2px; font-size:11px;}
  .sp-thumbs{height:75px;}
  .sp-wrap{width:100% !important;}
  .product-info .product-details h2{margin-top:0px;} 
  #main-menu.navbar{margin:0 16px;}
  .main-header .col-md-3{padding-right:30px; padding-left:30px;}
  .products-list .col-md-3 .col-sm-6{padding-right:20px !important; padding-left:20px !important;} 
  .col-xs-12{width:100%;}
  /* .product-info .product-details{margin:0 10px;}  */
  .options .form-group{margin-left:0;}
  .col-sm-5.list-unstyled{margin-right:0 !important; margin-left:0!important;}
  .product-info .images-block .list-inline li{padding-left:0px;} 
  .shopping-cart-table .btn{padding:3px 6px;}
  /* .product-info-box{margin:0 15px;}
  .product-info .product-details{margin:0 15px;}
  .side-heading{margin:0 15px !important;} #catlist{margin:15px !important;} 
  .images-block{margin:15px !important;} */
  .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:solid thin #ccc !important;}
  .table-responsive>.table{margin-bottom:5px !important;}
  /* .panel-smart{margin-left:0px; margin-right:20px;}
  .panel-body{margin-left:0px !important;} */
  /* .btn-default{margin-left:25px;} */
  /* .login-area{margin-left:20px; margin-right:5px;} */
  
  /* .text-center img.img-thumbnail{width:50px !important; height:50px !important;} */
  .breadcrumb{margin-left:20px !important; margin-right:20px !important;}
}
@media (min-width:361px) and (max-width:480px){
  img.img-thumbnail{width:45px; height:55px;}
  .text-uppercase .btn-black{width:120px; padding:2px; font-size:11px;}
  .sp-thumbs{height:75px;}
  .sp-wrap{width:100% !important;}
  .product-info .product-details h2{margin-top:0px;} #main-menu.navbar{margin:0 16px;}
  .main-header .col-md-3{padding-right:30px; padding-left:30px;}
  .products-list .col-md-3 .col-sm-6{padding-right:20px !important; padding-left:20px !important;} 
  .col-xs-12{width:100%;}
  /* .product-info .product-details{margin:0 10px;} */
  .col-sm-7 .list-unstyled{margin-left:0px !important; margin-right:0 !important;}
  .options .form-group{margin-left:0;}
  .col-sm-5.list-unstyled{margin-right:0 !important; margin-left:0!important;}
  .product-info .images-block .list-inline li{padding-left:0px;} 
  .shopping-cart-table .btn{padding:3px 6px;}
  /* .text-center img.img-thumbnail{width:100px;} */
  .breadcrumb{margin:0 15px;}
  /* .product-info-box{margin:0 15px;}
  .product-info .product-details{margin:0 15px;}
  .side-heading{margin:0 15px !important;} #catlist{margin:15px !important;} 
  .images-block{margin:15px !important;} */
  .options .form-group .form-control .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:solid thin #ccc !important;}
  .table-responsive>.table{margin-bottom:5px !important;}
}
@media only screen(min-width:480px){
.options .form-group .form-control{width:91%;}
} 
@media (min-width:481px) and (max-width:600px){
  img.img-thumbnail{width:60px; height:70px;}
  .text-uppercase .btn-black{width:195px; padding:5px; font-size:16px;}sp-large{height:245px !important;}
  .sp-thumbs{height:75px;}
  .sp-wrap{width:100% !important;}
  .product-info .product-details h2{margin-top:390px;}
  .main-header .col-md-3{padding-right:30px; padding-left:30px;} 
  .col-xs-12{width:100%;}
  /* .product-info .images-block .thumbnail{margin-left:19%;}
  .product-info .images-block .list-inline{margin-left:18%;} */
  .product-info .product-details h2{margin-top:0 !important;}
  .product-info .product-details{margin-left:20px; margin-right:20px;}
  .form-horizontal .form-group{margin-right:0; margin-left:0;} #main-menu.navbar{margin:0 16px;}
  .main-header .col-md-3{padding-right:30px; padding-left:30px;}
  .products-list .col-md-3 .col-sm-6{padding-right:20px !important; padding-left:20px !important;}  
  .col-xs-12{width:100%;}
  /* .product-info .product-details{margin:0 10px;}  */
  .options .form-group{margin-left:0;} 
  .product-info .images-block .list-inline li{padding-left:0px;} 
  .shopping-cart-table .btn{padding:3px 6px;}
  /* .text-center img.img-thumbnail{width:50px !important; height:50px !important;} */
  .breadcrumb{margin-left:20px !important; margin-right:20px !important;}
  /* .product-info-box{margin:0 15px;}
  .product-info .product-details{margin:0 15px;}
  .side-heading{margin:0 15px !important;} #catlist{margin:15px !important;} 
  .images-block{margin:15px !important;} */
  .options .form-group .form-control{width:95% !important;}
  .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:solid thin #ccc !important;}
  .table-responsive>.table{margin-bottom:5px !important;}
  /* .btn-default{margin-left:40px;} */
}
@media only screen and (max-width:1024px){  
  .img-thumbnail{max-width:inherit;}
  .options .form-group .form-control{width:93%!important;}
  .img-thumbnail{max-width:inherit;}
} 
.col-sm-7 .list-unstyled{margin-left:0px !important;}
.options .form-group .form-control{width:91%;} 
#footer-area{margin-top:50px; background:#2E2D3D; float: left; width:100%; position: relative; z-index: 1; overflow: hidden;}
#footer-area:after{content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bg-footer.jpg) no-repeat; z-index: -1;  background-size: cover; opacity:0.05;}
#footer-area .footer-links{ float: left; width: 100%; position: relative; z-index: 2;} 
/* DO NOT CHANGE THIS FILE -------------------------------------------------- */
/* TO OVER-RIDE ANY ASPECT OF THIS CSS, AMEND THE user.css FILE ------------- */
/* Historical osCommerce ---------------------------------------------------- */  
 
@media only screen and (max-width:1024px){
  .product-col h4, .product-col h4 a{height:30px;} 
  .img-thumbnail{max-width:inherit;}
} 
/* @media only screen and (max-width:600px){
  .panel-smart{margin-left:20px; margin-right:20px;}
} */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{z-index:2; color:#fff; background-color:#929aa9; border-color:#868e9c;}
.list-group-item.active .fa{color:#fff;}
.btn-primary,.btn{ color:#fff; background-color:#929aa9; border-color:#868e9c; position:relative; overflow:hidden; z-index:1; font-size:14px; font-family:'Open sans', sans-serif !important; font-weight:600; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.btn-primary:after,.btn:after{content:""; width:0%; height:100%; position:absolute; left:0; top:0; z-index:-1;  background:#868e9c; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
.btn-primary:hover,.btn:hover{color:#fff;}
.btn-primary:hover:after,.btn:hover:after{width:100%;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{color:#fff; background-color:#929aa9; border-color:#868e9c;}
.btn-primary .glyphicon{margin-right:3px;}
ul.accountLinkList{margin-bottom:20px}  
/* Category Listings  ------------------------------------------------------- */
/* Reusable Inline Block Grids for building UL list  ------------------------ */ 
#product-listing{display:inline-block; width:100%; overflow-x:hidden;}
.inline-span{float: left; overflow-x:hidden; padding:0; margin:0 auto; width:calc(100% + 30px); margin-left:-15px;}
.inline-span:before, .inline-span:after{display:table; content:" ";}
.inline-span:after{clear:both}
.inline-span > li{position:relative; float: left; height:auto; float:left; padding:0; margin:0 15px 30px; overflow:hidden; display:flex; flex-wrap:wrap;}
.inline-span.one-across > li{width:calc(100% - 30px);}
.inline-span.two-across > li{width:calc(50% - 30px);}

.inline-span.three-across{display:flex; flex-wrap:wrap;}
/* .inline-span.three-across > li{width:calc(33.333% - 30px);} */
.inline-span.three-across > li{width:46%;}
.inline-span.three-across > li a{width:100%; float: left;}
.inline-span.three-across > li a.btn{width:auto;}
.inline-span.three-across > li .placeholder{float:left; width:100%;}
.inline-span.three-across > li .placeholder a{ border-bottom:1px solid #ededed; overflow:hidden;}
.inline-span.three-across > li img{display:inline-block; height:140px; width:auto; max-width:none;}
.inline-span.three-across > li.product-col .cart-button{display: flex; justify-content: center;}

@media (max-width:768px){
  .inline-span.three-across > li{width:calc(50% - 30px);}
}
@media (max-width:639px){
  .inline-span.three-across > li{width:100%;}
}

/*=======================first setup the grid view =====================*/ 
.listingContainer{line-height:1.42857143; background-color:#fff; border:1px solid #ededed; border-radius:4px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; /* -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); */}
.listingContainer .placeholder > img, .listingContainer .placeholder a > img{margin-right:auto; margin-left:auto;}
.listingContainer .caption{float:left; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.listingContainer .caption h2{float:left; width:100%; font-size:18px; text-align:center; margin:0 0 15px;} 
.listingContainer .btn-wrap{float:right; text-align:right; width:48%;}
.listingContainer .optional-wrap{display:block; overflow:hidden; width:100%; margin-left:0; padding-left:0;}
.listingContainer .optional-wrap > li{position:relative; display:inline; float:left; overflow:hidden; width:100%; padding:5px; font-weight:600;}
/*======================= some help for four wide option ==================*/ 
.four-across .listingContainer .price-wrap{width:100%; text-align:center;}
.four-across .listingContainer .btn-wrap{float:right; text-align:center; width:100%;}
/*=======================next list view overrides ========================*/ 
.one-across .listingContainer a{width:100%; display:inline-block;}
.one-across .listingContainer a.btn{width:auto;}
.one-across .listingContainer .placeholder{width:30%; float:left; text-align:center;}
.one-across .listingContainer .placeholder a{float:left; border-right:1px solid #ededed; overflow:hidden;}
.one-across .listingContainer img{display:inline-block; height:160px; width:auto; max-width:none;}
.one-across .listingContainer .caption{height:auto; width:70%;}
.one-across .listingContainer .optional-wrap{height:auto; width:100%; float:left; }
/* .one-across .listingContainer .caption h2{text-align:left} */
.one-across .listingContainer .price-wrap{width:100%; font-weight:700; font-size:16px;} 
/*======================= finally we go responsive ========================*/ 
@media (max-width:767px){
  /* Reusable Inline Block Grids --- */ 
  .inline-span > li{clear:none} 
  .inline-span.fluid-one-across > li{width:calc(100% - 30px);}  
  /* Listings  ------------------------------------------------------- */ 
  .listingContainer .optional-wrap{display:none}
  .fluid-one-across .listingContainer .caption h2{margin-top:2%}
  .fluid-one-across .listingContainer .price-wrap{ width:100%;}
  /* .fluid-two-across .listingContainer .caption, .three-across.fluid-one-across .listingContainer .caption, .four-across.fluid-one-across .listingContainer .caption{width:100%; height:60px;} */
  .fluid-two-across .listingContainer .caption small, .three-across.fluid-one-across .listingContainer .caption small, .four-across.fluid-one-across .listingContainer .caption small{display:none}
  .fluid-two-across .listingContainer .price-wrap, .fluid-two-across .listingContainer .btn-wrap, .three-across.fluid-one-across .listingContainer .price-wrap, .three-across.fluid-one-across .listingContainer .btn-wrap, .four-across.fluid-one-across .listingContainer .price-wrap, .four-across.fluid-one-across .listingContainer .btn-wrap{text-align:center; width:100%;}
} 
@media (max-width:639px){
 .inline-span.fluid-one-across > li{width:100%;} 
 .product-filter .col-md-4.text-left{display: none;}
 .product-filter .col-md-4.text-right{width: 100%;}
 .product-filter .col-md-4:first-child{display: none;}
}
.displayNone{display:block;}
.stellarnav.dark li a{color:#fff; font-size:16px;}
#piGal .photoset-row{height:auto !important;}
#piGal .photoset-row a{padding:2px !important;} 
.stellarnav li a{padding-left:0px;}
.update_cart_button{display:none;}

#product-listing .product-filter + .row + .row{margin-top:20px !important; border-top:1px solid #ededed; padding-top:20px;}
/*========= NEW CSS Start ==========*/  
.loginPage .btn{float: left;}
.loginPage h2{margin: 0 0 15px;}
.loginPage .colms{display: flex; flex-wrap: wrap;}
.loginPage .colms {display: flex; flex-wrap: wrap;}
.loginPage .guest-checkout  {padding-bottom: 30px;}
div#login_area{background:#fff;box-shadow:0 0 5px #dcdcdc;border-radius:9px; padding:35px;}
div#login_area div.loginForm{padding-right:50px; border-right:1px solid #eaeaea}
div#login_area div.loginForm+div.gm-readonly{padding-left:50px}
div#login_area div.loginForm .form-control{margin-bottom:5px;display:inline;border:1px solid #cbcbcb;border-radius:0;background:#fff;height:45px;box-shadow:none}
div#login_area div.loginForm  .contentText > p { font-weight: 700; }
@media screen and (max-width:767px){
    div#login_area div.loginForm{width: 100%; padding:0 0px 30px; border:0; border-bottom:1px solid #eaeaea;}
    div#login_area div.guest-checkout {width: 100%; padding:30px 0;}
    div#login_area div.loginForm+div.gm-readonly{padding-left:0px;}
    .navbar-nav{margin:5px 0}
    .new-customer{padding:30px 0 0;}
}
div#login_area .btn .glyphicon{margin-right:5px}
.loginPage .login.loginForm{width:100%!important;padding-bottom:15px}
.loginPage .login.loginForm #update_login_content{border-top:1px solid #eaeaea}
.loginPage .login.loginForm p{text-align:left}



.new-customer{border-top:1px solid #ededed; padding-top:20px;} 
.new-customer .contentText p:first-child{font-weight:bold;}
.new-customer .btn-primary{float:left; margin-top:15px;} 
@media screen and (max-width:767px){
  /* .loginForm, .loginForm + .col-sm-6,.loginForm + .col-sm-6 + .col-sm-6{padding:15px 15px 30px;}
  .loginForm + .col-sm-6{border-top:1px solid #ededed;} */
  .text-right,p[align=right]{text-align:left;}
}
/*======  NAV  ======*/ 
#mainmenu .navbar-nav>li>a{background:none; position:right;}
#mainmenu .navbar-nav>li>a:hover{color:#b48554;}
#mainmenu .navbar-nav>li>a:before{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:#b48554; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
#mainmenu .navbar-nav>li:hover>a:before{width:100%; z-index:1;}
#mainmenu .navbar-nav>li>ul{background:#fff; border-color:#f5f5f5;}
#mainmenu .navbar-nav>li>ul>li{margin:0 !important; }
#mainmenu .navbar-nav>li>ul>li a{margin:0; color:#333; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; padding:10px 15px;}
#mainmenu .navbar-nav>li>ul>li a:hover{color:#fff; background: #929aa9;}

/*======  REGISTER FORM  ======*/ 
.register-form .register-form-aside{ float:left; width:100%; background:#fff; padding:30px; margin-top:20px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; box-shadow: 0 0 5px #dcdcdc;}
.register-form form{float:left; width:100%;}
.register-form .form-section .contentText{border-bottom:1px solid #f5f5f5; margin-bottom:30px; padding-bottom:30px;}
.register-form .form-sec-ttl{margin:0 0 15px;}
.register-form .form-section:last-child .contentText{border-bottom:0px solid #f5f5f5; margin-bottom:0px; padding-bottom:0px;}
.register-form .form-section .has-feedback{position:relative; margin-bottom:15px; display:flex; flex-wrap:wrap;}
.register-form .form-section .form-control{margin-bottom:0; }
.register-form .form-section .control-label{padding-bottom:5px; text-align:left;}
.register-form .form-section .glyphicon-asterisk{display: inline-block; position:relative; left:0; top:0; width:auto; height:auto; line-height:initial; font-size:9px; color:red;}
/* .register-form .form-section .buttonSet{margin-top:15px; margin-bottom:0;} */
.register-form .form-note{float:left; margin:0;}
.register-form .req-txt{float:right;}
.register-form  .buttonAction{float:left;}
@media screen and (max-width:359px){
  .captcha-wrapp{overflow:hidden}
  .captcha-wrapp iframe{ transform: scale(.7); transform-origin: top left; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); }
}
@media screen and (max-width:991px){
  .register-form .req-txt{float:left; clear:both; margin-top:15px;}
  #secondary_nav{display:none;}
}
@media screen and (max-width:767px){
  .header-top .navbar-nav{margin:0px; display: flex; justify-content: center; width: auto; float: left !important;}
  .header-top .right{display: flex; align-items: center; justify-content: space-between;}
  .header-cart{float:right;}
  .header-cart #setcart .btn{padding: 12px 0 8px;}
  .header-cart #setcart .btn .bi{color:#fff;}
  /* #setcart .dropdown-menu{width: 260px;} */
  .loginPage h2{margin:0 0 15px;}
  /* #site_search{order:2;}
  #site_search #search{margin:0;}
  #site_search .form-control,#search .input-group .btn{height:35px;} */
  #logo a{float:left;}
  div#mm-header{display:flex; align-items:center;}
  .main-header{padding:10px 0;}
  /*======  MOB NAV  ======*/ 
  .mainMenu .menu-toggle{display:flex !important; align-items:center;}
  .mainMenu .menu-toggle .fa-bars{margin-right:8px;}
  .navbar-collapse{background:#fff;}
  .stellarnav .menu-toggle{padding:7px 15px !important;}
  #breadcrumb{margin-bottom:30px;}
  .navbar-collapse{background:#fff !important;}
  .stellarnav.mobile.dark ul{background:#fff !important;}
  .stellarnav ul > li{margin-right:0 !important; border-top:1px solid #ededed;}
  .dd-toggle:before{display:none;}
  #mainmenu .navbar-nav>li>ul{width:100%; box-shadow:none; border:0;}
  .mainMenu.active .fa-bars:before{content:"\f00d" !important;}
  /*======  FOOTER  ======*/ 
  .footer_block>.row{display:flex; flex-wrap:wrap;}
  .footer_block>.row > .col-sm-6{width:50%; text-align:left;}
}
@media screen and (max-width:640px){
  .register-form .register-form-aside{padding:20px;}
  .breadcrumb{margin:0px !important;}
  .footer-links{padding:20px 0;}
  .footer-links li{ padding:2px 0;}
  #footer-area{ margin-top:30px;}  
}
@media screen and (max-width:520px){
  .footer_block>.row > .col-sm-6{width:100%;}
}

.my-account-page{background:#fff; box-shadow:0 0 5px #dcdcdc;border-radius:9px;margin:35px 0 0;padding:40px}
.my-account-page h2{margin:0 0 15px}
.my-account-page .contentText+h2{border-top:1px solid #eee;padding-top:25px;margin-top:25px}
.my-account-page .contentText .glyphicon{color:#b48554;margin-right:10px;line-height:normal}
.my-account-page .contentText a{color:#757575}


.tbl-total{display:inline-block; width:100%; padding:10px; background:#ededed; color:#333; font-size:15px; text-align:right;}
#checkout_buttons{margin-top:15px;}
@media screen and (max-width:520px){
  #checkout_buttons .btn{margin-bottom:10px;}
}

.prod-info-page #product_info .imageDiv{float:left; width:30%;}
.prod-info-page #product_info .imageDiv img{width:100% !important; height:auto !important;}

.my-password-page{background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; margin:15px 0 0px; padding:25px;}
.my-password-page .control-label{ padding-bottom:7px; margin-bottom:0; text-align:left;}
.my-password-page .glyphicon-asterisk{position:relative; margin:0; top:-5px; right:0 !important; padding:0; display:inline-block; font-size:8px;  width:auto; height:auto; color:red; line-height:normal;}
.my-password-page .has-feedback{margin-bottom:15px;} 

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

.addressBook .addressBook__content{float:left; width:100%; background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; margin:35px 0 20px; padding:40px;}
.addressBook .addressBook__content h2{margin:0 0 15px;}
.addressBook .addressBook__primary-address{float:left; width:100%; margin-bottom:30px;}
.addressBook #address_book_entries .col-sm-4 .panel-body{min-height:170px;}
.addressBook #address_book_entries .col-sm-4 .panel-footer{display:flex; justify-content:space-between;}
.addressBook #address_book_entries .col-sm-4 .panel-footer a{width:48%;}

.addressBook .addressBook__address-book{float:left; width:100%; }
.addressBook .addressBook__address-book .panel-heading small{display: inline-block; width:100%; }

.addressbookprocess .addressbookprocess-inside{background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; margin:15px 0 20px; padding: 40px;}
.addressbookprocess .addressbookprocess-inside .text-right { text-align: left; color: green;}
.addressbookprocess .addressbookprocess-inside > .contentText { display: flex; flex-wrap: wrap; justify-content: space-between;}
.addressbookprocess .addressbookprocess-inside .form-group { width: 48.5%; margin: 0 0 15px; display: flex; flex-direction: column; text-align: left;}
.addressbookprocess .addressbookprocess-inside .form-group:last-child {display: inline-block; }
.addressbookprocess .addressbookprocess-inside .form-group:last-child .checkbox-inline {padding: 0;}
.addressbookprocess .addressbookprocess-inside .form-group:last-child .checkbox-inline input{margin: 0; position: relative;}
.addressbookprocess .addressbookprocess-inside .form-group:last-child label.control-label.col-xs-3{width: 100%;}
.addressbookprocess .addressbookprocess-inside .form-group:last-child .col-xs-9{width: 100%; padding: 0;}
.addressbookprocess .addressbookprocess-inside .form-group label.control-label.col-xs-3 {width: 100%; text-align: left; padding: 0 0 7px;}
.addressbookprocess .addressbookprocess-inside .form-group .col-xs-9 {width: 100%; padding: 0; position: relative;}
.addressbookprocess .addressbookprocess-inside .form-group .col-xs-9 .glyphicon-asterisk{right: auto; left: 0;font-size: 8px; color: red;}
.addressbookprocess .addressbookprocess-inside .form-group .col-xs-9 input[aria-required="true"]{padding-left:20px;}
.addressbookprocess .addressbookprocess-inside .form-group .col-xs-9 select{padding-left:20px;}
@media screen and (max-width:767px){
    .addressbookprocess .addressbookprocess-inside .form-group { width:100%;}
    .addressbookprocess .addressbookprocess-inside{padding: 25px;}
    .page-header h1{font-size: 25px;}
}

.forgot-password .forgot-password__container{display:inline-block; width:100%; background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; margin:0px 0 20px; padding:30px;}
.forgot-password__container .form-horizontal .control-label{text-align:left; padding:0 0 7px;}
.forgot-password__container .control-label{text-align:left; padding-bottom:7px;}
.forgot-password__container .control-label .form-control-feedback{right:auto; position:relative; display:inline-block; font-size:8px; line-height:normal; top:-3px; margin:0; padding:0; height:auto; width:auto; color:red;}

#checkout .checkout-inside{width:100%; display:inline-block; background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; padding:40px 25px; flex-wrap: wrap; margin: 25px 0;}
#checkout .nav-pills{margin-bottom: 30px;}
#checkout .nav-pills > li {margin: 0; padding: 0 5px;}
#checkout .nav-pills > li > a br{display: none;}
#checkout .nav-pills > li > a p{margin: 0;}
#checkout .nav-pills > li > a i{margin-right:10px;}
#checkout .nav-pills > li > a {display: flex; align-items: center; justify-content: center; background: #f3f3f3;}
#checkout .nav-pills > li.active > a{background: #929aa9;} 

#shipping_address #change_address{width: 100%;} 
#shipping_address .panel{ border-color: #868e9c;} 
#shipping_address .panel > .panel-heading{border-color: #868e9c; background: #929aa9; padding: 10px 15px; color: #fff;}
#shipping_address .panel > .panel-body{padding: 15px;}
#shipping_address .alert.alert-info + .contentText{display: flex; flex-wrap: wrap;}
#shipping_address .alert.alert-info + .contentText > div{margin-bottom:20px;}
#shipping_address .alert.alert-info + .contentText .panel{height: 100%;}
#shipping_address .alert.alert-info + .contentText .panel > .panel-body{height: calc(100% - 87px);}

#new_address {float: left; width: 100%; margin: 15px 0 0;}
#new_address .contentText{float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#new_address .contentText .form-group{float: left; width:51.5%; flex-direction: column; display: flex;}
#new_address .contentText .control-label{text-align: left !important; width:100%; }
#new_address .contentText .col-xs-9{width: 100%; position: relative; } 
#form_shipping_address .buttonAction{float: left; }
@media screen and (max-width:767px){
    #shipping_address .alert.alert-info + .contentText > div{width: 100%;}
    #shipping_address,#new_address > div{padding-left: 0; padding-right: 0;}
    /* #form_shipping_address .buttonSet{padding: 0px; } */
}
@media screen and (max-width:640px){
    #new_address .contentText .form-group{ width:100%; margin: 0 0 15px; }
    #new_address .contentText .control-label { padding: 0 0 3px; }
    #new_address .contentText .col-xs-9{padding: 0;}    
}   

.shipping-address-methods{float: left; width: 100%; padding: 0 10px;}
.shipping-address-methods #shipping_address{padding-right: 30px;}
.shipping-address-methods #shipping_method{padding-left: 30px; border-left: 1px solid #e0e0e0;}
.shipping-address-methods h2{border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 15px;}
.shipping-address-methods h2 + b{font-size: 20px; font-weight: normal; margin-bottom: 15px; display: inline-block; width: 100%;}
.shipping-address-methods #shipping_method .contentText .col-xs-4{border-right: 1px solid #ddd;}
.shipping-address-methods #shipping_address .alert-warning button{margin-top: 15px;}
@media screen and (max-width:767px){
    #shipping_address, #new_address > div{padding-left: 15px; padding-right: 15px;}
    .shipping-address-methods #shipping_method{padding-left: 15px; border-left: 0;}
    .shipping-address-methods #shipping_address{ padding-right: 15px;}
    .shipping-address-methods{padding: 0;}
    #checkout{padding: 15px;}
    .shipping-address-methods #footer_buttons .pull-right{float: left !important; margin-top: 15px; clear: both;}
}

form[name="contact_us"]{width:100%; display:inline-block; background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; padding: 25px; flex-wrap: wrap;}
form[name="contact_us"] .inputRequirement {width: 100%; text-align:left;}
form[name="contact_us"] .form-group{width:calc( 50% - 15px); float: left; margin:0 15px 15px 0; flex-direction: column; display: flex;}
form[name="contact_us"] .form-group:nth-child(5) { width: calc( 100% - 15px);}
form[name="contact_us"] .control-label{text-align: left !important; width:100%; padding: 0 0 3px; }
form[name="contact_us"] .contentText{width: calc(100% + 15px);}
form[name="contact_us"] .contentText .col-xs-9{width: 100%; position: relative; padding: 0;}
form[name="contact_us"] .contentText .col-xs-9  .form-control-feedback{position: absolute; left:15px; right: auto; color: red; font-size:8px; width: auto;}
form[name="contact_us"] .contentText .col-xs-9  .form-control{margin-bottom:5px;display:inline;border:1px solid #cbcbcb;border-radius:0;background:#fff;height:45px;box-shadow:none;order: 3; padding-left: 30px;}
form[name="contact_us"] .contentText .col-xs-9  textarea.form-control{height: 150px;}
form[name="contact_us"] .form-group  label[for="inputEnquiry"] + div{padding: 0;}
form[name="contact_us"] .buttonSet{float: left; width: 100%;}
form[name="contact_us"] .buttonAction{float: left; }
@media screen and (max-width:520px){
    form[name="contact_us"] .form-group{width:calc(100% - 15px);}
}

.payment-information #billing_address{padding-right: 30px;}
.payment-information #billing_address .panel-primary{ border-color: #d4d4d4;}
.payment-information #billing_address .panel-primary > .panel-heading{  border-color: #a2784b;}
.payment-information #payment_method{padding-left: 30px;  border-left: 1px solid #e0e0e0;}
.payment-information #comments_block{margin-top: 15px;}
table.infoBox .infoBoxContents{font-weight: bold;}
table.infoBox .infoBoxContents .form-control{margin-top: 7px;}
@media screen and (max-width:767px){
    .payment-information #billing_address{padding-right:15px;}
.payment-information #payment_method{padding-left: 15px; padding-top: 30px; margin-top: 30px; border-left: 0;  border-top: 1px solid #e0e0e0;}
}

.checkout-confirmation #payment_details {padding: 10px 0; /* border-bottom: 1px solid #f3f3f3; */}
.checkout-confirmation #payment_details table td:last-child{width: 130px;}
.checkout-confirmation #payment_details table td{padding: 3px 20px;}
.checkout-confirmation #product_details table th, .checkout-confirmation #product_details table td {padding: 5px 20px; border: 1px solid #ededed;}
.checkout-confirmation #product_details table th { padding: 14px 20px; background: #f3f3f3;}
.checkout-confirmation #product_details table th,.checkout-confirmation #product_details table td{text-align: right;}
.checkout-confirmation #product_details table th:first-child,.checkout-confirmation #product_details table td:first-child{text-align: left;} 
.checkout-confirmation #product_details.table-responsive{border:0; border-bottom: 1px solid #f3f3f3; margin-bottom: 15px;}
.checkout-confirmation #product_details table {min-width: 500px;}

@media screen and (max-width: 767px){
  .table-responsive{border: none !important;}
} 

.order-information .address-row .col-sm-4:first-child .panel-body,.order-information .address-row .col-sm-4:nth-child(2) .panel-body{min-height: 170px;}
.order-information .panel-info > .panel-heading {background-color: #d2aa8e; border-color: #c19779; color: #fff;}
.order-information .panel-default>.panel-heading .badge{color: #f5f5f5; background-color: #d2aa8e;}
.order-history .panel-info > .panel-heading{background-color: #d2aa8e; border-color: #c19779; color: #fff;}

.checkout-success{background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; margin:0px 0 20px; padding: 40px; }

.editor-data{display: inline-block; width: 100%; background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; margin:15px 0 20px; padding: 40px;}
.editor-data ul{margin-bottom: 15px;}
.editor-data h1,.editor-data h2,.editor-data h3,.editor-data h4,.editor-data h5,.editor-data h6{margin-bottom: 15px;}
@media screen and (max-width: 767px){
  .editor-data{padding: 20px;}
}

.main-banner{float:left; width:100%; overflow:hidden;}
.main-banner .carousel-control{display: flex; align-items: center; justify-content: center; font-size: 40px; font-size: 40px;}
.main-banner .carousel-control:hover{ opacity: 1; }
div#product-details{display: inline-block;}
div#product_name { display: inline-block; width: 100%; }
@media screen and (max-width: 767px){
  div#product_name { margin-top: 30px; }
  .main-banner .carousel-control{background: none; color: #000; text-shadow: none;}
}

.home-product-wrapp{float:left; width:100%; padding-top:50px;}

.page-404{float: left; width: 100%; padding: 50px 0;}


.account-history-aside{width:100%; display:inline-block; background:#fff; box-shadow:0 0 5px #dcdcdc; border-radius:9px; padding:40px 25px; flex-wrap: wrap; margin: 25px 0;}