body { margin: 0; padding: 0; }

.header-container { width: 100%; }

.header { width: 1000px; margin: auto; padding-bottom: 17px; }

.logo { margin-top: 15px; border: 0; }

#photos { width: 999px; margin: auto; border-top: 10px solid #2e8767;border-left: 10px solid #2e8767;border-right: 10px solid #2e8767;box-sizing: border-box;}


.banner-oval { background-image:url('../images/tree-top.png'); width: 999px; height: 152px; position: absolute; z-index: -1; margin-top: -162px;margin-left: -10px;}

#photos img {  }

.listingInfoImage { float: right; margin-left: 15px; margin-bottom: 10px; padding: 3px; border: 1px solid #141414; }

.sitemap { margin: 0; padding: 0; list-style: none; }
.sitemap a { font-family: "museo_sans500";
    font-size: 12px; color: #000; text-decoration: none; }

.sitemap h3 {     font-family: "PBS_KIDS_Headline";
    font-weight: normal; }
	
	.sitemapH2 {  font-family: "PBS_KIDS_Headline";
    font-weight: normal; background-color: #d1313d; color: #fff; text-indent: 20px; padding-top: 10px; padding-bottom: 10px; }

.splitForm { -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;  }
	 
	 .paymentLogos { width: 1000px; margin: auto; margin-top: 25px; }
	 .paymentLogos h6 { text-align: center;font-family: "PBS_KIDS_Headline"; font-weight: normal; font-size: 14px; margin: 0; padding: 0; }
	 
	 .100percentInput input { width: 100%!important; }
	 
	 #BreedeRiverValley, #CapeMetropol, #Helderberg, #CentralKaroo, 
#GardenRoute, #KleinKaroo, #Overberg, #Winelands, #WestCoast, #Amatola, #Cacadu, #Ukhahlamba, #WildCoastRegion, #GreenKalahari, #Kalahari,
#Karoo, #Namakwa, #DiamondFields, #Battlefields, #DolphinCoast, #Drakensberg, #Durban, #EastGriqualand, #Midlands, #SouthCoast, 
#Zululand, #Motheo,  #Lejweleputswa, #NorthernFreeState, #ThaboMofutsanyana, #Xhariep, #CosmosRegion, #CulturalHeartland, #Grasslands, #HighlandsMeander, #LowveldLegogote,
#Panorama, #SouthKruger, #WildFrontier, #Bushveld, #Capricorn, #NorthernKruger, #Soutpansberg, #SpringbokFlats, #ValleyoftheOlifants, #Bojanala, #BojanalaRustenberg, 
#Bophirima, #CentralRegion, #SouthernRegion, #EastRand, #Johannesburg, #MetswedingDistrict, #SedibengDistrict, #NorthernGauteng, #WestRand { display: none; }

#easterncape,#Closest_Town, #freestate, #gauteng, #kwazulu-natal, #limpopo, #mpumalanga, #northwest, #northern-cape, #western-cape, #premier-images, #accessories-images, #please-select-membership { display:none; }

.listwithus { width: 100%; float: none; color: #141414; font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px; }
.listwithus input { width: 100%; padding: 10px; margin-bottom: 5px; margin-top: 5px; background-color: #ffffff; border: 1px solid #cccccc;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px;color: #141414;}
.listwithus select { width: 102%; text-align: center; padding: 10px; margin-bottom: 5px; margin-top: 5px; background-color: #ffffff; border: 1px solid #cccccc;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px;color: #141414;}

.listwithus optgroup[label] { color: #d1313d; font-size: 18px; padding: 5px; }
.listwithus option { color: #000;font-size: 14px; padding: 5px; }

.listwithus input:focus, .listwithus textarea:focus { background-color: #fcfcfc; border: 1px solid #969696; }
.listwithus textarea { width: 95%; margin-top: 5px; padding: 10px; background-color: #ffffff; height: 150px;border: 1px solid #cccccc;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px; margin-bottom: 15px;color: #141414;  }
.listwithus button { border: 0; background-color: #d1313d; padding: 10px; color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 14px;letter-spacing: 0.5px; cursor: pointer; margin-top: 10px; }
.listwithus button:hover { background-color: #9e212b; }

.featured-div {  background-color: #fff; z-index: 6;  margin-top: 20px;  width: 999px;  }
.featured-div p { font-family: 'museo_sans500'; font-size: 14px; margin-left: 15px; margin-right: 15px; margin-top: 0; }
.featured-div h1 { color: #1fa0b6;font-family: 'museo_sans500';   font-size: 36px;margin: 0; padding: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 15px;  }

span.rollover:hover .feature-block-title  {
background-color: #ff0000!important;
}

.link { color: #d1313d; }

.featured { z-index: 99999; }
.featured h4 { color: #d1313d;font-family: "PBS_KIDS_Headline"; font-weight: normal;   font-size: 36px;margin: 0; padding: 0; padding-top: 15px; padding-bottom: 0px;}
.feature-block { float: left; height: 228px; width: 319px; margin-left: 20px;margin-top: 20px;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }
.feature-block img { -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }
.feature-block:nth-of-type(1) { margin-left: 0; }
.feature-block-title { position: absolute;-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px; z-index: 10; border-bottom: 3px solid #d1313d;background: rgba(0,0,0,0.5); color: #fff;font-family: 'museo_sans500'; font-weight: bold; font-size: 24px; width: 319px; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.feature-block-title h3 { margin: 0; padding: 0; font-size: 22px; }
.feature-block-link { position: absolute;  background: rgba(255,255,255,0.5); color: #fff;font-family: 'museo_sans500'; font-weight: bold; font-size: 16px; width: 400px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-top: 256px; }
.feature-block-link a { text-decoration: none; color: #141414; }

span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url('../images/mag.png') center 65% no-repeat #000;
	cursor: pointer;
	height: 228px;
	width: 319px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	z-index: 5;
	-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

#sa_province_map { position: absolute; margin-left: 700px; margin-top: 90px; }

.listing { background-color: #f7f7f7; border: 1px solid #dfdfdf; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; margin-bottom: 15px;-webkit-box-shadow: 0 8px 6px -6px #e3e3e3;
	   -moz-box-shadow: 0 8px 6px -6px #e3e3e3;
	        box-shadow: 0 8px 6px -6px #e3e3e3; padding-bottom: 15px; }

.listing h3 { margin: 0; padding: 0; padding-top: 15px; padding-bottom: 15px; font-family: 'museo_sans500'; font-size: 22px; border-bottom: 1px solid #dfdfdf; margin-left: 15px; margin-right: 15px; }
.listing h3 a { color: #141414; text-decoration: none; }

.listing-price { float: right; font-family: 'museo_sans500'; margin-right: 15px; margin-top: 15px; font-size: 28px; color: #d1313d; font-weight: bold; }
.listing-price span { font-size: 14px; color: #8eb2c5;font-weight: normal; }

.listing-content p { margin-left: 15px; margin-right: 15px; margin-top: 0; padding-top: 0; }

.listing-content { margin-top: 15px; }

.listing-buttons { float: right; width: 200px; text-align: center; }

.listing-img { float: left; margin-left: 15px;margin-right: 15px; padding: 3px; border: 1px solid #8eb2c5; background-color: #fff; }

.view-establishment { padding: 10px; width: 170px;font-family: 'museo_sans500'; cursor: pointer; font-size: 14px; color: #fff;  border: 0; background-color: #8eb2c5;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }
.make-a-booking { padding: 10px;width: 170px; margin-top: 10px;font-family: 'museo_sans500'; cursor: pointer; font-size: 14px; color: #fff;  border: 0; background-color: #d1313d;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }

.content h1 { font-family: 'museo_sans500'; }
.content h1 span { color: #d1313d; }
.content h5 { font-family: 'museo_sans500'; font-size: 20px; margin-top: 15px; margin-bottom: 15px; }
.content h5 span { color: #2b8665; }
.content p { font-family: 'museo_sans500'; font-size: 14px; color: #141414; }

.content hr { border: 0; border-top: 3px solid #f5f5f5; }

.breadcrumbs { font-family: 'museo_sans500'; font-size: 12px; margin-top: 20px; }
.breadcrumbs a { color: #2b8665; text-decoration: none; }

.area-list { padding: 0; padding-top: 5px; padding-bottom: 5px; }
.area-list li {  margin: 0; padding: 0; display: inline-block; width: 250px; text-decoration:none; }
.area-list a { font-family: 'museo_sans500'; font-size: 12px; text-decoration:none; color: #141414;}
.area-list a:hover {  color: #d1313d;}

.list-with-us { float: right; width: 200px;  border: 1px solid #ccc; color: #fff;font-family: 'museo_sans500'; font-size: 14px; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; text-align: center; padding-bottom: 10px; margin-top: 0; }
.list-with-us p { margin-left: 10px; margin-right: 10px; }
.list-with-us span { font-weight: bold; color: #d1313d; }
.list-with-us button { border: 0; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; padding: 8px; background-color: #d1313d; font-weight: bold; color: #fff; cursor: pointer;}




.on-province-hover {
color: #d1313d;

-webkit-transition:all ease 0.6s;
-moz-transition:all ease 0.6s;
-o-transition:all ease 0.6s;
-ms-transition:all ease 0.6s;
transition:all ease 0.6s;
}

.on-province-hover:before { }

.area-wrap { width: 1000px; margin-top: 15px;  }

.wc { float: left; width: 160px;}
.wc h3 { font-family: 'PBS_KIDS_Headline'; font-weight: normal;  }
.wc ul { margin: 0; padding: 0; list-style: none; }
.wc li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.wc li a { text-decoration: none; color: #2b2b2b; }
.wc li a:hover { color: #d1313d; }

.ec { float: left; width: 160px; }
.ec h3 { font-family: 'PBS_KIDS_Headline';font-weight: normal;  }
.ec ul { margin: 0; padding: 0; list-style: none; }
.ec li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.ec li a { text-decoration: none; color: #2b2b2b; }
.ec li a:hover { color: #d1313d; }

.nc { float: left; width: 160px; }
.nc h3 { font-family: 'PBS_KIDS_Headline'; font-weight: normal;   }
.nc ul { margin: 0; padding: 0; list-style: none; }
.nc li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.nc li a { text-decoration: none; color: #2b2b2b; }
.nc li a:hover { color: #d1313d; }

.kn { float: left; width: 160px; }
.kn h3 { font-family: 'PBS_KIDS_Headline';font-weight: normal;  }
.kn ul { margin: 0; padding: 0; list-style: none; }
.kn li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.kn li a { text-decoration: none; color: #2b2b2b; }
.kn li a:hover { color: #d1313d; }

.fs { float: left; width: 160px; }
.fs h3 {font-family: 'PBS_KIDS_Headline'; font-weight: normal;  }
.fs ul { margin: 0; padding: 0; list-style: none; }
.fs li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.fs li a { text-decoration: none; color: #2b2b2b; }
.fs li a:hover { color: #d1313d; }

.mp { float: left; width: 160px; }
.mp h3 { font-family: 'PBS_KIDS_Headline'; font-weight: normal;  }
.mp ul { margin: 0; padding: 0; list-style: none; }
.mp li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.mp li a { text-decoration: none; color: #2b2b2b; }
.mp li a:hover { color: #d1313d; }

.lim { float: left; width: 160px; }
.lim h3 { font-family: 'PBS_KIDS_Headline'; font-weight: normal;  }
.lim ul { margin: 0; padding: 0; list-style: none; }
.lim li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.lim li a { text-decoration: none; color: #2b2b2b; }
.lim li a:hover { color: #d1313d; }

.nw { float: left; width: 160px; }
.nw h3 { font-family: 'PBS_KIDS_Headline'; font-weight: normal;  }
.nw ul { margin: 0; padding: 0; list-style: none; }
.nw li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.nw li a { text-decoration: none; color: #2b2b2b; }
.nw li a:hover { color: #d1313d; }


.gau { float: left; width: 160px; }
.gau h3 { font-family: 'PBS_KIDS_Headline'; font-weight: normal;  }
.gau ul { margin: 0; padding: 0; list-style: none; }
.gau li { font-family: 'museo_sans500'; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.gau li a { text-decoration: none; color: #2b2b2b; }
.gau li a:hover { color: #d1313d; }

.contact-details { background-image: url('../images/contact-sketch.png');margin-right: 165px;  font-family: 'dk_crayon_crumbleregular'; font-size: 14px; width: 370px; height: 89px; float: right; margin-top: 30px;  padding-top: 35px; color: #fff;}
.contact-details p { margin: 0; padding: 0; font-size: 25px;  padding-left: 10px; padding-right: 10px; text-align: center;text-shadow: 1px 1px #0b1b8c; }
.contact-details p:nth-child(1) { font-size: 40px; font-weight: bold; text-shadow: 1px 1px #0b1b8c;line-height: 0.7; }
.contact-details a { color: #fff; text-decoration:none; }

.social-header { float: right; margin-top: 50px; width: 176px; }

.as { width: 490px; float: left;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;margin-top: 15px;  }
.as input { border: 1px solid #ccc; padding: 11px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;font-family: 'PBS_KIDS_Headline'; border-bottom: 5px solid #ccc;
border-radius: 3px; width:375px;font-size: 14px; color: #5e5e5e;  }
.as button { border: 0; padding-top: 11px; padding-bottom: 10px; padding-left: 11px; padding-right: 11px;font-family: 'PBS_KIDS_Headline'; font-size: 14px;-webkit-border-radius: 3px;
-moz-border-radius: 3px; margin-left: 5px;
border-radius: 3px; background-color: #d1313d; color: #fff; cursor: pointer; border-bottom: 5px solid #9e212b; }
.as button:hover { background-color: #e5625c; }
.as h3 { font-family: 'PBS_KIDS_Headline';font-size: 20px;  color: #8eb2c5;border-bottom: 4px solid #ccc; padding-bottom: 10px;margin-right: 10px; font-weight: normal; margin-bottom: 15px; }
.cs { width: 490px; float: left;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; margin-left: 15px; margin-top: 15px;}
.cs h3 { font-family: 'PBS_KIDS_Headline';font-size: 20px; color: #8eb2c5; border-bottom: 4px solid #ccc; padding-bottom: 10px; margin-right: 10px;font-weight: normal;margin-bottom: 15px;  }

.cs p { font-family: 'PBS_KIDS_Headline'; font-size: 14px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 11px; width: 457px; background-color: #8eb2c5; color: #163545; border-bottom: 5px solid #517486; }

.cs a { color: #fff; }
.cs a:hover { color: #dfdfdf; }

.cs img { position: absolute; margin-left: 370px; margin-top: 0px!important; }

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

.searchedfor { font-size: 18px!important; text-transform: uppercase; color: #8eb2c5!important;}

.search { width: 999px; margin: auto; background-color: #2e8767;  -webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px; padding-top: 10px; padding-bottom: 5px;   }
.search input { width: 865px; margin-left: 10px; padding: 12px; border: 0; color: #d1313d; font-family: 'PBS_KIDS_Headline'; font-size: 14px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border-bottom: 5px solid #20624a; }
.search input:focus { color: #d1313d; }
.search button { border: 0; padding-top: 11px; padding-bottom: 11px; padding-left: 11px; padding-right: 11px; font-family: 'PBS_KIDS_Headline'; font-size: 14px;-webkit-border-radius: 3px;
-moz-border-radius: 3px; margin-left: 5px;
border-radius: 3px; background-color: #d1313d; color: #fff; cursor: pointer;border-bottom: 5px solid #9e212b; }
.search button:hover { background-color: #e5625c; }
.search img { position: absolute; margin-top: 10px; }

.search-no-padding { padding-top: 0; margin-top: -15px; }

.footer { width: 1000px; margin: auto; background-color: #2b2b2b; margin-top: 30px;-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px; padding-top: 10px; padding-bottom: 10px; color: #fff; font-family: 'museo_sans500'; font-size: 12px; }

.footer h3 { font-family: 'PBS_KIDS_Headline'; font-size: 20px; padding-top: 0; margin-top: 0; letter-spacing: 1px; }

.footer a { color: #fff; }
.footer a:hover { color: #dfdfdf; }

.footer ul { float: left; list-style: none; border-right: 1px solid #49494a; padding-right: 10px; height: 100px; width: 220px; }


.footer-copyright { width: 1000px; margin: auto; background-color: #1b1b1b; text-align: center; color: #fff; font-family: 'museo_sans500'; font-size: 12px; padding-top: 7px; padding-bottom: 7px; }
.footer-copyright a { color: #fff;  }

.footer-logo { float: right; margin-right: 35px; margin-top: 15px; }

.star-rating { float: right; font-size: 16px; }

.gallery { margin: 0; padding: 0; }

.gallery li { float: left; list-style: none; margin-right: 15px; margin-bottom: 10px; }
.gallery li:nth-child(3n+3) { margin-right: 0; }

.gallery li img { 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }

.amenities { width: 100%; background-color: #f7f7f7; }

.check-availability { padding: 10px;width: 170px; margin-top: 10px; text-decoration:none; float: right;font-family: 'museo_sans500'; cursor: pointer; font-size: 14px; color: #fff;  border: 0; background-color: #d1313d;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }

.ac_results {
	padding: 0px;
	border-left: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	width: 300px!important;
}

.ac_results ul {
	width: 300px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	padding: 10px;
	cursor: pointer;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;

}

.ac_results li:hover { background-color: #f7f7f7; }

.ac_loading {
	background: white url('../images/spinner.gif') right center no-repeat;
}

#menu li a:hover
{
padding-top: 15px;
padding-bottom: 15px;
background-color: #2b2b2b;



}



#menu {
	padding: 0;
	margin: auto;
	width: 1000px;
    margin-bottom: 50px;
	height: 35px;
	z-index: 9999999999999;
}
#menu li {
	list-style: none;
	float: left;
	margin-right: 5px;
	

}
#menu li:first-child {
	border-left: 0;
	
}

#menu li:last-child {
	border-right: 0;
	margin-right: 0;
	
}

#menu li a {
	display: block;
	padding: 9px 9px 9px 9px;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	 font-family: Calibri, 'PBS_KIDS_Headline';
	letter-spacing: -1.10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #d1313d;
	border-bottom: 5px solid #9e212b;
	-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}


#menu li:nth-child(1) {   -ms-transform: rotate(4deg);-webkit-transform: rotate(4deg); transform: rotate(4deg);  }
#menu li:nth-child(2) {  -ms-transform: rotate(-7deg);-webkit-transform: rotate(-7deg); transform: rotate(-7deg);  }
#menu li:nth-child(3) {  -ms-transform: rotate(4deg);-webkit-transform: rotate(4deg); transform: rotate(4deg);  }
#menu li:nth-child(4) {  -ms-transform: rotate(-7deg);-webkit-transform: rotate(-7deg); transform: rotate(-7deg);  }
#menu li:nth-child(5) {  -ms-transform: rotate(4deg);-webkit-transform: rotate(4deg); transform: rotate(4deg);  }
#menu li:nth-child(6) {  -ms-transform: rotate(-10deg);-webkit-transform: rotate(-10deg); transform: rotate(-10deg);  }
#menu li:nth-child(7) { -ms-transform: rotate(4deg);-webkit-transform: rotate(4deg); transform: rotate(4deg);  }



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


.current a {
 background-color: #2b2b2b!important;
 color: #fff!important;

}

.current a:hover {
 color: #ffffff!important;
}

#menu li ul {
	display: none;
	width: 14em; /* Width to help Opera out */
	height: 1px;
}
#menu li:hover ul {
	display: block;
	width: auto;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 99999;
	margin-top: 0px;
	height: auto;
	margin-top: -0.5px;
}

#menu li:hover ul:hover {

	

}

#menu li:hover li {
	float: none;
	border-right: 0;
}



.menu-hover-last{
-webkit-border-bottom-right-radius: 7px!important;
-webkit-border-bottom-left-radius: 7px!important;
-moz-border-radius-bottomright: 7px!important;
-moz-border-radius-bottomleft: 7px!important;
border-bottom-right-radius: 7px!important;
border-bottom-left-radius: 7px!important;
}


#menu li:hover li a {
	border-left: 0;
	color: #2b2b2b;
	padding: 9px 190px 9px 15px;
	font-size: 14px;
	background-image: url('../images/bg-active.jpg');
	-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}

#menu li:hover li a:hover {
border: 0!important;
color: #717171!important;
background-color: #f2f2f2;
padding-left: 30px;
padding-right: 175px;

}

#menu li:hover li a:before {
content: "» ";
}

#menu li li li ul {
	position: absolute;
	width: 190px; /*WIDTH OF SUB MENU ITEMS*/
	left: 0;
	top: 0;
	display: none;
}
#menu li:hover ul {
	color: #000000;
}
#menu li li li a {
	display: none;
}
#menu li li:hover li a {
	display: block;
	position: relative;
	float: left;
	width: 100px;
}
#menu li:hover ul li:hover ul {
	display: block;
	position: absolute;
	width: 160px;
	margin: 0;
	padding: 0;
	z-index: 99999;
	margin-left: 224px;
	margin-top: -52px;
 *margin-top: -2px;
	_margin-top: -2px;
	background-color: #3f3f3f;
	height: auto;
	border: 0!important;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute; } 

ul.bjqs-controls.v-centered li.bjqs-next a{right:0;color: #fff; background-color: #d1313d; font-family: 'PBS_KIDS_Headline'; letter-spacing: -1.1px; border-bottom: 5px solid #9e212b;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;color: #fff; background-color: #d1313d; font-family: 'PBS_KIDS_Headline'; letter-spacing: -1.1px; border-bottom: 5px solid #9e212b;}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover { background-color: #2b2b2b; }
ul.bjqs-controls.v-centered li.bjqs-next a:hover { background-color: #2b2b2b; }
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}



#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
	margin: auto;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#315c92;
	text-decoration: none;
	 font-family: 'museo_sans500';
	 text-transform: uppercase;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{

}

.summary-img { float: right; margin-top: 5px; margin-left: 15px; margin-bottom: 15px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }
.address-etc { float: left; margin-top: 5px;  margin-bottom: 15px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; background-color: #f7f7f7; width: 525px; }
.address-etc h3 { font-size: 16px; font-weight: normal; padding-left: 15px;padding-right: 15px;  }

.heading-layer { padding-top: 10px; }

.heading-layer h5 { float: right; margin-top: 0; padding: 0; font-size: 24px; }
.heading-layer h5 span { color: #d1313d; }
.heading-layer h4 span { color: #d1313d; }
.heading-layer h4 {  font-size: 24px; padding: 0;  margin: 0; }

.rates { width: 1000px;font-family: 'museo_sans500'; font-size: 18px; }
.rates td { padding: 15px; background-color: #f7f7f7; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }
.rates-rate { text-align: right; }
.first-td-rates {  font-size: 22px; }
.rates strong { color: #d1313d; }
.rates img { border: 3px solid #d1313d;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }

.td-white { background-color: #fff!important; }

.book-room { background-color: #d1313d;
    background-image: url("../images/calendar.png");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    color: #fff!important;
    padding: 7px 33px 7px 7px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	font-size: 14px;font-family: 'museo_sans500'; text-transform:uppercase;
    text-decoration: none!important; background-size: 10%; }
	
	.book-room:hover { background-color: #141414; }

.advanced-search { font-family: 'museo_sans500';font-size: 14px; }

.advanced-search h3 { font-size: 18px!important; text-transform: uppercase; color: #8eb2c5!important;font-family: 'museo_sans500';}
.advanced-search h3 span { color: #141414; }
.advanced-search input {  padding: 10px; font-family: 'museo_sans500';font-size: 14px;border: 1px solid #dfdfdf; -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; margin-bottom: 10px;margin-top: 10px; }
			
.advanced-search select {  font-family: 'museo_sans500';font-size: 14px;border: 1px solid #dfdfdf; -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; margin-bottom: 10px;margin-top: 10px; padding-left: 10px; }
			.advanced-search select option { padding: 10px; border-right: 1px solid #dfdfdf; border-left: 0;}
			
			.advanced-search button { border: 0; cursor: pointer; color: #fff; margin-top: 10px; padding: 11px;font-family: 'museo_sans500'; font-size: 16px; background-color: #d1313d; 	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; }
			.advanced-search button:hover { background-color: #141414; }
			.advanced-search textarea:focus, .advanced-search input:focus, .advanced-search select:focus  { background-color: #f7f7f7; }

.make-an-enquiry {   font-size: 16px; }
.make-an-enquiry span { color: #d1313d; }
.make-an-enquiry input { padding: 10px; width: 80%;font-family: 'museo_sans500';font-size: 14px;border: 1px solid #dfdfdf; -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; }
.make-an-enquiry textarea { padding: 10px; width: 97%; margin-top: 10px; height: 150px;font-family: 'museo_sans500'; font-size: 14px;border: 1px solid #dfdfdf;-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;}
			.make-an-enquiry textarea:focus, .make-an-enquiry input:focus { background-color: #f7f7f7; }
.make-an-enquiry button { border: 0; cursor: pointer; color: #fff; margin-top: 10px; padding: 11px;font-family: 'museo_sans500'; font-size: 16px; background-color: #d1313d; -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; }
			.make-an-enquiry button:hover { background-color: #141414; }
.message { padding-top: 10px; }

.make-enquiry-img { float: right; margin-top: 37px; margin-right: 100px; }

.amenities-1 { width: 490px;font-family: 'museo_sans500'; font-size: 14px; float: left; }
.amenities-1 td { padding: 10px; padding-left: 0; border-bottom: 1px solid #f2f2f2; }
.amenities-1 td img { margin-top: 3px; }

.amenities-2 { width: 490px;font-family: 'museo_sans500'; font-size: 14px; float: left; margin-left: 20px;}
.amenities-2 td { padding: 10px;padding-left: 0; border-bottom: 1px solid #f2f2f2; }
.amenities-2 td img { margin-top: 3px; }

.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 0em;
	font-family: 'museo_sans500';
	 
}

/* Nav */
.tabs nav {
	text-align: center;
	font-size: 12px;
	
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
	-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.tabs nav li.tab-current {
	border: 1px solid #d1313d;
	box-shadow: inset 0 2px #d1313d;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #d1313d;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #becbd2;
	display: block;
	font-size: 1.45em;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
	text-decoration: none;
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: #d1313d;
	text-decoration: none;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	 font-family: 'museo_sans500';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.icon-food:before {
	content: "\e600";
}

.icon-lab:before {
	content: "\e601";
}

.icon-cup:before {
	content: "\e602";
}

.icon-truck:before {
	content: "\e603";
}

.icon-shop:before {
	content: "\e604";
}

/* Content */
.content section {
	font-size: 1.25em;
	padding: 0em 0em 0em 0em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.mediabox {
	float: left;
	width: 33%;
	padding: 0 25px;
}

.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {
		
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		border-right: none;
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* Preload images */
body:after {
  content: url(../img/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: 'museo_sans500';
  
}

.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: 34px;
  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: 18px;
  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;
}

.contactPage {  font-family: 'museo_sans500'; }

.captcha
{
  width: 82px;
  margin: 0 auto;
  margin-left: 0px;
  margin-top: 5px;
}
.refresh
{
  position:relative;
  float: right;
  margin-right: -125px;
}

#SpamCheck { margin-left: 10px!important; float: right; margin-top: 8px; }

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

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	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: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { width: 60px!important; margin-left: -30px!important;}
.captcha-img { margin-left: -2px; margin-bottom: -25px!important; }

/** START MOBILE CSS **/

@media only screen and (max-width : 1000px) {

.header, .search, .search img, .content, .area-wrap, .footer, .footer-copyright { width: 100%; }
#photos { width: 100%; }
.banner-oval { display: none; }
.search input { width: 65%; }
.search {  }
#sa_province_map { margin: 0; position: relative; margin: auto; }
#sa_province_map svg { width: 100%; }
.footer ul { width: 100%; border: 0; text-align: center; margin: 0; padding: 0; margin-top: 10px; }
.footer-logo { float: none; margin: 0; display: block; margin: auto; }
.wc, .ec, .nc, .kn , .fs, .mp, .lim, .nw, .gau { float: none; margin: 0; width: 100%; text-align: center; }
.as, .cs { width: 100%; text-align: center; margin: 0; }
.as h3 { margin: 0; margin-bottom: 10px; margin-top: 10px;border: 0; }
.cs h3 { margin: 0; margin-bottom: 10px; margin-top: 10px; border: 0; }
.cs img { display: none;}
.cs p { width: 90%; margin: auto; padding: 0; padding-top: 11px; padding-bottom: 11px;  }
.as input { width: 50%; }
.contact-details { float: none; margin: 0; margin: auto; }
.social-header { float: none; margin: 0;margin: 10px auto; }
.logo { display: block; margin: auto; }

.search img {  }

.contact-details { width: 100%; background-image: none;}
.contact-details p {  text-shadow: none!important; color: #d1313d; }
.contact-details a {  text-shadow: none!important; color: #d1313d; }

.search{ -webkit-border-radius:0!important;
-moz-border-radius: 0!important;
border-radius: 0!important; }

.content h5 { text-align: center; }
.top-areas ul { text-align: center!important; }
.top-areas ul li a { display: block; padding-bottom: 5px; padding-top: 5px; }
.top-areas ul li { width: 100%; }

.list-with-us { float: none; width: 90%; margin: auto; }

#formsearch { text-align: center; }

#menu li { -ms-transform: none!important;-webkit-transform: none!important; transform: none!important; }

.tabs { width: 100%; }
.tabs nav { float: none!important;width: 100%!important;}
.content section { margin: 0!important; padding-left: 10px!important; }
.tabs nav ul li { width: 100%!important;-webkit-border-top-left-radius: 0!important;
-webkit-border-top-right-radius:  0!important;
-moz-border-radius-topleft:  0!important;
-moz-border-radius-topright:  0!important;
border-top-left-radius:  0!important;
border-top-right-radius:  0!important;  }
.tabs nav ul li:last-child  { border-right: 1px solid #becbd2!important; border-bottom: 1px solid #becbd2!important; }
.content p { text-align: center; }

.listing { margin:auto; width: 90%;margin-bottom: 15px; }
.searchedfor { text-align: center; }
.listing-buttons { float: none; width: 100%; margin-bottom: 15px; }
.listing-img { float: none;  display: block; margin: auto; margin-bottom: 15px; }

.listing p {  text-align: center; }

h1 { text-align: center; }

.breadcrumbs { text-align: center; }

    #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; }
	#nav li a:hover {  border-bottom: 2px solid #0a2806; }
	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; top: 25px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 90px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #195612;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
background-color: #0a2806!important;
    }

}

/** END MOBILE CSS **/



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

}

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

}

@font-face {
  font-family: 'PBS_KIDS_Headline';
  src: url('../fonts/pbskidsheadline-regular-webfont.eot');
  src: url('../fonts/pbskidsheadline-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/pbskidsheadline-regular-webfont.woff') format('woff'), /* Modern Browsers */
   url('../fonts/pbskidsheadline-regular-webfont.ttf') format('truetype'), /* iOS 4.2+ */
   url('../fonts/pbskidsheadline-regular-webfont.svg#PBS_KIDS_Headline') format('svg');/* IE9 Compat Modes */
  /* Older iOS */
}