@charset "UTF-8";
/* CSS Document */

#slideshow {
position:relative;
width: 960px;
}

#slideshow #sideblock {
height: 285px;
width: 12px;
position: absolute;
top: 0;
right: 0;
z-index: 101;
background-color: #333;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#slideshow #slideshow-btn {
position: absolute;
top: 12px;
right: 0;
z-index: 102;
}

#slideshow .panel {
position: relative;
float: left;
width: 126px;
height: 285px;
border-right: 1px solid #fff;
}

#slideshow .panel a.panellink {
position: absolute;
top: 0;
left: 0;
z-index: 99;
display: block;
width: 126px;
height: 285px;
background-color: #333;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#slideshow .panel a.panellink:hover {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}

#slideshow .panel img.btn {
position: absolute;
z-index: 100;
top: 12px;
left: 0;
}

#s3slider {
float: left;
width: 578px; /* important to be same as image width */
height: 285px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
border-right: 1px solid #fff;
}

#s3sliderContent {
   width: 578px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Helvetica,Arial,sans-serif;
   font-weight: bold;
   padding: 10px 13px;
   width: 560px;
   background-color: transparent;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   z-index: 103;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}