#main {
  margin: left auto right auto;
  height: auto!important;
}

/* These hieghts and widths should be edited to your images */	
#scrollHolder {
	margin: 20px 4px 0;
	position: relative;
	}

#carousel li{
	float: left;
	visibility: hidden;
}
.sliderjs #carousel li {
	visibility: visible;
	cursor: pointer
}
.sliderjs #carousel span li.prodTitle{
	position: absolute;
	font-size:8pt;
	left:0;
	text-indent: 5px;
	position:absolute;
	top:65px;
	color: #fff;
	text-align: left;
	overflow: hidden;
	background-color:#200041;
	min-width:120px;
	min-height:20px;
}
.sliderjs #carousel li:hover.thumbHolder span li.prodTitle{
	color: #000;
	background: #99cc33;
}
ul#pikame{
	padding-left:0;
	width:160px;
	margin:0 auto;
	}
.pika_main{
	height: 267px;
	}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{
	position:relative;
	cursor:pointer;
	}
.pika_subdiv img{
	height: 200px
}
.pika_subdiv {
	width: 682px;
	height: 266px;
	overflow: hidden;
	text-align: right;
}

#main ul#carousel {
	margin: 0 0 0 0;	
	padding: 15px 0;
}
div.sliderjs {
	margin-left:25px;
}	
.pikachoose li{
	float:left;
	position:relative;
	overflow:hidden;
	list-style:none;
	}
	
.pika_play{
	position:absolute;
	top:10px;right:20px;
	z-index:1;
	visibility:hidden;
	}
.pika_play a{
	position:relative;
	margin-left:auto;
	cursor:pointer;
	}
.pika_play img{
	border:none !important;
	}
.pika_caption{
    font-family:Sans-Serif;
	height: 266px;
	position: absolute;
	top: 0; left: 0;
	z-index:5;
	width: 450px;
	text-align: left;
	}
	


	#main .pika_caption ul{
		list-style: none;
		margin: 0 0 10px 25px;
		list-style: none;
	}
	#main .pika_caption table{
		position: absolute;
		top: 490px;
		right: -3px;
	}
	.pika_caption li{
		text-align: left;
	}
	li.prodTitle {
        font-size:12pt;
	}
	li.prodDescr
	{
	    width:350px!important;
	}

	li.thumbHolder {
		width: 118px!important;
		text-align: right!important;
		overflow: hidden!important;
		margin-left:20px;
	}
	li.thumbHolder img{
		float: right!important;
		margin: 0 0 0 0!important;
		width: 260px;
	}
.pika_navigation a{
	font-size: 12px;
	color:#000;
	text-decoration: none;
	}
.pika_navigation a:hover{
	text-decoration: underline;
	}
.pika_navigation{
	text-indent: -4000px;
	}
	.pika_navigation .next,
	.pika_navigation .previous {
		display: block; width: 25px;
	    background: transparent url(images/back_carousel-nav.png) no-repeat top left;
		height: 115px;
		cursor: pointer;
		position: absolute;
		top: 266px; left: 0;
	}
	.pika_navigation .next {
		left: 732px;
		float: right;
		background-position: top right;
	}
.jquery-corner {
	position: relative;
	z-index: 4;
}
li.thumbHolder .jquery-corner {
	width: 118px;
}