/* global styles */

html, body {
margin: 0; padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
/*line-height: 140%;*/
background-color: #fff;
height:100%;
color:#292929;
-webkit-text-size-adjust:none;
}

p {
padding:0px;
margin:0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
color:#292929;
font-size: 18px;
font-weight: normal;
padding:0;
margin: 0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
color:#292929;
font-size: 16px;
font-weight: normal;
padding:0;
margin:0;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color:#292929;
font-size: 14px;
font-weight: normal;
padding:0px;
margin:0;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
color:#292929;
font-size: 14px;
font-weight: normal;
padding:0px;
margin:0;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
color:#292929;
font-size: 13px;
font-weight: normal;
padding:0px;
margin:0;
}

img {
border: 0;
padding:0;
margin:0;
}

hr {
border: 1px solid #e0e0e0; 
border-width: 0px 0px 1px 0px; 
color: #fff; 
background-color: #fff; 
height: 1px;
padding:0 !important;
margin:0 !important;
}


a:link, a:visited, a:hover, a:active {
color: #8a1b13;
}

.clear {
margin:0px !important;
padding:0px !important;
clear:both;
}

.tableBottomClear {
height: 0px; 
line-height: 0px;
}



/* HOLDING CONTAINERS */

#pageCenter {
position: relative;
text-align: left;
width: 990px;
margin: 0px auto;
border-top:5px solid #E8E8E8;
}

#holdingContainer {
width: 975px;
padding: 0 0 0 15px;
margin: 0px; 
float:left;
/*background-color:#f0f0f0;*/
}






/* HEADER */

#headerContainer {
float:left;
padding: 0px; 
width:960px;
position:relative;
background-color:#FFF;
z-index:2 !important;
margin:0;
}

#logo {
margin: 15px; 
float:left;
}


/* MAINTENANCE MESSAGE CONTAINER */

#announcementContainer {
clear:both;
float:left;
padding:3px 20px 6px 67px;
text-align:left;
width:850px;
}



/* LOGIN CONTAINER */

#loginContainer {
float: right; 
position:relative;
text-align: left; 
padding:0;
margin:30px 0 0 0;
background:#fff url("../img/rightContent-bg.jpg") repeat-x bottom left;
width:242px;
border-color:#A7A7A7 #DBDBDB #DBDBDB #DBDBDB;
border-style:solid;
border-width:1px 1px 1px 1px;
height:42px;
overflow:hidden;
}

#loginContainer .loginTitle {
float:left;
margin:0;
position:relative;
}

#loginContainer .loginTitle h2 {
color:#292929;
font-size:16px;
font-weight:normal;
margin:0;
padding: 9px 0 9px 8px;
}

#loginContainer .loginContent {
float:right;
margin:0;
padding:0;
text-align:left;
background:transparent url("../img/loginTitle-bg.jpg") no-repeat top right;
}

#loginContainer .loginDivideLine {
color:#292929;
font-size:16px;
margin:0 2px 0 14px;
float:left;
position:relative;
padding: 10px 0 0 0;
}

#loginContainer .loginContent a:link, 
#loginContainer .loginContent a:visited, 
#loginContainer .loginContent a:active {
color:#292929;
font-size:16px;
font-weight:normal;
margin:0;
padding: 9px 50px 9px 0;
float:left;
text-decoration:underline;
background:none;
}

#loginContainer .loginContent a:hover {
text-decoration:none;
background:none;
}




/* BODY */

#bodyContainer {
float:left;
padding:0 !important;
margin:5px 0 0 0;
text-align:left;
width:960px;
z-index:1;
}






/* LEFT COLUMN */

#leftColumn {
position: relative;
text-align: left;
width: 184px;
float:left;
margin: 0 16px 0 0;
padding:0;
z-index:3;
}

#leftColumn .leftTitle {
width: 182px; 
border: 1px solid #DBDBDB;
float: left;
margin: 0; 
position: relative;
}

#leftColumn .leftTitle h2 {
border: 1px solid #fff;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 9px 0 9px 8px;
}

#leftColumn .leftTitle.noTitleImg h2 {
background:#F4F4F4;
}

#leftColumn .leftContent {
width: 166px; 
float: left;
position: relative;
margin:2px 0 16px 0;
padding:7px 8px 7px 8px;
border-color:#ffffff #DBDBDB #DBDBDB #DBDBDB;
border-style:solid;
border-width:0 1px 1px 1px;
background:#fff url("../img/rightContent-bg.jpg") repeat-x bottom left;
}

/*GENERIC*/
#leftColumn .leftContent.genericContent {
height:auto !important;
padding-bottom:10px;
}

/*LHS PROMOTIONAL*/
#leftColumn .leftContent.promotionalContent {
height:auto !important;
padding:0px;
margin:0;
width:184px;
border:0;
background:none;
}

#leftColumn .leftContent.promotionalContent a:link img, 
#leftColumn .leftContent.promotionalContent a:visited img, 
#leftColumn .leftContent.promotionalContent a:hover img,
#leftColumn .leftContent.promotionalContent a:active img {
float:left;
margin-bottom:16px;
position:relative;
}









/* RIGHT COLUMN */

#rightColumn {
float: left;
margin: 0; 
padding: 0;
width: 244px; 
z-index:3;
}

#rightColumn .rightTitle {
width: 242px; 
border: 1px solid #DBDBDB;
float: left;
margin: 0; 
position: relative;
z-index:1;
}

#rightColumn .rightTitle h2 {
border: 1px solid #fff;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 9px 0 9px 8px;
}

#rightColumn .rightTitle.helpTitle h2 {
background:#F4F4F4 url("../img/rightTitle-help.jpg") no-repeat top right;
}

#rightColumn .rightTitle.contactTitle h2 {
background:#F4F4F4 url("../img/rightTitle-contact.jpg") no-repeat top right;
}

#rightColumn .rightTitle.newsTitle h2 {
background:#F4F4F4 url("../img/rightTitle-news.jpg") no-repeat top right;
}

#rightColumn .rightTitle.ratesTitle h2 {
background:#F4F4F4 url("../img/rightTitle-rates.jpg") no-repeat top right;
}

#rightColumn .rightTitle.noTitleImg h2 {
background:#F4F4F4;
}


#rightColumn .rightContent {
width: 226px; 
float: left;
position: relative;
margin:2px 0 16px 0;
padding:7px 8px 7px 8px;
border-color:#ffffff #DBDBDB #DBDBDB #DBDBDB;
border-style:solid;
border-width:0 1px 1px 1px;
background:#fff url("../img/rightContent-bg.jpg") repeat-x bottom left;
}

/*HOME*/
#rightColumn .rightContent.helpContent {
min-height:142px;
height:auto !important;
height:142px;
}

#rightColumn .rightContent.newsContent {
min-height:78px;
height:auto !important;
height:78px;
}

#rightColumn .rightContent.ratesContent {
min-height:51px;
height:auto !important;
height:51px;
}

/*GENERIC*/
#rightColumn .rightContent.genericContent {
height:auto !important;
padding-bottom:10px;
}

/*RHS PROMOTIONAL*/
#rightColumn .rightContent.promotionalContent {
height:auto !important;
padding:0px;
margin:0;
width:244px;
border:0;
background:none;
}

#rightColumn p {
margin:0 0 13px 0;
padding:0;
}

#rightColumn .rightContent.promotionalContent a:link img, 
#rightColumn .rightContent.promotionalContent a:visited img, 
#rightColumn .rightContent.promotionalContent a:hover img,
#rightColumn .rightContent.promotionalContent a:active img {
float:left;
margin-bottom:16px;
position:relative;
}




/* CENTER COLUMN */

#centerColumn {
position: relative;
text-align: left;
width: 500px;
float:left;
margin: 0 16px 0 0;
padding:0;
z-index:10 !important;
}


#centerColumn .centerTitle {
width: 500px; 
border-color:#DBDBDB;
border-style:solid;
border-width:1px 0 1px 0;
float: left;
margin: 0; 
position: relative;
}

#centerColumn .centerTitle h1 {
border-color:#ffffff;
border-style:solid;
border-width:1px 0 1px 0;
font-size: 18px;
font-weight: normal;
color: #fff;
margin: 0;
padding: 7px 0 9px 9px;
background:#292929 url("../img/centerColumn-title-bg.jpg") repeat-x top left;
}

#centerColumn h2 {
border-color:#d52b1e;
border-style:solid;
border-width:1px 0 1px 0;
font-size: 16px;
font-weight: normal;
color: #000;
margin: 16px 0 0 0;
padding: 9px 0 9px 10px;
background:#fff url("../img/rightSubTitle-lion.jpg") no-repeat top right;
}

#centerColumn h2.subTitle {

}

#centerColumn h3 {
border-color:#292929 #d52b1e #949494 #d52b1e;
border-style:solid;
border-width:0 0 5px 0;
font-size: 15px;
font-weight: normal;
color: #292929;
margin: 16px 0 0 0;
padding: 9px 0 9px 10px;
background:none;
}

#centerColumn #centerColumnContent h4 {
border-color:#d8d8d8;
border-style:solid;
border-width:1px 0 1px 0;
font-size: 14px;
font-weight: normal;
color: #292929;
padding: 8px 8px 8px 12px;
margin: 16px 0 0 0;
background:#f4f4f4;
}

#centerColumn h5 {
border:0;
font-size: 13px;
font-weight: bold;
color: #292929;
margin: 13px 8px 0 10px;
padding: 0;
background:none;
}

#centerColumn p {
padding:0px;
margin: 13px 8px 0 10px;
}


#centerColumn ul {
margin-top:13px;
margin-bottom:0;
margin-right:8px;
}

#centerColumn ul li {
list-style-type: none; 
background:url("../img/bullet-small-darkgrey.gif") no-repeat 0 0px;
margin: 0 0 1px -25px; 
padding:1px 0 2px 19px;
vertical-align:middle;
font-weight: normal;
}


#centerColumn ul.midgrey li {
background:url("../img/bullet-small-midgrey.gif") no-repeat 0 0px;	
}

#centerColumn ul.lightgrey li {
background:url("../img/bullet-small-lightgrey.gif") no-repeat 0 0px;	
}

#centerColumn ul.brown li {
background:url("../img/bullet-small-brown.gif") no-repeat 0 0px;	
}

#centerColumn ul.darkred li {
background:url("../img/bullet-small-darkred.gif") no-repeat 0 0px;	
}

#centerColumn ul.brightred li {
background:url("../img/bullet-small-brightred.gif") no-repeat 0 0px;	
}

#centerColumn ul.arrow li {
background:url("../img/bullet-small-arrow.gif") no-repeat 0 0px;	
}

#centerColumn ul.pdficon li {
background:url("../img/icons/icon_pdf.gif") no-repeat 0 0px;	
}

#centerColumn ul li a:link, 
#centerColumn ul li a:visited, 
#centerColumn ul li a:active 
#centerColumn ul li a:hover {
font-weight:normal;
color:#8A1B13;
}

#centerColumn ul li ul {
margin:5px 0px;
}

#centerColumn ul li ul li {
margin: 0 0 1px -40px; 
background:url("../img/bullet-small-midgrey.gif") no-repeat 0 0px;
}

#centerColumn ul li ul li ul {
margin:5px 0px;
}

#centerColumn ul li ul li ul li {
margin: 0 0 1px -40px; 
background:url("../img/bullet-small-lightgrey.gif") no-repeat 0 0px;
}


#centerColumn ol {
margin-top:13px;
margin-bottom:0;
margin-right:10px;
font-weight:bold;
}

#centerColumn ol li {
margin-bottom:1px; 
padding-top:1px;
padding-bottom:2px;
vertical-align:middle;
font-weight: normal;
}

#centerColumn ol li ol{
margin:5px 0;
}

#centerColumn ol li ol li {
margin: 0 0 1px -20px; 
}



#centerColumn ol li ul{
margin:5px 0;
}

#centerColumn ol li ul li {
margin:0 0 1px -40px;
}

#centerColumn ol li ol li ul li ol{
margin:5px 0;
}

#centerColumn ol li ol li ul li ol li {
background:#fff;
margin:0 0 1px -23px;
padding-left:0;
list-style:lower-roman;
}




/* QUICKLINKS BAR */

#quickLinksContainer {
border-color:#ffffff #ffffff #ffffff #ffffff;
border-style:solid;
border-width:1px 0 1px 0;
float:left;
padding:16px 9px 9px 39px;
margin:0;
text-align:left;
width:912px;
background:#f9f9f9 url("../img/quicklinks-bg.jpg") repeat-x top left;
font-size:11px;
}

#quickLinksContainer .quickLinksColumn {
float:left;
position:relative;
margin:0 92px 0 0;
}

#quickLinksContainer .quickLinksColumn.last {
margin:0;
}

#quickLinksContainer .quickLinksColumn ul {
position:relative;
}

#quickLinksContainer .quickLinksColumn ul li {
background:none;
padding-left:0;
}

#quickLinksContainer .quickLinksColumn a:link, 
#quickLinksContainer .quickLinksColumn a:visited, 
#quickLinksContainer .quickLinksColumn a:hover, 
#quickLinksContainer .quickLinksColumn a:active {
text-decoration:none;
color:#292929;
}

#quickLinksContainer .quickLinksColumn a:hover {
text-decoration:underline;
}

#quickLinksContainer .ctaPageTop {
width:700px;
float:right;
position:relative;
text-align:right;
padding:0;
margin:9px 0 0 0;
}

#quickLinksContainer .ctaPageTop a:link, 
#quickLinksContainer .ctaPageTop a:visited, 
#quickLinksContainer .ctaPageTop a:hover, 
#quickLinksContainer .ctaPageTop a:active {

}













/* STANDARD CTA BUTTON */

.cta-bg {
float: left;
padding: 0 0 0 10px;
margin: 0px 2px;
text-decoration: none;
text-align:center;
}

.cta-bg.greyButton { 
background: url("../img/buttons/button-grey-left.png") no-repeat; 
}
.cta-bg.darkgreyButton { 
background: url("../img/buttons/button-darkgrey-left.png") no-repeat; 
}
.cta-bg.redButton { 
background: url("../img/buttons/button-red-left.png") no-repeat; 
}

.cta-bg a:link, .cta-bg a:visited, .cta-bg a:active {
float: left;
height: 30px;
line-height: 30px;
padding: 0 7px;
font-size: 11px;
text-decoration: none;
}

.cta-bg.greyButton a:link, .cta-bg.greyButton a:visited, .cta-bg.greyButton a:active {
background: url("../img/buttons/button-grey-middle.png") repeat-x left top;
color: #292929;
}
.cta-bg.darkgreyButton a:link, .cta-bg.darkgreyButton a:visited, .cta-bg.darkgreyButton a:active {
background: url("../img/buttons/button-darkgrey-middle.png") repeat-x left top;
color: #fff;
}
.cta-bg.redButton a:link, .cta-bg.redButton a:visited, .cta-bg.redButton a:active {
background: url("../img/buttons/button-red-middle.png") repeat-x left top;
color: #fff;
}
.cta-bg.greyButton a:hover, .cta-bg.darkgreyButton a:hover, .cta-bg.redButton a:hover {
text-decoration: underline;
}

.cta-bg span {
float: left;
width: 10px;
height: 30px;
text-decoration: none;
}

.cta-bg span.greyButton {
background: url("../img/buttons/button-grey-right.png") no-repeat;
}
.cta-bg span.darkgreyButton {
background: url("../img/buttons/button-darkgrey-right.png") no-repeat;
}
.cta-bg span.redButton {
background: url("../img/buttons/button-red-right.png") no-repeat;
}





/* STANDARD LINKS */

#rightColumn a:link, 
#rightColumn a:visited, 
#rightColumn a:active {
text-decoration:underline;
color:#292929;
}

#rightColumn a:hover {
text-decoration:none;
}

#leftColumn a:link, 
#leftColumn a:visited, 
#leftColumn a:active
#leftColumn a:hover {
text-decoration:none;
color:#292929;
}

#leftColumn .leftContent a:link, 
#leftColumn .leftContent a:visited, 
#leftColumn .leftContent a:active {
text-decoration:underline;
color:#292929;
}

#leftColumn .leftContent a:hover {
text-decoration:none;
}


/* ICON */
a:link.pdfLink ,
a:visited.pdfLink , 
a:active.pdfLink , 
a:hover.pdfLink  {
background: url("../img/icons/icon_pdf.gif") no-repeat left;
padding-left:18px;
}





/* BULLETS */

ul {
margin-top:0;
margin-bottom:0;
position:relative;
}

ul li {
list-style-type: none; 
background:url("../img/bullet-small-darkgrey.gif") no-repeat 0 0px;
margin: 0 0 1px -40px; 
padding:1px 0 2px 19px;
vertical-align:middle;
font-weight: normal;
}

ul.midgrey li {
background:url("../img/bullet-small-midgrey.gif") no-repeat 0 0px;	
}

ul.lightgrey li {
background:url("../img/bullet-small-lightgrey.gif") no-repeat 0 0px;	
}

ul.brown li {
background:url("../img/bullet-small-brown.gif") no-repeat 0 0px;	
}

ul.darkred li {
background:url("../img/bullet-small-darkred.gif") no-repeat 0 0px;	
}

ul.brightred li {
background:url("../img/bullet-small-brightred.gif") no-repeat 0 0px;	
}

ul.arrow li {
background:url("../img/bullet-small-arrow.gif") no-repeat 0 0px;	
}

#rightColumn .rightContent.ratesContent ul li {
font-weight: bold;
}




/* TABLE */

#centerColumn table {
border:0;
border-collapse:collapse;
margin:0;
padding:0;
background-color:#fff;
margin:13px 0px 0px 0px;
}

#centerColumn table th {
border:0;
border-color:#b8b8b8 #fff #b8b8b8 #fff;
border-style:solid;
border-width:2px 0 2px 0;
background:#f7f7f7;
padding:15px 4px 13px 10px;
vertical-align:middle;
font-size:12px;
color:#292929;
}

#centerColumn table td {
font-size:12px;
color:#292929;
border-bottom:1px solid #A7A7A7;
padding:10px 4px 10px 10px;
vertical-align:middle;
font-size:12px;
}

#centerColumn #centerColumnContent #how_to_apply table td,
#centerColumn #centerColumnContent #how_to_apply_tabcontent table td,
#centerColumn #centerColumnContent #how_to_apply_pca table td {
vertical-align:top;	
}

/* collapsible panel table */
#centerColumn table.panelTable {
border:0;
border-collapse:collapse;
margin:0;
padding:0;
background-color:#fff;
margin:13px 8px 0px 8px;
}

/* site map table */

#centerColumn #sitemapContainer table {
margin-top:0;
}

#centerColumn #sitemapContainer table td {
border-bottom:0;
color:#292929;
font-size:12px;
padding:0 4px 10px 0;
text-align:left;
vertical-align:top;
}

#centerColumn table.panelTable.mortgageProducts {
margin:13px 0px 0px 0px;
}

#centerColumn table.panelTable.mortgageProducts td,
#centerColumn table.panelTable.mortgageProducts th {
text-align:center !important;
}

#centerColumn table.onlineProducts {
margin:13px 0 0;
text-align:center;
}

#centerColumn table.panelTable th {
border-color:#b8b8b8 #fff #b8b8b8 #fff;
border-style:solid;
border-width:2px 0 2px 0;
background:#f7f7f7;
padding:7px 4px 8px 4px;
text-align:left;
vertical-align:middle;
font-size:11px;
color:#292929;
}

#centerColumn table.panelTable td {
padding:10px 4px 10px 4px;
}

#centerColumn table.panelTable td.mortcta {
text-align:right !important;
padding:10px 9px 10px 0px;
}

#centerColumn table td.presscta {
padding:10px 0;
}

#centerColumn table.panelTable td.borderRight, #centerColumn table.panelTable th.borderRight{
border-right:1px solid #D8D8D8;
background-color:#f7f7f7;
}


#centerColumn table.twoColTable,
#centerColumn table.threeColTable{
position:relative !important;
width:500px;
}

#centerColumn table.twoColTable.panel,
#centerColumn table.threeColTable.panel {
position:relative !important;
width:482px;
margin:13px 8px 0px 8px !important;
}

#centerColumn table.threeColTable.pca th, 
#centerColumn table.threeColTable.pca td {
text-align:center !important;
}

#centerColumn table.threeColTable.pca th.rowTitle {
text-align:left !important;
}

#centerColumn table.twoColTable.panelSavingsManaging {
margin:13px 0 0 !important;
position:relative !important;
width:450px;
}

#centerColumn table.twoColTable td.alignCenter, #centerColumn table.twoColTable th.alignCenter,
#centerColumn table.threeColTable td.alignCenter, #centerColumn table.threeColTable th.alignCenter,
#centerColumn table.twoColTable.panel td.alignCenter, #centerColumn table.twoColTable.panel th.alignCenter,
#centerColumn table.threeColTable.panel td.alignCenter, #centerColumn table.threeColTable.panel th.alignCenter{
text-align:center !important;
}

#centerColumn table.twoColTable th, #centerColumn table.twoColTable td,
#centerColumn table.threeColTable th, #centerColumn table.threeColTable td{
font-size:12px;
}

#centerColumn table.twoColTable th,
#centerColumn table.threeColTable th{
border-color:#A7A7A7 #FFF;
border-style:solid;
border-width:1px 0;
background:#F4F4F4;
height:auto;
}

#centerColumn table.twoColTable td,
#centerColumn table.threeColTable td{
border-color:#A7A7A7 #FFF;
border-style:solid;
border-width:1px 0;
background:#ffffff;
padding-top:14px;
padding-bottom:14px;
}

#centerColumn table th.tableWhiteBg{
background:#ffffff;
}



#centerColumn table.twoColTable td.borderRight, #centerColumn table.twoColTable th.borderRight,
#centerColumn table.threeColTable td.borderRight, #centerColumn table.threeColTable th.borderRight{
border-right:1px solid #D8D8D8;
}



#centerColumn table.twoColTable ul,
#centerColumn table.threeColTable ul{
margin-top: 8px
}

#centerColumn table.twoColTable ul li,
#centerColumn table.threeColTable ul li{
margin-left:-35px;
}


#centerColumn table.twoColTable .tableCopy,
#centerColumn table.threeColTable .tableCopy{
padding:8px 0 0 5px !important;
float:left;
position:relative;
}








/* INTEREST RATES TABLE */
#centerColumn table.interestRates, 
#centerColumn table.previousRates {
margin:0;
text-align:center;
}

#centerColumn table.interestRates th {
text-align:center;
padding:15px 8px 13px 10px;
}

#centerColumn table.previousRates th {
background:#FFFBFB none repeat scroll 0 0;
color:#8A1B13;
text-align:center;
padding:15px 8px 13px 10px;
}

#centerColumn table.interestRates td,
#centerColumn table.previousRates td {
padding:10px 8px 10px 10px;
}

#centerColumn table.interestRates td.leftAlignment,
#centerColumn table.interestRates th.leftAlignment,
#centerColumn table.previousRates td.leftAlignment,
#centerColumn table.previousRates th.leftAlignment{
text-align:left;
}


#centerColumn table.previousRates th a:link, 
#centerColumn table.previousRates th a:visited, 
#centerColumn table.previousRates th a:active {
color:#292929;	
}

/* site map page */
#centerColumn #sitemapContainer table td p a:link, 
#centerColumn #sitemapContainer table td p a:visited, 
#centerColumn #sitemapContainer table td p a:active,
#centerColumn #sitemapContainer table td p a:hover {
color:#292929;		
}

#currentRates {
margin-top:16px;
display: block;
}

#previousRates {
margin-top:16px;
display: none;
}

.currentRatesText, .currentRatesLink {
margin:0 0 6px 10px;
}
.previousRatesText, .previousRatesLink {
float: right; 
margin:0 10px 6px 0;
}

.currentRatesLink {margin-bottom: 6px}
.previousRatesLink {float: right; margin-bottom: 6px}


#currentRates .currentRatesText strong, #previousRates .previousRatesText strong {
color:#292929;	
}

/* ROLLOVER DETAIL */

a.help:hover {display: inline;position:relative; z-index:500 !important;}
a.help span {display: none;position:relative; z-index:500 !important;}
div.helpText {display:inline;position:relative; z-index:500 !important;}
th a.help:hover div.helpText { position:relative; z-index:500 !important; text-decoration: none; font-size: 1.2em}
td a.help:hover div.helpText { position:relative; z-index:500 !important; text-decoration: none; font-size: 1em}
a.help:hover {display: inline; position:relative; z-index:500 !important;}
a.help span {display: none; position:relative; z-index:500 !important;}
div.helpText {display:block; position:relative; z-index:500 !important;}
th a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 1em; z-index:500 !important;}
td a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 0.85em; z-index:500 !important;}
a.help:hover span.helpContent {display: block; position: absolute; top: 0px; left: -18px; z-index:500 !important; width: 225px; border: 1px solid #999999; color: #000; background: #f4f4f4 url("../img/help/bg_helpText.gif") bottom right no-repeat; font-weight: normal; font-size: 110%; padding: 8px 10px; margin: 10px;}
a.help:hover span.helpImg {display: block; position: absolute; top: 0px; left: 10px; width: 16px; z-index:502 !important; background: url("../img/help/helpText.gif") no-repeat}

/* hover over for apply section image */
a.help:hover span.helpContentApply {display:block; position:absolute; top:6px; left:-18px; z-index:2000 !important; width:242px; border:1px solid #999999; color:#000; background:#f4f4f4 url("../img/help/bg_helpText.gif") bottom right no-repeat; font-weight: normal; font-size: 110%; padding:2px; margin:10px;}
a.help:hover span.helpImgApply {display: block; position: absolute; top:6px; left: 2px; width: 16px; z-index:2002 !important; background: url("../img/help/helpText.gif") no-repeat}





/* MANAGING ACCOUNTS - ANNUAL STATEMENT */

.annualStatementDefinition {
padding:10px;
border:1px solid #dbdbdb;
float:left;
position:relative;
margin:20px 0 0;
background:#FFFBFB url("/img/importantBox-bg.jpg") no-repeat scroll left top;
height:75px;
text-align:center;
width:478px;
border-color:#D52B1E #dbdbdb #D52B1E #dbdbdb;
border-style:solid;
border-width:2px 0 2px 0;
}

#annualStatementNotes {
float:left;
margin:10px 0 10px;
position:relative;
width:500px;
}

#annualStatementNotes a:link,
#annualStatementNotes a:visited,
#annualStatementNotes a:active {
border-bottom:3px solid #ffffff;
margin-top:2px !important;
float:left;
}

#annualStatementNotes a:hover {
border-bottom:3px solid #D52B1E;
}

#annualStatementNotes img {
border-top:solid 1px #dbdbdb;
}

#annualStatementNotes p strong {
text-decoration:underline;
}






/* COLORS */

.red { color:#B12319; }




/* MISC STYLES */

.icon {
float:left;
position:relative;
margin-right:3px;
}

.text-small {
font-size: 0.85em;
line-height: 140%;
}

.small {
font-size:0.8em; 
margin-top:5px;
padding:0;
}

div.footnote {
font-size: 0.9em; 
padding: 10px 20px 20px 20px; 
line-height: 120%;
}

div.footnote p {
margin: 10px 0px;
}

.icon_pdf {
position: relative; 
top: 3px;
left: 0px;
}

.keyFacts {
clear: right; 
margin-top: 14px; 
margin-left: 10px;
float: right;
}

div.importantBox {
background: #FFFBFB url("../img/importantBox-bg.jpg") top left no-repeat;
border-width:1px 0;
border-style:solid;
border-color:#d52b1e;
margin:30px 0 0;
padding:15px 15px;
font-size:13px;
color:#292929;
font-weight:bold;
float:left;
position:relative;
width:470px;
}

div.importantBox .importantBoxIcon {
float:left;
position:relative;
padding-left:68px;
margin-top:1px;
}


div.importantBox .importantBoxText {
float:left;
position:relative;
width:300px;
text-align:center;
}


div.importantBox-wide {
background: #FFFBFB url("../img/importantBox-bg.jpg") top left no-repeat;
border-width:1px 0;
border-style:solid;
border-color:#d52b1e;
margin:30px 0 0;
padding:15px 15px;
font-size:13px;
color:#292929;
font-weight:bold;
float:left;
position:relative;
width:470px;
}

div.importantBox-wide .importantBoxIcon-wide {
float:left;
margin-top:1px;
padding-left:12px;
padding-right:10px;
position:relative;
}

div.importantBox-wide .importantBoxText-wide {
float:left;
position:relative;
text-align:center;
width:400px;
}

#rightColumn div.importantBox {
margin:0 0 16px 0;
padding:10px 5px 15px;
width:234px;
text-align:center;
}


div.importantBox-greybg {
background: #fefefe url("../img/importantBox-bg-bw.jpg") top left no-repeat;
border-width:1px 0;
border-style:solid;
border-color:#DBDBDB;
margin:30px 0 0;
padding:15px 15px;
font-size:13px;
color:#292929;
font-weight:bold;
float:left;
text-align:center;
position:relative;
width:470px;
}

.importantBoxIcon-3lines {
float:left;
margin-top:10px;
padding-left:12px;
padding-right:10px;
position:relative;
}

#rightColumn div.importantBox .importantBoxText {
width:234px;
}


div.spacer {
clear:both; 
font-size: 1px; 
height: 1px; 
line-height: 1px;
color:#fff !important;
visibility:hidden;
}

.printonly {display:none}












.productRate {
float:left;
position:relative;
width:127px;
border-color:#ffffff #ffffff #A7A7A7 #A7A7A7;
border-style:solid;
border-width:0 0 1px 1px;
min-height:156px;
height:auto !important;
height:156px;
background:#ffffff url("../img/product_overview_bg.jpg") repeat-x scroll left top;
padding:4px 4px 0 0;
margin-bottom:10px;
}

.productRate h2 {
border:0 !important;
color: #ee2a24 !important;
margin: 0 !important;
background:none !important;
text-align:right;
letter-spacing:-2px !important;
font-size: 52px !important;	
font-weight:bold !important;
padding:0 0 0 10px !important;
}

.productRate span.ratePercent {
border:0;
font-size: 20px;
font-weight: bold;
color: #ee2a24;
margin: 0;
padding: 5px 0 0 0;
background:none;
text-align:right;
vertical-align:top;
}

.productRate .preRateDetails {
margin-top:0px !important;
padding-left:5px;
}

.productRate .preRateDetails h4 {
border:0;
font-size: 13px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 0;
background:none;
text-align:left;
text-decoration:none;
}

.productRate .rateDetails {
margin-top:-7px !important;
padding-right:2px;
}

.productRate .rateDetails h4 {
border:0;
font-size: 13px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 1px 0 0 0;
background:none;
text-align:right;
text-decoration:none;
}


/* MANAGING STYLES */

.faqAnswer {display: none; padding-bottom: 20px}
#centerColumn .faqAnswer td {vertical-align: top; width: 220px}
#centerColumn .faqAnswer td p {margin:13px 8px 0 0px;}
#centerColumn ul li .faqAnswer ul {margin-left: 20px !important}
#centerColumn ul li .faqAnswer td ul {margin-left: 4px !important}
.faqAnswer table {width: auto !important}


/* SAVINGS COMPARISON TOOL */

.rhsSavingsComparisonBanner {
display:none;	
}