/* CSS Document */ /* Tab Styles Products (Green) */ #Tabs { margin: 0 auto; padding: 0; width: 750px; height: 1120px; position: relative; background: URL("../images/funds/bgtop.gif") top repeat-x; } #Tabs #divTabx { display: block; right: 0; height: 45px; width: 10px; position: absolute; background-image: URL("../images/funds/rightcorner.gif"); } #Tabs #ColLeft { margin: 0; padding: 0 10px 0 0; width: 470px; float: left; display: block; border-right: 1px solid #9fc158; } #Tabs #ColRight { margin: 0; padding: 0; width: 200px; float: right; display: block; } #Tabs .content { margin: 0; padding: 30px 40px; width: 670px; position: absolute; overflow: visible; top: 45px; background: URL("../images/funds/tabBgGreen.gif") no-repeat; } * HTML #Tabs .content { width: 750px; } #Tabs #tab01 { display: block; } #Tabs #tab02 { display: none; } #Tabs #tab03 { display: none; } #Tabs #tab04 { display: none; } #Tabs #tab05 { display: none; } #Tabs img.icon { margin: 0 15px 0 0; padding: 0; float: left; } /* Tab - Insurance Products | Life Insurance */ #Tabs #divWhyBuyLife { display: block; left: 0px; height: 45px; width: 180px; position: absolute; background-image: URL("../images/funds/tabWhyBuyLife_on.gif"); } #Tabs #divTermInsura { display: block; left: 180px; height: 45px; width: 130px; position: absolute; background-image: URL("../images/funds/tabTermInsura_off.gif"); } #Tabs #divPermInsura { display: block; left: 310px; height: 45px; width: 168px; position: absolute; background-image: URL("../images/funds/tabPermInsura_off.gif"); } #Tabs #divAddResourc { display: block; left: 478px; height: 45px; width: 169px; position: absolute; background-image: URL("../images/funds/tabAddResourc_off.gif"); } #Tabs #divBuyNow { display: block; left: 647px; height: 45px; width: 88px; position: absolute; background-image: URL("../images/funds/tabBuyNow_off.gif"); } /* Tab - Insurance Products | Lifetime Income */ #Tabs #divCashRefund { display: block; left: 0px; height: 45px; width: 142px; position: absolute; background-image: URL("../images/funds/tabCashRefund_on.gif"); } #Tabs #div20YearGnte { display: block; left: 142px; height: 45px; width: 180px; position: absolute; background-image: URL("../images/funds/tab20YearGnte_off.gif"); } #Tabs #divHowToBuy2 { display: block; left: 322px; height: 45px; width: 107px; position: absolute; background-image: URL("../images/funds/tabHowToBuy2_off.gif"); } /* Tab - Insurance Products | Home Owners */ #Tabs #divFeatBenfts { display: block; left: 0px; height: 45px; width: 154px; position: absolute; background-image: URL("../images/funds/tabFeatBenfts_on.gif"); } #Tabs #divWhoWeAre { display: block; left: 154px; height: 45px; width: 106px; position: absolute; background-image: URL("../images/funds/tabWhoWeAre_off.gif"); } #Tabs #divWaysToSave { display: block; left: 260px; height: 45px; width: 117px; position: absolute; background-image: URL("../images/funds/tabWaysToSave_off.gif"); } #Tabs #divHowToBuyHm { display: block; left: 377px; height: 45px; width: 105px; position: absolute; background-image: URL("../images/funds/tabHowToBuyHm_off.gif"); } /* Tab - Insurance Products | Mobile Home, Automobile, Antique, Rec Vehicle, Property Casualty */ #Tabs #divFeatBnftMH { display: block; left: 0px; height: 45px; width: 154px; position: absolute; background-image: URL("../images/funds/tabFeatBenfts_on.gif"); } #Tabs #divWhoWeAreMH { display: block; left: 154px; height: 45px; width: 102px; position: absolute; background-image: URL("../images/funds/tabWhoWeAre_off.gif"); } #Tabs #divWaysToSvMH { display: block; left: 256px; height: 45px; width: 113px; position: absolute; background-image: URL("../images/funds/tabWaysToSave_off.gif"); } #Tabs #divHowToBuyMH { display: block; left: 369px; height: 45px; width: 101px; position: absolute; background-image: URL("../images/funds/tabHowToBuyHm_off.gif"); } /* Tab - Insurance Products | Before Purchasing */ #Tabs #divWhtaIsInsr { display: block; left: 0px; height: 45px; width: 159px; position: absolute; background-image: URL("../images/funds/tabWhtaIsInsr_on.gif"); } #Tabs #divWhyAARPIns { display: block; left: 159px; height: 45px; width: 227px; position: absolute; background-image: URL("../images/funds/tabWhyAARPIns_off.gif"); } /* Tab - Banking Products | Credit Cards */ #Tabs #divBankPlatRe { display: block; left: 0px; height: 45px; width: 188px; position: absolute; background-image: URL("../images/funds/tabBankPlatRe_on.gif"); } #Tabs #divBankPlatVi { display: block; left: 188px; height: 45px; width: 125px; position: absolute; background-image: URL("../images/funds/tabBankPlatVi_off.gif"); } #Tabs #divBankFeatBe { display: block; left: 313px; height: 45px; width: 85px; position: absolute; background-image: URL("../images/funds/tabBankFeatBe_off.gif"); } #Tabs #divBankWhoIss { display: block; left: 398px; height: 45px; width: 90px; position: absolute; background-image: URL("../images/funds/tabBankWhoIss_off.gif"); } /* #Tabs #divBankTravPl { display: block; left: 313px; height: 45px; width: 143px; position: absolute; background-image: URL("../images/funds/tabBankTravPl_off.gif"); } */ /* #Tabs #divBankFeatBe { display: block; left: 456px; height: 45px; width: 85px; position: absolute; background-image: URL("../images/funds/tabBankFeatBe_off.gif"); } */ /* #Tabs #divBankWhoIss { display: block; left: 541px; height: 45px; width: 90px; position: absolute; background-image: URL("../images/funds/tabBankWhoIss_off.gif"); } */ /* Tab - Banking Products | Everyday Banking */ #Tabs #divBankingCDs { display: block; left: 0px; height: 45px; width: 68px; position: absolute; background-image: URL("../images/funds/tabBankingCDs_on.gif"); } #Tabs #divBankingHgh { display: block; left: 68px; height: 45px; width: 175px; position: absolute; background-image: URL("../images/funds/tabBankingHgh_off.gif"); } #Tabs #divBankingChk { display: block; left: 243px; height: 45px; width: 96px; position: absolute; background-image: URL("../images/funds/tabBankingChk_off.gif"); } /* Tab - Retirement | IRAs */ #Tabs #divTradIRA { display: block; left: 0px; height: 45px; width: 131px; position: absolute; background-image: URL("../images/products/tabTradIRA_on.gif"); } #Tabs #divRothIRA { display: block; left: 131px; height: 45px; width: 89px; position: absolute; background-image: URL("../images/products/tabRothIRA_off.gif"); } #Tabs #divRollIRA { display: block; left: 220px; height: 45px; width: 115px; position: absolute; background-image: URL("../images/products/tabRollIRA_off.gif"); } #Tabs #divSepIRA { display: block; left: 335px; height: 45px; width: 76px; position: absolute; background-image: URL("../images/products/tabSepIRA_off.gif"); } #Tabs #divWhchIRA { display: block; left: 411px; height: 45px; width: 204px; position: absolute; background-image: URL("../images/products/tabWhchIRA_off.gif"); } /* Tab - Retirement | Retirement Income Services */ #Tabs #divPortPlanr2 { display: block; left: 0px; height: 45px; width: 159px; position: absolute; background-image: URL("../images/products/tabPortPlanr2_on.gif"); } #Tabs #divGoalPlanr2 { display: block; left: 159px; height: 45px; width: 120px; position: absolute; background-image: URL("../images/products/tabGoalPlanr2_off.gif"); } #Tabs #divIncmPlanr2 { display: block; left: 279px; height: 45px; width: 132px; position: absolute; background-image: URL("../images/products/tabIncmPlanr2_off.gif"); } #Tabs #divProgChkup2 { display: block; left: 411px; height: 45px; width: 146px; position: absolute; background-image: URL("../images/products/tabProgChkup2_off.gif"); } /* Tab - Financial Advisor Services */ #Tabs #divExpertise { display: block; left: 0px; height: 45px; width: 96px; position: absolute; background-image: URL("../images/products/tabExpertise_on.gif"); } #Tabs #divPortPlanr { display: block; left: 96px; height: 45px; width: 152px; position: absolute; background-image: URL("../images/products/tabPortPlanr_off.gif"); } #Tabs #divGoalPlanr { display: block; left: 248px; height: 45px; width: 120px; position: absolute; background-image: URL("../images/products/tabGoalPlanr_off.gif"); } #Tabs #divIncmPlanr { display: block; left: 368px; height: 45px; width: 132px; position: absolute; background-image: URL("../images/products/tabIncmPlanr_off.gif"); } #Tabs #divProgChkup { display: block; left: 500px; height: 45px; width: 147px; position: absolute; background-image: URL("../images/products/tabProgChkup_off.gif"); } /* Tab Styles Learning Center (Gold) */ #TabsLC { margin: 0 auto; padding: 0; width: 750px; height: 1050px; position: relative; background: URL("../images/learning/tabbgtop.gif") top repeat-x; } #TabsLC #divTabx { display: block; right: 0; height: 45px; width: 10px; position: absolute; background-image: URL("../images/learning/tabrightcorner.gif"); } #TabsLC .content { margin: 0; padding: 30px 40px; width: 670px; position: absolute; overflow: visible; top: 45px; background: URL("../images/learning/tabBgGold.gif") no-repeat; } * HTML #TabsLC .content { width: 750px; } #TabsLC #tab01 { display: block; } #TabsLC #tab02 { display: none; } #TabsLC #tab03 { display: none; } #TabsLC #tab04 { display: none; } #TabsLC #tab05 { display: none; } /* Tab - Learning - Personal Finances */ #TabsLC #divBudget { display: block; left: 0px; height: 45px; width: 115px; position: absolute; background-image: URL("../images/learning/tabBudget_on.gif"); } #TabsLC #divSaving { display: block; left: 115px; height: 45px; width: 106px; position: absolute; background-image: URL("../images/learning/tabSaving_off.gif"); } #TabsLC #divCshFlw { display: block; left: 221px; height: 45px; width: 125px; position: absolute; background-image: URL("../images/learning/tabCshFlw_off.gif"); } /* Tab - Investments */ #TabsLC #divSaveInvest { display: block; left: 0px; height: 45px; width: 149px; position: absolute; background-image: URL("../images/learning/tabSaveInvest_on.gif"); } #TabsLC #divCash { display: block; left: 149px; height: 45px; width: 159px; position: absolute; background-image: URL("../images/learning/tabCash_off.gif"); } #TabsLC #divFunds { display: block; left: 308px; height: 45px; width: 139px; position: absolute; background-image: URL("../images/learning/tabFunds_off.gif"); } #TabsLC #divBonds { display: block; left: 447px; height: 45px; width: 87px; position: absolute; background-image: URL("../images/learning/tabBonds_off.gif"); } /* Tab - Retirement Planning */ #TabsLC #divPlan { display: block; left: 0px; height: 45px; width: 86px; position: absolute; background-image: URL("../images/learning/tabPlan_on.gif"); } #TabsLC #divRevisit { display: block; left: 86px; height: 45px; width: 100px; position: absolute; background-image: URL("../images/learning/tabRevisit_off.gif"); } #TabsLC #divWithdraw { display: block; left: 186px; height: 45px; width: 109px; position: absolute; background-image: URL("../images/learning/tabWithdraw_off.gif"); }