body {  margin: 0; }

#logo { position: absolute; top: 40px; left: 30px; z-index: 9999; }
.logo { float: left; z-index: 9999; margin-bottom: 10px; }
.logo-rest { float: left; z-index: 9999; margin-bottom: 10px; margin-left: 20px; }

#strip1 { position: absolute; top: 100px; right: 0; background-image: url(../images/strip.png); width: 300px; height: 65px; font-family: Myriad Pro; font-size: 24px; color:#FFFFFF; }
#strip1 p{ padding:3px; }

.xmas { width: 100%; background-color:#cb0101; color: #fff; text-align:center; 
font-size:26px; padding-top: 7px; padding-bottom: 7px; cursor:pointer;
}

.xmas a { color: #fff; text-decoration: none;

}

.wrapper {
width: 1000px;
margin: auto;	
}

.packages { margin-left: 15px; margin-right: 15px; width: 97%; font-family: 'Noto Sans'; font-size: 18px; font-weight: bold; margin-top: 30px; background-color: #f2f2f2; border-top: 1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;  }
.packages td { padding: 10px; padding-left: 25px; border-bottom: 1px solid #ccc; }
.packages em { font-size: 12px; }
.packages a { color: #82634f; text-decoration: none; }

.packages button { border: 0; padding: 6px; cursor: pointer;background-color: #6e1b1f; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; }
.packages button:after { content: " »"; font-weight: normal; }
.packages button:hover { background-color: #a1896c; }

.packages tr {  }

.header-holder { width: 100%; background-image: url(../images/head-bg.jpg); }

.header {
width: 1000px;
padding-top: 15px;
padding-bottom: 15px;
margin: auto;

}



#first_input {
width: 117px!important;	

}

#second_input {
width: 117px!important;	
margin-left: 10px;
}

#datepicker-arrival {
width: 118px!important;	

}

#datepicker-departure {
width: 114px!important;	
margin-top: 0!important;
}

.header-container {
width: 1000px;
margin: auto;	
}

.header h2 { margin: 0; padding: 0; font-size: 28px; }

#contact-head-tzaneen { float: right; color: #FFFFFF; margin-right: 15px; margin-top: 20px; }
#contact-head-tzaneen  a { color: #83705f; }
#contact-head-tzaneen  p { color: #FFFFFF; margin: 0; padding: 0; }

#contact-head-spa { float: right; color: #FFFFFF; margin-right: 45px; margin-top: 20px;}
#contact-head-spa  a { color: #83705f; }
#contact-head-spa  p { color: #FFFFFF; margin: 0; padding: 0; }

#b-hold { width: 100%; background-image: url(../images/bread.jpg); }

#breadcrumbs { width: 970px; font-family:'Noto Sans'; padding: 15px; font-size: 12px; margin: auto; margin-bottom: -30px; z-index: 999;  }
#breadcrumbs a {  font-size: 18px; text-decoration: none; color: #625041; }
#back-h { float: right; }


.book-button a {
text-decoration: none;
padding: 10px;
background-image: url(../images/footer-bg2.jpg);
color: #FFFFFF!important;
font-family: 'Noto Sans';
font-size: 14px;
font-weight: bold;
font-style:italic;
float: right;
margin-top: 30px;
}

.book-button a:hover {
background-color: #83705f;
}

.book-button {
margin-right: 15px;
}

.content h6 { text-align: center; margin-top: 30px; font-size: 28px; color: #c0c0c0; }
#special h6 { text-align: left!important; }

.content {
width: 1000px;
margin: auto;

z-index: -1;
}

.button-container { width: 1000px; margin: auto; }

.buttonpanel {
	width: 100%;
	height: 55px;
	margin: auto;
	background-image: url(../images/footer-bg.jpg);
	z-index: 999999999999;
}

#menu {
	margin: 0;
	padding: 0;
	margin-left: 9px;
	
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	padding-top: 15px;

}

#menu li a {
	color: #FFFFFF;
	text-decoration: none;
	font-family:'Noto Sans';
	text-align: center;
	padding: 8px 8px;
	border-left: 1px solid #50443a;
	transition: all 0.3s ease-out;
	font-size: 14px;
	
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #menu li a {padding: 10px 8px;} 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #menu li a {padding: 11px 10px 11px 10px;}  }

#menu li a:hover {
background-color: #271e16;	

		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=30);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.3;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.3;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.3;
}

#menu li:first-child a {
border-left: 0;	
padding-left: 13px;
}

#menu li:last-child a {
border-right: 0;
padding-left: 10px;	
}

#current a {
background-color: #271e16;	

		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=30);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.3;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.3;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.3;
}

.banner {
	width: 1000px;
	height: 400px;
	margin: auto;
}

.top-sh {
background-image: url(../images/top-sh.png);
width: 1000px;	
height: 21px;
position: absolute;
}

.featured-content {
	width: 100%;
	background-image: url(../images/content-bg.jpg);
	height: 500px;
}



#featured-holder { width: 1009px; margin: auto; }

#special { float: left; margin-right: 15px; width: 470px; background-color: #f3f3f3; height: 380px; margin-bottom: 15px; margin-left: 15px; } 
#special p { text-align: left!important; font-size: 14px; }

#float-img { float: left; margin-right: 15px; margin-top: 25px; margin-left: 15px; outline: 1px solid #83705f;
	padding: 2px; }
	
	#float-img-r { float: right; margin-right: 15px; margin-top: 25px; margin-left: 15px; outline: 1px solid #83705f;
	padding: 2px; margin-top: -14px; }


h1 {
margin: 0;
padding: 0;	
padding-top: 20px;
margin-left: 15px;
font-family:'Noto Sans';
font-size:42px;
font-weight: bold;
color: #625041;
}

h2 {
margin: 0;
padding: 0;	
font-family:'Noto Sans';
font-size: 28px;
font-weight: normal;
margin-left: 15px;
margin-bottom: 0px;
padding-top: 0;
color: #83705f;
}

h3 {
margin: 0;
padding: 0;	
font-family:'Noto Sans';
font-size: 18px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 25px;
color: #3e3e3e;
margin-left: 15px;
}

h3 span {
margin: 0;
padding: 0;	
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 25px;
color: #3e3e3e;
margin-left: 15px;
}

#map { margin-left: 15px; }

.featured-block h3 { text-align: center; margin-left: 0; }

h4 {
margin: 0;
padding: 0;	
font-family:'Noto Sans';
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
margin-right: 15px;
margin-top: 0;
color: #3e3e3e;
text-shadow: 1px 1px #FFFFFF;
}

.contact-details h4 { margin-top: 0; }

h5 {
margin: 0;
padding: 0;	
font-family:'Noto Sans';
font-size: 18px;
font-weight: bold;
font-style: italic;
margin-bottom: 15px;
margin-right: 15px;
margin-top: 15px;
color: #3e3e3e;
text-shadow: 1px 1px #FFFFFF;
}

h6 {
margin: 0;
padding: 0;	
font-family:'Noto Sans';
font-size: 16px;
font-weight: normal;
margin-bottom: 15px;
margin-right: 15px;
margin-top: 15px;
margin-left: 15px;
color: #83705f;
}

.content h4 {
margin-left: 15px;
font-family:'Noto Sans';
font-size: 26px;
font-weight: normal;
margin-top: 20px;
}

.img-float-right {
float: right;
margin-left: 15px;
margin-bottom: 15px;
margin-right: 18px;	
margin-top: 15px;
padding: 2px;
outline: 1px solid #83705f;
}

.img-float-left {
float: right;
margin-left: 15px;
margin-bottom: 15px;
margin-right: 18px;	
margin-top: 15px;
padding: 2px;
outline: 1px solid #83705f;
}

.content a {
	color: #82705f;
}

hr {
border-left: 0;
border-right: 0;
border-bottom: 0;
border-top: 1px solid #dddddd;
margin-left: 15px;
margin-right: 15px;
margin-top: 0;
clear: both;
}

.noFloat {
width: 100%;
clear: both;	
}

.content ul {  }

.content  ul li { font-family: 'Noto Sans'; color: #565656; }

p {
font-family: 'Noto Sans';	
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
padding-bottom: 0;
color: #565656;
text-align: justify;
font-size: 16px;
font-weight: normal;
}

.featured-block {
margin-left: 15px;	
float: left;
width: 23%;
}

.special-content {
	width: 99.2%;
	border: 2px solid #555;
}

.special-content p {
	font-size: 15px;
	color: #333;
}

.special-content h2 {
	margin: 0;
	padding: 0;	
	font-family:'Noto Sans';
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
	color: #3e3e3e;
}

.special-content h3 {
	font-family: Verdana, Geneva, sans-serif;
	color: #DFDFD0;
}

.special-content h3 span {
	color: #3e3e3e;
	font-size:
}

.special-rate {
	text-align: center;
	margin-top: -25px;
	margin-bottom: 20px !important;
}

.special-book-now {
	text-align: center;
}

.special-block1 {	
	float: left;
	width: 31%;
	background: #DC76B8;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border: 1px solid #555;
	min-height: 630px;
}

.special-block2 {
	float: left;
	width: 31%;
	background: #AB3A34;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border: 1px solid #555;
	min-height: 630px;
}

.special-block3 {
	float: left;
	width: 31%;
	background: #468C00;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border: 1px solid #555;
	min-height: 630px;
}

.special-block4 {
	float: left;
	width: 31%;
	background: #1B8CC7;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border: 1px solid #555;
	min-height: 630px;
}


.featured-block p {
text-align: center;
}

.featured-block img {
	outline: 1px solid #83705f;
	padding: 2px;
}

.read-more-button {
text-decoration: none;
padding: 10px;
background-image: url(../images/footer-bg2.jpg);
margin-top: 15px;
color: #FFFFFF;
font-family: 'Noto Sans';
font-weight: bold;
font-style: italic;
border: 0;
font-size: 14px;
margin-left: 15px;
margin-bottom: 15px;
margin-top: 0px;
cursor: pointer;
}

.read-more-button:hover {
color: #dcdcdc;
}

.read-more a {
text-decoration: none;
padding: 10px;
background-image: url(../images/footer-bg2.jpg);
margin-top: 15px;
color: #FFFFFF;
}

.read-more a:hover {
color: #dcdcdc;

}

.read-more {
margin-top: 30px;	
}

.book a {
text-decoration: none;
padding: 10px;
background-color: #242424;
color: #FFFFFF;
}

.book a:hover {
background-color: #83705f;
}

.book {
float: right;
margin-top: 30px;
}

.brown { color: #bfa280; }

.contact-details {
	float: right;
	text-align: right;
}

.contact-details a {
color: #FFFFFF;	
}



.facebook {

margin-left: 15px;
}

#book-nightsbridge { position: absolute; z-index: 9999; top: 430px; right: 0; width: 370px; height: 120px; background-image: url(../images/book.jpg); cursor: pointer; }
#book-nightsbridge:hover { background-image: url(../images/book-h.jpg); }

.social-media { position: absolute; z-index: 9999; top: 625px; left: 15px; font-family: 'Noto Sans'; font-size: 18px; color: #fff; }
.social-media img { border: 0; }

#call { position: absolute; z-index: 9999; top: 450px; background-image: url(../images/contact.jpg); padding: 15px;  font-family: 'Noto Sans'; font-size: 18px; width: 340px; text-align: left; transition: all 0.3s ease-out; cursor: pointer; }
#call:hover { background-image: url(../images/contact-h.jpg); }
#call:hover a { color: #FFFFFF; }
#call a { color: #65513b; text-decoration: none; }

#special-sunday { position: absolute; z-index: 9999; top: 450px; left: 380px; color: #fff; background-image: url(../images/banner-bg-block-h.png); padding: 15px;  font-family: 'Noto Sans'; font-size: 16px; width: 230px; text-align: left; transition: all 0.3s ease-out; cursor: pointer; }
#special-sunday:hover {   }
#special-sunday:hover a { color: #FFFFFF; }
#special-sunday a { color: #fff; text-decoration: none; }
#special-sunday button { border: 0; padding: 6px; cursor: pointer;background-color: #6e1b1f; margin-top: 22px; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; margin-bottom: 0; }
#special-sunday button:after { content: " »"; font-weight: normal; }
#special-sunday button:hover { background-color: #a1896c; }
#special-sunday form { margin: 0; padding: 0; }

#specials-block { position: absolute; z-index: 9999; top: 450px; left: 808px; color: #fff; background-image: url(../images/banner-bg-block-h.png); padding: 15px;  font-family: 'Noto Sans'; font-size: 16px; width: 118px; text-align: left; transition: all 0.3s ease-out; cursor: pointer; }
#specials-block:hover {   }
#specials-block:hover a { color: #FFFFFF; }
#specials-block a { color: #fff; text-decoration: none; }
#specials-block button { border: 0; padding: 6px;  margin-top: 22px; cursor: pointer;background-color: #6e1b1f; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; }
#specials-block button:after { content: " »"; font-weight: normal; }
#specials-block button:hover { background-color: #a1896c; }

#activities-block { position: absolute; z-index: 9999; top: 450px; left: 650px; color: #fff; background-image: url(../images/banner-bg-block-h.png); padding: 15px;  font-family: 'Noto Sans'; font-size: 16px; width: 118px; text-align: left; transition: all 0.3s ease-out; cursor: pointer; }
#activities-block:hover {   }
#activities-block:hover a { color: #FFFFFF; }
#activities-block a { color: #fff; text-decoration: none; }
#activities-block button { border: 0; padding: 6px;  margin-top: 22px; cursor: pointer;background-color: #6e1b1f; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; }
#activities-block button:after { content: " »"; font-weight: normal; }
#activities-block button:hover { background-color: #a1896c; }


#value-add { position: absolute; z-index: 9999; top: 450px; left: 810px; color: #fff; background-image: url(../images/banner-bg-block-h.png); padding: 15px;  font-family: 'Noto Sans'; font-size: 16px; width: 170px; text-align: left; transition: all 0.3s ease-out; cursor: pointer; }
#value-add:hover {   }
#value-add:hover a { color: #FFFFFF; }
#value-add a { color: #fff; text-decoration: none; }
#value-add button { border: 0; padding: 6px;  margin-top: 22px; cursor: pointer;background-color: #6e1b1f; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; }
#value-add button:after { content: " »"; font-weight: normal; }
#value-add button:hover { background-color: #a1896c; }

#packages-add { position: absolute; z-index: 9999; top: 450px; left: 966px; color: #fff; background-image: url(../images/banner-bg-block-h.png); padding: 15px;  font-family: 'Noto Sans'; font-size: 16px; width: 170px; text-align: left; transition: all 0.3s ease-out; cursor: pointer; }
#packages-add:hover {   }
#packages-add:hover a { color: #FFFFFF; }
#packages-add a { color: #fff; text-decoration: none; }
#packages-add button { border: 0; padding: 6px;  margin-top: 22px; cursor: pointer;background-color: #6e1b1f; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; }
#packages-add button:after { content: " »"; font-weight: normal; }
#packages-add button:hover { background-color: #a1896c; }

.make-a-booking { border: 0; padding: 6px; cursor: pointer;background-color: #6e1b1f;  margin-left: 15px; color: #fff; font-family: 'Noto Sans'; font-weight: bold; font-style: italic; margin-bottom: 0; }
.make-a-booking:after { content: " »"; font-weight: normal; }
.make-a-booking:hover { background-color: #a1896c; }


.booking-container {
width: 300px;
position: absolute;
right: 30px;
top: 30px;
padding: 20px;
background-image: url(../images/booking-bg.png);
z-index: 9999;
height: 330px;
}

.booking-container h6 {
margin: 0;
padding: 0;	
 font-family: 'presentregular';
font-size: 24px;
font-weight: bold;
font-style: italic;
margin-bottom: 15px;
margin-right: 15px;
margin-top: 0;
color: #625041;
text-shadow: 1px 1px #FFFFFF;
}

.booking-container h5 {
margin-top: 0;	
margin-bottom: 15px;
font-family:'Noto Sans';
  font-size: 32px;
}

.booking-container p {
margin: 0;
padding: 0;	
color: #FFFFFF!important;
}

.footer {
width: 100%;
margin: auto;
background-image: url(../images/footer-bg.jpg);
height: 310px;	
}

#footer-holder { width: 1000px; margin: auto; }
#copyright-holder { width: 1000px; margin: auto; }

.footer-copyright {
width: 100%;
background-image: url(../images/footer-bg2.jpg);
border-top: 1px solid #393939;
padding-top: 15px;
padding-bottom: 15px;
}

.footer-copyright p {
text-align: center;	
color: #919191;
margin: 0;
padding: 0;
font-size: 12px;
}

.footer-copyright a {
	text-decoration: none;
	color: #FFFFFF;
}

.footer p {
	color: #c3a684;
}

.footer-block {
	float: left;
	width: 328px;
	margin-top: 15px;
	border-right: 1px solid #4e4339;
	height: 280px;
}

.footer h6 { color: #FFFFFF;  font-family:'Noto Sans'; font-size: 20px; }

.footer-block2 {
	float: left;
	width: 333px;
	margin-top: 15px;
	border-right: 1px solid #4e4339;
	height: 280px;
}

.footer-block3 {
	float: left;
	width: 333px;
	margin-top: 15px;
	height: 280px;
	
}

.footer-block3 ul{  list-style: none; margin-left: 8px; padding-left: 0; margin-bottom: 0; padding-bottom: 0; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .footer-block3 ul {margin-left: 8px;} 
}

.footer-block3 a { text-decoration: none; color: #c3a684; font-size: 14px; font-family: Myriad Pro; }

.footer-block3 li:before { content: "» "; font-size: 10px; font-weight: bold; color: #FFFFFF; }
.footer-block3 li a { padding-left: 5px; }

#footer-first-list { float: left; }
#footer-next-list { float: left; }

#book
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a48b6d), to(#83705f));
    background-image: -webkit-linear-gradient(top, #a48b6d, #83705f);
    background-image: -moz-linear-gradient(top, #a48b6d, #83705f);
    background-image: -ms-linear-gradient(top, #a48b6d, #83705f);
    background-image: -o-linear-gradient(top, #a48b6d, #83705f);
    background-image: linear-gradient(top, #a48b6d, #83705f);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    border-width: 1px;
    border-style: solid;
    border-color: #83705f;
    height: 35px;
    padding: 10px 15px 30px 15px;
    width: 120px;
    cursor: pointer;
   font-family: Myriad Pro!important;	
	color: #1b1b1b;
	font-weight: bold;
	font-style: italic;
	width: 150px;
	margin-top: -30px;
	
}

#book:hover,#book:focus
{		
    background-color: #303030;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#191919), to(#303030));
    background-image: -webkit-linear-gradient(top, #191919, #303030);
    background-image: -moz-linear-gradient(top, #191919, #303030);
    background-image: -ms-linear-gradient(top, #191919, #303030);
    background-image: -o-linear-gradient(top, #191919, #303030);
    background-image: linear-gradient(top, #191919, #303030);
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
	border: 1px solid #303030;
	
}	

#book:active
{		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.arrival-input {
width: 110px;	
}

.departure-input {
width: 110px;	
}




.booking-form input, .booking-form textarea, .booking-form select {   
    padding: 12px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
     font-family: 'Noto Sans';
	font-size: 14px;
	color: #adadad;
    width: 92%;  
    background: #FFFFFF;  
	    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
	margin-bottom: 10px;

    }  
      .booking-form input:hover, .booking-form textarea:hover,  
    .booking-form input:focus, .booking-form textarea:focus {   
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
        }  

.booking-form textarea {   
    width: 270px;  
    max-width: 300px;  
    height: 150px;  
	margin-bottom: -15px;
    }  
  
.booking-form input:hover, .booking-form textarea:hover,  
.booking-form input:focus, .booking-form textarea:focus {   
    border-color: #C9C9C9;   
    }  
	

	
	
	
	.booking-form p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6b6b6b;	
	font-style: italic;
	}
	
	.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
    }
	
	#no-justify p { text-align: left; }
	
	#table-float {
	float: left;
	width: 50%;	
	}
	
		#table-header-inc {
background-color: #141414;
background-image: url('../images/head-torn.gif');
background-repeat: no-repeat;
background-position: right;
margin-left: 15px;
margin-right: 15px;
padding-top: 10px;
padding-bottom: 10px;

}

#table-inc p {

margin-top: 0;
margin-bottom: 0;
font-family: 'Noto Sans';
font-size: 13px;
color: #000000;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 10px;
}

#list-heading { background-color: #ba2618!important; font-size: 16px!important; color: #FFFFFF!important; background-image: none!important;  }
#list-heading:before { content: ""!important; }

.table-margin { margin-top: -75px; }

#rate-pic-ut { float: right; margin-right: 15px; }

#table-inc  {
	margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
border: 1px solid #d2d2d2;
background-color: #dfdfdf;
}



#table-inc ul  {
	margin: 0;
	padding: 0;
	display: block;
}

#table-inc li  {
	list-style: none;
	font-family: 'Noto Sans';
	color: #141414;
	padding-left: 10px;
	padding-right: 15px;
	display: block;
	text-justify: auto;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #d2d2d2;
}

#table-inc li:before {
	content: "»";
	padding-right: 5px;
	color: #ad2514;
	font-weight: bold;
}


#table-header-inc span {
margin-left: 15px;
color: #FFFFFF;
 font-family: 'Noto Sans';
}
	
	
	#table-header {
background-color: #141414;
background-image: url('../images/head-torn.gif');
background-repeat: no-repeat;
background-position: right;
margin-left: 15px;
margin-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
}



#table-header span {
margin-left: 15px;
color: #FFFFFF;
 font-family: 'Noto Sans';
}

	#rates-table-header {
background-color: #141414;
background-image: url('../images/head-torn.gif');
background-repeat: no-repeat;
background-position: right;
margin-left: 15px;
margin-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 680px;
}



#rates-table-header span {
margin-left: 15px;
color: #FFFFFF;
 font-family: 'Noto Sans';
}

#rates-table {
margin-left: 15px;
margin-right: 15px;
width: 680px;
font-family: 'Noto Sans';
color: #141414;
font-size: 13px;
margin-bottom: 30px;
border: 1px solid #d2d2d2;

}

#rates-table td {
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
}

#rates-table tr:nth-child(even) {
background-color: #edf2f1;

}

#rates-table tr:nth-child(odd) {
background-color: #dfdfdf;
}

#table {
margin-left: 15px;
margin-right: 15px;
width: 970px;
font-family: 'Noto Sans';
color: #141414;
font-size: 13px;
margin-bottom: 30px;
border: 1px solid #d2d2d2;

}

#sh-small {
background-image: url(../images/sh-small.png);
background-position: bottom;
background-repeat: no-repeat;
width: 470px;
height: 9px;
position: absolute;
}

#sh-big {
background-image: url(../images/sh.png);
background-position: bottom;
background-repeat: no-repeat;
width: 970px;
height: 9px;
position: absolute;
}

#table td {
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
}



#table tr:nth-child(even) {
background-color: #edf2f1;

}

#table tr:nth-child(odd) {
background-color: #dfdfdf;
}

#table-inc li:nth-child(even) {
background-color: #edf2f1;
}

#table-inc li:nth-child(odd) {
background-color: #dfdfdf;
}

.rates-include li {
background-image: url(../images/tick.gif);
background-repeat: no-repeat;
background-position: right;	
}

.rates-exclude li {
background-image: url(../images/cross.gif);
background-repeat: no-repeat;
background-position: right;	
}

#list-left {
margin: 0;
padding: 0;
width: 46%;
font-family: 'Noto Sans';
color: #141414;
font-size: 13px;
margin-bottom: 30px;
float: left;
margin-left: 15px;
border: 1px solid #d2d2d2;

}

#list-left li {
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: 1px solid #d2d2d2;
}

#list-left li:before {
	content: "»";
	padding-right: 5px;	
	color: #ad2514;
}

#list-right li:nth-child(even) {
background-color: #edf2f1;
}

#list-right li:nth-child(odd) {
background-color: #dfdfdf;
}

#list-left li:nth-child(even) {
background-color: #edf2f1;
}

#list-left li:nth-child(odd) {
background-color: #dfdfdf;
}

#list-right-block {
	float: right;
	margin-top: 4px;
	width: 455px;
	height: 152px;
}

#list-right {
margin: 0;
padding: 0;
margin-right: 15px;
width: 506px;
font-family: 'Noto Sans';
color: #141414;
font-size: 13px;
margin-bottom: 30px;
float: left;
border: 1px solid #d2d2d2;
}

#list-right li {
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
padding-left: 10px;
border-top: 1px solid #d2d2d2;
}

#list-right li:before {
	content: "»";
	padding-right: 5px;	
	color: #ad2514;
}
	
	
.content h5 {
margin: 0;
padding: 0;	
font-family: 'Noto Sans';
font-size: 18px;
font-weight: bold;
font-style: italic;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
color: #ad2514;
text-shadow: 1px 1px #FFFFFF;
}

#table h5 {

margin-bottom: 0;

}
	
.ref-pic {
float: right;
margin-left: 15px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 15px;
padding: 1px;
border: 1px solid #4f4f4f;
}

.gallery {
	text-align:center ;
}

.gallery-content {
    padding-bottom: 0px;
}

.gallery-content {
	
}

.gallery-content h3 {
    font-size: 35px;
    color: #F05249;
    font-family: 'Open Sans Condensed', sans-serif;
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: normal;
    text-align: center;
}
.gallery-content {
	margin-top: 30px;
}

.gallery-content h2 {
	text-align: center;
	margin-bottom: 15px;
}

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

.gallery li {
	display:inline-block;
	margin-left: 6px;
	margin-bottom: 6px;
}

.gallery img {
	border: 3px solid #83705f;
	transition: all 0.5s ease 0s;
}

.gallery img:hover{
	opacity:0.5;
	transition: all 0.5s ease 0s;
}


#gallery {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px;
}
	
#gallery li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
}

#gallery li img {
	padding: 2px;
	outline: 1px solid #c6beaa;
}

#gallery li:nth-child(4n+4) {
margin-right: 0;	
}

#fr-img {
float: right;	
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 20px;
padding: 2px;
outline: 1px solid #c6beaa;
}



.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: 10000; 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 }
	
	
.weatherFeed {
	font-family: 'Noto Sans';
	font-size: 90%;
	margin: 0;
	width: 280px;
	margin-left: 15px;
	color: #FFFFFF;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.weatherItem {
	padding: 0.8em;
	text-align: right;
}
.weatherCity { text-transform: uppercase; display: none; }
.weatherTemp {
	font-size: 2.8em;
	font-weight: bold;
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.8em; }
.weatherLink, .weatherForecastItem {
	margin-top: 0.5em;
	text-align: left;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

.odd {  }
.even {  }
			
			
			#trip-advisor {
	
			margin-left: 15px;
			width: 300px;
			}
#TA_selfserveprop195 {
width: 100%!important;	
}

#wc52r2o3CBCo {
	width: 100%!important;	
}
			
#CDSWIDSSP {
	width: 100%!important;	
}

.fadein { position:relative; width:1000px; height:400px; }
.fadein img { position:absolute; left:0; top:0; }
	

@font-face {
    font-family: 'lassiguedmato';
    src: url('../fonts/lassigue_dmato-webfont.eot');
    src: url('../fonts/lassigue_dmato-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lassigue_dmato-webfont.woff') format('woff'),
         url('../fonts/lassigue_dmato-webfont.ttf') format('truetype'),
         url('../fonts/lassigue_dmato-webfont.svg#lassiguedmato') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(http://themes.googleusercontent.com/static/fonts/notosans/v1/LeFlHvsZjXu2c3ZRgBq9nD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/notosans/v1/PIbvSEyHEdL91QLOQRnZ13hCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/notosans/v1/ByLA_FLEa-16SpQuTcQn4IbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/notosans/v1/9Z3uUWMRR7crzm1TjRicDjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}


#form {
 border: solid 1px #E5E5E5; 
 margin-left: 15px; 
    outline: 0;  
     font-family: 'Noto Sans';
	font-size: 14px;
	color: #565656;
    background: #FFFFFF;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	padding: 15px;
	float: left;
	text-align: left;
}

#form input {
 border: solid 1px #E5E5E5; 
 outline: 0;  
 font-family: 'Noto Sans';
 font-size: 14px;
 color: #adadad;
    background: #FFFFFF;  
	    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	 padding: 6px;
	 width: 60%;
}

#form select {
 border: solid 1px #E5E5E5; 
 outline: 0;  
 font-family: 'Noto Sans';
 font-size: 14px;
 color: #6b1219;
 font-weight: bold;
    background: #FFFFFF;  
	    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	 padding: 6px;
	 width: 85%;
}

#form textarea {
 border: solid 1px #E5E5E5; 
 padding: 6px;
    outline: 0;
     font-family: 'Noto Sans';
	font-size: 14px;
	color: #adadad; 
    background: #FFFFFF;  
	    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	    width: 250px;
		height: 100px;
}

#submit { width: 70px!important; background-color: #242424!important; color: #FFFFFF!important; }
#reset { width: 70px!important; margin-left: 7px!important;background-color: #242424!important; color: #FFFFFF!important; }

#form input:hover, #form textarea:hover, #form input:focus, #form textarea:focus {
    background: #f5f5f5;
}

	
	#video { float: right; margin-left: 15px; margin-right: 15px; margin-top: 8px; }

#gap { margin-left: 72px; }

#facebook { margin-left: 15px;  font-family: 'Noto Sans'; font-size: 14px; }

#footer-strip { background-image: url(../images/footer-strip.jpg); width: 1000px; height: 16px; }

.fadein-rest { position:relative; }
.fadein-rest img { position:absolute; left:0; top:0; }

#pic-right { display: block; width: 305px; height: 270px; float: right;}

#sec-email { margin-left: 53px; }

.captcha
{
 width: 150px;
 margin: 0 auto;
}
.refresh
{
 position:relative;
float: right;
margin-top: -45px;
margin-right: -22px;
}
.center
{text-align:center;}


.inputContainer {
	position:relative;
	float:left;
}
.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
}
.formError .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-face {
    font-family: 'presentregular';
    src: url('../scripts/present_roman-webfont.eot');
    src: url('../scripts/present_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../scripts/present_roman-webfont.woff') format('woff'),
         url('../scripts/present_roman-webfont.ttf') format('truetype'),
         url('../scripts/present_roman-webfont.svg#presentregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#red { color: #e52222!important; }

.center { text-align:center; }
.captcha
{
  width: 150px;
  margin: 0 auto;
}
.refresh
{
  position:relative;
  float: right;
  margin-top: -45px;
  margin-right: -22px;
}
#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
.inputContainer
{
  position:relative;
  float:left;
}
.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
}
.formError .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;
}

#url {
	visibility: hidden;
	height: 1px;
	width: 1px;
	position: absolute;

}

.widget { float:right;margin-left:30px;margin-top:15px; }
/** START MOBILE CSS **/

@media only screen and (max-width : 1000px) {
	
.special-block1 {
	float:none ;
	width: 99.8%;
}

.special-block2 {	
	float:none ;
	width: 99.8%;
}

.special-block3 {	
	float:none ;
	width: 99.8%;
}

.special-block4 {	
	float:none ;
	width: 99.8%;
}
	
	div { margin: 0!important; padding: 0!important;	}
	body {  }

.booking-container, #badges, #book-nightsbridge, #breadcrumbs { display: none!important; }
.content, .featured-block, .buttonpanel, #footer-strip, .header, .button-container, #footer-holder, #featured-holder, #copyright-holder, .featured-content, #special, .footer, .footer-block, .footer-block2, .footer-block3 { width: 100%!important; }
#menu li, .footer, .buttonpanel { background-color: #745745!important; background-image: none!important; border: 0!important;  }
.content img { width: 87%!important; max-width: 300px!important; float: none!important; }
.front-img { margin-bottom: 10px!important; }
#menu li a { border: 0!important;  }
#menu { width: 100%!important; padding: 0!important; margin: 0!important;  }
#menu li { width: 100%!important; margin: 0!important; }
#menu li a { display: block!important;  margin-top: -22px!important; }

.header-holder { height: inherit!important; padding-bottom: 20px!important; }

.footer-copyright { background-image: none!important; background-color: #533c2d!important; }
.featured-content { background-image: none!important; }
.buttonpanel { background-image: none!important; }
#featured-content { height: auto!important;  }
.featured-block { text-align: center!important; }
.footer { height: auto!important; }
.footer-block, .footer-block2, .footer-block3, #footer-first-list, #footer-next-list { float: none!important;}
.footer-block3 { padding-bottom: 10px!important; }
.footer-block{ padding-top: 10px!important; }
 .footer-copyright { width: 100%!important; }
 #call { padding-bottom: 10px!important; padding-top: 10px!important;  width: 100%!important; text-align: center!important; }
 #call strong { margin-left: 10px!important; }
 #contact-head-spa, #contact-head-tzaneen { width: 80%!important; float: none!important; margin-left: 15px!important; text-align: center!important; padding-top: 15px!important; }
 #contact-head-spa p, #contact-head-tzaneen p { text-align: center!important; }
 #special-sunday { left: 10px!important; text-align: center!important;width: 95%!important; top: 190px!important; padding-bottom: 10px!important; padding-top: 10px!important; }
 #special-sunday strong, #special-sunday button { margin-left: 10px!important;margin-top: 10px!important; }
 #activities-block { left: 10px!important; text-align: center!important;width: 95%!important; top: 290px!important; padding-bottom: 10px!important; }
  #activities-block strong, #activities-block button { margin-left: 10px!important;margin-top: 10px!important; }
 #value-add { left: 10px!important; text-align: center!important;width: 95%!important; top: 360px!important; padding-bottom: 10px!important;}
  #value-add strong, #value-add button { margin-left: 10px!important;margin-top: 10px!important; }
  
  #float-img-r { display: none!important; }
  
  table, form { width: 90%!important; }
  
  #form { width: 90%!important; }
   #form input, #form textarea { width: 90%!important; }
  
  .content { margin-top: 100px!important; }
 
 #logo { width: 89%!important; top: 15px!important; text-align:center!important; }
 #logo img { width: 100%!important; max-width: 200px!important; }
 
  .logo-rest { width: 89%!important; top: 15px!important; text-align:center!important; }
 .logo-rest img { width: 100%!important; max-width: 200px!important; }

  
.content h1 { font-size: 20px!important; text-align: center!important; margin-top: 20px!important; }
  
  #special { height: inherit!important; padding-bottom: 10px!important; width: 90%!important; margin: auto!important; margin-top: 10px!important; float: none!important; text-align: center!important; }
 #special img { float: none!important; }
 #special h6 { text-align: center!important; }
 #special p { text-align: center!important; }
 
 .book-button {  width: 100%!important; display: none!important; }
 .book-button a { float: none!important; }
 
 .footer-block { width: 320px!important; border: 0!important; margin: auto!important; }
  .footer-block2 { width: 320px!important; border: 0!important; margin: auto!important; height: inherit!important; }
  .footer-block3 { width: 300px!important; border: 0!important; margin: auto!important; height: 400px!important; }
  .footer-copyright { padding-top: 10px!important; padding-bottom: 10px!important; }

}

#CDSSCROLLINGRAVE.narrow { display: block; margin: auto; }
/*Instagram widget*/
>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }


/** END MOBILE CSS **/