/* cvs id: $Id: style.css,v 1.5 2011/03/04 07:12:05 sean Exp $ */
@import url('stylesheet_reset.css');
@import url('nav.css');

* {
  margin: 0px;
  padding: 0px;
}

body {
	background: #ededed url('images/body_bg.jpg') top left no-repeat;
  margin: 0px;
  padding: 0px;
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px
}


#outer-wrapper {
  width: 100%;
  text-align: center;
}

#wrapper {
  width: 1000px;
  margin: 0px auto;
  text-align: left;
}

#header {
  float: left;
  width: 1000px;
  height: 108px;
  background: url(images/header_bg_b.jpg) top left no-repeat;
  color:#FFFFFF !important;
  font-size:11px;
  z-index:1 !important;
}
.header-logo-link {
  float: left;
  width: 467px;
  height: 108px;
  cursor: pointer;
}
.utility_navigation_header {
  background:url("images/quest_phone_bg.jpg") no-repeat scroll 0 0 transparent;
  float:right;
  height:17px;
  padding-right:6px;
  padding-top:5px;
  width:495px;
  z-index:1 !important;
}
.utility_navigation_header li {
  display: block;
  float: right;
  margin-right: 8px;
  z-index: 1 !important;
}

#content {
  clear:both;
  display:block;
  width:1000px;
  overflow: hidden;
  background: #fff url(images/main-content-bg.png) top right no-repeat;
}

#rhs {width:750px; float:right; display: block; }
.content_rhs {
  width: 710px;
  padding:20px 20px 40px 20px; 
  float:left;  
  background: url(images/content_bg.jpg) 0 0 no-repeat;
}

.content_rhs .left_column {
    border-right: 1px solid #D7D7D7 !important;
    float: left;
    padding: 0 20px 0 0;
    width: 459px;
}

.content_rhs .right_column {
    float: left;
    padding: 0px;
    width: 230px;
    text-align: right;
}

#payment-menu-container {
  background: #004037 url(images/payment-menu-bg.png) top left repeat-x;
  width: 100%;
  height: 35px;
  float: left;
}

#lhs{
  width:250px;
  float:left; 
  margin-bottom: 0px; 
  vertical-align:top;
}

#full-width {
  width: 960px;
  margin: 0px 20px;
  float: left;
  clear: both;
}

/*
#full-width-menu {
  float: left;
  width: 1000px;
  height: 34px;
  background: url(images/menu-bg.png) top left repeat-x;
}*/

.menu {
  height: 34px;
  width: 750px;
  float: left;
  background: url(images/menu-bg.png) top left repeat-x;
}

.left-menu {
/*
  float: left;
  clear: left;
  margin: 5px;
  width: 240px;
  height: 273px;
  background: url(images/left-menu.gif) 0 0 no-repeat;
  */
  display:none;
}

.lhs_content {
 width: 250px;
 margin-top: 308px;
}

.lhs_content_box .property_title {
  font-weight: normal;
  font-size: 1.2em;
  color: #004D43;
  padding-bottom: 2px;
}

.lhs_content_box {
  position: relative;
  width: 220px;
  margin: 5px;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: #eef5f4 url(images/left-menu-content.gif) 0 0 no-repeat;
  line-height: 1.5em;
}

.lhs_content_box .title {
  position: absolute; top: 0px; color: #fff; font-weight: bold;  padding-top: 5px;
}

.lhs_content_box .address {
  font-weight: bold;
  padding: 2px 0 4px 0;
}

.lhs_content_box ul {
  margin-top: 15px;
  margin-left: 15px;
  height: 55px;
  background: url(images/lhs_contacts.gif) top left no-repeat;
  background-position: 0px 4px;
  list-style-type: none;
  overflow: visible;
}

.lhs_content_box li {
  margin-left: 25px;
  line-height: 19px;
}
.lhs_content_box li a {
  text-decoration: none;
}
.lhs_content_box li a:hover {
  text-decoration: underline;
}

.apartment-type {
  width: 100%;
  padding-bottom: 20px;
  overflow: hidden;
}

.apartment-type .room-image {
  margin-right: 20px;
  cursor: pointer;
}
.room-image td img {
  border: 1px solid #CCCCCC;
}


#apartmentHeadingArea {
    background-color: #004D43 !important;
    float: left;
    height: 80px !important;
    width: 100%;
    position: relative;
}
#apartmentHeadingArea h1 {
    margin-top: 22px;
    width: 400px;
}

#enviro {
  background: url(images/enviro.gif) top left no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 44px;
  height: 57px;
}

#starRating {
  position: absolute;
  right: 80px;
  top: 15px;
}

#aaaRated {
  position: absolute;
  right: 70px;
  top: 40px;
  color: #fff;
}

#menu-wrap {
  float: left;
  width: 100%;
  height: 100px;
  background: url(images/page-menu.png) top left no-repeat;
  height: 47px;
  display: none;
}

#main-menu-property {
	list-style: none;
}

#main-menu-property li {
  display: block;
  height: 3em;
  margin: 0 0px 0 3px;
  padding: 7px 7px 7px 7px;
  float: left;
  text-align: center;
  width: 65px;
}

#main-menu-property #main-menu-1, #main-menu-property #main-menu-7 {
  line-height: 2.3em;
}
#main-menu-property #main-menu-2 {
  line-height: 1.2em;
}

#main-menu-property .menu-link {
  color: #000000;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  height: 24px;
  display: block;
}

#main-menu-property .menu-link-active {
  color: #004d43;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  height: 24px;
  display: block;
}

#main-menu-property ul {
  text-align: left;
  position: absolute;
  width: 200px;
}

#main-menu-property ul li {
  text-align: left;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 200px;
}

#main-menu-property .sub-menu {
  margin: 0px;
  margin-left: -10px;
  margin-top: 16px;
  *margin-left: -40px;
  *margin-top: 16px;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  border-top: none;
}

#main-menu-property .sub-menu li {
  height: 28px;
  margin-bottom: 0px;
  line-height: 1.2em;
}

#main-menu-property li:hover li a,
#main-menu-property li.sfHover li a {
  text-decoration: none;
  text-align: left;
	height: 14px;
	margin: 0;
	font-size: 1em;
	padding: 6px 0px 7px 35px;
  display: block;
  color: #000000;
	background: url(images/sub-menu-bg.gif) no-repeat #ffffff;
	border-bottom: 1px solid #e6e6e6;
}

#main-menu-property li:hover li a:hover,
#main-menu-property li.sfHover li a:hover {
	background: url(images/sub-menu-bg.gif) no-repeat 0px -27px #d2dfdd;
  color: #000000;
	border-bottom: 1px solid #9fb9b5;
}

ul#main-menu-property li:hover li ul,
ul#main-menu-property li.sfHover li ul {
	top:			-999em;
}
ul#main-menu-property li li:hover ul,
ul#main-menu-property li li.sfHover ul {
	left:			10em; 
	top:			0;
}
ul#main-menu-property li li:hover li ul,
ul#main-menu-property li li.sfHover li ul {
	top:			-999em;
}
ul#main-menu-property li li li:hover ul,
ul#main-menu-property li li li.sfHover ul {
	left:			10em; 
	top:			0;
}


#flash-images {
  width: 750px;
  height: 270px;
	overflow: hidden;
  display: block;
  margin-top: 34px;
}

#map_canvas {
  width: 475px;
  height: 230px;
  background: #555555;
  overflow: hidden;
}

#information_section_content {
  float: left;
  width: 250px; 
  height: 230px;
  overflow: hidden;
}

#footer {
  background:url("images/footer_bg.jpg") no-repeat scroll center bottom transparent;
  clear:both;
  color:#CCCCCC;
  display:block;
  float:left;
  font-size:12px;
  font-weight:normal;
  height:150px;
  width:1000px;
}

.footer_text {
  float:left;
  font-weight:bold;
  margin-right:30px;
  margin-top:20px;
  margin-left: 15px;
  text-align:left;
  width:840px
}

.footer_contacts {
  float:right;
  margin:20px 15px 0 0;
  text-align:right;
  width:250px; 
}


/* -------- Non Structual CSS --------- */
#booking-search-container {
  background: none;
}

#content h1 {
  background:url("images/content_main_heading.gif") no-repeat scroll 0 0 #004D43;
  padding-left: 20px;
  color:#FFFFFF;
  display:block;
  float:left;
  font-size:24px;
  font-weight:normal;
  height:43px;
  line-height:40px;
  width:730px;
}

#content h2, .head2 {
  color:#004D43;
  font-size: 15px;
  margin-bottom:10px;
  font-weight: bold;
}

#content h3 {
  color:#004D43;
  font-weight: bold;
  font-size: 15px;
}

#content a {
  color: #004D43;
}

.error {
  color: #ce0000;
}

p {
  line-height: 1.5em;
  padding: 0 0 10px;
}

.left-menu-ul {
  margin-top: 35px;
}
.left-menu-ul a {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
.left-menu li:hover {
  background: #d1dfdd url(images/left-menu-li.gif) no-repeat;
  background-position: 0px -30px;
}
.left-menu-ul li {
  line-height: 28px;
  padding-left: 30px;
  height: 30px;
  background: url(images/left-menu-li.gif) no-repeat;
  background-position: 0px 0px;
}

.booking-breadcrumb-active {
  color: #004D43;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.booking-breadcrumb {
  color: #004D43;
  text-decoration: underline;
  font-size: 12px;
}
.booking-breadcrumb-arrow {
  color: #004D43;
  font-size: 12px;
  margin: 0px 5px;
}

#review-booking-options-box {
  padding: 0px;
}
#review-room-options-box, #review-terms-box, #review-payment-box {
  /*border: 1px solid #cccccc;*/
}
#review-bedding-options-box {}

#review-optional-box {
  border: 1px solid #cccccc;
}

#review-optional-box a {
  color: #004D43;
}

#review-extras-h2 {
  font-size: 12px;
  padding: 5px;
  margin-bottom: 0px;
}

.roomTitleRow {
  background: #004d43;
  color: #ffffff;
}

.roomTitle {
  font-size: 1.3em;
  padding: 5px;
}

.element {
  padding: 5px;
}
.elementTitle {
  font-weight: bold;
  padding: 5px;
}

.formBackgroundLight {
  background: #e9f1f0;
  /*border: 1px solid #004d43;*/
}
.formBackgroundDark {
  background: #d3e3e2;
}

.subBox {
  border: none;
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ad1641;
  cursor: pointer;
  color: #ffffff;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.mediaContainer {
  padding-bottom: 20px;
}

.caption {
  font-size: 10px;
 }


.footer_links li {
  display: inline;
  float:left;
  margin:20px 0 0 5px;
}

.footer_links li a {
  background-image:url("images/footer_sep.jpg");
  background-repeat:no-repeat;
  color:#FFFFFF !important;
  padding:0 10px;
  text-decoration: none;
}
.footer_links li a:hover {
  text-decoration: underline;
}

a.start_link {
  background-position:-10px 50%;
}

.footer_info {
  width: 500px;
}

.footer_info li a {
  color: #cccccc;
  font-size: 11px;
}

.footer_nav a {
  color: #ffffff;
}

#footer a {
  color: #cccccc;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}


#print-content {
  display: none;
}