Shared Branching Only Widget Code

<!-- START OF CODE -->
<style type="text/css">
#boxcontainer {
width: 230px;
}
#coopsearchbox {
border-radius: 9px;
border: 1px solid #4F81BD;
}
#cooplogobox {
float:left;
width: 80px;
}
#cooplogo {
width: 75.8px;
height: 65.4px;
margin: 5px;
}
#coopsearch {
float:left;
width: 140px;
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: 105px;
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.co-opsharedbranch.org/locator/search-results/" method="get">
<input type="hidden" name="loctype" value="S" />
<div id="cooplogobox">
<img src="http://www.co-opfs.org/public/coop_remote
_locator/COOP_SharedBranch.png" name="cooplogo" id="cooplogo" /></div>
<div id="coopsearch">
<div id="searchheader">Branch Locator</div>
Zip: <input name="zip" type="text" class="textBox" id="zip" size="13" />
<br  />
<input type="submit" value="Find Locations" id="findlocations"/>
</div>
<br style="clear:left" />
</form>
</div>
</div>
<!-- END OF CODE -->