body { text-align: center; } /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
html, body {
height: 100%;
padding: 0; margin: 0; 
} 

/* ================================================================ 
Layout of Main Elements
=================================================================== */
#header {
	color: #666666;
	width: 800px;
	float: left;
	height: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-image: url(backgrounds/header_gradient_reversed.gif);
}

#wrapper {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}
.headerLeft {
	height: 70px;
	width: 240px;
	float:left;
	margin-top: 20px;
	padding-left: 15px;
}
.headerRight {
	height: 25px;
	width: 300px;
	float:right;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 15px;
}
#openHours {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	float:right;
	padding-right: 15px;
	margin-bottom: 5px;
}
.headerRightLower {
	width: 300px;
	float:right;
	text-align: right;
	padding-right: 15px;
}
#dropdownMenuContainer {
	width: 800px;
	float: left;
	height: 36px;
	background: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#ajaxMenuContainer {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
#leftcolumn {
	color: #333;
	background: #FFF;
	width: 220px;
	float: left;
}
#rightcolumn {
	float: right;
	width: 570px;
	display: inline;
	background-color: #FFF;
}
#singlecolumn {
	float: left;
	width: 800px;
	display: inline;
	background-color: #FFF;
}
#mastheadContainer {
	/*height: 300px;*/
	width: 570px;
	float: right;
}
#mastheadSquareImage {
	/*height: 300px;*/
	width: 300px;
	float: left;
}
#mastheadCopy {
	/*height: 300px;*/
	width: 250px;
	float: right;
}
.h1Container {
	margin-top: 10px;
	margin-bottom: 20px;
}
#pageContentContainer {
	width: 555px;
	margin-top: 10px;
	float: right;
	background-color: #FFF;
	padding-bottom: 3px /*Stops links being cut off in IE*/
}
#footer {
	width: 770px;
	height: 300px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFF;
	margin-right: -20px;
	background-repeat: repeat-x;
	clear: both;
	bottom: 0px;
	padding-top: 0px;
	color: #666;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	background-image: url(backgrounds/footer_gradient.gif);
}
.footerSpacer {
	height: 25px;
	width: 800px;
	float: left;
}
.footerCol {	/* styles the contents of the three cols in the footer */
	float: left;
	width: 236px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 40px;
	padding-left: 5px;
}
#browseBox {
	margin-bottom: 20px;
}
.pricingFrom {
	background-color: #CCC;
	padding: 10px;
	background-image: url(backgrounds/5%25black.gif);
}
.pricingFrom .price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 2px;
}
.pricingFrom .description {
	margin-top: 10px;
}
.pricingFrom .description a {
	color: #666666;
	text-decoration: none;

}
#informedDecision {
	margin-top: 20px;
	margin-bottom: 20px;
}
#informedDecision a {
	color: #666666;
	text-decoration: underline;

}

/* ================================================================ 
Typography, Links & Headings
=================================================================== */
body {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
} 
p {
	margin-bottom: 10px;
	line-height: 15px;
}
.boldBodyText {
	font-weight:bold;
}
h1 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 00px;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 2px;
	color: #666;
}
h2 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 00px;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 2px;
	color: #333;
}
h3 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
h6 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}
h7 { /*Used for Rooms & Facilties, Guest Facilties, Food & Beverage etc on Property pages*/
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.linkBoxGreen {
	height: 20px;
	background-image: url(backgrounds/green_gradient_bkg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #339900;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #339900;
	background-position: bottom;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.linkBoxOrange {
	height: 20px;
	background-image: url(backgrounds/gradient_bkg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFCC00;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FFCC00;
	background-position: bottom;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/* ================================================================ 
Results Boxes
=================================================================== */
.resultsContainer {
	width: 555px;
	height: 150px;
	margin-top: 15px;
	color: #333;
}
.resultsTextContainer {
	float: left;
	width: 395px;
	height: 150px;
}
.resultsLinks {
	width: 395px;
	float: left;
	line-height: 20px;
	text-align: right;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.resultsImage {
	height: 150px;
	width: 150px;
	float: left;
	margin-right: 10px;
}
.resultsTitle {
	height: 15px;
	width: 395px;
	float: left;
	font-weight: lighter;
	margin-bottom: 5px;
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.resultsTitle a:link {
	color: #333;
	text-decoration: none;
}
.resultsTitle a:visited {
	color: #333;
	text-decoration: none;
}
.resultsTitle a:hover {
	color: #333;
	text-decoration: none;
}
.resultsTitle a:active {
	color: #333;
	text-decoration: none;
}
.resultsText {
	height: 40px;
	width: 395px;
	float: left;
	margin-bottom: 10px;
}
.resultsTextB {
	height: 20px;
	width: 395px;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	line-height: 20px;
}
.nextPrevious {
	text-align: right;
}
.resultsTextC {
	height: 20px;
	width: 395px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 20px;
}
.resultsButtonA {
	height: 20px;
	width: 10px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.resultsPagination {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	height: 25px;
	margin-top: 15px;
	width: 570px;
	float: right;
}
.resultsPagination a:link {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.resultsPagination a:visited {
	text-decoration: none;
}
.resultsPagination a:hover {
	text-decoration: underline;
}
.resultsPagination a:active {
	text-decoration: none;
}

.expandHeader {
	color: #636;
}
.expandContent {
	color:#606
}

/* ================================================================ 
Tables
=================================================================== */
.pricingContainerTable {
	width: 555px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(backgrounds/10%25black.gif);
	margin: 0px;
	padding: 0px;
}
.pricingContainerTable .pCTIntro {
	padding-top: 10px;
	padding-left: 10px;
}
.pricing .odd td {
	background-image: url(backgrounds/10%25black.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.pricing .even td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #FFFFFF;
}
.pricing {
	width: 555px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.pricing .header td {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
.propertyActionsTop {
	text-align: right;
	margin-bottom: 15px;
	padding-top: 3px; /*Stops links being cut off in IE*/
}
.propertyActionsBottom {
	text-align: right;
	margin-top: 15px;
	padding-bottom: 10px;
}
#pageContentContainer .rightCol {
	float: right;
	width: 230px;
	padding-bottom: 3px;/*Stops links being cut off in IE*/
	color: #333;
}
#pageContentContainer .leftCol {
	float: left;
	width: 310px;
	padding-bottom: 3px;/*Stops links being cut off in IE*/
}
.220pxBanner {
	margin-top: 20px;
}

/* ================================================================ 
Promotions & Advertising Including Popular Properties
=================================================================== */
.bannerLeft {
	margin-top: 15px;
}

.promotedPropoerty {
	float: left;
	width: 230px;
	margin-bottom: 15px;
}
.promotedPropoerty .text {
	float: left;
	width: 230px;
	margin-top: 7px;
}
.promotedPropoerty .image {
	height: 121px;
	width: 230px;
	float: left;
}
.promotedPropoerty .title {
	width: 230px;
	margin-bottom: 10px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-transform: uppercase;
}
.promotedPropoerty .textB {
	float: left;
	width: 115px;
	margin-top: 7px;
	font-weight: bold;
}
.promotedPropoerty .link {
	float: right;
	width: 115px;
	margin-top: 7px;
	text-align:right;
	padding-bottom: 3px;
}
#mastheadContainer #tourLargeImage {
	height: 300px;
	width: 400px;
	float: right;
	clear: none;
}
#mastheadContainer #tourSmallImageA {
	height: 145px;
	width: 160px;
	float: left;
	clear: none;
}
#mastheadContainer #tourSmallImageB {
	margin-top: 10px; 
	height: 145px;
	width: 160px;
	float: left;
	clear: none;
}
#specialOfferContainer {
	background-color: #FC6;
	border: 1px solid #960;
	padding: 5px;
	margin-bottom: 20px;
	color: #960;
}
#specialOfferContainer a {
	color: #960;
	text-decoration:none;
}
#specialOfferContainer .details {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #960;
	padding-bottom: 5px;
}
#specialOfferContainer .dates {
	margin-top: 5px;
}
.holidayExtraFormContainer {
	margin-bottom: 15px;
}

/* ================================================================ 
AJAX
=================================================================== */
#ajax 
{ 
	position:relative;
	float:left;
	margin:10px 0px;

}
.ajax_content
{
	padding:10px 0 0 0px; 
	margin:0px;
}
.ajax_content a img
{
	text-decoration:none;
	border:none;
}
#loading
{ 
    position:absolute;
	top:135px;
	left:135px;
	height:200px;
	width:200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('backgrounds/ajax_loading.gif');
}

/* ================================================================ 
AJAX Search
=================================================================== */

.sbContainer {
	float: right;
	height: 40px;
	width: 400px;
	clear: none;
}
.advancedSearch {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-align: right;
}
.advancedSearch a:link {
	margin-top: 5px;
	color: #999999;
	text-decoration: underline;
}
.advancedSearch a:hover {
	text-decoration: none;
	color: #999999;	
}
.advancedSearch a:visited {
	text-decoration: none;
	color: #999999;	
}
.advancedSearch a:active {
	text-decoration: none;
	color: #999999;	
}#search #search {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
/* .ajaxSearch_highlight {
	color: #ffcc66;
	background-color: #333333;
}
 .ajaxSearch_highlight1
	ajaxSearch_highlight {
	color: #ffcc66;
	background-color: #333333;
}*/
 .ajaxSearch_resultLink a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	color: #093;
	background-color: #e6e6e6;
}
 .ajaxSearch_resultLink a:hover {
	background-color: #7f7f7f;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	color: black;
}


/* ================================================================ 
Sitemap
=================================================================== */

#sitemap ul { padding: 5px 0 0 10px; }
#sitemap li { padding: 0 0 5px 0; }
#sitemap ul li a {
	text-decoration: none;
	color: #333333;
}
#sitemap ul li a:hover { color: #666666;}

/* ================================================================ 
Ditto Paging
=================================================================== */

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}