/* Easy Slider */

#slider ul, #slider li {
  margin:0;
  padding:0;
  list-style:none;
}

#slider li {
  /* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
  */ 
  width:750px;
  height:325px;
  overflow:hidden;
}

#prevBtn, #nextBtn {
  display:block;
  width:25px;
  height:325px;
  position:absolute;
  top:0px;
  z-index:1000;
}

#prevBtn {
left:-25px;
}

#nextBtn{
left:750px;
}

#prevBtn a, #nextBtn a {
display:block;
position:relative;
width:25px;
height:325px;
}

#prevBtn a {
background:url(btnBarra.png) no-repeat 0 0;
}
#prevBtn a:hover {
background:url(btnBarra.png) no-repeat -25px 0;
}
#nextBtn a {
background:url(btnBarra.png) no-repeat -75px 0;
}
#nextBtn a:hover {
background:url(btnBarra.png) no-repeat -50px 0;
}

/* numeric controls */  

ol#controls{
  margin:1em 0;
  padding:0;
  height:28px;  
  }
ol#controls li{
  margin:0 10px 0 0; 
  padding:0;
  float:left;
  list-style:none;
  height:28px;
  line-height:28px;
  }
ol#controls li a{
  float:left;
  height:28px;
  line-height:28px;
  border:1px solid #ccc;
  background:#DAF3F8;
  color:#555;
  padding:0 10px;
  text-decoration:none;
  }
ol#controls li.current a{
  background:#5DC9E1;
  color:#fff;
  }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */