@charset "utf-8";
/* CSS Document */
/* ---------------- 
STYLES DIRECTORY:
    01. RESET
    02. GLOBAL
    03. WRAPPERS
    04. HEADER
        04B. TOP NAVIGATION
    05. ONLINE BANKING
    06. LEFT COLUMN ACCORDIONS
    07. MAIN NAVIGATION
    08. HERO
    09. HOME PAGE MODULES
    10. HOME PAGE FEATURES
    11. CONTENT
        11B. HEADINGS
    12. FOOTER
    13.RATES IFRAME PAGE
    
---------------- */
/* ---------- 01. RESET ---------- */
html {overflow-y:scroll;}
body, div, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, form, fieldset, input, textarea, select, label, legend, table, tbody, tfoot, thead, tr{margin: 0; padding: 0;}
img {border:0;}
ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none;font-weight:inherit;}
/* ---------- 02. GLOBAL ---------- */
html 
{
    overflow-y:scroll;
    font-size: 62.5%;
}
body 
{
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.3;
    color: #000;
    background: #FFF url(design/img_body_bg.jpg) center 160px no-repeat;
}
/* for HTML5 placeholder fix */
.placeholder 
{
    color: #1a366a;
}
.hidelabel 
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.flexslider .slides .reddot img
{
    width: 16px !important;
    height: 16px !important;
display: inline;
}
/* ---------- 03. WRAPPERS ---------- */
.wrapper
{
    width: 994px;
    margin: 0 auto 50px auto;
    background: transparent url(design/img_leftcol_bg.png) 11px top repeat-y;
}
.no-leftcol .wrapper
{
    background-image: none;
}
.leftcol
{
    float: left;
    width: 253px;
}
.rightcol
{
    float: right;
    width: 731px;
    z-index: 500;
}

.no-leftcol .rightcol
{
    width: 100%;
    background: #FFF;
}

/* ---------- 04. HEADER ---------- */
.header
{
    z-index: 100;
    width: 994px;
    position: relative;
    height: 128px;
    margin: 0 auto;
}
.logo
{
    position: absolute;
    top: 26px;
    left: 23px;
}

.site-search
{
    text-align: right;
}

.site-search form input[type="text"]
{
    padding: 10px 7px 2px 7px;
    border: 1px solid #CCC;
    font-weight: 600;
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

/* ---------- 04B. TOP NAVIGATION ---------- */
.topNav {
    position: absolute;
    top: 34px;
    right: 8px;
    color: #00a8d4;
    /*font-weight: 600;*/
}
.topNav ul li {
    display: inline;
}
.topNav ul li a {
    /*color: #00a8d4;*/
color: #535353;
}
.topNav ul li a:hover {
    text-decoration: underline;
    color: #000;
}
.topNav ul li {
    margin: 0 0 0 20px;
}
/* ---------- 05. ONLINE BANKING ---------- */
.onlineBanking
{
    background: transparent url(design/img_ob_bg.png) right top no-repeat;
    width: 253px;
    height: 313px;
    color: #6d7176;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative;
}
.onlineBanking a
{
   /* color: #787878;*/
    color: #686868;
}
.onlineBanking a:hover
{
    text-decoration: underline;
    color: #20428A;
}
.onlineBanking form
{
    position: relative;
    top: 55px;
    left: 35px;
    width: 189px;
}
.onlineBanking label
{
    display: block;
}
.ob-id, .ob-pw
{
    font-size: 15px;
    font-size: 1.5rem;
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    background: #FFF url(design/img_ob_input_bg.jpg) no-repeat;
    color: #1a366a;    
    border: 0;
    padding: 0px 10px;
    width: 169px;
    height: 31px;
    line-height: 31px;
}
.ob-id
{
    margin-bottom: 8px;    
}
.ob-pw
{
    margin-bottom: 15px;
}
.ob-submit
{
    border: 0;
    cursor: pointer;
    display: block;
    background: #FFF url(design/img_ob_submit_bg.jpg) no-repeat;
    width: 99px;
    height: 24px;
    border: 0;
    float: right;
    text-indent:-9999px;
}
.ob-submit:hover
{
    background: transparent url(design/img_ob_submit_bg_hover.jpg) no-repeat;
}
.onlineBanking ul
{
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 3px;
    text-align: center;
}
.onlineBanking li
{
    font-size: 15px;
    font-size: 1.5rem;
    color: #777;
    display: inline;
}
.onlineBanking li a
{
    font-size: 13px;  
    font-size: 1.3rem;
}
/* ---------- 06. LEFT COLUMN ACCORDIONS ---------- */
.leftcol .accordion-title
{
    cursor: pointer;
    width: 253px;
    height: 49px;
}
#leftcol-branch-atm .accordion-title
{
    background: transparent url(design/img_branch_locator_title_bg.png) no-repeat;
}
#leftcol-apps .accordion-title
{
    background: transparent url(design/img_apps_title_bg.png) no-repeat;
}
#leftcol-calcs .accordion-title
{
    background: transparent url(design/img_calcs_title_bg.png) no-repeat;
}
#leftcol-branch-atm .accordion-title.open
{
    background: transparent url(design/img_branch_locator_title_bg_active.png) no-repeat;
}
#leftcol-apps .accordion-title.open
{
    background: transparent url(design/img_apps_title_bg_active.png) no-repeat;
}
#leftcol-calcs .accordion-title.open
{
    background: transparent url(design/img_calcs_title_bg_active.png) no-repeat;
}
#leftcol-branch-atm .accordion-content
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    color: #214690;
    padding-left: 52px;
    padding-bottom: 15px;
}
.leftcol-branch-atm-locations-table
{
    margin-bottom: 6px;
}
.leftcol-branch-atm-branch-search
{
    margin-bottom: 5px;
}
.branch-atm-input
{
    width: 111px;
    height: 31px;
    line-height: 31px;
    background: transparent url(design/img_branch_atm_input_bg.png) no-repeat;
    border: 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    color: #868686;
    font-weight: 700;
    padding: 0 10px;
}
.branch-atm-submit
{
    width: 33px;
    height: 31px;
    cursor: pointer;
    background: #FFF url(design/img_branch_atm_submit_bg.png) no-repeat;
    border: 0;
    text-indent:-9999px;
}
#leftcol-branch-atm .accordion-content a
{
    color: #214690;    
}
#leftcol-branch-atm .accordion-content a:hover
{
    color: #7CB044;    
    text-decoration: underline;
}
#leftcol-apps .selectMenuTitle, #leftcol-calcs .selectMenuTitle
{
    background: #FFF url(design/img_select_menu_bg.jpg) no-repeat;
    width: 185px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
   /* color: #868686;*/
    color: #686868;
    padding-left: 10px;
    cursor: pointer;
    margin-left: 30px;
}
#leftcol-apps .accordion-content, #leftcol-calcs .accordion-content
{
    padding: 10px 0 20px 0;
}
#leftcol-apps .selectMenuContent, #leftcol-calcs .selectMenuContent
{
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 7px;
    background: #FFF;
    width: 176px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #214690;
    font-weight: 700;
    margin-left: 32px;
    position: absolute;
    z-index: 10;
}
#leftcol-apps .selectMenuContent a, #leftcol-calcs .selectMenuContent a
{
    color: #214690;    
}
#leftcol-apps .selectMenuContent a:hover, #leftcol-calcs .selectMenuContent a:hover
{
    color: #7CB044;    
    text-decoration: underline;
}
#leftcol-apps .selectMenuContent p, #leftcol-calcs .selectMenuContent p
{
    margin-bottom: 7px;
}
/* ---------- 07. MAIN NAVIGATION ---------- */
.mainNav {
    height: 52px;  /* IE 7 needs a height */
    padding-top: 3px;
    background: #FFF url(design/img_mainnav_bg.jpg) no-repeat;
    margin-bottom: 4px;
    position: relative;
}
.int .mainNav {
    margin-bottom: 0;
}
.mainNav > ul {
    float:left;
}
.mainNav > ul > li {
    float:left;
    position:relative;
    background: transparent url(design/img_mainnav_li_bg.jpg) right center no-repeat;
}
.mainNav > ul > li.mn-home, .mainNav > ul > li.mn-services {
    background-image: none;
}
.mainNav > ul > li.mn-home > a
{
    padding: 12px 0 0 2px;
    height: 35px;
    width: 42px;
    margin-right: 1px;
}
.mainNav > ul > li > a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0;
    /*font-size: 17px;*/
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #FFF;
}
.mainNav > ul > li.mn-personal
{
    /*width: 123px;*/
    width: 110px;
}
.mainNav > ul > li.mn-business
{
    /*width: 135px;*/
    width: 110px;
}
.mainNav > ul > li.mn-investments
{
    /*width: 144px;*/
    width: 125px;
}

.mainNav > ul > li.mn-insurance
{
    width: 125px;
}

.mainNav > ul > li.mn-online
{
    /*width: 140px;*/
    width: 100px;
}
.mainNav > ul > li.mn-services
{
    /*width: 141px;*/
    width: 110px;
}
.mainNav > ul > li.mn-personal > a:hover, .mainNav > ul > li.mn-services > a:hover
{
    background: #0ca7be url(design/img_mn_personal_hover_bg.jpg) repeat-x;
}
.mainNav > ul > li.mn-business > a:hover
{
    background: #efa746 url(design/img_mainnav_business_hover_bg.jpg) repeat-x;
}
.mainNav > ul > li.mn-investments > a:hover
{
    background: #89be4f url(design/img_mainnav_investments_hover_bg.jpg) repeat-x;
}
.mainNav > ul > li.mn-insurance > a:hover
{
    background: #89be4f url(design/img_mainnav_investments_hover_bg.jpg) repeat-x;
}
.mainNav > ul > li.mn-online > a:hover
{
    background: #144c86 url(design/img_mainnav_online_hover_bg.jpg) repeat-x;
}
.mainNav > ul > li.mn-investments > div
{
    display: none;
}
.mainNav > ul > li.mn-insurance > div
{
    display: none;
}
.mainNav > ul > li > div
{
    padding: 15px 15px 10px 15px;
    position: absolute;
    z-index: 500;
    background: transparent url(design/img_mainnav_dropdown_bg.png);
    top: 44px;
    left: 0; /* IE 7 */
    font-size: 15px;
    font-size: 1.5rem;
    color: #FFF;
}
.mainNav > ul > li > div a
{
    color: #FFF;
}
.mainNav > ul > li > div a:hover
{
    color: #23c5de;
}
.mainNav > ul > li > div > table td
{
    vertical-align: top;
    width: 150px;
    white-space: nowrap;
    padding-right: 35px;
}
.mainNav > ul > li > div > table h2
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 7px 0;
}
.mainNav > ul > li > div > table hr
{
    border: 0;
    height: 2px;
    background: #FFF;
    margin: 10px 0;
    clear: both;
}
.mainNav > ul > li > div > table > li > a {
    display:block;
    margin-bottom: 5px;
}
.mainNav > ul > li > div > table > li > a:hover {
    text-decoration: underline;
}
/* hide drop downs until you hover over main button */
.mainNav li:hover div, .mainNav li:hover li:hover div {
    visibility: visible;
}
.mainNav li:hover li div, .mainNav li:hover li:hover li div {
    visibility: hidden;
}
/* do the normal show, with increased specificity, for good browsers */
.mainNav li:hover>div {
    display: block;
    visibility: visible;
}
/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body .mainNav > ul > li > div {
    display: none;
}
/* ---------- 08. HERO ---------- */
.hero {
    width: 729px;
    height: 241px;
    position:relative;
    margin-bottom: 15px;
    -webkit-box-shadow: 2px 2px 15px 2px rgba(21,20,21,0.53);
    -moz-box-shadow: 2px 2px 15px 2px rgba(21,20,21,0.53);
    box-shadow: 2px 2px 15px 2px rgba(21,20,21,0.53);
}
/* Control Nav */
.flex-control-nav {display: none;}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; }
.flex-viewport{ max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 32px; height: 33px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;font-size: 0;}
.flex-direction-nav .flex-prev { left: -50px; background: transparent url(design/img_hero_prev.png) no-repeat;}
.flex-direction-nav .flex-next { right: -50px; text-align: right; background: transparent url(design/img_hero_next.png) no-repeat;}
.flex-direction-nav .flex-prev:active {background: transparent url(design/img_hero_prev_active.png) no-repeat;}
.flex-direction-nav .flex-next:active {background: transparent url(design/img_hero_next_active.png) no-repeat;}
.flexslider:hover .flex-prev { opacity: 1; left: -17px; }
.flexslider:hover .flex-next { opacity: 1; right: -17px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* ---------- 09. HOME PAGE MODULES ---------- */
.events
{
    height: 280px;
}
.tabs
{
    float: left;
    width: 239px;
    height: 100%;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    width: 33%;
}
.ui-tabs .ui-tabs-nav li a
{
    background: #FFF url(design/img_tab_bg.jpg) repeat-x;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
    background: #FFF url(design/img_tab_active_bg.jpg) repeat-x;
    color: #FFF;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    height: 30px;
    line-height: 30px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel /* Tabs content container */ {
    display: block;
    border-width: 0;
    width: 226px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #646567;
    padding-top: 40px;
}
.ui-tabs .ui-tabs-panel a
{
    color: #939598;
}
.ui-tabs .ui-tabs-panel a:hover
{
    text-decoration: underline;
}
.ui-tabs .ui-tabs-panel h2
{
    font-size: 14px;
    font-size: 1.4rem;
    color: #646567;
    font-weight: 700;    
    margin-bottom: 20px;
}
.ui-tabs .ui-tabs-panel h3
{
    font-size: 13px;
    font-size:1.3rem;
    color: #646567;
    font-weight: 700;    
    margin-bottom: 2px;
}
.ui-tabs .ui-tabs-panel hr
{
    height: 1px;
    border: 0;
    background: #FFF url(design/img_tabs_hr_bg.jpg) repeat-x;
    margin: 10px 0;
    clear: both;
}
.ui-tabs .ui-tabs-panel p
{
    margin-bottom: 15px;    
}
.events-image
{
    float: left;
    margin-right: 10px;
}
.rates-cycle
{
    float: left;
    width: 230px;
    height: 100%;
    overflow: hidden;
}
.rates-cycle-nav span 
{
    display: none;
}
.rates-cycle-nav
{
    position: relative;
    margin-bottom: 15px;
}
.rates-cycle-nav a 
{
    display: block;
    float: left;
    width: 41px; 
    margin-right: 3px; 
    height: 6px;
    background: #FFF url(design/img_rates_cycle_nav_a_bg.jpg) left bottom no-repeat;
}
.rates-cycle-nav a.activeSlide 
{
    background: #FFF url(design/img_rates_cycle_nav_active_bg.jpg) no-repeat;
}
.rates-cycle ul
{
    position: relative;
    clear: both;
    margin-top: 30px;
}
.rates-cycle ul li
{
    position: absolute; 
    top: 0; 
    left: 0; 
    display: block; 
    z-index: 6; 
    opacity: 1; 
    width: 220px; 
    height: 186px;
    /*color: #939598;*/
    color: #66676a;
    font-size: 12px;
    font-size: 1.2rem;
}
a.rates-button
{
    display: block;
    /*background: #00aac4;*/
     background: #214690;
    color: #FFF !important;
    text-decoration: none !important;
    padding: 7px;
    margin-left: 20px;
}
.rates-cycle ul li p.as-low-as
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
}
.rates-cycle ul li a
{
   /* color: #00aac4;*/
     color: #214690;
    text-decoration: underline;
}
.rates-cycle ul li a:hover
{
    text-decoration: none;
}
.rates-cycle ul li hr
{
    height: 1px;
    border: 0;
    background: #FFF url(design/img_tabs_hr_bg.jpg) repeat-x;
    margin: 15px 0;
    clear: both;
}
.rates-title
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 700;
    /*color: #93959e;*/
    color: #747680;
}
.rates-title-img
{
    width: 35px;
}
td.rates-rate
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: right;
    width: 115px;
}
span.rate-percentage
{
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 700;
   /* color: #00aac4;*/
    color: #214690;
    display: block;
    text-align: left;
}
table.rates-rate-button
{
    margin-bottom: 10px;
}
/* ---------- 10. HOME PAGE FEATURES ---------- */
.features
{
    width: 981px;
    margin: 0 auto;
    height: 106px;
    position: relative;
    left: 5px;
    padding-top: 8px;
z-index: 5;
}
.featurebox
{
    /*width: 220px;*/
    width: 200px;
    height: 100%;
    float: left;
    /*margin-left: 20px;*/
    margin-left: 5px;
    text-align: center;
    /*color: #00aac4;*/
     color: #214690;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 700;
}
.featurebox a
{
    /*color: #00aac4;*/
    color: #214690;
}
.featurebox h2
{
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color: #7f7f7f;
    padding: 0;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
}
.featurebox:hover h2
{
    color: #8dc641;
}
.featurebox td
{
    text-align: left;
vertical-align: top;
}
.featurebox img
{
    margin-right: 15px;
}

.featurebox3
{
    width: 315px;
    height: 100%;
    float: left;
    margin-left: 30px;
    text-align: center;
    /*color: #00aac4;*/
     color: #214690;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 700;
}
.featurebox3 a
{
    /*color: #00aac4;*/
    color: #214690;
}
.featurebox3 h2
{
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color: #7f7f7f;
    padding: 0;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
}
.featurebox3:hover h2
{
    color: #8dc641;
}
.featurebox3 td
{
    text-align: left;
vertical-align: top;
}
.featurebox3 img
{
    margin-right: 15px;
}


/* ---------- 11. CONTENT ---------- */
.onepxclear
{
    clear: both;
    height: 1px;
}
.breadcrumb
{
    background: #ebebeb;
    height: 42px;
    line-height: 42px;
    color: #777;
    margin-top: -2px;
    margin-bottom: 18px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #5d5d5d;
    font-weight: 700;
}
.breadcrumb li.breadcrumb-home
{
    background-image: none;
    padding-left: 20px;
}
.breadcrumb li
{
    display: block;
    float: left;
    padding: 0 10px 0 30px;
    background: #ebebeb url(design/img_breadcrumb_li_bg.jpg) left center no-repeat;
}
.breadcrumb a
{
    color: #5d5d5d;
}
.breadcrumb a:hover
{
    text-decoration: underline;
}
.content
{
    font-family: 'Helvetica', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    padding-bottom: 20px;
}
.subcontent
{
    width: 452px;
    float: left;
}
.no-rightcol .subcontent
{
    width: 98%;
}
.no-leftcol .subcontent
{
    padding: 15px;
    width: 97%;
}
.sidebar
{
    width: 235px;
    float: right;
    position: relative;
    right: 20px;
}
.content p
{
    margin-bottom: 15px;
}
.content a:link, .content a:visited, .content li a:link, .content li a:visited
{
    color: #003b87;
    text-decoration: underline;
}
.content a:link:hover, .content li a:link:hover
{
    text-decoration: none;
}
.content ul, .content ol
{
    margin: 0px 0px 10px 20px;
}
.content ol
{
    background: none !important;
    margin-left: 35px !important;
}
.content ol li
{
    background: none !important;
}
.content li
{
    padding-bottom: 5px;
    background: transparent url(design/img_list_img.jpg) left 5px no-repeat;
    padding-left: 13px;
}
.content ul li ul, .content ol li ul, .content ol li ol
{
    margin-left: 20px;
    margin-bottom: 0 !important;
    margin-top: 5px;
}
.content ul li ul li
{
    margin-left: 20px;
    padding-bottom: 0;
}
table.basic
{
    border: 1px solid #040306;
    margin-bottom: 15px;
}
table.basic td
{
    padding: 5px;
    border: 1px solid #040306;
}
table.basic th
{
    font-weight: bold;
    padding: 5px;
    background: #9dda4e;
    font-size: 16px;
    font-size: 1.6rem;
    color: #00448d;
}
table.basic td.alt
{
    background: #eaeaea;
}
.subcontent .accordion-title
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;    
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    cursor: pointer;
    background: #FFF url(design/img_subcontent_accordion_title_bg.jpg) no-repeat;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    padding-left: 40px;
}
.subcontent .accordion-title.open
{
    background: #FFF url(design/img_subcontent_accordion_title_bg_open.jpg) no-repeat;
}
.subcontent .accordion-content
{
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    padding: 20px 15px 10px 15px;
    background: #ecf6fd url(design/img_subcontent_accordion_content_bg.jpg) repeat-x;
}
.subcontent .accordion-content p
{
    margin-bottom: 5px;
}
strong.blue
{
    color: #00468f;    
}
.button
{
    background: #90c455 url(design/img_button_bg.jpg) repeat-x;
    height: 24px;
    line-height: 24px;
    color: #FFF !important;
    text-decoration: none !important;
    text-align: center;
    padding: 0 8px;
    cursor: pointer;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form-button
{
    background: #0C3F7C;
    color: #FFF !important;
    text-decoration: none !important;
    text-align: center;
    padding: 10px 7px 2px 7px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #1263BF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-family: 'Myriad Pro', Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
/* ---------- 11B. HEADINGS ---------- */
h1
{
    font-family: 'Helvetica', sans-serif;
    color: #00468f;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
}
.content h2
{
    font-family: 'Helvetica', sans-serif;
    color: #00468f;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
}
.content h3
{
    font-family: 'Helvetica', sans-serif;
    color: #00468f;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
}
.content h4
{
    font-family: 'Helvetica', sans-serif;
    color: #00468f;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
}
.content h5
{
    font-family: 'Helvetica', sans-serif;
    color: #00468f;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
}
.content h6
{
    font-family: 'Helvetica', sans-serif;
    color: #00468f;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
}
/* ---------- 12. FOOTER ---------- */
.footer-wrapper
{
    background: #FFF url(design/img_footer_bg_new.jpg) center top no-repeat;
    min-height: 270px;
    margin-top: -50px;
}
.footer
{
    width: 988px;
    margin: 0 auto;
    /*padding-top: 120px;*/
    padding-top:80px;
    position: relative;
    left: 5px;
    color: #535353;
}
.footer a
{
    color: #535353;
}
.footer a:hover
{
    text-decoration: underline;
}
.footer table
{
    margin: 0 auto 10px auto;
    width: 872px;
}
td.footer-facebook
{
    text-align: right;
}
td.footer-facebook img
{
    margin-right:6px;;
}
.footer-nav
{
    /*text-align: center;*/
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Tahoma', Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top:-5px;
    margin-bottom:10px;
}
.footer-nav li
{
    display: inline;    
    margin-right: 15px;
}
.footer p
{
    font-family: 'Tahoma', Arial, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    /*width: 882px;*/
    width:765px;
    margin: 0 auto;
    /*line-height: 100%;*/
    line-height:150%;
    float:left;
}
/*\ CODED BY RLC \*/
.form td
{
    padding: 8px;
}

.site-search
{
    position: absolute;
top: 70px;
right: 0;
width: 350px;
}

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.formErrorOuter{
}
.inputContainer {
    position: relative;
    float: left;
}
.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
}
.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}
.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position:relative;
    color: #fff;
    width: 150px;
    font-size: 11px;
    font-size: 1.1rem;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {
    background: #33be40;
}
.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}
.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}
.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    display: block;
}
.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
    background: #33be40;
}
.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}
.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}
.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}
.formError .formErrorArrow .line8 {
    width: 11px;
}
.formError .formErrorArrow .line7 {
    width: 9px;
}
.formError .formErrorArrow .line6 {
    width: 7px;
}
.formError .formErrorArrow .line5 {
    width: 5px;
}
.formError .formErrorArrow .line4 {
    width: 3px;
}
.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}
.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

/*=========== 13. RATES IFRAME PAGE ===========*/

#cds.large {
    color: #0C3F7C;
    font-size: 80px;
    font-size: 8.0rem;
    font-weight: 500;
    line-height: normal;
}
#cds.large h1 {
 margin-bottom:0px;
}

#rates {
height:35px;
width:230px;
font-size:20px;
font-size: 2.0rem;
border:1px solid #666;
}
td.percent{font-size:30px;font-size: 3.0rem;color:#777;}
td.percent div{ position:relative; top:0;}
td.apy {font-size:12px;font-size: 1.2rem;color:#777;line-height:12px;}
td.apy div {position:relative; top:-10px;}
 
 
 
 
 /* ===============ADA Styles============*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color:#000000;
  background-color:#ffffff;
}
#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
color:#000000;
background-color:#ffffff;
} 

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}

.req {color:#ED1C24;}