#slider ul, #slider li,
#slider2 ul, #slider2 li{
  margin:0;
  padding:0;
  list-style:none;
}
#slider2{
  margin-top:1em;
}
#slider li, #slider2 li{
/*
  define width and height of list item (slide)
  entire slider area will adjust according to the parameters provided here
*/
  width:940px;
  height:335px;
  overflow:hidden;
}
#prevBtn, #nextBtn{
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  top:50%;
  margin-top:-15px;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}
#prevBtn:hover, #nextBtn:hover{
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
#prevBtn{
  margin-left:40px;
  left:0px;
}
#nextBtn{
  margin-right:40px;
  right:0px;
}
#prevBtn a, #nextBtn a{
  display:block;
  position:relative;
  width:30px;
  height:30px;
  background:url(img/btn_prev.png) no-repeat 0 0;
}
#nextBtn a{
  background:url(img/btn_next.png) no-repeat 0 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;
}