/* CCF CSS Document */

body {
	padding:0;
	margin:0;
	/*background-color:#d2d8db;*/
	/*background-color:#575b63;*/
	background:url(/images/page_bg.jpg) top left repeat-x #8997a2;
	color: #3F4344;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #5d6265;*/
}

#container{
	text-align:center;
}

#page{
	width: 916px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;	
	background-image:url('/images/paged_mid.gif'); 
}
#pagestart{
	display:block; 
	border:0; 
	padding:0 ; 
	width:916px; 
	height:286px;
	background:url('/images/paged_top.gif') top left repeat-x; 
}
#pagebody{
	padding: 0 33px 0 33px;
	margin: -260px 0 0  0;
}
#pageend{
	display:block; border:0; padding:0; background-image:url('/images/paged_bot.gif'); 
	width:916px; 
	height:22px;
}

#quoteframe{
	padding-left:22px;
}

#footer{
	width: 916px;
	margin-left: auto;
	margin-right: auto;	
	text-align:center;	
	margin-bottom: 10px;	
	font-size:9px;
}


#telephone{
	display:inline;
	width:400px;
	text-align:right;
	float:right;	
	padding-top:4px;
}
#logo{
	width:420px;
	padding-top:4px;	
}

#login{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	top:20px;
	left:50%;
	margin-left:138px;
	width:300px;
}
.loginselect{
	width:90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding:0px;
	border:1px solid #A5ACB2;
}



#leftcol{
/*	
	### IE 6 ONLY ###
	position:absolute;
	text-align:left;
	margin-left:-423px;
	left:50%;
	margin-top:17px;
*/
	display:inline;
	float:left;
	width:180px;
	margin-top:18px;	
}
#maincol{
	display:block;
	/*background-color:#66CC66;*/
	margin-top:18px;
	margin-left:194px;
}
#rightcol{
	margin-top:18px;	
	float:right;
	width:130px;
	
}
#pagetext, .pagetext{
	margin-top:18px;	
	margin-left:22px;
	padding-bottom:10px;
	width:482px;
}


/*#################################
 NAVIGATION
##################################*/

#mainnav{
	white-space: nowrap; 
	background:url('/images/nav_blockback.gif') top left no-repeat;  
	display:block; 
	border:0; 
	padding:0 ; 
	width:850px; 
	height:45px;
}
#mainnav ul{
	padding:0; margin:0; list-style:none;
	white-space: nowrap;		
}
#mainnav ul li{
	display:inline;
	padding:0; margin:0; list-style:none;
	white-space: nowrap;			
	float: left;
}
#mainnav ul li a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	height:45px;
	line-height:42px;
	background:url('/images/nav_item.gif') left no-repeat;
	width:100px;
	color:#000000;
	text-decoration:none;
	text-align:center;
}
#mainnav ul li a:hover{
	background:url('/images/nav_item_on.gif') left no-repeat;
	color:#FFFFFF;
}
#mainnav ul li a.on{
	background:url('/images/nav_item_on.gif') left no-repeat;
	color:#FFFFFF;
}
#mainnav ul li a:hover{
	background:url('/images/nav_item_on.gif') left no-repeat;
}
#mainnav ul li a.first{
	background:url('/images/nav_item_first.gif') left no-repeat;
	width:100px;
}
#mainnav ul li a.firston{
	background:url('/images/nav_item_first_on.gif') left no-repeat;
	color:#FFFFFF;
}
#mainnav ul li a.first:hover, #mainnav ul li a.firston:hover{
	background:url('/images/nav_item_first_on.gif') left no-repeat;
	color:#FFFFFF;
}
#mainnav ul li a.last{
	background:url('/images/nav_item_last.gif') right no-repeat;
	width:100px;
	border-left:1px solid white;
}
#mainnav ul li a.laston{
	background:url('/images/nav_item_last_on.gif') right no-repeat;
	border-left:1px solid white;
	color:#FFFFFF;
}
#mainnav ul li a.last:hover{
	background:url('/images/nav_item_last_on.gif') right no-repeat;
	color:#FFFFFF;
}


#footernav{
	clear:both;
	white-space: nowrap; 
	text-align:center;
	border:0; 
	padding: 12px 0 0 0 ; 
	height:25px;
	font-size:10px;
	background:url('/images/botnav_left.gif') left no-repeat; 
}
#footernav ul{
	padding:0; margin:0; list-style:none;
	white-space: nowrap;		
}
#footernav ul li{
	display:inline; 
	padding-right:12px;
	padding-left:12px;
	border-left:1px solid #7F8B99;	
	margin:0;
}
#footernav ul li a{
	color:#000000;	
}





/*#################################
 BOXES
##################################*/

div.leftbox{
	background:url('/images/leftbox_top.gif') top left no-repeat;
}
div.leftbox div.pad{
	background:url('/images/leftbox_bot.gif') bottom left no-repeat;
	padding:19px 15px 15px 20px;
	color:#000000;
	font-size:12px;
}
.quoteselect{
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px!important;
	color:#000000;
	margin-bottom:3px;
	border: 1px solid #A5ACB2;
}

div.leftboxnewcar{
	background:url('/images/leftbox_gold_carquote_top.gif') top left no-repeat;
}
div.leftboxnewcar div.inner{
	padding-bottom:10px;
	background:url('/images/leftbox_gold_bot.gif') bottom left no-repeat;
}
div.leftboxnewcar div.pad{
	padding:5px 15px 0 20px;
	color:#000000;
	font-size:12px;
}
div.leftboxnewcar div.quotemenu1{ padding:39px 0 10px 5px ;}
div.leftboxnewcar div.quotemenu2{ padding:39px 0 10px 5px ;}



div.rightbox{
	background:url('/images/rightbox_top.gif') top left no-repeat;
}
div.rightbox div{
	background:url('/images/rightbox_bot.gif') bottom left no-repeat;
	padding:13px 16px 13px 16px;
	color:#000000;
	font-size:11px;
}


/*#################################
 MAIN TAGS
##################################*/
h1
{
text-indent:-4000px;
width:420px;
height:77px;
padding-top:4px;
background-image:url('/images/capital_car_finance_logo.gif');
background-repeat:no-repeat;
}

form{ padding:0; margin:0;}
h1, h2, h3, h4, h5{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
	font-weight:normal;
}
h1{font-size:18px}
h2{font-size:15px}
h3{font-size:13px}
h4{font-size:11px}
h5{font-size:11px; color:#3a4249;}
a{ color:#003399; text-decoration:none;}
a:hover{ color:#003399; text-decoration:underline;}



/*#################################
 Style TAGS
##################################*/

.subtext
{
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
	font-weight:normal;
	}

.required{
	display:inline;
	float:right;
	color:white;
	width:49px;
	height:12px;
	background:url('/images/REQUIRED.gif') no-repeat bottom left;
}


ul.superbullets{
	font-size:14px;
	color:#000000;
	margin-left:0px; margin-right:0px;
	margin-top:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background:url('/images/backbulletfade.jpg') top left no-repeat;
	width:auto;
}
ul.superbullets li{
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px; 
	padding:0 0 15px 35px;
	list-style:none;
	background:url('/images/tick.gif') top left no-repeat;
}

/*#################################
  FORM STYLE
##################################*/

#contactform input, #contactform textarea, #contactform select{
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

#contactform {
	margin: 0;
	padding: 10px 0;
	background:url('/images/backbulletfade.jpg') top left no-repeat;
}

#contactform fieldset {
	margin: 0px 0 0 0;
	border: none;
	/*background:url('/images/backbulletfade.jpg') top left no-repeat;*/
}

#contactform legend {
	margin: 0  0 0 0;;
	padding: 10px 0 10px 0;
	color: #036;
	background: transparent;
	font-size: 1.3em;
	font-weight:normal;
}

#contactform label {
	float: left;
	width: 140px;
	padding: 0 1em;
	text-align: right;
}

#contactform fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

#contactform fieldset div input, fieldset div textarea {
	width: 250px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

#contactform fieldset div select {
	padding: 1px;
}

#contactform div.multi div {
	margin: 5px 0;
}

#contactform div.multi input {
	width: 1em;
}

#contactform div.multi label {
	display: block;
	width: 200px;
	padding-left: 11em;
	text-align: left;
}

#contactform #submit {
	clear: left;
	text-align: center;
}



#contactform input:focus, textarea:focus {
	background: #F1F2F4;
	color: #000;
}
	
/* required fields - does not work in IE */
#contactform fieldset div.req {
	font-weight: bold;
}
#contactform fieldset div.req input, #contactform fieldset div.req textarea {
	font-weight: normal;
	color:#000000;
}

#contactform fieldset div.req label:before {
	content: "* "; /* does not work in IE */
}

table.gaptable tr td, table.gaptable tr th{	
	background-color:#EFF2F3;	
	font-size:10px;
}
table.gaptable tr th{	
	text-align:center;
}
table.gaptable tr td.col1, table.gaptable tr th.col1{
	background-color:#d8dde0;
	text-align:center;
}
table.gaptable tr td.col2, table.gaptable tr th.col2{
	background-color:#dee2e5;
	text-align:center;
}
table.gaptable tr td.col3, table.gaptable tr th.col3{
	background-color:#e7e9eb;
	text-align:center;
}
table.gaptable tr td.col4, table.gaptable tr th.col4{
	background-color:#f0f3f4;
	text-align:center;
}

table.displaytable {
	font-size:10px;
}

table.displaytable tr.row1{
	background-color:#dee2e5;
	text-align:left;
	font-weight:bold;
}
table.displaytable tr.row2{
	background-color:#f0f3f4;
	text-align:left;
}
table.displaytable tr.row3{
	background-color:#e7e9eb;
	text-align:left;
}
table.displaytable tr td{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* ########################################### */
/* ##################    DEALS    ################## */
/* # */


.newdeal{
	background:url('/images/dealtop.jpg') top left no-repeat; 
	display:block;
	margin:12px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3F4344;
}

.newdeal .sevenpointnine{
	background:url('/images/dealbot.gif') bottom left no-repeat; 
}

.newdealfooter{
	background:url('/images/dealbotold.gif') bottom left no-repeat; 
	height:10px;
	display:block;
}

.newdeal .sevenpointnine .newdealfooter{
		background:none; 
}


.newdeal .prices, .newdeal .prices table td, .newdeal .prices table th{
	font-size:9px;
}
.newdeal .prices table td{
	text-align:left;
}
.newdeal .prices table th{
	text-align:right;
	font-weight:normal;
	color:#000000;
}

.newdeal .cardeets{
	width: 230px;
}
.newdeal .prices{
	display:inline;
	padding:17px;
	width: 200px;	
	float:right;	
	text-align:right;
}

.newdeal .dealname{
	text-transform:uppercase;
	padding: 17px 17px 0 17px;
	font-size:12px;
	line-height:13px;
}
.newdeal .submodel{
	text-transform:uppercase;
	font-size:12px;	
	line-height:13px;
	padding-left: 17px ;
}
.newdeal  .dealprice{
	padding: 0px 25px 0 17px;
	font-size:19px;
	text-align:right;
}
.newdeal .dealpermonth{
	text-transform:uppercase;
	padding: 0px 25px 5px 17px;
	color:#CC6600;
	color:#215AA9;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}

.newdeal .pic{
	padding:4px 0 4px 17px;
}



/* ########################################### */
/* ##################   old DEALS    ############### */
/* #
.deal{
	width:227px;
	height:200px;
	background-image:url('/images/deal-back.gif'); 
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:0 12px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3F4344;
}

.dealname{
	text-transform:uppercase;
	padding: 17px 17px 0 17px;
	line-height:13px;
}
.dealprice{
	padding: 0px 25px 0 17px;
	font-size:19px;
	text-align:right;
}
.dealpermonth{
	text-transform:uppercase;
	padding: 0px 25px 5px 17px;
	color:#CC6600;
	color:#215AA9;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}
.dealimage{
	padding-left: 17px;
}
.deallink{
	padding-top: 8px;
	padding-left: 19px;
}

 */

/* finance quote table layouts */

.financequotehd {
	padding: 5px;
	background-color:#d2d8db;
	color: #3F4344;
	font-weight: bold;
}

.financequoterow  td{
	padding: 5px;
	color: #3F4344;
	border-bottom: 1px solid #d2d8db;
}


.smallprint{
	font-size:9px; font-family:Arial, Helvetica, sans-serif; line-height:normal; padding:0 10px; display:block;
}

/* #  */
/* ########################################### */