div#currentGalleryContent {
	margin-top: 40px;
}

a.galleryNavLink {
	float: right;
	margin: 0 0 0 10px;
}
a.prev, a.next {
	font-size: 13px;
}

div#galleryThumbs a img {
	background-color: #fff;
	border: 1px solid #999;
	margin: 0 3px 3px 0;
	padding: 2px;
}

div#galleryThumbs a:hover img {
	border: 1px solid #fff;
}


select#GallerySelectMenu {
	font-size: 12px;
	padding: 2px;
}
select#GallerySelectMenu option {
	margin: 3px;
}


/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
    /* required settings */ 
		background-color: #EBDBAA;
    position:relative; 
    overflow:hidden;
    width: 520px;     
    height:420px;     
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
	background-color: #EBDBAA;
	float:left; 
	width: 600px;     
	height:420px;
	text-align: center;
}