remove border around around images (not image border)

[Otha]

As illustrated in the attached image of a Gift Cert, there is a border around product items on the site which I wish to get rid of.

I've spent more than a day investigating by, eyeballing the CSS, using Firebug and Developer, and searching the forums and faq but cannot pass my hurdle.

The border appears in the a:active, a:hover(in a different colour which is the same as the text link below it) and a:visited states

It looks like I may have to break it apart from the text link (which says, "larger image") but, I'm not certain about this and, if so, how?

I believe from the hover colour(teal) that it's at the least, referencing one of the following but I'm not certain of this either (I'm going on the colour because as mentioned, the link colour is the same as the border's hover colour):

a:hover {
color:#08B3B5;
text-decoration:none; }


#navMainWrapper a:hover {
color: #08B3B5; }


#navEZPagesTop a:hover {
color: #08B3B5; }

I've no clue about the border colour in active and visited states but would like to just get rid of any border by changing the colour to #ffffff. What in the CSS do I need to change?

Thanks,

[Otha]

Was the description of my problem, above, to convoluted? Am I way off somewhere? This thing is driving me crazy. I've been trying for a few days to figure out how to get rid of that border around images (as in attachd). If I've been too muddle mouthed, please let me know so I can attempt another description of the problem. I'd really appreciate some help on this.

Thanks..

[stevesh]

Your description of the problem is fine. As you said, you've been using Firebug and Web Developer to try to figure out where it's coming from. That's exactly what we'd do, but you have a link to the site and we don't.

[stevesh]

That's not really a Zencart question. You'll see those dotted borders on anchors (<a>) on most sites. The idea was that users would know when a link was 'active' and the border doesn't stay long if you actually click on the image.

Anyway, if you add this to your stylesheet, they should go away.

a {
outline: none;
}

[Otha]

Thank you Steve,

That worked perfectly

[semaxd]

Outstanding!