/*sup and sub tags line space fix*/
sup {font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em;}
sub {font-size: smaller; vertical-align: baseline; position: relative; bottom: -0.25em;}

/* Financial Services index page styles */
h2.financialServices {margin: 0pt 0pt 0.4em 0px; font-family: Arial, Verdana, Helvetica, sans-serif;}

/* Financial Services index page styles - CR10039 Credit card */

.promo {width:595px; height:200px; background:#eee; display:block;margin:0 0 10px 0;}
.second-promo {width:290px; height:125px; float:left; margin:0 0 10px 0; padding:0; display:block; border:1px solid #ccc;}
.second-promo-right-side {width:290px; height:125px; float:left; margin:0 0 10px 10px; padding:0; display:block; border:1px solid #ccc;}
.savings {background: #fff url(/images/finance/index/savings-background.jpg) no-repeat; background-position: bottom;}
.life-insurance {background: #fff url(/images/finance/index/life-insurance-background.jpg) no-repeat; background-position: bottom;}
.credit-card {background: #fff url(/images/finance/index/credit-card-background.jpg) no-repeat; background-position: bottom;}
.loans {background: #fff url(/images/finance/index/loans-background.jpg) no-repeat; background-position: bottom;}
.grey-bar {height:30px; width:100%; margin:0; padding:0; background:#eee;}
.grey-bar h2 a {padding:3px 0 4px 8px; color:#333; text-decoration:none; width:100%; display:block;}
.grey-bar h3 a {padding:5px 0 4px 6px; color:#333; text-decoration:none; width:100%; display:block;}
.second-promo p, .second-promo-right-side p {margin:10px 0 5px 8px; font-size:12px; width:220px;}
.second-promo p a, .second-promo-right-side p a {text-decoration:none; color:#000;}
.second-promo .more-info-button , .second-promo-right-side .more-info-button, .third-promo .more-info-button {margin:0 0 0 8px; display:block;}

/*{margin:0 0 0 11px; padding:0; float:left;}*/ 
.third-promo {width:189px; height:191px; float:left; margin:0 0 10px 0; padding:0; display:block; border:1px solid #ccc;}
.third-promo p {margin:10px 0 5px 8px; font-size:12px; width:100px; height:110px;}
.third-promo p a {text-decoration:none; color:#000;}
.third-margin {margin:0 0 0 10px; padding:0; float:left;}
.travel-card {background: #fff url(/images/finance/index/travel-card-summer-background.jpg) no-repeat; background-position: bottom;}
.spend-earn {background: #fff url(/images/finance/index/spend-earn-background.jpg) no-repeat; background-position: bottom;}
.health-insurance {background: #fff url(/images/finance/index/health-insurance-background.jpg) no-repeat; background-position: bottom;}
.small-grey-text {font-size:10px; color:#666;}

/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
#slider {width: 595px; height: 200px; overflow: hidden; margin-bottom:10px;}
#slider.competition {width: 545px; height: 265px; margin-bottom: 20px}
/* The Nivo Slider styles */
.nivoSlider {position: relative}
.nivoSlider img {position:absolute; top:0; left:0}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}

/* The slices in the Slider */
.nivo-slice {display:block; position:absolute; z-index:50; height:100%}

/* Caption styles */
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89}
.nivo-caption p {padding:5px; margin:0}
.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {float: right; margin: 10px 26px 10px 10px}

#slider.competition .nivo-controlNav {float: right; margin: 10px 10px 10px 10px}

.nivo-controlNav a {position:relative; z-index:99; cursor:pointer; text-decoration: none; font: bold 13px arial,helvetica,sans-serif; color: #fc0; background: #000; margin-left: 2px; padding: 2px 6px}
.nivo-controlNav a.active {color: #000; background: #fc0}
.nivo-controlNav a:hover {color: #000; background: #fc0}
/*Loans index page*/



.TabTable{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	text-align: left;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

	border-spacing: 0px;

	border-collapse: collapse;

	border: 1px solid #cccccc;

}



.TabbedPanelsContent table th {

	text-align: left;

	font-weight: bold;
	
	background-color: #f1f1f1;

	color: #000000;

	padding: 10px;

	border: 1px solid #cccccc;

}



.TabbedPanelsContent table td {

	text-align: left;

	padding: 10px;

	border: 1px solid #cccccc;

}



.TabbedPanelsContent table thead th {

	text-align: left;

	color: #000000;
	
	background-color: #ffcc00;

	padding: 10px;

	font-size: 12px;

	border: 1px solid #cccccc;

}
/*END Loans index page*/

/*Loans search styles*/
.loansearchpromohead {float:left; width:330px;}
.loansearchpromohead h1 {font-size: 2.4em; line-height: 1em; letter-spacing: 0.02em;}
/*.loansearchpromohead h1 {font-size: 2.4em; letter-spacing: -0.04em; margin-top: 0pt; margin-right: 0pt; margin-bottom: 5px; margin-left: -2px; line-height: 0.9em;}*/
.loanssearchpromoimage {float:left; width:260px;}
.contentdownabit {clear:both; margin-top:6px;}
/*clear divs for car loans - the page with the calculator*/
.one .two .three {clear:both;}

/*Loans existing customers typography*/
.existingcustomers ul {}
.existingcustomers li {padding-top:6px;}
.existingcustomers .phonenos {line-height:20px}


/*Credit Cards Online Exclusive offer*/
.onlineexclusive {background-color: #C00; color: #fff; padding: 0 1px 0 1px; font-size: 0.9em;}

/*Savings Index*/
#SavingsIndex #accessISAContainer {background-image: url(../images/finance/savings/index/access-isa-bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #webAccessAccountContainer {background-image: url(../images/finance/savings/index/internet-extra-bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #callAndSaveAccountContainer {background-image: url(../images/finance/savings/index/call_and_save_account_bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #fixedRateAccountContainer {background-image: url(../images/finance/savings/index/fixed-rate-bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #fixedRateAccountContainer2 {background-image: url(../images/finance/savings/index/fixed_rate_account_bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #fixedRateAccountContainer3 {background-image: url(../images/finance/savings/index/fixed_rate_account_pile_bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #equityBondsContainer {background-image: url(../images/finance/savings/index/equity_bonds_bg.jpg); background-position: bottom left; background-repeat: no-repeat;}
#SavingsIndex #gebContainer {background-image: url(../images/finance/savings/index/members-cash-isa-bg.jpg); background-position: bottom left; background-repeat: no-repeat;}

#SavingsIndex .savingsProduct {margin-bottom: 10px; width: 594px; clear:both;}
#SavingsIndex .savingsProduct h2 {color:#000000; font-size: 0.75em; padding-top: 3px;}
#SavingsIndex .savingsProduct h2 a {color:#000000; text-decoration: none;}
#SavingsIndex .savingsProduct h2 a:hover {text-decoration: underline;}
#SavingsIndex .savingsProduct h2 span {background-color: #FFCC00; padding: 3px 10px 3px 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#SavingsIndex .savingsProductContent {height: 95px; margin-top: 3px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; border: 1px solid #ffcc00;}
#SavingsIndex h3.rate, h3.deal {color: #8E8B8B; font-size: 0.875em; font-weight: bold;}
#SavingsIndex h3.deal {margin-bottom: 5px;}
#SavingsIndex .percentage {font-size: 1.5em; font-weight: bold;}
#SavingsIndex .percentage .rate {font-size: 1.55em; color:#cc0000;}
#SavingsIndex .rateDetails {padding: 5px 10px 10px 10px; position: absolute; top: 0; left: 0;}
#SavingsIndex .rateDetailsISA {padding: 5px 10px 10px 10px; position: absolute; top: 0; left: 120px;}
#SavingsIndex .dealDetails {padding: 5px 10px 10px 10px; position: absolute; top: 0; left: 260px; width: 310px;}
#SavingsIndex .dealDetails.callAndSave {left: 302px; width: 250px;}
#SavingsIndex .dealDetails.equityBonds {left: 284px; width: 280px;}
#SavingsIndex .buttonGroup {text-align: right; position: absolute; bottom: 5px; right: 0;}
#SavingsIndex .buttonGroup img {margin: 5px 5px 0 0;}
.moneynet {width:8.875em;}
.moneynet p {font-size:0.6em; color:#666666;}
.moneynet span {line-height:70%;}


/*CreditCare Policy Summary - disc bullet in ordered list*/
.bulletdisc {list-style: disc;}

/*Creditcare features table*/
.creditcaretable {margin:0.5em 0 0.5em 0;}
.creditcaretable td {text-align:left;}

/*Savings summary boxes - key product information*/
.summarybox {margin: 0.5em 0 1em 0; padding:0; background:#ffffff;}
.summarybox h3 {margin-bottom:0.2em;}
.summarybox td {text-align:left; padding:0.4em; font-size:0.82em;}
.summarybox td.bgcell {padding:0; background:#cccccc;} /*this is the one and only big cell in the outer table that holds the inner table, and thus supplies the one pixel border through the inner table's cellspacing gaps*/
.summarybox td.tdl {background:#f1f1f1; width:33%; font-size:0.82em;}
.summarybox td.tdr {background:#ffffff; font-size:0.82em;}
.summarybox td.tdr a {font-size:1.1em;}
* html .summarybox td, * html .summarybox td.tdl, *html .summarybox td.tdr {font-size:0.69em;}
* html .summarybox td.tdr a {font-size:1em;}

/*CR9340 SEO Links - related items*/
.SEOlinks {clear:both; border-top:1px solid #999999;}
#loanIndex .SEOlinks {.margin-top:6px; border-top:0;}
.third {position:relative; width:183px; float:left; margin-top:10px; .margin-top:8px; margin-bottom:20px; margin-right:23px;}
* html .third {margin-right:22px;}
html>body .third {width: 183px;}
.third.right {margin-right:0;}
* html .third.right {margin-right:0;}
.third a {display:block; padding-left:12px; background: url(../images/common/blue-chevron.gif) no-repeat; font-size:0.7em; text-decoration:none; margin-top:5px;}
.third a:hover {text-decoration:underline;}
.third h3 {background:#868686; color:#fff; width:98%; padding-left:3px; padding-top:3px; padding-bottom:3px; font-size:0.9em;}
html>body third h3 {width:100%;}
.third p {margin-top:2px;}
.no-line {border-top:none;}

/*Fixed-rate savings product page table*/
.fixedrateproducts {margin: 0.5em 0 1em 0;}
.fixedrateproducts td {background:#ffffff; text-align:center; padding:0.4em 0.2em; font-size:0.82em;}
.fixedrateproducts td.bgcell {padding:0; background:#cccccc; font-size:0.82em;}
.fixedrateproducts th.tdoption {background:#ffffff; padding:0.4em;}
.fixedrateproducts th.tdhead {background:#f1f1f1; padding:0.2em;}
.fixedrateproducts td.applynow {background:#ffcc00; font-weight:bold;  font-size:0.82em;}
.fixedrateproducts a {color:#000000;}
* html .fixedrateproducts td, * html .fixedrateproducts td.bgcell, * html .fixedrateproducts td.applynow {font-size:0.69em;}
.fixedrateproducts .spacer {background:#cccccc; height:2px;}

/*Fixed-rate savings terms table*/
.fixedrateterms {margin: 0.5em 0 1em 0;}
.fixedrateterms table.outer {border:0; cellspacing:0;}
.fixedrateterms td.bgcell {padding:0; background:#cccccc;}
.fixedrateterms table.inner {border:0; cellspacing:1;}
.fixedrateterms th {background:#f1f1f1; text-align:center; padding:0.4em 0.2em; font-size:11px; font-weight:bold; width:60px;}
.fixedrateterms th.l {text-align:left; width:250px;}
.fixedrateterms th.loneyear {text-align:left; width:400px;}
.fixedrateterms td {background:#ffffff; text-align:center; padding:0.4em 0.2em; font-size:11px;}
.fixedrateterms td.l {text-align:left;}

/*Postal Access ISA*/
.paisaOptions {margin-top:5px; margin-bottom:5px;}
.paisaOptions .left {float:left; width:327px; padding:5px 10px 0px 10px; background-color:#f8f8f8; border: solid 1px #cccccc;}
* html .paisaOptions .left {width:347px;}
.paisaOptions .right {float:right; width:367px; padding:5px 10px 0px 10px; background-color:#f8f8f8; border: solid 1px #cccccc;}
* html .paisaOptions .right {width:387px;}
.paisaOptions .button {text-align:right;}


/*New Credit Card Oct 2009*/

/*Credit card and Loans prescreening questions page*/
#fsprescreen fieldset {border-width:0; padding:0;}
#fsprescreen .yellowstrip {background-color:#fee580; width:690px; height:27px; padding:25px 25px 20px 35px; margin-bottom:10px;}
* html #fsprescreen .yellowstrip {width:750px;}
#fsprescreen .yellowstrip .left {float:left; width:530px;}
#fsprescreen .yellowstrip .right {float:right; width:120px;}

/*For new cards prescreen May2010. Now without bullets*/
#creditCardPrescreening ul {margin-left:10px;}
#creditCardPrescreening li.top10 {margin-top:10px}
#creditCardPrescreening .paymentAuthority {margin:10px 0px; padding:10px; border:1px solid #ffcc00; background-color:#fff5cc;}

/*New Rewards Plus Credit Card Jul 2011*/
.rewards-credit-card {width:291px; border:1px solid #ccc; height:auto; float:left; padding:0; margin:10px 10px 0 0; background: url(/images/finance/credit-cards/credit-card-rewards-card-background.jpg) no-repeat top right;}
.rewards-credit-card ul, .rewards-plus-credit-card ul, .balance-transfer-credit-card ul {list-style-type:none; margin:0 0 0 -20px; padding:0;}
.rewards-credit-card ul li, .rewards-plus-credit-card ul li, .balance-transfer-credit-card ul li {background: url(/images/common/listTick.gif) no-repeat; margin:0; padding:0; width:150px;}
.rewards-credit-card ul li span, .rewards-plus-credit-card ul li span, .balance-transfer-credit-card ul li span {display:block; margin:0 0 5px 22px;}

.rewards-plus-credit-card {width:290px; border:1px solid #ccc; height:auto; float:left; padding:0; margin:10px 10px 0 0; background: url(/images/finance/credit-cards/credit-card-rewards-plus-card-background.jpg) no-repeat top right;}

.balance-transfer-credit-card {width:290px; border:1px solid #ccc; height:auto; float:left; padding:0; margin:10px 0 0 0; background: url(/images/finance/credit-cards/credit-card-balance-transfer-card-background.jpg) no-repeat top right;}

.rewards-credit-card h2, .rewards-plus-credit-card h2, .calculators h2, .servicing h2, .balance-transfer-credit-card h2 {padding:0; margin:5px 0 10px 7px;}
.rewards-credit-card h2 a, .rewards-plus-credit-card h2 a, .balance-transfer-credit-card h2 a {color:#000000; text-decoration:none;}
.rewards-credit-card h2 a:hover, .rewards-plus-credit-card h2 a:hover, .balance-transfer-credit-card h2 a:hover {text-decoration:underline;}

.servicing h2.servicing-bottom {margin-bottom:34px;}
.rewards-credit-card p, .rewards-plus-credit-card p, .balance-transfer-credit-card p {padding:0; margin:0 0 10px 7px; display:block;}
.rewards-credit-card .button, .rewards-plus-credit-card .button, .servicing .button {float:right; margin:0; padding:0;}
.balance-transfer-credit-card .button-btcc {float:right; margin:0 0 10px 0; padding:0;}
.rewards-plus-credit-card .rewards-plus-p {margin-bottom:62px;}
.balance-transfer-credit-card .balance-transfer-p {margin-bottom:0;}
.rewards-credit-card a, .rewards-plus-credit-card a, .balance-transfer-credit-card a, .servicing a {margin:0 10px 10px 0; padding:0; display:block;}
.calculators {width:291px; border:1px solid #ccc; height:130px; float:left; padding:0; margin:10px 0 10px 0;}
.servicing {width:290px; border:1px solid #ccc; height:130px; float:left; padding:0; margin:10px 0 0 0;}
.calculators p.subheading, .servicing p.subheading {color:#333; font-size:17px; font-family:arial; margin-top:10px; font-weight:bold;} 
.calculators p, .servicing p {padding:0; margin:0 0 10px 7px; width:270px;}
.servicing p.bottom {margin-bottom:14px; padding:0;}
.calculators p.rewards-calculator {background: url(/images/finance/credit-cards/index/icon-rewards-calc.gif) no-repeat;}
.calculators p.rewards-calculator span, .calculators p.balance-transfer span {display:block; margin:0 0 5px 42px; width:220px; padding:0;}
.calculators p.balance-transfer {background: url(/images/finance/credit-cards/index/icon-balance-transfer-calc.gif) no-repeat;}
h3.bottom {margin-bottom:10px;}
.apr-rate {font-size:22px; font-family:arial;}
.rewards-plus-benefits-left {width:303px; display:block; float:left; margin:0 0 10px 0; padding:0;}
.rewards-plus-benefits-right {width:292px; display:block; float:left; margin:0 0 10px 0; padding:0;}
.button-right {float:right;}
h2 sup {font-size:11px; font-weight:normal; margin:0 0 0 3px;}
.points-earning {width:593px; background:#ffc; border:1px solid #ccc; margin:10px 0 0 0; padding:0; overflow:auto;}
.points-earning h2 {margin:10px 0 10px 10px; padding:0;}
.points-earning p {padding:0 10px 10px 10px; margin:0;}
.points-earning td {font-size:11px;}

.benefits {width:291px; border:1px solid #ccc; height:155px; float:left; padding:0; margin:0 10px 10px 0; background:#fff5cc;}
.benefits595 {width:595px; border:1px solid #ccc; float:left; padding:0; margin:0 10px 10px 0; background:#fff5cc;}
* html  .benefits595 {width:575px;}
.benefitsWide {width:750px; border:1px solid #ccc; height:90px; float:left; padding:0; margin:0 10px 10px 0; background:#fff5cc;}
.benefitsWide h3, .benefits h3, .benefits595 h3 {margin:10px 0 10px 10px; font-size:12px;}
.breakdown-join-banner {width:290px; border:1px solid #ccc; height:155px; float:left; padding:0; margin:0 0 10px 0; background:#fff;}
.breakdown-join-banner h3 {margin:10px 0 10px 10px; font-size:12px;}
.breakdown-join-banner img {margin-left:10px;}

/*Logon box*/
div#onlineBankingBox{background:#FFCC00; position:relative; padding:3px 0 4px 0;} /*background:#366496;*/
div#onlineBankingBox p{padding:0px 0 0px 0; margin:0 7px 6px 8px; color:#000000;}
div#olbInner{background:#f1f1f1; margin:0 7px 3px 7px; padding:5px 0 10px 4px;} /*background:#E3EDF6;*/
div#olbInner p{margin:0 4px 0 0px;}
div#olbInner input{border:1px solid #666666; font-size:10px; margin:0 0 6px; width:165px;}
div#olbInner input.login {border:medium none; height:21px; width:54px; margin:0 0 6px;}
div#enrolArea{margin:0 7px 3px 7px; padding:5px 0 4px 4px;} 
div#enrolArea p{margin:0 4px 0 0px;}


.ccservicingtop {width:575px; background-color:#000000; background-image: url(../images/finance/credit-cards/existing-customers-card-nov10.jpg); background-position: top left; background-repeat: no-repeat; height:225px; padding:10px; margin-top:10px; color:#ffffff;}
* html .ccservicingtop {width:595px;}

.ccservicingbottoml {float:left; width:273px; height:90px; margin-top:10px; padding:10px; background-color:#fee580; clear:both;}
* html .ccservicingbottoml {width:293px;}

.ccservicingbottomr {float:right; width:273px; height:90px; margin-top:10px; padding:10px; background-color:#fee580;}
* html .ccservicingbottomr {width:293px;}

/* SEO examples */
.seoShell {margin:10px 0 10px 0;}
.seoExampleBlock {float:left; width:100px; height:100px; background-color:#ffcc00; text-align:center; padding:5px 0 5px 0;}
.seoExamplePlus {float:left; width:24px; height:100px; background: url(/images/finance/credit-cards/plus.gif) no-repeat;}
.seoExampleEquals {float:left; width:24px; height:100px; background: url(/images/finance/credit-cards/equals.gif) no-repeat;}
.seoExampleArrow {float:left; width:24px; height:100px; background: url(/images/finance/credit-cards/arrow.gif) no-repeat;}
.seoExampleOr {float:left; width:24px; height:100px; background: url(/images/finance/credit-cards/or.gif) no-repeat;}

/* Spend and Earn Card - AKA Prepaid card */
.SEindexLeft {float:left; width:388px; margin-right:10px;}
.SEindexLandingLeft {float:left; width:388px; margin-right:10px; width:378px; margin-left:10px;}
* html .SEindexLandingLeft {margin-left:0px;}
.SEindexLeft .rewardDescription {margin-bottom:10px;}
.SEindexLeft .rewardDescription img {float:left; margin-right:0.25em;}
.SEindexLeft .rewardDescription p {margin-left:45px;}
.SEindexRight {width:197px; float:left;}
.SEindexRight img.card {margin-bottom:10px;}
.SEindexRight .FeatureBox {padding-bottom:10px; .padding-bottom:0px;}
.SEindexRight .featureBoxBlue {border-color:#7fb2e5; margin-top:10px;}
.SEindexRight .featureBoxBlue .FeatureBoxTitle {background-color:#cce0f5;}

.SEtable {margin: 0.5em 0 1em 0;}
.SEtable td {background:#ffffff; text-align:left; padding:0.4em; font-size:0.82em;}
.SEtable td.bgcell {padding:0; background:#cccccc; font-size:0.82em;}
.SEtable th.mainheading {text-align:center; background:#ffffff; padding:0.4em; font-size:0.82em; font-weight:bold;}
.SEtable th {background:#f1f1f1; text-align:left; padding:0.4em; font-size:0.82em; font-weight:bold;}
* html .SEtable td, * html .SEtable td.bgcell, * html .SEtable th, * html .SEtable th.mainheading {font-size:0.69em;}
.SEtable .spacer {background:#cccccc; height:2px;}

/* Currency Card */
.CurrencyIndexLeft {float:left; width:370px; margin-right:10px;}

.CurrencyIndexRight {width:207px; float:left;}
* html .CurrencyIndexRight {width:217px; float:left;}
.CurrencyIndexRight .FeatureBox {padding-bottom:10px; .padding-bottom:0px;}
.CurrencyIndexRight .featureBoxBlue {width:217px; border-color:#7fb2e5; margin-top:10px;}
* html .CurrencyIndexRight .featureBoxBlue {width:217px;}
.CurrencyIndexRight .featureBoxBlue .FeatureBoxTitle {background-color:#cce0f5;}

/* CALCULATORS June2010 */
/* Reward Points Calculator */
.rewardCalc {width:587px; height:665px; background-color:#fff5cc; border:0; padding:0 0 0 10px; background-image: url(/images/finance/calculators/thermometer-bg.jpg); background-position:top left; background-repeat:no-repeat;}
* html .rewardCalc {width:597px;}

.rewardCalc .member {width:560px; height:25px;}
.rewardCalc .member label.yesno {margin-left:10px;}
.rewardCalc .member label.error {display:none; margin:0 0 0 10px;}
#slider-input-1 .ui-slider-range {background: #ffcc00;} 
#slider-input-2 .ui-slider-range {background: #ffcc00;}

.rewardCalc .leftTab {clear:both; margin-top:5px; margin-left:15px; float:left; width:270px}
* html .rewardCalc .leftTab {margin-left:10px;}
.rewardCalc .leftTab .HowMuch {margin-top:5px;}
.rewardCalc .leftTab .fuelMotoring {margin-top:25px;}
*html .rewardCalc .leftTab .fuelMotoring {margin-top:15px;}
.rewardCalc .leftTab .everyday {margin-top:90px;}
.rewardCalc .leftTab .slider {margin-top:25px; margin-left:30px; width:210px;}
.rewardCalc .leftTab .handle {position:relative; top:-14px; .top:-16px; left:-5px;}

.rewardCalc .leftTab .totals {margin-top:75px; padding-left:20px;}
#myPoints {float:left; width:auto; margin-bottom:0px; color:#cc0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.rewardCalc .leftTab .totals .inpoints {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:6px;}
.rewardCalc .leftTab .totals .worth {clear:both; .margin-top:-73px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
* html .rewardCalc .leftTab .totals .worth {margin-top:3px;}
.rewardCalc .leftTab .totals .products {clear:both; margin-top:5px;}
.rewardCalc .leftTab .totals .pound {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
#aaProductValue, #aaTravelEssentialsOrTreatsValue, #aaCashBackValue {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.rewardCalc .leftTab .totals .on {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.rewardCalc .leftTab .totals .applybutton {float:right; clear:both; width:111px; height:27px;}

.rewardCalc .rightTab {float:right; height:440px; width:257px; margin-top:5px;}
.rewardCalc .rightTab .thermometerbox {float:left; position:relative; width:40px; height:360px; margin-top:30px; margin-left:26px; background-color:#fff;}
* html .rewardCalc .rightTab .thermometerbox {margin-left:13px;}
#thermometer {position:absolute; bottom:0; width:40px; height:0px; background-color:#cc0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#ffffff;}
.rewardCalc .rightTab .goodies {float:left; width:125px; margin:70px 0 0 35px;}
.cl-thin {width:100%; display:block; font-size:6px; margin:0; padding:0; clear:both;}
.member-question {width:575px; height:30px; display:block;}
.card-question {width:575px; height:75px; display:block;}

/* Balance Transfer Calculator */
p.find {margin-bottom:0px;}
.balanceCalc {width:550x; height:470px; background-color:#fff5cc; border:0; margin-bottom:10px; padding:15px 20px 0 25px; background-image: url(/images/finance/calculators/balance-transfer-bg.jpg); background-position:top left; background-repeat:no-repeat;}
* html .balanceCalc {width:597px; height:400px;}
.balanceCalc .formInputs {width:190px; float:left;}
.balanceCalc .formRowBalApr {clear:both; height:20px; margin-top:15px;}
.balanceCalc .formRow {clear:both; height:30px;}
.balanceCalc label {float:left; width:60px;}
.balanceCalc label.balApr {margin-left:10px; font-weight:bold;}
.balanceCalc label.pnd {clear:both; width:10px;}
.balanceCalc label.apr {width:15px;}
.balanceCalc input {float:left; width:60px;}
.balanceCalc input.bal {margin-right:10px;}
#balance-1, #balance-2, #balance-3, #balance-4 {margin-right:10px;}
.balanceCalc .formButton {float:left; height:95px; width:100px; padding-top:70px; margin-right:10px;}
.balanceCalc .formButton .submit {height:27px; width:99px;}
.balanceCalc .result {float:left; width:200px; margin-top:30px;}
.balanceCalc .result p {margin-bottom:0px; clear:both;}
#saveAmount {color:#cc0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.balanceCalc .saveAmountPound {float:left; color:#cc0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.69em; font-weight:bold; padding:10px 0;}
.balanceCalc .currentapr {clear:both;}
.balanceCalc h2.theaaCard {padding-top:0px;}
.balanceCalc .cardInfo {width:300px; float:left;}
.balanceCalc .cardInfo .infoLeft {clear:both; float:left; width:150px; margin-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.balanceCalc .cardInfo .infoRight {float:left; width:150px; margin-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.balanceCalc .cardInfo .rate150 {font-size:17px; line-height:13px;}  
.balanceCalc .applyButtom {float:left; margin-top:15px;}
#messageBox {clear:both;}
#messageBox label.error {width:275px;}
#messageBox li {float:left; list-style:none; .margin-top:0px;}
* html #messageBox li {list-style:none; margin-top:0px;}

/* How to Earn Reward Points Calculator */
.howToEarnRewardPromoLeft {float:left; width:369px; height:150px; margin-bottom:10px;}
.howToEarnRewardPromoRight {width:205px; height:130px; margin-bottom:10px; float:left; background-color:#f1f1f1; padding:10px;}
.howToEarnAlreadyGot {font-weight:bold; padding-top:45px;}
* html .howToEarnAlreadyGot {padding-top:33px;}
.howToEarnRewardCalc {border: solid 1px #cccccc; padding:10px 5px 10px 10px; background-color:#f1f1f1; width:579px;}
* html .howToEarnRewardCalc {width:595px;}
.howToEarnRewardCalc .sliderBox {float:left; width:276px; height:100px; border: solid 1px #cccccc; background-color:#fff; margin-right:10px;}
* html .howToEarnRewardCalc .sliderBox, * html .howToEarnRewardCalc .sliderBoxRight {float:left; width:266px;}
.howToEarnRewardCalc .sliderBoxRight {float:left; width:276px; height:100px; border: solid 1px #cccccc; background-color:#fff;}
.howToEarnRewardCalc .member {width:560px; height:25px;}
.howToEarnRewardCalc .member label.yesno {margin-left:10px; margin-right:5px;}
.howToEarnRewardCalc .member label.error {display:none; margin:0 0 0 10px;}
.howToEarnRewardCalc  .HowMuch {margin-top:5px;}
.howToEarnRewardCalc  .fuelMotoring {margin-top:10px; margin-left:10px;}
.howToEarnRewardCalc  .fuelMotoring label {font-weight:bold;}
.howToEarnRewardCalc  .everyday {margin-top:10px; margin-left:10px;}
.howToEarnRewardCalc  .everyday label {font-weight:bold;}
.howToEarnRewardCalc  .slider {margin-top:25px; margin-left:20px; width:215px;}
.howToEarnRewardCalc  .handle {position:relative; top:-14px; .top:-16px; left:-5px;}
.howToEarnRewardCalc .totals {clear:both; height:55px; padding:10px 0 0 0; margin:0; width:90%;}
.howToEarnRewardCalc  .totals .inpoints {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:6px;}
.howToEarnRewardCalc  .totals .worth {clear:both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.howToEarnRewardCalc .totals .products {float:left; margin-right:20px;}
.howToEarnRewardCalc  .totals .pound {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.howToEarnRewardCalc  .totals .on {float:left; width:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.redeemingRewardPointsButtons {clear:both; float:right; margin-bottom:10px;}
.redeemingRewardPointsAlready {float:right; padding:8px 10px 0 0; font-weight:bold;}
* html .redeemingRewardPointsAlready  {position:relative; top:40px;}

/* Euro Currency Card Calculator */
.tcc-promo {padding:0; margin-bottom:10px;}
p.tcc {line-height:1.4em;}
.intro-copy {width:350px; margin-top:10px; line-height:1.4em;}
.left-calculator-container {width:350px; float:left; margin:0; padding:0;}
.right-links-container {float:right; width:225px; margin-top:10px;}
.right-links-container h2 {width:215px; padding:5px; margin:0; color:#fff; font-family:arial; font-size:16px; background:#666;}
.right-links-container p {line-height:1.4em;} 
.right-links-container p.existing-customers {margin:10px 0 10px 0;}
.right-links-container p.apply-for-a-card {margin:0; background: url(/images/finance/calculators/calculator-euro-currency-card.jpg) no-repeat bottom right; margin:10px 0 10px 0; padding:0;}
.foreign-currency-converter-para {width:292px; height:50px; float:left; background:#ffe066; display:block; margin:0 0 0 0;}
.foreign-currency-converter-para p, .foreign-currency-converter-r-para p {padding:10px; font-size:0.7em; font-weight:bold;}
.foreign-currency-converter {width:293px; height:279px; float:left; background:#fff; display:block; margin:0 10px 10px 0;}
.foreign-currency-converter-r-para {width:292px; height:50px; float:left; background:#ffe066; display:block; margin:0 0 0 0;}
.foreign-currency-converter-r {width:292px; height:279px; float:left; background:#fff; display:block; margin:0 0 10px 0;}

.sae-converter {width:293px; height:259px; float:left; background:#fff; display:block; margin:0 10px 10px 0; padding:0;}
.sae-converter-para {width:293px; height:50px; float:left; background:#ffe066; display:block; margin:0 0 0 0; padding:0;}
.sae-converter-r {width:292px; height:259px; float:left; background:#fff; display:block; margin:0 0 10px 0; padding:0;}
.sae-converter-r-para {width:292px; height:50px; float:left; background:#ffe066; display:block; margin:0 0 0 0; padding:0;}
.sae-converter-para p, .sae-converter-r-para p {padding:10px; font-size:0.7em; font-weight:bold; margin:0;}

.left-fcc-container {float:left; width:293px; margin:10px 10px 0 0;}
.left-fcc-container h2, .right-fcc-container h2 {width:283px; padding:5px; margin:0; color:#fff; font-family:arial; font-size:16px; background:#666;}
.left-fcc-container p, .right-fcc-container p {line-height:1.4em; margin-top:10px;} 
.left-fcc-container p.existing-customers, .right-fcc-container p.existing-customers {margin:10px 0 10px 0;}
.left-fcc-container p.apply-for-a-card, .right-fcc-container p.apply-for-a-card {margin:0; background: url(/images/finance/calculators/calculator-euro-currency-card.jpg) no-repeat top right; margin:10px 0 10px 0; padding:0;}
.right-fcc-container {float:left; width:293px; margin-top:10px;}

.left-sae-container {float:left; width:293px; margin:10px 10px 0 0;}
.left-sae-container h2, .right-sae-container h2 {width:283px; padding:5px; margin:0; color:#fff; font-family:arial; font-size:16px; background:#666;}
.left-sae-container p, .right-sae-container p {line-height:1.4em; margin-top:10px;} 
.left-sae-container p.existing-customers, .right-sae-container p.existing-customers {margin:10px 0 10px 0;}
.left-sae-container p.apply-for-a-card, .right-sae-container p.apply-for-a-card {margin:0; background: url(/images/finance/calculators/calculator-spend-earn-card.jpg) no-repeat top right; margin:10px 0 10px 0; padding:0;}
.right-sae-container {float:left; width:292px; margin-top:10px;}

.fcc-small-print {font-size:10px;}

/* Travel Card logout landing page */
.tclpromo  .largepanel { float:left; width:292px; display:block; margin-right:11px; display:block; background:#000000; }
.tclpromo  .smallpanel.end { margin-right:0px; display:block; }
.tclpromo  .insurancepanel  { float:left; width:292px; display:block; margin-right:0px; display:block; background:#000000; }
.tclpromo .largepanel .container, .tclpromo .smallpanel .container, .tclpromo .insurancepanel .container  { background:#000000; display:block; float:left; }
.tclpromo .largepanel .container, .tclpromo .insurancepanel .container   { width:276px; padding:8px; }
.tclpromo .smallpanel .container { width:174px; padding:8px 8px 8px 9px; }
.tclpromo .largepanel .container h2, .tclpromo .insurancepanel .container  h2, .tclpromo .smallpanel .container h2, .tclpromo .smallpanel.end .container h2 { color:#ffffff; font-weight:bold; font-size:0.86em; margin-bottom:5px; }
.tclpromo .largepanel .container p, .tclpromo .insurancepanel .container  p , .tclpromo .smallpanel .container p, .tclpromo .smallpanel.end .container p{ color:#ffffff; float:left; display:block; font-size:0.65em; line-height:1.2em; margin:0;}
.tclpromo .largepanel .container .button, .tclpromo .insurancepanel .container .button {  float:right; display:block; margin-top:8px; }
.tclpromo .smallpanel .container .button {  float:right; display:block; margin-top:8px; }
.tclpromo .smallpanel { float:left; width:191px; display:block; margin-right:11px; background:#000; margin-top:11px; }
.tcllinks  { float:left; display:block;  border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; margin:10px 0; width:595px; padding-bottom:10px;}
.tcllinks a { background:url("../images/common/blue-chevron.gif") no-repeat scroll 0 0 transparent; display:block; font-size:0.7em; margin-top:5px; padding-left:12px; text-decoration:none; }
* html .tclpromo .smallpanel .container .button { padding:0;}
* html .tclpromo .largepanel .container .button  { margin-right:0px; }
* html .tclpromo .insurancepanel .container .button { margin-right:0px; }
* html .tclpromo .smallpanel .container { padding:8px 8px 5px 8px; float:left; clear:both; width:191px; }
* html .tclpromo .smallpanel.end .container { padding:8px 8px 5px 8px; float:left; clear:both; width:191px;}
* html .tclpromo .smallpanel { margin-right:8px; float:left; }
* html .tclpromo .smallpanel.end { float:left; }
* html .tclpromo .largepanel .container { padding:8px 8px 5px 8px; width:292px }
* html .tclpromo .insurancepanel .container { padding:8px 8px 5px 8px; width:292px; }
* html .tclpromo .smallpanel .container a  { padding:0px; margin:0; text-align:right;}
* html .tclpromo .smallpanel.end .container a { padding:0px; margin:0; text-align:right;}
* html .tclpromo .largepanel .container a { padding:0px; margin:0; text-align:right;}
* html .tclpromo .largepanel.end .container a { padding:0px; margin:0; text-align:right;}
* html .tclpromo .smallpanel .container a img,* html .tclpromo .smallpanel.end .container a img,* html .tclpromo .largepanel .container a img,* html .tclpromo .insurancepanel .container a img { padding:0px; margin:0;  text-align:right; border:0;}

/* Contactless payment technology page*/
@media projection, screen {#franchiseTabs .ui-tabs-hide {display: none;}}  /* Use class for showing/hiding tab content, so that visibility can be controlled in different media... */ 		
@media print {#franchiseTabs .ui-tabs-nav {display: none;}} /* Hide useless elements in print layouts... */
#franchiseTabs {margin: 0 0 10px 0; padding: 0; z-index:3000; }
#franchiseTabs .ui-tabs-nav {list-style: none; margin: 0; padding: 0; }
#franchiseTabs .ui-tabs-nav:after {display: block; padding: 0; margin: 0; clear: both; content: " ";}
#franchiseTabs .ui-tabs-nav li {float: left; margin:0 3px -1px 0; padding: 0; font: bold 15px arial,verdana,helvetica; background:url(/images/drivingschool/tab-right.gif) no-repeat right -70px; z-index:1000;}
#franchiseTabs .ui-tabs-nav li.ui-tabs-selected { background:url(/images/drivingschool/tab-right.gif) no-repeat right top; margin-bottom:-1px;  }
#franchiseTabs .ui-tabs-nav a {display: block;  background:url(/images/drivingschool/tab-left.gif) no-repeat left -70px; text-decoration: none; font-weight:normal; color:#666666; padding:5px 15px;}
#franchiseTabs li.ui-tabs-selected a  { font-weight:bold; color:#000000; background:url(/images/drivingschool/tab-left.gif) no-repeat left top; }
#franchiseTabs .ui-tabs-nav a:hover {text-decoration: underline}
#franchiseTabs .ui-tabs-selected a:hover {text-decoration: none}

#franchiseTabs .ui-tabs-nav .ui-tabs-selected a:link, 
#franchiseTabs .ui-tabs-nav .ui-tabs-selected a:visited, 
#franchiseTabs .ui-tabs-nav .ui-tabs-disabled a:link, 
#franchiseTabs .ui-tabs-nav .ui-tabs-disabled a:visited,
#franchiseTabs .ui-tabs-nav a:hover, #franchiseTabs .ui-tabs-nav a:focus, #franchiseTabs .ui-tabs-nav a:active, #franchiseTabs .ui-tabs-nav .ui-tabs-unselect a:hover, #travelTabs .ui-tabs-nav .ui-tabs-unselect a:focus, #travelTabs .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;} /* @ Opera */
#franchiseTabs  .tabmiddle { background:#f1f2f1; width:573px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; padding:0 10px;  z-index:-1; }
#franchiseTabs .tab-container .tabend {background:url(/images/drivingschool/tab-end.gif) no-repeat; height:10px; width:595px;}
#franchiseTabs .tab-container .tabtop {background:url(/images/drivingschool/tab-top.gif) no-repeat; height:5px; width:595px; z-index:-1; }
* html #franchiseTabs .tab-container .tabtop { line-height:0px; padding:0; margin:0; overflow:hidden; }
* html #franchiseTabs .tabmiddle p{ margin-top:0; padding-top:0; }
* html #franchiseTabs .tabmiddle { width:595px; }
#franchiseTabs .tabmiddle p.last { margin-bottom:0; }
.dsibanner { margin-bottom:10px; }
#franchiseTabs #fragment-3 .tuitionul { float:left; display:block; clear:both; width:60%; }
#franchiseTabs p.dsicar {text-align:right; display:block; float:right;  }
#franchiseTabs #fragment-3 p.last { clear:both; }
.contactless-logo { margin:15px auto; display:block; }
.contactless-where { margin:15px auto 15px -5px; display:block; }
.contactless-logosmall { margin-bottom:-10px; }
.contactless-card { margin-top:10px;  }

.cbox.left { margin-right:15px; }
.cbox { border:1px solid #CCCCCC; display:block; float:left; height:232px; margin-bottom:10px; margin-top:5px; width:186px; }
*html .cbox { height:238px; }
.cbox h3 { background:none repeat scroll 0 0 #E5E5E5; border-top:1px solid #F4F4F4; color:#000000; display:block; font-weight:bold; padding:5px 0 8px 0px; text-decoration:none; width:186px; text-align:center;}
.cboxcontent {  }
.cboxcontent p { margin:10px; }
.contactless-banner { margin:10px 0; }
* html #franchiseTabs .tab-container .tabtop { padding:0; margin:0; overflow:hidden; line-height:0px; display:block; }
* html #franchiseTabs .tab-container .tabmiddle { overflow:hidden;  display:block; margin-top:-6px; }

/*Credit Card Fuel Calculator*/
.fuelCalculatorContainer {width:597px; height:530px; background-color:#f7f7f7; margin-bottom:25px;}
	* html .fuelCalculatorContainer {height:540px; margin-bottom:0px;}
#fuelPointsContainer .memberYNbox {padding:10px; background-color:#ffcc00; display:none;}
#fuelPointsContainer .memberYNbox label.areYou {padding-right:55px;}
#fuelPointsContainer .memberYNbox label.y {padding-left:10px; padding-right:10px;}
#fuelPointsContainer .memberYNbox label.n {padding-left:5px;}
#fuelPointsContainer .formContainer {float:left; width:300px; height:144px; padding:10px;}
	* html #fuelPointsContainer .formContainer {width:330px;}
#fuelPointsContainer .formContainer .formEntry {clear:both; margin-bottom:10px; /*background:#00f;*/}
#fuelPointsContainer .formContainer .formEntry .labelDiv {float:left; width:100px;}
#fuelPointsContainer .formContainer .formEntry .fieldDiv {float:right; width:200px;}
#fuelPointsContainer .formContainer .formEntry select {width:200px;}
#fuelPointsContainer .formContainer .formEntry input {float:left; width:50px; margin-bottom:10px; .margin-bottom:0px;}
#fuelPointsContainer .formContainer .formEntry input.button {margin-left:100px; width:199px; height:27px; border-width:0;}
#fuel .fuelCostResult {float:left; width:265px; background-image: url(/images/finance/calculators/fuel-cost-bg.gif); background-repeat:no-repeat;}
#fuel .fuelCostResult .theFuelText {margin-top:97px; font-size:13px; font-family:verdana,arial,sans-serif; color:#000000;}
#fuel .fuelCostResult .result {width:260px; font-weight:bold;}
#fuel .fuelCostResult .result .pound {float:left; margin-left:30px; font-size:36px; font-family:verdana,arial,sans-serif; color:#000000;}
#fuelCost {float:left; font-size:36px; font-family:verdana,arial,sans-serif; color:#000000;}
#fuel .worth {clear:both; padding-left:10px; font-size: 11px; font-family: verdana,arial,sans-serif; color:#000000;}
#fuel .buyTheFuelText {float:left; margin-top:30px;}
	* html #fuel .buyTheFuelText {margin-top:10px;}
#fuel #myPoints {float:left; margin-top:23px;}
	* html #fuel #myPoints {margin-top:3px;}
#fuel .vroom {clear:both; margin-top:10px; font-size: 11px; font-family: verdana,arial,sans-serif; color:#ffffff; height:235px; padding:25px; background-image: url(/images/finance/calculators/fuel-black-bg2.jpg); background-repeat:no-repeat;}
	* html #fuel .vroom {height:280px;}
#fuel .vroom .gauge {float:left; margin-left:10px; margin-top:10px; width:200px; height:200px;}
	* html #fuel .vroom .gauge {margin-left:5px;}
#fuel .vroom .productsL {float:left; margin-left:10px; margin-right:10px; margin-top:20px;}
#fuel .vroom .productsC {float:left; margin-right:10px; margin-top:20px;}
#fuel .vroom .productsR {float:left; margin-top:20px;}
	* html #fuel .vroom .productsL {margin-left:0px; margin-right:0px;}
	* html #fuel .vroom .productsC {margin-right:0px;}
	* html #fuel .vroom .productsR {margin-right:0px;}
#fuel .vroom .productsL .productsBG, 
#fuel .vroom .productsC .productsBG, 
#fuel .vroom .productsR .productsBG {width:100px; height:50px; padding-top:26px; background-image: url(/images/finance/calculators/fuel-smaller-dial.gif); background-position:15px 0px; background-repeat:no-repeat;}
	* html #fuel .vroom .productsL .productsBG, 
	* html #fuel .vroom .productsC .productsBG, 
	* html #fuel .vroom .productsR .productsBG {width:110px; height:70px;}
#fuel .vroom .productsL .productsBG #aaProductValue {float:right; margin-right:30px; font-size:14px; font-family:verdana,arial,sans-serif; color:#cc0000; letter-spacing:-1px; font-weight:bold;}
#fuel .vroom .productsC .productsBG #aaTravelEssentialsOrTreatsValue {float:right; margin-right:30px; font-size:14px; font-family:verdana,arial,sans-serif; color:#cc0000; letter-spacing:-1px; font-weight:bold;}
#fuel .vroom .productsR .productsBG #aaCashBackValue {float:right; margin-right:30px; font-size:14px; font-family:verdana,arial,sans-serif; color:#cc0000; letter-spacing:-1px; font-weight:bold;}
	* html #fuel .vroom .productsL .productsBG #aaProductValue {margin-right:20px;}
	* html #fuel .vroom .productsC .productsBG #aaTravelEssentialsOrTreatsValue {margin-right:20px;}
	* html #fuel .vroom .productsR .productsBG #aaCashBackValue {margin-right:20px;}
#fuel .vroom .productsL .productsBG .pound, 
#fuel .vroom .productsC .productsBG .pound, 
#fuel .vroom .productsR .productsBG .pound  {float:right; font-size:14px; font-family:verdana,arial,sans-serif; color:#cc0000; font-weight:bold;}
#fuel .vroom .productsL .onWhat, 
#fuel .vroom .productsC .onWhat, 
#fuel .vroom .productsR .onWhat {width:100px; text-align:center; font-size:11px; font-family:verdana,arial,sans-serif; color:#ffffff; font-weight:bold;}
#fuel .vroom .applybutton {float:left; margin-top:10px; margin-left:60px;}

/* Very quick fix to a error display problem by GD 1st Dec 2010 */
.fuelCalculatorContainer label.error {width:210px; display:block; float:right;}

/* Credit card moneyfacts award */
.fsAwardsLeftNav {width:8.875em; text-align:center;}
.fsAwardsLeftNav p {padding-top:10px; font-size:0.6em; color:#666666;}

/* Credit Card representative APR tables May 2011 */
.representativeExample {clear:both; margin-bottom:10px;}
.representativeExample table.outer {width:100%; border:0; cellspacing:0;}
.representativeExample td.bgcell {padding:0; background:#ffcc00;}
.representativeExample table.inner {width:100%; border:0; cellspacing:2;}
.representativeExample th {background:#fff5cc; text-align:left; padding:0.5em 0.5em; font-size:11px; font-weight:bold;}
.representativeExample td {background:#ffffff; text-align:left; padding:0.5em 0.5em; font-size:11px;}


/*Manage Your Accounts landing page*/
.manageYourAccounts {clear:both; margin-top:10px; width:579px; border: solid 1px #ccc; background-color: #f1f1f1; padding:10px;}
.manageYourAccounts p {float:left; width:400px;}
.manageYourAccounts a {float:right;}

/*Members only cash isa page*/
.apply-form {width:100%; height:auto; background:#eee; display:block; margin-bottom:10px;}
form#checkForm {margin:0 0 0 10px; padding:10px 0 0 0;}
form#checkForm #mo-cash-isa-apply {margin:10px 0 10px 0; clear:both; padding:0;}
form#checkForm #member-confirm {float:left; margin:0 0 0 0; padding:0; height:15px; width:15px;}
form#checkForm label.checkbox-label {float:left; margin:0 0 4px 4px; padding:0;}
form#checkForm label.error {float:left; margin:0 400px 5px 2px; padding:1px; color:#fff; background:#f00; clear:right;}