.wrapperimagedetail {
    width: 690px;
}

.wrapperimages {
    width: 690px;
}
.wrappergallery {
    width: 690px;
}

/*col styles are used for the placement of the previous and next buttons next to the gallery*/
.colleftgallery { width:30px; float:left; padding-top:200px;} 
.colrightgallery { width:30px; float:right; padding-top:200px;} 

.colleftimages { width:30px; float:left; padding-top:200px;} 
.colrightimages { width:30px; float:right; padding-top:200px;} 

.colleftimagedetail { width:30px; float:left; padding-top:200px;} 
.colrightimagedetail { width:30px; float:right; padding-top:200px;} 

/*bottom styles are used for the placement of the previous and next buttons at the bottom*/
.bottomleftgallery {  float:left; } 
.bottomrightgallery {  float:right;} 

.bottomleftimages {  float:left; } 
.bottomrightimages {  float:right;} 

.bottomleftimagedetail {  float:left;} 
.bottomrightimagedetail {  float:right;} 

.scroll {
    height: auto;
    width: 610px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
   
    
}

.scrollContainer div.panel {
    height:auto;
    width: 610px;
}



ul.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.pagination li {
    display: inline;
    margin-right: 10px;
}

ul.pagination a {
    padding: 1px;
    color: #000;
    text-decoration: none;
}

ul.pagination a:hover {
    font-weight:bold;
}

ul.pagination a.selected 
{
	font-weight:bold;
}

ul.pagination a:focus {
    outline: none;
}


.hide {
    display: none;
}