/* Jquery Styles ------------------------------------------- */

#mycarousel {
	position: absolute;
	width: 938px;
	height: 340px;
}
ul.mycarousel li {
	background-image:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.carousel-header {
	position:absolute;
	z-index: 9999;
	margin: -104px 0 0 -10px;
	width: 435px;
	padding:0 0 10px 0;
	border-bottom: 3px solid #99cc33;
    background-color: #f2f2f2;
}

.showcases-box {
	background:url(/images/showcase-box.gif) no-repeat left top;
	width: 49px;
	height: 49px;
	float:left;
	margin: 0 10px 0 0;
}

.showcases-pictures {
	background:url(/images/showcase-pictures.gif) no-repeat left top;
	width: 49px;
	height: 49px;
	float:left;
	margin: 0 10px 0 0;
}

.showcases-other {
	width: 1px;
	height: 49px;
	float:left;
	margin: 0 -1px 0 0;
}

.showcase-title {
	font-family:Trebuchet MS;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:5px 0 0 0;
	color : #000;
}

.sub-title {
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	color: #666;
}

#mycarousel ul {
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width:938px;
	height: 318px;
}

#mycarousel li {
	list-style: none;
	float: left;
	position: absolute;
}

#mycarousel li.item1 { z-index: 150; }
#mycarousel li.item2 { z-index: 140; }
#mycarousel li.item3 { z-index: 130; }
#mycarousel li.item4 { z-index: 120; }
#mycarousel li.item5 { z-index: 110; }
#mycarousel li.item6 { z-index: 100; }
#mycarousel li.item7 { z-index: 90; }
#mycarousel li.item8 { z-index: 80; }
#mycarousel li.item9 { z-index: 70; }
#mycarousel li.item10 { z-index: 60; }
#mycarousel li.item11 { z-index: 50; }
#mycarousel li.item12 { z-index: 40; }
#mycarousel li.item13 { z-index: 30; }
#mycarousel li.item14 { z-index: 20; }
#mycarousel li.item15 { z-index: 10; }

.jcarousel-control {
	width:213px;
	height:21px;
	z-index: 10;
	overflow: hidden;
	position: relative;
	margin: 0;
  }
  
.jcarousel-control a {
	text-align:center;
	display:block;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px;
	color: #fff;
	background-color: #333;
	width:15px;
	text-decoration:none;
	font-size: 11px;
	font-family:arial;
	float:right;
	margin: 0 0 0 5px;
  }
  
  
 .jcarousel-control a:hover {
	color: #fff;
	background-color: #e31919;
	border-top: 1px solid #e31919;
	border-left: 1px solid #e31919;
	border-right: 1px solid #e31919;
	border-bottom: 1px solid #666;
 }
 
.jcarousel-control a.active {
	color: #666;
	background-color: #fff;
	border-bottom: 1px solid #fff;
 }
 
 .jcarousel-control a.active:hover {
	color: #666;
	background-color: #fff;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #fff;
 }

#mycarousel div.desc {
  color: #666;
  background-color: #fff;
  width: 413px;
  height: 50px;
}
  
#mycarousel div.desc span {
	display:block;
	margin: 5px 0 5px 0;
}