/* default jSlider style */ 
/* width: 550px is the same as the images and .slidetitle width is the same as the images */
#jSlider {float:left; width: 550px; height: 220px;}
.slider{float:left; width:550px; height: 220px;margin-left:25px;border:3px #000 solid; overflow: hidden; position:relative;}

/* 
	// Different style for different slideType // 
	
	default 
	where width is 9999px, so you don't have to calc your width each time you add a new slide
	where height is your images hide.
	.slidercontent {width: 9999px; height: 220px;}

	slide down
	where width is the images width
	where height is all your images height together.
	.slidercontent {width: 550px; height: 440px;}
	
	slide half
	where width is half of your images, 4/2 á 550px
	where height is all your images height together
	.slidercontent {width: 1100px; height: 440px;}
	
	slide half two
	where width is two images width together. 
	where height is all your images height together.
	.slidercontent {width:1100px; height: 880px;}
*/

.slidercontent {width: 9999px; height: 220px;}
div.slide {height: 220px; width: 550px; float:left; overflow: hidden; background: #fff}
.slidetitle{margin-top:-30px; float:left; position: absolute; width: 550px; margin-left:0px;filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;}
.slidetitle p
{
    padding: 5px;
    color: #fff;
    padding-bottom: 0px;
    font-weight: bold;
}
.slidetitle p.slide-title {background: #000;padding-bottom: 5px}
.slidetitle p span.hide,.slidenext {float:right}
.slidetitle p span a.slide-show {background: #000;}
.slideprev {float:left;}

.buttons {margin-bottom: 5px; float:left; width: 600px; min-height: 20px;}
.slideprev, .slidenext {color:#1BB0DF; text-decoration: none; padding:5px 7px;}
.slideprev:hover, .slidenext:hover {background: #1BB0DF; color:#fff; -moz-border-radius: 5px; border-radius:5px; text-decoration: none}
span.hide a {color:#fff;}
.slidernumbers {width: 550px; float:left; text-align: center; margin-top:10px;}
.slidernumbers a {background: #1BB0DF; color:#fff; padding:5px 7px; margin-right: 5px; -moz-border-radius: 5px; border-radius:5px; text-decoration: none;}
.slidernumbers a.active {background: #bfbfbf; color:#fff;}
.slidernumbers a:hover {background: #6B9D28; color:#fff;}