/* general settings for both scrollables */
		.items {	
			width:20000em;	
			position:absolute;
			clear:both;
		}
		
		/* next/prev buttons */
		.NaviOverlay {
			background-image:url(module/JQuery/Overlay/img/hori_large.png);
			width:30px;
			height:30px;
			float:left;
			margin-top:55px;
		}
		
		.NaviOverlay:hover  		{ background-position:-30px 0; }
		.NaviOverlay:active  		{ background-position:-60px 0; }
		.next 				{ background-position: 0 -30px; clear:right; }
		.next:hover 		{ background-position:-30px -30px; }
		.next:active 		{ background-position:-60px -30px; } 
		
		
		.NaviOverlay.disabled {
			visibility:hidden;		
		}
		
		
		/* the thumbnail scrollable */
		#thumbnails {
			/*position:relative;
			overflow:hidden;	 	
			float:left;	
			width: 602px;	
			height:130px;
			background:#666 url(module/JQuery/Overlay/img/h150.png) repeat-x;
			margin:15px;*/
		}
		
		#thumbnails .items div {
			/*padding:5px;
			float:left;		*/
		}
		
		
		/* overlay styling */
		#box {
			/*background-image:url(module/JQuery/Overlay/img/black.png);
			background-color:#333333;
			width:656px;
			height:700px;
			position:absolute;
			display:none;*/
		}
		
		#box .close {
			/*position:absolute;
			left:8px;
			top:8px;
			cursor:pointer;
			height:35px;
			width:35px;
			text-decoration:none;*/
		}
		
		/* overlay scrollable */
		#images {	
			position:absolute;
			overflow:hidden;
			margin:10px 80px;
			width:557px;
			height:700px;	
		}
		
		/* single image */
		#images .items div {
			float:left;
			/*width:557px;
			height:400px;*/
			margin-right:30px;
		}
		
		/* the tooltip */
		#images .items .info {
			float:none;
			background:#333;
			color:#fff;
			font-size:13px;
			margin-top:-137px;
			padding:5px 75px;
			height:125px;
			display:none;
			width:490px;
		}
		
		#images .items .info h3 {
			color:#cde;
			margin-top:10px;
		}
		
		/* override button style on the overlay */
		#box .NaviOverlay {
			position:absolute;
			bottom:33px;
			left:50px;
		}
		
		#box .next {
			left:580px;
		}