/*-------------------------------------------    
    jCarousel
-------------------------------------------*/

#jCarouselLiteDemo .carousel  {position: relative; }

#jCarouselLiteDemo .default { padding:14px;}


#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 {
display: block;
position:absolute;
z-index:5;
float: left;
top:166px;right: 914px;
width:70px;height: 70px;
text-decoration: none;
background:url(../images/carousel-btn-prev.png) no-repeat;
}

#jCarouselLiteDemo .carousel a.prev:hover {display: block; background:url(../images/carousel-btn-prev.png) 0px -70px  no-repeat;  }

#jCarouselLiteDemo .carousel a.next {
display: block;
position:absolute;
z-index:8;
float: left;
top:166px;left:914px;
width:70px;height: 70px;
text-decoration: none;
background:url(../images/carousel-btn-next.png) no-repeat; 
}

#jCarouselLiteDemo .carousel a.next:hover { display: block;background:url(../images/carousel-btn-next.png) 0px -70px  no-repeat;  }

#trackyourcase {float:left; margin:0; padding:0; margin-top:8px; margin-left:10px;   height:38px;}
#trackyourcase li {  width:248px; height:38px; background: url(../images/btn-track-case.gif) 0 0 no-repeat; display: block; list-style: none;}
#trackyourcase a {  width:248px; height:38px;display: block;}
#trackyourcase a:hover {background: url(../images/btn-track-case.gif) 0px -38px no-repeat;}


	#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
		border: none;
		outline: none;
	}                 
#jCarouselLiteDemo .carousel .jCarouselLite {
float: left; width:932px;

/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
}
#jCarouselLiteDemo .carousel ul {
	margin: 0;
}
#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p {	background-color: #fff;	width: 932px;height: 368px; border:1px #dbdbdb solid;}

#jCarouselLiteDemo .widget img {
	cursor: pointer;
}
	#jCarouselLiteDemo .mid {
		margin-left: 80px;
		width: 400px;
		height: 300px;
	}
	#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: 400px;
		height: 300px;
	}