/* WooSlider
--------
Author: Foxinni.com
Version: 1.0.0 (beta)
---------*/
.wooslider {
position:relative;
width:595px;
}

.slider-container {
position:relative;
height:270px;
width:595px;
margin-bottom:20px;
overflow:hidden;
color:#fff;
background:#000;
}

.slider-container .slide {
position:absolute;
top:0;
left:595px;
z-index:1;
height:270px;
width:595px;
overflow:hidden;
background:#000;
}

.slider-container .slide-1 {
display:block;
left:0;
top:0;
}

.slider-container .slide a {
display:block;
}

.slider-container .slide img {
display:block;
position:absolute;
top:0;
left:0;
}

.slider-container .slide-content {
position:absolute;
top:270px;
left:0;
height:700px;
width:575px;
background:#000;
z-index:999;
padding:10px 10px 0;
}

.slider-nav .slider-left,.slider-nav .slider-right {
position:absolute;
cursor:pointer;
height:150px;
width:120px;
z-index:999;
display:block;
color:#FFF;
}

.slider-nav .slider-left {
left:0;
top:0;
background:url('images/fleche1.png') no-repeat center bottom;
}

.slider-nav .slider-right {
right:0;
top:0;
background:url('images/fleche2.png') no-repeat center bottom;
}

.slider-shelf {
z-index:999;
background:#000;
position:absolute;
top:0;
width:595px;
overflow:visible;
}

.slider-container span.clicker {
z-index:999;
background:#000;
position:absolute;
top:0;
right:120px;
width:auto;
font-size:11px;
display:block;
cursor:pointer;
padding:2px 10px;
}

.slider-shelf-content {
z-index:9999;
position:absolute;
top:0;
width:595px;
}

.slider-shelf-content img {
border:1px solid #fff;
cursor:pointer;
margin:10px 0 0 10px;
}

.slider-pag {
float:none;
position:relative;
display:block;
}

.slider-pag span {
float:left;
display:block;
background:url() center center no-repeat;
position:relative;
cursor:pointer;
margin:10px;
}

.slider-pag .thumbnail {
display:none;
border:1px solid #ccc;
background:#fff;
position:absolute;
top:25px;
right:20px;
z-index:999;
padding:5px;
}

.slider-pag span .thumbnail {
display:inline;
position:static;
}

.shelf-title {
font-size:0.8em;
padding:10px;
}

* html .slider-nav .slider-right,*+html .slider-nav .slider-right {
background:url('images/fleche2.gif') no-repeat center bottom;
}

* html .slider-nav .slider-left,*+html .slider-nav .slider-left {
background:url('images/fleche1.gif') no-repeat center bottom;
}