html, body {
	font-family: Arial, Helvetica, sans-serif; 
	color: #452E0A;
	font-size: 90%;
	}
/* ==== colour ======
browns - #6B470F
dark brown - #452E0A
light-brown1 - #977E57
light-brown2 - #B5A387

features - 
green - #214230 - very dark green
pale green - #749b59 - from kids store

purple - #3B2E29
blue - #293352
cream - 
dark red #B13427
*/

body { background: #FFFFF0 url('/images/bg2.jpg') repeat-x; }

img { border: 0; margin: 0; padding: 0; }
p { font-size: 1em; padding: 0; margin: 3px 0 0 0; }
h1 {  font-size: 1.2em; padding: 0; color: #214230; }
h2 {  font-size: 1.1em; padding: 0; margin: 5px 0; }
h3 {  font-size: 1.1em; padding: 0; color: #214230; margin: 5px 0; }
h4 {  font-size: 1.1em; padding: 0; color: #214230; }
strong { margin: 10px 0 5px 0; }
.left { float: left }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.bold { font-weight: bold; }

a:link {color: #214230; }     
a:visited {color: #214230; }  
a:hover {color: #214230; }   
a:active {color: #214230; }  

p.hidden { visibility: hidden; height: none; margin: 0; padding: 0; }
#wrapper { width: 900px; margin: 5px auto 0 auto; padding: 0; }
#content-wrapper {position: relative; width: 898px; margin: 0px; padding: 0; background: #ffffff; border: 1px solid #214230; }

/* ===== Header Styles ========*/

#header {	position: relative;	height: 110px;	background: #214230;	}
/*#header h2 {	font-size: 150%;	font-weight: lighter; 	color: #ffffff;	z-index: 5;}*/
#header img {	margin: 7px 0 0 0;	padding:  0px;	}
#header .squ-logo {	position: absolute;	right: 7px;	top: 0;	}
#header .cott-logo {	position: absolute;	right: 120px;	top: 0px;	}
#head-tel {	position: absolute;	right: 120px;	top: 80px;	font-family: Times, sans;	font-style: italic;	font-size: 20px;	font-weight: bold;	color: #C8BBA2;	z-index: 25;	margin: 0;	padding: 0;	}
#head-tel p {	margin: 0;	padding: 0;	}
#menu {	clear: both;	width: 898px;	border-bottom: 1px solid #ffffff;	background: #214230;	z-index: 3;	}
#brochure_request a {	position: absolute;	left: 170px;	top: 15px;	background: transparent url('/images/brochure-request.jpg') no-repeat;}
#brochure_request a:hover {	position: absolute;	left: 170px;	top: 15px;	background: transparent url('/images/brochure-request-hover.jpg') no-repeat;}

/*============Content Styles============*/

#contentindex {	position: relative; width: 898px; margin: 0px; padding: 0px; min-height: 450px; background: #214230; clear: both; }

#index-left { width: 460px; padding: 10px 0 0 15px; float: left; }
#index-left h1 {font-size: 29px; color: #C8BBA2; font-family: Times; text-align: left; font-weight: 100; letter-spacing: -1px; word-spacing: 0.05em; line-height: 1.1em; margin: 5px 0 0 0; padding: 0 5px 0 5px; }
#index-h3 h3 {font-size: 75px; color: #C8BBA2; font-family: Times; text-align: left; font-weight: 100; letter-spacing: 0em; word-spacing: 0.1em; line-height: 1.1em; margin: 0; padding: 0 0 0 5px; clear: both; text-align: center; width: 898px; }
#index-right { width: 400px; padding: 10px 20px 0 0; float: right; display: inline-block; }
#specialoffers { position: relative; clear: both; width: 878px; padding: 0 0 10px 0; margin: 0 0 0 10px; border: 1px solid #ffffff; float: left; background: #214230; overflow: hidden; }
#specialoffers img { position: absolute; top: 0px; left: 0px; }
#specialoffers h4 { color: #fff; margin: 5px 0 0 194px; }
#specialoffers table { width: 680px; float: left; color: #fff; margin: 0 0 0 194px; }
.cottage { width: 160px; }
.date { width: 135px; }
.rooms { width: 80px; }
.price { width: 70px; text-align: right; }
p.white { color: #fff; margin: 2px 5px 0 0;}

#bottomfeatures { width: 888px; margin: 0; padding: 0 0 0 10px; min-height: 170px; clear: both; }
.feature { width: 283px; padding: 0; float: left; }
.feature p { width: 263px; margin: 0; padding: 10px; color: #ffffff; float: left; }
.green { background: #b53327; margin: 10px 0 0 0px; }
.purple { background: #3B2E29; margin: 10px 0 0 12px; }
.blue { background: #293352; margin: 10px 0 0 12px; } 

a:link.cream {color: #B5A387; }     
a:visited.cream {color: #B5A387; }  
a:hover.cream {color: #B5A387; }   
a:active.cream {color: #B5A387; }  

#bottomfeatures .green {border: 1px solid #452E0A; }
#bottomfeatures .purple {border: 1px solid #452E0A; }
#bottomfeatures .blue {border: 1px solid #452E0A; } 

#internal-footer { color: #FFFFFF; clear: both; background: #214230; }
#internal-footer a:link {color: #B5A387; font-weight: bold; }     
#internal-footer a:visited {color: #B5A387; font-weight: bold; }  
#internal-footer a:hover {color: #FFFFFF; font-weight: bold; }   
#internal-footer a:active {color: #B5A387; font-weight: bold; }  

#internal-footer p { width: 888px; margin: 3px 0 -3px 0; padding: 0 5px 5px 5px; text-align: right; font-size: 1em; font-weight: bold; }
.full-border { border: 1px solid #3B2E29; }
.pad { margin: 0 0 10px 10px; }

/*=== main pages =====*/

#content {	position: relative;	width: 898px;	margin: 0px;	padding: 0px;	background: #FFFFFF;	clear: both;	} 
#bannerimage { 	width: 898px;	padding: 0;	margin: 0;	border-bottom: 1px solid #3B2E29;	}
#bannerimage img {	padding: 0;	margin: 0 0 -3px 0;	}

#col-left { width: 580px; padding: 10px; float: left; display: inline; }
#col-right { width: 220px; padding: 0 10px 10px 30px; background: #977E57; display: inline-block; float: right; border: 1px solid #6B470F; margin: 10px 10px 0 0px;}
#col-right h1 { margin: 10px 0; padding: 0px; }

#col-right h2 { font-size: 1.1em; padding: 0; color: #FFFDE6; margin: 10px 0; }
#col-right h3 { font-size: 1em; padding: 0; color: #FFFDE6; margin: 10px 0; clear: both; }
#col-right img { margin: 25px 0 10px 5px; border: 1px solid #6B470F; clear: both; }
#col-right p { color: #FFFDE6; }


/* ====== Footer ======= */
#footer { clear: both; width: 900px; margin: 0; margin: 0 auto;}

/* === Blue square tag styling === */
#b2 { text-align: right; margin: 5px auto; width: 100%; font-size: 95%; font-weight: bold; }
#b2 a { color: #3A7350; /* dark green */ text-decoration: none; }
#b2 a:hover { text-decoration: underline; }

/* ============== for search form ====================== */
#search { z-index: 10; }

/*==== style for the property and list pages =====================================================*/

#one-col { width: 870px; padding: 10px; float: left; display: inline; }
#one-col div.blockleft { float: left; clear: both; width: 100%; }
.list li { margin: 5px 0 0 0; } 
.list-details { width: 695px; float: left; padding: 0 15px; }
.list-details img.right { padding: 0 7px 0 0; } 
.list-details a.right { width: 75px; text-align: right; margin: 5px 0 0 0;}
.full-width { float: left; clear: both; width: 695px; height: 18px; border-top: 1px solid #3A7350; margin: 5px 0 0 0; }
.link-right { float: right; width: 150px; text-align: right; margin: 0; list-style: none; }
.stars { margin: 3px 0 0 0; }
.property-list { float: left; width: 870px; clear: both; padding: 5px 0 5px 5px; border: 1px solid #3B2E29; margin: 5px 0 5px 0; background: #C4B197; }
.property-list h2 { font-size: 120%; }
.textwidth { float: left; width: 375px; }
.cottagedetails { float: left; width: 150px; padding: 0 0 0 15px;}

/*=====  images gallery =========*/

#gallery { clear: both; margin-left: 40px; }
#gallery li { list-style: none; float: left; margin: 10px 10px 0 0; width: 100px; height: 66px; }
#gallery li:hover { background: #ddd; }
#gallery a img { border: 1px solid #fff; }
#gallery a:hover img { border: 1px solid #333;  }
.popup {list-style: none;	}
ul.propertylogos li { float: left; width: 110px; text-align: center; padding: 5px 10px; border: none; }
ul.propertylogos a img { border: 1px solid #ffffff; }
ul.propertylogos li a:link { text-decoration: none; width: 100px;  }
ul.propertylogos li a:visited { text-decoration: none; }
ul.propertylogos li a:hover { text-decoration: none; }
ul.propertylogos li a:active { text-decoration: none; }



/* ===== styles for the form ===== */

#enquiry form { width: 580px; margin: 10px; font-size: 0.8em;}
#enquiry .row { clear: both; width: 95%; margin-top: 5px; padding: 4px 0; }
#enquiry .row label { float: left; text-align: right; width: 45%; padding: 2px 3px 2px 0; }
#enquiry .row .col2 { float: right; text-align: left; width: 53%; }
#enquiry span.col2 p, #contact span.col2 p { margin: 0; margin-bottom: 5px; }
#enquiry div.checklist { line-height: normal; }
#enquiry span.col2 input.check, #contact div.col2 input.check { background-color: #fff; }
#enquiry .required { color: red; } 
#enquiry .row .col2 input, .row .col2 textarea, .row .col2 span select { background-color: #fff; padding: 0; margin: 0;}
#enquiry .row .button { margin: 10px auto; text-align: center; border: 1px solid #444444; background-color: #dddddd; color: #444444; }
#enquiry .indent { text-align: center; margin: 20px auto; }
#enquiry fieldset { padding: 10px; float: left; margin: 0 0 10px 10px; color: #6B470F; width: 530px;}
#enquiry textarea { font-family:Arial, Verdana, sans-serif; font-size: 1em; }

/*===== map =====*/
#map {	margin-left: 0px;	border: 1px solid #6B470F; }
.map h1 {	font-size: 50%;	font-weight: bold;	color: #757c16;	margin: 0;	padding: 0;}
.map p {	margin: 0;	padding: 0;	font-size: 50%;	font-weight: normal;}
body#gmap {	text-align: left;}
body#gmap li {	font-size: 120%;}
body#gmap div.gmapPopupTitle {	font-weight: bold;}
form, label, select, input, option {	font-size: 10px;}
.label {  font-size:11px;  font-family: Arial, Helvetica, sans-serif;}
#gmapWrapper {	min-height: 400px;	margin: 0px;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
#gmapPanelWrapper {	float: right;	padding: 5px;	font-family: Arial, Helvetica, sans-serif;}
#gmapWrapper p {	margin: 0;	padding: 0;}
#gmapPanelWrapper p {	margin: 0 0 5px 0;	padding: 0;}
#gmapPanelWrapper h1 {	margin: 0 0 5px 0;	padding: 0;	width: 230px;	font-size: 120%;	font-weight: bold;}
#links {	padding-bottom: 5px;}
#map {	width: 540px;	height: 400px; }
h3 {	padding: 0;	margin: 0;}
.fineprint {	font-size: 11px;	padding-top: 10px;	width: 120px;}
.map-window {width: 100px; height: 100px;overflow:auto;margin:0;padding:0}
.map-window a {	color: blue;}
.map-window a:hover {	text-decoration: underline;}
#panel {	float: left;	clear: both;	height: 400px;	overflow: auto;	overflow-x: hidden;	width: 200px;	font-size: 9px;	margin: 10px 0 0 0;	padding: 10px 0 0 10px;	background-color: #F0EDE7;	border: 1px solid #6c4910;}
#panel ul {	margin: 0px;	list-style-type: disc;}
#panel li {	display: block;	width: 100%;	background-color: #bed2b0;	margin: 0 0 0 10px;	padding: 0;}
#panel a {	font-size: 11px;	color: blue;}
#panel a:hover {	text-decoration: underline;}
span.markerTooltip {	display: block;	padding: 2px;	font-weight: bold;	background: #fff;	font:10px Arial, Helvetica, sans-serif;	max-width: 80px;	height: 60px;	overflow: auto;}
div.markerTooltip {	text-align: center;	opacity: .70;	-moz-opacity: .70;	filter: alpha(opacity=70);	max-width: 80px;	height: 60px;	overflow: auto;	font:10px Arial, Helvetica, sans-serif;}

/* Description symbol css - added 27/11/09 */

#touristrating { float: right; width: 298px; height: 298px; text-align: center; }
#touristrating p { color: #555555; width: 100px; font-size: 0.8em; margin: 0px auto; }
#touristrating img { margin-top: 120px; }

/* Mountquhanie House page - added 08/12/09 */

#col-left.mountq { width: 880px; }
#mountqtext { float: left; width: 600px; min-height: 300px; margin-top: 1em; }
#mountqtext p { margin-bottom: 1.2em; }

#col-right.mountq { width: 240px; padding: 10px 5px 10px 15px; }
#col-right.mountq p { font-size: 0.85em; margin-bottom: 1em; }
#col-right.mountq img { margin: 0; }

#mountqgallery { float: left; width: 865px; height: 290px; padding: 10px 0px 10px 10px; border: 1px solid #ccc; }
#mountqgallery ul { float: left; width: 300px; height: 290px; margin: 0; padding: 0; list-style-type: none; }