@charset "utf-8";
/* CSS Document */
#s3slider {
	width: 200px; /* important to be same as image width */
	height: 220px; /* important */
	overflow: hidden; /* important */
	position: relative;
}

#s3sliderContent {
	width: 200px; /* important */
	position: absolute;
}

.s3sliderImage {
   float: right; /* important */
}

.s3sliderImage span {

   -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;

   /*
       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
   */
}

.s3sliderImage span.top {
	top: 0;
	left: 0;
	width: 200px!important;
	height: 220px;
}
.s3sliderImage span.bottom {
	bottom: 0;
    left: 0;
	width: 200px !important;
	height: 220px;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 200px !important;
	height: 220px;
}
.s3sliderImage span.right {
	right: 0;
	bottom: 0;
	width: 20px !important;
	height: 220px;
}


.clear {
   clear: both;
}