 /* slider specific CSS */

#box-sliderGallery{
    background:#FFFFFF url('/images/bg_shadow-2.gif') no-repeat;
}
.sliderGallery {
    background: url(images/gallery_bkgd.jpg) no-repeat;
    overflow: auto;
    position: relative;
    padding: 23px 0px 0px 0px;
    height: 300px;
    width: 954px;
    margin: 0px auto;
}

.sliderGallery ul {
    position: absolute;
    list-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
	/*width:1644px;*/
   width:1781px;
}

.sliderGallery ul li {
    float:left;
}

.sliderContainer {
    width: 916px;
    height: 23px;
    top: 260px;
    margin: auto;
    padding: 0;
    position: relative;
    background: url('/images/productbrowser-bar.gif') no-repeat;
	
}

.slider {
    width: 732px;
    height: 21px;
    margin: 0;
    padding: 1px;
    position: absolute;
    left: 91px;
   	/* background: blue; */
  
	
}

.ui-slider-handle {
    position: absolute;
    cursor: move;
    height: 21px;
    width: 140px;
    top: 0px;
    margin: 0px -70px;
    /* background: url(/images/scroller2.png) no-repeat; */
	background: url(/images/productbrowser-slidebar.gif) no-repeat;
    z-index: 100;
}

.sliderContainer span.btn-left { 
	float: left; 
	width: 23px;
	height: 23px;
	/* background: red; */
	cursor: pointer; 
}

.sliderContainer span.btn-right { 
	float: right; 
	width: 23px;
	height: 23px;
	/* background: green; */
	cursor: pointer; 
}

.sliderContainer span.start { 
	float: left; 
	width: 67px;
	height: 23px;
	/* background: orange; */ 
}

.sliderContainer span.end { 
	float: right; 
	width: 67px;
	height: 23px;
	/* background: orange; */
}

.slider span {
    color: #000000;
    font-size: 13px;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 4px;
    line-height:15px;
}

.slider .slider-lbl1 {
    left: -30px;
}

.slider .slider-lbl2 {
    left: 300px;
}

.slider .slider-lbl3 {
    left: 550px;
}

.slider .slider-lbl4 {
    left: 750px;
}


.highlight {
    border: 1px solid #fff;
}

.sliderGallery #franciacorta-brut a { background-image:url(/images/franciacorta-brut.jpg); background-position:top; }
.sliderGallery #franciacorta-saten a { background-image:url(/images/franciacorta-saten.jpg); background-position:top; }
.sliderGallery #franciacorta-pas-dose a { background-image:url(/images/franciacorta-pas-dose.jpg); background-position:top; }
.sliderGallery #franciacorta-rose-altera a { background-image:url(/images/franciacorta-rose-altera.jpg); background-position:top; }
.sliderGallery #franciacorta-demi-sec-rose a { background-image:url(/images/franciacorta-demi-sec-rose.jpg); background-position:top; }
.sliderGallery #franciacorta-blanc-de-noir a { background-image:url(/images/franciacorta-blanc-de-noir.jpg); background-position:top; }
.sliderGallery #franciacorta-blanc-de-blanc a { background-image:url(/images/franciacorta-blanc-de-blanc.jpg); background-position:top; }
.sliderGallery #franciacorta-riserva-valentino a { background-image:url(/images/franciacorta-riserva-valentino.jpg); background-position:top; }
.sliderGallery #franciacorta-electo a { background-image:url(/images/franciacorta-electo.jpg); background-position:top; }
.sliderGallery #curtefranca-rosso-ruc-di-gnoc a { background-image:url(/images/curtefranca-rosso-ruc-di-gnoc.jpg); background-position:top; }
.sliderGallery #grappa-chardonnay-bianca a { background-image:url(/images/grappa-chardonnay-bianca.jpg); background-position:top; }
.sliderGallery #grappa-chardonnay-invecchiata a { background-image:url(/images/grappa-chardonnay-invecchiata.jpg); background-position:top; }
.sliderGallery #olio-extra-vergine-di-oliva a { background-image:url(/images/olio-extra-vergine-di-oliva.jpg); background-position:top; }

.sliderGallery .productimage { float: left; width: 137px; height: 254px; position: relative; top: 0px; background-color:#FFFFFF;}
.sliderGallery .productimage a:link,
.sliderGallery .productimage a:visited { 
	float: left; 
	width: 100%; 
	padding-top: 220px;
	overflow: hidden; 
	color: #000;
	text-decoration:none;
	font-size: 13px;
	text-align: center; 
	background-position: 50% 100%; 
	background-repeat: no-repeat; 
}

.sliderGallery .productimage a:hover { text-decoration: none; color: #BC5F4A; }


