/*-- jShowOff module styles --*/


#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
position: relative;
overflow: hidden;
}
.jshowoff {
position: relative;
width: 800px;
margin: 0 auto 50px auto;
left: 0;
bottom:0;
text-align:center;
}

.jshowoff p {
position: absolute;
left: 0;
bottom:-10px;
z-index: 1004;
font-size:84%;
color:#efefef;
}

.jshowoff p.jshowoff-controls {
position: absolute;
left:0;
top:0;
width:800px;
height:500px;
margin: 0;
padding: 0;
z-index: 1200;
}

.jshowoff-slidelinks a, .jshowoff-controls a {
display: block;
color: #fff;
padding: 0;
margin:0 ;
float: left;
text-decoration: none;
outline: none;
}

.jshowoff-slidelinks a{	
width:10px;
height:10px;
text-indent: -9999px;
background: url('../image/off.gif') no-repeat ;
}
.jshowoff-slidelinks a{
}
.jshowoff-controls a{
opacity: 0.0;
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-ms-filter: "alpha(opacity=0)";}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
opacity: 0.80;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-ms-filter: "alpha(opacity=80)";}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
width:10px;
height:10px;
text-indent: -9999px;
background: url('../image/on.gif') no-repeat ;
}
p.jshowoff-controls {
overflow: auto;
padding: 0;
margin: 0;
}

.jshowoff-next{
position: absolute;
left: 400px;
width:400px;
height:500px;
text-indent: -9999px;
background: url('../image/next.gif') no-repeat ;
background-position:100% 50%;
}
.jshowoff-prev{
position: absolute;
left:0px;
width:400px;
height:500px;
text-indent: -9999px;
background:url('../image/prev.gif') no-repeat ;
background-position:0 50%;
}
.jshowoff-play{
width:34px;
height:40px;
text-indent: -9999px;
background:url('../image/play.gif') no-repeat ;
}
.jshowoff-paused{
width:34px;
height:40px;
text-indent: -9999px;
background:url('../image/stop.gif') no-repeat ;
}
.jshowoff-pausetext{
display:none;
}

/*---------------------------------------------*/
/* slide */
#sshow {
background-color:#efefef;
width:800px;
height:600px;
margin:0 auto 30px auto;
position: relative;
}
#sshow div {
width: 800px;
height: 600px;
overflow: hidden;
position: relative;
visibility: visible;
}
#sshow div div {
top: 0;
left: 0;
position: absolute;
display: none;
z-index: 98;
}
#sshow div div#item_first {
display: block;
z-index: 99;
}
#sshow ul {
top:0px;
left: 810px;
width: 40px;
position: absolute;
z-index: 100;
}
#sshow ul li {
width: 40px;
height:32px;
list-style:none;
background-image:none;
}
#sshow .active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}