/* Branch Locator */

    #content {
        width:902px;
        margin: 0px 0px 0px 0px;
        padding:0px 18px 20px 20px;
        text-align:left;
        float:left;
        background:none;
        position:relative;
    }
    
    #content .main .center
    {
        width:100%;  
        padding:2px 20px 2px 0px;
        min-height:400px;
    }
    #content .main .right
    {
        width:290px;
        padding:0px 0px 0px 10px;
        float:left;

    }
    #content .branch-search
    {
        height:24px;
        *height:25px;
        line-height:20px;
        padding:12px 0px 10px 20px;
        *padding:15px 0px 10px 20px;
        width:882px;
        background:transparent url(../images/locator/top_bg.gif) no-repeat left top;
    }
    #content .branch-search .pageTitle
    {
        width:310px;
        padding:0px 0px 0px 0px;
        float:left;
        font-size:20px;
    }

    #content .branch-search h2
    {
        width:310px;
        padding:0px 0px 0px 0px;
        float:left;
        font-size:20px;
	line-height:20px;
    }

    #directions
    {
       color:#868686;
        font-family:Arial,Helvetica,sans-serif;       
        line-height:14px;
        position:relative;
	padding-left:5px;
    } 
    #directions .location
    {
        float:right;
        margin:-50px 0 0 295px;
        *margin:-50px 0 0 135px;
        position:absolute;
        text-align:right;
        width:600px;
    } 

    #content #directions .pageTitle
    {
        padding:10px 0px 10px 0px;
        float:none;
        line-height:24px;
        font-size:24px;
    } 
    #content #directions .route
    {
        padding:0px 0px 10px 0px;
        float:none;
        line-height:12px;
        font-size:12px;
        font-weight: bold;
    } 
    #content #directions #search
    {
        float: right;
        padding: 10px 0px 15px 0px;
        position: relative;
    } 
    #content #directions .address
    {
        float: left;
        padding-right: 10px;
        font-weight:bold;
        line-height:20px;
    } 
    #content #directions .search-go
    {
        float: left;
    } 
    #content #directions .address input {
        border:0 none;
        color:#333333;
        font-size:12px;
        border-left: 1px solid #BDBDBD;
        border-right: 1px solid #BDBDBD;
        background:transparent url(../images/locator/input_bg.jpg) repeat-x scroll 0 0;
        width:185px;
        height:17px;
        padding:3px 1px 0 5px;  
        vertical-align:bottom;
    }
    
        
    #content .mapMessage
    {
        float:left;
        padding: 14px 0 0 10px;
        width:280px;
        z-index:2;
    }
    
    #content .branch-search .address
    {
        width:130px;
        padding:0px 0px 0px 0px;
        padding-top: 3px;
        *padding-top:5px;
        float:left;
    }
    #content .branch-search .search-go
    {
        width:45px;
        padding: 0;
        padding-top: 4px;
        *padding-top:6px;
        float:left;
        margin-top: -1px;

    }
     #content .branch-search .search-types
     {
        width:375px;
        float:left;
        padding-left: 10px;
        padding-top: 7px;
        *padding-top: 5px;
    }
    #content .branch-search .search-types img
    {
        _behavior: url(/site_assets/js/iepngfix.htc);
    }
    #content .branch-search .search-types div.checkboxLabel
    {
        margin-top:-3px;
        padding-left:3px;
        padding-right:5px;
        font-size: 10px;
    }    
    #content .branch-search input {
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#333333;
        font-size:12px;
        padding: 0px 1px 1px 7px;
        margin-top: 0px;
	    *margin-top: -3px;

    }
    #content .branch-search input, #content .branch-search div, #content .branch-search img {
        float: left;

    }
    #content .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:120px;
        height:17px;
        padding:3px 1px 0 5px;  
        vertical-align:bottom;

    }
     #content .branch-search-main
    {
        padding:1px 0px 0px 0px;
        height: 40px;
        height:500px;
        clear:both;
        background:transparent url(../images/locator/main_bg.gif) no-repeat left top;      
    }
    .branch-search-main #resultListHolder
    {
        height:498px;
        width:313px;
        float:left;
        overflow:auto;
        padding: 1px 0px 1px 0px;
    }      
    .branch-search-main #ResultList
    {
       float:left;
    }   
    .branch-search-main #spacer
    {
        height:480px;
        width:16px;
        float:left;
    }
    .branch-search-main #mapContainer
    {
        background:transparent url(../images/locator/vline.gif) no-repeat left top;   
        padding: 16px 16px 0px 0px;
        float:left;
    }
    .branch-search-main #mapBorder1
    {
        border:1px solid #FFFFFF;
        float:left;
    }
    .branch-search-main #mapBorder2
    {
        border:1px solid #EDEDED;
        float:left;
    }
    #directions #mapBorder3
    {
        border:1px solid #FFFFFF;
    }
    #directions #mapBorder4
    {
        border:1px solid #EDEDED;
    }
    
    .branch-search-main #map
    {
        border:1px solid #C3C3C3;
        height:460px;
        width:548px;
        float:left;
    }
    
    #directions #map
    {
        border:1px solid #C3C3C3;
    }

    
    .branch-search-main #status
    {
        color:#B33C34;
    } 

    .resultMessage
    {
        color:#B33C34;
        font-size:12px;
        font-weight:bold;
        z-index:2;
        padding:5px 0px 5px 10px;
        width:277px;
        float:left;
    }
    .error
    {
        color:#B33C34;
        display:block;
        font-size:12px;
        z-index:2;
        float:left;
        padding:5px 0px 0px 0px;
        width: 600px;
    } 
    #locator 
    {
        color:#868686;
        font-family:Arial,Helvetica,sans-serif;       
        line-height:14px;
        position:relative;
        background:transparent url(../images/locator/bottom_bg.gif) no-repeat bottom right;
    }
    #locator a
    {
       text-decoration: none;
    }
    #locator ul li
    {
	    list-style-type:none;
	    margin: 0px 0px 0px 0px;
    }

    #directions a
    {
       text-decoration: none;
       color:#868686;
    }
    #directions table
    {
       margin: 0px;
       padding: 0px;
    }
    #printme 
    {
       float:left;
       padding:8px 0px 15px 2px;
    }
    .mapBubbleContainer
    {
        height:105px;
        position:absolute;
        width:169px;
        z-index:3;
    }
    .mapBubbleContainer .bubbleBg
    {
        height:105px;
        position:relative;
        width:169px;
        z-index:3;
        background:transparent url(../images/locator/flyout_bg.png) no-repeat scroll left top;
        _behavior: url(/site_assets/js/iepngfix.htc);

    }
   .mapBubbleContainer .bubbleContainer
    {
        position:absolute;
        top: 1px;
        left: 0px;
         z-index:10;

    }
    .mapBubbleContainer .bubbleContent 
    {
        width:160px;
        padding: 2px 0px 0px 0px;
        color: #666666;
    }
    
    .mapBubbleContainer .bubbleContent .bubbleTitle
    {
        color:#FFFFFF;
        font-weight:bold;
        height:16px;
        overflow:hidden;
        width:150px;
        padding-left: 15px;
    }
    
    .mapBubbleContainer .bubbleContent .directions
    {
        padding: 2px 0px 0px 15px;
    }
    .directions-address
    {
       padding: 10px 0 0 41px;
       float:left;
    }
    .directions-addressA
    {
       padding: 10px 0 0 21px;
       float:left;
    }
    .directions-addressP
    {
       padding: 10px 0 0 0px;
       float:left;
    }
    .directions-address span, .directions-addressP span, .directions-addressA span
    {
       padding: 0px 0px 5px 0px;
       display: block;
       font-weight: bold;
    }
    .miles
    {
       padding:2px 0 0 15px;
       float:left;
       font-style:italic;
       font-weight:bold;
       font-size: 10px;
    }
    .milesA
    {
       padding:2px 0 0 2px;
       float:left;
       font-style:italic;
       font-weight:bold;
       font-size: 10px;
    }
    .directions-go 
    {
       padding: 0px 4px 1px 4px;
       float:left;
       margin-top:-0.021em;

    }
    .directions-go img
    {
       _behavior: url(/site_assets/js/iepngfix.htc);
    }
    .directions-address input, .directions-addressP input, .directions-addressA input {
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#333333;
        font-size:12px;
        border-left: 1px solid #BDBDBD;
        border-right: 1px solid #BDBDBD;
        background:transparent url(../images/locator/input_bg.jpg) repeat-x scroll 0 0;
        width:100px; 
        height:17px;
        padding:3px 1px 0 5px;  
        vertical-align:bottom;
        float: left;

    }
    .directions-addressP input
    {
        width:80px;
    }
    .directions-in-list
    {
       float: left;
    }
    .directions-in-list
    {
       float: left;
       padding:10px 0 10px 20px;
	   text-decoration: none;
	   width:232px;
	   border-top: 1px solid #D6D6D6;
    }
    .mapBubbleContainer .closeIcon 
    {
        width:15px;
        height:15px;
        display:block;
        float: right;
        margin:2px;
        background:transparent url(../images/locator/close_off.gif) no-repeat right top;
        cursor: pointer;
        position:absolute;
        padding-left: 150px;
    }
    .icon 
    {
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
    }
    #branchnavigation {
	    margin:0px;
	    padding:0px;
	    text-indent:0px;
	    width:294px;
	    float: left;
    }
    #branchnavigation li a {
	    color:#868686;
    }
    #branchnavigation a.head, #branchnavigation a.headA {
	    cursor:pointer;
	    background-color:#EDEDED;
	    display:block;
	    font-weight:normal;
	    margin:0px;
	    padding:0px 0px 0px 9px;
	    text-decoration: none;
	    float:left;
	    width:283px;
	    color:#868686;
    }
    #branchnavigation a.head:hover {
	    background-color:#DBDBDB;
    }
    #branchnavigation a.alternate {
        background:#E8E8E8; /*url(/site_assets/images/locator/collapsed.gif) no-repeat scroll 3px 4px; */
    }
     
    #branchnavigation a.selected {
	   /* background-image: url(/site_assets/images/locator/expanded.gif); */
    }

    #branchnavigation ul {
	    border-width:0px;
	    margin:0px;
	    padding:0px;
	    text-indent:0px;
	    float: left;
    }
    #branchnavigation li {
	    list-style:none outside none; 
	    display:block;
	    width: 292px;
	    padding:1px 0px 1px 2px;
	    float:left;
    }
        
    #branchnavigation li li {
	    display:block;
	    font-weight:normal;
	    margin:0px 0px 10px 10px;
        padding: 0px 0 10px 0px;
	    text-decoration: none;
	    float:left;
	    width:268px;
    	
    }
    #branchnavigation li li div.businessHours {
	    text-decoration: none;
	    float:left;
	    border-top: 1px solid #D6D6D6;
	    padding:10px 10px 10px 20px;
	    width:238px;
    }
    #branchnavigation .title {
	    padding:20px 0px 10px 0px;
	    font-size: 14px;
	    font-weight: bold;
	    width: 283px;
	    float: left;
	    line-height: 20px;
    }
    #branchnavigation .title a {
	    display:inline;
	    line-height: 20px;
    }
    #branchnavigation .fullAddress {
    	float:left;
    	padding: 0px 0px 10px 0px;
    }
    #branchnavigation .address {
    	line-height: 16px;
    	float: left;
    	width: 242px;
    	padding-left: 41px;
    }
    #branchnavigation .phone {
    	line-height: 16px;
    	float: left;
    	width: 242px;
    	padding-left: 41px;
    }
    #branchnavigation .mapIcon1, #branchnavigation .mapIcon2, #directions .mapIcon
    {
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
    	display:block;
        float:left;
        height:30px;
        width:40px;
        background:transparent url(../images/locator/list_icon.png) no-repeat right top;
        _behavior: url(/site_assets/js/iepngfix.htc);
        margin-bottom:3px;
        margin-top:-3px;
        padding-bottom:17px;
    }
    #branchnavigation .title img
    {
        _behavior: url(/site_assets/js/iepngfix.htc);
    }
    #branchnavigation .mapIcon1 a, #branchnavigation .mapIcon2 a
    {
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        display:block;
    }
    #branchnavigation .mapIcon1 div, #directions .mapIcon div
    {
        margin:3px 0 0 8px;
    }
     #branchnavigation .mapIcon2 div
    {
        margin:3px 0 0 5px;
    }
    #branchnavigation .typeAtm, #branchnavigation .typeBranch {

        height:16px;

    }
    #branchnavigation .typeAtm {
        background:transparent url(../images/locator/atm_red.png) no-repeat right bottom;
    }
    #branchnavigation .typeBranch {
        background:transparent url(../images/locator/branch_red.png) no-repeat right bottom;
    }
    #branchnavigation .title a:hover, #branchnavigation .address a:hover, #branchnavigation .phone a:hover {
	    text-decoration: none;
    }
    
    div.businessHours .weekday{
	    width: 38px;
	    float:left;
	    font-size: 11px;
	    height: 16px;
    }
    div.businessHours .lobbyHead{
	    width: 100px;
	    float:left;
	    font-size: 11px;
        padding-bottom: 5px;
    }
    div.businessHours .driveupHead{
	    width: 100px;
	    float:left;
	    font-size: 11px;
        padding-bottom: 5px;
    }
    div.businessHours .lobby{
	    width: 100px;
	    float:left;
	    font-size: 11px;
	    font-weight: bold;
    }
    div.businessHours .driveup{
	    width: 100px;
	    float:left;
	    font-size: 11px;
	    font-weight: bold;
    }
    #directions div.businessHours .weekday{
	    width: 100px;
    }
    #directions div.businessHours .lobbyHead{
	    width: 150px;
    }
    #directions div.businessHours .driveupHead{
	    width: 150px;
    }
    #directions div.businessHours .lobby{
	    width: 150px;
    }
    #directions div.businessHours .driveup{
	    width: 150px;
    }
    
    #branchnavigation li li a {
	    display:block;
	    text-indent: 0px;
	    text-decoration: none;
    }
    #branchnavigation li li a:hover {
	    color:#FF0000;
    }
    #branchnavigation .rec {
        padding:0 0 0 0px;
        float: left;
        width:292px;
        display:none;
    }
    #branchnavigation .selected {
        display:block;
    }
    .break {
        line-height:1px;
        clear:both;
        height:1px;
    }

/* End Branch Locator */

  /*
 * SimpleModal Basic Modal Dialoghas
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 212 2009-09-03 05:33:44Z emartin24 $
 *
 */

#modal-directions 
{
    display:none;
}

/* Overlay */
#simplemodal-overlay 
{
    background-color:#000; 
    cursor:wait;
}

/* Container */
#simplemodal-container 
{
    height:660px; 
    width:1060px; 
    color:#bbb; 
    background-color:#333; 
    border:4px solid #444; 
    padding:12px;
}
#simplemodal-container code 
{
    background:#141414; 
    border-left:3px solid #65B43D; 
    color:#bbb; 
    display:block; 
    margin-bottom:12px; 
    padding:4px 6px 6px;
}
#simplemodal-container a 
{
    color:#ddd;
}
#simplemodal-container a.modalCloseImg 
{
    background:url(../images/locator/x.png) no-repeat; 
    _behavior: url(/site_assets/js/iepngfix.htc);
    width:25px; 
    height:29px; 
    display:inline; 
    z-index:3200; 
    position:absolute; 
    top:-15px; 
    right:-16px; 
    cursor:pointer;
}
#simplemodal-container #modal-directions  
{
    padding:8px;
}