Trying to add filtering

[Phoenix164]

I have an existing website that I am trying to add the new filtering facilities too. What I have so far can be viewed here

http://www.formyoffice.co.uk/acatalo...ce_Chairs.html

I have a couple of problems that I am hoping the large brains here might be able to solve.

1. When I use the filter it breaks the layout. I am trying to create a seamless transition when using the filters.

This is the current filtered layout code:-

<actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsImage%22%20%2f%3e" >
<div id="ResultImage" style="display:none;">
	<img src="<actinic:variable name="SearchResultProductImage" />" <actinic:variable name="SearchResultProductImageSize" /> />
</div>
<Actinic:XMLTEMPLATE NAME="ImageLine">
	<p class="product-image"><img src="<actinic:variable name="SearchResultProductImage" />" <actinic:variable name="SearchResultProductImageSize" /> /> </p>
</Actinic:XMLTEMPLATE>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsName%22%20%2f%3e">
	<Actinic:Variable Name="SearchResultLink"/><Actinic:Variable formatting="h3" Name="SearchResultProductName"/></a>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsSectionName%22%20%2f%3e">
	<p class="product-text"><Actinic:Variable Name="SearchResultSectionName"/></p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsPrice%22%20%2f%3e">
	<p class="product-price"><br><Actinic:Variable Name="SearchResultPrice"/></p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsDescription%22%20%2f%3e">
	<p class="product-text"><actinic:variable name="SearchResultFullDescription" /></p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsProperties%22%20%2f%3e" >
	<p class="product-text"><actinic:variable name="SearchResultProp" /></p>
</actinic:block>

and this is the layout that I am trying to use.

<table cellpadding="3" cellspacing="0" border="0" width="200">
   <tr>
      <td align="center">
         <a href="<actinic:variable name="Master Product URL" />" target="_self">
            <img alt="<actinic:variable name="ProductName" />" src="<actinic:variable name="SectionLinkImage" />" border="0" width="150" height="150"/>
         </a>
      </td>
   </tr>
   <tr>
      <td align="center">
         <strong><a href="<actinic:variable name="Master Product URL" />" target="_self"><actinic:variable name="ProductName" /></a></strong><br />
         <br>
<actinic:variable name="PriceListRetail" />
      </td>
   </tr>
</table>

Herein lies the second problem.

The filtered results use the thumbnail image which is 75x75px. All of my products have a variable saved for <actinic:variable name="SectionLinkImage" /> which is a 150x150px image. Is it possible to use this variable in my filtered layout as the 75x75px image is just too small.

Fingers Crossed.

Admin: Added code tags for clarity.