#slider-holder 
	{ position: relative; 
 	height: 242px; 
	width: 735px; 
	overflow: hidden  ; 
	color: #fff;
	background: #000;
	}

#slider-holder .slide
	{ position: absolute; 
	top:0px; 
	z-index: 0;
	height: 242px; 
	width: 735px; 
	overflow: hidden; 
	background: #000;
	}
#slider-holder .slide-1 
	{ display : block; 
	left:0px; 
	top:0px; 
	z-index: 1;
	}
#slider-holder .slide a {display: block;  }
#slider-holder .slide img {  display: block; position: absolute; top:0px; left: 0px; }
#slider-holder .slide-content { position: absolute; top: 292px; left: 0; height: 700px; width: 527px; background: #000; padding: 20px 20px 0 20px;z-index: 999;}
#slider-holder .slide-content-1 { display: none;}
#slider-holder .slide-content h3 { font-size: 24px; text-transform: uppercase; }
#slider-holder .slider-left, #slider-holder .slider-right {position: absolute; cursor: pointer; height: 30px; width: 30px; z-index: 999; display: block; color: white; }

#slider-holder .slider-left { left: 5px;  top: 130px; background: url('images/fleche1.png') no-repeat center bottom;   }
* html #slider-holder .slider-left { background: url('images/fleche1.gif') no-repeat center left; }

#slider-holder .slider-right{right: 5px; top: 130px; background: url('images/fleche2.png') no-repeat center bottom;}
* html #slider-holder .slider-right { background: url('images/fleche2.gif') no-repeat center right; }

.slider-dots{ float: right; position: relative;}

.slider-dots span{ float: left; display: block; background: red; height: 30px; width: 20px; margin: 0; background: url(images/dot.gif) center center no-repeat; position: relative; cursor: pointer;}
.slider-dots .thumbnail {display: none;border:1px solid #ccc; padding: 5px; background: #fff; position: absolute; top:-45px; left: -90px ;z-index: 999;}

.shelf-title {padding: 0px 10px;}

.cufon { font: Arial, Helvetica, sans-serif; font-size: 14px }