/* CSS Document */


body {
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

body,table,td {
  color: #777777;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

/*
 * These are our default settings for links
 */
a:link,a:visited,a:active {
  color : #666633;
  text-decoration : none;
  font-weight: bold;
}
a:hover {
  color : #666633;
  text-decoration : underline;
}

/*
 * The "page" class which restrains the content within the browser window
 */
.page {
  width: 780px;
}

/*
 * images
 */

img.header {
  width: 780px;
  height: 121px;
}

img.address {
  width: 780px;
  height: 22px;
}

img.footernav {
  width: 780px;
  height: 32px;
  border: 0px;
  padding-bottom: 3px;
}

img.morenumbers {
  width: 85px;
  height: 17px;
  border: 0px;
}


/* 
 * Settings for main navigation
 * IE5 includes padding in box width
 * define box width as +padding then override for all other browsers
 */

.topnav {
	font-size: 9px;
	font-weight: bold;
	line-height: 1.5em;
	padding-left: 10px;
	padding-top: 4px;
	border-bottom: solid 1px #BBBB99;
}

.pipe {
  color: #848484;
  padding: 0px 2px;
}

#mainlinks {
  margin: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
}

#mainlinks li {
  display: inline;
  list-style-type: none;
  padding-bottom: 0.5em;
  text-align: left;
  white-space: nowrap;
}

.currentpage { color: #666633 ;}

#mainlinks a:link,#mainlinks a:visited,#mainlinks a:active { color: #666666; text-decoration: none; font-size: 9px}
#mainlinks a:hover { color: #666633; text-decoration: none;  font-size: 9px}


/*
 * Settings for sub-navigation 
 * IE5 includes padding in box width
 * define box width as +padding then override for all other browsers
 */
.subnav {
  float: left;
  padding: 28px 10px 28px 0px;
  width: 147px;
  voice-family: "\"}\""; /* IE5+ stops here */
  voice-family:inherit;
  width: 137px;  /* correct setting : 147px minus padding */
}
/* "Be nice to Opera" rule. Required for browsers that understand CSS2, but have the same CSS parsing problem as IE5+. */
html>body .toppage {
  width: 137px;
}

#sublinks {
  margin: 30px 0px 70px 24px;
  padding-left: 0px;
}

#sublinks li {
  list-style-type: disc;
  padding-bottom: 0.15em;
}

.currentsubpage { color: #666666;}

#sublinks a:link,#sublinks a:visited,#sublinks a:active { color: #666633; text-decoration: none;}
#sublinks a:hover { color: #666666; text-decoration: underline;}


#languagelinks {
  margin: 24px 0px 10px 24px;
  padding-left: 0px;
}

#languagelinks li {
  list-style-type: none;
}

#languagelinks a:link,#languagelinks a:visited,#languagelinks a:active { color: #666633; text-decoration: none;}
#languagelinks a:hover { color: #666666; text-decoration: underline;}


/*
 * Settings for the page content area
 * IE5 includes padding in box width
 * define box width as +padding then override for all other browsers
 */
 
.content_home {
  
  float: left;
  padding: 28px 14px 28px 24px;
  width: 520px;
  voice-family: "\"}\""; /* IE5+ stops here */
  voice-family:inherit;
  width: 482px;  /* correct setting : 530px minus padding */
  position:relative;
 
 
}

#p_contents{
  float: left;
 
  width:200px;
 
  
}
/* "Be nice to Opera" rule. Required for browsers that understand CSS2, but have the same CSS parsing problem as IE5+. */
html>body .toppage {
  width: 482px;
}
 
.content {
  float: right;
  padding: 28px 0px;
  width: 623px;
  padding-right: 10px;
  background-image: url(/assets/fairmont/worldwide/images/contentbg.gif);
}

#homebg {
  background-image: url(/assets/fairmont/worldwide/images/homebg.gif);
   }


.search_panel {
  float: right;
  margin-top: 2px;
  background-color: #EEEEDD;
  width: 260px;
 
  
}

.offers {
	
  margin-left: 26px;
  border-top: solid 1px #DDDDCC;
  width: 208px;
  padding: 25px 0px 24px 0px;
 
}

/*
 * Hotel name on home page uses <h1> tag for optimisation purposes
 */
 
h1 {
  margin-top: 0px;
  font-size: 18px;
  color: #000000;
  font-family: Times;
  font-weight: normal;
}

.welcome {
  color: #666633;
}
  
/*
 * Page titles use <h2> tag
 */
 
h2 {
  margin-top: 0px;
  font-size: 18px;
  color: #666633;
  font-family: Times;
  font-weight: normal;
}

/*
 * Settings for the lower footer content area
 */
 
#lowerfooter {
  clear: both;
  font-size: 9px;
  font-weight: bold;
}

#copyright {
  float: right;
  padding-top: 2px;
}



/*
 * Settings for the pics area
 */
#pics {
  color: #666666;
  border: solid 1px #666666;
  margin: 5px 0px 0px 10px;
  
  float:right;
  background-color: #ffffff;
  display: inline;;
 
  width: 224px;
  voice-family: "\"}\""; /* IE5+ stops here */
  voice-family:inherit;
  width: 224px;  /* correct setting : 260px minus padding */
 
}
/* "Be nice to Opera" rule. Required for browsers that understand CSS2, but have the same CSS parsing problem as IE5+. */
html>body .toppage {
  width: 224px;
}

#pics img {
  height: 124px;
  width: 224px;
  border: 0px;
}

/*
 * For Images added to the content of a page eg Meeting room shots
 */
 
img.contentpic {
  margin: 5px 5px 5px 17px;
  border: solid 1px #666666;
  float:right;
  height: 124px;
  width: 224px;
  
}


/*
 * Area for pic on homepage
 */
 
.content_home #pics {
  text-align: center;
  color: #666633;
  background-color: #ffffff;
 
}
/*Have to change the height to 124 to display images correctly !!!!!...consider this!!!!!!*/
.content_home #pics img {
  height: 124px;
  width: 224px;
  border: 0px;
}
/*this is the new div added to accomodate the float issue*/
.content_home #sales_contacts{
 width:200px;
 float:left;
overflow:auto;

}


#caption {
  padding: 3px 7px;
}

#picsbig {
  float: left;
  height: 301px;
  width: 544px;
  padding: 28px 24px 42px 24px;
}

#phototour {
  height: 301px;
  padding: 28px 0px;
  text-align: center;
}

 
 /*
 * Settings for the image in the content of the offers page
 */
  
img.offerspiccontent {
  height: 75px;
  width: 208px;
  margin: 5px 10px 5px 17px;
  border: solid 1px #666666;
}

#offerspic img .{
  height: 75px;
  width: 208px
  }

a.infolink,a.infolink:visited,a.infolink:active {
  color : #666633;
  text-decoration : none;
  font-weight: normal;
  font-size: 9px;
}
a.infolink:hover {
  color : #666633;
  text-decoration : underline;
}

#emailhome
{
font-weight: normal;
}
#contact_details{
padding-top:10px;
padding-right:0px;
padding-bottom:10px;
padding-left:20px;



}
#contact_details a{
 text-decoration:none;
 margin:0px 0px 0px 5px;

}

a img, :link img, :visited img {border: none}


.headingtext { font-weight: bold; padding-top: 5px;}
.smalltext { font-size: 10px;}
.imagelist { font-size: 11px; width: 185px;}

.capacityheading { font-size : 10px; font-weight: bold; padding : 3px;}
.capacityname { font-size : 10px; font-weight: normal; }
.capacitycontent { font-size : 10px;}
.capacity { font-size : 10px;}



/* ---------------------------------------------------[ E-Postcard ] */

.epostcardbg { background-color: #ffffff}
.epostcardborder { background-color: #eeeedd}
.epostcardtitle { font-family : Verdana, Helvetica, Arial; font-size : 12px; color :#ffffff; font-weight : bold; background-color: #666666}
.epostcardtext { font-family : Verdana, Helvetica, Arial; font-size : 11px; color :#000000; background-color: #ffffff}
a.epostcardnav:link,a.epostcardnav:visited,a.epostcardnav:active { color : #ffffff; font-size : 11px; font-weight:bold; text-decoration : none; line-height : 12px;}
a.epostcardnav:hover { color : #000000;}

#speedrfp_button{
cursor: pointer!important;
}
#flashcontent{
position:relative;
z-index:0!important;
}

.discover{
	 color : #666633;
	}