﻿@charset "utf-8";

*{margin:0;padding:0}
@font-face {font-family:"Segoe UI"; font-weight:normal; font-style:normal; src:url(http://www.mortgage-brain.co.uk/css/fonts/segoeui.ttf)}
body {margin:0;padding:0;color:#424242;background-color:#f8f8f8;font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;font-size:0.8em}
p,div,ul,li,h1,h2,h3,h4,h5,form{margin:0;padding:0}
a img {border:0}
a {outline:0}
input[type="text"], input[type="password"]{ border:solid 1px #666;font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif;color:#424242}
input[type="submit"]{font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif}
input[type="radio"]{outline:none}
fieldset{border:solid 1px #B0B0B0}

#wrapper{overflow:hidden; background-color:#f8f8f8;margin:10px auto;width:960px;height:1%}
#header{background:url(../images/mb_header2011.jpg) no-repeat; width:960px; height:130px}
#header h1{position: absolute;left:-2000px}
#product-links{background:url(../images/products2010.gif) no-repeat; width:960px; height:256px}
#b2c{width:185px;height:158px; float:left; top:60px; position:relative; text-align:center}
#b2c h2{position: absolute;left:-2000px}
#key{width:185px; height:158px; float:left; top:60px; position:relative; margin-left:9px; text-align:center}
#key h2{position: absolute;left:-2000px}
#anmb{width:185px; height:158px; float:left; top:60px; position:relative; margin-left:8px; text-align:center}
#anmb a, #anmbn a:hover{color: #071981; text-decoration:underline; font-weight:bold}
#anmb h2{position: absolute;left:-2000px}
#mte{width:185px; height:158px; float:left; top:60px; position:relative; margin-left:9px; text-align:center}
#mte h2{position: absolute;left:-2000px}
#ac{width:185px; height:158px; float:left; top:60px; position:relative; margin-left:9px; text-align:center}
#ac h2{position: absolute;left:-2000px}
.div-copy{padding: 0 5px 0 5px; font-size:0.9em}

#first-row-b2c{ width:476px; height:253px; float:left}
#first-row-b2c h2{position: absolute;left:-2000px}
#first-row-anmb{ width:476px; height:253px; float:right}
#first-row-anmb h2{position: absolute;left:-2000px}

#latest-offer{background:url(../images/latest-offer-green.gif) no-repeat; font-size:1.2em; width:960px; height:124px; clear:both; text-align:center}
/*#latest-offer{background:url(../images/latest_offer2010.gif) no-repeat; font-size:1.2em; width:960px; height:124px; clear:both; text-align:center}*/
#latest-offer h2{position: absolute;left:-2000px}
#latest-offer a, latest-offer a:hover{color: #071981; text-decoration:underline; font-weight:bold}

#product-flow{background:url(../images/product_flow2010.gif) no-repeat;width:960px; height:341px; clear:both}
#product-flow h2{position: absolute;left:-2000px}
#product-flow-copy{padding:0 15px 0 15px}

#latest-news{background:url(../images/Latest_News.gif) no-repeat;width:960px; height:124px; clear:both; text-align:center}

.spacer1{height:12px; overflow:hidden; clear:both}
.spacer2{height:50px; overflow:hidden; clear:both}
.spacer3{height:5px; overflow:hidden; clear:both}
.spacer4{height:56px; overflow:hidden; clear:both}
.spacer5{height:10px; width:5px; overflow:hidden; float:right}
.spacer6{height:40px; overflow:hidden; clear:both}
.spacer7{height:10px; overflow:hidden; clear:both}
.spacer8{height:1px; overflow:hidden; clear:both}
.spacer9{height:5px; overflow:hidden; clear:both}
.darkblue{color:#071981}
.key_blue{color:#4DC2DB}
.label{width:120px; float:left; padding-left:3px}
.label-bdmform{width:270px; float:left; padding-left:3px}
.input{float:left}
.validate{float:left; padding-left:7px}
.capitalize{text-transform: capitalize}
.uppercase{text-transform: uppercase}
.lowercase{text-transform: lowercase}
.warning-text{ font-weight:bold; color:Red}
.centertext{text-align:center}
.text-404{text-align:center; height:300px; padding-top:100px}
.pointer{cursor:pointer}

.botlink{font-size: 7pt;text-align:center}
.botlink a{text-decoration:none;color:#424242}
.botlink a:hover{text-decoration:none;color:#000}
#copy, #goldpartner{text-align:center;vertical-align:middle;width:50%;padding: 20px 0px 0px 0px}
#copy{font-size: 9px;color:#424242;text-decoration:none;float:left}
#goldpartner{float:right}
#msgoldtext{padding:10px 10px 10px 10px;text-align:left;font-size:0.9em }
/*.networking-links{padding-right:16px;float:left; width:200px}*/

/*#networking-links > div{ float:left} ie6 pile of crap doesn't like this*/
/*.network-link-div{float:right}*/

#latest-offer-form{width:960px; height:380px;background:url(../images/latest_offer_large_green.gif) no-repeat}
#offer-top-copy{padding:10px 10px 0 10px; font-size:1.5em; font-weight:bold;/*color:#071981;*/ text-align:center}
#offer-top-copy2{font-size:1.2em;text-align:center; font-weight:bold; padding:10px 10px 0 10px}
#network-copy{font-style:oblique;padding-top:5px; text-align:center}
#offer_form{padding:0 0 0 10px; width:460px; float:left}
#form_intructions{ text-align: center;float:right; width:460px; padding:40px 15px 0 15px}
/*#contact_us{clear:both} */
a{color:#424242;text-decoration:underline;font-weight:bold}/*#2c99cf*/
a:hover{color:#424242/*#8C5611*/;text-decoration:underline;font-weight:bold}

/*Top menu*/
/*
#top_menu_wrapper{float:right;width:350px;text-align:right;padding-top:5px;padding-right:5px}
#top_menu ul{list-style-type:none;padding:0px 0px 0px 10px;margin:0; font-size:0.9em;float:right}
#top_menu li{float: left; display:block;padding-left:10px;padding-right:10px}
*/
#socialmedialinks{padding-top:5px}
#socialmedialinks div{float:right; padding-right:5px}

.ie7 #facebook-button{width:70px}
#addthis-button{padding-right:10px}
#google-button{width:65px}
/*Top menu*/

#privacypolicy{ /*width:95%*//*800px;*/ /*margin:auto;*/ /*height:400px;*/ padding:15px;/*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}
fieldset{-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px}

/*Pop-up*/
#surveypopup{width:510px; height:445px; display:none; position:absolute;z-index:99;text-align:center}
#surveypopup{background:url(../images/MortgageBrain_Christmas_2011-510x445.gif) no-repeat}
.closebutton{ background-color:#D73707; color:White; font-weight:bold; height:20px;border:solid 1px black; cursor:pointer }
.ie8 .closebutton{padding:0 3px 0 3px}
#splash_click_here{position: absolute; top:20px; height:350px}/*{position: absolute; top: 175px; left: 85px; height: 29px}*/
#splash_close_button{position:absolute; top:10px; left:450px; width:50px; height:20px}
/*.ie8 #splash_close_button{position:absolute;top:10px; left:452px; width:21px; height:21px}*/
/*Pop-up*/

/*Survey*/
#survey-wrapper{overflow:hidden; background-color:#f8f8f8;margin:10px auto;width:840px;height:1%}
#survey-header{background:url(../images/survey_header_ANMB.gif) no-repeat; width:840px; height:120px}
#survey-header-text, .survey-header-text2{ font-weight:bold; text-align:center}
#survey-header-text{ font-size:1.5em}
.survey-qnumlabel{width:35px; float:left; font-size:1.1em; font-weight:bold}
.survey-qlabel{width:400px; float:left; font-weight:bold; padding-top:1px}
.survey-qlabel-fe{width:300px; height:20px; padding-left:10px; float:left; font-weight:bold}
.survey-qlabel-fe-question{width:300px;padding-left:10px; float:left; font-weight:bold; padding-top:1px}
.survey-input-fe{float:left; height:20px}
.survey-qlabel-textright{width:390px; float:left; text-align:right; padding-right:10px; font-weight:bold; padding-top:1px}
.survey-input{float:left}
.survey-input textarea{ border:solid 1px #666;font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif;color:#424242}
.survey-validate{float:left; padding-left:7px}
.survey-radiobutton-label{font-size:0.9em; font-weight:bold}
/*.survey-radiobutton-label td{ width:90px; text-align:center; padding-right:0 !important}*/
.survey-radiobutton-label-fe td{ width:90px; text-align:center; padding-right:0 !important;font-size:0.9em; font-weight:bold}
.survey-qlabel-fe-qheader{float:left; width:92px; text-align:center; text-decoration:underline}

#survey-button{ text-align:center}
table label{ padding-left:3px}
table td{ padding-right:7px; vertical-align:text-top}
.slider-label{border:solid 1px #666; padding: 0 2px 0 2px; text-align:center}
.not-used .tick-box{padding-left:50px; padding-top:3px; float:left}
/*.ANMBSurveyTable{margin-left:auto; margin-right:auto}*/
/*#GridViewANMBSurvey{ float:left}
#GridViewANMBSurvey td,#GridViewANMBSurvey th{ padding:5px; text-align:center}
*/
#surveyresultswrapper{overflow:hidden; background-color:#fff;margin:20px auto;width:auto; text-align:center}
#CheckBoxListSurveyMonths td{ text-align:left}
#FieldsetSurveyMonths{padding:5px}
.alternate-row{ background-color:#f7f7f7}
.row{ background-color:#fff}
.surveyresults table{border: solid 1px #ccc;margin-left:auto; margin-right:auto; text-align:center}
.surveyresults table th{ padding:5px; text-align:center; background-color:#27638A; color:#fff}
.surveyresults table td{ padding:3px; text-align:center}
.surveyresults table td .month{ font-weight:bold; text-align:left}
.centerdiv{margin-left:auto; margin-right:auto; text-align:center !important}
.tickboxmonths{width:500px}
#FieldsetSurveyMonths, #ListViewANMBSurvey{margin-left:auto; margin-right:auto; text-align:center}
.landing-page{ padding: 40px 20px 60px 20px}
.loginlabel{ width:120px; text-align:left; padding-bottom:10px}
.logininput{}

#progressBackgroundFilter {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    z-index:1000;
}
#processMessage {
    position:fixed;
    top:30%;
    left:43%;
    padding:10px;
    width:14%;
    z-index:1001;
    background-color:#fff;
    border:solid 1px #000;
}

.ie8 #addthisdiv{float:right; width:225px}
.ie7 #addthisdiv{float:right; width:225px}
#addthisdiv{float:right; width:260px}

.addthis_button_facebook_like{ float:right}
.addthis_pill_style{float:left}

.warning_text{color:Red;font-weight:bold}
.unsubscribe-label{width:150px; float:left}
#RadioButtonListeConveyancer label, #RadioButtonListUinsure label, #RadioButtonListHub label{margin-right:5px}
#RadioButtonListeConveyancer input, #RadioButtonListUinsure input, #RadioButtonListHub input{margin-right:30px}
/*#divUinsure{ padding-top:20px}*/

.unsubscribeRadioButtonList label{ margin-right:5px}
.unsubscribeRadioButtonList input{ margin-right: 30px}
.gradient{
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #fefefe 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #fefefe 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 );
background: linear-gradient(top, #fefefe 0%,#e5e5e5 100%);
}

