html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align:baseline;
	font-size:100%;
	outline:0;
	padding:0;
	margin:0;
	border:0;
	line-height:1.6;
}

h1 {font-size:20px;}
a {text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
ul {list-style:disc;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
#versidesktop {display:block;}
#versimobile {display:none;}
@media screen and (max-width:1200px)
{
	h1 {font-size:20px;}
	a {text-decoration:none;}
	ol {list-style:decimal;padding-left:20px;}
	ul {list-style:disc;padding-left:20px;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	#versidesktop {display:none;}
	#versimobile {display:block;}
}

/* BG */
#bg {font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;line-height:1.6;color:#000;background:#fff;}
#bgcontent {width:1200px;line-height:1.6;margin:0 auto;padding:20px 0;clear:both;}
#bgigmobile {margin:0 auto;padding:1%;clear:both;}
@media screen and (max-width:1200px)
{
	#bg {font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;line-height:1.6;color:#000;background:#fff;}
	#bgcontent {width:90%;margin:0 auto;padding:5%;clear:both;}
	#bgigmobile {margin:0 auto;padding:1%;clear:both;}
}
/* ================================================== */

/* TOP */
#bgheadtop {width:100%;margin:0 auto;padding:10px 0 4px;border-bottom:1px solid #eee;}
#headtop {width:1200px;margin:0 auto;padding:0;}
#headtopleft {width:50%;float:left;color:#fff;}
#headtopleft img {width:25px;height:25px;}
#headtopright {width:50%;float:left;}
#toprightbox {float:right;}
.headtoprights-cart {width:auto;float:left;text-align:center;color:#000;padding-left:20px;}
.headtoprights-cart a {color:#000;}
.headtoprights-cart a:hover {color:#AC0000;}
.headtoprights-cart:hover {color:#000;}

.headtoprights-user {width:auto;float:left;text-align:center;color:#000;padding:0 20px;border-left:1px solid #eee;border-right:1px solid #eee;}
.headtoprights-user a {color:#000;}
.headtoprights-user a:hover {color:#AC0000;}
.headtoprights-user:hover {color:#AC0000;}

#bgtop {width:100%;margin:0 auto;padding:20px 0 10px;}
#wraptop {width:1200px;height:60px;margin:0 auto;padding:0;text-align:left;}

#topleft {width:240px;float:left;}
#logo {height:auto;width:100%;}
#logo img {padding:0;text-align:center;margin:0 auto;}

#topright {width:960px;float:left;margin:5px 0;padding:5px 0;}
#searchcolom {text-align:right;width:500px;float:right;}
.tombolcarin[type=text] {width:60%;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;font-size:13px;background-color:white;background-image:url('../images/icon-cari.png');background-position:0;background-repeat:no-repeat;padding:10px 20px 10px 40px;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;font-family:'Roboto Condensed', sans-serif;}
.tombolcarin[type=text]:focus {width:80%;border:1px solid #bbb;border-radius:5px;}

.resultinfo {background:#F2DEDE;color:#A94442;border:1px solid #EBCCD1;padding:10px;margin:0 0 20px;border-radius:3px;text-align:center;}
@media screen and (max-width:1200px)
{
	#bgheadtop {width:100%;margin:0 auto;padding:5px 0;border-bottom:0px solid #eee;}
	#headtop {width:100%;margin:0 auto;padding:0;}
	#headtopleft {width:100%;float:left;color:#fff;text-align:center;margin-top:5px;padding-bottom:5px;border-bottom:1px solid #eee;}
	#headtopleft img {width:8%;height:8%;}
	#headtopright {width:100%;float:left;padding:5px 0;border-bottom:1px solid #eee;}
	#toprightbox {width:46%;float:right;padding:0 2%;}
	.headtoprights-cart {width:100%;float:left;text-align:right;color:#000;padding-left:0;}
	.headtoprights-cart a {color:#000;}
	.headtoprights-cart a:hover {color:#AC0000;}
	.headtoprights-cart:hover {color:#AC0000;}
	
	.headtoprights-user {width:100%;float:left;text-align:left;color:#000;padding:0;border-left:0;border-right:0;}
	.headtoprights-user a {color:#000;}
	.headtoprights-user a:hover {color:#AC0000;}
	.headtoprights-user:hover {color:#AC0000;}
	
	#bgtop {width:100%;margin:0 auto;padding:0;}
	#wraptop {width:100%;height:auto;margin:0 auto;padding:0;text-align:left;}

	#topleft {width:100%;float:left;}
	#logo {width:100%!important;height:auto;text-align:center!important;padding:15px 0 5px;}
	#logo img {padding:0;text-align:center;margin:0 auto;}

	#topright {width:100%;float:left;margin:0 0 10px;padding:0;}
	#searchcolom {text-align:center;width:100%;float:left;}
	.tombolcarin[type=text] {width:60%;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;font-size:13px;background-color:white;background-image:url('../images/icon-cari.png');background-position:0;background-repeat:no-repeat;padding:10px 20px 10px 40px;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;font-family:'Roboto Condensed', sans-serif;}
	.tombolcarin[type=text]:focus {width:80%;border:1px solid #bbb;border-radius:5px;}
	
	.resultinfo {background:#F2DEDE;color:#A94442;border:1px solid #EBCCD1;padding:10px;margin:0 0 20px;border-radius:3px;text-align:center;}
}
/* ================================================== */


/* MENU */
#bgmenu {margin:0 auto;height:auto;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#menu {margin:0 auto;width:1200px;display:block;}
@media screen and (max-width:1200px)
{
	#bgmenu {margin:0 auto;height:auto;border-top:none;border-bottom:none;}
	#menu {margin:0 auto;width:100%;display:block;}	
}
/* ================================================== */

/* HEADER */
#bgcatslide {width:100%;margin:0 auto;padding:10px 0;background:#f9f9f9;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
#wrapcatslide {width:1200px;margin:0 auto;padding:0;}
#catslideleft {width:266px;height:436px;float:left;padding:7px 17px;font-size:13px;background:#305D37;}
#bgproductcat {margin:0 auto;padding:0;}
#productcat {margin:0 auto;padding:0;}
#productcat ul {margin:0;padding:0;}
#productcat ul li {list-style:none;margin:0;}
#productcat ul li a {color:#fff;}
#productcat ul li a:hover {color:#E0E7E1;}

#catslideright {width:900px;float:left;}
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#slideshow {width:100%;margin:0 auto;}
@media screen and (max-width:1200px)
{
	#bgcatslide {width:100%;margin:0 auto;padding:0;background:#f9f9f9;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
	#wrapcatslide {width:100%;margin:0 auto;padding:0;}
	#catslideleft {width:96%;height:auto;float:left;padding:2% 2% 0;font-size:13px;background:#fff;}
	#bgproductcat {margin:0 auto;padding:0;}
	#productcat {margin:0 auto;padding:0;}
	#productcat ul {margin:0;padding:0;}
	#productcat ul li {list-style:none;margin:0;}
	#productcat ul li a {color:#fff;}
	#productcat ul li a:hover {color:#E0E7E1;}

	#catslideright {width:100%;float:left;}
	#bgslideshow {width:100%;margin:0 auto;padding:0;}
	#slideshow {width:100%;margin:0 auto;}
}
/* ================================================== */

/* MORE BUTTON */
#morebutton {width:1200px;margin:0 auto;padding:0;text-align:right;}
#morebutton a {color:#AC0000;}
@media screen and (max-width:1200px)
{
	#morebutton {width:90%;margin:0 5%;padding:0;text-align:left;}
	#morebutton a {color:#AC0000;}
}
/* ================================================== */

/* BOTTOM A */
#bgbottoma {width:100%;margin:0 auto;padding:20px 0;background:#f9f9f9;}
#wrapbottoma {width:1200px;margin:0 auto;padding:0;}

/* BOTTOM A LEFT */
#bottomboxaleft {width:200px;height:340px;margin:0;padding:20px;float:left;color:#000;background:#fff;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
#bottomboxalefttitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
#bottomboxaleftdesc {margin:0 0 5px;padding:0;}
#bottomboxaleftdesc a {color:#000;}
#bottomboxaleftdesc a:hover {color:#C00;}
#bottomboxaleftdesc span {vertical-align:middle;}
#bottomboxaleftdesc img {width:20px;height:20px;vertical-align:middle;margin-right:5px;}
#bottomboxaleftdescimg {margin:20px auto;padding:0;text-align:center;}
#bottomboxaleftdescimg img {width:100px;height:100px;}

/* BOTTOM A CENTER */
#bottomboxacenter {width:290px;height:380px;margin:0 15px;float:left;color:#000;background:#fff;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
#bgnewsletter {width:100%;margin:0 auto;padding:0;}
#wrapnewsletter {margin:0 auto;padding:20px;background:#fff;}
#boxnewsletter {margin:0;padding:0;}
#newsletterleft {float:left;margin-bottom:2%;}
.newslettertitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
.newsletterdesc {background:#fff;color:#666;margin-bottom:10px;}
#newsletterright {width:100%;float:left;}
.newsletternama {margin-bottom:5px;}
.newsletteremail {margin-bottom:5px;}
.newslettergender {margin-bottom:20px;}
.newsletterbutton {margin:0;padding:0;}
.newsletter {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', sans-serif;padding:3%;width:94%;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;}
.newsletter:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}

/* BOTTOM A RIGHT */
#bottomboxaright {width:600px;height:340px;float:left;color:#000;padding:20px;background:#fff;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
#bgtesthome {margin:0 auto;padding:0;}
#wraptestihome {margin:0 auto;padding:0;}
#headtestihome {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
#testihome {width:190px;float:left;margin:0 5px;}
.testihometitle {font-weight:700;text-transform:capitalize;}
.testihomedesc {margin:5px 0;padding:10px;background:#f9f9f9;}
.testihomename {color:#666;text-transform:capitalize;}
.testihomedate {color:#999;}
@media screen and (max-width:1200px)
{
	#bgbottoma {width:100%;margin:0 auto;padding:20px 0;background:#f9f9f9;}
	#wrapbottoma {width:100%;margin:0 auto;padding:0;}
	
	/* BOTTOM A LEFT */
	#bottomboxaleft {width:80%;height:auto;margin:0 5% 5%;padding:5%;float:left;color:#000;background:#fff;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
	#bottomboxalefttitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
	#bottomboxaleftdesc {margin:0 0 5px;padding:0;}
	#bottomboxaleftdesc a {color:#000;}
	#bottomboxaleftdesc a:hover {color:#C00;}
	#bottomboxaleftdesc span {vertical-align:middle;}
	#bottomboxaleftdesc img {width:20px;height:20px;vertical-align:middle;margin-right:5px;}
	#bottomboxaleftdescimg {margin:20px auto;padding:0;text-align:center;}
	#bottomboxaleftdescimg img {width:100px;height:100px;}
	
	/* BOTTOM A CENTER */
	#bottomboxacenter {width:80%;height:auto;margin:0 5% 5%;padding:5%;float:left;color:#000;background:#fff;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
	#bgnewsletter {width:100%;margin:0 auto;padding:0;}
	#wrapnewsletter {margin:0 auto;padding:0;background:#fff;}
	#boxnewsletter {margin:0;padding:0;}
	#newsletterleft {float:left;margin-bottom:2%;}
	.newslettertitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
	.newsletterdesc {background:#fff;color:#666;margin-bottom:10px;}
	#newsletterright {width:100%;float:left;}
	.newsletternama {margin-bottom:5px;}
	.newsletteremail {margin-bottom:5px;}
	.newslettergender {margin-bottom:20px;}
	.newsletterbutton {margin:0;padding:0;}
	.newsletter {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', sans-serif;padding:3%;width:94%;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;}
	.newsletter:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
	
	/* BOTTOM A RIGHT */
	#bottomboxaright {width:80%;height:auto;float:left;color:#000;margin:0 5% 5%;padding:5%;background:#fff;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
	#bgtesthome {margin:0 auto;padding:0;}
	#wraptestihome {margin:0 auto;padding:0;}
	#headtestihome {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
	#testihome {width:100%;float:left;margin:0 auto;}
	.testihometitle {font-weight:700;text-transform:capitalize;}
	.testihomedesc {margin:5px 0;padding:10px;background:#f9f9f9;}
	.testihomename {color:#666;text-transform:capitalize;}
	.testihomedate {color:#999;}

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

/* BOTTOM B */
#bgbottomb {width:100%;margin:0 auto;padding:50px 0;background:#305D37;}
#wrapbottomb {width:1200px;margin:0 auto;padding:0;}
#bottomboxb1 {width:150px;margin:0;float:left;color:#fff;}
#bottomboxb1 ul {padding-left:0;}
#bottomboxb1 ul li {list-style:none;margin:0;}
#bottomboxb1 a {color:#fff;}
#bottomboxb1 a:hover {color:#fff;text-decoration:underline;}

#bottomboxb2 {width:110px;margin:0 5px;float:left;color:#fff;}
#bottomboxb2title {font-size:15px;font-weight:700;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;}
#bottomboxb2desc {margin:0 0 5px;padding:0;}
#bottomboxb2desc a {color:#fff;}
#bottomboxb2desc a:hover {color:#fff;text-decoration:underline;}
#bottomboxb2desc span {vertical-align:middle;}
#bottomboxb2desc img {width:20px;height:20px;vertical-align:middle;margin-right:5px;}

#bottomboxb3 {width:294px;margin:0 5px;float:left;color:#fff;}
#bottomboxb3title {font-size:15px;font-weight:700;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;}
#bottomboxb3desc {float:left;}
#bottomboxb3descline {float:left;margin:0 2px;padding:0 2px;}
#bottomboxb3descline:last-child {float:left;margin:0;padding:0;display:none;}
#bottomboxb3desc a {color:#fff;}
#bottomboxb3desc a:hover {color:#fff;text-decoration:underline;}

#bottomboxb4 {width:200px;margin:0 5px;float:left;color:#fff;}
#bottomboxb4 a {color:#fff;}
#bottomboxb4 a:hover {color:#fff;text-decoration:underline;}

#bottomboxb5 {width:188px;margin:0 5px;float:left;color:#fff;}
#bottomboxb6 {width:188px;margin:0;float:left;color:#fff;}
#bottomboxbtitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;}
#bottomboxbdesc {margin:0 auto;padding:0;}
#bottomboxbimg {width:84px;height:35px;overflow:hidden;margin:0 5px 10px;float:left;}
#bottomboxbimg img {width:84px;height:35px;}
@media screen and (max-width:1200px)
{
	#bgbottomb {width:100%;margin:0 auto;padding:5% 0;background:#305D37;}
	#wrapbottomb {width:90%;margin:0 5%;padding:0;}
	#bottomboxb1 {width:100%;margin:0 0 5%;float:left;color:#fff;}
	#bottomboxb1 ul {padding-left:0;}
	#bottomboxb1 ul li {list-style:none;margin:0;}
	#bottomboxb1 a {color:#fff;}
	#bottomboxb1 a:hover {color:#fff;text-decoration:underline;}

	#bottomboxb2 {width:100%;margin:0 0 5%;float:left;color:#fff;}
	#bottomboxb2title {font-size:15px;font-weight:700;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;}
	#bottomboxb2desc {margin:0 0 5px;padding:0;}
	#bottomboxb2desc a {color:#fff;}
	#bottomboxb2desc a:hover {color:#fff;text-decoration:underline;}
	#bottomboxb2desc span {vertical-align:middle;}
	#bottomboxb2desc img {width:20px;height:20px;vertical-align:middle;margin-right:5px;}

	#bottomboxb3 {width:100%;margin:0 0 5%;float:left;color:#fff;}
	#bottomboxb3title {font-size:15px;font-weight:700;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;}
	#bottomboxb3desc {float:left;}
	#bottomboxb3descline {float:left;margin:0 2px;padding:0 2px;}
	#bottomboxb3descline:last-child {float:left;margin:0;padding:0;display:none;}
	#bottomboxb3desc a {color:#fff;}
	#bottomboxb3desc a:hover {color:#fff;text-decoration:underline;}

	#bottomboxb4 {width:100%;margin:0 0 5%;float:left;color:#fff;}
	#bottomboxb4 a {color:#fff;}
	#bottomboxb4 a:hover {color:#fff;text-decoration:underline;}

	#bottomboxb5 {width:100%;margin:0 0 5%;float:left;color:#fff;}
	
	#bottomboxb6 {width:100%;margin:0;float:left;color:#fff;}
	#bottomboxbtitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;}
	#bottomboxbdesc {margin:0 auto;padding:0;}
	#bottomboxbimg {width:84px;height:35px;overflow:hidden;margin:0 5px 10px;float:left;}
	#bottomboxbimg img {width:84px;height:35px;}

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

/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:#1E3B23;color:#FFF;text-align:center;}
#footer {width:1200px;margin:0 auto;padding:0;}
#footera {text-align:center;height:auto;width:100%;color:#fff}
#footerb {height:auto;width:100%;text-align:center;color:#fff}
#footerb a {color:#fff;text-decoration:none;}
#footerb a:hover {color:#fff;}
@media screen and (max-width:1200px)
{
	#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:#1E3B23;color:#FFF;text-align:center;}
	#footer {width:100%;margin:0 auto;padding:0;}
	#footera {text-align:center;height:auto;width:100%;color:#fff}
	#footerb {height:auto;width:100%;text-align:center;color:#fff}
	#footerb a {color:#fff;text-decoration:none;}
	#footerb a:hover {color:#fff;}
}
/* ================================================== */

#bgtestpage {margin:0 auto;padding:0;}
#wraptestpage {margin:0 auto;padding:0;}
#headtestpage {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}

#testpage {width:96%;margin:0 auto 2%;padding:2%;background:#f9f9f9;}
.testpagetitle {font-weight:700;text-transform:capitalize;}
.testpagedesc {margin:5px 0;}
.testpagename {color:#666;text-transform:capitalize;text-align:right;}
@media screen and (max-width:1200px)
{
	#bgtestpage {margin:0 auto;padding:0;}
	#wraptestpage {margin:0 auto;padding:0;}
	#headtestpage {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}

	#testpage {width:96%;margin:0 auto 2%;padding:2%;background:#f9f9f9;}
	.testpagetitle {font-weight:700;text-transform:capitalize;}
	.testpagedesc {margin:5px 0;}
	.testpagename {color:#666;text-transform:capitalize;text-align:right;}
}

/* PAGE DETAILS */
#bgpagedetails {width:100%;margin:0 auto;padding:20px 0;border-bottom:1px solid #ddd;}
#wrappagedetails {width:1200px;margin:0 auto;padding:0;}
#pagedetailsleft {width:880px;float:left;margin-right:20px;}
.pagedetailstitle {font-size:18px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;color:#305D37;}
.pagedetailsdate {font-size:13px;color:#999;}
.pagedetailsimg {margin:20px 0;padding:0;}
.pagedetailsimg img {width:100%;height:auto;}
.pagedetailsdesc {font-weight:400;font-size:13px;}
.pagedetailsshare {margin-top:10px;padding-top:5px;border-top:1px solid #ddd;text-align:right;}

#pagedetailsright {width:300px;float:left;}
#bgmenulist {margin:0 0 20px;padding:0;}
#menulisttitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
#bgmenulist ul {margin:0;padding:0;}
#bgmenulist ul li {list-style:none;padding:5px 10px;margin-bottom:5px;background:#f9f9f9;}
#bgmenulist ul li a {color:#000;}
#bgmenulist ul li a:hover {color:#C00;}
@media screen and (max-width:1200px)
{
	#bgpagedetails {width:100%;margin:0 auto;padding:20px 0;border-bottom:1px solid #ddd;}
	#wrappagedetails {width:90%;margin:0 5%;padding:0;}
	#pagedetailsleft {width:100%;float:left;margin-right:0;margin-bottom:10%;}
	.pagedetailstitle {font-size:18px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;color:#305D37;}
	.pagedetailsdate {font-size:13px;color:#999;}
	.pagedetailsimg {margin:20px 0;padding:0;}
	.pagedetailsimg img {width:100%;height:auto;}
	.pagedetailsdesc {font-weight:400;font-size:13px;}
	.pagedetailsshare {margin-top:10px;padding-top:5px;border-top:1px solid #ddd;text-align:left;}

	#pagedetailsright {width:100%;float:left;}
	#bgmenulist {margin:0 0 20px;padding:0;}
	#menulisttitle {font-weight:700;font-size:16px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
	#bgmenulist ul {margin:0;padding:0;}
	#bgmenulist ul li {list-style:none;padding:5px 10px;margin-bottom:5px;background:#f9f9f9;}
	#bgmenulist ul li a {color:#000;}
	#bgmenulist ul li a:hover {color:#C00;}
}
/* ================================================== */

/* PRODUK */
/* BG SLIDE */
#bgproductslide {width:100%;margin:0 auto;padding:20px 0;}
#wrapproductslide {width:1200px;margin:0 auto;padding:0;}
/* BG NEW */
#bgproductsneo {width:100%;margin:0 auto;padding:20px 0;}
#wrapproductsneo {width:1200px;margin:0 auto;padding:0;}
/* BG HOT */
#bgproductshot {width:100%;margin:0 auto;padding:20px 0;background:#f9f9f9;}
#wrapproductshot {width:1200px;margin:0 auto;padding:0;}
/* BG PAGE */
#bgprodpage {width:100%;margin:0 auto;padding:20px 0;}
#wrapprodpage {width:1200px;margin:0 auto;padding:0;}
/* PRODUCT HEAD */
#headproducts {font-weight:700;font-size:16px;margin-bottom:20px;padding:0;color:#000;border-bottom:1px solid #305D37;}
#headproducts span {border-bottom:5px solid #305D37;}

/* PRODUCT BODY */
#products {width:190px;margin:0 5px 20px;padding:0;color:#000;float:left;background:#fff;position:relative;}
#products: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;padding:0;}
.labelpromo {padding:10px;margin:0;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:190px;height:190px;overflow:hidden;}
.productsimg img {width:190px;height:190px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.productsimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#productsbottom {margin:0;padding:10px;}
.productscat {margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #eee;}
.productscat a {color:#F39200;}
.productscat a:hover {color:#C00;}
.productstitle {height:auto;padding:0;text-transform:capitalize;}
.productstitle a {color:#000;}
.productstitle a:hover {color:#C00;}
.productsprice {color:#000;}
.productspricenormal {color:#C00;font-weight:700;}
.productspricegrey {color:#999;}
.productspricegreen {font-size:13px;color:#305D37;}
.productspricered {color:#C00;font-weight:700;}
.productsatt {color:#999;}
.labelneos {padding:10px;margin:0;min-height:0;min-width:0;border-radius:0;position:absolute;right:auto;left:0;top:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#305D37;color:#fff;border-radius:0 100px 100px 0;}
.labeldisc {padding:10px;margin:0;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;}
.labelhots {padding:10px;margin:5px;min-height:0;min-width:0;border-radius:0;position:absolute;right:0;left:auto;bottom:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#C00000;color:#fff;border-radius:100px;}
.labelatt {color:#999;}
@media screen and (max-width:1200px)
{
	/* BG SLIDE */
	#bgproductslide {width:100%;margin:0 auto;padding:20px 0;}
	#wrapproductslide {width:90%;margin:0 5%;padding:0;}
	/* BG NEW */
	#bgproductsneo {width:100%;margin:0 auto;padding:20px 0;}
	#wrapproductsneo {width:90%;margin:0 5%;padding:0;}
	/* BG HOT */
	#bgproductshot {width:100%;margin:0 auto;padding:20px 0;background:#f9f9f9;}
	#wrapproductshot {width:90%;margin:0 5%;padding:0;}
	/* BG PAGE */
	#bgprodpage {width:100%;margin:0 auto;padding:20px 0;}
	#wrapprodpage {width:90%;margin:0 5%;padding:0;}
	/* PRODUCT HEAD */
	#headproducts {font-weight:700;font-size:16px;margin-bottom:20px;padding:0;color:#000;border-bottom:1px solid #305D37;}
	#headproducts span {border-bottom:5px solid #305D37;}

	/* PRODUCT BODY */
	#products {width:48%;margin:0 1% 20px;padding:0;color:#000;float:left;background:#fff;position:relative;}
	#products: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;padding:0;}
	.labelpromo {padding:10px;margin:0;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:155px;overflow:hidden;}
	.productsimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.productsimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
	#productsbottom {margin:0;padding:10px;}
	.productscat {height:48px;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #eee;}
	.productscat a {color:#F39200;}
	.productscat a:hover {color:#C00;}
	.productstitle {height:65px;padding:0;text-transform:capitalize;}
	.productstitle a {color:#000;}
	.productstitle a:hover {color:#C00;}
	.productsprice {height:42px;color:#000;}
	.productspricenormal {color:#C00;font-weight:700;}
	.productspricegrey {color:#999;}
	.productspricegreen {font-size:13px;color:#305D37;}
	.productspricered {color:#C00;font-weight:700;}
	.productsatt {color:#999;}
	.labelneos {padding:10px;margin:0;min-height:0;min-width:0;border-radius:0;position:absolute;right:auto;left:0;top:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#305D37;color:#fff;border-radius:0 100px 100px 0;}
	.labeldisc {padding:10px;margin:0;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;}
	.labelhots {padding:10px;margin:5px;min-height:0;min-width:0;border-radius:0;position:absolute;right:0;left:auto;bottom:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#C00000;color:#fff;border-radius:100px;}
	.labelatt {color:#999;}
}
/* ================================================== */

/* PRODUCT PAGE */
#bgproductspage {width:100%;margin:0 auto;padding:20px 0;}
#wrapproductspage {width:1200px;margin:0 auto;}
#productspageleft {width:220px;float:left;margin-right:20px;}
#productspageright {width:960px;float:left;}
#conproductspage {margin:0;padding:0;}
#subconproductspage {margin:0;padding:0;}
#headproductspage {font-weight:400;font-size:25px;font-family:'Roboto Condensed', sans-serif;padding:0 0 2%;text-align:center;}
#productspagetops {padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:15px;font-family:'Roboto Condensed', sans-serif;}
.breadcrumb {width:50%;float:left;padding:6px 0;}
.breadcrumb a {color:#999;}
.breadcrumb a:hover {color:#C00000;}
.productsort {width:50%;float:left;text-align:right;}
#sortby {display:block;margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;}
#sortby select {border:1px solid #ddd;padding:5px;font-size:15px;font-family:'Roboto Condensed', sans-serif;border-radius:5px;}
.sortchoose {padding:0;}
/* PRODUCT BODY */
#productspage {width:182px;margin:0 5px 20px;padding:0;color:#000;float:left;background:#fff;position:relative;}
#productspage: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);}
#productspagetop {margin:0;padding:0;}
.labelpromo {padding:10px;margin:0;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;}
.productspageimg {width:182px;height:182px;overflow:hidden;}
.productspageimg img {width:182px;height:182px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.productspageimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#productspagebottom {margin:0;padding:10px;}
.productspagecat {margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #eee;}
.productspagecat a {color:#F39200;}
.productspagecat a:hover {color:#C00;}
.productspagetitle {height:42px;padding:0;text-transform:capitalize;}
.productspagetitle a {color:#000;}
.productspagetitle a:hover {color:#C00;}
.productspageprice {color:#000;}
.productspagepricenormal {color:#C00;font-weight:700;}
.productspagepricegrey {color:#999;}
.productspagepricegreen {font-size:13px;color:#305D37;}
.productspagepricered {color:#C00;font-weight:700;}
.productspageatt {color:#999;}
.labelneos {padding:10px;margin:0;min-height:0;min-width:0;border-radius:0;position:absolute;right:auto;left:0;top:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#305D37;color:#fff;border-radius:0 100px 100px 0;}
.labeldisc {padding:10px;margin:0;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;}
.labelhots {padding:10px;margin:5px;min-height:0;min-width:0;border-radius:0;position:absolute;right:0;left:auto;bottom:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#C00000;color:#fff;border-radius:100px;}
.labelatt {color:#999;}
@media screen and (max-width:1200px)
{
	#bgproductspage {width:100%;margin:0 auto;padding:20px 0;}
	#wrapproductspage {width:90%;margin:0 5%;}
	#productspageleft {width:100%;float:left;margin-right:0;}
	#productspageright {width:100%;float:left;}
	#conproductspage {margin:0;padding:0;}
	#subconproductspage {margin:0;padding:0;}
	#headproductspage {font-weight:400;font-size:25px;font-family:'Roboto Condensed', sans-serif;padding:0 0 2%;text-align:center;}
	#productspagetops {padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:15px;font-family:'Roboto Condensed', sans-serif;}
	.breadcrumb {width:100%;float:left;padding:6px 0;text-align:center;}
	.breadcrumb a {color:#999;}
	.breadcrumb a:hover {color:#C00000;}
	.productsort {width:100%;float:left;text-align:center;}
	#sortby {display:block;margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;}
	#sortby select {border:1px solid #ddd;padding:5px;font-size:15px;font-family:'Roboto Condensed', sans-serif;border-radius:5px;}
	.sortchoose {padding:0;}
	/* PRODUCT BODY */
	#productspage {width:48%;margin:0 1% 20px;padding:0;color:#000;float:left;background:#fff;position:relative;}
	#productspage: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);}
	#productspagetop {margin:0;padding:0;}
	.labelpromo {padding:10px;margin:0;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;}
	.productspageimg {width:100%;height:180px;overflow:hidden;}
	.productspageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.productspageimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
	#productspagebottom {margin:0;padding:10px;}
	.productspagecat {margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #eee;}
	.productspagecat a {color:#F39200;}
	.productspagecat a:hover {color:#C00;}
	.productspagetitle {height:42px;padding:0;text-transform:capitalize;}
	.productspagetitle a {color:#000;}
	.productspagetitle a:hover {color:#C00;}
	.productspageprice {color:#000;}
	.productspagepricenormal {color:#C00;font-weight:700;}
	.productspagepricegrey {color:#999;}
	.productspagepricegreen {font-size:13px;color:#305D37;}
	.productspagepricered {color:#C00;font-weight:700;}
	.productspageatt {color:#999;}
	.labelneos {padding:10px;margin:0;min-height:0;min-width:0;border-radius:0;position:absolute;right:auto;left:0;top:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#305D37;color:#fff;border-radius:0 100px 100px 0;}
	.labeldisc {padding:10px;margin:0;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;}
	.labelhots {padding:10px;margin:5px;min-height:0;min-width:0;border-radius:0;position:absolute;right:0;left:auto;bottom:0;z-index:10;line-height:1;font-weight:400;font-size:13px;background:#C00000;color:#fff;border-radius:100px;}
	.labelatt {color:#999;}
}
/* ================================================== */

/* PRODUK KATEGORI LIST */
#bgproductcatlist {margin:0 0 20px;padding:0;}
#bgproductcatlist ul {margin:0;padding:0;}
#bgproductcatlist ul li {list-style:none;padding:5px 10px;margin-bottom:5px;background:#f9f9f9;}
#bgproductcatlist ul li a {color:#000;}
#bgproductcatlist ul li a:hover {color:#C00;}
#productcatlisttitle {font-weight:700;font-size:15px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
@media screen and (max-width:1200px)
{
	#bgproductcatlist {margin:0 0 10px;padding:0;}
	#bgproductcatlist ul {margin:0;padding:0;}
	#bgproductcatlist ul li {list-style:none;padding:0;margin-bottom:5px;background:#305D37;}
	#bgproductcatlist ul li a {color:#fff;}
	#bgproductcatlist ul li a:hover {color:#fff;}
	#productcatlisttitle {font-weight:700;font-size:15px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;text-transform:uppercase;color:#305D37;}
}
/* ================================================== */

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

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

/* CART DETAILS */
#bgcartdetails {width:100%;margin:0 auto;padding:10px 0;background:#f4f4f4;}
#wrapcartdetails {width:920px;margin:0 10px;padding:10px;background:#fff;}

#cartdetails {width:auto;margin:0 auto;padding:0;}
#breadcrumbs {margin:0 auto 20px;padding:0;text-transform:capitalize;}
#breadcrumbs a {color:#305D37;}
#breadcrumbs a:hover {color:#C00;}

/* LEFT */
#cartdetailsleft {width:280px;float:left;margin-right:20px;}
#cartdetailsimg {width:280px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 10px;vertical-align:top;text-align:center;}
#cartdetailsimg img {width:280px;height:auto;}
#bgcartdetailsaddimg {width:auto;margin:0 auto;text-align:center;}
#cartdetailsaddimg {width:23%;height:100px;overflow:hidden;float:left;margin:1%;}
#cartdetailsaddimg img {width:100%;height:auto;}

/* CENTER */
#cartdetailscenter {width:470px;float:left;margin-right:20px;padding:0 20px 0 0;border-right:1px solid #ddd;}

#cartdetailscenter-top {margin:0;padding:0;}
#cartdetailscenter-top-title {font-size:18px;margin-bottom:10px;padding-bottom:5px;text-transform:capitalize;border-bottom:1px solid #ddd;}
#cartdetailscenter-top-price {text-align:left;padding-bottom:10px;}
#cartdetailscenter-top-pricebox {width:100%;margin:0 auto;padding:0;}
.cartdetailscenter-top-pricebox-grey {width:25%;float:left;color:#999;font-size:20px;}
.cartdetailscenter-top-pricebox-red {width:25%;float:left;color:#C00;font-weight:700;font-size:20px;}
.cartdetailscenter-top-pricebox-green {width:25%;float:left;color:#666;font-size:20px;}

#cartdetailscenter-middle {margin:0;}
.cartdetailscenter-middle-desc {font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;margin:0;padding:20px;background:#f9f9f9;line-height:1.6;}
.cartdetailscenter-middle-desc iframe {width:100%;height:385px;}
.cartdetailscenter-middle-desc img {width:100%!important;height:auto!important;}

#cartdetailscenter-bottom {margin:0;padding:0;text-align:right;}
#cartdetailscenter-bottom-cart {width:auto;margin:0;padding:20px 0;}

#cartdetailscenter-bottom-qty {margin:0;padding:0;}
#cartdetailscenter-bottom-qty input {border:none;border:1px solid #ccc;font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;padding:2%;width:21%;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;}

#cartdetailscenter-bottom-boxbutton {width:auto;margin:10px 0 0;}
.cartdetailscenter-bottom-button {margin:0;padding:0;}

/* RIGHT */
#cartdetailsright {width:100px;float:left;}
#cartdetailsright-wishlist {margin-bottom:20px;padding-bottom:10px;text-align:center;border-bottom:1px solid #eee;}
#cartdetailsright-wishlist a {color:#305D37;}

.cartdetailsright-wishlist-active {width:100%;padding:0;}
.cartdetailsright-wishlist-active img {width:30%;padding:0;}
.cartdetailsright-wishlist-inactive {color:#666;}

#cartdetailsright-share {margin-bottom:20px;padding-bottom:20px;text-align:center;border-bottom:1px solid #eee;}
.cartdetailsright-share-title {margin-bottom:10px;}

#cartdetailsright-hits {margin-bottom:10px;padding-bottom:10px;text-align:center;border-bottom:1px solid #eee;}
.cartdetailsright-hits-title {margin:0;padding;0;}
.cartdetailsright-hits-value {font-size:30px;margin:0;padding:0;}
.cartdetailsright-hits-text {margin:0;padding:0;color:#999;}
@media screen and (max-width:1200px)
{
	/* CART DETAILS */
	#bgcartdetails {width:100%;margin:0 auto;padding:1% 0;background:#f4f4f4;}
	#wrapcartdetails {width:94%;margin:0 1%;padding:2%;background:#fff;}

	#cartdetails {width:auto;margin:0 auto;padding:0;}
	#breadcrumbs {margin:0 auto 20px;padding:0;text-transform:capitalize;}
	#breadcrumbs a {color:#305D37;}
	#breadcrumbs a:hover {color:#C00;}

	/* LEFT */
	#cartdetailsleft {width:100%;float:left;margin-right:0;}
	#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;}

	/* CENTER */
	#cartdetailscenter {width:100%;float:left;margin:0 0 10px 0;padding:0 0 10px 0;border-right:0px solid #ddd;border-bottom:1px solid #eee;}

	#cartdetailscenter-top {margin:0;padding:0;}
	#cartdetailscenter-top-title {font-size:18px;margin-bottom:10px;padding-bottom:5px;text-transform:capitalize;border-bottom:1px solid #ddd;}
	#cartdetailscenter-top-price {text-align:left;padding-bottom:10px;}
	#cartdetailscenter-top-pricebox {width:100%;margin:0 auto;padding:0;}
	.cartdetailscenter-top-pricebox-grey {width:100%;float:left;color:#999;font-size:15px;}
	.cartdetailscenter-top-pricebox-red {width:100%;float:left;color:#C00;font-weight:700;font-size:18px;}
	.cartdetailscenter-top-pricebox-green {width:100%;float:left;color:#666;font-size:15px;}

	#cartdetailscenter-middle {margin:0;}
	.cartdetailscenter-middle-desc {font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;margin:0;padding:20px;background:#f9f9f9;line-height:1.6;}
	.cartdetailscenter-middle-desc iframe {width:100%;height:385px;}
	.cartdetailscenter-middle-desc img {width:100%!important;height:auto!important;}

	#cartdetailscenter-bottom {margin:0;padding:0;text-align:right;}
	#cartdetailscenter-bottom-cart {width:auto;margin:0;padding:20px 0;}

	#cartdetailscenter-bottom-qty {margin:0;padding:0;}
	#cartdetailscenter-bottom-qty input {border:none;border:1px solid #ccc;font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;padding:2%;width:21%;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;}

	#cartdetailscenter-bottom-boxbutton {width:auto;margin:10px 0 0;}
	.cartdetailscenter-bottom-button {margin:0;padding:0;}

	/* RIGHT */
	#cartdetailsright {width:100%;float:left;}
	#cartdetailsright-wishlist {margin-bottom:20px;padding-bottom:10px;text-align:center;border-bottom:1px solid #eee;}
	#cartdetailsright-wishlist a {color:#305D37;}

	.cartdetailsright-wishlist-active {width:100%;padding:0;}
	.cartdetailsright-wishlist-active img {width:10%;padding:0;}
	.cartdetailsright-wishlist-inactive {color:#666;}
	.cartdetailsright-wishlist-inactive input {width:10%;padding:0;}

	#cartdetailsright-share {margin-bottom:20px;padding-bottom:20px;text-align:center;border-bottom:1px solid #eee;}
	.cartdetailsright-share-title {margin-bottom:10px;}

	#cartdetailsright-hits {margin-bottom:10px;padding-bottom:10px;text-align:center;border-bottom:1px solid #eee;}
	.cartdetailsright-hits-title {margin:0;padding;0;}
	.cartdetailsright-hits-value {font-size:30px;margin:0;padding:0;}
	.cartdetailsright-hits-text {margin:0;padding:0;color:#999;}

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

/* LOGIN & REGISTER PAGE */
#bgloginpage {width:100%;margin:0 auto;padding:50px 0;}
#wraploginpage {width:1200px;margin:0 auto;padding:0;}
#loginpage {width:440px;margin:0 auto;padding:30px;background:#fff;border-radius:5px;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}

#bgregisterpage {width:100%;margin:0 auto;padding:50px 0;}
#wrapregisterpage {width:1200px;margin:0 auto;padding:0;}
#registerpage {width:440px;margin:0 auto;padding:30px;background:#fff;border-radius:5px;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
@media screen and (max-width:1200px)
{
	#bgloginpage {width:100%;margin:0 auto;padding:50px 0;}
	#wraploginpage {width:90%;margin:0 5%;padding:0;}
	#loginpage {width:90%;margin:0 auto;padding:5%;background:#fff;border-radius:5px;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}

	#bgregisterpage {width:100%;margin:0 auto;padding:50px 0;}
	#wrapregisterpage {width:90%;margin:0 5%;padding:0;}
	#registerpage {width:90%;margin:0 auto;padding:5%;background:#fff;border-radius:5px;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}
}
/* ================================================== */

/* PANEL AKUN */
#bgpanel {width:auto;margin:0 auto;padding:20px 0;background:#EFF0F4;}
#wrappanel {width:1200px;margin:0 auto;}
#paneltitle {font-weight:700;font-size:15px;margin-bottom:10px;color:#000;}
/* LEFT */
#panelleft {width:220px;float:left;margin-right:20px;padding:20px;background:#fff;}
#bgaccmenu {margin:0;padding:0;}
#bgaccmenu ul {list-style:none;padding:0;}
#bgaccmenu ul li {margin:0 0 5px 10px;padding-left:0;}
#bgaccmenu ul li a {color:#000;}
#bgaccmenu ul li a:hover {color:#C00;}
/* RIGHT */
#panelright {width:880px;float:left;padding:20px;background:#fff;}
#bgpanelpage {margin:0;padding:0;}
#panelpagebox {width:48%;margin:0 1%;float:left;}
.panelpagetext {color:#000;}
.panelpagebutton {margin:10px 0 0;padding:0;border-top:1px solid #ddd;}
.panelpagebutton a {color:#C00;font-weight:700;}
.panelpagebutton a:hover {color:#000;}
@media screen and (max-width:1200px)
{
	#bgpanel {width:auto;margin:0 auto;padding:20px 0;background:#EFF0F4;}
	#wrappanel {width:90%;margin:0 5%;} 
	#paneltitle {font-weight:700;font-size:15px;margin-bottom:10px;color:#000;}
	/* LEFT */
	#panelleft {width:90%;float:left;margin-right:0;padding:5%;margin-bottom:5%;background:#fff;}
	#bgaccmenu {margin:0;padding:0;}
	#bgaccmenu ul {list-style:none;padding:0;}
	#bgaccmenu ul li {margin:0 0 5px 10px;padding-left:0;}
	#bgaccmenu ul li a {color:#666;}
	#bgaccmenu ul li a:hover {color:#000;}
	/* RIGHT */
	#panelright {width:90%;float:left;padding:5%;background:#fff;}
	#bgpanelpage {margin:0;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:#000;}
}
/* ================================================== */

/* BG CART PAGE */
#bgcartpage {width:100%;margin:0 auto;padding:50px 0;background:#f4f4f4;}
#wrapcartpage {width:1200px;margin:0 auto;padding:0;}
#headcartpage {font-weight:400;font-size:20px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;padding-bottom:10px;}
@media screen and (max-width:1200px)
{
	#bgcartpage {width:100%;margin:0 auto;padding:50px 0;background:#f4f4f4;}
	#wrapcartpage {width:90%;margin:0 5%;padding:0;}
	#headcartpage {font-weight:400;font-size:20px;font-family:'Roboto Condensed', sans-serif;margin-bottom:10px;padding-bottom:10px;}
}
/* ================================================== */

/* EMPTY CART */
#bgemptycart {padding:0;text-align:center;}
#wrapemptycart {padding:50px;background:#fff;}
#emptycartimg {width:auto;margin:20px 0 0;padding:0;}
#emptycartimg img {width:50px;height:auto;}
#emptycart {font-size:15px;margin-bottom:20px;}
#continueshopping {margin:0;padding:0;}
@media screen and (max-width:1200px)
{
	#bgemptycart {padding:0;text-align:center;}
	#wrapemptycart {padding:50px;background:#fff;}
	#emptycartimg {width:auto;margin:20px 0 0;padding:0;}
	#emptycartimg img {width:50px;height:auto;}
	#emptycart {font-size:15px;margin-bottom:20px;}
	#continueshopping {margin:0;padding:0;}
}
/* ================================================== */

/* KERANJANG BELANJA */
#bgshoppingcart {margin:0 auto;padding:0;}
#bgshoppingcartitems {margin:0 auto;padding:0;}

#bgshoppingcartitemsleft {width:880px;float:left;margin-right:20px;padding:10px;background:#fff;}
#bgshoppingcartitemsleft-top {margin:0 0 10px;padding:0;}

#bgshoppingcartitemslefttitlebox {width:880px;float:left;margin:0 0 10px;padding:10px 0;background:#305D37;color:#fff;}
.titlecartimg {width:100px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
.titlecartname {width:330px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
.titlecartprice {width:150px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
.titlecartquantity {width:100px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
.titlecartsubtotal {width:150px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
.titlecartdelete {width:50px;float:left;text-align:center;}

#bgshoppingcartitemsleftbox {width:880px;float:left;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
.cartimg {width:100px;height:auto;overflow:hidden;float:left;text-align:center;margin:0;padding:0;}
.cartimg img {width:100px;height:100px;}
.cartname {width:330px;float:left;text-align:center;margin:0;padding:0;}
.cartname a {color:#C00000;}
.cartname span {font-size:15px;color:#0099FF;}
.cartprice {width:150px;float:left;text-align:center;margin:0;padding:0;}
.cartquantity {width:100px;float:left;text-align:center;margin:0;padding:0;}
.cartquantity input {text-align:center;border:1px solid #ddd;background:#fff;padding:5px;width:50%;font-family:'Roboto Condensed', sans-serif;}
.updateqty {border:none;cursor:pointer;}
.cartsubtotal {width:150px;float:left;text-align:center;margin:0;padding:0;font-weight:700;}
.cartdelete {width:50px;float:left;text-align:center;}
.cartdelete a {color:#999;font-weight:700;}
.iconupdate {width:20px;height:20px;vertical-align:top;background:none!important;padding:2px 4px!important;}

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

#bgshoppingcartitemsright {width:260px;float:left;margin:0;padding:10px;background:#fff;}
#shoppingcartitemsrighttitle {margin:0;padding:10px;background:#305D37;color:#fff;}
#boxshoppingcartitemsright {padding:10px 0;}
#rowshoppingcartitemsright {width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;}
.cartlabel {float:left;text-align:left;}
.carttotal {float:right;text-align:right;}

#bgshoppingcartitemsright-button {margin:0;padding:0;}
.bgshoppingcartitemsright-buttona {width:100%;float:left;margin-bottom:10px;}
.bgshoppingcartitemsright-buttonb {width:100%;float:left;}
.bgshoppingcartitemsright-buttonb input {background:#666;}
.bgshoppingcartitemsright-buttonb input:hover {background:#333;}
@media screen and (max-width:1200px)
{
	#bgshoppingcart {margin:0 auto;padding:0;}
	#bgshoppingcartitems {margin:0 auto;padding:0;}

	#bgshoppingcartitemsleft {width:96%;float:left;margin-right:0;margin-bottom:5%;padding:2%;background:#fff;}
	#bgshoppingcartitemsleft-top {margin:0 0 10px;padding:0;}

	#bgshoppingcartitemslefttitlebox {width:880px;float:left;margin:0 0 10px;padding:10px 0;background:#305D37;color:#fff;display:none;}
	.titlecartimg {width:100px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
	.titlecartname {width:330px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
	.titlecartprice {width:150px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
	.titlecartquantity {width:100px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
	.titlecartsubtotal {width:150px;float:left;text-align:center;margin:0;padding:0;border-right:1px solid #396E41;}
	.titlecartdelete {width:50px;float:left;text-align:center;}

	#bgshoppingcartitemsleftbox {width:100%;float:left;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
	.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:15px;}
	.cartname a {color:#AC0000;}
	.cartname span {font-size:15px;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:'Lato', 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;padding:0;}
	.bgshoppingcartitemsleft-bottomleft {width:100%;float:left;text-align:left;margin-bottom:2%;}
	.bgshoppingcartitemsleft-bottomright {width:100%;float:left;text-align:left;}

	#bgshoppingcartitemsright {width:96%;margin:0 auto;padding:2%;float:left;background:#fff;}
	#shoppingcartitemsrighttitle {margin:0;padding:10px;background:#305D37;color:#fff;}
	#boxshoppingcartitemsright {padding:10px 0;}
	#rowshoppingcartitemsright {width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;}
	.cartlabel {float:left;text-align:left;}
	.carttotal {float:right;text-align:right;}

	#bgshoppingcartitemsright-button {margin:0;padding:0;}
	.bgshoppingcartitemsright-buttona {width:100%;float:left;margin-bottom:10px;}
	.bgshoppingcartitemsright-buttonb {width:100%;float:left;}
	.bgshoppingcartitemsright-buttonb input {background:#666;}
	.bgshoppingcartitemsright-buttonb input:hover {background:#333;}
}
/* ================================================== */

/* ACCOUNT PAGE */
#bgaccountpage {width:100%;margin:0 auto;padding:20px 0;}
#wrapaccountpage {width:1200px;margin:0 auto;padding:0;}
#accountpagehead {text-align:center;margin-bottom:30px;}
#accountpagetitle {font-family:'Roboto Condensed', sans-serif;font-size:30px;}
#accountpagedesc {font-size:15px;}
@media screen and (max-width:1200px)
{
	#bgaccountpage {width:100%;margin:0 auto;padding:20px 0;}
	#wrapaccountpage {width:100%;margin:50px auto;padding:0;}
	#accountpagehead {text-align:center;margin-bottom:30px;}
	#accountpagetitle {font-family:'Roboto Condensed', sans-serif;font-size:30px;}
	#accountpagedesc {font-size:15px;}
} 
/* ================================================== */

/* KURIR */
#bgkurir {width:880px;float:left;margin:0;padding:0;}
#wrapkurir {width:100%;margin:0;padding:0;text-align:left;}

#kurirboxhead {margin-bottom:10px;padding:0;background:#305D37;color:#fff;text-align:center;}
#kurirconhead {width:24%;height:auto;float:left;vertical-align:middle;padding:10px 0;}
#kurirconheadradio {width:4%;height:auto;float:left;vertical-align:middle;padding:10px 0;text-align:center;}

#kurirbox {margin-bottom:10px;padding:0;background:#fff;border-bottom:1px solid #ddd;text-align:center;}
#kurircon {width:24%;height:auto;float:left;vertical-align:middle;padding:10px 0;}
#kurirconradio {width:4%;height:auto;float:left;vertical-align:middle;padding:10px 0;text-align:center;margin:0 auto;}
@media screen and (max-width:1200px)
{
	#bgkurir {width:100%;margin:0;padding:0;float:left;}
	#wrapkurir {width:100%;margin:0 auto;padding:0;text-align:left;}

	#kurirboxhead {margin-bottom:10px;padding:0;background:#305D37;color:#fff;text-align:center;}
	#kurirconhead {width:24%;height:auto;float:left;vertical-align:middle;padding:10px 0;}
	#kurirconheadradio {width:4%;height:auto;float:left;vertical-align:middle;padding:10px 0;text-align:center;}

	#kurirbox {margin-bottom:10px;padding:0;background:#fff;border-bottom:1px solid #ddd;text-align:center;}
	#kurircon {width:24%;height:auto;float:left;vertical-align:middle;padding:10px 0;}
	#kurirconradio {width:4%;height:auto;float:left;vertical-align:middle;padding:10px 0;text-align:center;margin:0 auto;}

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

/* RADIO SIZE */
.container {display:block;position:relative;padding:1px 0 0 35px;margin-bottom:10px;cursor:pointer;font-size:15px;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;}
.container:hover input ~ .checkmark {background-color:#ccc;}
.container input:checked ~ .checkmark {background-color:#000;}
.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:15px;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;}
.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:1200px)
{
	.container {display:block;position:relative;padding:1px 0 0 35px;margin-bottom:10px;cursor:pointer;font-size:15px;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;}
	.container:hover input ~ .checkmark {background-color:#ccc;}
	.container input:checked ~ .checkmark {background-color:#000;}
	.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:15px;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;}
	.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;}

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

/* ORDER PAGE */
#bgorderpage {margin:0 auto;padding:0;}
#wraporderpage {margin:0 auto;padding:0;}
#orderpage {margin-bottom:10px;padding:10px;background:#f9f9f9;}
#orderpagetop {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;}
.orderno {width:100%;margin:0 auto;padding:0;}
.orderno a {color:#C00;}
.orderdate {width:100%;margin:0 auto;padding:0;color:#999;}
.ordername {width:20%;float:left;}
.orderskurir {width:20%;float:left;}
.orderprice {width:20%;float:left;font-weight:700;}
.orderstatus {width:18%;float:left;}
.orderaction {width:22%;float:left;}
@media screen and (max-width:1200px)
{
	#bgorderpage {margin:0 auto;padding:0;}
	#wraporderpage {margin:0 auto;padding:0;}
	#orderpage {margin-bottom:10px;padding:10px;background:#f9f9f9;}
	#orderpagetop {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;}
	.orderno {width:100%;margin:0 auto;padding:0;}
	.orderno a {color:#C00;}
	.orderdate {width:100%;margin:0 auto;padding:0;color:#999;}
	.ordername {width:40%;float:left;}
	.orderskurir {width:30%;float:left;}
	.orderprice {width:30%;float:left;font-weight:700;}
	.orderstatus {width:100%;float:left;margin-top:5px;}
	.orderaction {width:100%;float:left;margin-top:5px;}

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

/* TRACKING ORDER */
#bgtrack {width:auto;margin:0 auto;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:15px;}
.trackactived {margin:0 5px;padding:2px 20px;float:left;background:#305D37;color:#fff;border-radius:3px;}
.track {margin:0 5px;padding:2px 20px;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:15px;}
	.trackactived {width:80%;margin:0 10% 2%;padding:3px 0;float:left;background:#305D37;color:#fff;border-radius:3px;}
	.track {width:80%;margin:0 10% 2%;padding:3px 0;float:left;background:#f9f9f9;color:#666;border-radius:3px;}
}
/* ================================================== */

/* RESI */
#bgresi {width:auto;margin:0 auto 20px;padding:20px 20px 10px;border:1px solid #ddd;}
#resileft {width:50%;float:left;}
.resileft {margin-bottom:10px;color:#666;}
.resileft span {font-weight:700;color:#305D37;}
#resiright {width:50%;float:left;}
.resiright {margin-bottom:10px;color:#666;}
.resiright span {font-weight:700;color:#305D37;}
@media screen and (max-width:1200px)
{
	#bgresi {width:auto;margin:0 auto 20px;padding:20px 20px 10px;border:1px solid #ddd;}
	#resileft {width:100%;float:left;}
	.resileft {margin-bottom:10px;color:#666;}
	.resileft span {font-weight:700;color:#305D37;}
	#resiright {width:100%;float:left;}
	.resiright {margin-bottom:10px;color:#666;}
	.resiright span {font-weight:700;color:#305D37;}
}
/* ================================================== */

/* KONFIRMASI PAGE */
#bgkonfpage {margin:0 auto;padding:0;}
#wrapkonfpage {margin:0 auto;padding:0;}
#konfpage {margin-bottom:10px;padding:10px;background:#f9f9f9;}
#konfpagetop {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;}
.konfno {width:100%;margin:0 auto;padding:0;}
.konfno a {color:#C00;}
.konfdate {width:100%;margin:0 auto;padding:0;color:#999;}
.konfname {width:20%;float:left;}
.konfskurir {width:20%;float:left;}
.konfprice {width:20%;float:left;font-weight:700;}
.konfstatus {width:18%;float:left;}
.konfaction {width:22%;float:left;}
@media screen and (max-width:1200px)
{
	#bgkonfpage {margin:0 auto;padding:0;}
	#wrapkonfpage {margin:0 auto;padding:0;}
	#konfpage {margin-bottom:10px;padding:10px;background:#f9f9f9;}
	#konfpagetop {margin:0 auto 5px;padding:0 0 5px;border-bottom:1px solid #ddd;}
	.konfno {width:100%;margin:0 auto;padding:0;}
	.konfno a {color:#C00;}
	.konfdate {width:100%;margin:0 auto;padding:0;color:#999;}
	.konfname {width:40%;float:left;}
	.konfskurir {width:30%;float:left;}
	.konfprice {width:30%;float:left;font-weight:700;}
	.konfstatus {width:40%;float:left;margin-top:5px;}
	.konfaction {width:30%;float:left;margin-top:5px;}

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

/* ACCORDION */
.accordion {margin:0;text-align:left;}
dt a {color:#000!important;}
dt:hover {background:#f2f2f2;}
dt, dd {
	text-align:left;
	padding:10px;
	background:#f9f9f9;
	border-bottom:1px solid #ccc;
	font-weight:400;font-size:13px;font-family:'Roboto Condensed', sans-serif;
	&:last-of-type {
	border-bottom:1px solid black; 
}
dt a {
	display:block;
	font:bold 13px 'Lato', sans-serif;        
}
}
dd ul {padding-left:20px;}
dd {
	border-top:0; 
	font-size:15px;
	background:transparent;
	&:last-of-type {
	border-top:1px solid #ccc;
	position:relative;
	top:-1px;
}
}
}
/* ================================================== */

/* FORM LABEL */
#bgshipaddress {width:880px;margin:0;padding:0;text-align:left;background:#fff;}
.shipaddresshead {font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ddd;}
#boxshiplabel {width:30%;float:left;padding:2% 0;text-align:left;font:13px 'Roboto Condensed', San-Serif;}
#boxshipinput {width:70%;float:left;padding:0;text-align:left;background:#fff;}
#boxshipinput select {border:none;border:1px solid #ddd;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:100%;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;}
.shipcombo {font:13px 'Roboto Condensed', San-Serif;}
.shiploginform {border:none;border:1px solid #ddd;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:96%;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;}
.shiploginform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
@media screen and (max-width:1200px)
{
	#bgshipaddress {width:96%;margin:0 auto;padding:2%;text-align:left;}
	.shipaddresshead {font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ddd;}
	#boxshiplabel {width:100%;float:left;padding:2% 0;text-align:left;font:13px 'Roboto Condensed', San-Serif;}
	#boxshipinput {width:100%;float:left;padding:0;text-align:left;background:#fff;}
	#boxshipinput select {border:none;border:1px solid #ddd;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:100%;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;}
	.shipcombo {font:13px 'Roboto Condensed', San-Serif;}
	.shiploginform {border:none;border:1px solid #ddd;font:13px 'Roboto Condensed', San-Serif;padding:3%;width:94%;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;}
	.shiploginform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}

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

/* FORM */
#bgformlogin {margin:0 auto;padding:0;}
#bgformregistration {margin:0 auto;padding:0;}

#bgboxforms {width:100%;margin:0 auto;}
#boxforms {padding:0;}
#boxformshead {color:#000;margin-bottom:5px;padding-bottom:5px;text-align:center;}
#boxformshead a {color:#C00;}
#boxformshead a:hover {color:#305D37;}
#boxformstitle {font-weight:700;font-size:15px;}
#boxformsdesc {font-size:13px;margin:0;padding:0;text-align:center;color:#666;}

#boxformsbodi {margin:0;}
#boxformsrow {margin:10px 0;}
#boxformslabel {width:100%;float:left;padding:0;text-align:left;}
#boxformsinput {width:100%;float:left;padding:0;text-align:left;background:#fff;}
#boxformsinput select {border:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:100%;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:#999;}
#boxformsinput option {font:13px 'Roboto Condensed', San-Serif;}
.combo {font-size:13px;font-family:'Roboto Condensed', San-Serif;}
.loginform {border:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:96%;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;}
.loginform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}

#boxformsresult {width:96%;float:left;padding:2%;text-align:left;background:#fff;color:#C00;}

.isiform {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:96%;text-align:left;background-color:#ffffff;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:#C00;}
#boxformsnote {text-align:left;}

#boxformsdate {width:96%;float:left;padding:2%;text-align:left;background:#fff;}
#boxformsdate select {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', San-Serif;padding:1.5%;width:20%;text-align:left;background-color:#ffffff;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:#999;}
#boxformsdate select.tglinput {width:15%;}
#boxformsdate select.blninput {width:30%;}
#boxformsdate select.thninput {width:16%;}
#boxformslabels {width:47.3%;float:left;padding:0;margin:1%;}


#boxformsfooter {margin:0 auto;padding:10px 0 0;}
#boxformsfooter a {color:#C00;}
#boxformsfooter a:hover {color:#305D37;}
#boxformsfooterleft {width:50%;float:left;}
#boxformsfooterright {width:50%;float:left;text-align:right;}
@media screen and (max-width: 1200px)
{
	#bgformlogin {margin:0 auto;padding:0;}
	#bgformregistration {margin:0 auto;padding:0;}

	#bgboxforms {width:100%;margin:0 auto;}
	#boxforms {padding:0;}
	#boxformshead {color:#000;margin-bottom:20px;padding:0;}
	#boxformstitle {font-weight:700;font-size:15px;}
	#boxformssubtitle {font-size:13px;text-align:center;background:#ddd;padding:1%;margin:2% 0;}

	#boxformsbodi {margin:0;}
	#boxformsrow {margin:10px 0;}
	#boxformslabel {width:100%;float:left;padding:0;text-align:left;}
	#boxformsinput {width:100%;float:left;padding:0;text-align:left;background:#fff;}
	#boxformsinput select {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', San-Serif;padding:3%;width:100%;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;}
	.loginform {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', San-Serif;padding:3%;width:94%;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;}
	.loginform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}

	#boxformsresult {width:94%;float:left;padding:3%;text-align:left;background:#fff;color:#C00;}

	.isiform {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:96%;text-align:left;background-color:#ffffff;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:#C00;}
	#boxformsnote {text-align:left;}

	#boxformsdate {width:96%;float:left;padding:2%;text-align:left;background:#fff;}
	#boxformsdate select {border:none;border:1px solid #ccc;font:13px 'Roboto Condensed', San-Serif;padding:1.5%;width:20%;text-align:left;background-color:#ffffff;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:#999;}
	#boxformsdate select.tglinput {width:15%;}
	#boxformsdate select.blninput {width:30%;}
	#boxformsdate select.thninput {width:16%;}
	#boxformslabels {width:47.3%;float:left;padding:0;margin:1%;}


	#boxformsfooter {margin:0 auto;padding:10px;background:#FFCCCC;}
	#boxformsfooter a {color:#C00;}
	#boxformsfooter a:hover {color:#000;}
	#boxformsfooter ul {padding-left:15px;list-style:square;} 
}
/* ================================================== */


#gformcontain {width:100%;margin:0;padding:0;}
#gformrow {margin-bottom:5px;padding-bottom:5px;}
#gformlabeli {width:40%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;padding:1.3% 0;color:#666;}
#gforminput {width:57%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;padding:1.3% 1%;color:#000;border:1px solid #eee;}


#gformlabele {width:40%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;padding:1.3% 0;color:#666;}
#gformedit {width:60%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;color:#000;}
#gformedit .gform {outline:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:96%;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;color:#666;}
#gformedit .gform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
#gformedit select {outline:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:100%;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;color:#666;}
#gformedit .gformauto {border:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:auto;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;color:#666;}

#gformedit img {width:200px;height:auto;}
@media screen and (max-width: 1200px)
{
	#gformcontain {width:100%;margin:0;padding:0;}
	#gformrow {margin-bottom:5px;padding-bottom:5px;}
	#gformlabeli {width:100%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;padding:1.3% 0;color:#666;}
	#gforminput {width:96%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;padding:2%;color:#000;}


	#gformlabele {width:100%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;padding:1.3% 0;color:#666;}
	#gformedit {width:100%;float:left;text-align:left;font:13px 'Roboto Condensed', San-Serif;color:#000;}
	#gformedit .gform {outline:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:96%;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;color:#666;}
	#gformedit .gform:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
	#gformedit select {outline:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:100%;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;color:#666;}
	#gformedit .gformauto {border:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:2%;width:auto;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;color:#666;}
	#gformedit img {width:100%;height:auto;}
}
/* ================================================== */

/* TABLE CART */
#bgtablecart {width:100%;margin:0 auto;padding:0;}
#wraptablecart {width:100%;margin:0 auto 20px;padding:0;}
#tablecarthead {width:100%;margin:0 auto;padding:0;}
#tablecartbodi {width:100%;margin:0 auto;padding:0;}
#tablecartbodileft {width:50%;float:left;}
#tablecartbodiright {width:50%;float:left;}
@media screen and (max-width: 1200px)
{
	#bgtablecart {width:100%;margin:0 auto;padding:0;}
	#wraptablecart {width:100%;margin:0 auto 5%;padding:0;}
	#tablecarthead {width:100%;margin:0 auto;padding:0;}
	#tablecartbodi {width:100%;margin:0 auto;padding:0;}
	#tablecartbodileft {width:100%;float:left;}
	#tablecartbodiright {width:100%;float:left;}
}
/* ================================================== */

/* DROPDOWN MENU PROFIL */
.dropbtn {border:none;cursor:pointer;font-family:'Roboto Condensed', sans-serif;background:none;color:#000;}
.dropbtn:hover {color:#305D37;}
.dropdown {position:relative;display:block;}
.dropdown-content {display:none;position:absolute;background-color:#305D37;width:150px;z-index:1;border-top:15px solid #fff;}
.dropdown-content a {color:#fff;padding:5px 15px;text-decoration:none;display:block;text-align:left;border-top:1px solid #274C2D;}
.dropdown-content a:hover {background:#274C2D;color:#fff;} 
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:none;}
@media screen and (max-width: 1200px)
{
	.dropbtn {border:none;cursor:pointer;font-family:'Roboto Condensed', sans-serif;background:none;color:#000;}
	.dropbtn:hover {color:#305D37;}
	.dropdown {position:relative;display:block;}
	.dropdown-content {display:none;position:absolute;background-color:#305D37;width:150px;z-index:1;border-top:5px solid #fff;}
	.dropdown-content a {color:#fff;padding:5px 15px;text-decoration:none;display:block;text-align:left;border-top:1px solid #274C2D;}
	.dropdown-content a:hover {background:#274C2D;color:#fff;} 
	.dropdown:hover .dropdown-content {display:block;}
	.dropdown:hover .dropbtn {background-color:none;}
}
/* ================================================== */

/* KUPON */
#kuponformbox {margin:20px 0 0;padding:0;background:#fff;}
#textkupon {text-align:left;border:1px solid #ddd;padding:10px;}
.cartformkupon {width:84%;float:left;margin-right:1%;}
.cartformkupon input {outline:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:1.4%;width:96%;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;color:#666;}
.cartformkupon input:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
.cartbtnkupon {width:auto;float:left;}
#listkupon {text-align:left;border:1px solid #ddd;padding:10px;margin-top:10px;}
#listkupontitle {font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
#listkuponinfo {padding:5px 10px;background:#f9f9f9;margin-bottom:5px;}
#listkuponinfo span {color:#999;}
@media screen and (max-width:1200px)
{
	#kuponformbox {margin:5% 0 0;padding:0;background:#fff;}
	#textkupon {text-align:left;border:1px solid #ddd;padding:10px;}
	.cartformkupon {width:100%;float:left;margin-right:0;margin-bottom:10px;}
	.cartformkupon input {outline:none;border:1px solid #eee;font:13px 'Roboto Condensed', San-Serif;padding:4%;width:92%;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;color:#666;}
	.cartformkupon input:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
	.cartbtnkupon {width:100%;float:left;}
	#listkupon {text-align:left;border:1px solid #ddd;padding:10px;}
	#listkupontitle {font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
	#listkuponinfo {padding:5px 10px;background:#f9f9f9;margin-bottom:5px;}
}
/* ================================================== */

/* PAYMENT METHOD */
#paymethodbox {padding:10px;background:#fff;text-align:left;border:1px solid #ddd;}
#paymethodtitle {font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
@media screen and (max-width:1200px)
{
	#paymethodbox {padding:10px;background:#fff;text-align:left;border:1px solid #ddd;}
	#paymethodtitle {font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ddd;}
}
/* ================================================== */

/* CONFIRM PAGE */
#bgconfirmpage {margin:0 auto 20px;padding:20px 0;text-align:center;background:#fff;border-bottom:1px solid #ddd;}
.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 {padding:0 250px;}
.confirmdesc a {color:#C00000;}
.confirmdesc a:hover {color:#000;}
.confirmnotes {margin:0 auto;padding:0;}
@media screen and (max-width:1200px)
{
	#bgconfirmpage {margin:0 auto 20px;padding:20px 0;text-align:left;background:#fff;border-bottom:1px solid #ddd;}
	.confirmimg {width:100%;height:auto;overflow:hidden;margin:0 auto;}
	.confirmimg img {width:20%;height:auto;}
	.confirmtitle {font-size:20px;text-transform:uppercase;padding:10px 0;}
	.confirmdesc {padding:0;}
	.confirmdesc a {color:#C00000;}
	.confirmdesc a:hover {color:#000;}
	.confirmnotes {margin:0 auto;padding:0;}
}
/* ================================================== */

/* WISHLIST PAGE */
#bgwishlistpage {width:100%;margin:0 auto;padding:0;}
#wrapwishlistpage {width:100%;margin:0 auto;}
#wishlistpagetitle {font-weight:400;font-size:20px;font-family:'Roboto Condensed', sans-serif;padding:0 0 2%;text-align:left;color:#000;}

#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;padding:0;}
.wishlistpageemptyimg img {width:50px;height:auto;}
.wishlistpageemptytext {font-size:15px;}

#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:15px;}
.wishlistname a {color:#000;}
.wishlistname span {font-size:15px;color:#0099FF;}
.wishlistprice {width:20%;float:left;text-align:right;margin-right:1%;font-weight:400;font-size:15px;color:#C00000;}
.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;}
@media screen and (max-width:1200px)
{
	#bgwishlistpage {width:100%;margin:0 auto;padding:0;}
	#wrapwishlistpage {width:100%;margin:0 auto;}
	#wishlistpagetitle {font-weight:400;font-size:20px;font-family:'Lato', sans-serif;padding:0 0 2%;text-align:left;color:#000;}

	#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;padding:0;}
	.wishlistpageemptyimg img {width:50px;height:auto;}
	.wishlistpageemptytext {font-size:15px;}

	#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:15px;}
	.wishlistname a {color:#000;}
	.wishlistname span {font-size:15px;color:#0099FF;}
	.wishlistprice {width:100%;float:left;text-align:left;margin-right:0;font-weight:400;font-size:15px;color:#AC0000;}
	.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;}
}
/* ================================================== */

/* TOP CART */
#bgcart {margin:0;padding:0;color:#000;}
#bgcart a {color:#fff;}
.notify {background:#305D37;color:#fff;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;}
@media screen and (max-width:1200px)
{
	#bgcart {margin:0;padding:0;color:#000;}
	#bgcart a {color:#fff;}
	.notify {background:#305D37;color:#fff;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;}
}
/* ================================================== */

/* ERROR 404 */
#errorbox {margin:0 auto;padding:0;}
.errortitle {font-size:20px;margin-bottom:10px;}
.errordesc {color:#666;}
@media screen and (max-width:1200px)
{
	#errorbox {margin:0 auto;padding:0;}
	.errortitle {font-size:20px;margin-bottom:10px;}
	.errordesc {color:#666;}
}
/* ================================================== */


/* TESTIMONI */
#testibutton {width:100%;margin:0 auto 20px;padding:0;text-align:right;}
.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal-content {background-color:#fefefe;margin:auto;padding:20px;border:2px solid #305D37;width:25%;}
.close {color:#305D37;float:right;font-size:20px;font-weight:bold;padding:0 10px;}
.close:hover,.close:focus {color:#C00;text-decoration:none;cursor:pointer;}
@media screen and (max-width:1200px)
{
	#testibutton {width:auto;margin:0 auto 20px;padding:0;text-align:center;}
	.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
	.modal-content {background-color:#fefefe;margin:auto;padding:5%;border:0px solid #333;width:80%;}
	.close {color:#305D37;float:right;font-size:20px;font-weight:bold;}
	.close:hover,.close:focus {color:#C00;text-decoration:none;cursor:pointer;}
}
/* ================================================== */

/* 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:#305D37;}
.commentlistdesc {color:#666;}
@media screen and (max-width:1200px)
{
	#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:#305D37;}
	.commentlistdesc {color:#666;}
}

/* TABS */
ul.tabs {margin:0;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 #305D37;color:#305D37;margin-bottom:-1px;}
ul.tabs li.current {border-bottom:5px solid #305D37;color:#305D37;margin-bottom:-1px;}
.tab-content {display:none;padding:20px;border:1px solid #e0e0e0;}
.tab-content ul {margin-left:20px;}
.tab-content.current {display:block;}
@media screen and (max-width:1200px)
{
	ul.tabs {margin:0;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 #305D37;color:#305D37;margin-bottom:-1px;}
	ul.tabs li.current {border-bottom:5px solid #305D37;color:#305D37;margin-bottom:-1px;}
	.tab-content {display:none;padding:20px;border:1px solid #e0e0e0;}
	.tab-content ul {margin-left:20px;}
	.tab-content.current {display:block;}
}
/* ================================================== */
/* ================================================== */