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

#slider img,
#slider-nav img {
  border:0;
}

#slider-area {
  margin: 0 auto 15px;
  overflow: hidden;
  width: 300px;
}

#slider {
  /*position: relative;*/
  height: 85px;
  overflow: hidden;
  width: 300px;
}

#slider ul {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

#slider ul li {
  height: 100%;
  float: left;
  clear: none;
}

#slider ul li img {
  /*width:645px;
  height:185px;*/
  width:100%;
  vertical-align: bottom;
}

#slider ul li a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

#slider-nav {
  position: relative;
  width:300px;
  overflow: hidden;
}

#slider-nav ul {
  position: relative;
  left: 50%;
  padding-top:2px;
  float: left;
}

#slider-nav ul li {
  position: relative;
  left: -50%;
  float: left;
  /*margin:0 2px 0 0;*/
  margin:0;

}

#slider-nav ul li {
  padding: 0;
  padding-top: 5px;
}

#slider-nav ul li.slider-nav-active {
  background: url('arr_active.gif') no-repeat top center;
  background-size: 11px auto;
}

#slider-nav ul li span {
  border: none;
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  border: 2px solid #fff;
}

#slider-nav ul li.slider-nav-active span img {
  /*margin: -2px;*/
}

#slider-nav ul li.slider-nav-active span {
  border: 2px solid #e60012;
}

#slider-nav ul li img {
  width:70px;
  height:19px;
  vertical-align: bottom;
}

.slider-arrow {
  position: absolute;
  top:9px;
  display: block;
  background-image: url('arr.gif');
  background-size: 30px auto;
  width: 15px;
  height: 21px;
}

.slider-arrow--right {
  right: 0px;
  background-position: -15px 0px;
}

.slider-arrow--left {
  left: 0px;
  background-position: 0px 0px;
}

