/* -------- CSS file for   ----------- */

* {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

img {
border: 0;
}

/* ----------- HTML elements ---------- */

body {
background: #eae6e6;
text-align: center;
}

p {
font: normal 8pt/12pt Verdana, sans-serif;
text-align: left;
}

h1 img {
margin-top: -6px;
float: right;
}

html>body h1 img {
margin-top: -5px;
}

p a {
color: #f8ab11;
}

p a:hover {
color: #6fb98d;
}
/* ------------ Site Structure/Layout --------- */

#wrapper {
margin: -1px auto;
width: 802px;
border: 5px solid #d9d6d6;
border-top: 0;
background: #fff;
}

#topStaticBar {
margin-bottom: 10px;
}

#topStaticBar td img {
display: block;
}

#content {
width: 780px;
background: #fff;
margin: 0 11px;
}

#footer {
width: 780px;
margin: 0 11px;
background: #d9d6d6;
}

#footer p {
font: normal 8pt Verdana, sans-serif;
color: #eee;
text-align: right;
margin-right: 10px;
padding-top: 3px;
}

#footer_hatch {
margin-bottom: -4px;
margin-top: 10px;
}

html>body #footer_hatch {
margin-left: -11px;
margin-bottom: 0;
}

/* home nav button */

#btn_home {
width: 45px;
height: 50px;
background: url(../slices/btn_home.jpg);
}

#btn_home a:hover, #btn_home:hover { /* hack for ie/firefox - repeated for all nav */
width: 45px;
height: 50px;
background: url(../slices/btn_home_hover.jpg);
}

#btn_home_this {
width: 45px;
height: 50px;
background: url(../slices/btn_home_this.jpg);
}

/* browse nav button */

#btn_browse {
width: 110px;
height: 50px;
background: url(../slices/btn_browse.jpg);
}

#btn_browse a:hover, #btn_browse:hover {
width: 110px;
height: 50px;
background: url(../slices/btn_browse_hover.jpg);
}

#btn_browse_this {
width: 110px;
height: 50px;
background: url(../slices/btn_browse_this.jpg);
}

/* map nav button */

#btn_map {
width: 49px;
height: 50px;
background: url(../slices/btn_map.jpg);
}

#btn_map a:hover, #btn_map:hover {
width: 49px;
height: 50px;
background: url(../slices/btn_map_hover.jpg);
}

#btn_map_this {
width: 49px;
height: 50px;
background: url(../slices/btn_map_this.jpg);
}

/* contact nav button */

#btn_contact {
width: 73px;
height: 50px;
background: url(../slices/btn_contact.jpg);
}

#btn_contact a:hover, #btn_contact:hover {
width: 73px;
height: 50px;
background: url(../slices/btn_contact_hover.jpg);
}

#btn_contact_this {
width: 73px;
height: 50px;
background: url(../slices/btn_contact_this.jpg);
}

/* blanckanvas nav button */

#bk_btn {
width: 11px;
height: 150px;
background: url(../slices/bk_btn.jpg);
}

#bk_btn a:hover, #bk_btn:hover {
width: 11px;
height: 150px;
background: url(../slices/bk_btn_hover.jpg);
}

/* ----------- home page ----------- */

#home_box {
float: right;
width: 556px;
}

#home_box h1 {
	text-align: left;
	font: normal 17pt "Times New Roman", Times, serif;
	width: 556px;
	background: url(../img/home_right_grad.jpg) repeat-x;
	color: #fff;
	padding: 5px 10px;
}

html>body #home_box h1 {
width: 536px;
}

#home_box_content {
border: 1px solid #ccc;
border-top: 0;
background: url(../img/home_content_bg.jpg) no-repeat;/*#e9eef2;*/
width: 556px; 
height: 349px; 
text-align: center; 
margin-top: 0;
padding-top: 13px;
}

html>body #home_box_content {
width: 554px;
height: 336px;
}

#home_box_content h2 {
text-align: left;
font: normal 15pt "Times New Roman", Times, serif;
margin-bottom: 4px;
}

#home_search_box {
width: 214px;
margin-left: -6px;
}

html>body #home_search_box {
margin: 0;
}

#home_search_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 214px;
background: url(../img/home_left_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #home_search_box h1 {
width: 194px;
}

#home_search_box_content {
width: 214px;
height: 349px;
background: #f2efe9;
border: 1px solid #ccc;
border-top: 0;
}

html>body #home_search_box_content {
width: 204px;
height: 341px;
}

#info_pack_box {
background: url(../img/home_infopack_bg.jpg) repeat-x; 
}

html>body #info_pack_submit {
width: 210px;
}

html>body #availability_submit {
width: 190px;
}

/* ----------- search page ------------ */

#home_box_content_search {
border: 1px solid #ccc;
border-top: 0;
background: #e9eef2;
width: 556px; 
text-align: center; 
margin-top: 0;
padding-top: 13px;
}

html>body #home_box_content_search {
width: 554px;
}

.available_option {
width: 510px;
margin: 20px 0 10px 20px;
}

.available_option h2 {
text-align: left;
font: normal 13pt Verdana, sans-serif;
width: 510px;
background: url(../img/home_right_grad.jpg) repeat-x;
color: #fff;
padding: 1px 10px 2px 10px;
}

html>body .available_option h2 {
width: 490px;
}

.available_option_content {
width: 478px;
border: 1px solid #999;
border-style: outset;
border-top: 0;
padding: 5px 0px 10px 20px;
}

html>body .available_option_content {
padding: 5px 10px 10px 20px;
}

.available_option_content table.cottage_table p {
text-align: center;
}

/* ---------- browse + cottages page ---------- */

#browse_box {
float: right;
width: 556px;
}

#browse_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 558px;
background: url(../img/home_right_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #browse_box h1 {
width: 536px;
}

#browse_box_content {
border: 1px solid #ccc;
border-top: 0;
background: #e9eef2;
width: 556px; 
/*height: 349px; */
text-align: center; 
margin-top: 0;
padding-top: 13px;
}

html>body #browse_box_content {
width: 554px;
/*height: 456px;*/
}

#browse_box_content h2 {
text-align: left;
font: normal 15pt "Times New Roman", Times, serif;
margin-bottom: 4px;
}

#detailsTable {
width: 700px;
border: 1px dashed #0000ff;
}

#editTable {
width: 700px;
border: 1px dashed #ff0000;
}

#addTable {
width: 700px;
border: 1px dashed #00ff00;
}

.verdanaTables {
font-family: Verdana;
}

.verdanaTables table td {
font-family: Verdana;
}

.calendar th, .calendar td {
text-align: center;
height: 10px;
padding: 2px;
font: normal 8px Verdana, Arial, Helvetica, sans-serif;
}

td.available {
background: #cceecc;
color: #003300;
text-decoration: none;
}

td.available a {
color: #001100;
text-decoration: none;
}

td.overlap {
color: #ccffcc;
background: #cceecc;
}

td.firstUnavailableDate {
background: #bb0000;
color: #000;
}

td.firstUnavailableDate a {
background: #bb0000;
color: #000;
text-decoration: none;
}

td.unavailableDate {
background: #ff0000;
color: #000;
}

td.unavailableDate a {
background: #ff0000;
color: #fff;
text-decoration: none;
}

td.selectedDate {
color: #fff;
background: #1e00ff;
}

td.selectedDate a {
color: #fff;
text-decoration: none;
}

td.departureDate {
background: #dd9922;
}

td.departureDate a {
color: #000;
text-decoration: none;
}

#bookingOption {
width: 650px;
margin-left: 25px;
border: 1px solid #99cc99;
}

#bookingOption table td {
text-align: center;
font: normal 11px Verdana, sans-serif;
}

.calendar-month {
font: normal 8pt/12pt Verdana, sans-serif;
}

#cottages_search_box {
width: 214px;
margin-left: -6px;
}

html>body #cottages_search_box {
margin: 0;
}

#cottages_search_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 214px;
background: url(../img/cottages_left_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #cottages_search_box h1 {
width: 194px;
}

#cottages_search_box_content {
width: 214px;
height: 349px;
background: #f0f0f0;
border: 1px solid #ccc;
border-top: 0;
}

html>body #cottages_search_box_content {
width: 204px;
height: 341px;
}

#cottages_box {
float: right;
width: 556px;
}

#cottages_box h1 {
	text-align: left;
	font: normal 17pt "Times New Roman", Times, serif;
	width: 557px;
	background: url(../img/cottages_right_grad.jpg) repeat-x;
	color: #fff;
	padding: 5px 10px;
	text-transform: capitalize;
}

html>body #cottages_box h1 {
width: 536px;
}

#cottages_box_content {
border: 1px solid #ccc;
border-top: 0;
background: #faf9f9;
width: 556px; 
text-align: center; 
margin-top: 0;
padding-top: 6px;
}

html>body #cottages_box_content {
width: 554px;
}

#cottages_box_content h2 {
text-align: left;
font: normal 15pt "Times New Roman", Times, serif;
margin-bottom: 4px;
}

#cottages_btns {
height: 25px;
width: 540px;
background: url(../img/cottages_btns.jpg) no-repeat;
}

#cottages_btns a {
font-weight: bold;
color: #000;
}

#cottages_btns a:hover {
color: #aaa;
}

#new_cottages_btns {
height: 25px;
width: 540px;


}
table #new_cottages_btns p{
text-align:center;
}

#new_cottages_btns a {
font-weight: bold;
color: #666666;
}

#new_cottages_btns a:hover {
	color: #264681;
	text-decoration:underline;
}




table #cottages_key {
width: 540px;
height: 100px;
background: url(../img/cottages_key.jpg) no-repeat;
padding: 20px 0 0 20px;
}

#cottages_key td#cott_keytd {
padding: 20px 0 0 20px;
}

html>body #cottages_key td#cott_keytd {
padding: 0;
}

#cottages_key_bg {
width: 540px;
height: 100px;
background: url(../img/cottages_key.jpg) no-repeat;
}

table #cottages_key_result {
width: 540px;
height: 100px;
padding: 20px 10px 0 20px;
margin: 13px 5px 0 0;
}

html>body table #cottages_key_result {
margin: 0 5px 0 0;
}

#cottages_key_result td#cott_keytd {
padding: 20px 0 0 20px;
}

html>body #cottages_key_result td#cott_keytd {
padding: 0;
}

#cottages_key_result p {
text-align: center;
}
/* ----------- map page ------------ */

#map_box {
float: right;
width: 556px;
}

#map_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 556px;
background: url(../img/home_right_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #map_box h1 {
width: 536px;
}

#map_info_box {
width: 214px;
margin-left: -6px;
}

html>body #map_info_box {
margin: 0;
}

#map_info_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 214px;
background: url(../img/contact_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #map_info_box h1 {
width: 194px;
}

#map_info_box_content {
width: 214px;
height: 349px;
background: url(../img/map_info.gif) no-repeat;
border: 1px solid #ccc;
border-top: 0;
}

html>body #map_info_box_content {
width: 212px;
}

#map_info_box a {
position: relative;
height: 15px;
width: 190px;
top: 327px; 
background: url(../slices/spacer.gif);
}

/* ---------- contact page ----------- */

#contact h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 780px;
background: url(../img/contact_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #contact h1 {
width: 760px;
}

#contact_content {
border: 1px solid #ccc;
border-top: 0;
padding-top: 5px;
background: url(../img/contact_content.jpg) no-repeat;/*#eef2e9;*/
}

#terms_content {
border: 1px solid #ccc;
border-top: 0;
padding: 5px;
}
/* ------------- booking_proc pages ----------- */

#booking h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 780px;
background: url(../img/home_right_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #booking h1 {
width: 760px;
}

#booking_content {
border: 1px solid #ccc;
border-top: 0;
padding-top: 5px;
background: #f0f0f0;
}

/* ----------- bookingdetails page ----------- */

#detailscustomer_box {
float: right;
width: 400px;
}

#detailscustomer_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 400px;
background: url(../img/contact_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #detailscustomer_box h1 {
width: 380px;
}

#detailscustomer_box_content {
border: 1px solid #ccc;
border-top: 0;
background: #f6f2ec;
width: 400px; 
text-align: center; 
margin-top: 0;
padding: 13px 5px;
}

html>body #detailscustomer_box_content {
width: 388px;
}

#detailscustomer_box_content h2 {
text-align: left;
font: normal 15pt "Times New Roman", Times, serif;
margin-bottom: 4px;
}

#detailscottages_box {
width: 370px;
margin-left: -6px;
}

html>body #detailscottages_box {
margin: 0;
}

#detailscottages_box h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 370px;
background: url(../img/home_right_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #detailscottages_box h1 {
width: 350px;
}

#detailscottages_box_content {
width: 370px;
background: #f8f8ff;
border: 1px solid #ccc;
border-top: 0;
padding: 13px 5px;
}

html>body #detailscottages_box_content {
width: 358px;
}

/* -----------  ------------ */

/* ----------- transactionComplete page ----------- */

#transaction_right {
float: right;
width: 456px;
}

#transaction_right h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 456px;
background: url(../img/home_right_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #transaction_right h1 {
width: 436px;
}

#transaction_right_content {
border: 1px solid #ccc;
border-top: 0;
background: #f6f6f9;/*#e9eef2;*/
width: 456px; 
/*height: 349px; */
text-align: center; 
margin-top: 0;
padding-top: 13px;
}

html>body #transaction_right_content {
width: 454px;
/*height: 336px;*/
}

#transaction_right_content h2 {
text-align: left;
font: normal 15pt "Times New Roman", Times, serif;
margin-bottom: 4px;
}

#transaction_left {
width: 314px;
margin-left: -6px;
}

html>body #transaction_left {
margin: 0;
}

#transaction_left h1 {
text-align: left;
font: normal 17pt "Times New Roman", Times, serif;
width: 314px;
background: url(../img/home_left_grad.jpg) repeat-x;
color: #fff;
padding: 5px 10px;
}

html>body #transaction_left h1 {
width: 294px;
}

#transaction_left_content {
width: 314px;
/*height: 349px;*/
background: #f2f2f2;
border: 1px solid #ccc;
border-top: 0;
}

html>body #transaction_left_content {
width: 304px;
/*height: 341px;*/
}