/* --- home.css - Eden Hotel Group --- */
						
/* --- siteBody --- */

#siteBody {	
	background-image: url(/images/eden/layout/bg_sitebody_home.gif);
}

	/* --- toolBar --- */
	
	#toolBar {
		padding: 10px 10px 10px;
	}
	* html #toolBar { padding: 25px 10px 40px; }
	*:first-child+html #toolBar { padding: 25px 10px 40px; }
				
		/* --- bookOnline --- */
		
		#bookOnline h2 {
			background-image: url(/images/eden/layout/bg_header_bookonline_green_home.gif);
		}
			
		#bookOnline .bottom {
			background-image: url(/images/eden/layout/bg_bottom_bookonline_green_home.gif);
		}
						
	/* --- contentBody --- */
	
	#contentBody {
		width: 640px;
		padding: 0;
	}
	
		/* --- homeContent --- */
		
		#homeContent {
			float: left;
			clear: both;
			width: 100%;
			padding: 0 0 20px;
		}
		
			/* --- browser --- */
		
			#homeContent .browser {
				float: left;
				width: 300px;
				height: 96px;
				padding: 0 10px;
			}
			* html #homeContent .browser { padding: 0 9px; }
			html>body #homeContent .browser {
				height: auto;
				min-height: 96px;
			}
		
			#homeContent .browser .clickableItem {
				height: 96px;
				padding: 0 10px;
			}
			html>body #homeContent .browser .clickableItem { 
				height: auto;
				min-height: 96px;
			}
			
			#homeContent .browser .jsClickable:hover, #homeContent .browser .jsHoverItem,
			#homeContent .browser .jsClickable:hover a, #homeContent .browser .jsHoverItem a {
				text-decoration: underline;
			}
			
					#homeContent .browser .image {
						float: right;
						padding: 2px 0 2px 5px;
					}
					
						#homeContent .browser .image img {
							display: block;
						}
					
					#homeContent .browser h2 {
						color: #4d4d4d;
						margin: 0 0 0.3em;
					}
					
/* new bottom snippets */

#newFooter .BannersBottomList {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline;
	background-image: none;
	position: relative;
}

	#newFooter .BannersBottomList li {
		float: left;
		width: 27.5em;
		clear: none;
		padding: 0;
		margin: 0 1.6em 0 0;
		display: inline;
		background-image: none;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
		* html #newFooter .BannersBottomList li {
			margin-right: 1em;
		}
	
		#newFooter .BannersBottomList li.last {
			margin-right: 0;
		}
	
		#newFooter .BannersBottomList li a {
			background-image: url(/images/eden/background-linkarrow.png);
			background-position: 98% 50%;
			background-repeat: no-repeat;
			display: block;
			color: #fff;
			position: relative;
			margin-left: -1px;
			width: 21.6em;			
			padding: 2.8em 4em 2.8em 1em;			
		}
		
		* html #newFooter .BannersBottomList li a {
			padding-top: 2em;
			padding-bottom: 2em;
			margin-left: -2px;
		}
		
		#newFooter .BannersBottomList li.BannersBottomListVersion1 a {
			background-image: none;
			width: 170px;
			padding-left: 115px;
			margin: 0;			
			color: #4f4f4f;
		}
		
		* html #newFooter .BannersBottomList li.BannersBottomListVersion1 a {
			width: 120px;
			padding-top: 1em;
			padding-bottom: 1em;
		}
		
		* + html #newFooter .BannersBottomList li.BannersBottomListVersion1 a {
			padding: 20px 0 20px 115px;
		}
		
		div.linkContent {
			background-image: url(historic.jpg);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			z-index: 9999;
			display: block;
		}
		
		.BannersBottomListVersion1 div.linkContent {
			background-position: 5px 50%;
		}
		

/*Image Wrap Solution*/		

#newFooter .BannersBottomListWithImage {
	float: left;
	clear: both;
	width: 100%;
	background: none;
}

	#newFooter .BannersBottomListWithImage li {
		float: left;
		clear: none;
		width: 300px;
		height: 102px;
		overflow: hidden;
		padding: 0;
		margin: 0 2.65em 0 0;
		display: inline;
		background: none;	
	}
	
		#newFooter .BannersBottomListWithImage li.last {
			margin-right: 0;
		}
	
				
			
.wnAutoShowTeaserMenu {
	float: left;
	clear: both;
	width: 488px;
	border: 1px solid #e5e5e5;
	float: left;
	clear: both;
}

.BannersBottomListWithImage #highlights { margin: 0; }	

.newStyleHighlights #highlights {
	position: relative;
	height: 94px;
}

	.newStyleHighlights #highlights h2 {
		display: none;
	}
	
	.newStyleHighlights #highlights #botttomSnippetDiv p, .newStyleHighlights #highlights #botttomSnippetDiv2 p, .newStyleHighlights #highlights #botttomSnippetDiv3 p {
		position: absolute;
		float: left;
		clear: both;
		width: 100%;
		background-image: url(/images/eden/background-linkarrow.png);
		background-position: 100% 50%;
		background-repeat: no-repeat;
		top: 25px;
		left: 0;
		padding: 10px 35px 10px 10px;
		margin: 0;
		width: 255px;
		color: #fff;
		height:2em;
	}
	
	.newStyleHighlights #highlights #botttomSnippetDiv .image, .newStyleHighlights #highlights #botttomSnippetDiv2 .image, .newStyleHighlights #highlights #botttomSnippetDiv3 .image {
		float: left;
		clear: both;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
		.newStyleHighlights #highlights #botttomSnippetDiv .image img, .newStyleHighlights #highlights #botttomSnippetDiv3 .image img, .newStyleHighlights #highlights #botttomSnippetDiv3 .image img {
			float: none;
			text-align: center;
			display: inline;
			margin-top: 10px;
			padding: 0;
			border: 0;
			width: 300px;
			overflow: hidden;
			height: 94px;
			position: absolute;
			top: -10px;
			left: -3px;
		}
		
		.coverImageInsertion {
			float: left;
			clear: both;
		}
/*
	New fix
*/

.BannersBottomListWithImageRollBack {
}

.BannersBottomListWithImageRollBack #highlights h2 {
	display: inline;
	color: #4d4d4d;
	margin-left: 20px;	
}

.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv .image img, .BannersBottomListWithImageRollBack .newStyleHighlights #highlights #botttomSnippetDiv3 .image img, .BannersBottomListWithImageRollBack .newStyleHighlights #highlights #botttomSnippetDiv3 .image img {
	width: 100px;
	height: 80px;
	top: 2px;
	left: 197px;
	
}

.BannersBottomListWithImageRollBack #highlights .image .coverImageInsertion {
	display: none;
}

.BannersBottomListWithImageRollBack #highlights, .BannersBottomListWithImageRollBack  #highlights2, .BannersBottomListWithImageRollBack  #highlights3 {
	background: #fff;
}

.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv .image img.coverImageInsertion,
.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv3 .image img.coverImageInsertion,
.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv3 .image img.coverImageInsertion {
	display: none;
}

.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv p,
.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv2 p,
.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv3 p {
	padding: 0 10px 0 0;
	width: 160px;
	color: #4d4d4d;
	display: inline;
	margin-left: 22px;
	float: none;
	background: none;
}

.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv p .moreBullet,
.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv2 p .moreBullet,
.BannersBottomListWithImageRollBack #highlights #botttomSnippetDiv3 p .moreBullet {
	background-image: url(ico_link.gif);
	background-position: 100% 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 1em;
}
.BannersBottomListWithImageRollBack #highlights div, .BannersBottomListWithImageRollBack #highlights2 div, .BannersBottomListWithImageRollBack #highlights3 div 
{
	background-image:none;
}

.BannersBottomListWithImageRollBack #highlights .jsHoverItem h2
{
	text-decoration:underline;
}
.BannersBottomListWithImageRollBack #highlights .jsHoverItem p
{
	text-decoration:underline;
}