#scrollerota {
width: 500px;
height: 333px;
overflow: hidden;
position: relative;
}
 
#scrollerota ul.text {
list-style: none;
width: 200px;
background: url(../scroll/pixel.png);
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
color: #009EE0;
font-size: 27px;
font-family: Arial Black;
line-height: 20px;
}
 
#scrollerota ul.text li {
overflow: hidden;
}
 
#scrollerota a.readmore {
padding: 5px 0;
text-align: justify;
color: #FFFFFF;
clear: both;
display: block;
width: 80px;
margin-top: 16px;
text-decoration: none;
font-size: 16px;
line-height: 17px;
}
 
#scrollerota a:hover.readmore {
background: #888888;
border: 1px solid #999999;
text-decoration: none;
}
 
#scrollerota ul.images {
list-style: none;
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
}
 
#scrollerota ul.images li {
float: left;
}
 
#scrollerota .controls {
position: absolute;
bottom: 10px;
left: 10px;
}
 
#scrollerota .controls a {
width: 22px;
height: 22px;
display: block;
float: left;
background: url(../scroll/controls.png) no-repeat;
}
 
#scrollerota .controls .prev {
background-position: 0 -22px;
}
 
#scrollerota .controls .next {
background-position: -23px -22px;
}
 
#scrollerota .controls .play {
background-position: -23px 0;
display: none;
}