/* --------------------------------------------------------------------
   http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212
   modified for the Lumin Web site
----------------------------------------------------------------------- */
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; font-family: arial, helvetica, sans-serif; background-color: #ffffff; }

h1 { color: #65b561; font-size: 243.75%; font-weight: normal; }
h2 { color: #564319; font-size: 106.25%; font-weight: normal; }
h2 strong { color: #65b561; font-weight: normal; white-space: nowrap; line-height: 1.3; }
h3 { color: #564319; font-size: 75%; font-weight: normal; }

input, select, textarea { color: #564319; font-family: arial, helvetica, sans-serif; font-size: 100%; line-height: 1.2; }

ol { margin: 1em 0; }
ul { list-style: none; }

p { color: #564319; font-size: 75%; line-height: 1.2; }
p a { color: #ff8400; font-weight: bold; text-decoration: none; }
p a:hover { text-decoration: underline; }

/* Tables still need 'cellspacing: 0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* --------------------------------------------------------------------
   Common Page Elements - masthead, navigation menu, footer/copyright
----------------------------------------------------------------------- */
/* Page-wrapper ---------- */
#page-wrapper { position: relative; width: 975px; }

/* Masthead ---------- */
.masthead { padding-left: 17px; position: relative; height: 65px; }

	a#lumin-logo { display: block; float: left; margin-top: 14px; width: 148px; height: 51px; }

	/* Copied from the Weyerhaeuser web site and modified for Lumin. */
	#globalSearch { float: right; margin-top: 10px; text-align: right; }
	#globalSearch span { display: block; width: auto; background: #fff; border: 1px solid; border-color:#c3d9b1 #16250b #16250b #c3d9b1; padding: 0 4px; }
	#globalSearch input { vertical-align: middle; }
	.searchTerm { border: none; border-color: #fff; color: #acacac; font-weight: bold; font-size: 75%; }
	.searchBtn { padding: 3px; }

/* Content-wrapper ---------- */
.content-wrapper { clear: both; margin: 0; padding: 38px 0 0; position: relative; }

/* Navigation menu list ---------- */
.navigation { float: left; font-size: 75%; margin-right: 58px; width: 219px; text-transform: uppercase; }
	.navigation li { margin: 0 0 5px 0; padding: 0 0 6px 30px; border-bottom: 1px solid #e2e9d0; }
	.navigation li.weyerhaeuser { padding-top: 25px; border-bottom: 0 none; }
	/* Second level navigation menu list uses top rather than bottom. */
	.navigation li li { margin: 6px 0 0 0; padding: 0 0 0 11px; border-bottom: 0 none; }
	/* 'Lumin' is a title as well as a link. */
	.navigation li.n-lumin {  font-size: 160%; font-weight: bold; }
	.navigation a { padding-left: 11px; color: #564319; text-decoration: none; }
	.navigation a:hover { color: #65b561; }
	.navigation li a.selected, .navigation li a.selected:hover { background: url(../images/indicator.gif) no-repeat left center; color: #65b561; font-weight: bold; }
	.navigation li a.hilited, .navigation li a.hilited:hover { color: #65b561; font-weight: bold; }

/* Content block elements ---------- */
.content { float: left; width: 698px; }

.introduction { margin: 0 0 35px 0; padding: 0 0 0 11px; }
	.introduction p { line-height: 1.4; margin: 1em 0; width: 485px; }

.secondary { margin: 0 0 50px 0; padding: 0 0 0 11px; }
	.secondary p { margin: 0 0 1em; padding: 0; line-height: 1.3; }
	.secondary ul { padding-left: 20px; color: #65b561; list-style-type: square; }
	.secondary ul li { margin-bottom: 4px; color: #65b561; font-size: 75%; list-style-type: square; }
	.secondary ul li span { color: #564319; }
	.secondary ol { padding-left: 20px; color: #564319; }
	.secondary ol li { color: #564319; font-size: 75%; }

img.photo-hilite { float: left; margin: 0 20px 15px 0; }
.tout { float: left; }
ul.tout { margin-right: 20px; }

p.back-top-top { clear: both; margin: 2em 0 3em; text-align: right; }

/* Copyright Footer ---------- */
p.copyright { clear: both; color: #a1a1a5; font-size: 62.5%; padding-bottom: 1em; text-align: right; }
	/* padding-top: 70px; */
	p.copyright a { color: #ff8400; }

p a.rss { padding-left: 16px; background: url(../images/rss.gif) no-repeat left center; }

/* FSC logo ---------- */
body.home .fsc { position: absolute; bottom: 15px; left: 40px; }

.fsc { position: absolute; bottom: 8px; left: 40px; }

/* --------------------------------------------
   Page titles
-------------------------------------------- */
.introduction.home h1, 
.introduction.prod h1, 
.introduction.euca h1, 
.introduction.comb h1, 
.introduction.appl h1, 
.introduction.sust h1, 
.introduction.abou h1, 
.introduction.news h1, 
.introduction.cont h1, 
.introduction.sear h1 { 
	margin: 22px 0 15px; 
	overflow: hidden; 
	text-indent: -5000px; 
	background-repeat: no-repeat; 
	background-position: left top; 
}

.introduction.home h1 { background-image: url(../images/titles/home.gif); width: 584px; height: 37px; }
.introduction.prod h1 { background-image: url(../images/titles/products.gif); width: 567px; height: 75px; }
.introduction.euca h1 { background-image: url(../images/titles/eucalyptus.gif); width: 234px; height: 35px; }
.introduction.comb h1 { background-image: url(../images/titles/combi-panel.gif); width: 383px; height: 29px; }
.introduction.appl h1 { background-image: url(../images/titles/applications.gif); width: 399px; height: 29px; }
.introduction.sust h1 { background-image: url(../images/titles/sustainable-forestry.gif); width: 442px; height: 35px; }
.introduction.abou h1 { background-image: url(../images/titles/about-us.gif); width: 263px; height: 35px; }
.introduction.news h1 { background-image: url(../images/titles/news.gif); width: 188px; height: 29px; }
.introduction.cont h1 { background-image: url(../images/titles/contact-us.gif); width: 426px; height: 28px; }
.introduction.sear h1 { background-image: url(../images/titles/search.gif); width: 105px; height: 29px; }



/* --------------------------------------------
   Home page
-------------------------------------------- */
body.home {  background-image: url(../images/background.jpg); background-position: left top; background-repeat: no-repeat; }

body.home .introduction { margin-bottom: 102px; }
body.home .introduction.home p { width: 390px; }

body.home .secondary { margin-bottom: 55px; padding-left: 0; height: 111px; }

body.home .tout { float: left; height: 111px; }
	/* see IE file for the gif alternatives. */
	body.home .tout.products { background: url(../images/bg-tout-products.png) no-repeat 0 0; margin-right: 20px; width: 343px; }
		body.home .tout.products h2 { margin: 10px 30px 0 130px; }
		body.home .tout.products p { margin: 10px 30px 10px 130px; font-size: 68.75%; }
	body.home .tout.applications { background: url(../images/bg-tout-applications.png) no-repeat 0 0; width: 331px; }
		body.home .tout.applications h2 { margin: 10px 30px 0 118px; }
		body.home .tout.applications p { margin: 10px 30px 10px 118px; font-size: 68.75%; }

body.home p.copyright { color: #ffffff; padding-bottom: 10px; }
body.home p.copyright a { color: #ffffff; }

/* --------------------------------------------
   Products page
-------------------------------------------- */
.sections { margin-bottom: 20px; padding: 11px 0 4px 117px; }
	.sections.eucalyptus { background: #ecf1e0 url(../images/products/eucalyptus.jpg) no-repeat 4px 4px; }
	.sections.combi { background: #ecf1e0 url(../images/products/combi-panel.jpg) no-repeat 4px 4px; }
	.sections.certifications { background: #ecf1e0 url(../images/products/certifications.jpg) no-repeat 4px 4px; }
	.sections.specifications { background: #ecf1e0 url(../images/products/specifications.jpg) no-repeat 4px 4px; }
.sections h2 { margin-bottom: 1em; }
.sections h3 { padding-left: 32px; margin-bottom: 1em; }

.tout.description { margin-right: 15px; width: 223px;  }
.tout.details { border-left: 1px solid #dadcc8; width: 325px; min-height: 97px; } /* see ie.css file. */
	.tout.details .links { padding-left: 32px; }
	.tout.details .links p { margin-bottom: 5px; }
	.tout.details .links .columnar { float: left; width: 104px; }


/* --------------------------------------------
   Eucalyptus page
-------------------------------------------- */
.info-sheet { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #dadcc8; }
.info-sheet h2 { margin-bottom: 6px; }
.tout.specs { margin-right: 28px; width: 180px }
.tout.preview-eucalyptus { width: 474px; overflow: hidden; }
.tout.preview-eucalyptus a { float: left; }
.tout.preview-eucalyptus a.best { padding-right: 7px; }
.tout.preview-eucalyptus a.minimum { padding-right: 7px; }
.tout.preview-eucalyptus a.back { padding-right: 0px; }
.tout.preview-eucalyptus p { float: left; margin-right: 9px; width: 152px; }
.tout.preview-eucalyptus p.back { margin-right: 0; width: 150px; }
.product-note { font-size: 62.5%; font-weight: bold; }

/* --------------------------------------------
   Combi Panel page
-------------------------------------------- */
.info-sheet { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #dadcc8; }
.info-sheet h2 { margin-bottom: 6px; }
.tout.specs { margin-right: 28px; width: 180px }
.tout.preview-combipanel { width: 474px; overflow: hidden; }
.tout.preview-combipanel a { float: left; }
.tout.preview-combipanel a.best { padding-right: 9px; }
.tout.preview-combipanel a.back { padding-right: 0px; }
.tout.preview-combipanel p { float: left; margin-right: 10px; width: 232px; }
.tout.preview-combipanel p.back { margin-right: 0; width: 150px; }


/* --------------------------------------------
   Applications page
-------------------------------------------- */
.applist { float: left; margin-bottom: 20px; width: 365px; }
.applist ul { width: 135px; margin-right: 15px; }


/* --------------------------------------------
   Sustainable Forestry page
-------------------------------------------- */
.secondary.narrow p { width: 485px; }
.secondary.narrow .section { margin-bottom: 1em; }
.secondary.narrow .section ul { float: left; padding-top: 0px; padding-left: 20px; width: 310px; }
.secondary.narrow .section ul li { margin-bottom: 1em; line-height: 1.4; }

/* --------------------------------------------
   About Us page
-------------------------------------------- */
.secondary.narrow p { width: 530px; }
.secondary.narrow .section p { width: auto; }

/* --------------------------------------------
   News page
-------------------------------------------- */
#news-wrapper { margin-bottom: 40px; }
#news-wrapper h2 { margin: 12px 0; padding: 4px 0 4px 14px; color: #65b561; border-bottom: 1px solid #e2e9d0; }
#news-wrapper h2.openit  { background: url(../images/indicators-open.gif) no-repeat left center; }
#news-wrapper h2.closeit { background: url(../images/indicators-close.gif) no-repeat left center; }
#news-wrapper .news-articles { margin: 10px 0 30px; }
#news-wrapper .news-articles p { width: 530px; }
span.date { color: #564319; font-weight: normal; }

ul#alternate-view-choices { margin: 10px 0 20px; width: 300px; color: #564319; }
ul#alternate-view-choices li { color: #564319; list-style-type: disc; }
ul#alternate-view-choices li a { color: #ff8400; font-weight: bold; text-decoration: none; }
ul#alternate-view-choices li a:hover { text-decoration: underline; }


/* Simulated mouse hover state. */
.sim-hover { cursor: pointer; }

/* --------------------------------------------
   Contact Us
-------------------------------------------- */
.introduction.cont { margin-bottom: 31px; }
.addresses { background-color: #ecf1e0; padding: 13px 0px 13px 13px; margin-bottom: 35px; }
.addresses .clearing { background: url(../images/bg-hrules.gif) repeat-y 200px 0; }

.locations { float: left; padding-right: 13px; margin-right: 13px; }
	.locations.us { width: 202px; }
	.locations.la { width: 202px; }
	.locations.eu { padding-right: 0px; margin-right: 0px; width: 202px; }

.locations h2 { line-height: 1.2; margin-bottom: 5px; }
.locations p { margin-bottom: 3px; }

fieldset.marginform { margin-bottom: 35px; width: 560px; }

.row { clear: left; display: block; padding: .75em 0; }
	.row p { float: left; margin-right: 22px; }
	.row p label { display: block; }
	.row input, .row textarea { width: 524px; border: 2px solid #d4deb8; }
	.row.multi input { width: 249px; }
	.row select { width: 254px; border: 2px solid #d4deb8; }

		.row p label span.error { color: #231f20; display: none; }
		/*
			Two methods available:

			1. On an error condition, modify the display from {display: none;} to {display: inline;}
			e.g.
			.row p label span.error { color: #231f20; display: none; }
			.row p label span.error { color: #231f20; display: inline; }
		
			2. If there are probolems changing the display property then change the classes.
			Start the page with .noerror and change to .error when an error occurs.
			e.g.
			.row p label span.noerror { display: none; }
			.row p label span.error { color: #231f20; display: inline; }
		*/

/* --------------------------------------------
   Search Results
-------------------------------------------- */
span#ctl00_mainContentPlaceHolder_totalResults {
	color: #564319; font-size: 75%; line-height: 1.2;
}

ul.pagination, ul.search  {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 1.5em;
	padding: 0;
}

ul.horizontal li {
	display: inline;
	padding-right: 1em;
}
ul.horizontal li { color: #564319; }
ul.horizontal a { color: #ff8400; }

ul.search li.highlight { margin: 0 0 2em; list-style: none; }
ul.search li.highlight h3 { margin: 0 0 .25em; font-size: 141.67%; }
ul.search li.highlight h3 a { color: #65b561; text-decoration: none; }          /* green */
ul.search li.highlight h3 a:hover { color: #ff8400; text-decoration: underline; }          /* green */
ul.search li.highlight p { margin: 0 0 .25em; font-size: 100%; }
ul.search li.highlight div.url a { color: #ff8400; }    /* orange */


/* -----------------------------------------------------------------------------
    CLEARING RULE
----------------------------------------------------------------------------- */
.clearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearing { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearing { height: 1%; }
.clearing { display: block; }
/* End hide from IE-mac */