#bbtitle
{
    height:33px;
    background:#efc73c;
    padding: 3px 0 0 20px;
    border-bottom: 1px solid #f7e35a;
}
#bbtitle b
{
    font-size:24px; 
    color:#fff; 
    display:block; 
    background:url('../images/bb/marrow.gif') left no-repeat;
    padding-left:20px;
}
#bbnavbar
{
    height:22px;
    background:#f9d558;
    padding:8px 0 0 10px;
    position:relative;
}
#bbnav {position:absolute;}
#bbnav a{color:#fff; font-weight:bold; text-decoration:none; display:inline-block; margin: 0 8px; padding-bottom:19px;}
#bbnav a:hover,body.bbloans #t-bbloans, body.bbchecking #t-bbchecking, 
body.bbhealth #t-bbhealth , body.bbremote #t-bbremote, body.contactusBB #t-contactusBB, body.bbmoney #t-money
{background:url('../images/bb/hoverarrow.gif') bottom no-repeat; padding-bottom:19px;}

#bbleft
{
    width:430px;
    float:left;
    padding: 0 0 0 10px;
    margin: 10px 0;
    color:#000000;
}

#bbleft a{color:#82827f; text-decoration:none; font-weight:bold; display:block; margin: 4px 0;}
#bbleft a:hover{color:#000;}
#bbleft p{margin:10px; font-size:12px;}

#bbleftl
{
    width:203px;
    float:left;
    border:1px dotted #a99c8f;
    border-width: 0 1px 1px;
}

#bbleftr
{
    width:203px;
    float:right;
    border:1px dotted #a99c8f;
    border-width: 0 1px 1px;
}

#bbleft h1
{
    font-size: 24px;
    display:block; width:173px; height:19px;
    background:#a3a3a3 url('../images/bb/harrow.gif') no-repeat left;
    color:#fff; font-size:13px; font-weight:bold;
    margin: 5px 0; padding:2px 0 0 30px;
}

#bbright
{
    width:320px;
    float:right;
    padding: 0 10px 0 0;
    margin:10px 0;
}

.bbrblock
{
    background: #efc73c;
    width:296px; height:105px;
    color:#fff; font-size:35px; font-weight:bold;
    margin:0 0 4px 0; padding:25px 10px 10px; line-height:30px;
    text-align:center;
}

/* Inner Pages - Originally for PB Savings */

#bbinner{margin:20px 10px;}
#bbinnerdot{border-left:0px; margin:0; padding:0 5px;}

#bbinnerdot h1{font-size:25px; color:#de8426; margin:5px 5px 0 0; font-family:Arial; font-weight:normal;}
.bbinnertext{float:left; width:430px; color:#000000; padding-left:5px;}
.bbinnerblock
{
    background:#efc73c; 
    color:#fff; 
    font-size:30px; 
    width:260px; height:120px; 
    padding:10px 20px; 
    line-height:29px;
    float:right;    
}

.bbcheckh1
{
    display:block; width:173px; height:19px;
    background:#cbcbc8 url('../images/bb/harrow.gif') no-repeat left;
    color:#fff; font-size:13px; font-weight:bold;
    margin: 5px 0; padding:2px 0 0 30px;
    float:left;
}
.bbcheckh1r
{
    background:#cbcbc8; 
    height:19px; width:525px; 
    padding: 2px 0 0 10px; 
    margin:5px 0 0 10px; 
    float:right; 
    color:#fff; font-weight:bold;
}

.bbcheckbdot
{
    border-bottom:1px dotted #cbcbc8;
    color:#000000; font-weight:bold;
    padding:8px 5px 5px 5px;
}

.bbcheckleft
{
    background:url('../images/BB/iOrb.jpg') no-repeat left; 
    float:left; padding-left:45px; height:35px;
    display:table; width:135px; vertical-align:middle;
}

.bbcheckbdot b
{
    display:table-cell; vertical-align:middle;
}
.bbcheckbdot i{float:right; font-style:normal; display:block; width:528px;}

/* Health Savings */
.bhstwo
{
    background:url('../images/BB/healsav2.jpg') left no-repeat; 
    height:132px; padding:10px 0 0 240px; margin:5px 0;
}
b.bbtinybullet
{
    display:block;
    background:url('../images/BB/tinybullet.gif') no-repeat left;
    padding-left:15px; color:#000000; font-weight:normal;
    vertical-align:middle;
    margin-bottom: 3px;
}

/*business banking popup*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
padding: 5px;
left: -1000px;
background-repeat:no-repeat;
visibility: hidden;
color: #666666;
font-size: 10px;
text-decoration: none;
padding: 30px 10px 0px 0px;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px; 
}

/*end contact popup*/