/*=============================    
barousel_demo.css
v.0.1
Julien Decaudin - 04/2010
www.juliendecaudin.com
=============================*/

/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-top:10px;
    margin-bottom:0px;    
    width:360px;
    height:240px;}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:360px;
    height:240px;}

.barousel_image img
{
    position:absolute;
    display:none;
    width:360px;height:240px;}

.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:3px 3px 0px 5px;
    height:20px;  
    top:210px;
    z-index:90;
    width:300px;
    text-align:left;}

.barousel_content div
{
    display:none;}

.barousel_content div.default
{
    display:block;}
.barousel_content a,
.barousel_content a:hover
{
    color:#ffffff;
    text-decoration:none;
    font-size:13px;}

.barousel_nav
{
    position:absolute;
    margin-left:-10px;    
    z-index:50;
    color:#fff;
    width:360px;
    bottom:1px;
    left:10px;
    background-color:#000000;
    filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#000000;
    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:#ff9900;
    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.jpg);
    background-repeat:no-repeat;
    background-position:0 0;}

.barousel_nav li.next a
{
    background-image:url(../images/barousel_link_next.jpg);
    background-repeat:no-repeat;
    background-position:0 0;}
.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;}