/* PAGE LAYOUT CSS */

/**************************/
/* MAIN BODY & PAGE CONTAINER */
/**************************/
body {
text-align: center;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #707176;
background-color: #356563;
background-image: url(../images/bg/bg4.gif);
background-repeat: repeat;
padding-top: 10px;
}

#container {
width: 780px;
margin: 0 auto;
z-index: 0;
position: relative;

}


/************************/
/* HEADER  
/***********************/

#header {

background-image: url(../images/bg/header_bg2.gif);
background-repeat: no-repeat;
height:117px;
width: 780px;
}


.logo {
	float: left;
	position: absolute;
	left: 41px;
	top: 27px;

}

img.logo {
border: none;
}

.topnav {
	float: right;
	position: absolute;
	left: 372px;
	top: 30px;
	width: 375px;
	text-align: right;
	font-size: 80%;
}

.topnav a {
color: #494949;
text-decoration: none;
}

.topnav a:hover {
color: #D67A2D;
text-decoration: none;
}

/*******************************************************/
/* MID-ROW INCLUDING MAIN NAV & HEADER PIC */
/*******************************************************/

#midrow {

background-image: url(../images/bg/midrow_bg.gif);
background-repeat: repeat-y;
width: 780px;
height: 160px;
}

#midrow-content {
	width: 751px;
	position: absolute;
	left: 16px;
	top: 114px;
	
	
}

#main-nav {
	position: absolute;
	float: left;	
	width: 202px;
	left: -1px;
	top: 1px;
	z-index: 999;
	
	
}

#main-nav ul {
list-style: none;
}

#truck {
	position: absolute;
	float: right;
	width: 538px;
	z-index: 0;
	left: 216px;
	top: 0px;
	
	
}

.truckpic3 {
float: left;
background-image: url(../images/bg/truck_03.jpg);
height: 210px;
width: 188px;
}

.truckpic2 {
float: left;
background-image: url(../images/bg/truck_02.jpg);
height: 210px;
width: 169px;
}

.truckpic1 {
float: left;
background-image: url(../images/bg/truck_01.jpg);
height: 210px;
width: 181px;
}

.tmsLogin {
	position: absolute;
	left: 323px;
	top: 75px;
	height: 29px;
	width: 436px;
	color: #F5EDE7;
	font-size: 80%;
	text-align: right;
	font-weight: bold;
}

.inputfields a {
color: white;
text-decoration: underline;
}

.inputfields a:hover {
color: #fde1c9;
text-decoration: none;
}


.btnsubmit {
	position: absolute;
	left: 396px;
	top: -8px;
}

.inputfields {
	position: absolute;
	left: 0px;
	top: -4px;
	width: 382px;
}

input.text {
background-color: #ffffff;
border: 1px solid #F99755;
}

/**********************************/
/* MAIN CONTENT AREA */
/**********************************/

#content {

background-image: url(../images/bg/content-bg.gif);
background-repeat: repeat-y;
width: 780px;

}

#inner-content {
padding: 20px 20px 20px 20px;
text-align: left;
min-height: 400px;
height: auto;
}

/* for Internet Explorer */
/*\*/
* html #inner-content {
height: 400px;
}


.clear {
clear: both;
height: 1%;

}



/********************************************/
/* COLUMNS IN CONTENT AREA */
/********************************************/

#leftcol {
float: left;
width: 558px;
margin-right: 10px;
}

/* start commented backslash hack \*/
*html #leftcol {height: 1%;}
/* close comented backslash hack */

img.left-float {
float: left;
display: block;
background-color: #356563;
border: 4px solid #356563;
margin-right: 10px;
margin-bottom: 3px;
}

img.right-float {
float: right;
display: block;
background-color: #356563;
border: 4px solid #356563;
margin-left: 10px;
margin-bottom: 3px;
}

#rightcol {
text-align: left;
float: right;
width: 150px;
background-color: #E9EAEC;
background-image: url(../images/bg/rtcol-bg.gif);
background-repeat: repeat-y;
font-size: 80%;
}

/* start commented backslash hack \*/
*html #rightcol {height: 1%;}
/* close comented backslash hack */

#rightcol ul {
list-style: none;
font-weight: bold;
}

#rightcol li {
display: block;
height: 20px;
}

.rtcol {
font-style: italic;
text-align: center;
margin: 0 auto;
}

a.rtcol{
color: #356563;
text-decoration: none;
}

a.rtcol:hover {
color: #D67A2D;
text-decoration: underline;
}

h1.rtcol-blue  {
display: block;
background-color: #356563;
height: 25px;
line-height: 25px;
font-size: 12px;
color: #ffffff;
text-align: center;
margin-bottom: 1px;
margin-top: 0px;

}

h1.rtcol  {
display: block;
background-image: url(../images/bg/rt-menu-head.gif);
background-repeat: no-repeat;
height: 25px;
line-height: 25px;
font-size: 12px;
color: #ffffff;
text-align: center;
margin-top: 0px;
margin-bottom: 1px;

}

/********************************************/
/* RIGHT COLUMN Freight Tools Nav */
/********************************************/



a.quotenav  {
background-image: url(../images/btns/quote-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.quotenav:hover {
background-image: url(../images/btns/quote-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}


a.joinnav  {
background-image: url(../images/btns/join-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.joinnav:hover {
background-image: url(../images/btns/join-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}


a.newsnav  {
background-image: url(../images/btns/news-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.newsnav:hover {
background-image: url(../images/btns/news-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}


a.faqnav  {
background-image: url(../images/btns/faq-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.faqnav:hover {
background-image: url(../images/btns/faq-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}


a.formsnav  {
background-image: url(../images/btns/forms-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.formsnav:hover {
background-image: url(../images/btns/forms-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}


a.Dcalcnav {
background-image: url(../images/btns/Dcalc-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;
}

a.Dcalcnav:hover {
background-image: url(../images/btns/Dcalc-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}

a.Fclassnav {
background-image: url(../images/btns/Fclass-btn-icon-up.gif);
background-position: center left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.Fclassnav:hover {
background-image: url(../images/btns/Fclass-btn-icon-over.gif);
background-position: center left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}

a.localnav {
background-image: url(../images/btns/local-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}
a.localnav:hover {
background-image: url(../images/btns/local-btn-icon-over.gif);
background-position: center left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}

a.glossarynav {
background-image: url(../images/btns/glossary-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;
}

a.glossarynav:hover {
background-image: url(../images/btns/glossary-btn-icon-over.gif);
background-position: center left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}

a.zipcodenav  {
background-image: url(../images/btns/zipcode-btn-icon-up.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 30px;
line-height: 30px;
color: #356563;
font-weight: bold;
text-decoration: none;
padding-left: 40px;

}

a.zipcodenav:hover {
background-image: url(../images/btns/zipcode-btn-icon-over.gif);
background-position: top left;
background-repeat: no-repeat;
color: #E9EAEC;
background-color: #356563;
text-decoration: none;

}




/***********************/
/* FOOTER */
/***********************/

#footer {

background-image: url(../images/bg/footer.gif);
background-repeat: no-repeat;
height: 80px;
width: 780px;
}

#footer-content {
width: 95%;
border-top: 1px solid #B2B2B2;
padding-top: 10px;
text-align: center;
margin: 0 auto;
font-size: 80%;
color: #356563;
} 

#footer-content a {
color: #D67A2D;
text-decoration: none;
}

#footer-content a:hover {
color: #356563;
text-decoration: underline;
}


/**************************/
/* more info popup div */
/**************************/

#info img {
border: 0;
}
#info P {
	MARGIN-LEFT: 15px; MARGIN-RIGHT: 20px
}

#info H1 {
	MARGIN-LEFT: 15px
}
A.tooltip {
	COLOR: #c00
}
A.tooltip B {
	DISPLAY: none
}
A.tooltip:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 500; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
A.tooltip:hover B {
	BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #888 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: normal; BACKGROUND: #E4EBE8; LEFT: 25px; PADDING-BOTTOM: 5px; BORDER-LEFT: #888 1px solid; WIDTH: 200px; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; TOP: 10px
}
/*A.tooltip:hover B EM {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #fff 0px 0px; LEFT: 20px; WIDTH: 11px; POSITION: absolute; TOP: -6px; HEIGHT: 6px
}
*/
/**************************/
/* general classes */
/**************************/


div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 20%;
  text-align: right;
  
  }

div.row span.formw {
  float: right;
  width: 80%;
  text-align: left;
  
  } 
  


.fmlabel {
text-align: right;
}

.spacer {
display: block;
height: 5px;
}

.extrapadL {
padding-left: 10px;
}

.extrapadR {
padding-left: 10px;
}

.green {
color: #356563;
}

.orange {
color: #D67A2D;
}

.gray {
color: #707176;
}

.subline { /*small text under headlines */
color: #356563;
font-style: italic;
font-weight: bold;
margin-top: 2px;
}

.boldtext {
font-weight: bold;
}

.italictext {
font-style: italic;
}

.readmore {
float: right;
font-size: 10px;
}

a.readmore {
font-style: italic;
text-decoration: none;
color: #D67A2D;
}

a.readmore:hover {
text-decoration: none;
color: #356563;
}

.sectiondivider {
border-bottom: 1px solid #B2B2B2;
margin: 15px auto;
width: 100%;
text-align: center;

}

.dashedline { 
border-bottom: 1px dotted #B2B2B2;
margin: -1px auto 15px auto;
width: 95%;
text-align: center;
}

.greenbx {
background-color: #E4EBE8;
color: #000000;
border: 1px solid #32446F;
}

.leftsection {
float: left;
display: block;
width: 260px;
margin-right: 10px;
border-right: 1px solid #B2B2B2;
padding-right: 10px;
}

.rightsection {
float: left;
display: block;
width: 260px;
margin-left: 10px;
}

blockquote.quote {
color: #356563;
font-size: 135%;
font-weight: bold;
font-style: italic;
}

.textindent {
text-indent: 20px;
}

.alignright {
text-align: right;
}

.densitylegend {
height: 30px;
width: 100%;
line-height: 30px;
font-weight: bold;
font-size: 110%;
background-color: #356563;
color: #ffffff;
padding-left: 10px;
}

h1.small {
font-size: 110%;
}

/***********************/
/* generic styles */
/***********************/

h1 {
color: #D67A2D;
font-size: 150%;
font-style: italic;
margin-bottom: 1px;
margin-top: 0px;
}

h2 {
color: #356563;
font-size: 125%;
margin-bottom: 1px;

}

h3 {
color: #494949;
font-size: 112%;
margin-bottom: 1px;

}

ul {
list-style:url(../images/btns/dottedarrow-over.gif);
margin-left: 2px;
padding-left: 25px;
}

a {
color: #D67A2D;
text-decoration: none;
}

a:hover {
color: #356563;
text-decoration: none;
}

p {
margin-top: 5px;

}