/* Edit these rules to customize your carousel :)
 * Note: the class name 'carouseljs' is assigned to the DIV element that the script wraps around your supplied UL/OL.
 */

img {
  border:none;
}

.carouseljs {
  width: 858px;
  height: 152px;
  background: transparent url(../images/liBg.gif) repeat-x;
}
.carouseljs p {
  margin: 0;
}
.carouseljs ol {
  width: 858px;
  height: 152px;
}
.carouseljs ol li {
  width: 259px;
  height: 152px;
  font: 11px Arial, Helvetica, sans-serif;
}
.carouseljs ol li * {
  text-align:left;
  text-decoration:none;
}
.carouseljs .cjs-left {
  width: 39px;
  height: 152px;
  cursor: pointer;
  background: white url(../images/left.jpg) no-repeat;
}
.carouseljs .cjs-right {
  width: 39px;
  height: 152px;
  cursor: pointer;
  background: white url(../images/right.jpg) no-repeat;
}
.carouseljs .cjs-disabled {
  /*background: none;
  cursor: default;*/
}


.carouseljs td {
  vertical-align:top;
}

.carouseljs img.prodName {
  margin-top:30px;
  margin-bottom:10px;
}
/* Only edit these rules if you know what you're doing */

.carouseljs {
  overflow: hidden;
  position: relative;
}

.carouseljs a.cjs-left,
.carouseljs a.cjs-right {
  float: left;
  overflow: hidden;
  text-indent: -9999em;
}

.carouseljs ol,
.carouseljs ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

.carouseljs ol li,
.carouseljs ul li {
  float: left;
  display: inline;
}