small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
/* remember to define focus styles! */
:focus {outline:0;}
table {border-collapse:separate; border-spacing:0;}
.left
{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
	width:0;
	height:0;
}
form
{
	margin:0;
	padding:0;	
}
input, textarea, select
{
font-family:Tahoma;	
font-size:100%;
}
body
{
	margin:0;
	padding:0;
	font-size:100%;
	font-family:Tahoma;	
}
a img
{
border:none;	
}
a
{
color:#000;
text-decoration:none;	
outline:none;
}
.nav
{
background:#f2f5c0;
border:1px solid #b6143a;
border-right:none;
border-left:none;
padding:1px;
padding-left:0;
padding-right:0;
}
.nav ul
{
margin:0;
padding:0;
background:#b6143a;	
}
.nav ul li
{
float:left;
width:25%;	
list-style:none;
}
.nav ul li#middle
{
	width:24%;
}
.nav ul li a
{
	display:block;
	text-decoration:none;	
	text-align:center;
	padding:6px;
	color:#eee2a9;
}
.nav ul li a:hover, .nav ul li a.active, .nav ul li a:focus
{
	background:#f2f5c0;
	color:#b6143a;
}
.search
{
	background:#f5f5f5;
	padding:6px;
	border-bottom:1px solid #e8e8e8;
}
.search form
{
	
}
.search #input_t
{
	margin:0 auto;
	width:80%;
	border:1px solid #000;
	padding-left:4%;
}
.search #input_t div.left
{
	width:24%;
}
.search #input_t #text
{
	width:76%;
}
.search #input_t input
{
	width:96%;
	background:none;
	border:none;
	margin:0;
	padding:0;
	position:relative; 
	padding:2px 0; 
	text-align:left; 
	background-color:#f5f5f5; 
	background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5));
}
.search #input_t input[type="submit"]
{
	width:100%;
	text-align:center;	
	color:#efefef;
	font-weight:bold;
	border-left:1px solid #000;
	border-right:1px solid #000;
	font-size:75%;
	padding:4px;
	margin-left:1px;
	background-color:#4e4e4e; 
	background:-webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#4e4e4e));
	-webkit-border-radius:0px;
	-webkit-margin:0px;
	-webkit-padding:0px;
	-webkit-border-right:none;
}
.search #input_t input[type="submit"]:hover, .search #input_t input[type="submit"]:focus
{
	color:#4e4e4e;
	background:#efefef;
	outline:none;
}
.search #input_t a
{
	width:auto;
	background:#4e4e4e;
	text-align:center;	
	color:#fff;
	font-weight:bold;
	border:1px solid #000;
	font-size:75%;
}
.search #input_t a:hover, .search #input_t a:focus
{
	color:#4e4e4e;
	background:#fff;
}
.hint h4
{
	color:#454545;
	margin:0;
	padding:10px 15px 10px 6px;
	font-size:90%;
	font-weight:normal;
}
.produk
{
	border-top:1px solid #dedede;
	background:#fff;
}
.produk img.left
{
	margin-right:5%;
}
.produk .nama, .produk .nama a
{
	color:#b6143a;
	font-size:110%;
}
.produk .nama
{
	
}
.produk .nama a:hover, .produk .nama a:focus
{
	text-decoration:underline;
}
.produk .harga
{
	font-weight:bold;
	font-size:80%;
	margin-bottom:5px;
	margin-top:5px;
}
.produk#detail .harga
{
	font-weight:bold;
	font-size:100%;
}
.produk .kode
{
	font-size:80%;
}
.produk#a1
{
	background:#f3f3f3;
}
.produk#a2
{
	
}
.produk#a3
{
	background:#f3f3f3;
	border-bottom:1px solid #ededed;
}
.produk .go
{
width:inherit;	
margin-top:7px;
text-align:right;
}
.produk .go a
{
	font-size:85%;
	color:#f2f5c0;
	background:#b6143a;
	font-size:80%;
	display:block;
	text-align:center;
	border:1px solid #cf0000;
	float:right;
}
.produk .go a span
{
	border:1px solid #fff;
	padding:6px;
	display:block;
}
.produk .go a:hover, .produk .go a:focus
{
	background:#f2f5c0;
	color:#b6143a;
}
#list #img
{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
	padding:9px;
}
.footnav
{
	background:#f2f5c0;
}
.footnav ul
{
	margin:0;
	padding:0;
}
.footnav ul li
{
	float:left;
	list-style:none;
	width:25%;
}
.footnav ul li.last
{
	width:24%;
}
.footnav ul li a
{
display:block;
padding:6px;
text-align:center;
font-size:75%;	
color:#b6143a;
}
.footnav ul li a:hover, .footnav ul li a:focus
{
	color:#f2f5c0;
	background:#b6143a;
}
#bottom
{
	background:#9a0104;
	text-align:center;
	font-size:85%;
}
#bottom #switch
{
	padding-top:8px;
	padding-bottom:5px;
}
#bottom #switch a
{
	background:#d4d4d4;
	padding:4px;
	font-size:70%;
}
#bottom #footnote
{
	color:#fff;
	font-size:75%;
	padding-top:6px;
	padding-bottom:7px;
}
#content .title
{
	color:#454545;
	font-size:90%;
	padding:10px 15px 10px 6px;
}
#content #another
{
	margin-top:6px;
	margin-bottom:6px;
}
#cats
{
	margin-bottom:2px;
}
#cats ul
{
	margin:0;
	padding:0;
}
#cats ul li
{
	list-style:none;
	display:block;
	border-top:1px solid #dedede;
}
#cats ul li a
{
	display:block;
	border:1px solid #fff;
	border-left:none;
	border-right:none;
	padding:6px;
	padding-left:7%;
}
#cats ul li a:hover, #cats ul li a:focus
{
	background:#b6143a;
	color:#fff;
}
#cats ul li a.bg
{
	background:#ededed;
}
#cats ul li.last
{
	border-bottom:1px solid #dedede;
}
#pagination
{
	margin-top:10px;
	border:1px solid #dedede;
	border-left:none;
	border-right:none;
	margin-bottom:3px;
	background:#ededed;
}
#pagination ul
{
	margin:0;
	padding:0;
	border:1px solid #fff;
	border-left:none;
	border-right:none;
	padding-left:1%;
	padding-right:1%;
}
#pagination ul li
{
	float:left;
	list-style:none;
}
#pagination ul li a, #pagination ul li span
{
	padding:6px;
	display:block;
	font-size:80%;
}
#pagination ul li a:hover, #pagination ul li a:focus, #pagination ul li span.current
{
	background:#000;
	color:#ededed;
}
#pagination .right
{
	font-size:80%;
	padding-top:3px;
}
#content ul {padding:5px 0 0 25px}
#content .produk#detail
{
	padding-top:5px;
	padding-bottom:5px;
}
#content .produk .nama
{
	font-size:120%;
}
#content .produk .nama a
{
	font-size:90%;
}
#content #deskripsi
{
	border:1px solid #ddd;
	border-left:none;
	border-right:none;
	font-size:75%;
	text-align:left;
	padding:10px 3% 10px 3%;
	margin-top:5px;
	background:#ededed;
}
#member .non-member a
{
	color:#4e4e4e;
}
.addcart
{
	border:1px solid #cf0000;
	margin-right:3%;
	float:right;
	width:30%;
	margin-top:5px;
	margin-bottom:5px;
}
.addcart#center
{
	float:none;
	margin:0 auto;
	margin-top:5px;
}
.addcart a
{
	display:block;
	font-size:85%;
	padding:5px;
	background:#b6143a;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
}
.addcart a:hover, .addcart a:focus
{
	background:#f2f5c0;
	color:#b6143a;
}
.backto
{
	border:1px solid #dedede;
	margin:0 auto;
	margin-top:5px;
	float:left;
	margin-left:3%;
}
.backto a
{
	display:block;
	font-size:85%;
	padding:5px;
	background:#ededed;
	color:#000;
	border:1px solid #fff;
	text-align:center;
}
.backto a:hover, .backto a:focus
{
	background:#999;
	color:#ededed;
}
.produk#member
{
	font-size:100%;
}
.produk#member .backto, .produk#member .addcart
{
	float:right;
	font-size:100%;
}
.produk#member .backto
{
	margin-left:0;
	margin-right:3%;
}
.produk#member .non-member
{
	margin-top:10px;
	margin-bottom:5px;
}
.produk#member .backto a, .produk#member .addcart a
{
	font-size:100%;
}
#options
{
	margin-top:5px;
	font-size:85%;
	border:1px solid #ddd;
	border-left:none;
	border-right:none;
	background:#ededed;
	text-align:left;
	padding-left:3%;
	padding-right:3%;
}
#options #group
{
	margin:0 auto;
	width:75%;
}
#options input, #options select
{
	font-size:85%;
	width:100%;
}
#options #field
{
	margin-top:6px;
	margin-bottom:6px;
}
#options #label
{
	width:30%;
}
#options #cont
{
	width:70%;
}
#content #another a
{
	color:#4fc8f0;
	text-decoration:underline;
	font-size:85%;
}
.checkout
{
	font-size:75%;
	margin-right:3%;
	margin-top:5px;
	margin-bottom:5px;
	width:40%;
	float:right;
}
.checkout a
{
	border:1px solid #cd0000;
	background:#b6143a;
	color:#fff;
	display:block;
	text-align:center;
}
.checkout a span
{
	padding-left:6%;
	padding-right:6%;
	padding-top:6px;
	padding-bottom:6px;
	border:1px solid #fff;
	display:block;
}
.checkout a:hover, .checkout a:focus
{
	background:#f2f5c0;
	color:#b6143a;
}
.produk .ukuran, .produk .jumlah
{
	font-size:75%;
	margin-top:5px;
	margin-bottom:5px;
}

#thetotal
{
	margin-top:7px;
	margin-bottom:7px;
	border:1px solid #dedede;
	border-left:none;
	border-right:none;
	font-size:80%;
	background:#ededed;
	padding-bottom:7px;
	padding-left:4%;
	padding-right:4%;
}
#thetotal .panel
{
	margin-top:7px;
	margin-bottom:7px;
}
#getkota, .getkota, .kotaterpilih #cats
{
	font-size:75%;
}
#getkota strong
{
	margin-right:4%;
}
#content .notes
{
	background:#454545;
	color:#fff;
	font-size:85%;
	padding:6px 3% 6px 3%;
	border-bottom:1px solid #ededed;
}
#content .notes a
{
	color:#fff;
}
#content .notes a:hover, #content .notes a:focus
{
	text-decoration:underline;
}
#form
{
	font-size:75%;
}
#form .produk span
{
	display:block;
	float:left;
	width:30%;
}
#form .produk
{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:3%;
	padding-right:3%;
}
#form .produk input[type="text"], #form .produk input[type="password"], #form .produk select, #form .produk textarea, #form .produk span.content, #form .produk #kode.right
{
	float:right;
	width:61%;
	margin-left:4%;
	text-align:left;
}
#form .produk input[type="checkbox"],#form .produk input[type="radio"]
{
	width:inherit;
	padding:10px;
	height:20px;
	float:right;
}
#form .produk #kode.right span.kode
{
	font-size:100%;
	font-weight:bold;
}
#form .produk #kode.right input{
	width:45%;
}
#form .produk #kode.right span, #form .produk #kode.right input
{
	float:left;
}
#form .produk input[type="submit"]
{
	float:none;	
}
#form .produk textarea
{
	height:50px;
}
#form .produk input[type="submit"]
{
	width:inherit;
}
#form .produk a:hover, #form .produk a:focus
{
	text-decoration:underline;
}
.produk#retailer
{
	padding-right:4%;
}
.produk#retailer a
{
	display:block;
	width:30%;
	text-align:center;
	border:1px solid #cf0000;
	background:#b6143a;
	color:#fff;
	font-size:90%;
}
.produk#retailer a#detail
{
	border:1px solid #dedede;
	background:#ededed;
	color:#333;
}
.produk#retailer span
{
	width:auto;
	float:none;
	border:1px solid #fff;
	padding-left:6%;
	padding-right:6%;
	padding-top:6px;
	padding-bottom:6px;
	display:block;
}
.produk#retailer a:focus, .produk#retailer a:hover
{
	background:#f2f5c0;
	color:#b6143a;
}
.hint a.right
{
	background:none;
	color:#454545;
	border:none;
	font-size:65%;
	margin-right:4%;
	padding-top:10px;
}
.verify-code .produk
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4%;
	padding-right:4%;
	border-bottom:1px solid #dedede;
}
.verify-code #captcha
{
	margin-right:4%;
}
.verify-code .wrap
{
	margin:0 auto;
	width:80%;
}
.verify-code .produk#detail
{
	border:none;
}
.verify-code .produk#detail a
{
	margin-left:2%;
	margin-right:2%;
}
.thanks
{
	font-size:80%;
}
.under-buttons
{
	font-size:85%;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}
.under-buttons a
{
	width:47%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	text-align:center;
	display:block;
}
.under-buttons a span
{
	display:block;
	padding:4%;
	font-size:90%;
	border:1px solid #fff;
}
.under-buttons .payment
{
	color:#fff;
	background:#b6143a;
	border:1px solid #cf0000;
}
.under-buttons .continue
{
	border:1px solid #dedede;
	background:#ededed;
	color:#000;	
}
.under-buttons .payment:hover, .under-buttons .payment:focus
{	
	background:#f2f5c0;
	color:#b6143a;
}
.under-buttons .continue:hover, .under-buttons .continue:focus
{
	background:#999;
	color:#fff;	
}
table tr .remove
{
	margin:0;
	font-size:75%;
}
.f-separate
{
	margin-bottom:16px;
}
#content-top #cats{
	font-size:75%;
}
#output
{
	margin-top:10px;
	text-align:center;
}
#output input
{
	width:80%;
}
#list-bank .produk span
{
	padding-top:10px;
	padding-bottom:10px;
}
#list-bank .produk span.content
{
	padding-top:7px;
	padding-bottom:7px;
}
#list-bank .produk span.content #num
{
	margin-bottom:6px;
	font-weight:bold;
}
.img_thumb
{
	margin:5px auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	border:1px solid #dedede;
	background:#ededed;
	width:30%;
}
.empty
{
	text-align:center;
	font-size:80%;
	margin-top:10px;
	margin-bottom:10px;
}
.error_login
{
	font-size:75%;
	color:#000;
	background:#fe9d9d;
	border:1px solid #ad2121;
	border-left:none;
	border-right:none;
}
.error_login div
{
	border:1px solid #fff;
	border-left:none;
	border-right:none;
	padding:5px;
}
.error_login div h4
{
	margin:0;
	margin-top:6px;
	margin-bottom:6px;
}
.success_login
{
	font-size:75%;
	color:#000;
	background:#a8fe9d;
	border:1px solid #31ad21;
	border-left:none;
	border-right:none;
}
.success_login div
{
	border:1px solid #fff;
	border-left:none;
	border-right:none;
	padding:5px;
}
.success_login div h4
{
	margin:0;
	margin-top:6px;
	margin-bottom:6px;
}
#footer
{
	margin-top:5px;
}
#captcha, #kode .kode
{
	background:#0b9800;
	color:#000;
	padding:5px;
	font-weight:bold;
	font-size:110%;
	border:1px solid #054900;
}
.color
{
	margin-right:2px;
	color:#b9000d;
	font-weight:bold;
}
.smallnotes .color
{
	color:#99000b;
	font-weight:bold;
}
#form .produk input[type="checkbox"]
{
	width:inherit;
	float:left;
	margin-left:10%;
}
#login-navigation
{
	text-align:right;
	border-bottom:1px solid #d8d8d8;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:10px;
}