/* Active / unactive elements */

.jcarousel-wrapper .caption-static.active,
.jcarousel-wrapper .jcarousel-control-prev.active,
.jcarousel-wrapper .jcarousel-control-next.active,
.jcarousel-wrapper .jcarousel-pagination.active,
.jcarousel-wrapper .navigation.active,
.jcarousel-wrapper .navigation .prev-navigation.active,
.jcarousel-wrapper .navigation .next-navigation.active {
  display: block;
}
/** Carousel **/

.jcarousel-wrapper {
  margin: 0 auto;
  position: relative;
}
.jcarousel-wrapper .jcarousel {
  position: relative;
  overflow: hidden;
  width: 710px;
  height: 440px;
}
.jcarousel-wrapper .jcarousel ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 20000em;
}
.jcarousel-wrapper .jcarousel li {
  float: left;
  position: relative;
}
/*If you need a margin in the item... this is the class*/

.jcarousel-wrapper .jcarousel li  .jcarousel-item-wrapper {
  position: relative;
  height: 440px;
}
/*Is for responsive img*/

.jcarousel.carousel-stage img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto !important;
}
/** Thumbnail CAROUSEL **/

.jcarousel-wrapper .navigation {
  position: relative;
}
.jcarousel-wrapper .navigation .carousel-navigation {
  background: white;
  height: 100px;
  width: 100%;
  padding-bottom: 15px;
}
.jcarousel-wrapper .navigation .carousel-navigation li {
  cursor: pointer;
}
/** Navigation Thumbnail carousel controls **/

.jcarousel-wrapper .navigation .prev-navigation,
.jcarousel-wrapper .navigation .next-navigation {
  top: 40px;
  width: 34px;
  height: 36px;
  text-align: center;
  background: url('/V5Images/GalleryLightbox/arrowsGallery.png') no-repeat 0 0;
  color: white;
  text-decoration: none;
  text-indent: -3000px;
  position: absolute;
  z-index: 2;
}
.jcarousel-wrapper .navigation .prev-navigation.inactive,
.jcarousel-wrapper .navigation .next-navigation.inactive {
  cursor: default;
}
.prev-navigation {
  background-position: 0px -36px !important;
}
.next-navigation {
  right: 0;
}
.inactive {
  opacity: 0.5;
}
.wrapperPrev,
.wrapperNext {
  width: 34px;
  height: 100px;
  position: absolute;
  background: white;
  z-index: 2;
  margin-top:5px;
}
.wrapperNext {
  right: 0;
}
.wrapperPrev {
  display: none;
}