﻿/*  layout and framework ************************************ */
    #wrapper {
    width:994px;
    margin: 0 auto ;
    padding:0px;
    text-align:left;
    }
      
    /*
    ----------------------
    HEADER
    ----------------------
    */
    #header 
    {
        width:994px;
        height:32px;
        padding:0px;
        float:left;
        margin: 0px auto;
    }
    
    /*  Header Navigation *********************************  */
    #header .spacer {float: left;width:40px;}    
    #header-login {float:left;padding-top:10px;padding-left:20px}
  
    #header-navigation {padding:0px 10px 0px 0px; color: #ccc; float:right;}
        
    .btn_welcome {float:left;width:175px;height:36px;padding:0px;margin:0px;}
    
    .btn_aboutus {float:left;width:80px;height:36px;padding:0px;margin:0px;}
    
    .btn_openaccount {float:left;width:155px;height:36px;padding:0px;margin:0px;}
    
    .btn_locator {float:left;width:151px;height:36px;padding:0px;margin:0px;}

    .btn_contactus {float:left;width:104px;height:36px;padding:0px;margin:0px;}
    
    #header #openaccount_panel 
    {
        visibility:hidden;
        position:absolute;        
        width:160px;
        height:77px;
        padding:0;
        padding-top: 6px;
        margin:0;
        margin-left:578px;
        background: url(/site_assets/images/core/bg_topnav_dropdown.png) no-repeat;
        z-index:110;
        
    }
      
     
    #header #locator_panel 
    {
        visibility:hidden;
        position:absolute;      
        width:150px;
        height:77px;
        padding:0;
        padding-top: 6px;
        margin:0;
        margin-left:736px;
        background: url(/site_assets/images/core/bg_topnav_locatordd.png) no-repeat;
        z-index:100;
    }
    
    #locator_panel .branch-search {
        padding: 10px 10px;
        margin-top: 0px;
	}
    
    #locator_panel .branch-search input {
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#333333;
        font-size:12px;
        padding: 0px 1px 1px 0px;
        margin-top: 0px;
	}
    #locator_panel .branch-search input, #content .branch-search div, #content .branch-search img {
        float: left;
    }
    
    #locator_panel .branch-search .address input
    {
        border-left: 1px solid #BDBDBD;
        border-right: 1px solid #BDBDBD;
        background:transparent url(../images/locator/input_bg.jpg) repeat-x scroll 0 0;
        width:70px;
        height:18px;
        padding:2px 1px 0 5px;  
        vertical-align:bottom;
    }
    #locator_panel .branch-search .address
    {
        width:78px;
        padding:0px 0px 0px 0px;
        padding-top: 3px;
        float:left;
    }
    #locator_panel .branch-search .search-go
    {
        width:40px;
        padding:0px 0 0 10px;
        padding-top: 3px;
        float:left;
        margin-top: -1px;

    }
    
    #locator_panel .branch-search .search-go input
    {
    	background-repeat: no-repeat;
       /*_behavior: url(/site_assets/js/iepngfix.htc);*/
    }
 
    /*
    --------------------------
    FOOTER
    --------------------------
    */    
#footer 
{
    color: white; 
    width: 945px; 
    height:53px;
    padding:0px 0px 0px 48px;
    float:left;
    font-size: 11px; 
    text-decoration: none;
}

#footer .footer_left {padding-top:3px; float: left; margin: 0;padding-left:20px;}
#footer #footer_right {padding-top:0px; float: right; padding-right:20px; margin: 0; }

#footer a.footer12 {color:white; font-size: 13px;}
#footer a.footer10 {color:white; font-size: 11px;}
#footer a.footer8 {color:white; font-size: 9px;}
#footer a.footer {color:white; font-size: 11px; text-decoration: none; padding: 0px 4px 0px 4px;}
#footer a {color:white; font-size: 11px; text-decoration: none; }
#footer a:hover {text-decoration: underline; }
#footer .spacer {float:left;width:48px;}

#footer #footer_left .fdic_logo
{
    vertical-align:-2px;   
    margin: 0 2px 0 2px;
}


    
    /* Left Tab Section     *******************************************************/ 
    #tab {
        width:46px;
        height:640px;
        padding:0px;
        margin: 0px auto;
        float:left;
        background-color:#ccc;
        background: url(../images/core/bg_tabs_main.png) no-repeat;
        display:block;
        _behavior: url(/site_assets/js/iepngfix.htc)
    }
    
    .tab_personal {float:left;width:46px;height:144px;padding:0px;margin:0px}
    .tab_personal:hover {background: url(../images/core/bg_tab_personal_hov.jpg) no-repeat top right}
    .tab_business {float:left;width:46px;height:144px;padding:0px;margin:0px}
    .tab_business:hover {background: url(../images/core/bg_tab_business_hov.jpg) no-repeat top right}
    .tab_wealth {float:left;width:46px;height:144px;padding:0px;margin:0px}
    .tab_wealth:hover {background: url(../images/core/bg_tab_wealth_hov.jpg) no-repeat top right}
     
    #breadcrumb
    {
        width:900px;
        height:24px;
        color:#666666;
        padding-top:10px;
        font-size:11px;
        float:left;
    }
    
    #breadcrumb .breadcrumbpath a
    {
        color:#666666;
    }
       
    #logo-search 
    {
        width:900px;
        height:44px;
        margin: 0px auto;
        padding:0px;
        text-align:left;
    }
    
    /*logo */
    #logo {float:left;width:550px}

    #logo-search #login 
    {
        background:url(../images/core/btn_login.png) no-repeat;
       _behavior: url(/site_assets/js/iepngfix.htc);      
	    float:left;
	    width:90px;
    }

    #callme 
    {
       float:left;
       padding:6px;
       
    }
        
    #content-header {
        width:908px;
        height:45px;
        margin: 0px 0px 0px 0px;
        padding: 14px 20px 0px 16px;
        text-align:left;
        background-color:#fff;
        float:left;
        background:url(../images/core/bg_content_hdr.png) no-repeat;
        _behavior: url(/site_assets/js/iepngfix.htc)
    }
        
    #content-wrapper
    {
       width:994px;
       padding:0px;
       float:left;
         background:url(../images/core/bg_content_body.png) repeat-y;
        _behavior: url(/site_assets/js/iepngfix.htc);
    }
    
    #content-top
    {
        width:994px;
        height:6px;
        padding:0px;
        text-align:left;
        font-size:0;
        background-color:#fff;
        float:left;
        background:url(../images/core/bg_content_top.png) no-repeat;
        _behavior: url(/site_assets/js/iepngfix.htc)
    }
    
    #content {
        width:900px;
        margin: 0px 0px 0px 0px;
        padding:0px 20px 20px 20px;
        text-align:left;
        float:left;
        background:none;
        position:relative;
    }
    
    #content-footer {
        width:994px;
        height:10px;
        margin: 0px 0px 0px 0px;
        padding:0px;
        float:left;
        background:url(../images/core/bg_content_btm.png) no-repeat;
        _behavior: url(/site_assets/js/iepngfix.htc)
    }
     
    #content #colwrapper {
        width:900px;
    }
       
    #content .main {
        width:610px;
        padding:0px 0px 0px 0px;
        float:left;
    }

    #content .right {
        width:290px;
        padding:0px 0px 0px 0px;
        float:left;  
    }
    
    #content .banner-body
    {
        width:600px;
        padding:0px;
    }
    
    #content .banner-top
    {
        width:100%;
        padding:0px;
        float:left;
        overflow:hidden;
    }
    
    #content .banner-tagline
    {
        color:#666; 
        padding:7px 20px 15px 2px;
        float:left;
    }
    
    /* Main Body Containers */
#content .main p
{
    font-size:13px; 
    padding-top:2px;
    padding-bottom:2px;
    line-height:20px
}
#content .main p.large, div.searchResults div.large, #content .main li.large
{
    font-size:14px; 
    line-height:22px
}
#content .main p.largest, div.searchResults div.largest, #content .main li.largest
{
    font-size:16px; 
    line-height:24px
}

#content .main .large sup
{
    font-size:12px;   
}

#content .main .largest sup
{
    font-size:14px;    
}


sup,sub 	
{
    height: 0;	
    line-height: 1;	
    vertical-align: baseline;	
    _vertical-align: bottom;	
    position: relative;
}
sup {	bottom: 1ex;}
sub {	top: .5ex;}

h2 sup, h2 sub 	
{
    font-size:12px;
    height:0;
    line-height:1;
    position:relative;
    vertical-align: top;		
}
h2 sup 
{	
    bottom:auto ; 
}
h2 sub 
{	
    top:auto ; 
}



#content .main p a
{
   z-index: 1000;
}



/*
    #content .main ul {font-size:1em; padding-top:2px;padding-bottom:2px;line-height:18px}
*/
#content .main ul, #content .main ol
{
	margin:-10px 0px 0px 0px;
	*margin:-10px 0px 0px -4px;
	padding:12px 0px 5px 0px;
	*padding:12px 0px 5px 16px;
}
#content .right ul
{
	margin:-10px 0px 0px 0px;
	*margin:-10px 0px 0px -4px;
	padding:15px 0px 5px 0px;
	*padding:15px 0px 5px 16px;
}
#content .right ol
{
	margin-left:15px;
	*margin-left:-4px;
	padding-left:0px;
	*padding-left:16px;
}
#content .main ul li ul, #content .main ol li ol
{
	margin:-10px 0px 0px 0px;
	*margin:-10px 0px 0px -4px;
	padding:15px 0px 5px 14px;
	*padding:15px 0px 5px 16px;
}
#content .main ol
{
    margin-left: 18px;
}

#content .main ul li
{
	list-style-type:none;
	padding-left: 12px;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px -12px;
	background-image: url(../images/core/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
	clear:both;
	line-height:20px;

}
#content .main .body
{
	font-size: 12px;
	line-height:20px;
}

#content .right ul li
{
	list-style-type:none;
	padding-left: 10px;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px -12px;
	background-image: url(../images/core/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	clear:both;

}

#content .right ul li a
{
   color: #666666;
}

#content .right ul
{
  font-size:11px;
}
   
#content .right ul.large
{
  font-size:13px;
  line-height:20px    
}
#content .right ul.largest
{
  font-size:16px;
  line-height:22px    
}


#content .right ul li a:hover
{
    color: #ADADAD;
}

#content .right ol li
{
	list-style-type:decimal;
	clear:both;
	line-height:16px;
}


#content .main h2
{
    font-size:24px;
    font-weight:normal;
    line-height:28px;
    margin:0;
    padding: 0px 0px 12px 0px;
}
#content .main h2.large
{
    font-size:28px;
    line-height:32px;
}
#content .main h2.largest
{
    font-size:30px;
    line-height:36px;
}

#actionicons
{
    padding-top:8px;
    width:60px;
    float:right;
}

#content .main h3, #content .right h3 
{
    font-size: 18px; 
    line-height: 20px; 
    font-weight:normal; 
    margin:0px 0px 0px 0px;
    padding:4px 0px 2px 0px;

}

#content .main h3.large, #content .right h3.large 
{
    font-size: 20px; 
    line-height: 24px; 
}

#content .main h3.largest, #content .right h3.largest 
{
    font-size: 22px; 
    line-height: 26px; 
}

#content .main h3 a
{
  
}
   
    /* Body Content General Box  ************************************************************/
    #content .bodyContentBoxLarge
    {
        width:610px;
        padding:0px;
        float: left;
	overflow: hidden;
    }
    
    #content .bodyContentBoxLarge .top
    {
        width:610px;
        height:4px;
        font-size:0;
        background:url(../images/core/bg_mainbox_top.gif) no-repeat;
    }
    #content .bodyContentBoxLarge .contentarea-header
    {
        height: 40px;
    }
    #content .bodyContentBoxLarge .title
    {
        float: left;
    }
    #content .bodyContentBoxLarge .titlebreak
    {
        width:590px;
        height:1px;
        font-size:0;
        background:url(../images/core/titlebreak.gif) no-repeat;
        position: relative;
        left: -19px;
    }
    
    #content .bodyContentBoxLarge .body
    {
        background:url(../images/core/bg_mainbox_body.png) no-repeat bottom left;
        width:540px;
        padding:10px 50px 25px 20px;
    }

    #content .bodyContentBoxLarge .body .contentfooter
    {
        padding:10px 0px 0px 0px;
        font-size:.9em;   
    }
    #content .bodyContentBoxLarge .body .contentfooter p
    {
        font-size:.9em;   
    }
    
    #content .main .contentfooter
    {
        font-size:.9em;
        padding:10px 50px 20px 20px;   
    }
    
    #content .main .contentfooter p
    {
        font-size:.9em;   
        line-height:1.5em;
    }
    #content .main .contentfooter p.large
    {
        font-size:11px;   
    }
    #content .main .contentfooter p.large sup
    {
        font-size:11px;   
    }

    #content .main .contentfooter p.largest
    {
        font-size:13px;    
    }
    #content .main .contentfooter p.largest sup
    {
        font-size:13px;    
    }
        
    /* Body Content Two Column *********************************************************/
    #content .bodyContentBoxTwoCol
    {
        width:610px;
        padding:0px;
        float:left;
    }

    #content .bodyContentBoxTwoCol .top
    {
         background:url(../images/core/bg_mainbox_top.gif) no-repeat;
         width:610px;
         height:4px;
         font-size:0;
    }
    #content .bodyContentBoxTwoCol .body
    {
        background:url(../images/core/bg_mainbox_body.png) no-repeat bottom left;
        width:610px;
        padding-top:10px;
        padding-bottom:25px;
    }
    
    #content .bodyContentBoxTwoCol h2 
    {
        padding-left:20px;
        padding-right:40px;
    }
    
    #content .bodyContentBoxTwoCol .body .col1
    {
        float:left;
        width:258px;
        padding:0px 20px 0px 20px;
    }
    
    #content .bodyContentBoxTwoCol .body .col2
    {
       float:left;
       width:258px;
       padding:0px 20px 0px 20px;
    }       
    
           
    /* Body Content Two Column Split *********************************************************/
    #content .bodyContentBoxSplit
    {
        width:610px;
        padding:0px;
        float:left;
    }

    #content .bodyContentBoxSplit .top
    {
         background:url(../images/core/bg_mainbox_split_top.gif) no-repeat;
         width:610px;
         height:4px;
         font-size:0;
    }
    #content .bodyContentBoxSplit .body
    {
        background:url(../images/core/bg_mainbox_split_body.gif) no-repeat bottom left;
        width:610px;
        padding-top:10px;
        padding-bottom:25px;
        float:left;
    }
    
    #content .bodyContentBoxSplit .body .col1
    {
        float:left;
        width:258px;
        padding:0px 20px 0px 20px;
    }
    
    #content .bodyContentBoxSplit .body .col2
    {
       float:left;
       width:258px;
       padding:0px 20px 0px 20px;
    }
    
    #content .bodyContentBoxSplit .body .col1 .contentfooter
    {
       padding-left:0px;
       padding-right:0px;
    }
    
    #content .bodyContentBoxSplit .body .col2 .contentfooter
    {
       padding-left:0px;
       padding-right:0px;
    }
  
    /* Body Content Summary Boxes ***********************************************/
     #content .bodyContentSummary p 
     {
         font-size: 13px;
     }
    
    #content .bodyContentSummary
    {
        width:610px;
        padding:0px;
    }
    
    #content .bodyContentSummary .summaryBox
    {
	float:left;
	width:305px;
    }  
        
    #content .bodyContentSummary .summaryBox .summaryBoxTop
    {
       background:url(../images/core/bg_summary_box_top.gif) no-repeat;
       height:4px;
       padding:0px;
       width:290px;
       float:left;
       font-size:0;             
    }
    
    #content .bodyContentSummary .summaryBox .summaryBoxBody
    {
       background:url(../images/core/bg_summary_box_body.gif) no-repeat bottom left;
       padding:5px 20px 20px 18px;
       width:260px;
       min-height:75px;
       float:left;
       margin: 0;
    }
    #content .bodyContentSummary .summaryBox .summaryBoxBody h4, #content .bodyContentSummary .summaryBox .summaryBoxBody p
    {
       margin: 0;
    }
      
    /* Sidebar Styles *********************************************************/   
    #content .right p {font-size:11px; padding-top:2px;padding-bottom:0px;line-height:18px}
  
    #content .right table.large, #content .right p.large
    {
      font-size:13px;
      line-height:20px   
    }
    
    #content .right table.largest, #content .right p.largest
    {
      font-size:16px;
      line-height:22px   
    }
      
    #content .sidebarSmall
    {
       width:290px;
       font-size:11px; 
    }
    
           
    #content .sidebarSmall .sidebarSmallTop
    {
       background:url(../images/core/bg_sidebar_box_top.gif) no-repeat;
       height:4px;
       padding:0px;
       width:290px;
       float:left;
       font-size:0;               
    }
    
    #content .sidebarSmall .sidebarSmallBody 
    {
       background:url(../images/core/bg_sidebar_box_body.gif) no-repeat bottom left;
       padding:5px 20px 20px 15px;
       width:255px;
       float:left;
       overflow:hidden;
    }
    
    #content .sidebarImage
    {
       width:290px;
       padding:0px 0px 10px;
    }
    
    #content .sidebarSmall .contactimage
    {
       width:65px;
       float:left;
    }
    
    #content .sidebarSmall .contacttitle
    {
       width:190px;
       float:left;
    }
    
    #content .sidebarSmall .contacttitle h3
    {
      
    }
    
    #content .sidebarSmall .contacttitle h4
    {
       line-height:13px;
       padding-top:0px;
    }
      
/* Calls To Action */

.calltoaction
{
    display:block;
    width:143px;
    height:20px;
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    line-height:20px;
    padding:0px 7px 0px 0px;
    margin-top:5px;
    margin-bottom:10px;
    background: url(../images/main/btn_cta_main.gif) no-repeat;
    text-decoration:none;
}

.calltoaction:hover 
{
    color:#f5f5f5;
    background: url(../images/main/btn_cta_main_hov.gif) no-repeat;
    text-decoration:none;
}     

/* Calculators */

#content .sidebarMiniCalc
{
   width:290px;
   font-size:.8em;
}

#content .sidebarMiniCalc .miniCalcTop
{
   background:url(../images/core/bg_sidebar_box_top.gif) no-repeat;
   height:4px;
   padding:0px;
   width:290px;
   float:left;
   font-size:0;               
}

#content .sidebarMiniCalc .miniCalcBody 
{
   background:url(../images/core/bg_sidebar_box_body.gif) no-repeat bottom left;
   padding:5px 10px 5px 9px;
   width:270px;
   float:left;
}

#content .bodyCalculatorBoxLarge
{
    width:590px;
    padding:3px 1px 10px 4px;
    margin-right:40px;
    min-height:400px;
    background:url(../images/core/bg_mainbox_large.gif) no-repeat; 
}


/*
--------------------------
Mini Calc Stuff - Temporary!!!!!!!!!  Needs to be moved
--------------------------
*/

#LF_wrapper {
	font-family:  Helvetica, Arial, Sans-Serif, Verdana;
	font-size: 11px;
	color: #717073;
	width: 270px;
	margin: 0px;
}
#LF_title {
	color: #FFFFFF;
	font-size:16px;
	line-height:20px;
	padding: 12px 20px 0px 60px;
	height:52px;
	vertical-align:middle;
	background:url(../images/calcs/bg_minicalc_top.gif) no-repeat;
}
#LF_form {
	padding: 15px;
	width:240px;
	background:url(../images/calcs/bg_minicalc_middle.gif) repeat-y;
	font-size: 12px;
	height:100%;
	display:table;
}

#LF_form label 
{
    width: 224px;
    float:left;
    vertical-align:bottom;
    color:#666666;
    padding:4px 0px 0px 16px;
}
#LF_form .miniCalcField
{
    width:220px;
    float:left;
    height:30px;
    vertical-align:bottom;
}

#LF_form .miniCalcField .cur {
    width:14px;
    float:left;
    height:20px;
    padding-top:10px;
    vertical-align:middle;
}    

#LF_form .miniCalcField input {
	margin-bottom: 5px;
	background:#f5f5f5;
	border: #d4d4d4 solid 2px;
	color: #333333;
	width: 150px;
	height: 20px;
	padding:5px 2px 0px 2px;
}


#LF_button {
	width:240px;
	padding:0px 0 20px 30px;
	height:50px;
	margin-bottom: 0px;
	background:url(../images/calcs/bg_minicalc_bottom.gif) no-repeat;
}

#LF_button input {
	border: 0px; 
    cursor: pointer;     
    margin: 0 0 0 0;
    height: 22px;
   
}

#LF_copyright {
	text-align: center;
	font-size: 9px;
	padding-top:2px;
	line-height:30px;
	width:210px;
}

    
    /* Life Events */
    #lifeEventsList
    {
       color:#5d87a1;
       font-size:14px;
       font-weight:bold;
       padding:0px;
    }
    
    #lifeEventsList ul
    {
       font-size:11px;
       font-weight:normal;
       line-height:18px;
       margin-left:10px;
      
    }          

#content .main table
{
	padding: 1px 1px 1px 0px;
	border-collapse: separate;
	border-spacing: 2px; 
	line-height:16px;
	float: none;
}


.table-header
{
    background-color: #666666;
	color: #FFFFFF;
}
.table-header-center
{
	background-color: #666666;
	color: #FFFFFF;
}
.table-row
{
	background-color: #E8E8E8;
}
.table-row-alternate
{
	background-color: #EDEDED;
}
.table-header td, .table-row td, .table-row-alternate td
{
	padding:10px;
}
.searchinput
{
	float: right;
	padding: 2px 0 0 0;
	
}
#locator .branch-search .address input
{
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    background:transparent url(../images/locator/input_bg.jpg) repeat-x scroll 0 0;
    width:179px;
    height:17px;
    padding:3px 1px 0 5px;  
    vertical-align:bottom;
    
}

#locator .branch-search input {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:12px;
    margin-top:0;
    padding:0 1px 1px 7px;
    color:#333333;
}
                 
/*Search Bar */
#searchbar
{
    float:right;
    font-family: Arial, Sans-Serif;
    padding:0 0 0 0;
    width:255px;
    height: 25px;
}


#searchbar .address input
{
	background:transparent url(../images/core/bg_searchbox.jpg) repeat-x scroll 0 0;
	position: relative;
	color:#999999;
	top: 7px;
	*top: 5px;
	width:163px;
    height:18px;
    padding:2px 1px 0px 5px;  
    vertical-align:middle;
    border:0px;
    left:0px;
}

#searchbar .address .searchbutton2
{
    position:relative;
    border: 0px;
    cursor: pointer;     
    margin: 0 0 0 0;
    width: 60px;
    height:20px;
    top: 7px;
	*top: 5px;
	padding:0px 0px 0px 0px;
	left:0px;
}

#searchbar .address .searchbutton
{
    position:relative;
    border: 0px;
    cursor: pointer;     
    margin: 0 0 0 0;
    width: 26px;
    height:20px;
    top: -13px;
    *top: -16px;
    left: 229px;
    padding:0;
}


#resultssearchbar
{
    float:right;
    font-family: Arial, Sans-Serif;
    padding:0px 0 0 0;
    width:195px;
    height: 25px;
}

#resultssearchbar .address input
{
	background:transparent url(../images/core/bg_searchbox.jpg) repeat-x scroll 0 0;
	position: relative;
	color:#999999;
	top: 5px;
	width:163px;
    height:18px;
    padding:2px 1px 0px 5px;  
    vertical-align:middle;
    border:0px;
}
#resultssearchbar .address .searchbutton2
{
    display:none;
}
#resultssearchbar .address .searchbutton
{
    position:relative;
    border: 0px;
    cursor: pointer;     
    margin: 0 0 0 0;
    width: 26px;
    height:20px;
    top: -15px;
    *top: -16px;
    left: 169px;
    padding:0;
}