statement { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-variant: small-caps}
.navigation_link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #8F8F9F}
.body_link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; font-weight: normal}
.navigation_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #8F8F9F; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px}
.page_orientation { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #51868A; font-weight: bold}
.header_orientation { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: yellow}
.notes { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #51868A; width: 660px !important;}
.smallNotes { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #51868A; width: 500px !important;}
.table_header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.table_data { font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.notes_link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF}
.body { font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.body_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px }
.sub_heading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: capitalize; color: #000000; left: 10px; clip: rect( ) }
.centered { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center}
UL.SavingBondRates{
font-size:12px;
}
ol.euroSaver li {
margin-bottom: 10px;
}
ol.euroSaver li ul li {
margin-bottom: 0;
}
div.attention {
background-color: #EFFAF4;
padding: 1em 0;
width: 90%;
}
html > body ul div.attention {
margin-left: -1em;
}
div.attention h1 {
color: #F8162A;
font-size: 150%;
margin-left: 10px;
}
div.attention p {
font-size: 1em;
margin-left: 20px;
}
table#iContent div.attHome {background-color:#DDF1F2; padding: 10px 5px 0px 5px; margin-top:1em;}
* html table#iContent div.attHome {background-color:#DDF1F2; padding: 10px 5px 7px 5px; margin-top:1em;}
table#iContent div.attHome p.home { font-size: 0.8em; }
table#iContent div.attHome h1.home { font-size: 1em; text-transform: lowercase; color: #000;}
table#iContent div.attHome p.important, table#iContent p.important { font-weight: bold; font-size: 0.8em; }
table#iContent div.attHome a.orange { color: #FE6700; font-weight: bold; }
table#iContent h1.investHome {font-size: 1.5em; margin-bottom: 0;}
table#iContent p.important {margin-top: 0;}
table#iProductTable a img{ border: none; }
table#iTblehome { width: 80%; }
table#iProductTable td {
border-left: 2.5px solid #fff;
border-right: 2.5px solid #fff;
}
table#iProductTable td.title {
background: #66CDCC url("../images/dottedLineBreak.png") bottom repeat-x;
color: #FFF;
font-weight: bold;
font-size: 0.9em;
width: 20px;
padding: 5px 20px 25px 7px;
vertical-align: top;
}
table#iProductTable td.invest{
background: url("../images/investAmount.png");
color: #FFF;
vertical-align: top;
padding: 5px 0 5px 7px;
}
table#iProductTable td.invest p{
font-size: 0.6em;
margin-bottom: 0;
margin-top: 0.2em;
}
table#iProductTable td.invest p.p1{
font-size: 0.6em;
padding-right: 30px;
}
table#iProductTable td.invest span{
font-size: 1.3em;
font-weight: bold;
}
div.newButtons ul{padding-bottom: 5px; }
* html div.newButtons ul{padding-bottom: 0px; margin-bottom: 0px;}
div.newButtons li {
display: block;
background: url("../images/arrow.png") no-repeat 208px 7px #009999;
width: 215px;
padding: 4px 6px 4px 6px;
margin-left: 185px;
margin-bottom: 0px;
list-style: none;
font-size: 0.8em;
font-weight: bold;
}
* html div.newButtons li {
display: block;
background: url("../images/arrow.png") no-repeat 200px 7px #009999;
width: 220px;
padding: 4px 6px 4px 6px;
margin-left: 185px;
margin-bottom: 0px;
list-style: none;
font-size: 0.78em;
font-weight: bold;
}
div.newButtons li a {
color: #ffffff !important;
margin-right : 24px;
}
div.blackHighlight {
position:relative;
width: 420px;
color: #fff;
margin: 10px 0px 0 0px;
padding: 20px 20px 5px 20px;
_padding: 20px 20px 20px 20px;
background: #000;
}
div.blackHighlight h2 {
font-size: 1.4em;
margin: 0 0 12px 0;
padding: 0px;
color: #fff;
border-bottom: none;
}
div.blackHighlight h3 {
margin: 0 0 12px 0;
padding: 0px;
color: #fff;
}
div.blackHighlight p.pinkButton a, div.blackHighlight p.pinkButton a:visited {
width: 180px;
background: #51B9C6;
display: block;
margin: 0px 0 0px 220px;
padding: 5px;
color: #fff;
border-top: #C4D7CF 1px solid;
border-left: #C4D7CF 1px solid;
border-bottom: #266F67 1px solid;
border-right: #266F67 1px solid;
font-weight: bold;
text-align: center;
}
div.blackHighlight a:link, div.blackHighlight a:visited {
font-weight: bold;
padding-left:3px;
color: #EF008C;
}
div.blackHighlight a:hover {
text-decoration: underline !important;
}
div.questions{
padding-left: 10px;
}
div.questions p{
font-size: .8em;
padding: 0px;
font-weight: normal;
}
div.questions li {
font-size: .8em;
padding: 0px;
font-weight: normal;
}
div.questions a {
border-bottom: none;
color: 0099ff;
}
div.questions h1 {
font-size: 0.8em;
margin: 0 0 12px 0;
padding: 0px;
border-bottom: none;
color: #51868A;
}
div.questions h2 {
font-size: 0.8em;
margin: 0 0 12px 0;
padding: 0px;
border-bottom: none;
color: #51868A;
}
div.questions h3 {
font-size: 0.9em;
margin: 0 0 12px 0;
padding: 0px;
}
div.greenHighlight {
position:relative;
width: 420px;
color: #000;
margin: 10px 0px 0 0px;
padding: 20px 20px 5px 20px;
_padding: 20px 20px 20px 20px;
background: #74CDD3;
}
* html div.greenHighlight {
position:relative;
width: 440px;
color: #000;
margin: 10px 0px 0 0px;
padding: 20px 20px 5px 20px;
_padding: 20px 20px 20px 20px;
background: #74CDD3;
}
div.greenHighlight h2 {
font-size: 1.4em;
margin: 0 0 12px 0;
padding: 0px;
color: #000;
border-bottom: none;
}
div.greenHighlight h3 {
margin: 0 0 12px 0;
padding: 0px;
color: #000;
}
div#headerParagraph {
width:500px;
}
table.tableTxt {
font-size: 1.0em;
}
.clearB
{
clear:both;
}
div.mainContent
{
background: #FFFFFF url(/_assets/css/images/mainContentBackground.png) repeat-y;
width: 720px;
height: auto;
margin-top: -11px;
margin-left: 20px;
padding-top: 10px;
padding-left: 20px;
}
div.mainContentMenu
{
display: block;
float:left;
width: 350px;
margin-bottom: 0px;
}
*html div.mainContentMenu
{
margin-bottom: -10px;
}
div.mainContentMenu ul.menu
{
display: block;
float: left;
font-size: 1.2em;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}
div.mainContentMenu ul.menu li
{
display: block;
width: 300px;
padding-bottom: 10px;
padding-left: 20px;
}
div.mainContentMenu ul.menu li.current
{
display: block;
width: 300px;
background: url(/images/navigation/here.gif) no-repeat;
padding-left: 20px;
}
div.mainContent p
{
width: 700px;
}
div.mainContent ul
{
width: 670px;
}
*html div.mainContent ul
{
margin-left: 10px;
padding-left: 20px;
list-style-type: disc;
list-style-position: outside;
}
*html div.clearUL
{
margin-bottom: -40px;
}
div.lineBreak
{
border-bottom: 1px solid grey;
width: 650px;
margin-left: 20px;
margin-bottom: 20px;
text-align: center;
}
div.mainContent p.footerLinks
{
float: left;
text-align: center;
margin-left: -5px;
}
div.mainContent p.copyright
{
text-align: center;
}
.blackHighlightMedium {
position:relative;
float: left;
width: 500px;
color: #fff;
margin: 10px -6px -10px 0px;
z-index: 1;
}
* html .blackHighlightMedium {
float: left;
width: 500px;
color: #fff;
margin: 10px -6px -10px 0px;
}
div.blackHighlightTopMedium {
position:relative;
width: 500px;
background: url("/_assets/css/images/blackHighlightTopMedium.png") no-repeat top left;
font-size: 0.7em;
}
div.blackHighlightBottomMedium {
width: 500px;
background: url("/_assets/css/images/blackHighlightBottomMedium.png") no-repeat bottom left;
padding: 0px 0px 20px 10px;
}
div.blackHighlightBottomMedium h3 {
clear: left;
}
div.blackHighlightBottomMedium ul
{
width: 450px;
}
div.blackHighlightBottomMedium ul li{
list-style-type: square;
color: #E3027F;
margin-bottom: 3px;
margin-left: -25px;
*margin-left: -5px;
font-size: 1em;
width: 450px;
}
div.blackHighlightBottomMedium ul li span{
color: #fff;
}
div.blackHighlightRightMedium h2 {
margin: 0 20px 0px 0;
border-bottom: none;
}
div.blackHighlightRightMedium h3 {
margin: 0px 34px 4px 8px;
padding: 0px;
color: #B8C6D3;
font-size: 1.4em;
font-weight: normal;
text-transform: none;
}
div.blackHighlightRightMedium h4.catch {
color: #B8C6D3;
font-size: 1.3em;
font-weight: normal;
text-transform: none;
width:90%;
}
span.FindOutButton {
background: url("/_assets/css/images/imgBtnFindOutMoreRight.png") no-repeat 100% 50%;
margin: 0px 15px 5px 325px;
padding: 0;
display: block;
width: 130px;
font-size: 1.3em;
}
* html span.FindOutButton {
margin-right: 50px;
}
.FindOutButton a {
background: url("/_assets/css/images/imgBtnFindOutMoreLeft.png") no-repeat 0 50%;
padding: 0px 0px 0px 12px;
margin: 0px;
line-height: 20px;
display: block;
color: #414141;
font-size: 0.8em;
}
.FindOutButton a:link, .FindOutButton a:visited, .FindOutButton a:hover{
font-weight: bold;
text-decoration: none;
}
* html .FindOutButton a {
line-height: 19px;
padding: 0px 0px 1px 12px;
}
div.homepageButton
{
display: block;
background-color: #51B9C6;
font-weight: bold;
margin: 5px 5px 5px 0px;
padding: 10px 10px 10px 10px;
width: 180px !important;
*width: 200px !important;
text-align: center;
color: #FFFFFF;
}
a.homepageButton
{
color: #FFFFFF;
width: 180px !important;
*width: 200px !important;
}
ul.bodyBullets
{
margin-left: 10px;
padding-left: 20px;
list-style-type: disc;
list-style-position: outside;
}
ol.frBondTandC
{
margin-right: 20px;
}
div.bottomNavLinks
{
margin-top: 20px;
width: 100%;
}
div.topOfPage
{
float:left;
}
div.previousPage, div.nextPage
{
float: left;
margin-right: 5px;
}
img.topOfPage
{
float: right;
margin-right: 5px;
}
img.previousPage, img.nextPage
{
float: right;
margin-right: 5px;
}
div.lightHighlight
{
background-color: #EFF4F8;
width: 690px;
height: 50px;
padding-top: 10px;
margin-bottom: 20px;
}
div.lightHighlight ul li
{
list-style-image: url("/_assets/css/images/imgPagePDF.png");
width: 680px;
text-decoration: lowercase;
font-weight: bold;
font-size: 1em;
}
div.lightHighlight ul li a
{
color: #3399FF;
}
div.lightHighlight ul li span
{
color: #3399FF;
font-weight: normal;
}
div.homeContentArea
{
float: left;
width: 720px;
margin-top: -10px;
margin-left: 0px;
}
div.homeRightMenu
{
float: right;
width: 140px;
margin-right: 10px;
*margin-right: 10px; /* IE7 Hack */
-margin-right: 5px; /* IE6 Hack */
background-color: #BDE4E9;
}
div.homeProductBox
{
float:left;
background-color: #74CDD3;
color: #FFFFFF;
width: 120px;
height:115px;
margin-left: 3px;
margin-right: 2px;
border-bottom: 1px solid #FFFFFF;
}
div.homeProductBox p.productTitle
{
font-weight: bold;
font-size: 1.6em;
text-align: center;
width: 120px;
margin-top: 0px;
}
div.homeProductBox p.productSubTitle
{
font-weight: bold;
font-size: 1.1em;
text-align: center;
width: 120px;
margin-top: -20px;
margin-bottom: 25px;
}
div.homeProductBox p.productText
{
font-size: 1.1em;
text-align: center;
width: 120px;
margin-top: -20px;
}
div.productBoxLearnMore
{
float:left;
border: 1px solid #74CDD3;
width: 118px;
*width: 120px;
font-size: 1.1em;
color: #69646A;
font-weight: bold;
margin-left: 3px;
margin-right: 2px;
text-align: center;
cursor: pointer;
}
div.productBoxApplyNow
{
float:left;
border: 1px solid #74CDD3;
width: 118px;
*width: 120px;
font-size: 1.1em;
background-color: #BDE4E9;
color: #69646A;
font-weight: bold;
margin-left: 3px;
margin-right: 2px;
text-align: center;
cursor: pointer;
}
div.learnMoreBoxes a.noHover, div.applyNowBoxes a.noHover
{
color: #69646A;
}
div.homeRightMenuArea
{
background-color: #FFFFFF;
width: 135px;
float: right;
margin-right: 10px;
}
div.homeRightMenu p
{
width: 130px;
margin-right: 0px;
padding-left: 5px;
}
div.QandA
{
width: 700px;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #D8EAF5;
}
div.QandA a
{
font-size: 1.2em;
}
/** Button Code **/
div.leftAlignedButton
{
float: left;
margin-right: 5px;
margin-bottom: 10px;
width: 100%;
}
div.leftWhiteButtonCurve
{
float: left;
display: block;
height: 24px;
width: 11px;
background: url(/_assets/css/images/whiteButtonLeft.png) no-repeat 0% 50%;
}
a.whiteButton
{
line-height: 1.9em;
float: left;
display: block;
height: 24px;
width: auto;
padding-right: 25px;
background: url(/_assets/css/images/whiteButtonRight.png) no-repeat 100% 50%;
color: #414141;
font-weight: bold;
}
*html a.whiteButton
{
line-height: 1.7em;
}
/** END of Button Code **/
div.qAndAsList
{
margin: 0px;
padding: 0px;
}
div.question
{
padding: 5px 10px 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
color: #0000FF;
}
div.answer
{
padding: 0px 10px 15px 10px;
}
.blueHighlightMedium {
position:relative;
float: left;
width: 500px;
color: #fff;
margin: 10px -6px -10px 0px;
z-index: 1;
}
* html .blueHighlightMedium {
float: left;
width: 500px;
color: #fff;
margin: 10px -6px -10px 0px;
}
div.blueHighlightTopMedium {
position:relative;
width: 500px;
background: url("/_assets/css/images/blueHighlightTopMedium.png") no-repeat top left;
font-size: 0.7em;
}
div.blueHighlightBottomMedium {
width: 500px;
background: url("/_assets/css/images/blueHighlightBottomMedium.png") no-repeat bottom left;
padding: 0px 0px 20px 10px;
}
div.blueHighlightBottomMedium h3 {
clear: left;
}
div.blueHighlightBottomMedium ul
{
width: 450px;
}
div.blueHighlightBottomMedium ul li{
list-style-type: square;
color: #E3027F;
margin-bottom: 3px;
margin-left: -25px;
*margin-left: -5px;
font-size: 1em;
width: 450px;
}
div.blueHighlightBottomMedium ul li span{
color: #fff;
}
div.blueHighlightRightMedium h2 {
margin: 0 20px 0px 0;
border-bottom: none;
}
div.blueHighlightRightMedium h3 {
margin: 0px 34px 4px 8px;
padding: 0px;
color: #B8C6D3;
font-size: 1.4em;
font-weight: normal;
text-transform: none;
}
div.blueHighlightRightMedium h4.catch {
color: #B8C6D3;
font-size: 1.3em;
font-weight: normal;
text-transform: none;
width:90%;
}
span.FindOutButtonBlue {
background: url("/_assets/css/images/imgBtnFindOutMoreRightBlue.png") no-repeat 100% 50%;
margin: 0px 15px 5px 325px;
padding: 0;
display: block;
width: 130px;
font-size: 1.3em;
}
* html span.FindOutButtonBlue {
margin-right: 50px;
}
.FindOutButtonBlue a {
background: url("/_assets/css/images/imgBtnFindOutMoreLeftBlue.png") no-repeat 0 50%;
padding: 0px 0px 0px 12px;
margin: 0px;
line-height: 20px;
display: block;
color: #414141;
font-size: 0.8em;
}
.FindOutButtonBlue a:link, .FindOutButtonBlue a:visited, .FindOutButtonBlue a:hover{
font-weight: bold;
text-decoration: none;
}
* html .FindOutButtonBlue a {
line-height: 19px;
padding: 0px 0px 1px 12px;
}
#noHeading
{
margin-top: -13px;
_margin-top: 0px;
}