@charset "utf-8";
/* Purple Dragon CSS */

/* RESET */

img { border: 0; padding: 0; margin: 0; }

p, div, h1, h2, h3, h4, ol, li, td, tr, table { padding: 0; margin: 0; }

h3 { font-size: 16px; line-height: 20px; }

h4 { font-size: 14px; }

.pngfix { behavior: url(iepngfix.htc) }

/* CONTAINER */

body { background-image: url(images/header.gif); background-repeat: no-repeat; background-position: center top; margin: 0 0 20px 0; padding: 0; font-family: Arial; font-size: 12px; color: #666666; line-height: 18px;}

a { color: #2fa2bd; }

a:hover { text-decoration: none; color: #333; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

#container { width: 950px; margin: 0 auto 0 auto; padding: 0; position: relative; }

#bg { background-image: url(images/bg_grade1.png); }

/* HEADER */

#header { height: 187px; width: 950px; padding: 0 30px 0 30px;}

h1 { float: left; width: 148px; margin: 15px 5px 0 0; padding: 0;}

#nav { float: left; width: 548px; margin: 30px 40px 0 0; padding: 0; }

#nav td img { display: block;}

.applymember { float: left; margin: 15px 0 0 0; padding: 0; }

/* NAV */

#nav {
 width: 551px;
 height: 119px;
 background-image: url(images/nav-all.gif);
 position: relative;
}

/* HOME */

#homeflash { height: 360px; width: 950px; margin: 20px 0 30px 0; padding: 0 12px 0 12px;}

#homemid { width: 950px; padding: 0 30px 0 30px; }

#homeblurb { float: left; width: 569px; margin: 0 90px 0 0; }

#homeblurb p { padding-bottom: 15px; }

#homeage { float: left; width: 201px; height: 181px; background-image: url(images/home_age_bg.png); padding: 55px 0 0 45px;}

#homeage td { text-align: center; width: 33%; }

#homefour { clear: both; height: 298px; padding: 0 0 0 40px; margin: 0; background-image: url(images/home4bg.gif); background-repeat: no-repeat; }

.homefour-boxes { float: left; width: 223px; margin: 0; padding: 0; }

.homefour-boxes p { padding: 5px 25px 0 0; }

#homefourbot { clear: both; }

.homefour-boxes-age { float: left; width: 223px; margin: 0; padding: 10px 0 0 0; }

.homefour-boxes-age p { float: left; padding: 0; }


.home4age { float: right; display: block; padding: 15px 30px 0 0; width: 57px; height: 19px; background-image: url(images/age_icons.png); background-repeat: no-repeat; text-indent: -5000px; }

.home4age:hover { background-image: url(images/age_icons-over.png); }

/* ALL BELOW */

.all4age { float: left; display: block; margin: 0 0 0 30px; width: 56px; height: 16px; background-image: url(images/age_icons.png); background-repeat: no-repeat; text-indent: -5000px; }

.all4age:hover { background-image: url(images/age_icons-over.png); }

.all4age2 { float: left; display: block; margin: 0 0 0 30px; width: 56px; height: 16px; background-image: url(images/age_icons-hg.png); background-repeat: no-repeat; text-indent: -5000px; }

.all4age2:hover { background-image: url(images/age_icons-hg-over.png); }

/* GROWNUPS */

#grownupsbg { background-image: url(images/gu-bg.png); height: 812px; background-repeat: no-repeat; background-position: left; padding: 0; }

#grownups { height: 600px; padding: 50px 200px 0 420px; }

#grownups h2 { padding: 0 0 30px 0; }

#grownups h3 { padding: 0 0 5px 0; }

#grownups p { clear: both; padding: 0 0 25px 0; }

#grownups a { display: block; background-image: url(images/gu-cta.png); width: 305px; height: 20px; text-indent: -5000px; }

#grownups a:hover { background-image: url(images/gu-cta-over.png); }


/* BOOK VISIT */

.formline{margin: 10px 0 0 0; clear: both; height: 22px;padding: 2px   }
.namelabel { float: left; width: 150px;  font-size: 16px;  font-weight: bold; padding: 3px 0 0 0;}
.inputlabel { float: left; width: 194px; height: 24px; }
.inputlabel2 { float: left; width: 94px; height: 24px; }
.transparancy { font-size: 15px; color:#333; font-family: Arial; padding: 2px 3px 2px 4px; font-weight: bold; width: 187px;}
.formline_error{margin: 10px 0 0 0; clear: both; height: 24px; width: 346px; background-color: #c31a21; padding: 2px; color:#fff  }

.ages {	float: left; width: 108px;  margin: 0 15px 0 0;}
.ages img {	margin: 0 0 10px 0}
.ages select, input {font-size: 11px; font-family: Arial;	}

.submit {
	 float: right; padding: 20px 40px 0 0
}
.error {color:#e51d1f}

.boxtxt { padding: 0 0 27px 0;}

.map { width: 446px;  display: block; height: 256px; vertical-align: top; margin: 25px 0 5px 0; padding:0;}

#book1bg { background-image: url(images/bookvisit/book-bg1.png); background-repeat: no-repeat; background-position: top right; padding: 0; }

#book1box { background-image: url(images/bookvisit/book-bookvisit.png); height: 173px; padding: 65px 40px 0 20px; margin: 0;}

#book1 { padding: 30px 521px 0 30px; }

#book1 h2 { padding: 25px 0 20px 0; }

#book1 h4 { float: left; color: #e2007a; padding: 0 0 15px 0; }

#book1 p { clear: both; padding: 0 0 15px 0; }


/* BOOK VISIT 2 */

#book2bg { background-image: url(images/bookvisit/book-bg.png); background-repeat: no-repeat; background-position: top right; padding: 0; }

#book2box { background-image: url(images/bookvisit/book-thankyou.png); height: 62px; padding: 65px 100px 0 20px; margin: 0 0 20px 0;}

#book2 { padding: 30px 521px 0 30px; }

#book2 h2 { padding: 0 0 20px 0; }

#book2 h3 { padding: 0 0 15px 0; }

#book2 p { clear: both; padding: 0 0 15px 0; }

#didyou { clear: both; float: left; width: 200px; padding: 30px 0 0 0; }

#didyouicon { float: left; padding: 30px 0 0 15px; }

/* BOOK VISIT 3 */

#book3bg { background-image: url(images/bookvisit/book-bg.png); background-repeat: no-repeat; background-position: top right; padding: 0; }

#book3box { background-image: url(images/bookvisit/book-sentfriend.png); height: 34px; padding: 105px 60px 0 20px; margin: 0 0 20px 0;}

#book3 { height: 700px; padding: 30px 521px 0 30px; }

#book3 h2 { padding: 0 0 20px 0; }

#book3 h3 { padding: 0 0 15px 0; }

#book3 p { clear: both; padding: 0 0 15px 0; }

/* EAT */

#eatbg { background-image: url(images/eat.jpg); height: 771px; background-repeat: no-repeat; background-position: right; padding: 0; }

#eat { height: 530px; padding: 30px 550px 0 30px; }

#eat h2 { padding: 0 0 20px 0; }

#eat h4 { float: left; color: #ff6200; padding: 0 0 15px 0; }

#eat p { clear: both; padding: 0 0 15px 0; }

/* PLAY */

#playbg { background-image: url(images/play.jpg); height: 730px; background-repeat: no-repeat; background-position: right; padding: 0; }

#play { height: 530px; padding: 30px 550px 0 30px; }

#play h2 { padding: 0 0 20px 0; }

#play h4 { float: left; color: #ABC24E; padding: 0 0 15px 0; }

#play p { clear: both; padding: 0 0 15px 0; }

/* LEARN */

#learnbg { background-image: url(images/learn.jpg); height: 730px; background-repeat: no-repeat; background-position: right; padding: 0; }

#learn { height: 530px; padding: 30px 550px 0 30px; }

#learn h2 { padding: 0 0 20px 0; }

#learn h4 { float: left; color: #e8008b; padding: 0 0 15px 0; }

#learn p { clear: both; padding: 0 0 15px 0; }

/* HAVE FUN */

#funbg { background-image: url(images/havefun.jpg); height: 730px; background-repeat: no-repeat; background-position: right; padding: 0; }

#fun { height: 530px; padding: 30px 550px 0 30px; }

#fun h2 { padding: 0 0 20px 0; }

#fun h4 { float: left; color: #7cc2d1; padding: 0 0 15px 0; }

#fun p { clear: both; padding: 0 0 15px 0; }

/* CONTACT */

#contactbg { background-image: url(images/contact-bg.png); height: 741px; background-repeat: no-repeat; background-position: left; padding: 0; }

#contact { height: 711px; padding: 30px 30px 0 450px; }

#contact h2 { padding: 0 0 20px 0; }

#contact h4 { float: left; color: #666; padding: 0 0 15px 0; }

#contact p { clear: both; padding: 0 0 15px 0; }

#contact td { vertical-align: top; }

#contactleft { float: left; width: 40%; padding: 10px 0 0 0; }

#contactright { float: right; width: 60%; }

#contactright p { padding: 0 0 3px 0; }

#contactright h4 { padding: 10px 0 5px 0; }

.map { clear: both; padding: 20px 0 10px 0; }

/* OUT OF SCHOOL */

#oosbg { background-image: url(images/out-of-school_bg.jpg); height: 730px; background-repeat: no-repeat; background-position: left; padding: 0; }

#oos { height: 500px; padding: 30px 30px 0 450px; }

#oos h2 { padding: 0 0 20px 0; }

#oos h4 { float: left; color: #666; padding: 0 0 15px 0; }

#oos p { clear: both; padding: 0 0 15px 0; }


/* FOOTER */

#footernav { clear: both; width: 544px; margin: 0 0 0 30px; padding: 20px 0 0 0;}

a.footernav_eat { float: left; display: block; width: 87px; height: 80px; background-image: url(images/footer-eat.png); background-repeat: no-repeat; margin: 0 20px 0 0;  background-position: 0 -80px; text-indent: -5000px; }

a.footernav_eat-on { float: left; display: block; width: 87px; height: 80px; background-image: url(images/footer-eat.png); background-repeat: no-repeat; margin: 0 20px 0 0;  background-position: 0 0px; text-indent: -5000px;}

a:hover.footernav_eat { background-position: 0 0; }

a.footernav_play { float: left; display: block; width: 107px; height: 100px; background-image: url(images/footer-play.png); background-repeat: no-repeat; margin: 0 20px 0 0;  background-position: 0 -80px; text-indent: -5000px; }

a.footernav_play-on { float: left; display: block; width: 107px; height: 100px; background-image: url(images/footer-play.png); background-repeat: no-repeat; margin: 0 20px 0 0;  background-position: 0 0; text-indent: -5000px; }

a:hover.footernav_play { background-position: 0 0; }

a.footernav_learn { float: left; display: block; width: 119px; height: 100px; background-image: url(images/footer-learn.png); background-repeat: no-repeat; margin: 0 20px 0 0;  background-position: 0 -80px; text-indent: -5000px; }

a.footernav_learn-on { float: left; display: block; width: 119px; height: 100px; background-image: url(images/footer-learn.png); background-repeat: no-repeat; margin: 0 20px 0 0;  background-position: 0 0; text-indent: -5000px; }

a:hover.footernav_learn { background-position: 0 0; }

a.footernav_havefun { float: left; display: block; width: 171px; height: 100px; background-image: url(images/footer-havefun.png); background-repeat: no-repeat; margin: 0 0 0 0;  background-position: 0 -80px; text-indent: -5000px; }

a.footernav_havefun-on { float: left; display: block; width: 171px; height: 100px; background-image: url(images/footer-havefun.png); background-repeat: no-repeat; margin: 0 0 0 0;  background-position: 0 0; text-indent: -5000px; }

a:hover.footernav_havefun { background-position: 0 0; }

#footer { clear: both; border-top: 1px solid #CCCCCC; color: #999999}

#footer p { padding: 15px 5px 20px 0; }

#footer a { color: #999999; padding: 0 5px 0 5px;}

/* AGE OVERLAY */

#ageoverlaybox { clear: both; height: 300px; overflow: auto; }

.agetd { vertical-align: top; }

#ageoverlaybox table { padding: 10px 0 0 0; }

#ageoverlaybox td { padding: 0 20px 0 0; }

#ageoverlay h4, #ageoverlay h3 {  padding: 0 0 10px 0; }

#ageoverlay p { padding: 0 0 10px 0; }

#ageoverlay h4.agegreen { color: #ABC24E; }

#ageoverlay h4.agepurple { color: #990099; }

#ageoverlay h4.agered { color: #9E0B0F; }

#ageoverlay h4.agegrey, #ageoverlay h3.agegrey  { color: #333; }

.agep { margin-top: 15px; }

/* FAQS */

#faqsbg { background-image: none; height: 729px; background-image: url(images/faq-bg.jpg); background-repeat: no-repeat; background-position: top left; padding: 0; }

#faqs { height: 300px; padding: 120px 30px 0 70px; }

#faqs h2 { padding: 0 0 30px 0; }

#faqs h4 { float: left; color: #666; padding: 0 0 15px 0; }

#faqs p { clear: both; padding: 0 0 15px 0; }

#faqtabcontent { float: left; width: 360px; }

#faqtabs { float: left; width: 350px; list-style-position: inside; }

.tabcontent{ display:none; }

@media print { .tabcontent { display:block !important; } }

#faqtabs a.selected { color: #666666; text-decoration: none; }



/* WHATS INSIDE */

#whatinbg { background-image: url(images/wi/wi/whatinbg.png); height: 505px; background-repeat: no-repeat; background-position: right; padding: 0; }

#whatin { padding: 100px 30px 20px 50px; }

#floorplan { float: right; margin-top: 30px; }


/* WHATS INSIDE LAYOUT */

#wicontainer { 
 position: relative;
  background-image: url(images/wi/wi/wibg.png);
  background-repeat: no-repeat;
  height: 310px;
  width: 877px;
  }
#wiwo a {
	position: absolute;
	height: 38px;
	width: 88px;
	top: 256px;
	text-decoration: none;
	line-height: normal;
  }
  
#wiwo  a { font-family: arial; font-weight: bold; font-size: 10px; text-decoration: none; }
  
#wiwo a#reception { top: 247px; left: 669px; height: 41px; width: 101px; position: absolute; }
#wiwo a#lounge { top: 247px; left: 590px; height: 41px; width: 75px; position: absolute; }
#wiwo a#sciencelab { top: 247px; left: 506px; height: 41px; width: 81px; position: absolute; }
#wiwo a#readingroom { top: 217px; left: 506px; height: 24px; width: 81px; position: absolute; }
#wiwo a#babychange { top: 187px; left: 506px; height: 24px; width: 81px; position: absolute; }
#wiwo a#juicebar { top: 157px; left: 506px; height: 24px; width: 81px; position: absolute; }
#wiwo a#cafe { top: 116px; left: 590px; height: 64px; width: 48px; position: absolute; }
#wiwo a#firebreatherslounge { top: 185px; left: 590px; height: 32px; width: 97px; position: absolute; }
#wiwo a#mazeplayzone { top: 116px; left: 642px; height: 64px; width: 68px; position: absolute; }
#wiwo a#waterpod { top: 116px; left: 401px; height: 34px; width: 87px; position: absolute; }
#wiwo a#spabeauty { top: 210px; left: 366px; height: 38px; width: 77px; position: absolute; }
#wiwo a#musiclab { top: 168px; left: 366px; height: 38px; width: 77px; position: absolute; }
#wiwo a#gaming { top: 251px; left: 322px; height: 37px; width: 166px; position: absolute; }
#wiwo a#ballroom { top: 168px; left: 305px; height: 77px; width: 57px; position: absolute; }
#wiwo a#artzone { top: 116px; left: 310px; height: 34px; width: 87px; position: absolute; }
#wiwo a#restaurant { top: 118px; left: 164px; height: 171px; width: 112px; position: absolute; }
#wiwo a#communaltable { top: 261px; left: 52px; height: 27px; width: 107px; position: absolute; }
#wiwo a#kidskitchen { top: 225px; left: 39px; width: 120px; height: 30px; position: absolute; }
#wiwo a#terrace { top: 57px; left: 162px; height: 40px; width: 117px; position: absolute; }
#wiwo a#garden { top: 55px; left: 371px; height: 40px; width: 118px; position: absolute; }
#wiwo a#minigolf { top: 6px; left: 589px; height: 90px; width: 120px; position: absolute; }


#wiwo a#reception:hover { background-image: url(images/wi/wi/reception.gif); }
#wiwo a#lounge:hover { background-image: url(images/wi/wi/lounge.gif); }
#wiwo a#sciencelab:hover { background-image: url(images/wi/wi/sciencelab.gif); }
#wiwo a#readingroom:hover { background-image: url(images/wi/wi/readingroom.gif); }
#wiwo a#babychange:hover { background-image: url(images/wi/wi/babychange.gif); }
#wiwo a#juicebar:hover { background-image: url(images/wi/wi/juicebar.gif); }
#wiwo a#cafe:hover { background-image: url(images/wi/wi/cafe.gif); }
#wiwo a#firebreatherslounge:hover { background-image: url(images/wi/wi/firebreatherslounge.gif); }
#wiwo a#mazeplayzone:hover { background-image: url(images/wi/wi/mazeplay.gif); }
#wiwo a#waterpod:hover { background-image: url(images/wi/wi/waterpod.gif); }
#wiwo a#spabeauty:hover { background-image: url(images/wi/wi/spabeauty.gif); }
#wiwo a#musiclab:hover { background-image: url(images/wi/wi/musiclab.gif); }
#wiwo a#gaming:hover { background-image: url(images/wi/wi/gaming.gif); }
#wiwo a#ballroom:hover { background-image: url(images/wi/wi/ballroom.gif); }
#wiwo a#artzone:hover { background-image: url(images/wi/wi/artzone.gif); }
#wiwo a#restaurant:hover { background-image: url(images/wi/wi/restaurant.gif); }
#wiwo a#communaltable:hover { background-image: url(images/wi/wi/communaltable.gif); }
#wiwo a#kidskitchen:hover { background-image: url(images/wi/wi/kidskitchen.gif); }
#wiwo a#terrace:hover { background-image: url(images/wi/wi/terrace.gif); }
#wiwo a#garden:hover { background-image: url(images/wi/wi/garden.gif); }
#wiwo a#minigolf:hover { background-image: url(images/wi/wi/minigolf.gif); }

#wiwo .padreception { text-align: center; padding: 12px 0 0 0; }
#wiwo .padlounge { text-align: center; padding: 12px 0 0 0; }
#wiwo .padsciencelab { text-align: center; padding: 12px 0 0 0; }
#wiwo .padreadingroom { text-align: center; padding: 4px 0 0 0; }
#wiwo .padbabychange { text-align: center; padding: 5px 0 0 0; }
#wiwo .padjuicebar { text-align: center; padding: 5px 0 0 0; }
#wiwo .padcafe { text-align: center; padding: 23px 0 0 0; }
#wiwo .padfirebreatherslounge { text-align: center; padding: 3px 0 0 0; }
#wiwo .padmazeplayzone { text-align: center; padding: 18px 0 0 0; }
#wiwo .padwaterpod { text-align: center; padding: 9px 0 0 0; }
#wiwo .padspabeauty { text-align: center; padding: 9px 0 0 0; }
#wiwo .padmusiclab { text-align: center; padding: 10px 0 0 0; }
#wiwo .padgaming { text-align: center; padding: 11px 0 0 0; }
#wiwo .padballroom { text-align: center; padding: 30px 0 0 0; }
#wiwo .padartzone { text-align: center; padding: 9px 0 0 0; }
#wiwo .padrestaurant { text-align: center; padding: 75px 0 0 0; }
#wiwo .padcommunaltable { text-align: center; padding: 6px 0 0 0; }
#wiwo .padkidskitchen { text-align: center; padding: 8px 0 0 0; }
#wiwo .padterrace { text-align: center; padding: 11px 0 0 0; }
#wiwo .padgarden { text-align: center; padding: 12px 0 0 0; }
#wiwo .padminigolf { text-align: center; padding: 40px 0 0 0; }