/*
	Copyright Code Computerlove Ltd 2009-2010
	Build: 1.0.0.255
	Date: 07/07/2010 11:52:42
*/

/* media city css by Code Computer Love */

/* reset
---------------------------------------------------------------------------------------------- */

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
	acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
	strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		background-repeat: no-repeat;
	}

	ol,ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
	:focus{ outline:0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }
	iframe { background: transparent none; }

/* base
---------------------------------------------------------------------------------------------- */

	body {
		background: #2b2b23 url(../Images/Global/bg-body.png) repeat 0 0;
		font-family: Arial,Verdana,"Trebuchet MS",sans-serif;
		font-size: 62.5%;
		color: #b8bac4;
		/*text-shadow:rgba(0,0,0,0.01) 0 0 1px;
		moz-text-shadow:rgba(0,0,0,0.01) 0 0 1px;*/
	}

	/* base links */
	a { color:#e0004c;text-decoration:none; }
	
	/* base typography */
	p { font-size:1.2em; line-height: 1.3em; }
	
	div.hr, hr {
		overflow: hidden;
		height: 1px;
		border: 0;
		background: transparent url(../Images/Global/bg-dashed-h.png) repeat-x scroll 0 0;
		margin: 10px 0;
	}

	
/* heading/titles image replacement classes
---------------------------------------------------------------------------------------------- */

	/* convert to sprite at the end using sprite-generator ! no point now as adding to it too often */
	.title{margin:0 0 20px 0;}
	.title img{display:block;}

/*
	self-clearing elements - append "," + selector - ensure element has zoom:1 for IE hasLayout
	this is only intended for during development, in an ideal world we would go back and remove
	90% of this in favour of the overflow clear method. 
	
---------------------------------------------------------------------------------------------- */
	
	div#ContentPrimary:after,
	div#HeaderContainer:after,
	.clearfix:after,
	div#HeaderContainer-i:after,
	div#HeaderContainer div#HeaderWrap:after,	
	div#NavigationPrimary ul:after,
	div#FooterContainer:after,
	div#FooterContainer ul#NavigationFooter:after,
	div#NavigationSecondary ul:after,
	div.columnset:after,
	div#FooterContainer ul#ancillary-links:after,
	ul.accordion li:after,
	ul.accordion li div.accordion-item-c:after,
	ul.accordion li h2:after,
	div.page-links:after,
	div.frow:after,
	.js-modal-image:after,
	ul.tertiary-links:after,
	ul.tertiary-links li:after,
	.flickr-images:after,
	.flickr-list:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		overflow:hidden;
	}

/* utility classes / selectors (mainly for debugging/very last resorts)
---------------------------------------------------------------------------------------------- */
	
	/* visibility */
	.hide, .shut, div#HeaderContainer div#SwSearch label{display:block;width:0;height:0;overflow:hidden;}
	
	/* floats */
	.fl, .FloatLeft, .floatleft { float: left; }
	.fr, .FloatRight, .floatright { float: right; }
	.nf, .nf, .nofloats { float: none; }
	

/* layout / grids / structural elements
---------------------------------------------------------------------------------------------- */

a.replace { display: block; }
.replace span { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 100; }


	/* central containers */
	div#ContentPrimaryWrap,
	div#HeaderContainer div#HeaderWrap,
	div#FooterContainer{margin:0 auto;text-align:left;width:980px;}

	/* misc structural elements */
	div#Skiplinks{display:block;width:0;height:0;overflow:hidden;}
	div#ContentPrimaryWrap{ padding-bottom: 10px; position: relative;}
	div#ContentContainer{background:transparent url(../Images/Global/bg-lines-repeat.png) repeat-y 50% 0%; }
	div#ContentPrimary{background:transparent url(../Images/Global/bg-lines-bottom.png) no-repeat 50% 100%;text-align:center;min-height:400px;}
	
	/* columnsets */
	div.columnset{}
	div.col{float:left;display:inline;}
	div.columnset-full div.col { width: 100%; margin-bottom: 20px; }

	/* default page columnset */
	div.columnset-default{padding:10px;}
	div.columnset-default .col-primary{width:610px; padding-bottom: 20px;}
	div.columnset-default .col-secondary{width:330px;float:right;}

/* Header / Navigation / Search
---------------------------------------------------------------------------------------------- */	

	/* top nav or "heading container" */
	div#HeaderContainer{background:transparent url(../Images/Global/bg-lines-repeat.png) repeat-y 50% 0;text-align:center;padding-bottom:5px;}
	div#HeaderContainer-i {background:transparent url(../Images/Global/bg-HeaderContainer.png) repeat-x 0 0;}
	div#HeaderContainer div#HeaderWrap{ position: relative; background:transparent url(../Images/Global/bg-HeaderWrap.png) no-repeat 50% 0%;}
	div#HeaderContainer div#Branding{float:left;padding:10px 3px 10px 0;}
	div#HeaderContainer div#Branding a{background:transparent url(../Images/Global/elements.png) no-repeat 0 -400px;display:block;width:232px;height:70px;text-indent:-9999em;overflow:hidden;}

/* Primary Nav
---------------------------------------------------------------------------------------------- */

	
div#NavigationPrimary{}
div#NavigationPrimary ul{float:left;display:inline;background:transparent url(../Images/Global/bg-NavigationPrimary-li.png) no-repeat 0% 0; padding-left: 1px;}
div#NavigationPrimary ul li{float:left;font-size:1.1em; padding:0 0 0 0;background:transparent url(../Images/Global/bg-NavigationPrimary-li.png) no-repeat 100% 0;display:inline; margin: 0 0px 0 0; font-weight: bold;}
div#NavigationPrimary ul li a{padding:39px 8px 39px 8px;display:block;color:#b8bac4; letter-spacing: 0;} /* has ie.css dependancy */

/* the following rules have ie.css stylehseet dependancy */	
div#NavigationPrimary ul li.active {background:#4c0a1a url(../Images/Global/bg-NavigationPrimary-li-a.png) repeat-x 0% 0%;}

/* if has a sub-nav then show the arrow by shifting sprite */
div#NavigationPrimary ul li.active,
div#NavigationPrimary ul li.has-sn:hover{background-position:50% 0%;}

div#NavigationPrimary ul li.active { margin-right: 1px; margin-left: 1px;}

/* div#NavigationPrimary ul li:hover a, */
div#NavigationPrimary ul li.active a { color: #fff; }
div#NavigationPrimary ul li.active a:hover { background:#4c0a1a url(../Images/Global/bg-NavigationPrimary-li-a.png) repeat-x 50% 0%; }

div#NavigationPrimary ul li.active-has-no-sn{background-position:0 0;}

div#NavigationPrimary ul li a:hover{color:#fff; background:#590e23; }
div#NavigationPrimary ul li.active a:hover { }

/* Don'd show arrow if navigation has no subnav */
div#NavigationPrimary ul li#NP2.active, div#NavigationPrimary ul li#NP2.active a:hover {background-position:0% 0%;}

div#NavigationPrimary ul li ul { display: none; position: absolute; left: 0; }
body.safari div#NavigationPrimary ul li ul { top: 90px; } 

div#NavigationSecondary{background:transparent url(../Images/Global/bg-NavigationSecondary.png) no-repeat 0 100%;padding:0 0 5px 0;margin: 0 0 0px 0; clear: both;}
div#NavigationPrimary ul li ul{ background:transparent url(../Images/Global/bg-NavigationSecondary-ul-24.png) repeat-y 0 0;padding:8px 0; width: 100%; left: 0; }
div#NavigationPrimary ul li ul li{ float:left; border: none; background: none; font-size:1em; font-weight: normal; margin:0 5px; display: inline; padding: 0; white-space: nowrap;}
div#NavigationPrimary ul li ul li a { border: none; font-weight: normal; background: none; }
div#NavigationPrimary ul li:hover ul li { background: none; background-color: transparent; background-image: none; }
div#NavigationPrimary ul li ul li a, div#NavigationPrimary ul li ul li a:visited{padding:0 0 0 7px;background:transparent url(../Images/Global/elements.png) no-repeat 0 -195px;color:#b8bac4;  white-space: pre;}
div#NavigationPrimary ul li ul li a:hover, div#NavigationPrimary ul li ul li a.active{color:#fff;}

/* Ewan has asked that rollover not appear so this is uncommented
 div#NavigationPrimary ul li:hover ul{ display:block; }
div#NavigationPrimary ul li.active:hover ul { display: none; } */

/* if has padding - width val = 960 - padding val */
body.home div#NavigationPrimary ul li ul {}
div#NavigationPrimary ul li#NP1 ul { width: 810px; }
div#NavigationPrimary ul li ul {}
div#NavigationPrimary ul li#NP3 ul { padding-left: 275px; width: 685px; }
div#NavigationPrimary ul li#NP4 ul { padding-left: 290px; width: 670px; }
div#NavigationPrimary ul li#NP5 ul { padding-left: 500px; width: 460px; }
div#NavigationPrimary ul li#NP6 ul { padding-left: 630px; width: 330px; }

	
/* Secondary Navigation
---------------------------------------------------------------------------------------------- */	

/* Navigation Secondary */
div#NavigationSecondary{background:transparent url(../Images/Global/bg-NavigationSecondary.png) no-repeat 0 100%;padding:0 0 5px 0;margin: 0 0 0px 0; clear: both;}
div#NavigationSecondary ul{background:transparent url(../Images/Global/bg-NavigationSecondary-ul-24.png) repeat-y 0 0;padding:8px 0; }
div#NavigationSecondary ul li{ float:left; font-size:1.1em; margin:0 5px; font-weight: normal; border: none; display: inline; padding: 0; white-space: nowrap;}
div#NavigationSecondary ul li a, div#NavigationSecondary ul li a:visited{padding:0 0 0 7px;background:transparent url(../Images/Global/elements.png) no-repeat 0 -195px; color:#b8bac4;  white-space: pre;}
div#NavigationSecondary ul li a:hover, div#NavigationSecondary ul li a.active{color:#fff;}

div#NavigationSecondary ul li.active a { font-weight: bold; color: #fff !important; }

/* section specific over-rides for secondary nav positioning - adjust padding left to move them on x-axis - this will break if number of links change or link copy changes! PM and Designer aware of this. */
body.home div#NavigationSecondary ul {}
body.the-story div#NavigationSecondary ul { padding-left: 165px; }
body.the-community div#NavigationSecondary ul {}
body.the-place div#NavigationSecondary ul { padding-left: 275px; }
body.be-here div#NavigationSecondary ul { padding-left: 240px; }
body.creating-content div#NavigationSecondary ul { padding-left: 470px;}
body.the-latest div#NavigationSecondary ul { padding-left: 620px;}
body.about-us div#NavigationSecondary ul { padding-left: 570px;}
body.media-room div#NavigationSecondary ul, body.press-room div#NavigationSecondary ul { padding-left: 680px;}
	
/* Breadcrumb / Constrast link
---------------------------------------------------------------------------------------------- */
	
/* for homepage testing
div#NavigationSecondary, div#NavigationBreadcrumb { display: none; } */

div#Facilities{ clear: both; padding: 10px 10px 10px;}
body.landing-page div#Facilities{ margin-bottom: 10px; }

div#NavigationBreadcrumb ul { padding: 0; margin: 0; float: left;}
div#NavigationBreadcrumb ul li{ float: left; display:inline; padding:0 10px 0 5px;background:transparent url(../Images/Global/elements.png) no-repeat right 4px;font-size:1.1em;}
div#NavigationBreadcrumb ul li a,div#NavigationBreadcrumb ul li a:visited{color:#95a4ae;font-weight:bold;}
div#NavigationBreadcrumb ul li a:hover{color:#fff;}
div#NavigationBreadcrumb ul li.first,
div#NavigationBreadcrumb ul li.last{background:0;}
div#NavigationBreadcrumb ul li.first{padding-right:0;}		

a#ContrastToggle{float:right;font-size:1.1em;margin:0;color:#E0004C;clear:right; display: none;}
a#ContrastToggle:hover {}

/* Site-wide search module (Header specific)
---------------------------------------------------------------------------------------------- */

/* site-wide search module top */
div#HeaderContainer div#SwSearch{float:right;width:98px;height:21px;position:relative;background:transparent url(../Images/Global/bg-module-sw-search.png) no-repeat 0 0;margin:10px 0 0 0;}
div#HeaderContainer div#SwSearch input.txt{ position:absolute;top:3px;left:3px;width:70px;height:12px;padding:1px 0;font-size:1.1em;color:#8d9aa3;font-weight:bold;border:0;background:0;}
div#HeaderContainer div#SwSearch input.txt:focus { outline: 0; border: 0; line-height: 1;}
div#HeaderContainer div#SwSearch label{}
div#HeaderContainer div#SwSearch input.submit{position:absolute;top:1px;right:0;}

/* Footer
---------------------------------------------------------------------------------------------- */

div#FooterContainer{padding:15px 0 10px 0;background:transparent url(../Images/Global/bg-dashed-h.png) repeat-x 0 0;}
div#FooterContainer ul#NavigationFooter{float:left;}
div#FooterContainer ul#NavigationFooter li{float:left;font-size:1.1em;padding:0 3px;color:#909da5;font-weight:bold;border-right:1px solid #909da5; text-transform: uppercase; margin: 7px 0 0 0;}
div#FooterContainer ul#NavigationFooter li.last-child{border:0;}
div#FooterContainer ul#NavigationFooter li a{color:#909da5;}
div#FooterContainer ul#NavigationFooter li a:hover{color:#fff;}

div#FooterContainer ul#ancillary-links{float:right;}

div#FooterContainer ul#ancillary-links li{float:right;font-size:1.1em;padding: 0 7px;color:#909da5;font-weight:bold; margin: 5px 0 0 0; display: inline; }
div#FooterContainer ul#ancillary-links li { display: none;}
div#FooterContainer ul#ancillary-links li.last{background: transparent url(../Images/Global/elements.png) no-repeat right -150px; display: inline; padding-top: 2px;}
div#FooterContainer ul#ancillary-links li a{color:#909da5; padding: 0; margin: 0;}
div#FooterContainer ul#ancillary-links li a:hover{color:#fff;}

div#FooterContainer ul#ancillary-links li.logo { margin-top: 0; display: inline; }
div#FooterContainer ul#ancillary-links li.logo a{display:block;overflow:hidden;text-indent:-9999em;}
div#FooterContainer ul#ancillary-links li a.peelgroup{background:transparent url(../Images/Global/peelgroup.png) no-repeat 0 0;width:88px;height:29px;}

/* Forms/Fieldsets
---------------------------------------------------------------------------------------------- */

/* base default form layout */
.frow{}
.frow-input input,.frow-input label{float:left;}
.frow-input label { width: 130px; vertical-align: middle; }
.frow-input input{float:left;border:0;background:none;display:inline;}
.frow-checkbox{position:relative;padding:5px 0 0 30px;}
.frow-checkbox label{font-size:1.1em;}
.frow-checkbox input{position:absolute;top:0;left:0;}

/* page/fieldset specific overrides */	
fieldset.newsletter-signup .frow{margin:0 0 10px 0;}
fieldset.newsletter-signup .frow label { color:#168889; }
fieldset.newsletter-signup .frow-input label{font-size:1.4em;font-weight:bold;line-height:2.4em;}
fieldset.newsletter-signup .frow-input input{background:transparent url(../Images/Global/bg-frow-input.png) no-repeat 0 0;font-size:1.3em;color:#fff;padding:10px 12px 9px;width:331px; font-weight: bold;}
fieldset.newsletter-signup .frow-input input.error, fieldset.newsletter-signup .frow-input input.validation-failed { background-position: 0 -35px; color: #e0004c;}
fieldset.newsletter-signup .frow-submit{padding:15px 0;}
fieldset.newsletter-signup .frow-submit input{background:#20201A url(../Images/Global/elements.png) no-repeat scroll 230px -237px;border:0 none;color:#FFFFFF;font-family:Arial,Helvetica,"MS Trebuchet",sans-serif;font-size:1.4em;padding:10px 25px 10px 10px;text-transform:uppercase;width:250px;/* needed for blasted ie!! */}

.server-message-error{background:#20201a;padding:10px;margin:0 0 15px 0;}
.server-message-error p{color:#fff;font-size:1.2em;}
.server-message-error h2 { color: #fff; font-size: 1.8em;}

fieldset.newsletter-signup .frow-action{padding:15px 0;}
fieldset.newsletter-signup .frow-action input{background:#20201A url(../Images/Global/elements.png) no-repeat scroll 230px -237px;border:0 none;color:#FFFFFF;font-family:Arial,Helvetica,"MS Trebuchet",sans-serif;font-size:1.4em;padding:10px 25px 10px 10px;text-transform:uppercase;width:250px;/* needed for blasted ie!! */}

/* search input lrg */
fieldset.search{background:transparent url(../images/global/bg-search-box.png) no-repeat 0 0;width:474px;display:block;position:relative;height:40px;}
fieldset.search legend,fieldset.search label{overflow:hidden;height:0;width:0;display:block;margin:0;padding:0;text-indent:-1000em;}
fieldset.search input{position:absolute;}
fieldset.search input.txt{background:transparent none repeat scroll 0 50%;border:0 none;color:#FFFFFF;font-size:1.8em;font-weight:bold;left:8px;top:8px;width:348px;}
fieldset.search input.submit{top:0;right:0;}

/* Modal Styles 
---------------------------------------------------------------------------------------------- */

/*
IMAGE MODAL/LIGHTBOX
*/ 
	
/*	positioning of this div set by modal js? */
.js-modal-image{}
/* divs for shadows,etc */
.s-1{position:relative;padding-top:40px;padding-left:40px;float:left;}
.c-a{position:absolute;right:0;top:0;width:40px;height:40px;background:url(../Images/Global/shadow.png) right top no-repeat;}
.c-b{position:absolute;left:0;bottom:0;width:40px;height:40px;background:url(../Images/Global/shadow.png) left bottom no-repeat;}
.s-2{background:url(../Images/Global/shadow.png) right bottom no-repeat;}
.s-3{position:relative;left:-40px;top:-40px;background:url(../Images/Global/shadow.png) left top no-repeat;}
/* content for modal is placed in here or possibly a nested div within this */
.s-4{position:relative;left:20px;top:20px;}/* has ie IE7.css dependancy */
/* remove space around the image */
.js-modal-image img{display:block;margin:0;padding:0;}
/* modal close button styling */
.js-modal-close{background:#1F201A url(../Images/Global/elements.png) no-repeat scroll 49px -793px;color:#CCCCCC;display:block;font-size:1.1em;font-weight:bold;padding:5px 25px 5px 7px;position:absolute;right:10px;text-transform:uppercase;top:10px;width:31px;}
.js-modal-close:hover{background-color:#12130f;}

/*
FLASH MODAL/LIGHTBOX - Embed the flash into this div at correct dimensions: (575px 325px)
*/

.js-modal-flash {
	background: transparent url(../Images/Global/bg-js-modal-flash24.png) no-repeat 0 0;
	padding: 47px 0 0 62px;
	height: 392px;
	width: 638px;
}


/* Generic content "objects" and modules
---------------------------------------------------------------------------------------------- */

/* banners & flash containers */
div.page-banner{text-align:center; margin: 0 0 20px 0;}
div.page-banner img{display:block; margin: 0 auto;}
div.flash-container img{display:block;}

/* intro copy text styles */
div.intro-copy{margin:0 0 25px 0;}
div.intro-copy p{font-size:1.4em;font-weight:bold;color:#b8bac4; line-height: 1.2em;}

/* default content selectors */
.col-primary p{line-height:1.6em;margin:0 0 10px 0;}

/* could be applied to all h2's but decided to go with class to prevent inheritance issues */
.col-primary h2.block-out{margin:0 0 15px 0;}
.col-primary h2.block-out span{font-size:1em;color:#207575;padding:5px;background:transparent url(../Images/Global/bg-stripe-repeat.png) repeat 0 0;display:inline;line-height:1.5em;}
.col-primary h2.block-out span a, .col-primary h2.block-out span a:visited, .col-primary h2.block-out span a:hover, .col-primary h2.block-out span a:active { color:#207575; } 

.col-primary h2 {margin:0 0 15px 0;}
.col-primary h2 {font-size:2em;color:#207575;}
.col-primary h2 a, .col-primary h2 a:visited, .col-primary h2 a:hover, .col-primary h2 a:active { color:#207575; }


.col-primary h3 { color: #168889; font-size: 1.7em; margin: 0 0 10px 0; }
.col-primary h4 { color: #168889; font-size: 1.4em; margin: 0 0 10px 0; }

.col-primary ul,.col-primary ol{display:block;margin:0 0 15px 0;}
.col-primary ul li{display:block;background:transparent url(../Images/Global/elements.png) no-repeat scroll 0 -696px;padding:0 0 0 15px;font-size:1.2em;margin:0 0 5px 0;}

.col-primary ol{list-style:inside;}
.col-primary ol li{display:list-item;list-style-type:decimal;font-size:1.2em;margin:0 0 5px 0;}

.col-primary strong { font-weight: bold; color: #fff; }

/* more call to action link */
.col-primary p.cta-more{margin:14px 0;padding:1px 0;}
.col-primary a.cta-more, .col-primary p.cta-more a{background:#20201A url(../Images/Global/elements.png) no-repeat scroll 7px -341px; padding:5px 5px 5px 15px;color:#fff;text-transform:uppercase; }
.col-primary a.cta-more:hover, .col-primary p.cta-more a:hover {background-color:#1b1b16;}
.cta-more-sml { background: transparent ; }

/* more cta link (small) */
p.cta-more-sml { margin: 0 0 15px 0; padding: 0;}
p.cta-more-sml a, a.cta-more-sml { background:transparent url(../Images/Global/elements.png) no-repeat right 4px; padding:0 7px 0 0; text-transform: none; font-weight: bold; }
p.cta-more-sml a:hover, a.cta-more-sml:hover { background-color: transparent;}

/* icons */
.icon {background:#20201a url(../Images/Global/elements.png) no-repeat left -300px; }

/* accordion module */ 
div.accordion{ margin: 0 0 20px 0;} 
div.accordion div.accordion-item{}
div.accordion h2{ background: #20201A url(../Images/Global/elements.png) no-repeat 310px -36px;padding:9px 10px;font-size:1.5em;color:#fff;font-weight:bold;text-transform:uppercase;margin:1px 0 0 0;cursor:pointer; }
div.accordion h2.closed{background-position: 310px -36px;}
div.accordion h2.open{background-position:310px -84px;}
div.accordion div.accordion-item-c{padding:0px 15px 10px;background:#20201a;}
div.accordion h3{color:#207575;font-size:1.4em;font-weight:bold;margin:0 0 5px 0;}
div.accordion h3 a{color:#207575;}
div.accordion p{margin:0 0 5px 0;}
/* accordion item types */
div.accordion div.news-item{margin:0 0 10px 0;}
div.accordion div.news-item p{font-size:1.1em;}
/* accordion ctas */
div.accordion a.cta-more{background:transparent url(../Images/Global/elements.png) no-repeat right 4px;color:#fff;padding:0 7px 0 0;}

/* subpage list of links/cta-list */
ul.subpage-cta-list{margin:0 0 20px 0;}
ul.subpage-cta-list li{display:block;margin:0 0 1px 0;}
ul.subpage-cta-list li a{background: #20201A url(../Images/Global/ctaArrow.png) no-repeat scroll 95% 50%;padding:10px;color:#fff;display:block;}
ul.subpage-cta-list li a span.cta-title{font-size:1.4em;font-weight:bold;display:block;margin:0 0 0px 0;text-transform:uppercase;}
ul.subpage-cta-list li a span.cta-desc{ margin-top: 5px; display:block;font-size:1.1em;color:#b8bac4;}		

/* related images with mask overlay */
ul.related-media{padding-top:10px;margin:0 auto 10px auto;width:287px; }
ul.related-media li { margin: 0 0 20px 0; position: relative; height: 201px; }
ul.related-media li,ul.related-media li a{ display:block; }
ul.related-media li a{ position:absolute; overflow: hidden; top: 0; left: 0; height: 201px; z-index: 11; }
/* ul.related-media li div { left: 0; top: 0; } */
ul.related-media div.icon{position:absolute; right:15px; bottom:15px; padding: 4px 18px 4px 5px; font-size:1.1em; color: #a5a5a5; text-transform: uppercase; background-position: 62px -295px; display: inline-block; font-weight: bold;}
ul.related-media li a:hover div.icon{color:#fff;}
ul.related-media div.icon-play { background-position:76px -745px; padding-right: 25px;}

/* primary-col accordion module */
ul.accordion{ margin: 0 0 25px 0;}
ul.accordion li{margin:0 0 5px 0;position:relative; padding: 0; font-size: 100%; background-image: none;}
ul.accordion li h2{border-bottom:2px solid #20201A;padding-right:80px; font-size: 1.7em;}
ul.accordion li h2 span{color:#207575;float:left;padding:5px;background:transparent url(../Images/Global/bg-stripe-repeat.png) repeat 0 0;display:inline;}
ul.accordion li div.accordion-toggler{position:absolute;top:6px;right:0;background:#20201a url(../Images/Global/elements.png) no-repeat 55px -42px;padding:5px 20px 5px 7px;font-size:1.3em;color:#fff;font-weight:normal;text-transform:uppercase;margin:1px 0 0 0;cursor:pointer;width:45px;}
ul.accordion li div.open{background-position: 55px -89px;}
ul.accordion li div.accordion-item-c{clear:both;background:#20201A;padding:10px; margin: 0 0 10px 0;}
ul.accordion li div.accordion-item-c p.cta-more { margin: 0; font-weight: bold;}
ul.accordion li div.accordion-item-c p.cta-more a { padding: 0 10px 0 0; margin: 0; text-transform: none; background:transparent url(../Images/Global/elements.png) no-repeat right 4px; color: #B8BAC4;}
ul.accordion li div.accordion-item-c p.cta-more a:hover { color: #fff; background-color: transparent; }

/* need an answer on this? How images handled within the accordion? */
ul.accordion li div.accordion-item-c img{float:left;margin:10px 10px 5px 0;display:block;}

/* pagignation module - based on mark-up taken from mcarthergen site */
div.page-links{ margin: 0 0 15px 0; }
div.page-links ul{padding:0; margin: 0;}
div.page-links ul li{float:left;margin:0 5px 0 0;font-size:1.1em; background: 0; padding: 0;}
div.page-links ul li a{float:left;color:#fff;background-color:#20201a;padding:5px 10px;display:inline;}
div.page-links ul li a:hover{background-color:#141410;}
div.page-links ul li.current,div.page-links ul li.current a{ background: #e0004c; }
div.page-links ul li.previous-page{}
div.page-links ul li.previous-page a{background-image:url(../images/Global/elements.png);background-position:7px -591px;padding-left:15px;}
div.page-links ul li.next-page{}
div.page-links ul li.next-page a{background-image:url(../images/Global/elements.png);background-position:38px -342px;padding-right:15px;}

/* links list module */
div.links-list{background:#20201a;padding:10px;margin:0 0 20px 0;}
div.links-list h3{font-size:1.6em;color:#fff;text-transform:uppercase;letter-spacing:-1px;margin:0 0 5px 0; background: transparent url(../images/global/elements.png) no-repeat -1000px -1000px;}
div.links-list ul{background:transparent url(../Images/Global/bg-dashed-h.png) repeat-x scroll 0 0;padding:10px 0 0 0;}
div.links-list ul li{font-size:1.1em;margin:0 0 5px 0;}
div.links-list ul li a{background:transparent url(../Images/Global/elements.png) no-repeat right 4px;color:#fff;padding:0 7px 0 0;color:#b8bac4;}
div.links-list ul li a:hover { color: #fff;}

/* links list variants - given viv two options, class on div or class on h3 */
div.links-list-downloads h3,h3.links-list-downloads{background-position: 298px -495px;}
div.links-list-ext-links h3,h3.links-list-ext-links{background-position: 298px -545px;}
div.links-list-rss h3,h3.links-list-rss{background-position:-280px -649px; padding-left: 25px;}

/* tertiary links style - as seen on standard content page psd */
ul.tertiary-links{display:block;margin:0 0 20px 0;}
ul.tertiary-links li{display:block;margin:0 0 1px 0;line-height: 1em; letter-spacing: -100px; font-size: 1.2em; display: block; float: left; clear: both; width: 100%;}
ul.tertiary-links li a{background:#20201A url(../Images/Global/elements.png) no-repeat scroll -285px -335px;color:#FFFFFF;display:block;font-size:1em;padding:10px 10px 10px 22px; letter-spacing: 0; }
ul.tertiary-links li.active a {
	background-color: #171713;
}

/* the team list */	
ul.the-team{background:0;}
ul.the-team li{background:0;position:relative;padding:0 0 0 130px;font-size:100%; margin: 0 0 30px 0; min-height: 100px;}
ul.the-team li img.team-thumb{position:absolute;top:0px;left:0;}

/* twitter cta */
.twitter-cta{margin:0 0 15px 0;text-align:center;}
.twitter-cta img{display:block;margin:0 auto;border:0;}
.twitter-cta p{font-size:1.2em;color:#fff;}
.twitter-cta p a,.twiiter-cta p a:visited,.twiiter-cta p a:hover,.twiiter-cta p a:active{color:#fff;}
.twiiter-cta a:hover { text-decoration: underline !important; }


/* Page/Section specific overrides / selectors 
---------------------------------------------------------------------------------------------- */

/* splash page overrides */
body.splash div#ContentContainer, body.splash div#ContentPrimary{background: 0;}

/* homepage - default overrides  */
div#timeline{/*height:365px;*/overflow:hidden;text-align:center; margin: 0 0 10px 0;}
body.home div#NavigationSecondary, body.home div#NavigationBreadcrumb { display: none; }

/* press-releases page - default overrides */
body.press-releases div.col-primary div.hr{margin:25px 0;}
body.press-releases div.col-primary h2, body.press-releases div.col-primary h2 a{color:#168889;}
body.press-releases div.col-primary h2{background:0;font-size:2.2em;margin:0 0 5px 0;}
body.press-releases div.col-primary h2 span { font-weight: normal; }

body.press-releases div.intro-copy {margin:15px 0 25px;}

/* blog page - modules and overrides */
div.blog-entry{margin:0 0 40px 0;}	
div.blog-entry h2{color:#168889;font-size:2.2em;margin:0 0 10px 0;}
div.blog-entry h2 span{color:#168889;background:transparent url(../images/global/bg-stripe-repeat.png) repeat 0 0;padding:3px;line-height:1.3em;}
div.blog-entry .blog-entry-image img{display:block;margin:0;}
div.blog-entry .blog-entry-meta{padding:5px 0;background:transparent url(../Images/Global/bg-dashed-h.png) repeat-x scroll 0 0;display:block;}
div.blog-entry .blog-entry-date{padding-right:10px;background:transparent url(../Images/Global/elements.png) no-repeat right -150px;}
div.blog-entry .blog-entry-author{padding-left:5px;}

/* who will be here */
ul.org-logos{margin:0 auto;width:204px;}
ul.org-logos li { display:block; margin: 0 0 10px 0; text-align: center; }

/* search-results - default overrides */
body.search-results div.col-primary div.hr{margin:25px 0;}
body.search-results div.col-primary h2, body.search-results div.col-primary h2 a{color:#168889;}
body.search-results div.col-primary h2{background:0;font-size:1.6em;margin:0 0 5px 0;}
body.search-results div.col-primary h2 span { font-weight: normal; }
body.search-results div.page-links { margin-bottom: 20px; }

/* newsletter page(s) */
body.newsletter-signup div.hr { margin: 30px 0; }

/* for developrer template list - makes it easier to read, etc */
div.dev-ref-list{background:#000;padding:30px;margin:0 0 20px 0;}
div.dev-ref-list h2{color:#f00;font-size:2em;margin:0 0 20px 0;}
div.dev-ref-list a:hover{text-decoration:underline;}
div.dev-ref-list ul li{padding:0 0 10px 15px;border-bottom:1px dotted #666;margin:0 0 10px 0;font-size:1.4em;}
div.dev-ref-list ul li a{color:#999;}
div.dev-ref-list ul li a:hover{color:#fff;}

/* center the flash container for splash page */
#SplashFlashContainer { height: 100%; } 

/*
#splash #SplashFlashContainer{margin:0 auto;width:980px;overflow:hidden;}
*/


/* high contrast overrides (could be in own stylesheet but means extra http request and lag)
---------------------------------------------------------------------------------------------- */

/* set background colours etc*/
body.hc{background:#000;}

body.hc div#HeaderContainer,
body.hc div#ContentContainer { background-image: url(../Images/Global/bg-lines-repeat-hicontrast.png); }
body.hc div#ContentPrimary { background-image: url(../Images/Global/bg-lines-bottom-hicontrast.png); }
body.hc div.hr, body.hc div#FooterContainer { background-image: url(../Images/Global/bg-dashed-h-hicontrast.png); }

/* set text colour to white */
body.hc,
body.hc div.intro-copy p,
body.hc div#NavigationBreadcrumb ul li,
body.hc div#NavigationBreadcrumb ul li a,
body.hc div#FooterContainer ul#NavigationFooter li a,
body.hc div#FooterContainer ul#ancillary-links li,
body.hc div#FooterContainer ul#ancillary-links li a,
body.hc ul.accordion li h2 span,
body.hc ul.accordion li h2,
body.hc fieldset.newsletter-signup .frow-input label,
body.hc fieldset.newsletter-signup .frow label,
body.hc div#HeaderContainer div#sw-search input.txt,
body.hc div#NavigationPrimary ul li a {color:#fff; }

/* remove background colors & images */
body.hc div#NavigationSecondary { background: 0; }

/* accordion high contrast override */
body.hc ul.accordion li div.accordion-item-c,
body.hc ul.accordion li h2 span { background-image: none; background-color: transparent; }
body.hc ul.accordion li h2 span,
body.hc ul.accordion li h2 {color:#fff; }
body.hc ul.accordion li h2 { border-bottom-color: #fff; }
body.hc ul.accordion li div.accordion-toggler { background-color: transparent; color: #fff; }

/* pagination high constrast selectors */
body.hc div.page-links ul li a{background-color:transparent;border:1px solid #fff;}
body.hc div.page-links ul li a:hover{background-color:#fff;color:#000;}

/* newsletter form hi contrast selectors */
body.hc fieldset.newsletter-signup .frow-input label { }

/* who-will-be-here */
.accordion-type-a h2 { height: 1%; background: transparent url(../Images/Global/AccordionControls.png) right 1px no-repeat; cursor: pointer; margin-bottom: 0; }
.accordion-type-a h2.open { background-position: right -469px; }

body.hc .accordion-type-a h2 { background-image: url(../Images/Global/AccordionControlsHC.png); }

body.overlay { background-color: transparent; background: none; padding-top: 30px; }

/* global hide all for splash screen display */
body.home .hide { display: none; }
body.home .home-promo { position: absolute; left: 6px; top: -4px; }
body.home .home-promo a { width: 198px; height: 129px; display: block; }
body.home .home-promo span { cursor: pointer; background: transparent url(../Images/Content/Home/HomepagePromo.png) 0 0 no-repeat; }
body.home .home-promo a:hover span { background-position: 0 -129px; }


a.get-flash { background:transparent url(../Images/Global/GetFlash.png) no-repeat scroll 0 5px; color:#B8BAC4; float:left; font-size:1em; margin-left:20px; padding:5px 0 2px 37px; text-decoration:none; width:163px; }

/* Gallery section
------------------------------------*/
#VideoCarousel { }
#VideoCarousel ul { }
#VideoCarousel ul li { background: none; float:left; height:154px; margin-bottom:26px; width:270px; position: relative; }
#VideoCarousel ul li.alt { margin-left:40px; }

#VideoCarousel ul li a { display:block; position: relative; overflow: hidden; }
#VideoCarousel ul li a img { z-index: 3; }
#VideoCarousel ul li a .video-play { position: absolute; top:0; left: 0; width: 270px; height:154px; z-index:999; margin: 0; padding: 0; font-size: 0; }
#VideoCarousel ul li p.caption { background: #060606; bottom:33px; left:15px; margin:0; padding:4px; bottom: 0; position:absolute; width:262px; z-index:2; }

.flickr-list { float:left; padding-left: 8px; }
.flickr-list .pane {}
.flickr-list .pane ul {}
.flickr-list .pane ul li { float:left; margin:0 11px 7px 0; }
.flickr-list .js-images-container .ajax-loader { width: 300px; overflow: hidden; padding: 200px 0 0 0; margin: 0 auto; height: 400px; }
.flickr-list .js-images-container .ajax-loader img { margin-left: 150px; }

ul#TabbedNavVideos { display:none; }

body.gallery .flickr-list legend { display: none; }
body.gallery .frow-select label { display: block; width: 0; height: 0; overflow: hidden; }
body.gallery .frow-select select { margin-top: 10px; width: 300px; }
body.gallery .flickr-list input.submit{ float:right; margin-top: 11px; margin-left: 1px; }

#TabbedNavImages { display:none; }

#VideoPlayerContainer h2 { font-size:2.2em; margin-top:40px;background: url(../Images/Global/bg-Heading.png) no-repeat; height:40px; }
#VideoPlayerContainer h2 span { padding: 6px 0 0 10px; display:block; }
#VideoPlayerContainer p { margin-right: 30px; }

.video-footer { background: transparent url(../Images/Global/YouTubeLogo.png) no-repeat; }
.video-footer p { margin-left: 88px; padding: 5px 0;}
.video-footer p a { color:#ffffff; background: transparent url(../Images/Global/elements.png) no-repeat right 4px; padding-right: 7px; }

.gallery-link { width: 300px; height: 131px; background: transparent url(../Images/Buttons/GalleryLink.png) 0 0 no-repeat; margin-bottom: 10px;  }
.gallery-link a { display: block; height: 100%; width: 100%; text-indent: -9999em; }

#VideoPlayerContainer { position: relative; z-index: 1; }
#VideoPlayer { position: relative; z-index: 1; height: 320px; width: 580px; }
#VideoPlayer object { position: relative; z-index: 1; }

.flickr-images { float:left; }

.flickr-footer { background:transparent url(../Images/Global/FlickrLogo.png) no-repeat scroll 0 0; float:left; margin-left:8px; margin-top:20px; }
.flickr-footer p { margin-left: 88px; padding: 5px 0;}
.flickr-footer p a { color:#ffffff; background: transparent url(../Images/Global/elements.png) no-repeat right 4px; padding-right: 7px; }