/*
	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;
}
/*.newadjust td img{
	margin:0 2px;
}*/
/*End of authorized*/