/**
style css slider
**/

* {
margin:0; 
padding:0
}

p 
{
line-height:1.4; margin-bottom:12px
}

#wrapper 
{
width:673px;
margin:10px auto
}
 
#container 
{
position:relative; 
padding:0px; 
height:235px; 
}

.sliderbutton
 {
 float:left; 
 width:25px;
 height:235px; 
 cursor:pointer
 }
 
#slideleft
 {
 background:url(images/icons.png) -50px -265px no-repeat;
 }
 
#slideleft:hover 
{
background-position:-0 -265px
}

#slideright 
{
background:url(images/icons.png) 0 90px no-repeat;
}

#slideright:hover 
{
background-position:-50px 90px;
}

#slider 
{
float:left;
position:relative; 
overflow:hidden; 
width:558px; 
height:235px;
border: 5px solid #c7c3c4;
border-radius:14px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
}
 
#slider ul 
{
position:absolute;
list-style:none;
top:0; 
left:0;
}
 
#slider li 
{
float:left;
width:558px;
height:235px;
}
 
.pagination 
{
position:absolute;
top:40px;
right:61px; 
list-style:none; 
height:25px;
}
.pagination li
 {
 float:left;
 cursor:pointer;
 height:8px; 
 width:8px;
 background:transparent;
 margin:0 4px 0 0; 
 }
.pagination li:hover, li.current {}