/* Common */

body {
	background: #000 url(../img/background.gif);
	font-family: Georgia, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
}

.top {margin-top: 0px;}
.bot {margin-bottom: 0px;}

h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}

a {color: #000;}
a:hover {color: #666;}

form {margin: 0px;}

input, button {
	border: 1px solid #ccc;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

textarea {
	border: 1px solid #ccc;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}

p {margin: 15px 0px 0px;}

.error, .success {margin-bottom: 15px; padding: 5px; font-weight: bold;}
.error p, .success p {margin: 3px 0px;}
.error {background: #fcc; border: 1px solid #c99;}
.success {background: #cfc; border: 1px solid #9c9;}

/* order form table */

table.order_form thead th { text-align: left; }

table.order_form tbody td { font-size: 11px; }

/* product show */

.pr_wrap {
	padding-bottom: 15px;
}

.pr_foto {
	border: 1px solid #505050;
	padding: 5px;
}

.pr_name {
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.pr_desc {
	border: 1px dashed #505050;
	background: #F0C060;
	padding: 10px;
	height: 90px;
	overflow: auto;
}

.pr_desc p {
	margin: 3px 0px;
}

.pr_order {
	border: 1px dashed #505050;
	padding: 5px;
}

/* Popups */

#recipe-popup {
	background: #fff;
	border: 5px solid #ccc;
	display: none;
	width: 400px;
	left: 50%;
	top: 250px;
	margin-left: -215px;
	padding: 10px;
	position: fixed;
	z-index: 10;
}

#recipes-popup {
	background: #fff;
	border: 5px solid #ccc;
	display: none;
	width: 640px;
	padding: 10px;
}

#recipes-popup .desc {
	height: 380px;
	overflow: auto;
}

.recipe-foto {
	float: left;
	margin: 0 5px 5px 0;
}

#feedback-popup {
	background: #fff;
	border: 5px solid #ccc;
	display: none;
	width: 400px;
	padding: 10px;
	position: absolute;
	z-index: 9;
}
	
	#feedback-popup div {padding: 5px;}

#login-popup {
	background: #fff;
	border: 5px solid #ccc;
	display: none;
	width: 300px;
	padding: 10px;
	position: absolute;
	z-index: 7;
}

#reg-popup {
	background: #fff;
	border: 5px solid #ccc;
	display: none;
	width: 400px;
	padding: 10px;
	position: absolute;
	z-index: 8;
}

/* Body */

#wrapper {
	width: 980px;
	margin: 0px auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

#header {
	width: 973px;
	height: 83px;
	padding: 7px 0px 0px 7px;
	background: url(../img/header_bg.gif) no-repeat;
	position: relative;
}

	.menu {
		width: 110px;
		height: 83px;
		cursor: pointer;
		float: left;
	}
	
	#customer-menu {
		color: #ccc;
		font-size: 11px;
		position: absolute;
		right: 30px;
		top: 22px;
	}
	
		#customer-menu a { color: #ccc; }
		#customer-menu a:hover { color: #fff; }
	
	#lang {
		position: absolute;
		right: 30px;
		top: 55px;
	}
	
		#lang img {border: 0px;}

#body {
	width: 980px;
	background: url(../img/body_bg.gif) repeat-y;
	position: relative;
}
	
	#body-wrapper {
		width: 483px;
		background: url(../img/body_fruits.gif) no-repeat scroll 7px 0px;
		padding-left: 490px;
		padding-bottom: 83px;
	}
	
		.body-content {
			width: 453px;
			overflow: hidden;
			background: #ffcc66;
			padding: 0px 15px;
			height: 600px;
			overflow: auto;
		}
	
		.body-top {
			height: 10px;
			background: url(../img/body_half_top.gif);
		}
		
		.body-bottom {
			height: 10px;
			background: url(../img/body_half_bottom.gif);
		}
		
	#body-footer {
		color: #ccc;
		font-size: 11px;
		position: absolute;
		right: 30px;
		bottom: 29px;
		text-align: right;
	}
	
		#body-footer a {color: #ccc;}
		#body-footer a:hover {color: #fff;}

	#body-end {
		width: 980px;
		height: 7px;
		background: url(../img/footer_line.gif);
	}

/* Body Content */

.page-title {
	border-bottom: 1px solid #333;
	font-family: Georgia, Tahoma, Arial, sans-serif;
	margin-top: 0px;
}

.news-title {
	border-bottom: 1px dotted #666;
	margin: 15px 0px 5px;
	padding-bottom: 5px;
}

.news-info {
	font-size: 11px;
	margin-bottom: 15px;
}

.news-text {
	padding-bottom: 15px;
}

.news-all {
	margin-top: 30px;
	text-align: right;
}