@charset "UTF-8";
/* CSS Document */


/* Carousel */
:focus {
	outline: 0;
}

#carouselMain {
width: 600px;
height: 336px;
position: relative;
margin: 0 0 6px 0;
/*background-color: #030303;*/
background:url(/images/site/hpt_altimage.jpg) no-repeat 0 0px;
border: 1px solid #666;
overflow: hidden;
}

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

#carouselMain .slide .slideText {
position: absolute;
left: 0;
top: 10px;
background-color: transparent;
width: 250px;
padding-left: 15px;
/*z-index: 10000;*/
    color:#fff;
}
#carouselMain .slide .slideText h3 {
/*font-family: Georgia, Palatino, Times, Serif;*/
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0px;
color: #fff;
font-weight: bold;
font-size: 200%;
line-height: 110%;    
}
#carouselMain .slide .slideText p {
font-family: Arial, sans-serif;
/*font-weight: bold;*/
line-height: 128%;
width:286px;
margin-top: 8px; 
padding-bottom:6px;
border-bottom:solid #999999 1px;
font-size:100%;
}
#carouselMain .slide a {color:#fff;}

#carouselMain #bfrelated a{color:#999;}


#carouselMain .thumbContainer {
position: absolute;
width: 600px;
left: 0px;
top: 258px;
}

#carouselMain .thumbContainer .controls {
position: relative;
right: 4px;
top: 18px;
float: right;
vertical-align: top;
}

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

#carouselMain .thumbContainer .selected {
/*background: url(/images/site/reflectBorder.png) no-repeat;*/
*background-color: transparent;
height: 47px;
border-bottom:4px solid #FFF;
width:62px;
margin-right:12px;
}

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

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

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

#carouselMain .featureButton.selected {
}