/*---global common definitions---*/
body {
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#204d2c;
}
form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
img {border:0;}
a{
	color:#204d2c;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
#wrapper{
	width:942px;
	margin:0 auto;
	overflow:hidden;
	padding:46px 13px 0 0;
	position:relative;
}
/* header */
#header{
	position:absolute;
	width:942px;
	padding:13px 0 0;
	left:0;
	top:0;
	z-index:2;
}
.search-form{
	float:right;
	padding:7px 0 0;
}
.search-form fieldset{float:left;}
.search-form input{
	vertical-align:middle;
	margin:0;
	float:left;
}
.search-form .txt-input{
	width:118px;
	padding:1px 5px;
	border:1px solid #e3e9ef;
	border-top:1px solid #abadb3;
	font:13px Arial, Helvetica, sans-serif;
	color:#204d2c;
	margin:0 6px 0 0;
}
#menu{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
#menu li{
	float:left;
	display:inline;
	position:relative;
	margin:0 -9px 0 0;
}
#menu a{
	text-transform:uppercase;
	font-size:12px;
	line-height:33px;
	font-weight:bold;
	word-spacing:-1px;
	float:left;
	padding:0 25px 0 11px;
}
#menu li:hover, #menu li.hover{position:relative;}
#menu li:hover a, #menu li.hover a{
	background:#82b62d url(/images/bg-hover.gif) no-repeat 100% 50%;
	color:#fff;
	text-decoration:none;
}
#menu li:hover a.link, #menu li.hover a.link{
	padding:0 10px 0 11px;
	margin:0 15px 0 0;
	background:#82b62d;
}
#menu ul{
	position:absolute;
	left:0;
	top:33px;
	width:272px;
	list-style:none;
	margin:0;
	padding:0 0 1px;
	background:#82b62d;
	display:none;
}
#menu li:hover ul, #menu li.hover ul{display:block;}
#menu ul li{
	float:none;
	display:block;
	height:1%;
	overflow:hidden;
	vertical-align:top;
	margin:1px 1px 0;
}
#menu ul a, #menu li:hover ul a, #menu li.hover ul a{
	float:none;
	display:block;
	height:1%;
	overflow:hidden;
	background:#fff;
	line-height:14px;
	font-size:11px;
	padding:4px 5px;
	color:#060;
} 
#menu ul a:hover, #menu ul li:hover a, #menu ul li.hover a{
	background:#82b62d;
	color:#fff;
}

/* page */
.page{
	background: url(/images/bg-page.gif) repeat-y 100% 0;
	position:relative;
	margin:0 0 -77px;
}
.homepage{background: url(/images/bg-container.gif) repeat-y 100% 0;}
h1.logo{
	width:271px;
	height:118px;
	background:url(/images/logo.gif) no-repeat;
	margin:0 0 0 25px;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	z-index:1;
}
h1.logo a{
	height:100%;
	display:block;
}
.visual{
	width:720px;
	height:327px;
	background: url(/images/bg-visual.gif) no-repeat;
	position:absolute;
	right:0;
	top:-142px;
}
.visual a img{float:right;}
.wrapper h1.logo{
	width:362px;
	height:159px;
	background: url(/images/logo2.gif) no-repeat;
	margin:0 auto;
}
.images{
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
}
.images li{
	float:left;
	margin:0 13px 13px 0;
}
.images li img{display:block;}
/* content */
#content{
	height:1%;
	background:#fff;
	padding:0 43px 77px 25px;
	margin:24px 0 0;
	position:relative;
}
.texture{
	width:852px;
	height:797px;
	position:absolute;
	bottom:0;
	right:0;
}
.wrapper #content{padding:0 43px 107px 109px;}
.homepage #content{background:none;}
#content:after{
	content:"";
	display:block;
	clear:both;
}
.container{
	height:1%;
	overflow:hidden;
	position:relative;
	z-index:2;
	padding:0 90px 0 0;
}
.image-left{
	float:left;
	margin:0 20px 0 0;
}
.image-left img{
	display:block;
	margin:0 0 8px;
}
.image-left p{text-align:center;}
#content p{
	margin:18px 0;
	line-height:16px;
}
/* sidebar */
#sidebar{
	float:left;
	width:225px;
	padding:0 0 0 3px;
	position:relative;
	z-index:2;
}
#sidebar h2{
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 6px;
}
.nav{
	list-style:none;
	margin:0 0 30px 5px;
	padding:0;
}
.nav li{
	background: url(/images/bg-nav.gif) no-repeat 0 100%;
	line-height:16px;
	padding:5px 0 6px;
}
* html .nav li { display:inline-block;}
.nav ul{
	list-style:none;
	margin:6px 0 -5px;
	padding:0;
	display:none;
}
.nav li.active ul{display:block;}
.nav a:hover{
	color:#690;
	text-decoration:none;
}
.nav ul li{
overflow: hidden;
width: 209px;
background: url(/images/bg-nav.gif) no-repeat;
padding:6px 0 5px 13px;
}

.nav ul a{
float: left;
background: url(/images/bg-subnav.gif) no-repeat 0 4px;
padding:0 0 0 21px;
}
/* alternative rollover */
/*
.bordered li{padding:0;}
.bordered a{
	display:block;
	padding:6px 0 5px 2px;
}
.bordered a:hover{
	background:#82b62d;
	color:#fff;
}
.nav ul{margin:0 0 -5px;}
.nav ul a{
	display:inline;
	background: url(/images/bg-subnav.gif) no-repeat 0 50% !important;
}
.nav ul a:hover{color:#690;}
*/
.pdf-links a{
	background: url(/images/pdf-ico.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;
}
.bordered{background: url(/images/bg-nav.gif) no-repeat;}
/* column */

#column {padding:60px 0 0;} /*added 10.13.2009*/

#column{
	float:right;
	width:640px;
	position:relative;
	z-index:2;
}
.homepage #column{
	width:536px;
	padding:0 0 0 33px;
	margin:0 -15px 0 0;
	display:inline;
}
#column h2{
	font-size:16px;
	text-transform:uppercase;
	margin:11px 0 16px;
}
.homepage #column h2{
	font-size:14px;
	margin:0 0 16px -22px;
}
.homepage #column h2 a{
	text-transform:none;
	text-decoration:underline;
	font-size:16px;
}
.homepage #column h2 a:hover{text-decoration:none;}
.homepage #column .text-holder h2{margin-left:0;}
.homepage #column .text-holder h2 span{margin:0;}
#column h2 span{
	font-size:16px;
	line-height:20px;
	text-transform:none;
	display:block;
	margin:-3px 0 0;
}
#column h3{
	font-size:12px;
	text-transform:uppercase;
	margin:2px 0 15px;
}
.products{
	list-style:none;
	margin:74px 0 0;
	padding:0;
	height:1%;
	overflow:hidden;
}
.products li{
	float:left;
	width:192px;
	padding:188px 12px 37px 0;
	display:inline;
	overflow:hidden;
}
.products .image{
	width:192px;
	height:188px;
	overflow:hidden;
	margin:-188px 0 0;
}
.products .image .inner{
	width:184px;
	height:178px;
	text-align:center;
	padding:2px 8px 8px 0;
	display:table-cell;
	vertical-align:bottom;
}
.products .optional{
	float:left;
	margin:6px 10px 0 0;
}
.text{
	height:1%;
	overflow:hidden;
	/*padding:42px 45px 0 0;*/

	padding:42px 45px 0 0;
}
#column .text{padding:0;}
.products .text{
	padding:0 10px;
	font-size:11px;
	margin:6px 0 0;
}
.products .text span{display:block;}
.product-alt .image{background: url(/images/bg-image.png) no-repeat;}
.info{
	float:left;
	padding:3px 0 0;
	margin:0 30px 0 0;
}
.info img{
	margin:0 26px;
	padding:9px 0 0;
	display:block;
	clear:both;
}
.info .optional{
	float:left;
	margin:-3px 10px 0 0;
	padding:0;
}
.info strong, .info span{
	display:block;
	font-size:12px;
	text-transform:uppercase;
}
.list strong{margin:0 5px 0 0;}

.list{
	list-style:none;
	margin:0px 0 30px;
	padding:0 0 0 0;
}
.list li{
	background: url(/images/bg-list.gif) no-repeat 0 5px;
	padding:0 0 0 13px;
	line-height:18px;
	height:1%;
}
.list li img{vertical-align:middle;}
.list dl, .inf{
      margin:0;
      height:1%;
      overflow:hidden;
}
.inf{margin:0 0 25px;}
.list dt, .inf dt{
      float:left;
      clear:left;
	  margin:0 3px 0 0;
}
.list dd, .inf dd{
      margin:0;
      height:1%;
      overflow:hidden;
}
.definitons li{background-position:0 50%;}
#column .text h2{
	font-size:14px;
	margin:0 0 2px;
}
#column .search-form{
	width:428px;
	background:#fff url(/images/bg-search.gif) no-repeat 0 100%;
	font-size:12px;
	float:none;
	margin:0 0 25px;
	padding:0;
}
#column .search-form .inner{
	height:1%;
	overflow:hidden;
	padding:0 178px 7px 13px;
	background: url(/images/bg-search-top.gif) no-repeat;
}
#column .search-form label{
	display:block;
	margin:10px 0 0;
	line-height:18px;
}
#column .search-form input{margin-top:10px !important}
.homepage .list li{
	background: url(/images/bg-list-li.gif) no-repeat 0 6px;
	margin:12px 0 0;
}
.homepage .list ul li{background: url(/images/bg-sublist.gif) no-repeat 0 5px;}
#content .list h3{margin:0;}
.list ul{
	list-style:none;
	margin:0;
	padding:0;
}
.ready-ico{margin:-13px 10px;}
.list .ready-ico{
	float:right;
	margin:-13px 0 -13px 20px;
	position:relative;
}
.list-holder{
	overflow:hidden;
	width:546px;
	margin:0 -10px 0 0;
}
.list-left{
	float:left;
	width:182px;
}
.list-left li, .homepage .list-left li{
	background: url(/images/bg-list-left.gif) no-repeat 0 6px;
	margin:0;
}
.list-green{
	background: url(/images/bg-green-list.gif) no-repeat 100% 50%;
	padding:0 70px 0 0;
}
.list-green li, .homepage .list-green li{
	background: url(/images/bg-list-green-li.gif) no-repeat 0 6px;
	margin:0;
}
.right-link{
	text-align:right;
	display:block;
	margin:-16px 0 0;
}
.text-holder{
	width:470px;
	overflow:hidden;
	margin:0 0 0 -22px;
	padding:10px 88px 0 0;
	line-height:18px;
}
#content .text-holder p{margin:3px 0 20px;}
.address{
	font-style:normal;
	padding:3px 0 0;
	margin:0 0 20px;
}
.address strong, .address span{display:block;}
.address strong{
	font-size:16px;
	font-weight:normal;	
}
.ordered{
	list-style-position:inside;
	margin:0;
	padding:0;
}
.ordered li{margin:0 0 18px;}
.map{
	height:1%;
	overflow:hidden;
	margin:-3px 0 30px;
}
.map img{
	border:1px solid #000;
	display:block;
}
/* footer */
#footer{
	background: url(/images/bg-footer.jpg) repeat-x 0 77px;
	height:1%;
	overflow:hidden;
	padding:0 20px 20px 90px;
	position:relative;
}
.ecologo{
	float:right;
	font-size:12px;
	color:#fff;
	text-align:center;
}
#footer .ecologo p{
	margin:0;
	color:#fff;
}
.banner{
	list-style:none;
	margin:36px 0 45px;
	padding:0;
}
.banner li{
	display:inline;
	margin:0 15px 0 0;
}
#footer p{
	text-align:center;
	color:#455d23;
	font-size:12px;
	margin:0;
}
.wrapper .page, .wrapper #content, .wrapper footer{background:none;}
/* popup */
.popup{
	position:absolute;
	background:#fff;
	padding:10px;
	width: 435px;
	margin: 0 auto;
	text-align:center;
}
.popup img{
	display:block;
	margin:0 auto 20px;
}
.popup p{
	margin:0 auto 20px;
}

/*flaxible box start*/
.flaxible-box{
	float:left;
	overflow:hidden;
	position:relative;
}
.flaxible-box img{
	margin:0;
	padding:0;
}
/*top line*/
.flaxible-box .t{
	height:8px;
	background:url(/images/top-repeate-part.png) repeat-x;
	margin:0 14px 0 6px;
}
 * html .flaxible-box .t{overflow:hidden;}
.flaxible-box .t:after{
	content:"";
	display:block;
	clear:both;
}
.flaxible-box .t .right-corner{
	float:right;
	width:14px;
	height:8px;
	background:url(/images/top-right-corner.png) no-repeat;
	margin-right:-14px;
	display:inline;
	position:relative;
}
.flaxible-box .t .left-corner{
	float:left;
	width:6px;
	height:8px;
	background:url(/images/top-left-corner.png) no-repeat;
	margin-left:-6px;
	display:inline;
	position:relative;
}
/*top line end*/
.flaxible-box .right-c{
	float:right;
	background:url(/images/center-right-part.png) repeat-y;
	padding-top:9999px;
	margin-bottom:-9999px;
	width:8px;
	margin-right:-8px;
	display:inline;
	position:relative;
}
.flaxible-box .frame{
	padding-right:8px;
	overflow:hidden;
	position:relative;
	height:1%;
}
.flaxible-box .frame .holder{
	background:#fff;
	width:100%;
	overflow:hidden;
	float:left;
}
.flaxible-box .frame .holder img{padding:10px;}
/*bottom line*/
.flaxible-box .b{
	height:14px;
	margin:0 15px 0 7px;
	background:url(/images/bottom-repeate-part.png) repeat-x;
}
* html .flaxible-box .b{overflow:hidden;}
.flaxible-box .b:after{
	content:"";
	display:block;
	clear:both;
}
.flaxible-box .b .right-corner{
	float:right;
	background:url(/images/bottom-right-corner.png) no-repeat;
	width:15px;
	height:14px;
	margin-right:-15px;
	display:inline;
	position:relative;
}
.flaxible-box .b .left-corner{
	float:left;
	background:url(/images/bottom-left-corner.png) no-repeat;
	width:7px;
	height:14px;
	margin-left:-7px;
	display:inline;
	position:relative;
}
/*flaxible box end*/
