﻿/****** Start Global Settings ******/
* {
  padding:0;
  margin:0;
  
}
body
{
	font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
}
p, h2, h3, h4, h5 
{
  font-size:1.2em;
}
h1
{
	font-size: 2em;
	color: #666666;
}
p
{
	color: #6b6b6b;
}
/****** End Global Settings ******/


/****** Start Main Body Structure ******/

div#Wrapper 
{
  width: 800px;
  padding-top:8px;
  margin:0px auto 0;
}
div#Header
{
	margin: 0px;
	padding: 0px;
}
div#BreadCrumbWrapper
{
	
}
div#ContentWrapper
{	
	
}
div#LeftColumn
{
	float: left;
	width: 150px;	
}
div#RightColumn
{
	margin-left: 160px;
}

div#Footer 
{
	height: 8px;
	clear: both;
	text-align: center;
}
/****** End Main Body Structure ******/


/****** Start Header Section ******/
div#Header h1
{
	font-size: 3em;
}
div#Header a
{
	text-decoration: none;
	color: #666666;
}
/****** End Header Section ******/


/****** Start Header Bar Section ******/
div#PageHeaderBar
{
	clear:both;
}
div#PageHeaderBar #PageHeaderBarTop
{
	background-image: url(/Images/SiteImages/PageHeaderTop800.jpg);
	background-repeat: no-repeat;
	background-position: top;	
	height: 3px;
}
div#PageHeaderBar #PageHeaderBarBody
{
	color: #ffffff;	
	background-color: #0066ff;
	padding: 2px 5px 2px 5px;
}
div#PageHeaderBar #PageHeaderBarBottom
{
	background-image: url(/Images/SiteImages/PageHeaderBottom800.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 3px;	
}
div#PageHeaderBar #PageHeaderBarBody A
{
	color: #ffffff;	
}
/****** End Header Bar Section ******/

/****** Start BoxStyle1 Section ******/
div.BoxStyle1
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 640px;
}
div.BoxStyle1 .BoxHeader
{
	background-color: #666666;
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxHeaderShaded640.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 1.25em;
	padding: 2px 5px 2px 5px;
}
div.BoxStyle1 .BoxBody
{
	background-image: url(/Images/SiteImages/BoxShading.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	padding: 0px 5px 0px 5px;
}
div.BoxStyle1 .BoxFooter
{
	background-color: #ffffff;
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxFooter640.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 0px;
	height: 5px;
	font-size: 0pt;
}
div.BoxStyle1 .BoxBody H1
{
	font-size: 2em;
	color: #069;
	border-bottom: solid 1px #bbd;
}
div.BoxStyle1 .BoxBody H2
{
	font-size: 1.5em;
	color: #069;
	border-bottom: solid 1px #bbd;
}
div.BoxStyle1 .BoxBody A
{
	text-decoration: none;
	color: #cccccc;
	/*color: #333333;*/
}

/****** End BoxStyle1 Section ******/

/****** Start BoxStyle3 Section ******/
div.BoxStyle3
{
	margin-top: 5px;
	margin-bottom: 0px;
	width: 630px;
}
div.BoxStyle3 .BoxHeader
{
	background-color: #666666;
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxHeaderColoured630.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 1.25em;
	padding: 2px 5px 2px 5px;
}
div.BoxStyle3 .BoxBody
{
	background-image: url(/Images/SiteImages/BoxShading.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	padding: 0px 1px 0px 1px;
	overflow: auto;
}
div.BoxStyle3 .BoxFooter
{
	background-color: #ffffff;
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxFooter630.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 0px;
	height: 5px;
	font-size: 16pt;
}
div.BoxStyle3 .BoxBody H1
{
	font-size: 2em;
	color: #666666;
	border-bottom: solid 1px #cccccc;
}
div.BoxStyle3 .BoxBody H2
{
	font-size: 1.5em;
	color: #666666;
	border-bottom: solid 1px #cccccc;
}
div.BoxStyle3 .BoxBody A
{
	text-decoration: none;
	color: #333;
}
div.BoxStyle3 .BoxBody A:hover
{
	text-decoration: none;
	color: #006;
}
div.BoxStyle3 .BoxBody A.ZeroCount
{
	color: #ccc;
}
div.BoxStyle3 .BoxBody A.ZeroCount:hover
{
	color: #06c;
}
/****** End BoxStyle1 Section ******/


/****** Start Text Sizes Section ******/
.ZeroCount
{
	font-size: 1em;
}
.size1
{
	font-size: 1em;
}
.size2
{
	font-size: 1.1em;
}
.size3
{
	font-size: 1.2em;
}
.size4
{
	font-size: 1.3em;
}
.size5
{
	font-size: 1.4em;
}
.size6
{
	font-size: 1.6em;
}
.size7
{
	font-size: 1.8em;
}
.size8
{
	font-size: 2.1em;
}
.size9
{
	font-size: 2.5em;
}
.size10
{
	font-size: 3em;
}
/****** End Text Sizes Section ******/



/****** Start BoxStyle2 Section ******/
div.BoxStyle2
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 150px;
}
div.BoxStyle2 .BoxHeader
{
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxHeaderShaded150.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 0px;
	padding: 0px 5px 0px 5px;
	height: 4px;
	margin-bottom: 0px;
}
div.BoxStyle2 .BoxBody
{
	background-image: url(/Images/SiteImages/BoxShading.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	padding: 0px 5px 0px 5px;
}
div.BoxStyle2 .BoxFooter
{
	background-color: #ffffff;
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxFooter150.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 0px;
	height: 4px;
	font-size: 16pt;
}
/****** End BoxStyle2 Section ******/



/****** Start Image Container Section ******/
.ImageList
{

}
.ImageList IMG
{
	width: 20%;
	float: left;
	border: none;	
}
/****** End Image Container Section ******/

/****** Start Facilities Container Section ******/
.FacilitiesList
{
	padding: 1px;
}
.FacilitiesList IMG
{
	CURSOR: hand;	
}
.FacilitiesList TABLE
{
	width: 100%;
	font-size: 1.2em;
}
.FacilitiesList TABLE TD
{
	width: 33%;
}
/****** End Facilities Container Section ******/

/****** Start General Section ******/
.hidden
{
	visibility: hidden;
}
.DisplayNone
{
	display: none;
}
.DispalyBlock
{
	display: block;
}
/****** End General Section ******/


/****** Start BoxStyle4 Section ******/
div.BoxStyle4
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 150px;
}
div.BoxStyle4 .BoxHeader
{
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxHeaderColoured150.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #666666;
	font-size: 1.25em;
	padding: 2px 5px 2px 5px;
}
div.BoxStyle4 .BoxBody
{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	padding: 10px 5px 0px 5px;
}
div.BoxStyle4 .BoxFooter
{
	background-color: #ffffff;
	color: #ffffff;
	background-image: url(/Images/SiteImages/BoxFooter150.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 0px;
	height: 4px;
	font-size: 16pt;
}

.BoxStyle4 .item
{
	border-bottom: 1px solid #dddddd;
}

.BoxStyle4 h2
{
	padding: 0px 0px 0px 2px;
	margin: 0px;
	font-size: 1.2em;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	background-image: url(/Images/SiteImages/BoxShading.jpg);
	background-position: center;
	background-repeat: repeat-x;
}
.BoxStyle4 h2 a
{
	text-decoration: none;
	color: #666;
}
.BoxStyle4 h2 a:hover
{
	color: #333;
}
.BoxStyle4 p
{
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	/*margin-left: 51px;*/
}
.BoxStyle4 p a
{
	color: #00f;
}
.BoxStyle4 p a:hover
{
	color: #333;
}
.BoxStyle4 .thumb
{
	width: 50px;
	float: left;
	border: none;
	padding: 2px;
	margin: 2px 2px 0px 0px;
	background-color: #666;
}
.BoxStyle4 hr
{
	clear: left;
	height: 1px;
	color:#fff;
	background-color:#fff;
	border:none;
}

.dropdown {display:block; position:relative}
.dropdown dt {width:5em; border:1px solid #ddd; background-color: #f9f9f9; padding:0px 8px 0px 8px; cursor:pointer}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background-color: #dddddd;}
.dropdown dd {position:absolute; top:0; overflow:hidden; display:none; background:#fff; opacity:0}
.dropdown ul { border:1px solid #ddd; list-style:none; border-bottom: none;}
.dropdown li {}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:0px 5px 0px 5px; color:#999; text-decoration:none; background:#f9f9f9; }
.dropdown a:hover {background:#dddddd; color:#333}
.dropdown .underline {border-bottom:1px solid #ddd}

.dropdown { color: #999999;}

/****** End BoxStyle4 Section ******/




/****** Start Map Section ******/

.MarkerPopup
{
    height:100%;
    border-bottom: 1px solid #ddd;
}
.MarkerPopup h3
{
    padding-left: 3px;
    font-size: 1.2em;
    color: #666;
    background-color: #eee;
    border: 1px solid #ddd;
}
.MarkerPopup a
{
    font-size: 1em;
    border: 1px solid #ddd;
    border-bottom: none;
	text-decoration: none;
	color: #666;
	background-color: #f9f9f9;
    padding-left:3px;
}
.MarkerPopup a:hover
{
	color: #666;
	background-color: #ddd;
}
.MarkerPopup p
{
    width: 250px;
    padding-left: 3px;
    font-size: 1.1em;
    color: #666;
}
.MarkerPopup hr
{
    clear: left;
	height: 1px;
	color:#fff;
	background-color:#fff;
	border:none;
	border-top: 2px;
	margin-top: 2px;
}
.MarkerPopup .thumb
{
	width: 50px;
	float: left;
	border: none;
	padding: 2px;
	margin: 2px 2px 0px 0px;
	background-color: #666;
}
.MarkerKeyWrapper div
{
	padding: 0px 3px 1px 3px;
	color: #fff;
	background-color: #333;
	background-image: url(/Images/SiteImages/HeaderBackground.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.MarkerKeyWrapper p
{
	padding: 3px 3px 3px 0px;
}
.MarkerKeyWrapper img
{
	margin-left: 10px;
}
/****** End Map Section ******/


/****** Start Form Section ******/

.ContactForm {
 	color: #666;
 	font-size: 1.2em;
 	margin-top: 10px;
 }
 .ContactForm label {
 	float: left;
 	text-align: right;
 	padding: 3px 3px;
 }
.ContactForm label {
 	width: 75px;
 }
.ContactForm label small {
 	color: #f00;
 	vertical-align: top;
 }
.ContactForm br {
 	clear: left;
 }
.ContactForm Input.TextBox, .ContactForm textarea
 {
 	margin: 2px 2px 0px 2px;
 	border: 1px solid #cccccc;
 }
 .ContactForm Input.TextBox
 {
 	width: 200px;
 }
.ContactForm Input.Submit 
{
	margin: 2px 2px 0px 2px;
 	background-color: #0066ff;
 	border: 1px solid #00f;
 	font-weight: bold;
 	color: #ffffff;
 	CURSOR: hand;
 }
.ContactForm .FormError
{
	vertical-align: top;
	font-weight: bold;
}
.ContactForm .FormErrorSummary
{
	border: 2px solid #f00;
	min-height: 75px;
	padding: 5px 3px 0px 75px;
	background-image: url(/Images/SiteImages/FormError.jpg);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #f00;
}
.ContactForm .FormErrorSummary ul
{
	margin-left: 30px;
}

.ContactForm .FormSuccessSummary
{
	border: 2px solid #090;
	min-height: 75px;
	padding: 5px 3px 0px 75px;
	background-image: url(/Images/SiteImages/FormSuccess.jpg);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #090;
}
/****** End Form Section ******/

/****** START TEST ONLY SECTION ******/
.LetterboxWrapper
{
	padding: 1px;
	border: solid 1px #333;
}
.LetterboxWrapper div
{
	padding: 0px 3px 1px 3px;
	color: #fff;
	background-color: #333;
	background-image: url(/Images/SiteImages/HeaderBackground.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.LetterboxWrapper img
{
	margin: 0px;
	border: none;
}


/****** END TEST ONLY SECTION ******/

.RentalRates
{
	text-align: left;
	font-size: 1.2em;
	margin: 10px 0px 10px 0px;
}
.RentalRates .DarkHeader
{
	background-color: #999;
}
.RentalRates .LightHeader
{
	background-color: #ccc;
}
.RentalRates td
{
	border-bottom: 1px solid #ddd;
	padding: 0px 2px 0px 2px;
}
.RentalRates th
{
	padding: 0px 2px 0px 2px;
	font-weight: normal;
}
.RentalRates .From
{
	background-color: #9fb;
}
.RentalRates .To
{
	background-color: #f9f;
}
.RentalRates .Price
{
	color: #009;
	/*font-weight: bold;*/
}
.RentalRatesSection
{
	border: 1px solid #666;
	padding: 1px 1px 1px 1px;
}
.RentalRatesSection H2
{
	/* Doesn't work...*/
}
.RentalRatesSection ul
{
	margin-bottom: 5px;
	font-size: 1.2em;
}
.RentalRatesSection ul img
{
	border: none;
}
.RentalRatesSection ul li a
{
	/* Doesn't work */
	text-decoration: underline;
	color: #00f;
}
.CurrencyLink
{
	text-decoration: underline;
	color: #00f;
}
.SubSectionHeader
{
	padding: 0px 3px 1px 3px;
	color: #fff;
	background-color: #333;
	background-image: url(/Images/SiteImages/HeaderBackground.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 1.2em;
}