/**
 * Additional styles for the controls.
 */
.jcarousel-control {
	margin-top: 0px;
    z-index:2;
	width:180px;
	float:left;
}

.jcarousel-control a, .jcarousel-control span {
    font-size:10px;
	text-transform:uppercase;
	padding-top:2px;
	color:#FFF;
	margin-top:5px;
	margin-left:2px;
	background-color:#576369;
	height:17px;
	z-index:1;
	text-decoration:none;
}

.jcarousel-control a:hover {
	background-color:#dde1e3;
	color:#333;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
	z-index:1;
}

.jcarousel-scroll {
	margin-top: -110px;
	margin-left: 30px;
	z-index:2;
	position:absolute;
	left: 10px;
	top: 396px;
	height: 44px;
	width: 240px;
}

.padding {
	padding-top:2px;padding-bottom:2px;padding-left:6px;padding-right:6px;border:1px #ccc solid;	
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
	z-index:2;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: none;
    font-size: 11px;
	z-index:2;
}

#mycarousel-next a:hover {
	background-color:#dde1e3;
	color:#333;
}

.next {
	width:30px;	
	float:left;
	margin-top:3px;
}

.next a {
	font-size:10px;
	text-transform:uppercase;
	margin-left:20px;
	padding-top:2px;
	margin-top:5px;
	color:#FFF;
	margin-left:2px;
	background-color:#576369;
	height:17px; 
	z-index:1;
}

.next a:hover {
	background-color:#dde1e3;
	color:#333;

}
