#carousel{}
#carousel .boxtop{background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_top.gif) no-repeat; width:980px; height:6px;}
#carousel .boxmiddle{background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tile.gif) repeat-y; width:980px;}
#carousel .boxbottom{background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_bottom.gif) no-repeat; width:980px; height:6px;}

/* No Carousel */
#myitemlist {width: 870px;padding: 0px 40px; margin:0 auto; height: 70px;}
#myitemlist li {list-style-type:none; background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tall_white.gif) no-repeat; width: 210px; height: 70px; text-align:center; float:left;}
#myitemlist li a{display:block; width: 210px; height: 69px; padding-top:1px;}
#myitemlist li a:hover{background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tall_yellow.gif) no-repeat;}

.items1 li{margin-left:330px;}
.items2 li{margin-left:140px;}
.items3 li{margin-left:60px;}
.items4 li{margin-left:7px;}

/** Large carousel **/
.jcarousel-skin-large .jcarousel-container {}
.jcarousel-skin-large .jcarousel-container-horizontal {width: 870px;padding: 4px 40px; margin:0 auto;}
.jcarousel-skin-large .jcarousel-clip-horizontal { width:  870px; height: 70px;}
.jcarousel-skin-large .jcarousel-item {background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tall_white.gif) no-repeat; width: 210px; height: 70px; text-align:center;}
.jcarousel-skin-large .jcarousel-item a{display:block; width: 210px; height: 69px; padding-top:1px;}
.jcarousel-skin-large .jcarousel-item a:hover{background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tall_yellow.gif) no-repeat;}
.jcarousel-skin-large .jcarousel-item-horizontal { margin-right: 10px;}

.jcarousel-skin-large .jcarousel-item-placeholder { background: #fff; color: #000;}

/* Horizontal Buttons */
.jcarousel-skin-large .jcarousel-next-horizontal { position: absolute; top: 4px; right: 0px; width: 30px; height: 70px; cursor: pointer; background: transparent url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tall_btn_right.gif) no-repeat 0 0;}
.jcarousel-skin-large .jcarousel-next-horizontal:hover, .jcarousel-skin-large .jcarousel-next-horizontal.over { background-position: 0 -70px;}
.jcarousel-skin-large .jcarousel-next-horizontal:active, .jcarousel-skin-large .jcarousel-next-horizontal.click { background-position: 0 -140px;}

.jcarousel-skin-large .jcarousel-prev-horizontal{ position: absolute; top: 4px;left: 0px;width: 30px;height: 70px;cursor: pointer;background: transparent url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_tall_btn_left.gif) no-repeat 0 0;}
.jcarousel-skin-large .jcarousel-prev-horizontal:hover, .jcarousel-skin-large .jcarousel-prev-horizontal.over {background-position: 0 -70px;}
.jcarousel-skin-large .jcarousel-prev-horizontal:active, .jcarousel-skin-large .jcarousel-prev-horizontal.click {background-position: 0 -140px;}


/** Small carousel **/
.jcarousel-skin-small .jcarousel-container {}
.jcarousel-skin-small .jcarousel-container-horizontal {width: 870px;padding: 4px 40px; margin:0 auto;}
.jcarousel-skin-small .jcarousel-clip-horizontal { width:  870px; height: 70px;}
.jcarousel-skin-small .jcarousel-item {background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_sm_white.gif) no-repeat; width: 100px; height: 60px; text-align:center;}
.jcarousel-skin-small .jcarousel-item a{display:block; width: 100px; height: 55px; padding-top:5px;}
.jcarousel-skin-small .jcarousel-item a:hover{background:url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_sm_yellow.gif) no-repeat;}
.jcarousel-skin-small .jcarousel-item-horizontal { margin-right: 10px; margin-top:5px;}
.jcarousel-skin-small .jcarousel-item-placeholder { background: #fff; color: #000;}

/* Horizontal Buttons */
.jcarousel-skin-small .jcarousel-next-horizontal { position: absolute; top: 9px; right: 0px; width: 30px; height: 60px; cursor: pointer; background: transparent url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_sm_arrow_right.gif) no-repeat 0 0;}
.jcarousel-skin-small .jcarousel-next-horizontal:hover, .jcarousel-skin-small .jcarousel-next-horizontal.over { background-position: 0 -60px;}
.jcarousel-skin-small .jcarousel-next-horizontal:active, .jcarousel-skin-small .jcarousel-next-horizontal.click { background-position: 0 -120px;}

.jcarousel-skin-small .jcarousel-prev-horizontal{ position: absolute; top: 9px;left: 0px;width: 30px;height: 60px;cursor: pointer;background: transparent url(http://images.chocolatecortes.com.s3.amazonaws.com/carousel_sm_arrow_left.gif) no-repeat 0 0;}
.jcarousel-skin-small .jcarousel-prev-horizontal:hover, .jcarousel-skin-small .jcarousel-prev-horizontal.over {background-position: 0 -60px;}
.jcarousel-skin-small .jcarousel-prev-horizontal:active, .jcarousel-skin-small .jcarousel-prev-horizontal.click {background-position: 0 -120px;}

/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0;overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li,.jcarousel-item { float: left; list-style: none; width: 75px; height: 75px;}

/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}






















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */