/*
FILENAME: global.css
AUTHOR: Ashley Barrett (ashley.barrett@rgroup.co.uk)
CREATED: 07/04/2010
COMMENTS: The global css for www.loanfinderuk.co.uk 
COMMENTS: Atti, added no-margin-top for speech bubble fix in safari
COMMENTS: Atti, Added tooltip CSS (Bottom)
COMMENTS: Craig Miller, Added Answer Centre CSS (Bottom)
COMMENTS: Craig Miller, Added Contact-Us CSS (Bottom)
*/

@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

.hidden 
{
	display:none;
}

.alignRight{
	text-align: right;
}

#awards div{
	width: 45%;
}

#awards div.right div{
	width: 165px;
	margin: auto;
}

a img{
	border: none;
}

html{
	overflow-y: scroll;	
}
body{
	width: 880px;
	margin: auto;
}

body, input, select, textarea{
	font-family: arial;
	font-size: 12px;
}

#bigTwitter p a{
	color: #000;
	text-decoration: none;
	font-style: italic; 
}

#bigTwitter p a:hover{
	text-decoration: underline;
}

.clearLeft{
	clear: left;
}

#charity p{
	padding-top: 10px;
}

.clear{
	clear: both;
}

.err{
	color: #F6314D;
	font-size: 11pt;
	font-weight: bold;
}

.faqList li{
	list-style-image: url('http://static.loanfinder.co.uk/images/www/questionMark.png');
	padding-top: 15px !important;
}

.faqList h2 a{
	position: relative;
	bottom: 5px;
}

.faqList li .faqSubList{
	background-color: #eae8e8;
	border: 2px solid #ddd; 
	padding: 10px;
}

.faqList li .faqSubList ul li{
	list-style-image: none;
}
	
.faqList li:hover{
	list-style-image: url('http://static.loanfinder.co.uk/images/www/questionMarkGreen.png');
}

.formLineBreak{
	height: 1px;
	width: 550px;
	background-color: #c9c9c9;
}

form .formElement input, form .formElement textarea, form .formElement select{
/*	border: 1px solid #000;	*/
	margin-bottom: 10px;
}

form.changeUP .formElement label{
	width: 200px;
}

form .formElement{
	margin-bottom: 15px;
}

form .formElement label{
	width: 360px;
	float: left;
}

form .formElement input{
	padding: 1px 0 1px 0;
}

form#AmountRequired .formElement{
	padding-right: 15px;
	text-align: right;
	margin-bottom: 0px;
}

form#AmountRequired .formElement label{
	float: left;
	margin-right: 5px;
	width: 88px;
}

form#AmountRequired .formElement input, form#AmountRequired .formElement select{
	width: 135px;
}

form#AmountRequired{
	margin-top: 10px;
}

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

.formElement .formButtonStageLarge{
	cursor: pointer;
	font-size: 17px;
	font-weight: bold;
	height: 35px;
}

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

.formElement select#dobYear, .formElement .dateYear{
	width: 85px;
}

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

.formElement select#OccupationStartDateYear, .formElement select#OccupationStartDateMonth, .formElement select.duel{
	width: 95px;
} 

#footerContainer{
	background-color: #dbf6fe;
	border-top: 10px solid #2c95bc;
	width: 880px;
	margin: 30px 0 30px 0;
	padding: 10px 0 20px 0;
}

#footerContainer a:hover{
	text-decoration: none;
}

#footerContainer a{
	color: #00B3DB;
	text-decoration:underline;
}

#footerContainer h2, #footerContainer h3, #footerContainer p,  #footerContainer .footerSection {
	margin: 0 20px 0 20px;
}

#footerContainer p, #footerContainer a{
	text-align: justify;
	font-size: 13px;
}

#footerContainer h2{
	font-family: arial;
	font-size: 21px;
}

#footerContainer h2.largeAPR {
	font-size:45px;	
}
#footerContainer h2.mediumAPR {
	font-size:24px;	
}
#footerContainer h2.extraLargeAPR {
	font-size:53px;	
}

#footerContainer h3{
	font-family: arial;
	font-size: 16px;
	font-weight:bold;
	letter-spacing:-1px;
}

#footerContainer .margin{
	margin-right: 60px;
}

#footerContainer .footerSection{
	float: left;
	margin-top: 10px;
}

#footerContainer .footerSection h3{
	margin: 0
}

#footerContainer .footerSection ul li{
	list-style-type: none;
}

h2.news{
	text-decoration: underline;
}

#headerContainer{
	padding-bottom: 15px;
}

#headerTop{
	height: 96px;
	position: relative;
}

.italic{
	font-style: italic;
}

.indent{
	padding-left: 15px;
}

.indent h3{
	font-size: 9pt;
}

.left{
	float: left;
}

.loandetailsImgs{
	width: 10%;
}

.loandetailsTxt{
	width: 65%;
}


#logo{
	height: 57px;
	width: 190px;
	display: block;
	position: absolute;
	top: 30px;
	left: 25px;
}

#loggedIn{
	position: absolute;
	right: 11px;
	top: 76px;	
}

#login{
	position: absolute;
	right: 11px;
	top: 76px;
}

#login form .signedIn{
	text-align: right;
}

#login form .signedIn .keepMe{
	float: left;
	width: 128px;
}

#login form .signedIn input{
	position: relative;
	top: 1px;
	left: 3px;
}

#login form .formElement{
	display: inline;
	margin-left: 7px;
}

#login form .formElement input{
	width: 115px;
}

#login form .formElement input.standardButton{
	width: 60px;
}

#login a:link, #login a:visited{
	/*color: #000;*/
}

#login a{
	padding-left: 23px;
	font-size: 10pt;
}

#leftContainer, #serviceLeftContainer{
	width: 605px;
	float:left;
	/*width: 576px;*/
}

#leftContainer h1, #leftContainer h2, #leftContainer h3, .sideBarSection h2, #serviceLeftContainer h1, #serviceLeftContainer h2, #serviceLeftContainer h3{
	font-family: arial;
}

#leftContainer h1, #leftContainer h2, #recsLeftContainer h1, #recsLeftContainer h2, #serviceLeftContainer h1, #serviceLeftContainer h2{
	padding-bottom: 10px;
}

#leftContainer h2, #recsLeftContainer h2, #serviceLeftContainer h2{
	font-size: 11pt;
}

#leftContainer p, #leftContainer ul, #recsLeftContainer p, #recsLeftContainer ul, #serviceLeftContainer p, #serviceLeftContainer ul{
	margin-bottom: 10px;
}

#leftContainer h2 a, #recsLeftContainer h2 a, #serviceLeftContainer h2 a{
	text-decoration: none;
	color: #000;
}

#leftContainer ul li, #recsLeftContainer ul li, #serviceLeftContainer ul li{
	padding-bottom: 3px;
	margin-left: 25px;
}

#newsfeed{
	background-color: #d4d4d4;
	padding: 20px 15px 10px 15px;
	clear: left;
}

#newsfeed ul.bullets li{
	margin-left: 16px;
}

#newsfeed ul.list li{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#newsfeed ul.list li span{
	color:#9D9494;
	font-weight:bold;
	margin-right:8px;
}

#newsfeed h3{
	font-style: italic;
	color: #9d9494;
	font-weight: bold;
	font-size: 9pt;
}

#rightContainer, #serviceRightContainer{
	width: 250px;
	float: right;
}

#rightContainer h2, #serviceRightContainer h2{
	border-bottom: 1px solid #ddd;
	font-size: 11pt;
}

#serviceRightContainer{
	height: 615px;
}

#serviceLeftContainer{
	padding-bottom: 20px;
}

.right{
	float: right;
}

.sideBarSection, #recsFooterContainer{
	font-size: 8pt;
}

.sideBarSection{
	margin-bottom: 15px;
}

.sideBarSection a.externalLogo{
	margin-top: 4px;
	display: block;
}

.smallSpace{
	padding-bottom: 10px;
}

.showYoutubeVideo{
	display: none;
}

#twitter h3{
	color: #952727;
	font-size: 9pt;
}

#twitter ul li{
	font-style: italic;
	margin: 10px 0 0 14px;
	padding-left: 3px;
}

#twitter ul li a{
	text-decoration: none;
	color: #000;
}

#testamonals div{
	font-size: 8pt;
	width: 292px;
	float: left;
	margin: 0 10px 15px 0;
}

#testamonals div img{
	margin-right: 5px;
}

#youtube .youtubeVideos h3{
	font-weight: normal;
}

#youtube .youtubeVideos  a img{
	float: left;
	margin-right: 4px;
	padding-top: 5px;
	margin-bottom: 15px;
}

#youtube .youtubeVideos a{
	color: #000;
	text-decoration: none;
}

.breadCrumbs {
	margin-top:7px;
}

#cxlist { margin-bottom:20px;margin-top:15px;float:left;width:350px;background:#F5FAFF; }
.cxlogin { margin-bottom:20px;margin-top:15px;margin-left:30px;float:left;width:220px;background:#F5FAFF; }
.cxlogin form, .cxlogin h2, #cxlist h2 { margin:10px; }
#cxlist ul { margin:0;padding:0 10px 10px 10px; }
#cxlist ul li { margin:0 0 5px 0;list-style:none;line-height:29px;padding-left:35px;background:url('http://static.loanfinder.co.uk/images/creditxtra/cx-tick.gif') no-repeat top left; }
.cxloginfield { margin-top:3px;width:180px;padding:2px; }
.cxloginError { margin-top:15px;padding:5px 8px;background:#952727;color:#fff;font-weight:bold; }
.cxloginSuccess { margin-top:15px;padding:5px 8px;font-weight:bold;border:#000 1px solid; }
.cxloginError a { color:#fff; }

/*****************/
/** Tooltip CSS **/
/*****************/
p.tooltipContainer{
	font-family:Arial;
	font-size:10px;
	cursor:help;
}
a.tooltipText
{
	color: #6699CC;	
	border-bottom-style: dotted;
	border-width: 1px;
	text-decoration: none;
	padding-bottom: -1px;
}
.tooltip {
   position: absolute;
   padding: 5px 5px;
   z-index: 2;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   font-family: sans-serif;
   font-size: 10px;
   line-height: 12px;
   text-align: center;
   display:none;
   width:210px;
   
   margin-right:50px;
}


/***********************/
/*      Contact Us	   */
/***********************/


.contactUs .contactSection{
	border-top: 1px solid #dedede;
	margin-bottom: 20px;
	padding-top: 10px;
}

.contactUs .subHeading{
	font-family: Arial;
	font-size: 16pt;
	padding-bottom: 10px;

}

.contactUs .contactLinks{
	margin-top: 20px;
}

.contactUs .mainLink{
	clear:both;
	margin-bottom:20px;

}

.contactUs .mainLink img{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}


.contactUs p.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	margin-top: 10px;
	font-weight: bold;
}


.contactUs .person{
	float: left;
	width: 250px;
	height: 130px;
	display: block;
}

.contactUs .person .left{
	float: left;
	width: 40px;
}

.contactUs .person .right{
	float: left;
	width: 200px;
	height: 38px;
	padding-left:2px;
}

.contactUs .person .links{
	clear: both;
	margin-left: 13px;
}

.contactUs .person .right span{
	font-size: 12pt;
}

.contactUs .person a{
	margin: 0px 0px;
	line-height: 2em;
	padding: 0px 0px 0px 30px;
	display: block;

}

.contactUs .person a.email{
	background: url("http://static.loanfinder.co.uk/images/www/contact/emailicon.jpg") no-repeat;
}
.contactUs .person a.twitter{
	background: url("http://static.loanfinder.co.uk/images/www/contact/twittericon.jpg") no-repeat;
}
.contactUs .person a.google{
	background: url("http://static.loanfinder.co.uk/images/www/contact/googleicon.jpg") no-repeat;
}
.contactUs .person a.wikipedia{
	background: url("http://static.loanfinder.co.uk/images/www/contact/wikiicon.jpg") no-repeat;
}
.contactUs .person a.facebook{
	background: url("http://static.loanfinder.co.uk/images/www/contact/facebookicon.jpg") no-repeat;
}


.contactSideBar h2{
	margin-bottom: 10px;
}

.contactSideBar h3{
	font-size: 11pt;
	margin: 10px 0px 5px 0px;
}

.contactSideBar .sideBarSection{
	margin: 0px;
	padding: 10px 0px;
}

.contactSideBar p.image{
	margin-bottom:3px;
	float:right;
}


.contactSideBar #answersSearch{
	width: 165px;
}
.contactSideBar #answersSubmit{
	width: 70px;
}

.contactSideBar .normal{
	font-size: 10pt;	
}


/***********************/
/*      Service Area   */
/***********************/
#serviceArea{
	padding-top: 10px;
}

#serviceArea .serviceAreaSection{
	border-bottom: 1px solid #ddd;
	padding: 15px 0 10px 0;
}

#serviceArea .serviceAreaSection p{
	width: 450px;
}

#serviceArea .serviceAreaSection form input{
	float: right;
	width: 100px;
}
/*
a.serviceAreaButton{
	float: right;
	text-decoration: none;
	background-color: #d4d0c8;
	padding: 3px 5px 3px 5px;
	color: #000;
	min-width: 90px;
	text-align: center;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 2px solid #404040;
	border-bottom: 2px solid #404040;
}

.serviceAreaButton a{
	position: relative;
	left: 10px;
	margin-left: 5px;
}

.serviceAreaButton input{
	float: right;
	position: relative;
	left: 11px;
	margin-left: 10px;
	padding: 3px;
}*/

.serviceAreaButton{
	float: right;
	width: 400px;
	position: relative;
	left: 10px;
	margin-bottom: 20px;
}

.serviceAreaButton input, .serviceAreaSection form input{
	padding: 2px 3px 2px 3px;
}

.serviceAreaButton form input, .serviceAreaButton input{
	float: right;
	margin-left: 7px;
}

.service #ddGuarantee ul{
	padding: 0 !important;
	position: relative;
	right: 10px;
}

.service .checkbox{
	width: 200px;
}

.paymentPolicyShow{
	height: 200px; 
	overflow: auto;
}

.paymentPolicyShow #breadcrumbs{
	display: none;
}

.ddSummary{
	width: 40%;
	padding-left: 55px;
}

.ddSummary h3{
	padding-bottom: 10px;
}

.referenceFooter {
	font-size: 0.8em;
	font-style:italic;
	}

#switchergobutton {
	display:inline;
}

#switcherPop {
/*	visibility:hidden;
	display:block; */
	text-align: center;
}

.selectanaccount {
	display:inline;
	margin-right:1em;
}

.multiAccountSwitcherImage {
	padding:1em;
	text-align: center;
}

.multiAccountSwitcherText {
	padding:0.5em;
	font-family:arial;
	font-weight:normal;
	font-size:18pt;
	text-align: center;
}

/***********************/
/*     Awards page     */
/***********************/


.awardYear{
	clear: both;
	height: 200px;
	border-bottom: 1px solid #CECECE;
	padding-top: 15px;
	padding-bottom: 10px;
}
.awardYear .awardBox{
	float: left;
	width: 120px;
	padding-right: 20px;
	text-align: center;	
}

.awardYear .awardBox img{
	margin-bottom: 12px;
	height: 75px;
}

.awardYear .awardBox p{
	text-align: left;
	font-weight: bold;
}


/***********************/
/*     Charities page  */
/***********************/

#charities .citem{
	clear:both;
	height: 70px;
	margin-left: 20px;
}
#charities .citem img{
	float: left;
	margin-right: 20px;
}

#charities .citem p{
	float: left;
	width: 379px;
	margin-top:12px;
}

#charities .charityDetail{
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #CECECE;
}

#charities h2{
	margin-top: 12px;	
}

/* New Login Page Styles */

.loginSideBarSection { padding: 10px; }
.loginHeaderTop  { background-color: #EFEFEF; }
.loginHeaderBottom { border: 1px solid #EFEFEF; font-weight: bold; font-size: 15px; }
.loginPageCheckList { list-style-image: url(/images/application/tick_icon.jpg); }
.loginSideBarHeadings { padding: 0px 0px 10px 0px; font-weight: bold; font-size: 15px; }
.loginFormElement { margin: 5px 5px 0px 0px; }
.rightAlign { text-align: right; }

.loginPageInput { width: 100%; }
.loginInput { vertical-align: middle; }