/* @override http://www.form-baby.com/code/_base.css */ /* @override http://form-baby.com/code/_base.css */ /* @override http://form-baby.com/code/_base.css */ /* @override http://www.form-baby.com/code/_base.css */ /* global settings --------------------------------------------------------------------------------------- */ html {font-size:100.01%; } body {font: 90% Helvetica, Verdana, Arial, sans-serif;line-height:125%;margin: 0;padding: 0;color:#393838;background-color: #fff;font-size:12px;} html, body {border:0; margin:0; padding:0; } /* common formatting --------------------------------------------------------------------------------------- */ a {color:#db4122; text-decoration:none; font-style:normal; border:0; } a:hover {color:#833d2b; text-decoration:none;} a.normlink {color: inherit;} /* text formatting --------------------------------------------------------------------------------------- */ h1{font-weight:normal} h2.newshead{color:#db4122; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-style:normal; padding::0px 0x 2px} p.newsitem{padding:0px 0px} .sml {font-size: 90%;} /* base structure --------------------------------------------------------------------------------------- */ #wrapper, #site-wide {width:100%; padding:0; }/*border-top:10px solid #b8bcb4 ;*/ #site-wrap {width:850px; padding-top:30px; margin:0 auto 5px;} #site-cont {margin-left:auto; margin-right:auto;} .data {padding-top:120px; padding-bottom:100px;} .nursery {color:#737372} #footr {width:850px; margin:0 auto 10px; text-align:center; font-size:90%;} #footbar {background:#e2e7e9; margin-bottom:5px;color:#77858b; text-align:center; padding:1px 0;font-size:11px; text-transform:uppercase;} .linkpad {padding:5px 0 0; display: block;} #subscr {font-size:10px; margin:0 auto 20px; color:#7c7c7c; width:350px; border:1px solid #ccc; padding:10px auto 2px;} #subscr p {color: #fff;font-size:10px; margin-bottom:10px;} #subscr h3 {font-weight:normal;font-size:12px; font-weight:bold; width:100%; margin:5px;} h1 a img {color:#db4122;line-height:30px} #logo a img {font-size:34px;} .headkeys { font-size:9px; text-transform:uppercase;text-align: left; line-height: 6px;} .footerdetail {font-size:10px; line-height: 10px; padding: 10px 16px; color: #a2a2a2;} input[Type="submit"], input[Type="text"] {background-color: #fff; border: solid 1px #ccc; color:#696867; font-size:12px; font-family:Sans-Serif;padding: 1px;margin:0; width:110px; height:13px} textarea:focus, textarea:hover, input:focus, input:hover {background-color: #f5f7f4;} label {width:60px;} .in{padding: 10px 20px;} .inner{padding: 15px 15px; text-align:left;} .clr{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .serieshead h1, .serieshead h2, #prodseries h1, #prodseries h2, .proddetail h1, #centercolumn h1 {font-family:"Century Gothic", HelveticaNeue, "Helvetica Neue", Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif; font-size:20px; font-weight:normal; margin:0; } #centercolumn h1 {font-size:24px; color:#e95424} /* base structure MAINSITE --------------------------------------------------------------------------------------- */ #topsection{text-align:center; height:57px; padding-bottom:10px;} #topsection #nav{padding-top:25px; } #logo{float:left; } #signup{float:right;font:11px; padding-top: 17px; } #signup .inform{ text-align:left} #signup input[Type="submit"]{margin:2px 0; font-size:12px; text-align: center; height:18px; font-weight:normal; background-color: #e7ebe3; color: #db4122; width: 70px;} #signup input{font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;background-color: #fbfcfb;} #signup form{margin:0; padding:0;} #headbar{background:#e2e7e9; text-align:center; padding:0px; margin:0;height:25px; } #mainwrap{} #display{ margin:5px 0} div.home#display{background:#ebeff0; } #itemtitle{ font-size:16px; text-align:center; padding:5px; text-transform:uppercase;} #homecolleft a, #homecolcenter a, #homecolright a {cursor: pointer;} #homecolleft{ float:left; width:303px; height:547px } #homecolleft h1{margin:0; padding:0;} #homecolcenter{ float:left; width:230px; background:url(/img/_home_middle-image.gif) top center no-repeat } #homecolcenter .in {padding-top:174px; padding-bottom: 0;} #homecolright{ float:left;width:317px; } #homecolcenter h4{ font-size:10px; color:#db4122; text-transform:uppercase; font-weight:normal; padding:10px 0 0; margin:0;} #homecolcenter h2{ font-size:20px; color:#db4122; padding:0; margin:0;font-weight:normal; line-height:20px} #homecolcenter h3{ font-size:18px; color:#db4122; padding:0; margin:0;font-weight:normal;} #homecolcenter p { color:#5b626e; padding:10px 0 0; margin:0;font-size:12px;} #homecolcenter p.note {font-size:16px; padding:40px 0; color:#ACBCC3;} #homecolcenter p.announce {padding:0px 0;} #homecolcenter div.sneakpeek {float:left;} .aligncen {display:block; text-align:center;} #colleft{ float:left; width:300px; padding-left:30px;} body#nature #colleft{ float:left; width:350px; padding-left:30px;} #colright{ float:left;width:280px; padding-left:20px;} #insidetop,#insidebottom{margin:0 auto} #insidetop{padding:0px 80px 85px 0px} #insidetoptext{padding:0px 5px 82px 0px} #leftcolstandard{padding:0px 5px; } div.rightimagebott{padding:0px} #insidebottom{color:#666666;} #subnav{float:left; width:34%; background:#e6eae1;} #instruct{ font-size:10px; text-transform:uppercase; padding:5px auto 5px; margin:23px 0 5px; text-align:left;} div.tnail{ float:left; width:110px; background:#cfd8c8; border-top:5px solid #e06025; margin:0 0 30px 0;} div.tgapper{float:left;width:18px;} .imagepad{padding:10px 5px 5px} .topimagepad{padding:0px10px50px10px} .imageleft{float:left; padding:10px 5px} .imageright{float:right; padding:10px 0px 0px 5px} .colhalf{float:left; width:50%; padding-top: 10px; margin-top: 10px; border-top: 2px solid #bacbd2; overflow: hidden;} .colhalf h3 {padding-top: 5px !important} .externallink, .externallink a{font-size:90%; color:#4b4a4a;} .externallink a{text-decoration:underline;} #sidenav { float:left; } #content { float:left; padding-left:15px; padding-top:25px; margin-top:20px; text-align:left; width:675px; background:url(/img/asterik_bg_tile.gif) top right repeat-y; min-height:400px;} li.shopbttn a{color: #db4122 !important; } /*Product landing page -------------------------- */ #beautyshot1{float:left; padding-left:10px} #beautyshot2{float:left; padding-left:5px} #beautyshot2 .serieshead h2 {margin:20px 0 0; padding:0; text-transform:uppercase; color:#e95424; font-size:16px;} #beautyshot2 .serieshead h1 {margin:10px 0; padding:0; color:#e95424; font-size:24px} #beautyshot2 .serieshead p {margin:0; padding:0} #shopcol1, #shopcol2, #shopcol3 {float: left; padding:8px; border-right: #e3e7de 1px solid;} #shopcol1 {width: 166px} #shopcol2 {width: 267px} #shopcol3 {width: 195px; border-right:0; } #shopcol3 .aacollection {height: 275px;} #shopcol3 .aacollection img{ padding-top: 50px;} #shopcol3 a {padding: 0; margin: 0;} /*Product listing page -------------------------- */ div.serieshead {margin:5px auto 10px; color:#494848; clear:left; text-align:left; padding:3px 0;} div.pod{margin:5px 10px 20px 0; float:left; } div.image{border:1px solid #929191;} div.image:hover{border:1px solid #e95424;} div.detail{padding:3px 0} .title { font-weight:bold;} .title, .price{color:#5A5A59; font-size:11px; display:block; text-align:left} .title a {color:#5A5A59;} .title a:hover {color:#db4122;} .price{font-size:10px;} .special{color:#CC441F; text-align:left;text-align:left;font-size:11px; display:none;} /*Product detail page -------------------------- */ .cartadd {padding:4px; background:#e06025; color:#fff; font-weight:bold; margin:0px;} #prodseries{text-align:left; color:#c0ccb6;} #prodseries h1{font-size:18px; margin:0; padding:0;} .proddetail {text-align:left;font-size:110%; padding-top:20px;} #colright.proddetail{/*background: url(/img/paypal_identifyer.gif) no-repeat right bottom;*/} .prodname h1{ float: none;font-size:18px; font-weight:normal !important; padding-bottom: 5px; margin-bottom: 0; } .prodname h2{ float: none;font-size:22px; font-weight:normal !important; padding-top: 0; margin-top: 5px; } p.proddimen { padding: 0; margin: 0;} p.prodavail { padding: 0; margin: 0;} form, form p { padding: 0; margin: 0;} form p { padding: 5px 0; margin: 0;} .prodprice{} #prodenlarge{padding-bottom:40px;} #thumbhead{font-size:10px;text-align:left; } .proddetail p b{ font-size:10px; text-transform:uppercase;} /* Nav --------------------------------------------------------------------------------------- */ #nav {margin-left:auto; margin-right:auto; } #nav ul { list-style-type: none; list-style-image: none; margin:0px; padding:0; } #nav li { float: left; margin:0; padding:0;} #nav li a:link, #nav li a:visited, #nav li a:active {color: #fff;display: block;float: left;text-decoration: none; font-size:14px; font-family:HelveticaNeue, "Helvetica Neue", Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif; text-transform:uppercase; padding: 0 0px; margin:0 0px;} #nav a:hover { color: #833d2b;} /* Nav v2 --------------------------------------------------------------------------------------- */ /* all lists */ #navr, #navr ul { padding: 1px 0 0 0;margin: 0;list-style: none;} #nav a {display: block;width: 10em; } /* all list items */ #navr li { float: left; text-align:left; margin: 0; } #navr li.sub { padding:0px; margin:1px auto 0} ul#navr li a {color:#494848; font-weight:bold; text-transform:uppercase; display:block; padding:5px 20px;} /* second-level lists */ #navr li ul { position: absolute;width: 10em;left: -999em;} #navr li:hover ul {left: auto;} #navr li a:hover { color:#e95424; text-decoration:underline;} #navr li:hover ul, #navr li.sfhover ul { left: auto;} #navr.navright {float:right; } ul.navright#navr li {background:url(/img/li_arrow_orng.gif) no-repeat; background-position: 29px 8px; padding:0 0 0 20px;} ul.navright#navr li a {font-size: 9px; font-weight: normal; font-style: italic;} #viewcart{margin-top:20px; padding:8px 8px 8px 28px; color:#fff; font-weight:bold; margin:0px; border-left:3px solid #c23516; } /* Sub Nav --------------------------------------------------------------------------------------- */ #sidenav{padding-top:20px} #sidehead{ text-align:left; padding-bottom:5px; font-size:18px; font-family:"Century Gothic", HelveticaNeue, "Helvetica Neue", Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif} #menu { text-align:left;} dl#menu dd, dl#menu dt, dl#menu ul,dl#menu li{margin: 0;padding:0px;list-style-type: none;} dl#menu {width: 160px;margin: 0;padding:0px;} dl#menu dt {margin: 2px 0;padding:5px 5px 5px 20px;line-height: 20px;background: #e7ebe3; font-size:11px;cursor: pointer;} dl#menu li a {padding:5px 5px 5px 40px; font-size:12px; } dl#menu li a, dl#menu dt a {color: #929191;text-decoration: none;display: block;} dl#menu li a:hover, dl#menu dt a:hover {color: #e95424;} dl#menu dt a:hover {} dl#menu dt:hover {color: #e95424;} .photos {} .photos img.logo {margin: 0 auto; display:block;} .photos div img { padding: 0; margin: 10px 0; float: left; } body#nature .photos div img { padding: 0; margin: 10px 0; float: left; border: 0; } .photos ul.thumbs { margin: 0; padding: 0; list-style: none; /*width: 390px;*/ float: left; } .photos ul.thumbs li{ /*width: 110px; height: 100px;*/ margin: 0 20px 0 0; padding: 0; float: left; /*overflow: hidden; position: relative;*/ border: 1px solid #767675; text-align: center; -moz-opacity:.5; filter:alpha(opacity=50); opacity:.5; } .photos ul.thumbs li:hover { border: 1px solid #e95424; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; } .photos ul.thumbs li img { /*position: absolute; top: -180px; left: -145px;*/ } #nurserylarge{float:left; margin-right:10px;} #nurserythumbs{float:left;} #nurserythumbs img{padding-bottom:5px;} .newsdate {color:#e95424; font-size:10px; text-transform:uppercase;} #thumbhead{font-size:10px;text-align:left; } /*MAIL FORM --------------------------------------------------------------------------------------- */ div.contact#formarea {padding:5px 3px; width:375px;} div.contact#formarea fieldset {font-size: 1em; border:0; overflow:hidden;} div.contact#formarea label {width:140px;font-size: 90%; line-height: 110%; text-align: right; padding-right: 10px; padding-top:2px; padding-bottom:10px; display: block; float: left; } div.contact#formarea div.fxwrap {display:block; clear:left; padding:2px } div.contact#formarea input, div.contact#formarea textarea, div.contact#formarea select {background-color: #fdfbff; border: solid 1px #bababa; } div.contact#formarea input, div.contact#formarea textarea {float:left;} div.contact#formarea input[Type="text"], div.contact#formarea select {width:159px; height:20px; } div.contact#formarea textarea {width:160px; height:85px; } div.contact#formarea input:hover, div.contact#formarea textarea:hover {cursor: pointer;} div.contact#formarea input:focus, div.contact#formarea textarea:focus {cursor: text; } div.contact#formarea .subbtn {background:#494848; color:#fff; font-size: 1em; font-weight:bold; border: solid 3px #fff; height: auto;} div.contact#formarea .sublabel {} #centercolumn{width:425px; border-right:1px solid #f1f1f1; padding-right:20px;} div.wider#centercolumn {width:672px; border-right:0; padding-right:0;} #vert{float:left; height:400px;} #sendfriend{margin-top:45px; padding-left:8px; background:url(/img/li_arrow_orng.gif) left center no-repeat;} #sendfriend2, #sendfriendNN{float:right; padding:3px 5px 1px; background:#e06025;font-size:10px; text-transform:uppercase;color:#fff; margin-top:0px; margin-right: 7px;} #sendfriend2 a, #sendfriendNN a{color:#fff;} #sendfriend2 a:hover, #sendfriendNN a:hover{text-decoration:underline;} #sendfriendNN{ float:left; margin-left:8px;margin-top:0px;} /*#sendfriend2{float:right; padding-left:8px; background:url(/img/li_arrow_orng.gif) left center no-repeat;font-size:10px; text-transform:uppercase;}*/ #colright form div.option label span.sml input { width: 30px;} #colright form div.option label span.sml {font-size: 8px; text-transform: uppercase;} div.option { border: 1px solid #f2f2f2; background: #f8f8f8;; margin:5px 0; padding: 3px;} /* rotator in-page placement */ div#rotator { float: left; position:relative; height:345px; margin-left: 8px; } div#rotator ul { margin: 0; padding: 0; } /* rotator css */ div#rotator ul li { float:left; position:absolute; list-style: none; margin: 0; padding: 0; } /* rotator image style */ div#rotator ul li img { background: #FFF; } #rotator ul li.show a {border: 0; text-decoration: 0;} div#rotator ul li.show { z-index:500 } /* rotator in-page placement */ div.homerotate { } div.homerotate ul { margin: 0; padding: 0; } /* rotator css */ div.homerotate ul li { /*float:left; position:absolute;*/ list-style: none; margin: 0; padding: 0; } /* rotator image style */ div.homerotate ul li img { background: #FFF; } div.homerotate ul li.show { z-index:500 } #btnfriendsubmit{height:26px;}