/*
  Author: Amal Krishna Bakali 
  Date: January 22, 2008
  Title: Tran Tech.    
====================================
*/
body{
  font-family:Verdana, Arial, "Trebuchet MS",Georgia, Lucida, Helvetica, sans-serif;;
  text-align:center;
  background:#333;
  color:#000;
  font-size:12px;
}
*{
  padding:0;  margin:0; border:0;
}
ul,ol,li{
  list-style:none;
} 
a{
  color:#D7D7D7;
  text-decoration:none;
}
a:hover,.boxcontent p a{
  color:#aaa;
  text-decoration:underline;
}
.hide,
h1 b,
h2 b,
h3 b,
a i
{
     position: absolute;
     left: -9999px;
}

/*------------------------------Page Structure
*/
#wrap{
  margin:0 auto;
  width:1000px;
  text-align:left;
  background:#000;
}
/*-----------------------Header
*/
#hdr{
  width:1000px;
  background:url(images/banner.gif) no-repeat;
  height:190px;
}
#hdr h1{
  width:261px;  height:155px;
  float:left;
}
#hdr h1 a{
  display:block;
  margin:30px 0 0 20px;
  width:100%; height:100%;  
  background:url(images/logo.gif) no-repeat;
}

/*-----------------------Navigation
*/
.nav{
  width:663px;
  display:block;
  float:right;
  margin:155px 18px 0 0;
  
}
/*\*/
* html .nav{
  margin-right:9px;
}
.nav a{
  text-decoration:none;
}
.nav a:hover{
  text-decoration:none;
}
/**/
.nav li{
  display:block;
  float:left;
}
#aboutus,#products,#parts,#dealers,#contactus{
  display:block;
  float:left;
  height:35px;
}
#aboutus{
  background:url(images/aboutUs.gif)  no-repeat;
  width:125px;
}
#aboutus:hover{
  background:url(images/aboutUs.gif) no-repeat 0 -35px;
}
#products{
  background:url(images/products.gif) no-repeat;
  width:116px;
}
#products:hover{
  background:url(images/products.gif) no-repeat 0 -35px;
}
#parts{
  background:url(images/parts.gif) no-repeat;
  width:178px;
}
#parts:hover{
  background:url(images/parts.gif) no-repeat 0 -35px;
}
#dealers{
  background:url(images/dealers.gif) no-repeat;
  width:111px;
}
#dealers:hover{
  background:url(images/dealers.gif) no-repeat 0 -35px;
}
#contactus{
  background:url(images/contactUs.gif) no-repeat;
  width:133px;
}
#contactus:hover{
  background:url(images/contactUs.gif) no-repeat 0 -35px;
}
/*-----------------------Submenu
*/
.nav li{
  position:relative;
  display:block;
  float:left;
}
#submenu a.selected{
  background:url(images/aboutUs.gif) no-repeat 0 -35px;
}
.nav li a:hover{
  background:#343434;
  text-decoration:none;
  color:#fff;
}
.nav li ul,.nav li ul li ul{
  position:absolute;
  top:1em;
  left:0;
  width:135px;
  background:#636363;
  visibility:hidden;
}
.nav li ul li ul{
  top:0;
}
.nav li ul li,.nav li ul li ul li{
  display:block;
  width:135px;
  background:none;
  border-bottom:1px solid #828282;
}
.nav li ul li a,.nav li ul li ul li a{
  display:block;
  background:none; !important
  line-height:32px;
  padding:8px 2px 8px 15px;
  text-decoration:none;
  font-size:12px;
  color:#fff;
}
.nav ul li ul li a:hover,.nav li ul li ul li a:hover{
  background:none; !important
  text-decoration:none;
  background:#343434;
}
.nav .subfoldericon{
}
/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
/* End */
/*---------------------- Main Body
*/
#main{
  width:984px;
  margin-top:3px;
  margin-left:8px;
}
#mainlft{
  float:left;
  width:400px;
}
#mainrt{
  float:right;
  width:400px;
}
.conarea{
  background:#FFC807 url(images/contopleft.gif) no-repeat;
}
.conarea img{
  float:right;
  margin-left:20px;
}
.conarea .inner{
  width:984px;
  /*background:url(images/vehicle.gif) no-repeat 100% 10px;*/
}
.conarea h2{
  margin-top:20px;
}
.conarea fieldset{
  background:url(images/contentbtm.gif) repeat-x 6px 100%;
  padding:0px 0px 50px 15px;
  overflow:hidden;
}
#welcome{
  background:url(images/hrdWelcome.gif) no-repeat;
  width:170px;  height:17px;  
  margin-bottom:15px;
}
.conarea p{
  text-align:justify;
  margin-bottom:15px;
  line-height:17px;
}
.outer{
  width:984px;
  background:url(images/boxbgY.gif) repeat-y;
}
.boxcontent{
  overflow:hidden;
  width:984px;
  background:url(images/boxbtmcorn.gif) no-repeat left bottom;
  padding-bottom:10px;
  color:#D7D7D7;
}
.boxcontent dd{
  display:block;
  float:left;
}
.conbox1 {
  width:317px;
  margin-right:10px;
  background:url(images/design1.gif) no-repeat 0 43px;
}
.conbox2 {
  width:328px;
  margin-right:10px;
}
.conbox3 {
  width:318px;
}
.conbox1 h3{
  background:url(images/slidetrack.gif) no-repeat;
  width:317px;  height:28px;
  
}
.conbox2 h3{
  background:url(images/companynews.gif) no-repeat;
  width:328px;  height:39px;
}
.conbox3 h3{
  background:url(images/quickcontact.gif) no-repeat;
  width:318px;  height:39px;
}
.conbox1 fieldset{
  width:306px;
  margin-left:5px;
  background:#636363 url(images/innerboxbtm.gif) no-repeat bottom;
  text-align:center;
}
.boxcontent fieldset span{
  display:block;
  width:306px;  height:131px;
  background:url(images/innerboxtop.gif) no-repeat top;
  height:132px;
}

.boxcontent fieldset span img{
  margin-top:10px;
  
}
.conbox2 fieldset{
  width:317px;
  margin-left:5px;
  background:#636363 url(images/listbg.gif) no-repeat bottom;
  height:200px;
}

.conbox3 fieldset{
  width:310px;  height:200px;
  margin-left:5px;
  background:#636363 url(images/pic.gif) no-repeat bottom;
  padding:15px;
  font-size:13px;
  font-weight:bold;
  voice-family:"\"}\"";
  voice-family:inherit;
  width:280px;  height:170px;
}
/*\*/
* html .conbox3 fieldset{
  height:170px;
}
/**/
html>body .conbox3 fieldset{
  width:280px;  height:170px;
}
.conbox3 a{
  color:#FFC807;
  text-decoration:none; 
}
.conbox3 a:hover{
  color:#fff;
}
.boxcontent p{
  height:68px;
  line-height:14px;
  padding:0 10px;
  color:#B4B4B4;
  margin:10px 0 0px 0;
}
.boxcontent p a{
  text-decoration:underline;
  color:#D7D7D7;
}
.boxcontent ul li{
  background:url(images/bullets.gif) no-repeat 0 4px;
  margin:11px;
  padding-left:11px;
}
/*---------------------- Footer */
#ftr{
  width:1000px;
  font-size:11px;
  color:#8B8B8B;
  text-align:right;
  position:relative;
  background:#333333 url(images/footerbg.gif) no-repeat top;
}
.logo{
  z-index:2;
  position:absolute;
  left:0;
  top:13px;
  width:133px;
  height:78px;
  background:url(images/logo2.gif) no-repeat;
}
#ftr p{
  padding:28px 20px 0 0;
  line-height:20px;
}

#ftr a{
  font-size:11px;
  text-decoration:none;
  color:#8B8B8B;
  margin:15px;
}
#ftr .lastitem{
  margin-right:0;
}
#ftr a:hover{
  text-decoration:underline;
}
#directory{
  background:url(images/conDirectory.gif) no-repeat;
  width:140px;  height:25px;
  margin-bottom:15px;
}
.datatable {
  width:950px;
  border:1px solid #FFEC13;
  margin-right:10px;
}
.datatable th{
  border-bottom:1px solid #FFEC13;
  text-align:left;
  padding:0 10px;
  height:24px;
  background:#FFBC07;
}
.datatable td{
  padding:5px 10px;
}

.datatable td a{
  text-decoration:none;
  color:#000;
}
.datatable td a:hover{
  color:#fff;
}
#dealerlist{
  background:url(images/dealerslist.gif) no-repeat;
  width:226px;  height:47px;
  margin:0 0 15px 12px; 
}
#map img{
  display:block;
  float:left;
  margin-left:12px;
}

.spclass fieldset{
  padding-left:0;
}
#hdrproducts{
  background:url(images/productshdr.gif) no-repeat;
}
#hdrproducts{
  background:url(images/productshdr.gif) no-repeat;
}
#facility{  
  background:url(images/facility.gif) no-repeat;
}
#partDepartment{
  background:url(images/partsDepartment.gif) no-repeat;
}
#singlerear{
  background:url(images/singleRear.gif) no-repeat;
}
#dualrear{
  background:url(images/dualRear.jpg) no-repeat;
}
#mediumDuty{
  background:url(images/mediumDuty.gif) no-repeat;
}
#mfsab{
  background:url(images/mfsab.gif) no-repeat;
}
#press{
  background:url(images/press.gif) no-repeat;
}
#aboutushdr{
  background:url(images/aboutushdr.gif) no-repeat;
}
#contactushdr{
  background:url(images/contactushdr.gif) no-repeat;
}
#mfsab,#mediumDuty,#dualrear,#singlerear,#partDepartment,#facility,#hdrproducts,#press,#aboutushdr,#contactushdr{
  height:24px;
  margin-bottom:15px;
  width:300px;
}

/*------------------February 02, 2008*/
.imgholder img{
  float:none;
  text-align:center;
  border:1px solid #fff;
}
.imgborder img{
  border:1px solid #fff;
}
.content{
  padding:0px 20px 20px 20px;
  font-size:13px;
  font-family:Arial, Verdana,  "Trebuchet MS",Georgia, Lucida, Helvetica, sans-serif;;

}
.content h4{
  font-size:14px;
}
.content h4 span{
  font-size:16px;
  font-weight:normal;
}
.content p{
  margin-bottom:13px;
  font-size:12px;
}
.content h3{  
  font-size:14px;
  /*font-weight:normal;*/
  margin-top:20px;
}
.content h1{
  font-size:19px;
  margin:20px 0;
}
.col3view{
  overflow:hidden;
}
.col3view dd{
  display:block;
  width:31%;
  float:left;
  margin:0 10px;
}

/*----------------------authorized dealer---------------------- */
.authorize{
  width:969px;
  background:url(images/contentbtm.gif) repeat-x 6px 100%;
  padding:20px 0px 50px 15px;
}
#authorizeh{
  background:url(images/headingauthorized.gif) no-repeat;
  width:223px;
  height:42px;
  margin:0 0 22px 10px;
}
.finddealers{
  width:938px;
  overflow:hidden;
  border:1px solid #EDA11D;
  padding:55px 0 32px 0;
  margin-left:10px;
  
  
}
.finddealerslft{
  float:left;
  width:245px;
  padding:0 0 0 40px;
}
.finddealerslft p{
  padding-bottom:67px;
  text-align:left;
  
}
.finddealerslft span{
  display:block;
  padding-bottom:15px;
}
.finddealerslft span img{
  text-align:left;
  float:left;
} 
.finddealerslft span a{
  text-decoration:none;
  color:#000000;
  padding-left:10px;
  line-height:30px;
}
.finddealersrht{
  float: left;
  width:603px;
  position:relative;
}
.finddealersrht img{
  padding:0 0 0 0;
  float:left;
  
}
.authorize table{
  width:958px;
}
.authorize table td{
  width:200px;
  border:1px solid #EDA11D;
  padding:0 80px 30px 24px;
  vertical-align:top;
}
.authorize table a{
  color:#000;
  text-decoration:none;
}
.authorize table a:hover{
  text-decoration:none;
}
.authorize table td strong{
  display:block;
  padding:11px 0 20px 0;
  text-transform:uppercase;
}
.authorize table td b{
  display:block;
  text-transform:uppercase;
}

.col2view{
  overflow:hidden;
  text-align:left;
  font-size:13px;
}
.col2view dd{
  display:block;
  width:420px;
  float:left;
  padding:15px;
}
.newimage{
  padding-left:0;
}

.newimage td{
  padding:0;
}
.newimage td img{
  display:block;
  padding:0;
  margin:0 5px;
}


p#presspgst a{
  color:#000000;
  text-decoration:underline;
  font-weight:bold;
}


/*.newadjust td img{
  margin:0 2px;
}*/
/*End of authorized*/