/*------General------*/
* { padding: 0; margin: 0; }
body { font-family: 'helvetica neue', helvetica, arial, sans-serif; color: #333333; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #999999; }
.biggertext { font-size:13px; font-weight:bold; }
.grey { color: #666666; font-weight: bold; }
.black { color: #000000 }
input:focus { background-color: #E6E6E6 }
textarea:focus { background-color: #E6E6E6 }
p { margin-bottom:1.2em; line-height: 1.7em; font-size: 0.8em; }
.header-link {  color: #9D855B !important; text-decoration:none; }


h1 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 1.1em; color: #9D855B; }
h2 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 1.1em; color: #000000; }
h3 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 25px; color: #000000; margin-top: 15px; padding-left: 20px; }
h4 { font-size: 0.8em; margin-bottom: 1.1em; }
h5 {font-size: 2em; letter-spacing: -1px; margin-bottom: 0.7em; color: #000000; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CFCFCF; padding-bottom: 7px; }
h5 a { text-decoration: none; }
h6 {  font-size: 1.2em; letter-spacing: -1px; margin-bottom: 1.1em; color: #9D855B; }
img { border: 0; }
ol { margin-left:2em; line-height: 2em; font-size: 0.8em; margin-bottom: 1.5em; }
.list { margin-left:20px; font-size: 0.9em; line-height: 2em; font-weight: bold; }
.contact { font-size: 1.8em; color: #000000; text-align: left; margin-left: 270px; width: 100%; clear: both; margin-bottom: 15px; }
.first { font-size: 1.6em; font-weight: bold; }
.ftb-header { font-size: 1.8em; margin-bottom: 1.1em; }
.app-text { line-height: 1em; }
#country p { margin: 0; line-height: 2.1em; text-align: right; }

/*------Top-------*/
#header { margin-right:auto; background-color: #000000; margin-left: auto; height: 107px; text-align: left; background-image: url(../images/top-bg.png); float: left; width: 100%; }
#logo { text-align: left; float:left; width:395px; margin-top: 25px; }
.container { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; text-align: right; height: 72px; }
.containerfloat { width:875px; float:none; }
#topflags { float: right; width: 400px; margin-top: 16px; margin-bottom: 0px; height: 29px; }
#partner { float: left; clear: left; width: 100px; padding-top: 8px; padding-left: 212px; }


/*------Navigation-------*/
#navholder { float: right; width: 511px; height: 30px; margin-top: 32px; }
#navholder span { display:none; }
#nav:after { content: ""; display: block; height: 0; clear: both; height: 100%; }
#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav a { float: right; display: block; text-decoration: none; text-indent: -9999px; height: 30px; overflow: hidden; }
#nav a#home { background: url(../images/menu-homeroll.png); width: 70px; }
#nav a#app {background-image:url(../images/menu-approll.png); width: 53px; }
#nav a#partners { background: url(../images/menu-partnersroll.png); width: 78px; }
#nav a#bestbuys { background: url(../images/menu-bestbuysroll.png); width: 88px; }
#nav a#mortgages { background: url(../images/menu-mortgagesroll.png); width: 95px; }
#nav a#news { background: url(../images/menu-newsroll.png); width: 120px; }

#nav a#homestatic { background: url(../images/menu-homestatic.png); width: 70px; }
#nav a#appstatic { background:url(../images/menu-appstatic.png); width: 53px; }
#nav a#partnersstatic {background: url(../images/menu-partnersstatic.png); width: 78px; }
#nav a#bestbuysstatic { background: url(../images/menu-bestbuysstatic.png); width: 88px; }
#nav a#mortgagesstatic { background: url(../images/menu-mortgagesstatic.png); width: 95px; }
#nav a#newsstatic { background: url(../images/menu-newsstatic.png); width: 120px; }

#nav a:hover#home { background-position: bottom; }
#nav a:hover#app { background-position: bottom;}
#nav a:hover#partners { background-position: bottom; }
#nav a:hover#bestbuys { background-position: bottom; }
#nav a:hover#mortgages { background-position: bottom; }
#nav a:hover#news { background-position: bottom; }

ul#button { list-style: none; width: 256px; margin: 0px 0px 15px 0px; float: left; padding-right: 0px; }
ul#button li { display: inline; }
ul#button li a { background-image: url(../images/click-latest-press-coverage-button.png); display: block; height: 56px; text-indent: -9999px; float: left; background-repeat: no-repeat; margin-left: 0px; }
#button a { float: right; display: block; text-decoration: none; height: 56px; overflow: hidden; }
ul#button li a.presscoverage { width: 251px; background-position: 0 0px; }
ul#button li a.presscoverage:hover { background-position: -251px 0; }

/*------to do with flags-----*/
#country { float: left; color: #FFFFFF; padding-left: 0px; height: 32px; width: 200px; }

/*-------Main-Banner-------*/
#splash { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-mortgages-bg.jpg); background-position: center; background-repeat: no-repeat; }
#splashbanking { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-privatebanking3-bg.jpg); background-position:  center; background-repeat: no-repeat; }
#splashpractice { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-practice-bg.jpg); background-position:  center; background-repeat: no-repeat; }
#splashmortgages { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash_uk_front.jpg); background-position: center; background-repeat: no-repeat; }
#splashrefer { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-refer.jpg); background-position: center; background-repeat: no-repeat; }
#splashprotection { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-protection-bg.jpg); background-position: center; background-repeat: no-repeat; }
#splashbtl { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-buytolet-bg.jpg); background-position: center; background-repeat: no-repeat; }
#splashftb { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/splash-ftb-bg.jpg); background-position: center; background-repeat: no-repeat; }

#splashmtgsecondary { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 90px; background-image: url(../images/splash-mtgquote-bg.jpg); background-position: center; background-repeat: no-repeat; }
#splashprotectionsecondary { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 90px; background-image: url(../images/secondarysplash-protection.jpg); background-position: center; background-repeat: no-repeat; }
#splashpbsecondary { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 90px; background-image: url(../images/secondarysplash-privatebanking.jpg); background-position: center; background-repeat: no-repeat; }
#splashcalcsecondary { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 90px; background-image: url(../images/secondarysplash-calc.jpg); background-position: center; background-repeat: no-repeat; }
#splashholder { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; text-align: right; height: 172px; }
#splashholdersecondary { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; text-align: right; height: 90px; }
#splashseconarytext { text-align:left; padding-top: 70px; padding-right: 10px; }
#splashcontent { width: 359px; height: 118px; float: left; background-image: url(../images/splash-mortgage-content-bg.jpg); text-align: left; padding: 20px; line-height: 1.6em; }
#splashbtlcontent { width: 359px; height: 118px; float: left; background-image: url(../images/splash-btl-content-bg.jpg); text-align: left; padding: 20px; line-height: 1.6em; }
#splashcontentbanking { width: 359px; height: 118px; float: left; background-image: url(../images/splash-banking-content-bg.jpg); text-align: left; padding: 20px; line-height: 1.6em; }
#splashcontentmortgages { width: 359px; height: 118px; float: left; background-image: url(../images/splash-content-bg.jpg); text-align: left; padding: 20px; line-height: 1.6em; }
#splashcontentblank { width: 359px; height: 118px; float: left;  text-align: left; padding: 20px; line-height: 1.6em; }

#splashcontentpractice { width: 359px; height: 118px; float: left; text-align: left; padding: 20px; line-height: 1.6em; }
#splashcontentprotection { width: 359px; height: 118px; float: left; background-image: url(../images/splash-protection-content-bg.jpg); text-align: left; padding: 20px; line-height: 1.6em; }

/*-------Mortgage Toolkit-------*/
#toolkit-container { background-image:url(../images/mortgage-toolkit-iphone-ipad.jpg); width: 840px; height: 517px; background-repeat: no-repeat; }
#toolkit-container h4 { padding: 15px 0px 15px 3px; font-size: 15px; }
#app-store-container { float: left; clear: left; height: 63px; padding-top: 35px; }
#maincontent-appleft { float:left; width: 505px; padding: 160px 0px 10px 20px; }
#maincontent-appleft ul { font-size: 0.8em; padding: 0px 10px 5px 30px; line-height: 1.7em; list-style-type: disc; }
#mortgage-container { float:none; width:295px; }
#maincontent-appleft p { padding-left:10px;}


/*-------Main Bottom-------*/
#middleholder { margin-right:auto; background-color: #F1F1F1; margin-left: auto; float: left; width: 100%; background-image: url(../images/middle-fade.png); background-repeat: repeat-x; padding-bottom: 40px; }

#maincontent { margin-left:auto; margin-right:auto; width:906px; font-size: 0.9em; margin-top: 30px; }
#maincontent-part { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; margin-top: 30px; overflow: hidden; }
#maincontent-part h3 { text-align: center; padding: 0px; clear:both; }
#maincontent-part h3 a { color:#000000;}
#maincontent-partleft { float:left; width: 505px;  }
#maincontent-partleft ul { font-size: 0.8em; padding: 0px 10px 5px 20px; line-height: 1.7em; list-style-type: disc; }
#maincontent-partright {  width: 345px; float: right; }
#mainbtm { clear: both; height:1px; }
#maincontentbtm { height: 100%; float: left; padding-bottom: 0px; }
#contact { font-size: 1em; letter-spacing: -1px; margin-bottom: 0px; color: #000000; margin-top: 0px; padding-left: 50px; float: left; !important }
.products { width: 295px; margin-left: 3px; }

.column { float:left; width:250px; margin-right: 61px; margin-bottom: 30px; }
.column-margin2 { float:left; width:250px; margin-right: 25px; margin-bottom: 30px; }
.column-margin2 li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 3px; padding-bottom: 3px; margin: 0px; padding-right: 0px; padding-left: 0px; list-style-type: none; list-style-image: none; }

.column-left { float:left; width:250px; margin-right: 40px; margin-bottom: 30px; }
.column-middle { float:left; width:300px; margin-right: 30px; margin-bottom: 36px; }
.middle-iphone-ad { margin-left:-3px !important; }
.column-right { float:left; width:283px; margin-bottom: 40px; }


.columnwide { float:left; width:630px; margin-bottom: 40px; padding: 0px; }
.columnwide2 { float:left; width:906px; padding: 0; }
.columnwide2 ul { margin-left:1em; font-size: 0.9em; }
.columnwide2 li { margin-left:1em; margin-bottom: 1em; }
.row1 { float:none; width:920px; margin-bottom: 40px; clear: both; }



.newsandviews-wrapper ul { margin-left:1em; font-size: 0.9em; }
.newsandviews-wrapper li { margin-left:1em; margin-bottom: 1em; }

.ratebox { width:245px; padding:20px; background-color: #FFFFFF; padding: 15px; border: 1px solid #999999; margin-bottom: 15px; float: right; margin-right: 6px; }
.whitebox { padding:20px; background-color: #FFFFFF; padding: 15px; border: 1px solid #999999; color: #000000; margin-bottom: 15px; }
.rateheader { font-size:1.1em; line-height: 1.7em; font-weight: bold; }
.ratetext { font-size:0.9em; line-height: 1.9em; }
.ratedisclaimer { color: #9D855B; }
#rate-alert { background-image: url(../images/panel-rate-alert2.png); padding: 55px 20px 20px 75px; width: 200px; background-repeat: no-repeat; height: 130px; background-position: left 3px; }

.whitebox-part { background-color:#FFFFFF; float:right; padding: 20px 25px 25px 25px; border: 1px solid #999999; margin-bottom: 15px; }
.frontbox { width: 175px; height: 300px; background-image: url(../images/front-block.png); background-repeat: repeat-y; float: left; margin-right: 8px; }
.frontboxright { width: 175px; height: 300px; background-image: url(../images/front-block.png); background-repeat: repeat-y; float: right; }
.frontbox :hover { background-image: url(../images/img-roll.png); background-repeat: repeat-y; background-position: bottom; }
.frontbox img { padding-left: 1px; }
.frontbox a { border: none; }
.frontboxright :hover { background-image: url(../images/img-roll.png); background-repeat: repeat-y; background-position: bottom; }
.frontboxright img { padding-left: 1px; }
.frontboxright a { border: none; }
.label { height: 43px; padding: 25px 0px 0px 45px; }
.label2 { height: 46px; padding: 22px 0px 0px 30px; }
.label3 { height: 43px; padding: 25px 0px 0px 22px; }
.label4{ height: 60px; padding: 8px 0px 0px 25px; }
.label img { border: none; }
.label2 img { border: none; }
.label3 img { border: none; }
.label4 img { border: none; }
#subcontentleft { float: left; width: 460px; padding-right: 10px; }
#subcontentleft ul { font-size: 0.8em; padding: 0px 10px 5px 15px; line-height: 1.7em; list-style-type: disc; }#subcontentright { float: right; width: 367px; height: 100%; }
#subimgtop { padding-bottom: 20px; }

/*-------First Time Buyers Mortgage--------*/
#middleholder-ftb { margin-right:auto; background-color: #F1F1F1; margin-left: auto; float: left; width: 100%; background-image: url(../images/middle-fade.png); background-repeat: repeat-x; }
#maincontent-ftb { margin-left:auto; margin-right:auto; width:920px; font-size: 0.9em; margin-top: 30px; overflow:hidden; padding-top: 0px; }
.column-ftb-left { float:left; width:295px; margin: 0px 17px 15px 0px; }
.column-ftb-middle { float:left; width:295px; margin-bottom: 15px; }
.column-ftb-right { float:right; width:295px; margin-bottom: 20px; }

/*------Careers page------*/
.whitebox ul { padding-left: 30px; margin-bottom:1.2em; line-height: 1.7em; font-size: 0.8em;}

/*------Footer-------*/
#footer a { color: #666666; }
#footer a:visited { color: #666666; }
#footer a:hover { color: #000000; }
#footer { margin-right:auto; margin-left: auto; color: #333333; float: left; width: 100%; padding-top: 20px; background-image: url(../images/footer-bg.png); height: 250px; }
#footerleft { float:right; width:260px; }
#footerright { float:right; width:900px; line-height: 100em; }
.footertext { line-height: 1.4em; color: #666666; font-size: 11px; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; width: 240px; list-style-image: none; }
#footer li { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 4px; padding-bottom: 0px; margin: 0px; padding-right: 0px; padding-left: 0px; list-style-type: none; list-style-image: none; height: 20px; font-size: 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; }
#footer p {font-size: 11px;}

.columnwide form fieldset {
 / * clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */ border-color: #000; border-width: 5px; border-style: solid; padding: 20px; margin: 10px; }
.columnwide form label { display: block; float: left; width: 230px; padding: 0px; text-align: left; margin: 0px 10px 15px 20px; font-size: 0.8em; }
.columnwide textarea { overflow: auto; }
.columnwide form br { clear:left; }
.input { padding-left: 20px; margin-top: 20px; }
table#liferates { width: 247px; font-size: 0.8em; line-height: 2em; }
table#liferates td { padding: 5px; border: solid #FFFFFF 1px; }
.toprow { text-align: center; background-color: #999999; background-image: url(../images/top-table-bg.png); background-repeat: no-repeat; }
.otherrows { text-align: center; background-image: url(../images/greyfade1.png); }
.leftrow { text-align: left; background-image: url(../images/greyfade1.png); }
.lmlrow { text-align:left; background-image: url(../images/redfade1.png); color: #FFFFFF; }
.lmlrow2 { text-align:center; background-image: url(../images/redfade1.png); }
.lmlrow a:link { color: #FFFFFF; }
.lmlrow a:visited { color: #FFFFFF; }
.lmlrow2 a:link { color: #FFFFFF; }
.lmlrow2 a:visited { color: #FFFFFF; }
table { line-height: 1.5em; padding: 2px; }
th { padding: 0 0.5em; text-align: left; line-height: 0.5em; }
tr.fade td { background-color: #CCCCCC; background-image: url(../images/greybg.gif); top: -20px; }
tr.fadesmall td { background-color: #CCCCCC; background-image: url(../images/greybgsmall.gif); top: -20px; }

/* News & Views section. */

#searchform { margin: 10px auto; padding: 5px 3px; }
.newsandviews-wrapper { padding:7px 10px 10px 10px; }
#sidebar ul li { list-style-type: none; list-style-image: none; padding: 10px 0px 10px 0px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }

.correspondantbox { width: 255px; background-image: url(../images/correspondentbg.png); background-repeat: repeat-y; overflow: hidden; }
.correspondantboxbtm { width: 255px; background-image: url(../images/correspondentbg-btm.png); background-repeat: no-repeat; height:20px; }
.correspondantbox img { float: left; margin: 15px; }
.correspondantbox p { text-align: left; font-weight: normal; padding-right: 15px; font-size: 0.8em; margin-bottom: 10px; !important}
.correspondantbox h2 { font-size: 1.2em; line-height: 1em;  padding-top: 20px; }
.correspndantboxinfo { float: left; width: 170px; }

.bestbuy-detail td { padding:10px; text-align: left; }
.iphone-ad { margin-bottom:20px; }