#jgal {
 list-style:none;
 width:200px;
 padding-left:330px;
 position:relative;
}

#jgal li {
 opacity:0.5;
 float:left;
 display:block;
 width:60px;
 height:60px;
 background-position:50% 50%;
 cursor:pointer;
 border:3px solid #fff;
 outline:1px solid #ddd;
 margin-right:14px;
 margin-bottom:14px;
}

#jgal li img {
 position:absolute;
 top:0;
 left:0px;
 display:none;
 border:3px solid #fff;
 outline:1px solid #ddd;
}

#jgal li.active img {
 display: block;
}

#jgal li.active, #jgal li:hover {
 outline-color:#bbb;
 opacity:0.99 /* safari bug */
}

#gallery {
 list-style: none;
 display: block;
}
#gallery li {
 float: left;
 margin: 0 10px 10px 0;
}

#gallery {
 display: none;
}