body {margin: 0; padding: 0; background-color: #FFF8E6; font-size: 1em;}

/*table.container {max-width: 1200px;  width:expression(document.body.clientWidth > 1200? "1200px": "auto" ); border-style: solid; border-width: 0 2px 1px; border-color: #E6E7E9; }
table.container td {margin: 0; padding: 0;}*/

h1 {font-family: Arial, Verdana, sans-serif; border-bottom: solid 1px silver; font-size: 1.4em; font-weight: normal; color: #006699;  padding: 1.2em 0 0 0; margin: 0 0 0.2em 270px;}
h2 {font-family: Arial, Verdana, sans-serif; font-size: 1.2em; font-weight: normal; color: #006699; padding: 0.3em 0 0.3em 3em; margin: 0;}
h3 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #006699;  margin: 0 0.5em 0 2em; padding: 0.4em 0;}
h4 {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: bold; color: #006699; margin: 0 0.4em; padding: 0.4em 0;}
h5 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: normal; color: #006699; text-align: center; margin: 0 0.4em; padding: 0.4em 0;}
h6 {font-family: Arial, Verdana, sans-serif; font-size: 0.9em; font-weight: bold; color: #666666; margin: 0 0.4em; padding: 0.4em 0;}

p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	margin: 0 0.4em;
	padding: 0.4em 0;
	line-height: 140%;
}
ol{font-family: Arial, Verdana, sans-serif; font-size: 0.8em; }
ul{font-family: Arial, Verdana, sans-serif; font-size: 0.8em;}
li {font-family: Arial, Verdana, sans-serif; line-height: 140%;  margin: 0 0.2em; padding: 0.2em 0;}
div#indexlist ul{font-family: Arial, Verdana, sans-serif; font-size: 0.8em; margin:0.3em 1em; padding:0.3em 1em;}
div#indexlist li {font-family: Arial, Verdana, sans-serif; line-height: 140%;  margin: 0 0.2em; padding: 0.2em;}
div#indexlist p {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; margin: 0 0.4em; padding: 0; line-height: 140%;}


a:link {color: #006699; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:hover {color: #3399CC; text-decoration: none;}
a:active {color: #3399CC; text-decoration: underline;}

table.nav {width: 100%; background-color: #E6E7E9; border-top: solid 1px black; border-bottom: solid 1px black; padding: 0; margin: 0;}
table.nav td {padding: 0;  margin: 0; font-family: arial, verdana; font-size: 0.6em; font-weight:bold; text-align: center;}
td.nav a:link {display: block; color: #333333; text-decoration: none; background-color: #E6E7E9;}
td.nav a:visited {display: block; color: #333333; text-decoration: none;}
td.nav a:hover {display: block; color: #FFFFFF; background-color: #6699CC;}

table.content-main {border: solid silver 0px; margin: 0 5px; padding: 0; width: 99%;}
table.content {width: 100%;}
td.content {vertical-align: top; width: 100%; }

td.content-left {vertical-align: top; padding: 10px 1px 0px 9px; margin: 0; border-right: solid 0px silver; border-top: solid 0px silver; }

td.footer-nav  {border-top: solid 1px silver; border-bottom: solid 1px silver; background-color: #E6E7E9; text-align: center;}
td.footer-nav a:link {font-family: arial, verdana; font-size: 0.6em; font-weight:bold; color: #333333; margin: 0; padding: 0 0.5em; text-decoration: none;}
td.footer-nav a:visited {font-family: arial, verdana; font-size: 0.6em; font-weight:bold; color: #333333; margin: 0;  padding: 0 0.5em; text-decoration: none;}
td.footer-nav a:hover {font-family: arial, verdana; font-size: 0.6em; font-weight:bold; margin: 0;  padding: 0 0.5em;text-decoration: none; background-color: #999999; color: #FFFFFF;}

table.ad-left {border: solid 0px black; margin: 0;}
table.ad-left td {padding: 2px; border-right: solid 1px silver; border-top: solid 1px silver;}

table.footer {border-bottom: solid 1px #999999; background-color: #FFF8E6; }
table.footer p {font-family: Arial, Verdana, sans-serif; font-size: 0.7em; margin: 0 0 0 3%; text-align:center; margin: 0 1em;}
table.footer a:link {text-decoration: none; color: #000000;}
table.footer a:visited {text-decoration: none; color: #000000;}
table.footer a:hover {text-decoration: underline; color: #000000;}

table.comments td {width: 750px; background-color: #F2F3F4; border: solid 1px black; padding: 5; margin: 15px;}
table.innercomment td {width: 690px; background-color:#F2F3F4; font-size: 105%; border: solid 4px white; padding: 5; margin: 5px;}

table.indexcontent-main {border: solid silver 0px; margin: 0; padding: 0; width: 100%;}
td.indexcontentleft {padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; margin: 0; border: 1px solid #006699; font-family: Arial, Verdana, sans-serif; vertical-align: top;}
td.indexcontentright {padding: 0; margin: 0; width: 127px; border: 1px solid #006699; font-family: Arial, Verdana, sans-serif; vertical-align: top;}


div#innernav {text-align: center; font-family: Arial, Verdana, sans-serif; font-size: 0.7em; margin: 0 0.5em; background-color: #E6E7E9;}
div#innernav a:link {text-decoration: none; padding: 0 0.5em; }
div#innernav a:visited {text-decoration: none; padding: 0 0.5em;}
div#innernav a:hover {text-decoration: none; background-color: #999999; color: #FFFFFF; padding: 0 0.5em;}

div#links {background-color: #F2F3F4; margin: 0 3% 0 3%; padding: 0.3em 0; border: solid 1px black;}
div#links p {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; margin: 0 0.4em; padding: 0.4em 10px;} 

div#emailcomments {float: right;}
div#facebook {float: left;}
/* this is on the photo of the day pages  */

div#tag {
	display: none;
}   /* hidden text used for entering search terms */

div#accordion-left {float: left; padding: 0 1em;}

div#accordion-right {
	float: right;
	padding: 1em;
	
}

/* check what all these banners divs are related to  */

/*First the new banner locators */

div#banner-right {float: right; margin: 0 0.4em 0 0.7em;  padding: 0.4em 0;}
div#banner-left {float: left; margin: 0 1.2em 0 0.4em; padding: 0.4em 0;}
div#banner-centre {text-align: center;}
div#banner-right-margin {float: right; margin: 0 0.4em 0 0.7em;  padding: 0.7em ;}

/* Below the old locators which we can get rid of at some later stage */

div#bannercontent {float: right; margin: 0 0.4em 0 0.7em;  padding: 0.4em 0;}
div#bannercontent a:link {color: #006699; text-decoration: none; text-align: right; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#bannercontent a:visited {color: #006699; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#bannercontent a:hover {color: #006699; text-decoration: underline; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#bannercontent-left {float: left; margin: 0 0.7em 0 0.4em; padding: 0.4em 0;}
div#bannercontent-centre {text-align: center;}
div#bannercontent-centre a:link {color: #006699; text-decoration: none; text-align: center; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#bannercontent-centre a:visited {color: #006699; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#bannercontent-centre a:hover {color: #006699; text-decoration: underline; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#topbannerlink a:link {color: #006699; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#topbannerlink a:visited {color: #006699; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#topbannerlink a:hover {color: #006699; text-decoration: underline; font-family: Arial, Verdana, sans-serif; font-size: 0.7em;}
div#top-adsense {text-align: center; }
div#rectanglead {float: right; margin: 0 0.4em 0 0.7em;  padding: 0.4em 0;}
div#top-banner {text-align: center;}
div#top-banner a:link {color: #666666;}
div#top-banner a:visited {color: #666666;}

/*    Image locators in general pages */

div#image-right {float: right; margin: 0 0.4em 0 0.7em;  padding: 0.4em 0;}
div#image-left {float: left; margin: 0 1.2em 0 0.4em; padding: 0.4em 0;}
div#image-centre {text-align: center;}

/*    Image locators in excursion pages  */

div#image-right-excursions {float: right; margin: 1em 0.4em 0 0.7em;  padding: 0.4em 0;}
div#image-left-excursions {float: left; margin: 1em 1.2em 0 0.4em; padding: 0.4em 0;}

/*    Image locators in excursion pages - inside accordion  */

div#image-right-accordion {float: right; margin: 0 0.4em 0 0.7em;  padding: 0.4em 0;}
div#image-left-accordion {float: left; margin: 0 1.2em 0 0.4em; padding: 0.4em 0;}

/*    End of image locators  */

div#quote {float: right; width: 200px; color: #666666; border: solid #CCCCCC; border-width: 6px 0; font: bold  Arial, Helvetica, Verdana, sans-serif; padding: 3px 3px; margin: 5px 0.5em 6px 1em;}
div#resort-maps {float: left; margin: 0 0.8em 0 0.4em; padding: 0.4em 0;}
div#resort-maps a:link {display: block; text-align: center; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 0.6em; font-weight: bold; background-color: #E6E7E9; padding: 0.2em;}
div#resort-maps a:visited {display: block; text-align: center; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 0.6em; font-weight: bold; background-color: #E6E7E9; padding: 0.2em;}

div#resort-maps-new {float: none; margin: 0 0.8em 0 0.4em; padding: 0.4em 0;}
div#resort-maps-new a:link {display: block; text-align: center; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 0.6em; font-weight: bold; background-color: #E6E7E9; padding: 0.2em;}
div#resort-maps-new a:visited {display: block; text-align: center; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 0.6em; font-weight: bold; background-color: #E6E7E9; padding: 0.2em;}



div#printmark {display: none;}

/* the taxi links */

div#taxi {float: right; width: 250px; color: #666666; border: solid #CCCCCC; border-width: 3px; font: bold  Arial, Helvetica, Verdana, sans-serif;  text-align: center; padding: 3px 3px; margin: 5px 0.5em 5px 1em;}
div#taxi a:link {text-decoration: none;}
div#taxi a:visited {text-decoration: none;}
div#taxi a:active {text-decoration: none;}
div#taxi-left {float: left; width: 250px; color: #666666; border: solid #CCCCCC; border-width: 3px; font: bold  Arial, Helvetica, Verdana, sans-serif;  text-align: center; padding: 3px 3px; margin: 5px 0.5em 5px 1em;}
div#taxi-left a:link {text-decoration: none;}
div#taxi-left a:visited {text-decoration: none;}
div#taxi-left a:active {text-decoration: none;}
div#bookmark {float: right;}

/* this is the stuff added or altered     */

span#smalltext {font-size: smaller;}

div#header-right {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.6em;
	color: #006699;
	font-style:oblique;
	text-align:center;
	letter-spacing: 0.2em;
	display: block;
}
/*td#header-right p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.6em;
	color: #006699;
	font-style:oblique;
	text-align:center;
	letter-spacing: 0.2em;
}*/
div#search {float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
div#advertisement {float: right; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 0.2em 1em;}

div#bookings-left {float: left; padding: 0 1em 1em 0;  }
div#bookings-right {float: right; padding: 0 0 1em 1em;  }

td.footer-copyright p {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; margin: 0.8em 1em;}
td.footer-copyright {text-align:left;  }
td.footer-copyright a:link {text-decoration: none; color: #000000;}
td.footer-copyright a:visited {text-decoration: none; color: #000000;}
td.footer-copyright a:hover {text-decoration: underline; color: #000000;}


table.comments1 td {width: 750px; background-color: #F2F3F4; border: solid 0px black; padding: 5; margin: 15px;}

table.comments2 td

/* below is bookings.com styles   */

* {
                margin: 0;
        }

	a img {
		border: 0;
	}

	#searchboxInc {
		font: 12px/1.5 Arial, Helvetica, sans-serif;
		color: #003580;
		width: 200px;
	}
	
	#searchboxInc form {
		background: #feba02;
	}
	
	#searchboxInc fieldset, #searchboxInc img {
		border: 0;
	}
	
	#searchboxInc fieldset {
		padding: 8px;
	}
	
	#searchboxInc #inout h3 {
		background-color:transparent;
		font-size:1.1em;
	}
	
	#searchboxInc h3 {
		margin-bottom:0.2em;
		position:static;
		font-size:118%;
		font-weight:bold;
		margin: 0;
	}

	#searchboxInc p {
		font-size: 2em;
		margin: 0;
	}
	
	#homein, #homeout {
		float: left;
		padding: 0.5em 1em 0 0;
        }
	
	.avail {
		padding-top: 1em;
		clear: left;
	}
	
	#searchboxInc a.calender {
		vertical-align: -4px;
	}
	
	#searchboxInc a.calender img {
		background: #0896ff;
	}
	
	.blur {
		color: #999;
	}
	
	button {
		float: right;
		-moz-border-radius: 8px;
		background-color: #0896ff;
		border: 2px solid #fff;
		color: #fff;
		letter-spacing: 1px;
		padding: 0.15em 0.75em;
		text-transform: uppercase;
		font: bold 1.333em/1 Arial, Helvetica, sans-serif;
	}

	#calendar {
		font: 12px/1.5 Arial, Helvetica, sans-serif;
		color: #003580;
	    display: none;
	    position: absolute;
	    background-image: url(http://y.bstatic.com/static/img/shadow3.png);
	    padding: 0 4px 4px 0;
	}

	/* For calendar */
	.caltable {
	    border: 1px solid #003580;
	    background-color: #fff;
	}
	.caltable a:link, .caltable a:visited {
	    color: #0896ff !important;
	}
	.caltable a:hover {
	    color: #feba02 !important;
	    border-color: #feba02 !important;
	}
	.caltable a:active {
	    color: #b30000 !important;
	    border-color: #b30000 !important;
	}
	.caltable td {
	    text-align: center;
	}
	.caltable td a {
	    display: block;
	    text-decoration: none;
	}
	.caltable td.calheader a {
	    display: inline;
	    vertical-align: -.4em;
	}
	.caltable td.calheader img.calNoPrevMonth {
	    background: white url(http://y.bstatic.com/static/img/butPrevMonth.png) 0 -72px no-repeat;
	    vertical-align: -.4em;
	}
	.caltable td.calheader img.calNoNextMonth {
	    background: white url(http://z.bstatic.com/static/img/butNextMonth.png) 0 -72px no-repeat;
	    vertical-align: -.4em;
	}
	.caltable td.calheader .calNextMonth img {
	    background: white url(http://y.bstatic.com/static/img/butNextMonth2.png) 0 0 no-repeat;
	}
	.caltable td.calheader .calPrevMonth img {
	    background: white url(http://y.bstatic.com/static/img/butPrevMonth2.png) 0 0 no-repeat;
	}
	.caltable td.calheader .calNextMonth:hover img, .caltable td.calheader .calPrevMonth:hover img {
	    background-position: 0 -24px;
	}
	.caltable td.calheader .calNextMonth:active img, .caltable td.calheader .calPrevMonth:active img {
	    background-position: 0 -48px;
	}
	.calheader {
	    padding: .4em;
	    white-space: nowrap;
	}
	.calheader select {
	    margin: 0 .6em;
	}
	.monthYear {
	    background-color: #ffffff;
	    color: white;
	}
	.dayNames td {
	    border-bottom: 1px solid #003580;
	    background-color: #e6edf6;
	}
	.days td {
	    color: #779bca;
	    background-color: #e6edf6;
	    padding: .2em;
	    border: 2px solid #e6edf6;
	}
	.days td.weekend {
	    background-color: #c5d4e9;
	    border-color: #c5d4e9;
	}
	.days td.past {
	    text-decoration: line-through;
	}
	.days td.today, .days td.future {
	    border: none;
	    padding: 0;
	}
	.days td a {
	    padding: .2em;
	    border: 2px solid #e6edf6;
	}
	.days td.weekend a {
	    border-color: #c5d4e9;
	}
	.days td.today a {
	    background-color: #fff;
	}
	.days td.selected {
	    font-weight: bold;
	}
	.days td.selected a {
	    border-color: #0896ff;
	}
	
	#destinationSearch p {font-size: 14px; font-weight: bold;}
