body { font-family : Arial, Helvetica, sans-serif; margin : 0; padding : 0; font-size : 0.75em; color : #333; background-color : #fff; border : 0; overflow : auto; } img { border : 0; } br { line-height : 14px; } a { color : #2A5F8F; } a:visited { color : #2E4D6A; } td.box, table.body td { font-size : 0.75em; } h1 { font-size : 1.25em; font-weight : bold; margin : 0 0 0.4em 0; } h2 { font-size : 1.1em; font-weight : bold; margin : 0 0 0.3em 0; } /* -------------------------------------------------------------------- */ /* Form styles */ /* -------------------------------------------------------------------- */ form { margin : 0; } input, textarea, select { font-family : Arial, Helvetica, sans-serif; font-size : 0.92em; } .buttonSubmit, .buttonNormal, .buttonReset { background-color : #b2975d; color : #f9f4e9; font-weight : bold; border : 1px solid #333; border-color : #b2975d #333 #333 #b2975d; padding : 1px 4px; margin-left : 5px; _padding : 1px 2px 0 2px; _font-size : 0.92em; text-transform : uppercase; text-decoration : none; } .buttonNormal, .buttonReset { background-color : #999; border-color : #999 #333 #333 #999; } /* -------------------------------------------------------------------- */ /* List styles */ /* -------------------------------------------------------------------- */ ul { margin : 0 0 0 25px; padding : 0; } ol { margin : 0 0 0 25px; padding : 0; } li { margin-bottom : 0.2em; } .boxBody ul, td.benchmark ul, td.firstBenchmark ul, td.firstBody ul, td.body ul { margin-left : 17px; } .boxBody ol, td.benchmark ol, td.firstBenchmark ol, td.firstBody ol, td.body ol { margin-left : 22px; } div.listItem, div.plainListItem { margin : 0 0 0.2em 10px; text-indent : -10px; } div.horizontalIndex { display : inline; } .horizontalIndex a, .anchorLinks a { white-space : nowrap; } .pageTitle { font-size : 1.3em; font-weight : bold; } .bodyHeader, .bodyHeadline { font-size : 1.25em; font-weight : bold; margin-bottom : 0.4em; } .bodySubHeader { font-size : 1.1em; font-weight : bold; margin-bottom : 0.3em; } .homeBankSubHeader { color : #666666; font-weight : bold; font-size : .82em; } .normalText { font-size : 1.0em; font-weight : normal; } .smallText { font-size : 0.84em; font-weight : normal; } .finePrint { font-size : 0.84em; font-weight : normal; color : #666; } .floatLeft { float : left; margin : 0 10px 5px 0; } .floatRight { float : right; margin : 0 0 5px 10px; } .floatRightCol { float : right; width : 207px; _width : 217px; margin-bottom : 5px; border-left : 10px solid #fff; } div.arrow { font-weight : bold; font-size : 0.92em; height : 15px; margin-top : 10px; margin-left : 18px; background : #929BAD url(/public/file?cmsid=P-994327) no-repeat right top; } .indent { padding-left : 10px; } .bold { font-weight : bold; } .advanced {} .anchorLinks { padding : 8px 0; border-top : 1px solid #999; border-bottom : 1px solid #999; } .indexTabGroup { } div.indexTabGroup table.tabs { margin: 0 10px; position: relative; z-index: 10; } div.indexTabGroup td.tab, div.indexTabGroup td.tabSel { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #666666; border: 1px solid #666666; background-color: white; padding: 5px 8px 2px 8px; background-color: #FFFFFF; cursor: pointer; } div.indexTabGroup td.tabSel { border-bottom-color: #F0F0E0; background-color: #F0F0E0; color: #000000; } div.indexTabGroup td.tabSpace { width: 5px; border-bottom: 1px solid #666666; } div.indexTabGroup td.tab a, div.indexTabGroup td.tabSel a { text-decoration: none; } div.indexTabGroup div.tabBody { _width: 100%; padding: 20px 12px; margin-top: -1px; border: 1px solid #666666; background-color: #F0F0E0; } div.indexTabGroup div.tabBody div.tabBodySection { padding: 12px; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-right-color: #000000; border-bottom-color: #000000; } div.ruler, div.ruler1, div.ruler2 { font-size : 0; line-height : 0; height : 0; width : 100%; border-bottom : 1px solid #999; } div.ruler2 { border-bottom-color : #fff; } .box1 { background-color : #D2DBE5; padding : 4px 0; } .box2 { background-color : #E9E8C3; } .box3 { background-color : #FFF; } .box4 { background-color : #D2DBE5; text-align : center; } .box5 { background-color : #E9E8C3; } .box6 { background-color : #5C7A7F; padding : 4px 0; } .boxHeader { font-weight : bold; } .boxBody { padding : 7px 10px 10px 10px; } .box1, .box2, .box3, .box4, .box5, .box6 { margin-bottom : 15px; } .rightCol .box1, .rightCol .box2, .rightCol .box3, .rightCol .box4, .rightCol .box5, .rightCol .box6 { width : 203px; } .box1 .boxHeader, .box6 .boxHeader { position : relative; top : 7px; padding : 0 10px 7px 10px; } .box1 .boxContainer, .box6 .boxContainer { border-top : 2px solid #fff; border-bottom : 2px solid #fff; } .box3 .boxContainer { background-color : #D2DBE5; } .box2 .boxHeader { margin : 0 10px; padding : 7px 0 7px 0; border-bottom : 1px solid #fff; color : #71604f; } .box3 .boxHeader { margin : 0 10px; padding : 7px 0 7px 0; border-bottom : 1px solid #fff; } .box4 .boxHeader { padding : 8px 10px 7px 10px; background-color : #677B92; color : #fff; } .box5 .boxHeader { padding : 12px 10px 0 10px; font-weight : normal; } .box5 .boxBody { font-size : 0.82em; padding-bottom : 15px; text-align : right; } .box5 .boxBody b { font-size : 1.1em; } .box5 .startQuote { margin-right : 5px; vertical-align : middle; } .box5 .endQuote { margin-left : 5px; vertical-align : middle; } .box6 .boxHeader, .box6 .boxBody, .box6 .boxBody td { color : #fff; } .box6 .boxBody a, .box6 .boxBody a:visited, .box6 .boxBody td a:visited { color : #AEBDBF; } table.standard { border : 0px; margin : 0px; width : 100%; } table.featured { border : 0px; margin : 0px; width : 100%; background-color : #f0f0e0; } table.info { border : 0px; margin : 0px; width : 100%; border-top : 1px solid #666; } table.action { border : 0px; margin : 0px; width : 100%; border-top : 1px solid #666; } table.dummy { } table td.firstHeader, table td.header, table td.firstSubHeader, table td.subHeader, table td.firstColHeader, table td.colHeader { font-size : 0.75em; font-weight : bold; color : #333333; padding : 3px 10px; vertical-align : middle; } table td.benchmark, table td.firstBenchmark, table td.firstBody, table td.body { font-size : 0.75em; color : #333333; padding : 3px 10px; vertical-align : top; } table.standard td.firstBody, table.standard td.body, table.featured td.firstBody, table.featured td.body { padding : 10px; } table.standard tr.spacer td, table.featured tr.spacer td { padding : 0 10px; } /* Standard Table ----------------------------------------------------- */ table.standard tr.header td, table.standard tr.colHeader td, table.standard tr.subHeader td { background-color : #d2dbe5; } table.standard tr.header td.header, table.standard tr.colHeader td.colHeader { border-left : 2px solid #fff; } table.standard tr.header td.header { background-color : #becad7; } table.standard tr.header td.header, table.standard tr.subHeader td { font-weight : normal; } /* Featured Table ----------------------------------------------------- */ table.featured tr.header td, table.featured tr.colHeader td { background-color : #e9e8c3; } table.featured tr.header td.header { background-color : #dfdea9; border-left : 2px solid #fff; font-weight : normal; } table.featured tr.colHeader td.colHeader { border-left : 2px solid #fff; } table.featured tr.subHeader td { background-color : #d2dbe5; } table.featured tr.subHeader td.subHeader { background-color : #becad7; border-left : 2px solid #fff; } /* Information Table -------------------------------------------------- */ table.info tr.header td { font-size : 0.82em; background-color : #BECAD7; } table.info tr.colheader td { background-color : #D2DBE5; border-bottom : 1px solid #666; } table.info tr.header td, table.info tr.subheader td { border-bottom : 1px solid #666; padding : 5px 10px; } table.info tr.benchmark td.firstBody, table.info tr.benchmark td.body { background-color : #eee; border-bottom : 1px solid #666; padding : 10px; } table.info tr.spacer td { font-size : 1px; line-height : 1px; color : #fff; padding : 0; height : 4px; border-bottom : 1px solid #999; } table.info tr.odd td.firstBody, table.info tr.odd td.body { background-color : #EEE9DB; border-bottom : 1px solid #999; } table.info tr.even td.firstBody, table.info tr.even td.body { background-color : #F9F4E9; border-bottom : 1px solid #999; } table.info tr.odd td.body, table.info tr.even td.body { border-left : 1px dashed #999; } /* Action Table ------------------------------------------------------- */ table.action tr.subheader td { border-bottom : 1px solid #666; } table.action tr.subheader td.subheader { font-weight : normal; } table.action tr.benchmark td { background-color : #d2dbe5; border-bottom : 1px solid #666; } table.action tr.odd td.firstBody, table.action tr.odd td.body { background-color : #EEE9DB; border-bottom : 1px solid #999; } table.action tr.even td.firstBody, table.action tr.even td.body { background-color : #F9F4E9; border-bottom : 1px solid #999; } table.action tr.odd td.body, table.action tr.even td.body, table.action tr td.benchmark { border-left : 1px dashed #999; } table.action tr td.firstBody { font-weight : bold; } /* -------------------------------------------------------------------- */ /* Header */ /* -------------------------------------------------------------------- */ table.header { width : 762px; height : 58px; } table.header td.logo { padding : 18px 0 16px 16px; } table.header td.search { font-size : 0.75em; vertical-align : top; padding-top : 10px; } table.header form { text-align : right; } div.popupHeader { height : 50px; padding : 10px 15px; border-bottom : 6px solid #b2975d; margin-bottom : 1px; } /* -------------------------------------------------------------------- */ /* Main Navigation */ /* -------------------------------------------------------------------- */ .mainNav { border : 0; } .mainNav .firstLevel { margin-left : 15px; } .mainNav .secondLevel { min-width : 751px; font-size : 0.92em; font-weight : bold; background-color : #b2975d; height : 22px; padding : 0 10px 0 2px; white-space : nowrap; } .mainNav .noSecondLevel { height : 7px; background-color : #b2975d; font-size : 1px; line-height : 1px; } .mainNav .firstLevel td { font-size : 0.69em; font-weight : bold; height : 19px; _height : 23px; padding : 0; padding-top : 3px; border-right : 1px solid #fff; border-bottom : 1px solid #fff; text-align : center; vertical-align : top; } .mainNav .firstLevel td.linkSel { padding : 0; background-color : #b2975d; border-bottom : 1px solid #b2975d; } .mainNav a, .mainNav a:visited { color : #fff; white-space : nowrap; text-decoration : none; cursor : pointer; } .mainNav .firstLevel a, .mainNav .firstLevel a span { display : block; height : 19px; background : #666 url(/public/file?cmsid=P-978364) no-repeat right top; } .mainNav .firstLevel a span { display : block; height : 17px; padding : 2px 7px 0 7px; background : transparent url(/public/file?cmsid=P-978357) no-repeat left top; } .mainNav .firstLevel .linkSel a span { padding-top : 5px; } .mainNav .firstLevel .linkSel a { background-color : #b2975d; } .mainNav .firstLevel .linkSel a:hover { color : #333; background-color : #b2975d; } .mainNav .firstLevel a:hover { background-color : #000; } .mainNav .secondLevel a { display : -moz-inline-box; display : inline-block; margin : 3px 0 0 13px; } .mainNav .secondLevel a:hover, .mainNav .secondLevel a.linkSel { color : #333; } .mainNav .secondLevel a.linkSel:hover { text-decoration : underline; } /* -------------------------------------------------------------------- */ /* Left Navigation */ /* -------------------------------------------------------------------- */ .navTree { padding-bottom : 7px; border-bottom : 2px solid #b2975d; font-weight : bold; } .navBranch { margin-left : 10px; font-size : 0.92em; } .navTree a { display : block; margin-bottom : 13px; } .navBranch a, a.navLinkExp { margin-bottom : 8px; } .navBranch a { font-weight : normal; } a.navLinkExp { margin-left : -8px; padding-left : 8px; background : transparent url(/public/file?cmsid=P-993990) no-repeat 0 5px; } a.navLinkSel, a.navLinkSel:visited { text-decoration : none; color : #333; font-weight : bold; } /* -------------------------------------------------------------------- */ /* Color band */ /* -------------------------------------------------------------------- */ .colorBand { width : 100%; height : 93px; margin-top : 1px; background-color : #325f8f; } .colorBand td { padding : 0; color : #fff; vertical-align : bottom; background-color : transparent; } .colorBand img { border : 0; } .colorBand td.titleArea { width : 555px; } .colorBand .titleArea table { width : 555px; } .colorBand .titleArea td { padding : 0; font-size : 1px; } .colorBand .titleArea td.pageTitle { width : 99%; font-size : 1.3em; padding : 10px 10px 10px 15px; } .colorBand .titleArea .brandText { text-align : right; font-size : 0.53em; color : #99AFC7; margin-top : 13px; } .colorBand .titleArea img { border-left : 1px solid #fff; } .colorBand .contactModule { width : 205px; background-color : #476f9a; border-left : 1px solid #fff; border-right : 1px solid #fff; } .colorBand div.contactItem, .colorBand a.contactItem { display : block; color : #fff; text-decoration : none; font-weight : bold; font-size : 0.75em; width : 205px; height : 23px; _height : 34px; padding-top : 10px; border-bottom : 1px solid #fff; } .colorBand div.contactItem { height : 24px; _height : 35px; } .colorBand a.contactItem:visited { color : #fff; } .colorBand .contactItem img { margin : 0 10px 0 10px; } .colorBand img.arrow { float : right; margin : 3px 10px 0 0; } .colorBand a.contactItem:hover { background-color : #325f8f; } .colorBand a.openAccount { display : block; background-color : #d6711e; height : 24px; } .colorBand a.openAccount img { margin : 8px 10px 0 10px; } .colorBand a.openAccount:hover { background-color : #b45f19; } .colorBand .bottomBand { height : 24px; _height : 25px; border-top : 1px solid #fff; background-color : #d6711e; background-color : #b45f19; font-size : 1px; } .colorBand td.promoSpace { vertical-align : bottom; width : 555px; } .colorBand td.promoSpace div { width : 555px; } .colorBand td.loginForm { background-color : #D2DBE5; color : #333; font-size : 0.75em; width : 205px; border-left : 1px solid #fff; border-right : 1px solid #fff; vertical-align : top; } .colorBand .loginForm .loginContainer { width : 185px; _width : 205px; padding : 1px 10px 0 10px; } .smallColorBand { height : 24px; background-color : #325f8f; margin-bottom : 10px; } /* Homepage Section --------------------------------------------------- */ .phomeSection .colorBand, .chomeSection .colorBand { height : 135px; } .phomeSection .colorBand .contactModule { vertical-align : top; } .phomeSection .colorBand div.contactItem, .phomeSection .colorBand a.contactItem { padding-top : 11px; height : 25px; _height : 37px; } /* Investment Products Section ---------------------------------------- */ .investment_productsSection .colorBand, .investment_productsSection .colorBand a.contactItem:hover { background-color : #3F536D; } .investment_productsSection .colorBand .contactModule { background-color : #53657C; } .investment_productsSection .colorBand .brandText { color : #9FA9B6; } /* Research and Strategies Section ------------------------------------ */ .research_strategiesSection .colorBand, .research_strategiesSection .colorBand a.contactItem:hover { background-color : #71604F; } .research_strategiesSection .colorBand .contactModule { background-color : #7f7061; } .research_strategiesSection .colorBand .brandText { color : #B8B0A7; } /* Planning and Retirement Section ------------------------------------ */ .planningSection .colorBand, .planningSection .colorBand a.contactItem:hover { background-color : #7D7C3A; } .planningSection .colorBand .contactModule { background-color : #929030; } .planningSection .colorBand .brandText { color : #BEBE9D; } /* Active Trader Section ---------------------------------------------- */ .active_traderSection .colorBand, .active_traderSection .colorBand a.contactItem:hover { background-color : #752C1D; } .active_traderSection .colorBand .contactModule { background-color : #834234; } .active_traderSection .colorBand .brandText { color : #BA968E; } /* Banking and Lending Section ---------------------------------------- */ .banking_lendingSection .colorBand, .banking_lendingSection .colorBand a.contactItem:hover { background-color : #5c7a7f; } .banking_lendingSection .colorBand .contactModule { background-color : #6d888c; } .banking_lendingSection .contactModule img, .banking_lendingSection .contactModule a { display : none; } .banking_lendingSection .colorBand .bottomBand { background-color : transparent; border : 0; } .banking_lendingSection .contactModule div { width : 1px; height : 1px; border : 0; font-size : 1px; color : #6d888c; overflow : hidden; } .banking_lendingSection .colorBand .brandText { color : #AEBDBF; } /* -------------------------------------------------------------------- */ /* Layout Grids */ /* -------------------------------------------------------------------- */ .twoCol, .twoColSplit, .twoColNav, .oneColNav { width : 762px; } .twoCol td, .twoColSplit td, .twoColNav td, .oneCol td, .oneColNav td { padding : 0; } td.bodyCol, td.middleCol, td.rightCol, td.leftCol { font-size : 0.75em; padding : 20px 0 10px 0; vertical-align : top; } td.bodyCol { padding : 20px 15px 10px 15px; } td.spaceCol { width : 15px; background-color : #fff; } /* One Column Grid ---------------------------------------------------- */ div.oneCol { width : 747px; _width : 762px; padding : 20px 0 10px 15px; } /* One Column Popup Grid ---------------------------------------------------- */ div.oneColPopup { padding : 10px 15px 20px 15px; } /* One Column Left Nav Grid ------------------------------------------- */ .oneColNav td.bodyCol { width : 600px; padding : 20px 0 10px 15px; } .oneColNav td.leftCol { width : 132px; padding : 20px 0 10px 15px; } /* Two Column Grid ---------------------------------------------------- */ .twoCol td.bodyCol { width : 527px; border-right : 2px solid #ebe5d7; } .twoCol td.rightCol { width : 203px; background-color : #f9f4e9; border-right : 2px solid #ebe5d7; } /* Two Column Left Navigation Grid ------------------------------------ */ .twoColNav td.bodyCol { width : 380px; border-right : 2px solid #ebe5d7; } .twoColNav td.leftCol { width : 132px; padding : 20px 0 10px 15px; } .twoColNav td.rightCol { width : 203px; background-color : #f9f4e9; border-right : 2px solid #ebe5d7; } /* Two Column Split Grid ---------------------------------------------- */ .twoColSplit td.bodyCol { width : 330px; } .twoColSplit td.middleCol { width : 180px; padding : 20px 15px 20px 0px; border-right : 2px solid #ebe5d7; } .twoColSplit td.rightCol { width : 183px; padding : 20px 10px; background-color : #f9f4e9; border-right : 2px solid #ebe5d7; } /* -------------------------------------------------------------------- */ /* Footer Navigation */ /* -------------------------------------------------------------------- */ .footer { min-width : 747px; font-size : 0.84em; padding : 10px 0 10px 15px; border-top : 2px solid #ebe5d7; } .footer a { padding : 0 4px; } .footer div.horizontalIndex { margin-left : -4px; } /* -------------------------------------------------------------------- */ /* Image styles */ /* -------------------------------------------------------------------- */ a.popupIcon, a.fileIcon, a.audioIcon, a.videoIcon, a.emailIcon, a.printIcon { display : inline-block; padding-right : 15px; margin-right : 3px; background-position : 100% 3px; background-repeat : no-repeat; } div.articleTools a.emailIcon, div.articleTools a.print, a.topIcon { display : inline-block; padding-left : 16px; background-position : 0 3px; background-repeat : no-repeat; } a.emailIcon { background-position :right 5px; } a.popupIcon { background-image : url(/public/file?cmsid=P-978089); } a.fileIcon { background-image : url(/public/file?cmsid=P-977968); } a.audioIcon { background-image : url(/public/file?cmsid=P-1004615); } a.videoIcon { background-image : url(/public/file?cmsid=P-1004856); } a.moreIcon { } a.emailIcon { background-image : url(/public/file?cmsid=P-977962); } a.printIcon, a.print { background-image : url(/public/file?cmsid=P-977974); } a.topIcon { background-image : url(/public/file?cmsid=P-977937); } a.icon img { margin : 0 5px; vertical-align : middle; } .dummy { } /* -------------------------------------------------------------------- */ /* Misc styles */ /* -------------------------------------------------------------------- */ a.buttonSubmit:visited { color: #F9F4D9; } div.arrow a, div.arrow a:visited { display : block; position : relative; left : -18px; height : 15px; background-color : #929bad; color : #fff; padding-left : 5px; } div.arrow a.audioIcon, div.arrow a.audioIcon:visited { padding-left : 23px; background : transparent url(/public/file?cmsid=P-1000578) no-repeat left top; } div.arrow a.videoIcon, div.arrow a.videoIcon:visited { padding-left : 23px; background : transparent url(/public/file?cmsid=P-978102) no-repeat left top; } div.arrow a.moreIcon, div.arrow a.moreIcon:visited { padding-left : 23px; background : transparent url(/public/file?cmsid=P-978095) no-repeat left top; } td.picture { padding-right : 10px; vertical-align : top; } div.articleTools { width : 120px; _width : 130px; display : inline; float : right; font-size : 0.92em; margin : 0 0 0 10px; padding : 5px 0 5px 10px; border-left : 1px dashed #999; } div.articleTools a { display : block; margin-top : 5px; } .breadcrumb { font-size : 0.92em; margin-bottom : 10px; } .bold { font-weight : bold; } .disclaimer { font-size : 0.84em; color : #333; margin-top : 15px; } .disclaimer .normalText { font-size : 1.19em; } .brokerage_disclaimer { display : block; font-size : 1.19em; font-weight : bold; padding : 5px 10px; border : 1px solid #333; } .bank_disclaimer { font-size : 1.09em; } .bank_disclaimer img { margin-right : 10px; } .compliance { font-size : 0.84em; color : #666; margin-top : 10px; } .colorBand div.pdc img, .footer div.pdc img { display : none; } .popupHeader div.pdc, .header div.pdc { display : inline-block; width : 210px; height : 25px; } .footer div.pdc { display : inline; width : 190px; height : 18px; } .leftCol .cms_field, .middleCol .cms_field, .rightCol .cms_field, .bodyCol .cms_field { padding : 0; }