/**
 * Overall tags
 */
body {
 text-align: center;
 margin: 0;
 padding: 0;
 font: 14px/ 17px "trebuchet ms", arial, helvetica, sans-serif;
}

h1 {
 color: #317023;
 line-height: 1em;
 font-size: 30px;
}

h2 {
 color: #317023;
 font-size: 20px;
}

h3 {
 font-size: 16px;
 line-height: 1em;
}

img {
 border: 0;
}

a {
 color: #317023;
}

a:hover {
 color: black;
}

#wrapper {
 margin: 10px auto 0 auto;
 width: 900px;
 border: 2px solid #317023;
}

#login {
 margin: 0;
 padding: 0;
 background: #317023;
 color: white;
 font-weight: bold;
 font-size: 12px;
}

#login form {
 margin: 0;
 padding: 2px 0;
}

#login p {
 margin: 0;
 padding: 2px 0;
}

#login a {
 color: #FCE300;
}

#login a:hover {
 color: white;
}

#adminLink {
 text-align: right;
 font-size: 10px;
 background: #317023;
}

#adminLink a {
 color: white;
 text-decoration: none;
}

#adminLink a:hover {
 color: red;
}

#staffAdminLink {
 text-align: right;
}

#staffAdminLink a {
 color: white;
 text-decoration: none;
}

#staffAdminLink a:hover {
 color: red;
}

#header {
 text-align: center;
 margin: 0;
 padding: 0;
 border-bottom: 2px solid #317023;
}

/*
 * would normally have an h1 here, but you cannot have a <a> within
 * a header, so we just use the image replacement technique with a 
 * block displayed <a> tag
 */
#banner a {
 display: block;
 margin: 0;
 padding: 0;
 background: transparent url(images/nffm_logo_1.png) center center
  no-repeat; width 100%;
 height: 100px;
}

#banner a span {
 display: none;
}

#bannerxmas a {
 display: block;
 margin: 0;
 padding: 0;
 background: transparent url(images/nffm_logo_xmas.png) center center
  no-repeat; width 100%;
 height: 100px;
}

#bannerxmas a span {
 display: none;
}

#page {
 text-align: left;
 margin: 0;
 padding: 0;
 padding-top: 10px;
}

html>body #page {
 text-align: left;
 margin: 0;
 padding: 0;
}

#sideBar {
 margin: 0;
 padding: 0;
 text-align: center;
}

#sideBar ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#sideBar li {
 font-size: 12px;
 font-weight: normal;
 background: #324A2D;
 width: 125px;
 margin: 5px;
 color: #FCE300;
}

#sideBar a {
 display: block;
 background: #ffcc00;
 width: 119px;
 color: #324A2D;
 margin: 0;
 padding: 2px;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #ffcc00;
}

#sideBar a:hover {
 background: #FCE300;
 border: 1px solid #324A2D;
}

.openingHours {
 width: 119px;
 font-size: 10px;
 border: 1px solid #ffcc00;
 margin: 10px 0 10px 10px;
 padding: 2px;
}

html>body .openingHours {
 margin: 10px 0 10px 5px;
}

.openingHours p {
 padding: 0;
 margin: 0;
}

.openingHours td {
 font-size: 12px;
 padding: 0;
 margin: 0;
}

#leftcol {
 width: 148px;
 float: left;
 margin: 0;
 margin-top: -5px;
 padding: 0;
 text-align: left;
 background: white;
 vertical-align: top;
}

html>body #leftcol {
 width: 148px;
 float: left;
 margin: 0;
 padding: 0;
 text-align: left;
 background: white;
 vertical-align: top;
}

#centertext p {
 margin-right: 15px;
}

#centertext ul {
 list-style-type: circle;
}

thead {
 background: #324A2D;
 color: #FCE300;
}

tr.even {
 background: #CBD8C2;
}

tr.odd {
 background: white;
}

#centercol {
 width: 520px;
 float: left;
 margin: 0;
 padding: 0;
 margin-left: auto;
 margin-right: auto;
 vertical-align: top;
}

#centertext {
 margin: 0;
 padding: 0 0 5px 0;
 text-align: left;
 float: left;
 width: 520px;
}

html>body #centertext {
 margin: 0;
 padding: 0;
 text-align: left;
 float: left;
 width: 520px;
}

#rightcol {
 width: 223px;
 float: left;
 font-size: 10px;
 margin-left: 5px;
 padding: 0;
 vertical-align: top;
}

#footer {
 clear: both;
 border-top: 2px solid #317023;
 margin: 0;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0;
 background: white;
}

#footer p {
 margin: 0;
 padding: 0;
}

.statusmsg {
 color: blue;
}

#newsItem {
 padding-right: 10px;
 border-top: solid #317023 1px;
}

#indexNews h1 {
 font-size: 18px;
}

#indexNewsItem {
 border-top: solid #317023 1px;
 margin-bottom: 10px;
 margin-right: 5px;
}

#indexNewsItem p {
 margin: 2px 0;
}

#indexNewsItem p.time {
 margin-top: 4px;
 color: #317023;
 font-size: 10px;
 line-height: 4px;
}

#indexNewsItem h2 {
 font-size: 14px;
}

#indexNewsItem a.fullItem {
 text-align: right;
}

#indexNewsItem h2.important {
 color: red;
 font-size: 14px;
}

#indexNewsItem a.newstitle {
 text-decoration: none;
}

/* 
 * stuff for the sales part
 */
.price {
 color: #317023;
}

.saleprice {
 color: #317023;
}

.oldprice {
 text-decoration: line-through;
 color: red;
}

div.salesList {
 
}

div.salesItem {
 border-bottom: 1px solid #317023;
}

div.imagePart {
 text-align: center;
 width: 110px;
 float: left;
 margin-top: 5px;
}

div.itemPart {
 float: left;
 width: 360px;
}

#rightColInfo {
 list-style: none;
 font-size: 12px;
}

#rightColInfo li {
 margin-bottom: 5px;
}

div.serviceOffer {
 border: 1px solid #ffcc00;
 padding: 0 10px;
 margin: 10px 0;
}

div.serviceOffer img {
 margin-right: 10px;
 margin-bottom: 10px;
}

div.serviceOffer h2 {
 background: white url(images/star.png) left center no-repeat;
 padding-left: 20px;
 padding-right: -20px;
}

div.UserHtml {
 clear: left;
}

div.UserHtml h1 {
 background: white;
 font-size: 14px;
}

div.UserHtml h2 {
 background: white;
 font-size: 13px;
 padding-left: 0;
}

div.UserHtml h3 {
 background: white;
 font-size: 10px;
}

div.UserHtml h4 {
 background: white;
 font-size: 10px;
}

div.UserHtml h5 {
 background: white;
 color: black;
 font-size: 10px;
}

div.UserHtml h6 {
 background: white;
 color: black;
 font-size: 12px;
}

div.indexServiceItem {
 border: 1px solid #ffcc00;
 padding: 5px;
 padding-top: 0;
 margin: 10px;
 margin-top: 0;
}

html>body div.indexServiceItem {
 border: 1px solid #ffcc00;
 padding: 5px;
 margin: 5px;
}

div.indexServiceItem h2 {
 font-size: 14px;
 background: white url(images/star.png) left center no-repeat;
 padding: 0 0 0 20px;
 margin: 5px 0 0 0;
}

html>body div.indexServiceItem h2 {
 font-size: 14px;
 background: white url(images/star.png) left center no-repeat;
 padding-left: 20px;
}

div.indexServiceItem p {
 margin: 2px 0;
}

div.spacer {
 height: 0;
 clear: both;
}

.headingLink {
 
}

#introImage {
 margin: 0;
 padding: 0;
}

html>body #introImage {
 margin-top: 5px;
}

html>body div.agriImageBar {
 margin-top: 5px;
}

td.hours {
 text-align: right;
 padding-left: 5px;
}

#CompanyInfo ul {
 list-style: none;
}

div.productList {
 
}

div.productItem {
 padding-bottom: 5px;
 border-bottom: 1px solid #317023;
}

div.productItem img {
 
}

div.productImagePart {
 text-align: center;
 width: 210px;
 float: left;
 margin-top: 5px;
}

div.productItemPart {
 float: left;
 width: 260px;
}

div.productItemPart h3 {
  font-size: 14px;
}