Borders on Gallery Thumbnails and Images

LandscapesforU

I already have SmugMug site for my photography at http://www.gordon-c-harrison.co.uk/Galleries/Landscapes/ where I successfully used CSS to put borders round the thumbnails and gallery images.

I assumed all I needed to do was to copy this css to make it work on my new Smugmug site for picture framing at http://www.pictureframingforyou.scot/Framed-Artworks/

Despite the css being identical and in both cases and that I'm using the Smugmug gallery design by default the css on my picture framing website is not working at all. I have struggled to find a solution over the last few days but to no avail. I'd be grateful for any suggestions about how to make my css work on the the picture framing website.

Here is the css I'm using on both sites:

.sm-tile-keywords {display:none;}

.sm-lightbox-keywords {
display: none;
}

/* Add 1 pixel border around the thumbnails and photos */
.sm-user-ui .sm-gallery-smugmug .sm-image {
border: 1px solid #faf8f5;
padding: 0px;
}

/* Set the overflow of the images to be visible so the border actually displays properly */
.sm-user-ui .sm-gallery-smugmug .sm-tile-content {
position: relative;
display: block;
overflow: visible;
}

LandscapesforU

Well, this is weird! I changed the theme colours for my picture framing gallery and suddenly the css started to work. That doesn't make sense to me but if anyone has any ideas I'd be glad to hear them!