/** 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; }
.webapp_body { background: #999999 url(/img/t3_webapp_bleed.gif) repeat-x top left; }
.webapp_body2 { background: #747474 url(/img/t3_webapp2_bleed.gif) repeat-x top left; }
.noleftnav_body { background: #999999 url(/img/t3_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: 545px; 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 2px; }
#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; margin: 0px 0px 0px 1px; float: left; list-style-type: none; text-align: left; }
#topnav #nav_jobs { top: 0px; left: 28px; }
#topnav #nav_schools { top: 0px; left: 127px; }
#topnav #nav_driver { top: 0px; left: 255px; }
#topnav #nav_about { top: 0px; left: 350px; }
#topnav #nav_truckload { top: 0px; left: 450px; }
#topnav #nav_logistics { top: 0px; left: 595px; }
#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; }

#webapp_container { position: relative; width: 770px; top: 14px; left: 0px; margin: 0px auto; padding: 0px; text-align: left;}
#webapp_container div {  }
#webapp_page_body { position: absolute; width: 770px; height: auto; top: 70px; left: 0px;}
#webapp_page_body div {  }

#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; }
.noleftnav { background: #FFFFFF url(/img/t2_body_bg.jpg) no-repeat top left; }

/** WEB APP STYLES **/
#app_body { margin: 16px 0px; padding:20px 60px ; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #444444; }
#grey_bar { position: absolute; width: 100%; height: 20px; top: 0px; left: 0px; margin-bottom:20px; padding-bottom:10px; background: url(/img/web_app_grey_bar_bleed.gif) repeat-x top left;  vertical-align: top; }
.app_space { padding-top:25px; }

#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; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#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; }
#leftnav ul.item ul.subitem { margin: 0px; background-color: #DDDDDD; border: none; }
#leftnav ul.item ul.subitem li { margin: 0px 0px 0px 0px; padding: 0px 6px; border-bottom: 1px solid #F6F6F6; list-style-type: none; font-weight: normal; }
#leftnav ul.highlight { padding-top: 10px; margin: 0px; border-top: 2px solid #C5C6C7; }
#leftnav ul.highlight li { margin: 0px 0px 0px -10px; list-style-image: url(/img/t2_leftnav_bullet.gif); font-weight: bold; }
#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; }
#noleftnav_content { width: 555px; 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 -23px; }
#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: 385px; float: left; margin: 0px 15px 0px 0px; }
.right { width: 140px; float: left; }
.full { width: 530px; padding: 0px 25px 0px 0px; }
.full2 { width: 450px; padding: 0px 25px 0px 0px; }
.middle_2col { width: 250px; float: left; margin: 16px 0px 0px 0px; padding: 0px 15px 0px 0px; }
.sitemap { height: 500px; }

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 12px 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 12px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #444444; }
.chart td .red{ height: 10px; padding: 1px 4px; background-color:#6F0000; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font: normal 11px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #FFFFFF; }
.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 12px 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 12px Arial, Verdana, sans-serif; line-height: 16px; vertical-align: top; color: #444444; }
.chart ul li { margin: 0px 0px 0px -17px; list-style-type: none; }
.chart .light { background-color: #DDDDDD; }
.chart .dark { background-color: #CCCCCC; }
.chart td.red { background-color: #6F0000;  color:#FFFFFF; }
.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 { margin-left: 37px; list-style-image: url(/img/t2_spotlight_bullet.gif); }
.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; }

.inner_inpagenav  { width: 358px; padding: 2px 8px; background-color: #DDDDDD; }
.inner_inpagenav ul { padding: 5px; margin: 5px; clear: both; }
.inner_inpagenav ul li { list-style-image: none; list-style-type: circle; }

.spotlight { width: 140px; margin: 0px 0px 10px 0px; padding: 0px; font: normal 11px Arial, Verdana, sans-serif; line-height: 13px; }
.spotlight .title { width: 124px; min-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; color: #444444; }
.spotlight .service { border-top: 1px solid #fff; background: transparent url(/img/service_ctr_promo_bg.jpg) no-repeat top left !important; color: #FFFFFF !important; }
.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 8px; padding: 0px; }
.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; }


.spotlight2 { width: 500px; margin: 0px 0px 10px 0px; padding: 0px; font: normal 16px Arial, Verdana, sans-serif; line-height: 16px; }
.spotlight2 .title { width: 500px; min-height: 18px; padding: 2px 8px; background: #FF0000; font: bold 16px Arial, Verdana, sans-serif; line-height: 18px; color: #FFFFFF; }
.spotlight2 .content { width: 500px; padding: 8px; background-color: #FFFF99; color: #000000; }
.spotlight2 .link { margin: 6px 0px 0px 0px; }
.spotlight2 img { margin: 0px 0px 8px 0px; }
.spotlight2 a { color: #7B001D; }



h3.service { margin: 10px 0px 5px 0px; padding: 5px; background-color: #444444; font: bold 12px Arial, sans-serif; text-transform: uppercase; color: #FFFFFF; }
table.service { width: 390px; border: 1px solid #BEBABA; }
table.service tr { vertical-align: top; }
table.service th, table.service td { padding: 5px; font-size: 11px; text-align: left; }
table.service th { background-color: #FFFFFF; font-weight: bold; color: #8B0F04; }
table.service th.table_hdr { font: bold 15px Arial, sans-serif; color: #444444; }
table.service td .product_name { font-weight: bold; color: #8B0F04; }
table.service hr { border: none; height: 1px; background-color: #BEBABA; }

div.service_ctr { float: none !important; margin: 0px 0px 5px 0px; border: 1px solid #BEBABA; padding: 5px; font-size: 11px; }
div.service_ctr img { float: right !important; }
div.service_ctr br { clear: both; }
div.service_ctr h4 { width: 250px; float: left; margin: 0px 0px 10px 0px; font: bold 14px Arial, sans-serif; color: #8B0F04; }
div.service_ctr ul.locations { margin: 0px 0px 0px -40px !important; }
div.service_ctr ul.locations li { list-style-type: none; margin: 0px; padding: 10px 0px; border-bottom: 1px solid #BEBABA; }
div.service_ctr div.plan { width: 370px; clear: both; }
div.service_ctr div.location { float: left !important; margin: 10px 0px 0px 0px; } 
div.service_ctr div.price { float: right; margin: 0px 0px 10px 30px; }
div.service_ctr div.price span { font-weight: bold; color: #8B0F04; }
div.service_ctr span.state { font-size: 16px; font-weight: bold; }
div.service_ctr span.city { font-weight: bold; text-transform: uppercase; color: #8B0F04; }
div.service_ctr span.info { color: #8B0F04; }

p.service_note { padding: 5px; background: #8B0F04; color: #FFFFFF; }
p.service_form { font-weight: bold; color: #8B0F04; }
#schedule_form label { width: 150px; float: left; margin: 5px 10px 0px 0px; font-size: 12px; }
#schedule_form input, #schedule_form select { width: 200px; margin: 5px 0px; padding: 2px; border: 1px solid #BEBABA; font-size: 11px; }
#schedule_form select { width: 204px; padding: 0px; }
#schedule_form textarea { width: 200px; height: 75px; margin: 5px 0px; padding: 2px; border: 1px solid #BEBABA; font-size: 11px; }
#schedule_form #submit_schedule { width: 98px; height: 20px; margin: 15px 0px 10px 160px; padding: 0px; border: none; background: transparent url(/img/btn_submit_service.jpg) no-repeat; }
#schedule_form #reset_schedule { width: 71px; height: 20px; margin: 15px 0px 10px 10px; padding: 0px; border: none; background: transparent url(/img/btn_reset_service.jpg) no-repeat; }

#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; }
.form_field .red_label{ color: #6F0000; }
input.long { width: 222px !important; }
input.med { width: 142px !important; }
input.short { width: 72px !important; }
input.button { padding: 2px 10px; background: #DDDDDD; border: 1px solid #999999; font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; color: #44444; }
input.radio { height: 12px; padding: 0px; border: none; vertical-align: text-top; }

#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: 760px; height: 30px; bottom: 0px; left: 0px; margin: 0px; padding: 10px 0px 50px 10px; background-color: #999999; font: normal 10px Arial, Verdana, sans-serif; line-height: 12px; text-align: left; color: #444444; }
#footer ul { margin: 0px 0px 0px -40px; }
#footer ul li { display: inline; list-style-type: none; margin: 0px; padding: 0px 5px; }
#footer a { color: #444444; }


/** SIFR STYLES **/
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash .hm_box .title { visibility: hidden; }
.sIFR-hasFlash #topnav ul li { visibility: hidden; }
.sIFR-hasFlash #section_name { visibility: hidden; }
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }

/** Used by /js/blendimages.js **/
/* gilbertj@crengland.com added this on 2009-0626 to do image fades for http://www.crengland.com/about/index.jsp?page=go_green */
.blend IMG {
	FILTER: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0
}