@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 +++++++++ */
HTML,BODY{cursor:  url("wand.cur"), auto;}
body {
background:url(bg.gif) top left repeat-x #B60B43;
	color: #C20352;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

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

a, a:visited
{	color:#C20352;
	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:#C20352 url(panah.gif) right 4px no-repeat;	
	font-weight:bold;	
	padding: 0 15px 0 5px; 
	font-size:11px;
}

.detail2 a, .detail2 a:visited			
{	color:#7F2F64;	
	font-weight:bold;	
	padding: 0 15px 0 5px; 
	font-size:11px;
}

.copyright
{	padding-top:97px;
	padding-left:393px;
	position:absolute;
	font-weight:bold;
}

.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(bg_.gif) top center repeat-y #F6D0E1;
	width: 925px;
	margin: 0 auto;
}
#atas
{	background: url(header.gif) no-repeat left top;
	margin: 0 auto;
	width: 925px;
	height: 344px;
	position: relative;
}
#tengah
{	position: relative;
	margin: 0 auto;
	width: 926px;
	overflow: visible;
}
#bawah
{	background: url(footer.gif) no-repeat 0 -2px;
	margin: 0 auto;
	width: 925px;
	clear: both;
	height: 136px;
	position: relative;
}
#kiri
{	width: 195px;
	float: left;
	margin-top: -5px;
	margin-left:12px;
	position:relative;
}
#isi
{	width: 493px;
	float: left;
	margin-top: 3px;
	margin-left:10px;
}
#kanan
{	width: 195;
	float: left;
	margin-top: -5px;
	position:relative;
	margin-left:10px;
}
#halaman_utama
{	width: 679px;
	margin-top: 3px;
	float: left;
	margin-left:10px;
}
/* +++++++++ MENU-MENU UTAMA +++++++++ */




/* +++++++++ MENU ATAS +++++++++ */
#menu_atas
{
	position: absolute;
	left: 150px;
	margin: 0;
	padding: 0;
	bottom:57px;
}

/* DROP DOWN MENU */
.menu ul li
{	list-style-type:none;	}
.menu li a:visited, .menu li a
{	color:#FF4208;	}
.menu a:visited, .menu a
{	color:#FFFFFF;	}
.menu
{	color:#FFFFFF;	
	float:left;
	padding:7px 24px 7px 24px;
	text-align:center;
	position:relative;
	font-weight:bold;
	font-size:14px;
	background:url(menu.gif) left 5px no-repeat;
	text-decoration:none;
}
.menu a:hover
{	color:#FFB900;	}
.menu div
{	display:none;	}
.menu:hover ul
{	padding-bottom:15px;
	background: url(sub_menu.gif) left bottom no-repeat;
/*	background-color:transparent;*/
/*background-color:#FFFF00;*/
}
.menu:hover div
{	display:block;
	position:absolute;
	top:0px;
	left:0px;
	top:100%;	
	padding-top: 15px;
	background:url(sub_menu.gif) left top no-repeat;
/*	background-color:transparent;*/
/*background-color:#FFDD00;*/
}
.menu:hover ul li
{	color:#FF4208;
	text-align:left;
	font-size:14px;
	width:200px;
	list-style-position:inside;
	padding: 5px 10px;
	background:url(sub_menu.gif) left -3px no-repeat;
/*background-color:#55FF00;*/
}
.menu ul li:hover
{	color:#FF4208;
	background:url(sub_menu.gif) left -30px repeat-y;
/*background-color:#CCCCCC;*/
}
/* +++++++++ MENU ATAS +++++++++ */



/* +++ MENU KIRI +++++++++++++++ */
.menu_kiri_1
{
	background: url(samping_isi.gif) repeat-y top left;
	margin: 0 auto;
	width: 195px;
	margin-bottom: 10px;
}
.menu_kiri_1_judul
{
	background: url(samping_atas.gif) no-repeat top left;
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding: 9px 0 0 32px;
	color:#EA357B;
}
.menu_kiri_1_isi
{
	padding: 10px 5px 10px 10px;
}
.menu_kiri_1_bawah
{
	background: url(samping_bawah.gif) no-repeat top left;
	height: 10px;
	overflow: hidden;

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


/* +++++++++ MENU ISI +++++++++ */
.menu_isi_1
{
	background: url(tengah_isi.gif) repeat-y top left;
	margin: 0 auto;
	margin-bottom:10px;
	float:left;
	width:493px;
}	
.menu_isi_1_judul
{
	background: url(tengah_atas.gif) no-repeat top left;
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding: 9px 0 0 32px;
	color:#EA357B;
}

.menu_isi_1_sub_judul
{
	padding: 3px 25px;
	font-weight:bold;
	font-size:14px;
}
.menu_isi_1_isi
{
	padding: 10px 10px;
	text-align:justify;
}
.menu_isi_1_bawah
{
	background: url(tengah_bawah.gif) no-repeat top left;
	height: 10px;
}
/* +++++++++ MENU ISI +++++++++ */



/* ++++++++++++++++ MENU KANAN ++ */
.menu_kanan_1
{
	background: url(samping_isi.gif) repeat-y top left;
	margin: 0 auto;
	width: 195px;
	margin-bottom: 10px;
}
.menu_kanan_1_judul
{
	background: url(samping_atas.gif) no-repeat top left;
	overflow: hidden;
	font-size: 15px;
	font-weight:bold;
	padding: 9px 0 0 32px;
	color:#EA357B;
}
.menu_kanan_1_isi
{
	padding: 10px 5px 10px 10px;
}
.menu_kanan_1_bawah
{
	background: url(samping_bawah.gif) no-repeat top left;
	height: 10px;
	overflow: hidden;
}
/* ++++++++++++++++ MENU KANAN ++ */



/* +++++++++ HALAMAN UTAMA +++++++++ */
.halaman_utama_1
{
	background: url(halaman_utama_isi.gif) repeat-y top left;
	margin: 0 auto;
	width: 697px;
	margin-bottom: 5px;
}
.halaman_utama_1_judul
{
	background: url(halaman_utama_atas.gif) no-repeat top left;
	font-size: 15px;
	font-weight:bold;
	padding: 9px 0 0 32px;
	color:#EA357B;
}
.halaman_utama_1_sub_judul
{
	height: 18px;
	overflow: hidden;
	font-size: 12px;
	font-weight:bold;
	padding: 6px 0 0 28px;
}
.halaman_utama_1_isi
{
	padding: 5px 10px;
	overflow:auto;
}
.halaman_utama_1_bawah
{
	background: url(halaman_utama_bawah.gif) no-repeat top left;
	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:disc;
	list-style-position:outside;
	margin-left:15px;
}
/*+++++++++++++ BERITA ++++++++++++++++*/

/*+++++++++++++ PRODUK ++++++++++++++++*/
.div_produk		{ 	overflow:auto;	}
.div_produk_1	{ 	position:relative;	float:left;	border-top:#E9B131 1px solid;	padding:10px 0;}
.div_produk_2	{	width:120px;	float:left;	text-align:center}
.div_produk_2a	{	width:310px;	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:360px;}
.div_produk_5	{	float:left;	width:60px;}
.div_produk_6	{	float:left;}
.div_produk_7	{	float:left;	width:486px;}
.div_produk_7a	{	float:left;	width:290px; margin:0 0 4px 0;}
.div_produk_8	{	float:left; width:677px; }

/* KATEGORI PRODUK */
.list_kategori li
{	
	padding:3px 0;
	font-weight:bold;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}

/* FONT PRODUK */
.font_1									{	color:#EA357B;	font-weight:bold;	text-decoration:underline;}
.font_2, .font_2 a, .font_2 a:visited	{	color:#A00740;	font-weight:bold;	}
.font_2 a:hover							{	color:#B60B43;	}
.font_3									{	color:#5C060F;	font-weight:bold;}

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

/* SEARCH PRODUK */
.search_box				{ 	width:95px; border:solid 1px #B60B43; vertical-align:top; font-size:12px; height:15px;	}
.search_box_kanan		{ 	width:95px; border:solid 1px #B60B43; 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;
	padding-top:96px;
	padding-left:20px;
}

/* 

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