/* WooSlider
--------
Author: Foxinni.com
Version: 1.0.0 (beta)
---------
*/
.wooslider { 
position : relative; 
width : 630px; 
margin-left : -15px; 
} 
.slider-container { 
position : relative; 
height : 550px; 
width : 630px; 
margin-bottom : 20px; 
overflow : hidden; 
color : #fff; 
background : #000; 
border-top : 4px solid #1f1305; 
border-bottom : 4px solid #1f1305; 
border-right : 10px solid #1f1305; 
border-left : 10px solid #1f1305; 
} 
.slider-container .slide { 
position : absolute; 
top : 0; 
left : 630px; 
z-index : 1; 
height : 550px; 
width : 630px; 
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; 
width : 630px; 
} 
.slider-container .slide-content { 
position : absolute; 
top : 550px; 
left : 0; 
height : 700px; 
width : 630px; 
background : #000; 
padding : 10px 10px 0 10px; 
z-index : 999; 
} 
.slider-shelf-content { 
z-index : 9999; 
position : absolute; 
top : 0; 
width : 900px; 
} 
.slider-shelf-content img { 
border : 1px solid #fff; 
margin : 10px 0 0 10px; 
cursor : pointer; 
} 
.slider-pag { 
float : none; 
position : relative; 
display : block; 
} 
.slider-pag span { 
float : left; 
margin : 10px; 
display : block; 
background : red; 
background : url() no-repeat center center; 
position : relative; 
cursor : pointer; 
} 
.slider-pag .thumbnail { 
display : none; 
border : 1px solid #ccc; 
padding : 5px; 
background : #fff; 
position : absolute; 
top : 25px; 
right : 20px; 
z-index : 999; 
} 
.slider-pag span .thumbnail { 
display : inline; 
position : static; 
} 
.shelf-title { 
padding : 10px 10px; 
font-size : 0.8em; 
} 
* html .slider-nav .slider-right { 
background : url('images/fleche2.gif') no-repeat center bottom; 
} 
* html .slider-nav .slider-left { 
background : url('images/fleche1.gif') no-repeat center bottom; 
} 
* + html .slider-nav .slider-right { 
background : url('images/fleche2.gif') no-repeat center bottom; 
} 
* + html .slider-nav .slider-left { 
background : url('images/fleche1.gif') no-repeat center bottom; 
}