/* 
=======================================================
Lemon CSS

Released for OSWD and OWD.
Coded by Anthony Yeung (http://smallpark.org)
May 24 2005
It would be nice if you could leave this here, thanks.
=======================================================
*/

html,body {
	margin:0;
	padding:0;
	BORDER-TOP: #FAFAFA 10px solid;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top: 20px;
}

div#maincontent {
	border-right: 1px solid #F1F1F1;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
}

div#content a, div#extra a, div#sidebar a {
	color: #FFBA27;
	font-weight: bold;
	text-decoration: none;
	background-color: #FAFAFA; 
	border-bottom: 1px solid #F1F1F1; 
	border-right: 1px solid #F1F1F1;
	padding: 1px;
}

div#content a:hover , div#extra a:hover, div#sidebar a:hover {
	color: #FFBA27;
	font-weight: bold;
	text-decoration: none;
	background-color: #FAFAFA; 
	border-bottom: 1px solid #CCC; 
	border-right: 1px solid #CCC;
	padding: 1px;
}

div#header {
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
}

div#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #FFBA27;
	letter-spacing: -1px;
}

div#header h2 { /* The tagline thing */
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	padding-left: 20px;
	margin-top: -15px;
}

#navigation {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
float: right;
}

#navigation li {
display: inline;
padding-right: 20px;
font-size: 11px;
}

#navigation li a {
font-size: 11px;
color: #666;
font-weight: normal;
padding: 4px;
text-decoration: none;
}

#navigation li a:hover {
text-decoration: underline;
}

div#container {
text-align:left
}

div#content p, div#extra p, div#sidebar p {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;
line-height:1.8em;
}

div#content h1, div#extra h1, div#sidebar h1 {
font-size: 14px;
font-weight: normal;
color: #FFBA27; 
text-decoration: none; 
padding: 3px 6px; 
background-color: #F9F9F9; 
border-bottom: 1px solid #F1F1F1; 
border-right: 1px solid #F1F1F1;
}

div#content h2 {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #444;
margin: 0;
padding: 0;
}

div#footer p {

margin:0;padding:5px 10px;
}

div#container {
width:700px;
margin:0 auto;
}

div#sidebar {
float:right;
width:330px;
padding-bottom: 10px;
}

div#extra {
float:left;
width:330px;
}

div#footer {
margin-top: 10px;
background-color: #333;
color: #FFF;
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
clear:both;
width:100%;
padding: 5px;
}

div#footer a, div#footer a:hover {
margin-top: 10px;
background-color: #333;
color: #FFF;
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
clear:both;
width:100%;
color: #FFBA27;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #333; 
border-right: 1px solid #333;
}

/*

 Would be nice if you could keep this credit below. Thanks.

*/

#design-by {
float: right;
display:inline;
}

#top-message {
	Z-INDEX: 25;
	BACKGROUND: #BFBFBF;
	LEFT: 0px;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 100%;
	BORDER-BOTTOM: #fff 1px solid;
	POSITION: fixed;
	TOP: 0px;
	HEIGHT: 35px
	
	
}
#top-message P {
	PADDING-RIGHT: 25px;
	PADDING-LEFT: 25px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px auto 10px;
	WIDTH: 910px;
	COLOR: #fff;
	PADDING-TOP: 0px;
	TEXT-ALIGN: left;
	FONT-SIZE: 14px
}
#top-message P A {
	COLOR: #fff;
	TEXT-DECORATION: underline
}
#top-message P A:hover {
	TEXT-DECORATION: none
}

<!--
/* CSS Tabs */
 
    
	#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 
	
	
	
	

.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}
.suggestionList li:hover {
	background-color: #659CD8;
}


#chooseDateForm li {
	list-style: none;
	padding: 5px;
	clear: both;
}
/* Removed for testing

select {
	width: 100px;
}
$input {
	width: 170px;
	margin: 5px 0;
}
input.dp-applied {
	width: 140px;
	float: left;
}
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#calendar-me {
	margin: 20px;
}
pre.sourcecode {
	border: 2px dashed #ccc;
	padding: 10px;
	width: 734px;
	overflow: auto;
	margin: 0 0 20px;
}
-->


#wrap { width:700px; margin:0 auto; background: #FFFFFF; padding: 5px 5px 5px 5px; height: 750px; width: 700px}



#LB_FormOneStep{ font-family: Verdana; border: solid 1px #ccc; background: #f5f5f5; font-size: 12px; padding: 0; width: 698px; }
#LB_FormOneStep fieldset{ border: 0; width: 698px; display: block; padding: 0; margin: 0; position: relative; }
.LB_FormStepHidden{	display: none; }
.LB_FormStepVisible{ display: block; }
.LB_OneColumn label{ float:left; width: 350px; margin: 0 20px; }
.LB_OneColumn label.LB_RadioLabel{ float: none; margin: 0; text-align:center; }
.LB_OneColumn .LB_ErrorMessage{ margin-left: 300px; margin-bottom: 5px; }
.LB_ErrorMessage{margin-bottom: 5px; color: #d00; }
.LB_ErrorLabel{ color: #fff; background-color: #f00; margin-bottom: 4px; }

.LB_FormHeadline{ color: #fff; background: #7da0bd; font-weight: bold; padding: 5px 20px; font-size: 18px; clear: both; margin-bottom: 20px; }
.LB_FormHeadline span{ float: right; font-size: 13px; padding-right: 30px; background: transparent url(https://forms.leadbay.co.uk/Common/Images/padlock.gif) no-repeat right; margin-top: 2px; }
.LB_FormHeadline span a{ color: #fff; }
#LB_ContactDetails .LB_FormHeadline{ background: #91c19d; }

#LB_AmountToBorrow, #LB_PropertyValue, #LB_DebtAmount { padding-left: 13px; background: #fff url(https://forms.leadbay.co.uk/Common/HtmlIntegration/Images/Sterling.gif) no-repeat 1px; }
.LB_DisplayNone{ display: none; }

.LB_FormRow, .LB_FormCell{ float: left;	display: inline; padding-right: 10px; }
.LB_FormRow{ margin: 0;	padding: 0; }
.LB_FormCell{ margin: 0 0 0 10px; }
.LB_FormCellFixedWidth{	width: 350px; }

#LB_Separator{ width: 658px; padding: 0 20px; }
#LB_Consent{ display: none; margin-right: 20px; padding: 5px; }
#LB_FinishButtonDiv{ padding: 10px 20px 20px 0; float: right; }
#LB_FinishButton{ font-size: 16px; font-weight: bold; background-color: #F87431; color: #fff; padding: 3px 10px; }
#LB_FinishButton.LB_ButtonDisabled{ background-color: #ddd; }

.LB_ToolTip-title{ font-weight:bold !important; }
.LB_ToolTip-tip { background: #ff7;	border: 2px solid black !important;	font-size: 80%;	padding: 3px; text-align: left;	width: 350px; z-index:100; }
.LB_ToolTipIcon { background:transparent url(https://forms.leadbay.co.uk/Mortgages/HtmlIntegration/Images/ToolTipQuestionCircle.gif) no-repeat scroll 0 0; display: inline; }


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}