Images and CSS..

I'm looking for a simple way to have all images (thumbnails) that are clickable show up with a border-color.
I want the clickable thumbs to have a different border-color than the default link style I'm using.
I want thumbs with a yellow border, and at the same time use blue links as the default link style.

I've managed to do it by using this CSS code:

Code:

.thumb { border : thin solid #FFCC00; }

And using:

Code:

img class="thumb" src"....

but that's a lot of work doing a search and replace for all thumbs everytime.

Is there a simpler way to do it?
Is it possible to write a style that displays a clickable image with a set border width and color automatically in CSS, so I don't have to have image classes? Preferably something that's NS4/IE4 compatible.

Hmmm. I guess the only possible suggestion I can come up with is to create a class that uses the IMG {border : thin solid #FFCC00; } style. And then, if you've got large chunks of your code that just have thumbnails without other images, you could use the DIV tag before and after those chunks to define everything in there as in that class, using DIV class=classname . Could save a little search and replace time.

But if you've got navigation buttons or other images scattered within the code that has the thumbnails, I guess I've run out of ideas, sorry!