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 {
width: 70px;
margin: 5px;
#cooplogo {
width: 70.2px;;
height: 56.4px;
#coopsearch {
width: 115px;
color: #4F81BD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
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;
<div id="boxcontainer">
<div id="coopsearchbox">
<form action="" method="get">
<input type="hidden" name="loctype" value="AS" />
<div id="cooplogobox"><img src="
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"/>
<br style="clear:left" />
<!-- END OF CODE -->