html, body { height: 100%; line-height: 1.1em; margin: 0; padding: 0}
* { color: #162A5D; font-family: Arial, Helvetica, sans-serif }
div, img { position: relative }

/***** header styles *****/
div#pageHeader { height: 140px }

div#pageHeaderCentre { height: 120px; margin: 0 auto; width: 960px }

div#headerLogo { float: right; padding-top: 5px; margin: 0; width: 161px; }

div#headerArch { float: left; padding-top: 5px; width: 420px; }

div#headerPhoneNo { float: left; padding-top: 0; width: 370px }

div#headerNavigation { height:28px; margin: 0; margin-top: 22px; width: 940px }
div#headerNavigation p { margin: 0; padding-bottom: 6px; padding-top: 6px; text-align: left; width: 970px }
div#headerNavigation a { background-image: url(../Images/navBackground.jpg); background-repeat: repeat-x; border-left: 1px solid #FFF; border-right: 1px solid #FFF; color: #FFF; height: 31px; padding: 5px 26px 8px 25px; text-decoration: none }
div#headerNavigation a.spacer { margin-right: 4px }
div#headerNavigation a:hover { background-image: url(../Images/navBackgroundHover.jpg); background-repeat: repeat-x; color: #0E1528 }
div#headerNavigation a:active { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF }

/***** centre styles *****/
div#wrapper { margin: 0 auto; width: 960px }

div#centreContent { border-top: none; margin-top: 20px }

div#centreContentLeft { float: left; margin: 0 auto; width: 700px }
div#centreContentLeft a { font-size: 0.9em }
div#centreContentLeft a:hover { color: #C92505; text-decoration: none }

/*CALLBACK*/
div#centreContentLeftQuote { background-image: url(../Images/Box_Background_Lrg.jpg); float: left; height: 200px; margin: 10px auto; margin-top: 0; margin-right: 10px; width: 490px }
div#centreContentLeftQuote table { margin-left: 12px; margin-top: 30px }
div#centreContentLeftQuote p { color: #FFF; font-size: 0.8em; margin: 2px 5px; padding-bottom: 5px; text-align: left }
input.textfield { background-color: #FFF; border: 1px solid #0E1528; color: #0E1528; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 18px; margin-top: 5px; width: 205px }
div#centreContentLeftQuote p#enquirySent { margin-top: -10px; width: 190px}

/*CHAMPNEYS*/
div#champneysOffer { background-image: url(/Images/Champneys_Box_Background.jpg); background-repeat: no-repeat; float: left;  height: 200px; margin: 10px 5px; margin-top: 0; width: 225px }
div#champneysOffer p { color: #8A6C46; font-size: 0.78em; margin-left: 17px; margin-top: 40px }
div#champneysOffer .competitionButton { margin-left: 17px }

/*TESTIMONIALS*/

/*EVALUATE*/
div#centreContentLeftEvaluate { float: left; height: 220px; margin-top: 5px; width: 740px }
div#centreContentLeftEvaluate h1 { font-size: 1.2em }
div#centreContentLeftEvaluate h1 span#redHeader { color: #9A2321 }
div#centreContentLeftEvaluate p { font-size: 0.78em; margin: 0; margin-bottom: 5px}
div#evaluate_flash_container { height: 72px; margin-left: -10px; padding-left:0; width: 500px }
div#centreContentLeftEvaluate .imgGoEvaluate { float: right; margin-right: 30px; margin-top: -50px }

/*CALCULATORS*/
div#centreContentLeftCalc { background-image: url(../Images/Calc_Box_Background.jpg); background-repeat: no-repeat; float: right; height: 220px; margin-top: 5px; padding: 0; width: 220px }

div#centreContentLeftCalc p { color: #FFF; font-size: 0.7em; margin: 15px 20px; margin-top: 30px; margin-bottom: 0; padding: 5px 0 }
div#centreContentLeftCalc table p { margin: 5px 5px 0 18px }
div#centreContentLeftCalc a { color: #FFF; font-size: 0.9em }
div#centreContentLeftCalc a:hover { text-decoration: none }
img.miniCalc { margin-right: 2px; vertical-align: middle }

/*div#centreContentLeftRate { background-image: url(../Images/Box_Background.jpg); background-repeat: no-repeat; float: left;  height: 220px; margin: 10px auto; width: 225px }
div#centreContentLeftRate p { margin: 0 5px; text-align: center }
p#mortgageRateTitle { font-size: 1.3em; font-weight: bold; padding: 5px 0 5px 0 }
span.mainRate { font-size: 1.3em; font-weight: bold }
span.rate { color: #386FAD; font-size: 1.1em; font-weight: bold }
img#calculatePayments { cursor: pointer; margin-left: 50px; margin-top: 5px }*/

/*div#mortgageCalculators { background-image: url(../Images/Calc_Box_Background.jpg); background-repeat: no-repeat; float: right; height: 220px; margin-top: 10px; padding: 0; width: 220px }
div#mortgageCalculators p { color: #FFF; font-size: 1.2em; margin: 0 auto; padding: 5px 0 }
div#mortgageCalculators p#mortgageCalculatorsTitle { font-size: 1.2em; font-weight: bold; margin-top: 10px; text-align: center }
div#mortgageCalculators a { font-size: 0.9em }
div#mortgageCalculators a:hover { text-decoration: none }*/

div#CentreContentCentre { padding-top: 10px }
div#CentreContentCentre a:hover { color: #C92505 }

div#centreContentRight { float: right; margin: 0 auto; width: 220px }

div#CentreContentNews { float: left; width: 220px }
div#CentreContentContent { float: right; width: 445px }

div#pageFooter { border-top: 1px dashed #CCC; font-size: 0.8em; margin: 0; padding-bottom: 20px }
div#pageFooter a:hover { color: #C92505; text-decoration: none }
a.nonmmc:hover { color: #C92505; text-decoration: none }
a#mmc { font-size:14px; color:#006600; font-weight:bold }
a#mmc:hover { color:#006600; text-decoration: none }

/***** Navigation Setup *****/
body#homePage a#homePageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#mortgagePage a#mortgagePageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#insurancePage a#insurancePageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#loansPage a#loansPageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#careersPage a#careersPageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#expertPage a#expertPageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#tcfPage a#tcfPageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }
body#contactPage a#contactPageLink { background-image: url(../Images/navBackgroundActive.jpg); background-repeat: no-repeat; color: #FFF; text-decoration: none }

/***** Styling for ticker *****/
table#tblTickers { margin-top: 10px }
td#tickerHeader { background: #0E1528; color: #FFF; font-size: 0.78em; padding: 5px; width: 135px }
td#tickerMiddle { border-bottom: 1px solid #080F21; border-right: 1px solid #0E1528; border-top: 1px solid #0E1528 }
div#TICKER { overflow:hidden; width:820px }
span.tickerBGOne { background: #CECED2; border: 1px solid #FFF; color: #0E1528; padding:4px 5px 7px 5px }

span.tickerContent { color: #2A254B }
span.tickerContent a { color: #2A254B }
span.tickerContent a:hover { color: #CB2704; text-decoration: none }

/***** Referral Table *****/
.referralForm select { border: solid 1px #999; background-color: #CCC; color: #000 }
.referralForm input { border: solid 1px #999; background-color: #CCC }
tr.referralFormTitle td { border-bottom: solid 1px #666666 }
tr.referralFormTitle td { color: #263676; background-color: #E0E0E0; font-size: 1.2em; vertical-align:middle; height: 28px; text-indent: 5px }
tr.referralFormRow { vertical-align:middle; height: 28px; text-indent: 5px }
tr.referralFormRow td.label { background: #EDEDED; color: #999; border-bottom: dotted 1px #999999 }
tr.referralFormRow td.value { background-color: #EDEDED; padding-left:10px; border-bottom: dotted 1px #999999 }

/***** Ask Question Table *****/
.askMortgageQuestion { position:relative; left:150px }
.askMortgageQuestion p { line-height:1.4em; font-family:Arial, Helvetica, sans-serif; color: #000; font-size:12px }
.askMortgageQuestionInput { border:1px solid #999; background-color: #CCC; font-family:Arial, Helvetica, sans-serif; width:200px }
.askMortgageQuestionConfirmation { position:relative; left:150px; font-weight:bold }

/***** TCF Survey *****/
.tcfSurvey { border-collapse: collapse; text-align: center }
.tcfSurvey tr { border:1px solid #0269B3 }
.tcfSurvey th { background-color: #E0E0E0; border: 1px solid #080F21; color: #263676 }
.tcfSurvey td { border: 1px solid #000; color: #000 }
.tcfSurvey textarea { font-family: Arial, Helvetica, sans-serif; border: 1px solid #000; background: #CCC }
.tcfSurveyButton td { color: #001E58 }
.tcfSurveyButton input { border: 1px solid #000; background: #CCC; padding: 2px }
.tcfSurveyButton select { border: 1px solid #000; background: #CCC }

/***** MISC *****/
#leftcolumn3 { width: 250px; margin: 0 auto; float: left; font-family: Arial; font-size: 14px; color: #FFFFFF; margin-left: 0px; height: 200px; padding-left: 20px }
#contactrightPhoneNo { width: 190px; float: right; padding-top: 15px }
#contactrightEmail { width: 190px; float: right; padding-top: 15px }
#contactrightFaxNo { width: 190px; float: right; padding-top: 15px }
#contactleftPhoneNo { width: 48px; float: left; padding-bottom: 20px }
#contactleftEmail { width: 48px; float: left; padding-bottom: 20px }
#contactleftFaxNo { width: 48px; float: left; padding-bottom: 20px }
h1#homePageHeader { font-size: 16px }
span#headerTag { font-size: 1.4em; font-weight: bold }
span#dateTag { font-size: 0.8em }

/***** Classes *****/
div.clearer { clear:both }
a.questionLink { font-size: 0.9em }
a.questionLink:hover { color: #C92505; text-decoration: none }
span.magText { color: #000; font-size: 1.3em }
.siteMapTbl { position:relative; left:100px }

p.smlArchParaNews { padding-top: 0px }
strong.smlArchNews { background: url(/Images/Mortgage_Options_Arch_sml.jpg); color: #FFF; height: 39px; font-size: 0.8em; padding: 1px 56px 20px 10px; width: 220px }

strong.smlArch { background: url(/Images/Mortgage_Options_Arch_sml.jpg); color: #FFF; height: 39px; font-size: 0.8em; padding: 1px 40px 20px 10px; width: 220px }
p.questionPara { padding-top: 10px }

/*--  --*/
.btn1 a{
	width: 146px;
	height: 27px;
	background: url(http://www.mortgagebroker.co.uk/img/button.png) top left;
	text-indent: -9999px;
	display: block;
}
.btn2 a{
	color: #808080;
	font: normal 11px tahoma;
	width: 146px;
	height: 15px;
	background: url(http://www.mortgagebroker.co.uk/img/button.png) 0px -27px;
	display: block;
	text-decoration: none;
	text-indent: 26px;
}