@charset "UTF-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, img, form {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #000 url(images/background.jpg) repeat-x left top;
	text-align: center;
	margin: 0;
	padding: 0;
	}

ul#nav {
	height: 111px;
	overflow: hidden;
	width: 805px;
	padding: 0 0 0 5px;
	margin: 0 auto;
	text-align: left;
	}
	
ul#nav li {
	display: inline;
	list-style: none;
	}
	
ul#nav li a {
	float: left;
	margin: 85px 0 0;
	height: 26px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	}

ul#nav li h2 {
	display: none;
	}
	
ul#nav li.n-logo a {
	height: 111px;
	width: 320px;
	background: url(images/logo.jpg) no-repeat left top;
	margin: 0 23px 0 0;
	}
	
ul#nav li.n-customers a { background-image: url(images/n-customers.gif); width: 97px; }
ul#nav li.n-login a { background-image: url(images/n-login.gif); width: 86px; }
/* ul#nav li.n-honor a { background-image: url(images/n-honor.gif); width: 87px; } */
ul#nav li.n-mart a { background-image: url(images/n-mart.gif); width: 87px; }
ul#nav li.n-contact a { background-image: url(images/n-contact.gif); width: 92px; }
ul#nav li.n-apply a { background-image: url(images/n-apply.gif); width: 94px; }
	
#subnav {
	
	text-align: center;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #e00000;
	padding: 8px 0;
	margin: 0 auto; 
	}
	
#subnav a {
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	}

#subnav a:hover {
	text-decoration: underline;
	}

#subnav a.on {
	color: #e00000;
	}

/* homepage */
	
#masthead {
	height: 226px;
	width: 800px;
	padding: 0 5px;
	margin: 25px auto 0;
	background: url(images/ss/van.jpg) no-repeat center top;
	}
	
ul#features {
	height: 191px;
	width: 805px;
	margin: 0 auto;
	padding: 0 0 0 5px;
	overflow: hidden;
	}
	
ul#features li {
	display: inline;
	list-style: none;
	}
	
ul#features li a {
	float: left;
	}
	
h3#tagline {
	background: url(images/tagline.gif) no-repeat center;
	width: 810px;
	margin: 0 auto;
	height: 150px;
	text-indent: -9999em;
	text-align: left;
	}
	
h3 {
	width: 770px;
	padding: 20px 20px 5px;
	font: bold 18px/18px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	}
	
h3 a {
	color: #fff;
	text-decoration: none;
	}

h3 a:hover {
	color: #ccc;
	text-decoration: underline;
	}

/* content / process pages */

#content {
	background: #fff;
	width: 770px;
	border: 20px solid #000;
	border-top: none;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	height: auto;
	}

#content ol#process {
	height: 44px;
	background: #000 url(images/process.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#content ol#process li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#content ol#process li a {
	float: left;
	height: 44px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999em;
	}
	
#content ol#process li a.on {
	background-position: left bottom;
	}	

#content .title {
	background: #e11b23;
	border-bottom: 1px solid #b7040c;
	height: 25px;
	padding: 0 0 0 10px;
	}

#content .title h4 {
	float: left;
	padding: 5px 0 0;
	font: bold 16px/16px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	}
	
#content .title a.job {
	float: right;
	height: 25px;
	width: 145px;
	text-align: left;
	text-indent: -9999em;
	background: url(images/btn-job.gif) no-repeat left top;
	}
	
#content .title a.opportunities {
	float: right;
	height: 25px;
	width: 145px;
	text-align: left;
	text-indent: -9999em;
	background: url(images/btn-opportunities.gif) no-repeat left top;
	}
	
	#content .title a.findafleet {
	float: right;
	height: 25px;
	width: 145px;
	text-align: left;
	text-indent: -9999em;
	background: url(images/btn-find-a-fleet.gif) no-repeat left top;
	}

#content #sub {
	padding: 5px 10px 4px;
	font: bold 11px/18px Helvetica, Arial, sans-serif;
	background: #e11b23;
	color: #6a0207;
	text-transform: uppercase;
	clear: both;
	}
	
#content #sub a {
	color: #fff;
	text-decoration: none;
	margin: 0 2px;
	}

#content #sub a:hover,
#content #sub a.on {
	text-decoration: underline;
	}

/* extra formatting */
	
#content #sub div {
	float: left;
	width: 350px;
	}
	
#content #sub hr {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	}

#content #sub a.plain {
	font-weight: normal;
	}
	
#content img.right {
	float: right;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #e11b23;
	margin: 0 0 10px 10px;
	clear: both;
    }
	
#content div.right {
	float: right;
	padding: 5px 0 10px 10px;
	width: 225px;
	}
	
#content div.right img {
	display: block;
	margin: 0 0 5px;	
	border-bottom: 5px solid #e11b23;
	}	

#content div.right p {
	margin: 0 10px 10px;
	font: normal 10px/12px Helvetica, Arial, sans-serif;
	color: #666;
	}
	
#content img.left {
	float: left;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #e11b23;
	margin: 0 10px 10px 0;
	clear: both;
	}
	
#content img.full {
	display: block;
	margin: 0 0 15px;
	}
	
#content .flash {
	margin: 0 0 15px;
	width: 770px;
	height: 250px;
	}
	
#content p.image {
	text-align: center;
	}

#content p.image img {
	display: block;
	margin: 0 auto;
	}
	
#content h4 {
	font: bold 18px/18px Helvetica, Arial, sans-serif;
	margin: 40px 20px 15px;
	}
	
#content .splash h4 {
	font: bold 14px/18px Helvetica, Arial, sans-serif;
	margin: 0 20px 5px;
	text-transform: uppercase;
	}
	
#content .splash h4 strong {
	color: #e11b23;
	}	
	
#content h5 {
	font: bold 13px/16px Helvetica, Arial, sans-serif;
	margin: 0 20px 5px;
	color: #e11b23;
	}

#content a {
	color: #e11b23;
	}
	
#content p,
#content ul,
#content ol {
	font: normal 12px/16px Helvetica, Arial, sans-serif;
	margin: 0 20px 15px;
	}
	
#content table p,
#content table ul,
#content table ol {
	margin: 0 0 5px;
	}	

#content li {
	margin: 0 25px;
	}
	
#content li ul,
#content li ol {
	margin: 0;
	}
	
#content ol li li {
	list-style: lower-alpha;
	}
	
#content li li {
	margin-right: 0;
	}
	

	
#content strong.red {
	color: #e11b23;
	font-style: italic;
	}
	
#content strong.teamroehl {
	font: bold italic 13px/16px Verdana, Arial, Helvetica, sans-serif;
	}

#content ul#pagenav {
	clear: both;
	margin: 0;
	padding: 0;
	height: 25px;
	overflow: hidden;
	text-align: right;
	border-top: 10px solid #fff;
	}
	
#content ul#pagenav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#content ul#pagenav li.back a {
	float: left;
	height: 25px;
	width: 145px;
	text-align: left;
	text-indent: -9999em;
	background: url(images/btn-back.gif) no-repeat left top;
	}

#content ul#pagenav li.next a {
	float: right;
	height: 25px;
	width: 145px;
	text-align: left;
	text-indent: -9999em;
	background: url(images/btn-next.gif) no-repeat left top;
	}
	


#content table {
	font: normal 12px/14px Helvetica, Arial, sans-serif;
	margin: 0 0 15px 15px;
	width: 740px;
	clear: both;
	}

#content table th {
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #e11b23;
	}
	
#content table tr.caps th,
#content table tr.caps td,	
#content table th.caps,
#content table td.caps {
	text-transform: uppercase;
	}

#content table tr.center th,
#content table tr.center td,
#content table th.center,
#content table td.center {
	text-align: center;
	}
	

	
#content table.magazines td {
	border-right: none;
	text-align: center;
	vertical-align: top;
	width: 33%;
	}

#content table.magazines td img {
	border: 1px solid #333;
	display: block;
	margin: 0 auto;
	}

#content table td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
	
#content table td.subhead,
#content table tr.subhead td {
	background: #666;
	font-weight: bold;
	color: #fff;
	border: none;
	}
	
#content table tr.right th,
#content table tr.right td,
#content table th.right,
#content table td.right {
	text-align: right;
	}

#content div.clear {
	margin: 0;
	padding: 0;
	background: #000;
	height: 1px;
	overflow: hidden;
	clear: both;
	}
	
#content p.button {
	height: 26px;
	}

#content p.button a {
	float: left;
	background: #e11b23;
	color: #fff;
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	padding: 6px 7px 0;
	height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#content ul.nostyle {
	list-style:none;
	}

/* main nav for interiors */

ul#main {
	width: 810px;
	text-align: center;
	margin: 0 auto;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	color: #666;
	padding: 0 0 15px;
	text-transform: uppercase;
	}
	
ul#main li {
	display: inline;
	list-style: none;
	margin: 0 10px;
	}

ul#main li a {
	color: #666;
	text-decoration: none;
	}

ul#main li a:hover {
	color: #fff;
	text-decoration: underline;
	}




		
/* footer */
	
#footer {
	background: url(images/footer.jpg) repeat-x left top;
	height: 24px;
	border-top: 10px solid #000;
	}
	
#footer ul {
	width: 760px;
	padding: 6px 25px 0;
	margin: 0 auto;
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	color: #600;
	}

#footer ul li.fl { list-style: none; float: left; }
#footer ul li.fr { list-style: none; float: right; }

#footer ul li a {
	color: #600;
	text-decoration: none;
	}

#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
	
/* PROCESS NAVS */

	/* nav for owner/operator */	
.oo ol#process li.p1 a { background-image: url(images/oo-1-110.gif); width: 110px; }
.oo ol#process li.p2 a { background-image: url(images/oo-2-107.gif); width: 107px; }
.oo ol#process li.p3 a { background-image: url(images/oo-3-146.gif); width: 146px; }
.oo ol#process li.p4 a { background-image: url(images/oo-4-104.gif); width: 104px; }
.oo ol#process li.p5 a { background-image: url(images/oo-5-146.gif); width: 146px; }
.oo ol#process li.p6 a { background-image: url(images/oo-6-103.gif); width: 103px; }
.oo ol#process li.p7 a { background-image: url(images/ff-65.gif); width: 50px; float: right !important; }

	/* nav for experienced driver */	
.ed ol#process li.p1 a { background-image: url(images/ed-1-110.gif); width: 110px; }
.ed ol#process li.p2 a { background-image: url(images/ed-2-146.gif); width: 146px; }
.ed ol#process li.p3 a { background-image: url(images/ed-3-107.gif); width: 107px; }
.ed ol#process li.p4 a { background-image: url(images/ed-4-93.gif); width: 93px; }
.ed ol#process li.p5 a { background-image: url(images/ed-5-120.gif); width: 120px; }
.ed ol#process li.p7 a { background-image: url(images/ff-65.gif); width: 50px; float: right !important; }

	/* nav for experienced driver */	
.id ol#process li.p1 a { background-image: url(images/id-1-110.gif); width: 110px; }
.id ol#process li.p2 a { background-image: url(images/id-2-107.gif); width: 107px; }
.id ol#process li.p3 a { background-image: url(images/id-3-114.gif); width: 114px; }
.id ol#process li.p4 a { background-image: url(images/id-4-146.gif); width: 146px; }
.id ol#process li.p5 a { background-image: url(images/id-5-93.gif); width: 93px; }
.id ol#process li.p6 a { background-image: url(images/id-6-120.gif); width: 120px; }
.id ol#process li.p7 a { background-image: url(images/ff-65.gif); width: 50px; float: right !important; }
	
.ed ol#process li.p7 a:hover,
.id ol#process li.p7 a:hover {
	background-position: left bottom;
	}
	
	
/* application */

#apply {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0;
	}

#apply h4 {
	background: #e11b23;
	border-bottom: 1px solid #b7040c;
	font: bold 16px/16px Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0;
	padding: 10px;
	}

#apply ul {
	background: url(images/applyWithFeaturedJobs.jpg) no-repeat center top;
	height: 209px;
	padding: 21px 0 0 300px;
	}
	
#apply ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#apply ul li a {
	float: left;
	width: 200px;
	height: 200px;
	text-indent: -9999em;
	margin: 0 13px 0 0;
	}