ATM and Shared Branching Widget Code with One Logo

<!-- START OF CODE -->
<style type="text/css">
#boxcontainer {
width: 200px;
}
#coopsearchbox {
border-radius: 9px;
border: 1px solid #4F81BD;
}
#cooplogobox {
float:left;
width: 70px;
margin: 5px;
}
#cooplogo {
width: 70.2px;;
height: 56.4px;
}
#coopsearch {
float:left;
width: 115px;
color: #4F81BD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
}
#searchheader{
margin:0px; padding:0px 0px 5px 0px;
font-size: 14px;
text-align: center;
}
#zip {
border-radius: 5px;
width: 60px;
}
#findlocations {
margin: 5px 0px 0px 0px;
width: 112px;
height: 17.5px;
color: white;
background-color: #4F81BD;
line-height: 10px;
}
#findlocations:hover {
background-color: #85A7D1;
}
</style>
<div id="boxcontainer">
<div id="coopsearchbox">
<form action="http://www.allco-op.org/locator/search-results/" method="get">
<input type="hidden" name="loctype" value="AS" />
<div id="cooplogobox"> <img src="/public/coop_remote_locator/CO-OP.png" name="cooplogo" id="cooplogo" /> </div>
<div id="coopsearch">
<div id="searchheader">ATM Locator</div>
Zip: <input name="zip" type="text" class="textBox" id="zip" size="13" />

<input type="submit" value="Find Locations" id="findlocations"/>
</div>
<br style="clear:left" />
</form>
</div>
</div>
<!-- END OF CODE -->