/* CSS Document basic Version 1.3  3rd January 2007
Created by Mark Joint, Mew Media Ltd. www.mewmedia.com 

*/

/* 
light brown = #C06C4F
dark brown = #77452D

yellow = #FFA809
*/
*, html { padding:0; margin:0; }

body {text-align:center; font-family: "FS Lola Regular", "Trebuchet MS", Helvetica, sans-serif; font-size:12px; color:#333; background-color:#ddd;}

p {margin:0em 0 1em 0; font-family: Helvetica, Arial, sans-serif;}

strong {font-size:larger; }

iframe {border:none;}
form {}

a:link {color:#77452D; text-decoration:none;}
a:visited {color:#77452D;}
a:hover{color:#C06C4F; text-decoration:underline;}
a:active {color:#C06C4F; text-decoration:underline;}
a img {border:none;}
img {}

label {color:#77452D;}
table td{vertical-align:top;}

h1, h2, h3, h4, h5, h6 {color:#77452D; font-family: "FS Lola Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h1, h3 {margin-bottom:3px; font-size:1.4em;}
h4 {margin-bottom:0px; font-size:1.2em; display:inline;}
h5 {margin-bottom:0px; font-size:1em; display:inline;}
h6 {margin-bottom:3px; font-size:0.8em;}
ol {padding:0 0 0 3.5em; margin:0.8em 0;}

#header {margin:0 auto;  text-align:left;  background-color:#fff;}
#header h1 {float:left; width:380px; height:95px;  background: url(natural_files/banner-l.gif) no-repeat; font-size:14px; margin:0;}  /* no longer used */
#header img {float:left; margin:0;}

/* ------------- hides h tags where replaced with images ------------- */
#header h1 span {position:absolute; left:-9999px; top:0;} /* no longer used */


#search {background: url(natural_files/banner-f.gif) 96% 0 no-repeat; clear:both; color:white; height:28px; border-top:0px solid #77452D; border-bottom:2px solid #77452D; text-align:left;}

#nav {margin:0; width:130px; float:left; background:#fff ;}
#nav ul.menu  { text-align:left; }

ul.menu {display:block;  }
ul.menu li { list-style: none; display:inline;}
ul.menu li a {font-weight:bold; cursor:pointer;}

/* --------- main menu --------- */
ul.main {margin:20px 0 10px 0; }
/* tabs left side */
ul.main li a {font-size:14px; white-space: nowrap; text-decoration:none; }
/* tabs hover - left side and text*/
ul.main a:hover, ul.main a:hover span { }
/* tabs hover - right side */
ul.main a:hover span{}
/* tabs - right side and text*/
ul.main a span{
display: block;
/*  float: left; */
height:40px;
line-height:30px;
text-align:right;
padding: 0px 16px 0px 0px;
font-weight: bold;
color:#fff;
text-decoration:none;
background:url(natural_files/menu_link.gif) no-repeat;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.main a span{float: none;}	/* End IE5-Mac hack */

/* tabs hover - right side and text*/
ul.main a:hover span {color:#fff; background:url(natural_files/menu_over.gif) no-repeat;
}
/* current tabs - left side*/
ul.main #current a{  }
/* current tabs - right side and text*/
ul.main #current a span{ background:url(natural_files/menu_over.gif) no-repeat; color:#fff; }
/* current tabs hover - left side and text*/
ul.main #current a:hover, ul.main #current a:hover span{  }
/* current tabs hover - right side */
ul.main #current a:hover span {background:url(natural_files/menu_over.gif) no-repeat;}



/* ------------ main wrap - to keep the site fixed width and centred ------------ */
#page_wrap {margin:0 auto; text-align:left; width: 740px; clear:both; border:1px solid #333; background-color:#fff;}

#content_wrap {margin:0 auto; text-align:left; width: 600px; float:right; border-left:1px solid #77452D; background: url(natural_files/banner-f.gif) 96% -28px no-repeat;}
#content_wrap h1 {font-size:12px; font-weight:bold; color:#333333;}
#map_canvas {margin:82px; width: 400px; height: 400px;}
#map_text {margin:82px; width: 400px;}

/* different panels used */
/* header images in lht or drk */
/*
div.col_1third {float:left; width:280px; margin:0px 0 2px 2px; padding:2px 0px 8px 0px; border:; background:red;}
div.col_1third div {padding:6px 20px 2px 40px; background:  url(repeat_280.gif); }

div.col_2thirds {float:left; width:570px; margin:0px 0 2px 2px; padding:2px 4px 8px 4px; border:; background:green;}
div.col_2thirds div {padding:6px 20px 2px 40px; background:  url(repeat_560.gif); }
*/

div.col_3thirds { clear:both; width:564px; margin:0px 2px 2px 2px; padding:20px 16px 8px 16px; }

p.gallery {text-align:center;}

div.list_item {border-top:1px solid #77452D; padding:10px 0; width:564px;}
div.list_details { padding:0; float:right; width:370px;}
div.list_thumb {}
div.list_thumb img {width:180px; }
div.list_thumb a img {border:1px solid white;}
div.list_thumb a:hover img {border:1px solid #77452D;}

div.top_item {padding:10px 0; width:564px;}
div.top_details { padding:0; float:right; width:370px;}
div.top_thumb {}
div.top_thumb img {width:180px; }
div.top_thumb a img {border:1px solid white;}
div.top_thumb a:hover img {border:1px solid #77452D;}

div.detail_thumbs {width:188px; float:right;}
div.detail_thumbs img {width:180px; float:right; margin:0 0px 8px 8px;}

/* ------------ Footer bar ----------- */
#footer {padding:0; margin:0 auto; clear:both; font-size:11px; text-align:left; border-top: 1px solid #77452D;}

/* --------- footer menu --------- */
#footermenu {background:white; }
ul.footer {font-size:12px; line-height:20px; width:auto; text-align:center;}
ul.footer li {padding:0 24px; }
ul.footer li a, ul.footer a:link, ul.footer a:visited { text-decoration:none; color:#666666;}
ul.footer a:hover, ul.footer a:active { text-decoration:underline; color:#333333;}

#footer p.stuff { line-height:20px; padding:0 0 0 6px; width:auto; float:left;  margin:0;}
#footer p.notes { float:right;  padding:0 10px 0 0; line-height:20px; text-align:right; margin:0;}

#credits {clear:both; width:740px; margin:0 auto; text-align:right; padding:4px 0; font-size:11px; color:#999;}
#credits a, #credits a:link, #credits a:visited {color:#999; text-decoration:none;}
#credits a:hover, #credits a:active {color:#666;}


/* ------------- Tables -------------- */
th {border-bottom:1px solid #77452D; background:#77452D; color:#fff; padding:2px 4px;}
td {color:#77452D;}
th a:link, th a:visited, th a:hover, th a:active {color:#fff;}
tr.even td {background:rgb(160,219,240);}

input.text, textarea {width:220px; padding:1px; margin:1px; }
textarea.review { height:3.8em; overflow:hidden;}
textarea.tags { height:1.4em; overflow:hidden;}

div.rate textarea.review {width:190px; height:3.8em; overflow:hidden;}
div.rate textarea.tags {width:190px; height:1.4em; overflow:hidden;}

input.button {vertical-align:middle;}
input.rating {vertical-align:middle; margin:4px;}

.clear {clear:both; line-height:0px; height:0px; padding:0; margin:0; display:block;}

#accom_menu {margin-bottom:10px;}
#accom_menu li {display:inline; border:1px solid #999; padding:2px; background-color:#CC6633;}
#accom_menu li a {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#accom_menu li.current {background-color:#FF9900;}


/* ------------------ SEARCH AREA ---------------- */
input.submit { font-family:Arial, Helvetica, sans-serif; border:1px solid #77452D; background-color:#FF9900; font-size:12px; padding:2px; color:#FFFFFF; margin:0;}
#search {padding:5px 0 0 20px;}
input.search {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; margin:0;}
input.search_go {margin:0; padding:0;}
span.search {padding:20px; text-align:left; margin:0;}
select.search {width:150px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; margin:0;}
/* ------------------ SEARCH AREA ---------------- */


/* To fix non-displaying items in IE-PC bug * html picked up by IE and nothing else */
/* Hides from IE5-mac \*/
* html div {height: 1%;}
/* End hide from IE5-mac */



/* ---------- Menu in home page (for accommodation types) --------- */
div.acc_home {text-align:center; padding: 10px 0 10px 0;}

div.acc_home div.button {text-align:center; font-weight:bold; font-size:14px; /*margin: 20px 0;*/ white-space: nowrap; display:inline; height:40px; line-height:40px; }


div.acc_home div.button a {  text-decoration:none; background-repeat:no-repeat; background: url(natural_files/menu_ac_right.gif) center right no-repeat; padding:8px 10px 12px 0px; height:40px; line-height:40px;}
div.acc_home div.button a:hover {background:url(natural_files/ac_right_over.gif) center right no-repeat; text-decoration:none;}


div.acc_home div.button a span {color:#fff; background: url(natural_files/menu_ac_left2.gif) center left no-repeat; text-decoration:none; padding:8px 0px 12px 10px; height:40px; line-height:40px;}
div.acc_home div.button a:hover span {background:url(natural_files/ac_left_over.gif) center left no-repeat; text-decoration:none; }

/* To fix for IE-PC bug * html picked up by IE and nothing else */
/* Hides from IE5-mac \*/
* html div.acc_home div.button a { background: url(natural_files/menu_ac_right.gif) 11px right no-repeat;}
* html div.acc_home div.button a:hover { background: url(natural_files/ac_right_over.gif) 11px right no-repeat; }
/* End hide from IE5-mac */


/* ---------- Menu in accommodation page (for accommodation types) --------- */
div.acc_search #acc_menu {}
div.acc_search #acc_menu li {text-align:center; font-weight:bold; font-size:14px; margin: 10px 0; }

div.acc_search #acc_menu li a { margin-right:8px; height:40px; line-height:30px; padding: 8px 0 12px 0px; background: url(natural_files/menu_ac_left2.gif) center left no-repeat; text-decoration:none;  }
div.acc_search #acc_menu li a:hover {background:url(natural_files/ac_left_over.gif) center left no-repeat; text-decoration:none;}

div.acc_search #acc_menu li a span {font-size:14px; line-height:30px; height:40px; color:#fff;  background-repeat:no-repeat; padding: 8px 28px 12px 24px;  background: url(natural_files/menu_ac_right.gif) center right no-repeat; margin-right:-8px; text-decoration:none;}
div.acc_search #acc_menu li a:hover span { background:url(natural_files/ac_right_over.gif) center right no-repeat; text-decoration:none;}

/* To fix for IE-PC bug * html picked up by IE and nothing else */
/* Hides from IE5-mac \*/
* html div.acc_search #acc_menu li a spanx { background: url(natural_files/menu_ac_right.gif) 100% 5px no-repeat; }
* html div.acc_search #acc_menu li a:hover spanx { background: url(natural_files/ac_right_over.gif) 100% 5px no-repeat; }
/* End hide from IE5-mac */

span.search_text {color:#77452D;}

/* ------------ ADMIN AREA -------------- */
span.image_title {display:block; font-size:11px; margin-top:5px; margin-bottom:15px;}

input.order_text {width:3em; margin-bottom:5px; color:#77452D; border:1px solid #666;}

fieldset {border:none;}
fieldset.f_bottom {border-bottom:1px solid #333; padding-bottom:10px;}

fieldset input.text {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#dddddd; margin-bottom:5px;}

span.green {color:#009900;}
span.red {color:#CC0000;}
input.edit {width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#dddddd; margin-bottom:5px;}
input.edit_top {width:350px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#dddddd; margin-bottom:5px;}
input.edit_image {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#dddddd; margin-bottom:5px;}
textarea.edit {width:500px; height:800px; border:1px solid #666; padding:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; background-color:#dddddd;}
textarea.intro {width:500px; height:60px; border:1px solid #666; padding:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; background-color:#dddddd;}
ul li {list-style:none;}

#keyword_list {margin-top:10px;}
#keyword_list li {padding:2px;}
#keyword_list span.right {margin-left:10px;}

input.day {width:2em; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#fff; margin-bottom:5px;}
input.month {width:2em; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#fff; margin-bottom:5px;}
input.year {width:4em; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#fff; margin-bottom:5px;}

input.cost {width:6em; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#77452D; border:1px solid #666; padding:2px; background-color:#fff; margin-bottom:5px;}

table.acc_table th {background-color:#996633; border:1px solid #77452D; color:#FFF; margin:0px; padding:2px;}
table.acc_table td {background-color:#FFFFFF; border:1px solid #77452D; color:#77452D; margin:0px; padding:2px;}
table.acc_table td.alt {background-color:#FFFFCC;}

.col_flash {text-align:center; margin:0 auto; /*margin:0 50px 20px 50px; float:right; */ display:block;}
/* forms */

div.acc_home {text-align:center;}
/* div.acc_home ul#acc_menu { text-align:center; margin-bottom:20px; }
div.acc_home ul#acc_menu li {display:inline;}
div.acc_home ul#acc_menu li { height:70px; line-height:70px; white-space: nowrap; }
div.acc_home ul#acc_menu li a span { line-height:70px; height:70px; }*/

fieldset.form {background:#EFEAE1; border:1px solid #333; margin:10px 40px; padding:10px; color:#77452D;}
fieldset.form legend { font-weight:bold;  position:relative; }
fieldset.form form {padding:0 20px;}
fieldset.form input, fieldset.form textarea {border:none; border:1px solid #333; margin:0px;}

fieldset.form div.form_content {border-top:1px solid #333; border-bottom:1px solid #333; padding:10px 0;}

fieldset.form label {width:110px; text-align:right; margin:0px; margin-right:10px; float:left;}
fieldset.form div.form_content input, fieldset.form div.form_content textarea {  }

fieldset.form div.form_submit {padding:10px 0 0 0; }

.error {background-color:#FFCC66;}
input.error {background-color:#FFCC66;}

.statcounter {display:none; visibility:hidden;}