#jCarouselLiteDemo {
}
#jCarouselLiteDemo .carousel {
	position:relative;
}

#jCarouselLiteDemo .main {
}
#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
	float:left;
}

#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
	display:block;
	float:left;
	width:30px;
	height:90px;
	text-decoration:none;
	background:url("../images/imgs0911/imageNavLeft.gif") left center no-repeat;
}
#jCarouselLiteDemo .carousel a.next {
	background:url("../images/imgs0911/imageNavRight.gif") right center no-repeat;
}
#jCarouselLiteDemo .carousel a.next:hover {
	background-image:url("../images/imgs0911/imageNavRightHover.gif");
}
#jCarouselLiteDemo .carousel a.prev:hover {
	background-image:url("../images/imgs0911/imageNavLeftHover.gif");
}
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
	border:none;
	outline:none;
}
#jCarouselLiteDemo .carousel .jCarouselLite {
	_padding-right:10px;
	_height:120px;
	position:relative;
	visibility:hidden;
	left:-5000px;
	float: left;
}
#jCarouselLiteDemo .carousel a {
	text-decoration: none;
}
#jCarouselLiteDemo .carousel ul {
	overflow:hidden;
	margin:0;
	padding:0;
	height: 115px;
}
#jCarouselLiteDemo .carousel li img {
	background-color:#fff;
	width:80px;
	height:56px;
	_width:85px;
	_height:85px;
	list-style:none;
	padding:5px;
 overflow;
hidden;
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}
#jCarouselLiteDemo .carousel li {
	background-color:#fff;
	width:110px;
	_width:95px;
	_height:95px;
	list-style:none;
	padding:0;
	_margin:10px 5px;
	text-align: center;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	height: 115px;
}
#jCarouselLiteDemo .widget img {
	cursor:pointer;
}
#jCarouselLiteDemo .mid {
	margin-left:0px;
	width:420px;
	height:115px;
}
#jCarouselLiteDemo .vertical {
	margin-left:170px;
}
#jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
	width:170px;
}
#jCarouselLiteDemo .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img, #jCarouselLiteDemo .imageSliderExt li p {
	width:420px;
	height:115px;
}