#my-glider { float: left; width: 710px; height: 310px; position: relative; }
#my-glider a { text-decoration: none; }

div.scroller { width: 700px; height: 300px; overflow: hidden; margin: 0; padding: 0; float: left; border: 2px solid #2A0000; }
div.scroller div.section { width: 700px; height: 300px; overflow: hidden; float: left; margin: 0; padding: 0; }
div.scroller div.content { width: 10000px; }

div.prevNext { float: left; width: 74px; height: 28px; }
div.controls { float: left; width: 630px; height: 28px; }

a.prev { position: absolute; top: 2px; right: 8px; display: block; padding: 140px 5px 0 5px; width: 30px; height: 160px; background: url(../images/bg-transparent.png) repeat; font-size: 14px; text-align: center; font-size: 20px; } 
a.prev:hover { color: #FFFFFF; text-decoration: none; }

a.next { position: absolute; top: 2px; left: 2px; display: block; padding: 140px 5px 0 5px; width: 30px; height: 160px; background: url(../images/bg-transparent.png) repeat; font-size: 14px; text-align: center; font-size: 20px; }
a.next:hover { color: #FFFFFF; text-decoration: none; } 

div.controls a { float: left; display: block; padding: 7px 8px 3px; height: 18px; font-size: 12px; margin-right: 1px; background: #2A0000; }
div.controls a:hover { background: #7d0000; text-decoration: none; }