* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {color: #2e2e2e; font-family: "lucida sans", arial, verdana, sans-serif; font-size: 12px; line-height: 18px; padding: 0; margin: 0 auto; text-align: center; background: #013d6e; }
#wrapper-top { text-align: left; margin: 0 auto; position: relative; padding: 0; background: url(/_/themes/safefreight/images/top-tile.gif) 0 0 repeat-x; }
	#top-header { height: 32px; color: #f4f4f4; }
		#date { width: 50%; float: left; line-height: 30px; font-size: 12px; font-family: arial, sans-serif; }
			/*.today-is { text-transform: uppercase; color: #f4ee05; font-size: 11px; font-weight: bold; float: left; margin-right: 3px; }*/
			#clock { float: left; margin: 0 10px 0 0; padding: 0; }
			#result { float: left; margin-right: 10px; }
		#login-boxes { margin: 0; padding: 0; float: right; }
			#login-boxes ul { margin:0; padding: 0; line-height: 40px; }
			#login-boxes li { float: left; list-style: none; background: url(/_/themes/safefreight/images/red-tile.gif) 0 0 repeat-x; height: 32px; margin: 0 1px 0 0; }
			#login-boxes li a { text-transform: uppercase; text-decoration: none; color:#f4f4f4; font: 10px arial, verdana, sans-serif; line-height: 32px; padding: 0 10px; }
			#login-boxes li a:hover { color: #dfb9b9; }

	#header { height: 100px; position: relative; clear:both; }
		#logo h1 { margin: 0; padding: 0; }
		#logo h1 a { background: url(/_/themes/safefreight/images/safefreight-logo.jpg) 0 0 no-repeat; width:214px; height: 100px; display: block; text-decoration: none; text-indent: -9999px; float: left; overflow: hidden; }
		#header-right { float: right; width: 450px; position: relative; padding: 20px 0 0 0; height: 100px; overflow: hidden; }
			#header-nav ul.navigation li { float: left; list-style: none; text-align: right !important; }
		#header-nav ul.navigation li a { color: #071c36; text-decoration: none; margin-right: 13px; font: 12px arial, sans-serif; line-height: 30px; text-align: right; }
		#header-nav ul.navigation li a:hover { color:#c10f16; }
	#searchform { position: relative; float: right; border: 1px solid #9c9c9c; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #fff; padding: 4px 4px; width: 170px; }
		#searchsubmit { float: right; text-align: right; outline: 0; width: 16px; height:16px; vertical-align: top;  }
		#s { font-size: 11px; border: none; color: #9c9c9c; background: none; margin: 2px 0 0 0; outline:0; }
		#socialmedia { float: right; clear: both; margin: 8px 0 0 0;  }
			#socialmedia a { margin-left: 4px; padding: 5px 3px 15px 30px;; height: 32px; }
			#socialmedia a.fb { background: url(/_/themes/safefreight/images/icon-fb.png) 0 0 no-repeat; }
			#socialmedia a.yt { background: url(/_/themes/safefreight/images/icon-yt.png) 0 0 no-repeat; }
			#socialmedia a.li { background: url(/_/themes/safefreight/images/icon-linkedin.png) 0 0 no-repeat; }

#wrapper-content, #wrapper-subcontent { text-align: left; margin: 0 auto; position: relative; padding: 0; }
#wrapper-content { background: url(/_/themes/safefreight/images/bg.jpg) top center no-repeat; }
#wrapper-subcontent { background: url(/_/themes/safefreight/images/bg-sub.jpg) top center no-repeat; }
	#intro-box { position: relative; padding:10px 0 0 0; }
		#intro { width: 380px; float: left; margin: 20px 0 0 0; position: relative; }
			#intro h1 { color: #bbe3ec; margin: 0 0 10px 0; padding: 0; }
			#intro h5 { color: #f4f4f4; margin: 0; padding: 0; }
			#intro h5 em { font-family: georgia, serif; }
			#izod { background: url(/_/themes/safefreight/images/izod-bg.png) 0 0 no-repeat; width: 451px; height: 176px; text-align: left; color: #ccc; font:normal 12px arial, sans-serif; text-transform: uppercase; position: relative; margin: 10px 0; }
				#timer { top: 80px; left: 130px; position: absolute; width: 320px; }
				#timer br { margin:0; }
				/*.indy500 { border-right: 1px solid #3c3c3c; }*/
				.indy500timer h5, .edmindytimer h5 { font: bold 13px arial, sans-serif; padding: 5px 0 0 0; color: #ececec !important; }
				.indy500timer span, .edmindytimer span { color:#ffe400; }
				.indy500, .edmindy { width: 48%; float: left; }
				/*countdown*/	
		#video-box { margin: 10px 0 0 0; float: right;}

	#content, #content-sub { overflow: hidden; position: relative; padding: 0; margin:0;height: 100%; }
	#content { background: url(/_/themes/safefreight/images/content-tile.jpg) top center repeat-y; }
	#content-sub { background: url(/_/themes/safefreight/images/contentsub-tile.jpg) top center repeat-y; }
	
	#north-sub, #north-sub1 {  width: 960px; padding: 0; margin:0; overflow: hidden; }
	#north { background: url(/_/themes/safefreight/images/content-top.jpg) top center no-repeat; height: 960px; width: 960px; }
	#north-sub { background: url(/_/themes/safefreight/images/contentsub-top.jpg) top center no-repeat; }
	#north-sub1 { background: url(/_/themes/safefreight/images/contentsub1-top.jpg) top center no-repeat; }

	#south, #south-sub { width: 960px; height: 38px; padding: 0; margin:0; }
	#south { background: url(/_/themes/safefreight/images/content-bottom.jpg) bottom center no-repeat; }
	#south-sub { background: url(/_/themes/safefreight/images/contentsub-bottom.jpg) bottom center no-repeat; }
		
		#leftCol, #leftCol-sub {  float: left; position: relative; overflow: hidden; }
			#leftCol { width: 570px; padding: 30px; }
			#leftCol-sub { width: 480px; padding: 30px 0 0 10px; }
		#rightCol, #rightCol-sub { margin: 0 18px 0 0; position: relative; float: right; overflow: hidden; }
			#rightCol { width: 290px; padding: 30px 0; }
			#rightCol-sub { width: 220px; padding: 30px 0 10px 0; }
			
	/*--- left column --*/
	#products-box { color: #012a61; float: left; overflow: hidden; margin: 20px auto 30px auto; width: 100%; position: relative; }
		#products-box .product-col1, #products-box .product-col2, #products-box .product-col3  { float: left; margin-bottom: -60px; padding-bottom: 120px; background: #93b9f8; width: 33%; overflow: hidden; }
		#products-box .product-col1, #products-box .product-col2 { border-right: 1px solid #fff; }
		#products-box h2 { text-transform: uppercase; font-weight: bold; margin-bottom: 0; color: #e2f2fe!important; font-size: 15px; padding: 10px 12px; background: #121d4b; font-weight: bold; text-align: center; line-height: 17px; height: 30px; }
		#products-box br { margin-bottom: 0; }
		span.prdt { text-transform: uppercase; color: #82aff3; font-size: 12px; }
		#products-box p { margin: 0; padding: 0; }
		#products-box ul.checklist { padding: 20px 0; }
		#products-box ul.checklist li { font-size: 11px; background-image:url(/_/themes/safefreight/images/check-icon.png); background-repeat: no-repeat; background-position: 5px 0; padding: 0 10px 0 25px; text-align: left; }
		.product-col2 { text-align: center; }
		#smartfleetpro { margin: 10px 0 0 0; }
		/*.product-col2 img { margin: 15px 0 0 0 !important; padding: 0; background: none; border: 0 !important; clear: both; float:none !important; }*/
		.product-col3 { margin-right: 0; }
		#products-box a { margin-left: 40px; }
		a.btn-more { position: absolute; bottom:20px; margin: 5px auto; text-align: center; background:url(/_/themes/safefreight/images/btn-more.jpg) 0 0 no-repeat; color: #fff; width: 105px; height: 36px; display: block; text-decoration: none;  font: bold 12px/36px arial, sans-serif; }
		a.btn-more:hover { color: #b8d0f6; text-decoration: none; margin-top: 2px; }
			
	#latest-headlines { border: 1px solid #ccc; padding: 20px 5px; overflow: hidden; width: 276px;; margin-bottom: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
		#latest-headlines ul.news-list li { margin: 0; background: none !important; padding: 0 10px !important; }
		#latest-headlines h4 { color: #ff0000; margin-left: 10px; font-size: 11px; }
		#latest-headlines span.news-date { color: #a7a6a6; text-transform: uppercase; font: normal 11px/17px arial, sans-serif; margin-right: 5px; clear: both; }
		#latest-headlines ul.news-list li a { color: #454545; text-decoration: none; font: normal 12px/17px arial, sans-serif; clear: right; }
		#latest-headlines ul.news-list li a:hover { /*color: #1d75a1;*/ text-decoration: underline; }	

	/*--- right column ---*/
	.getdemo a { color: #4dc3ff; background: url(/_/themes/safefreight/images/getdemo.jpg) 0 0 no-repeat; width: 292px; height: 36px; display: block; margin: 0 auto 20px auto; text-align: center; line-height: 36px; font-size: 19px; text-transform: uppercase; font-family: "arial narrow", arial, sans-serif; }
	.getdemo a:hover { color: #257fa9; text-decoration: none; -khtml-opacity:.90; -moz-opacity:.90; -ms-filter:'alpha(opacity=90)'; filter:alpha(opacity=90); opacity:.90; }
	.contactsf { background: url(/_/themes/safefreight/images/contact-safefreight.gif) 0 0 no-repeat; height: 100px; padding: 10px 0 0 98px; border: 1px solid #adadaf; border-left: none; border-right: none; margin: 0 0 20px 0; font-size: 11px; }
		.contactsf p { margin: 0; }
		.contactnum { font-size: 18px; color: #e81c28; }
	#vid-testi-thumb { margin: 0 auto 20px auto; font-weight: normal; text-align: center !important; }
		#vid-testi-thumb br { margin-bottom: 0; }
		/*.testi-info { width: 240px; margin: 10px 0 10px 20px; text-align: center; }*/
		#vid-testi-thumb p img, #vid-testi-thumb a img, #vid-testi-thumb p, #vid-testi-thumb p a { text-align: center !important; margin-left: 25px; }
		/*a.testi-info { text-decoration: none; display: block; font-weight: normal; text-align: center; }
		a.testi-info:hover { color: #999; text-decoration: none; }
			span.cName { font-size: 16px; }
			.testi-info p { padding: 10px 0 0 10px; text-align: left; }*/
	.bottom { padding-bottom: 15px; text-align: center; }
	.career-op a img { display: block; margin: 0 0 20px 0; border: 0; }
	.career-op a:hover img { -khtml-opacity:.90; -moz-opacity:.90; -ms-filter:'alpha(opacity=90)'; filter:alpha(opacity=90); opacity:.90; }
	.promo-indy a img { display: block; margin: 0 0 20px 0; border: 0; }
	.promo-indy a:hover img { -khtml-opacity:.90; -moz-opacity:.90; -ms-filter:'alpha(opacity=90)'; filter:alpha(opacity=90); opacity:.90; }
	#content .media-download { position: absolute; bottom: 0; right:55px; z-index: 5; width: 209px; clear: both; overflow: hidden; }
	#content .media-download a img { cursor: pointer; display: block; margin: 20px auto 0 auto; clear: both; border: 0; }
	#content .media-download a:hover img { -khtml-opacity:.90; -moz-opacity:.90; -ms-filter:'alpha(opacity=90)'; filter:alpha(opacity=90); opacity:.90; }

#sidenav ul.navigation { background: url(/_/themes/safefreight/images/side-nav-bg.gif) 90px 0 no-repeat; height: 550px; width: 100%; padding: 10px 0 0 20px; margin: 30px 0 0 0; float: left; }
	#sidenav ul.navigation li a { color:#071c36; font: normal 12px arial, sans-serif; display: block; width: 182px; height: 42px; line-height: 50px; text-decoration: none; font-weight: normal; }
	#sidenav ul.navigation li a:hover, #sidenav ul.navigation li.active ul li a:hover { background: url(/_/themes/safefreight/images/side-nav-active.png) 0 0 no-repeat; width: 182px; text-decoration: none; }
	#sidenav ul.navigation li.active a { background: url(/_/themes/safefreight/images/side-nav-active.png) 0 0 no-repeat; }
	#sidenav ul.navigation li.active ul li a { background: none; }
	#sidenav ul.navigation li.active ul li.active a { background: url(/_/themes/safefreight/images/side-nav-active.png) 0 0 no-repeat; }
	#sidenav ul.navigation li.active ul li.active a > #sidenav ul.navigation li.active a{ background: none; }

#leftCol ul.navigation li { margin-bottom: 8px; }
#leftCol ul.navigation ul li { background: none !important; padding: 0; list-style-type: circle; margin: 0 0 0 15px; }
#leftCol ul.navigation ul ul li { list-style-type: none; }

#partners-section { background: url(/_/themes/safefreight/images/partners-tile.gif) 0 0 repeat-x #b4afaf; position: relative; height: 148px; padding: 10px; margin: 20px auto 0 auto; }
	#partners-list { text-align: left; margin: 0 auto; padding:10px 0 0 20px; background: #fff; overflow: hidden; }
	#partners-list h4 { color:#494949; }
	.partners { width: 860px; overflow: hidden; padding: 25px 0; margin: 0 auto; }
	.partners li { margin: 0 10px; height: 65px; width: 115px; }
	.partners li a img { display: block; border: none; -khtml-opacity:0.2; -moz-opacity:0.2; -ms-filter:'alpha(opacity=20)'; filter:alpha(opacity=20); opacity:0.2; border: 0; }
	.partners li a:hover img { -khtml-opacity:1; -moz-opacity:1.0; -ms-filter:'alpha(opacity=80)'; filter:alpha(opacity=80); opacity:1.0; }
	/*.partners-next, .partners-prev { float: left; color: #666; cursor: pointer; vertical-align:middle; }*/

#search-tags { font-size: 11px; text-align: right; color:#e5e5e5; margin: 20px auto 0; position: relative; padding: 0; }
	#search-tags p { padding: 0; margin: 0; }
	#search-tags a { color: #e5e5e5; font-weight: normal; text-decoration: underline; }
	#search-tags a:hover { color: #ccc; }
#wrapper-footer { text-align: left; margin: 0 auto; position: relative; padding: 0; }
	#footer {color: #839096; text-align: right; font-size: 11px; margin: 20px 0; position: relative; }
	#footer p { margin:0; padding: 0; }
	#footer a { color: #839096; text-decoration: none; border-bottom:1px solid #839096; padding-bottom: 1px; margin: 0 3px 0 3px; font-weight: normal; }
	#footer ul.navigation { float: right; margin: 0; padding: 0; margin: 0 0 20px 0; width: 70%; }
	#footer ul.navigation li { display: inline;  }
	#footer ul.navigation li a { color: #839096; text-decoration: none; border-bottom:1px solid #839096; padding-bottom: 1px; margin: 0 2px; font-weight: normal; }
	#footer ul.navigation li:after { content: " / " }
	#footer a:hover, #footer ul.navigation li a:hover { color: #6cf; border-bottom:1px solid #6cf; }

h1 { font: normal 2em/1.3em "lucida sans", sans-serif; letter-spacing: -1px; margin-bottom: 10px; padding-right: 20px; color: #284366; }
h2 { font: normal 1.50em/1em "lucida sans", sans-serif; margin-bottom: 10px; padding-right: 20px; color: #db171f; clear: both; }
h3 { font: bold 1.15em/1.3em "lucida sans", sans-serif; color: #1d75a1; margin-bottom: 5px; padding-right: 20px; }
h4 { font: bold 1.2em/1.2em "lucida sans", sans-serif; text-transform: uppercase; color: #070707; margin-bottom: 5px; padding-right: 20px; }
h5 { font: bold 1.10em/1.5em "lucida sans", sans-serif; margin-bottom: 5px; padding-right: 20px; }
p { margin: 0 0 20px 0; padding-right: 20px; }
a { color: #1d75a1; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a.Pdf { background:url(/_/themes/safefreight/images/pdf.png) 5px 0 no-repeat; padding: 2px 0 8px 25px; }
a.arw-more { color: #ed1c22; background-image: url(/_/themes/safefreight/images/red-arrow.png); background-position: center right; background-repeat: no-repeat; padding: 0 10px 0 0; margin: 20px 0 0 10px; font-weight: normal; }
a.arw-more:hover { color: #ab1c20; }
a.to-top { font-size: 10px; text-transform: uppercase; margin: 30px 0 0 0; }
.sm { text-transform: lowercase; }
blockquote p { font-style: italic; font-family: georgia, serif; }
hr { border: 0 none; width: 100%; color: #ececec; background-color: #ececec; height: 1px; text-align: center; margin-bottom: 20px; }
br { margin-bottom: 13px; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; font-size: 8px; }
sub { top: .5ex; font-size: 8px; }
.colBits { color: #606060; font-family: arial, sans-serif; padding: 30px 0 0 30px; line-height: 22px; }
.colBits br { margin: 0; padding: 0; }
#innerBox { overflow: hidden; padding: 30px 40px; }
#leftCol ul, #leftCol ol, #leftCol-sub ul, #leftCol-sub ol { margin-bottom: 20px; clear: both; }
#leftCol ul li, #leftCol-sub ul li { background:url(/_/themes/safefreight/images/blue-bullet.png) 5px 0 no-repeat; padding: 0 10px 0 25px; }
#leftCol ol li, #leftCol-sub ol li { list-style:inside decimal; padding: 0 0 0 15px; }
#leftCol a img, #leftCol img, #leftCol-sub a img, #leftCol-sub img { float: right; border:1px solid #ececec; padding: 5px; margin: 0 0 10px 25px; }
#leftCol a:hover img, #leftCol-sub a:hover img { border: 1px solid #ccc; }
#rightCol a img, #rightCol-sub a img { border: none; display: block; }
#rightCol a:hover img, #rightCol-sub a:hover img { -khtml-opacity:.95; -moz-opacity:.95; -ms-filter:'alpha(opacity=95)'; filter:alpha(opacity=95); opacity:.95; }
#rightCol h1 { color: #294364; font-size: 1.5em; margin: 0; padding: 0; }
#rightCol .rh1 { margin-bottom: 10px; }
#rightCol p, #rightCol img { clear:both; margin: 0 0 10px 2px;}

/*-- contact form --*/
#contact { float: left; margin:5px 0 50px 0; }
#contact { width:420px; padding:0; }
#contact dt{ padding:0; clear:both; width:20%; float:left; text-align:right; margin:5px 5px 5px 0; }
#contact dd{ padding:0; float:left; margin:5px 2px 5px 0; }
#contact p{ padding:0; margin:0; }
#contact input, #contact textarea{ font: 12px "lucida sans", sans-serif; background: #fefffe; color: #333; margin:0 0 2px 0; padding: 4px 4px; width: 250px; border: 1px solid #9c9c9c; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#contact textarea { height:150px; overflow:auto; }
#submit { float:right; width: 100px !important; margin: 0 70px 0 0 !important; background: #020c26 !important; color: #ccc !important; border: 1px solid #1d75a1 !important; cursor: pointer; }
#submit:hover { background: #1d75a1; }
.required:before{content:'* '}
.optional:before{content:'+ '}
ul.errors { list-style: none !important; margin: 0; padding: 0; }
ul.errors li { background: #cd171e; padding: 8px 8px !important; background-image: none !important; color: #f4f4f4; font: normal 12px arial, sans-serif; width: 250px; }
p.note { color: #008c00; font-weight: bold; font-size: 13px; padding: 10px 0 10px 25px; background: url(/_/themes/safefreight/images/check-icon.png) 6px 10px no-repeat #efefef; }

ul.search-list li { border-bottom: 1px dashed #ccc; padding: 0 0 15px 0 !important; margin-bottom: 10px; background: none !important; }
ul.search-list li br { margin-bottom: 0; }

/* salesforce form */

div.salesforce-form form {

}

div.salesforce-form label {
	display: block;
}

div.salesforce-form input,
div.salesforce-form input[type="text"],
div.salesforce-form textarea,
div.salesforce-form select {
	display: block;
	font: 12px "lucida sans", sans-serif; background: #fefffe; color: #333; margin:0 0 10px 5px; padding: 4px 4px; width: 420px; border: 1px solid #9c9c9c; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

div.salesforce-form select {
	width: 250px;
}

div.salesforce-form textarea {
	height: 100px;
}

div.salesforce-form br {
	display: none;
}

div.salesforce-form input[type="checkbox"],
div.salesforce-form input[type="radio"] {
	width: 20px;
}

div.salesforce-form input[type="submit"] {
	display: block;
	margin: 7px 45px 0px 0px;
	width: 100px !important; background: #020c26 !important; color: #ccc !important; border: 1px solid #1d75a1 !important; cursor: pointer;
	float: right;
}

div.salesforce-form input[type="submit"]:hover { background: #1d75a1; }

#tinymce { text-align: left !important; }

.btn-buyonline {
	text-align: center;
	background: url(/_/themes/safefreight/images/btn-buyonline.jpg) 0 0 no-repeat;
	color: #fff;
	width: 105px;
	height: 36px;
	display: block;
	text-decoration: none;
	font: bold 12px/36px arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-buyonline:hover {
	text-decoration: none;
	color: #efefef;
}

table, tbody { border: none; padding: 15px 10px; margin: 0; clear: both; margin-bottom: 30px; }
td, tr { vertical-align:top; }
table a img, table img { float: left; margin: 0 10px 0 0 !important; }
table p { margin: 10px 0 0 0; float: left; padding: 0;  }
table ul, table ol { float: left; padding-top: 10px; }

#safefreight-news { margin: 0 0 20px 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #be1212; padding: 10px; }
#safefreight-news h1 { margin-bottom: 5px; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #efefef; }
#safefreight-news li { background: url(/_/themes/safefreight/images/blue-bullet.png) 0 5px no-repeat; padding: 5px 20px; margin-bottom: 5px; border-bottom: 1px solid #ce4040; }
#safefreight-news li a { color: #3961e4; font-weight: normal; color: #e8f7f6; }