h3.clarendon.graphic-tip {
color: #000;
font-size: 15px;
padding: 0 0 7px 24px;
background: url(../images/magnifying-glass.gif) no-repeat left top;
margin-bottom: 10px;
}
h3.clarendon, p.header, p.header span.clarendon {
color: #000;
font-size: 16px;
margin-top: 0;
}
#overview-graphic {
height: 418px;
position: relative;
margin-top: 40px;
width: 650px;
}

div#tab-nav a {
display: block;
width: 180px;
height: 38px;
padding-top: 20px;
display: block;
padding-left: 89px;
font-size: 16px;
color: #fff;
}
#tab-main {
width: 332px;
height: 375px;
position: absolute;
top: 37px;
left: 295px;
background: url(../images/overview-graphic-box.jpg) no-repeat 10px top;
}

#tab-main div {
padding: 15px 20px;
margin: 0 2px;
position: absolute;
top: 0;
left: 10px;
width: 268px;
}

div#tab-nav a.account {background: url(../images/overview-graphic-account.gif) no-repeat left top;}
div#tab-nav a.open {background: url(../images/overview-graphic-open.gif) no-repeat left top;}
div#tab-nav a.perks {background: url(../images/overview-graphic-perks.gif) no-repeat left top;}
div#tab-nav a.deposit {background: url(../images/overview-graphic-deposit.gif) no-repeat left top;}
div#tab-nav a.online {background: url(../images/overview-graphic-online.gif) no-repeat left top;}
div#tab-nav a.withdraw {background: url(../images/overview-graphic-withdraw.gif) no-repeat left top;}

div#tab-nav a.selected {
background-position: 0 -58px;
}
div#tab-nav a:hover {
color: #fff;
}
/*div#tab-nav a.l1{ top: 0; left: 0;}
div#tab-nav a.l2{ top: 142px; left: 0;}
div#tab-nav a.l3{ top: 285px; left: 0;}
div#tab-nav a.r1{ top: 0; right: 0;}
div#tab-nav a.r2{ top: 142px; right: 0;}
div#tab-nav a.r3{ top: 285px; right: 0;}*/