/** GLOBAL STYLES **/
body { margin: 0px auto; background-color: #999999; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; text-align: center; color: #444444; }
a { text-decoration: none; color: #6F0000; }
a:hover { text-decoration: underline; }

/** BODY BACKGROUND STYLES **/
.home_body { background: #999999 url(/img/hm_bleed.gif) repeat-x top left; }
.t2_body { background: #999999 url(/img/t2_bleed.gif) repeat-x top left; }
.t3_body { background: #999999 url(/img/t3_bleed.gif) repeat-x top left; }
.wide_body { background: #999999 url(/img/t3_bleed.gif) repeat-x top left; }
.flash_body { background: #999999 url(/img/t2_bleed.gif) repeat-x top left; }

/** CONTAINER STYLES **/
#container { position: relative; width: 770px; top: 0px; left: 0px; margin: 0px auto; padding: 0px; text-align: left; }
#container div { position: absolute; }

/** HEADER AND TOPNAV STYLES **/
#header { position: absolute; width: 535px; height: 70px; top: 0px; right: 0px; margin: 0px; padding: 0px; font: normal 11px Arial, Verdana, sans-serif; line-height: 12px; text-align: right; color: #1A1A1A; }
#header ul { margin: 1px 10px; vertical-align: middle; }
#header ul li { display: inline; list-style-type: none; padding: 0px 10px; }
#header a { color: #1A1A1A; }

#logo { position: absolute; width: 235px; height: 70px; top: 0px; left: 0px; vertical-align: middle; }
#logo img { margin: 6px 25px 7px 25px; }

#topnav { width: 770px; height: 30px; margin: 9px 0px 1px 0px; font: bold 11px Arial, Verdana, sans-serif; line-height: 13px; color: #FFFFFF; }
#topnav ul { margin: 0px; }
#topnav ul li { position: absolute; float: left; list-style-type: none; text-align: left; }
#topnav #nav_jobs { top: 0px; left: 228px; }
#topnav #nav_driver { top: 0px; left: 341px; }
#topnav #nav_about { top: 0px; left: 425px; }
#topnav #nav_truckload { top: 0px; left: 509px; }
#topnav #nav_logistics { top: 0px; left: 604px; }
#topnav #nav_carrier { top: 0px; left: 691px; }
#topnav a.current { color: #A59970; text-decoration: none; }
#topnav a { color: #FFFFFF; }
#topnav a:hover { color: #A59970; text-decoration: none; }

#page_body { position: absolute; width: 770px; height: auto; top: 70px; left: 0px; }
#page_body div { position: relative; float: left; top: 0px; left: 0px; }
.t2 { background: #FFFFFF url(/img/t2_body_bg.jpg) no-repeat top left; }
.t3 { background: #FFFFFF url(/img/t3_body_bg.jpg) no-repeat top left; }
.flash { background: #FFFFFF url(/img/t2_body_bg.jpg) no-repeat top left; }

#section_name { width: 740px; height: 20px; padding: 25px 15px 12px 15px; font: bold 15px Arial, Verdana, sans-serif; line-height: 18px; color: #FFFFFF; }
#breadcrumb { width: 540px; height: 13px; padding: 4px 20px 3px 210px; background-color: #DDDDDD; font: normal 10px Arial, Verdana, sans-serif; line-height: 12px; color: #444444; }
#breadcrumb a { color: #444444; }
	
/** LEFTNAV STYLES **/
#leftnav { width: 187px; margin: 14px 0px; padding: 0px 23px 0px 0px; }
#leftnav div { float: none !important; }
#leftnav ul { font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; color: #444444; }
#leftnav ul.item { margin: 0px 0px 15px 0px; border-top: 2px solid #C5C6C7; }
#leftnav ul.item li { margin: 0px 0px 0px 16px; list-style-type: none; font-weight: bold; }
html>body #leftnav ul.item li { margin-left: -24px; }
#leftnav ul.item ul.subitem { margin: 0px; background-color: #DDDDDD; border: none; }
#leftnav ul.item ul.subitem li { margin: 0px; padding: 0px 6px; border-bottom: 1px solid #F6F6F6; list-style-type: none; font-weight: normal; }
html>body #leftnav ul.item ul.subitem li { margin-left: -40px; }
#leftnav ul.highlight { padding-top: 10px; margin: 0px; border-top: 2px solid #C5C6C7; }
#leftnav ul.highlight li { margin: 0px 0px 0px 32px; list-style-image: url(/img/t2_leftnav_bullet.gif); font-weight: bold; }
html>body #leftnav ul.highlight li { margin-left: -10px; }
#leftnav a { color: #444444; }
#leftnav a.current { color: #6F0000 !important; }

#t2_flash { position: absolute; top: 110px; left: 210px; width: 560px; padding: 0px; margin: 0px; z-index: 1; }
#t2_content { width: 555px; margin: 120px 0px 25px 5px; padding: 0px; }
#t3_content { width: 555px; margin: 12px 0px 25px 5px; padding: 0px; clear: none !important; }
#t3_content_etools { width: 550px; margin: 12px 0px 25px 5px; padding: 0px; clear: none !important; }
#wide_content { float: right !important; width: auto; margin: 12px 0px 25px 5px; padding: 0px; }
#wide_content_etools { float: left !important; width: auto; margin: 12px 0px 25px 5px; padding: 0px; }
#flash_content { width: 555px; margin: 160px 0px 25px 5px; padding: 0px; }
#t2_content ul, #t3_content ul, #wide_content ul, #flash_content ul { margin: 0px 0px 0px 20px; }
#t2_content ol, #t3_content ol, #wide_content ol, #flash_content ol { margin: 0px 0px 0px 0px; }
html>body #t2_content ul, #t3_content ul, #wide_content ul, #flash_content ul, #t2_content ol, #t3_content ol, #wide_content ol, #flash_content ol { margin: 0px 0px 0px -23px; }
.top { width: 555px; padding: 0px 0px 15px 0px; border-bottom: 2px solid #C5C6C7; }
.bottom { width: 555px; padding: 15px 0px 0px 0px; }
.left { width: 390px; float: left; margin: 0px 15px 0px 0px; }
.right { width: 140px; float: left; }
.full { width: 530px; padding: 0px 25px 0px 0px; }
.middle_2col { width: 250px; float: left; margin: 16px 0px 0px 0px; padding: 0px 15px 0px 0px; }

h1 { margin: 0px; font: bold 18px Arial, Verdana, sans-serif; line-height: 20px; color: #6F0000; }
h2 { margin: 0px 0px 10px 0px; font: bold 16px Arial, Verdana, sans-serif; line-height: 18px; color: #444444; }
h3 { font: bold 14px Arial, Verdana, sans-serif; line-height: 16px; color: #444444; }

.chart { width: 390px; margin: 3px 0px 0px 0px; padding: 0px; }
.chart th { height: 10px; padding: 1px 4px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #000000; background: #dddddd; }
.chart td { height: 10px; padding: 1px 4px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #444444; }
.chart ul li { margin: 0px 0px 0px -20px; list-style-type: none; }
.chart2 { margin: 3px 3px 0px 0px; }
.chart2 th { height: 10px; padding: 1px 4px; border-right: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #000000; background: #dddddd; }
.chart2 td { height: 10px; padding: 1px 4px; border-right: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #444444; }
html>body .chart ul li { margin-left: -17px; }
.chart .light { background-color: #DDDDDD; }
.chart .dark { background-color: #CCCCCC; }
.chart img { margin: 0px 4px 1px 0px; }

.inpagenav  { width: 375px; padding: 2px 8px; background-color: #DDDDDD; }
.inpagenav ul { padding: 5px; margin: 5px; clear: both; }
.inpagenav ul li { list-style-image: url(/img/t2_spotlight_bullet.gif); }
html>body .inpagenav ul li { margin-left: 37px; }
.inpagenavtitle { width: 375px; height: 12px; padding: 2px 8px; border-bottom: 1px solid #FFFFFF; font: bold 10px Arial, Verdana, sans-serif; line-height: 12px; color: #FFFFFF; }
.inpagenav .gray { background-color: #444444; }
.inpagenavred { background-color: #7B001D; }

.spotlight { width: 140px; margin: 0px 0px 10px 0px; padding: 0px; font: normal 11px Arial, Verdana, sans-serif; line-height: 13px; color: #444444; }
.spotlight .title { width: 124px; height: 12px; padding: 2px 8px; background: #7B001D; font: bold 10px Arial, Verdana, sans-serif; line-height: 12px; color: #FFFFFF; }
.spotlight .content { width: 124px; padding: 8px; background-color: #DDDDDD; }
.spotlight .hdr { font-weight: bold; color: #7B001D; }
.spotlight .large { font-size: 20px; line-height: 24px; }
.spotlight .button { width: 129px; height: 15px; padding: 8px 4px 4px 7px; background: transparent url(/img/t2_btn_bg.gif); font: bold 10px Arial, Verdana, sans-serif; line-height: 12px; text-align: left; color: #444444; }
.spotlight .link { margin: 10px 0px 0px 0px; }
.spotlight .form { padding: 2px 0px 0px 0px; background-color: #DDDDDD; }
.spotlight .input { width: 120px; height: 12px; margin: 0px 8px 6px 8px; padding: 2px; border: none; background-color: #F6F6F6; font: normal 11px Arial, Verdana, sans-serif; color: #444444; }
.spotlight .loginbutton { width: 140px; height: 27px; padding: 4px 4px 4px 7px; border: none; background: transparent url(/img/t2_btn_bg.gif); font: bold 10px Arial, Verdana, sans-serif; line-height: 12px; text-align: left; color: #444444; }
.spotlight .logincheck { margin: 0px 0px 0px 5px; padding: 0px; }
html>body .spotlight .logincheck { margin: 0px 0px 0px 8px; }
.spotlight form { margin: 0px; padding: 0px; }
.spotlight label { padding: 0px 8px; font: normal 10px Arial, Verdana, sans-serif; line-height: 16px; color: #444444; }
.spotlight img { margin: 0px 0px 8px 0px; }
.spotlight ul { margin: 0px; }
.spotlight ul li { list-style-image: url(/img/t2_spotlight_bullet.gif); }
.spotlight a { color: #7B001D; }

#login .title { width: 124px; height: 12px; padding: 2px 8px; border-bottom: 2px solid #FFFFFF; background-color: #7B001D; font: bold 10px Arial, Verdana, sans-serif; line-height: 12px; color: #FFFFFF; }
#login .form { padding: 2px 0px 0px 0px; background-color: #DDDDDD; }
#login form { margin: 0px; padding: 0px; }
#login label { padding: 0px 8px; font: normal 10px Arial, Verdana, sans-serif; line-height: 16px; color: #444444; }
#login .input { width: 120px; height: 12px; margin: 0px 8px 6px 8px; padding: 2px; border: none; background-color: #F6F6F6; font: normal 11px Arial, Verdana, sans-serif; color: #444444; }
#login .button { width: 140px; height: 27px; padding: 4px 4px 4px 7px; border: none; background: transparent url(/img/t2_btn_bg.gif); font: bold 10px Arial, Verdana, sans-serif; line-height: 12px; text-align: left; color: #444444; }

.creTextArea { font-family: Arial, Verdana, sans-serif; font-size:  11px; border-color: #dddddd; border-width: 1px; background: #ffffff; }
.creSelect { font-family: Arial, Verdana, sans-serif; font-size:  11px; border-color: #dddddd; border-width: 1px; background: #ffffff; }
.creText { font-family: Arial, Verdana, sans-serif; font-size:  11px; border-color: #dddddd; border-width: 1px; background: #ffffff; }
.creButton { padding: 2px 10px; background: #DDDDDD; border: 1px solid #999999; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #44444; }
.form_row { width: 530px; clear: both; }
.form_field { float: left; margin: 0px 15px 0px 0px; padding: 5px 0px; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #44444; }
.form_separator { height: 2px; color: #C5C6C7; }
.form_field input { height: 15px; margin: 1px 0px 0px 0px; padding: 2px 3px; border: 1px solid #999999; font: normal 11px Arial, Verdana, sans-serif; line-height: 14px; color: #444444; }
.form_field label { font-weight: bold; }
input.long { width: 222px !important; }
input.med { width: 142px !important; }
input.short { width: 72px !important; }
input.radio { padding: 0px; border: none; vertical-align: text-top; }
input.button { padding: 2px 10px; background: #DDDDDD; border: 1px solid #999999; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #44444; }
html>body input.radio { height: 12px; }

#sales_map { width: 530px; height: 410px; background: #F0F0F0; }
#sales_map #rep_info { position: absolute; top: 295px; left: 0px; width: 203px; height: 93px; padding: 10px 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #444444; }
#rep_info td { padding: 0px 5px; }
#rep_info td.label { width: 40px; }

#footer { position: relative; width: 560px; height: 30px; bottom: 0px; left: 0px; margin: 0px; padding: 10px 0px 50px 210px; background-color: #999999; font: normal 10px Arial, Verdana, sans-serif; line-height: 12px; text-align: left; color: #444444; }
#footer ul { margin: 0px; }
html>body #footer ul { margin-left: -40px; }
#footer ul li { display: inline; list-style-type: none; margin: 0px; padding: 0px 5px; }
#footer a { color: #444444; }

#hm_body { position: absolute; width: 770px; height: 440px; top: 70px; left: 0px; }
#hm_body div { position: relative; float: left; top: 0px; left: 0px; }
.hm_body_bg_1 { background: transparent url(/img/hm_body_bg_1.jpg) no-repeat top left; }
.hm_body_bg_2 { background: transparent url(/img/hm_body_bg_2.jpg) no-repeat top left; }
.hm_body_bg_3 { background: transparent url(/img/hm_body_bg_3.jpg) no-repeat top left; }

#hm_banner { width: 770px; height: 243px; margin: 0px; }

#hm_boxes { width: 770px; height: 157px; }
.hm_box { height: 136px; padding: 0px 10px 0px 20px; font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; color: #FFFFFF; }
.hm_box div { float: none !important; }
.hm_box ul { margin: 0px 0px 0px 17px; }
html>body .hm_box ul { margin-left: -24px; }
.hm_box ul li { margin: 0px; list-style-image: url(/img/hm_box_bullet.gif); }
.hm_box a { color: #FFFFFF; }
.hm_box .title { height: 13px; margin: 0px 0px 15px 0px; padding: 12px 0px 5px 0px; font: bold 11px Arial, Verdana, sans-serif; line-height: 13px; color: #A59970; }
.hm_box .highlight { margin: 0px 0px 4px 0px; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #FFFFFF; }
.hm_box img { margin: 18px 0px 0px 0px; }
#hm_drivers { width: 226px;  }
#hm_customers { width: 227px; }
#hm_customers #left { float: left !important; padding: 0px 14px 0px 0px; }
#hm_customers #right { float: left !important; padding: 0px 0px 0px 14px; border-left: 1px solid #8F8985; }
#hm_carriers { width: 226px;  }

#hm_footer { position: absolute; width: 480px; height: 30px; top: 510px; left: 0px; padding: 10px 25px 0px 275px; text-align: left; font: normal 11px Arial, Verdana, sans-serif; line-height: 12px; color: #000000; }
#hm_footer ul { margin: 0px; }
html>body #hm_footer ul { margin-left: -40px; }
#hm_footer ul li { display: inline; list-style-type: none; margin: 0px; padding: 0px 5px; }
#hm_footer a { color: #000000; }

#hm_search { position: absolute; width: 750px; top: 560px; left: 0px; padding: 0px 10px 10px 10px; text-align: left; font: normal 11px Arial, Verdana, sans-serif; line-height: 11px; color: #000000; } 

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed { visibility: hidden !important; display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; color: #000; }