﻿body {
margin: 0px;
padding: 0px;
font-family: Arial;
}

#main {
width: 970px;
margin: 0 auto;
padding: 10px 0px 0px 0px;
}
.narrowTextBox {
	width:150px;
}
.mediumTextBox {
	width:300px;
}
.wideTextBox, .list {
	width:450px;
}
.list {
	font-size:0.8em;
}
.list .headerStyle td {
	background-color:#AA0000;
	color:white;
}
.list td {
	padding:0px 10px;
}
.list .row:hover td {
	background-color:#FF9797;
}
h1, h2, h3, h4, h5, h6, strong {
	color: #c60032;
}
h1 {
	font-size:1.0em;	
}
h2 {
	font-size:0.9em;
}
h3 {
	font-size:0.8em;
}
h4 {
	font-size:0.7em;
}
h5 {
	font-size:0.6em;
}
h6 {
	font-size:0.5em;
}
h1 {
	margin:0px 0px 10px 0px;
	font-size: 1em;
	color: #c60032;
}
a {
	text-decoration: none;
	color:blue;
}
a:hover {
	text-decoration: underline;
}

.container {
width: 100%;
float: left;
}

.column {
float: left;
position: relative;
}
#contentLeft {
	width: 738px;
}
#contentRight {
	width: 232px;
	color: #c60032;
	font-size: 0.8em;
	font-weight: bold;
}

#logoArea {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 20px;
}

#navigation {
height: 28px;
padding: 7px 0px 0px 0px;
overflow: hidden;
background-image: url('../images/linksBg.gif');
background-repeat: no-repeat;
}

#navigation a {
margin: 0px 0px 0px 30px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 0.9em;
}

#navigation a:hover {
text-decoration: underline;
}
#navigation .actions 
{
	float: right;
	position: relative;
	padding:0px 15px 0px 5px;
	color: white;
	font-weight: bold;
}

#navigation .actions ul {
	right: 0px;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
}

#navigation .actions:hover ul {
	display: block;
}

#navigation .actions ul li {
	display: block;
	position: relative;
	width: 155px;	
	text-align: right;
	padding: 3px 5px;
	background:none;
}

#navigation .actions a {
	color: black;
}


#centreImage {
height: 152px;
width: 318px;
padding: 100px 0px 0px 420px;
background-image: url('../images/mainImage.gif');
background-repeat: no-repeat;
}

#centreImageText {
width: 300px;
text-align: right;
font-size: 1.4em;
font-weight: bold;
color: #ffffff;
}

#navLeft {
	margin: 10px 0px 0px 0px;
	width:210px;
}
#navLeft ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navLeft ul li {
	height: 30px;
	margin: 0px 0px 5px 0px;
	border:1px green solid;
	width:208px;
}
#navLeft ul li a {
	display: block;
	height: 25px;
	width: 195px;
	padding: 5px 0px 0px 10px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#navLeft li.selected a {
	color: #ffffff;
	background-image: url('../images/navLeftLinkBg.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
#navLeft .actions {
	position: relative;
	font-weight: bold;
	padding:5px 0px 5px 10px;
	height:auto;
	width:198px;
}
#navLeft .actions a {
	color:black;
}
#navLeft .actions ul {
	left:-1px;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid green;
	width: 208px;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}
#navLeft .actions:hover ul {
	display: block;
}
#navLeft .actions ul li {
	display: block;
	position: relative;
	width: 100%;	
	text-align: left;
	padding: 0px 5px;
	font-size:1.2em;
	height:auto;
	margin:0px;
	border:none;
}
#navLeft .actions ul li a {
	height:auto;
}

.selected {
background-color: #00ac4c;
color: #ffffff;
}

#mainContentRight {
width: 508px;
padding: 15px 10px 0px 10px;
background-image: url('../images/greenCurve.gif');
background-repeat: no-repeat;
background-position: top right;
}

#mainContentRight p {
	font-size: 0.8em;
}

#mainContentRight p a {
color: #c60032;
font-weight: bold;
text-decoration: none;
font-style: italic;
}

#mainContentRight p a:hover {
text-decoration: underline;
}

.infoBox {
height: 136px;
margin: 0px 2px 0px 0px;
padding: 10px 0px 0px 0px;
background-repeat: no-repeat;
float: left;
}

.infoBox1 {
margin: 0px 2px 0px -20px;
width: 297px;
background-image: url('../images/photo1.gif');
}

.infoBox2 {
width: 222px;
background-image: url('../images/photo2.gif');
}
.infoBox h2 {
	height: 29px;
	width: 138px;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	background-image: url('../images/header2Bg.gif');
	background-repeat: no-repeat;
	font-size: 1.3em;
	color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.infoBox h2 a {
	color:white;
}
#phoneNumber {
margin: 0px 0px 10px 0px;
color: #000000;
font-size: 1em;
text-align: right;
}

#dailyToursHeader {
height: 23px;
margin: 42px 0px 0px 99px;
padding: 5px 0px 0px 15px;
background-image: url('../images/dailyToursBg.gif');
background-repeat: no-repeat;
color: #ffffff;
}

.tourBox {
height: 205px;
width: 231px;
margin: 1px 0px 0px 0px;
padding: 2px 0px 0px 0px;
}
.tourBox a {
	color:white;
}
.tourBox h3 {
	text-align:right;
	margin:0px 0px 5px 0px;
	color:white;
	padding:0px 5px 0px 0px;
	font-size: 1.3em;
}
.tourBox img {
margin: 0px 0px 5px 0px;
}

.tourBox .more {
text-align:right;
padding:7px 5px 0px 0px;
display:block;
text-decoration: none;
font-size: 1.1em;
}
.tourBox .image {
	width:231px;
	height:130px;
	overflow:hidden;
}
.tourBox a:hover {
text-decoration: underline;
}

.tourBox1 {
margin: 7px 0px 0px 0px;
background-color: #aa0000;
}

.tourBox2 {
background-color: #265e8b;
}

.tourBox3 {
background-color: #7ba042;
}

.tourBox4 {
background-color: #e7750a;
}

.tourBox5 {
background-color: #3e3a40;
}

#footer {
	width:970px;
	background-color: #006c30;
	background-image: url('../images/footerBorder.gif');
	background-repeat: no-repeat;
	background-position: top center;
	margin:2px 0px 10px 0px;
}
#footerGreen {
	width:956px;
	margin:30px 0px 0px 0px;
	padding:0px 10px 10px 0px;
	text-align:right;
	border-left:2px #AA0000 solid;
	border-right:2px #AA0000 solid;
}
#footerRed {
	width:966px;
	background-color:#AA0000;
	color:white;
	border-left:2px #AA0000 solid;
	border-right:2px #AA0000 solid;
	padding:3px 0px;
}
#footerRed a {
	color:white;
	text-decoration:none;
}
#footerRed #left {
	width:473px;
	padding:0px 0px 0px 10px;	
}
#footerRed #right {
	width:473px;
	padding:0px 10px 0px 0px;	
	text-align:right;
}
.successMessage {
	background-color:#A8FF8A;
	font-weight:bold;
	padding:5px;
	display:block;
	margin:5px 0px;
}
.errorMessage {
	background-color:#FF6464;
	font-weight:bold;
	padding:5px;
	display:block;
	margin:5px 0px;
}
.tourTitle {
	margin:0px 0px 10px 0px;
}
.tourList {
	width:508px;
	float:left;
}
.tourList .tour {
	float:left;
	position:relative;	
	width:508px;
	margin:0px 0px 10px 0px;
}
.tourList .tour h2 {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:1.1em;
}
.tourList .tour h2 a {
	color:black;
}
.tourList .tour .introduction {
	float:left;
	position:relative;
	width:390px;
	background-color:#AA0000;
	padding:5px;
	overflow:hidden;
	color:white;
	height:18px;
}
.tourList .tour .more {
	width:93px;
	float:left;
	position:relative;
	background-color:#AA0000;
	text-align:right;
	padding:5px 5px 5px 0px;
	height:18px;
}
.tourList .tour .more a {
	color:white;
	font-weight:bold;
}
.tourDetail {
	width:508px;
	float:left;
}
.tourDetail .left {
	width:340px;
	padding:0px 2px 0px 0px;
	float:left;
	position:relative;
}
.tourDetail .left .mainImage {
	width:255px;
	margin:0px 0px 3px 0px;
}
.tourDetail .left .thumbnail {
	height:55px;
	width:82px;
	padding:0px 3px 3px 0px;
}
.tourDetail .right {
	width:158px;
	float:left;
	position:relative;
	color:white;
	background-color:#AA0000;
	font-size:0.9em;
}
.tourDetail .right h3 {
	padding:5px;
	margin:0px;
	font-size:0.9em;
	color:white;
}
.tourDetail .right .features {
	padding:5px 5px 0px 20px;
	margin:0px;
	font-size:0.8em;
}
.tourDetail .right .features li {
	margin:0px 0px 5px 0px;
}
.tourContent {
	font-size:0.9em;
}
.bookNow {
	height:28px;
	background-image:url('../booknow.gif');
	background-position:left top;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
	padding:8px 0px 0px 20px;
}
.bookNow a {
	color:white;
	font-size:1.2em;
}
.bookNow2 {
	height:28px;
	background-image:url('../booknow.gif');
	background-position:right top;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
	padding:8px 20px 0px 0px;
	text-align:right;
}
.bookNow2 a {
	color:white;
	font-size:1.2em;
}
.bookNow3 {
	height:28px;
	background-image:url('../booknow.gif');
	background-position:right top;
	background-repeat:no-repeat;
	margin:20px 5px 0px 0px;
	padding:8px 15px 0px 0px;
	text-align:right;
}
.bookNow3 a {
	color:white;
	font-size:1.2em;
}

.abutton {
	background-color:#AA0000;
	padding:5px 15px;
	color:white;
	font-weight:bold;
	display:inline-block;
}
#mainContentRight .abutton {
	color:white;
}
.quantity {
	text-align:center;
}
#sheild, .sheild {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1000px;
    background-color:black; 
    z-index:200;
}
.enlargedImage {
	z-index:250;
	padding:40px 5px 5px 5px;
	background-image:url('../images/closebutton.jpg');
	background-position:right 5px;
	background-repeat:no-repeat;
	background-color:black;
	border:1px white solid;
}
.bookingMethod {
	width:508px;
	float:left;
}
.bookingMethod h2 {
	color:#AA0000;
	font-size:1.2em;
	border-bottom:2px black solid;
	width:244px;
}
.bookingMethod .bookOnline {
	width:249px;
	float:left;
	position:relative;
	padding:0px 5px;
}
.bookingMethod .bookOverPhone {
	width:249px;
	float:left;
	position:relative;
	padding:0px 5px;
}
.paymentMethods {
	width:498px;
	padding:10px 0px;
}
.paymentMethods h2 {
	font-size:1.3em;
	padding:5px 0px;
	margin:0px;
	color:#C60032;
}
.paymentMethods .phone, .paymentMethods .online {
	float:left;
	position:relative;
	width:496px;
	border:1px #AA0000 solid;
	margin:0px 0px 10px 0px;
	background-color:white;
}
.paymentMethods .online {
	border:1px #00AC4C solid;
}
.paymentMethods .left {
	width:169px;
	float:left;
	position:relative;
}
.paymentMethods .right {
	width:327px;
	float:left;
	position:relative;
	
}
.paymentMethods .right span.small {
	font-size:0.8em;
}
.paymentMethods .right p img {
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px;
}
.paymentMethods .right p.phoneNumber {
	color:#38683D;
	font-weight:bold;
}
.paymentMethods span.big {
		font-size:1.2em;
}
.paymentMethods .right p.phoneNumber strong {
	color:#C60032;
}
.paymentMethods .right p label {
	display:block;
	float:left;
	width:150px;
	font-size:1.4em;
	color:#00AC4C;
}
.paymentMethods .right .multiSelectPanel label {
	display:block;
	float:left;
	width:150px;
}
.paymentMethods .right .multiSelectPanel input {
	width:30px;
	text-align:center;
}
.paymentMethods .multiSelectPanel {
	clear:both;
}
.testimonialList {
	width:498px;
	padding:15px 0px;
}
.testimonialList .testimonial {
	color:#6B726E;
	padding:0px 0px 0px 50px;
	background-image:url('../images/testimonial-green1.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}
.testimonialList .testimonialBackground {
	background-image:url('../images/testimonial-green2.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0px 50px 0px 0px;
}
.testimonialList .author {
	font-size:0.8em;
}
.testimonialList h3 {
	margin:auto;	
}
.linkSection p {
	padding:0px;
	margin:0px 0px 10px 0px;
}
.linkSection p .image {
	float:left;
	padding:0px 10px 0px 0px;
}
.linkSection h2 a {
	color:#AA0000;
}
.style1 {
	text-align: center;
}
.style2 {
	color: #FF0000;
}
.style3 {
	color: #FF0000;
	margin-top: 0;
	margin-bottom: 0;
}
.style1 a {
	color:#006600;
}

.days {
	width:100%;
	line-height:25px;
}
.days td {
	width:50%;
}
.days a {
	
}






