/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	width: 365px;
	height: 220px;
	/* border: 1px solid green; */

}

.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;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 183px;
	height: 200px;
}

/**
 * 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;
	cursor: pointer;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
	cursor: pointer;
}

#prodCar {
	width: 365px;
	overflow: hidden;
	position: absolute;
	left: 50px;
	top: 50px;
	/* border: 1px solid red; */
	
}

.jcarousel-prev, .jcarousel-next {
	top: 190px !important;
	top: 185px;
	z-index: 100;
}

.jcarousel-prev {
	background: url('/img/global/scroll-Left.gif') top left no-repeat;
	position: absolute;
	left: 282px;
}

.jcarousel-next {
	background: url('/img/global/scroll-Right.gif') top left no-repeat;
	position: absolute;
	left: 320px;
}

.jcarousel-prev, .jcarousel-next {
	width: 36px;
	height: 12px;
}