/* CAROUSEL */
.carousel{ 
	font-family: Georgia;   
    position:relative;
    min-height: 300px;
    width: 300px;
	height: 400px;
    overflow:hidden;     
    padding: 7px;
    margin: 0;
    background:url(../images/background.png) no-repeat top left #FFF;  
}

.detail h2
{
	padding: 0;
	margin: 0;
	height: 46px;
	line-height: 23px;
	font-size: 20px;
	font-weight: normal;
	color:  #025aa4;
}  

.detail h2 a
{
	float: left;
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	color:  #025aa4;
	text-decoration: none;
	border: none;
	outline: none;
} 

.detail p
{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	color:  #000000;
	line-height:17px;
} 

.detail img
{
	width:300px;
	height:auto;
}  


.carousel .backgrounds .item{
    width: 300px;
    float:left;
    position:relative;
    z-index:1;
}

.carousel .panel{
    color: #fff;
    position:absolute;    
    width: 300px;
    z-index:10;
}

.clear {
	clear: both;
}

a.detail_item_more {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: #025aa4;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.carousel .player_container
{
	position: absolute;
	width: 96%;
	float: right;
	height: 18px;
	top: 240px;
	z-index: 3000;
}

.carousel .player_container a
{
    text-indent: -6000px;
    width: 21px;
    height: 22px;
    padding: 0;
    margin: 0;
    display:block;
    position:absolute;
}

.carousel .player_container .play {    
    right: 22px;      
    background: transparent url(../images/arrows2_bg.png) no-repeat bottom center;    
}

.carousel .player_container .play:hover {    
    right: 22px;      
    background: transparent url(../images/arrows2_bg.png) no-repeat bottom center;    
}


.carousel .player_container .pause {    
    right: 22px;      
    background: transparent url(../images/arrows_bg.png) no-repeat top center;    
}

.carousel .player_container .pause:hover {    
    right: 22px;      
    background: transparent url(../images/arrows_bg.png) no-repeat bottom center;    
}

.carousel .player_container .next{  
    right: 1px;    
    background: transparent url(../images/arrows_bg.png) no-repeat top right;  
}

.carousel .player_container .next:hover{  
    right: 1px;    
    background: transparent url(../images/arrows_bg.png) no-repeat bottom right;  
}

.carousel .player_container .previous{   
    right: 43px;   
    background: transparent url(../images/arrows_bg.png) no-repeat top left;
}

.carousel .player_container .previous:hover{   
    right: 43px;   
    background: transparent url(../images/arrows_bg.png) no-repeat bottom left;
}

.carousel .player_container .paging{
    position: absolute;
    top: 22px;
    right: 0;
    width: auto;  
}

.carousel .player_container .paging #numbers{    
    float: right;
    background: #FFF;
    padding: 5px 0;
    margin: 0;
    opacity: 0.9;
}

.carousel .player_container .paging span.bullets_bg {
    float: left;
    padding: 0;
    margin: 0;
    width: 41px;
    height: 22px;
    background:url(../images/bullets_bg.png) no-repeat top left;
}

.carousel .player_container .paging #numbers a {
    position: relative;
    float: left;
    text-indent: -6000px;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background:url(../images/bullets.png) no-repeat top left;
}

.carousel .player_container .paging #numbers a:hover {
    background:url(../images/bullets.png) no-repeat bottom left;
}

.carousel .player_container .paging #numbers a.selected {
    background:url(../images/bullets.png) no-repeat bottom left;
}

.carousel .panel .details_wrapper {
    position:absolute;   
    width: 300px;
    overflow:hidden;
}

.carousel .panel .details_wrapper .details{
    height: 400px;
}

.carousel .panel .details_wrapper .details .detail{
    width: 300px;
    float:left;  
}

.carousel .panel .details_wrapper .details h2{   
    margin: 0 0 5px 0;
}

.carousel .panel .details_wrapper .details a.more{
    color: #fff;
    font-size:1.1em;
}   

/* END CAROUSEL */