body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #FFF; margin:0; }
h1 { margin-top: 12px; }
h2 { font-size: 24px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
#container { width: 770px; margin: auto; }
#header { background: url('../images/splash_autumn.jpg') no-repeat right; height: 130px; padding: 25px 10px 10px 10px; }
#content { padding: 5px 10px; position: relative; }
#footer { clear: both; }
#footer p { font-size: 12px; color:#000; text-align: center; margin:3px; padding-top:20px; }
#footer p.note { font-size: 10px; color:#666; margin:0; padding:0; margin-bottom: 2px; }
#footer p.note a { color:#666; }
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; }

#index .warning { font-size:18px; color:#f00; margin:0; }
#index .guernsey { width: 420px; background: url('../images/guernsey.jpg') top right no-repeat; }
#index #calculator { position: absolute; right:0px; top:0px; font-size: 11px; width: 310px; margin: 12px 0px 10px 20px; color: #333333; }
#index #calculator #calcRepTop { background: url('../images/calc-top.gif') #E5EFBB no-repeat; height: 11px; }
#index #calculator #calcRepayments { background: url('../images/calc-bottom.gif') no-repeat bottom #E5EFBB; padding: 0px 10px 0px 10px; }
#index #calculator #calcRepayments table { width: 290px; }
#index #calculator #calcRepayments select { float: right; display: inline; font-size: 11px; width: 95px; }
#index #calculator #calcRepayments .slider { margin: 8px 10px 14px 10px; height: 5px; }
#index #calculator td img { cursor: pointer; }
#index #calculator #applynow { display: none; color: #666; padding: 0px 10px; text-align: right; }
#index #calculator #applynow p { text-align: left; }
#index #calculator #applynow input { padding-right: 4px; }
#index h2 { margin-bottom: 0px; }
#index p.notop { margin-top: 3px; padding-top: 0px; }
#index p.paddown { margin-bottom: 80px; }
#index table#keybenefits { margin-bottom: 17px; }
#index table#keybenefits th { text-align: left; }
#index table#keybenefits td { padding:0; margin:0; padding-right:10px; vertical-align: bottom; }

#purposes { clear: both; }
#purposes p { font-size: 10px; color:#666; padding-left: 10px; }
#purposes .purpose { display: block; width: 110px; float: left; }
#purposes .purpose .title { width: 88px; height: 26px; padding-top: 4px; margin: auto; text-align: center; background: url('../images/purposetabtop.gif') #E5EFBB top no-repeat; border-top: 8px solid #FFF; }
#purposes .purpose .title img { margin:0; padding:0; }
#purposes .purpose .content { height: 100px; width: 110px; } 
#index #purposes .purpose:hover .title { border-top: none; padding-bottom: 8px; }

#purposes #motor .content { background: url('../images/motor.jpg'); }
#purposes #personal .content { background: url('../images/personal.jpg'); }
#purposes #holiday .content { background: url('../images/holiday.jpg'); }
#purposes #home .content { background: url('../images/home.jpg'); }
#purposes #marine .content { background: url('../images/marine.jpg'); }
#purposes #business .content { background: url('../images/business.jpg'); }
#purposes #debts .content { background: url('../images/debts.jpg'); }

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; 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; }

#loansummary { float: right; margin-left: 10px; width: 295px; background: url('../images/loansummary-bottom.gif') #E5EFBB no-repeat bottom; font-size: 11px; color: #333; display:inline; }
#loanSummaryTop { background: url('../images/loansummary-top.gif') #E5EFBB 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 h2 { font-weight: normal; color: #F00; }
#apply #content, #received #content { margin-bottom: 15px; }
#apply #content #applicationFormContainer { position: relative; }
#apply #loansummary { margin-bottom: 10px; }
#application { position: relative; width: 750px; margin: 10px 0px; font-size: 12px; clear: both; /*background: url('../images/application-bottom.gif') #E5EFBB no-repeat bottom;*/ }
#application a { color: #390; }
#application .lefthalf { width: 358px; padding-right:5px; float: left; border-right: 1px solid #CCC; display:inline; }
#application .righthalf { width: 358px; padding-left:5px; float: right; display:inline; }
#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 #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; }