/*~~ SLIDER CSS ~~ */

.container { width:984px; height:332px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:984px; display:none; padding:0; margin:0; }

/** Optional */
#loopedSlider,#newsSlider { margin:0 auto; width:984px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

.previous { width:55px; height:92px; background:url(../images/arrow_leftslider.png) no-repeat -3px -2px; cursor:pointer; margin-top:121px; z-index: 999px; position: absolute; left:0px; top: 0px; }
.previous:hover { width:55px; height:92px; background:url(../images/arrow_leftslider_ho.png) no-repeat -3px -2px; cursor:pointer; margin-top:121px; z-index: 999px; position: absolute; left:0px; top: 0px; }
.next { width:55px; height:92px; background:url(../images/arrow_leftslider.png) no-repeat -61px -2px; cursor:pointer; margin-top:121px; z-index: 999px; position: absolute; right:-10px; top:0px;}
.next:hover { width:55px; height:92px; background:url(../images/arrow_leftslider_ho.png) no-repeat -61px -2px; cursor:pointer; margin-top:121px; z-index: 999px; position: absolute; right:-10px; top: 0px;}