#slider {
  position: relative;
  margin:20px 0;
  width: 102%;
}
#wrapper {
  width: 100%;
  left: 5%;
  overflow: hidden;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}
#carousel li {
  margin: 10px 5px;
  border: none;
  display: block;
  float: left;
}
#carousel li img {
  width: 100%;
  height: auto;
}
#prev, #next {
  position: absolute;
  top: 0;
  background: center center no-repeat #ddd;
  width: 5%;
}
#prev:hover, #next:hover {
  background-color: #ccc;
}
#prev {
  background-image: url( ../images/arrow-left.png );
  left: 0;
}
#next {
  background-image: url( ../images/arrow-right.png );
  right: 0;
}

#pager1 a {
   background: url(../images/bullets.png) 0 2px no-repeat transparent;
   background-size:50%;
   width: 22px;
   height: 10px;
   margin: 0 5px 0 0;
   display: inline-block;
}
#pager1 a.selected {
   background-position: 0 -7px;
   cursor: default;
}
#pager1 a span { display: none; }