/*
FILENAME: application.css
AUTHOR: Ashley Barrett (ashley.barrett@rgroup.co.uk)
CREATED: 19/02/2010
COMMENTS: The css file for the Loanfinder application
COMMENTS: Atti: Added Payment guard form notice text css
UPDATE: Chris Cheshire, 26/07/2010, Styles added for updated Direct Debit payment form (most of which are at the bottom)
*/

.noticeText {
	display:block;
	padding:5px 5px 5px 5px;
	margin-top:6px;
	line-height:20px;
	border:1px solid grey;
	color:black;
	background-color:#F8F8F8;
}

.applicationLargheSidebarImg{
	position: relative;
	right: 23px;
}

.bodytext{ 
	color: black; font-size: 110%;
}

.cv2 {
	clear: both;
	vertical-align: top;
	margin: 0 0 0 10px;
}

.err, .errTop {
	color: #f6314d !important;
	font-size: 9pt;
	font-weight:bold;
}

p.err {
	margin-top:-8px;
	margin-bottom:10px;
	clear:both;
}

#cgs div#newcard .formElement p.err{
	margin-left: 200px;	
}

p.errBullet {
	margin-top:0px;
}

.formElement{
	margin-bottom: 15px;
}

.formElement label{
	width: 357px;
	float: left;
}

.applicationFormPayday .formElement label {
	width:345px;	
}

.formElement input, .formElement select, .formElement textarea{
	width: 191px;
}

.formElement textarea{
	height: 80px;
	text-align: left;
}

.formElement input.submit{
	float: right;
	width: 100px;

}

.formElement select#dobDay, .formElement select#dobMonth{
	width: 50px;
}

.formElement select#dobYear{
	width: 85px
}

.formElement select#ValidFromMonth{
	width: 100px
}

.formElement select#ValidFromYear{
	width: 84px
}

.formElement select#ExpiryMonth{
	width: 100px
}

.formElement select#ExpiryYear{
	width: 84px
}

.formElement select#selectAddress{
	width: 334px;
}

.formElement input.cv2{
	width: 24px;
}

.formElement input.debtsSubmit{
	float: none;
	margin-left: 5px;
	width: 57px;
}

.formElement input.debts{
	width: 300px;
}

.formElement input.radio{
	margin-right: 4px;
	width: 20px;
	cursor: pointer;
	border: none !important;
}

.formElement select#StartDate_year, .formElement select#StartDate_month{
	width: 95px;
} 

textarea.lender{
	width:550px;
	height: 45px;
}

input.lender{
	width: 85px;
}

/*
******* CGS PAGE ******* 
*/

.CGSFormSection p{
	padding-bottom: 10px;
}

p.noPadding {
	padding: 0px;
}

.CGSCardIcon {
	padding: 0px 15px 0px 5px;	
}

.CGSCV2Icon {
	padding-left: 50px;
	vertical-align: middle;
}

.CGSFormTerms {
	width: 860px;
	height: 135px; 
	font-family: courier; 
	overflow-y: scroll; 
	overflow-x: none; 
	padding: 5px; 
	border: 1px #000 solid;
	background-image:url('/images/www/cgs_logo_large.jpg');
	background-position: 740px 5px;
	background-repeat: no-repeat;
}

.CGSTermsWording {
	float: left;
	width: 710px;
}

.CGSFormTitle {
	font-weight: bold;
	font-size: 14px;	
	margin-top: 10px;
}

.CGSLightText {
	color: #666666;
	font-style: italic;
}

.bottomButtons {
	margin-top: 25px;	
}

.CGSFormSection .formElement label {
	width: 100%;
}

#CGSTermsCheck {
	margin-top: 5px;	
}

/* 
******* /CGS PAGE ******* 
*/

.refused-creditors-column1 { color: #000000; float: left; width: 250px; }
.refused-creditors-column2 { color: #000000; float: left; width: 100px; }
.current-creditors-column1 { color: #000000; float: left; width: 250px; }
.current-creditors-column2 { color: #000000; float: left; width: 100px; }
.bankAccountsColumn1 { color: #000000; float: left; width: 250px; }
.bankAccountsColumn2 { color: #000000; float: left; width: 100px; }

#infotable { clear: left; }
.infotable-c1 { float: left; width: 199px; padding: 2px 0 2px 0; text-align: left; margin-bottom:10px; }
.infotable-c2 { float: left; width: 90px; padding: 2px 0 2px 0; text-align: left; }
.infotable-clear { clear: left; }

#infotable table tr{
	text-align: center;	
}

#infotable table tbody tr{
	background-color: #EFEFEF;
}

#infotable table tbody tr.new{
	background-color: #EFEFEF;
}

#infotable table tbody tr td{
	padding: 1px !important;
}

#ppc-message-container { float: left; clear: left; width: 591px; height: 149px; background: url('/images/application/ppc_bg.jpg') no-repeat left; margin-bottom: 40px; }

#ppc-message-frame { margin-left: 20px; margin-top: 5px; }
.small-indent { margin-left: 20px; }
.large-indent { margin-left: 40px; }
.ppc-text-small { font: bold 16px arial; }
.ppc-text-medium { font: bold 20px arial; }
.ppc-text-large { font: bold 30px arial; }
.ppc-text-small-blue { font: bold 16px arial;color: #1282aa; }
.ppc-text-medium-blue { font: bold 20px arial;color: #1282aa; }
.ppc-text-large-blue { font: bold 30px arial;color: #1282aa; }

#profile-solutions-recbox { border-top: 0px solid #c6c6c6; padding: 5px; margin: 10px 0 0 0; clear: both; }
.profile-solutions-image { padding: 0px 0px 10px 0px; width: 80px; float: left; }
.profile-solutions-image img { border: 1px solid #999999; }
#profile-solutions-body { margin-left: 10px; min-height: 50px; }
#profile-solutions-body a.inlinelink { display: inline; text-decoration: underline !important; }
#profile-solutions-body a { text-decoration: none; color: #000; display: block; }
#profile-solutions-body-comment a { display: inline; }

.lender-inline { display: inline; }

.selectPay {
	/*display: none;*/
	
}

.formLineBreak
{
	background-image:url('/images/www/lineBreak.gif');
	background-repeat:repeat-x;
	float:left;
	height:1px;
	margin-top:-3px;
	margin-bottom:12px;
	width:550px;
}

.formButton
{
	width: 170px; 
	height: 35px; 
	font-size: 17px; 
	font-weight: bold;
	float:right;
	cursor:pointer;
}

.formButtonStage3 
{

	margin-right:52px;
	border-style:outset;
	float:right;
	width:100px !important;

}

.formButtonStage3Large 
{

	width: 170px; 
	height: 35px; 
	font-size: 17px; 
	font-weight: bold;
	float:right;
	cursor:pointer;
}

.formButtonStage3LargeLeft
{
	float:left;
}

.formButtonStage3Large2
{
	width: 170px; 
	height: 35px; 
	font-size: 17px; 
	font-weight: bold;
	float:right;
	cursor:pointer;
	margin-right:10px;
}

.formButtonStage3LargeComplete
{
	width: auto;
	padding:0 5px; 
}

.proceed {
margin-right:0px;margin-bottom:20px;width:auto;padding:0 5px;float:right;
}

hr {
clear:both;
}

.formSubmit
{
	margin-right:52px;
	width: 170px; 
	height: 35px; 
	font-size: 17px; 
	font-weight: bold;
	float:right;
	cursor:pointer;
	border-top:0px;
	border-bottom:2px solid #404040;
	border-right:2px solid #404040;
	border-left:0px;
}

.aprFont
{
	font-size: 45px; 
	font-family: arial; 
	text-align:left !important;
	margin-left:20px;
}

.footerSubHeading
{
	font-size: 16px; 
	font-family: arial !important;
	text-align:left;
	font-weight:bold;

	letter-spacing: -1px;
	margin-left:20px;
	margin-right:10px;
	text-align:left !important;
}	

.newFooterText
{

	font-size: 10pt; 
	text-align:left;
	margin-left:20px;
	margin-right:10px;
	margin-top:-10px;
	text-align:left !important;
}


.newFooterBox1
{
	width:200px;
	float:left;
	margin-left:20px;
	margin-right:70px;
}

.newFooterBox2
{
	width:220px;
	float:left;
	margin-right:70px;
}

.newFooterBox3
{
	width:280px;
	float:left;
	margin-left:20px;
	text-align:right;
	
}

.newFooterLinks
{
	font-size: 10pt; 
	text-align:left; 
	color:#00b3db; 
	text-decoration: 
	underline;
	line-height:5px;
	text-align:left !important; 
	
}

.newFooterLinks a
{
	font-size: 10pt; 
	text-align:left; 
	color:#00b3db; 
	text-decoration: 
	underline;
	line-height:5px;
	text-align:left !important; 
	
}

.newFooterLinks a:hover
{
	text-align:left; 
	color:#00b3db !important;
	text-decoration: 
	underline;
	line-height:5px;
	text-align:left !important; 
	
}

.footerLinkHeadings
{
	font-family: arial !important; 
	text-align:left !important; 
	font-size: 10pt;
	text-align:left;
	font-weight:bold;
	letter-spacing:-1px;
}

.aprFont1
{
	font-size: 45px !important;
	font-family: arial; 
	text-align:left !important;
}

.aprFont2
{
	font-size: 21px !important;
	font-family: arial; 
	text-align:left !important;
	margin-left:20px;
}

.aprFont3
{
	font-size: 45px!important;
}

.aprFont4
{
	font-size: 21px!important;
}

.formQuestionMark
{
	width:18px;
	height:18px;
	margin-bottom:-5px;
}

.formAnswer
{
	display:none; 
	background-color:#FEFFAF;
	width:540px;
	padding:5px;
	margin-bottom:10px;
	margin-top:-15px;
}


#demo-frame > div.demo 
{ padding: 10px !important; 
}

.bigBlueText{
	border:0; 
	color:#2C95BC; 
	font-weight:bold; 
	font-size:16px; 
	float:right; 
	margin-right:49px; 
	margin-top:-45px;
}

.slider{
	border:0; 
	color:#2C95BC; 
	font-weight:bold; 
	font-size:16px;
}

.sliderStyle{

	width:190px;
	float:right;
	margin-right:57px; 
	margin-top:-30px;
	background-color:#2C95BC !important;
}

.dontDisplay{
	
	display:none;
}

.medBold{
	font-size:16px;
	font-weight:bold;
}

#tooltip {
background-color:#F5F5B5;
border:1px solid #DECA7E;
color:#303030;
display:none;
font-family:sans-serif;
font-size:10px;
line-height:12px;
margin-right:50px;
padding:5px;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#formLeftContainer
{

	width:880px;
}

.myAddressNotHere
{
	float: right;
	margin-right:52px;
}

.postCodeDropdown{
float:right;
margin-right:52px;
width:195px !important;

}

.hideQuestion{
	display:none;
}

.speech-bubble-middle p {
line-height:15px;
margin:0;
padding:0 40px;
width:450px;
}

#applicationFormIntro{
	width: 900px;
	margin-bottom: 10px;
}

#applicationFormIntro img{
	border: 1px solid #3FA0C1;
	margin-top:15px;
}

#applicationFormIntro .words{
	z-index: -1000;
	width: 900px;
}

#applicationFormIntro .words .wordsTop{
	background: url("/images/www/speechbubble_form_top_small.gif") no-repeat;
	width: 900px;
	height: 8px;
	font-size: 0;
}

#applicationFormIntro .words .wordsMiddle{
	background: url("/images/www/speechbubble_form_middle_small.gif") repeat-y;
	width: 900px;
}

#applicationFormIntro .words .wordsBottom{
	background: url("/images/www/speechbubble_form_bottom_small.gif") no-repeat;
	width: 900px;
	height: 36px;
}

#applicationFormIntro .words p{
	width: 900px;
	padding: 0 50px;
	position: relative;
	top: 15px;
	margin-bottom: 0;

}

#applicationFormIntro2 img{
	border: 1px solid #999;
}

#applicationFormIntro2{
	width: 900px;
	margin-bottom: 10px;
}

#applicationFormIntro2 img{
	border: 1px solid #3FA0C1;
	margin-top:4px;
}

#applicationFormIntro2 .words{
	z-index: -1000;
	width: 900px;
}

#applicationFormIntro2 .words .wordsTop{
	background: url("/images/www/speechbubble_form_top_small.gif") no-repeat;
	width: 900px;
	height: 8px;
	font-size: 0;
}

#applicationFormIntro2 .words .wordsMiddle{
	background: url("/images/www/speechbubble_form_middle_small.gif") repeat-y;
	width: 900px;
}

#applicationFormIntro2 .words .wordsBottom{
	background: url("/images/www/speechbubble_form_bottom_small.gif") no-repeat;
	width: 900px;
	height: 36px;
}

#applicationFormIntro2 .words p{
	width: 900px;
	padding: 0 50px;
	position: relative;
	top: 15px;
	margin-bottom: 0;

}

#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.5;
    width: 100%; height: 100%; background-color: #999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    float:left;
    width: 400px;
    margin-left: 25%;
    margin-top: 30%;
    z-index: 750;
}
.modal
{
	padding:0;
	position:relative;
	top:-150px;
	width:708px;
	z-index:1000;

}

.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px 20px 10px 30px;
    background-image: url("/images/application/modal_image_new.gif");
	background-repeat:no-repeat;
    height:240px;
}
.modalBody div {
	padding-top:19px;
}
.modalBody .modalIntro {
	font-weight:bold;font-size:13px;
	margin-left:168px;
}
.modalBody ul {
	margin:15px 0;
}
.modalBody .introImage { margin:20px 0 10px 0; }
.modalBody a
{
    cursor:pointer;
    font-weight:bold;
}

.closeLink
{
	float:right;
}



.speechTop{
 	background-image: url("/images/application/bubble_top.jpg");	
	background-repeat:no-repeat;
	width:605px;
	float:left;

}
	
.speechMiddle{
 	background-image: url("/images/application/bubble_middle.jpg");	
	background-repeat:repeat-y;
	width:535px;
	font-family:Arial;
	font-size:13px;
	color:#000;
	padding-left:45px;
	padding-right:35px;	
	float:left;

}	

.speechBottom{
 	background-image: url("/images/application/bubble_bottom.jpg");	
	background-repeat:no-repeat;
	width:605px;
	float:left;
	height:26px;
	margin-left:92px;
	margin-bottom:20px;

}

.speechBottom2 {
 	background-image: url("/images/application/bubble_bottom.jpg");	
	background-repeat:no-repeat;
	width:605px;
	float:left;
	height:25px;
	margin-bottom:20px;
	margin-left:92px;
}

.speechBottomNoMargin {
	margin-left:0;
}



.applicationFormGrey{
 	background: #d4cfc9;
	width:880px;
	height:26px;
	margin-top:20px;
}

 #formLeftContainer h1 {
	font-family:arial;
	font-size:30px;
	}

.formSection
{
	width:100%;
	background-color:#F8F8F8;
	float:left;
	border: 1px #ccc solid;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

.applicationFormPayday .formSection
{
	width:554px;
}
.formSectionError .sectionHeading {  background-color:#FFC0CB; }
.formSectionError .formSubHeading { color:#DF001E; }

.formSectionSmall
{
	width:100%;
	background-color:#F8F8F8;
	float:left;
	border: 1px #ccc solid;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
	height:100px;
}
.formSection input.radio{
	width: 20px;
	cursor: pointer;
	border: none !important;
}
.formSectionSmall input.radio{
	width: 20px;
	cursor: pointer;
	border: none !important;
}
.sectionHeading
{
	width:100%;
	background-color:#DBF6FE;
	float:left;
	margin-top:-5px;
	margin-left:-5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
	padding-top:3px;
	height:20px;
}

.formSubHeading
{
	font-size:15px;
	font-weight:bold;
	color:#2c95bc;
	font-family:arial;
}

.formElementSeperator{
	float:left; 
	width:280px;
    min-height:45px;	
}

.formElementSeperator select{
	width:230px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:10px;
	height:22px;
}

.formElementSeperator2{
	float:left; 
	width:250px; 
	margin-right:38px;
}

.formElementSeperator2 .err{
	margin-top: 0px;
}

.formNewBullet p.err{
	margin-top: 10px;
}

.formElementSeperator2 p{
	font-family:arial;
	font-size:10pt;
	margin-bottom:10px;
}

.formElementSeperator3{
	float:left; 
	width:300px; 
	margin-right:50px;
}

.formDropDown{
	width:230px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:10px;
	height:22px;	
}
.formDropDownError{
	width:230px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	background-color:#FFC0CB;
	height:22px;
}

.formTextArea{
	width:230px;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	margin-top:10px;
	height:18px;
}

.formTextAreaError{
	width:230px;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	background-color:#FFC0CB;
	height:18px;
	margin-top:10px;
}

.formTextAreaSmall{
	width:50px;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	margin-top:3px;
	height:18px;
	
}

.formTextAreaErrorSmall{
	width:50px;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	background-color:#FFC0CB;
}

.formDropDownSmall{
	width:70px !important;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:10px;
	height:22px;
}

.formDropDownSmallError{
	width:70px!important;
	border:1px solid #CCCCCC !important;;
	margin-bottom:10px !important;
	background-color:#FFC0CB !important;
	height:22px !important;
}

.formDropDownMed{
	width:90px !important;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	height:22px;
}

.formDropDownMedError{
	width:90px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	background-color:#FFC0CB;
	height:22px;
}

.postCodeDropdown{
	width: 195px !important; 
	float: left;
	border:1px solid #CCCCCC;
}

.yesNoBlue
{
	color:#3FA0C0;
}
.yesNoRed
{
	color:#F6314D;
}

.cvVisual
{
	float:right;
	margin-right:60px;
}

.csgImage
{
	float: right;
	margin-right:40px;
	margin-left:10px;
	margin-top:-125px;
}

img.appCompleteImg { float:right;margin-left:20px;margin-bottom:15px; }
img.appCompleteImgDD { float:left;margin-right:20px; }
.ddGuarantee { font-size:0.9em;clear:both; }
.ddGuarantee ul { clear:both;padding-top:5px;margin-left:25px; }
hr { margin:15px 0 15px 0; }

#questionnairePopup { padding-top:10px;top: 5%; }
.questionnairePopupClose { float:right; }
.questionnaireBubble { background: url('/images/application/questionnaire-bubble.gif') no-repeat top left;width:510px;height:90px;margin-left:10px;float:left;margin-top:10px; }

.questionnaireBubble h3 { margin:15px 0 10px 40px;font-family:arial, Arial;font-size:1.2em; }
.questionnaireBubble p { margin:0 0 0 40px; }
p.questionnaireQuestion { margin-top:15px;font-family:arial, Arial;font-size:1.1em;font-weight:bold;margin-bottom:8px; }
p.questionnaireAnswers { font-style:italic; }
p.questionnaireButton { float:right;margin-top:-15px; }
p.questionnaireButtonProceed { float:right;margin-top:10px; }
.QErrorMessage { margin-top:10px;display:none;color:red; }
.QNoMessage { display:none;margin-top:8px; }
p.questionnaireButton input { padding:3px 5px; }
.questionnaireBubblePic { float:left;margin-top:10px; }

.questionCross { background: url('/images/application/cross.png') no-repeat top left;padding-left:20px; }
.questionTick { background: url('/images/application/tick.png') no-repeat top left;padding-left:20px; }

.applicationCompleteSection p, .applicationCompleteSection ul { margin: 0 0 1.4em 0; }
.applicationCompleteSection ul { margin-left:15px; }
.applicationCompleteSectionTerms { margin-top:20px;border:#000 1px solid;margin-top:20px;padding:10px;float:left; }

.calSmall { width:56px; height:55px;background: url('/images/application/calSmall.gif') no-repeat top left;display:block;float:left;margin-right:15px;line-height:68px;font-weight:bold;font-size:25px;text-align:center; }
.calSmallLarge { font-size:16px; }

.confirmBoxHead { width:210px;height:161px; background-repeat: no-repeat;background-position: top left;display:block;float:left;margin-bottom:10px; }
.confirmBoxHead1 { background-image:url('/images/application/step1-bg.gif'); }
.confirmBoxHead2 { background-image:url('/images/application/step2-bg.gif'); }
.confirmBoxHead3 { background-image:url('/images/application/step3-bg.gif'); }
.confirmBoxHead4 { background-image:url('/images/application/step4-bg.gif'); }
.confirmBoxHeadDivide { width:8px;height:161px; background: url('/images/application/stepMiddle.gif') no-repeat top left;display:block;float:left; }
.confirmBoxHeadDividePlus { width:8px;height:161px; background: url('/images/application/stepMiddlePlus.gif') no-repeat top left;display:block;float:left; }
.confirmBoxContainer { margin-left:0px; }
.confirmBoxContainer form { margin-right:15px; }
.paymentBoxContainer h2, .confirmBoxHead h2 { font-size:18px;font-family:arial;margin:7px 0 0 10px; }
.confirmBoxContent { width:208px; height:170px;border:#ccc 1px solid; float:left;margin-right:8px;margin-bottom:20px; }
.confirmBoxContent p { margin:5px 8px 10px 8px; }
.paymentBoxContainer { margin-top:20px;margin-bottom:20px;clear:both;float:left;display:block;border:#ccc 1px solid;margin-left:0px;width:863px; }
.paymentBoxDD { font-size:11px;border:#ccc 1px dashed;margin:10px;float:right;width:550px;padding:7px;background: url('/images/www/dd_logo_sm-complete.gif') no-repeat top right; }
.paymentBoxCard { font-size:11px;border:#ccc 1px dashed;margin:10px;float:right;width:550px;padding:7px; }

.paymentBoxContainer h2 { margin-bottom:10px; }
.paymentBoxContainer p { margin-left:10px;margin-bottom:10px; }
.paymentBoxContainer .paymentBoxDD p, .paymentBoxContainer .paymentBoxCard p { margin-left:0;margin-bottom:0; }
.paymentBoxDD ul, .paymentBoxCard ul { margin-left:15px;margin-top:5px; }

.formSectionComplete { width:854px; }
.calBig { width:89px; height:87px;background: url('/images/application/calBig.gif') no-repeat top left;display:block;float:right;margin-right:35px;font-weight:bold;font-size:40px;text-align:center;line-height:22px; }
.calBig div { font-size:10px;padding-top:25px; }

p.bubbleBullet { padding-left:25px;background: url('/images/application/bubble-bullet.gif') no-repeat top left; }
p.bubbleBulletSmall { padding-left:25px;font-size:10px; }

ul.bubbleBoxBullet { clear:both; }
ul.bubbleBoxBullet li { list-style:none;margin:3px 0px;padding-left:22px;background: url('/images/application/bubble-box-bullet.gif') no-repeat top left; }
.completeHeader .formSection .calSmall { background: url('/images/application/calSmall-Grey.gif') no-repeat top left; }
.completeHeader .formSection { width:852px;padding-bottom:10px; }

.formElementSeperator select,
.formTextArea,
.formDropDown,
.formTextAreaError,
.formDropDownError,
.formDropDownMed
{ margin-top:3px; }

.formElementSeperator #selectAddresses {
	display: none;
}

#lenders, #creditors, #bankAccounts { margin-bottom:0; }
#current-creditors-column, #refused-creditors-column, #bankAccountsColumn { margin-bottom:3px; }
p.formPLabel { margin-bottom:0; }

abbr { cursor:help; border-bottom:1px dotted;color:#3FA0C0; }

.selectPay .formElement { margin-bottom:0; }
form .selectPay label { float:none; }

.paymentSummaryLeftCost { float:left;font-size:35px;font-weight:bold;margin-right:10px; }
.paymentSummaryLeft { float:left;width:30%;margin-right:50px; }
.paymentSummaryLeftRevised { margin-right:15px; }
.paymentSummaryLeftRevised strong { font-size:14px; }
.paymentSummaryRightCost { float:left;font-size:35px;font-weight:bold;margin-right:10px;text-align:center;line-height:1em; }
.paymentSummaryRightCost div { font-size:16px;line-height:1em; }
.paymentSummaryRight { float:left;width:30%; }
.paymentSummaryRightPlus { float:left; width:35px;height:55px;background: url('/images/application/cross.gif') no-repeat center left;margin-right:10px; }
.paymentSummaryRightCostRevised { margin-top:5px; }
.paymentSummaryLeftCostRevised { margin-top:13px; }

/* ===================================== */

.ddCont{
	display: none;
	}
	
	.ddCheck {
	display: none;
	}
	
img.ddLogo{
	float: right;
	padding-right: 105px;
	padding-top: 20px;
	}

#ddEdit {
	float: left;
	display: none;
	margin: 10px;
}
	
#ddEditInfo {
	clear:both;
	margin-top:4px;
	}
	
#ddSubmit {
	padding-right: 0;
	float:right;
	margin-bottom: 10px;
}
	
.payDetails {
	font-weight: bold;
	padding: 3px 0 7px 10px;
}
	
#ddBoxRightInput{
	float: right;
	padding-right: 35px;
	padding-top: 15px;
}

#ddBoxMid{
	width: 200px;
	float:right;
	margin-right: 90px;
	margin-top: 31px;
	}

.ddBoxLeft{
	width: 460px;
	}
	
.ddBoxRight{
	float:right;
	padding-right: 160px;
	margin-top:15px;
	}

.ddDetails {
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-top: 3px;
}

.ddStrong {
	font-weight: bold;
	}
	
p.ddMandate {
	padding-top: 25px;
	}

#dateCheck {
	font-weight: bold;
	}


table#ServiceUserNumber td{
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-right: 3px;
	border-collapse: collapse;
	text-align:center;
	}
	
#ddEditSubmit{
	height: 40px;
	}

#ddDate{
	width: 132px;
	height: 50px;
	margin-top: 30px;
	border: 2px solid #000;
	padding: 5px;
}

li.ddGIndent{
	margin-left: 15px;
	list-style-type:circle;
	}

table#ddDateTab td{
	padding-right: 11px;
	text-align: center;
	font-size: 10px;
}

#ddGuarantee li{
	padding-bottom: 10px;
	}

#ddGuarantee img{
	float:right;
	}

#ddGuarantee ul{
	padding-left: 18px;
	}

h1#pageTitle{
	font-size: 20px;
	}
	
/*==========Payment Guard===========*/
.redNote{
	background-color: #fff !important; 
}

#amountErr{
	padding-top:5px;
	margin-bottom: -10px;
}

input.pgWider{
	width: 170px;
	height: 25px;
	margin-top: 5px;
}

input.goWider{
	width: 255px;
}

input#policyBox{
	float:left;
	margin-right: 20px;
}

#custCoverPlease{
	display: none;
	font-weight:bold;
	color: #F6314D;
	padding-left: 188px;
	}
	
.custCoverErr{
	display: none;
	padding-top: 5px;
	margin-left: 100px;
	}
	
#customCoverPremiumNote{
	float:right;
	padding-right: 200px;
	display: none;
	}

#premSummaryRight{
	display: none;
	float:right;
	margin-right:100px;
	margin-right: 25px;
	margin-top: 22px;
}

.pgHidden{
	display:none;
	}
	
.noThanks{
	font-size: 18px;
	padding-left: 10px;
}	
	
.pgRadio{
	border: none;
	float: none;
}

.pgRadioQ{
	float:left;
	margin-right: 20px;
}

#policySummary{
	width: 100%;
	height: 200px;
	font-family: courier;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #fff;
	border: 1px black solid;
	margin-right: 10px;
}

.pgEdit{
	display: none;
	float: left;
	margin: 10px;
}

.printComp{
	float: right;
	}

a.editText{
	color: #3FA0C0;
	font-size: large;
	float:right;
	margin-right: 20px;
	margin-top: 8px;
	}
	
.PGSummaryText {
	width: 895px;
}
	
.pgBottomText{
	padding-bottom: 10px;
}
	
.infoMessage {
	font-size:14px;
	font-weight:bold;
	float:right;
	background: url('/images/application/info.gif') no-repeat center left;
	padding-left:35px;
	line-height:30px;
	margin-right:20px;
	margin-top:4px;
}
.infoMessageBig { line-height:20px;padding-left:40px; }
.appFooterButton { float:right; }
.appFooterButton .formButtonStage3Large { float:none; }
.appFooterButton .formButtonStage3Large2 { float:none; }

.existingCustomerInfoSection
{
	display:inline;
	float:left;
	text-align: left;
	width:95%;
	margin:10px;
	margin-top:0px;
	padding:10px;
	padding-bottom:30px;
	padding-top:0px;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
}

.existingCustomerInfoSection2
{
	display:inline;
	float:left;
	background: #f8f8f8;
	border: solid 1px #cccccc;
	text-align: left;
	margin:70px;
	width:700px;
	padding:10px;
	padding-bottom:25px;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
	text-align: center !important;
}

.existingCustomerInfoLabel
{
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
}

.existingCustomerInfoText
{
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 0.5em;
}

.existingCustomerInfoLabelLarge
{
	font-size: 10pt;
	font-weight: bold;
}

.existingCustomerInfoTextLarge
{
	font-size: 10pt;
	font-weight: normal;
	padding-left: 0.5em;
}

.existingCustomerOptionBullets
{
	padding-left:8em !important;
	margin-left:3em !important;
	padding-bottom:1em;
}


.testAffiliateArea
{
	display:inline;
	float:left;
	background: #f8f8f8;
	border: solid 1px #cccccc;
	text-align: left;
	margin:10px;
	padding:10px;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
}

.existingCustomerSingleOptionText
{
	height:8em;
}

.existingCustomerOptionText
{
	height:5em;
}

.existingCustomerOptionIcon
{
	display:inline;
	float:left;
	height:80px;
	padding-right:1em;
}
.existingCustomerOptionIcon2
{
	display:inline;
	float:left;
	height:56px;
	padding-left:1em;
	padding-right:1em;
}

.existingCustomerSmallOptions a
{
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
	text-align:right !important;
	float:right;
	color: #5fceea;
}

.existingCustomerLink
{
	text-decoration: none;
	color: #000;
	padding-top:0.5em !important;
}

#existingCustomerPage2 h2 {
	text-align: center !important;
	font-family: arial;
	font-weight: normal;
	font-size: 24px;
	padding-bottom:0.5em;
}

#existingCustomerPage h2
{
	font-family: arial;
	font-weight: normal;
	font-size: 24px;
	padding-bottom:0em;
	margin-top:0.3em;
}

#existingCustomerPage h1
{
	font-family: arial;
	font-weight: normal;
	font-size: 31px;
	padding-bottom:0.8em;
	margin-top:1em !important;
}

#existingCustomerPage2 h1
{
	font-family: arial;
	font-weight: normal;
	font-size: 31px;
	padding-bottom:0.5em;
	margin-top:0.5em !important;
	text-align:center;
}

#existingCustomerForm .existingCustomerText
{
	margin-top:0em !important;
	margin-bottom:2em !important;
	padding-bottom:2em;
}

#existingCustomerForm2 .existingCustomerText
{
	margin-top:0em !important;
	margin-bottom:2em !important;
	padding-bottom:2em;
	text-align:center !important;
}

#email, #mobilenumber
{
	position:relative !important;
	float:left;
	left:20em !important;
}

.forgottenDetailsLabel
{
	float:left;
	width:10em;
}

#existingCustomerForm input
{
	margin-right:8px;
	padding:3px;
}

.existingCustomerBubble
{
	margin-left:90px;
}

#existingCustomerFormButtons
{
	text-align:center!important;
}

.existingCustomerFormButtonLeft
{
	position:relative;
	width: 330px; 
	height: 35px; 
	font-size: 16px; 
	font-weight: normal;
	float:left;
	cursor:pointer;
	margin-top:0.5em;
	margin-left:2.0em;
}

.existingCustomerFormButtonRight
{
	position:relative;
	width: 240px; 
	height: 35px; 
	font-size: 16px; 
	font-weight: normal;
	cursor:pointer;
	margin-top:0.5em;
	margin-right:2.0em;
	float:right;
}


.existingCustomerOptions .formElement{
	margin-bottom: 4px;
	margin-top: 0px;
}

.existingCustomerOptions .formElement label{
	width: 10em;
	float: left;
	vertical-align: middle;
}

#completeText {
	margin-top:10px;
	margin-left:140px;
}

#completeText h2 {
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:10pt;
}

#completeText h1 {
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:14pt;
}

#completeText p {
	margin-bottom:10px;
	padding-bottom:10px;
}

#completeImage {
	background: url("/images/application/yourcontract.jpg") no-repeat;
	width: 130px;
	height: 200px;
}

/* NEW FORM */

.formSection { border:0;background-color:#ffffff; }
.formNewSeparator { clear:both;border-top:#CCCCCC 1px solid;margin-bottom:15px; }
.introImage { margin-bottom:15px;text-align:center;margin-right:70px;margin-top:15px; }
.introImageAffiliateMsg { font-weight:bold;font-size:14px;margin-bottom:15px;text-align:center;margin-right:70px; }
.formNewBullet { float:none;clear:both;width:800px; }
p.formNewBulletText { float:left;width:265px;margin:10px 0; }
.formNewBulletBullets { float:left;width:200px;margin:10px 0; }
.formNewBulletBullets input { margin-left:15px; }
abbr { color:blue; }
#Title { width:120px; }
#selectAddress, .postCodeDropdown { width:400px !important }
input.findAdd { padding:1px 3px; }
p.formSubHeading { color:#000;background-color:#fff;font-family:Arial, Verdana; }
.sectionHeading { background-color:#fff; }
h2.newFormPageHeading { font-size:18px;margin-bottom:8px; }
#payDropSelect, #FutureDate { width:250px;margin-top:10px; }
.selectPay { margin-bottom:0px;padding-bottom:0px; }
.whenPay { margin-top:0px;padding-top:0px; }
.ddPay, .ddInfo, .ddCheck, .cardPay { border:#cccccc 1px solid;background-color:#F8F8F8; }
.footerNewFormLinks { display:block; }
#footerContainer a { color:blue;font-size:11px; }
#footerContainer h2 { font-family:Arial;font-size:18px;margin:0px; }
#footerContainer h3 { font-family:Arial;font-size:12px;letter-spacing:0px;margin:0px; }
#footerContainer p { margin:0px;font-size:11px;text-align:center; }
#footerContainer .footerSection { display:none;margin:0px; }
#footerContainer { background-color:#ffffff;border-top:0px;padding:0px;border-top:#cccccc 1px solid;padding-top:10px; text-align:center; }
.newFormPageWrapper { height:125px;padding-left:100px;background: url('/images/application/icon-lenders.jpg') no-repeat left; }
.selectMethodError, .selectDateError { font-weight:bold;color: #F6314D; }
.topmargin { margin-top:10px; }
.formTextArea,
.formDropDown,
.formDropDownSmall,
.formTextAreaError,
.formDropDownError,
.formTextAreaSmall,
.formDropDownSmallError,
.formDropDownMed,
#selectAddress,
#payDropSelect {
	border-bottom:#CCCCCC 1px solid !important;
	border-right:#CCCCCC 1px solid !important;
	border-top:#666666 2px solid !important;
	border-left:#666666 2px solid !important;
	}
	
.secureLogo { margin-top:30px;margin-bottom:-20px; }
#postcodeLoader { width:16px;height:16px;background: url('/images/www/ajax-loader-small.gif') top left no-repeat;margin-top:5px; }
#loginPageLoginForm { border:#cccccc 1px solid;background-color:#F8F8F8; }

.newFormPaymentMontage {
background: url('/images/application/payment-montage.jpg') no-repeat center center;
height:92px;
margin:10px 0;
font-size:14px;
font-weight:bold;
}
.newFormPaymentMontageWrapper .newFormPageHeading { margin-bottom:0px; }