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

body { text-align: center; font: 13px/1.6 'Helvectica Neue', Helvetica, Arial, sans-serif; color: #797c80; background: #fff; }
img { border: 0; }
a { color: #7bad20; text-decoration: none; }
a:hover { color: #F90; }
p { margin: 0 0 .6em; }

h1, h2 { font-size: 24px; line-height: 24px; color: #336600; margin: 0em 0 .6em; font-weight: 200; }
h3 { font-size: 18px; line-height: 18px; color: #626468; margin: 1em 0 .6em; font-weight: 200; }
h4 { font-size: 16px; line-height: 16px; color: #626468; margin: 1.5em 0 .8em; }

h5, dt { font-size: 14px; line-height: 14px; color: #626468; margin: 1em 0 .6em; }

ul, ol { margin: 0.5em 0 1em; }
li { margin: 0 0 .3em 1.5em; }

blockquote { font-size: 16px; margin: 1em; }
blockquote p {  }

hr { display: none; }


#header { position: relative; width: 980px; height: 60px; margin: 25px auto 25px; text-align: left; }
#header h1, #header #site-name { margin: 0 0 0 20px; height: 60px; width: 330px; }
#header h1 a, #header #site-name a { display: block; text-indent: -9999px; height: 60px; width: 330px; background: url(../images/logo.gif) no-repeat 0 0; overflow: hidden; }
#header h2, #header #site-contact { margin: 0; position: absolute; top: 0; right: 20px; font-size: 14px; line-height: 60px; font-weight: 200; }
#header h2 a, #header #site-contact a { margin: 0 0 0 2em; text-decoration: none; background: transparent; }

#nav { background: #77B12E url(../images/nav-bg.gif) repeat-x 50% 50%; border: 1px solid #639426; border-width: 1px 0; margin: 0 0 0; }
#nav ul.nav { width: 980px; margin: 0 auto; overflow: hidden; text-align: left; }
#nav ul.nav li { float: left; margin: 0; }
#nav ul.nav a { float: left; padding: 12px 20px; color: #fff; text-decoration: none; line-height: 1; background: transparent; }
#nav ul.nav a:hover { background: #639426; }
#nav ul.nav li.search { float: right; color: #fff; font-weight: bold; margin-right: 20px; }
#nav ul.nav li.search p { padding: 7px 0; margin: 0; }
#nav ul.nav li.search br { display: none; }
#nav ul.nav li.search input { margin: 0 0 0 5px; vertical-align: bottom; padding: 2px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #fff; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#front #nav ul.nav li.home a, #what #nav ul.nav li.what a, #how #nav ul.nav li.how a, #products #nav ul.nav li.products a, #brands #nav ul.nav li.brands a, #contact #nav ul.nav li.contact a, #news #nav ul.nav li.news a { background: #7FBD30 url(../images/nav-bg-on.gif) repeat-x 50% 50%; cursor: default; }

#footer { padding: 20px 0 10px; overflow: hidden; border-top: 1px solid #ddd; margin: 20px 0; clear: both; }
#footer ul.nav { margin: 0 auto; width: 980px; text-align: left; }
#footer ul.nav li { float: left; margin: 0 5px 0 0; }
#footer ul.nav a { float: left; padding: 10px 20px; color: #666; text-decoration: none; background: transparent; }
#footer ul.nav a:hover { color: #000; }
#footer ul.nav li.search { float: right; color: #666; font-weight: bold; margin-right: 20px; }
#footer ul.nav li.search p { padding: 6px 0; margin: 0; }
#footer ul.nav li.search br { display: none; }
#footer ul.nav li.search input { margin: 0 0 0 5px; vertical-align: bottom; padding: 2px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F3FFE1; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#footer p.copyright { clear: both; width: 940px; padding: 40px 0 10px; font-size: 11px; margin: 0 auto; text-align: right; }


#main { padding: 40px 20px 20px; width: 940px; margin: 0 auto; text-align: left; overflow: hidden; }
#main #left { width: 470px; float: left; }
#main #right { width: 470px; float: left; }

#main h1.article-title, #main h3.article-title { margin-top: 0; }

#main a:hover { background-color: #F3FFE1; color: #360; }

#main a.more { background: url(../images/choose-icon-off.gif) no-repeat 100% 50%; padding: 3px 30px 3px 0; font-size: 14px; float: left; margin: .8em 0; }
#main a.more:hover { background: url(../images/choose-icon.gif) no-repeat 100% 50%; }


#main ul { list-style: disc outside; }
#main ul ul { list-style: circle outside; font-size: 12px; }
#main p.breadcrumb { text-transform: uppercase; font-size: 11px; margin: 0 0 7px; line-height: 1; text-indent: 2px; }

#main .clear { clear: both; }


#main a.back { display: block; margin: 3em 0; width: 112px; height: 47px; background-image: url(../images/back.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
#main a.back:hover { background-position: 0px -50px; }
#main a.back:active { background-position: 0px -100px; }

#main a.expand { white-space: nowrap; }

#main p.info { border-top: 1px dotted #ddd; margin: 2em 0; padding: 2em 0 0; }

.clear { clear: both; }


/* Slideshow */

#slideshow { width: 400px; height: 290px; background: #000; }
#slideshow.loading { background: #000 url(../images/loading.gif) no-repeat 50% 50%; }
#slideshow img { display: block; }
#slideshow p#slideinfo { position: absolute; top: 330px; left: 30px; width: 400px; z-index: 5; margin: 0; padding: 0; font-weight: bold; font-size: 13px; line-height: 1; color: #000; }

#slideshow span#slidecaption { float: left; }
#slideshow span#slidecaption a { text-decoration: none; }
#slideshow span#slidecontrol { margin: 0; float: right; font-size: 11px; }
#slideshow span#slidecontrol a { float: left; height: 15px; width: 14px; margin: 0 3px 0 0; background: url(../images/slidecontrol.gif) no-repeat 0px 0px; cursor: default; text-align: center; line-height: 16px; color: #fff; padding: 0 0 0 1px; }
#slideshow span#slidecontrol a.selected, #slideshow span#slidecontrol a:hover  { background-position: 0px -30px; }
#slideshow span#slidecontrol a:active { background-position: 0px -60px; }


/* Front page */

#front #left { width: 450px; }
#front #right { background: url(../images/slide-bg.gif) no-repeat; width: 460px; height: 390px; margin: 20px 0 30px 30px; position: relative; }
#front #right #slideshow { margin: 30px 0 0 30px; }

#front h2 { margin: 0 0 .5em; }
#front h3 { margin: 0 0 1em; }


#what #main #left { float: left; width: 530px; margin: 0 70px 0 0; }
#what #main #right { float: left; width: 340px; margin: 0 0 0 0; }

#what #main #right blockquote { margin: .5em 0 1.5em; font-size: 19px; }

#how #main #col-1, #how #main #col-2, #how #main #col-3, #how #main #col-4 { width: 200px; float: left; }
#how #main #col-1, #how #main #col-2, #how #main #col-3 { margin: 0 40px 0 0; }

#how #left { width: 450px; }
#how #right { background: url(../images/slide-bg-video.gif) no-repeat; width: 460px; height: 390px; margin: -20px 0 30px 30px; }
#how #right #slideshow { margin: 30px 0 0 30px; position: relative; }
#how #right #slideshow img { position: absolute; top: 0; left: 0; z-index: 10; display: block; }

#how #right #video { margin: 30px 0 0 0; }

#how #right { text-align: center; }
#how #right a.play { text-align: center; line-height: 35px; font-size: 14px; background: url(../images/choose-icon-off.gif) no-repeat 100% 50%; padding: 3px 30px 3px 0; font-size: 14px; }
#how #right a.play:hover { background-image: url(../images/choose-icon.gif); }



/* Search */

#search ul.directory { margin: 0; list-style: none; }
#search ul.directory li { overflow: hidden; margin: 0; padding: 0; }
#search ul.directory li img { float: left; width: 75px; height: 50px; margin: 1em 10px 0 0; border: 1px solid #ddd; }
#search ul.directory li div.entry { float: left; }
#search ul.directory h4 { font-weight: 200; margin: 1em 0 0; }
#search ul.directory h4 a { text-decoration: none; }

#search_info { background: #F3FFE1; border: 1px solid #C9D2B5; padding: 10px; margin: 0 0 1em; }
#search_info p { margin: 0; }



/* Products */

#products #main { padding: 40px 10px 20px; width: 960px; }
#products #intro { margin-left: 10px; }
#products #left { width: 460px; }
#products #right { background: url(../images/slide-bg.gif) no-repeat; width: 460px; height: 390px; margin: 20px 0 30px 30px; position: relative; }
#products #right #slideshow { margin: 30px 0 0 30px; }

ul#product-cats { list-style: none; overflow: hidden; width: 460px; margin: 20px 0; padding: 0; }
ul#product-cats li { margin: 0; padding: 0; width: 200px; margin-right: 25px; float: left; }
ul#product-cats li h4 { margin: 0; font-size: 16px; line-height: 1; display: block; }
ul#product-cats li h4 a { background: url(../images/choose-icon-off.gif) no-repeat 95% 50%; width: 200px; display: block; padding: 10px 0 10px 10px; }
ul#product-cats li h4 a:hover { background: #F3FFE1 url(../images/choose-icon.gif) no-repeat 95% 50%; color: #360; }

#product-chooser { background: url(../images/chooser-bg.jpg) repeat-y; margin: 20px 0; }
#product-chooser div.top { background: url(../images/chooser-bg-top.jpg) no-repeat; width: 100%; height: 10px; }
#product-chooser div.bottom { width: 100%; background: #fff url(../images/chooser-bg-bottom.jpg) no-repeat; height: 10px; clear: both; }

ul#category-choice { list-style: none; float: left; width: 224px; margin: 10px 0 0 4px; }
ul#category-choice li { margin: 0; padding: 0; }
ul#category-choice li a { display: block; padding: 15px 30px 15px 20px; font-size: 14px; background: url(../images/choose-icon-off.gif) no-repeat 95% 50%; }
ul#category-choice li a:hover, ul#category-choice li.current a { background: #F3FFE1 url(../images/choose-icon.gif) no-repeat 95% 50%; color: #360; }

#product-selection { float: left; width: 725px; margin: 10px 0 0 1px; }

#product-selection ul#intro_image { list-style: none; margin: 14px 30px 20px; background: #fff; }
#product-selection ul#intro_image li { margin: 0; padding: 0; }

#product-selection ul.directory { list-style: none; overflow: hidden; margin: 20px 0 0 50px; background: #fff; }
#product-selection ul.directory li { margin: 0 70px 35px 0; width: 150px; height: 150px; font-size: 12px; line-height: 14px; float: left; text-align: center; }
#product-selection ul.directory li a {  }
#product-selection ul.directory img { display: block; width: 150px; height: 100px; margin: 0 0 10px; }

#product { float: left; width: 800px; padding: 0 0 30px; }
#product #product-info { width: 240px; float: left; margin: 0 20px 0 0; }
#product #product-images { float: left; width: 520px; overflow: hidden; padding: 10px 0 0; }

#product img.product-image { float: right; }
#products #sidebar { float: right; width: 150px; padding-top: 30px; }
#products #sidebar img { display: block; line-height: 0; }

#products ul.specs { list-style: none; margin: 1em 0; padding: 0; }
#products ul.specs li { list-style: none; margin: 0 0 .5em; padding: 0; }
#products ul.specs li strong { text-transform: uppercase; font-size: 10px; display: block; line-height: 10px; color: #336600; }

#product-info a.instruction-pdf { display: block; margin: 2em 0 0; width: 179px; height: 47px; background-image: url(../images/instructions-pdf.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
#product-info a.instruction-pdf:hover { background-position: 0px -50px; }
#product-info a.instruction-pdf:active { background-position: 0px -100px; }
#product-info a.instruction-pdf.selected { background-position: -200px 0px; }
#product-info a.instruction-pdf.selected:hover { background-position: -200px -50px; }
#product-info a.instruction-pdf.selected:active { background-position: -200px -100px; }

.tabs-hide { display: none; } 

#products #product-images ul.thumbs { width: 504px; height: 58px; background: url(../images/image-thumbs-bg.png) no-repeat; list-style: none; margin: 10px 0; padding: 8px; text-align: center; }
#products #product-images ul.thumbs li { display: inline; margin: 0; padding: 0; }
#products #product-images ul.thumbs a { background: transparent; }
#products #product-images ul.thumbs img { height: 50px; width: 75px; padding: 3px; border: 1px solid #fff; background: #fff; }
#products #product-images ul.thumbs li.active img { border-color: #360; cursor: default; }

/* Brands */

#brands #main { padding: 40px 10px 20px; width: 960px; }

#brands #intro { margin-left: 10px; }
#brands #brand { width: 530px; margin-right: 60px; float: left; }
#brands #sidebar { width: 350px; float: left; overflow: hidden; padding-bottom: 20px; }
#brands #sidebar img { margin: 0 0 0 auto; display: block; }

#brands #left { width: 330px; }
#brands #right { width: 570px; margin: 0 0 0 40px; }
#brands ul.brands { width: 570px; overflow: hidden; list-style: none; }
#brands ul.brands li { margin: 0 10px 10px; padding: 0; float: left; }
#brands ul.brands li a { padding: 10px; float: left; background: #fff; border: 0; }
#brands ul.brands li a:hover { padding: 9px; border: 1px solid #ddd; background: #fff; }
#brands ul.brands li h4 a { text-indent: -9999px; margin: 0; padding: 0; height: 0; width: 0; }
#brands ul.brands li img { display: block; height: 100px; width: 150px; }

ul.cols { width: 200px; float: left; margin: 0 10px 10px 0; }


#brands #product-chooser { clear: both; }

/*body.scripted#brands #product-chooser { display: none; }*/

#brands #buttons { clear: both; overflow: hidden; margin: 3em 0; height: 47px; }
#brands #buttons a.show-products { float: left; display: block; margin: 0 10px 0 0; width: 170px; height: 47px; background-image: url(../images/show-products.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
#brands #buttons a.show-products:hover { background-position: 0px -50px; }
#brands #buttons a.show-products:active { background-position: 0px -100px; }
#brands #buttons a.show-products.selected { background-position: -200px 0px; }
#brands #buttons a.show-products.selected:hover { background-position: -200px -50px; }
#brands #buttons a.show-products.selected:active { background-position: -200px -100px; }

#brands #buttons a.show-brochure { float: left; display: block; margin: 0 10px 0 0; width: 170px; height: 47px; background-image: url(../images/show-brochure.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
#brands #buttons a.show-brochure:hover { background-position: 0px -50px; }
#brands #buttons a.show-brochure:active { background-position: 0px -100px; }
#brands #buttons a.show-brochure.selected { background-position: -200px 0px; }
#brands #buttons a.show-brochure.selected:hover { background-position: -200px -50px; }
#brands #buttons a.show-brochure.selected:active { background-position: -200px -100px; }

#brands #buttons a.download-pdf { float: left; display: block; margin: 0; width: 170px; height: 47px; background-image: url(../images/download-pdf.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
#brands #buttons a.download-pdf:hover { background-position: 0px -50px; }
#brands #buttons a.download-pdf:active { background-position: 0px -100px; }
#brands #buttons a.download-pdf.selected { background-position: -200px 0px; }
#brands #buttons a.download-pdf.selected:hover { background-position: -200px -50px; }
#brands #buttons a.download-pdf.selected:active { background-position: -200px -100px; }

/* Contact */

#contact #right { margin: 2em 0 0 0;  }
.zemContactForm { width: 450px; margin: 0 0 30px 20px; }
.zemContactForm legend { display :none; }
.zemContactForm p { float: left; margin: 0 10px 3px 0; }
.zemContactForm label { font-size: 12px; line-height: normal; display: block; margin: 0; }
.zemContactForm br { display: none; }
.zemContactForm p input { display: block; width: 134px; font-size: 14px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F3FFE1; margin: 2px 0 0; padding: 2px; }
.zemContactForm p.subject input { width: 434px; }
.zemContactForm label.zemTextarea { clear: both; width: 100%; display: block; }
.zemContactForm textarea { width: 434px; margin: 2px 0 5px; padding: 2px; overflow: auto; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F3FFE1; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.zemContactForm p.hidden { visibility: hidden; height: 0; width: 0; overflow: hidden; float: none; display: block; margin: 0; padding: 0; }
.zemContactForm input.zemRadio { display: inline; }
.zemContactForm label.zemRadio { display: inline; }

.zemContactForm input.zemSubmit { margin: 20px 0; }

.zemContactForm h5 { padding: 1em 0 0; clear: left; }
.zemContactForm ol { padding-top: .5em; clear: left; }
.zemContactForm ol li * { vertical-align: middle; }

.zemContactForm label.zemRequirederrorElement { color: #900; }
.zemContactForm input.zemRequirederrorElement, 
.zemContactForm textarea.zemRequirederrorElement { border: 1px solid #c00; }

ul.zemError { list-style: square outside; font-size: 12px; color: #900; }
ul.zemError li { margin: 0 0 .3em 1.5em; }

.zemThanks { font-size: 14px; }



/* News */

#news #content { width: 470px; float: left; }
#news #sidebar { width: 430px; margin: 0 0 0 40px; float: left; }
#news .listing #content { width: 600px; }
#news .listing #sidebar { width: 280px; margin: 0 0 0 60px; }

#news .news-item { border-bottom: 1px dotted #ddd; padding: 0 0 5px; margin: 0 0 1em; overflow: hidden; zoom: 1; }
#news .news-item h2 { font-size: 19px; line-height: 19px; margin: 1em 0; }
#news .news-item a.article-thumb { float: right; margin: 10px; }
#news .news-item a.more { margin: 0 0 1.5em; }
#news .news-item p.posted { clear: left; float: none; font-size: 9px; margin: 0; }
#news .news-item p.posted a { margin-left: 1em; }

#news #sidebar h3 { margin-bottom: 1em; }
#news #sidebar h4 { font-weight: 200; text-transform: uppercase; font-size: 11px; line-height: 1; margin: 1em 0 0; }
#news #sidebar ul { margin: .5em 0 1em; }
#news #sidebar ul li { line-height: 15px; }

#news .individual p.breadcrumb { float: left; }
#news p.posted { text-transform: uppercase; font-size: 11px; margin: 0 0 7px; line-height: 1; float: right; }
#news .individual h1.article-title { clear: both; }

#news .article-nav { font-size: 11px; margin: 4em 0; }
#news .article-nav .cats a { margin: 0 .5em; }


#sidebar form#subscribe { margin: 2em 0; }
#sidebar form#subscribe p { line-height: 15px; margin: 0 0 1em; }
#sidebar form#subscribe br { display: none; }
#sidebar fieldset { overflow: hidden; margin: 0; padding: 0; }
#sidebar form#subscribe label { float: left; width: 110px; margin: 0 15px 0 0; font-size: 11px; line-height: 1; text-transform: uppercase; }
#sidebar form#subscribe label input { float: left; font-size: 13px; width: 110px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F3FFE1; padding: 2px; text-transform: normal; }
#sidebar form#subscribe #subscribe-submit { margin: 10px 0 0; clear: left; }



/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0; }

.sIFR-active h3.article-title { visibility: hidden; line-height: 32px; }
.sIFR-active object { display: block; }



#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#jquery-lightbox-container { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border: 10px solid #fff; }
#jquery-lightbox-container a#jquery-lightbox-close { background: url(../images/closebox.png) no-repeat; width: 30px; height: 30px; display: inline; z-index: 3200; position: absolute; top: -27px; right: -30px; cursor: pointer; }
#flashcontent { }