@charset "UTF-8";

#s3slider {
	width: 0px; /* ****LEAVE AT 0 - SIZE SET IN carousel_js_include.cfm**** important to be same as image width */
	height: 0px; /* ****LEAVE AT 0 - SIZE SET IN carousel_js_include.cfm**** important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0 0 10px 10px;
	padding: 0;
	border: 0px solid #fff; /* ****LEAVE AT BORDER=0 AND COLOR=FFF - VALUES SET IN carousel_js_include.cfm**** */
	background-color: #000;
}

#s3sliderContent {
	width: 0px; /* ****LEAVE AT 0 - SIZE SET IN carousel_js_include.cfm**** important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	text-align: left;
}

#s3slider .s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 15px 15px 15px 15px;
	margin: 0;
	width: 700px;
	height: 60px;
	background-color: #000;
	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;
   /*
       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
   */
}

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

#s3slider .s3sliderImage img{
    width: 100%; /* important to be same as image width or wider */
}

#s3slider .s3sliderImage strong {

   font: 30px Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 0 0 0 0;
   text-align: left;
   color: #fff;
   
}
#s3slider .s3sliderImage p {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px 0 0 0;
	text-align: left;
	color: #fff;
}

.clear {
   clear: both;
}