*{
    margin: 0px;
    padding: 0px;
}


#slideShow{
    background: #FFF;
    margin: 0px auto;
    width: 750px;
    position: relative;
}

.thumbContainer{
    position: relative;
    display: inline-block;
    padding-top: 12px;
}

.thumbIconContainer{
    margin: 0px 0px;
}

.thumbIconContainer .slide{
    
}

.overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    opacity:0.20;
    -moz-opacity:0.20;
    filter:alpha(opacity=20);
    width: 100%;
    height: 100%;
}

.loadingDiv{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    z-index:1010;
}

.slide{
   background: url(../images/frame.png) no-repeat;
   padding: 4px;
}

.slide.sel{
   background: url(../images/selFrame.png) no-repeat;
}

.popBack{
    background: url(../images/popBack.png) no-repeat;
    padding: 10px 7px 12px 8px;
}

.controller{
    display:none;    
}

.controller>div{
    padding: 7px;
    background-color: #707070;
    position: absolute;
    z-index: 1000;
    right: 0px;
    top: 5px;
/*    opacity:0.70;
    -moz-opacity:0.70;
    filter:alpha(opacity=70);*/
}

.controller a{
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
}

.controller .prev,.controller .next, .controller .play{
    background: url(../images/prev.png) no-repeat;
    width: 9px;
    height: 10px;
}
.controller .next{background: url(../images/next.png) no-repeat;margin-right: 0px;}
.controller .play{background: url(../images/play.png) 0px 1px no-repeat;}
.controller .pause{background: url(../images/pause.png) no-repeat;}