.jscarousal

{

	width: 100%;

	height: 100px;



	margin: 0 0 0 6px;

	padding: 0;

	padding: 0px 2px 0px 2px;

	position: relative; /*overflow: hidden;*/

}

.jscarousal .jscarousal-left, .jscarousal .jscarousal-right

{

	float: left;

	width: 23px;

	height: 50px;



	color: White;

	position: relative;

	top: 12px;

	cursor: pointer;

}

.jscarousal .jscarousal-left

{

	background-image: url(left.png);

	background-repeat: no-repeat;

	background-position: left;

}

.jscarousal .jscarousal-right

{

	background-image: url(right.png);

	background-repeat: no-repeat;

	background-position: right;

}

.jscarousal-contents

{

	width: 80%;

	height: 100px;

	float: left;

	position: relative;

	overflow: hidden;

}

.jscarousal-contents > div

{

	position: absolute;

	width: 100%;

	height: 100px;

}

.jscarousal-contents > div > div

{

	width: 143px;

	margin: 8px auto;

}

.jscarousal-contents img

{

	width: 120px;

	height: auto;

	border: 0;

}

.hidden

{

	display: none;

}

.visible

{

	display: block;

}

.thumbnail-active

{

	filter: alpha(opacity=100);

	opacity: 1.0;

	cursor: pointer;

}

.thumbnail-inactive

{

	filter: alpha(opacity=100);

	opacity: 1;

	cursor: pointer;

}

.thumbnail-text

{

	color: #7A7677;

	font-weight: bold;

	text-align: left;

	display: block;

	padding: 10px 2px 2px 0px;

}