﻿/*  Page CSS for First Funding */
/*  © 2009 Keith Gravell @ Cambridge Web Projects  */

.topnav { 
	width:860px;
	height:24px;
	text-align:right;
	margin: 0 auto;
	padding: 0 }
.topnav ul {  margin:2px 24px 6px 0; padding:0 }
.topnav li {
	font:10px Verdana, Arial, Helvetica, sans-serif; 
	list-style:none;
  	display:inline;
  	margin:0;
	padding:0 10px 4px 10px; border-left: solid 1px #666   }
.topnav li a { color:#eee; text-decoration:none }
.topnav li a:hover { color:#f93 }

#adnav {
    width:890px;
    min-height:24px; 
    margin:-10px 0 0 14px;
    border-top: solid 1px #999;
    background-color:#234 }    
#adnav p { font-size:10px; margin:0; padding:3px 0 3px 48px  }
#adnav p a { color:#69F; text-decoration:none }
#adnav p a:hover { color:#FFF }
#adnav ul { margin:0 0 36px 0 0; padding:0; float:right }
#adnav li {
    font-size:10px;
    list-style:none;
    display:inline;
    margin:0;
    padding:3px 18px 3px 0 }
#adnav li a { color:#9CF; text-decoration:none }
#adnav li a:hover { color: #fff }

#dlnow {
    width:202px;
    height: 242px;
    float:right;
    text-align:center;
    margin:6px;
    padding: 0;
    background: url(/images/ApplyDownload.jpg) 50% 0 no-repeat }
#dlnow p {
    padding: 72px 20px 12px 20px }        

#pagetitle { 
	font:24px Arial, Helvetica, sans-serif; color: #fff;
	text-align:right;
	height:24px;
	margin-top: -40px;
	padding-right:60px }
#pagetitle2 { 
	font:24px Arial, Helvetica, sans-serif; color: #fff;
	text-align:right;
	padding-top:76px;
	padding-right:60px }	

#toppic { 
	float:right;
	background-color:#F5F5F5;
	margin: -12px 18px 0 0 }	

#frame-top { 
	background: url('../images/frame2_top.jpg') 50% 0 no-repeat;
	width:920px;
	text-align:left;
	height:420px;
	margin:36px auto 0 auto ;
	padding:0 }
#frame-mid { 
	background: url('../images/frame2_mid.png') 50% 0 repeat-y ;
	width:920px;	
	min-height:40px;
	margin:0 auto;
	padding:0  }
#frame-mid #content p {
    color: #666666;
    padding: 0 36px;
}

#topTabs {
    float:right;
    margin-top: 200px;
    margin-right: 14px }
#mainTabs { 
	width:691px;
	min-height:250px;
	margin:-40px auto 0 auto;
	text-align:left;
	padding: 0 30px;
	background: url(../images/tab_bg.png) no-repeat 22px 23px }
#mainTabs li {
    display:block;    
    font: normal 20px Arial, Helvetica, Sans-Serif;
    padding:2px;
    list-style-type:none;
    display:inline }
#mainTabs li a { 
    display:inline-block; 
    text-align:center; 
    text-decoration:none;
    color:#ccc;
    background: url(../images/tab_unselected.png) no-repeat; 
    width:200px }
    
#mainTabs li a.selected { 
    background: url(../images/tab_selected.png) no-repeat;     
    color:#000 }	

.tabContent { padding:12px 36px }
.tabContent p {
	font: normal 12px Verdana, Helvetica, Sans-Serif; 
	line-height: 115%;
	padding:0;
	margin-bottom:4px;
	color: #000	}

#frameX-top { 
	background: url('../images/frameX_top.png') top no-repeat;
	width:920px;
	height:116px;
	margin:16px auto 0 auto;
	padding:0  }
#frameX-mid { 
    background: url('../images/frameX_mid.png') 50% 0 repeat-y ;
	width:920px;
	text-align:left;	
	min-height:360px;
	margin:0 auto;
	padding:0  }
	
#footer { 
	background: url('../images/frame2_base.png') 50% 0 no-repeat;
	width:920px;
	height:40px;
	margin:0 auto;
	padding-top:12px  }
#footer p {	font: 10px Verdana, Helvetica, sans-serif; color: #999  }
#footer p a { color:#369; text-decoration:none; border-bottom: dotted 1px #999 }
	
#footer2 { 
	clear:both;
	background: url('../images/frameX_base.png') 50% 0 no-repeat ;
	width:920px;
	height:70px;
	margin:0 auto;
	padding-top:24px }
#footer2 p { font: 10px Verdana, Helvetica, sans-serif; color: #666  }
#footer2 p a { color:#369; text-decoration:none; border-bottom: dotted 1px #999 }

#header { 
	width:820px;
	height:24px;
	margin: 0 auto;
	padding:0;
	text-align:center }

#content {
	width:760px;
	text-align:left;
	margin: 0;
	padding: 3px 72px }
	
#contentX {
	float:right;
	width:618px;
	min-height:200px;
	background-color: #f5f5f5;
	text-align:left;
	margin-right:18px;
	padding:24px 64px 24px 18px }

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden }

.listbox {
    width: 620px;
    padding:18px;
    margin:16px 0;
    background: #fff url(../images/listbg.jpg) repeat-x ;
    border-bottom: solid 1px #F93  }
.listbox p em {
    font: bold 18px Times New Roman, serif; color:#123 } 
.listlink {
    float:right; 
    margin: -24px 12px 0 0;
    text-decoration:none;
    color:#246 }
.listlink2 {
    text-align:right; 
    color:#246 }    
.listlink a { 
    text-decoration:none;
    color:#246 }
listlink2 a {  text-decoration:none; text-align:right }
    
.detailbox {
    width:500px;
    border: solid 1px #F93;
    padding:18px;
    background-color: #fff;
    margin: 18px auto }    
         
#leftcol { 
	float:left;
	text-align:left;
	width:520px }
#rightcol { 
	float:right;
	text-align:center;
	width:180px }

#blog h1 {
    font: normal 16px Georgia, Helvetica, sans-serif ;
    margin: 8px auto;
    padding:0;
    color: #369 }

.ad { 
	width:162px;
	height:176px;
	margin-top:48px;
	padding:  0;
	background: url(../images/adbox.jpg) 0 no-repeat }	
.stepref {float:right}

#pnlFinancials h1 {
    font: normal 14px Verdana, Arial, Helvetica, sans-serif ;
    color:#036;
    padding: 6px 0 }

#getOffer {
    float:right;
    width:200px;
    padding:12px }

.funding {
    float:right;
    width: 180px;
    text-align:right;
    margin: 36px 0 0 0 }
.funding p {
    font: normal 12px "Comic Sans MS", Arial, Helvetica, sans-serif ;
    color:#123;
    padding:0;
    margin:0  }
.offer {
    font: bold 14px "Comic Sans MS", Arial, Helvetica, sans-serif ;
    color:#246;
    text-align:right;
    padding:0 }
    
.modalbackground {
    background-color: #999;
    filter:alpha(opacity=50);
	opacity:0.5;
    padding:36px;
    border: solid 1px #999 }
.modalbox {
    background-color: #FFF;
    width:400px;
    padding:24px;
    border:solid 1px #CCC }

@media print { 
	#topnav { visibility:hidden }
	#frameX-top {  visibility:hidden }
	#footer2 {  visibility:hidden }
}
    
     
        

