/* The containing box for the gallery. */
#container {position:relative; width:740px; height:486px; margin: 0; background: url(http://modamasculina.com.br/images/MS_Jaquetas/back.jpg) 15px 10px no-repeat;}
/* Removing the list bullets and indentation - add size - and position */
#container ul {float:left;
height:479px;
list-style-type:none;
margin:0;
padding:0 0 0 231px;
width:525px;}

#container li {float:left;
	padding: 128px 0 0 20px;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:10px; left:15px; overflow:hidden; background: none}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:0; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(http://www.modamasculina.com.br/images/MS_Jaquetas/_CCM9824mini.jpg) no-repeat; height:215px; width:150px;}
#container a.slideb {background:url(http://www.modamasculina.com.br/images/MS_Jaquetas/_CCM9874mini.jpg) no-repeat; height:215px; width:150px;}
#container a.slidec {background:url(http://www.modamasculina.com.br/images/MS_Jaquetas/_CCM9875mini.jpg) no-repeat; height:215px; width:150px;}

#container a.slidel {background:url(/images/colecao/calcas/p12_t.jpg); height:215px; width:150px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:325px; height:479px; top:10px; left:15px; color:#000; font:normal 11px verdana;}
#container a.gallery:hover img {border:0; float:left; margin-right:5px;}