/*preload classes*/
.svw {width: 50px; height: 20px; background: transparent;border: 1px solid #2b4d59;}
.svw ul {position: relative; left: -999em;}
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 1px solid #2b4d59;
margin: 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; 
}
.stripViewer ul li img {
    width:  550px;  
    border: 0;
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
float: right;
} 
.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: #000; 
color: #2b4d59; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #2b4d59; 
color: #ccc; 
} 
 
/*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; 
}

/*prev-next*/
.stripViewer .slider_image_prev, .stripViewer .slider_image_next {
    z-index          : 105;
    outline          : none;
    position         : absolute;
    top              : 0;
    height           : 100%;
    width            : 40%;
    cursor           : pointer;
    text-indent      : -9999em;
    background-image : url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

.stripViewer .slider_image_prev, .stripViewer .slider_image_next {
    height : 60%;
    width  : 20%;
}

.stripViewer .slider_image_prev {
    left: 0;
}

.stripViewer .slider_image_prev:hover {
    background: url(/img/nyromodal/prev.png) left 20% no-repeat;
}

.stripViewer .slider_image_next {
    right: 0;
}

.stripViewer .slider_image_next:hover {
    background: url(/img/nyromodal/next.png) right 20% no-repeat;
}