/**
 * @version $Id: main.css 46156 2016-12-22 08:52:36Z karla $
 */

body {
	background: url(../images/layout/bg_body.jpg) repeat-x #EEE;
	font-family: Arial, Helvetica, Sans-serif;
	line-height: 1.47em;
	font-size: 12px;
	color: #666;
}

.c {
	text-align: center;
}
.l {
	text-align: left;
}
.r {
	text-align: right;
}

.vt {
	vertical-align: top;
}

p.error {
	color: #000000;
	font-weight: bold;
	background: #ffcccc url(/images/icons/exclamation.png) no-repeat 5px 0.5em;
	padding: 0.5em 0.5em 0.5em 25px;
	line-height: 16px;
}

.smaller {
	font-size: smaller;
}

/*********************************************************************************************
 * Overview / Entry Page
 *********************************************************************************************/

#overview {
	margin: 20px auto 0;
}
#overview table td {
	padding-top:20px;
	padding-bottom:5px;
	padding-right:20px;
	padding-left:20px;;
}
#overview .content-header {
	background: url(../images/layout/bg_content_header_wide.png) no-repeat;
}
#overview .bg-white {
	background: #ffffff;
	color: #000000;
}
#overview .bg-white img{
	margin: 0px auto;
	display: block;
}
#overview .bg-black {
	background: #000000;
	color: #ffffff;
}
#overview .content-footer {
	font-size: 80%;
}

#overview h2 a {
	color: #000000;
	text-decoration: none;
}

/*********************************************************************************************
 * TAGS
 *********************************************************************************************/
p {
	margin-bottom: 1.5em;
}

h1 {
	font-size: 1.67em;
	font-weight: bold;
	margin-bottom: 1em;
	letter-spacing: -0.04em;
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 1.5em;
	color: #999;
	border-bottom: 1px solid #CCC;
	padding-bottom: 3px;
}

h3 {
	font-size: 1.17em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

strong {
	font-weight: bold;
}

ul {
	list-style-position: outside;
	list-style-type: disc;
	padding: 6px;
	margin: 10px;
}

input,
select,
textarea {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666;
	padding: 1px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}

input[type=checkbox] {
	border: none;
	margin: 0;
}

input.datepicker {
	background: url("/images/icons/calendar.png") no-repeat scroll right center white;
}

.clear {
	clear: both;
}

/*********************************************************************************************
 * WRAPPER
 *********************************************************************************************/
#wrapper {
	margin: 0 auto;
	width: 960px;
}

/*********************************************************************************************
 * HEADER
 *********************************************************************************************/
#header {
	position: relative;
	background: url(../images/layout/bg_header.jpg) left top repeat-x #FFF;
	height: 102px;
}
#overview .header {
	background: url(../images/layout/bg_header.jpg) left top repeat-x #FFF;
}
#overview .header.prestige { background-image: url(../images/layout/bg_header_prestige.jpg); }

a#header-logo {
	position: absolute;
	left: 25px;
	top: 22px;
	z-index: 1;
	height: 58px;
	width: 300px;
	text-indent: -5000px;
}

#header-contact-block {
	position: absolute;
	right: 8px;
	top: 22px;
	z-index: 1;
	color: #999;
}

#header-contact-block #social-links {
	float: right;
	width: 25px;
}

#header-contact-block #social-links a {
	margin-bottom: 2px;
	display: block;
}

#header-contact-block #contact-detail {
	float: left;
	width: 200px;
}

#header-contact-block #contact-detail ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#header-contact-block #contact-detail ul li span {
	font-weight: bold;
}

#header-contact-block #contact-detail ul li a {
	color: #999;
	text-decoration: none;
}

/*********************************************************************************************
 * MENU
 *********************************************************************************************/
#menu-wrapper {
	height: 18px;
	padding: 8px 15px;
	position: relative;
	z-index: 10;
}

#menu-wrapper #in-menu {
	position: absolute;
	left: 15px;
	top: 0;
	width: 870px;
	float: left;
}

#lang-flags {
	position: absolute;
	right: 15px;
	top: 9px;
	z-index: 2;
}

#lang-flags a {
	margin-left: 5px;
}

/*********************************************************************************************
 * CONTENT
 *********************************************************************************************/
#content-wrapper {
	margin: 10px 0;
}

#content-main {
	float: right;
	width: 760px;
	margin-bottom: 0;
}

.content-header {
	padding: 25px 15px;
	height: 15px;
	margin-bottom: 1px;
}

.content-header.search {
	padding: 15px 15px;
	height: 35px;
}

.content-header.search h1 {
	margin-bottom: 5px;
}

.content-banner {
	background-color: #ffffff;
	width: 760px;
	margin-bottom: 1px;
	text-align: center;
}

.content-inner {
	width: 760px;
	background: #FFF;
	padding: 10px 0;
}

.content-inner-main {
	padding: 0px 15px 0;
}

.content-inner-main.partner {
	float: left;
	width: 470px;
}

.feature-block {
	margin-bottom: 15px;
	font-size: 0.92em;
	clear: both;
}

.feature-block .feature-item {
	height: 100px;
	margin-top: 10px;
	clear: both;
}

.feature-block .feature-item img {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

.content-inner-sub {
	float: right;
	width: 245px;
	font-size: 0.92em;
	padding-right: 5px;
	text-align: center;
}

.content-inner-sub img{
	margin-bottom: 20px;
}
.link-block tr:first-child td:first-child {
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
.link-block tr:first-child td:last-child {
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
.link-block tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.link-block tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}

.link-block td {
	padding: 5px 1px;
	text-align: center;
}

.link-block td a {
	color: #ffffff;
	text-decoration: none;
}

.sub-block {
	padding: 15px 15px 15px 0;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.sub-block.highlight {
	background: #EEE;
	padding-left: 15px; 
}

.sub-block.highlight ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.content-footer {
	background: url(../images/layout/bg_content_footer.png) no-repeat;
	height: 30px;
	margin: 1px 0 15px;
	line-height: 30px;
	text-align: right;
	padding: 0 15px;
}

.content-footer input {
	margin-bottom: 0;
}

.result-head {
	height: 22px;
	padding: 4px 5px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
}

.result-head a.prop-name {
	display: block;
	float: left;
	height: 22px;
	background: url(/images/layout/bg_button_right.png) no-repeat right;
	margin-right: 5px;
	padding-right:5px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.result-head a.prop-name span {
	display: block;
	padding: 0 5px 0 10px;
	height: 22px;
	line-height: 22px;
	background: url(/images/layout/bg_button_left_corner.png) no-repeat left;
}

.result-head a.book-now,
.result-head a:visited.book-now {
	background: url(/images/layout/bg_button_bknow.png) no-repeat;
	height: 22px;
	width: 85px;
	text-align: center;
	color: #990000;
	float: right;
	line-height: 22px;
	text-decoration: none;
	font-weight: bold;
}

.result-body {
	background: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
	padding: 5px;
	xfont-size: 0.94em;
}

.result-body div.img-placer {
	float: left;
	width: 180px;
	text-align: center;
}

.result-body div.img-placer img {
	max-width: 180px;
	height: auto;
}

.result-body div.info-panel {
	float: left;
	width: 160px;
	padding: 5px 10px;
	border-right: 1px solid #DDD;
}

.result-body div.desc-panel {
	float: left;
	width: 365px;
	padding: 5px 10px;
}

.result-body div.desc-panel p.price {
	margin-bottom: 5px;
	font-weight: bold;
}

.result-body div.avail-panel {
	float: right;
	width: 365px;
	padding: 5px 10px;
}

h1 span.local {
	color: #999;
	float: right;
}

.accom-action {
	margin-top: 15px;
}

.accom-action a,
.accom-action a:visited {
	display: block;
	width: 199px;
	padding: 5px 8px;
	margin: 0 25px 10px 0;
	color: #FFFFFF;
	background-color: #999;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.accom-action a.hl {
	background-color: #990000;
}

.accom-action a:hover {
	background-color: #666;
}

#accom-top-split {
	margin-bottom: 15px;
}

#accom-key-detail {
	float: right;
	width: 215px;
}

#accom-key-detail table.key-detail {
	font-size: 0.94em;
}

#accom-key-detail table.key-detail td {
	padding-bottom: 0.25em;
}

#accom-key-detail h2 {
	margin-bottom: 0.5em;
}

#accom-gallery * {
	z-index: 1;
}
#accom-gallery {
	z-index: 1;
	float: left;
	width: 500px;
	text-align: center;
}

#accom-features {
	float: left;
	width: 300px;
	text-align: left;
}

#accom-facilities {
	float: right;
	width: 300px;
	text-align: left;
}

.float-right {
	float: right;
	margin-left: 15px;
}

table.enquiry-form td,
table.enquiry-form th {
	padding: 5px;
	vertical-align: top;
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
	padding: 3px;
}

/*********************************************************************************************
 * SUB CONTENT (SIDEBAR)
 *********************************************************************************************/
#content-sub {
	float: left;
	width: 190px;
}

.qs-header {
	background: url(../images/layout/bg_qs_header.png) no-repeat;
	height: 16px;
	padding: 7px 10px;
	font-size: 1.25em;
	font-weight: bold;
}

.qs-body {
	background-color: #CCC;
	color: #FFF;
	padding: 10px;
}

.qs-body select {
	width: 170px;
}

.qs-body input.datepicker {
	background-position: 151px center;
}

.ns-body {
	background-color: #AAA;
	color: #FFF;
	padding: 10px;
}

.qs-body input[type=text],
.ns-body input[type=text] {
	width: 167px;
	padding: 2px 1px;
}

.sub-block span,
.ns-body span {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 5px;
}

.ns-cap {
	height: 11px;
	margin-bottom: 10px;
}

#search_filter {
	color: #333;
	margin: 0;
	display: none;
	border-radius: 0;
	-moz-border-radius: 0;
}

#search_filter fieldset {
	margin-bottom: 2px;
}
#search_filter fieldset legend {
	font-weight: bold;
}
#search_filter fieldset label {
	margin-left: 4px;
}

.side-block-top {
	height: 11px;
	background: url(../images/layout/bg_side_block_top.png) no-repeat;
}

.side-block {
	font-size: 0.92em;
	padding: 0 10px;
	background-color: #FFF;
}

.side-block p {
	margin-bottom: 0;
}

.side-block-cap {
	height: 11px;
	background: url(../images/layout/bg_side_block_cap.png) no-repeat;
	margin-bottom: 10px;
}

/*********************************************************************************************
 * PB CUSTOM TABS
 *********************************************************************************************/

div.tabs {
	margin: 10px 0 15px;
}

ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tabNavigation li {
    float: left;
	background: url(/images/layout/bg_tab_right_off.png) top right no-repeat;
	height: 30px;
	padding-right: 6px;
	margin-right: 5px;each:wtf:
}

ul.tabNavigation li.selected {
	background: url(/images/layout/bg_tab_right_on.png) top right no-repeat;
}

ul.tabNavigation li.highlight,
ul.tabNavigation li.selected.highlight {
	background: url(/images/layout/bg_tab_right_on_property.png) top right no-repeat;
}

ul.tabNavigation li a {
	display: block;
	float: left;
	height: 30px;
    padding: 8px 20px 0 20px;
    background: url(/images/layout/bg_tab_off.png) no-repeat;
    color: #666;
    text-decoration: none;
	font-weight: bold;
	font-size: 0.92em;
}

ul.tabNavigation li.selected a {
    color: #fff;
	text-shadow: 1px 1px 1px #1C3861;
	background: url(/images/layout/bg_tab_on.png) no-repeat;
}

ul.tabNavigation li.highlight a,
ul.tabNavigation li.selected.highlight a {
	color: #fff;
	background: url(/images/layout/bg_tab_on_property.png) no-repeat;
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs > div {
	padding: 15px;
	border: 1px solid #CCC;
	border-top: 4px solid #2D599A;
	margin-top:30px;
	width: 694px;
}

div.tabs .hide {
    position: absolute;
    left: -9999px;
	height: 0;
	display: none;
} 

#tab-features li {
	margin-left: 2em;
}

#tab-details li {
	margin-left: 2em;
}

/*********************************************************************************************
 * FOOTER
 *********************************************************************************************/
#footer {
	text-align: center;
	clear: both;
	font-size: 0.94em;
	position: relative;
}

#footer a.footer-logo {
	background: url(/images/layout/logo-small.png) no-repeat;
	position: absolute;
	right: 35px;
	top: 25px;
	height: 24px;
	width: 123px;
	text-indent: -5000px;
}

#footer-links {
	background: url(/images/layout/bg_footer.png) no-repeat;
	text-align: center;
	height: 47px;
	padding: 15px;
}

#footer-links ul {
	list-style: none;
	margin: 0;
}

#footer-links ul li {
	display: inline-block;
	border-right: 1px solid #DDD;
	padding: 0 10px;
}

#footer-links ul li a {
	color: #999;
	font-weight: normal;
}

#footer-links ul li.last {
	border-right: none;
}

#footer-cap {
	clear: both;
	font-size: 8px;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	text-align: center;
}

#footer-cap a, #footer-cap a:visited {
	color: #FFF;
	font-style: italic;
	text-decoration: none;
	padding-bottom: 30px;
}

/*********************************************************************************************
 * AVAIL
 *********************************************************************************************/
.avail_key td
{
	font-size: 10px;
	min-width: 10px;
	text-align: center;
	padding: 0 2px 0 5px;
}

.avail_summary
{
	border-collapse: separate;
	border-spacing: 1px;
}
.avail_summary td
{
	font-size: 10px;
	min-width: 10px;
	text-align: center;
}

.avail_summary td:first-child
{
	border-left: 1px solid #DDDDDD;
}
.avail_summary td:last-child
{
	border-right: 1px solid #DDDDDD;
}
.avail_summary tr.months td
{
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	text-align: left;
	padding: 0 3px; 
}
.avail_summary tr.days td
{
	border-bottom: 1px solid #DDDDDD; 
}

.status0
{
	background-color: #6596E8;
	color: #FFFFFF;
}
.status1
{
	background-color: #E86565;
	color: #FFFFFF;
}
.status2
{
	background-color: BlueViolet;
	color: #FFFFFF;
}
.status3
{
	background-color: Maroon;
	color: #FFFFFF;
}
.status0-sel
{
	background-color: Aquamarine;
	color: black;
}
.status1-sel
{
	background-color: red;
	color: #FFFFFF;
}
.status2-sel
{
	background-color: BlueViolet;
	color: #FFFFFF;
}
.status3-sel
{
	background-color: Maroon;
	color: #FFFFFF;
}
.statusGrey
{
	background-color: #cccccc;
}

.propertystatus{
	color: #990000;
	font-weight: bold;
	text-transform: uppercase;
}

#tab-layout p{
	width: 450px;
	float: right;
	text-align: justify;
}

/* Homepage Slideshow Banner */

#bigPic {
	position: relative;
	height: 325px;
	clear: both;	
}
#bigPic img{
	position: absolute;
	width: 760px;
	height: auto;
	display:none;
}

/* --- START: MANAGE MY BOOKIN --- */
.right {
	text-align: right;
}

.mmb-warning {
	text-align: center;
}

.mmb-wrap {
	margin: 0 15px;
	margin-bottom: 10px;
	min-height: 300px;
}

.mmb-tabs-wrap {
	width: 100%;
	min-height:40px;
	border-bottom: 3px solid #1F5EA3;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 0.95em;	
	text-align: center;
	color: #ffffff;
}

.mmb-tabs-wrap ul {
	padding: 0;
	margin: 0;
	margin-left: 10px;
	height: 40px;
	overflow: hidden;
}

.mmb-tabs-wrap ul li a {	
	padding: 0px;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
}

.mmb-tabs-wrap ul li {
	float:left;				
	list-style: none outside none;
	
	width: 94px;	
	height: 40px;
	padding: 3px;
	padding-top: 5px;

	margin: 0 2px;
	margin-top: 5px;

	
	background-color: #D8D8D8;
	font: inherit;
	cursor: pointer;
    
    border-radius: 10px;
	-moz-border-radius: 10px;	
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.mmb-tabs-wrap ul li:hover {
	margin-top: 0;
}

.mmb-tabs-wrap ul li.warning {
	margin-top: 5px;
}

.mmb-tabs-wrap ul li.active {
	margin-top: 0;
	background-color: #2D599A;
}

.mmb-tabs-wrap ul li.disabled {
	margin-top: 5px;
	background-color: #C9C9C9 !important;
}

.mmb-tabs-wrap ul li.disabled a { 
	color: #939393 !important;
}

.mmb-login-form {
	width: 256px;
	margin: 20px 0;
	margin-left: 220px;	
}

.mmb-login-form label {
	color: #525252;
	font-weight: bold;
}

.mmb-login-form input[type=text],
.mmb-login-form input[type=password] {
	width: 250px;
}
.mmb-error-wrap, 
.mmb-success-wrap 
{
	text-align: center;
	border: 1px solid grey;
	padding: 5px 0;
	font-weight: bold;
	margin-bottom: 10px;
}
.mmb-error {
	color: #cc0000; 
}
.mmb-success {
	color: #4B8400; 
}
.mmb-itinerary {
	margin: 20px 0;
}

.mmb-tabs-top-wrap {
	width: 100%;
}
.mmb-tabs-top {
	margin: 0 40px;
}
.mmb-logout-link {
	position: relative;
	float: right;
}
.mmb-wrap fieldset {
	border: 1px solid grey;
	padding: 5px;
}
.mmb-wrap fieldset legend {
	font-size: 14px;
	font-weight: bold;
}
.mmb-wrap fieldset {
	max-width: 820px;
}
.mmb-wrap fieldset table td {
	padding: 2px;	
}
.mmb-wrap ul.mmb-document-list li {
	margin-bottom: 10px;
}
.mmb-wrap fieldset.mmb-pax-info {
	padding: 10px;
}
.mmb-wrap fieldset.mmb-pax-info table td {
	padding: 3px;
}
.mmb-floor-plans img {
	max-width: 680px;
}
.mmb-floor-plans {
	max-height: 350px;
	overflow: scroll;
}

#partyDetailsForm td.tel_no > label {
	float: left;
	margin-right: 1em;
}

#partyDetailsForm td.tel_no > label span {
	display: block;
}

/* --- END: MANAGE MY BOOKIN --- */

/*** BUBBLE STEP 2 ***/

.info-bubble{
    background: url("/images/info_icon.png") no-repeat;
    float: left;
    width: 20px;
    height: 20px;
    position:relative;
    cursor:pointer;
}
.info-bubble:hover p{display: block;}

.info-bubble p{
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
    display: none;
    width: 309px;
    padding: 10px;
    border-radius: 4px;
    text-align: justify;
    left: 36px;
}

.enquiry-form td strong{
    float:left;
    margin-right: 10px;
    height: 20px;
    line-height: 23px;
}