
h1 {font-Family: helvetica; 
	color: #666; text-align: center; font-size: 12pt;
	margin: 0px 0px 10px 0px;
	}
h2 {font-Family: helvetica; color: #666; text-align: center; font-size: 10pt;
	margin: 0px 0px 0px 0px;
	}

p {Font-Family: helvetica; color: #666; Font-Size: 9pt;
	margin: 5px 0px 9px 0px;}
a {Font-Family: helvetica; color: #336699; Font-Size: 9pt;}
a:hover {background: #993366; color: #fff}

.note p {font-size: 8pt;}
.next p {text-align: center; font-size: 8pt;}
.next a {text-align: center; font-size: 8pt;}

ul {Font-Family: helvetica; font-size: 9pt; color: #666;}
li {padding: 5px 0px 0px 0px;}
td {Font-Family: helvetica; color: #666; Font-Size: 9pt;}
th {Font-Family: helvetica; color: #666; Font-Size: 9pt; font-weight: bold;
	text-align: center;} 

#wrapper 	  {width: 1000px; margin: 0 auto; border: 1px solid #ccc;}
#branding 	  {width: 1000px; height: 80px; background: url(/faqmymortgage.png) no-repeat;}
#bannerAd	  {width: 720px; margin: 0px auto; text-align: center;}
#mainNav          {height: 25px;  background: #336699; text-align: center;}

#content 	  {width: 750px; float: right; padding: 20px 0px 80px 0px; text-align: justify;}
#secondaryContent {width: 219px; float: left;  padding: 20px 15px 10px 15px;}

#footer 	  {clear: both;   background: #336699; height: 22px;}
#footer p 	{color: #f4f4f4;}

.one	{width: 720px; padding: 20px 20px 0px 20px;}
.left	{width: 340px; padding: 10px 20px 0px 20px; float: left;}
.right	{width: 340px; padding: 20px 20px 0px 10px; float: right;}

#mainNav ul 		{width: 1000px; float: left;margin: 0px 0px 0px 0px;}
#mainNav ul li 		{float: left; padding: 0px;list-style-type: none;}
#mainNav ul a 		{Font-Size: 9pt;
    			font-weight: bold;
    			display: block;
    			padding: 0 2em;
    			line-height: 2.1em;
    			color: #fff;
    			text-decoration: none;}
#mainNav ul a:hover 	{background: #993366;}

#secondaryNav		{width: 218px; margin: 0px auto 10px auto;}
.secondaryNav ul 	{
				Font-Family: helvetica;
				margin: 10px 0px 0px 0px;
				padding: 0;
				list-style: none;
				width: 218px;
    			border-style: solid;
    			border-width: 1px;
				background: #f4dddd;
				border-color: #aaa;}
.secondaryNav ul h1 {
				margin: 0px 0px 0px 0px;
				background: #ccc;
				Font-Size: 9pt;
				width: 218px;
				height: 30px;
				line-height: 30px;
				}

.secondaryNav ul a 	{
    			Font-Size: 9pt;
    			display: block;
    			width: 218px;
    			height: 30px;
    			line-height: 30px;
    			color: #666;
    			text-decoration: none;
    			text-indent: 10px;}
.secondaryNav li {padding: 0px;}
#secondaryBit {
				border-style: solid;
				border-width: 1px;
				border-color: #aaa;
				background: #f4dddd;;
				width: 218px; margin: 0px auto 10px auto;
				}
#secondaryBit ul {
				list-style: none;
				margin: 10px 0px 0px 0px;
				}
#secondaryBit li {
				height: 40px;
				margin: 5px 0px 5px 0px;
				}

#secondaryBit label {
				Font-Family: helvetica; color: #336699;
				Font-Size: 8pt;font-weight: bold;
				}
#secondaryBit input[type="text"] {width: 70px;font-size: 8pt;border: 1px solid #ccc;}
#secondaryBit input.radio, input.checkbox, input.submit {width: auto;}
#secondaryBit li h1 {
                 margin: -21px 0px 0px -16px;
                 background: #ccc;
                 Font-Size: 9pt;
                 width: 218px;
                 height: 30px;
                 line-height: 30px;
                 }


.secondaryNav ul a:hover {background: #993366; color: #fff;} 

#official	{clear: both; padding: 80px 40px 0px 40px;}

#official p {font-size: 8pt; text-align: center;}

#footer ul 		{width: 1000px;} 
#footer ul li 		{float: left; padding: 0px;}
#footer ul a 		{Font-Size: 8pt;
    			font-weight: bold;
    			display: block;
    			padding: 0 2em;
    			line-height: 2.1em;
    			color: #fff;
    			text-decoration: none;}   
#footer ul a:hover 	{background: #993366;}   

#toolbox {
    width: 550px;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0px auto;
}

#calculator {
    width: 200px;
    border: 1px solid #aaa;
    background: #f3f3f3;
    float: left;
}
#result {
    width: 288px;
    float: right;
    padding: 30px;
}

#result table {
    border-collapse: collapse;
    width: 150px;
    border: 1px;
    margin-left: auto;
    margin-right: auto;
}
#result table col#RepaymentType td {
    text-align: right;
}

#MortgageRates {
    width: 750px;
    margin: 0px auto;    
}

#RatesFormBasic {
				border-style: solid;
				border-width: 1px;
				border-color: #aaa;
				background: #f4dddd;
				height: 70px;
				}

#RatesFormBasic ul    {width: 1000px; float: left;margin: -5px 0px 0px 0px;}
#RatesFormBasic ul li {float: left;width:100px;padding: 0px;
						list-style-type: none;}
#RatesFormBasic label {
						Font-Family: helvetica; color: #336699;
						Font-Size: 8pt;font-weight: bold;
						}
#RatesFormBasic input[type="text"]	{
						width: 70px;font-size:8pt;border: 1px solid #ccc;
						}
#RatesFormBasic input.radio, input.checkbox, input.submit {
				 		width: auto;
						}
#RatesFormBasic h2 {margin: 10px 0px 0px 0px;}


.smallHorizontalForm {margin: 0px;padding:0px;}
.smallHorizontalForm ul 	{width: 300px; float: left;
							margin: -15px 0px 0px -10px;}
.smallHorizontalForm ul li	{float: left; width: 90px;}
.smallHorizontalForm label	{
							Font-Family: helvetica; color: #666;
							Font-Size: 8pt;font-weight: bold;
							}
.smallHorizontalForm input.radio, input.checkbox, input.submit {width: auto;}
.smallHorizontalForm input[type="text"]  {
							width: 70px;font-size:8pt;border: 1px solid #ccc;
							color: #666;
							}
.smallHorizontalForm input.select {font-size:8pt;border: 1px solid #ccc;color: #666;}
.smallHorizontalForm .button {
	border: 1px solid #ccc;
	font-size: 8pt;
	}










#RatesWindow {
    width:1000px;
}

#RatesWindow p, a 
{
	font-size: 7pt; text-align: left;color: #666;
}
#RatesWindow td {
					font-size: 8pt; text-align: left;color: #666
					}


#RatesWindow form input[type="text"],select,button {
    border: 1px solid #ccc;
    font-size: 8pt;
}

#RatesWindow .button {
    border: 1px solid #ccc;
    font-size: 8pt;
}

#RatesWindow table {border-collapse: collapse; width: 620px; border: 1px solid #aaa;background-color: #ccc}

.clear {clear: both}

fieldset {
    margin: 0 0;
    padding: 1em;
    border: 0;
}
legend {Font-Family: arial, helvetica, sans-serif; color: #333333; Font-Size: 10pt;font-weight: normal;}
label {display: block;}
input[type="text"] {width: 100px;font-size: 8pt;border: 1px solid #ccc;}
input.radio, input.checkbox, input.submit {width: auto;}
input.select {color: #ccc;}

table.rates   {border-collapse: collapse; width: 620px; border: 1px solid #ccc;}
table.rates th, td  {padding: 5px 10px;}
table.rates caption {Font-Family: arial, helvetica, sans-serif; color: #666; Font-Size: 10pt;}
table.rates th      {Font-Family: arial, helvetica, sans-serif; color: #666; Font-Size: 8pt;}
table.rates td      {Font-Family: arial, helvetica, sans-serif; color: #666; Font-Size: 8pt;}
table.rates tr.odd  {background-color: #f8eeee;}
table.rates tr.even {background-color: #fffdfd;}

.inline {display:inline;}

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

.LB_FormStepHidden
{
    display: none;
}

.LB_FormStepVisible
{
    display: block;
}

/* Form step header styles */
.LB_Headline, .LB_StepNumber
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px;
    padding-left: 6px;
}

.LB_Headline
{
    font-weight: bold;
    background-color: #666;
    color: #fff;
    width: 350px;
    font-size: 16px;
}

.LB_StepNumber
{
    font-weight: bold;
    background-color: #ddd;
    color: #333333;
    white-space: nowrap;
    font-size: 14px;
}

.LB_StepNumber b
{
    color: #993366;
}

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

.LB_FormStepContent label
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.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(http://forms.leadbay.co.uk/Common/HtmlIntegration/Images/Sterling.gif) no-repeat scroll 1px;
    padding-left: 13px;
}

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

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

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

/* Footer containing buttons */         
.LB_Footer
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}

.LB_Footer b
{
    color: #993366;
}

/* Tooltip styles */                    
.LB_ToolTip-title
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold !important;
}

.LB_ToolTip-tip
{
    font-family: Arial, Helvetica, sans-serif;
    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(http://forms.leadbay.co.uk/Mortgages/HtmlIntegration/Images/ToolTipQuestionCircle.gif) no-repeat;
}

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

.LB_ErrorMessage
{
    color: #990000;
    visibility: hidden;
}

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

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

#LB_MortgageType_Cell
{
    white-space: nowrap;
}

.LB_CheckboxTable
{
    text-align: left;
    color: #993366;
}

.LB_RadioOptions
{
    text-align: left;
    color: #993366;
    padding-right: 10px;
}

.LB_BigLabel
{
    font-size: 12px !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);
}
    



