body {
	margin:0;
	background: #adccbb url('/resources/images/h_bgnd.gif') center repeat-y;
	font-size:62.5%; font-family: Arial, Verdana, sans-serif;
}

a img { border: 0;}

div#wrapper {
	position:relative;
	width:716px; margin: 0 auto;
	background:#fff url('/resources/images/h_fadetop.jpg') repeat-x;
}

.clear {	clear:both; }

.clearRight { clear:right; }

.clearLeft { clear:left; }

/* Under Sea Kingdom */

body#underseawebcam div#wrapper, div#wrapper.undersea, body#gallery div#wrapper, body#wherewelive div#wrapper {
	background:#fff url('/resources/images/kingdom/kingdom_gradient.jpg') repeat-x;
}

body#privacyPolicy div#wrapper {
	background:#fff url('/resources/images/h_fadetop.jpg') repeat-x;
	min-height:150px;
}

body#privacyPolicy h2, body#privacyPolicy h3 {
	padding-left:10px;
}

div#mainContent {
	float:left; margin:100px 0 0 30px;
	position:relative;
	width:480px; background-position: right 30px;  background-repeat: no-repeat;
	color:#090; font-size:1.2em;
}

div#mainContent p {
	padding: 0 0 0 10px;
	margin-top: 0;
}

div#mainContent.underseakingdom { margin-left:30px; float:left; }

body#underseawebcam ul#characterNav {
	float:right;
	width:486px;
}

#buttons{
	position:relative;
	margin-left:10px;
}
#buttons a { color: #090; }

#galleryButton {
	position: absolute;
	left:90px; top:75px;
}

body#wherewelive div#galleryButton {
	top:155px;
}

#galleryButton a.textlink { 	margin-left: 40px; }

#galleryTitle { background-image: url('/resources/images/gallery/kingdom_t_gallery.gif'); }

#speed {
	width:60px;
	background-image: url('/resources/images/kingdom/st_speed.gif');
}

#size {
	width:40px;
	background-image: url('/resources/images/kingdom/st_size.gif');	
}

#strength {
	width:70px;
	background-image: url('/resources/images/kingdom/st_strength.gif');	
}

#agility {
	width:54px;
	background-image: url('/resources/images/kingdom/st_agility.gif');	
}

#favourite {
	width:138px;
	background-image: url('/resources/images/kingdom/st_favourite.gif');	
}
#biography {
	width:85px;
	background-image: url('/resources/images/kingdom/st_biography.gif');	
}

div#dontforget { margin-top: 100px; }

#forget {
	width:239px;
	background-image: url('/resources/images/kingdom/st_dontforge.gif');	
}

#dontforget a:link, #dontforget a:visited {
	color: #090;
}

ul#characterNav {
	list-style:none; margin:0; padding:0;
}

ul#characterNav li {
	float:left; width:80px; text-align:center;
}

ul#characterNav li a {
	margin:0;
}

/* Games */

body#troptradespage div#buttons p, body#partygamespage div#buttons p, body#rainydaydospage div#buttons p, body#partyplanner div#buttons p { text-align:center; }

body#partyplanner div#buttons p { width: 140px; }

body#games div#wrapper {
	background:#fff url('/resources/images/games/yellow_gradient.jpg') top left repeat-x;
}

body#games div#mainContent {
	clear:none;
	min-height:640px; height:640px;
	width:440px !important;
}

div#tropTrades { background:transparent url('/resources/images/games/trop.gif') left top no-repeat;
padding: 30px 0 0 240px;
width:200px;
min-height: 240px; height:240px;
 }

#tropTradesTitle {
	width: 197px; margin-top:50px;
	background-image: url('/resources/images/games/st_trop.gif') top center no-repeat;
}

div#mainContent.games p {
	padding-left:0;
}

div#partyGames {
	background:transparent url('/resources/images/games/party.gif') right top no-repeat;
	padding: 65px 240px 0 0; width:200px;
	position:absolute; left:0; top:200px;
	min-height: 205px; height:205px;
}

#partyGamesTitle {
	width: 197px;
	background-image: url('/resources/images/games/st_party.gif');
}

div#rainyDayDos { background:transparent url('/resources/images/games/rainy.gif') left top no-repeat;
	padding: 30px 0 0 250px; width:190px;
	min-height: 240px; height:240px;
	position:absolute; left:0; top:440px;
 }

#rainyDayTitle {
	width: 197px; 
	background-image: url('/resources/images/games/st_rainy.gif');
}

div#mainContent a {
	color:#090;
}

div#tropTradesMain { background:transparent url('/resources/images/games/trumps_bg.gif') left top no-repeat; }

div#tropTradesMain div.intro {
	float:right;
	width:180px;
	margin-top:100px; height:200px;
}

div#partyGamesMain { background:transparent url('/resources/images/games/partygames_bg.gif') left top no-repeat; }

div#partyGamesMain div.intro {
	float:right;
	width:180px;
	margin-top:200px; height:80px;
}

div#partyGamesMain strong {
	color:#939;
}

div#rainyDayMain { background:transparent url('/resources/images/games/rainy_bg.gif') left top no-repeat; }

div#rainyDayMain div.intro {
	float:right;
	width:180px;
	margin-top:100px; height:200px;
}

div#rainyDayMain strong {
	color:#f93;
}

/* Downloads */

fieldset{ border:none; }

body#downloads div#wrapper, body#aboutdrinks div#wrapper, body#thingstodo div#wrapper, body#recipes div#wrapper, body#bagelSnake div#wrapper, body#jellyBoats div#wrapper, body#partyplanner div#wrapper, body#couponform div#wrapper, body#couponPrint div#wrapper, body#couponPrinted div#wrapper, body#invalid div#wrapper {
	background:#fff url('/resources/images/gallery/downloads_gradient.jpg') repeat-x;
}

div.wallpaperdownload {
	float:left; text-align:right;
	width: 135px; margin:10px 20px 10px 0;
}

div.wallpaperdownload form {
	padding: 0px 10px 0 5px;
}

input.downloadButton {
	margin-top:10px;
}

#wallpapers {
	width:440px; clear:left;
	background-image: url('/resources/images/gallery/dloads_st_wallpapers.gif');	
}

#starchart {
	float:left; min-height:408px; width:186px;
	background:transparent url('/resources/images/gallery/dloads_bg.gif') top left no-repeat;
	padding: 40px 0 10px 300px;
}

div#starchart p {
	padding-left:0;
}

/* Things to Do */

#thingstodoTitle {
	width: 468px; margin-bottom: 10px;
	background-image: url('/resources/images/thingstodo/things_title.gif');
}

#greetingsCardsST {
	width:265px; margin:30px 0 10px;
	background-image: url('/resources/images/thingstodo/things_st1.gif');
}

#colouringSheetsST {
	clear:left;
	width:303px; margin:30px 0 10px;
	background-image: url('/resources/images/thingstodo/things_st2.gif');
}

#partyInvitesST {
	clear:left;
	width:249px; margin:30px 0 10px;
	background-image: url('/resources/images/thingstodo/things_st3.gif');
}

form.pdfDownload {
	float:left;
	width:140px;
	padding-bottom:20px;
	padding: 0px 10px;
}

/* Recipes */

#recipesTitle {
	width:250px; clear:left;
	background-image: url('/resources/images/recipes/recipes_title.gif');
	background-position: left;
	margin-bottom:10px;	
}

div#recipesComingSoon {
	width:400px; padding: 280px 0 10px 20px;
	background: #fff url('/resources/images/recipes/recipes_img1.jpg') top left no-repeat;
}

div#recipesIntro {
	background: #fff url('/resources/images/recipes/recipes_img2.jpg') right no-repeat;
	height:220px; padding: 0 220px 0 0;
}

div#recipesIntro img {
	margin-bottom:15px;
}

div#jellyBoatsIntro {
	background: #fff url('/resources/images/recipes/recipes_img3.jpg') left top no-repeat;
	height:104px; clear:left;
	padding: 30px 0 0 160px;
}

div#bagelSnakeIntro {
	background: #fff url('/resources/images/recipes/recipes_img4.jpg') 50px top no-repeat;
	height:120px; clear:left;
	padding: 30px 0 0 220px;
}

div#recipesOutro {
	margin:20px 20px 20px 10px;
}

h3#ingredients {
	clear:right;
	background: #fff url(/resources/images/recipes/ingredients_st.gif) left top no-repeat;
	margin-bottom:10px !important;
}

ul.ingredients { list-style:none; margin: 0 10px 20px; padding:0; }

body#jellyBoats ul.ingredients { float:left; width:250px; }

div#mainContent.recipes h4, div#mainContent.recipes h3 {
	margin:0 10px;
}

body#bagelSnake h1 { margin-left:10px;}

h2#bagelSnakeRecipeH2 {
	padding:30px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/: 30px; margin:5px 10px; 
	background-image:url(/resources/images/recipes/bagel_title.gif);
}

h2#jellyBoatsRecipeH2 {
	padding:30px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/: 30px; margin:5px 10px; 
	background-image:url(/resources/images/recipes/jelly_title.gif);
}

body#jellyBoats p.short { float:right; width:270px; padding-left:0px !important; margin-bottom:10px; }

h3#eggSperiments {
	background:#fff url(/resources/images/recipes/bagel_st1.gif) left top no-repeat;
	margin-bottom:10px !important;
}

div#recipesOutro p {
	padding: 5px 10px;
	margin-left:100px;
}

h2#jellyBoatsH2 {
	width:84px; margin-left:10px; margin-bottom:10px;
	background-image: url('/resources/images/recipes/recipes_jellyboats_st.gif');
}

h2#bagelSnakeH2 {
	margin-left:10px; margin-bottom:10px;
	background-image: url('/resources/images/recipes/recipes_bagelsnake_st.gif');
}

/* Party Planner */

div#mainContent.partyplanner div.intro {
	height:140px; min-height: 140px; margin-bottom: 10px;
	background: url('/resources/images/planner/planner_img1.gif') top right no-repeat;
}

div#mainContent.partyplanner {
	width: 440px;
}

div#mainContent.partyplanner p {
	padding-left:0;
}

div#mainContent.partyplanner div.intro p {
	width:300px;
}

div#mainContent.partyplanner p a {
	color: #939;
}

#partyPlannerTitle { 
	width:468px;
	background-image: url('/resources/images/planner/planner_title.gif');
	}

/* Healthy Living for Kids */

div#mainContent.healthyliving div.intro {
	min-height: 140px; margin-bottom: 10px;
	background: url('/resources/images/healthy/healthy_img1.gif') top right no-repeat;
}

div#mainContent.healthyliving {
	width: 450px;
}

div#mainContent.healthyliving p {
	padding-left:0;
}

div#mainContent.healthyliving p strong {
	color:#f93;
}

div#mainContent.healthyliving div.intro p {
	width:240px;
}

div#mainContent.healthyliving p a {
	color: #939;
}

#healthyLivingTitle { 
	width:468px;
	background-image: url('/resources/images/healthy/healthy_title.gif');
	}

#keepKidsActiveST { 
	width:468px;
	background-image: url('/resources/images/healthy/healthy_st1.gif');
	}

#keepKidsHealthyST { 
	width:468px;
	background-image: url('/resources/images/healthy/healthy_st2.gif');
	}

/* About our Drinks */

body#aboutdrinks div#mainContent {
	background: #fff url('/resources/images/drinks/drinks_img1.jpg') right top no-repeat;
}

div#mainContent.about div.intro {
	width:286px; min-height: 235px;
}

div#mainContent.about p{
	padding-left: 0;
}

div#mainContent.about div.content a {
	color:#f93;
}

#orangePearST{
	width:244px;
	background-image: url('/resources/images/drinks/st_orangepear.gif');	
}

#aboutDrinksTitle {
	width:468px; clear:left;
	background-image: url('/resources/images/drinks/t_drinks.gif');	
}

#appleBlackcurrantST{
	width:244px;
	background-image: url('/resources/images/drinks/st_appleblackcurrant.gif');	
}

#appleST{
	width:244px;
	background-image: url('/resources/images/drinks/st_apple.gif');	
}

div#orangePear {
	margin-top:30px;
	background:transparent url('/resources/images/drinks/drinks_orangepear.jpg') left top no-repeat;
	padding:160px 0 70px 170px;	
}

div#appleBlackcurrant {
	background:transparent url('/resources/images/drinks/drinks_appleblackcurrant.jpg') left top no-repeat;
	padding:160px 0 70px 170px;	
}

div#apple {
	background:transparent url('/resources/images/drinks/drinks_apple.jpg') left top no-repeat;
	padding:175px 0 55px 170px;	
}

div.content {
	margin-right: 30px;
}

body#aboutdrinks ul {
	list-style:none;
	padding-left:20px; margin-left:0;
}

div#healthyliving { position:absolute; top: 50px; left:100px;}

/* Contact Form */

#contactTitle {
	width:468px;
	background-image: url('/resources/images/contact/contact_title.gif');
}

div#tropAddress {
	float:left;
	width: 160px;
}

div#mainContent.contact p {
	padding:0;
}

div#mainContent.contact strong {
	color:#939;
}

div#contactDetails {
	margin-top:30px;
	clear:both; width:436px;
	background: url('/resources/images/contact/contact_img2.gif') top right no-repeat;
}

div#mainContent.contact div.intro {
	width:250px;
	padding: 10px 0 10px 150px;
	background: url('/resources/images/contact/contact_img1.gif') top left no-repeat;
	margin-bottom:20px; min-height:110px; height:110px;
}

div.contactForm form {
	width:420px;
}

p.optOutInfo {
	width: 300px;
}

label.contactLabel {
	padding-top: 10px;
	line-height:20px;
}

/* Columns */



div#left {
	position:relative;
	width:185px; height: 655px; min-height:655px;
	float:left; }
div#middle {
	float:left;
	width:330px;
}
div#right{
	width:201px;
	position:absolute;
	left:539px; top:0;
	z-index:100;
}

body#tropgoHomepage div#left {
	height:530px !important; min-height:530px;
}

body#wherewelive div#left, body#gallery div#left {
	height:700px !important; min-height: 700px;
}

div#graphicalNav {
	clear:left; float:left;
	width: 600px;
}

/* Main Navigation */

div#mainNav {
	width:165px; min-height:208px;
	margin:0 10px; padding: 0;
	background: #4fb148 url('/resources/images/h_navtop.jpg') no-repeat;
}

div#mainNav ul#mainNavItems {
	list-style:none;
	margin:0; padding:75px 9px 5px 8px;
	color:#fff;
}

ul#mainNavItems li {
	line-height:14px;
}

ul#mainNavItems a, ul#mainNavItems strong {
	color:#fff; font-size:1.1em;
}

ul#mainNavItems a.selected {
	font-weight:bold;
	text-decoration:none;
}

div#mainNavBottom {
	background: url('/resources/images/h_navbase.gif') no-repeat;
	width:165px; height:69px;
	 }

/* Text Nav */

div#textNav {
	clear:both;
	width:560px; margin: 20px auto 0; padding: 40px 0 20px;
	text-align:center;
	line-height:15px;
	font-size:1.1em;
}

div#textNav a {
	color:#0c0;
	padding:5px;
}

div#footer {
	width:716px; margin:0 auto; text-align:center;
}

span.copyright {
	text-align:center;
	padding: 0 20px;
}

span.webby {
	text-align:left;
	padding-left:20px;
}

span.privacy {
	text-align:left;
	padding-right: 20px;
}

div#footer span, span.webby a, span.privacy a {
	color:orange;
	text-decoration:underline;
	font-size:1.1em;
}

/* Graphical Nav */

img#about {
	margin-left:15px;
}

img#altonTowers, img#party {
	margin-left:10px;
}

img#recipes, img#contact {
	margin-left:20px;
}

/* page specific */

body#tropgoHomepage p {
	font-size: 1.4em; margin: 0px auto;
	text-align:center;
	width:280px; color:#090;
}

#h2Flavours {
	background-image:url('/resources/images/h_flavours.gif');	
}

#privacyPolicyH1 {
	background-image:url('/resources/images/privacy_title.gif');	
}

/* National Promotion */

div.nationalPromo div#compoIcons {
	float:left;
	width:110px;
	margin: 0px 20px;
}

h2#exhaustedMums {
	background: #fff url('/resources/images/promotion/competition_st.gif');
	width:264px; margin-bottom:10px !important;
}

h1#winBikeVouchers {
	background: #fff url('/resources/images/morrisons/morrissons_title.gif');
	width:334px; margin-bottom:10px !important;	padding-top:71px;
}

h2#morrisonsTextToWin {
	background: #fff url('/resources/images/morrisons/morrisons1_st.gif');
	width:244px; margin-bottom:10px !important;	padding-top:40px !important;
}
h2#morrisonsHowToEnter {
	background: #fff url('/resources/images/morrisons/morrisons2_st.gif');
	width:244px; margin-bottom:10px !important;	
}
h2#morrisonsTsAndCs {
	background: #fff url('/resources/images/morrisons/morrisons3_st.gif');
	width:244px; margin-bottom:10px !important;	
}

* html div#compoIcons {
	padding-bottom:20px;
}

div#compoIcons img#atLogo {
	margin-top:10px;
}

img#promoFlash {
	position:absolute;
	margin:0;
	right:-20px; top:50px;
}

div#runnersUp {
	float:right;
	width:277px;
	margin-left:10px;
}

* html img#promoFlash {
	margin-right:7px;
}

a#enterSurveyButton img {
	margin-top:15px;
	margin-left:35px;
}

div#icons {
	text-align:center;
}

body#winpartythanks div.intro p {
	padding-left:20px;
	font-size:1.1em !important;
}

div#icons {
	margin-top:30px;
}

div#icons img#ak {
	margin: 0 15px 15px 0;
}

h2#h2TsAndCs {
	background-image: url(/resources/images/promotion/terms_st.gif);
	margin-left:20px; margin-bottom:10px;
}

body#winPartyTermsConditions div#mainContent p {
	margin-left:10px;
}

/* SURVEY */

body#surveyform form p {
	padding-left:0px;
}

body#surveyform form label, body#surveyform form select, body#surveyform form input {
	margin-left:30px;
}

body#surveyform form p {
	clear:left;
	margin:0;
	padding: 10px;
}

input.noMargin, label.noMargin {
	margin:0 5px !important;
}

body#surveythanks div#mainContent p {
	margin: 30px 0;
}

body#surveythanks div#mainContent img {
	margin: 30px 10px;
}

body#surveythanks div#mainContent a img {
	margin:0;
}

h1#consumerSurvey {
	background-image: url('/resources/images/promotion/survey_title.gif');
}

/* Coupons Pages */

h1#couponRegister {
	background-image: url('/resources/images/coupons/coupon_title.gif');
	background-position: 10px top !important;
	margin-bottom:10px;
}

div#mainContent.coupons {
	padding:15px; width: 460px;
}

div#mainContent.coupons fieldset.optIns p {
	margin-left:0;
}

/* Coupon Print */

body#invalid div#mainContent p {
	margin:15px 12px;
}

h1#couponPrintTitle {
	background-image: url('/resources/images/coupons/howtoprint_title.gif');
	margin-bottom:10px;
}

p.printButton {
	padding:40px 0 !important;
}

body#couponPrint p {
	padding:0;
}

h1#couponPrintedTitle {
	background-image: url('/resources/images/coupons/voucherprinted_title.gif');
	background-position:left top;
	margin-bottom:30px;
}

h2#havingTroubleTitle {
	background-image: url('/resources/images/coupons/howtoprint_st1.gif');
	margin-bottom:15px; width:244px;
}

h2#alternMethodTitle {
	background-image: url('/resources/images/coupons/howtoprint_st2.gif');
	margin-bottom:15px;
}

div#mainContent.coupons p {
	padding:1px;
}

div#alternateMethod div {
	float:left;
	width:230px; height:95px;
}

div#crossSellCompo {
	width:370px;
}

div#crossSellCompo p, div#crossSellCompo a:link, div#crossSellCompo a:visited {
	color:#93c;
}

div#crossSellCompo p {
	width:230px; padding: 25px 0 !important;
	line-height:1.4em;
}

ol#step2list li {
	margin: 10px 0;
}

* html div.coupons {
	margin-left:10px !important;
}

/* Image replacement titles */

h1.imgRep { 
	padding:35px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/: 35px; margin:0;
	background-position: top center;
	background-repeat: no-repeat;
	}
	
h2.imgRep { 
	padding:19px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/: 19px; margin:0;
	background-position: top left;
	background-repeat: no-repeat !important;
}

h3.imgRep { 
	padding:19px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/: 19px; margin:0;
	background-position: top left;
	background-repeat: no-repeat !important;
}

#h2Promotion {
	background-image:url('/resources/images/promotion/competition_title.jpg');
	padding:75px 0 0 0;
	margin-bottom:20px;
}

/* Various Furniture */

img#logo {
	margin: 40px 15px 10px;
}

.leftAlign { float:left; }
.rightAlign { float: right; }
.centreAlign { text-align:center; }

object.centerAlign { margin: 0 60px; }

.spacing10 { margin:10px; }
.pad10, div#mainContent p.pad10 { float:left; padding: 10px; padding-left: 20px; width:250px; }

address {
	font-style: normal;
}

.topMarginUSW {
	margin-top:30px;
}

.topMarginDownloads {
	margin-top:15px;
}
.orange { color:orange; }
.error {
	color:red;
}

/* FAUX TABLE FOR OPTINS */

fieldset.optIns {
	padding: 4px 0 9px;
	margin: 0;
}

fieldset.optIns p {
	clear:left;
	margin-top: 10px !important;
}

span.ftLeft {
	clear:left;
	float:left;
	width:290px; padding-bottom:10px;
}

span.ftMiddle, span.ftRight {
	float:left;
	width:75px;
	text-align:center;
}

/* IE 6 PNG Fix */

* html img {
	behavior: url('/resources/iepngfix.htc');
}