@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:12px;
}
h1{
	text-indent:-5000px;
	line-height:80px;
}
h2{
	text-indent:-5000px;
	line-height:47px;
}

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:145px;
	padding:0;
}
#toplink{
	background:#ff7000;
	height:22px;
	width:928px;
	padding:0 16px;
	border-bottom:#fff solid 3px;
}
#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/top_banner.jpg) no-repeat #c3e8f3;
	border-bottom:#fff solid 3px;
}

#menu{
	text-align:center;
    width:960px;
	height:23px;
	margin:0;
	background:url(images/menubar.jpg) repeat-x;

}

#menu li{
	list-style:none;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	float:left;
	margin-right: 2px;
	margin-left:5px;

}
#menu li a, #menu li a:visited{
	color:#000;
	line-height:23px;
	text-decoration:none;

}
#menu li a:hover, #menu li a.current{
	text-decoration:none;
	color:#fff;
}
/**-----*/

/* index content */


#featured{
	width:574px;
	height:293px;
	float:left;
	margin-left:16px;
}

/* content stuff */

#landscape{
	margin-bottom:8px;
	padding:0;
	width:960px;
	height:44px;
	background:url(images/random/1.jpg) no-repeat;
}

#left_sidebar{
	margin-left:10px;
	width:150px;
	float:left;
}

#left_sidebar-pesanonline{
	margin-left:10px;
	width:500px;
	float:left;
}	

#left_sidebar-pesanonline td,tr{
	border:none;
	}

#content{
	margin-left:16px;
	width:409px;
	float:left;
	padding:8px;
}
#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:255px;
	float:left;
		background:url(images/bg_right.jpg) repeat-x;
	text-align:center;
}
#manylinks{

	float:left
}
#manylinks ul{
	margin:0;
	padding:0;
}
#manylinks li{
	float:left;
	margin-bottom:8px;
	list-style:none
}

#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: 778px;
	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: 810px;
	
}
.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);
	height:47px;
	width:130px
}

.h2_featured{
	background:url(images/h2_featured.jpg) no-repeat;
	width:123px;
	height:43px;
}

#featured ul{
	list-style:none;
	margin-top:10px;
	font-size:16px;
	color: f2ac76
}
#featured li{
	margin-top:5px;
	list-style:none;
}



#left_sidebar ul{
	list-style:none;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	color: #f2ac76;
}
#left_sidebar li{

	margin-top:10px;
	list-style:none;
}
#left_sidebar a{
	color: #f2ac76;
	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:#f2ac76;
	text-decoration:none;
	text-transform:uppercase;
}
.left{
	float:left
}
.clear{
	clear:both
}

.h2_testimonial{
	background:url(images/testimonial.jpg) no-repeat left;
}
.h2_referensi_page{
	background:url(images/h2_referensi_page.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_everyday{
	background:url(images/h2_hebel.jpg) no-repeat left;
}
.h2_news_archieve{
	background:url(images/h2_news_.jpg) no-repeat left;
	width: 582px;
	height: 38px;
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	
}

.h2_budgetcalculator
{
	background:url(images/h2_news_.jpg) no-repeat left;
	width: 900px;
	height: 38px;
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}


#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;
	text-align:justify;
	width:550px;
}

#post_keunggulan{
	padding: 10px 0;
}
#post_keunggulan p{
	font-size:16px;
	line-height:18px;
	margin-bottom:16px;
} 
#post p{
	font-size:12px;
	line-height:16px;
}

#search{
	height:35px;
	width:499px;
	display:inline
}
#search form{
	float:left;
	width:375px;
	padding-top:8px;
	padding-left:8px
}


#tipstitle{
	height:30px;
	background:#ff7000;
	float:left;
	width:499px;
	margin-bottom:8px;
}


.bgodd{
	background:#fff;
}
.bgeven{
	background:#f0f0f0;
}




/**--------------------**/
#index_left{
	width: 620px;
	float: left;
}
#info{
	width: 200px;
	margin-left: 32px;
	margin-top: 24px
}
.h2_featured{
	background:url(images/h2_featured.jpg) no-repeat;
	width:123px;
	height:43px;
}
.h2_referensi_index{
	background:url(images/h2_referensi.jpg) no-repeat;
	width: 300px;
	height: 36px;
	margin: 5px;
	
}
.h2_ragam_index{
	background:url(images/ragam_produk_04.jpg) no-repeat;
	width: auto;
	height: 32px;
	margin: 5px;
}
.h2_budget_index{
	background:url(images/h2_budget_index.jpg) no-repeat;
	width: 216px;
	height: 41px;
	margin: 5px;
}
.h2_ragam{
	background:url(images/ragam_produk_04.jpg) no-repeat;
	width: auto;
	height: 26px;
	margin: 10px 5px 5px 5px;
}
.h2_budget{
	background:url(images/budget_calculator_04.jpg) no-repeat;
	width: 215px;
	height: 40px;
	margin: 5px
}
#info ul{
	list-style:none;
	margin-top:10px;
	font-size:16px;
	color: #f2ac76;
}
#info li{
	margin-top:5px;
	list-style:none;
}
#info li a, #info li a:visited{
	color: #f2ac76;
}
#info li a:hover, #info li a.current{
	color: #000;
}
#index_right{
	margin-left:6px;
	margin-top: 24px;
	width:312px;
	float:left;
	background:url(images/bg_right.jpg) repeat-x;
	text-align:center;
}

#leftchild{
	width:278px;
	margin-left:8px;
	float:left;
	background: url(images/bg_tips_index.jpg) repeat-x bottom;
	border: 1px solid #d1edf6;
	padding-left: 26px;
	padding-bottom: 10px;
	padding-right: 5px;
}
#rightchild{
	border: 1px solid #d1edf6;
	float: left;
	margin-left: 10px
}
.childtitle{
	height:40px;
	margin-bottom:8px;
}
h4.index_title{
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #000;
}
.childimage{
	border:1px #ff7000 solid;
	float:left;
	margin-right: 5px;
}
.childcontent a, .childcontent a:visited{
	font-size: 12px;
	color: #ff7000;
	text-decoration: none;
}
.childcontent a:hover{
	text-decoration: underline;
}
.childcontent{
	margin-bottom:8px;

}
.number{
	margin-top:8px;
}
.number li{
	list-style:none;
	height:28px;
	width:28px;
	border:1px #ff7000 solid;
	color:#000;
	background:#fff;
	margin-right:1px;
	font-size:14px;
	line-height:28px;
	text-align:center;
	float:left;
	background: #c0c0c0;
}
.number li a{
	color:#fff;
	display:block;
	text-decoration:none;
	font-size:14px;
}
.number li a:hover{
	color:#ff7000;
	background:#CCC;
	text-decoration:none
}
.number a.current{
	color: #ff7000;
}
.hr{
	border-bottom: solid 1px #a7a7a7;
	margin: 8px 10px;
	
}
#bottom{
	margin-top: 8px;
}

#archieve{
	margin-left: 180px;
	margin-top: 5px;
	width: 398px;
 	text-align: justify;
}

#archieve li{	
	list-style:disc;
	list-style-position:inside;
	margin-left:10px;
	color: #606060;
}

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

#archieve p{
	margin-top: 8px;
	color: #606060;
}
label.search{
	color: #c56326;
	font-size: 12px;
	height:18px;
	line-height:18px;
}
.txtField{
	height:16px;
	width:216px;
	border:1px #c7c7c7 solid;
	background:#fff;
	line-height:16px;
	font-size:12px;
	float:left;
	margin:0 8px;
}
.searchBtn{
	height:18px;
	width:30px;
	border: none;
	background: url(images/go.jpg) no-repeat;
}
#left_content{
	width:625px;
	margin-left:32px;
	float:left;

}
#pagination{
	width: 398px;
	height:18px;
	font-size:12px;
	line-height:18px;
	color:#000;
	margin:8px 0;
}

#pagination li{
	list-style:none;
	float:left;
	padding:0 3px;
	color:#c56326;
}
#pagination li a{
	color:#c56326;
	display:block
}
#pagination li a:hover{
	color:#c56326;
	text-decoration:underline
}
.excerpt_news{
	margin-left: 8px;
	width: 282px;
}
h4.title{
	border-bottom:1px #000 solid;
color: #606060;
	font-size: 12px;
	font-weight: bold;
}
 

.excerpt p{
	margin-top:5px
}
.excerpt .more{
	color:#ff7000;
	font-size:12px;
	text-align:right;
}
.excerpt .more a{
	text-decoration:none
}
.excerpt .more a:hover{
	text-decoration:underline
}
.excerpt{
	margin-top: 16px;
	text-align:left;
	color: #606060;
}
.excerpt img{
	border: 1px solid #ff7000;
}

#index{
	margin-top: 32px;
}

#index li a{
	color:#606060;
	font-weight:bold;
	line-height: 24px;
	text-decoration:underline
}
.focus{
	border: 3px solid #a7a7a7;
}

#img_thumbnail{
	margin-top: 20px;
}

#img_thumbnail li{
	margin-right:8px;
	list-style:none;
	text-align:center;
	display:inline;
}
#img_thumbnail li a{
	text-decoration:none;
}
.h2_distribusi{
	background:url(images/h2_distributor.jpg) no-repeat;
	margin-top: 16px;
}

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

#banner_en{
	height:90px;
	width:960px;
	padding:0;
	background:url(images/en/top_banner.jpg) no-repeat #c3e8f3;
	border-bottom:#fff solid 3px;
}

.h2_referensi_index_en{
	background:url(images/en/h2_referensi.jpg) no-repeat;
	width: 300px;
	height: 36px;
	margin: 5px;
	
}
.h2_ragam_index_en{
	background:url(images/en/ragam_produk_04.jpg) no-repeat;
	width: auto;
	height: 32px;
	margin: 5px;
}
.h2_budget_index_en{
	background:url(images/en/h2_budget_index.jpg) no-repeat;
	width: 216px;
	height: 41px;
	margin: 5px;
}
.h2_ragam_en{
	background:url(images/en/ragam_produk_04.jpg) no-repeat;
	width: auto;
	height: 26px;
	margin: 10px 5px 5px 5px;
}
.h2_budget_en{
	background:url(images/en/budget_calculator_04.jpg) no-repeat;
	width: 215px;
	height: 40px;
	margin: 5px
}