BODY {
	margin					: 10px auto 10px;
	font					: 76% arial, verdana, helvetica, sans-serif;
	font-size				: 12px;
	background				: url(images/bg.gif) repeat-x;
	background-attachment	: fixed;
	margin-bottom			: 10px;	
}
.bdinput{
	font-family		: verdana, arial;
	font-size		: 10px;
	background		: #CCCCCC;
	
}
.bdbutton {
	border			: 1px solid #60829F;
	background		: #999999;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	color			: #ffffff;
	margin-bottom	: 0px;
}

a:active {color: #6171B2; font-weight:bold;  text-decoration: none;background-color: inherit;}
a:link {color: #6171B2; font-weight:100; text-decoration: none;background-color: inherit;}
a:visited {color: #6171B2; text-decoration: none;background-color: inherit;}
/*a:hover {color: #6171B2 ; font-weight:bold; text-decoration: none;background-color: inherit;}*/
a img { border: 0; }

.font_cover{
	font-family : verdana, arial;
	font-size	: 11px;
	color		: #f0f;
}

#ALL {
	/* Untuk Nengahin Semua IE dan Firefox */
	margin			: 0px auto;
	width			: 780px;
	_width			: 780px;
	height			: auto;
	display			: block;
	margin-top		: 10px;
	margin-bottom	: 10px;
	background		: #fff;

}
#header {
	width		: 780px;
	height		: 94px;
}

#arealogo {
	margin-top	: 0px;
	width		: 770px;
	height		: 68px;
	background 	: #fff;
	_height		: 90px;
	padding		: 10px 0px 0px 10px;
}
#areasearch	{
	float		: right;
	width		: 200px;
	font-size	: 10px;
	font-family	: verdana, arial;
	text-align	: right;
	padding		: 0px 3px 0px 0px;
	margin-top	: -10px;
	_margin-top	: -20px;
}

#areabutton {
	margin-top	:0px;
	_margin-top	:10px;
	border-top	:1px solid #646092;
	width		:780px;
	height		:30px;
	background 	:#fff;
}

/*link kumpul*/
#link {
	float	:left;
	width	:630px;
	height	:23px;
	margin-left:20px;
}

#link-01_ {
	float	:left;
	width	:20px;
	height	:23px;
}

#link_home {
	float	:left;
	width	:51px;
	height	:23px;
}

#link_product {
	float	:left;
	width	:77px;
	height	:23px;
}

#link_support {
	float	:left;
	width	:69px;
	height	:23px;
}

#link_buy {
	float	:left;
	width	:69px;
	height	:23px;
}

#link_news {
	float	:left;
	width	:119px;
	height	:23px;
}

#link_promotion {
	float	:left;
	width	:125px;
	height	:23px;
}

#link_forum {
	float	:left;
	width	:62px;
	height	:23px;
}
/*link kumpul habis*/
/*link bahasa*/
#bahasa {
	float			:right;
	text-align		:right;
	font-size		:10px;
	padding-right	:10px;
}
#login {
	float			:left;
	text-align		:left;
	font-size		:10px;
	padding-top		:7px;
	padding-left	:10px;
}

#content {
	display 	:block;
	float		:left;
	width		:780px;
	min-height	:300px;
	height 		:auto;
	background	:#fff;
	margin-top	:7px;
	/*_margin-top	:-4px;*/
}
#content-kiri {
	margin-left	:10px;
	_margin-left:8px;
	display 	:block;
	float		:left;
	padding-left:10px ;
	width		:310px;
	_width		:310px;
	min-height	:626px;
	height 		:auto;
	background 	:#fff;
	z-index:1;
}

#berita {
	font-size 	:10px;
	font-family :arial;
	text-align	:justify;
}
.berita_judul {
	font-size 	:11px;
}
.berita_waktu {
	color	 	:red;
}

#judul_menu {
	font-family 	: verdana, arial;
	font-size		: 14px;
	border-bottom	: 1px solid #999999;
	width			: 250px;
	font-weight		: bold;
	margin-bottom	: 5px;
}

#content-kanan {
	display 		:block;
	margin-left		:5px;
	_margin-left	:0px;
	float			:right;
	padding-left	:10px;
	padding-right	:5px;
	width			:430px;
	_width			:385px;
	min-height		:626px;
	height			:auto;
	background 		:#fff;
}

#kotak_barang {
	float			:left;
	padding			:10px;
	width			:400px;
	_width			:385px;
	height			:auto;
	margin			:10px;
	_margin			:0px;
}

#kotak_berita {
	float			:left;
	width			:600px;
	_width			:585px;
	height			:auto;
	margin			:0px;
	_margin			:0px;
}

#kotak_berita a {
	font-size:11px;
	font-weight:100;
}

#kotak_berita h1 {
	margin-bottom	:0px;
	font-size:14px;
}

#kotak_berita h4 {
	margin-top	:10px;
	margin-bottom:0px;
	font-size:11px;
}

#kotak_berita h3 {
	margin-bottom	:5px;
	font-size:12px;
}

#kotak_compare {
	float			:left;
	padding			:0px;
	width			:550px;
	_width			:385px;
	height			:auto;
	margin			:10px;
	_margin			:0px;
}

#advance_search {
	padding			:0px;
	/*border			:1px solid #999999;*/
	width			:600px;
	_width			:385px;
	height			:auto;
	margin			:0px auto;
}

#special_offer {
	float			:left;
	/*border			:1px solid #CB8F99;*/
	width			:100px;
	_width			:95px;
	height			:150px;
	color			:#CB8F99;
	margin-right	:20px;
	_margin-right	:10px;
	text-align		:center;
	font-size		:10px;
	font-family		:arial;
}

#hot_items {
	float			:left;
	/*border			:1px solid #B5B9D2;*/
	width			:100px;
	_width			:96px;
	height			:150px;
	color			:#CB8F99;
	margin-right	:20px;
	text-align		:center;
	font-size		:9px;
	font-family		:arial;
}

#awards {
	/*border			:1px solid #B5B9D2;*/
	width			:290px;
	height			:115px;
	color			:#475691;
	margin-right	:5px;
}

/*produk menu*/
#menu_produk{
	margin-top:5px;
	float:left;
	padding :20px 5px 70px 10px;
	_padding :10px 5px 70px 20px;
	border-right:1px solid #999999;
	width:130px;
	height:auto;
	background:#fff;
}
.menu_produk_link{
	font-size			:11px;
	color				:#000;
	width				:120px;
}
.menu_produk_link:hover{
	background-color	:#CCCCCC;
	width				:120px;
	_background-color	:#CCCCCC;
}
.menu_produk_link_ie a{
	_font-size			:11px;
	_color				:#000;
	_width				:120px;
}
.menu_produk_link_ie a:hover{
	_background-color	: #CCCCCC;
	_width				: 120px;
	_cursor				: pointer;
}

.deskripsi_produk {
	float:left;
	width:612px;
	padding:0px 10px 10px 10px;
	_padding:10px 10px 10px 10px;
	height:auto;
	border-left:1px solid #999999;
	margin-left:-1px;
	background:#fff;
}

.deskripsi_produk h2{
	font-size:20px;
	font-weight:bold;
	width:350px;
	border-bottom:1px solid #999999;
}

#newest_product {
	float			:left;
	/*border			:1px solid #CB8F99;*/
	width			:180px;;
	height			:210px;
	color			:#CB8F99;
	margin-right	:20px;
	margin-bottom	:20px;
	_margin-right	:10px;
	text-align		:center;
	font-size		:10px;
	font-family		:arial;
}

#merk_produk {
	padding	:0px 10px 10px 20px;
}
#merk_produk a{
	font-weight:300;
	color:#6171B2;
}

#hot_product {
	float			:left;
	/*border			:1px solid #CB8F99;*/
	width			:145px;;
	height			:115px;
	color			:#CB8F99;
	margin-right	:5px;
	margin-bottom	:45px;
	text-align		:center;
	font-size		:10px;
	font-family		:arial;
}

#compare {
	float :left;
	width	:400px;
	margin-top:90px;
	margin-bottom:0px;
	font-size:11px;
}
/*produk menu habis*/


#footer {
	float			:left;
	margin-top		:0px;
	width			:780px;
	background		:#fff;
	margin-bottom	:30px;
	_margin-bottom	:0px;
}

#sponsor_footer {
	margin-top	:0px;
	width		:780px;
	/*height		:71px;*/
}

/*
#logo_footer {
	margin-top	:0px;
	width		:780px;
	background 	:#fff;
	background	:url(images/bawah_.jpg);
	text-align	:center;
	width		:780px;
	height		:55px;
}
*/
#logo_footer {
	margin-top	:0px;
	background 	:#fff;
	background	:url(images/bawah_.jpg);
	width		:475px;
	height		:40px;
	padding		:15px 0px 0px 295px;
	color		:#FFFFFF;
	font-weight	:bold;
}

.forform {
	_margin		: 3px;
}

/* FOR POPUP - START */
.popup_judul_atas {
	margin-top	: 75px;
	_margin-top	: 65px;
	margin-left	: 30px;
	color		: #9FCD49;
	font-family	: arial,verdana;
	font-weight	: bold;
	font-size	: 12px;
}
.popup_judul_bawah {
	margin-top	: 5px;
	margin-left	: 30px;
	color		: #6171B2;
	font-family	: arial,verdana;
	font-weight	: bold;
	font-size	: 16px;
}
.popup_image {
	margin-top	: 5px;
	margin-left	: 30px;
}
.popup_prev_next {
	width		: 165px;
	text-align	: center;
	font-family	: arial,verdana;
	font-size	: 9px;
}
.popup_spec_judul{
	margin-top	: -250px;
	margin-left	: 220px;
	font-size	: 20px;
}
.popup_spec{
	margin-top	: 10px;
	margin-left	: 220px;
}
.popup_harga{
	margin-top	: 10px;
	margin-left	: 220px;
	font-size	: 20px;
}
.popup_close{
	text-align	: center;
	margin-top	: 40px;
}
/* FOR POPUP - FINISH */

/*tabel chart */
.tHead {
	background:#C5BAFE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

.tItem {
	background:#F7F4FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.fInput_chart {
	margin-left	:5px;
	width		:30px;
	background	:#F9F9F9;
	font-family	: verdana,arial;
	font-size	: 10px;
}
.tFoot {
	background:#D9CAFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.span-chart {
	background 	: #F7F4FF;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	border		: 0px;
	text-align	: right;
}
.span-chart-tot {
	background 	: #D9CAFF;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 10px;
	border		: 0px;
	text-align	: right;
	font-weight	: bold;
}
.fButton  {
	border			: 1px solid #60829F;
	background		: #666699;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	color			: #ffffff;
	margin-bottom	: 0px;
}
/*tabel chart finish */

/* tabel signup start */
.suinput{
	font-family		: verdana, arial;
	font-size		: 10px;
	background		: #fff;
}
/* tabel signup finish */

/* css menu geser */
#menu {
	width: 130px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*border: 1px solid #6E96D5;*/
	border-bottom-width: 0;
	background-color:#CCCCCC;
}

#menu ul {
	/*border-left: 1px solid #1958b7;*/
	
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:1;
}

#menu a {
	height: auto;
	display: block;
	background-color:#E2E2E2;
	font: 10px Verdana, Helvetica, sans-serif;
	color: black;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
	z-index:1;
}

#menu a:hover {
	color: #000;
	background:#CCCCCC;
	border-left:#999999 1px;
	border-bottom: 1px solid #999999;
	z-index:1;
}

#menu li {
	position: relative;
	/*border-bottom:1px #003366 solid;*/
	z-index:1;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	z-index:1;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block; 	z-index:1;}
/* akhir css menu */



/* CSS menu_atas */

#menu_atas {
	float: left;
	z-index: 3;
}
#menu_atas ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
	background-color:#E2E2E2;
}
#menu_atas a {
	font: normal 10px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0px;
	color: #000;
	text-decoration: none;
}
#menu_atas a:hover {
	color: #000;
	background:#CCCCCC;
}
#menu_atas li {

	position: relative;
}
#menu_atas ul ul {
	width:77px;
	position: absolute;
}
#menu_atas ul ul ul {
	top: 0;
	left: 100%;
}
div#menu_atas ul ul,
div#menu_atas ul li:hover ul ul,
div#menu_atas ul ul li:hover ul ul{
	display: none;
}

div#menu_atas ul li:hover ul,
div#menu_atas ul ul li:hover ul,
div#menu_atas ul ul ul li:hover ul{
	display: block;
}
/* End CSS menu_atas */

