﻿

body {color: 2a2a2a; width: 940px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 0.75em; margin: 0; padding: 0;} 

h1 {color: #0083a9; font-size: 1.4em;}
h2 {border-bottom: 3px solid #817033; color: #2a2a2a; float: left; font-size: 1.3em; margin: 0; padding: 1em 0 0 0; width: 100%;}

.plant-info-container h2 {border: 0; color: #0083a9; margin: 0 0 1em 0; padding: 0;}


.location-container {background: #f6f2e5; border-radius: 3px; padding: 24px 0 10px 250px; position: relative;}
.select-location {background: none; border: 0; margin: 0; padding: 0; position: static;}
.select-location legend {font-size: 1.3em; font-weight: bold; left: 10px; position: absolute; top: 29px;}
.select-location p { margin: 0; padding: 0 0 10px 0;}

.location-container input[type=submit] {background: #00516c; border: 0; color: #fff; cursor: pointer; font-size: 1.3em; font-weight: bold; margin: 0; padding: 5px;}
.shire-wide {font-weight: bold;}
.shire-wide span {display: inline-block; width: 80px;}
.plant-address {cursor: pointer; font-weight: bold; height: 50px;}
.plant-address label {display: inline-block; width: 77px;}
.select-location .address-button {padding-left: 80px;}

.plant-address {position: relative;}
.plant-address input[type=text] {border: 1px solid #82774c; font-size: 1.3em; left: 0; padding: 5px; position: absolute; top: 0; width: 400px;} 
.plant-address input[type=submit] {background: #00516c; border: 0; color: #fff; cursor: pointer; font-size: 1.3em; font-weight: bold; height: 32px; left: 413px; margin: 0; position: absolute; top: 0;}
.location-container .address-text {font-size: 1.3em; font-weight: bold; padding: 15px 0 20px 0;}


.location-container .tree-image {position: absolute; right: -4px; top: -10px;}


a:link,
a:visited {color: #00516c; text-decoration: none;}
a:active,
a:hover,
a:focus {color: #00516c; text-decoration: underline;}


ul {margin: 0; padding: 0; list-style-type: none;}

.selected-info {font-weight: bold;}
.selected-info span {zdisplay: inline-block; padding-right: 1em;}

.tree-form {float: left; padding: 0px 0 15px 0; position: relative;}
.tree-icon {position: absolute; right: 0; top: -30px;}

fieldset {background: #f6f2e5; border: 0; margin: 20px 0 0 0; padding: 12px 8px 12px 8px; position: relative;}
fieldset ul li {float: left; width: 200px;}

legend {color: #2a2a2a; font-weight: bold; left: none;}

legend span {left: 0px; position: absolute; top: -20px; white-space: nowrap;}

.plant-type {display: none;}

.plant-characteristics {display: none;}

.features-container {display: none;}
.features-container p {font-weight: bold; left: 12px; margin: 0; position: absolute; top: 110px;}
.selected-characteristics {position: absolute; top: 110px; left: 206px;}
.selected-characteristics li {float: none;}

.submit-container {display: none;}
.submit-container .plants-search {background: #00516c; border: 1px solid #00516c; color: #fff; cursor: pointer; float: left; font-weight: bold; padding: 10px;}
.submit-container .plants-reset {background: #fff; border: 1px solid #00516c; color: #00516c; cursor: pointer; float: right;  font-weight: bold; padding: 10px;}

.results-for {display: none;}
.results-for  .print-page {background: url("../Images/printer.jpg") right 5px no-repeat; font-size: 0.7em; position: absolute; padding: 10px  33px 1px 0; right: 0; top: 0px}
.print-page {display: none;}

.plant-list {float: left;}

.plant-list li {float: left;}
	
.plant-details {clear: both; float: left; border-bottom: 1px solid #fff; width: 940px;}
.alternate {background:  #f6f2e5;}
		
.thumbnail-container {}

.plant-thumbnail {float: left;}

.plant-checkbox {display: none;}
			
.plant-name {float: left; padding: 20px 0 0 20px; width: 240px;}

.plant-name h3 {font-size: 1.3em; line-height: 1.5em; margin: 0 0 8px 0;}

.plant-name span {font-weight: bold;}

.characteristics {float: left; padding: 20px 0 0 20px; width: 150px;}

.characteristics-heading {display: block; font-weight: bold; padding-bottom: 0.5em;}

.characteristics ul {float: none;}
.characteristics ul li {float: none; background: url("../Images/bullet-characteristics.jpg") no-repeat 1px 6px ; padding-left: 9px;}

.height {float: left; padding: 20px 0 0 20px; width: 90px;}

.characteristics-heading {}

.plant-list .characteristics ul {padding-bottom: 7px;}

.width {float: left; padding: 20px 0 0 20px; width: 90px;}

.nursery-stocked {float: left; padding: 20px 0 0 20px; line-height: 1.5em; width: 140px; }
.nursery-stocked a:link,
.nursery-stocked a:active {text-decoration: underline;}
.nursery-stocked a:active,
.nursery-stocked a:hover,
.nursery-stocked a:focus {text-decoration: none;}




h2.Climbers {background: url("../Images/vines.jpg") no-repeat right bottom ;}
h2.Trees {background: url("../Images/trees.jpg") no-repeat right bottom;}
h2.Grasses {background: url("../Images/grasses.jpg") no-repeat right bottom ;}
h2.Shrubs {background: url("../Images/shrubs.jpg") no-repeat right bottom ;}
h2.Ferns {background: url("../Images/ferns.jpg") no-repeat right bottom ;}
h2.Groundcover {background: url("../Images/groundcover.jpg") no-repeat right bottom ;}


/* plant page */
.plant-info-container {float: left; width: 600px;}

.plant-info-container p {margin: 0; padding: 0 0 1em 144px; postion: relative; clear: both;}
.plant-info-container p span {font-weight: bold; left: 0; position: absolute;}

.portrait-container {float: right; width: 300px;}

.image-container {clear: both; padding-top: 20px; float: left; margin-bottom: 30px;}
.image-container img {float: left; width: 450px;}
.right-img {margin: 0 0 30px 30px; width: 450px;}
.image-container p {margin: 0 0 20px 0;}

a.back-to-search { color: #fff; border-radius: 3px; display: inline-block; font-size: 1.2em; font-weight: bold; margin-top: 20px; padding: 11px 11px 11px 26px; text-decoration: none; width: 150px;}
a.back-to-search:link, 
a.back-to-search:visited {background: #00516c url("../Images/back-arrow.gif") no-repeat 5px 7px;}
a.back-to-search:active,
a.back-to-search:hover,
a.back-to-search:focus {background: #e98300 url("../Images/back-arrow.gif") no-repeat 5px -193px;  color: #fff;}



.photo-source {clear: both; }
.photo-source span {display: block; font-weight: bold;}
































