/*
	Load CSS before JavaScript
*/

.slides {
    width:707px;
	height:313px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width:707px;
	display:none;
}

.category_slides_container {
	width:290px;
	display:none;
	float: right;
	margin-top: -196px;
	margin-right: 32px;
}

.category_slides_container_static {
	width:290px;
	float: right;
	margin-top: -196px;
	margin-right: 32px;
}


/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container #slide {
    position: relative;
    z-index: -1;
	width:707px;
	height:313px;
	display:block;
}

.category_slides_container #category_slide {
    position: relative;
    z-index: -1;
	width:290px;
	height:160px;
	display:block;
}

.category_slides_container_static #category_slide {
	width:290px;
	height:160px;
	display:block;
}

/*
	Optional:
	Reset list default style
*/
.pagination {
    display: none;
	list-style:none;
	margin:0;
	padding:0;
}

/*
	Optional:
	Show the current slide in the pagination
*/
.pagination .current a {
	color:red;
}

.next {
    position: absolute;
    z-index: 1;
    margin-top: -308px;
    margin-left: 899px;
    width: 61px;
    height: 308px;
}

#slides .next { display: none; }
#slides:hover .next { display: block; }

.prev {
    display: none;
}