/* slideViewer 1.0 default styles */
.viewerContainer {
	float: right;
	margin: 0px 0px 0px 30px;
	width: 382px;
	height: 280px;
	background: url('/images/icons/ajax-loader.gif') no-repeat center center;
	
}
.viewerLeft {
        float: left;
        margin: 0px 0px 50px;
        width: 220px;
        height: 130px;

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

.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 1px solid #3995e8; /* this is the border. should have the same value for the links */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #1a65a9;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #ffe01d;
color: #00539f;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #bad7f1;
color: #00539f;
}
/* end slideViewer default styles */