.slidetabs-l, .slidetabs-r {
display:block;
height:26px;
float: left;
width:13px;
}
.slidetabs-l a, .slidetabs-r a {
display: block; overflow:hidden; border: none; outline: 0; width:13px; height:26px;
}

#prevButton {  background-image: url( '../images/sliderNavBgLeft.png' );}
#nextButton {  background-image: url( '../images/sliderNavBgRight.png' ); }

.nav-pause-button{
float: left;
width: 28px; height: 28px;
}
.nav-pause-button a {
display: block; overflow:hidden; border: none; outline: 0; width: 28px; height: 28px; float: left; text-align: center;
}
#pauseButton.playing {  background-image: url( '../images/buttonpause.png' ); }
#pauseButton.paused { background-image: url( '../images/buttonplay.png' ); }




div.fadenav_outer { position: absolute; bottom: 35px; left: 250px;  text-align: center; top: 320px; }

div.fadenav {float: left; background: #c40000; padding-top: 6px; height: 20px;}
div.fadenav a { display: block; background: url(../images/sliderDot.png); width: 14px; height: 14px; margin: 0 4px 0 4px; float: left; overflow: hidden; }
div.fadenav a:hover {  background: url(../images/sliderDotHover.png);}
div.fadenav a.current { background: url(../images/sliderDotHover.png);}



.slide:hover .pause-button-info{
position: absolute; top: 35px; right: 10px; 
width: 110px;
height: 77px;
background: url(../images/pause-button-info.png);
}