slideViewer's basic CSS:



/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;} 

/*core classes*/
.stripViewer {
position: relative; 
overflow: hidden;
border: 2px solid #638f02;
margin: 150 0 1px 0;
}

.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}

.stripViewer ul li {
float:left;

}
.stripTransmitter {
overflow: auto;
width: 1%;
}

.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}

.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}

.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}

.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
} 


/*tooltips formatting*/
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
border: 5px solid #dedede;
}

#tooltip h3 {
font: normal 10px Verdana;
margin: 0;
padding: 6px 2px;
border: 0;
}