/* BODY AND GENERAL CONTENT*/

body {
  background: url(images/bg_body.jpg) repeat-y;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 62.5%; /* makes default 16px fonts od most browsers 10px then work in ems */
  }

p {font-size: 1.1em;}

h1 {font-size: 1.5em; color: #666;}

h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em; color: #A4887C;}

ul {font-size: 1.1em}

input, select, th, td { font-size: 1.1em; }



/* CONTAINER */

#container {
  background: url(images/bg_container.jpg) repeat-y;
  height: 100%;
  width: 100%
  }



/* MENU */

#menu {
  float: left;
  width: 160px;
  }

.menu_header {
  margin: 0;
  padding: 0;
  }

#menu_content {
  padding: 0 2px 0 8px; /* 8px lines up left hand side with Comfort logo */
  }

.ul_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

.li_menu {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  }

.li_menu_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  }

.li_menu_last_item {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  }

.li_menu_last_item_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  }

.menu_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #663300;
  }

.li_menu a:link, .li_menu a:visited, .li_menu a:hover, .li_menu a:active {
  text-decoration: none;
  color: #000000;
  }

.li_menu_active a:link, .li_menu_active a:visited, .li_menu_active a:hover, .li_menu_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_menu_last_item a:link, .li_menu_last_item a:visited, .li_menu_last_item a:hover, .li_menu_last_item a:active {
  text-decoration: none;
  color: #000000;
  }

.li_menu_last_item_active a:link, .li_menu_last_item_active a:visited, .li_menu_last_item_active a:hover, .li_menu_last_item_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_menu a:hover {
  color: #F00;
  }

.li_menu_active a:hover {
  color: #F00;
  }

.li_menu_last_item a:hover {
  color: #F00;
  }



/* SUB MENU */

#sub_menu {
  float: left;
  width: 150px;
  }

.sub_menu_header {
  margin: 0;
  padding: 0;
  }

#sub_menu_content {
  padding: 0 2px 0 9px;
  }

.ul_sub_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

.li_sub_menu {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  color: #F00;
  }

.li_sub_menu_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  color: #F00;
  }

.li_sub_menu_last_item {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #F00;
  }

.li_sub_menu_last_item_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #F00;
  }

.sub_menu_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #663300;
  }

.li_sub_menu a:link, .li_sub_menu a:visited, .li_sub_menu a:hover, .li_sub_menu a:active {
  text-decoration: none;
  color: #000000;
  }

.li_sub_menu_active a:link, .li_sub_menu_active a:visited, .li_sub_menu_active a:hover, .li_sub_menu_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_sub_menu_last_item a:link, .li_sub_menu_last_item a:visited, .li_sub_menu_last_item a:hover, .li_sub_menu_last_item a:active {
  text-decoration: none;
  color: #000000;
  }

.li_sub_menu_last_item_active a:link, .li_sub_menu_last_item_active a:visited, .li_sub_menu_last_item_active a:hover, .li_sub_menu_last_item_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_sub_menu a:hover, .li_sub_menu_last_item a:hover {
  color: #F00;
  }

.li_sub_menu_heading {
  text-decoration: none;
  font-weight: bold;
  }


/* CONTENT */

#content {
  float: left;
  width: 450px;
  }

.content_header {
  height: 300px;
  margin: 0;
  padding: 0;
  }

#content_content {
  margin: 0;
  padding: 0 2px 0 2px; /*this needs to be altered for Firefox, Opera IE incompatibilities - content heading and sidebar heading do not align */
  }

.content_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #663300;
  }

.content_sub_heading {
  padding: 0;
  font-weight: normal;
  font-size: 1.1em;
  color: #663300;
  }

.item_200x150 {
  float:right;
  margin: 0 2px 2px 2px;
  border: 1px solid #ccc;
}

.chesterfield_suite_150x200 {
  float:right;
  margin: 0 2px 2px 2px;
  border: 1px solid #ccc;
}

.item_display {
  border-bottom: 1px solid #ccc;
  width: 100%;
  }

.item_sub_heading {
  clear: right;
  }

.content_divider {
  border-bottom: 1px solid #ccc;
  }

/* SIDEBAR */

#sidebar {
  float: left;
  width: 150px;
  }

.sidebar_header {
  height: 300px;
  margin: 0;  
  background: url(images/index/sidebar_header_bg.jpg) no-repeat;
  }

.sidebar_counter {
  margin: 0;
  padding: 283px 0 0 87px;
  }

#sidebar_content {
  margin: 0;
  padding: 0 2px 0 2px;
  }

.sidebar_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #663300;
  }

.sidebar_fact {
  color: #3A6055;
  background-color: #DFDFDF;
  }



/* SPACER */

#spacer {
  clear: left;
  }



/* FOOTER */

#footer {
  background: url(images/bg_footer.jpg) repeat-y;
  width: 910px;
  margin: 0;
  padding: 0 0 0 164px;
  }



#css_valid {
  padding: 0 0 0 760px;
  }



/* GENERAL LINKS */

.general_link a:link, .general_link a:visited, .general_link a:hover, .general_link a:active {
  text-decoration: none;
  color: #000099;
  }

.general_link a:hover {
  color: #F00;
  }



/* MISCELLANEOUS */

.bold {
  font-weight: bold;
  }

.boldred {
  font-weight: bold;
  color: #f00;
  }

.signature {
  font-family: "monotype corsiva";
  font-size: 200%;
  }


th.opening_hours_col1 {
  width: 40px;
  color: #444;
  font-weight: bold;
  text-align: left;
  }

img {
  border-style: none;
  }