#gallery{
 height:462px;
 overflow:auto;
 margin:12px;
}
#gallery .pic{
 float:left;
 width:130px;
 height:130px;
 margin:12px;
 .margin:5px 5px 5px 2px;
 text-align:center;
}
#gallery .pic img{
 width:100%;
 height:100%;
}









#gallery .pic img{
 display:block;
}
#gallery .pic .label{
 text-align:left;
 margin:-36px 0 0 0;
 padding:3px 6px;
 height:30px;
 width:100%;
 background:#fff;
 -moz-opacity: 0.7;
 opacity:0.70;
 filter:alpha(opacity=70);
}
#gallery .pic span{
 color:#ec8724;
 display:block;
}
#galleryBar{
 text-align:right;
 height:20px;
 margin:5px;
 display:none;
}
#galleryBar a{
 text-transform:uppercase;
 font-size:9px;
 display:block;
 float:right;
 margin:0 0 0 30px;
 padding:3px 10px;
 cursor:pointer;
}
#galleryBarNext{
 background:url(../img/arrow.gif) no-repeat right 5px;
}
#galleryBarPrev{
 background:url(../img/arrowR.gif) no-repeat left 5px;
}

/* JS */

.gGrid{
 height:462px;
 width:770px;
 overflow:hidden;
 position:absolute;
 top:10px
 left:10px;
}
.gGContainer{
 height:100%;
 width:100%;
 position:absolute;
 left:0;
 top:0;
}
.gGBox{
 height:100%;
 width:770px;
 float:left;
}


.gGPic{
 float:left;
 width:130px;
 height:130px;
 text-align:center;
 overflow:hidden;
 position:relative;
 margin:12px;
 .margin-left:5px;
}
.gGPicOver{
 position:relative;
 height:130px;
 width:130px;
 left:0;
 bottom:0;
 overflow:hidden;
}
.gGPicMask{
 position:absolute;
 height:130px;
 width:130px;
 left:0;
 bottom:0;
 background:#fff;
 opacity:0.20;
 filter:alpha(opacity=20);
}
.gGPicImg{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
}
.gGPicButton{
 position:absolute;
 height:130px;
 width:130px;
 left:0;
 bottom:0;
 .filter:alpha(opacity=0);
 .background:#fff;
 cursor:pointer;
}
.gGPicLabel{
 position:absolute;
 left:0;
 bottom:0;
 color:#000;

 text-align:left;
 margin:0;
 padding:3px 6px;
 height:30px;
 width:100%;
 background:#fff;
 -moz-opacity: 0.7;
 opacity:0.70;
 filter:alpha(opacity=70);
}
.gGPicLabel span{
 display:block;
}

.gPreview{
 position:absolute;
 left:50%;
 top:190px;
 height:600px;
 width:800px;
 overflow:hidden;
 margin:0 0 0 -335px;
 z-index:100;
}
.gPMask{
 position:absolute;
 left:100%;
 top:0;
 width:100%;
 height:100%;
 height:600px;
 background:#fff;
}
.gPBorder{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 height:600px;
 opacity:0.0;
 filter:alpha(opacity=0);

}
.gPCont{
 height:600px;
 position:relative;
 height:600px;
}
.gPImg{
 height:570px;
 overflow:hidden;
}
.gPBorder img{
 cursor:pointer;
 z-index:0;
}
.gPBorder img.hide{
 z-index:1;
 opacity:0;
 .filter:alpha(Opacity=0);
}
.gPLoader{
 width:32px;
 height:32px;
 margin:168px 0pt 0pt 388px;
}
.gPBar{
 width:100%;
 height:30px;
}
.gPBar a{
 display:block;
 margin:0;
 padding:3px 10px;
 text-transform:uppercase;
 font-size:9px;
}
.gPBar .next{
 float:right;
 background:url(../img/arrow.gif) no-repeat right 5px;
}
.gPBar .prev{
 float:left;
 background:url(../img/arrowR.gif) no-repeat left 5px;
}

.gRoller{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:#000;
 overflow:hidden;
}
.gRContainer{
 position:absolute;
 left:50%;
 top:0;
 width:100px;
 height:100%;
}
.gRContainer img{
 position:absolute;
}