body{
font-family:  Helvetica, sans-serif;
font-size:0.80em; 
}

h1,h2,h3,h4 {font-family: Tahoma, Helvetica, sans-serif;  margin:0;padding:5px 0;}
h1{font-size: 1.7em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.1em;}
h4 {font-size: 10px;}

a, a:link, a:visited {color:#045300; text-decoration: none;}
a:hover {color: #24B700; text-decoration: none;}
a:active {color:#0a5580; text-decoration: none;}
a:active, a:focus {outline:0;}
a img{border:none}
ul{list-style:none; margin:0}

p img{margin:5px 7px; float:left}

.error,.succes{
	font-size: 11px;
	font-family: "Century Gothic","Times New Roman",Times,serif;
	margin-top: 5px;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
	}
.error{
	border:1px solid #cc0000;
	background-color: #FFDED9;
	background-image: url(../images/status_0.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	}
.succes{
	border:1px solid #CEEFFF;
	background-color: #219100;
	background-image: url(../images/status_0.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	}
/*samping kiri*/
/*kategori*/
ul.kategori{float:left; text-align:left; background:#deff78; padding:3px 0 3px 26px; margin:0 0 0 15px; width:145px;  }
ul.kategori li{margin:0; padding:3px 20px 0px 10px;  list-style:url(../images/shape_14.png) ; border-bottom:1px solid #748d25}
ul.kategori li a{color:#6c6c6c; font-weight:600; font-size:12px}
ul.kategori li:hover{background:url(../images/shape_12hover.gif) repeat-x; cursor:pointer}
ul.kategori li a:hover{color:#4a4a4a}
.selengkapnya{width:80px; float:right; padding-top:4px; padding-right:6px; height:20px; font-size:11px; background:url(../images/sprite.png) -210px 0}
.selengkapnya a{color:#fff}

/*informasi*/
ul.informasi{float:left; text-align:left; padding:3px 0 3px 16px; margin:0; width:170px;  }
ul.informasi li{margin:0; padding:8px 0px 8px 20px; border-bottom:1px dotted #5e7903 }
ul.informasi li a{color:#5e7903; font-weight:700}
ul.informasi li a:hover{color:#4a4a4a; text-decoration:underline}
.tanggal{font-size:10px; color:#FF0000;}

/*sampingkanan*/
/*best*/
table.best-seller {
	margin-left:20px;
	background:#FFFFCC;
	border-top:1px solid #9A9A9A;
	border-bottom:5px solid #9A9A9A;
	font-size:11px;
	font-weight:bold;
	padding:10px 0;
	text-align:left
	}
table.best-seller img {width:56px;}
table.best-seller .hr{border-bottom:1px solid #9a9a9a; padding-bottom:10px; padding-top:10px; vertical-align:top}
table.best-seller .hr img{margin-top:-5px}
table.best-seller .top{padding-top:10px}
table.best-seller td{padding:0 3px}

.iklan img{
	width:166px;
	height:57px;
	margin:5px 0 0 18px}
	
/*tengah*/
.list-produk{border-bottom:1px solid #034800; margin:10px 0}
.list-produk p{text-align:justify; margin:0; padding-bottom:10px}
.list-produk p img{margin:0px 7px}
.list-produk p h3{float:left}

/*keranjang*/
.keranjang {text-align:center; }
.keranjang .tableHeading{background:#640000; color:#fff; text-align:center; }
.tableHeading th{padding:5px 0}
.keranjang td{background:#FFDFDF}

.label{width:200px;}

.btnkeranjang{width:66px; 
			float:right; 
			padding-top:4px; 
			padding-right:20px; 
			height:20px; 
			font-size:11px; 
			background:url(../images/sprite.png) -210px 0; 
			text-align:right; 
			margin-top:10px;
			margin-right:5px}
.btnkeranjang a{color:#fff}

/*slidewrapper*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
height: 300px;
}

/*form*/
.frmcari{padding:20px 0 0 13px;}
.frmcari .text{font-size:12px; color:#5454545; background:#D9FFBF url(../images/cariproduk_07.gif) 3px 2px no-repeat; border:1px solid #80a800
border-radius: 3px 3px 3px 10px;
	-moz-border-radius: 3px 3px 3px 10px;
	-webkit-border-radius: 3px 6px 8px 10px;}
.frmcari .text:focus{background:#D9FFBF }
.frmcari .btncari{background:url(../images/cari_07.gif); border:none; width:37px; height:20px; cursor:pointer}


.paginav { 
	font-size: 1.2em; 
	padding-top: 20px; 
	display: block; float: left; 
	width: 100%; 
}

.paginav .current {
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; 
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	font-weight: 600;
	color: #FFFFFF;
	float: left;
	text-align: center;
	width: 32px;
	height: 28px;
	line-height: 28px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 14px;
}
.paginav a{
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; 		color: rgb(51, 66, 0);
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 56px;
	font-size: 14px;
	font-weight: 600;
}
.paginav a:hover { 
-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
	color: rgb(34, 34, 34);
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 28px;
}

.error{
	font-size: 11px;
	font-family: "Century Gothic", "Times New Roman", Times, serif;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: url(../images/stop.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
	border: 1px solid #FFFFFF;
}
.success{
	font-size: 11px;
	font-family: "Century Gothic", "Times New Roman", Times, serif;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #DBFECF;
	border: 1px solid #9FFD42;
	background-image: url(../images/centang.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
	color: #000000;
}