html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
	font: 12px georgia, times;
	color: #333333;
}

.top_right {
position: absolute;
top:70px;
right:20px;
width:200px;
background-color:#ccccff;
padding:5px;
border: 1px solid #cccccc;
text-align:center;
font-size:85%;
}

.back {background-color:#006699;text-align:center;padding:0.5em;font-size:1.2em;color:white;text-transform:uppercase;}

a {text-decoration:none;}

hr {
  border: 0;
  width: 100%;
  background-color: #006699;
height: 1px;
text-align:right
}


.pricing {
	font: 12px georgia, times;
	color: #333333;
	font-size: 14px;
	text-align: center;
}

 
#pagewidth{ 
 width:760px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 margin-top:5px;
  border: 1px solid #cccccc;
} 
 
 
#maincol{background-color: #ffffff; 
 float: right; 
 display: inline; 
 position: relative; 
 width:720px; 
 padding:20px;
 padding-top:0px;
border-bottom: 0px solid black;


 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


.monthDisplay{
        padding-top: 17px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	color: #3d9e51; 
	text-transform: uppercase; 
	text-align: center;
       font-size: 14px;
}

.month {
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 0px 10px 10px 10px;
	width:332px;
	height:266px;
	text-align:center;
}

.month th, td, p, small {
	font: 12px georgia, times;
	color: #333333;
	margin:auto;
}
.month table {
	border:1px solid #d5d5d5;
	padding:10px;
		text-align:center;
}

.month td {
	width:40px;
	height:26px;
	text-align:center;
	padding: 0px;
}
.month td{
background-color: #cccccc;
border: 1px solid #cccccc;}

.month td a{
color: #333333;
}

.month td.available {
background-color: #cccccc;
border: 1px solid #cccccc;}
.month td.booked {
background-color: #b84f52;
border: 1px solid #b84f52;}
.month td.empty {
background-color:#686868;
border: 1px solid #686868;}
#pricing {display:block;text-align:center;color:black;width:306px;}
#pricingbooked{width:140px;display:block;float:left;background-color: #b84f52;border:1px solid #b84f52;padding:3px;}
#pricingavailable{width:140px;display:block;float:right;background-color: #cccccc;border:1px solid #cccccc;margin-left:2px;padding:3px;}

.month th {background-color:#FFFFFF; color:black;
font-weight:bold; width:40px; height:26px;
}

.calendar {
display:block;
background-color:white;
float:left;
margin:2px;

}
.calendarwrap {
display:block;
float:left;
	font-size:90%;
	color:black;
	text-align:center;
	margin-top:0px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 340px; /*width of featured content slider*/
height: 303px;

}

.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 340px; /*width of featured content slider*/


}
