/******************************************** GENERAL STYLES **********************************************/

/* RESET */
* {	margin: 0; padding: 0; }
img { border: none 0; margin: 0; }
body, h1, h2, h3, h4, h5, h6, div, hr, form, img, ul, li, p, li li, p p, label {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
html {
	height: 100%;
}
body {
	height: 100%;
	font-size: 76%;
}


/* GENERAL STYLES */
html {
	background: #002c63 url(../images/background.jpg) 50% 100% no-repeat fixed;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 76%;
	background: transparent url(../images/bg_header.gif) 50% 0 no-repeat;
	color: #003761;
}
h1, h2 {
	font-size: 1.2em;
	margin-bottom: .7em;
	font-weight: bold;
	color: #002f5f;
}
p {
	line-height: 1.4em;
	font-size: .9em;
	padding-bottom: .9em;
}
label {
	font-size: .9em;
}
ul {
	list-style: none;
}
li {
	font-size: .9em;
}
li li, p p {
	font-size: 1em;
}
a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
}
a:hover, a:active {
	background-color: transparent;
	text-decoration: none;
}
.left { float: left; }
.right { float: right; }
.fill { clear: both; width: 100%; display: block;}
.clear { clear: both; width: 100%; height: 1px; font-size: 1px; visibility: hidden;}
.end { clear: both; width: 100%; height: 30px; font-size: 1px; visibility: hidden;}




/* LAYOUT */
.body {
	width: 960px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}
.header {
	width: 960px;
	height: 77px;
	background: transparent url(../images/header.png) 50% 0 no-repeat;
	position: absolute;
}
.page {
	width: 100%;
	padding-top: 185px;
	background: transparent url(../uploads/header-photos/shark.jpg) 0 65px no-repeat;
}

.page .container {
	width: 100%;
/*	min-height: 615px;	*/
	background: #ffffff url(../images/bg_page.gif) 0 0 no-repeat;
	margin:0;
}

.page .container .left {
	width: 692px;
	margin-top: 8px;
	padding-left: 8px;
}
.page .container .right {
	width: 250px;
	margin-top: 8px;
	padding-left: 10px;
}

.page .container .menu {
	width: 100%;
	height: 140px;
}
.page .container .content {
	width: 100%;
	min-height: 467px;
	background: transparent url(../images/bg_grid_1.gif) 0 0 repeat-y;
}
.page .container .content .col1 {
	width: 285px;
	float: left;
	padding-top: 8px;
}
.page .container .content .col2 {
	width: 260px;
	float: left;
	padding-top: 8px;
}
.page .container .content .col3 {
	width: 136px;
	margin-left: 11px;
	float: left;
	padding-top: 8px;
}


#newquay .page {	background-image: url(../uploads/header-photos/octopus.jpg);	}
#portsmouth .page {	background-image: url(../uploads/header-photos/shark-4.jpg);	}
#tynemouth .page {	background-image: url(../uploads/header-photos/shark-2.jpg);	}
#hastings .page {	background-image: url(../uploads/header-photos/coral-reef.jpg);	}
#bristol .page {	background-image: url(../uploads/header-photos/shark-6.jpg);	}


#blue-reef-aquarium-menu {
	display: none;
}
#newquay #blue-reef-aquarium-menu, #portsmouth #blue-reef-aquarium-menu, #tynemouth #blue-reef-aquarium-menu, #hastings #blue-reef-aquarium-menu, #bristol #blue-reef-aquarium-menu {
	display: block;
}
#newquay #blue-reef-menu, #portsmouth #blue-reef-menu, #tynemouth #blue-reef-menu, #hastings #blue-reef-menu, #bristol #blue-reef-menu {
	display: none;
}



.home .page .container .content {
	background: transparent url(../images/bg_grid_1.gif) 0 0 repeat-y;
}
.standard .page .container .content, .links .page .container .content {
	background: transparent url(../images/bg_grid_2.gif) 0 0 repeat-y;
}
.site .page .container .content {
	background: transparent url(../images/bg_grid_3.gif) 0 0 repeat-y;
}
.standard .page .container .content .col2, .links .page .container .content .col2 {
	width: 545px;
}
.site .page .container .content .col1 {
	width: 185px;
}
.site .page .container .content .col2 {
	width: 360px;
}



.footer {
	width: 960px;
	height: 36px;
	margin:0;
	background: transparent url(../images/footer.png) 0 0 no-repeat;
	margin-top: -36px; 
	position: absolute;
}



.extra {
	width: 960px;
	height: 200px;
	margin: 0 auto 0 auto;
	text-align: left;
	background-color: #ffffff;
}




.btn_aquarium {
	width: 131px;
	height: 111px;
	float: left;
	padding-right: 7px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.btn_aquarium a {
	width: 100%;
	height: 100%;
	display: block;
}
.btn_aquarium a span {
	margin-left: -2000px;
}
#newquay-aquarium {		background-image: url(../images/btn_newquay.png); }
#portsmouth-aquarium {		background-image: url(../images/btn_portsmouth.png);	}
#tynemouth-aquarium {		background-image: url(../images/btn_tynemouth.png);	}
#hastings-aquarium {		background-image: url(../images/btn_hastings.png);	}
#bristol-aquarium {		background-image: url(../images/btn_bristol.png);	}


#blue-reef-menu, #blue-reef-aquarium-menu {
	height: 28px;
	width: 100%;
	clear: both;
}
#blue-reef-menu li, #blue-reef-aquarium-menu li {
	float: left;
	background: transparent url(../images/blue-reef-menu.gif) 0 0 no-repeat;
	height: 26px;
}
#blue-reef-aquarium-menu li {
	background: transparent url(../images/blue-reef-aquarium-menu.gif) 0 0 no-repeat;
}

#blue-reef-menu li a, #blue-reef-aquarium-menu li a {
	width: 100%;
	height: 100%;
	display: block;
}
#blue-reef-menu li span, #blue-reef-aquarium-menu li span { 
	margin-left: -2000px;	
}
#blue-reef-menu li#blue-reef-home {					width: 47px;	background-position: 0 0;	}
#blue-reef-menu li#blue-reef-group-visits {			width: 94px;	background-position: -47px 0;	}
#blue-reef-menu li#blue-reef-education {			width: 82px;	background-position: -141px 0;	}
#blue-reef-menu li#blue-reef-conservation {			width: 100px;	background-position: -223px 0;	}
#blue-reef-menu li#blue-reef-corporate-hospitality {width: 154px;	background-position: -323px 0;	}
#blue-reef-menu li#blue-reef-contact-us {			width: 87px;	background-position: -477px 0;	}
#blue-reef-menu li#blue-reef-aspro {				width: 95px;	background-position: -564px 0;	}


#blue-reef-aquarium-menu li#blue-reef-aquarium-home {					width: 44px;	background-position: 0 0;	}
#blue-reef-aquarium-menu li#blue-reef-aquarium-directions {				width: 109px;	background-position: -44px 0;	}
#blue-reef-aquarium-menu li#blue-reef-aquarium-facilities {				width: 127px;	background-position: -153px 0;	}
#blue-reef-aquarium-menu li#blue-reef-aquarium-cafe {					width: 45px;	background-position: -280px 0;	}
#blue-reef-aquarium-menu li#blue-reef-aquarium-displays {				width: 156px;	background-position: -325px 0;	}
#blue-reef-aquarium-menu li#blue-reef-aquarium-corporate-hospitality {	width: 148px;	background-position: -481px 0;	}
#blue-reef-aquarium-menu li#blue-reef-aquarium-links {					width: 50px;	background-position: -629px 0;	}


#blue-reef-membership, #blue-reef-newsletter, #blue-reef-jobs { 
	width: 263px;
	height: 29px;
	margin-bottom: 6px;
	background-color: #c9c9c9;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#blue-reef-membership a, #blue-reef-newsletter a, #blue-reef-jobs a { 
	width: 100%;
	height: 100%;
	display: block;
}
#blue-reef-membership span, #blue-reef-newsletter span, #blue-reef-jobs span { 
	margin-left: -2000px;	
}
#blue-reef-membership { background-image: url(../images/btn_membership.png);	}
#blue-reef-newsletter { background-image: url(../images/btn_newsletter.png);	}
#blue-reef-jobs { background-image: url(../images/btn_work-with-us.png);	}

/* site buttons are samller */
.site #blue-reef-membership, .site #blue-reef-newsletter, .site #blue-reef-jobs { 
	width: 163px;
	height: 29px;
	margin-bottom: 6px;
	background-color: #c9c9c9;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.site #blue-reef-membership { background-image: url(../images/btn_membership_sm.png);	}
.site #blue-reef-newsletter { background-image: url(../images/btn_newsletter_sm.png);	}
.site #blue-reef-jobs { background-image: url(../images/btn_work-with-us_sm.png);	}



#latest-news {
	height: 303px;
	margin-top: 3px;
	margin-bottom: 8px;
}
#latest-videos {
	height: 200px;
	margin-top: 3px;
	margin-bottom: 8px;
}





#blue-reef-buttons div {
	width: 130px;
	height: 88px;
	margin-bottom: 7px;
	background-color: #c9c9c9;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#blue-reef-buttons div a {
	width: 100%;
	height: 100%;
	display: block;
}
#blue-reef-buttons div a span {
	margin-left: -2000px;
}
#blue-reef-kids-club {			background-image: url(../images/btn_kids-club.png); }
#blue-reef-events {				background-image: url(../images/btn_events.png); }
#blue-reef-special-offers {		background-image: url(../images/btn_special-offers.png); }
#blue-reef-birthdays {			background-image: url(../images/btn_birthdays.png); }

#blue-reef-aquarium-buttons {
	margin-bottom: 3em;
}
#blue-reef-aquarium-buttons div {
	width: 130px;
	height: 66px;
	margin-bottom: 7px;
	background-color: #c9c9c9;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#blue-reef-aquarium-buttons div a {
	width: 100%;
	height: 100%;
	display: block;
}
#blue-reef-aquarium-buttons div a span {
	margin-left: -2000px;
}
#blue-reef-aquarium-buttons .btn_kids-club {			background-image: url(../images/btn_kids-club_sm.png); }
#blue-reef-aquarium-buttons .btn_today {				background-image: url(../images/btn_whats-on.png); }
#blue-reef-aquarium-buttons .btn_special-offers {		background-image: url(../images/btn_special-offers_sm.png); }
#blue-reef-aquarium-buttons .btn_birthdays {			background-image: url(../images/btn_birthday-parties.png); }
#blue-reef-aquarium-buttons .btn_group-visits {		background-image: url(../images/btn_group-visits.png); }
#blue-reef-aquarium-buttons .btn_education {			background-image: url(../images/btn_education.png); }



/* links */
#footer-links {
	padding-top: 20px;
	width: 560px;
	margin-left: 200px;
	text-align: center;
	color: #ffffff;
	font-size: .8em;
	float: left;
}
#footer-links a {
	font-size: 1em;		/* size set in parent */
	color: #ffffff;
}
#credits {
	padding-top: 20px;
	width: 190px;
	margin-right: 10px;
	float: right;
	text-align: right;
	color: #939598;
	color: #ffffff;
	font-size: .8em;
	visibility: hidden;
}
#credits a {
	font-size: 1em;		/* size set in parent */
	color: #939598;
	color: #ffffff;
}






/* CONTENT */
#page-photos {
	width: 100%;
	margin-bottom: 1em;
}
#photo-left {
	float: left;
	margin-right: 10px;
}
#body ul {
	list-style: disc;
	margin-bottom: 1em;
}
#body li {
	margin-left: 3em;
	line-height: 1.4em;
}



/* LIST */
#list .item {
	clear:				both;
	width:				538px;
	margin:				0 0 1.5em 0;
	background:			transparent url(../images/bg_horizontal-line.gif) repeat-x 0 0;
}
#list .titlebar {
	width:				100%;
	height:				1.4em;
	margin:				.3em 0 .3em 0;
	background:			transparent url(../images/bg_horizontal-line.gif) repeat-x 0 100%;
}
#list .titlebar a {
	color: #002f5f;
}
#list .item-name {
	float:				left;
}
#list .item-date {
	float:				right;
}
#list .item-name span, #list .item-date span {
	font-size:			.9em;
	font-weight:		bold;
}

#list .photo {
	float:				left;
	margin-bottom:		1.5em;
	margin-right: 6px;
}
#list .item-text {
	text-align:			left;
	margin-bottom:		1.5em;
}
#list .item-text p {
	font-size:			.9em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}


.site #list .item {
	width: 350px;
}
.site #list .item-text {
}


.title-row {
	width: 100%;
	margin-bottom: 4px;
	clear: both;
}
.title-row #news-category {
	font-size: .9em;
	float: left;
}
.title-row #date {
	float: right;
	padding-right: 6px;
	font-size: .9em;
}
#headline {
	width: 100%;
}
#headline h1 {
	font-weight: normal;
}
#photo {
	margin-bottom: 6px;
}
#body p {
	margin-right: 6px;
}


#sub-nav {
	width: 100%;
	margin-bottom: 8px;
}
#sub-nav .closed {
	display: none;
}
#sub-nav ul {
	list-style: disc;
}
#sub-nav li {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
#sub-nav li a {
	color: #003761;
}
#sub-nav.scripted {
}
#sub-nav.scripted #sub-nav-buttons {
	width: 100%;
	height: 16px;
}
#sub-nav.scripted a#sub-nav-previous, #sub-nav.scripted a#sub-nav-choose, #sub-nav.scripted a#sub-nav-next {
	color: #003761;
	height: 16px;
	width: 100px;
	float: left;
	font-size: .9em;
}
#sub-nav.scripted a#sub-nav-choose {
	text-align: center;
	width: 150px;
}
#sub-nav.scripted a#sub-nav-next {
	text-align: right;
}

#sub-nav.scripted ul {
	list-style: none;
	margin-top: 16px;
	position: absolute; 
	display: none;
	border: 1px solid #003761;
}
#sub-nav.open ul {
	display: block;
}
#sub-nav.scripted li {
	margin: 0;
	float: none; 
	background-color: #ffffff;
	width: 350px;
	height: 20px;
	line-height: 20px;
}
#sub-nav.scripted li a {
	width: 100%;
	height: 100%;
	display: block;
}
#sub-nav.scripted li a:hover {
	background-color: #eeeeee;
}
#sub-nav.scripted li a span {
	padding-left: 1em;
	padding-right: 1em;
}
#sub-nav.scripted .open {
}
.standard #sub-nav.scripted li {
	width: 535px;
}
.standard #sub-nav.scripted a#sub-nav-previous, .standard #sub-nav.scripted a#sub-nav-next {
 	width: 160px;
}
.standard #sub-nav.scripted a#sub-nav-choose {
	width: 215px;
}

#planning-your-visit {
	width: 164px;
	height: 311px;
	margin-bottom: 10px;
	overflow: hidden;
}
#planning-your-visit h2 {
	text-transform: uppercase;
	font-size: 1em;
}

#planning-your-visit dt {
	font-size: 1.1em;
	color: #00afdd;
	font-weight: bold;
	padding-bottom: .2em;
	margin-bottom: .2em;
	border-bottom: 1px solid #00afdd;
}
#planning-your-visit dd {
	margin-bottom: .2em;
}
#planning-your-visit dd span {
	font-size: .9em;
}
#planning-your-visit table {
	border-collapse: collapse;
}
#planning-your-visit th {
	font-size: .8em;
	text-align: left;
	padding-top: .4em;
	border-top: 1px solid #92cee9;
}
#planning-your-visit th.note {
	font-size: .9em;
	font-weight: normal;
	padding-top: 0;
	border: none;
}
#planning-your-visit td {
	font-size: .9em;
	text-align: right;
	border-top: 1px solid #92cee9;
}
#planning-your-visit tr.first th, #planning-your-visit tr.first td {
	border: none;
}


/* FORM */
#form .row {
	clear:				both;
	margin-bottom:		.5em;
}
#form .label {
	float:				left;
	width:				120px;
	text-align:			left;
	line-height:		1.8em;
}
#form .field input {
	width:				250px;
	border:				1px solid #003761;
}
#form textarea {
	width:				370px;
	height:				60px;
	border:				1px solid #003761;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}
#form select {
	width:				370px;
	border:				1px solid #003761;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}





/* KIDS CLUB */

.kids-club .middle .right #page-title {
	margin-bottom:		1em;
}
.kids-club #body {
	padding:			0 20px 0 20px;
}
.kids-club .middle .right .content {
	background:			#0F0083 url(images/bg_bot_kids-club.gif) no-repeat bottom left;
	color:				#ffffff;
}
.kids-club #page-photos {
	padding-left:		2px;
}

#join-the-club .middle .right .left {
	width:				220px;
	height:				auto;
	padding-left:		20px;
	margin-bottom:		1em;
	background:			transparent;
}
#join-the-club .middle .right .right {
	width:				190px;
	height:				auto;
	margin-bottom:		1em;
	background:			transparent;
}
#send-an-e-card .middle .right .left {
	width:				180px;
	height:				auto;
	
	margin-bottom:		1em;
	background:			transparent;
}
#send-an-e-card .middle .right .right {
	width:				230px;
	height:				auto;
	padding-right:		20px;
	margin-bottom:		1em;
	background:			transparent;
}
#send-an-e-card #body {
	padding:			0 0 0 20px;
}
#join-the-club #body {
	padding:			0;
}


#index #flash-object {
	float:				left;
	width:				132px;
	height:				200px;
}
#index #special-offer {
	float:				left;
	width:				128px;
	height:				200px;
	background:			transparent url(images/btn_special-offers.gif) no-repeat 0 0;
}
#index #special-offer h4, #index #special-offer a {
	width:				100%;
	height:				100%;
	display:			block;
}
#index #special-offer a {
	color:				#ffffff;
	background-color:	transparent;
	text-align:			center;
}
#index #special-offer span.headline {
	padding-top:		12em;
	font-size:			11px;
	display:			block;
}
#index #special-offer span.subtext {
	font-size:			10px;
	font-weight:		normal;
	font-family:		arial;
}



.kids-club a {
	color:				#EE0392;
}
.kids-club #sub-navigation a {
	color:				#003761;
}
.kids-club #btn-join {
	width:				200px;
	height:				34px;
	margin-top:			2em;
	background:			transparent url(images/btn_join-kids-club.gif) no-repeat 0 0;
}
.kids-club #btn-choose-different {
	width:				237px;
	height:				51px;
	float:				left;
	background:			transparent url(images/btn_choose-different.gif) no-repeat 0 0;
}
.kids-club #btn-send-another {
	width:				193px;
	height:				51px;
	float:				left;
	background:			transparent url(images/btn_send-another.gif) no-repeat 0 0;
}

.kids-club #btn-do-it-again {
	float:				left;
}
.kids-club #btn-next, .kids-club #btn-send-now {
	float:				right;
}
.kids-club #btn-join a, .kids-club #btn-choose-different a, .kids-club #btn-send-another a {
	width:				100%;
	height:				100%;
	display:			block;
}
.kids-club #btn-join a span, .kids-club #btn-choose-different a span, .kids-club #btn-send-another a span {
	display:			none;
}
.kids-club #competition-result {
	border-top:			1px dotted #ffffff;
	border-bottom:		1px dotted #ffffff;
}
.kids-club #competition-result strong, .kids-club #competition-result b {
	color:				#EE0392;
}
.kids-club #competition-result p {
	margin-top:			1em;
	font-size:			1em;
	line-height:		1.4em;
}
.kids-club #join-form {
	padding-left:		20px;
}
.row {
	clear:				both;
	margin-bottom:		.5em;
}
.label {
	float:				left;
	width:				184px;
	text-align:			left;
	line-height:		1.8em;
}

.field input {
	width:				200px;
	border:				1px solid #003761;
}
.field textarea {
	width:				200px;
	height:				60px;
	border:				1px solid #003761;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}
.kids-club #success-message {
	padding:			0 20px 0 20px;
}
.kids-club #list {
	padding:			0 20px 0 20px;
}
.kids-club #grid .item {
	width:				114px;
	height:				88px;
	float:				left;
	background-repeat:	no-repeat;
	background-position:top right;
}
#grid .item a {
	width:				100%;
	height:				100%;
	display:			block;
}
#grid .item a span {
	display:			none;
}
.kids-club .postcard-details, .kids-club .postcard-preview {
	padding:			0 22px 0 21px;
	text-align:			center;
}
.kids-club .postcard-success .row {
	padding:			0 22px 0 21px;
}

#postcard-to {
	font-weight:		bold;
	color:				#ffffff;
}
#postcard-from {
	font-weight:		bold;
	color:				#ff009c;
}
#postcard-from-email {
	color:				#ffffff;
	font-weight:		normal;
}