* {
	margin: 0;
	padding: 0;
	border: 0;
}
body { 
	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
	margin: 0px;
	padding: 0px;
	text-align:center;
}
body.selection-home{ background: #fff url(../img/homeTrees.jpg) top center no-repeat; }
body.selection-wreaths{ background: #fff url(../img/wreaths.jpg) top center no-repeat; }
body.selection-stands{ background: #fff url(../img/stands.jpg) top center no-repeat; }
body.selection-artificial-trees{ background: #fff url(../img/artificial.jpg) top center no-repeat; }
body.selection-decorations{ background: #fff url(../img/decorations.jpg) top center no-repeat; }
body.selection-care{ background: #fff url(../img/treecare.jpg) top center no-repeat; }

#container {
	margin:0 auto;
	width:640px;
}
a {
	color: #a9a9a9;
	text-decoration: none;
	}
a:hover, a:active {
	color: #333;
	text-decoration: underline;
	}
#top-wrapper {
	width: 640px;
	height: 397px;
	clear: both;
	
}
#top-wrappershop {
	width: 700px;
	height: 397px;
	clear: both;
	
}
#top {
	width: 499px;
	height: 76px;
	padding: 0 0 280px 0;
	margin: 0 0 0 141px;
	background: transparent url(../img/farmshop_title_bg.gif) top left repeat-x;
	clear: both;
	
}
#topshop {
	width: 499px;
	height: 397px;
	padding: 0;
	margin: 0;
	clear: both;
	}
#top-heading{
	padding: 16px 0 1px 0;
	background-color: #fff;
	text-align: right;
	height: 29px;
	width: 345px;
	float: left;
}
#cart{
	padding: 0;
	text-align: right;
	height: 44px;
	width: 154px;
	float: left;
}
#MainContent {
	margin: 0px;
	padding: 0 0 20px;
	width: 640px;
}
.spacer {
	position: relative;
	margin: 0;
	width: 640px;
	height: 46px;
	float: left;
	padding: 0;
}
#ShopSearch {
	width:400px;
}
#Basket {
	height:48px; width:150px;
	background-image:url(../img/farmshop_title_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:right;
}
#Basket a {color:#A9A9A9;}
#Basket a:link {text-decoration:none;}
#Basket a:visited {text-decoration:none;}
#Basket a:active {text-decoration:none;}
#Basket a:hover {text-decoration:underline;}

.NoOfItems {color:#D05F2F; font-weight:bold;}

#ShopSearch {
	position:relative;
	padding: 12px 0 280px 180px;
	width: 310px;
	float: left;
}



#ShopSearch input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float: left;
	margin-right: 10px;
}

#ShopSearch2 input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	margin-top:-5px;
}

#ShopSearch a {
	color:#F0E4D1;
	float: left;
}

#content {
	border-color:#329900;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	background-image:url(../img/maincontent_bgt.gif);
	background-repeat:repeat-x;
	padding:10px 0 15px 10px;
	text-align:left;
	float: left;
	width: 628px;
	background-color: #F4F4F4;
}

#MainContentTable td {
padding-left:10px;
}

.contentText h1 {
	color:#329900;
	font-size:1.6em;
	font-weight:bold;
	margin:8px 0px 0px 0px;
}
.contentText h2 {
	color:#DB5D00;
	font-size:1.4em;
	font-weight:bold;
	margin:8px 0px 0px 0px;
}
.contentPic h2 {
	color:#DB5D00;
	font-size:1.1em;
	font-weight:bold;
	margin:27px 0px 0px 0px;
}
.contentText{
	width: 355px;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 0;
	float: left;
	border-right: 1px solid #329900;
}
.contentText img {
	float:left;
}
.contentText p {
	margin-bottom:12px;
}
.contactForm h1 {
	color:#DB5D00;
	font-size:1.6em;
	font-weight:bold;
	margin:8px 0px 5px 0px;
}
.contentText a, .contactForm a {
	color:#DB5D00;
}
.contactForm{
	width: 200px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 50px;
	float: left;
	border-right: 1px solid #EFD9BB;
}
.contactForm img {
	float:left;
}
.contactForm p {
	margin-bottom:12px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.contentPic{
	width: 245px;
	margin: 0;
	padding: 10px 0 0 15px;
	float: left;
}
.contentPic {
	float:left
}
.contentPic h1 {
	font-size: 14px;
	color: #329900;
	margin: 15px 0;
}
#footer {
	font-size:0.9em;
	color:#329900;
	clear:both;
	margin:0;
	padding: .25em 1em;
	border: 1px solid #329900;
	text-align: center;
}
.hidden-elements, div#footer h2 {
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
}
form {
	margin: 0;
	width: 300px;
	float: left;
}
/* ===== MENU ===== */
#mainMenu {
	position: relative;
	margin: 0;
	width: 640px;
	height: 46px;
	float: left;
	padding: 0;
	  background: url(../img/menuXmas.jpg) 0 0 no-repeat;

		}
	
ul#menu{
  margin: 0;
  padding: 0;  
  background: url(../img/menuXmas.jpg) 0 0 no-repeat;
  list-style: none;
}

ul#menu li{
	display: block;
	margin: 0;
	padding: 0;
	height: 46px;
	float:left;
}

ul#menu li a{
  display: block;
  height: 46px;
  background-image: url(../img/menuXmas.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
}

li.christmas { left:0px; width: 129px; }
li.wreaths { left: 129px; width: 88px; }
li.stands { left: 217px; width: 79px; }
li.decorations { left: 296px; width: 122px; }
li.artificial-trees { left: 418px; width: 136px; }
li.tree-care { left: 554px; width: 86px; }

li.christmas a{ background-position: 0 0; }
li.wreaths a{ background-position: -129px 0; }
li.stands a{ background-position: -217px 0; }
li.decorations a{ background-position: -296px 0; }
li.artificial-trees a{ background-position: -418px 0; }
li.tree-care a{ background-position: -554px 0; }

li.christmas a:hover{ background-position: 0px -46px; }
li.wreaths a:hover{ background-position: -129px -46px; }
li.stands a:hover{ background-position: -217px -46px; }
li.decorations a:hover{ background-position: -296px -46px; }
li.artificial-trees a:hover{ background-position: -418px -46px; }
li.tree-care a:hover{ background-position: -554px -46px; }

li.christmas a.act, li.christmas a.act:hover{ background-position: 0px -92px; }
li.wreaths a.act, li.wreaths a.act:hover{ background-position: -129px -92px; }
li.stands a.act, li.stands a.act:hover{ background-position: -217px -92px; }
li.decorations a.act, li.decorations a.act:hover{ background-position: -296px -92px; }
li.artificial-trees a.act, li.artificial-trees a.act:hover{ background-position: -418px -92px; }
li.tree-care a.act, li.tree-care a.act:hover{ background-position: -554px -92px; }

li a.act:hover{ cursor: default; }

ul#menu a span{ line-height: 46px; text-indent: -9999px; display: block; }

/* ===== TOP MENU ===== */
#siteMenu {
	position: relative;
	margin: 0;
	width: 499px;
	height: 28px;
	padding: 0;
	float: left;
	background: url(../img/menubar.jpg) 0 0 no-repeat;
	}
	
ul#menu2{
  margin: 0;
  padding: 0;  
  background: url(../img/menubar.jpg) 0 0 no-repeat;
  list-style: none;
}

ul#menu2 li{
	display: block;
	margin: 0;
	padding: 0;
	height: 28px;
	float:left;
}

ul#menu2 li a{
  display: block;
  height: 28px;
  background-image: url(../img/menubar.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
}

li.homepage { left:0px; width: 83px; }
li.farm { left: 83px; width: 86px; }
li.trees { left: 169px; width: 117px; }
li.nursery { left: 286px; width: 71px; }
li.recipes { left: 353px; width: 73px; }

li.homepage a{ background-position: 0 0; }
li.farm a{ background-position: -83px 0; }
li.trees a{ background-position: -169px 0; }
li.nursery a { background-position: -286px 0; }
li.recipes a { background-position: -353px 0; }

li.homepage a:hover{ background-position: 0px -28px; z-index:50; }
li.farm a:hover{ background-position: -83px -28px z-index:50;; }
li.trees a:hover{ background-position: -169px -28px; z-index:50; }
li.nursery a:hover{ background-position: -286px -28px; z-index:50; }
li.recipes a:hover{ background-position: -353px -28px; z-index:50; }

li.homepage a.act, li.homepage a.act:hover{ background: url(../img/menubar.jpg) 0 0 no-repeat; background-position: 0px -56px; z-index: 50; }
li.farm a.act, li.farm a.act:hover{ background: url(../img/menubar.jpg) 0 0 no-repeat; background-position: -83px -56px; z-index:50; }
li.trees a.act, li.trees a.act:hover{ background: url(../img/menubar.jpg) 0 0 no-repeat; background-position: -169px -56px; z-index: 50;}
li.nursery a.act, li.nursery a.act:hover{ background: url(../img/menubar.jpg) 0 0 no-repeat; background-position: -286px -56px; z-index: 50;}
li.recipes a.act, li.recipes a.act:hover{ background: url(../img/menubar.jpg) 0 0 no-repeat; background-position: -353px -56px; z-index: 50;}

li a.act:hover{ cursor: default; }

ul#menu2 a span{ line-height: 28px; text-indent: -9999px; display: block; }
/* ===== FORMS ===== */
#contactFormArea {
	float: left;
}
fieldset {
	margin: 1em 0 .4em;
}
form {
	margin: 0 0 1em 0;
}
fieldset, legend {
	border: none;
}
legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}
label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}
form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}
div.submit {
	clear: both;
	text-align: right;
	width: auto;
	padding-right: 20px;
}
div.multi input {
	border: 0;
	width: auto;
}
form {
	width: 225px;
	float: left;
	padding-bottom: 20px;
	}
label {
	float: left;
	height: 22px;
	width: 25%;
	font-size: 1.05em;
}
fieldset div input,
fieldset div select,
fieldset div textarea { width: 65%; }
fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small { width: 25%; }
div.req label, div.req p {
	font-weight: bold;
	font-size: 1.05em;
}
div.multi label { height: 22px; }
div.req label:before, 
div.req p:before {
	content: "* ";
}
input:focus, textarea:focus {
	background: #fcfcfc;
}
fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font: 1em Verdana;
	padding: 1px;
}
div.submit input {
	color: #000;
	font:bold 10px/10px verdana,sans-serif;
	padding: 2px .5em;
	width: auto;
}
input.radio {
	float:left;
	width:10%;
	border:none;
	}
IMG.float-left {
	FLOAT: left; MARGIN: 0px 10px 0px 0px
}
IMG.float-right {
	FLOAT: right; MARGIN: 0px 5px 0px 10px
}
#content IMG {
	BORDER-RIGHT: #fff 4px solid; BORDER-TOP: #fff 4px solid; BORDER-LEFT: #fff 4px solid; BORDER-BOTTOM: #fff 4px solid
}
#content IMG.noborder {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	float: left;
	margin: 0 10px 0 0;
}