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

body {
	background: url(../images/bg.gif) repeat-x top left #f9f9f9;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}

a,
a:link,
a:visited {
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

/* *** global styles *** */
.clear { clear: both; }
.bottomSpace { margin-bottom: 17px; }
h1, h2, h3, h4 {
	color: #03428f;
	font-family: arial;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
blockquote {
	border-left: 2px solid #d6e0ec;
	padding: 7px 12px;
}

/* *** header *** */
#header {
	background: #FFF;
	margin: 0 auto;
	width: 933px;
}
	/* *** logo *** */
	#header h1 {
		background: url(../images/header/header2.gif) no-repeat top center #1559a2;
		height: 81px;
		margin: 0 15px;
	}
		#header h1 a {
			display: block;
			height: 81px;
			outline: none;
			text-indent: -9999px;
			width: 235px;
		}
	/* *** navigation *** */
	#nav {
		background: url(../images/header/nav_bg.gif) repeat-x top left #03428f;
		height: 39px;
		margin: 0 15px;
	}
		#nav ul {
		}
			#nav li {
				background: url(../images/header/nav_splitter.gif) no-repeat 0 3px;
				float: left;
				font-size: 13px;
				line-height: 39px;
				list-style: none outside;
				padding-right: 2px;
				padding: 0 12px 0 18px;
			}
			#nav ul #navFirst {			/* remove spacer and padding from the first nav item */
				background: none;
				padding-left: 12px;
			}
				#nav li a {
					color: #FFF;
					display: block;
					float: left;
					height: 39px;
					font-weight: bold;
					text-decoration: none;
					width: auto;
				}
				#nav ul li.current a {
					background: url(../images/header/current_page.gif) no-repeat top center;
					color: #ffdd02;
				}
					#nav li a:hover {
						color: #ffdd02;
					}
		
		/* *** navigation corners *** */
		#navLeft {
			background: url(../images/header/nav_left.gif) no-repeat top left;
			display: block;
			float: left;
			height: 39px;
			width: 10px;
		}
		#navRight {
			background: url(../images/header/nav_right.gif) no-repeat top right;
			display: block;
			float: right;
			height: 39px;
			width: 10px;
		}
	
	/* *** header corners *** */
	#headLeft {
		background: url(../images/header/left.gif) no-repeat bottom left;
		display: block;
		height: 8px;
		margin-top: 6px;
		width: 8px;
	}
	#headRight {
		background: url(../images/header/right.gif) no-repeat bottom right;
		display: block;
		height: 8px;
		float: right;
		margin-top: 6px;
		width: 8px;
	}
	
/* *** corners above content *** */
#contentTop {
	background: #FFF;
	margin: 0 auto;
	width: 933px;
}
	#topLeft {
		background: url(../images/sidebar/top_left.gif) no-repeat top left #FFF;
		display: block;
		height: 7px;
		width: 7px;
	}
	#topRight {
		background: url(../images/sidebar/top_right.gif) no-repeat top right #FFF;
		display: block;
		float: right;
		height: 7px;
		width: 7px;
	}
	
/* *** content wrapper open *** */
#content {
	background: #FFF;
	margin: 0 auto;
	padding: 0 15px;
	width: 903px;
}
	/* *** sidebar *** */
	#sidebar {
		float: left;
		width: 194px;
	}
		#sidebar h3 {
			color: #FFF;
			font: bold 15px/33px arial;
			padding: 0 17px;
		}
			#sidebar h3.blue {
				background: url(../images/sidebar/h2_blue.gif) no-repeat center left #0b4f98;
			}
			#sidebar h3.yellow {
				background: url(../images/sidebar/h2_yellow.gif) no-repeat center left #fee832;
				color: #023989;
			}
		#sidebar .sideList {
			background: url(../images/sidebar/side_bottom.gif) no-repeat bottom center #efefef;
			padding: 0 4px;
		}
			.sideList li {
				border-bottom: 1px solid #fdfffe;
				border-top: 1px solid #bbb;
				padding: 8px 16px;
			}
			
		#sidebar .tickList {
			background: #efefef;
			padding: 0 4px;
		}
			.tickList ul {
				border-bottom: 1px solid #bcbcbc;
				padding: 8px 12px;
				padding-bottom: 4px;
			}
				.tickList li {
					background: url(../images/sidebar/tick.gif) no-repeat 0 3px;
					padding-bottom: 8px;
					padding-left: 18px;
				}
				
			.tickList p
			{
				padding: 0 10px;	
			}
			
			.tickList .hr
			{
				height:1px;
				color:#bcbcbc;
				background:#bcbcbc;
				position:relative;
				margin:0px;
				margin-top:8px;
			}
				
		#sidebar .applyNow {
			background: url(../images/sidebar/side_bottom.gif) no-repeat bottom center #efefef;
			padding: 10px;
		}
			#sidebar .applyNow a {
				background: url(../images/sidebar/apply_now.gif) no-repeat center center;
				display: block;
				height: 19px;
				margin: 0 auto;
				outline: none;
				text-indent: -9999px;
				width: 125px;
			}
		
	/* *** main content *** */
	#main_content {
		float: right;
		width: 685px;
	}
		/* *** breadcrumbs *** */
		#breadcrumbs {
			color: #454545;
			font-size: 10px;
			margin-bottom: 10px;
		}
		/* *** subpage yellow heading *** */
		#pageTitle {
			background: url(../images/header/page_title.gif) repeat-x top left #ffdf06;
			color: #003a87;
			height: 32px;
			margin-bottom: 13px;
		}
				/* corners */
				.pageTitleLeft, .pageTitleRight {
					display: block;
					height: 32px;
					width: 9px;
				}
				.pageTitleLeft {
					background: url(../images/header/page_title_left.gif) no-repeat center left;
					float: left;
					margin-right: 6px;
				}
				.pageTitleRight {
					background: url(../images/header/page_title_right.gif) no-repeat center right;
					float: right;
				}
				
			#pageTitle h2 {
				font: bold 17px/32px arial;
			}
		
		/* *** page content wrapper *** */
		.contentTopWide {
			background: url(../images/homepage/content_top_wide.gif) no-repeat bottom center;
			height: 8px;
		}
		.contentBottomWide {
			background: url(../images/homepage/content_bottom_wide.gif) no-repeat bottom center;
			height: 8px;
		}
		.contentTop {
			background: url(../images/homepage/content_top.gif) no-repeat bottom center;
			height: 8px;
		}
		.contentBottom {
			background: url(../images/homepage/content_bottom.gif) no-repeat top center;
			height: 8px;
			margin-bottom: 18px;
		}
		.content {
			border: 4px solid #d6e0ec;
			border-width: 0 4px;
			padding: 15px 20px;
		}
			.content p, .content ul, .content ol, .content blockquote {
				line-height: 150%;
				margin-bottom: 10px;
			}
						
	/* *** footer *** */
	.footerText{
		width:820px;
		margin:auto;
		font-size:9px;
		text-align:center;
		display:block;
		margin-bottom:10px;
	}
	
	#footer {
		background: #01408d;
		color: #FFF;
		font: normal 12px/32px arial;
		height: 32px;
	}
		#footer ul {
			margin-left: 30px;
		}
			#footer li {
				float: left;
				margin-right: 6px;
			}
				#footer li a {
					color: #FFF;
					margin-left: 2px;
					text-decoration: none;
				}
				#footer li.current a { color: #fede00; }
				#footer li a:hover {
					color: #fede00;
				}
				
		/* *** corners *** */
		#footerLeft {
			background: url(../images/footer/left.gif) no-repeat top left #01408d;
			display: block;
			float: left;
			height: 32px;
			width: 9px;
		}
		#footerRight {
			background: url(../images/footer/right.gif) no-repeat top right #01408d;
			display: block;
			float: right;
			height: 32px;
			width: 9px;
		}
		
/* *** homepage *** */
#welcome {
	background: url(../images/homepage/welcome2.gif) no-repeat center center;
	height: 184px;
	margin-bottom: 19px;
	position: relative;
	text-indent: -9999px;
	width: 685px;
}
	#welcome a {
		display: block;
		height: 41px;
		position: absolute; top: 124px; left: 314px;
		text-indent: -9999px;
		width: 179px;
	}
	
	/* *** intro list *** */
	#introList {
		height: 124px;
		margin-bottom: 18px;
	}
		#introList li {
			float: left;
			height: 124px;
			margin-right: 20px;
			width: 215px;
		}
			#introList h3 {
				color: #FFF;
				font: bold 13px/33px arial;
				padding: 0 14px;
			}
			#introList p {
				color: #FFF;
				font-weight: bold;
				line-height: 140%;
				padding: 8px 20px 8px 14px;
				padding-bottom: 6px;
			}
			#introList .more {
				padding-right: 16px;
				text-align: right;
			}
			
			#introList .here {
				padding-right: 16px;
				
			}
				#introList .more a, #introList .here a {
					background: url(../images/homepage/yellow_arrow.gif) no-repeat 100% 4px;
					color: #ffe21a;
					padding-right: 16px;
				}
			
			#introList li.blue {
				background: url(../images/homepage/blue_box.gif) no-repeat top center #01408d;
			}
			#introList li.yellow {
				background: url(../images/homepage/yellow_box.gif) no-repeat top center #fee832;
			}
				#introList li.yellow h3 {
					color: #003a87;
				}
				#introList li.yellow p {
					color: #4b4d4c;
				}
					#introList li.yellow .more a {
						background: url(../images/homepage/blue_arrow.gif) no-repeat 100% 4px;
						color: #0e529b;
					}
					
	/* *** accordion *** */
	#accordion {
		background: url(../images/homepage/accordion.gif) repeat-y top center;
		margin-bottom: 18px;
		position: relative;
		width: 685px;
	}
		#accordion h2 {
			background: #01408d;
			cursor: pointer;
			height: 38px;
			margin-bottom: 3px;
			text-indent: -9999px;
		}
			h1#acc_1 {
				background: url(../images/homepage/acc_h2_3a.gif) no-repeat center left;
				color:#fff;
				height:38px;
				line-height:38px;
			}
			h1#acc_2 {
				background: url(../images/homepage/acc_h2_2.gif) no-repeat center left;
			}
			h1#acc_3 {
				background: url(../images/homepage/acc_h2_3a.gif) no-repeat bottom left;
				color:#fff;
				height:38px;
				line-height:38px;
			}

		#accordion div {
			/*padding: 14px 20px 11px 20px;*/
		}
			#accordion p {
				line-height: 130%;
				margin-bottom: 8px;
			}
		.accLast {
			border-bottom: 4px solid #d6e0ed;
			padding:10px;
		}
		
			.accFirst {

			padding:10px;
		}
		
		.accHeader .arrow
		{
			height:38px;
			width:50px;
			background:url(../images/homepage/arrow-right.gif) no-repeat;	
			display:inline;
			position:absolute;
			margin-top:12px;
			margin-top:4px !ie;
			margin-left:5px;
		}
		
		.accHeaderSelected .arrow
		{
			height:38px;
			width:50px;
			background:url(../images/homepage/arrow-down.gif) no-repeat;	
			display:inline;
			position:absolute;
			margin-top:13px;
			margin-top:3px !ie;
			margin-left:5px;
		}
		
/* *** how it works page *** */
#howItWorks {
}
	#howItWorks h3 {
		font-size: 14px;
		margin-bottom: 4px;
	}
	
	/* *** raquo'd list *** */
	.raquoList {
	}
		.raquoList li {
			background: url(../images/how-it-works/raquo.gif) no-repeat 0 5px;
			font-weight: bold;
			margin-bottom: 4px;
			padding-left: 21px;
		}
	
	/* *** steps list *** */
	#steps li img {
		margin-bottom: 10px;
	}
	#steps li h2 {
		font-size: 17px;
	}
	#howItWorks #step1 {
		background: url(../images/how-it-works/next.gif) no-repeat 183px 15px;
		float: left;
		padding-right: 30px;
		width: 193px;
	}
		#howItWorks #step1 img { margin-left: 58px; }
		
	#howItWorks #step2 {
		background: url(../images/how-it-works/next.gif) no-repeat 175px 15px;
		float: left;
		margin-right: 20px;
		padding-left: 10px;
		padding-right: 30px;
		width: 175px;
	}
		#howItWorks #step2 img { margin-left: 42px; }
		
	#howItWorks #step3 {
		float: left;
		width: 170px;
	}
		#howItWorks #step3 img { margin-left: 45px; }
		
/* *** our charges *** */
#ourCharges {
}
	.raquoH2 {
		background: url(../images/our-charges/raquo.gif) no-repeat 0 3px;
		font-size: 15px;
		margin-bottom: 10px;
		padding-left: 22px;
	}
		.raquoH2 span {
			color: #444;
			font-family: verdana;
			font-size: 12px;
		}
	
		
	/* table */
	table.charges {
		background: url(../images/our-charges/thead.gif) repeat-x top left #ebebeb;
		border-collapse: separate;
		width: 100%;
		margin:auto;
		text-align:center;
	}
		/* blue table header */
		.charges thead {
			position: relative;
		}
		.charges thead td {
			color: #FFF;
			height: 33px;
			font: bold 15px Arial;
			text-align: center;
			vertical-align: middle;
			width: 50%;
		}
			.tdTopLeft {
				background: url(../images/our-charges/topleft.gif) no-repeat center left;
			}
			.tdTopRight {
				background: url(../images/our-charges/topright.gif) no-repeat center right;
			}
		/* grey cells */
		.charges tbody {
		}
		.charges tbody td {
			padding: 8px;
			text-align: center;
		}
			.tdLeft {
				border: 1px solid #DDD;
				border-left: 0;
				border-bottom-color: #fefefe;
			}
			.tdRight {
				border: 1px solid #fefefe;
				border-right: 0;
				border-top-color: #DDD;
			}
			.tdBottomLeft {
				background: url(../images/our-charges/bottomleft.gif) no-repeat bottom left;
			}
			.charges tbody .tdBottomLeft2 {
				background: url(../images/our-charges/bottomleft.gif) no-repeat bottom left;
				border-right: 0;
				padding-left: 32px;
				text-align: left;
			}
			.tdBottomRight {
				background: url(../images/our-charges/bottomright.gif) no-repeat bottom right;
			}
		
/* *** faq *** */
#faq {
}
	#faqs h2 {
		font-size: 15px;
		margin-bottom: 6px;
		margin-top: 20px;
	}

		#faqs ul {
		}
		#faqs ul li .faqTitle {
			color: #444;
			text-decoration: none;
		}
			#faqs ul li .faqTitle:hover { color: #03428f; }

		#faqs .raquoList div {
			font-weight: normal;
		}
	
/* *** contact *** */
#contact {
}
	#contact h3 {
		margin-bottom: 6px;
	}
	#contact p {
		margin-bottom: 18px;
	}
	#contact address {
		font-style: normal;
		line-height: 150%;
		margin-bottom: 18px;
	}
	
	.raquoListBig {
	}
		.raquoListBig li {
			background: url(../images/contact/raquo.gif) no-repeat 0 3px;
			color: #03428f;
			font: bold 15px arial;
			padding-left: 23px;
			margin-bottom: 6px;
		}
			.raquoListBig li a {
				color: #03428f;
				text-decoration: none;
			}
			.raquoListBig li a:hover {
				text-decoration: underline;
			}
		.raquoListBig span {
			display: block;
			float: left;
			width: 73px;
		}

/* *** content page *** */
#page {
}
	#page h2, #page h3 {
		margin-bottom: 8px;
	}
	#page p, #page ul, #page ol, #page blockquote {
		margin-bottom: 15px;
	}
	#page ul, #page ol {
		margin-left: 15px;
		list-style: disc outside;
	}
	#page ol {
		margin-left: 22px;
		list-style: decimal outside;
	}
	#page li {
	}
	
	.applynow
	{
	    text-align:center;
	}
	
	.applynow tr
	{
			text-align: left;
	}
	
	.applynow td
	{
		width:190px;
	}
	
	.val
	{
		position:absolute;
		margin-top:6px;	
	}
	
	
	/* *** admin page *** */
	
 .admin table 
 {
 	margin:auto;
 	border: #03428f solid 3px;
 	border-collapse: collapse;
 	width:100%;
 }
 
.admin  td, th
 {
	padding:0;
	margin: 0;
	width:90px;
	text-align:center;
}

.th
{
	color: #03428f;
	font-weight:bold;
	width:350px;
	padding-right:80px;
}

.tableButton
{
	margin-left:280px;
	width:100px;
}


	/* *** Generate loan approved doc *** */

.LoanApprovedDocument
{
	width:100%;	
}	
	
.LoanApprovedDocument .TextBox
{
	display:block;
	margin-left:160px;
	margin-top:-25px;	
}

.LoanApprovedDocument p
{
	display:inline;	
	line-height:30px;
}

.LoanApprovedDocument .form
{
	margin:auto;
	width: 320px;	
	border: #03428f solid 3px;
	margin-top:30px;
	padding:10px;
}

.LoanApprovedDocument .ButtonGenerate
{	
	position:relative;
	width:100px;
	margin-top:10px;
}

.LoanApprovedDocument .Buttons
{
	text-align:center;	
}

.LoanApprovedDocument .val
{
	margin-top:4px;	
}

.LoanApprovedDocument .valsum
{
	text-align:center;
	margin-top:10px;	
}

/* Privacy */

table.privacy {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.privacy th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.privacy td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
.privacy ol
{
    list-style-type:decimal;
    list-style: 
}