#s3slider, #s3slider1 {

   width: 150px; /* important to be same as image width */

   height: 150px; /* important to be same as image height */

   position: relative; /* important */

   overflow: hidden; /* important */

   background-color:#f5a528;
   margin:0 auto;

}



#s3sliderContent, #s3slider1Content {

   width: 150px; /* important to be same as image width or wider */

   position: absolute; /* important */

   top: 0; /* important */

   margin-left: 0; /* important */

   width:150px;

   margin:0 auto;

   padding:2px;

}



.s3sliderImage, .s3slider1Image {

   float: left; /* important */

   position: relative; /* important */

   display: none; /* important */

   margin-left:10px;

}



.s3sliderImage span, .s3slider1Image span {

   position: absolute; /* important */

   left: 0;

   font: 11px/15px Arial, Helvetica, sans-serif;

   padding: 5px 5px;

   width: 130px;

   background-color: #f5a528;

   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:#990000;

   display: none; /* important */

   bottom: 20;

   /*margin-top:80px;*/



   /*

       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 a img, .s3slider1Image a img { border:none; }



.clear {

   clear: both;

}

a {text-decoration:none;}