body {margin: 0px;
	padding: 0px;
	background: url('background.jpg') 0 0 repeat-x;
	background-color: #329743;
	text-align: center;
	font-family: sans-serif;
	font-size: 16px;
	color: #e3e9fe;}

div.head {margin: 0px auto;
	padding: 1px;
	border: 0px solid black;}	

div.container {width: 930px;
	margin: 0px auto;
	border: 0px solid black;}

p {text-align: justify;}		
			
p.list {margin: 0px 30px;
	padding-left: 25px;
	background: url('list.jpg') 0 0 no-repeat;}
	
a {color: #cde;}
a:link {}
a:visited {}
a:hover {color: #eef;}


div.error {margin: 10px 0px 20px;
	font-size: 18px;
	color: #fcc;}
	
p input, p textarea, p select {
	margin: -2px 0px 0px 3px;
	vertical-align: text-top;
	background-color: transparent;
	color: white;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid white;
	border-bottom: 1px solid white;}

	
/* ------------------------- LEFT COLUMN -------------------------- */	
		
div.left {float: left;
	width: 372px;
	margin-bottom: 30px;}		
		
div.logo {width: 372px;
	height: 376px;
	margin: 0px;
	background-image: url('logo.jpg');
	border: 0px solid black;}
	
div.menu {width: 280px; 
	margin-left: 46px;}
	
div.menu-top {padding: 30px 9px 0px; background: url('menu-top.jpg') 0 0 no-repeat;}
div.menu-sides {background-image: url('menu-sides.jpg');}
div.menu-foot {height: 40px; background-image: url('menu-foot.jpg');}
	
div.menu a {display: block;
	width: 262px;
	height: 40px;
	margin-top: 7px;
	text-indent: -9999px;}	

div.menu a:link {}
div.menu a :visited {}
div.menu a:hover {}
div.menu a:focus {outline: none;}

	
a.home:link {background-image: url('link-home.jpg');}
a.home:visited {background-image: url('link-home.jpg');}
a.home:hover {background-image: url('hover-home.jpg');}
a.home-active {background-image: url('hover-home.jpg');}

a.products:link {background-image: url('link-products.jpg');}
a.products:visited {background-image: url('link-products.jpg');}
a.products:hover {background-image: url('hover-products.jpg');}
a.products-active {background-image: url('hover-products.jpg');}

a.postage:link {background-image: url('link-postage.jpg');}
a.postage:visited {background-image: url('link-postage.jpg');}
a.postage:hover {background-image: url('hover-postage.jpg');}
a.postage-active {background-image: url('hover-postage.jpg');}

a.other {background-image: url('link-other.jpg');}
a.other:visited {background-image: url('link-other.jpg');}
a.other:hover {background-image: url('hover-other.jpg');}
a.other-active {background-image: url('hover-other.jpg');}

a.info {background-image: url('link-info.jpg');}
a.info:visited {background-image: url('link-info.jpg');}
a.info:hover {background-image: url('hover-info.jpg');}
a.info-active {background-image: url('hover-info.jpg');}

a.news {background-image: url('link-news.jpg');}
a.news:visited {background-image: url('link-news.jpg');}
a.news:hover {background-image: url('hover-news.jpg');}
a.news-active {background-image: url('hover-news.jpg');}

a.events {background-image: url('link-events.jpg');}
a.events:visited {background-image: url('link-events.jpg');}
a.events:hover {background-image: url('hover-events.jpg');}
a.events-active {background-image: url('hover-events.jpg');}

a.contact {background-image: url('link-contact.jpg');}
a.contact:visited {background-image: url('link-contact.jpg');}
a.contact:hover {background-image: url('hover-contact.jpg');}
a.contact-active {background-image: url('hover-contact.jpg');}

a.cart {background-image: url('link-cart.jpg');}
a.cart:visited {background-image: url('link-cart.jpg');}
a.cart:hover {background-image: url('hover-cart.jpg');}
a.cart-active {background-image: url('hover-cart.jpg');}

form#checkout {width: 228px;
	margin: 20px auto 0px;}

div.menu-form-top {height: 20px; background-image: url('menu-form-top.jpg');}	
div.menu-form-sides {padding: 1px 20px; background-image: url('menu-form-sides.jpg');}	
div.menu-form-foot {height: 20px; background-image: url('menu-form-foot.jpg');}	
	
form#checkout input {width: 150px;
	margin: 0px;
	font-size: 20px;
	color: #444;}

form#checkout h3 {margin: 0px 0px 10px;
	font-size: 16px;
	border: 0px solid black;}

form#checkout a {width: auto;
	height: auto;
	margin: 0px;
	text-indent: 0px;
	color: #eee;}
	
form#checkout p {margin: 0px 0px 15px;
	text-align: center;}
	

	
/* ------------------------- RIGHT COLUMN -------------------------- */	
		
	
div.right {margin-left: 370px;
	border: 0px solid black;}	
	
h1.heading  {height: 0px !important;
		height /**/: 285px;
		padding-top: 285px;
		width: 523px;
		margin: 0px;
		background-image: url('heading.jpg');
		background-repeat: no-repeat;
		overflow: hidden;
		border: 0px solid black;}

h2  {height: 0px !important;
	height /**/: 35px;
	padding-top: 35px;
	width: 550px;
	margin: 40px 0px 25px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	border: 0px solid black;}

h2.home 	{background-image: url('h2-home.jpg');}
h2.products 	{background-image: url('h2-products.jpg'); margin-bottom: 15px;}
h2.postage 	{background-image: url('h2-postage.jpg');}
h2.other {background-image: url('h2-other.jpg'); margin-bottom: 15px;}
h2.info 	{background-image: url('h2-info.jpg');}
h2.news 	{background-image: url('h2-news.jpg');}
h2.events {background-image: url('h2-events.jpg');}
h2.cart 	{background-image: url('h2-cart.jpg');}
h2.contact 	{background-image: url('h2-contact.jpg');}
h2.checkout 	{background-image: url('h2-checkout.jpg');}
	
	
	
	
	
/* ------------------------- FOOTER ------------------------- */		
		
div.foot {clear: both;
	margin: 30px 70px 0px;
	padding: 20px 0px 30px 50px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #70c17d;}

div.foot p {margin: 15px 30px;
	text-align: center;}

div.foot a {font-size: 14px;
	color: #9adda5;}
	
div.foot a:link {}
div.foot a:visited {}
div.foot a:hover {color: #ceedd4;}

div.foot a.frog {color: #8cca96;
	font-family: serif;
	font-size: 14px;}
	
div.foot a.frog:link {}
div.foot a.frog:visited {}
div.foot a.frog:hover {color: #9fe6ab;}

		
/* --------------------- CATEGORY LISTINGS ------------------ */

div.categories {width: 539px;}
div.categories-top {height: 40px; background-image: url('box1-top.jpg');}
div.categories-sides {padding: 1px 35px; background: url('box1-sides.jpg') 0 0 no-repeat;}
div.categories-sides2 {padding: 0px 0px; background: url('box1-sides2.jpg');}
div.categories-foot {height: 40px; background-image: url('box1-foot.jpg');}

div.categories h3 {margin: 35px 0px 60px;
	font-size: 23px;}

div.categories p {margin: 0px 0px 0px 0px;}

div.categories a {color: #e3e9fe;}

div.categories-sides  div {float: right;
	width: 120px;	
	margin: -10px -10px 0px 15px;
	border: 0px inset black;}


	

/* --------------------- PRODUCT LISTINGS ------------------ */


div.products {width: 539px; font-size: 14px;}
div.products-top {height: 40px; background-image: url('products-top.jpg');}
div.products-sides {min-height: 80px; padding: 1px 30px; text-align: left; background: url('products-sides.jpg') 0 0 no-repeat;}
div.products-sides2 {padding: 0px 0px; background: url('products-sides2.jpg');}
div.products-foot {height: 40px; background-image: url('products-foot.jpg');}

* html div.products-sides {height: 200px;}

	
div.radio {margin: 5px 130px;
	border: 0px solid red;}	
	
div.products p.radio {width: 180px;
	margin: 0px 0px 0px 25px;
	border: 0px solid black;}

div.products input.radio {float: left;
	width: auto;}

	
div.products h3 {margin: -15px 130px 15px 130px;
	font-size: 16px;
	border: 0px solid black;}

* html div.products h3 {margin-top: 0px;}	
	
div.products p {width: 200px;
	margin: 15px 0px 0px 130px;
	text-align: left;
	border: 0px solid black;}

div.products  img {float: left;
	margin: -15px 20px 0px 0px;
	cursor: pointer;}

* html div.products img  {margin-top: 0px;}	
	

form.products {float: right;
	width: 120px;
	margin: -15px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	border: 0px solid black;}	

* html form.products  {margin-top: 0px;}	
	
form.products input {float: left;
	width: 120px;
	margin: 1px 0px;}


	
form.products div.qty {float: left; 
	width: 37px;
	margin: 0px 2px 15px;
	padding: 0px;
	background-color: white;
	border: 1px inset black;}	
	
form.products input.qty {float: left; 
	width: 21px;
	margin: 0px;
	padding: 2px 0px 2px 2px;
	border: 0px;}	

	
div.up, div.down {float: right;
	margin: 0px;
	width: 12px;
	height: 10px;
	border: 0px solid white;}
	
div.up {background-image: url('up.jpg');}
div.down {background-image: url('down.jpg');}

	
form.products h3 {margin: 0px 0px 15px;
	text-align: center;
	font-size: 16px;
	border: 0px solid black;}
	
	
	
/* --------------------- PRODUCTS PAGES ------------------ */


	

div#infowrap {display: none; 
	position: fixed; 
	width: 300px; 
	height: 180px;
	padding: 20px;
	background-color: #329743;
	z-index: 1;
	border: 10px double #bbb;}

div#infowrap input.checkout {display: none;}
div#infowrap input.close {}

div#infowrap p {text-align: center;
	font-size: 18px;}
	
div#black {position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: -1;}

div#fade {width: 100%;
	height: 100%;
	background: url('background.jpg') 0 0 repeat-x;
	background-color: #329743;
	border: 0px solid red;}
	
	

	
/* --------------------------- NEWS -------------------------- */

h3.toggler {margin: 5px;
	padding: 0px 10px 3px 30px;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 18px;
	cursor: pointer;
	border-bottom: 1px solid white;}
	
div.element p {margin: 15px 20px;}
		
div.element hr {height: 1px;
	margin: 15px 0px 0px;
	background-color: #fff;
	color: #fff;
	border: 0px;}