/* remember to define focus styles! */
:focus {
	outline: 0;
}

#carouselMain {
width: 508px;
height: 206px;
position: relative;
overflow: hidden;
_margin:0;
}

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

#carouselMain .slide .slideText {
	position: absolute;
	left: 221px;
	top: 14px;
	background-color: transparent;
	width: 242px;
	padding-left: 15px;
	z-index: 998;
	color:#000000;
	height: 191px;
}
#carouselMain .slide .slideText h3 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
font-size: 19px;;
line-height:normal;
text-transform: none;
}
#carouselMain .slide .slideText p {
font-family: Arial, sans-serif;
font-weight: bold;
line-height: 130%;
width:200px;
margin-top: 20px;
padding-bottom:15px;
border-bottom:solid white 1px;
font-size:90%;
}
#carouselMain .slide a{color:#fff;}

#carouselMain .thumbContainer {
position: absolute;
width: 508px;
left: 0px;
top: 158px;
}

#carouselMain .thumbContainer .controls {
position: relative;
right: 0px;
top: 22px;
float: right;
width: 52px;
vertical-align: bottom;
}

#carouselMain .thumbContainer .controls img {
padding-right: 2px;
}

#carouselMain .thumbContainer .selected {
background: url(../images/reflectBorder.png) no-repeat;
*background-color: transparent;
height: 47px;
}

#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 #fafafa;
margin-bottom: 2px;
*margin-bottom: 2px;
}

#carouselMain .featureButton canvas {
background: url(../images/reflectBorder.png);
margin-top: 2px;
*margin-top: 2px;
width: 62px !important;
}

#carouselMain .featureButton.selected {
}