/* ----- IMAGES ----------------------------------------------------------- */
/* ----- original - single default div.image in containing div#images ----- */
div#images
{
	width: 250px;
	float: right;
	text-align: right;
	margin-bottom:15px;
}
div#images div.image
{
	margin-right: 15px; /* preferable to apply to div#images - but IE 2x Margin Float Bug - miks */
}
div.image
{
	margin-bottom: 10px;
}





/* ----- DIV#image with additional thumbnails on seperate tab --------------------  */
/* if all images could always be a fixed width, could make this look a little nicer - but EMu images will always vary as height consistent for portrait images and width for landscape */
div#image
{
	width: 250px;
	float: right;
	margin-right:15px;
	margin-bottom:15px;
}
div.tab-content div.image
{
	width: 90px;
	padding-bottom: 10px; 	/* because IE cannot apply margins correctly... sigh... */
}




/* ----- DIV#images containing DIV#image with additional thumbnails in DIV#image-selector - vertical scrolling ----- */
div#images
{
	width: 250px;
	margin-right:15px;
	text-align: center;

	/* ADDITIONAL RULES if main image centred (extends background of image-selector around main image) */
	/* if using these should limit IMG width to 20px less than max width */
	background-color: #DBDADA;
	padding-top: 10px;
}
div#image-selector
{
	width: 235px;
	height: 170px;
	padding-left: 15px;
	/* padding-top: 15px;
	padding-bottom: 15px;				this works fine in IE, but not FF... */
	overflow: auto;
	background-color: #DBDADA;
	border-top: 15px solid #DBDADA;			/* ...so do this instead */
	border-bottom: 15px solid #DBDADA;		/* ...so do this instead */
}
div#images div#image
{
	/* NOTE - if main image centred, maybe best to add darker backgroud and padding to div#images for better visual integration with selector beneath?  But this looks dodgy if image right-aligned */
	margin-right: 0;		/* remove default */
	float: none;			/* remove default to allow centred image */
	margin: auto;			/* centre image */
	margin-bottom: 15px;
}
div#image-selector div.image
{
	width: 90px;
	float: left;
}
div#image-selector div.image p
{
	/* adjust default styling */
	padding: 3px;
	font-size: 0.9em;
}

/* remove default styling from main image caption - use with centred main image */
/* have to do this while it is not possible to know the IMG width in advance as have no way of keeping the P constrained to the same width */
div#image p
{
	color: #000;
	background-color: #DBDADA;
	border-width: 0;
}







/* ----- googlemap -------------------------------------------------------- */
div#map
{
        width: 520px;
        height: 250px;
        border: 1px solid #747474;
	margin: 10px;
	margin-left: 10px;
}


/* ----- tabs ------------------------------------------------------------- */
/* ----- minimum tab-content height ----- */
#tabs-detail .tab-content
{
	min-height: 150px;
	/* rule adjusted for IE6 in /generic/hacks/ie6-or-less.css */
}


/* ----- Specify width for tab data residing within tab content areas.------- */
 
.tab-content table
{
	width: 96%;
}
 
 
 
 
/* ---- Form buttons in a field set ---- */
fieldset.buttons input
{
	width: 80px;
}

/* -- Give sort elements a little padding ---*/
.button-sort
{
	margin-left:25px;
}
 
 
/* -- Size display tables correctly to fit in small page widths --------*/
 
.table-display 
{
	width: 46% !important; /* 49% */
}

.table-display th
{
	width: 100px;
}

/* -- Links on the display page. -- */
.links
{
	float: right;
	clear: right;
	margin-right: 15px;
	text-align: right;
}