/** Dynamic CSS Loader **/
#s3slider-4 {
   width: 783px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-4Content {
   width: 783px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-4Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 757px;
   background-color: #686767;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
}
.s3slider-4Image span.left {
   top:0;
   left:0;
   width:196px;
   height:180px;
}
.s3slider-4Image span.right {
   top:0;
   left:561px;
   width:196px;
   height:180px;
}

.s3slider-4Image {float: left;position: relative;display: none;}

#s3slider-5 {
   width: 783px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-5Content {
   width: 783px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-5Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 757px;
   background-color: #686767;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
}
.s3slider-5Image span.left {
   top:0;
   left:0;
   width:196px;
   height:180px;
}
.s3slider-5Image span.right {
   top:0;
   left:561px;
   width:196px;
   height:180px;
}

.s3slider-5Image {float: left;position: relative;display: none;}

#s3slider-6 {
   width: 783px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-6Content {
   width: 783px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-6Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 757px;
   background-color: #686767;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
}
.s3slider-6Image span.left {
   top:0;
   left:0;
   width:196px;
   height:180px;
}
.s3slider-6Image span.right {
   top:0;
   left:561px;
   width:196px;
   height:180px;
}

.s3slider-6Image {float: left;position: relative;display: none;}

#s3slider-7 {
   width: 783px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-7Content {
   width: 783px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-7Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 757px;
   background-color: #686767;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
}
.s3slider-7Image span.left {
   top:0;
   left:0;
   width:196px;
   height:180px;
}
.s3slider-7Image span.right {
   top:0;
   left:561px;
   width:196px;
   height:180px;
}

.s3slider-7Image {float: left;position: relative;display: none;}

#s3slider-10 {
   width: 783px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-10Content {
   width: 783px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-10Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 757px;
   background-color: #000000;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
}
.s3slider-10Image span.left {
   top:0;
   left:0;
   width:196px;
   height:180px;
}
.s3slider-10Image span.right {
   top:0;
   left:561px;
   width:196px;
   height:180px;
}

.s3slider-10Image {float: left;position: relative;display: none;}

#s3slider-11 {
   width: 783px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-11Content {
   width: 783px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-11Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 757px;
   background-color: #686767;
   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: #FFFFFF;
   display: none; /* important */
}
.s3slider-11Image span.left {
   top:0;
   left:0;
   width:196px;
   height:180px;
}
.s3slider-11Image span.right {
   top:0;
   left:561px;
   width:196px;
   height:180px;
}

.s3slider-11Image {float: left;position: relative;display: none;}

#s3slider-12 {
   width: 791px; /* important to be same as image width */
   height: 182px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider-12Content {
   width: 791px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3slider-12Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 765px;
   background-color: #525252;
   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 1.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 1.0; /* here you can set the opacity of box with text */
   opacity: 1.0; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
}
.s3slider-12Image span.left {
   top:0;
   left:0;
   width:198px;
   height:182px;
}
.s3slider-12Image span.right {
   top:0;
   left:567px;
   width:198px;
   height:182px;
}

.s3slider-12Image {float: left;position: relative;display: none;}



ul.nostyle, ul.nostyle li { margin:0; padding:0; list-style:none; }
.clear { clear: both; } 
.hidden { display:none; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; }