/* import menu.css */
@import url("menu.css");

body { 
	background: #e8d2a6;
	font-family: "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}
textarea { font-size: 12px; }

div#template { 
	width: 900px;
	margin: 0 auto;
	position: relative;
}
div#main { 
}
	div#main a.logo { 
		display: block;
		width: 255px;
		height: 255px;
		background: url(../images/template/logo.png);
		position: absolute;
		top: 0;
		left: 0;
		font-size: 0;
		text-indent: -9999px;
		text-decoration: none;
		outline: none;
	}

div#header { 
	height: 100px;
	background: url(../images/template/header.png) repeat-y;
}
	div#header h1 { 
		display: none;
	}
div#content { 
	padding-bottom: 20px;
	background: url(../images/template/content.png) repeat-y;
}

div#panel { 
	width: 280px;
	float: left;
	background: url(../images/template/side-divider.png) repeat-y 100% 0;
	position: relative;
	top: 200px;
}
	div#panel ul.menu { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 131px;
		position: relative;
		left: 106px;
	}
		div#panel ul.menu li { 
			float: left;
			display: inline;
		}
		div#panel ul.menu a { 
			display: block;
			float: left;
			width: 131px;
			height: 42px;
			font-size: 0;
			text-indent: -9999px;
			text-decoration: none;
			outline: none;
			background: url(../images/inside-content-menu.gif) no-repeat;
		}
			div#panel ul.menu li#recipes a { }
			div#panel ul.menu li#swedish a { background-position: 0 -42px; }
			div#panel ul.menu li#contact a { background-position: 0 -84px; }
	div#panel div.testimonial { 
		padding-top: 20px;
		position: relative;
		left: 98px;
		width: 134px;
		color: #c41230;
		font-family: Cambria, Georgia, Times, "Times New Roman", "Adobe Garamond Pro", "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
		font-size: 16px;
		font-style: italic;
		text-align: right;
	}
		div#panel div.testimonial p { 
			margin: 0;
		}
		div#panel div.testimonial .cite { 
			margin-top: 5px;
			font-size: 12px;
			font-family: Helvetica, Arial, Verdana, Sans-serif;
			font-weight: normal;
			font-style: normal;
			color: #bb8d09;
		}
div#body { 
	margin-left: 320px;
	padding-right: 80px;
	padding-top: 30px;
}
	div#body h2 { 
		font-family: Cambria, Georgia, Times, "Times New Roman", "Adobe Garamond Pro", "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
		font-weight: normal;
		font-style: italic;
		color: #c8a237;
		margin-bottom: 4px;
	}
	div#body a.bullet { 
		padding: 5px 0;
		padding-right: 30px;
		background: url(../images/info-bullet.gif) no-repeat 100% 50%;
		color: #000;
		text-decoration: none;
		position: relative;
		top: 20px;
		outline: none;
	}
	div#body a.bullet:hover { 
		color: #C93;
		background: url(../images/info-bullet-hover.gif) no-repeat 100% 50%;
	}
	div#body p.alert { 
		font-size: 10px;
	}
	div#body div.footer div.menu ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 42px;
	}
		div#body div.footer div.menu ul li {
			margin: 0;
		}
		div#body div.footer div.menu ul a {
			display: block;
			width: 131px;
			height: 42px;
			font-size: 0;
			text-indent: -9999px;
			text-decoration: none;
			outline: none;
		}
		/* div#body div.footer div.menu ul li.next { float: right; width: 131px; }
		div#body div.footer div.menu ul li.next a { background: url(../images/next-button.gif) no-repeat }
		*/
		/* div#body div.footer div.menu ul li.next a:hover { background-position: 0 -42px; } */
		div#body div.footer div.menu ul li.previous { float: right; width: 131px; }
		div#body div.footer div.menu ul li.previous a { background: url(../images/previous-button.gif) no-repeat }

		div#body div.footer div.menu ul li.previousmap { float: right; width: 131px; }
		div#body div.footer div.menu ul li.previousmap a { background: url(../images/previous-map-button.gif) no-repeat }
		/* div#body div.footer div.menu ul li.previous a:hover { background-position: 0 -42px; } */
	div#body .links a { 
		color: #000;
		text-decoration: none;
	}
	div#body .links a:hover { 
		color: #c03;
	}
div#footer { 
	height: 60px;
	background: url(../images/template/footer.png) no-repeat;
}
	div#footer p { 
		margin: 0;
		display: none;
	}



div#cookietab { 
	position: absolute;
	top: 21px;
	background: url(../images/cookie-tab.gif) no-repeat;
	width: 45px;
	height: 22px;
}
div#insidecookietab { 
	position: absolute;
	left: 95px; 
	background: url(../images/inside-cookie-tab.gif) no-repeat;
	width: 16px;
	height: 24px;
}




/*
	div#body div.header { 
		position: absolute;
		top: 110px;
		left: 300px;
		width: 574px;
		padding-right: 26px;
	}
	div#body div.header h2 { 
		padding-top: 20px;
		padding-left: 20px;
		margin-bottom: 5px;
	}
	div#body div.header p { 
		padding-left: 20px;
		margin: 0;
		line-height: 1.2;
	}
	div#body div.header img { 
		float: right;
	}
	div#body div.header img.product { 
		margin-right: 40px;
	}
	div#body .alert { 
		margin-top: 20px;
	}
	div#body img.right { 
		float: right;
		margin: 0 0 10px 10px;
	}
	div#body img.left { 
		float: left;
		margin: 0 10px 10px 0;
	}
	div#body img.footer { 
		position: absolute;
		bottom: 1px;
		right: 8px;
	}

*/












.hide { display: none; position: absolute; visibility: hidden; }
.show { display: block; position: static; visibility: show; }
.clear { clear: both; }
.status { 
	border: 1px dotted #808080;
	background: #EEE url(../images/progress.gif);
	padding: 5px;
	margin: 1em 0;
	font-weight: bold;
	color: #808080;
	font-size: 11px;
}
