This seems to be on all templates. It has been a really annoying not to have control over this border which seeems to appear on product thumbs, active and hover images. I have been looking at the style.css and on relevant colour scheme of the CSS file to take control over this border colour, but had absolutely no luck 🙁
After days of looking, I found the dman code in /javascript/product.functions.js
Look for the following code around line number 285, which controls border around the thumb image on product detail view:
function highlightProductTinyImage(ThumbIndex) {
$(‘.ProductTinyImageList li’).css(‘border’, ‘1px solid gray’);
$(‘.ProductTinyImageList li .TinyOuterDiv’).css(‘border’, ‘2px solid white’);
$(‘#TinyImageBox_’+ThumbIndex).css(‘border’, ‘1px solid gray’);
$(‘#TinyImageBox_’+ThumbIndex+’ .TinyOuterDiv’).css(‘border’, ‘0px’);
}
Voila !! Enjoy
