.mod_htmlslider {
  position: relative;
}
.mod_htmlslider .slides-content {
  position: relative;
}
.mod_htmlslider .prev-slide,
.mod_htmlslider .next-slide {
  position: absolute;
  display: block;
  cursor: pointer;
}
.mod_htmlslider.loading {
  display: none;
}
.mod_htmlslider div.thumbs {
  position: relative;
  padding: 3px 0px;
  width: 100%;
}
.mod_htmlslider ul {
  position: relative;
}
.mod_htmlslider ul,
.mod_htmlslider li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.mod_htmlslider li {
  float: left;
}
.mod_htmlslider li div {
  border: 1px solid silver;
  padding: 1px;
  margin: 0 3px;
}
.mod_htmlslider li img {
  cursor: pointer;
}
.mod_htmlslider li.active div {
  border-color: black;
}
.mod_htmlslider div.thumbsContainer {
  overflow: hidden;
  margin: 0 20px;
}
.mod_htmlslider div.thumbBtnRgt {
  width: 18px;
  background: transparent url("../images/arrow-right.png") center center no-repeat;
  cursor: pointer;
  border: 1px solid silver;
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 0px;
}
.mod_htmlslider div.thumbBtnLft {
  width: 18px;
  background: transparent url("../images/arrow-left.png") center center no-repeat;
  cursor: pointer;
  border: 1px solid silver;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0px;
}