@charset "UTF-8";
/* Style CSS */

body {font-family:"Trebuchet MS", Verdana, Arial; font-size: 12px; font-weight:normal; background:url(../img/bg_header.jpg) repeat-x 0 0 #226698; margin:0; padding:0;}
img {margin:0; padding:0; border:0;}
div {margin:0; padding:0; border:0;}
h1, h2, h3 {padding:0; margin:0; font-weight:normal;}
h1 {font-size: 28px; font-family:"Trebuchet MS", Verdana, Arial; color:#fff;}
h2 {font-size:14px; line-height: 16px;}
h3 {font-size:14px; color:#f3bd00; line-height:14px; margin:0; padding:0; font-weight:bold;}
.clearfloat {clear:both;}
/* ul {margin:0; padding:0;} */
/* li {margin:0; padding:0;} */
p {margin:0; padding:0;}

.bx_header {width: 858px; height:123px; margin: 0 auto;}
.bx_header h1 {margin:30px 0px 2px 30px; font-size: 32px; font-family:"Trebuchet MS", Verdana, Arial; color:#8ad3ed; color:#fff; float:left; letter-spacing:-0.08em; height:51px;}
.bx_left {width:501px; float:left; display:block;}
.bx_right {width:249px; float:right;}
.bx_content {width: 750px; margin: 0 auto; display:block;}

.blue {color:#73c4e1;}

.menu {height:27px; width:838px; background:url(../img/bg_menu.jpg) no-repeat 0 0; clear:both; padding:13px 0px 0px 20px;}
.menu p {font-size: 22px; font-family:"Trebuchet MS", Verdana, Arial; color:#8ad3ed; font-weight:normal; margin:-5px 20px 0px 0px; padding:-5px 0px 0px 10px; float:right;}
.menu ul {margin:0; padding:0; list-style:none;}
.menu li {list-style:none; float:left; text-align:center; margin:0px 0px 0px 0px;}
.menu li a {display:block; color:#fff; text-decoration: none; font-family:"Trebuchet MS", Verdana, Arial; color:#fff; font-size: 11px; padding:5px 15px 5px 15px;}
.menu li a:hover {background-color:#1b9ac7; color:#bae8fd;}

.mission {width:461px; margin:10px auto 0 auto;font-size: 20px; line-height: 28px; font-family:Georgia, "Times New Roman", Times, serif; color:#5d726b;}
.mission a {color:#00739a; text-decoration: underline;}
.mission a:hover {background-color:#00739a; color:#fff; text-decoration:none;}

.main_img {width:501px; height:103px; background:url(../img/img_main.jpg) no-repeat 0 0;}
.main_img a {float:right; margin:0; display:block; width:213px; height:103px; background:url(../img/button.jpg) 0 0 no-repeat; text-decoration:none;}
.main_img a:hover {background-position:0 -103px;}

.content_main {width:481px; margin:5px auto 10px auto;font-size: 14px; line-height: 23px; font-family:Georgia, "Times New Roman", Times, serif; color:#002837;}
.content_main p {margin-bottom:10px;}
.content_main a {color:#055674; text-decoration: underline;}
.content_main a:hover {background-color:#1b9ac7; color:#fff; text-decoration:none;}

.callout {float:right; margin:5px; width:195px; border-top:4px solid #fff; border-bottom:4px solid #fff; padding:5px; font-family:"Trebuchet MS", Verdana, Arial; font-size:11px; color:#fff; background:url(../img/icon.jpg) no-repeat 5px 5px #e2ece3;}
.callout h1 {margin:0px 0px 5px 50px; font: 18px Georgia, "Times New Roman", Times, serif; color:#006491;}

.date {width:154px; height:85px; background:url(../img/date.jpg) no-repeat 5px 0px; padding-top:35px; text-align:center; margin:0px auto 5px auto;}
.date h4 {font: 14px "Trebuchet MS", Verdana, Arial; color:#fff; font-weight:bold;margin:0; padding:0;}
.date h5 {font: 40px "Trebuchet MS", Verdana, Arial; color:#fff; font-weight:bold; margin:0; padding:0; letter-spacing:-3px; margin-top:-6px;}

.sidebar {width:210px; margin:0 auto; color:#fff; font:11px "Trebuchet MS", Verdana, Arial; line-height:16px; padding-top:3px;}
.sidebar p {display:block;}
.sidebar h1 {font-size: 22px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; letter-spacing:-1px;}
.sidebar h2 {margin:10px 0px 0px 0px;}
.sidebar h2 a {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration: underline; font-size:12px; line-spacing:12px;}
.sidebar h2 a:hover {background-color:#262626; color:#fff; text-decoration:none;}

.cities {width:210px; margin:30px auto 0 auto; color:#CCCCCC; font:11px "Trebuchet MS", Verdana, Arial; line-height:16px; text-align:center;}
.cities p {display:block;}
.cities h1 {font-size: 22px; font-family:Georgia, "Times New Roman", Times, serif; color:#003f5d; letter-spacing:-1px;}
.cities h2 {font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; color:#003f5d; letter-spacing:-1px; margin-bottom:15px;}
.cities a {font-family:"Trebuchet MS", Verdana, Arial color:#262626; text-decoration: none; font-size:11px; line-spacing:14px;}
.cities a:hover {background-color:#262626; color:#fff; text-decoration:none;}

.bx_bottom {width: 710px; margin: 0 auto; background:url(../img/bg_btm.jpg) repeat-x 0 0 #008ab9; font:11px "Trebuchet MS", Verdana, Arial; line-height:16px; color:#fff; padding:15px 20px 20px 20px;}
.bx_bottom h1 {margin-bottom:10px; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;letter-spacing:-0.08em;}

.footer {text-align:right; width:730px; height:40px; font:11px "Trebuchet MS", Verdana, Arial; line-height:16px; color:#999999; padding:10px 10px 0px 10px; margin:0 auto;}
.footer a {color:#5d5d5d; text-decoration:none; padding:2px 4px 2px 4px;}
.footer a:hover {color:#fff; background-color:#1490bf; text-decoration:none;}

/* Application Styles */
.bx_app {width: 850px; margin: 10px auto 20px auto; background:#3e83b5; display:block; border:1px solid #fff; font:12 "Trebuchet MS", Verdana, Arial;}

.app_header {width:850px; padding:5px 0px 5px 0px; background:#5a9ac4; height:30px;}
.bx_header_app {width: 858px; height:123px; margin: 0 auto; background:url(../img/app_header_bg.png) no-repeat top left;}
#app_progressbar {width:850px; padding:0; background:#5a9ac4; height:15px;}
#app_progressbar_progress {float:left; width:50px; padding:0; background:url(../img/progress_bg.gif) no-repeat top right #fff; height:15px;}
.SectionTitle {font-size: 20px; font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; float:left; margin:0; padding:5px 0px 0px 20px; color:#fff; letter-spacing:-2px;}
.LoanNumber {font-size: 16px; font-weight:normal; float:right; margin:0; padding:5px 20px 0px 0px; color:#95c4e3;}

/* sfligg added begin - 20080313 */
.ThankYouBox {width:100%; padding:25px 0px 5px 0px; background:#5a9ac4; height:100px; text-align:center;}
.ThankYouText {font-size: 26px; font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; margin:25 0 0 0; color:#fff; letter-spacing:-2px;}
/* sfligg added end - 20080313 */

#AppLeft {width:560px; padding:10px 0px 10px 10px; float:left;}
/* -- sfligg -- 20080313 -- #AppLeft a {color:#a8cbe5; text-decoration: none; font-family:"Trebuchet MS", Verdana, Arial; font-size: 14px; padding:3px 5px 3px 5px;} */
#AppLeft a {color:#fff; text-decoration: none; font-family:"Trebuchet MS", Verdana, Arial; font-size: 14px; padding:3px 5px 3px 5px;}
#AppLeft a:hover {background:#fff; color:#226698;}
#AppRight {width:250px; padding:7px; float:right; color:#fff; line-height:30px;}
#AppRight img {margin:0px auto 20px auto; display:block;}

#AppTable {background-color:#5a9ac4; margin:10px 0px 10px 0px; font-family:"Trebuchet MS", Verdana, Arial; width:540px;}
#AppTable td {padding:5px; color:#fff;}
#AppTable td ul {list-style:inside;}
#AppTable td h1 {font:21px "Trebuchet MS", Verdana, Arial; letter-spacing:-1px; color:#fff; font-weight:bold;}
#AppTable td div {float:left;}
#AppTable td p {font:11px Arial, Helvetica, sans-serif; color:#fff;}
#AppTxt1 {padding:0px 10px 0px 0px; float:left;}
#AppTxt2 {padding:4px 10px 0px 10px; font:11px Arial, Helvetica, sans-serif; float:left; padding-left:10px;width:65px; text-align:right;}
#AppTable tr.AltColor {background-color:#74b2db;}
#AppTable input {background:url(../img/app_inputback.gif) bottom left repeat-x #373737; border: 1px solid #5b5656; padding:3px; color:#fff; font-family:"Trebuchet MS", Verdana, Arial; margin:0px 5px 0px 0px;}
#AppTable input.required {background:url(../img/app_inputbackreq.gif) bottom left repeat-x #226698; border:1px solid #0e3f63; color:#fff;}
#AppTable input.error {background:url(../img/app_inputbackerror.gif) bottom left repeat-x #940000; border:1px solid #c80303; color:#fff;}
#AppTable input.clear {background:transparent; border: 0; padding:0; color:#fff; font-size:11px;}
#AppTable select {background:#383838; border: 1px solid 5b5656; padding:3px; color:#fff; font-size:11px;}
#AppTable select.required {background:#226698; border: 1px solid #fff; padding:3px; color:#fff; font-size:11px;}
#AppTable select.error {background:#226698; border: 1px solid #fff; padding:3px; color:#fff; font-size:11px;}
#AppTable textarea.required {background:url(../img/app_inputbackreq.gif) bottom left repeat-x #226698; border:1px solid #0e3f63; color:#fff; font:14px "Trebuchet MS", Verdana, Arial;}
#AppTable textarea.error {background:url(../img/app_inputbackerror.gif) bottom left repeat-x #940000; border:1px solid #c80303; color:#fff;}

#AppInputSample {background:url(../img/app_inputbacksample.gif) bottom left repeat-x #206293; border: 1px solid #12456a; width:228px; height:71px; margin:20px 20px 20px 0px;}

#AppInputSample strong {color:#95c4e3; font-weight:normal; text-decoration:underline;}

#SecureSeal {
	display:block;
	background:#fff;
	border:1px solid #12456a;
	text-align:center;
	padding:10px 5px 10px 5px;
	margin:20px auto;
	height:40px;
}

.AppTableHeader {background:url(../img/tableheader_bg.gif) repeat-x 0 0 #5b9ac4;}

.AppContinue a {margin:0 auto; display:block; width:142px; height:164px; background:url(../img/app_continue.jpg) 0 0 no-repeat; text-decoration:none;}
.AppContinue a:hover {background:url(../img/app_continue_hover.jpg) 0 0 no-repeat;}

.revealdiv {background-color:#e6eee4; border:1px solid #f6f9e1; padding:5px; margin:5px;}

#app_footer {width:850px; padding:5px 0px 10px 0px; height:75px;}
#app_footer p {float:left; display:block; width:550px; margin:0px 0px 0px 40px; font:10px "Trebuchet MS", Verdana, Arial; color:#95c4e3; line-height: 15px;}
#app_footer img {float:right; display:block; margin:0px 60px 0px 0px;}

#RepayOpt {width:460px; margin:0; padding:0; background-color:transparent;}
#RepayOpt a {background:#d0d9ce; padding:0; margin:0;}
#RepayOpt input {background:url(../img/app_inputback.gif) bottom left repeat-x #373737; border: 1px solid #5b5656; padding:3px; color:#fff; font-family:"Trebuchet MS", Verdana, Arial; margin:0px 5px 0px 0px;}
#RepayOpt input.required {background:url(../img/app_inputbackreq.gif) bottom left repeat-x #fff;}
#RepayOpt select {background:#226698; border: 1px solid #fff; padding:3px; color:#fff; font-size:11px;}
#RepayOpt textarea {background:url(../img/app_inputback.gif) bottom left repeat-x #fff; border: 1px solid #fff; padding:3px; color:#72764e; font-family:"Trebuchet MS", Verdana, Arial; margin:0px 5px 0px 0px;}
#RepayOpt p {font:11px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:5px;}


.RepayOptPopup {width:430px; margin:2px 15px 15px 15px; background-color:#3e83b5;}
.RepayOptPopup h1 {display:inline; margin:0; padding:0; font-size:16px; color:#fff;}

#cal_icon a {margin:0; width:36px; height:32px; background:url(../img/cal_icon.gif) 0 0 no-repeat; text-decoration:none; float:left;}
#cal_icon a:hover {margin:0; width:36px; height:32px; background:url(../img/cal_icon.gif) 0 0 no-repeat; text-decoration:none; float:left;}

#RepayMinPayment {background:url(../img/app_repayment_1.gif) no-repeat 0 0; width:445px; height:31px; padding:12px 0px 0px 15px; width:445px;}
#RepayMinPayment input {background:transparent;}

#RepayFeesPlus {background:url(../img/app_repayment_2.gif) no-repeat 0 0; width:445px; height:31px; padding:12px 0px 0px 15px; width:445px;}
#RepayFeesPlus input {background:transparent;}

#RepayEntireAmount {background:url(../img/app_repayment_3.gif) no-repeat 0 0; width:445px; height:31px; padding:12px 0px 0px 15px; width:445px;}
#RepayEntireAmount input {background:transparent;}

#RepayFollowingAmount {background:url(../img/app_repayment_4.gif) no-repeat 0 0; width:445px; height:31px; padding:12px 0px 0px 15px; width:445px;}
#RepayFollowingAmount input {background:transparent;}

#RepayScheduled {background:url(../img/app_repayment_5.gif) no-repeat 0 0; width:445px; height:31px; padding:12px 0px 0px 15px; width:445px;}
#RepayScheduled input {background:transparent;}

#ChequeImage {background:url(../img/cheque.jpg) no-repeat 0 0; width:460px; height:284px;}

#txtContract {border:1px solid white; color:#666666; padding:5px;}

.TargetSiteLink a {display:block; font: 22px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:none; padding:15px 5px 15px 5px; text-align:center;}
.TargetSiteLink a:hover {display:block; font: 22px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-decoration:none; background-color:#333333; padding:15px 5px 15px 5px;I woul text-align:center;}

#AppApproved {width:460px; padding:200px 0px 0px 0px; margin:20px auto 20px auto; background:url(../img/approved.jpg) no-repeat 0 0;}

.td1r {width:100px; text-align:right;}
.td2r {width:150px; text-align:right;}
.td3r {width:200px; text-align:right;}
.td4r {width:250px; text-align:right;}
.td5r {width:300px; text-align:right;}
.td6r {width:350px; text-align:right;}
.td7r {width:400px; text-align:right;}

.td1l {width:100px; text-align:left;}
.td2l {width:150px; text-align:left;}
.td3l {width:200px; text-align:left;}
.td4l {width:250px; text-align:left;}
.td5l {width:300px; text-align:left;}
.td6l {width:350px; text-align:left;}
.td7l {width:400px; text-align:left;}

#cal_icon a {margin:0; width:36px; height:32px; background:url(../img/cal_icon.gif) 0 0 no-repeat; text-decoration:none; float:left;}
#calcbtn a {margin:0 auto; display:block; width:153px; height:39px; background:url(../img/btncalc.gif) 0 0 no-repeat; text-decoration:none;}
#app_secure {float:right; margin:0 50px; display:block; width:147px; height:47px; background:url(../img/app_secure.jpg) 0 0 no-repeat;}

/* Errors */
#ErrorBox {position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; z-index:1; color:#fff; font: 18px "Trebuchet MS", Verdana, Arial; font-weight:900;}
#ErrorContainer {width:424px; height:225px; margin:50px auto 0px auto; background:url(../img/error_bg.gif) no-repeat 0 0; padding:0; border: 1px solid #00618e;}
#ErrorContainer select {background-color:#4d615a; border: 1px solid #fff; padding:3px; color:#fff;}
#ErrorTotalBox {margin:30px 0px 0px 0px;}
#ErrorTotalBox input {background:transparent; padding:3px; color:#fff; font: 28px "Trebuchet MS", Verdana, Arial; font-weight:900; margin:0px 5px 0px 0px; border:0;}

/* Loan Calculator */
#CalcBox {position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; z-index:1; color:#fff; font: 18px "Trebuchet MS", Verdana, Arial; font-weight:900;}
#CalcContainer {width:360px; display:block; margin:50px auto 0px auto; background:url(../img/calc_bg.jpg) no-repeat 0 0 #23669a; padding:0px 20px 20px 20px; border: 1px solid #00618e;}
#CalcContainer h1 {float:left; font:24px Georgia, "Times New Roman", Times, serif; color:#5d5d5d; margin-bottom:20px;}
#CloseBtn {display:block; width:360px; height:50px; text-align:right;}
#CloseBtn a {float:right; font: 12px "Trebuchet MS", Verdana, Arial; color:#0f75bc; margin:3px; text-decoration:underline; padding:3px 6px 3px 6px; }
#CloseBtn a:hover {background-color:#0f75bc; color:#fff; text-decoration:none;}
#CalcContainer input {background-color:#4d615a; border: 1px solid #fff; padding:3px; color:#fff; font: 14px "Trebuchet MS", Verdana, Arial; margin:0px 5px 0px 0px;}
#CalcContainer input.required {background-color:#4d615a;}
#CalcContainer select {background-color:#226698; border: 1px solid #fff; padding:3px; color:#fff;}
#CalcOptions {height:60px; margin:50px 0px 0px 0px;}
/* -- sfligg -- 20080312 --
#CalcTotalBox {height:45px; padding:15px 0px 0px 50px;}
#CalcTotalBox input {background-color:transparent; padding:3px; color:#5d5d5d; font: 28px "Trebuchet MS", Verdana, Arial; font-weight:900; margin:0px 5px 0px 0px; border:0;}
*/
#CalcTotalBox {margin:0px 0px 0px 0px; height:45px;}
#CalcTotalBox input {background-color:transparent; padding:3px; color:#5d5d5d; font: 24px Georgia, "Times New Roman", Times, serif; font-weight:900; margin:0px 5px 0px 0px; border:0;}

#CalcText {width: 360px; margin:30px 0px 0px 0px; font-size:11px;}


#BoxDim {display:block;	position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity: 0.7; /* Safari, Opera */	-moz-opacity:0.70; /* FireFox */ filter: alpha(opacity=70); /* IE */	z-index:0;}
#BoxDim a:link {display:block; width:100%; height:100%;}

.darkenBackground {background-color: #000; opacity: 0.7; /* Safari, Opera */ -moz-opacity:0.70; /* FireFox */ filter: alpha(opacity=70); /* IE */ z-index: 20; height: 100%; width: 100%;	background-repeat:repeat; position:fixed; top: 0px; left: 0px;}

/* content pages */
#contentpage {width: 790px; margin: 0 auto; display:block; padding:30px; color:#fff; font:14px "Trebuchet MS", Verdana, Arial; line-height:18px;}
#contentpage p {margin:0px 0px 10px 0px;}
#contentpage a {color:#a8cbe5; text-decoration: none; font-family:"Trebuchet MS", Verdana, Arial; font-size: 14px; padding:3px 5px 3px 5px;}
#contentpage a:hover {background:#fff; color:#226698;}

/* #c_menu {width:840px; padding:5px; background-color:#fff; height:15px;} */
#c_menu {width:840px; padding:5px; background-color:#fff; height:25px;}
#c_menu ul {margin:0; padding:0; list-style:none;}
#c_menu li {float:left; list-style:none; text-align:center; margin:0; font-family:"Trebuchet MS", Verdana, Arial; font-size: 11px; padding:3px 4px 3px 4px;}
#c_menu li a {display:block; color:#5d5d5d; text-decoration: none; font-family:"Trebuchet MS", Verdana, Arial; font-size: 11px; padding:3px 2px 3px 2px;}
#c_menu li a:hover {color:#fff; background-color:#5a9ac4; height:11px;}

#c_half {float:left; display:block; width: 375px; margin-bottom:30px;}

#c_full {float:left; display:block; width: 790px; margin-bottom:30px;}

#makepayment_icons{margin-left:250px; padding:0px;}
#makepayment_icons a{border:0px;padding:0px;}
#makepayment_icons a:hover{border:0px;padding:0px;background-color:transparent;}


.h2_inner{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	/*padding:0px 0px 5px 20px;*/	
}