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

body 
{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a 
{
color: #666666;
text-decoration:none;
}

img
{
behavior: url("inc/iepngfix.htc");
border:none;
}

.blue {color: #134296}
#content { height:100%;}
#wrapper
{
	width:1002px;
	margin:0 auto;
	height:auto;
	background-color: #FFFFFF;
	background:url(../img/bg_home.gif) top center no-repeat;
	position: relative;
	text-align: center;
	min-height: 500px;
}
#banner
{
	width:100%;
	height:246px;
	position: inherit;
}
#middle {
	width:100%;
	height:280px;
	z-index:1;
	margin: 0 auto;
	background:url(../img/bg_middle.gif) center top no-repeat;
	padding-top: 47px;
}
#footer
{
	border-top:2px #e0e0e0 solid;
	width: 794px;
	margin: 0 auto;
	text-align: left;
	position: relative;

}
#short {
	font-size:11px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 95px;
	font-weight: bold;
	position: absolute;
	top: 4px;
	left: 881px;
	z-index:1000;

}
#short li :hover 
{
color:#6596de;

}
#short a.active 
{
color:#6596de;

}



#short li
{
	display:block;
	list-style: none;
	padding: 5px 0px 5px 0px;
	border-bottom: #666666  solid 1px;
}
#short li.last
{
	border-bottom: 0px;

}

#news 
{
	font:14px #666666;


}
#news a
{
color:#FF0000;
}
#news td
{
border-bottom:dashed #CCCCCC 1px;

}

#content_news td
{
border-bottom:dashed #CCCCCC 1px;
padding:10px 0px 10px 0px;

}
#content_news td img
{
margin-right:10px;
}
.date
{
color:#CC0000;
font-size:11px;

}



.search
{
	border:1px #CCCCCC solid;
	height:16px;
	width:110px;
	font-size:11px;
	text-transform:uppercase;
}
.search_go
{
	width:25px;
	height: 18px;
	background:url(../img/go.gif) no-repeat left top;
	border:0px;


}



#menu {
	width:950px;
	height:47px;
	z-index:1;
	border-top:solid 3px #134296;
	margin: 0 auto;
}

#header
{
	background:url(../img/bg_content_up.gif) top center no-repeat;
	background-color: #FFF;
	height: 86px;
	width: 1004px;


}

#lang_eng a
{
background:url(../img/lang_eng.gif) top right no-repeat;
display:block;
width:60px;
height:27px;

}
#lang_eng a:hover
{
background:url(../img/lang_eng_on.gif) top right no-repeat;
}
#lang_ina a
{
background:url(../img/lang_ina.gif) top left no-repeat;
display:block;
width:60px;
height:27px;

}
#lang_ina a:hover
{
background:url(../img/lang_ina_on.gif) top left no-repeat;
}



#content_menu
{
	width:100%;
	height:auto;
	position: relative;
}

#content_menu .left
{
background:url(../img/bg_content_left.gif) right top no-repeat;

}
#content_menu .right
{
	background:url(../img/bg_content_right.gif) left top no-repeat;

}
#content_menu .mid
{
	background:url(../img/bg_content_mid.gif) center top no-repeat;
	padding: 31px 21px 0px 21px;

}

#content
{
text-align:left;
}

#content_sub a
{
color:#FF0000;
text-decoration:underline;
}

#content_sub li
{
list-style: url(../img/bullet02.gif) outside;
margin-left:20px;

}

#01
{

	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;

}

#02
{

	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	background-color:#f0f0f0;

}


#content .h1
{
color:#cc0000;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
}

#sub_content_title
{
	padding:0px 0px 0px 0px;
	border-bottom:#b8c6df solid 1px;
	height:35px;
	margin-top: 20px;
	margin-bottom: 29px;
}
#sub_content_title_rental
{
height:35px; margin-top:20px; border-bottom:#b8c6df solid 1px; margin-bottom: 5px;
}

#desc 
{
padding-left:12px;
background: url(../img/bullet02.gif) left top no-repeat;
}

#visi01
{

background: url(../img/bullet03.gif) left top no-repeat;
padding:5px 0px 5px 22px;

}
#visi_cont
{
padding:5px 0px 5px 22px;
}

.service_program p
{
border-bottom:dashed 1px #cccccc;

}




#drive01
{
	background:url(../img/bg_drive01.gif) left top repeat-y;
	font-size: 12px;
}

#drive02
{
background:url(../img/bg_drive02.gif) left top repeat-y;
}


#content_visi
{
	margin-top:15px;
	background:url(../img/bg_profil_visi.gif) left top repeat-x;
	width:566px;
	padding-top: 30px;
}
#content_visi img
{
	margin:0px 0px 0px 0px;
}

#miles
{
background-color:#f0f0f0;
}

#miles .h2
{
font-size:24;
color:#333333;
font-weight:bold;

}

#miles td
{
border-bottom:dashed #CCCCCC 1px;
padding:5px 8px 5px 8px;

}

#addres
{
background-color:#f0f0f0;
}
#addres td
{
padding:8px 8px 8px 8px;

}



#basic-accordian{
	width:130px;
	z-index:2;
}

.accordion_headings{
	background:#FFF;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#FFF;
}

.accordion_child{
	background:#FFF;
	height: auto;
	text-align: left;
	color: #134296;
	min-height: 50px;
}

.accordion_child .active {
	color: #FF0000;
}

.accordion_child li
{
	padding:5px;
	color: #134296;
	list-style: inside;
	
}
.accordion_child li.active
{
	padding:5px;
	color: #FF0000;
}
.accordion_child li a{

	color: #134296;
}

.accordion_child li a:hover {

	color: #FF0000;
}


.header_highlight{
	background:#FFF;
	
}

.btn-slide {
	background: url(../img/btn_accl.gif) no-repeat right;
	width: 44px;
	height: 196px;
	padding: 0 0 0 0;
	margin: 0 0;
	display: block;
	color: black;
	text-decoration: none;
}
.active {
	background: url(../img/btn_accr.gif) no-repeat right;
	margin:0px;
	padding:0px 0px 0px 0px;
}

/*  Product submenu*/


#product_sub  {
padding:0px 0px 0px 0px;
color:#134296;


}

#product_sub a {
text-decoration: none;
color:#134296;

}

#product_sub a:hover {
color:#cc0000;
font-size:13px;
font-weight:bold;
}

#product_sub a.active {
color:#cc0000;
font-size:13px;
font-weight:bold;
}

#product_spec
{
background-color:#FFFFFF;

}

#product_spec_up

{

	
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
#product_spec_up td
{
background-color:#134296;
}

#product_spec_up .thin
{
font-weight:normal;
font-size:11px;

}

#product_spec_up_list01
{
background-color:#f0f0f0;
border:2px #fff solid;
color:#666666;

}
#product_spec_up_list02
{
background-color:#dbdbdb;
border:2px #fff solid;
color:#666666;
}

#award_table
{
color:#666666;
text-align:center;
background:url(../img/tbl_award_tr_bg.gif) repeat-y left top;

}

#award_table td
{
color:#5d5d5d;
border-right:#cccccc dashed 1px;
}



#award_table td.last
{

border-right:none;
padding-left:15px;
}

#award_table_tr_up
{
background: url(../img/tbl_award_up.gif) top repeat-x;
}

#award_table_tr_01
{
border-left:#f0f0f0 1px solid;

}

#award_table_tr_02
{
background-color:#f0f0f0;
}


#award_table_tr_btm
{
background: url(../img/tbl_award_up.gif) -15px 9px repeat-x;
}


#tbl_detail
{
	margin:0;
	padding:0;
	text-align:center;
	color: #CC0000;
	background-color: #f0f0f0;

}



/*  about submenu*/

a#sub_miles {
border:1px solid #FFF;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_sub_miles_1.gif) no-repeat;
text-decoration: none;
}

a#sub_miles:hover {
background-position: 0 -22px;
}
a#sub_miles.active {
background-position: 0 -22px;
}

a#sub_bod {
border:1px solid #FFF;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_sub_bod_1.gif) no-repeat;
text-decoration: none;
}

a#sub_bod:hover {
background-position: 0 -22px;
}
a#sub_bod.active {
background-position: 0 -22px;
}



/*  about submenu*/
a#about_menu {
border:0;
display: block;
width: 84px;
height: 46px;
background: url(../img/menu_about.gif) no-repeat;
text-decoration: none;
}

a#about_menu:hover {
background-position: 0 -46px;
}
a#about_menu.active {
background-position: 0 -46px;
}

a#product_menu {
border:0;
display: block;
width: 78px;
height: 46px;
background: url(../img/menu_product.gif) no-repeat;
text-decoration: none;
}
a#product_menu:hover {
background-position: 0 -46px;
}
a#product_menu.active {
background-position: 0 -46px;
}

a#bussines_menu {
border:0;
display: block;
width: 74px;
height: 46px;
background: url(../img/menu_bussines.gif) no-repeat;
text-decoration: none;
}
a#bussines_menu:hover {
background-position: 0 -46px;
}
a#bussines_menu.active {
background-position: 0 -46px;
}

a#rental_menu {
border:0;
display: block;
width: 103px;
height: 46px;
background: url(../img/menu_rental.gif) no-repeat;
text-decoration: none;
}
a#rental_menu:hover {
background-position: 0 -46px;
}
a#rental_menu.active {
background-position: 0 -46px;
}

a#costumer_menu {
border:0;
display: block;
width: 83px;
height: 46px;
background: url(../img/menu_costumer.gif) no-repeat;
text-decoration: none;
}
a#costumer_menu:hover {
background-position: 0 -46px;
}
a#costumer_menu.active {
background-position: 0 -46px;
}

a#support_menu {
border:0;
display: block;
width: 80px;
height: 46px;
background: url(../img/menu_support.gif) no-repeat;
text-decoration: none;
}
a#support_menu:hover {
background-position: 0 -46px;
}
a#support_menu.active {
background-position: 0 -46px;
}


/* product sub menu */
a#prod_massey_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_prod_massey_on.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_massey_menu:hover {
background-position: 0 -22px;
}
a#prod_massey_menu.active {
background-position: 0 -22px;
}

a#prod_perkin_menu {
border:0;
display: block;
width: 127px;
height: 35px;
background: url(../img/menu_prod_perkin.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_perkin_menu:hover {
background-position: 0 -35px;
}
a#prod_perkin_menu.active {
background-position: 0 -35px;
}

a#prod_toyota_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_prod_toyota.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_toyota_menu:hover {
background-position: 0 -22px;
}
a#prod_toyota_menu.active {
background-position: 0 -22px;
}

a#prod_hitachi_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_prod_hitachi.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_hitachi_menu:hover {
background-position: 0 -22px;
}
a#prod_hitachi_menu.active {
background-position: 0 -22px;
}

a#prod_link_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_prod_link.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_link_menu:hover {
background-position: 0 -22px;
}
a#prod_link_menu.active {
background-position: 0 -22px;
}

a#prod_sakai_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background: url(../img/menu_prod_sakai.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_sakai_menu:hover {
background-position: 0 -22px;
}
a#prod_sakai_menu.active {
background-position: 0 -22px;
}

a#prod_perkins_sabre_menu {
border:0;
display: block;
width: 127px;
height: 35px;
background: url(../img/menu_prod_perkins_sabre.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_perkins_sabre_menu:hover {
background-position: 0 -35px;
}
a#prod_perkins_sabre_menu.active {
background-position: 0 -35px;
}

a#prod_gardiner_menu {
border:0;
display: block;
width: 127px;
height: 32px;
background: url(../img/menu_prod_gardiner.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_gardiner_menu:hover {
background-position: 0 -32px;
}
a#prod_gardiner_menu.active {
background-position: 0 -32px;
}

a#prod_fg_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background:url(../img/menu_prod_fg.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#prod_fg_menu:hover {
background-position: 0 -22px;
}
a#prod_fg_menu.active {
background-position: 0 -22px;
}



/* business sub menu */
a#bs_agri_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background:url(../img/menu_bs_agri.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#bs_agri_menu:hover {
background-position: 0 -22px;
}
a#bs_agri_menu.active {
background-position: 0 -22px;
}

a#bs_industrial_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background:url(../img/menu_bs_industrial.gif) no-repeat ;
text-decoration: none;
margin-bottom:5px;
}
a#bs_industrial_menu:hover {
background-position: 0 -22px;
}
a#bs_industrial_menu.active {
background-position: 0 -22px;
}

a#bs_power_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background:url(../img/menu_bs_power.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#bs_power_menu:hover {
background-position: 0 -22px;
}
a#bs_power_menu.active {
background-position: 0 -22px;
}

a#bs_road_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background:url(../img/menu_bs_road.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#bs_road_menu:hover {
background-position: 0 -22px;
}
a#bs_road_menu.active {
background-position: 0 -22px;
}


/* business sub menu */
a#rental_used_menu {
border:0;
display: block;
width: 127px;
height: 22px;
background:url(../img/menu_rental_used.gif) no-repeat;
text-decoration: none;
margin-bottom:5px;
}
a#rental_used_menu:hover {
background-position: 0 -22px;
}
a#rental_used_menu.active {
background-position: 0 -22px;
}


/* support network sub menu */
a#supp_branch {
	border:0;
	display: block;
	width: 127px;
	height: 22px;
	background:url(../img/menu_supp_branch_1.gif) no-repeat;
	text-decoration: none;
	margin-bottom:1px;
}
a#supp_branch:hover {
background-position: 0 -22px;
}
a#supp_branch.active {
background-position: 0 -22px;
}


/* about us milestone button hover*/
a#dekade1 {
	border:0;
	display: block;
	width: 77px;
	height: 101px;
	background:url(../img/btn_dekade1.gif) no-repeat;
	text-decoration: none;
	margin-bottom:1px;
}
a#dekade1:hover {
background-position: 0 -101px;
}
a#dekade1.active {
background-position: 0 -101px;
}

a#dekade2 {
	border:0;
	display: block;
	width: 77px;
	height: 101px;
	background:url(../img/btn_dekade2.gif) no-repeat;
	text-decoration: none;
	margin-bottom:1px;
}
a#dekade2:hover {
background-position: 0 -101px;
}
a#dekade2.active {
background-position: 0 -101px;
}

a#dekade3 {
	border:0;
	display: block;
	width: 77px;
	height: 101px;
	background:url(../img/btn_dekade3.gif) no-repeat;
	text-decoration: none;
	margin-bottom:1px;
}
a#dekade3:hover {
background-position: 0 -101px;
}
a#dekade3.active {
background-position: 0 -101px;
}

a#dekade4 {
	border:0;
	display: block;
	width: 77px;
	height: 101px;
	background:url(../img/btn_dekade4.gif) no-repeat ;
	text-decoration: none;
	margin-bottom:1px;
}
a#dekade4:hover {
background-position: 0 -101px;
}
a#dekade4.active {
background-position: 0 -101px;
}

/* about us manajemen button hover*/
a#manajmemen {
	border:1px solid #FFF;
	display: block;
	width: 127px;
	height: 22px;
	background:url(../img/menu_sub_management_1.gif) no-repeat;
	text-decoration: none;
}
a#manajmemen:hover {
background-position: 0 -22px;}
a#manajmemen.active {
background-position: 0 -22px;}

a#about_award{
	border:1px solid #FFF;
	display: block;
	width: 127px;
	height: 22px;
	background:url(../img/menu_sub_award_1.gif) no-repeat;
	text-decoration: none;
}
a#about_award:hover {
background-position: 0 -22px;}
a#about_award.active {
background-position: 0 -22px;}




/* costumer sub  genset button hover*/
a#costumer_part {
	border:1px solid #FFF;
	display: block;
	width: 127px;
	height: 22px;
	background:url(../img/menu_cost_part.gif) no-repeat;
	text-decoration: none;
}
a#costumer_part:hover {
background-position: 0 -22px;}
a#costumer_part.active {
background-position: 0 -22px;}


a#costumer_gen {
	border:1px solid #FFF;
	display: block;
	width: 127px;
	height: 22px;
	background:url(../img/menu_cost_gen.gif) no-repeat;
	text-decoration: none;
}
a#costumer_gen:hover {
background-position: 0 -22px;}
a#costumer_gen.active {
background-position: 0 -22px;}



/* index slide product css*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 380px; /*Width of Carousel Viewer itself*/
	height: 100px;
	left: 0px;
	top: -20px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: -10px;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px 15px 0px 15px; /*margin around each panel*/
	border:solid 1px #CCCCCC;
	width: 71px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*['img/slide_left.gif', -70, 0], rightnav: ['img/slide_right.gif', -10, 0]*/