/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {

	position: relative;

}



.jcarousel-clip {

	z-index: 2;

	padding: 0;

	margin: 0;

	overflow: hidden;

	position: relative;

}



.jcarousel-list {

	z-index: 1;

	overflow: hidden;

	position: relative;

	top: 0;

	left: 0;

	margin: 0;

	padding: 0;

        

        height: 294px;

}



.jcarousel-list li,

.jcarousel-item {

	float: left;

	list-style: none;

	/* We set the width/height explicitly. No width/height causes infinite loops. */

	width: 229px;

	height: 229px;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

	z-index: 3;

	display: none;

}


.jcarousel-prev {

	z-index: 3;

	display: none;


}


/**

 * Skinning the jCarousel

 */



 .jcarousel-skin .jcarousel-container {

}



.jcarousel-skin .jcarousel-container-horizontal {

        margin: 0 auto;

}



.jcarousel-skin .jcarousel-clip-horizontal {

        

        width:640px;

}



.jcarousel-skin .jcarousel-item {

        width:300px;

        height: 294;

        margin: 0 20px 0 0;

}



.jcarousel-skin .jcarousel-item a, .jcarousel-skin .jcarousel-item a:visited {

	/*display: block; float: left;

	width: 229px; height: 229px;
 */

}



.jcarousel-skin .jcarousel-item img {

	border: 0 none; 

        

}



.jcarousel-skin .jcarousel-item-horizontal {

}



.jcarousel-skin .jcarousel-item-placeholder {

    

}



/**

 *  Horizontal Buttons

 */

.jcarousel-skin .jcarousel-next-horizontal {

        display:block;clear:both;float:none;top:136px;right:20px;
        height:40px;width:40px;
        z-index:258;
        cursor: pointer;
        background: url(images/rightArr.png) 0 0 no-repeat; 
        
        position:absolute;

}



.jcarousel-skin .jcarousel-next-horizontal:hover {

}



.jcarousel-skin .jcarousel-next-horizontal:active {

}



.jcarousel-skin .jcarousel-next-disabled-horizontal,

.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin .jcarousel-next-disabled-horizontal:active {

	cursor: default;

}


.jcarousel-skin .jcarousel-prev-horizontal {
        display:block;clear:both;float:none;top:136px;left:15px;
        height:40px;width:40px;
        z-index:257;
        cursor:pointer;
        background:url(images/leftArr.png) 0 0 no-repeat; 
        
        position:absolute;

}




.jcarousel-skin .jcarousel-prev-horizontal:hover {


}



.jcarousel-skin .jcarousel-prev-horizontal:active {

}



.jcarousel-skin .jcarousel-prev-disabled-horizontal,

.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {

	cursor: default;

}