/* * Table of Contents * ================= * 1. Common styling * 2. Positioning header/body * 3. Header styling * 4. a. Content/Main styling * b. Content/sub-nav styling * c. Content/modules styling * 5. Forms * 6. Footer styling * 7. Secure site */ /* @group 1. Common styling */ /* * Standard link behaviour * * normal: * hover: * * Text elements stay underlined * Navigation elements not * * Default font definition: */ /* default font definition/body background */ body {font: 11px verdana, sans-serif; color: #000; margin: 0; padding: 0; width: 100%; text-align: center; background: url(../images/css_body-bg.png) no-repeat 50% 0;} body.notopnav {background: url(../images/css_body-bg-notopnav.png) no-repeat 50% 0;} /* browser housekeeping */ * {font-size: 100%; padding: 0; margin: 0;} div, ul, ol, li, table, td, th, tr, p, blockquote {margin: 0; padding: 0; border: none} img {border: none} /* default link colors */ a{color: #000099} a:hover{color: #FD6600} /* site width */ #container {width: 960px; margin: 0 auto; padding-bottom: 20px; text-align: left;} #container, #content-container {position: relative; overflow: hidden} /* utilities */ .newrow {clear: left;} /* to clear floated elements */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* .accessibility{display: block; width: 1px; height: 1px; position: absolute; top: -5000px} */ .accessibility{display: block; position: absolute; z-index: -1} /* @end */ /* @group 2. Positioning header/body */ #header {position: absolute; height: 90px; top: 0; left: 0;} #content-body {margin-top: 110px;} /* @end */ /* @group 3. Header */ /* * colors: * blue #000099 * orange #FF6600 * grey #666666 */ /* @group General styling & positioning */ #header #logo{width: 464px; height: 90px; float: left;} #header #logo #logo{width: 220px; height: 90px; float: left;} #header #logo #award{width: 244px; height: 90px; position:absolute; top:0; left:220px; } #header #quote-service-search-container{float: left; width: 496px;} #header #quote{height: 53px; width: 491px; padding-right: 5px; padding-top: 10px;} #header #service-nav{float: left; width: 342px; line-height: 28px; } #header #search{float: left; width: 154px; height: 28px; } #header a{text-decoration: none; color: #666666;} #header a:hover{color: #FF6600;} #quote{color: #666666;} /* @end */ /* @group Logo */ #header #logo{} /* @end */ /* @group Quote */ #header #quote{text-align: right;} /* @end */ /* @group Service navigation */ #header #service-nav ul{list-style: none;} #header #service-nav ul li{padding-left: 13px; background: url(../images/css_bullet_square_orange.png) no-repeat 5px 13px; margin-right: 7px; float: left;} /* @end */ /* @group Search */ #header #search input, #header #search button{display: block; float: left; margin-top: 4px; } #header #search input.input-txt{margin-right: 4px; border: 1px solid #D2D2D2; padding: 2px 5px 1px 5px; width: 102px} #header #search button{background: url(../images/button_go.png) no-repeat top left; border: none; width: 31px; height: 18px; cursor:pointer;} /* @end */ /* @end */ /* @group 4. Content */ /* @group 4a. Main */ /* * colors: * blue #000099 * orange #FF6600 * grey bg #F4F4F4 */ /* Positioning & borders */ #content-container{width: 760px; float: right; padding: 0;} #three-col #content-container span.contentBorder-top{background: url(../images/bg_contentcontainer-top-threeCol.png) no-repeat bottom left; width: 760px; height: 7px; display: block;} #three-col #content-container div.contentBorder{border-left: 1px solid #D4D2D3; border-right: 1px solid #D4D2D3; background: url(../images/css_content-body_threecol_bg.png) repeat-y 540px 0px;} #three-col #content-container span.contentBorder-bottom{background: url(../images/bg_contentcontainer-bottom-threeCol.png) no-repeat top left; width: 760px; height: 7px; display: block;} #three-col #main{width: 500px; float: left; padding: 10px 20px 10px 20px;} /*was 535*/ #three-col #modules{width: 168px; float: right; padding: 10px 20px 10px 20px;} /*was 170px voor border*/ #three-col #sub-nav{width: 160px; float: left; padding: 0 20px;} #three-col-noborder #main{width: 500px; float: left; padding-left: 10px}/*was 535*/ #three-col-noborder #modules{width: 168px; float: right; padding-top:55px} /*was 170px voor border*/ #three-col-noborder #sub-nav{width: 160px; float: left; padding: 0 20px;} #two-col-subnav #main {width: 760px; float: left; padding: 10px 0 10px 0;} #two-col-subnav.wizard #main{width: 535px; float: left; padding: 30px 225px 0 0;} #two-col-subnav #modules {clear: both; width: 760px; padding: 0;} #two-col-subnav #sub-nav {width: 160px; float: left; padding: 0 20px;} /*#two-col-subnav.bordered span.contentBorder-top{background: url(../images/bg_contentcontainer-top-twoCol.png) no-repeat bottom left; width: 760px; height: 7px; display: block;}*/ /*#two-col-subnav.bordered div.contentBorder{border-left: 1px solid #D4D2D3; border-right: 1px solid #D4D2D3; overflow: hidden; width: 758px}*/ /*#two-col-subnav.bordered span.contentBorder-bottom{background: url(../images/bg_contentcontainer-bottom-twoCol.png) no-repeat top left; width: 760px; height: 7px; display: block;}*/ #two-col-subnav.bordered #main{width: 719px; float: left; padding: 10px 20px 10px 20px;} /* [begin] sanity check */ #two-col-modules #main {width: 535px; float: left; padding: 30px 25px 0 0;} #two-col-modules #modules {width: 170px; float: right; padding: 30px 15px 0 15px;} #two-col-modules #sub-nav {width: 560px; clear: right; float: right;} #one-col #main {width: 760px; float: left; padding: 0 0 0 0;} #one-col #sub-nav, #one-col #modules {clear: both; width: 760px; padding: 0;} /* [end] sanity check */ #main {position: relative; min-height: 350px; } /* Styling */ /* headers */ /* #main h1, #main h2, #main h3{font-weight: normal; } #main h1 {color: #000099; margin-bottom: 15px; padding-bottom: 5px; font-size: 20px; border-bottom: 1px solid #FF6600;} #main h1.no-border{border-bottom: none; padding-bottom: 0px;} #main h2 {color: #000099; margin-bottom: 10px; padding-bottom: 5px; font-size: 16px; clear: left; border-bottom: 1px solid #FF6600;} #main h2.no-border{border-bottom: none; padding-bottom: 0px;} #main h3 {color: #000099; margin-bottom: 6px; font-size: 13px; font-weight: bold; clear: left;} #main h4 {color: #000099; margin-bottom: 6px; font-size: 11px; clear: left;} */ /* normal text */ #main p {padding-bottom: 10px; line-height: 14px; } #main ul li{padding-bottom: 4px;} #main ul li p{padding: 0;} /* lists */ #main ul, #main ol {clear: left; margin: 0px 10px 10px 24px;} #main ul.infoblocklist {clear: none;} #main ul{list-style: none url(../images/css_bullet_tilted-square_orange.png) outside; line-height: 18px; margin-bottom: 22px;} #main ul ul{list-style: none url(../images/css_bullet_tilted-square_orange_white.png) outside; line-height: 16px; margin-top: 1px; margin-bottom: 7px; font-size: 10px;} #main ul.emphasized, #main ul.recommended, #main ul.linklist{margin-left: 0; list-style-image: none;} #main ul.emphasized li, #main ul.recommended li, #main ul.linklist li{padding-left: 16px; margin-bottom: 1px;} #main ul.emphasized li{background-image: url(../images/css_bullet_arrowbox-right_orange.png); background-repeat: no-repeat; background-position: 1px 2px;} #main ul.recommended li, #main ul.linklist li{background: url(../images/css_bullet_arrowbox-right_blue.png) no-repeat 1px 4px;} #main ul.linklist{margin-bottom: 0px} #main ul.linklist li a{color: #000099; text-decoration: underline;} #main ul.linklist li a:hover{color: #FD6600} #one-col ul{list-style: none; line-height: 18px; margin-bottom: 22px; margin-top: 10px;} #one-col ul li{padding: 5px; padding-left: 15px; background: url(../images/css_bullet_tilted-square_orange.png) no-repeat 0 12px;} /* images */ #main .fixedimage {float: left; margin: 0 10px 10px 0;} /* links */ #main a{} /* tables*/ #main table{width: 100%; border-collapse: collapse; padding-bottom: 10px; margin-bottom: 10px; } #main table tr th{border-bottom: 2px solid #FF6600;} #main table tr th.noformat{border-bottom: none} #main table tr.alternate td{background-color: #F5F5F5;} #main table tr.highlight{color: #FF6600;} #main table tr td{padding: 4px} /* Crumb trail */ #page-banner{margin-top: 5px; margin-bottom: 10px;} #page-banner #crumb{min-height: 24px; display: none} #page-banner-CrumbedOverlay{position: relative; margin-bottom: 10px;} #page-banner-CrumbedOverlay #crumb{min-height: 24px; line-height: 24px; background: url(../images/transparent-crumb.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 100%; padding-left: 5px} #page-banner-Crumbed{margin-bottom: 10px} #page-banner-Crumbed #crumb{min-height: 24px; background: #fff;} #page-banner-CrumbedLine{margin-bottom: 10px} #page-banner-CrumbedLine #crumb{border-bottom: 1px solid #EAEAEA; min-height: 24px; line-height: 24px; background: #fff;} #page-banner .bannerimage-left, #page-banner-Crumbed #crumb .bannerimage-left, #page-banner-CrumbedOverlay .bannerimage-left, #page-banner-Crumbed .bannerimage-left{float: left;} #page-banner .bannerimage-right, #page-banner-Crumbed #crumb .bannerimage-right, #page-banner-CrumbedOverlay .bannerimage-right, #page-banner-Crumbed .bannerimage-right{float: right;} /* Header print icon */ #main p.printheader {position: absolute; top:9px; right: 15px; font-size: 10px;} /* Icons */ .next{display: block; padding-left: 16px; background: url(../images/css_bullet_arrowbox-right_blue.png) no-repeat 1px 4px; } .print{display: block; padding-left: 25px; background: url(../images/css_icon_printer.png) no-repeat 1px 2px; line-height: 24px} dt.printer{background: url(../images/css_icon_printer.png) no-repeat 10px 10px;} dt.newspaper{background: url(../images/css_icon_newspaper.png) no-repeat 10px 10px;} dt.cellphone{background: url(../images/css_icon_cellphone.png) no-repeat 10px 10px;} dt.disk{background: url(../images/css_icon_disk.png) no-repeat 10px 10px;} dt.mail{background: url(../images/css_icon_mail.png) no-repeat 10px 10px;} dt.people{background: url(../images/css_icon_people.png) no-repeat 10px 10px;} dt.related{background: url(../images/css_icon_related.png) no-repeat 10px 10px;} dt.check{background: url(../images/css_icon_signup.png) no-repeat 10px 10px;} dt.sitemap{background: url(../images/css_icon_sitemap.png) no-repeat 10px 10px;} dt.television{background: url(../images/css_icon_television.png) no-repeat 10px 10px;} dt.magnifier{background: url(../images/css_icon_magnifier.png) no-repeat 10px 10px;} dt.pdf{background: url(../images/css_icon_pdf.png) no-repeat 10px 10px;} /* @group Component templates */ /* Article */ #main div.image-title{} #main div.image-title-marginbottom{margin-bottom: 25px} #main div.article, #main div.textintro, #main div.pageintro{width: 100%; padding-bottom: 5px;} #main div.article div.item h3{padding-top: 4px;} #main div.article div.paragraph{padding-bottom: 10px; width: 100%;} #main div.article div.paragraph p{margin: 0; padding-bottom: 5px} #main div.article div.paragraph p img{margin: 10px 0px;} #main div.abstract{margin-bottom: 8px; font-weight: bold} #main div.column-container{} #main div.column-container div.column{} #main div.column-container div.column div.paragraph{padding-right: 5px;} /*dirty fix to fix the clearfix*/ #main div.textintro ul.linklist{margin-bottom: 20px;} #main div.textintro{margin-bottom: -15px;} #main div.single-paragraph{clear: both; margin-bottom: 20px; width: 100%;} #main div.single-paragraph img.teaser{float: left} #main div.single-paragraph div.single-paragraph-content{float: right; width: 80%} #main div.single-paragraph div.single-paragraph-content p{margin: 0; padding-bottom: 2px;} #main div.single-paragraph div.single-paragraph-content a.more{background: url(../images/css_bullet_arrowbox-right_blue.png) no-repeat 1px 4px; padding-left: 16px;} #main div.border-container{position: relative; width: 100%; /*margin-bottom: 10px; padding-bottom: 8px*/} #main div.border-container span.borderRounder-LU{display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 0; background: url(../images/css_UpperLeftcorner_gray.gif) no-repeat top left;} #main div.border-container span.borderRounder-RU{display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 0; background: url(../images/css_UpperRightcorner_gray.gif) no-repeat top right;} #main div.border-container span.borderRounder-LL{display: block; width: 8px; height: 8px; position: absolute; left: 0; bottom: 0; background: url(../images/css_LowerLeftcorner_gray.gif) no-repeat top left;} #main div.border-container span.borderRounder-RL{display: block; width: 8px; height: 8px; position: absolute; right: 0; bottom: 0; background: url(../images/css_LowerRightcorner_gray.gif) no-repeat top right;} #main div.border-container div.border{border: 1px solid #D4D2D3; /*margin-bottom: -8px; padding-bottom: 5px*/} #main div.border-container div.border div.article, #main div.border-container div.border div.infoblock, #main div.border-container div.border div.multimediablock{width: 100%;} #main div.border-container div.border div.article div.paragraph, #main div.border-container div.border div.infoblock div.paragraph, #main div.border-container div.border div.multimediablock div.paragraph{margin: 10px 10px 10px 10px; width: auto} #main div.border-container div.border div.article div.paragraph p.nogutter, #main div.border-container div.border div.infoblock div.paragraph p.nogutter, #main div.border-container div.border div.multimediablock div.paragraph p.nogutter{padding-right: 0px} #main div.border-container div.border div.infoblock div.image-title, #main div.border-container div.border div.multimediablock div.image-title{padding-bottom: 5px; border-bottom: 2px solid #FF6600; margin-bottom: 14px; margin-right: 10px;} /*#main div.border-container div.border div.infoblock h2 {color: #000099; font-size: 14px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #FF6600; margin-bottom: 14px;}*/ /*#main div.border-container div.border div.infoblock h3 {color: #000099; font-size: 14px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #FF6600; margin-bottom: 14px;}*/ #main div.border-container div.border div.article div.paragraph a .button.right, #main div.border-container div.border div.infoblock div.paragraph a .button.right, #main div.border-container div.border div.multimediablock div.paragraph a .button.right{margin: 0px; padding: 0; float: right} #main .left{float: left; margin: 0px 15px 0px -5px;} #main .right{float: right; margin: 0px 10px 0px 20px;} #main .hidden{display:none;} #main .shown{display:block;} #main .text-left{float: left;} #main .text-right{float: right;} /* Mediaplayer */ #main div.mediaplayer{margin-bottom: 20px} #main div.binaries-flash{margin-bottom: 20px} #main div.binaries-flash h2{background: url(../images/css_newspaper1.png) no-repeat 0px 0px; padding-left: 25px;} #main div.binaries-flash ul{list-style-image: none; margin: 0; padding: 0;} #main div.binaries-flash ul li{padding: 10px 5px 10px 5px; background: url(../images/css_tv.png) no-repeat 10px 7px;} #main div.binaries-flash ul li.alternate{background-color: #efeeee;} #main div.binaries-flash ul li span{display: block; padding-left: 30px; background: url(../images/css_arrow_orange_right.png) no-repeat right top; cursor: pointer} #main div.binaries-press{margin-bottom: 20px} #main div.binaries-press h2{background: url(../images/css_tv.png) no-repeat 0px 0px; padding-left: 25px;} #main div.binaries-press ul{list-style-image: none; margin: 0; padding: 0;} #main div.binaries-press ul li{padding: 10px 5px 10px 5px; background: url(../images/css_newspaper2.png) no-repeat 10px 12px;} #main div.binaries-press ul li.alternate{background-color: #efeeee;} #main div.binaries-press ul li span{display: block; padding-left: 30px; background: url(../images/css_arrow_orange_right.png) no-repeat right top; cursor: pointer} /* Collapsable content */ #main div.collapse-content{margin-top: 20px; margin-bottom: 20px;} #main div.collapse-content dl{margin: 0; padding: 0; border-top: 1px solid #000; border-bottom: 2px solid #000;} #main div.collapse-content dl dt{padding-top: 10px; padding-bottom: 10px; background: #D3D2D3 url(../images/css_bg_collapsecontent.png) no-repeat 0px 0px; border-top: 1px solid #000;} #main div.collapse-content dl dt span.question{background: url(../images/css_arrow_gray_right.png) no-repeat 7px 0px; padding-left: 30px; padding-right: 10px; cursor: pointer; font-weight: bold} #main div.collapse-content dl dd.answer{padding-left: 30px; padding-right: 10px} #main div.collapse-content dl dt.active{background: #F1F2FD;} #main div.collapse-content dl dt.active span.question{background: url(../images/css_arrow_gray_down.png) no-repeat 7px 0px} #main div.collapse-content dl dt.active span.note{display: none} #main div.collapse-content dl dd.answer{background: #F1F2FD; padding-bottom: 5px} #main div.collapse-content dl dd.answer p{margin: 0; padding-bottom: 5px} #main div.collapse-content dl dd.answer p img{margin: 10px 0px;} #main div.FAQ{margin-top: 20px; margin-bottom: 20px; background-color: #F8FBFB} #main div.FAQ dl{margin: 0; padding: 0; border-bottom: 1px solid #D4D2D2;} #main div.FAQ dl dt {border-top: 1px solid #D4D2D2; padding-top: 10px; padding-bottom: 10px;} #main div.FAQ dl dt.question{padding-left: 40px; padding-right: 10px; font-weight: bold} #main div.FAQ dl dt.statement{background: url(../images/css_arrow_gray_right.png) no-repeat 10px 10px; padding-left: 40px; padding-right: 10px; color: #000099; text-decoration: underline; cursor: pointer} #main div.FAQ dl dt.active {background: url(../images/css_arrow_gray_down.png) no-repeat 10px 10px} #main div.FAQ dl dd.answer{padding-left: 40px; padding-right: 10px;} #main div.alphabetic-overview{margin-top: 20px; margin-bottom: 10px; text-align: center; padding: 10px 0px; border-top: 1px solid #D4D2D2; border-bottom: 1px solid #D4D2D2;} #main div.alphabetic-overview a{padding-left: 2px; color: #000099; text-decoration: none;} #main div.alphabetic-overview a.selected{color: #FF6600; text-decoration: underline} #main div.glossary{padding-bottom: 20px; background-color: #F8FBFB} #main div.glossary dl{margin: 0; padding: 10px 0px;} #main div.glossary dl dt{padding-top: 5px;} #main div.glossary dl dt.statement{background: url(../images/css_arrow_gray_right.png) no-repeat 20px 0px; padding: 0; margin-top: 10px; margin-bottom: 2px; padding-left: 45px; padding-right: 10px; color: #000099; cursor: pointer; text-decoration: underline;} #main div.glossary dl dd.answer{padding-left: 45px; padding-right: 20px;} #main div.glossary dl dd.answer p{margin: 0; padding: 0} #main div.glossary dl dt.active {background: url(../images/css_arrow_gray_down.png) no-repeat 20px 0px} /*RIA*/ #collapse-content-container{margin-top: 20px; margin-bottom: 20px; background-color: #F8FBFB;} #main .yui-navset{} #main .yui-navset ul.yui-nav{list-style-image: none; margin: 0; padding: 10px 10px 10px 40px; border-top: 1px solid #D4D2D2; border-bottom: 1px solid #D4D2D2;} #main .yui-navset ul.yui-nav li{float: left; margin-right: 5px;} #main .yui-navset ul.yui-nav li a{color: #000; text-decoration: none;} #main .yui-navset ul.yui-nav li.selected a{color: #FF6600; text-decoration: underline} #main .yui-navset div.yui-content{clear: both;} #main .yui-navset div.yui-content div.glossary{margin-top: 0; margin-bottom: 0} /* Forms */ #main div.register, #main div.contact{margin-bottom: 20px; background-color: #F8FBFB; width: 100%;} #main div.register div.form-info, #main div.contact div.form-info{border-top: 1px solid #D4D2D2; border-bottom: 1px solid #D4D2D2;} #main div.register div.form-info p.statement, #main div.contact div.form-info p.statement{background: url(../images/css_arrow_gray_down.png) no-repeat 7px 10px; float: left; padding: 10px 10px 10px 30px;} #main div.register div.form-info span.mandatory, #main div.contact div.form-info span.mandatory{display: block; float: right; margin: 10px 10px 0px 0px;} #main div.register div.form-info div.column p, #main div.contact div.form-info div.column p{margin-left: 30px; padding: 10px 0px} #main div.register div.form-info div.article {margin-top: 10px} #main div.register div.form-info div.article p{margin-left: 10px} #main div.register div.form, #main div.contact div.form{padding: 15px 0px;} #main div.register div.form table, #main div.contact div.form table{margin-left: 30px; width: 90%} #main div.register div.form table .column1, #main div.contact div.form table .column1{width: 35%} #main div.register div.form table .column2, #main div.contact div.form table .column2{width: 65%;} #main div.register div.form table tr td, #main div.contact div.form table tr td{padding-bottom: 3px} #main div.register div.form table tr td span.errmess, #main div.contact div.form table tr td span.errmess, #main #rating span.errmess{font-weight: bold; display: inline-block; color: red} #main div.register div.form table tr td label, #main div.contact div.form table tr td label{margin-left: 5px; margin-right: 10px} #main div.register div.form p, #main div.contact div.form p{margin: 10px 10px 10px 30px} #main div.register div.form div.submit .submit-btn, #main div.contact div.form div.submit .submit-btn{border: none; outline: none; cursor: pointer; background: url(../images/button_submit-info.jpg) no-repeat 0px 0px; width: 131px; height: 23px; float: right} #main div.contact div.form-info p.statement{background: none;} #main div.contact div.form{border-bottom: 1px solid #D4D2D2;} /* News */ /* news blocks have to stick to the right edge - if modules are show, add 25px padding */ #main div.news div.overview {padding-bottom: 10px;} #main div.news div.overview div.block{border-top: 1px solid #EAEAEA; width: 100%; clear:right;} #main div.news div.overview div.block p{padding-left: 45px; padding-top: 6px; padding-bottom: 6px;} #main div.news div.overview div.newspaper{background: transparent url(../images/css_icon_newspaper.png) no-repeat 5px 11px;} #main div.news div.overview div.television{background: transparent url(../images/css_icon_television.png) no-repeat 5px 7px;} #main div.news div.overview div.block img.fixedimage{float: right; margin-left: 10px; } #main div.news div.overview div.block.last{border-bottom: 1px solid #EAEAEA;} #main div.news div.overview a.readmore{font-weight: bold; padding-left: 20px; line-height: 30px; background: url(../images/css_bullet_arrowbox-right_blue.png) no-repeat 2px 4px; } #two-col-modules #main div.news div.overview div.block, #three-col #main div.news div.overview div.block{padding-right: 25px; } #two-col-modules #main div.news div.overview div.block img.fixedimage, #three-col #main div.news div.overview div.block img.fixedimage{margin-right: -25px;} #main div.news div.archive{padding-bottom:20px; } #main div.news div.archive ul{list-style: none; margin: 0; line-height: 14px;} #main div.news div.archive ul span.date{float: left; width: 100px;} #main div.news div.archive ul a{float: left; width: 435px; } #main div.news div.archive ul li{clear: left; } #two-col-subnav #main div.news div.archive ul a{width: 660px; } /* Fundselector */ #main #fundselector div.single-paragraph{clear:none; float:right; width: 396px} #main #fundselector div.single-paragraph img.teaser{float: right; margin: 0px 10px 5px 10px;} #main #fundselector div.criteria{width: 100%; overflow: hidden; margin-bottom: 20px} #main #fundselector .criteria p label{width: 80px; float: left; color: #000099} #main #fundselector div.criteria select{width: 200px} #main #fundselector .criteria .crit2 .rating{width: 200px; margin-top: -8px; margin-bottom: 20px} #main #fundselector .criteria .crit2 p{clear: left} #main #fundselector ul.tabs{margin: 0; padding: 0; width: 100%; overflow: hidden; height: 32px} #main #fundselector ul.tabs li{float: right;} #main #fundselector .criteria table{margin: 0; padding: 0;} #main #fundselector .criteria table td{padding-right: 10px} #main #fundselector .criteria table .column1{width: 250px;} #main #fundselector .criteria table .column3{width: 100px;} #main #fundselector .criteria table label{float: left;} #main #fundselector .criteria table tr.critrow1 select{width: 220px} #main #fundselector .criteria table tr.critrow2 select{width: 100px} #main #fundselector .criteria table tr.critrow2 td select{float: left} #main #fundselector .criteria table tr.critrow2 td a img{float: right} /* default space between tabs */ #main #fundselector ul.tabs{line-height: normal;} #main #fundselector ul.tabs li{margin-right:0.5em; /* horizontal tabs */} /* core */ #main #fundselector ul.tabs li{margin:0; padding:0; list-style:none;} #main #fundselector ul.tabs li em{font-style:normal; } #main #fundselector #funds{zoom:1; margin-top: -1px} #main #fundselector ul.tabs li{display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */} #main #fundselector ul.tabs a{outline:0; /* gecko: keep from shifting */} #main #fundselector ul.tabs a{position:relative;} /* IE: to allow overlap */ #main #fundselector ul.tabs li a{display:block; display:inline-block; vertical-align:bottom; /* safari: for overlap */ zoom:1;} #main #fundselector ul.tabs li a em{display:block;} /* top oriented */ #main #fundselector ul.tabs li{margin: 0; width: auto;} #main #fundselector ul.tabs li.tabinfo{font-size: 11px; font-weight: bold; color: #FF6600; float: left; width: 175px} #main #fundselector ul.tabs li a{background: url(../images/css_tab-right.png) no-repeat top right; cursor: pointer} #main #fundselector ul.tabs li a span{background: url(../images/css_tab-left.png) no-repeat top left; display: block;} #main #fundselector ul.tabs li a span em{background: url(../images/css_tab-center.png) repeat-x; margin-left: 17px; margin-right: 7px; display: inline-block; height: 32px} #main #fundselector ul.tabs li.first a span{background: url(../images/css_tab-left-first.png) no-repeat top left;} #main #fundselector ul.tabs li.first a span em{margin-left: 27px;} #main #fundselector ul.tabs li.selected{width: auto; white-space: nowrap} #main #fundselector ul.tabs li.selected a{background: url(../images/css_tab-right-active.png) no-repeat top right;} #main #fundselector ul.tabs li.selected a span{background: url(../images/css_tab-left-active.png) no-repeat top left;} #main #fundselector ul.tabs li.selected a span em{background: url(../images/css_tab-center-active.png) repeat-x;} #main #fundselector ul.tabs li.selected a{color: #fff; font-weight: bold} #main #fundselector ul.tabs .selected a{border-bottom:0;} #main #fundselector ul.tabs .selected a em{padding-bottom:0.6em;} /* adjust height */ #main #fundselector ul.tabs li.first.selected a span{background: url(../images/css_tab-left-first-active.png) no-repeat top left;} #main #fundselector ul.tabs li.first.selected a span em{margin-left: 27px;} #main #fundselector ul.tabs li a{text-decoration: none; color: #000} #main #fundselector ul.tabs li a em{padding:0.5em; padding-top: 3px} #main #fundselector ul.tabs li a:hover{background: url(../images/css_tab-left-active.png) no-repeat top left; width: auto; white-space: nowrap; color: #fff;} #main #fundselector ul.tabs li a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #main #fundselector ul.tabs li a:hover span em{background: url(../images/css_tab-center-active.png) repeat-x; margin-left: 17px;} #main #fundselector ul.tabs li.first a:hover{background: url(../images/css_tab-left-first-active.png) no-repeat top left; width: auto; white-space: nowrap; color: #fff;} #main #fundselector ul.tabs li.first a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #main #fundselector ul.tabs li.first a:hover span em{background: url(../images/css_tab-center-active.png) repeat-x; margin-left: 27px} #main #fundselector #funds{border-top:1px solid #686868; border-bottom:1px solid #ccc;} #main #fundselector #funds table{border-collapse: collapse; width: 100%} #main #fundselector #funds table .column1{width: 225px; overflow:hidden} #main #fundselector #funds table .column2{width: 15px;} #main #fundselector #funds table .column3{width: 70px;} #main #fundselector #funds table td.fundname, #main #fundselector #funds table th.fundname{text-align: left} #main #fundselector #funds table td.al, #main #fundselector #funds table th.al{text-align: left; padding-left: 2px} /* #main #fundselector #funds table td.cat{padding-left: 10px} */ #main #fundselector #funds table td.pds{width: 15px} #main #fundselector #funds table td.pds a{display: block; margin: 0; padding: 0; height: 25px;} #main #fundselector #funds table td.buy{width: 70px; padding-right: 0px} #main #fundselector #funds table td.morningstar{/* text-align: left */} #main #fundselector #funds table tr.fundonhold, #main #fundselector #funds table tr.fundonhold a, #main #fundselector #funds table tr.fundonhold a:hover{color: #777777;} #main #fundselector #funds table tr.alternate td{background: #cfd0d0} #main #fundselector #funds table tr.alternate td{border: 1px solid #cfd0d0} #main #fundselector #funds table tr th{border-right: 1px solid #fff; border-bottom: 2px solid #FF6600; padding: 4px; font-size: 11px; text-align: center} /*#main #fundselector #funds table tr th a{padding-right: 50px; background: url(../images/css_sortArrows.png) no-repeat right bottom}*/ #main #fundselector #funds table tr th span a.sortasc{background: url(../images/css_sortArrow-up.png) no-repeat right 0px; padding-right: 20px} #main #fundselector #funds table tr th span a.sortdesc{background: url(../images/css_sortArrow-down.png) no-repeat right 0px; padding-right: 20px} /*#main #fundselector #funds table tr th.performance-heading a{background: none}*/ /*#main #fundselector #funds table tr th.performance-heading a span.sortsign{display: block; background: url(../images/css_sortArrows.png) no-repeat right bottom; width: 65px; cursor: pointer}*/ #main #fundselector #funds table tr td{padding: 2px 3px; border: 1px solid #fff; white-space:nowrap; text-align: center} #main #fundselector #funds div.pager{margin-bottom: 20px; margin-top: 20px; text-align: center} #main #fundselector #funds div.pager span.pagenumbers{margin-left: 30px; margin-right: 24px;} #main #fundselector #funds div.pager span.pagenumbers a{padding-left: 6px; margin-right: 6px; width: auto; border-left: 1px solid #000} #main #fundselector #funds div.pager span.pagenumbers a.first{border-left: none} #main #fundselector #funds div.pager span.pagenumbers a.active{color: #000; text-decoration: none; font-weight: bold} #main #fundselector #funds div.pager input{padding-top: 0px} /* @end */ /* @end */ /* @group 4b. Modules */ #modules {overflow: hidden; margin-top: 5px} #modules div {margin-bottom: 19px;} /* #modules h2, #modules h3{font-weight: normal;} #modules h2 {color: #000099; margin-bottom: 10px; padding-bottom: 5px; font-size: 17px; clear: left; border-bottom: 1px solid #FF6600;} #modules h2.no-border{border-bottom: none; padding-bottom: 0px;} #modules h3 {color: #000099; margin-bottom: 10px; font-size: 15px; font-weight: bold; clear: left;} */ /* To replace the H2 headers in the modules */ #modules p.module_title {color: #000099; margin-bottom: 10px; padding-bottom: 5px; font-size: 17px; clear: left; /*border-bottom: 1px solid #FF6600;*/} #modules a.collapse { color: #5381AC; display:block; text-decoration: none; padding-right: 25px; background: url(../images/css_blog_expand.png) right top no-repeat; } #modules a.collapse:hover { color: #FD6600; display:block; text-decoration: none; padding-right: 25px; background: url(../images/css_blog_expand.png) right top no-repeat; } #modules a.expand { color: #5381AC; display:block; text-decoration: none; padding-right: 25px; background: url(../images/css_blog_collapse.png) right top no-repeat; } #modules a.expand:hover { color: #FD6600; display:block; text-decoration: none; padding-right: 25px; background: url(../images/css_blog_collapse.png) right top no-repeat; } /* @group Blocks */ /* Different lists */ /* * three different list styles: * "emphasized" li will have orange arrows * "normal" li will have blue arrows (default) * "functional" li will have grey arrows */ #modules ul{list-style: none;} #modules ul li{padding-left: 16px; margin-bottom: 8px; background: url(../images/css_bullet_arrowbox-right_blue.png) no-repeat 1px 4px;} #modules ul.emphasized li{background: url(../images/css_bullet_arrowbox-right_orange.png) no-repeat 1px 2px;} /* @end */ /* @end */ /* Subnavigation */ /* * colors: * blue #000099 * orange #FF6600 * grey bg #F4F4F4 */ #sub-nav {overflow:hidden;} #sub-nav a{text-decoration: none;} /* single links */ #sub-nav div.page-nav p, #sub-nav div.page-nav p a{line-height: 25px; } #sub-nav div.page-nav p{background: url(../images/css_subnav_item.png) no-repeat 0px 0px;} #sub-nav div.page-nav p a:hover{background: url(../images/css_subnav_item-hover.png) no-repeat 3px 3px; color: #000099;} #sub-nav div.page-nav p.bigger{background: url(../images/css_subnav_item-bigger.png) no-repeat 0px 0px; height: 41px;} #sub-nav div.page-nav p.bigger a:hover{background: url(../images/css_subnav_item-bigger-hover.png) no-repeat 3px 3px; color: #000099;} #sub-nav div.page-nav p, #sub-nav div.page-nav ul{margin-bottom: 10px;} #sub-nav div.page-nav div.quicklinks_images{text-align: center; } #sub-nav div.page-nav div.quicklinks_images a {background: none; display: inline; padding-left: 0px; margin-left: 0px; width: auto; } /* first level */ #sub-nav div.page-nav ul{padding-top: 1px; background: url(../images/css_subnav_item.png) no-repeat 0 0;} #sub-nav div.page-nav li, #sub-nav div.page-nav p{width: 160px; } #sub-nav div.page-nav a{display:block; padding-left: 28px; width: 132px; } #sub-nav div.page-nav li, #sub-nav div.page-nav li a{line-height: 24px; } #sub-nav div.page-nav li{list-style-type: none; background: url(../images/css_subnav_item.png) no-repeat 0 -1px; height: 24px;} #sub-nav div.page-nav li.active{height: auto; margin-top: 1px;} #sub-nav div.page-nav li.cleanup{background: url(../images/css_subnav_item.png) no-repeat 0 0; padding-top: 1px;} #sub-nav div.page-nav li a{background: url(../images/css_bullet_arrow-right_white.png) no-repeat 9px 5px} #sub-nav div.page-nav li.active a, #sub-nav div.page-nav li.active a:hover{background: none} #sub-nav div.page-nav li.active{background: url(../images/css_subnav_item-active.png) no-repeat 1px 0; } /*#sub-nav div.page-nav li.active a{color: #FFFFFF}*/ #sub-nav div.page-nav li a:hover{background: url(../images/css_subnav_item-hover-arrow.png) no-repeat 3px 2px; color: #000099;} #sub-nav div.page-nav li.no-children.active{background: url(../images/css_subnav_item-active-nochildren.png) no-repeat 1px 0; } #sub-nav div.page-nav li.no-children a{background-image: none;} #sub-nav div.page-nav li.no-children a:hover{background-image: url(../images/css_subnav_item-hover.png);} /* second level */ #sub-nav div.page-nav ul ul{padding-bottom: 5px; padding-top: 5px; margin-bottom: 0;} #sub-nav div.page-nav li li{width: 156px; margin-left: 1px; margin-right: 3px;} #sub-nav div.page-nav li.active li a{padding-left: 27px;} #sub-nav div.page-nav li li, #sub-nav div.page-nav li li a{line-height: 18px; height: auto; margin-right:2px; margin-top: 1px; margin-bottom: 1px;} #sub-nav div.page-nav li.active li, #sub-nav div.page-nav ul ul{background: #FFFFFF} #sub-nav div.page-nav li li.active{margin-top: 0;} #sub-nav div.page-nav li.active li a{color: #000099; background: url(../images/css_bullet_line_grey.png) no-repeat 14px 9px} #sub-nav div.page-nav li.active li a:hover{background: #DFDFDF url(../images/css_bullet_line_grey.png) no-repeat 14px 9px;} #sub-nav div.page-nav li.active li.active a{font-weight: bold; color: #FF6600; background: url(../images/css_bullet_square_orange.png) no-repeat 14px 8px} #sub-nav div.page-nav li.active li.active a:hover{background: #DFDFDF url(../images/css_bullet_square_orange.png) no-repeat 14px 8px;} /* third level */ #sub-nav div.page-nav ul.third_level{padding-bottom: 2px; padding-top: 0px; margin-bottom: 0;margin-left:8px; } #sub-nav div.page-nav ul.third_level li{width: 148px; margin-left: 1px; margin-right: 3px;font-size:90%;} #sub-nav div.page-nav ul.third_level li a{padding-left: 27px;} #sub-nav div.page-nav ul.third_level li, #sub-nav div.page-nav ul.third_level li a{line-height: 16px; height: auto; margin-right:2px; margin-top: 1px; margin-bottom: 1px;} #sub-nav div.page-nav ul.third_level li, #sub-nav div.page-nav ul.third_level {background: #FFFFFF;} #sub-nav div.page-nav ul.third_level li.active{margin-top: 1px;margin-bottom:1px;} #sub-nav div.page-nav ul.third_level li.normal a{color: #000099;background:none;font-weight:normal;} #sub-nav div.page-nav ul.third_level li.normal a:hover{background: #DFDFDF;font-weight:normal;} #sub-nav div.page-nav ul.third_level li.active a{color: #FF6600;background:none;font-weight:normal;} #sub-nav div.page-nav ul.third_level li.active a:hover{color: #FF6600;background: #DFDFDF;font-weight:normal;} /* special: links to secure site */ #sub-nav div.page-nav ul.secure-nav{background: none;} #sub-nav div.page-nav ul.secure-nav li{height: 28px; margin-bottom: 2px;} #sub-nav div.page-nav ul.secure-nav li.last{margin-bottom: 0} #sub-nav div.page-nav ul.secure-nav li a{padding-left: 0; display: block; height: 28px; width: 160px; background: none;} #sub-nav div.page-nav ul.secure-nav li.home{background: url(../images/css_subnav_item.png) no-repeat 0px 0px;} #sub-nav div.page-nav ul.secure-nav li.home a{padding-left: 28px} #sub-nav div.page-nav ul.secure-nav li.home.active{background: url(../images/css_securenav_item-active.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.apply-now{background: url(../images/button_apply-now.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.secure-login{background: url(../images/button_secure-login.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.home a:hover{background: url(../images/css_subnav_item-hover.png) no-repeat 3px 3px;} #sub-nav div.page-nav ul.secure-nav li.home.active a:hover{background: none; color: #fff} #sub-nav div.page-nav ul.secure-nav li.apply-now a:hover{background: url(../images/button_apply-now_hover.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.secure-login a:hover{background: url(../images/button_secure-login_hover.png) no-repeat top left;} /* special: contact block telephone number */ #sub-nav div.page-nav span.tel{display:block; margin-top: -10px;} /* @end */ /* @end */ /* @group 5 Forms */ /* in an article */ #main div.article input{margin-top: 8px; padding: 1px 5px 1px 5px; width: 140px; margin-right: 10px; float: left} #main div.article button.subscribe-btn{background: url(../images/subscribe-button.png) no-repeat top left; border: none; width: 96px; height: 19px; cursor:pointer; clear:both; margin-top: 5px;} #main div.article button.signup-btn{background: url(../images/signup-button.png) no-repeat top left; border: none; width: 85px; height: 19px; cursor:pointer; float: left; margin-top: 8px;} /* application forms */ #main div.raboform p{line-height: 22px; clear: left;} #main div.raboform select, #main div.raboform input, #main div.raboform label, #main div.raboform textarea{float: left; margin-right: 5px;} #main div.raboform input, #main div.raboform select{margin-top: 2px; } #main div.raboform label.fixed{width: 95px; } #main div.raboform label.fixed-small{width: 20px; } #main div.raboform input.fixed{width: 186px; } #main div.raboform select.fixed{width: 190px; } #main div.raboform input.fixed-small{width: 46px; } #main div.raboform select.fixed-small{width: 60px; } #main div.raboform span.multiline, #main div.raboform label.multiline{line-height: 14px;} #main div.raboform div{clear: left; padding-top: 10px; padding-bottom: 10px; } #main div.raboform div.personal{padding-bottom: 20px;} #main div.raboform div.promise{padding-bottom: 0px;} #main div.raboform div.calling, #main div.raboform div.promise, #main div.raboform div.promotionalCode, #main div.raboform div.accounts, #main div.raboform div.informed{border-top: 1px solid #EAEAEA;} #main div.raboform div.informed label.multiline{width: 500px; display: block; margin-top: 4px; } /* wizards */ /* simulate right column */ body.wizard #main div.wizard-container div.wizard-nav{position: absolute; right: 0; width: 200px} body.wizard #main div.wizard-container div.wizard-nav ul{list-style: none; margin: 0; } body.wizard #main div.wizard-container div.wizard-nav ul li{ width: 140px; height: 35px; padding: 10px 50px 10px 10px; color: black; font-weight: bold;} body.wizard #main div.wizard-container div.wizard-nav ul li a{text-decoration: none; display: block; width: 100%; color: black;} body.wizard #main div.wizard-container div.wizard-nav ul li.active{background: transparent url(../images/css_wizard-nav_active-bg.png) no-repeat 0px 0px;} body.wizard #main div.wizard-container div.wizard-nav ul li span.step{display: block; font-size: 20px; font-weight: bold; color: #C1C1C1;} body.wizard #main div.wizard-container div.wizard-nav ul li a:hover, body.wizard #main div.wizard-container div.wizard-nav ul li.active, body.wizard #main div.wizard-container div.wizard-nav ul li.active a{color: #FF6600} body.wizard #main div.wizard-container div.wizard-nav ul li a:hover span.step, body.wizard #main div.wizard-container div.wizard-nav ul li.active span.step, body.wizard #main div.wizard-container div.wizard-nav ul li.active a span.step{color: #939393;} /* @end */ /* @group 6 Footer */ #footer {width: 100%; clear: both; margin-top: 10px} #footer a, #footer p{text-decoration: none; color: #666666;} #footer a:hover{color: #FF6600;} #footer p{clear: left} /* Webfooter */ #footer div.webfooter{border-top: 1px solid #EAEAEA; min-height: 24px; line-height: 24px; background: #FFFFFF;} #footer div.webfooter ul{list-style: none;} #footer div.webfooter ul li{padding-left: 13px; background: url(../images/css_bullet_square_orange.png) no-repeat 5px 11px; margin-right: 7px; float: left;} /* Printfooter */ #footer div.printfooter {display: none;} /* @end */ /* @group 7. Secure site */ #popup{background: none; width: 756px; height: 412px; margin-left: 2px; margin-top: 5px; text-align: left; overflow: hidden;} #popup #main #fundselector div.criteria {margin-bottom: 5px} #popup #main #fundselector ul.tabs li.tabinfo{font-size: 10px; margin-top: 12px; width: auto} #popup #main{min-height: 412px; width: 756px; overflow: hidden;} #popup #main h1{display: none} #popup #fundselector .criteria .crit1 p{width: 50%; float: left} #popup #fundselector .criteria .crit2 p{width: 25%; float: left} #popup #fundselector .criteria .crit2 select{width: 100px} #popup #fundselector .criteria .crit2 .rating{display: inline} #popup #fundselector .criteria p label{width: 70px; float: left} #popup #fundselector #funds table tr td{padding: 0px} #popup #fundselector #funds div.pager{margin-bottom: 5px; margin-top: 0px; text-align: center} /* @end */ /* Blog */ p.commentheader{ background: #D9D9D9; padding: 3px; margin-bottom: 0.25em; } div.subcomment { padding: 1em; } div.comment{ margin-bottom: 1em; } span.blogcommenttitle_left { padding: 5px 0px; background:#D9D9D9; float:left; width: 50% } span.blogcommenttitle_right { padding: 5px 0px; background:#D9D9D9; text-align:right; float:right;width: 50% } p.blog_actions {text-align: right} span.blognavigation {margin-bottom:15px;} span.blognavigation a {text-decoration:underline;} span.blognavigation a:hover {color:#FF6600;text-decoration:underline;} span.blognavigation a.active {font-weight:bold;text-decoration:none;} span.blognavigation a.active:hover {color:#FF6600;font-weight:bold;text-decoration:none;} /* Rating */ #rating{padding-left:20px;width:705px;clear:both;background:url(../images/css_background_horiz_line.html);background-repeat: repeat-x;padding-top:20px;} #main #rating{padding-left:0px;width:100%;clear:both;background:none;padding-top:10px;} #rating div.title{padding-bottom:20px} #main #rating div.title{padding-bottom:10px} #rating div.content{width:760px;} #main #rating div.content{width:100%;} #rating div.column1{float:none;width:420px;} #rating div.column2{float:none;width:310px;margin-top:20px;} #rating div.ratingComments{border-bottom: 1px dashed #dcdcdc;} #rating div.ratingform{padding-top:20px;} #rating div.review_header{padding-bottom:20px;border-bottom:1px dashed #eaeaea;margin-bottom:10px;} #rating div.review{padding-bottom:20px} #rating div.review p{padding-bottom:10px;} #rating div.review div.review-date{font-style:italic;padding-top:10px;} h2{font-weight: normal;color: #555555; margin-bottom: 10px; font-size: 140% /* was 16px */;} #rating ul{} #rating li{} #rating div.stars{padding-bottom:10px} #rating ul{list-style: none; line-height: 18px; margin-bottom: 22px;} #rating ul.linklist li.linklist{list-style:none; background: url(../images/css_bullet_arrowbox-right_blue.png) no-repeat 0px 5px; margin-bottom: 5px; padding-left:20px;} #rating a.submitbtn{width: 131px; height: 23px; display: block; background: url(../images/button_submit-info.jpg) no-repeat 0px 0px;} #rating div.form{padding-bottom:20px;} #rating div.form div.formitem{padding-bottom:0px;} #rating div.form .formlabel{font-weight:bold;padding-bottom:5px;} #rating div.form .form-textbox{height:20px;background-color: #F4F4F4;border: 1px solid #dcdcdc;} #rating div.bookmarks{padding-top:20px;padding-bottom:20px;} #rating .ratingStar {font-size: 0pt;width: 19px;height: 19px;margin: 0px;padding: 0px;cursor: pointer;display: block;background-repeat: no-repeat;} #rating .filledRatingStar {background-image: url(../images/css_star_orange_big.gif);} #rating .emptyRatingStar {background-image: url(../images/css_star_grey_big.gif);} #rating .savedRatingStar {background-image: url(../images/css_star_orange_big.gif);} #rating div.formitem{margin-bottom:10px;} #rating input.form-textbox{margin-top:5px;} /* ============================= */ /* | Start AU redesign 03/2009 | */ /* ============================= */ #three-col #content-container div.contentBorder-top{background: url(../images/bg_contentcontainer-top-twoCol.jpg) no-repeat 0 0; padding-top: 14px; width: 100%;} #three-col #content-container div.contentBorder-top div.contentBorder-bottom{background: url(../images/bg_contentcontainer-bottom-twoCol.jpg) no-repeat bottom left; padding-bottom: 14px; width: 100%;} #three-col #content-container div.contentBorder-top div.contentBorder-bottom div.contentBorder-left{background: transparent url(../images/bg_contentcontainer-repeat-left.jpg) repeat-y left top; width: 100%;} #three-col #content-container div.contentBorder-top div.contentBorder-bottom div.contentBorder-left div.contentBorder-right{background: transparent url(../images/bg_contentcontainer-repeat-right.jpg) repeat-y right top; width: 100%;} #three-col #three-col-border-helper{background: transparent url(../images/css_content-body_threecol_bg.png) repeat-y scroll 552px 0;} #two-col-subnav.bordered div.contentBorder-top{background: url(../images/bg_contentcontainer-top-twoCol.jpg) no-repeat 0 0; padding-top: 14px; width: 100%;} #two-col-subnav.bordered div.contentBorder-top div.contentBorder-bottom{background: url(../images/bg_contentcontainer-bottom-twoCol.jpg) no-repeat bottom left; padding-bottom: 14px; width: 100%;} #two-col-subnav.bordered div.contentBorder-top div.contentBorder-bottom div.contentBorder-left{background: transparent url(../images/bg_contentcontainer-repeat-left.jpg) repeat-y left top; width: 100%;} #two-col-subnav.bordered div.contentBorder-top div.contentBorder-bottom div.contentBorder-left div.contentBorder-right{background: transparent url(../images/bg_contentcontainer-repeat-right.jpg) repeat-y right top; width: 100%;} #content-container h1, #content-container h2, #content-container p.module_title{font-weight: bold; margin-bottom: 10px;} #content-container h1, #content-container h2, #content-container p.module_title{font-size: 18px; margin-left: -19px; color: #5381ac; font-style: italic;} /*#content-container h2 {margin-left: 0px; }*/ #content-container h2, #content-container p.module_title{font-size: 14px;} #content-container h1 span.title, #content-container h2 span.title, #content-container p.module_title span.title{background: transparent url(../images/title-bg-repeat.png) repeat-x bottom left; display: inline-block; position: relative;} #content-container h1 span.title span.roundedcorner-left, #content-container h2 span.title span.roundedcorner-left, #content-container p.module_title span.title span.roundedcorner-left{width: 8px; height: 8px; display: block; background: url(../images/title-rounded-topleft.png) no-repeat 0 0; position: absolute; left: 0; top: 0; display: inline; padding: 0;} #content-container h1 span.title span.roundedcorner-right, #content-container h2 span.title span.roundedcorner-right, #content-container p.module_title span.title span.roundedcorner-right{width: 8px; height: 8px; display: block; background: url(../images/title-rounded-topright.jpg) no-repeat right top; position: absolute; right: 0px; top: 0; display: inline; padding: 0;} #content-container h1 span.title span, #content-container h2 span.title span, #content-container p.module_title span.title span{padding: 4px 20px 3px 10px; display: inline-block; margin-bottom: 8px; background-color: #f4f4f4;} #content-container h1{margin-top: -22px;} #content-container h1 span.title span.roundedcorner-left{left: -1px; top: -2px; background: url(../images/css_UpperLeftcorner_h1.jpg) no-repeat 0 0;} #content-container h1 span.title span.roundedcorner-right{background: url(../images/css_UpperRightcorner_h1.jpg) no-repeat 0 0; top: -2px;} #content-container div.bordered-landing h2{margin: -12px -15px 0 -15px; padding: 8px 10px 15px 10px; width: 103%; background: #f4f3f6 url(../images/bg-h2-repeat-gray.jpg) repeat-x left bottom; color: #614996;} #content-container h2 span.title span{background-color:#F4F4F4; padding: 5px 10px} body.savings-premiumsaver #content-container h2,body.savings-oncall #content-container h2,body.savings-termdeposits #content-container h2 {margin-left: 0px;} body.savings-premiumsaver #content-container h2 span.title span,body.savings-oncall #content-container h2 span.title span,body.savings-termdeposits #content-container h2 span.title span{background:none; padding:0 0 5px 0;} body.savings-premiumsaver #content-container h2 span.title span.roundedcorner-left, body.savings-premiumsaver #content-container h2 span.title span.roundedcorner-right,body.savings-oncall #content-container h2 span.title span.roundedcorner-left, body.savings-oncall #content-container h2 span.title span.roundedcorner-right ,body.savings-termdeposits #content-container h2 span.title span.roundedcorner-left, body.savings-termdeposits #content-container h2 span.title span.roundedcorner-right {background: none;} .managed-funds #content-container h1, .managed-funds #content-container h2, .managed-funds #content-container p.module_title{color: #583f90;} .managed-funds #content-container div.bordered-landing h2{color: #583f90;} .savings #content-container h1, .savings #content-container h2, .savings #content-container p.module_title{color: #5d87a1;} .savings #content-container div.bordered-landing h2{color: #5d87a1;} .term-deposits #content-container h1, .term-deposits #content-container h2, .term-deposits #content-container p.module_title{color: #8e908f;} .term-deposits #content-container div.bordered-landing h2{color: #8e908f;} .business #content-container h1, .business #content-container h2, .business #content-container p.module_title{color: #6b9291;} .business #content-container div.bordered-landing h2{color: #6b9291;} .diy-super #content-container h1, .diy-super #content-container h2, .diy-super #content-container p.module_title{color: #907578;} .diy-super #content-container div.bordered-landing h2{color: #907578;} #modules{padding-top: 0; margin-top: -20px;} #modules h1, #modules h2, #modules p.module_title{margin-right: -18px;} #modules h1 span.title, #modules h2 span.title, #modules p.module_title span.title{display: block; width: 100%;} #modules h1 span.title span, #modules h2 span.title span, #modules p.module_title span.title span{display: inline-block; width: 85%;} #modules h1 span.title span.roundedcorner-right, #modules h2 span.title span.roundedcorner-right, #modules p.module_title span.title span.roundedcorner-right{background: url(../images/title-rounded-topright-mod.jpg) no-repeat right top;} #homepage h2{border: none; font-size: 14px; font-style: italic; font-weight: bold; color: #e78300; margin-left: 0;} #homepage div.bordered h2{padding: 5px 10px 15px 10px; background: #e78300 url(../images/bg-h2-repeat-orange.jpg) repeat-x left bottom; color: #fff; margin: 0 -16px 10px -16px; width: 106%;} #homepage div.firstrow div.bordered h2{background: #4e8abe url(../images/bg-h2-repeat-blue.jpg) repeat-x left bottom; color: #fff;} #homepage h1 span.title, #homepage h2 span.title{background: none; display: inline-block; position: static;} #homepage h1 span.title span.roundedcorner-left, #homepage h2 span.title span.roundedcorner-left{width: 0; height: 0; display: none; background: none;} #homepage h1 span.title span.roundedcorner-right, #homepage h2 span.title span.roundedcorner-right{width: 0; height: 0; display: none; background: none;} #homepage h1 span.title span, #homepage h2 span.title span{padding: 0; display: inline-block; margin-bottom: 0; background-color: transparent;} #main div.bordered, #main div.bordered-landing{position: relative; margin-bottom: 5px; width: 100%;} #main div.bordered span.borderRounder-LU, #main div.bordered-landing span.borderRounder-LU{display: block; width: 15px; height: 9px; position: absolute; left: 0; top: 0; background: transparent url(../images/css_UpperLeftcorner_orange.jpg) no-repeat left top;} #main div.bordered span.borderRounder-RU, #main div.bordered-landing span.borderRounder-RU{display: block; width: 15px; height: 9px; position: absolute; right: 0; top: 0; background: transparent url(../images/css_UpperRightcorner_orange.jpg) no-repeat right top;} #main div.bordered span.borderRounder-RL, #main div.bordered-landing span.borderRounder-RL{display: block; width: 15px; height: 9px; position: absolute; right: 0; bottom: 0; background: transparent url(../images/css_LowerRightcorner_orange.jpg) no-repeat right top;} #main div.bordered span.borderRounder-LL, #main div.bordered-landing span.borderRounder-LL{display: block; width: 15px; height: 9px; position: absolute; left: 0; bottom: 0; background: transparent url(../images/css_LowerLeftcorner_orange.jpg) no-repeat left top;} #main div.bordered-landing span.borderRounder-LU{background: transparent url(../images/css_UpperLeftcorner_blue.jpg) no-repeat left top;} #main div.bordered-landing span.borderRounder-RU{background: transparent url(../images/css_UpperRightcorner_blue.jpg) no-repeat left top;} #main div.bordered-landing span.borderRounder-RL{background: transparent url(../images/css_LowerRightcorner_blue.jpg) no-repeat left top;} #main div.bordered-landing span.borderRounder-LL{background: transparent url(../images/css_LowerLeftcorner_blue.jpg) no-repeat left top;} #speciallayout h1 span.title, #speciallayout h2 span.title{background: none; display: inline-block; position: static;} #speciallayout h1 span.title span.roundedcorner-left, #speciallayout h2 span.title span.roundedcorner-left{width: 0; height: 0; display: none; background: none;} #speciallayout h1 span.title span.roundedcorner-right, #speciallayout h2 span.title span.roundedcorner-right{width: 0; height: 0; display: none; background: none;} #speciallayout h1 span.title span, #speciallayout h2 span.title span{padding: 0; display: inline-block; margin-bottom: 0; background-color: transparent;} #homepage div.firstrow div.bordered span.borderRounder-LU{background: url(../images/css_UpperLeftcorner_h2_blue.jpg) no-repeat left -1px;} #homepage div.firstrow div.bordered span.borderRounder-RU{background: url(../images/css_UpperRightcorner_h2_blue.jpg) no-repeat right -1px;} #homepage div.bordered span.borderRounder-LU{background: url(../images/css_UpperLeftcorner_h2_orange.jpg) no-repeat left -1px;} #homepage div.bordered span.borderRounder-RU{background: url(../images/css_UpperRightcorner_h2_orange.jpg) no-repeat right -1px;} #homepage div.infoblock p.savings-bar{margin-left: -16px; padding-left: 20px; background: url(../images/homepage-bar-savings.jpg) no-repeat 0 0;} #homepage div.infoblock p.investments-bar{margin-left: -16px; padding-left: 20px; background: url(../images/homepage-bar-investments.jpg) no-repeat 0 0;} #homepage div.infoblock p.termdeposits-bar{margin-left: -16px; padding-left: 20px; background: url(../images/homepage-bar-termdeposits.jpg) no-repeat 0 0;} #main div.bordered div.left-border, #main div.bordered-landing div.left-border{background: transparent url(../images/border-left-repeat-orange.jpg) repeat-y left top; padding-left: 9px;} #main div.bordered div.left-border div.right-border, #main div.bordered-landing div.left-border div.right-border{background: transparent url(../images/border-right-repeat-orange.jpg) repeat-y right top; padding-right: 9px;} #main div.bordered div.left-border div.right-border div.bottom-border, #main div.bordered-landing div.left-border div.right-border div.bottom-border{background: #fff url(../images/border-bottom-repeat-orange.jpg) repeat-x left bottom; padding-bottom: 9px;} #main div.bordered div.left-border div.right-border div.top-border, #main div.bordered-landing div.left-border div.right-border div.top-border{background: #fff url(../images/border-top-repeat-orange.jpg) repeat-x left top; padding: 8px; padding-top: 14px;} #main div.bordered-landing div.left-border{background: transparent url(../images/border-left-repeat-blue.jpg) repeat-y left top;} #main div.bordered-landing div.left-border div.right-border{background: transparent url(../images/border-right-repeat-blue.jpg) repeat-y right top;} #main div.bordered-landing div.left-border div.right-border div.bottom-border{background: transparent url(../images/border-bottom-repeat-blue.jpg) repeat-x left bottom;} #main div.bordered-landing div.left-border div.right-border div.top-border{background: transparent url(../images/border-top-repeat-blue.jpg) repeat-x left top;} #homepage div.bordered div.left-border div.right-border div.top-border{padding-top: 0;} #main div.bordered div.article{margin-bottom: 0;} #main div.four-col-layout{width: 100%;} #main div.four-col-layout div.column{width: 24%; margin-right: 5px; float: left;} /* ============================ */ /* | Stop AU redesign 03/2009 | */ /* ============================ */ #homepage div.firstrow div.column div.bordered p { padding-left: 105px; } #homepage div.secondrow div.column div.bordered table { margin-left: -7px; } #homepage div.border-container div.border div.four-col-layout div.column div.infoblock div.paragraph { margin-left: 5px; } /* New search page -- Added 09/06/09 */ div#main div#search h3 { color:#000099; font-family:Arial; font-size:132%; font-style:italic; margin: 10px 0px; } div#main div#search div.result h2 a { color:#FD6600; margin-left:20px; text-decoration:none; } div#main div#search div.result p.publishdate { font-size: 80%; padding-bottom: 0px; } div#main div#search hr { border-top:1px solid #999999; margin:8px 0; min-height:2px; background-image:url(../images/hr-bg.html); background-position:left top; background-repeat:repeat-x; border:medium none; clear:both; margin-top:5px; min-height:3px; width:100%; } div#main div#search div.pager { margin: 10px 0px; } #search.loading, #search.loading a { background-color:#F6F6F6; cursor:wait; } /* ============================ */ /* | New savings section 10/09 | */ /* ============================ */ /* landingpage */ div#landingpage .box1{background: url(../images/bg_box1.gif) no-repeat} div#landingpage .box2{background: url(../images/bg_box2.gif) no-repeat} div#landingpage .box3{background: url(../images/bg_box3.gif) no-repeat} div#landingpage .box1, div#landingpage .box2, div#landingpage .box3{height: 352px; position: relative} #content-container div#landingpage div.bordered-landing h2{color#000} #content-container div#landingpage .box1 h2, div#landingpage .box2 h2, div#landingpage .box3 h2{font-size: 19px; color: #FFF; margin: 25px 0px 17px 10px} #content-container div#landingpage h2 span, #content-container div#landingpage h2 span.title span{background: none; padding: 0; margin: 0} div#landingpage .box1 h3, div#landingpage .box2 h3, div#landingpage .box3 h3{margin: 5px 10px; color: #5D87A1} div#landingpage .box1 p, div#landingpage .box2 p, div#landingpage .box3 p{margin: 0px 10px;} div#landingpage .box1 p.buttons, div#landingpage .box2 p.buttons, div#landingpage .box3 p.buttons{position: absolute; bottom: 0px; right: 12px} #content-container div#landingpage div.bordered-landing h2{color#000} /* saving text banner */ #content-container .pageTitle {width: 100%;height: 85px;display: block;} #content-container .pageTitle .head1{ width: 545px; float: left;} #content-container .pageTitle .head2{ width: 212px; float: left; margin-left: 3px;} #content-container .pageTitle .head1 h1{padding-top:30px;} #content-container .pageTitle .head2 .applyRegion{color: #5d87a1;text-align: center;padding-top:20px;} #content-container .pageTitle h1 {margin-top:0;margin-left: 10px;color: #5d87a1; font-size: 26px} #content-container .pageTitle .head1 .left-border{height: 100%;} #content-container .pageTitle .head1 .right-border{height: 100%;margin-left: 5px;} #content-container .pageTitle .head2 .left-border{height: 100%;} #content-container .pageTitle .head2 .right-border{height: 100%;margin-left: 5px;} #content-container .pageTitle .head1 .left-border{background: transparent url(../images/PageTitle-border-left-grey.gif) no-repeat scroll left top;} #content-container .pageTitle .head1 .right-border{background: transparent url(../images/PageTitle-border-right-grey.gif) repeat-x scroll right top} body.savings-premiumsaver #content-container .pageTitle .head1 .left-border{background: transparent url(../images/PageTitle-border-left-yellow.gif) no-repeat scroll left top;} body.savings-premiumsaver #content-container .pageTitle .head1 .right-border{background: transparent url(../images/PageTitle-border-right-yellow.gif) repeat-x scroll right top} body.savings-oncall #content-container .pageTitle .head1 .left-border{background: transparent url(../images/PageTitle-border-left-blue.gif) no-repeat scroll left top;} body.savings-oncall #content-container .pageTitle .head1 .right-border{background: transparent url(../images/PageTitle-border-right-blue.gif) repeat-x scroll right top} #content-container .pageTitle .head2 .left-border{background: transparent url(../images/PageTitle-border-left-orange.gif) repeat-x scroll left top;} #content-container .pageTitle .head2 .right-border{background: transparent url(../images/PageTitle-border-right-orange.gif) no-repeat scroll right top} /* saving tabs */ .inpagenav #page-banner-Crumbed{margin-bottom: 0px} #container .in-page-nav { float:left;width:100%;font-size:93%;line-height:normal;background: white;} #container .in-page-nav ul {margin:0;padding:0;list-style:none;} #container .in-page-nav li {float:left;margin:0;padding:0;background:url("../images/tab-normal-right.gif") no-repeat right top;width:127px;margin-top: 10px;height: 55px;text-align:center;} #container .in-page-nav a {display:block;background:url("../images/tab-normal-left.gif") no-repeat left top;padding:5px 15px 4px;height: 46px;color: #313131;text-decoration: none; line-height: 15px} #container .in-page-nav li.current{float:left;margin:0;padding:0;width:125px;height: 65px;text-align:center;} #container .in-page-nav .current a {display:block;padding:5px 15px 4px;height: 56px;color: #313131;text-decoration: none;} #container .in-page-nav li.current{background:url("../images/tab-selected-grey-right.gif") no-repeat right top;} #container .in-page-nav li.current a { background:url("../images/tab-selected-grey-left.gif") no-repeat left top;} body.savings-oncall #container .in-page-nav li.current{background:url("../images/tab-selected-blue-right.gif") no-repeat right top;} body.savings-oncall #container .in-page-nav .current a {background:url("../images/tab-selected-blue-left.gif") no-repeat left top;} body.savings-premiumsaver #container .in-page-nav li.current{background:url("../images/tab-selected-yellow-right.gif") no-repeat right top;} body.savings-premiumsaver #container .in-page-nav .current a { background:url("../images/tab-selected-yellow-left.gif") no-repeat left top;} #container .in-page-nav li.current{background:url("../images/tab-selected-grey-right.gif") no-repeat right top;} #container .in-page-nav .current a { background:url("../images/tab-selected-grey-left.gif") no-repeat left top;} body.savings-oncall #container .in-page-nav li.current{background:url("../images/tab-selected-blue-right.gif") no-repeat right top;} body.savings-oncall #container .in-page-nav .current a {background:url("../images/tab-selected-blue-left.gif") no-repeat left top;} body.savings-premiumsaver .in-page-nav li.current{background:url("../images/tab-selected-yellow-right.gif") no-repeat right top;} body.savings-premiumsaver .in-page-nav .current a { background:url("../images/tab-selected-yellow-left.gif") no-repeat left top;} body.inpagenav #content-container div.tabholder {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 728px; padding: 20px 15px; clear: both} body.inpagenav #content-container div.tabholder h2 span.title span.roundedcorner-right, body.inpagenav #content-container div.tabholder h2 span.title span.roundedcorner-left{display: none} body.inpagenav #content-container div.tabholder div.bordered-landing h2{color: #333; width: auto; padding: 5px 0px 0px 10px; font-weight: normal} body.inpagenav #content-container div.tabholder div.bordered-landing h2 span.title{background: none} body.inpagenav #content-container div.tabholder #main h2 span.title{background: none; width: 100%} body.inpagenav #content-container div.tabholder #main h2 {color:#333333; font-weight:normal; padding: 5px 0 0 10px; margin: -12px 0 0 -15px; padding-right: 20px; width: 100%} body.inpagenav #content-container div.tabholder #main div.emphasized h2{background: #D2E9FA url(../images/bg-h2-repeat-gray.jpg) repeat-x left bottom; margin: -12px 0 0 -15px; padding-right: 20px; width: 100%} body.inpagenav #content-container div.tabholder #main div.emphasized h2 .roundedcorner-left { display: block; width: 15px; height: 9px; background:transparent url(../images/CornerUpperLeft-blue.gif) no-repeat scroll left top; left: -12px; top: -7px; } body.inpagenav #content-container div.tabholder #main div.emphasized h2 .roundedcorner-right { display: block; width: 15px; height: 9px; background:transparent url(../images/CornerUpperRight-blue.gif) no-repeat scroll left top; right: -22px; top: -7px;} body.inpagenav #content-container div.tabholder #main h2 .roundedcorner-left { display: block; width: 15px; height: 9px; background:none; } body.inpagenav #content-container div.tabholder #main h2 .roundedcorner-right { display: block; width: 15px; height: 9px; background:none;} .inpagenav.bordered #content-container div.tabholder #main h2{margin-left: -20px !important; margin-top: -14px; width: 716px; } #two-col-subnav.inpagenav #main{width: 728px; padding-top: 0} .inpagenav.bordered #main{width:688px !important} .bordered.inpagenav #content-container div.tabholder #main h2 { border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2; border-top:1px solid #C2C2C2;} .bordered.inpagenav div.contentBorder-top{background: transparent url(../images/bg_contentcontainer-top-twoCol-inpagenav.jpg) no-repeat scroll 0 0 !important} .bordered.inpagenav div.contentBorder-top div.contentBorder-bottom{background: transparent url(../images/bg_contentcontainer-bottom-twoCol-inpagenav.jpg) no-repeat scroll left bottom !important} .bordered.inpagenav #content-container h2 span.title span.roundedcorner-left{display: block; width: 15px; height: 9px; background:transparent url(../images/CornerUpperLeft-blue.gif) no-repeat scroll left top !important; left: -11px; top: -6px;} .bordered.inpagenav #content-container h2 span.title span.roundedcorner-right{display: block; width: 15px; height: 9px; background:transparent url(../images/CornerUpperRight-blue.gif) no-repeat scroll left top !important;right: -2px; top: -6px;} .bordered.inpagenav #content-container div.tabholder #main h2{background: #D2E9FA url(../images/bg-h2-repeat-gray.jpg) repeat-x left bottom !important; padding-right: 0} .savings-premiumsaver.inpagenav #content-container div.tabholder #main div.emphasized h2{background-color: #F4E16D !important} .savings-premiumsaver.bordered #content-container div.tabholder #main h2{background-color: #F4E16D !important} .savings-termdeposits.inpagenav #content-container div.tabholder #main div.emphasized h2{background-color: #BFCACA !important} .savings-termdeposits.bordered #content-container div.tabholder #main h2{background-color: #BFCACA !important} .savings-premiumsaver.inpagenav #content-container div.tabholder #main div.emphasized h2 .roundedcorner-left {background-image: url(../images/CornerUpperLeft-yellow.gif) !important; } .savings-premiumsaver.inpagenav #content-container div.tabholder #main div.emphasized h2 .roundedcorner-right {background-image: url(../images/CornerUpperRight-yellow.gif) !important; } .savings-premiumsaver.bordered #content-container h2 span.title span.roundedcorner-left{background-image: url(../images/CornerUpperLeft-yellow.gif) !important; } .savings-premiumsaver.bordered #content-container h2 span.title span.roundedcorner-right{background-image: url(../images/CornerUpperRight-yellow.gif) !important; } .savings-termdeposits.inpagenav #content-container div.tabholder #main div.emphasized h2 {border-top: #CCCCCC} .savings-termdeposits.inpagenav #content-container div.tabholder #main div.emphasized h2 .roundedcorner-left {background-image: url(../images/CornerUpperLeft-grey.gif) !important; } .savings-termdeposits.inpagenav #content-container div.tabholder #main div.emphasized h2 .roundedcorner-right {background-image: url(../images/CornerUpperRight-grey.gif) !important; } .savings-termdeposits.bordered #content-container h2 span.title span.roundedcorner-left{background-image: url(../images/CornerUpperLeft-grey.gif) !important; } .savings-termdeposits.bordered #content-container h2 span.title span.roundedcorner-right{background-image: url(../images/CornerUpperRight-grey.gif) !important; } .savings-termdeposits.bordered #content-container h2 {border-top: #CCCCCC} /* footer */ #content-container div.savingsfooter h2{background:none; padding: 0; margin: 0; padding-top: 20px; font-size: 16px} #content-container div.savingsfooter h2 span.title{background:none; position: static} /*#content-container h2 span.title span{background:none; padding: 0}*/ #content-container div.savingsfooter h2 span.title span.roundedcorner-left{background: none; } #content-container div.savingsfooter h2 span.title span.roundedcorner-right{background: none;} #content-container div.savingsfooter{background: transparent url(../images/savings_footer_back.png) no-repeat bottom left; margin-bottom: 20px} #content-container div.savingsfooter div.infoblock {width: 758px;height: 85px; margin-left: 1px;} #content-container div.savingsfooter div.infoblock h2 { width: 544px; float: left; text-align:center;} #content-container div.savingsfooter div.infoblock h2 em{color:#ff6600} #content-container div.savingsfooter div.infoblock p { width: 211px; height: 85px; float: left; margin-left: 3px;} #content-container div.savingsfooter div.infoblock span.applyRegion{display:block; color: #5d87a1;text-align: center;padding-top:20px; background: transparent} .bordered.inpagenav #content-container div.savingsfooter h2 span.title span.roundedcorner-left{background:none!important;} .bordered.inpagenav #content-container div.savingsfooter h2 span.title span.roundedcorner-right{background:none!important;} #content-container div.savingsfooter div.infoblock h2{background: transparent url(../images/PageTitle-border-right-grey.gif) repeat-x scroll right top} body.savings-premiumsaver #content-container div.savingsfooter div.infoblock h2{background: transparent url(../images/PageTitle-border-right-yellow.gif) repeat-x scroll right top} body.savings-oncall #content-container div.savingsfooter div.infoblock h2{background: transparent url(../images/PageTitle-border-right-blue.gif) repeat-x scroll right top} #content-container div.savingsfooter div.infoblock p {background: transparent url(../images/PageTitle-border-left-orange.gif) repeat-x scroll right top} /* emphasized box */ div.emphasizedBox{margin-bottom:5px;position:relative;width:100%;} #main div.emphasizedBox span.borderRounder-LU {background:transparent url(../images/CornerUpperLeft-blue.gif) no-repeat scroll left top;display:block;height:9px;left:0;position:absolute;top:0;width:15px;} #main div.emphasizedBox span.borderRounder-RU {background:transparent url(../images/CornerUpperRight-blue.gif) no-repeat scroll left top;display:block;height:9px;position:absolute;right:0;top:0;width:15px;} #main div.emphasizedBox span.borderRounder-LL {background:transparent url(../images/CornerLowerLeft-blue.gif) no-repeat scroll left top;bottom:0;display:block;height:9px;left:0;position:absolute;width:15px;} #main div.emphasizedBox span.borderRounder-RL {background:transparent url(../images/CornerLowerRight-blue.gif) no-repeat scroll left top;bottom:0;display:block;height:9px;position:absolute;right:0;width:15px;} .emphasizedBox div.left-border {background:transparent url(../images/border-left-repeat-blue.gif) repeat-y scroll left top;padding-left:9px;} .emphasizedBox div.left-border div.right-border {background:transparent url(../images/border-right-repeat-blue.gif) repeat-y scroll right top;padding-right:9px;} .emphasizedBox div.left-border div.right-border div.bottom-border {background:transparent url(../images/border-bottom-repeat-blue.gif) repeat-x scroll left bottom;padding-bottom:9px;} .emphasizedBox div.left-border div.right-border div.top-border {background:transparent url(../images/border-top-repeat-blue.gif) repeat-x scroll left top;padding:14px 8px 8px;} #content-container .emphasizedBox h2 {background:#d2e9fa url(../images/h2-border-bottom-repeat-blue.html) repeat-x scroll left bottom;color:#333333;margin:-12px -15px 0;padding:8px 10px 15px;}