body{ font-family: Arial, Verdana, sans-serif; color: #000; font-size: 14px; margin: 0; text-align:center; padding: 0; background:url(../images/bg.jpg) repeat-x #2f400d; } a { color:#000; } h2 { color: #419184; font-weight: normal; } h3 { color:#688080; font-size:16px; } ol { list-style:decimal; padding: 0 0 0 24px; } .darkGreen { color: #2f400d; } #additional { position: absolute; right: 3000px; } /*Honeypot*/ #container{ width: 960px; text-align: left; margin: 10px auto; padding: 0; background: #FFF; } #header { width: 960px; } #logo { width: 320px; float: left; display: inline; } #headerRight { width: 620px; display: inline; float: right; margin: 35px 0 0 0; padding: 0; position: relative; z-index: 2; } #nav{ width: 612px; height: 34px; padding: 0; clear: both; position: relative; } #nav li { float: left; } #nav li.last { margin-right: 0; } #nav a.mainNav { height: 34px; overflow: hidden; margin:0; display:block; outline: none; text-indent: -99999px; } #nav a.mainNav:hover {background-position: 0 -34px; } #nav a.mainNav.selected, #nav a.mainNav:active, #nav a.mainNav.dropped {background-position: 0 -34px; } #nGenerators { background:url(../images/nav-eth-gen.gif) no-repeat; width: 157px; } #nConcentrate { background:url(../images/nav-rip-con.gif) no-repeat; width: 159px; } #nSupplies { background:url(../images/nav-rip-room.gif) no-repeat; width: 174px; } #nTobacco { background:url(../images/nav-tobacco.gif) no-repeat; width: 122px; } #nav li ul { position: absolute; top: 32px; left: 321px; background: #368475; width: 160px; font-size: 12px; padding: 10px; margin: 0; display: none; } #nav li ul li { border-bottom: 1px dotted #FFF; font-weight: bold; padding: 4px 0; width: 160px; text-align: left; } #nav li ul li a { color: #FFF; padding-left: 4px; display:block; width: auto; text-decoration: none; } #nav li ul li a:hover { text-decoration: none; background-color: #286055; } #nav li ul.hovering { display: block; } #nav2{ width: 390px; height: 27px; padding: 0; float: right; clear: both; } #nav2 li { float: left; } #nav2 li.last { margin-right: 0; } #nav2 a.mainNav { height: 27px; overflow: hidden; margin:0; display:block; outline: none; text-indent: -99999px; } #nav2 a.mainNav:hover {background-position: 0 -27px; } #nav2 a.mainNav.selected, #nav2 a.mainNav:active {background-position: 0 -27px; } #nTips { background:url(../images/nav2-ripening-tips.gif) no-repeat; width: 99px;} #nAbout { background:url(../images/nav2-about-us.gif) no-repeat; width: 81px; } #nRelated { background:url(../images/nav2-related-sites.gif) no-repeat; width: 103px; } #nContact { background:url(../images/nav2-contact-us.gif) no-repeat; width: 97px; } #homeTop { background:url(../images/bg-home-tan.jpg) no-repeat; height: 258px; position: relative; z-index: 0; } #hPanel { float: left; display: inline; width: 620px; height: 238px; background:url(../images/i-home-panel.jpg) no-repeat; margin: 10px 0 0 10px; position: relative; } #slideText { width: 270px; position: absolute; top: 44px; right: 20px; color: #FFF; font-size: 12px; } #slideText h2 { font-size: 24px; color: #2f400d; font-weight: bold; } /* Slider */ div.panels { width: 278px; margin-left: 32px; } div.panels ul { padding: 0; margin: 0; } div.panels ul li { padding: 0; margin: 0; } #homeSlider { background: url(../images/bg-homeslider.gif) no-repeat; margin: 0 5px 0 0; padding: 20px 0 0 0; height: 114px; position: relative; } #homeSlider h3 { font-size: 14px; padding: 0; color: #6a6a6a; } #homeSlider p { font-size: 12px; line-height: 18px; padding: 0; margin: 0; } #homeSlider p a { color: #335ad1; font-size: 11px; font-weight: bold; } #homeSlider p img { vertical-align:middle; } a.next, a.prev { display: block; width: 21px; height: 21px; position: absolute; top: 55px; } a.next { right: 6px; } a.prev { left: 6px; } #hForm { float: right; display: inline; width: 300px; margin: 57px 10px 0 0; } .subLeft h1 { text-indent: -99999px; width: 690px; height: 41px; } h1#phServices { background:url(../images/ph-services.jpg) no-repeat; } #homeBot { background:url(../images/bg-home-bot.jpg) repeat-x #FFF top left; padding: 10px; } #ctas { width: 240px; display: inline; float: left; } #ctas a { display: block; margin-bottom: 6px; } #welcome { width: 330px; float: left; display: inline; margin: 20px 0 0 30px; color: #2f400d; line-height: 18px; } #welcome h1 { display: block; width: 210px; height: 33px; text-indent: -99999px; background:url(../images/h-bg-quality-ripening.gif) no-repeat; margin: 0 0 14px 0; } #ripeningRoom { width: 320px; height: 206px; display: inline; float: right; background: url(../images/bg-rr-supplies.jpg) no-repeat; } ul.rrSupplies { padding: 0; margin: 44px 0 0 10px; float: left; } ul.rrSupplies li { width: 121px; height: 28px; background:url(../images/bg-rr-box.gif) no-repeat; margin-bottom: 6px; padding: 5px 0 0 24px; } ul.rrSupplies li a { color: #2f400d; font-size: 11px; } #subMain { background:url(../images/bg-sub.gif) no-repeat #FFF; } #subLeft { display: inline; width: 220px; float: left; margin: 10px 0 0 10px; } #subPic { margin-bottom: 20px; } .cta2 { margin-top: 10px; } #subRight { display: inline; width: 690px; float: right; margin: 20px 20px 0 0; min-height:450px; height:auto !important; height:450px; padding-bottom: 20px; } #subRight ul { } #subRight ul li { background:url(../images/bullet.gif) no-repeat 0 5px; padding: 0 0 10px 14px; } #subRight h2 { margin-bottom: 8px; font-size: 26px; color: #2e7160; } .prodLeft { display: inline; width: 235px; float: left; margin: 10px 0 14px 10px; } #callBox { background: #8cbf26; padding: 10px; margin: 1px auto 4px 0; color: #FFF; line-height: 18px; } #callBox .phone { color: #2f400d; font-size: 18px; font-weight: bold; } img.prodPic { border: 1px solid #CCC; } #subRight a { color: #8cbf26; text-decoration: underline; } #subRight a:hover { text-decoration: none; } .contactLeft { width: 350px; float: left; display: inline; } .contactRight { width: 250px; float: left; display: inline; } .prodRight { display: inline; width: 415px; float: right; margin: 10px 10px 14px 0; } #subWide { margin: 10px 10px 0 34px; } .subBox { width: 270px; float: left; display: inline; margin: 0 20px 0 0; } ul#rrSupplies { margin: 0 auto; width: 345px; } ul#rrSupplies li { background:url(../images/bg-prod-table.gif) no-repeat; height: 32px; text-align: center; } ul#rrSupplies li a { line-height: 32px; color: #FFF; font-weight: bold; } ul#sitemap { font-weight: bold; } ul#sitemap li ul { padding: 0 0 0 0; margin: 10px 0 0 0; font-weight: normal; } h1.pageHeader { width: 690px; height: 44px; text-indent: -99999px; overflow:hidden; } h1.pageHeader#generators { background:url(../images/ph-generators.gif) no-repeat; } h1.pageHeader#concentrate { background:url(../images/ph-concentrate.gif) no-repeat; } h1.pageHeader#supplies { background:url(../images/ph-ripening-room.gif) no-repeat; } h1.pageHeader#tobacco { background:url(../images/ph-tobacco.gif) no-repeat; } h1.pageHeader#tips { background:url(../images/ph-tips.gif) no-repeat; } h1.pageHeader#about{ background:url(../images/ph-about.gif) no-repeat; } h1.pageHeader#related { background:url(../images/ph-related.gif) no-repeat; } h1.pageHeader#contact { background:url(../images/ph-contact.gif) no-repeat; } h1.pageHeader#gas { background:url(../images/ph-gas-sampling.gif) no-repeat; } h1.pageHeader#pulp { background:url(../images/ph-pulp-thermometers.gif) no-repeat; } h1.pageHeader#pallet { background:url(../images/ph-covers.gif) no-repeat; } h1.pageHeader#knives { background:url(../images/ph-knives.gif) no-repeat; } h1.pageHeader#candles { background:url(../images/ph-candles.gif) no-repeat; } h1.pageHeader#thermo { background:url(../images/ph-thermo-hygrometers.gif) no-repeat; } h1.pageHeader#bananaCal { background:url(../images/ph-banana.gif) no-repeat; } h1.pageHeader#humidifiers { background:url(../images/ph-humidifiers.gif) no-repeat; } h1.pageHeader#sitemap { background:url(../images/ph-sitemap.gif) no-repeat; } table.prodTable { width: 415px; border-collapse:collapse; } table.prodTable th { background:url(../images/bg-prod-table.gif) no-repeat; height: 32px; color: #FFF; padding-left: 12px; font-weight: normal; } table.prodTable td { border-bottom: 1px solid #CCC; padding-left: 12px; line-height: 16px; } dl#faqList { padding: 0; margin: 10px 0 0 0; } dl#faqList dt { font-weight: bold; background:url(../images/bullet-question.gif) no-repeat; padding-left: 22px; margin-top: 10px; } dl#faqList dd { padding-left: 22px; margin-left: 0; margin-bottom:0 ; } #footerNav { background: #419184; color: #FFF; font-size: 12px; padding: 8px 10px; } #footerNav a { color: #FFF; } #footerBot {} #fLeft { color: #419184; font-size: 12px; width: 300px; float: left; margin: 4px 0 4px 10px; } #fRight { color: #419184; font-size: 12px; width: 300px; float: right; margin: 4px 10px 4px 0; text-align: right; font-weight: bold; } #footerLeft { width: 250px; float:left; text-align:left; } #footerRight { width: 670px; float:right; text-align:right; } form fieldset { margin-bottom: 20px; background: url(../images/bg-fieldset.gif) repeat-x #FFF; border: 1px solid #CCC; padding: 20px; } form fieldset h2 { margin-bottom: 10px; } form label { font-weight: bold; font-size: 11px; line-height: 13px; color: #2f400d; } form .field25, form .field25 input { width: 25px; display: inline; float: left; margin: 0 20px 12px 0; } form .field50, form .field50 input { width: 50px; display: inline; float: left; margin: 0 20px 12px 0; } form .field80, form .field80 input { width: 80px; display: inline; float: left; margin: 0 20px 12px 0; } form .field100, form .field100 input { width: 100px; display: inline; float: left; margin: 0 20px 12px 0; } form .field130, form .field130 input { width: 130px; display: inline; float: left; margin: 0 20px 4px 0; } form .field150, form .field150 input { width: 150px; display: inline; float: left; margin: 0 20px 4px 0; } form .field160, form .field160 input { width: 160px; display: inline; float: left; margin: 0 20px 12px 0; } form .field225, form .field225 input { width: 225px; display: inline; float: left; margin: 0 20px 8px 0; } form .field250, form .field250 input { width: 250px; display: inline; float: left; margin: 0 20px 8px 0; } form .field520, form .field520 input { width: 520px; display: inline; float: left; margin: 0 20px 12px 0; } form .radios { width: 600px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio100 { width: 95px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio130 { width: 130px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio150 { width: 150px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio170 { width: 170px; display: inline; float: left; margin: 0 20px 12px 0; } form .fieldSocial { width: 250px; display: inline; float: left; margin: 0 20px 12px 0; } form select.stateSelect { width: 130px; height: 22px; } form .fTextArea { width: 280px; height: 45px; margin: 0 0 2px 0; } form .submitButton { margin: 12px 0 0 0; } /* Easy Slider for Testimonials */ #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ width:220px; height:298px; overflow:hidden; } #slider li{ background:#f1f1f1; } #slider li h2{ margin:0 20px; padding-top:20px; } #slider li p{ margin:20px; } span#prevBtn{} span#nextBtn{} #sliderButtons { padding: 4px 0 0 4px; line-height: 12px; }; #sliderButtons span img { padding-right: 4px;} /* // Easy Slider */