/*----------------------------------------------------------------------
  $Id: style.css,v 1.30 2004/10/06 04:03:24 guy Exp $
  Copyright 2003 by Clearwater Software.  All rights reserved.
  http://clearwater.com.au
----------------------------------------------------------------------*/

/*--------- global ---------*/
body {
        font-family:verdana, arial, helvetica, sans-serif;
}


/*--------- menu ----*/

/*
 darker green menu background: #cae3bb 
 lighter green menu foreground: #eaf5e5
*/

body.menu {
        text-align: center;
        font-size:10px;
	background-color:#cae3bb;
}

.menu table {
        text-align: center;
        width: 150px;
        border:1px solid #000;
        background-color: #eaf5e5;
        margin: 5px 0px 0px 0px;
}

table.menu {
        text-align: center;
        font-size:10px;
	background-color:#cae3bb;
}

.menu td.selected {
        border:1px solid #000;
	background-color:#cae3bb;
}

.menu a {
        text-decoration: none;
        color: #444;
	font-size:10px;
}


.menu a:hover {
        color: #000;
       	background-color:#cae3bb;
}

/*--------- contact ----*/

.contact {
        font-family: arial, helvetica, sans-serif;
}

table.contact {
       	background-color:#cae3bb;
        font-size: 11px;
        border: 0px;
        margin: 20px 0px 0px 0px;
}


.contact a {
        color: #057642;
        text-decoration: underline;
}

.contact a:hover {
        color: #057642;
}

.contact h1 {
        font-size: 12px;
        font-weight: 700;
        margin:0;
}

.contact h2 {
        font-size: 14px;
        font-weight: 900;
        margin:0;
        color: #057642;
}

.section {
        font-size: 12px;
        font-weight: 900;
        margin:0;
        color: #057642;
}


/*--------- home ----*/

.home {
        text-align: center;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:10px;
		background-color:#fff;
        margin: 10px;
}

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

.home h1 {
        font-size:32px;
        color: #057642;
        margin:10px 10px 10px 10px;
        padding:0;
}

.home h2 {
        font-size:17px;
        color: #198352;
        margin:10px 10px 10px 10px;
        padding:0;
}

.home a {
        text-decoration: none;
        font-weight: bold;
        color: #198352;
}

.home div.intro { 
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-size:17px;
}


/*--------- news ----*/

.news {
  margin-top: 20px;
  background-color:#fff;
  font-size:11px;
  Xmax-width: 870px;
}

.newsbox { 
  margin-left: auto;
  margin-right: auto;
}

div.article { 
  vertical-align: top;
  font-family:arial, helvetica, sans-serif;
  text-align: justify;
  border: 1px dotted #288056;
  width: 220px;
  padding: 10px;
  Xfloat: left;
  display: inline-block;
  margin: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.article .title { 
  font-size: 14px;
  font-weight: bold;
  color: #288056;
  text-align: center;
  padding-bottom: 5px;
}

.article .date { 
  text-align: right;
  font-size: 9px;
}

.article .image img { 
  border: solid 1px black;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article .text { 
  padding-top: 10px;
}

tr.news.head {
        background-color:#cae3bb;       
}

.news a {
        text-decoration: none;
        font-weight: bold;
        color: #198352;
}

/*---- sidebar ----*/

.sidebar {
	background-color:#fffdd4;        
	border:1px dotted #000;
        font-size:10px;
	font-family:arial, helvetica, sans-serif;
        width: 150px;
        text-align: justify;
}

.sidebar h1 {
        font-size:11px;
        color: #198352;
        margin: 0px;
}

.sidebar h2 {
        font-size:11px;
        color: #000;
	font-family:arial, helvetica, sans-serif;
        font-weight: bold;
        margin: 0px;
}

.sidebar td {
        font-size: 10px;
}
       
.sidebar p {
        padding: 0px 4px 0px 4px;
}


/*---- stock ----*/

table.stock {
	font-size:10px;
        margin:5px 5px 5px 10px;
	background-color:#eee;
	border:1px solid #303030;
        width: 140px;
}

.plant {
	font-size:12px;
        margin:10px 10px 10px 10px;
	background-color:#eee;
	border:1px solid #303030;
        width: 600px;
}

.plant td {
        padding: 5px;
}

td.plant.c1 {
        width: 10px;
}

td.plant.c2 {
        width: 450px;
}

td.plant.c3 {
        width: 140px;
}

.stock td {
        padding: 0px 10px 0px 0px;
}

tr.plant.even {
        background-color:#eee;
}

tr.plant.odd {
        background-color:#ddd;
}

tr.plant.head {
        font-size: 9px;
}

.stock .head {
        font-weight: 900;
}

.plant img {
	border:1px solid #333;
}

.plant.category {
	font-size:10px;
}

.plant.description {
        margin:4px 10px 4px 10px;
}

/*---- stocklist heading ----*/

.stocklisthead {
	font-size:12px;
        margin:10px 10px 10px 10px;
	background-color:#fff;
	border:0px;
        width: 600px;
}

.stocklisthead h1 {
        font-size:24px;
        color: #057642;
        margin:0;
        padding:0;
}

.stocklisthead h2 {
        font-size:14px;
        color: #198352;
        margin:0;
        padding:0;
}

.stocklisthead a {
        color: #198352;
        text-decoration: none;
        font-weight: bold;
}

/*---- login ----*/
body.login {
        text-align: center;
}

.login {
	font-size:12px;
}

.login td {
        padding:10px;
}

.login table {
	border:1px solid #000;
	background-color:#eee;
        width: 400px;
}
/*---- user ----*/

.user * {
        font-family:arial, helvetica, sans-serif;
        font-size:10px;
}

body.user {
        background-color:#cae3bb;
        margin: 1px 1px 1px 10px;
}       

.user em {
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        color: #198352;
}

/*---- smallbutton ----*/
.smallbutton {
        font-size:9px;
}

/*---- order ----*/
.order * {
        font-family:verdana, arial, helvetica, sans-serif;
        font-size: 11px;
}

/*---- orderpreview ----*/
.orderpreview {
        background-color:#fff;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size: 11px;
        text-align: left;
        padding: 10px;
        width: 500px;
        border:1px solid #000;
}

/*---- help ----*/

.help .steptitle {
        padding: 5px;
        margin: 20px 0px 0px 0px;
        font-size: 14px;
        background-color:#cae3bb;//#eaf5e5;
        color: #057642;
        font-weight: 900;
}

.help .stepbody {
        margin: 0px 0px 0px 40px;
}

.help .steplink {
        margin: 5px 0px 0px 0px;
        text-align: right;
}

/*---- icon ----*/

img.icon {
        border:0px solid #000;
}
        
/*---- right image ----*/

img.right {
	border:1px solid #000;
	float: right;
}

/*---- picklist tables ----*/

table.picklist {
        font-size: 14px;
}

td.in {
        background-color:#6f6;
}

td.out {
        background-color:#f00;
}

td.limited {
        background-color:#f70;
}

td.deleted {
        background-color:#88f;
}