﻿.Rotator_Paging { position:relative; }
.Rotator_Paging #NavWrapper:after
 {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.Rotator_Paging .items { padding:0; margin:0; overflow: hidden}

.Rotator_Paging .Controls {height:45px; z-index: 1000; position: absolute; top: 25px; left: 0; 
    margin: 0; padding: 2px; width: 135px; background-color:#fff; border: solid 1px #eee;cursor:pointer;}
.Rotator_Paging .Control {height:45px;width:45px;display:block;float:left;}
.Rotator_Paging .Pause {}
.Rotator_Paging .Controls .Prev
{
	background: url('images/previous.gif') no-repeat center;
}
.Rotator_Paging .Controls .Next
{
	background: url('images/next.gif') no-repeat center;
}
.Rotator_Paging #NavWrapper
{
    
    width:300px;
    z-index: 999;
    }
.Rotator_Paging .nav
{
    display:block;
    width: 100%;   
}
.Rotator_Paging .nav .item
{
    border: 1px solid #999;
    display: block;
    background: #eeeeee url('images/rt.gif') center no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    padding: 4px;
    margin: 0 5px;
}
.Rotator_Paging .nav .item.activeSlide,
.Rotator_Paging .nav .item:hover 
{
    background: #ffffff url('images/action_up.gif') center no-repeat;
}
.Rotator_Paging .Button span
{
    display:none;
}

.Rotator_Paging .Button 
{
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    float:left;
}
.Rotator_Paging .Button.Next
{    
    background: url('images/Arrows.png') no-repeat;  
}

.Rotator_Paging .Button.Prev
{
    background: url('images/Arrows.png') no-repeat;
    background-position: -24px 0px;
}



