body{margin:0px; margin:0 auto; background-attachment:fixed; font:small "Trebuchet MS", Arial, Helvetica, sans-serif;}

h2 {font-size:large; font-weight:bold; padding:10px 0 20px;}
h3 {font-size:medium; font-weight:bold; padding:10px 0 20px;}
a{color: #98AA66; text-decoration:none; outline:none;}
a:hover{color:#34780B;}

.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}

#container{overflow:auto; margin:0 auto; width:1010px; background:#fff; border:2px solid #cccccc;}
#main{position:relative; overflow:auto; width:100%; margin:0 auto;}
#header{overflow:auto; width:100%; margin-bottom:1px;}
#header-logo img{padding:5px 0 0 50px; border:none; position:absolute; float:left;}
#header-logo{float:left; background: no-repeat; width:0%; height:140px;}
#header-right{background: url(../images/back-head.png) repeat-x; height:140px; width:100%;}
.top-nav{margin-top:0px; background:url("images/top-nav.png") repeat-x; height:55px; text-align: center; border:1px solid #fff; margin-bottom:20px;}
#main-content{overflow:auto; margin:0 auto; width:95%; padding:30px 0 0 0;}



/***************************************/
#top-whole{overflow: hidden; font-size:14px; width:100%; margin-bottom:40px; text-align:justify;}
.top-whole{overflow: hidden; font-size:14px; width:100%; margin-bottom:40px; text-align:justify;}
.float-left{float:left; text-align:center; padding:10px; margin:10px 10px 0px 0px; border:1px solid silver;}
.float-right{float:right; text-align:center; padding:10px; margin:0px 0px 10px 10px; border:1px solid silver;}
.bottom-whole{overflow:auto; font-size:14px; margin:0 auto; width:100%;}
.text-left{float:left; margin:10px 0 20px 0; text-indent:20px; border:1px solid #fff}
.text-left img{padding:10px; border:1px solid silver;}
.text-center{text-align:center; width:650px; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.text-center img{text-align:center; padding:10px; border:1px solid silver;}
.text-center3{text-align:center; width:600px; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.text-center3 img{text-align:center; padding:10px; border:1px solid silver;}
.text-right{float:right; border:1px solid red;}


/***************************************/
#left-main-content{float:left; width:172px;}
.left-main-text{text-align:center; font-size:12px; color:#000;}
#right-main-content{float:right; width:765px;}
.welcome{text-align:center; font-size:30px; font-weight:bold; color:#98aa66; padding:0 0 40px 0;}
.right-main-text{font-size:14px; color:#000; text-align:justify;}
.right-main-text p{padding:10px 0 10px 0; line-height:15pt;}
#ads_img{overflow:auto; text-align:center; padding-right:300px;}
#ads_img img{padding:0 50px 0 50px;}

/*footer*/
#footer{position:relative; overflow:auto; background:#42453d; height: auto; width:100%; margin-top:10px; font-size:9pt; font-weight:bold; color:#ffffff; border-top:3px double silver;}
#footer p{text-align:center; padding:0 0 10px 0; margin:-10px 0 0 0;}
#footer a{color: #98AA66; text-decoration:none; clear:both}
#footer a:hover{color:#34780B;}
#footer .left{float: left; width:30%;}
#footer .left p{text-align:center; padding: 0 0 0 30px;}


.btn-submit{background:#fff; border:1px solid #fff; text-decoration:underline; color:blue; font-size:14px;}
.btn-submit:hover{background:#eeeeee; color:red;}


/***********************************/


.space{clear:both; height:1px; width:50%;}
.float-left2{border: 1px solid silver; clear:left; float:left; margin:10px 10px 0px 0px; padding:10px; text-align:center;}
.justify-content {text-align:justify;}
.text-center01 {margin:10px auto 20px; text-align:center; width:780px;}
.text-center01 img {border:1px solid silver; padding:10px; text-align:center;}
.resources-content{text-align:justify; clear:both;}
.resources-content ul{list-style-type:none;}
.bold-text{font-weight:bold;}
.bold-underline{text-decoration:underline; font-weight:bold;}
.center-align{text-align:center;}
ul.regular-list{list-style-type: disc; padding:0 0 10px 20px; margin-left: 20px;}
.italic{font-style:italic;}
.faq-content{padding:10px 5px; margin-bottom: 5px; width:auto; background-image: url(../images/sustainable-back.gif); background-repeat:repeat-x;}
.faq-content p{padding:10px;}
.faq-content a:link{color:#006633;}
.faq-content a:visited{color:#006633;}
.faq-content a:hover{color:#00CC66;}
.faq-content a:active{}
.faq-content ul{padding:0 0 10px 20px;}
.faq-content ul li{padding:0 0 10px 10px; line-height:15pt;}
.faq-nav{float:left; font-size: 16px;}
.faq-nav ul li{list-style-type:none; display:inline; border-right:1px solid #000000; margin-right: 5px; padding-right: 8px;}
.faq-nav ul{margin-left: -40px; margin-bottom: 40px;}
.faq-nav ul li.last{border:none;}



/*************************************/

/*tim*/

.nobrd img{border:none;}
.tableleft{text-align:left; width:600px; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.tableleft img{text-align:left; padding:10px; border:1px solid silver;}
#hintbox{position:absolute; top: 0; background-color: white; width: 150px; padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden;}
.hintanchor{font-weight: bold; color: navy; margin: 3px 8px;}
.paypal {float:right; margin-right:50px; padding-left:50px;}
.paypal img{border:none;}
.brd {border: none; background-color: #FFFFFF;}
.mg {margin: 5px;}
#returned_value{text-align:center; font-size:14px; color:#000000}
#input{border:1px solid #CCCCCC; background:#FFF}
#go {border:1px solid #CCCCCC; background: #336600; color:white}
.left{text-align:center; padding:10px; margin:10px 0px 0px 0px; width: 420px;}
.left img{text-align:center; padding:10px; margin:10px 10px 0px 0px; border:1px solid silver; width: 420px;}
.contact{float:left; text-align:justify; padding:10px; margin:10px 10px 0px 0px; border:1px solid silver;}
.btext1 {font-size: large; font-weight:bold;}
.btext2 {font-size: medium; font-weight: bold;}
.content{overflow:auto; margin:0 auto; width:95%; min-width:740px; margin-bottom:4%; margin-top:4%; text-align:justify;}
.border {text-align:center; padding:10px; margin:10px 10px 0px 0px; border:1px solid silver;}
.table {text-align:center; padding-left: 5px; padding-right:5px; border:medium inset;}
table.cork {border-width: medium medium medium medium; border-spacing: 3px; border-style: inset inset inset inset; border-color: gray gray gray gray; border-collapse: separate; background-color: white; margin-left:100px;}
table.cork th {border-width: 1px 1px 1px 1px; padding: 5px 5px 5px 5px; border-style: inset inset inset inset; border-color: gray gray gray gray; background-color: white; text-align:center;}
table.cork td {border-width: 1px 1px 1px 1px; padding: 5px 5px 5px 5px; border-style: inset inset inset inset; border-color: gray gray gray gray; background-color: white; text-align:justify;}
table.gymboo {border-width: 0px 0px 0px 0px; border-spacing: 5px; border-style: none none none none; border-color: gray gray gray gray; border-collapse: separate; background-color: white; margin-left:350px;}
table.gymboo th {border-width: 0px 0px 0px 0px ; padding: 5px 5px 5px 5px; border-style: solid solid solid solid; border-color: gray gray gray gray; background-color: white;}
table.gymboo td {border-width: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-style: solid solid solid solid; border-color: gray gray gray gray; background-color: white;}
.wrap{text-align:left; margin-left: 300px;}
.wrap2{text-align:left; margin-left: 200px;}
.wrap3{text-align:left; margin-left: 100px; margin-right:100px;}

#form{width:500px; height:auto; margin:0 auto 20px auto; float:left;}
#form label{float:left; font-size: 9pt; font-weight:bold; line-height:12pt; width:150px; text-align:right; margin:3px 0 0 0;}
#form label.small{float:left; font-size: 9pt; font-weight:bold; line-height:12pt; width:60px; text-align:right; margin:3px 0 0 0;}
#form input[type="text"]{float:left; width:314px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px;}
#form input[type="text"].small{float:left; width:50px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333;}
#form p{padding:5px 0 0 0px; font-size:10pt; font-weight: bold; text-align:left;}
#form input[type="radio"]{border: none; float:left; margin:5px 0 0 10px;}
#form textarea{float:left; width:314px; height:100px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px;}
#form input[type="submit"], #form input[type="reset"]{width:80px; height:20px; text-align:center; font-size:8pt; font-weight:bold; color:#ffffff; background-color:#999999; border:1px solid #333333; margin:10px 0px 0 20px; padding:2px 3px 5px 3px; cursor:pointer; float:right;}
#form input[type="text"]:hover, #form input[type="text"].small:hover, #form input[type="submit"]:hover, #form textarea:hover, #form input[type="reset"]:hover{background-color:#CCCCCC; border:1px solid #999999;}


#contactform{width:700px; height:auto; margin:0 auto 20px auto;}
#contactform label{float:left; font-size: 9pt; font-weight:bold; line-height:12pt; width:150px; text-align:right; margin:3px 0 0 0;}
#contactform label.small{float:left; font-size: 9pt; font-weight:bold; line-height:12pt; width:60px; text-align:right; margin:3px 0 0 0;}
#contactform input[type="text"]{float:left; width:314px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px;}
#contactform input[type="text"].small{float:left; width:50px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333;}
#contactform p{padding:5px 0 0 0px; font-size:10pt; font-weight: bold; text-align:left;}
#contactform input[type="radio"]{border: none; float:left; margin:5px 0 0 10px;}
#contactform textarea{float:left; width:314px; height:100px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px;}
#contactform input[type="submit"], #contactform input[type="reset"]{width:80px; height:20px; text-align:center; font-size:8pt; font-weight:bold; color:#ffffff; background-color:#999999; border:1px solid #333333; margin:10px 0px 0 0; padding:2px 3px 5px 3px; cursor:pointer;}
#contactform input[type="text"]:hover, #contactform input[type="text"].small:hover, #contactform input[type="submit"]:hover, #contactform textarea:hover, #contactform input[type="reset"]:hover{background-color:#CCCCCC; border:1px solid #999999;}

#quoteform{width:1000px; height:auto; margin:20px auto 20px auto;}
#quoteform label{float:left; font-size: 9pt; font-weight:bold; line-height:12pt; width:155px; text-align:right; margin:3px 0 0 0; color:#577405}
#quoteform label.small{float:left; font-size: 9pt; font-weight:bold; line-height:12pt; width:60px; text-align:right; margin:3px 0 0 0; color:#577405;}
#quoteform input[type="text"]{float:left; width:314px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px;}
#quoteform input[type="text"].small{float:left; width:150px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333;}
#quoteform select{float:left; width:350px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 50px 0 10px;}
#quoteform select.small{float:left; width:170px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px;}
#quoteform p{padding:5px 0 0 0px; font-size:10pt; font-weight: bold; text-align:left;}
#quoteform input[type="radio"]{border: none; float:left; margin:5px 0 0 10px;}
#quoteform textarea{float:left; width:805px; height:100px; padding:3px 5px; font-size:9pt; border:none;background-color:#FFFFFF; border:1px solid #333333; margin:0 0 0 10px; overflow:auto;}
#quoteform input[type="submit"], #quoteform input[type="reset"]{width:80px; height:20px; text-align:center; font-size:8pt; font-weight:bold; color:#ffffff; background-color:#999999; border:1px solid #333333; margin:10px 0px 0 0; padding:2px 3px 5px 3px; cursor:pointer;}
#quoteform input[type="text"]:hover, #quoteform input[type="text"].small:hover, #quoteform input[type="submit"]:hover, #quoteform textarea:hover, #quoteform input[type="reset"]:hover, #quoteform select:hover, #quoteform select.small:hover{background-color:#CCCCCC; border:1px solid #999999;}

/***********************************/

/*Paypal*/
.cart{width:980px; height: auto; margin:10px 30px 20px 30px; padding:0;}
.shoppingcart{width:200px; height:auto; padding:10px; margin:50px 20px 10px 0; float:left; border:1px solid silver; text-align:center;}
img.shop{border:3px double silver; padding:1px; margin:5px 0 5px 0;}
.shoppingcart h4{font-size:10pt; font-weight:bold; color:#003300; text-align:center;}
.shoppingcart p{font-size:9pt; font-weight:normal; color:#333333; text-align:center; padding:5px 5px 10px 5px;}
.payout{float:right; padding: 20px; margin:50px 20px 0 0;}
.paypalform{width:100px; height:25px; margin:0 auto;}

* {margin: 0; padding:0;}

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin-top:-50px;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.leftspace{margin:-150px 150px 0 0; float:right; list-style:circle; padding-left:20px;}




/*revision 01/17/09 */
#productbox{margin:0 auto; width:950px;}
.productbox{padding:5px 0; border:3px double silver; margin:10px 10px 10px 0; width:300px; text-align:center; float:left; background-color:#41443C;}
.productbox h3{text-align:center; margin:0 auto 5px auto; background-color:#dff8a2; width:300px; font-size:14pt; padding:10px 0 10px 0;}
.productbox img.top{border:none; margin:0 auto 5px auto; text-align:center; width:290px; height:200px;  border:1px solid #dff8a2;}
.front_links{margin:10px auto;}
.front_links img{border:3px double #dff8a2; margin:0 auto; text-align:center;}
.front_links a, .front_links a:visited{color:#dff8a2; text-decoration:none; font-weight:bold; font-size:12pt; text-align:center;}
.front_links a:hover{color:#666666;}

.front_img{margin:0 auto; border:3px double #dff8a2; padding:2px;}

/* Chained select styles */
/* 
	Fake select aspect: set only the default styles on the id 
*/
#chainedSelect { 
	display:block; 
	position:relative;
	width:200px;
	float:left;
	padding:3px;
	margin:0 0 3px 150px;	
}
/* 
	...and make it look good in a class having the same name as the id 
	the container id and class must be the same
	the class is added from JS so if JS disabled, it won't look weird
*/
.chainedSelect {
	border:1px #333333 solid; 
	background: url(../images/drop.jpg) right center no-repeat #FFF; 
}

/* 
	The option list: the overall container for the options */
#optionList { 
	display:block; 
	position:relative; 
	width:250px;
	font-size:9pt;
	background-color:#FFF;
	border:1px #CCCCCC solid; 
}
/* the top pointer container */
#optionList .pointer {
	display:block;
	position:relative;
	height:20px;
	line-height:11px;
	width:250px;
	margin-top:-20px;
	background: url(../images/pointer.gif) bottom center no-repeat;
}
/* loading class for #optionList */
.loading { 
	background: url(../images/ajax-loader.gif) center center no-repeat #FFF; 
	height:50px; 
}
#optionList .optionsWrapper { 
	display:block; 
	position:relative;
}
/* entries from #optionList */
#optionList div.entry{ 
	display:block; 
	position:relative; 
	padding:7px 10px 7px 4px; 
	border-bottom:1px #999999 solid; 
	font-size:9pt; 
	color:#333333; 
	cursor:pointer; 
	height:auto; 
	overflow:hidden; 
}
/* link to navigate to children list */
#optionList div.entry a.nav { 
	display:block; 
	position:absolute; 
	top:10px; 
	right:0px; 
	background-image: url(../images/nav.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFF; 
	width:26px; 
	height:17px; 
	line-height:17px; 
}
#optionList div.entry a.nav:HOVER { 
	background-position:bottom right;
}
/* top navigation container; contains title and return link */
#optionList .navigator { 
	display:block; 
	position:relative; 
	margin-bottom:5px;
	clear:both; 
	float:none; 
	padding:5px;
}
/* title from .navigation */
#optionList .navigator span.title { 
	display:block; 
	padding-left:20px; 
	color:#003300;
	font-size:10pt;
	font-style:italic;
	text-decoration:underline;
}
/* return link from .navigator */
#optionList .navigator a.returnLink { 
	display:block; 
	position:absolute; 
	top:9px; 
	left:5px; 
	background: url(../images/back_nav.jpg); 
	width:13px; 
	height:17px; 
	line-height:17px; 
}

#bcs_comboBox{}
#bcs_comboBox input[type="text"]{width:275px; float:left;}
#bcs_comboBox .comboSel {visibility: hidden;}

#pie{width:872px; height:585px; margin:20px auto;}
#pie_strand{background:url(../images/piegraph/strandwoven.png) no-repeat; width:352px; height:280px; position:absolute; margin:20px 0 0 400px;}
#pie_strand:hover{margin:0px 0 0 410px;}
#pie_bamboo{background:url(../images/piegraph/bamboo.png) no-repeat; width:424px; height:232px; position:absolute; margin:95px 0 0 455px;}
#pie_bamboo:hover{margin:80px 0 0 465px;}
#pie_cork{background:url(../images/piegraph/cork.png) no-repeat; width:422px; height:240px; position:absolute; margin:270px 0 0 455px;}
#pie_cork:hover{margin:250px 0 0 465px;}
#pie_gymboo{background:url(../images/piegraph/gymboo.png) no-repeat; width:368px; height:280px; position:absolute; margin:272px 0 0 318px;}
#pie_gymboo:hover{margin:250px 0 0 315px;}
#pie_namerica{background:url(../images/piegraph/namerica.png) no-repeat; width:397px; height:266px; position:absolute; margin:272px 0 0 56px;}
#pie_namerica:hover{margin:230px 0 0 70px;}
#pie_exotic{background:url(../images/piegraph/exotic.png) no-repeat; width:425px; height:248px; position:absolute; margin:140px 0 0 26px;}
#pie_exotic:hover{margin:120px 0 0 0px;}
#pie_reclaimed{background:url(../images/piegraph/reclaimed.png) no-repeat; width:361px; height:277px; position:absolute; margin:24px 0 0 92px;}
#pie_reclaimed:hover{margin:0 0 0 80px;}