* {margin:0; padding:0}
html,body {height:100%;}
body {font: 12px/1.5em helvetica, arial, verdana, sans-serif;  behavior:url("/csshover.htc");}

p.leftalign {text-align:left;}

/* Layout */
div#wrapper{float:left;width:69%; clear:left;}
div#container {height:100%;}
div#header{height:100px;}
div#content {}
div#nav {}
div#links{float:right; clear:right; width:25%; color:#333; margin:10px 0 5px 0; border:1px solid #333; border-right:0; padding:0 0 10px 0; background:#FFF5EF; text-align:center; }
div.sidebox{float:right; clear:right; width:25%; color:#000; margin:10px 0 5px 0; padding:0 0 10px 0;}


/* Header */
div#header {background:#BD4100; border-bottom:3px solid #BF9347}
div#header img {display:block;}

div#container img.australia {float:right; display:block; margin:30px 10px 20px 0; border:1px solid black;}

div#content {padding:0;}
div#content h1 {margin:10px 0 10px 10px; color:#8C1410; font-size:200%; font-family:verdana}
div#content h2 {padding-left:10px;}
div#content h3 {margin:30px 0 0 10px; color:#8C1410; font-size:120%;}
div#content h5 {margin-left:10px;}
div#content p{color:#000; margin:20px 0 1em 20px; clear:left; font-size:13px;}
div#content ul.indent {margin:20px 5px 1em 40px;}

div#content table.locations {margin-left:10px;}
div#content table.locations th {text-align:center; color:#FFF; font-weight:bold; background:#8C1410; font-size:19px; padding:5px 0;}
div#content table.locations td {padding-right:20px;}
div#content table.locations li, div#content table.locations a {text-decoration:none; font-size:12px; font-weight:bold; margin:10px 0; color:#3B5F9F}
div#content table.locations li {color:#8C1410;}
div#content table.locations a:hover {color:#9F3E09; text-decoration:underline;}
div#content table.locations ul {list-style-type:none;}
div#content table.locations ul li {margin-top:20px; text-transform:uppercase;}
div#content table.locations ul ul {margin:5px 0 0 0px;}
div#content table.locations ul ul a {font-weight:normal; font-size:12px; padding-left:0px;}
div#content table.locations ul ul li {text-transform:none; background: #FFF url("../images/arrow.gif") no-repeat 0 .1em; margin:0; padding-left:20px;}

/* Top menu */
#nav ul {list-style-type:none; font-size:11px; line-height:1.2em; padding:0; margin:0;  background:#8C1410;}
#nav a {text-decoration:none; padding-top:2px; height:28px; display:block; background:#8C1410; color:white; font-weight:bold; width:100%;}
#nav a.middle {padding-top:7px; height:23px;}
#nav li {position:relative; float:left; padding:0; margin:0; border-left:1px solid white; border-right:1px solid white; width:50px; text-align:center;}
#nav li.large {width:80px;}
#nav li.x-large {width:130px;}
#nav li:hover {background:#CE6100}

/* Drop Down */
#nav ul ul {display:none; line-height:1.4em; border-bottom:2px solid #8C1410; border-left:1px solid #8C1410; width:240px; position:absolute; left:0; white-space:nowrap; z-index:400;}
#nav ul ul li {text-align:left; width:100%; border:0; }
#nav ul ul li a {color:#000; font-weight:normal; background:#FFF7EF; height:100%; padding-left:5px;}
#nav ul ul li a:hover {background:#8C1410; color:white;}
#nav ul ul li.sub {}
#nav li.sub:hover ul {display:block;}
#nav li.sub:hover ul ul {display:none;}
#nav ul ul li.sub:hover ul {display:block;}

#nav ul ul.small {width:130px}
#nav ul ul.small ul {left:130px;}

/* Fly Out Menu */
#nav ul ul ul {display:none; position:absolute; left:240px; top:0; width:350px; z-index:500;}

/* Links Side Column */
body div#links h2 {color:#8C1410; padding-top:10px;  margin:0 0 15px 10px; font-size:18px; text-align:center;}
div#links h3 {margin:20px 0 0 0; font-size:14px;}
div#links p {margin:0 10px 1em 10px;  font-size:110%; color:#000}
div#links a {text-decoration:none; color:black; border:1px solid #FFF5EF; border-right:0;display:block; font-size:100%; font-family: verdana; text-align:left; background: transparent  url("../images/arrow.gif") no-repeat 0 .1em; margin:0 0 5px 10px; padding-left:15px; font-family:arial}
div#links a:hover {background-color:#FFF; border:1px solid #AAA; border-right:0;}

div#footer {background: #8C1410;color: #FFF; clear:both;width:100%; text-align:center; border-top:3px solid #FFBA08; padding:5px 0}
div#footer p{margin:0;padding:0 10px 0 10px; font-weight:bold; line-height:1.4em;}
div#footer a{display:inline;padding:0;color:#FFF;}
div#footer a.large {font-size:16px; font-weight:bold;}
div#footer div.extra {width:100%; background:#FFF; float:left; margin-top:5px; text-align:left; padding-top:5px; border-top:3px solid #FFBA08;}
div#footer div.extra p {margin:0 0 0 5px; padding:0; color:#000; font-weight:normal; font-size:10px;}
div#footer div.extra a {color:blue;}

/*
 *
 * Tour Selection Index Page
 *
 */
body#tour-selection h1 {text-align:center; font-size:18px; font-weight:bold; padding-top:20px; margin:0 10px 0 10px;} 
body#tour-selection h2 {font-size:12px; margin:0; color:#8C1410; text-align:center; margin-bottom:10px;} 
body#tour-selection p.summary {margin:0 10px 1em 20px;}
body#tour-selection p.itinerary-title {color:#CE6100; margin:0 auto 10px auto; text-align:center; font-weight:bold;}
body#tour-selection p.itinerary-note {margin:0 auto 1em auto; text-align:center;}

body#tour-selection p.itinerary-summary {text-align:center; margin:0 auto;}
table.itinerary-summary {margin:0 auto 10px auto; padding:5px 0}
table.itinerary-summary th {padding:0 0 5px 0;}
table.itinerary-summary td {padding:0 20px; color:#8C1410; font-weight:bold; height:1.2em;}
table.itinerary-summary td.first {border-right:1px solid #DFC3A7;}
table.itinerary-summary td a {font-weight:bold; text-decoration:none; color:#5777AF;}
table.itinerary-summary td a:hover {color:#9F3E09; text-decoration:underline;}

body#tour-selection table.itineraries {border-style:collapse}

body#tour-selection table.itineraries tr.on {}
body#tour-selection table.itineraries tr.off {background:#FFF7EF}

body#tour-selection table.itineraries th {background:#8C1410; color:#FFF; font-weight:bold; font-size:12px; vertical-align:center; height:2em;}
body#tour-selection table.itineraries th.tour {width:80px;}
body#tour-selection table.itineraries th.duration {width:50px;}
body#tour-selection table.itineraries th.style {width:90px;}
body#tour-selection table.itineraries th.code {width:50px;}

body#tour-selection table.itineraries td p {margin:0 0 1em 0;}
body#tour-selection table.itineraries td {font-size:12px; vertical-align:top; padding-top:4px;}
body#tour-selection table.itineraries td ul {margin-left:20px;}
body#tour-selection table.itineraries td.tour {text-align:center;}
body#tour-selection table.itineraries td.duration {text-align:center}
body#tour-selection table.itineraries td.style {text-align:center; font-size:11px; background:#EEE;}
body#tour-selection table.itineraries td.code {text-align:center; background:#EEE;}
body#tour-selection table.itineraries td.code p {text-align:center;}
body#tour-selection table.itineraries td.name {padding:4px;}
body#tour-selection table.itineraries td.name a {font-weight:bold}
body#tour-selection table.itineraries td.name p {clear:left; font-size:12px;}

body#tour-selection h1{color:#8C1410;}
body#tour-selection h4{font-size:medium; color:#8C1410; background:#FFF;}
body#tour-selection .tours .heading td{background:#8C1410 !important;}
body#tour-selection .line{background:#8C1410 !important;}

body#tour-selection table.tours {margin:10px;}
body#tour-selection table.tours h2 {color:white; font-size:large; display:inline;}
body#tour-selection table.tours p {font-family:Arial, Helvetica, sans-serif; font-size:small; display:inline; color:#666666; letter-spacing:0.02em; background:white;}
body#tour-selection table.tours a {font-size:small; display:inline; font-weight:bold;}
body#tour-selection table.tours tr.heading td {font-size:medium; font-weight:bold; text-align:center; color:white; font-family:Arial, Helvetica, sans-serif;}
body#tour-selection dl.location {width:624px; background:white; color:black; margin:5px auto; text-align:center;}
body#tour-selection .location dt {color:black; font-weight:bold; background:white; display:inline;}
body#tour-selection .location dd {margin:0; display:inline;}
body#tour-selection .location dd a {margin:5px; display:inline; font-weight:bold;}


/*
 *
 * Information Pages
 *
 */

body#information #content {padding-left:10px;}
 
body#information #info p.single, #info h2.single {display:inline; padding-bottom:1em;}
body#information #info p.single {margin-left:10px;}
body#information h1 {margin:20px 0 15px 0; line-height:1em; text-align:center}
body#information h4 {text-align:center;}

/*#details is the summary information that is at the top of the page*/
body#information #details {margin-bottom:10px; float:left; text-align:center; width:90%;}
body#information #details h2 {color:#CE6300; font-size:small; margin:0 0 5px 0; padding:0; width:100%; font-weight:bold;}
body#information #details p {margin:0; clear:left; line-height:1.2em; padding:0; font-size:11px; color:#000; width:100%;}
body#information #details td {margin:0; padding:0; font-size:small; color:#666666;}
body#information #details .content {width:100%;}
body#information #details .row {width:100%; margin:5px; padding:5px; background:#FFE7CE; border:1px solid #DFBD99}
body#information #details strong {color:black; font-weight:normal;}

body#information a.booking-request,
body#information a.booking-enquiry,
a.tour-directory
{width:165px; height:28px; margin:5px;}

body#information a.booking-request img,
body#information a.booking-enquiry img,
a.tour-directory img
{display:none;}

a.tour-directory {float:right; margin:10px 20px 10px 10px; background-image: url("/images/view-more-tours.gif")}
body#information a.booking-request {float:right; background-image: url("/images/submit-booking-request.gif")}
body#information a.booking-enquiry {float:left; background-image: url("/images/submit-booking-enquiry.gif")}

body#information a.booking-enquiry:hover,
body#information a.booking-request:hover,
a.tour-directory:hover {background-position: 0px 28px;}

body#information a {float:none;}
body#information a img {border:0}
body#information #details strong {font-weight:bold;}

body#information #details table.price-table th {background:#8C1410; color:#FFF; font-size:11px; padding:2px 5px;}
body#information #details table.price-table td {text-align:center; font-size:11px; margin:0; color:#000; padding:3px 3px 0 3px; border-bottom:1px solid #AAA;}
body#information #details table.price-table td.row-head {text-align:right; padding-right:10px;}
body#information #details table.price-table {margin:5px auto 15px auto; border-collapse:collapse}

body#information #info {border-bottom:2px solid #CE6300; background:#FFE6CC; margin-bottom:15px; clear:both;}
body#information #info p, body#information #info li {background:#FFE6CC; color:#666666; display:block; font-size:10px; padding:0;}
body#information #info p {margin:0 1em 1em 2em; line-height:1.2em;}
body#information #info ul {margin:0 0 1em 2em; padding:0; list-style-type:none;}
body#information #info li {
	padding:0;
	margin:0;
	line-height:1.2em;
	list-style-type: disc;
}
body#information #info h2 {font-size:12px; font-weight:bold; margin:0 0 0 1em; color:#666;}
body#information #info h2, body#information #info p {font-family:verdana, Helvetica, sans-serif;}
body#information #info h3 {background:white; text-align:left; margin:0; text-transform:uppercase; color:#000; border-bottom:1px solid #FFE6CC}

body#information #address {border:0; padding:0; margin:10px 0 0 0; clear:both; text-align:center;}
body#information #address p {font-size:x-small; display:block; margin:0; padding:0;}
body#information #address p strong {letter-spacing:0.1em;}

body#information #main {margin:10px 0 10px 0; width:100%; clear:left;}
body#information #main h3 {font-size:18px; width:100%; text-transform:uppercase; margin:20px 0 10px 0; clear:both; weight:bold; border-bottom:1px solid black;}
body#information #main h2 {font-size:15px; margin:0 0 10px 0;}
body#information #main ul {margin:0 0 1em 40px}
body#information #main p {margin:0 0 1em 10px}
body#information #main p, body#information #main li {font-family:verdana, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color:#666666;}
body#information #main p.inl {margin:0;}
body#information #main img {border:1px solid black; margin:5px; float:right; clear:right;}
body#information #main a img {border:1px solid #000000;}
body#information #more-tours {margin:15px auto 15px auto; clear:both; border:2px solid #CC6600; padding:0; width:500px;}
body#information #more-tours a {font-family:verdana, Helvetica, sans-serif; text-align:center; margin:0;}
body#information #more-tours h2 {font-family:verdana, Helvetica, sans-serif; color:white; background:#CC6600; text-align:center; margin-bottom:0;}
body#information #more-tours p {color:white; background:#CC6600; text-align:center; margin-top:0;}
body#information #more-tours ul {list-style:none; margin-top:10px;}
body#information #more-tours li {font-size:small; text-align:left;}

body#information #main table th {background:#FFE7CE; font-size:small;}

body#information table.image-gallery {margin:10px;}

body#information #main table.accomm-price-table {background:#CCC; width:100%;}
body#information #main table.accomm-price-table th,
body#information #main table.accomm-price-table td {font-size:10px; text-align:center;}
body#information #main table.accomm-price-table td {padding:3px;}

body#information #main table.accomm-bedding-config {background:#CCC; width:100%;}
body#information #main table.accomm-bedding-config th,
body#information #main table.accomm-bedding-config td {font-size:10px; text-align:left;}
body#information #main table.accomm-bedding-config td {padding:3px;}

/* ------------ basic.css ----------- */

/* basic.css is used by any of the pages that are in the footer. ie Contact Us, Videos, 
Terms & Conditions etc.
*/

/*-----------------------Tag Styles----------------------*/
body#basic h3 {font-size:medium; font-weight:bold; margin-top:0;}
body#basic h4 {background:white; color:#FF6633; font-weight:bold; font-family:verdana, Helvetica, sans-serif; margin-bottom:0;}

/*-----------------------Class Styles----------------------*/

body#basic #address {border:0; padding:0; margin:10px 0 0 0; clear:left;}
body#basic #address p {font-size:xx-small;}
body#basic #address p strong {letter-spacing:0.1em;}

body#basic #main {margin:10px 0 10px 0; width:100%; padding: 5px 10px;}
body#basic #main p, #main li, #main td {font-family:verdana, Helvetica, sans-serif; font-size:small; color:#666666; margin:.5em 0 10px 10px; background:white;}
body#basic #main img {border:1px solid black; margin:5px; float:right; clear:right;}
body#basic .smallest {font-family:verdana, Helvetica, sans-serif; font-size:.7em; line-height:1.5em; color:#666666; background:white;}
body#basic .smallest p {margin-top:.5em; margin-bottom:.5em;}

/*This is the styling for the climate table*/
body#basic #climate td {text-align:center; font-size:xx-small; color:#666666; background:white;}
body#basic #climate td.month {font-weight:bold; font-size:x-small; background:#FFE6CC;}
body#basic #climate td.climate-category {font-size:xx-small; color:#666666; text-align:right; background:white;}
body#basic #climate td.location {font-weight:bold; font-size:small; background:#FFE6CC; text-align:left; color:#666666;}

body#basic #distance {margin:10px;}
body#basic #distance td {text-align:left; font-size:14px; padding:3px;}
body#basic #distance h2 {font-weight:bold; margin:0; border:0; font-size:14px; text-align:left; width:auto; text-transform:none; letter-spacing:normal;}


body#basic #logon {border:1px solid black; width:25%; float:right; padding:5px 10px 5px 10px; background:#CCCCCC; color:black;}
body#basic #logon h2 {font-size:x-small; text-transform:uppercase; font-family:verdana, Helvetica, sans-serif; border:0; letter-spacing:0; color:#666666; margin:0; background:transparent;}
body#basic #logon .label {font-size:xx-small; color:#666666; background:transparent;}
body#basic #logon form {margin:0;}

body#basic p.tag {text-align:center;}

body#basic .group {width:140px; float:right;}

body#basic table.events {margin:10px;}
body#basic table.events tr.heading {font-weight:bold; font-size:x-small; background:#FFE6CC; color:black;}

/* ------------ payment form ----------- */

#payment-form select, #payment-form label, #payment-form input {margin:.2em 0;}
#payment #payment-form label {width:130px; font-size:small; text-align:right; display:block; float:left; padding-right:10px;}
#payment-form {background:#DDD; border:1px solid #CCC; margin:20px;}
#payment-form input {display:inline; float:left;}
#payment-form #submit {margin-left:260px; background:#FFC19F;}
#payment-form input.hidden {border:0;}

#payment label {width:10em; display:block; font-weight:bold; float:left; color:#000; margin-left:20px;}
#payment span {float:left;}
#payment br {clear:both;}
#payment h2 {clear:left;}
#payment h3 { width:100%; text-align:center; margin-bottom:25px; font-weight:normal;}
#payment p.required {color:red; font-weight:bold; display:inline; margin:0; clear:none; padding-left:.5em;}
#payment p.required-text {color:red; font-weight:bold; margin-left:260px;}

#payment .error {color:red;}
#payment input.error {border:1px solid red;}
#payment p.error {text-align:center; display:block; font-size:medium; font-weight:bold;}

#payment #links a {border:0; display:block; background:none; padding:0; margin:10px;}
#payment #links img {display:block; margin:0 auto;}
#payment #links a:hover {border:0;}

/* ------------ Site Map Page ----------- */
#site-map #wrapper {width:100%;}
#site-map h1 {text-align:center;}
#site-map h2 {font-size:13px;}
#site-map h4 {text-align:center;}
#site-map #content ul {margin-left:30px;}
#site-map #content li {margin:0; border:1px solid #FFF;}
#site-map #content ul ul {margin:0 0 10px 10px;}
#site-map #content ul a {font-size:12px; font-weight:bold;}
#site-map #content ul ul a {display:block; font-size:10px; font-weight:normal;}
#site-map #content a:hover {background-color:#EEE;}
#site-map h2 {margin:20px 0 10px 0;}
#site-map div.lcol, #site-map div.rcol {width:49%;}
#site-map div.lcol {float:left; border-right:1px solid #AAA; padding-right:1%;}
#site-map div.rcol {float:right;}#information #container #wrapper #content #main ol {
	list-style-position: inside;
}

/* ------------ Generic styles ----------- */
#information #container #wrapper #content #main table.basic tr td p {margin: 0px; padding: 0px;}#information #container #wrapper #content #info table {
	margin-left: 20px;
}
#information #container #wrapper #content #info table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#information #container #wrapper #content #main blockquote {
	padding-right: 30px;
	padding-left: 30px;
}
#information #container #wrapper #content #main h5 {
	font-size: 13px;
}
#information #container #wrapper #content h6 {
	text-decoration: underline;
	color:#8C1410;
	font-size:200%;
	font-family:verdana;
	padding-right: 5px;
	padding-left: 5px;
}
