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

/*
 * CSS FILE 
 * @CLIENT		   NORTHGATE
 * @TYPE		   GLOBAL
 * @DATE_CREATED   09/01/2009
 * @AUTHOR		   QT CREATIVE (STEVE COE)
 */
 
#vm_wrapper { width:951px; height:411px; margin:15px 7px 12px 6px; background:transparent url('../images/vehiclemonitoring/bg.jpg') no-repeat scroll left top; position:relative; }

#vm_wrapper2 { width:954px; /*width:951px;*/ height:522px; margin:15px 0px 12px 6px; background:transparent url('../images/vehiclemonitoring/bg2.jpg') no-repeat scroll left top; position:relative; }
 
 #vm_leftpanel
 {
 width:282px;
 height:392px;
 float:left;
 position:relative;
 }
 
 		#vm_nav ul { list-style-type:none; margin:34px 0px 0px 29px; padding:0; }
		
		#vm_nav ul li.vm_nav1 a 
		{
		width:123px; height:36px; 
		margin:0px 0px 7px 0px;
		background:transparent url('../images/vehiclemonitoring/nav/overview_off.gif') no-repeat scroll left top;
		display:block; text-indent:-10000px;
		}
		
		#vm_nav ul li.vm_nav2 a 
		{
		width:248px; height:36px; 
		margin:0px 0px 7px 0px; 
		background:transparent url('../images/vehiclemonitoring/nav/vehiclemonitoring_off.gif') no-repeat scroll left top;
		display:block; text-indent:-10000px;
		}
		
		#vm_nav ul li.vm_nav3 a 
		{
		width:122px; height:36px;
		margin:0px 0px 6px 0px;  
		background:transparent url('../images/vehiclemonitoring/nav/benefits_off.gif') no-repeat scroll left top;
		display:block; text-indent:-10000px;
		}
		
		/*#vm_nav ul li.vm_nav4 a 
		{
		width:176px; height:36px;
		margin:0px 0px 8px 0px;   
		background:transparent url('../images/vehiclemonitoring/nav/brochure_off.gif') no-repeat scroll left top;
		display:block; text-indent:-10000px;
		}*/
		
		#vm_nav ul li.vm_nav4 a 
		{
		width:218px; height:36px;
		margin:0px 0px 8px 0px;   
		background:transparent url('../images/vehiclemonitoring/nav/download_off.gif') no-repeat scroll left top;
		display:block; text-indent:-10000px;
		}
		
		#vm_nav ul li.vm_nav5 a 
		{
		width:123px; height:36px; 
		background:transparent url('../images/vehiclemonitoring/nav/contact_off.gif') no-repeat scroll left top;
		display:block; text-indent:-10000px;
		}
		
		#vm_nav ul li.vm_nav1, #vm_nav ul li.vm_nav1 a:hover, #vm_nav ul li.vm_nav1 a.on
		{
		background:transparent url('../images/vehiclemonitoring/nav/overview_on.gif') no-repeat scroll left top;
		}
		
		#vm_nav ul li.vm_nav2, #vm_nav ul li.vm_nav2 a:hover, #vm_nav ul li.vm_nav2 a.on
		{
		background:transparent url('../images/vehiclemonitoring/nav/vehiclemonitoring_on.gif') no-repeat scroll left top;
		}
		
		#vm_nav ul li.vm_nav3, #vm_nav ul li.vm_nav3 a:hover, #vm_nav ul li.vm_nav3 a.on
		{
		background:transparent url('../images/vehiclemonitoring/nav/benefits_on.gif') no-repeat scroll left top;
		}
		
		/*#vm_nav ul li.vm_nav4, #vm_nav ul li.vm_nav4 a:hover, #vm_nav ul li.vm_nav4 a.on
		{
		background:transparent url('../images/vehiclemonitoring/nav/brochure_on.gif') no-repeat scroll left top;
		}*/
		
		#vm_nav ul li.vm_nav4, #vm_nav ul li.vm_nav4 a:hover, #vm_nav ul li.vm_nav4 a.on
		{
		background:transparent url('../images/vehiclemonitoring/nav/download_on.gif') no-repeat scroll left top;
		}
		
		#vm_nav ul li.vm_nav5, #vm_nav ul li.vm_nav5 a:hover, #vm_nav ul li.vm_nav5 a.on
		{
		background:transparent url('../images/vehiclemonitoring/nav/contact_on.gif') no-repeat scroll left top;
		}
 
 		#login_wrapper
		{
		width:236px;
		height:121px;
		padding:9px 16px 20px 12px;
		background:transparent url('../images/vehiclemonitoring/loginbg.gif') no-repeat scroll left top;
		position:absolute;
		left:29px;
		_left:35px;
		top:250px;
		}
		
		#login_wrapper2
		{
		width:236px;
		height:121px;
		padding:9px 16px 20px 12px;
		background:transparent url('../images/vehiclemonitoring/loginbg2.gif') no-repeat scroll left top;
		position:absolute;
		left:29px;
		_left:35px;
		top:252px;
		}
		
				h3.vm_login { height:14px; margin:0px 0px 4px 15px; padding:0px; font-size:12px; color:#ffffff; overflow:hidden; }
				
				#login_wrapper form { height:90px; overflow:hidden; margin:0px; padding:0px; }
				
				div.form_field { margin-bottom:2px; }
				
					div.form_field label { width:80px; margin-top:3px; float:left; color:#ffffff; }
					div.form_field .vml_textbox { width:134px; height:18px; margin:0px; padding:0px; }
				
				/*.vm_submit
				{
				width:42px; height:8px;
				margin:0px 0px 0px 174px; padding:0;
				background:transparent url('../images/vehiclemonitoring/vm_submit.gif') no-repeat scroll left top;
				display:block;
				cursor:pointer;
				text-indent:-10000px;
				overflow:hidden;
				border:0;
				}*/
				
				.vm_submit
				{
				width:50px; height:20px;
				margin:0px 0px 0px 170px; padding:0;
				background:transparent url('../images/vehiclemonitoring/vm_submit2.gif') no-repeat scroll left top;
				display:block;
				cursor:pointer;
				text-indent:-10000px;
				overflow:hidden;
				border:0;
				}
				
				p.vml_info { margin:0px; padding:0px 20px 0px 0px; font-size:9px; color:#ffffff; text-align:center; }
 				
#vm_rightpanel
{
width:646px;
height:411px;
float:left;
margin-left:20px;
position:relative;
}

#vm_rightpanel2
{
width:646px;
height:411px;
float:left;
margin-left:26px;
position:relative;
}

#vm_noticepanel
{
width:600px;
height:411px;
float:left;
margin-left:180px;
margin-top:80px;
position:relative;
}

*html #vm_noticepanel { margin-left:90px; }

a.continue 
{
width:243px; height:23px; 
margin:10px auto 0px auto;
background:transparent url('../images/vehiclemonitoring/continue_button.gif') no-repeat scroll right top; 
text-indent:-10000px; display:block 
}

				.bg_overview { background:transparent url('../images/vehiclemonitoring/bg_overview2.jpg') no-repeat scroll right top; }
				.bg_whatvm { background:transparent url('../images/vehiclemonitoring/bg_whatvm2.jpg') no-repeat scroll right top; }
				.bg_benefits { background:transparent url('../images/vehiclemonitoring/bg_benefits2.jpg') no-repeat scroll right top; }
				.bg_brochure { background:transparent url('../images/vehiclemonitoring/bg_brochure2.jpg') no-repeat scroll right top; }
				.bg_contact { background:transparent url('../images/vehiclemonitoring/bg_contact2.jpg') no-repeat scroll right top; }
 
 				/*TEXT CONTAINER ORIG. .textcontainer { width:325px; }*/
				.textcontainer_notice { width:600px; text-align:center; }
				.textcontainer { width:300px; }
				.textcontainer_whatvm { width:340px; }
				.textcontainer_benefits { width:350px; }
				.textcontainer_brochure { width:300px; }
				.textcontainer_contact { width:310px; }
				.textcontainer_failure { width:280px; }
 
						#vm_rightpanel h2,
						#vm_rightpanel2 h2,
						#vm_noticepanel h2
						{
						margin:32px 0px 8px 0px;
						color:#ffffff;
						font-size:28px;
						line-height:26px;
						}
						
						#vm_rightpanel h3,
						#vm_rightpanel2 h3,
						#vm_noticepanel h3
						{
						margin-top:3px;
						margin-bottom:3px;
						color:#ffffff;
						font-size:12px;
						font-weight:bold;
						}
						
						#vm_rightpanel p,
						#vm_rightpanel2 p
						{
						color:#ffffff;
						font-size:12px;
						line-height:15px;
						margin:8px 0px 8px 0px;
						}
						
						#vm_noticepanel p
						{
						color:#ffffff;
						font-size:12px;
						line-height:15px;
						margin:8px 0px 8px 0px;
						font-weight:bold;
						}
						
						#vm_rightpanel ul,
						#vm_rightpanel2 ul,
						#vm_noticepanel ul
						{
						margin-left:0px;
						padding-left:20px;
						}
						
						#vm_rightpanel li,
						#vm_rightpanel2 li
						{
						color:#ffffff;
						font-size:12px;
						line-height:15px;
						}
						
						#vm_noticepanel li
						{
						color:#ffffff;
						font-size:12px;
						line-height:15px;
						font-weight:bold;
						}
						
								#vm_rightpanel .vm_contactform
								{
								width:248px;
								margin:20px auto 0px auto;
								}
								
										.vm_contactform p.form_details { margin:0px 0px 0px 0px; padding:0px; font-weight:bold; }
										.vm_contactform .form_field { margin:2px 0px 2px 0px; }
										.vm_contactform .form_field label { width:100px; }
										.vm_contactform .vmc_textbox { width:130px; height:18px; }
										
										/*.vm_contactform .vmc_submit
										{
										width:54px; height:16px;
										margin:10px 0px 0px 100px; padding:0;
										background:transparent url('../images/vehiclemonitoring/vmc_submit.gif') no-repeat scroll left top;
										display:block;
										cursor:pointer;
										text-indent:-10000px;
										overflow:hidden;
										border:0;
										}*/
										
										.vm_contactform .vmc_submit
										{
										width:52px; height:21px;
										margin:10px 0px 0px 100px; padding:0;
										background:transparent url('../images/vehiclemonitoring/vmc_submit2.gif') no-repeat scroll left top;
										display:block;
										cursor:pointer;
										text-indent:-10000px;
										overflow:hidden;
										border:0;
										}
										
										.vmf_submit
										{
										width:52px; height:21px;
										margin:10px 0px 0px 100px; padding:0;
										background:transparent url('../images/vehiclemonitoring/vmc_submit2.gif') no-repeat scroll left top;
										display:block;
										cursor:pointer;
										text-indent:-10000px;
										overflow:hidden;
										border:0;
										}
							
							ul.whatisvm_list { margin-top:10px; margin-bottom:10px; }
							p#footnote { width:250px; margin-top:0px; padding-top:0px; font-size:10px; position:absolute; right:20px; bottom:20px; }
							a.dl_link { color:#ffffff; text-decoration:none; }
							a.dl_link:hover { text-decoration:underline; }