
/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    background:url(../images/bg_banner.gif) repeat 0 0;
    width:500px;
    height:401px;
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:360px;
    height:360px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
	height: 360px!important;
    position:absolute;
    z-index:50;
    width:360px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}
.barousel_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#fff55b;
}
 .barousel_content .pie{
	background:url(../images/misc/bg_footer.png) 0 0 repeat;
	bottom:0;
	padding:10px;
	position:absolute;	
	width:340px;
}
.barousel_content a{
	background: url(../images/misc/assets.png) -5px -7px no-repeat;
	display: block;
	height: 30px;
	width: 97px;
}
.barousel_content a:hover{
	background-position:-5px -46px;
}
.barousel_content h2{
	font-size:1.2em;
	font-weight:700;
	padding-bottom:5px;
}
.barousel_content h3{
	font-size:1.1em;
}
.barousel_content p{
	font-size:1em;
	padding-bottom:3px;
}
.barousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:23px;    
    background:#000;
    bottom:0;
    z-index:20;
    width:497px;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:25px;
    height:20px;
    background-color:#4d4d4d;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
    background-color:#6e6e6e;
}

.barousel_nav li a.current
{
    background-color:#fff55b;
}

.barousel_nav li.prev a
{
    background-image:url(../images/barousel_link_previous.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel_nav li.next a
{
    background-image:url(../images/barousel_link_next.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

/*-------------> THSLIDE */
.thslide
{    
    width:690px;
    height:65px;
}

.thslide_nav_previous
{
    float:left;    
}

.thslide_nav_next
{
    float:right;    
}

.thslide_nav_previous a,
.thslide_nav_next a
{
    display:block;
    width:14px;
    height:20px;  
	
margin-top: 22px;   
  
}

.thslide_nav_previous a
{
    background:url(../images/misc/prev_arrow.png) 0 0 no-repeat;
}
.thslide_nav_previous a:hover
{
    background:url(../images/misc/prev_arrow_hover.png) 0 0 no-repeat;
}
.thslide_nav_next a
{
    background:url(../images/misc/next_arrow.png) 0 0 no-repeat;
}
.thslide_nav_next a:hover
{
    background:url(../images/misc/next_arrow_hover.png) 0 0 no-repeat;
}


.thslide_list
{
    float:left;
	margin-left: 30px;
    overflow:hidden;   
    position:relative; 
	 width: 599px;
    height:68px;    
}

.thslide_list ul
{
    float:left;
    width:9000px;
    padding:0;
    margin:0;
    list-style:none;
}

.thslide_list li
{
    float:left;
    margin:0 5px;
}

.thslide_list li a
{
   display: block;
	position: relative;
	
	height: 65px;
	text-decoration: none;
	width: 65px;
}

.thslide_list li a img
{
    position:absolute;
	
	height: 65px;
	width: 65px;
}

.thslide_list li a span
{
    position:absolute;
    display:block;
    width:84px;
    height:62px;    
}

.thslide_list li a:hover span,
.thslide_list li a.current span
{    
    border:3px solid #fff55b;
}

/* Specific implementation */
#barousel_thslide
{
	float:left;
    height:360px;
	margin-top: 14px;
}

#barousel_thslide .barousel_content
{
    
}

#thslide_barousel_nav
{
    position:absolute;
    bottom:0;
	top: 380px;
}
