/*
***********************************************************
Title: jcarousel.css
Author: Jacco van der Post - www.TYPO3-webdesign.nl
Date: june 2010
***********************************************************
*/

.jpcarousel {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jpcarousel li {
    display: block;
    list-style: none;
    margin: 0;
    padding:10px 5px 0px 5px;
    float: left;
    overflow:hidden;
}

.carouselContainer {
    padding: 0 5px;
    /* width, height and background-color are determined in constant editor */
}


.carouselContainer :focus {
    outline: 0;  /* dont give ugly outline border arround images */
}

.carousel img {
    border:0;
}

.carousel {
    color:#f0f0f0;
}

.carouselbuttons {
    padding: 5px 0 0 0;
}

.carouselbuttons a img {
    padding:0;
    height:22px;
    width:22px;
    border:none;
    cursor:pointer;
}

/* we give the dummy img clear.gif a background, to show nice buttons */    
.carouselbuttons a.carouselprev img {
    background:url('../img/left-button.png') no-repeat left top;
    float:left;
    margin-left:5px;
}
.carouselbuttons a.carouselprev img:hover {
    background:url('../img/left-button.png') no-repeat left bottom;
}

.carouselbuttons a.carouselnext img{
    background:url('../img/right-button.png') no-repeat left top;
    float:right;
    margin-right:5px;
}
.carouselbuttons a.carouselnext img:hover {
    background:url('../img/right-button.png') no-repeat left bottom;
}

h3.carousel_title {
    padding:0;
    margin:0;
    color:white;
    font-family:arial, sans-serif;
    font-size:11px;
    font-weight: bold;
    line-height:20px; /* vertical center the title a bit */
    font-style:italic;
    text-align:center;
    display:block; /* needed for centering title */
}


.carouselcaption {
   margin-top:-20px;
   color:white;
   
  
   
}
.carouselcaption span {
   padding:4px 8px 4px 8px;
   background:url('../img/caption_bg.png') repeat; /* iE6 can't read transparent png24 :( */
   
}