@charset "utf-8";

/* ++++++++++++++++++++ CSS RESET [JUST LET IT BE] ++++++++++++++++++++ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th { 	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table 		{	border-collapse: separate;	border-spacing: 0;}
caption, th {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/* ++++++++++++++++++++ CSS RESET [JUST LET IT BE] ++++++++++++++++++++ */






/* +++++++++ SETTING DEFAULT +++++++++ */
body {
	color: black;
	/*background: url(images/bg_body.gif) left top repeat-x #083518;*/
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-family:"Tahoma";
}

ol, ul, li	
{	margin: 0;
	padding: 0;
	list-style:none;
}

a, a:visited
{	color:#0000FF;
	text-decoration:none;
}

a:hover
{	color:#FF0000;	}

.paging
{	text-align:left;
	font-weight:bold;
	padding:10px 40px;
}

.button
{	font-size:10px;	}

.tanggal
{	text-align:right;
	font-weight:bold;
	padding:5px 0;
	font-size:0.9em;
}

.counter
{	font-weight:bold;
	padding:10px 0 10px 15px;
}

.customer_service
{	font-weight:bold;
	padding: 0 0 5px 20px;
}

.detail a, .detail a:visited			
{	color:#FFF;	
	background:#204b2e url(panah.gif) right 4px no-repeat;	
	font-weight:bold;	
	padding: 0 15px 0 5px; 
	font-size:11px;
}

.detail2 a, .detail2 a:visited			
{	color:#1e6b37;	
	font-weight:bold;	
	/*padding: 0 15px 0 5px; */
	font-size:11px;
}

.copyright
{	padding-top:8px;
	/*padding-left:20px;*/
        text-align:center;
}

.copyright, .copyright a, .copyright a:hover, .copyright a:visited
{
	color:#FFFFFF;
	font-size:11px;
}

#halaman_utama ul li
{ 	list-style:circle; 
	list-style-position:inside; 
}

#halaman_utama ol li
{ 	list-style:decimal; 
	list-style-position:inside; 
}

/* +++++++++ SETTING DEFAULT +++++++++ */





/* +++++++++ MENU-MENU UTAMA +++++++++ */
#utama
{	background: url(images/bg.gif) left top repeat-y ;
	width: 798px;
	margin: 0 auto;
}
#atas
{	background: url(images/header_js.gif) no-repeat top left;
	/*background-color:#FFA86F;*/
	margin: 0 auto;
	width: 798px;
	height: 244px;
	position: relative;
	z-index:100;
}
#tengah
{	position: relative;
	margin: 0 auto;
	width: 798px;
	overflow: visible;
}
#bawah
{	background: url(images/footer.gif) no-repeat top left;
	/*background-color:#FFA86F;*/
	margin: 0 auto;
	width: 798px;
	clear: both;
	height: 104px;
	position: relative;
}
#kiri
{	width: 214px;
	/*background-color:#DFDFDF;*/
	float: left;
	margin-top: 5px;
	position:relative;
}
#isi
{	width: 388px;
	/*background-color:#CCCCCC;*/
	float: left;
	margin-top: 0px;
}
#kanan
{	width: 195px;
	/*background-color:#DFDFDF;*/
	float: left;
	margin-top: 5px;
	position:relative;
}
#halaman_utama
{	width: 579px;
	/*background-color:#CCCCCC;*/
	margin-top: 20px;
	float: left;
}
/* +++++++++ MENU-MENU UTAMA +++++++++ */




/* +++++++++ MENU ATAS +++++++++ */
#menu_atas
{
	position: absolute;
	left: 0px;
	margin: 0;
	padding: 0;
	bottom:4px;
	font-family:"Tahoma";
}

/* DROP DOWN MENU */
.menu ul li
{	list-style-type:none;	}
.menu li a:visited, .menu li a
{	color:#FFFFFF;
	font-size:10px;
}
.menu a:visited, .menu a
{	
	color:#FFFFFF;
	font-size:10px;
}
.menu
{	color:#FFFFFF;	
	float:left;
	padding:12px 12px;
	text-align:center;
	position:relative;
	font-weight:bold;
	font-size:10px;
	background:url(images/pemisah.gif) right top repeat-y;
	text-decoration:none;
}
.menu a:hover
{	color:#7AE424;	}
.menu div
{	display:none;	}
.menu:hover ul
{	padding-bottom:15px;
	/*background: url(sub_menu.gif) left bottom no-repeat;*/
/*	background-color:transparent;*/
	background-color:#2d9650;
}
.menu:hover div
{	display:block;
	position:absolute;
	top:0px;
	left:10px;
	right:10px;
	top:100%;	
	padding-top: 15px;
	/*background:url(sub_menu.gif) left top no-repeat;*/
/*	background-color:transparent;*/
	background-color:#2d9650;
	width:110px;
}
.menu:hover ul li
{	color:#FFFFFF;
	text-align:left;
	font-size:12px;
	width:80%;
	list-style-position:inside;
	padding: 5px 11px;
	/*background:url(sub_menu.gif) left -3px no-repeat;*/
	background-color:#2d9650;
}
.menu ul li:hover
{	color:#FF4208;
	/*background:url(sub_menu.gif) left -30px repeat-y;*/
	background-color:#23733d;
}
/* +++++++++ MENU ATAS +++++++++ */



/* +++ MENU KIRI +++++++++++++++ */
.menu_kiri_1
{
	/*background-color:#D7FDFF;*/
	margin: 0 auto;
	width: 178px;
	margin-bottom: 20px;
}
.menu_kiri_1_judul
{
	background:transparent url(images/kotak.gif) no-repeat scroll 5px 10px;
	/*background-color:#D3CFFE;*/
	/*height: 30px;*/
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding:6px 0 0 21px;
	color:#2c7341;
}
.menu_kiri_1_isi
{
	background: url(kiri_1_tengah.gif) repeat-y top left;
	/*background-color:#E1C2FE;*/
	padding: 10px 5px;
	color:#163521;
}
.menu_kiri_1_bawah
{
	background: url(kiri_1_bawah.gif) no-repeat top left;
	/*background-color:#D3CFFE;*/
	height: 4px;
	overflow: hidden;

}

/******************************/

.menu_kiri_2
{
	/*background-color:#b3d1be;*/
	margin: 0 auto;
	width: 178px;
	margin-bottom: 20px;
}
.menu_kiri_2_judul
{
	background:transparent url(images/kotak.gif) no-repeat scroll 5px 10px;
	/*background-color:#D3CFFE;*/
	height: 30px;
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding:6px 0 0 21px;
	color:#2c7341;
}
.menu_kiri_2_isi
{
	background: url(kiri_1_tengah.gif) repeat-y top left;
	/*background-color:#E1C2FE;*/
	padding: 10px 5px;
	color:#163521;
}
.menu_kiri_2_bawah
{
	background: url(kiri_1_bawah.gif) no-repeat top left;
	/*background-color:#D3CFFE;*/
	height: 4px;
	overflow: hidden;

}

/* +++ MENU KIRI +++++++++++++++ */


/* +++++++++ MENU ISI +++++++++ */
.menu_isi_1
{
	/*background-color:#D7FDFF;*/
	margin: 0 auto;
	padding-bottom:20px;
	float:left;
}	
.menu_isi_1_judul
{
	background: url(menu_isi_1_judul.gif) no-repeat top left;
	/*background-color:#B6AFFF;*/
	/*height: 30px;*/
	font-size: 20px;
	font-weight:bold;
	padding: 11px 0 0 27px;
	color:#149637;
}

.menu_isi_1_sub_judul
{
	background: url(menu_isi_1_sub_judul.gif) no-repeat top left;
	/*background-color:#D3CFFE;*/
	height: 20px;	
	padding: 3px 25px;
	font-weight:bold;
	font-size:14px;
	color:#499462;
}
.menu_isi_1_isi
{
	background: url(menu_isi_1_tengah.gif) repeat-y top left;
	/*background-color:#CF9FFF;*/
	padding: 10px 5px;
	text-align:justify;
	color:#31513c;
}
.menu_isi_1_bawah
{
	background: url(menu_isi_1_bawah.gif) no-repeat top left;
	/*background-color:#B6AFFF;*/
	height: 10px;
}
/* +++++++++ MENU ISI +++++++++ */



/* ++++++++++++++++ MENU KANAN ++ */
.menu_kanan_1
{
	/*background-color:#D7FDFF;*/
	margin: 0 auto;
	width: 178px;
	margin-bottom: 20px;
}
.menu_kanan_1_judul
{
	background:transparent url(images/kotak.gif) no-repeat scroll 5px 10px;
	/*background-color:#D3CFFE;*/
	/*height: 30px;*/
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding:6px 0 0 21px;
	color:#2c7341;
}
.menu_kanan_1_isi
{
	background: url(kiri_1_tengah.gif) repeat-y top left;
	/*background-color:#E1C2FE;*/
	padding: 10px 5px;
	color:#163521;
}
.menu_kanan_1_bawah
{
	background: url(kanan_1_bawah.gif) no-repeat top left;
	/*background-color:#D3CFFE;*/
	height: 4px;
	overflow: hidden;
}
/* ++++++++++++++++ MENU KANAN ++ */



/* +++++++++ HALAMAN UTAMA +++++++++ */
.halaman_utama_1
{
	/*background-color:cyan;*/
	margin: 0 auto;
	/*width: 650px;*/
	margin-bottom: 5px;
}
.halaman_utama_1_judul
{
	background: url(halaman_utama_1_judul.gif) no-repeat top left;
	/*background-color:#B6AFFF;*/
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding: 10px 0 0 27px;
	color:#149637;
}
.halaman_utama_1_sub_judul
{
	background: url(halaman_utama_1_sub_judul.gif) no-repeat top left;
	/*background-color:cyan;*/
	height: 18px;
	overflow: hidden;
	font-size: 12px;
	font-weight:bold;
	padding: 6px 0 0 28px;
	color:#499462;
}
.halaman_utama_1_isi
{
	background: url(halaman_utama_1_isi.gif) repeat-y top left;
	/*background-color:#CF9FFF;*/
	padding: 5px 10px;
	overflow:auto;
	color:#31513c;
}
.halaman_utama_1_bawah
{
	background: url(halaman_utama_1_bawah.gif) no-repeat top left;
	/*background-color:#B6AFFF;*/
	height: 10px;
	overflow: hidden;
}
/* +++++++++ HALAMAN UTAMA +++++++++ */



/* +++++++++ MENU BAWAH +++++++++ */
#menu_bawah
{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight:bold;
	padding: 17px 0 0 0px;
}
#menu_bawah li
{
	float: left;
	margin: 0;
	padding: 0 13px;
	background: url(pemisah.gif) no-repeat right center;
	list-style: none;
	list-position: inside;
}
#menu_bawah a, #menu_bawah a:visited
{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}
#menu_bawah a:hover
{
	color:#7AE424;
}
/* +++++++++ MENU BAWAH +++++++++ */




/*+++++++++++++ BERITA ++++++++++++++++*/
.list_berita li
{	padding:3px 0;
	list-style-type:square;
	list-style-position:outside;
	margin-left:20px;
	color:#243a0e;
}
.list_berita li a, .list_berita li a:visited
{	
	color:#243a0e;
}
.list_berita li a:hover
{
	color:#7AE424;
}
/*+++++++++++++ BERITA ++++++++++++++++*/

/*+++++++++++++ PRODUK ++++++++++++++++*/
.div_produk		{ 	overflow:auto;	}
.div_produk_1	{ 	position:relative;	float:left;	border-bottom:#b9b9b9 1px solid;	padding:10px 0;}
.div_produk_2	{	width:120px;	float:left;	text-align:center}
.div_produk_2a	{	width:220px;	float:left;	text-align:center;}
.div_produk_3	{	position:relative;	float:left;}
.div_produk_4	{	position:relative;	padding: 0 0 16px 0;}
.div_produk_4a	{	position:relative;	padding: 0 0 16px 0; /*width:90%;*/}
.div_produk_5	{	float:left;	width:60px;}
.div_produk_6	{	float:left;}
.div_produk_7	{	float:left;	width:363px;}
.div_produk_7a	{	float:left;	width:255px; margin:0 0 4px 0;}
.div_produk_8	{	float:left; width:520px; padding-top:10px; /*background-color:red;*/}

/* KATEGORI PRODUK */
.list_kategori li
{	
	padding:3px 0;
	font-weight:bold;
	list-style-type:square;
	list-style-position:outside;
	margin-left:20px;
	font-size:12px;
	color:#243a0e;
}
.list_kategori li a, .list_kategori li a:visited
{	
	color:#243a0e;
}
.list_kategori li a:hover
{
	color:#7AE424;
}
/* FONT PRODUK */
.font_1									{	color:#13391f;	font-weight:bold;	text-decoration:underline;}
.font_2, .font_2 a, .font_2 a:visited	{	color:#6d6d6d;	font-weight:bold;	}
.font_2 a:hover							{	color:#7AE424;	}
.font_3									{	color:#5c060f;	font-weight:bold;}

/*+++++++++++++ PRODUK ++++++++++++++++*/

/* SEARCH PRODUK */
.search_box				{ 	width:95px; border:solid 1px #000; vertical-align:top; font-size:12px; height:15px;	}
.search_box_kanan		{ 	width:75px; border:solid 1px #000; vertical-align:top; font-size:12px; height:15px;	}
.search_button			{ 	width:55px; height:18px;	}

#logo_atas
{ 	text-align:center;
	padding-top:10px;
}

#logo_bawah
{ 	text-align:left;
	margin-left:10px;
	/*padding-left:10px;*/
}

/* 

Yang diganti :
.list_berita li
.list_kategori li
SEARCH PRODUK (diatas ini)
#logo_atas
*/