How to Edit the Search Results Form

[GiftSpecialists]

In my custom search template, when I use the following tag - [-- SEARCHRESULT_FORM FORM_ONLY --], I get the code output below. Where do I edit this coding? I want to change the table layout, css, etc.

<form name="productsearch" class="productsearch" action="http://www.beeronthewall.com/cgi-bin/sc/productsearch.cgi" method="post">
<table class="search_table" align="center" bgcolor="#C8D0D4" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td class="search_field">
<input name="search_field" size="40" value="beer" type="text">
</td>
<td align="left"><input value="Search" onclick="this.form.action += '?search_field=' + this.form.search_field.value;" type="submit">
</td>
<td class="adv_search_text" align="left">
<input name="adv_from_box" type="checkbox">
<a href="http://www.shopsite.com/help/11.0/en-US/sc/pro/advanced.search.help.html" target="_blank" class="adv_search_text">Advanced</a></td>

</tr>
</tbody></table>
<input name="storeid" value="*1edbab64a80950e17c6034b6799f55b5ff" type="hidden">
<input name="p1" value="ExplodeAc8aad578685eb8f5b2fe075aab2fcc58538c0779a09b54dbbacf69ae0a414991ef9a652ddd7652f2c3f1e97c3591e613" type="hidden">
<input name="called_from_results" value="on" type="hidden">
<input name="orig_search_field" value="beer" type="hidden">
<input name="index_items" value="" type="hidden">
<input name="index_item_count" value="193" type="hidden">
<input name="gi_mode" value="-1" type="hidden">
<input name="auto_stem" value="0" type="hidden">
<input name="search_results_list" value="1226, 105, 106, 800,1043,1117,1225,1228, 102,1227,1255, 799,1199,1231, 552, 30, 73, 80, 93, 97, 98, 99, 100, 632, 663, 671, 681, 699, 704, 705, 706, 707, 901,1037,1049,1050,1051,1153,1216,1238,1247,1256,1284,1291, 50, 69, 71, 77, 79, 81, 86, 95, 96, 122, 128, 130, 131, 135, 139, 142, 702, 807, 885,1004,1006,1015,1036,1038,1039,1040,1144,1151,1152,1197,1198,1229,1253,1254, 132, 722, 741, 759, 957,1009,1055,1089,1150,1235,1250,1259,1262,1266,1269, 5, 6, 8, 9, 10, 11, 12, 16, 22, 23, 49, 66, 72, 85, 104, 107, 124, 129, 553, 554, 618, 619, 620, 621, 622, 623, 624, 625, 626, 627, 628, 629, 630, 631, 634, 635, 636, 637, 638, 640, 641, 643, 645, 646, 649, 650, 652, 653, 658, 659, 660, 661, 662, 664, 666, 668, 669, 670, 673, 674, 675, 677, 680, 695, 698, 700, 701, 808, 850, 851, 882, 884, 886, 887, 888, 956, 965,1010,1066,1145,1203,1221,1236,1237,1239,1240,1248,1249,1251,1252,1257,1258,1260,1261,1263,1265,1267,1268,1270,1271" type="hidden">
<input name="max_prod_id_length" value="4" type="hidden">
<input name="gi_current_page" value="1" type="hidden">
Sort by:<select class="search_sort_dropdown" name="sort_by" onchange="this.form.action += '?search_field=' + this.form.search_field.value;this.form.submit();">
<option value="1" selected="selected">Relevance</option>

<option value="2">Price: Low to High</option>
<option value="4">Price: High to Low</option>
<option value="8">Alphabetical: A to Z</option>
<option value="16">Alphabetical: Z to A</option>
</select>
</form>

[ShopSite Lauren]

You can edit some of it. One suggestion would be to start with the code below, and modify it how you want it to appear.

[-- SEARCHRESULT_FORM FORM_ONLY --]
<table id="se_table_top">
<tr>
[-- IF SearchResultCount --]
<td class="se_perpage">[-- SearchResultsPerPage --]</td>
<td class="se_page">[-- SearchResultCount --]</td>
</tr>
<tr>
[-- END_IF --]
[-- IF SearchSortBy --]
<td class="se_sort">[-- SearchSortBy --]</td>
[-- END_IF --]
[-- IF SearchResultPrevNext --]
<td class="se_prevnext">[-- SearchPrevNext --]</td>
[-- END_IF --]
</tr>
</table>
</form>