[Loony2nz]

I actually took the lead from 7dana and duplicated what they did.

in skin1.css file i added:

.FeaturedDialogBoxOff {
BACKGROUND-COLOR: #FFFFFF;
BORDER: 1px solid #990000;
}
.FeaturedDialogBoxOn {
BACKGROUND-COLOR: #D4F0FE;
BORDER: 1px solid #0000FF;
}

in /customer/main/products_t.tpl:

Changed:
<TD align="center" valign="top" width="{$width}%" class="DialogBox">

to:
<TD class="FeaturedDialogBoxOff" align="center" valign="top" width="{$width}%" onMouseOver="this.className='FeaturedDialogBoxOn'" onMouseOut="this.className='FeaturedDialogBoxOff'" >

This is acutally the smarter and better way to go. I need to start using CSS more instead of directly making changes to the templates themselves. It detracts from the uniformity of development of the rest of the site.

You might want to give this a try too.

--Chris