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

/*
 * CSS FILE 
 * @CLIENT		   NORTHGATE
 * @TYPE		   SALE AND RENTBACK / NORFLEX
 * @DATE_CREATED   10/08/2009
 * @AUTHOR		   QT CREATIVE (STEVE COE)
 */

#sar_content
{
width:665px;
float:left;
overflow:auto;
}
 
h3#sar_header
{
width:665px;
height:111px;
margin:0 0 35px 0;
padding:0;
background:transparent url('../images/sar/sar_header.gif') no-repeat scroll left top;
text-indent:-10000px;
}

.lgrey { color:#818181; }
.dgrey { color:#646864; }
.titlelb { display:block; }

#sar_content #col_left
{
width:340px;
margin:0px 0px 18px 0px;
padding:0 34px 0 20px;
float:left;
overflow:auto;
}

		#col_left p.introtxt
		{
		margin-bottom:26px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		}

#sar_content #col_right
{
width:255px;
margin:0px 0px 18px 0px;
padding:0;
float:left;
overflow:auto;
border:solid 1px #d1d2d4;
}
		
		#col_right h3#whychoosetitle
		{
		padding:20px 0 0 40px;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		color:#000000;
		}
		
		#col_right ul#whychoosenorthgate li
		{
		width:200px;
		margin:0px 0px 4px 0px;
		list-style-image:url('../images/sar/sar_bullet.gif');
		}

#unlockcapital
{
width:611px;
background:transparent url('../images/sar/sar_line.gif') no-repeat scroll left top;
padding:24px 34px 10px 20px;
overflow:auto;
display:block;
}

		#unlockcapital h3 { margin-bottom:26px; text-transform:uppercase; }
		
		#unlockcapital #step1
		{
		width:122px;
		padding-left:66px;
		padding-right:12px;
		background:transparent url('../images/sar/sar_step1.gif') no-repeat scroll left top;
		float:left;
		overflow:auto;
		}
		
		#unlockcapital #step2
		{
		width:92px;
		padding-left:74px;
		padding-right:14px;
		background:transparent url('../images/sar/sar_step2.gif') no-repeat scroll left top;
		float:left;
		overflow:auto;
		}
		
		#unlockcapital #step3
		{
		width:160px;
		padding-left:70px;
		background:transparent url('../images/sar/sar_step3.gif') no-repeat scroll left top;
		float:left;
		overflow:auto;
		}
		
				#step1 p,
				#step2 p,
				#step3 p 
				{
				margin:0px;
				padding:0px; 
				color:#535456;
				font-size:10px;
				}
				
				#step1 p.stepno,
				#step2 p.stepno,
				#step3 p.stepno
				{
				margin:0;
				padding:0;
				font-size:12px;
				font-weight:bold;
				color:#535456;
				text-transform:uppercase;
				}
				
				#step1 p.steptitle,
				#step2 p.steptitle,
				#step3 p.steptitle
				{
				margin:0;
				padding:0;
				font-size:12px;
				font-weight:bold;
				color:#108f46;
				text-transform:uppercase;
				}
				
#sar_downloads
{
width:611px;
background:transparent url('../images/sar/sar_line.gif') no-repeat scroll left top;
padding:32px 34px 10px 20px;
overflow:auto;
display:block;
}

				#sar_downloads h3 { margin-bottom:26px; text-transform:uppercase; }
				
				#sar_downloads li
				{
				margin:0px;
				padding:2px 0px 10px 34px;
				list-style-type:none;
				background:transparent url('../images/sar/sar_pdf.gif') no-repeat scroll left top;
				}
				
#sarbenefits_title
{
font-size:24px;
color:#000000;
fotn-weight:bold;
text-transform:uppercase;
}

#benefitcol_left
{
width:267px;
margin-right:57px;
float:left;
}

#benefitcol_right
{
width:260px;
float:left;
}

		.section
		{
		margin-top:30px;
		margin-bottom:30px;
		}

				.section p.sectiontitle
				{
				font-weight:bold;
				}
				
				a.quicklink
				{
				width:13px;
				height:13px;
				margin-left:6px;
				border:0;
				}
				
#sar_content .sar_acqusitiontbl
{
width:508px;
margin:10px auto 20px auto;
}

		.sar_acquisitionheader
		{
		width:508px;
		height:94px;
		margin:0;
		padding:0;
		background:transparent url('../images/sar/sar_comparisonhead.gif') no-repeat scroll left top;
		text-indent:-10000px;
		}
		
		.sar_acquisitionbody { clear:both; overflow:auto; }
		
				.sar_acquisitionbody #sar_contractinfo
				{
				width:194px;
				margin:0;
				padding:23px 34px 20px 26px;
				background:transparent url('../images/sar/sar_ownershipbody.gif') no-repeat scroll left top;
				float:left;
				overflow:auto;				
				}
				
				.sar_acquisitionbody #sar_sarinfo
				{
				width:194px;
				margin:0;
				padding:23px 34px 20px 26px;
				background:transparent url('../images/sar/sar_sarbody.gif') no-repeat scroll left top;
				float:left;
				overflow:auto;	
				}
				
						#sar_contractinfo li
						{
						padding-bottom:10px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#ffffff;
						list-style:url('../images/sar/sar_ownershipbullet.gif');
						}
						
						#sar_sarinfo li
						{
						padding-bottom:10px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#ffffff;
						list-style:url('../images/sar/sar_sarbullet.gif');
						}
				
		.sar_acquisitionfoot 
		{
		width:508px;
		height:10px;
		background:transparent url('../images/sar/sar_comparisonfoot.gif') no-repeat scroll left top;
		clear:both;
		}

/* NORFLEX */

#norflex_content
{
width:744px;
float:left;
overflow:auto;
}

		#norflex_leftcol
		{
		width:365px;
		float:left;
		overflow:auto;
		}
				
				#norflex_leftcol ul { margin-left:0px; margin-bottom:10px; padding-left:26px; }
				
				#norflex_leftcol ul li
				{
				list-style:url('../images/norflex/tick.gif');
				margin-bottom:12px;
				}
				
				#norflex_leftcol ul.benefits {  margin-bottom:20px; padding-left:14px; }
				
				#norflex_leftcol ul.benefits li
				{
				list-style:disc;
				margin-bottom:8px;
				}
				
		#norflex_rightcol
		{
		width:371px;
		float:left;
		overflow:auto;
		}

h1.norflex_title
{
margin-top:0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;

}

h1.norflex_benefittitle
{
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}

h3.tailoredvehicle
{
width:371px;
height:444px;
margin:0;
padding:0;
background:transparent url('../images/norflex/tailoredvehicle.jpg') no-repeat scroll right top;
text-indent:-10000px;
}

h3.flexiblevehicle
{
width:371px;
height:252px;
margin:0;
padding:0;
background:transparent url('../images/norflex/flexiblevehicle.jpg') no-repeat scroll right top;
text-indent:-10000px;
}

h3.modernvehicle
{
width:371px;
height:477px;
margin:0;
padding:0;
background:transparent url('../images/norflex/modernvehicle.jpg') no-repeat scroll right top;
text-indent:-10000px;
}

h3.blankvehicle
{
width:371px;
height:477px;
margin:0;
padding:0;
background:transparent url('../images/norflexpage_image6.jpg') no-repeat scroll right top;
text-indent:-10000px;
}

#norflexsubnav_container
{
width:198px;
margin:0px 20px 0px 0px;
padding:0;
float:left;
display:block;
}

#norflexsubnav1
{
width:178px;
height:250px;
margin:0 0 10px 0;
padding:8px 10px 12px 10px;
background:transparent url('../images/subnav/norflex_subnav1_bg.gif') no-repeat scroll left top;
display:block;
overflow:hidden;
}

#norflexsubnav2
{
width:178px;
height:313px;
margin:0 0 10px 0;
padding:8px 10px 12px 10px;
background:transparent url('../images/subnav/norflex_subnav2_bg.gif') no-repeat scroll left top;
display:block;
overflow:hidden;
}
		
		#norflexsubnav1 ul,
		#norflexsubnav2 ul { list-style-type:none; margin:0px; padding:0px; }
		
		#norflexsubnav1 li,
		#norflexsubnav2 li { margin:0px 0px 5px 0px; padding:0px; }
		
		#norflexsubnav1 li.norflexnav a,
		#norflexsubnav2 li.norflexnav a
		{ 
		width:169px; height:22px; 
		margin:0; padding:4px 0px 0px 8px;
		background:transparent url('../images/subnav/subnavbg.png') no-repeat scroll 0 0; 
		display:block;
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
		}
		
				#norflexsubnav2 li.norflexsub a
				{
				width:120px;
				display:block;
				margin:6px 0px 6px 20px;
				color:#323833;
				font-size:10px;
				font-weight:bold;
				}
				
				#norflexsubnav2 li.norflexsub a:hover,
				#norflexsubnav2 li.norflexsub a.on
				{
				color:#25a345;
				}
		
		#norflexsubnav1 li.norflexnav a:hover, #norflexsubnav1 li.norflexnav a.on,
		#norflexsubnav2 li.norflexnav a:hover, #norflexsubnav2 li.norflexnav a.on
		{
		background-position:-178px 0; text-decoration:none;
		}

#norflexquote a
{
width:185px;
height:220px;
margin:0 auto 10px auto;
background:transparent url('../images/norflex/norflexquote.jpg') no-repeat scroll left top;
display:block;
text-indent:-10000px;
overflow:hidden;
}
		
#norflex_acquisitiontbl
{
clear:both;
overflow:auto;
margin-top:10px;
margin-bottom:20px;
}

		#acquisitioncol1 { width:180px; margin-right:15px; float:left; overflow:auto; }
		
		#acquisitioncol2 { width:180px; margin-right:15px; float:left; overflow:auto; }
		
		#acquisitioncol3 { width:180px; margin-right:15px; float:left; overflow:auto; }
		
		#acquisitioncol4 { width:98px; float:left; overflow:auto; }
		
		.riskfactor { background-color:#e8e8e8; color:#707070; font-weight:bold; padding:7px 5px 7px 5px; }
		
		.riskdesc { background-color:#e8e8e8; color:#000000; padding:0px 5px 14px 5px; }
		
		#norflex_leftcol ul.norflexlist { padding-left:0px; margin-bottom:20px; }
		
		#norflex_leftcol ul.norflexlist li
		{
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
#norflexbenefitspanel
{
width:355px;
height:256px;
margin:10px 0 10px 0;
background:transparent url('../images/norflex/norflexbenefitsimage.jpg') no-repeat scroll left top;
display:block;
text-indent:-10000px;
overflow:hidden;
}

#norflexdownloadspanel
{
margin:20px 0 30px 50px;
padding:0;
}

.marginleft { margin-left:40px; }

#norflexdownloadspanel ul.downloads
{
margin:0 0 50px 0;
padding:0;
list-style-type:none;
}

		ul.downloads li
		{
		margin:12px 0 0 0;
		padding:2px 0 0 40px;
		background:transparent url('../images/norflex/pdficon.gif') no-repeat scroll left top;
		}