/*--------------------------------------------------------------------------

The Trafford Centre - Basic Style Sheet

Version:	1.0
Author:		Everybody
Email:		support@idaho.uk.net
Website:	http://traffordcentre.dev | http://www.traffordcentre.co.uk

*** Last Modify Date: 23/11/2006 (Aaron) ***

--------------------------------------------------------------------------*/

/* =LayoutStructure
--------------------------------------------------------------------------*/

#preamble { background-color: #E4F5F4; color: #277D7D; }

#search label, #pNav li, #pNav li a { color: #277D7D; }
.searchbox { border-color: #9ED2D0;}

.changeFeatureTabs UL LI
{
	background-color: #ECFBF6;
	color: #277D7D;
}
.changeFeatureTabs UL LI A { color: #277D7D; }
.changeFeatureTabs UL LI.active		{ background-color:#277D7D;	}
.changeFeatureTabs UL LI.active	A	{ color:White;	}
.changeFeatureTabsFullWidth UL LI	{ background-color:#E4F5F4; }


/* =pContent
--------------------------------------------------------------------------*/

h2 { color: #2F908F; }

.dirSearch { border-color: #2F908F; background-color: #F2F5F9; }

.directory h4 {  }

#alphaIndex a { color: #2F908F; }
#alphaIndex span { color: #B3B3B3; }
#alphaIndex span.active { color: #CC0000; }

.directory .az { background-color: #ECF8F7; }
.directory .stores { background-color: #D1DBE9; }
.directory .map { background-color: #F0F0DB; }

.directory div.az { background-image: url(/img/familyfacilities/directory/az_pageturn.gif); }
.directory div.stores { background-image: url(/img/familyfacilities/directory/stores_pageturn.gif); }
.directory div.map { background-image: url(/img/familyfacilities/directory/map_pageturn.gif); }

.directory .section, .dirSearchLabel { color: #2E908F; }

#resultsPane #list a, .resultsPane #list a { color: #515151; }

#resultsPane h3, .resultsPane h3, .directory .backto { color: #2F908F; }

.podTxt h3 { color: #2E908F; }

.alternate .right .pod { border-bottom-color: #5BA9A8; }
.alternate .right .pod { background-color: #FFFFFF; }
.alternate .left .pod { background-color: #ECF8F7; }

.changeFeature { background-color: #E4F5F4; }
.changeFeature strong { color: #8D1300; }
.changeFeature a { color: #2E908F; }

.toDirectoryLinks li { background-image: url(/img/familyfacilities/transparent_arrow_large.gif); }
.toDirectoryLinks li a { color: #2E908F; font-weight: bold; }

.serviceBody { margin: 0 0.15em; }
.serviceBody a { color: #2E908F; }

/* Homepage */
.familyHomePods .col				{	height: 14.5em;  
									}
.familyHomePods .block				{	border: Solid 1px #b1e2df; 
										margin: 0.125em;
									}
.familyHomePods .col .inner			{	background: url(/img/familyfacilities/grad_long.gif) top left repeat-x; 										
										height: 14.5em;
									}
.familyHomePods .col .halfHeight	{	height: 7em;
										background: url(/img/familyfacilities/grad_half.gif) top left repeat-x;
									}
.familyHomePods .col .shortGrad		{	background: url(/img/familyfacilities/grad_short.gif) top left repeat-x; }
.familyHomePods .col .inner H3		{	padding: 0.25em 0 0.25em 0.25em; }
.familyHomePods .col .inner DIV.freeform,
.familyHomePods .col .inner P
									{	padding: 0 0 0 0.5em; }
.podSubBody A						{	color: White; }


/* Events Calender */

.anEvent
{	
	margin: 0 0 0.5em 0;
	padding: 0 0 1em 6.4em;
	position: relative;
	clear: left;
	min-height: 5.5em;	
	_height: 5.5em;	
	border: 1px dashed #699AAC;	
	border-top-color: #FFFFFF;	
	border-left: 0;
	border-right: 0;		
}

.anEventImage { margin: 0 0 0 -6.4em !important; position: absolute; width: 5.8em; height: 5.8em; } /* 65x65 adjusted values for width/height because freeform font-size affects calculation */

.anEvent h4 { font-size: 110%; color: #277D7D; font-weight: bold; }
.anEvent h4 a { color: #277D7D; }
.anEvent h5 { font-size: 100%; color: #515151; font-weight: bold; }
.anEvent .arrow { color: #277D7D; background-image: url(/img/familyfacilities/link_arrow.gif); }

.eventPrevNext { margin: 1em 0; font-size: 80%; font-weight: bold; color: #32627D; }
.eventPrevNext a { color: #32627D; }


/* =sNav
--------------------------------------------------------------------------*/

#sNav ul li.active, #sNav ul li.active a { color: #277D7D; }
#sNav ul li.active a { background-image: url(/img/nav/familyfacilities/nav_arrow_on.gif); }
#sNav ul li.active ul li a { background-image: url(/img/nav/familyfacilities/subnav_arrow_on.gif); }