body {
	padding:0px;
	margin:0px;
	background-color:#414141;
}


#background-holder {
	overflow:hidden;
	background:#414141 url('images/portal_bg.png') repeat-x top;
}

.png {
	behavior: url("/png_behavior.htc"); 
}	

#container {
	position:relative;
	margin:0px auto 0px;
	width:960px;
	background:#dcdcd2;
	padding-bottom:6px;
}

#contentArea {
	background:url(images/contentBack.png) repeat-x top;
}

#leftColumn {
	width:222px;
	padding:0px 19px 40px 24px;
	float:left;
	min-height:400px;
	margin-top:16px;
	position:relative;
}

#leftColumnBack {
	position:absolute;
	top:0px;
	left:12px;	
}

#leftColumn .leftColumnHeader {
	height:20px;
	width:202px;
	padding:9px 10px 9px 10px;
	overflow:hidden;
	background-image:url(images/leftColumnHeaderBack.png);
	font-size:13pt;
	color:#fff;
	margin:0px 0px 4px 0px;
}

#joinEmailLead {
	position:absolute;
	top:10px;
	right:120px;
	width:390px;
	z-index:10;	
}

#corpQuestion {
	vertical-align:top;
	padding-left:1px;
}

#joinEmailLead h5 {
	margin:2px 5px 0px;
	padding-bottom:0px;
	padding:0px;
	font-size:11pt;
	font-weight:bold;
}


.featureRightText {
	float:left; _display:inline;
	margin:5px;
	width:95px;
}
.featureLeftImage {
	float:left; _display:inline;
	margin:5px 15px;
	width:75px;
}

.containerFacebook {
	float:left; _display:inline;
	margin:5px 15px;
	width:190px;
}

#signUpLeadInInput {
	position:absolute;
	top:26px;
	left:4px;
	color:#555;
	border:1px solid #888;
	width:150px;
	font-size:12px;
	z-index:5;
}


#signUpLeadInSubmit{
	position:absolute;
	top:26px;
	left:160px;
	cursor:pointer;
	z-index:5;
}

#middleColumn {
	width:500px;
	float:left;
	overflow:hidden;
}

#rightColumnHome {
	width:150px;
	float:left;
	padding:6px 17px;
	overflow:hidden;
}

#rightColumn {
	width:684px;
	float:left;
}

/* Front Page Right Banners */

.bannerRight {
	position:relative;
	height:50px;
	width:140px;
	overflow:hidden;
	margin:10px;	
}

.bannerRight a {
	color:#fff;
	position:absolute;
	top:16px;
	left:11px;
	font-weight:bold;	
}

.bannerRight a:hover {
	color:#fff;
	text-decoration:underline;
}

.bannerRight .moreArrow {
	position:absolute;
	top:0px;	
	left:100px;
}

#sleepAndMeetAddress {
	padding:15px 0px;
	color:#72715d;
	font-size:11px;
	margin:10px;
}

#bannerContactUs
{
	background:url(images/bg_contact_us.jpg);
}

#bannerOurHotels
{
	background:url(images/bg_our_hotels.jpg);
}	

#bannerPress
{
	background:url(images/bg_press.jpg);
}	


#topInteractive {
	position:relative;
	background:#262626 url(images/portal_bg_diagonal.png);
	height:450px;
}

#hotelPreviewsContainer {
	position:absolute;
	top:131px;
	left:0px;
	z-index:1;
	height:318px;
	width:960px;
	overflow:hidden;
}

.hotelPreview {
	position:absolute;
	top:0px;
	left:960px;
}

.hotelPreview img {
	position:absolute;
	top:0px;
	left:0px;
}

.hotelPreviewName {
	position:absolute;
	top:277px;
	left:230px;
	font-size:9pt;
	padding:0px;
	margin:0px;
	color:#eee;
	z-index:3;
	width:340px;
	height:20px;
	overflow:hidden;
}

.hotelPreviewTelephone {
	position:absolute;
	top:295px;
	left:230px;
	font-size:9pt;
	padding:0px;
	margin:0px;
	color:#eee;
	z-index:3;
	width:220px;
}


.hotelPreviewNameShadow {
	position:absolute;
	top:278px;
	left:231px;
	font-size:9pt;
	padding:0px;
	margin:0px;
	color:#333;
	z-index:2;
	width:340px;
	height:20px;
	overflow:hidden;
}

.hotelPreviewTelephoneShadow {
	position:absolute;
	top:296px;
	left:231px;
	font-size:9pt;
	padding:0px;
	margin:0px;
	color:#333;
	z-index:2;
	width:220px;
}

.hotelPreviewTextBack {
	height:56px;
	width:580px;
	z-index:2;
	background-color:#1d1d1b;
	opacity:.4;
	filter:alpha(opacity=40);
	position:absolute;
	top:262px;
	left:0px;
}

.isCheckbox {
	float:left;
	clear:left;
	vertical-align:bottom;	
}

#leftDropShadow {
	position:absolute;
	bottom:0px;
	left:-9px;
	height:9000px;
}

#rightDropShadow {
	position:absolute;
	bottom:0px;
	right:-9px;
	height:9000px;
}

#topGradientFade {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
}

#topBar {
	width:960px;
	height:46px;
	background:#666;
	position:absolute;
	top:85px;
	left:0px;
	z-index:4;
}

#languageSelect {
	position:absolute;
	top:35px;
	right:-20px;
	z-index:10;
	width:200px;
	color:#444;	
	}
	
#languageSelect a {
	width:80px;
	text-align:center;	
}

#languageSelect a, #languageSelect span {
    display:block;
    float:left;
    padding:2px 0px;
    margin:2px 1px;	
}

#languageSelect a.currentLang {
	color:#fff;
	font-weight:bold;	
}

#languageSelect a:hover {
	color:#fff;
}

#languageSelect,  #languageSelect a {
	  color:#444;	
}


#sleepAndMeetLogo {
	position:absolute;
	top:4px;
	left:36px;
	z-index:10;	
}

#sleepAndMeetTagLine {
	position:absolute;
	top:29px;
	left:182px;
	z-index:10;	
	color:#3C3C3C;
	font-style:italic;
	font-size:14px;
}


#topBarTopShadow {
	position:absolute;
	top:-7px;
	left:0px;
	z-index:4;
}

#topBarBottomShadow {
	position:absolute;
	top:46px;
	left:0px;
	z-index:4;
}

#flashMap {
	position:absolute;
	top:129px;
	left:0px;
	z-index:3;
}

#reservationBack {
	height:254px;
	width:224px;
	opacity:.7;
	filter:alpha(opacity=70);
	background-color:#484d53;
	position:absolute;
	top:0px;
	left:0px;
}

#reservationBookNowBack {
	height:30px;
	width:224px;
	opacity:.8;
	filter:alpha(opacity=80);
	background-color:#323440;
	position:absolute;
	top:254px;
	left:0px;
}

#reservationBlock {
	height:254px;
	width:224px;
	position:absolute;
	top:148px;
	left:24px;
	z-index:5;
}

#bookNowArrow {
	position:absolute;
	top:260px;
	left:188px;
	cursor:pointer;
}

#bookNowText {
	position:absolute;
	top:262px;
	left:0px;
	width:180px;
	cursor:pointer;
	color:#d0640a;
	text-align:right;
	font-size:8pt;
}

#reservationHeaderText {
	position:absolute;
	top:16px;
	left:24px;
	width:240px;
	cursor:pointer;
	color:#fff;
	font-size:9pt;
}

#reservationForm {
	position:absolute;
	top:34px;
	left:24px;
}

#reservationForm label {
	color:#e3e3e3;
	font-size:8pt;
	display:block;
	margin:4px 0px 1px;
}

#reservationForm select,#reservationForm input {
	color:#303030;
	border:1px solid #303030;
	background:#bebebb;
	font-size:8pt;
	
}

#reservationForm .optionTitle {
	font-weight:bold;
	font-style:italic;
	background:#999;
	color:#fff;
}

#smallSelectGroup {
	height:40px;
}

#reservationForm select {
	width:160px;
}

#reservationForm #cal {
	vertical-align:bottom;
	cursor:pointer;
}

#smallSelectGroup select {
	width:50px;
}

#smallSelectGroup div {
	width:50px;
	padding:0px 4px 0px 0px;
	float:left;
}

#dateInput {
	width:80px;
}

#promotionCode {
	width:110px;
}

#corporateCode {
	width:110px;
}

#menu {
	height:46px;
	background:#484540 url(images/menuBack.png);
	
}

.menuItem {
	position:relative;
	float:left;
	margin:9px 0px 0px 7px;
	height:28px;
	width:70px;
	overflow:hidden;
	display:block;
	font-weight:bold;
}

span.menuActive, span.menuNormal {
	position:absolute;
	top:0px;
	left:0px;
	height:20px;
	width:100%;
	cursor:pointer;
}

span.menuText {
	position:absolute;
	top:7px;
	left:22px;
	cursor:pointer;
}

.menuItem span.menuActive {
	z-index:2;
	color:#d35d03;
	display:none;
	cursor:pointer;
}

.menuItem.menuItemCurrent span.menuActive {
	display:block;
}

.menuItem span.menuNormal {
	z-index:1;
	color:#a19c98;
	cursor:pointer;
}

.menuDivider {
	position:absolute;
	top:0px;
	left:0px;
}

#footer {
	background-color:#b8b7a3;
	height:90px;
	margin-top:10px;
	position:relative;
}

#footerMenu {
	padding:5px;
	color:#69675a;
	position:absolute;
	top:10px;
	left:340px;
}

#footerMenu a, #footerMenu2 a {
	color:#69675a;
	display:block;
	float:left;
	padding:0px 10px;	
}

#footerMenu a:hover, #footerMenu2 a:hover {
	color:#444;	
}

#footerMenu span,  #footerMenu2 span {
	color:#69675a;
	display:block;
	float:left;
}

#footerMenu2 a {
	font-size:9px;	
	padding:0px 6px;
	color:#89877a;
}

#footerMenu2 {
	position:absolute;
	top:65px;
	right:0px;
	color:#89877a;	
	font-size:9px;
	width:370px;
}

#copyright {
	position:absolute;
	top:57px;
	left:24px;
	color:#89877a;	
	font-size:9px;
}


.moduleOutput {
	padding:0px 20px 5px;
}

.itemPreviewTitle {
	margin-left:0px;
}

.itemTitle {
	margin-left:0px;
}


#ui-datepicker-div {
	
	z-index:10;	
}


/* Modules */

 .itemPreviewTitle a {
	color:#845c43;	
}

#mod_pukkaJobs .itemPreviewIntro {
	margin-left:0px;	
}

.itemPreviewViewLink {
	margin-left:420px;	
	color:#845c43;	
}

#mod_pukkaPortalHotels {
	padding:5px 5px;	
}

#rightColumn #mod_pukkaPortalHotels {
	padding:5px 20px;	
}


/* Hotel List Sorting */

.orderBy, .orderByImage {
	font-size:9pt;
	cursor:pointer;
}

#sortControls {

	height:42px;
	position:relative;	
	
}

#hotelsTitle {
	position: absolute;
	top:5px;
	left: 10px;
	font-weight:bold;
}

#orderByHeader {
	position: absolute;
	top:14px;
	left: -10px;
	font-size:8pt;
	color:#444444;
}

#orderByHotel {
	position: absolute;
	top: 13px;
	left: 116px;
	cursor:pointer;
	color:#333;
}


#orderByCity {
	position: absolute;
	top: 13px;
	left: 217px;
	cursor:pointer;
	color:#333;
}


#orderByPrice   {
	position: absolute;
	top: 14px;
	left: 716px;
	cursor:pointer;
	color:#333;
}

.meetingsControls #orderByPrice {
	left: 673px;
}

/* Jobs Table */


#jobsTable {
	margin:15px 20px 15px 15px;	
}	

#jobsTable a {
	font-size:11.5pt;
	display:block;
	width:260px;
	color:#22326E;	
	text-transform:capitalize;
}

#jobsTable a:hover {
	color:#444;	
	
}

#jobsTable td {
	vertical-align:top;	
	
}

#jobsTable .rowOdd { background-color:#BFBDA7}


/* Email Sign up */
#mod_mailingList {
	width:500px;
}

#destinationPageCityList {
	margin:10px 20px;
}

#destinationPageCityList h3 {
	margin:3px 0px;
	padding:0px;	
}



#destinationPageCityList a  {
	width:300px;
	float:left;
	
}


#destinationPageCityList h2 a {
	font-size:15pt;
	color:#845c43;
	width:600px;
	float:none;
	font-weight:bold;
	padding-left:15px;
}


/* breadcrumb */

#breadcrumb {
	margin-left:25px;
	padding-top:3px;
	height:16px;
	overflow:hidden;
	position:relative;
	top:4px;
}

#breadcrumb a {
	color:#C8542F;
}

#breadcrumb a:hover {
	color:#F8744F;
}

#breadcrumb span.breadCrumbFinal {
	color:#1F2F6B;
	
}

/* Hotel Packages */

.hotelPackagesCatch {
	font-style:italic;
	color:#BD4626;
	padding:0px 10px;
	font-size:90%;
}

.hotelPackagesHomeLink {
	float:right;
	font-size:90%;
	padding-top:4px;
	color:#1F2F6B;
}

.hotelPackageList {
	border-bottom:2px solid #BBB9AE;
	padding-bottom:10px;	
	
}

.hotelPackage {
	width:200px;
	margin:10px;
	float:left;
}

.packageImage {
	hwight:140px;
	overflow:hidden;
	
}

.packageTitle {
	margin:2px 0px 2px 0px;
	font-size:9pt;
	color:#8D2644;
}

.packageDescription p {
	margin:2px 0px;
	font-size:8pt;
}

.packageDescription {
	height:60px;
}

.packageReserveLink {
	color:#d35d03;
	font-size:9pt;	
}

/* Pharmacodex */
 
#pharmacodexTable {
	border-collapse:collapse;
	margin:5px auto;
	width:800px;
}

#pharmacodexTable td {
	border: 1px solid #B3B091;	
	padding:2px 4px;
}

#pharmacodexTable th {
	padding:2px 4px;
	border-right:2px solid #B3B091;
	border-left:2px solid #B3B091;
	border-bottom:2px solid #B3B091;
	font-size:11px;
	text-transform:uppercase;
	text-align:left;
	color:#5F5D4D;
}

#pharmacodexTable a {
	color:#D06308;
}


.pharmaPrice {
	font-weight:bold;
}	


#pharmacodexTable .pharmaPrice, #pharmacodexTable .pharmaPriceHeader {
	text-align:right;
	
}


/*	 Destination Link w price
 */

 a.destinationPreviewLink {
	display:block;
	padding:2px;
	font-size:10px;
	height:26px;
	margin-left:10px;	
}

a.destinationPreviewLink .destinationPreviewCity {
	font-weight:bold;
	font-size:15px;
	float:left;
	display:block;
	width:135px;
	padding-top:2px;
}

a.destinationPreviewLink .destinationPreviewLowestFrom {
	
	float:left;
	display:block;
	width:26px;
	color:#9F9E95;
	padding-top:5px;
}

a.destinationPreviewLink .destinationPreviewLowestPrice {
	font-weight:bold;
	color:#C8542F;
	font-size:17px;
	float:left;
	display:block;
	width:45px;
}

/*  Group Packages  */

.groupPackageTitle { font-size:25px}


/*  Brands page  */

/* START EASY CLEARING */
#page_brands .section-content:after,
#page_brands .brand:after
{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */

#page_brands h3.contentHeader {
	margin: 16px 20px 0;
}

#page_brands .section-content {
	background-color: white;
	margin: 0 20px;
	padding: 60px 15px;
}

#page_brands .brand {
	float: left; _display:inline;
	width: 840px; 
	clear: both;
}
#page_brands .brand-header img {
	margin: 0 auto;
	display: block;
}


#page_brands .brand .brand-header {
	float: left; _display:inline;
	width: 210px; 
}

#page_brands .brand .brand-content {
	float: left; _display:inline;
	width: 590px;
	background-color:#F5F4F1;
	padding:10px;
}