/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';
content: none;
}
table {border-collapse: collapse;border-spacing: 0;}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {color: #222;font-size: 1em;line-height: 1.4;height:100%;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0;padding: 0;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset { border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.browserupgrade {margin: 0.2em 0;background: #ccc; color: #000;padding: 0.2em 0;}
/* ==========================================================================
ProActive custom styles
========================================================================== */
body
{
font-family: 'Roboto', sans-serif;
font-size:16px;
color:#414141;
background:#e8f6f9 url(../images/shadow.jpg) repeat-y center;
padding:0px;
}
p {color:#414141; line-height:1.27em;}
p strong {font-weight:700;}
a {color:#414141; line-height:1.27em; } /*color:#1b4797;*/
a:hover {text-decoration:underline;}
h1 { font-size:1.286em; font-weight:700; }
h2 { font-size:1.2em; font-weight:700; color:#FFF;}
h3 { font-size:1.1em; font-weight:700; color:#1E8CC3;}
h4 { font-size:1.05em; font-weight:700; color:#1E8CC3; line-height:1.25em; }
h5 { font-size:0.98em; font-weight:700;}
#main {margin:0px auto;max-width:1010px;min-height:400px; }
/* Header */
.header{height:140px;max-width:1010px;margin:0px;}
#header_img_left { margin-left:50px; float:left; max-width:210px; }
#header_img_right { margin:0; float:left; width:226px; }
#header_img a {text-decoration:none;}
#header_social { margin-right:70px; margin-top:40px; float:right; width:280px; }
#header_social p {margin:0px; float:right; }
#header_social p span {color:#1E8CC3; font-weight:700;}
#header_social a {color:#1E8CC3; font-weight:700; text-decoration:none; float:right;}
#icons {max-width:200px; max-height:48px; float:right;}
#info {float:right; width:280px;}
.header ul {list-style-type: none; }
.header li {display: inline-block;float: right;padding-left:12px; padding-bottom:10px;}
.header a {display: inline-block; float: right;}
/* navigation - responsive @media queries below */
.navigation { width:100%; clear:both; background:url(../images/navNormal.gif) repeat-x; margin-bottom: 30px; }
.menu_container { margin: 0 auto; max-width: 61.250em; font-family: 'Roboto', sans-serif;}
a.menu_link { display: block; color: #fff; text-align: center; width: 100%; line-height: 31px; text-decoration:none; height:31px; vertical-align:central;}
a.menu_link:after { content: "▼"; margin-left: 10px; position: relative; width: 28px; font-size: 1em; }
a.menu_link.active:after { content: "▲"; }
#menu_wrap { max-height: 0; overflow: hidden; font-size: 1em; }
#menu_wrap.active { max-height: 55em; transition: 1s all linear; }
ul.menu { list-style: none; margin: 0; padding: 0;font-weight: 700; }
ul.menu li { list-style: none; margin: 0; padding: 0; width:50%; text-align: center; background-color: #1b4797; float: left;}
ul.menu li a { display: block; text-decoration:none; padding: 8px 0; border-bottom:1px solid #111; border-top:1px solid #757575; color: #fff;vertical-align:central;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
ul.menu li.selected { background-color:#006; color:#fff; text-decoration:none; vertical-align:central;}
/* footer */
#footer {width:1010px;margin:0px auto;background:url(../images/footer.jpg) repeat-x;min-height:130px;padding-top:42px;}
#footer p {margin-top:10px;}
.footer_links {width:1010px; margin-top:10px; text-align:center; }
.footer_links a {text-decoration:none; margin:7px;}
.footer_links a:hover {text-decoration:underline; margin:7px;}
.footer_img {width:1010px; margin-left:auto; margin-right:auto; margin-bottom:20px; display:inline-block; text-align:center;}
.footer_img a {text-decoration:none; padding:0px;}
.theimg{display:inline-block;padding-right:10px; padding-left:10px;}
/* content */
#content {max-width:940px;padding-left:35px;padding-right:35px;}
#banner .item img{display: block;width: 100%;height: auto;}
/* home page */
.intro_left { float:left; max-width:524px; margin-top:10px; }
.content_border {border-radius: 15px; border:1px solid #CCC; padding:15px 25px; width:474px;overflow: hidden; }
.content_border h1 span { color:#1E8CC3; } /* color:#86c933; */
.content_border h3 {padding-bottom:5px;}
.content_border h3 a{color:#1E8CC3; text-decoration:none;}
.content_border h3 a:hover{color:#1E8CC3; text-decoration:underline;}
.content_border p a { text-decoration:underline; font-weight:700; }
.content_border p a:hover { text-decoration:underline;color:#1b4797; }
.content_border ul { padding-left:30px; line-height: 20px;}
.content_border ul li { list-style:disc;}
.content_border ul li a { text-decoration:underline; font-weight:700;}
.content_border ul li a:hover { text-decoration:underline; font-weight:700;color:#1b4797;}
.content_border .seeyou { float:left; width:416px; height:42px; }
.intro_right {float:left; max-width:400px; margin-top:10px; margin-left:16px; display:inline;}
.intro_right .im1 {float:left;max-width:197px;max-height:149px;}
.intro_right .im2 {float:left;max-width:197px;max-height:149px;margin-left:6px;}
.intro_right .im3 {float:left;max-width:197px;max-height:149px;margin-top:15px;;}
.intro_right .im4 {float:left;max-width:197px;max-height:149px;margin-top:15px; margin-left:6px; }
#twitterfeed { float: left; margin-top: 25px; margin-left:16px; font-size:0.875em; width:398px; color:#1E8CC3; display:block; border:1px solid #CCC; border-radius: 2px;}
/*-*/
.top_splash{float:left;}
.top_splash_alt{float:left;max-width:940px;max-height:186px;}
.top_splash_alt img {width:100%; height: auto;}
.top_subnav {background:url(../images/subnav_bigger.png) no-repeat;width:220px;height:280px;float:right; }
.top_subnav h2{color:White;padding:10px 0px 14px 15px;}
.top_subnav h4{color:#0094cf;padding-left:25px;margin-top:10px;margin-bottom:10px; font-weight:400;}
.top_subnav p{padding:6px 0px 6px 0px;}
.top_subnav p a{color:#0d9ad1;font-size:16px;padding:0px 0px 0px 15px;text-decoration:none; }
.top_subnav p.selected{background-color:#11a6cd;color:White;font-weight:700;font-size:16px;padding:6px 0px 6px 15px;}
.top_subnav a:hover{font-weight:700; }
.top_subnav_responsive ul{display:none;}
.tab-links li { margin:1px 2px;float:left; list-style:none;}
.tab-links a {padding:6px 10px;display:inline-block;border:solid 1px #1E8CC3;border-radius:8px 8px 0px 0px; background:#fff;font-weight:700;
color:#1E8CC3;text-decoration:none;transition:all linear 0.15s;}
.tab-links a:hover {background:#cfebf9;text-decoration:none;}
li.active a, li.active a:hover { background:#1E8CC3;color:#fff;display:inline-block;border-radius:8px 8px 0px 0px; font-weight:700;text-decoration:none;}
.top_subnav_ourparks ul{display:none;}
.tab-links li { margin:1px 2px;float:left; list-style:none;}
.tab-links a {padding:6px 10px;display:inline-block;border:solid 1px #1E8CC3;border-radius:8px 8px 0px 0px; background:#fff;font-weight:700;
color:#1E8CC3;text-decoration:none;transition:all linear 0.15s;}
.tab-links a:hover {background:#cfebf9;text-decoration:none;}
li.active a, li.active a:hover { background:#1E8CC3;color:#fff;display:inline-block;border-radius:8px 8px 0px 0px; font-weight:700;text-decoration:none;}
.top_subnav_faq {background:url(../images/subnav.jpg) no-repeat; height:186px;width:220px;float:right;}
.top_subnav_faq h2{color:White;padding:10px 0px 14px 15px;}
.top_subnav_faq h4{color:#0094cf;padding-left:25px; padding-right:25px;margin-top:10px;margin-bottom:10px; font-weight:400;}
.top_subnav_faq p{padding:6px 0px 6px 0px;}
.top_subnav_faq p a{color:#0d9ad1;font-size:16px;padding:0px 0px 0px 15px;text-decoration:none; }
.top_subnav_faq a:hover{font-weight:700; }
#content_big_border_top{background:url(../images/content_big_top.gif) repeat-x;height:31px;width:700px;
float:left;border-top-right-radius: 10px; border-top-left-radius:10px; }
#content_big_border_top h1{color:White;width:100%;padding-left:3%;line-height:31px;vertical-align:middle; float:left;}
#content_big_border {border-radius: 15px; border:1px solid #CCC; width:700px; margin-bottom:30px;float:left; margin-top:-64px;}
#content_big_border.faq {margin-top:30px;}
#content_big_border.shop {margin-top:0px;}
#content_big_border.ourp {width:100%; margin-top:0px;}
#content_big_border_top.ourp {width:100%;}
#content_big_border.contact {margin-top:0px; }
#content_big_border .about_text {display:block; width:94%; padding: 2.5% 3%; float:left;}
#content_big_border .about_text a { text-decoration:underline; font-weight:700;}
#content_big_border .about_text a:hover { color:#1b4797;}
#content_big_border .about_text p span { font-weight:700;color:#1E8CC3; }
#content_big_border .about_text h5 { padding-bottom:5px; font-weight:400; }
#content_big_border .about_text ul { padding-left:30px; line-height: 1.27em;}
#content_big_border .about_text ul li { list-style:disc;}
#content_big_border .about_text ul li strong {color:#1E8CC3; font-weight:700;}
#content_big_border .bio {margin-top:1.3em; width:100%; height:auto;}
#content_big_border .bioPic {float:left; max-height:240px; max-width:180px; width:28%; overflow:hidden; background-color:#FFFFFF; margin-right:3% }
#content_big_border .bioPic img {width:100%; height:auto;}
#content_big_border .bioText {float:left; width:69%;}
#content_big_border .bioText p {font-size:0.94em;}
#content_big_border .testimonials p { line-height:1.3em; }
#content_big_border .testimonials h3 { font-size:1em; padding-top:6px; }
#content_big_border .faq1 h4 { font-size:1em; padding-bottom:3px;}
#content_big_border .shopAll {width:100%;}
#content_big_border .shopItem { float:left;width:100%; height:auto;background-color:#e8f6f9; }
#content_big_border .shopPic {float:left; max-height:280px; max-width:150px; width:25%; overflow:hidden; background-color:#FFFFFF; margin-right:3% }
#content_big_border .shopPic img {width:100%; height:auto; }
#content_big_border .shopInfo {float:left; width:68%; max-height:230px; max-width:450px; padding:3% 2%;}
#content_big_border .shopInfo p {padding:10px 0px 0px 0px;}
#ourparks {width:700px; float:left; margin-top:30px; }
#ourparks_mobile {display:none; width:100%; float:left;}
#content_big_border .park {width:100%; float:left; margin-top:0.7em; margin-bottom:1em;}
#content_big_border .parkInfo {width:45%; float:left;}
#content_big_border .parkMap {width:52%; margin-left:3%;float:left; max-width:380px; height:330px; overflow:hidden; }
#content_big_border .parkMap iframe {width:100% !important; height:100% !important; }
#content_big_border .parkAbout {width:100%; float:left; margin-top:1em; margin-bottom:1.5em;}
#content_big_border .personalise_box {float:left; width:46%; margin-left:2%; margin-top:25px; background-color:#e8f6f9; border-radius:8px 8px;}
#content_big_border .personalise_box:first-child {margin-left:4%;}
#content_big_border .personaliseText{display:block; float:left; width:90%; padding:5% 5%; }
/* prices */
.fees {width:96%; float:left; border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;border-top-right-radius:0.5em; border:1px solid #CCC;
margin-bottom:1em;padding: 2% 2%;}
.fees .announcement {float:left;width:100%; margin:0 auto; text-align:center; }
.fees .announcement h1 {line-height:1.27em;}
.fees .thankyou {width:380px; margin-left:auto; margin-right:auto; padding:25px; margin-bottom:40px; margin-top:10px;
border:solid 1px #46abdc; background-color:White; text-align:center;}
.fees_subnav_responsive ul{}
.fees-tab-links li { margin:0 2px 0 0;float:left; list-style:none;}
.fees-tab-links a {padding:6px 10px;display:inline-block;border:solid 1px #1E8CC3;border-radius:8px 8px 0px 0px; background:#fff;font-weight:700;
color:#1E8CC3;text-decoration:none;transition:all linear 0.15s;}
.fee-tab-links a:hover {background:#cfebf9;text-decoration:none;}
li.active a, li.active a:hover { background:#1E8CC3;color:#fff;display:inline-block;border-radius:8px 8px 0px 0px; font-weight:700;text-decoration:none;}
.fees .offer {margin-left:auto; margin-right:auto;width:90%; border-radius:8px; background-color: #e7faff; }
.fees .offer .title {width:100%; background:#1E8CC3;border-radius:8px 8px 0px 0px;border-bottom:1px solid #e7faff; line-height:1.6em; }
.fees .offer .subtitle {width:96%;background:#e7faff; border-radius:0px 0px 8px 8px; padding: 1.5% 2%; }
.fees .offer h1 {color: #fff; padding:0.5em; text-align:center; font-size:1.4em;}
.fees .offer p {line-height:1.5em;text-align:center;}
.fees .offer p span {font-weight: 700;}
.fees .offer a {font-weight: 400;}
.fees .offer .price_button {margin:0 auto; padding-bottom:15px; text-align:center; }
.fees .offer .info {width:94%; padding: 0% 2% 2% 2%; }
.fees .offer_green {margin-left:auto; margin-right:auto;width:90%; border-radius:8px; background-color: #e2f4da; }
.fees .offer_green .title {width:100%; background:#50a90d;border-radius:8px 8px 0px 0px;border-bottom:1px solid #e2f4da; line-height:1.6em; }
.fees .offer_green .subtitle {width:96%;background:#e2f4da; border-radius:0px 0px 8px 8px; padding: 1.5% 2%; }
.fees .offer_green h1 {color: #fff; padding:0.5em; text-align:center; font-size:1.4em;}
.fees .offer_green p {line-height:1.5em;text-align:center;}
.fees .offer_green p span {font-weight: 700;}
.fees .offer_green a {font-weight: 400;}
.fees .offer_green .price_button {margin:0 auto; padding-bottom:15px; text-align:center; }
.fees .offer_green .info {width:94%; padding: 0% 2% 2% 2%; }
.fees_item {width:100%; float:left; }
.fees_item .lefttext {width:22%;float:left;padding-right:1.5%;}
.fees_item .lefttext p {font-size:0.9em;}
.fees_item .lefttext a {font-weight:700;}
.fees_item .lefttext a:hover {color:#1b4797;}
.fees_item h1 {color:#414141; }
.fees_item h1 span {font-weight:700;font-size:0.7em;}
.fees_item h3 {margin-bottom:4px;}
.fees_item h7 {font-weight:700;font-size:0.8em;}
.fees_item h6 {color:#414141;font-size:0.9em; line-height:1em;}
.fees_item .pricetable_boot { width:76.5%; background:#e2f4da; height:auto; border-radius:0.6em 0.6em 0 0; float:left; }
.fees_item .pricetable_boot .title {width:100%;float:left;text-align:center;display:block;height:2.5em; line-height:2.5em;
background:#50a90d;border-radius:0.6em 0.6em 0 0;}
.fees_item .pricetable_boot .subtitle_wrapper {width:50%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#e2f4da;}
.fees_item .pricetable_boot .subtitle {width:99.7%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#8fcc33;}
.fees_item .pricetable_boot .price_wrapper {width:50%;float:left; text-align:center;display: block;background:#50a90d; height:5.5em;}
.fees_item .pricetable_boot .price{width:99.7%; float:left; text-align:center;background:#e2f4da; padding-top:1.5em; height:4em;}
/* bootcamp schedule table */
.fees_item .scheduletext {float:left;width:100%; margin:0 auto; text-align:center; padding-bottom:0.5em;}
table.schedule {border-collapse: separate;border-spacing: 0;width: 100%;}
table.schedule thead {height: 2em; line-height:2em; font-size:1em; color:#fff;font-weight:700;}
table.schedule tbody {background-color: #e7faff;height: 2em;line-height:2em; font-size:1em; color: #414141;font-weight:700;}
table.schedule tr th,table.schedule tr td { border-right: 1px solid #1E8CC3;border-bottom: 1px solid #1E8CC3;padding: 5px;text-align:center; vertical-align:middle; }
table.schedule tr th:first-child,table.schedule tr td:first-child { border-left: 1px solid #1E8CC3;}
table.schedule tr th:first-child, table.schedule tr td:first-child {border-left: 1px solid #1E8CC3;}
table.schedule tr th { background: #1E8CC3;text-align:center; }
table.schedule.Info tr th,table.schedule.Info tr:first-child td{ border-top: 1px solid #1E8CC3;}
/* top-left border-radius */
table.schedule tr:first-child th:first-child,table.schedule.Info tr:first-child td:first-child {border-top-left-radius: 0.6em;}
/* top-right border-radius */
table.schedule tr:first-child th:last-child,table.schedule.Info tr:first-child td:last-child {border-top-right-radius: 0.6em;}
/* bottom-left border-radius
table.schedule tr:last-child td:first-child {border-bottom-left-radius: 6px;}
/* bottom-right border-radius
table.schedule tr:last-child td:last-child { border-bottom-right-radius: 6px;} */
/* ultimate deal */
.fees_item .ultimate_box {width:90%; background:#e7faff; height:auto; border-radius:0.6em 0.6em 0 0; float:left; margin-right:5%; margin-left:5%;text-align:center;}
.fees_item .ultimate_box .title {width:100%;float:left;text-align:center;display:block;height:2.5em; line-height:2.5em;background:#1E8CC3;
border-radius:0.6em 0.6em 0 0;}
.fees_item .ultimate_box .price_wrapper {width:90%;float:left; text-align:center;display: block;background:#e7faff;margin-left:5%;padding-top:1em;padding-bottom:1em;}
.fees_item .ultimate_box p {line-height: 1.5em;}
.fees_item ul li { list-style:none; line-height:1.5em; font-weight:700;}
.fees_item .ultimate_box .price_wrapper .offers {width:98.5%; display:block; float:left; padding-right:1.5%;}
/*.fees_item .ultimate_box .price_wrapper .offers:first-child {width:48.5%; display:block; float:left; padding-right:1%; border:0; border-right:1px solid #ccc;}*/
.fees_item .pricetable_pers { width:76.5%; background:#e2f4da; height:auto; border-radius:0.6em 0.6em 0 0; float:left; }
.fees_item .pricetable_pers .title {width:100%;float:left;text-align:center;display:block;height:2.5em; line-height:2.5em;
background:#50a90d;border-radius:0.6em 0.6em 0 0;}
.fees_item .pricetable_pers .subtitle_wrapper {width:50%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#e2f4da;}
.fees_item .pricetable_pers .subtitle {width:99.7%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#8fcc33;}
.fees_item .pricetable_pers .price_wrapper {width:50%;float:left; text-align:center;display: block;background:#50a90d; height:5.5em;}
.fees_item .pricetable_pers .price{width:99.7%; float:left; text-align:center;background:#e2f4da; padding-top:1.5em; height:4em;}
.fees_item .pricetable_pers .price_x {width:49.9%; float:left; text-align:center; padding-top:4%; padding-bottom:3.5%;border-right:1px solid #50a90d; }
.fees_item .pricetable_gpersonal {width:76.5%; background:#e7faff; height:auto; border-radius:0.6em 0.6em 0 0; float:left;}
.fees_item .pricetable_gpersonal .title {width:100%;float:left;text-align:center;display:block;height:2.5em; line-height:2.5em;background:#1E8CC3;
border-radius:0.6em 0.6em 0 0;}
.fees_item .pricetable_gpersonal .subtitle_wrapper {width:33%;float:left; padding-left:0.33%;height:2.5em; line-height:2.5em;text-align:center;display: block;background:#e7faff;}
.fees_item .pricetable_gpersonal .subtitle {width:100%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#5cc1f4;}
.fees_item .pricetable_gpersonal .price_wrapper {width:33%;float:left; padding-left:0.33%; text-align:center;display: block;background:#1E8CC3; height:6em;}
.fees_item .pricetable_gpersonal .price{width:100%; float:left; text-align:center;background:#e7faff; padding-top:1.5em; height:4.5em;}
.fees_item .pricetable_gpersonal h6{padding-top:0.3em; font-size:0.8em;}
.fees_item .pricetable_personal {width:76.5%; background:#e2f4da; height:auto; border-radius:0.6em 0.6em 0 0; float:left;}
.fees_item .pricetable_personal .title {width:100%;float:left;text-align:center;display:block;height:2.5em; line-height:2.5em;background:#50a90d;
border-radius:0.6em 0.6em 0 0;}
.fees_item .pricetable_personal .subtitle_wrapper {width:50%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#e2f4da;}
.fees_item .pricetable_personal .subtitle {width:99.7%;float:left; height:2.5em; line-height:2.5em;text-align:center;display: block;background:#8fcc33}
.fees_item .pricetable_personal .price_wrapper {width:50%;float:left; text-align:center;display: block;background:#50a90d; height:6em;}
.fees_item .pricetable_personal .price{width:99.7%; float:left; text-align:center;background:#e2f4da; padding-top:1.5em; height:4.5em;}
#message {color:#C00; margin-left: 10px;}
.contact_left {float:left; width:700px; margin-top:30px; }
.contact_right {background:url(../images/subnav_bigger.png) no-repeat;float:right; width:220px;height:280px; margin-top:30px; margin-left:20px; }
.contact_right h2{color:White;padding:11px 0px 13px 15px;}
.contact_form {width:95%; margin-left:2.5%; margin-right2.5%;}
.contact_form_name {float:left;width:100%;}
.contact_form_email, .contact_form_phone {float:left;width:50%; margin-top:1em;}
.contact_form_question {float:left;width:100%; margin-top:1em;}
.subnav_contact {margin-left:13px; margin-right:15px; width:190px; height:220px; padding-top:10px;}
.subnav_contact p { font-size:0.9em;}
.subnav_contact strong{color:#22a2d5; font-weight:400;}
.subnav_contact_bottom{height: 47px; width:220px; float:right; margin-top:10px;}
.shop {float:left; width:700px; margin-top:30px; }
.subnav_shop {background:url(../images/subnav_shop.png) no-repeat;width:220px;height:131px;float:right;margin-top:30px;}
.subnav_shop h2{color:White;padding:11px 0px 13px 15px; margin-bottom:5px;}
.subnav_shop h4{color:#0094cf;padding-left:25px;margin-top:10px;margin-bottom:10px; font-weight:400;}
.subnav_shop p{padding:6px 0px 6px 0px;}
.subnav_shop p a{color:#0d9ad1;font-size:16px;padding:0px 0px 0px 15px;text-decoration:none; }
.subnav_shop a:hover {font-weight:700;}
.subnav_shop p.selected{background-color:#11a6cd;color:White;font-weight:700;font-size:16px;padding:6px 0px 6px 15px;}
.subnav_parks { background:url(../images/subnav_parks.png) no-repeat; width:220px; height:124px; float:right; margin-top:30px;}
.subnav_parks h2{color:White;padding:11px 0px 13px 15px; margin-bottom:5px;}
.subnav_parks p{padding:6px 0px 6px 0px;}
.subnav_parks p a{color:#0d9ad1;font-size:16px;padding:0px 0px 0px 15px;text-decoration:none; }
.subnav_parks p.selected{background-color:#11a6cd;color:White;font-weight:700;font-size:16px;padding:6px 0px 6px 15px;}
/* for gallery page */
.gal {width:780px;float:left; margin-left:80px; margin-bottom:30px;}
.gal li {display: block;float: left;height:100px;margin-bottom: 6px;margin-right: 6px;width: 150px;}
.gal li a {height: 100px;width: 150px;}
.gal li a img {max-width: 150px;}
.gal li:last-child {margin-right:0;}
/* for our parks galleries */
.gallery {width:510px;float:none; margin-left:auto; margin-right:auto;}
.gallery li {display: block;float:left;height:100px; margin-right:15px; margin-bottom:0px; width: 100px;}
.gallery li:last-child {margin-right:0;}
/* for the back to top button */
#back-to-top {background-image:url(../images/arrow_up.png);position: fixed;bottom: 35px;right: 35px;
z-index: 9999;width: 53px;height: 55px;text-align: center;cursor: pointer;border: 0;text-decoration: none;
transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top.show {opacity: 1;}
/* buttons */
.btn {color:#FFF;display: inline-block;border-radius: 20px;font-weight:700;line-height: 1.8em;padding: 0 2.5em;text-decoration: none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);}
.green.btn {background:#50a90d;text-shadow: 1px 1px 1px #50a90d;border:1px solid #50a90d;}
.blue.btn {background:#1E8CC3;text-shadow: 1px 1px 1px #1E8CC3; border:1px solid #1E8CC3;}
.btn:hover {box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),inset 0 1.5em 1em rgba(255,255,255,0.3);}
.btn:active {box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),inset 0 1.5em 1em rgba(0,0,0,0.3);}
/* ==========================================================================
Media Queries
========================================================================== */
/* navigation above 680px */
@media all and (min-width:680px) {
.navigation {float: none;width: auto; }
.menu_container {font-family: inherit; height:31px;}
a.menu_link {display: none;}
#menu_wrap {max-height: inherit;}
ul.menu {text-align: center;}
ul.menu li {width: auto;float: none;display: inline-block;border: none;background-color: transparent;}
ul.menu li:nth-of-type(odd) {border: none;}
ul.menu li a {border: none;padding: 0px 25px;font-size: 1em;color: #fff; vertical-align:central; line-height:31px;}
ul.menu li.selected {background:url(../images/navSelected.gif) repeat-x; color:#fff; text-decoration:none; line-height:31px; vertical-align:central;}
}
@media all and (min-width:681px) and (max-width:835px) {ul.menu li a {padding: 0px 15px;}} /* narrower menu */
/**/
@media all and (max-width: 1009px) {#ourparks {width:74%; } .contact_left, .shop {width:70%;} #content {width:98%;padding-left:1%;padding-right:1%;}}
@media all and (max-width: 990px) {body {background:#FFF;} #footer {width:100%;} .footer_links {width:100%;} .footer_img {width:100%;}}
@media all and (max-width:960px) {
#content {width:96%;padding-left:2%;padding-right:2%;}
.top_splash{max-width:80%; height:auto; margin-left:10%; margin-right:10%; }
.top_splash img {width:100%; height: auto;}
.top_subnav, .top_subnav_faq, #ourparks, .subnav_parks, .contact_right, .subnav_shop {display:none;}
.top_subnav_responsive ul {display:inline-block; width:80%; margin-left:10%; margin-right:10%; margin-top:1em;}
#content_big_border {width:80%; margin-left:10%; margin-right:10%; margin-top:0px; }
#content_big_border_top{width:100%; float:none; display:inline-block; }
.tabs {width:100%;display:inline-block;}
.tab-links a {padding:5px 5px;}
#ourparks_mobile {display:block;}
#content_big_border.ourp { margin-left:0; margin-right:0;}
.top_subnav_ourparks ul {display:inline-block; width:100%; margin-left:0; margin-right:0; margin-top:1em;}
.contact_left {width:100%;}
#content_big_border.contact,#content_big_border.shop {width:100%; margin-left:0; margin-right:0; }
.shop {width:100%; margin-top:1em;}
#content_big_border .shopAll {width:80%; margin-left:10%; margin-right:10%;}
.fees_item .lefttext {width:100%;margin-left:auto; margin-right:auto;float:none; padding-right:0px; text-align:center; margin-bottom:1em;}
.fees_item .pricetable, .fees_item .pricetable_boot, .fees_item .pricetable_pers, .fees_item .pricetable_personal, .fees_item .pricetable_gpersonal{width:100%; margin-left:auto; margin-right:auto;}
}
@media all and (max-width:940px) {
.intro_left {max-width:725px; width:72%;}
.content_border {width:95%; padding:2.5% 2.5%; }
.intro_right {width:25%; margin-left:2%; margin-right:1%; }
.intro_right img {width:100%; height:auto;}
.intro_right .im2 {margin-top:15px;margin-left:0px;}
.intro_right .im3 {margin-top:15px;}
.intro_right .im4 {margin-top:15px; margin-left:0px; }
#twitterfeed {margin-left:0px;}
.gal {float:none; margin-left:auto; margin-right:auto;}
}
@media all and (max-width:858px) {
#header_img_left { margin-left:20px; width:100%; } #header_img_left img { width:100%; height:auto; } #header_social { margin-right:40px; }}
@media all and (max-width:800px) {
.top_splash{max-width:95%; margin-left:2.5%; margin-right:2.5%; }
#content_big_border {width:95%; margin-left:2.5%; margin-right:2.5%; }
.top_subnav_responsive ul {width:95%; margin-left:2.5%; margin-right:2.5%;}
.tab-links a {padding:5px 5px;}
#content_big_border .shopAll {width:95%; margin-left:2.5%; margin-right:2.5%;}
.gal {width:636px;}
}
@media all and (max-width:799px) {
#header_img_right { display:none; } #back-to-top { display:none;} .shop { margin-top:0.5em;}
.fees_item ul li { font-size:0.9em; line-height:1.2em;}
}
@media all and (max-width:720px) {
.fees {width:98%;padding: 1% 1%;}
.fees_item h2 {font-size:1.1em;} .fees_item h1 {font-size:1.2em} .fees_item h1 span {font-size:0.6em;} .fees_item h7 {font-size:0.7em;}
.fees_item .lefttext p {font-size:1em;}
.fees .offer {width:90%;} .fees .offer .subtitle {width:92%; padding: 2% 4%; }
.fees .announcement .offer h1 {font-size:1.1em; line-height:1.3em;}
.fees .announcement h1 { font-size:1em; }
.fees .announcement { padding-top:0.5em; }
.fees_item .ultimate_box {width:96%;margin-right:2%; margin-left:2%;}
.fees_item .ultimate_box .price_wrapper {width:96%; margin-left:2%;}
}
@media all and (max-width:699px) { #content_big_border .personalise_box {width:92%; margin-left:4%;}
#content_big_border .shopPic {float:none; width:100%; display:block; margin-left:auto; margin-right:auto;}
#content_big_border .shopInfo {float:left; width:100%; margin-top:1em; text-align:center; max-height:600px; max-width:95%;background-color:#e8f6f9;}
#content_big_border .shopItem {background-color:#fff; }
.gal {width:468px;}
table.schedule tr th, table.schedule tr td {padding:2px;}
}
@media all and (max-width:600px) { .content_border .seeyou {display:none;}
.top_splash{max-width:95%; margin-left:2.5%; margin-right:2.5%;}
#content_big_border .bioPic {float:none; width:100%; display:block; margin-left:auto; margin-right:auto;}
#content_big_border .bioText {float:left; width:100%; margin-top:1em; text-align:center;}
table.schedule thead, table.schedule tr td {font-size:0.9em;}
.fees_item .pricetable_boot .subtitle, .fees_item .pricetable_boot .price {width:99.2%;}
.fees_item .pricetable_personal .subtitle,.fees_item .pricetable_personal .price {width:99.2%;}
.fees_item .pricetable_pers .subtitle,.fees_item .pricetable_pers .price {width:99.2%;}
.fees_item .ultimate_box .price_wrapper p {font-size:0.9em;}
.announcement .offer .title h1 {font-size:1.1em;}
.fees .offer, .fees .offer_green {width:98%;}
.fees .offer h1, .fees .offer_green h1 {font-size:1.2em; padding: 0.3em;}
.footer_links p {font-size:0.8em;}
}
@media all and (max-width:589px) {
#header_social { margin-right:20px; margin-left:10px; margin-top:40px; }
.theimg{padding-right:3px; padding-left:3px;}
#content_big_border .parkInfo {width:100%; text-align:center; margin-bottom:0.8em;}
#content_big_border .parkMap {width:80%; margin-left:10%; margin-right:10%; float:none; max-height:330px; }
}
@media all and (max-width:560px) {
.header {height:228px;} #header_social { margin-top:0px; padding-bottom:10px; margin-left:30px; margin-right:0px; display:block;}
#header_social p {float:left; width:auto; } #icons { margin-left:auto; margin-right:auto; text-align:center; float:none; }
.header li {float:left;} #header_img_left { margin-left:auto; margin-right:auto; text-align:center; float:none; height:130px; }
#header_social { margin-left:auto; margin-right:auto; text-align:center; float:none; }
#info p { margin-left:auto; margin-right:auto; text-align:center; float:none; }
#info p span { margin-left:auto; margin-right:auto; text-align:center; float:none; }
#info a { margin-left:auto; margin-right:auto; text-align:center; float:none; }
.contact_form_email, .contact_form_phone {width:100%; }
table.schedule tr th, table.schedule tr td {padding:1px 0px;}
table.schedule thead, table.schedule tr td {font-size:0.8em;}
.fees_item ul li { font-size:0.8em; line-height:1.2em;}
.fees_item .ultimate_box {width:100%;margin-right:0%; margin-left:0%;}
.fees_item .pricetable_gpersonal h2 {font-size:1em;}
}
@media all and (max-width:520px) {
.intro_left { width:100%; max-width:500px;} .intro_right { width:100%;}
.intro_right .im2 {margin-left:1%; margin-top:0%;} .intro_right .im3 {margin-top:1%;}
.intro_right .im4 {margin-top:1%; margin-left:1%; }
.navigation { margin-bottom: 15px; }
#content_big_border.faq {margin-top: 15px;} .contact_left {margin-top:15px; }
.gallery {width:100%; float:left;} .gallery li {margin-right:8px;margin-top:8px; height:75px;width: 75px; overflow:hidden;}
#content_big_border .parkAbout {margin-bottom:0.8em;} .shop { margin-top:0;}
.gal {width:312px;} .fees .thankyou {width:90%; padding:5%;}
.fees_item h6 {font-size:0.8em; padding:0px 2px;} .fees_item h2 {font-size:1em;} .fees_item h1 {font-size:1em} .fees_item h1 span {font-size:0.4em;} .fees_item h7 {font-size:0.7em;}
.fees_item .pricetable_gpersonal h6{font-size:0.7em;}
.fees_item .pricetable_gpersonal h2 {font-size:0.8em;}
.btn {padding: 0 1em;}
table.schedule thead, table.schedule tr td {font-size:0.6em;}
table.schedule td {line-height:1.1em;}
}
@media all and (max-width:450px) {
.fees_item h2{font-size:0.8em;}
.fees_item h6 {font-size:0.7em;}
.fees-tab-links a {font-size:0.8em; padding: 4px 4px;}
}
@media all and (max-width:415px) {
.intro_right { display:none;} #twitterfeed {width:95%; margin-right:2.5%; margin-left:2.5%;}
#content_big_border .parkMap {width:90%; margin-left:5%; margin-right:5%; }
.gal {width:290px;} .gal li {height:80px;width: 90px; overflow:hidden;}
.tab-links li { font-size:0.8em;margin:1px 1px;}
.tab-links a {padding:2px 2px;}
.fees_item .ultimate_box .price_wrapper p {font-size:0.8em;}
.fees_item ul li { font-size:0.7em; line-height:1.1em;}
.fees .offer h1, .fees .offer_green h1 {font-size:1em; padding: 0.3em; line-height:1.4em;}
.fees .offer p, .fees .offer_green p {font-size: 0.9em;}
.fees_item .pricetable_gpersonal h1 {font-size:0.7em;}
.fees_item .pricetable_gpersonal h2 {font-size:0.7em;}
.fees_item .pricetable_gpersonal h6{font-size:0.6em;}
}
@media all and (max-width:350px) {
#twitterfeed {display:none;}
/*#slideshow{display: none;}*/
table.schedule thead, table.schedule tr td {font-size:0.5em;}
.fees-tab-links a {font-size:0.7em; padding: 2px 2px;}
.footer_links p {font-size:0.7em;}
.fees_item .pricetable_gpersonal h2 {font-size:0.6em;}
}
/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
*,
*:before,
*:after {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
a,
a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
a[href^="#"]:after,
a[href^="javascript:"]:after { content: "";}
pre,
blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead { display: table-header-group;}
tr,
img {page-break-inside: avoid;}
img {max-width: 100% !important;}
p,
h2,
h3 { orphans: 3; widows: 3;}
h2,
h3 { page-break-after: avoid;}
}