﻿
/***********************************************************************
						reset and clearing
*************************************************************************/
:link,:visited {
	text-decoration : none;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size : 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin : 0; padding : 0;
}
ul{
	margin-left:1em;
}
ol{
	margin-left:3em;
	margin-bottom: 1em;
}
img {
	border : none;
}
a img,:link img,:visited img {
	border : none;
}
/* 
	**easy clearing 
	Any container with class="clearer" will expand around enclosed floated elements
*/
.clearer:after, #contact:after
	{
	content: '[HI MUM]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearer, #contact
	{
	display: inline-block;
	}
/*\*/
.clearer, #contact
	{
	display: block;
	}
/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > .output
	{
	position: relative;
	z-index: 1000;
	}
	
/***********************************************************************
						
*************************************************************************/
body {
	background-color: #FFA60E;			
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
}

#container {
	width:995px;	
	margin:0px 0px 0px 0px;
	border-left:1px solid #076602;
	border-right:1px solid #076602;	
	text-align:left;
	/*background-image:url(../images/containerbg.jpg);	*/
	background-image:url(../images/containerbgnew.jpg);	
	background-repeat:repeat-y;	
}

/*********************left columns ************************/
#leftColumn {
	width:154px;	
	height:auto;
	min-height:801px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/sidegraphic1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFB901;
	color:#339900;
}

/*css ie hack for min height*/
* html #leftColumn {
	/*height: 827px;*/
	height: 801px;
}

.sideNavBar {		
	width:154px;	
	/*margin:165px 0px 0px 0px;	*/
	margin:11px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.sideNavBar a {
	color:#339900;
	font-weight:bold;
	display: inline;
	background:none;
}

.sideNavBar img {
	margin:0;
	padding:0;
	border:0;
}

a.event {	
	margin:10px 0px 0px 2px;	
	padding:0px 0px 0px 0px;	
	font-size:1.1em;
}

.line {
	width:140px;
	height:1px;	
	font-size:0px;
	background-image: url(../images/line.jpg);	
	background-repeat: no-repeat;	
	margin:0px 7px 4px 7px;	
	padding:0px 0px 0px 0px;			
}

a.submenu {	
	margin:2px 4px 1px 10px;	
	padding:0px 0px 0px 4px;		
}

a.selected {
	background-color:#1f6131;
	color:#FDB801;
	margin:0px 4px 1px 10px;	
	padding:0px 0px 0px 4px;	
}	

a.submenu:hover {
	text-decoration:underline;
}

/*********************right columns ************************/
#rightColumn {
	width:841px;
	float:left;	
	margin:0px 0px 0px 0px;		
}

#heading {
	width:841px;	
	height:147px;
	background-image: url(../images/topbg.jpg);	
	background-repeat: no-repeat;	
}

#topMenu {		
	margin:0px 0px 0px 0px;
	padding:102px 0px 0px 48px;	
}

#topMenu a {	
	color:#ffcc33;
	font-weight:bold;		
	margin:0px 0px 0px 0px;
	padding:0px 33px 0px 0px;		
}

#topMenu a:hover {
	text-decoration:underline;
}

#overlay{
	position:absolute;
	right:-50px;
	top:-147px;
	margin:0;
	padding:0;
	border:0;
}

	/********** content *************/
#content {
	/*width:690px;*/
	margin:5px 40px 20px 40px;
	padding:0px 0px 20px 0px;	
}

#headingImg {	
	margin:0px 0px 10px 0px;	
}

#headingImg img {
	margin:0;
	padding:0;
	border:0;
}

h1.heading {
	color:#336600;	
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-size:x-large;
}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

h2 {
	margin:20px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	color:#336600;
	font-size:1.1em;
}

h3 {
	color:#336600;	
}
.ggaot {
	color:#336600;
	font-style: italic;
	font-weight: bold;
}

.print {display:none;}

p {
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
}

#hpcontent p, 
#hpcontent span {
	font-size: 1.3em;
}

#content a,
#content p,
#content li {
	color:#336600;
}

#content a {
	text-decoration:underline;
}

#content a:hover {
	text-decoration:underline;
}

#content a.rightLink {	
	color:#339900;
	text-decoration:underline;
	font-weight:bold;
}

ul {
	margin:0px 0px 12px 35px;
	padding:0px 0px 0px 0px;
	list-style-type:disc;
}

ul.sequence {
	margin:0px 0px 12px 35px;
	padding:0px 0px 0px 0px;
	list-style-type: decimal;		
}

ul.pricePP { 
	float:left;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;	
	list-style-type: none;		
}

ul.transferType { 
	float:left;
	margin:0px 0px 12px 35px;
	padding:0px 0px 0px 0px;	
	list-style-type: none;		
}

ul.pricePP li, ul.transferType li {
	margin:1px 0px 1px 0px;
	padding:0px 0px 0px 0px;
}

li {
	margin:1px 0px 1px 0px;
	padding:0px 0px 0px 0px;
}	

img {
	margin:10px 0px 10px 0px;
	border:0;
}

img.left {
	float:left;
	margin:0px 20px 10px 0px;
	border:1px solid #336600;
}

img.right {
	float:right;
	margin:0px 10px 10px 0px;	
}

.right {
	text-align:right;
}

img.nomargin {margin:0;padding:0;}

.green {
	color:#336600;
}
.bold {
       font-weight:bold;
}

.error {
       color:#FF0000;
       font-weight:bold;
}

.mand {
       color:#FF0808;
       font-weight:bold;
       font-size:1.2em;
}
.small {
		color:#336600;
       font-weight:bold;
       font-size:0.8em;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
	font-weight:normal;
}


table.tours {
	border:0px solid red;
	border-collapse: collapse;
	font-size: larger;
}
table.tours th {
	border-bottom: 2px solid grey;
	text-align: center;
}
table.tours td {
	padding-left:5px;
	padding-right:5px;
}
table.tours td.r {
	border-right: 1px solid grey;
}
table.tours td.b {
	border-bottom: 1px solid grey;
}
table.tours th.g, table.tours td.g {
	background: #e0eFbF;
	border-bottom:0px;
}

/*********************packages ************************/
table.packages td {
	margin:0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid red;
}
table.packages {
	margin:0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
}

/*********************module ************************/

table#modules {	
	margin:0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}

table#modules td.space {
	font-size:0.1em;
}

table#modules td.noPad {
	padding-top:0px;
	padding-bottom:0px;
} 

table#modules td {
	padding: 5px 10px 5px 5px;	
	margin:0px 0px 0px 0px;
}

table#modules td.hide {
	padding: 5px 20px 5px 20px;
	margin:0px 0px 30px 0px;	
	border-left:5px solid #CFE2CF;
	border-right:5px solid #CFE2CF;
	border-bottom:5px solid #CFE2CF;
}

table#modules td img {	
	margin:0px 0px 0px 0px;		
}

table#modules td img.booknow {
	float:right;
	margin:20px 0px 0px 40px;
}

/*********************hotels ************************/
table#modules table.hotels {	
	background-color:#FFF1CC;
	margin:0px 0px 12px 0px;	
}

table#modules table.hotels td {
	margin:0; 
	padding:2px 0px 2px 0px;	
}

table#modules table.hotels td.hotelName {				
	padding-left: 50px;		
}

table#modules table.hotels td.hotelDesc {		
	padding-left: 20px;
	padding-right:20px;	
}

table#modules table.hotels td.firstRow {padding-top:10px;}
table#modules table.hotels td.lastRow {padding-bottom:10px;}

/*********************itinerary ************************/
table#modules table.itinerary {
	margin:0px 0px 12px 0px;	
}

table#modules table.itinerary td {
	margin:0px 0px 0px 0px; 
	padding: 3px 0px 3px 0px;	
}

/*********************optionalTour ************************/
table.optionalTour {
	margin:0px 0px 12px 0px;			
}

table.optionalTour td, 
table.optionalTour h2 {
	margin:0px 0px 0px 0px; 
	padding: 2px 0px 2px 0px;		
}

.babyblue { background-color:#CFE2CF;}
.pink { background-color:#FFF1CC;}

tr.selected { 	
	background-color:#CFE2CF;
	font-weight:bold; 			
	font-size:1.1em;
}

/*********************shopping basket ************************/
table.basket {
	margin:0px 0px 12px 0px;	
}

table.basket td, 
table.basket h2, 
table.basket img {	
	margin:0px 0px 0px 0px; 
	padding:2px 0px 2px 0px; 	
}

table.basket h2 {
	padding-left:8px;	
	padding-right:8px;
	font-size:1.1em;
} 

table.basket input.quantity {
	width:15px;
	height:15px;
	font-size:0.9em;
	margin-top:2px; 
	margin-bottom:2px;
	border:1px solid #444444;
}

table.basket td.padLeft {padding-left:8px;}

table.basket td img.checkout {
	margin:0px 0px 0px 2px;	
}

table#grandtotal {
	margin:0px 0px 12px 0px;	
}

table#grandtotal td {
	margin:0px 0px 0px 0px;	
	padding:2px 0px 2px 0px;			
	font-size:1em;
}

table#grandtotal img {
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 10px;			
}

table#grandtotal td.padLeft {padding-left:20px;}
table#grandtotal td.firstRow {padding-top:10px;}
table#grandtotal td.lastRow {padding-bottom:10px;}
table#grandtotal td.big {font-size:1em;font-weight:bold;color:#336600;}
/*********************checkout ************************/

table.checkout {
	margin:0px 0px 12px 0px;	
}

table.checkout td, table.checkout img {
	margin:0px 0px 0px 0px;	
	padding:2px 0px 2px 0px;			
}

table.checkout td.label {text-align:right; padding-right:10px}

table.checkout td.noPad {padding:0;	}

table.checkout td.padLeft {padding-left:25px;}
table.checkout td.padTop {padding-top:25px;}
table.checkout td.padTopXSmall {padding-top:5px;}
table.checkout td.padTopSmall {padding-top:10px;}

table.checkout div.postageChoose {float:left; width:30px; text-align:center; padding-top:2px;}
table.checkout div.postageDesc {float:left; width:150px; margin-left:10px;}
table.checkout div.postageDescLong {float:left; padding-bottom:10px; padding-top:5px; padding-left:10px; padding-right:10px; }

table.checkout div.postageCost {float:left; width:70px; margin-left:10px;}
table.checkout input { 
	height:17px;
	font-size:0.9em;	
	margin-bottom:1px;
	padding-top:2px;
	padding-left:2px;
	border:1px solid #444444;
}
table.checkout input.noBorder {border:0;}
table.checkout input.xshort {width:25px;}
table.checkout input.short {width:50px;}	
table.checkout input.mm {width:20px;padding-left:5px;margin-right:2px;}
table.checkout input.yy {width:20px;padding-left:5px;margin-left:2px;}
table.checkout label {width:5px;margin:0;font-size:1.5em;}
table.checkout input.long {width:150px;}	
table.checkout input.longer {width:200px;}	
table.checkout input.inputImage {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0;
}
table.checkout textarea {	
	width:200px;	
	margin-top:2px;	
	margin-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	border:1px solid #444444;
	font-size:1em;	
	font-family: Arial, Helvetica, sans-serif;
}

table.checkout select {
	font-size:0.9em;	
	border:1px solid #444444;	
	margin-top:2px;
	margin-bottom:2px;
}

table.checkout select.long {
	width:150px;
}

table.checkout select.longer {
	font-size:0.9em;	
	width:200px;
	border:1px solid #444444;	
	margin-top:2px;
	margin-bottom:2px;
}

table.checkout option {
	font-size:0.9em;		
}

table.checkout h2 {	
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;	
}

table.checkout td.big {font-size:1.3em;font-weight:bold;}

/*********************optional day tour information ************************/

.tourEntry { 
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
}

.tourEntry .leftCol { 
	width:460px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.tourName {}

.tourPrice {}

.tourDesc { }

.backToTop { }

.tourEntry .rightCol { 
	width:240px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


img.backToTour {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.tourPhotos {	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.tourPhotos img {	
	float:right;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #336600;
}


/*********************hotel information ************************/



.hotelEntry {	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	

.hotelEntry .leftCol { 
	width:460px;
	float:left;
}

.hotelEntry .leftCol .hotelName {
	color:#336600;
	font-weight:bold;
	font-size:1.1em;
	margin:12px 0px 12px 0px;
}

.hotelEntry .leftCol .hotelAddr, 
.hotelEntry .leftCol .hotelRating {
	color:#336600;
	
}

.hotelEntry .leftCol .hotelRating {
	color:#336600;
	margin:15px 0px 0px 0px;
	font-weight:bold;
}	

.hotelEntry .leftCol .hotelDesc {
	margin:15px 0px 0px 0px;
}

.hotelEntry .leftCol .hotelFeatures {	
	width:230px;
	float:left;
}

.hotelEntry .leftCol .hotelRoomAmenities {	
	width:230px;
	float:left;
}

.hotelEntry .leftCol ul {
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	list-style-type:disc;
}

.hotelEntry .leftCol li {
	margin:1px 0px 1px 15px;
	padding:0px 0px 0px 0px;
}	
.hotelEntry .rightCol {
	width:240px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.hotelEntry .rightCol img.backToModule { background-color:#CC0000;
	float:right;
	margin:12px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0;
}

.hotelEntry .rightCol img.hotelPhoto {
	float:right;
	margin:55px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #336600;
}

.backToTop {
	margin:10px 0px 50px 0px;
	padding:0px 0px 0px 0px;
}

/*********************module ************************/

#moduleHeading {
	background-color:#CFE2CF;
	margin:5px 0px 20px 0px;
	padding:0px 0px 0px 0px;	
}
#moduleHeading .date {float:left; width:110px; padding:0px 0px 0px 10px; }
#moduleHeading .name {float:left;width:480px; text-align:center;}
#moduleHeading .date h2, #moduleHeading .name h2 {
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
}
#moduleHeading .booknow {float:left;width:100px; }
#moduleHeading .booknow img {
	float:right;	
	margin:10px 10px 10px 0px;
}

.moduleEntry, .transferEntry, .fanfest_entry { 
	margin:0px 0px 12px 0px;
	padding:8px 0px 8px 0px;
	background-color:#CFE2CF;
}

.moduleEntry .name       { float:left; width:100px; text-align:right;color:#336600;}
.moduleEntry .desc       { float:left; width:300px; margin:0px 0px 0px 0px;	padding:0px 25px 0px 25px;}
.moduleEntry .longdesc   { float:left; width:550px; margin:0px 0px 0px 0px;	padding:0px 25px 0px 25px;}
.moduleEntry .date       { float:left; width:150px; color:#336600;}
.moduleEntry .select     { float:left; width:100px; color:#336600;}
.moduleEntry .select img { float:right; margin:0px 20px 0px 0px;}


.transferEntry .name     { float:left; width:100px;text-align:right;color:#336600;}
.transferEntry .desc     { float:left; width:125px; margin:0px 0px 0px 0px; padding:0px 25px 0px 35px;color:#336600;}
.transferEntry .longdesc { float:left; width:550px; margin:0px 0px 0px 0px;	padding:0px 25px 0px 25px;}
.transferEntry .price    { float:left;width:125px;margin:0px 0px 0px 0px; padding:0px 25px 0px 25px;color:#336600;}
.transferEntry .date     { float:left;width:90px;color:#336600;}
.transferEntry .book     { float:left;width:150px;color:#336600;}
.transferEntry .book img { float:right;margin:0px 25px 0px 0px;}

.fanfest_entry {
	color:#336600;	
	margin-bottom:15px;
	margin-top:15px;	
}
.fanfest_inclusion{
	padding-left:25px;
	margin-bottom:40px;
}
.fanfest_entry .name,
.fanfest_entry .date,
.fanfest_entry .time,
.fanfest_entry .price,
.fanfest_entry .book {
	float:left;
	padding-top:2px;
}
.fanfest_entry .name {width:100px;font-weight:bold;text-align:center;}
.fanfest_entry .date {width:150px;text-align:center;}
.fanfest_entry .time {width:150px;text-align:center;}
.fanfest_entry .price {width:150px;text-align:center;}
.fanfest_entry .book {width:150px;padding-top:0px;}
.fanfest_entry .book img {float:right;margin:0px 25px 0px 0px;}

/*********************hotel listing in individual module page ************************/

.hotelListingEntry {
	width:700px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;	
	background-color:#FFF1CC;
}

.hotelListingEntry .property {float:left; width:170px; padding:3px 10px 3px 10px;}
.hotelListingEntry .roomDesc {float:left; }

.hotelListingEntry .roomDesc .roomDescEntry {
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	text-align:center;
}

.evenRow {}
.hotelListingEntry .roomDesc .roomDescEntry .roomType {float:left; width:85px;}
.hotelListingEntry .roomDesc .roomDescEntry .singleRoom {float:left; width:85px; color:#336600;}
.hotelListingEntry .roomDesc .roomDescEntry .doubleRoom {float:left; width:85px;  color:#336600;}
.hotelListingEntry .roomDesc .roomDescEntry .twinRoom {float:left; width:85px; color:#336600;}
.hotelListingEntry .roomDesc .roomDescEntry .tripleRoom {float:left; width:85px; color:#336600;}
.hotelListingEntry .roomDesc .roomDescEntry .quadRoom {float:left; width:85px; color:#336600;}

/*********************itinerary listing in individual module page ************************/
.itineraryEntry {	
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 0px;	
	background-color:#FFF1CC;
}
.itineraryEntry .i_dayNumber {float:left; width:60px; padding:0px 3px 0px 3px; text-align:center; color:#336600;}
.itineraryEntry .i_dayName {float:left; width:60px;padding:0px 3px 0px 3px;}
.itineraryEntry .i_date {float:left; width:60px; padding:0px 3px 0px 3px;}
.itineraryEntry .i_city {float:left; width:80px;padding:0px 3px 0px 3px;}
.itineraryEntry .i_desc {float:left; width:400px;padding:0px 3px 0px 3px; }
/*********************footer ************************/
#footer {
	width:995px;			
	height:22px;
	margin:0px 0px 0px 0px;
	background-image: url(../images/footerbg.jpg);	
	background-repeat: no-repeat;
	border-left:1px solid #076602;
	border-right:1px solid #076602;
	border-bottom:1px solid #076602;
	border-top:0px;	
}

#footer ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	float:right;
}

#footer li {
	list-style-type:none;
	float:left;
	margin:0px 5px 0px 25px;
	padding:3px 0px 0px 0px;		
}

#footer a {
	color:#FFB900;	
}

#footer a:hover {
	text-decoration:underline;
}

/*********************copyright ************************/
#copyright {
	width:995px;	
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 0px;		
}

.noBackground { background-color:#FFFFFF;}
.noPadding { 	padding:0px 0px 0px 0px;	}

