﻿/*reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
/*base*/
/*
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
*/

th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin:1em 0;}

/*fonts*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}


/* setup ============================================= */
h1,h2,h3,h4,h5,h6{
	color:#464542;}

h1.home{
	border-bottom:1px solid #74736f;}

a{
	color:#eaa315}
a:link, a:visited{
	text-decoration:none;}
a:hover, a:active{
	text-decoration:underline;}

h1 a{
	color:#464542;}

.clear{
	clear:both;
	height:0px;}

#pageWrap{
	width:950px;
	margin:0 auto;}

#pageBG{
	background-color:#f5f5f5;
	border:1px solid #f1dc71;}
#pageContent{
/*	padding:0 20px;*/}

/* Navigation ============================================= */
#navMain{
	background-color:#eaa315;
    height:24px;}
#navMain ul{
	margin:0;
	padding:0;}
#navMain ul li{
	float:left;
	list-style:none;}
.navBtn, .navBtn:visited {
	height:24px;
	position:relative !important;}

#navHome, #navHomeBtn, #navHomeBtn:visited {
	width:86px;}
#navConstruction, #navConstructionBtn, #navConstructionBtn:visited {
	width:137px;}
#navTruck, #navTruckBtn, #navTruckBtn:visited {
	width:89px;}
#navTrailer, #navTrailerBtn, #navTrailerBtn:visited {
	width:93px;}
#navOther, #navOtherBtn, #navOtherBtn:visited {
	width:84px;}
	
.navBtn span, .navBtn:visited span {
	display:block;
	height:24px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;}
	
#navHome span, #navHome:visited span {
	background-image:url(/img/navHome.gif);
	width:86px;}
#navConstruction span, #navConstruction:visited span {
	background-image:url(/img/navConstruction.gif);
	width:137px;}
#navTruck span, #navTruck:visited span {
	background-image:url(/img/navTrucks.gif);
	width:89px;}
#navTrailer span, #navTrailer:visited span {
	background-image:url(/img/navTrailers.gif);
	width:93px;}
#navOther span, #navOther:visited span {
	background-image:url(/img/navOther.gif);
	width:84px;}
	
.navBtn span, .navBtn:visited span {
	background-position:0 0;}
.navBtn:hover span, .navBtn:focus span, .navBtn:visited:hover span, .navBtn.udmR span, .navBtn.udmR:visited span, .navBtn:active span {
	background-position:0 -24px;}

#subNav{
	margin:20px 0;}

/* Home page Panels ============================================= */
#panelConst{
	padding: 0 19px;}
#panelTruck{
	padding:0 19px;}
#panelTrail{
	padding:0 19px;}
#panelOther{
	padding-left:19px;}
/*.panelList{
	margin:0;
	padding:0;
	line-height:2em;}
.panelList li{
	list-style:none;}


/* footer ============================================= */
#footer{
	color:#ffffff;
	background-color:#eaa315;
	border:1px solid #eaa315;
	margin-top:100px;
	padding:0 10px;
	font-size:93%;}

#third{
	padding:50px 0 20px 0;
	text-align:center;}
#third a{
	color:#f5d18a;}
#third a:link, #third a:visited{
	text-decoration:none;}
#third a:hover, #third a:active{
	text-decoration:underline;}


/* detail page ============================================= */
#images{
	width:570px;
	float:left;}
#images img{
	border:1px solid #000000;
	border-collapse:collapse;}
#imageList{
	margin:0;
	padding:0;}
#imageList li{
	float:left;
	list-style:none;
	padding:5px 5px 0px 0px;
	margin:0;}
#imageList li:hover{
	cursor:pointer;}

#info{
	width:380px;
/*	float:right;*/}
#info table{
	margin:0;
	padding:0;
	border:0;}
#info table td{
	border:0;}

h1.specifications{
	color:#FFFFFF;
	background-color:#74736f;
	padding:10px;
	margin-top:0;}
h2.detailSub{
	color:#FFFFFF;
	background-color:#eaa315;
	padding:5px;}

#detailEmail textarea{
	width:220px;
	height:100px;}
#detailEmail input.styled{
	width:220px;}

#pdf{
	background-color:#faf6de;
	border:1px solid #74736f;
	margin:20px 0;}
#pdf img{
	vertical-align:middle;
	margin-right:5px;}
#pdf a{
	display:block;
	height:32px;
	padding:5px;
	font-size:116%;}
#pdf a:link, #pdf a:visited{
	text-decoration:none;
	background-color:#faf6de;
	color:#333333;}
#pdf a:hover, #pdf a:active{
	text-decoration:none;
	background-color:#eaa315;
	color:#FFFFFF;}
#pdf a:link img, #pdf a:visited img{
	border:1px solid #ffffff;}
#pdf a:hover img, #pdf a:active img{
	border:1px solid #ffffff;}
	

/* pdf ============================================= */
h1.detail{
	background-color:#74736f;
	padding:20px;
	font-size:197%;
	color:#FFFFFF;}
h2.detail{
	font-size:167%;}
