/* LABEL */
.productnue {margin:0 auto;padding:0;position:absolute;z-index:9;bottom:20px;right:10px;}
.productnue span {padding:10px 5px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#F89921;color:#fff;border-radius:20px;}
.producthot {margin:0 auto;padding:0;position:absolute;z-index:9;top:10px;right:10px;}
.producthot img {width:35px;height:35px;margin:0 auto;padding:0;}
.producthot span {padding:8px 5px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#C00;color:#fff;border-radius:20px;}

.pricenormal {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#000;}
.pricediskon {margin:0 5px 0 0;padding:1px 3px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#FFDBE2;color:#F94D63;border-radius:3px;float:left;}
.pricegreeys {margin:0 auto;padding:1px 0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;float:left;}
.priceredses {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
@media screen and (max-width:990px)
{
	.productnue {margin:0 auto;padding:0;text-align:right;float:right;}
	.productnue span {padding:10px 5px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#F89921;color:#fff;border-radius:20px;}
	.producthot {margin:0 auto;padding:0;text-align:right;float:right;}
	.producthot img {width:35px;height:35px;margin:0 auto;padding:0;}
	.producthot span {padding:8px 5px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#6F293B;color:#fff;border-radius:20px;}
	
	.pricenormal {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#000;}
	.pricediskon {margin:0 5px 0 0;padding:1px 3px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#FFDBE2;color:#F94D63;border-radius:3px;float:left;}
	.pricegreeys {margin:0 auto;padding:1px 0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;float:left;}
	.priceredses {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
}
/* ==================================================================================================== */

/* PRODUCT CATEGORY HOME */
#bgproductcathome {width:100%;margin:0 auto;padding:50px 0;}
#boproductcathome {width:1160px;margin:0 auto;padding:0;}
#productcathomebox {width:18%;float:left;margin:0 1%;padding:0;position:relative;}
.productcathomeimg {width:100%;height:auto;overflow:hidden;border-radius:8px;line-height:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.productcathomeimg img {width:100%;height:auto;}
.productcathomeimg:hover {opacity:0.8;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
.productcathometit {width:100%;margin:0 auto;padding:10px 0;font-weight:400;font-size:20px;font-family:'Anton', sans-serif;text-align:center;color:#231F20;line-height:1;}
@media screen and (max-width:990px)
{
	#bgproductcathome {width:90%;margin:0 auto;padding:5% 0;overflow-x:scroll;overflow-y:hidden;}
	#boproductcathome {width:1200px;margin:0 auto;padding:0;}
	#productcathomebox {width:14.66%;float:left;margin:0 1%;padding:0;}
	.productcathomeimg {width:100%;height:auto;overflow:hidden;border-radius:8px;line-height:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
	.productcathomeimg img {width:100%;height:auto;}
	.productcathomeimg:hover {opacity:0.8;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
	.productcathometit {width:100%;margin:0 auto;padding:10px 0;font-weight:400;font-size:20px;font-family:'Anton', sans-serif;text-align:center;color:#231F20;line-height:1;}
}
/* ==================================================================================================== */

/* PRODUCT CATEGORY PAGE */
#bgproductcat {width:100%;margin:0 auto;padding:20px 0;}
#boproductcat {width:1160px;margin:0 auto;padding:0;}
#productcatbox {width:31.33%;float:left;margin:0 1% 2%;padding:0;position:relative;}
.productcatimg {width:100%;height:auto;overflow:hidden;border-radius:8px;line-height:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.productcatimg img {width:100%;height:auto;}
.productcatimg:hover {opacity:0.8;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
.productcattit {width:90%;margin:0 5%;padding:10px 0;font-weight:400;font-size:30px;font-family:'Anton', sans-serif;text-align:center;color:#fff;position:absolute;z-index:9;top:43%;line-height:1;background:rgba(0,0,0,0.5);border-radius:8px;letter-spacing:2px;}
@media screen and (max-width:990px)
{
	#bgproductcat {width:100%;margin:0 auto;padding:0;}
	#boproductcat {width:100%;margin:0 auto;padding:0;}
	#productcatbox {width:46%;float:left;margin:0 2% 4%;padding:0;position:relative;}
	.productcatimg {width:100%;height:auto;overflow:hidden;border-radius:8px;line-height:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
	.productcatimg img {width:100%;height:auto;}
	.productcatimg:hover {opacity:0.8;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
	.productcattit {width:90%;margin:0 5%;padding:10px 0;font-weight:400;font-size:20px;font-family:'Anton', sans-serif;text-align:center;color:#fff;position:absolute;z-index:9;top:43%;line-height:1;background:rgba(0,0,0,0.5);border-radius:8px;letter-spacing:2px;}
}
/* ==================================================================================================== */

/* PRODUK BEST SELLER */
#bgproductbestseller {width:100%;margin:0 auto;padding:0;background:#f9f9f9;}
#boproductbestseller {width:1160px;margin:0 auto;padding:20px 0;}

#boproductbestsellertop {margin:0 auto 10px;padding:0;}
.productbestsellertoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

#boproductbestsellerbot {margin:0 auto;padding:0;}
#productbestseller {width:15.66%;float:left;margin:0 0.5% 1%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#productbestseller:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productbestsellertop {margin:0 auto;padding:0;position:relative;}

.resproductbestseller {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
.rowproductbestseller {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
.colproductbestseller {margin:0 auto;display:block;}

.productbestsellerimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;}
.productbestsellerimg:hover {background:none;} 
.productbestsellerimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productbestsellerimg .capproductbestseller {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
.productbestsellerimg:hover .capproductbestseller {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductbestseller {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productbestsellerbot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
.productbestsellertit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productbestsellerpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productbestsellerprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productbestsellerprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productbestsellercat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
	#bgproductbestseller {width:100%;margin:0 auto;padding:0;background:#f9f9f9;}
	#boproductbestseller {width:90%;margin:0 auto;padding:5% 0;}

	#boproductbestsellertop {margin:0 auto 10px;padding:0;}
	.productbestsellertoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

	#boproductbestsellerbot {margin:0 auto;padding:0;}
	#productbestseller {width:46%;float:left;margin:0 2% 5%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#productbestseller:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#productbestsellertop {margin:0 auto;padding:0;position:relative;}

	.resproductbestseller {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
	.rowproductbestseller {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
	.colproductbestseller {margin:0 auto;display:block;}

	.productbestsellerimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productbestsellerimg:hover {background:none;} 
	.productbestsellerimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productbestsellerimg .capproductbestseller {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
	.productbestsellerimg:hover .capproductbestseller {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductbestseller {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productbestsellerbot {height:auto;margin:0 auto;padding:5%;clear:both;position:relative;}
	.productbestsellertit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productbestsellerpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productbestsellerprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productbestsellerprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productbestsellercat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */

/* NEW ARRIVAL */
#bgproductnewarrival {width:100%;margin:0 auto;padding:0;}
#boproductnewarrival {width:1160px;margin:0 auto;padding:20px 0;}

#boproductnewarrivaltop {margin:0 auto 10px;padding:0;}
.productnewarrivaltoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

#boproductnewarrivalbot {margin:0 auto;padding:0;}
#productnewarrival {width:15.66%;float:left;margin:0 0.5%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#productnewarrival:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productnewarrivaltop {margin:0 auto;padding:0;position:relative;}

.resproductnewarrival {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
.rowproductnewarrival {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
.colproductnewarrival {margin:0 auto;display:block;}

.productnewarrivalimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
.productnewarrivalimg:hover {background:none;} 
.productnewarrivalimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productnewarrivalimg .capproductnewarrival {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
.productnewarrivalimg:hover .capproductnewarrival {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductnewarrival {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productnewarrivalbot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
.productnewarrivaltit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productnewarrivalpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productnewarrivalprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productnewarrivalprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productnewarrivalcat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
	#bgproductnewarrival {width:100%;margin:0 auto;padding:0;}
	#boproductnewarrival {width:90%;margin:0 auto;padding:20px 0;}

	#boproductnewarrivaltop {margin:0 auto 10px;padding:0;}
	.productnewarrivaltoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

	#boproductnewarrivalbot {margin:0 auto;padding:0;}
	#productnewarrival {width:46%;float:left;margin:0 2% 5%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#productnewarrivaltop {margin:0 auto;padding:0;position:relative;}

	.resproductnewarrival {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
	.rowproductnewarrival {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
	.colproductnewarrival {margin:0 auto;display:block;}

	.productnewarrivalimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productnewarrivalimg:hover {background:none;}
	.productnewarrivalimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productnewarrivalimg .capproductnewarrival {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
	.productnewarrivalimg:hover .capproductnewarrival {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductnewarrival {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productnewarrivalbot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
	.productnewarrivaltit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productnewarrivalpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productnewarrivalprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productnewarrivalprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productnewarrivalcat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */

/* PROMO */
#bgproductpromo {width:100%;margin:0 auto;padding:0;background:#f0f0f0;}
#boproductpromo {width:1160px;margin:0 auto;padding:20px 0;}

#boproductpromotop {margin:0 auto 10px;padding:0;}
.productpromotoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productpromotoptit span {font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;color:#F89921;}

#boproductpromobot {margin:0 auto;padding:0;}
#productpromo {width:auto;float:left;margin:0 auto;padding:0;box-sizing:border-box;border-radius:8px;background:#fff;}
#productpromo:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productpromotop {margin:0 auto;padding:0;position:relative;}

.resproductpromo {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
.rowproductpromo {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
.colproductpromo {margin:0 auto;display:block;}

.productpromoimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
.productpromoimg:hover {background:none;} 
.productpromoimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productpromoimg .capproductpromo {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
.productpromoimg:hover .capproductpromo {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductpromo {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productpromobot {min-height:auto;margin:0 auto;padding:10px;clear:both;position:relative;}
.productpromotit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productpromopri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productpromoprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productpromoprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productpromocat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
	#bgproductpromo {width:100%;margin:0 auto;padding:0;}
	#boproductpromo {width:90%;margin:0 auto;padding:20px 0;}

	#boproductpromotop {margin:0 auto 10px;padding:0;}
	.productpromotoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productpromotoptit span {font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;color:#F89921;}
	
	#boproductpromobot {margin:0 auto;padding:0;}
	#productpromo {width:auto;float:left;margin:0 auto;padding:0;box-sizing:border-box;border-radius:8px;background:#fff;}
	#productpromo:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#productpromotop {margin:0 auto;padding:0;position:relative;}

	.resproductpromo {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
	.rowproductpromo {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
	.colproductpromo {margin:0 auto;display:block;}

	.productpromoimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productpromoimg:hover {background:none;} 
	.productpromoimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productpromoimg .capproductpromo {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
	.productpromoimg:hover .capproductpromo {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductpromo {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productpromobot {min-height:auto;margin:0 auto;padding:10px;clear:both;position:relative;}
	.productpromotit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productpromopri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productpromoprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productpromoprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productpromocat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */

/* PROMO PAGE */
#bgproductpromopage {width:100%;margin:0 auto;padding:50px 0;}
#boproductpromopage {width:1160px;margin:0 auto;padding:0;}

#boproductpromopagetop {margin:0 auto 10px;padding:0;} 
.productpromopagetoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

#boproductpromopagebot {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#productpromopage {width:14.66%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#productpromopage:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productpromopagetop {margin:0 auto;padding:0;position:relative;}

.resproductpromopage {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
.rowproductpromopage {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
.colproductpromopage {margin:0 auto;display:block;}

.productpromopageimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;}
.productpromopageimg:hover {background:none;} 
.productpromopageimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productpromopageimg .capproductpromopage {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
.productpromopageimg:hover .capproductpromopage {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductpromopage {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productpromopagebot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
.productpromopagetit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productpromopagepri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productpromopageprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productpromopageprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productpromopagecat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
	#bgproductpromopage {width:100%;margin:0 auto;padding:5% 0 0;}
	#boproductpromopage {width:90%;margin:0 auto;padding:0;}

	#boproductpromopagetop {margin:0 auto 10px;padding:0;}
	.productpromopagetoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

	#boproductpromopagebot {margin:0 auto;padding:0;}
	#productpromopage {width:46%;float:left;margin:0 2% 5%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#productpromopage:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#productpromopagetop {margin:0 auto;padding:0;position:relative;}

	.resproductpromopage {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
	.rowproductpromopage {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
	.colproductpromopage {margin:0 auto;display:block;}

	.productpromopageimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productpromopageimg:hover {background:none;} 
	.productpromopageimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productpromopageimg .capproductpromopage {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
	.productpromopageimg:hover .capproductpromopage {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductpromopage {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productpromopagebot {height:100px;margin:0 auto;padding:5%;clear:both;position:relative;}
	.productpromopagetit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productpromopagepri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productpromopageprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productpromopageprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productpromopagecat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */

/* PRODUK RELATED */ 
#bgproductrelated {width:100%;margin:0 auto;padding:50px 0;}
#boproductrelated {width:1160px;margin:0 auto;padding:0;}

#boproductrelatedtop {margin:0 auto 10px;padding:0;} 
.productrelatedtoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

#boproductrelatedbot {margin:0 auto;padding:0;}
#productrelated {width:18%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#productrelated:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productrelatedtop {margin:0 auto;padding:0;position:relative;}

.resproductrelated {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
.rowproductrelated {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
.colproductrelated {margin:0 auto;display:block;}

.productrelatedimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;}
.productrelatedimg:hover {background:none;} 
.productrelatedimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productrelatedimg .capproductrelated {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
.productrelatedimg:hover .capproductrelated {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductrelated {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productrelatedbot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
.productrelatedtit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productrelatedpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productrelatedprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productrelatedprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productrelatedcat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
	#bgproductrelated {width:100%;margin:0 auto;padding:5% 0 0;}
	#boproductrelated {width:90%;margin:0 auto;padding:0;}

	#boproductrelatedtop {margin:0 auto 10px;padding:0;}
	.productrelatedtoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

	#boproductrelatedbot {margin:0 auto;padding:0;}
	#productrelated {width:46%;float:left;margin:0 2% 5%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#productrelated:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#productrelatedtop {margin:0 auto;padding:0;position:relative;}

	.resproductrelated {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
	.rowproductrelated {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
	.colproductrelated {margin:0 auto;display:block;}

	.productrelatedimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productrelatedimg:hover {background:none;} 
	.productrelatedimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productrelatedimg .capproductrelated {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
	.productrelatedimg:hover .capproductrelated {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductrelated {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productrelatedbot {height:100px;margin:0 auto;padding:5%;clear:both;position:relative;}
	.productrelatedtit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productrelatedpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productrelatedprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productrelatedprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productrelatedcat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */

/* SEARCH RESULT */
#bgproductresult {width:100%;margin:0 auto;padding:50px 0;}
#boproductresult {width:1160px;margin:0 auto;padding:0;}

#boproductresulttop {margin:0 auto 10px;padding:0;} 
.productresulttoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

#boproductresultbot {margin:0 auto;padding:0;}
#productresult {width:14.66%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#productresult:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productresulttop {margin:0 auto;padding:0;position:relative;}

.resproductresult {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
.rowproductresult {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
.colproductresult {margin:0 auto;display:block;}

.productresultimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;}
.productresultimg:hover {background:none;} 
.productresultimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productresultimg .capproductresult {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
.productresultimg:hover .capproductresult {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductresult {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productresultbot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
.productresulttit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productresultpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productresultprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productresultprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productresultcat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
@media screen and (max-width:990px)
{
	#bgproductresult {width:100%;margin:0 auto;padding:5% 0 0;}
	#boproductresult {width:90%;margin:0 auto;padding:0;}

	#boproductresulttop {margin:0 auto 10px;padding:0;}
	.productresulttoptit {font-weight:700;font-size:25px;font-family:'Titillium Web', sans-serif;color:#231F20;}

	#boproductresultbot {margin:0 auto;padding:0;}
	#productresult {width:46%;float:left;margin:0 2% 5%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#productresult:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#productresulttop {margin:0 auto;padding:0;position:relative;}

	.resproductresult {width:100%;height:auto;float:left;margin:0 auto;padding:0;}
	.rowproductresult {width:100%;margin:0 auto;padding:0;border-collapse:separate;display:table;}
	.colproductresult {margin:0 auto;display:block;}

	.productresultimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productresultimg:hover {background:none;} 
	.productresultimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productresultimg .capproductresult {width:100%;height:auto;padding:0;opacity:0;position:absolute;bottom:0px;left:0px;color:#666;background:none;line-height:0;}
	.productresultimg:hover .capproductresult {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductresult {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productresultbot {height:100px;margin:0 auto;padding:5%;clear:both;position:relative;}
	.productresulttit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productresultpri {margin:0 auto 5px;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productresultprigre {font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productresultprired {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productresultcat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
}
/* ==================================================================================================== */

/* PRODUCT PAGE MAIN */
#bgproductpage {width:100%;margin:0 auto;padding:20px 0;}
#boproductpage {width:1160px;margin:0 auto;padding:0;}

#bgproductmain {width:100%;margin:0 auto;padding:0;}
#boproductmain {width:100%;margin:0 auto;padding:0;}

#boproductmainhead {margin:0 auto;padding:0;}
#boproductmainheadtop {margin:0 auto 2%;padding:0;}
.boproductmainheadtopbre {margin:0 auto;padding:5px 10px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);text-transform:uppercase;border-radius:8px}
.boproductmainheadtopbre a {color:#231F20;}
.boproductmainheadtopbre a:hover {color:#C00;}
#boproductmainheadmid {margin:0 auto 2%;padding:0;}
.boproductmainheadmidtit {width:50%;float:left;margin:0 auto;padding:0;font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.boproductmainheadmidfil {width:50%;float:left;text-align:right;}
.filterbox {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;display:block;}
.filterbox select {width:auto;padding:5px;border:1px solid #ddd;font-size:14px;font-family:'Titillium Web', sans-serif;border-radius:8px}
.filterbox select:focus {outline:none;}
.filterboxchoose {padding:0;}

#boproductmainbodi {margin:0 auto;padding:0;}
#boproductmainbodibox {margin:0 auto;padding:0;}

#productmain {width:17.7%;float:none;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);display:inline-block;}
#productmain:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#productmaintop {margin:0 auto;padding:0;position:relative;}
.resproductmain {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
.rowproductmain {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
.colproductmain {display:block;margin:0 auto;}

.productmainimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
.productmainimg:hover {background:none;} 
.productmainimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.productmainimg .capproductmain {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;line-height:0;}
.productmainimg:hover .capproductmain {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
.capproductmain {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#productmainbot {min-height:130px;margin:0 auto;padding:10px;clear:both;position:relative;}
.productmaintit {margin:0 auto;padding:0;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
.productmainpri {margin:0 auto 5px;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productmainprigre {font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
.productmainprired {font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
.productmaincat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}

#boproductmainpage {margin:0 auto;padding:0;}
#boproductmainbodibox {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgproductpage {width:100%;margin:0 auto;padding:5% 0;}
	#boproductpage {width:90%;margin:0 auto;padding:0;}

	#bgproductmain {width:100%;margin:0 auto;padding:0;}
	#boproductmain {width:100%;margin:0 auto;padding:0;}

	#boproductmainhead {margin:0 auto;padding:0;}
	#boproductmainheadtop {margin:0 auto 5%;padding:0;}
	.boproductmainheadtopbre {margin:0 auto;padding:5px 10px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);text-transform:uppercase;border-radius:8px}
	.boproductmainheadtopbre a {color:#231F20;}
	.boproductmainheadtopbre a:hover {color:#C00;}
	#boproductmainheadmid {margin:0 auto 5%;padding:0;}
	.boproductmainheadmidtit {width:100%;float:left;margin:0 auto 2%;padding:0;font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;text-align:center;text-transform:uppercase;}
	.boproductmainheadmidfil {width:100%;float:left;text-align:right;}
	.filterbox {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;display:block;}
	.filterbox select {width:100%;padding:5px;border:1px solid #ddd;font-size:14px;font-family:'Titillium Web', sans-serif;border-radius:8px}
	.filterboxchoose {padding:0;}

	#boproductmainbodi {margin:0 auto;padding:0;}
	#boproductmainbodibox {margin:0 auto;padding:0;}
	
	#productmain {width:47.5%;float:none;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);display:inline-block;}
	
	#productmain:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#productmaintop {margin:0 auto;padding:0;position:relative;}
	.resproductmain {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
	.rowproductmain {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
	.colproductmain {display:block;margin:0 auto;}

	.productmainimg {width:100%;height:auto;overflow:hidden;padding:0;position:relative;line-height:0;} 
	.productmainimg:hover {background:none;} 
	.productmainimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.productmainimg .capproductmain {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;line-height:0;}
	.productmainimg:hover .capproductmain {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;line-height:0;}
	.capproductmain {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#productmainbot {min-height:auto;margin:0 auto;padding:10px;clear:both;position:relative;}
	.productmaintit {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.productmainpri {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productmainprigre {font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
	.productmainprired {font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:#C00;}
	.productmaincat {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;}
	#boproductmainpage {margin:0 auto;padding:0;}
	#boproductmainbodibox {margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* PRODUCT ATT COLOR */
.productatt {margin:10px auto 0;padding:0;}
.black {width:5px;height:5px;background:black;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.army {width:5px;height:5px;background:#415134;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.navy {width:5px;height:5px;background:navy;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.grey {width:5px;height:5px;background:grey;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.maroon {width:5px;height:5px;background:maroon;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.red {width:5px;height:5px;background:red;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.yellow {width:5px;height:5px;background:yellow;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.white {width:5px;height:5px;background:white;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);}
.gold {width:5px;height:5px;background:gold;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.silver {width:5px;height:5px;background:silver;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
.brown {width:5px;height:5px;background:brown;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
@media screen and (max-width:990px)
{
	.productatt {margin:10px auto 0;padding:0;}
	.black {width:5px;height:5px;background:black;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.army {width:5px;height:5px;background:#415134;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.navy {width:5px;height:5px;background:navy;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.grey {width:5px;height:5px;background:grey;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.maroon {width:5px;height:5px;background:maroon;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.red {width:5px;height:5px;background:red;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.yellow {width:5px;height:5px;background:yellow;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.white {width:5px;height:5px;background:white;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);}
	.gold {width:5px;height:5px;background:gold;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.silver {width:5px;height:5px;background:silver;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
	.brown {width:5px;height:5px;background:brown;line-height:0;margin-right:2px;padding:5px;float:left;border-radius:10px;}
}

/* PAGING */
#bgpage {background:#fff;margin:20px 0;padding:10px 0;text-align:right;border-top:1px solid #ddd;}
#pageinfo {margin:0 auto;float:left;}
.pagingact {padding:5px 10px;margin:0 auto;background:#000;color:#fff;border:1px solid #666;border-radius:8pxmargin:0 2px;}
.paging {padding:5px 10px;margin:0 auto;background:#fff;color:#666;border:1px solid #666;border-radius:8pxmargin:0 2px;}
.paging:hover {padding:5px 10px;margin:0 auto;background:#000;color:#fff;border:1px solid #666;border-radius:8pxmargin:0 2px;}
.pagingacts {padding:5px 10px;margin:0 auto;background:#fff;color:#fff;display:none;}
@media screen and (max-width:980px)
{
	#bgpage {background:#fff;margin:20px 0;padding:10px 0;text-align:right;border-top:1px solid #ddd;}
	#pageinfo {margin:0 auto;float:left;}
	.pagingact {padding:5px 10px;margin:0 auto;background:#000;color:#fff;border:1px solid #666;border-radius:8pxmargin:0 2px;}
	.paging {padding:5px 10px;margin:0 auto;background:#fff;color:#666;border:1px solid #666;border-radius:8pxmargin:0 2px;}
	.paging:hover {padding:5px 10px;margin:0 auto;background:#000;color:#fff;border:1px solid #666;border-radius:8pxmargin:0 2px;}
	.pagingacts {padding:5px 10px;margin:0 auto;background:#fff;color:#fff;display:none;}
}
/* ==================================================================================================== */

/* TAB DESCRIPTIONS */
ul.tabs {margin:0 auto;padding:0;list-style:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
ul.tabs li {width:auto;margin:0 auto;padding:5px 10px;color:#666;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;display:inline-block;cursor:pointer;}
ul.tabs li.current {margin:0 auto;padding:5px 10px;color:#F89921;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;border-bottom:2px solid #F89921;}
.tab-content {display:none;padding:10px 0;font-size:14px}
.tab-content ul {margin-left:0}
.tab-content.current {display:block}
@media screen and (max-width: 990px)
{
	ul.tabs {margin:0 auto;padding:0;list-style:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	ul.tabs li {width:auto;margin:0 auto;padding:5px 10px;color:#666;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;display:inline-block;cursor:pointer;}
	ul.tabs li.current {margin:0 auto;padding:5px 10px;color:#F89921;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;border-bottom:2px solid #F89921;}
	.tab-content {display:none;padding:10px 0;font-size:14px}
	.tab-content ul {margin-left:0}
	.tab-content.current {display:block}
}
/* ==================================================================================================== */

/* TAB COMMENTS */
ul.tabscom {margin:0 auto;padding:0;list-style:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
ul.tabscom li {width:auto;margin:0 auto;padding:5px 10px;color:#666;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;display:inline-block;cursor:pointer;}
ul.tabscom li.current {margin:0 auto;padding:5px 10px;color:#F89921;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;border-bottom:2px solid #F89921;}
.tabcom-content {display:none;padding:10px 0;font-size:14px}
.tabcom-content ul {margin-left:0}
.tabcom-content.current {display:block}
@media screen and (max-width: 990px)
{
	ul.tabscom {margin:0 auto;padding:0;list-style:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	ul.tabscom li {width:auto;margin:0 auto;padding:5px 10px;color:#666;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;display:inline-block;cursor:pointer;}
	ul.tabscom li.current {margin:0 auto;padding:5px 10px;color:#F89921;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;border-bottom:2px solid #F89921;}
	.tabcom-content {display:none;padding:10px 0;font-size:14px}
	.tabcom-content ul {margin-left:0}
	.tabcom-content.current {display:block}
}
/* ==================================================================================================== */

/* PRODUCT DETAILS */
#bgproductdetails {width:100%;margin:0 auto;padding:20px 0;}
#boproductdetails {width:1160px;margin:0 auto;padding:0;}

#productdetailstop {margin:0 auto;padding:0;}

/* LEFT */
#productdetailsleft {width:25%;float:left;}
.productdetailsleftimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 1%;vertical-align:top;text-align:center;}
.productdetailsleftimg img {width:100%;height:auto;border-radius:8px;}

#productdetailsleftaddimgbox {width:auto;margin:0 auto;text-align:center;}
.productdetailsleftaddimg {width:18%;float:left;margin:0 1% 1%;padding:0;}
.productdetailsleftaddimg img {width:100%;height:auto;border-radius:8px;}

/* MIDDLE */
#productdetailsmidd {width:46%;float:left;margin:0 2%;}
#productdetailsmiddtop {margin:0 auto;padding:0;}
.productdetailsmiddtoptit {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;color:#000;}
.productdetailsmiddtopmet {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#666;text-transform:uppercase;}

#productdetailsmiddcen {margin:5px auto 20px;padding:0;}
.productdetailsmiddtoppri {margin:0 auto;padding:0;}
.pricenor {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#000;}
.pricedis {margin:0 5px 0 0;padding:1px 3px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#FFDBE2;color:#F94D63;border-radius:3px;float:left;}
.pricegre {margin:0 auto;padding:1px 0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;float:left;}
.pricered {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#C00;}

#productdetailsmiddbot {margin:0 auto;padding:0;}
.productdetailsmiddbotdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.productdetailsmiddbotdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.productdetailsmiddbotdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.productdetailsmiddbotdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
.productdetailsmiddbotdes img {width:100%!important;height:auto!important;}
.productdetailsmiddbotdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}

/* RIGHT */
#productdetailsrite {width:25%;float:left;}
#productdetailsritebox {margin:0 auto;padding:20px;border:1px solid #ddd;box-sizing:border-box;border-radius:8px;}
#productdetailsritetop {margin:0 auto;padding:0;}
#productdetailsriteatt {margin:0 auto 10px;padding:0;}
#productdetailsriteattbox {margin:0 auto;padding:0;}
#productdetailsritecar {margin:0 auto 10px;padding:0;}
.productdetailsritecarqty {margin:0 auto 5px;padding:0;}
.productdetailsritecarqty input {width:100%;padding:5px 10px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;box-sizing:border-box;background:#fff;border-radius:3px;}
.productdetailsritecarbtn {margin:0 auto;padding:0;}

#productdetailsritefot {margin:0 auto;padding:0;}
#productdetailsritewat {width:35%;float:left;margin:0 auto;padding:0;text-align:center;}
#productdetailsritewat img {width:20px;height:20px;margin:0 auto;padding:0;}

#productdetailsritewis {width:30%;float:left;margin:0 auto;padding:0 5%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;}
.productdetailsritewisact {width:100%;margin:0 auto;padding:0;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;color:#444;}
.productdetailsritewisact img {width:25px;height:25px;margin:0 auto;padding:0;}
.productdetailsritewisdea {width:100%;margin:0 auto;padding:0;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;color:#444;}
.productdetailsritewisdea img {width:20px;height:20px;margin:0 auto;padding:0;}

#productdetailsritesos {width:35%;float:left;margin:0 auto;padding:0;text-align:center;}
#productdetailsritesos img {width:20px;height:20px;margin:0 auto;padding:0;}
.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgb(0,0,0);background:rgba(0,0,0,0.4);}
.modalcontent {width:20%;background:#fefefe;margin:auto;padding:10px;border:1px solid #888;border-radius:8px;}
.close {color:#aaa;float:right;font-size:28px;font-weight:bold;line-height:0.5;margin-bottom:10px;}
.close:hover, .close:focus {color:#000;text-decoration:none;cursor:pointer;}

/* COMMENTS */
#productdetailsfot {margin:0 auto;padding:0;}
@media screen and (max-width: 990px)
{
	#bgproductdetails {width:100%;margin:0 auto;padding:5% 0;}
	#boproductdetails {width:90%;margin:0 auto;padding:0;}

	#productdetailstop {margin:0 auto 5%;padding:0;}

	/* LEFT */
	#productdetailsleft {width:100%;float:left;margin:0 auto;padding:0;}
	.productdetailsleftimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 1%;vertical-align:top;text-align:center;}
	.productdetailsleftimg img {width:100%;height:auto;border-radius:8px;}

	#productdetailsleftaddimgbox {width:auto;margin:0 auto;text-align:center;}
	.productdetailsleftaddimg {width:18%;float:left;margin:0 1% 1%;padding:0;}
	.productdetailsleftaddimg img {width:100%;height:auto;border-radius:8px;}

	/* MIDDLE */
	#productdetailsmidd {width:100%;float:left;margin:0 auto 5%;padding:0;}
	#productdetailsmiddtop {margin:0 auto;padding:0;}
	.productdetailsmiddtoptit {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;color:#000;}
	.productdetailsmiddtopmet {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#666;text-transform:uppercase;}

	#productdetailsmiddcen {margin:5px auto 20px;padding:0;}
	.productdetailsmiddtoppri {margin:0 auto;padding:0;}
	.pricenor {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#000;}
	.pricedis {margin:0 5px 0 0;padding:1px 3px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#FFDBE2;color:#F94D63;border-radius:3px;float:left;}
	.pricegre {margin:0 auto;padding:1px 0;font-weight:400;font-size:10px;font-family:'Titillium Web', sans-serif;color:#666;float:left;}
	.pricered {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#C00;}

	#productdetailsmiddbot {margin:0 auto;padding:0;}
	.productdetailsmiddbotdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	.productdetailsmiddbotdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	.productdetailsmiddbotdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	.productdetailsmiddbotdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	.productdetailsmiddbotdes img {width:100%!important;height:auto!important;}
	.productdetailsmiddbotdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}

	/* RIGHT */
	#productdetailsrite {width:100%;float:left;margin:0 auto 5%;padding:0;}
	#productdetailsritebox {margin:0 auto;padding:20px;border:1px solid #ddd;box-sizing:border-box;border-radius:8px;}
	#productdetailsritetop {margin:0 auto;padding:0;}
	#productdetailsriteatt {margin:0 auto 10px;padding:0;}
	#productdetailsriteattbox {margin:0 auto;padding:0;}
	#productdetailsritecar {margin:0 auto 10px;padding:0;}
	.productdetailsritecarqty {margin:0 auto 5px;padding:0;}
	.productdetailsritecarqty input {width:100%;padding:5px 10px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;box-sizing:border-box;background:#fff;border-radius:3px;}
	.productdetailsritecarbtn {margin:0 auto;padding:0;}

	#productdetailsritefot {margin:0 auto;padding:0;}
	#productdetailsritewat {width:35%;float:left;margin:0 auto;padding:0;text-align:center;}
	#productdetailsritewat img {width:20px;height:20px;margin:0 auto;padding:0;}

	#productdetailsritewis {width:30%;float:left;margin:0 auto;padding:0 5%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;}
	.productdetailsritewisact {width:100%;margin:0 auto;padding:0;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;color:#444;}
	.productdetailsritewisact img {width:25px;height:25px;margin:0 auto;padding:0;}
	.productdetailsritewisdea {width:100%;margin:0 auto;padding:0;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;color:#444;}
	.productdetailsritewisdea img {width:20px;height:20px;margin:0 auto;padding:0;}

	#productdetailsritesos {width:35%;float:left;margin:0 auto;padding:0;text-align:center;}
	#productdetailsritesos img {width:20px;height:20px;margin:0 auto;padding:0;}
	.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgb(0,0,0);background:rgba(0,0,0,0.4);}
	.modalcontent {width:60%;background:#fefefe;margin:auto;padding:10px;border:1px solid #888;border-radius:8px;}
	.close {color:#aaa;float:right;font-size:28px;font-weight:bold;line-height:0.5;margin-bottom:10px;}
	.close:hover, .close:focus {color:#000;text-decoration:none;cursor:pointer;}

	/* COMMENTS */
	#productdetailsfot {margin:0 auto;padding:0;}
}

/* CATALOG PAGE */
#bgcatalogpage {width:100%;margin:0 auto;padding:20px 0;}
#bocatalogpage {width:1160px;margin:0 auto;padding:0;}

#bocatalogpagehead {margin:0 auto;padding:0;}
#bocatalogpageheadtop {margin:0 auto 2%;padding:0;}
.bocatalogpageheadtopbre {margin:0 auto;padding:5px 10px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);text-transform:uppercase;border-radius:8px}
.bocatalogpageheadtopbre a {color:#231F20;}
.bocatalogpageheadtopbre a:hover {color:#C00;}

#bocatalogpageheadmid {margin:0 auto 30px;padding:0;}
.bocatalogpageheadmidtit {margin:0 auto;padding:0;font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.bocatalogpageheadmiddes {margin:0 auto;padding:0;}

#bocatalogpagebodi {margin:0 auto;padding:0;}
#bocatalogpagebodibox {margin:0 auto;padding:0;}

#catalogpage {width:18%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#catalogpage:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
#catalogpagetop {margin:0 auto;padding:0;}
.rescatalogpage {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
.rowcatalogpage {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
.colcatalogpage {display:block;margin:0 auto;}

.catalogpageimg {position:relative;width:100%;height:auto;overflow:hidden;padding:0;} 
.catalogpageimg:hover {background:none;} 
.catalogpageimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
.catalogpageimg .capcatalogpage {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;}
.catalogpageimg:hover .capcatalogpage {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;}
.capcatalogpage {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

#catalogpagebot {height:auto;height:80px;margin:0 auto;padding:10px 15px;clear:both;}
.catalogpagetit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;color:#000;}
.catalogpagecod {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
@media screen and (max-width:990px)
{
	#bgcatalogpage {width:100%;margin:0 auto;padding:5% 0;}
	#bocatalogpage {width:90%;margin:0 auto;padding:0;}

	#bocatalogpagehead {margin:0 auto;padding:0;}
	#bocatalogpageheadtop {margin:0 auto 2%;padding:0;}
	.bocatalogpageheadtopbre {margin:0 auto;padding:5px 10px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);text-transform:uppercase;border-radius:8px}
	.bocatalogpageheadtopbre a {color:#231F20;}
	.bocatalogpageheadtopbre a:hover {color:#C00;}

	#bocatalogpageheadmid {margin:0 auto 30px;padding:0;}
	.bocatalogpageheadmidtit {margin:0 auto;padding:0;font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
	.bocatalogpageheadmiddes {margin:0 auto;padding:0;}

	#bocatalogpagebodi {margin:0 auto;padding:0;}
	#bocatalogpagebodibox {margin:0 auto;padding:0;}

	#catalogpage {width:48%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#catalogpage:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}
	#catalogpagetop {margin:0 auto;padding:0;}
	.rescatalogpage {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
	.rowcatalogpage {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
	.colcatalogpage {display:block;margin:0 auto;}

	.catalogpageimg {position:relative;width:100%;height:auto;overflow:hidden;padding:0;} 
	.catalogpageimg:hover {background:none;} 
	.catalogpageimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}
	.catalogpageimg .capcatalogpage {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;}
	.catalogpageimg:hover .capcatalogpage {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;}
	.capcatalogpage {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}

	#catalogpagebot {height:auto;height:auto;margin:0 auto;padding:10px 15px;clear:both;}
	.catalogpagetit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:capitalize;color:#000;}
	.catalogpagecod {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
}
/* ==================================================================================================== */

/* CATALOG DETAILS */
#bgcatalogdetails {width:100%;margin:0 auto;padding:20px 0;}
#bocatalogdetails {width:1160px;margin:0 auto;padding:0;}

#catalogdetailsleft {width:33%;float:left;margin-right:2%;}
.catalogdetailsleftimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 1%;vertical-align:top;text-align:center;}
.catalogdetailsleftimg img {width:100%;height:auto;border-radius:8px;}

#catalogdetailsright {width:61%;float:left;margin:0 auto;padding:2%;border:1px solid #ddd;box-sizing:border-box;border-radius:8px;}
#catalogdetailsrighttop {margin:0 auto;padding:0;}
.catalogdetailsrighttoptit {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#000;}
.catalogdetailsrighttopcod {margin:0 auto;padding:0;}
	
#catalogdetailsrightmid {margin:0 auto;padding:0;}
.catalogdetailsrightmiddes {margin:20px auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.catalogdetailsrightmidbut {margin:0 auto;padding:0;}

#catalogdetailsrightbot {margin:20px auto 0;padding:0;text-align:right;}
.catalogdetailsrightbotsos {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgcatalogdetails {width:100%;margin:0 auto;padding:5% 0;}
	#bocatalogdetails {width:90%;margin:0 auto;padding:0;}

	#catalogdetailsleft {width:100%;float:left;margin-right:0;}
	.catalogdetailsleftimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 1%;vertical-align:top;text-align:center;}
	.catalogdetailsleftimg img {width:100%;height:auto;border-radius:8px;}

	#catalogdetailsright {width:100%;float:left;margin:0 auto;padding:5%;border:1px solid #ddd;box-sizing:border-box;border-radius:8px;}
	#catalogdetailsrighttop {margin:0 auto;padding:0;}
	.catalogdetailsrighttoptit {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#000;}
	.catalogdetailsrighttopcod {margin:0 auto;padding:0;}
		
	#catalogdetailsrightmid {margin:0 auto;padding:0;}
	.catalogdetailsrightmiddes {margin:20px auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	.catalogdetailsrightmidbut {margin:0 auto;padding:0;}
	
	#catalogdetailsrightbot {margin:20px auto 0;padding:0;text-align:left;}
	.catalogdetailsrightbotsos {margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* CATALOG LIST */
#bgcataloglist {width:100%;margin:0 auto;padding:0;}
#bocataloglist {width:1160px;margin:0 auto 50px;padding:0;border-top:1px solid #ddd;}

#bocataloglisttop {margin:0 auto 20px;padding:0;}
.bocataloglisttophed {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:#000;}

#cataloglist {width:14.66%;float:left;margin:0 1%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#cataloglist:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}

#cataloglisttop {margin:0 auto;padding:0;}
.cataloglistimg {position:relative;width:100%;height:auto;overflow:hidden;padding:0;} 
.cataloglistimg:hover {background:none;} 
.cataloglistimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}

#cataloglistbot {height:auto;margin:0 auto;padding:10px 15px;clear:both;}
.cataloglisttit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:#000;}
.cataloglistcod {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
@media screen and (max-width:990px)
{
	#bgcataloglist {width:100%;margin:0 auto;padding:5% 0;}
	#bocataloglist {width:90%;margin:0 auto 50px;padding:0;border-top:1px solid #ddd;}

	#bocataloglisttop {margin:0 auto 20px;padding:0;}
	.bocataloglisttophed {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:#000;}

	#cataloglist {width:48%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;border-radius:8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#cataloglist:hover {box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2);}

	#cataloglisttop {margin:0 auto;padding:0;}
	.cataloglistimg {position:relative;width:100%;height:auto;overflow:hidden;padding:0;} 
	.cataloglistimg:hover {background:none;} 
	.cataloglistimg img {width:100%;height:auto;border-radius:8px 8px 0 0;}

	#cataloglistbot {height:auto;margin:0 auto;padding:10px 15px;clear:both;}
	.cataloglisttit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:#000;}
	.cataloglistcod {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;color:#231F20;}
}
/* ==================================================================================================== */

/* CATALOG ORDER */
#bgcatalogorder {width:100%;margin:0 auto;padding:20px 0;}
#bocatalogorder {width:1160px;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgcatalogorder {width:100%;margin:0 auto;padding:5% 0;}
	#bocatalogorder {width:90%;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* BREADCRUMB */
#bgbreadcrumb {width:100%;margin:0 auto;padding:5px 0;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
#bobreadcrumb {width:1160px;margin:0 auto;padding:0;}
.bobreadcrumbtit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.bobreadcrumbtit a {color:#F89921;}
.bobreadcrumbtit a:hover {color:#231F20;}
@media screen and (max-width:990px)
{
	#bgbreadcrumb {width:100%;margin:0 auto;padding:5px 0;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);}
	#bobreadcrumb {width:90%;margin:0 auto;padding:0;}
	.bobreadcrumbtit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
	.bobreadcrumbtit a {color:#F89921;}
	.bobreadcrumbtit a:hover {color:#231F20;}
}
/* ==================================================================================================== */ 

/* KURIR */
#bgkurir {width:98%;float:left;margin:0 auto 20px;padding:1%;background:#f9f9f9;}
#bokurir {width:100%;margin:0 auto;padding:0;text-align:left;}

#kurirboxhead {margin:0 0 10px;padding:0;height:auto;background:#DDD;}
#kurirconhead {width:22%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:8px 0;}
#kurirconheadradio {width:7%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:8px 0;}

#kurirbox {margin:0 0 10px;padding:0;height:auto;background:#fff;}
#kurircon {width:22%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:5px 0;}
#kurirconradio {width:5%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:8px;}
@media screen and (max-width:990px)
{
	#bgkurir {width:96%;float:left;margin:0 auto 20px;padding:2%;background:#f9f9f9;}
	#bokurir {width:100%;margin:0 auto;padding:0;text-align:left;}

	#kurirboxhead {margin:0 0 10px;padding:0;height:auto;background:#DDD;}
	#kurirconhead {width:22%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:8px 0;}
	#kurirconheadradio {width:7%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:8px 0;}

	#kurirbox {margin:0 0 10px;padding:0;height:auto;background:#fff;}
	#kurircon {width:22%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:5px 0;}
	#kurirconradio {width:5%;height:auto;float:left;font-size:14px;vertical-align:middle;padding:8px;}
}

/* RADIO SIZE */
.container {display:block;position:relative;padding:1px 0 0 55px;margin-bottom:10px;cursor:pointer;font-size:14px;float:left;vertical-align:middle;font-weight:400;font-family:'Titillium Web', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.container img {border-radius:8px;overflow:hidden;}
.container a {color:#000;}
.container input {position:absolute;opacity:0;cursor:pointer;}
.checkmark {position:absolute;top:0;left:0;height:32px;width:50px;background:#ddd;border-radius:15px;}
.container:hover input ~ .checkmark {background:#F89921;}
.container input:checked ~ .checkmark {background:#F89921;border-radius:15px;}
.checkmark:after {content:"";position:absolute;display:none;border-radius:15px;}
.container input:checked ~ .checkmark:after {display:block;}
.container .checkmark:after {top:4px;left:4px;width:23px;height:23px;background:#fff;}

.containershipping {display:block;position:relative;padding:0;margin-bottom:0;cursor:pointer;font-size:14px;float:left;vertical-align:middle;margin-right:10px;font-weight:400;font-family:'Titillium Web', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.containershipping input {position:absolute;opacity:0;cursor:pointer;}
.checkmarkshipping {position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ddd;}
.containershipping:hover input ~ .checkmarkshipping {background-color:#ccc;}
.containershipping input:checked ~ .checkmarkshipping {background-color:#000;}
.checkmarkshipping:after {content:"";position:absolute;display:none;}
.containershipping input:checked ~ .checkmarkshipping:after {display:block;}
.containershipping .checkmarkshipping:after {top:5px;left:5px;width:10px;height:10px;background:white;}
@media screen and (max-width:980px)
{
	.container {display:block;position:relative;padding:1px 0 0 55px;margin-bottom:10px;cursor:pointer;font-size:14px;float:left;vertical-align:middle;font-weight:400;font-family:'Titillium Web', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
	.container img {border-radius:8px;overflow:hidden;}
	.container a {color:#000;}
	.container input {position:absolute;opacity:0;cursor:pointer;}
	.checkmark {position:absolute;top:0;left:0;height:32px;width:50px;background:#ddd;border-radius:15px;}
	.container:hover input ~ .checkmark {background:#F89921;}
	.container input:checked ~ .checkmark {background:#F89921;border-radius:15px;}
	.checkmark:after {content:"";position:absolute;display:none;border-radius:15px;}
	.container input:checked ~ .checkmark:after {display:block;}
	.container .checkmark:after {top:4px;left:4px;width:23px;height:23px;background:#fff;}


	.containershipping {display:block;position:relative;padding:0;margin-bottom:0;cursor:pointer;font-size:14px;float:left;vertical-align:middle;margin-right:10px;font-weight:400;font-family:'Titillium Web', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
	.containershipping input {position:absolute;opacity:0;cursor:pointer;}
	.checkmarkshipping {position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ddd;}
	.containershipping:hover input ~ .checkmarkshipping {background-color:#ccc;}
	.containershipping input:checked ~ .checkmarkshipping {background-color:#000;}
	.checkmarkshipping:after {content:"";position:absolute;display:none;}
	.containershipping input:checked ~ .checkmarkshipping:after {display:block;}
	.containershipping .checkmarkshipping:after {top:5px;left:5px;width:10px;height:10px;background:white;}

}
/* ==================================================================================================== */

/* PANEL AKUN */
#bgpanel {width:auto;margin:0 auto;padding:20px 0;background:#f8f8f8;}
#bopanel {width:1160px;margin:0 auto;padding:0;}
#paneltitle {margin:0 auto 10px;padding:8px 11px;font-weight:700;font-size:14px;background:#F89921;color:#fff;text-transform:uppercase;border-radius:2px;}
/* LEFT */
#panelleft {width:16%;float:left;margin:0 2% 0 0;padding:1%;background:#fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);}
#bgaccmenu {margin:0 auto;padding:0;}
#bgaccmenu ul {list-style:none;margin:0 auto;padding:0;}
#bgaccmenu ul li {margin:0 auto;padding:5px;border-bottom:1px solid #ddd;}
#bgaccmenu ul li a {color:#333;}
#bgaccmenu ul li a:hover {color:#F89921;}
/* RIGHT */
#panelrite {width:78%;float:left;margin:0 auto;padding:1%;background:#fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);}
#bgpanelpage {margin:0 auto;padding:0;}
#panelpagebox {width:49%;float:left;margin:0.5%;padding:0;box-sizing:border-box;}
.panelpagetext {margin:0 auto 5px;padding:5px 8px;background:#f9f9f9;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
.panelpagebutton {margin:10px auto 0;padding:10px 0 0;border-top:1px solid #eee;}
@media screen and (max-width:980px)
{
	#bgpanel {width:auto;margin:0 auto;padding:20px 0;background:#f8f8f8;}
	#bopanel {width:100%;margin:0 auto;padding:0;}
	#paneltitle {margin:0 auto 10px;padding:8px 11px;font-weight:700;font-size:14px;background:#F89921;color:#fff;text-transform:uppercase;border-radius:2px;}
	/* LEFT */
	#panelleft {width:80%;float:none;margin:0 auto 5%;padding:5%;background:#fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);}
	#bgaccmenu {margin:0 auto;padding:0;}
	#bgaccmenu ul {list-style:none;margin:0 auto;padding:0;}
	#bgaccmenu ul li {margin:0 auto;padding:5px 8px;border-bottom:1px solid #ddd;}
	#bgaccmenu ul li a {color:#333;}
	#bgaccmenu ul li a:hover {color:#F89921;}
	/* RIGHT */
	#panelrite {width:80%;float:none;margin:0 auto;padding:5%;background:#fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);}
	#bgpanelpage {margin:0 auto;padding:0;}
	#panelpagebox {width:100%;float:left;margin:0 auto 5%;padding:0;box-sizing:border-box;}
	.panelpagetext {margin:0 auto 5px;padding:5px 8px;background:#f9f9f9;color:#231F20;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
	.panelpagebutton {margin:10px auto 0;padding:10px 0 0;border-top:1px solid #eee;}
}
/* ==================================================================================================== */

/* INVOICE */
#bginvoice {width:96%;margin:0 auto;padding:2%;}
/* ==================================================================================================== */

/* BANK */
#bgboxbank {}
#boxbank {width:40%;margin:3%;padding:2%;float:left;background:#f8f8f8;}
/* ==================================================================================================== */

/* ORDER PAGE */
#bgorderpage {margin:0 auto;padding:0;}
#boorderpage {margin:0 auto;padding:0;}
#orderpage {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px solid #eee;}
.orderno {width:14%;height:auto;overflow:hidden;float:left;margin-right:1%;}
.ordername {width:20%;float:left;text-align:left;margin-right:1%;font-size:14px;}
.ordername a {color:#C00;}
.orderstatus {width:18%;float:left;text-align:center;margin-right:1%;font-weight:400;font-size:14px;}
.orderdate {width:19%;float:left;text-align:center;margin-right:1%;font-size:14px;}
.orderaction {width:24%;float:left;text-align:center;margin-right:0;}
@media screen and (max-width:980px)
{
	#orderpage {background:#fff;margin-bottom:10px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;}
	.orderno {width:100%;height:auto;overflow:hidden;float:left;text-align:center;margin-right:0;}
	.ordername {width:100%;float:left;text-align:left;margin-right:0;font-size:14px;} 
	.ordername a {color:#C00;}
	.orderstatus {width:100%;float:left;text-align:center;margin-right:0;font-weight:400;font-size:14px;}
	.orderdate {width:100%;float:left;text-align:center;margin-right:0;font-size:14px;}
	.orderaction {width:100%;float:left;text-align:center;margin-right:0;} 
}  
/* ==================================================================================================== */

/* RESELLER ORDER */
#bgreorderpage {margin:0 auto;padding:0;}
#boreorderpage {margin:0 auto;padding:0;}
#hereorderpage {font-size:14px;margin-bottom:10px;color:#F89921;}
.hereorderpageleft {width:50%;float:left;}
.hereorderpagerite {width:50%;float:left;text-align:right;}
.hereorderpagerite a {color:#C00;}
#reorderpage {margin:0 0 10px;padding:10px;border-top:1px solid #666;border-bottom:1px solid #666;}
#reorderrow {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;}
#reorderrowleft {width:30%;float:left;}
#reorderrowrite {width:70%;float:left;text-transform:capitalize;color:#C00;}
#reorderrowrite a {margin:0 auto;padding:0 10px;font-weight:700;color:#C00;border:1px solid #C00;}
#reorderrowrite a:hover {margin:0 auto;padding:0 10px;font-weight:700;color:#000;border:1px solid #000;}
@media screen and (max-width:980px)
{
	#bgreorderpage {margin:0 auto;padding:0;}
	#boreorderpage {margin:0 auto;padding:0;}
	#hereorderpage {font-size:14px;margin-bottom:10px;color:#F89921;}
	.hereorderpageleft {width:100%;float:left;}
	.hereorderpagerite {width:100%;float:left;text-align:right;}
	.hereorderpagerite a {color:#C00;}
	#reorderpage {margin:0 0 10px;padding:10px;border-top:1px solid #666;border-bottom:1px solid #666;}
	#reorderrow {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;}
	#reorderrowleft {width:100%;float:left;}
	#reorderrowrite {width:100%;float:left;text-transform:capitalize;color:#C00;}
	#reorderrowrite a {margin:0 auto;padding:0 10px;font-weight:700;color:#C00;border:1px solid #C00;}
	#reorderrowrite a:hover {margin:0 auto;padding:0 10px;font-weight:700;color:#000;border:1px solid #000;}
}  
/* ==================================================================================================== */

/* KUPON */
#bgcoupon {margin:0 auto;padding:20px;background:#f9f9f9;}
#couponbox {margin:0 auto;padding:0;}
#couponboxleft {width:69%;float:left;margin:0 1% 0 0;padding:0;}
.coupontex {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #F5C2C7;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#F8D7DA;border-radius:2px;color:#666;box-sizing:border-box;}
.couponfom input {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #ddd;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#fff;border-radius:2px;color:#666;box-sizing:border-box;text-transform:uppercase;}
.couponfom input:focus {border:1px solid #aaa;outline:none;}
#couponboxrite {width:30%;float:left;margin:0 auto;padding:0;}
.couponbtn {margin:0 auto;padding:0;}

#couponcodebox {margin:10px auto 0;padding:10px;background:#fff;text-align:left;}
.couponcodeboxtit {margin:0 auto;padding:0;font:normal 16px 'Titillium Web', sans-serif;color:#F89921;}
.couponcodeboxdes {margin:0 auto;padding:0;color:#444;}
@media screen and (max-width:980px)
{
	#bgcoupon {margin:0 auto;padding:20px;background:#f9f9f9;}
	#couponbox {margin:0 auto;padding:0;}
	#couponboxleft {width:100%;float:left;margin:0 auto;padding:0;}
	.coupontex {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #F5C2C7;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#F8D7DA;border-radius:2px;color:#666;box-sizing:border-box;}
	.couponfom input {width:100%;margin:0 auto;padding:5px 8px;border:1px solid #ddd;font:normal 14px 'Titillium Web', sans-serif;text-align:left;background:#fff;border-radius:2px;color:#666;box-sizing:border-box;text-transform:uppercase;}
	.couponfom input:focus {border:1px solid #aaa;outline:none;}
	#couponboxrite {width:100%;float:left;margin:0 auto;padding:0;}
	.couponbtn {margin:0 auto;padding:0;}

	#couponcodebox {margin:10px auto 0;padding:10px;background:#fff;text-align:left;}
	.couponcodeboxtit {margin:0 auto;padding:0;font:normal 16px 'Titillium Web', sans-serif;color:#F89921;}
	.couponcodeboxdes {margin:0 auto;padding:0;color:#444;}
}
/* ==================================================================================================== */


#bgpaymentmethod {margin:0 auto;padding:20px;background:#f9f9f9;text-align:left;}
#bgnotes {margin:0 auto;padding:20px;background:#f9f9f9;}













.resproduct {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
.rowproduct {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
.colproduct {display:block;margin:0 auto;}
.imgproduct {position:relative;width:auto;height:auto;overflow:hidden;padding:0;} 
.imgproduct:hover {background:none;} 
.imgproduct img {height:auto;width:100%;}
.imgproduct .capproduct {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;}
.imgproduct:hover .capproduct {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;}
.capproduct {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}
@media screen and (max-width:980px)
{
	.resproduct {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
	.rowproduct {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
	.colproduct {display:block;margin:0 auto;}
	.imgproduct {position:relative;width:auto;height:auto;overflow:hidden;padding:0;} 
	.imgproduct:hover {background:none;} 
	.imgproduct img {height:auto;width:100%;}
	.imgproduct .capproduct {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;}
	.imgproduct:hover .capproduct {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;}
	.capproduct {background:#000;color:#FFF;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;width:100%;}
}
/* ==================================================================================================== */

/* ACCOUNT PAGE */
#bgaccountpage {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#boaccountpage {width:1160px;margin:0 auto;padding:0;}

#accountpagehead {text-align:center;margin-bottom:30px;}
#accountpagetitle {font-family:'Titillium Web', sans-serif;font-size:30px;}
#accountpagedesc {font-size:14px;}

#accountpagereg {width:330px;margin:0 auto;padding:20px;background:#fff;border-radius:5px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
#accountpagelog {width:330px;margin:0 auto;padding:20px;background:#fff;border-radius:5px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
@media screen and (max-width:980px)
{
	#bgaccountpage {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
	#boaccountpage {width:90%;margin:0 auto;padding:0;}
	
	#accountpagehead {text-align:center;margin-bottom:30px;}
	#accountpagetitle {font-family:'Titillium Web', sans-serif;font-size:30px;}
	#accountpagedesc {font-size:14px;}
	
	#accountpagereg {width:90%;margin:0 auto;padding:5%;background:#fff;border-radius:5px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
	#accountpagelog {width:90%;margin:0 auto;padding:5%;background:#fff;border-radius:5px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
}
/* ==================================================================================================== */

#accountbox {margin:0 auto;padding:0 5px 0 0;border-right:1px solid #000;}
#accountbox a {color:#000;}
#accountbox a:hover {color:#C00;}

.dropbtn {border:none;cursor:pointer;font-family:'Titillium Web', sans-serif;background:none;font-size:14px;color:#fff;}
.dropbtn:hover {color:#F89921;}
.dropdown {position:relative;display:block;}
.dropdown-content {display:none;position:absolute;background-color:#F89921;width:150px;z-index:1;}
.dropdown-content a {color:#fff;padding:5px 15px;text-decoration:none;display:block;font-size:14px;text-align:left;border-top:1px solid #F5A930;}
.dropdown-content a:hover {background:#E7920B;color:#fff;} 
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:none;}

#accountboxlogin {margin:0 auto;padding:0 15px 0 0;border-right:1px solid #000;}
#accountboxlogin a {color:#000;} 
#accountboxlogin a:hover {color:#C00;}



































/* CONFIRM PAGE */
#bgconfirmpage {width:500px;margin:0 auto;padding:20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
.confirmimg {width:80px;height:80px;overflow:hidden;margin:0 auto 20px;padding:0;}
.confirmimg img {width:80px;height:80px;}
.confirmtite {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#C00000;}
.confirmtits {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#008000;}
.confirmdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;}
.confirmbtn {margin:0 auto;padding:0;}
@media screen and (max-width:980px)
{
	#bgconfirmpage {width:80%;margin:0 auto;padding:5%;text-align:center;background:#fff;border-radius:8px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);}
	.confirmimg {width:80px;height:80px;overflow:hidden;margin:0 auto 20px;padding:0;}
	.confirmimg img {width:80px;height:80px;}
	.confirmtite {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#C00000;}
	.confirmtits {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#008000;}
	.confirmdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;}
	.confirmbtn {margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* TRANSACTION PAGE */
#transactionpage {width:100%;margin:0 auto;padding:0;text-align:center;}
.transactionpageimg {width:80px;height:80px;overflow:hidden;margin:0 auto 20px;padding:0;}
.transactionpageimg img {width:80px;height:80px;}
.transactionpagetite {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#C00000;}
.transactionpagetits {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#008000;}
.transactionpagedes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;}
@media screen and (max-width:980px)
{
	#transactionpage {width:100%;margin:0 auto;padding:0;text-align:center;}
	.transactionpageimg {width:80px;height:80px;overflow:hidden;margin:0 auto 20px;padding:0;}
	.transactionpageimg img {width:80px;height:80px;}
	.transactionpagetite {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#C00000;}
	.transactionpagetits {margin:0 auto;padding:0;font-weight:700;font-size:18px;text-transform:uppercase;color:#008000;}
	.transactionpagedes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;}
}
/* ==================================================================================================== */


/* SHOPPING CART */
#bgshoppingcart {margin:0 auto;padding:0;text-align:center;}

#shoppingcarthed {margin:0 auto 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
#shoppingcartimg {width:auto;margin:20px 0 0;padding:0;}
#shoppingcartimg img {width:50px;height:auto;}
#shoppingcartdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
#shoppingcartbtn {margin:0 auto;padding:0;}

.notify {margin:0 auto;padding:2px 7px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#C00;border-radius:50px;}
.notify:hover {background:#666;color:#fff;}

#bgshoppingcartitems {margin:0 auto;padding:0;}
#bgshoppingcartitemsleft {width:68%;float:left;margin:0 2% 0 0;padding:0;}
#bgshoppingcartitemslefttop {margin:0 auto 10px;padding:0;}
#bgshoppingcartitemslefthead {width:96%;margin:0 auto;padding:5px 2%;background:#F89921;color:#fff;font-weight:700;}
.titlecartnam {width:45%;float:left;text-align:center;margin:0 auto;padding:0;}
.titlecartpri {width:20%;float:left;text-align:right;margin:0 auto;padding:0;}
.titlecartqty {width:10%;float:left;text-align:right;margin:0 auto;padding:0;}
.titlecartsub {width:20%;float:left;text-align:right;margin:0 auto;padding:0;}
.titlecartdel {width:5%;float:left;text-align:right;margin:0 auto;padding:0;}

#bgshoppingcartitemsleftbodi {width:96%;margin:0 auto;padding:2%;background:#f9f9f9;}
.valuecartimg {width:15%;height:auto;overflow:hidden;float:left;}
.valuecartimg img {width:100%;height:auto;}
.valuecartnam {width:28%;float:left;margin:0 auto;padding:0 1%;text-align:left;}
.valuecartnam a {font-weight:700;font-size:14px;color:#C00;}
.valuecartnam span {font-weight:400;font-size:12px;color:#000;}
.valuecartpri {width:20%;float:left;margin:0 auto;padding:0;font-weight:700;text-align:right;}
.valuecartqty {width:10%;float:left;margin:0 auto;padding:0;text-align:right;}
.valuecartqty input {width:50%;text-align:center;border:1px solid #ddd;background:#fff;padding:5px;font-family:'Titillium Web', sans-serif;}
.valuecartsub {width:20%;float:left;margin:0 auto;padding:0;font-weight:700;text-align:right;}
.valuecartdel {width:5%;float:left;text-align:right;}
.valuecartdelicon {width:18px;height:18px;vertical-align:top;background:none!important;padding:2px 0!important;}

#bgshoppingcartitemsleftbot {margin:0 auto;padding:0;}
.bgshoppingcartitemsleftbotleft {width:50%;float:left;text-align:left;}
.bgshoppingcartitemsleftbotrite {width:50%;float:left;text-align:right;}

#bgshoppingcartitemsright {width:30%;float:left;margin:0 auto;padding:0;background:#f9f9f9;}
#boxshoppingcartitemsright {width:92%;margin:0 auto;padding:2% 4%;border-bottom:1px solid #f0f0f0;}
.cartlabel {float:left;text-align:left;}
.carttotal {float:right;text-align:right;}

#bgshoppingcartitemsrights {width:30%;float:right;margin:0 auto;padding:0;}
#boshoppingcartitemsrights {width:23%;float:right;margin:0 auto;padding:0;background:#f9f9f9;position:fixed;}
@media screen and (max-width:990px)
{
	#bgshoppingcart {margin:0 auto;padding:0;text-align:center;}

	#shoppingcarthed {margin:0 auto 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
	#shoppingcartimg {width:auto;margin:20px 0 0;padding:0;}
	#shoppingcartimg img {width:50px;height:auto;}
	#shoppingcartdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	#shoppingcartbtn {margin:0 auto;padding:0;}

	.notify {margin:0 auto;padding:2px 7px;font-weight:700;font-size:10px;font-family:'Titillium Web', sans-serif;background:#C00;border-radius:50px;}
	.notify:hover {background:#666;color:#fff;}

	#bgshoppingcartitems {margin:0 auto;padding:0;}
	#bgshoppingcartitemsleft {width:100%;float:none;margin:0 auto 5%;padding:0;}
	#bgshoppingcartitemslefttop {margin:0 auto 10px;padding:0;}
	#bgshoppingcartitemslefthead {width:96%;margin:0 auto;padding:5px 2%;background:#F89921;color:#fff;font-weight:700;}
	.titlecartnam {width:45%;float:left;text-align:center;margin:0 auto;padding:0;}
	.titlecartpri {width:20%;float:left;text-align:right;margin:0 auto;padding:0;}
	.titlecartqty {width:10%;float:left;text-align:right;margin:0 auto;padding:0;}
	.titlecartsub {width:20%;float:left;text-align:right;margin:0 auto;padding:0;}
	.titlecartdel {width:5%;float:left;text-align:right;margin:0 auto;padding:0;}

	#bgshoppingcartitemsleftbodi {width:96%;margin:0 auto;padding:2%;background:#f9f9f9;}
	.valuecartimg {width:15%;height:auto;overflow:hidden;float:left;}
	.valuecartimg img {width:100%;height:auto;}
	.valuecartnam {width:28%;float:left;margin:0 auto;padding:0 1%;text-align:left;}
	.valuecartnam a {font-weight:700;font-size:14px;color:#C00;}
	.valuecartnam span {font-weight:400;font-size:12px;color:#000;}
	.valuecartpri {width:20%;float:left;margin:0 auto;padding:0;font-weight:700;text-align:right;}
	.valuecartqty {width:10%;float:left;margin:0 auto;padding:0;text-align:right;}
	.valuecartqty input {width:50%;text-align:center;border:1px solid #ddd;background:#fff;padding:5px;font-family:'Titillium Web', sans-serif;}
	.valuecartsub {width:20%;float:left;margin:0 auto;padding:0;font-weight:700;text-align:right;}
	.valuecartdel {width:5%;float:left;text-align:right;}
	.valuecartdelicon {width:18px;height:18px;vertical-align:top;background:none!important;padding:2px 0!important;}

	#bgshoppingcartitemsleftbot {margin:0 auto;padding:0;}
	.bgshoppingcartitemsleftbotleft {width:50%;float:left;text-align:left;}
	.bgshoppingcartitemsleftbotrite {width:50%;float:left;text-align:right;}

	#bgshoppingcartitemsright {width:100%;float:left;margin:0 auto;padding:0;background:#f9f9f9;}
	#boxshoppingcartitemsright {width:92%;margin:0 auto;padding:2% 4%;border-bottom:1px solid #f0f0f0;}
	.cartlabel {float:left;text-align:left;}
	.carttotal {float:right;text-align:right;}
	
	#bgshoppingcartitemsrights {width:100%;float:none;margin:0 auto;padding:0;}
	#boshoppingcartitemsrights {width:100%;float:none;margin:0 auto;padding:0;background:#f9f9f9;position:relative;}

	/*
	#bgproductdetails {width:100%;margin:0 auto;padding:5% 0;}
	#boproductdetails {width:90%;margin:0 5%;padding:0;}
	
	#cartdetailsleft {width:100%;float:left;margin-right:0;margin-bottom:5%;}
	#cartdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 10px;vertical-align:top;text-align:center;}
	#cartdetailsimg img {width:100%;height:auto;}
	#bgcartdetailsaddimg {width:auto;margin:0 auto;text-align:center;}
	#cartdetailsaddimg {float:left;margin:1%;width:18%}
	#cartdetailsaddimg img {width:100%;height:auto;}

	

	#cartdetailsright {width:100%;float:left;}
	
	#cartdetailsright-top {margin:0 auto;padding:0;}
	#cartdetailstitle {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#F89921;text-transform:uppercase;text-align:left;padding-bottom:5px;}
	#cartdetailsprice {font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:#000;text-align:left;padding-bottom:10px;}
	.pricegre {color:#000;}
	.pricered {color:#C00;}

	#cartdetailsright-middle {margin:10px 0;padding:0;}
		
	#cartdetailssdes {margin:0 auto;padding:5%;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	#cartdetailssdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailssdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailssdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailssdes img {width:100%!important;height:auto!important;}
	#cartdetailssdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
	
	#cartdetailsright-bottom {margin:0 auto;padding:0;}

	#cartdetailsright-col {margin:0 auto;padding:0;}
	#cartdetailsright-col-left {width:50%;float:left;margin:0 auto;padding:0;}
	#cartdetailsright-col-right {width:50%;float:left;margin:0 auto;padding:0;}
	#bgaddtocart {width:auto;margin:0 auto;padding:0;background:#ededed;padding:20px;}
	#boxattribute {width:100%;margin:0 auto;padding:0;}
	#cartsize {margin:0 auto;padding:0;}
	#cartqty {margin:0 auto;padding:0;}
	#cartqty input {border:none;border:1px solid #ccc;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:5%;width:90%;text-align:left;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:8pxcolor:#666;}
	#bgcartbutton {width:auto;margin:10px 0 0;}
	#cartbutton {margin:0 auto;padding:0;}


	#cartwishlist {text-align:center;margin:20px 0 0;}
	#cartwishlist img {width:10px;height:auto;}
	.cartwishlistbox {padding:5px;border:1px solid #F89921;}
	.cartwishlistboxa-active {width:100%;padding:3px 0;background:#F89921;color:#FFF;font-size:14px;}
	.cartwishlistboxa-active:hover {width:100%;padding:3px 0;background:#FFF;color:#F89921;border:1px solid #F89921;font-size:14px;}
	.cartwishlistboxa-deactive {width:100%;padding:5px 0;background:#FFF;color:#000;border:none;cursor:pointer;border-radius:8px}
	.cartwishlistboxa-deactive:hover {background:#F89921;color:#FFF;}

	#bgwishlistpage {width:100%;margin:0 auto;padding:0;}
	#wrapwishlistpage {width:100%;margin:0 auto;}
	#wishlistpagetitle {font-weight:400;font-size:20px;font-family:'Titillium Web', sans-serif;padding:0 0 2%;text-align:left;color:#F89921;}

	#wishlistpageempty {background:#fff;margin-bottom:10px;padding:50px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;text-align:center;}
	.wishlistpageemptyimg {margin:0 auto;padding:0;}
	.wishlistpageemptyimg img {width:50px;height:auto;}
	.wishlistpageemptytext {font-size:14px;}

	#wishlistpage {background:#fff;margin-bottom:10px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;}
	.wishlistimg {width:100%;height:auto;overflow:hidden;float:left;text-align:left;margin-right:0;}
	.wishlistimg img {width:100%;height:auto;}
	.wishlistname {width:100%;float:left;text-align:left;margin-right:0;font-size:14px;}
	.wishlistname a {color:#000;}
	.wishlistname span {font-size:14px;color:#0099FF;}
	.wishlistprice {width:100%;float:left;text-align:left;margin-right:0;font-weight:400;font-size:14px;color:#C00;}
	.wishlistdelete {width:100%;float:left;text-align:right;margin-right:1%;}
	.wishlistdelete img {width:10%;height:auto;vertical-align:middle;}
	.wishlistdelete a {color:#999;font-weight:700;}
	.wishlistcartbutton {width:auto;float:left;text-align:center;}


	#bgcart {margin:0 auto;padding:0;color:#000;}
	#bgcart a {color:#fff;}
	.notify {background:#C00;padding:2px 7px;border-radius:50px;}
	.notify:hover {background:#666;color:#fff;}
	.notifyzero {background:#eee;padding:2px 7px;border-radius:50px;}
	.notifyzero:hover {background:#666;}

	#bgshoppingcartitems {margin:0 auto;padding:0;}

	#bgshoppingcartitemsleft {width:100%;float:left;margin:0 auto;padding:0;}
	#bgshoppingcartitemsleft-top {margin:0 0 10px;padding:0;}

	#bgshoppingcartitemslefttitlebox {width:96%;float:left;margin:0 auto;padding:2%;background:#F89921;color:#fff;display:none;}
	.titlecartname {width:280px;float:left;text-align:center;margin-right:10px;}
	.titlecartprice {width:100px;float:left;text-align:right;margin-right:10px;}
	.titlecartquantity {width:80px;float:left;text-align:right;margin-right:10px;}
	.titlecartsubtotal {width:100px;float:left;text-align:right;margin-right:10px;}
	.titlecartdelete {width:30px;float:left;text-align:center;}

	#bgshoppingcartitemsleftbox {width:90%;float:left;margin:0 3%;padding:2%;background:#F8F8F8;border-bottom:2px solid #fff;}
	.cartimg {width:20%;height:auto;overflow:hidden;float:left;text-align:left;margin-right:5%;}
	.cartimg img {width:100%;height:auto;}
	.cartname {width:75%;float:left;text-align:left;margin-right:0;font-size:14px;}
	.cartname a {color:#C00;}
	.cartname span {font-size:14px;color:#0099FF;}
	.cartprice {width:100%;float:left;text-align:right;margin-right:0;font-weight:700;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ddd;}
	.cartquantity {width:100%;float:left;text-align:right;margin-right:0;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ddd;}
	.cartquantity input {text-align:center;border:1px solid #ddd;background:#fff;padding:5px;width:20%;font-family:'Titillium Web', sans-serif;}
	.updateqty {border:none;cursor:pointer;}
	.cartsubtotal {width:100%;float:left;text-align:right;margin-right:0;font-weight:700;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ddd;}
	.cartdelete {width:100%;float:left;text-align:right;}
	.cartdelete img {width:5%;height:auto;}
	.iconupdate {width:18px;height:18px;vertical-align:top;background:none!important;padding:2px 4px!important;}
	
	#bgshoppingcartitemsleft-bottom {margin:0 auto;padding:0 3% 3%;}
	.bgshoppingcartitemsleft-bottomleft {width:50%;float:left;text-align:left;}
	.bgshoppingcartitemsleft-bottomright {width:50%;float:left;text-align:right;}

	#bgshoppingcartitemsright {width:90%;margin:0 3%;padding:2%;float:left;background:#ededed;}
	#boxshoppingcartitemsright {width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
	.cartlabel {float:left;text-align:left;}
	.carttotal {float:right;text-align:right;}
	
	#cartdetailsbot {margin:0 auto;padding:0;}

	#cartdetailsdesc {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	#cartdetailsdesc h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailsdesc h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailsdesc h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailsdesc img {width:100%!important;height:auto!important;}
	#cartdetailsdesc pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
	#cartshare {margin:20px 0 0;padding:0;text-align:center;}
	*/

}
/* ==================================================================================================== */


#bgwishlistpage {width:100%;margin:0 auto;padding:0;}
#bowishlistpage {width:100%;margin:0 auto;}
#wishlistpagetitle {font-weight:400;font-size:20px;font-family:'Titillium Web', sans-serif;padding:0 0 2%;text-align:left;color:#F89921;}

#wishlistpageempty {background:#fff;margin-bottom:10px;padding:50px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;text-align:center;}
.wishlistpageemptyimg {margin:0 auto;padding:0;}
.wishlistpageemptyimg img {width:50px;height:auto;}
.wishlistpageemptytext {font-size:14px;}

#wishlistpage {background:#fff;margin-bottom:10px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;}
.wishlistimg {width:9%;height:auto;overflow:hidden;float:left;text-align:left;margin-right:1%;}
.wishlistimg img {width:100%;height:auto;}
.wishlistname {width:47%;float:left;text-align:left;margin-right:1%;font-size:14px;}
.wishlistname a {color:#000;}
.wishlistname span {font-size:14px;color:#0099FF;}
.wishlistprice {width:20%;float:left;text-align:right;margin-right:1%;font-weight:400;font-size:14px;color:#C00;}
.wishlistdelete {width:3%;float:left;text-align:center;margin-right:1%;}
.wishlistdelete img {width:100%;height:auto;vertical-align:middle;}
.wishlistdelete a {color:#999;font-weight:700;}
.wishlistcartbutton {float:left;width:16%;text-align:center;}


/* SHOPPING CART *
#bgshoppingcart {margin:0 auto;padding:20px 0;text-align:center;}

#shoppingcarthed {margin:0 auto 20px;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
#shoppingcartimg {width:auto;margin:20px 0 0;padding:0;}
#shoppingcartimg img {width:50px;height:auto;}
#shoppingcartdes {margin:0 auto 20px;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
#shoppingcartbtn {margin:0 auto;padding:0;}









.cartwishlistboxa-deactive {width:100%;padding:5px 0;background:#FFF;color:#000;border:none;cursor:pointer;border-radius:8px}
.cartwishlistboxa-deactive:hover {background:#F89921;color:#FFF;}

.cartwishlistbox {padding:5px;border:1px solid #F89921;}





#cartdetailsright-middle {margin:10px 0;padding:0;}
#cartdetailssdes {margin:0 auto;padding:20px;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;border:1px solid #dedede;border-radius:8px;}
#cartdetailssdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
#cartdetailssdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
#cartdetailssdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
#cartdetailssdes img {width:100%!important;height:auto!important;}
#cartdetailssdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}

#cartdetailsright-bottom {margin:0 auto;padding:0;}

#cartdetailsright-col {margin:0 auto;padding:0;}
#cartdetailsright-col-left {width:100%;float:left;margin:0 auto;padding:0;}
#cartdetailsright-col-right {width:100%;float:left;margin:0 auto;padding:0;}
#bgaddtocart {width:auto;margin:0 auto;padding:20px;border:1px solid #dedede;border-radius:8px}
#boxattribute {width:100%;margin:0 auto;padding:0;}
#cartsize {margin:0 auto;padding:0;}
#cartqty {margin:0 auto;padding:0;}
#cartqty input {width:100%;padding:5px 10px;border:1px solid #ddd;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;box-sizing:border-box;background:#fff;border-radius:3px;}
#bgcartbutton {width:auto;margin:10px 0 0;}
#cartbutton {margin:0 auto;padding:0;}


#cartwishlist {text-align:center;margin:10px 0 0;}
#cartwishlist img {width:10px;height:auto;}
.cartwishlistbox {padding:5px;border:1px solid #F89921;}
.cartwishlistboxa-active {width:100%;padding:3px 0;background:#F89921;color:#FFF;font-size:14px;}
.cartwishlistboxa-active:hover {width:100%;padding:3px 0;background:#FFF;color:#F89921;border:1px solid #F89921;font-size:14px;}
.cartwishlistboxa-deactive {width:100%;padding:5px 0;background:#FFF;color:#000;border:none;cursor:pointer;border-radius:8px}
.cartwishlistboxa-deactive:hover {background:#F89921;color:#FFF;}

#bgwishlistpage {width:100%;margin:0 auto;padding:0;}
#wrapwishlistpage {width:100%;margin:0 auto;}
#wishlistpagetitle {font-weight:400;font-size:20px;font-family:'Titillium Web', sans-serif;padding:0 0 2%;text-align:left;color:#F89921;}

#wishlistpageempty {background:#fff;margin-bottom:10px;padding:50px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;text-align:center;}
.wishlistpageemptyimg {margin:0 auto;padding:0;}
.wishlistpageemptyimg img {width:50px;height:auto;}
.wishlistpageemptytext {font-size:14px;}

#wishlistpage {background:#fff;margin-bottom:10px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;}
.wishlistimg {width:9%;height:auto;overflow:hidden;float:left;text-align:left;margin-right:1%;}
.wishlistimg img {width:100%;height:auto;}
.wishlistname {width:47%;float:left;text-align:left;margin-right:1%;font-size:14px;}
.wishlistname a {color:#000;}
.wishlistname span {font-size:14px;color:#0099FF;}
.wishlistprice {width:20%;float:left;text-align:right;margin-right:1%;font-weight:400;font-size:14px;color:#C00;}
.wishlistdelete {width:3%;float:left;text-align:center;margin-right:1%;}
.wishlistdelete img {width:100%;height:auto;vertical-align:middle;}
.wishlistdelete a {color:#999;font-weight:700;}
.wishlistcartbutton {float:left;width:16%;text-align:center;}


#bgcart {margin:0 auto;padding:0;color:#000;}
#bgcart a {color:#fff;}
.notify {background:#C00;padding:2px 7px;border-radius:50px;}
.notify:hover {background:#666;color:#fff;}
.notifyzero {background:#eee;padding:2px 7px;border-radius:50px;}
.notifyzero:hover {background:#666;}







#bgshoppingcartitems {margin:0 auto;padding:0;}

#bgshoppingcartitemsleft {width:68%;float:left;margin:0 2% 0 0;padding:0;}
#bgshoppingcartitemslefttop {margin:0 auto 10px;padding:0;}

#bgshoppingcartitemslefttitlebox {width:96%;float:left;margin:0 auto;padding:2%;background:#F89921;color:#fff;}
.titlecartname {width:280px;float:left;text-align:center;margin-right:10px;}
.titlecartprice {width:100px;float:left;text-align:right;margin-right:10px;}
.titlecartquantity {width:80px;float:left;text-align:right;margin-right:10px;}
.titlecartsubtotal {width:100px;float:left;text-align:right;margin-right:10px;}
.titlecartdelete {width:30px;float:left;text-align:center;}

#bgshoppingcartitemsleftbox {width:96%;float:left;margin:0 auto;padding:2%;background:#F8F8F8;border-bottom:2px solid #fff;}
.cartimg {width:100px;height:auto;overflow:hidden;float:left;text-align:left;margin-right:10px;}
.cartimg img {width:100px;height:auto;}
.cartname {width:180px;float:left;text-align:left;margin-right:10px;font-size:14px;}
.cartname a {color:#C00;}
.cartname span {font-size:14px;color:#0099FF;}
.cartprice {width:100px;float:left;text-align:right;margin-right:10px;font-weight:700;}
.cartquantity {width:80px;float:left;text-align:right;margin-right:10px;}
.cartquantity input {text-align:center;border:1px solid #ddd;background:#fff;padding:5px;width:50%;font-family:'Titillium Web', sans-serif;}
.updateqty {border:none;cursor:pointer;}
.cartsubtotal {width:100px;float:left;text-align:right;margin-right:10px;font-weight:700;}
.cartdelete {width:30px;float:left;text-align:center;}
.cartdelete a {color:#999;font-weight:700;}
.iconupdate {width:18px;height:18px;vertical-align:top;background:none!important;padding:2px 4px!important;}

#bgshoppingcartitemsleftbot {margin:0 auto;padding:0;}
.bgshoppingcartitemsleftbotleft {width:50%;float:left;text-align:left;}
.bgshoppingcartitemsleftbotrite {width:50%;float:left;text-align:right;}

#bgshoppingcartitemsright {width:26%;margin:0 auto;padding:2%;float:left;background:#ededed;}
#boxshoppingcartitemsright {width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.cartlabel {float:left;text-align:left;}
.carttotal {float:right;text-align:right;}


#cartdetailsbot {margin:0 auto;padding:0;}

#cartdetailsdesc {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
#cartdetailsdesc h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
#cartdetailsdesc h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
#cartdetailsdesc h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
#cartdetailsdesc img {width:100%!important;height:auto!important;}
#cartdetailsdesc pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
#cartshare {margin:20px 0 0;padding:0;text-align:center;}
@media screen and (max-width:990px)
{
	#bgproductdetails {width:100%;margin:0 auto;padding:5% 0;}
	#boproductdetails {width:90%;margin:0 5%;padding:0;}
	
	#cartdetailsleft {width:100%;float:left;margin-right:0;margin-bottom:5%;}
	#cartdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 10px;vertical-align:top;text-align:center;}
	#cartdetailsimg img {width:100%;height:auto;}
	#bgcartdetailsaddimg {width:auto;margin:0 auto;text-align:center;}
	#cartdetailsaddimg {float:left;margin:1%;width:18%}
	#cartdetailsaddimg img {width:100%;height:auto;}

	

	#cartdetailsright {width:100%;float:left;}
	
	#cartdetailsright-top {margin:0 auto;padding:0;}
	#cartdetailstitle {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:#F89921;text-transform:uppercase;text-align:left;padding-bottom:5px;}
	#cartdetailsprice {font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:#000;text-align:left;padding-bottom:10px;}
	.pricegre {color:#000;}
	.pricered {color:#C00;}

	#cartdetailsright-middle {margin:10px 0;padding:0;}
		
	#cartdetailssdes {margin:0 auto;padding:5%;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	#cartdetailssdes h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailssdes h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailssdes h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailssdes img {width:100%!important;height:auto!important;}
	#cartdetailssdes pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
	
	#cartdetailsright-bottom {margin:0 auto;padding:0;}

	#cartdetailsright-col {margin:0 auto;padding:0;}
	#cartdetailsright-col-left {width:50%;float:left;margin:0 auto;padding:0;}
	#cartdetailsright-col-right {width:50%;float:left;margin:0 auto;padding:0;}
	#bgaddtocart {width:auto;margin:0 auto;padding:0;background:#ededed;padding:20px;}
	#boxattribute {width:100%;margin:0 auto;padding:0;}
	#cartsize {margin:0 auto;padding:0;}
	#cartqty {margin:0 auto;padding:0;}
	#cartqty input {border:none;border:1px solid #ccc;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:5%;width:90%;text-align:left;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:8pxcolor:#666;}
	#bgcartbutton {width:auto;margin:10px 0 0;}
	#cartbutton {margin:0 auto;padding:0;}


	#cartwishlist {text-align:center;margin:20px 0 0;}
	#cartwishlist img {width:10px;height:auto;}
	.cartwishlistbox {padding:5px;border:1px solid #F89921;}
	.cartwishlistboxa-active {width:100%;padding:3px 0;background:#F89921;color:#FFF;font-size:14px;}
	.cartwishlistboxa-active:hover {width:100%;padding:3px 0;background:#FFF;color:#F89921;border:1px solid #F89921;font-size:14px;}
	.cartwishlistboxa-deactive {width:100%;padding:5px 0;background:#FFF;color:#000;border:none;cursor:pointer;border-radius:8px}
	.cartwishlistboxa-deactive:hover {background:#F89921;color:#FFF;}

	#bgwishlistpage {width:100%;margin:0 auto;padding:0;}
	#wrapwishlistpage {width:100%;margin:0 auto;}
	#wishlistpagetitle {font-weight:400;font-size:20px;font-family:'Titillium Web', sans-serif;padding:0 0 2%;text-align:left;color:#F89921;}

	#wishlistpageempty {background:#fff;margin-bottom:10px;padding:50px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;text-align:center;}
	.wishlistpageemptyimg {margin:0 auto;padding:0;}
	.wishlistpageemptyimg img {width:50px;height:auto;}
	.wishlistpageemptytext {font-size:14px;}

	#wishlistpage {background:#fff;margin-bottom:10px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;}
	.wishlistimg {width:100%;height:auto;overflow:hidden;float:left;text-align:left;margin-right:0;}
	.wishlistimg img {width:100%;height:auto;}
	.wishlistname {width:100%;float:left;text-align:left;margin-right:0;font-size:14px;}
	.wishlistname a {color:#000;}
	.wishlistname span {font-size:14px;color:#0099FF;}
	.wishlistprice {width:100%;float:left;text-align:left;margin-right:0;font-weight:400;font-size:14px;color:#C00;}
	.wishlistdelete {width:100%;float:left;text-align:right;margin-right:1%;}
	.wishlistdelete img {width:10%;height:auto;vertical-align:middle;}
	.wishlistdelete a {color:#999;font-weight:700;}
	.wishlistcartbutton {width:auto;float:left;text-align:center;}


	#bgcart {margin:0 auto;padding:0;color:#000;}
	#bgcart a {color:#fff;}
	.notify {background:#C00;padding:2px 7px;border-radius:50px;}
	.notify:hover {background:#666;color:#fff;}
	.notifyzero {background:#eee;padding:2px 7px;border-radius:50px;}
	.notifyzero:hover {background:#666;}

	#bgshoppingcartitems {margin:0 auto;padding:0;}

	#bgshoppingcartitemsleft {width:100%;float:left;margin:0 auto;padding:0;}
	#bgshoppingcartitemsleft-top {margin:0 0 10px;padding:0;}

	#bgshoppingcartitemslefttitlebox {width:96%;float:left;margin:0 auto;padding:2%;background:#F89921;color:#fff;display:none;}
	.titlecartname {width:280px;float:left;text-align:center;margin-right:10px;}
	.titlecartprice {width:100px;float:left;text-align:right;margin-right:10px;}
	.titlecartquantity {width:80px;float:left;text-align:right;margin-right:10px;}
	.titlecartsubtotal {width:100px;float:left;text-align:right;margin-right:10px;}
	.titlecartdelete {width:30px;float:left;text-align:center;}

	#bgshoppingcartitemsleftbox {width:90%;float:left;margin:0 3%;padding:2%;background:#F8F8F8;border-bottom:2px solid #fff;}
	.cartimg {width:20%;height:auto;overflow:hidden;float:left;text-align:left;margin-right:5%;}
	.cartimg img {width:100%;height:auto;}
	.cartname {width:75%;float:left;text-align:left;margin-right:0;font-size:14px;}
	.cartname a {color:#C00;}
	.cartname span {font-size:14px;color:#0099FF;}
	.cartprice {width:100%;float:left;text-align:right;margin-right:0;font-weight:700;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ddd;}
	.cartquantity {width:100%;float:left;text-align:right;margin-right:0;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ddd;}
	.cartquantity input {text-align:center;border:1px solid #ddd;background:#fff;padding:5px;width:20%;font-family:'Titillium Web', sans-serif;}
	.updateqty {border:none;cursor:pointer;}
	.cartsubtotal {width:100%;float:left;text-align:right;margin-right:0;font-weight:700;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ddd;}
	.cartdelete {width:100%;float:left;text-align:right;}
	.cartdelete img {width:5%;height:auto;}
	.iconupdate {width:18px;height:18px;vertical-align:top;background:none!important;padding:2px 4px!important;}
	
	#bgshoppingcartitemsleft-bottom {margin:0 auto;padding:0 3% 3%;}
	.bgshoppingcartitemsleft-bottomleft {width:50%;float:left;text-align:left;}
	.bgshoppingcartitemsleft-bottomright {width:50%;float:left;text-align:right;}

	#bgshoppingcartitemsright {width:90%;margin:0 3%;padding:2%;float:left;background:#ededed;}
	#boxshoppingcartitemsright {width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
	.cartlabel {float:left;text-align:left;}
	.carttotal {float:right;text-align:right;}
	
	#cartdetailsbot {margin:0 auto;padding:0;}

	#cartdetailsdesc {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
	#cartdetailsdesc h1 {font-weight:700;font-size:18px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailsdesc h2 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailsdesc h3 {font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;margin:10px auto;padding:0;}
	#cartdetailsdesc img {width:100%!important;height:auto!important;}
	#cartdetailsdesc pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:1.6;}
	#cartshare {margin:20px 0 0;padding:0;text-align:center;}

}
/* ==================================================================================================== */


















/* ACCORDION */
.accordion {margin:0;text-align:left;}
dt:hover {background:#231F20;}
dt li {list-style:none;margin-left:0;color:#fff!important;}
dt a {color:#fff!important;}
dt, dd {
	text-align:left;
	padding:10px;
	background:#F89921;
	border-bottom:1px solid #fff;
	font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;
	&:last-of-type {
	border-bottom:1px solid black;
}
dt a {
	display:block;
	font-weight:700;font-size:14px;font-family:'Titillium Web', sans-serif;       
}
}
dd ul {padding-left:20px;}
dd {
	border-top:0;
	font-size:14px;
	background:transparent;
	&:last-of-type {
	border-top:1px solid #ccc;
	position:relative;
	top:-1px;
}
}
}
/* ==================================================================================================== */

















#producttitle {font-weight:400;font-size:25px;font-family:'Titillium Web', sans-serif;padding:0 0 1%;text-align:center;}
.resultinfo {margin:0 auto 20px;padding:5px 8px;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);border-radius:8px;}
#emptycartimg {width:auto;margin:20px 0 0;padding:0;}
#emptycartimg img {width:50px;height:auto;}
#emptycartdes {font-size:14px;margin-bottom:20px;}
#emptycart {font-size:14px;margin-bottom:20px;}
#continueshopping {margin:0 auto;padding:0;}





/* TRACKING ORDER */
.tracked {width:24%;margin:0 0.5% 1%;padding:2px 0;float:left;background:#AC0000;color:#fff;border-radius:3px;}
.track {width:24%;margin:0 0.5% 1%;padding:2px 0;float:left;background:#f9f9f9;color:#666;border-radius:3px;}
@media screen and (max-width:1200px)
{
	#bgtrack {width:auto;margin:0 auto 20px;padding:20px 0 0;border:1px solid #ddd;}
	#wraptrack {width:auto;margin:0 auto 15px;padding:0 0 10px;display:table;text-align:center;}
	#headtrack {margin-bottom:20px;font-size:13px;}
	.trackactived {width:80%;margin:0 10% 2%;padding:3px 0;float:left;background:#AC0000;color:#fff;border-radius:3px;}
	.track {width:80%;margin:0 10% 2%;padding:3px 0;float:left;background:#f9f9f9;color:#666;border-radius:3px;}
}
/* ================================================== */