#skip-content{
	color: #2a0103;
	padding: 1px 0 2px 15px;
	font-size: 80%;
	text-decoration: none;
	}
	#skip-content:hover, #skip-content:focus{
		text-decoration: underline;
		}
			/*---------------Header-------------*/
			#header{
				float: left;
				width: 960px;
				padding: 0;
				margin: 0;
				}
				#header #logo{
					float: left;
					width: 254px;
					margin: 0 0 0 10px;
					display: inline;
					background: #fff;
					}
					#header #logo img{
						float: left;
						}
				
				#header-right{
					float: left;
					width: 686px;
					background: url(../images/strapline.gif) left top no-repeat ;
					height: 106px;
					}
				/**#header-right img{
					float: left;
					}*/
				
				#header-right a{
					float: right;
					font-size: 85%;
					padding: 5px 10px 0 0;
					}
			

/*--------------Main Content area-----------------*/
#center-interface{
	margin: 0px auto;
	width: 960px;
	padding: 0 0 0 0;
	}

/*---------Main nav-------------*/
			
		#main-nav{
			float: left;
			width: 940px;
			background: url(../images/main-nav-bg.jpg) top center no-repeat;
			margin: 1px 0 1px 10px;
			padding: 0;
			display: inline;
			}
			#main-nav li{
				float: left;
				display: inline;
				padding: 0;
				}
			#main-nav li a{
				float: left;
				font-size: 85%;
				color: #fff;
				text-decoration: none;
				}
			
			#main-nav li a:hover, #main-nav li a:focus{
				color: #fff;
				text-decoration: underline;
				}
				
			#main-nav .special-offers{
				float: right;
				text-align: right;
				}
			#main-nav .advertise{
				float: right;
				text-align: right;
				}
			#main-nav .members{
				float: right;
				text-align: right;
				}
		
		
		/*--------------------Big Part------------------*/
		#big-part{
			float: left;
			width: 940px;
			background: url(../images/big-part-bg.gif) left top repeat-y #21221c;
			margin: 0 0 0 10px;
			display: inline;
			}
			#big-part-left{
				float: left;
				width: 234px;
				background: url(../images/search-bg.jpg) left top no-repeat #21221c;
				color: #fff;
				padding: 10px;
				}
				#big-part-left p{
					/*font-size: 85%;*/
					padding: 0 0 15px 0;
					}
				#big-part-left .big-part-titles{
					clear: both;
					font-size: 160%;
					font-family: Arial, Helvetica, sans-serif;
					padding: 0 0 15px 0;
					text-transform: uppercase;
					}
				#big-part-left #inspireme{
					float: right;
					margin: 55px 0 0 0;
					}
				#big-part-right{
					float: right;
					}
					#big-part-right img{
						float: left;
						}
		/*-----------Search panel---------*/
				#search-panel ul{
					float: left;
					padding: 0;
					margin: 10px 0 0 0;
					list-style: none;
					color: #fff;
					font-size: 80%;
					font-weight: bold;
					}
					#search-panel li{
						float: left;
						width: 234px;
						padding: 2px 0 2px 0;
						margin: 0;
						}
						#search-panel label{
							float: left;
							width: 60px;
							padding: 2px 2px 0 0;
							margin: 0;
							font-weight: normal;
							}
						#search-panel input{
							float: left;
							width: 168px;
							margin: 0;
							padding: 1px;
							background: #eeebde;
							border: 1px solid #eeebde;
							}
						#search-panel select{
							float: left;
							font-size: 85%;
							width: 172px;
							margin: 0;
							padding: 1px;
							background: #eeebde;
							border: none;
							}
							
/*						
							// CHRISTOPHE ORIGINAL DIV STYLE BEFORE JUSTINS BELOW
							#search-panel #search-button-menu{
							float: right;
							width: 133px;
							height: 24px;
							margin: 0;
							padding: 1px 0 0 0;
							text-decoration: underline;
							color: #fff;
							background: transparent;
							border: none;
							}
*/							
							
						/* JUSTINS DIV STYLE */
						#search-panel #search-button-menu{
								float: right;
								width: 133px;
								height: 24px;
								margin: 0;
								padding: 1px 0 0 0;
								border: none;
								cursor:pointer;
								background: url("/templates/images/buttons/find-retreats.gif");
							}
						
			

		/*--------------Main container background---------*/
		#main-container-bg{
			float: left;
			width: 940px;
			/*background: url(../images/main-container-top.gif) left top no-repeat #fff;*/
			background: #fff;
			margin: 0 0 0 10px;
			padding: 1px 0 20px 0;
			display: inline;
			}
				
	/*-----------------Left Column-----------------*/
	#left-column{
		float: left;
		width: 235px;
		background: url(../images/left-column-bg.jpg) left top no-repeat #fff;
		padding: 15px 25px 0 14px;
		}
		#left-column .titles{
			float: left;
			width: 225px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 150%;
			color: #524b38;
			padding: 0 0 5px 0;
			}
		#products-nav{
			float: left;
			width: 235px;
			background: url(../images/left-column-bg.jpg) left top no-repeat ;
			padding: 0;
			margin: 0 0 40px 0;
			}
		#products-nav .group-menu-left{
			float: left;
			width: 219px;
			margin: 0 0 0 0;
			padding: 3px 3px 0 3px;
			display: inline;
			background: url(../images/menus-left-top-bg.gif) left top no-repeat #eeebde;
			}
			#products-nav .group-menu-left a{ 
				color: #605a49;
				font-weight: normal;
				text-decoration: none;
				background: url(../images/icons/open-drop-down.gif) 0px 0px no-repeat;
				padding: 0 0 0 18px;
				font-size: 85%;
				}
			#products-nav .group-menu-left a:hover, #products-nav .group-menu-left a:focus{ 
				color: #000;
				}
			
			#products-nav .group-menu-left .active{ 
				background: url(../images/icons/drop-down-open.gif) 0px 0px no-repeat;
				font-weight: bold;
				color: #000;
				}
		#products-nav .group-menu-left ul{
			float: left;
			width: 181px;
			display: inline;
			margin: 5px 0 0 0;
			padding: 0 0 15px 18px;
			}
		#products-nav .group-menu-left ul li{
			float: left;
			width: 181px;
			color: #fff;
			padding: 3px 0 3px 0;
			border-bottom: 1px solid #fff;
			}
		
		#products-nav .group-menu-left ul li a{
			float: left;
			width: 171px;
			display: block;
			color: #605a49;
			text-decoration: none;
			font-size: 85%;
			font-weight: normal;
			padding: 0 0 0 10px;
			background: url(../images/icons/drop-down-brown.gif) left center no-repeat;
			}
				
		#products-nav ul li a:hover, #products-nav ul li a:focus, #products-nav .group-menu-left ul li .active{
			background: url(../images/icons/drop-down-red.gif) left center no-repeat;
			color: #9b0f24;
			text-decoration: underline;
			font-weight: normal;
			}
		
		#products-nav .group-menu-left-bottom{
			float: left;
			width: 225px;
			height: 4px;
			font-size: 0;
			display: block;
			margin: 0 0 4px 0;
			background: url(../images/menus-left-bottom-bg.gif) left top no-repeat;
			}
		
		
		/*-------------Latest five added-------------*/
		#latest-five{
			float: left;
			width: 235px;
			background: url(../images/left-column-bg.jpg) left top no-repeat ;
			padding: 0;
			margin: 0 0 40px 0;
			}
		#latest-five .group-menu-left{
			float: left;
			width: 219px;
			margin: 0 0 0 0;
			padding: 3px 3px 0 3px;
			display: inline;
			background: url(../images/menus-left-top-bg.gif) left top no-repeat #eeebde;
			}
			#latest-five .group-menu-left a{ 
				color: #605a49;
				font-weight: normal;
				text-decoration: none;
				background: url(../images/icons/grey-arrows-left-menu.gif) 0px 0px no-repeat;
				padding: 0 0 0 18px;
				font-size: 85%;
				}
				#latest-five .group-menu-left a:hover, #latest-five .group-menu-left a:focus{ 
					text-decoration: underline;
					}
		#latest-five .group-menu-left-bottom{
			float: left;
			width: 225px;
			height: 4px;
			font-size: 0;
			display: block;
			margin: 0 0 4px 0;
			background: url(../images/menus-left-bottom-bg.gif) left top no-repeat;
			}
			
		/*-------------Newsletter Sign up-------------*/
		#newsletter-signup{
			float: left;
			width: 235px;
			background: url(../images/left-column-bg.jpg) left top no-repeat ;
			padding: 0;
			margin: 0 0 15px 0;
			}
		#newsletter-signup .group-menu-left{
			float: left;
			width: 205px;
			margin: 0 0 0 0;
			padding: 10px;
			display: inline;
			background: url(../images/menus-left-top-bg.gif) left top no-repeat #eeebde;
			}
			#newsletter-panel ul{
				float: left;
				padding: 0;
				margin: 0;
				list-style: none;
				color: #fff;
				font-size: 80%;
				font-weight: bold;
				width: 205px;
				}
				#newsletter-panel li{
					float: left;
					width: 205px;
					padding: 2px 0 2px 0;
					margin: 0;
					}
					#newsletter-panel label{
						float: left;
						width: 63px;
						padding: 2px 2px 0 0;
						margin: 0;
						font-weight: normal;
						text-align: right;
						color: #605a49;
						}
					#newsletter-panel input{
						float: left;
						width: 136px;
						margin: 0;
						padding: 1px;
						background: #fff;
						border: 1px solid #b4ae96;
						}
					
					#newsletter-panel #sign-up-button-menu{
						float: right;
						width: 100px;
						height: 24px;
						margin: 0;
						padding: 1px 0 0 0;
						text-decoration: underline;
						color: #fff;
						background: transparent;
						border: none;
						}
		#newsletter-signup .group-menu-left-bottom{
			float: left;
			width: 225px;
			height: 4px;
			font-size: 0;
			display: block;
			margin: 0 0 4px 0;
			background: url(../images/menus-left-bottom-bg.gif) left top no-repeat;
			}
					
	/*----------------------Content--------------------------*/					
	#content{
		float: left;
		width: 640px;
		padding: 15px 0 0 0;
		color: #636363;
		}
		#content p{
			clear: both;
			width: 510px;
			line-height: 1.2;
			margin: 0 0 20px 0;
			color: #605a49;
			font-size: 85%;
			}
		
		#content ul{
			float: left;
			width: 450px;
			padding: 30px;
			}
		#content ul li{
			float: left;
			width: 430px;
			padding: 4px 0 4px 20px;
			font-size: 85%;
			font-weight: bold;
			/*background: url(../images/icons/list-item.gif) left center no-repeat;*/
			}
	/*--------------------Breadcrumb--------------------*/
	#content #breadcrumb{
		float: left;
		width: 630px;
		background: #f5f3eb;
		margin: 0;
		padding: 0;
		display: inline;
		color: #a8a286;
		}
		#content #breadcrumb ul{
			float: left;
			width: 640px;
			background: #fff;
			margin: 0;
			padding: 0;
			display: inline;
			color: #a8a286;
			}
			#content #breadcrumb li{
				float: left;
				padding: 3px 4px 4px 0;
				display: inline;
				background: none;
				width: auto;
				font-weight: normal;
				font-size: 80%;
				}
				#content #breadcrumb li a{
					float: left;
					color: #a8a286;
					text-decoration: underline;
					background: url(../images/icons/breacrumb-arrow.gif) right 5px no-repeat;
					padding: 0 9px 0 0;					
					}
	
	
	/*----------------------Homepage--------------------------*/
	#content #homepage-spotlights{
		float: left;
		width: 640px;
		padding: 23px 0 0 0;
		margin: 0;
		}
	#content .line{
		float: left;
		width: 640px;
		margin: 0 0 40px 0;
		}
		#content .retreat-spotlight{
			float: left;
			width: 200px;
			margin: 0 20px 0 0;
			display: inline;
			}
		#content .end-line{
			margin: 0;
			}
			#content .retreat-spotlight .zone-image{
				float: left;
				width: 198px;
				height: 198px;
				border: 1px solid #c3bda5;
				margin: 0 0 10px 0;
				}
				#content .retreat-spotlight .zone-image img{
					float: left;
					width: 188px;
					height: 188px;
					border: 1px solid #c3bda5;
					margin: 4px 0 0 4px;
					}
			#content .retreat-spotlight .retreat-type{
				float: left;
				width: 200px;
				font-size: 85%;
				font-weight: bold;
				color: #524b38;
				padding: 0;
				margin: 0;
				}
			#content .retreat-spotlight .retreat-location{
				float: left;
				width: 200px;
				font-size: 85%;
				font-weight: normal;
				color: #3c392a;
				padding: 0;
				margin: 0;
				}
			#content .retreat-spotlight .retreat-summary{
				float: left;
				width: 200px;
				font-size: 85%;
				font-weight: normal;
				color: #827960;
				padding: 15px 0 10px 0;
				margin: 0;
				}
			#content .retreat-spotlight .retreat-link{
				float: left;
				width: 200px;
				font-size: 85%;
				font-weight: normal;
				color: #8e0e19;
				padding: 0;
				margin: 0;
				}
				#content .retreat-spotlight .retreat-link a{
					color: #8e0e19;
					text-decoration: underline;
					}

/*--------------Extra text homepage-------------*/
#extra-text-homepage{
	float: left;
	width: 900px;
	margin: 20px 20px 0 20px;
	padding: 5px 0 0 0;
	display: inline;
	font-size: 70%;
	border-top: 1px solid #c3bda5;
	}
	#extra-text-homepage p{
		float: left;
		width: 900px;
		padding: 5px 0 5px 0;
		color: #a08a72;
		color: #827960;
		}
	#extra-text-homepage a{
		color: #a08a72;
		text-decoration: underline;
		}


/*------------Black zone button-----------*/
.black-zone-buttons{
		float: left;
		width: 640px;
		background: #21221c;
		color: #fff;
		margin: 10px 0 40px 0;
		}
		.black-zone-buttons .top{
			float: left;
			width: 640px;
			height: 10px;
			margin: 0;
			padding: 0;
			background: url(../images/black-zone-button-top.gif) left top no-repeat;
			display: block;
			font-size: 0;
			}
		.black-zone-buttons .zone-text{
			padding: 0 0 0 10px;
			font-size: 85%;
			font-weight: bold;
			}
			.black-zone-buttons .zone-text .text{
				float: left;
				width: auto;
				padding: 6px 0 0 0;
				text-transform: uppercase;
				}
			.black-zone-buttons .zone-text .buttons{
				float: right;
				width: auto;
				padding: 0 10px 0 0;
				}
				
					.black-zone-buttons .zone-text .buttons #add-to-basket-image{
					float: left;
					width:113px;
					height:24px;
					border:0;
					cursor:pointer;
					background: url("/templates/images/buttons/continue-b.gif");
					padding: 0;
					margin: 0;
					}		

		.black-zone-buttons .bottom{
			float: left;
			width: 640px;
			height: 10px;
			margin: 0;
			padding: 0;
			background: url(../images/black-zone-button-bottom.gif) left top no-repeat;
			display: block;
			font-size: 0;
			}
	
/*-----------------FOOTERS-----------------------------------*/
	#footer{
		float: left;
		width: 940px;
		margin: 0 0 0 10px;
		padding: 5px 0 130px 0;
		display: inline;
		color: #8e866f;		
		font-size: 70%;
		background: url(../images/footer-top-bg.gif) left top no-repeat;
		}
		
		#footer-left{
			list-style: none;
			float: left;
			width: 450px;
			margin: 0 0 0 10px;
			display: inline;
			padding: 10px 0 5px 5px;
			}
		#footer-left li{
			display: inline;
			}
			#footer-left a{
				text-decoration: none;
				color: #8e866f;
				}
			#footer-left a:hover, #footer-left a:focus{
				text-decoration: underline;
				}
		
		#footer-right{
			float: right;
			width: 245px;
			text-align: right;
			padding: 10px 0 0 0;
			margin: 0 10px 0 0;
			display: inline;
			}
			#footer-right a{
				color: #8e866f;
				text-decoration: none;
				padding: 0;
				margin: 0;
				}
			#footer-right a:hover, #footer-right a:focus{
				text-decoration: underline;
				}