/* CSS FOR CAROUSEL MEN */

.infiniteCarouselmen {
  width: 650px;
  position: relative;
  float : left;
}

.infiniteCarouselmen .wrapper {
  width: 619px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 230px;
  margin: 0 20px 0 20px;
  position: absolute;
  top: 0;
  /*left : 70px;*/
}

.infiniteCarouselmen ul a img {
  border: 5px solid #000;
}

.infiniteCarouselmen .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarouselmen ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 180px;
  width: 100px;
}

.infiniteCarouselmen ul li a img {
  display:block;
}

.infiniteCarouselmen .arrow {
  display: block;
  height: 142px;
  width: 17px;
  background: url(images/carouselmen.jpg) #000000 no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.infiniteCarouselmen .forward {
  background-position: 0 0;
  right: -10px;
}

.infiniteCarouselmen .back {
  background-position: 0 -142px;
  left: 4px;
}


/* CSS FOR CAROUSEL WOMEN */

.infiniteCarouselwomen {
  width:650px;
  position: relative;
  float : left;
}

.infiniteCarouselwomen .wrapper {
  width: 619px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 230px;
  margin: 0 20px;
  position: absolute;
  top: 0;
  /*left : 70px;*/
}

.infiniteCarouselwomen ul a img {
  border: 5px solid #000;
}

.infiniteCarouselwomen .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarouselwomen ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 180px;
  width: 100px;
}

.infiniteCarouselwomen ul li a img {
  display:block;
}

.infiniteCarouselwomen .arrow {
  display: block;
  height: 142px;
  width: 17px;
  background: url(images/carouselmen.jpg) #000000 no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

.infiniteCarouselwomen .forward {
  background-position: 0 0;
  right: -10px;
}

.infiniteCarouselwomen .back {
  background-position: 0 -142px;
  left: 4px;
}

/* CSS FOR CAROUSEL BASSULA ACCESOIRES */

.infiniteCarouselselect {
  width: 350px;
  position: relative;
}

.infiniteCarouselselect .wrapper {
  width: 330px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 150px;
  margin: 0 40px;
  position: absolute;
  top: 0;
  left : 60px;
}

.infiniteCarouselselect ul a img {
  border: 5px solid #000;
}

.infiniteCarouselselect .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarouselselect ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 120px;
  width: 62px;
}

.infiniteCarouselselect ul li a img {
  display:block;
}

.infiniteCarouselselect .arrow {
  display: block;
  height: 17px;
  width: 17px;
  background: url(images/carouselselect.jpg) #000000 no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 59px;
  cursor: pointer;
}

.infiniteCarouselselect .forward {
  background-position: 0 0;
  right: 270px;
}

.infiniteCarouselselect .back {
  background-position: 0 -17px;
  left: 30px;
}