/* File: master style sheet for The Created by:http://www.thetribe.com/ Date: 13. October 2009 */ html, body, form, fieldset { margin: 0; padding: 0; font: 12px/160% arial, helvetica, sans-serif; } a img{ border: 0; } h1, h2, h3, h4, h5, h6{ color: #000; font-weight: bold; padding: 0; line-height: 1; margin: 0px; } h2{ padding:10px 0px 0px 20px; color:#007541; font-weight:normal; font-size:20px;} p, pre, blockquote, ul, ol, dl, address { margin: 0px 0; padding: 0; } li, dd, blockquote { margin-left: 2em; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } hr{ clear: both; border: 0; height: 0; text-indent: -9999px; overflow: hidden;} /* Links -------------------------------------------------------------------------- */ a, a:visited{ text-decoration: none; color: #0047B2; } a:hover{text-decoration: underline; } /* Main Structure -------------------------------------------------------------------------- */ body{ background: #fff; color: #333; text-align: center; } #Container{ width: 755px; margin: 34px auto; text-align: left; position: relative; } #Header{width: 755px; position:relative; float:left; padding:0px; margin:0px;} #Header img{position:relative; float:left; padding:0px 0px 0px 4px;} #Header a{font-weight:normal; font-size:14px; position:absolute; right:2px; bottom:4px; padding:0px 25px 4px 0px; background:url(../images/cms/FindMore_Arrow.png) no-repeat right; margin:0px; color:#1955BB; text-decoration:none;} #Header a:hover{background:url(../images/cms/FindMore_Arrow_Hover.png) no-repeat right;} #MenuBox{ margin:0px; padding:0px; width: 756px; position:relative; float:left; height:54px; background: url(../images/nav_greenbar-1.png) no-repeat bottom;} #FlashBox{ width:755px; margin:0px; padding:0px; position:relative; float:left;} #FooterBox{ width:755px; height:198px; position:relative; float:left; margin:-5px 0px 0px 0px; padding:0px;} #Content{ width: 755px; margin: 0; padding: 20px 0 0 0; text-align: left; position: relative; border-top: 1px solid #ccc; overflow: hidden; } #Footer{ width:755px; position:relative; height:60px; float:left; background:url(../images/navigation/new/ethos.png) no-repeat left;} #Footer .FooterNav{ position:relative; float:right; margin:0px; padding:0px; } #Footer .FooterNav li{ padding:0px 10px 0px 0px; margin:0px 0px 0px 10px; color:#0054A8; position:relative; float:left; text-decoration:underline; list-style:none;} #Footer .FooterNav li a {color:#0054A8; text-decoration:underline;} #Footer .FooterNav .blue-link{border-right:1px solid #666666; height:20px;} #InsideContainer{ width:755px; position:relative; float:left; background:url(../images/bg_box.gif) repeat-y } #InsideFooter{ width:755px; padding:20px 0px 0px 0px; text-align:left; margin:0px; background:url(../images/bg_whitebox_bottom.gif) no-repeat top; position:relative; float:left;} #InsideOneLeftBox{width:184px; padding:14px 0px 0px 8px; margin:0px; position:relative; float:left;} #InsideOneRightBox{width:544px; padding:17px 0px 0px 6px; margin:0px; position:relative; float:left;} #InsideFooter .FooterNav{padding:0px; margin:0px; position:relative; float:right;} #InsideFooter .FooterNav li{padding:0px 10px 0px 0px; margin:0px 0px 0px 10px; color:#0054A8; position:relative; float:left; text-decoration:underline; list-style:none;} #InsideFooter .FooterNav li a {color:#0054A8; } #InsideFooter .FooterNav .blue-link{border-right:1px solid #666666;} #TopBox{ width:544px; padding:0px;margin:0px 0px 6px 0px;} #TopBox h1{ font-size:30px; font-weight:normal;} #BottomBoxTopbg{ /*height:10px; width:538px; background:url(../images/bg_gradient_top.gif) no-repeat top; position:relative; float:left; */} #bottombg{background:url(../images/bg_gradient_top.gif) no-repeat bottom;} #BottomBox{/*width:538px; padding:12px 0px 20px 4px; margin:0px 0px 20px 0px; text-align:left; background: transparent url(../images/bg_gradient.gif) no-repeat bottom left;*/} #GradientFooter{border-top:1px dotted #CCCCCC; padding:0px 0px 10px 0px; margin:10px 0px 0px -4px; width:538px;} #BottomBox p{margin:10px 20px 0px 20px; text-align:left; color:#333333; line-height:15px;} #BottomBox #privacy p{ padding:0px 0px 0px 15px} #BottomBox_Privacy{width:538px; padding:12px 0px 50px 4px; margin:0px 0px 20px 0px; text-align:left; background: transparent url(../images/bg_gradient_Privacy.gif) no-repeat bottom left;} #BottomBox_Privacy #privacy p{ color:#333333; padding:0px 15px 0px 35px} #BottomBox_Privacy #privacy h2{ padding:5px 15px 5px 15px} #BottomBox_Privacy #privacy .list_tick{padding:0px 15px 0px 25px} /* Menu 1 -------------------------------------------------------------------------- */ #Menu1{padding: 15px 0px 0px 4px; margin: 0px; width:755px; position:relative; float:left; height: 29px; overflow: hidden;} #Menu1 li{ float: left; display: block; margin: 0; padding: 0; position: relative; height: 29px;} #Menu1 li a{ font-weight:bold; font-size:13px; position: relative; padding:6px 0px 0px 0px; color:#424242; text-decoration:none; height: 29px; display: block; text-align:center; width:125px; background: url(../images/navigation/nav.png) no-repeat;} #Menu1 li a#lnk5{ font-size:11px;} #Menu1 li a:hover{ background: url(../images/navigation/nav.png) 0px -29px no-repeat;} #Menu1 li a.current{ background: url(../images/navigation/nav.png) 0px -58px no-repeat; color:#ffffff; height: 29px; } #Menu1 li.current a:hover{background: url(../images/navigation/nav.png) 0 -55px no-repeat;} /* Menu2 ---------------------------------------------------------------------------*/ #Menu2{ margin:5px 0px 0px 0px; } #Menu2 li{ list-style:none; margin:0px 0px 3px -7px;} #Menu2 li.sub-nav a {display:block;width:176px; height:25px;margin:0 0 0 3px; text-decoration:none;padding:2px 0 2px 7px;color:#333;font-size:1.2em;background: url(../images/subnav.gif) 0 0 no-repeat;} #Menu2 li.sub-nav a:hover,li.sub-nav a:focus {background: url(../images/subnav.gif) -185px 0 no-repeat;color:#333;text-decoration:none;font-size:1.2em;} #Menu2 li.sub-nav a.current{background-position: right 0;color:#fff;text-decoration:none;font-size:1.2em;} #Menu2 li.sub-nav-large a {display:block;width:176px; line-height:15px; height:35px; margin:0 0 0 3px; text-decoration:none;padding:5px 0 2px 7px;color:#333; text-decoration:none; font-size:14px; background: url(../images/subnav-large.gif) 0 0 no-repeat;} #Menu2 li.sub-nav-large a:hover,li.sub-nav-large a:focus {background: url(../images/subnav-large.gif) -185px 0 no-repeat;color:#333;text-decoration:none;font-size:1.2em;} #Menu2 li.sub-nav-large a.current {background-position: right 0;color:#fff;text-decoration:none;font-size:1.2em;} /* Footer --------------------------------------------------------------------------*/ .Find_boxbgr{background: url(../images/footer_bgr.png) no-repeat; position:relative; float:left; height:178px; width:236px; margin:0px; padding:15px 0px 0px 15px;} .Find_boxbgr h3{ font-weight:normal; line-height:30px; color:#096040; font-size:18px; margin:0px; padding:0px; width:200px;} .Find_boxbgr p{color:#4EA911; font-size:14px; width:115px; position:relative; float:left; padding:10px 0px 0px 0px;} .Find_boxbgr a{color:#006ABF; font-size:13px; text-decoration:none; height:20px; display:inline; position:absolute; bottom:40px; left:0px; padding:0px 25px 2px 15px; background:url(../images/findbgr.png) right bottom no-repeat;} .Find_boxbgr a:hover{display:inline; position:absolute; bottom:40px; left:0px; padding:0px 25px 2px 15px; height:20px; background:url(../images/findcur_bgr.png) right bottom no-repeat;} /*Home Registration_box ------------------------------*/ #FooterBox .HomeReg_box{background: url(../images/footer_bgr.png) no-repeat; position:relative; float:left; height:178px; width:236px; margin:0px; padding:0px 0px 0px 15px;}.HomeReg_box p{ margin:0px; padding:0px 0px 0px 0px; } #FooterBox .HomeReg_box p input{ height:16px; color:#92989A; width:130px; margin:5px 0px 0px 0px; padding:0px; font-size:10px;} #FooterBox .HomeReg_box h3{ font-weight:normal; line-height:40px; color:#096040; font-size:18px; font-family:Arial; padding:10px 0px 0px 0px;} #FooterBox .HomeReg_box .Regparag {color:#4EA911; position:relative; float:left; font-size:14px; padding:0px 10px 0px 0px;} #FooterBox .HomeReg_box #chkTerms { position:relative; float:left; width:20px; margin:10px 0px 0px 0px; padding:0px;} #FooterBox .HomeReg_box #btnSubmit{ padding:0px; width:63px; height:31px; position:absolute; bottom:15px; right:15px; border:none; margin:0px; background: url(../images/cms/btn_bgr.png) 0 0 no-repeat; } #FooterBox .HomeReg_box #Message{ text-align:left; font-size:10px; color:#66B431; margin:0px; padding:10px 0px 0px 2px; width:130px; line-height:10px;} #FooterBox .HomeReg_box #Message a{ text-decoration:none;} #FooterBox .HomeReg_box #Loading{padding:0px 0px 0px 20px;} /* Register ---------------------------------------------*/ .RegistrationBgr{ background:url(../images/cms/Hot-bcgr.png) no-repeat; width:179px; height:188px; margin:0px; padding:0px 0px 0px 15px; position:relative;} .RegistrationBgr p{ margin:0px; padding:0px 0px 0px 0px; } .RegistrationBgr p input{ height:16px; color:#92989A; width:130px; margin:8px 0px 0px 0px; padding:0px; font-size:10px;} .RegistrationBgr h3{ font-weight:normal; color:#096040; font-size:18px; font-family:Arial; padding:15px 0px 0px 0px;} .RegistrationBgr .Regparag {color:#66B431; position:relative; float:left; font-size:12px; padding:5px 10px 0px 0px;} .RegistrationBgr #chkTerms { position:relative; float:left; width:20px; margin:10px 0px 0px 0px; padding:0px;} .RegistrationBgr #btnSubmit{ width:63px; height:26px; position:absolute; bottom:7px; right:24px; border:none; margin:0px 18px 0px 0px; background: url(../images/cms/btn_bgr.png) 0 0 no-repeat; } .RegistrationBgr p textarea{ width:130px; height:28px; color:#92989A; text-align:left; margin:10px 0px 0px 0px; padding:0px; font-size:10px; } .RegistrationBgr #Message{ font-size:10px; color:#66B431; padding:3px 0px 0px 0px; line-height:11px; margin:0px;} .RegistrationBgr #Message a{text-decoration:none;} .RegistrationBgr #Loading{padding:7px 0px 0px 20px;} /* Question -------------------------------------------*/ .QuestionBgr{ background:url(../images/cms/Hot-Large-bcgr.png) no-repeat; width:165px; height:237px; margin:3px 0px 3px 0px; padding:0px 0px 0px 15px; position:relative;} .QuestionBgr p{ margin:0px; padding:0px 0px 0px 0px; } .QuestionBgr p input{ height:16px; color:#92989A; width:130px; margin:13px 0px 0px 0px; padding:0px; font-size:10px;} .QuestionBgr h3{ font-weight:normal; color:#096040; font-size:18px; font-family:Arial; padding:15px 0px 0px 0px; font: 10px/100% arial, helvetica, sans-serif;} .QuestionBgr p textarea{ width:130px; height:30px; color:#92989A; text-align:left; margin:15px 0px 0px 0px; padding:0px; font-size:10px; font: 10px/100% arial, helvetica, sans-serif;} .QuestionBgr #QbtnSubmit{ width:63px; height:31px; position:absolute; bottom:5px; right:10px; margin:0px 18px 0px 0px; border:none; background:transparent url(../images/cms/btn_bgr.png) 0 0 no-repeat;} .QuestionBgr #QMessage{ font-size:10px; color:#66B431; line-height:10px; padding:3px 0px 0px 0px;} .QuestionBgr #QLoading{padding:7px 0px 0px 40px; height:12px;} /* More help ------------------------------------------------------*/ .help_box{ background:url(../images/cms/Hot-bcgr.png) no-repeat; width:165px; height:179px; margin:0px; padding:15px 0px 0px 15px;} .help_box h3{ font-weight:normal; color:#096040; font-size:18px; margin:0px; padding:0px; width:100px;} .help_box span{ color:#AEAEAE; font-size:14px; width:140px; position:relative; float:left; padding:8px 0px 0px 0px;} .help_box .heip_nub{color:#84C92C; font-size:20px; width:110px; font-weight:bold; position:relative; float:left; padding:0px; margin:10px 0px 0px 0px;} .help_box .help_date{color:#AEAEAE; font-size:10px; width:110px; position:relative; float:left; padding:5px 0px 0px 0px; font-weight:bold;} .help_box img{ margin:15px 0px 0px 0px; } /* Smarter Sever tool ------------------------------------------------------*/ .smarte_tool_box{ background:url(../images/cms/Hot-Large-bcgr.png) no-repeat; width:165px; height:225px; margin:0px 0px 2px 0px; padding:15px 0px 0px 15px; position:relative;} .smarte_tool_box h3{ font-weight:normal; color:#096040; font-size:18px; margin:0px; padding:0px; width:150px;} .smarte_tool_box span{ color:#95CB70; font-size:14px; width:142px; position:relative; float:left; padding:7px 0px 0px 0px; margin:0px;} .smarte_tool_box img{ position:relative; float:left; margin:0px 0px 0px 10px} .smarte_tool_box a{color:#4D97CD; font-size:13px; text-decoration:none; height:20px; display:inline; position:absolute; bottom:15px; left:0px; padding:0px 25px 4px 15px; background:url(../images/arrow.png) right bottom no-repeat;} .smarte_tool_box a:hover{display:inline; position:absolute; bottom:15px; left:0px; padding:0px 25px 4px 15px; height:20px; background:url(../images/cur_arrow.png) right bottom no-repeat;} #BottomBox .green-bullet-point{ background:url(../images/i_bg.png) no-repeat 0px 0px; width:27px; height:24px; position:relative;color:#fff; font-size:18px; float:left; font-weight:bold; padding:5px 0 0 2px; text-align:center; margin: -5px 10px 0px 0px;} #BottomBox .green-heading{color:#4EA911; font-size:13px; height:30px; font-weight:bold; padding:15px 0px 0px 0px;} #BottomBox p.paragrap{ margin:0px 20px 0px 40px; text-align:left; line-height:15px;} /* GradientFooter link -------------------------------------------------------------------------------*/ #GradientFooter p{ padding:15px 0px 0px 4px;} #GradientFooter h2{ padding:10px 0px 0px 24px; color:#007541; font-weight:normal; font-size:20px;} #GradientFooter a{ font-size:14px; font-weight:normal; color:#0047B2; margin:0px 0px 0px 0px; padding:0px 25px 5px 0px; text-decoration:none; background: url(../images/arrow.png) right bottom no-repeat;} #GradientFooter a:hover{ margin:0px; padding:0px 25px 5px 0px; background:url(../images/cur_arrow.png) right bottom no-repeat } /*-----------The Tribe-----------*/ .box_Regular{width:269px;padding:0px;margin:0px 2px 0px 0px;position:relative;float:left;display:inline;background: url(../images/cms/Hover_Box_Top.png) left top no-repeat;} .box_Regular .box_border{width:269px;padding:0px;margin:10px 0px 0px 0px;position:relative;float:left;display:inline;background: url(../images/cms/Hover_Box_Bg.png) left top repeat-y;} .box_Regular .box_content{width:230px;padding:0px;margin:0px 5px 0px 25px;position:relative;float:left;display:inline;background:none;height:135px;min-height:135px;} .box_content img{ position:relative; float:left;} .box_Regular h3, .box_Regular_Image h3, .box_HotSpot h3, .box_HotSpot_large h3{font: normal 18px/120% Arial, Helvetica, sans-serif;margin:5px 0px 5px 0px;color:#006633;} .box_Regular p, .box_Regular_Image p, .box_HotSpot p , .box_HotSpot_large p{font: normal 13px/120% Arial, Helvetica, sans-serif;color: #5ab600;} .box_Regular a, .box_Regular_Image a, .box_HotSpot a, .box_HotSpot_large a{font: normal 13px/160% Arial, Helvetica, sans-serif;text-decoration:none;color:#0356bc;display: inline; background: url(../images/cms/FindMore_Arrow.png) right bottom no-repeat;width: auto;position:absolute; bottom:0px;left:0px;padding:0px 25px 2px 0px;} .box_Regular a:hover, .box_Regular a:focus, .box_Regular_Image a:hover, .box_Regular_Image a:focus, .box_HotSpot a:hover, .box_HotSpot a:focus, .box_HotSpot_large a:hover, .box_HotSpot_large a:focus{ background:url(../images/cms/FindMore_Arrow_Hover.png) right bottom no-repeat} .box_Regular .box_content_text{width:110px;padding:0px;margin:0px;position:relative;float:left;display:inline;background:none;} .box_HotSpot{width:159px;height:168px;padding:10px; margin:0px; position:relative;float:left;display:inline;background:url(../images/cms/Hot-bcgr.png) left top no-repeat;} .box_HotSpot_large{ width:157px;height:217px;padding:10px; margin:0px; position:relative;float:left;display:inline; background:url(../images/cms/Hot-Large-bcgr.png) left top no-repeat;} /* Syles upadated on 1.10.2009 ---------------------------------------------------------------------- */ h1.tip-heading{background: url(../images/navigation/new/Tips_for_choosing-1.png) no-repeat 0 0; color:#096040; width:518px; height:88px; position:relative; padding: 15px 0 5px 20px; clear:both; font-size:26px;} h1.tip-heading-1{background: url(../images/navigation/new/banner_saving_accounts-1.png) no-repeat 0 0; color:#096040; width:518px; height:88px; position:relative; padding: 15px 0 5px 20px; clear:both; font-size:26px;} h1.tip-heading-2{background: url(../images/header_whysave-1.png) no-repeat 0 0; color:#096040; width:518px; height:88px; position:relative; padding: 15px 0 5px 20px; clear:both; font-size:26px;} /* Syles upadated on 1.10.2009 */ .header-financial_healthcheck{ background: url(../images/navigation/new/Financial_healthcheck-2.png) left bottom no-repeat; width:526px; height:160px; position:relative; padding: 13px 0 15px 25px; clear:both; font-family:Arial,Helvetica,sans-serif; margin:0px 0px 5px 0px;} .header-financial_healthcheck h1{color:#096040; font-size:26px;} .header-financial_healthcheck p{color:#5AB600; font-size:15px; width:320px; padding:5px 0px 0px 0px;} .header-financial_healthcheck a{ color:#0356BC; position:absolute; bottom:15px; padding:0px 25px 3px 0px; text-decoration:none;font-size:13px; background: url(../images/cms/Header_FindMore_Arrow.png) right bottom no-repeat; } .header-financial_healthcheck a:hover, .header-financial_healthcheck a:focus{ background: url(../images/cms/Header_FindMore_Arrow_Hover.png) right bottom no-repeat;} .heading_savingsAccounts_OurSavingsAccount{ background:url(../images/navigation/new/Our-savings-accounts-both-2.png) no-repeat; width:518px; height:160px; position:relative; padding: 15px 0px 15px 20px; clear:both; position:relative; float:left; font-family:Arial,Helvetica,sans-serif;} .heading_savingsAccounts_OurSavingsAccount h1{color:#096040; font-size:26px;} .heading_savingsAccounts_OurSavingsAccount p{color:#5AB600; font-size:15px; width:365px; line-height:20px; padding:0px 0px 0px 0px; margin:0px;} .heading_savingsAccounts_OurSavingsAccount a{ color:#0356BC; position:absolute; bottom:15px; left:20px; padding:0px 25px 3px 0px; text-decoration:none;font-size:13px; background: url(../images/cms/Header_FindMore_Arrow.png) right bottom no-repeat; } .heading_savingsAccounts_OurSavingsAccount a:hover, .heading_savingsAccounts_OurSavingsAccount a:focus{ background: url(../images/cms/Header_FindMore_Arrow_Hover.png) right bottom no-repeat; } /*tick ------------------------------------------------*/ #bg_gradient p.tick {width:450px;padding:10px 20px 10px 30px;margin:0px 25px 0 25px;} #bg_gradient p.tick { background:url(../images/tick.png) no-repeat left 10px;} ul.list_tick{font-size:12px;color:#333;} ul.list_tick li{background:transparent url(../images/tick.png) no-repeat 12px;padding:5px 0px 5px 35px;list-style-image:none; list-style-position:outside;list-style-type:none;} #BottomBox .text_n {color:#333333; padding:0px 0px 0px 10px;} #BottomBox .text_space{Margin:-20px 0px 0px 0px; line-height:15px; text-align:left; font-weight:normal;} #BottomBox div.text_n {color:#333333; padding:0px 0px 5px 20px; margin:10px 0px 0px 0px;} #BottomBox .text_n .green-bullet-point{ background:url(../images/i_bg.png) no-repeat 0px 0px; width:27px; height:24px; position:relative;color:#fff; font-size:18px; float:left; font-weight:bold; padding:3px 0 0 2px; text-align:center; margin: 0px 10px 0px 0px;} #BottomBox .text_n p{ margin:10px 20px 10px 40px; padding:0px 0px 0px 0px; text-align:left; color:#333333; line-height:15px; } li.next-tip-white {margin-left:4px;} li.next-tip-white a:link, li.next-tip-white a:visited, li.next-tip-white a:hover, li.next-tip-white a:active {display: block;width: 69px;height:19px;position:relative;margin-top:-16px;/* T */} li.next-tip-white a:link, li.next-tip-white a:visited {background: url(../images/i_nexttip_white.gif) no-repeat left top;} li.next-tip-white a:hover, li.next-tip-white a:active {background: url(../images/i_nexttip_white.gif) no-repeat left bottom;} li.previous-tip-white {margin-right:6px;} li.previous-tip-white a:link, li.previous-tip-white a:visited, li.previous-tip-white a:hover, li.previous-tip-white a:active {display: block;width: 73px;height:19px;position:relative;margin-top:-16px;/* T */} li.previous-tip-white a:link, li.previous-tip-white a:visited { background: url(../images/i_previoustip_white.gif) no-repeat left top;} li.previous-tip-white a:hover{ background: url(../images/i_previoustip_white.gif) no-repeat left bottom; } li.link_back-to-tips {margin-right:6px;} li.link_back-to-tips a:link, li.link_back-to-tips a:visited, li.link_back-to-tips a:hover, li.link_back-to-tips a:active {display: block;width: 103px;height:19px;position:relative;margin-top:-11px;/* T */} li.link_back-to-tips a:link, li.link_back-to-tips a:visited { background: url(../images/link_backtotiplist.png) no-repeat left top;} li.link_back-to-tips a:hover{ background: url(../images/link_backtotiplist.png) no-repeat left bottom; } .pagination-list-3 {margin:6px 10px 5px 0;padding-top:4px;} .fr {float:right;} ul.inline{list-style-type:none;margin:0px;padding-left:0px;clear:both;} ul.inline li{float:left;} #BottomBox #privacy p.terms{ padding:0px 0px 0px 30px;}