.jbCarouselContainer{position: relative; overflow:hidden;}
.carouselOrderMaintained { overflow: hidden; }
.jbCarousel { display: block; text-decoration: none; position: relative; }
.jbCarousel li{list-style:none;margin:0;padding:0;}

.jbCarousel a.jbCarouselLink{text-decoration:none;}
.jbCarousel a.jbCarouselLink:hover{text-decoration:underline;}

.jbcarouselprev, .jbcarouselnext { cursor: pointer; }

.jbCarousel .dyImg {float:left; padding-top:10px;}
.jbCarousel .wrapdesc {padding-top:13px; float: left;}
.jbCarousel .titlecat {padding-left:5px;}
.jbCarousel .desccat{padding-left:5px;}

.jbCarouselContainer .jbCarouselNav { margin: 0; padding: 0; }
.jbCarouselContainer .jbCarouselNav a { width: 22px;
          height: 36px;
          margin: -20px 0 0;
          display: block;
          position: absolute;
          top: 50%;
          z-index: 10;
          cursor: pointer;
          text-indent: -9999px; }
.jbCarouselContainer .jbCarouselNav .jbcarouselprev { background: url(../images/left.png); left: -30px; }
.jbCarouselContainer .jbCarouselNav .jbcarouselnext { background: url(../images/right.png); right: -30px; }

/* skins */
.plain .jbCarousel .dyImg {float:left; padding-top:10px;}
.plain .jbCarousel .wrapdesc {padding-top:13px;}
.plain .jbCarousel .titlecat {font-size:15px; padding-left:5px;}
.plain .jbCarousel .desccat{padding-left:5px;}

.plainlarge .jbCarousel .dyImg {float:left; padding-top:10px;}
.plainlarge .jbCarousel .wrapdesc {padding-top:13px;}
.plainlarge .jbCarousel .titlecat {font-size:20px; padding-left:5px;}
.plainlarge .jbCarousel .desccat{padding-left:5px;font-size:16px;}

.plainbold .jbCarousel .dyImg {float:left; padding-top:10px;}
.plainbold .jbCarousel .wrapdesc {padding-top:13px;}
.plainbold .jbCarousel .titlecat {font-size:15px; padding-left:5px;font-weight:bold;}
.plainbold .jbCarousel .desccat{padding-left:5px;font-weight:bold;}


@media only screen and (max-width: 960px) {
  .jbCarouselContainer .jbCarouselNav  { display: none; }
}