/*-----Global-----*/
* { 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; }
.style2 { font-size: 14px; line-height: 25px; }
.biggertext { font-size:1.1em; 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; }
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: 1.2em; letter-spacing: -1px; margin-bottom: 1.1em; color: #003868; }
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; }
img { border:0;}

/*-----Header-----*/
#header { margin-right:auto; background-color: #D62550; margin-left: auto; height: 107px; text-align: left; float: left; width: 100%; }
#logo { text-align: left; float:left; width:407px; margin-top: 12px; }
.container { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; text-align: right; height: 72px; }
.containerfloat { width:910px; float:left; }
#topflags { float: right; width: 400px; margin-top: 21px; margin-bottom: 15px; }

/*-----Navigation-----*/
#navholder { float: right; width: 450px; height: 30px; margin-top: 21px; }
#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#homestatic { background: url(../images/menu-homestatic.png); width: 70px; }
#nav a#mortgages { background: url(../images/menu-mortgagesroll.png); width: 110px; }
#nav a#mortgagesstatic { background: url(../images/menu-mortgagesstatic.png); width: 110px; }
#nav a#protection { background: url(../images/menu-protectionroll.png); width: 110px; }
#nav a#protectionstatic { background: url(../images/menu-protectionstatic.png); width: 110px; }
#nav a#banking { background: url(../images/menu-bankingroll.png); width: 143px; }
#nav a#bankingstatic { background: url(../images/menu-bankingstatic.png); width: 143px; }
#nav a:hover#home { background-position: bottom; }
#nav a:hover#mortgages { background-position: bottom; }
#nav a:hover#protection { background-position: bottom; }
#nav a:hover#banking { background-position: bottom; }

/*------Middle------*/
#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; }
#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; }
#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; }
#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; }
#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; }
#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; }
.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; }
.column3 { float:left; width:283px; margin-bottom: 40px; }
.columnwide { float:left; width:630px; margin-bottom: 40px; padding: 20; }
.ratebox { width:245px; paddnig:20px; background-color: #FFFFFF; padding: 15px; border: 1px solid #999999; margin-bottom: 15px; }
.whitebox { paddnig:20px; background-color: #FFFFFF; padding: 15px; border: 1px solid #999999; margin-bottom: 15px; color: #000000; }
.rateheader { font-size:1.1em; line-height: 1.7em; font-weight: bold; }
.ratetext { font-size:0.9em; line-height: 1.9em; }
.ratedisclaimer { color: #9D855B; }
#btm { clear: both; height: 1px;}

/*-----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: 180px; }
#footerleft { float:right; width:260px; }
#footerright { float:right; width:900px; line-height: 100em; }
.footertext { line-height: 1.4em; color: #666666; font-size: 1em; }
#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: 0.8em; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; }
.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: 300px; padding: 0px; text-align: left; margin-right: 10px; margin-bottom: 20px; font-size: 0.8em; margin-top: 4px; padding-left: 20px; }
.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; }

/*------New May 2010-----*/

.iphone-ad { margin-bottom:20px; }
.column-left { float:left; width:250px; margin-right: 40px; margin-bottom: 30px; }
.column-middle { float:left; width:295px; margin-right: 36px; margin-bottom: 36px; }
.column-right { float:left; width:283px; margin-bottom: 40px; }


/*----Best buy table-----*/

.bestbuy-detail td { padding:10px; text-align: left; }
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; }