CSS Style of "Simple Controls Gallery" to be imported in .js file

[rumen]

1) Script Title:
Simple Controls Gallery v1.4

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm


3) Describe problem:

Hi,
I'm using Joomla 1,5 and I have so much problems with CSS styles (this is not the first problem with CSS).
So, the style for this Gallery works only half of code:

This works OK:

#category1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

This doesn't works and the text is without style

#category1. gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: right;
padding: 5px 10px;
}


How I can input CSS style in this function for format of text:


window.onload = function() {
{if( document.getElementById( 'category1' )) {
var mygallery=new simpleGallery({
wrapperid: "category1", //ID of main gallery container,
..............
};

or in other simplegallery.js.


Thanks