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

#carouselMain {
width: 400px;
height: 150px;
position: relative;
margin: 0 10px 0px 0;
margin-left:auto;
margin-right:auto;
background-color: #FFF;
border: none;
overflow: hidden;
_margin:0;
}

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

#carouselMain .slide .slideText {
position: absolute;
left: 0;
top: 10px;
background-color: transparent;
width: 385px;
padding-left: 15px;
z-index: 10000;
    color:#fff;
}
#carouselMain .slide .slideText h3 {
font-size: 1.9em;
font-weight: bold;
color:#fff;
margin:0px;
padding:0px;
}
#carouselMain .slide .slideText p {
font-size: 1.2em;
font-weight: bold;
color:#fff;
width:380px;
margin-top: 5px;
margin-left: 0px;
}
#carouselMain .slide .slideText li {
font-size: 1.2em;
font-weight: bold;
color:#fff;
width:380px;
margin-top: 5px;
margin-left: 15px;
}
#carouselMain .slide a{color:#fff;}

#carouselMain .thumbContainer {
position: absolute;
width: 385px;
left: 0px;
top: 125px;
}

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

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

#carouselMain .thumbContainer .selected {

}

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

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

#carouselMain .featureButton canvas {

}

#carouselMain .featureButton.selected {
}


#carouselMain h3 {
        border-bottom: none;
}