
/*--------------------------------------------------------------------------------

	

--------------------------------------------------------------------------------*/

	div.images {  }



/*	Category select			----------------------------------------------------*/

	div.images div.categoryselector { text-align: right; margin: 15px 20px 15px 0; }
	div.images div.categoryselector h3 { display: inline; margin: 0 5px 0 0; }



/*	Lightbox				----------------------------------------------------*/

	div.images div.lightbox {  }
	div.images div.lightbox ul { margin: 0; padding: 0; }
	div.images div.lightbox ul li { 
		margin: 0 0.9em 0.9em 0; 
		padding: .3em; 
		list-style: none; 
		float: left; 
		width: 112px; 
		height: 112px; 
		text-align: center;
	}
	
	div.images div.lightbox ul li a img { 
		border: 1px solid #e5e5e5; 
	}
	
	div.images div.lightbox ul li a:hover img { 
		border: 1px solid #AAA; 
	}
	


/*	Film strip				----------------------------------------------------*/

	div.images div.filmstrip  { margin: 0 0 1em 0; }
	
	div.images div.filmstrip div#strip {
		clear: both;
		height: 142px;
		width: 660px;
		overflow: auto;
		border-top: none;
		padding: 0 0 10px 10px;
		background: #eaeaea;
	}
	
	div.images div.filmstrip .holder {
		overflow:visible;
	}
	
	div.images div.filmstrip .item { float: left; margin-right: 10px; }
	
	div.images div.filmstrip .item .img {
		border: 1px solid #ccc;
		width: 100px;
		height: 100px;
		text-align: center;
		display: block;
		background: #fff;
		padding: 2px;
	}
	div.images div.filmstrip .selected .img { border: 1px solid #666; }

	div.images div.filmstrip .item img { cursor: pointer; }
	div.images div.filmstrip .item:hover .img { border: 1px solid #999; }
	
	div.images div.filmstrip div.item div.title { display: block; text-align: center; }
	div.images div.filmstrip div.item div.description { display: none; }
	div.images div.filmstrip div.item div.size { display: none; }
	div.images div.filmstrip div.item div.fileSize { display: none; }
	

/*	Featured images			----------------------------------------------------*/

	div.featuredimages { height: 308px;width: 198px; position: relative; border: 1px solid #E5E5E5;}
	div.featuredimages .inner { position: relative; height: 300px;width: 198px; overflow: hidden; }
	
	div.featuredimages a.prev, div.featuredimages a.next { 
		background: #fff; 
		position: absolute; 
		width: 20px; 
		padding: 25px 0px; 
		text-align: center; 
		top: 30px; 
		z-index: 10; 
		border: 1px solid #E5E5E5; 
		text-decoration: none; 
		color: #25529D !important; 
	}
	div.featuredimages a.prev { left: -1px; border-left-width: 0px; }
	div.featuredimages a.next { right: -1px; border-right-width: 0px;}
	div.featuredimages a.prev span, div.featuredimages a.next span { display: none; } 
	div.featuredimages a.prev:hover, div.featuredimages a.next:hover { width: 55px; } 
	div.featuredimages a.prev:hover span { display: inline; }
	div.featuredimages a.next:hover span { display: inline; }
	
	
	div.featuredimages ul { width: 10000px; margin: 0; padding: 0; }
	div.featuredimages ul li { width: 198px; margin: 0; float: left; list-style: none; background: #FDFDFD; font-size: 1em; }
	div.featuredimages ul li a.link { display: block; width:198px; margin-bottom: 5px; padding: 5px;}
	div.featuredimages ul li a.link:hover { background: none; }
	div.featuredimages ul li a.link img { display: block; }
	div.featuredimages ul li h6 { margin-top: 0.5em; }
	div.featuredimages ul li div.description { padding: 5px; }

/*	Preview					----------------------------------------------------*/

	div.images div#preview { padding: 10px; background-color: #eaeaea; }
	div.images div#preview a { border: none; display: block; }
	
	div.images div#preview div#imagediv {
		float: left;
		height: 280px;
		width: 280px;
		padding: 10px;
		background: #fff;
		margin: 0 auto 10px auto;
		border: 1px solid #ccc;
		text-align: center;
	}
	
	div.images div#preview div#detailHolder { float: right; padding-right: 10px; width: 320px; }
	div.images div#preview div#detailHolder div#titlediv { margin: 0; font-weight: bold;	 font-size: 1.4em; }
	div.images div#preview div#detailHolder div#descriptiondiv { margin: 10px 0 0; height: 60px; }
	div.images div#preview div#detailHolder div#descriptiondiv p { margin: 0; padding: 0; }



/*	Navigation				----------------------------------------------------*/

	div.images div.links { margin: 1em 0 0; padding: 1em; text-align: center; clear: both; background: #eaeaea; }
	
	div.images div.links span.fp { }
	div.images div.links span.first { margin: 0 2em 0 0; }
	div.images div.links span.numbers { margin: 0 2em; }
	div.images div.links span.numbers span { margin: 0 3px; }
	div.images div.links span.nl { }
	div.images div.links span.last { margin: 0 0 0 2em; }
	
	div.images div.links a.current { color: #000000; font-weight: bold; }


div.randomiser {
	margin: 1em 0;
}

div.randomiser div.images {
	border: 1px solid #E5E5E5;
	background: none !important;
	overflow: hidden;
}

div.randomiser div.caption {
	color: #666666;
}

div.randomiser a {
	border: none;
}

/*--------------------------------------------------------------------------------
--------------------------------------------------------------------------------*/

div.randomiser .categoryselector {
	margin: 0 0 1em 0;
	text-align: right;
}

div.randomiser .categoryselector h3 {
	display: inline;
	margin: 0 5px 0 0;	
}

