/* remember to define focus styles! */

:focus {
	outline: 0;
}

#carouselMain {
	width: 468px;
	_width: 468px;
	height: 280px;
	position: relative;
	overflow: hidden;
	_margin: 0;
	margin-left:7px;
}

#carouselMain .slide {
	position: absolute;
	top: 0px;
	border: 0px;
	left: 0px;
}

#carouselMain .slide .slideText {
	position: absolute;
	left: 0;
	top: 5px;
	background-color: transparent;
	width: 200px;
	padding-left: 15px;
	z-index: 998;
	color:#003;
}

#carouselMain .slide .slideText h3 {
	font-family: Verdana;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	text-transform: none;
}

#carouselMain .slide .slideText p {
	font-family: Arial, sans-serif;
	font-weight: bold;
	width: 200px;
	font-size: 90%;
}

#carouselMain .slide a {
	color:#003;
}

#carouselMain .thumbContainer {
	position: absolute;
	width: 515px;
	left: 0px;
	top: 230px;
}

#carouselMain .thumbContainer .controls {
	position: relative;
	right: 0px;
	float: right;
	width: 52px;
    height:26px;
    vertical-align: bottom;
	_right: 2px;
}

#carouselMain .thumbContainer .controls a{
    display:block;
    width:26px;
    height:26px;
    float:left;
}




#carouselMain .featureButton {
	position: relative;
	float: left;
	left: 12px;
	width: 64px;
	margin: 0 12px 0 0;
	overflow: hidden;
}

#carouselMain .featureButton img {
	position: relative;
	border: 1px solid #003;
	margin-bottom: 2px;
	*margin-bottom: 2px;
}