/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, fieldset, legend, 
dl, dt, dd, ol, ul, li, 
form, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML ATTRIBUTES
--------------------------------------------------------------- */

html {
	background: #FFF url(/im/bg/base.jpg) bottom left no-repeat fixed;
}

body {
	color:#333;
	background: transparent url(/im/bg/header.jpg) repeat-x 0 -20px;
	margin:0;
	padding:0;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #996600;
}

a:hover {
  text-decoration: none;
}

a:visited {
  color: #996633;
}

h1 {
  font-size: 2.1em;
	color: #000;
	margin-bottom: 7px;
}

h1.booked {
  
}

h2 {
  font-size: 1.4em;
	color: #3B6E8F;
	margin-bottom: 10px;
}

h3 {
  font-size: 1.2em;
	margin-bottom: 10px;
}

p {
  margin-bottom: 1em;
}

ul,
ol {
	margin: 0 0 1.4em 1.4em;
}

/* CLASSES AND IDs
--------------------------------------------------------------- */

.bodyContent {
	position: relative;
	width: auto;
	min-width: 120px;
	margin: 0 340px 20px 170px;
	padding: 5px 0 10px 15px;
	z-index: 3;
	font-size: 12px;
}

.bodyContent .msAd,
.bodyContent .navCopy {
  display: none;
}

.bookingForm {
  color: #FF0000;
}

#home {
  padding-top: 0;
}

.contactForm {
  padding: 10px 0;
}

.contactForm fieldset {
  margin: 0 0 20px 0;
}

.contactForm label {
  float: left;
	width: 180px;
	font-weight: bold;
	padding: 3px 0 0 15px;
	margin: 0 10px 0 0;
}

.contactForm label strong {
  font-size: 16px;
	line-height: 11px;
}

.contactForm legend {
  font-size: 16px;
	font-weight: bold;
	color: #666;
}

.contactForm .contactBox {
  margin: 3px 0 8px 0;
	clear: both;
	width: 455px;
}

.contactForm .topBox {
  border-top: 1px dotted #D4D4D4;
	padding-top: 15px;
}

.contactBox input,
.contactBox select,
.contactBox textarea {
  width: 240px;
	padding: 2px;
	border: 1px solid #D4D4D4;
	font: 12px Arial;
}

.contactBox select {
  width: 245px;
}

.contactBox input:focus,
.contactBox textarea:focus {
	background: #EEE;
	border: 1px dotted #666;
	color: #336699;
}

.contactForm input.short,
.contactForm select.short {
  width: 115px;
}

.contactForm label.short {
  width: auto;
	float: left;
	padding-left: 0;
}

.contactForm input.checkbox {
  width: 15px;
	height: 15px;
	float: left;
	margin-right: 15px;
}

.contactForm #enquiry {
  height: 120px;
}

.contactForm input.buttonSubmit {
  left: 205px;
	margin-top: 10px;
	padding: 8px 10px;
	position: absolute;
	width: auto;
	font-weight: bold;
}

.contactForm div.alert label,
h3.alert {
  color: #FF0000;
}

.contactForm div.alert input,
.contactForm div.alert textarea {
  border-color: #FF0000;
	background-color: #fdf5f5;
}

.contactForm #spamchecker {
  position: relative;
}

.contactForm #spamchecker .short {
  width: 138px;
	margin-top: 5px;
}

.clear {
	border: none;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	height: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	visibility: hidden;
	width: 0;
}

.heroImage,
.flashFile {
  position: relative;
	list-style-type: none;
	margin: 0 0 10px 0;
}

#homePage .heroImage,
#homePage .flashFile {
	margin-bottom: 0;
}

.ie6 .flashFile {
	margin-bottom: 5px;
}

.floatFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ie6 .floatFix {
  height: 1%;
}

.ie7 .floatFix {
  display: inline-block;
}

#footer {
	margin-left: 185px;
	margin-bottom: 0;
	padding-left: 0;
}

#footer h5 {
	border-bottom: 1px solid #D4D4D4;
	color: #999;
	margin-bottom: 10px;
	font: 14px Arial;
}

#footer .sponsoredLinks ul {
	margin: 0;
}

#footer .sponsoredLinks li {
	margin: 0 10px 10px 0;
	list-style-type: none;
	float: left;
}

#footer .sponsoredLinks a {
  border: 1px solid #D4D4D4;
	display: block;
	padding: 1px;
}

#footer h4 {
  font-size: 11px;
	font-weight: normal;
}

#header {
  background: transparent url(/im/bg/banner.jpg) no-repeat 0 -20px;
	clear: both;
	height: 190px;
	position: relative;
}

#header #logo {
  position: absolute;
	right: 65px;
	top: 55px;
}

#leftNav {
	position: absolute;
	width: 160px;
	top: 190px;
	left: 0;
	padding: 10px 10px 10px 5px;
	z-index: 2;
}

#leftNav h3 {
  font-size: 1.3em;
	margin: 0;
	padding: 0 0 5px 5px;
}

#leftNav ul.rideNav {
  margin-bottom: 15px;
	border-top: 1px dotted #CCC;
	margin: 0 0 1.4em 0;
}

#leftNav .rideNav li {
  border-bottom: 1px dotted #CCC;
	list-style-type: none;
}

/*
#leftNav .rideNav li .booked {
  position: absolute;
  top: 12px;
	right: 0;
	background: #FF0000;
	padding: 1px 2px;
	color: #FFF;
	border: 1px solid #990000;
	font-size: 9px;
}
*/
		
#leftNav .rideNav a {
  display: block;
	padding: 5px;
	text-decoration: none;
	position: relative;
}

#leftNav .rideNav a:hover {
  background-color: #F4F4F4;		
}

#leftNav a span {
  color: #666;
}

#leftNav .rideNav a strong {
  display: block;
}

#leftNav .msAd {
	background: transparent url(/im/bn/ms.gif) no-repeat 7px 9px;
	height: 40px;
	margin: 0 0 15px 0;
	padding: 10px 0 5px 52px;
	border: 1px solid #FF0000;
}

#leftNav .navCopy .msAd a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#leftNav .navCopy .msAd a strong {
  font-size: 14px;
}

#leftNav .navCopy p {
  padding-left: 5px;
}

#leftNav .navCopy a {
  padding-left: 0;
	font-weight: bold;
}

#leftNav .navCopy a:hover {
  text-decoration: none;
}

#leftNav h4 {
  background-color: #666;
	color: #FFF;
	padding: 3px 5px;
}

#leftNav .navCopy .contact {
  margin-bottom: 15px;
	border: 1px solid #666;
	padding: 4px;
}

#leftNav .navCopy .contact p {
	margin-bottom: 5px;
}

.linkList li {
  padding: 2px 0;
}

#homePage h2 {
  margin-left: 15px;
	margin-bottom: 5px;
	color: #000;
	font-size: 18px;
}

#homePage .heroImage {
  margin-bottom: 0;
}

#latestNews {
  list-style-type: none;
	margin: 0;
}

#latestNews li a:hover {
  text-decoration: none;
}

#latestNews li {
  list-style-type: none;
	padding: 10px 0 10px 35px;
	border-bottom: 1px dotted #999933;
	background: transparent url(/im/bg/sprite_new.gif) no-repeat 0 0;
}

#latestNews li.Photos {
  background-position: 10px -116px;
}

#latestNews li.Update {
  background-position: 10px -156px;
}

#latestNews li.Recce {
  background-position: 10px -196px;
}

#latestNews li.Tour {
  background-position: 10px -276px;
}

#latestNews li.Special {
  background-position: 10px -316px;
}

#latestNews li.General {
  background-position: 10px -669px;
}


#mainNav {
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
}

#mainNav li {
	float: left;
	padding: 6px 0 10px 0;
	list-style-type: none;
	background: #006699 url(/im/bg/header_bottom.gif) repeat-x bottom;
}

#mainNav li.first {
  background: url(/im/bg/header_left.gif) no-repeat bottom left;
	padding-left: 10px;
}

#mainNav li.last {
  background: url(/im/bg/header_right.gif) no-repeat bottom right;
	padding-right: 10px;
}

#mainNav a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding-bottom: 1px;
}

#mainNav a span {
	padding: 1px 5px 1px 9px;
}

#mainNav a:hover,
#mainNav a.active {
	background: transparent url(/im/bg/navHover.gif) no-repeat 0 -1px;
	color: #006699;
}

#mainNav a:hover span,
#mainNav a.active span {
	background: transparent url(/im/bg/navHover.gif) no-repeat right 0;
}

.map {
  float: right;
	margin: 0 0 10px 0;
	text-align: right;
	width: 170px;
}

.navCopy img {
  border: 1px solid #E2E2E2;
}

.newsImage {
  float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #E4E4E4;
	padding: 5px;
}

.printPage {
  float: right;
	display: block;
	background: #FFF url(/im/bg/sprite.gif) no-repeat 0 -410px;
	padding: 0 0 2px 24px;
}

#rightColumn {
	position: absolute;
	width: 320px;
	top: 160px;
	right:5px;
	padding: 0;
	z-index:1;
	background-image: url(/im/bg/adPanel_short.png);
	background-position: top;
	background-repeat: no-repeat;
}

/* Opera sucks */
.opera #rightColumn {
  width: 320px;
}

/* So does IE */
.ie6 #rightColumn {
  background-image: url(/im/bg/adPanel.gif);
}
  
#rightColumn .content {
	padding: 10px;
}

#rightColumn h3 {
  font-size: 1.3em;
	margin: 10px 0;
}

.ie6 #rightColumn h3 {
  margin-top: 0;
}

#rightColumn #latestNews h3 {
  font-size: 1.1em;
	margin: 0 0 2px 0;
}

#bookingList li a {
  padding: 10px 0 5px 22px;
	background: #FFF url(/im/bg/sprite.gif) no-repeat 0 0;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11px;
}

#bookingList li.bookingForm a {
   background-position: 0 -164px;
}

#bookingList li.brochure a {
  background-position: 0 -164px;
}

.rideDetails {
	background: transparent url(/im/bg/details_middle.jpg) repeat-y 0 0;
}

.rideHeading {
	background: transparent url(/im/bg/details_top.jpg) no-repeat 0 0;
	padding-top: 15px;
}

.rideFooter {
	background: transparent url(/im/bg/details_bottom.jpg) no-repeat bottom left;
	height: 30px;
}

.rideDetails dl {
	margin: 0;
	padding: 10px 10px 0 10px;
}

.rideDetails dt {
	width: 90px;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #E2E2E2;
	font-weight: bold;
}

.rideDetails dd {
	float: left;
	width: 165px;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #E2E2E2;
}

#rightColumn .rideDetails h3 {
  margin-top: 5px;
	display: block;
	color: #000;
	text-align: center;
}

#rightColumn .ridePic {
  margin-bottom: 15px;
}

/* Breaking the width of the gallery in ie6 */
.ie6 #showGalleryBody {
  width: 100%;
}

#showGalleryBody .thumb {
  width: 120px;
	height: 100px;
	overflow: hidden;
}

#showGalleryBody a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px dotted #CCC;
	margin: 0 8px 8px 0;
}

#showGalleryBody a:hover {
  border: 1px solid #FF0000;
	background-color: #D4D4D4;
	cursor: pointer;
}

#showGalleryBody h5 {
	margin-bottom: 10px;
}

#tabNav {
	clear: both;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -1px;
	z-index: 1;
}

#tabNav li {
	float: left;
	padding: 0 0 0 0;
	display: block;
	margin: 0 0 0 1px;
	position: relative;
	background: transparent url(/im/bg/tabNav.gif) no-repeat top right;
	border-bottom: 1px solid #CCC;
}

#tabNav li.active {
	background-position: right -50px;
	border-color: #FFF;
}

#tabNav li.active a {
	background-position: left -50px;
	color: #000;
	padding-left: 4px;
}

#tabNav a:hover {
  color: #666;
}

#tabNav a,
#tabNav .bookedOut {
	font-weight: bold;
	background: transparent url(/im/bg/tabNav.gif) no-repeat top left;
	text-decoration: none;
	font-size: 1.3em;
	color: #000;
	margin: 0 6px 0 0;
	position: relative;
	padding: 4px 1px 2px 8px;
	display: block;
	letter-spacing: -1px;
}

#tabNav .bookedOut {
  color: #E2E2E2;
}

#tabNav li.active a span {
	padding-left: 20px;
	background: url(/im/bg/sprite.gif) no-repeat -1px 0;
}

#tabNav #bookings a {
  color: #dc4646;
}

#tabNav #bookings a:hover {
  color: #FF0000;
}

.Highlights #tabNav li.active a span { background-position: -1px -80px; }
.FAQs #tabNav li.active a span { background-position: -1px -0px; }
.Hints #tabNav li.active a span { background-position: -1px -60px; }
.Packages #tabNav li.active a span { background-position: -1px -40px; }
.Gallery #tabNav li.active a span { background-position: -1px -20px; }
.Bookings #tabNav li.active a span { background-position: -1px -100px; }

#tabContent {
	border-top: 1px solid #d6d4d3;
	padding: 15px 0 10px 0;
	clear: both;
	margin: -1px 0 0 0;
}

.ie #tabContent {
  margin-top: -12px;
	padding-top: 10px;
}

#tabContent table {
  margin-bottom: 1.4em;
}

#tabContent table tr td {
  border-bottom: 1px solid #E2E2E2;
	padding-top: 7px;
}

#tabContent table tr td strong {
  padding-left: 4px;
}

#tabContent table tr:hover {
  background-color: #E2E2E2;
}

#testimonials blockquote {
  margin-bottom: 15px;
	padding: 20px 20px 0 20px;
	background: transparent url(/im/bg/quotes.gif) no-repeat left 0;
}

#testimonials blockquote div {
  padding-right: 20px;
	background: transparent url(/im/bg/quotes.gif) no-repeat right bottom;
}

#testimonials blockquote div em {
  color: #666;
	font-style: normal;
}

.imageWrapper {
  border: 1px solid #E2E2E2;
	padding: 5px;
	margin-bottom: 15px;
}

.wellbeing {
  float: right;
	margin-left: 15px;
}



/* JQUERY LIGHTBOX
--------------------------------------------------------------- */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img { border: none; }

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/im/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/im/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/im/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
  color: #FF9834;
  font-weight:bold;
  text-decoration: none;
}

#nextLinkText{
  padding-left: 20px;
}

#prevLinkText{
  padding-right: 20px;
}

/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData{
	padding:0 10px;
}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
/*	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6; */
	display: none;
}


/* FLASH siFr TEXT REPLACEMENT
----------------------------------------------------------------- */

#home h1 {
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0 0 5px 0;
	padding: 0;
}

.ie7 #home h1 {
  font-size: 36px;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/