body {
	font:                 normal 12px/20px verdana, georgia, serif, "新細明體";
	padding:              0px;
	margin:               0px;
}
a.defaultLink {
	text-decoration:      none;
}
a.selected {
	font-weight:          bold;
}
a:link, a:visited, a:active {
	text-decoration:      none;
}
a:hover {
	text-decoration:      underline;
}
a.selected:hover {
	text-decoration:      none;
}
/* fixes dotted border bug in FF when mouse-activated; border left alone for tabbing */
a:hover, a:active {
	outline:              none;
}
/* global declaration to avoid descender padding for images in IE6 */
img {
/*display:              block;*/
}
table {
	padding:              0px;
	border:               0;
	margin:               0px;
}
td {
	vertical-align:       top;
}
/* ************* */
/* Main Area   */
/* ************* */

.container {
	width:                780px;
	padding:              0px;
	margin:               0px auto;
}
/* added a class akin to ID above to avoid redundant IDs */
.mainArea {
	width:                780px;
	padding:              0px;
	margin:               0px auto;
}
td.mainArea {
	height:               293px;
}
/* IE6 only hack to prop open main content area */
.forceheight {
	height/**/:/**/293px;
}
/* margin override used in conjunction with the above grid styles */
.nomargin {
	margin:               0px;
}
/* margin override used in conjunction with the above grid styles */
.rtmargin {
	margin:               0px 10px 0px 0px;
}
/* right align within grid cell */
.right {
	float:                right;
}
.gridRow {
	padding:              0px 0px 8px 0px;
}
/* grid modifications for Forum */
/* required for proper insertion of "new posts" icon */

.forum .grid1ColMargin {
	padding:              0px 10px 0px 0px;
	width:                148px;
}
.newpost {
	width:                10px;
	height:               11px;
	float:                left;
}
/* format lastpostdate column to align next */
/* to conditional newpost icon */
.lastpostdate {
	width:                138px;
	float:                left;
}
.alignCenter {
	text-align:           center;
	display:              block;
}
/* ************* */
/* Form          */
/* ************* */

form {
	padding:              0px;
	margin:               0px;
}
input, select, textarea {
	margin:               2px 0px 0px 0px;
}
input, textarea {
	padding-left:        2px;
}
/* textStyle1 above renamed for investors section */
.investorNote {
	font:9px verdana, geneva, sans-serif;
}
/* textStyle1 above renamed for press library section */
.caption {
	font:9px verdana, geneva, sans-serif;
}
/* h1 is moved with .detailTitle */
.title5, .textStyle5 {
	font:                 bold 10px verdana, geneva, sans-serif;
}
.strongText {
	font-weight:          bold;
}
/* ************* */
/* Top Banner   */
/* ************* */

.bannerContainer {
	height:               147px;
	border:               none;
	padding:              0px;
	margin:               0px;
}
.topBanner {
	font:                 9px verdana, geneva, sans-serif;
	height:               122px;
	padding:              0px;
	margin:               0px;
}
a.topBanner {
	text-decoration:      none;
	display:              block;
}
/* corp logo handling for 3rd party pages */
.logoShangrila3rdParty {
	height:               75px;
	width:                147px;
}
/*  Address display at the top of the property page */
.address {
	font:                 9px/13px verdana, geneva, sans-serif;
}
/*  For really long addresses, we use a slightly shorter line-height */
.longAddress {
	font:                 9px/11px verdana, geneva, sans-serif;
}
.hdToolsLeft, .hdToolsRight, .hdToolsRightHome, .hdToolsRightCorp {
	text-align:           left;
	vertical-align:       top;
	margin:               15px 0px 0px 0px;
	float:                left;
}
.hdToolsLeft {
	width:                228px;
	padding:              0px;
}
.hdToolsRight, .hdToolsRightHome, .hdToolsRightCorp {
	width:              147px;
	padding-left:       10px;
}
#lang {
	float:                left;
}
#home {
	width:                220px;
	padding-left:         10px;
	float:                right;
	text-align:right;
}
#lang a, #home a {
	text-decoration:      none;
}
/* point size increase for Chinese/Japanese chars */
#lang a.cnjp {
}
#lang a:hover, #home a:hover {
	text-decoration:      underline;
}
/* not used */
a.lang_home {
	text-decoration:      none;
}
a.lang_home:hover {
	text-decoration:      underline;
}
/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
	height:               25px;
	width:                780px;
	padding:              0px;
	vertical-align:       baseline;
	margin:               0px;
}
/* this style is not used in the c# code*/
a.topNavBar {
	text-decoration:      none;
	padding:              0px;
}
a.topNavBar:hover {
	text-decoration:      none;
}
/* below clases used in the c# code*/
a.topNavBarSm, a.topNavBarSmSelected, a.topNavBarMd, a.topNavBarMdSelected, a.topNavBarLg, a.topNavBarLgSelected {
	text-decoration:      none;
	padding:              7px 10px 7px 10px;
	vertical-align:       baseline;
	letter-spacing:       .1em;
}
a.topNavBarSm:hover, a.topNavBarSmSelected:hover, a.topNavBarMd:hover, a.topNavBarMdSelected:hover, a.topNavBarLg:hover, a.topNavBarLgSelected:hover {
	text-decoration:      none;
}
/* ************* */
/* Footer        */
/* ************* */

#footerContainerInner {
	text-align:           left;
	width:                770px;
	height:               73px;
	padding:              10px 0px 0px 10px;
	margin:               0px auto;
}
a.footer {
	text-decoration:      none;
	padding:              0px 3px 0px 5px;
}
/* suppress left padding for first element */
#footerContainerInner .first {
	padding:              0px 3px 0px 0px;
}
a.footer:hover {
	text-decoration:      underline;
}
/* ************* */
/* Middle Banner */
/* ************* */

#homeImage {
	width:                780px;
	height:               363px;
	padding:              0px;
	margin:               0px;
}
#homeMiddleBanner {
	text-align:           left;
	height:               49px;
	padding:              0px;
	margin:               -48px 0px 0px 0px;
}
/*for IE6 only*/  
* html #homeMiddleBanner {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_banner_landing_hotel.png', sizingMethod='scale');
}
html>body #homeMiddleBanner {
	background:           url('../images/bg_banner_landing_hotel.png') top left no-repeat;
	position:             relative;
}
.homeMidBannerNav {
	padding:              10px 0px 0px 10px;
	margin:               0px;
}
a.homeMidBannerLink, a.homeMidBannerFeaturedPropety {
	font:                 9px verdana, geneva, sans-serif;
	text-decoration:      none;
	position:             relative;
	z-index:              1;
}
a.homeMidBannerLink:hover {
	text-decoration:      underline;
}
/* ************* */
/* Utility Styles*/
/* ************* */

/* Clear style for clearing floats */
.clear {
	font-size:            0px;     /* for IE -- avoid any space from phantom text  */
	height:               1px;
	background:           transparent; /* for IE -- avoid space from inherited filters */
	margin-bottom:        -1px;
	clear:                both;
}
.block {
	display:              block;
}
.hide {
	display:              none;
}
.italic {
	font-style:           italic;
}
.bold {
	font-weight:          bold;
}
.unbold {
	font-weight:          normal;
}
/******************************************************/
/* hotel locator styles - move to corp basic if needed*/
/******************************************************/

#hotelLocator {
	margin:               -20px 0px 0px 0px; /* top set to -20 to override contentArea top margin used in master page*/
	padding:              0px;
}
#hotelLocator a {
}
.marginRt {
	margin-right:         10px;
}
#list {
	height:               450px;
	padding:              0px;
	margin:               0px;
}
/* ************* */
/* Images        */
/* ************* */

/* managment photos */
.imgManagement {
	width:                110px;
	height:               150px;
	padding:              0px 0px 10px 6px;
	float:                right;
}
img.centerImage {
	display:              block;
	margin-left:          auto;
	margin-right:         auto;
	border:               none;
}
img.inline {
	display:              inline;
}
/* ************* */
/* Middle Area   */
/* ************* */

#middleArea, #middleAreaData {
	width:                474px;
	float:                left;
	padding:              0px 0px 60px 0px;
	margin:               0px;
}
#leftmiddleArea, #leftmiddleAreaData {
	width:                612px;
	float:                left;
	padding:              0px 0px 60px 0px;
	margin:               0px;
}
.overview {
	font-size:            14px;
	line-height:          24px;
	width:                454px;
}
/* landing pages */
.middleContentTitle {
	font-size:            14px;
	padding:              3px 0px 5px 0px;
}
.middleContentLightTitle {
	font:                 14px georgia, serif;
	padding-bottom:       20px;
}
.detailTitle {
	font:                 14px/20px georgia, serif;
	padding:              0px 0px 10px 0px;
}
h1 {
	font:                 bold 13px verdana, geneva, sans-serif;
	margin:               10px 0 3px -1px;
}
/* default IE behavior is to put 1em margin at top and bottom of p. But FF puts it on bottom.*/
p {
	margin-top:           0;
	margin-bottom:        1em;
}
/* hack for cms  p br - to compensate for sloppy content entry. Hide a br that immediately follows a P */
/* does not work for ie6 
 p > br:first-child {display:none;}*/
 
.detailText {
	padding:              0 10px;
	font-size:            12px;
	line-height:          16px;
}
/* ****************************************/
/* Content area for one column pages      */
/* ************************************** */

#contentArea, #contentAreaData, #contentAreaDataFixedHeight, #contentAreaDataPartnersPage {
	width:                780px;
	float:                left;
	text-align:           left;
	padding:              0px 0px 60px 0px;
	min-height:           293px;
}
/*  IE6 doesn't seem to respond to min-height.
    Set fixed height on page-by-page basis. */
#contentAreaDataFixedHeight {
	height:               293px;
}
#contentAreaDataPartnersPage {
	padding-bottom:       0px;
}
/* ****************************************/
/* Right content area for two column pages*/
/* ************************************** */

#rightContentArea, #rightContentAreaData {
	width:                632px;
	float:                left;
	text-align:           left;
	padding:              0px 0px 60px 0px;
}
.spacerDiv {
	height:               2px;
	width:                600px;
	padding:              0px;
	margin:               0px;
}
.note {
	font:                 9px verdana, geneva, sans-serif;
}
a.selectedDark {
	color:                #31261c;
	font:                 bold 9px verdana, geneva, sans-serif;
}
a.selectedDark:hover {
	text-decoration:      none;
}
/* selectedDark above renamed for investors section */
/* should rename all other refs as well */
.tertiarySelected {
	color:                #31261c;
	font:                 bold 9px verdana, geneva, sans-serif;
}
a.tertiarySelected:hover {
	text-decoration:      none;
}
/*****************************************/
/* Reservation forms*/
/*****************************************/

.instructionText {
	margin:               0px 0px 10px 0px;
}
.sectionHeader {
	margin:               0px 0px 10px 0px;
	display:              block;
}
/*calendar styles are defined in hotel.css and in StayCalendar.ascx file*/

#guestDetail {
	float:                left;
	text-align:           left;
	padding:              10px 0px 10px 0px;
}
.dpdnListStyle {
	padding-left:         5px;
	padding-right:        5px;
	width:                100px;
}
.roomsNum, .peopleNum, .roomType {
	width:                130px;
	text-align:           left;
	float:                left;
	padding-right:        20px;
}
.rateCode {
	float:                left;
	width:                400px;
}
#button {
	text-align:           left;
}
/* ************* */
/* Right Nav    */
/* ************* */

td.rightNavContainer {
	padding:              20px 10px 0px 10px;
}
td.rightNavContainerDetail {
	padding:              22px 10px 0px 10px;
}
.rightNav {
	width:                138px;
	float:                left;
	text-align:           left;
}
.rightNavTitle {
	font:                 bold 9px verdana, geneva, sans-serif;
	padding:              0px 0px 20px 0px;
}
a.rightNavBold {
	font:                 bold 9px verdana, geneva, sans-serif;
	padding:              0px;
}
/* ************* */
/* Banners      */
/* ************* */

#propMiddleBanner {
	text-align:           left;
	height:               49px;
	padding:              0px 0px 0px 10px;
	margin:               -49px 0px 0px 0px;
}
#landingMiddleBanner {
	text-align:           left;
	height:               49px;
	padding:              0px;
	margin:               -49px 0px 0px 0px;
}
#landingBannerTitle {
	padding:              13px 0px 0px 10px;
	font-size:            18px;
}
/*is this used anywhere?*/
a.middleBanner {
	font:                 18px georgia, serif;
	text-decoration:      none;
	position:             relative;
	z-index:              1;
}
#detailMiddleBanner {
	width:                464px;
	height:               49px;
	margin:               -49px 0px 0px 0px;
	padding:              0px 0px 0px 10px;
}
/* ************* */
/* Images        */
/* ************* */

#landingImage {
	width:                780px;
	height:               294px;
	padding:              0px;
	margin:               0px;
}
#photoContainer, #photoContainerDetail {
	height:               294px;
	padding:              0px;
	margin:               0px;
}
#photoContainer {
	width:                780px;
}
#photoContainerDetail {
	width:                474px;
}
/* If image is missing, set width and height to prevent collapsing */
#photoContainerDetail img {
	width:                474px;
	height:               294px;
}
#photoContainer img {
	width:                780px;
	height:               294px;
}
/*    Corporate content photo    */
#photoContainerDetailCorp {
	height:               294px;
	padding:              0px;
	margin:               0px;
}
#photoContainerDetailCorp {
	width:                632px;
}
#photoContainerDetailCorp img {
	width:                632px;
	height:               294px;
}
/*    End of corporate content photo   */

  
/* detail pages */

#detailImage {
	width:                474px;
	height:               294px;
	padding:              0px;
	margin:               0px;
	text-align:           center;
}
/***************************************************/
/* Photo Library images - corp/press/photo_library */
/***************************************************/


.next, .previous, .page, .pageInner {
	float:                left;
}
.page {
	margin-right:         5px;
	margin-left:          5px;
	white-space:          nowrap;
}
.pageInner {
	margin-right:         5px;
	margin-left:          0px;
	white-space:          nowrap;
}
/* ************* */
/* Lists         */
/* ************* */

/* unordered lists */
ul {
	list-style-type:      none;
	padding:              0px;
	margin:               0px;
}
/* unordered list item */
ul li {
	line-height:          16px;
	padding:              0px 0px 0px 10px;
	margin:               6px 0px 6px 0px;
}
ul.corpAcctList li {
	line-height:          20px;
	margin:               7px 0 8px 0;
}
/* ordered lists */
ol {
	margin:               0px 0px 0px 18px;
	padding:              0px;
}
/*  rule below applies only for IE6 */
* html ol {
	margin:               0px 0px 0px 22px;
}
/*  rule below applies only for IE7 */
*+html ol {
	margin:               0px 0px 0px 22px;
}
/* ordered list item */
ol li {
	line-height:          16px;
	padding:              0px;
	margin:               6px 0px 6px 0px;
	background:           transparent;
}
ol.corpAcctOrList li {
	line-height:          14px;
	padding:              0px;
	margin:               5px 0px 5px 0px;
	background:           transparent;
}
/* unordered list item for formHeadRight */
.formHeadRight ul li {
	margin:               0px;
}
/* Generic, non-bulleted link list */
a.listItem {
	line-height:          16px;
	display:              block;
}
/* ************* */
/* Lightbox      */
/* ************* */

.list {
	margin:               0px;
	padding:              0px;
}
.lightboxMain {
	padding:              10px;
	font-size:            11px;
	overflow:             auto;
	/* force left alignment to override centering for loading gif */
  /* necessary for updated lightbox */
  text-align:           left;
}
/* numbered lists in lightboxes */
.lightboxMain ol {
	margin-left:          2.5em;
}
.lightboxMain .pageTitle {
	margin-top:           0;
	padding-top:          0;
}
.jobDescriptionItem {
	display:              block;
	padding:              0px 0px 3px 0px;
}
.lightboxMain .gridRow p {
	font-size:            11px;
}
.lightboxMainLeft, .lightboxMainRight {
	width:                170px;
	float:                left;
}
.lightboxMainLeft {
	padding:              0px 12px 0px 0px;
}
#lightboxGallery {
	padding-top:       10px;
}
#spinnerMask {
	position:             absolute;
	z-index:              200;
	top:                  0px;
	left:                 0px;
	width:                100%;
	height:               100%;
	display:              none;
	opacity:              0.8;
	filter:               alpha(opacity=80);
}
#lightboxHeader {
	height:               14px;
	padding:              5px 8px 5px 8px;
	position:             relative;
	z-index:              203;
}
#lightboxFooter {
	font:                 10px verdana, geneva, sans-serif;
	color:                #ffffff;
	height:               14px;
	padding:              5px 0px 5px 8px;
	position:             relative;
	z-index:              204;
	margin-top:           10px;
}
.logoProperty, .logoPrintProperty, .logoCorp, .logoPrintCorp {
	padding:              0px;
	margin:               10px 0px 0px 5px;
	float:                left;
	display:              block;
	vertical-align:       baseline;
}

.bannerRightSide {
	font:                 9px verdana, geneva, sans-serif;
	text-align:           left;
	width:                385px;
	height:               105px;
	padding:              0px;
	margin:               4px 0px 0px 0px;
	float:                right;
}
/**********************/
/* Currency light box */
/**********************/

.currency {
	text-align:           right;
	padding-right:        10px;
}
.nowrap {
	white-space:          nowrap;
}
/*  Airport connection lightbox link  */
.lightboxLink {
	margin:             0px 0px 15px 0px;
}
/*  Lightbox table cell  */
.lightboxTableCell {
	color:               #000000;
}
td.lightboxPickupCarTypeCol {
	width:               250px;
}
.lightboxPickupTbl tr {
	width:               250px;
}
td.lightboxPickupRateCol {
	width:               224px;
}