/* * IE6 Warning message */ #ie-message {z-index:1;font-size:18px;background:#C00;text-align:center;border-bottom:3px solid #900;color: #fff;position:absolute;top:0;padding:8px;width:100%;} #ie-message a {color: #fff;} /* * End IE6 Warning message */ @media screen and (max-width: 400px) { div#top_nav {width: auto !important;} div#top_nav input#loginName, div#top_nav input#pswd{width: 100px !important;} div#top_nav div.login_container_box div.forgot_password_container{position: relative !important; float: left !important;} } @media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation:landscape), only screen and (min-device-pixel-ratio : 1.5) and (orientation:landscape){ div#top_nav {width: auto !important;} div#top_nav div.login_container_box div.forgot_password_container{position: relative !important; float: left !important;} } div#top_nav div.login_container_box form.horizontalForm{width: 700px;} div#top_nav div.login_container_box div.forgot_password_container{right:0px; position: absolute; width: 120px;} div#top_nav input#loginName, div#top_nav input#pswd{width: 200px;} /* * IE9 Styling */ .ie_nine div#science_name_field_form input{float: none !important;} /* * End IE9 Styling */ /* * Typical Styles */ html {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden;font-size: 13px} html {width:100%;height:100%} body {position: relative;min-height: 100%;height: auto !important;height: 100%;background: url(../_images/background/background.gif);width: 980px;margin: 0 auto} h1 {font-size: 16pt;font-weight: bold;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;} h2 {font-weight: bold;margin-top: 0px;} h3 {font-weight: bold;} h4 {margin-bottom: 2px;margin-top: 8px;font-weight: bold} h5 {margin: 0px; padding: 0px; font-weight: normal; font-size: 10pt} h6 {font-size: 24px; font-family: Helvetica Neue; font-weight: 500} .tiny {font-size: 7pt} .bold {font-weight:bold} .normal {font-weight: normal} .float_left {float: left} .float_right {float: right;} .grey{border-bottom: 1px solid #eee; border-top: 1px solid #eee;} .submit{float: right !important;margin: 0px !important; width:130px} input, select, option {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px} #edit_form {z-index:9;position:relative;float: left} #display_record a {color: #2B2B2B;text-decoration: none} #display_record img {border: 0px} #display_record a:hover {color:#408edc} #display_record a:hover .missing_field {color: #408edc} #display_record {padding-top:15px;padding-bottom: 15px; background-color: #FFF;border-radius: 4px;border:1px solid #d1d2c7;float: left;min-height: 200px;padding-left: 10px;padding-right: 10px;width: 705px;position:relative;margin-bottom: 20px; behavior: url(/_css/PIE.php);} #full_submenu_container {top:10px} #full_submenu_container .field_box {width:255px;margin:2px 2px 7px 0px;float:left;min-height:35px} #full_submenu_container .field_box span {display:inline} #full_submenu_container .field_box span a {font-weight: bold} #record_left {position:relative;float:left;width:235px;border:0px red solid;height:535px} #record_right {float:left;width:460px;position:relative} #edit_flag {color:#408EDC;padding:0px 10px 5px 10px;margin:3px 0;float:left;clear:both} .bold_green{font-weight: bold; color: #659E02} .green_link{color: #659E02;} .no_border{border: none !important;} .blank_link{color: #000;} #delete_queue_msg {color:red;margin:3px 0 3px 9px;clear:both} .missing_field_inactive{font-style: italic;color: #eee !important;font-weight:normal !important} .missing_field{font-style: italic;color: #eee !important;font-weight:normal !important} .missing_field a {color: #eee !important} .missing_field a:hover{color: #4f9cea !important} span:hover.missing_field {color: #4f9cea !important} span:active.missing_field{color: #000 !important} #scientific_name .missing_field a {color: #eee !important} #scientific_name .missing_field #edit_form div {font-style: normal} #scientific_name .missing_field a:hover {color: #408edc !important} #pest_and_disease_name .missing_field a {color: #eee !important} #pest_and_disease_name .missing_field #edit_form div {font-style: normal} #pest_and_disease_name .missing_field a:hover {color: #408edc !important} #record_left .missing_field {margin-left:1px;font-weight:bold} .full_submenu_info {width:auto;margin-bottom: 10px;position: relative;float:left;clear:both;border: 1px solid #E2E2E2;border-radius: 10px;padding:3px 10px 5px 10px} table.submenu_image_table {height:400px;margin-bottom: 10px} td.photo_prev, td.photo_next {vertical-align: middle} td.image_cell {width:600px;vertical-align: middle} td.photo_prev a, td.photo_next a {width:28px; height:37px;display:block;margin:auto;cursor:pointer} td.photo_prev a {background: url(../_images/image.png) -439px -167px no-repeat} td.photo_prev a:hover {background: url(../_images/image.png) -411px -167px no-repeat} td.photo_next a {right:10px;background: url(../_images/image.png) -343px -167px no-repeat} td.photo_next a:hover {right:10px;background: url(../_images/image.png) -372px -167px no-repeat} #photo_upload_container {background-color: white;border: 4px solid #999;border-radius: 10px;height: auto;left: 10%;max-width: 900px;min-width: 200px;padding: 15px;position: absolute;top: 50%;width: auto;z-index: 8} #upload_form {width:340px} #upload_form h3 {margin:0} #upload_form label {display:block;width:330px;font-weight: bold;color: black !important} #upload_form .field_text {padding:0;margin:3px 0 10px 0;display:block;width:330px} .border_small {border-radius: 10px;border: solid 0px #eee;box-shadow: 2px 8px 10px 1px #bbb; behavior: url(/_css/PIE.php);} #display_record table tbody tr td{border-bottom: 1px solid #ECECEC} #display_record #display_box p{padding-left:20px} .nojs_message {width:99%;background-color:#d20000;font-weight:bold;float:left;text-align:center;color:#fff;font-size:12px;padding:5px;margin-top:5px} .nojs_message a {color:#fff !important;text-decoration: underline !important;} .overlay {position:fixed;width:100%;height:100%;top:0;left:0;background-color: #000;opacity: 0.2;filter: alpha(opacity=20); z-index: 3 !important} .field_message {font-size:13px;font-weight:normal;margin:0 0 10px 0} #banner_menu {color:#000;font-size: 10pt;float: right; margin-top: -22px; margin-right: 20px;height: 31px;} #banner_menu a {text-decoration: none;color: #000; padding: 0; margin: 0} #banner_menu a:hover{color: #659e02} #banner_basket {margin-right: 0;float: left; color: #000} .basket_img {vertical-align:text-top;margin-top: -3px;} #banner_menu .basket_link a {text-decoration: none;color: #4a83ac; float:left; padding: 0; margin: 0} #banner_menu .basket_link a:hover{color: #659e02} #ad_container {display:none;height: 60px;width: 978px;margin-top: 4px} #banner_ad { color:red;margin: 0 auto;height: 60px;width: 718px} .banner_top {width:725px;float:left;margin-bottom: 10px} #main_container {min-height: 580px;padding-bottom: 0px;padding-top: 0px !important;width: 980px;height: auto;float:left;z-index: 1;position:relative;} #sidebar {float:right;width:246px} #main_display_container {margin-right: 6px;width: 725px;float: left} #nav_header {padding:0 0 0 6px;position:relative;margin: 0 0 0 0px;width: 100%;height: 33px;color: #000} #nav_header a {text-decoration: none;color: #000} #nav {float:left;width:470px;font-size: 15px;} #nav a{float: left;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align: center;padding: 0px 1px 0 1px;margin:5px 2px 0 2px; behavior: url(/_css/PIE.php);} #nav .active a {margin:0;padding:0;color:#B5B5B5} #nav span {color: #000; float: left; padding: 5px 1px 0 5px} #nav a:visited {color: #000} #nav a:hover {background-color: #A4DB53;color: #000} #page {float: left;text-align: center;} #page_selected {color: #B5B5B5;padding-bottom: 1px;padding-right: 7px;padding-left: 7px;text-align: center;float: left;margin: 4px 0 0 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border-width: 1px;border-color: #B2B2AF;border-style: solid} .active {color:#000} #nav .items_per_page {font-size: 11px;margin-left: 10px;} div#record_right #plant_rating_container {position: relative; font-size: 13px;margin: 8px 0 28px 5px;float: left;width: 100%; height: 16px;} #plant_rating_container a div.close_window{left: -15px; z-index: 100} .rating {position: relative;margin-left:2px;clear:both;height: 20px;width: 172px;float: left} .favourite_icon{width: 24px; height: 24px; background: url(../_images/image.png) -387px -55px no-repeat} .favourite_icon_unselected{width: 24px; height: 24px; background: url(../_images/image.png) -412px -55px no-repeat} #favourite {padding-right: 2px;float: left} #copyright_symbol{width: auto; height: 20px} #seo_div{clear:both;border: 1px solid #f4f3f3;border-radius: 3px;float:left;padding:13px;margin:15px 15px 5px 0px;width:675px;background: #ededed;background: -moz-linear-gradient(top, #FFF 0%, #dfdfdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#dfdfdf)); background: -webkit-linear-gradient(top, #FFF 0%,#dfdfdf 100%); background: -o-linear-gradient(top, #FFF 0%,#dfdfdf 100%); -pie-background: linear-gradient(#FFF, #dfdfdf);} #seo_div #plant_description_container div strong {color: #a1a1a1;font-family: Helvetica;font-size: 14px;text-shadow: 0px 0px 2px #fff;} #seo_div #plant_description_container .plant_keywords a span.missing_field {color: #a1a1a1 !important; text-shadow: 0px 0px 2px #fff} #seo_div #plant_description_container .plant_keywords a span.missing_field:hover {color: #d4d3d3 !important;text-shadow: 0px 0px 2px #bebebe} #quote_box {background-color: #fdfcf0; clear:both;border: 1px solid #E2E2E2;border-radius: 4px;float:left;padding:13px;margin:15px 15px 5px 0px;width:675px} #quote_box #quote_description_container {margin:0 50px 0 50px;color:#2B2B2B;font-style: italic} #quote-rating-status {float: left;margin-bottom: 10px} #quote-rating-status a {font-size: 11px} #quote-rating-status a:link, #quote-rating-status a:visited, #quote-rating-status a:active {text-decoration: underline} #quote-rating-status a:hover {text-decoration: underline} #main_content_container {margin-right: 16px;width: 725px;float: left} #display_content {padding-top:15px;background-color: #FFF;border-radius: 4px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);float: left;min-height: 488px;/* overflow: auto; */padding-left: 10px;padding-right: 10px;width: 705px;position:relative;margin-bottom: 20px} #sidebar_content {float:right;width:235px; height: auto;} .green_header {width: auto; height: 40px; background-color: #bfd0a6; margin-top: -10px; margin-bottom:10px} #footer_container {margin:40px 0px 25px 0px;width: 980px;clear:both;height: 130px;background-color: #FFF;font-size: 12px;font-style: normal; border-radius: 4px; border:1px solid #d1d2c7} #footer_container ul.buttons {width:670px;height: 14px; margin: 18px 0 0 0;padding: 0 0 0 12px;float:left} #footer_container ul.buttons li {float: left; padding-right: 27px} #footer_container ul.buttons li a:link {text-decoration:none;color: #000} #footer_container ul.buttons li a:visited {color: #000;text-decoration: none} #footer_container ul.buttons li a:hover {text-decoration: underline} .social_imgs {float: left; width: 114px; height: 24px;margin: 14px 0 0 0} .social_imgs li {list-style: none;float: left; margin:0 14px 0 0} .social_imgs li.facebook a {display:block;background: url('/_images/image.png') no-repeat -276px -170px; width: 24px;height: 24px} .social_imgs li.twitter a {display:block;background: url('/_images/image.png') no-repeat -250px -170px; width: 24px;height: 24px} .social_imgs li.plantify a {display:block;background: url('/_images/image.png') no-repeat -302px -170px; width: 24px;height: 24px} .social_imgs li a:hover{opacity:.8; filter:alpha (opacity=80)} .footer_copyright{position:absolute;width:980px;padding-bottom:40px;text-align:center;} #footer_content {width: 980px; float: left; color: #659e02; text-align: center} #thawteseal {float: right;margin: 14px 14px 0px} #tabs {position:absolute;right:30px;width:203px;height:31px; font-size:14px;margin-top: 3px;z-index:1;padding-top: 7px} .list {background: url(../_images/image.png) 0 -153px no-repeat} .browse {background: url(../_images/image.png) 0 -106px no-repeat} #tabs a {padding-top:0px; padding-left: 40px} .tab_browse {padding:0 0 0 37px; width: 50px} #tabs a:hover {background: none;color:#408edc !important} .comment_container {width:705px;margin:20px 0 0 0px;float:left;background-color:white;padding:10px 0px 0 0px} .comment_original {padding:5px 0 15px 0;background-color:none;position: relative; margin:0 10px 0px 10px;float:left;border-top:1px solid #E2E2E2} .comment_reply {padding:5px 0 15px 0;background-color:none;position: relative;margin:0 10px 0px 30px;float:left;border-top:1px solid #E2E2E2} .comment_username {float:left;width:352px;color:#666;margin-top: 2px} .comment_original .comment_post {width:670px;clear:both;margin:8px 0 15px 0;float:left} .comment_reply .comment_post {width:650px;clear:both;margin:8px 0 15px 0;float:left} form.form_reply {float:right} .form_reply textarea {resize: none;width:686px} .comment_thumbs {float:right} .comment_thumbs form {float:left} .comment_report {float:left;text-align: right;margin-top: 2px} .comment_thumbs_and_message {width:311px;position:absolute;right:0px; top:5px;text-align: right} .comment_container div.green_button {float:right;margin:0 0 0px 0; padding: 0 5px;} .comment_container form.form_reply input.green_button {margin: 10px 0px 0px 0px} .comment_new {float:left;margin-left:0px;background-color:#f5f5f5;padding:10px 20px 0 20px} .comment_new textarea {border:1px #a7a7a7 solid} .comment_new h4 {color:#595959;} .comments_you_rated {position: absolute;left:0;bottom:15px;color:green} .checkout {float:left;margin: 0px 0px 30px 0px;width:728px;font-size:11px} .checkout h2 {margin-left: 2px} .checkout .items {float:left;border: 0px solid #E2E2E2;border-radius: 10px;margin-left:10px} .checkout .items ul {float:left;list-style: none;padding-left:10px;margin:0} .checkout .items ul li {float:left;margin-left:0px;font-size:13px;padding:0;width:680px} li.additional div.shipping ,li.additional div.vat {float:right;clear:both;margin-bottom: 10px} .vat, .shipping {font-weight: bold;color:#FF7400} .voucher {float:left;font-size: 13px;padding-left:10px;font-weight:bold} .voucher p {margin: 0 0 3px 0;padding:0} .voucher input {padding:0;float:left;margin:0 5px 0 0;box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box} .voucher div {float:left;height:22px;width:47px;text-align:center;padding-top:4px;background-color:#FF7400;color:#fff;font-size: 12px} .checkout div.total {border-top: 1px solid #999;float: left;height: 25px; margin: 5px 10px 0 30px;padding: 5px 0 0 0; width: 670px;font-size:18px} .checkout .billing_info {float:left;border: 0px solid #E2E2E2;border-radius: 10px;width:700px;margin:20px 0 0 30px} .address {float:left;width:250px;} .address input, .billing input{float:left;display:block;clear:both;margin-bottom: 10px} .billing {float:right;width:350px} .info_icon {width:17px;position:absolute;height:17px;left:12px;bottom:12px;background: url(../_images/image.png) -306px -66px} .info_icon:hover {background: url(../_images/image.png) -324px -66px} .info_close_icon {position:relative;float:left;margin:7px 10px 2px 0;width:17px;height:17px;background: url(../_images/image.png) -270px -65px} .info_close_icon:hover {background: url(../_images/image.png) -288px -65px} .info_text {font-size:13px;font-weight:normal;line-height:14px;padding:0px 0 0 0px;float:left;margin:6px 6px 0px 2px;position:relative;color:#43bded} .info_text p {margin:5px 0px 7px 0px} .field_box.read_only span{color:#000;font-weight: bold; width:auto !important} .field_box.read_only span.description {font-weight: normal;width:auto !important; margin: 2px 0px 7px 2px} .field_box.read_only h5.field_description {color: #999;font-weight: normal} .edit-sign {margin:2px 5px 3px 0px;float:left;clear:both;width:9px !important;height:auto !important;z-index: 1} .height .edit-sign {top: 17px;left: 7px;position: absolute;} h1 .edit-sign {margin:9px 3px 3px 0px;float:left;clear:none;width:9px !important;height:auto !important;z-index: 1} .pencil_icon{background: url(../_images/image.png) -976px -34px no-repeat; width:16px; height:16px;float: left; margin-right:2px} .sidebar_basket {position:relative;float:left} .sidebar_basket ul {padding-left: 5px;float:left;margin:0} .sidebar_basket ul li {list-style: none;width:225px;float:left;margin-bottom: 0px} .item_name {float:left} .meta {float:left;clear:both;font-size: 11px;color:#a6a6a6;margin-left: 15px} input.remove_all {float:left;margin:0;padding:0;color:red; border: 0 none; background-color: transparent; width:15px;height:15px;cursor: pointer;outline: medium none;text-indent: 0} .item_counter {float:left;margin:0 3px 0 9px;background-color: #f3f3f3} .item_counter form {float:left} .item_counter .qty {float:left} .price {float:right} .add_item {float:left;margin:0;padding:0;color:green;font-weight: bold;border: 0 none; background-color: transparent; width:10px;height:15px;cursor: pointer;outline: medium none;text-indent: 0} .remove_item {float:left;margin:0;padding:0;color:red;font-weight: bold;border: 0 none; background-color: transparent; width:10px;height:15px;cursor: pointer;outline: medium none;text-indent: 0} .total {width:222px;float:left;margin:19px 0 0 8px;border-top: 1px grey solid;height:25px;padding-top: 2px} .total .left {font-weight: bold} .total .right {float:right;font-weight: bold} .button_checkout {float:right;background-color: #FF7400 !important;background-image: none !important;margin: 0 10px 10px 0} .social{position: absolute; width: 100px; height: 25px; margin-top:0px; right:10px} .google_plusone{position:absolute; float:right;left:80px} .close_window {left:-17px;top:-16px;display:block;position:absolute;width:30px;height:30px;background: url(../_images/image.png) -437px -50px} a.close_window:hover {background-color: transparent !important} .close_window.change_password{top:70px;left:242px;position:absolute;width:30px;height:30px;z-index: 100} /* * End Typical Styles */ /* * Sidebar Modules */ div.union_jack_background{height:184px; width: 240px; float: right; margin: 0 0 10px 0px; background: url(/_images/banners/unionjack.png) no-repeat; border: 1px solid #d1d2c7;} div.content_container{width: 207px; height: 151px; margin: 15px 15px; background: white; opacity: .95; box-shadow: 0px 0px 15px #282828; border: 1px solid #d1d2c7;} div.content_container p.why_buy{font:normal bold 17px Trebuchet,"Trebuchet MS"; text-align: center; color: #659e02} div.content_container p{width: 209px; text-align: center;} div.content_container div.green_button{width: 136px; margin: 0 0 0 38px;} div.union_jack_background.secure{background: url(/_images/banners/secure.png) no-repeat;} div.union_jack_background.secure p{margin: 8px 0px;} div.union_jack_background.secure img{margin: 0 0 0 30px;} div.union_jack_background.planting_maintenance{background: url(/_images/banners/planting_maintenance.jpg) no-repeat;} div.union_jack_background.packaging{background: url(/_images/banners/packaging.jpg) no-repeat;} div.union_jack_background.customer_quote{background: url(/_images/banners/customer_quote.jpg) no-repeat;} div.union_jack_background.customer_quote p{margin: 3px 0px;} div.union_jack_background.customer_quote b{font-weight: bold;} div.union_jack_background.customer_quote span{font-size: 18px;} div.gift-voucher-bg {height:200px; width: 240px;float: right;margin: 0 0 10px 0px; background: url(/_images/shop/gift-voucher-box-bg.jpg) no-repeat; border: 1px solid #d1d2c7;} div.gift-voucher-bg.pot_sizes{background: url(/_images/shop/gift-voucher-box-bg_pot_size.jpg); margin: 0 0 0 107px} div.gift-voucher-bg.packaging{background: url(/_images/shop/packaging-box.jpg); margin: 0 0 0 107px} div.gift_content_container {width: 220px;color: #fff;margin:170px 0 0 10px } div.gift_content_container span.gv-content {float:left;padding:0;font-size: 12px;color: #fff !important} div.gift_content_container div.green_button {width: 40px;float: right;margin-top: -5px;padding:0 5px 5px 5px!important;height:19px!important} .module_rounded_border {border-radius: 4px;border:1px solid #d1d2c7;background-color: #fff; behavior: url(/_css/PIE.php);} .module_rounded_header {width:241px;border-radius: 4px 4px 0px 0px;background-color:#5EA307;height: 25px;float:left;margin-bottom: 10px} .module_rounded_header span {display:block;color: #fff;font-size: 12pt;margin:0px 0 0 10px;padding-top: 2px} .banner_container {width: 240px;float: right;} .info_container {padding-bottom:10px;width: 240px;float: right;margin-bottom: 8px} .banner_content {position:relative;margin-right: 15px;margin-left: 15px} .banner_content img.worldvision {position:absolute;right:0px;top:85px} .banner_content p {float:left;margin-top:5px} .info_content {margin:10px} .info_content img {padding-bottom: 10px;padding-top: 5px;width: 214px; border:none} .contributors_banners {margin-right: 15px;margin-left: 25px} .contributors_banners img{float: left} .footer_module {height: 180px;float:left;margin-right: 70px} .genus_container {padding:0 0 10px 0;width:auto;margin-bottom: 8px;clear: both;} .genus_col {padding-left:15px;padding-right:15px;-moz-column-count: 3; -moz-column-gap: 2em; -webkit-column-count: 3; -webkit-column-gap: 2em;} .genus_rounded_header {width:704px;border-radius: 4px 4px 0px 0px;background-color:#5EA307;height: 25px;margin-bottom: 10px} .genus_rounded_header span {display:block;color: #fff;font-size: 12pt;margin:0px 0 0 10px;padding-top: 2px} #search_container {margin: 1px 0 8px 0;width: 240px;float: right} #search_count {float:left;width:100%;color:black;background-color: #fff;display: block;text-align: center;font-size: 16pt} #search_count p {margin:0px 0 10px 0; font-size: 16pt} #search_menu {line-height: 140%;padding: 0px 10px 5px 15px} #search_menu form p.remove_para_spacing input{float: left; margin: 3px 9px 0 0; position: relative; z-index: 1;} #search_menu input, select {float: right} #search_menu form p.remove_para_spacing select.flower_colour, #search_menu form p.remove_para_spacing select.garden_position{width: 149px;} .advanced_plant_search_trigger {color:black;text-decoration:none;display:block;margin-top: 13px;width:113px;float:left} a.advanced_plant_search_trigger:hover {text-decoration:underline} .hide-container {clear:both;float:left;width:217px} select.garden_position {display:block;width:217px;margin-bottom: 5px} input.plant_text_search {display:block;float:left !important;margin-bottom: 20px; width: 180px; padding-right: 10px; outline: none;-moz-border-radius: 0px} form.add_comment_form textarea {resize: none;width:662px} #advanced_plant_search {display: none} p.remove_para_spacing {margin-bottom: 6px;margin-top: 6px} input.left {float:left !important;display:block} input.right {float:right !important} .latest_added {margin-top: 0px;float:left;padding-left: 25px} .latest_added li a {color:black;text-decoration: none} .latest_added li a:hover {text-decoration: underline} .latest_added_home {margin-top: 15px;float:left;padding-left: 25px} .latest_added_home li a {color:black;} .latest_added_home li a:hover {text-decoration: underline} #share {float: right;width: 240px; margin-bottom: 8px; background-color: #fff; background-image: url(../_images/features/share.png); background-repeat:no-repeat;background-position:center top;border-style:solid; border-width:1px; border-color: #d1d2c7; ;border-radius: 4px; behavior:url(/_css/PIE.php);} .share_text {text-align: right; margin: 50px 10px 10px 105px;} .share_text p a {color:black;} .share_text p a:hover {color:#408edc;} .share_text2 {text-align: right; margin: 0px 8px 10px 0px; font-size: 8pt;} .share_text2 div.green_button{margin-bottom: 10px; float: right; width:120px} #share {float: right;width: 240px; margin-bottom: 8px; background-color: #fff; background-image: url(../_images/features/share.png); background-repeat:no-repeat;background-position:center top;border-style:solid; border-width:1px; border-color: #d1d2c7; ;border-radius: 4px; behavior:url(/_css/PIE.php);} .share_text {text-align: right; margin: 50px 10px 10px 105px;} .share_text p a {color:black;} .share_text p a:hover {color:#408edc;} .share_text2 {text-align: right; margin: 0px 8px 10px 0px; font-size: 8pt;} .share_text2 div.green_button{margin-bottom: 10px; float: right; width:120px} #visit_plantfinder {float: right; width: 240px; margin-bottom: 8px; height: 165px; background-image: url(../_images/features/visit_plantfinder.jpg); border:1px solid #d1d2c7 ;border-radius: 4px; behavior:url(/_css/PIE.php);} #visit_plantfinder div.flower_box2 div.green_button{width: 120px} #visit_gdt {float: right; width: 240px; margin-bottom: 8px; height: 150px;border:1px solid #d1d2c7;background-position:right top; background-image: url(../_images/static-pages/gdt_bg2.jpg); background-repeat:no-repeat;background-color: #fff;border-radius: 4px; behavior:url(/_css/PIE.php);} .gdt_text_box {margin-top: 10px; margin-left: 15px; margin-right: 15px;} .gdt_text_box div.green_button{width:130px;} .gdt_text_box h2 {} .gdt_text_box p {color: #000;width:150px} .gdt_text_box a:hover {color:#fff} div#idp.info_container.module_rounded_border.identify_this_plant{position: relative} .identify_this_plant .prev{position:absolute; width:17px; height:23px; display:block; margin-top: -90px; margin-left: 5px} .identify_this_plant a .prev{display:block; background:transparent url(../_images/image.png) -431px -137px no-repeat} .identify_this_plant a:hover .prev{background:url(../_images/image.png) -450px -137px no-repeat} .identify_this_plant .next{position:absolute; width:17px; height:23px; display:block; margin-top: -105px; margin-left: 218px} .identify_this_plant a .next{display:block; background:transparent url(../_images/image.png) -414px -138px no-repeat} .identify_this_plant a:hover .next{background:url(../_images/image.png) -396px -137px no-repeat} #visit_garden {float: right;width: 240px; text-align: right; margin-bottom: 8px; height: 165px; background-image: url(../_images/features/garden_box.jpg); border:solid 1px #d1d2c7;border-radius: 4px; behavior:url(/_css/PIE.php);} .visit_garden_button{margin-left: 85px;border-radius: 6px;color: #FFF;font: bold 13px Trebuchet,"Trebuchet MS" !important;text-align: center; line-height: 23px !important; cursor: pointer;cursor: pointer;background: #8bd01e;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%);width: 120px;height: 24px;-pie-background: linear-gradient(#8bd01e, #4c7c08); behavior:url(/_css/PIE.php);} .visit_garden_button:hover {border-radius: 6px;background: #76b803;background: -moz-linear-gradient(top, #76b803 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08)); background: -webkit-linear-gradient(top, #76b803 0%,#4c7c08 100%); background: -o-linear-gradient(top, #76b803 0%,#4c7c08 100%); -pie-background: linear-gradient(#76b803, #4c7c08);} .visit_garden_button:active {border-radius: 6px;background: -moz-linear-gradient(top, #76b803 0%, #375b05 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #76b803 0%,#375b05 100%);background: -o-linear-gradient(top, #76b803 0%,#375b05 100%);background: -ms-linear-gradient(top, #76b803 0%,#375b05 100%); -pie-background: linear-gradient(#76b803, #375b05);} .box_head {width: auto;height: 28px;display: block;margin-bottom: 0px;width:240px;color: #fff;font-size: 12pt;padding-top: 0px;padding-bottom: 2px} /* * End Sidebar Modules */ /* * Top Banner */ #banner_container {position:relative;width: 980px;color: #000;text-decoration: none;margin: 45px 0 5px 0;float:left} #logo_container {padding: 20px 0 0 10px;width: 190px;float: left} #logo_container a img {border:none} #login_container {float: right;height: 33px;font-size: 10pt;padding: 27px 0px 2px 0px;position:relative} #login_error_container {width: 100px;font-size: 10pt;float: right;margin: 31px -10px 5px 0px;margin-left: 100px} .warning {color: #F00} #login_text_box {float:left;margin:4px 6px 0 0;text-decoration:none;} #login_text_box a {color: #000; font-size:10pt;text-decoration:none} #login_text_box a:hover {color:#60941C;} #login_welcome span {float: right;padding-top: 4px;padding-right: 10px} #login_form {float:right;display:inline} #login_form input#username, #login_form input#password {margin-top: 2px;margin-right: 4px} #login_form input#username:hover, #login_form input#password:hover {border-color: #06f} .submit_logout {padding-top: 2px;padding-left: 12px;padding-right: 12px;height: 18px;color: #fff;font-size: 12px;margin-top: 2px;margin-right: 2px;display: inline-block;text-decoration: none;float: right;border: solid thin #555;border-radius: .7em;background-color: #aaa; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#aaa), color-stop(0.3, #888));background-image: -moz-linear-gradient(center top, #e9ede8 5%, #888 25%, #aaa 90%); behavior: url(/_css/PIE.php);} .submit_login {padding-left: 12px;padding-right: 12px;height: 22px;color: #fff;font-size: 12px;margin-top: 2px;margin-right: 2px;display: inline-block;text-decoration: none;border: solid thin #555;border-radius: .7em;background-color: #aaa;background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#aaa), color-stop(0.3, #aaa));background-image: -moz-linear-gradient(center top, #e9ede8 5%, #888 25%, #aaa 90%); behavior: url(/_css/PIE.php);} .submit_login:hover, .submit_logout:hover {background-color: #888;background-image: -webkit-gradient(linear, left top, left bottom, from(#888), to(#aaa), color-stop(0.4, #aaa));background-image: -moz-linear-gradient(center top, #888 10%, #aaa 40%, #888 30%)} #login_form input[type=checkbox] {vertical-align: middle;position: relative;bottom: 2px;float: left;width: 20px;display:inline; behavior: url(/_css/PIE.php);} #login_form a {float: right;margin-right: 4px;padding-right: 0px;display:inline} #login_form a:hover {color: #06F} #lost {margin-left: 15px} #popup {left: 25%;top: 25%;z-index: 8;border: 4px solid #999;padding: 20px 20px 10px 20px;position: absolute;background-color: #FFF;border-radius: 10px;-webkit-transform: rotate(0deg); behavior: url(/_css/PIE.php)} #popup li {list-style-type: none} .close_button {float: right;margin-top: 10px;font-size: 11px;} .close_button a {color: #000} .close_button a:hover {color: #408edc} #main_container_login {padding: 15px !important;width: 950px;float:left;z-index: 1; background-color: #fff;margin-bottom: 20px; border-radius: 4px; border:1px solid #d1d2c7; behavior:url(/_css/PIE.php);} #login_flash {left: 25%;top: 25%;z-index: 8;border: 4px solid #999;padding: 20px 20px 10px 20px;position: absolute;background-color: #FFF;border-radius: 10px;-webkit-transform: rotate(0deg); behavior: url(/_css/PIE.php)} #login_flash li {list-style-type: none} #login_page_container {float:left;border:1px #E2E2E2 solid;border-radius: 10px;width: 200px;padding:15px 15px 10px 15px;margin-bottom: 15px} #login_page_container form {border:none} #login_page_container p {margin-top: 160px} .error_msg {color: red} .login_col_left {float: left;width: 400px;margin-right: 25px} .login_col_right {float: right;width: 250px;} /* * End top Banner */ /* * Main menu */ #top_nav {z-index:999;font-size:13px;display: block;float:left;position: fixed;width:100%;height:37px;top:0;left:0;color: #fff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#464646');background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#464646)); background: -moz-linear-gradient(top, #676767, #464646);} #top_nav a:link, #top_nav a:visited, #top_nav a:active {color: #fff;text-decoration: none;} #top_nav a:hover {color:#408edc;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#464646'); background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#464646));background: -moz-linear-gradient(top, #676767, #464646);} .top_nav_container{width: 980px; position: relative;margin:auto;} .top_nav_breakline {height:35px;background-color:#454545;width:2px;display: block;float: left;} .login_container_box {color: #fff;height:33px;} div.login_container_box form.horizontalForm span.loginbox input#pswd{width: 100px !important;} #logo_container_a {margin:10px 0 0 10px;width:230px;float: left} #logo_container_a h5 a:link, #logo_container_a h5 a:visited, #logo_container_a h5 a:active {color: #000;text-decoration: none} #logo_container_a h5 a:hover{color: #408edc;text-decoration: underline} #logo_container_a a img {border:none} .login_text {float:left; text-align: center; text-decoration: none;} .login_text a {color: #fff;text-decoration:none; height:37px; float: left; padding: 0 10px; line-height: 35px;} .login_text a:hover{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#373737') !important;background: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#373737)) !important; background: -moz-linear-gradient(top, #5b5b5b, #373737) !important;} .logging{ padding: 0 10px; height: 37px; line-height: 35px;} .login_forgot_password {font-size: x-small; float: right; width: 110px} #login_welcome_msg span {float: left;margin: 9px;color: #fff;} .logout_area {float: right;margin: 0px 15px;color: #fff;} .logout_button {display:inline-block;margin:0 8px 0px 8px;position: relative; float: left; height: 37px; padding: 0 10px; line-height: 35px;} .logout_button:hover{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#373737') !important;background: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#373737)) !important; background: -moz-linear-gradient(top, #5b5b5b, #373737) !important;} a.logout_button:visited, a.logout_button:link, a.logout_button:active {color: #fff;} a.logout_button:hover {color:#408edc;} .horizontalForm fieldset {display: block;margin: 0 0 3em 0;padding: 0 1em 1em 1em;position: absolute} .horizontalForm input{display: block;width: auto;} .horizontalForm input.submit{clear: both;} .horizontalForm span.loginname {float: left;display: block;margin:10px 5px 0px 5px;} .horizontalForm span.loginbox {float: left;display: block;margin:6px 5px 0px 7px;} .horizontalForm span.loginbox_tick {float: left;display: block;margin:10px 5px 0px 0px;} .horizontalForm span.loginnamesmall {float: left;display: block;margin:12px 5px 0px 0px;font-size: x-small} .horizontalForm select{display: block;} ul#main_menu li{float:left;list-style-type:none;} #main_menu li a {float: left;text-align: center;display: block;height: 33px; line-height: 35px;text-decoration: none;color: #fff;text-shadow:0 1px 1px rgba(0,0,0,0.3);border-right: 1px solid #5c9219;behavior: url(/_css/PIE.php);} #main_menu li a:hover,#main_menu li a.current_menu_item {background: #7cad2a;background: -moz-linear-gradient(top, #7cad2a 0%, #86b92c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cad2a), color-stop(100%,#86b92c));background: -webkit-linear-gradient(top, #7cad2a 0%,#86b92c 100%);background: -o-linear-gradient(top, #7cad2a 0%,#86b92c 100%);background: -ms-linear-gradient(top, #7cad2a 0%,#86b92c 100%);-pie-background: linear-gradient(#7cad2a, #86b92c);} #main_menu {width:980px; height:33px; float:left; margin:0; padding:0; box-shadow: 0px 5px 10px #c3c5bc; border: 1px solid #88ac58; font:normal bold 17px Trebuchet,"Trebuchet MS"; background: #5a8e19; border-radius: 4px;background: -moz-linear-gradient(top, #7ab81f 0%, #5a8e19 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ab81f), color-stop(100%,#5a8e19));background: -webkit-linear-gradient(top, #7ab81f 0%,#5a8e19 100%);background: -o-linear-gradient(top, #7ab81f 0%,#5a8e19 100%);background: -ms-linear-gradient(top, #7ab81f 0%,#5a8e19 100%);-pie-background: linear-gradient(#7ab81f, #5a8e19);behavior: url(/_css/PIE.php);} #home a {width:81px;border-radius: 4px 0 0 4px} #garden_design_tool a {width:203px} #my_garden a {width:203px} #plantopedia a {width:133px} #news a{width:85px} #shop a{width:130px; text-shadow: 0px 0px 20px #eee !important;} #garden_design_tool_beta a {width:230px} ul.small_menu {width:960px;color: #000 !important;float:left; margin: 0px 20px 0px 10px; padding:0} ul.small_menu a{color: #000} ul.small_menu li{float:left;list-style-type:none} .item_menu {color:#000;font-size: 10pt;} .item_menu a {text-decoration: none;color: #000; float:left; margin-top: 8px; margin-left: 5px;} .item_menu a:hover {color: #659e02;} .item_menu a.current_menu_item {color:#408edc;} .divide {color:#333;font-size: 10pt; text-decoration: none;color: #333; float:left; margin-top: 8px; margin-left: 10px; margin-bottom: 8px; padding-right: 5px; padding-left: 5px;} #offer_menu {color:#8c0303;font-size: 10pt;} #offer_menu a {text-decoration: none;color: #8c0303; float:left; margin-top: 8px; margin-left: 5px;} #offer_menu a:hover {color: #659e02;} #offer_menu a.current_menu_item {color:#408edc;} div#banner_container hr{border: 0;width: 100%; clear:both; height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); margin:0px 0px 5px 0px} /* * End Main menu */ /* * Home page */ #main_container_home {min-height: 580px;padding: 0px !important;width: 980px;height: auto;float:left;z-index: 1} #banner_display {width: 980px; text-align: center; border:1px solid #d1d2c7;border-radius: 4px; behavior:url(/_css/PIE.php);} #banner_display a#adLink1 {border: none !important; outline: none} #main_display_area {width: 839px; float: left} .mod_action_box {position: relative; width: 408px; height: 166px; float: left;background-color: #fff;margin-top:19px; border-style:solid; border-width:1px; border-color: #d1d2c7;border-radius: 4px; behavior:url(/_css/PIE.php);} .plant_finder_bg_box {background-image:url(../_images/features/join02_bg.jpg);background-position:right;background-repeat:no-repeat;} .join_bg_box {background-image:url(../_images/features/join_bg.jpg);background-position:right;background-repeat:no-repeat;margin-left:19px;} .mod_action_box h1 {margin: 15px;} .mod_action_box h1 a:link, .mod_action_box h1 a:visited, .mod_action_box h1 a:active {color: #000; text-decoration:none;} .mod_action_box h1 a:hover {color: #408edc; text-decoration:none;} .mod_action_box h2 {margin: 15px;} .mod_action_box h2 a:link, .mod_action_box h2 a:visited, .mod_action_box h2 a:active {color: #000; text-decoration:none;} .mod_action_box h2 a:hover {color: #408edc; text-decoration:none;} .mod_action_box p {margin: 15px;width:280px;} .mod_action_box div.green_button {margin-left:15px;width: 90px; position: absolute; bottom: 0; right: 1; margin-bottom: 10px;color:#fff; text-decoration:none} #feature_box {padding:15px;width: 808px; float: left; background-color: #fff; margin-top:19px; border:1px solid #d1d2c7;border-radius: 4px; behavior:url(/_css/PIE.php);} #feature_box img {float:left; margin-right: 1em; border-style:solid; border-width:4px; border-color: #c6d2b7;} #feature_box img a:link img, #feature_box img a:visited img, #feature_box img a:active {text-decoration: none} .grey_breakline_feature {width: 375px; height: 2px; background-color: #e8e8e8; margin-top: 13px; margin-bottom: 15px} #feature_box_text_left {width:383px;float: left;} .item_display {height: 90px;} .item_display p {margin-top: -2px;} .item_display a:link, .item_display a:visited, .item_display a:active {color: #659e02; text-decoration:none;} .item_display a:hover{color: #408edc;text-decoration:none;} #feature_box_text_right {width:383px; margin-top:-46px; float: right} .plantoftheweek {width: 379px; height: 276px; margin-bottom: 15px;position: relative} .plantoftheweek h2 {top:10px;left:10px;position: relative} .plantoftheweek h2 a:link, .plantoftheweek h2 a:visited, .plantoftheweek h2 a:active {color: #000;text-decoration:none;} .plantoftheweek h2 a:hover {color: #408edc;text-decoration:none;} .plantoftheweek p {top:10px;padding: 10px;position: relative} .plantoftheweek p a:link, .week_content p a:visited, .week_content p a:active {color: #659e02;text-decoration:none;} .plantoftheweek p a:hover {color: #408edc;text-decoration:none;} .plantoftheweek_small {float: right; width: 220px; height: 225px; margin-bottom: 8px;padding:10px} .plantoftheweek_small h2 a:link, .plantoftheweek_small h2 a:visited, .plantoftheweek_small h2 a:active {color: #000;text-decoration:none;} .plantoftheweek_small h2 a:hover {color: #408edc;text-decoration:none;} .plantoftheweek_small p a:link, .plantoftheweek_small p a:visited, .plantoftheweek_small p a:active {color: #659e02;text-decoration:none;} .plantoftheweek_small p a:hover {color: #408edc;text-decoration:none;} .feature_product {width: 379px; height: 276px; margin-bottom: 15px;background-image:url(../_images/shop/badger-product-ad.jpg);background-repeat:no-repeat;} .feature_product_content {padding-top: 190px;} .feature_product_content table {font-size: 10px;margin-left: 38px;text-align: center; width: 310px;} .feature_product_content table td {width:80px;} .badger-price {float:left;color: #fe8503;margin-top: -2px;margin-left: 70px;font-size: 16px} .feature_product .feature_product_content div.green_button {color: #fff;float: left;margin-top: 10px;margin-left: 20px;} .top-selling-box {width: 355px; height: 276px; margin-bottom: 15px;border-style:solid; border-width:4px; border-color: #c6d2b7;padding: 5px 5px 5px 15px} .top-selling-box h2 {text-align: center;margin-bottom: 7px} .ts-padding-middle {width:10px} .top-selling-box table tr {height: 50px;} .top-selling-box table img {border-style: none !important;margin-right: 5px !important; width:40px} .top-selling-box table {font-size: 11px;} .top-selling-box a:link, .top-selling-box a:visited, .top-selling-box a:active {color: #000;text-decoration: none} .top-selling-box a:hover{color: #408edc;text-decoration: none} .ts-price {color: #fd5200;} #sidebar_ad {width: 120px; height: 600px; float: right; margin-top:20px} #sidebar_ad_links {width: 120px; height: 600px; float: right;} .sidebar_text {margin-bottom: 60px} .sidebar_text h3 a:link, .sidebar_text h3 a:visited, .sidebar_text h3 a:active {color: #659e02} #blog_box {min-height: 618px; padding:15px;width: 449px; float: left; background-color: #fff; margin-top:19px; margin-bottom: 19px; border-style:solid; border-width:1px; border-color: #d1d2c7; ;border-radius: 4px; behavior:url(/_css/PIE.php);} #blog_box h2 a:link, #blog_box h2 a:active, #blog_box h2 a:visited {color: #000; text-decoration:none} #blog_box h2 a:hover {color: #408edc; text-decoration:none;} #blog_box h4 {margin-top: 15px;color: #659e02;} #blog_box h4 a:link, #blog_box h4 a:visited, #blog_box h4 a:active {color: #659e02;text-decoration:none;} #blog_box h4 a:hover {color: #408edc;text-decoration:none;} #blog_box h4 p {margin-top: -16px; margin-bottom: -12px} #blog_box p {margin-top: -2px} #blog_box p small{color:#898989;font-size: smaller;} #blog_box a:link, #blog_box a:visited, #blog_box a:active {color: #659e02;} #blog_box a:hover {color: #408edc;} .grey_breakline {height: 2px; background-color: #e8e8e8; margin-top: 10px; margin-bottom: 18px} .green_breakline {height: 2px; background-color: #bfd0a6;margin-bottom: 10px; border: none} .green_breakline_links {width:815px; height: 2px; background-color: #bfd0a6;} .green_breakline_how_to {width: 705px; height: 2px; background-color: #bfd0a6; margin: 15px 0px} .green_breakline_feature {width: 400px; height: 2px; background-color: #bfd0a6;margin-bottom: 20px;} #home_left {width:480px;float:left} #home_right {width:300px;float:right} .mod_info_box #quote_description_container p {font-size: 11px} .mod_info_box {padding:15px;height:auto;width: 449px; float: right; background-color: #fff; margin-top:19px;border:1px solid #d1d2c7;border-radius: 4px; behavior:url(/_css/PIE.php);} .mod_info_box a:link, .mod_info_box a:visited, .mod_info_box a:active {border: 0 none !important; color: #000;} .mod_info_box a:hover{color: #408edc} .mod_info_box h2 a:link, .mod_info_box h2 a:visited, .mod_info_box h2 a:active, .mod_info_box h2 a:hover {text-decoration:none;} .mod_info_box img {float:left; margin-right: 1em; border-style:solid; border-width:4px; border-color: #c6d2b7;} .mod_info_box img a:link img, .mod_info_box img a:visited img, .mod_info_box img a:active {text-decoration: none} .mod_info_plant_box {height:100px;float:left;text-align:left;-moz-column-width: 13em;-moz-column-gap: 10px;-webkit-column-width: 10em;-webkit-column-gap: 10px;} .mod_info_plant_box a:link {display:block;} .mod_info_box_margin_bottom {width: 300px;margin-right: 140px} .topcontributors_home {float:left;} .topcontributors_home span {display:block} ul.top_contributors_home_page{list-style-type: none} .top_contributors {float:left;margin-top: 0px;padding-left: 30px} .top_contributors li {list-style: decimal} .top_contributors li, .li {float:left;clear:both} .top_contributors_home {float:left;margin-top: 15px;padding-left: 30px} .top_contributors_home li {list-style: decimal} .top_contributors_home li, .li {float:left;clear:both} .points {font-weight:bold;color:#5EA307;margin-left:5px} .topcon_text {margin-left: 15px;margin-bottom: 15px} .topcon_text a:link, .topcon_text a:visited, .topcon_text a:active {color:black;text-decoration: none} .topcon_text a:hover {text-decoration: underline} .uk-why-buy {background-image:url(../_images/static-pages/uk-bg.jpg);background-repeat:no-repeat;width: 120px;height: 167px;margin-bottom: 20px} .uk-why-buy-content {padding: 10px 12px 0 12px} .uk-why-buy-content p.why_buy {font:normal bold 13px Trebuchet,"Trebuchet MS"; text-align: center; color: #659e02;margin-bottom: 0} .uk-why-buy-content p {font-size: 10px;text-align: center} /* * End Home page */ /* * Plant Finder page */ #form_error_container {width: 360px;min-height: 20px;float: left} #science_name_field_form {font-size:10pt;width:247px;height:23px;margin:4px 0 4px 0;color:#2B2B2B;clear: left;float: left} #science_name_field_form input {display: inline;float: none} #science_name_field_description {margin-top: 3px;font-weight:normal;text-align: right;float: left;width: 110px} #edit_form input {float: left;clear: left} #points_and_submit_container {padding-top: 5px;clear:both} #points_container {position:absolute;right:10px; top:4px;color:#4a830a;font-size: 9pt;font-weight: bold} div.social div.facebook_like{float: left;} .hardy_unselected p {display:none;position:absolute;margin: -39px 0px 0px -25px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .hardy_unselected:hover p {display:block; z-index: 9999} .hardy_unselected {background:transparent url(../_images/image.png) 0 -1px no-repeat;width:26px;height:26px} a:hover .hardy_unselected {background:transparent url(../_images/image.png) 0 -29px no-repeat;width:26px;height:26px} a:active .hardy_unselected {background:transparent url(../_images/image.png) 0 -57px no-repeat;width:26px;height:26px} .H1a p, .H1b p, .H1c p, .H2 p, .H3 p, .H4 p, .H5 p, .H6 p, .H7 p {display:none;position:absolute;margin: -39px 0px 0px -25px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font:normal 12px Arial;} .H1a:hover p, .H1b:hover p, .H1c:hover p, .H2:hover p, .H3:hover p, .H4:hover p, .H5:hover p, .H6:hover p, .H7:hover p {display:block; z-index: 9999} .H1a {background:transparent url(../_images/image.png) -27px -1px no-repeat;width:26px;height:26px} a:hover .H1a {background:transparent url(../_images/image.png) -27px -29px no-repeat;width:26px;height:26px} a:active .H1a {background:transparent url(../_images/image.png) -27px -57px no-repeat;width:26px;height:26px} .H1b {background:transparent url(../_images/image.png) -54px -1px no-repeat;width:26px;height:26px} a:hover .H1b {background:transparent url(../_images/image.png) -54px -29px no-repeat;width:26px;height:26px} a:active .H1b {background:transparent url(../_images/image.png) -54px -57px no-repeat;width:26px;height:26px} .H1c {background:transparent url(../_images/image.png) -81px -1px no-repeat;width:26px;height:26px} a:hover .H1c {background:transparent url(../_images/image.png) -81px -29px no-repeat;width:26px;height:26px} a:active .H1c {background:transparent url(../_images/image.png) -81px -57px no-repeat;width:26px;height:26px} .H2 {background:transparent url(../_images/image.png) -108px -1px no-repeat;width:26px;height:26px} a:hover .H2 {background:transparent url(../_images/image.png) -108px -29px no-repeat;width:26px;height:26px} a:active .H2 {background:transparent url(../_images/image.png) -108px -57px no-repeat;width:26px;height:26px} .H3 {background:transparent url(../_images/image.png) -135px -1px no-repeat;width:26px;height:26px} a:hover .H3 {background:transparent url(../_images/image.png) -135px -29px no-repeat;width:26px;height:26px} a:active .H3 {background:transparent url(../_images/image.png) -135px -57px no-repeat;width:26px;height:26px} .H4 {background:transparent url(../_images/image.png) -162px -1px no-repeat;width:26px;height:26px} a:hover .H4 {background:transparent url(../_images/image.png) -162px -29px no-repeat;width:26px;height:26px} a:active .H4 {background:transparent url(../_images/image.png) -162px -57px no-repeat;width:26px;height:26px} .H5 {background:transparent url(../_images/image.png) -189px -1px no-repeat;width:26px;height:26px} a:hover .H5 {background:transparent url(../_images/image.png) -189px -29px no-repeat;width:26px;height:26px} a:active .H5 {background:transparent url(../_images/image.png) -189px -57px no-repeat;width:26px;height:26px} .H6 {background:transparent url(../_images/image.png) -216px -1px no-repeat;width:26px;height:26px} a:hover .H6 {background:transparent url(../_images/image.png) -216px -29px no-repeat;width:26px;height:26px} a:active .H6 {background:transparent url(../_images/image.png) -216px -57px no-repeat;width:26px;height:26px} .H7 {background:transparent url(../_images/image.png) -243px -1px no-repeat;width:26px;height:26px} a:hover .H7 {background:transparent url(../_images/image.png) -243px -29px no-repeat;width:26px;height:26px} a:active .H7 {background:transparent url(../_images/image.png) -243px -57px no-repeat;width:26px;height:26px} .sun_icons div {float: left;padding-right: 4px} div#plant_icons_container div.sun_icons a div.sun p, div#plant_icons_container div.sun_icons a div.sun_unselected p, div#display_box div.plant_item span.sun_icons a div.sun p, div#display_box div.plant_item span.sun_icons a div.sun_unselected p{ display:none; position:absolute; margin: -37px 0px 0px -12px; padding: 10px; background: #f5f6c5; border-radius: 3px; box-shadow: 0px 1px 4px #ddd; border: 1px solid #888989; color: #000; text-align: center; font:normal 12px "Arial"} div#plant_icons_container div.sun_icons div.sun p, div#plant_icons_container div.sun_icons div.sun_unselected p, div#display_box div.plant_item span.sun_icons div.sun p, div#display_box div.plant_item span.sun_icons div.sun_unselected p{ display:none; position:absolute; margin: -37px 0px 0px -12px; padding: 10px; background: #f5f6c5; border-radius: 3px; box-shadow: 0px 1px 4px #ddd; border: 1px solid #888989; color: #000; text-align: center; font:normal 12px "Arial";} div#plant_icons_container div.sun_icons .sun:hover p, div#plant_icons_container div.sun_icons .sun_unselected:hover p, div#display_box div.plant_item span.sun_icons a div.sun:hover p, div#display_box div.plant_item span.sun_icons a div.sun_unselected:hover p, div#display_box div.plant_item span.sun_icons div.sun:hover p, div#display_box div.plant_item span.sun_icons div.sun_unselected:hover p{ display:block; z-index: 9999} div#plant_icons_container div.sun_icons .sun, div#display_box div.plant_item span.sun_icons a div.sun, div#display_box div.plant_item span.sun_icons div.sun, div.plantSelectorPlantSun a div.sun{ background:transparent url(/_images/image.png) -270px -43px no-repeat;width:18px;height:20px} div#plant_icons_container div.sun_icons .sun:hover, div#display_box div.plant_item span.sun_icons a div.sun:hover, div#display_box div.plant_item span.sun_icons div.sun:hover, div.plantSelectorPlantSun a div.sun:hover{ background:transparent url(/_images/image.png) -270px -22px no-repeat;width:18px;height:20px} div#plant_icons_container div.sun_icons .sun_unselected, div#display_box div.plant_item span.sun_icons a div.sun_unselected, div#display_box div.plant_item span.sun_icons div.sun_unselected, div.plantSelectorPlantSun a div.sun_unselected{ background: transparent url(/_images/image.png) -270px -1px no-repeat; width: 18px;height: 20px} div#plant_icons_container div.sun_icons a:hover .sun_unselected, div#display_box div.plant_item span.sun_icons a:hover div.sun_unselected, div#display_box div.plant_item span.sun_icons :hover div.sun_unselected, div.plantSelectorPlantSun a:hover div.sun_unselected{ background: transparent url(/_images/image.png) -270px -22px no-repeat; width: 18px; height: 20px} div#plant_icons_container div.sun_icons a:active .sun_unselected, div#display_box div.plant_item span.sun_icons a:active div.sun_unselected, div#display_box div.plant_item span.sun_icons :active div.sun_unselected, div.plantSelectorPlantSun a:active div.sun_unselected{ background: transparent url(/_images/image.png) -270px -43px no-repeat; width: 18px; height: 20px} .partial.shade p, .partial.shade_unselected p{display:none;position:absolute;margin: -37px 0px 0px -30px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .partial.shade:hover p, .partial.shade_unselected:hover p{display:block; z-index: 9999} .partial.shade {background:transparent url(../_images/image.png) -291px -43px no-repeat;width:18px;height:20px} a:hover .partial.shade {background:transparent url(../_images/image.png) -291px -22px no-repeat;width:18px;height:20px} .partial.shade_unselected{background:transparent url(../_images/image.png) -291px -1px no-repeat;width:18px;height:20px} a:hover .partial.shade_unselected {background:transparent url(../_images/image.png) -291px -22px no-repeat;width:18px;height:20px} a:active .partial.shade_unselected {background:transparent url(../_images/image.png) -291px -43px no-repeat;width:18px;height:20px} .shade p, .shade_unselected p{display:none;position:absolute;margin: -37px 0px 0px -16px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .shade:hover p, .shade_unselected:hover p{display:block; z-index: 9999} .shade {background:transparent url(../_images/image.png) -312px -43px no-repeat;width:18px;height:20px} a:hover .shade {background:transparent url(../_images/image.png) -312px -22px no-repeat;width:18px;height:20px} .shade_unselected{background:transparent url(../_images/image.png) -312px -1px no-repeat;width:18px;height:20px} a:hover .shade_unselected {background:transparent url(../_images/image.png) -312px -22px no-repeat;width:18px;height:20px} a:active .shade_unselected {background:transparent url(../_images/image.png) -312px -43px no-repeat;width:18px;height:20px} .well.drained p, .well.drained_unselected p{display:none;position:absolute;margin: -39px 0px 0px -30px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .well.drained:hover p, .well.drained_unselected:hover p{display: block; z-index: 9999} .well.drained{background:transparent url(../_images/image.png) -337px -33px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:hover .well.drained{background:transparent url(../_images/image.png) -337px -17px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:active .well.drained{background:transparent url(../_images/image.png) -337px -33px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} .well.drained_unselected {background:transparent url(../_images/image.png) -337px -1px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:hover .well.drained_unselected {background:transparent url(../_images/image.png) -337px -17px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:active .well.drained_unselected {background:transparent url(../_images/image.png) -337px -33px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} div.moist.well.drained p, .moist.well.drained_unselected p{display:none;position:absolute;margin: -39px 0px 0px -40px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} div.moist.well.drained:hover p, .moist.well.drained_unselected:hover p{display: block; z-index: 9999} .moist.well.drained {background:transparent url(../_images/image.png) -353px -33px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:hover .moist.well.drained {background:transparent url(../_images/image.png) -353px -17px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:active .moist.well.drained {background:transparent url(../_images/image.png) -353px -33px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} .moist.well.drained_unselected {background:transparent url(../_images/image.png) -353px -1px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:hover .moist.well.drained_unselected {background:transparent url(../_images/image.png) -353px -17px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} a:active .moist.well.drained_unselected {background:transparent url(../_images/image.png) -353px -33px no-repeat;width:14px;height:15px;margin-right: 2px; display: inline-block !important} .moist p, .moist_unselected p{display:none;position:absolute;margin: -39px 0px 0px -20px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .moist:hover p, .moist_unselected:hover p{display: block; z-index: 9999} .moist {background:transparent url(../_images/image.png) -369px -33px no-repeat;width:14px;height:15px;margin-right: 4px; display: inline-block !important} a:hover .moist {background:transparent url(../_images/image.png) -369px -17px no-repeat;width:14px;height:15px;margin-right: 4px; display: inline-block !important} a:active .moist {background:transparent url(../_images/image.png) -369px -32px no-repeat;width:14px;height:15px;margin-right: 4px; display: inline-block !important} .moist_unselected {background:transparent url(../_images/image.png) -369px -1px no-repeat;width:14px;height:15px;margin-right: 4px; display: inline-block !important} a:hover .moist_unselected {background:transparent url(../_images/image.png) -369px -17px no-repeat;width:14px;height:15px;margin-right: 4px; display: inline-block !important} a:active .moist_unselected {background:transparent url(../_images/image.png) -369px -33px no-repeat;width:14px;height:15px;margin-right: 4px; display: inline-block !important} .aquatic p, .aquatic_unselected p{display:none;position:absolute;margin: -39px 0px 0px -30px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .aquatic:hover p, .aquatic_unselected:hover p{display: block; z-index: 9999} .aquatic{background:transparent url(../_images/image.png) -386px -39px no-repeat;width:19px;height:18px;margin-top:-5px;position: absolute; display: inline-block !important} a:hover .aquatic{background:transparent url(../_images/image.png) -386px -20px no-repeat;width:19px;height:18px;margin-right: 4px; display: inline-block !important} a:active .aquatic{background:transparent url(../_images/image.png) -386px -39px no-repeat;width:19px;height:18px;margin-right: 4px; display: inline-block !important} .aquatic_unselected {background:transparent url(../_images/image.png) -386px -1px no-repeat;width:19px;height:18px;margin-right: 4px; display: inline-block !important} a:hover .aquatic_unselected {background:transparent url(../_images/image.png) -386px -20px no-repeat;width:19px;height:18px;margin-right: 4px; display: inline-block !important} a:active .aquatic_unselected {background:transparent url(../_images/image.png) -386px -39px no-repeat;width:19px;height:18px;margin-right: 4px; display: inline-block !important} .bog\2Fmarginal p, .bog\2Fmarginal_unselected p{display:none;position:absolute;margin: -39px 0px 0px -30px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .bog\2Fmarginal:hover p, .bog\2Fmarginal_unselected:hover p{display: block; z-index: 9999} .bog\2Fmarginal{background:transparent url(../_images/image.png) -406px -37px no-repeat;width:18px;height:18px;margin-top: -2px !important; display: inline-block !important} a:hover .bog\2Fmarginal{background:transparent url(../_images/image.png) -406px -19px no-repeat;width:18px;height:18px;margin-top: -2px !important; display: inline-block !important} a:active .bog\2Fmarginal{background:transparent url(../_images/image.png) -406px -37px no-repeat;width:18px;height:18px;margin-top: -2px !important; display: inline-block !important} .bog\2Fmarginal_unselected{background:transparent url(../_images/image.png) -406px -1px no-repeat;width:18px;height:18px;margin-top: 0px !important; display: inline-block !important} a:hover .bog\2Fmarginal_unselected{background:transparent url(../_images/image.png) -406px -19px no-repeat;width:18px;height:18px;margin-top: -2px !important; display: inline-block !important} a:active .bog\2Fmarginal_unselected{background:transparent url(../_images/image.png) -406px -37px no-repeat;width:18px;height:18px;margin-top: -2px !important; display: inline-block !important} .normal{margin-right:4px;overflow:hidden;display: inline-block;float:left;border-radius: 4px;height: 17px; width:19px} .colour_box{border:0px solid;z-index: 2;margin: 0px;float: left;display: inline-block;vertical-align: bottom;height: 20px;width:20px;border-radius: 4px} .colour_box_icon{width:20px; height: 20px; z-index: 2; position: absolute; left:1px} .variegated p {display:none;position:absolute;margin: -38px 0px 0px -40px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .variegated:hover p {display:block; z-index: 9999} .variegated .colour_box {border:0px solid;border-radius: 4px 4px 4px 4px;z-index: 1;margin: 0px -20px 0 0;float: left;display: inline-block;vertical-align: bottom;height: 20px; width:20px} .variegated {display: block;float:left;margin:0 2px 0 1px; width:8px; height: 20px;background:transparent;border-radius: 4px 4px 4px 4px;} .variegated.green.light{background-color: #73e546;} .variegated.green{background-color: #2ebc01;} .variegated.green.medium{background-color: #2ebc01;} .variegated.green.dark{background-color: #218501;} .variegated.purple {background-color: #d58fef;} .variegated.yellow {background-color: #ebf54c;} .variegated.red {background-color: #ec5252;} .variegated.bronze {background-color: #cd7f32;} .variegated.brown {background-color:#9a721a ;} .variegated.black {background-color: black;} .variegated.pink {background-color: #fcc1d0;} .variegated.purple {background-color: #bb50e3;} .variegated.blue {background-color: #6b9cce;} .variegated.not.specified {background-color: #fff; background: url(../_images/image.png)-807px -98px center no-repeat;border-radius: 4px;border:1px solid #d3d3d3;} .variegated.orange {background-color: #fb9b45;} .variegated.white {background-color: #fff;border:1px solid #d3d3d3;margin:0 2px 0 1px; width:6px; height: 18px;background:transparent;border-radius: 4px;} .variegated.silver {background-color: #d2d8da;} .variegated.grey {background-color:#ada9a9 ;} .variegated.gold\2Fyellow {background-color:#f9ca00;} div a span.colour_box_icon.green{background:transparent url(../_images/image.png) -118px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.green.light{background:transparent url(../_images/image.png) -118px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.green.medium{background:transparent url(../_images/image.png) -97px -136px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.green.dark{background:transparent url(../_images/image.png) -76px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.yellow{background:transparent url(../_images/image.png) -286px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.red{background:transparent url(../_images/image.png) -202px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.bronze{background:transparent url(../_images/image.png) -55px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.brown{background:transparent url(../_images/image.png) -34px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.black{background:transparent url(../_images/image.png) -13px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.pink {background:transparent url(../_images/image.png) -139px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.purple{background:transparent url(../_images/image.png) -160px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.blue{background:transparent url(../_images/image.png) -181px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.orange{background:transparent url(../_images/image.png) -328px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.white{background:transparent url(../_images/image.png) -223px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.silver{background:transparent url(../_images/image.png) -244px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.grey{background:transparent url(../_images/image.png) -265px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div a span.colour_box_icon.gold\2Fyellow{background:transparent url(../_images/image.png) -307px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.green{background:transparent url(../_images/image.png) -118px -86px;position: absolute;width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.green.light{background:transparent url(../_images/image.png) -118px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.green.medium{background:transparent url(../_images/image.png) -97px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.green.dark{background:transparent url(../_images/image.png) -76px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.yellow{background:transparent url(../_images/image.png) -286px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.red{background:transparent url(../_images/image.png) -202px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.bronze{background:transparent url(../_images/image.png) -55px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.brown{background:transparent url(../_images/image.png) -34px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.black{background:transparent url(../_images/image.png) -13px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.pink {background:transparent url(../_images/image.png) -139px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.purple{background:transparent url(../_images/image.png) -160px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.blue{background:transparent url(../_images/image.png) -181px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.orange{background:transparent url(../_images/image.png) -328px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.white{background:transparent url(../_images/image.png) -223px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.silver{background:transparent url(../_images/image.png) -244px -86px;position: absolute;m width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.grey{background:transparent url(../_images/image.png) -265px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.gold\2Fyellow{background:transparent url(../_images/image.png) -307px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} div span.colour_box_icon.yellow\2Fgold{background:transparent url(../_images/image.png) -307px -86px;position: absolute; width: 20px; height: 20px; z-index: 2} .colour_box.not.specified, .colour_box.blank, .variegated.blank {border:1px solid #d3d3d3;background: url(../_images/image.png) -451px -3px;background-color: #fff;width:18px; height: 18px} .colour_box p, .colour_box_icon p, .colour_box_glossy p {display:none;position:absolute;margin: -53px 0px 0px -18px;padding: 10px; background: #f5f6c5;border-radius: 3px;box-shadow: 0px 1px 4px #ddd;border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .colour_box:hover p, .colour_box_icon:hover p, .colour_box_glossy:hover p {display:block; z-index: 999} .colour_box.green{background-color: #73e546} .colour_box.green.medium{background-color: #2ebc01} .colour_box.green.dark{background-color: #218501} .colour_box.yellow {background-color: #ebf54c} .colour_box.red {background-color: #ec5252} .colour_box.bronze {background-color: #cd7f32} .colour_box.brown {background-color:#9a721a} .colour_box.black {background-color: black} .colour_box.pink {background-color: #fcc1d0} .colour_box.purple {background-color: #bb50e3} .colour_box.blue {background-color: #6b9cce} .colour_box.orange {background-color: #fb9b45} .colour_box.white {background-color: #fff;border:1px solid #d3d3d3; width:18px; height: 18px} .colour_box.silver {background-color: #d2d8da} .colour_box.grey {background-color:#ada9a9} .colour_box.gold\2Fyellow {background-color:#f9ca00} .colour_box.yellow\2Fgold{background-color:#f9ca00} div span.colour_box_glossy{position:absolute;background:transparent url(../_images/image.png) -327px -174px; z-index: 3; width: 20px; height: 20px} div a span.colour_box_glossy{position:absolute;background:transparent url(../_images/image.png) -327px -174px; z-index: 3; width: 20px; height: 20px} div span.colour_box_icon.glaucous{position:absolute;background:transparent url(../_images/glaucous.png) no-repeat; z-index: 3; width: 20px; height: 20px} div a span.colour_box_icon.glaucous{position:absolute;background:transparent url(../_images/glaucous.png) no-repeat; z-index: 3; width: 20px; height: 20px} #plant_icons_container {float: left;width:223px; height: 53px; padding: 0px 3px 3px 0} .wildlife_icons {float: left} .poisonous_icons {padding-left: 80px;float: left} div#display_box div.plant_item span.sun_icons {font-size:12px;color: #999;display: inline;float: left} .sun_icons a img {margin:3px 3px 0 0; width:21px} .moisture_icons {font-size:12px;color: #999;float: right} .hardiness_icons {float: right;display: block;margin-top: 3px;} .hardiness_icons img.edit-sign{margin: 0px 0px 0px -12px} .us_zone {display: block;float: left; text-align: right; margin-top: 6px;height:30px;font-size: 13pt;text-align: left;line-height: 26px;} .us_zone a{float:left;} .us_zone a span{font-weight: bold;font-size: 13px;} .us_zone .field_box span {font-weight: bold;font-size: 13px;} div.us_zone div.field_box._field div#edit_form.edit_nopopup_ form.edit_menu.border_small div#submit_container input.submit_button{margin-top: 40px !important} div.us_zone div.field_box._field div#edit_form.edit_nopopup_ form.edit_menu.border_small div.min-max span.edit_title{margin: 12px 10px 0px 0px !important;float: right;} #plant_pic_container {position:relative;float:left;height: 175px;width: 220px} #plant_list_pic_container {position:relative;float:left;height: 84px;width: 84px} #plant_size_container {border: 1px solid #E2E2E2;border-radius: 4px;position:absolute;bottom:0px;left:0px;width:224px;height: 141px} #plant_size_header {position:absolute;top:-1px;left:0;width:214px;height:20px;border-radius: 4px 4px 0px 0px;background-color:#5EA307;color:#fff;padding:2px 2px 0px 9px} #plant_size_header a {color: #fff} #plant_size_pic_container {text-align: left;padding-top: 2px;float: left;width: 143px;height: 102px} #plant_size_pic_plant {padding-top: 2px;height: 102px;float: right;min-width: 60px} #plant_icon_container {position:absolute;bottom:27px;left:15px;width:94px} #plant_icon_container img{display: block;margin-left: auto;margin-right: auto; width: auto; height: auto} .gardener_icon_container{ width:118px; height:92px; overflow:hidden; bottom: 28px; left: 100px;position: absolute; z-index: 0} img.gardener_icon {z-index:-10;position:absolute;bottom:0px;left:0px} div.field_box.spread_field #edit_form .edit_title{float: left !important} div.field_box.spread_field #edit_form .spread input{float: left; position: absolute; margin-left:10px; margin-top: -5px;} div.field_box.spread_field #edit_form .spread_max{float: left; position: absolute} div.field_box.spread_field #edit_form span.suffix{float: right; margin-left:-49px; margin-right: 28px; margin-top: -3px; margin-bottom: 20px; color: #999} div.field_box.spread_field #edit_form span.prefix{float: right; position: relative; margin-right: -10px} div.field_box.height_field #edit_form span.edit_title{float: left !important;} div.field_box.height_field #edit_form span.height input{float: left; position: absolute; margin-left:6px; margin-top: -2px; width: 39px} div.field_box.height_field #edit_form span.height_max{float: left; position: absolute; margin-top: 6px} div.field_box.height_field #edit_form span.suffix{float: right; margin-left:-49px; margin-right: 34px; margin-top: 5px !important; margin-bottom: 10px; color: #999} div.field_box.height_field #edit_form span.prefix{float: right; position: relative; margin-right: -12px} .min-max {float: left; margin: 16px 0px 0px 0px; padding: 0px; position: absolute} div.min-max span.suffix {position: absolute; margin: 8px 0px 0px 52px !important; float: left; padding-bottom: 20px !important; display: inline} .field_box.spread_field #edit_form.edit_nopopup_ .edit_menu.border_small .min-max .edit_title{margin-top: 3px !important} .field_box.spread_field #edit_form.edit_nopopup_ .edit_menu.border_small .edit_title{margin-top: -3px !important} .field_box.height_field #edit_form.edit_nopopup_ .edit_menu.border_small .min-max .edit_title{margin-top: 9px !important} .field_box.height_field #edit_form.edit_nopopup_ .edit_menu.border_small .min-max .suffix{margin-top: 16px !important; padding-bottom: 20px !important} .field_box.height_field #edit_form.edit_nopopup_ .edit_menu.border_small .suffix{margin-right: 39px !important} .field_box.height_field #edit_form.edit_nopopup_ .edit_menu.border_small #submit_container .submit_button{margin-top: 20px !important} div.field_box.row_spacing_field div#edit_form.edit_nopopup_ form.edit_menu.border_small div.min-max{margin: 0px !important; padding: 0px !important; position: relative !important} div.field_box.row_spacing_field div#edit_form.edit_nopopup_ form.edit_menu.border_small div.min-max span.edit_title{float: left !important} div.field_box.row_spacing_field div#edit_form.edit_nopopup_ form.edit_menu.border_small div.min-max span.row_spacing_max input{float: left !important; position: absolute; margin-left: 4px;} div.field_box.row_spacing_field div#edit_form.edit_nopopup_ form.edit_menu.border_small div.min-max span.suffix{margin-left: 133px !important;margin-top: 10px !important;} #gardeners_and_planting_container .field_box.row_spacing_field #edit_form.edit_nopopup_ .edit_menu.border_small .edit_title{float: left !important; margin-top: 6px;color: black;} .field_box.row_spacing_field #edit_form.edit_nopopup_ .edit_menu.border_small span.row_spacing input{float: left!important; margin-left: 8px;} div.field_box.row_spacing_field div#edit_form.edit_nopopup_ form.edit_menu.border_small span.suffix{margin-left: 133px !important;position: absolute;} .field_box.row_spacing_field #edit_form.edit_nopopup_ .edit_menu.border_small #submit_container .submit_button{margin-top: 10px !important} #spread_container {color:black;border-style: none;position:absolute;height: 19px;width: 84px;bottom:5px;left:28px; background: #fff} #spread_container span {padding-top: 4px; padding-left: 3px;} .spread {display: block;word-break: keep-all;text-align: center;width:71px;font-size: 8pt;margin-right: 10px;} #spread_container .field_box.spread_field .spread a:before{ content: "◄";padding-right: 2px;} #spread_container .field_box.spread_field .spread a:after{ content: "►"; padding-left: 2px} #height_container .field_box.height_field span.height a:before{ content: "◄"; padding-right: 2px;} #height_container .field_box.height_field span.height a:after{ content: "►";padding-left: 2px;} #height_container {color:black;position:absolute; bottom: 26px; width: 47px; left: -5px} .height_not_specified {color:#ccc} div.height_not_specified span.height a, div.spread_not_specified span.spread a {color:#ccc !important} div.height_not_specified span.height a:hover, div.spread_not_specified span.spread a:hover {color:#408EDC !important} #plant_size_container div.field_box.height_field span.height a{ margin-right: 4px;margin-top: 65px;display: block;font-size: 8pt; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); height: auto !important; width: auto !important} #plant_size_container div.field_box.height_field.read_only span.height{ margin-right: 4px;margin-top: 65px;display: block;font-size: 8pt; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);} .field_box.height_field.read_only span.height:before{content: "◄"; padding-right: 2px;} .field_box.height_field.read_only span.height:after{ content: "►"; padding-left: 2px;} .field_box.spread_field.read_only span.spread:before{ content: "◄"; padding-right: 2px;} .field_box.spread_field.read_only span.spread:after{ content: "►";padding-left: 2px;} #edit_form .height {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);} #height_container #edit_form {text-align: left} #edit_form .postfix_height {margin: 3px 0 0 5px;display:inline-block} .autocomplete_div{position: relative;background-color: #FFF; margin-top:8px; height: 0px; z-index: 20} .autocomplete_div option:hover{color: #ccc} .autocomplete_div table{position: absolute; height:120px; margin-top: 18px;background-color: white; width:216px; border:1px solid #ccc} #autocomplete_container_search_plants_name{height: 120px;cursor: pointer} div#plant_description_container div.field_box.plant_description_field span.plant_description a table, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table{width:675px; border-radius: 5px} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody, div.entry-content table tbody, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody, div.entry-content table tbody{border: 1px solid #eee} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody tr:first-child, div.entry-content table tbody:first-child, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody tr:first-child, div.entry-content table tbody:first-child{font-size: 14px; color: #fff; background: #659E02; text-align: left; text-indent: 3px;height:25px} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody th:first-child, div.entry-content table tbody th:first-child, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody th:first-child, div.entry-content table tbody th:first-child{border-radius: 5px 0px 0px 0px} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody th:last-child, div.entry-content table tbody th:last-child, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody th:last-child, div.entry-content table tbody th:last-child{border-radius: 0px 5px 0px 0px} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody th, div.entry-content table tbody th, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody th, div.entry-content table tbody th{font-weight: normal !important} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody tr td, div.entry-content table tbody tr td, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody tr td, div.entry-content table tbody tr td{padding: 2px 0px 2px 4px; height: 30px} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody tr td:first-child, div.entry-content table tbody tr td:first-child, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody tr td:first-child, div.entry-content table tbody tr td:first-child{text-indent: 3px} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody tr td a img, div.entry-content table tbody tr td a img, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody tr td a img, div.entry-content table tbody tr td a img{height: 40px;width: 40px;padding-bottom: 6px; clear: both;margin: auto;display: block} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody tr td a, div.entry-content table tbody tr td a, div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody tr td a, div.entry-content table tbody tr td a{text-align: center; display: block} div#plant_description_container div.field_box.plant_description_field span.plant_description a table tbody tr:nth-child(even), div.entry-content table tbody tr:nth-child(even), div#plant_description_container div.field_box.plant_description_field.read_only span.plant_description table tbody tr:nth-child(even), div.entry-content table tbody tr:nth-child(even){background: #eee; border-bottom:1px solid #282828} #desc_and_calendar_box {clear:both;border: 1px solid #E2E2E2;border-radius: 4px;float:left;padding:13px;margin:15px 15px 5px 0px;width:675px} #calendar_container {float:left;text-align: center;clear: both;margin: 5px 10px 10px 10px;padding:5px 60px 1px 39px;width: 576px} #calendar_container span {float:left;font-size: 7pt;color: #888;} .date_box_top_left, .date_box_top_right, .date_box_bottom_left, .date_box_bottom_right {width:7px; height: 7px; background-color: white; border-style: solid} .date_desc {width: 46px; text-align: center;border-width: 0 1px 0 1px; border-style: dotted} .date_box_top_left {border-width: 1px 0 0 1px} .date_box_top_right {border-width: 1px 1px 0 0} .date_box_bottom_left {border-width: 0 0 1px 1px} .date_box_bottom_right {border-width: 0 1px 1px 0} #date_box_legend_container {float: none; margin: 0 auto 0 auto;height: 20px;width: 250px} .date_box_legend {border:1px solid; margin-top: 2px;height: 10px;width: 10px;background-color: white} .date_box_legend_desc {margin: 3px 10px 0 2px;width: auto;font-style: italic} .date_box_flower {background-color: #4254dc} .date_box_sow {background-color: #9f6640} .date_box_fruit {background-color: #ff2225} .date_box_plantout {background-color: #509b41} .calendar_form {padding: 0px;margin: 0px;height: 40px;width: auto;float: left;border-collapse: collapse} .calendar_form_checkbox {margin: 0px;padding: 0px;width: 12px} .calendar_form_header {float: left} .calendar_form_row_label {width: 50px;text-align: right; border-color: white; border-style: solid; border-width: 0 8px 0 0} .calendar_form_row { border-width: 0 1px 2px 0;border-color: white;border-style: solid;margin: 0px;padding: 0px} .calendar_form_month {margin-right: 4px} .buy_now_item {float:right;clear:both} .buy_now_meta {float:right;clear:right} .buy_now_all_options {float:right;clear:both;} .buy_now_all_options div{float:left;clear:both;} .buy_now_price {clear:left} .radio_buy_now {float:left;padding:0px; margin:0px 7px 0px 0} .buy_now_box {width:120px;background: url(../_icons/cart_icon.png) 8px 9px no-repeat;clear:both;z-index:1;border: 0px solid #b9fc9b;float:left;padding:5px 7px 7px 7px;background-color:#ff7400 ;font-size:12px;color:#fff;position:absolute;right:-29px;top:100px;-moz-box-shadow: 5px 2px 5px #ccc;-webkit-box-shadow: 5px 2px 5px #ccc;box-shadow: 5px 2px 5px #ccc} .available_from_box {clear:both;z-index:1;border: 0px solid #b9fc9b;float:left;padding:5px 7px 7px 7px;background-color:#ff7400 ;font-size:12px;color:#fff;position:absolute;right:-29px;top:120px;-moz-box-shadow: 5px 2px 5px #ccc;-webkit-box-shadow: 5px 2px 5px #ccc;box-shadow: 5px 2px 5px #ccc} .buy_now_box a {font-size:11px;color:#fff} .buy_now_box a:hover {color:#fff;text-decoration: underline} .buy_now_box .buy_now_price {font-size: 21px;font-weight: bold;float:right} .buy_now_box .old_buy_now_price {font-size: 18px;font-weight: bold;float:right;text-decoration: line-through;clear:both;color: #863500} .buy_now_box .options {float:left;clear:both} .buy_now_box .option_meta {float:right;margin: 7px 0 0 2px;font-size: 11px} .buy_now_box .new_buy_now_price {font-size: 21px;font-weight: bold;float:right;clear:both;padding-top: 0} .buy_now_box .offer_ends {float:right;clear:both;font-size: 10px;color:#000} .buy_now_box .offer_name , .buy_now_box .offer_name a {float:right;clear:both;font-size: 10px;text-align: right;color: white !important} .offer_name a:link {color: #fff} .offer_name a:visited {color: #fff} .offer_name a:hover {text-decoration: underline !important} .buy_now_box .coupon_code {float:right;clear:both;font-weight:bold;font-size: 12px;text-align: right} .buy_now_box .buy_now_button_link {font-size: 13px; width:91%;height:20px; border-style: solid;text-align:center;font-weight: bold;margin: 4px 0 0 0 ; border-width : 2px 2px 2px 2px; border-radius: 5px; text-decoration : none; padding : 4px; border-color : white; background-color:#f9f9f9; float:right;clear:both} .buy_now_box .other_offer .offer_name {margin-top: 4px} .buy_now_box .other_offers {float:right;clear:both;width:100%;text-align: center;background-color: #863500;margin-top:10px} .buy_now_box .other_offer .from_supplier {clear:both;float:right;font-size:9px;color:#6b3100 ;margin:0px 0 5px 0px} .from_supplier a {clear:both;float:right;font-size:9px;color:#6b3100;margin:0px 0 0px 0px !important} .buy_now_box .buy_now_meta_single {float:right;clear:both;color:#6b3100;margin: 3px 0 0 3px;font-size: 11px} .buy_now_box .buy_now_button {clear:both;float:right;width:100px;height:27px;margin:5px auto 0 auto} .buy_now_box .from_supplier {clear:both;float:right;font-size:9px;color:#6b3100;margin:4px 0 0 4px} .plant_available_box_corner_right {position:absolute; bottom:-7px;right:0px} .plant_item {margin:0 auto;margin-bottom:3px;padding:5px;width:678px;height:90px;float:left;clear:both; border-bottom: 1px solid #E2E2E2} .plant_item_img {margin-top:3px;float:left;border:2px solid #A9A9A9 !important} .plant_item .details_left h1 {font-size:14pt} .plant_item .details_left i {clear:left;display:block;font-size:14pt;margin-bottom:5px} .edit_info, .edit_by{ float:right; font-size: 11px; font-style: italic; color: #bbb; margin-top:6px; padding-bottom: 8px} .edit_by{ padding-left:2px} input.planting_depth {margin-bottom:30px; display: block} .field_box.spacing_field.missing_field_box.read_only span.postfix_spacing{display: none !important} .field_box.planting_depth_field.missing_field_box.read_only span.postfix_planting_depth{display: none !important} div.field_box.row_spacing_field.missing_field_box.read_only span.postfix_row_spacing{display: none !important} #edit_form.edit_nopopup_ form.edit_menu.border_small span.suffix{margin-top: 13px;} #spread_container .field_box.spread_field #edit_form.edit_nopopup_ .edit_menu.border_small .suffix{margin-top: 0px; padding-bottom: 10px;} #edit_form .spacing, #edit_form .common_name, #edit_form .planting_depth, #edit_form .row_spacing {float:left;display:block;width:110px;height:20px;margin:3px 0 5px 0} #edit_form .spacing {display:block !important;clear:bottom} #edit_form .postfix_spacing {float:left;padding-top:5px;height:20px;width:40px;display:block !important; margin-right: 0px !important} #edit_form .postfix_planting_depth {float:left;padding-top:5px;height:20px;width:40px;display:block !important; margin-right: 0px !important} #edit_form .postfix_row_spacing {float:left;padding-top:5px;height:20px;width:40px;display:block !important; margin-right: 0px !important} span.planting_depth, span.spacing, span.row_spacing{padding: 0px;margin-bottom:8px;width: auto !important;height: 20px} span.row_spacing a{display: inline; float: left; position: absolute} span.row_spacing a span.suffix{width: 20px; height: 20px; clear: left; float: right; padding:0px 0px 0px 3px} span.spacing a span.suffix, span.planting_depth a span.suffix{display: inline; position: absolute; float: left} span.spacing span.suffix, span.planting_depth span.suffix{position: absolute; margin-top: -16px; margin-left: 20px; float: right} span.postfix_spacing, span.postfix_planting_depth, span.postfix_row_spacing {float: right;margin-right: 160px !important} #flower_and_foliage_container {color: #999;font-size: 13px;margin:10px 4px 10px 0px;width: 227px;float: left} #flower_and_foliage_container a {font-weight:bold;margin-left:1px; float: left} #flower_and_foliage_container .field_description_short {text-align: left} .flower_colour_and_style{width:158px;height:40px;float:left;} .foliage_colour_and_style{float:left;width:138px; height:40px;clear:both} .foliage_style, .flower_style{margin-left: 3px; height: auto; float: left} .foliage_style p, .flower_style p{display:none; position:absolute; margin: -37px 0px 0px 0px; padding: 10px; background: #f5f6c5; border-radius: 3px; box-shadow: 0px 1px 4px #ddd; border: 1px solid #888989; color: #000; text-align: center; font-family: Arial;font-size:12px;font-weight: normal} .foliage_style:hover p, .flower_style:hover p{display:block; z-index: 9999} .flower_style .edit-sign, .foliage_style {margin:3px 0px 10px 4px;font-size:13px;float:left;clear:none;height:auto !important;z-index: 1} .field_box.flower_style_field, .field_box.foliage_style_field{width: 205px !important; margin-bottom: -2px; margin-left:20px} div.field_box.flower_style_field h5.field_description, div.field_box.foliage_style_field h5.field_description {margin: 0px 0px 0px 6px} #award_container {position:absolute;top:115px;right:0px;z-index:2} #award_container .AGM {z-index: 2; background: url(../_images/image.png) -413px -80px no-repeat; margin: -9px 3px 0px 0px; width: 55px; height: 55px; text-indent: -9999px} #award_container_list {position:absolute;top:55px;right: -3px;z-index:2} #award_container_list .AGM {z-index: 2; background: url(../_images/image.png) -413px -80px no-repeat; margin: -9px 3px 0px 0px; width: 55px; height: 55px; text-indent: -9999px; zoom: 70%} .field_box.read_only span.plant_description, .field_box.read_only span.spread, .field_box.read_only span.spread, .field_box.read_only span.postfix_spread, .field_box.read_only span.height, .field_box.read_only span.postfix_height {font-weight: normal} .field_box.read_only span.common_name {font-weight: normal;font-style: italic;color:#2B2B2B; font-size: 21px} .main_plant_pic.no_pic{width: 225px;height: 175px} .main_plant_pic { border:2px #A9A9A9 solid !important;height: 175px;width: 220px} .no_pic {border:none !important} #gardeners_and_planting_container a {font-weight:bold} #gardeners_and_planting_container {background-color: #fff;position:relative;margin-top:10px;border-radius: 4px;color:#999;font-size:13px;padding: 3px;width: 460px;border:1px #E2E2E2 solid;float: left} #gardeners_and_planting_container .field_box{width:205px;margin:2px 2px 7px 7px;float:left;min-height:33px} #gardeners_and_planting_container .field_box span{display: block} #plant_details_container a {font-weight:bold;font-size:13px} #plant_details_container .info_item a {display:inline} #plant_details_container {width: 460px;float:left;background-color: #fff;position:relative;color:#999;font-size:13px;padding: 3px;border:1px #E2E2E2 solid;border-radius: 4px} #plant_details_container div.field_box._field.read_only {color: black; font-weight: bold} #plant_details_container .field_box, #plant_details_container .field_box span {display:block} #plant_details_container .field_box, #gardeners_and_planting_container .field_box{width: 205px;margin: 2px 2px 7px 7px;float: left;min-height: 33px} #plant_name_container {padding-left: 3px;float: left;width: 470px} #plant_name_container h1{float: left;margin: 0px !important; width: 443px;} /* * End Plant Finder page */ /* * Users page */ #user_details_container a {font-weight:bold;font-size:13px} #user_details_container .field_box {width:215px;margin:2px 2px 7px 7px;float:left;min-height:36px} /* * End Users page */ /* * Inspiration gardens */ #search_container_wide {float:left;padding:0 15px 0 15px;width:949px} #search_container_wide.border{border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);background-color:white} /* * End Inspiration gardens */ /* * Pests and diseases */ .pests_and_diseases_affected {float:left} .pests_and_diseases_affected .submenu_vertical_record_container .submenu_record {padding: 0px 0 0px 7px;margin: 0 5px 5px 4px;float: left;width: 185px} .pests_and_diseases_affected .submenu_vertical_record_container {width:190px;margin-top: -20px; display:inline;} .pests_and_diseases_affected img {float:left;margin-top:2px} .pests_and_diseases_affected .submenu_genus_name {width:80px;float:left;margin-left:10px} .pests_and_diseases_affected .preview_link {position: relative;float:left;width:50px;margin:10px 10px 0 10px} #desc_pest_and_disease_box {width: 440px;float:left; clear:both;border: 1px solid #E2E2E2;border-radius: 4px;padding:13px;margin:15px 15px 5px 0px} #desc_pest_and_disease_box div strong{margin:0px 0 5px 0} #record_left_pest {position:relative;float:left;width:235px;border:0px red solid} #pest_pic_container {position:relative;float:left;height: 175px;width: 220px} .main_pest_and_disease_pic { border:2px #A9A9A9 solid !important;height: 175px;width: 220px} .main_pest_and_disease_pic.no_pic{width: 225px;height: 175px; background: url(../_images/image.png) no-repeat -401px 0} /* * End Pests and diseases */ /* * Nurseries page */ div#main_display_container.nursery-display{width: 980px; height: 120px; float: left; background: url(/_images/nurseries_db/nurserybanner.jpg) no-repeat; z-index: 1; margin: 0 0 20px 0; border: 1px solid #D1D2C7;} div#main_display_container.nursery-display p{width: 300px; margin: 60px 0 20px 26px; float: left; font-size: 13px;} div#main_display_container.nursery-display div.green_button{width: 88px; height: 30px; float: left; margin: 98px 0 0 -100px; font-size:20px;} div#main_display_container.nursery-display div.green_button a{font-size: 14px !important;} div#main_container_about.nursery{width: 940px; padding: 20px !important;} div#main_container_about div.green_breakline.nursery{margin: 0 0 20px 0;} div#main_container_about div.boxes_container{width: 942px; height: 305px; float: left;} div.boxes_container a{text-decoration: none !important;} div.boxes_container h3{font-family: Trebuchet,"Trebuchet MS" !important; color: #659e02; font-size: 17px; font-weight: normal;} div#main_container_about div.box_onetwo_container{width: 147px; height: 305px; float: left;} div#main_container_about div.box_one{color:#000;width: 147px; height: 215px; float: left; background: #e0eccd;} div#main_container_about div.box_one h3{margin: 6px 0 0 7px; background:url(/_icons/forward_icon.png) 120px 3px no-repeat;} div#main_container_about div.box_one p{margin: 5px 0 0 7px; width: 135px; font-size: 12px;} div#main_container_about div.box_two{width: 147px; height: 85px; float: left; background: #e0eccd; margin: 5px 0 5px 0; color: black; font-size: 12px;} div#main_container_about div.box_two h3{margin: 6px 0 0 7px; background:url(/_icons/forward_icon.png) 120px 3px no-repeat;} div#main_container_about div.box_two p{margin: 5px 0 0 7px; width: 135px; font-size: 12px;} div#main_container_about a div:hover, div.box_fourfive_container a div.box_four:hover{opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);} div#main_container_about div.box_three{width: 212px; height: 299px; float: left; border: 3px solid #e0eccd; margin: 0 5px; background: url(/_images/nurseries_db/unionjack.jpg) no-repeat; text-decoration: none;} div#main_container_about div.box_three div.content{width: 193px; height: 280px; margin: 9px 0 0 9px; background: white; opacity: .95; border: 1px solid #D1D2C7;} div#main_container_about div.box_three div.content p{margin: 15px; color: black; text-align: center;} div#main_container_about div.box_three div.content p.green, div#main_container_about div.box_seven div.content p.green{color: #659E02; font-weight: bold; margin: 0px; padding: 0px;} div#main_container_about div.box_three div.content h2{padding: 10px 10px 10px 10px; text-align: center; color: #659E02; font-family: trebuchet ms; text-decoration: none !important} div#main_container_about div.box_fourfive_container{width: 303px; height: 150px; float: left; color: black !important} div#main_container_about div.box_four{width: 201px; height: 150px; float: left;background: url(../_images/nurseries_db/wgodfrey.jpg) no-repeat; margin: 0 0 5px 0;} div#main_container_about div.box_four img{float: left; margin: 0 10px;} div#main_container_about div.box_four h2{padding: 10px 10px 0 10px; color: black;} div#main_container_about div.box_four p{background-color:rgba(0,0,0,0.5); color: white; padding: 5px 0 5px 5px; font-size: 10px; margin: 128px 0 0 0;} div#main_container_about div.box_five{width: 97px; height: 150px; float: left; background: #e0eccd; margin: 0 0 0 5px;} div#main_container_about div.box_five img{padding: 30px 10px 10px 3px;} div#main_container_about div.large_square_container{width: 303px; height: 305px; float: left;} div#main_container_about div.box_sixseven_container{width: 303px; height: 150px; float: left; margin: 5px 0 0 0;} div#main_container_about div.box_six{width: 99px; height: 150px; float: left; margin: 0 5px 0 0; background: #e0eccd;} div#main_container_about div.box_six p{padding: 10px; color: black; margin: 0px; padding: 10px; text-align: center;} div#main_container_about div.box_seven{width: 199px; height: 150px; float: left; background: #e0eccd} div#main_container_about div.box_seven h3{margin: 10px 10px;background:url(/_icons/forward_icon.png) 165px 3px no-repeat;} div#main_container_about div.box_seven p{margin: 10px 0 10px 10px !important; margin: 0 5px; color: black; width: 180px;} div#main_container_about div.box_eightnineten_container{width: 259px; height: 305px; float: left; margin: 0 0 0 5px;} div#main_container_about div.box_eight{width: 106px; height: 305px; float: left; background: url(../_images/nurseries_db/northhill.jpg) no-repeat;} div#main_container_about div.box_eight p{background-color:rgba(0,0,0,0.5); color: white; padding: 5px 0 5px 5px; font-size: 10px;margin: 283px 0 0 0;} div#main_container_about div.box_nine{width: 146px; height: 84px; float: left; background: #e0eccd; margin: 0 0 0 5px; display: block} div#main_container_about div.box_nine h3{font-size: 13px !important; padding: 10px 14px; margin: 0px; font-weight: normal;} div#main_container_about div.box_nine div.green_button{width: 90px; height: 30px; margin: 5px 10px 10px 25px;} div#main_container_about div.box_nine div.green_button a{font-size: 18px !important; line-height: 29px !important;} div#main_container_about div.box_ten{width: 146px; height: 216px; float: left; background: #e0eccd; margin: 5px 0 0 5px; font-size: 12px; color: black;} div#main_container_about div.box_ten p{padding: 0px 10px 0 10px;} div#main_container_about div.box_ten h3{padding: 0px 10px 0 10px; color: #954453; background:url(/_icons/forward_icon_red.png) 120px 0px no-repeat;} .picnic_unselected{background:url(../_icons/picnic_unselected.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left} .picnic_selected{background:transparent url(../_icons/.picnic facilities.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left} .restaurant_unselected{background:url(../_icons/restaurant_unselected.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .restaurant_selected{background:url(../_icons/restaurant.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .children_unselected{background:url(../_icons/children_unselected.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .children_selected{background:url(../_icons/children.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .pets_unselected{background:url(../_icons/pets_unselected.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .pets_selected{background:url(../_icons/pets allowed.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .disabled_unselected{background:url(../_icons/disabled_unselected.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .disabled_selected{background:url(../_icons/disabled access.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .gardens_unselected{background:url(../_icons/gardens_unselected.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} .gardens_selected{background:url(../_icons/gardens.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px;float: left;padding-right: 5px} div.submenu_container div.submenu_content.no-rounded-corner-left div.nurseries_inventory div#submenu_nav_up a img{margin: 30px 0 0 0;} div.submenu_container div.submenu_content.no-rounded-corner-left div.nurseries_inventory div#submenu_nav_down a:hover{position: absolute;} /* * End Nurseries page */ /* * Plant Finder landing page */ .plant-caption {width:100%;bottom:0;position:absolute;z-index: 100; display:block; background-color:rgba(0,0,0,0.7); color: white;font-size: 10px;} .plant-caption p {padding: 0 0 0 5px;margin:5px 0 5px 0} .plant-caption p a:link, .plant-caption p a:visited, .plant-caption p a:active {color: white;text-decoration: none} .plant-caption p a:hover {color: #408edc;text-decoration: none} .bridge-over-water-caption {width: 560px;font-size: 12px} .bridge-over-water-caption h1 {margin:5px 0 0 5px} .pf-box-one {padding:15px 20px 0 20px !important;height:184px!important} .flag_content_container{position:absolute;top:0;width: 175px; height: 90px; margin: 15px 15px; background: white; opacity: .95; box-shadow: 0px 0px 15px #282828; border: 1px solid #d1d2c7;} .flag_content_container p.why_buy{font:normal bold 17px Trebuchet,"Trebuchet MS"; text-align: center; color: #000;margin:5px} /* * My Garden */ div.my_garden_halfpage_container{width: 440px; height: 468px; float: left; border-radius: 4px; border: 1px solid #D1D2C7; background: white; padding: 20px; margin: 0 0 20px 0;} div.my_garden_halfpage_container.left{background-color: #ffebbe !important; background: url(/_images/my_garden_background.png) no-repeat; border-radius: 2px; height: auto !important; min-height: 468px !important;} div.my_garden_halfpage_container.right{margin: 0 0 0 16px; background-color: #f8f8f8;border-radius: 2px;} div.my_garden_halfpage_container.right div.green_breakline, div.my_garden_halfpage_container.left div.green_breakline{margin: 0px;} div.calender.arrows div#coda-slider.todo-slider{height: auto !important;} div.my_garden_halfpage_container.left .info {margin:10px 0 0 0;} div.my_garden_halfpage_container.left div.calender{width: 440px; min-height: 363px; height: auto; float: left; background: #fefdfb; border: 1px solid #d6d6d6; margin: 20px 0 0 0;} div.calender div.todo_list{width: 440px; min-height: 362px; position:relative;margin: 0 0 0 0px;float:left;padding:0; overflow: visible;} div.calender div.todo_list p:nth-child(7){border: none;} div.calender div.todo_list input{float: right;} .calender {position: relative;} .calender .coda-nav-left, .calender .coda-nav-right {margin:0;position:absolute;top:3px;z-index:5;width:40px;text-align: center;} .calender .coda-nav-left {left:0px;} .calender .coda-nav-right {right:0px;} .calender .coda-nav-left a, .calender .coda-nav-right a {background: #f4f4f4;line-height:30px;margin:0;text-decoration: none;font-size:42px;} .calender .coda-nav-left a:hover, .calender .coda-nav-right a:hover{color: #dbdbdb !important;} .calender .todo_list .record {float:left;border-bottom: 1px solid #f4f4f4;padding:0 0 10px 0;margin:5px 10px 5px 20px;width:410px;} .calender .todo_list .record .description {float:left;width:355px;font-size: 13px;padding-left:32px;} .calender .todo_list .record input{float:right;} .calender .todo_list .record .name_and_garden {margin: 0 0 3px 0; padding-left:32px;font-size: 13px;line-height: 15px;position:relative;} .calender .todo_list .record .name_and_garden img {position:absolute;left:-10px;top:0px;} .calender .todo_list .record .name_and_garden a {color:#2B2B2B;} .calender .todo_list .record .name_and_garden a:hover {color:#408EDC;} .garden_title {float:left;display:block;margin-left: 10px;} .garden_title a {text-decoration: none;font-size: 13px;font-weight: bold;color:#000;} .garden_title a:hover {text-decoration: underline;} .calender_title {float:left;clear:both;} .calender .todo_list h2 {position:relative ;float:left;background: #f4f4f4;width: 440px;height: 40px;text-align: center;color: #659E02;float: left;line-height: 40px;margin: 0px 0 10px 0;z-index:0} .todo-slider {float:left;position: relative;overflow: hidden;width:440px;} div.my_garden_halfpage_container.right p{width: 220px; height: auto; float: left; color: #659e02; margin: 20px 0 0 0; padding: 0px;} div.my_garden_halfpage_container.right p.table_favourite{text-align: right;} .my_garden_halfpage_container.right div.favourite_plants_table{width: 440px; height: 419px; float: left; background: white; margin: 10px 0 0 0;overflow: scroll;} .my_garden_halfpage_container.right table {width: 420px; float: left; margin: 5px 0 0 10px;vertical-align: middle;} .my_garden_halfpage_container.right table tbody tr td{border-bottom: 1px solid #f4f4f4; vertical-align: middle;} .my_garden_halfpage_container.right table tbody tr td img {padding:5px 0 5px 0;} .my_garden_halfpage_container.right table tbody tr td a {color:#2B2B2B;padding: 25px 5px 25px 5px;} .my_garden_halfpage_container.right table tbody tr td a:hover {color:#408EDC;} /* * Garden Design Tool Beta */ #display_record.garden_design_tool_homepage{width:961px !important;} #display_record.garden_design_tool_homepage h1{margin: 5px -5px 0px 27px;} #display_record.garden_design_tool_homepage span {display: block;color: red;margin-left: 25px;} #your_garden_designs .garden_design_list .scroll_bar_div{height:230px !important; width:430px; float: left; overflow: auto;margin: 6px 0px 0px 10px; border-radius:0px} #your_garden_designs .garden_design_list .scroll_bar_div table tbody tr td a i:hover{color: #408EDC !important} #your_garden_designs{width:450px;height:345px; float: left;margin:20px 0px 0px 10px; background: #f8f8f8;} #your_garden_designs h2{margin:10px 0px 0px 10px} #your_garden_designs h2 .plus_icon{margin: 3px 12px 0px 0px; float: right; behavior: url(/_css/PIE.php);border-radius: 18px;background: #a7c0e2;width: 18px;height: 18px;border: 2px solid #fff;color: #FFF !important;font: normal 24px/19px Arial !important;text-indent: 1px !important;letter-spacing: 0px !important;text-align: center !important;cursor: pointer;box-shadow: 0px 1px 8px #b3b3b3;} #your_garden_designs h2 .plus_icon:hover{border-radius: 30px;background: #2e83fc} #your_garden_designs h2 .plus_icon:active{border-radius: 30px; background: #2c78e4} #your_garden_designs hr{width:430px; height:2px; background: #cad8b6; border: none} #your_garden_designs table{width:415px; float: left; margin: 10px 0px 0px 10px;font-size: 13px} #your_garden_designs table tbody tr td{border:none} #your_garden_designs table tbody tr td.name a{border:none; text-decoration: none} #your_garden_designs .name{width: 267px; float: left;color:#85b90b; margin: 34px 0px 0px 21px} #your_garden_designs .last_modified{width: 120px; float: left;color:#85b90b; margin: 33px 0px 0px 10px; text-align: center} #your_garden_designs table tbody tr td{color: #000; text-decoration: none} #your_garden_designs table tbody tr:nth-child(even) {background: #fff} #your_garden_designs #end_table{width:427px; height: 2px;background: #e8e8e8; float: left; margin: 10px 0px 0px 12px !important; position: relative} #your_garden_designs .view_gardens p{font-size: 13px; color: #85b90b; text-decoration: underline} #your_garden_designs .view_gardens{width:430px; float: left; margin: 0px 0px 0px 10px; font-size: 13px;} #create_a_new_garden {width:450px; height:345px;float: left; margin:20px 0px 0px 27px} #create_a_new_garden .image_one{width: 197px;height:345px;margin:0px; float:left; background:url(../_images/create_a_new_garden.jpg) no-repeat} #create_a_new_garden .image_one h3{margin:10px 0px 0px 10px;font-size: 24px; font-weight: 500} #create_a_new_garden .image_one p{margin: 10px 0px 0px 10px;} #create_a_new_garden .image_one .green_button{margin: 188px 0px 0px 10px;width: 175px !important;height: 30px;text-align: center !important;line-height: 29px;box-shadow: 0px 0px 8px #ddd;} #create_a_new_garden .image_one .green_button a{color: #fff; line-height: 40px;} #create_a_new_garden .image_two{width: 243px; height: 168px; float: left; margin:0px 0px 0px 10px; background:url(../_images/create_a_new_garden_two.jpg) no-repeat } #create_a_new_garden .image_three{width: 243px; height: 168px; float: left; margin:10px 0px 0px 10px; background:url(../_images/create_a_new_garden_three.jpg) no-repeat } #garden_design_steps{width:910px; height: 287px; float: left; margin:10px 0px 0px 27px;background: #f8f8f8} #garden_design_steps h2{margin: 10px 0px 0px 10px} #garden_design_steps hr{width:890px; height:2px; background: #cad8b6; margin: 10px 0px 0px 10px; border: none} hr#design_steps_underline{width:910px; height:2px; background: #efefef; box-shadow: 1px 1px 1px #d4d4d4;float: left; margin: 20px 0px 0px 27px;} .design_steps{width:898px; height: 181px; float: left; margin: 33px 0px 0px 6px} #garden_design_steps .design_step_one{float: left; width: 149px;margin:30px 0px 0px 0px; padding-right: 4px;} #garden_design_steps .design_step_two{float: left;width: 149px;margin:7px 0px 0px 0px;padding-right:5px;} #garden_design_steps .design_step_three{float: left;width: 149px;padding-right: 5px;margin:0px} #garden_design_steps .design_step_four{float: left;width: 149px;padding-right: 3px;} #garden_design_steps .design_step_five{float: left;width: 149px;margin:0px;padding-right: 3px;} #garden_design_steps .design_step_six{float: left;width: 130px;margin:-11px 0px 0px -20px} .step_box.step1 {width:450px;height:260px;left:10%;top:1%;} .step_box.step1 .edit_menu.border_small {box-shadow: none;color:#000;} .step_box.step1 form#new_garden div {float:left; margin-bottom: 5px;} .step_box.step1 form#new_garden .submit_button {margin-top: 5px;float:right;} .step_box {position:absolute;top:0;left:30%;z-index:99;width:370px;} .step_box {padding:25px 20px;color: #fff;border-radius: 12px;box-shadow: 1px 1px 10px #000;border: 1px solid #272727;background: #626262; background: -moz-linear-gradient(top, #626161 0%, #4a4a4a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626161), color-stop(100%,#4a4a4a));background: -webkit-linear-gradient(top, #626161 0%,#4a4a4a 100%); background: -o-linear-gradient(top, #626161 0%,#4a4a4a 100%);background: linear-gradient(top, #626161 0%,#4a4a4a 100%);-pie-background: linear-gradient(#626161, #4a4a4a);behavior: url(/_css/PIE.php);line-height: 18px} .step_box .title {font-size: 33px; font-weight: bold;float:left;clear:both;position:relative;} .step_box .title b {position: absolute; top: -15px;left:80px;color: #7ab81f; background: #fff; height: 40px; width: 40px; border-radius:40px; border: 5px solid #7ab81f;line-height: 40px;text-align: center} .step_box p {clear:both;float: left;font-size: 16px; color: #fff;height: 77px; width: 221px;margin: 25px 20px 0 0;} .step_box img {float: right;box-shadow:1px 1px 10px #282828 !important;margin-top: 15px;} .design_step_one p{color: #fff; position: absolute;width:130px; margin:100px 0px 0px 0px; text-align: center} .design_step_two p{color: #fff; position: absolute;width:130px; margin:147px 0px 0px 0px; text-align: center} .design_step_three p{color: #fff; position: absolute; width: 130px; margin: 137px 0px 0px 0px; text-align: center} .design_step_four p{color: #fff; position: absolute; width: 130px; margin: 144px 0px 0px 0px; text-align: center} .design_step_five p{color: #fff; position: absolute;width:130px; margin:145px 0px 0px 0px; text-align: center} .design_step_six p{color: #fff; position: absolute;width:130px; margin:150px 0px 0px 20px; text-align: center} .garden_design_tool_homepage_non_user{width: auto !important; height: auto; margin-bottom: 20px} .garden_design_tool_homepage_non_user h1{margin: 0px 0px 0px 20px} .garden_design_tool_homepage_non_user hr{width: 926px; border: none; background: #bfd0a6; height: 2px;} #intro_key_features{width:auto; height: 194px; float: left; margin: 10px 0px 0px 20px} .column_one{width:297px; float: left; margin: 0px 0px 0px 14px} .column_one p{margin: 5px 0px 5px 0px} .column_one h3{margin: 0px} .column_two{width: 288px; float: left; margin: 0px 0px 0px 25px} .column_two hr{width:285px; border: none; height:2px;} .garden_design_tool_homepage_non_user div.item_text {width: 200px; margin: 0px 0px 0px 8px; float: left} .garden_design_tool_homepage_non_user div.item_text.full_width{width: 278px;} .garden_design_tool_homepage_non_user div.item_display div.item_pic{float: left} #main_container .column_three{width: 288px; float: left; margin: 10px 0px 0px 28px; background: url(/_images/register_bg.jpg); width:288px; height:193px; border: 1px solid #D1D2C7; border-radius: 4px; display: inline-block} #main_container .column_three h2, #main_container .column_three p{margin: 10px; color: #fff; text-shadow: 1px 1px 0px #000} #main_container .column_three span {font-weight: bold; background-color: #f8f8f8;padding: 5px 5px 5px 10px;display: block;font-size: 12px;} #main_container .column_three div.green_button{margin: 60px 0px 0px 10px; width: 110px} .registration_box{margin: 0px 0px 0px 10px} .registration_box p{font-size: 13px;} .registration_box div.green_button{margin: 72px 0px 0px 0px; width:100px;} .garden_design_tool_homepage_non_user div#garden_design_steps{width: 926px; margin: 30px 0px 30px 14px} .slider-wrap{width: 926px; margin: 0px 0px 30px 15px; float: left} div.slider-wrap div#banner_display{width: 926px} #movers-row{ margin: -43px 0 0 62px; } #movers-row div{ width: 20%; float: left; } #movers-row div a.cross-link{ float: right; } .photo-meta-data{background:#000; opacity:0.6; padding: 10px; height: auto; margin-top: -34px; position: relative; z-index: 9999; color: #fff; font-size: 10px; font-family: Arial; width: auto; float: left} .feedback_container{width:890px; height: 330px; float: left; margin:10px 0px 0px 27px;background: #f8f8f8; padding: 10px;} .feedback_container h2{margin: 0px} .feedback_leftside{float: left;width: 400px; margin-bottom: 10px;} .feedback_leftside a{color:#56990C;} .feedback_leftside a:hover{text-decoration: none} .feedback_rightside{float: right; width: 420px; margin-right: 10px;} .feedback_success_message{text-align:center ;margin-top:50px} .feedback_toggle {background-color:#e2dfdf;width:120px;padding:5px;text-align:center;} .feedback_container div.contact_form form#feedback textarea.message{width: 420px} .browser_msg {font-size:11px;width: 910px;margin:20px 0 0 27px;padding-top: 10px;} /* * End Garden Design Tool Beta */ /* * Contact Page */ .leftside{position: absolute; width: 420px; margin-bottom: 10px;} .leftside a{color:#56990C; position:absolute;margin-top:-10px;} .leftside a:hover{text-decoration: none} form#contact{position: absolute; width: 420px;margin-top: 46px; margin-bottom: 20px;} .name{width: 420px} .email{width:420px} .request{width: 420px} .message{width: 420px; height: 125px} #contact input.green_button{position: relative; float: right; right: -6px; line-height: 22px !important} .rightside{position: relative; float: right; margin-top: 13px; margin-bottom: 40px;} .rightside .div{position: relative;text-decoration: underline; color: #282828} .rightside a{color: #282828; position: relative} .rightside img{padding:15px 30px 0 0; position: relative} .map{border: 1px solid #333; margin-top: 28px} #error p {position:absolute; font-size:12px; color:red; width:420px; text-align:center; margin:15px 0 0 0} .success_message{position:absolute; text-align:center ;margin-top:20px} /*social icons*/ .phone_rounded{width: 29px; height: 29px; background: url(../_images/image.png) -350px -79px no-repeat; margin-top: 15px} .phone_rounded a{margin-left:60px;top: 6px; text-decoration:none} .facebook_rounded{width: 29px; height: 29px; background: url(../_images/image.png) -382px -81px no-repeat; margin-top: 15px} .facebook_rounded a{margin-left:60px;top: 6px; text-decoration:none} .twitter_rounded{width: 29px; height: 29px; background: url(../_images/image.png) -346px -49px no-repeat; margin-top: 15px} .twitter_rounded a{margin-left:60px;top: 6px; text-decoration:none} /* * End Contact Page */ /* * "no plant found" Page */ #request_plant {float:left;width:300px;} #request_plant_form .name, .message {width:420px;} #middle_col_or {float:left;width:30px;margin-left: 30px;} #add_a_plant_now {float: right;width:270px;margin-left: 30px;} div#add_a_plant_now div.green_button {margin-left: auto;margin-right: auto;width:120px;} /* * End of "no plant found" Page */ /* * CSS3 Buttons */ .red_button a{behavior: url(/_css/PIE.php);border-radius: 6px;width: 70px;height: 24px;float: left !important;color: #fff !important;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-align: center; cursor: pointer;padding-top: 3px;margin:10px 0 10px 0;background: #8bd01e; background: -moz-linear-gradient(top, #e38974 0%, #c53525 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c53525), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #e38974 0%,#c53525 100%); background: -o-linear-gradient(top, #e38974 0%,#c53525 100%); background: linear-gradient(top, #e38974 0%,#c53525 100%);-pie-background: linear-gradient(#e38974, #c53525);} .red_button a:hover {behavior: url(/_css/PIE.php);background: #76b803;background: -moz-linear-gradient(top, #df6d51 0%, #c53525 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6d51), color-stop(100%,#c53525));background: -webkit-linear-gradient(top, #df6d51 0%,#c53525 100%);background: -o-linear-gradient(top, #df6d51 0%,#c53525 100%);-pie-background: linear-gradient(#df6d51, #c53525);} .red_button a:active {background: -moz-linear-gradient(top, #df6d51 0%, #a83124 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6d51), color-stop(100%,#a83124));background: -webkit-linear-gradient(top, #df6d51 0%,#a83124 100%);background: -o-linear-gradient(top, #df6d51 0%,#a83124 100%); background: -ms-linear-gradient(top, #df6d51 0%,#a83124 100%); -pie-background: linear-gradient(#df6d51, #a83124);} .red_button_wide a{behavior: url(/_css/PIE.php);border-radius: 6px;width: 100px;height: 24px;color: #fff;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-align: center; cursor: pointer;background: #e38974; background: -moz-linear-gradient(top, #e38974 0%, #c53525 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e38974), color-stop(100%,#c53525)); background: -webkit-linear-gradient(top, #e38974 0%,#c53525 100%);background: -o-linear-gradient(top, #e38974 0%,#c53525 100%);background: linear-gradient(top, #e38974 0%,#c53525 100%);-pie-background: linear-gradient(#e38974, #c53525);} .red_button_wide a:hover{ behavior: url(_css/PIE.php);background: -moz-linear-gradient(top, #df6d51 0%, #c53525 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6d51), color-stop(100%,#c53525)); background: -webkit-linear-gradient(top, #df6d51 0%,#c53525 100%);background: -o-linear-gradient(top, #df6d51 0%,#c53525 100%); -pie-background: linear-gradient(#df6d51, #c53525);} .red_button_wide a:active{ behavior: url(_css/PIE.php);background: -moz-linear-gradient(top, #df6d51 0%, #a83124 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6d51), color-stop(100%,#a83124));background: -webkit-linear-gradient(top, #df6d51 0%,#a83124 100%);background: -o-linear-gradient(top, #df6d51 0%,#a83124 100%);background: -ms-linear-gradient(top, #df6d51 0%,#a83124 100%); -pie-background: linear-gradient(#df6d51, #a83124);} .green_button a, .grey_button a{color: #fff !important; text-decoration: none;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important; -pie-background: linear-gradient(#7cad2a, #86b92c);} .green_button{text-align: center; border-radius: 6px; padding:0 5px;height: 24px;cursor: pointer;background: #669f11;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%); behavior:url(/_css/PIE.php);} .green_button:hover {background: -moz-linear-gradient(top, #76b803 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08)); background: -webkit-linear-gradient(top, #76b803 0%,#4c7c08 100%); background: -o-linear-gradient(top, #76b803 0%,#4c7c08 100%); -pie-background: linear-gradient(#76b803, #4c7c08);} .green_button:active {background: -moz-linear-gradient(top, #76b803 0%, #375b05 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #76b803 0%,#375b05 100%);background: -o-linear-gradient(top, #76b803 0%,#375b05 100%);background: -ms-linear-gradient(top, #76b803 0%,#375b05 100%); -pie-background: linear-gradient(#76b803, #375b05); behavior:url(/_css/PIE.php);} .grey_button{text-align: center; border-radius: 6px;width: 70px;height: 24px;cursor: pointer;background: #ececec;background: -moz-linear-gradient(top, #ececec 0%, #b6b6b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#b6b6b6));background: -webkit-linear-gradient(top, #ececec 0%,#b6b6b6 100%); background: -o-linear-gradient(top, #ececec 0%,#b6b6b6 100%);background: linear-gradient(top, #ececec 0%,#b6b6b6 100%); -pie-background: linear-gradient(#ececec, #b6b6b6); behavior:url(/_css/PIE.php);} .grey_button:hover {background: -moz-linear-gradient(top, #d7d7d7 0%, #9d9d9d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#9d9d9d)); background: -webkit-linear-gradient(top, #d7d7d7 0%,#9d9d9d 100%); background: -o-linear-gradient(top, #d7d7d7 0%,#9d9d9d 100%); -pie-background: linear-gradient(#d7d7d7, #9d9d9d); behavior:url(/_css/PIE.php);} .grey_button:active {background: -moz-linear-gradient(top, #c3c3c3 0%, #868686 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(100%,#868686));background: -webkit-linear-gradient(top, #c3c3c3 0%,#868686 100%);background: -o-linear-gradient(top, #c3c3c3 0%,#868686 100%);background: -ms-linear-gradient(top, #c3c3c3 0%,#868686 100%); -pie-background: linear-gradient(#c3c3c3, #868686); behavior:url(/_css/PIE.php);} input.submit_button{float: right;width: 70px;height: 24px;border-radius: 6px;background: #669f11;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%);-pie-background: linear-gradient(#8bd01e, #4c7c08); behavior:url(/_css/PIE.php);} input.submit_button:hover {background: -moz-linear-gradient(top, #76b803 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08)); background: -webkit-linear-gradient(top, #76b803 0%,#4c7c08 100%); background: -o-linear-gradient(top, #76b803 0%,#4c7c08 100%); -pie-background: linear-gradient(#76b803, #4c7c08); behavior:url(/_css/PIE.php);} input.submit_button:active {background: -moz-linear-gradient(top, #76b803 0%, #375b05 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #76b803 0%,#375b05 100%);background: -o-linear-gradient(top, #76b803 0%,#375b05 100%);background: -ms-linear-gradient(top, #76b803 0%,#375b05 100%);-pie-background: linear-gradient(#76b803, #375b05); behavior:url(/_css/PIE.php);} input.delete_button{float:left !important;border-radius: 6px;color: #FFF;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-align: center; cursor: pointer;background: #8bd01e; background: -moz-linear-gradient(top, #e38974 0%, #c53525 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c53525), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #e38974 0%,#c53525 100%); background: -o-linear-gradient(top, #e38974 0%,#c53525 100%); background: linear-gradient(top, #e38974 0%,#c53525 100%);width: 70px;height: 24px; -pie-background: linear-gradient(#e38974, #c53525); behavior: url(/_css/PIE.php);} input.delete_button:hover {background: -moz-linear-gradient(top, #df6d51 0%, #c53525 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6d51), color-stop(100%,#c53525));background: -webkit-linear-gradient(top, #df6d51 0%,#c53525 100%);background: -o-linear-gradient(top, #df6d51 0%,#c53525 100%);-pie-background: linear-gradient(#df6d51, #c53525); behavior: url(_css/PIE.php);} input.delete_button:active {background: -moz-linear-gradient(top, #df6d51 0%, #a83124 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6d51), color-stop(100%,#a83124));background: -webkit-linear-gradient(top, #df6d51 0%,#a83124 100%); background: -o-linear-gradient(top, #df6d51 0%,#a83124 100%); background: -ms-linear-gradient(top, #df6d51 0%,#a83124 100%); -pie-background: linear-gradient(#df6d51, #a83124); behavior: url(_css/PIE.php);} form.add_comment_form input.green_button{margin: 10px 0px 10px 0;padding: 0 5px 3px 5px;float:right} input.reply_comment {margin: 10px 0px 0 0} input.delete_link {float:right;font-size: smaller} .done_button {bottom: 0;left: 0;} .cultivar_button {height:18px;width:65px;float:right} .cultivar_button a {font: bold 11px Trebuchet,"Trebuchet MS" !important} #designer_header form input.green_button, #nursery_header form input.green_button, #garden_header form input.green_button, #user_name_container form input.green_button{margin: 30px 20px 10px 0px !important;width: 100px;line-height: 22px !important; float: left !important} form.gardens_search input.green_button{margin: 38px 0px 0px 0px !important;padding: 0 0 3px 0;font: bold 13px Trebuchet,"Trebuchet MS" !important;width: 70px;height: 24px; float: left} form#email input#subscribe.submit{margin-right:88px;} #plant_rating_container form input.green_button{color: #fff; border: none; float: left;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important; width: 100px} form input.green_button{color: #fff; border: none; float: left;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important} input.button_search {margin: 10px 0 10px 0} div#sidebar div#search_container.module_rounded_border .button_search_reset {width:95px; height:20px; text-align: right; background: none; margin: 12px 0 0 0;padding: 0; border: none; border-left: 1px solid #ddd; cursor: pointer; font-size: 13px;} div#search_container.module_rounded_border .button_search_reset:hover{text-decoration: underline;} div.hide-container p.remove_para_spacing select.garden_style{margin: -16px 0 0 0;} div#search_container.module_rounded_border div#search_menu form input.button_search{width: 70px; cursor: pointer; float: left} div#search_container.module_rounded_border div#search_menu form input.button_search.plant_finder{width: 220px; background-color: #F4F4F4; border: none; text-decoration: underline; cursor: pointer;} div#search_container.module_rounded_border div#search_menu form input.button_search.plant_finder:hover{background-color: #eee;} input.remove_comment {background: url(../_images/image.png) -646px -278px no-repeat transparent;padding-top: 0px;margin:1px 10px 0px 0} input.remove_comment:hover{background: url(../_images/image.png) -646px -308px no-repeat} input.submit_button, input.delete_button, .delete_button_grey, input.remove_comment{border: 0 none;clear: both;color: #FFF;cursor: pointer;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;height: 24px;padding: 2px 0px 3px 0px;text-indent: 0;width: 70px} .delete_button_grey {float:left !important; padding:0 !important;text-align: center; border-radius: 6px; background: #c6c5c5;behavior:url(/_css/PIE.php);} .delete_button_grey span {display:block;margin: 2px 0 2px 0} input.submit_button, input.delete_button, .delete_button_grey {color: #FFF;cursor: pointer;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-indent: 0px;border: 0 none;height: 24px;padding: 0px 0px 3px 0px;width: 70px;clear:both} .add_button {padding: 0 ; margin:0 0px 0 10px ; position:absolute; top:4px; right:13px;text-indent:-9009px;display:block;} .add, .add:active, .add:hover, .add_button, .add_button:hover, .add_button:active{margin: 0 0 0 10px;behavior: url(/_css/PIE.php);border-radius: 18px;background: #a7c0e2;width: 18px;height: 18px;border: 2px solid #fff;color: #FFF !important;font: normal 24px/19px Arial !important;text-indent: 1px !important;letter-spacing: 0px !important;text-align: center !important;cursor: pointer; box-shadow: 0px 1px 8px #b3b3b3} .add:hover, .add_button:hover{background: #2e83fc} .add:active, .add_button:active{background: #2c78e4} /* * End CSS3 Buttons */ .info_fields table td{font-weight: bold} .info_fields table td label {font-size:11px} .info_fields table td input {float:left;margin-top:2px;box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box} .info_fields table td span.slash, .info_fields table td select {float:left;margin:4px 0 10px 0;color:#000} .info_fields table td span {color: #FF7400} .current_user {color: #408edc} table.edit_promo {border-collapse: collapse;font-size:12px;margin:0;padding:0} table.edit_promo tr th {border:1px black solid;background-color:#d2d2d2 ;color:#000} table.edit_promo td {text-align: center;border:1px black solid;background-color: #fff;height:30px} .contributors_wide {float:right;margin:15px 40px 0 0px} .contributors_wide a {float:left;display:block;margin:0 50px 0 50px} .instructions {text-align: center;display: block;margin-right: auto;margin-left: auto;width: 120px;font-size: 8pt} .info_msg {float: left;padding-bottom: 5px;padding-top: 5px;text-align: center;clear: both;color: #888;font-size: 7pt} #box_heading {margin-top: 0px;background-color: #8ea637;height: auto;font-size: 12pt;color: #f2f2f2;padding-right: 5px;padding-left: 5px;font-weight: normal;padding-top: 2px;padding-bottom: 2px} #edit_form select {width:230px;margin-top: 5px;/* margin: 15px 1px 5px 1px; */float: left;clear: left} .multiple_select span {color:#fff; clear: both;font-size: 7pt;padding-bottom: 3px;padding-top: 3px;text-align: center;margin:0 auto;width:100%} .multiple_select {margin:0px 0 0px 0;padding:0px;background-color:#545454;float:left} .multiple_select select {margin:0 !important;height:120px} #submit_container {clear:both;margin-top: 9px;width: 42px;float: right} #submit_container input {clear: none;float: right} .size_y_field .edit_menu {right:10px;top:500px} .edit_menu {min-width:180px;padding-left: 10px;padding-bottom: 10px;padding-right: 10px;padding-top: 30px;background-color: #fff;margin-top: 0px;z-index: 11;border: 4px solid #999;position: absolute;height: auto;border-radius: 10px;/* remove settings from sideways display of height */-webkit-transform: rotate(0deg); behavior: url(/_css/PIE.php);} #display_error {border-width: 1px;left: 25%;top: 25%;z-index: 8;border-style: solid;padding: 20px;height: 180px;width: 400px;position: absolute;background-color: #FFF} .visit_plantfinder_button {font-size:13px;padding: 10px;width:685px;text-align: center;height:20px;float:left;clear:both;text-decoration: underline;background-color:#f4f4f4} .wide {width: 949px !important} #edit_form a:hover {background-color: white} #buy_container {padding: 5px;margin-bottom: -70px;margin-right: -90px;float: right;left: 110px;top: 210px;height: 60px;width: 80px;position: relative;background-color: #cdef58} #scientific_name, #scientific_name_vegetable {width:430px;font-weight: bold;font-size: 16pt} #pest_and_disease_name {width:430px;float: left;font-weight: bold;font-size: 16pt;} #common_pest_name {width:430px;float: left;font-weight: bold;font-size: 12pt} .common_name_field{clear: left} .common_name_field, .common_name_vegetable_field {margin-left:4px;float: left;font-size: 16pt;width:406px} .common_name_field a {font-weight:normal;font-style:italic;font-size: 16pt;} .daffodil_type_field {margin-left:4px;float: left;font-size: 16pt;} .see_link {float:left;clear:both;font-size:16pt} .see_link a:link {text-decoration: underline !important;color:#408EDC !important} .see_link a:visited {color:#408EDC !important} .info_item {width:215px;margin:2px 2px 7px 7px;float:left;min-height:35px} .info_item a {font-weight:bold;display:block} #plant_description_container {margin:0px;color:#2B2B2B} .text_button {border:none;background:none;text-align: left;cursor: pointer;font-weight: bold;padding:0;margin-left:-3px} .text_button:hover {color:#408edc} .field_description {color: #999;text-align: left} .field_description_short {float: left;color: #aaa;text-align: right;width: 45px} .field_text {padding-left: 7px;float: left;width: 273px;overflow: hidden} .field_text select {float:left} .field_text_short {float: left;width: 140px;padding-left: 7px;overflow: hidden} .field_text_soil {line-height: 110%;float: left;width: 192px;padding-left: 7px;overflow: hidden} .details_left {width:400px;float: left;margin-left:10px;font-size: 10pt} .details_right {float: right;font-style: italic;font-size: 10pt} .edit_title{font-size: 13px} .edit_icon {position: absolute;margin-left: -6px;z-index: 0;float: left;margin-right: -5px;display: inline-block} #left_right_container {position:relative} #nav_breakline {width: 980px; height: 5px; background-color: #e8e8e8; padding-top: 300px} #characteristics_container {float: left;height: 42px;width: 690px;padding-bottom: 2px;margin: 6px;border-right-width: 0px;border-left-width: 0px;border-bottom-width: 0px;border-top-width: 1px;border-style: solid;border-color: #666} /* * Submenus */ form.edit_menu.border_small div#science_name_field_form input{float: none} div#full_submenu_container.border.address div.green_button{float: left} div#full_submenu_container.border.address div.full_submenu_info{width:300px;padding: 5px 0px 5px 10px !important; margin:0px 0px 10px -3px !important} div#full_submenu_container.border.address div.full_submenu_info form.edit_menu.border_small span.edit_title{float: left} .full_submenu_notes_field {width:750px !important;clear:both} div.full_submenu_plant_care_description_field {clear:both;float:none !important;width:510px !important;margin-top: 10px !important} .submenu_container {clear:both;z-index: 1;position:relative;padding-bottom: 2px;float: left;width: 703px;margin:10px 7px 2px 0px} .wide .submenu_container {width:950px} .submenu_wide {margin-top:10px !important;width:946px !important;height:auto !important} .submenu_wide .submenu_content {min-height:146px !important} .submenu_nav {position:absolute;top:0px;font-size: 11pt;height: 30px;width: 698px} .submenu_content {float:left; width: 703px; min-height:220px;margin-top:30px;background-color;border: 1px solid #E2E2E2;border-radius: 4px; padding: 10px 0 0 0;} .no-rounded-corner-left {border-radius: 0px 4px 4px 4px !important} .tab_notification {padding-bottom:1px;position:relative;left:1px;bottom:10px;color:white !important;margin:0;font-size:11px;width:20px;display:inline-block;height:14px;color:black;background-color:#64ac06; border:2px white solid;border-radius:9px;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc; behavior: url(/_css/PIE.php);} div.submenu_nav a#pests_and_diseases_affected.submenu_unselected span.tab_notification{margin: 0 -19px 0 0; float: right;} .submenu_nav a {padding-bottom: 2px;padding-top: 2px;color: #2B2B2B;font-weight: bold;margin-right: 4px;width: 132px;position:relative;text-align: center;float: left;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px} .submenu_nav a:link {text-decoration: none} .submenu_nav a:visited {text-decoration: none} .submenu_nav a:hover {color:#408edc} .submenu_selected {height:26px;background-color:white;border: 1px solid #E2E2E2; border-bottom: none;border-radius: 10px 10px 0px 0px} .submenu_unselected {height: 24px;border: none;background-color: #fff} #submenu_nav_left a{position: relative;float: left;margin-top: 60px;width:30px;height: 37px} #submenu_nav_right a{position: relative;float: right;margin-top: 60px;width: 30px;height: 37px} #submenu_nav_up {margin-bottom: -5px;margin-top: -25px;float: left;margin-left: 329px;height: 25px;width: 44px} #submenu_nav_down {clear: left;float: left;margin-left: 329px;margin-top: -7px;height: 25px;width: 44px} #submenu_nav_down a:hover, #submenu_nav_up a:hover {font-size: 35px} .submenu_horizontal_record_container{margin-bottom: 5px;font-size: 8pt;text-align: center;float: left;width: 643px;} .submenu_record {float:left;width:200px;margin-right:0px;margin-left: 13px} .preview_link {float:right;font-size:11px;width:15px;height:14px; background: url(../_images/image.png) -440px -36px no-repeat;text-indent: -9999px;text-transform: capitalize} .submenu_plant_qty {font-weight: bold} .submenu_horizontal_record_container img {margin-top: 2px;margin-bottom: 1px;height: 159px;width: 200px} .submenu_vertical_record_container .submenu_record{padding: 4px 0 4px 7px;margin: 0 5px 20px 4px;float: left;width: 671px} .plants_goeswell {float:left} .plants_goeswell .submenu_vertical_record_container .submenu_record {padding: 0px 0 0px 7px;margin: 0 5px 0px 4px;float: left;width: 185px} .gardens_plant_list .submenu_vertical_record_container .submenu_record{padding: 0px 0 0px 7px;margin: 0 5px 0px 4px;float: left;width: 215px} .empty_submenu {font-size:16pt;color: #BCBCBC;font-weight: bold;width:300px;margin:0 auto;text-align: center;} .empty_submenu span {font-size: 12px;} .plants_goeswell .submenu_vertical_record_container {width:190px;margin-top: -20px; display: inline} .plants_goeswell img {float:left;margin-top:2px} .plants_goeswell .submenu_genus_name {width:80px;float:left;margin-left:10px} .plants_goeswell .preview_link {position: relative;float:left;width:50px;margin:5px 0 0 10px} span.submenu_plant_id a {display: inline-block;text-indent: -9999px !important;background: url(/_images/image.png) -440px -39px no-repeat;margin-left: 10px;width: 18px;height: 11px;} .submenu_vertical_record_container span {display:block} .vertical_header span {color:black} .vertical_header span strong {text-decoration: underline} .vertical_header {float:left;margin:0 0 0px 12px;padding-bottom:0px;height:20px;width: 651px;border-bottom: 0px #e2e2e2 solid;} .vertical_header .submenu_plant_care_description {width:301px;text-align:left;float:left} .submenu_plant_care_heading {padding-right: 12px;font-weight: bold; float:left;width:70px} .submenu_season {float:left;width:98px;margin-left: 12px} .submenu_plant_care_description {width:465px;float:left} .submenu_username {clear:both;float:right;color: #888;font-size: 8pt;margin-right: 20px} .submenu_edit_date {float:right;color: #888;font-size: 8pt;margin-right: 5px} .submenu_edit_date span {text-decoration: underline;display:inline} .full_submenu_comment_field {width:520px !important;display:block} .full_submenu_username_field {clear:both} .gardens_plant_list .submenu_vertical_record_container {height:auto;width:229px;margin: 0px 0 0 5px; padding: 0;margin-left:0px;font-size: 12px !important} .gardens_plant_list .submenu_vertical_record_container .category {margin:10px 0 1px 6px;float:left} .gardens_plant_list .submenu_vertical_record_container .submenu_record {margin-left:15px;clear:both} .gardens_plant_list .submenu_vertical_record_container span {float:left} .gardens_plant_list .submenu_vertical_record_header {width:225px; font-size: 12px !important;font-weight: bold;margin: 0 5px 0px 4px;padding: 4px 0 0px 3px} .submenu_date_planted_header {float:right} .submenu_vertical_record_header span {text-decoration: underline} .submenu_date_planted {float:right !important;font-size: 10px ;font-style: italic} .submenu_wide #submenu_instruction_container {width: 900px} .gardens_landscape {width: 244px} .gardens_landscape #submenu_instruction_container {width:auto} #submenu_instruction_container {width: 696px; margin: 0 7px 0 0; clear: none;float: right} #submenu_instruction_container a {clear: none;float: right;color: white} .submenu_pagination {float:left;width:200px;margin-top: 8px; margin-left: 20px;} #submenu_page_selected {float:left;font-weight: bold} #full_submenu_container {border-radius: 10px;max-width: 900px;min-width: 200px;padding: 15px 15px 15px 15px;border: 4px #999 solid;left: 10%;top: 1%;z-index: 999;width: auto;position: absolute;background-color: white} .full_submenu_image img {width:640px;height:auto;display:block;margin: 0 auto} .full_submenu_plant_care_heading {margin-right: 10px;font-weight: bold} .full_submenu_season {font-style: italic;margin-right: 10px} .descending{background: url(../_icons/descending.png) no-repeat;text-indent:-9999px; height: 25px} a:hover .descending {background-position:0 -5px} .ascending{background: url(../_icons/ascending.png) no-repeat;text-indent:-9999px; height: 5px; width: 10px} a:hover .ascending {background-position:0 -5px} /* * End Submenus */ /* * Instructions page */ .top_text, .top_text h1{width: 1000px; text-align: left; height: 100px;} .top_text p{font-size: 15px} .top_text a{color: #56990C} .pictures_container{font-size: 18px;} .picture_one, .picture_two, .picture_three, .picture_four, .picture_five, .picture_six, .picture_seven, .picture_eight {width: 1000px; height: 520px;} .bottom_text{width: 1000px; text-align: center; font-size: 15px} .bottom_text a{color: #56990C} /* * End Instructions page */ /* * Legals page */ .plantify_big_logo{position: absolute;width:107px; height: 104px; background: url(../_icons/plantify_large_icon.png);left:50%;margin-left: -53px;} .line{position: absolute; margin-top:138px;width:940px;height: 1px; background-color: #282828} .conditions_of_use{position: absolute; width: 980px; text-align: left; margin-top:180px} .line_two{position: absolute; margin-top:300px;width:940px;height: 1px; background-color: #282828} .para_one{float: left; width: 445px;margin-top: 330px} .para_two{float: right; width: 445px; left: 505px;margin-top: 330px} .para_two p a{color:#5EA307} /* * End Legals page */ /* * How to add a plant page */ #flower_box {margin-top: 15px; float: right; width: 264px; height: 274px; background-image: url(../_images/features/flower_box2.png);} .flower_box_msg {width: 191px; height: 220px; margin-top: 0px; margin-left: 35px;} #flower_box div.flower_box_msg div.green_button{width: 100px} .flower_box_msg a:hover {color:#fff} #flower_box2 {margin-left: 15px; margin-top: 0px; float: right; width: 245px; height: 450px; background-image: url(../_images/features/flower_msg_box3.png); background-repeat:no-repeat; } .flower_box2 {margin-top: 15px; margin-left: 15px; margin-right: 15px;} .flower_box2 div.green_button{width:105px; float: left} #visit_garden .flower_box2 div.green_button{float: right} .flower_box2 p {color: #000;} .flower_box2 a:hover {color:#fff} /* * End How to add a plant page */ /* * How to use Garden Design Tool */ div#display_record.how_to_use_garden_design_tool{width: 960px; height: auto} div.grey_breakline_feature.gdthelp{width: 600px; float: left; margin: 20px 0px 20px 171px; } div.grey_breakline_feature.endcontact{width: 600px; float: left; margin: -10px 0px 20px 171px; } div.grey_breakline_feature.afterslider{width: 600px; float: left; margin: -20px 0px 20px 171px} .introduction{width: 900px;margin: 0px 0px 0px 50px} .introduction_right{background: #c5d2b6; width:500px; float: left; margin: 0px 0px 0px 40px;padding: 1px;} .introduction_right div{background: #fff;width:473px; margin:2px 2px -5px 7px;padding:6px} .introduction_right div p{margin:5px 6px 3px 6px; font-size: 12px} .introduction_right h2{margin: 5px; font-size: 15px} .introduction_left{width: 280px; float: left} .introduction_left a, .introduction_left h2{font-weight: bold; color: #659E02 !important; font-size: 14px} .coda-slider-wrapper {padding: 20px 0; margin: 50px 0px 0px 40px; float: left} .coda-slider {border-radius: 4px; border:1px solid #D1D2C7; float: left} .coda-slider, .coda-slider .panel {width: 520px; height: 507px} .coda-slider-wrapper.arrows{width: 982px} .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 600px; height: 590px !important} .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px} .coda-nav-left{margin: 0px 90px 0px 0px} .coda-nav-right{margin: 0px 0px 0px 90px} .coda-nav-left, .coda-nav-right {float: left;} .coda-nav-left a, .coda-nav-right a {color: #60941C !important;font: bold 50px Courier; height: 30px; margin: 262px 0px 0px 0px; display: block} .coda-nav-left a:hover, .coda-nav-right a:hover{color: #408EDC !important} .coda-nav ul li a.current {color: #60941C !important; text-decoration: underline !important} .coda-slider .panel-wrapper { padding: 20px; text-align: center} .coda-slider p.loading { padding: 20px; text-align: center } .coda-nav ul {display: inline; position: absolute; width: 786px !important; top:290px; left: 89px} .coda-nav ul li {display: inline; float: left} .coda-nav ul li a {color: #000; display: inline !important; float: left; margin-right: 10px; padding: 3px 6px; text-decoration: none} .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider {float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left} .coda-slider .panel-container { position: relative} #feedback_form{float: left; width: 600px; height: 320px; margin: 10px 0px 0px 169px} #feedback_form form#feedback input.name, #feedback_form form#feedback input.request, #feedback_form form#feedback input.email{width: 600px; height: 20px; margin: 0px 0px 10px 0px} #feedback_form form#feedback textarea.message{width: 600px; height: } #feedback_form .green_button{float: right} #addiontal_information{float:left; width: 300px; height: auto; margin: 0px 0px 20px 20px} div#display_record.how_to_use_garden_design_tool .text_one{width: 300px; height: auto; float: left;margin: 0px; padding: 0px} #contact_form_container {float: left; width: 330px; height:450px; margin: 0px 0px 0px 169px} form#contact_help{position: absolute; width: 350px;margin-top: 20px; margin-bottom: 20px} form#contact_help fieldset#contact_l2.contact_form p textarea#details{width: 300px} #contact_help_container {padding: 10px;width:685px;clear:both;background-color:#f4f4f4} /* * Help page */ .help_box {width: 223px; height: auto; border:4px solid #bfd0a6; float: left; margin:0px 4px 10px 0px} .help_box.help_garden{margin-left: 30px;width: 550px;font-size: 12px;margin-bottom: 0px} .help_box.help_garden p {padding-left: 10px} .help_box h4 {background-color: #bfd0a6; width: 100%; height: 27px; margin-top: -1px;padding-top: 5px} .help_box p {padding:0px 5px 0px 0px} .help_pic {float:left; border-color: #c6d2b7;margin: 4px 5px 0px 5px;} /* * End Help page */ /* * About page */ #main_container_about {padding: 0px 0px 20px 0px !important;width: 980px;float:left;z-index: 1; background-color: #fff;margin-bottom: 20px; border-radius: 4px; border:1px solid #d1d2c7; behavior:url(/_css/PIE.php);} #main_display_about {width: 980px;} #about_content {width: 570px; margin: 20px 0px 0px 20px; float: left} #about_content div.green_button{width:130px} #about_content a {color: #2B2B2B;} #about_content a:hover {color:#408edc} #about_header {margin-bottom: 20px} .key_feature1 {position: relative;width: 315px; margin: 20px 20px 0px 0px; float:right; background-color: #eff5eb; padding: 15px 15px 25px 15px; line-height: 15px} .key_feature1 ul {list-style-type:disc} .key_feature {margin: 0px;float:left;padding-left: 15px} .key_feature li a {color:black;} .key_feature li a:hover {color:#408edc} .key_feature1 div.green_button {left:120px; top:370px; width: 90px; position: absolute; color:#fff; text-decoration:none;} /* * End About page */ /* * Garden design tool landing page page */ #garden_design_banner {background-color: #fff; border-radius: 4px; behavior:url(/_css/PIE.php); margin-top: 20px; margin-bottom: 30px; border-style:solid; border-width:1px; border-color:#d1d2c7;} #gdt_container {margin-top:20px;padding: 15px !important; width: 950px;float:left;z-index: 1; background-color: #fff;margin-bottom: 20px; border-style:solid; border-width:1px; border-color: #bbbbb4; border-radius: 4px; behavior:url(/_css/PIE.php);} .gdt_content {width: 940px;float: left; } .gdt_content a:link {color: #659e02;} .gdt_content a:visited {color: #659e02;} .gdt_content a:active {color: #659e02;} .gdt_content a:hover {color: #325704;} #gdt_banner {width:980px;height: 534px;background-image: url(../_images/banners/garden-design-banner11.jpg);} .gdt_banner div.green_button {width:120px;margin-top: -200px;margin-left: 300px;} #cdcontainer span.lcdstyle {behavior:url(/_css/PIE.php);font-size:22px;color:#fff;padding:15px;border-radius: 4px;background: #8bd01e;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%);-pie-background: linear-gradient(#8bd01e, #4c7c08);} .time_item {display:inline-block; width: 30px;} .time_name {font-size: 50%;color:#fff;} .countdown {margin-top:35px; position:absolute; left:43px;} .countdown_home {display:inline-block;margin-top:-30px;float:left;margin-left:150px;font-weight:bold;font-size:16px;color:#659e02;padding:5px 15px 25px 15px;background-color: #fff;border-style:solid; border-width:2px; border-color:#999;border-radius: 4px;} .time_item_home {display:inline-block; width: 30px;} /* * End Garden design tool landing page page */ /* * My Garden landing page page */ #mygarden_notebook {width:980px;height: 534px;background-image: url(../_images/static-pages/mygarden_notebook.jpg);border:1px solid #d1d2c7; behavior:url(/_css/PIE.php);} .notebook_container {width: 300px;margin-left:150px;margin-top:75px;} .notebook_container h1 {text-align: center;font-size: 32px} .mygarden_indent {margin-left:25px;list-style:square url("../_images/static-pages/plantify-small-logo.gif");} .mygarden_indent li {padding: 0 5px 10px 5px;} /* * End My Garden landing page page */ /* * Links page */ #link_display_box {width: 834px; padding-left:15px;float: left; background-color: #fff;border-style:solid; border-width:1px; border-color: #d1d2c7;border-radius: 10px; behavior:url(/_css/PIE.php); margin-bottom: 30px; padding-bottom: 25px} #link_box_wide {width:800px; margin-top:25px; margin-left: 15px; float: left; margin-right: 27px} #link_box {width:375px; margin-top:25px; margin-left: 15px; float: left; margin-right: 27px} .link_pic {float:left; margin-right: 1em; margin-bottom: 20px} .link_logo {float:left; margin-right: 1em;} .link_text h3 {margin-top: -2px; margin-bottom: -12px; color: #659e02; text-decoration:none; margin-left: 133px} .link_text h3 a:link {color: #659e02;} .link_text h3 a:visited {color: #659e02;} .link_text h3 a:active {color: #659e02;} .link_text h3 p {margin-top: -16px;} .link_text_no_pic {float:right; width: 700px; height: 88px;} .link_text_no_pic h3 {margin-top: -2px; margin-bottom: -12px; color: #659e02; text-decoration:none;} .link_text_no_pic h3 a:link {color: #659e02;} .link_text_no_pic h3 a:visited {color: #659e02;} .link_text_no_pic h3 a:active {color: #659e02;} .link_text_no_pic h3 p {margin-top: -16px;} .link_text h4 {margin-top: 10px; margin-bottom: -12px; color: #aec74e; text-decoration:none;} .link_text h4 a:link {color: #659e02;} .link_text h4 a:visited {color: #659e02;} .link_text h4 a:active {color: #659e02;} .link_text h4 p {margin-top: -16px;} .grey_breakline_long {width: 800px; height: 2px; background-color: #e8e8e8; margin-top: 10px; float: left; margin-left: 15px} .ref_text {width: 760px} .ref_text h3 a:link {color: #659e02;} .ref_text h3 a:visited {color: #659e02;} .ref_text h3 a:active {color: #659e02;} /* * End links page */ /* * Press page */ #press_content {width: 940px; margin-top: 20px; margin-left: 20px; float: left} .press_content a:link, .press_content a:visited, .press_content a:active {color: #000} .press_content a:hover {color: #408edc} /* * End Press page */ /* * Plant Finder (help menu) page */ .plantfinder_pic {height: 240px; padding-top: 5px; margin-bottom: 10px; width: 122px; background-image: url(../_images/features/plantfinder2.jpg)} .plantfinder_pic p {padding-top: 110px} .plantfinder_pic a:link, .plantfinder_pic a:visited, .plantfinder_pic a:active {color: #659e02} .table2 {min-height: 300px} .table3 {min-height: 315px} .plant_finder_feature {width: 633px; height: 577px; background-image: url(../_images/features/pf_feature8.jpg); margin-bottom: 0px; margin-left: 20px;} .plant_finder_feature a {color:black;text-decoration: none} .plant_finder_feature a:hover {color:#408edc; text-decoration: none} .three_quater_content {padding:20px;background-color: #FFF;border-radius: 4px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);float: left;min-height: 488px;/* overflow: auto; */width: 680px;position:relative;margin-bottom: 20px} .three_quater_content div.green_button {float:right;width:120px;margin-top: -25px;} #link_notes {width: 240px; float: right;padding-left: 10px; padding-right: 10px; width: 215px; margin-top: 10px;float:right; background-color: #fff; padding-bottom: 8px; padding-top: 10px; border-style:solid; border-width:1px; border-color: #d1d2c7; ;border-radius: 4px; behavior:url(/_css/PIE.php);} .link_notes ul {margin-top: 15px;float:left; list-style-type: none;} .link_notes li {margin-right: 10px; list-style-type: none;} .link_notes li a {color:black;} .link_notes li a:hover {color:#408edc;} #link_notes h2 {margin-top: 5px; margin-bottom: 10px;} .top10_box {width:190px;float: left; background: #f8f8f8; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; margin-right: 15px; margin-bottom: 10px;} .top10_box h3 {text-align: center;} .top10_box a:link, .top10_box a:visited, .top10_box a:active {color: #000} .top10_box a:hover {color: #408edc;} .top10_box hr{width:100%; height:2px; background: #cad8b6; margin-top: -5px; margin-bottom: 20px;} .top10_table {margin-top: 15px;} .top10_table tr {border:none} .top10_table tr.row1 {background-color: #fff; width: 60px;} .top10_table tr.row1 { width: 60px;} .top10_table tr td.col1 {width: 15%;} .top10_table tr td.col2 {width: 85%} .full_width_content {width: 940px; margin-top: 20px; margin-left: 20px; float: left; } .full_width_content a:link, .full_width_content a:active, .full_width_content a:visited {color: #000;} .full_width_content a:hover {color: #408edc;} .genus_table table {width: 30em;} .genus_table td {width: 10em; float: left;} .breakline {width:100%; height: 1px; background-color: #bbb;} .speciesList {font-style:italic;} .speciesList a:link, .speciesList a:visited, .genusList a:link, .genusList a:visited {color: #000} .speciesList a:hover, .genusList a:hover {color: #408edc} .speciesList h3 {font-style:italic; margin-bottom: -1px; margin-top: 2px;} .genusList {font-style:italic; text-transform:lowercase;} .genus_table ul {float: left; width: 80em; margin: 0; padding: 0;list-style: none;} .genus_table li {float: left; width:20em; margin: 0; padding: 0;} .genus_table br {clear: left;} .genus_test {-moz-column-count: 4; -moz-column-gap: 2em; -moz-column-rule: 1px dashed #bbb; -webkit-column-count: 4; -webkit-column-gap: 2em; -webkit-column-rule: 1px dashed #bbb;} /* * End Plant Finder (help menu) page */ /* * PLANT SELECTOR General styles */ div.scroll_bar_div div.plantSelectorPlantSun{background: #fff; width: 100px; height: 30px;border-radius:4px;left: 359px; top:21px;} div.scroll_bar_div div.plantSelectorPlantMoisture{background: #fff; width: 100px;height:24px;border-radius:4px; left: 359px; top:21px} div.scroll_bar_div div.plantSelectorPlantSun div.sun{background:transparent url(/_images/image.png) -270px -43px no-repeat;width:18px;height:20px} .plantSelectorResultCount{height: 90px;position: relative} div.plantSelectorPlantSun div.sun_unselected, div.plantSelectorPlantSun div.sun, div.plantSelectorPlantSun div.partial.shade_unselected, div.plantSelectorPlantSun div.partial.partial.shade, div.plantSelectorPlantSun div.shade_unselected, div.plantSelectorPlantSun div.shade{float: left; margin: 6px 4px 0px 7px; width: 22px;height: 20px} div.scroll_bar_div .field_box.spread_field h5.field_description, div.scroll_bar_div .field_box.height_field h5.field_description{float: left} div.scroll_bar_div .field_box.spread_field.read_only{float: left; width: 80px !important; position: relative;margin: -1px 0px 0px 30px !important} div.scroll_bar_div .field_box.spread_field.read_only span.spread:after, div.scroll_bar_div .field_box.spread_field.read_only span.spread:before, div.scroll_bar_div .field_box.height_field.read_only span.height:after, div.scroll_bar_div .field_box.height_field.read_only span.height:before{content: none !important} div.scroll_bar_div .field_box.spread_field.read_only span.spread{float: left; margin: 0px 0px 0px 3px; font-size: 13px} div.scroll_bar_div .field_box.height_field.read_only{float: left;width: auto !important; position: relative; margin: 2px 0px 0px 0px !important} div.scroll_bar_div .field_box.height_field.read_only span.height{float: left; position: absolute; margin: 0px 0px 0px 3px; font-size: 13px} div.scroll_bar_div div.plantSelectorPlantbuttonContainer a{position: absolute; top:-12px; right:30px;padding-right: 3px;width: 15px; height: 14px;background: url(../_images/image.png) -440px -36px no-repeat; text-indent: -9999px !important} div.plantSelectorPlantSun div.sun p, div.plantSelectorPlantSun div.sun_unselected p, div.plantSelectorPlantSun div.partial.shade p, div.plantSelectorPlantSun div.partial.shade_unselected p, div.plantSelectorPlantSun div.shade p, div.plantSelectorPlantSun div.shade_unselected p, div.plantSelectorPlantMoisture div.well.drained p, div.plantSelectorPlantMoisture div.well.drained_unselected p, div.plantSelectorPlantMoisture div.moist.well.drained p, div.plantSelectorPlantMoisture div.moist.well.drained_unselected p, div.plantSelectorPlantMoisture div.moist p, div.plantSelectorPlantMoisture div.moist_unselected p, div.plantSelectorPlantMoisture div.aquatic p, div.plantSelectorPlantMoisture div.aquatic_unselected p, div.plantSelectorPlantMoisture div.bog\/marginal p, div.plantSelectorPlantMoisture div.bog\/marginal_unselected p{display: none} #plant_selector td input {margin-left: -3px;border:none;background-color: #fff;border-width: 0;color: #000;cursor: pointer;display: block;padding: 0} #plant_selector table {padding: 10px 0 10px 0;margin: 10px 0 5px 0;border-bottom: 1px #999 solid;border-top: 1px #999 solid} #plant_selector td input:hover {color: #fff;background-color: #56990C;border-radius: 5px} .plant_selector ul li {list-style: none;} .plant_selector td {border:none !important;} .plant_selector {width:514px;} #plantselector_submit_search, .main_table, .alpha_pagging, .recommendations {width:100%;display:block;float:left;} .search_input_plantselector {width:80%;float:left;border: 2px #bebebe solid;height:22px;padding-left: 5px;} .plant_selector .green_button {float:right;margin-top: 1px;height:28px} .drop_downs select {margin-right: 18px;width:88px !important;} .plantSelectorResultCount {width:100%;clear:both;float:left;height: 72px !important} .plantSelectorThumbContainer {width:60px;float:left;} .plant_selector img {padding: 10px; border: none} .plantSelectorPlantNameContainer {width:290px; float:left; margin:7px 0px 0px 10px; padding:0px 97px 0px 0px} .scientific_name {display:block;font-size: 15px;} .small_italics{color:#2c2c2c;font-style: italic;} .plantSelectorPlantbuttonContainer {margin-top: 25px; position: relative} #plantSelectorLoadNext .plantSelectorResultCount:nth-child(even) {background: #f1f1f1} table.recommendations tbody tr{width: 510px} table.recommendations tbody tr td{width: 110px;padding: 0px 0px 0px 14px} table.recommendations tbody tr td a {color:#fff !important} table.recommendations {margin:0 auto;} table.recommendations td {vertical-align: top;} table.recommendations td h4 {font-weight: normal;margin-bottom: 9px;} table.recommendations td img {padding-bottom: 0px;padding-top: 0px;} tableve.recommendations td a {color:#fff !important;font-size: 11px;} div.scroll_bar_div div.plantSelectorPlantSun{background: #fff; width: 100px; height: 30px;border-radius:4px;position: absolute;left: 359px; top:29px;} div.scroll_bar_div div.plantSelectorPlantMoisture{background: #fff; width: 100px;height:24px;border-radius:4px; position: absolute; left: 359px; top:10px} div.scroll_bar_div div.plantSelectorPlantHeight{float: left;margin: -3px 0px 0px 10px; width: 50px} div.plantSelectorPlantSun a div.sun_unselected, div.plantSelectorPlantSun a div.sun, div.plantSelectorPlantSun a div.partial.shade_unselected, div.plantSelectorPlantSun a div.partial.partial.shade, div.plantSelectorPlantSun a div.shade_unselected, div.plantSelectorPlantSun a div.shade{float: left; margin: 6px 4px 0px 7px; width: 22px} .favourite_suitable_plants{background: none !important} select#plant_selector_foliage_colour{width:10px !important} .drop_downs select.category{float: left; width: 80px;cursor: pointer; margin: 3px 0px 0px 0px} .drop_downs select.flower_colour, .drop_downs select.sun, .drop_downs select.foliage_colour, .drop_downs select.period{float: left;width:80px;cursor: pointer} .scroll_bar_div{height: 360px; border-radius: 6px 6px 0px 0px; background: #fff;margin-top: 12px;overflow: auto;} .alpha_pagging{float: left; font-size: 12px; cursor: pointer;text-align: center; letter-spacing: 1px;background-color:#646464;padding:3px 0 3px 0; text-indent: 3px;width: 516px; height: 14px;} .alpha_pagging a{color: #fff !important} .alpha_pagging a:hover{box-shadow: 0px 0px 3px 3px #376bbe;} .alpha_pagging u a{color: #9d9d9d !important} .alpha_pagging_selected{color:#000; background:#fff} #plant_selector_load_plants {position: absolute;top:42%;left:44%;} /* * END PLANT SELECTOR General styles */ /* * Register page */ #display_record .subscription div {width:80%;margin:0 auto;color:#54930c;font-weight:bold;font-size:16px;text-align:center} .subscription h2 {margin:10px} .subscription p {margin:0 5px 10px 0px} #subscription_container {margin:0 5px 10px 20px;float:right;border:1px #E2E2E2 solid;border-radius: 10px;width: 330px} #subscription_container div{margin:0px 0 30px 2px;color:#54930c;font-weight:bold} #subscription_container form {border:none} .subscribe_form {padding:10px;border:none} .subscribe_form label {display:block;height:30px;padding-top: 10px} #subscription_container p em {margin-left: 25px} .subscribe_form label span {display: block;float: left;padding-right: 6px;padding-top: 4px;text-align: right;width: 170px} .register_left {float:left; width: 48%;} #warning_container {text-align: right;padding-right: 10px} /* * Special plant offers page */ .sp_offer {position: relative; width: 215px; height:285px;border-style:solid; border:4px solid #bfd0a6; float: left; margin:0px 12px 20px 0px} .sp_offer h4 {background-color: #bfd0a6; width: 210px; margin-top: -1px; padding: 5px 0px 5px 5px} .sp_offer p {padding:0px 5px; margin-top: 5px; font-size: 11px;} .sp_offer_pic {float:left; margin:4px 5px 0px 5px; border-color: #c6d2b7;} .sp_offer div.green_button {float: right; margin:5px;position: absolute; bottom: 0; right:0; padding: 0 5px;} .tarwi_bean_banner {width:941px;position: relative;background-image: url(/_images/static-pages/tarwi-beans-banner.jpg);height: 227px;margin-top: 20px;margin-bottom: 15px;} .price_content p {color: #9c0813;font-size: 16px;text-align: center} .price_content_two {padding-top: 40px;padding-left: 120px;} .price_content_two p {font-size: 13px} .bean_buy_now a{color: #fff !important; text-decoration: none;font: bold 20px Trebuchet,"Trebuchet MS" !important;} .bean_buy_now{padding:8px;width:100px;text-align: center; border-radius: 6px;cursor: pointer;background: #669f11;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%); -pie-background: linear-gradient(#8bd01e, #4c7c08); behavior:url(/_css/PIE.php);} .bean_buy_now:hover {background: -moz-linear-gradient(top, #76b803 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08)); background: -webkit-linear-gradient(top, #76b803 0%,#4c7c08 100%); background: -o-linear-gradient(top, #76b803 0%,#4c7c08 100%); -pie-background: linear-gradient(#76b803, #4c7c08); behavior:url(/_css/PIE.php);} .bean_buy_now:active {background: -moz-linear-gradient(top, #76b803 0%, #375b05 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #76b803 0%,#375b05 100%);background: -o-linear-gradient(top, #76b803 0%,#375b05 100%);background: -ms-linear-gradient(top, #76b803 0%,#375b05 100%); -pie-background: linear-gradient(#76b803, #375b05); behavior:url(/_css/PIE.php);} .bean_buy_now_two {margin-left: 155px;} .bean_buy_now_three {margin-left: 40px;width:130px;} .buy_now_lupin {width:302px;height:201px;background-image: url(/_images/static-pages/buy_now_box.jpg);} .tarwi_col {width: 300px;float: left;padding: 20px 20px 0 0;} .tarwi_col_three {padding: 0;float: right} .tarwi_col_one_two {width: 620px;float: left;} .tarwi_col_one_two li {padding-bottom: 5px;} .tarwi_col_one_two ul {list-style-type:disc;} .tarwi_col_one_two img {float: right} .grow_list {margin: 0px;float:left;padding-left: 15px;width:325px;} .grey_rounded_box {width:590px;border-radius: 4px; border:1px solid #d1d2c7; behavior:url(/_css/PIE.php);padding: 15px;margin-bottom: 20px} .tarwi_item_display img {float:left; margin-right: 1em; border-style:solid; border-width:4px; border-color: #c6d2b7;} .tarwi_item_display a:link img, .tarwi_item_display img a:visited img, .tarwi_item_display img a:active {text-decoration: none} .tarwi_breakline {height: 2px; background-color: #BFD0A6; margin-top: 20px; margin-bottom: 20px} .tarwi_item_display {} .tarwi_item_display h4 {color: #659e02;} .tarwi_item_display p {margin-top: -2px;margin-bottom: 0} .tarwi_item_display a:link, .tarwi_item_display a:visited, .tarwi_item_display a:active {color: #659e02; text-decoration:none;} .tarwi_item_display a:hover{color: #408edc;text-decoration:none;} .grey_box {width: 270px;background-color: #ececec; border:1px solid #e7e7e7;padding:0 15px 15px 15px;margin-bottom: 20px;} .grey_box a:link, .grey_box a:visited, .grey_box a:active {color: #659e02; text-decoration:none;} .grey_box a:hover{color: #408edc;text-decoration:none;} .beware_msg {background-color: #ececec; border:1px solid #e7e7e7;padding: 10px;width:300px;float: left;font-weight: bold} .pic_bg {background-image: url(/_images/static-pages/lupin-shoot.png);background-repeat: no-repeat;background-position: left bottom;padding-bottom: 0;} .full_width_wv {margin-top: 0;margin-left: 0} .green_box {margin: 20px 20px 0px 0px;} .green_box li {font-size: 12px;padding-bottom: 5px;} .tarwi_sidebar {width:350px;float: right} .tarwi_content {width: 570px;float: left} .tarwi_recipe {width: 590px;float: left; border-radius: 4px; border:1px solid #d1d2c7; behavior:url(/_css/PIE.php);padding: 0 15px 0 15px;} .tarwi_recipe img {float:right;padding: 0 0 15px 15px;} .tarwi_recipe h2 {padding-top: 10px;} /* * Free calendar page */ .cal_pic {margin-right: 5px; margin-bottom: 5px;} #cal_box {background-color: #f5f5f5; padding-left: 15px; padding-top: 5px; padding-bottom: 5px;} #cal_box {background-color: #f5f5f5; padding:5px 15px 10px; height:270px;} #cal_module {float: right;width: 240px; text-align: right; margin-bottom: 20px; height: 220px; background: url(../_images/static-pages/calendar_module.png); border-style:solid; border-width:1px; border-color: #d1d2c7; ;border-radius: 4px; behavior:url(/_css/PIE.php);} #cal_module a:link, #cal_module a:visited, #cal_module a:active, div#cal_box div.gdt_button a {color: #fff;text-decoration:none} #cal_module a:hover {color: #408edc;text-decoration:none} .cal_module_msg {margin-top: 200px; margin-right: 5px} #how_to_mod {margin-right: -22px; margin-top: -10px; float: right; width: 264px; height: 274px; background: url(../_images/static-pages/how-to-add-a-plant_module.png) no-repeat} .how_to_mod_msg {width: 191px; height: 220px; margin-top: 15px; margin-left: 15px} #how_to_mod div.how_to_mod_msg div.green_button{width:90px} /* * Subscribe page */ #subscribe_table {width:100%;border:none;margin-top: 15px;margin-bottom: 15px;position: relative;} #subscribe_table td {background:none; border:none; text-align:center;} #subscribe_table .col_left {font-size: 12px; text-align: right !important;padding-right: 30px;background:#f6f4f4; borderAAA:1px solid #CCC;} #subscribe_table .col_first {-moz-border-radius:7px 0 0 0; -webkit-border-radius:7px 0 0 0; border-radius:7px 0 0 0; border-left:5px solid #f3f3f3 !important; border-top:5px solid #f3f3f3 !important;} #subscribe_table .col_name {font:normal bold 30px Trebuchet,"Trebuchet MS";margin-bottom: 15px;width:160px;height: 150px; border-top:5px solid #eae9e9 !important;padding: 20px 20px 0 20px;color: #659e02;font-size: 26px;background-image:url(../_images/static-pages/col_bg2.png);background-repeat:no-repeat;background-position:center top;} #subscribe_table .col_last {-moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; border-right:5px solid #f3f3f3 !important; border-top:5px solid #f3f3f3 !important;} #subscribe_table .col_price_first {border-left:5px solid #eae9e9 !important;} #subscribe_table .per_year {font-size: 12px;display:block;margin-top: -30px;color: #fff;} #subscribe_table .col_price_last {border-right:5px solid #eae9e9 !important;} #subscribe_table .row_odd td {background:#FFF; borderAAA:1px solid #CCC; height: 30px; vertical-align:middle; horizontal-align:center; text-align:center;} #subscribe_table .row_even td {background:#f6f4f4; borderAAA:1px solid #CCC; height: 30px; vertical-align:middle; horizontal-align:center; text-align:center;} #subscribe_table .row_last {background:none !important; border-bottom:5px solid #eae9e9 !important;} .col_button {margin-left: 45px !important;width: 100px;margin-top: 30px;margin-bottom: 20px;} .price_title {display:block;padding-top:10px;text-align: center; font-size: 28px; color: #fff;} .best_value {position: absolute;right:200px;top:0px;} #subscribe_table .vertical_text {background:#b9e282 !important; border:none !important;padding: 10px;} .sub_title_box {padding:6px;text-align: center; font-size: 20px; color: #fff;border-radius: 20px;width:auto;height: 25px;background: #f1f1f1;background: -moz-linear-gradient(top, #4c7c08 0%, #8bd01e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c7c08), color-stop(100%,#8bd01e));background: -webkit-linear-gradient(top, #4c7c08 0%,#8bd01e 100%); background: -o-linear-gradient(top, #4c7c08 0%,#8bd01e 100%);background: linear-gradient(top, #4c7c08 0%,#8bd01e 100%); -pie-background: linear-gradient(#4c7c08, #8bd01e); behavior:url(/_css/PIE.php);} /* * Order views buttons */ .orderViewButton { display: inline-block; height: 30px; padding: 0px 20px; line-height: 30px; text-align: center; color: white; font-weight: bold; background: #78B51F; border: 1px solid #78B51F; border-radius: 5px; text-decoration: none; } .orderViewButtonDisabled { display: inline-block; height: 30px; padding: 0px 20px; line-height: 30px; text-align: center; color: #D4D4D4; font-weight: bold; background: #E6E6E6; border: 1px solid #D4D4D4; border-radius: 5px; text-decoration: none; } .orderViewErrorExists{ border: 2px solid red; }) /* * Order List Table */ .orderList {width: 100%; border-left: 1px solid black; border-top: 1px solid black;} .orderList td {padding: 7px 5px; border-right: 1px solid black; border-bottom: 1px solid black;} .orderList .centre {text-align: center;} .orderList .right {text-align: right;} .orderListRow:hover {background: #BCBCB4; cursor: pointer;} .orderList .header td {background: #BCBCB4; font-weight: bold; text-align: center;} .orderList a {color: black;} /* * Data List Table * Same as Order List but keeping things a bit more generic. */ .dataList {width: 100%; border-left: 1px solid black; border-top: 1px solid black;} .dataList td {padding: 7px 5px; border-right: 1px solid black; border-bottom: 1px solid black;} .dataList .centre {text-align: center;} .dataList .right {text-align: right;} .dataListRow:hover {background: #BCBCB4; cursor: pointer;} .dataList .header td {background: #BCBCB4; font-weight: bold; text-align: center;} .dataList a {color: black;} .dataList input {width: 90%; background: inherit; padding: 0; margin: 0;} .dataList input[disabled='disabled'] {border: none; width: 90%;} .dataList select {width: 100px; padding: 0; margin: 0;} .dataListRowNoHover:hover {background: white; cursor: default;} /* * Order Details View */ .orderDetails {width: 100%; border-top: 1px solid black;} .orderDetails tr{border-left: 1px solid black;} .orderDetails td {width: auto; padding: 7px 5px; border-right: 1px solid black; border-bottom: 1px solid black;} .orderDetails bold {font-weight: bold;} .orderDetails .header td {background: #BCBCB4; font-weight: bold; text-align: center;} .orderDetails .right {text-align: right;} .orderDetails .error {color: red;} #ModalDialogue {display: none; font-size: 0.8em;} .despatchedNone { background: #5C9119; } .despatchedPart { background: #7AB81F; } .despatchedFull { background: #E9E9E9; } /* * Paginator */ .paginator { padding: 3px 0px 15px 0px; margin-top: 10px; text-align: center; line-height: 20px; } .paginator a, #MenuContext a { text-decoration: none; } #MenuContext { padding: 3px 0px 15px 0px; margin-top: 10px; line-height: 20px; } .contextMenuOptions { padding: 3px 5px; margin: 0; color: #222222; font-size: 0.9em; background: #F5F5F5; border: 1px solid #B3B3B3; border-left: 0; } .contextMenuOptionsLeft { border: 1px solid #B3B3B3; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .contextMenuOptionsRight { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .contextMenuSearchForm { float: right; display: inline-block; margin-top: 2px; } .paginatorBold { font-weight: bold; padding: 2px 5px 3px 5px; } .sortAsc { padding-right: 10px; background-image: url('/_images/arrowDown.png'); background-repeat: no-repeat; background-position: top right; color: black; } .sortDesc { padding-right: 10px; background-image: url('/_images/arrowUp.png'); background-repeat: no-repeat; background-position: top right; color: black; } .sortAsc a, .sortDesc a { color: black; } /* * Complete1 */ div#main_display_container.basket-display.complete1 table{width:80% !important; margin: 20px 0 20px 99px !important;position: relative} div#main_display_container.basket-display.complete1 table tbody tr td:nth-child(2){border-left: 1px solid #eee !important;} div#main_display_container.basket-display.complete1 table tbody tr td{border: none !important} div#main_display_container.basket-display.complete1 label.loginname{font-size: 13px;} div#main_display_container.basket-display.complete1 input#loginName, div#main_display_container.basket-display.complete1 input#pswd, div#main_display_container.basket-display.complete1 input#fullname, div#main_display_container.basket-display.complete1 input#email{height: 28px; border: 1px solid #ccc; border-radius: 3px; text-indent: 5px; margin: 10px 0 0 0;} div#main_display_container.basket-display.complete1 div#subscription_container{border: none; width: 366px;} div#main_display_container.basket-display.complete1 label.loginname{margin:16px 0 -7px 163px;} div#main_display_container.basket-display.complete1 input#loginName, div#main_display_container.basket-display.complete1 input#pswd{margin: 10px 0 10px 100px;} div#main_display_container.basket-display.complete1 label.loginnamesmall{margin: 11px 10px 0 91px;} div#main_display_container.basket-display.complete1 .loginname {float: left; width: 382px;} div#main_display_container.basket-display.complete1 .login_submit {position: absolute;top:150px;left:180px} div#main_display_container.basket-display.complete1 input#submit{margin: 10px 0 0 0;} /* * Basket Display */ .shop_crumbs_container{width: 538px; float: left; margin: 20px 221px 0 221px;} .num_container{width: 50px; float: left;} .num_container a{text-decoration: none; color: black;} .num_container .number{width: 49px; height: 49px; border-radius: 49px; background: #a7c78e; line-height: 47px; text-indent: 16px; font-size: 30px; color: white; text-shadow: 1px 1px 1px rgba(0,0,0,.5);} .num_container .number.selected, .num_container .number:hover{background: #759e56} .num_container .number:active{background: #d7d5d5; text-shadow: -1px -1px -1px rgba(0,0,0,.5); cursor: pointer;} .num_container p{text-align: center;} .small_circle_container{width:72px; float: left;} .small_circle_container .small_circle{width: 10px; height: 10px; float: left; border-radius: 10px; background: #f0f0f0; margin: 20px 0 0 17px;} p.title{font-size: 24px; margin: 20px 0 0px 22px; width: 940px; height: 30px; float: left} div#main_display_container.basket-display table.items tbody tr td.total_price{font-weight: bold} div#main_display_container.basket-display{background: #fff; width: 980px; height: auto; border-radius: 4px; border: 1px solid #D1D2C7; margin: 0px 0px 20px 0px;font-size: 14px} div#main_display_container.basket-display table.items{margin: 5px 0px 0px 22px; text-align: center} .basket-display table.items p {font-size:11px;font-style:italic;margin:0;} div#main_display_container.basket-display table.items tbody tr.top{color: #659e02; font-weight: bold} div#main_display_container.basket-display table.items tbody tr.top td{width: 137px; height: 27px; line-height: 27px} div#main_display_container.basket-display table.items tbody tr td{text-align: left; padding: 10px 0px} div#main_display_container.basket-display table.items tbody tr td input{width: 40px; text-align: center} div#main_display_container.basket-display table.items tbody tr td input.delete-button, div#main_display_container.basket-display table.items tbody tr td input.plusone, div#main_display_container.basket-display table.items tbody tr td input.minusone{width: 20px} div#main_display_container.basket-display table.items tbody tr td form.form_plusone{width: 22px; height: 20px;float: right; margin: 0px 30px 0px 0px} div#main_display_container.basket-display table.items tbody tr td form.form_minusone{width: 20px; height: 20px; float: right; margin: 0px 3px 0px 0px} table.items tbody tr td img.minusone{width: 20px; height: 20px; float: right; margin: 0px 3px 0px 0px} table.items tbody tr td img.plusone{width: 20px; height: 20px; float: right; margin: 0px 0px 0px 0px} div#main_display_container.basket-display table.items tbody tr td form.remove_item{padding-top: 5px} div#main_display_container.basket-display table.titles{color: #659e02; font-weight: bold;margin: 25px 0px 0px 22px; text-align: left} div#main_display_container.basket-display table.titles tbody tr.top td{vertical-align:bottom;margin: 0px; padding: 0px;} div#main_display_container.basket-display div.buttons_container{float: left; width: 940px; height: 24px; margin: 20px 0 20px 22px;} div#main_display_container.basket-display div.green_button, div#main_display_container.basket-display div.grey_button, div#main_display_container.basket-display div.buttons_container form{width: 150px; float: left;} div.people_who_bought_title{width: 937px; margin: 60px 0px 0px 22px; height: 25px; font-size: 24px;} div.people_who_bought{margin: 40px 0px 20px 8px; height: 181px; width: 947px;} div.people_who_bought div.andean_lupin, div.people_who_bought div.buxus_semp, div.people_who_bought div.badger_box{width:300px; height: 181px; float: left; margin: 0px 0px 0px 14px} div.people_who_bought div.andean_lupin p, div.people_who_bought div.buxus_semp p{width: 150px; height: 70px; float: right; margin: -130px 12px 0px 10px; position: relative; color: #9c0813; text-align: center} :root div.people_who_bought div.andean_lupin p, div.people_who_bought div.buxus_semp p {margin: -130px 0 60px 135px; float: none;} /*IE9 positioning hack*/ div.people_who_bought div.badger_box p{width: 110px; height: 100px; float: right; margin: -113px 31px 0px 0px; position: relative; color: #9c0813; text-align: center} :root div.people_who_bought div.badger_box p{margin: -120px 0 10px 165px; float: none;}/*IE9 positoning hack*/ div.people_who_bought div.andean_lupin div.green_button, div.people_who_bought div.buxus_semp div.green_button, div.people_who_bought div.badger_box div.green_button{width: 100px !important; margin: -40px 0px 0px 165px !important; position: relative} div#main_display_container.basket-display div.buttons_container form div input, div#main_display_container.basket-display div.all_buttons input#submit.continue{width: 150px; height: 24px; margin: 0 0 0 637px; border: none; border-radius: 6px;cursor: pointer;background: #669f11;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%); -pie-background: linear-gradient(#8bd01e, #4c7c08);color: #fff !important; text-decoration: none;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-align: center; line-height:21px !important ;behavior:url(/_css/PIE.php);} table.items form#formVoucherAdd input#voucherRedeem{width: 80px;} table.items form#formVoucherAdd input#redeem{width: 106px; margin: 0;} table.items tbody tr td.grey div.voucherErrorMsg{color: red;} div.disclaimer_section{width: 937px; height: auto; margin: 0 0 0 22px;} div.disclaimer_section div.column_left{width: 230px; height: auto; float: left; margin: 0 0 0 5px;} div.disclaimer_section div.column_left.no_float{margin: 0px;} div.disclaimer_section h3{color: #659E02; text-align: center;} div.disclaimer_section p{font-size: 13px; margin: 10px 0 22px 0;} div.disclaimer_section img{margin: 22px 0 0 58px;} /* * Basket Display Complete2 */ #javawrapper, #hide_user_addresses{float: left; display: none;} div.shipping_wrapper{float: left; width: 448px; margin: 0px 0px 0px 32px; font-weight: bold} div.billing_wrapper{float: left; width: 448px; margin: 0px 0px 0px 22px; font-weight: bold} div.all_buttons{float: left; width: 930px; height: 24px; margin: 22px 0px 22px 22px;} div.all_buttons div.grey_button{float: left !important; margin: 0px 22px 0px 0px !important} /*code for billing for delivery at top*/ div.billing_for_delivery{float:left; width: 448px; height: 20px; padding: 0 0 10px 0; text-align: center; border-bottom: 1px solid #eee;} div.billing_for_delivery div.delivery{width: auto; float: left;} div.billing_for_delivery input.checkbox{float: left; width: 20px; height: 20px; margin: 2px 10px 0 100px;} div.enter_a_billing_address{float:left; height: 98px; width: 438px; margin: 40px 0px 30px 0px;font-size: 24px;font-weight: normal; line-height: 98px;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;text-indent: 10px} form.billing_form div.blank_div{width: 448px; height: 30px; float: left} div.all_buttons input#submit.continue{float: right; margin: 0px !important; padding: 0px} div.billing_title{float:left; width: 450px; height:15px; color: #659e02; font-weight: bold; margin: 25px 0px 15px 0px; text-align: center} form.billing_form{font-weight: bold} form.billing_form input, div.shipping_wrapper input{width:250px; height: 28px; margin: 0px 0px 0px 48px; border: 1px solid #CCC; border-radius: 3px; text-indent: 5px} div.shipping_wrapper div.address_input_holder{margin: 0 0 20px 0 !important;} div.content_wrapper input#billing_address_line_1, div.grey_background input#billing_address_line_2, div.content_wrapper input#shipping_address_line_1, div.grey_background input#shipping_address_line_2{margin: 0 0 0 26px;} form.billing_form div.back{width: 940px; height: 24px; margin: -22px 0px 0px 0px} form.billing_form div.grey_background select#billing_country, div.shipping_wrapper div.grey_background select#shipping_country{margin: 8px 0px 8px 43px; width: 256px} div.shipping_wrapper label{font-weight: bold} div.shipping_wrapper label.name_label, label.name_label{padding: 0px 36px 0px 10px} label.lastname_label, div.shipping_wrapper label.lastname_label{padding: 0px 5px 0px 10px} label.address_label{padding: 0 0 0 10px} label.towncity_label{padding:0 1px 0 10px} label.county_label{padding: 0 28px 0 10px;} label.postcode_label{padding: 0 10px} label.phone_label{padding: 0 33px 0 10px} label.deliverynote_label{padding: 0 -2px 0 10px} div.grey_background{background: #f9f9f9; padding: 15px 0px 15px 0px; margin: -10px 0px} div.grey_background span.tiny{position:absolute; padding:25px 0 0 23px} div.content_wrapper{padding: 15px 0px; margin: -10px 0px} .choose_basket_title{float:left; height: 47px; width: 448px; font-size: 24px;font-weight: normal;border-top: 1px solid #EEE; line-height: 46px} .choose_basket_title span{font-weight: bold; color: #659E02} form.billing_form div.address_input_holder, div.shipping_wrapper div.address_input_holder{float:left; width: 448px; height: auto; margin: 0px} form.billing_form div span.users_address, div.shipping_wrapper div.address_input_holder span.users_address{float: left; width:400px; height: auto; margin:10px 0px; font-weight: normal} form.billing_form div input.check, div.shipping_wrapper div.address_input_holder span input.check, div.shipping_wrapper div input.check{width: 14px; height: 14px; margin:11px 6px 6px 6px} form.billing_form div.enter_new_address, div.shipping_wrapper div.enter_new_address{float:left; margin:20px 0px 15px 0px;width: 438px;font-weight: normal;font-size: 24px;border-top: solid 1px #eee; border-bottom:1px solid #eee; height: 98px;line-height: 98px} div.enter_new_address span{font-weight: bold; color: #659e02} form.billing_form div.container.complete2, div.shipping_wrapper div.container.complete2{width:448px !important; margin: 20px 0px 20px 0px; float: left} /*drop down button styling*/ div.billing_wrapper form.billing_form div.enter_new_address_text{float: left; width: 448px; height: 98px; font-weight: normal;font-size: 24px;border-top: solid 1px #eee; border-bottom:1px solid #eee; line-height: 98px; margin: 0px} div.shipping_wrapper div.enter_new_address_text{float:left; width: 448px; height: 98px;font-weight: normal;font-size: 24px;border-top: solid 1px #eee; border-bottom:1px solid #eee; line-height: 45px; margin: 0px} div.shipping_wrapper div.hide-container{width: 448px;} /* * End Basket Display Complete2 */ /* * Basket Display Complete3 */ table.items.payment tbody tr{height: 55px;width: 104px;} table.items.payment tbody tr.title{font-weight: bold; color: #659E02;} table.items.payment tbody tr td select{width: 90px; position: absolute; display: block} table.items.payment tbody tr td form input{width: 20px !important; height: 20px} .payment_title{width:448px; height:20px;margin: 50px 20px 20px 22px; float: left; font-size: 24px;} table.payment_form{width:448px !important; height:270px !important; margin: -66px 63px 0 22px !important; float: left} table.payment_form tbody td tr{padding: 5px 2px 5px 0px !important} table.payment_form tbody td tr td img{display:none} table.payment_form tbody tr td.grey p.subscribe_form img{float: right; margin: -6px 0 0 0;} div.back_to_Address div.grey_button{margin: 20px 0} table.order_summary{float: left; margin: 41px 0 0 16px} table.order_summary tbody tr{height: 55px;} table.order_summary tbody tr td{padding: 24px 0px 24px 10px;} table.order_summary tbody tr td:nth-child(even){text-align: right; padding: 0px 10px 0px 0px} table.order_summary tbody tr.total_price{border-top: 1px dashed #282828; font-weight: bold} table.order_summary tbody tr td.large_title{font-size: 24px; padding:16px 0 !important;} table.payment_form tbody td{width: 448px !important; margin: 0px; padding: 0px} table.paypal_payment{margin: 0px 22px 0px 0px; float: right;} table.paypal_payment tbody tr td{padding: 17px 0px 0px 0px} table.paypal_payment tbody tr td p{margin: 6px 0px 2px 10px; padding: 0px; width: 200px;} table.paypal_payment tbody tr td div#subscription_container {width: 145px; height: 42px; margin: -20px 10px 0px 0px; padding: 0px} table.paypal_payment form#paypal{width: 145px; height: 42px; margin: 0px; padding: 0px; float: right} table.paypal_payment form#paypal fieldset#subscribe_l2.subscribe_form{width: 145px; height: 42px; padding: 0px; margin: 0px} table.paypal_payment form#paypal fieldset#subscribe_l2.subscribe_form p{padding: 0px; margin: 0px} table.paypal_payment tbody tr td div#subscription_container{border: none} table.paypal_payment input#pay_now{margin: -5px 0 0 0;} table.payment_form div#subscription_container{border: none; width: 448px !important; height: 395px; margin:-10px 0px 0px 0px; text-indent: 10px} table.payment_form td.grey p.bold_green.subscribe_form{padding: 10px 0;} table.payment_form fieldset#subscribe_l2.subscribe_form p{width: 448px; height: 30px; margin: 0px 0px 0px -10px; padding: 15px 0px 15px 0px; border-bottom: 1px solid #eee;} table.payment_form fieldset#subscribe_l2.subscribe_form p input{float: right; margin: 0px 10px 0px 0px; width: 130px; height: 25px; border: 1px solid #CCC; border-radius: 3px; text-indent: 5px;} table.payment_form fieldset#subscribe_l2.subscribe_form p:nth-child(8){border: none;} table.payment_form fieldset#subscribe_l2.subscribe_form p br{display: none;} table.payment_form fieldset#subscribe_l2.subscribe_form p select#card_type, table.payment_form fieldset#subscribe_l2.subscribe_form p select#card_start_month, table.payment_form fieldset#subscribe_l2.subscribe_form p select#card_expiry_year{float: right !important; margin: 0px 10px 0px 0px;} form#credit_card p span.tiny.text_right{float: left; margin: -16px 0 0 105px;} table.payment_form fieldset#subscribe_l2.subscribe_form p select#card_expiry_month{float: none !important; margin: 0 0 0 193px;} table.payment_form fieldset#subscribe_l2.subscribe_form p select#card_start_month{float: none !important; margin: 0 0 0 203px;} table.payment_form fieldset#subscribe_l2.subscribe_form p input#submit{width: 150px; height: 24px; float: right; position: relative; margin: 135px 0 0 0; border: none; border-radius: 6px;cursor: pointer;background: #669f11;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%); -pie-background: linear-gradient(#8bd01e, #4c7c08);color: #fff !important; text-decoration: none;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-align: center; line-height:21px !important ; behavior:url(/_css/PIE.php);} table.payment_form fieldset#subscribe_l2.subscribe_form p input#submit:before{content: ">";} div#complete2.grey_button{float: right !important; margin: 28px 190px 0px 0px !important} div.back_to_Address{width: 88px; height: 24px; margin: 20px 0px 22px 22px;} .deliveryNote {font-style: italic;} .completeOrderButton {width: 150px; height: 24px; margin: 20px 0 0 20px; border: none; border-radius: 6px;cursor: pointer;background: #669f11;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%); -pie-background: linear-gradient(#8bd01e, #4c7c08);color: #fff !important; text-decoration: none;font: bold 13px/23px Trebuchet,"Trebuchet MS" !important;text-align: center; line-height:21px !important ; behavior:url(/_css/PIE.php);} /* * End Basket Display Complete3 */ /* * Complete4 */ div#main_display_container.basket-display.complete4{padding: 0 0 20px 0;} div#main_display_container.basket-display.complete4 div.large_message{width: 982px; height: auto; float: left; margin: 20px 0px; text-align: center; font-size: 30px; color: #659E02;} div#main_display_container.basket-display.complete4 p.top_section{width: 982px; height: auto; float: left; margin: 10px 0; text-align: center;} div#main_display_container.basket-display.complete4 div.people_who_bought{float: left; margin: 40px 0 0 12px;} div#main_display_container.basket-display.complete4 div.people_who_bought div.andean_lupin, div#main_display_container.basket-display.complete4 div.people_who_bought div.buxus_semp, div#main_display_container.basket-display.complete4 div.people_who_bought div.badger_box{width:300px; height: 181px; float: left; margin: 0px 0px 0px 14px} div#main_display_container.basket-display.complete4 div.people_who_bought div.andean_lupin p, div#main_display_container.basket-display.complete4 div.people_who_bought div.buxus_semp p{width: 150px; height: 70px; float: right; margin: -130px 12px 0px 10px; position: relative; color: #9c0813; text-align: center} div#main_display_container.basket-display.complete4 div.people_who_bought div.badger_box p{width: 134px; height: 100px; float: right; margin: -113px 31px 0px 0px; position: relative; color: #659E02; text-align: center} div#main_display_container.basket-display.complete4 div.people_who_bought div.andean_lupin div.green_button, div#main_display_container.basket-display.complete4 div.people_who_bought div.buxus_semp div.green_button, div#main_display_container.basket-display.complete4 div.people_who_bought div.badger_box div.green_button{width: 100px !important; margin: -40px 0px 0px 160px !important; position: relative} :root div#main_display_container.basket-display.complete4 div.people_who_bought div.andean_lupin p,div#main_display_container.basket-display.complete4 div.people_who_bought div.buxus_semp p{margin: -130px 0 60px 135px; float: none;} :root div#main_display_container.basket-display.complete4 div.people_who_bought div.badger_box p{margin: -110px 0 10px 135px; float: none;} /* * Plant pot size page */ div#main_container_shop.plant_pot{padding: 20px;} div#main_container_shop.plant_pot a{color: black;} div#main_container_shop.plant_pot img.banner{border: 3px solid #bfd0a6; margin: 10px 0 0 0;} div#main_container_shop.plant_pot div.image_banner{width: 934px; height: 100px; border: 3px solid #bfd0a6; margin: 20px 0 0 0; background: url(../_images/static-pages/packaging-in-banner.jpg) no-repeat;background-position: right} div#main_container_shop.plant_pot div.image_banner p{font-family: Trebuchet MS; font-size: 24px; color: #659e02; width: 330px; margin: 20px 0 0 20px} div#main_container_shop.plant_pot div.column_container{width: 460px; height: auto; float: left; margin: 20px 10px 0 0;} div#main_container_shop.plant_pot div.column_container img{float: left; border: 3px solid #bfd0a6;} div#main_container_shop.plant_pot div.column_container p.bold_green{width: 270px; float: left; margin: 0 0 10px 10px;} div#main_container_shop.plant_pot div.column_container p {float: left; width: 270px; margin: 10px 0 0 10px;} div#main_container_shop.plant_pot div.green_breakline.content{background: #eee; height: 2px; width: 940px; margin: 20px 0 0 0; float: left} .confirm_box { position:absolute; top: -90px; left:-90px; background-color: white; border: 4px solid #999; border-radius: 10px 10px 10px 10px; height: auto; margin-top: 0; min-width: 150px; padding: 10px 15px 10px 15px; } .confirm_box div { text-align: center; clear: none; float: right; border: 0 none; color: #FFFFFF; cursor: pointer; font: bold 13px/23px Trebuchet,"Trebuchet MS" !important; height: 24px; text-indent: 0; width: 70px; background: -moz-linear-gradient(center top , #8BD01E 0%, #4C7C08 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8BD01E), color-stop(100%,#4C7C08)); background: -webkit-linear-gradient(top, #8BD01E 0%,#4C7C08 100%); background: -o-linear-gradient(top, #8BD01E 0%,#4C7C08 100%); background: linear-gradient(top, #8BD01E 0%,#4C7C08 100%); -pie-background: linear-gradient(#8BD01E, #4C7C08); border-radius: 6px; margin-left: 10px; } p.confirm_message {text-indent:0;float:left;width:140px;color:#000;margin:0 0 10px 0;font-weight: bold;} .confirm_box div.cancel { margin-left: 0px; background: -moz-linear-gradient(center top , #E38974 0%, #C53525 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E38974), color-stop(100%,#C53525)); background: -webkit-linear-gradient(top, #E38974 0%,#C53525 100%); background: -o-linear-gradient(top, #E38974 0%,#C53525 100%); background: linear-gradient(top, #E38974 0%,#C53525 100%); -pie-background: linear-gradient(#E38974, #C53525); } .confirm_box #close_confirm_box {background: url("/_images/image.png") repeat scroll -437px -50px transparent; display: block; height: 30px; left: -17px; position: absolute; top: -16px; width: 30px; text-indent: 9999px; cursor: pointer; margin:0; padding:0;} /* Admin: Garden Design Tool Stats table */ .gdt_stats {width:100%;margin:35px 10px 0; border:1px solid #ccc; border-width:0 0 0 1px; font-size: 12px;background-color: #fff;text-align: center;vertical-align: middle;} .gdt_stats .garden_name, .gdt_stats .username{text-align: left;} .gdt_stats .edit_date{width:90px;} .gdt_stats .location{width:30px;} .gdt_stats tr th{text-align:center;background-color:#c4debe;border:1px #858585 solid;padding:4px;font-weight:bold;} .gdt_stats tr td{border: 1px solid #eee; border-width: 0 1px 1px 0;padding:4px;} #quickshop { height:20px; border:none; width: 222px; float:right; margin:0 0 10px 0; /* background: -moz-linear-gradient(center top , #FF7400 0%, #fd8e05 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF7400), color-stop(100%,#fd8e05)); background: -webkit-linear-gradient(top, #FF7400 0%,#fd8e05 100%); background: -o-linear-gradient(top, #FF7400 0%,#fd8e05 100%); background: linear-gradient(top, #FF7400 0%,#fd8e05 100%); */ background-image: url(../_icons/cart_icon.png); background-position: 45px 12px; background-repeat: no-repeat; background-color:#FF7400; text-align: center; padding:10px 10px 15px 10px; } #quickshop a {text-decoration: none;font-size: 21px; font-weight: bold; color:#fff;text-shadow: 0 1px 0 black;margin-left: 25px;} /* Golans Bits */ .orderDetailsTab, .orderDetailsTabActive { display: inline-block;; margin-left: 10px; padding: 7px 21px; background: #E0E0D7; text-decoration: none; color: black; border: 1px solid black; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; } .orderDetailsTabActive { font-weight: bold; padding: 7px 20px; border-width: 2px; background: #BCBCB4; }