@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background: transparent url(/media/layout/bg.gif) center 18px; font:13px/18px "Calibri", Trebuchet MS, Helvetica, Arial, sans-serif; color:#555; }

/* Typography */

h1 { font-size: 24px; }
h1 span { color: #8cc63f; }
h2 { font-size: 18px; color: #8cc63f; }
h3 { font-size: 16px; color: #8cc63f; }
h4 { font-size: 16px; }
h5 { font-size: 12px; font-weight: normal; }
h6 {  }

dt { font-weight: bold; font-size: 14px; }
dd p { margin-top: 0; }

#sidebar, #secondary { color:#fff; }

a { text-decoration: none; color: #497c05; }
a:hover { text-decoration: underline; }

#sidebar a, #secondary a { color:#cbeb8f; }
#content a { font-weight: bold; }
#content b { font-weight: bold; font-size: 14px; }
  
/*
	----------------------------
	LAYOUT
	____________________________
*/
#site-container { width:960px; margin: 0 auto; }
#wrapper { width:910px; position: relative; padding: 0 6px; background: transparent url(/media/layout/wrapper_bg.png) left top repeat-y; }

#navigation { position:absolute; z-index: 100; top:5px; right:-41px; width:700px; height: 1px; }
	#navigation a { text-indent: -9999px; display: block; position: absolute; background-repeat: no-repeat; }
	#navigation a#nav-home, #navigation a#nav-home-on { width: 80px; height:70px; z-index: 101; top:140px; left: 45px; background: url(/media/layout/nav_bg_home.png) 50% -140px; }
	#navigation a#nav-home-on { background-position: 50% -70px; }
	#navigation a#nav-home:hover { background-position: 50% top; }
	#navigation a#nav-fabrics,#navigation a#nav-fabrics-on { width: 80px; height:80px; z-index: 102; top:82px; left: 101px; background: url(/media/layout/nav_bg_fabrics.png) 50% -160px; }
	#navigation a#nav-fabrics-on { background-position: 50% -80px; }
	#navigation a#nav-fabrics:hover,#navigation a#nav-fabrics-on:hover { background-position: 50% top; }
	#navigation a#nav-crafts, #navigation a#nav-crafts-on { width: 100px; height:100px; z-index: 103; top:29px; left: 169px; background: url(/media/layout/nav_bg_crafts.png) 50% -200px; }
	#navigation a#nav-crafts-on { background-position: 50% -100px; }
	#navigation a#nav-crafts:hover,#navigation a#nav-crafts-on:hover { background-position: 50% top; }
	#navigation a#nav-finishedproducts,#navigation a#nav-finishedproducts-on { width: 110px; height:110px; z-index: 104; top:0px; left: 270px; background: url(/media/layout/nav_bg_finishedproducts.png) 50% -220px; }
	#navigation a#nav-finishedproducts-on { background-position: 50% -110px; }
	#navigation a#nav-finishedproducts:hover,#navigation a#nav-finishedproducts-on:hover { background-position: 50% top; }
	#navigation a#nav-design,#navigation a#nav-design-on { width: 130px; height:130px; z-index: 105; top:15px; left: 385px; background: url(/media/layout/nav_bg_design.png) 50% -260px; }
	#navigation a#nav-design-on { background-position: 50% -130px; }
	#navigation a#nav-design:hover,#navigation a#nav-design-on:hover { background-position: 50% top; }
	#navigation a#nav-specialtyfabrics,#navigation a#nav-specialtyfabrics-on { width: 110px; height:110px; z-index: 106; top:92px; left: 505px; background: url(/media/layout/nav_bg_specialtyfabrics.png) 50% -220px; }
	#navigation a#nav-specialtyfabrics-on { background-position: 50% -110px; }
	#navigation a#nav-specialtyfabrics:hover,#navigation a#nav-specialtyfabrics-on:hover { background-position: 50% top; }
	#navigation a#nav-licenses,#navigation a#nav-licenses-on { width: 100px; height:100px; z-index: 107; top:193px; left: 572px; background: url(/media/layout/nav_bg_licenses.png) 50% -200px; }
	#navigation a#nav-licenses-on { background-position: 50% -100px; }
	#navigation a#nav-licenses:hover,#navigation a#nav-licenses-on:hover { background-position: 50% top; }
	#navigation a#nav-projectsheets,#navigation a#nav-projectsheets-on { width: 80px; height:80px; z-index: 108; top:290px; left: 609px; background: url(/media/layout/nav_bg_projectsheets.png) 50% -160px; }
	#navigation a#nav-projectsheets-on { background-position: 50% -80px; }
	#navigation a#nav-projectsheets:hover,#navigation a#nav-projectsheets-on:hover { background-position: 50% top; }
	#navigation a#nav-blog,#navigation a#nav-blog-on { width:80px; height:70px; z-index: 109; top:380px; left: 600px; background: url(/media/layout/nav_bg_blog.png) 50% -140px; }
	#navigation a#nav-blog-on { background-position: 50% -70px; }
	#navigation a#nav-blog:hover,#navigation a#nav-blog-on:hover { background-position: 50% top; }
	#navigation a#nav-last { width: 55px; height:44px; z-index: 110; top:459px; left: 590px; background-image: url(/media/layout/nav_bg_last.png); }	
	
#header { height: 268px; position: relative; }
	#logo { z-index:2; position: absolute; top:0; left:0; background: url(/media/layout/logo.png) no-repeat; width:154px; height: 151px; text-indent: -9999px; }
	#header-nav { background-color: #53890b; position: relative; height: 35px; color: #fff; font-size: 12px; }
		#header-nav ul { list-style: none; margin: 0; padding: 8px 0 0 160px; }
		#header-nav ul li { display: inline; padding: 3px 5px; }
		#header-nav ul li a { color: #fff; padding:3px 5px; font-size: 11px; text-decoration: none; }
		
		#site-search { margin: 0; position: absolute; top:5px; right: 10px; }
		#site-search input#search-field { width: 80px; }
		
		#header-animation { z-index:1; position: absolute; top:35px; left: 0; }
		
		#leftColumnTop, #rightColumnTop { position: absolute; bottom: 0; width:215px; height: 28px; }
		#leftColumnTop { z-index:2; left:0; background-image: url(/media/layout/leftColumnTop.png); }
		#rightColumnTop { z-index:2; right:0; background-image: url(/media/layout/rightColumnTop.png); }
		
#main-wrapper { background: url(/media/layout/main_bg.jpg) repeat-y; }
	#main { width: 680px; float:left; }
		#content { width: 450px; float:right; padding-bottom: 20px; line-height: 24px; }
		
		#sidebar { width: 185px; float: left; padding: 0 15px 20px; color:#fff; }
			#sidebar .sidebar-image { display: block; width: 185px; overflow:hidden; }
			#sidebar .secondary-image { display: block; width: 185px; overflow:hidden; }
		
	#secondary { width: 185px; float: right;  padding: 0 15px 200px; color:#fff; background: url(/media/layout/Think-Green.gif) no-repeat center bottom; }
		#secondary .secondary-image { display: block; width: 150px; overflow:hidden; }
		#secondary .news-blurb { padding-right: 35px; }
		#secondary h2, #secondary h3, #secondary h4 a, #secondary li a { color: #fff; }
		#secondary h3 a { color:#cbeb8f; }
		#secondary h3, #secondary h4 { margin-bottom: 5px; }
		ul.secondary-nav { list-style: none; margin: 0 0 10px; padding: 0 40px 10px 0; }
		ul.secondary-nav li { padding: 0 0 8px; }
		ul.secondary-nav li a { padding-left: 15px; display: block; line-height: 16px; font-size: 14px; font-weight: bold; }
		ul.secondary-nav li a:hover { background: url(/media/layout/nav_highlight_dot.jpg) no-repeat left 50%; }
		ul.secondary-nav ul { list-style: none; padding: 0 0 0 10px; margin: 5px 0; }

#footer { font-size:12px; background-color: #8cc63f; padding: 5px 20px 20px; border-bottom: 1px solid #333; color: #335604; }
	#footer a { text-decoration: underline; color:#335604; }
	#footer a:hover { text-decoration: underline; color:#dceec5; }
	ul#footer-navigation, ul#footer-subnav { list-style: none; padding: 0; margin: 5px 0; }
	ul#footer-navigation li, ul#footer-subnav li { padding: 0 10px 0 0; display: inline; }
	
/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

		
#email-form { display: none; height: 110px; padding-left: 10px; font-weight: bold; color: #cbeb8f; }
	#email-submit { margin-top: 6px; }

#product-list ul { list-style: none; margin: 20px 0; }
	#product-list ul li { margin: 6px 0 6px 16px; }


/*
	----------------------------
	DIV classes
	----------------------------
*/

#distributorButton, #newsletterButton { padding: 6px 10px; background-color: #fff; margin: 10px 0; }
#distributorButton a, #newsletterButton a { color: #497c05; }

#email-response, #focus-group-response { color: #fff; }

div.blurb, div.news-blurb { padding: 12px 0 6px; }
	div.blurb h4, div.news-blurb h4 { color: #fff; font-weight: normal; margin: 0 0 5px; }
	div.blurb h3, div.news-blurb h3 { color: #8cc63f; margin: 0 0 5px; }
	div.blurb h4 a { font-weight: bold; }
	div.blurb p, div.news-blurb p { margin: 5px 0; }
	div.blurb a, div.news-blurb a { color:#8cc63f; }

div.result { padding: 3px; border-bottom: 1px solid #ccc; margin: 5px 0; }
div.result h4 { margin: 0; }



/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

h2.news-headline { color: #8cc63f; font-size: 20px; }

ul#news-list { list-style: none; margin: 0; padding: 0; }
	ul#news-list h4 { padding-bottom: 5px; border-bottom: 1px solid #ccc; }
	ul#news-list li { padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid #aaa; clear: both; }
	ul#news-list li h3 { margin-bottom: 5px;  }
	ul#news-list a { color: #8cc63f; }
	ul#news-list a:hover { color: #6ca027; text-decoration: none; }

ul#distributor-list { list-style: none; margin: 0; padding: 0; }
	ul#distributor-list li { width: 224px; margin:15px 0 0 0; }
	ul#distributor-list li.odd, ul#distributor-list li.even { float: left; }
	ul#distributor-list li.even { clear: left; }
	ul#distributor-list h3 { margin: 0; }
	ul#distributor-list p { margin: 4px 0; }
	ul#distributor-list a { color: #8cc63f; }
	ul#distributor-list a:hover { color: #6ca027; text-decoration: none; }
	
ul#product-page-list, ul.product-page-list { list-style: none; margin: 0; padding: 0 40px 0 0; }
	ul#product-page-list li, ul.product-page-list li { padding: 0 0 5px; }
	ul#product-page-list li a, ul.product-page-list li a { padding-left: 15px; display: block; line-height: 14px; }
	ul#product-page-list li a:hover, ul.product-page-list li a:hover { background: url(/media/layout/nav_highlight_dot.jpg) no-repeat left 50%; }
	

#related-product-list dt { float:right; width: 280px; margin: 15px 30px 0 0; padding: 0; }
#related-product-list dd { float:left; width: 130px; clear: both; padding: 0; }
	
ul#sitemap-list { list-style:none; margin: 0; padding-left: 0; }
	ul#sitemap-list li { }
		ul#sitemap-list li ul { list-style: disc; margin: 0; }

ul#news-categories { list-style: none; margin: 0; }
	h4#category-header { margin-top: 20px; }

#movie { width: 450px; }

#licenses { list-style: none; padding: 0; }
#licenses li { float:left; width: 150px; height: 150px; text-align: center; vertical-align: middle; padding: 0; margin: 0; }

ul#product-swatches { margin: 0; padding: 0; list-style: none; }
ul#product-swatches li { float: left; width: 149px; height: 135px; }
ul#product-swatches li a { display: block; width: 100px; height: 100px; }


/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; width: 100%; }
.alignRight { float:right; margin:0 0 15px 15px; }
.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }
a.video { padding-left: 15px; font-size: 14px; background: url(/media/layout/icon_video.gif) no-repeat left 50%; }

sup.tm { font-size: 7px }
p.dateline { font-size: 10px; line-height: 12px; text-transform: uppercase; color: #666; margin: 0 0 10px; }
#secondary p.dateline, #sidebar p.dateline { color:#fff; }
a.bold-link { font-weight: bold; color: #8cc63f; }