/*
############   YUI Reset
*/
body {color:#666;background:#FFF;border:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
fieldset,legend {float:left;display:none;position:absolute}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a {color:#5185AC; font-weight:bold;}
a:hover {color: #CC0000; font-weight:bold; text-decoration:underline;}
a:active {color: #CC0000; font-weight:bold;}
a:visited {color: #5185AC;}

/*
############   Main font styles
*/


*, body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

body {
	margin: 0 auto;
	padding: 0;
	background:#0099CC url(../img/layout/bg-white.gif) top center repeat-y;
}


h1 {
	font-size: 24px;
	color: #0077AA;
	margin:0 0 6px 0;
	padding:0;
}

h2 {
	font-size: 18px;
	color: #0077AA;
	margin: 25px 0 6px 0;
	padding: 0;
}

h3 {
	font-size: 16px;
	color: #0077AA;
	margin-top:20px;
}

h4 {
	font-size: 14px;
	color: #0077AA;
}

h5 {
	font-size: 12px;
	color: #0077AA;
}

p {
	font-size: 12px;
	color:#666666;
	line-height: 23px;
	margin:0;
	padding:0;
}

p.intro {
	font-size: 14px;
	color:#0099CC;
}

p.intro a {
	font-size: 14px;
	color:#0099CC;
	font-weight:normal;
	text-decoration:underline;
}
p.intro a:hover {
	color:#CC0000;
}

#content p {
	margin-top: 10px;
}

label  {
	font-size: 12px;
	color:#666666;
	float:left;
	width: 130px;
	padding-top:5px;
}

span {
	font-size: 10px;
	color:#999999;
	line-height: 23px;
	margin:0;
	padding:0;
}


input {
	font-size: 12px;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

div#top p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	margin:0 0 0 10px;
	padding:0;
}

div.left-nav p {
	!important width:229px;
	!important height:34px;
	background:#0099CC;
	font-size: 18px;
	color:#FFFFFF;
	padding: 5px 0 5px 10px;
	margin: 10px 0 0 0; 
	line-height:normal;
}

div.left-nav p a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}

div.left-nav p.red {
	background:#CC0000;
}
	div.left-nav ul {
		
	}

		div.left-nav ul li {
			border-bottom: 1px solid #CCCCCC;
			background:url(../img/layout/left-nav-bullet.gif) left center no-repeat;
			font-size: 12px;
			padding: 5px 0 5px 18px;
		}
		
		div.left-nav ul li a {
			text-decoration: none;
			color:#666666;
			font-weight:normal;
		}
		
		div.left-nav ul li a:hover {
			text-decoration: underline;
			color: #CC0000;
			font-weight:normal;
		}
		
#featured-campsites p.heading {
	!important width:229px;
	!important height:34px;
	background:#0099CC;
	font-size: 18px;
	color:#FFFFFF;
	padding: 5px 0 5px 10px;
	margin: 10px 0 0 0; 
	line-height:normal;
}

#featured-campsites .featured-campsite p.ar-no {
	color:#CC0000;
	font-size:8pt;
	font-weight:bold;
	line-height:10px;
}

#featured-campsites .featured-campsite p.name{
	color:#0077AA;
	font-size:9pt;
	font-weight:bold;
	
	border-bottom: 1px dotted #CCCCCC;
}

#featured-campsites .featured-campsite p.desc {
	font-size:8pt;
	line-height:13px;
	margin-top:6px;
}

#featured-campsites .featured-campsite p.link {
	font-size:8pt;
	text-align:right;
	clear:both;
}
				
#breadcrumb {
	color: #B1B1B1;
	font-size:8pt;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
}

#breadcrumb a {
	color:#B1B1B1;
	font-weight:normal;
}
#breadcrumb a:hover {
	color:#333333;
}

#popular-searches {
	font-size:7pt;
	line-height:13px;
}

#breadcrumb.bcguides {
	margin-bottom:0;
	border:none;
}

/*
############   Layout styles
*/




div#accessibility, p.about-this-page, legend {
	display:none;
}

div#top p.page-desc {float:left;}

a#skip {
	
}

div#wrapper {
	width:960px;
	background:#FFFFFF;
	margin: 0 auto;
	padding:0;
}

div#top {
	height: 28px;
	background:#555555;
}

	div#top #language-selection {
		float:right;
		width: 185px;
		background:url(../img/layout/lang-bg.gif) no-repeat;
	}
	
	div#top #language-selection ul li {
		color:#FFFFFF;
		font-size:9px;
		font-weight:bold;
		float:left;
		margin: 9px 34px 8px 13px;
	}
	
	div#top #language-selection ul li a {
		color:#FFFFFF;
		font-size:9px;
		font-weight:bold;
	}

div#header {
	height:145px;
	background:url(../img/layout/header-bg-ad.gif) left top no-repeat #FFFFFF; 
}

	div#header img#logo {
		margin:10px 10px 0 10px;
		float:left;
	}
	
	div#header #advert-468 {
		margin:10px 10px 5px 8px;
		float:right;
		width:468px;
	}
	
	div#header #advert-225 {
		margin:10px 10px 5px 0;
		float:right;
		width:225px;
	}
	
div#container-hp {
	margin: 50px 0 0 0;
	float:left;
	width: 950px;
}	

	div#content-hp {
		width: 700px;
		float: right;
		border-left: 1px dotted #CCCCCC;
		padding: 0 0 0 5px;
	}
		
	#adverts-rhs-hp {
		width: 120px;
		float:right;
		margin: 0 0 0 0;
	}
	
		#adverts-rhs-hp img {
		margin: 0 0 8px 0;
		}
	
		div#content-hp #product-feature {
			width:572px;
			height:300px;
			background:url(../img/layout/product-features/blank.jpg) #C3E0F2 no-repeat;
			margin-bottom:5px;
			float:left;
		}
		
		div#content-hp #feature-ad {
			width:120px;
			height:300px;
			margin: 0 0 5px 8px;
			float:left;
		}
		
		div#content-hp #hp-boxes {
			height:110px;
			margin: 0 0 8px 0;
			clear:both;
		}
		
			div#content-hp #hp-box1 a {
				height:110px;
				width:228px;
				margin: 0 8px 0 0;
				float:left;
				background: url(../img/layout/hp-box1.jpg) no-repeat right;
			}
			div#content-hp #hp-box2 {
				height:110px;
				width:228px;
				margin: 0 8px 0 0;
				float:left;
				background: url(../img/layout/hp-box2.jpg) no-repeat right;
			}
			div#content-hp #hp-box3 {
				height:110px;
				width:228px;
				margin: 0 0 0 0;
				float:left;
				background: url(../img/layout/hp-box3.jpg) no-repeat right;
			}
			
			div#content-hp p.title {
				color:#FFFFFF;
				font-size:12pt;
				
				margin: 10px 0 0 10px;
			}
			
			div#content-hp p.description {
				color:#FFFFFF;
				font-size:8pt;
				margin: 10px 90px 0 10px;
				line-height:normal;
			}
			
				div#content-hp #hp-boxes a {
					color:#FFFFFF;
					text-decoration:none;
					font-weight:normal;
					cursor:pointer;
				}
				div#content-hp #hp-boxes a:hover p.title  {
					font-weight:bold;
				}
				
				div#content-hp p.link {
					text-decoration:underline;
					font-weight:bold;
				}
			
	div#hp-content-main {
		width: 567px;
		padding: 0 5px 0 0;
		border-right: 1px dotted #CCCCCC;
	}		
		
		div#hp-content-main #poll {
			border: 1px solid #CCCCCC;
			width: 200px;
			padding: 15px;
			float:right;
			margin: 0 0 10px 10px;
		}
		
		div#hp-content-main #news {
			margin:0 0 0 0;padding:0;
			overflow:auto;
		}
		div#hp-content-main #news #mainnews {
			border-bottom: 1px dotted #CCCCCC;
			margin-bottom: 10px;
		}
		
		div#hp-content-main #news h2 {
			margin:10px 0 0 0;padding:0;
		}
		
		div#hp-content-main #news h3.more {
			margin-top: 12px;
			margin-bottom:10px;
			border:none;
		}
		div#hp-content-main #news p.headline {
			font-size: 18px;
			color: #0077AA;
			margin: 5px 0 6px 0;
			padding: 0;
		}	
			
		div#hp-content-main #news #subnews p.headline {
			font-size: 18px;
			color: #0077AA;
			margin: 0 0 0 0;
			padding: 0;
			line-height: 25px;
		}	
		
		div#hp-content-main #news #subnews p.headline a {
			text-decoration: none;
			font-weight:normal;
		}
		div#hp-content-main #news #subnews p.headline a:hover {
			text-decoration: underline;
		}
		div#hp-content-main #news #mainnews p.headline a {
			text-decoration: none;
			font-weight:normal;
		}
		div#hp-content-main #news #mainnews p.headline a:hover {
			text-decoration: underline;
		}
			
		div#hp-content-main #news p {
			margin-left: 0px;
			margin-bottom:5px;
			line-height: 20px;
		}

		div#hp-content-main h2 {
			margin:10px 0 0 0;padding:0;
		}

			
		div#hp-content-main #news .subnews {
				overflow:auto;
			}
	
		div#hp-content-main #hp-guides {
			float:left;
		}
		div#hp-content-main #hp-guides h3 {
			font-size: 10pt;
			color: #0077AA;
			margin: 0 0 0 0;
			padding: 0;
		}
		div#hp-content-main #hp-guides p {
			font-size: 8pt;
			line-height:15px;
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		
		div#hp-content-main #most-popular {
			
			height: 165px;
			margin-top:0;
			padding-left:0;
		}
			div#hp-content-main #most-popular h2 {
				padding: 10px 0 0 0;
			}
			
			div#hp-content-main #most-popular .popular-box h4 {
			font-size:10pt;
			margin-bottom:3px;
			}
			
			div#hp-content-main #most-popular .popular-box {
				background:#F5F5F5;
				border:3px solid #CCCCCC;
				float:left;
				width: 117px;
				margin: 5px;
				padding:8px 0 8px 8px;
			}
			
				div#hp-content-main #most-popular .popular-box ol {
					margin-left: 20px;
				}
				
				div#hp-content-main #most-popular .popular-box ol li {
					font-size:8pt;
					list-style: decimal;
				}
		
		
	
		
div#container {
	margin: 50px 5px 0 0;
	float:left;
	width: 825px;
}

	div#content {
		width: 569px;
		float: right;
		border-left: 1px dotted #CCCCCC;
		border-right: 1px dotted #CCCCCC;
		padding: 0 5px;
	}
	
		div#content #product-feature {
			width:569px;
			height:300px;
			background:url(../img/layout/product-features/blank.jpg);
			margin-bottom:5px;
		}
		div#content #product-feature-guides {
			width:569px;
			height:360px;
			background:url(../img/layout/product-features/blank.jpg);
			margin-bottom:5px;
			position:relative;
		}
	
		#guide-feature {
			
			margin-top:0;
			width:569px;
			margin-bottom:25px;
		}
		#guide-feature img {
			float:right;
			margin: -65px 30px 0 0
		}
			
			.francebg {
				background:url(../img/layout/product-features/guides/france.jpg) no-repeat;
			}
			.spainbg {
				background:url(../img/layout/product-features/guides/spain.jpg) no-repeat;
			}
			.europebg {
				background:url(../img/layout/product-features/guides/europe.jpg) no-repeat;
			}
			.britainbg {
				background:url(../img/layout/product-features/guides/britain.jpg) no-repeat;
			}
			.italybg {
				background:url(../img/layout/product-features/guides/italy.jpg) no-repeat;
				
			}
			.digibg {
				background:url(../img/layout/product-features/guides/italy.jpg) no-repeat;
				height:310px;
			}
			.mypoibg {
				background:url(../img/layout/product-features/mypoi-feature.jpg) no-repeat;
				height:290px;
			}
		
		div#content	#guide-feature h1 {
			padding-top:245px;
		}
		div#content	#guide-feature h1 span {
			font-size: 18px;
			color: #0077AA;
		}
		div#content	#guide-feature p.subhead-italy {
			font-size: 14px;
			color: #0077AA;
			margin: -10px 0 10px 0;
			padding: 0;
		}
		div#content	#guide-feature p.subhead-guide {
			font-size: 18px;
			color: #0077AA;
			margin: 0 0 6px 0;
			padding: 0;
		}
		div#content	#guide-feature p.intro {
			margin-right:185px;
		}
		
		
		
	
	div#left-bar {
		!important width: 220px;
		float:right;
		margin: 0 5px 0 0;
	}	
	
	form.keywordsearch { height: 34px;}
	
		div#left-bar #search-box {
			border: 7px solid #DFEAF2;
			width:215px;
			padding: 0 0 16px 0;
			background: url(../img/layout/campsite-search-heading.gif) no-repeat top left #F1F7FA;
			margin: 0 0 6px 0;
		}
		
			div#left-bar #search-box img {
				margin:0 0 0 5px;
				padding:0;
			}
			
			div#left-bar #search-box input {
				height: 18px;
				vertical-align:top;
				padding: 3px 0 0 3px;
				margin: 0 0 10px 0;
			}
			

				div#left-bar #search-box #searchexpand {
					/* display:none; */
				}
				
				div#left-bar #search-box #searchexpand #popular-searches {
					padding: 0 10px;
				}
				
				div#left-bar #search-box #quick-search {
					margin: 50px 0 0 10px;
				}
				
				div#left-bar #search-box #advanced-search {
					border-top: 7px solid #DFEAF2;
					margin: 10px 0 0 0;
					padding: 35px 0 0 10px;
					background: url(../img/layout/advanced-search.gif) no-repeat top left #F1F7FA;
				}
				
				div#left-bar #search-box #inspiration {
					border-top: 7px solid #DFEAF2;
					margin: 10px 0 0 0;
					padding: 35px 0 0 10px;
					background: url(../img/layout/need-inspiration.gif) no-repeat top left #F1F7FA;
				}
					div#left-bar #search-box #inspiration p {
						line-height:10pt;
						font-size:9pt;
						margin:0;padding:0;
					}
					
					div#left-bar #search-box #inspiration img {
						margin:7px 0 0 0;
						padding:0;
					}

				div#left-bar #search-box #map-look {
					border-top: 7px solid #DFEAF2;
					margin: 8px 0 0 0;
					padding:0;
					text-align:right;
					/* temp*/
					display:none;
				}
				
				
		div#left-bar div.left-nav {
			
		}
		
		div#left-bar #arts-promo {
			
			width:229px;
			margin: 0 0 10px 0;
		}
		
		div#left-bar #featured-campsites {
			width: 229px;
		}
			
			#featured-campsites .featured-campsite {
				background:#EEEEEE;
				margin: 5px 0;
				padding:8px;
			}
			


div.region-features {
	overflow:auto; 
	margin: 15px 0;
}

	div.region-features .item {
		width: 188px;
		float:left;
		margin-bottom: 15px;
	}	
	
	div.region-features .item img {
	 /* nothing */
	}
	
	div.region-features .item h3 {
		margin:5px 0;
		padding:0;
		font-size:9pt; 
		font-weight:bold; 
		color:#CC0000;
	}
	
	div.region-features .item ul {
		font-size:7pt
	}
		
		div.region-features .item ul li {
			/* nothing */
		}

div.country-features {
	overflow:auto; 
	margin: 15px 0;
}

	div.country-features .item {
		width: 142px;
		float:left;
		margin-bottom: 15px;
	}	
	
	div.country-features .item img {
	 /* nothing */
	}
	
	div.country-features .item h3 {
		margin:5px 0;
		padding:0;
		font-size:8pt; 
		font-weight:bold; 
		color:#CC0000;
	}
	div.country-features .item h3 span {
		display:none;
	}	
	div.country-features .item ul {
		margin:0;
		padding:0;
	}
		div.country-features .item ul li {
			font-size:7pt;
			list-style: inside disc;
			margin:0;
			padding:0;
			line-height: 14px;
		}
		
		div.country-features .item ul li a {
			text-decoration:none;
			font-weight:normal;
			color:#666666;
			margin-left: -5px;
		}
		div.country-features .item ul li a:hover {
			text-decoration:underline;
			color:#CC0000;
		}


ul.guideslist {
	font-size:10pt;
	margin-top: 10px;	
}
	ul.guideslist li {
		background: url(../img/layout/tick-bullet.gif) no-repeat left;
		padding-left: 25px;
		margin: 10px 0 10px 12px;
	}
	
	
h2.underline {border-bottom: 1px solid #CCCCCC; padding-bottom:15px; margin-bottom:0;}

div.guide-button {	
	border-bottom: 1px solid #CCCCCC;
	padding: 15px 5px 15px 0;
	margin-top: 0;
	min-height: 110px;
}
	div.guide-button h3 a {	
		padding:0;
		margin:26px 0 0 0;
		line-height:16px;
		font-size:16pt;
		text-decoration:none;
		
	}
	div.guide-button h3 a:hover {	
		color:#CC0000;
		text-decoration:underline;
		
	}
		div.guide-button h3 span.small {	
			font-size:11pt;
			color: #0077AA;
		}
	.guide-button p.desc {	
		color: #999999;
		font-size:9pt;
		padding:0 0 0 0;
		margin:0 0 0 0;
		line-height: 10px;
		text-decoration:none;
		font-weight:normal;
	}
	.guide-button p.price {	
		color:#CC0000;
		font-size:11pt;
		font-weight:bold;
		padding:0;margin:5px 0 0 5px;
		line-height:normal;
		text-decoration:none;
	}
	
	.guide-button p.price sup {	
		color:#B1B1B1;
		font-size:7pt;
		font-weight:normal;
		padding:0;margin:0;
		line-height:normal;
		text-decoration:none;
}
	.guide-button p.price span.freepp {	
		color:#B1B1B1;
		font-size:8pt;
		font-weight:normal;
		padding:0;margin:0;
		line-height:normal;
		text-decoration:none;
}

	div.guide-button ul {
		margin-top: 15px;
		height:25px;
	}
	div.guide-button ul li {
		float:left;
		margin-right: 10px;
	}

div.guide-button:hover {	
	
}
	


#adverts-rhs {
	width: 120px;
	float:left;
	margin: 10px 0 0 0;
}

	#adverts-rhs img {
	margin: 0 0 8px 0;
	}
	
	
#tools {
	background:#E5E5E5;
	height:40px;
	clear:both;
	border-top: 10px solid #FFFFFF;
	margin: 0;
}

	#tools ul li.email {
		background:url(../img/layout/icon-email.gif) left no-repeat;
		padding:10px 12px 12px 25px;
		float:left;
		font-size:12px;
		margin: 2px 0 0 15px;
	}
	
	#tools ul li.print {
		background:url(../img/layout/icon-print.gif) left no-repeat;
		padding:10px 12px 12px 25px;
		float:left;
		font-size:12px;
		margin: 2px 0 0 15px;;
	}
	
	#tools ul li a {
		color: #666666;
	}
	
	#tools div#bookmark {
		float:right;
		padding:7px 12px 0 25px;
	}
	
	#tools div#bookmark img {
		vertical-align:middle;
	}
	
	#tools div#bookmark span {
		font-size:12px;
		line-height:25px;
		color:#666666;
	}
	

#footer {
	background: url(../img/layout/footer-bg.jpg) repeat-x #666666;
	margin: 0;
}
	
	#footer div.foot-col {
		width:185px;
		margin:10px 0 0 40px;
		float:left;
		color:#FFFFFF;
	}
	
	#footer div.first {
		margin:10px 0 20px 60px;
	}	
	
		#footer div.foot-col ul li {
			border-bottom: 1px solid #CCCCCC;
			font-size:8pt;
			line-height: 23px;
			margin: 0 15px 0 0;
		}
		
		#footer div.foot-col ul li.head {
			color:#FFFFFF;
			margin-top: 15px;
			font-weight:bold;
		}
		
		#footer div.foot-col ul li a {
			color:#FFFFFF;
			font-weight:normal;	
			text-decoration:none;
		}
			#footer div.foot-col ul li a:hover {
				text-decoration:underline;
			}
		
#bottom {
	background:#333333;
	border-top: 15px solid #333333;
	height:25px;
	margin: 0;
}

	#bottom ul#left li {
		font-size:8pt;
		color:#FFFFFF;
		float:left;
		margin: 0 0 0 20px;
	}

	#bottom ul#right {
		float:right;
		width: 250px;
	}
	
	#bottom ul#right li {
		font-size:8pt;
		color:#FFFFFF;
		float:right;
		margin: 0 20px 0 0;
	}
	#bottom ul li a {
		color:#FFFFFF;
	}



#map-return {
	margin-bottom:10px;
	width: 218px;
	padding-left: 10px;
}

#map-return a.map-return {
	color:#CC0000;
	text-decoration:none;
	font-size:10pt;
	clear:both;
	

}

#map-return a.map-return:hover {
	text-decoration:underline;
}







hr {
	border-bottom: 1px dotted #CCCCCC;
	border-top, border-left, border-right: none;
	color: #FFFFFF;
}

.clear {
	clear:both;
	height:1px;
	font-size:1px;
}


/*
############   Nav bar Elements 
*/

div#nav {
	width: 940px;
	height: 35px;
	margin:0 auto;
	padding:0;
	background:url(../img/layout/nav-right.jpg) no-repeat right;
	clear:both;
}

div#nav-inner {
	width: 936px;
	height: 35px;
	margin: 0;
	padding: 0 0 0 1px;
	background:url(../img/layout/nav-bg.jpg) no-repeat left;
}


	div#nav ul li {
		float:left;
		!important height:33px; 
		background:url(../img/layout/nav-item.jpg) no-repeat right;
		padding: 5px 0 9px 3px;
		margin: 1px 0;
	}
	
	div#nav ul li:hover {
		background:url(../img/layout/nav-item-hover.jpg) no-repeat right;
	}

	
	div#nav ul li.down {
		float:left;
		!important height:35px; 
		background:url(../img/layout/nav-item-down.jpg) no-repeat right;
		padding: 5px 0 9px 3px;
		margin: 1px 0;
	}
	
	div#nav ul li.down:hover {
		background:url(../img/layout/nav-item-down-hover.jpg) no-repeat right;
	}

	
	div#nav ul li.rhs {
		float:right;
		!important height:35px; 
		background:url(../img/layout/nav-item-blank.jpg) no-repeat right;
		padding: 5px 0 9px 3px;
		margin: 1px 0;
	}
	
	div#nav ul li.rhs:hover {
		background:url(../img/layout/nav-item-blank-hover.jpg) no-repeat right;
	}
	
	div#nav ul li.rhsdown {
		float:right;
		!important height:35px; 
		padding: 5px 0 9px 3px;
		margin: 1px 0;
	}
	
	
	div#nav ul li.rhs-down {
		float:right;
		!important height:35px; 
		background:url(../img/layout/nav-item-down.jpg) no-repeat right;
		padding: 5px 10px 9px 3px;
		margin: 1px 0;
	}
	
	div#nav ul li.rhs-down:hover {
		background:url(../img/layout/nav-item-down-hover.jpg) no-repeat right;
	}
	
	
	div#nav ul li a {
		!important height:33px; 
		font-size:8pt;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		margin:0;
		padding: 10px 10px 10px 5px;
	}
	
	div#nav ul li a:hover {
		text-decoration: underline;
	}
	
	div#nav ul li#navDest a {
		cursor: pointer;
	}
	
	div#nav ul li.down a {
		!important height:35px; 
		font-size:8pt;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		margin:0;
		padding: 10px 20px 10px 5px;
	}
	
	div#nav ul li.down a:hover {
		text-decoration: underline;
	}


	
/*Nav bar guides graphic - a little hack for chrome & safari 
div#nav ul li #nav-guide {
	position:absolute;
	margin-top:-27px;
	margin-left:64px;
}
*/

/* Nav bar guides graphic */
div#nav ul li #nav-guide {
	position:absolute;
	margin-top:-27px;
	margin-left:-64px;

}

/* Google Chrome hack */
body:nth-of-type(1) div#nav ul li #nav-guide
{
	margin-left:-4px;
}

div#nav ul li.guides a {
	margin-left: 5px;
}


/* Nav bar extra Elements */
div#nav2 {
	float:right;
	height: 30px;
	width:370px;
	margin:5px 15px 0 0;
	padding:0;
	background:url(../img/layout/nav-extra-right.jpg) no-repeat right top;

}

div#nav2-inner {
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0 0 0 3px;
	background:url(../img/layout/nav-extra.jpg) no-repeat left top;
	width:370px;
}

div#nav2 ul li {
	float:left;
	!important height:30px; 
	padding: 4px 5px 10px 5px;
	margin: 0;
}

div#nav2 ul li.shop {
	background:url(../img/layout/nav-shop.jpg) no-repeat top right;
	width: 70px;
	margin-left: 2px;
	margin-right: 10px;
	padding: 4px 0 10px 3px;
	
}
div#nav2 ul li.shop a {

	padding: 11px 10px 11px 25px;
}
div#nav2 ul li a {

	padding: 11px 10px 11px 5px;
}
div#nav2 ul li:hover {
}

div#nav2 ul li a {
	!important height:30px; 
	font-size:8pt;
	color: #006699;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding: 11px 10px 11px 5px;
}

div#nav2 ul li a:hover {
	text-decoration: underline;
}


div#subnav {
	width: 936px;
	margin:0 auto;
	background:url(../img/layout/sub-nav-bg.jpg) bottom no-repeat #FFFFFF;
	margin-top:30px;

}

	div#subnav div#desc {
		margin: 0 10px;
		border-bottom:1px solid #CBDBE9;
		font-size:8pt;
		padding:10px 0;
		color:#5185AC;
	}

	div#subnav div#items {
		margin: 0 10px;
		font-size:8pt;
		padding:0 5px 10px 5px;
	}
	
	div#subnav div#items ul li {
		float:left;
		width: 113px;
		margin-top: 10px;
	}
	
	div#subnav div#items ul li a {
		color: #5185AC;
		text-decoration:none;
		font-weight:bold;
	}
	
	div#subnav div#items ul li a:hover {
		color:#CC0000;
		text-decoration:underline;
	}
	
	div#subnav div#items ul li a img {
		margin-right:3px;
	}


/*
############   Search Form Elements
*/


div.search-button {
	background:url(http://www.alanrogers.nl/lib/img/layout/search-button-bg.gif) no-repeat top left;
	color:#FFF;
	width: 52px; 
	height:20px;
	font-family:Tahoma;
	padding-top: 4px;
	font-size:8pt;
	float:left;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	margin-left: 5px;
}

div.search-button:hover {
	background:url(http://www.alanrogers.nl/lib/img/layout/search-button-hover.gif) no-repeat top left;
}


div.random-campsite-button {
	background:url(http://www.alanrogers.nl/lib/img/layout/random-campsite-bg.gif) no-repeat top left;
	color:#FFF;
	width: 140px; 
	height:20px;
	font-family:Tahoma;
	padding-top: 4px;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	margin-top: 7px;
}

div.random-campsite-button:hover {
	background:url(http://www.alanrogers.nl/lib/img/layout/random-campsite-hover.gif) no-repeat top left;
}



#advanced-search input {
	border:1px solid #B1B1B1;
	padding: 2px;
}

#advanced-search input:focus {
	border:1px solid #AAAAAA;
	padding: 2px;
	outline: 2px solid #DEDEDE;
}
#advanced-search input.radio {
	border:0;
	margin:5px 0 0 0;
	float:left;
}

#advanced-search select {
	border:1px solid #B1B1B1;
	padding: 2px;
	font-size:10pt;
	width: 120px;
}

#advanced-search .form-line {
	clear:both;
	border:0;
	padding:4px 0;
}

#advanced-search div.form-seperator {
	border-bottom:1px dotted #CCCCCC;

	padding:5px;
	margin-top:10px;
	font-weight:bold;
}
#advanced-search label  {
	font-size: 12px;
	color:#666666;
	float:left;
	width: 56px;
	padding-top:5px;
}

#advanced-search label.radio  {
	padding:1px 0 0 3px;
}


/*
############   Form Elements
*/

input {
	border:1px solid #B1B1B1;
	padding: 2px;
}

input:focus {
	border:1px solid #AAAAAA;
	padding: 2px;
	outline: 2px solid #DEDEDE;
}

div.form-line {
	border-bottom:1px dotted #CCCCCC;
	clear:both;
	padding:5px;
}

div.form-seperator {
	border-bottom:1px dotted #CCCCCC;
	clear:both;
	padding:5px;
	margin-top:10px;
	font-weight:bold;
}




/*  ### Tag Cloud ###  */

#tag-cloud {
	background:#EFEFEF;
	padding:1px;
	border: 3px solid #DDDDDD;
}
#tag-cloud ul {
	text-align:center;
	padding:6px 0;
}
#tag-cloud ul li {
	display:inline;
	margin: 0 2px;
}
#tag-cloud ul li a {
	text-decoration:none;
	font-weight:normal;
	color:#666666;
}
.popularity1 {
	font-size:8pt;
}
.popularity2 {
	font-size:9pt;
}
.popularity3 {
	font-size:10pt;
}
.popularity4 {
	font-size:11pt;
}
.popularity5 {
	font-size:12pt;
}
.popularity6 {
	font-size:13pt;
}
.popularity7 {
	font-size:14pt;
}
.popularity8 {
	font-size:15pt;
}
.popularity9 {
	font-size:16pt;
}
.popularity10 {
	font-size:17pt;
}
.popularityULTRA {
	font-size:18pt;
	font-weight:bold;
}

div.destinations {
	border-right:1px dotted #CCCCCC;
	width:190px;
	height:400px;
	float:left;
}

div.dest1 {
	width:190px;
	height:60px;
	float:left;
}

div.dest2 {
	width:190px;
	height:60px;
	float:left;
}

div.dest3 {
	width:190px;
	height:60px;
	float:left;
}

div.holideas {
	width:375px;
	height:300px;
	float:left;
}

div.idea1 {
	height:125px;
	width:370px;
	float:left;
}

div.idea2 {
	height:125px;
	width:370px;
	float:left;
}

div.products2 {
	border:1px dotted;
	float:left;
	width:550px;
	height:auto;
	margin: 10px 0;

}

div.attract {
	margin:15px 0 10px 5px;
	border:1px dotted #DDD;
	height:105px;
	padding:15px;
}

div.attract2 {
	margin:15px 0 10px 5px;
	border:1px dotted #DDD;
	height:140px;
	padding:15px;
}

div.fixbox {
	 width: 270px;
	 float:right; 
	 margin-right:15px;
	 margin-top:5px;
}

div.campeloe ul {
	font-size:13px;
	color:#666666;
	line-height:20px;
}

div.campeloe ul li {
	font-size:13px;
	color:#666666;
	line-height:25px;
	margin-left:10px;
}

div.campeloe ul li span.price {
	color:#CC0000;
	font-weight:bold;
	font-size:13px;
}

div.twitterlink {
	background: url(http://www.alanrogers.com/lib/img/layout/twicon.gif) no-repeat center left;padding-left: 19px;padding-bottom: 4px;
	font-size:11px;
	width:60px;
	float:left;
	margin-left:300px;
	margin-top:10px;
	border-top:1px dotted #ccc;
	padding-top:3px;
	margin-bottom:-65px;
	
	
}

div.twitterlink a {
	line-height: 16px;
}

div.fblink a {
	line-height: 16px;
}

div.fblink {
	background: url(../img/layout/twicon.gif) no-repeat center left;
	padding-left: 19px;
	font-size:11px;
	width:60px;
	float:left;
	margin-left:390px;
	margin-top:-65px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding-bottom:4px;
	padding-top:6px;
}

div.offers {
	float:left;
	height:90px;
	width:300px;
	margin:5px 5px 5px 30px;
	border:1px dotted #CCC;
}