@charset "utf-8";
body { margin:0;padding:0; background-color: #cfcf9f;}
h1 { color: #b52a35 !important; font-family: quicksand,sans-serif; text-transform:uppercase;font-weight: bold; font-size: 28px !important; line-height: 33px }
h1.title { margin:30px 0 20px; color: #b52a35; font-family: quicksand,sans-serif; text-transform:uppercase; font-weight: bold;} 
span.quote { font-size: 22px; text-transform:none }
h2.room-title { margin:20px 0 15px; color: #b52a35; font-family: quicksand, sans-serif; font-size:18px; text-transform:uppercase; font-weight: bold;}
h2.rate-increase {  background: #b52a35 none repeat scroll 0 0; color: #fff; display: inline-block; margin: 0 0 20px; padding: 10px; width: inherit;}
h2 { color: #b52a35 !important; font-family:quicksand, sans-serif !important; font-size:16px; font-weight:bold;  }
h2.booking { color: #b52a35; font-family:quicksand, sans-serif; font-size:16px; font-weight:bold;  }
h2.booking { color: #b52a35; font-family:quicksand, sans-serif; font-size:16px; font-weight:bold; text-decoration: underline;  }
h3 { color: #b52a35 !important; font-family: quicksand, sans-serif !important;  font-size:14px !important; font-weight:bold !important;}
.expander h3 { margin: 5px 0 0 }
p { font-family:'PT Sans', sans-serif;line-height: 1.4em;}

ul { font-family:'PT Sans', sans-serif;line-height: 1.4em;}
a { text-decoration: none; font-weight: bold; color: #6f6f3c }
a:hover { color: #b52a35; }
#container { width: 100%; margin: auto;}
#content { width:1000px; height:auto; margin: 0 auto; }
.clear {clear: both;}
.social {
    height: 40px;
    margin: 10px 0 0 0;
    padding: 0;
    width: 350px;
	position: fixed;
	right: 1%;
}
.specialmay { background-color:#b52a35; color:#fff; text-align:center; font-size:36px;box-sizing:border-box;padding:10px;line-height: 40px; font-family: quicksand,sans-serif; }

.specialmay span { display:block; font-size:26px; }

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

.NewRates {
	position: absolute;
    bottom: 30px;
    left: 0;
    background: rgba(255,255,255,0.8);
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px 20px 20px 0px;
}

.NewRates p, .NewRates li{
    color: #6f6f3c;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

.NewRates2 {
	display: none;
}

.NewRatesHeading{
	margin-bottom: 10px !important;
    color: #6f6f3c !important;
    text-shadow: none !important;
    font-size: 20px;
}

.Star {
	font-size: 18px;
	color: #b52a35;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    /* Safari only override */
    ::i-block-chrome,#pagenormal h2 {
     font-size:12px;
    }
}
.social ul { list-style:none; padding:0;margin:0;}
.slider-shadow { margin-top: -35px; }

#search-bar { 
  display:none;
}
input#editbox_search { 
	background: none repeat scroll 0 0 #cfcf9f;
	border: 1px solid #909066;
	color: #444444;
	height: 40px;
	box-sizing:border-box;
	font-size: 0.9em;
	margin-right: 3px;
	padding: 7px;
	width: 165px;
	float: left;
}

.button_search {
	border:none; 
	box-sizing:border-box; 
	color:#cfcf9f;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	float:left;
	padding: 10px;
	height: 40px;
	margin-left:3px;
	background: #b52a35;
}

.button_search:hover{ background: #a32630; color:#cfcf9f;  }
	

.social a.facebook {
    background-image: url("../images/social-icons.png");
    background-position: 80px 0px;
    display: block;
    float: right;
    height: 40px;
    margin: 0;
    text-indent: -9999px;
    width: 40px;
	outline: 0;
}
.social a.facebook:hover {
    background-image: url("../images/social-icons.png");
    background-position: 80px -40px;
}
.social a.twitter {
    background-image: url("../images/social-icons.png");
    background-position: 40px 0;
    display: block;
    float: right;
    height: 40px;
    margin: 0;
    text-indent: -9999px;
    width: 40px;
	outline: 0;
}
.social a.twitter:hover {
    background-image: url("../images/social-icons.png");
    background-position: 40px -40px;
    transition: /*all 0.25s*/ ease-in-out 0s;
}
.social a.search {
    background-image: url("../images/social-icons.png");
    background-position: 0 0;
    display: block;
    float: right;
    height: 40px;
    margin: 0;
    text-indent: -9999px;
    width: 40px;
}
.social a.search:hover {
    background-image: url("../images/social-icons.png");
    background-position: 0 -40px;
}
#logo img { width: 370px;display: block; margin: 10px auto 20px auto; position:relative; z-index:1; }
.book-now-btn {  margin: 20px 0 50px 0; }
a.book-now {  padding: 8px; font-family:quicksand, Arial, sans-serif;color:#cfcf9f; font-size:18px; text-transform:capitalize;background: #b52a35; }
a.book-now:hover { font-family:quicksand, Arial, sans-serif;color:#cfcf9f; font-size:18px; text-transform:capitalize;background: #a32630; }
ul.navigation { font-family:Arial, Helvetica, sans-serif; margin: -20px 0 15px 0; padding: 0; position:relative; z-index:2; }
ul.navigation li { list-style: none; display:inline; float: left; }
ul.navigation li a { font-weight: normal; margin: 0 19px; color:#909066; font-size:0.9em; text-decoration: none;}
ul.navigation li a:hover { transition: background-color 0.5s ease; border-bottom: #b52a35 solid 3px; padding-bottom: 3px;}
.current { transition: background-color 0.5s ease; border-bottom: #b52a35 solid 3px; padding-bottom: 3px; }

.breadcrumbs {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 15px 15px 15px 0;

padding-bottom: 0px;
float: right;
}
.breadcrumbs a {
color: #c12621;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}

/*** Begin Slideshow ***/
/*** Basic Slider styles ***/
#my-slideshow { margin: 20px 0; box-shadow: 0px 0px 5px #aaa; }
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; box-shadow:0 0 5px #aaa}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{display: none; list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;display:none;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}
ol.bjqs-markers.h-centered{text-align: center; display:none;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    bottom: 20px;
    color: #fff;
    display: block;
    font-family: quicksand,Arial,sans-serif;
    font-size: 22px;
    margin: 0;
    padding: 1% 2%;
    position: absolute;
    text-shadow: 1px 1px #b52a35;
    width: 87%;
}
p.bjqs-special{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    bottom: 20px;
    color: #fff;
    display: block;
    font-family: quicksand,Arial,sans-serif;
    font-size: 28px;
    margin: 0;
    padding: 1% 2%;
    position: absolute;
    text-shadow: 1px 1px #b52a35;
    width: 87%;
}
/*** End Slideshow Style ***/

.main { color: #444444; font-size:0.85em; line-height: 120%; }
.rooms-main { color: #444444; font-size:0.85em; line-height: 120%; }
.rooms-main img:hover { opacity: 0.6; filter: alpha(opacity=40); /* For IE8 and earlier */ }
.rooms-main-loft { color: #444444; font-size:0.85em; line-height: 120%; }
.rooms-main-loft img:hover { opacity: 0.6; filter: alpha(opacity=40); /* For IE8 and earlier */ }
.rooms-main-loft-mobile { color: #444444; font-size:0.85em; line-height: 120%; }
.rooms-main-loft-mobile img:hover { opacity: 0.6; filter: alpha(opacity=40); /* For IE8 and earlier */ }
.loft-mobile { padding: 0 15px; text-align:center; box-sizing: border-box; }
.article { width:79%; float:left; }
.pagenormal  { width:79%; float:left; }
img.post-tn { float: right; margin: 0 0 10px 10px; padding:3px; background:#444; box-shadow: 0px 0px 5px #aaa; }
img.post-image { box-shadow: 0px 0px 5px #aaa; padding:4px; background:#444; }
.reviewarticle { width:50%; float:left; box-sizing:border-box; }
h2.post-title { border-bottom: 1px #bfbf88 solid; padding: 0 0 5px 0;}
a.read-more { line-height: 2.5em; padding: 5px; background: #bfbf88; color: #b52a35;font-family:'PT Sans', sans-serif; }
a.read-more:hover { line-height: 2.5em; padding: 5px; background: #b5b581 }
.special-wrap { overflow:auto; border: solid 1px #bfbf88; }
.special { font-size: 13px; text-align:center; padding: 10px 20px; color: #FFF; background: #b52a35; margin-bottom: 10px; font-family: quicksand,sans-serif; z-index: 10; top: 0; width: 100%; box-sizing: border-box; }
.special span { font-size: 12px;}
.special-left { float:left; width: 20%;box-sizing:border-box;background:#bfbf88; }
.special-left h2{ text-align:center; font-size:1.6em; line-height:1.4em; padding: 7px; font-weight:bold;}
.special-right { float: right; width:80%; box-sizing:border-box; padding-left:20px;}
.sidebar-right { width:21%;float:right;box-sizing:border-box; font-family:'PT Sans', sans-serif; padding-left: 20px; }
.conference-info ul { padding: 0 0 0 15px !important }
.conference-info {font-family: Arial, Helvetica, sans-serif;font-size: 12px; background: #FFF;padding: 20px; }
.sidebar-left { width:25%;float:left;box-sizing:border-box; padding: 0 15px 0 0;font-family:'PT Sans', sans-serif; }
.leftCol { box-sizing:border-box; width: 50%; padding: 0 20px 0 0; float: left; }
.rightCol { box-sizing:border-box; width: 50%; padding: 0 0 0 20px; float: right; }
h1.title { margin:30px 0 20px; color: #b52a35; font-family: quicksand,sans-serif; text-transform:uppercase; font-weight: lighter; /*margin-left: 15px;*/ } 

#quickenquiry { height:52px;margin-top: 15px; }
.expander {
	text-decoration:none!important;
}
.header{
  background:url(../images/more.png) no-repeat #bfbf88;
  background-position:right 5% top 50%;
  background-position-x: 95%;
  background-position-y: 50%;
  cursor:pointer;
  padding: 0px 15px;
  width: 11%;
  float:left;
  height: 50px;
  box-sizing:border-box; 
}
.header:hover{
  background:url(../images/more.png) no-repeat #b5b581;
  background-position:right 5% top 50%;
  background-position-x: 95%;
  background-position-y: 50%;
  cursor:pointer;
  padding: 0px 15px;
}
.collapsed .header{
  background-image:url(../images/less.png);
}
.content{
width: 82%;
  overflow:hidden;
  float: left;
  display: none;
}

#quick-enquiry-opened { width: 82%;
  overflow:hidden;
  float: left;
  visibility: hidden;
  }

.collapsed .content{
  min-height:0px;
  height:0px;
}
::-webkit-input-placeholder {
   color: #444444;
}
:-moz-placeholder { /* Firefox 18- */
   color: #444444;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #444444;
}
:-ms-input-placeholder {  
   color: #444444;
}
input:focus, textarea:focus { outline: 1px solid #b52a35; }

#bottom-enquiry input {  }

input.name { 
	border:1px solid #909066; 
	background: #cfcf9f;
	width: 130px;
	padding: 17px 5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color: #444444;
	box-sizing:border-box; 
	margin-left:5px;}
input.email { 
	border:1px solid #909066; 
	background: #cfcf9f;
	width: 130px;
	padding: 17px 5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color: #444444;
	box-sizing:border-box; 
	}
input.phone { 
	border:1px solid #909066; 
	background: #cfcf9f;
	width: 130px;
	padding: 17px 5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color: #444444;
	box-sizing:border-box;
	}
input.datepick {
	border:1px solid #909066; 
	background: #cfcf9f;
	width: 80px;
	padding: 17px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color: #444444;
	}
	.Zebra_DatePicker_Icon, .Zebra_DatePicker_Icon_Inside { margin-right: 0!important; }
input.submit { 
	border:1px solid #909066; 
	box-sizing:border-box; 
	background-color:#b52a35;  
	position: absolute;
	color: #fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	padding: 15px;
	margin-left:145px;
	cursor: pointer;
}
input.submit:hover { color:#b52a35;background: #b5b581; border:1px solid #909066;}

/*Vertical QE Form */

input.vertname { 
	border:1px solid #909066; 
	background: #cfcf9f;
	width: 100%; 
	padding: 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color: #444444;
	float: left;
	box-sizing:border-box;
	height: 50px; 
	margin-bottom:3px;}
input.vertemail { 

	border:1px solid #909066; 
	background: #cfcf9f;
	width: 100%; 
	padding: 10px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #444444;
	font-size:11.5px; 
	float: left;
	box-sizing:border-box;
	height: 50px;
	margin-bottom:3px;
}
input.vertphone { 
	border:1px solid #909066; 
	background: #cfcf9f;
	width: 100%; 
	padding: 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color: #444444;
	float: left;
	box-sizing:border-box;
	height: 50px; 
	margin-bottom:3px;}
input.vertdatepicker {
	width: 100%; 
	box-sizing:border-box;
	height: 50px;
	float: left;
	border:1px solid #909066; 
	background: #cfcf9f;
	padding: 10px; 
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
	color: #444444;
}
input.vertsubmit { 
	border:1px solid #909066; 
	box-sizing:border-box; 
	background-color:#bfbf88;  
	width: 100%; 
	color: #b52a35; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	float:right;
	box-sizing:border-box;
	height: 50px;
	margin:3px 0;
}
input.vertsubmit:hover { color:#b52a35;background: #b5b581; border:1px solid #909066;}

/*Tripadvisor Widgets*/
#TA_certificateOfExcellence481 { float: right; margin-top: 10px }
#TA_certificateOfExcellence330 { float: right; margin-top: 10px}
#TA_certificateOfExcellence633 { float: right; margin-top: 10px }
#TA_excellent25 { float: right; }
#CDSWIDEXC { width: 132px !important }
#CDSWIDCOE { width: 141px !important;  }
#CDSWIDSSP .widSSPData { background: #eeeedc!important; }
.widSSPBranding img { padding: 3px!important;background: #FFF!important; }
#CDSWIDCR .selfserve { background: #eeeedc!important; }
#WIDGET { background: #eeeedc!important; }

footer { height: inherit;width: 100%;border-top:1px solid #bfbf88; margin: 35px 0 0 0;}
.footer-block-1 { color: #6f6f3c; width:19%; height:120px; float:left; box-sizing:border-box; padding: 8px; font-size: small; }
.footer-block-2 { color: #6f6f3c; width:16%; height:120px; float:left; box-sizing:border-box; padding: 8px; font-size: small; }
.footer-block-3 { color: #6f6f3c; width:65%; height:150px; float:left; box-sizing:border-box; padding: 0px; font-size: small; }

.copyright { width:100%;background:#bfbf88; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding: 15px 0 ; color: #6f6f3c; /*border-top:1px solid #bfbf88;*/  }

/*Lightbox*/
/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*/////////////*/

.hidden { visibility:hidden; }

.captcha
{
  margin: 0 auto;
  margin-left: -10px;
}
.captcha2 {
    box-sizing: border-box;
    height: 50px;
    margin-left: 700px;
    margin-top: -61px;
    position: absolute;
    width: 100px;
}
.refresh {
    float: left;
    margin-left: 170px;
    margin-top: -37px;
    position: relative;
}
.refresh2 {
    float: right;
    margin-right: -95px !important;
    margin-top: -18px;
    position: relative;
}

#SpamCheck { margin-left: 10px!important;padding: 14px 5px;border:1px solid #909066; background: #cfcf9f;  font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color: #444444; }
#SpamCheck2 {
    background: none repeat scroll 0 0 #cfcf9f;
    border: 1px solid #909066;
    color: #444444;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11.5px;
    margin-right: 15px;
    margin-top: 11px;
    padding: 17px 5px;
    width: 61px;
}
#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
.inputContainer
{
  position:relative;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
}
.formError
{
  position:absolute;
  top:300px;
  left:300px;
  padding-bottom:13px;
  display:block;
  z-index:5000;
  cursor:pointer;
}
#debugMode
{
  background:#000;
  position:fixed;
  width:100%;
  height:200px;
  top:0;
  left:0;
  overflow:scroll;
  opacity:0.8;
  display:block;
  padding:10px;
  color:#fff;
  font-size:14px;
  z-index:100000;
}
.ajaxSubmit
{
  padding:20px;
  background:#55ea55;
  border:1px solid #999;
  display:none
}
.r .formErrorContent
{
  width:100%;
  background:#ee0101;
  color:#fff;
  width:150px;
  font-family:tahoma;
  font-size:11px;
  box-shadow: 0px 0px 6px #000;
  -moz-box-shadow: 0px 0px 6px #000;
  -webkit-box-shadow: 0px 0px 6px #000;
  padding:4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.formError .formErrorArrow
{
  width:15px;
  margin:-2px 0 0 13px;
  z-index:5001;
}
.formError .formErrorArrowBottom
{
  top:0;
  margin:-6px;
}
.formError .formErrorArrow div
{
  border-left:2px solid #ddd;
  border-right:2px solid #ddd;
  box-shadow: 0px 2px 3px #444;
  -moz-box-shadow: 0px 2px 3px #444;
  -webkit-box-shadow: 0px 2px 3px #444;
  font-size:0px;
  height:1px;
  background:#FF0000;
  margin:0 auto;
  line-height:0px;
  font-size:0px;
  display:block;
}
.formError .formErrorArrowBottom div
{
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.formError .formErrorArrow .line10
{
  width:15px;
  border:none;
}
.formError .formErrorArrow .line9
{
  width:13px;
  border:none;
}
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3
{
  width:1px;
  border-left:2px solid #ddd;
  border-right:2px solid #ddd;
  border-bottom:0px solid #ddd;
}
.formError .formErrorArrow .line2
{
  width:3px;
  border:none;
  background:#ddd;
}
.formError .formErrorArrow .line1
{
  width:1px;
  border:none;
  background:#ddd;
}
.formErrorcontent
{
  border-top:2px solid #ddd;
  border-left:2px solid #ddd;
  border-right:2px solid #ddd;
  border-bottom:2px solid #ddd;
  background-color: #FF0000;
  font-size: 12px;
  font-weight: bold;
  color:#FFF;
  text-align:center;
  line-height:16px;
  padding: 5px;
    font-family:Arial, Helvetica, sans-serif;
}
.captcha input { width: 65px!important;}
.captcha-img {
    margin-bottom: -30px !important;
    margin-left: 97px;
    vertical-align: inherit !important;
}
#gallery { list-style: none; margin: 0; padding: 0; }
#gallery li {float: left; margin-right: 5px; }
#gallery li:nth-child(8n+8) {float: left; margin-right: 0px; }
#map { float: right; }
#contactform { float: left;}
.blogarticle { border-bottom: 1px solid #999; overflow: hidden; padding: 10px 20px }
span.article-date { font-family:'PT Sans', sans-serif;line-height: 1.4em; font-style:italic; font-weight: bold;}
blockquote { margin: 0; padding:0; }
.blog-content { width:80% }
h2#large-head { font-size: 20px }
#article-page img { float:right; margin: 0 0 10px 10px;  }
input#Name { border:1px solid #909066; background: #cfcf9f; width: 230px; padding-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #444444;float: left; box-sizing:border-box;	height: 50px; 	margin-left:3px;}
input#Email { border:1px solid #909066; background: #cfcf9f; width: 230px; padding-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #444444;float: left; box-sizing:border-box;	height: 50px; 	margin-left:3px; }
input#ContactNumber { border:1px solid #909066; background: #cfcf9f; width: 230px; padding-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #444444;float: left; box-sizing:border-box;	height: 50px; margin-left:3px; }
textarea#TextareaMessage { border:1px solid #909066; background: #cfcf9f; width: 230px; padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #444444;float: left; box-sizing:border-box;height: 125px; margin-left:3px; }
.main-form-submit {padding: 8px; font-family:quicksand, Arial, sans-serif;color:#cfcf9f; font-size:18px; text-transform:capitalize;background: #b52a35; border:0; }
.main-form-submit:hover{font-family:quicksand, Arial, sans-serif;color:#cfcf9f; font-size:18px; text-transform:capitalize;background: #a32630; border:0; }
.form-table { border:0; }
.align-left { text-align:left; }
.vertical-align-middle { vertical-align:middle; }
#map iframe { border:0; }
span.lifeon3rd { font-weight: bold; color: #b52a35; font-style:italic; }

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; border: 3px solid #666; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: inline-block; position: relative; width: 16px; height: 16px; background: url('../images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; zoom: 1; *display: inline; }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 12px 0 0; }

/** CSS3 image hover **/

.view {
   width: 480px;
   height: 211px;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 480px;
   height: 211px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:480px;
   height:211px;
}

/* THIRD EFFECTS */

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:150px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-110px;
   left:-110px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
   border:110px solid rgba(0,0,0,0.7);
}
.third-effect:hover a.info {

	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/** end image hover **/

/** CSS3 image hover large**/

.view2 {
   width: 1000px;
   height: 211px;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view2 .mask2, .view2 .content2 {
   width: 1000px;
   height: 211px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view2 img {
   display: block;
   position: relative;
}
.view2 a.info2 {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:1000px;
   height:211px;
}

/* THIRD EFFECTS */

.third-effect2 .mask2 {
   opacity: 0;
   overflow:visible;
   border:150px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect2 a.info2 {
   position:relative;
   top:-110px;
   left:-110px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect2:hover .mask2 {
   opacity: 1;
   border:110px solid rgba(0,0,0,0.7);
}
.third-effect2:hover a.info2 {

	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/** end image hover **/

/** START MOBILE CSS **/

@media only screen and (min-width : 1001px) {
.rooms-main-loft-mobile { display:none!important; }
}

@media only screen and (max-width : 1000px) {
	
.NewRates {
	display: none;
}
	
.NewRates2 {
    position: inherit;
    background: rgba(255,255,255,0.8);
    padding: 1px 0px 1px 0px;
    border-radius: 20px 20px 20px 20px;
    display: inherit;
}

.NewRatesHeading {
    margin-bottom: 10px !important;
    font-size: 15px;
}

.NewRates2 p, .NewRates2 li{
    color: #6f6f3c;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}
	
#content { width: 100%!important; }
#logo {width: 100%!important;}
#logo img {width: 100%!important; max-width: 370px!important; height:inherit}
.navigation { width: 100%!important; }
.navigation li { width: 100%!important; text-align: center!important; padding: 3px 0!important; margin: 0!important;  }
.main { width: 100%!important; }
.rooms-main { width: 100%!important; }
.leftCol { float: none!important; width: 100%!important; padding:0!important; }
.rightCol { float: none!important; width: 100%!important; padding:0!important; }
.main p{text-align: center!important; margin: 10px!important;}
.rooms-main p {text-align: center!important; margin: 10px!important; }
.title, .room-title, .main h2 { text-align: center!important; line-height: 1.2em!important;}
#quick-enquiry-opened { visibility: visible!important; }
.header { width: 95%!important; }
input.name { margin: 0!important; width: 93%!important; margin-top: 10px!important; margin-left: 12px!important; }
input.email { margin: 0!important; width: 93%!important; margin-top: 10px!important; margin-left: 12px!important; }
input.phone { margin: 0!important; width: 93%!important; margin-top: 10px!important; margin-left: 12px!important; }
input.datepick { width: 60%!important; margin-top: 10px!important; margin-left: 12px!important; }
.captcha2 {
    margin: 0 60px 20px !important;
    position: relative !important;
}
#bottom-enquiry { width: 100%!important;}
input.submit { position: relative!important; margin-left: 12px!important; }
.footer-block-1, .footer-block-2 { width: 100%!important; float: none!important; text-align: center!important; }
.footer-block-3 { float: none!important; width: 150px!important; margin: auto!important; margin-top: 15px!important; }
.copyright {  line-height: 1.4em!important;}
.social { position: relative!important; width: 80px!important; right: inherit!important; margin: 0 auto!important;}
.leftCol img, .rightCol img { width: 100%!important; max-width: 480px!important; margin: auto!important; display:block!important; }
.view { margin: auto!important; width: 100%!important; max-width: 480px!important; height:inherit!important; }
.mask { margin: auto!important; width: 100%!important; max-width: 480px!important; }
#loft-suite-mobile { margin: auto!important; display:block!important; }
#loft-suite-mobile img { width: 100%!important; max-width: 480px!important; margin: auto!important; display:block!important; }
.breadcrumbs { text-align: center!important; float: none!important; margin: 0!important; }
.special-left, .special-right { float: none!important; width: 100%!important; padding: 0!important; }
.book-now-btn { margin-top: 20px!important; width: 100%!important; text-align:center!important; }
.sidebar-right {display: none!important;} 
.reviewarticle {float: none!important; width: 100%!important;} 
.pagenormal { width: 100%!important; text-align: center!important; }
.pagenormal ul{ width: 96%!important; padding: 0!important; padding-left: 25px!important; }
.pagenormal li{ text-align: left!important;  }
#gallery { width:250px!important; padding: 0!important; margin: 0 auto!important;  }
.sidebar-left {width: 100%!important;} 
#TA_selfserveprop154 { margin:auto!important; width: 240px!important; }
#TA_ssnarrowcollectreview179 { margin:auto!important; width: 470px!important; }
#map { float: none!important; width: 100%!important; }
#map iframe{width: 100%!important; max-height: 250px!important; height: 250px!important; }
#contactform {margin-bottom: 20px!important; width: 100%!important; }
#contactform input{ width: 90%;}
#contactform textarea{ width: 90%!important;}
.mask, .mask2 { visibility: hidden!important; }
.rooms-main-loft { display:none!important; }
}

@media only screen and (max-width : 600px) {
	#pagenormal h2 a { line-height: 40px }
	.bjqs-caption { font-size: 15px !important}
	.bjqs-special { font-size: 15px !important}
}

@media only screen and (max-width : 400px) {
a.book-now { line-height: 2em!important; }
.bjqs-caption { display:none !important } 
.bjqs-special { display:none !important }
}
/** END MOBILE CSS **/