/*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 */

.fsIndexTop {width:595px; color:#fff9e2; height:225px; background-color:#000000; background-image: url(../images/finance/index/fs-index-creditcard-header.gif); background-position: top left; background-repeat: no-repeat;}

.fsIndexTop h2 {color:#000000; background-color:#ffcc00; font-size:1.1em; padding-top:3px; padding-right:6px; padding-bottom:3px; padding-left:6px}
.fsIndexTop h2 a {display:block; color:#000000; text-decoration:none;}

.fsIndexTop .inner {padding:0 10px 10px 10px;}
.fsIndexTop .inner h3 a {display:block; padding-top:5px; color:#ffcc00; text-decoration:none;}

.fsIndexTop .inner li a {display:block; color:#fff9e2; text-decoration:none;}
.fsIndexTop .inner p a {display:block; padding-top:5px;}


.fsIndexLow {height:210px;}

.fsIndexLow h2 {color:#000000; background-color:#ffcc00; font-size:1em; padding-top:3px; padding-right:6px; padding-bottom:3px; padding-left:6px;}
.fsIndexLow h2 a {display:block; color:#000000; text-decoration:none;}
.fsIndexLow h2 a:hover {text-decoration:underline;}

.fsIndexLow .left, .fsIndexLow .right {width:292px; height:190px; margin-top:10px; background-color:#fff5cc; background-position: top left; background-repeat: no-repeat;}
.fsIndexLow .left {float:left; margin-right:10px; background-image: url(../images/finance/index/fs-index-loans-bg.gif);}
.fsIndexLow .right {float:right; background-image: url(../images/finance/index/fs-index-savings-bg.gif);}

.fsIndexLow .inner {padding:5px 10px 10px 10px;}
.fsIndexLow .inner h4 a {display:block; color:#000000; text-decoration:none;}

.fsIndexLow .left .inner li a.one {padding-top:15px; .padding-top:13px; display:block; color:#000000; text-decoration:none;}
.fsIndexLow .left .inner li a.two {display:block; color:#000000; text-decoration:none;}
.fsIndexLow .left .inner p a {display:block; margin-top:27px; .margin-top:19px;}

.fsIndexLow .right .inner p a.one {display:block; padding-top:5px; color:#000000; text-decoration:none;}
.fsIndexLow .right .inner p a.two {display:block; padding-top:-10px; color:#000000; text-decoration:none;}
.fsIndexLow .right .inner p a.three {display:block; margin-top:-5px;}

.fsIndexTop h2 a:hover, .fsIndexTop .inner h3 a:hover, .fsIndexTop .inner li a:hover, .fsIndexTop .inner p a:hover, .fsIndexLow .left .inner h4 a:hover, .fsIndexLow .right .inner h4 a:hover, .fsIndexLow .left .inner li a:hover, .fsIndexLow .left .inner p a:hover, .fsIndexLow .right .inner p a:hover {text-decoration:underline;}

/*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 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 #webAccessAccountContainer {background-image: url(../images/finance/savings/index/web_access_account_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_account_pig_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/geb_bg.jpg); background-position: bottom left; background-repeat: no-repeat;}

#SavingsIndex .savingsProduct {margin-bottom: 5px; width: 585px;}
#SavingsIndex .savingsProduct h2 {color: #000000; font-size: 0.75em; padding-top: 3px;}
#SavingsIndex .savingsProduct h2 span {background-color: #FFCC00; padding: 3px 10px 3px 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#SavingsIndex .savingsProduct h2 span.internetAccess {padding-right: 25px;}
#SavingsIndex .savingsProduct h2 span.equityBonds {padding-right: 45px;}
#SavingsIndex .savingsProductContent {height: 103px; margin-top: 3px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000;}
#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 .rateDetails {padding: 10px; position: absolute; top: 0; left: 0;}
#SavingsIndex .dealDetails {padding: 10px; position: absolute; top: 0; left: 260px; width: 305px;}
#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 5px 0;}

/*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;}
.summarybox h3 {margin-bottom:0.2em;}
.summarybox td {text-align:left; padding:0.4em;}
.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%;}
.summarybox td.tdr {background:#ffffff;}

/*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;}


/*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;}
.fixedrateproducts td.bgcell {padding:0; background:#cccccc;}
.fixedrateproducts th.tdoption {background:#ffffff; padding:0.4em;}
.fixedrateproducts th.tdhead {background:#f1f1f1; padding:0.2em;}
.fixedrateproducts td.applynow {background:#ffcc00; font-weight:bold;}
.fixedrateproducts a {color:#000000;}

/*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;}




/*New Credit Card Oct 2009*/

/*Credit card and Loans prescreening questions page*/
.yellowstrip {background-color:#fee580; width:664px; height:27px; padding:25px 50px 20px 35px; margin-bottom:10px;}
* html .yellowstrip {width:750px;}



/*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-mbna-card.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;}