creating an outline around specific images using css

Hi there,
I am building a website that will include a catalogue. I would like the pictures that i put in to get an automatic black outline. So I set it up to do that:

div.catalogue_pic img{
BORDER-BOTTOM: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;

However, i also have some images that I don't want outlined so I need to set up some subclass catagories for this i guess.
I tried this:

div.catalogue_pic img.set1{
BORDER-BOTTOM: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;

HTML:

<div class="catalogue_pic"><img src="images/empresstop_flat.gif" width="200" height="215" class="set1">
<p><strong>Empress Top</strong></p>
</div>

But it didnt' work

any suggestions?

I know there must be a fairly simple way to do it, but i'm just not quite getting it.

Thanks!!!

CSS

.outline {border: 1px solid black;}

HTML

<img class="outline" src="...

cheers,

gary

Thanks so much, that did the trick!!!!!