/* -- page start --*/

body{

	background: #fff url(../images/body_bg.jpg) repeat-x;

	font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#616161;

	padding:0;

	margin:0; 

; 	

}

.spacer{

	line-height:0; 

	font-size:0; 	

	clear:both;

}

ul{

	list-style:none;

}

div, h1, h2, h4, h5, h6, label, input, span, ul, li, p, a{

	padding:0;

	margin:0;

}



h3{

	font:normal 17px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5E8146;

}



/* -- page end --*/

#top-area {position: realtive;

			height: 315px;

			}

#top { height: 59px;

	width: 900px;

	margin:0 auto;

	background: url(../images/nav1.jpg) repeat-x;}

#logo { height: 59px;

	width: 200px;

	margin:0 auto;

	float: left;

	padding-left: 10px;

	background: url(../images/top_bg1.jpg)  left no-repeat;}

#logo img { margin:0; padding:0;

		border:0;

		}

#nav {

	position: relative;

	padding: 0;		

	height: 38px;

	margin:0 auto;

	background: url(../images/nav.jpg)  right no-repeat;}

	}

#nav ul {

	list-style: none;

	padding: 0;	margin: 0;	

	right: 0; bottom: 0;

	float:left;

}

#nav ul li {

	display: inline;

	margin: 0; padding: 0;

}

#nav ul li a {

	display: block;

	float: left;

	height: 38px;

	padding: 0 30px;

	color: #fff;

	font: bold 12px/38px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;

	text-decoration: none;

	}



#nav ul li a:hover {

	display: block;

	float: left;

	height: 38px;

	color: #403d39;

	font: bold 12px/38px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;

	text-decoration: none;

	}

#nav ul li a#home {

	display: block;

	float: left;

	height: 38px;

	padding: 0 30px;

	margin-left: 50px;

	color: #fff;

	font: bold 12px/38px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;

	text-decoration: none;

	}

#nav ul li a#home:hover {

	display: block;

	float: left;

	height: 38px;

	color: #403d39;

	font: bold 12px/38px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;

	text-decoration: none;

	}

/* -- main container start -- */

#mainContainer{

	width:900px; 	

	margin:0 auto;

	color:#616161;

	}

/* -- main container end -- */



/* -- header start -- */

			



#header {width:912px;

		clear:both;

		position:relative;

		background: url(../images/header.jpg) right no-repeat;

		height:315px;

		margin:0 auto;

		}





/* -- header end -- */



/* -- body start -- */

#body{

	width:900px; 

	margin:0 auto; 

	padding:0;

	overflow: hidden;

	background:#eeeacf;

}

/* -- body end -- */

#pre_content {

	padding-top: 10px;

	position: relative;

	float: left;	

	width: 900px;

	height:165px;

	display: inline;

	margin: 0 auto;

	}

#headerPanelfirst { width: 283px;

					float:left;

					height: 210px;

					background:#fff;

					position: absolute;

					border: solid #9d966a 1px;

					left: 10px;

					}

#headerPanelsecond { width: 283px;

					float:left;

					height: 210px;

					background:#fff;

					position: absolute;

					border: solid #9d966a 1px;

					left: 310px;

							}

#headerPanelthird{ width: 283px;

					float:left;

					height: 210px;

					background:#fff;

					position: absolute;

					border: solid #9d966a 1px;

					right: 10px;

						}





#headerPanelfirst  p,

#headerPanelsecond p,						

#headerPanelthird p{ padding: 5px 2px 0 2px;

					width:200px;

					float: right;

					}

#headerPanelfirst  img,

#headerPanelsecond img,						

#headerPanelthird img{ 

					margin: 5px;

					float: left;

					}

#headerPanelfirst  h2,

#headerPanelsecond h2,						

#headerPanelthird h2{ 

					font-size: 16px;

					color:#362511;

					}

#pre_content .product_readmore a {color:#f2840b;

	text-decoration: none;}

#pre_content .product_readmore a:hover {color:#8f4c03;}

/* -- left pannel start -- */

#left{

	width:190px;

	margin:50px 0 0 3px!important;	

	float:left; 

	color:#A56100;


}



#left h2.Left{

	background:url(../images/side_h2.jpg) repeat-x; 

	color:#fff;	

	width:190px; 

	height:36px; 

	font:bold 13px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-align:center;

}





#left a{

	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#4E8500; 

	text-decoration:none; 

}

#left a:hover{

	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#437201; 

	text-decoration:underline; 

}

#left ul{

	width: 190px;

	background:url(../images/sideul.png) repeat-x;

	margin-bottom: 5px;

}

#left ul li{

	padding: 4px 0 2px 0.5px;

	margin: 0 2px;

	

}

#left ul li a{

	color:#c53f0c;

	font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	text-decoration:none;

	padding-left: 10px;

	height:20px; 

	width:130px; 

}

#left ul li a:hover{

	color:#000;

	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	text-decoration:none;

	height:20px; 

	width:130px; 

	

	}

	

/*-----sub sidemenu------*/

#left ul.submenu{

	width: 170px;

	margin-bottom: 5px;

	background:none;

}

#left ul.submenu li{

	padding: 4px 0 2px 0.5px;

	margin: 0 2px;

	

}

#left ul.submenu li a{

	color:#c53f0c;

	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	text-decoration:none;

	padding-left: 20px;

	height:20px; 

	width:130px; 

}

#left ul.submenu li a:hover{

	color:#000;

	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	text-decoration:none;

	height:20px; 

	width:130px; 

	

	}



/* -- left pannel end -- */



/* -- midle start -- */



#midle{

	margin:50px 0 0 5px;	

	width:500px;

	float:left; 	 

	}



.midleContainer h2{

	height:25px; 

	padding:0 0 0 0; 

	margin:0 5px;

	text-align:center;

	font:normal 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	color:#9E4900;

}



.midleContainer p{

	margin:0 5px; 

	color:#616161; 

	padding:4px 0;

	font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;	

}

.midleContainer{

	width:500px; 

	color:#616161;

	text-align:justify;

}



.midleContainer img{

	margin:0 0; 

	border:none;		

}

.midleContainer a:link{

	color:#996600; 

	text-decoration: none; 

}

.midleContainer a:visited{

	color:#996600; 

	text-decoration: none; 

}



.midleContainer a:hover{

	color:#C18300; 

	text-decoration: underline; 

}





/* -- midle end -- */



/* right pannel start -- */

#right{

	margin:50px 3px 0 0;

	width:190px;

	float:right;

	color:#A56100;

	overflow: hidden;

}



#right h2.Right{

	background:url(../images/side_h2.jpg) repeat-x; 

	color:#AA7615;

	width:190px;

	height:36px;

	font:bold 13px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-align:center;

}

#right a{

	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#4E8500; 

	text-decoration:none; 

}

#right a:hover{

	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#437201; 

	text-decoration:underline; 

}

#right ul{

	width: 190px;

	background:url(../images/sideul.png) repeat-x;

	margin-bottom: 5px;

	

}

#right ul li{

	padding: 4px 0 2px 0.5px;

	margin: 0 2px;

	

}

#right ul li a{

	color:#c53f0c;

	font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	text-decoration:none;

	padding-left: 10px;

	height:20px; 

	width:130px; 

}

#right ul li a:hover{

	color:#000;

	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	text-decoration:none;

	height:20px; 

	width:130px; 

	}

#clock {height: 192px;

		width: 190px;

		text-align:center

			background:url(../images/sideul.png) repeat-x;

			position: absolute;

			}



/* right pannel end -- */



/* footer start -- */

#footer{

	background:#e1dcbf; 

	color:#e1dcbf;

	height:100px;

	text-align: center;

	border-top:solid 1px #483013;

	}

.footer {padding: 20px;

		color: #000;}

.menu_bawah {color: #b63805;}

.menu_bawah a { color: #b63805;

				text-decoration: none;

				padding: 0 10px;

								}

.menu_bawah a:hover { color: #f7956d;

				text-decoration: none;

								}

.copyright {color:#000;}

.copyright a { color: #b63805;

				text-decoration: none;

				font-weight: bold;

				}

			/* end style --*/

/* edit by joko */

.produk{

	margin-left:10px!important;	

	color:#000;

	

}

.produk a{

	color:#333!important;	

}

.produk a:hover{

	color:#000!important;

}

#kotak{

	

	float:left;

	padding:4px;

	padding-bottom:15px;

	text-align:center;

}

#kotak img{

	width:140px;

	height:160px;

	border:4px solid #000;

}

#ktk{

	width:470px;

	

	float:right;



}

#paging{

		width:470px;

		margin-top:20px;

		float:right;

		text-align:center;

}

#dtl{

	width:300px;	

}

fieldset{

	margin:8px;

}	

/* end edit */