legend{border:0; margin:0; padding:0;}
* html legend.date{margin-left:-7px;} 
legend.formheader{background-color:#adf; height:15px; width:95%; font-weight:bold; color:#000; margin-left:0; padding-left:5px; padding-right:5px;}
* html legend.formheader{background-color:#adf; height:15px; width:95%; font-weight:bold; color:#000; margin:0 0 0 -8px; padding-left:5px; padding-right:5px;}

td {font-size:71%; text-align:left;
voice-family: "\"}\"";
voice-family:inherit;
font-size:100%;
}
html> body td {font-size:100%;}

th {font-size:71%; text-align:left;
voice-family: "\"}\"";
voice-family:inherit;
font-size:100%;
}
html> body th {font-size:100%;}

th.smar{text-align:center;}
th.white{padding:5px 0 5px 0;}
th.whitecalc{padding:5px 0 5px 0; text-align:right;}
th.blue{background-color:#adf; color:#000; padding:2px 0 2px 1px;}
th.loantab {background-color:#6b1687; color:#fff; padding:5px 2px 5px 5px;}
th.loanpad {background-color:#6b1687; color:#fff; padding:5px 10px 5px 10px;}
th.credit {background-color:#f10; color:#fff; padding:5px 2px 5px 5px;}
th.creditpad {background-color:#f10; color:#fff; padding:5px 10px 5px 10px;}
th.savingtab {background-color:#018749; color:#fff; padding:5px 2px 5px 5px;}
th.savinginfltab {background-color:#00a9a1; color:#fff; padding:5px 2px 5px 5px;}
th.savinginflpad {background-color:#00a9a1; color:#fff; padding:5px 10px 5px 10px;}
th.lifetab {background-color:#3e3f9a; color:#fff; padding:5px 2px 5px 5px;}
th.lifepad, td.lifepad {background-color:#3e3f9a; color:#fff; padding:5px 10px 5px 10px;}
th.motor {background-color:#27a0a1; color:#fff; padding:5px 2px 5px 5px;}
th.motorpad {background-color:#2dacad; color:#fff; padding:5px 10px 5px 10px;}
th.pettab {background-color:#f10; color:#fff; padding:2px 2px 2px 5px;}
th.petpad {background-color:#f10; color:#fff; padding:2px 10px 2px 10px;}
th.travel {background-color:#0182ac; color:#fff; padding:5px 2px 5px 5px;}
th.travelpad {background-color:#0182ac; color:#fff; padding:5px 10px 5px 10px;}
th.over {background-color:#00655b; color:#fff; padding:5px 2px 5px 5px;}
th.overpad {background-color:#00655b; color:#fff; padding:5px 10px 5px 10px;}
th.fine {background-color:#8f8f8c; color:#fff; padding:5px 2px 5px 5px;}
th.finepad {background-color:#8f8f8c; color:#fff; padding:5px 10px 5px 10px;}
th.break {background-color:#a6d96a; color:#fff; padding:5px 2px 5px 5px;}
th.breakpad {background-color:#a6d96a; color:#fff; padding:5px 10px 5px 10px;}
th.morttab {background-color:#ff6600; color:#fff; padding:5px 2px 5px 5px;}
th.mortpad {background-color:#ff6600; color:#fff; padding:5px 10px 5px 10px;}
th.rate {background-color:#617a8a; color:#fff; padding:5px 2px 5px 5px;}
th.ratepad {background-color:#617a8a; color:#fff; padding:5px 10px 5px 10px;}
th.ftsetab {background-color:#306357; color:#fff; padding:5px 2px 5px 5px;}
th.ftsepad {background-color:#306357; color:#fff; padding:5px 10px 5px 10px;}
th.thpad{border-bottom:1px solid #000; padding:2px 10px 2px 10px;}
th.thright{padding:2px 20px 2px 5px; border-bottom:1px solid #000; font-weight: normal;}
th.thright2{padding:2px 10px 2px 5px; border-bottom:1px solid #000;}
th.thplain{font-weight:normal;}
th.procon{font-size:100%; color:#2942A5; font-weight:bold; 
/** Feed IE5 - Win, false value **/
voice-family: "\"}\"";
voice-family:inherit;
font-size:120%; /** Feed all other browsers correct value **/
}
html> body th.procon {font-size:130%;}

td.tdpad {padding-left:10px; border-bottom:1px solid #000; font-weight:bold;}
td.tdpad2 {padding-left:10px; border-bottom:1px solid #000; font-weight:normal;}
td.tdpad3 {padding:2px 0 0 10px;font-weight:normal;}
td.tdright {padding:2px 20px 2px 5px; border-bottom:1px solid #000;}
td.tdright2 {padding:2px 10px 2px 5px; border-bottom:1px solid #000; font-weight:bold;}
td.calcright{text-align:right;}
td.center {text-align:center;}
td.blue2 {background-color:#adf; color:#000; padding:2px 0 2px 1px;}
td.centerline {text-align:center; border-bottom:1px solid #000;}
td.line{border-bottom:1px solid #000;}
th.line{border-bottom:1px solid #000; padding-bottom:2px;}
th.linenobold{border-bottom:1px solid #000; font-weight:normal;}
tr.topalign{vertical-align:top}

#menu {position:absolute; right: 50px; color: #fff;}
#menu a {color: #fff;}

.credit {font-size:150%; margin:0px 0 10px 0; padding:0; color:#f10;}
.life {font-size:150%; margin:0px 0 10px 0; padding:0; color:#3e3f9a;}
.motor {font-size:150%; margin:0px 0 10px 0; padding:0; color:#27A0A1;}
.home {font-size:150%; margin:0px 0 10px 0; padding:0; color:#b10163;}
.pet {font-size:150%; margin:0px 0 10px 0; padding:0; color:#f10;}
.travel {font-size:150%; margin:0px 0 10px 0; padding:0; color:#0182ac;}
.over {font-size:150%; margin:0px 0 10px 0; padding:0; color:#00655b;}
.fine {font-size:150%; margin:0px 0 10px 0; padding:0; color:#8f8f8c;}
.break {font-size:150%; margin:0px 0 10px 0; padding:0; color:#a6d96a;}
.mort {font-size:150%; margin:0px 0 10px 0; padding:0; color:#ff6600;}
.rate {font-size:150%; margin:0px 0 10px 0; padding:0; color:#617a8a;}
.ftse {font-size:150%; margin:0px 0 10px 0; padding:0; color:#306357;}

.product{font-size:120%; margin:0 0 5px 0; color:#000;}
.product a{color:#2942A5; text-decoration:none; margin:0;}
.product a:visited{color:#2942a5;}
.product a:hover{color:#f00; text-decoration:underline;}
.product a:active{color:#2942A5;}

.ldhome{font-size:140%; margin:0 10px 5px 0; color:#2942A5;}
.ldhome a:link {color:#2942A5; text-decoration:none;}
.ldhome a:visited {color:#2942a5; text-decoration:none;}
.ldhome a:hover{color:#f00; text-decoration:underline;}
.ldhome a:active{color:#2942A5!important;}

.hmhead{font-size:120%; margin:0 10px 5px 5px; padding: 0 0 0 4px; color:#2942a5; background: #f2faff; }
.hm{font-size:100%; margin:0 0 5px 5px; color:#000;}
.hm a{color:#2942A5; text-decoration:none; margin:0;}
.hm a:visited{color:#2942a5;}
.hm a:hover{color:#f00; text-decoration:underline;}
.hm a:active{color:#2942A5;}

.linkhead{font-size:100%; margin:0; color:#000; font-weight:normal;}
.linkhead a{color:#2942A5; text-decoration:none; font-weight:bold;}
.linkhead a:visited{color:#2942a5;}
.linkhead a:hover{color:#f00; text-decoration:underline;}
.linkhead a:active{color:#2942A5;}

.cal2 {font-size:120%; margin:0 0 5px 0; padding:1px 0 1px 2px; color:#000;  width:405px;}
.rem {background-color:#adf; font-size:100%; margin:0 0 5px 0; padding:1px 0 1px 2px; color:#000; height:17px; width:405px;}
.bluebg {background-color:#adf; font-weight:bold; color:#000; margin:0 0 5px 0; padding:2px 0 2px 5px;}
.bluebg a{color:#000; text-decoration: none;}
.bluebg a:visited{color:#000; text-decoration: none;}
.bluebg a:hover{color:#000; text-decoration: underline;}
.lightbluebg {background-color:#d9effe; font-weight:bold; color:#000; margin:0 0 5px 0; padding:2px 0 2px 5px;}
.bluebgrem {font-size:115%; background-color:#adf; font-weight:bold; color:#000; margin:0 0 5px 0; padding:2px 0 2px 5px;}
.check1 {background-color:#adf; padding:2px 0 2px 2px; margin:0 0 5px 0; font-size:100%; font-weight:bold;}
.smart {font-size:110%; margin:0; padding:0 0 5px 0; color:#000;}

.checkboxheader {padding: 10px 0 10px 0;}

.site {margin: 0 0 2px 5px; color: #000!important;}
.site a{color: #000!important; text-decoration: none;}
.site a:hover{color: #000!important; text-decoration: underline;}

.check2 {background-color:#adf; padding:2px 0 2px 2px; margin:3px 0 5px 0; font-size:100%; font-weight:bold;}
.bluebg3 {background-color:#adf; font-weight:bold; color:#000; margin:0 0 5px 0; padding:2px 0 2px 5px;}

#line {background-color:#2942A5; clear:left; height:19px;}

#banner {margin-left:149px;}
#banner #fix {height:6px;}
#banhomeindex{background:url(../img/home_welcome.jpg) no-repeat 0 0; margin-left:2px; margin-top:-2px;}
#bantravel {background:url(../img/insurance/travelins/prod_trin_background.gif) repeat-x 0 0;}
#banhome {background:url(../img/insurance/homeins/prod_home_background.gif) repeat-x 0 0;}
#banmotor {background:url(../img/insurance/carins/prod_moto_background.gif) repeat-x 0 0;}
#banpet {background:url(../img/insurance/petins/prod_peti_background.gif) repeat-x 0 0;}
#banins {background:url(../img/insurance/prod_insu_background.gif) repeat-x 0 0;}
#bancar {background:url(../img/insurance/breakdown/prod_brea_background.gif) repeat-x 0 0;}
#bansavings {background:url(../img/savings/savings/prod_iasa_background.gif) repeat-x 0 0;}
#baninstantaccess {background:url(../img/savings/savings/prod_iasa_background.gif) repeat-x 0 0;}
#bansavingsinfl {background:url(../img/savings/savings/prod_inflation_background.gif) repeat-x 0 0;}
#bansavingsbond {background:url(../img/savings/savings/prod_bond_background.gif) repeat-x 0 0;}
#bansmart {background:url(../img/smarter_money/prod_smar_background.gif) repeat-x 0 0;}
#banmort {background:url(../img/finance/mortgages/mort_background.gif) repeat-x 0 0;}
#bantrmo {background:url(../img/finance/travelmoney/prod_trmo_background.gif) repeat-x 0 0;}
/*#banftse {background:url(../img/savings/ftse_tracker/prod_ftse_background.gif) repeat-x 0 0;}*/
#banlife {background:url(../img/insurance/lifeins/prod_life_background.gif) repeat-x 0 0;}
#banloan {background:url(../img/finance/loans/prod_loan_background.gif) repeat-x 0 0;}
#bancredit {background:url(../img/finance/creditcards/prod_cred_background.gif) repeat-x 0 0;}
/*#banrem {background:url(../img/reminder/prod_remi_background.gif) repeat-x 0 0;}*/
#banhelp {background:url(../img/help/prod_help_background.gif) repeat-x 0 0;}
#banfinance {background:url(../img/finance/prod_fina_background.gif) repeat-x 0 0;}
#banaccounts {background:url(../img/accounts/bg_strap.gif) repeat-x 0 0;}
#bantexthometxt{padding:0 0 10px 0; font-size:200%; color:#000;}
#bantexthome{padding:0 0 10px 0; font-size:200%; color:#b10163;}
#bantexttravel{padding:0 0 10px 0; font-size:200%; color:#0182ac;}
#bantextmotor{padding:0 0 10px 0; font-size:200%; color:#27A0A1;}
#bantextpet{padding:0 0 10px 0; font-size:200%; color:#f71100;}
#bantextcar{padding:0 0 10px 0; font-size:200%; color:#62A811;}
#bantextsavings{padding:0 0 10px 0; font-size:200%; color:#018749;}
#bantextsmart{padding:0 0 10px 0; font-size:200%; color:#000;}
#bantextmort{padding:0 0 10px 0; font-size:200%; color:#ff6600;}
#bantexttrmo{padding:0 0 10px 0; font-size:200%; color:#0182AC;}
#bantextftse{padding:0 0 10px 0; font-size:200%; color:#306357;}
#bantextlife {padding:0 0 10px 0; font-size:200%; color:#3E3F9A;}
#bantextloan{padding:0 0 10px 0; font-size:200%; color:#6b1687;}
#bantextcredit{padding:0 0 10px 0; font-size:200%; color:#F71100;}
#bantextrem{padding:0 0 10px 0; font-size:200%; color:#ef3039;}
#bantexthelp{padding:0 0 10px 0; font-size:200%; color:#2942A5;}
#banleft {width:355px; margin-left:-4px;}
#banflright {float:right; width:255px; text-align:right;}
#banflrighthome {float:right; width:120px; text-align:right;}
 
.quarter{float:left; width:25%;}
.quarterless{float:left; width:24%;}
.threequarter{float:left; width:75%;}
.third{float:left; width:33%; }
.thirdless {float:left; width:30%; margin-right: 10px; }
.fixedlg{float:right; width:170px; padding-right:10px;}
#middle .midcontent .midhalf{margin: 0 -5px 0 0; float:left; width:50%;}
#middle .midcontent .midhalfless{padding: 0 0 0 0; float:left; width:49%;border-left:1px solid #2942A5;}
/* #middle .midcontent .half{float:left; width:50%;}
#middle .midcontent .halfless{float:left; width:49%;} */
#middle .midcontent .half{float:left; width:49%;}
#middle .midcontent .halfless{float:right; width:48%;}

.boxborder{border-right:1px solid #2942A5; margin:0 5px 0px 5px; min-height:200px;}
* html .boxborder{height:200px;}
.boxborder p{font-size:110%; margin:5px 5px 0 0; padding:0;}
.boxsmall{margin:0 5px 0 5px;}
.boxsmall p{margin:0; padding:0;}
.boxsmall img.float{float:left; margin:0 5px 20px 0;}
.boxnoborder{margin:0 10px 5px 5px; height:170px;}
.boxnoborder p{font-size:110%; margin:5px 5px 0 0; padding:0;}
.boxnobordersm{margin:0 10px 20px 0; height:150px;}
.boxnobordersm p{font-size:110%; margin:0 0 15px 0; padding:0;}
.boxnobordersm3{margin:0 5px 10px 0; min-height:90px;}
.boxnobordersm3 p{margin:0 5px 0 0;}

.boxnopad{border-right:1px solid #2942A5; margin:0 5px 0 5px; height:180px;}
.boxnopad p{font-size:110%; margin:0 5px 15px 0; padding:0;}
.boxrhs{margin:0 0 10px 10px;}
.boxrhs p{margin:0; padding:0;}
.boxtall{border-right:1px solid #2942A5; margin:0 5px 10px 10px; height:275px;}
.boxtall p{font-size:110%; margin:0 10px 15px 0; padding:0;}
.boxtall2{border-right:1px solid #2942A5; margin:0 15px 10px 0; height:285px;}
.boxtall2 p{font-size:110%; margin:0 10px 15px 0; padding:0;}
.boxtall2nobord{margin:0 5px 10px 0;}
.boxtall2nobord p{font-size:110%; margin:0 5px 15px 0; padding:0;}
.boxrhsline{border-bottom:1px solid #2942A5; margin:0 0 10px 0; min-height:110px; width:170px;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .boxrhsline{height:90px;}
/* End hide from IE5/mac */
.boxrhsline p{margin:10px 0 5px 0; padding:0;}
/*.boxrhsline p.fill2{margin:5px 0 20px 0; padding:0;}*/
.rembox{margin:0; padding:0; width:405px;}
.bluebox {padding:5px;}

.tescologo{position:absolute;}
.mleft30{margin-left:30px;}
.mleft20{margin-left:20px;}
.flright{float:right; margin:0 0 0 5px;}
.flrightbot{float:right; margin:0 0 20px 5px;}
.flleft{float:left; margin-right:0;}
.flleftmar{float:left; margin:0 5px 0 0;}
.flleftbot{float:left; margin:0 5px 15px 5px;}
.flleftbot2{float:left; margin:0 5px 25px 5px;}
.flleftbot3{float:left; margin:0 5px 50px 5px;}
.fllefttop{float:left; margin:10px 5px 0 0;}

form.remform {padding:0; margin:0;}

#checklist ul { padding: 0; margin: 10px 0 15px; }
#checklist li { list-style-type: none; margin-left: 0;}
#checklist ul li ul li { margin: 5px 0 5px 35px; padding:0 0 3px 0; list-style-type: disc; }

ul.disc{margin:10px 0 10px 10px; padding:0 0 0 10px;}
ul.disc li{margin:0; padding:1px 0 1px 5px; border:0; list-style-type:disc;}
ul.disc2{margin:10px 0 10px 120px; padding:0 0 0 10px;}
ul.disc2 li{margin:0; padding:1px 0 1px 5px; border:0; list-style-type:disc;}
ul.nodisc{margin:10px 0 10px 0; padding:0;}
ul.nodisc li{margin:0; padding:5px 0 5px 0; border:0; list-style-type:none;}
ul.nodisc2{margin:0px 0 5px 0; padding:0;}
ul.nodisc2 li{margin:0; padding:0 0 5px 0; border:0; list-style-type:none;}
ul.checklist {margin:0 0 0 30px; padding:0 0 10px 0;}
ul.checklist li{margin:0 0 0 10px; padding:0; list-style-type:disc;}

input.calc {margin:2px 0 0 0;}
input.marbot {margin-bottom:2px;}
input.martopbot {margin:5px 0 2px 0}
input.check{margin-bottom:0;}
input.form {margin:5px 0 5px 0;}

textarea {font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:100%;}
textarea.calc{margin:2px 0 0 0;}
textarea.txerror {border:1px solid #f00; margin:2px 0 0 0;}

select.marbot {margin-bottom:2px;}
select.martopbot {margin-top:5px; margin-bottom:2px;}
select.form {margin:5px 0 5px 0;}

select.calc {margin:2px 0 0 0;}

#healthquiz legend{font-weight:bold;}
#survey legend{font-weight:bold;}

a.button {padding:4px 20px 4px 20px; height:24px; he\ight:28px; text-align:center; border:1px outset #ccc; background-color:#d6efff; font-weight:normal!important; color:#000; white-space:nowrap;}
a.button:visited {color:#000!important;}
a.button:hover {border:1px inset #ccc; color:#000!important; text-decoration:none;}
a.button:active{color:#000;}

a.buttonsm {padding:4px 5px 4px 5px; height:24px; he\ight:28px; text-align:center; border:1px outset #ccc; background-color:#d6efff; font-weight:normal!important; color:#000;}
a.buttonsm:visited {color:#000!important;}
a.buttonsm:hover {border:1px inset #ccc; color:#000!important; text-decoration:none;}
a.buttonsm:active{color:#000;}

a.glos {padding:4px 6px; text-align:center; border:1px outset #ccc; background-color:#d6efff; font-weight:bold; color:#000; margin:0 3px 10px 0; display:block; width:1em; float:left;}
a.glos:visited {color:#000!important;}
a.glos:hover {border:1px inset #ccc; color:#000!important; text-decoration:none;}
a.glos:active{color:#000;}

#footer #legaltxt{}
#footer #legaltxt p{font-size:85%; color:#000; margin:0px 10px 10px 140px;}
#footer #links a {color:#fff; text-decoration:none;}
#footer #links a:visited{color:#fff;} 
#footer #links a:hover{color:#fff; text-decoration:underline;}
#footer #links a:active{color:#fff!important;}
#footer #links span {color: #fff; font-weight: bold;}

#popcontent {/*background:url(../img/finance/loans/prod_loan_banner_pop.gif) no-repeat 0 0;*/ height:187px;}
#float{float:right; width:315px; text-align:right; margin:41px 0 0 0;}
#popcontent .text{margin:0 0 0 27px;}
.radiotext {padding-top: 2px; padding-bottom: 6px;}
.radio {margin-top:10px; clear:both;}

.formheadingtop {background-color:#adf; height:15px; width:95%; font-weight:bold; color:#000; margin:0; padding-left:5px;}
.formheading {background-color:#adf; height:15px; width:95%; font-weight:bold; color:#000; margin:0 0 5px 0; padding-left:5px;}
.lefthalf {width:50%; float:left; margin:2px 0 0 2px;}
.lefthalf2 {width:75%; float:left; margin:2px 0 0 2px;}
.righthalf {margin: 2px 0 0 0;}
.righthalf p.removedoublespace{margin:0; padding:0}

/*.fixpink {float:right; width:170px;  margin:-10px 5px 0 0; background-color:#FBEBF7;} */
.fixmotor {float:right; width:170px;  margin:0px 5px 0 0; background-color:#f9ebf3;}
.fixhomeins {float:right; width:170px;  margin:0px 5px 0 0; background-color:#f0f0f7;}
.fixlifeins {float:right; background-color:#3e3f9a;}
.fixpet {float:right; width:170px;  margin:0px 5px 0 0; background-color:#ffeceb;}
.fixtravel {float:right; width:170px;  margin:0px 5px 0 0; background-color:#ebf5f8;}

.padmotor, .padhomeins, .padlifeins, .padpet, .padtravel{padding: 8px
8px 100px 8px;}
no-repeat bottom right;}
no-repeat bottom right;}
/*.padmotor{background: url(../img/insurance/motorins/prod_moto_bg_help.gif) no-repeat bottom right;}*/
/*.padhomeins{background: url(../img/insurance/homeins/prod_savi_bg_help.gif) no-repeat bottom right;}*/
/*.padlifeins{background: url(../img/insurance/lifeins/prod_life_bg_help.gif) no-repeat bottom right;}*/
/*.padpet{background: url(../img/savings/savings/prod_savi_bg_help.gif) no-repeat bottom right;}*/
/*.padtravel{background: url(../img/savings/savings/prod_savi_bg_help.gif) no-repeat bottom right;}*/

.label {float: left; width: 33%;}
.control {float: right; width: 65%;}
 
label.block { display: block; margin-bottom: 10px; clear: left; }
label.block span.q, label.block span.a { display: block; float: left;  }
label.block span.q { width: 65%; padding-right: 5px; }
label.block span.a { width: auto; }
label.block input { margin-left: 4px; }

div.rowcalc {clear: both; margin-bottom: 8px; width:300px;}
div.rowcalc2 {clear: both; margin-bottom: 2px; width:300px;}
.labelcalc {float: left; width: 200px;}
.controlcalc {float: right; width: 100px; text-align:right;}

.rows {clear:both;}
.rowleft {float:left; width:49%; border:0px solid blue;}
.rowright {float:right; width:49%; border:0px solid green;}
/* iemac5.2 hacks begin */
html>body .rowright{margin-top:-195px;} /*mac fix*/
/* commented backslash hack v2 \*/
html>body .rowright{margin-top:0;}/*netscape fix*/
/* end hack */
.rowleft2 {float:left; width:49%; border:0px solid blue;}
.rowright2 {float:right; width:49%; border:0px solid green;}
.rowleft3 {float:left; width:75%; border:0px solid blue;}
.rowright3 {float:right; width:24%; border:0px solid green;}

#palebluecontain {background-color: #D9EEf9; width: 130px; float: left; margin-top: 186px; border-bottom: 1px solid #41ACE3;}
.palebluetext {padding: 3px; border-left: 1px solid #41ACE3; border-right: 1px solid #41ACE3;}
.palebluerow {font-weight: bold; border-left: 1px solid #41ACE3; border-right: 1px solid #41ACE3;}
.palebluerowbot {font-weight: bold; padding-bottom: 10px; border-left: 1px solid #41ACE3; border-right: 1px solid #41ACE3;}

#lilaccontain {background-color: #CCCFE4; width: 133px; margin-left: 3px; float: left; margin-top: 73px; border-bottom: 1px solid #000E78;}
.lilactext {padding: 3px; border-left: 1px solid #000E78; border-right: 1px solid #000E78;}
.lilacrow {font-weight: bold; border-left: 1px solid #000E78; border-right: 1px solid #000E78;}
.lilacrowbot {font-weight: bold; padding-bottom: 10px; border-left: 1px solid #000E78; border-right: 1px solid #000E78;}

#greycontain {background-color: #E5E6E6; width: 133px; margin-left: 3px; float: left; border-bottom: 1px solid #7B8082;}
.greytext {padding: 3px; border-left: 1px solid #7B8082; border-right: 1px solid #7B8082;}
.greyrow {font-weight: bold; border-left: 1px solid #7B8082; border-right: 1px solid #7B8082;}
.greyrowbot {font-weight: bold; padding-bottom: 10px; border-left: 1px solid #7B8082; border-right: 1px solid #7B8082;}

.purplebox {width: 83px; height: 100px; float: left; color: #fff; font-weight: bold;}
.purplenumber {background-color: #660099; height: 60px; padding-bottom: 5px; border-bottom: 2px solid #fff;}
.purpletext {margin-left: 2px;}
.purplebox .purplenumber img {margin-left: 55px; margin-top: -8px;}

.purplenumber1 {background-color: #660099; height: 60px; padding-bottom: 5px; border-bottom: 2px solid #fff;}
.purpletext1 {margin-left: 2px;}
.whitetext {margin-left: 2px; font-weight: normal;}
.purplebox .purplenumber1 img {margin-left: 55px; margin-top: -33px;}

.pink {background-color: #DCCED0; color: #000; height: 48px; font-weight: normal; padding-left: 2px;}
.purplearrow {width: 25px; height: 100px; float: left; margin-left: 3px; font-weight: bold;}

/* opera fix */
p.pad280{padding-bottom:280px;}
p.pad200{padding-bottom:200px;}
p.pad130{padding-bottom:130px;}
p.pad10{padding-bottom:10px}
p.pad30{padding-bottom:50px}

#az{margin-top:43px;}

a.remlink{color:#2942A5; text-decoration:none; font-weight:bold;}
a.remlink:visited{color:#2942a5; text-decoration:none; font-weight:bold;}
a.remlink:hover{color:#f00; text-decoration:underline;}
a.remlink:active{color:#2942A5!important;}

* html .helpbutton {display: block; font-weight: bold; color:#2942A5; background-color: transparent; border: none; w\idth: 5px; overflow: visible;}
* html :hover .helpbutton {display: block; color:#f00; text-decoration: underline;}
.helpbutton {display: block; font-weight: bold; color:#2942A5; background-color: transparent; border: none; padding: 0px;}
.helpbutton:hover{display: block; cursor: pointer; color:#f00; text-decoration: underline;}

.indent {padding: 12px 0 4px 10px;}
span.right {float:left; padding-left:10px;}
.lineseparator {border-top:1px solid #8f8d8c; clear:both; padding: 2px 0 16px 0;}
.dividerbottom {border-bottom:1px solid #8f8d8c; clear:both; padding: 4px 0 4px 0;}
.promodivider {border-bottom:1px solid #9cd7ff; clear:both; padding: 4px 0 4px 0;}

span.left5pc {float:left; width:5%;}
span.absoluteleft {float:left; margin-right: 5px; margin-bottom: 12px;}
.buttonpad {padding-top: 6px;}
.accountspad {background: url(../img/accounts_bg_help.gif) no-repeat bottom right; padding: 5px 5px 100px 8px;}
.fixaccounts {float:right; width:170px; margin:0px 5px 10px 0; background-color:#eef0f8;}
input.button:hover {border:1px inset #ccc; color:#000!important;}
input.buttonDisabled {padding:3px 0 3px 0; margin:0 0 5px 0; text-align:center; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #ccc; background-color:#d6efff; color:#aaa;}
.helpbutton {font-size:120%; font-weight: bold; color:#2942A5; background-color: transparent; border: none; }
.helpbutton:hover{color:#f00; display: block; text-decoration: underline;}

.rhsline{border-bottom:1px solid #2942A5; margin:0 0 10px 0;}
span.left75pc {float:left; width:74%;}
span.left50pc {float:left; width:49%;}
span.centre50pc {float:left; width:49%; padding-left: 10px;}
span.right25pc {float: right; width: 24%; text-align: right;}

#middle #lhsnav ul.nav li.blue ul.prod li span.inactive{font-weight:normal;}

.popup {margin: 15px 15px 0 15px;}
.loginaccess {float:right; width:24%; margin:0; padding:0}

body {margin:0; padding:0; font-size:71%; font-family:verdana,geneva,arial,helvetica,sans-serif; background-color:#fff; color:#000;}
img {border:0;}

fieldset{border:0; margin:0; padding:0;}
* html fieldset{margin-left:0px;}
* html legend{margin-left:-8px;}
legend span{width:400px;}
legend.date{}
legend.date span{width:400px;}

.noshow {display:none;}

#accessibility {position:absolute;}
#accessibility a {}

a{color:#2942A5; text-decoration:none; font-weight:bold;}
a:visited{color:#2942a5; text-decoration:none; font-weight:bold;}
a:hover{color:#f00; text-decoration:underline;}
a:active{color:#2942A5!important;}

h1{font-size:140%; margin:0 0 5px 0; padding:0; color:#000;} 
h1 a:link {color:#2942A5; text-decoration:none;}
h1 a:visited {color:#2942a5; text-decoration:none;}
h1 a:hover{color:#f00; text-decoration:underline;}
h1 a:active{color:#2942A5!important;}

.loan {font-size:150%; margin:0px 0 10px 0; padding:0; color:#6b1687;}
.saving {font-size:150%; margin:0px 0 10px 0; padding:0; color:#018749;}
h1.popup{margin:0 0 10px 27px; padding-top:100px; font-size:160%; color:#609; font-weight:normal;}
.step{text-align:right; color:#2942a5; font-weight:bold; margin-top:-2px;}

h2{font-size:100%; margin:0; padding:0; color:#000;}
h2 a{color:#2942A5; text-decoration:none;}
h2 a:visited{color:#2942a5;}
h2 a:hover{color:#f00; text-decoration:underline;}
h2 a:active{color:#2942A5;}
.bluebg {background-color:#adf; font-weight:bold; color:#000; margin:0 0 5px 0; padding:2px 0 2px 5px;}

h3 {padding:0; margin:0; font-size:100%; font-weight:bold;}

.panel{font-size:120%; margin:0 0 5px 0; color:#000;}
.panel a{color:#2942A5; text-decoration:none;}
.panel a:visited{color:#2942a5;}
.panel a:hover{color:#f00; text-decoration:underline;}
.panel a:active{color:#2942A5;}

.link{font-size:100%; margin:0; color:#000; font-weight:normal;}
.link a{color:#2942A5; text-decoration:none; font-weight:bold;}
.link a:visited{color:#2942a5;}
.link a:hover{color:#f00; text-decoration:underline;}
.link a:active{color:#2942A5;}

h4 {margin:0; padding:0;font-size:100%; font-weight:bold;}
h5 {margin:0; padding:0;font-size:100%; font-weight:bold;}
.sm {font-size:100%; margin:0; padding:0;}

hr.separator{display:none;}
hr.reminder {color:#cccccc; padding:5px 0;}

p{margin:0; padding:5px 0 5px 0;}
.small{font-size:85%;}
.right{text-align:right; margin-right:10px;}
.mid p{padding:0 0 10px 0;}
.checkbox {margin:0; margin-left:23px; margin-top:-13px; margin-bottom: -10px; padding:0px;}
p.underh2{margin:0; padding:5px 0 5px 4px;}
p.clear2{clear:both;}
p.large{font-size:140%; font-weight: bold;}

.error{margin:0; padding:0; color:#f00;}
.red {color: #f00;}

#top {background-color:#fff;}

#middle {background-image:url(../img/bg_leftnav.gif); background-repeat:repeat-y;}

#middle:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	}

#middle {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #middle {height: 1%;}
#middle {display: block;}
/* End hide from IE-mac */

#middle #lhsnav {float:left; padding:0; width:140px; margin:0; background: transparent url(../img/bg_leftnav_top.gif) no-repeat top left;}
#middle #lhsnav ul,li{margin: 0; padding: 0 7px 0 7px; border:0; list-style-type:none;}
#middle #lhsnav ul.nav li{margin:0; padding:0; border:0;}
#middle #lhsnav ul.nav li a{display:block; color:#132777; padding:4px 2px 0 4px; text-decoration:none;  margin:0; font-weight:normal;}
#middle #lhsnav ul.nav li a:hover{color:#132777; text-decoration:underline;}
* html #middle #lhsnav ul.nav li a{width:120px;}

#middle #lhsnav ul.nav li.dkblue{margin:10px 0 0 0; color:#fff; font-weight:normal; background: #0F2E91; padding:0 2px 4px 4px;}

#middle #lhsnav ul.nav li.blue{margin-bottom:10px;}
#middle #lhsnav ul.nav li.blue a{color:#132777; background-color:#D6EFFF; display:block; padding:2px 0 2px 2px; padding-left:4px; text-decoration:none;}
#middle #lhsnav ul.nav li.blue span{color:#132777; background-color:#D6EFFF; display:block; padding:2px 4px 2px 4px; font-weight:normal;}
#middle #lhsnav ul.nav li.blue span.active{font-weight:bold;}
#middle #lhsnav ul.nav li.blue a:hover{color:#132777; text-decoration:underline;}
* html #middle #lhsnav ul.nav li.blue a{width:126px; w\idth:122px;}

#middle #lhsnav ul.nav li.blue ul.prod {padding-left:4px;}
#middle #lhsnav ul.nav li.blue ul.prod li{color:#132777; font-weight:normal; padding-left:0px;}
#middle #lhsnav ul.nav li.blue ul.prod li.space{color:#132777; font-weight:normal; padding:14px 0 0 12px;}
#middle #lhsnav ul.nav li.blue ul.prod li.list{color:#132777; font-weight:normal; padding:2px 0 2px 12px;}
#middle #lhsnav ul.nav li.blue ul.prod li a{color:#132777; display:block; padding:2px 0 2px 0; text-decoration:none; background-color:transparent;}
#middle #lhsnav ul.nav li.blue ul.prod li span{color:#132777; display:block; background-color:transparent; padding:2px 0 2px 0; margin:0; font-weight:bold;}
#middle #lhsnav ul.nav li.blue ul.prod li a:hover{color:#132777; text-decoration:underline;}
#middle #lhsnav ul.nav li.blue ul.prod li.listhighlight{color:#132777; font-weight:bold; padding:2px 0 2px 12px;}
* html #middle #lhsnav ul.nav li.blue ul.prod li a{width:115px;}

#middle #lhsnav ul.nav li.blue ul.prod li ul.dot{margin:0; padding:0 0 0 4px; list-style-type:none;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li{padding: 0 0 0 4px; background-image: url(../img/nav_dot.gif); background-repeat:no-repeat;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li a{color:#132777; display:block; padding:2px; text-decoration:none; background-color:transparent;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li span{color:#132777; margin:0; padding:2px; background-color:transparent; font-weight:bold;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li a:hover{color:#132777; text-decoration:underline;}
* html #middle #lhsnav ul.nav li.blue ul.prod li ul.dot li a{width:115px; w\idth:110px;}

#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li ul.line{margin:0; padding:0 0 0 4px; list-style-type:none;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li ul.line li{background-image: url(../img/nav_line.gif); background-repeat:no-repeat; padding:0 0 0 4px;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li ul.line li a{color:#132777; display:block; padding:2px; text-decoration:none;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li ul.line li a.active{color:#132777; padding:2px; text-decoration:underline;}
#middle #lhsnav ul.nav li.blue ul.prod li ul.dot li ul.line li a:hover{color:#132777; text-decoration:underline;}
* html #middle #lhsnav ul.nav li.blue ul.prod li ul.dot li ul.line li a{width:105px; w\idth:100px;}

#middle .midcontent {margin-left:140px; padding-top:8px;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html  #middle .midcontent{height:1%;}
/* End hide from IE5/mac */

#banleft2 {width:370px;}
#banleft2 h1 {margin:0;}
#banflright {float:right; width:255px; text-align:right;}
#topbanhome{background-color:#b10163;}
#topbanloan{background-color:#6b1687;}
#topbansave{background-color:#018749;}
#topbantrin{background-color:#0182ac;}

.mid{float:left; width:67%; margin:0 10px 0 5px;}
#middle .midcontent .clear{clear:both;}

.mid ul {margin:10px 0 10px 10px; padding:0 0 0 10px;}
.mid ul li {margin:0; padding:1px 0 1px 5px; border:0; list-style-type:disc;}
.mid ul li ul{}
.mid ul li ul li{list-style-type:circle;}
.mid ol {margin:10px 0 10px 18px; padding:0 0 0 10px;}
.mid ol li {margin:0; padding:1px 0 1px 5px; border:0; list-style-type:decimal;}
.mid ol li ul li{margin:0; padding:1px 0 1px 5px; border:0; list-style-type:disc;}

input {font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:100%;}
input.inputerror {border:1px solid #f00; margin:2px 0 0 0;}

select {font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:100%;}
select.selerror {color:#f00; margin:2px 0 0 0;}

* html input.button {padding:3px 3px 3px 3px; margin:0 0 5px 0; text-align:center; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #ccc; background-color:#d6efff; color:#000; w\idth: 5px; overflow: visible;}
input.button {padding:3px 0 3px 0; margin:0 0 5px 0; text-align:center; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #ccc; background-color:#d6efff; color:#000;}
input.button2 {padding:3px 0 3px 0; width:30em; margin:0 0 5px 0; text-align:center; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #ccc; background-color:#d6efff; color:#000;}
input.button3 {padding:3px 0 3px 0; width:15em; margin:0 0 5px 0; text-align:center; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #ccc; background-color:#d6efff; color:#000;}
input.buttongo {padding:0px 0 1px 0; margin:0px 0 1px 4px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #ccc; background-color:#d6efff; color:#000;}
span.buttonleft2 {float:left; margin-top:-5px; padding-top:5px;}
* html span.buttonleft2 {margin-top:0; ma\rgin-top:-5px;}
span.buttonleft {float:left; margin-top:-5px;}
* html span.buttonleft {margin-top:0; ma\rgin-top:-5px;}
.buttonright {float:right; height:30px; padding-top:5px; margin:-5px;}
* html span.buttonright {margin-top:0; ma\rgin:-5px 2px 0 0;}

#footer {background:#fff url(../img/bg_leftnav_bottom.gif) no-repeat bottom left; clear:both; margin-top:-1px;}
* html #footer {margin-top:0;}
#footer #links {background-color:#2942A5; color:#ffffff; padding:10px 0 10px 20px;}

.fixsave {float:right; width:170px;  margin:0px 5px 0 0; background-color:#ebf6f1;}
.fixloan {float:right; width:170px;  margin:0px 5px 0 0; background-color:#f3edf6;}

.padsave{padding: 8px 8px 100px 8px; /*background: url(../img/savings/prod_savi_bg_help.gif) no-repeat bottom right;*/}
.padloan{padding: 8px 8px 120px 8px; /*background: url(../img/prod_loan_bg_help.gif) no-repeat bottom right;*/}
.pad{padding:8px;}
.pad p {clear: both;}
.padsave p{margin: 0; padding: 0 0 10px 0;}

div.row {clear: both; padding-top: 8px;}
div.row2 {clear: both; padding-bottom: 8px;}

.rowwithborderbg {border:1px solid #aaddff; margin: 0 3px 3px 0; background-color: #f2faff; padding:2px;}
.rowwithborder {border:1px solid #aaddff; margin: 0 3px 3px 0; padding:0 4px 0 4px;}
.containingboxbig {float: left; width: 33%;}
* html div.rowppi {clear: both; margin-top: 0px;}
div.rowppi {clear: both; padding-top: 0px;}
/* added for CTR3499 */
div.left97pc {width:98%;}
.centre {vertical-align:middle;}
.lineseparator {border-top:1px solid #8f8d8c; margin-top:2px; padding-top:2px;}
span.left25pc {float:left; width:25%;}
span.left33pc {float:left; width:33%;}
span.left50pc, div.left50pc {float:left; width:50%;}
span.left60pc {float:left; width:58%;}
span.left {float:left; padding-left:10px;}
span.right50pc, div.right50pc {float: right; width: 49%;}
div.left33pc {float:left; width:33%;}

.typrate{font-size:150%}

.finest {
	padding: 0 9px 0 0;
	font-style: italic;
	background: transparent url(../img/finance/creditcards/cred_bg_finest.gif) no-repeat top right;
	border-left: solid 1px #fff;
	}
.encloselist{margin-left:100px}

.telenumber {
	white-space:nowrap;
	}

	
/* Main Content Lists 
----------------------------------------------------------------*/
ul.tick, ul.cross { margin: 4px 0 10px 0; padding: 0; list-style-type: none; }	
ul.tick li, ul.cross li { padding: 0 0 6px 20px; list-style-type: none; }	
ul.tick li { background: transparent /*url(../img/bullet_tick.gif)*/; background-repeat:no-repeat; }	
ul.cross li { background: transparent /*url(../img/bullet_cross.gif)*/; background-repeat:no-repeat; }	

ul.three_col { width: 99%; padding: 0; margin: 0; padding-bottom: 10px; }
ul.three_col li { float: left; width: 180px; margin: 0; padding: 0 0 10px 25px; /*background-image: url(../img/bullet.gif); background-position: top left; background-repeat: no-repeat;*/}
	
.underline {text-decoration: underline;}	

.offleft {position:absolute;left:-999em;width:900em;overflow:hidden;}

/* My Accounts Demo Message Box */
#demo_msg { background-color: #FFCCCC; border: 1px solid #f00; margin: 0;}
#demo_msg h2 { background-color: #f00; color: #fff; padding: 2px 0 1px 5px;}
#demo_msg img { float: right; }
#demo_msg .clear { clear: both; }
#demo_msg p { padding: 5px; }
.demo_msg { font-size: 110%; }

#policy 
pets_table {margin-bottom:20px}
pets_table tr td {vertical-align:top; vertical-align:top} 
pets_table tr th span {display:block}
pets_table tr td ul {margin-top:-1px !important; padding:0}
pets_table tr td ul.nolist li{list-style-type:none; padding-left:0 !important; margin-left:-15px !important}

.spanbrowser
{ font-size : 70%; font-weight: normal
}


/** added by claw 29/03/06  **/
/* This content will be deleted when new css file is used throughout the site */
/* 3 - Navigation 
------------------------------------------------------*/
	
	/** Primary Nav **/
		#nav-primary {width:134px; float:left; background:url(../img/bg_leftnav_top2.gif) transparent 6px 0 no-repeat; padding-top:13px}
		#nav-primary a {font-weight:normal; color:#2942A5; display:block; width:100%}
		#nav-primary * {list-style-type:none; margin:0 1px 0 7px; padding-bottom:23px}
		#nav-primary * * {margin:0; padding:0}
		#nav-primary ul {background-color:#F2FAFF}
		#nav-primary ul li {padding:2px 0 2px 4px; font-weight:bold; color:#2942A5}
		#nav-primary ul ul li {margin-left:-4px}
		#nav-primary #head{color:#fff; font-weight:normal; background-color:#0F2E91; padding:0 2px 4px 4px; margin-top:-3px}
		#nav-primary .section {padding-bottom:0; background-color:#D6EFFF}
		#nav-primary .section ul {margin-top:2px; margin-left:-4px; padding-left:4px}
		#nav-primary .section ul ul {margin-left:4px}
		#nav-primary .section ul ul li {/*padding-left:4px;*/padding:2px 4px 2px 4px; background: url(../img/nav_dot.gif) transparent 0 0 no-repeat}
		#nav-primary .section ul ul ul {margin:0; padding:0 0 0 4px; list-style-type:none;}
		#nav-primary .section ul ul ul li{background: url(../img/nav_line.gif) transparent 0 0 no-repeat; /*padding-left:4px;*/ /*padding:2px 4px 2px 7px !important;*/ padding-left:7px}

	/** Secondary Nav **/
		#nav-secondary {background-color:#2942A5; padding:10px 0 10px 20px}
		#nav-secondary ul {list-style-type:none}
		#nav-secondary li {display:inline}
		#nav-secondary a {color:#fff; margin-right:25px}
		
/* 5 - General
------------------------------------------------------*/
	
	/** Standard links **/
		a{color:#2942A5; text-decoration:none; font-weight:bold}
		a:hover{color:#f00; text-decoration:underline}


/* 6 - Tabs
------------------------------------------------------*/
	
	/** TPF Tabs **/
		
		#secondtabs #myacc {float:right; margin-right:5px}
		
/* CCS Changes */
.loginaccess {float:right; width:24%; margin:0; padding:0;}

#mybenefits {margin:0 8px 5px 145px; padding-bottom:1px;}
.mybenefits {background:url(../img/accounts/bg_dot_horiz.gif) repeat-x bottom; margin-right:8px;}
.mybenefits p {padding: 0 0 10px 0; line-height: 130%;}
.mybenefits ul {margin:0 0 6px 0; padding:0; list-style-type:none}
.mybenefits li {margin:0; padding: 2px 0 10px 28px; background: url(../img/accounts/tick-servicing.gif) transparent 0 0 no-repeat}
.benefitsrow {padding-top:8px; line-height:150%}

.myboxborder {background:url(../img/accounts/bg_dot_vertic.gif) repeat-y right; margin:0 5px 0px 5px; min-height:220px;}
* html .myboxborder{height:220px;}
.myboxborder p{font-size:100%; margin:5px 5px 0 0; padding:0;}

#middle .midcontent .myhalfless{float:left; width:48%;}

input.linkbutton {padding-left:0px; margin:0 3px 0 0; text-align:left; font-weight:bold; color:#2942A5; background-color:transparent; border:none; overflow:visible; cursor:hand}
input.linkdisabled {padding-left:0px; margin:0 3px 0 0; text-align:left; font-weight:bold; color:#aaa; background-color:transparent; border:none; overflow:visible;}
input.linkbutton:hover{color:#f00; cursor:hand}

.myboxnoborder{margin:0 0 5px 5px; height:220px;}
.myboxnoborder p{font-size:100%; padding:0;}

.spacedrow {clear:both; padding-top:8px; line-height:125%}

.optionrow {clear:both; padding:10px 0 4px 0}
html #optionrow ul {margin-top:5px;}
#optionrow li {float:left; margin:0 28px 0 -23px; list-style-type:none;}
.optionrow li .optionborder {background:url(../img/accounts/bg_dot_vertic.gif) repeat-y right; padding:2px 20px 2px 0; width:32%}

.inputcustboxborder {background:url(../img/accounts/bg_dot_vertic.gif) repeat-y right; margin:0 5px 0px 5px; min-height:260px;}
* html .inputcustboxborder {height:260px;}
.inputcustboxborder p {font-size:100%; margin:5px 5px 0 0; padding:0;}		
		
.steps {background: transparent url (../img/accounts/bg_dot_vertic.gif) repeat-x bottom left;}
.steps h3 {color:#0f2e91; text-align: left;}
.steps p {margin: 0 0 8px 0;}

	/** MetaFaq **/	
		#ask {margin-left:5px !important; margin-top:-5px !important}
		#ask .metafaq {width:116px !important; border-top:solid 1px #A0B7DB; padding:0 !important;}
		#ask .metafaq span {display:block}
		
	/** Loans Calc MTN Loans Additions **/
		.importantinfo {padding: 10px 0 10px 50px; clear: left; border-top: solid 1px #adf; background: transparent url(../img/bg_importantinfo.gif) 0 10px no-repeat}