/* loop Slider CSS */
/*
 * Required
*/
.container { width:700px; height:380px; overflow:hidden; position:relative; border: 0px rgb(202,202,202) solid; }
.slides { position:absolute; top:0; left:0; }
.slides div.slide { position:absolute; top:0; width:700px; display:none; text-align: center; }

div.slide ul {
  width: 410px;
  list-style: circle;
  display: block;
  float: left;
  text-align: left;
  margin:50px 0 0 250px;
  line-height: 1.6em;
}

.slides div.slide a {
  display: block;
  margin: 20px auto;
  width: 400px;
}

.slides div.slide a img {
  width: 400px;
  height: 300px;
  border: none;
}

.next {
  width: 29px;
  height: 34px;
  background-image: url(../images/right_arow.png);
  background-repeat: no-repeat;
  background-position: 0 -36px;
  background-color: rgb(255,208,0);
  cursor: pointer;
  position: absolute;
  top: 45%;
  right: -50px;
}

.previous {
  width: 29px;
  height: 34px;
  background-image: url(../images/left_arow.png);
  background-repeat: no-repeat;
  background-position: 0 -36px;
  background-color: rgb(255,208,0);
  cursor: pointer;
  position: absolute;
  top: 45%;
  left: -50px;
}

.next:hover {
  background-position: 0 0px;
  cursor: pointer;
}

.previous:hover {
  background-position: 0 0px;
  cursor: pointer;
}

/*
 * Optional
*/
#loopedSlider,#newsSlider { margin-left: 40px; width:700px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }