/*top contents left*/
/*------------------------------------------------------------------------------*/

#jCarouselLite{
	padding:0 8px;
	width:232px;
	height:250px;
	position:relative;
	margin:0px auto;
	overflow:hidden;
	}

#jCarouselLite .carousel{
	height:250px;
	margin-left:0px;
	position:relative;
}

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

#jCarouselLite a.carousel_prev, #jCarouselLite a.carousel_next{
	display:block;
	width:9px;
	height:152px;
	text-decoration:none;
	position:absolute;
	z-index:10;
}

#jCarouselLite a.carousel_next{
	background:url(img/top_carouse_next.gif) no-repeat;
	top:0;
	right:0;
	text-indent:-9999px;
}

/*
* html #jCarouselLite a.carousel_next{
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none")
	);
}
*/

#jCarouselLite a.carousel_prev{
	background:url(img/top_carouse_prev.gif) no-repeat;
	top:0;
	left:0;
	text-indent:-9999px;
}

/*
* html #jCarouselLite a.carousel_prev{
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none")
	);
}
*/

#jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active{
	border:none;
	outline:none;
}

#jCarouselLite .carousel ul{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

#jCarouselLite .carousel li{
	margin-right:8px;
	list-style:none;
	width:232px;
	height:250px;
	overflow:hidden;
	color:#000000;
}
#jCarouselLite .carousel li a{
	color:#666666;
	text-decoration:none;
	text-align:center;
}
#jCarouselLite .carousel li a:hover{
	color:#289A9D;
	text-decoration:underline;
	text-align:center;
}


/* connector */
/*------------------------------------------------------------------------------*/

#jCarouselLite02{
	width:700px;
	height:185px;
	position:relative;
	margin:0px auto;
}

#jCarouselLite02 .carousel02{
	height:185px;
	position:relative;
}

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

#jCarouselLite02 a.carousel_prev02, #jCarouselLite02 a.carousel_next02{
	display:block;
	width:33px;
	height:33px;
	text-decoration:none;
	position:absolute;
	z-index:999;
}

#jCarouselLite02 a.carousel_next02{
	background:url(img/connector_carouse_next02.gif) no-repeat;
	top:70px;
	right:-25px;
	text-indent:-9999px;
}

/*
* html #jCarouselLite a.carousel_next{
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none")
	);
}
*/

#jCarouselLite02 a.carousel_prev02{
	background:url(img/connector_carouse_prev02.gif) no-repeat;
	top:70px;
	left:-25px;
	text-indent:-9999px;
}

/*
* html #jCarouselLite a.carousel_prev{
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none")
	);
}
*/

#jCarouselLite02 .carousel02 a:hover, #jCarouselLite02 .carousel02 a:active{
	border:none;
	outline:none;
}

#jCarouselLite02 .carousel02 ul{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

#jCarouselLite02 .carousel02 li{
	margin-right:16px;
	list-style:none;
	width:342px;
	height:185px;
	overflow:hidden;
}
#jCarouselLite02 .carousel02 li a{
	text-decoration:none;
}