/* 



	Carousel Gallery CSS 

	

*/



/**

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

 * and has the classname "carousel-gallery".

 */





.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0 10px;

    overflow: hidden;
	background-color:#000;

    position: relative;

    height:100%;

	

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

	

}



.jcarousel-list li a,

.jcarousel-item {

    float: left;

    list-style: none !important;

	margin: 0 !important;

	height:100%;

	

}



/**

 * 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-container {

position:relative;

margin-bottom:  1em;

}





.jcarousel-list .jcarousel-item {

	list-style:  none;

	float:left;



}

.jcarousel-hide {

display:none;

}

.jcarousel-description {

float:right;

}















































/**

 *  Horizontal Buttons

 */

.jcarousel-skin-neat .jcarousel-next-horizontal {

    position: absolute;

    top: 43px;

    right: 5px;

    width: 32px;

    height: 32px;

    cursor: pointer;

	background: #000;

}



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

    background-position: -32px 0;

}



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

    background-position: -64px 0;

}



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

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

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

    cursor: default;

    background-position: -96px 0;

}



.jcarousel-skin-neat .jcarousel-prev-horizontal {

    position: absolute;

    top: 43px;

    left: 5px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(prev-horizontal.png) no-repeat 0 0;

}



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

    background-position: -32px 0;

}



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

    background-position: -64px 0;

}



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

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

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

    cursor: default;

    background-position: -96px 0;

}



/**

 *  Vertical Buttons

 */

.jcarousel-skin-neat .jcarousel-next-vertical {

    position: absolute;

    bottom: 5px;

    left: 43px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(next-vertical.png) no-repeat 0 0;

}



.jcarousel-skin-neat .jcarousel-next-vertical:hover {

    background-position: 0 -32px;

}



.jcarousel-skin-neat .jcarousel-next-vertical:active {

    background-position: 0 -64px;

}



.jcarousel-skin-neat .jcarousel-next-disabled-vertical,

.jcarousel-skin-neat .jcarousel-next-disabled-vertical:hover,

.jcarousel-skin-neat .jcarousel-next-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}



.jcarousel-skin-neat .jcarousel-prev-vertical {

    position: absolute;

    top: 5px;

    left: 43px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(prev-vertical.png) no-repeat 0 0;

}



.jcarousel-skin-neat .jcarousel-prev-vertical:hover {

    background-position: 0 -32px;

}



.jcarousel-skin-neat .jcarousel-prev-vertical:active {

    background-position: 0 -64px;

}



.jcarousel-skin-neat .jcarousel-prev-disabled-vertical,

.jcarousel-skin-neat .jcarousel-prev-disabled-vertical:hover,

.jcarousel-skin-neat .jcarousel-prev-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}








































