/* === PHANG-RESET ============================================================ */

body { margin:0; padding:0; }

a img { border:0; }
a { text-decoration:none }
a:hover { text-decoration:underline }
a, a:visited, a:hover, a:active { color:#277ddb; }

hr { border:1px solid #ccc; border-bottom:0; }

table { border-collapse:collapse; border-spacing:0; }
table td, table th, table tr { vertical-align:top; }

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }	
/* === PHANG-GENERAL ============================================================ */

div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total { font-weight:bold; }
table.full { width:100%; }

.hidden { display:none; }	
	
/* === GLOBAL	============================================================ */


p { margin:0 0 1.2em; color:#fff; font-size:1.2em; line-height:1.3em;}

@font-face {
  font-family: 'TitilliumWeb-Regular';
  src: url('/app/fonts/TitilliumWeb-Regular.eot');
  src: url('/app/fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
       url('/app/fonts/TitilliumWeb-Regular.ttf') format('truetype'),
       url('/app/fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
}

@font-face {
  font-family: 'TitilliumWeb-Bold';
  src: url('/app/fonts/TitilliumWeb-Bold.eot');
  src: url('/app/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
       url('/app/fonts/TitilliumWeb-Bold.ttf') format('truetype'),
       url('/app/fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Regular') format('svg');
}


/* Layout:
----------------------------------------------------- */
body { font-family:'TitilliumWeb-Regular', Arial, Helvetica, sans-serif; color:#636363; font-size:0.75em; background: #fff; line-height:1.5;}
#bodyWrap {
	margin-top:135px;

}

.home p { font-size:1.1em;}
a, a:active, a:visited { color:#867916; }
a:hover { color:#be4900;text-decoration:none; }

.innerContent { width:960px; margin:0 auto 2em;}

.highlightLnk {
	color:#a1911b;
	font-size:1.2em;
}

.highlightLnk span { 
	background:url("/app/images/global/link_icon_gold.png") no-repeat center left transparent;
	padding-left:1.6em;
}

.highlightLnk2 {
	color:#f7852f;
	font-size:1.2em;
}

.highlightLnk2 span { 
	background:url("/app/images/global/add_icon.png") no-repeat center left transparent;
	padding-left:1.6em;
}

.highlightLnk2.remove span { 
	background:url("/app/images/global/minus_icon.png") no-repeat center left transparent;
	padding-left:1.6em;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #cccccc;
}

/* Reset:
----------------------------------------------------- */
a img { border:0; }
a { text-decoration:none; cursor:pointer; }


hr { border-top:1px solid #BDBCB7; border-bottom:0; clear:both; display:block; margin:25px 0; height:1px;}

table td, table th, table tr { vertical-align:top; }

table p {
	margin:0;	
}

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }
textarea.textareaLrg { height:95px; line-height:1.3;}

form input,
form textarea {
	padding:0.1em 0.2em;
	width:280px;
}	

form textarea {
	height:3em;	
}

form select {
	padding-top:0.1em;
	width:285px;
}	

.form .formField {
	margin-bottom:8px;
	clear:both;
}

.form input,
.form textarea,
.form select,
.form option  {
	border:none;
	color:#cccccc;
	background:#58595b;
	font-size:1.2em;
	-webkit-appearance: text;
}	

.form input,
.form select {
	height: 20px;	
}

.form option {
	font-size:1.1em;	
}

.form .label {
	float:left;
	width:128px;
	font-size:1.2em;
	line-height:1.3em;
	color:#fff;
}

#bookNow .form .label {
	width:100px;
	padding-top:0.2em;
}

.form .labelFull {
	color: #fff;
    font-size: 1.2em;
    line-height: 1.3em;	
	width:100%;
	max-width:415px;
	margin-bottom:1em;
}

.form .securityCode .field {
	margin-bottom:1.5em;
	width:280px;
	background:#000;
	border:1px solid #444444;
	margin-left: 128px;
    padding: 10px 10px 15px;
    width: 265px;
	max-width: 265px;
}
.form .-ask-a-question .securityCode .field {
	clear:both;
	margin-left:0;
}

#bookNow .form .securityCode .field {
	margin-left: 98px;
    padding: 9px;
    width: 230px;
	margin-bottom:0;
}

.questions .form .securityCode {
	width:auto;	
	margin-left:0;
}

.form .securityCode .field .label {
	width:75px !important;	
}

#mainContent.contentBlock .form .securityCode img,
.form .securityCode img {
	margin:0;
	padding:0;
	width:65px;
	display:block;	
}

.form .securityCode .input-group-addon {
	float:left;
	padding:0 0.3em 0.3em;
	background:#000;
	margin-top:-0.3em;
}

.form .securityCode input {
	margin-left: 15px;
    width: 100px;	
}

.form .label span,
.form .labelFull span {
	color:#88B7DF;
}

.form .can_we_contact_you_with_our_latest_offers {
	float:left;
	width:287px;
	margin-left:128px;	
}
#bookNow .form .can_we_contact_you_with_our_latest_offers {
	margin-left:98px;
}

#bookNow .form .can_we_contact_you_with_our_latest_offers .label,
.form .can_we_contact_you_with_our_latest_offers .label {
		width:18em;
		float:right;
}

.form .can_we_contact_you_with_our_latest_offers input {
		width:1em;
		border:0;
}

form input[type="submit"] {
	color:#ffffff;	
	display:block;
	padding:5px 0;
	margin-bottom:0.5em;
	background: #a1911b;
	cursor:pointer;
	border:1px solid #a1911b;
	width:126px;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	-webkit-border-radius:0; 
	-webkit-appearance: none;
	height:40px;
	margin-left:126px;
}

#bookNow form input[type="submit"] {
	margin-left:98px;
}

.form input[type="submit"] {
	display:block;
}	

form input[type="submit"]:hover {
	background: #867916;
	text-decoration:none; 
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year,
.ui-datepicker th {
	color:#333333;	
}

#ui-datepicker-div {
	z-index:99999!important;
}

/*.ui-messages { position:fixed; top:10px; left:50%; padding:5px 10px; 
	-webkit-box-shadow: 5px 5px 5px #aaa;
	box-shadow: 5px 5px 5px #aaa;
}*/
.ui-messages { position:fixed; top:10px; left:50%; padding:5px 10px; }
.ui-messages .msg { margin:0 0 0 30px; }
.ui-messages .ui-icon { float:left; margin-top:5px; }
.ui-messages .ui-icon-circle-close { float:right; }
/*.ui-state-error .ui-icon-circle-close { border:1px solid #faa; }
.ui-state-highlight .ui-icon-circle-close { border:1px solid #aaf; }*/
.ui-icon-circle-close { cursor:pointer; }
.ui-messages p { margin:5px 0; }

.message {
	background: none repeat scroll 0 0 #867916;
    color: #FFFFFF;
    display: block;
    padding: 0.5em 1em;
	position:relative;
	margin-bottom:1em;
}

.message p {
	margin-bottom:0;
}

.message .r {
	position: absolute;
    right: 1px;
    top: 1px;
}

.message .r a {
	background: none repeat scroll 0 0 #ffffff;
	border:1px solid #CDE7F6;
    color: #047EB8;
    display: block;
    padding: 0.2em 0.6em;
    right: 0;
    top: 0;
	text-decoration:none;
}

#bodyWrap .ui-messages {
	top:45%;
  	background: #000; 
	border:1px solid #333;
	padding:20px;	
}

.ui-messages { z-index:9999; }
.ui-messages p { color:#fff; }

#bodyWrap .ui-messages .msg {
	margin:0;	
}

#bodyWrap .ui-messages h2 {
	margin-top:0.5em;	
}

.backLink.btn,
.viewShortlist.btn {
	background:#1164be;	
	display: block;
    font-family: 'TitilliumWeb-bold',Arial,Helvetica,sans-serif;
    font-size: 1em;
    height: 25px;
    line-height: 25px;
	float:left;
	margin-top:1em;
	padding:0.5em 0.8em;
}

.backLink span {
	background: url("/app/images/global/arrow_left_blue.jpg") no-repeat center left #1164be;
	padding-left:1.8em;
	color:#fff;
}

.viewShortlist.btn {
	background:#a1911b;	
	float:right;
}

.viewShortlist span {
	background: url("/app/images/global/arrow_right_white.png") no-repeat center right #a1911b;
	padding-right:1.8em;
	color:#fff;
}

.shortlist._error .ui-icon.ui-icon-alert {
	display:none;	
}

.errorCover {
	width:100%;
	height:100%;
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.5); 
	position:fixed;	
	z-index:2000;
	top:0;
	left:0;
}

#mainContent .message .r a {
	text-decoration:none;	
}

.message br {
	display:none;
}

.message .r a:hover {
	text-decoration:none;	
}

#mainContent form {
	padding: 0;
}

#mainContent form tr {
	margin:0.5em 0;	
}

#mainContent form table td {
	border:0;	
	padding:0.5em 0.5em 0.5em 0;
}

#mainContent form table {
	border-spacing:0;	
}

#mainContent table img {
	padding:0;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* General layout:
----------------------------------------------------- */
div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total td { font-weight:bold; }
table.full { width:100%; }

.hidden { display:none; }

table.basic td, table.basic th { padding:2px 4px; }
table.basic img { vertical-align:middle; }

/* Global styles:
----------------------------------------------------- */
td, th, input, option, select,  button, textarea { font-size:1.2em; color:#bcbec0; font-family:'TitilliumWeb-Regular', Arial, Helvetica, sans-serif;}
h1 { color: #ffffff;
    font-size: 2em;
    margin: 0.2em 0; 
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h2, h3, h4, h5 {
	color:#ffffff;
	font-size:1.3em; 
	display:block;
    font-weight: normal;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	}
	
#mainContent h2,
#locations h2 {
	margin:0.5em 0;
	font-size:1.6em;	
	line-height: 1.1em;
	color:#ffffff;
}

#mainContent .form h2,
#locations .form h2 {
	float:left;
	padding-right:0.5em;
	font-size:1.9em;
	margin:0em 0 8px 0;
	line-height:1em;
}

#mainContent .leftCol h2 {
	padding-right:0.5em;
	font-size:1.9em;
	margin:0em 0 12px 0;
	line-height:1em;	
}

#mainContent .form .required,
#locations .form .required {
	color:#88b7df;	
	padding-top:0.4em;	
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}

#mainContent h2 a,
#locations h2 a {
	color:#f2f2f2;
	text-decoration:none;
}

#mainContent h2 a:hover,
#locations h2 a:hover {
	color:#ffffff;
	text-decoration:underline;
}	

#mainContent ul,
#locations ul {
	overflow:hidden;
	padding-left:3em;	
}
#mainContent ul li,
#locations ul li {
	list-style:square;
	list-style-position: outside;
	margin-left: 1.6em;
	font-size:1.2em;
}

#mainContent ul li.telephone,
#locations ul li.telephone {
	background:url("/app/images/global/tel_icon_gold.png") no-repeat left center  transparent;
	padding-left:1.7em;
}

#mainContent ul li.telephone span,
#locations ul li.telephone span {
	padding:0.4em 0;	
}

#mainContent ul li.contact {
	background:url("/app/images/global/email_icon.png") no-repeat left center  transparent;	
	padding-left:1.7em;
}

#mainContent ul li.shortlist {
	background:url("/app/images/global/add_icon.png") no-repeat left center  transparent;	
	padding-left:1.7em;
}

#mainContent .add_to_shortlist.responsive {
	display:none;
}	

#mainContent #propertyBack,
#locationsCover #propertyBack,
#mainContent #needHelp {
	background:#000000;
	color: #FFFFFF;
    display: block;
    font-size: 1.25em;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 0;
    width: 100px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;	
}

#mainContent #propertyBack {
	top:0;
	right:0;
	width:88px;
}

#mainContent #needHelp {
	right:93px;
	top:0;
	background:#357e78;
	width: 120px;
	z-index:500;
}
#mainContent #needHelp .question {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background:#4e9892;
	display: inline-block;
    line-height: 1;
    margin-left: 0.5em;
    padding: 3px 7px;
}

#mainContent #propertyBack span,
#locationsCover #propertyBack span {
	background: url("/app/images/global/arrow_left_black.jpg") no-repeat center left #000000;
	padding-left:1.8em;	
	padding-right:0.4em;
}

#mainContent #propertyBack .hidden {
	display:none;	
}

#mainContent #pageBack {
	background:#000000;
	color: #FFFFFF;
    display: block;
    font-size: 1.25em;
    text-decoration: none;
    width: 100px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;	
	position:absolute;
	top:18px;
	right:50px;
}

#mainContent #pageBack span {
	background: url("/app/images/global/arrow_left_black.jpg") no-repeat center left #000000;
	padding-left:1.8em;	
	padding-right:0.4em;
}

#mainContent .form #pageBack {
	position:static;
	top:auto;
	right:auto;	
	float:right;
	margin-right:112px;
}

.questions #mainContent .form #pageBack {
	margin-right:0;	
}

#mainContent .form input[type="submit"] {
	float:left;	
}

#mainContent #bookNow .form input[type="submit"] {
	float: right;
    margin-left: 0;
    margin-right: 10px;
    width: 115px;
	margin-bottom:0;
}
#mainContent #bookNow .form .securityCode {
	float:left;
}

#mainContent a,
#locations a {
	text-decoration:none;
	color:#88b7df;
}

th { font-weight:bold; }

.buttons { text-align:right; padding:20px 0; }
.buttons a { cursor:pointer; border:1px solid #aaa; background-color:#f0f0f0; color:#666; padding:4px 6px; }
.buttons a:hover { text-decoration:none; background-color:#ddd; border-color:#aaa; color:#666; }
.buttons a  img { vertical-align:bottom; }

.messages { margin:10px auto 10px auto; border:1px solid orange; background-color:#ffc; padding:10px; }
.error { font-weight:bold; color:#c00; }
.messages a { padding:3px 14px; margin:0 5px; display:block; float:left; color:#000; }
.messages a, .messages a:active, .messages a:visited { color:#000; }
.messages a:hover { text-decoration:none; }

input.number { width:30px; }

.btn { padding:0.5em 1em; font-size:0.85em;}
.btn.primary { color:#fff; background:#49a5d1;}
.btn.primary:hover { text-decoration:none;}


#mainContent .breadcrumbs {
	padding:1em 0;
}

#mainContent .breadcrumbs ul {
	margin:0;
	padding:0;	
}

#mainContent .breadcrumbs li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	font-size:1.2em;
	color:#B2A672;	
}

#mainContent .breadcrumbs li a {
	color:#999;
	padding-right:0.8em;
	margin-right:0.5em;
	background:url("/app/images/global/arrow_right.png") no-repeat center right transparent;
}

#mainContent .pageLinks {
	float:right;
	width:24em;	
	height:4em;
}


#mainContent .pageLinks li {
	float:right;
	list-style:none;
	margin-left:0.5em;
	color:#B2A672;
	
}	

#mainContent .pageLinks #addThis {
	height:1.5em;	
}

#mainContent .pageLinks .addthis_toolbox {
	display: block;
    float: right;
	width:7em;
	height:1.5em;
}

#mainContent .pageLinks .addthis_toolbox a {
	padding:0 0 0 0.3em;	
}

#mainContent .pageLinks #_atssh {
	display:none;
}

#mainContent .pageLinks ul {
	clear:right;
	padding-right: 0.4em;
    padding-top: 0.4em;
	margin:0;
}	

#mainContent .pageLinks li a {
	color:#B2A672;
	padding-left:0.5em;
}

#mainContent #tabs .left {
	float:left;
	width:200px;
}

#mainContent #tabs .propertyDetails {
	float:right;
	width:450px;
}
#mainContent #tabs .propertyDetails .location{
	color: #cfd2d6;
	border-bottom: 1px solid #333333;
	margin-bottom:0.5em;
	padding-bottom:0.2em;
}

#mainContent #tabs .propertyDetails .sleeps {
	margin-bottom:0.5em;
}



#mainContent #tabs ul {
	padding-left:0;	
}

#mainContent #tabs ul.ui-tabs-nav {
	padding-left:1.7em;	
}

#mainContent #tabs ul.contactList {
	margin:2em 0 0 0;	
}

#mainContent #tabs ul.contactList li {
	margin-left:0;	
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	color:#a1911b;
	font-size:1.2em;
}

#mainContent #tabs ul li span {
	border-bottom: 1px solid #707884;
	display:block;
}

#tabs ul.contactList li.telephone a {
	color:#a1911b;
	padding:0;
}

#tabs ul.contactList li a {
	border-bottom:0;	
	color:#88b7df;
}

#mainContent ul.ui-tabs-nav li {
	margin:0 0.2em 0 0;
	padding:0;
	list-style:none;	
	border:none;
	background:none;
	float:none;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
}

#mainContent .ui-widget {
	font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif;
}

#tabs ul li a {
	text-decoration: none;
	padding:0.3em 0;
	line-height: 19px;
	color: #ffffff;
	background-color: none;
	font-weight:normal;
	display:block;
	float:none;
	border-bottom:1px solid #707884;
}

#tabs ul li.ui-tabs-selected a,
#tabs ul li.ui-state-active a {
	background-color: none;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #707884;
	color:#88b7df;
	}

#tabs.ui-tabs .ui-tabs-panel {
	float:right;
	width:450px;
	color:#fff;
	padding:0;
	overflow:auto;
}

#locations #tabs.ui-tabs .ui-tabs-panel {
	float:left;
}

#locations .popUp {
	display:block;	
}

#locations #bookNow.popUp {
	display:none;	
	z-index:1000;
	height:338px;
}

#locations #bookNow .scrollVert {
	width:912px;
}	

#locations #mainContent {
	bottom:30px;
	height:338px;
}

#locations .locationsImage {
	position:absolute;	
	right: -24px;
    top: -64px;
	padding:0 !important;
}

#tabs .sleeps {
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
}

#tabs.ui-tabs .ui-tabs-panel p,
#tabs.ui-tabs .ui-tabs-panel li,
#tabs.ui-tabs .ui-tabs-panel h2, 
#tabs.ui-tabs .ui-tabs-panel h3, 
#tabs.ui-tabs .ui-tabs-panel h4,
#tabs.ui-tabs .ui-tabs-panel h5{
	color:#ccc;
}	


#tabs.ui-tabs {
	padding:0;
	border:none;
	background:none;	
}

#tabs.ui-tabs .ui-tabs-hide {
    position: absolute !important;
    left: -10000px !important;
	top: -10000px !important;
    display:block !important;
}

#tabs.ui-tabs #map iframe {
	max-width:100%;
	max-height:100%;
	width:250px;
	height:300px;
}

#tabs.ui-tabs #map .inner {
	width:250px;
	height:300px;
	max-width:100%;	
	padding:0;
	max-height:100%;
	overflow:hidden;
}

#tabs .ui-widget-header {
	padding:0;
	background:none;
	border:none;	
	margin-bottom:-1px;
}

#tabs .ui-state-active, 
#tabs .ui-widget-content .ui-state-active, 
#tabs .ui-widget-header .ui-state-active {
	background:none;
	border:none;	
}

#tabs.ui-widget-content p {
	color:#ffffff;	
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-radius:0;	
}


/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
  position:relative;
  width:22em;
  clear:both;
}
#carousel {
  height:18em;
  width:22em;
  position:relative;
  margin-bottom:0.5em;
  font-size:12px;
}

.navigation {
	float:right;
	width:4em;	
	margin-top:0.5em;
}

.navigation #but_prev,
.navigation #but_next {
	height:2em;
	width:2em;
	text-indent:-99999px;
	display:block;
	float:left;
	background:url("/app/images/global/carousel-arrow-left.png") no-repeat center right transparent;	
	overflow:hidden;	
} 

.navigation #but_next {
	background:url("/app/images/global/carousel-arrow-right.png") no-repeat center right transparent;		
} 

.carousel-image {
  border:0;
  display:block;
}
.carousel-feature {
  position:absolute;
  top:-10000px;
  left:-10000px;
  cursor:pointer;
}
.carousel-feature .carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  background-color:#000;
}
.carousel-feature .carousel-caption p {
  margin:0;
  padding:5px;
  font-weight:bold;
  font-size:12px;
  color:white;
}
.tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
}
.tracker-individual-container {
  position:absolute;
  color:white;
  right:48px;
  top:210px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {
  margin:0 3px;
  padding:0 3px;
  color:white;
  text-align:center;
  background-color:#DDD;
}
.tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#000;
}
#carousel-left {
  position:absolute;
  bottom:33px;
  left:220px;
  cursor:pointer;
}
#carousel-right {
  position:absolute;
  bottom:33px;
  right:220px;
  cursor:pointer;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url("/app/images/colorbox/controls.png") no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url("/app/images/colorbox/border.png") repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url("/app/images/colorbox/controls.png") no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url("/app/images/colorbox/controls.png") no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url("/app/images/colorbox/border.png") repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url("/app/images/colorbox/controls.png") no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url("/app/images/colorbox/controls.png") repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url("/app/images/colorbox/controls.png") repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url("/app/images/colorbox/loading_background.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("/app/images/colorbox/loading.gif") no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url("/app/images/colorbox/controls.png") no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}


/*
    Slides CSS
*/
	
#slides {
  position: relative;
}
#slides .slides-container {
  display: none;
}

#slides .slides-container li img {
	bottom:0 !important;
	top:auto !important;
	width:100%;
	height:auto;
}

#slides .container {
	position:fixed;
	bottom:0;
	width:auto;
	right:0;
	margin-left:0;
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.7); 
	height:65px;
}	

#slides .containerWrapper {
	padding:0.8em 1.2em;
}	


#slides .container h2 {
	color:#fff;	
	font-size: 1.25em;
    margin: 0;
	line-height: 1.2em;
	text-align:right;
}

#slides .container p {
	color:#fff;
    line-height: 1.3em;
    margin: 0.3em 0;
	font-family: 'TitilliumWeb-bold',Arial,Helvetica,sans-serif;
	font-size:1.25em;
	text-align:right;
}	

#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 100%;
display:none;
}
.slides-navigation a {
  position: absolute;
  display: block;
}

.slides-navigation a.prev,
.slides-navigation a.next {
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.5); 
	width:1.8em;
	height:1.6em;
	display:block;
	overflow:hidden;
	text-indent:-999999px;	
	margin-top:-0.8em;
	
}

.slides-navigation a.prev {
	left: 0;
	padding:1.2em 1.2em 1.2em 0.8em;
}

.slides-navigation a.next {
  right: 0;
  padding:1.2em 0.8em 1.2em 1.2em;
}
.slides-navigation a.next span,
.slides-navigation a.prev span {
	  background-image:url("/app/images/global/arrows.png");
	  background-position:top center;
	  background-repeat:no-repeat;
	  display:block;
	  height: 1.6em;
	  width: 1.6em;
}

.slides-navigation a.prev span {
	background-position:bottom center;	
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  text-align: center;
  top:1.5em;
  right:1em;
}
.slides-pagination a {
  border:2px solid #a7a9ac;
  background: #a7a9ac;
  border-radius: 8px;
  width: 8px;
  height: 8px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px 4px;
  overflow: hidden;
  text-indent: -1000%;
  text-align:left;
}
.slides-pagination a.current {
  background: #58595b;
  border:2px solid #58595b;
}

#cms_gallery {
	margin:0 -15px;	
	zoom:1;
}

#cms_gallery .thumbs a {
	display:block;
	float:left;
	margin:15px;
	position:relative;
	line-height:188px;
	height:188px;
	width:300px;
	vertical-align:middle;
}

#cms_gallery .thumbs img {
	max-width:100%;	
}

#cms_gallery .thumbs a .caption {
	display:none;
	background: rgb(0, 0, 0); /* The Fallback */
  	background: rgba(0, 0, 0, 0.7); 
	position:absolute;
	top:0; 
	left:0;	
	font-size:2.2em;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	line-height:1.2em;
	width:80%;
	height:83px;
	padding:2em 10%;
}

#cms_gallery .thumbs a:hover .caption {
	display:block;	
	
}

/*
    Custom Scrollbar
*/

#mainContent .scrollVert {
	width:712px;
}
.formPage #mainContent .scrollVert {
	width:912px;
}

#mainContent #info .scrollVert { width: 440px; position:relative; }

#locations 
.scrollVert { width: 255px; }

.scrollVert { width: 241px; }

.scrollVert .viewport
{
    height: 285px;
    position:relative;
	overflow:hidden;
	margin-right:30px;
}

#locations #bookNow .scrollVert .viewport {
	height:338px;
}	

#mainContent .scrollVert .viewport {	
	height:530px;
}

#mainContent.contentBlock .scrollVert .viewport .overview {
	min-height:530px;	
}

#locations #mainContent.contentBlock .scrollVert .viewport .overview {
	min-height:290px;	
}

#mainContent #info .scrollVert .viewport {	
	height:315px;
	margin-right:15px;
}
#mainContent #info .scrollVert .overview {
	min-height:315px;
}

#locations #mainContent .scrollVert .viewport {
	height:300px;
	margin-left: 24px;
    margin-right: 0;	
}
#locations #mainContent #tabs.ui-tabs .ui-tabs-panel {
	height:300px;
}

@media screen and (max-height: 770px) {
	#mainContent .scrollVert .viewport {	
	height:500px;
	}	
}

@media screen and (max-height: 690px) {
	#mainContent .scrollVert .viewport {
		height:400px;	
	}
	#mainContent.contentBlock .scrollVert .viewport .overview {
		min-height:400px;	
	}
}

@media screen and (max-height: 620px) {
	#mainContent .scrollVert .viewport {
		height:350px;	
	}
}

@media screen and (max-height: 570px) {
	#mainContent .scrollVert .viewport {
		height:300px;	
	}
}

@media screen and (max-height: 520px) {
	#mainContent .scrollVert .viewport {
		height:250px;	
	}
}

.scrollVert .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
	max-width:100%;
	word-wrap: break-word;
}

#mainContent .scrollVert .scrollbar,
#locations .scrollVert .scrollbar {
	right: 24px;
	top: 20px;
}	

#locations #mainContent .scrollVert .scrollbar {
	left:485px;
	right:auto;	
	top:0;
}

#mainContent #info .scrollVert .scrollbar {
	right: 0;
	top: 0;
}	

.scrollVert .scrollbar
{
    background:transparent url("/app/images/scrollbar/bg-scrollbar-track-y.png") no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    right: 0;
    top: 20px;
    width:6px;
}

.scrollVert .track
{
    background:transparent url("/app/images/scrollbar/bg-scrollbar-trackend-y.png") no-repeat 0 100%;
    height:100%;
    width:13px;
    position:relative;
    padding:0 1px;
}

.scrollVert .thumb
{
    background:transparent url("/app/images/scrollbar/bg-scrollbar-thumb-y.png") no-repeat 50% 100%;
    height:20px;
    width:6px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
}

.scrollVert .thumb .end
{
    background:transparent url("/app/images/scrollbar/bg-scrollbar-thumb-y.png") no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:6px;
}

.scrollVert .disable
{
    display:none;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

/* Uniform Theme: Uniform Default Version: 1.8 */
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("/app/images/global/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("/app/images/global/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("/app/images/global/bg-input.png") no-repeat bottom right #58595B;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("/app/images/global/bg-input.png") no-repeat bottom right #58595B; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -128px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 5px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 30px;
    line-height: 30px;
    padding-right: 0px;
    cursor: pointer;
    width: 283px !important;
    display: block; 
	font-size:1.2em;}
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 24px;
    top: 2px;
    left: 0px;
    width: 285px;
	 }
  div.selector.active {
    background-position: 0 -128px; }
    div.selector.active span {
      background-position: right -128px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -128px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right 0; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 0; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right 0; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px; }
    div.radio span.checked {
      background-position: -72px -279px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -18px -18px -279px; }
    div.radio.active span.checked {
      background-position: -90px -279px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -279px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -279px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -465px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -437px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -493px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -381px; }

/* Buttons */
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px; }
  div.button.active {
    background-position: 0 -671px; }
    div.button.active span {
      background-position: right -551px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -701px; }
    div.button.hover span, div.button.focus span {
      background-position: right -581px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -611px;
      cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 1.2em;
  font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #bcbec0; }


/* PRESENTATION */
/* Buttons */
div.button span {
  font-weight: bold;
  font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
  div.selector span {
    color: #cccccc; }
  div.selector select {
    font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif; }
  div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }
  
/* Cookie Pop Up:
----------------------------------------------------- */
#cookiePop {
	background: #000;
    position: fixed;
    bottom: 2.5em;
    left: 1em;
    z-index: 9999999;
    width: 270px;
    padding: 10px;
	display:none;
	border:1px solid #A9A9A9;
}

#cookiePop p {
	margin:0;
}

#cookiePop a {
	font-size:1.1em;
	color: #88b7df;
}

#cookiePop a:hover {
	text-decoration:underline;
}

#cookiePop .button {
	display: block;
    width: 100%;
	background: #357e78;
	padding:0.5em 0;
	text-align:center;
	color:#ffffff;
	font-size:1.2em;
	margin-top:1em;
}

#cookiePop .button:hover {
	text-decoration:none;
}	

	
	
/* === TOP 	============================================================ */

#section_header { 
	position:relative;
	height:135px;
	width:100%;
	position:fixed;
	background:#fff;
	left:0;
	top:0;
	z-index:1000;
	background: url('/app/images/global/header-bg.jpg' ) repeat-x top left;
}

#section_header .innerContent {
	position:relative;	
	padding:10px 0;
	max-height: 80px;
	overflow: hidden;
    margin-bottom: 0;
}

#section_header a.logo { 
	display:block;
	width:20em;
	z-index:160;
	background:none;
	height: 90px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-10.6em;
	
}

#section_header a.logo img {
	display:block;	
	margin:0 auto;
}

#section_header #telephone,
#section_header #email {
	font-size:1.4em;
	padding:0.2em;
	color:#7a8696;
	line-height:1.1;
}

#section_header #telephone a {
	color:#9D9D9D;	
}

#section_header #telephone span {
	background: url('/app/images/global/telephone_icon.png' ) no-repeat center left;
	padding-left:1.2em;
}

#section_header #contactWrap {
	float:left;
	text-align:left;
	padding:1.1em 0 0;
}

#section_header #email span {
	background: url('/app/images/global/email_icon.jpg' ) no-repeat center left;	
	padding-left:1.5em;
}

#section_header #email a {
	color:#9D9D9D;
}

#section_header #email a:hover {
	text-decoration:underline;	
}

#section_header #shortlist {
	float:right;
	text-align:right;
	padding-bottom: 0.12em;
    padding-right: 0.4em;
    padding-top: 1.2em;
	font-size:1.2em;
}
#section_header #shortlist span {
	background: url('/app/images/global/shortlist_icon.png' ) no-repeat center left;	
	padding-left:1.5em;
}

#section_header #shortlist a {
	color:#7a8696;
}

#section_header #shortlist a:hover {
	text-decoration:underline;	
}
#section_header .socialLinks {
	float:right;
	padding-top:1.2em;
}

.socialLinks a {
	float:right;
	display:block;
	height:28px;
	width:28px;
	overflow:hidden;
	text-indent:-99999px;
	margin-left: 0.5em;
}

.socialLinks a.facebook { background: url('/app/images/global/icon_facebook.jpg') no-repeat center center;}
.socialLinks a.instagram { background: url('/app/images/global/icon_instagram.jpg' ) no-repeat center center;}
.socialLinks a.pinterest { background: url('/app/images/global/icon_pinterest.jpg' ) no-repeat center center;}

/* Navigation:
----------------------------------------------------- */
#section_nav {  z-index:150; position:relative; background: #ffffff; clear:both; display:block; }
#section_nav ul { margin:0; padding:0; display:block;}
#section_nav ul li { float:left; list-style-type:none; position:relative; padding:1.2em 0 0.2em 3.5em;}
#section_nav ul li.first { padding-left:0;}
#section_nav ul li.i4 { margin-left:23.1em;}
#section_nav ul li a { color:#7a8696; display:block; padding:0.5em 0.6em; text-align:center; font-size:1.1em; line-height:1.2em; border-bottom:3px solid #ffffff;	}

#section_nav ul li a.current {
	background: #b0a864;
	color:#fff;
}

#section_nav ul li a.current:hover {
	border-bottom:3px solid #ffffff;
	padding:0.5em 0.6em;
}

#section_nav ul li a:hover { 
	text-decoration:none;
	border-bottom:3px solid #d4be29;
	padding:0.5em 0.6em 0.4em 0.6em;
	}

#section_nav .menuToggle {
	display:none;	
}

/* Header Sub-Nav:
----------------------------------------------------- */
#headerSubNav {
	clear:both;
	background:#ffffff;
	z-index:150;
	position:relative;
	width:15.3em;
	min-height:12.9em;
}

#headerSubNav ul {
	margin:0;
	padding:0;	
}

#headerSubNav li {
	list-style:none;	
}

#headerSubNav li a {
	background: url('/app/images/global/sub-nav-bg.png' ) repeat-x center top #CAC6BA;
	display:block;
	margin:0;
	padding:1em 0.5em 0.9em 0.5em;
	color:#636363;
	text-align:center;
	text-transform:uppercase;
	font-size:0.95em;
}


#headerSubNav li a:hover {
	text-decoration:none;	
}

/*Top Banner:
----------------------------------------------------- */

#topBanner {
	position:absolute;
	top:0;
	left:0;	
}

#topBanner .slides_container {
	height:36.6em;
	width:91.5em;
}	

#topBanner .slides_container.small {
	float:right;
	width:76.2em;
	top:3.6em;	
}

#topBanner .slides_container.small img {
	max-width:995px;
	height:auto;	
}

#topBanner #cms_banners {
	position:relative;
	height:36.6em;
	width:91.5em;	
}

#topBanner #cms_banners .next,
#topBanner #cms_banners .prev {
	bottom:2.2em;
	right:3.5em;	
	position:absolute;
	z-index:150;
	background: url('/app/images/global/banner-prev.jpg' ) no-repeat left center #444c4d;
	width:2em;
	height:4.2em;
	text-indent:-999999px;
	overflow:hidden;
}

#topBanner #cms_banners .next {
	right:1em;
	background: url('/app/images/global/banner-next.jpg' ) no-repeat left center #444c4d;
}	

/*Property Toolbar:
----------------------------------------------------- */
#propertyToolbar {
	height: 35px;
    overflow: hidden;
	background:#a1911b;
	clear:both;
}

#propertyToolbar .innerContent {
	padding:0;
}

#propertyToolbar ul {
	margin:0;
	padding:0;
	list-style:none;
	border-left:1px solid #918218;
	border-right:1px solid #ab9c32;
	height:35px;
}

#propertyToolbar li {
	display:block;
	line-height:1.1;
	float:left;
	width: 25%;
	text-transform:uppercase;
}
#propertyToolbar li.propertyToggle {
	display:none;
}
#propertyToolbar li.label span {
	color:#fff;
	background: url('/app/images/responsive/search_icon.png' ) no-repeat center right;
	font-size:1.2em;
	text-align:left;
	height:40px;
	font-family:'TitilliumWeb-Bold', Arial, Helvetica, sans-serif;
	display: table-cell;
    vertical-align: middle;
	width:240px;
	line-height:1.1;
	*line-height:1.4;
	*display:inline-block;
	padding-right:2.5em;
}

#propertyToolbar li.last {
	margin-right:0;	
}

#propertyToolbar li a {
	color:#fff;
	background: none;
	font-size:1.2em;
	text-align:center;
	height:35px;
	font-family:'TitilliumWeb-Bold', Arial, Helvetica, sans-serif;
	display: table-cell;
    vertical-align: middle;
	width:240px;
	line-height:1.1;
	*line-height:1.4;
	*display:inline-block;
	border-right:1px solid #918218;
	border-left:1px solid #ab9c32;
}	

#propertyToolbar li span {
	background: url('/app/images/global/search_icon.png' ) no-repeat center right;
	padding-right:1.3em;
}

#propertyToolbar li a:hover {
	text-decoration:none;	
	color:#ffffff;
	background: #756d27;
}

#propertyToolbar li a.current,
#propertyToolbar li a.current:hover,
#propertyToolbar li a.parent,
#propertyToolbar li a.parent:hover {
	background:#756d27;
}	
/* === BOTTOM	============================================================ */

#section_menu { 
	clear:both; 
	color:#e7e7e7;
	z-index:1500; 
	position:fixed;
	margin:0 auto;
	width:960px;
	bottom:0.7em;
	left:50%;
	margin-left:-480px;
	}
	
#section_menu h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#636363;	
	margin:0 0 0.2em 0;
}

.topLink {
	display:none;	
}
	
.footerCol {
	width:14.2%;
	float:left;
	padding:0 1.1%;
}

#propertyMenu {
	height: 40px;
    overflow: hidden;
	margin-bottom:1.5em;
}

#propertyMenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#propertyMenu li {
	display:block;
	line-height:1.1;
	float:left;
	margin-right:13px;
	width:126px;
}

#propertyMenu li.last {
	margin-right:0;	
}

#propertyMenu li.last a {
	background: #87b6de;	
}

#propertyMenu li.last a:hover {
	background:#5899d1;	
}

#propertyMenu li a {
	color:#fff;
	background: rgb(17, 30, 50); /* The Fallback */
  	background: rgba(17, 30, 50, 0.8); 
	font-size:1.05em;
	text-align:center;
	height:40px;
	font-family:'TitilliumWeb-Bold', Arial, Helvetica, sans-serif;
	display: table-cell;
    vertical-align: middle;
	width:126px;
	line-height:1.1;
	*line-height:1.4;
	*display:inline-block;
}	

#propertyMenu li a:hover {
	text-decoration:none;	
	color:#ffffff;
	background: rgb(17, 30, 50);
}

#propertyMenu li a.current,
#propertyMenu li a.current:hover,
#propertyMenu li a.parent,
#propertyMenu li a.parent:hover {
	background:#5899d1;
}	

#propertyMenu .detailsToggle {
	margin-right:0;	
}

#propertyMenu .detailsToggle a,
#propertyMenu .detailsToggle a:hover {
	background:	#ff7b00;
}

#propertyMenu .detailsToggle span {
	padding-right:1.8em;
}

#propertyMenu .detailsToggle .hideDetails {
	background: url("/app/images/global/arrow_down_orange.jpg") no-repeat center right #ff7b00;
}

#propertyMenu .detailsToggle .showDetails {
	background: url("/app/images/global/arrow_up_orange.jpg") no-repeat center right #ff7b00;
	display:none;
}

#section_menu .copyright {
	text-align:center;	
}

#footerPanel {	
	position: fixed;
    width: 100%;
    z-index: 5000;
	color:#ccc;
	bottom:0;
	left:0;
	max-width:330px;
}

#footerPanel.full {
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.7); 
	max-width:100%;
}

#footerPanel.full p,
#footerPanel.full .linksMenu {
	background:none;
}

#footerPanel p,
#footerPanel .linksMenu {
	padding:4px 5px;
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.7); 
	margin:0;
	font-size:0.9em;
	float:left;	
	list-style:none;
}

#footerPanel .linksMenu {
	float:left;
	padding:3px 0;
}	
#footerPanel.full .linksMenu {
	float:right;
	clear:none;
}


#footerPanel .linksMenu li {
	display:inline;
	list-style:none;
}

#footerPanel .linksMenu li a {
	color:#cccccc;	
	padding:0 5px;
	border-left:1px solid #6e6e6e;
}
	
/* === MIDDLE 	============================================================ */

#widthPanel {
	width:	80em;
}

#mainContent  {
	margin:0;
	padding:0 0 3em 0;
	z-index:100; 
	position:absolute;
	background:#ffffff;
	left:50%;
	width:80em;
	margin-left:-40em;
	top:11.5em;
}	

.propertyListPage #mainContent {
	padding:0 0 3em 0;
}

#mainContent .inner {
	padding:1.2em;	
	position:relative;
}

#mainContent.property  {
	margin:0;
	z-index:120; 
	position:fixed;
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.7); 
	color:#fff;
	left:50%;
	width:960px;
	margin-left:-480px;
	bottom:4em;
	top:auto;
	padding:0;
	height:80px;
}	
#propertyPage #mainContent.property {
	height:40px;
	left:auto;
	right:0;
	margin-left:0;
	width:475px;
	bottom:0;
}

#propertyPage {
	position:relative;
	z-index:1050;
}
#propertyInformation {
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.5); 
	display: block;
    left: 0;
    padding: 0.6em 1em;
    position: absolute;
    top: 0;
    z-index: 150;
}

#mainContent.contentBlock {
	margin:0;
	z-index:100; 
	position:fixed;
	background: rgb(0, 0, 0); /* The Fallback */
  	background: rgba(0, 0, 0, 0.8); 
	color:#fff;
	left:50%;
	width:700px;
	margin-left:-350px;
	bottom:2.5em;
	top:auto;
	padding:18px 24px;
	height:530px;
	overflow:auto;
	height:300px\9;
}

#mainContent.contentBlock h1 {
	margin:0.2em 0 0.5em;	
}

#propertyPage .enquire_now .formField.date,
#propertyPage .enquire_now .formField.sailings,
.sailingPage .enquire_now .formField.property,
.sailingPage .enquire_now .formField.can_we_contact_you_with_our_latest_offers,
.sailingPage .enquire_now .formField.arrival_date,
.sailingPage .enquire_now .formField.departure_date {
	display:none;
}

#propertyPage.sailingPage .enquire_now .formField.sailings,
#propertyPage.sailingPage  .enquire_now .formField.date {
	display:block;
}


#locations #mainContent,
.formPage #mainContent {
	margin-left: -480px;
    width: 912px;
}

#locations #mainContent.contentBlock h1 {
	margin: 0 0 20px 0;
	line-height:1;
}

@media screen and (max-height: 770px) {
	#contentPage .contentBlock {
		height:520px;	
	}
}

@media screen and (max-height: 690px) {
	#contentPage .contentBlock {
		height:420px;	
	}
	
	#locations #mainContent { 
		height:338px;	
	}	
}

@media screen and (max-height: 600px) {
	#contentPage .contentBlock {
		height:370px;	
	}
	
	#locations #mainContent { 
		height:338px;	
	}	
}

@media screen and (max-height: 550px) {
	#contentPage .contentBlock {
		height:320px;	
	}
	
	#locations #mainContent { 
		height:338px;
		position:static;
		margin: 0 auto;
	}	
	
}

@media screen and (max-height: 500px) {
	#contentPage .contentBlock {
		height:270px;	
	}
}


#mainContent.contentBlock p,
#mainContent.contentBlock img,
#bookNow .leftCol p {
	padding-right:30px;	
}

#locations #mainContent.contentBlock img {
	padding-left:0;
	padding-right:0;	
}

#locations #mainContent.contentBlock p {
	padding-left:0;	
	padding-right:0;	
}

#mainContent .leftCol,
#locations .leftCol {
	float:left;
	width:332px;
}

#propertyPage #mainContent .leftCol {
	width:245px;
}

#mainContent .leftCol h1,
#locations .leftCol h1 {
		margin:0em 0 0.5em 0;
		line-height:1em;
}

#mainContent .rightCol,
#locations .rightCol  {
	float:right;
	width:526px;
	margin-left:24px;	
}

#mainContent .rightCol {
	margin-left:17px;
}

.questions #mainContent .rightCol {
	width:300px;
}	

.questions #mainContent .leftCol {
	width:558px;
}

#mainContent #bookNow .rightCol {
	width:485px;
}

#mainContent #bookNow .rightCol div.selector select {
	width:375px;
}

#mainContent #bookNow .rightCol form input,
#mainContent #bookNow .rightCol form textarea {
	width:370px;
}
#mainContent #bookNow .rightCol form .securityCode input {
	width:120px;
}
#mainContent #bookNow .rightCol div.selector,
#mainContent #bookNow .rightCol div.selector span {
	width:375px !important;
}
#bookNow .form .arrival_date,
#bookNow .form .departure_date,
#bookNow .form .no_of_adults,
#bookNow .form .no_of_children {
	width:50%;
	float:left;
} 
#bookNow .form .departure_date,
#bookNow .form .no_of_children {
	clear:none;
}

#mainContent #bookNow .rightCol .arrival_date input,
#mainContent #bookNow .rightCol .departure_date input,
#mainContent #bookNow .rightCol .no_of_adults div.selector select,
#mainContent #bookNow .rightCol .no_of_children div.selector select {
	width:128px;
}
#mainContent #bookNow .rightCol .no_of_adults div.selector,
 #mainContent #bookNow .rightCol  .no_of_adults div.selector span,
#mainContent #bookNow .rightCol .no_of_children div.selector,
 #mainContent #bookNow .rightCol  .no_of_children div.selector span {
	width:130px !important;
}


.questions .heading,
.questions #mainContent .rightCol h2 {
	font-size:1.6em;
	margin-bottom:12px;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
}

.questions #mainContent .rightCol .form .required {
	padding-top:0.1em;	
}

.questions #mainContent .rightCol form input[type="submit"] {
	margin-left:1px;
}

.questions .articles .item {
	margin-bottom:20px;	
}

.articles .question,
.articles .answer {
	background:#f6f2d4;
	background: rgba(246, 242, 212, 0.9);
	margin:10px 30px;
	padding:15px 0;
}

#mainContent .articles .question p,
#mainContent .articles .answer p {
	color:#666;	
	margin:0;
	padding-left:15px;
	padding-right:15px;
}

#mainContent .articles .question a,
#mainContent .articles .answer a {
	color:#4c4c4c;
	text-decoration:underline;	
}

.articles .question {
	border-left:4px solid #a1911b;
}

.articles .answer {
	border-left:4px solid #88b7df;
	margin-left:0;
}	

.articles .question .author {
	font-size:1.3em;	
}

.articles .answer .author {
	padding-top:10px;	
	font-size:1.1em;
}

.articles .answer .author span {
	color:#6892b5;
}

.articles .question .date {
	font-size:1em;
	padding-bottom:10px;	
}

.articles .question .author span {
	color:#a1911b;		
}

.articles .answerWrap {
	margin-left:45px;
	padding-left:30px;
	background: url("/app/images/global/answer-bg.png") no-repeat left center transparent;
}

#propertyInformation p.intro,
#mainContent.property p.intro {
	margin:0;
	padding:0;
}

#propertyInformation p.intro,
#propertyPage #mainContent.property p.intro {
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	font-size:1.25em;	
}
#propertyPage #mainContent.property p.intro {
	width:395px;
}
#contentPage #slides .container,
#propertyPage #slides .container,
#slides.detailsHidden .container {
	display:none !important;
}


#mainContent.property h1 {
    color: #FFFFFF;
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0.2em 0 0.3em 0;
}

#propertyInformation h1,
#mainContent.property h1.property,
#mainContent.property h2.property {
	font-size:1.25em;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0;
}

#mainContent.general h1 {
	display:none;	
}

#mainContent.home .imagePanel {
	float:left;
	width:13.5em;
	height:18em;
	position:relative;
	margin: 0 2.5em 2em 0;
}

#mainContent.home .imagePanel p {
	font-size:1em;	
}

#mainContent.home .imagePanel image {
	z-index:25;	
}

#mainContent.home .imagePanel img {
	padding:0;	
}

#mainContent.home .imagePanel a {
	position:absolute;
	background: url("/app/images/global/black_50_percent.png") repeat top left transparent;
	top:0;
	left:0;
	height:17em;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	padding:0.5em 1em;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
}

#mainContent.home .imagePanel a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration:none;
}

#mainContent.home .imagePanel .title {
	font-size:1.5em;
	display:block;	
	line-height:1.1em;
	margin:0.2em 0 0.4em 0;
}

#mainContent.home .imagePanel .text {
	font-size:1.2em;
	line-height:1.1em;	
}

#sideBarNav {
    width: 15.3em;
	float:left;
	margin-top:-4.8em;
	}

#sideBarNav h2 {
	background: url("/app/images/global/left-header-bg.png") no-repeat top left #e8e7e2;
	padding:0.3em 0.3em 1.5em 0.3em;
	color:#FBF0DF;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.6em;
	text-align:center;
	line-height:1;
}

#sideBarNav h2 a {
	color:#FBF0DF;	
}


#sideBarNav h2 a:hover {
	color:#fff;	
}

#sideBarNav #leftNav {
	margin-top:0.3em;	
}

#sideBarNav #leftNav ul {
	margin:0;
	padding:0;	
}

#sideBarNav #leftNav ul li {
	list-style:none;
		
}

#sideBarNav #leftNav ul li a {
	display:block;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	padding:0.4em 1em;
	text-transform:uppercase;
	background:url("/app/images/global/left-nav-bg.png") repeat-x bottom left #DFDEDC;
	color:#636363;
	font-size:1.02em;
	border-top:1px solid #7D7C7A;
}

#sideBarNav #leftNav ul li a.current,
#sideBarNav #leftNav ul li a:hover {
	background:url("/app/images/global/left-nav-bg.png") repeat-x bottom left #ffffff;	
}

#sideBarNav #leftNav ul li a span {
	display:block;	
	font-size:0.8em;
	color:#7D7C7A;
}

#sideBarNav #leftNav ul li a.parent {
	background:url("/app/images/global/left-nav-parent-bg.png") repeat-x top left #6C6B67;
	color:#D2D1CD;
	margin-top:0.2em;
	border-top:0;
}	

#sideBarNav #leftNav ul li a.parent span {
	color:#D2D1CD;
}

#sideBar {
	float:right;
	width:25em;
	background:#c9c6bf;
	padding-top:0.5em;
}

#sideBar a {
	color:#ffffff;	
}

#sideBar .featured a .title {
	font-family:"Times New Roman", Times, serif;
    font-size: 1.5em;
    text-transform: uppercase;	
	display:block;
}

#sideBar .featured img {
	border:1px solid #d4d2cd;	
}

#sideBar .featured a {
	display:block;	
}

#sideBar .sideBarPanel {
	border-bottom:1px solid #A09F9A;
	margin:0 1.5em;
	padding:1em 0;
}

#sideBar .sideBarPanel .txtBtn {
	display:block;
	padding:0.5em 1em;
	background:#ab9b57;
	margin:1em 0;
}	

#sideBar .featured .txtBtn {
	width:5em;	
}

#sideBar .enquiry .txtBtn {
	margin:0.5em 0;
}

#sideBar .sideBarPanel .txtBtn:hover {
	background:#93833d;
}	

#sideBar .sideBarPanel.last {
	border-bottom:none;	
}

#sideBar .sideBarPanel h2 {
	color:#9B8C4B;
	font-size: 1.8em;
	font-style:italic;
	margin:0;
	padding-bottom:0.5em;
	line-height:1em;
}

#sideBar .sideBarPanel h2 a {
	color:#9B8C4B;
}	

#sideBar .sideBarPanel .formField {
	display:block;
	margin-bottom:0.5em;	
}

#sideBar .sideBarPanel input {
	border:1px solid #CCC;
	background: #DFDFDF;
	width:16em;
}

#sideBar .sideBarPanel .label {
	float:left;
	width:4em;
	line-height:2;
}

#sideBar .sideBarPanel input.button {
	width:auto;
	margin-left:4em;	
	background: #828281;
}

#sideBar .sideBarPanel input.button:hover {
	background:#6C6B67;	
}

p.intro {
	padding-bottom:1em;	
}


#propertyList ul {
	margin:0 -15px;
	zoom:1;
	padding:0;
}

#mainContent #propertyList li {
	background: none repeat scroll 0 0 #414b5b;
    float: left;
    list-style: none outside none;
    padding:0;
    width: 25em;
	margin:0 15px 10px;
	height:355px;
	font-size:1em;
	position:relative;
}

#mainContent #propertyList li:hover {
	background:#000;	
}

#mainContent #propertyList li:hover .leftCol,
#mainContent #propertyList li:hover .rightCol,
 #mainContent #propertyList li:hover .image {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

#mainContent #propertyList li .leftCol {
	float:left;
	width:40%;	
	margin:0.2em 0;
	position:relative;
	min-height:90px;
}
#mainContent #propertyList li .leftCol .alignBottom {
	position:absolute;
	bottom:0;
	left:0;
}
#mainContent #propertyList li .leftCol .alignBottom p {
	margin:0.2em 0 0;
}

#mainContent #propertyList li .rightCol {
	float:right;
	width:55%;	
	text-align:right;
	margin:0.2em 0;
	position:relative;
	min-height:90px;
}

#mainContent #propertyList li .propertyDetails {
	padding:0.2em 1em 1em;	
}

#propertyList li a {
	color: #fff;
	text-decoration:none;	
	display:block;
}

#propertyList li a img {
	max-width:100%;	
}

#propertyList li a:hover {
	color: #fff;	
	text-decoration:none;
}

#propertyList li h2 {
	margin:0;
	line-height:1.2em;
	font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif;	
}

#propertyList li a .title {
	font-size:1.5em;
	padding-top:0.5em;
}

#propertyList li p {
	margin:0.3em 0;	
	color:#fff;
	font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

#propertyList li p.sleeps {
	margin-top:0.6em;	
}

#propertyList li p.price {
	margin-bottom:0.5em;
	line-height:1.2em;	
	text-align:right;
}

#propertyList li .location {	
	color:#cfd2d6;
	border-bottom:1px solid #8889ba;
	padding-bottom:0.3em;
	font-family:'TitilliumWeb-regular', Arial, Helvetica, sans-serif;
	margin:0;
}


#propertyList li a.highlightLnk {
	color:#a1911b;	
	padding:0.5em 0 0;
	position:absolute;
	right:0;
	bottom:0;
}

#propertyList li a.highlightLnk2 {
	color:#80B3DA;	
	padding:0.5em 0 0;
	position:absolute;
	right:0;
	bottom:1.6em;
}

#mainContent .hideInfo,
#mainContent .showInfo,
#mainContent .bookNow,
#locations .bookNow  {
	background:#1164be;
	color: #FFFFFF;
    display: block;
    font-size: 1.25em;
    position: absolute;
    right: 417px;
    text-decoration: none;
    top: 0;
    width: 126px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:'TitilliumWeb-bold', Arial, Helvetica, sans-serif;	
}

#mainContent .hideInfo,
#mainContent .showInfo {
	right:349px !important;
	top:0;
	background:#668294;
	z-index:500;
}

#mainContent .hideInfo {
	top:0;
}

#mainContent .hideInfo {
	background:#668294;	
}

#mainContent .hideInfo span {
	background: url("/app/images/global/arrow_down_white.png") no-repeat center right #668294;
	padding-right:1.8em;
}

#mainContent .showInfo span {
	background: url("/app/images/global/arrow_up_white.png") no-repeat center right #668294;
	padding-right:1.8em;
}

#mainContent .bookNow,
#locations .bookNow {
	background:#a1911b;
	right: 278px;
}

#mainContent .bookNow {
	right:218px;
	top:0;
	background:#a1911b;
	z-index:500;
}
#mainContent .bookNow.open {
	top:0;
}
#mainContent .bookNow .hidden {
	display:none;
}
#mainContent .bookNow.open .enquire {
	display:none;
}
#mainContent .bookNow.open .hidden {
	display:inline;
}

#mainContent .bookNow span,
#locations .bookNow span {
	background: url("/app/images/global/arrow_up_orange.jpg") no-repeat center right #a1911b;
	padding-right:1.8em;
	display: inline;
    height: 40px;
	position:static;
}

#mainContent .bookNow span {
	background: url("/app/images/global/arrow_up_white.png") no-repeat center right #a1911b;
}

#mainContent .bookNow.open span,
#locations .bookNow.open span {
	background: url("/app/images/global/arrow_down_orange.jpg") no-repeat center right #a1911b;	
}
#mainContent .bookNow.open span {
	background: url("/app/images/global/arrow_down_white.png") no-repeat center right #a1911b;	
}

#mainContent .bookNow.shortlist {
	width:180px;	
	right:140px;
	background:#1164BE;
}

#mainContent .bookNow.shortlist span {
	background: url("/app/images/global/arrow_up_blue.jpg") no-repeat center right #1164be;
}

#mainContent .bookNow.shortlist.open {
	background:#5899d1;	
}

.shortlist_link {
	background:#58595B;
    border: none;
    color: #BCBEC0;
    font-size: 1em;	
	padding:0.2em 0.3em;
	margin-top:0.5em;
}

#mainContent .bookNow.shortlist.open span {
	background: url("/app/images/global/arrow_down_blue.jpg") no-repeat center right #5899d1;
}

.popUp,
#mainContent .hideInfo {
	display:none;	
}

.popUp {
	position:absolute;
	height:400px;
	height:240px\9;	
	bottom: 100%;
    overflow: hidden;
    position: absolute;
	background: url("/app/images/global/black_80_percent.png");
  	background: rgba(0, 0, 0, 0.8); 
	padding: 20px 24px;
    position: absolute;
    right: 136px;
    width: 776px;
}
#propertyPage #mainContent .inner {
	padding:0;
}
#propertyPage .popUp {
	border-bottom: 40px solid #000000;
    bottom: -40px;
	right: 0;
	background: rgba(0, 0, 0, 0.9); 
	z-index:400;
	width:675px;
}
#propertyPage #mainContent .hideInfo,
#propertyPage #mainContent .bookNow.open{
	z-index:500;
}

#bookNow.popUp,
.shortlistPopUp {
	width:912px;
	right:0;
	overflow-y:auto;
	height:530px;
	height:240px\9;
}
#bookNow.popUp {
	width:777px;
}
#bookNow.popUp .scrollVert .viewport {
	width:748px;
}

#bookNow.shortlistPopUp {
	width:912px;
}
#bookNow.shortlistPopUp .scrollVert .viewport {
	width:902px;
}

#bookNow.shortlistPopUp,
#mainContent .shortlistPopUp .scrollVert .viewport {
	height:400px;	
}

#mainContent .shortlistPopUp .leftCol h2 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0.2em 0 0.3em;	
}

#mainContent .shortlistPopUp .rightCol {
	min-height:375px;	
}

@media screen and (max-height: 810px) {
	#mainContent #bookNow .scrollVert .viewport,
	#bookNow.popUp,
	#shortlist.popUp {	
	height:500px;
	}
	#mainContent #bookNow .scrollVert .viewport,
	#bookNow.shortlistPopUp {
		height:400px;
	}
}

@media screen and (max-height: 730px) {
	#bookNow.popUp,
	#mainContent #bookNow .scrollVert .viewport {
		height:420px;
	}
	#mainContent #bookNow.shortlistPopUp .scrollVert .viewport,
	#bookNow.shortlistPopUp {
		height:320px;	
	}
}

@media screen and (max-height: 650px) {
  .popUp {
    height:33em;
  }
  
  #tabs.ui-tabs .ui-tabs-panel {
	 height:310px;
  }
 
	#mainContent #info .scrollVert .viewport {
		height:310px;	
	}
	#mainContent #info .scrollVert .overview {
		min-height:310px;	
	}
	#bookNow.popUp,
	#mainContent #bookNow .scrollVert .viewport {
		height:400px;
	}
	#mainContent #bookNow.shortlistPopUp .scrollVert .viewport,
	#bookNow.shortlistPopUp {
		height:280px;
	}
	
	
}

@media screen and (max-height: 580px) {
  .popUp {
    height:20em;
  }
  
  #tabs.ui-tabs .ui-tabs-panel {
	 height:160px;
  }
 
	#shortlist.popUp,
	#mainContent #info .scrollVert .viewport  {
		height:160px;	
	}
	
	#bookNow.popUp,
	#mainContent #bookNow .scrollVert .viewport {
		height:200px;
	}
	
}


#footerCover,
#locationsCover {
	bottom:0;
	position:fixed;
	left:50%;
	margin-left:-480px;
	width:960px;
	border-bottom:4em solid #fff;
	height:80px;	
	background: url("/app/images/global/black_50_percent.png");
  	background: rgba(0, 0, 0, 0.5); 
	z-index:1000;
}

#footerCover.coverHidden {
	background:none;
	height:0;
}

#footerCover.coverHidden #propertyBack {
	display:none;	
}

#footerCover span {
	background:#615f65;
	height:6px;
	display:block;
	width:100%;	
	position:absolute;
	bottom:0;
	left:0;
}

#footerCover #propertyBack span {
	height:auto;
	position:static;
	display:inline;
	width:auto;	
}

#rates table {
	width:100%;	
}

#rates table td {
	text-align:center;
	padding:5px;
	border-bottom:1px solid #333;	
}

#rates table > tbody > tr:first-child {
	background:#000;	
}

#rates table > tbody > tr:first-child td {
	border-bottom:1px solid #a1911b;
	border-top:none;
	border-left:none;	
	border-right:none;	
	color:#d8d8d8;
}

#filters {
	background:#333333;
	margin:0.5em 0;
	padding:0.8em 1em 0.5em;
	overflow:auto;
	color:#ffffff;
}

#filters h2 {
	margin:0;
	float:left; 
}

#filters label {
	padding:0.2em 0.5em;
	display:inline-block;
	font-size: 1.1em;
    line-height: 1.6em;
}

.filterOption {
	float:left;
	padding: 0 0.5em;
}
	
.filterOption div.selector,
.filterOption div.selector span {
	width:60px !important;
	margin-top:-3.5px;
}

.filterOption div.selector,
.filterOption div.selector.hover,
.filterOption div.selector.focus {
    background-position: 0 -131px;
}

.filterOption div.selector select {
	width:64px !important;
}

/* styles/default.css 	================================================================================================== */