/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width:441px;	 
	height:294px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
div.thumbs {	
	position:relative;
	width:20000em;	
	clear:both;
	margin:0 0 0 0;
}

/* custom positioning for navigational links */

/* was previously top: -180px; at revision 875 */
div.detailImage  a.prev, div.detailImage a.next {
	top:-160px;
}



/* single item */
div.thumbs div {
	float:left;
	width:442px;
	height:294px;
	margin:0 -1px 0 0;
	cursor:pointer;
}

/* style when mouse is over the item */
div.thumbs div.hover {
	background-color:#000;	
}


/* style when element is active (clicked) */
div.thumbs div.active {
	background-color:#000;
	cursor:default;
}




/********

CAFE Size scroller 600/250PX 

*********/

/* root element for the whole scrollable setup */
div.scrollablePanormaic {  
	position:relative;
	overflow:hidden;
	width:599px;	 
	height:250px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
div.thumbsPanormaic {	
	position:relative;
	width:20000em;	
	clear:both;
	margin:0 0 0 0;
}

/* custom positioning for navigational links */
div.detailImagePanormaic  a.prev, div.detailImagePanormaic a.next {
	top:-130px;
}



/* single item */
div.thumbsPanormaic div {
	float:left;
	width:600px;
	height:250px;
	margin:0 -1px 0 0;
	cursor:pointer;
}

/* style when mouse is over the item */
div.thumbsPanormaic div.hover {
	background-color:#FFF;	
}


/* style when element is active (clicked) */
div.thumbsPanormaic div.active {
	background-color:#066;
	cursor:default;
}


/********

HIRES EVENTS / SPACES Size scroller 600/250PX 

*********/

/* root element for the whole scrollable setup */
div.scrollableHires {  
	position:relative;
	overflow:hidden;
	width:599px;	 
	height:350px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
div.thumbsHires {	
	position:relative;
	width:20000em;	
	clear:both;
	margin:0 0 0 0;
}

/* custom positioning for navigational links */
div.detailImageHires  a.prev, div.detailImageHires a.next {
	top:-180px;
}



/* single item */
div.thumbsHires div {
	float:left;
	width:600px;
	height:250px;
	margin:0 -1px 0 0;
	cursor:pointer;
}

/* style when mouse is over the item */
div.thumbsHires div.hover {
	background-color:#FFF;	
}


/* style when element is active (clicked) */
div.thumbsHires div.active {
	background-color:#066;
	cursor:default;
}