<!-- Arama -->
<div id="arama">
<table cellpadding="0" cellspacing="0">
	<tr>
	<td><input type="text" class="arama" /></td>
	<td><input type="submit" value="" class="ara" /></td>
	<tr>
</table>	
</div>

/* Arama */
#arama { padding: 20px 0 0 192px;}
.arama {background: url(../images/arama.png) no-repeat; width: 251px; height: 37px; border: 0; color: #586b7a; padding: 2px 0 0 0;}
.ara {background: url(../images/ara.png) no-repeat; width: 135px; height: 37px; border: 0;}

#arama { padding: 20px 0 0 192px;}
.arama {background: url(../images/arama.png) no-repeat; width: 251px; height: 37px; border: 0; color: #586b7a; padding: 5px 0 0 0; }
.ara {background: url(../images/ara.png) no-repeat; width: 135px; height: 37px; border: 0; padding: 10px 10px; }