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

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) ***

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

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=LayoutStructure	
	=header
	=Shared Styles
	=pContent	
	=sContent
	=sNav
	=footer

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


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {	padding: 1em; 	}
body.site { 		background: url(/img/background.gif) top left repeat-x; }


.accessLinks { display: none; }


/* =Typography 
--------------------------------------------------------------------------*/

body { font-family: Arial; font-size: 100%; color: #515151; }



/* =Headings
--------------------------------------------------------------------------*/

h1 { float: right; font-size: 100%; } 
h2 { margin: 0 0 0.15em 0; font-weight: normal; }

h3, h4, h5, h6 {}


/* =Links 
--------------------------------------------------------------------------*/

a { color: #847E3C; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { }

a img { border: 0; }

.alreadyMember { margin: 1em 0 0 0; display: block; font-size: 95%; font-weight: bold; color: #FFFFFF; }


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

#siteContainer 
{ 
	margin: 0 auto;
	padding: 0.1875em;
	position: relative;
	width: 47.5em;
	background-color: #FFFFFF;	
	border: Solid 1px #d4dee6;
}

#header 
{
	padding: 0 0 0 0;
	height: 7.8125em;
	overflow: hidden;
}

#preamble
{
	float:left;
	/*margin: 0.1875em 0.1875em 0.1875em 0;*/
	width: 38.75em;
	height: 1.375em;
	overflow: hidden;
	background-color: #E1E0B6;
}

#contentContainer { margin: 0.5em 0 0 0; float: right; width: 35em; position: relative; }

.pContent 
{
	float: right;
	width: 35em; /* 26.1875em;	*/	
}

.twoColumn, .directoryPage { float: left; width: 26.1875em; }

.sContent 
{
	width: 8.5625em;
	float: right;	
}

#sNav
{
	padding: 0.5em 0 0 0;
	float: left;
	width: 12.375em;
}




/* =Shared Styles
--------------------------------------------------------------------------*/

.noBullet, #pNav, #footer ul, #sNav ul { list-style: none; }
.noBullet a { color: #515151; }

#footer li, .expanded ul li { display: inline; }

#pNav li a:hover, #footer li a:hover { text-decoration: underline; }

.arrowLinkArea { margin: 0 0.25em; margin-left: 0; font-size: 70%; }
.pod .arrowLinkArea { margin-left: 0.25em; }
.arrowLinkArea a, .arrow, .arrow_grey { padding: 0 20px 0 0; background: url(/img/link_arrow.gif) no-repeat 100% 50%; color: #847E3C; font-weight: bold; }

.quickLink h3, .podTxt h3, .relatedLinks h3 { font-size: 140%; font-weight: normal; }

.last { margin-right: 0 !important; }

.clearer { clear: both; display: block; height: 1%; font-size: 0; line-height: 0em; visibility: hidden; }

#row1 { margin: 0 0 0 0; float: left; }

#row2 { margin: 0 0 0 0; padding: 0; float: left; clear: left; width: 100%; }

/* freeform */

.freeform { font-size: 70% !important; }
.freeform p { margin: 0 0 0.8em 0; }
.freeform img { margin: 0.125em 0 0.125em 0; }
.freeform img.left { margin-right: 0.45em; }
.freeform img.right { margin-left: 0.45em; }
.freeform ul, .freeform ol { margin: 0.5em 1.5em; }
.freeform ol { margin-left: 2.5em; }
.freeform li { line-height: 1.2em; }
.freeform a { font-weight: bold; }
.freeform h2 { font-size: 225%; }
.freeform h3 { font-size: 180%; font-weight: normal; }
.freeform h4 { font-size: 150%; font-weight: normal; }
.freeform h5 { font-size: 135%; font-weight: normal; }
.freeform h6 { font-size: 100%; font-weight: bold; }
.freeform img[align=left] { margin: 0.125em 0.45em 0.125em 0 !important; }
.freeform img[align=right] { margin: 0.125em 0 0.125em 0.45em !important; }

.withmarginboth p { margin: 0 1.5em 0.8em 0.75em; }
.withmarginright p { margin-right: 1.5em; }

.withmarginboth ul { margin-left: 2.0em; }
.withmarginboth li, .withmarginright li { margin: 0 0 1em 0; }

/* Using this method because styling HR in IE and getting margins the same is a real pain :/    */
.hr { margin: 0.5em 0; clear: both; height: 0.0625em; overflow: hidden; background-color: #DBC28F; }
.hr hr { display: none; }

/* Tiles */
.tile { margin-bottom:0.5em; }

/* Forms */
.validation { margin: 0 0 1em 0; font-size: 70%; color: #515151; }
.valMessage	{ float:left; clear:both; margin: 0.25em 0 0.5em 9em; font-size: 0.7em; width: 20em; line-height: 110%; }
.validation ul { margin: 0 0 0 1.5em; }
.validation ul li { line-height: 1.5em; }

h3.formTitle 
{
	font-size: 85%;
	color: #CC0000;
}

.userForm 
{		
	padding: 0.25em 0 0.5em 0;	
	width: 26em;
	border: 0;				
}

.userForm legend
{
	display: none;
}

.userForm p { font-size: 70%; }

img.formError { margin: 0 0 0 0.125em; vertical-align: middle; }


/* Label > Texbox */

.textElement  { margin: 0 0 0.5em 0; clear: both; line-height: 1.5em; }
.textElement h5, .checkboxList h5, .visitterms { margin: 1em 0; line-height: 1.2em; }

.textElement .helptext { margin: 0 0 0 12.5em; padding: 0.25em 0 0 0 !important; font-size: 70%; line-height: 1.3em; }
.textElement label.selectAddress { line-height: 1.5em; }

.oneLine
{
    margin: 1em 0 0.5em 0;
}

.textElement select, .oneLine select
{
    width: 17.5em;
    font-family: Arial;
    font-weight: bold;
    font-size: 70%;
    background-color: #E9E8C9;
    vertical-align: middle;
}

.dobDay { width: 4.65em !important; }
.dobYear { width: 5em !important; }
.dobMonth { width: 8em !important; }

.textElement textarea, .oneLine textarea
{   	
	padding: 0.1875em;
    width: 17.2em;
    height: 4em;
    background-color: #E9E8C9;
    border: 0;
    font-family: Arial;
    font-weight: bold;
    font-size: 70%;
}

.oneLine select
{
	margin-left:8.8em;
}

.oneLine select.short
{
	margin-left:10.8em;
}
.oneLine select.wide
{
	margin-left:2em;
	width:28em;
}

.textElement input
{
	padding: 0.1875em;
	width: 17.2em; 	
	border: 0;
	background-color: #E9E8C9;	
	font-family: Arial;	font-weight: bold; font-size: 70%;
	vertical-align: middle;
	line-height: 1.5em; 
}
.textElement input.short
{
	margin-left:1.9em;
}

.textElement label, .iam, .nature
{
	margin: 0 0.5em 0 0;
	padding: 0.25em 0 0 0;
	display: block;
	float: left;
	clear: left;
	width: 12em;
	font-size: 70%;
	text-align: right;	
	line-height: 1em;	
}

.textElement .RightLabel
{
    margin: 0 0 0 5em;
}

.oneLine label
{
	margin: 0 1em 0.5em 1em;
	float: none !important;
	clear: right;
	width: auto;
	text-align: left;
}

.oneLine textarea, .oneLine input
{		
	margin: 0 0 0 12.5em;			
}

/* Static Spans */

.static { float: left; width: 100%; }
.static span
{
	margin: 0 0.5em 0 0;
	padding: 0.25em 0 0 0;
	display: block;
	float: left;
	clear: left;
	width: 12em;
	font-size: 70%;
	text-align: right;
	line-height: 1em;	
}

.static .staticValue 
{	
	margin-left: 0.25em;
	clear: none;
	text-align: left;	
	line-height: 1em
}


/* Label > Inline radio buttons */
.gender { margin: 0 0 0.5em 0 !important; font-size: 70%; line-height: 1.5em; }
label.labelGender { margin: 0 0.6em 0 8.3em !important; }
.gender label { margin: 0 2em 0 0; }
.gender input { margin: 0 0.5em 0 0; vertical-align: middle; }

/* No title > Checkboxlist */
.checkboxList { margin: 0 0 1em 0; }
.checkboxList .checkboxListContainer
{	
	margin: 0 0 0 7.3em;    
    width: 18em;          
}

.checkboxList span, 
.checkboxListSidebySide .checkboxListContainer span,
.checkboxListOneLine .checkboxListContainer span,
.checkboxListOneLineWide .checkboxListContainer span
{ padding: 0 0.25em; display: block; line-height: 1.2em; }

.checkboxList span label, 
.checkboxListSidebySide .checkboxListContainer span label, 
.checkboxList label
{
	margin: 0 0 0 0;
    font-size: 70%;    
    float:left;
    
}


.checkboxListSidebySide .checkboxListContainer table td label
{
	font-size: 70%;  
	padding: 0 0 3px 5px;
}

.checkboxListSidebySide .checkboxListContainer table td input
{
	padding: 0 ;
	
}

.checkboxList input { vertical-align: middle; float:left; }
.checkboxList label { margin-left: 0.5em; }

/* Label > Checkboxlist ( side by side ) */

.checkboxListSidebySide { margin: 0 0 0.75em 0; }
.checkboxListSidebySide p { font-size: 70%; }

.checkboxListSidebySide .checkboxListContainer
{
	float: right;
	width: 17.25em;		
}

.checkboxListSidebySide .checkboxListContainer span {}

/* One line title > Checkboxlist */
.checkboxListOneLine		{ margin: 1em 0 0.25em 0; }
.checkboxListOneLineWide	{ margin: 1em 0 0.25em 0.3em; }

.checkboxListOneLine .Title, .oneLine label, .checkboxListOneLineWide .Title
{
	margin: 0 1em 0.25em 1em;
	display: block;
	font-size: 70%;
}

.checkboxListOneLine .checkboxListContainer
{		
	margin-left: 7.8em;
	margin-right: 0;
	width: 16em;		
}

.checkboxListOneLineWide .checkboxListContainer
{
	margin-left: 2em;
	margin-right: 0;
	width: 32em;
	font-size: 70%;
}

.checkboxListOneLine .checkboxListContainer span input { vertical-align: middle; }

.checkboxListOneLine span label, .checkboxListOneLine label, .oneLine label
{
    font-size: 70%;
    padding-left: 0.5em;    
}

/* Default button styling */
.button 
{ 
	margin: 0 0 0.5em 12.5em;
	padding: 0.25em 0.5em !important; 
	clear: both; 
	display: inline;	
	width: auto; 
	overflow: visible; 
	border: 0; 
	background-color: #E1E0B6; 
	font-family: Arial; 
	font-size: 70%; 
	color: #CC0000; 
	font-weight: bold;		
}

.buttonMarginRemove, .dontKnow, .manualAddress, .cancel { margin-left: 0.5em !important; }

.checkboxList .Title
{    
    margin: 0 0.5em 0 0;
	display: block;
	float: left;
	width: 12em;
	font-size: 70%;
	text-align: right;
}

.checkableElement
{		
	margin: 1em 0;
	clear: both;
	line-height: 1.5em;	
}

.QuestionnaireTable
{
    margin: 0 1em;
	display: block;	
	font-size: 70%;
	text-align: left;
}

.checkableElement p 
{ 	
	display: block;
	float: left;
	clear: left;
	width: 12em;
	text-align: right;	
}

.checkableElement { float: left;  font-size: 70%; }

.chkmargin { margin: 0em 0 0 12.6em; display: block; }
.chkmargin label, .checkableElement ul.optins label, .checkableElement ul.interests label { margin: 0 0 0 0.5em; }

.noMargin label { margin-right: 0 !important; }

/* Side by side login control */
#registerOrLogin
{	
	margin: 1em 0 0 0;
	float: left;
	width: 26.1875em;	
	background-color: #f2f2e1;
}

#registerOrLogin .userForm { width: auto; }

.registerPod { margin: 1em 0 0 1em; float: left; display: inline; width: 11.4em; }
.loginPod { margin: 1em 1em 0 0; float: right; display: inline; width: 11.4em; }

.loginPod .textElement label
{
	margin: 0 0 0.25em 0 !important;
	padding: 0 !important;
	display: block;
	float: none;
	text-align: left;	
}

.loginPod .textElement input { width: 16em; border: 1px solid #E1E0B6; background-color: #FFF; }

.loginPod .checkboxList .checkboxListContainer { margin: 0; width: auto; }
.loginPod .login { margin: 0 0 0.5em 0; }

/* Text Zoom */
#sizerContainer
{
	position: absolute;
	top: 12em;	
	right: 1em;
	font-size: 70%;	
	z-index: 100;
}

#sizerContainer a { color: #515151; }
#sizerContainer img { vertical-align: middle; }
.plus { margin: 0 0.5em 0 0; }
.minus { margin: 0 0 0 0.5em; }

/* Search Results */
.searchResults { margin: 0 0.40em; padding: 0.5em 0 0 0; list-style: none; } 

.searchResult { margin: 0 0 0.5em 0; }
.searchResult h3
{ 
	margin: 0 !important;
	padding: 0 !important;
	font-size: 70% !important;
}

.searchResult h3 a { color: #515151; }

.searchResult p { font-size: 70%; }

/* Site A-Z */
.siteAZalphaIndex { margin: 0.75em 0em 0.5em 0em; padding: 0.5em; background-color: #E1E0B6; font-size: 90%; }
.siteAZalphaIndex a { color: #605C2C; font-weight: bold; }
.siteAZalphaIndex .active { color: #BA5417; font-weight: bold; }

.siteAZsearchResults { padding:0.5em; list-style-type: none; background-color:#F2F2E1; }
.siteAZsearchResults .siteAZcontext { font-weight:normal; }


/* =header
--------------------------------------------------------------------------*/

h1 img { width: 8.5625em; height: 7.8125em; }
.sectionHeader { margin: 0 0 0 0; padding: 0 0 0 0;float: right; width: 26.1875em; height: 6.25em; }
.rotate { width: 38.75em; height: 6.25em; padding: 0 0 0 0; margin: 0 0 0.1825em 0; }


/* =preamble
--------------------------------------------------------------------------*/

#userOptions 
{ 
	float: right;
	width: 8.5625em;
	height: 1.375em;
	background-color: #BBB86B; 
	border-left: 0.1875em solid #FFF;
	text-align: center;
	line-height: 1.275em;
	color: #FFFFFF;
}

#userOptions a { font-weight: bold; font-size: 80%; color: #FFFFFF; }

#pNav
{
	margin: 0 2.5em 0 0;
	float: right;
	width: 32em;
	color: #605C2C;
	font-size: 75%;
	line-height: 1.8em;
}

#pNav a { }

#pNav li { display: inline; }

#pNav li a { color: #605C2C; }

#search
{
	float:left;
	margin-right: 0.5em;
	font-weight: bold;
	color: #847E3C;
}

#search label { margin: 0 0 0 0.25em; font-size: 80%; }

.searchbox { padding: 0.1875em; width: 10em; vertical-align: middle; border: 0.0625em solid #C2C06E; font-size: 70%; }
.searchSubmit { vertical-align: middle; }


/* =contentContainer
--------------------------------------------------------------------------*/

.breadcrumbs { margin: 0 0.5em 1em 0; font-size: 70%; }
.breadcrumbs a { color: #515151 !important; text-transform: lowercase; }
.breadcrumbs a:hover { text-decoration: underline; color: #515151 !important; }

.sharing	{ float: right; margin-right: 0.125em; }

.sendtofriend { margin: 0.5em 0; float: right; display: block; }
.sendtofriend img { width: 8.5em; height: 2.125em; }


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

/* Video page */
.videoPanel
{
	float:left;
	position:relative;
	width:35em;
	font-size:100%;
	margin-bottom:1.25em;
}
.videoPanel .video
{
	float:left;
	width: 26.1875em;
}
.videoPanel .heading
{
	float:left;
	width:7.6625em;
	padding:0.45em;
}

.videoThumb
{
	float:left;
	clear:both;
	width:37.4em;
	margin-bottom:0.75em;
	background-image:url(/img/video/thumb_bg.gif);
	background-repeat:repeat-y;
	background-position: 10.2035em top;
}

.videoThumb .videoThumbImg
{
	float:left;
	margin-right:0.9821em;
}
.videoThumb .videoThumbImg IMG
{
	width:9.8214em;
	height:6.964em;	
}
.videoThumb .videoThumbBody
{
	float:left;
	width:26.0071em;
}

.videoThumb .videoThumbBody .videoThumbContent
{
	float:left;
	width:19.9643em;
}
.videoThumbContent A
{
	font-weight:normal;
	color:#666666;
}
.videoThumbContent P
{
	margin-bottom:0;
}
.videoThumb .videoThumbBody .videoThumbContent H4
{
	margin:0.5em 0 0.25em 0.5em;
}

.videoThumb .videoThumbBody .videoThumbArrow
{
	float:left;
	width:5.0429em;
	margin-left:0.5em;
	margin-top:1.6em;
}

/* Feature Panels */
.featurePanel
{
	float: left;
	position: relative;
	width: 26.1875em; /* 416px without border - 414px 25.875em / adjusted to it lines up with pods below 419px - 26.1875em WB: 417px - 26.0625em */
	font-size: 100%;		
	background-repeat: no-repeat;
}

.featurePanelWithBorder
{		
	position: relative;
	width: 26.0625em; /* 416px without border - 414px 25.875em / adjusted to it lines up with pods below 419px - 26.1875em WB: 417px - 26.0625em */
	font-size: 100%;
	float: left;
	background-repeat: no-repeat;
}

.featurePanelFull, .studentFeaturePanel
{
	position: relative;	
	float: left;
	width: 35em;
	font-size: 100%;		
	background-repeat: no-repeat;
}

.featurePanelFullWithBorder
{
	position: relative;	
	float: left;
	width: 34.875em;
	font-size: 100%;		
	background-repeat: no-repeat;
}

.featureImage
{ 	
	margin: 0 0 0 0.25em;	
	float: right;			
}
.fixHeight						{ height: 12.125em; }

.left { margin-left: 0; float: left; } /* update this area */

.featurePanel .left, 
.featurePanelWithBorder .left, 
.featurePanelFull .left, 
.featurePanelFullWithBorder .left { margin: 0 0.25em 0 0; }

.establishment .featureImage { margin: 0 1.375em 0 0; }
.establishment #featureTxt { margin: 0.5em 13.625em 0.3125em 0.5em; }

#featureTxt, .featureTxt
{	
	padding-top: 1px;
	margin: 0.3125em 0.5em 0.3125em 0.5em !important;		
}

.establishment h2 { margin: 0; padding: 0.0em 0 0 0; width: 7.9em; overflow: hidden; font-size: 140%; font-weight: normal; }

.relCatList
{
	margin: 0 19em 1em 0 !important;
	padding: 0;				
	font-size: 70%;	
}
.relCatList a { font-weight: bold; }
.relCatList a:hover { text-decoration: underline; }

#featureTxt address { margin: 0 0 0.5em 0; font-size: 70%; font-style: normal; }
#featureTxt .arrow, .featureTxt .arrow { font-size: 70%; }

.changeFeature
{	
	margin: 0.0625em 0 0 0;
	padding: 0 0.25em;
	clear: left;
	float: left;
	width: 25.6875em;
	line-height: 1.4em;	
	background-color: #E1E0B6;			
}

.changeFeature strong { color: #990000; }
.changeFeature * { font-size: 70%; }
.changeFeature a { color: #605C2C; font-weight: bold; }

.full { width: 34.5em; }


/* Feature Panel Tabs */
.changeFeatureTabs
{
}

.changeFeatureTabs UL
{
	list-style-type: none;
}

.changeFeatureTabs UL LI
{
	font-size: 70%;
	font-weight:bold;
	color: #605C2C;
	background-color:#F5F5E8;
	margin: 0 0.22em 0.125em 0;
	height: 1.5em;
	display: block;
	width: 9.1em;
	float: left;
	padding: 0.5em 0 0.25em 0em;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}
.changeFeatureTabs UL LI.last
{
	margin-right: 0;
}
.changeFeatureTabs UL LI.active		{ background-color:#605C2C;	}
.changeFeatureTabs UL LI.active	A	{ color:White;	}

/* Feature Panel 09 Full Width Tabs */
.changeFeatureTabsFullWidth			{ }
.changeFeatureTabsFullWidth UL		{ list-style-type: none; }
.changeFeatureTabsFullWidth UL LI	{	font-size: 70%; font-weight: bold;
										margin: 0 0.1825em 0 0; height: 1.5em;
										padding: 0.5em 0 0.25em 0;
										display:block; float:left; text-align:center;	
										white-space:nowrap; overflow: hidden; 
										width: 12.3em;
										background-color:#e1e0b6;
										position:relative;
									}
.changeFeatureTabsFullWidth UL LI.last
									{ margin-right: 0; }
IMG.curveLeft
									{ position: absolute; top: 0px; left: 0px; }
IMG.curveRight
									{ position: absolute; top: 0px; right: 0px; }

.pod
{
	margin: 0 .22em 0 0;
	float: left;
	width: 8.5625em;
}

.first { clear: left; }

.pod .podTxt { height: 7em; overflow: hidden; }
.pod .podTxt .freeform { margin: 0.25em; }
.pod .podTxt .freeform p { margin: 0.25em 0; }

.pod .podTxt h3 { margin: 0em; }
.pod .podTxt ul { margin: 0 0.25em; line-height: 1.5em; }
.pod .arrow { margin: 0 0 0 0.25em; font-size: 70%; }

.op .arrow { margin: 0; font-size: 100%; }

.pod img.podImage { margin: 0.25em 0 0 0; width: 8.5625em; height: 7.875em; display: block; }

.serviceList { font-size: 70%; }

/* Homepage Pods 09 */
.homepagePods						{	float: left; width: 35em; }
.homePod							{	float: left; width: 8.15em; margin: 0 0.1875em 0 0;
										border: Solid 0.0625em #e1e0b6; 
										padding: 0.125em;
									}	
.homepagePods .last					{	margin-right: 0;}
.homePod .podMain					{	text-align: center; height: 2.0em; padding: 0.2em 0 0 0;
										background: url(/img/homepod/titlebg.gif) top left repeat-x;
									}
.homePod .podMain H2				{	font-weight: normal; font-size: 110%; }
.homePod .podImg					{	 }
.homePod .podSub					{	color:White; font-size: 70%; font-weight: bold;
										position:relative;
									}
.homePod .podSub DIV				{	padding: 0.5em 0.5em 0.5em 0.75em; }
.homePod .podSub IMG.cvLeft
									{	position: absolute; top: 0; left: 0; }
.homePod .podSub IMG.cvRight
									{	position: absolute; top: 0; right: 0; }
.homePod .podSubBody				{	display:none; color:White; overflow: hidden; 
										padding: 0.5em 0.5em 0.5em 0.5em; 
										height: 7em;
									}
.homePod .podSubBody A				{	color: White; }

/* Directories */
.directory
{		
	clear: both;
}

fieldset.directorySearch { margin: 0 1em 0.8em 0; float: right; position: relative; border: 0; }
fieldset.directorySearch legend { display: none; }

.podTxt .directorySearch { margin: 0.5em 0.5em; float: none; }
.podTxt .directorySearch .dirSearch { width: 8em; }

.dirSearchLabel { display: block; font-weight: bold; font-size: 85%; }
.dirSearch 
{
	padding: 0.125em;
	border-style: solid;
	border-width: 0.0625em;
	width: 8em;
}

.directory .section
{
	margin: 0 0.0625em 0 0;
	padding: 0.25em 0.50em;	
	float: left;
	font-size: 80%;
	font-weight: bold;	
}

.directory .backto { margin: 0 0.5em; padding: 0.5em 0 0 0; display: block; font-size: 70%; }

.directory h4
{	
	margin: 0 0 0.5em 0;
	padding: 0 0.5em;
	float: left;	
	width: 10.9em;
	font-size: 80%;	
	font-weight: bold;	
	color: #9B9447;	
}

.directory #alphaIndex 
{
	padding: 0.25em 0.50em;	
	font-size: 80%; 
	font-weight: bold;
}

.directory .resultsPane
{ 	
	padding: 0.50em 0 2em 0;
	position: relative;
	min-height: 15em;	
	clear: left;
	width: 26.1875em;
	background-position: bottom right; background-repeat: no-repeat; 
}

.resultsPane h3 { padding: 0.25em 0.45em; font-size: 85%; }

.resultsPane .freeform { padding: 0 0.50em; }

.resultsPane #list, .resultsPane ol.list
{ 
	margin: 0 0.5em;	
	list-style: none;
	line-height: 1.5em;
	font-size: 70%;	
}

.resultsPane ol.list { margin-left: 2.8em; list-style: decimal; }
.resultsPane li a:hover { text-decoration: underline; }

#list .left { float: left; clear: left; width: 15em; }
#list .right { position: relative; float: right; clear: right; width: 20em; }

.browseControl
{
	position: absolute;
	bottom: 0;	
	left: 13.05em;
	width: 11.75em;	
	height: 1.375em;
	overflow: hidden;	
	text-align: center;
	line-height: 1.25em;
}

.btl_arrow img { width: 1em; height: 1.25em; }

.backToDirectory { position: absolute; top: 0; right: 0; }
.backToDirectory img { width: 1.375em; height: 12.5em; }
.browseThroughList { width: 6.625em; height: 1.25em; }

.even2ColumnPodContainer { margin: 0.25em 0 0 0; float: left; width: 26.1875em; }
.even2ColumnPodContainer .podTxt { height: auto; }
.even2ColumnPodContainer .col { width: 13em; }
.even2ColumnPodContainer .left { float: left; }
.even2ColumnPodContainer .right { float: right; width: 13.1em; }
.even2ColumnPodContainer .pod { margin: 0; width: 13em; }
.even2ColumnPodContainer .podTxt { margin: 0.125em 0.125em; padding-top: 1px; }
.even2ColumnPodContainer .right .pod { margin: 0 0 .5em 0; width: 13.1em; }
.even2ColumnPodContainer .podTxt h3 { margin: 0 0 0 0.13em; }
.even2ColumnPodContainer .podTxt .freeform h3 { margin: 0; }

.even3ColumnPodContainer		{	margin: 0 0 0 0; float:left; width: 35em; }
.even3ColumnPodContainer .col	{	float: left; margin-right: 0.25em; width: 11.0625em; }
.even3ColumnPodContainer .block	{	padding: 0.125em; }
.even3ColumnPodContainer .last	{	margin-right: 0; }

.bottomTab						{	position: absolute; left: 0; bottom: 0; width: 157px;
									color:White; padding: 10px;
									font-size: 70%;
								}
.bottomTab A					{	color: White; margin-left: 0.25em; display:block;
									padding-right: 0.5em;
									background-image: url(/img/link_arrow_white.gif);
									background-position: right 4px;
									background-repeat: no-repeat;
								}

.heavyLeft2ColPodContainer		{	margin: 0 0 0 0; float:left; width: 35em; }
.heavyLeft2ColPodContainer .left
								{	float:left; margin-right: 0.25em; width: 11.0625em; }
.heavyLeft2ColPodContainer .right
								{	float:left; width: 22.625em; }
.heavyLeft2ColPodContainer .block
								{	padding: 0.125em; }
								

.alternate .right { width: 12.5em; }
.alternate .right .pod { width: 12.5em; border-bottom-style: solid; border-bottom-width: 0.0625em; }
.alternate .dirSearch { background-color: #FFFFFF; }

.toDirectoryLinks
{ 
	margin: 0 0 0 0.5em !important;
	font-size: 110%; 
	list-style: none;
}

.toDirectoryLinks li, .whatsNew li { margin: 0 0 0.5em 0; padding: 0.15em 0 0.15em 2em; background-repeat: no-repeat; background-position: 0 5%; line-height: 1.1em; }

#giftCard { clear: both; }
#giftCard .giftCard { margin: 0 0.75em 0 0; width: 12.0625em; height: 3em; }
#giftCard .consumer { width: 12.8125em; height: 2.8125em; }

/* Vouchers */
.voucher 
{	
	margin: 1em 0 1em 0;
	padding: 0.25em 0.25em 0.25em 8.25em;		
	width: 17em;
	min-height: 9.625em;
	border: 1px dashed #E26C6C;
}

.voucher .specialoffer { margin: 0 0 0 -8em; float: left; width: 7.8125em; height: 9.625em; }
.voucher h3 { margin-bottom: 0.25em; font-size: 150%; font-weight: normal; color: #CC0000; }
.voucher h4 { margin-bottom: 0.25em; font-size: 140%; font-weight: bold; color: #847E3C; }
.voucher .freeform { }
.voucher .offerDate { margin: 0 0 1em 0; font-size: 70%; }
.voucher .tc { font-size: 65%; }

/* Offers Promotions */
.offerPromotion
{	
	margin: 0 0 0.5em 0;
	/*padding: 0 0 1em 6.8em;*/
	padding: 0 0 1em 7.7em;
	position: relative;
	clear: left;
	min-height: 7em;		
	border: 1px dashed #B7A96E;	
	border-top-color: #FFFFFF;	
	border-left: 0;
	border-right: 0;		
}
.withmarginboth .offerPromotion
{
	margin: 0 1.5em 0.8em 0.75em;
}
.withmarginboth .offerPromotion P
{
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}

/*.opFeature { margin: 0 0 0 -6.8em !important; position: absolute; width: 6.35em; height: 6.35em; } */
.opFeature { margin: 0 0 0 -7.7em !important; position: absolute; width: 7.25em; height: 7.25em; } 
/* 81x81 adjusted values for width/height because freeform font-size affects calculation */

.offerPromotion h4 { font-size: 110%; color: #CC0000; font-weight: bold; }
.offerPromotion h5 { font-size: 100%; color: #515151; font-weight: bold; }

/* Students */
.student .podTxt { height: 7.6875em; overflow: hidden; color: #FFFFFF; line-height: 1em; }
.student .section { margin: 0; float: left; }

/* News and Media */
.latestNewsContainer
{
	padding: 0.25em 0.9375em 2.5em 0.9375em;
	clear: left;
	background-color: #EDF1F6;
}

.latestNewsContainer h2 { margin-bottom: 0.25em; color: #336699; }

.newsItem
{
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dashed #336699;
	font-size: 70%;	
}

.newsItem .newsDate { font-weight: bold; color: #515151; }

.newsItem h3 
{
	margin: 0 0.5em 0 0;
	display: inline;
	font-size: 100%;
	color: #336699;
}

.newsItem .arrow { font-size: 100% !important; color: #847E3C; }

.latestNewsContainer .arrow { font-size: 70%; }

.nextfive { margin-top: 1em; float: left; color: #847E3C !important; }
.latestNewsContainer .archive { margin-top: 1em; float: right; font-size: 70%; color: #847E3C; font-weight: bold; }

.resultsPane .newsItem
{
	margin: 0 1em 1em 1em; 
}

.resultsPane .newsItem h3 { padding: 0; color: #336699; }

.arrowBack, .backToNews, .envelope, .print { margin: 0.25em 0 0 0; padding: 0 0 0 20px; display: block; clear: both; background: url(/img/newsmedia/archive/prev5.gif) no-repeat 0 50%; font-size: 70%; color: #847E3C; font-weight: bold; }
.print { background-image: url(/img/newsmedia/print.gif); }
.envelope { background-image: url(/img/newsmedia/envelope.gif); }

#pagingControls
{	
	margin: 2em 1em 0 1em;
	position: relative;
	clear: left;
	width: 31.5em;
	font-size: 70%;
	text-align: center;
}

.pagerItem { color: #847E3C; font-weight: bold; }
.pagerItemCurrent { color: #CC0000 !important; }

.prev5 { margin: 0 1em; padding: 0 0 0 20px; position: absolute; left: 5em; width: 2em; clear: both; background: url(/img/newsmedia/archive/prev5.gif) 0% 50% no-repeat; color: #847E3C; font-weight: bold }
.next5 { margin: 0 1em; padding: 0 20px 0 0; position: absolute; right: 5em; width: 2em; clear: both; background: url(/img/newsmedia/archive/next5.gif) 100% 50% no-repeat; color: #847E3C; font-weight: bold }
.tostart { padding: 0 0 0 20px; position: absolute; left: 0; background: url(/img/newsmedia/archive/tostart.gif) no-repeat 0 50%; color: #847E3C; font-weight: bold }
.toend { padding: 0 20px 0 0; position: absolute; right: 0; background: url(/img/newsmedia/archive/toend.gif) no-repeat 100% 50%; color: #847E3C; font-weight: bold }

.aNewsArticle h2 { margin: 0 0 1em 0; font-size: 90%; font-weight: bold; }
.aNewsArticle p.date { margin: 0 0 1em 0; font-weight: bold; font-size: 80%; }

/* Profile */
.profile { margin: 1em 0 0 2em; font-size: 70%; color: #CC0000; }
.profile li { line-height: 2em; }
.profile a { color: #000; }
.profile a:hover { color: #CC0000; }

/* Opening Times */
.timesContainer { margin-bottom: 1em; padding: 1em; background-color: #f8f9ec; }
.oTimes 
{
	margin: 0 0 1em 0;
	width: 34em;	
}
.oTimes caption { display: none; }
.oTimes th { width: 12em; font-weight: normal; text-align: left; }
.oTimes td { font-weight: bold; }
.oTimes .hidden { visibility: hidden; }

/* Daily Events Calendar */
UL.calendarTabs
{
	font-size:70%;
	font-weight:bold;
	border-bottom:Solid 0.15em #32627D;
	margin: 1em 0em 1em 0em;
	width:36.7em;
	padding: 0.25em 0em 0.25em 0em;
}
UL.calendarTabs LI
{
	display:inline;
	list-style-type:none;
	padding: 0.25em 0.5em 0.25em 0.5em;
}
UL.calendarTabs LI.active
{
	background-color:#32627D;
	color:White;
}
UL.calendarTabs LI A
{
	color:#32627D;
}
UL.calendarTabs LI.active A
{
	color:White;
}

/* =sContent
--------------------------------------------------------------------------*/

.sContent a { color: #847E3C; }

#quickLinkContainer 
{
	margin: 0 0 0.25em 0.1875em;
	position: relative;
	float: right;	
	width: 8.5625em;
}

.quickLink
{	
	padding: 0 0 0.25em 0;
	float: right;
	clear: right;
	width: 8.5625em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E7E5C2;	
}

.quickLink .freeform p { margin: 0.5em 0; }
.quickLink .freeform a { color: #847E3C; }

/* Related Links */
.relatedLinks { margin: 0.5em 0; float: right; width: 8.5625em; border-bottom: 1px solid #E7E5C2; }
.relatedLinks .link { margin-bottom: 0.625em; }
.relatedLinks h3 { color: #CC0000; margin-bottom:0.25em; }
.relatedLinks h4 { font-weight: bold; font-size: 70%; }
.relatedLinks p { margin: 0 !important; font-size: 70%; }
.relatedLinks .arrow { font-size: 100%; line-height: 1.2em !important; color: #847E3C; }


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

#sNav ul
{
	margin: 0 0.45em;
	font-size: 80%;
}

#sNav li { line-height: 1.8em; }

#sNav li p { font-size: 100%; }
#sNav li p a { padding: 0 !important; background: none !important; font-weight: normal !important; }

#sNav ul li a { padding: 0 1.5em 0 0; background-image: url(/img/nav/nav_arrow_off.gif); background-position: 100% 60%; background-repeat: no-repeat; color: #646464; font-weight: bold; }

#sNav ul li a.active { background-position: 100% 60%; background-repeat: no-repeat; }

#sNav ul li ul { margin: 0 0 0 2.4em; font-size: 87%; }

#sNav ul li ul li { line-height: 1.4em; }

#sNav ul li ul li a { font-weight: normal; }

#sNav ul li div { font-size: 87%; line-height: 1.2em; }


#sNav .christmas a { background-image: url(/img/nav/christmas_nav_arrow.gif); color: #990000; }
#sNav .christmas ul li a { background: url(/img/nav/christmas_snav_arrow.gif) no-repeat 100% 50%; }


/* =footer
--------------------------------------------------------------------------*/

#footer
{
	padding: 0;
	clear: both;
	position: relative;
	height: 5.25em;
}

#footer ul { position: absolute; bottom: 0; right: 0; float: right; width: 46.7em; height: 2em; background-color: #E1E0B6; color: #605C2C; font-size: 75%; line-height: 2em; }
#footer li { margin: 0 0 0 0.25em; }
#footer li a { color: #605C2C; }

#peel { width: 7.8125em; height: 2.4375em; padding-top: 2.0625em; }

/* =joinUsBar
--------------------------------------------------------------------------*/

.joinUsBar
{
	position:absolute;
	bottom: 1.8725em;
	right: 0;
	float: right;
	width: 35em;
	height: 2.5625em;
}
.joinUsBar IMG		{ float: left; }
.joinUsBar P		{ float: left; margin: 0.25em 1.75em 0 1em; width: 10.75em; height: 2.5625em; font-weight: normal; color: #847e3c; font-size: 80%; }
.joinUsBar INPUT	{ float: left; font-size: 85%; font-family:Arial, Sans-Serif; color: #847e3c; font-weight: bold; padding: 0.125em; margin: 0.5em 0.25em 0 0; }
.joinUsBar INPUT.e	{ width: 225px; border: Solid 1px #c9c9a4; }