/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	padding:20px 0 0 20px;
	background:url(images/bgPhotogallery.jpg) top left no-repeat;
}

.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: 90px;
    height: 80px;
}
.jcarousel-item .prodotto{
border:1px solid #d9d9d9;
margin:0 8px 8px 0;
width:110px;
height:73px;
overflow:hidden
}
/**
 * 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;
}

.jcarousel-skin .jcarousel-container-horizontal { width: 380px; height: 350px;}
		.jcarousel-skin .jcarousel-clip-horizontal { width:  380px; height: 350px;}
		.jcarousel-skin .jcarousel-container-vertical { width: 380px; height: 350px;}
		.jcarousel-skin .jcarousel-clip-vertical { width:  380px; height: 350px;}
		.jcarousel-skin .jcarousel-item { width: 380px; height: 350px;}
		
		.jcarousel-skin .jcarousel-next,
		.jcarousel-skin .jcarousel-next-vertical,
		.jcarousel-skin .jcarousel-next-horizontal{
			position: absolute;
			bottom: 170px;
			left: 60%;
			display:inline;
			width: 50%;
			height: 21px;
			cursor: pointer;
			background:url(images/next.png) top right no-repeat;
		}
		html>/**/body .jcarousel-skin .jcarousel-next,
		html>/**/body .jcarousel-skin .jcarousel-next-vertical,
		html>/**/body .jcarousel-skin .jcarousel-next-horizontal{
			position: absolute;
			bottom: 170px;
			left: 55%;
			width: 50%;
			height: 21px;
			cursor: pointer;
			background:url(images/next.png) top right no-repeat;
		}
		
		.jcarousel-skin .jcarousel-next-disabled,
		.jcarousel-skin .jcarousel-next-disabled-vertical,
		.jcarousel-skin .jcarousel-next-disabled-horizontal{
			/*background:none;*/
			background:url(images/next.png) top right no-repeat;
			filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
			cursor:default;
		}

		.jcarousel-skin .jcarousel-prev,
		.jcarousel-skin .jcarousel-prev-vertical,
		.jcarousel-skin .jcarousel-prev-horizontal{
			position: absolute;
			bottom: 170px;
			left: -20px;
			width: 50%;
			height: 21px;
			cursor: pointer;
			background:url(images/prev.png) top left no-repeat;
		}
		.jcarousel-skin .jcarousel-prev-disabled,
		.jcarousel-skin .jcarousel-prev-disabled-vertical,
		.jcarousel-skin .jcarousel-prev-disabled-horizontal{
			/*background:none;*/
			background:url(images/prev.png) top left no-repeat;
			filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
			cursor:default;
		}