/* I Got Styles For Days */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: verdana;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:small;
	color:#666;
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-x;
}
p { 
	line-height:1.5; 
	margin:0 0 1em;
}
.clear {
	clear:both;
}
.error {
	color:#f00;
	
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:700px;
	background:#fff;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}
div#header {
	margin-top:25px;
	padding:0px 0px 0px 10px;
	float:left;
}
.logo {
	width:204px;
	height:131px;
	float:left;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}
/****And now we make main nav****/
#navTown {
	width:480px;
    float:right;
    font-size:12px;
	font-weight:bold;
    line-height:normal;
	background:url("../images/nav_bg.gif") repeat-x bottom;
	margin-top:65px;
}
 #navTown ul {
    margin:0;
	padding:10px 5px 0px;
    list-style:none;
}
 #navTown li {
    float:right;
	background:url("../images/off_right.gif") no-repeat right top;
    margin:0;
    padding:0;
}
#navTown a {
    display:block;
	background:url("../images/off_left.gif") no-repeat left top;
	color:#fff;
	font-weight:bold;
    padding:5px 12px 3px;
}
#navTown #current {
    background-image:url("../images/on_right.gif");
    }
#navTown #current a {
    background-image:url("../images/on_left.gif");
	padding-bottom:5px;
}
/****We done with nav***/	
div#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
}

/****Get the main styles going****/
div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
	float:left;
	width:670px;
}
div#content p {
	text-align:left;
	padding:5px;
}
div#content h1 {
	text-align:left;
	padding:5px;
	color:#8abc00;
	font-weight:bold;
	font-size:16px;
	padding-left:40px;
	background-image:url(../images/flowercon.gif);
	background-repeat:no-repeat;
}
#leftPane {
	float:left;
	width:220px;
}
#rightPane {
	float:right;
	width:450px;
}
#hotSheet {
	width:203px;
	height:30px;
	padding-top:130px;
	background-image:url(../images/hotsheet.gif);
	text-align:center;
	cursor:hand;
	cursor:pointer;
	margin-left:-3px;
}
#hotSheet a{
	color:#fff;
	font-size:11px;
	text-decoration:none;
	margin-left:5px;
}
#ghTop {
	width:203px;
	height:9px;
	margin:10px 0px 0px -3px;
	background-image:url(../images/green_house_top.gif);
	background-repeat:no-repeat;
	font-size:2px;
}
#ghMid {
	width:188px;
	margin-left:-3px;
	background-image:url(../images/green_house_mid.gif);
	background-repeat:repeat-y;
	padding:5px 5px 5px 10px;
	float:left;
}
#ghMid h2 {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
#ghMid ul {
	margin:5px 0px 0px 0px;
	padding:0px;
}
#ghMid li {
	list-style-type:none;
	margin:0px;
	margin:0px;
	float:left;
	text-align:center;
}
#ghMid .thumb {
	border:1px solid #666;
	margin:5px 0px 5px 23px;
}
#ghBottom {
	float:left;
	width:203px;
	height:9px;
	margin-left:-3px;
	background-image:url(../images/green_house_bottom.gif);
	background-repeat:no-repeat;
	font-size:2px;
}
h3 {
	font-weight:bold;
}
.map {
	border:1px solid #999;
	margin-top:20px;
}
#linkList ul {
	margin-left:10px;
}
#linkList li {
	list-style-type:none;
	padding-bottom:10px;
}
#linkList .linkLabel{
	font-weight:bold;
}
.profileContainer {
	margin:10px 0px 10px 0px;
}
.profilePic {
	float:left;
	width:160px;
}
.profileText {
	float:left;
	width:500px;
}
.profileTitle {
	font-weight:bold;
}
.profileClear {
	clear:both;
	margin-bottom:30px;
}
.profileBottom {
	background-color:#d4e0e4;
	border:2px double #488aa2;
}
.story {
	font-style:italic;
}
.plantsTable {
	width:80%;
}
.plantsTable th {
	text-align:left;
	font-weight:bold;
}
.loginBox {
	background-color:#c7df85;
	border:1px solid #8dbe07;
	padding:4px;
	width:305px;
	margin:5px auto 5px auto;
}
#loginForm {
	width:225px;
}
#loginForm td {
	padding:8px;
}
.loginText {
	background-color:#eeffc0;
	font-weight:bold;
	text-align:center;
	padding:3px;
	border-bottom:2px solid #b5cf6e;
}
.loginInfo {
	margin-top:12px;
	border-top:2px solid #b5cf6e;
	padding:3px;
}
#loginForm .loginLabel {
	font-weight:bold;
}
#loginForm .text {
	width:170px;
	font-size:18px;
	font-weight:bold;
	color:#666;
	border:1px solid #8dbe07;
	padding:3px;
}
#loginForm .loginBtn {
    background-color:#708122;
    border-bottom:1px solid #556318;
    border-left: 1px solid #556318;
    border-right:1px solid #a5af76;
    border-top:1px solid #a5af76;
	font-weight: bold;
	font-size:14px;
    color:#fff;
    padding:3px;
}
#pallet {
	margin-left:20px;
	padding:0px;
}
.instructions {
	text-align:center;
	font-weight:bold;
	font-size:11px;
	font-style:italic;
}
/****Slow the main styles' roll****/

/****BEGIN Catalog Styles**********/

.message {
	margin:0px auto 0px auto;
	border:2px solid #ffd54a;
	border-top:0px;
	background-color:#fff;
	background-image:url(../images/note.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:350px;
	font-weight:bold;
	height:40px;
	font-size:12px;
	color:#333;;
	text-align:left;
	padding:23px 3px 5px 85px;
	vertical-align:middle;
}
.adminTitle {
  text-align:left;
  font-weight:bold;
  font-size:22px;
  padding:50px 0px 0px 2px;
  float:left;
}
.addButton {
	background-image:url(../images/addPlantBtn.gif);
	background-repeat:no-repeat;
	background-position: left;
	width:152px;
	height:42px;
	margin-top:20px;
	padding:26px 3px 3px 40px;
	float:right;
	text-align:center;
	margin-bottom:10px;
}
.addButton a {
	color:#f3a337;
    font-weight:bold;
    text-align:center;
    text-decoration:underline;
}
.indexTable {
	margin-bottom:50px;
	border:1px solid #ccc;
	border-collapse: collapse;
}
.indexTable th{
	background-color:#666;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:3px;
	border:1px solid #ccc;
}
.indexTable td {
  padding:1px 10px 1px 3px;
  border:1px solid #ccc;
}
.saveIt {
	float:right;
}
.saveIt input {
    background-color:#c7df85;
    border-bottom:1px solid #8dbe07;
    border-right:1px solid #8dbe07;
    font-weight:bold;
    color:#666;
    padding:3px;
}
.searchIt {
	margin:5px auto 5px auto;
}
.searchIt input {
    background-color:#c7df85;
    border-bottom:1px solid #8dbe07;
    border-right:1px solid #8dbe07;
    font-weight:bold;
    color:#666;
    padding:3px;
    cursor:pointer;
}
.pageTitle {
  text-align:left;
  font-weight:bold;
  font-size:14px;
  padding:5px 0px 10px 2px;
}
.plantView {
  width:100%;
}
.plantName {
  font-weight:bold;
  font-size:16px;
}
.plantImage {
  width:250px;
}
.plantNameSub {
  font-weight:bold;
  font-size:14px;
  color:#8abc00;
  padding:15px 0px 2px 0px;
  border-bottom:1px dotted #999;
  width:400px;
}
.plantAttributes {
  width:100%;
}
.plantAttributes th{
  padding-top:7px;
  font-size:11px;
  font-weight:bold;
  text-align:left;
  width:25%;
}
.priceLabel{
  padding-top:7px;
  font-size:11px;
  font-weight:bold;
  text-align:left;
}
.plantAttributes td{
  padding:2px 2px 2px 0px;
  vertical-align:top;
  text-align:left;
}
.plantPriceBlock {
  float:left;
  width:165px;
  height:150px;
}
.plantPriceBlockRetail {
  float:left;
  width:165px;
  height:80px;
}
.plantPrice td{
  padding:2px 2px 2px 0px;
  vertical-align:top;
  text-align:left;
  font-size:11px;
}
.plantDesc {
  padding:0px; 
  margin:0px;
}
.plantPic {
  height:225px;
  width:300px;
  background-position:center;
  background-repeat:no-repeat;
  border:1px solid #999;
}
.plantDescTitle {
  font-weight:bold;
  font-size:11px;
}
.label {
  font-weight:bold;
  font-size:11px;
  vertical-align:top;
}
.labelImage label{
  font-weight:bold;
  font-size:11px;
  vertical-align:top;
}
.priceLabel {
  font-weight:bold;
  font-size:12px;
  vertical-align:top;
}
.smallText {
  font-size:10px;
}
.viewTable {
}
.viewTable th{
  font-weight:bold;
  text-align:left;
  font-size:11px;
}
.viewTable td {
  padding-right:10px;
}
.editTable {}
.editTable input {
  border:1px solid #999;
  width:250px;
}
.editTable textarea {
  border:1px solid #999;
  width:250px;
}
.priceInput input {
  border:1px solid #999;
  width:125px;
}
.example {
  font-style:italic;
  font-size:10px;
}
.addTable {
  margin:25px auto 0px auto;
}
.plantLink a{
  font-weight:bold;
}
.plantLink a:hover {
  text-decoration:underline;
}
.alphaListCase {
  background-color:#CEE1EF;
  padding-bottom:5px;
}
.alphaList {
  margin:5px auto 5px auto;
  width:575px;
}
.alphaList a {
  border:1px solid #999;
  padding:2px 3px 2px 3px;
  background-color:#fff;
}
.alphaList a:hover {
  border:1px solid #3366ff;
  padding:2px 3px 2px 3px;
  background-color:#3366ff;
  color:#fff;
}
.alphaList a:active {
  border:1px solid #3366ff;
  padding:2px 3px 2px 3px;
  background-color:#3366ff;
  color:#fff;
}
#alphaCurrent a{
  border:1px solid #3366ff;
  padding:2px 3px 2px 3px;
  background-color:#3366ff;
  color:#fff;
}
.listImage {
  border:1px solid #999;
  width:100px;
  height:75px;
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
  cursor:hand;
}
.imageCell {
  padding:2px;
  vertical-align: top;
}
.descCell {
  padding:2px 2px 2px 8px;
  vertical-align:top;
}
.alphaSpace {
  height:20px;
}
.attributesIcon {
  width:50px;
  height:47px;
  background-image:url(../images/attributes.jpg);
  background-repeat:no-repeat;
  float:left;
}
.priceIcon {
  width:50px;
  height:47px;
  background-image:url(../images/price.jpg);
  background-repeat:no-repeat;
  float:left;
}
.infoIcon {
  width:50px;
  height:47px;
  background-image:url(../images/info.jpg);
  background-repeat:no-repeat;
  float:left;
}
.companionIcon {
  width:50px;
  height:47px;
  background-image:url(../images/companion.jpg);
  background-repeat:no-repeat;
  float:left;
}
.databaseIcon {
  float:left;
  width:62px;
  height:96px;
  background-image:url(../images/database.gif);
  background-repeat:no-repeat;
}
.helpIcon {
  width:68px;
  height:41px;
  background-image:url(../images/helpIcon.gif);
  background-repeat:no-repeat;
  float:right;
}
.searchIcon {
  float:left;
  width:50px;
  height:47px;
  background-image:url(../images/search.gif);
  background-repeat:no-repeat;
}
.imageIcon {
  float:left;
  width:78px;
  height:54px;
  background-image:url(../images/imageIcon.gif);
  background-repeat:no-repeat;
}
.imageTitle {
  text-align:left;
  font-weight:bold;
  font-size:22px;
  padding:20px 0px 0px 2px;
  float:left;
}
.searchLabel {
  font-weight:bold;
  font-size:14px;
  margin-left:10px;
  float:left;
  padding-top:13px;
}
.iconLabel {
  font-weight:bold;
  font-size:14px;
  color:#8abc00;
  margin-left:10px;
  float:left;
  padding-top:23px;
}
.retailContainer {
  border:2px dotted #ccc;
  float:left;
  margin-left:240px;
  padding:2px;
}
.wholesaleContainer1 {
  float:left;
  margin-left:220px;
  padding:2px;
}
.wholesaleContainer {
  border-bottom:2px dotted #ccc;
  float:left;
  padding:2px;
  width:100%;
}
.wholesaleLabel {
  float:left;
  font-size:14px;
  font-weight:bold;
  padding-top:10px;
  margin-right:5px;
}
.retailIcon {
  width:37px;
  height:35px;
  background-image:url(../images/retail.jpg);
  background-repeat:no-repeat;
  float:left;
}
.retailLabel {
  float:left;
  font-size:12px;
  font-weight:bold;
  padding-top:10px;
  margin-right:5px;
}
.backBtn {
  text-align:left;
  padding:2px 0px 0px 0px;
  margin-bottom:5px;
  height:30px;
  background-image:url(../images/backBtn.gif);
  background-repeat:no-repeat;
  padding-left:25px;
}
.backBtn a {
  color:#869902;
  font-weight:bold;
  text-decoration: underline;
}
.imageBtn {
  text-align:center;
}
.imageBtn input{
    background-color:#c7df85;
    border-bottom:1px solid #8dbe07;
    border-right:1px solid #8dbe07;
    font-weight:bold;
    color:#666;
    padding:3px;
    cursor:pointer;
    text-align:center;
    margin:10px auto 10px auto;
}
.on {
  display:block;
}
.off {
  display:none;
}
.deleteImage a{
  font-weight:bold;
  color:#f00;
  font-size:12px;
}
/****END Catalog Styles************/

/****We make zi footer****/
div#footer {
	position:absolute;
	width:100%;
	padding-bottom:20px;
	bottom:0; /* stick to bottom */
}
#footerBreak {
	width:96%;
	height:1px;
	border-top:1px solid #b2b2b2;
	margin:0px auto 10px auto;
}
#footerNav {
	width:75%;
	margin:0px auto 0px auto;
}
#footerNav a {
	color:#666;
	text-decoration:underline;
}
#footerNav a:visited {
	color:#666;
}
#footerNav a:hover {
	color:#8abc00;
}
#footerNav #current a{
	color:#8abc00;
	font-weight:bold;
	text-decoration:none;
}
#footerNav ul {
	margin:0px;
	padding:0px;
}
#footerNav li {
	list-style-type:none;
	float:left;
	margin-left:15px;
	font-size:12px;
}
/****Zi footer is done****/