body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	height: 100%;
	overflow: hidden;
	}

#wrap_all{ margin:0; padding:0; width: 100%; height: 100%;}
#wraptop{ margin:0 ; padding: 0; width: 952px; height:94px; border-bottom: 2px solid #646464; color:#646464; font-size: 11px; line-height: 14px;}
#wraptop .mnatas{ margin: 0; padding: 0; height:34px; width: 400px; float: right;}
#wraptop .mnatas ul{ margin: 0; padding: 0;}
#wraptop .mnatas li{ margin: 0 ; padding: 12px 15px; list-style: none; float: left;}
#wraptop .mnatas li a{ color:#646464; text-decoration: none;}
#wraptop .mnatas li a:link, #wraptop .mnatas li a:active, #wraptop .mnatas li a:visited{ color:#646464; text-decoration: none;}
#wraptop .mnatas li a:hover{ color:#17438e; text-decoration: none;}
#wraptop .mnatas form{ margin: 0; padding: 0;}
#wraptop .mnatas input{ width: 137px; height: 20px; margin: 8px 0 0 0; padding: 0; border: 1px solid #b9bdc2; background: url(img/loop.gif) right 4px no-repeat; color:#646464; font-size: 11px;}

#wraptop .mnmain{ margin: 0; padding: 0; height:34px; width: 952px; clear: both;}
#wraptop .mnmain ul{ margin:0; padding: 0; width:512px; height: 60px;}


.box{ margin:0; padding:0; width:170px;}
.box .atas{ margin:0; padding:0; width:100%;}
.box .isi{ margin:0; padding:0 12px 12px 12px; width:100%; font-size: 10px; line-height:12px; border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc; width:144px;}
.box .isi .titbox{font-size:13px;line-height: 14px;color:#2181bf;font-weight: bold; padding:6px 0 15px 0; margin:0;}
.box .isi a, .box .isi a:link, .box .isi a:active, .box .isi a:visited{color:#17c400; font-size: 11px; padding: 1px 6px; border: 1px solid #ccc; text-decoration: none;}
.box .isi a:hover{ color:#fff; background:#2181bf;text-decoration: none;} 

.wrap_content{ margin:20px 0 0 0; padding:0; width: 952px;}
.sideleft{margin:0; padding:0; width:238px; float:left;}
.sideright{margin:0; padding:0; width:714px; float:left;}
	
.mnatas{ margin: 0; padding: 0; height:34px; width: 370px; float: right;color:#646464; font-size: 11px; line-height: 14px;}
.mnatas ul{ margin: 0; padding: 0;}
.mnatas li{ margin: 0 ; padding: 12px 10px; list-style: none; float: left;}
.mnatas li a{ color:#646464; text-decoration: none;}
.mnatas li a:link, .mnatas li a:active, .mnatas li a:visited{ color:#646464; text-decoration: none;}
.mnatas li a:hover, .mnatas li a.active{ color:#17438e; text-decoration: none;}
.mnatas form{ margin: 0; padding: 0;}
/*.mnatas input{ width: 146px; height: 20px; margin: 8px 0 0 0; padding: 0; border: 1px solid #b9bdc2; background: url(img/loop.gif) right 4px no-repeat; color:#646464; font-size: 11px;}*/


.mnmain ul{ margin:0; padding: 0; width:504px; height: 60px;}
ul.nav{margin:0; padding: 0; width:504px; height: 60px; overflow: hidden; }
ul.nav li{ margin: 0 ; padding: 0; list-style: none; float: left;}
ul.nav a{ color:#646464; float: left; text-decoration: none; height: 60px; overflow: hidden;/* text-indent: -999px;*/}
ul.nav a:hover { background-position: 0 -60px;}
.mn1 a{ width: 115px; background: url(img/mn1.jpg) top left no-repeat;}
.mn2 a{ width: 147px; background: url(img/mn2.jpg) top left no-repeat;}
.mn3 a{ width: 140px; background: url(img/mn3.jpg) top left no-repeat;}
.mn4 a{ width: 102px; background: url(img/mn4.jpg) top left no-repeat;}

.active a{background-position: 0 -60px;}

.submenu{ width: 230px; margin:0; padding:0;}
.submenu ul{margin: 0; padding:0;}
.submenu li{margin: 0; padding:8px 0 0 0; list-style: none; font-size:12px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; color:#333333; text-align: left; line-height: 14px;}
.submenu li a{color:#333333; text-decoration: none; background: none; padding: 0 0 0 20px}
.submenu a:link, .concontent .submenu li a:active, .concontent .submenu li a:visited{color:#333333; text-decoration: none;}
.submenu li a:hover, .submenu li a.active{color:#183884; text-decoration: none;  background: url(img/arrow.jpg) left top no-repeat; padding: 0 0 0 20px}


.maintitle{font-size: 20px;color:#000000; margin:0; padding:2px 0 18px 0;}

.style2 {
	color: #2181bf;
	font-weight: bold;
	font-size: 16px;
}

.back{ float: right; margin:0 20px 0 0; padding:0;}
.back a, .back a:link, .back a:active, .back a:visited{ color:#2181bf; text-decoration: none;}
.back a:hover{ color:#183884; text-decoration: none;}


a:link, a:active, a:visited{ color:#2181bf; text-decoration: none;}
a:hover{ color:#183884; text-decoration: none;}

.title{
	font-size: 20px;
	color:#000000;
	margin: 18px 0 18px 0;
	padding:0;
	}

.subtitle{ font-size:14px;}
	
.title2{
	font-size: 12px;
	color:#2181bf;
	font-weight: bold;
	}
	
.headlinewel {
	color: #333;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	}
	
.headline1 {
	color: #183884;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	}
	
.headline2 {
	color: #333333;
	font-size: 16px;
	line-height: 24px;
	background:url(img/img_bgheadline.jpg) left top repeat-y;
	display: block;
	margin: 0;
	padding:1px 0;
	}
	
.highlight {
	margin:0;
	padding: 0 6px 0 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	}


#wrapscroll{width: 714px;/* asline  714px; */ min-height: 445px; height: 60%; margin: 0; padding: 0 4px 0 0; overflow: auto; position:relative;}

.scrollhome{ width: 952px;/* asline  714px;  height: 445px;*/ margin: 0; padding: 0; overflow: auto; position:absolute; top: 107px; bottom: 80px;}
* html .scrollhome{ width: 952px;/* asline  714px;  height: 445px;*/ margin: 0; padding: 0; height: 100%;}

.scroll{
	width: 714px;/* asline  714px;  height: 445px;*/
	margin: 0;
	padding: 0 4px 0 0;
	overflow: auto;
	position:absolute;
	top: 105px;
	bottom: 80px;
}
* html .scroll{ width: 714px;/* asline  714px;  height: 445px;*/ margin: 0; padding: 0 4px 100px 0; height: 100%;}

.relatelink{ color:#333333; font-size: 10px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
.relatelink a{ color:#333333; text-decoration: none;}
.relatelink a:link, .linkbot a:active, .linkbot a:visited{ color:#333333; text-decoration: none;}
.relatelink a:hover{ color:#183884; text-decoration: none;}

#wrapbottom{
	margin:0;
	padding:0;
	height: 70px;
	width: 100%;
	background: #ffdf00 url(img/img_footerbg.jpg) left top repeat-x;
	position: absolute;
	bottom: 0;
	z-index:9999;
	}

#bottom{
	margin:0 auto;
	padding:10px 0 0 0;
	width: 952px;
	color:#183884;
	font-size: 11px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	position: relative;
	height: 42px;
	}
	
*html #wrapbottom { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin:0 auto; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

.info1{ position: absolute; top:14px; left: 260px; color:#183884; font-weight: bold; font-size: 11px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
.info2{ position: absolute; top:30px; left: 260px; color:#183884; font-size: 11px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
.info3{ position: absolute; top:44px; left: 260px; color:#183884; font-size: 11px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
.info3 a, .info3 a.link, .info3 a:visited, .info3 a:active{color:#183884; font-size: 11px; text-decoration: none;}
.info3 a:hover{color:#cc3399; font-size: 11px; text-decoration: none;}
.copyright{ position: absolute; top:44px; right: 120px; color:#183884; font-size: 11px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
.iso{ position: absolute; bottom:-4px; right: 0;}

.imgnews{ padding: 4px; margin: 0 0 0 25px; border: 1px solid #cccccc; background: #fff;}
.newstext{ margin:0; padding:0; line-height:14px;font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px;}



.animhead{margin:0; padding:0; width:572px; height:333px;}

.newshome{ margin:0 0 0 25px; padding:0; line-height: 14px; font-size:12px;}
.newshome ul{ margin:0; padding:0; width: 355px;}
.newshome li{ margin:0; padding:15px 0 15px 0; list-style: none; text-align: left; border-bottom: 5px solid #033983;}
.newshome li a, .newshome li a:link, .newshome li a:active, .newshome li a:visited{ color:#2181bf; text-decoration: none;}
.newshome li a:hover{color:#2181bf; text-decoration: underline;}
.newshome li img{  padding: 4px; margin: 0 10px 2px 0; border: 1px solid #cccccc; background: #fff; float: left;}
.newshome li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181bf;font-weight: bold;}
.newshome li .right{ margin: 0 0 0 157px; padding: 0;}

.piehome{ margin:0 0 0 25px; padding:0;}
.piehome ul{ margin:0; padding:0; width: 355px;}
.piehome li{ margin:0; padding:15px 0 15px 0; list-style: none; text-align: left;}
.piehome li .right{ margin: 0 0 0 157px; padding: 0;}

.imgborder{ margin:0; padding:0; border: 1px solid #cccccc; background: #fff;}


.newscompany{ margin:10px 0 0 0; padding:0;}
.newscompany ul{ margin:0; padding:0; width: 500px;}
.newscompany li{ margin:0; padding:15px 0 15px 0; list-style: none; text-align: left;}
.newscompany li a, .newscompany li a:link, .newscompany li a:active, .newscompany li a:visited{ color:#2181bf; text-decoration: none;}
.newscompany li a:hover{color:#2181bf; text-decoration: underline;}
.newscompany li img{  padding: 4px; margin: 0 0 0 -140px; border: 1px solid #cccccc; background: #fff; float: left;}
.newscompany li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181be;font-weight: bold;}
.newscompany li .right{ margin: 0 0 0 157px; padding: 0;}


.manufacturelist{margin:0; padding:0;}
.manufacturelist ul{margin:20px 0 0 0; padding:0;}
.manufacturelist li{ list-style: none; margin:0 30px 20px 0; padding:0; width:90%;}
.manufacturelist li a, .manufacturelist li a:link, .manufacturelist li a:active, .manufacturelist li a:visited{ text-decoration:none; color:#333333; font-weight: bold;}
.manufacturelist li a:hover{color:#183884; text-decoration: none;}
.manufacturelist li img{padding:4px; background:#fff; border: 1px solid #cccccc; margin:5px 10px 5px 0; float: left;}
.manufacturelist li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181be;font-weight: bold;}
.manufacturelist ul ul{margin:0; padding:0;}
.manufacturelist li li{ list-style: none; margin:0; padding:3px 0; }
.manufacturelist li li a, .manufacturelist li li a:link, .manufacturelist li li a:active, .manufacturelist li li a:visited{ font-weight: bold; text-decoration:none; color:#333333;}
.manufacturelist li li a:hover{ color:#183884; text-decoration: none;}
.clearer{ clear: both; margin: 10px 0;}


.annualreport{margin:0; padding:0;}
.annualreport ul{margin:0; padding:0;}
.annualreport li{ list-style: none; margin:0; padding:0;}
.annualreport li a, .annualreport li a:link, .annualreport li a:active, .annualreport li a:visited{ text-decoration:none; color:#333333;}
.annualreport li a:hover{color:#183884; text-decoration: none;}
.annualreport li img{padding:0; margin:0 18px 0 0; float: left; border:1px solid #000;}
.annualreport li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181be;font-weight: bold;}

.titik{ height:40px; background: url(img/titik.jpg) center left repeat-x; clear: both; }
.titik2{ height:20px; background: url(img/titik.jpg) center left repeat-x; clear: both; }


.ar{margin:0; padding:0;}
.ar ul{margin:0; padding:0;}
.ar li{ list-style: none; margin:0 10px 20px 0; padding:0; float:left; text-align: center; width:115px;}
.ar li a, .ar li a:link, .ar li a:active, .ar li a:visited{ text-decoration:none; color:#333333;}
.ar li a:hover{color:#183884; text-decoration: none;}
.ar li img{padding:0; margin:0; border:1px solid #aab2b5;}
.ar li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181be;font-weight: bold;}


.ar_event{margin:0; padding:0; clear:both;}
.ar_event ul{margin:0; padding:0;}
.ar_event li{ list-style: none; margin:0 ; padding:0;}
.ar_event li a, .ar_event li a:link, .ar_event li a:active, .ar_event li a:visited{ text-decoration:none; color:#333333;}
.ar_event li a:hover{color:#183884; text-decoration: none;}
.ar_event li img{padding:0; margin:0; border:1px solid #aab2b5;}
.ar_event li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181bf;}
.ar_event li .tgl{ margin: 0; padding: 0;font-size: 10px;}


.contlist{margin:0; padding:0;}
.contlist ul{margin:0; padding:0;}
.contlist li{ list-style: none; margin:0 10px 20px 0 ; padding:0; float: left; width:200px;}
.contlist li a, .contlist li a:link, .contlist li a:active, .contlist li a:visited{ text-decoration:none; color:#333333;}
.contlist li a:hover{color:#183884; text-decoration: none;}
.contlist li img{padding:0; margin:0; border:1px solid #aab2b5;}
.contlist li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181bf; font-weight: bold;}


.contsales{margin:0; padding:0;}
.contsales ul{margin:0; padding:0;}
.contsales li{ list-style: none; margin:0 20px 20px 0 ; padding:0; float: left; width:300px;}
.contsales li a, .contsales li a:link, .contsales li a:active, .contsales li a:visited{ text-decoration:none; color:#2181bf;}
.contsales li a:hover{color:#2181bf; text-decoration: underline;}
.contsales li img{padding:0; margin:0; border:1px solid #aab2b5;}
.contsales li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181bf;}


table.career{ padding: 0; margin:0 0 0 2px;border:1px solid #333333;border-collapse: collapse;}
table.career td{padding: 2px 4px; border-collapse: collapse; border:1px solid #333333;}


.faqlist{margin:0; padding:0;}
.faqlist ul{margin:0; padding:0;}
.faqlist li{margin:0; padding:0 0 20px 0;}
.faqlist li .tit{ margin: 0; padding: 0;font-size: 12px; color:#2181bf; font-weight:bold;}


.col1{width:230px; float:left;}
.col2{width:250px; margin:0 0 0 20px; float: left;}
.col3{width:200px; margin:0 0 0 20px; float: left;}
.col4{width:200px; margin:0 0 0 20px; float: left;}

.sitemaplist{margin:0; padding:0;}
.sitemaplist ul{margin:0; padding:0;}
.sitemaplist li{margin:0; padding:4px 0 4px 30px; list-style: none; border-bottom:1px dotted #333; text-align:left;}
.sitemaplist li.tit{ margin: 0; padding:4px 0 4px 0;font-size: 12px; color:#2181bf; font-weight:bold;list-style: none; border-bottom:1px dotted #333;}
.sitemaplist li a, .sitemaplist li a:link, .sitemaplist li a:active, .sitemaplist li a:visited{ text-decoration:none; color:#333;}
.sitemaplist li a:hover{color:#2181bf; text-decoration: none;}
.sitemaplist li.sub2{ margin: 0; padding:4px 0 4px 50px;font-size: 12px;list-style: none; border-bottom:1px dotted #333;}
.sitemaplist li.sub3{ margin: 0; padding:4px 0 4px 70px;font-size: 12px;list-style: none; border-bottom:1px dotted #333;}


.biru{font-size: 12px; color:#2181be;font-weight: bold;}
.biru2{font-size: 12px; color:#2181be;}
.merah{font-size:14px;color:#990000;}

/*.mnatas input{ width: 66px; height: 20px; margin: 8px 0 0 0; padding: 0; border: 1px solid #b9bdc2; color:#646464; font-size: 11px;}*/

.search{
		margin:0px 0 0 0;
		padding:0px 0 0 0;
		}
		
.search input{		
		width:125px;
		padding:3px;
		margin: 7px 0 0 0;
		border-left:1px solid #999;
		border-bottom:1px solid #999;
		border-top:1px solid #999;
		border-right:none;
		height: 13px;
		float:right;
		color:#666666;
		font-size: 11px;
		}	

.search input.luv{
	width:13px;
	height: 13px;
	margin: 7px 0 0 0;
	padding:3px 0 3px 0;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	border-left:none;
	float: right;
	}