/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
.jcarousel-scope {
    position: relative;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
	width:300px;
	height:276px;
}

/**
 * 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".
 */

/**
 * The controls.
 */
.jcarousel-controls {
	width:300px;
	_width:310px;
	/*	background:url(/img/bgCtrl.gif); */
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	_right:-10px;
	z-index:34;
	height: 49px;
/*	
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
*/
}

.jcarousel-controls a:hover
{
	color:#FFFFFF!important;
}

.jcarousel-control {
    text-decoration: none;
    display: none;
    float: left;
    padding: 15px 26px;
    _padding: 15px 24px;
    cursor: pointer;
	font:bold 15px Arial, Helvetica, sans-serif;
    color: #666666;
	background:#dcdcdc;
	_width:12px;
}

.jcarousel-control:focus,
.jcarousel-control:active {
    outline: none;
}

.jcarousel-control.actived{
	font-size:15px;
	color:#FFFFFF;
	background:#004646;
}