@import url("base.css");

@import url("common.css");

html {
height: 100%; background: #bcac9d;
}

body {
min-height: 100%; background: #ffffff url(/img/bg_body.gif) repeat-y right; width: 980px; margin: auto; position: relative;
}

ul#pagetools {
position: absolute; right: 45px; top: 25px; margin: 0; padding: 0;
}

ul#pagetools li {
float: right; list-style: none; background: none; margin: 0 8px 0 0;
}

ul#pagetools li a {
font: 11px Tahoma; color: #8e8e8e;
}


ul#pagetools a.lgtext {
background: url(/img/icon_largetext.gif) no-repeat left top; padding: 4px 0 8px 25px; display: block;
}

ul#pagetools a.regtext {
background: url(/img/icon_largetext.gif) no-repeat left top; padding: 4px 0 8px 25px; display: block;
}


ul#pagetools a.printpg {
background: url(/img/icon_print.gif) no-repeat left top; padding: 4px 0 8px 28px; display: block;
}


ul#pagetools a.share {
background: url(/img/icon_envelope.gif) no-repeat left top; padding: 4px 0 8px 28px; display: block;
}


#header {
background: url(/img/header.png) no-repeat top; height: 128px; width: 980px; position: absolute; top: 0; left: 0; z-index: 100;
}

#headerright {
background: url(/img/header_right.png) no-repeat top; height: 168px; width: 117px; position: absolute; top: 128px; right: 0; z-index: 100;
}

#logo {
position: absolute; top: 24px; left: 44px; z-index: 200;
}

ul#topnav {
position: absolute; top: 33px; right: 85px; margin: 0; padding: 0; clear: left; font-weight: bold; z-index: 200;
}

ul#topnav a {
color: #988a7d; 
}

ul#topnav a:hover {
color: #706353; 
}

ul#topnav li {
margin: 0 10px 0 0; padding: 0; list-style: none; overflow: hidden; background: none; float: left;
}

ul#topnav a#tn_btn_home {
text-indent: -999999px; background: url(/img/btn_head_home.gif) no-repeat left top; display: block; width: 30px; height: 10px;
}

ul#topnav a#tn_btn_locations {
text-indent: -999999px; background: url(/img/btn_head_locations.gif) no-repeat left top; display: block; width: 49px; height: 10px;
}

ul#topnav a#tn_btn_abouteastwood {
text-indent: -999999px; background: url(/img/btn_head_abouteastwood.gif) no-repeat left top; display: block; width: 83px; height: 10px;
}

ul#topnav a#tn_btn_contactus {
text-indent: -999999px; background: url(/img/btn_head_contactus.gif) no-repeat left top; display: block; width: 56px; height: 10px;
}

form#search {
position: absolute; left: 686px; top: 60px; z-index: 200;
}

form#search input {
border: 1px solid #e8e4c9; padding: 1px 3px 1px 3px; width: 125px;
}

form#search input[type=submit] {
text-indent: -999999px; background: url(/img/btn_search.gif) no-repeat left top; width: 67px; height: 26px; border: 0; cursor: pointer; padding: 0; position: absolute; top: 0; left: 138px;
}

#wrapper {
overflow: hidden;  width: 980px; margin: auto; padding: 90px 0 0 0;
}

#contentwrapper {
background: url(/img/bg_sidenav.gif) repeat-y 227px; overflow: hidden; width: 100%;
}



#side {
float: left; width: 188px;  left: 40px; overflow: hidden; padding: 0 0 15px 0;
}

#iblogin {
background: #96c0e8 url(/img/bg_iblogin.gif) no-repeat bottom; padding: 30px 0 20px 12px;
}

#nav {
background: url(/img/head_quicklinks.gif) no-repeat left top; overflow: auto; padding: 45px 10px 0 10px;
}


#globalsubnav {
background: url(/img/head_quicklinks.gif) no-repeat left top; overflow: auto; padding: 45px 10px 0 10px; left: -10px; width: 100%;
}


ol {
margin: 0 0 12px 0; padding: 0 0 0 0px; overflow: hidden;
}

ul {
margin: 0 0 12px 0; padding: 0 0 0 0px; overflow: hidden;
}

ul li {
list-style: none; background: url(/img/li.gif) no-repeat left 6px; margin: 0 0 3px 0 ; padding: 0 0 0 8px;
}


ul li ul {
margin: 6px 0 6px 20px; padding: 0 0 0 0px; overflow: hidden;
}

#nav ul li ul {
margin: 6px 0 6px 8px; padding: 0 0 0 0px; overflow: hidden;
}


#subnav {
margin: 0 0 15px 0;
}

#subnav h3 {
margin: 0;
}






.navcol, .navcol3 {
float: left; width: 165px; margin: 0 25px 0 0; overflow: hidden;
}

.navcol2 {
float: left; width: 215px; margin: 0 0 0 0; overflow: hidden;
}

.navcol li.more {
text-align: right; list-style: none; margin: 6px 0 0 0; background: none; text-transform: uppercase; background: url(/img/arrow_gray.gif) no-repeat right; padding: 0 9px 0 0; font-weight: bold; font-size: 11px;
}



#footer {
overflow: hidden; font-size: 11px; padding: 15px 0 50px 0;
}


#footer #equalhousinglender {
position: absolute; left: 125px; top: 25px;
}

#footer ul {
margin: 0 0 4px 250px; padding: 0; overflow: hidden; clear: both;
}

#footer ul li {
margin: 0 8px 0 0; padding: 0; list-style: none; overflow: hidden; background: none; float: left;
}

#footer ul#footer_nav li {
margin: 0 0 0 8px; padding: 0 0 0 8px; list-style: none; overflow: hidden; background: none; float: left; border-left: 1px solid;
}

#footer ul#footer_nav li:first-child {
border: 0; padding: 0; margin: 0;
}


#footer p#lpldisclosure {
margin: 12px 0 4px 250px; padding: 0; overflow: hidden; clear: both; width: 600px;
}



#content {
float: left; left: 46px; padding: 23px 0 0 0; width: 696px; overflow: hidden; height: 100%;
}

#photohead {
background: #ffffff; padding: 0 0 8px 0; width: 507px;
}

#photohead img {
display: block; width: 507px; height: 186px; position: relative; 
}

#photohead h1 {
background: #7d6a55; color: #ffffff; font-size: 16px; padding: 5px 5px 5px 15px;
}

#innerbody {
background: url(/img/bg_sidenav.gif) repeat-y 507px; overflow: hidden; width: 100%;
}

#colA {
float: left; width: 464px; padding: 0 18px 0 18px; overflow: hidden;
}

#colB {
float: left; width: 160px; padding: 0 18px 0 18px; overflow: hidden;
}

ul#breadcrumb {
overflow: hidden; margin: 0 0 35px 0; width: 100%;
}

ul#breadcrumb li {
float: left; list-style: none; background: none; padding: 0; margin: 0 6px 0 0;
}

ul#breadcrumb li a {
color: #b42117; background: url(/img/arrow_red.gif) no-repeat left; padding: 0 0 0 10px;
}

ul#breadcrumb li a:hover {
color: #cf443a;
}




h5#sh_personalbanking {
height: 8px; text-indent: -999999px; background: url(/img/sectionheader_personalbanking.gif) no-repeat left top;
}

h5#sh_eastwood {
height: 8px; text-indent: -999999px; background: url(/img/sectionheader_eastwood.gif) no-repeat left top;
}

h5#sh_ebanking {
height: 8px; text-indent: -999999px; background: url(/img/sectionheader_ebanking.gif) no-repeat left top;
}

h5#sh_conveniencebanking {
height: 8px; text-indent: -999999px; background: url(/img/sectionheader_conveniencebanking.gif) no-repeat left top;
}

#relatedlinks {
border-top: 1px dotted #414141; border-bottom: 1px dotted #414141; padding: 9px 2px 9px 70px; background: url(/img/subhead_linksto.gif) no-repeat left 12px; clear: both; height: 1%; margin: 15px 0 0 0;
}

#relatedlinks ul {
overflow: hidden; width: 100%; margin: 0; padding: 0;
}


#relatedlinks ul li {
float: left; margin: 0 7px 0 0;
}

#relatedlinks h4 {
text-indent: -999999px; position: absolute;
}

#comparison {
text-align: right; margin: 15px 0 0 0;
}

#comparison a {
margin: 0 0 0 15px;
}

.toggle {
float: left; margin: 0 0 2px 0; height: 28px; width: 300px; z-index: 1000; overflow: hidden;
}

.toggle #btn_a, .toggle #btn_a.off {
text-indent: -999999px; background: url(/img/btn_overview_off.gif) no-repeat left top; display: block; width: 111px; height: 28px; float: left; margin: 0 3px 0 0;
}

.toggle #btn_b, .toggle #btn_b.off {
text-indent: -999999px; background: url(/img/btn_detailview_off.gif) no-repeat left top; display: block; width: 111px; height: 28px; float: left;margin: 0 3px 0 0;
}

.toggle #btn_a.on {
text-indent: -999999px; background: url(/img/btn_overview_on.gif) no-repeat left top; display: block; width: 111px; height: 28px; float: left;margin: 0 3px 0 0;
}

.toggle #btn_b.on {
text-indent: -999999px; background: url(/img/btn_detailview_on.gif) no-repeat left top; display: block; width: 111px; height: 28px; float: left;margin: 0 3px 0 0;
}

#whitespace {
background: #ffffff; height: 6px;
}

form table#newsletter {
width: 60%; margin: 25px 0 25px 50px;
}

form table#newsletter td {
vertical-align: top;
}

form table#newsletter td em {
display: block; font-style: italics;
}

form table#newsletter input {
width: 200px;
}

form table#newsletter textarea {
width: 200px; height: 75px;
}

form table#newsletter td.submit {
text-align: right; border-top: 1px solid #BCAC9D; padding: 8px 0 0 0;
}

form table#newsletter td.submit input {
width: auto;
}


#flashsm {
margin: 0 0 0 15px;
}

#videoplayer {
background: #c4362b url(/img/bg_video_bot.gif) no-repeat left bottom; padding: 0 0 10px 0;
}

#videoplayer img {
background: url(/img/bg_video_top.gif) no-repeat left top; padding: 10px 5px 0 5px; display: block; position: relative; cursor: pointer;
}

#videoplayer_popup {
background: url(/img/bg_videolg_bot.png) no-repeat left bottom; padding: 32px; position: absolute; top: 300px; left: 25px; z-index: 1000; display: none; cursor: pointer;
}