body { font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #000; background-color: /*#7C0040*/#FFF; margin:0; }
h1 { font-size: 36px; margin-top: 0px; color: /*#B1953A*/#7D0042; font-weight: lighter; }
h2 { font-size: 24px; }
a { text-decoration: none; color: #993366; }
a:hover { text-decoration: underline; }
a img { border: none; }
#headerContainer { background: url('../images/ffheader.jpg') #402 no-repeat center top; height: 175px; border-bottom: 20px solid #7D0042; }
#header { width: 990px; height: 175px; margin: auto; position: relative; }
#tagline { position: absolute; top: 55px; left: 30px; }
#telNo { position: absolute; top: 176px; right: 5px; font-weight: bold; color: #FFF; }
ul#navigation { position: absolute; bottom: 0px; left: 30px; padding:0; margin:0; list-style: none; font-size: 10px; }
ul#navigation li { float: left; text-align: center; }
ul#navigation li.active, ul#navigation li a { display: block; width: 79px; height: 16px; background: url('../images/navtabtop.gif') bottom no-repeat; padding: 6px 0px 2px 0px; margin-right:1px; }
ul#navigation li a { text-decoration: none; color: #FFF; }
ul#navigation li.active, ul#navigation li a:hover { color: #FFF; padding-top: 3px; border-bottom: 3px solid #B1953A; }

#container { width: 990px; margin: auto; position: relative; }
#content { padding: 5px 10px; }
#footer { clear: both; padding: 30px 0px 0px 15px; width: 930px; margin: auto; }
#footer .contact { text-align: right; border-top: 1px solid #CCC; padding-top: 5px; }
#footer .contact .address { float: left; }
td#repayments { font-size: 14px; color:#000; background: url('../images/repayment-back.gif') no-repeat; margin:0; padding-right:20px; text-align: center; width: 110px; height: 36px; }
div.error { padding: 5px; background-color: #FFC; border: 1px solid #FC9; margin-bottom: 10px; }

#mainText { width: 580px; margin: 30px; }
#calculator { position: absolute; top: 25px; right: 30px; font-size: 11px; width: 310px; margin: 12px 0px 10px 20px; color: #333; }
#calculator #calcRepayments { background-color: #FFF; border: 1px solid #CCC; padding: 10px; }
#calculator #calcRepayments p { text-align: center; }
#calculator #calcRepayments table { width: 290px; }
#calculator #calcRepayments input { float: right; font-size: 11px; width: 90px; }
#calculator #calcRepayments input#amount { text-align: right; }
#calculator #calcRepayments select { float: right; font-size: 11px; width: 95px; }
#calculator #calcRepayments .slider { margin: 8px 10px 14px 10px; height: 5px; }
#calculator td img { cursor: pointer; }
#calculator #applynow { display: none; color: #666; padding: 0px 10px; text-align: right; }
#calculator #applynow p { text-align: left; }
#calculator #applynow input { padding-right: 4px; }

#banners { height: 60px; width: 468px; overflow: hidden; border-top: 10px solid #303; }
#banners img { height: 60px; }

div#windowBackground { display: none; z-index: 100; position: fixed; top:0px; left:0px; width: 100%; height: 100%; background-color: #000; /*opacity: 0.4;*/ }
div.overlayWindow { display: none; z-index: 101; position: fixed; top: 70px; left:0px; width: 100%; height: 420px; }
div.overlayWindow #overlayWindowTop { width: 540px; height: 15px; padding: 5px 10px 0px 0px; margin: auto; text-align: right; background: #FFF;/*url('../images/window-top.gif');*/ }
div.overlayWindow #overlayWindowTop a { text-decoration: none; font-weight: bold; color: #666; }
div.overlayWindow .windowContent { display: none; z-index: 102; width: 520px; height: 370px; padding: /*0px */15px; margin: auto; color: #000; background-color: #FFF; overflow: auto; }
div.overlayWindow .windowContent h3 { margin-top: 0px; padding-top: 0px;}
div.overlayWindow #overlayWindowBottom { width: 550px; height: 15px; padding-bottom: 5px; margin: auto; text-align: center; background: #FFF;/*url('../images/window-bottom.gif');*/ }
div.overlayWindow #overlayWindowBottom a { text-decoration: none; font-weight: bold; color: #666; }

#mortgages #mrtgcalculator { float: right; font-size: 11px; width: 310px; margin: 30px 20px 10px 20px; text-align: center; color: #333; }
#mortgages #mrtgcalculator input { width: 175px; margin-top: 10px; }
#mortgages #mrtgcalculator th { text-align: left; font-weight: normal; width: 160px; }
#mortgages #mrtgcalculator td { text-align: left; }
#mortgages #mrtgcalculator td input { width: 70px; margin:0; text-align: right; font-size: 11px; }
#mortgages #mrtgcalculator #calcmrtg { background-color: #FFF; border: 1px solid #CCC; padding:10px; padding-top:5px; }
#mortgages #mrtgcalculator #mrtgresults { display: none; padding: 10px; margin-top: 10px; background-color:#FFF; border: 1px solid #CCC; }
#mortgages #mrtgcalculator #mrtgresults th { width: auto; }
#mortgages #mrtgcalculator #mrtgresults td { width: 55px; text-align: right; }
#mortgages #mrtgcalculator #mrtgresults .bold th, #mortgages #mrtgcalculator #mrtgresults .bold td { font-weight: bold; color: #000; }
#mortgages #estateagents { display: none; }
#mortgages #mrtgcalculator #mrtgproducts { background-color: #FFF; border: 1px solid #CCC; padding:10px; padding-top:5px; margin-top: 10px; }

#loansummary { float: right; width: 310px; background-color: #FFF; border: 1px solid #CCC; font-size: 11px; color: #333; margin: 0px 0px 10px 10px; }
/*#loanSummaryTop { background: url('../images/calc-top.gif') #B1953A no-repeat; height: 11px; }*/
#loanSummaryContent { padding: 10px; }
#loanSummaryContent p { margin-top:0; }
#loansummary table th { text-align:left; font-weight: normal; width: 110px; }

#apply h2, #received h2 { margin-top:0; }
#apply #content, #received #content { margin-bottom: 15px; }
#apply #content form { position: relative; }
#application { position: relative; width: 750px; margin: 10px auto; font-size: 12px; clear: both; }
#application a { color: #7f0042; }
#application .lefthalf { width: 358px; padding-right:5px; float: left; border-right: 1px solid #CCC; }
#application .righthalf { width: 358px; padding-left:5px; float: right; position: relative; }
#application .righthalf .disableOption { position: absolute; top: 13px; right:2px; }
#application div.pane p { text-align: left; }
#application div.pane table td { text-align: left; }
#application table td { padding-left: 16px; }
#application table td.error { background: url('../images/err_pointer.gif') left no-repeat; }
#application .foot { clear: both; padding-top: 10px; }
#application .foot .back { float: left; cursor: pointer; }
#application .foot .next, #applicationSubmit { float: right; cursor: pointer; }
#application textarea { width: 722px; height: 120px; }
#application input.wide { width: 235px; }
#application input.postcode, #application input.currency, #application input.qty { width: 80px; }
#application table th { width: 110px; text-align:left; font-weight: normal; }
#application .solodetails { padding: 0px 10px; }
#application .jointdetails { display: none; }
#application #previousAddress, #application #second_previousAddress { display: none; }
#apply #application #previousAddress { display: none; }
#apply #purposes a.purpose .title, #received #purposes .purpose .title { border-top: none; }
#apply #content form #submitApplication { /*width: 295px;*/ text-align: center; }
#apply #content form #submitApplication p { font-size: 10px; color: #666; padding:0px 10px; margin:0; margin-bottom: 5px; }