

body
{
background:url(../images/bg.jpg) repeat;
margin:0px;
font:normal 12px 'Trebuchet MS';
}

.outercontdiv
{
width:1080px;
margin:0 auto;
background-color:#FFFFFF;

}

.innercontdiv
{
width:980px;
margin:0 auto;
padding-bottom:0px;

}

.header
{
width:980px;
height:100px;
margin:0px;
}
.logo
{
width:267px;
height:95px;
margin:0px;
padding:0px;
float:left;
clear:left;
background:url(../images/logo.png) no-repeat;
}
.logo a 
{
display:block; 
width:267px;
height:95px;
}
.logo h1
{
text-indent:-99999em;
}

.sociallink
{
width:170px;
height:60px;
margin:20px 0px 0px 0px;
padding:0px;
float:right;
}
.social_black
{  
float:left; margin-left:8px;
}
.social_orang
{  
float:left; display:none;margin-left:8px;
}

.banner
{
width:980px;
height:310px;
margin-top:8px;
}

/*.menu
{
width:980px;
height:50px;
background:url(../images/menu_bg.jpg) repeat-x;

}*/
.main_container
{
margin:0px 0px 20px 0px;
 width:980px;  }

.welcontdiv
{
width:980px;
margin:0px 0px 20px 0px;
padding:0px;

}
.welcontdiv h1
{
width:980px;
height:30px;
color:#fa5d0e;
margin:10px 0px 15px 0px;
padding-bottom:8px;
font: 25px 'Trebuchet MS';
border-bottom:#666 solid 1px;
}
.welcontdiv span
{
color:#000;
font: 25px Trebuchet MS;
}
.welcontdiv p
{
color:#414141;
font: 13px/1.7em Trebuchet MS;
text-align:justify;
margin:0px;
line-height:1.9em;
}
.welcontdiv img
{
width:182px;
height:136px;
float:left;
margin:0px 15px 10px 0px;
border:#666 solid 1px;
}

.welcontdiv1
{
width:980px;
margin:0px 0px 20px 0px;
padding:0px;

}
.welcontdiv1 h1
{
width:980px;
height:30px;
color:#fa5d0e;
margin:10px 0px 15px 0px;
padding-bottom:8px;
font: 25px 'Trebuchet MS';
border-bottom:#666 solid 1px;
}
.welcontdiv1 span
{
color:#000;
font: 25px Trebuchet MS;
}
.welcontdiv1 p
{
color:#414141;
font: 13px/1.7em Trebuchet MS;
text-align:justify;
margin:0px;
line-height:1.9em;
}
.welcontdiv1 img
{
/*width:182px;
height:136px;
*/float:left;
margin:20px 15px 10px 0px;
border:#666 solid 1px;
}
.imgProdHh{padding:3px 0; text-align:center; height:190px; overflow:hidden;}
/*------------------ change css -------------------*/
.bottom_all
{
width:980px;
margin:20px 0px 0px 0px;
/*border-top:dotted 1px #CCCCCC;*/
padding-top:10px;
}

.product_categor
{
float:left; /*clear:left;*/
width:250px;
margin:0px 10px 0px 0px;

}
.product_categor h1
{
font:20px/2.5em Trebuchet MS;
color:#303030;
margin:0px;
height:56px;
text-indent:70px;
background:url(../images/product_cate.png) no-repeat;
}
.product_categor li
{
background: url("../images/cat_icon.png")  no-repeat left 2px; list-style:none;
    margin: 5px 0 0 -18px;
    padding: 0;
    text-indent: 45px;
}
.product_categor li a
{
color:#333333;
margin:0px;
font:14px/1.4em 'Trebuchet MS';
text-decoration:none;
padding:0px;
}
.product_categor li a:hover
{ color:#FF6600;}



.download_cat
{
float:left; /*clear:left;*/
width:220px;
margin:0px 10px 0px 0px;
}
.download_cat h1
{
font:20px/2.5em Trebuchet MS;
color:#303030;
margin:0px;
height:56px;
text-indent:70px;
background:url(../images/Download_icon.png) no-repeat;
}
.download_cat li
{
background: url("../images/cat_icon.png") no-repeat left 3px; list-style:none;
margin: 5px 0 0 -18px;
padding: 0;
padding-left: 45px;
}
.download_cat li a
{
color:#333333;
margin:0px;
font:14px/1.4em 'Trebuchet MS';
text-decoration:none;
}
.download_cat li a:hover
{ color:#FF6600;}



.Global_Presence
{
float:left;
width:230px;
margin:0px 10px 0px 0px;
}
.Global_Presence h1
{
font:20px/2.5em Trebuchet MS;
color:#303030;
margin:0px 0px 0px 0px;
height:56px;
text-indent:70px;
background:url(../images/Global_Presence.png) no-repeat;
}
.innerglobdiv
{ 
width:230px; 
height:25px;  
color:#fa5d0e; 
padding:10px 0px 0px 15px; 
margin-left:0px;
margin-bottom:5px;
}
.innerglobdiv a
{
color:#fa5d0e; font:13px 'Trebuchet MS';
text-decoration:none;
}
.innerglobdiv a:hover
{
color:#303030;
}
.innerglobdiv img
{ 
width:33px; 
height:23px; 
float:left; 
margin:0px 20px 0px 0px;
}


.our_team
{
float:left;
width:250px;
margin:0px;


}
.our_team h1
{
font:20px/2.5em Trebuchet MS;
color:#303030;
margin:0px;
height:56px;
text-indent:70px;
background:url(../images/our_team.png) no-repeat;
}

.innerourteam 
{

height:50px;
margin:10px 0px 0px 5px;
}
.innerimgdiv
{
width:45px;
height:45px;
margin-left:5px;
margin-bottom:2px;
/*border:#666 solid 1px;*/
float:left; border-radius:100%;
background-color: #666;
padding:1px;
}
.namediv
{
width:150px;
color:#303030;
font:14px/1.5em 'Trebuchet MS';
margin:0px;
padding:0px;
padding-left:15px;
float:left;
}
.namediv a
{ text-decoration:none;
color:#303030;
}
.roundc
{
width:45px;
height:45px;
border-radius:100%;

}

.footer
{
width:980px;
height:38px;
margin:0px;
background-color:#303030;
}
.footinner_left
{
float:left; 
font:12px/1.0em 'Trebuchet MS'; 
margin:0px 0px 0px 10px; 
padding:0px; 
color:#CCCCCC;
}
.footinner_right
{
float:right; 
font:12px/1.0em 'Trebuchet MS'; 
margin:0px 10px 0px 0px; 
padding:0px; 
color:#CCCCCC;
}

.footinner_right a
{
font:12px/1.0em 'Trebuchet MS'; 
padding:0px; 
color:#CCCCCC;
text-decoration:none;
}
.footinner_right a:hover
{
color:#fa5d0e;
}

.clerBoth{ clear:both;}/*------------------end change css -------------------*/

/*-------------------------------  Hydraulic Hose page css ------------------------------*/

.view_butt
{
width:80px;
height:30px;
background-color:#333333;
border-radius:3px;
float:right;
font:normal 18px/1.7em "Trebuchet MS";
display:block;
}
.view_butt a
{ text-decoration:none;
font:normal 18px/1.7em "Trebuchet MS";
text-indent:22px;
color:#FFFFFF; margin:0px;
padding:0px; display:block;}

.view_butt a:hover
{ 
background-color:#e77b18;
color:#000000;
border-radius:3px;
width:80px;
height:30px;

}

/*------------------------------- Belts page css ------------------------------*/

.innbelt_product_alldiv
{
width:980px;
float:left;
}
.inner_boxd
{
width:232px;
min-height:250px; 
float:left;  
margin:0px 10px 10px 0px; 
padding:0px 0px 10px 0px;
border:#CCCCCC solid 1px;
}
.inner_boxd img
{ 
width:210px;
height:180px;
border:none;
float:none;
}



.inner_boxd1
{
width:223px;
min-height:250px; 
float:left;  
margin:0px 10px 10px 0px; 
padding:0px 0px 10px 10px;
border:#CCCCCC solid 1px;
}
.inner_boxd1 img
{ 
border:none;
}

.name
{ 
width:230px;
height:25px;
float:left;
text-align:center;
}
.name a{ 
text-decoration:none; 
font:bold 15px "Trebuchet MS";
color:#333333; 
}
.name a:hover
{  
color: #999;
}



/*.product_det
{
width:150px;
border:1px solid  #e77b18;
float:left;
font:normal 17px/1.7em "Trebuchet MS";
display:block;
margin-left:35px;
}
.product_det a
{ text-decoration:none;
font:normal 18px/1.3em "Trebuchet MS";
text-indent:19px;
color:#333; margin:0px;
padding:0px; display:block;}

.product_det a:hover
{ 
color:#ee5c00;
width:150px;
}*/

.product_det_container{ width:232px; text-align:center;}
.product_det{border:1px solid #e77b18; text-align:center; font:normal 15px/1.7em "Trebuchet MS"; color:#333; padding:0px 5px 0px 5px;}
a.product_det:link {text-decoration: none;}
a.product_det:visited {text-decoration: none;}
a.product_det:hover {text-decoration:none; color:#ee5c00;}
.prodiconimg
{
width:30px;
height:30px;
float:left;
margin:0px;
display:block;
}

/*------------------------- Download page css -----------------------=*/

.download_inner
{
width:980px;
float:left;
margin:0px;
padding:0px 0px 10px 0px;
}

.download_inner h2
{
width:970px;
height:30px;
margin:0px 0px 10px 0px;
background:url(../images/sub_heading.jpg) repeat-x;
border:#e5e5e5 1px solid;
font:normal 15px/1.8em "Trebuchet MS";
text-indent:15px;
color:#333333;
}
.inner_alld
{
width:960px;
padding:10px 0px 10px 0px;
border-bottom:#ccc 1px solid;
margin:0px;
float:left;
}
.innerdiv
{
width:200px;
float:left; 
margin:10px 10px 0px 20px; 
font: 14px "Trebuchet MS";
}

.atag a{ text-decoration:none; color:#FF0000; font:bold 16px "Trebuchet MS"; display:block;}
.atag a:hover{ text-decoration: underline; color:#000; font:bold 16px "Trebuchet MS";}

.innerdiv_down_btn a
{
width:200px;
float:left; 
background:url(../images/download_btn1.png) no-repeat left top;
font: normal 17px/3.5em "Trebuchet MS" ;
color:#fa5a0b;
height:63px;
text-indent:65px; text-decoration:none;

}

.innerdiv_down_btn a:hover
{
color:#111;
}



/*----------------------------- Careers page css ------------------------------*/

.careers_inner
{
width:970px;
float:left;
margin:0px;
padding:0px 0px 20px 0px;
border-bottom:#CCCCCC  solid 1px;
}
.careers_inner h2
{
font: bold 27px/1.6em "Trebuchet MS";
color:#333333;
margin:0px;
}

.careers_inner h3
{
font: bold 17px/1.9em "Trebuchet MS";
color:#ea8116;
margin:0px;
}

.careers_inner h4
{
font: normal 17px/1.9em "Trebuchet MS";
color:#999;
margin:0px;
}

.careers_inner p
{
font: normal 14px/1.9em "Trebuchet MS";
color:#333;
margin:0px;
}
.careers_inner span
{
font:bold 15px "Trebuchet MS";
margin:0px;
padding:0px;
color:#000;
}

.apply_view_btn
{
width:120px;
height:30px;
background-color:#333333;
border-radius:3px;
float:right;
font:normal 15px/1.9em "Trebuchet MS";
display:block;
}
.apply_view_btn a
{ 
text-decoration:none;
font:normal 15px/1.9em "Trebuchet MS";
text-indent:15px;
color:#FFFFFF; margin:0px;
padding:0px; display:block;}

.apply_view_btn a:hover
{ 
background-color:#e77b18;
color:#000000;
border-radius:3px;
width:120px;
height:30px;

}


/*------------------product detail page css ----------------------*/

.product_detail_right
{ width:250px;
margin:0px;
float:left;
color:#333333;
font:normal 13px "Trebuchet MS";
/*background-color:#00FF00;*/
}


.product_detail
{ width:600px;
margin:0px;
float:left;
color:#333333;
font:normal 13px "Trebuchet MS";
/*background-color:#00FF00;*/
}
.product_detail h4
{
margin:0px;
font:bold 20px/1.2em "Trebuchet MS";
padding:0px;
}
.product_detail span
{ width:840px;
margin:0px;
float:left;
display:block;
}
.product_detail img
{/* width:210px;
height:180px;*/ max-width:600px;
border:none;}
