/* CSS Document */

body,
html {
		margin:0;
		padding:0;
		color:#000;
		background:#25333E url(../images/top_bg.jpg) repeat-x;
		font:12px "Trebuchet MS";
		
}

#main_layout{ width:1020px; height:auto; margin-left:auto; margin-right:auto; }

#header_layout{ width:1020px; height:200; padding-top:10px;}

#logo{ width:342px; height:102px; text-align:left; margin-top:10px; }

#menu_layout{ width:278px; margin-top:-110px; margin-left:400px;  }

#search_area{ 
	width:350px; 
	height:48px; 
	float:right; 
	margin-right:20px;
	margin-top:-70px; 
	background: #334757 url(../images/bg_search.jpg);
	
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); 
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); 
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); 
  
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
   border-radius: 5px;
}

#search_form_area{ width:350px; height:40px; text-align:center; padding-top:10px; }

#vertikal_line{ background:url(../images/garis_vertikal.png) repeat-y; width:2px; height:30px; margin-left:0px; margin-top:15px; }

#horizontal_line{ background:url(../images/garis_horizontal.png) repeat-x; width:auto; height:2px; margin-top:75px; }

.kotak_cari { border: solid #53636D 1px; font: 11px  "Trebuchet MS", Arial, sans-serif; background-color: #25333E; color:#CCCCCC; padding:2px;}

.kotak { border: solid #53636D 1px; font: 11px  "Trebuchet MS", Arial, sans-serif; background-color:#CCCCCC; color:#000000; padding:4px;}

.teks { FONT-FAMILY:  "Trebuchet MS", Arial, sans-serif; font-size:11px; }



/*  Css For Middle Content */

#mid_lyout{width:1015px; height:auto; margin:0 auto; margin-top:25px; float:left;  }

#menu_kiri{ width:221px; height:auto; text-align:left; background:url(../images/bg__left_menu.jpg) repeat-y;}

#menu_kiri_bg{ background:url(../images/test1.jpg) no-repeat; }

#menu_kiri_footer { background:url(../images/footer_menu.jpg) no-repeat; height:17px;}


#pad_content_menu_kiri{ width:auto; padding-top:22px; padding-left:10px; height:auto}

#pad_content_coming_kiri{ width:auto; padding-top:5px; padding-left:10px; height:auto}

#pad_content_coming_kiri1{ width:auto; padding-top:30px; padding-left:15px; padding-right:15px; height:auto; 
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}



#content_bg{ background:url(../images/bg_content_top.jpg) no-repeat; height:auto}

#layout_menu_kiri{ float:left; width:219px;  }

#layout_menu_kanan{ float:right; width:191px; background:url(../images/bg_right_menu.jpg) repeat-y; top:128px; }

#layout_content{ float:inherit; width:600px; margin-top:4px; background: #FFFFFF; 
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); 
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); 
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); 
  
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
   border-radius: 5px;
 }

#menu_kanan_bg{ background:url(../images/bg_top_right_menu.jpg) no-repeat; }

#menu_kanan_bg_sponsor{ background:url(../images/bg_bottom_right_menu_polos.jpg) no-repeat; }

#menu_kanan_bg1{ background:url(../images/bg_top_right_cart.jpg) no-repeat; }

#cart{ width:160px; margin:10px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }

#menu_kanan_bg_komentar{ background:url(../images/bg_top_right_menu_comment.jpg) no-repeat; }

#menu_kanan_bg_segera_terbit{ background:url(../images/bg_top_right_segera_terbit.jpg) no-repeat; }

#news_link { margin-left:10px; width:180px; border-bottom:#000000 dashed 1px; font-family:"Trebuchet MS"; font-size:12px; padding-top:8px;  }

A.news_link:link{color:#333333;
	text-decoration:none;}
A.news_link:visited{color:#333333;
	text-decoration:none;}
A.news_link:hover{color:#000000;
	text-decoration:none;
}




#cart_judul{ border-bottom:dashed #805A15 1px; text-align:left; padding:2px }

#menu_kanan_footer { background:url(../images/bg_bottom_right_menu.jpg) no-repeat; height:18px;}

#pad_content{ width:auto; padding-top:19px; height:auto}

#content_footer { background:url(../images/bg_content_bottom.jpg) no-repeat; height:20px;}

#footer{ clear:both; width:100%; height:70px; background:url(../images/footer.jpg) repeat-x; }

#footer_text{ padding-top:15px; text-align:center; color:#999999; }

A.footer_text:link{color:#999999;
	text-decoration:none;}
A.footer_text:visited{color:#999999;
	text-decoration:none;}
A.footer_text:hover{color:#FFF;
	text-decoration:none;
}