﻿#background { background: #E8F4FA url(../images/homepage/bgRepeat.gif) top repeat-x;}

#leftCol {
    margin: 39px 0 0 6px;
    width: 499px;
}
#rightCol {
    background: url(../images/homepage/rightCol_bg.jpg) bottom no-repeat;
    margin-top: 21px;
    height: 383px;
    width: 466px;
}
#teaserRow {
    background: #E8F4FA url(../images/homepage/teasers_bg.gif) left top no-repeat;
    clear: both;
    height: 148px;
}
.sectionList {position: relative;}
#personalBanking {
    background: url(../images/homepage/personal_bg.jpg);
    height: 140px;
}
#businessBanking {
    background: url(../images/homepage/business_bg.jpg);
    height: 128px;
}
#personalBanking h1 {
    padding: 35px 0 8px 227px;
}
#businessBanking h1 {
    padding: 24px 0 8px 227px;
}
.sectionList li {
    margin: 0 0 6px 221px;
}
.sectionList .button {
    background: none;
    position: absolute;
    bottom: 10px;
    right: 23px;
    width: 59px;
}
#personalBanking .button {
    bottom: 13px;
}
.sectionList .button a {
    height: 21px;
    width: 42px;
}
.imgLink {
    background: url(../images/s.gif);
    display: block;
    height: 110px;
    left: 12px;
    position:absolute;
    top: 10px;
    width: 170px;
}
#personalBanking .imgLink {top: 20px;}
#callToAction, #locatorHome, .smallPromo {
    float: left;
    padding:19px 0 0 30px;
    width:203px;
}
#callToAction {position: relative;}
#callToAction h2 {
    background:  url(../images/homepage/ready_h.png);    
    height: 16px;    
    margin-bottom: 15px;
    width: 156px;
}
#callToAction span {
    background:  url(../images/homepage/weAreToo_h.png);    
    height: 11px;    
    width: 73px;
}
#callToAction .button {
    position: absolute;
    right:14px;
    top: 36px;
}
#locatorHome {
    background: url(../images/s.gif);
    padding: 19px 0 15px 15px;
    position:relative;
    z-index: 99999;
}
#locatorHome .inputRegion {
    background: url(../images/homepage/inputField_bg.png);
    height: 24px;
    padding: 8px;
    width: 173px;    
}
#locatorHome h2, #locatorHome a.arrow {
    margin-left: 8px;
}
#locatorHome a.arrow {line-height: 16px}
#quickLinks, #news {
    float: left;
    overflow: hidden;
    padding: 20px 10px 0 20px;
    width: 190px;
}
#quickLinks {padding-left: 30px; width: 180px;}
#quickLinks h2, #news h2 {margin: 0 0 10px 7px;}
#news {   
    padding-right:30px;
    width:240px;
}
#news h3, #news p {line-height: 16px; margin-left: 7px;}

#news p { font-size: 10px;}
#quickLinks li {
    width: 150px;
}
.smallPromo {
    background: url(../images/homepage/promoFrame.gif) top left no-repeat;
    padding: 0 0 0 27px;
    position: relative;
    top: -30px;
    z-index:1;
}
div.richText {
    margin-top: 5px;
}
/* Promo Theater */

#theaterHolder {position: relative;}
#photoTheaterNav {
    padding: 16px 16px 24px 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

#photoTheaterNav a {
    background: #80B2D3;    
    display: block;
    float: left;
    height: 13px;    
    margin-left: 3px;
    text-indent:-9999px;
    width: 13px;
}
#photoTheaterNav a.activeSlide { background: #E6F0F6 }
#photoTheaterNav a:focus { outline: none; }

#photoTheater a {display: none;}
#photoTheater a.on {display: block;}
