/****************************************************************/
/*	site-wide but non-sectional utility styles		*/
/*		import BEFORE section.css			*/
/****************************************************************/

/****************************************************************/
/*	NOTE							*/
/*	most background-position and repeat styles		*/
/* 	can prob be moved to a global stylesheet (nhm.css?)	*/
/* 	THIS APPLIES TO ALL STYLESHEETS				*/
/****************************************************************/

/****************************************************************/
/* 	CHECK!!							*/
/* 	how is sectional colour generated in utilities?	should	*/
/* 	be consistent with content, but prob isn't (eg - LI 	*/
/* 	gets correct colour in utilities but not panels		*/
/****************************************************************/


/* 
is #utlity redundant now tertiary nav will be on the left ??? 
if so, can also remove selectors from other stylesheets - miks 
*/

#utilities fieldset.search 
{
	/* use this to adjust utility search forms?? - miks */
}
#utilities .searchBox 
{
	width: 110px;
}

#utilities input.searchGo 
{
	margin-bottom: 3px;
}


#utilities 
{
	float: left;
	width: 158px;
	line-height: 1.4em;	/* added to prevent peekaboo - possibly better elsewhere?? - miks */
}
#utility 
{
	background-color: #F2F2F2;
	border-bottom: 2px solid #FFFFFF;			/* seperate from tertiary nav div [ ?? tnd no longer exists... - miks - 08/2007 ] */
}
#utilities, #utility
{
	font-size: 0.9em;
}


#utilities div, #utility div
{
	background-color: #F2F2F2;				/* default - override using specific utility ID if nec */	
	margin-bottom: 10px;					/* separate utilities vertically */
}
#utilities div.firstItem, #utility div.firstItem
{
	background-position: top right;
	background-image: url(generic/images/curve-top.gif);
}
#utilities div.promo div
{
	margin-bottom: 0px;
}
#utilities div.promo
{
	margin-bottom: 10px;
	display: inline-block;	/* CHECK THIS - without this, margin-bottom not applied - presumably this sets hasLayout=true - but would that be necessary if not using the clearfix scenario below - which I don't think we need... - miks - 09/2007 */
}



/* clearfix for FF floating behaviour */	/* IS THIS REQUIRED?? */
#utilities div.promo:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #utilities div.promo {height: 1%;}
/* End hide from IE-mac */




/* need these FFact styles ??? - miks */
div#utilities div#fantasticFact 
{
	background-position: bottom left;
	padding-bottom:5px;
	background-image: url(generic/images/curve-bot.gif);

}

div#utilities #fantasticFact h5 
{
	margin-top:0;
	margin-bottom:0;
}

div#utilities #fantasticFact p 
{
	padding-top:10px;
}

/* ----- utility content styles ----- */
#utilities h5, #utility h5
{
	padding: 8px 5px 5px 10px;
	margin: 0px;
}
#utilities h6
{
	color: #000;
	font-weight: normal;
	margin-left: 10px;	
}


#utilities p		{ padding: 0px 10px 5px 10px; }
#utilities form		{ padding: 0px 10px 10px 10px; }
#utilities fieldset 	{ border-width: 0; }
#utilities ul 		{ padding: 5px 5px 10px 25px; clear: both; }
#utilities li 		{ padding-bottom: 2px; }
#utilities li a:link, #utilities li a:visited, #utilities li a:active
{	
	color: #000;
	font-weight: bold;
}









/* ----- specific utility content styles ----- */
#utilities img			/* .icon - this ought to be here, but eWebEditPro removed it from the utility-floorplans content item (which is why the following fantasticFact and promos rule is necessary)  - miks */
{
	float: right;
	padding: 10px 10px 0px 5px;
}
#utilities li img			/* Again miks, you're quite right these extra rules should be uneccessary - se evolution hp for exmaple of where this rule is used */
{
	float: none;
	padding:0 0 10px 0;
}
#fantasticFact img, #utilities div.promo img	/* see note above - remove when icons working correctly */
{
	float: none;
	padding: 0;
}

/* the XHTML mark-up for this utility is a mess - we really need a way of creating bulleted links without ULs */
#utility-partners img
{
	float: none;
	margin: 0 0 0 25px;
	padding-top: 0;
	/* margin-left: 20px;		a bit of a fudge - won't accept margin:auto - miks - 04/2006 */
	border: 0px solid red;
}
#utility-partners ul
{
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border: 0px solid red;
}
#utility-partners a:link, #utility-partners a:visited, #utility-partners a:active, #utility-partners a:hover
{
	font-weight: bold;
	color: #000;
}


#utility-rss p a			/* should this be more generic? - miks - ACTUALLY prob not in use, else superceded by following block */
{
	font-weight: bold;
	color: #000;
}

#utility-feeds h5
{
	background-image: url("/includes/images/generic/icons/filetypes/rss-14x14.gif");
	background-position: right center;
	margin-right: 8px;
}


#utilities h5 img
{
	padding: 0;
	margin: 0;
}