/* 
By Herreman David
http://www.free-css-templates.com
*/

body
{
	color: #000;
	padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em;
	background: #FFF url(../img/bg.gif) repeat-x;
}

a { color: #444; background: inherit; }
a:hover { color: #91B62D; background: inherit;}

p
{
	padding:0 0 0 0;
	margin:0 0 8px 0 0;}

h1 {
	font: bold 1.8em Arial, Sans-Serif;
	letter-spacing: -1px;
	padding: 16px 0 0 8px;
	margin: 0;
}
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; border-bottom:#888 solid 1px;}
h1 a { color: #222; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #91B62D; background: inherit; }
h3 { font: bold 1.2em Arial, Sans-Serif; margin: 10px 0 -10px 0; padding: 0 0 0 0; color: #444; }

form { margin: 0; }

#imgFloat
{
	margin-top:5px;
	margin-left:10px;
	margin-bottom:15px;
	float:right;
}
#awardLogos
{
	vertical-align:text-top;
}
#imgFloat img
{
	border:solid 1px #222;	
}
#imgRight img
{
	border:solid 1px #222;	
}

.sideNavSelected
{
	color: #91B62D;
}
.newsItem
{
	padding:0 0 10px 0;
}
.newsDate
{
	margin:-10px 0 0 0;
}

#logoContainer
{
	background:url(../img/logo.gif) left top no-repeat;
	height: 80px;
	width: 800px;
	float:left;
}

#phoneNo
{
	float:right;
	font-size:26px;
	margin-top:-40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:6px 0 6px 0;
}

ul.bodyList li
{
	margin:0 0 10px 0;
}

.logoGrey
{
	color:#ccc;
}

#logoContainer img
{
	float:left;
}

.content { margin: 0 auto; padding: 0px; color: #000; }
.header { color: #000; width: 800px; height: 81px;	margin: 0 auto; padding: 0; }
.header .leftside {	width: 350px; float: left;  }
.header h1
{
	padding: 12px 0 0 70px;
	color: #000;
	font: bold 4.5em Arial, sans-serif;
}

#heroSlot {
	background:url(../img/slideshow1.jpg) top left no-repeat;
	margin: 1px auto;
	display:block;
	width: 800px;
	height: 318px;
}

#heroSlotContent
{	
	color: #FFF;
	width: 500px;
	height: 318px;
	font: 1.3em Arial, sans-serif;
	padding: 20px 0 0 30px;
}

#heroSlotContent .heroHeader
{
	font: bold 1.8em Arial, sans-serif; color: #FFF;
}

#heroSlotContent .heroHeader p
{
	padding: 40px 0 0 0;
}


#nav
{
	margin: 0 auto 0 auto;
	padding:30px 0 0 0;
	width: 800px;
	height: 50px;
}

#nav ul { margin:0 auto; list-style:none; font: bold 1.2em Arial, Helvetica, sans-serif; color:#fff; }
#nav a, #nav strong, #nav span { display:block; font: bold 1.2em Arial, sans-serif; color:#fff; padding: 5px 10px 5px 10px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #fff; margin:0; }
#nav #current a { float:left; color:#657F1F; background-color:#fff;}
#nav a:hover { float:left; color:#fff; text-decoration:underline}  
#nav .padding { font-weight: bold; }



/* BOTTOM AREA ================================================== */

#bottomb {
	clear: both;
	width: 100%;
	overflow:auto;
	background: #eee;
	font: 1.25em Arial, sans-serif;
	padding: 0px 0px 30px 0px;
	border-top: #666 solid 2px;
}

#bottomb .padding {
	width: 800px;
	margin: 0 auto;
	padding: 20px 40px 30px 60px;
	
	
}
#bottomb ul { margin:0; list-style:none; padding: 0; }
#bottomb li { 
	margin: 5px 5px 5px 0px;
	padding: 0px 0 0px 0px; 
	border-bottom: 1px dotted #aaa; 
	list-style: none;
}
#bottomb li a { color: #546078; text-decoration: none;  padding: 4px 4px 4px 4px; display: block; margin: 4px 4px 4px 4px; }
#bottomb li a:hover { color: #075181; text-decoration: none; background: #FFF; display: block; margin: 4px 4px 4px 4px; }
#bottomb h2 {
	padding: 5px 0 5px 0;
	color: #91B62D;
	font: bold 1.6em Arial, sans-serif;
}

#bottomb .rights {
	float: right;
	width: 250px;
	z-index: 1;
}

#bottomb .bottomc {
	width: 250px;
	margin: 0 auto;
	z-index: 2;
	float: center;
	
}

#bottomb .bottomd
{
	width: 250px;
	margin: 0;
	z-index: 3;
	float: left;
}


.imgd {
	border: 1px solid #ccc;
	padding: 5px;
	
}


.main_content {
	margin: 0 auto;
	margin-top: 10px;
	width: 800px;
}


.sd_left {
	float: left;
	color: #222;
	margin: 0 0 0px 0px;
	padding: 0px 20px 50px 0px;
	width: 500px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
}	

.sd_right {
    clear:both;
    float: right;
	color: #000;
	margin: 0 5px 0 0;
	padding: 0px 0px 0 0px;
	width: 250px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
}	
	
.text_padding {
	padding: 15px 0 0 0;
}

.main_content h2 {
	padding: 5px 0 5px 0;
	color: #91B62D;
	font: bold 1.6em Arial, sans-serif;
}


.date { 
	color: #91B62D; 
	background: #FFFFFF;
	text-align: left; 
	margin: 10px 0 35px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #888;
}
.date img {
	vertical-align: middle;
}
.footer { 
	background: #222 url(../img/footer.gif) repeat-x top;
	width: 100%;
	color:#bbb;  
	text-align:center; 
	clear:both;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	
}
.footer .padding { padding: 25px 70px 25px 70px; }
.footer a { color:#fff; text-decoration: none;}
.footer a:hover { color:#91B62D; text-decoration: underline; }






/* Main form step table styles */
.LB_FormStep
{
	width: 475px;
	table-layout: fixed;
}

.LB_FormStepHidden
{
	display: none;
}

.LB_FormStepVisible
{
	display: block;
}



/* Form step header styles */
.LB_Headline, .LB_StepNumber
{
	padding: 4px;
	padding-left: 6px;
}

.LB_Headline
{
	font-weight: bold;
	background-color: #444;
	color: #fff;
	width: 350px;
	font-size: 140%;
}

.LB_StepNumber
{
	font-weight: bold;
	background-color: #ddd;
	white-space: nowrap;
	font-size: 110%;
}

.LB_StepNumber b
{
	color: #9c3;
	font-size: 130%;
}

/* Form step main content styles */
.LB_FormStepContent
{
	border:solid 4px #9c3;
	background-color: #eee;
	padding: 4px;
}

.LB_FormStepContent label
{
	font-weight: bold;
	font-size: 80%;
}

.LB_FormStepContent td
{
	vertical-align: top;
}

/* Form fields that have sterling symbol in them */
#LB_PropertyValue, #LB_PropertyValue2, #LB_AmountToBorrow, #LB_AmountToBorrow2
{
	background: #fff url(https://forms.leadbay.co.uk/Common/HtmlIntegration/Images/Sterling.gif) no-repeat scroll 1px;
	padding-left: 13px;
}

/* Back, next, finish buttons */
.LB_Button
{
	font-size: 90%;
}

.LB_Button:hover
{
	text-decoration: underline;
}

.LB_Next_Button
{
	background-color: #9c3;
	color: #fff;
	font-weight: bold;
}

/* Footer containing buttons */		
.LB_Footer
{
	text-align: right;
	font-size: 120%;
}

.LB_Footer b
{
	font-size: 110%;
	color: #9c3;
}

/* Tooltip styles */			
.LB_ToolTip-title
{
	font-weight: bold !important;
}

.LB_ToolTip-tip
{
	border: 2px solid black !important;
	padding: 3px;
	background-color: #ff7;
	font-size: 80%;
	width: 350px;
	z-index: 100;
	text-align: left;
}

.LB_ToolTipIcon
{
	display: inline;
	background: url(https://forms.leadbay.co.uk/Mortgages/HtmlIntegration/Images/ToolTipQuestionCircle.gif) no-repeat;
}

/* Error styles */
.LB_ErrorLabel
{
	color: #fff;
	background-color: #f00;
}

.LB_ErrorMessage
{
	color: red;
	visibility: hidden;
}

/* Misc styles */
#LB_Consent
{
	visibility: hidden;
}

#LB_LtvProblem
{
	background-color: #ff9;
	margin-bottom: 20px;
}

#LB_MortgageType_Cell
{
	white-space: nowrap;
}

.LB_CheckboxTable
{
	color: #9c3;
}

.LB_RadioOptions
{
	color: #9c3;
	padding-right: 10px;
}

.LB_BigLabel
{
	font-size: 120% !important;
	font-weight: bold;
}

#LB_SubmitIndicator
{
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	color: #fff;
	position: absolute;
	z-index: 100;
	visibility: hidden;
}

#LB_AlphaLayer
{
	z-index: 50;
	visibility: hidden;
	position: absolute;
	background-color: #000;
	-moz-opacity:.70;
	opacity:.70;
	filter:alpha(opacity=70);
}