/** Begin Global Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td { vertical-align: top; }
/** End Global Reset **/

body {
    background-color:#FFFFFF;
    color:#000000;
    font-family: Helvetica,Arial,San-Serif;
    font-size:12px;
}
/** Set width of content **/
#contentWrapper {
    width: 920px;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #004990;
    clear: both;
}

h1 {
    font-size: 21px;
    font-weight: bold;
}
#contentWrapper > h1 {
    display: none;
}

h2 {
    font-size: 16px;
}

p {
    margin: 5px 10px;
    clear: both;
}

p.goSearch {
    text-align: right;  
}

a.button {
    color: #004990;
    font-weight: bold;
    font-size: 11px;
    background: transparent url('../images/whiteButton.png') no-repeat center left;
    text-decoration: none;
    padding: 0 0 0 16px;
    display: block;
    height: 24px;
    width: auto;
    float: right;
    margin: 0 5px;
}

a.button:hover {
    text-decoration: underline;
}
a.button span {
    background: transparent url('../images/whiteButton.png') no-repeat center right;
    padding: 0 16px 0 0;
    display: block;
    width: auto;
    height: 24px;
    line-height: 22px;
    cursor: pointer;
}

/* NAVIGATION */
#navigation {
    background: transparent url(../images/topNavBG.png) repeat-x 0 0;
    width: 100%;
    height: 42px;
    border-bottom: 5px solid #fff;
}

#navigation li {
    height: 42px;
    float: left;
    text-align: center;
    background: transparent url(../images/topNavBG.png) no-repeat center 0;
    border-right: 1px solid #585B22;
    border-left: 1px solid #d2df91;
}
#navigation li.last { border: none !important; }
#navigation li.glossary { border-right: none !important; }
#navigation li.glossary a { border-right: none !important; }
#navigation li a {
    display: block;
    height: 42px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #777a43;
}
#navigation li.flutterColor a {
    width: 150px;
    line-height: 15px;
    height: 42px;
    padding-top: 5px !important;
}
.ie #navigation li a { padding: 0 10px; }
.ie #navigation li.flutterColor a {
	width: 140px !important;
}
#navigation li:hover, #navigation li.current {
    background-position: center -42px;
}
#navigation li.last {
    border-right: none;
}
#navigation li.last a {
    display: none;
}
/* END NAVIGATION */

/* LANDING PAGE */
#welcome {
    background: #fff url(../images/landingBG.png) no-repeat 0 0;
    height: 257px;
    position: relative;
    margin-bottom: 5px;
}
#welcome p, #welcome h2 {
    position: absolute;
    right: 0;
    top: 95px;
    width: 510px;
    color: #333;
    font-size: 12px;
    line-height: 16px;
}
#welcome h2 {
    font-weight: normal;
    font-size: 17px;
    margin: 75px 0 0 0;
    right: 10px;
    line-height: 1.2
}
#welcome h2 .indent {
    display: block;
    margin: 5px 0 0 60px;
}
#adArea {
    background: #fff;
}
#adArea .ad {
    width: 284px;
    float: left;
    border: 1px solid #ddd;
    background: transparent url(../images/content-header-bg.gif) repeat-x 0 0;
    margin: 0 10px;
    padding: 15px 0 5px 0;
    -moz-box-shadow: 1px 1px 5px #a1a1a1;
}
#myPlantCode, #howToGuides, #coldHardinessMap, #adArea #landscapeGardens {
    position: relative;
    height: 184px;
    line-height: 16px;
}
#myPlantCode { margin-left: 30px; }
#myPlantCode > * {
    margin-left: 80px;
}
#howToGuides > *, #coldHardinessMap > *, #adArea #landscapeGardens > * {
    margin-left: 115px;
    margin-right: 15px;
}
#adArea #landscapeGardens, #coldHardinessMap {
    margin-left: 15px;
}
#myPlantCode {
    background: url(../images/whatIsMyPlantCode.png) no-repeat 0 0;
}
#howToGuides {
    background: url(../images/howToGuides.jpg) no-repeat 0 0;
}
#coldHardinessMap {
    background: url(../images/hardinessZoneMapSmall.jpg) no-repeat 0 0;
}
#adArea #landscapeGardens {
    background: url(../images/landscapeGardens.jpg) no-repeat 0 0;
}
#myPlantCode .bottom, #howToGuides .bottom, #coldHardinessMap .bottom, #adArea #landscapeGardens .bottom {
    position: absolute;
    bottom: 15px;
    right: 0;
}
#myPlantCode h2, #howToGuides h2, #coldHardinessMap h2, #adArea #landscapeGardens h2 {
    line-height: 18px;
}
#LandingPage #contentWrapper > h1 {
    display: none;
}
/* END LANDING PAGE */

/* SEARCH PAGE */
#plantSearch {
    padding-left: 6px;
    float: right;
    width: 719px;
}
#plantSearch h2, #plantSearch p.instructions {
    background-color: #4A95C7;
    color: #fff;
    width: 350px;
    float: left !important;
    clear: none !important;
    margin: 0;
    height: 34px;
    padding: 15px 0 0 0;
}
#plantSearch h2 {
    padding-left: 25px;
    width: 284px;
    border-right: 1px solid #fff;
    font-size: 16px;
}
#plantSearch p.instructions {
    float: right !important;
    width: 384px;
    font-size: 12px;
    padding: 20px 17px 0 8px;
    height: 29px;
}
#plantSearch fieldset {
    clear: both;
    position: relative;
    padding: 25px 0 15px 0;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 10px;
    width: 719px;
}
#plantSearch fieldset p.goSearch {
    position: absolute;
    bottom: 15px;
    right: 50px;
    width: 100px;
}
.gecko #plantSearch fieldset p.goSearch {
    bottom: 0px;
}
#plantSearch fieldset label {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    margin: 4px 25px 0 0;
}
#plantSearch fieldset input.text, #plantSearch fieldset select {
    font-size: 12px;
}
#plantSearch fieldset input.text {
    width: 230px;
}
#plantSearch fieldset select.valueSelect {
    width: 350px;
}
#plantSearch p.height input.text {
    width: 89px;
}
#ctl00_ContentPlaceHolder1_PlantSearch1_txtFromHeight {
    margin-right: 10px;
}
#ctl00_ContentPlaceHolder1_PlantSearch1_txtToHeight {
    margin: 0 25px 0 10px;
}
#plantSearch p.height select {
    width: 100px;
}
#plantSearch select.searchType {
    margin-right: 25px;
}
#searchByCodeNumber #ctl00_ContentPlaceHolder1_PlantSearch1_btnWhatIsMyPlantCode { position: absolute; top: 6px; left: 6px; }
/* END SEARCH PAGE */

/* SEARCH RESULTS */
body#SearchResults #plantSearch h2, body#SearchResults #plantSearch p.searchType {
}
body#SearchResults #plantSearch label {
    display: block;
    float: none;
    text-align: left;
}
body#SearchResults #plantSearch select.searchType {
    display: block;
}
body#SearchResults #plantSearch fieldset p {
    width: 163px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    line-height: 24px;
    text-align: left;
}
.ie body#SearchResults #plantSearch fieldset p input.text {
    margin-left: -10px;
}
body#SearchResults #plantSearch p.goSearch {
    display: none;
}
body#SearchResults #plantSearch p select.searchType {
    margin-bottom: 5px;
}
body#SearchResults #plantSearch select.valueSelect, body#SearchResults #plantSearch input.text {
    width: 160px;
}
body#SearchResults #plantSearch p.height input.text {
    width: 25px;
}
.ie body#SearchResults #plantSearch p.height input.text {
    width: 20px;
}
body#SearchResults #ctl00_ContentPlaceHolder1_PlantSearch1_txtFromHeight {
    margin-right: 3px;
}
body#SearchResults #ctl00_ContentPlaceHolder1_PlantSearch1_txtToHeight {
    margin: 0 0 0 6px;
}
.ie body#SearchResults #ctl00_ContentPlaceHolder1_PlantSearch1_txtToHeight {
    margin: 0 3px 0 3px !important;
}
body#SearchResults #plantSearch p.height select {
    width: 64px;
    margin-left: 10px;
}
.ie body#SearchResults #plantSearch p.height select {
    margin-left: 8px;
    width: 64px;
}
body#SearchResults #plantSearch h2 {
    background-color: #4A95C7;
    color: #fff;
    width: 100% !important;
    margin: 0 0 25px 0;
    height: 34px;
    padding: 0;
    text-align: center;
    line-height: 35px;
}

body#SearchResults #plantSearch {
    width: 189px;
    float: left;
    margin-left: 0;
    padding-left: 0;
}
body#SearchResults #searchResults {
    width: 718px !important;
    float: left;
    border-left: 1px solid #b3b3b3;
    margin-left: 6px;
    padding-left: 6px;
}
body#SearchResults #plantSearch fieldset {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
    width: auto !important;
}
body#SearchResults #plantSearch a.button {
    float: left !important;
}
#searchResults h2, #searchResults p.instructions {
    background-color: #4A95C7;
    color: #fff;
    float: left !important;
    clear: none !important;
    margin: 0;
    height: 34px;
}
#searchResults h2 {
    padding-left: 25px;
    width: 170px;
    border-right: 1px solid #fff;
    font-size: 16px;
    line-height: 34px;
}
#searchResults p.instructions {
    float: left !important;
    width: 514px;
    font-size: 12px;
    line-height: 36px;
    padding-left: 8px;
}
#tblSearchResults {
    clear: both;
}
#tblSearchResults th {
    font-size: 11px;
    font-weight: normal;
    height: 35px;
    vertical-align: middle;
}
#tblSearchResults th select {
    font-size: 11px;
}
#tblSearchResults .paginationLinks {
    padding: 4px 0 0 0;
    vertical-align: middle;
}
#tblSearchResults .numberPerPage {
    padding: 4px;
    text-align: right;
}
#tblSearchResults tbody tr td {
    height: 210px;
    width: 300px;
    border-top: 1px solid #ddd;
    margin: 0 0 0 0;
    position: relative;
    padding-top: 10px;
}
#tblSearchResults td.thumbnail {
    width: 100px;
}
.ie #tblSearchResults tbody tr td {
    height: 200px;
}
#tblSearchResults tbody td p {
    clear: none;
    line-height: 16px;
}
#tblSearchResults p.light .dataField {
    width: 160px;
    float: left;
    margin-bottom: 3px;
}
#tblSearchResults tbody td a.button {
    float: left;
}
#tblSearchResults a.thumbnail {
    display: block;
    height: 250px;
    text-indent: -1000px;
    background-repeat: no-repeat !important;
    background-position: center -5px !important;
    margin: 0 15px 0 15px;
}
#tblSearchResults .plantData p {
    clear: both;
}
#tblSearchResults .plantData p label {
    font-weight: bold;
    color: #555;
    display: block;
    float: left;
    width: 100px;
    text-align: right;
    margin: 0 10px 1px 0 !important;
}
#tblSearchResults tfoot th { border-top: 5px solid #fff !important; }
#tblSearchResults .paginationLinks a, #tblSearchResults thead, #tblSearchResults tfoot {
    text-align: left;
    color: #555;
}
#tblSearchResults .paginationLinks a, #tblSearchResults .paginationLinks span {
    margin: 0 3px;
}
#tblSearchResults .paginationLinks span.currentPage {
    font-weight: bold;
}
#tblSearchResults .paginationLinks a {
    text-decoration: none;
    border-bottom: 1px solid #BECB74;
}
.ie #tblSearchResults .paginationLinks a {
    text-decoration: underline;
    border: none;
}
#tblSearchResults a.button {
}
#tblSearchResults .resultCount {
    padding-left: 25px;
}
a#ctl00_ContentPlaceHolder1_btnNextTen, a#ctl00_ContentPlaceHolder1_btnPreviousTen, a#ctl00_ContentPlaceHolder1_btnFirstPage, a#ctl00_ContentPlaceHolder1_btnLastPage {
    border: none !important;
    margin-top: -2px !important;
    font-weight: bold;
    text-decoration: none !important;
}
/* END SEARCH RESULTS */

#quickPlantSearch, #landscapeGardenSearch {
    background: #4A95C7;
    color: #fff;
    height: 39px;
    margin-bottom: 5px;
}
#quickPlantSearch p, #landscapeGardenSearch p {
    margin: 0 !important;
    font-size: 12px;
    line-height: 36px;
    position: relative;
}
#quickPlantSearch p strong, #landscapeGardenSearch p strong {
    font-size: 16px;
    margin: 0 5px 0 45px;
}
#quickPlantSearch p input.text, #landscapeGardenSearch p input.text {
    width: 200px;
    margin: 0 5px 0 15px;
    text-align: center;
}
#quickPlantSearch input[type='image'], #landscapeGardenSearch input[type='image'] {
    position: absolute;
    top: 7px;
}
.ie #quickPlantSearch input[type='image'], .ie #landscapeGardenSearch input[type='image'] {
    top: 0;
}
.ie8 #quickPlantSearch input[type='image'], .ie8 #landscapeGardenSearch input[type='image'] {
    top: 6px;
}

/* Hardiness Map */
#USDAColdHardinessMapZoneFinder #contentWrapper { background: #fff url(../images/contentWrapperBG.png) repeat-y 283px 0; }
#USDAColdHardinessMapZoneFinder #contentWrapper p {
    font-size: 12px;
    line-height: 16px;
}
#USDAColdHardinessMapZoneFinder #hardinessContent {
    width: 278px;
    float: left;
}
#USDAColdHardinessMapZoneFinder #hardinessData {
    width: 630px;
    float: right;
}
#USDAColdHardinessMapZoneFinder #hardinessZoneLookup {
    width: 278px;
    height: 103px;
    background: transparent url(../images/hardinessZoneLookupBG.png) no-repeat 0 0;
    color: #fff;
}
#USDAColdHardinessMapZoneFinder #hardinessZoneLookup label {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin: 0 25px;
    padding: 15px 0;
    line-height: 16px;
}
#USDAColdHardinessMapZoneFinder #hardinessZoneLookup input {
    width: 150px;
    margin-left: 25px;
    text-align: center;
    font-weight: bold;
    color: #555;
    letter-spacing: 0.3em;
}
#USDAColdHardinessMapZoneFinder #hardinessZoneLookup a.button {
    margin: 0px 30px 0 5px;
}
#USDAColdHardinessMapZoneFinder #hardinessZoneLookup a.button span {
    background-color: #054281;
}
#hardinessContent h3, #hardinessContent p {
    margin: 20px 20px;
}
#hardinessContent h3 {
    color: #004990;
    font-size: 16px;
}
#hardinessData h3, #hardinessData p {
    margin: 20px 20px;
}
#hardinessData h3 {
    color: #004990;
    font-size: 16px;
    margin-top: 30px;
}
#hardinessData table#hardinessZones, #hardinessData img {
    width: 580px;
    margin: 15px auto;
    display: table;
}
table#hardinessZones th {
    background-color: #DEDEDD;
    color: #333 !important;
    padding-bottom: 15px !important;
}
table#hardinessZones td, table#hardinessZones th {
    padding: 7px;
    text-align: center;
    color: black;
    border: 1px solid #8d8d8d;
    font-size: 11px;
}
/* End Hardiness Map */

/* Glossary */
#GlossaryofPlantTerms #contentWrapper { background: #fff url(../images/contentWrapperBG.png) repeat-y 255px 0; }
#GlossaryofPlantTerms #contentWrapper p {
    font-size: 12px;
    line-height: 16px;
}
#glossaryIntro {
    background: url(../images/glossaryHeader.png) no-repeat 0 0;
    width: 250px;
    float:left;
}
#glossaryIntro p {
    margin: 370px 20px 35px 10px;
    text-align: right;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #ED4D00;
}
#glossaryContent {
    width: 658px;
    float: right;
}
#glossaryContent h2, #glossaryContent h3, #glossaryContent p {
    margin: 20px 20px;
}
#glossaryContent h2 {
    color: #004990;
    font-size: 16px;
    margin-top: 30px;
}
#glossaryContent .alphaNavigation a, .alphaNavigation span { margin: 0 1px; color: #777; }
#glossaryContent .alphaNavigation a { color: #000; }
/* End Glossary */

body.test {
    background: #1b4f8f url(../images/TESTBG.jpg) no-repeat center 0;
}
body.test #contentWrapper {
    margin: 200px auto 0 auto;
}
#adArea {
    height: 184px;
    padding: 10px 0
}
#paginationHeader a.button, #paginationHeader a.button span, #SearchResults #searchResults, #SearchResults #plantSearch, #SearchResults #plantSearch a.button, #SearchResults #plantSearch a.button span, #searchResultsListing li, #searchResultsListing li a.button, #searchResultsListing li a.button span, #searchIntro, #adArea, #adArea a.button, #adArea a.button span, #plantSearch fieldset, #plantSearch fieldset a.button, #plantSearch fieldset a.button span, #glossaryIntro, #glossaryContent {
    background-color: #fff; /* FAINT ORANGE */
}
body#PlantSearch #plantSearch {
    border-left: 1px solid #b3b3b3;
}
#searchIntro {
    width: 189px;
    float: left;
    text-align: right;
}
#searchIntro p {
    color: #515726;
    font-size: 12px;
    line-height: 20px;
}

#varietyDetails {
    width: 190px;
    overflow: hidden;
    float: left;
    background: transparent url(../images/content-header-bg.gif) repeat-x 0 0;
    padding: 25px 15px;
    border: 1px solid #ddd;
    margin: 15px 5px;
    color: #333;
    line-height: 1.2;
    box-shadow: 1px 1px 5px #a1a1a1;
    -moz-box-shadow: 1px 1px 5px #a1a1a1;
    -webkit-box-shadow: 1px 1px 5px #a1a1a1;
}
#varietyDetails p label {
    font-weight: bold;
    display: block;
    float: left;
    width: 60px;
    text-align: right;
    margin-right: 14px;
    height: 15px;
}
#varietyDetails p {
    margin: 15px 0;
    height: 15px;
    font-size: 11px;
}
#varietyDetails h3 {
    background: transparent url(../images/plantCodeBG.png) repeat-x 0 0;
    color: #fff;
    height: 22px;
    line-height: 22px;
    text-align: center;
}
#varietyDetails h3 span {
    border-left: 1px solid #fff;
    margin-left: 4px;
    padding: 4px 0 3px 6px;
}
#varietyDetails h4 {
    background: transparent url(../images/additionalInformationBG.png) no-repeat 0 0;
    width: 190px;
    height: 40px;
    color: #fff;
    padding: 5px 0 0 55px;
    font-size: 14px;
    margin: 25px 0 0 0;
}
#varietyExtendedInformation {
    width: 680px;
    float: right;
    position: relative;
    padding-top: 25px;
}
#varietyExtendedInformation p {
    margin: 15px 0 15px 25px;
    line-height: 1.3;
    margin-right: 105px;
}
#varietyExtendedInformation li {
    margin: 5px 0;
    line-height: 1.3;
    margin-right: 105px;
}
#varietyExtendedInformation p label {
    font-weight: bold;
    margin-right: 14px;
}
#varietyExtendedInformation p strong {
    color: red;
    margin-left: -10px;
}
#varietyExtendedInformation h3 {
    color: #fff;
    background-color: #4A95C7;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    margin: 0 10px 0 15px;
    padding-left: 10px;
}
#varietyExtendedInformation ul {
    list-style-type: disc;
    margin: 15px 0 15px 40px;
}
#varietyExtendedInformation #ctl00_ContentPlaceHolder1_imgLogos {
    position: absolute;
    top: 10px;
    right: 10px;
}
#PlantDetails h2 {
    color: #fff !important;
    background-color: #4A95C7;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
}
#varietyDetails img {
    width: 100%;
    margin: 0 0 5px 0;
}
#varietyDetails p.additionalInformation {
    font-size: 14px;
    margin: 0 !important;
    padding: 10px;
    height: 100px;
    background-color: #fff;
}
/* End Variety Page */

/* How-To Guides */
#How-ToGuides #contentWrapper { background: #fff url(../images/contentWrapperBG.png) repeat-y 255px 0; }
#How-ToGuides #contentWrapper p {
    font-size: 12px;
    line-height: 16px;
}
#howtoIntro {
    background: url(../images/howToGuidesBG.jpg) no-repeat 0 0;
    width: 250px;
    float: left;
}
#howtoIntro p {
    margin: 355px 20px 35px 20px;
    text-align: right;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #ED4D00;
}
#howtoContent {
    width: 658px;
    float: right;
}
#howtoContent h2 {
    margin: 20px 20px;
}
#howtoContent h2 {
    color: #004990;
    font-size: 16px;
    margin-top: 30px;
}
#howtoContent > p {
    margin: 20px;
}
#howToGuideEntries {
    border-top: 3px solid #fff;
}
#howToGuideEntries li {
    width: 100%;
    background-color: #F2EDDA;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px;
    clear: both;
    border: 1px solid #f2edda;
    border-bottom: 3px solid #fff;
    height: 125px;
}
#howToGuideEntries li img.thumbnail {
    float: left;
    width: 135px;
    display: block;
}
#howToGuideEntries li h2, #howToGuideEntries li p {
    clear: right;
    margin-left: 160px;
    margin-top: 15px;
}
#howToGuideEntries li h2 a {
    color: #004990;
    text-decoration: none;
}
#howToGuideEntries a.button span {
    background-color: #F2EDDA;
}
#howToGuideEntries a.button {
    float: left;
}
/* End How-To Guides */

body.test {
    background: #1b4f8f url(../images/TESTBG.jpg) no-repeat center 0;
}
body.test #contentWrapper {
    margin: 200px auto 0 auto;
}
#adArea {
    height: 184px;
    padding: 10px 0
}
#tblSearchResults thead a.button, #tblSearchResults a.button span, #SearchResults #searchResults, #SearchResults #plantSearch, #SearchResults #plantSearch a.button, #SearchResults #plantSearch a.button span, #searchResultsListing li, #searchResultsListing li a.button, #searchResultsListing li a.button span, #searchIntro, #adArea, #adArea a.button, #adArea a.button span, #plantSearch fieldset, #plantSearch fieldset a.button, #plantSearch fieldset a.button span, #hardinessContent, #hardinessData, #howtoIntro, #howtoContent, .garden a.button span, .gardenPlant a.button span {
    background-color: #fff !important; /* FAINT ORANGE (f2edda) */
}
body#PlantSearch #plantSearch {
    border-left: 1px solid #b3b3b3;
}
#searchIntro {
    width: 189px;
    float: left;
    text-align: right;
}
#searchIntro p {
    color: #333;
    font-size: 12px;
    line-height: 20px;
}

a.glossaryLink {
    color: #000 !important;
    cursor: help;
}

#bottomClear { height: 0px; overflow: hidden; clear: both; }

.alphaNavigation a, .alphaNavigation span { margin: 0 1px; color: #777; }
.alphaNavigation a { color: #000; }


#specialLogos {
    position: absolute;
    top: 25px;
    right: 25px;
    height: 96px;
    text-align: center;
    padding: 0 10px;
}
.ui-dialog-title { text-transform: capitalize; }
#varietyExtendedInformation p strong a { color: inherit !important; }

body#LandscapeGarden #contentWrapper h1, body#LandscapeGardenRegionSelection #contentWrapper h1 { width: 371px; height: 60px; display: block; margin: 25px auto; text-indent: -9000px; background: transparent url(../images/landscapeGardenLogo.png) no-repeat 0 0;  }
body#LandscapeGarden #contentWrapper p, body#LandscapeGarden #contentWrapper h2 { text-align: center; }
#landscapeGardenThumbnails .garden {
    width: 162px;
    float: left;
    margin: 0 15px 25px 20px;
    background: transparent url(../images/content-header-bg.gif) repeat-x 0 0;
    padding: 25px 15px 5px 15px;
    border: 1px solid #ddd;
    line-height: 1.2;
    box-shadow: 1px 1px 5px #a1a1a1;
    -webkit-box-shadow: 1px 1px 5px #a1a1a1;
    -moz-box-shadow: 1px 1px 5px #a1a1a1;
}

#landscapeGardenThumbnails .garden h4 { font-size: 14px; margin: 10px 0; }
#landscapeGardenThumbnails .garden h4 a { color: inherit; text-decoration: none; }
#landscapeGardenThumbnails .garden p { text-align: left !important; margin: 10px 0 !important; font-size: 11px; height: 25px; }
#landscapeGardenThumbnails .garden a.button { float: left; }
#landscapeGardenDetailContent p { text-align: center; margin: 25px 0; }
#landscapeGardenDetailContent p strong { color: #004990; font-weight: bold; font-size: 14px; }
.gardenPlant { 
    position: relative;
    width: 150px;
    min-height: 300px;
    float: left;
    margin: 25px 15px 0 0;
    border: 1px solid #ddd;
    padding: 25px 15px 15px 15px;
    background: transparent url(../images/content-header-bg.gif) repeat-x 0 0;
    box-shadow: 1px 1px 5px #a1a1a1;
    -moz-box-shadow: 1px 1px 5px #a1a1a1;
    -webkit-box-shadow: 1px 1px 5px #a1a1a1;
    font-size: 11px;
}
.gardenPlant img {
    width: 100%;
}
.gardenPlants h5 { margin: 0 25px; }
.gardenPlant a.button { float: left; width: 100px; position: absolute; bottom: 15px; left: 35px; }
.gardenPlant h4 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 15px 0;
}
.gardenPlant ul {
    list-style-type: disc;
    margin: 0 15px 15px 15px !important;
    line-height: 1.3 !important;
    height: 50px;
    padding: 0 !important;
}
.gardenPlant ul li {
    margin: 0 !important;
}
#landscapeGardenDetailContent ul {
    list-style-type: disc;
    margin: 25px 45px 0 45px;
    line-height: 1.3;
    padding-bottom: 25px;
}
#landscapeGardenDetailContent ul li {
    margin: 10px 0;
}
.ie #ctl00_ContentPlaceHolder1_PlantSearch1_btnWhatIsMyPlantCode { margin-top: 25px; }
.ie7 #ctl00_ContentPlaceHolder1_PlantSearch1_btnWhatIsMyPlantCode { margin-top: 20px; }
.ie6 #navigation li a { padding: 0 !important; }
.ie6 #navigation li.home, .ie6 #navigation li.search { width: 120px; }
.ie6 #navigation li.howto { width: 150px; }
.ie6 #navigation li.hardiness { width: 175px; }
.ie6 #navigation li.glossary { width: 195px; }
.ie6 h1 { display: none; }
.ie6 #myPlantCode, .ie6 #howToGuides, .ie6 #coldHardinessMap {  width: 255px; }
.ie6 #myPlantCode p, .ie6 #myPlantCode h2 { margin-left: 70px; }
.ie6 #myPlantCode { width: 180px; }
.ie6 #howToGuides h2, .ie6 #howToGuides p, .ie6 #coldHardinessMap h2, .ie6 #coldHardinessMap p { margin-left: 150px; }
.ie6 a.button { width: 40px; float: left; text-align: center; background-image: url(../images/whiteButton-F2EDDA.png); }
.ie6 a.button span { background-image: url(../images/whiteButton-F2EDDA.png); }
.ie6 #PlantSearch a.button { float: right; }
.ie6 #USDAColdHardinessMapZoneFinder a.button { float: right; background-image: url(../images/whiteButton-blue.png); }
.ie6 #USDAColdHardinessMapZoneFinder a.button span { background-image: url(../images/whiteButton-blue.png); }
.ie6 #searchResults a.button { width: 200px; }
.ie6 #USDAColdHardinessMapZoneFinder input { width: 120px !important; }
.ie6 #quickPlantSearch p { position: relative; padding-top: 5px; }
.ie6 #quickPlantSearch input.pleaseWait { position: absolute; top: 5px; }
.ie6 #searchResults {  margin: 0 !important; padding: 0 0 0 5px !important; }
.ie6 #searchResults th { position: relative; }
.ie6 #searchResults thead a.button { position: absolute; top: 5px; right: 0; }
.ie7 .gardenPlant ul { height: auto; }
.ie #SearchResults #plantSearch input[type='text'] { margin-left: 0 !important; }
.ie #hardinessMapImage { display: block; }
.safari #navigation li a { padding: 0 10px; }
a#backToSearchResults { display: none !important; }
.ie #adArea .ad { position: relative; }

#specialLogos a { display: block; float: left; margin-left: 10px;}

#productChecklist li {
}
#productChecklist li .desc {
    font-weight: normal;
    font-style: italic;
    margin-left: 15px;
    display: block;
}
p.lightExposure label {
    height: 45px !important;
}

/* Flutter Color */
#flutterColorWrapper {
    background: #fff url(../images/flutterColor/flutterColorBG.jpg) no-repeat 0 0;
    min-height: 800px;
    position: relative;
}
#flutterColorIntro {
    position: absolute;
    width: 400px;
    position: absolute;
    right: 10px;
    top: 120px;
    font-size: 18px;
    line-height: 1.3;
}
#flutterColorIntro strong {
    display: block;
}
#flutterColorNav {
    list-style-type: none;
    width: 596px;
    height: 39px;
    background: transparent url(../images/flutterColor/tabsBG.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 35px;
}
.flutterColorPlants #flutterColorNav { background-position: 0 -39px; }
.flutterColorButterflies #flutterColorNav { background-position: 0 -78px; }
#flutterColorNav li {
    float: left;
    height: 39px;
}
#flutterColorNav li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    width: 140px;
    height: 39px;
    text-align: center;
    font-weight: bold;
    line-height: 2.9;
}
#flutterColorNav li.flutterColorPlants a { margin-left: 5px; width: 150px;}
#flutterColorNav li.flutterColorButterflies a { margin-left: 0; width: 110px; }
#flutterColorNav li.flutterColorHummingbirds a { margin-left: 0; width: 130px; }
.flutterColorLanding h1 {
    background: transparent url(../images/flutterColor/flutterColorPinkTab.png) no-repeat 0 0;
    height: 48px;
    position: absolute;
    left: 0;
    top: 450px;
    width: 100%;
    color: #fff;
    line-height: 2.25;
    padding-left: 25px;
}
#flutterColorLandingContents {
    height: 453px;
    background: transparent url(../images/flutterColor/flutterColorLandingBG.jpg) no-repeat 0 0;
    position: absolute;
    top: 530px;
    left: 38px;
    width: 844px;
    padding-bottom: 35px;

}
#flutterColorLandingContents > p {
    position: absolute;
    font-size: 14px;
    width: 370px;
    left: 30px;
    line-height: 1.5;
    top: 25px;
}
#flutterColorLandingContents ul {
    position: absolute;
    top: 215px;
    left: 35px;
}
#flutterColorLandingContents ul li {
    float: left;
}
#flutterColorLandingContents ul li h2 {
    color: #fff;
    text-transform: uppercase;
}
#flutterColorLandingContents ul li.basking { width: 290px; margin-right: 40px; }
#flutterColorLandingContents ul li.nectaring { width: 180px; margin-right: 40px; }
#flutterColorLandingContents ul li.puddling { width: 230px; }
#flutterColorLandingContents ul li p {
    margin: 25px 0;
    line-height: 1.1;
}
#flutterColorLandingHummingbirdContents{
    height: 454px;
    background: transparent url(../images/flutterColor/flutterColorLandingHummingbirdBG.jpg) no-repeat 0 0;
    position: absolute;
    top: 1030px;
    left: 38px;
    width: 844px;
    padding-bottom: 35px;

}
#flutterColorLandingHummingbirdContents> p {
    position: absolute;
    font-size: 14px;
    width: 370px;
    left: 30px;
    line-height: 1.5;
    top: 25px;
}
#flutterColorLandingHummingbirdContents ul {
    position: absolute;
    top: 215px;
    left: 35px;
}
#flutterColorLandingHummingbirdContents ul li {
    float: left;
}
#flutterColorLandingHummingbirdContents ul li h2 {
    color: #fff;
    text-transform: uppercase;
}
#flutterColorLandingHummingbirdContents ul li.basking { width: 260px; margin-right: 40px; }
#flutterColorLandingHummingbirdContents ul li.nectaring { width: 230px; margin-right: 40px; }
#flutterColorLandingHummingbirdContents ul li.puddling { width: 220px; }
#flutterColorLandingHummingbirdContents  ul li p {
    margin: 25px 0;
    line-height: 1.1;
}

.flutterColorPlan h1 {
    background: transparent url(../images/flutterColor/flutterColorPurpleTab.png) no-repeat 0 0;
    height: 48px;
    position: absolute;
    left: 0;
    top: 74px;
    width: 100%;
    color: #fff;
    line-height: 2.25;
    padding-left: 25px;
}
#flutterColorPlanContents {
    background: #fff url(../images/flutterColor/flutterColorPlanBG.jpg) no-repeat 0 0;
    position: absolute;
    top: 122px;
    height: 500px;
    width: 100%;
}
#flutterColorPlanContents p.intro {
    margin: 95px 55px 35px 450px;
    font-size: 16px;
    line-height: 1.5;
}
#flutterColorPlanContents h2#butterflyGardenBasics {
    margin: 120px 0 15px 55px;
    width: 333px;
    color: #a2238d;
    text-transform: uppercase;
}
#flutterColorPlanContents #idealButterflyGarden h2, #flutterColorPlanContents h2#color {
    margin: 25px 0 15px 55px;
    color: #a2238d;
    text-transform: uppercase;
}

#flutterColorPlanContents p {
    margin-left: 55px;
    line-height: 1.5;
    margin-bottom: 25px;
}
#flutterColorPlanContents strong { text-transform: uppercase; }
#flutterColorPlanContents #idealButterflyGarden > p strong, #flutterColorPlanContents p.intro strong { text-transform: none; }
#flutterColorPlanContents #colorWheel {
    width: 693px;
    height: 258px;
    background: transparent url(../images/flutterColor/colorWheel.png) no-repeat 0 0;
    margin: 25px auto;
    color: #fff;
    position: relative;
    padding-top: 25px;
    font-weight: bold;
}
#flutterColorPlanContents #colorWheel p, #flutterColorPlanContents #colorWheel ol {
    margin: 0 0 25px 300px;
}
#flutterColorPlanContents #colorWheel ol li {
    list-style: decimal;
    margin: 15px 15px 15px 25px
}
#flutterColorPlanContents #idealButterflyGarden {
    background: #fff url(../images/flutterColor/idealGardenBG.jpg) no-repeat 0 35px;
    position: relative;
    height: 484px;
    padding-bottom: 55px;
}
#flutterColorPlanContents #idealButterflyGarden > p {
    margin-right: 520px;
    margin-top: 20px;
}
#flutterColorPlanContents #idealButterflyGarden ol {
    position: absolute;
    top: 270px;
}
#flutterColorPlanContents #idealButterflyGarden ol h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 75px;
    margin-bottom: 25px;
}
#flutterColorPlanContents #idealButterflyGarden ol > li {
    width: 240px;
    float: left;
}
#flutterColorPlanContents #idealButterflyGarden ol li.upright { width: 265px; }
#flutterColorPlanContents #idealButterflyGarden ol li.mounding { width: 290px; }
#flutterColorPlanContents #idealButterflyGarden ol li.trailing { width: 282px; }
#flutterColorPlanContents #idealButterflyGarden ol li p {
    margin-left: 35px;
    margin-bottom: 15px;
    line-height: 1.2;
}
#flutterColorPlanContents #idealButterflyGarden ul li {
    font-weight: bold;
    margin-left: 55px;
    list-style: disc;
    margin-bottom: 10px;
}
#flutterColorPlantsContent {
    background: #fff;
    position: absolute;
    width: 100%;
    top: 74px;
    height: 500px;
}
#flutterColorPlantsContent h1 {
    background: url(../images/flutterColor/flutterColorGreenTab.png) no-repeat 0 0;
    height: 48px;
    color: #fff;
    height: 48px;
    width: 100%;
    color: #fff;
    line-height: 2.25;
    padding-left: 25px;
}
#flutterColorPlantsContent p {
    margin: 25px;
}
#flutterColorPlantsContent #plantListing {
    border: 2px solid #9dcb3b;
    width: 332px;
    margin-left: 25px;
    margin-bottom: 305px;
    border-radius: 0 30px 0 30px;
}
#flutterColorPlantsContent #plantListing li:first-child {
    border-radius: 0 28px 0 0;
}
#flutterColorPlantsContent #plantListing li:last-child {
    border-radius: 0 0 0 28px;
}

#flutterColorPlantsContent #plantListing li {
    clear: both;
    height: 37px;
    border-bottom: 1px solid #9dcb3b;
    padding-bottom: 10px;
    padding-top: 7px;
    cursor: pointer;
}
#flutterColorPlantsContent #plantListing li .thumbnail {
    width: 40px;
    float: left;
    height: 40px;
    margin-left: 15px;
}
#flutterColorPlantsContent #plantListing li .thumbnail img {
    width: 37px;
    height: 37px;
    border: 2px solid #9dcb3b;
}
#flutterColorPlantsContent #plantListing li .names {
    width: 235px;
    height: 37px;
    float: left;
    margin-left: 15px;
    padding-top: 5px;
    margin-right: 15px;
}
#flutterColorPlantsContent #plantListing li .names p {
    margin: 0;
}
#flutterColorPlantsContent #plantListing li .names .commonName { font-weight: bold; margin-bottom: 5px; }
#flutterColorPlantsContent #plantListing li .names .botanicalName { font-style: italic; }
#flutterColorPlantsContent .plantDetails { display: none; }
#flutterColorPlantsContent #plantListing li:hover, #flutterColorPlantsContent #plantListing li.active {
    background: #e0e893;
}
#flutterColorPlantsContent .plantDetails {
    position: absolute;
    top: 120px;
    right: 60px;
    width: 460px;
}
#flutterColorPlantsContent .plantDetails h2.plantVarietyInformation {
    color: #9dcb3b;
    text-transform: uppercase;
    width: 350px;
    text-align: center;
    margin-left: 55px;
    font-size: 20px;
}
#flutterColorPlantsContent .plantDetails img {
    margin: 15px auto 0 auto;
    width: 350px;
    display: block;
}
#flutterColorPlantsContent .plantDetails p.commonName {
    text-align: center;
    background: #a0c720;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 0;
    margin: 0 auto;
    width: 350px;
    font-weight: bold;
}
#flutterColorPlantsContent .plantDetails .data {
    width: 350px;
    margin: 0 auto;
    font-size: 11px;
}
#flutterColorPlantsContent .plantDetails .data label {
    font-weight: bold;
    display: block;
    float: left;
    width: 135px;
}
#flutterColorPlantsContent .plantDetails .data p {
    clear: both;
    margin: 15px auto;
}
#flutterColorPlantsContent .plantDetails .data p span {
    display: block;
    width: 215px;
    float: left;
    margin-bottom: 10px;
}
#flutterColorPlantsContent .plantDetails .plantTypeCopy {
    font-size: 11px;
    clear: both;
    width: 350px;
    margin: 0 auto;
}
#flutterColorPlantsContent .plantDetails .plantTypeCopy p, #flutterColorPlantsContent .plantDetails .plantTypeCopy li {
    margin: 10px 0;
}
#flutterColorPlantsContent .plantDetails h2.plantingAndCareInformation {
    color: #9dcb3b;
    text-transform: uppercase;
    width: 400px;
    text-align: left;
    margin-left: 55px;
    margin-top: 25px;
    font-size: 18px;
}
#flutterColorPlantsContent .plantDetails .extendedAttribute {
    width: 350px;
    margin: 0 auto;
    font-size: 11px;
}
#flutterColorPlantsContent .plantDetails .extendedAttribute p, #flutterColorPlantsContent .plantDetails .extendedAttribute li {
    margin: 10px 0;
}
#flutterColorPlantsContent .plantDetails .extendedAttribute h2 {
    height: 20px;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #9dcb3b;
    
}
#flutterColorPlantsContent .plantDetails .extendedAttribute h2 a {
    background: transparent url(../images/flutterColor/accordionBG.png) no-repeat 0 0;
    padding-left: 35px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 0 5px 35px;
}
#flutterColorPlantsContent .plantDetails .productChecklist li {
    font-weight: bold;
}
#flutterColorPlantsContent .plantDetails .productChecklist li .desc {
    font-weight: normal;
    display: block;
}
#flutterColorButterflyContent, #flutterColorHummingbirdContent {
    background: #fff;
    position: absolute;
    width: 100%;
    top: 74px;
    height: 500px;
}
#flutterColorButterflyContent h1, #flutterColorHummingbirdContent  h1 {
    background: url(../images/flutterColor/flutterColorOrangeTab.png) no-repeat 0 0;
    height: 48px;
    color: #fff;
    height: 48px;
    width: 100%;
    color: #fff;
    line-height: 2.25;
    padding-left: 25px;
}
#flutterColorButterflyContent h1 {
    background: url(../images/flutterColor/flutterColorOrangeTab.png) no-repeat 0 0;
}
#flutterColorHummingbirdContent  h1 {
    background: url(../images/flutterColor/flutterColorYellowTab.png) no-repeat 0 0;
}
#flutterColorHummingbirdContent p, #flutterColorButterflyContent p {
    margin: 25px;
}
#flutterColorHummingbirdContent #hummingbirdListing, #flutterColorButterflyContent #butterflyListing {
    border: 2px solid #f6921e;
    width: 332px;
    margin-left: 25px;
    margin-bottom: 35px;
    border-radius: 0 30px 0 30px;
}
#flutterColorHummingbirdContent #hummingbirdListing {
    border: 2px solid #ecca22;
}
#flutterColorButterflyContent #butterflyListing li:first-child,
#flutterColorHummingbirdContent #hummingbirdListing li:first-child {
    border-radius: 0 28px 0 0;
}
#flutterColorButterflyContent #butterflyListing li,
#flutterColorHummingbirdContent #hummingbirdListing li {
    clear: both;
    height: 37px;
    border-bottom: 1px solid #f6921e;
    padding-bottom: 10px;
    padding-top: 7px;
    cursor: pointer;
}
#flutterColorHummingbirdContent #hummingbirdListing li {
    border-bottom: 1px solid #ecca22;
}
#flutterColorButterflyContent #butterflyListing li .thumbnail,
#flutterColorHummingbirdContent #hummingbirdListing li .thumbnail {
    width: 40px;
    float: left;
    height: 40px;
    margin-left: 15px;
}
#flutterColorButterflyContent #butterflyListing li .thumbnail img,
#flutterColorHummingbirdContent #hummingbirdListing li .thumbnail img {
    width: 37px;
    height: 37px;
    border: 2px solid #f6921e;
}
#flutterColorHummingbirdContent #hummingbirdListing li .thumbnail img {
    border: 2px solid #ecca22;
}
#flutterColorButterflyContent #butterflyListing li .names,
#flutterColorHummingbirdContent #hummingbirdListing li .names {
    width: 235px;
    height: 37px;
    float: left;
    margin-left: 15px;
    padding-top: 5px;
    margin-right: 15px;
}
#flutterColorButterflyContent #butterflyListing li .names p,
#flutterColorHummingbirdContent #hummingbirdListing li .names p {
    margin: 0;
}
#flutterColorButterflyContent #butterflyListing li .names .commonName,
#flutterColorHummingbirdContent #hummingbirdListing li .names .commonName { font-weight: bold; margin-bottom: 5px; }
#flutterColorButterflyContent #butterflyListing li .names .botanicalName,
#flutterColorHummingbirdContent #hummingbirdListing li .names .botanicalName { font-style: italic; }
#flutterColorButterflyContent #butterflyListing li.butterflyDesc,
#flutterColorHummingbirdContent #hummingbirdListing li.hummingbirdDesc {
    background: #f6921e;
    height: auto !important;
    color: #fff;    
    padding: 20px 35px 20px 20px;
    line-height: 1.5;
    border-radius: 0 0 0 25px;
}
#flutterColorHummingbirdContent #hummingbirdListing li.hummingbirdDesc {
    background: #ecca22;
    color: #000;
}
#flutterColorButterflyContent .butterflyDetails,
#flutterColorHummingbirdContent .hummingbirdDetails {
    position: absolute;
    top: 120px;
    right: 60px;
    width: 460px;
}
#flutterColorButterflyContent .butterflyDetails h2,
#flutterColorHummingbirdContent .hummingbirdDetails h2 {
    margin: 25px 0 0 43px;
    color: #f6921e;
    font-weight: bold;
    text-transform: uppercase;
    width: 370px;
    text-align: Center;
    font-size: 19px;
}
#flutterColorHummingbirdContent .hummingbirdDetails h2 {
    color: #ecca22;
}
#flutterColorButterflyContent .butterflyDetails img,
#flutterColorHummingbirdContent .hummingbirdDetails img {
    margin: 15px auto 0 auto;
    width: 350px;
    display: block;
}
#flutterColorButterflyContent .butterflyDetails p.commonName,
#flutterColorHummingbirdContent .hummingbirdDetails p.commonName {
    text-align: center;
    background: #f6921e;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 0;
    margin: 0 auto;
    width: 350px;
    font-weight: bold;
}
#flutterColorHummingbirdContent .hummingbirdDetails p.commonName {
    background: #ecca22;
}
#flutterColorButterflyContent .butterflyDetails .data,
#flutterColorHummingbirdContent .hummingbirdDetails .data {
    width: 350px;
    margin: 0 auto;
    font-size: 11px;
}
#flutterColorButterflyContent .butterflyDetails .data label,
#flutterColorHummingbirdContent .hummingbirdDetails .data label {
    font-weight: bold;
    display: block;
    float: left;
    width: 135px;
}
#flutterColorButterflyContent .butterflyDetails .data p,
#flutterColorHummingbirdContent .hummingbirdDetails .data p {
    clear: both;
    margin: 15px auto;
}
#flutterColorButterflyContent .butterflyDetails .data p span, 
#flutterColorButterflyContent .butterflyDetails .data p span li,
#flutterColorHummingbirdContent .hummingbirdDetails .data p span, 
#flutterColorHummingbirdContent .hummingbirdDetails .data p span li {
    display: block; 
    width: 215px;
    float: left;
    margin-bottom: 10px;
}
#flutterColorButterflyContent #butterflyListing li:hover, 
#flutterColorButterflyContent #butterflyListing li.active {
    background: #ffe49f;
}
#flutterColorHummingbirdContent #hummingbirdListing li:hover, 
#flutterColorHummingbirdContent #hummingbirdListing li.active {
    background: #fde780;
}
#flutterColorButterflyContent #chrysalisInfo {
    width: 828px;
    height: 257px;
    margin: 0 auto;
    background: transparent url(../images/flutterColor/chrysalisBG.jpg) no-repeat 0 0;
    position: relative;
}
#flutterColorButterflyContent #chrysalisInfo h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px 0 25px 400px;
    padding-top: 18px;
}
#flutterColorButterflyContent #chrysalisInfo p {
    margin: 10px 30px 25px 400px;
    line-height: 1.25;
}
/* End Flutter Color */

#LandscapeGarden #contentWrapper, #LandscapeGardenRegionSelection #contentWrapper {
    background: transparent url(../images/gardens2013/greenFrame.png) no-repeat 3px 102px;
}
#LandscapeGarden #gardenFrame {
    width: 835px;
    margin: 0 auto;
}
#gardenFrame h2 {
    color: #6b6c6c;
    font-weight: normal;
    margin: 0 140px 15px 140px;
    line-height: 1.5;
    text-align: center;
}
#LandscapeGarden #designList, #LandscapeGarden #solutionList {
    background: transparent url(../images/gardens2013/gardenBlueBG.png) no-repeat top center;
    min-height: 350px;
    margin: 0 0 55px 0;
    text-align: center;
}
#LandscapeGarden #designList h3, #LandscapeGarden #solutionList h3 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 2.5;
    margin-bottom: 20px;
}
#LandscapeGarden #designList .garden {
    width: 88px;
    height: 130px;
    display: block;
    float: left;
    margin: 10px 16px 10px 15px;
}
#LandscapeGarden #designList .garden a {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    line-height: 1.35;
    font-size: 12px;
}
#LandscapeGarden #designList .garden img {
    margin-bottom: 5px;
}
#gardenFrame #hardinessMap {
    width: 526px;
    float: right;
    margin-right: 15px;
}
#gardenFrame #hardinessMap img {
    display: block;
    margin-bottom: 15px;
}
#gardenFrame #hardinessMap p {
    margin: 10px 65px;
    color: #6b6c6c !important;
    font-size: 18px;
    line-height: 1.25;
    text-align: center;
}
#gardenFrame #gardenRegions {
    width: 317px;
    height: 404px;
    background: transparent url(../images/gardens2013/regionTableBG.png) no-repeat 0 0;
    margin-left: 35px;
    float: left;
    margin-right: 15px;
}
#gardenFrame #gardenRegions thead th {
    height: 66px;
    color: #fff;
    vertical-align: bottom;
    text-transform: uppercase;
    text-align: left;
    padding-left: 4px;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 1.25;
}
#gardenFrame #gardenRegions .region {
    width: 82px;
}
#gardenFrame #gardenRegions .range {
    width: 80px;
    padding-left: 5px;
}
#gardenFrame #gardenRegions .area {
    width: 142px;
}
#gardenFrame #gardenRegions td {
    padding: 10px 0 0 7px;
    font-size: 12px;
    line-height: 1.05;
}
#gardenFrame #gardenRegions td a {
    line-height: 1.35;
}
#gardenFrame #gardenRegions .north td { height: 52px; }
#gardenFrame #gardenRegions .central td { height: 30px; }
#gardenFrame #gardenRegions .south td { height: 28px; }
#gardenFrame #gardenRegions .deepSoutheast td { height: 47px; }
#gardenFrame #gardenRegions .desertSouthwest td { height: 50px; }
#gardenFrame #whatZone {
    margin-top: 65px;
    clear: both;
    margin-bottom: 75px;
    margin-left: 0;
}
#landscapeGardenDetailContent #gardenContent {
    width: 663px;
    float: left;
    overflow: hidden;
    margin-left: 30px;
    background: transparent url(../images/gardens2013/detailsBlueBG.png) no-repeat top center;
}
#landscapeGardenDetailContent #gardenContent #largeGardenImage {
    width: 100%;
    margin: 0 auto;
    display: block;
}
#landscapeGardenDetailContent #gardenContent h2 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 2.5;
    margin-bottom: 20px;
}
#landscapeGardenDetailContent #gardenContent p {
    color: #6b6c6c;
    text-align: center;
    font-size: 14px;
    margin: 25px;
    line-height: 1.25;
}
#landscapeGardenDetailContent #otherGardens {
    width: 163px;
    height: 554px;
    margin-right: 30px;
    float: right;
    background: transparent url(../images/gardens2013/detailsSideBG.png) no-repeat top center;
}
#landscapeGardenDetailContent #otherGardens li {
    margin: 6px 10px;
    padding: 6px 0 0 0;
    list-style: none;
    text-align: center;
    border-top: 2px solid #fff;
}
#landscapeGardenDetailContent #otherGardens li:first-child { border: none; }
#landscapeGardenDetailContent #otherGardens ul {
    margin: 0;
    padding: 0;
}
#landscapeGardenDetailContent #otherGardens li a {
    color: #212120;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
#landscapeGardenDetailContent #otherGardens h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
#landscapeGardenDetailContent #otherGardens p {
    margin: 5px 20px 15px 20px;
    color: #212120;
}
#landscapeGardenDetailContent #gardenContent .garden {
    margin-bottom: 25px;
    display: block;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
    margin: 0 30px 25px 30px;
}

.gardenSolutions .gardenPlant { 
    position: relative;
    width: 120px;
    min-height: 280px;
    float: left;
    margin: 25px 7px 0 5px;
    border: 1px solid #ddd;
    padding: 25px 15px 15px 15px;
    background: transparent url(../images/content-header-bg.gif) repeat-x 0 0;
    box-shadow: 1px 1px 5px #a1a1a1;
    -moz-box-shadow: 1px 1px 5px #a1a1a1;
    -webkit-box-shadow: 1px 1px 5px #a1a1a1;
    font-size: 11px;
}
.gardenSolutions .gardenPlant img {
    height: 108px;
}
.gardenSolutions .gardenPlant a.button { float: left; width: 100px; position: absolute; bottom: 15px; left: 12px; }
.gardenSolutions .gardenPlant h4 {
    text-transform: uppercase;
    font-size: 12px;
    margin: 15px 0 5px 0;
}
.gardenSolutions .gardenPlant ul {
    list-style-type: disc;
    margin: 0 15px 15px 15px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}
.gardenPlant ul li {
    margin: 0 !important;
}
.gardenSolutions #otherGardens {
    width: 163px;
    height: 223px !important;
    margin-right: 30px;
    float: right;
    background: transparent url(../images/gardens2013/solutionSideBG.png) no-repeat top center !important;
}
.gardenSolutions #otherGardens p {
    margin: 0 15px !important;
}
#ctl00_ContentPlaceHolder1_pnlColor h3 {
    color: #777;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    padding-left: 25px;
    margin-bottom: -15px;
    padding-top: 25px;
}
h3.noGarden {
    color: #264b1e;
    text-align: center;
    font-size: 18px;
}
p.noGarden {
    color: #6b6c6c;
    background: transparent url(../images/gardens2013/greenArrow.png) no-repeat right center;
    padding: 10px 0;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}
p.noGarden + p {
    margin-top: 10px !important;
}
h2.regionHeading {
    color: #264b1e !important;
    font-weight: bold !important;
}