/* ------------------------------
   project: Aquarium CSS
   date: 03/03/2008
   ------------------------------
*/

/* ------------------------------ set defaults ------------------------------- */

* {
	margin:0; 
	padding:0
}

.survey_radio {width:30px;}

body {
	margin:0; 
	padding:0; 
	font:62.5%/1.3 Arial, Helvetica, sans-serif; 
	color:navy; 
	text-align:center; 
	background:url(images/bg_tile.jpg) top left repeat-x #10D3FF;
	overflow-x:hidden; /* KLUDGE: Overflow Fix for Good Browsers */
}

html {overflow-x:hidden;} /* KLUDGE: Overflow Fix for IE6/Win */

a, a img { 
	border:none; 
	outline:0; 
	text-decoration:none
}

a{
color:#0099CB;
}

a:hover {color: #0099CB;text-decoration:underline}

/* ------------------------------  layout  ------------------------------- */

div#container {
	width:1015px; 
	text-align:left; 
	margin:0 auto;
}

div#left-flash, div#right-flash {
	float:left; 
	width:125px; 
	display:inline; 
	height:50px;
	height:300px;
}

div#wrapper {
	float:left; 
	width:765px; 
	display:inline;
}

div#main-content{background:#fff; color:#C5F0FB; font-family:Tahoma; font-size:1em; line-height:13px;}
div#main-content h4{display:none;}
div#main-content h2{width:300px;}

div#footer {
	height:40px;
	background:url(images/footer_bg.png) bottom left no-repeat;
	text-align:center
}

div#left-col{
	margin-top:0;
	padding:0;
	float:left; 
	display:inline; 
	width:281px;
	margin-left:5px;

}

.homebullets{
	padding-left:15px;
	background-image:url(images/home_li_bgr.png);
}

div#left-col-top {
	position:relative;
	margin-top:0px;
	padding:0px;
	width:281px;
	height:130px;
	background-image:url(homepage_ads/buy_tickets_online4.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	
}

div#left-col-mid {
	position:relative;
	margin-top:5px;
	margin-left:0px;
	padding:0px;
	width:281px;
	height:75px;
	background-image:url(homepage_ads/box_annualpass.jpg);
	background-repeat:no-repeat;
}

div#left-col-top img{behavior: url(iepngfix.htc)}

div#left-col-top p{
	margin-left:4px;
	padding-top:67px;
}

.frontimages{
	float:right;
	bottom:10px;
}

div#left-col-bot{
	position:relative;
	margin-top:0px;
	width:268px;
	height:200px;
	background-image:url(homepage_ads/box_text_lake.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
	padding-left: 10px;
	padding-right: 14px;
	padding-top: 1px;
}

div#left-col-bot p{
	padding-left:126px;
	padding-top:40px;
}

div#center-col{
	float:left; 
	display:inline; 
	width:275px; 
	height:200px;
	margin-left:9px; 
}
div#center-col-mid{
	position:relative;
	margin-top:4px;
	width:274px;
	height:81px;
	background-image:url(homepage_ads/centre_mid_old.jpg);
	background-repeat:no-repeat;
}

div#center-col-bot{
	position:relative;
	margin-top:0px;
	width:273px;
	height:190px;
	background-image:url(homepage_ads/box_tunnel.jpg);
	background-repeat:no-repeat;

}

div#center-col-bot img{behavior: url(iepngfix.htc)}

#frontbutton{
	position:absolute;
	bottom:10px;
	right:10px;
}


div#right-col {
	position:relative;
	padding:0;
	float:left; 
	display:inline; 
	margin-left:8px;
	margin-top:15px;
	padding:0 0 0 0;
	width:175px;
	height:330px;

}

div#right-col-top{
	position:relative;
	margin-top:0px;
	width:175px;
	height:79px;
	background-image:url(homepage_ads/box_interact.gif);
	background-repeat:no-repeat;

}

div#right-col-mid{
	position:relative;
	margin-top:0px;
	padding-top:0px;
	width:175px;
	height:225px;
	background-image: url(homepage_ads/home_page_trains.jpg);
	background-repeat:no-repeat;

}

div#right-col-bot{
	position:relative;
	margin-top:0px;
	padding-top:0px;
	width:175px;
	height:86px;
	background-image:url(homepage_ads/box_newsletter_new.jpg);
	background-repeat:no-repeat;

}

#freshfunbutton{
	position:absolute;
	bottom:10px;
	left:8px;
}

div#right-col ul li{behavior: url(iepngfix.htc)}

div#flash-footer {margin-top:10px;}

div#footer, .buttonStyle {behavior: url(iepngfix.htc)}

div#additional-bumpf {
	clear:both; 
	margin:0 auto; 
	width:765px; 
	padding:1em 0; 
	text-align:center; 
	color:#fff
}

div#additional-bumpf a {color:#fff;}

div#main-content, div#footer, .clear {clear:both;}

/* ------------------------------  menu  ------------------------------- */

div#main-menu {background:url(images/menu_bg.jpg) bottom left no-repeat #fff; height:43px}
div#main-menu ul {margin:0; padding:0 0 0 3px; list-style:none;}
div#main-menu li {float:left; padding-left:7px; font-size:1em;}
div#main-menu li a {color:#333; margin-top:1.2em}
div#main-menu li a:hover {color:#666;}
.clear {padding:10px}

/* ------------------------------  typography  ------------------------------- */

p, pre {padding:1em; font-size:1.1em;}
h1 {padding:1em; font-size:1.5em; color:navy; font-family:"Tahoma";}
h2{padding:1em; font-size:1.3em; color:#085573; font-family:"Tahoma"; margin:0px;}
blockquote {background:#eee; border:1px solid #ddd; font-weight:bold; margin:1em; padding:0.5em; font-size:1.2em;}
ul {padding-left:30px; padding-bottom:10px; margin:10px; list-style-image:url(images/bubble.png)}
ol {padding-left:20px; margin:10px;}
ol li {padding-bottom:1em}
li {font-size:1.1em;}
#termsandconditions{list-style-image:none;font-size:9px;}
acronym {border-bottom:1px dotted navy; color:navy}

div#footer p {padding:0}

div#flashcontent p, div#flashcontent2 p, div#flashcontent3 p, div#flashcontent4 p, div#flashcontent5 p, div#flashcontent6 p {
background-color:#eee; border:2px solid #ddd; font-size:1.2em;}

h1 span {display:none}

/* ------------------------------  ads  ------------------------------- */

div#getTickets {background:url(homepage_ads/get_tickets_bg.jpg) top left repeat-y; width:255px;margin-top:10px;margin-left:10px;}
div#getTickets h1 {padding:0;width:255px; height:140px; background:url(homepage_ads/get_tickets_header.jpg) top left no-repeat}
div#getTickets div {position:relative; width:255px; height:75px; background:url(homepage_ads/get_tickets_footer.jpg) top left no-repeat}
div#getTickets p {padding:0 25px; color:#fff;}

div#news {background:url(homepage_ads/latest_news_bg.jpg) top left repeat-y; width:255px;margin-top:20px;margin-left:5px;}
div#news h1 {padding:0; width:255px; height:80px; background:url(homepage_ads/latest_news_header.jpg) top left no-repeat}
div#news div {position:relative; width:255px; height:50px; background:url(homepage_ads/latest_news_footer.jpg) top left no-repeat}
div#news h2, div#news p {padding:0 20px; color:#fff; border:0;}

div#divecage {background:url(homepage_ads/box_divebell_oldshape.jpg) top left repeat-y; width:273px; margin-top:10px; margin-left:10px;}
div#divecage h1 {padding:0;width:273px; height:188px; background:url(homepage_ads/divecage_header.jpg) top left no-repeat}
div#divecage div {position:relative; width:273px; height:188px; background:url(homepage_ads/divecage_footer.jpg) top left no-repeat}
div#divecage p {padding:0 20px; color:#fff;}

div#oscar {background:url(homepage_ads/games_bg.jpg) top left repeat-y; width:255px; margin-top:25px; margin-left:5px;}
div#oscar h1 {padding:0;width:255px; height:50px; background:url(homepage_ads/games_header.jpg) top left no-repeat}
div#oscar div {clear:both; position:relative; width:255px; height:50px; background:url(homepage_ads/box_divebell_oldshape.jpg) top left no-repeat}
div#oscar p {float:left;color:#fff; width:95px; margin-left:10px;}
div#oscar span {float:right; margin-right:2px}

div#animals {background:url(homepage_ads/animals_bg.jpg) top left repeat-y; width:200px; margin-top:25px;}
div#animals h1 {padding:0;width:200px; height:96px; background:url(homepage_ads/animals_header.jpg) top left no-repeat}
div#animals div {position:relative; width:200px; height:103px; background:url(homepage_ads/animals_footer.jpg) top left no-repeat}
div#animals ul {padding-left:40px; margin:0; color:#fff; list-style-image:none; font-size:0.9em;}

div#generic {background:url(images/gen_bg.jpg) top left repeat-y; color:#fff; width:245px; margin:10px;}
* html div#generic {width:240px} /* IE 6 Width */
div#generic h1 {padding:0;background:url(images/gen_h1.jpg) top left no-repeat; height:94px; color:#fff;}
div#generic div {position:relative; background:url(images/gen_footer.jpg) top left no-repeat; height:66px;}
div#generic a {position:relative; margin:0.5em 1em;}

.buttonStyle, .buttonStyle:active {
	display:block; 
	width:100px; 
	padding:0.5em 0.5em 0.6em 0; 
	background:url(images/btn.png) top left no-repeat; 
	position:absolute; 
	left:0px; 
	top:5px; 
	color:#fff; 
	text-align:center; 
	margin:5px 0 5px 20px; 
	font-weight:bold; 
	font-size:1.1em
}

.buttonStyle:hover {color:#ffc; cursor:pointer;}

a.clickHere{ font-size:1.2em; display:block; width:80px; height:26px; line-height:23px; position:absolute; right:8px; background:url(../homepage_ads/button_buy_a.gif) top left no-repeat; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003366}	
a.clickHere:hover {background:url(../homepage_ads/button_buy_b.gif) top left no-repeat; color:#003366; }

a.clickHereBlue{font-size:1.2em; display:block; width:80px; height:26px; line-height:23px; position:absolute; right:8px; background:url(../homepage_ads/button_blue_a.gif) top left no-repeat; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003366}	
a.clickHereBlue:hover {background:url(../homepage_ads/button_blue_b.gif) top left no-repeat; color:#003366; }

a.clickHereBrown{font-size:1.2em; display:block; width:80px; height:26px; line-height:23px; position:absolute; right:8px; background:url(../homepage_ads/button_brown_a.gif) top left no-repeat; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003366}	
a.clickHereBrown:hover {background:url(../homepage_ads/button_brown_b.gif) top left no-repeat; color:#003366; }

a.clickHere2{font-size:1.1em; display:block; width:74px; height:21px; line-height:21px; position:absolute; bottom:10px; right:178px; background:url(../images/button_up.gif) top right no-repeat; text-align:center; text-decoration:none; font-weight:bold; color:#00502F}	
a.clickHere2:hover {background:url(../images/button_over.gif) top left no-repeat; color:#fff; }

.button_blue, .button_blue:active {position:absolute; right:8px; display:block; width:80px; height:26px; line-height:23px; background: url(homepage_ads/buttons_blue.gif) no-repeat top left; text-align:center; color:#003366; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; background-image: url(homepage_ads/buttons_blue.gif);}
.button_blue:hover {background-position:top right; text-decoration:none; color:#003366;}

.button_brown, .button_brown:active {position:absolute; right:8px; display:block; width:80px; height:26px; line-height:23px; background: url(homepage_ads/buttons_brown.gif) no-repeat top left; text-align:center; color:#003366; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; background-image: url(homepage_ads/buttons_brown.gif);}
.button_brown:hover {background-position:top right; text-decoration:none; color:#003366;}

.button_green, .button_green:active {position:absolute; right:8px; display:block; width:80px; height:26px; line-height:23px; background: url(homepage_ads/buttons_green.gif) no-repeat top left; text-align:center; color:#003366; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; background-image: url(homepage_ads/buttons_green.gif);}
.button_green:hover {background-position:top right; text-decoration:none; color:#003366;}


/* ------------------------------  table  ------------------------------- */

caption {
	font-weight:bold; 
	text-align:left
}

table span {
	font-weight:normal; 
	font-size:0.9em
}

table {
	border-collapse:collapse;
	margin:10px;
	font-size:1.1em;
	border:1px solid #CDE7C2;
}

th {
	background:url(images/bg_wrap.jpg) top left repeat-x #CDE7C2;
	color:#333;
	font-weight:bold;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}

td {
	padding:0.5em;
	vertical-align:top;
	border:1px solid #CDE7C2;
	font-weight:normal;
	text-align:left;
}

.tddarker {
	background-color:#E1F0DB;
}

.tdlighter {
	background-color:#fff
}

.tablecolumns {
background-color:#CCCCCC;
border:1px solid #CCCCCC;
}

.tablepaging {
background-color:#E9E9E9;
border:1px solid #CCCCCC;
}

.search{
background-color:#666666;
border:1px solid #333333; 
color:white;
width:100px;
padding:1px;
font-family:tahoma;
font-size:11px;
}

.searchBox{
background-image:url(images/search_bgr.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:1px 0 1px 18px;
font-family:tahoma;
font-size:12px;
}

/* ------------------------------ forms ------------------------------ */

/* KLUDGE: IE6/7 fieldset http://www.designmeltdown.com/chapters/Forms/Part2.aspx */

fieldset {
	margin:0;
	border:none;
}

label {
	float:left;
	width:5em;
	font-weight:bold;
	display:inline;
}

input, textarea, select {
	width:200px;
}

.submit {
	width:100px;
	margin-left:4em;
}

/* ------------------------------ norm page ------------------------------ */

div#generic_leftCol {float:left; width:260px; display:inline;}
div#generic_rightCol {float:left; width:505px; display:inline;}
div#stuffWrapper {border:1px solid #CDE7C2; color:#000; margin:10px; line-height:normal;}
div#stuffWrapper h1 {display:block; color:#000; background:url(images/bg_wrap.jpg) top left repeat-x #CDE7C2; padding:0.5em 1em; margin:0;}
div#stuffWrapper img {margin:1em; display:inline;}
div#stuffWrapper a#news {font-weight:bold;font-size:11px;}


div#latest_news {background-color:#2287CB;border:1px solid #1472AF; padding:10px;width:440px;margin:10px 0 10px 10px;}
div#latest_news h2{font-weight:bold;font-size:12px;color:#B5DAF5;padding:0;background-color:#2287CB;}
div#latest_news #title{font-weight:bold;font-size:12px;color:#FFFFFF;padding:0;background-color:#2287CB;}
div#latest_news #date{font-weight:bold;font-size:9px;color:#FFFE93;padding:0;background-color:#2287CB;}

div#normal_news {background-color:#EBF6E8;border:1px solid #CDE7C2; padding:10px;width:440px;margin:10px 0 10px 10px;}
div#normal_news h2{color:#666666;}
div#normal_news a{color:#666666;}

.postcard, .wallpaper_item {margin:3px; padding:0; float:left; display:inline;}
.postcard img, .wallpaper_item img {margin:0; padding:0; border:1px solid #C0E0B1;}

.wallpaper_item p {text-align:center; padding:0; margin:20 0 0.5em 0;}

div#pdfMapLink {border:1px solid #ccc; margin:10px;}
div#pdfMapLink img {float:left; display:inline;}
div#pdfMapLink p {float:left; display:inline; width:300px;}


#digg {background:url(images/link_digg.gif) top left no-repeat; padding-left:20px; padding-right:10px; height:16px; font-size:1.1em;}
#delicious {background:url(images/link_delicious.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}
#reddit {background:url(images/link_reddit.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}
#facebook {background:url(images/link_facebook.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}

#ticketform {width: 230px;}
#ticketform input {width: 30px;}

#letterPark {width:400px;}
#letterPark label {width:10em}
#letterPark textarea {width:250px}

/* --- Special Offers Containers --- */

div.step {
	margin:0.5em 1em; 
	border:1px dashed #ccc;
}

div.step img {
	float:left; 
	margin:0.5em; 
	display:inline;
}

div.step a {
	font-size:1.2em
}

.clearStep {height:0; clear:both;}

a.buy-online-now {
	background:url(images/save-30-percent-buy-online.jpg);
	display:block;
	height:125px;
	text-indent:-9000px;
	width:278px;
}
a.buy-online-now.b {
	background:url(images/save-30-percent-buy-online-b.jpg);
	height:115px;
	width:260px;
}