.mainBox
{
	margin: 0 5px 5px 0;
	width: 485px;
	padding: 20px;
	overflow: hidden;	
	float: left;	
}

.helpBox 
{
	width: 405px;
	padding: 20px;
	margin: 0 0 5px 0;	
	background-color: #566573;
	color: #FFFFFF;
	border: 1px solid #A1A1A1;
	display: block;
	float: right;
}

.btn {
    color: #ffffff !important;
    font-weight: bold;
    background-color: #21a5ef;
    border: none;
    border-radius: 5px;
    min-width: 120px;
    height: 24px;
}

.btn:hover {
    background-color: #000098;
}

/* HOME PAGE */

.homeBox
{
	padding: 50px;
	margin: 0 5px 5px 0;
	width: 255px;
	height: 50px;
}

.homePadlock
{
	margin-top: 0;
	float: left;
}

/* ACCOUNT CHECK */

.checkAccount
{
	height: 270px;
}

.checkAccount label
{
	width: 110px !important;
}

.checkAccount input
{
	width: 120px;
	margin-right: 10px;
}

.checkAccount h3
{
	padding-bottom: 20px;
}

.accountValidation
{
	line-height: 20px;
}

.accountErrorMessage
{
	margin-left: 50px;
	width: 445px;
	display: block;
}

.checkAccounteBtn input
{
	width: 120px;
	margin-left: 132px;
}

.checkAccountDetails
{
    height: 268px;
}

/* CREATE ACCOUNT */

.createUser
{
	width: 485px;
	float: left;
}

.createAccount
{
	height: 375px;
}

.createAccount h3
{
	padding-bottom: 20px;
}

.createAccount label
{
	width: 120px !important;
	margin-right: 10px;
}

.createAccount input
{
	width: 120px;
	margin-right: 10px;
}

.createAccountBtn input
{
	width: 120px;
	margin-left: 132px;
}

.createAccountDetails
{
    height: 373px;
}

.createAccountDetails ul li
{
	padding-bottom: 5px;	
}

/* LOGIN */	

.loginBox
{
	height: 202px;
}

.loginBox h3
{
	padding-bottom: 20px;
}

.loginBox label
{
	width: 110px;
}

.loginBox input
{
	width: 120px;
}

.loginValidation
{
	margin-left: 10px;
	line-height: 28px;
	width: 100px;
}

.loginErrorMessage
{
	margin-left: 10px;
	width: 420px;
	display: block;
}

.loginBtn input
{
	margin-left: 132px;
}	 

.loginDetails
{
	
	height: 200px;
}

.loginHelpImg
{
	width: 30px;
	padding-bottom: 10px;
	line-height: 20px;
}

.loginHelpTitle
{
	line-height: 20px;
}

.loginHelpText
{
	width: 450px;
}

.loginHelpText span
{
	font-size: 12px;
	letter-spacing: 0;
	margin: 0;
	line-height: 12px;
}

/* FORGOT PASSWORD */	

.forgotPasswordUserName
{
    height: 140px;
}

.forgotPasswordUserName h3
{
	padding-bottom: 20px;
}

.forgotPasswordUserName label
{
	width: 110px !important;
}

.forgotPasswordUserName input
{
	width: 120px;
}

.forgotPasswordUserNameValidation
{
	margin-left: 10px;
	width: 100px;
	display: block;
}

.forgotPasswordUserNameErrorMessage
{
	width: 445px;
	display: block;
}

.forgotBtnUsername input
{
	width: 200px;
	margin-left: 132px;
}

.forgotDetails
{
    height: 138px
}

.forgotPasswordQuestion
{
    height: 175px;
}

.forgotPasswordQuestion h3
{
	padding-bottom: 20px;
}

.forgotPasswordQuestion label
{
	width: 110px !important;
}

.forgotPasswordQuestion input
{
	width: 120px;
}

.forgotPasswordQuestionValidation
{
	margin-left: 10px;
	width: 300px;
	display: block;
}

.forgotPasswordQuestionErrorMessage
{
	width: 500px;
	display: block;
}

.forgotBtnQuestion input
{
	width: 200px;
	margin-left: 132px;
}

.forgotDetailsQuestion
{
	height: 173px;
}

.returnLoginBtn input
{
	width: 200px;
}

/* CHANGE PASSWORD */

.changePasswordLogin
{
	height: 120px;
}

.changePasswordLogin input
{
	width: 220px;
}

.changePasswordLoginValidation
{
	margin-left: 10px;
	width: 100px;
	display: block;
}

.changePasswordLoginErrorMessage
{
	margin-left: 100px;
	width: 445px;
	display: block;
}

.changePasswordLoginBtn input
{
	width: 200px;
	margin-left: 130px;
}

.changePasswordLoginDetails
{
	height: 118px;
}

.changePassword
{
	height: 170px;
}

.changePassword input
{
	width: 200px;
}

.changePasswordValidation
{
	margin-left: 10px;
	line-height: 20px;
	width: 100px;
	float: left;
}

.changePasswordErrorMessage
{
	margin-left: 50px;
	width: 400px;
	display: block;
}

.changePasswordBtn input
{
	width: 245px;
	margin-left: 20px;
}

.changePasswordDetails, changePasswordLoginDetails
{
    height: 168px;
}

.passwordSuccess
{
	margin: 0 0 5px 0;
}

.changePasswordSuccessBtn input
{
	width: 250px;
	padding: 10px;
	float: left;
}

/* GET QUOTE */

.getQuote
{
	height: 190px;
}

.quoteInfo
{
	width: 345px;
}

.getQuotePetImage
{
	position: absolute;
	top: 240px;
	left: 270px;
}

.getQuotePetBtn
{
	position: absolute;
	top: 385px;
	left: 270px;
}

.getQuoteHorseImage
{
	position: absolute;
	top: 220px;
	left: 845px;
}

.getQuoteHorseBtn
{
	position: absolute;
	top: 385px;
	left: 760px;
}

.getQuoteHorseTrailerImage
{
	position: absolute;
	top: 450px;
	left: 350px;
}

.getQuoteHorseTrailerBtn
{
	position: absolute;
	top: 600px;
	left: 270px;
}

.getQuoteHorseBoxImage
{
	position: absolute;
	top: 450px;
	left: 825px;
}

.getQuoteHorseBoxBtn
{
	position: absolute;
	top: 600px;
	left: 760px;
}

.onlineQuotePolicyBulletPoints
{
	width: 540px;
	float: left;
}

.onlineQuotePolicyImage
{
	width: 200px;
	float: left;
}

.onlineQuotePolicyButton
{
	width: 200px;
	float: right;
}

/* CONTACT US */

.contact
{
	width: 300px;
	padding: 5px;
}

.contactNarrow
{
	width: 229px;
	padding: 5px;
}

.contactWide
{
	width: 450px;
	padding: 5px;
}

.contactItem
{
	width: 125px;
	float: left;
	padding: 5px 0;
}

.contactDetail
{
	width: 100px;
	float: left;
	padding: 5px 0;
}

.contactItemWide1
{
	width: 200px;
	float: left;
	padding: 5px 0;
}

.contactItemWide2
{
	width: 300px;
	float: left;
	padding: 5px 0;
}

/* MY ZONE */

.myZone
{
	height: 95px;
}

.myZoneBox
{
	padding: 10px;
	width: 303px;
	height: 125px;	
	margin-bottom: 5px;
}

.myZoneBoxTop
{
	margin-top: 5px;
}

.myZoneBoxLeft
{
	margin-right: 5px;
}

.myZoneBoxRight
{
	margin-left: 5px;
}

.myZoneBox .myzoneInfo 
{
	width: 201px;
}

.myZonePoliciesRenewalDueAlert
{
	color: Red;
}

.myzonePoliciesImage
{
	position: absolute;
	top: 200px;
	left: 200px;
}

.myzonePoliciesBtn
{
	position: absolute;
	top: 300px;
	left: 100px;
}

.myzoneQuotesImage
{
	position: absolute;
	top: 195px;
	left: 550px;
}

.myzoneQuotesBtn
{
	position: absolute;
	top: 300px;
	left: 440px;
}

.myzoneDetailsImage
{
	position: absolute;
	top: 340px;
	left: 220px;
}

.myzoneDetailsBtn
{
	position: absolute;
	top: 450px;
	left: 105px;
}

.myzoneGetQuoteImage
{
	position: absolute;
	top: 340px;
	left: 540px;
}

.myzoneGetQuoteBtn
{
	position: absolute;
	top: 450px;
	left: 440px;
}

.myzoneClaimsImage
{
	position: absolute;
	top: 190px;
	left: 870px;
}

.myzoneClaimsBtn
{
	position: absolute;
	top: 300px;
	left: 770px;
}

.myzoneContactImage
{
	position: absolute;
	top: 340px;
	left: 880px;
}

.myzoneContactBtn
{
	position: absolute;
	top: 450px;
	left: 760px;
}

/* MANAGE DETAILS */

.personalDetails
{
	margin: 5px 10px 5px 0;
	width: 940px;
	padding: 20px;
}

.personalDetails input
{
	width: 300px;
}

.personalDetailsCol2 > label
{
    margin-left: 10px;
}

.manageChangePassword input
{
	width: 200px;
}

.personalDetailsBtn
{
	padding-left: 340px;
}

.manageDetails
{
	background-color: #566573;
	color: #FFFFFF;
	margin: 5px 0 0px 0;
	padding: 20px;
	border: solid 1px #A1A1A1;
	display: block;
	width: 938px;
}

.manageChangePassword
{
	margin: 5px 5px 5px 0;
	width: 600px;
	padding: 20px;
	height: 170px;
}

.manageChangePasswordBtn
{
	padding-left: 170px;
}

.manageChangePasswordBtn input
{
	width: 200px;
	margin: 0 10px 0 5px;
}

.changePasswordInfo
{
	background-color: #566573;
	color: #FFFFFF;
	border: 1px solid #A1A1A1;
	display: block;
	margin: 5px 0 5px 0px;
	padding: 20px;
	width: 293px;
	height: 168px;
}

/* MANAGE POLICIES */

.policyDetails
{
	margin: 0 5px 5px 0;
	width: 250px;
	padding: 20px;
	height: 300px;
	overflow: hidden;
}

.policyDocuments
{
	margin: 0 5px 5px 0;
	width: 300px;
	padding: 20px;
	height: 300px;
	overflow: hidden;
}

.policyDocumentsDetails
{
	background-color: #566573;
	color: #FFFFFF;
	border: 1px solid #A1A1A1;
	display: block;
	padding: 75px 40px;
	width: 258px;
	margin: 0 0 5px 0;
	height: 188px;
}

.clientPoliciesButton input
{
	width: 158px;
	margin: 10px 50px;
}

.horsePolicyDetails
{
	max-height: 100px;
	overflow: auto;
}

.quoteDocumentsDetails p
{
	margin-bottom: 10px;
}

.policyDetailsLabel label
{
	width: 85px;
	float: left;	
	text-align: left;
	line-height: 15px
}

.policyDetailsInfo label
{
	width: 100px;
	float: left;
	text-align: left;
	line-height: 15px
}

.policyDetailsItemLabel span
{
	width: 130px;
	float: left;
}

.policyDetailsItemButton input
{
	width: 100px;
	float: left;
}

/* MANAGE QUOTES */

.quotesGrid 
{
	width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;      
    border-collapse:collapse;   
}

.quotesGrid td 
{   
    padding: 2px 0 2px 10px;     
    color: #000;
    text-align: left; 
    font-size: 12px;
	letter-spacing: 0;
	margin: 0;
}  

.quotesGrid th 
{   
    text-align: left;
    padding: 5px 0 5px 10px;   
    color: #fff;   
    background: #424242;      
    font-size: 0.9em;   
}

.quotesGrid input
{
	margin: 2px 10px 2px 0;
}

.quotesGrid .alt 
{ 
	background: #D3EFF9;
}

/* CLAIMS FORM */

.existingClaimsBox
{
	width: 490px;
}

.claimActionBox
{
	height: 115px;			
}

.claimMainForm
{
	float: left;
	width: 500px;
}

.claimsQuestion label
{
	width: 308px;
	float: left;
	text-align: left;
	line-height: 12px;
}

.selectHorseDropDownList
{
	width: 310px;
}

.claimHelpBox
{
	float: right;
	width: 400px;
	padding: 20px;
	background-color: #0066CC;
	color: #FFFFFF !important;
}

.claimHelp
{
	width: 25px;
	float: left;
}

.claimHelpTitle
{
	font-weight: bold;
}

.claimHelpText
{
	padding-top: 10px;
}

.claimFormItem
{
	width: 217px;
	float: left;
	padding: 5px 0;
}

.claimFormDetail
{
	width: 200px;
	float: left;
	padding: 5px 0;
}

.claimFormDetail .address 
{
	padding-bottom: 3px;
}

.claimForm
{
	width: 700px;
	float: left;
}

.claimFormNarrow
{
	width: 700px;
	float: left;
}

.claimFormWide
{
	width: 940px;
}

.claimHelpBox
{
	width: 200px;
	padding: 20px;
	background-color: #0066CC;
	color: #FFFFFF !important;
}

.claimHelpBoxHidden
{
	height: 0px;
	width: 0px;
	padding: 0px;
}

.claimsFormQuestion label
{
	width: 170px;
	float: left;
	text-align: left;
	line-height: 12px;
}

.claimsFormAnswer
{
	width: 250px;
	float: left;
}

.claimsFormAnswer input, .claimsFormAnswer textarea
{
	width: 225px;
}

.claimsFormAnswer textarea
{
	margin-bottom: 10px;
}

.claimsFormAnswer .radio label
{
	width: 0px;
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-top: -10px;
}

.claimsFormAnswer .radio input 
{
	width: 15px;
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-top: -5px;
}

.claimsFormAnswerSelect
{
	width: 230px;
}

.claimsFormAnswerSelectDate
{
	width: 75px;
}

.claimsFormAnswer .postcodeLookup input
{
	width: 75px;
	float: left;
	margin-right: 10px;
}

.claimsFormAnswer .postcodeLookup span
{
	width: 125px;
	float: left;
	line-height: 20px;
}

.claimsFormValidation  {
	float: left;
	width: 235px;
	display: block;
}

.claimBtn input
{
	margin-left: 15px;
}

/* EXISTING CLAIM */

.claimDetailsForm .claimTitle label
{
	float: left;
	width: 150px;
	text-align: left;
	line-height: 25px;
}

.claimDetailsForm .claimDetail
{
	float: left;
	width: 200px;
	line-height: 25px;
}

.claimsGrid 
{
	width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;      
    border-collapse:collapse;   
}

.claimsGrid td 
{   
    padding: 2px 0 2px 10px;     
    color: #000000;
    text-align: left; 
    font-size: 12px;
	letter-spacing: 0;
	margin: 0;
}  

.claimsGrid th 
{   
    text-align: left;
    padding: 5px 0 5px 10px;   
    color: #FFFFFF;   
    background: #424242;      
    font-size: 12px;
    font-family: Arial;   
}

.claimsGrid input
{
	margin: 2px 10px 2px 0;
}

.claimsGrid .alt 
{ 
	background: #D3EFF9;
}

/* CLAIM DOCUMENTATION UPLOAD */

.claimUploadDocForm .claimTitle label
{
	float: left;
	width: 150px;
	text-align: left;
}

.claimUploadDocForm .claimDetail
{
	float: left;
	width: 450px;
}

.claimUploadDocForm .claimDetail input 
{
	float: left;
	width: 410px;
}

.claimUploadDocForm .claimDetail select
{
	float: left;
	width: 410px;
}

.claimUploadDocForm .claimDetail textarea
{
	float: left;
	width: 405px;
	margin-bottom: 10px;
}

.claimUploadDocForm .claimDocBtn, .claimUploadDocForm .claimSuccessMessage
{
	margin-left: 170px;
}

.claimUploadDocForm .claimDocBtn input, .claimSuccessDocBtn input
{
	margin-right: 10px;
}

.uploadedDocTick, .claimFormSucessTick
{
	width: 80px;
	float: left;
}

.uploadedDocText, .claimFormSuccessText
{
	width: 750px;
	float: left;	
}

.claimFormSuccessText ul
{
	margin-left: 0;
}

.claimFormSuccessText .linklist
{
	padding: 0;
}

.claimFormSuccessText .download
{
	margin: 0;	
}


/* POLICY / QUOTE SUMMARY */

.backButton input
{
	margin-top: 10px;
}

.policyHeader, .quoteHeader
{
	padding: 10px 20px 0px 20px;
}

.policySummaryTitle, .quoteSummaryTitle
{
	width: 145px;
	float: left;
	padding-bottom: 10px;
}

.policySummaryLabel, .quoteSummaryLabel
{
	width: 280px;
	float:left;
}

.quoteSummaryPriceTitle
{
	width: 200px;
	float: left;
	padding-bottom: 10px;
}

.quoteSummaryPriceLabel
{
	width: 175px;
	float:left;
}

.priceTotalText
{
	font-size: 20px;
	font-weight: bold;
}

.policyHalfBox, .quoteHalfBox
{
	width: 445px;
	height: 260px;
	padding: 10px 20px;
}

.policyHalfBoxLeft, .quoteHalfBoxLeft
{
	margin: 0 5px 5px 0;
}

.policyHalfBoxRight, .quoteHalfBoxRight
{
	margin: 0 0 5px 5px;
}

.policySummaryHeader, .quoteSummaryHeader
{
	padding-bottom: 10px;
}

.policyRowPrice, .quoteRowPrice
{
	padding-bottom: 30px;
	clear: both;
}

.priceTitle
{
	width: 200px;
	float:left;
}

.priceBox 
{
	height: 50px;
	width: 443px;
	background-color: #D3EFF9;
    border: 1px solid #A1A1A1;
    margin: 0 0 5px 0;
}

.priceBtn
{
	padding-left: 125px;
}


.policyRowPriceTitle
{
	padding-left: 11px;
	padding-bottom: 10px;
	clear: both;
}

.policyRowPrice
{
	padding-bottom: 30px;
	clear: both;
}

.policySummaryTotalPriceLabel
{
	width: 135px;
	float: left;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}

.policySummaryTotalPrice
{
	background-color: #006600;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	width: 60px;
	padding: 10px;
}

.linklist
{
	margin-right: 0;
	padding-right: 0;
}

.boldLink
{
	font-size: 12px !important;
	color: #000000 !important;
	font-family: Arial !important;
	font-weight: bold !important;
}

.boldLinkWhite
{
	font-size: 12px !important;
	color: #FFFFFF !important;
	font-family: Arial !important;
	font-weight: bold !important;
}

.download 
{
	list-style: none;
	background: url(/Images/pdfIcon.png) 0 0 no-repeat;
	line-height: 60px;
	padding: 0 0 0 60px;
	margin: 10px;
}

.horseNamePanel
{
	margin: 0 0 5px 0;
}

.horseNamesMenu, .petNamesMenu
{
	background-color: #D3EFF9;
	padding: 20px;
	margin: 0 5px;
	color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.horseNames input, .petNames input
{
	margin-bottom: 0;
}

.selectedHorseNamesMenu, .selectedPetNamesMenu
{
	border: solid 1px #000000;
    font-size: 16px;
    font-weight: bold;
}

.horseDetailsBox, .petDetailsBox
{
	overflow-y: scroll;
	height: 240px;
}

/* QUOTE DOCS */

.quoteDocuments
{
	margin: 0 5px 5px 0;
	width: 575px;
	padding: 20px;
	height: 300px;
	overflow: hidden;
}

.downloadDocs
{
	list-style: none;
	background: url(/Images/pdfIcon.png) 0 0 no-repeat;
	line-height: 60px;
	padding: 0 0 0 100px;
	margin: 10px 10px 10px -10px;
}

.downloadDocs a
{
	margin-left: -30px !important;
}

.quoteDocumentsDetails
{
	background-color: #566573;
	color: #FFFFFF;
	border: 1px solid #A1A1A1;
	display: block;
	padding: 75px 40px;
	width: 278px;
	margin: 0 0 5px 0;
	height: 188px;
}

.quoteDocumentsDetails p
{
	margin-bottom: 10px;
}

.getAdobe
{
	border: 0;
	padding: 10px 50px;
}

/* SORRY NO QUOTE */

.noQuoteQuestion label
{
	width: 75px;
	float: left;
	text-align: left;
	line-height: 20px;
}

.noQuoteAnswer
{
	float: left;
}

.noQuoteAnswer input, .noQuoteAnswer textarea
{
	width: 300px;
	line-height: 20px;
}

.noQuoteAnswer .recaptchaBox
{
	margin-left: 0px;
}

.noQuoteValidation
{
	float: left;
	width: 250px;
	display: block;
	padding-left: 10px; 
	line-height: 20px;
}

.noQuoteBtn input
{
	margin: 10px 0 0 100px;
	width: 315px;
	padding: 10px 50px;
}

/* POLICY TERMS */

.sofDetails
{
	float: left;
	width: 740px;
}

.sofDocs
{
	float: right;
	width: 200px;
}

.btnPolicyTerms, .btnClaimTerms
{
	width: 200px !important;
}

.policyTermsBtn input
{
	margin-left: 10px;
}

/* DIRECT DEBIT CAPTCHA */

.moduleHeader
{
	float: left;
	width: 380px;	
}

.directDebitFormNarrow
{
	width: 500px;
	float: left;
}

.directDebitFormWide 
{
	width: 940px;
}

.directDebitHelpBoxHidden
{
	height: 0px;
	width: 0px;
	padding: 0px;
}

.directDebitHelpBox
{
	width: 400px;
	padding: 20px;
	background-color: #0066CC;
	color: #FFFFFF !important;
}

.ddMandateQuestion label
{
	width: 160px;
	float: left;
	text-align: left;
	margin-bottom: 0;
}

.directDebitHelp
{
	width: 30px;
	float: left;
}

.ddMandateAnswer
{
	width: 275px;
	float: left;
}

.ddMandateAnswer input, .ddMandateAnswer textarea
{
	width: 250px;
	float: none;
	display: inline;
}

.ddMandateValidation
{
	width: 400px;
	float: left;
}

.quoteBoldTextHelp
{
	font-size: 12px;
	color: #FFFFFF; 
	font-family: Arial;
	font-weight: bold;
}

.ddMandateBtn input
{
	margin-left: 15px;
	
}

/* PAYMENT SUCCESS */

.purchasedPolicy
{
	margin: 0 5px 5px 0;
	width: 575px;
	padding: 10px;
	height: 200px;
	overflow: hidden;
}

.purchasedPolicy p
{
	margin-bottom: 10px;
}

.purchasedPolicyDocuments
{
	background-color: #566573;
	border: 1px solid #A1A1A1;
	display: block;
	padding: 10px;
	width: 358px;
	margin: 0 0 5px 0;
	height: 198px;
}

.paymentSuccessTick
{
	width: 80px;
	float: left;
}

.paymentSuccessText
{
	width: 450px;
	float: left;	
}

.purchasedPolicyDocuments ul
{
	padding: 0 5px;
}

/* RENEWALS */

.renewalChkBox input
{
	width: 50px;	
	float: left;
}

.renewalChkBox label
{
	width: 400px;
	float: left;
	text-align: left;
	line-height: 20px;
}

.renewalChkValidation
{
	width: 200px;
	float: left;
	text-align: left;
	line-height: 20px;
}

.renewal .policyDetails
{
	float: left;
	width: 305px;
	height: auto;
	padding:  5px 0;
}

.renewal .policyDetails .renewalTitle
{
	float: left;
	width: 80px;
	padding-bottom: 5px;
}

.renewal .policyDetails .renewalDetail
{
	float: left;
	width: 225px;
	padding-bottom: 5px;
}

.renewal .vehicleGrid
{
	padding-bottom: 10px;
	overflow: auto;
}

.renewal .vehicleDetails
{
	float: left;
	width: 300px
}

.renewal .vehicleDetails .renewalTitle
{
	float: left;
	width: 135px;
	padding-bottom: 5px;
}

.renewal .vehicleDetails .renewalDetail
{
	float: left;
	width: 165px;
	padding-bottom: 5px;
}

.renewal .coverDetails
{
	float: left;
	width: 375px;
}

.renewal .coverDetails .renewalTitle
{
	float: left;
	width: 170px;
	padding-bottom: 5px;
}

.renewal .coverDetails .renewalDetail
{
	float: left;
	width: 200px;
	padding-bottom: 5px;
}

.renewal .coverDetailsWide
{
	float: left;
	width: 500px;
}

.renewal .coverDetailsWide .renewalTitle
{
	float: left;
	width: 400px;
	padding-bottom: 5px;
}

.renewal .coverDetailsWide .renewalDetail
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .driverTable
{
	overflow: auto;
}

.renewal .driverDetails .renewalTitle
{
	float: left;
	width: 60px;
	padding-bottom: 10px;
}

.renewal .driverDetails .renewalDetail
{
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

.renewal .driverDetails .driver
{
	float: left;
	width: 150px;
	padding-bottom: 5px;
}

.renewal .driverDetails .dob
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .driverDetails .licenceType
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .driverDetails .obtained
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .driverDetails .occ
{
	float: left;
	width: 200px;
	padding-bottom: 5px;
}

.renewal .driverDetails .sex
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.driverDetails .marital
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .disabilitiesTable
{
	padding-bottom: 10px;
	overflow: auto;
}

.renewal .disabilitiesDetails .driver
{
	float: left;
	width: 150px;
	padding-bottom: 5px;
}

.renewal .disabilitiesDetails .disability
{
	float: left;
	width: 150px;
	padding-bottom: 5px;
}

.renewal .disabilitiesDetails .dvla
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .disabilitiesDetails .date
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .disabilitiesDetails .description
{
	float: left;
	width: 300px;
	padding-bottom: 5px;
}


.renewal .claimsTable
{
	padding-bottom: 10px;
	overflow: auto;
}

.renewal .claimsDetails .driver
{
	float: left;
	width: 150px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .desc
{
	float: left;
	width: 200px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .date
{
	float: left;
	width: 80px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .adpaid
{
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .ados
{
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .tppaid
{
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .tpos
{
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .fault
{
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .injured
{
	float: left;
	width: 70px;
	padding-bottom: 5px;
}

.renewal .claimsDetails .reg
{
	float: left;
	width: 80px;
	padding-bottom: 5px;
}

.renewal .convictionsTable
{
	padding-bottom: 10px;
	overflow: auto;
}

.renewal .convictionsDetails .driver
{
	float: left;
	width: 150px;
	padding-bottom: 5px;
}

.renewal .convictionsDetails .code
{
	float: left;
	width: 75px;
	padding-bottom: 5px;
}

.renewal .convictionsDetails .fine
{
	float: left;
	width: 50px;
	padding-bottom: 5px;
}

.renewal .convictionsDetails .disqual
{
	float: left;
	width: 120px;
	padding-bottom: 5px;
}

.renewal .convictionsDetails .points
{
	float: left;
	width: 85px;
	padding-bottom: 5px;
}

.renewal .convictionsDetails .date
{
	float: left;
	width: 100px;
	padding-bottom: 5px;
}

.renewal .trailerGrid
{
	padding-bottom: 10px;
	overflow: auto;
}

.renewal .trailerDetails
{
	float: left;
	width: 310px;
}

.renewal .trailerDetails .renewalTitle
{
	float: left;
	width: 110px;
	padding-bottom: 5px;
}

.renewal .trailerDetails .renewalDetail
{
	float: left;
	width: 200px;
	padding-bottom: 5px;
}

.renewal .trailerCoverDetails
{
	float: left;
}

.renewal .trailerCoverDetails .renewalTitle
{
	float: left;
	width: 170px;
	padding-bottom: 5px;
}

.renewal .trailerCoverDetails .renewalDetails
{
	float: left;
	width: 200px;
	padding-bottom: 5px;
}

.renewal .policyDetails
{
	float:left;
	width: 300px;
}

.renewal .policyDetails .renewalTitle
{
	float: left;
	width: 100px;
}

.renewal .policyDetails .renewalTitleWide
{
	float: left;
	width: 200px;
}

.renewal .policyDetails .renewalDetail
{
	float: left;
	width: 100px;
}

.renewal .confirmDetails .renewalChk label
{
	text-align: left;
	width: 210px;
	line-height: 20px;
}

.renewal .confirmDetails .renewalValidation
{
	float: left;
	text-align: left;
	width: 600px;
	line-height: 20px;
}

.renewal .confirmDetails .renewalBtn input
{
	width: 200px;
}


/* SURE AID */

.sureaidbanner
{
	width: 980px;
	height: 125px;
	overflow: hidden;
}

.sureaidbannerImage
{
	z-index: 1;
}

.sureaidbanner h1
{
	margin: -120px 20px;
	padding: 0;
	border-bottom: 0 !important;
	color: #566573;
	width: 560px;
	font-size: 50px;
	z-index: 2;
}

.sureaidbanner h2
{
	font-weight: lighter;
	font-size: 25px;
	color: #444444;
	float: left;
	margin: 115px 0 0 20px;
	width: 600px;
	z-index: 2;
	position: absolute;
}

.sureaidQuestion label
{
	width: 140px;
	float: left;
	padding: 12px;
	text-align: left;
}

.sureaidAnswers 
{
	width: 400px;
	float: left;
	padding: 12px;
}

.sureaidAnswers input, .sureaidAnswers textarea
{
	width: 300px;
	float: left;
	padding: 12px;
}

.sureaidAnswers textarea
{
	border:inset 2px #EBE9ED;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

.sureaidAnswers select
{
	width: 325px;
	float: left;
	padding: 12px;
	border:inset 2px #EBE9ED;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

.sureaidAnswers .radio label
{
	width: 0px;
	float: left;
	display: block;
	margin-top: -10px
}

.sureaidAnswers .radio input {
	width: 20px;
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-top: -5px;
}

.renewalDate
{
	width: 100px !important;
}

.renewalDay
{
	margin-right: 6px;
}

.renewalMonth
{
	margin: 0 6px;
}

.renewalYear
{
	margin-left: 6px;
}

.sureaidValidation
{
	width: 300px;
	float: left;
	padding: 12px;
}

.sureaidBtn input
{
	width: 325px;
	padding: 12px;
	margin-left: 195px;
	
}

.sureaidAnswers input:hover, .sureaidAnswers input:focus, .sureaidAnswers select:hover, .sureaidAnswers select:focus, .sureaidAnswers textarea:hover, .sureaidAnswers textarea:focus
{
	background-color: #FFFFE0;
}

.sureaidAnswers .radio .input:hover
{
	background-color:Window;
}

/* EMAIL FORMS */

.emailFormQuestion, .emailFormQuestion label 
{
	width: 125px;
	float: left;
	text-align: left;
}

.emailFormAnswer
{
	width: 250px;
	float: left;
}

.emailFormValidation
{
	width: 550px;
	float: left;
}