@charset "utf-8";
/* ------------------------------------- MAIN */
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	width: 100%;
}
h1, h2, h3, h4, ul, ol, form, label, p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {
	color: #00aeef;
}
a:hover {
	color: #000;
}
img {
	border: none;
}
input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.png {
	behavior: url("includes/htc/iepngfix.htc");
}

/* IE6:hover bug fix
.ie6hover {
	behavior:url("includes/htc/csshover.htc");
}*/

/* ------------------------------------- LAYOUT */
#layout {
	margin: 0 auto;
	width: 980px;
}
#homepagecontainer {
	float: left;
	position: relative;
	width: 980px;
}
#header {
	float: left;
	width: 980px;
}
#header .logo {
	float: left;
	width: 175px;
	padding: 11px 0 12px 13px;
}
#header .contactspanel {
	float: left;
	display: inline;
	width: 243px;	
	margin: 42px 0 0 14px;
	padding: 0 0 0 14px;
	border-left: 1px solid #e2e2e2;
	font-size: 1.7em;
	color: #ec3ba4;
}
#header .contactspanel span {
	color: #f3cad9;
}
#header .contactspanel .links {
	float: left;
	width: 100%;
	font-size: 0.8em;
	font-weight: bold;
}
#header .contactspanel a.phone {
	display: block;
	float: left;
	padding: 0 0 2px 18px;
	background: url(../../images/global/icon-phone.gif) 0px 3px no-repeat;
}
#header .contactspanel a.email {
	display: block;
	float: left;
	padding: 0 0 2px 21px;
	margin: 0 0 0 12px;
	background: url(../../images/global/icon-email.gif) 0px 4px no-repeat;
}
#kidszone {
	float: right;
	position: relative;
	width: 255px;
	margin: 22px 0 0 0;
}
#kidszone .top, #kidszone .footer, #kidszone .top img , #kidszone .footer img {
	float: left;
}
#kidszone .content {
	float: left;
	width: 178px;
	padding: 2px 0 6px 75px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	background: url(../../images/global/kids-zone-bg.gif) top right no-repeat;
	min-height:50px;
	height:auto !important;
	height:50px;
}
#kidszone .content div.title {
	float: left;
	width: 178px;
	color: #67c64a;
	font-size: 1.7em;
}
#kidszone .content div.title a {
	color: #67c64a;
	text-decoration: none;
}
#kidszone .img {
	position: absolute;
	top: -5px;
	left: 10px;
	clear: both;
}
#myaccount {
	float: left;
	display: inline;
	position: relative;
	width: 255px;
	margin: 22px 0 0 10px;
}
#myaccount .top, #myaccount .footer, #myaccount .top img , #myaccount .footer img {
	float: left;
}
#myaccount .content {
	float: left;
	width: 144px;
	padding: 2px 0 6px 109px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	background: url(../../images/global/my-account-bg.gif) top right no-repeat;
}
#myaccount .content div.title {
	float: left;
	width: 144px;	
	font-size: 1.7em;
}
#myaccount .content div.title a {
	color: #b5916d;
	text-decoration: none;
}
#myaccount .img {
	position: absolute;
	top: -5px;
	left: 10px;
	clear: both;
}
/* ------------------------------------- MAIN MENU */
#mainmenu {
	float: left;
	width: 980px;
	font-size: 1.25em;
	background: url(../../images/global/main-menu/main-menu-bg.gif) top left repeat-x;
}
#mainmenu ul {
	float: left;
}
#mainmenu ul li {
	float: left;
}
#mainmenu ul li img {
	float: left;
}
#mainmenu ul li a.home {
	width: 51px;
	height: 35px;
	padding: 0;
	background: url(../../images/global/main-menu/home.gif) top left no-repeat;
}
#mainmenu ul li a.home:hover {
	background: url(../../images/global/main-menu/home-on.gif) top left no-repeat;
}
#mainmenu ul li a {
	display: block;
	float: left;
	color: #282828;
	padding: 8px 13px 9px 13px;
	text-decoration: none;
}
#mainmenu ul li a:hover, #mainmenu ul li a.selected {
	color: #fff;
	background: url(../../images/global/main-menu/main-menu-bg-on.gif) top left repeat-x;
}
/* Safari and Chrome adjustments */
.safari #mainmenu ul li a.home {
	padding: 0;
}
.safari #mainmenu ul li a {
	padding: 9px 13px 10px 13px;
}
.chrome #mainmenu ul li a {
	padding: 8px 13px 11px 13px;
}
/* End */
#searchbox {
	float: right;
	padding: 7px 11px 0 0;
}
#searchbox .searchfield {
	float: left;
	position: relative;
	width: 200px;
	background: url(../../images/global/search-bg.gif) top left no-repeat;
}
#searchbox .searchfield input.keyword {
	float: left;
	width: 156px;
	padding: 2px 0 1px 10px;
	border: none;
	background-color: transparent;
	font-size: 0.8em;
	color: #9d9d9d;
}
.safari #searchbox .searchfield input.keyword {
	padding: 4px 0 0px 10px;
	font-size: 0.85em;
}
.opera #searchbox .searchfield input.keyword {
	padding: 2px 0 1px 10px;
	font-size: 0.8em;
}
#searchbox .searchfield input.button {
	position: absolute;
	top: -1px;
	right: 0;
	clear: both;
}
/* ------------------------------------- 3 Large panels on the homepage */
#mainpanels {
	float: left;
	width: 980px;
	padding: 4px 0 4px 0;
	border-bottom: 5px solid #ebebeb;
}
#mainpanels .holder {
	position: relative;
}
#mainpanels .holder, #mainpanels .holder img {
	float: left;
}
#mainpanels .middle {
	padding: 0 4px;
}
/* --------------- Style content inside 3 large panels */
.paneltitle {
	position: absolute;
	top: 22px;
	left: 25px;
	font-size: 3em;
	line-height: 0.8em;
	clear: both;
	width: 289px;
}
.panelstrap {
	/*float: left;*/
	font-size: 0.5em;
	padding: 0 0 0 1px;
}
.panellink {
	display: block;
	position: absolute;
	padding: 0 0 5px 30px;
	top: 286px;
	left: 25px;
	clear: both;
	font-size: 1.7em;
	text-decoration: none;
	color: #000;
	background: url(../../images/panels/homepage/arrow-bullet-blue.png) top left no-repeat;
}
#mainpanels .paneltitle a, #mainpanels .panelstrap a {
	color: #588111;
}
#mainpanels .middle .paneltitle a, #mainpanels .middle .panelstrap a {
	color: #2a6491;
}
#mainpanels .last .paneltitle a, #mainpanels .last .panelstrap a {
	color: #fff;
}
#mainpanels .middle .panellink, #mainpanels .last .panellink {
	color: #fff;
	background: url(../../images/panels/homepage/arrow-bullet-white.png) top left no-repeat;
}
.paneltitle a, .panelstrap a {
	text-decoration: none;
}


/* ------------------------------------- Content */
#content {
	float: left;
	width: 980px;
	padding: 7px 0 0 0;
}
/* ----------------- Left column */
#leftcolumn {
	float: left;
	width: 449px;
}
/* ------ Welcome text panel */
#welcometext {
	float: left;
	width: 449px;
	margin: 0 0 11px 0;
	background: url(../../images/panels/homepage/welcometext-top.gif) top left no-repeat;
}
#welcometext .top, #welcometext .bottom, #welcometext .top img, #welcometext .bottom img {
	float: left;
}
#welcometext .content {
	float: left;
	width: 417px;
	padding: 13px 15px 0 15px;
	background: #f5f5f5;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
#welcometext .content h1 {
	padding: 0 0 10px 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #ec3ba4;
	line-height: 1.2em;
}
#welcometext .content h2 {
	padding: 0 0 10px 0;
	font-size: 1.0em;
	font-weight: normal;
	color: #ec3ba4;
	line-height: 1.2em;
}
#welcometext .content p {
	padding: 0 0 10px 0;
	color: #5a5a5a;
}
#welcometext .content ul {
	float: left;
	width: 417px;
}
#welcometext .content ul li {
	float: left;
	width: 135px;
	padding: 0 0 7px 0;
}
#welcometext .content ul li a {
	display: block;
	float: left;
	padding: 0 0 3px 18px;
	background: url(../../images/panels/homepage/arrow-dark-grey.gif) 0px 3px no-repeat;
}
/* ------ Two CMS'd panels */
.cmspanel {
	float: left;
	width: 219px;
	height: 121px;
}
.cmsleft {
	display: inline;
	margin: 0 11px 0 0;
}
.cmspanel img {
	float: left;
}
/* ------ Tall panels with links */
#tallpanelblock {
	float: left;
	width: 449px;
	margin: 11px 0 0 0;
	background: url(../../images/panels/homepage/tall-panels-bg.gif) bottom left no-repeat;
}
#tallpanelblock .column {
	float: left;
	width: 148px;
}
#tallpanelblock .middle {
	margin: 0 2px;
}
#tallpanelblock .column .image {
	float: left;
	position: relative;
	width: 148px;
	height:164px;
}
#tallpanelblock .column .image .topfilter {
	position: absolute;
	top: 0;
	left: 0;
	clear: both;
}
#tallpanelblock .column .image .title {
	position: absolute;
	top: 124px;
	left: 0;
	clear: both;
	width: 141px;
	height: 25px;
	color: #fff;
	font-size: 1.5em;
	padding: 15px 0 0 7px;
	behavior: url("includes/htc/iepngfix.htc");
}
#tallpanelblock .column .image .first {
	background: url(../../images/panels/homepage/tall-panel-title-1.png) top left no-repeat;
}

#tallpanelblock .column .image .second {
	background: url(../../images/panels/homepage/tall-panel-title-2.png) top left no-repeat;
}
#tallpanelblock .column .image .third {
	background: url(../../images/panels/homepage/tall-panel-title-3.png) top left no-repeat;
}
#tallpanelblock .column .content {
	float: left;
	width: 148px;
}
#tallpanelblock .column .content ul {
	float: left;
	padding: 5px 0 3px 0;
}
#tallpanelblock .column .content ul li {
	padding: 0 0 5px 8px;
}
/* ------ Tall panels with links */
.bottompanel {
	float: left;
	position: relative;
	width: 219px;
	margin: 9px 0 0 0;
}
.bottompanel .top, .bottompanel .footer, .bottompanel .top img, .bottompanel .footer img {
	float: left;
}
.bottompanel .content {
	float: left;
	width: 104px;
	height: 90px;
	padding: 8px 0 2px 113px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
.bottompanel .content .title {
	float: left;
	width: 104px;
	padding: 5px 0 5px 0;
	font-size: 1.5em;
	line-height: 1.1em;
}
.bottompanel .content .title a {
	color: #787878;
	text-decoration: none;
}
.catalogue .img {
	position: absolute;
	top: 6px;
	left: 3px;
	clear: both;
}
.parkbuilder {
	display: inline;
	margin: 9px 0 0 10px;
}
.parkbuilder .content {
	width: 94px;
	padding: 8px 0 2px 123px;
} 
.parkbuilder .content .title {
	width: 94px;
}
.parkbuilder .img {
	position: absolute;
	top: 6px;
	left: 1px;
	clear: both;
}
/* ----------------- Center column */
#centercolumn {
	float: left;
	width: 219px;
	padding: 0 0 0 15px;
}
/* ----------------- Product search */
#productsearch {
	float: left;
	width: 219px;
	height: 186px;
	margin: 0 0 6px 0;
	background: url(../../images/panels/homepage/product-search.jpg) top left no-repeat;
}
#productsearch .content {
	display: inline;
	float: left;
	width: 200px;
	/*padding: 40px 15px 0 14px;*/
	margin: 40px 0 0 14px;
}
#productsearch .content select {
	float: left;
	width: 190px;
	margin: 0 0 3px 0;
}
#productsearch .content .button {
	float: left;
	width: 185px;
	padding: 35px 0 0 0;
	text-align: right;
}
.safari #productsearch .content .button {
	padding: 21px 0 0 0;
	width: 184px;
}
.chrome #productsearch .content .button {
	padding: 15px 0 0 0;
	width: 184px;
}
/* ----------------- Latest forum threads */
#forumthreads {
	float: left;
	width: 219px;
	margin: 0 0 7px 0;
}
#forumthreads .title {
	float: left
}
#forumthreads .content {
	float: left;
	width: 201px;
	padding: 5px 9px 0 9px;
	background: #f6edd5;
}
#forumthreads .content .post {
	float: left;
	width: 201px;
	margin: 0 0 5px 0;
	color: #787878;
	background: #f8f8fd url(../../images/panels/homepage/post-top.gif) top left no-repeat;
}
#forumthreads .content .post .postcontent {
	float: left;
	width: 180px;
	padding: 5px 10px 5px 11px;
}
#forumthreads .content .post .footer {
	float: left;
}
#forumthreads .content a.postacomment {
	display: block;
	float: left;
	width: 183px;
	padding: 0 0 4px 18px;
	background: url(../../images/panels/homepage/arrow-dark-grey-on-yellow.gif) 1px 2px no-repeat;
}
#forumthreads .footer, #forumthreads .footer img {
	float: left;
}
/* ----------------- latestvideo */
#latestvideo {
	float: left;
	width: 219px;
	display:block;
}
#latestvideo .title, #latestvideo .title img, #latestvideo .footer, #latestvideo .footer img {
	float: left;
}
#latestvideo .content {
	float: left;
	width: 219px;
	padding: 0 0 10px 0;
	color: #fff;
	font-size: 1.5em;
	background: #4a4a4b url(../../images/panels/homepage/latest-video-content-bg.jpg) top left no-repeat;
}
#latestvideo .content .title {
	float: left;
	display: inline;	
	width: 172px;
	margin: 0 10px;
	padding: 2px 0 3px 27px;
	font-size: 1em;
	border-bottom: 1px solid #d7d7d7;
}
#latestvideo .content .title a {
	color: #fff;
	text-decoration: none;
}
#latestvideo .content a.video {
	display: block;
	float: left;
	width: 171px;
	margin: 10px 0 0 0;
	padding: 0 5px 0 43px;
	color: #84d3ea;
	text-decoration: none;
	line-height: 1.1em;
	background: url(../../images/panels/homepage/icon-play.gif) 9px 2px no-repeat;
}
#latestvideo .content a.video span {
	color: #fff;
	font-size: 0.7em;
}
#latestvideo .content a.video:hover {
	color: #fff;
}
/* ----------------- Newsletter sign up */
#newsletter {
	float: left;
	width: 219px;
}
#newsletter .title, #newsletter .title img, #newsletter .footer, #newsletter .footer img {
	float: left;
}
#newsletter .content {
	float: left;
	width: 206px;
	padding: 35px 0 11px 13px;
	background: #f0e9c9 url(../../images/panels/homepage/newsletter-content-bg.gif) top left no-repeat;
}
#newsletter .content .signupfield {
	float: left;
	position: relative;
	width: 200px;
	background: url(../../images/global/signup-bg.gif) top left no-repeat;
}
#newsletter .content .signupfield input.keyword {
	float: left;
	width: 156px;
	padding: 2px 0 1px 10px;
	border: none;
	background-color: transparent;
	color: #9d9d9d;
}
.safari #newsletter .content .signupfield input.keyword {
	padding: 3px 0 0px 10px;
}
.opera #newsletter .content .signupfield input.keyword {
	padding: 2px 0 1px 10px;
}
#newsletter .content .signupfield input.button {
	position: absolute;
	top: -1px;
	right: 5px;
	clear: both;
}
/* ----------------- Right column */
#rightcolumn {
	float: left;
	width: 284px;
	padding: 0 0 0 13px;
}
/* ----------------- Panel with grey border */
.greyborderbox, .greyborderbox .top, .greyborderbox .top img, .greyborderbox .content, .greyborderbox .footer {
	float: left;
	width: 284px;
}
.greyborderbox {
	margin: 0 0 12px 0;
}
.greyborderbox .title {
	float: left;
	width: 282px;
	padding: 0 0 3px 0;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	background: #e1e1e1 url(../../images/panels/homepage/grey-border-panel-title-bg.gif) top left repeat-x;
}
.greyborderbox .title .icon {
	float: left;
	width: 38px;
	padding: 2px 0 0 0;
}
.greyborderbox .title a.texttitle {
	display: block;
	float: left;	
	color: #ec008c;
	font-size: 1.5em;
	text-decoration: none;
}
.greyborderbox .title a.texttitle:hover {
	color: #000;
}
.greyborderbox .title .more {
	float: right;
}
.greyborderbox .content {
	width: 270px;
	padding: 13px 0 0 12px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
/* ----------------- News panel */
#newsimg {
	float: left;
	width: 118px;
}

#newsimg img{
	height: 73px;
	width: 118px;
}

#newsdesc {
	float: left;
	width: 128px;
	padding: 0 10px 0 14px;
	color: #5a5a5a;
	line-height: 1.3em;
}
#newsdesc a {
	color: #5a5a5a;
	text-decoration: none;
}
#newsdesc a:hover {
	color: #000;
}
#newsdesc a.readmore {
	display: block;
	float: left;
	width: 112px;
	margin: 8px 0 0 0;
	padding: 0 0 0 16px;
	color: #00adef;
	text-decoration: underline;
	background: url(../../images/panels/homepage/arrow-dark-grey-on-white.gif) 0px 2px no-repeat;
}
#newsdesc a.readmore:hover {
	color: #000;
}
#gallery {
	float: left;
	width: 270px;
	padding: 11px 0 7px 0;
}
#gallery div {
	float: left;
}
#gallery a {
	float: left;
	border: 1px solid #fff;
}
#gallery a:hover {
	border: 1px solid #00adef;
}
#gallery div img {
	float: left;
}
#gallery div img {
	float: left;
}
/* ----------------- Projects panel */
#projects {
	float: left;
	width: 270px;
}
#projects .projectbox {
	float: left;
	width: 195px;
	font-size: 1.1em;
}
#projects .projectbox img {
	float: left;
}
#projects .projectbox a.desc {
	display: block;
	float: left;
	width: 176px;
	padding: 5px 10px 3px 9px;
	color: #5a5a5a;
	text-decoration: none;
	background: #dedede url(../../images/panels/homepage/project-box-bg.gif) top left repeat-x;
}
#projects .projectbox a.desc:hover {
	color: #000;
}
#projects .paging {
	float: left;
	display: inline;
	width: 195px;
	margin: 0 0 0 57px;
	padding: 10px 0 6px 0;
	text-align: center;
}
#projects .paging a {
	display: block;
	float: left;
	margin: 0 2px;
}
#projects .paging a.change {	
	width: 16px;
	height: 17px;
	background: url(../../images/panels/homepage/icon-no-selected.gif) top left no-repeat;
}
#projects .paging a.change:hover {
	background: url(../../images/panels/homepage/icon-selected.gif) top left no-repeat;
}

#projects .paging a.change.selected {
	background: url(../../images/panels/homepage/icon-selected.gif) top left no-repeat;
}


/* ----------------- Exhibitions panel */
.greyborderbox .exhibitionbox {
	float: left;
	width: 255px;
	padding: 0 10px 15px 5px;
}
.greyborderbox .exhibitionbox .date, .greyborderbox .datetop, .greyborderbox .datetop img, .greyborderbox .middle, .greyborderbox .exhibitionbox .datefooter, .greyborderbox .exhibitionbox .datefooter img {
	float: left;
}
.greyborderbox .exhibitionbox .date {
	width: 107px;
}
.greyborderbox .exhibitionbox .middle {
	width: 107px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	background: url(../../images/panels/homepage/date-content-bg.gif) top left no-repeat;
}
.greyborderbox .exhibitionbox .middle .days {
	float: left;
	width: 60px;
}
.greyborderbox .exhibitionbox .middle .months {
	float: left;
	width: 47px;
}
.greyborderbox .exhibitionbox .desc {
	float: left;
	width: 133px;
	padding: 0 0 0 15px;
	color: #787878;
}
.greyborderbox .exhibitionbox .desc a {
	color: #5a5a5a;
	text-decoration: none;
}
.greyborderbox .exhibitionbox .desc a:hover {
	color: #000;
}
.greyborderbox .exhibitionbox .desc a.readmore {
	display: block;
	float: left;
	width: 112px;
	margin: 8px 0 0 0;
	padding: 0 0 0 16px;
	color: #00adef;
	text-decoration: underline;
	background: url(../../images/panels/homepage/arrow-dark-grey-on-white.gif) 0px 2px no-repeat;
}
.greyborderbox .exhibitionbox .desc a.readmore:hover {
	color: #000;
}
/* ------------------------------------- Footer */
#pagefooter {
	float: left;
	width: 980px;
	margin: 12px 0 12px 0;
	padding: 15px 0 12px 0;
	border-top: 5px solid #ebebeb;
	border-bottom: 5px solid #ebebeb;
}
#pagefooter ul {
	float: left;
	width: 156px;
	padding: 0 20px;
	list-style: none;
}
#pagefooter ul li {
	padding: 0 0 3px 0;
}
#pagefooter ul a {
	color: #787878;
}
#pagefooter ul a:hover {
	color: #000;
}
#copyright {
	float: left;
	width: 980px;
	padding: 0 0 12px 0;
	color: #787878;
}
#copyright .left {
	float: left;
}
#copyright .right {
	float: right;
}
#copyright a {
	color: #787878;
	text-decoration:none;
}
#copyright a:hover {
	color: #000;
}
.link{
	cursor:text;
	text-decoration:none;
}
.link a{
	cursor:text;
	text-decoration:none;
	color: #787878;
}
.link a:hover{
	cursor:text;
	text-decoration:none;
	color: #FF0000;
}
/* reverse build css added by jc 23-03-09 */
#pagetop {
	clear: both;
	display: inline;
	left: 0;
	height: 491px;
	position: absolute;
	top: 0;
	width: 980px;
}
#homepagecontainer #content {
	margin: 491px 0 0 0;
}

/* Amends done by Gary 16/08/2010 */

.save-our-playground-btn { float:right; margin:27px 10px 0 0; display:inline; }