/*---------------------------------------------*/ body {background:url('../images/bg/right.png') no-repeat right bottom fixed} #container { position:relative; margin:0 auto; padding:0; width:1000px; background:rgba(255,255,255,0.9); overflow:hidden} #INcontainer {width:100%; height:100%; display:inline-block} .wrap { position:relative; margin:0 auto; padding:0; width:950px;} .content{position:relative; width:100%; min-height:770px; display:inline-block; margin-bottom: 50px} #backgroundL {background:url('../images/bg/left.png') no-repeat; position:absolute; width:100%; height:100%; top:0 ; left: 0; z-index:-999} /*========================================== Header ==========================================*/ #header {width:1000px; margin: 0 auto; font-size:15px; height: 160px} #header div#INcontainer{background:rgba(255,255,255,0.9);} #header .fRight {width:460px; margin-top: 50px; color:#5f5f5f} #header .fRight a {color:#5f5f5f} #header .fRight a:hover {color:#00a652} #header .number {color:#00a652;} .search { position:relative; margin:0; padding:0 15px; height:22px; border:1px solid #ccc; outline: none; width:220px; float:left; display:block; -moz-border-radius:2em 2em 2em 2em; color: #000;float:right;-webkit-border-radius:2em 2em 2em 2em; border-radius:2em 2em 2em 2em; } .search:hover { border: 1px solid #bbb; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc;} .search:focus { border: 1px solid #5d8800; -moz-box-shadow: 0 0 2px #5d8800; -webkit-box-shadow: 0 0 2px #5d8800; box-shadow: 0 0 2px #5d8800; background: #fff} .btn-search a { position:absolute; right:0; width:15px; height:14px; display:block; margin:4px 7px 0 0; padding:0; background:url('../images/icons/search.png') no-repeat ; text-indent:100%; white-space:nowrap; overflow:hidden;} .btn-search a:hover { opacity:0.7; filter:alpha(opacity=70);} /*========================================== Home ==========================================*/ #home .main_content {width:465px; display:inline-block; margin-left:20px} #home #news {width:230px; padding:15px; display:inline-block; float:right; border:4px solid #ebf6ff} #home #news p {line-height:20px; text-align:justify;} #home #news ul li {list-style:disc; margin-left:25px;} #home #news p.title {font-size:18px; color:#00a652; margin-bottom:0; margin-top:16px;} #home #news p.green a {color:#00a652} #home #news p.green a:hover {color:#00a652} #home #news p.caption {margin-bottom:20px;} #home #news p.caption a {color:#5f5f5f} #home #news p.caption a:hover {color:#00a652} #home #news .more {float:right; margin-top:5px; padding:0 10px; background:#00a652; color:#fff; line-height:30px; text-align:center; display:inline-block} #home #news .more:hover {background:#00c963; color:#fff} #home #news .more a {display:block} #home #news a {color:#b4b4b4;} #home #news a:hover {color:#00a652} /*========================================== Company Profile ==========================================*/ #profile .main_content {float:right; width:770px} #profile .main_content .text16px {display:block; margin:25px 0;} #profile .main_content .first {margin-top:10px;} #profile .main_content p:nth-child(1) {margin-top:15px 0;} #profile .main_content img.fRight{margin:50px 0 0 20px} /*========================================== Products ==========================================*/ .product_content {width:510px; display:inline-block; margin-left:20px} .product_content h1 {display:block; margin-bottom:0px; line-height:40px;} .product_content ul li {list-style:disc; font-size:16px; color:#5f5f5f; line-height:30px; margin-left:25px;float:left;} .product_content ul#thumbs li:first-child {margin-left:0;} .product_content ul#productlist {margin-top:25px} .product_content ul#productlist li {float:left; margin:0 30px 25px 0; max-height:180px; max-width:150px; list-style:none;} .product_content ul#productlist li div.thumb { height:148px; width:148px; background:#fff; text-align:center; overflow:hidden; max-width:150px; max-height:185px; border:1px solid #e4e4e4; box-shadow:0px 2px 3px #a7a6a6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .product_content ul#productlist li div.thumb span {display: block; width: 1000px; margin-left: -426px; /* -(width-container width)/2 */} .product_content ul#productlist li div.thumb img {display: inline-block;max-width:100%} .product_content ul#productlist li div {width:100%; font-size:16px; text-align:center} .product_content ul#productlist li div a{color:#00a652; line-height:40px} .product_content ul#productlist li:nth-child(3n) {margin-right:0px} #product_cate p {font-size:16px; color:#5f5f5f; line-height:24px; text-align:justify; display:inline-block} /*================= Detail =================*/ #product_detail .back {float:right; margin-top:5px; padding:0 10px; background:#00a652; color:#fff; line-height:30px; text-align:center; display:inline-block} #product_detail .back:hover {background:#00c963;} #product_detail #product_detail ul#thumbs li {float:left; margin-right:15px; } #product_detail ul#thumbs li div.thumb { height:128px; width:158px; background:#fff; text-align:center; overflow:hidden; border:1px solid #e4e4e4; box-shadow:0px 2px 3px #a7a6a6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #product_detail ul#thumbs li div.thumb span {display: block; width: 1000px; margin-left: -421px; /* -(width-container width)/2 */} #product_detail ul#thumbs li div.thumb img {display: inline-block;max-width:100%} #product_detail ul#thumbs li:nth-child(3n) {margin-right:0px} #product_detail ol {margin:5px 0 0 20px} #product_detail ol li{list-style-type:disc; font-size:16px; color:5f5f5f; line-height:24px} #product_detail table {width:100%; border:0; font-size: 13px; color:#fff; margin-top:15px} #product_detail table td{height:20px; min-width:30px; vertical-align:middle; text-align:center; border-right:1px solid #fff} #product_detail table tr {background:#f1f1f1} #product_detail table tr:nth-child(1) {background:#00a652; height:30px} #product_detail table tr:nth-child(3) {background:#dedede} #product_detail table td:nth-child(1) {background:#00a652; width:130px; text-align:left; padding-left:10px; border:none} #product_detail table td.tick {background:url('../images/icons/tick.png') no-repeat center center} #product_detail p.remain {text-align:right; font-size:13px; color:#5f5f5f; line-height:24px} #product_detail .product_content p {font-size:16px; color:#5f5f5f; margin:15px 0; line-height:24px; text-align:justify; display:inline-block} #product_detail #seedorder {margin-top:15px; width:95%; border:1px solid #00a652; padding:10px; background:#ededed} #product_detail #seedorder p {font-size:16px; color:#5f5f5f; line-height:30px; margin:0;} #product_detail #seedorder p.mini {font-size:13px; color:#00a652; line-height:16px; font-style:italic} #product_detail #seedorder p a {color:#00a652;} #product_detail #seedorder p a:hover {color:#00c963;} #product_detail #seedorder #addtocart {margin-left:10px; width:85px; background:#00a652; color:#fff; line-height:30px; text-align:center; display:inline-block} #product_detail #seedorder #addtocart:hover {background:#00c963;} #product_detail #seedorder #added { width:138px; background:#fff; position:absolute; right:305px; bottom:40px; border:1px solid #b4b4b4; padding:10px; font-size:15px; line-height:20px; display:none;} #product_detail #seedorder #added img {position:absolute; top:-8px} #product_detail #seedorder #added a {text-decoration:underline; color:#00a652;} /*================= Special =================*/ #product_special .back,#product_cate .back {float:right; margin-top:5px; padding:0 10px; background:#00a652; color:#fff; line-height:30px; text-align:center; display:inline-block} #product_special .back:hover,#product_cate .back:hover {background:#00c963;} #product_special div.list {padding:30px 0; border-bottom:1px solid #e4e4e4; width:100%; display:inline-block} #product_special div.list ol {margin:5px 0 0 20px} #product_special div.list ol li{list-style-type:disc; font-size:16px; color:5f5f5f; line-height:24px} #product_special div.list div.thumb { height:148px; width:178px; background:#fff; text-align:center; overflow:hidden; display:inline-block; border:1px solid #e4e4e4; box-shadow:0px 2px 3px #a7a6a6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #product_special div.list div.thumb span {display: block; width: 1000px; margin-left: -411px; /* -(width-container width)/2 */} #product_special div.list div.thumb img {display: inline-block; max-width:100%} #product_special div.list div.detail {width:60%; display:inline-block; float:right} #product_special div.list div.detail p {font-size:16px; color:#5f5f5f; line-height:24px; text-align:justify; display:inline-block} #product_special #view_details {margin-top:10px; width:120px; background:#00a652; color:#fff; line-height:30px; text-align:center; float:right; display:inline-block} #product_special #view_details:hover {background:#00c963;} /*========================================== Seed Info & Purchases ==========================================*/ #seed .main_content {float:right; width:770px} #seed h1 {display:block; margin-bottom:5px} #seed #location {margin-top:20px} #seed #location .greenline {width:100%; border-bottom:1px solid #00a652} #seed #location .header { width:175px; background:#00a652; font-size:20px; color:#fff; line-height:34px; text-align:center; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } #seed #location p {width:100%; font-size:16px; color:#5f5f5f; line-height:24px; margin:15px 0; text-align:justify; display:inline-block} #seed #location a {color:#00a652;} #seed #location a:hover {color:#00c963;} #seed #location a.pdf {padding-left:20px; background:url('../images/icons/pdf_dl.png') no-repeat left center} #seed #location #within {width:370px; display:inline-block} #seed #location #within p:nth-last-child(1) {margin:0px 0 15px 0} #seed #location #outside {width:360px; float:right; display:inline-block} #seed .text16px {display:block} #seed div.list {padding:30px 0; border-bottom:1px solid #d3d3d3; width:100%; display:inline-block} #seed .title {font-size:20px;} #seed div.list p {font-size:16px; color:#5f5f5f; margin:15px 0; line-height:24px; text-align:justify;} #seed div.list p.title {color:#00a652; margin-bottom:10px} #seed div.list div.thumb {height:150px; width:215px; background:#fff; text-align:center; overflow:hidden; display:inline-block; border:3px solid #ebebeb;} #seed div.list div.thumb span {display: block; width: 1000px; margin-left: -392.5px; /* -(width-container width)/2 */} #seed div.list div.thumb img {display: inline-block; max-height:100%} #seed div.list a {color:#00a652;} #seed div.list div.detail {width:68%; display:inline-block; float:right} #seed #read_more {margin-top:10px; width:100px; background:#00a652; color:#fff; line-height:30px; text-align:center; display:inline-block} #seed #read_more:hover {background:#00c963;} #seed div.list .shadow {background:url('../images/news/thumb_shadow.png'); width:200px; height:15px; margin:-5px 0 0 10px} #seed .back {float:right; line-height:46px; color:#00a652; background:url('../images/icons/back_arrowOver.png') no-repeat left center; padding-left:10px} #seed .back:hover {color:#b4b4b4 !important; background:url('../images/icons/back_arrow.png') no-repeat left center !important;} #seed div.list ul li {list-style:disc; font-size:16px; color:#5f5f5f; margin-left:25px; line-height:24px; text-align:justify;} /*========================================== News ==========================================*/ #news .main_content {float:right; width:770px} #news .main_content select {height:30px} /*#news h1 {margin-bottom:-15px}*/ #news div.list {padding:30px 0; border-bottom:1px solid #d3d3d3; width:100%; display:inline-block} #news div.list:nth-of-type(2){padding-top:0} #news div.list p {font-size:16px; color:#5f5f5f; line-height:24px; /*margin:15px 0;*/ text-align:justify; max-height:72px} #news div.list p.title {color:#00a652; margin-bottom:10px; font-size:20px;} #news div.list div.thumb {height:150px; width:215px; background:#fff; text-align:center; overflow:hidden; display:inline-block; border:3px solid #ebebeb;} #news div.list div.thumb span {display: block; width: 1000px; margin-left: -392.5px; /* -(width-container width)/2 */} #news div.list div.thumb img {display: inline-block; max-height:100%} #news div.list div.bullet li {font-size:16px; color:#5f5f5f; line-height:24px;} #news div.list div.detail {width:68%; display:inline-block; float:right} #news #read_more {margin-top:10px; width:100px; background:#00a652; color:#fff; line-height:30px; text-align:center; display:inline-block} #news #read_more:hover {background:#00c963;} #news div.list .shadow {background:url('../images/news/thumb_shadow.png'); width:200px; height:15px; margin:-5px 0 0 10px} #load_more {width:132px; margin:15px auto} #load_more a {display:block; width:132px; height:25px; line-height:25px; font-size:16px; color:#5f5f5f; padding:0 8px; border:1px solid #5f5f5f;} #load_more a img {float:right; margin-top:5px;} #news_data .main_content {margin-left:20px; float:left; width:750px} #news_data div.fLeft{max-width:161px} #news_data p.title,#news_data div.title {display:block; font-size:20px;} #news_data #back {margin-top:10px; width:80px; background:#00a652; line-height:30px; text-align:center; display:inline-block} #news_data #back:hover {background:#00c963;} #news_data #back a {color:#fff; display:block} #news_data img.fRight {margin-left:20px; max-width:276px} #news_data .text16px {display:block} #news_data .text16px.title {font-size:20px;color:#00a652} #news_data p {font-size:16px; color:#5f5f5f; margin:15px 0; line-height:24px; text-align:justify;} /*========================================== Resources ==========================================*/ #resources .main_content {float:right; width:770px} #resources .main_content div.header {height:22px; font-size:22px; color:#00a652} #resources .main_content div.header .text {display:inline-block; background-color:#fff; padding-right:5px;} #resources .main_content div.header .break {float:left; width:100%; border-bottom:1px solid #dddddd; margin-top:-4px;} #resources .main_content ul.list li {/*height:150px;*/ width:190px; margin:30px 0 30px 0; display:inline-block; text-align:center; vertical-align:top} #resources .main_content ul.list li:nth-child(4n) {margin-right:0px} #resources .main_content ul.list li img {max-height:150px; max-width:150px;} #resources .main_content ul.list li p {padding-left:25px; text-align:left; margin:15px 10px; font-size:16px; background:url('../images/icons/pdf_icon.png') no-repeat left center; background-position-y:-1px;} #resources .main_content ul.list li a {color:#00a652;} #resources .main_content ul.list li a:hover {color:#00c963;} /*========================================== Contact ==========================================*/ #contact .main_content {float:right; width:770px} #contact .main_content div.thumbs img{border:1px solid #e4e4e4; margin-right:9px} #contact .main_content div.thumbs img:nth-child(3) {margin-right:0} #contact .main_content #detail {width:100%; margin-top:20px} #contact table#contact_info {border:0; width:270px; } #contact table#contact_info td {font-size:16px; line-height:24px; color:#5f5f5f} #contact table#contact_info tr:nth-child(2) td {padding-top:35px} #contact table#contact_info a {color:#00a652} #contact table#contact_info a:hover {color:#00a652} #contact table#contact_form td {font-size:16px; line-height:48px; color:#00a652; width:70px} #contact table#contact_form td textarea#enquiry {width:300px; height:80px;} #contact table#contact_form tr:nth-last-child(2) {height:100px} #contact table#contact_form tr:nth-last-child(2) td:nth-child(1) {vertical-align:top} #contact table#contact_form tr:nth-last-child(2) td:nth-child(2) {vertical-align:middle; padding-left:2px} #contact table#contact_form td #send {float:right; margin-top:10px; width:80px; background:#00a652; line-height:30px; text-align:center; display:inline-block} #contact table#contact_form td #send:hover {background:#00c963;} #contact table#contact_form td #send a {color:#fff; display:block} /*========================================== Shopping Cart ==========================================*/ #shopping_cart .main_content {float:right; width:770px} #shopping_cart .back {float:right; line-height:46px; color:#b4b4b4; background:url('../images/icons/back_arrow.png') no-repeat left center; padding-left:10px} #shopping_cart .back:hover {color:#00a652; background:url('../images/icons/back_arrowOver.png') no-repeat left center} #shopping_cart #shopping_form {width:96%; border:1px solid #00a652; padding:9px 15px; margin-bottom:20px;} #shopping_cart #shopping_form p {font-size:18px; color:#00a652;line-height:32px} #shopping_cart #shopping_form table.left {border:0} #shopping_cart #shopping_form table.left td{font-size:16px; color:#00a652;line-height:48px} #shopping_cart #shopping_form table.left td:nth-child(1){width:70px} #shopping_cart #shopping_form table.left td:nth-child(2){width:315px} #shopping_cart #shopping_form table.right {float:right; border:0;} #shopping_cart #shopping_form table.right td{font-size:16px; color:#00a652;line-height:48px} #shopping_cart #shopping_form table.right td:nth-child(1){width:60px} #shopping_cart #shopping_form table.right td:nth-child(2){width:215px; line-height:24px} #shopping_cart #shopping_form table.right tr:nth-last-child(1) td{font-size:14px; height:100px; vertical-align:bottom} #shopping_cart #shopping_order table {border-bottom:1px solid #dbdbdb; width:100%;} #shopping_cart #shopping_order table td {text-align:center; vertical-align:middle} #shopping_cart #shopping_order table td:nth-child(1) {width:120px;} #shopping_cart #shopping_order table td:nth-child(2) {width:210px} #shopping_cart #shopping_order table td:nth-child(3) {width:180px} #shopping_cart #shopping_order table td:nth-child(4) {width:120px} #shopping_cart #shopping_order table.header {font-size:16px; color:#000; line-height:30px; height:30px;} #shopping_cart #shopping_order table.order {font-size:16px; color:#000; line-height:75px; height:75px; vertical-align:middle} #shopping_cart #shopping_order table.order div.product{width:48px; height:48px; border:1px solid #e4e4e4; margin:0 auto} #shopping_cart #shopping_order table.order div.product span {display: block; width: 1000px; margin-left: -478px; /* -(width-container width)/2 */} #shopping_cart #shopping_order table.order div.product img {display: inline-block; max-height:100%} #shopping_cart #shopping_order table.order td:nth-child(2) {color:#00a652;} #shopping_cart #send {float:right; margin-top:10px; width:80px; background:#00a652; line-height:30px; text-align:center; display:inline-block} #shopping_cart #send:hover {background:#00c963;} #shopping_cart #send a {color:#fff; display:block} #shopping_cart a#delete {display:block; background:url('../images/icons/btn_delete.png') no-repeat center; width:19px; height:19px; margin-left:60px} #shopping_cart a#delete:hover { opacity:0.7; filter:alpha(opacity=70);} /*========================================== LeftBar ==========================================*/ div#leftbar {float:left; max-width:161px} div#leftbar div#shopping {margin:10px; display:inline-block} ul#leftbar {border:1px solid #e4e4e4; float:left; border-radius: 5px; width:160px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul#leftbar li {border-bottom: 1px solid #e4e4e4; font-size:20px; line-height:40px; padding-left: 10px} ul#leftbar li a {color:#5f5f5f;} ul#leftbar li a:hover , ul#leftbar li a.current {color:#00a652;} #product_nav {display:inline-block; border:4px solid #ebf6ff; max-width:212px; padding:15px 10px} #product_nav h3 {margin-bottom:0} #product_nav ul li {width:212px; height:30px; line-height:30px; } #product_nav ul li a { font-size:16px; padding:0 0 0 10px; display:block; color:#5f5f5f; background:url('../images/icons/productNav_Arrow.png') no-repeat left center;} #product_nav ul li a:hover , #product_nav ul li a.current {color:#1e722f; background:url('../images/icons/productNav_ArrowOver.png') no-repeat left center;} #product_nav div.Category {display:none; margin:0 0 0 10px} #product_nav div.Category ul.sub li {height:30px; line-height:30px; width:100%;} #product_nav div.Category ul.sub li:nth-last-child(1) {margin-bottom:10px} #product_nav div.Category ul.sub li a {font-size:16px; display:block; color:#a3a3a3; margin-left:10px; padding-left:0; background:none} #product_nav div.Category ul.sub li a:hover,#product_nav div.Category ul.sub li a.selected {color:#1e722f;} /*========================================== Footer ==========================================*/ #footer {width:1000px; margin: 0 auto;} #footer div#INcontainer{background:rgba(255,255,255,0.9); height:208px} #footer #bgbottom {background:url('../images/bg/bottom.png') no-repeat; float:left; width: 729px; height:130px; position:absolute;left:-300px; top:80px;} p.copyright {float:right; font-size:14px; color:#979797; line-height:35px;} p.copyright a{color:#979797;} .topline {width:98%; margin: 0 auto; border-top:1px solid #e6e6e6} ul.footerNav {float:right; text-align:left; margin-top:30px} ul.footerNav li {float:left; font-size:15px; line-height:35px} ul.footerNav li a{color:#979797; margin: 0 10px; display:block;} ul.footerNav li:nth-last-child(1) a{margin-right:0;} ul.footerNav li a:hover , ul.footerNav li a.current{color:#00a652} /*Top btn*/ #back-top { display:none; position:fixed; z-index:999; bottom:60px; right:60px;} #back-top a { display: block; width:46px; height:46px; background:url('../images/icons/btn_top.png') no-repeat left top; text-indent:100%; white-space:nowrap; overflow:hidden;} #back-top a:hover { background-position:left bottom;}