/**
 * A simple sample carousel skin.
 *
 * This skin includes a sample arrows.svg file that may be edited with the free
 * illustration application InkScape (http://inkscape.org).
 *
 * CSS and icons by Nathan Haug.
 */
.jcarousel-wrapper.jcarousel-skin-default {
  margin: 20px auto;
  position: relative;
  border: 10px solid #fff;
  /*
  (4 * width: 150px) + (3 * margin-right: 1px) = 603px
  */
  width: 603px;
  max-width: 95%;
  height: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
}

.jcarousel-wrapper.jcarousel-skin-default.jcarousel-vertical {
  height: 404px;
  width: 150px;
  margin: 50px auto;
}

/* Sizes */
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-1 {
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-2 {
  width: 301px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-3 {
  width: 452px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
  width: 603px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-5 {
  width: 754px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-6 {
  width: 905px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-7 {
  width: 1056px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-8 {
  width: 1207px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-9 {
  width: 1358px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-10 {
  width: 1509px;
}


.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-1.jcarousel-vertical {
  height: 100px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-2.jcarousel-vertical {
  height: 201px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-3.jcarousel-vertical {
  height: 302px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4.jcarousel-vertical {
  height: 403px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-5.jcarousel-vertical {
  height: 504px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-6.jcarousel-vertical {
  height: 605px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-7.jcarousel-vertical {
  height: 706px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-8.jcarousel-vertical {
  height: 807px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-9.jcarousel-vertical {
  height: 908px;
  width: 150px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-10.jcarousel-vertical {
  height: 1009px;
  width: 150px;
}

/** Carousel **/

.jcarousel-skin-default .jcarousel {
  position: relative;
  overflow: hidden;
  height: inherit;
}

.jcarousel-skin-default .jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jcarousel-skin-default .jcarousel li {
  float: left;
  width: 150px;
  height: 100px;
  margin-right: 1px;
}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-vertical .jcarousel li {
  float: none;
  margin-bottom: 1px;
}

.jcarousel-skin-default .jcarousel img {
  display: block;
  max-width: 100%;
  height: auto !important;
  /*max-height: 100px;*/
}

.jcarousel-skin-default .jcarousel .loading {
  text-align: center;
  line-height: 90px; /* Fake vertical aligning */
}

/** Carousel Controls **/

.jcarousel-skin-default .jcarousel-control-prev,
.jcarousel-skin-default .jcarousel-control-next {
  position: absolute;
  top: 35px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #4E443C;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 1px #000;
  font: 24px/27px Arial, sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
}

.jcarousel-skin-default .jcarousel-control-prev {
  left: -50px;
}
.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-prev {
  left: 60px;
  top: -50px;
}

.jcarousel-skin-default .jcarousel-control-next {
  right: -50px;
}

.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  right: 60px;
  top: 420px;
}

.jcarousel-visible-1.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 120px;
}
.jcarousel-visible-2.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 220px;
}
.jcarousel-visible-3.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 323px;
}
.jcarousel-visible-4.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 422px;
}
.jcarousel-visible-5.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 525px;
}
.jcarousel-visible-6.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 624px;
}
.jcarousel-visible-7.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 725px;
}
.jcarousel-visible-8.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 826px;
}
.jcarousel-visible-9.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 927px;
}
.jcarousel-visible-10.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next {
  top: 1028px;
}

.jcarousel-skin-default .jcarousel-control-prev:after {
  content: '\2039';
}
.jcarousel-skin-default a.jcarousel-control-prev:focus,
.jcarousel-skin-default a.jcarousel-control-prev:active,
.jcarousel-skin-default a.jcarousel-control-prev:hover {
  text-decoration: none;
}
.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-prev:after {
  /*CSS 3*/
  transform: rotate(90deg);
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
}

.jcarousel-skin-default .jcarousel-control-next:after {
  content: '\203A';
}
.jcarousel-skin-default a.jcarousel-control-next:focus,
.jcarousel-skin-default a.jcarousel-control-next:active,
.jcarousel-skin-default a.jcarousel-control-next:hover {
  text-decoration: none;
}
.jcarousel-skin-default.jcarousel-vertical .jcarousel-control-next:after {
  /*CSS 3*/
  transform: rotate(90deg);
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
}

.jcarousel-skin-default .jcarousel-control-prev:hover span,
.jcarousel-skin-default .jcarousel-control-next:hover span {
  display: block;
}

.jcarousel-skin-default .jcarousel-control-prev.inactive,
.jcarousel-skin-default .jcarousel-control-next.inactive {
  opacity: .5;
  cursor: default;
}