/* Begin Structure Styles =============================================== */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	overflow: -moz-scrollbars-vertical;
	background-color: #666666;
	
}


#wrapper {
	width: 760px;
	padding: 0px;
	margin: 0px auto;
	
}





#header {
	text-align: left;
	width: 760px;
	color: white;
	float: left;

}



#top_basket {
	
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	float: right;
	padding-top: 25px;	
    padding-right:10px;
}

#top_basket ul li {
	display: block;
	list-style-type: none;
	padding: 0 8px 2px 8px;
	margin-left: 5px;
}

#top_basket a {
	text-decoration: none;
	font-weight: bold;
}

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

#product_nav_container {
	background-image:url(../images/home_flash_bottom.jpg);
	font-weight: bold;
	color: white;
	height: 50px;
	line-height:50px;
	width:759px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	
	
}

#product_nav {
	list-style-type: none;
	float: left;
	font-size:10px;
	padding-left:20px;
}



#product_nav ul li {
	font-size:10px;
	display: inline;
	border-right: 1px solid white;
	padding-right: 3px;
	margin-left: 4px;	
}

#product_nav ul li.last {
	border: 0;
}

#product_nav a {
	text-decoration: none;
	color: white;
}

#product_nav a:hover {
	color: #F19406;
	text-decoration: none;

}


#footer {
	clear: both;
	height: 25px;
	padding:10px 0 5px 0;
	width: 760px;
	font-size: 10px;
	text-align: center;
	color:white;
	border-top-style: solid;
	border-top-width: 5px;
	border-color:#F19406;
	background-color: #1d408f;
}



.left_main {
	float:left;
	width:320px;



}



.right_main {

float:left;
width:400px;

}



/* End Structure Styles =============================================== */

#outer_content_container {
	text-align: left;
	float: left;
	width: 760px;
	padding-top: 5px;
}

#content_container {
	width: 760px;
	background-color: #FFFFFF;
	float: right;
}

.main_title {
	margin: 0 0 4px 0;
	padding: 8px 0 0 10px;
	width: 526px;
	float: left;
	background: #01466B;
	height: 32px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 516px;
	height: 24px;
}

.main_content {
	width: 490px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 10px;
	text-align:left;
}

.main_content h1, #main_content h2, #main_content h3, #main_content h3, {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.main_content ul {
	padding-left: 25px;
}

/* Begin Breadcrumb Styles =============================================== */

#breadcrumb {
	margin: 0 0 4px 0;
	padding: 4px 0 0 10px;
	width: 730px;

	border-top: 1px #9D7968 solid;
	border-bottom: 1px #9D7968 solid;
	height: 18px;
	font-size: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
	height: 18px;
	background-color: #CF3600;
	color: #FFFFFF;
}

#breadcrumb ul {
	margin: 0;
}

#breadcrumb ul li {
	display: inline;
	border-right: 1px solid #C2A887;
	padding-right: 4px;
	margin-left: 4px;	
}

#breadcrumb ul li.last {
	border: 0;
	padding: 0;
}

.breadcrumb1 {
	margin: 10px 0 4px 0px;
	padding: 4px 0 0 10px;
	width: 220px;
	float:left;
	text-align:left;
	height: 18px;
	font-size: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 220px;
	height: 18px;
	background-color: #7A8CB8;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
}

/* End Breadcrumb Styles =============================================== */

/* Begin Left Menu Styles =============================================== */

#left_nav_container {
	width: 250px;
	float: left;
}

.left_title {
	height:25px;
	line-height:25px;
	width: 250px;
	float: left;
	text-align:left;
	text-indent:15px;
	color:white;
	background: #CC6A96;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-weight:bold;
	
}

.left_content {
	background-image:url(../images/left_nav_back.jpg);
	width: 176px;
	height:185px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 176px;
	text-align:left;
}

.left_content ul {

padding-left:20px;
padding-top:10px;

	
}

.left_content ul li {
	list-style: none;


	
}

.left_content ul li a {
	font-weight: bold;
	color: white;
	width: 140px;
	text-align: left;
	display: block;
	height:19px;
	font-size: 10px;
	line-height:19px;
	text-indent:10px;
	padding-bottom:3px;
	text-decoration: none;
	border-bottom-color:white;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.left_content ul li a:hover {
	background:#0B1B52;
	color: #CA8016;
	text-decoration: none;
}

.left_content ul li a:visited {
	text-decoration: none;
}

.left_content ul li a:active {
	text-decoration: none;
}



.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 220px;

}

.markermenu li a{
background: white url(../images/arrow.gif) no-repeat 2px center;
font-size:10px;
color: #cc6a96;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 190px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: white;
background-color: #cc6a96;
background-image:url(../images/arrow.gif); /*onMouseover image change. Remove if none*/
}






/* End Left Menu Styles =============================================== */

/* Begin Class Styles =============================================== */

.fontwhite {
	color: #FFFFFF;	
}

.fontgrey {
	color: #999999;	
}

.fontyellow {
	color: #F4D836;	
}

.fontpink {
	color: #cc6a96;	
}

.fontblack {
	color: #000000;	
}

.fontred {
	color: #C70912;	
}
.fontorange {
	color: #da870c;	
}

.fontblue {
	color: #01466B;	
}

.border {
	border: 1px solid #7399AD;
}

.borderlight {
	/*border: 1px solid #C2A887;*/
}

.borderright {
	border-right: 1px solid #7399AD;
}

.borderleft {
	border-left: 1px solid #7399AD;
}

.borderbottom {
	border-bottom: 1px solid #7399AD;
}

.backgroundlight {
	background-color: #E5ECF0;
	border: solid 1px white;
}

.backgroundmedium {
	background-color: #7399AD;
	border: solid 1px white;
}

.backgrounddark {
	background-color: #C2A887;
}

.backgroundred {
	background-color: #C70912;
}

a:link, a:visited, a:active {
	color:white;
	text-decoration: none;
	
}

a:hover, a {
	color:black;
	text-decoration: none;

}

a.light:link, a.light:visited, a.light:active {
	color: #C2A887;
}

a.light:hover, a.white {
	color: #BC69A2;
}

a.white:link, a.white:visited, a.white:active {
	color: #FFFFFF;
	text-decoration:underline;	
}

a.white:hover, a.white {
	color: #da870c;
	text-decoration:underline;	
}


a.dark:link, a.dark:visited, a.dark:active {
	color: #333333;
	text-decoration:underline;	
}

a.dark:hover, a.white {
	color: black;
	text-decoration:underline;	
}

/* End Class Styles =============================================== */

/** Product List Page Styles Begin ===========================================*/

.productlistrow {
	float: left;
	border: 1px solid #7399AD;
	margin-top: 12px;
	width: 504px;
}

.productlist_home {
	float: left;
	border-bottom: 1px solid #5b7186;
	padding-bottom: 20px;
	width: 490px;
	margin-bottom: 10px;
}

.productlistcolumn1 {
	float: left;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
	width: 115px;
	border-right: 1px #5b7186;
	border-right-style:dashed;
	text-align: left;
}


.productlistcolumn1_last {
	float: left;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	width: 110px;
	border: 0;
}



.productlistcolumn2 {
	float: left;
	padding: 0;
	margin: 10px 5px 0 4px;
	width: 350px;
}

/** Product List Page Styles End ===========================================*/

/* Begin Basket Styles =============================================== */

.baskettop {
	font-weight: bold;
	color: #FFFFFF;
	background: #C2A887;
	padding: 5px;
}
.basketmiddle {
	padding: 3px;	
}
.basketbottom {
	color: #FFFFFF;
	padding: 3px;
	background: #C2A887;
}

/* End Basket Styles =============================================== */

/* Begin Form Styles =============================================== */

form {
	margin: 0;
	padding: 0;
}

legend { 
	padding: 0 6px;
	color: #01466B;
	font-weight: bold;
}

fieldset, input, textarea {
	background-color:white;
	color:#2C4074;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

label {
	display: block;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
	margin-bottom: 0px;
	width: 100px;
	font-weight: normal;
	font-size: 10px;
}

.input {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #5B7186 solid;
	color: #01466B;
}

.textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #5B7186 solid;
	color: #01466B;
}

/* End Form Styles =============================================== */

/* ian Styles =============================================== */


.products_line {
    width:150px;
    float: left;
    border-top-style: solid;
    border-top-width: 5px;
    border-color:#9E191A;
	padding-bottom:2px;
}


.product_button {
     float: left;
     width:75px;
	 height:18px;
	line-height:18px;
	 background:#77a2d7;
     margin-top:5px;
     margin-bottom:30px;
     text-align: center;
	 color:white;
}


.product_button link {
     float: left;
     width:80px;
	 height:18px;
	line-height:18px;
	background:#77a2d7;
    text-align: center;
	 color:white;
}
.product_button a {
     float: left;
     width:80px;
	 height:18px;
	line-height:18px;
	background:#77a2d7;
     text-align: center;
	 color:white;
	 text-decoration: none;
}
.product_button a:hover { 
	color:white;
	background:#cc6a96;
	text-decoration: none;

}
.product_button a:active {
text-decoration: none;
}


.submit_button {
     float: left;
     width:75px;
	 height:18px;
	line-height:18px;
	 background:#cc6a96;
     margin-top:5px;
     margin-bottom:30px;
     text-align: right;
	 color:white;
	 text-decoration: none;
}


.submit_button link {
     float: left;
     width:80px;
	 height:18px;
	line-height:18px;
	background:#77a2d7;
    text-align: center;
	 color:white;
	 text-decoration: none;
}
.submit_button a {
     float: left;
     width:80px;
	 height:18px;
	line-height:18px;
	background:#cc6a96;
     text-align: center;
	 color:white;
	 text-decoration: none;
}
.submit_button a:hover { 
	text-decoration: none;
 	color:white;
	background:#77a2d7;
	

}
.submit_button a:active {

}



.pinkborderpadding {
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color:#cc6a96;
	padding:5px;
	background-color:white;
	text-align: left;
}
.border {
	
	border-style: solid;
	border-width: 1px;
	border-color:#cc6a96;
}


.latest_news {
	background:url(../images/latest_news.jpg);
	width:290px;
	height:105px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding-left: 19px;
	padding-right: 10px;
	padding-top: 55px;
	font-size:10px;


}

.enhanced_report {
	background:url(../images/enhanced_reporting.gif);
	width:280px;
	height:130px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 100px 10px 0px 28px;
	font-size: 10px;



}


.vehicle_tracking {
	background:url(../images/vehicle_tracking.jpg);
	width:215px;
	height:35px;
	float:left;
	padding-top: 125px;
	text-align: left;
	padding-left: 10px;

}

.case_studies {
	background:url(../images/case_studies.gif);
	width:150px;
	height:100px;
	float:left;
	padding-top: 55px;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 20px;
	text-align: left;

}

.surerior_mapping {
	background:url(../images/surerior_mapping.jpg);
	width:378px;
	height:210px;
	float:left;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 10px;
}



.button1 {
	background:url(../images/button_more.gif);
     float: left;
  	width:109px;
	 height:21px;
	line-height:21px;
     text-align: left;
	 color:white;
	 text-decoration: none;
	 font-size:10px;
	 font-weight:bold;
}


.button1 link {
     float: left;
 	 width:109px;
	 height:21px;
	line-height:21px;
	background-color:#F19406;
	 color:white;
	 text-decoration: none;
}
.button1 a {
     float: left;
 	 width:109px;
	 height:21px;
	line-height:21px;
	color:white;
     text-align: center;
	 text-decoration: none;
}
.button1 a:hover { 
	background:url(../images/button_more_r.gif);
	text-decoration: none;
 	color:white;
	
	

}
.button1 a:active {
 	color:white;
	
}






.button2 {
	background:url(../images/more_details.gif) no-repeat;
	float: left;
	 width:120px;
	height:21px;
	line-height:21px;
	  font-size:10px;
	 font-weight:bold;
	 color:white;
	
	 
	 
}


.button2 link {
	background:url(../images/more_details.gif) no-repeat;
	float: left;
	 width:120px;
	height:21px;
	line-height:21px;
	  font-size:10px;
	 font-weight:bold;
	 color:white;
	 text-indent:10px;
	 
}
.button2 a {
	background:url(../images/more_details.gif) no-repeat;
	float: left;
	 width:120px;
	height:21px;
	line-height:21px;
	  font-size:10px;
	 font-weight:bold;
	 color:white;
	 
}
.button2 a:hover { 
	background:url(../images/more_details.gif) no-repeat;
	float: left;
	 width:120px;
	height:21px;
	line-height:21px;
	  font-size:10px;
	 font-weight:bold;
	 color:white;
	 

}
.button2 a:active {
 	color:white;
	background-color:#AB3351;
	text-decoration: none;
}


.main_header {
	background:url(../images/background_main_header.jpg);
	width:760px;
	border-top-style: solid;
	border-top-width: 3px;
	border-color:#F19406;
	float: left;



}



.questions_left {
	background:url(../images/questions_left.jpg);
	width:150px;
	height:25px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;

}


.schedule_left {
	background:url(../images/schedule_left.jpg);
	width:150px;
	height:25px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;

}

.recommend_friend {
	background:url(../images/recommend_friend.jpg);
	width:150px;
	height:25px;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;


}

.send_friend {
	background:url(../images/send_friend.gif);
	width:150px;
	height:25px;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;


}


.download_powerpoint {
	background:url(../images/download_powerpoint.jpg);
	width:150px;
	height:25px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;

}

.download_demo {
	background:url(../images/download_demo.gif);
	width:150px;
	height:25px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;

}



.please_call {
	background:url(../images/please_call.gif);
	width:150px;
	height:25px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;

}

.arrange_demo {
	background:url(../images/arrange_demo.gif);
	width:150px;
	height:25px;
	float:left;
	text-align: left;
	color: #FFFFFF;
	padding: 40px 0px 0px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;

}

.main_content_left {
	float:left;
	width:170px;
	text-align: left;

}

#menu {
	width: 170px;
}

#menu ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu a
{
	display: block;
	background-color: #999999;
	border-bottom: 1px solid #eee;
	padding: 3px 0 3px 5px;
}

#menu a:link, #navlist a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#menu a:hover
{
background-color: #369;
color: #fff;
}
	


.main_content_right {
	float:left;
	text-align:left;
	width:570px;


}

.main_content_right_left {
	float:left;
	text-align:left;
	width:250px;
	border-right-style:dashed;
	border-right-width:1px;
	padding-left: 30px;
}

.main_content_right_right {
	float:left;
	text-align:left;
	width:220px;
	padding-left: 10px;

}


.flash {
	width:759px;
	height:274px;
	float:left;


}




.hidden
{
	display:none;
}


.popup_back {
	background-image:url(../images/popup-master.jpg);
	padding-top: 80px;
	height:620px;
	width:760px;
	float: left;
	text-align:center;
	
	
}


img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 10px 20px 10px 10px; 
	border-style: solid;
	border-width: 1px;
	border-color:#f19406;
}



img.floatLeftClear { 
    float: left; 
    clear: left; 
     margin: 10px 12px 10px 0px; 
	 border-style: solid;
	border-width: 1px;
	border-color:#f19406;
}

img.floatLeftClear2 { 
    float: left; 
    clear: left; 
     margin: 0px 5px 0px 0px; 

}

#dhtmltooltip{
position: absolute;
width: 350px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.bullet {
	margin: 0;
	padding: 10px 10px 0 5px;
	float: left;
}

.bullet ul li {
	list-style-type: none;
	background:url(../images/arrows.gif) no-repeat 0 3px;
	display: block;
	font-size: 11px;
	font-weight:normal;
	padding: 0 5px 10px 12px;
	color: #333333;
}