/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;
margin: 0px 0px 0px 00px; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none;
float:left;
} 
.stripViewer ul li {float:left; width:994px; height:272px;} 
.stripTransmitter {overflow:hidden; margin:-44px 0px 0px 0px; position:absolute; z-index:500; padding-left:41px; float:left; width:200px !important;} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none;
float:left;
width:200px;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 8px 8px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 18px; 
background: #4175a2; 
color: #fff; 
text-decoration: none; 
display: block;
border:1px solid #6288aa;
} 
.stripTransmitter a:hover, a.current{ 
background: #084b7f; 
color: #fff; 
} 
.stripTransmitter span{color:#FFFFFF; float:left; display:block; width:150px; margin:0px 0px 0px 0px;}
/*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; 
} 
.stripViewer ul li.scroller1{background:url(images/scroller1.png) top left no-repeat !important; float:left; height:272px;}
.scroller2{background:url(images/scroller2.png) top left no-repeat; float:left; height:272px;}
.scroller3{background:url(images/scroller3.png) top left no-repeat; float:left; height:272px;}
.scroller4{background:url(images/scroller4.png) top left no-repeat !important; float:left; height:272px;}