/*

		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
*/

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

body {font:12px/1 Georgia, Verdana, Helvetica, sans-serif; background:#fff; text-align:center; padding:0; margin:0;}
#container {margin:0 auto; width:100%; text-align:left; background:#fff; padding:0;}

p, table, li, blockquote {font:14px/1.3 Georgia, Verdana, Helvetica, sans-serif;}
table tr td {vertical-align:top;}

.fixer {clear:both; font-size: .1em; line-height: .01em; color:#fff;}

hr {margin:0; padding:0; height:1px; background:#fff; color:#fff; border:0; border-bottom:1px solid #ccc;}

* html ul li a {height:1em;}
ul {margin:0 0 0 5px; padding:0; list-style: none;}
li {margin:0; padding:0 0 5px 14px; background: url("images/bullet.gif") 0 7px no-repeat;}
ol {margin:0 0 0 5px;}
ol li {margin:0; padding:0 0 5px 5px;}

a:link, a:active, a:visited {color:#4275B0; text-decoration:underline;}
a:hover {color:#2E5E96; text-decoration:underline;}

.photo {border:1px solid #ccc; padding:8px;}
.fr {clear:right; float:right; margin:20px 0 20px 20px;}
.fl {clear:left; float:left; margin:20px 20px 0 20px;}

h1 {font-size:30px;}
h2 {font-size:32px; font-weight:normal; color:#454545; line-height:1.3;}
h2 b {font-weight:normal; color:#000;}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {color:#4275B0; text-decoration:none;}
h3 {font-size:22px; font-weight:normal;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

.header {background:#5E8DC2 url('images/header-bg.jpg') top left repeat-x;}
.header .inner {width:890px; margin:0 auto; padding:30px 0; text-align:center; overflow:hidden;}
.header .tag {float:left; width:261px; margin:0 50px 0 0; padding-left:8px;}
.header .tag p {color:#fff; text-align:right; font-size:18px; line-height:1.4; margin:8px 0; padding:0;}
.header .logo {float:left; width:252px; margin:0 50px 0 0;}
.header .bestof {float:left; width:261px; margin:0 8px 0 0;}
.header h1 {display:none;}

.nav {background:#454545; overflow:hidden; text-align:center;}
.nav p {font-size:14px; padding:10px 0; margin:0;}
.nav p a:link, .nav p a:active, .nav p a:visited, .nav p a:hover {padding:6px 10px 6px; color:#fff; text-decoration:none; font-size:14px;}
.nav a:link.on, .nav a:active.on, .nav a:visited.on, .nav a:hover .on, .nav p a:hover  {background:#333; color:#fff;}
.nav p span {padding:10px 6px 10px; color:#5D5D5D; text-decoration:none; font-size:14px;}

.main {width:890px; margin:0 auto; overflow:hidden;}

.hero {width:890px; margin:0; padding:30px 0 0; overflow:hidden; position:relative; clear:both;}
.hero .controls {width:146px; margin:0 auto; overflow:hidden;}
.hero .controls ul {margin:0; padding:0;}
.hero .controls li {margin:0; padding:0; float:left; background:none;}
.hero .controls li a:link, .hero .controls li a:active, .hero .controls li a:visited, .hero .controls li a:hover {display:block; float:left; background:#E6E6E6; width:25px; height:11px; margin:8px 0 0 0; border-right:2px solid #fff; border-left:2px solid #fff;}
.hero .controls li.active a:link, .hero .controls li.active a:active, .hero .controls li.active a:visited, .hero .controls li.active a:hover, .hero .controls li a:hover {background:#B2B2B2;}

.hero .container {width:890px; height:351px; overflow:hidden; position:relative; cursor:pointer;}
.hero .slides {position:absolute; top:0; left:0;}
.hero .slides > div {position:absolute; top:0; width:890px; display:none;}

.footer {width:890px; margin:0 auto 20px; padding:15px 0; border-top:1px solid #DBDBDB; font-size:11px; color:#A6A6A6;}
.footer span {color:#CBCBCB; margin:0 7px;}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {color:#A6A6A6; text-decoration:underline;}
.footer p {font-size:10px; float:left; margin:0;}
.footer p b {color:#666; font-weight:normal;}
.footer p.credit {font-size:9px; color:#ccc; float:right; font-weight:normal;}
.footer p.credit a:link, .footer p.credit a:active, .footer p.credit a:visited, .footer p.credit a:hover {color:#999;}

.top {overflow:hidden; margin:0 0 30px 0;}
.top p {color:#4C4C4C; font-size:20px; margin:0 0 10px; line-height:1.3;}

.map {float:left; margin:0 20px 0 0; width:590px;}
.map .highlights {position:absolute; width:590px;}
.map .t {position:absolute; width:590px; height:291px;}

.promos {overflow:hidden; margin-top:30px;}
.promos .col {width:445px; float:left;}
.promos h3 {font-size:24px; font-weight:normal; margin:0 0 20px;}
.promos .box {width:415px; overflow:hidden; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px solid #e1e1e1;}
.promos .box img {float:right; margin:30px 0 10px 15px;}
.promos .box h4 {font-size:14px; font-weight:bold; margin:4px 0 10px;}
.promos .box p {font-size:12px; line-height:1.4;}

.heromed {width:590px; float:left; margin:0 20px 0 0; padding:0; overflow:hidden; position:relative; clear:both;}
.heromed .controls {width:146px; margin:0 auto; overflow:hidden;}
.heromed .controls ul {margin:0; padding:0;}
.heromed .controls li {margin:0; padding:0; float:left; background:none;}
.heromed .controls li a:link, .heromed .controls li a:active, .heromed .controls li a:visited, .heromed .controls li a:hover {display:block; float:left; background:#E6E6E6; width:25px; height:11px; margin:8px 2px 0 2px;}
.heromed .controls li.active a:link, .heromed .controls li.active a:active, .heromed .controls li.active a:visited, .heromed .controls li.active a:hover, .heromed .controls li a:hover {background:#B2B2B2;}
.heromed .container {width:590px; height:291px; overflow:hidden; position:relative; cursor:pointer;}
.heromed .slides {position:absolute; top:0; left:0;}
.heromed .slides > div {position:absolute; top:0; width:590px; display:none;}

.triple {overflow:hidden; margin-top:30px;}
.triple .col {width:296px; float:left;}
.triple ul {margin-right:20px;}

table.pricing {border-collapse:collapse; margin-top:10px; border-top:1px solid #e1e1e1; width:100%;}
.pricing tr {vertical-align:middle;}
.pricing tr td, .pricing tr th {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #e1e1e1; font-size:16px; vertical-align:middle; text-align:center;}
.pricing tr th.label {text-align:left;}
.pricing tr cite {font-size:11px; font-style:normal; color:#999; font-weight:normal;}
.pricing tr th span {font-weight:normal;}
.pricing tr .hover {background:#EAF0F6;}
.pricing tr .hovercell {background:#D7E2EF;}

table.reservation {border-collapse:collapse; margin-top:10px; border-top:1px solid #e1e1e1; width:800px;}
.reservation tr {vertical-align:middle;}
.reservation tr td, .reservation tr th {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #e1e1e1; font-size:14px; line-height:1.2;}
.reservation tr td.money {vertical-align:middle; font-size:18px;}
.reservation input {padding:3px; width:150px;}
.reservation input.long {width:400px;}
.reservation input.short {width:75px;}
.reservation input.big {font-size:18px;}
.reservation select {padding:3px;}
.reservation cite {font-size:10px; color:#999; font-style:normal; font-weight:normal;}
.reservation .error {background:#FAFFAD;}
.reservation .submit {width:auto; padding:8px 15px; font-weight:bold; font-size:14px;}
.reservation input.checkbox {width:30px;}
.reservation tr td.section {font-weight:bold; font-size:18px; background:#f1f1f1;}

ul.messagebox {background:#FAFFAD; border:1px solid #FEE892; display:none; margin:0 0 20px 0; padding:15px 15px 10px 15px; width:770px;}
ul.messagebox li {font-size:12px;}
ul.messagebox li.title {background:none; padding-left:0; font-weight:bold;}

.nup {display:none;}

#response {text-align:left; color:#000; background-image:url(images/highlight.gif); margin:20px 0 0;}
#response img {margin-top:-1px;}
#response cite {color:#666; font-style:normal; font-size:11px;}
#response p {padding:10px 10px 10px 20px; font-size:15px; margin:0; font-size:12px;}

.menu {width:240px; float:left;}
.menu ul {margin:80px 30px 0; padding:0; list-style:none;}
.menu li {margin:0; padding:0;}
.menu li a:link, .menu li a:active, .menu li a:visited, .menu li a:hover {display:block; color:#333; background-color:#fff; padding:10px 12px; text-decoration:none;}
.menu li.on a:link, .menu li.on a:active, .menu li.on a:visited, .menu li.on a:hover, .menu li a:hover {background-color:#f1f1f1; color:#333;}

.innercontent {width:650px; float:left;}
.innercontent .promos {overflow:hidden; margin-top:0;}
.innercontent .promos .col {width:325px; float:left;}
.innercontent .promos h3 {font-size:24px; font-weight:normal; margin:0 0 20px;}
.innercontent .promos .box {width:295px; overflow:hidden; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:none;}
.innercontent .promos .box img {float:right; margin:30px 0 10px 15px; width:100px; height:67px;}
.innercontent .promos .box h4 {font-size:14px; font-weight:bold; margin:4px 0 10px;}
.innercontent .promos .box p {font-size:12px; line-height:1.4;}

td.mr {padding-right:30px;}

#tooltip {position: absolute; visibility: hidden; z-index: 100; font-size:11px; color:#bbb; line-height:1.3; text-align:left;}
#tooltip #theinfo {margin-left:8px; background:#333; padding:10px 12px; width:300px;}
#tooltip b {color:#fff; font-weight:normal;}