Product Image Thumbnails

Can anyone tell me how to modify the border that appears around the product thumbnail images when you hover over them?

Eg. on this page: www.jobutcher.co.uk/shopdev/collection/p...1-topiary-heart-tree

Firstly, I want to change the colour of the highlight/hover border.
Also, it's annoying that the images move when you hover over them. This could be resolved by having a border around the image when the mouse is not over it. Is it possible for me to add a border?

These things don't seem to be controlled in any stylesheet and I'm afraid I don't know javascript. Can someone help me to change this?

Many thanks
Leila

Hi,

This is indeed not controlled via CSS but javascript in the file administrator/components/com_hikashop/helpers/image.php in the Display function.
And more specifically by this code:

for ( i=0;i<myEls.length;i++ ) {
myEls.style.border=\'0px\';
}

obj.childNodes[0].style.border=\'1px solid\';