﻿ 
/* ************* */
/* HTML Elements */
/* ************* */

/* default body styles */
body {
	color:                #D2C6B3;
	background:           #303013 url('../images/bg_hotel.gif') top left repeat-x;
}

/* selective overrides for home page */
body#homepage {
  background:           #303013 url('../images/bg_home.gif') top left repeat-x;
}
 
/* selective overrides for landing pages */
body.landing {
  background:           #362615 url('../images/bg_hotel_landing.gif') top left repeat-x;
}

/* selective overrides for detail pages */
body.detail {
  color:                #c7b79f;
  background:           #303013 url('../images/bg_hotel.gif') top left repeat-x;
}

/* selective overrides for find hotel page */
body.find {
  background:           #303013 url('../images/bg_find_hotel.gif') top left repeat-x;
}

body.findFlash {
  background:           #303013 url('../images/bg_find_hotel_flash.gif') top left repeat-x;
}

/*
Background color for lightbox page
- Only seen if the lightbox fails and shows as a separate window.
*/
body#lbPage {
  background:           #303013;
}

body#fullpage {
  background:           #303013 url("../images/bg_progress_hotel.gif") top left repeat-x;
}
 
a {
  color:                #ffffff;
}
a.footer {
  color:                #c7b79f;
}
a.topBanner {
  color:                #ffffff;
}
a.topBanner:active {
  color:                #c7b79f;
}
a.selected { 
  color:                #c7b79f;
}
a.darkLink  {   
  color:                #31261c;
}

/* ************* */
/* Form		 	     */
/* ************* */

input,
select,
textarea {
  background:           #ebe9e7;
  border-top:           1px solid #cbc6b6;
  border-right:         1px solid #ccc6b7;
  border-bottom:        1px solid #d8d5cb;
  border-left:          1px solid #cbc6b7;
}

.formError ,
.formErrorRef {
  color:                #660000;
}


/* ************* */
/* Titles (delete) - repeated in basic.css - 
/* this section should only include colors - */
/* ************* */

.title1 {
  font-size:            18px;
}

.title2 {
  font:                 14px georgia,serif;
  margin:               0px 0px 8px 0px;
}

.title3 {
  font:                 10px verdana,geneva,sans-serif;
}

.title4 {
  color:                #ffffff;
}

/* title4 above renamed for investors section */
.subheadInvestor {
  color:                #ffffff;
}

.title5 {
  font:                 bold 10px verdana,geneva,sans-serif;
  margin:               0px 0px 8px 0px;
}


/* ************* */
/* Top Banner   */
/* ************* */

.pattern {
  background:           url('../images/bg_hotel_pattern.jpg') top left repeat-x;
}

.topBanner {
  color:                #c7b79f;
}

#home, 
#home a {
  color:                #CCC;
}

#lang,
#lang a {
  color:                #c7b79f;
}

/* not used */
a.lang_home {
  color:                #7f6b5c;
}

a.topNavBar {
  color:                #ffffff;
}

a.topNavBarSm:hover {
  background:           url('../images/nav/main_nav_highlight_sm.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarMd:hover {
  background:           url('../images/nav/main_nav_highlight_md.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarLg:hover {
  background:           url('../images/nav/main_nav_highlight_lg.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarSmSelected {
  background:           url('../images/nav/main_nav_highlight_sm.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarMdSelected {
  background:           url('../images/nav/main_nav_highlight_md.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarLgSelected {
  background:           url('../images/nav/main_nav_highlight_lg.jpg') top center no-repeat;
  color:                #c7b79f;
}

/******************/


#address {
  color:                #c7b79f;
}

/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
  color:                #c7b79f;
  background:           #150e08;
}

/* ************* */
/* Main Area     */
/* ************* */

#gallery, .enlargedPhotoLB {
  background:           #655746;
}

/* ************* */
/* Left Nav      */
/* ************* */

td.leftNavContainer {
  background:           #5f513f;
}

a.leftNav:hover,
a.leftNavSelected {
  color:                #c7b79f;
  background:           url("/images/nav/left_nav_highlight.jpg") top left repeat-y;
}

.leftNavHeader  {
  color:                #c7b79f;
}

/* ************* */
/* Middle Area   */
/* ************* */

td.middleAreaContainer {
  background:           #5f513f;
  padding:25px;
  font-size:13px;
}
td.middleAreaContainer p{
	text-align:justify;
	text-justify:inter-ideograph;
}
td.middleAreaContainerData {
  background:           #8f8679;
  color:                #31261c;
}

/* when using as top anchor need to have color specified */
.detailTitle {
  color:                #c7b79f;
}

.rightContentArea .pageTitle,
.rightContentArea .pageTitle a.anchor,
.middleAreaContainer .pageTitle,
.middleAreaContainer .pageTitle a.anchor {
  color:                #c7b79f;
}

.rightContentAreaData .pageTitle,
.rightContentAreaData .pageTitle a.anchor,
.middleAreaContainerData .pageTitle,
.middleAreaContainerData .pageTitle a.anchor {
  color:                #31261c;
}

.bannerTitleNav,
.detailBannerNav {
  color:                #c7b79f;
}
/* interesting inheritence issues */
.titleBandAppt {
  height:               14px;
  background:           #786c5d;
  color:                #c7b79f;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  margin:               10px 0px 20px 0px;
  padding:              1px 0px 2px 10px;
}


.subtitleBand {
  height:               14px;
  background:           #a59e94;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  padding:              1px 0px 2px 0px;
}
#contentAreaData div.subtitleBand,
#contentAreaDataFixedHeight div.subtitleBand,
#contentAreaDataPartnersPage div.subtitleBand,
#middleAreaData div.subtitleBand,
#rightContentAreaData div.subtitleBand {
  margin:               2px 0px 10px 0px;
  padding:              1px 0px 2px 10px;
  position:             relative;
}

.weatherTblHead {
  background:           #a59e94;
}

/***used in rates & reservations pages***/

/* Alternating color rows */

tr.lightTitleBand,
.tbOddRow,
tr.tbOddRow td,
.oddRow,
.borderOddRow   {
  background-color:     #a59e94;
}

.tbEvenRow,
tr.tbEvenRow td,
.evenRow,
.borderEvenRow {
  background-color:     #978e81;
}

table.listingTbl tr td {
  border-bottom:        2px solid #8f8679;
}

/* ****************************************/
/* Content area for one column pages	    */
/* ************************************** */

#contentArea {
  background:           #5f513f;
}

#contentAreaData,
#contentAreaDataFixedHeight,
#contentAreaDataPartnersPage {
  background:           #8f8679;
  color:                #31261c;
}

/* ****************************************/
/* Right content area for two column pages	*/
/* ************************************** */

#rightContentArea,
#rightContent {
  background-color:     #5f513f;
}

#rightContentAreaData,
#rightContentData {
  background-color:     #8f8679;
  color:                #31261c;
}

/*******************************/
/* Reservation Calendar styles */
/*******************************/

.calendar {
  border:               1px solid #6f6353;
}

.controls {
  color:                #c7b79f;
  background-color:     #6f6353;
}

img.calimg {
  border:               none;
  width:                4px;
  height:               7px;
}

div.button 
{
  display:              inline;
  width:                4px;
  height:               7px;
  margin:               4px 2px 0 2px;
}

.buttonLink {
  color:                #c7b79f;
}

.buttonDisabled a,
.buttonDisabled a:hover {
  color:                #968979;
}

.dateField {
  background-color:     transparent;
}

.dayHeader {
  color:                #6f6353;
}

.dateLink {
  color:                #31261c;
}

.dateSelected {
  background-color:     #22231d;
}

.dateSelected a {
  color:                #a9a096;
}

.dateSelected a:hover {
}

.dateToday {
  border:               none;
}

.dateDisabled a,
.dateDisabled a:hover {
  color:                #635d57;
}

/************************************************************************************/
/* These are the old Calendar control styles - should be deleted??
/* Rates or Check availabilty - Calendar styles are also defined in StayCalendar.ascx */
/************************************************************************************/
/* see basic_prop.css for form font size and dimension styles**/

.instructionText,
.sectionHeader  {
  color:                #31261c;
}

/* see Job Detail for sole example */
.sectionHeaderJob {
  color:                #c7b79f;
}

/* the following calendar styles should not be renamed */
/* they match the CssClass names associated with the microsoft calendar */
.calStyle {
  border-color:         #6f6353;
  width:                145px;
  height:               130px;
}
.calDayStyle {
  color:                #31261c;
}

.calDayHeaderStyle {     
  color:                #6f6353;
  font-family:          verdana;
  font-size:            9px;
}

.calNextPrevStyle  {
  color:                #c7b79f;
  font-size:            10px;
}

.calOtherMonthDayStyle {
  font-family:          verdana;
  font-size:            9px;
  color:                #ffffff;
}

.calSelectedDayStyle {
  color:                #a9a096;
  background-color:     #22231d;
}

/* ************* */
/* Right Nav   */
/* ************* */

td.rightNavContainer {
  background:           #67594a;
}

td.rightNavContainerDetail {
  background:           #766b5c;
}

.line {
  margin-left:          -10px;
}

/* ************* */
/* Footer     */
/* ************* */

#footerContainer {
	background:				    #150e08;
	color:                #7f6b5c;
}

#footerContainerInner  {
  color:                #7f6b5c;
}

/* ************* */
/* Banners       */
/* ************* */

/*for IE6 only*/
* html #landingMiddleBanner {
  filter:	              progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_banner_landing_hotel.png');
}

* html #detailMiddleBanner {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/bg_banner_hotel.png');
}

/*  above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
  rules below are invisible to IE and display the PNGs normally */
html>body #landingMiddleBanner  {
  background:           url('../images/bg_banner_landing_hotel.png') top left no-repeat;
  position:             relative;
}

html>body #detailMiddleBanner {
  background:           url('../images/bg_banner_hotel.png') top left no-repeat;
  position:             relative;
}

#landingBannerTitle,
.bannerTitle {
	color:                #FC3;
}

/* ************* */
/* Rules         */
/* ************* */

.ruleSolid,
.ruleDashed {
  height:               1px;
  background:           #6f6353;
  margin:               10px 0px 10px 0px;
}
.ruleDashed {
  background:           url("../images/common/rule_dashed.gif") top left repeat-x;
}

.moreMargin {
  margin:               10px 0px 20px 0px;
 }
 
/*This is used to override 10px margin - didn't want to include inline style*/
.ruleDashed_noMargin {
  height:               1px;
  background:           url("../images/common/rule_dashed.gif") top left repeat-x;
  margin:               10px -10px 10px -10px; 
}

.ruleDashedVertical {
  width:                1px;
  background:           url("../images/common/rule_dashed_vert.gif") top left repeat-y;
}

/* ************* */
/* Lists         */
/* ************* */

ul li, 
.rightContentAreaData ul li {
  background:           url("../images/common/bullet_hotel_dark.gif") 0 .6em no-repeat;
}

#middleArea ul li, 
.lightboxMain ul li {
  background:           url("../images/common/icon_bullet.gif") 0 .6em no-repeat;
}

/* ************* */
/* Gallery & Map */
/* ************* */

.galleryFilter select {
  font:                 11px/14px verdana,geneva,sans-serif;
  color:                #150e08;
  background:           #d4d0c7;
  border:               1px solid #9c947b;
}

.galleryControls {
  font:                 9px/12px verdana,geneva,sans-serif;
  color:                #9c947b;
}

/********************/
/* appointment page */
/********************/

.treatmentMenu a,
.checkboxSet a {
  color:                #31261c;
}

.box  {
  width:                100px;
  height:               60px;
  float:                left;
  background-color:     #4a3e33;
  opacity:              0.7;
  filter:               alpha(opacity=70);
  filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  color:                #c7b79f;
  padding:              10px;
  font:                 10px verdana;
}

.treatmentBox {
  width:                300px;
  float:                left;
  background-color:     #4a3e33;
  opacity:              0.85;
  filter:               alpha(opacity=85);
  filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  color:                #c7b79f;
  padding:              10px;
}

.centerAlign {
  text-align:           center;
  }


/***********************/ 
/* PopupSelector       */
/***********************/
.popupSelectorCreditCard
{
  border: 0px outset black; 
  width: 346px;
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorComments
{
  border: 0px outset black; 
  width: 346px;
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorRoomPreferences
{
  border: 0px outset black; 
  width: 200px; 
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorAirportPickup
{
  border: 0px outset black; 
  width: 346px;
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}





.welcomeWord{
	font-size:18px;
	margin: 0 0 0 20px;
	line-height:48px;
	color:white;
}
.weather{
	 float:right; 
	 clear:both;
	 margin-top:10px;
	 color:#CCCCCC;
}
.current{
	color: #FC0;
}
.rs_image{
	border:2px solid #EEE;
}
.gallery li{
	float:left;
	width:180px;
	height:144px;
	overflow:hidden;
	text-align:center;
	padding:0
}
.gallery li img{
	border:2px solid #EEE;
}
.gallery li h4{
	font-size:12px;
	margin:0;
	padding:0;
	color:white;
	font-weight:normal
}
.foot_menu a{
	color:#C7B79F;
}


.imgDeck{
	padding:3px;
	border:1px solid #D2C6B3;
}
