/* Truck Transmissions CSS Document */

* {margin: 0px; padding: 0px;}

body {font: 69% verdana, arial, helvetica, sans-serif; line-height: 1.4em;
text-align: center; color: #444; background: #fff url(body_bg.png) 0 0 repeat-x;}
html {min-height: 100%; margin-bottom: 1px;}
h1, h2, h3, h4 {text-transform: uppercase; color: #777;}
h2, h3 {font-size: 1.2em;}
p, h3 {margin-bottom: 3px;}
span {display: none;}
a, a:visited {color: #aa0000; text-decoration: none;}
a:hover {color: #aa0000; border-bottom: #aa0000 1px solid;}

#container {width: 765px; margin: 0px auto; text-align: left;}

#header {width: 765px; height: 110px;background: #fff url(body_bg.png) 50% 0 repeat-x;}

#logo {width: 339px; height: 70px; float: left; margin-top: 35px;
background:transparent url(tt_logo.png) 100% 100% no-repeat;}
#logo span {display: none;}

/*main_nav*/
#nav {width: 426px; height: 105px; float: right; background: url(nav_bg.png) 100% 100% no-repeat;}
#nav ul {list-style-type: none;}
#nav ul li {float: left;}
#nav span {display:none;}
#nav a {display: block; height: 30px; padding: 0px;}
#nav a.nav_home {width: 57px; background: url(nav_home.png) no-repeat left top;}
#nav a.nav_profile {width: 159px; background:url(nav_profile.png) no-repeat left top;}
#nav a.nav_services {width: 83px; background: url(nav_services.png) no-repeat left top;}
#nav a.nav_faq {width: 41px; background: url(nav_faq.png) no-repeat left top;}
#nav a.nav_contact {width: 86px; background: url(nav_contact.png) no-repeat left top;}
#nav a:hover {background-position:left bottom; border: none;}
#nav a.nav_active {background-position:left bottom; cursor:auto;}
#nav a:active, a:focus {border: none; outline:0; overflow: hidden;}

#home_pic {width: 588px; height: 194px; float: left;}
#home_pic span {display: none;}

#home_two {width: 170px; float: right; padding-bottom: 73px;}
#home_two h2 {background: url(h2_home_welcome.gif) 0 0 no-repeat; width: 170px; height: 37px;}
#home_two h2.overview {background: url(h2_home_overview.gif) 0 0 no-repeat; width: 170px; height: 37px; margin-top: 20px;}
#home_two h3 {color: #aa0000; line-height: 135%; height: 136px;}

#home_two ul, #home_five ul {list-style-type: none;}
#home_two ul li, #home_five ul li {border-bottom: #ddd 1px solid; padding: 3px 0px 3px 0px;}

#home_three {width: 170px; float: left; margin-right: 28px; padding-bottom: 50px;}
#home_three h2 {background: url(h2_home_latestnews.gif) 0 0 no-repeat; width: 170px; height: 37px;}

#home_four {width: 170px; float: left; margin-right: 28px; background: url(home_four_logos.gif) 50% 95% no-repeat; padding-bottom: 200px;}
#home_four h2 {background: url(h2_home_rapidcollection.gif) 0 0 no-repeat; width: 170px; height: 37px;}

#home_five {width: 170px; float: left; margin-right: 20px; background: url(home_five_logos.gif) 50% 95% no-repeat; padding-bottom: 141px;}
#home_five h2 {background: url(h2_home_clients.gif) 0 0 no-repeat; width: 170px; height: 37px;}

#content {width: 545px; margin: 0px 0px 10px 0px; float: right; padding-bottom: 80px;}
.content_services_facilities {background: url(services_facilities_bg.gif) 100% 100% no-repeat;}
.content_services_transmissions {background: url(services_transmissions_bg.gif) 100% 100% no-repeat;}
.content_services_consultancy {background: url(services_consultancy_bg.jpg) 100% 100% no-repeat;}
.content_services_rapidrelay {background: url(services_rapidrelay_bg.jpg) 100% 50% no-repeat;}
.content_services_clutch {background: url(services_clutch_bg.jpg) 100% 100% no-repeat; padding-bottom: 95px;}


#content p {margin: 5px;}
#content .half_width {width: 250px;}
#content .three_quarters_width {width: 390px;}
#content h2 {width: 545px; height: 37px;}
#content h2.profile {background: url(h2_profile_company.gif) 0 0 no-repeat;}
#content h2.profile_team {background: url(h2_profile_team.gif) 0 0 no-repeat;}
#content h2.services {background: url(h2_services_overview.gif) 0 0 no-repeat;}
#content h2.services_facilities {background: url(h2_services_facilities.gif) 0 0 no-repeat;}
#content h2.services_transmissions {background: url(h2_services_transmissions.gif) 0 0 no-repeat;}
#content h2.services_consultancy {background: url(h2_services_consultancy.gif) 0 0 no-repeat;}
#content h2.services_rapidrelay {background: url(h2_services_rapidrelay.gif) 0 0 no-repeat;}
#content h2.services_clutch {background: url(h2_services_clutch.gif) 0 0 no-repeat;}
#content h2.services_warranty {background: url(h2_services_warranty.gif) 0 0 no-repeat;}
#content h2.faq {background: url(h2_faq.gif) 0 0 no-repeat;}
#content h2.faq_news {background: url(h2_faq_news.gif) 0 0 no-repeat;}
#content h2.contact {background: url(h2_contact.gif) 0 0 no-repeat;}
#content h2.contact_map {background: url(h2_contact_map.gif) 0 0 no-repeat;}
#content h2.contact_subscribe {background: url(h2_contact_subscribe.gif) 0 0 no-repeat;}
#content h2.contact_thanks {background: url(h2_contact_thanks.gif) 0 0 no-repeat;}

#content h3 {margin-left: 5px; text-transform: none; color: #aa0000; font-size: 1em;}

#content p.quote_left {width: 200px; margin: 5px; float: left; background: #eee url(profile_quote.gif) 3px 3px no-repeat; display: block; padding: 20px; border: #888 1px solid;}
#content p.quote_right {width: 200px; margin: 5px; float: right; background: #eee url(profile_quote.gif) 3px 3px no-repeat; display: block; padding: 20px; border: #888 1px solid;}

#content ul {list-style-type: none; padding-left: 5px; margin: 10px 0px 10px 0px;}
#content ul li { background: url(content_bullet.gif) 0 3px no-repeat; padding-left: 15px; margin: 5px;}

#sidebar {width: 180px; float: left; margin-bottom: 10px;}
#sidebar p.key {height: 260px; width: 180px; margin-top: 10px; background: url(sidebar_key.gif) 0% 0% no-repeat;}
#sidebar p.support {background: url(sidebar_support.gif) 0% 0% no-repeat; margin-top: 10px; height: 78px;}
#sidebar p.address {font-weight: bold; text-align: center; margin-top: 20px; color: #aa0000;}

#sidebar ul {list-style-type: none; text-transform: uppercase; background: url(sidebar_bg.png) 0 100% no-repeat; padding-bottom: 15px;}
#sidebar ul li a {display: block; width: 155px; height: 25px; padding-left: 25px; padding-top: 5px;
background: url(sidebar_li_bg.png) 0 0 no-repeat; color: #444; font-weight: bold;}
#sidebar ul li a.top {display: block; width: 155px; height: 25px; padding-left: 25px; padding-top: 20px;
background: url(sidebar_li_bg_top.png) 0 0 no-repeat;}
#sidebar ul li a:hover, #sidebar ul li a.active {background-position: left bottom; border-bottom: none; color: #aa0000;}
#sidebar ul li.map_form {padding: 0px 10px 0px 10px; width: 160px; font-weight: bold;}

.toggler{
	width: 100%;
	margin-top: 10px;
	display: block;
	cursor: pointer; 
	font-weight: bold;
}
a.toggler:hover {border: none; color: #fff; background: #aa0000;}
a.toggler:active, a.toggler:focus {border: 0px; outline:0; overflow: hidden; color: #000; }
.accContent{
	background: #fff;
}

form {margin-top: 15px;}
label {margin: 0px 0px 10px 0px; text-align:right; float:left; font: 8pt verdana, arial, sans-serif; text-transform:uppercase; 
width: 120px;clear: both; border-top: solid 1px #bbb; border-left: solid 1px #bbb; border-bottom: solid 1px #bbb; padding-right: 5px;}

fieldset {margin: 0px auto; border:solid 0 #fff; width:440px;}
legend span {display: none;}
select {font: 10pt arial, sans-serif; width: 200px; margin: 0px; float: left; border-top: #e4e4e4 1px solid; 
border-bottom: #e4e4e4 1px solid; border-left: #fff 0px solid; border-right: #fff 0px solid;}
checkbox, checkboxAreaChecked, checkboxAreaUnchecked, .checkbox {float: left; width: 15px; margin: 0px 0px 10px 0px; 
height: 15px; width: 16px; border: #e4e4e4 1px solid;}
.br {display:none;}  
.textfield {float: left; margin: 0px 0px 10px 0px; padding: 2px 5px 0px 5px; font: 10pt arial, sans-serif; color:#333; 
height: 18px; border:solid 1px #bbb; background: #fff; width:290px; voice-family: "\"}\""; voice-family:inherit;}
fieldset>input.textfield {background: #fff;}
textarea {float: left; margin: 0px; padding: 2px 5px 0px 5px; font: 10pt arial, sans-serif; color:#333; height:88px;
border:solid 1px #bbb; background: #fff; width:290px; voice-family: "\"}\""; voice-family:inherit;}
fieldset>textarea {background: #fff;}
.button1 {font: 8pt verdana, arial, sans-serif; margin:10px 0px 0px 180px; height:22px; padding: 0px; border:#999 1px solid; 
width:80px; color:#666;text-transform:uppercase; float: left;}
.button2 {font: 8pt verdana, arial, sans-serif; margin:10px 0px 0px 10px; height:22px; padding: 0px; border:#999 1px solid; 
width:80px; color:#666;text-transform:uppercase; float: left;}
/*for sidebar directions bit*/
form.sidebar_form {margin: 20px 0px 20px 0px; border: #aa0000 1px solid; width: 150px; padding: 15px;}
.directions {width: 100px; border: #bbb 1px solid; padding: 0px; margin: 10px 0px 0px 25px; background: #fff;}
.button3 {font: bold 8pt verdana, arial, sans-serif; margin:10px 0px 0px 35px; height:22px; padding: 0px; 
border:#bbb 1px solid; width:80px; color:#aa0000;text-transform:uppercase; background: #fff;}
.button3:hover {background: #fff;}

#tt_map {width: 545px; height: 400px; margin: 20px 0px 20px 0px; border: #888 1px solid;}

#footer {width: 100%; height: 50px; background: #ddd url(footer_bg.png) 0 0 repeat-x; clear: both; padding-bottom: 10px;}
#footer p {color: #444; margin: 0px auto; padding-top: 15px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold;}
#footer p.footerdetails {color: #888; padding: 0px;}
#footer a {color: #888; border: none;}

#email {width: 645px; margin: 0px auto;}
#email a {border: none;}
#email a:hover {border: none; background: #aa0000; color: #fff;}
#email h3 {color: #aa0000; margin-top: 10px; border-bottom: #aa0000 1px solid;}
#email h4 {color: #aa0000; margin-top: 15px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: #aa0000 1px solid;}