/*=== branding page ===*/

.kolom-kiri { width: 290px; float: left; margin-right: 14px; }
.kolom-kiri2 { width: 224px; float: left; margin-right: 14px; }
.kolom-kiri3 { width: 340px; float: left; margin-right: 14px; }
.kolom-kiri4 { width: 240px; float: left; margin-right: 14px; }
.kolom-tengah { width: 391px; float: left; margin-right: 4px; }
.kolom-tengah2 { width: 443px; float: left; margin-right: 4px; }
.kolom-tengah3 { width: 341px; float: left; margin-right: 4px; }
.kolom-tengah4 { width: 300px; float: left; margin-right: 4px; }
.kolom-tengah5 { width: 463px; float: left; margin-right: 4px; }
.kolom-kanan { width: 189px; float: left; margin-right: 5px; border-left: 1px solid #e1e1e1; padding-left: 10px; padding-bottom: 40px; }
.kolom-kanan2 { width: 200px; float: left; margin-right: 25px;}
.kolom-kanan4 { width: 300px; float: left; margin-right: 25px;}

.kolom-merge { width: 665px; float: left; padding-left:30px;  }
.kolom-merge2 { width: 894px; float: left; }
.kolom-merge3 { width: 504px; float: left; padding-right:30px; }
.kolom-merge4 { width: 844px; float: left; padding: 0px 30px 0px 30px; }

.kolom-content-merge { width: 635px; float: left; }
.kolom-content-merge2 { width: 695px; float: left; }
.kolom-content-kanan { width: 200px; float: left; }

.merge-wrap { padding:0 30px; width:834; } /* so can fit in */
.merge-wrap2 { padding:0 5px 0 0; } /* so can fit in */
.merge-wrap2 img.thumb { padding:0px 5px 5px 0px; margin: 0px 5px 5px 0px; float: left; border: 0px; } /* so can fit in */
.more { padding:0 30px; width:734; }

.spacerline { width: 375px; border-bottom: 1px solid #e1e1e1; margin: 20px 0; }

/* articles */
.articles { width: 290px; clear: both; overflow: hidden;  }
.articles ul { padding: 0; margin: 0 0 20px; }
.articles li { padding: 10px 0 25px 10px; margin: 0; list-style: none; border-bottom: 1px solid #ededed; }
.articles a { color:#7b7b7b; text-decoration: none; }
.articles a:hover { text-decoration: underline; }
	.articles-l { float: left; width: 50px; }
	.articles-r { float: left; width: 226px; margin-left: 5px; }
	.articles-lr { float: left; width: 276px; margin-left: 5px; }

.articles2 { width: 224px; clear: both; overflow: hidden;  }
.articles2 ul { padding: 0; margin: 0 0 20px; }
.articles2 li { padding: 10px 0 25px 10px; margin: 0; list-style: none; border-bottom: 1px solid #ededed; }
.articles2 a { color:#7b7b7b; text-decoration: none; }
.articles2 a:hover { text-decoration: underline; }
	.articles2-l { float: left; width: 50px; }
	.articles2-r { float: left; width: 160px; margin-left: 5px; }
	.articles2-lr { float: left; width: 210px; margin-left: 5px; }

.articles3 { width: 290px; clear: both; overflow: hidden;  }
.articles3 ul { padding: 0; margin: 0 0 20px; }
.articles3 li { padding: 10px 0 25px 10px; margin: 0; list-style: none; height:85px; border-bottom: 1px solid #eecece; }
.articles3 a { color:#7b7b7b; text-decoration: none; }
.articles3 a:hover { text-decoration: underline; }
.articles3 a.title { color:#3b3b3b; text-decoration: none; }
.articles3 a.title:hover { text-decoration: underline; }
.articles3 img.thumb { padding: 5px 5px 5px 0; margin: 0 0 5px; float: left; border: 0px;}

.articles4 { width: 240px; clear: both; overflow: hidden;  }
.articles4 ul { padding: 0; margin: 0 0 20px; }
.articles4 li { padding: 5px 0 5px 10px; margin: 0; list-style: none; border-bottom: 0px solid #ededed; }
.articles4 a { color:#7b7b7b; text-decoration: none; }
.articles4 a:hover { text-decoration: underline; }

.subdate-kategori {font-size: 12px; color:#a7a7a7; padding-top:5px;  }
.subdate-kategori a { color:#a7a7a7; clear: both; overflow: hidden; }
.subdate-kategori a:hover { text-decoration: underline; }
.subdate-kategori ul { padding: 0; margin: 0; display: inline;  }
.subdate-kategori li { padding: 0 10px 0 0; margin: 0; float: left; list-style: none; border: none;  }
.bacaartikel { padding-left: 10px;  }

/* product banner */
.product-banner { width: 391px; clear: both; overflow: hidden; margin-top: 10px; }
.product-banner2 { width: 391px; clear: both; overflow: hidden; margin-top: 5px; }
.product-banner ul { padding: 0; margin: 0; }
.product-banner li { padding: 0 0 4px ; margin: 0; list-style: none; _padding:0; /* <-- IE 6 and below */  }

/* product banner dan video */
.product-video { width: 200px; clear: both; overflow: hidden; margin-top: 10px; }
.product-video ul { padding: 0; margin: 0;}
.product-video li { padding: 0 0 4px; margin: 0; list-style: none; _padding:0; /* <-- IE 6 and below */ }
.video { width: 200px; height: 192px; }
.video-thumb { padding: 10px; }
.video-title { padding: 10px; text-align: center; color:#fff;}
.video-title a { color:#dbdbdb; text-decoration: none; }
.video-title a:hover { text-decoration: underline; }

/* content artikel */
.content-artikel { width: 395px; clear: both; overflow: hidden; margin-top: 10px; padding-right: 16px; }
.content-artikel p { padding: 5px 0; font-size: 13px;}

.content-artikel2 { width: 649px; clear: both; overflow: hidden; margin-top: 10px; padding-right: 16px; }
.content-artikel2 p { padding: 5px 0; font-size: 13px;}

/* product related */
.product-related {  width: 189px; clear:both; overflow: hidden; margin-top: 10px; }
.product-related ul { padding:0; margin: 0; }
.product-related li { padding: 10px 0; margin: 0; list-style: none; clear: both; }
	.product-related-l { float: left; width: 50px; }
	.product-related-r { float: left; width: 125px; margin-left: 5px; }
	.product-related-lr { float: left; width: 175px; margin-left: 5px; }

/* solution for -- also for popolar solution -- news archives -- related news */
.solution-for { width: 189px; clear: both; overflow: hidden; margin-top: 20px; font-size: 12px; }
.solution-for ul { padding: 0; margin: 0; }
.solution-for li { padding: 10px 15px 5px; margin: 0; list-style: none; clear: both; border-bottom: 1px dotted #e1e1e1; }
.solution-for p { padding-top: 20px; padding-left: 15px; font-size: 14px; }

/* search article */
.search-article { width: 189px; clear: both; overflow: hidden; margin-top: 10px; }
.search-input { border:1px solid #e1e1e1; -webkit-border-radius: 5px; width: 137px; padding:5px; outline:none; margin-top:15px; }
.search-button { border:none; background:#bc3c3d; color:#fff;  -webkit-border-radius: 5px; padding:5px; }
.search-button:hover {  cursor: pointer; background-color: #d3d3d3}

/* static content */
.static-content { font-size: 13px; margin-top: 10px; }
.static-content p { padding: 5px 20px 5px 0; }
.static-content h4 { font-weight: bold; color:#bc3c3d}

/* address */
.main-address {  font-size: 12px; clear: both; overflow: hidden; margin-top: 10px;}
.main-address p { padding: 5px 0;}

.lokasi { clear: both; overflow: hidden;  margin-bottom: 10px;}
.lokasi ul { padding: 0; margin: 0; display: inline; }
.lokasi li { padding: 5px 0; margin: 0; float: left; list-style: none; width: 200px}

/* karir */
.karir {  clear: both; overflow: hidden; margin-bottom: 10px; }
.karir ul { padding: 0; margin: 0;}
.karir li { padding: 0 0 0 10px; margin: 0; list-style-position: inside;}


/* langkah konsultasi 
.langkah-konsultasi { clear: both; overflow: hidden; width:264px; }
*/
/*.step1 { margin-top:20px; }
.step1, .step2, .step3 { width:224px; float: left; }
.step1 .step-content { padding:0px; width: 224px; background-color: #f4f4f4; overflow: hidden; clear: both; }
.step2 .step-content { padding:0px; width: 224px; background-color: #f7f7f7; overflow: hidden; clear: both; }
.step3 .step-content { padding:0px; width: 224px; background-color: #fbfbfb; overflow: hidden; clear: both; }

	.step-content .step-l { width: 150px; margin-right: 10px; float: left; padding-top: 10px; }
	.step-content .step-r { width: 40px; float: left; padding-top: 20px; }
	.step-content .step-arrow { width: 24px; float: left; padding-top: 0px; }

.step1 h3, .step2 h3, .step3 h3 { padding:5px 2px 2px 12px;}  
.step1 h4, .step2 h4, .step3 h4 { padding:5px 2px 2px 12px;}  
*/

/* langkah konsultasi mendatar */
.langkah-konsultasi {  clear: both; overflow: hidden; width: 665px; height: 100px; }
.langkah-konsultasi ul { display: inline; padding: 0; margin: 0; }
.langkah-konsultasi li { float: left; padding: 0; margin: 0; list-style: none; }
.step1, .step2, .step3 { width: 145px; padding:5px; font-size: 11px; }
.step1 { margin-left: 5px; }
.step2 { margin-left: 76px; }
.step3 { margin-left: 60px; }

/* content konsultasi */
/*.content-konsultasi { width: 387px; clear: both; overflow: hidden; margin-top: 10px; padding-right: 16px;}*/
.content-konsultasi { width: 655px; clear: both; overflow: hidden; margin-top: 10px; padding-right: 16px; }
.content-konsultasi-l { width: 150px; margin-top: 10px; padding-right: 16px; float: left; }
.content-konsultasi-l2 { width: 224px; margin-top: 10px; padding-right: 10px; float: left; }
.content-konsultasi-c { width: 232px; margin-top: 10px; padding-right: 16px; float: left; }
.content-konsultasi-r { width: 232px; margin-top: 10px; padding-right: 16px; float: left; }
.content-konsultasi-r2 { width: 403px; margin-top: 10px; padding-right: 4px; float: left; }
.content-konsultasi-img { width: 147px; float: left; }
.content-konsultasi-desc { width: 240px; float: left; }
.content-konsultasi-desc .filter-box { border:none; background:#f4f4f4; -webkit-border-radius: 5px; width: 220px; padding:10px; margin-top:40px; }
	.filter-box .search-input { border:1px solid #e1e1e1; -webkit-border-radius: 5px; width: 170px; padding:5px; outline:none; margin-top:15px;  }
	.filter-box .select-input { outline: none; width: 170px; padding:5px; margin-top: 15px;}

.content-konsultasi p { padding: 5px 0; font-size: 12px;}
.content-konsultasi-c p { padding: 5px 0; font-size: 12px;}
.content-konsultasi-r p { padding: 5px 0; font-size: 12px;}
	
.content-konsultasi ul { padding:0; margin:0; }
.content-konsultasi li { padding:10px 0; margin:0; list-style:none; border-bottom: 1px dotted #e1e1e1; }
.content-konsultasi-c ul { padding:0; margin:0; }
.content-konsultasi-c li { padding:10px 0; margin:0; list-style:none; border-bottom: 1px dotted #e1e1e1; }
.content-konsultasi-r ul { padding:0; margin:0; }
.content-konsultasi-r li { padding:10px 0; margin:0; list-style:none; border-bottom: 1px dotted #e1e1e1; }

.print { width: 600px; clear: both; overflow: hidden; float:left; margin: 0px; padding-right: 10px; padding-left: 50px; text-align:right;}

.q-a { margin-top: 20px; }

.product-suggestion ul { display: inline; padding:0; margin:0; }
.product-suggestion li { padding:10px; margin:0; float: left; list-style: none; border: none; width: 219px;}
.product-suggestion .product-img { border:1px solid #e1e1e1;  -webkit-border-radius: 5px; width: 212px; text-align: center; vertical-align: middle; height: 212px; display: table-cell; }
.product-img:hover { border:1px solid #ccc;}
.product-suggestion .product-title { padding-top: 5px; font-size: 12px; text-align: center;}

/* product step 2 */
.product-step2 .product-img { border:1px solid #e1e1e1;  -webkit-border-radius: 5px; width: 198px; text-align: center; vertical-align: middle; height: 198px; display: table-cell; }
.product-step2 .product-title { padding-top: 5px; text-align: center; }

/* free offers */
.free-offer-img { clear: both; overflow: hidden; width: 290px; text-align: center; vertical-align: middle; display: table-cell; margin-top: 10px; }
.free-offer-big-img { clear: both; overflow: hidden; width: 749px; text-align: center; vertical-align: middle; display: table-cell; margin-top: 10px; }

/* product catalogue */

.category-caption { width:540px; float: left; padding-right: 10px; margin:10px 0;  }
.product-logo { width: 284px; float: left; margin: 10px 0;  }
.product-logo ul { padding: 0; margin: 0; display: inline; }
.product-logo li { padding: 0 5px; margin: 0; float: left; list-style: none; }
.category-caption2 { width:820px; float: left; padding-right: 10px; margin:10px 0;  }
.product-logo2 { width: 820px; float: left; margin: 10px 0;  }
.product-logo2 ul { padding: 0; margin: 0; display: inline; }
.product-logo2 li { padding: 0 5px; margin: 0; float: left; list-style: none; }


/* form */
.search_textarea { background-color: #FFFFFF; border:none; font-size:11px; color: #666666;width:140px; padding:0px;}
.enquiry_textarea { background-color: #FFFFFF; border:1px #7b7b7b solid; font-size:12px; color: #666666;width:400px; padding:5px;}
.contact_textarea { background-color: #FFFFFF; border:1px #7b7b7b solid; font-size:12px; color: #666666;width:388px; padding:5px;}
.login_textarea { background-color: #FFFFFF; border:1px #7b7b7b solid; font-size:12px; color: #666666;width:200px; padding:5px;}

/* pop up */
.bgpopup { height:100%; width:100%; position:absolute; top:0px; left:0px; }
.transparent { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.slidepopup { height:400px; width:500px; border:7px solid #dddddd; -webkit-border-radius: 5px; background:#fff; position:absolute; top:-200px; left:-200px; z-index: 100; }

/* pop up window */
.popup1 { background: url(../images/popup1-bg.png) no-repeat; width: 349px; height: 191px; padding: 100px 30px; z-index: 1; }
/*
.popup2 { width:780px; padding:10px; border:10px solid #fae77e; overflow:hidden; background-color: #fff; }
.popup2-col-left { float:left;  width:180px; }
.popup2-col-right { float:left; width:580px; }
.popup2-col-close {  float:right; width:20px; text-align:right; }
*/

.popup2 {  width: 949px; background-color: #BC3C3D;}

.popup2-col-left { float:left;  width:180px; }
.popup2-col-right { float:left; width:580px; }
.popup2-col-close {  float:right; width:20px; text-align:right; }

.bottom-bg { font:14px/18px arial; color:#fff; }
.bottom-bg a { color:#fff; font-weight:bold;}