/*Horizontal Orientation CSS*/
.jscarousal-horizontal
{
	width: 1000px;
	height: 120px;
	margin: 0;
	padding: 0;
	padding: 22px 8px 22px 8px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	float: left;
	width: 30px;
	height: 98px;
	color: White;
	position: relative;
	top: 6px;
	cursor: pointer;
}
.jscarousal-horizontal-back { background-image: url(../jpg/left_arrow.png); background-repeat: no-repeat; background-position: left; }
.jscarousal-horizontal-forward { background-image: url(../jpg/right_arrow.png); background-repeat: no-repeat; background-position: right; }
.jscarousal-contents-horizontal { width: 900px; height: 120px; float: left; position: relative; overflow: hidden; }
.jscarousal-contents-horizontal > div { position: absolute; width: 100%; height: 124px; }
.jscarousal-contents-horizontal > div > div { float: left; margin-left: 8px; margin-right: 8px; }
.jscarousal-contents-horizontal img { width: 160px; height: 120px;  }



.hidden { display: none; }
.visible { display: block; }
.thumbnail-active { cursor: pointer; }
.thumbnail-inactive { opacity: 0.8; cursor: pointer; }