body{
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 0.75em;
height: 100%;  
}

a.thumb img{
border: 2px solid #000;
padding:2px;
margin: 2px 0 0 5px;        
}

a.thumb img:hover{
border:2px solid #0E68BD;
}

table {
border: 0;
}
div.all_1{
text-align: center;
background-image: url(../imgs/top_gradient.jpg);
background-repeat: repeat-x;
background-color: #702A13;
}
div.all_2{
margin: 0 auto;
width: 780px;
text-align: left;
height: 100%;
padding: 0px 0px 0px 0px;
}
div.top{
padding: 0 0 0 260px;
height: 59px;
background: url(../imgs/top_left.jpg) 0 0 no-repeat;
}
div.top a{
padding: 17px 0 0 0;
width: 110px;
text-align: center;
height: 40px;
font-family: times new roman, arial, sans-serif;
text-decoration: none;
font-size: 1.6em;
color: #e7e7e7;
background: url(../imgs/top_arrow.gif) 49% 100% no-repeat;
display: block;
float: left;
}
div.top a:hover{
background: url(../imgs/top_arrow_hover.gif) 49% 100% no-repeat;
}
div.main_logo{
background-image: url(../imgs/main_logo.jpg);
height: 186px;
}
div.main{
background-image: url(../imgs/main_logo_bottom.jpg);
background-repeat: no-repeat;
background-color: white;
background-position: 100% 0%;
padding: 4px 10px 0 11px;
border-left: 20px #531F0E solid;
}
div.lhs{
width: 161px;
}
div.sub_menu_block{
padding: 12px 0 0 0;
width: 161px;
height: 32px;
background-color: #702A13;    
font-family: times new roman, arial, sans-serif;
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
color: #e7e7e7;
text-align: center;
}
div.lhs_bottom{
background-image: url(../imgs/side_bar.jpg);
background-repeat: repeat-x;
width: 161px;
height: 600px;
padding: 15px 0px 0 0;
}
div.lhs_bottom ul{
margin: 0;
padding: 0;
list-style-type: none;
}
div.lhs_bottom li{
margin: 0;
padding: 0;
}
a.nav,
a.nav_active{
color: black;
text-decoration: none;
padding: 4px 0 4px 10px;
width: 151px;
display: block;
}      
a.nav:hover,
a.nav_active:hover{
color: #702A13;
}
a.sub_nav{
color: black;
text-decoration: none;
padding: 4px 0 4px 23px;
width: 141px;
display: block;
background: url(../imgs/lhs_bullet.gif) 11px 7px no-repeat;
}
a.sub_nav:hover,
a.sub_nav_active:hover{
color: #702A13;
background: url(../imgs/lhs_bullet_active.gif) 11px 7px no-repeat;
}
a.sub_sub_nav{
color: black;
text-decoration: none;
padding: 4px 0 4px 20px;
width: 141px;
display: block;
background: url(../imgs/hyphen.gif) 12px 10px no-repeat;
font-style: italic;
}
a.sub_sub_nav:hover,
a.sub_sub_nav_active:hover{
color: #702A13;
background: url(../imgs/hyphen_hover.gif) 12px 10px no-repeat;
}
div.rhs{
padding: 8px 0 0 0;
margin: 24px 0 0 0;
width: 565px;
float: right;
background-color: white;
}
div.rhs_nav_top{
background-image: url(../imgs/rhs_grad.jpg);
background-position: right;
background-repeat: repeat-y;
height: 32px;
padding: 12px 30px 0 0;
font-family: times new roman, arial, sans-serif;
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
color: #e7e7e7;
text-align: right;        
}
div.rhs_nav_bot{
height: 28px;
width: 520px;
}
div.rhs_nav_bot_l{
background-image: url(../imgs/rhs_curve_grad.jpg);
background-position: right;
background-repeat: repeat-y;
width: 479px;
height: 28px;
float: left;
background-color: white;
}      
div.rhs_nav_bot_l ul{
margin: 0;
padding: 7px 0 0 134px;
}
div.rhs_nav_bot_l li{
display: inline;
}
div.rhs_nav_bot_l a{
text-size: 1em;
padding: 0 15px 0 10px;
background: url(../imgs/bullet.gif) 1px 6px no-repeat;
color: black;
}
div.rhs_nav_bot_r{
float: right;
width: 41px;
}
div.content{
padding: 20px 0 0 0;
background-color: white;
}
div.property_col_1{
padding: 20px 0 60px 0px;
width: 333px;
background-color: white;
float: left;      
}
div.property_col_2{
padding: 20px 0 0 0;
float: right;
background-color: white;
}
div.property_col_2 a{
text-decoration: none;
display: block;
text-align: center;
padding: 0 0 34px 0;
}
div.caption{
background-color: #702A13;
height: 18px;
width: 227px;
font-size: 1em;
text-align: right;
color: white;
font-family: verdana, arial, sans-serif;
font-style: italic;
padding: 3px 0 0 0;
}
div.clear{
font-size: 1px;
height: 1px;
clear: both;
}
div.min_height{
width: 1px;
height: 600px;
float: right;
}
p{
font-family: verdana, arial, sans-serif;
font-size: 1em;
}
h1{
font-size: 1.9em;
font-family: verdana, arial, sans-serif;
font-weight: bold;
}
h2{
font-size: 1.6em;
font-family: verdana, arial, sans-serif;
font-weight: bold;
}
h3{
font-size: 1.2em;
font-family: verdana, arial, sans-serif;
}
div.properties{
background-color: white;
margin: 80px 0 0 0;
}
div.properties_sub_menu_block{
padding: 12px 0 0 0;
margin: 80px 0 0 0;
width: 161px;
height: 32px;
background-color: #702A13;    
font-family: times new roman, arial, sans-serif;
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
color: #e7e7e7;
text-align: center;
}
div.properties_lhs_bottom{
background-image: url(../imgs/side_bar.jpg);
background-repeat: repeat-x;
width: 161px;
height: 320px;
padding: 15px 0px 0 0;
}
div.properties p{
padding: 12px 0 0 0;
width: 161px;
height: 32px;
background-color: #702A13;    
font-family: times new roman, arial, sans-serif;
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
color: #e7e7e7;
text-align: center;
}
div.properties a{
padding: 4px 0 4px 10px;
display: block;
font-weight: bold;
font-size: 1.1em;
color: black;
text-decoration: none;
}
/*contact form*/
div.contact_form{
float:right;
}
div.contact_info{
float:left;
}
table.contact{
width: 280px;
}
table.contact td.a{
padding: 6px 10px;
width: 80px;
font-size: 0.8em;
font-weight: bold;
color: #444;
vertical-align: top;
}
table.contact td.b{
padding: 2px;
vertical-align: middle;
}
table.contact input{
width: 180px;
font-size: 1.2em;
}
table.contact td.b p{
margin: 0;
font-weight: bold;
}
table.contact textarea{
width: 180px;
height: 110px;
font-family: arial, verdana, sans-serif;
font-size: 1.1em;
}
div.contact_button{
margin: 10px 0 0 0;
width: 280px;
text-align: center;
}
div.rhs_form{
margin: 0 0 10px 10px;
padding: 5px;
width: 280px;
float: right;
border: #01874a 2px solid;
}
span.required{
font-family: courier new, arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #c00;
}
div.errors{
margin: 8px 0;
width: 260px;
padding: 4px;
border: #f00 1px solid;
background-color: #fcc;
}
div.errors p{
margin: 2px 0 2px 15px;
font-size: 1em;
font-weight: bold;
color: #000;
}
div.errors ul{
margin: 6px 0 6px 30px;
}
div.errors li{
margin: 2px 0;
font-size: 1em;
color: #000;
}
p.contact{
margin: 2px 0 0 2px;
}
div.contact_content{
font-family: verdana;
font-size: 0.9em;
}
div.rhs_form{
margin: 0;
padding: 0px;
width: 280px;
float: right;
border: #DACCE5 2px solid;
}
hr {
border: 0;
width: 50%;
color: #f00;
background-color: #702A13;
height: 1px;
}

# New rules for availability

div.area{
	margin: 0 0 20px 0;
	width: 521px;
}
table.avail{
	font-size: 1em;
	width: 100%;
}
table.avail td{
	padding: 6px 2px;
	text-align: center;
	vertical-align: middle;
}
table.avail td.price{
	padding: 6px 2px;
	text-align: left;
	vertical-align: middle;
}
table.avail td.t{
	padding: 4px 2px;
	font-weight: bold;
	color: #fff;
	background-color: #702a13;
	border-right: #fff 1px solid;
}
table.avail tr.a td{
	background-color: #fff;
	border-bottom: #702a13 1px solid;
}
table.avail tr.b td{
	background-color: #eee;
	border-bottom: #702a13 1px solid;
}
table.avail td.booked{
	color: #f33;
}
table.avail td.available{
	color: #0c0;
	font-weight: bold;
}
table.avail input{
	vertical-align: middle;
	margin-right: 2px;
	width: 18px;
	float: left;
}
table.avail label{
	padding: 1px 2px;
	background-color: #fff;
	border: #ddd 1px solid;
	float: left;
	display: block;
}
div.buttons{
	margin: 10px 0;
	text-align: center;
}
div.buttons input{
	width: 180px;
}
table.details{
	font-size: 1em;
}
table.details td.l{
	padding: 4px 4px 4px 100px;
	width: 100px;
	font-weight: bold;
}
table.details td.r{
	padding: 4px 4px 4px 0;
}
table.details td.detail{
	width: 180px;
}
h1{
	font-size: 1.6em;
	font-weight: normal;
	margin: 10px 0;
}
div.errors{
	margin: 10px 0;
	border: #f00 2px solid;
	background-color: #fcc;
}
table.summary{
	font-size: 1em;
	width: 100%;
}
table.summary td.ls{
	padding: 4px 10px;
	width: 80px;
	font-weight: bold;
}
table.summary td.rs{
	padding: 4px 10px;
	width: 165px;
}
div.booking{
	margin: 30px 0 0 0;
}
table.booking{
	font-size: 1em;
	width: 100%;
	border-top: #ddd 1px solid;
}
table.booking td.l{
	padding: 10px;
	width: 200px;
	vertical-align: top;
	font-weight: bold;
	border-bottom: #ddd 1px solid;
}
table.booking td.r{
	width: 293px;
	padding: 6px 4px;
	border-bottom: #ddd 1px solid;
}
table.booking td.b{
	padding: 6px 10px;
	border-bottom: #ddd 1px solid;
}
table.booking td.r input.large{
	width: 250px;
}
table.booking td.r input.small{
	width: 40px;
	vertical-align: middle;
}
table.booking td.r select.small{
	width: 40px;
	vertical-align: middle;
}
table.booking td.r textarea{
	width: 250px;
	height: 40px;
	font-family: arial, verdana, sans-serif;
}
span.required{
	font-family: courier, arial, sans-serif;
	font-weight: bold;
	color: #f00;
}
div.highlight{
	margin: 10px 0;
	font-size: 1.1em;
	text-align: center;
	border: #caa980 2px solid;
	background-color: #f6ecd1;
}
div.highlight p{
	margin: 10px;
}
div.checkout_button{
	margin: 20px;
	text-align: center;
}