/* CSS Document */
/*** BEGIN STRUCTURAL ELEMENTS ***/
/* Reset Tags */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;  padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul,ol{}
body {line-height: 1.5;}
table {border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* Set Basic Typography */
h1,h2,h3,h4,h5,h6 {font-weight: normal; }
h1 {font-size: 2.0em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.75em; color:#343434;}
h2 {font-size: 1.8em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.75em; color:#343434;}
h2#page_title{font-size:2.0em;}
h3 {font-size: 1.8em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.5em; color:#343434;}
h4 {font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.5em; color:#f8ea51;}
h5 {font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 0; color: #343434}
h6 {font-size: 1.0em; line-height: 1.6em; font-weight: bold; margin-bottom: 0; color: #343434}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
p {margin: 0 0 1.5em;}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em;}
a:focus,a:hover{text-decoration: underline;}
a {color: #2266ac; text-decoration: none;}
blockquote {margin: 1.5em; color: #666; font-style: italic;}
strong{ font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
ol li ul { list-style: disc;}
	/*** general ***/
body {font-family:Georgia, "Times New Roman", Times, serif;	font-size:75%; text-align:center; background: url(../images/bg-body.jpg) repeat center; margin: 0; padding: 0; color:#343434;}
.clearboth {clear:both;}
.nowrap {white-space:nowrap;}
#super_container { background: url(../images/bg-top.jpg) repeat-x top left ; min-height:470px; padding-top:7px;}
#container {width: 801px; margin: 0 auto; padding: 0; background:url(../images/bg-container.png) repeat-y;}
/*** header area ***/
#header_index {width:801px; height:396px; background: url(../images/bg-header.jpg) top left no-repeat; position:relative;}
#header {width:801px; height:125px; background: url(../images/bg-header.jpg) top left no-repeat; position:relative;}
h1#logo {padding:0px; margin:0px; position:absolute; top:19px; left:26px;}
h1#logo a{width:191px; height:88px; background: url(../images/logo.gif) no-repeat; text-indent: -99999px; display: block; overflow: hidden; cursor: pointer;}
/*** end header area ***/
#main_navigation {width:543px; height:60px; top:63px; left:272px; margin:0px; padding:0; position: absolute; background:url(../images/bg-corner.jpg) top right no-repeat;}
/*** BEGIN TOP NAVIGATION ***/
ul#navigation {float: left;	list-style: none; padding: 0px;	margin: 0px; margin-top:4px; height:33px;}
ul#navigation li {display: inline; float: left;}
ul#navigation li a{height: 33px; display: block; cursor: pointer; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat !important;	background-position: top left;}
ul#navigation li a:hover{background-position: bottom left !important;}
ul#navigation li a.selected{background-position: bottom left !important;}
ul#navigation li a.nav_why {width: 149px; background: url(../images/nav-why.jpg);}
ul#navigation li a.nav_faqs{width: 75px; background: url(../images/nav-faqs.jpg);}
ul#navigation li a.nav_contact{width: 127px; background: url(../images/nav-contact.jpg);}
ul#navigation li a.nav_login{width: 166px; background: url(../images/nav-login.jpg);}
/*** END TOP NAVIGATION ***/
/********* SIDE NAV OPTION ***********/

/********* END SIDE NAV OPTION ***********/
#primary_side {float:left; width:201px;	margin:0 0 0 8px;}
#secondary_side{ float:left; width:225px; margin:0 2px 0 0;} 
#content_area_index{margin:0; padding:0; text-align:left; clear:both;}
#content_area{margin:0; padding:25px; padding-top:0px;  text-align:left; clear:both;}
/*** footer area ***/
#footer {width:793px; margin:0px auto; padding:4px 0 8px 0; background: url(../images/bg-bottom.jpg) top left no-repeat; clear: both; }
#footer a{color: #343434;text-decoration:none;}
#footer p {float:left; font-size:0.9em;color: #343434;}
#footer p.credit {float:right; }
#footer a:hover{text-decoration:underline;}
/*** end footer area ***/
/*** BEGIN HOMEPAGE STYLES ***/
#primary_side p {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; margin:0; padding:0;}
/**/
#content_area p{margin:0 0 0 0; padding-bottom: 15px; line-height:1.5em;}
#content_area p a{color:#641622; text-decoration:underline;}
#content_area p a:hover{color:#000000;}
a#beta_login {float:right; margin-right:45px; margin-top:4px; font-size:75%; color:#F8EA51;}
a#beta_login:hover {text-decoration:none; color:#FFFFFF;}
/*** END HOMEPAGE STYLES ***/
#banner { position: absolute; top:122px; left:8px; background:url(../images/banner.jpg); width:785px; height:270px; text-indent:-9999px;}
#homepage_button_container{height: 60px !important;}
#button_vehicle_tracker { width:181px; height:40px; float:left; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/button-vehicle.png) no-repeat; position: relative}
#button_trailer_tracker { width:181px; height:40px; float:left; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/button-trailer.png) no-repeat; position: relative}
#button_asset_tracker { width:181px; height:40px; float:left; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/button-asset.png) no-repeat; position: relative}
#button_request_a_quote { width:181px; height:40px; float:left; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/button-request.png) no-repeat; position: relative }
#button_comparison_chart { width:506px; height:34px; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/button-chart.jpg) no-repeat; margin: 0 auto;}
#box_gray{ background:url(../images/gray-top.jpg) no-repeat top left; padding-top:13px; color:#FFFFFF;}
#box_gray h2{float:left; color:#FFFFFF;}
#box_gray_content{background: url(../images/bg-gray.jpg) repeat-y; padding:20px 36px; font-size:1.4em;}
#box_gray_content p{clear:both;}
#box_orange{background:url(../images/gray-bottom.jpg) no-repeat top left; padding-top:14px; color:#FFFFFF;}
#box_orange h3,#box_orange h3 a{color:#FFFFFF;text-decoration:none;overflow:hidden;}
#box_orange_content{background: url(../images/bg-orange.jpg) repeat-y; padding:9px 36px 20px 71px; position:relative;}
#box_orange_content .icon{width:40px; height:30px; position:absolute; top:9px; left:17px; background:url(../images/icon-car.png) no-repeat; text-indent:-99999px; overflow:hidden;}
#box_blue{background:url(../images/bg-between.jpg) no-repeat top left; padding-top:8px; color:#FFFFFF;}
#box_blue h3,#box_blue h3 a{color:#FFFFFF;text-decoration:none;overflow:hidden;}
#box_blue_content{background: url(../images/bg-blue.jpg) repeat-y; padding:9px 36px 20px 71px; position:relative;}
#box_blue_content .icon{width:35px; height:39px; position:absolute; top:9px; left:17px; background:url(../images/icon-magnify.png) no-repeat; text-indent:-99999px; overflow:hidden;}
#box_green{background:url(../images/bg-between.jpg) no-repeat top left; padding-top:8px; color:#FFFFFF;}
#box_green h3,#box_green h3 a{color:#FFFFFF;text-decoration:none;overflow:hidden;}
#box_green_content{background: url(../images/bg-green.jpg) repeat-y; padding:9px 36px 20px 71px; position:relative;}
#box_green_content .icon{width:38px; height:42px; position:absolute; top:9px; left:17px; background:url(../images/icon-satellite.png) no-repeat; text-indent:-99999px; overflow:hidden;}
#box_red{background:url(../images/bg-between.jpg) no-repeat top left; padding-top:8px;}
#box_red_content{background: url(../images/bg-red.jpg) repeat-y; padding:4px 0px; margin:0px auto; width:801px;}
h4.product_title{float: left; margin-right: 10px; margin-top: 0px; clear: both; position: relative; z-index: 10}
h4 a {color:#f8ea51; text-decoration: none;}
h4 a:hover {color:#444444; text-decoration: none;}
p.product_desc{padding-top: 4px; padding-bottom: 5px; margin-bottom: 5px;}
.image_right {float:right; margin: 0 0 10px 10px; border: 2px solid #560202;}
/*************************** WHY FLEETSAT STYLES ************************************/
.why_fleetsat_listing{color:#600; line-height: 2em;}
ul.how_gps_list{color: #d05b0c; padding-top: 0; margin-top: 0; margin-left: 0; padding-left: 20px;}
ul.how_gps_list li{padding-bottom: 20px;}
ul.how_gps_list span{color: #000000;}
ul.how_gps_list span strong{color: #900;}
#faqs_table td {padding: 10px 20px 10px 10px;}
#faqs_table tr.alternate_row{background: url(../images/bg_alternate_row.jpg) top left repeat-x #faf1ed}
#faqs_table strong{color: #900}
#faqs_table .question_column{width:35%;}
#faqs_table .answer_column{width:65%;}
#why_fleetsat_buttons {margin-bottom:20px;}
#why_fleetsat_buttons ul {margin:0; padding:0; list-style-type:none;}
#why_fleetsat_buttons ul li {float:left; margin-right:10px;}

/* Remove these if Sample Reports and Alerts is enabled */
/* See also, ie6.css */
#why_fleetsat_buttons ul li {float:left; margin-right:52px;}
#why_fleetsat_buttons ul li.first {margin-left:52px;}

#why_fleetsat_buttons ul li.last {margin-right:0; float:none;}
#why_fleetsat_buttons ul li a{width:180px; height: 43px; display: block; cursor: pointer; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat !important;	background-position: top left;}
#why_fleetsat_buttons .top_10_reasons {background-image: url("/images/btn-top-10-reasons.gif");}
#why_fleetsat_buttons .tracking_interface {background-image: url("/images/btn-tracking-interface.gif");}
#why_fleetsat_buttons .testimonials {background-image: url("/images/btn-testimonials.gif");}
#why_fleetsat_buttons .sample_reports {background-image: url("/images/btn-sample-reports.gif");}
/*** BEGIN LIST STYLES ***/
ul.bullet_list {list-style-type:disc; color:#D05B0C; margin:0; line-height:2.0em;}
ul.bullet_list li span {color:#600;}
/*** END LIST STYLES ***/
/*** TOP 10 REASONS STYLES ***/
#top_10_table {width:520px; margin-left:120px;}
#top_10_table td {padding: 10px 20px 10px 10px;}
#top_10_table tr.alternate_row{background: url(../images/bg_alternate_row.jpg) top left repeat-x #faf1ed}
#top_10_table strong{color: #900}
#top_10_table .count_column{width:110px;}
#top_10_table .reason_column{}
#top_10_table .go_green {color:#009900; font-weight:bold;}
/*** TRACKING INTERFACE STYLES ***/
#tracking_interface_points_container {margin:0 0 20px 10px; float:left;}
#tracking_interface_points_container ul {float:left; width:315px;}
#tracking_interface_image_container {margin-left:25px; clear:both;}
/*** TESTIMONIALS STYLES ***/
#testimonials_clients_container {margin:0 0 20px 40px; float:left;}
#testimonials_clients_container ul {float:left; width:225px;}
.testimonial {margin-bottom:30px;}
img.testimonials_person_image {float:right;}
/*** BEGIN FORM STYLES ***/
form.common_form label {color:#990000; font-weight:bold;}
input, textarea {font-family:inherit; font-size:inherit;}
.input_row td{ padding:10px 0px;}
#dontfillmeout {display:none;}
.required {font-weight:bold;}
.success {color:#009900; text-align:center; padding:10px; font-size:1.4em;}
.failure {color:#990000; text-align:center; padding:10px; font-size:1.4em;}
.odd_row{background: url(../images/bg_alternate_row.jpg) top left repeat-x #faf1ed}
/*** END FORM STYLES ***/
/*** BEGIN CONTACT US STYLES ***/
#contact_info {width:25%;float:left;text-align:center;padding-right:5%;}
#contact_info span {display:block; clear:both;font-style:italic; font-size:1.2em; line-height:1.6em;}
#contact_info span#store_name {font-size:1.8em; font-weight:bold;}
#contact_info span#store_address {}
#contact_info span#store_region {}
#contact_info span#store_phone {}
#contact_form_container {width:70%;float:left;}
#contact_form_container td{padding:10px;}
#contact_form {text-align:left;}
#contact_form label {width:100%; float:left;}
#contact_form input.text {width:90%;}
#contact_form textarea {width:100%; resize:none;}
#contact_form input.select {resize:none;}
#contact_form input.submit {background:url("/images/btn-send.gif"); width:100px; height:30px; border:none; cursor:pointer;}
/*** END CONTACT US STYLES ***/
/*** BEGIN CUSTOMER LOGIN STYLES ***/
#login_form_container {width:100%; text-align:center;}
#login_form_container td{padding:10px;}
#login_form label {display:block; margin-bottom:8px;}
#login_form input.text {width:200px;}
#login_form input.submit {background:url("/images/btn-log-in.gif"); width:100px; height:30px; border:none; cursor:pointer;}
/*** END CUSTOMER LOGIN STYLES ***/
/*** BEGIN PRODUCT SHEET STYLES ***/
#product_sheet #left_column {width:471px; float:left; margin-right:40px;}
#product_sheet #right_column {width:220px; float:left;}
#product_sheet #product_image_container {margin:20px;}
#product_sheet #features_list ul {line-height:1.5em;}
#product_sheet #features_list ul li {margin-bottom:15px;}
#product_sheet .product_notes {text-indent:-10px; margin-left:10px;}
#product_sheet .fine_print {font-size:0.8em; font-style:italic;}
/*** END PRODUCT SHEET STYLES ***/
/*** BEGIN SPEC SHEET STYLES ***/
#spec_sheet #left_column {width:355px; float:left; margin-right:40px;}
#spec_sheet #right_column {width:355px; float:left;}
#spec_sheet .spec_sheet_table_header {margin-top:10px;}
#spec_sheet table.spec_sheet_table {border-collapse:collapse;}
#spec_sheet table.spec_sheet_table td {border:1px solid #000000; padding:3px 5px;}
#spec_sheet table.spec_sheet_table td.label {width:100px;}
#spec_sheet table.spec_sheet_table td.value {width:250px;}
#spec_sheet #product_image_container {margin:60px 87px 20px 87px;}
/*** END SPEC SHEET STYLES ***/