/* Willmott Timbers CSS Document 
/* By Mad Web Skills
------------------------------------------*/

/* GENERAL TAG REDEFINITIONS
------------------------------------------*/

/* Begin - Fluid global reset */
* { padding: 0; margin: 0; } p, ul, ol, dl, fieldset { margin: 0.3em 0 0.7em 0; } li, dd { margin-left: 2.5em; }
blockquote { margin: 0.9em 5%; } fieldset { padding:0.5em; } select { min-width: 1.5em; } a img,:link img,:visited img { border: 0; }
/* End - Fluid global reset */

body { margin: 0; text-align: center; font: 0.85em/1.6em Helvetica, Arial, sans-serif; color: #222; background-color: #fff; }
a { color: #02653D; }
table { width: 100%; margin: 0.2em 0 0.9em 0; }
th { padding: 0 0.1em; background: #06502a url(wt_images/bg_th.png) repeat-x top; color: #fff; }
td { padding: 0 0.1em; background: #ffffff url(wt_images/bg_td.png) repeat-x top; color: #06502a; }

blockquote { margin: 0.3em 0 0.7em 10px; border-left: 3px solid #ddd; padding-left: 10px; }
img { behavior: url("/_templates/pngbehavior.htc"); }

/* LAYOUT
------------------------------------------*/

#container { margin: 0 auto; width: 760px; text-align: left; }


/* HEADER
------------------------------------------*/

#header { height: 100px; border-bottom: 3px solid #ccc; margin-bottom: 2px;}
	#header h1 { 
		float: left; width: 386px; height: 61px; margin-top: 20px; text-indent: -9000px; 
		background: url(wt_images/logo.gif) no-repeat center; 
	}
	#header h1 a { height: 61px; display: block; }
	#header_nav { float: right; margin: 0; padding: 0; width: 270px; padding-top: 55px; text-align: right; list-style: none; }
	#header_nav { float: right; margin: 0; padding: 0; width: 270px; padding-top: 55px; text-align: right; list-style: none; }
		#header_nav li { display: inline; margin: 0; padding: 0 10px; border-right: 1px solid #bbb; font-size: 0.9em; }
		#header_nav li.last { padding: 0 0 0 10px; border-right: none; }
		#header_nav li a { color: #ccc; text-decoration: none; }
		#header_nav li a:hover { color: #02653D; }

/* NAVIGATION
------------------------------------------*/

#navigation { clear: both; float: left; margin: 0; padding: 0; width: 220px; list-style: none; }
	body#sub #navigation { padding-bottom: 9px; background: url(wt_images/bg_nav_bottom.gif) no-repeat bottom; }
	#navigation li { display: inline; margin: 0; padding: 0; background: #ccc; } 
	#navigation li a { 
		display: block; height: 45px; background: #0f7954 url(wt_images/bg_nav.jpg) no-repeat 0px 0px; padding: 0;
		font: 40px "Arial Black", "Helvetica Black"; letter-spacing: -0.05em; color: #fff; text-decoration: none;
		border-bottom: 2px solid #fff;
	} 
	#navigation li a img { margin: 6px 0 0 9px; } 
	#navigation li a.premium:hover { background-position: -220px 0px; } 
	#navigation li a.ultralife { background-position: 0px -47px; } 
	#navigation li a.ultralife:hover { background-position: -220px -47px; } 
	#navigation li a.federation { background-position: 0px -94px; } 
	#navigation li a.federation:hover { background-position: -220px -94px; } 
	#navigation li a.mulch { background-position: 0px -141px; } 
	#navigation li a.mulch:hover { background-position: -220px -141px; } 
	#navigation li a.projects { background-position: 0px -188px; } 
	#navigation li a.projects:hover { background-position: -220px -188px; } 
	#navigation li a.stockists { background-position: 0px -235px; } 
	#navigation li a.stockists:hover { background-position: -220px -235px; } 
	#navigation li a.other { background-position: 0px -282px; } 
	#navigation li a.other:hover { background-position: -220px -282px; } 

/* SIDEBAR
------------------------------------------*/


/* CONTENT
------------------------------------------*/

body#home #content { width: 540px; height: 327px; float: left; background: url(wt_images/hero_premium.jpg) no-repeat top right; }
	body#home #content img { padding-left: 2px; }

body#sub #content { width: 538px; float: left; margin-left: 2px; background: url(wt_images/bg_page_heading.jpg) no-repeat top; }
	#content h2 { height: 47px; margin: 45px 0 0 0; padding-left: 25px; color: #fff; 
		 font: 2.3em/47px Impact, Arial Black, Helvetica Black, sans-serif; }
	#content h3 { font: 1.7em Arial Black, Helvetica Black, sans-serif; color: #02653D; font-weight: normal; letter-spacing: -0.05em; }
	#content h4 { font: 1.2em Arial Black, Helvetica Black, sans-serif; color: #999; font-weight: normal; letter-spacing: -0.03em; }
	#content_body { margin-left: 25px; }
	#breadcrumbs { margin: 0 0 10px 0; padding: 0 25px 13px 25px; border: 2px solid #fff; border-width: 2px 0;
		font-size: 0.9em; line-height: 1.6em; background: #ddd url(wt_images/bg_h_bottom.gif) no-repeat bottom; }

.third_column { float: left; display: inline; width: 240px; margin-right: 20px; padding: 10px 0; }
.third_column_last { float: left; display: inline; width: 240px; padding: 10px 0; }

.notice { padding: 4px 5px 4px 30px; margin: 0.5em 0 0.9em 0; border: 1px dotted #fc6; border-width: 1px 0; 
	line-height: 1.6em; background: #ffc url(wt_images/error.gif) no-repeat 7px 6px; } 

.info { padding: 4px 5px 4px 30px; margin: 0.5em 0 0.9em 0; border: 1px dotted #66f; border-width: 1px 0;  
	line-height: 1.6em; background: #eef url(wt_images/information.gif) no-repeat 7px 6px; font-size: 0.9em; } 
	.info a { color: #3D5894; }
a.backtotop { display: block; margin: 1.8em 0; border-bottom: 1px solid #bbb; text-transform: uppercase; 
	font-size: 0.8em; text-align: right; line-height: 1.1em; text-decoration: none; } 

#content ul { list-style: none; }
#content ul li {  margin: 0 0 0 2em; padding: 0 0 0.2em 16px; background: url(wt_images/bullet.gif) no-repeat 0em 0.4em; }

.searchform { border: 1px solid #ded; background-color: #f7fcf7; padding: 0.4em; margin-bottom: 0.8em; }
.searchinput { width: 400px; border: 1px solid #ded; background-color: #fff; padding: 0.2em; font-size: 1.4em; }
.searchresult { padding-bottom: 0.8em; margin-bottom: 0.8em; border-bottom: 1px solid #ded; }
.searchpagename { font: bold 1.3em Helvetica, Arial, sans-serif; }
.searchbreadcrumbs { margin: 2px 0 2px 0; padding: 1px 0; color: #999; font-size: 0.9em; }

.clear { clear: both; }

/* FOOTER
------------------------------------------*/

#footer { clear: both; border-top: 3px solid #ccc; padding: 15px 0; text-align: center; 
	background: url(wt_images/bg_shadow.jpg) no-repeat 0 2px; }
	#footer img { padding: 8px; }