/***************** Fix Browsers ***********************/

html { height: 100%; margin-bottom: 1px; }	
* { margin: 0px; padding: 0px; }

p { margin: 8px 0px 8px 2px; line-height: 18px; }

body { background: #fff; color: #000; font-size: 14px; font-family: arial, 'times new roman'; }

.hide { visibility: hidden !important; height: 0px !important; overflow: hidden !important; }

.highlight { font-weight: bold; }
.highlightred { font-weight: bold; color: red; }
.highlightgreen { font-weight: bold; color: green; }
.underlined { text-decoration: underline; font-weight: bold; }

.clear { clear: both; }
.clearl { clear: left; }

.floatleft { float: left; }
.floatright { float: right; }

.tiny { font-size: 80%; }

a { color: #211f8d; }

.error { font-weight: bold; color: red; }

/***************** Container ***********************/

#container { width: 1000px; margin: 10px auto; background: url('../images/site_bg.jpg') right top repeat-y; }

/***************** Header ***********************/

#header { background: #fff;  }
#header a img { border: 0px; float: left; margin: 0px; }

#ticks { float: right; width: 390px; padding: 10px  0 0 0; font-size: 120%; font-weight: bold; }
#ticks img { margin: 0 5px 0 10px; }

/***************** Menus ***********************/

#tabbedmenu { float: left; margin: 20px 0 0 20px; height: 30px;  }
#tabbedmenu ul { list-style-type: none; }
#tabbedmenu li { color: #000; height: 30px; float: left; }
#tabbedmenu a { color: #000; text-align: center; display: block; text-decoration: none; height: 30px; line-height: 30px; font-weight: bold; }
#tabbedmenu a.smalltab { background: url('../images/tabs_small_white.jpg') left top no-repeat; width: 99px;  }
#tabbedmenu a.bigtab { background: url('../images/tabs_big_white.jpg') left top no-repeat; width: 143px;  }
#tabbedmenu li.current a.smalltab { background: url('../images/tabs_small_red.jpg') left top no-repeat; width: 99px; color: #fff; }
#tabbedmenu li.current a.bigtab { background: url('../images/tabs_big_red.jpg') left top no-repeat; width: 143px; color: #fff; }

#redmenu { clear: both; height: 30px; width: 100%; background: #ef4135; }
#redmenu ul { list-style-type: none; }
#redmenu li { color: #fff; height: 30px; float: left; border-left: 1px solid #fff; }
#redmenu a { color: #fff; text-align: center; height: 40px; padding: 0 9px; height: 30px;  line-height: 30px; font-size: 115%; }
#redmenu a:link, #redmenu a:visited { text-decoration: none; }
#redmenu a:active, #redmenu a:hover { text-decoration: underline; }


/***************** Content ***********************/

#content { width: 790px; margin: 0; }

#content h1 { font-size: 140%; margin: 15px 0 10px 0; text-align: center; }
#content h2 { font-size: 130%; margin: 20px 0 5px 0;}

#index-flm-quick-box { width: 390px; margin: 10px 2px; float: left; }
#index-flm-big-box { width: 390px; margin: 10px 2px; float: left;  }

#quick-info-flm-quick-box { width: 390px; margin: 10px 2px; float: right; height: 465px; }
#quick-info-flm-big-box { width: 390px; margin: 10px 2px; float: right;  }

#apply-box-1 { width: 390px; margin: 10px 2px; float: left; }
#apply-box-2 { width: 390px; margin: 10px 2px; float: left;  }
#apply-box-3 { width: 390px; margin: 10px 2px; float: left; }
#apply-box-4 { width: 390px; margin: 10px 2px; float: left;  }


.index-box-top { background: url('../images/flm-front-box-top.jpg') left top no-repeat; height: 12px; overflow: hidden; }
.index-box-middle { background: url('../images/flm-front-box-middle.jpg') left top repeat-y;   }
.index-box-bottom { background: url('../images/flm-front-box-bottom.jpg') left top no-repeat; height: 17px; }

.index-box-middle h1 { padding-left: 10px; font-size: 170% !important; margin: 0px !important; text-align: left !important;  }

.index-box-middle .index-box-list { height: 280px; margin: 0 10px 0 0;  }
#apply-box-1 .index-box-middle .index-box-list { height: auto; margin: 0 10px 0 0;  }
#apply-box-2 .index-box-middle .index-box-list { height: auto; margin: 0 10px 0 0;  }
#apply-box-3 .index-box-middle .index-box-list { height: auto; margin: 0 10px 0 0;  }
#apply-box-4 .index-box-middle .index-box-list { height: auto; margin: 0 10px 0 0;  }
#apply-box-1 .index-box-middle .index-box-list img { margin: 15px 0 0 20px; border: 0px; }
#apply-box-2 .index-box-middle .index-box-list img { margin: 15px 0 0 20px; border: 0px; }
#apply-box-3 .index-box-middle .index-box-list img { margin: 15px 0 0 20px; border: 0px; }
#apply-box-4 .index-box-middle .index-box-list img { margin: 15px 0 0 20px; border: 0px; }

.index-box-middle ul { padding: 0 0 0 30px; color: #211f8d; font-size: 90%; width: 340px; }
.index-box-middle li { padding: 2px 8px 2px 0; }
.index-box-middle li span { color: #000;  }
.index-box-middle li.exclaim { list-style-image: url('../images/exclaim.jpg') ; }
.index-box-middle p { padding: 5px 0 0 10px; width: 220px; margin: 0px; font-size: 90%; }
.index-box-middle h2 { padding: 5px 0 0 10px !important; font-size: 170% !important; margin: 0 !important; }

.index-box-links { float: right; width: 145px; margin: 5px 5px 0 0; }
.index-box-links img { border: 0px; padding: 3px 0; }

#quick-info-flm-quick-box .index-box-links { float: right; width: 145px; margin: 45px 5px 0 0; }
#quick-info-flm-big-box .index-box-links { float: right; width: 145px; margin: 45px 5px 0 0; }

#index-box-flm-quick-list { background: url('../images/flm-loans-mid-1.jpg') right top no-repeat; }
#index-box-flm-big-list { background: url('../images/flm-loans-mid-2.jpg') right top no-repeat; }

#index-columns { clear: left; }
.index-column { width: 240px; height: 250px; float: left; padding: 5px 10px; margin: 0 0 10px 0; }
.index-column h2 { text-align: left; font-size: 140%; }
.index-column img { float: right; margin: 10px 3px 3px 3px; border: 0; }
#index-column2 { border-width: 0 1px; border-style: solid; border-color: #000; }
#index-column2 p { width: 120px; }
#index-column3 input { width: 80px; border: 1px solid #bebebe; background: #fff; height: 16px; }
#index-column3 input.button { width: 60px; border: 0px; }
#index-column3 form p { line-height: 16px; }

#questionstable  { margin: 0 0 30px 0 !important; }
#questionstable p  { display: block; background: #fff3e5; border-bottom: 1px solid #999999; width: 760px;  margin: 0 !important; padding: 5px;}
#questionstable p span { font-size: 80%; }
#questionstable p a { font-weight: bold; color: #000; text-decoration: none; }

#commenttable div  { display: block; background: #fff3e5; border-bottom: 1px solid #999999; width: 760px;  margin: 0px !important; padding: 5px;}
#commenttable div h3 { font-size: 110%; }

form#askaquestion textarea { width: 300px; height: 120px; background: #fff3e5; border: 1px solid #000; }
form#askaquestion input { width: 100px; background: #fff3e5; border: 1px solid #000; text-align: center; font-weight: bold; cursor: pointer; }
form#leaveacomment textarea { width: 300px; height: 120px; background: #fff3e5; border: 1px solid #000; }
form#leaveacomment input { width: 100px; background: #fff3e5; border: 1px solid #000; text-align: center; font-weight: bold; cursor: pointer; }
form#leaveacomment input.normal { width: 100px; background: #fff3e5; border: 1px solid #000; text-align: left; font-weight: normal; cursor: default; }

form#submitquestion label { width: 200px; float: left; font-weight: bold; }
form#submitquestion textarea { width: 300px; height: 120px; background: #fff3e5; border: 1px solid #000; }
form#submitquestion textarea { width: 300px; height: 120px; background: #fff3e5; border: 1px solid #000; }
form#submitquestion input { width: 250px; background: #fff3e5; border: 1px solid #000; text-align: center; font-weight: bold; cursor: normal; }
form#submitquestion input.button { width: 100px; cursor: pointer; }

#loanrepaymentcheck { height: 170px; }

#questionanswerbox { background: #fff3e5; border: 1px solid #000; padding: 5px; }
#questionanswerbox h2 { text-align: center; margin: 0 0 10px 0 !important; font-size: 120%; text-decoration: underline;  }

#faq h6 { font-size: 110%; margin: 20px 0 0 0;}
#faq ul { margin: 0 0 0 30px;}
#faq ol li { margin: 7px 0 0 0;}
#faq ol { margin: 0 0 0 30px;}

#debthelp ul { margin: 0 0 0 30px;}
#debthelp li { margin: 7px 0 0 0;}
#debthelp ol { margin: 0 0 0 30px;}

#pg-page { background: url('../images/pg-logo.jpg') 570px 15px no-repeat; min-height: 200px; height: auto; _height: 200px; }
#pg-page ul { margin: 5px 0 5px 50px; }
#pg-page p.pgtopp { padding: 0 250px 0 0; }

#environmentalpage ul { margin: 5px 0 5px 50px; }

#creditfilepage ul { margin: 5px 0 5px 50px; }

#rec-a-friend form { margin: 25px 0 0 0; }
#rec-a-friend form .section { margin: 25px 0; }
#rec-a-friend label { float: left; width: 310px; font-weight: bold; }
#rec-a-friend li { margin: 5px 0; }
#rec-a-friend ul { margin: 5px 0 5px 50px; }
#rec-a-friend input { width: 150px; background: #fff3e5; border: 1px solid #000; font-weight: bold; cursor: normal; }
#rec-a-friend select { width: 120px; }
#rec-a-friend input.check { width: 20px !important; border: 0px; }
#rec-a-friend input.button { width: 100px !important; cursor: pointer; text-align: center; }
#rec-a-friend #loanexamplecontent { margin: 5px 10px; padding: 0px 5px; width: 550px; border: 2px solid #000; text-align: center; }
#rec-a-friend input.small { width: 30px; }
#rec-a-friend input.med { width: 50px; }


#comparetable { width: 700px; border: 1px solid #999999; }
.comparerow { clear: left; height: 40px; line-height: 40px; border-top: 1px solid #999999; text-align: center; padding: 0 0 0 5px; }
.comparerowheader { font-weight: bold; background: #fff3e5; border: 0; }
.cell { float: left; }
.comparelender { width: 200px; text-align: left; }
.compareapr { width: 50px; }
.comparemonth { width: 150px; }
.comparerepaid { width: 150px; }
.comparedifference { width: 140px; }

#qcomparepage #comparetable { width: 630px !important; border: 1px solid #999999; }
#qcomparepage #comparetable .comparelender { width: 250px !important; text-align: left; }

#awardspage ul { margin: 0 0 0 50px; }
#awardspage #awardsbox1 { background: url('../images/awards1.jpg') left top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 0 0; }
#awardspage #awardsbox2 { background: url('../images/awards4.jpg') left top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 0 0; }
#awardspage #awardsbox3 { background: url('../images/awards3.jpg') left top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 0 0; }
#awardspage #awardsbox4 { background: url('../images/awards2.jpg') 8px top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 20px 0; }
#awardspage .i { font-style: italic; }



/****************** Application Page ***************/

/*
#application-form { margin: 20px 50px; background: #fff3e5; padding: 10px; font-size: 80%; }
#application-form label { float: left; width: 200px; font-weight: bold; font-size: 120%; }
#application-form input { width: 130px; border: solid 1px #000; background: #fff; }
#application-form select { width: 130px; background: #fff; }
#application-form .submitbutton { text-align: right; }
#application-form .submitbutton input { width: auto; border: 0px; background: none; }
#application-form .submitbutton span { float: left; }
*/

#applicationformcontainer { margin: 0px 0px 0px 10px; padding: 5px; width: 760px; font-size: 90%; }
#applicationformcontainer label { float: left; width: 170px; font-weight: normal; font-size: 100%; }
#applicationformcontainer .labelextend { margin: 0px 0px 5px 0px; }
#applicationformcontainer p { clear: left; }

#applicationformcontainer input { width: 150px; background: #fff3e5; border: 1px solid #000; font-weight: bold; cursor: normal; }
#applicationformcontainer select { width: 150px; }
#applicationformcontainer select.small { width: 30px; }
#applicationformcontainer select.med { width: 50px; }
#applicationformcontainer input.radio { width: 30px; border: 0px; }
#applicationformcontainer input.small { width: 30px; }
#applicationformcontainer input.med { width: 50px; }
#applicationformcontainer input.button { width: 200px !important; cursor: pointer; text-align: center; }


.labelextend { width: 400px !important; }

#formerrors ul { margin-left: 20px; }
#formerrors { margin: 10px 0px; color: red; }

.error { color: red; font-weight: bold; }

.errorsmall { margin-left: 190px; font-size: 100%; color: red; }
.recerrorsmall { margin-left: 310px; font-size: 100%; color: red; }

.highlighterror { color: red; font-weight: bold; }

.loanapppic { position: absolute; left: 590px; top: 135px; }

#apptoptext {  }

#loanrepaymentdecision { border: 1px solid #000; padding: 3px; }

#topuploanchecker { border: 1px solid #000; padding: 3px; color: #000; font-weight: bold; }


#quickappform H6 { font-size: 100%; margin: 10px 0px 10px 0px; clear: left; background: #d9d9d9; padding: 3px; }
#quickappform label { float: left; width: 150px; font-weight: bold; font-size: 120%; }
#quickappform input { width: 150px; background: #fff3e5; border: 1px solid #000; font-weight: bold; cursor: normal; }
#quickappform select { width: 150px; }
#quickappform select.small { width: 30px; }
#quickappform select.med { width: 50px; }
#quickappform input.radio { width: 30px; border: 0px; }
#quickappform input.small { width: 30px; }
#quickappform input.med { width: 50px; }
#quickappform input.button { width: 200px !important; height: 40px; cursor: pointer; text-align: center; font-size: 130%; }
#quickappform p { margin: 0 !important; padding: 4px 0; }

#quickapp-applicant { width: 390px; margin: 10px 2px; float: left; }
#quickapp-guarantor { width: 390px; margin: 10px 2px; float: left;  }
#quickapp-submit  { width: 390px; margin: 2px; clear: both; margin: 10px auto; text-align: center;  }

.quickappbox-top { background: url('../images/flm-front-box-top.jpg') left top no-repeat; height: 12px; overflow: hidden; }
.quickappbox-middle { background: url('../images/flm-front-box-middle.jpg') left top repeat-y; padding: 0 10px;  }
.quickappbox-bottom { background: url('../images/flm-front-box-bottom.jpg') left top no-repeat; height: 17px; }

.quickappbox-middle h1 { padding-left: 10px; font-size: 170% !important; margin: 0px !important; text-align: center !important;  }

#app-apr { margin: 40px 0 20px 0; }
#app-apr h2 { font-size: 200%; margin: 5px 0 0 0; }

#testimonialsrightbox { background: url('../images/apply-page-pic.jpg') bottom left no-repeat; padding: 0 0 285px 0; }

.appformpage #splitter { background: url('../images/application-blue-bar.gif') top left repeat-x; height: 34px; }
.appformpage h1 { background: url('../images/application-blue-bar.gif') top left repeat-x; height: 34px; line-height: 34px; padding-left: 20px; font-size: 120% !important; text-align: left !important; }
.appformpage h5 { font-size: 110% !important; text-align: left !important; margin: 20px 0 10px 0; }
.appformpage h6 { background: url('../images/application-blue-bar.gif') top left repeat-x; height: 34px; line-height: 34px; padding-left: 20px; font-size: 120% !important; text-align: left !important; margin: 0px 0px 10px 0; }
.appformpage h6 img { float: right; }
.appformpage ul.tickme {  margin: 5px 0 5px 10px; list-style-type: none; }
.appformpage ul.tickme li { padding: 0 0 0 40px; margin: 3px 10px;  line-height: 30px; background: url('../images/eggtick.gif') no-repeat; }

.appopeningtext { margin: 0px 15px; }

#guarantorsplitter { height: 50px; }
#guarantorchecker { border: 1px solid #000; padding: 3px; color: #000; font-weight: bold; }

.submitbutton { padding: 20px 0 0 0; }

#appformleft { float: left; width: 375px; position: relative; clear: left; }
#appformright { float: right; width: 375px; position: relative; }



/***************** Admin Area ***********************/


form#logon label { font-weight: bold; width: 100px; float: left; }
form#logon input.button { width: 100px; background: #fff3e5; border: 1px solid #000; text-align: center; font-weight: bold; cursor: pointer; }
form#logon input { width: 100px; background: #fff3e5; border: 1px solid #000; text-align: left; font-weight: normal; cursor: default; }

#admin-question-approve p  { display: block; background: #fff3e5; border-bottom: 1px solid #999999; width: 760px;  margin: 0px !important; padding: 10px 5px;}
#admin-question-approve p span { font-size: 80%; }
#admin-question-approve p a { font-weight: bold; color: #000; text-decoration: none; }

#admin-comment-approve  { margin: 0 0 10px 0 !important; }
#admin-comment-approve div  { display: block; background: #fff3e5; border-bottom: 1px solid #999999; width: 760px;  margin: 0px !important; padding: 5px; }
#admin-comment-approve div h3 { font-size: 110%; }
#admin-comment-approve p a { font-weight: bold; color: #000; text-decoration: none; }


/***************** Right Bar ***********************/

#rightbar { float: right; width: 194px; padding: 3px; font-size: 90%; }
#rightbar h2 { font-size: 140%; font-weight: bold; margin: 30px 0 0 0; text-align: center;}
#rightbar h3 { font-size: 100%; font-weight: bold; margin: 20px 0 10px 0; }
#rightbar img { float: left; margin: 0 3px 3px 0; width: 50px; border: 1px solid #000; }
#rightbar ul { margin: 0 0 0 20px; clear: left; }
#rightbar li { margin: 5px 0; }
#rightbar .rightbar-img-float { margin: 0 0 0 53px; }
#rightbar .rightbar-list-more { margin: 0 0 0 20px; }


/***************** Footer ***********************/

#companylink { clear: both; float: left; width: 350px; border: 1px solid #000; padding: 0 3px; font-size: 70%; margin: 10px 0; }
#companylink p { margin: 3px 0; }
#companylink a { color: blue; font-weight: normal; text-decoration: underline; font-size: 120%; }

#footer { clear: both; background: #fff3e5; font-size: 90%; height: 200px; }
#footer h4 { font-size: 110%; margin: 0 0 3px 0; }
#footer h4 a { color: #000; }
#footer p { color: #211f8d; margin: 3px 0; }
#footer a { text-decoration: none; }

.footer-column { float: left; width: 480px; margin: 5px; }
.footer-column img { float: left; margin: 0 10px 0 0; width: 60px; height: 60px; border: 1px solid #000; }
.footer-column p { margin-left: 72px !important; }

.footer-row { clear: both; padding: 10px 0;}

#zclause { font-size: 70%; font-weight: bold; text-align: right; background: #fff; color: #999999; }

#basefooter { clear: both; height: 10px; }