/*graphico.co.uk*/

/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";
@import "ie7win.css";


/* -- Generic Initiation items not covered in "undothml.css" -- */



body
{
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color: #1270aa;
	color: #1270aa;
}

h1, h2, h3, h4, h5, h6, p
{
	position: relative;
}

/*	For evil CMSs */
u
{
	text-decoration: none;
}

/*	To standardise cross browser */
ul, ol
{
	list-style-position: outside;
}

fieldset
{
	border : none;
}

legend
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*	Completely remove text from presentation */
/*	Not used to hide text  - screen readers won't pick it up either	*/
.invisible
{
	display: none;
}

/*	Used to hide text that screen readers should pick up */
.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clearBoth
{
	clear: both;
}

/*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}

a
{
	text-decoration: underline;
}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 

.replace span
{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
*/

/*	Clearfix method for floated elements	*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*	IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* begin normal CCS for Tier 1 browser: Firefox */

.audioFlash{position: absolute; top:-9999em;}

/*Primary navigation*/

#primaryNavigation
{
	background-image: url(../../SiteImages/Common/primaryNavigation.gif);
	background-repeat: repeat-x;
	width: 571;
	height: 113px;
	position: absolute;
	top: 9px;
	left: 201px;
}

#primaryNavigation ul
{

	width: 571px;
	height: 113px;
	background-repeat:no-repeat;
	background-position: 0 0 ;
	list-style-type:none;

}

#primaryNavigation ul,
#primaryNavigation a, 
#primaryNavigation a span
{
	background-image:url(../../SiteImages/Common/primaryNavigation.gif);
}

#primaryNavigation a span
{
	width: 100%;
	height: 100%;
	display:inline-block;
}

#primaryNavigation ul li
{
	display:inline;
	float: left;
}

#primaryNavigation ul li a
{
	display: block;
	cursor:pointer;
	outline: 0;
}




/*home*/
#navHome, 
#navHome span
{
	width:95px;  
	height:113px; 
	background-repeat:no-repeat;
	background-position: 0 0 ;

}

#navHome span:hover,
li.ieHover #navHome span,
body.sectionHome #navHome span,
#navHome:focus span,
#navHome:active span
{
	background-position: 0 -113px ;
}

/*Visit us*/
#navVisitUs, 
#navVisitUs span
{
	width:93px;  
	height:113px; 
	background-repeat:no-repeat;
	background-position: -95px 0 ;

}

#navVisitUs span:hover,
li.ieHover #navVisitUs span,
body.sectionVisitUs #navVisitUs span,
#navVisitUs:focus span,
#navVisitUs:active span
{
	background-position: -95px -113px ;
}

/*Tickets*/
#navTickets, 
#navTickets span
{
	width:93px;  
	height:113px; 
	background-repeat:no-repeat;
	background-position: -188px 0 ;

}

#navTickets span:hover,
li.ieHover #navTickets span,
body.sectionTickets #navTickets span,
#navTickets:focus span,
#navTickets:active span
{
	background-position: -188px -113px ;
}

/*Games*/
#navGames, 
#navGames span
{
	width:93px;  
	height:113px; 
	background-repeat:no-repeat;
	background-position: -281px 0 ;

}

#navGames span:hover,
li.ieHover #navGames span,
body.sectionGames #navGames span,
#navGames:focus span,
#navGames:active span
{
	background-position: -281px -113px ;
}

/*Stories*/
#navStories, 
#navStories span
{
	width:93px;  
	height:113px; 
	background-repeat:no-repeat;
	background-position: -374px 0 ;

}

#navStories span:hover,
li.ieHover #navStories span,
body.sectionStories #navStories span,
#navStories:focus span,
#navStories:active span
{
	background-position: -374px -113px ;
}

/*Activities*/
#navActivities, 
#navActivities span
{
	width:104px;  
	height:113px; 
	background-repeat:no-repeat;
	background-position: -467px 0 ;

}

#navActivities span:hover,
li.ieHover #navActivities span,
body.sectionActivities #navActivities span,
#navActivities:focus span,
#navActivities:active span
{
	background-position: -467px -113px ;
}



#container
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1.4em;
}

#branding
{
	background-image:url(../../SiteImages/Common/brandingBG.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 212px;
	position: relative;
}

#primaryHeadingContainer
{
	position:absolute;
	bottom: 35px;
	left: 210px;
	width: 560px;
	text-align: justify;
}


#content
{
	background-image: url(../../SiteImages/Common/contentBG.gif);
	background-repeat: repeat-y;

}

#primaryContentContainer
{
	padding: 15px 40px 15px 40px;
	background-image: url(../../SiteImages/Common/contentHatch.gif);
	background-repeat: no-repeat;
}

#primaryContent
{
	min-height: 410px;	
}

.textPlateHeading
{
	float: left;
	margin-right: 10px;
}

#leadInformation
{
	clear: both;
	margin-bottom: 15px;
}

#contentTop
{
	background-image: url(../../SiteImages/Common/contentTop.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 18px;
}

#contentBottom
{
	background-image: url(../../SiteImages/Common/contentBottom.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 18px;
}



#siteInformation
{
	text-align:center;
	padding: 29px;
	font-size: 0.8em;
	color: #ace6ff;
}

#siteInformation p
{
	margin-bottom: 3px;
}

#siteInformation a
{
	color: #fff;
}

#siteInformation ul
{
	text-align: center;
	margin: 5px;
}

#siteInformation ul li
{
	display: inline;
	background-image: url(../../SiteImages/Icons/iconDivider.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 6px 0 5px;
}

#siteInformation ul li.last
{
	background-image: none;
}
	

#primaryFocus
{
	background-color: #fff;
	border: 11px solid #ffffff;
}

/*some pages dont use this visual so . . .*/
#pageActivities #primaryFocus
{
	border: 11px solid transparent;
	background-color: Transparent;
}

#pageActivities #activitiesList
{
}

#pageActivities #activitiesList div
{
	width: 277px;
	text-align: center;
	float: left;
	margin-right: 22px;
}

#pageActivities #activitiesList div img
{
	margin-bottom: 5px;
	border:3px solid #EE2E24;
}

#pageActivities #activitiesList div.last
{
	margin-right: 0;
}

/*image replacement headings*/

#pBrittAllcroftCompanyProduction, #pBrittAllcroftCompanyProduction span
{ 
	height:20px; 
	width:201px; 
	background-image: url(../../SiteImages/Headings/pBrittAllcroftCompanyProduction.gif); 
} 

#siteInformation #pBrittAllcroftCompanyProduction
{
	margin: 0 0 10px 358px;
}

/*basic typography*/
p.sifrLeadParagraph
{
	color: #003366;
	line-height:48px;
	font-weight: bold;
	font-size: 1.5em;
}

h2.sifrLeadHeading
{
	text-align: center;
	font-size: 1.7em;
}

h1#primaryHeading
{
	color:#ee2e24;
	text-align: center;
	line-height: 40px;
	font-size: 1.8em;
}

/*big image list*/

.bigImageList
{
	background-color: Orange;
	text-align:center;
}

.bigImageList li
{
	width: 33%;
	float:left;
	margin-bottom: 20px;
}

.bigImageList li img
{
	float: none;
	border: 3px solid #ee2e24;
}

.bigImageList li img.textPlate
{
	border: 0 none;
	margin-top: 17px;
}

.bigImageList li .sifr
{
	line-height:32px;
}

/*Ecard specific*/

#ecardList legend
{
	display: none;
}

#ecardList
{
	background-color: #fff;
}

#ecardList li
{
	width: 249px;
	background-color: #fff;
	float: left;
	border: 4px solid #fcd74c;
	padding: 15px;
	margin-right: 8px;
}

#ecardList li.last
{
	margin-right: 0;
	float: right;
}

#ecardList h3
{
	height: 35px;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 40px;
	margin-bottom: 20px;
}

#ecardList #character h3
{
	background-image: url(../../SiteImages/PageSpecific/Ecard/icon1.gif);
}

#ecardList #greeting h3
{
	background-image: url(../../SiteImages/PageSpecific/Ecard/icon2.gif);
}

#ecardList #details h3
{
	background-image: url(../../SiteImages/PageSpecific/Ecard/icon3.gif);
}

/*EcardList character specific*/

#ecardList #character img
{
	border:3px solid #ee2e24;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#ecardList #character fieldset fieldset
{
	width: 49%;
	float: left;
	text-align: center;
	margin-right: 1%;
}

#ecardList #character input
{
	margin-bottom: 10px;
}

/*Ecard Greeting specific*/
#ecardList #greeting fieldset
{
	margin-bottom: 20px;
}

#ecardList #greeting br
{
	display: block;
	margin-bottom: 10px;
	clear: both;
}

/*Ecard Greeting specific*/
#ecardList #details fieldset
{
}

#ecardList #details p
{
	margin-bottom: 10px;
}

#ecardList #details label
{
	display: block;
}

#ecardList #details input,
#ecardList #details textarea
{
	border: 1px solid #a5acb2;
	margin-bottom: 10px;
	width: 100%;
}

#ecardList #details input.genericButton
{
	width: auto;
}

#ecardList #details .requiredInformation
{
	color: #ee2e24;
}

/*generic errors*/
#ecardList .genericErrors
{
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 0 20px 0;
	color: #ee2e24;
}

#ecardList .genericErrors li
{
	margin: 0;
	padding: 0;
	border: 0 none;
	float: none;
}

/*Ecard Preview*/

#ecardPreview *
{
	
}

#ecardPreview * *
{
	
}

#ecardPreview
{
	background-image: url(../../SiteImages/PageSpecific/Ecard/PostageEffect.gif);
	background-repeat: no-repeat;
	background-position:615px 15px;
	background-color: #fff;
	border: 3px solid #FCD74D;
	padding: 68px 10px 25px 10px;
}

#ecardPreview #postcardDetails
{
	position: relative;
	height: 270px;
}

#ecardPreview #postcardDetails .postcardDetailButtons
{
	position:absolute;
	bottom: 0;
	right: 0;
}
#ecardPreview #postcardDetails .postcardDetailButtons input
{
	clear: both;
}

/* this is a variant class because designers have mixed buttons and links*/
#ecardPreview #postcardDetails .postcardDetailsButtonAlt 
{	
	clear: both;
	position: absolute;
	bottom: 0;
	right: 0;
}

#ecardPreview #postcardDetails .postcardDetailsButtonAlt *
{
	clear: both;
}

#ecardPreview img.previewImage
{


	border: 3px solid #ee2e24;
	float: left;
}

#ecardPreview h2
{
	margin-bottom: 1em;
	font-size: 2.0em;
	color: #02306D;
	
}

#ecardPreview #message
{
	float: left;
	margin-left: 10px;
	width: 420px;
}

#ecardPreview #message h3
{
	margin-bottom: 5px;
	font-size: 2.0em;
	color: #02306D;
}

#ecardPreview #message p
{
	margin-bottom: 10px;
	font-size: 1.5em;
}


#ecardPreview #message2
{
	float: left;
	margin-left: 10px;
}

#ecardPreview #message2 h3
{
	margin-bottom: 5px;
	font-size: 2.0em;
	color: #02306D;
}

#ecardPreview #message2 p
{
	margin-bottom: 10px;
	font-size: 1.5em;
}

#ecardPreview .fakeButton img
{
	float: right;
	margin: 0;
	padding: 0;
	border: 0 none;
}

/*Ecard Preview2*/
#ecardPreview2
{
	border: 4px solid #fcd74c;
	padding: 15px;
	background-image: url(../../SiteImages/PageSpecific/Ecard/PostageEffect.gif);
	background-repeat: no-repeat;
	background-position:615px 15px;
	background-color: #fff;
}

#ecardPreview2 img
{
	float: left;
	margin: 0 40px 10px 0;
	border: 3px solid #ee2e24;
}

#ecardPreview2 #message
{
	margin-top: 100px;
	
}

#ecardPreview2 #message h3
{
	margin-bottom: 5px;
}

#ecardPreview2 #message p
{
	margin-bottom: 10px;
}

#ecardPreview2 .fakeButton img
{
	float: right;
	margin: 0;
	padding: 0;
	border: 0 none;
}

/*home page specific*/

#pageHome #primaryContentContainer
{
	padding: 13px 13px 0 13px;
}

#pageHome #contentTop
{
	display: none;
}

#pageHome #contentBottom
{
	display: none;
}

#pageHome #content
{
	background-image: url(../../SiteImages/PageSpecific/Home/FlashBG.jpg);
	background-repeat: no-repeat;
	height: 465px;
}

#pageHome  #primaryContentContainer
{
	background-image: none;
}

/*extra*/
#backButton img
{
	margin-top: 15px;
}

.gallery
{
	
}

.genericContainer
{
	
}

.genericContainer h3
{
	margin-bottom: 28px;
	font-size: 1.7em;
}

.genericContainer p,
.genericContainer ul
{
	margin-bottom: 28px;
}

.genericContainer ul
{
	list-style-type:disc;
	margin-left: 30px;
}

.genericContainer ul li
{
	margin-bottom: 5px;
}

.genericContainer a
{
	color:#1270AA;
	font-weight: bold;
}

.genericContainer a:hover,
.genericContainer a:focus
{
	color: #ffffff;
	background-color:#1270AA;
}

/*Visit Us Page specific*/

#pageVisitUs .gallery,
#pageTickets .gallery
{
	width: 283px;
	float: left;
	text-align: center;
}



#pageVisitUs .gallery li,
#pageTickets .gallery li
{
	display: inline;	
	padding-bottom: 10px;
}

#pageVisitUs .gallery li img
{
	
}

#pageVisitUs .gallery img,
#pageTickets .gallery img
{
	border: 3px solid #ee2e24;
	margin-bottom: 10px;
}

#pageVisitUs .genericContainer
{
	width: 495px;
	float: right;
	padding: 40px;
	border: 4px solid #fcd74c;
}

.linksPanel #btnBookTickets
{
	margin-top: 17px;
}

/*ride page specific*/

#pageRides .gallery
{

}

#pageRides .gallery #galleryImageContainer
{
	width: 400px;
	height: 400px;
	float: left;
	position: relative;
}

#pageRides .gallery #galleryImageContainer img
{
	border: 3px solid #ee2e24;
	position:absolute;
	top: 0;
	left: 0;
}

#pageRides .gallery #galleryList
{
	float: right;
	width: 454px;
	margin-bottom: 28px;
}

#pageRides .gallery li
{
	display: inline;
	padding-left: 10px;
	text-align: right;
}

#pageRides .gallery li img
{
	border: 3px solid #fcd74c;
	margin-bottom: 10px;
}

#pageRides .gallery li img.hover
{
	border: 3px solid #ee2e24;
}

#pageRides .gallery p.caption
{
	background-color: #009BDE;
	border: 3px solid #0069AA;
	width: 400px;
	position: absolute;
	left: 0;
	bottom: -100px;
	min-height: 80px;
}

#pageRides .gallery p.caption span
{
	margin: 10px;
	text-align: center;
	color: #fff;
	display: block;
}

#pageRides .linksPanel
{
	width: 442px;
	float: right;
}
/*game pages specifics*/
#pageGames #primaryFocus
{
	background-color: Transparent;
	border: 0 none;
}


#pageGames #gamesList div
{
	width: 230px;
	text-align:center;
	float: left;
	margin-left: 180px;
}

#pageGames #gamesList div.last
{
	margin-left: 0;
	float: right;
	margin-right: 180px;
}

#pageGames #gamesList div a
{
	display: block;
}

#pageGame01 #primaryFocus,
#pageGame02 #primaryFocus,
#pageGame03 #primaryFocus,
#pageColouring #primaryFocus,
#pagePosters #primaryFocus
{
	background-color: Transparent;
	border: 0 none;
}

/*game 01*/
#pageGame01 #contentTop,
#pageGame01 #contentBottom,
#pageGame02 #contentTop,
#pageGame02 #contentBottom
{
	display: none;
}

#pageGame01 #content,
#pageGame02 #content
{
	background-repeat: no-repeat;
	height: 465px;
}

#pageGame01  #primaryContentContainer,
#pageGame01  #content,
#pageGame02  #primaryContentContainer,
#pageGame02  #content
{
	background-image: none;
	padding: 0;
}
#pageGame01 #flashcontent,
#pageGame02 #flashcontent,
#pageGame01 #flashcontent a,
#pageGame02 #flashcontent a
{
	color: #ffffff;
}
	
address
{
	margin-bottom: 28px;
	font-style:italic;
}

/*tickets page specific*/
#pageTickets .genericContainer
{
	width: 495px;
	float: right;
	padding: 40px;
	border: 4px solid #fcd74c;
}

/*zebra table*/
.zebra 
{
	margin-bottom: 28px;
	border-collapse: collapse;
	border: 1px solid #1270aa;
}
.zebra .even
{
	
}

.zebra td
{
	padding: 0.5em;
}

.zebra td.price
{
	font-weight: bold;
	text-align:center;
}

.zebra td.price span
{
	font-weight: normal;
	font-size:0.9em;
}

.zebra .header
{
	background-color: #1270aa;
	line-height: 2em;
	padding: 0.5em;
	color: #ffffff;
}

/*stories pages*/
#pageStories #primaryFocus
{
	background-color: Transparent;
	border: 0 none;
}

 #pageStories #storyList div
{
	width: 227px;
	float: left;
	margin-right: 109px;
}

#pageStories #storyList div.last
{
	margin-right: 0;
}

#pageStories #storyList div a
{
	display: block;
}

/*this is being used to attck the stories pages*/
.sectionStories .storyInformation
{
	width: 446px;
	float: right;
	text-align:center;
}

.sectionStories .storyInformation *
{
	margin-bottom: 15px;
}

.sectionStories .storyImage
{
	float: left;
	width: 412px;
}

#pageStoriesText .storyInformation
{
	border:4px solid #FCD74C;
	padding: 40px;
	float:none;
	text-align:left;
	width:auto;
}

#pageStoriesText .storyInformation p
{
	margin-bottom: 28px;
	font-size: 1.5em;
}

#pageStoriesText .storyInformation p.leadParagraph
{
	font-weight: bold;
	font-size: 1.8em;
}

#pageStoriesText .storyInformation h3
{
	margin-bottom: 28px;
	text-align: left;
}


/*print buttons for text stories*/
#pageStoriesText #printButton
{
	text-align: right;
	margin-bottom: 0;
}

#printButton #btnPrintStory
{
	cursor:pointer;
}
#pageEcard #ecardPreview #printYourEcard 
{
	text-align: right;
	cursor:pointer;
}
#printYourEcard img
{
	border: 0 none;
	float: none;
	margin: 0;
	margin-bottom: 5px;
}

/*server error*/
#serverError
{
	margin-bottom: 28px;
}

#serverError *
{
	float: none;
}

/*this is to visually hide the soound manager swf for the Primary navigation*/
.movieContainer
{
	position:absolute;
	left: -9999em;
}

#pageStoriesText .storyInformation p.listenToTheStory
{
	text-align: right;
	margin-bottom: 0;
}

.apology
{
	background-color: #019CDF;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5em;
	margin-top: 10%;
	padding: 2em;
	text-align:center;
	
}

/*added Stuart 30/04/0/*/
ol.alpha
{
	margin-left: 25px;
	list-style-type: lower-alpha;
	margin-bottom: 28px;
}

.websiteInformation h3
{
	font-size: 1.4em;
	margin-bottom: 14px;
	margin-top: 14px;
	text-transform:uppercase;
}

/*data protection*/
#dateProtection
{
	margin: 1em;
	font-size: 0.8em;
}

#dateProtection p
{
	margin-top: 0.3em;
	margin-bottom: 0.4em;
}

#dateProtection p a
{
	color: #1270AA;
}

#dateProtection p a:hover
{
	color: #ffffff;
	background-color:#1270AA;
}

.red
{
    color: #ce0000;
}

/*	Any Safari hash hacks go at the end of the file */