/* +++++++++++++++++++++++++ CAROUSEL +++++++++++++++++++++++++ */
html {
     overflow: -moz-scrollbars-vertical;
}

#carousel.box {width: 478px;}

#carousel.box .top { background: url(../images/box_top478_crl.png) left top no-repeat; }
#carousel.box .inside {background: url(../images/box_bottom478_crl.png) left bottom no-repeat; }

#carousel.box .inside { 
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:15px;
	height:132px;
}

.visionCarousel {
	width:470px;
	position:relative;
	float:left;
	overflow:hidden;
}

.visionCarousel ul {margin:0;padding:0;}

.carouselHolder, .carouselHolder li  {margin:0;padding:0;}

.carouselHolder li span.title {
	height:auto;
	background:transparent;
	z-index:1;
}
.carouselHolder li span.rollover {
	height:auto;
	background:transparent;
	z-index:1;
	width:auto;
}
.carouselHolder li h3 a {
	position:static;

}
.carouselHolder li h3 a:hover {
	background:url(../images/overlay.png) 0 0 no-repeat;
}

.carouselHolder li span.img {
	display:block;
	overflow:hidden;
	margin-top:0px;
}
.carouselHolder li a img {
	z-index:-1;
}

.Thumbnail_Carousel
{
    width: 90px;
    overflow: hidden;
}

.carouselHolder {
	width:100%;
	position:relative;
	height:100px;
	margin:0;
	list-style:none;
	margin-top:0px;
	overflow:hidden;
}


.carouselHolder li {
	width:90px;
	margin:0 7px;
	margin-top:10px;
	height:105px;
	position:absolute;
}

.carouselHolder li h3 {
	margin:0;
	padding:0;
	font-size:13px;
}
.carouselHolder li h3 a {
	text-decoration:none;
	position:relative;
	height:105px;
	float:left;
	width:90px;
	cursor:pointer;
	
	
}
.carouselHolder li a img {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-color:#A4A4A4; 
}

span .title {
	width:160px;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	position:absolute;
	float:left;
	cursor:pointer;
	color:#FFF;
	z-index:-1;
	overflow:visible;
	height:33px;
	vertical-align:bottom;
	bottom: 0;
}

.carouselHolder li h3 a span .title {
	background:url(../images/overlay.png) 0 0  repeat-x;
}

.carouselHolder li a:hover {
	text-decoration:none;
}

.controls {
	margin-top:16px;
	padding-left:132px;
	width:190px;
	height:13px;
	text-align:center;
	float:left;
}

.carouselNext, 
.carouselPrevious {
	float:left;
} 

.carouselPrevious {padding-right:10px;}

.carouselNext {
	float:right;
	padding-left:10px;
}

.carouselNext a, 
.carouselPrevious a {
	display:block;
	width:7px;
	height:13px;
}

.carouselPrevious a {background:url(../images/arrow_left.gif) 0 0;}
.carouselNext a { background:url(../images/arrow_right.gif) 0 0;}

.carouselDots li {
	float:left;
	padding-left:7px;
	padding-right:7px;
	list-style:none;
	height:12px;
}
.carouselDots li a  {
	float:left;	
	cursor:pointer;
	width:12px;
	height:12px;
	background:url(../images/crl_no-select.png) center center no-repeat;
}

.carouselDots li a:hover, .carouselDots li.selected a {
	background:url(../images/crl_select.png) center center no-repeat;
}