/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} /*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 1px solid #868889; margin: 0 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: 10px auto; width: 210px; 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; height: 17px; width: 18px; line-height: 15px; background: url('/images/number_bg.png'); color: #868889; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: url('/images/number_bg_on.png');  color: #868889; } /*tooltips formatting*/ 

.stripTransmitter a.prevButton{ font: bold 10px Verdana, Arial; text-align: center; height: 17px; width: 18px; line-height: 15px; background: url('/images/prevButton_bg.png'); color: #ccc; text-decoration: none; display: block; } 
.stripTransmitter a.nextButton{ font: bold 10px Verdana, Arial; text-align: center; height: 17px; width: 18px; line-height: 15px; background: url('/images/nextButton_bg.png'); color: #ccc; text-decoration: none; display: block; } 


.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }