    <style type="text/css">
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {
	position:relative;
	background:transparent url(../../vertical-slide/blackpearl1/photo_index_sac_blackpearl.jpg) 10px 0 no-repeat;
	margin-bottom:0px;
	width:500px;
	height:400px;
}
#scrollbox {padding:0; margin:0; width:128px; list-style:none; height:360px; overflow:auto; float:right;}
#scrollbox li {float:left;}


#scrollbox a {display:block; color:#999; text-decoration:none; border:0px solid #fff; width:100px; height:100px; float:left; padding:5px; font-family:"verdana", sans-serif; font-size:14px; text-align:center;}

#scrollbox a.slidea {background:url(../../vertical-slide/blackpearl1/small2079_1.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(../../vertical-slide/blackpearl1/small2079_2.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(../../vertical-slide/blackpearl1/small2079_3.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(../../vertical-slide/blackpearl1/small2079_4.jpg) no-repeat center center;}
#scrollbox a.slidee {background:url(../../vertical-slide/blackpearl1/small2079_5.jpg) no-repeat center center;}
#scrollbox a.slidef {background:url(../../vertical-slide/blackpearl1/small2079_6.jpg) no-repeat center center;}
#scrollbox a.slideg {background:url(../../vertical-slide/blackpearl1/small2079_7.jpg) no-repeat center center;}
#scrollbox a.slideh {background:url(../../vertical-slide/blackpearl1/small_sac_de_transport_pour_armes1.jpg) no-repeat center center;}
#scrollbox a.slidei {background:url(../../vertical-slide/blackpearl1/small_sac_de_transport_pour_armes2.jpg) no-repeat center center;}
#scrollbox a.slidej {background:url(../../vertical-slide/blackpearl1/small_sac_de_transport_pour_armes3.jpg) no-repeat center center;}
#scrollbox a.slidek {background:url(../../vertical-slide/blackpearl1/small_sac_de_transport_pour_armes4.jpg) no-repeat center center;}
#scrollbox a.slidel {background:url(../../vertical-slide/blackpearl1/small_sac_de_transport_pour_armes5.jpg) no-repeat center center;}
#scrollbox a.slidem {background:url(../../vertical-slide/blackpearl1/small_sac_a_dos_anti_pluie_2137.jpg) no-repeat center center;
}
#scrollbox a.sliden {background:url(../../vertical-slide/blackpearl1/small_sac_a_dos_anti_pluie_2137_2.jpg) no-repeat center center;
}
#scrollbox a.slideo {background:url(../../vertical-slide/blackpearl1/small_sac_fourre_tout_depliable.jpg) no-repeat center center;
}
#scrollbox a.slidep {background:url(../../vertical-slide/blackpearl1/small_sac_fourre_tout_anti_retour_a_rabat1.jpg) no-repeat center center;
}
#scrollbox a.slideq {background:url(../../vertical-slide/blackpearl1/small_sac_fourre_tout_anti_retour_a_rabat2.jpg) no-repeat center center;
}

#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}
 photo ouvrante 
#scrollbox a:hover {border:0px solid #888;}
#scrollbox a:hover span {width:350px; height:350px; top:5px; left:20px; background:#fff; z-index:100;}

#scrollbox a:active {border:0px solid #000;}
#scrollbox a:focus {border:0px solid #000; outline:0;}

* html #scrollbox a:active span {width:400px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:-1;}


</style>
