/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body										{ background: #eee; border-top: 0px solid #000; padding: 0 0 40px;
											  color: #333; font-size: 11px; }
/* General Stuff
----------------------------------------------- */
.floatLeft									{ float: left; }
.floatRight									{ float: right; }
.alignCenter								{ text-align: center; }
.alignLeft									{ text-align: left; }
.alignRight									{ text-align: right; }
.colorRed									{ color: #d82d39; }

.container_12								{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
											  border-bottom: 1px solid #ccc; }

/* TopNav Area
----------------------------------------------- */
#topNavArea									{ background: #aaa url(http://www.evergreenmills.com/images/mainBanner.jpg) no-repeat; 
											  padding: .7em 1em; margin: 0; padding-bottom: 0; padding-top: 0; }
#kentLogo, #emLogo							{ float: left; }

/* Search Area
----------------------------------------------- */
#searchArea									{ float: right; margin-top: 10px; }
#searchLabel								{ float: left; }
#searchField								{ height: 1.25em; border: 1px solid #8d8d8d; }
#searchButton								{ float: left; position: relative; left: -1px; }

/* Content Rotate Area
----------------------------------------------- */
#contentRotateArea							{ position: relative; width: 700px; height: 230px; margin-bottom: 20px; }
ul#contentRotate li							{ position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; }
#contentOverlay								{ position: absolute; bottom: 0; width: 100%; height: 60px; z-index: 9998; 
											  background: url(../../images/featContent/contentOverlay.png) no-repeat; }
#contentOverlayText h1						{ font-family: Arial, Verdana, sans-serif; color: #fff; 
											  text-decoration: none; font-weight: normal; 
											  margin-top: 15px; padding-left: 10px; }
ul#contentOverlayText li					{ margin: 0; padding: .7em 1em; list-style: none; color: #fff; }
ul#contentOverlayText li a					{ text-decoration: none; color: #fff; }
ul#contentOverlayText li a:hover			{ text-decoration: none; color: #d82d39; }
ul#contentOverlayText li ul li				{ margin: 0; padding: 0; padding-left: 5px; list-style: none; }
ul#contentOverlayText li ul li p			{ color: #aaa; margin: 0; padding: 0; line-height: 1.3em; }
ul#contentOverlayText li ul li p a			{ color: #d82d39; font-size: .8em; }
ul#contentOverlayText li ul li p a:hover	{ color: #820000; }

/* Weather Area
----------------------------------------------- */
#weatherArea								{ float: left; margin-bottom: 20px; padding-left: 0px }
#weatherBGL, #weatherBGM, #weatherBGR		{ float: left; height: 70px; margin: 0; padding: 0;}
#weatherBGL									{ width: 2px; background: url(../../images/weatherImages/weatherBGL.png) no-repeat; }
#weatherBGM									{ position: relative; width: 936px; 
											  background: url(../../images/weatherImages/weatherBGM.png) repeat-x; }
#weatherBGR									{ width: 2px; background: url(../../images/weatherImages/weatherBGR.png) no-repeat; }
#weatherDetails								{ float: left; width: 430px; height: 66px; }
#forecastDetails, #zipCodeForm				{ float: left; height: 66px; }

#weatherDetails								{ padding-top: 2px; margin-right: 5px; }
#weatherGraphic								{ float: left; }
#weatherTextDay								{ position: absolute; top: 0; left: 0;  color: #000; line-height: 1; 
											  width: inherit; height: 66px; margin-top: 5px; }
#weatherTextNight							{ position: absolute; top: 0; left: 0; color: #FFF; line-height: 1; 
											  width: inherit; height: 66px; margin-top: 5px; }
#weatherTextLeft							{ position: absolute; left: 125px; top: 0; }
#weatherCity								{ padding: 0; font-size: 1.1em; font-weight: bold; }
#weatherTemp								{ font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.8em; font-weight: bold; 
											  padding-top: 2px; padding-bottom: 2px; }
#weatherWindSpeed							{ padding-bottom: 1px; }
#weatherAtmoDetails							{ position: absolute; top: 0; right: 0; }

#weatherAtmoDetails table, #weatherAtmoDetails table td
											{ border: none; background: none; padding: 1px; padding-top: 0px; padding-right: 5px; }
#weatherAtmoDetails table					{ width: 160px; }

.weatherDivider								{ float: left; padding-left: 4px; padding-right: 4px; }

#forecastDetails							{ padding-top: 2px; margin-left: 5px; width: 247px; line-height: 1em; }
#forecastDetails img						{ float:left; margin:3px 10px 3px 0; padding:2px; border:1px solid #bbb; background:#999; }
#forecastTextDetails						{ padding-top: 2px; }
#forecastTextDetails p						{ margin: 0; padding: 0; line-height: 1.2em; }
#forecastTextDetails h5						{ font-size: 1em; text-transform: uppercase; }
#forecastTextDetails h6						{ font-size: 1em; text-transform: none; }

#zipCodeForm								{ float: right; padding-left: 6px; padding-top: 4px; width: 210px; }
#zipCodeForm p								{ margin: 0; padding: 0; line-height: 1.2em; }
#zipCodeForm p form							{ padding-top: 3px; }

/* News Headlines
----------------------------------------------- */
ul#newsHeadlines							{ list-style-image: url(http://www.evergreenmills.com/images/bulletPoint.png); }

/* Spotlight
----------------------------------------------- */
#spotlight									{ position: absolute; right: 150px; }
#spotlight, #spotlight p					{ padding-bottom: .3em; margin: 0; }

/* Sidebar Menu (used in both the main site and WordPress)
----------------------------------------------- */
.sidebarBox									{ background:#ddd; margin-bottom:20px; padding:0; }
.sidebarBox h2								{ font-size:1em; font-weight:normal; text-transform:uppercase;
											  color:#fff; background:#333; margin:0; padding:6px 12px; }

.sidebarBox h2 a, .sidebarBox h2 a.visible				
											{ color:#fff; background:#333; display:block; 
											  padding:6px 12px; margin:-6px -12px; border:none; }
.sidebarBox h2 a:hover 						{ background-color:#111; }

ul.sidebarMenu 								{ position:relative; background:#ddd; max-width:100%; padding: 0; margin: 0; 
											  border-top:1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; }
ul.sidebarMenu li 							{ cursor:pointer; text-align:left; 
											  list-style-type:none; font-weight:normal; padding: 0; margin: 0; }
ul.sidebarMenu li a 						{ color:#000; background:#ddd; font-weight:bold; text-decoration:none;
											  display:block; padding:0; margin: 0; padding-left: 10px; height:2.0em; line-height:2.0em; 
											  border-bottom: 1px solid #ccc; }
ul.sidebarMenu li:hover a, ul.sidebarMenu li a:hover, ul.sidebarMenu li a:focus
											{ color:#000; background:#eee; }
ul.sidebarMenu li a:active 					{ color:#666; background:#fff; }

/* Main Text (without columns)
----------------------------------------------- */
.largeHeading								{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; 
											  color: #d82d39; text-transform: uppercase; text-align: center; 
											  border-top: 1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 10px; }
#mainText									{ font-size: 1.1em; }
#mainText h5								{ font-size: 1em; margin: 0; padding: 0; margin-bottom: 10px; }
#updateHeading								{ position: relative; text-align: right; padding-right: 10px; padding-bottom: 3px;
											  padding-top: 10px; margin-top: -10px; margin-bottom: 10px; 
											  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;
											  background: #eee; }

/* Breadcrumb
----------------------------------------------- */
#breadCrumb									{ font-family: Verdana, Arial, sans-serif; text-transform: uppercase;
											  float: left; letter-spacing: -0.07em; padding-left: 10px; 
											  position: relative; top: -3px; }
#breadCrumb a								{ color: #555; border-bottom: 1px dotted #999; font-weight: normal; }
#breadCrumb a:hover							{ color: #d82d39; }
											  
/* Products Pages
----------------------------------------------- */
#mainProducts .grid_4, #mainProducts .grid_6
											{ margin-bottom: 20px; }
#mainProducts								{ text-align: center; }
#prodImage									{ margin: 0; padding: 10px; }
#selectSubProduct							{ margin-bottom: 20px; }
#productDropDown h4							{ font-size: 1.1em; padding-bottom: 2px; }
#productDropDown select						{ margin: 10px; }
#productSummary, #productDetails			{ font-size: 1.1em; }
#productSummary img							{ border: 1px solid #999; }
#productDetails table th					{ background: #999; }

/* Legal, About Us, Links, Downloads Pages
----------------------------------------------- */
#legalPage #mainText div.box, #aboutUsPage #mainText div.box, #linksPage .linkText div.box, #dlPage #mainText div.box
											{ padding-top: 0; padding-left: 10px; padding-right: 10px; background: none; }
#linksPage h4								{ font-size: 1.3em; font-weight: bold; }
#linksPage h5								{ text-align: center; font-size: 1.1em; font-weight: bold; }
.grid_12 h5									{ padding-top: 15px; padding-bottom: 15px; }
#linksPage .box h6							{ text-decoration: none; text-transform: none; color: #000; }
#linksPage .box h6 a						{ color: 000; }

#linksPage .box h4 a						{ color: #d82d39; }
#linksPage .box h6 a						{ color: #000; }
#linksPage .box h4 a:hover, #linksPage .box h6 a:hover
											{ color: #820000; }
.linkImg									{ float: left; padding-right: 15px; }
				
/* Dealer Locator
----------------------------------------------- */
#dlPage 									{ }

#dlForm										{ margin-bottom: 10px; }
#dlForm div#zipLabel, #dlForm div#radiusLabel
											{ float: left; font-weight: bold; }
div#zipLabel								{ padding-left: 5px; }
div#radiusLabel								{ padding-left: 40px; }
#dlZipCode, #radiusInput					{ float: left; margin-left: 5px; margin-right: 5px; }
#radiusInput								{ height: 1.65em; }

table#googMap								{ margin-right: -10px; padding-right: -10px; border: 1px solid #ccc; }
table#googMap tbody, table#googMap tr, table#googMap td
											{ border: none; background: #fff; }
#sidebar									{ width: 300px; height: 500px; font-family: Arial, Helvetica, sans-serif; font-size: 1em;
											  float: left; overflow: auto; cursor: pointer; list-style-type: none; 
											  background: #fff; }
#sidebar ul									{ font-size: 1.2em; line-height: 1.2em; }
#map										{ float: left; width: 575px; height: 500px; }
#message									{ position: absolute; padding: 10px; background: #555; color: #fff; width: 75px; }

/* 404 Page
----------------------------------------------- */
div#404image img							{ padding-bottom: 20px; }
											
/* Site Map
----------------------------------------------- */
#siteMapArea .box							{ color:#ccc; background:#eee; margin-bottom:10px; padding-bottom: 20px; 
											  border: 1px solid #ccc; }
#siteMapArea .box ul						{ list-style-image: url(../../images/bulletPoint.png); margin-bottom: 0px; }
#siteMapArea .box li						{ list-style-image: url(../../images/bulletPointGrey.png); margin-bottom: 0px; }

/* Articles
----------------------------------------------- */
.post										{ font-size: 1.2em; line-height: 1.6em; }
.post p										{ padding-top: 0px; }
.post blockquote							{ font-size: 12px; margin: 0px; padding: 0px; }
.postMetaData								{ text-transform: uppercase; font-size: .7em; }
.post h1									{ color: #777; }
.post h6									{ font-size: .8em; }

#articleHeadings							{ font-size: 1.2em; line-height: 1.6em; padding: 0px; margin: 0px; }
ul#articleHeadlines							{ list-style-image: url(http://www.evergreenmills.com/images/bulletPoint.png); }
.dividerBar									{ margin-bottom: 25px; }
.wpTitle, .wpSubTitle						{ border-bottom: 1px dotted #999; }
.wpTitle									{ display: inline-block; width: 100%; border-top: 1px dotted #999; padding-top: 8px; }
.wpSubTitle									{ display: inline-block; width: 100%; padding-top: 8px; margin-bottom: 15px; }
#wpRightText								{ position: relative; top: -5px; font-size: .8em; }
.wpCatText									{ padding-top: 2px; font-size: .8em; }

#wpRightColumn								{  }
.wpRightColumnList							{ margin: 0; padding: 0; font-size: 1.2em; list-style: none; }

#comment									{ width: 98%; overflow: hidden; }

/* Contact Us Form
----------------------------------------------- */
#contactFormTable							{ padding: 0; }
#contactUs input							{ margin: 0; padding: 0; }

/* anchors
----------------------------------------------- */
a											{ color: #d82d39; font-weight:bold; text-decoration: none; }
a:hover 									{ color: #820000; }

/* 960 grid system container background
----------------------------------------------- */
.container_12								{ background:#fff; }

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6						{ line-height:1.2em; margin-bottom:.3em; }
h2 											{ margin-top:1em; }
h5 											{ font-size:1.2em; }
h6											{ font-size: 1em; text-transform: uppercase; }
	
h1 a 										{ font-weight:normal; }
h4 a										{ text-decoration: none; color: #000; }

/* page heading
----------------------------------------------- */
h2#page-heading								{ font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc; }

/* boxes
----------------------------------------------- */
.box										{ background:#ddd; margin-bottom:20px; padding:10px 10px 1px 10px; }
.box h2										{ font-size:1em; font-weight:normal; text-transform:uppercase;
											  color:#fff; background:#333; margin:-10px -10px 0 -10px; padding:6px 12px; }

.box h2 a, .box h2 a.visible				{ color:#fff; background:#333 url(http://www.evergreenmills.com/images/switchMinus.gif) 97% 50% no-repeat; 
											  display:block; padding:6px 12px; margin:-6px -12px; border:none; }

.grid_4 .box h2 a 							{ background-position: 97% 50%; }
.grid_5 .box h2 a 							{ background-position: 98% 50%; }
.grid_12 .box h2 a 							{ background-position: 99% 50%; }

.box h2 a.hidden, .box h2 a.hidden:hover 	{ background-image: url(http://www.evergreenmills.com/images/switchPlus.gif); }
.box h2 a:hover 							{ background-color:#111; }
.block 										{ padding-top:10px; }

div.menu 									{ padding:0; }
div.menu h2 								{ margin:0; }
div.menu .block 							{ padding-top:0; }

/* paragraphs, quotes and lists
----------------------------------------------- */
p 											{ margin-bottom:1em; }

blockquote									{ font-family: Georgia, 'Times New Roman', serif; font-size:1.2em;
											  padding-left:1em; border-left:4px solid #ccc; }
blockquote cite 							{ font-size:.9em; }

ul, ol 										{ padding-top:0; }

/* menus
----------------------------------------------- */
ul.menu										{ list-style:none; border-top:1px solid #bbb; }
ul.menu li 									{ margin:0; }
ul.menu li a								{ display:block; padding:4px 10px; border-bottom:1px solid #ccc; }
ul.menu li a:hover 							{ background:#eee; }
ul.menu li a:active 						{ background:#ccc; }

/* submenus
----------------------------------------------- */
ul.menu ul									{ list-style:none; margin:0; }
ul.menu ul li a 							{ padding-left:30px; }

/* section menus
----------------------------------------------- */
ul.section									{ border-top:0; margin-bottom:0; }
ul.section li 								{ text-transform:uppercase; }
ul.section li a 							{ background:#bbb; }
ul.section li a:hover 						{ background:#aaa; }
ul.section li a:active						{ color:#fff; background:#666; }
ul.section li li a							{ background:#ddd; border-bottom:1px solid #eee; }
ul.section li li a:hover 					{ background:#ccc; }
ul.section li li a:active					{ color:#000; background:#fff; }
ul.section ul li 							{ text-transform:none; }
ul.section ul.current li a					{ background:#eee; border-bottom:1px solid #fff; }
ul.section ul.current li a:hover 			{ background:#ddd; }
ul.section ul.current li a:active 			{ background:#fff; }
ul.section li a.current						{ color:#fff; background:#666; }
ul.section li a.current:hover 				{ background:#555; }
ul.section li a.current:active 				{ background:#444; }
ul.section li a.active						{ background:#fff; cursor:default; }

ul.section li.current > a.active, ul.section li.current > a.active:hover
											{ color:#fff; background:#666; cursor:default; }

/* table
----------------------------------------------- */
table										{ width:100%; border:1px solid #bbb; margin-bottom:10px; }
col.colC 									{ width:8em; }
th, td										{ padding:.2em 1em; text-align:left; }
thead th									{ border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em; }
thead th.table-head							{ font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; 
											  background:#555; border:1px solid #555; }
tbody th, tbody td							{ border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee; }
tbody tr.odd th, tbody tr.odd td 			{ background:#fff; }
tfoot th, tfoot td							{ border-top:2px solid #666; background:#eee; }
tfoot tr.total th, tfoot tr.total td 		{ border-top:6px double #666; }
tfoot tr.total th 							{ text-transform:uppercase; }
th.currency, td.currency 					{ text-align:right; }

/* forms
----------------------------------------------- */
form 										{ overflow:hidden; }
fieldset									{ border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; 
											  margin-bottom:10px; }
legend										{ font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #bbb; }
fieldset.login p							{ margin-bottom:1em; margin-top:0pt; }
fieldset p label 							{ width:98%; }
fieldset p input 							{ width:98%; }
fieldset p select 							{ width:99%; }
fieldset.login p label						{ float:left; line-height:2em; margin-right:3%; text-align:right; width:32%; }
fieldset.login p input 						{ width:60%; }
fieldset.login input.button 				{ margin-left:35%; }
form p.notice 								{ padding-top: 6px; font-weight:bold; }


/* articles
----------------------------------------------- */
.articles 									{ padding:0; }
.articles h2 								{ margin:0; }
#articles 									{ padding-top:0; }
.article									{ border-top:1px solid #666; padding-top:.5em; }
.box .article								{ border-top:3px solid #fff; padding:13px 10px 0 10px; }
.article h2									{ font-size:2em; font-weight:normal; text-transform:none; color:#333; 
											  background:transparent; padding:0; margin:0; border:none; }
.article h3									{ margin-bottom:.2em; font-size:1.6em; }
.box .first 								{ border-top:none; }
.article h4									{ font-size:1.2em; text-transform:uppercase; margin-bottom:.3em; }
.article a.image							{ float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff; }
.article a.image:hover 						{ border:1px solid #666; }
.article a.image img 						{ float:left; }
.article p.meta								{ color:#666; border-top:1px dotted #999; border-bottom:1px dotted #999; 
											  padding:.3em 0; margin-bottom:.8em; }
.article blockquote							{ font: 1em Arial, Helvetica, sans-serif; }
.article p.h5								{ font: 1em Arial, Helvetica, sans-serif; margin-bottom:.3em; }

/* Footer
----------------------------------------------- */
#footer .box								{ color:#ccc; background:#666; margin-bottom:10px; }
#footer a	 								{ color:#fff; }
#footer a:hover 							{ color:#000; }

/* AJAX sliding shelf
----------------------------------------------- */
#loading									{ float:right; margin-right:14px; margin-top:-2px; }
.block 										{ padding-bottom:1px; }

/* Accordian
----------------------------------------------- */
.toggler									{ color: #222; margin: 0; padding: 2px 5px; background: #eee; 
											  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;
											  border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;
											  font-size:1.1em; font-weight: normal; }
											  
.element h4									{ margin: 0; padding:4px; line-height:1.2em; }
.element p									{ margin: 0; padding: 4px; }
#accordian-block 							{ padding-bottom:10px; }