@charset "UTF-8";

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Result Styles
================================================== */


.feature {overflow:auto;}
.feature p {display:block; clear:none;}

span.sitenum {
	color:#B7B4A5;
	font-size:11px;
	font-weight:bold;
	text-shadow: 0 1px 0 white;
}
.feature h1 {display:block; float:none; font-size: 32px;margin: -13px 0 0 250px;}

.img_box {
	display:block;
	margin: 0 16px 0 -7px;
	float:left;
	width:240px;
	height:197px;
	background: url(../img/layout/site-img-bg.png) 0 0  no-repeat transparent;
	text-decoration:none;
}

	.img_box img {
		margin: 12px 0 0 12px;
		width:217px;
		height:172px;
	}
	
	
div.location {
	font-size:14px;
	background: url(../img/layout/location-icon.gif) left center no-repeat transparent;
	text-indent: 14px;
	margin-bottom: 8px;
	margin-left: 250px;
}


ul.tel-fax {
	overflow:auto;
	display:block;
	max-width: 480px;
	font-size:14px;
	margin-bottom: 8px;
}

ul.tel-fax li {
	display:block;
	float:left;
	margin-right: 40px;
	font-size:14px;
}
ul.tel-fax li strong {
	margin-right: 6px;
}

ul.ctas {margin:0;}

ul.ctas li {
	display:block;
	float:left;
	margin-right: 20px;
}
div.sidebar {margin-top: -175px;}
div.sidebar h3 {margin:0;}
		
article h2 {
	background:none !important;
	color: #787878 !important;
	text-indent:0 !important;
	line-height: 20px !important;
	padding: 0 !important;
	text-shadow:none !important;
}
article h4 {
	background:none !important;
	color: #787878 !important;
	text-indent:0 !important;
	line-height: 20px !important;
	padding: 0 !important;
	text-shadow:none !important;
	font-size: 20px;
	font-weight:normal;
}

article p {
	font-size: 13px;
}

article ul.facilities {
	overflow:auto;
}
article ul.facilities li {
	width: 41%;
	margin: 0 10px 10px 0;
	float:left;
	display:block;
	font-size: 13px;
	line-height: 15px;
	padding: 5px 0 5px 25px;
}

li.icon19.shop {background: url(../img/layout/icons/19/shop.png) no-repeat 0 2px;}
li.icon19.pets {background: url(../img/layout/icons/19/pet.png) no-repeat 0 2px;}
li.icon19.spa {background: url(../img/layout/icons/19/spa.png) no-repeat 0 2px;}
li.icon19.fishing {background: url(../img/layout/icons/19/fish.png) no-repeat 0 2px;}
li.icon19.pool {background: url(../img/layout/icons/19/pool.png) no-repeat 0 2px;}
li.icon19.wifi {background: url(../img/layout/icons/19/wifi.png) no-repeat 0 2px;}
li.icon19.tv {background: url(../img/layout/icons/19/tv.png) no-repeat 0 2px;}
li.icon19.bar {background: url(../img/layout/icons/19/bar.png) no-repeat 0 2px;}
li.icon19.play {background: url(../img/layout/icons/19/kids.png) no-repeat 0 2px;}
li.icon19.riding {background: url(../img/layout/icons/19/riding.png) no-repeat 0 2px;}
li.icon19.restaurant {background: url(../img/layout/icons/19/restaurant.png) no-repeat 0 2px;}
li.icon19.riding {background: url(../img/layout/icons/19/riding.png) no-repeat 0 2px;}
li.icon19.beach {background: url(../img/layout/icons/19/beach-ball.png) no-repeat 0 2px;}
li.icon19.golf {background: url(../img/layout/icons/19/golf.png) no-repeat 0 2px;}



					
					
li.icon24.accommodation {background: url(../img/layout/icons/24/accommodation.png) no-repeat 0 12px;}
li.icon24.price {background: url(../img/layout/icons/24/price.png) no-repeat 0 12px;}
li.icon24.ferry {background: url(../img/layout/icons/24/ferry.png) no-repeat 0 12px;}
li.icon24.rating {background: url(../img/layout/icons/24/rating.png) no-repeat 0 12px;}
li.icon24.thumbsup {background: url(../img/layout/icons/24/thumbsup.png) no-repeat 0 12px;}
li.icon24.star {background: url(../img/layout/icons/24/star.png) no-repeat 0 12px;}
li.icon24.guidebooks {background: url(../img/layout/icons/24/guidebooks.png) no-repeat 0 12px;}
li.icon24.mobile {background: url(../img/layout/icons/24/mobile.png) no-repeat 0 12px;}


div.sidebar h3 {margin:0;}

ul.at-a-glance {
	background: white;
	border: 1px solid #DDD;
	border-top:none;
}
ul.at-a-glance > li {
	margin: 0 10px 0 10px;
	display:block;
	font-size: 12px;
	line-height: 15px;
	padding: 13px 0 10px 32px;
	border-bottom: 1px solid #DDD;
}

ul.at-a-glance li ul {
	margin: 0;
	padding: 0;
}
ul.at-a-glance li ul > li {
	margin: 0 0 0 1px;
	font-size: 11px;
	line-height: 10px;
	padding: 5px 0 5px 0;
}

div.gallery img.main { 
	background: #EFEFEF;
	text-align:center;
	width: 100%;
	margin: 0 0 10px 0;
}

div.gallery img.thumb { 
	margin: 0 8px 10px 0;
	padding:0;
}

div.gallery img.thumb-last {
	margin-right:0 !important;
}


div.accommodation {
	border-bottom: 1px solid #DDD;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
div.accommodation h4 {
	font-size: 15px;
	color:#80A533 !important;
	font-weight:bold;
}
div.accommodation p.info {
	font-style:italic;
	font-size: 12px;
	margin: 8px 2px;
	color: #777;
}
div.accommodation img {
	float:left;
	margin: 0 10px 10px 0;
}

div.accommodation dl {
	clear:left;
	font-size:13px;
}

div.accommodation dl dt {
	font-weight: bold;
	float:left;
	clear:left;
	margin-right: 20px;
	margin-bottom: 6px;
	width: 65px;
}

div.accommodation dl dd {
	float:left;
	max-width: 330px;
	margin-bottom: 6px;
}


ul.nearby-campsites {
	margin:0;padding: 3px 0 0 0;
}
	ul.nearby-campsites li {
		display:block;
		padding: 0 10px;
		min-height: 50px;
		padding-bottom: 8px;
		border-bottom: 1px solid #DCD9CA;
		box-shadow: 0 1px 0 #FFFFFF;
		-webkit-box-shadow: 0 1px 0 #FFFFFF;
		-moz-box-shadow: 0 1px 0 #FFFFFF;
		-o-box-shadow: 0 1px 0 #FFFFFF;
	}
	ul.nearby-campsites li.last {
		border-bottom: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
	}
	ul.nearby-campsites li img {
		float:left;
		margin-right: 8px;
		padding:3px;
		background:white;
		border: 1px solid #DDD;
		
	}
	ul.nearby-campsites li a {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 3px;
		display:block;
		text-decoration:none;
	}
	ul.nearby-campsites li a:hover {
		text-decoration:underline;
	}
	ul.nearby-campsites li span {
		display:block;font-size:10px;
		background: url(../img/layout/location-icon.gif) left center no-repeat transparent;
		text-indent: 14px;
		float:left;
	}
	
	
ul.similar-campsites {
	margin:0;padding: 3px 0 0 0;
}
	ul.similar-campsites li {
		display:block;
		float:left;
		width:230px;
		padding: 0;
		margin: 0 20px 30px 0;
		min-height: 50px;
		padding-bottom: 8px;
	
	}
	ul.similar-campsites li.last {
		margin:0;
	}
	ul.similar-campsites li img {
		float:left;
		margin-right: 8px;
		padding:4px;
	border: 1px solid #DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px #DDD;
	-moz-box-shadow: 0 0 2px #DDD;
	-o-box-shadow: 0 0 2px #DDD;
	box-shadow: 0 0 2px #DDD;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	background:rgba(255,255,255,0.95);
	
	
		
	}
	ul.similar-campsites li a {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 3px;
		display:block;
		text-decoration:none;
	}
	ul.similar-campsites li a:hover {
		text-decoration:underline;
	}
	ul.similar-campsites li span {
		display:block;font-size:10px;
		background: url(../img/layout/location-icon.gif) left center no-repeat transparent;
		text-indent: 14px;
		float:left;
	}
	
	ul.similar-campsites li.empty a {
		color:#AAA;
		text-decoration:none;
	}
	ul.similar-campsites li.empty a:hover {
		text-decoration:underline;
	}
	ul.similar-campsites li.empty span {
		color:#CCC;
		background: none;
		text-indent: 0;
	}

ul.whats-special {
	margin: 20px 0 0;
}
ul.whats-special>li {
	padding: 0 0 0 0;
	margin: 20px 0;
	background-position: 3px 3px;
	min-height:30px;
	font-size: 13px;
	clear:left;
	border-bottom: 1px solid #DDD;
}
ul.whats-special>li strong {
	color: #CF6936;
	font-size:15px;
}
ul.whats-special>li div.101-info {
	font-style:italic;
	font-size: 12px;
	margin: 8px 2px;
	color: #777;
}
ul.whats-special>li img {
	float:left;
	margin: 0 10px 0 0;
}
ul.whats-special>li>ul {
	margin:5px 0 10px 5px;
	padding:0 0 0 0;
	overflow:auto;
	
}

ul.whats-special>li>ul>li {
	margin:0 20px 6px 0;
	line-height: 13px;
	height: 20px;
	display:block;
	padding:1px 0 0 17px;
	float:left;
	background: url(../img/layout/bullet-tick.png) left top no-repeat transparent;

}
ul.whats-special>li>ul>li.link {
	clear: left;
	background: none;
	padding-left: 0;
	font-weight: bold;
	padding-top: 5px;
}

div.campsite-actions 
{
	background:#f5f5f5;
	margin-top:18px;
	margin-bottom:18px;
	padding:20px 20px 10px;
	border-top:1px solid #ddd;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	width: 190px;
	float:left;
}
div.campsite-actions.end {
	margin-left: 20px
}
div.campsite-actions.arts {
	float:none;
	width:auto;
	clear:both;
	background: #FC3;
}

ul.ctas li a.fulldetails {
	display:inline-block;
	color:#3E5A0E;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 11px;
	padding:10px 0 8px 0;
	line-height:normal;
	text-decoration:none;
}

ul.ctas li a.fulldetails:after {
	content: "";
}
ul.ctas li a.fulldetails:hover {
	text-decoration:underline;
}

.map_canvas-campsite {
	width: 100% !important; 
	height: 270px !important;
	margin-bottom: 15px !important;
}

.group-badge {
	border-radius: 4px;
	box-shadow: 0 0 4px #DDD;
	margin: 15px 0 20px;
	border: 1px solid #DDD;
	overflow:hidden;
}

.group-badge img {
	border-radius: 4px;
	margin:0;
	padding:0 0 -2px;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 979px) {
		
		




	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
	.feature {overflow:inherit}

	.feature h1 {display:block; float:none; font-size: 16px;margin: 0 0 0 110px;}

	.img_box {
		display:block;
		margin: 0 12px 0 -3px;
		width:100px;
		height:70px;
		padding: 3px;
		border: 1px solid #DDD;
		background: white;
		-webkit-tranform: rotate(-1deg);
	}
	
		.img_box img {
			margin: 0;
			width:100px;
			height:70px;
		}
	
	div.location {
		font-size:14px;
		background: url(../img/layout/location-icon.gif) left center no-repeat transparent;
		padding-left: 14px;
		margin-bottom: 8px;
		margin-left: 0;
	}
	
	
	ul.tel-fax {
		overflow:auto;
		display:block;
		font-size:14px;
		margin-bottom: 8px;
	}

		
		}