/* default jSlider style */ 
/* width: 550px is the same as the images and .slidetitle width is the same as the images */
#jSlider {float:left; width: 487px; height: 289px; position: relative; z-index: 999; top:20px;}
.slider{float:left; width:487px; height: 289px;margin-left:25px;overflow: hidden; position:relative;}

/* 
	// You have to change .slider, slidercontent and div.slide height for you height on your images! importent!

	// 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: 289px;}
div.slide {height: 289px; width: 487px; float:left; overflow: hidden; background: #fff}
.slidetitle{margin-top:-22px; 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;}
.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; position:absolute; z-index: 1000; top: 130px; left: 40px; cursor: pointer; display:none;}
.slidenext {position:absolute; z-index: 1000; top: 130px; right:-10px; cursor: pointer; display:none;}