@font-face /*perintah untuk memanggil font eksternal*/
{
	font-family:'Avenir Roman'; /*memberikan nama bebas untuk font*/
	src:url('../fonts/AvenirLTStd-Roman.otf');/*memanggil file font eksternalnya di folder nexa*/
}

/* PRODUK */
#bgproductsa {width:100%;margin:0 auto;padding:5% 0;background:#F9F9F9;}
#bgproductsb {width:100%;margin:0 auto;padding:5% 0;background:#FDF0E0;}
#bgproductsc {width:100%;margin:0 auto;padding:5% 0;background:#FFFFFF;}

#boproductsa {width:990px;margin:0 auto;padding:0;}
#boproductsb {width:90%;margin:0 auto;padding:0;}
#boproductsc {width:80%;margin:0 auto;padding:0;}

#heproducts {margin:0 auto 2%;padding:0;font-weight:700;font-size:30px;font-family:'Avenir Roman';text-align:center;color:#444;}
#heproducts span {border-bottom:3px solid #FE6274;}

#productsbox {width:31.3%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;color:#444;position:relative;}
#productsbox1 {width:18%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;color:#444;position:relative;}
#productsbox2 {width:18%;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;color:#444;position:relative;}
#productsbox:hover {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
#productsbox1:hover {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
#productsbox2:hover {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}

#productstop {margin:0 auto;padding:0;}
.labelpromo {padding:10px;margin:0 auto;min-height:0;min-width:0;border-radius:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;font-weight:700;font-size:18px;background:#2892EC;color:#fff;border-radius:100px 0 0 100px;}
.productsimg {width:100%;height:auto;overflow:hidden;}
.productsimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.productsimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

#productsbot {margin:0 auto;padding:10px;}
.productscat {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Avenir Roman';text-transform:uppercase;}
.productscat a {color:#FE6274;}
.productscat a:hover {color:#444444;}

.productstit {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Avenir Roman';text-transform:uppercase;}
.productstit a {color:#444444;}
.productstit a:hover {color:#FE6274;}

.productspricenor {font-weight:700;font-size:16px;font-family:'Avenir Roman';color:#444444;}
.productspricegre {font-weight:700;font-size:16px;font-family:'Avenir Roman';color:#999999;}
.productspricered {font-weight:700;font-size:16px;font-family:'Avenir Roman';color:#FE6274;}

.labelneos {padding:10px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:auto;left:0;top:0;z-index:10;line-height:1;font-weight:700;font-size:12px;font-family:'Avenir Roman';background:#C09B80;color:#fff;}
.labeldisc {padding:10px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;font-weight:700;font-size:12px;font-family:'Avenir Roman';background:#E1DC4D;color:#CC5652;}
.labeldisc span {font-weight:700;font-size:15px;color:#fff;}
.labelhots {padding:14px 10px;margin:5px;min-height:0;min-width:0;border-radius:100px;position:absolute;right:0;left:auto;bottom:95px;z-index:10;line-height:1;font-weight:700;font-size:12px;font-family:'Avenir Roman';background:#FE6274;color:#fff;}
@media screen and (max-width:990px)
{
	#bgproductsa {width:100%;margin:0 auto;padding:5% 0;background:#F9F9F9;}
	#bgproductsb {width:100%;margin:0 auto;padding:5% 0;background:#FDF0E0;}
	#bgproductsc {width:100%;margin:0 auto;padding:5% 0;background:#FFFFFF;}

	#boproductsa {width:90%;margin:0 auto;padding:0;}
	#boproductsb {width:90%;margin:0 auto;padding:0;}
	#boproductsc {width:90%;margin:0 auto;padding:0;}

	#heproducts {margin:0 auto 5%;padding:0;font-weight:700;font-size:20px;font-family:'Avenir Roman';text-align:center;color:#444;}
	#heproducts span {border-bottom:3px solid #FE6274;}

	#productsbox {width:46%;margin:0 2% 4%;padding:0;float:left;box-sizing:border-box;color:#444;position:relative;}
	#productsbox1 {width:46%;margin:0 2% 4%;padding:0;float:left;box-sizing:border-box;color:#444;position:relative;}
	#productsbox2 {width:46%;margin:0 2% 4%;padding:0;float:left;box-sizing:border-box;color:#444;position:relative;}
	#productsbox:hover {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
	#productsbox1:hover {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
	#productsbox2:hover {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}

	#productstop {margin:0 auto;padding:0;}
	.labelpromo {padding:10px;margin:0 auto;min-height:0;min-width:0;border-radius:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;font-weight:700;font-size:18px;background:#2892EC;color:#fff;border-radius:100px 0 0 100px;}
	.productsimg {width:100%;height:auto;overflow:hidden;}
	.productsimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
	.productsimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

	#productsbot {margin:0 auto;padding:0;}
	.productscat {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Avenir Roman';text-transform:uppercase;}
	.productscat a {color:#FE6274;}
	.productscat a:hover {color:#444444;}

	.productstit {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:'Avenir Roman';text-transform:uppercase;}
	.productstit a {color:#444444;}
	.productstit a:hover {color:#FE6274;}

	.productspricenor {font-weight:700;font-size:14px;font-family:'Avenir Roman';color:#444444;}
	.productspricegre {font-weight:700;font-size:14px;font-family:'Avenir Roman';color:#999999;}
	.productspricered {font-weight:700;font-size:14px;font-family:'Avenir Roman';color:#FE6274;}

	.labelneos {padding:10px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:auto;left:0;top:0;z-index:10;line-height:1;font-weight:700;font-size:12px;font-family:'Avenir Roman';background:#C09B80;color:#fff;}
	.labeldisc {padding:10px;margin:0 auto;min-height:0;min-width:0;position:absolute;right:0;left:auto;top:0;z-index:10;line-height:1;font-weight:700;font-size:12px;font-family:'Avenir Roman';background:#E1DC4D;color:#CC5652;}
	.labeldisc span {font-weight:700;font-size:15px;color:#fff;}
	.labelhots {padding:14px 10px;margin:5px;min-height:0;min-width:0;border-radius:100px;position:absolute;right:0;left:auto;bottom:95px;z-index:10;line-height:1;font-weight:700;font-size:12px;font-family:'Avenir Roman';background:#FE6274;color:#fff;}
}
/* ==================================================================================================== */

/* PRODUCT PAGE */
#bgproductpage {width:100%;margin:0 auto;padding:5% 0;}
#boproductpage {width:990px;margin:0 auto;padding:0;}

#productpagetops {margin:0 auto;padding:0;}
.productpagetopsbre {width:100%;margin:0 auto 1%;padding:0;}
.productpagetopsbre a {color:#999;}
.productpagetopsbre a:hover {color:#FE6274;}
#productpagemidd {margin:0 auto 2%;padding:0;}
.productpagemiddtit {font-weight:400;font-size:25px;font-family:'Avenir Roman';padding:0 0 1%;text-align:center;}
.productpagemiddimg {width:100%;height:auto;overflow:hidden;}
.productpagemiddimg img {width:100%;height:auto;}
.productpagemidddes {}
#productpagebott {margin:0 auto;padding:0;}

#productpageleft {width:18%;float:left;margin:0 2% 0 0;padding:0;}

#productpagerite {width:80%;float:left;margin:0 auto;padding:0;}
#bgconproductpage {margin:0 auto;padding:0;}
#boconproductpage {margin:0 auto;padding:0;}
#conproductpagetop {padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:16px;font-family:'Avenir Roman';}
.productsort {width:100%;margin:0 auto;padding:0;text-align:right;}
.sortby {display:block;margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
.sortby select {border:1px solid #ddd;padding:5px;font-size:16px;font-family:'Avenir Roman';border-radius:5px;}
.sortchoose {padding:0;}

/* #productpage {width:235px;height:370px;color:#333;margin:0 5px 20px;padding-bottom:10px;border-bottom:1px solid #ddd;float:left;} */
#versidesktop {display:block;}
#versimobile {display:none;}
@media screen and (max-width:990px)
{
	
	#bgproductpage {width:100%;margin:0 auto;padding:10% 0;}
	#boproductpage {width:90%;margin:0 auto;padding:0;}

	#productpagetops {margin:0 auto;padding:0;}
	.productpagetopsbre {width:100%;margin:0 auto 1%;padding:0;}
	.productpagetopsbre a {color:#999;}
	.productpagetopsbre a:hover {color:#FE6274;}
	#productpagemidd {margin:0 auto 5%;padding:0;}
	.productpagemiddtit {font-weight:400;font-size:25px;font-family:'Avenir Roman';padding:0 0 1%;text-align:center;}
	.productpagemiddimg {width:100%;height:auto;overflow:hidden;}
	.productpagemiddimg img {width:100%;height:auto;}
	.productpagemidddes {}
	#productpagebott {margin:0 auto;padding:0;}

	#productpageleft {width:100%;float:left;margin:0 auto;padding:0;}

	#productpagerite {width:100%;float:left;margin:0 auto;padding:0;}
	#bgconproductpage {margin:0 auto;padding:0;}
	#boconproductpage {margin:0 auto;padding:0;}
	#conproductpagetop {padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:16px;font-family:'Avenir Roman';}
	.productsort {width:100%;margin:0 auto;padding:0;text-align:right;}
	.sortby {display:block;margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	.sortby select {border:1px solid #ddd;padding:5px;font-size:16px;font-family:'Avenir Roman';border-radius:5px;}
	.sortchoose {padding:0;}
	
	#versidesktop {display:none;}
	#versimobile {display:block;}
}

/* PRODUK KATEGORI LIST */
#bgproductcatlist {margin:0 0 20px;padding:0;}
#bgproductcatlist ul {margin:0 auto;padding:0;}
#bgproductcatlist ul li {list-style:none;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ddd;}
#bgproductcatlist ul li a {color:#000;}
#bgproductcatlist ul li a:hover {color:#FE6274;}
#productcatlisttitle {font-weight:400;font-size:18px;font-family:'Philosopher', sans-serif;margin-bottom:10px;color:#FE6274;}
@media screen and (max-width:990px)
{
	#bgproductcatlist {margin:0 0 10px;padding:0;}
	#bgproductcatlist ul {margin:0 auto;padding:0;}
	#bgproductcatlist ul li {list-style:none;padding:0;margin-bottom:0;background:#FE6274;border-bottom:none;}
	#bgproductcatlist ul li a {color:#fff;}
	#bgproductcatlist ul li a:hover {background:#FC3249;color:#fff;}
	#productcatlisttitle {font-weight:400;font-size:18px;font-family:'Philosopher', sans-serif;margin-bottom:10px;color:#FE6274;}
}
/* ================================================== */


/* CART DETAILS */
#breadcrumbs {margin:0 auto 20px;padding:0;text-transform:capitalize;}
#breadcrumbs a {color:#FE6274;}
#breadcrumbs a:hover {color:#FE6274;}

#bgcartdetails {width:100%;margin:50px auto;padding:0;}
#bocartdetails {width:990px;margin:0 auto;padding:0;}

#cartdetailstop {margin:0 auto 20px;padding:0;}

#cartdetailsleft {width:485px;float:left;margin-right:20px;}
#cartdetailsimg {width:485px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 10px;vertical-align:top;text-align:center;}
#cartdetailsimg img {width:485px;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:485px;float:left;}

#cartdetailsright-top {margin:0 auto;padding:0;}
#cartdetailstitle {margin:0 auto 20px;padding:0;font-weight:700;font-size:30px;font-family:'Roboto Condensed', sans-serif;color:#FE6274;text-transform:uppercase;text-align:left;line-height:1;}
#cartdetailsprice {margin:0 auto 20px;padding:0;font-weight:400;font-size:20px;font-family:'Avenir Roman';color:#333;text-align:left;}
.pricegrey {color:#999;}
.pricered {color:#FE6274;}

#cartdetailsright-middle {margin:0 auto 20px;padding:0;}
#cartdetailssdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
#cartdetailssdes h1 {font-weight:700;font-size:18px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
#cartdetailssdes h2 {font-weight:700;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
#cartdetailssdes h3 {font-weight:700;font-size:16px;font-family:'Avenir Roman';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:16px;font-family:'Avenir Roman';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 {margin:0 auto 20px;padding:0;}
#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:16px;font-family:'Avenir Roman';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:2px;color:#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 #FE6274;}
.cartwishlistboxa-active {width:100%;padding:3px 0;background:#FE6274;color:#FFF;font-size:16px;}
.cartwishlistboxa-active:hover {width:100%;padding:3px 0;background:#FFF;color:#FE6274;border:1px solid #FE6274;font-size:16px;}
.cartwishlistboxa-deactive {width:100%;padding:5px 0;background:#FFF;color:#333;border:none;cursor:pointer;border-radius:2px;}
.cartwishlistboxa-deactive:hover {background:#FE6274;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:'Avenir Roman';padding:0 0 2%;text-align:left;color:#FE6274;}

#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:16px;}

#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:16px;}
.wishlistname a {color:#333;}
.wishlistname span {font-size:16px;color:#0099FF;}
.wishlistprice {width:20%;float:left;text-align:right;margin-right:1%;font-weight:400;font-size:16px;color:#FE6274;}
.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:#333;}
#bgcart a {color:#fff;}
.notify {background:#FE6274;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:660px;float:left;margin:0 20px 0 0;padding:0;}
#bgshoppingcartitemsleft-top {margin:0 0 10px;padding:0;}

#bgshoppingcartitemslefttitlebox {width:640px;float:left;margin:0 auto;padding:10px;background:#FE6274;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:640px;float:left;margin:0 auto;padding:10px;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:16px;}
.cartname a {color:#FE6274;}
.cartname span {font-size:16px;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:'Avenir Roman';}
.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;}

#bgshoppingcartitemsleft-bottom {margin:0 auto;padding:0;}
.bgshoppingcartitemsleft-bottomleft {width:50%;float:left;text-align:left;text-transform:uppercase;}
.bgshoppingcartitemsleft-bottomright {width:50%;float:left;text-align:right;text-transform:uppercase;}

#bgshoppingcartitemsright {width:258px;margin:0 auto;padding:20px;float:left;background:#f2f2f2;}
#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:16px;font-family:'Avenir Roman';}
#cartdetailsdesc h1 {font-weight:700;font-size:18px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
#cartdetailsdesc h2 {font-weight:700;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
#cartdetailsdesc h3 {font-weight:700;font-size:16px;font-family:'Avenir Roman';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:16px;font-family:'Avenir Roman';line-height:1.6;}
#cartshare {margin:20px 0 0;padding:0;text-align:right;}
@media screen and (max-width:990px)
{
	#breadcrumbs {margin:0 auto 20px;padding:0;text-transform:capitalize;}
	#breadcrumbs a {color:#FE6274;}
	#breadcrumbs a:hover {color:#FE6274;}

	#bgcartdetails {width:100%;margin:0 auto;padding:5% 0;}
	#bocartdetails {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 {margin:0 auto 1%;padding:0;font-weight:700;font-size:30px;font-family:'Roboto Condensed', sans-serif;color:#FE6274;text-transform:uppercase;text-align:left;line-height:1;}
	#cartdetailsprice {margin:0 auto 1%;padding:0;font-weight:400;font-size:20px;font-family:'Avenir Roman';color:#333;text-align:left;}
	.pricegrey {color:#999;}
	.pricered {color:#FE6274;}

	#cartdetailsright-middle {margin:0 auto 20px;padding:0;}
	#cartdetailssdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Avenir Roman';}
	#cartdetailssdes h1 {font-weight:700;font-size:18px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
	#cartdetailssdes h2 {font-weight:700;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
	#cartdetailssdes h3 {font-weight:700;font-size:16px;font-family:'Avenir Roman';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:16px;font-family:'Avenir Roman';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 {margin:0 auto 20px;padding:0;}
	#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:16px;font-family:'Avenir Roman';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:2px;color:#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 #FE6274;}
	.cartwishlistboxa-active {width:100%;padding:3px 0;background:#FE6274;color:#FFF;font-size:16px;}
	.cartwishlistboxa-active:hover {width:100%;padding:3px 0;background:#FFF;color:#FE6274;border:1px solid #FE6274;font-size:16px;}
	.cartwishlistboxa-deactive {width:100%;padding:5px 0;background:#FFF;color:#333;border:none;cursor:pointer;border-radius:2px;}
	.cartwishlistboxa-deactive:hover {background:#FE6274;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:'Avenir Roman';padding:0 0 2%;text-align:left;color:#FE6274;}

	#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:16px;}

	#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:16px;}
	.wishlistname a {color:#333;}
	.wishlistname span {font-size:16px;color:#0099FF;}
	.wishlistprice {width:20%;float:left;text-align:right;margin-right:1%;font-weight:400;font-size:16px;color:#FE6274;}
	.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:#333;}
	#bgcart a {color:#fff;}
	.notify {background:#FE6274;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:#FE6274;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:16px;}
	.cartname a {color:#FE6274;}
	.cartname span {font-size:16px;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:'Avenir Roman';}
	.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;text-transform:uppercase;}
	.bgshoppingcartitemsleft-bottomright {width:50%;float:left;text-align:right;text-transform:uppercase;}

	#bgshoppingcartitemsright {width:90%;margin:0 3%;padding:2%;float:left;background:#f2f2f2;}
	#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:16px;font-family:'Avenir Roman';}
	#cartdetailsdesc h1 {font-weight:700;font-size:18px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
	#cartdetailsdesc h2 {font-weight:700;font-size:16px;font-family:'Avenir Roman';margin:10px auto;padding:0;}
	#cartdetailsdesc h3 {font-weight:700;font-size:16px;font-family:'Avenir Roman';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:16px;font-family:'Avenir Roman';line-height:1.6;}
	#cartshare {margin:20px 0 0;padding:0;text-align:center;}

}
/* === */


/* KURIR */
#bgkurir {width:650px;float:left;margin:0 auto 20px;padding:10px;background:#F9F9F9;}
#wrapkurir {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:16px;vertical-align:middle;padding:8px 0;}
#kurirconheadradio {width:7%;height:auto;float:left;font-size:16px;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:16px;vertical-align:middle;padding:5px 0;}
#kurirconradio {width:5%;height:auto;float:left;font-size:16px;vertical-align:middle;padding:8px;}
@media screen and (max-width:990px)
{
	#bgkurir {width:90%;float:left;margin:0 3% 20px;padding:2%;background:#F9F9F9;}
	#wrapkurir {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:16px;vertical-align:middle;padding:8px 0;}
	#kurirconheadradio {width:7%;height:auto;float:left;font-size:16px;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:16px;vertical-align:middle;padding:5px 0;}
	#kurirconradio {width:5%;height:auto;float:left;font-size:16px;vertical-align:middle;padding:8px;}
}

/* RADIO SIZE */
.container {display:block;position:relative;padding:1px 0 0 35px;margin-bottom:10px;cursor:pointer;font-size:16px;float:left;vertical-align:middle;margin-right:10px;font-weight:400;font-family:'Roboto Condensed', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.container input {position:absolute;opacity:0;cursor:pointer;}
.checkmark {position:absolute;top:0;left:0;height:25px;width:25px;background-color:#ddd;border-radius:100%;}
.container:hover input ~ .checkmark {background-color:#FE6274;border-radius:100%;}
.container input:checked ~ .checkmark {background-color:#FE6274;border-radius:100%;}
.checkmark:after {content:"";position:absolute;display:none;border-radius:100%;}
.container input:checked ~ .checkmark:after {display:block;}
.container .checkmark:after {top:9px;left:9px;width:8px;height:8px;background:white;}
.container a {color:#FE6274;}

.containershipping {display:block;position:relative;padding:0;margin-bottom:0;cursor:pointer;font-size:16px;float:left;vertical-align:middle;margin-right:10px;font-weight:400;font-family:'Avenir Roman';-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:#333;}
.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:990px)
{
	.container {display:block;position:relative;padding:1px 0 0 35px;margin-bottom:10px;cursor:pointer;font-size:16px;float:left;vertical-align:middle;margin-right:10px;font-weight:400;font-family:'Avenir Roman';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
	.container input {position:absolute;opacity:0;cursor:pointer;}
	.checkmark {position:absolute;top:0;left:0;height:25px;width:25px;background-color:#ddd;}
	.container:hover input ~ .checkmark {background-color:#ccc;}
	.container input:checked ~ .checkmark {background-color:#333;}
	.checkmark:after {content:"";position:absolute;display:none;}
	.container input:checked ~ .checkmark:after {display:block;}
	.container .checkmark:after {top:9px;left:9px;width:8px;height:8px;background:white;}

	.containershipping {display:block;position:relative;padding:0;margin-bottom:0;cursor:pointer;font-size:16px;float:left;vertical-align:middle;margin-right:10px;font-weight:400;font-family:'Avenir Roman';-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:#333;}
	.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;}

}
/* === */

/* 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:#333;color:#fff;border:1px solid #666;border-radius:2px;margin:0 2px;}
.paging {padding:5px 10px;margin:0 auto;background:#fff;color:#666;border:1px solid #666;border-radius:2px;margin:0 2px;}
.paging:hover {padding:5px 10px;margin:0 auto;background:#333;color:#fff;border:1px solid #666;border-radius:2px;margin:0 2px;}
.pagingacts {padding:5px 10px;margin:0 auto;background:#fff;color:#fff;display:none;}
@media screen and (max-width:990px)
{
	#bgpage {background:#fff;margin:20px 0;padding:10px;text-align:right;}
	#pageinfo {margin:0 auto;float:left;}
	.pagingact {padding:5px 10px;margin:0 auto;background:#333;color:#fff;}
	.paging {padding:5px 10px;margin:0 auto;background:#999;color:#fff;}
	.paging:hover {padding:5px 10px;margin:0 auto;background:#333;color:#fff;}
	.pagingacts {padding:5px 10px;margin:0 auto;background:#fff;color:#fff;}
}
/* === */

/* PANEL AKUN */
#bgpanel {width:auto;margin:0 auto;padding:20px 0;background:#f8f8f8;}
#bopanel {width:980px;margin:0 auto;}
#paneltitle {font-size:16px;margin-bottom:10px;color:#FE6274;}
/* LEFT */
#panelleft {width:220px;float:left;margin-right:20px;padding:20px;background:#fff;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);}
#bgaccmenu {margin:0 auto;padding:0;}
#bgaccmenu ul {list-style:circle;padding:0;}
#bgaccmenu ul li {margin:0 0 5px 15px;padding-left:0;}
#bgaccmenu ul li a {color:#333;}
#bgaccmenu ul li a:hover {color:#FE6274;}
#bgaccmenu ul ul {list-style:disc;padding:0;}
#bgaccmenu ul ul li {margin:0 0 0 15px;padding-left:0;}
#bgaccmenu ul ul li a {color:#666;}
#bgaccmenu ul ul li a:hover {color:#FE6274;}
/* RIGHT */
#panelright {width:660px;float:left;padding:20px;background:#fff;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);}
#bgpanelpage {margin:0 auto;padding:0;}
#panelpagebox {width:44%;background:#F9F9F9;padding:2%;margin:1%;float:left;}
.panelpagetext {color:#666;}
.panelpagebutton {margin:10px 0 0;padding:0;border-top:1px solid #eee;}
.panelpagebutton a {color:#999;}
.panelpagebutton a:hover {color:#FE6274;}
@media screen and (max-width:990px)
{
	#bgpanel {width:auto;margin:0 auto;padding:20px 0;background:#f8f8f8;}
	#bopanel {width:90%;margin:0 5%;} 
	#paneltitle {font-size:16px;margin-bottom:10px;color:#FE6274;}
	/* LEFT */
	#panelleft {width:90%;float:left;margin-right:0;padding:5%;margin-bottom:5%;background:#fff;}
	#bgaccmenu {margin:0 auto;padding:0;}
	#bgaccmenu ul {list-style:circle;padding:0;}
	#bgaccmenu ul li {margin:0 0 5px 15px;padding-left:0;}
	#bgaccmenu ul li a {color:#333;}
	#bgaccmenu ul li a:hover {color:#FE6274;}
	#bgaccmenu ul ul {list-style:disc;padding:0;}
	#bgaccmenu ul ul li {margin:0 0 0 15px;padding-left:0;}
	#bgaccmenu ul ul li a {color:#666;}
	#bgaccmenu ul ul li a:hover {color:#FE6274;}
	/* RIGHT */
	#panelright {width:90%;float:left;padding:5%;background:#fff;}
	#bgpanelpage {margin:0 auto;padding:0;}
	#panelpagebox {width:90%;background:#F9F9F9;padding:5%;margin:0 0 5%;float:left;}
	.panelpagetext {color:#666;}
	.panelpagebutton {margin:10px 0 0;padding:0;border-top:1px solid #eee;}
	.panelpagebutton a {color:#999;}
	.panelpagebutton a:hover {color:#FE6274;}
}
/* === */


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

/* ORDER PAGE */
#orderpage {background:#fff;margin-bottom:10px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #eee;}
.orderno {width:14%;height:auto;overflow:hidden;float:left;text-align:center;margin-right:1%;}
.ordername {width:20%;float:left;text-align:left;margin-right:1%;font-size:16px;}
.ordername a {color:#FE6274;}
.orderstatus {width:18%;float:left;text-align:center;margin-right:1%;font-weight:400;font-size:16px;}
.orderdate {width:19%;float:left;text-align:center;margin-right:1%;font-size:16px;}
.orderaction {width:24%;float:left;text-align:center;margin-right:0;}
@media screen and (max-width:990px)
{
	#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:16px;} 
	.ordername a {color:#FE6274;}
	.orderstatus {width:100%;float:left;text-align:center;margin-right:0;font-weight:400;font-size:16px;}
	.orderdate {width:100%;float:left;text-align:center;margin-right:0;font-size:16px;}
	.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:16px;margin-bottom:10px;color:#FE6274;}
.hereorderpageleft {width:50%;float:left;}
.hereorderpagerite {width:50%;float:left;text-align:right;}
.hereorderpagerite a {color:#FE6274;}
#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:#FE6274;}
#reorderrowrite a {margin:0 auto;padding:0 10px;font-weight:700;color:#FE6274;border:1px solid #FE6274;}
#reorderrowrite a:hover {margin:0 auto;padding:0 10px;font-weight:700;color:#333;border:1px solid #333;}
@media screen and (max-width:990px)
{
	#bgreorderpage {margin:0 auto;padding:0;}
	#boreorderpage {margin:0 auto;padding:0;}
	#hereorderpage {font-size:16px;margin-bottom:10px;color:#FE6274;}
	.hereorderpageleft {width:100%;float:left;}
	.hereorderpagerite {width:100%;float:left;text-align:right;}
	.hereorderpagerite a {color:#FE6274;}
	#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:#FE6274;}
	#reorderrowrite a {margin:0 auto;padding:0 10px;font-weight:700;color:#FE6274;border:1px solid #FE6274;}
	#reorderrowrite a:hover {margin:0 auto;padding:0 10px;font-weight:700;color:#333;border:1px solid #333;}
}  
/* ===== */

/* KUPON */
#kuponformbox {margin:20px 0 0;}
.textkupon {text-align:left;border:1px solid #ddd;padding:10px;}
.cartformkupon {width:70%;float:left;}
.cartbtnkupon {width:auto;float:left;}
@media screen and (max-width:990px)
{
	#kuponformbox {margin:5%;}
	.textkupon {text-align:left;border:1px solid #ddd;padding:10px;}
	.cartformkupon {width:100%;float:left;}
	.cartbtnkupon {width:auto;float:left;}
}
/* ===== */
















/*
.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:#333;color:#FFF;font-weight:400;font-size:16px;font-family:'Avenir Roman';width:100%;}
@media screen and (max-width:990px)
{
	.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:#333;color:#FFF;font-weight:400;font-size:16px;font-family:'Avenir Roman';width:100%;}
}
/* === */

/* ACCOUNT PAGE */
#bgaccountpage {width:100%;margin:0 auto;padding:5% 0;}
#boaccountpage {width:600px;margin:0 auto;padding:0;}

#accountpagehead {margin:0 auto 3%;padding:0;text-align:center;}
.accountpagetit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Roboto Condensed', sans-serif;}
.accountpagedes {margin:0 auto;padding:0;}

#accountpagesignin {width:100%;margin:0 auto;padding:0;}
#accountpagesignup {width:100%;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgaccountpage {width:100%;margin:0 auto;padding:5% 0;}
	#boaccountpage {width:90%;margin:0 auto;padding:0;}

	#accountpagehead {margin:0 auto 3%;padding:0;text-align:center;}
	.accountpagetit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Roboto Condensed', sans-serif;}
	.accountpagedes {margin:0 auto;padding:0;}

	#accountpagesignin {width:100%;margin:0 auto;padding:0;}
	#accountpagesignup {width:100%;margin:0 auto;padding:0;}
}
/* ========= */




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

.dropbtn {border:none;cursor:pointer;font-family:'Avenir Roman';background:none;font-size:16px;color:#fff!important;}
.dropbtn:hover {color:#333;}
.dropdown {position:relative;display:block;}
.dropdown-content {display:none;position:absolute;background-color:#444444;width:160px;z-index:1;border-top:5px solid #444444;}
.dropdown-content a {color:#fff;padding:5px 15px;text-decoration:none;display:block;font-size:16px;text-align:left;border-top:1px solid #555555;}
.dropdown-content a:hover {background:#333333;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 #333;}
#accountboxlogin a {color:#333;} 
#accountboxlogin a:hover {color:#FE6274;}











/* ULASAN */
#bgcomment {width:auto;margin:0 auto;padding:0;}
#commentform {margin:0 auto;padding:0;vertical-align:middle;}
#commentform input {vertical-align:middle;}
#commentform img {width:20px;height:20px;margin-right:10px;vertical-align:middle;}
#commentlist {margin-bottom:10px;padding:10px;border:1px solid #eee;}
.commentlistnilai {color:#666;margin-bottom:10px;}
.commentlistnilai img {width:20px;height:20px;vertical-align:middle;}
.commentlistname {color:#999;margin-bottom:10px;}
.commentlistname span {font-weight:700;color:#FE6274;}
.commentlistdesc {color:#666;}
@media screen and (max-width:990px)
{
	#bgcomment {width:auto;margin:0 auto;padding:0;}
	#commentform {margin:0 auto;padding:0;vertical-align:middle;}
	#commentform input {vertical-align:middle;}
	#commentform img {width:20px;height:20px;margin-right:10px;vertical-align:middle;}
	#commentlist {margin-bottom:10px;padding:10px;border:1px solid #eee;}
	.commentlistnilai {color:#666;margin-bottom:10px;}
	.commentlistnilai img {width:20px;height:20px;vertical-align:middle;}
	.commentlistname {color:#999;margin-bottom:10px;}
	.commentlistname span {font-weight:700;color:#FE6274;}
	.commentlistdesc {color:#666;}
}

/* TABS */
ul.tabs {margin:0 auto;padding:0;list-style:none;text-align:left;}
ul.tabs li {color:#999;display:inline-block;padding:5px 15px;cursor:pointer;margin-bottom:-1px;}
ul.tabs li:hover {border-bottom:5px solid #FE6274;color:#FE6274;margin-bottom:-1px;}
ul.tabs li.current {border-bottom:5px solid #FE6274;color:#FE6274;margin-bottom:-1px;}
.tab-content {margin:0 auto;padding:20px 0 0;display:none;}
.tab-content ul {margin-left:20px;}
.tab-content.current {display:block;}
@media screen and (max-width:990px)
{
	ul.tabs {margin:0 auto;padding:0;list-style:none;text-align:left;}
	ul.tabs li {color:#999;display:inline-block;padding:5px;cursor:pointer;margin-bottom:-1px;}
	ul.tabs li:hover {border-bottom:5px solid #FE6274;color:#FE6274;margin-bottom:-1px;}
	ul.tabs li.current {border-bottom:5px solid #FE6274;color:#FE6274;margin-bottom:-1px;}
	.tab-content {margin:0 auto;padding:20px 0 0;display:none;}
	.tab-content ul {margin-left:20px;}
	.tab-content.current {display:block;}
}
/* ================================================== */

/* ACC TABS */
ul.acctabs {margin:0 auto;padding:0;list-style:none;text-align:center;}
ul.acctabs li {width:50%;float:left;background:#F9F9F9;color:#999;display:inline-block;padding:10px 0;cursor:pointer;}
ul.acctabs li:hover {background:#FE6274;color:#FFFFFF;}
ul.acctabs li.current {background:#FE6274;color:#FFFFFF;box-shadow:0px 10px 10px -6px rgba(0,0,0,0.5);-webkit-box-shadow:0px 10px 10px -6px rgba(0,0,0,0.5);-moz-box-shadow:0px 10px 10px -6px rgba(0,0,0,0.5);}
.acctab-content {margin:0 auto;padding:20px 0 0;display:none;}
.acctab-content ul {margin-left:20px;}
.acctab-content.current {display:block;}
@media screen and (max-width:990px)
{
	
}
/* ================================================== */



















/* EMPTY CART */
#bgshoppingcart {padding:0;text-align:center;}
#emptycartimg {width:auto;margin:20px 0 0;padding:0;}
#emptycartimg img {width:50px;height:auto;}
#emptycart {font-size:16px;margin-bottom:20px;}
#continueshopping {margin:0 auto;padding:0;}


#shoppingcarttitle	{margin:0 auto 2%;padding:0;font-weight:700;font-size:30px;font-family:'Roboto Condensed', sans-serif;text-align:center;text-transform:uppercase;}
#shoppingcarttitle span {border-bottom:3px solid #FE6274;}

/* CONFIRM PAGE */
#bgconfirmpage {margin:0 auto;padding:0;text-align:center;}
.confirmimg {width:100px;height:100px;overflow:hidden;margin:0 auto;}
.confirmimg img {width:100px;height:100px;}
.confirmtitle {font-size:20px;text-transform:uppercase;padding:10px 0;}
.confirmdesc {font-size:16px;padding:0 250px;}
.confirmdesc a {color:#FE6274;}
.confirmdesc a:hover {color:#333;}
/* === */









#productresultinfo {background:#F9F9F9;margin:0 auto 5%;padding:10px;text-align:center;text-transform:uppercase;}
.productresultinfotop {margin:0 auto;padding:0;}
.productresultinfomid {margin:0 auto;padding:0;font-weight:700;font-size:25px;font-family:'Roboto Condensed', sans-serif;}
.productresultinfobot {margin:0 auto;padding:0;}
#productnoresultinfo {background:#FDD6D4;margin:0 auto;padding:10px;text-align:center;text-transform:uppercase;}








/* ACCORDION */
.accordion {margin:0 auto;text-align:left;}
dt li {margin-left:15px;color:#333!important;}
dt a {color:#333!important;}
dt:hover {background:#f2f2f2;}
dt, dd {
	text-align:left;
	padding:10px;
	background:none;
	border-bottom:1px solid #ccc;
	font-weight:400;font-size:16px;font-family:'Avenir Roman';
	&:last-of-type {
	border-bottom:1px solid black;
}
dt a {
	display:block;
	font-weight:700;font-size:16px;font-family:'Avenir Roman';      
}
}
dd ul {padding-left:20px;}
dd {
	border-top:0;
	font-size:16px;
	background:transparent;
	&:last-of-type {
	border-top:1px solid #ccc;
	position:relative;
	top:-1px;
}
}
}
/* === */

/* PRODUK HOME 
#bgprodshome {width:100%;margin:0 auto;padding:0;background:#fff;}
#bgprods1 {width:100%;margin:0 auto;padding:5% 0;background:#FDF0E0;}
#bgprods2 {width:100%;margin:0 auto;padding:5% 0;background:#fff;}
#boprods1 {width:90%;margin:0 auto;padding:0;}
#boprods2 {width:80%;margin:0 auto;padding:0;}
#heprods {margin:0 auto 2%;padding:0;font-weight:700;font-size:30px;font-family:'Roboto Condensed', sans-serif;text-align:center;color:#444;}
#heprods span {border-bottom:3px solid #FE6274;}

#prodsbox {width:31.33%;color:#444;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;}
#prodsbox1 {width:18%;color:#444;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;}
#prodsbox2 {width:18%;color:#444;margin:0 1% 2%;padding:0;float:left;box-sizing:border-box;}
.prodsres {float:left;height:auto;margin:0 auto;padding:0;width:100%;}
.prodsrow {display:table;margin:0 0;padding:0;border-collapse:separate;width:100%;}
.prodscol {display:block;margin:0 auto;}
.prodsimg {position:relative;width:100%;height:auto;overflow:hidden;padding:0;}
.prodsimg:hover {background:none;} 
.prodsimg img {width:100%;height:auto;}
.prodsimg .prodscap {opacity:0;position:absolute;height:auto;width:100%;bottom:0px;left:0px;padding:0;color:#666;background:none;}
.prodsimg:hover .prodscap {opacity:1;-webkit-transition-duration:1s;transition-duration:1s;}
.prodscap {background:#444;color:#FFF;font-weight:400;font-size:16px;font-family:'Avenir Roman';width:100%;}
.prodstit {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Roboto Condensed', sans-serif;text-transform:uppercase;}
.prodstit a {color:#444;}
.prodstit a:hover {color:#FE6274;}
.prodspri {font-weight:700;font-size:16px;font-family:'Avenir Roman';color:#FE6274;}

.btnprodsold {display:none;}
.btnprods {display:none;}
#prodsbox1:hover .btnprodsold {display:block;width:205px;position:absolute;margin-top:10px;padding:3px 5px;text-align:center;background:#999;color:#fff;cursor:pointer;}
#prodsbox1:hover .btnprods {display:block;width:205px;position:absolute;margin-top:10px;padding:3px 5px;text-align:center;background:#FE6274;color:#fff;border:none;font-family:'Avenir Roman';cursor:pointer;}
.btnprods a {color:#fff;}
.resultinfo {background:#FDD6D4;padding:10px;margin-bottom:20px;}
.noresultinfo {background:#f8f8f8;padding:20px;}

.cartbtn {text-align:center;}
@media screen and (max-width:990px)
{
	
}
/* ==================================================================================================== */