/* Start generic styles. */

*{
    margin: 0;
    padding: 0;    
}

.bold
{
    font-weight: bold;    
}

.clear
{
    clear: both;    
}

.l
{
    float: left;    
}

.lastRight
{
    margin-right: 0 !important;    
    padding-right: 0 !important;
}

.lastBottom
{
    margin-bottom: 0 !important;    
    padding-bottom: 0 !important;
}

.topPadding5
{
    padding-top: 5px;    
}

.bottomPadding10
{
    padding-bottom: 10px;    
}

.bottomPadding20
{
    padding-bottom: 20px !important;    
}

.bottomPadding25
{
    padding-bottom: 25px;    
}

.pointer
{
    cursor: pointer;    
}

.r
{
    float: right;    
}

.show
{
    display: block !important;    
}

.hide
{
    display: none !important;    
}

/* End generic styles. */

/* Start tag styles. */

a, a:visited
{
    color: #0000FF;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

body, input, select, textarea, #eSignatureSign #signatureDetails .customerSignature .field-validation-error, a.normal, h3, h4
{
    font-family: Arial;
    font-size: 11pt;
    color: #2a2a2a;
    font-weight: normal;       
}

html
{
    height: 101%;
    overflow: scroll;    
}

h1
{
    color: #4f7a8a;
    padding: 10px 0 10px 0;
    font-size: 25pt;     
}

h1, h2
{
    font-weight: normal;           
}

h2
{
    font-size: 15pt;
    padding: 0 0 5px 0;    
}

img
{
    border: 0px;
}

input.radioButton
{
    position: relative;
    top: 3px;
    border: none;    
}

input.inlineSubmitButtonWithField 
{
    position: relative;
    left: 12px;
    margin-right: 5px;
}

p, ul li
{
    padding: 5px 0 5px 0;
    line-height: 24px;    
}

span.radioButtonText
{
    margin-right: 5px   
}

ul li
{
    list-style-type: none;
}

/* End tag styles. */

/* Start main site styles. */

#addressNotInList
{
    position: relative;
    left: 195px;
    top: 13px;    
}

#agreementChoice #choiceButtons a.blueSubmitButton
{
    margin-right: 20px;
    padding-left: 20px;    
}

.ajaxLoader
{
    background: url(../../im/ajaxLoader.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: none; 
    margin: 5px 0 0 10px;    
}

#ajaxLoaderFormSubmit
{
    margin: 15px 10px 0 0; 
}

#ajaxLoaderFormSubmitSmallButton
{
    margin: 7px 10px 0 0;    
}

#aboutUs #aboutUsPromises ul li
{
    padding-bottom: 0;    
}

#aboutUs #aboutUsImages a 
{
    border: none;
    color: white;
    padding-right: 32px;
}

.apply .stageButton input
{
    float: right;    
}

.apply #preContractInformation
{
    padding-bottom: 30px;    
}

a.blueSubmitButton
{
    padding-top: 10px;
    height: 35px;
    display: block;
}

.alignWithFormFields
{
    width: 485px;    
}

#beAGT .alignWithFormFields
{
    width: 540px;    
}

#beAGT .editor-label
{
    width: 125px;    
}

#beAGT .field-validation-error
{
    padding-left: 140px;
}

.blueSubmitButton
{
    height: 45px;
    width: 305px;
    color: #fff !important;
    background: url("../../im/BlueButtonImage.gif") no-repeat 95% 50% transparent;   
    background-color: #274b67;
    border: none;
    font-size: 16pt;
    cursor: pointer;
    text-decoration: none !important;
}

#breadcrumbs a.bcLink, a.bcLink:visited 
{
    color: #2A2A2A;
}

#breadcrumbs .bcPurp
{
    color: #80ADC0;
}

#breadcrumbs .bcGrey
{
    font-size: 1em;
}

#breadcrumbs .bcLightGrey
{
    font-size: 1em;
    color: #7B7B7B;
}

#breadcrumbs .bcSpace
{
    padding: 0 35px 0 35px;
    font-size: .8em;
}

#contactUs #questions .question a 
{
    padding-bottom: 10px;
    display: block;
    float: left;
}

#contactUs p span.label
{
    display: block;
    float: left;
    width: 185px;  
}

#contactUs #data h2
{
    padding: 0;
}

.editor-label 
{
    float: left;
    width: 180px;
    color: #2A2A2A;
    padding: 5px 15px 0 0;
}

.editor-field 
{
    margin: 0.5em 0 15px 0;
}

.editor-field input, .editor-field select, .editor-field textarea 
{
    border: 1.5px solid #CCC;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#eSignatureWarning p
{
    font-size: 13pt;
    padding: 0;
}

#eSignatureWarning #images img
{
    margin: 40px 20px 0 0;
            
}

#eSignaturePrintableVersion h2 
{
    font-size: 15pt;
    color: black;
}

#eSignaturePrintableVersion .section 
{
    padding-bottom: 30px;
}

#eSignaturePrintableVersion .section p
{
    text-align: justify;
}

#eSignature #printAgreement 
{
    float: right;
    position: relative;
    bottom: 30px;
    font-size: 9pt;
}

#eSignatureSign 
{
    /*background-color: #F7F7F7;*/
    background: url('../../im/ESignature/agreementFormPaperBackground.png') repeat-y;
    font-size: 11pt;
    font-family: Times New Roman;
    padding: 70px;
    margin: 0 auto 20px 0;
    color: black;
    box-shadow: 5px 5px 5px #c6c6c6;
    border: 1px solid #bcbcbc;
}

#eSignatureSign #signatureDetails .customerSignature .editor-field
{
    margin: 0;
}

#eSignatureSign #signatureDetails .customerSignature .editor-label
{
    float: none;
}

#eSignatureSign #signatureDetails #content .section 
{
    padding-bottom: 15px;
}

#eSignatureSign p
{
    padding: 0;    
}

#eSignatureSign #signatureDetails #content h2 
{
    font-size: 11pt;
    font-weight: bold;
}

#eSignatureSign #signatureDetails #content #repayment p.first, #eSignatureSign #signatureDetails #content #repayment p.middle
{
    float: left;
    width: 250px;
}

#eSignatureSign #signatureDetails #customer 
{
    margin-bottom: 20px;
    padding: 10px 55px 10px 76px;
}

#eSignatureSign #signatureDetails .signature 
{
    border: 1px solid black;
    padding: 8px;
}

#eSignatureSign #signatureDetails .blueCross, #eSignatureSign #signatureDetails .customerSignature, #eSignatureSign #signatureDetails .signatureDate, #eSignatureSign #signatureDetails .FLMSignature 
{
    float: left;
}

#eSignatureSign #signatureDetails .blueCross
{
    position: relative;
    bottom: 35px;    
}

#eSignatureSign #signatureDetails .blueCross img
{
    position: absolute;
    right: -4px;
}

#eSignatureSign #signatureDetails .customerSignature 
{
    padding-right: 55px;
}

#eSignatureSign #signatureDetails .customerSignature .editor-field input 
{
    padding: 15px 0 15px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 322px;
    border: 1.5px solid black;
}

#eSignatureSign #signatureDetails .signatureDate 
{
    text-align: center;
}

#eSignatureSign #introText 
{
    padding-bottom: 8px;
}

#eSignatureSign #signatureDetails .FLMSignature 
{
    padding: 0 242px 40px 70px;
}

#eSignature #declarationQuestions .question 
{
    padding-bottom: 5px;
}

#eSignature #declarationQuestions .questionNotChecked 
{
    background-color: #FFE0E0;
}

#eSignature #declarationQuestions .question input
{
    position: relative;
    top: 2px;    
}

.formSection .loanDetailField 
{
    width: 160px;
}

.formSection .largeField 
{
    width: 280px;
}

.formSection .dateofBirthField 
{
    width: 94px;
}

.formSection .normalField 
{
    width: 100px;
}

.formSection .extraLargeField 
{
    width: 585px;
}

.formSection 
{
    padding-bottom: 15px;
}

.formSection .checkBoxField
{
    border: none;
    position: relative;
    top: 8px;    
}

#footer 
{
    margin-top: 40px;
    line-height: 15px;
}

#footer, #footerHomePage 
{
    font-size: 8pt;
    color: #7B7B7B;
    border-top: 1px solid #eee;
    padding: 20px 0 20px 0;
    line-height: 15px;
}

#footer p, #footerHomePage p
{
    line-height: 15px;
}

#footer div
{
    width: 920px;
}

#footer #zclause a, #footerHomePage #zclause a
{
    color: #7B7B7B;
    text-decoration: underline;
}

#footer #zclause a:hover, #footerHomePage #zclause a:hover
{
    text-decoration: none;
}

#footer .footerLinks .period
{
    position: relative;
    bottom: 3px;    
}

#footerHomePage .group
{
    width: 132px;
    float: left;
    padding: 0 48px 10px 0;    
}

#forgottenPasswordError
{
    position: relative;
    left: 195px;
    top: 5px; 
}

#header #headerLinks .selected
{
    color: #7B7B7B;    
}

#header
{
    padding-bottom: 20px;    
}

#header #headerLinks
{
    padding-top: 13px;    
}

#header #headerLinks a, #header #headerLinks span, #footer .footerLinks a, #footerHomePage .group a
{
    color: #80adc0;
}

#header #headerLinks a, #header #headerLinks span
{
    padding-left: 55px; 
}

#header #headerLinks span.period
{
    height: 10px;
}

#homePage h1
{
    color: #000;
    font-size: 32pt; 
    padding: 0 0 5px 0; 
}

#homePage #companyInformationOne p, #homePage #companyInformationTwo p
{
   padding: 0;    
}

#homePage #introduction #welcome a
{
    text-decoration: underline;   
}

#homePage #introduction #welcome a:hover
{
    text-decoration: none;   
}

#homePage #introduction #welcome #representative
{
    font-size: 17pt;
}

#homePage .notificationMessage
{
    padding: 35px 15px 35px 15px;        
}

#homePage div.representative
{
    padding: 25px 0 0 0;    
}

#homePage .notificationMessage h3
{
    width: 600px; 
    padding-top: 10px;    
}

#homePage #introduction #mainImage
{
    padding-right: 20px;    
}

#homePage #companyInformationOne a, #homePage #companyInformationTwo a
{
    color: #2a2a2a;    
}

#homePage #introduction h1
{
    font-size: 41pt;    
}

#homePage #introduction #welcome .blueSubmitButton, #homePage .notificationMessage .blueSubmitButton
{
    padding-left: 20px;
    text-align: left;
    width: 260px;
}

#homePage .info
{
    width: 220px;
    float: left;
    margin-right: 140px;
    border-top: 8px solid #dadada;  
}

#homePage .info a
{
    text-decoration: none;    
}

#homePage .hover
{
    border-color: #80adc0;
    background-color: #DFEAEE;
}

#homePage #companyInformationOne .info
{
    height: 165px;    
}

#homePage #companyInformationTwo .info
{
    height: 290px;    
}

#homePage #companyInformationTwo .info
{
    border: none;    
}

#homePage #companyInformationTwo .info #form textarea
{
    border: 1px solid #dadada;
    padding: 5px;
    color: #7B7B7B;
    height: 102px;
    width: 219px;       
}

#homePage .info p, #footerHomePage .group a
{
    font-size: 9pt;
    line-height: 23px;
    display: block;      
}

#homePage h2, #footerHomePage .group h2
{
    font-size: 22pt;
}

#homePage h2, #homePage h3, #homePage h4, #homePage .info p #footerHomePage .group h2, #homePage #companyInformationTwo .info #form textarea, #homePage #companyInformationTwo .info .image img
{
    margin-bottom: 10px;
    padding: 0;
}

#homePage h2, #homePage h3, #homePage h4
{
    color: #000;
}

#homePage h3
{
    font-size: 16pt;
}

#homePage #companyInformationTwo .info .image img
{ 
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#homePage #introduction, #homePage #reviewCentre, #homePage #companyInformationOne, #homePage #companyInformationTwo
{
    padding-bottom: 30px;    
}

.inlineLoader
{
    position: relative;
    left: 20px;    
}

#loanDetailsMessage 
{
    padding: 25px 0 5px 0;
}

#login #forgotton 
{
    font-size: 9pt;
    position: relative;
    left: 355px;
    bottom: 15px;
    width: 130px;
}

.notificationMessage
{
    background-color: #fdf1cb;
    padding: 10px 0 10px 15px;    
}

.notificationMessageRed
{
    background-color: #ffebe8;
    padding: 10px 0 10px 15px;    
}

.notificationGreenTick
{
    position: relative;
    top: 3px;
    margin-right: 10px;    
}

.pan
{
    width: 940px;
    margin: auto;    
}

.postcodeError
{
    position: relative;
    top: 5px;
    left: 10px;  
}

.radioButtonGroupError, .radioButtonGroupValid
{
    padding: 5px;
    position: relative;
    top: 2px;
}

.radioButtonGroupError .radioButtonText 
{
    color: #DD4B39;   
}


#summary #agreementTable table
{
    border-collapse: collapse;    
    width: 475px;
    margin: 10px 0 20px 0;
}

#summary #agreementTable table tr th
{
    border-bottom: 1px dashed #7B7B7B;    
}

#summary #agreementTable table tr th, #summary #agreementTable table tr td
{
    font-family: courier; 
    background-color: #f5f5f5;
    padding: 10px;
    text-align: left;
    font-weight: normal;
}

#summary #agreementTable table tr td.money, #summary #agreementTable table tr th.money
{
    text-align: right;    
}

.staticSectionBreak
{
    border-top: 1px solid #EEE;
    height: 1px;
    margin: 30px 0 30px 0;
}

#searchAnswerCenter .editor-field input
{
    color: #7B7B7B;
}

#terms #documents .document
{
    padding-bottom: 20px;    
}

#terms #documents
{
    padding: 30px 0 20px 0;    
}

.validation-summary-errors
{
    color: red;
    padding: 20px 0 10px 0;
}

.field-validation-error, #eSignatureSign #signatureDetails .customerSignature .field-validation-error, .postcodeError 
{
    color: red;
}

.validation-summary-errors ul, .validation-summary-valid  
{
    display: none;
}

#wrapper
{
    width: 960px;
    margin: auto;
    height: 200px; 
    padding-top: 10px;   
}

/* End main site styles. */

/* Start overriding styles */

#addressSearch input
{
    width: 160px;
}

.greySubmitButton
{
    height: 29px;
    background-color: #f3f3f3;  
    padding: 0 20px 0 20px;  
    cursor: pointer;
    border: 1px solid #D4D0C8;
}

.input-validation-error 
{
    border: 1px solid #DD4B39 !important;
    background-color: #FFF9F9;
}

/* End overriding styles */