#slider {
	width: 668px;
	height: 373px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#slider .svw {width: 50px; height: 20px; background: #fff;}
#slider .svw ul{
position: relative; 
left: -999em;}
#slider .stripViewer { /* this is the DIV container for your UL of images */
width: 668px;
height: 373px;
position: relative;
overflow: hidden; 
border:0; /* this is the border. should have the same value for the links */
margin: 0 0 0 0;
}
#slider .stripViewer ul { /* this is your UL of images */
position: relative;
left:0;
top:0;
width: 1%;
list-style-type: none;
padding: 0px;
margin: 0px;
z-index: 1;
}
#slider .stripViewer ul li { /* each image is arranged horizontally */
float:left;
padding: 0px;
margin: 0px;
}
#slider .stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: visible;
width: 1%;
}
#slider .stripTransmitter ul { /* the auto-generated set of links */
position: absolute;
list-style-type: none;	
padding: 0px;
margin: 0 0 0 25px;
top:353px;
z-index: 2;
}
#slider .stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
#slider .stripTransmitter a{ /* the links. */
font: bold 10px Arial;
text-align: center;
line-height: 20px;
color: #fff;
text-decoration: none;
display: block;
}
#slider .stripTransmitter a:hover { /* hover */
color: #000;
}
#slider .stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #3c3130;
color: #fff;
}
#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;}