/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#fff url(../images/bg.gif) repeat-x;
	}

h1,h2,h3,h4,h5,h6,h7{margin:0;padding:0;}

form{margin:0; padding:0;}

hr{
	height:1px;
	background:#999;
	border:0;
	}

.clear{clear:both;}

#container{
	width:835px;
	_width:845px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

.menutop{
	width:auto;
	margin:0 0 2px 0;
	padding:0;
	}

.menutop ul{
	width:auto;
	text-align:center;
	margin:0;
	padding:0;
	list-style-type:none;
	}

.menutop ul li{
	display:inline;
	width:auto;
	margin:0;
	padding:0 20px;
	text-transform:uppercase;
	font:bold 12px/40px Arial, Helvetica, sans-serif;
	color:#333;
	}

.menutop ul li a{text-decoration:none; color:#333;}
.menutop ul li a:hover{text-decoration:underline; color:#333;}

.header-left{margin:0 0 0 50px; padding:0;}

.header-left h1{
	float:left;
	width:313px;
	height:96px;
	text-indent:-9999px;
	background:url(../images/bali-satya-silver-name.gif) no-repeat;
	}

.header-right{margin:0 20px 0 0; padding:0;}

.header-right h1{
	float:right;
	width:273px;
	height:222px;
	text-indent:-9999px;
	background:url(../images/bali-satya-silver-gelang.jpg) no-repeat;
	}
/*----------------------END OF HEADER --------------------------*/





.left-side{
	position:relative;
	top:-40px;
	float:left;
	width:200px;
	margin:0;
	padding:0;
	text-align:right;
	}

.left-side h2{
	font:bold 11px/25px Arial, Helvetica, sans-serif ;
	color:#666;
	border-bottom:1px solid #666;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:10px;
	}

.left-side ul{
	width:auto;
	margin:0;
	padding:0;
	list-style-type:none;
	}

.left-side ul li{
	width:auto;
	font:11px/30px Arial, Helvetica, sans-serif;
	color:#999966;
	border-bottom:1px dotted #999966;
	text-transform:uppercase;
	}

.left-side ul li a{
	display:block;
	text-decoration:none;
	color:#999966;
	}

.left-side ul li a:hover{
	text-decoration:none;
	color:#CCC;
	}

label.login{
	display:block;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#999966;
	text-transform:uppercase;
	}

input.login{
	display:block;
	float:right;
	border:1px solid #e7e7dc;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:5px 5px;
	text-align:right;
	}

input.btnlogin{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:4px 10px;
	border:1px solid #fff;
	background:#333300;
	letter-spacing:1px;
	}

em.login{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	}

em.login a{text-decoration:none; color:#FF6600;}
em.login a:hover{text-decoration:underline; color:#FF6600;}
/*----------------------END OF LEFT SIDE --------------------------*/



.right-side{
	position:relative;
	top:-20px;
	float:right;
	width:600px;
	margin:0;
	padding:0;
	text-align:left;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#999966;
	}

.right-side a{
	color:#999966;
	text-decoration:underline;
	}

.right-side a:hover{
	text-decoration:none;
	color:#FF6600;
	}

.right-side h1{
	font:19px Georgia, "Times New Roman", Times, serif;
	color:#999966;
	margin:0;
	padding:0;
	}

.right-side h2{
	font:15px Georgia, "Times New Roman", Times, serif;
	color:#999966;
	margin:0;
	padding:0;
	}

.product-intro{
	width:auto;
	margin:30px 0;
	padding:0;
	}

.box-product-intro{
	float:left;
	width:auto;
	margin:20px 20px 0 0;
	padding:0;
	}
	

.box-product-intro img{
	width:120px;
	height:120px;
	margin:0;
	padding:2px;
	border:1px solid #999966;
	}

.product-name{
	width:auto;
	margin:0;
	padding:5px 0;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FF6600;
	}

.product-name a{
	text-decoration:none;
	color:#FF6600;
	}

.product-name a:hover{
	text-decoration:underline;
	color:#FF6600;
	}

.lblproductlist{
	float:left;
	width:35px;
	display:block;
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	}

.box-flash-news{
	width:auto;
	margin:0;
	padding:0;
	}
	
.product-detail{
	width:auto;
	margin:20px 0 0 0;
	padding:0;
	}

.detail-product{
	font:10px/14px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	}

.product-detail img{
	float:left;
	width:250px;
	height:250px;
	margin:0 20px 0 0;
	padding:1px;
	border:2px solid #DFDFDF;
	}

.product-item-detail{
	float:left;
	width:320px;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	}

.des-produtc-detail{
	width: auto;
	margin:5px 0;
	padding:5px;
	border:1px solid #999999;
	background:#EFEFEF;
	}

.des-produtc-detail a{ text-decoration:underline; color:#EFEFEF;}
.des-produtc-detail a{ text-decoration:none; color:#EFEFEF;}

.form-order-product{
	width: auto;
	margin:20px 0;
	padding:5px;
	border:1px solid #999;
	background:#EFEFEF;
	}

.form-order-product h2{
	font:bold 18px Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:3px 0;
	border-bottom:1px solid #999;
	}

textarea.order-form{
	width:300px;
	height:130px;
	margin:5px 0;
	padding:3px;
	font:12px Arial, Helvetica, sans-serif;
	}

textarea.contact{
	width:400px;
	height:150px;
	margin:5px 0;
	padding:3px;
	font:12px Arial, Helvetica, sans-serif;
	}

input.txt-order-form{
	display:block;
	width:50px;
	margin:5px 0;
	padding:3px;
	font:12px Arial, Helvetica, sans-serif;
	}

input.btn-order-form{
	display:block;
	margin:10px 0;
	padding:3px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	}

.box-sc{
	width:auto;
	margin:20px 0 0 0;
	padding:5px;
	border:1px solid #999;
	background:#DDDDDD;
	}

label.lblsc{
	font:11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

.sc-left{
	float:left;
	width:105px;
	margin:0 15px 0 0;
	padding:0;
	}

.sc-left img{
	width:100px;
	height:100px;
	margin:0;
	padding:1;
	border:3px solid #999;
	}

.sc-center{
	float:left;
	width:160px;
	margin:0;
	padding:0;
	}
	
.sc-right{
	float:right;
	width:290px;
	margin:0;
	padding:0;
	}

.button-sc{
	width:auto;
	margin:5px 0;
	padding:5px 0;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	text-align:center;
	}

.button-sc a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FF6600;
	text-decoration:none;
	}

.button-sc a:hover{
	text-decoration:underline;
	color:#FF6600;
	}

input.btnsc{
	padding:3px 10px;
	margin:0;
	font:bold 11px Arial, Helvetica, sans-serif;
	}

.box-alur-sc{
	width:auto;
	margin:40px 0 0 0;
	padding:0;
	text-align:center;
	}

.alur-sc-left{
	float:left;
	widows:40%;
	margin:0;
	padding:0 0 0 30px;
	}

.alur-sc-right{
	float:right;
	widows:40%;
	margin:0;
	padding:0 30px 0 0;
	}

.register-login{
	width:auto;
	margin:10px 0 0 0;
	padding:0;
	}

legend{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#999966;
	padding:10px 5px;
	}

label.lblregister{
	display:block;
	float:left;
	width:120px;
	margin:0;
	padding:0;
	}

input.txtregister{
	width:250px;
	border:1px solid #999966;
	font:12px Arial, Helvetica, sans-serif;
	padding:3px;
	}

input.btnregister{
	width:auto;
	margin:0 0 0 120px;
	padding:3px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	}

select.selectregister{
	width:250px;
	border:1px solid #999966;
	font:12px Arial, Helvetica, sans-serif;
	padding:3px;
	}

.register-biodata{
	width:auto;
	margin:20px 0 0 0;
	padding:0;
	}

.body-faq{
	width:auto;
	margin:20px 0 0 0;
	padding:0;
	}

.body-faq ul{
	width:auto;
	margin:0;
	padding:0;
	}

.body-faq ul li{
	width:auto;
	margin:0;
	padding:5px 20px;
	list-style-type:none;
	background:url(../images/bg-li.gif) no-repeat left;
	}

.body-faq ul li a{
	text-decoration:none;
	color:#999966;
	}

.body-faq ul li a:hover{
	text-decoration:underline;
	color:#999966;
	}

.faq-jawab{
	width:auto;
	margin:20px 40px 0 40px;
	padding:5px;
	background:#EEEEEE;
	border:1px solid #999;
	}

.faq-jawab ul{
	width:auto;
	margin:0;
	padding:0;
	}

.faq-jawab ul li{
	width:auto;
	margin:0;
	padding:5px 20px;
	list-style-type:none;
	background:url(../images/bg-li-jawab.png) no-repeat left;
	font:bold 12px Arial, Helvetica, sans-serif;
	}

.faq-jawab-jawab{
	width:auto;
	margin:0 0 0 25px;
	padding:3px 0 3px 10px;
	border-left:5px solid #999;
	font:italic 11px/14px Georgia, "Times New Roman", Times, serif;
	}

.flash-news{
	width:auto;
	margin:0;
	padding:0;
	}

.flash-news h3{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#999966;
	margin:15px 0 0 0;
	padding:0;
	}

.flash-news p{
	margin:5px 0;
	padding:0;
	}

.flash-news img{
	width:auto;
	margin:5px;
	padding:2px;
	border:1px solid #999966;
	}
/*----------------------END OF RIGHT SIDE --------------------------*/	


.footer{
	float:right;
	width:600px;
	margin:20px 0;
	padding:10px 0;
	border-top:1px solid #c8c8ba;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color:#999966;
	}

.menu-bottom{
	width:auto;
	margin:0;
	padding:0;
	}

.menu-bottom ul{
	width:auto;
	text-align:center;
	margin:0;
	padding:0;
	list-style-type:none;
	}

.menu-bottom ul li{
	display:inline;
	width:auto;
	margin:0;
	padding:0 10px;
	text-transform:uppercase;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#999966;
	}

.menu-bottom ul li a{text-decoration:none; color:#999966;}
.menu-bottom ul li a:hover{text-decoration:underline; color:#999966;}

.copyright{
	margin:10px 0;
	padding:0;
	color:#999966;
	line-height:20px;
	}

.copyright a{text-decoration:none; color:#999966;}
.copyright a:hover{text-decoration:underline; color:#999966;}

/*-----------PAGING------------------------------*/
.page{float:left; text-align:left;}

.display{float:right; text-align:right; margin-right:30px;}
	
.display, .page{
	width:40%;
	margin-top:20px;
	_margin-top:30px;
	margin-bottom:10px;
	_margin-bottom:20px;
	padding:0;
	}
	
label.num{
	float:left;
	display:block;
	width:40px;
	padding:0;
	}
	
.num a{
	float:left;
	display:block;
	margin-right:3px;
	padding:3px 5px 3px 5px;
	background:#fff;
	border:1px solid #999966;
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	text-decoration:none;
	}

.num a:hover{
	text-decoration:underline;
	background:#DBDBDB;
	color:#000;
	border:1px solid #000;
	}