/* tableless styles */

* {
padding: 0;
margin: 0;
}

body { 
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
behavior: url(csshover.htc); /* calls .htc for IE browsers */
background-image:url(images/bg_diamond.gif);
}

/* set the containing div, fixed, centered
#main { 
width:760px;
margin:0 auto;
} */

/* set the containing div and center it */
#main {
width: 760px;
/* include the IE5.x/Win box model hack   */
\width: 780px;
w\idth: 760px;
margin: 10px;
margin-left: auto;
margin-right: auto;

}


/* set the header div */
#header {
padding: 0px;
margin-bottom: 10px;
text-align: center;
}

/* set the content div */
#content {
vertical-align: top;
}

#bg_nav {
background: url(images/bg_nav.gif) no-repeat; 
}

#bg_blank {
background: url(images/spacer.gif) no-repeat; 
}

#chat {
left-padding: 20px;}

/* set the navigation div */
#navigation {
float: left;
width: 140px;
/* include the IE5.x/Win box model hack */
\width: 150px;
w\idth: 140px;
padding: 0px 10px 0px 10px;
background: url(images/bg_nav.gif) no-repeat;
vertical-align: top;

}

#nav_home {
float: left;
width: 140px;
/* include the IE5.x/Win box model hack */
\width: 150px;
w\idth: 140px;
padding: 0px 10px 0px 10px;
background: url(images/bg_nav_home.gif) no-repeat; 
vertical-align: top;
height: 260px;
}

#recruiting {
background: url(images/pop_recruiting.jpg) no-repeat; 
height: 188px;
}

#truck {
float: left;
}

#bar {
width: 600px;
height: 10px;
}

#bg_int {
float: left;
margin: 0px 0px 0px 0px;
vertical-align: top;
padding: 10px 10px 10px 10px;
background: #FFFFFF; 
width: 580px;
}

#int {
vertical-align: top;
padding: 0px 0px 20px 0px;
background: url(images/bg_truck.jpg) no-repeat top right #E4E4E4; 
/* height: 400px; */
}

#int_nav {
vertical-align: top;
text-align: right;
padding: 5px 10px 0px 0px;
}

#int_copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
padding: 10px 10px 10px 10px;
line-height: 18px;
}

/* bio photo and caption, image border  */
.bio {
border: 1px solid #20459c;
}

.bio_term {
float: left;
border: 1px solid #20459c;
margin: 0px 10px 10px 0px;
}

.bio_thm {
float: left;
text-align: center;
font-size: 11px;
margin: 0px 25px 10px 5px;
line-height: 13px;
}

.border {
float: right;
border: 1px solid #20459c;
margin: 0px 0px 20px 10px;
}

.map {
border: 1px solid #20459c;
}

.border_cen {
float: center;
border: 1px solid #20459c;
}

#bg_pop {
background: url(images/bg_pop.jpg) no-repeat #E4E4E4; 
width: 720px;
height: 148px;
vertical-align: top;
padding: 20px 20px 20px 20px;
}

#pop_01 {
float: left;
width: 260px;
height: 148px;
margin: 0px 0px 0px 0px;
background: url(images/bg_pop_01.gif) no-repeat; 
vertical-align: top;
}

#pop_02 {
float: left;
width: 220px;
height: 148px;
margin: 0px 0px 0px 10px;
background: url(images/bg_pop_02.gif) no-repeat; 
vertical-align: top;
}

#pop_03 {
float: left;
width: 220px;
height: 148px;
margin: 0px 0px 0px 10px;
background: url(images/bg_pop_03.gif) no-repeat; 
vertical-align: top;
}

#pop_copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
padding: 30px 25px 10px 10px;
}

#pop_copy_wd {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
padding: 30px 25px 10px 10px;
}


#bg_hdr {
vertical-align: top;
height: 20px;
background: url(images/bg_mini.gif) no-repeat top right #E4E4E4; 
}

#copy {
padding: 10px 10px 10px 20px;
}

/* set the footer div */
#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: 400;
color: #FFFFFF;
text-align: center;
padding: 4px 0px 4px 0px;
margin: 10px 0px 0px 0px;
background-color: #000000;
clear: both;
}

/* unordered list - regular */
ul.reg {
padding-left: 15px;
display: block;
margin: 0px 5px 5px 5px;
} 

/* dropdown navigation for left menu */
ul.menu {
list-style: none;
width: 117px;
}

ul.menu a {
color: #000000;
font-size: 10px;
text-decoration: none;
display: block;
padding: 3px 3px 3px 10px;
width: 117px;
background: #E4E4E4;
}
		
ul.menu a:hover {
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
background-image:url(images/bg_nav_on.gif);
/* background: #CCCCCC; */
}
			
ul.menu li {
border-bottom: 1px solid #8a8a8a;
float: left;
position: relative;
}
			
ul.menu li ul {
list-style: none;
position: absolute;
left: 130px;
top: 0;
display: none;
width: 130px;
border-left: 1px solid #FFF;
}
		
ul.menu li:hover ul { display: block; }
		
ul.menu li:hover ul li ul { display: none; }
			
ul.menu li ul li:hover ul { display: block; }


li a.submenu { background:url(images/nav_on2.gif) right no-repeat; }


ul.padding {
padding-left: 15px;
margin: 10px;
list-style-type: decimal;
display: block;
} 

/* ordered list (<ol> used at <ul> */
ol {
padding-left: 15px;
margin: 5px 5px 5px 5px;
list-style-type: disc;
display: block;
} 

#truck_ico {
margin: 50px 0px 0px 0px;
padding: 3px 0px 0px 10px;
}

.truck_ico_pos {
float: right;
margin-bottom: 5px;
}

#truck_ico li {
display:inline;
background:none;
margin:0;
padding-left:5px;
border:none;
}

#truck_ico a:link, #truck_ico a:visited {
font-size: 10px;
color: #20459c;
text-decoration: none;
}

#truck_ico a:hover, #truck_ico a:active {
font-size: 10px;
color: #a10000;
text-decoration: underline;
}

.icon {
padding:.7em 0 .7em 30px;
background:url(images/ico_photo.gif) no-repeat;
}

ul li.icon {
padding:.2em 0 .2em 20px;
}

.photo { background-image:url(images/ico_photo.gif); } 
.info { background-image:url(images/ico_info.gif); } 

/* sales setting styles */

.sales_hd {
border-bottom: 3px solid #20459c;
padding: 2px 2px 2px 2px;
}

.sales_output {
background: url(images/bg_whi.gif) top repeat-x;
padding: 4px 4px 4px 4px;
/*border-bottom: 5px solid #999999; */
}

.truck_desc_hd {
float: left;
width: 250px;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
color: #20459c;
}

.truck_price_hd {
float: left;
width: 100px;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
color: #20459c;
}

.truck_loc_hd {
float: right;
width: 100px;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
color: #20459c;
}

.truck_desc {
float: left;
width: 250px;
padding-left: 10px;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
color: #000000;
}

.truck_price {
float: left;
width: 100px;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
color: #CC0000;
}

.truck_loc {
float: right;
width: 100px;
margin-right: 20px;
font-size: 11px;
font-weight: 700;
color: #000000;
}

.truck_bdr {
float: left;
border:  1px solid #20459c;
padding: 2px 2px 2px 2px;
margin-right: 20px;
}

a.truck_link, a.truck_link:visited, a.truck_link:active  { 
font-size: 11px;
font-family: Arial,Helvetica,san-serif;
font-weight: 700;
color: #000000;
text-decoration: underline;
}

a.truck_link:hover	{
font-size: 11px;
font-family: Arial,Helvetica,san-serif;
font-weight: 700;
color: #20459c;
text-decoration: underline;
}

.truck_col_hd {
float: left;
margin: 0px 20px 0px 10px;
font-weight: 700;
}


.truck_col_01 {
float: left;
width: 140px;
margin: 0px 20px 0px 0px;
}

.truck_col_02 {
float: left;
width: 175px;
}

.line {
color: #20459c;
border-top: 1px solid #20459c;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}
           
/* define background cell color */

.bg_gry1  { background: #666666;}
.bg_gry2  { background: #999999;}
.bg_gry3  { background: #EFEFEF;}
.bg_yel   { background: #FFD457;}
.bg_whi   { background: #FFFFFF;}
.bg_blk   { background: #000000;}

.bg_red   { 
background: #ff2925;
font-size: 11px;
font-weight: 700;
color: #FFFFFF;
height: 19px;
padding-left: 10px;
}

/* general formatting and styles */

.formlabel {
font-size: 10px;
font-weight: 700;
color: #000000;
padding-top: 10px;
}

.formhigh {
font-size: 10px;
font-weight: 700;
color: #000000;
padding-top: 10px;
background: #CCCCCC;
}

.formtext {
font-size: 11px;
font-weight: 400;
color: #000000;
}

.formfield {
font-size: 11px;
font-weight: 400;
color: #000000;
border: 1px solid #666666;
}

.formbtn {
font-size: 10px;
font-weight: 400;
color: #000000;
}


.copybold {
font-size: 12px;
font-weight: 700;
color: #20459c;
}

.copybold_line {
font-size: 12px;
font-weight: 700;
color: #20459c;
border-bottom: 1px solid #20459c;
}

.copybold_blk {
font-size: 13px;
font-weight: 700;
color: #000000;
}

.para {
padding: 10px 10px 0px 10px;
}

.loc {
border: 1px solid #000000;
}

.clearboth { clear: both; }

.noborder_rt {
float: right;
margin: 0 0 10px 10px;
padding: 5px;
}

.floatright {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #000000;
padding: 5px;
background-color: #fff;
}

.floatleft {
float: left;
margin: 0 10px 10px 0px;
border: 1px solid #000000;
padding: 5px;
background-color: #fff;
}

/* image with caption */
 .float_lt {
float: left;
width: 202px;
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #000000;
font-size: 9px;
}

 .float_rt {
float: right;
width: 202px;
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #000000;
font-size: 9px;
}

.emp_col {
float: left;
width: 250px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.emp_col2 {
float: left;
width: 300px;
margin: 0px 10px 10px 0px;
}


.driver {
text-align: right;
}


/* tool tip styles */

#dhtmltooltip {
position: absolute;
width: 150px;
border: 1px solid black;

font-family: Arial; 
color: #666666; 
font-weight: 400; 
font-size: 11px;
background-color: #EFEFEF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

.dhtml_hd {
font-family: Arial; 
color: #FFFFFF; 
font-weight: 700; 
font-size: 11px;
background: #20459c;
padding: 2px 5px 2px 5px;
display: block;
}

.dhtml_text {
font-family: Arial; 
color: #000000; 
font-weight: 400; 
font-size: 11px;
padding: 2px 5px 2px 5px;
display: block;
line-height: 13px;
}

/* anchors */

a.nav { 
font-size: 10px;
font-family: Arial,Helvetica,san-serif;
font-weight: 400;
color: #000000;
text-decoration: none;

}

a.nav:visited {
font-size: 10px;
font-family: Arial,Helvetica,san-serif;
font-weight: 400;
color: #000000;
text-decoration: none;
}

a.nav:active {
font-size: 10px;
font-family: Arial,Helvetica,san-serif;
font-weight: 400;
color: #000000;
text-decoration: none;
}

a.nav:hover	{
font-size: 10px;
font-family: Arial,Helvetica,san-serif;
font-weight: 400;
color: #FFFFFF;
text-decoration: none;
}

a { 
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 400;	
color: #20459c;
text-decoration: underline;
}

a:visited { 
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 400;	
color: #20459c;
text-decoration: underline;
}

a:active { 
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 400;	
color: #20459c;
text-decoration: underline;
}

a:hover {
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 400;	
color: #a10000;
text-decoration: underline;
}