body {
 font: 12px/1.2 Arial, Helvetica, sans-serif;
 color: #07394E;
 background-color: #ffffff;
 padding: 0px;
 margin: 0px;
 height: 100%;
 background-image:url('images/main_grad_bg.jpg');
 background-repeat:repeat-x;
}

/* Divs */

/* Structural IDs */

#frame {
 /* background-color: #00121E; */
 background-color: #ffffff;
 width: 1000px;
 padding-top: 20px;
 padding-bottom: 26px;
 padding-left: 0px;
 padding-right: 0px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: left;
 height: 100%;
 border: 0px solid;
}

#contentheader {
 background-color: #ffffff;
 width: 950px;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 10px;
 padding-bottom: 0px;
}

#twitface {
 float: right;
 text-align: right;
 width: 140px;
 font-size: 14px;
 font-weight: bold;
 color: #0099cb;
}

#horiznav {
 text-align: right;
 background: url(images/navbarbg.jpg) no-repeat;
 background-position: left top;
 background-color:#ffffff;
 width: 950px;
 margin-right: auto;
 margin-left: auto;
 height:46px;
 border: 0px solid;
}

#content{
 width: 950px;
 background: #ffffff;
 margin-right: auto;
 margin-left: auto;
 border: 0px dotted #ffffff;
}

#contentleft {
 margin-left: 0px;
 background: #00121E;
 text-align: left;
 width: 222px;
 float: left;
 padding-left: 0px;
 padding-right: 0px;
 color: #4D5E65;
}


/* Search and Browse area */

#searchbox {
 background: url(images/searchbg.jpg) no-repeat;
 height: 222px;
 padding: 44px 6px 8px 6px;
 border: 0px dotted #88AA4B;
}

#browsebox {
 background: url(images/browsebg.jpg) no-repeat;
 height: 222px;
 padding: 89px 6px 8px 6px;
 border: 0px dotted #88AA4B;
}

div.searchFormLabel {
 font: bold 13px/16px "arial","helvetica",sans-serif;
 color: #405D65;
 margin: 0;
 padding: 3px 7px 2px 7px;
 border-top: 1px solid #405D65;
}

div.searchFormEndLabel {
 margin: 0;
 height: 25px;
 padding: 1px 7px 2px 7px;
 border-bottom: 1px solid #405D65;
}

div.browseFormLabel {
 font: bold 13px/18px "arial","helvetica",sans-serif;
 color: #405D65;
 margin: 0;
 padding: 4px 7px 9px 7px;
 border-top: 1px solid #405D65;
}

div.browseFormEndLabel {
 font: bold 13px/18px "arial","helvetica",sans-serif;
 color: #405D65;
 margin: 0;
 padding: 4px 7px 9px 7px;
 border-top: 1px solid #405D65;
 border-bottom: 1px solid #405D65;
}

input.searchInput {
 font-size: 10px;
 width: 100px;
 border: 2px solid #999594;
}

select.searchSelect {
 font-size: 10px;
 border: 2px solid #999594;
}

/* Main Content area */
#contentmain {
 clear: right;
 width: 950px;
 float: left;
 background-color: #ffffff;
 text-align: left;
 min-height: 480px;
}
/* if you remove this then the container disappears in IE */
* #contentmain {
 height: 100%;
}

#headingmain {
 background: url(images/availablebg.jpg) no-repeat;
 background-color: #88aa4b;
 margin-bottom: 10px;
 width: 950px;
 font: bold 19px/35px "arial","helvetica",sans-serif;
 color: #ffffff;
 text-align: center;
}

#datesticker {
 background: url(images/datesbg.jpg) repeat;
 background-color: #ffffff;
 margin-left: 7px;
 margin-right: 6px;
 margin-top: 0px;
 margin-bottom: 0px;
 font: bold 13px/38px "arial","helvetica",sans-serif;
 color: #6D8730;
 text-align: center;
 border: 0px dotted #000000;
}

div.tabs {
 background-color: #ffffff;
 height: 28px;
 margin-left: 7px;
 margin-right: 6px;
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: left;
 vertical-align: middle;
 font: bold 18px/28px "arial","helvetica",sans-serif;
 color: #AC221C;
 clear: left;
 border: 0px dotted #000000;
}

div.tabsprice {
 float:left;
 clear: both;
}

div.tabsright {
 float: right;
 border: 0px dotted #000000;
}

#tabsright p{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;	
}

div.listBoxHeading{
 background: url(images/listboxheadingbg.png) repeat-y;
 background-color: #00314A;   
 padding-left: 14px;
 font: bold 16px/22px "arial","helvetica",sans-serif;
 color: #ffffff;
 border: 0px dotted #ffffff;
}

div.listBoxRooms {
 background-color: #00314A;
 float: right;
 padding-right: 8px;
 font: bold 14px/22px "arial","helvetica",sans-serif;
 color: #ffffff;
}

div.listBox {
 background: url(images/listBoxBackground.jpg) repeat-x;
 overflow: hidden;
 border-left: 1px solid #bad7dd;
 border-right: 1px solid #bad7dd;
 background-color: #ffffff;
 height: 341px;
 width: 948px;
}

div.listBoxDetails {
 background-clip: padding-box;
 min-height:123px;
 float: left;
 width: 323px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0;
 padding: 4px 10px 10px;
 font: bold 13px/20px "arial","helvetica",sans-serif;
 color: #07394E;
}

div.listBoxCalendar{
	float: left;
	width: 357px;
	height: 235px;
	margin-left: 1px;
	margin-right: 10px;
	background-color: #D6E7EF;
}

div.moreNav{
background-color: #ffffff;
width: 948px;
height: 22px;
border-left: 1px solid #bad7dd;
border-right: 1px solid #bad7dd;
text-indent: 10px;
padding-top: 4px;
}

div.listBoxIcons{
	width: 950px;
	background-color: #fffc0ff;
	height: 20px;
}

/* This bit for IE */
div.listBoxDetails p {
 margin: 0 0 10px 0;
 padding: 0;
}

div.fullWidthBoxDetails {
 background-clip: padding-box;
 min-height:123px;
 width: 741px;
 margin: 0px auto;
 padding: 4px 10px 10px;
 font: bold 13px/20px "arial","helvetica",sans-serif;
 color: #07394E;
}


div.listBoxLayout {
 float: left;
 margin-bottom: 30px;
 width: 173px;
 font: bold 11px/18px "arial","helvetica",sans-serif;
 text-align: center;
 color: #732D2B;
 background-color: #ffffff;
 border: solid #2F414C;
 border-width: 0px 0px 1px 1px;
}

img.room {
 margin: 1px 0px 0px 0px;
 border: solid #8FBFC9;
 border-width: 9px 14px 9px 14px;
}

div.facilitiesBox{
	background-color: #BBD7DD;
	height: 46px;
	padding-left:
	10px;
}

div.listBoxFacilities {
 background-color: #ffffff;
 float: left;
 width: 774px;
 font: bold 11px/18px "arial","helvetica",sans-serif;
 text-align: left;
 padding: 0 0 0 0px;
 color: #732D2B;
 border: solid #2F414C;
 border-width: 0px 1px 1px 1px;
}

div.listBoxPriceCalc{
background-color: #D6E7EF;
width: 236px;
float: left;
height: 235px;
margin-left: 1px;
}

div.roomLayout{
	width: 329px;
	text-align: center;
	margin-left: 612px;
}

table.roomLayout{
	border-collapse:collapse;
	border:1px solid black;
}

table.roomLayout th{
	padding: 0;
	width: 100%;
}

table.roomLayout td{
	border:1px solid black;
	width: 52px;
	height:41px;
	align: center;
	background-color: #D6E7EF;
	text-align: center;
	padding: 0;
}

table.priceTable{
background-color: #ffffff;
width: 226px;
height: 162px;
}

.priceTable td{
white-space: nowrap;
font-size: 12px;
color: #1D6A86;
}

.availHeader{
font-size: 16px;
text-align: center;
color: #1D6A86;
}

.nightSelector{
	width: 114px;
}

img.facility {
float: left;
 margin: 9px 6px 9px 0px;
}

#footer {
 background-color: #ffffff;
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 40px;
 text-align: center;
 border: 0px dotted #88aa4b;
}

div.listBoxSubhead {
 color: #496374;
 font-size: 11px;
 font-weight: bold;
 margin-top: 4px;
 margin-left: 10px;
 width: 690px;
}

div.listBoxIntro{
 color: #496374;
 font-size: 10px;
 margin-top: 3px;
}

p.centerline {
 color: #07394e;
 font-size:14px;
 text-align: center;
 line-height: 20px;
 margin-top: 0px;
}

a.directory:link {
 color: #07394e;
 font-size: 10px;
 text-decoration: underline;
 text-align: center;
}

a.directory:visited {
 color: #07394e;
 font-size: 10px;
}

a.directory:active {
 color: #07394e;
 font-size: 10px;
}

a.directory:hover {
 color: #07394e;
 font-size: 10px;
 text-decoration: underline;
}

/* Horizontal search bar */
#horizontal_searchbox{
    background: url(images/cloud_bg.jpg) no-repeat;
    width: 938px;
    height: 50px;
    margin-left: 6px;
    margin-bottom: 29px;
}
#horizontal_searchbox label{
    color: #3e4a4f;
    font-weight: bold;
    font-size: 14px;
    margin-left: 4px;
}

#horizontal_form{
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 3px;
}

/* System messages */
p.message{
	color: #ff0000;
}

/* Error messages */
#error_message{
	text-align: center;
	font: bold 13px/20px "arial","helvetica",sans-serif;
	color: #07394E;
}	

.moreInfoBox{
	display: none;
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #bad7dd;
	border-right: 1px solid #bad7dd;
	width: 908px;
	margin-top: -12px;
	margin-bottom: -12px;
}

.infoHeading{
	display: none;
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #bad7dd;
	border-right: 1px solid #bad7dd;
	border-top: 1px solid #bad7dd;
	width: 908px;
	height: 40px;	
}

.appear{
	display: inline-block;
}

.vanish{
	display: none;
}
/* General page stuff */

#contentText{
 background: url(images/contentbg.jpg) repeat-y;
 width: 870px;
 margin: 0px auto;
 margin-top: 20px;
 padding-left: 20px;
 padding-right: 20px;
 border: 1px solid #c0c0c0;
 }
 
 #contentForm{
 background: url(images/contentbg.jpg) repeat-y;
 width: 625px;
 margin: 0px auto;
 margin-top: 20px;
 margin-bottom: 20px;
 padding-top: 20px;
 padding-left: 20px;
 padding-right: 20px;
 border: 1px solid #c0c0c0;
 }

.calendar_wrapper{
background-color: #d6e7ef;
font-size: 16px;
font-weight: bold;
text-align: center;
width: 350px;
padding: 4px;
}

.wrapper_header{
color: #1d6a86;
}

table.booking_calendar{

font-family: Arial, Verdana, Sans-serif;
font-size: xx-small;
}

.booking_calendar th{
font-weight: bold;
}

.booking_calendar td{
font-size: 12px;
background-color: #ffffff;
vertical-align: top;
}

.booking_calendar th{
width:  30px;
font-size: 14px;
font-weight: bold;
color: #1a6a85;
}

.booking_calendar a{
display: block;
width: 30px;
height: 20px;
font-size: 12px;
background-color: #00c000;
}

td.left{
width: 103px;
}

td.right{
width: 103px;
}

td.left a{
color: #d28f3e;
font-weight: bold;
text-align: left;
font-size: 11px;
}

td.right a{
color: #d28f3e;
font-weight: bold;
text-align: right;
font-size: 11px;
}

.blank{
background-color: #c0c0c0;
width: 19px;
height: 15px;
}

.booked{
color: #ffffff;
background-color: #e02d6e;
width: 19px;
height: 15px;
}

.unbooked{
color: #000000;
background-color: #88bd3b;
width: 19px;
height: 15px;
}

// Price table
table.price_wrapper{
background-color: #ff0000;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 4px;
}

.price_wrapper td{
color: #1a6a85;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 4px;
white-space: nowrap;
}

.price_wrapper th{
color: #1a6a85;
background-color: #d6e7ef;
font-size: 16px;
font-weight: bold;
text-align: center;
width: 350px;
padding: 4px;	
}

/* Rates table */

    #ratestable {
     background-color: #ffffff;
     margin-top: 0px;
     padding-bottom: 15px;
     text-align: center;

    }

    #termstable {
     float: left;
     background-color: #ECF5DA;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     border: 2px solid #A1B76C;
     border-collapse: collapse;
    }

    #ratestable td {
     background: url(images/ratesbg.jpg) repeat-x;
     text-align: right;
     padding: 4px 6px 0px 8px;
     font: bold 12px "arial","helvetica",sans-serif;
     color: #104C66;
     border: solid #A1B76C;
     border-width: 1px 1px 1px 1px;
    }
    
    td.rates{
    	text-align: left;
    }

    #ratestable th {
     background-color: #ffffff;
     text-align: left;
     padding: 3px 6px 2px 8px;
     font: bold 13px "arial","helvetica",sans-serif;
     color: #104C66;
     border: solid #A1B76C;
     border-width: 2px 1px 2px 1px;
    }

    #ratestable caption {
     background-color: #ECF5DA;
     text-align: center;
     padding: 6px 0px 5px 0px;
     font: normal 18px/18px "arial","helvetica",sans-serif;
    }

/* New divs for "Where do you want to go design" */

/* For clearing columns */
div.cleardiv {
   clear: both; 
   font-size: 1px; /* In case IE decides to fill it with an nbsp */
   height: 0px; 
   display: block;
}