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


#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: black;
}
html,body{
	height:100%;
}
.a_basic{
        position:absolute;
        top:0;
	width:100%;
	height:100%;
}
.a_utama{
	position:absolute;
	border: 1px solid #000;
	padding:0;
	width: 844px;
	height: 590px;
	bottom: 10%;
	top:10%;
	left:50%;
	margin-left:-422px;
	margin-top: -59px;
	margin-bottom: -59px;
}
.logo{
	margin:0;
	float:left;
	padding:0;
	width:226px;
	height:94px;
}
.logo2{
	margin:0;
	float:left;
	padding:0;
	width:135px;
	height:94px;
}
.slogan{
	float:left;
	margin-top:58px;
	width:470px;
	height:36px;
}
.a_top{
	margin-left:7px;
	margin-right:7px;
	width:830px;
	height:98px;
	
}
.menu {
	margin-left:7px;
	margin-right:7px;	
	height:26px;
	width:830px;
}
.content{
	margin-left:7px;
	margin-right:7px;
	width:830px;
	height:346px;
}
detailcontent{
	margin-left:7px;
	margin-right:7px;
	width:830px;
	height:454px;
}
.tr_menu{
	float:left;
	width:110px;
	margin-top:40px;
}
.tr_menu_button{
	margin-bottom:4px;
}
.tr_menu_button a{
	color:#737373;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:12px;
}
.tr_menu_button a:hover{
	color:#74B71B;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:12px;
}

.tr_menu_button img{
	margin-right: 4px;
}
.headlinebox{
	margin-top:27px;
	text-align:left;
	float:left;
	width:380px;
}

.category_short{

	text-align:left;
	float:left;
	width:220px;
	margin-left:15px;
}
.jump_menus{
	text-align:left;
	float:left;
	width:128px;
	margin-left:35px;
}
.helper_center{
	width:785px;
	height:346px;
}
.category_group h2{
	color:#4B4B4B;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:10px 0 2px 20px;
}
.category_title{
	background: url(images/images-awal/dots_64.gif) no-repeat;
	padding-left:20px;
}
.search{
	color:#0094A5;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:11px;
}
.search label{
	font-weight:bold;
}
.search .searchbox{
	width:100px;
}
.clear{
	height:14px;
}
.clear10px{
	height:10px;
}
.clear2{
	height:7px;
}
.clear3{
	height:27px;
}
.login{
	background: url(images/images-awal/dots_64.gif) no-repeat;
	padding-left:20px;
	color:#0094A5;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:11px;
}
.login a{
	color:#0094A5;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:11px;
}
.login a:hover{
	color:#737373;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:11px;
}
.listmenu{
	margin-top: 10px;
	color:#0094A5;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:11px;
}
.listmenu label{
	font-weight:bold;
}
.listmenu select {
	color:#737373;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:10px;
}
.pictures{
	width:830px;
	height: 96px;
	margin-left:7px;
	margin-right:7px;
}
.pictures .picbottom{
	float:left;
	height: 96px;
	margin:0;
	padding-right:4px;
}
.pictures .picbottomlast{
	float:left;
	height: 96px;
	margin:0;
}
.legalnotice{
	margin-top:5px;
	margin-left:7px;
	margin-right:7px;
	width:830px;
}
.legalnotice a{
	color:#333333;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	text-decoration:underline;
}
.legalnotice a:hover{
	color:#007353;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
}
.legalnotice .rss{
	float: right;
}
.legalnotice .dsclimer{
	float: left;
}
.modalview{
	padding:0px;
}
.modalview .helper_modal{
	margin:10px;
}
.cls{
	height:10px;
}
.previous{
	float:left;
	margin-top:10px;
	padding-left:20px;
	margin-left:10px;
	background:url(images/pointpanahkiri.jpg) no-repeat;
	clear:both;
}
.next{
	float:right;
	margin-top:10px;
	padding-right:20px;
	margin-right:10px;
	background:url(images/pointpanah.jpg) no-repeat right;
}
.aksesoristop{
	float:right;
	width:197px;
}
.sidenavigation{
	float:left;
	width:150px;
	height:454px;
	background-color:#74b71b;
	margin-left:7px;
	color:#FFFFFF;
}
.sidenavigation ul{
	margin:0;
	margin-left:15px;
	padding:0;
	list-style:none;
	color:#FFFFFF;
}
.sidenavigation ul li, .sidenavigation ul li ul, .sidenavigation ul li ul li {
	margin:0;
	margin-left:0;
	padding:2px 0;
	list-style:none;
	color:#FFFFFF;
}
.link-bold a{
	font-weight:bold;
}
.sidenavigation ul li a:link,.sidenavigation ul li a:visited, .sidenavigation ul li ul li a:link,.sidenavigation ul li ul li a:visited{
	color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	font-size:11px;
	padding-bottom:5px;
	text-decoration:none;
}
.sidenavigation ul li a:hover, .sidenavigation ul li ul li a:hover{
	color:#006A4E;
	margin:0;
	padding:0;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	text-decoration:underline;
}
.detailpage{
	float:left;
	margin-left:15px;
	height:454px;
	width:478px;
}
.button-print{
	float:left;
	width:30px;
}
.textrating{
	text-align:right;
}
.detailtitlebox{
	height:auto;
}
.detaillistattr{
	float:left;
}
.buttonsbox{
	float:right;
}
.rightcolumn{
	float:left;
	margin-left:37px;
	width:130px;
}
.detailTitle2{
	height:45px;
	width:478px;
}
.titleBig h1{
	font-family: "Helvetica Neun", "Tahoma", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #74B71B;
	padding:0;
	margin:0;
}
.newsTITLE h2{
	padding:8px 0 5px 0;
	color:#666;
	margin:0;
	font-size:11px;
	font-weight:normal;
	clear:both;
}
.newsTITLE .newsListDate{
	padding:0;
	color:#666;
	margin:0;
	font-size:11px;
	font-weight:normal;
}
form{
	margin:0px;
	padding:0px;
}
.productlist h2{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:20px;
	
}
.invreport h2{
	color:#333333;
	padding:0;
	margin:0;
	font-size:11px;
}
.invreport li{
	color:#666666;
	padding:5px 15px;
	margin-left:15;
	font-size:11px;
}
.qtr_report{
	padding-top:2px;
	margin:5px;
	vertical-align:middle;
	background: url(images/adobeRicon.gif) no-repeat;
	height:20px;
	padding-left:30px;
	margin-left:40px;
}
.qtr_report a{
	color:#8DC63F;
	font-family:"Helvetica Neun","Tahoma",sans-serif;
	text-decoration:none;
}
.qtr_report a:hover{
	color: #333333;
	text-decoration:underline;
}
.seeDetail{
	height:15px;
	float:right;
	text-align:right;
	width:100%;
	background:url(images/poinpanahgif.gif) right no-repeat;
	padding-right:15px;
	margin-bottom:7px;
}
.dodtitle h2{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.mnBanerPro{
	padding: 5px 0;
}
.dod_cat{
	width:460px;
}
.dod_cat h2{
	background:url(images/pointlink.gif) left center no-repeat;
	font-size:11px;
	width:430px;
	height:20px;
	padding-top:4px;
	padding-left:10px;
	margin:0;
}
.dod_cat_data{
	width:430px;
	height:20px;
	padding-left:10px;
}
.dod_info_name{
	float:left;
	width:100px;
}

.dod_cat_def{
	width:430px;
	height:120px;
	padding-left:10px;
}
.dod_info_detail{
	float:left;
	width:330px;
}
.dod_info_detail p{
	margin:0;
	padding:0;
}
.dod_info_title{
	float:left;
	width:100px;
}
.contactus-form label{
	float:left;
	width:120px;
	color:#737373;
	display:block;
	font-weight:bold;
	padding:4px;
}
.form-2cols label{
	float:left;
	width:45%;
}
.contactus-form .star{
	color:#FF0000;
}
.coe-form label{
	float:left;
	width:80px;
	color:#0094A5;
	display:block;
	font-weight:bold;
	padding:4px;
}
.coe label{
	float:left;
	width:90px;
}
.coe .delimiter{
	float:left;
	width:5px;
}
.coe p{
	float:left;
	width:400px;
	height:50px;
}
.penulis{
	position:relative;
	width:100%;
	height:120px;
}
.penulislist{
	position:relative;
	width:100%;
}
.penulis-image{
	float:left;
	left:0;
	position:absolute;
}
.penulis-details{
	float:left;
	left:105px;
	position:absolute;
	width:370px;
}
.penulis-col-1{
	float:left;
	width:70px;
	padding:2px 0;
}
.penulis-col-2{
	float:left;
	width:5px;
	padding:2px 0;
}
.penulis-col-3{
	float:left;
	width:295px;
	padding:2px 0;
}

.penulis-list{
	height:16px
}
.penulis-list-1{
	float:left;
	padding-right:5px;
	text-align:right;
	width:17px;
}
.penulis-list-2{
	float:left;
	width:455px;
}
.cdk-cetak-list{
	position:relative;
	width:100%;
	height:120px;
	margin-bottom:10px;
	padding-right:20px;
	padding-top:20px;
	clear:both;
}
.cdk-cetak-list-list{
	position:absolute;
	float:left;
	width:360px;
	left:105px;
}

.cdk-content{
	position:relative
	width:100%px;
}
.cdk-content-top {
	width:100%;
	position:absolute;
}
.cdk-cetak-image{
	float:left;
	width:105px;
}
.cdk-content-desc{
	float:left;
	width:370px;
}
.cdk-content h1{
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
}

.detail_content h1 {
	font-size:12px;
	color:#333333;
	padding:0;
	margin:0;
	padding-left:5px;
}

.cdk-content-image {
	float:left;
	position:absolute;
	width:100px;
	margin-right:5px;
}
.cdk-content-detail{
	clear:both;
	width:460px;
	
}
.cdk-detail-list-1{
	
	float:left;
	width:17px;
	padding-right:5px;
}
.cdk-detail-list-2{
	
	float:left;
	width:380px;
	left:23px;
}
.cdk-detail-list-3{
	
	float:left;
	width:50px;
	left:410px;
}
.cdk-download{
	height:15px;
	padding-right:30px;
	padding-top:2px;
	text-align:right;
	background:url(images/adobeRicon.gif) right no-repeat;
	
}
.table-convert{
	width:100%;
	position:relative;
	height:30px;
	
}
.tc_col-1{
	float:left;
	left:5px;
	width:90px;
	position:absolute;
}
.tc_colons{
	float:left;
	left:95px;
	width:10px;
	position:absolute;
}
.tc_col-2{
	float:left;
	left:105px;
	width:355px;
	position:absolute;
}
.inp_default label{
	float:left;
	width:60px;
	text-align:right
}
.table_addr{
	position:relative;
	height:21px;
	width:100%;
	text-align:left;
}
.table_add_1{
	padding-left:5px;
	padding-top:2px;
	position:absolute;
	float:left;
	width:295px;
	height:18px;
}
.table_add_2{
	position:absolute;
	width:172px;
	float:left;
	padding-left:5px;
	padding-top:2px;
	left: 301px;
	height:18px
}
* html .table_add_2{
	left:296px;
	width:181px;
}
* html .table_addr{
	height:19px;
}
.faq_list{
	background:url(images/pointlink.gif) no-repeat left;
	padding-left: 20px;
	font-weight:bold;
	width:430px;
}
.faq_qst h2{
	padding:0;
	margin:0;
	padding-left:20px;
	font-size:11px;
	width:430px;
}
.detail_more{
	text-align:right;
	margin-right:10px;
	background:url(images/pointpanah.jpg) no-repeat right;
	height:13px;
	display:block;
	padding-right:15px;
}
.table_head-1{
	float:left;
	padding:8px 0;
	background-color:#8DC63F; 
	height:20px; 
	position:absolute;	
	width:135px; 
}
.table_head-2{
	float:left;
	padding:8px 0;
	background-color:#8DC63F; 
	height:20px; 
	left:136px;
	width:325px; 
	position:absolute;
}
.table_gb-1{
	width:17px;
	float:left;
	color:#74B71B;
}
.table_gb-2{
	width:118px;
	float:left;
	color:#74B71B;
}
.table_gb-3{
	width:315px;
	padding:0 5px;
	float:left;
}
.nopadmar{
	margin:0;
	padding:0;
}
.redfont{
	color:#FF0000;
}
.font12{
	font-size:12px;
}

.sw_title{
	background-color:#008a4e;
	padding:2px;
}
.swRow1{
	position:relative;
	width:144px;
	height:16px;
	padding-left:4px;
	margin:0 1px;
	background-color:#eeeeee;
}
.swRows{
	position:relative;
	width:150px;
	height:16px;
	margin:0 1px;
}

.swRows1-1{
	float:left;
	position:absolute;
	width:50px;
	left:0px;
	padding-left:4px;
	height:16px;
	color:#333333;
	background-color:#c4df9b;
}
.swRows1-2{
	float:left;
	position:absolute;
	width:5px;
	left:54px;
	height:16px;
	color:#333333;
	background-color:#c4df9b;
}
.swRows1-3{
	float:left;
	position:absolute;
	width:89px;
	left:59px;
	height:16px;
	color:#333333;
	background-color:#c4df9b;
}
.swRows2-1{
	float:left;
	position:absolute;
	width:50px;
	left:0px;
	padding-left:4px;
	height:16px;
	color:#333333;
	background-color:#eeeeee;
}
.swRows2-2{
	float:left;
	position:absolute;
	width:5px;
	left:54px;
	height:16px;
	color:#333333;
	background-color:#eeeeee;
}
.swRows2-3{
	float:left;
	position:absolute;
	width:89px;
	left:59px;
	height:16px;
	color:#333333;
	background-color:#eeeeee;
}
.swHead1{
	float:left;
	position:absolute;
	width:33%;
	left:0;
	height:16px;
	color:#FFFFFF;	
}
.swHead2{
	float:left;
	position:absolute;
	width:33%;
	left:33%;
	height:16px;
	color:#FFFFFF;	
}
.swHead3{
	float:left;
	position:absolute;
	width:33%;
	left:66%;
	height:16px;
	color:#FFFFFF;	
}