* {margin:0;padding:0}
h2.normaltext{font-size:11px; font-weight:normal;padding:0px; margin:0px; display:inline}
h2.normaltext2{font-size:12px; font-weight:normal;padding:0px; margin:0px; display:inline}
h2{font-size:120%}
body{background:#f7f7f7;text-align:center;font-family: Arial, Helvetica, Verdana, sans-serif;color:#424242}
form{padding: 0px 0px 0px 0px;margin:0px}
img{border:0}
table{width:100%;border-collapse:collapse;margin:0}
a{color: #0A226D;text-decoration:none;font-weight: bold}
a:hover{color: #680D2B;text-decoration:underline;font-weight: bold}
#wrapper{width:840px;margin:10px auto;text-align:left}/*centre the whole thing*/
* html #left{margin-right:-3px}/* 3 pixel jog*/
* html #right{margin-left:-3px}/* 3 pixel jog*/
/* clear without structural mark-up */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
/* mac hide - force layout in ie \*/
* html .clearfix,* html #inner, * html #middle {height: 1%}
.clearfix {display: block}
/* End hide */

#header,#footer{background:#fff;width:840px;clear:both}
#header{height:118px;background: url(../images/mortgage_brain_header.gif) no-repeat}
#header h1{position: absolute;left:-2000px}
#header_text{position:relative; width:325px; top:42px; left:20px; text-align:left; font-size:1.0em}
#header_text span{font-size:1.6em; font-weight:bold; text-align:left}
#header_text h2{ font-size:1.0em; text-align:left}
#header_text h2 a{text-decoration:underline}
#key_header_text{position:relative; top:11px; width:201px; font-size:12px; font-weight:bold; color:#5f5f5f; text-align:center; left: 0px}

#header_blog, #header_blog div, #header_contact div{ float:left}
#header_contact{float: left; clear:both; width: 320px}
#header_contact a, #header_blog a, #header_contact a:hover, #header_blog a:hover{ text-decoration:none;color: #0A226D}
.header_link_text{padding-top:3px;padding-left:5px}

#key_text1{width:190px; position:relative; top:60px; left:6px; font-size:11px; text-align:center}
#key_text2{width:188px; position:relative; top:64px; left:6px; font-size:11px;text-align:center}
#key_text3{width:188px; position:relative; top:94px; left:6px; font-size:11px;text-align:center}
#key_text4{width:188px; position:relative; top:98px; left:6px; font-weight:bold; font-size:11px;text-align:center;font-size:12px}
#mbl_header_text{position:relative; top:11px; width:201px; font-size:12px; font-weight:bold; color:#5f5f5f; text-align:center}
#mbl_text1{width:190px; position:relative; top:60px; left:6px; font-size:11px; text-align:center}
#mbl_text2{width:188px; position:relative; top:62px; left:6px; font-size:11px;text-align:center}
#mbl_text3{width:201px; position:relative; top:80px; font-size:11px;text-align:center; left: 0px}
#mbl_text4{width:188px; position:relative; top:84px; left:6px; font-weight:bold; font-size:11px;text-align:center;font-size:12px}
#mte_header_text{position:relative; top:11px; width:201px; font-size:12px; font-weight:bold; color:#5f5f5f; text-align:center}
#mte_text1{width:190px; position:relative; top:60px; left:6px; font-size:11px; text-align:center}
#mte_text2{width:188px; position:relative; top:66px; left:6px; font-size:11px;text-align:center}
#mte_text3{width:201px; position:relative; top:94px; font-size:11px;text-align:center; left: 0px}
#mte_text4{width:188px; position:relative; top:98px; left:6px; font-weight:bold; font-size:11px;text-align:center;font-size:12px}
#affinity_header_text{position:relative; top:11px; width:201px; font-size:12px; font-weight:bold; color:#5f5f5f; text-align:center}
#affinity_text1{width:190px; position:relative; top:60px; left:6px; font-size:11px; text-align:center}
#affinity_text2{width:188px; position:relative; top:66px; left:6px; font-size:11px;text-align:center}
#affinity_text3{width:201px; position:relative; top:94px; font-size:11px;text-align:center; left: 0px}
#affinity_text4{width:188px; position:relative; top:98px; left:6px; font-weight:bold; font-size:11px;text-align:center;font-size:12px}
#bottom{width:840px; height:246px}
#bottom2{width:840px;height:415px}
#bottom_121{width:840px;height:485px}
#bottom_left{float:left; width:412px; height:246px;background:url(../images/v7_banner.gif) no-repeat}

#offer{width:840px;height:120px; clear:both}
/*
#offer_box{position:relative; float:left; width:412px; height:140px;background:url(../images/offer_box.gif) no-repeat}
#offer_box_text{left: 13px; width: 380px; position: relative; top: 50px; font-size:12px;text-align: center}
#offer_box_text_link{font-size: 1.2em; padding-top: 5px}
*/
#contact_box{position:relative; float:right; width:412px; height:140px;background:url(../images/contact_box.gif) no-repeat}
#contact_box_blog{left: 288px; top:-5px; width: 100px; position: relative;text-align: center; font-size:1.1em;}
#contact_box_text{left: 13px; width: 248px; position: relative; top: 60px; font-size:12px}
#contact_box_text div{ padding-bottom:5px}

#bottom_left_button{position:relative; width:411px; top:87px; text-align:center; font-weight:bold; font-size:13px}
.ie #bottom_left_button{position:relative; width:411px; top:83px; text-align:center; font-weight:bold; font-size:13px}
#termsconditions{width: 130px;position:relative; left: 280px; top: 119px; font-size:x-small}
#bottom_right{float:right; width:412px; height:246px}
#bottom_right_text1, #bottom_left_text1{position:relative; width:380px; top:65px; text-align:left; font-size:12px; left:16px; }
#bottom_right_text2{position:relative; width:407px; top:73px; text-align:center;font-size:12px; padding-left:2px; padding-right:2px}
#bottom_right_button{position:relative; width:411px; top:79px; text-align:center; font-weight:bold; font-size:13px}
#indexkey{float:left; width:201px; height:300px; background:url(../images/umb_thekey.gif) no-repeat}
#indexmbl{float:left; width:201px; height:300px; background:url(../images/umb_anmb.gif) no-repeat}
#indexmte{float:left; width:201px; height:300px; background:url(../images/umb_mte.gif) no-repeat}
#indexaffinity{float:left; width:201px; height:300px; background:url(../images/umb_affinity.gif) no-repeat}
.spacer, .spacer3{position:relative;float:left;overflow:hidden}
.spacer{height:284px;width:12px}

.ie6 .spacer2{ height:11px; padding-top:0px; width:840px}
.ie6 .spacer3{height:11px; padding-top:0px; width:840px}
.ie7 .spacer2{height:11px; padding-top:0px; width:840px}
.ie7 .spacer3{height:11px; padding-top:0px; width:840px}
.spacer2, .spacer3{padding-top:11px; width:840px}
.center{text-align:center}
#menu{top:32px; width:262px; height:20px; float:left; position:relative; font-size:11px; line-height:17px; text-align:right; padding-right:10px}
#menu ul{ list-style:none}
#requestform2_top{width:840px; height:380px;background:url(../images/request_form2_top.gif) no-repeat;clear:both}
#requestform2_bottom{width:840px; height:292px;background:url(../images/request_form2_bottom.gif) no-repeat;clear:both}
#requestform2_bottom_text1{width: 790px; position: relative; top: 56px; font-size: 12px; left: 24px}
#requestform2_bottom_text2{width: 790px; position: relative; top: 64px; font-size: 12px; left: 24px}

#requestform3_top{width:840px; height:600px; background:url(../images/request_form3_top.gif) no-repeat;clear:both}
#copy, #goldpartner{text-align:center;vertical-align:middle;width:50%;padding: 20px 0px 0px 0px}
#copy{font-size: 9px;color:#999999;text-decoration:none;float:left}
#goldpartner{float:right}
#msgoldtext{padding:10px 10px 10px 10px;text-align:left;font-size:0.8em;font-family: Arial, Helvetica, Verdana, sans-serif; }
.key_blue{color:#4DC2DB}
.mbl_blue{color:#00B1FC}
.mte_blue{color:#000066}
.affinity_blue{color:#0076AD}
.fontbold{ font-weight:bold}
.fontsize15{font-size:1.5em}
.fontsize09{font-size:0.9em}
.fontsize08{font-size:0.8em}
.fontsize11{font-size:1.1em}
.fontsize07{font-size:0.7em}
#requestform{height:640px;text-align:-moz-center; /*moz hack*/}
#requestform_table{font-size:11px;text-align:left;width: 460px;border:1px solid #cccccc;border-collapse:collapse}
#requestform_table3{font-size:11px;text-align:left;width: 399px;border-collapse:collapse}
#requestform_table td, #requestform_table3 td{padding: 5px 5px 5px 5px}
.capitalize{text-transform: capitalize}
.uppercase{text-transform: uppercase}
.lowercase{text-transform: lowercase}
.underline{ text-decoration:underline}
/*#surveypopup{width: 380px; height: 273px; display:none; position:absolute;z-index:99;text-align:center}*/
#surveypopup{width: 620px; height: 360px; display:none; position:absolute;z-index:99;text-align:center}
#surveypopup{background:url(../images/SplashScreenUmbrella.gif) no-repeat}

#splash_close_button{position:absolute; top:5px; left:565px; width:21px; height:21px}
.ie8 #splash_close_button{position:absolute; top:5px; left:575px; width:21px; height:21px}

#surveypopup table{width:380px;border-collapse:collapse;border:0}
#surveypopup_bootomtext{font-size:small; font-style:italic}
.backbtnrequestform{float:left; padding-left:100px}
#officehours{font-size:x-small;font-style:italic}
.transparentheadergif{position:relative; width:201px; height:50px; top:22px}
#panelmaindiv1{padding-top:5px}

/* - Commercial Mortgage Calculator style - */
#calc_panelmaindiv1{float:left; padding-top:5px; width:350px}
#calc_bottom{height:415px;width:840px}
.calcError{color:Red;font-size:0.8em}
.error{color:Red; font-weight:bold}
#calc_leftcolumn{width:20px; position:relative;float:left;overflow:hidden; height:370px}
#calc_leftcolumn_top{width:244px; position:relative;overflow:hidden; height:270px}
#calc_leftcolumn_disclaimer{padding:5px 5px 5px 5px; font-size:0.6em; font-style:italic}
#calc_heading{font-size:0.8em; font-weight:bold; text-decoration:underline; width:100%; text-align:center}
#calc_div1{position: relative; top: 14px; text-align:center; font-size:0.8em; padding:0px 20px 0px 20px}
#calc_table{width:310px; text-align:left; border-collapse:collapse}
.calc_label_td{width:130px; vertical-align:top;padding:10px 0px 5px 0px}
.calc_label_td2{vertical-align:top;padding-top:10px}
.calc_textbox_td{width:180px;vertical-align:middle;padding-top:5px}
.calc_textbox_td2{vertical-align:middle;padding-top:5px}
.calc_validate_div{font-size:0.8em; width:120px; position:relative; left: 92px; top: -20px; height:15px}
.calc_padding{padding:5px 0px 5px 0px}
.rate_notes{font-size:0.7em}
#rateError{width: 109px; height:15px; left: 106px; position: relative; top: -25px}
#btnReset{left: 19px; position: relative;top: 0px}
#btnCalculate{left: 155px; position: relative; top: 0px}
#tboxQuote{width:125px;font-weight:bold; color:Black}
#calc_rightcolumn{width:460px; position:relative;float:left;overflow:hidden; height:370px}
#calc_rightcolumn_top{width:460px; position:relative;overflow:hidden; height:90px}
#calc_rightcolumn_bottom{padding: 20px 10px 5px 10px; font-size:0.9em}
#training_reg_table td{padding:5px 0px 5px 0px}
#training_reg_table th {padding:10px 0px 10px 0px}
#fiducialink{color:#AAA250}
#fiducialink a{color:#AAA250;text-decoration:underline}
#fiducialink a:hover{color:#AAA250;text-decoration:underline}
#disclaimer{font-size:0.7em; font-style:italic}
#calc_hz_spacer{width:3px;position:relative; float:left; overflow:hidden; height:370px}
/* - Commercial Mortgage Calculator style - END*/

/* - Training Sessions page - */
.table-font-size{font-size:0.7em}
.tableView td{padding: 0px 0px 5px 5px}
.list_word_wrap{display:inline-block;overflow:hidden; vertical-align:top; word-wrap:break-word}

#training_reg_table_div{left: 40px; width: 450px; float:left; position: relative;font-size:0.8em}
.training_reg_table_label{width:125px}

.trialrequest_table_label{ width:150px;padding-right:10px}
.training_reg_table_textbox{width:140px}
.training121_reg_table_textbox{width:155px}
.training_reg_table_valid{width:80px;padding-left:5px}


.textaligntop{ vertical-align:text-top}
#session_details{width: 310px; position: relative; float:left;left: 60px; top: 10px}
#session_details_121{width: 300px; position: relative; float:left;left: 60px; top: 10px; font-size:0.8em}
.session_details_list{list-style:disc inside; margin-left:5px}
#flashtest{position:relative; float:left;left: 50px; top:100px; width:310px;font-size:0.7em}
/* - Training Sessions page - END */
.br_height_hack{font-size:0.1em}
#flashtest{left: 82px; top: 20px}

#tcf_countdown{left: 3px; width: 401px; height:68px; vertical-align:middle; text-align:center; position: relative; top: 87px}

#contact_details_body{ background-color:White}
#contact_details{ text-align:left; padding:20px 0 0 20px}
#contact_details h2{ text-decoration:underline}

#center1_text{top:5px; position:relative;left:10px; width:400px; height:300px}
#center1_text span, #center1_text li{color:#333; font-size:0.75em}
#center1_text li{list-style:disc inside; margin-left:5px}

#request_Form_121{top:5px; float:left; width:390px; position:relative; font-size:0.8em; left:20px}
.booking_form_div{width:390px;float:left; margin-bottom:10px}
.booking_form_label{float:left; width:100px}

.kbform_table{font-size:12px;text-align:left; border-collapse:separate; empty-cells:show; border:1px solid #cccccc; width:650px; margin-left:auto; margin-right:auto}
.kbform_table td{background-color:#dfdfdf;padding:5px 5px 5px 5px}
.multiline_tbox{font-family: Arial, Helvetica, Verdana, sans-serif}
.ff3 .multiline_tbox{font-family: Arial, Helvetica, Verdana, sans-serif; height:80px}
.textboxwatermark{ font-style:italic; color:#bfbfbf}
.kbform_errorlabel{position: relative; left: 10px; top: 10px; font-weight:bold; color:red}
.errorbulletlist{position: relative; left: 10px; top: -20px; height:70px}
.errormessage{color:Red;font-weight:bold}

.botlink{font-size: 7pt;text-align:center}
.botlink a{text-decoration:none;color:#666666}
.botlink a:hover{text-decoration:none;color:#000000}
#privacypolicy{ width:95%; margin:auto; height:400px; padding:0 5px 0 5px;font-size: 11px;}
#privacypolicy ul{list-style:disc inside}
#privacypolicy ul li{ text-indent:-1.4em; padding-left:1.4em}
#privacypolicy span{text-decoration:underline; font-weight:bolder; font-size:1.1em}
#privacypolicy .headertext{ font-size:1.4em}
.scrollbars{overflow-y: scroll;scrollbar-arrow-color: #0081BA;scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0;scrollbar-darkshadow-color: #888888}
/*.closebutton{ background-color:#D73707; color:White; font-weight:bold; border:solid 1px black; cursor:pointer }*/

#surveypopup{width: 698px; height: 492px; display:none; position:absolute;z-index:99;text-align:center; z-index:99}
#surveypopup{background:url(../images/mtm_splashscreen.jpg) no-repeat}
.closebutton{ background-color:#D73707; color:White; font-weight:bold; height:20px;border:solid 1px black; cursor:pointer }
#splash_click_here{position: absolute; top: 420px; left: 25px; width: 210px; height: 50px}
#splash_close_button{position:absolute; top:18px; left:620px; width:40px; height:20px}
.ie8 #splash_close_button{position:absolute; top:18px; left:635px; height:21px}