div#carouselComponent{
   	
    padding:0px;
    vertical-align:top;
    border-left:5px solid white;
    border-right:5px solid white;
    line-height:5px;
    height:305px;
    overflow:hidden;
}


div#carousel{
   height:305px;
}


div.thumbnails{
    margin-top:5px;

}

div.carouselActionButton{
    max-width:290px;
    height:30px;
    position:relative;
    text-indent:5px;
    text-align:left;
    float:left;
    
    font-size:0.75em;
    z-index:3;
    vertical-align:middle;
}

a#actionButton{
    position:relative;
    float:left;
    width:300px;
    top:-55px;
    left:25px;
}

div.carouselActionButton span{
    position:relative;
    top:13px;
    font-size:18px;
    padding-right:5px;
    
}

a#actionButton{
    width:300px;
}

div.carouselActionButton div{
   float:left;
   position:relative;
   top:7px;
}

div.actionCircleIcon{
    float:left;
}

div.carouselThumbnails{
    position:relative;
    top:-55px;
    left:300px;
    z-index:2;
}

div.carouselCaption{
    position:relative;
    top:-290px;
    left:550px;
    text-indent:5px;
    width:300px;
    height:30px;
    font-size:20px;
    color:black;
    background-color:white;
    filter: alpha(opacity=50); /* Used for IE opacity */
    -moz-opacity: 0.50; /* used for mozilla opacity */
    opacity: 0.5 /* used i think for opera opacity */
}

div.carouselCaption span{
    position:absolute;
    top:12px;
}
.carouselThumbnail{
    width:60px;
    height:28px;
    padding:2px;

}

.outerThumbnail{
    margin-left:2px;
    margin-right:2px;
    float:left;
}

.highlight{
    background-color:white;
}

.invisible{
    display:none;
}
div.circleArrowIcon{

    float:left;
}




img.imagePosition{
    
}

span.slideActionText{
    font-size:0.75em;
    width:150px;
}