@charset "utf-8";
/*=============================    
barousel_demo.css
v.0.1
Julien Decaudin - 04/2010
www.juliendecaudin.com
=============================*/

/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    width:400px;
    height:400px;
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:400px;
    height:228px;
}

.barousel_image img
{
    position:absolute;
    display:none;
	width:400px;
    height:224px;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
    padding:15px 18px 0 18px;    
    z-index:50;
    background:url(images/bg_barousel_content.png) repeat 0 0;
    color:#fff;
    width:247px;
    bottom:36px;
    left:10px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
    font-size:13px;
    font-weight:normal; 
    line-height:17px;   
}

.barousel_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#fff55b;
}

.barousel_content a,
.barousel_content a:hover
{
    color:#fff55b;
    background-color:transparent !important;
}

.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:400px;
    height:68px;
    
}

.thslide_nav_previous
{
    float:left;    
}

.thslide_nav_next
{
    float:right;    
}

.thslide_nav_previous a,
.thslide_nav_next a
{
    display:block;
    width:24px;
    height:25px;     
    text-decoration:none;  
    background-repeat:no-repeat;
	margin-top:15px;   
}

.thslide_nav_previous a
{
    background-image:url(images/gallery_prev_normal.png);
    background-position:0 0;
}

.thslide_nav_previous a:hover
{
    background-image:url(images/gallery_prev_hover.png); 
    background-position:0 0;
}

.thslide_nav_next a
{
    background-image:url(images/gallery_next_normal.png);    
    background-position:0 0;
}

.thslide_nav_next a:hover
{
    background-image:url(images/gallery_next_hover.png);    
    background-position:0 0;
}


.thslide_list
{
    float:left;
    overflow:hidden;   
    position:relative; 
    width:330px;
    height:68px;
	margin-left:10px;   
}

.thslide_list ul
{
    float:left;
    width:9000px;
    padding:0;
    margin:0;
    list-style:none;
}

.thslide_list li
{
    float:left;
    margin-right:3px;
}

.thslide_list li a
{
    display:block;
    position:relative;
	width:107px;
    height:60px;    
    text-decoration:none;
}

.thslide_list li a img
{
    position:absolute;
}

.thslide_list li a span
{
    position:absolute;
    display:block;
    width:105px;
    height:57px;    
}

.thslide_list li a:hover span,
.thslide_list li a.current span
{    
    border:2px solid #d82b2f;
}

/* Specific implementation */
#barousel_thslide
{
    height:300px;
}

#barousel_thslide .barousel_content
{
    bottom:81px;
}

#thslide_barousel_nav
{
    position:absolute;
    bottom:0;
}



.viewallBtn a {background:url(images/viewall_icon.png) 15px no-repeat; text-decoration:none; font-size:14px; padding:5px 15px 5px 35px; color:#fff; border-right:1px solid #d82b2f; border-left:1px solid #d82b2f;}
.fullscreenBtn a {background:url(images/fullscreen_icon.png) left no-repeat; text-decoration:none; font-size:14px; padding:5px 15px 5px 20px; color:#fff; border-right:1px solid #d82b2f; margin-left:15px;}
.closeBtn a {background:url(images/close_btn_18x18.png) left no-repeat; text-decoration:none; font-size:14px; padding:5px 5px 5px 20px; color:#fff;  margin-left:15px;}






.thumbSlider{ position:relative; }
.thumbSlider ul li{ float:left; margin-right:10px; }
.thumbSlider ul li a img{  border:3px solid transparent; }
.thumbSlider ul li a.active img, .thumbSlider ul li a:hover img{ border:3px solid #e5c264; display:block; }
.thumbSlidePrev{ background:url(images/half_prev_btn_normal.png) no-repeat 0 0; width:27px; height:54px; display:block; z-index:999; position:absolute; top:10px; left:0 }
.thumbSlideNext{ background:url(images/half_next_btn_normal.png) no-repeat 0 0; width:27px; height:54px; display:block; z-index:999; position:absolute; top:10px; right: 0 }


.slider_01{ position: relative; overflow: scroll; width: 970px; height: 395px;}
.slider_01 .belt{ position: absolute; left: 0; top: 0;}
.slider_01 .panel{	float: left; overflow: hidden; width: 970px; }

.slider_02{ position: relative; overflow: scroll; width: 610px; height: 150px}
.slider_02 .belt{ position: absolute; left: 0; top: 0;}
.slider_02 .panel{	float: left; overflow: hidden; width: 610px; }

.slider_03{ position: relative; overflow: scroll; width: 300px; height: 460px}
.slider_03 .belt{ position: absolute; left: 0; top: 0;}
.slider_03 .panel{	float: left; overflow: hidden; width: 300px; }

.slider_04{ position: relative; overflow: scroll; width: 610px; height: 120px}
.slider_04 .belt{ position: absolute; left: 0; top: 0;}
.slider_04 .panel{	float: left; overflow: hidden; width: 610px; }

.slider_05{ position: relative; overflow: scroll; width: 547px; height: 100px}
.slider_05 .belt{ position: absolute; left: 0; top: 0;}
.slider_05 .panel{	float: left; overflow: hidden; width: 126px; }