/* remember to define focus styles! */
a img, :link img, :visited img {border: 0;}

:focus {
	outline: 0;
}

#carouselMain {
width: 460px;
height: 260px;
position: relative;
margin: 0 10px 10px 0;
background-color: #030303;
border: 1px solid #666;
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: 200px;
padding-left: 15px;
z-index: 10000;
    color:#fff;
}
#carouselMain .slide .slideText h3 {
font-family: Georgia, Palatino, Times, Serif;
color: #fff; background:; border:0px;
font-weight: bold;
font-size:14px;
line-height: 110%;
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: 460px;
left: 0px;
top: 210px;
}

#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.gif) 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.gif);
margin-top: 2px;
*margin-top: 2px;
width: 62px !important;
}

#carouselMain .featureButton.selected {
}