/********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET *************************/ /********************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-size:14px;line-height:20px;font-family:Helvetica, Arial, sans-serif;font-style:inherit;font-weight: normal;text-align:left;color:#58595b;} :focus {outline: 0;} input {padding:0;/*height:17px;*/} /* removes focus borders from submit buttons */ button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;} ul, ol {list-style:none;} caption {text-align:left;font-weight:normal;} em {font-style:italic;} strong {font-weight:bold;} sup {font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes:"" "";} /* remove borders from linked images */ a img {border:none;} /* tables still need cellspacing to match in the markup */ table {border-collapse:separate;} th, td {text-align:left;font-weight:normal;vertical-align:top;} #preview {color:white;background-color:red;width:100%;border:1px solid red;text-align:center;font-weight:bold;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * *******************************************/ /********************************************************************************************************************/ body {background:#fff url(../images/bg_body.jpg) repeat-x;} /* DEFAULT HEADER STYLES (NOTE: EVERY SECTION IS DIFFERENT, THESE ARE DEFAULTS, ONLY) ***********************************************************************************************************************/ h1, h2, h3, h4, h5, h6, .head {font-family: Georgia, Times New Roman, serif;color:#333;font-weight:bold;font-style:oblique;margin:0;} h1 {font-size: 20px;line-height:20px;color:#195ca1;font-weight:normal;border-bottom:1px dotted #333;margin: .5em 0 .3em 0;} h2 {font-size: 16px;line-height:16px;color:#0088a3;margin:1em 0 0 0;} h3 {font-size: 15px;line-height:16px;color:#666;font-weight:normal;margin:1em 0 0 0;} /* DEFAULT LINK STYLES ***********************************************************************************************************************/ a, a:visited, a:focus {color:#666;text-decoration:underline;} a:hover {color:#333;text-decoration:underline;} a.pdf {display:inline-block;background: url(../images/icon_pdf.gif) right top no-repeat;padding:0 20px 0 0;} /* DEFAULT TEXT STYLES ***********************************************************************************************************************/ .center {text-align:center;} .right {text-align:right;} /** making font sizes larger in content areas #changingContent ul, #changingContent ol, #changingContent li, #changingContent p, #changingContent a, #changingContent em, #changingContent strong, #changingContent span, #changingContent td, #changingContent td dd, #changingContent td dt, #changingContent td div {font-size:14px;line-height:19px;} **/ /* paragraphs and ul/ols */ .contentLeft ul, .contentLeft ol, .contentLeft p, .sidebar {margin:5px 0 10px 0;} .contentLeft p.download {margin-top:-10px;} /** putting discs back in ul/ols **/ #changingContent ul {list-style:disc;} #changingContent ol {list-style:decimal;} #changingContent li {line-height:21px;margin-left:30px;} #changingContent ul.noBullets {list-style:none;} #changingContent ul.noBullets li {margin-left:0;} /* DEFAULT IMAGE CLASSES ***********************************************************************************************************************/ img.left {float:left;display:inline;margin-right:5px;} img.right {float:right;display:inline;margin-left:5px;} /********************************************************************************************************************/ /*****************************************GLOBAL LAYOUT ELEMENTS *****************************************************/ /********************************************************************************************************************/ #wrapper, #wrapperHome {float:left;display:inline;width:980px;background: url(../images/bg_changingContent.jpg) top left no-repeat;}/** wraps entirety, defines width and margins for site **/ /** header graphic and logo link **/ #header {float:left;display:inline;width:980px;} #header a.logo {float:left;display:inline;width:278px;height:130px;background-repeat:no-repeat;} /** menu / navigation **/ #menu {float:left;display:inline;width:677px;margin-left:25px;} #menu li {float:left;position:relative;width:100px;font-family:Georgia, Times New Roman, serif;font-size:12px;line-height:12px;} /** menu links with graphics **/ #menu li a, #menu li a:hover, #menu li a.current {display:block;position:relative;width:100px;height:55px;padding-top:15px;font-family:Georgia, Times New Roman, serif;font-weight:bold;text-align:center;text-transform:uppercase;color:#00529b;text-decoration:none;font-size:13px;line-height:13px;/*font-size:1.1em;line-height:1em;*/} /** sets menu link backgrounds a:hover graphics **/ #menu li.one a {background: url(../images/menu_01.jpg) no-repeat left -70px;} #menu li.one a:hover {background: url(../images/menu_01.jpg) no-repeat left top;color:#fff;} #menu li.one a:focus, #menu li.one a:active {background: url(../images/menu_01.jpg) no-repeat left -140px;color:#fff;} #menu li.one a.current {background: url(../images/menu_01.jpg) no-repeat left bottom;color:#fff;} #menu li.two a {background: url(../images/menu_02.jpg) no-repeat left -70px;} #menu li.two a:hover {background: url(../images/menu_02.jpg) no-repeat left top;color:#fff;} #menu li.two a:focus, #menu li.two a:active {background: url(../images/menu_02.jpg) no-repeat left -140px;color:#fff;} #menu li.two a.current {background: url(../images/menu_02.jpg) no-repeat left bottom;color:#fff;} #menu li.three a {background: url(../images/menu_03.jpg) no-repeat left -70px;} #menu li.three a:hover, #menu li.three a.current:hover {background: url(../images/menu_03.jpg) no-repeat left top;color:#fff;} #menu li.three a:focus, #menu li.three a:active {background: url(../images/menu_03.jpg) no-repeat left -140px;color:#fff;} #menu li.three a.current {background: url(../images/menu_03.jpg) no-repeat left bottom;color:#fff;} #menu li.four a {background: url(../images/menu_04.jpg) no-repeat left -70px;} #menu li.four a:hover, #menu li.four a.current:hover {background: url(../images/menu_04.jpg) no-repeat left top;color:#fff;} #menu li.four a:focus, #menu li.four a:active {background: url(../images/menu_04.jpg) no-repeat left -140px;color:#fff;} #menu li.four a.current {background: url(../images/menu_04.jpg) no-repeat left bottom;color:#fff;} #menu li.five a {background: url(../images/menu_05.jpg) no-repeat left -70px;} #menu li.five a:hover, #menu li.five a.current:hover {background: url(../images/menu_05.jpg) no-repeat left top;color:#fff;} #menu li.five a:focus, #menu li.five a:active {background: url(../images/menu_05.jpg) no-repeat left -140px;color:#fff;} #menu li.five a.current {background: url(../images/menu_05.jpg) no-repeat left bottom;color:#fff;} /** search form **/ #menu li.search {float:right;display:inline;width:175px;padding-top:15px;text-align:right;} #menu li.search input.searchInput {float:left;display:inline;width:125px;margin-left:17px;} #menu li.search input.searchSubmit {float:left;display:inline;width:23px;height:23px;background: url(../images/menu_searchSubmit.gif) 0 0 no-repeat;border:0;cursor:pointer;} /** line 2, menu / navigation starts with about us **/ #menu_line2 {float:left;display:inline;width:477px;} #menu_line2 li {float:left;position:relative;width:472px;padding:4px 0 0 0;font-family:Georgia, Times New Roman, serif;text-transform:uppercase;color:#666;text-align:right !important;font-size:8px;line-height:12px;} #menu_line2 li a, #menu_line2 li span {font-family:Georgia, Times New Roman, serif;font-size:11px !important;text-transform:uppercase;color:#333;text-decoration:none;} #menu_line2 li a:hover {color:#666;} #menu_line2 li a.current {text-decoration:underline;} /** sets colors and margin for online banking and user id labels **/ /*#menu_line2 li span {margin:0 2px;}*/ #menu_line2 li span.purple {margin:0;color:#00529b;} #menu_line2 li.links {float:right;display:inline;width:148px;margin-right:6px;text-align:center !important;padding:2px 0 0 0;border-top:1px solid #000;} #menu_line2 li.links a {font-size:10px !important;} /** login box **/ #menu_line3 {float:left;display:inline;width:220px;margin:3px 5px 0 0;/*padding:1px 2px;background:#efefef;border:1px solid #ccc;position:relative;z-index:4;*/} /*#menu_line3 li {float:left;display:inline;position:relative;}*/ /** login rows **/ #menu_line3 li.login, #menu_line3 li.select/*, #menu_line3 li.submit*/ {float:left;display:inline;/*position:relative;*/width:220px;} /* login form columns */ /*#menu_line3 li div.userId {float:left;display:inline;width:40px;height:22px;padding:1px 2px;font-size:11px;/*font-family:Georgia, Times New Roman, serif;background:#fff;color:#00529b;font-weight:bold;text-align:right;} #menu_line3 li div.input {float:left;display:inline;width:220px;height:22px;padding:1px;/*border-top:1px solid #efefef;background:#ccc;} */ /* login form inputs */ #menu_line3 li.login input.loginInput, #menu_line3 li.select select {width:115px;/*margin-left:2px;*/text-transform:none;font-size:11px !important;} #menu_line3 li.login input.loginInput {float:left;display:inline;height:16px;margin-right:2px;} #menu_line3 li.select select {width:146px;margin-top:2px;} /* login form submit row #menu_line3 li.submit {width:166px;height:22px;padding:1px 2px;/*background:#999;border-top:1px solid #efefef;text-align:right;} #menu_line3 li.submit input.loginSubmit {margin:2px 0 0 0;text-transform:uppercase;font-size:10px !important;font-weight:bold;}*/ #menu_line3 div.rememberMe {float:left;display:inline;width:95px;vertical-align:middle;} #menu_line3 div.rememberMe input {float:left;display:inline;position:relative;top:1px;} #menu_line3 div.rememberMe span {margin:0;font-size:10px;font-family:Georgia, Times New Roman, serif;} /** login input **/ #menu_line3 li .loginSubmit {/*width:45px;height:22px;background: url(../images/menu_loginSubmit.gif) left top no-repeat;border:0;*/width:55px;font-size:10px;line-height:12px;text-align:center;text-transform:uppercase;cursor:pointer;} /** wraps all changing content **/ #changingContent {float:left;display:inline;width:690px;} #wrapperHome #changingContent {float:left;display:inline;width:980px;} /** footer news bar**/ #bottomBar {float:left;display:inline;clear:left;width:100%;height:32px;margin-top:15px;background: #fff url(../images/bg_bottomBar.gif) repeat-x;overflow-x:hidden;} #bottomBar .bottomBarContent {float:left;display:inline;width:980px;} #bottomBar span {float:left;display:inline;padding-top:8px;padding-left:50px;/*font-size:1.1em;line-height:2em;*/font-size:16px;font-weight:bold;color:#fff;margin-right:25px;} #bottomBar span.links {padding-top:6px;padding-left:0;} #bottomBar span.links a {/*margin-top:-5px;*/position:relative;top:0;font-family: Georgia, Times New Roman, serif;font-size:13px;font-style:oblique;font-weight:bold;color:#fff;text-decoration:none;} /** footer links **/ #footer {float:left;display:inline;clear:left;width:100%;padding:3px 0 30px 0; /*font-size:.9em;*/font-size:12px;color:#666;color:#ccc;background: #fff url(../images/bg_footer.gif) top left repeat-x;} #footer .footerContent {float:left;display:inline;width:910px;padding-left:34px;} #footer .footerContent a {margin: 0 12px;text-transform:uppercase;color:#666;font-weight:bold;text-decoration:none;font-size:12px;} #footer .footerContent a:hover {color:#999;} #footer .footerContent a.current {text-decoration:underline;} #footer .footerContent a.facebook {width:100px;background: url(../images/footer_iconCitizensBank.gif) no-repeat right 0; padding: 8px 35px 8px 0;} #footer .footerContent img.fdic {/*float:left;display:inline-block;*/position:relative;top:8px;right:0;/*margin:10px 100px -10px 41px;*/} #cse-search-results iframe {background:transparent;/*width:620px;overflow:scroll;*/} #cse-search-results a {font-size:12px;} /********************************************************************************************************************/ /*************************************** REPEATING INSIDE PAGE ELEMENTS *********************************************/ /********************************************************************************************************************/ .subNavColWrapper {float:left;display:inline;width:270px;} /** subNav structure **/ .subNavCol {float:left;display:inline;width:200px;margin-left:50px;} .subNavCol li {float:left;position:relative;width:200px;margin:0 !important;list-style:none;text-align:center;font-family:Georgia, Times New Roman, serif;/*font-size:1.4em;line-height:2.5em;*/font-size:16px;line-height:16px;color:#fff;background: url(../images/subMenuSubPageLinkUL_bg.gif) repeat-y center !important;} .subNavCol li a {display:block;width:185px;height:49px;padding-left:15px;background: url(../images/subMenu_pageLink_bg.gif) no-repeat center top;font-family:Georgia, Times New Roman, serif;font-size:1em;line-height:2.5em;color:#fff !important;;font-style:oblique;text-decoration:none !important;} .subNavCol li a:hover, .subNavCol li a.current:hover {background: url(../images/subMenu_pageLink_bg.gif) no-repeat center -50px;color:#fff;text-decoration:none !important;} .subNavCol li a:focus, .subNavCol li a:active {background: url(../images/subMenu_pageLink_bg.gif) no-repeat center -100px;color:#fff;text-decoration:none !important;} .subNavCol li a.current {background: url(../images/subMenu_pageLink_bg.gif) no-repeat center -150px;color:#fff;text-decoration:none !important;} /* last link gets a different graphic */ .subNavCol li.last {background-image:none !important;} .subNavCol li.last a, .subNavCol li.last a:hover, .subNavCol li.last a.current:hover, .subNavCol li.last a:focus, .subNavCol li.last a:active, .subNavCol li.last a.current {height:43px;color:#fff !important;text-decoration:none !important;} /* tertiary nav (subsub) */ .subNavCol li ul {float:left;display:inline;margin:-2px 0 0 0;padding:5px 0 16px 0;background: url(../images/subMenuSubPageLinkUL_bg.gif) repeat-y center bottom !important;} .subNavCol li li a {width:160px;margin:1px 10px;padding:0 10px;height:36px !important;line-height:36px !important;font-size:.8em;background: url(../images/subMenu_subPageLink_bg.gif) no-repeat center top !important;color:#fff !important;;text-decoration:none !important;} .subNavCol li li a:hover, .subNavCol li li a.current:hover {background: url(../images/subMenu_subPageLink_bg.gif) no-repeat center -44px !important;color:#fff !important;;text-decoration:none !important;} .subNavCol li li a:focus, .subNavCol li li a:active {background: url(../images/subMenu_subPageLink_bg.gif) no-repeat center -88px !important;color:#fff !important;;text-decoration:none !important;} .subNavCol li li a.current {height:36px !important;line-height:36px !important;background: url(../images/subMenu_subPageLink_bg.gif) no-repeat center -132px !important;color:#fff;text-decoration:none !important;} .subNavCol li.last ul {padding-bottom:0;} /*.subNavCol li li.last, .subNavCol li li.last a {height:36px !important;}*/ /** main copy area (leftCol) **/ .contentLeft {float:left;display:inline;width:390px;margin: -30px 0 0 15px;padding:30px 20px 30px 20px;position:relative;z-index:1;background:#fff url(../images/contentLeft_bg.gif) repeat-x;min-height:450px;} .noSidebar {width:615px;} .noPadding {width:655px;padding:30px 0;} /** sideBar **/ .sidebar {float:right;display:inline;width:180px;margin:10px 5px 0 0;padding:20px 15px 40px 15px;background:#fff url(../images/sidebar_bg.gif) repeat-x;font-size:12px;line-height:18px;} /** sidebar styles **/ .sidebar h1 {font-size:17px;} .sidebar h2 {font-size: 15px;line-height:15px;border-bottom:1px dotted #333;margin:15px 0 0 0;color:#085044;} .sidebar h3 {margin-top:20px;} .sidebar h4 {margin-top:20px;} .sidebar, .sidebar a, .sidebar p a, .sidebar span a {font-size:14px !important;} #changingContent .sidebar li {margin-left:20px;} /** HEADER GRAPHICS ****************************************************************************************************************************/ /*************************************************************************************************************************************************/ .contentHeader {float:left;display:inline;width:690px;height:135px;position:relative;z-index:2;} /** online banking **/ .onlineBankingLanding {background: url(../images/header_onlineBanking.gif) no-repeat;} .onlineBankingSignUp {background: url(../images/header_onlineBankingSignUp.gif) no-repeat;} .onlineBankingLoginFaq {background: url(../images/header_onlineBankingLoginFaqs.gif) no-repeat;} .onlineBankingFaqs {background: url(../images/header_onlineBankingFaqs.gif) no-repeat;} .onlineBankingBillPay {background: url(../images/header_onlineBanking-billPay.gif) no-repeat;} .onlineBankingBillPayFaq {background: url(../images/header_onlineBankingBillPayFaq.gif) no-repeat;} /** personal banking **/ .personalBankingLanding {background: url(../images/header_personalBanking.gif) no-repeat;} .personalBankingChecking {background: url(../images/header_personalBankingChecking.gif) no-repeat;} .personalBankingSavings {background: url(../images/header_personalBankingSavings.gif) no-repeat;} /** personal loans **/ .personalLoans {background: url(../images/header_personalLoans.gif) no-repeat;} /** business banking **/ .businessBankingLanding {background: url(../images/header_businessBanking.gif) no-repeat;} .businessBankingOnline {background: url(../images/header_businessBankingOnlineBanking.gif) no-repeat;} .businessBankingChecking {background: url(../images/header_businessBankingChecking.gif) no-repeat;} .businessBankingSavings {background: url(../images/header_businessBankingSavings.gif) no-repeat;} .businessBankingAdditional {background: url(../images/header_businessBankingAdditional.gif) no-repeat;} /** business loans **/ .businessLoansLanding {background: url(../images/header_businessLoans.gif) no-repeat;} /** about us **/ .aboutUsLanding {background: url(../images/header_aboutUs.gif) no-repeat;} .aboutUsCareers {background: url(../images/header_aboutUsCareers.gif) no-repeat;} .aboutUsNews {background: url(../images/header_aboutUsNews.gif) no-repeat;} /** contact us **/ .contactUsLanding {background: url(../images/header_contactUs.gif) no-repeat;} /** locations **/ .locationsLanding {background: url(../images/header_locations.gif) no-repeat;} /** reference library **/ .referenceLibraryLanding {background: url(../images/header_referenceLibrary.gif) no-repeat;} /** privacy policy **/ .privacyPolicyLanding {background: url(../images/header_privacyPolicy.gif) no-repeat;} /** support **/ .supportLanding {background: url(../images/header_support.gif) no-repeat;} .supportLanding a {display:block;position:relative;top:50px;left:560px;width:50px;height:70px;/*background: url(../images/supportHiddenLInk.gif) no-repeat 0 0;*/} .supportLanding a:hover {background: url(../images/supportHiddenLInk.gif) no-repeat 0 -70px;} /** calculators **/ .calculators {background: url(../images/header_calculators.gif) no-repeat;} /** rateSearch **/ .rateSearch {background: url(../images/header_rateSearch.gif) no-repeat;} /** WILD CARDS ***********************************************************************************************************************************/ /************************************************************************************************************************************************/ /* home page */ .wildcards {float:left;display:inline;width:913px;height:160px;margin-top:10px;margin-left:67px;background: url(../images/home_wildcards_bg.gif) top left no-repeat;} .wildcards ul {float:left;display:inline;width:890px;height:110px;margin:12px 0 15px 14px;} .wildcards ul li {float:left;display:inline;display:block;position:relative;width:221px;height:118px;margin:0 !important;list-style:none;} /* left column under subnav */ .leftColumnWildcards {float:right;display:inline;width:221px;margin:30px 10px 0 0;} .leftColumnWildcards li {float:left;display:inline;margin:0;} /** wild card links **/ .wildcards ul li a, .leftColumnWildcards li a {display:block;width:221px;height:118px;} /** wild card link - sets backgrounds **/ .wildcards ul li.overDraft a, .leftColumnWildcards li.overDraft a {background: url(../images/wildCard_overDraft.gif) no-repeat;outline:none;} .wildcards ul li.bankOnline a, .leftColumnWildcards li.bankOnline a {background: url(../images/wildcard_bankOnline.gif) no-repeat;outline:none;} .wildcards ul li.rateBoard a, .leftColumnWildcards li.rateBoard a {background: url(../images/wildCard_rateBoard.gif) no-repeat;outline:none;} .wildcards ul li.onlineEducationCenter a, .leftColumnWildcards li.onlineEducationCenter a {background: url(../images/wildCard_onlineEducationCenter.gif) no-repeat;outline:none;} .wildcards ul li.financialCalculators a, .leftColumnWildcards li.financialCalculators a {background: url(../images/wildCard_financialCalculators.gif) no-repeat;outline:none;} .wildcards ul li.checking a, .leftColumnWildcards li.checking a {background: url(../images/wildCard_checking.gif) no-repeat;outline:none;} .wildcards ul li.fraudPrevention a, .leftColumnWildcards li.fraudPrevention a {background: url(../images/wildCard_fraudProtection.gif) no-repeat;outline:none;} .wildcards ul li.mortgageLoans a, .leftColumnWildcards li.mortgageLoans a {background: url(../images/wildCard_mortgageLoans.gif) no-repeat;outline:none;} /********************************************************************************************************************/ /**************************** CHANGING CONTENT SECTIONS / PER PAGE SECTIONS *****************************************/ /********************************************************************************************************************/ /** HOME PAGE *******************************************************************************************************/ /********************************************************************************************************************/ .homeImage {float:left;display:inline;width:980px;height:370px;background: url(../images/home_hero.jpg) top right no-repeat;} .homeImage .copy {float:right;display:inline;width:400px;height:120px;margin:210px 90px 0 0;} .homeImage .copy p {font-family:Georgia, Times New Roman, serif;font-size:1.1em;color:#000;font-style:oblique;} .homeImage .copy p a, .homeImage .copy p a span {font-size:13px !important;color:#000;font-style:normal;font-weight:bold;text-decoration:none !important;} .homeImage .copy p a span {text-decoration:underline !important;} .homeImage .copy p a:hover, .homeImage .copy p a:hover span {color:#333;} /** PROMO PAGE *******************************************************************************************************/ /********************************************************************************************************************/ .promoImage {float:left;display:inline;width:980px;margin-left:50px;} /** ALL FAQ Q&A STYLES *******************************************************************************************/ /********************************************************************************************************************/ #changingContent p.question {padding-bottom:2px;font-family: Georgia, Times New Roman, serif;color:#0088a3;font-size:1.3em;font-style:oblique;/*border-bottom:1px solid #666;*/} #changingContent p.question span, #changingContent p.answer span {font-family: Georgia, Times New Roman, serif;color:#085044;font-size:1.1em;font-style:oblique;} #changingContent p.answer {padding-bottom:20px;} #changingContent p.question span, #changingContent p.answer span {font-family: Georgia, Times New Roman, serif;color:#085044;font-size:1.3em;font-weight:bold;font-style:oblique;margin-right:3px;} #changingContent #accordion h3 {border-bottom:1px solid #ccc;} #changingContent #accordion h3 a.question {font-family: Georgia, Times New Roman, serif;color:#0088a3;font-size:14px;font-weight:bold;font-style:oblique;} #changingContent #accordion h3 a.question:hover {color:#666;} #changingContent a.question span {font-family: Georgia, Times New Roman, serif;color:#085044;font-size:1.3em;font-weight:bold;font-style:oblique;margin-right:4px;} #changingContent #accordion div {margin:10px 0 0 30px;padding:5px 10px;} #changingContent #accordion div p.answer {padding-bottom:5px;} #accordion a {text-decoration:none;} /** CALCULATORS *******************************************************************************************/ /********************************************************************************************************************/ .calculatorsList li {margin:0 !important;list-style:none;} .calculatorsList li h3 a {display:block;padding-bottom:1px;font-family: Georgia, Times New Roman, serif;color:#0088a3;font-size:14px !important;line-height:14px !important;font-style:oblique !important;font-weight:bold !important;border-bottom:1px solid #ccc;text-decoration:none;} .calculatorsList li h3 a:hover {color:#666;} .calculatorsList li p {margin:10px 0 0 30px;padding:5px 10px;} /** PERSONAL BANKING - faqs *******************************************************************************************/ /********************************************************************************************************************/ table.checking {float:left;display:inline;width:655px;background:#ccc;} table.checking th {background:#666;width:647px;color:#fff;font-weight:bold;} table.checking th, table.checking td {padding:7px 4px;font-size:12px !important;line-height:15px !important;text-align:center;} table.checking td span {font-size:12px !important;line-height:15px !important;display:block;margin-top:6px;text-align:center;} table.checking th.noBackground, table.checking td.noBackground {background:#f5f5f5;text-align:right;padding: 7px 4px 7px 4px;font-weight:bold;} table.checking td {background:#fdfdfd;} table.checking tr.odd td, table.checking tr.odd td.noBackground {background:#f5f5f5 !important;} /** Rate Finder Results Table *******************************************************************************************/ /********************************************************************************************************************/ table.rateFinderResults {float:left;display:inline;width:615px;margin-top:10px;margin-bottom:50px;background:#ccc;} table.rateFinderResults th {background:#666;width:607px;color:#fff;font-weight:bold;} table.rateFinderResults th, table.rateFinderResults td {padding:7px 4px;font-size:12px !important;line-height:15px !important;text-align:center;} table.rateFinderResults td {background:#f5f5f5;} table.rateFinderResults td.noBackground{background:#fdfdfd;font-weight:bold;} table.rateFinderResults tr.odd td, table.rateFinderResults tr.odd td.noBackground {background:#f5f5f5 !important;} /** PERSONAL LOANS (NO SUBNAV) ********************************************************************************************************/ /*********************************************************************************************************************************/ /** headers for personal loans **/ /** sidebar styles for online faqs **/ .personalLoans .sidebar {margin-top:50px;} .personalLoans .sidebar img {position:relative;z-index:2;margin:-50px 0 10px 0;} .personalLoans .sidebar h1 {color:#085044;} /** LOCATIONS/ATMS (NO SUBNAV) ********************************************************************************************************/ /*********************************************************************************************************************************/ table.hours {width:390px; border-bottom:1px dotted #ccc;margin:5px 0 15px 0;padding-bottom:20px;} table.hours td {vertical-align:top;width:195px;padding:10px 0 0 10px;} table.hours td:first-child {padding-left:0;} table.hours td p {margin:0;}