html{background: #D4D0C8; padding-top: 20px;}body{background: #D4D0C8; font-size: 90%; color: #533333; margin: 0px; padding: 0px;}
p, div, a, h1, h2, h3 {margin: 0px; padding: 0px;  font-family: Helvetica, Arial, Verdana, Tahoma, Sans-Serif;}
h1 { font-size: 1.1em; color: #fff; padding: 5px 10px 5px 10px; background-color: #b5bf87;  }
h2 { font-size: 1.1em; color: #8b796b; padding: 5px 0px 5px 0px;  }
h3 {padding: 5px 10px 5px 10px; font-size: 0.9em;color: #8b796b;}
li {font-size: 0.9em; padding-bottom: 3px; list-style-image: url(dot.gif);}
ul {margin-top: 0.2em; margin-bottom: 0;}
a img {border: 0px solid #fff;}
a:link, a:visited {color: #8b796b; }
a:hover {text-decoration: none; }
span.c9 {color: #8b796b; font-style: italic;}

/*
	image slideshow
*/

#imageHolder {
	width:  750px;
	height: 280px;
	padding: 0;
	margin:  0;
	position: relative;
}

#imageHolder img {
	padding: 0;
	border:  0;
	background-color: #eee;
	width:  750px;
	height: 280px;
	top:  0;
	left: 0;
	display: block;
	position: absolute;
}
/*
	end image slideshow
*/

#menu {margin: 0 auto; background-color: #fff; width: 750px; overflow: auto;}
.menuitem {float: left; font-size: 1.1em;  text-align: center; border-bottom: 1px solid #fff;}
*+html .menuitem{font-size: 1.05em;}
#menu div.current, #menu div.section{width: 99px;}
.menuitem a{display: block; padding: 10px; outline: 0; white-space: no-wrap;}
.menuitem a:link, .menuitem a:visited { color: #fff; background-color: #533333; text-decoration: none; }
.menuitem a:hover, .menuitem a.ms { color: #fff; background-color: #8b796b; }
.menuitem a:active{ outline: 0;}
#main {margin-left: auto; margin-right: auto; width: 750px; background-color: #fff; clear:both; }
#main img {border-bottom: 1px solid #fff;}
#capt {margin-top: -7px; text-align: right; color: #fff; font-size: 0.75em;background-color: #b5bf87; padding: 5px; font-weight: bold; width: auto; height: 2.7em; }
#capt q { padding-right: 5px;}
#capt a:link, #capt a:visited {color: #fff; font-style: normal; display: block; float: right;  opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;}
#capt a:hover {opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6;}
#pageh {width: auto; background-color: Transparent; margin-top: -1.5em;}
#copy {margin-left: auto; margin-right: auto; background-color: #fff; width: 730px; font-size: 105%; padding: 10px;}
#breaker {clear: both; margin-top: 5px;}
.clear{clear: both;}
#foot {clear: both; font-size: 95%; margin-left: auto; width: 740px; margin-right: auto; padding: 5px; background-color: #f7f7f7; color: #8b796b; font-size: 75%; border-top: 1px #533333 solid; text-align: center;}
#foot a:link, #foot a:visited  {color:  #8b796b;}

/*page specific css */
div.one {float: left; width: 240px; }
div.two {float: left; width: 240px;  }
div.three {float: left; width: 240px;  }

/* tariff table */
#features table {width: auto; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
#features table td, #features table th {background-color: #b5bf87; padding: 10px; font-size: 0.8em; vertical-align: top; }
#features tbody td{background: #d5dac0;}
	.thPrice, .thSecondPrice,.tdAvailable {width: 100px; }
	.tdPrice, .tdSecondPrice {text-align: right;}
	.tdAvailable {text-align: center;}
	.tdDescription span {display: block;}
		.available {color: green;}
		.booked {color: red;}
#TariffNote {margin-top: 0; padding: 0; text-align: center; font-style: italic; }


#localinfo {clear: both;}
#quotes{margin: 15px;}
	.quoteDiv{position: relative; background: #d5dac0; margin-top: 25px; padding: 22px 15px 15px 15px; background-image: url(../images/quote.gif); background-repeat: no-repeat; background-position: 3px 3px;}
		.quoteWhat{color: #2c2c2c; font-style: italic; }
		.quoteInfo{position: relative; top: 3px; right: 3px; background: #b5bf87; border: 1px solid #fff; padding: 3px 5px 5px 5px;}
			.whoWhereWhen {display: block; text-align: right; color: #b5bf87; }
   .quoteWho, .quoteWhere, .quoteWhen{text-transform: uppercase; }
			.quoteWho{font-weight: bold;}


#mapper {float: left;}
#map {width: 480px; height: 500px;}
#maphelp {margin-left: 485px; padding: 5px;}
#maphelp, #map {border: 1px solid #b5bf87; background-color: #F2EFE9;}
#maphelp h2 {font-size: 0.85em;}
#maphelp ul {padding-left: 17px; margin-left: 0px;}
#infoWindowTab1 {width: 200px; padding: 0; margin:0; font-size: 0.9em;}


#links {clear: both;}
.liNone{list-style: none;}

input, textarea {width: 240px; }
textarea {height: 17em;width: 455px;}
input#submit{width: 457px; background-image: url(button.gif); font-size: 90%; color: #000; font-weight: 900; height: 27px;}
input#submit:hover {color: #8b796b;}
#firstpartform {width: 260px; float: left;}
#secondpartform {width: 460px; float: right;}

#suisse {text-align: right; font-size: 0.7em; clear: both;}

/* enquiries */
#Form_Form_EditableRadioField9 li{list-style-type: none; list-style: none; width: 100%; overflow: auto;}
	#Form_Form_EditableRadioField9 input{float: left; width: auto;}/*remove once they are added as .radio*/

/* map stuff - need to move to map.css, at the moment it is not referenced in the map page so no stuff in map.css is affecting the page! */
#options2, #extraMapOptions{text-align: center; font-size: 0.95em; font-weight: bold; padding: 7px 0;}
	#options2 a, #extraMapOptions a{text-decoration: none;}
#mapAddress{font-weight: bold; padding: 3px;}
#infoTabSubmitAddress{background: #fff; border: 1px solid #969696; width: auto; padding: 3px;}
	#infoTabSubmitAddress:hover{background: #f2f2f2;}


/* HOME PAGE */
h2 a:link, h2 a:visited {color: #533333;}
#flashHolder {background-color: #f2f2f2; padding: 1.5em;}
object {display: block; margin: 0 auto;}
object:focus {outline: none;}
.bodyHomePage h1#pageh {display: none;}