body{ background-color:#fff; color:#000000;}

.header {background:#FEDD32; padding:0; }

.top-menu{background:#000;color:#d3d3d3;font:bold 18px/25px 'lato', sans-serif; padding:0px 0px;border-right: 1px solid #208d7b;border-bottom:1px #208d7b solid;}
.top-menu ul li a{color:#FFF;font:bold 18px/25px 'lato', sans-serif; padding:8px 30px 8px 30px;}
.top-menu ul li a:hover,
.top-menu ul li.active > a,
.top-menu ul li:hover > a{color:#FFF;background-color:#313131; }
.top-menu ul ul{background:#F9C39B;}
.top-menu ul ul li a{color:#fff;}
.top-menu ul ul li a:hover,
.top-menu ul ul li.active > a,
.top-menu ul ul li:hover > a{color:#fff; background:#FFD800;}

.btn-atc{background:#292622;}
.btn-checkout{background:#F9C39B;}
.btn-atc:hover, .btn-checkout:hover{background:#f5821f;}

.button{background:#FEDD32; color:#000;border-radius:5px;}
.button:hover{background:#fcd301; color:#000;}

.button2{background:#FEDD32; color:#000;border-radius:5px;}
.button2:hover{background:#fcd301; color:#000;}

.button2.ckout{background:#006d31;}
.button2.ckout:hover{background:#f99527;}

h1.title{color:#757575;}

.chk-step span{background:#383838; color:#ffffff;}
.chk-step span.active{background:#e20e25;}

.error{ color: red !important;}

.box-cusdetail{border:solid 1px #a3a3a3; background:#fff;}
.box-cusdetail h2{background: #F9C39B; color:#fff; border-bottom:solid 1px #fff;}

.box-order-summary{border:solid 1px #a3a3a3; background:#fff;}
.box-order-summary h2{background:#F9C39B; color:#fff;}

.accountsummary{border:solid 1px #979795; background:#ffffff;}
.accountsummary th{background:#000; color:#fff;}
.accountsummary tr:nth-child(odd) td{background:#e3e3e3;}

.transaction-history{ border:solid 1px #979795; background:#ffffff;}
.transaction-history h2{background:#000; color:#fff;}
.transaction-history th{background:#C1C1C1; color:#000;}
.transaction-history td{background:#fff; color:#000;}
.transaction-history tr:nth-child(even) td{background:#e3e3e3;}


.footer-top{background:#000; color:#fff;}
.footer-top-link a{color:#fff;}
.footer-bottom{background:#ffffff;}

div#hspager
{ display: none !important; }




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

#slidingMenu{ background-color:#707070;}

nav#navMenu ul li a{text-align:left;border-bottom:1px solid #f2f2f2;padding:12px 25px;color:#FFF;}

.navMenu-main {	top:5px;}
.navMenu-main #menu {background:#FEDD32;color:#FEDD32;}
.navMenu-main #menu:hover {background:#FEDD32;}

.top-menu ul li:hover > a{color:#FFF;background-color:#FEDD32; }

.product-grid .product-box .form-group .pgc{float:left; width:80px; margin-right:10px;}
.product-grid .product-box .form-group .error-box{height:5px;}

.top-menu ul li a{color:#fa61a5;}
.top-menu ul li.last{float:none; }

.header{ position: sticky; top: 0; z-index:9990; width: 100%;border:#e5e5e5 solid 1px}

.siz1{width:98% !important;}

.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {width:1.25rem;height:0.12rem;background:#404040;border-radius:.0625rem;}
.gn-icon-menu {padding:0px 4px 0px 8px;

}

.image_full{display:none; }
.image_mobile{display:block;margin-left:auto; margin-right:auto; }

.btn-atc{float:left;}
.btn-atc:hover,.btn-checkout:hover{float:left;}	



#main{padding:20px 0 0px;}

.footer-top{padding-bottom:25px;}


}


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

.product-grid .product-box .thumb img{padding-left:18%;}
.footer-bottom{text-align:left; padding:0;}
.box-cusdetail .tabcon{padding:10px;}
.cb_mid {float:left;margin-left:0px;}
.popup .con{padding-top:0px;}
}


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

.logo{text-align:left;}
.logo img{width:auto;padding-top:7px;}
.product-grid .product-box .thumb img{padding-left:10%;}
.box-cusdetail .tabcon{padding:5px;}

}