X-Cart forums - CSS Question

I want to apply a (hover over) style to the element below, but I can't figure out the CSS syntax. Here is my structure (from what I see in Firebug):

Code:



<table class= "products products-table">

<tr class= {varies}>...





<td class="highlight first last product-cell">

  <div class="foo">

    <a><img .../>

      <span>

        <img { APPLY STYLE WHEN HOVERING OVER THIS IMG ITEM } />

      </span>

    </a>

  </div>

</td>

Note: I'm going to want to put a different style for <td class="highlight last product-cell"

Thanks