/* Global reset */
body{
	margin:0;
	font:12px "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	color:#333; 
	background-image:url(/images/bkg_green.png);
	background-position:center; 
	background-repeat:repeat-y;
	background-color:#1e6929;
}
a{color:#149a5b;}
a:hover{text-decoration:none;}
img{border:none;}
form{
	margin:0;
	padding:0;
}
input,
textarea{
	vertical-align:middle;
	padding:0;
}
/* General settings */
#wrapper{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding-top: 162px;
	background-color:#FFF;
}
.bg1 #wrapper{background:url(/images/body-bg1.jpg) no-repeat 50% 100%; background-color:#FFF;}
.home #wrapper{padding-top: 99px;}
/* header */
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.header-wrapper{
	/*position:relative;*/
	height:139px;
	background:url(/images/header-bg.png) no-repeat;
	/*z-index:99;*/
}
/* logo */
.logo{
	position:absolute;
	top:38px;
	left:88px;
	width:198px;
	height:108px;
	text-indent:-9999px;
	overflow: hidden;
}
.logo a{
	display:block;
	height:100%;
	background:url(/images/logo.png);
	cursor:pointer;
}
/* search form */
.search-form{
	position:absolute;
	top:18px;
	right:38px;
}
.search-text{
	width:134px;
	height:20px;
	float:left;
	background:url(/images/search-txt.gif);
	padding:4px 8px 0;
	margin-right:11px;
	overflow: hidden;
}
.search-text input{
	padding:0;
	font-size:12px;
	color:#9c3;
	background:none;
	border:0;
	width:100%;
	vertical-align:top;
}
.search-btn{float:left;}
/* store buttons */
.store-btns{
	position:absolute;
	top:55px;
	right:26px;
	width:260px;
	height:34px;
}
.store-btns div{
	height:100%;
	background:url(/images/store-btns-bg.png);
}
.store-btns div ul{
	padding:5px 0 0;
	margin:0;
	list-style:none;
}
.store-btns div ul li{
	float:left;
	padding-left:10px;
	position:relative;
}
.store-btns div ul li a{
	float:left;
	text-align:center;
	width:115px;
	height:24px;
	line-height:24px;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	background:url(/images/green-btn.png);
	cursor:pointer;
}
.store-btns div ul li a.darkgreen-btn{background:url(/images/darkgreen-btn.png);}
.store-btns div ul li a:hover{text-decoration:underline;}
/* main navigation */
#main-nav{
	position:absolute;
	top:60px;
	left:286px;
	padding:0;
	margin:0;
	list-style:none;
}
#main-nav li{
	float:left;
	padding-left:28px;
}
#main-nav li a{
	float:left;
	height:24px;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	color:#fff0a5;
}
#main-nav li a em{
	float:left;
	height:100%;
	width:5px;
	overflow:hidden;
	background:url(/images/left-c-nav.png);
}
#main-nav li a em.right-c-nav{background:url(/images/right-c-nav.png);}
#main-nav li a span{
	float:left;
	height:100%;
	background:url(/images/main-nav.png);
	line-height:24px;
	padding:0 6px;
}
#main-nav li a:hover span,
#main-nav li.active a span{
	background:#fff0a5;
	color:#165936;
}
#main-nav li a:hover em,
#main-nav li.active a em{background:url(/images/left-ch-nav.png);}
#main-nav li a:hover em.right-c-nav,
#main-nav li.active a em.right-c-nav{background:url(/images/right-ch-nav.png);}
/* main */
#main{
	width: 100%;
	position: relative; 
}
/* content */
#content{
	padding:0 0 50px;
	width:100%;
	overflow:hidden;
}
#main #content{padding-top:0;}
* html .bg1 #main #content{padding-bottom:68px;}
*+ html .bg1 #main #content{padding-bottom: 68px;}
#content h2{
	font-size:20px;
	color:#43a70e;
	font-weight:normal;
}
/* intro holder */
.intro-holder{
	height:1%;
	overflow:hidden;
	background:url(/images/intro-holder-bg.jpg) no-repeat 0 100%;
	padding-bottom:23px;
}
/* top navigation */
.top-navigation{
	height:62px;
	margin:0;
	position: absolute;
	left: 330px;
	top: -62px;
	list-style:none;
	line-height: 11px;
	font-size: 9px;
	padding: 0;
	clear: both;
}
.top-navigation li{
	float:left;
	padding-right:5px;
}
.top-navigation li a{
	min-height:62px;
	width:66px;
	float:left;
	color:#b6b6b6;
	text-align:center;
	text-decoration:none;
	padding:0 6px;
}
* html .top-navigation li a {height: 62px; width:66px;}
.top-navigation li a:hover,
.top-navigation li a.active{
	background:#fffeb8 url(/images/top-navigation-bg.gif) no-repeat 0 100%;
	color:#008752;
}
.top-navigation li.product-1 a span{background:url(/images/ico-1lit.gif) no-repeat 50% 10px;}
.top-navigation li.product-1 a:hover span,
.top-navigation li.product-1 a.active span{background:url(/images/ico-1lit-h.gif) no-repeat 50% 10px;}

.top-navigation li.product-2 a span{background:url(/images/ico-2lit.gif) no-repeat 50% 10px;}
.top-navigation li.product-2 a:hover span,
.top-navigation li.product-2 a.active span{background:url(/images/ico-2lit-h.gif) no-repeat 50% 10px;}

.top-navigation li.product-3 a span{background:url(/images/ico-3lit.gif) no-repeat 20px 10px;}
.top-navigation li.product-3 a:hover span,
.top-navigation li.product-3 a.active span{background:url(/images/ico-3lit-h.gif) no-repeat 19px 10px;}

.top-navigation li.product-4 a span{background:url(/images/ico-4lit.gif) no-repeat 50% 10px;}
.top-navigation li.product-4 a:hover span,
.top-navigation li.product-4 a.active span{background:url(/images/ico-4lit-h.gif) no-repeat 50% 10px;}

.top-navigation li.product-5 a span{background:url(/images/ico-5lit.gif) no-repeat 50% 10px;}
.top-navigation li.product-5 a:hover span,
.top-navigation li.product-5 a.active span{background:url(/images/ico-5lit-h.gif) no-repeat 50% 10px;}

.top-navigation li.product-6 a span{background:url(/images/ico-6lit.gif) no-repeat 50% 10px;}
.top-navigation li.product-6 a:hover span,
.top-navigation li.product-6 a.active span{background:url(/images/ico-6lit-h.gif) no-repeat 50% 10px;}

.top-navigation li.product-7 a span{background:url(/images/ico-7lit.gif) no-repeat 50% 10px;}
.top-navigation li.product-7 a:hover span,
.top-navigation li.product-7 a.active span{background:url(/images/ico-7lit-h.gif) no-repeat 50% 10px;}

.top-navigation li a span{
	display:block;
	padding-top:34px;
}








.ghost-nav { z-index:9999999 }

/* top navigation */
.ghost-nav a span { visibility:hidden;display:none; }
.ghost-nav {
	height:62px;
	margin:0;
	position: absolute;
	left: 330px;
	top: -62px;
	list-style:none;
	line-height: 11px;
	font-size: 9px;
	padding: 0;
	clear: both;
}
.ghost-nav li{
	float:left;
	padding-right:5px;
}
.ghost-nav li a{
	min-height:62px;
	width:66px;
	float:left;
	color:#b6b6b6;
	text-align:center;
	text-decoration:none;
	padding:0 6px;
}
* html .ghost-nav li a {height: 62px; width:66px;}

























/* feature content */
.feature{
	width:701px;
	height:341px;
	float:left;
	overflow:hidden;
}
.feature-content{width:100%;}
.feature-slogan{
	position:absolute;
	left:66px;
	top:85px;
	width:445px;
	font:bold 34px  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	letter-spacing:-1px;
	color:#165936;
}
/* intro meta */
.intro-meta{
	width:251px;
	float:right;
	padding:40px 24px 0 0;
}
.home h1{display: none;}
.intro-meta h2{margin:0;}
.intro-meta p{
	margin:0;
	font-size:12px; 
	line-height:18px;
}
.intro-meta .search-form{
	position:static;
	width:100%;
	overflow:hidden;
	padding:10px 0 50px;
}
.intro-meta .search-form .search-text{background:url(/images/search-txt2.gif);}
/* buy online */
.buy-online{
	padding-right:127px;
	background:url(/images/buy-online-bg-new.jpg) no-repeat 100% 0;
	min-height:133px;
}
.buy-online p { 
	font-size:12px; 
	line-height:18px;
}

* html .buy-online{height:133px;}
/* feature product */
.feature-product{
	position:absolute;
	right:28px;
	top:55px;
}
.feature-product img{
	float:left;
	margin-left:-20px;
}
.product-title sup{
	vertical-align:middle;
	position:relative;
	top:-4px;
	font-size:12px;
}
/* feature slider */
.feature-slider{
	width:147px;
	height:23px;
	position:absolute;
	top:287px;
	left:44px;
}
.feature-slider ul{
	height:100%;
	background:url(/images/feature-slider.png);
	padding:0;
	margin:0;
	list-style:none;
	line-height:23px;
	font-size:10px;
	text-align:center;
	color:#ffc50e;
}
.feature-slider ul li{
	display:inline;
	padding:0 8px;
	position:relative;
}
.feature-slider ul li a{
	color:#fff;
	text-decoration:none;
}
.feature-slider ul li a:hover{color:#ffc50e;}
/* explore holder */
.explore-holder{
	height:1%;
	overflow:hidden;
	padding:0 30px 10px;
	margin-top:-10px;
}
.explore-holder h2{
	padding-left:18px;
	background:url(/images/green-bullet.gif) no-repeat 0 50%;
	margin:0 0 25px;
}
/* product list */
.products-list{
	padding:0;
	margin:15px 0 0 30px;
	list-style:none;
	width:100%;
	overflow:hidden; 
	text-align:center;
}
.products-list li{
	float:left;
	width:105px;
	text-align:center;
	padding:0 10px;
	background:red;
}
.products-list li a{
	display:block;
	text-decoration:none;
	padding-top:55px;
	color: #008752;
}
.products-list li.product-1{background:url(/images/ico-1.gif) no-repeat 50% 0;}
.products-list li.product-2{background:url(/images/ico-2.gif) no-repeat 50% 0;}
.products-list li.product-3{background:url(/images/ico-3.gif) no-repeat 50% 0; width:95px;}
.products-list li.product-4{background:url(/images/ico-4.gif) no-repeat 50% 0;}
.products-list li.product-5{background:url(/images/ico-5.gif) no-repeat 50% 0;}
.products-list li.product-6{background:url(/images/ico-6.gif) no-repeat 50% 0;}
.products-list li.product-7{background:url(/images/ico-7.gif) no-repeat 50% 0; width:114px;}
.products-list li a:hover{text-decoration:underline;}
/* category content */
.category-content{
	padding:20px 0 0 58px;
	height:1%;
	overflow:hidden;
}
.category-content h1{
	margin:0 0 20px;
	font-size:24px;
	font-weight:normal;
	color:#43a70e;
}
.title-for{color:#666;}
/* category list */
.category-list{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
}
.category-list li{
	width:142px;
	height:147px;
	background:url(/images/product-box.png);
	padding:10px 10px 5px;
	text-align:center;
	float:left;
	margin:0 18px 18px 0;
}
.category-list li .product-img,
.category-list li .product-link{position:relative;}
.category-list li .product-img-active{z-index:1000;}
.product-img{height:110px;}
.product-img img{
	display:block;
	margin:0 auto;
}
.category-list li a{
	text-decoration:none;
	color: #43a70e;
}
.category-list li a:hover{text-decoration:underline;}
/* product link */
.product-link{
	height:37px;
	display:table;
	width:95%;
	line-height: 17px;
}
.product-link span{
	vertical-align:middle;
	display:table-cell;
	padding:0 9px;
	line-height:120%;
	font-size:11px;
}

.product-link span span{
	padding:0;
	font-size:9px;
	/* position:relative; */
	top:-2px;
}


.product-link sup,
.product-link sub{
	vertical-align:middle;
	position:relative;
	top:-2px;
	font:10px Arial, Helvetica, sans-serif;
}
.product-link sub{
	top:auto;
	bottom:-3px;
}
/* product popup */
.product-popup{
	width:298px;
	position:absolute !important;
	z-index:10;
	top:-97px;
	left:-294px;
	text-align:left;
	display:none;
}
.product-popup-wrapper{background:url(/images/product-popup-bg.gif) repeat-y;}
.product-popup-title{
	background:url(/images/product-popup-title-bg.gif) no-repeat;
	padding:15px 19px 10px;
	font-size:17px;
	color:#fff;
	position:relative;
	width:260px;
}
.popup-arrow{
	position: absolute;
	right: -14px;
	bottom: 28px;
	background: url(/images/popup-arrow-r.gif) no-repeat;
	width: 16px;
	height: 29px;
}
.popup-left-side .popup-arrow{
	background: url(/images/popup-arrow.gif) no-repeat;
	left: -14px;
}
.product-popup-title sub{
	vertical-align:middle;
	position:relative;
	bottom:-5px;
	font-size:10px;
}
.product-popup-title .close-popup{
	width:8px;
	height:10px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	right:13px;
	background:url(/images/close-popup-btn.gif);
}
.product-popup img{
	float:left;
	margin-right:10px;
}
.product-popup-content{
	height:1%;
	overflow:hidden;
	padding:10px 29px 5px 12px;
	font-size:11px;
	line-height:16px;
	background:url(/images/product-popup-bottom-bg.gif) no-repeat 0 100%;
}
.popup-left-side .product-popup-content{}
.product-popup-content div{
	height:1%;
	overflow:hidden;
	padding-top:10px;
}
/* footer */
#footer{
	height:45px;
	width:960px;
	margin:0 auto;
	background:url(/images/footer-bg.png) no-repeat;
	font-size:11px;
	text-align:right;
	padding:25px 20px 0;
	color:#5ea589;
	overflow: hidden;
}
#footer .inner{position: relative; margin:10px 0;}
#footer p{
	margin:0;
	display:inline;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#footer ul li{
	display:inline;
	padding-left:17px;
}
#footer ul li a{
	text-decoration:none;
	color:#74c84b;
}
#footer ul li a:hover{text-decoration:underline;}
/* twocolumn */
#twocolumn{
	float: right;
	width: 710px;
	padding: 13px 21px 0 0;
	overflow: hidden;
}
#twocolumn h1{
	margin: 0 0 0 13px;
	text-transform: none;
	color: #165936;
	font-size:34px;
	font-weight:normal;
}

#twocolumn h1 span{
	font-size:12px;
	position:relative; 
	top:-17px;
}

#twocolumn h2{
	margin: 0 0 0 13px;
	font-size:20px;
	color:#43a70e;
	font-weight:normal;
}

#twocolumn h2 span{
	font-size:11px;
	position:relative; 
	top:-8px;
}

#twocolumn #content{
	float: left;
	width: 483px;
	padding: 0;
}
/* tabset */
.tabset{
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 14px 0 0 14px;
}
.tabset a{
	float: left;
	width: 135px;
	text-align: center;
	color: #43a70e;
	font-size: 11px;
	line-height: 26px;
	background: url(/images/bg-tab.png) no-repeat 0 -26px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
.tabset .active{
	background-position: 0 0;
	color: #fff;
}
/* tab holder */
.tab-holder{
	width: 100%;
	overflow: hidden;
	background: url(/images/bg-tab-content-c.gif) repeat-y;
	position: relative;
	z-index: 9;
	color: #333;
	font-size: 13px;
	line-height: 20px;
	margin: -1px 0 0;
}
.tab-holder-t{
	width: 100%;
	overflow: hidden;
	background: url(/images/bg-tab-cotent-t.gif) no-repeat;
}
.tab-holder-b{
	height:1%;
	overflow: hidden;
	background: url(/images/bg-tab-content-b.gif) no-repeat 0 100%;
	padding: 33px 18px 33px 37px;
	min-height: 296px;
}
* html .tab-holder-b{
	height: 296px;
	overflow: visible;
}
.tab-holder h2{
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
}
.tab-holder p{margin: 0 0 10px;}
.tab-holder .box{
	/*width: 100%;*/
	overflow: hidden;
	font-size:13px;
	line-height: 18px;
}
.tab-holder .box strong{display: block;}
.tab-holder .box ul{
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}
.tab-holder .box li{
	height:1%;
	overflow: hidden;
	background: url(/images/bullet01.gif) no-repeat 0 8px;
	padding: 0 0 0 11px;
}
/* info */
.info{
	padding: 9px 0 0 13px;
	font-size:11px;
	line-height: 15px;
	color: #666;
}
.info p{margin: 0;}
/* aside */
.aside{
	float: right;
	width:217px;
	background: url(/images/bg-sidebar-c.gif) repeat-y;
	font-size:11px;
	line-height: 15px;
	color: #333;
	margin: 38px 0 0;
}
.aside-t{
	width: 100%;
	overflow: hidden;
	background: url(/images/bg-sidebar-t.png) no-repeat;
}
.aside-b{
	height:1%;
	overflow: hidden;
	background: url(/images/bg-sidebar-b.gif) no-repeat 0 100%;
	padding: 10px 5px 0 1px;
}

/* left padding WAS 15px and right padding WAS 5px. Because of Wipreout Crabgrass, adjust values below used. */
.aside .title{
	display: block;
	color: #fff;
	margin-bottom: 40px;
	padding-left:8px;
	padding-right:2px;
}
.aside .title span{font-weight: normal;}
/* box */
.aside .box{
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.aside .box img{
	float: left;
	margin: 0 0 0 5px;
}
.aside .box02 img{margin: 0 0 0 5px;}
.aside .box div{
	float: right;
	width: 130px;
	padding-right: 4px;
}
.aside .box strong{
	display: block;
	margin: 0 0 5px;
}
.aside .box p{margin: 0 0 5px;}
.aside .box ul{
	margin: 0 0 0 -4px;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.aside .box li{
	float: left;
	background: url(/images/separator.gif) no-repeat 0 3px;
	margin: 0 0 0 -1px;
	padding: 0 5px 0 5px;
}
.aside .box a{
	color: #149a5b;
	text-decoration: underline;
}
.aside .box a:hover{text-decoration: none;}
.aside .box02{padding-bottom: 15px;}
/* sidebar */
#sidebar{
	float: left;
	width: 269px;
	padding-top: 18px;
}
#sidebar img{display: block;}
#sidebar ul{
	margin: -13px 0 0 57px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	position: relative;
}
#sidebar li{
	background: url(/images/bullet02.gif) no-repeat 0 6px;
	padding: 0 5px 7px 12px;
	line-height: 19px;
}
#sidebar li a{
	color: #43a70e;
	text-decoration: none;
}
#sidebar li a:hover{text-decoration: underline;}

.omri {
	float:right; 
	width:120px; 
	padding:20px 0 20px 10px; 
	border-left:1px solid #ccc;
}

/* layout-inside template*/
#inside { 
	width:780px;
	margin:0 0 0 110px;
	}
#inside h1 { 
	font-size: 34px;
	color: #165936;
	font-weight: normal;
	padding-bottom:0px; margin-bottom:4px;
	}
	
	
#inside h3 { font-size:18px; padding-top:15px;}
#inside h4 { color:#333; font-size:13px; margin-bottom:6px; padding-bottom:0px;}
#inside p { 
	margin:0 0 10px 0; 
	font:13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
	color:#333; line-height:1.4em;
	}


/* FAQ */
#faq-list { width:100%; overflow:hidden; margin:24px 0 12px 0px;  padding: 0 0 14px 0px; border-bottom:1px solid #ddd; }
#faq-list li { float:left; list-style-type:none; margin-left:0px;  padding-left:0px; margin-right:30px; font-size:14px; font-weight:bold; }





/* contact us */
#captcha { width:332px; height:330px; float:right; border:1px solid #CCC; }
#contact-form { width:420px; float:left;}

#inside a span { font-weight:bold; line-height:20px;}
#inside span span span { font-size:12px !important; color:#333; line-height:18px; padding-bottom:15px;}
#inside span span { font-size:12px !important; font-weight:bold;}


#disqus_thread { background-color: #fff; padding: 50px;
  border-top: 10px solid #ddd; border-bottom: 10px solid #ddd; }
  .dsq-brlink { text-align:center; display:block;
  visibility:hidden;display:none; }

/* Home Page Slideshow */
#s4 img{ position:absolute; top: 0; left: 0; }
#nav-container { 
	width:220px; 
	height:24px; 
	position:absolute; 
	top:300px; 
	left:56px; 
	z-index:12;
	background:#CCC;
	background: url(../images/cycle_nav_nonumbers.png) no-repeat;
	}
.nav { margin:2px 0; width:99px; position:absolute; top:301px; left:82px; z-index:199; height:16px;}
#prev { position:absolute; left:6px; top:1px; text-indent:-999px; width:16px;}
#next { position:absolute; left:123px; top:0; text-indent:-999px; width:16px;}
#nav a{ 
	margin: 0 3px; 
	padding: 3px 3px; 
	color:#FFF; 
	text-decoration: none;  
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	}
#nav a.activeSlide { color:#ffdc00; text-decoration:underline;}
#nav a:focus { outline: none; }
#output { text-align: left; }
#slideshow { position:relative; z-index:100;}



/* Google Test Links */
.gt-top { background: url(../images/gt-box-t.gif) no-repeat bottom; height:26px; margin:0px; padding:0px;}
.gt-top h3 { font-size:13px; margin:0 10px 0 10px; padding-top:10px;   }
.gt-top span { background:#FFF; padding:6px 6px 6px 6px;}
.gt-content { background: url(../images/gt-box-c.gif) repeat-y top; margin:0px; padding:4px 0 0 0;}
.gt-content div { padding:10px 0 8px 13px;}
.gt-bottom { background: url(../images/gt-box-b.gif) no-repeat top; margin:0px; padding:0px; height:6px;}

.gt-buy-online, .gt-find-store, .gt-buy-online2, .gt-find-store2 { 
	background:url(../images/gt-btn-buy.gif) no-repeat top; 
	width:188px; 
	height:40px;
	margin:0px; 
	margin-bottom:6px;
	display:block;
	}
.gt-find-store { background:url(../images/gt-btn-find.gif) no-repeat top; margin-bottom:0px; }
.gt-buy-online2 { background:url(../images/gt-btn-buy2.gif) no-repeat top; }
.gt-find-store2 { background:url(../images/gt-btn-find2.gif) no-repeat top; margin-bottom:0px; }
.gt-buy-online:hover, .gt-find-store:hover, .gt-buy-online2:hover, .gt-find-store2:hover { background-position:0px -40px;}
