@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "Rockwell";
  src: url("fonts/ROCK.ttf") format("truetype");
}

@font-face {
  font-family: "Rockwellbi";
  src: url("fonts/ROCKBI.ttf") format("truetype");
}

/* global prop. */
*{
  margin: 0;
  padding: 0;
}

ol { padding-left: 20px; margin-top:10px; margin-bottom:10px;line-height:16px}
ol li { font-family:Tahoma, Verdana, Arial; font-size:11px}

body {font-family:Georgia, "Times New Roman", Times, serif; line-height:18px;}

h1 {font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:25px; text-transform:uppercase;}
h2 {font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:uppercase;}
h3 {font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold;}
p {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; margin-top:15px;}

#header-wrapinner{width:100%; height:100px; background:url(images/bg-header.jpg) repeat-x;}
#headerinner { width:880px; margin:0 auto; font-size:14px; font-family:Tahoma, Verdana, Arial;}
#headerinner h1 { font-size:18px; color:#CCCCCC; margin-top:10px}
#header-wrap{width:100%; height:356px; background:url(images/bg-header.jpg) repeat-x;}
	#logo{height:150px; width:900px; margin:0 auto;}
		#logo img {float:left; margin-right:20px;}
		#logo h1 { font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#333; padding-top:10px; text-decoration:underline;}
		#logo h2 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#666; }
		#logo p{ font-size:12px; color:#666; margin:5px 0 0 0;}
	#menu{height:56px; width:900px; margin:0 auto; color:#fff; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;}
		.navigation {list-style:none; padding:0; margin:0;}
			.navigation li {float:left; height:55px; display:block; margin-right:30px; font-size:18px; text-transform:uppercase; text-align:center;}
			.navigation li a {text-decoration:none; color:#fff; display:block; height:46px; padding: 10px 15px 0 15px;}
			.navigation li a:hover {background:#3a3e41; color:#fff;}
			.navigation p {font-size:10px; margin-top:0; padding-top:0;}
	#featured {height:269px; width:900px; margin:0 auto; background:url(images/featured-bg.jpg) no-repeat; padding-top:30px;}
		#featured h1 {margin-left:115px;}
		#featured h2 {margin-left:115px;}
		#featured p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; width:350px; color:#fff; margin-top:40px; line-height:1.5em; font-size:12px;}

#body-wrap{width:100%;}
	#content-wrap {width:900px; margin:0 auto;}
		#top-content{width:900px;}
			#top-content-isi{width:878px; border-left:1px solid #78b228; border-right:1px solid #78b228; padding: 10px 10px 0 10px; min-height:300px}
				#top-content-isi img {float:left; margin-right:15px;}
				#top-content-isi h1{font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:18px; text-transform:uppercase;}
				#top-content-isi h2{font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:18px; text-transform:uppercase;}
				#top-left {width:580px; float:left}
				#top-right{width:263px; float:right;}
				.top-kanan{float:right; list-style:none; margin-top:0px;}
				.top-kanan li{height:115px; width:240px;  border:#ccc 1px solid; margin-top:15px; padding:15px;}
				.top-kanan h2{font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:20px; text-transform:uppercase; color:#3c551b; }
				.top-kanan p {margin:5px 0 10px 0;}
				.sidelink {margin:0; padding:10px 0 10px 0; border-bottom:1px dashed #CCCCCC;width:250px;}
				.sidelink:hover { background: #F7F7F7}
				.sidelink a{font-size:12px; font-family:tahoma,arial; color:#333333; font-weight:bold;text-decoration:none;padding:0; margin:0}
				
				.sidecontent{margin:0; padding:0; width:220px; padding-left:30px; padding-bottom:10px;  position:relative; top:-15px; right:0; border-bottom:1px solid #CCCCCC}
				.sidecontent a{text-decoration:none; color:#6699CC; font-weight:bold; }
				.sidecontent a:hover{text-decoration:underline}
			#top-content-bottom{ background:url(images/topcontent-bottom.gif) no-repeat; height:15px;}
		#bottom-content{width:900px;}
			.kiri{float:left; list-style:none; margin-top:0px;}
				.kiri h2, .kanan h2{font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; color:#3c551b; margin-bottom:5px;}
				.kiri p, .kanan p {margin:0; margin-bottom:5px;height:45px; font-size:10px;}
				.kiri img, .kanan img{float:left; margin-right:10px;}
				.kiri li, .kanan li{height:115px; width:412px; background:url(images/bottom-sidebar.jpg); margin-top:15px; padding:15px;}
			.kanan{float:right; list-style:none; margin-top:0px;}
				

#footer-wrap2{width:100%; height:40px; color:#000; padding-top:20px; margin-top:15px}
	#footer-content2{width:900px; border-top:1px #009900  solid; padding-top:10px; margin:0 auto;}
		#footer-content2 p{margin:0 0 5px 0;}
		#footer-content2 a {color:#000; text-decoration:none;}
		#footer-content2 a:hover {text-decoration:underline;}


#footer-wrap{width:100%; height:66px; background:url(images/bg-footer.jpg) repeat-x; color:#fff; padding-top:20px; margin-top:15px}
	#footer-content{width:900px; margin:0 auto;}
		#footer-content p{margin:0 0 5px 0;}
		#footer-content a {color:#fff; text-decoration:none;}
		#footer-content a:hover {text-decoration:underline;}
		
#contact-area {margin-top:20px; font-family: Tahoma, Helvetica, sans-serif; width:580px}
#contact-area input, #contact-area textarea {

	padding: 10px;
	width: 400px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #cccccc;
}

#contact-area input:hover, #contact-area textarea:hover{background: #F3F3F3}

#contact-area input.submit-button {
	line-height:20px;
	width: 125px;
	float: left;
	margin-right:22px;
	padding:5px;
	background:#78b228;
	color:#ffffff
	
}
#contact-area input.submit-button:hover{
	background:#999999; font-weight:bold}

#contact-area label {width:60px; display:inline-block; float:left; font-size:11px; color:#000000; font-family:tahoma; margin-top:10px}	

.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(/scripts/border-radius.htc);
}

#product_table{border:#E7E7E7 1px solid;
		  margin:10px 10px 10px 0;
		  font-size:11px; color:#336699; 
		  font-family:tahoma,arial;
		  text-decoration:none;
		  background: #F2FBF0; float:left
		  }
		  
#product_table td{padding:5px; line-height:20px}
#product_table a{text-decoration:none; color: #53B5EA}
#product_table a:hover{text-decoration:underline}
#product_table .subcat {margin-left:10px; }
#product_table .bull{float:left}