body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;} #content a, #content a:hover, #content a:visited, #main a, #main a:visited, #main a:hover { color: #0066CC; } #content a, #content a:visited, #main a, #main a:visited { text-decoration: underline; } #content a:hover { text-decoration:none;} /*========== Generic Sitewide CSS classes ==========*/ #page-header { margin-top: 7px; overflow:hidden;} #page-wrap { width: 850px; margin: 0 auto; overflow:hidden;} .flt-left { float:left; } .flt-right { float:right; } strong { font-weight: bold; } .small-fnt { font-size: 10px; } .med-fnt { font-size: 11px; } .light-gray { color: #999999; } .med-gray { color: #666666; } .dark-gray { color: #333333; } .gray-left-border { border-left: 1px solid #cccccc; } a, a:hover, a:visited { color: #007698; text-decoration:none; } .action-link, .action-link a { color: #339900; font-weight: bold; text-align: right; font-size: 11px; } .logo { float:left; margin: 10px 0; } .blue h1, .blue h3, .blue h2, .blue { color: #007698; } .double.column .single { margin-top: 25px; } .last { margin-right: 0; border: 0;} .no-bg { background-image:none !important; background: none !important; } .hdr { margin-bottom: 10px; } .hdr-home { margin-bottom: 5px; } .required { border: 2px solid #7F9DB9; } input.error { border: 2px solid #ff0000; } label.error { clear:both; font-weight: bold; color: #FF0000; } .formrow {width: 199px; } .formrow input { margin: 5px 41px 5px 0; } .checkboxes .formrow input { margin: 0; } select { margin: 5px; } #breadcrumb { font-family:Arial, Helvetica, sans-serif; text-transform:lowercase; } #breadcrumb h4 { font-size: 9px; color: #007698;} #breadcrumb a:visited { color: #007698; } #breadcrumb a:hover { text-decoration: none; } /*========== Global Navigation ============*/ #lang-swap, #top-nav { margin-top: 5px; height: 22px; } #top-nav { float:right; border: 1px solid #cccccc; border-top: 0px; border-right: 0px;} #page-top-links { float:right; margin-bottom: 15px; width:420px; color: #007698; font-size: 10px;} #page-top-links ul { list-style-type:none; } #page-top-links li { float:left; margin-right: 7px; padding-left: 7px; border-left: 1px solid #007698;} #page-top-links #lang-swap li { border-left: 0; } #page-top-links li.first { border-left: 0px; } #page-top-links a, #page-top-links a:visited, #page-top-links a:hover { color: #007698; font-weight: bold; font-size: 10px; text-decoration:none; } #page-top-links #bottom { clear: both; } #page-top-links li.last { margin-right: 0; } /*===== Side Menu Styling ============*/ #side-nav { margin-top: 7px; } #side-nav a, #side-nav a:visited, #side-nav a:hover { color: #006699; } #side-nav li { background: url(../images/content_header_sidebar_bottom.gif) no-repeat bottom center; padding-bottom: 5px; margin-bottom: 4px; padding-left: 27px;} #side-nav ul li li { background: url(../images/list_dbl_arrow.gif) no-repeat scroll left top; margin-left: 2px; padding-left: 13px; } #side-nav ul li ul { display:none; } #side-nav ul li.services ul { display:inline; } .checking #side-nav li.checking a, .savings #side-nav li.savings a, .personal-loan #side-nav li.personal-loan a, .credit-cards #side-nav li.credit-cards a, .debit-cards #side-nav li.debit-cards a, .cds #side-nav li.cds a, .ira #side-nav li.ira a, .credit-line #side-nav li.credit-line a, .leasing #side-nav li.leasing a { color: #669933; font-weight: bold;} .loans #side-nav li.loans a, .d-negocio #side-nav li.d-negocio a, .money-market-d #side-nav li.money-market-d a, .construction-loans #side-nav li.construction-loans a { color: #663333; font-weight: bold; } .conventional #side-nav li.conventional a, .affordable-mortgages #side-nav li.affordable-mortgages a, .second-mortgage #side-nav li.second-mortgage a, .construction-mort #side-nav li.construction-mort a { color: #DC8400; font-weight: bold; } .personal-insurance #side-nav li.personal-insurance a, .commercial-insurance #side-nav li.commercial-insurance a { color: #F0503D; font-weight: bold; } .for-you #side-nav li.for-you a, .for-your-properties #side-nav li.for-your-properties a, .for-business #side-nav li.for-business a, .for-protection #side-nav li.for-protection a, .calculators #side-nav li.calculators a { color: #ff6600; font-weight: bold; } .about #side-nav li.about a, .help #side-nav li.help a {font-weight: bold; } .about-sub { font-weight: normal; } .about-txt { color: #006699;} .checking #side-nav li.checking li a, .savings #side-nav li.savings li a, .personal-loan #side-nav li.personal-loan li a, .credit-cards #side-nav li.credit-cards li a, .debit-cards #side-nav li.debit-cards li a, .cds #side-nav li.cds li a, .ira #side-nav li.ira li a, .credit-line #side-nav li.credit-line li a, .leasing #side-nav li.leasing li a, .loans #side-nav li.loans li a, .conventional #side-nav li.conventional li a, .affordable-mortgages #side-nav li.affordable-mortgages li a, .second-mortgage #side-nav li.second-mortgage li a, .construction-mort #side-nav li.construction-mort li a, .personal-insurance #side-nav li.personal-insurance li a, .commercial-insurance #side-nav li.commercial-insurance li a, .for-you #side-nav li.for-you li a, .for-your-properties #side-nav li.for-your-properties li a, .for-business #side-nav li.for-business li a, .for-protection #side-nav li.for-protection li a, .about #side-nav li.about li a, .help #side-nav li.help li a { font-weight: normal;} #side-nav li.checking li a:hover, #side-nav li.savings li a:hover, #side-nav li.personal-loan li a:hover, #side-nav li.credit-cards li a:hover, #side-nav li.debit-cards li a:hover, #side-nav li.cds li a:hover, #side-nav li.ira li a:hover, #side-nav li.credit-line li a:hover, #side-nav li.leasing li a:hover, #side-nav li.loans li a:hover, #side-nav li.conventional li a:hover, #side-nav li.affordable-mortgages li a:hover, #side-nav li.second-mortgage li a:hover, #side-nav li.construction-mort li a:hover, #side-nav li.personal-insurance li a:hover, #side-nav li.commercial-insurance li a:hover, #side-nav li.for-you li a:hover, #side-nav li.for-your-properties li a:hover, #side-nav li.for-business li a:hover, #side-nav li.for-protection li a:hover, #side-nav li.about li a:hover, #side-nav li.help li a:hover {font-weight: bold;} .checking #side-nav li.checking ul, .savings #side-nav li.savings ul, .personal-loan #side-nav li.personal-loan ul, .credit-cards #side-nav li.credit-cards ul, .debit-cards #side-nav li.debit-cards ul, .cds #side-nav li.cds ul, .ira #side-nav li.ira ul, .credit-line #side-nav li.credit-line ul, .leasing #side-nav li.leasing ul, .loans #side-nav li.loans ul, .conventional #side-nav li.conventional ul, .affordable-mortgages #side-nav li.affordable-mortgages ul, .personal-insurance #side-nav li.personal-insurance ul, .commercial-insurance #side-nav li.commercial-insurance ul, .for-you #side-nav li.for-you ul, .for-your-properties #side-nav li.for-your-properties ul, .for-business #side-nav li.for-business ul, .for-protection #side-nav li.for-protection ul, .about #side-nav li.about ul, .help #side-nav li.help ul { display: block; margin-top: 5px;} .doral-regular #doral-regular a, .doral-ddiario #doral-ddiario a, .doral-diamante #doral-diamante a, .doral-pink #doral-pink a, .doral-mas #doral-mas a, .student-checking #student-checking a, .doral-savings #doral-savings a, .doral-kids #doral-kids a, .doral-boom #doral-boom a, .doral-eta #doral-eta a, .money-market #money-market a, .summer-club #summer-club a, .christmas-club #christmas-club a, .classic-visa #classic-visa a, .gold-visa #gold-visa a, .platinum-visa #platinum-visa a, .pink-visa #pink-visa a, .student-visa #student-visa a, .corporate-visa #corporate-visa a, .banking-card #banking-card a, .pink-banking-card #pink-banking-card a, .d-negocio #d-negocio a, .doral-atm #doral-atm a, .doral-ira #doral-ira a, .edu-cuenta #edu-cuenta a, .term-loans #term-loans a, .sba #sba a, .commercial-credit #commercial-credit a, .fixed-rate #fixed-rate a, .interest-only #interest-only a, .balloon-mort #balloon-mort a, .bi-weekly #bi-weekly a, .jumbo #jumbo a, .community-mortgages #community-mortgages a, .home-possible #home-possible a, .first-home #first-home a, .fha-loan #fha-loan a, .va-loan #va-loan a, .rural-housing #rural-housing a, .home-assistance #home-assistance a, .auto-insurance #auto-insurance a, .dwelling-policy #dwelling-policy a, .homeowners-insurance #homeowners-insurance a, .personal-package #personal-package a, .personal-liability #personal-liability a, .personal-umbrella #personal-umbrella a, .comm-property #comm-property a, .comm-general-liability #comm-general-liability a, .inland-marine #inland-marine a, .crime #crime a, .commercial-package #commercial-package a, .commercial-auto #commercial-auto a, .commercial-umbrella #commercial-umbrella a, .commercial-credit #commercial-credit a .builders-risk #builders-risk a, .manage-money #manage-money a, .manage-savings #manage-savings a, .your-purchases #your-purchases a, .buy-sell #buy-sell a, .refinance-house #refinance-house a, .finance-improvements #finance-improvements a, .cash-out #cash-out a, .finance-business #finance-business a, .manage-business #manage-business a, .commercial-services #commercial-services a, .protect-business #protect-business a, .protect-myself #protect-myself a, .protect-house #protect-house a, .protect-my-business #protect-my-business a, .protect-property #protect-property a, .careers #careers a, .in-the-news #in-the-news a, .in-the-community #in-the-community a, .faqs #faqs a, .glossary #glossary a, .contact-us #contact-us a { font-weight: bold !important; } #side-nav ul li ul li.compare { background: url(../images/list_plus.gif) no-repeat scroll left 2px; } #side-nav ul li ul li.compare a { color: #0066cc !important; font-weight: bold !important; } #lang-swap { border-left: 1px solid #cccccc; padding-left: 3px; border-bottom: 1px solid #cccccc; float:right; } .home-icon { float:right; border-bottom: 1px solid #cccccc; padding: 0 5px 5px 0;} #text-sizer { margin-left: 60px; padding-left: 10px; float:left;} #top-search { float:left; padding: 6px 0 0 10px; margin-right: 20px; height: 21px; overflow:hidden; background-image: url(../images/bg_search.gif); background-repeat:no-repeat; background-position: 7px 5px; width: 152px;} #top-search input { background: transparent; border: 0; height: 20px; width: 142px;} #top-date { padding-left: 12px; float:right; width:120px;} #text-sizer, #top-date { padding-top: 9px; padding-bottom: 5px; } #text-sizer a {text-decoration:none; font-weight: bold;} #text-sizer a.current, #text-sizer a:hover { text-decoration:underline; } #text-sizer a#a-xsmall { color: #333333; font-size: 8px; } #text-sizer a#a-small { color: #333333; font-size: 10px; } #text-sizer a#a-normal { color: #333333; font-size: 11px; } #text-sizer a#a-large { color: #333333; font-size: 12px; } /*============== Begin Navigation Menu CSS ===========*/ #nav-menu { width: 850px; clear:both; float:left; overflow:hidden; height: 25px; } #nav-menu ul { float:left; list-style-type:none; overflow:hidden; height: 24px; margin-right: 1px;} #nav-menu a { color: #ffffff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #nav-menu li { float:left; text-align:center; padding: 5px 10px 0 10px; width: 126px; font-size: 10px; height: 19px; overflow:hidden; text-transform: lowercase; border-right: 1px solid #007698; } #nav-menu li.last { border-right: 0px !important; } #nav-menu li.no-border { border-right: 1px solid #007698 !important; } #nav-menu li.blue-border { border-right: 1px solid #007698 !important; } #nav-menu li.hover { border-right: 1px solid #007698 !important; } #nav-menu .login { float:right; } #nav-personal-bank, #nav-mortgages, #nav-commercial, #nav-insurance, #nav-financial { background-image: url(../images/bg_tabs3.gif); } #nav-personal-bank { background-position: 0 0; } #nav-mortgages, #nav-commercial, #nav-insurance { background-position: -146px 0; } #nav-financial { background-position: -292px 0; border-right: 0px !important; } #nav-personal-bank.hover { background-position: 0 -24px;} #nav-mortgages.hover, #nav-commercial.hover, #nav-insurance.hover { background-position: -146px -24px; } #nav-financial.hover { background-position: -292px -24px; border-right: 0px;} .login { float:left; margin-left: 2px; } /*======= Navigation Menu Hover Styles ==========*/ .personal #nav-personal-bank { background-position: 0 -24px; border-right: 1px solid #007698;} .mortgages #nav-mortgages, .commercial #nav-commercial, .insurance #nav-insurance { background-position: -146px -24px; border-right: 1px solid #007698;} .financial #nav-financial { background-position: -292px -24px; border-right: 1px solid #007698;} .personal #nav-personal-bank a, #nav-personal-bank.hover a { color: #669933; } .mortgages #nav-mortgages a, #nav-mortgages.hover a { color: #DC8400; } .commercial #nav-commercial a, #nav-commercial.hover a { color: #663333; } .insurance #nav-insurance a, #nav-insurance.hover a { color: #F0503D; } .financial #nav-financial a, #nav-financial.hover a { color: #ff6600;} #content-wrap { border-top: 3px solid #ebebeb; width: 850px; background-color: #ffffff; overflow:hidden; margin-top: 5px;} #homepage #content-wrap { border-top: 0; } #footer { overflow:hidden; border-top: 12px solid #007698; color: #666666; margin: 15px 0px; clear:both; padding-top: 15px;} #foot-email-signup { overflow:hidden; color: #333333;} #foot-email-signup a { text-decoration: underline; color: #0066CC;} #foot-email-signup a:visited, #foot-email-signup a:hover { color: #0066CC; } #foot-email-signup input { float:right; } .foot-column { width: 159px; float:left; border-right: 1px dotted #666666; margin-top: 25px; padding-left: 15px; height: 105px;} .foot-column p { font-size: 10px; } .foot-column.fdic { width: 115px; } .foot-column.last { border-right: 0px; } .foot-column ul { list-style-type:none; font-weight: bold; font-size: 10px;} .foot-column ul a, .foot-column ul a:visited, .foot-column ul a:hover { font-weight: normal; text-decoration:none; color: #666666; } /*========= Generic content spacing styles ==========*/ #content { clear:both; overflow:hidden; color: #666666; } .double { width: 550px; } .single { width: 170px; } .single-column-right { float:right; width: 214px; margin-left: 10px;} .single-column-left { float:left; width: 214px; margin-right: 10px;} .column { float:left; margin-right: 11px; border-right: 1px solid #ffffff; padding-right: 10px;} #content h1, #content h2, #content h3, #content h4, #main h1, #main h2, #main h3, #main h4 { margin-bottom: 10px; } #content h1, #main h1 { font-size: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; } #content h2 { font-size: 20px; margin-top: 10px; } #content h3, #main h3, #main h2 { font-size: 16px; font-weight: bold; } #content h4, #main h4 { font-size: 16px; } #content p { margin: 5px 0; line-height: 16px;} /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash .box h4 { visibility: hidden; letter-spacing: -5px; font-size: 19px; } .sIFR-hasFlash #bank-login h2 { } .sIFR-hasFlash .info-bucket h3 { } /*==== List Styles =========*/ ul.single-arrow li{ list-style-image: url(../images/list_arrow.gif); margin-left: 17px; padding-left: 0px; } ul.dbl-arrow li { list-style-image: url(../images/list_dbl_arrow.gif); margin-left: 17px; padding-left: 0px; } ul.dbl-arrow.green li { list-style-image: url(../images/list_dbl_arrow_g.gif); } ol.xsmall_note { margin: 10px 0; } ol.xsmall_note li { list-style-type:decimal; font-size: 9px; margin-left: 30px; text-transform: none !important;} ol.xsmall_note p { font-size: 9px; } ul.xsmall_note { margin-top: 10px 0; } ul.xsmall_note li { list-style-type:none; font-size: 9px; margin-left: 22px; line-height: 10px !important; text-transform: none !important;} ul.xsmall_note p { font-size: 9px; } /*======= FAQ Style ===========*/ #content dt { font-weight: bold; margin-bottom: 5px; cursor:pointer; color: #0066cc; text-decoration: underline; line-height: 20px;} #content dd { margin-left: 10px; margin-bottom: 5px; line-height: 20px;} #faq-box { padding: 10px; border: 1px solid #cccccc; } #faq-box a { background-image: url(../images/list_arrow.gif); background-position: 0px 6px; padding-left: 10px; background-repeat: no-repeat;} /*======== ***** starting guess css ***** ==========*/ .clear_both { clear: both;} .aling_right { text-align: right;} .aling_center { text-align: center;} #left-content { margin: 8px 0 5px; float: left; width: 196px; background-image: url(../images/wide_bar_vertical.gif); background-repeat: no-repeat; background-position: right bottom; padding-right: 10px; } #right-content { float: left; width: 620px; margin: 8px 0 5px 24px; } .left-heading { margin-top: 8px; margin-right: 0px; margin-bottom: 5px; padding-left: 25px; } /* side boxes */ .greybar { margin: 13px 0; } #sidebar_elastic {} #sidebar_elastic ul li { margin-top: 5px; } #sidebar_elastic ul li { margin-left: 25px; line-height: 24px; background-image: url(../images/content_header_sidebar_bottom.gif); background-repeat: no-repeat; background-position: left bottom; width: 300px; clear: both; } .sub_left_navigation li{ background-color: #FFFFFF; background-image: url(../images/green_arrow.gif); background-repeat: no-repeat; background-position: left center; } .sideboxes_left { margin-top: 15px;} .sideboxes_left li a, .sideboxes_left li a:hover, .sideboxes_left li a:visited { color: #666666; text-decoration: underline; font-size: 11px;} .sideboxes_right { padding-top: 15px;} #side-nav .sideboxes_left ul li { font-size: 12px; padding-left: 45px; background-image: url(../images/dots_left_menu.gif); background-repeat: no-repeat; background-position: 25px 3px; } #side-nav .sideboxes_left ul li ul { display: block !important; } #side-nav .sideboxes_left ul li ul li { margin-top: 3px; padding-left: 11px; background-position: 0 3px; background-image: url(../images/gry_arrow_left.gif);} .sideboxes_right h4 { background-image: url(../images/head_woman_right.gif); background-repeat: no-repeat; background-position: left top; height: 50px; width: 76px; color: #0066CC; font-size: 12px !important; font-weight: bold; padding: 5px 0 0 82px; } .sideboxes_right_head_middle { background-image: url(../images/head_woman_right.gif); background-repeat: no-repeat; background-position: left top; height: 55px; width: 158px; } .sideboxes_right_head_bottom { background-image: url(../images/head_woman_right.gif); background-repeat: no-repeat; background-position: left top; height: 55px; width: 158px; } .right_blue{ padding-top: 8px; padding-left: 90px; line-height: 14px; font-size: 12px; color: #0033CC; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .blue { color: #007698;} .xsmall_blue_link, .xsmall_blue_link a { line-height: 18px; font-size: 12px; color: #0033CC; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } .small-blue a, .small-blue a:visited, .small-blue a:hover, .small-blue { line-height: 24px; font-size: 12px; color: #0066CC; font-weight: bold; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; } .light_blue { padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #007698; } .medium_blue {line-height: 38px; font-size: 14px; color: #007698;} .tri-column-middle { width: 400px; float:left; margin-top: 15px; padding-right: 20px} .tri-column-right { width: 158px; float:left; margin-top: 15px; padding-left: 10px; background-image: url(../images/wide_bar_vertical.gif); background-repeat: no-repeat; background-position: left center; } .center_boxes{ width: 200px; float:left;} .underlined a, .underlined a:visited { background-image: url(../images/gry_arrow_left.gif); background-repeat: no-repeat; background-position: left center; padding-left: 14px; text-decoration: underline !important; line-height: 18px; color: #666666 !important; } .underlined a:hover { text-decoration: none; color: #666666 !important;} .wide-p{ background-image: url(../images/wide_bar_deco.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 6px; } .rounded_footer { background-image: url(../images/white_bg_footer.gif); background-repeat: no-repeat; background-position: center top; margin-top: 20px; float: right; height: 87px; width: 613px; padding: 6px 0px 6px 20px; text-transform:lowercase; } .rounded_box { float: left; width: 250px; padding-top: 4px; padding-right: 24px; padding-bottom: 4px; padding-left: 24px;} .rounded_box a { background-image: url(../images/gry_arrow_left.gif); background-repeat: no-repeat; background-position: left center; padding-left: 14px; line-height: 14px; font-size: 10px; } .rounded_center { float: left; width: 3px; text-align: center; margin: 0px; padding: 0px; } .box_more_info_footer { clear: left; background-image: url(../images/white_bg_footer.gif); background-repeat: no-repeat; background-position: center 14px; height: 87px; width: 613px; padding-top: 14px; float: right; } .floating_right{ background-image: url(../images/personal_green.gif); background-repeat: no-repeat; width: 238px; height: 131px; float: right; padding-left: 24px; background-position: 24px; } #xsmall_note { font-size: .8em; } .white_personal_title { padding-top: 14px; padding-right: 50px; padding-bottom: 10px; padding-left: 24px; height: 45px; } /*======== ***** these styles apply to a 2-column (+ nav) layout ***** ==========*/ #main { clear:both; overflow:hidden; } .split { background-image:url(../images/vertical_fade_610.gif); background-position:center; background-repeat:no-repeat; } .product-links { clear:both; overflow:hidden; background-image:url(../images/vertical_610.gif); background-position: 302px 33px; background-repeat:no-repeat; } .product-links .rounded_box { width: 262px; } .product-links .rounded_box a { background-image: none; font-size: 12px; padding-left: 0px; line-height: 22px;} .eye-header { background-image:url(../images/horizontal_fade_610.gif); background-position:bottom; background-repeat:no-repeat; } .eye-header-left { float:left; width:356px; padding-right: 20px; } .eye-header-right { float: right; width:238px; margin:0px; } #eye-header h1 { font-size: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; } .eye-header-right img {margin-bottom:10px;} .tri-column-middle .bg-fade h2 { margin-top: 0; } .tri-column-middle h2 { margin-top: 10px; } .tri-column-middle h3 { clear:both; } .right-2column-row { background-image:url(../images/horizontal_fade_610.gif); background-position: center bottom; background-repeat:no-repeat; overflow:hidden; padding-bottom:10px; margin-bottom: 10px; clear:both; line-height: 1; zoom: 1; } .bg-fade { background-image:url(../images/horizontal_fade_610.gif); background-position:bottom center; background-repeat:no-repeat; overflow: hidden; padding-bottom: 27px; zoom: 1; } .right-2column-row.bottom { background-image: none; } .right-2column-prefooter { background-image:url(../images/second_footer_middle_fade_separator.gif); background-position:center; background-repeat:no-repeat; border: solid #dbdbdb 1px; margin-top:10px; margin-bottom:10px; } .right-2column-left { padding: 10px; float: left; width: 290px; margin-left: 0px; } .right-2column-left-spanish { padding-top:10px; float: left; margin-left: 0px; } .right-2column-right { padding: 10px; float: right; width: 290px; } .right-2column-row h1, .right-2column-row h2, .right-2column-row h3 { color: #007698; } .right-2column-row h1 { font-size: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; } .right-2column-row h2 {font-size: 20px; margin: 10px 0;} .right-2column-row h3 { font-size: 16px; font-weight: bold;} .right-2column-row p {margin-bottom: 10px; line-height: 15px;} .right-2column-prefooter h1 { font-size: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; } .right-2column-prefooter h2 { margin-bottom: 1px;} .right-2column-prefooter h3 { font-size: 16px; font-weight: bold;} .right-2column-prefooter p {margin-bottom: 10px;} .right-2column-row ul.hdr-list { margin-left: 15px; } .right-2column-row ul {margin-bottom: 10px;} .right-2column-row ul li { line-height: 20px; } .credit-cards .right-2column-row ul li, .debit-cards .right-2column-row ul li { text-transform: none; } .right-2column-row ul div {float:left; padding-right: 10px; width:120px;} .right-2column-prefooter ul {margin-bottom: 0px;} .right-2column-prefooter ul li {display:block; padding-bottom: 1px;} .bluebutton {float:right; margin-right:20px; padding-top:2px;} .bluebutton img {border:0px;} .clearboth {display:hidden; clear:both; line-height:0px;} .formrow {margin-bottom: 10px;} .right-2column-row h4 { font-weight: bold; padding-top: 15px; } .single_column {padding-left:10px; padding-right:10px; padding-bottom:10px;} .personal .sideboxes_right.one h4 { background-image: url(../images/personal_right_1.jpg);} .personal .sideboxes_right.two h4 { background-image: url(../images/personal_right_2.jpg);} .personal .sideboxes_right.three h4 { background-image: url(../images/personal_right_3.jpg);} .commercial .sideboxes_right.one h4 { background-image: url(../images/commercial_right_1.jpg); } .commercial .sideboxes_right.two h4 { background-image: url(../images/commercial_right_2.jpg); } .commercial .sideboxes_right.three h4 { background-image: url(../images/commercial_right_3.jpg); } .commercial .sideboxes_right.four h4 { background-image: url(../images/commercial_right_4.jpg); } .mortgages .sideboxes_right.one h4 { background-image: url(../images/mortgage_right_1.jpg); } .mortgages .sideboxes_right.two h4 { background-image: url(../images/mortgage_right_2.jpg); } .mortgages .sideboxes_right.three h4 { background-image: url(../images/mortgage_right_3.jpg); } .mortgages .sideboxes_right.four h4 { background-image: url(../images/mortgage_right_4.jpg); } .insurance .sideboxes_right.one h4 { background-image: url(../images/insurance_right_1.jpg); } .insurance .sideboxes_right.two h4 { background-image: url(../images/insurance_right_2.jpg); } .insurance .sideboxes_right.three h4 { background-image: url(../images/insurance_right_3.jpg); } .insurance .sideboxes_right.four h4 { background-image: url(../images/insurance_right_4.jpg); } .financial .sideboxes_right.one h4 { background-image: url(../images/financial_right_1.jpg); } .financial .sideboxes_right.two h4 { background-image: url(../images/financial_right_2.jpg); } .financial .sideboxes_right.three h4 { background-image: url(../images/financial_right_3.jpg); } .financial .sideboxes_right.four h4 { background-image: url(../images/financial_right_4.jpg); }