﻿html {
	background:#FFF url(images/header-page.png) repeat-x;
	height:100%;

}

body, html {
	margin:0;
	padding:0;

}

#container {
	margin:0 auto;
	padding:0 0 10px;
	width:900px;
	min-height:100%;
	height:auto;
	font:13px "trebuchet ms", helvetica, sans-serif;
	color:#333;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul, ol {
	color:#630;
}

li {
	margin-bottom:7px;
}

blockquote {
	font-style:italic;
	line-height:1.7em;
	font-size:0.95em;
	color:#630;
	width:85%;
	margin-left:45px;
}

#banner {
	width:100%;
	float:left;
	background-image:url(images/logo-header.png);
	background-repeat:no-repeat;
}

#title {
	float:left;
	width:285px;
}

#banner h1 {
	font:2.5em "trebuchet ms", helvetica, sans-serif;
	font-weight:bolder;
	color:#FFF;
	margin:10px 0 0 10px;
}

#banner h1 a {
	color:#FFF;
	text-decoration:none;
}

#banner h2 {
	font-size:1.2em;
	font-weight:bolder;
	color:#FFF;
	margin:0 0 0 10px;
	font-weight:normal;
	height:28px;
}

p {
	color:#333;
	line-height:1.55em;
	margin:0 0 10px 0;
}

.nav {
	margin:82px 0 0 0px;
	list-style:none;
	
	font-weight:bold;
	font-style: normal;
	font-variant: normal;
	font-size: 13px;
	line-height: normal;
	font-family: "trebuchet ms", helvetica, sans-serif;
	height: 58px;
}

.nav li {
	float:left;
	margin-left:10px;
	padding-top:8px;
	padding-bottom:0px;
	height:25px;
}

.nav a {
	position: relative; 
	padding:0.5em 1.5em 0.5em;
	background:url(images/tab.gif) repeat-x;
	color:#630;
}

.nav a:hover,#currentPage {
	background-image:url(images/tab-over.gif);
	text-decoration:none;
}

#mainContentTop {
	float:left;
	margin-top:5px;
	width:900px;
	height:26px;
	background-image:url(images/main-bg-top.gif);
}

#mainContentTop-nl {
	float:left;
	margin-top:5px;
	width:900px;
	height:26px;
	background-image:url(images/main-bg-top-nl.gif);
}

#mainContent {
	float:left;
	width:900px;
	height:auto;
	min-height:100%;
	background:#FFF url(images/main-bg.gif) repeat-y;
}

#mainContent-nl {
	float:left;
	width:900px;
	height:auto;
	min-height:100%;
	background:#FFF url(images/main-bg-nl.gif) repeat-y;
}

#mainContent a {
	border-bottom:0px dotted #960;
	text-decoration:none;
	color:#630;
}

#mainContent a:hover {
	border-bottom:1px dotted #960;
	color:#960;
}

.left {
	width:634px;
	float:left;
	text-align:justify;
}

.left-nl {
	width:886px;
	float:left;
	text-align:justify;
}

.article {
	width:585px;
	padding:0 0 0 25px;
}

.article-nl {
	width:850px;
	padding:0 0 0 25px;
}

.left h1, .left-nl h1 {
	margin:0 0 10px 0;
	padding-bottom:5px;
	font:2.4em "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #EAEAEA;
	color: #d23831;
}

.left h2 {
	font:1.5em "trebuchet ms", helvetica, sans-serif;
}

.leftFooter p {
	text-align:left;
	margin:0;
}

.leftFooter {
	float:left;
	background-color:#EAEAEA;
	border:1px solid #CCC;
	height:2em;
	width:575px;
	font-style:italic;
	padding:0.25em;
	margin-top:1em;
}

.lefthr {
	width:630px;
	height:52px;
	background:url(images/left-divider.gif);
	color:#FFF;
	border:0;
	float:left;
}

.lefthr-nl {
	width:900px;
	height:52px;
	background:url(images/left-divider-nl.gif);
	color:#FFF;
	border:0;
	clear:both;
}

.right {
	width:250px;
	float:left;
	text-align:justify;
}
.right h1, h2, h3
{
	text-align:left;
}

.right h1,.right h2,.right p,.right input,.right submit,.right label {
	margin-left:15px;
}

.rarticle {
	float:left;
}

.right h1 {
	font:1.3em "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
	width:225px;
	padding-bottom:5px;
	border-bottom:1px solid #EAEAEA;
	margin-bottom:0px;
	margin-top:0;
	color: #d23831;
}

.right h2 
{
	font-weight:bold;
	font-size:1.1em;
	color:#666;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
	
.right p {
	font-size:0.95em;
	width:225px;
	height:100%;
	line-height:1.4em;
}

.right ul {
	font-size:0.95em;
	list-style:none;
	padding-left:15px;
	margin-left:0;
}

.righthr {
	width:260px;
	height:52px;
	background-image:url(images/right-divider.gif);
	float:left;
}

#clear {
	width:100%;
	height:10px;
	padding-top:65px;
	background-image:url(images/main-bg-bottom.gif);
	clear:both;
}

#clear-nl {
	width:100%;
	height:10px;
	padding-top:65px;
	background-image:url(images/main-bg-bottom-nl.gif);
	clear:both;
}

#copyright {
	text-align:center;
	font:1em "trebuchet ms", helvetica, sans-serif;
	padding:0.5em 0;
	background:#333 url(images/bg.gif);
	color:#FFF;
}

#copyright a {
	color:#FFF;
}

.prod-img
{

}

.prod-img-prev
{
	float: left;
	margin-right:1em;
}

.cat
{
	list-style:none;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	width:220px;
	height:170px;
	margin-right:20px;
	border:1px solid white;
}

.cat li
{
	list-style:none;
	margin-top:5px;
}

.cat span
{
	font-size:130%;
	font-weight:bold;
}

.cat p
{
	text-align:left;
}

.cat h2
{
	margin-top:5px;
	margin-bottom:10px;
	border-bottom:1px solid silver;
}

.cat:hover
{
	border:1px solid silver;
}

.cont-cat-menu ul
{

}

.cat-menu
{
	list-style:none;
	font:13px "trebuchet ms", helvetica, sans-serif;
	font-weight:bold;
}

.cat-menu li {
	float:left;
	margin-left:10px;
	padding-bottom:0px;

}

.cat-menu a {
	padding:0px;
	color:#630;
}

.cat-menu a:hover,#currentPage {
	text-decoration:none;
}

.news-text
{
	margin-left:20px;
	line-height:1.55em;
}

.list-recipes
{
	list-style:none;
}

.product-prev
{
	height:96px;
	margin-right:10px;
}

.product-prev h2
{
	border-bottom:1px solid silver;
}

.product-cont
{
	float:left;
	margin-right:22px;
	margin-bottom:22px;
}

.product
{
	background: url('images/prod-body.png' ) no-repeat center bottom;
	width: 172px;
	height: 225px;
}

.oldprice
{
	color:Gray;
	text-decoration:line-through;
}

.product h3
{
	background: url('images/prod-head.png') no-repeat;
	width: 170px;
	height: 26px;
	padding: 6px 5px 0px 10px;
	margin-bottom: 2px;
	font-weight: bold;
	color: black;
	font-size: 14px;
}

.product img
{
	margin-left:1px;
}

.product P
{	
	font-size:100%;
	font-weight:bolder;
	padding-right:10px;
	text-align:right;
	color:#d23831;
}

.article-nl .product-cont
{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:28px;
}
