/*Horizontal Orientation CSS*/
.jscarousal-horizontal {width:600px; height:55px; background:none; margin: 0; padding:0; position: relative; /*overflow: hidden;*/ }
.jscarousal-horizontal-back, .jscarousal-horizontal-forward {float:left; width:20px; height:24px; position: relative; top: 22px; cursor: pointer; }
.jscarousal-horizontal-back { background:url(btnPrev.png) no-repeat; }
.jscarousal-horizontal-forward { background:url(btnNext.png) no-repeat;}
.jscarousal-contents-horizontal { width: 540px; height:70px; float:left; position: relative; overflow: hidden; margin:0 10px; }
.jscarousal-contents-horizontal > div { position: absolute; width: 100%; height: 80px; }
.jscarousal-contents-horizontal > div > div { float:left; margin:0 4px; }
.jscarousal-contents-horizontal img { /*width: 140px; height: 136px;*/ }
/*Horizontal Orientation CSS Ends*/

/*Common*/
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active {/* filter: alpha(opacity=100); opacity: 1.0;*/ cursor: pointer; }
.thumbnail-inactive { /*filter: alpha(opacity=20); opacity: 0.2;*/ cursor: pointer; }
.thumbnail-text { color: #7A7677; font-weight: bold; text-align: left; display: block; padding: 10px 2px 2px 0px; }