/* CSS Document */

body {
	color: #333333;
	background-color: white; 
	font-family:  arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	text-align: center;
	margin: 0;
	padding:0;
}
#wrapper {
	width: 770px;
	margin: 10px auto;
	padding: 0;

}
#head {

	width: 766px;
	height: 77px;
	margin: 0;
	padding: 0;
}
#head a img {
	border: 0;
	margin: 0 ;
	padding: 0 15px 0px 15px;
	float: left;
	font: 16px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	color: #fff;
	text-align: left;
}
#head img {
	border: none;
}
#headend {
	background:url(/common/images/backgrounds/CLP-content-top-shadow.gif) left top no-repeat; /* the top of the box */
	height:14px;
	display:block;
	margin:0;
	padding:0;
	clear:both;
	font-size:1px;
	width: 772px;
}

/* skiplinks
---------------------------------------------------------------------------- */
#skiplinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skiplinks li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
/* Colour */
#skiplinks a { 
	font-weight: bold;
	position: absolute;
	top: 40px;
	left: 30%;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 12px;
	z-index: 1002;
}
/* Only show skiplinks on focus */
#skiplinks a:active, 
#skiplinks a:focus { 
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 8px;
	background: #FFF;/* would normally be in color but skiplinks is an exception */
	z-index: 10000;
}



/* links on right hand side at top
---------------------------------------------------------------------------- */
ul.tools {
	float: right;
	margin: 25px 25px 0px 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	display: inline;
	color: #333333;
}
ul.tools li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: right;
	font: normal 12px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	color: #333333;
}
ul.tools li a {
	font-weight: bold;
}



/* start content
---------------------------------------------------------------------------- */
#content {
	background: transparent url(/common/images/backgrounds/box-bg-shadow.gif) top left repeat-y; 
	width: 772px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	overflow: hidden;
}
#content-contain {
	width: 764px;
	text-align: left;
	margin: 0px 1px;
	padding: 0;
}
#content h1 {
	margin: 0;
	padding: 0 0 0 10px;
	font: 16px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}
#top-bar {
	width: 100%;
	margin: 5px 0px;
	padding: 0px;
}
#top-bar h2 {
	margin: 0px;
	padding: 4px 20px 3px 10px;
	font: bold 16px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}
#web-address {
	float: right;
	margin: 4px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	font: bold 13px/18px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}
#web-address a {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

#content-left {
	margin: 0px;
	padding: 0px;
	width: 575px;
	float: left;
}

#content-full
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 735px;
}

#content-left #float-left, 
#content-full #float-left{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	text-align: left;	
	float: left;
}
#content-left #float-left img, 
#content-full #float-left img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#content-left p,
#content-full p{
	margin: 12px 15px 5px 15px;
	padding: 0px;
	font-size: 0.80em; /* 12px at default medium text size */
}

#content-left div.small p,
#content-full div.small p{
	padding: 0px;
}

#content-left table,
#content-full table
{
	border-collapse: collapse;
	margin: 5px 15px 5px 17px;
	#margin: 5px 15px 5px 16px;
	padding: 0px;
	font-size: 0.80em; /* 12px at default medium text size */	
}

#content-left td,
#content-full td
{
	padding: 2px 4px;
	border-collapse: collapse;
}

#content p.small
{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font: normal arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	font-size: 0.60em; /* 12px at default medium text size */
}
#content #content-right div.small
{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font: normal arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	font-size: 0.80em; /* 12px at default medium text size */
}

#content p a,
#content div a
{
	font-weight: bold;
}




/*
Tinted box with contact information uses the .contact-info class
for the icons see color.css
------------------------------------------------------------------------------*/
#content-full #contact-info {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	clear: left;
	width: 745px;	
}

#content-left #contact-info {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	clear: left;
	width: 585px;	
}

#content h3 {
	margin: 10px 0px 5px 15px;
	padding: 3px 15px 0px 0px;
	font: bold 14px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}

#content-right {
	margin: 0px;
	padding: 0px;
	width: 155px;
	float: right;
	clear: left;
} 
#next-steps {
	margin: 10px 0px;
	padding: 0px 0px 8px 0px;
	width: 146px;
}
#next-steps h3 {
	margin: 0px;
	padding: 5px 10px;
	font: bold 12px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}

#next-steps .phone-humber {
	font: bold 18px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}


/* new styles for the next steps boxes apply now section
/* added styles also for the right hand side next steps call to action area
---------------------------------------------------------------------------- */
#content #content-right div.quote,
#content #content-right div.call-back,
#content #content-right div.call-us,
#content #content-right div.apply-now
{
	display: inline-block; 
	margin: 10px 15px 5px 6px; 
	padding; 0px 0px 0px 0px;
}

#content #content-right div.quote div.quote-image,
#content #content-right div.call-back div.call-back-image,
#content #content-right div.call-us div.call-us-image,
#content #content-right div.apply-now div.apply-now-image
{
	margin: 0px 0px 0px 0px;
}

#content #content-right div.quote div.quote-image img,
#content #content-right div.call-back div.call-back-image img,
#content #content-right div.call-us div.call-us-image img,
#content #content-right div.apply-now div.apply-now-image img
{
	border: 0px;
}

#content #content-right div.quote div.quote-text,
#content #content-right div.call-back div.call-back-text,
#content #content-right div.call-back div.call-us-text,
#content #content-right div.apply-now div.apply-now-text
{
	margin: 0px 0px 0px 0px;
}

#contact-info img {
	border: 0;
	margin: 0;
	padding: 0;
}

#contact-info table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
}

#contact-info td.imagecell {
	border: 0;
	margin: 0;
	padding: 10px 0 0 10px;
}

#contact-info td.textcell {
	border: 0;
	margin: 0;
	padding: 13px 0 0 10px;
}

/* Content Next Steps
---------------------------------------------------------------------------- */
#content #contact-info #tint
{
	padding: 3px 0px 9px 0px;
}

#content #contact-info h3 {
	margin: 10px 0px 5px 5px;
	padding: 3px 15px 0px 0px;
	font: bold 0.75em arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}

#content #contact-info div.apply-now div.apply-now-image img
{
	border: 0px;
	padding: 0px 5px 0px 0px;
}

#content #contact-info div.apply-now div.apply-now-image
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
}

/* bottom image of wrapper
---------------------------------------------------------------------------- */
#footer {
	background: transparent url(/common/images/backgrounds/content-bottom-shadow.gif) top left no-repeat;
	height: 18px;
	width: 772px;
	clear: both;
	margin: 0;
	padding:0;
}

/*-------------------------------------
Start of #964 
---------------------------------------
Apply styles for UL, OL
--------------------------------------*/
.terms OL, .terms UL
{		
	margin: 7px 0 -3px -10px; /* Standard */	
	#margin: 7px 0 -3px 22px; /* IE 6 AND 7*/
	#padding: 0; /* IE 6 AND 7 */
}

.terms LI
{
	line-height: 1.1667em;
	padding: 0.2em 0 0.2em 0;
}


#double-contain UL, #triple-contain UL
{		
	margin: 7px 0 -3px 5px; /* Standard */		
	#margin: 7px 0 -3px 22px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#double-contain OL, #triple-contain OL
{		
	margin: 7px 0 -3px -15px; /* Standard */		
	#margin: 7px 0 -3px 30px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#double-contain LI, #triple-contain LI
{
	line-height: 1.1667em;
	padding: 0.2em 0 0.2em 0;
}

#content-full UL
{		
	margin: 7px 0 0px -10px; /* Standard */		
	#margin: 7px 0 0px 31px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-full OL
{		
	margin: 7px 0 0px -5px; /* Standard */		
	#margin: 7px 0 0px 38px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-left UL
{		
	margin: 7px 0 0px -10px; /* Standard */		
	#margin: 7px 0 0px 31px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-left OL
{		
	margin: 7px 0 0px -5px; /* Standard */		
	#margin: 7px 0 0px 38px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}


#content-full LI, #content-left LI
{
	line-height: 1.1667em;
	font-size: 0.80em; /* 12px at default medium text size */
	padding: 0.2em 0 0.2em 0;
}

#content-full .small UL, #content-left .small UL
{		
	margin: 7px 0 0px -12px; /* Standard */		
	#margin: 7px 0 0px 30px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-full .small OL, #content-left .small OL
{		
	margin: 7px 0 0px -6px; /* Standard */		
	#margin: 7px 0 0px 38px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-right UL
{		
	margin: 7px 0 0px -27px; /* Standard */		
	#margin: 7px 0 0px 15px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-right OL
{		
	margin: 7px 0 0px -23px; /* Standard */		
	#margin: 7px 0 0px 22px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-right LI
{
	line-height: 1.1667em;
	padding: 0.2em 0 0.2em 0;
}

#content-right .small UL
{		
	margin: 7px 0 0px -27px; /* Standard */		
	#margin: 7px 0 0px 15px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

#content-right .small OL
{		
	margin: 7px 0 0px -21px; /* Standard */		
	#margin: 7px 0 0px 23px; /* IE6 AND 7 */ 
	#padding: 0; /* IE 6 AND 7 */
}

/*------------------------------------
Other styles
--------------------------------------*/
.sub-heading
{
	caption: Sub Heading;
	margin: 0.7em 0em 0.7em 0em;
	text-align: left;
	display: block;	
	font-weight: 900;
}

.caveats
{
	caption: Caveats;
	font-size: 0.8em;
}

.apr
{
	caption: APR;
	font-size: 150%;
}

.telephone
{
	caption: Telephone Number;
	font-weight: 900;
}

/*------------------------------
End of #964 
--------------------------------*/