@charset "utf-8";
/* CSS Document */
/* reset browser */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
ul li{
	list-style:none
}
/* header stuff */
body{
	background:#fff;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
h1{
	text-indent:-5000px;
	line-height:80px;
}
h2{
	text-indent:-5000px;
	line-height:100px;
}

h3{
	color:#000;
	font-size:28px;
	font-weight:normal;
	color: #ff7000;
	line-height:32px;
}
h4{
	font-size: 16px;
	font-weight:bold;
	color:#000000;
	line-height:20px;
}
p{
	font-size:12px;
	line-height:15px;
}
a{
	text-decoration:none;
	color:#ff7000;
}
a:hover{
	/*text-decoration:underline;*/
	color:#000000;
}
a:visited{
	color: #be5210;
}
a img {
	border:none
}

#container{
	margin:0 auto;
	width:960px;
	text-align:left;
}
#header{
	width:960px;
	height:167px;
	padding:0;
	margin-bottom:8px;
}
#toplink{
	background:#be5210;
	height:22px;
	width:928px;
	padding:0 16px;
	margin:0;
	border-bottom:#fff solid 3px;
	float:left
}
#toplink ul{
	float:right;
	margin:0;
	padding:0
}
#toplink li{
	list-style:none;
	text-align:right;
	font-size:12px;
	float:left;
}
#toplink li a, #toplink li a:visited{
	color:#fff;
	line-height:22px;
	display:block;
	text-decoration:none;
	padding:0 5px;
}
#toplink li a:hover{
	text-decoration:underline;
}

#banner{
	height:90px;
	width:960px;
	padding:0;
	background:url(images/header.jpg) right top no-repeat #ff7000;
	float:left
}
#banner img{
	border:none;
	margin:5px 0px 0px 16px;
}
#firstmenu{
	text-align:right;
	height:26px;
	width:928px;
	margin:0;
	padding:0 16px;
	background:url(images/menubar.jpg) repeat-x;
	float:left
}
#firstmenu ul{
	float:right;
	margin:0;
	padding:0
}
#firstmenu li{
	list-style:none;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	float:left;
}
#firstmenu li a, #firstmenu li a:visited{
	color:#000;
	line-height:26px;
	display:block;
	text-decoration:none;
	padding:0 8px;
}
#firstmenu li a:hover, #firstmenu li a.current{
	text-decoration:none;
	color:#ff7000;
}

#secondmenu{
	text-align:right;
	height:26px;
	width:928px;
	padding:0 16px;
	background:#fff;
	float:left
}
#secondmenu ul{
	float:right;
	margin:0;
	padding:0
}
#secondmenu li{
	list-style:none;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	list-style:none;
	float:left;
	padding:0 1px;
}
#secondmenu .left{
	height:26px;
	width:5px;
	background:url(images/secmenu_01.jpg);
	float:left
}
#secondmenu .mid{
	height:26px;
	padding:0 5px;
	background:#efefef;
	border-bottom:#ff7000 1px solid;
	font-size:12px;
	line-height:26px;
	display:block;
	color:#000;
	float:left
}
#secondmenu .right{
	height:26px;
	width:5px;
	background:url(images/secmenu_03.jpg);
	float:left
}
#secondmenu li a{
	display:block;
	text-decoration:none;
	padding:0 1px;
	color:#000000
}
#secondmenu li a:visited{
	color:#000000;
	text-decoration:none;
}
#secondmenu li a:hover, #secondmenu li a.current{
	text-decoration:none;
	color:#ff7000
}

/* index content */

#topsection{
	width:960px;
	margin-bottom:8px;
}
#featured{
	width:574px;
	height:293px;
	float:left;
	margin-left:0;
	/*background:url(images/featured.jpg);*/
}
#righttopcolumn{
	margin-left:16px;
	width:338px;
	float:left;
}
#righttopcolumn img{
	border:#ff7000 1px solid
}
.tops{
	margin-bottom:8px;
	float:left
}
.lefts{
	margin:0;
	float:left
}
.rights{
	margin-left:16px;
	float:left
}
#bottomsection{
	width:960px;
	height:280px;
	background:#ececec;
	padding-bottom:8px
}
#rightchild,#leftchild{
	width:278px;
	margin-left:16px;
	float:left;
}
.childtitle{
	height:40px;
	margin-bottom:8px;
	padding:0;
	border-bottom:1px #ff7000 solid;
}
.childcontent{
	margin-bottom:8px;
	height:48px;
}
.childcontent ul{
	margin-top:8px;
	padding:0px;
	float:left
}
.childcontent li{
	list-style:none;
	height:14px;
	width:14px;
	border:1px #ff7000 solid;
	color:#000;
	background:#fff;
	margin-right:1px;
	font-size:11px;
	line-height:14px;
	text-align:center;
	float:left
}
.childcontent li a{
	color:#ff7000;
	display:block;
	text-decoration:none
}
.childcontent li a:hover{
	color:#ff7000;
	background:#CCC;
	text-decoration:none
}

#childcontent{
	margin:0 0 10px 0;
	height:95px;
}
#childcontent ul{
	margin-top:8px;
	padding:0px;
	float:left
}
#childcontent li{
	list-style:none;
	height:14px;
	width:14px;
	border:1px #ff7000 solid;
	color:#000;
	background:#fff;
	margin-right:1px;
	font-size:11px;
	line-height:14px;
	text-align:center;
	float:left
}
#childcontent li a{
	color:#ff7000;
	display:block;
	text-decoration:none
}
#childcontent li a:hover{
	color:#ff7000;
	background:#CCC;
	text-decoration:none
}
.childtext_left{
	color:#000;
	width:225px;
	font-size:11px;
	line-height:14px;
	margin-left:8px;
	float:left
}

#childtext_left{
	color:#000;
	width:220px;
	font-size:11px;
	line-height:14px;
	margin-left:8px;
	float:right
}

.childtext_mid{
	color:#000;
	width:250px;
	font-size:11px;
	line-height:14px;
	margin-left:15px;
	float:right;
}
.childtext_left a,.childtext_mid a{
	color:#ff7000;
	text-decoration:none;
}
.childtext_left a:hover,.childtext_mid a:hover{
	color:#ff7000;
	text-decoration:underline;
}
.childimage-testimonial{
	border:1px #ff7000 solid;
	float:left;
	}
	
.childimage-tiptrik{
	border:1px #ff7000 solid;
	float:left;
	margin-right:5px;
}
#rightbotcolumn{
	margin-left:16px;
	width:338px;
	height:260px;
	float:left;
}


/* content stuff */

#landscape{
	margin-bottom:8px;
	padding:0;
	width:960px;
	height:44px;
	background:url(images/landscape.jpg) no-repeat;
}
#infobox{
	width:960px;
	margin-bottom:8px;
	padding:0;
}
#left_sidebar{
	padding-left:16px;
	width:161px;
	float:left;
}
#content{
	margin-left:16px;
	width:499px;
	float:left;
	border-left:1px solid #ff7000;
	padding:0px 8px 8px 8px;
}

#content-distributor{
	margin-left:16px;
	width:499px;
	float:left;
	
	padding:0px 8px 8px 8px;
}

#content-distributor{
	font-size:12px;
}

#content-distributor h5{
	font-size:14px;
	font-weight:bold;
}

#content_tips{
	margin-left:16px;
	width:499px;
	float:left;
	border-left:1px solid #ff7000;
	padding:0 8px 8px 8px;
}
#right_sidebar{
	margin-left:16px;
	width:220px;
	float:left
}
#manylinks{
	margin:0;
	padding:0;
	float:left
}
#manylinks ul{
	margin:0;
	padding:0;
}
#manylinks li{
	float:left;
	margin-bottom:8px;
	list-style:none
}
#manylinks img{
	border:1px #ff7000 solid
}
#newspromo{
	margin:0;
	padding:0;
	float:left
}
#newspromo .title{
	background:url(images/newspromo.jpg);
	height:30px;
	width:220px
}
#newspromo img{
	border:1px #ff7000 solid
}
/* footer stuff */
#footer {
	width:928px;
	font-size: 18px;
	margin-top: 16px;
	padding: 0 16px;
}
#footernav{
	width:670px;
	padding-top:8px;
	text-align:center
}
#footernav ul{
	display:inline;
}
#footernav li{
	list-style:none;
	font-size:10px;
	display:inline;
	text-align:center;
	margin-right: 10px;
}
#footernav li a{
	color:#7f7f7f;
	line-height:15px;
	text-decoration:none;

}
#footernav li a:hover{
	text-decoration:underline;
}
#footernav .virtual{
	margin-top:8px;
	font-size:10px;
	line-height:16px;
	color:#7f7f7f;
	float:left;
	width: 720px;
	
}
.virtual a, .virtual a:visited{
		color:#7f7f7f;
		text-decoration: none;
}
.virtual a:hover{
	text-decoration: underline;
}

.h2_keunggulan_hebel{
	background:url(images/keunggulan_hebel_title.jpg) no-repeat;
	height:47px;
	width:130px
}
.h2_featured{
	background:url(images/h2_featured.jpg) no-repeat;
	width:180px;
	height:25px;
}

#featured ul{
	list-style:none;
	margin-top:10px;
	font-size:16px;

}
#featured li{
	margin-top:5px;
	list-style:none;
}
#left_sidebar ul{
	list-style:url(images/bullet.jpg);
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}
#left_sidebar li{
	margin-left:20px;
	margin-top:5px;
	list-style:url(images/bullet.jpg);
}

#left_sidebar a{
	color: #ff7000;
	text-decoration:none;
	text-transform:uppercase;

}
#left_sidebar a:hover, #left_sidebar a.current{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
}
#left_sidebar a:visited{
	color:#be5210;
	text-decoration:none;
	text-transform:uppercase;
}
.left{
	float:left
}
.clear{
	clear:both
}

.h2_testimonial{
	background:url(images/testimonial.jpg) no-repeat left;
}
.h2_testimonial_page{
	background:url(images/h2_testimonial.jpg) no-repeat left;
}
.h2_tips{
	background:url(images/tipstrik.jpg) no-repeat left;	
}
.h2_tipsntrik{
	background:url(images/h2_tipsntrik.jpg) no-repeat left;
}
.h2_news{
	background:url(images/newspromo_index.jpg) no-repeat left;
}
.h2_newspromo{
	background:url(images/news-promo.jpg) no-repeat left;
}
.h2_everyday{
	background:url(images/h2_hebel.jpg) no-repeat left;
}
.h2_carapasang{
	background:url(images/cara-pasang.jpg) no-repeat left;
}
.h2_referensiproyek{
	background:url(images/portfolio.jpg) no-repeat left;

}
.h2_budgetcalculator{
	background:url(images/budgetcalc.jpg) no-repeat left;
}
.h2_distributor{
	background:url(images/distributor-agen.jpg) no-repeat left;
}
.h2_ciri{
	background:url(images/ciri2.jpg) no-repeat left;
}
.h2_pesan-online{
	background:url(images/pesan-online.jpg) no-repeat left;
}
.h2_ragam{
	background:url(images/h2_ragam.jpg) no-repeat left;
}
.h2_spesifikasi{
	background:url(images/h2_spesifikasi.jpg) no-repeat left;
}
#left_content{
	width:676px;
	margin-left:16px;
	padding:0 8px 8px 8px;
	float:left;
}

#img_thumbnail{
	text-align:center;
	width:676px;
	margin-top: 8px;
}
#img_thumbnail ul{
	margin:0;
	padding:0;
}
#img_thumbnail li{
	margin-right:5px;
	list-style:none;
	text-align:center;
	display:inline;
}
#img_thumbnail li a{
	text-decoration:none;
}
#meta{
	float:left;
	margin-left:10px;
}
.name{
	font-size:16px;
	font-weight:bold;
}
h3.title{
	color:#ff7000;
	font-weight:bold;
	font-size:16px;
		
}
.date{
font-style:italic;
	font-size:12px;
}
#post{
	padding: 10px 0;
	width:460px;
	font-size:12px;
}

#post table,tr,td{
 border: #999999 thin solid;
}


#post_keunggulan{
padding: 10px 0;
}

#post_keunggulan p{
	/*font-size:16px;
	line-height:18px;*/
	font-size: 10pt;
	line-height: 150%;
	margin-bottom:16px;
} 

#post_keunggulan li{	
	font-size: 10pt;
}

#post p{
	font-size:12px;
	margin-bottom:10px;

}

#post li{	
	list-style:disc;
	list-style-position:inside;
}

#index {
	font-size:12px;
	line-height:16px;
}
#index li{
	list-style-image:url(images/bullet.jpg);
	margin-left:20px;
}
#index li a{
	color:#ff7000;
	text-decoration:none
}
#index li a:hover{
	color:#ff7000;
	text-decoration:underline
}
#search{
	height:35px;
	width:499px;
	display:inline
}
#search form{
	float:left;
	width:375px;
	padding-top:8px;
	padding-left:8px
}
.txtField{
	height:20px;
	width:320px;
	border:1px #ff7000 solid;
	background:#fff;
	line-height:22px;
	font-size:14px;
	float:left;
	margin-right:8px;
}
.searchBtn{
	height:24px;
	border:1px #ff7000 solid;
	background:#f0f0f0;
	line-height:22px;
	font-size:13px;
	color:#000;
	font-weight:bold
}
#tipstitle{
	height:30px;
	background:#ff7000;
	float:left;
	width:499px;
	margin-bottom:8px;
}
#pagination{
	width:499px;
	height:18px;
	text-align:right;
	font-size:11px;
	line-height:18px;
	color:#000;
	margin-bottom:8px;
	float:left
}
#pagination ul{
	float:right
}
#pagination ul li{
	list-style:none;
	float:left;
	padding:0 3px;
}
#pagination ul li a{
	color:#ff7000;
	display:block
}
#pagination ul li a:hover{
	color:#ff7000;
	text-decoration:underline
}
#content_tips .excerpt{
	width:499px;
	text-align:left;
	font-size:11px;
	line-height:18px;
	color:#000;
	float:left;
	padding: 8px;
}
.bgodd{
	background:#fff;
}
.bgeven{
	background:#f0f0f0;
}


h4.title{
	border-bottom:1px #ff7000 solid;
	float:left;
	padding-left:8px;
	width:434px;
}

h4.titlesingle{
	border-bottom:1px #ff7000 solid;
	float:left;
	width:400px;
}

.excerpt small{
	padding-left:8px
}
.excerpt p{
	text-align:left;
	font-size:11px;
	line-height:14px;
	width:400px;
	float:left;
	margin-top:5px
}
.excerpt .more{
	color:#ff7000;
	width:400px;
	font-size:11px;
	text-align:right;
	float:left
}
.excerpt .more a{
	text-decoration:none
}
.excerpt .more a:hover{
	text-decoration:underline
}
.table_1{
	border: 1px solid #ff7000;
	font-size: 12px;
	margin-left: 8px;

}
.table_1 td{
	border: 1px solid #ff7000;
	padding: 5px;
}
.table_1 .head{
	background-color: #fab47d;
}
#pesanonline{
	font:Arial, Helvetica, sans-serif; font-size:12px;
	width:800px;
}

#pesanonline tr,td{
	border:none;
}

#pesanonline input { clear: both; font: 12px Arial, Helvetica, sans-serif; color:#333; margin: 0; padding: 0; border: 1px solid #ccc; }
#pesanonline textarea { clear: both; font: 12px Arial, Helvetica, sans-serif; color:#333; margin: 5px 0 5px 0; padding: 0; border: 1px solid #ccc; vertical-align: super}

#harga{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:#ececec;
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}

	#harga input, #harga select{
		border: 1px  solid #a5a5a5;
	}

	#harga label{
		color: #c56326;
		font-weight:bold
	}

	#harga th{
		background:url(images/bg_budget_full.jpg) no-repeat;
		height: 27px;
		line-height:27px
	}

	#harga td{
		padding:5px;
	}

	#harga select{
		width:100px;
	}

	#total_semua{
		width: 160px;
	}

.tooltip{
font-weight:bold;}
.tooltip h5 {
font-size:14px;
}

.excerpt-new{
	margin-top: 16px;
	text-align:left;
	color: #606060;
}

.left{
	float:left}
	
.excerpt_news{
	margin-left: 8px;
	width: 400px;
}
.childimage{
	border:1px #ff7000 solid;
	float:left;
	margin-right: 5px;
}
h4.titlesingle-newspromo{
	border-bottom:1px #ff7000 solid;
	float:left;
	width:400px;
}
#left_sidebar-pesanonline{
	margin-left:10px;
	width:500px;
	float:left;
}	

#content_newspromo{
	margin-left:16px;
	width:499px;
	float:left;
	border-left:1px solid #ff7000;
	padding:0 8px 8px 8px;
}
.h2_tips_en{
	background:url(images/en/tipstrik.jpg) no-repeat left;	
}

#banner_en{
	height:90px;
	width:960px;
	padding:0;
	background:url(images/en/header.jpg) right top no-repeat #ff7000;
	float:left;
}
#banner_en img{
	border:none;
	margin:5px 0px 0px 16px;
}

.h2_keunggulan_hebel_en{
	background:url(images/en/keunggulan_hebel_title.jpg) no-repeat;
	height:47px;
	width:180px
}

.h2_spesifikasi_en{
	background:url(images/en/h2_spesifikasi.jpg) no-repeat left;
}

.h2_ciri_en{
	background:url(images/en/ciri2.jpg) no-repeat left;
}

.h2_spesifikasi_en{
	background:url(images/en/h2_spesifikasi.jpg) no-repeat left;
}
.h2_pesan-online_en{
	background:url(images/en/pesan-online.jpg) no-repeat left;
}

.h2_referensiproyek_en{
	background:url(images/en/portfolio.jpg) no-repeat left;

}
.h2_carapasang_en{
	background:url(images/en/cara-pasang.jpg) no-repeat left;
}