

/* NZ Wood Resources site Layout styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	/*background: url(../img/bg-wood-tile.jpg) repeat 0 0;
	background: #69be28 url(../img/bg-wood-tile-new3.jpg) repeat-x 50% 0;*/
	background:transparent url(../img/bg-wood-panel-repeat.jpg) 0px 0px repeat;
  margin: 0;
	padding: 0;
	}
	
#container-bg {
	width:100%;
	background:transparent url(../img/bg-container-bg.jpg) 0px 0px repeat-x;
}


#container-top {
	width: 924px; /* FF */
	height: 122px;
	height: 137px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	position: relative;
	background: #69be28 url(../img/bg-container-top.jpg) repeat-x 50% 100%;	
	}


#container-mid {
	width: 924px; /* FF */
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	/*background: url(../img/bg-container-mid.gif) repeat-y 0 0;*/
	background: url(../img/bg-container-mid.png) repeat-y 50% 0;
	}

#content-wrapper {
	float: left;
	/*width: 810px;  FF */
	width: 811px; /* FF */
	background: #fff url(../img/bg-container-wrapper.gif) repeat-x 0 100%;
	padding: 16px 57px 86px 57px;
	overflow: hidden;
	}
	
#container-bottom {
	width: 954px;
	height: 45px;
	margin: 0 auto;
	margin: -1px auto 0 auto;
	text-align: left;
	background: url(../img/bg-container-bottom.png) no-repeat 0 0; /* FF */
	}		
	
/* ----- Columns within content-wrapper ----- */		

/* 1 - 3 layout */

#filter {
	width: 180px;
	float: left;
	} 

#wide-content {
	width: 600px;
	float: right;
	} 	
	
/* 2 - 2 layout */

#half-content {
	width: 390px;
	float: left;
	} 

#half-feature {
	width: 390px;
	float: right;
	} 

#half-content.wider {
  width: 474px;
	} 

#half-feature.thinner {
	width: 306px;
	} 

	
/* 0 - 4 layout */	

#super-wide-content {
	width: 810px;
	float: left;
	} 
	
#super-wide-content #readable-text-box {
	width: 600px;
	float: left;
	}		

/* ----- clearing divs ----- */			
	
.clear { /* simple clearing div with no height */
	clear: both;
	font-size: 0.1px;
	border: none;
	margin: -1px 0 0 0; 
	padding: 0;
	background: transparent;
	}
	
.clear-fix { /* simple clearing div with 1px height */
	clear: both;
	height: 1px;
	font-size: 0.1px;
	border: none;
	margin: -1px 0 0 0; 
	padding: 0;
	background: transparent;
	}					
		
.clear-divider-4dot { /* clearing div with two rows of double dots */
	clear: both;
	height: 13px;
	font-size: 0.1px;
	border: none;
	margin: 7px 0 34px 0; 
	padding: 0;
	background: url(../img/bg-divider-4dot.gif) repeat-x 0 0;
	}
	
#half-content .clear-divider-4dot { /* clearing div with two rows of double dots */
	margin: 7px 0 14px 0; 
	}	
	
.clear-divider-2dot { /* clearing div with one row of double dots */
	clear: both;
	height: 3px;
	font-size: 0.1px;
	border: none;
	margin: 7px 0; 
	padding: 0;
	background: url(../img/bg-divider-2dot.gif) repeat-x 0 0;
	}
	
.clear-divider-1dot { /* clearing div with one row of single dots */
	clear: both;
	height: 1px;
	font-size: 0.1px;
	border: none;
	margin: 7px 0; 
	padding: 0;
	background: url(../img/bg-divider-1dot.gif) repeat-x 0 0;
	}	
	
.quarter-col-box .clear-divider-1dot { /* clearing div with one row of single dots */
	clear: both;
	height: 1px;
	font-size: 0.1px;
	border: none;
	margin: 6px 0 14px 0; 
	padding: 0;
	background: url(../img/bg-divider-1dot.gif) repeat-x 0 0;
	}								
/* #2440 remove watermark and short url */
div.gs-watermark, div.gs-visibleUrl {
	display: none;
}



/* NZ Wood Resources site Header styles */

#utilities-nav {
	float: right;
	width: 399px;
	height: 39px;
	margin: 0 0 0 0;
	background: url(../img/bg-utilities-nav.jpg) no-repeat 0 0;
	}
	
#utilities-nav ul {
	margin: 0;
	padding: 0 0 0 13px;
	}
	
#utilities-nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 1.4em;
	}			
	
#utilities-nav a:link, 
#utilities-nav a:visited {
	color: #fff;
	text-decoration: none;	
	padding: 12px 13px 0 13px;
	height: 27px;
	display: block;
	float: left;
	width: auto;
	}	
	
#utilities-nav a:hover {
	color: #fff;
	text-decoration: underline;	
	padding: 12px 13px 0 13px;
	height: 27px;
	display: block;
	float: left;
	width: auto;
	background: url(../img/bg-utilities-hover.jpg) repeat-x 0 0;
	}
	
#utilities-nav a.current:link, 
#utilities-nav a.current:visited, 
#utilities-nav a.current:hover {
	color: #fff;
	text-decoration: underline;	
	padding: 12px 13px 0 13px;
	height: 27px;
	display: block;
	float: left;
	width: auto;
	background: url(../img/bg-utilities-hover.jpg) repeat-x 0 0;
	}	
	
#top-search {
	float: right;
	margin: 0 0 0 0;
	width: 141px;
	}	
	
#top-search form {
	margin: 0;
	padding: 0 0 0 0;
	background: url(../img/bg-search.jpg) no-repeat 0 0;
	width: 141px;
	height: 39px;
	}
	
/*#top-search label {
	margin: 0;
	padding: 0;
	}*/	
	
/*#top-search label img {
	margin: 0 0 -7px 0;
	padding: 0;
	}	*/	
	
#top-search input#searchboxHeader {
	margin: 10px 0 0 16px;
	padding: 0;
	font-size: 1.2em;
	width: 87px;
	border: 1px solid #fff;
	float: left;
	display: inline;
	}	
	
#top-search input.button {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	width: 36px;
	float: left;
	}		

#logo {
	position: absolute;
	left: 14px;
	bottom: 8px;
	}
	
#logo img {	
	border: none;
	}

	
#logo-print {
	display: none;
	}

#main-nav {
	position: absolute;
	left: 270px;
	bottom: 8px;
	}
	
#main-nav ul {
	margin: 0;
	padding: 0;
	width: 615px;
	}	
	
#main-nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}	
	
#main-nav ul li a:focus {
	outline: 0;
	}		
	
/*#main-nav ul li.nav-home a:link, 
#main-nav ul li.nav-home a:visited {
	margin: 0;
	padding: 0;
	width: 128px;
	height: 34px;
	background: url(../img/main-nav-home.jpg) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-home a:hover {
	margin: 0;
	padding: 0;
	width: 128px;
	height: 34px;
	background: url(../img/main-nav-home.jpg) no-repeat 0 -34px;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul.nav-home li.nav-home a:link, 
#main-nav ul.nav-home li.nav-home a:visited, 
#main-nav ul.nav-home li.nav-home a:hover {
	margin: 0;
	padding: 0;
	width: 128px;
	height: 34px;
	background: url(../img/main-nav-home.jpg) no-repeat 0 -34px;
	display: block;
	text-indent: -2000px;
	}	*/						

#main-nav ul li.nav-why a:link, 
#main-nav ul li.nav-why a:visited {
	margin: 0;
	padding: 0;
	width: 172px;
	height: 59px;
	background: url(../img/main-nav-why.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-why a:hover {
	margin: 0;
	padding: 0;
	width: 172px;
	height: 59px;
	background: url(../img/main-nav-why.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul.nav-why li.nav-why a:link, 
#main-nav ul.nav-why li.nav-why a:visited, 
#main-nav ul.nav-why li.nav-why a:hover {
	margin: 0;
	padding: 0;
	width: 172px;
	height: 59px;
	background: url(../img/main-nav-why.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}						

#main-nav ul li.nav-what a:link, 
#main-nav ul li.nav-what a:visited {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 59px;
	background: url(../img/main-nav-what.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-what a:hover {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 59px;
	background: url(../img/main-nav-what.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul.nav-what li.nav-what a:link, 
#main-nav ul.nav-what li.nav-what a:visited, 
#main-nav ul.nav-what li.nav-what a:hover {
	margin: 0;
	padding: 0;
	width: 152px;
	height: 59px;
	background: url(../img/main-nav-what.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}						

#main-nav ul li.nav-how a:link, 
#main-nav ul li.nav-how a:visited {
	margin: 0;
	padding: 0;
	width: 153px;
	height: 59px;
	background: url(../img/main-nav-how.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-how a:hover {
	margin: 0;
	padding: 0;
	width: 153px;
	height: 59px;
	background: url(../img/main-nav-how.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul.nav-how li.nav-how a:link, 
#main-nav ul.nav-how li.nav-how a:visited, 
#main-nav ul.nav-how li.nav-how a:hover {
	margin: 0;
	padding: 0;
	width: 153px;
	height: 59px;
	background: url(../img/main-nav-how.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}						

#main-nav ul li.nav-forum a:link, 
#main-nav ul li.nav-forum a:visited {
	margin: 0;
	padding: 0;
	width: 138px;
	height: 59px;
	background: url(../img/main-nav-talk.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-forum a:hover {
	margin: 0;
	padding: 0;
	width: 138px;
	height: 59px;
	background: url(../img/main-nav-talk.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}				

#main-nav ul.nav-forum li.nav-forum a:link, 
#main-nav ul.nav-forum li.nav-forum a:visited, 
#main-nav ul.nav-forum li.nav-forum a:hover {
	margin: 0;
	padding: 0;
	width: 138px;
	height: 59px;
	background: url(../img/main-nav-talk.gif) no-repeat 0 -59px;
	display: block;
	text-indent: -2000px;
	}	

/* NZ Wood Resources site Footer styles */

#footer {
	float: left;
	width: 819px; /* FF */
	padding: 23px 49px 13px 57px;
	background-color: #414143;
	}			

.footer-col-wrapper {
	float: left;
	width: 332px;
	margin: 35px 38px 0 0;
	}	

.footer-col1 {
	float: left;
	width: 139px;			
	margin: 0 30px 0 0;
	color: #fff;
	}
	
.footer-col2 {
	float: left;
	width: 139px;			
	margin: 0 0 0 0;
	color: #fff;
	}	
	
.footer-col3 {
	float: left;
	width: 205px;				
	margin: 35px 37px 0 0;
	color: #fff;
	}
	
.footer-col4 {
	float: left;
	width: 204px;		
	color: #fff;
	margin: 0 0 0 0;
	}	

#footer h4 {
	margin: 0 0 13px 0;
	padding: 0 0 4px 0;
	color: #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: normal;
	}	
	
#footer ul {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	}		
	
#footer ul li {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	font-size: 1.1em;
	}
	
#footer ul li a {
	display: block;
	padding: 0 0 0 19px;
	color: #69be28;
	text-decoration: none;
	line-height: 1;
	}		
	
#footer ul li a:link, 
#footer ul li a:visited {
	color: #69be28;
	text-decoration: none;
	background: url(../img/arw-footer-nav2.gif) no-repeat 0 0;
	}			
	
#footer ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../img/arw-footer-nav2-hover.gif) no-repeat 0 0;
	}						

#footer .backtotop {
	font-size: 1.1em;
	float: right;
	clear: both;
	margin: 0 0 20px 0;
	}	

#footer .backtotop a {
	padding: 0 0 0 9px;
	background: url(../img/arw-backtotop.gif) no-repeat 0 2px;
	display: block;
	}

#footer .backtotop a:link, 
#footer .backtotop a:visited {	
	color: #7ac142;
	text-decoration: none;
	}	
	
#footer .backtotop a:hover {	
	color: #fff;
	text-decoration: none;
	}

#footer .footer-col4 ul.footer-buttons {
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
	display: block;
	}		
	
#footer .footer-col4 ul.footer-buttons li {
	margin: 0;
	padding: 0 0 4px 0;
	list-style-type: none;
	font-size: 1.1em;
	}
	
#footer .footer-col4 ul.footer-buttons li a {
	display: block;
	padding: 0;
	width: 179px;
	height: 22px;
	text-indent: -2000px;
	outline: 0;
	}		
	
#footer .footer-col4 ul.footer-buttons li.btn-case-studies a:link, 
#footer .footer-col4 ul.footer-buttons li.btn-case-studies a:visited {
	background: url(../img/btn-case-studies.gif) no-repeat 0 0;
	}			
	
#footer .footer-col4 ul.footer-buttons li.btn-case-studies a:hover {
	background: url(../img/btn-case-studies.gif) no-repeat 0 -22px;
	}	
	
#footer .footer-col4 ul.footer-buttons li.btn-suppliers a:link, 
#footer .footer-col4 ul.footer-buttons li.btn-suppliers a:visited {
	background: url(../img/btn-suppliers.gif) no-repeat 0 0;
	}			
	
#footer .footer-col4 ul.footer-buttons li.btn-suppliers a:hover {
	background: url(../img/btn-suppliers.gif) no-repeat 0 -22px;
	}	
	
#footer .footer-col4 ul.footer-buttons li.btn-species-index a:link, 
#footer .footer-col4 ul.footer-buttons li.btn-species-index a:visited {
	background: url(../img/btn-species-index.gif) no-repeat 0 0;
	}			
	
#footer .footer-col4 ul.footer-buttons li.btn-species-index a:hover {
	background: url(../img/btn-species-index.gif) no-repeat 0 -22px;
	}								
	
#footer .footer-col4 ul.arrows {
	margin: 0 0 13px 0;
	padding: 0;
	float: left;
	display: block;
	}		
	
#footer .footer-col4 ul.arrows li {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size: 1.1em;
	display: inline;
	}
	
#footer .footer-col4 ul.arrows li a {
	display: block;
	padding: 0 0 5px 7px;
	background: url(../img/arw-green.gif) no-repeat 0 4px;
	color: #69be28;
	text-decoration: none;
	line-height: 1;
	}		
	
#footer .footer-col4 ul.arrows li a:link, 
#footer .footer-col4 ul.arrows li a:visited {
	color: #69be28;
	text-decoration: none;
	}			
	
#footer .footer-col4 ul.arrows li a:hover {
	color: #fff;
	text-decoration: none;
	}					

	
/*.footer-col-contact a:link, .footer-col-contact a:visited {
	color: #7ac142;
	text-decoration: none;
	}			
	
.footer-col-contact a:hover {
	color: #7ac142;
	text-decoration: underline;
	}	*/					
	

	
											
	
/*.footer-col-last form {
	margin: 13px 0 0 0;
	padding: 13px 0 0 0;
	}
	
.footer-col-last form div {
	margin: 6px 0 16px 0;
	padding: 0;
	}	
	
.footer-col-last label {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	}	
	
.footer-col-last input.button {
	margin: 0 0 -4px 0;
	padding: 0;
	display: inline;
	}		
	
.footer-col-last input#searchboxFooter {
	margin: 0 0 0 0;
	padding: 0 1px 1px 1px;
	font-size: 1.0em;
	border: 1px solid #b5b5b5;
	width: 143px;
	}	*/
	


/* NZ Wood Resources site components */

/* ----- STANDARD STYLES ----- */

.breadcrumbs {
	margin: 0;
	padding: 0 0 14px 0;
	float: left;
	width: 100%;
	font-size: 1.0em;
	text-transform: uppercase;
	}
	
.breadcrumbs a:link, 
.breadcrumbs a:visited {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 5px 12px;
	background: url(../img/arw-breadcrumb.gif) no-repeat 0 1px;
	color: #414143;
	text-decoration: none;
	line-height: 1;
	float: left;
	}	
	
.breadcrumbs a:hover {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 5px 12px;
	background: url(../img/arw-breadcrumb.gif) no-repeat 0 1px;
	color: #414143;
	text-decoration: underline;
	line-height: 1;
	float: left;
	}		
	
h1 {
	font-size: 3.4em;
	color: #3095B4;
	font-weight: normal;
	margin: 8px 0 15px 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	line-height: 1;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	}
	
#case-studies h1 {
	color: #D47B22;
	background: url(../img/icon-case-study-h1.gif) no-repeat 0 25px; /* FF */
	padding: 0 0 0 27px;
	}	
	
#section-box h1	{
	padding: 15px 0 0 0;
	}	
	
#homepage h1 {
	font-size: 3.2em;
	color: #79BF41;
	font-weight: bold;
	margin: 8px 0 15px 0;
	padding: 0 0 12px 0;
	text-transform: uppercase;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 5px solid #79BF41;
	}	
	
h2 {
	font-size: 2.2em;
	color: #666;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	}
	
#filter-box	h2 {
	font-size: 1.2em;
	color: #fff;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1.1;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
.letter-box h2 {
	width: 34px;
	height: 31px;
	position: absolute;
	left: 13px;
	top: -22px;
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
	padding: 10px 0 0 0;
	line-height: 1;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/bg-letter-box-letter.jpg) no-repeat 0 0;
	text-align: center;
	}	
	
h2.subheader {
	font-size: 1.4em;
	color: #8d8d8d;
	font-weight: normal;
	margin: -10px 0 0 0;
	padding: 0 0 9px 0;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	}
		
.content-block h2 {
	font-size: 1.8em;
	color: #3095B4;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 26px 0 0 0;
	line-height: 1;
	text-transform: uppercase;
	}	
		
.section-element h2 {
	font-size: 1.8em;
	color: #3095B4;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1;
	text-transform: uppercase;
	}				
	
h2 a:link, h2 a:visited {
	color: #69BE28;
	text-decoration: none;
	}	
	
h2 a:hover {
	color: #69BE28;
	text-decoration: underline;
	}		
	
h3 {
	font-size: 1.4em;
	color: #3095B4;
	font-weight: normal;
	margin: 0;
	padding: 0 0 9px 0;
	text-transform: uppercase;
	}

#filter-box h3 {
	font-size: 1.2em;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 0 0 9px 0;
	text-transform: uppercase;
	}	
	
.quick-facts h3 {
	font-weight: bold;
	}	
	
#half-content h3 a:link, 
#half-content h3 a:visited {
	color: #3095B4;
	text-decoration: none;
	}	
	
#half-content h3 a:hover {
	color: #7AC142;
	text-decoration: none;
	}	
		
.species-vendors-box h3 {
	color: #666;
	}	

.letter-box h3 a:link, 
.letter-box h3 a:visited,
.species-list-box h3 a:link, 
.species-list-box h3 a:visited {
	color: #3095b4;
	text-decoration: none;
	}

.letter-box h3 a:hover, 
.species-list-box h3 a:hover {
	color: #69be28;
	text-decoration: none;
	}			
	
h4 {
	font-size: 1.2em;
	color: #646466;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	}
	
.products h4 {
	font-size: 1.2em;
	color: #666;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	}		
	
h5 {
	font-size: 1.1em;
	color: #646466;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 8px 0 0 0;
	}	
	
h6 {
	font-size: 1.1em;
	color: #646466;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 8px 0 0 0;
	}				
	
p {
	font-size: 1.2em;
	color: #666;	
	margin: 0;
	padding: 0 0 10px 0;
	}
	
p.author {
	font-size: 1.2em;
	color: #666;	
	margin: 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	}
	
p.date {
	font-size: 1.1em;
	color: #666;	
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	}		
		
p.intro {
	font-size: 1.6em;
	color: #3095B4;	
	margin: 0;
	padding: 0 0 36px 0;
	}
	
#homepage p.intro {
	font-size: 1.6em;
	color: #414143;	
	margin: 0;
	padding: 0 0 36px 0;
	}	

#case-studies p.intro {
	color: #D47B22;	
	}	
	
#case-studies p.name {
	font-size: 1.2em;
	color: #666;	
	margin: -10px 0 0 0;
	padding: 0 0 16px 27px;
	text-transform: uppercase;
	font-weight: bold;
	}		
	
p.float-right {
	float: right;
	text-align: right;
	font-size: 1.1em;
	}		
	
#half-content p.backto a:link, 
#half-content p.backto a:visited {
	font-size: 1.1em;
	color: #3095B4;	
	margin: 0 0 12px 0;
	padding: 3px 0 10px 28px;
	background: url(../img/arw-back.jpg) no-repeat 0 0;
	display: block;
	}
	
#half-content p.backto a:hover {
	font-size: 1.1em;
	color: #69BE28;	
	margin: 0 0 12px 0;
	padding: 3px 0 10px 28px;
	background: url(../img/arw-back.jpg) no-repeat 0 0;
	display: block;
	}	
	
#half-content ul, 
#wide-content ul, 
#super-wide-content ul,
#super-wide-content #readable-text-box ul {
	margin: 0;
	padding: 0;
	}
	
#half-content ul li, 
#wide-content ul li, 
#super-wide-content ul li, 
#super-wide-content #readable-text-box ul li {
	padding: 0 0 10px 18px;
	background: url(../img/bullet-key-features.gif) no-repeat 0 2px;
	color: #666;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	}
	
#half-content ul li ul li, 
#wide-content ul li ul li, 
#super-wide-content ul li ul li, 
#super-wide-content #readable-text-box ul li ul li {
	font-size: 100%;
	padding: 0 0 3px 18px;
	margin: 0 0 0 2px;
	}	
	
#half-content ul li a:link,  
#half-content ul li a:visited, 
#wide-content ul li a:link,  
#wide-content ul li a:visited,
#super-wide-content ul li a:link,  
#super-wide-content ul li a:visited {
	color: #3095B4;
	text-decoration: none;
	}
	
#half-content ul li a:hover, 
#wide-content ul li a:hover, 
#super-wide-content ul li a:hover {
	color: #69BE28;
	text-decoration: none;
	}				
	
#half-content ol, 
#wide-content ol, 
#super-wide-content ol {
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	}
	
#half-content ol li, 
#wide-content ol li, 
#super-wide-content ol li {
	padding: 0 0 5px 2px;
	color: #646466;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	}	
	
#half-content ol li ul li, 
#wide-content ol li ul li, 
#super-wide-content ol li ul li, 
#super-wide-content #readable-text-box ol li ul li {
	font-size: 100%;
	padding-bottom: 3px;
	}	
	
#half-content ol li ol li, 
#wide-content ol li ol li, 
#super-wide-content ol li ol li, 
#super-wide-content #readable-text-box ol li ol li {
	font-size: 100%;
	padding-bottom: 3px;
	}			
	
#half-content ul li ol li, 
#wide-content ul li ol li, 
#super-wide-content ul li ol li, 
#super-wide-content #readable-text-box ul li ol li {
	font-size: 100%;
	padding-bottom: 2px;
	list-style-type: decimal;
	background: none;
	padding-left: 0;
	margin-left: 5px;
	}		

#half-content .key-features-list ul {
	margin: 0;
	padding: 0;
	}
	
#half-content .key-features-list ul li {
	margin: 0;
	padding: 0 0 10px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	background: url(../img/bullet-key-features.gif) no-repeat 0 2px;
	}	
	
#half-content a.viewall:link, 
#half-content a.viewall:visited {
	display: block;
	padding: 5px 0 5px 23px;
	background: url(../img/bg-viewall.gif) no-repeat 0 0;
	color: #3095B4;
	text-decoration: none;
	line-height: 1;
	}
	
#half-content a.viewall:hover {
	display: block;
	padding: 5px 0 5px 23px;
	background: url(../img/bg-viewall.gif) no-repeat 0 0;
	color: #69be28;
	text-decoration: none;
	line-height: 1;
	}	

#content a.readmore:link, 
#content a.readmore:visited {
	display: block;
	padding: 0 0 5px 7px;
	background: url(../img/arw-green.gif) no-repeat 0 4px;
	color: #69be28;
	text-decoration: none;
	line-height: 1;
	float: left;
	}
	
#content a.readmore:hover {
	display: block;
	padding: 0 0 5px 7px;
	background: url(../img/arw-green.gif) no-repeat 0 4px;
	color: #69be28;
	text-decoration: underline;
	line-height: 1;
	}			
	
#wide-content a.readmore:link, 
#wide-content a.readmore:visited {
	display: block;
	padding: 0 0 5px 7px;
	background: url(../img/arw-green.gif) no-repeat 0 4px;
	color: #69be28;
	text-decoration: none;
	line-height: 1;
	float: left;
	}		
	
#wide-content a.readmore:hover {
	display: block;
	padding: 0 0 5px 7px;
	background: url(../img/arw-green.gif) no-repeat 0 4px;
	color: #69be28;
	text-decoration: underline;
	line-height: 1;
	float: left;
	}	
	
#content-wrapper a.view:link, 
#content-wrapper a.view:visited {
	padding: 0 14px 5px 0;
	background: url(../img/arw-view.gif) no-repeat 100% 2px;
	color: #3095B4;
	text-decoration: none;
	line-height: 1;
	}
	
#content-wrapper a.view:hover {
	padding: 0 14px 5px 0;
	background: url(../img/arw-view-over.gif) no-repeat 100% 2px;
	color: #69BE28;
	text-decoration: none;
	line-height: 1;
	}						

#content-wrapper a.comments:link, 
#content-wrapper a.comments:visited {
	padding: 0 0 0 0;
	color: #D47B22;
	text-decoration: none;
	line-height: 1;
	}
	
#content-wrapper a.comments:hover {
	padding: 0 0 0 0;
	color: #D47B22;
	text-decoration: underline;
	line-height: 1;
	}
	
#content-wrapper a.download:link, 
#content-wrapper a.download:visited {
	display: block;
	padding: 5px 0 5px 23px;
	background: url(../img/icon_download.gif) no-repeat 0 2px;
	color: #69be28;
	text-decoration: none;
	line-height: 1;
	/*float: left;*/
	}	
	
#content-wrapper a.download:hover {
	display: block;
	padding: 5px 0 5px 23px;
	background: url(../img/icon_download.gif) no-repeat 0 2px;
	color: #69be28;
	text-decoration: underline;
	line-height: 1;
	}				
	
p.pagination a:link, 
p.pagination a:visited {
	color: #3095b4;
	text-decoration: none;
	}

p.pagination a:hover {
	color: #69be28;
	text-decoration: none;
	}		
	
span.float-right {
	float: right;
	width: 30%;
	text-align: right;
	}		
	
.img-left {
	float: left;
	margin: 3px 13px 9px 0;
	}	
	
.text-block {
	padding: 0 0 15px 0;
	clear: both;
	}
	
.pic-box {
	width: 55px;
	float: left;
	}
	
.description-box {
	margin-left: 65px;
	}	
	
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}	


/* ----- Feature box (Homepage) ----- */	

#feature-box {
	background: url(../img/bg-feature-home.jpg) no-repeat 0 0;
	width: 830px;
	height: 372px;
	margin: 0 -14px 0 -5px;
	position: relative;
	}
	
#feature-box #main-img {
	position: absolute;
	left: 6px;
	top: 10px;
	width: 578px;
	height: 350px;
	}
	
#feature-box object {
	position: absolute;
	left: 6px;
	top: 10px;
	width: 810px;
	height: 350px;
	}		
	
#feature-box #main-img-links {
	position: absolute;
	left: 0;
	top: 231px;
	width: 578px;
	height: 30px;
	background-color: #fff;
	}
	
#feature-box #main-img-links ul	{
	width: 578px;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}	
	
#feature-box #main-img-links ul.why	{
	background: url(../img/main-img-links-why.gif) no-repeat 0 0;
	}
	
#feature-box #main-img-links ul.what {
	background: url(../img/main-img-links-what.gif) no-repeat 0 0;
	}	
	
#feature-box #main-img-links ul.how {
	background: url(../img/main-img-links-how.gif) no-repeat 0 0;
	}	
	
#feature-box #main-img-links ul li	{
	height: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
	}
	
#feature-box #main-img-links ul li a:link, 
#feature-box #main-img-links ul li a:visited, 	
#feature-box #main-img-links ul li a:hover {
	text-indent: -2000px;
	} 		

#feature-box #main-img-links ul li a:focus {
	outline: 0;
	}		
	
#feature-box #main-img-links ul li.why-wood	{
	width: 177px;
	}
	
#feature-box #main-img-links ul li.what-wood {
	width: 125px;
	}	
	
#feature-box #main-img-links ul li.how-wood {
	width: 118px;
	}	
	
#feature-box #main-img-links ul.why li.why-wood a:link, 
#feature-box #main-img-links ul.why li.why-wood a:visited,
#feature-box #main-img-links ul.why li.why-wood a:hover,
#feature-box #main-img-links ul.what li.why-wood a:link, 
#feature-box #main-img-links ul.what li.why-wood a:visited,
#feature-box #main-img-links ul.how li.why-wood a:link, 
#feature-box #main-img-links ul.how li.why-wood a:visited	{
	width: 177px;
	height: 30px;
	display: block;
	}
	
#feature-box #main-img-links ul.what li.why-wood a:hover, 
#feature-box #main-img-links ul.how li.why-wood a:hover	{
	width: 177px;
	height: 30px;
	display: block;
	background: url(../img/main-img-links-why-over.gif) no-repeat 0 0;
	}	
	
#feature-box #main-img-links ul.why li.what-wood a:link, 
#feature-box #main-img-links ul.why li.what-wood a:visited, 
#feature-box #main-img-links ul.what li.what-wood a:link, 
#feature-box #main-img-links ul.what li.what-wood a:visited, 
#feature-box #main-img-links ul.what li.what-wood a:hover, 
#feature-box #main-img-links ul.how li.what-wood a:link, 
#feature-box #main-img-links ul.how li.what-wood a:visited {
	width: 125px;
	height: 30px;
	display: block;
	}
	
#feature-box #main-img-links ul.why li.what-wood a:hover, 
#feature-box #main-img-links ul.how li.what-wood a:hover	{
	width: 125px;
	height: 30px;
	display: block;
	background: url(../img/main-img-links-what-over.gif) no-repeat 0 0;
	}			
	
#feature-box #main-img-links ul.why li.how-wood a:link, 
#feature-box #main-img-links ul.why li.how-wood a:visited, 
#feature-box #main-img-links ul.what li.how-wood a:link, 
#feature-box #main-img-links ul.what li.how-wood a:visited,
#feature-box #main-img-links ul.how li.how-wood a:link, 
#feature-box #main-img-links ul.how li.how-wood a:visited, 
#feature-box #main-img-links ul.how li.how-wood a:hover {
	width: 118px;
	height: 30px;
	display: block;
	}	
	
#feature-box #main-img-links ul.why li.how-wood a:hover, 
#feature-box #main-img-links ul.what li.how-wood a:hover	{
	width: 118px;
	height: 30px;
	display: block;
	background: url(../img/main-img-links-how-over.gif) no-repeat 0 0;
	}												
	
#feature-box #sub-img {
	position: absolute;
	right: 14px;
	top: 10px;
	width: 231px;
	height: 152px;
	}
	
#feature-box #text-area {
	position: absolute;
	right: 14px;
	top: 162px;
	width: 189px; 
	height: 158px;
	padding: 20px 21px;
	}
	
#feature-box #text-area h1 {
	font-size: 2.8em;
	color: #D47B22;
	font-weight: normal;
	margin: 0;
	padding: 0 0 14px 0;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	}
	
#feature-box #text-area p {
	font-size: 1.4em;
	}
	
#feature-box #text-area p.float-right {
	float: right;
	width: 189px;
	text-align: right;
	font-size: 1.1em;
	}
										
												

/* ----- Stay Informed box (Homepage) ----- */	

.stay-informed-box {
	background: #EAEBE1 url(../img/bg-stay-informed-box.jpg) repeat-x 0 0;
	border: 1px solid #E2E3D5;
	padding: 7px 6px;
	}
	
.stay-informed-inner-box {
	background: #EAEBE1 url(../img/bg-stay-informed-inner-box.jpg) repeat-x 0 0;
	border-bottom: 1px solid #E1E2D8;
	margin: 0 0 7px 0;
	padding: 11px 0 9px 34px;
	}
	
.contribute-inner-box {
	background: #EAEBE1 url(../img/bg-contribute-inner-box.jpg) repeat-x 0 0;
	border-bottom: 1px solid #E1E2D8;
	margin: 0 0 0 0;
	padding: 11px 0 9px 34px;
	}	
	
.stay-informed-inner-box p, 
.contribute-inner-box p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	}	
	
#half-content .stay-informed-inner-box p a:link, 
#half-content .stay-informed-inner-box p a:visited,
#half-content .contribute-inner-box p a:link, 
#half-content .contribute-inner-box p a:visited {
	color: #3095B4;
	text-decoration: none;
	}
	
#half-content .stay-informed-inner-box p a:hover, 
#half-content .contribute-inner-box p a:hover {
	color: #69BE28;
	text-decoration: none;
	}
	
.stay-informed-inner-box p span.float-right, 
.contribute-inner-box p span.float-right {	
	margin: 0 10px 0 0;
	}				



/* ----- tabbed content (content page) ----- */

#half-content ul.tabs-characteristics{
   width: 474px;
   float: left;
}

#half-content ul.tabs-characteristics li{
   display: inline;
   float: left;
   background-image: none;
   padding: 0;
}

#half-content ul.tabs-characteristics li a{
  text-transform: uppercase;
  color: #ffffff;
}


#half-content ul.tabs-characteristics li a span{
  display: block;
  height: 30px;
  /*max-width: 64px;*/
  width: 66px;
  background: #414143;
  border-right: 1px solid #575759;
  padding: 7px 6px 0 6px;
  font-size: 0.75em;
  font-weight: bold;
  overflow: hidden;
}

#half-content ul.tabs-characteristics li:last-child a span{
  border-right: 1px solid #414143;
}

#half-content ul.tabs-characteristics li a:hover{
  color: #3095b4;
}

#half-content ul.tabs-characteristics li.current a{
  color: #3095b4;
}

#half-content ul.tabs-characteristics li.current a span{
  background: #e2e3d5;
  border-right: 1px solid #e2e3d5;
}


#half-content.wider .characteristics-box {
	width: 408px;
	}

#half-content.wider .characteristics-box .image-wrapper{
   border: 1px solid #dbdbdb;
   float: right;
   width: 206px;
   height: 142px;
   margin-left: 10px;
}

#half-content.wider .characteristics-box .image-wrapper img{
   border: 9px solid #ffffff;
}

/* ----- Species/vendors box (Homepage) ----- */	

ul.tabs-species-vendors {
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	width: 810px;
	}

#half-feature ul.tabs-species-vendors {
	margin: 0;
	padding: 0;
	float: left;
	width: 390px;
	}	
	
ul.tabs-species-vendors li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}

ul.tabs-species-vendors li a {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	font-size: 1.2em;
	color: #666;
	text-decoration: none !important;
	}
	
#half-feature ul.tabs-species-vendors li a {
	padding: 0 0 0 15px;
	}	

ul.tabs-species-vendors li a:link, 
ul.tabs-species-vendors li a:visited {
	background: none;
	}
	
ul.tabs-species-vendors li a:hover {
	background: url(../img/tab-species-vendors-left.jpg) no-repeat 0 0;
	}	
	
ul.tabs-species-vendors li a span {
	margin: 0;
	padding: 20px 20px 9px 0;
	float: left;
	display: block;
	text-align: center;
	color: #666;
	text-decoration: none;
	}
	
#half-feature ul.tabs-species-vendors li a span {
	padding: 20px 25px 9px 0;
	}	
	
ul.tabs-species-vendors li a:link span, 
ul.tabs-species-vendors li a:visited span {
	background: none;
	}	
	
ul.tabs-species-vendors li a:hover span {
	background: url(../img/tab-species-vendors-right.jpg) no-repeat 100% 0;
	}			

ul.tabs-species-vendors li.current a:link, 
ul.tabs-species-vendors li.current a:visited, 
ul.tabs-species-vendors li.current a:hover {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../img/tab-species-vendors-left.jpg) no-repeat 0 0;
	float: left;
	font-size: 1.2em;
	color: #3095B4;
	text-decoration: none;
	}
	
#half-feature ul.tabs-species-vendors li.current a:link, 
#half-feature ul.tabs-species-vendors li.current a:visited, 
#half-feature ul.tabs-species-vendors li.current a:hover {
	padding: 0 0 0 15px;
	}	
	
ul.tabs-species-vendors li.current a:link span, 
ul.tabs-species-vendors li.current a:visited span, 
ul.tabs-species-vendors li.current a:hover span {
	margin: 0;
	padding: 20px 20px 9px 0;
	background: url(../img/tab-species-vendors-right.jpg) no-repeat 100% 0;
	float: left;
	display: block;
	text-align: center;
	color: #3095B4;
	text-decoration: none;
	}
	
#case-studies ul.tabs-species-vendors li.current a:link span, 
#case-studies ul.tabs-species-vendors li.current a:visited span, 
#case-studies ul.tabs-species-vendors li.current a:hover span {
	color: #D47B22;	
	}	
	
#half-feature ul.tabs-species-vendors li.current a:link span, 
#half-feature ul.tabs-species-vendors li.current a:visited span, 
#half-feature ul.tabs-species-vendors li.current a:hover span {
	padding: 20px 25px 9px 0;
	}	
	
.species-vendors-box {
	background: #F5F6F1 url(../img/bg-species-vendors-box.jpg) repeat-x 0 0;
	border: 1px solid #E2E3D5;
	margin: 0 0 30px 0;
	padding: 13px 16px;
	float: left;
	width: 356px;
	}
	
.species-box {
	background: #F5F6F1 url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	margin: 0 0 30px 0;
	padding: 13px 16px 0 16px;
	float: left;
	width: 356px;
	}	
	
.species-vendors-box-search	{
	float: left;
	width: 125px;
	}
	
.species-vendors-box-search form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
.species-vendors-box-search form div {
	margin: 6px 0 12px 0;
	padding: 0;
	}	
	
.species-vendors-box-search label {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	}	

.species-vendors-box-search input.button {
	margin: 0 0 -4px 0;
	padding: 0;
	display: inline;
	}		
	
.species-vendors-box-search input#speciesSearch {
	margin: 0 0 0 0;
	padding: 0 1px 1px 1px;
	font-size: 1.0em;
	border: 1px solid #809DB9;
	width: 110px;
	}		

.species-vendors-box-browse	{
	float: right;
	width: 208px;
	padding: 0 0 25px 12px;
	position: relative;
	z-index: 21;
	}
	
.species-box-browse	{
	float: left;
	padding: 0 0 25px 0;
	position: relative;
	}	
	
.species-vendors-box-browse a:link,	
.species-vendors-box-browse a:visited,	
.species-box-browse a:link,	
.species-box-browse a:visited {
	text-decoration: none;
	}
	
.species-vendors-box-browse a:hover, 
.species-box-browse a:hover {
	text-decoration: none;
	border: none; /* fixes IE6 popup bug */
	}	
	
.species-vendors-box-browse a:link img, 
.species-vendors-box-browse a:visited img, 
.species-box-browse a:link img, 
.species-box-browse a:visited img	{
	border: 2px solid #E7E8DD;
	margin: 0 12px 0 0;
	}
	
.species-vendors-box-browse a:hover img, 
.species-box-browse a:hover img	{
	border: 2px solid #69BE28;
	margin: 0 12px 0 0;
	}
	
.species-vendors-box-browse a:link img.last, 
.species-vendors-box-browse a:visited img.last, 
.species-vendors-box-browse a:hover img.last {
	margin: 0 0 0 0;
	}
	
/*.species-vendors-box-browse a:link span, 
.species-vendors-box-browse a:visited span, 
.species-box-browse a:link span, 
.species-box-browse a:visited span	{
	display: none;
	}*/
	
.species-vendors-box-browse a span,  
.species-box-browse a span	{
	display: none;
	}	
	
.species-vendors-box-browse a:hover span {
	display: block !important;
	position: absolute;
	left: 6px;
	bottom: 6px;
	font-size: 1.1em;
	color: #3095B4;
	width: 215px;
	text-align: center;
	border: 1px solid #d2d3bb;
	padding: 2px 0;
	z-index: 10;
	}
	
.species-box-browse a:hover span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 6px;
	font-size: 1.1em;
	color: #3095B4;
	width: 338px;
	text-align: center;
	border: 1px solid #d2d3bb;
	padding: 2px 0;
	z-index: 10;
	}											

/* ----- Recommended box (Homepage) ----- */

.recommended-box {
	width: 390px;
	}
	
.recommended-box ul {
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../img/bg-recommended-box.jpg) no-repeat 0 100%;
	border-right: 1px solid #E6E7DC;
	width: 389px;
	}
	
.recommended-box ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 188px;
	font-size: 1.4em;
	}
	
#half-feature .recommended-box ul li a:link, 
#half-feature .recommended-box ul li a:visited {
	display: block;
	padding: 7px 13px;
	color: #6B6B6D;
	}	

#half-feature .recommended-box ul li a:hover {
	border-top: 1px solid #E6E7DC;
	border-bottom: 1px solid #E6E7DC;
	border-left: 1px solid #E6E7DC;
	display: block;
	background: url(../img/bg-recommended-box-li.jpg) repeat-y 0 0;
	padding: 6px 12px;
	width: 164px; 
	text-decoration: none !important;
	color: #3095B4;
	}
	
#half-feature .recommended-box ul li.current a:link, 
#half-feature .recommended-box ul li.current a:visited, 
#half-feature .recommended-box ul li.current a:hover {
	border-top: 1px solid #E6E7DC;
	border-bottom: 1px solid #E6E7DC;
	border-left: 1px solid #E6E7DC;
	display: block;
	background: url(../img/bg-recommended-box-li.jpg) repeat-y 0 0;
	padding: 6px 12px;
	width: 164px; 
	text-decoration: none !important;
	color: #3095B4;
	}
	
.recommended-box ul li ul {
	margin: 0;
	padding: 5px 0 0 0;
	border: none;
	width: 200px;
	position: absolute;
	left: 188px;
	top: 0;
	background: none;
	border-top: 1px solid #E6E7DC;
	}
	
.recommended-box ul li ul li {
	font-size: 0.85em;
	border-top: none;
	border-right: none;
	width: 200px;
	padding: 0;
	margin: 0;
	}	
	
#half-feature .recommended-box ul li ul li a:link, 
#half-feature .recommended-box ul li ul li a:visited {
	display: none;
	}
	
#half-feature .recommended-box ul li ul li a:hover {
	display: none;
	}	
	
#half-feature .recommended-box ul li.current ul li a:link, 
#half-feature .recommended-box ul li.current ul li a:visited {
	border: none;
	display: block;
	background: url(../img/arw-blue.gif) no-repeat 0 10px;
	margin: 0 0 0 24px;
	padding: 7px 7px;
	width: 160px; 
	text-decoration: none !important;
	color: #3095B4;
	}
	
#half-feature .recommended-box ul li.current ul li a:hover {
	border: none;
	display: block;
	background: url(../img/arw-green.gif) no-repeat 0 10px;
	margin: 0 0 0 24px;
	padding: 7px 7px;
	width: 160px; 
	text-decoration: none !important;
	color: #69BE28;
	}		


/* ----- Homepage ----- */	
	
#half-content p a.rss {
	display: block;
	padding: 0 0 3px 19px;
	background: url(../img/icon-rss.gif) no-repeat 0 0;
	color: #646466;
	text-decoration: none;
	line-height: 1;
	}		
	
#half-content p a.rss:link, 
#half-content p a.rss:visited {
	color: #646466;
	text-decoration: none;
	}	
	
#half-content p a.rss:hover {
	color: #646466;
	text-decoration: underline;
	}				


/* ----- Links ----- */	
		
#half-content a:link, 
#half-content a:visited, 
#half-feature a:link, 
#half-feature a:visited {
	color: #3095B4;
	text-decoration: none;
	}			
	
#half-content a:hover, 
#half-feature a:hover {
	color: #69BE28;
	text-decoration: none;
	}	

/* ----- Image with dropshadow ----- */	

img.img-general-landscape {
	float: left;
	padding: 10px 17px 17px 10px;
	margin: 0 10px 10px 0;
	background: url(../img/bg-image-general-landscape.jpg) no-repeat 0 0;
	}
	
img.img-general-portrait {
	float: left;
	padding: 10px 17px 17px 10px;
	margin: 0 10px 10px 0;
	background: url(../img/bg-image-general-portrait.jpg) no-repeat 0 0;
	}	
	

		
/* ----- Your Comments ----- */	

.your-comments {
	float: left;
	width: 354px; 
	margin: 0 0 11px 0;
	padding: 16px 18px;
	background: url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	}
	
.your-comments p, .your-comments p {
	color: #b5b58c;
	padding: 0 0 3px 0;
	}
	
#case-studies .your-comments p.name, 
.your-comments p.name {
	color: #666;
	background: url(../img/icon-speech-bubble.gif) no-repeat 0 0;
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.your-comments p.date {
	color: #666;
	margin: 0 0 3px 0;
	padding: 0 0 12px 0;
	font-size: 1.1em;
	text-transform: none;
	}			
	
.your-comments p.comment {
	color: #666;
	font-size: 1.1em;
	padding: 0 0 18px 0;
	}
	
#content-wrapper p a.readmore {
	display: block;
	padding: 0 0 3px 19px;
	background: url(../img/arw-readmore.gif) no-repeat 0 0;
	color: #646466;
	text-decoration: none;
	line-height: 1;
	}		
	
#content-wrapper p a.readmore:link, 
#content-wrapper p a.readmore:visited {
	color: #646466;
	text-decoration: none;
	}	
	
#content-wrapper p a.readmore:hover {
	color: #646466;
	text-decoration: underline;
	}		
	
/* ----- Have Your Say box ----- */
	
.have-your-say-box {
	background: url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	float: left;
	width: 388px;
	margin: 0 0 10px 0;
	padding: 18px 0 6px 0;
	border: 1px solid #E2E3D5;
	}	
	
.have-your-say-box h3 {
	margin: 0 18px 10px 18px;
	padding: 0 0 0 26px;
	color: #3095B4;
	text-transform: uppercase;
	font-size: 2.0em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	background: url(../img/icon-speech-bubble-h3.jpg) no-repeat 0 2px;
	}
	
.have-your-say-box p {
	font-size: 1.1em;
	margin: 0 18px;
	}	
	
.have-your-say-box p.captcha {
	font-size: 1.0em;
	margin: 0 0;
	}			
	
.have-your-say-form {
	width: 352px;
	margin: 0 18px;
	float: left;
	display: inline;
	}
	
.have-your-say-form div {
	margin-bottom: 7px;
	clear: left;	
	}
	
.have-your-say-form label {	
	color: #666;
	margin: 0;
	padding: 2px 5px 0 0;
	float: left;
	width: 120px; 
	font-size: 1.2em;
	font-weight: bold;
	}
	
.have-your-say-form input {
	width: 215px; 
	margin: 0 0 10px 0;
	padding: 1px;
	border: 1px solid #d8d8d8;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
.have-your-say-form textarea {
	width: 215px; 
	margin: 0 0 0 0;
	border: 1px solid #d8d8d8;
	padding: 1px;
	}		
	
.have-your-say-form input.submit-button {
	width: auto;
	margin: 0 0 0 0;
	padding: 2px 4px;
	border: none;
	background-color: #69be28;
	font-size: 1.1em;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	}	
	
.have-your-say-form input.submit-button {
	margin: 0;
	padding: 3px;
	display: inline;
	float: right;
	}		


/* ----- Image Gallery box ----- */

.image-gallery-box-inner {
	background: url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	padding: 0 33px 18px 33px;
	position: relative;
	margin: 0 0 35px 0;
	border: 1px solid #E7E8DD;
	float: left;
	width: 322px;
	}
	
.thinner .image-gallery-box-inner {
	padding: 0 20px 18px 20px;
	width: 266px;
}

.thinner .image-gallery-box-inner img {
	width:246px !important;
}

.image-gallery-box-inner h3 {
	color: #7AC142;
	padding: 14px 0 13px 0;
	margin: 0;
	font-weight: normal;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	/*background: url(../img/bg-image-gallery-header.jpg) no-repeat 0 12px;*/
	}	
	
.image-gallery-box-inner h3 span {
	float: right;
	font-size: 0.55em;
	text-transform: none;
	color: #666;
	padding: 8px 0 0 0;
	}		

.image-gallery-box-inner .image-wrapper {
	border: 1px solid #DBDBDB;
	}
	
.image-gallery-box-inner img {
	border: 9px solid #fff;
	}	
	
.image-gallery-box-inner h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	margin: 0 55px 0 0;
	padding: 15px 0 14px 0;
	}	
	
.image-gallery-box-inner p {
	margin: 0;
	padding: 0 0 16px 0;
	}
	
.image-gallery-box-inner p.number {
	margin: 0;
	padding: 0;
	text-align: right;
	color: #3095B4;
	font-weight: bold;
	font-size: 1.1em;
	}

.image-gallery-box-inner .next-prev {
	position: absolute;
	right: 33px;
	top: 281px;
	}
	
.image-gallery-box-inner .next-prev a.previous:link, 
.image-gallery-box-inner .next-prev a.previous:visited {
	width: 25px;
	height: 25px;
	background: url(../img/arw-previous-off.gif) no-repeat 0 0;
	display: block;
	float: right;
	}
	
.image-gallery-box-inner .next-prev a.previous:hover {
	width: 25px;
	height: 25px;
	background: url(../img/arw-previous-over.gif) no-repeat 0 0;
	display: block;
	float: right;
	}	
	
.image-gallery-box-inner .next-prev a.next:link, 
.image-gallery-box-inner .next-prev a.next:visited {
	width: 25px;
	height: 25px;
	background: url(../img/arw-next-off.gif) no-repeat 0 0;
	display: block;
	float: right;
	}
	
.image-gallery-box-inner .next-prev a.next:hover {
	width: 25px;
	height: 25px;
	background: url(../img/arw-next-over.gif) no-repeat 0 0;
	display: block;
	float: right;
	}
	
/* ----- Case Study box ----- */

.case-study-box {
	float: right;
	width: 322px;
	margin: 0 0 35px 0;
	padding: 0;
	border: 1px solid #E7E8DD;
	background: url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	padding: 0 20px 18px 20px;
	position: relative;
	}	
	
.thinner .case-study-box{
	width: 266px;
}	
	
.case-study-box h3 {
	color: #D47B22;
	padding: 14px 0 13px 0;
	margin: 0;
	font-weight: normal;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	}	

.case-study-box .image-wrapper {
	border: 1px solid #DBDBDB;
	}
	
.case-study-box img {
	border: 9px solid #fff;
	}	
	
.case-study-box h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #D47B22;
	margin: 0;
	padding: 15px 0 14px 0;
	}
	
#half-feature .case-study-box h4 a:link, 
#half-feature .case-study-box h4 a:visited {
	color: #D47B22;
	text-decoration: none;
	}	
	
#half-feature .case-study-box h4 a:hover {
	color: #D47B22;
	text-decoration: underline;
	}	
	
.case-study-box h5 {
	font-size: 1.4em;
	font-weight: bold;
	color: #C2C2A0;
	margin: 0;
	padding: 0 0 14px 0;
	text-transform: uppercase;
	font-style: normal;
	}	
	
.case-study-box p {
	margin: 0;
	padding: 0 0 16px 0;
	}

.case-study-box p.name {
	margin: -10px 0 0 0;
	padding: 0 0 22px 0;
	color: #666;
	text-transform: uppercase;
	}	
	
.case-study-box p.number {
	margin: 0;
	padding: 0;
	text-align: right;
	color: #3095B4;
	font-weight: bold;
	font-size: 1.1em;
	}

.case-study-box .next-prev {
	position: absolute;
	right: 33px;
	top: 274px;
	}
	
.case-study-box .next-prev a:link, 
.case-study-box .next-prev a:visited {
	width: 22px;
	height: 19px;
	display: block;
	float: left;
	background-color: #CCC;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0 0 0 2px;
	color: #3095B4;
	}
	
#half-feature .case-study-box .next-prev a:hover {
	width: 22px;
	height: 19px;
	display: block;
	float: left;
	background-color: #69BE28;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0 0 0 2px;
	color: #fff;
	}	
	
#half-feature .case-study-box .next-prev a.current:link, 
#half-feature .case-study-box .next-prev a.current:visited, 
#half-feature .case-study-box .next-prev a.current:hover {
	width: 22px;
	height: 19px;
	display: block;
	float: left;
	background-color: #fff;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0 0 0 2px;
	color: #666;
	}		

#half-feature .case-study-box .key-features-list ul {
	position: relative; /* fixes disappearing list background bug in IE6 */
	margin: 0;
	padding: 0;
	}
	
#half-feature .case-study-box .key-features-list ul li {
	margin: 0;
	padding: 0 0 10px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	line-height: 1;
	background: url(../img/bullet-key-features-case-study.gif) no-repeat 0 2px;
	}	

.case-study-box .stay-informed-inner-box {
	background: #EAEBE1 url(../img/bg-case-study-next-prev-box.jpg) repeat-x 0 0;
	border-bottom: 1px solid #E1E2D8;
	border-right: 1px solid #E1E2D8;
	margin: 0 0 7px 0;
	padding: 5px 5px 0 5px; /* FF */
	float: left;
  width: 252px;
	}	
					
.case-study-box .stay-informed-inner-box span.float-right {
	float: right;
	width: 50%;
	text-align: right;
	margin: 0;
	}	
	
.case-study-box .stay-informed-inner-box a.previous:link, 
.case-study-box .stay-informed-inner-box a.previous:visited {
	background: url(../img/arw-previous-off.gif) no-repeat 0 0;
	display: block;
	float: left;
	/*width: 110px;*/
	width: 100px;
	padding: 5px 0 7px 26px;
	}
	
.case-study-box .stay-informed-inner-box a.previous:hover {
	background: url(../img/arw-previous-over.gif) no-repeat 0 0;
	display: block;
	float: left;
	/*width: 110px;*/
	width: 100px;
	padding: 5px 0 7px 26px;
	}	
	
.case-study-box .stay-informed-inner-box a.next:link, 
.case-study-box .stay-informed-inner-box a.next:visited {
	background: url(../img/arw-next-off.gif) no-repeat 100% 0;
	display: block;
	float: right;
	/*width: 110px;*/
	width: 100px;
	padding: 5px 26px 7px 0;
	}
	
.case-study-box .stay-informed-inner-box a.next:hover {
	background: url(../img/arw-next-over.gif) no-repeat 100% 0;
	display: block;
	float: right;
	/*width: 110px;*/
	width: 90px;
	padding: 5px 26px 7px 0;
	}								

/* ----- Related Links box ----- */	

#half-feature .related-links {
	float: left;
  width: 270px; 
	margin: 0 0 20px 0;
	padding: 16px 18px;
	background: url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	}

#half-content .related-links {
	float: left;
	width: 437px;
	margin: 0 0 20px 0;
	padding: 16px 18px;
	background: url(../img/bg-gradient-600.jpg) repeat-y 0 0;
	}


#half-content .related-links .left-box{
  border-top: 1px dotted #c2c2a0;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 207px;
}

#half-content .related-links .right-box{
  border-top: 1px dotted #c2c2a0;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 207px;
}

#half-content .related-links img{
  float:left;
  margin-right:20px;
}


#half-content .related-links h2{
  text-transform: none;
  font-size: 1.6em;
}


	
.related-links h3 {	
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 14px 0 7px 0;
	color: #666;
	}
	
#half-feature .related-links h3 a:link, 
#half-feature .related-links h3 a:visited, 
#half-feature .related-links h3 a:hover, 
#half-content .related-links h3 a:link, 
#half-content .related-links h3 a:visited, 
#half-content .related-links h3 a:hover {	
	color: #666;
	text-decoration: underline;
	}	

#half-content .related-links ul, 
#half-feature .related-links ul {	
	margin: 0;
	padding: 0;
	}
	
#half-content .related-links ul li, 
#half-feature .related-links ul li {	
	margin: 0;
	padding: 2px 0;
	list-style-type: none;
	font-size: 1.2em;
	color: #3095B4;
	background: none;
	}	
	
#half-feature .related-links ul li a:link, 
#half-feature .related-links ul li a:visited, 
#half-content .related-links ul li a:link, 
#half-content .related-links ul li a:visited {	
	color: #3095B4;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	}
	
#half-feature .related-links ul li a:hover, 
#half-content .related-links ul li a:hover, 
#half-content .related-links ul li.current a:link,
#half-feature .related-links ul li.current a:link ,
#half-content .related-links ul li.current a:visited,
#half-feature .related-links ul li.current a:visited  {
	color: #69BE28;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	}
	
/* ----- Site Map ----- */	

#super-wide-content ul {	
	margin: 0 0 20px 20px;
	padding: 0;
	}
	
#super-wide-content ul li ul {	
	margin: 0 0 0 20px;
	padding: 0;
	}	
	
#super-wide-content ul li {	
	margin: 0;
	padding: 2px 0;
	list-style-type: none;
	font-size: 1.2em;
	color: #3095B4;
	background: none;
	font-weight: bold;
	}	
	
#super-wide-content ul li ul li {
	font-weight: normal;
	}		
	
#super-wide-content ul li a:link, 
#super-wide-content ul li a:visited {	
	color: #3095B4;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	}
	
#super-wide-content ul li a:hover {	
	color: #69BE28;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	}
	
#super-wide-content ul li.open, 
#super-wide-content ul li.closed {
	position: relative;
	}	
	
#super-wide-content ul li.open a:link, 
#super-wide-content ul li.open a:visited, 
#super-wide-content ul li.closed a:link, 
#super-wide-content ul li.closed a:visited {	
	color: #3095B4;
	padding: 2px 0 2px 21px;
	background: none;
	display: block;
	text-decoration: none;
	zoom: 1;
	}
	
#super-wide-content ul li.open a:hover, 
#super-wide-content ul li.closed a:hover {	
	color: #69BE28;
	padding: 2px 0 2px 21px;
	background: none;
	display: block;
	text-decoration: none;
	zoom: 1;
	}
	
#super-wide-content ul li.open ul li a:link, 
#super-wide-content ul li.open ul li a:visited,
#super-wide-content ul li.closed ul li a:link, 
#super-wide-content ul li.closed ul li a:visited {	
	color: #3095B4;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	zoom: 1;
	}
	
#super-wide-content ul li.open ul li a:hover, 
#super-wide-content ul li.closed ul li a:hover {	
	color: #69BE28;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	zoom: 1;
	}	
	
#super-wide-content ul li.open a.minus:link,
#super-wide-content ul li.open a.minus:visited, 
#super-wide-content ul li.open a.minus:hover {
	width: 13px;
	height: 15px;
	background: url(../img/li-minus.jpg) no-repeat 0 4px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 18px;
	top: 0;
	display: block;
	}
	
#super-wide-content ul li.open ul li.open a.minus:link,
#super-wide-content ul li.open ul li.open a.minus:visited, 
#super-wide-content ul li.open ul li.open a.minus:hover {
	width: 13px;
	height: 15px;
	background: url(../img/li-minus.jpg) no-repeat 0 4px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 18px;
	top: 0;
	display: block;
	}			
	
#super-wide-content ul li.closed a.plus:link, 
#super-wide-content ul li.closed a.plus:visited, 
#super-wide-content ul li.closed a.plus:hover {
	width: 13px;
	height: 15px;
	background: url(../img/li-plus.jpg) no-repeat 0 4px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 18px;
	top: 0;
	display: block;
	}
	
#super-wide-content ul li.open ul li.closed a.plus:link, 
#super-wide-content ul li.open ul li.closed a.plus:visited, 
#super-wide-content ul li.open ul li.closed a.plus:hover {
	width: 13px;
	height: 15px;
	background: url(../img/li-plus.jpg) no-repeat 0 4px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 18px;
	top: 0;
	display: block;
	}	
	
#super-wide-content ul li.closed ul {
	display: none;
	}				
	
												
	
/* ----- Quick Facts box ----- */	

.quick-facts {
	float: left;
	width: 354px;
	margin: 50px 0 20px 0;
	padding: 18px;
	background: url(../img/bg-gradient-390.jpg) repeat-y 0 0;
	position: relative;
	}	
	
.quick-facts-sticker {
	position: absolute;
	width: 118px;
	height: 118px;
	left: -22px;
	top: -50px;
	background: url(../img/bg-quick-facts-sticker.jpg) no-repeat 0 0;
	}
	
.contact-details-sticker {
	position: absolute;
	width: 118px;
	height: 118px;
	left: -22px;
	top: -50px;
	background: url(../img/bg-contact-details-sticker.jpg) no-repeat 0 0;
	}			
	
.quick-facts-sticker h2, 
.contact-details-sticker h2 {	
	text-indent: -2000px;
	}
	
.quick-facts p.quick-facts-header {
	margin: 64px 0 0 0; /* FF */
	padding: 0 0 10px 0;
	line-height: 1.2;
	}
	
.quick-facts .image-wrapper {
	float: right;
	border: 1px solid #DFDFDF;
	margin: 0 0 0 10px;
	}
	
.quick-facts img {
	border: 4px solid #fff;
	}					
	
	
/* ----- Characteristics box ----- */

.characteristics-box {
	width: 742px;
	border: 1px solid #E2E3D5;
	background: #f5f6f1 url(../img/bg-characteristics-box.jpg) no-repeat 0 0;
	float: left;
	padding: 30px 33px;
	margin-right: -3px; /* IE6 fix for duplicate characters bug */
	}
	
.large-text-block a:link, 
.large-text-block a:visited, 
.text-block a:link,
.text-block a:visited {
	color: #3095b4;
	text-decoration: none;
	}

.large-text-block a:hover, 
.text-block a:hover {
	color: #69be28;
	text-decoration: none;
	}		
	
.characteristics-box h2 {
	padding: 0 0 0 23px;
	background: url(../img/icon-case-study.gif) no-repeat 0 0;
	}	
	
.characteristics-box p.character {
	font-size: 1.1em;
	color: #666;	
	margin: 0;
	padding: 0 0 20px 23px;
	text-transform: uppercase;
	font-weight: bold;
	}		
	
.characteristics-box .large-image-block {
	width: 322px;
	float: left;
	}

.characteristics-box .large-image-block .image-wrapper {
	border: 1px solid #DBDBDB;
	}
	
.characteristics-box .large-image-block img {
	border: 9px solid #fff;
	}	
	
.characteristics-box .text-block {
	width: 334px;
	float: right;
	clear: none;
	background: url(../img/bg-characteristics-divider.gif) repeat-y 0 0;
	padding: 0 0 0 37px;
	}
	
.characteristics-box .text-block h3 {
	font-weight: bold;
	}	
	
.characteristics-box .text-block ul, 
.characteristics-box .large-text-block ul {
	margin: 0;
	padding: 0;	
	}
	
.characteristics-box .text-block ul li, 
.characteristics-box .large-text-block ul li {
	margin: 0;
	padding: 0 0 10px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	background: url(../img/bullet-key-features.gif) no-repeat 0 2px;
	}		
	
.characteristics-box .large-text-block {
	width: 566px;
	float: left;
	background: url(../img/bg-characteristics-divider.gif) repeat-y 100% 0;
	padding: 0 15px 0 0;
	}
	
.characteristics-box .bullet-points-block {
	width: 146px;
	float: right;
	clear: none;
	padding: 0 0 0 15px;
	}	
	
.characteristics-box .bullet-points-block ul {	
	margin: 0;
	padding: 0;
	}
	
.characteristics-box .bullet-points-block ul li {	
	margin: 0;
	padding: 2px 0;
	list-style-type: none;
	font-size: 1.2em;
	color: #3095B4;
	}	
	
#content-wrapper .characteristics-box .bullet-points-block ul li a:link, 
#content-wrapper .characteristics-box .bullet-points-block ul li a:visited {	
	color: #3095B4;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	}
	
#content-wrapper .characteristics-box .bullet-points-block ul li a:hover {	
	color: #69BE28;
	padding: 2px 0 2px 21px;
	background: url(../img/li-related-links.jpg) no-repeat 0 4px;
	display: block;
	text-decoration: none;
	}			
					
/* ----- Section box ----- */

#section-box {
	width: 795px;
	height: 350px;
	background: url(../img/bg-section-box.jpg) no-repeat 100% 0;
	clear: both;
	margin: 0 0 23px 0;
	padding: 0 15px 0 0;
	}

#section-box.smaller{
	height: 300px;
}
	
#section-box img {
	float: left;
	margin: 0 20px 0 0;
	}	
	
/* ----- Left and right boxes (for 2-column list layouts) ----- */	

.left-box {
	float: left;
	width: 45%;
	}
	
.right-box {
	float: right;
	width: 45%;
	}	

/* ----- Filter box ----- */	
	
#filter ul.filter-tabs {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 180px;
	}
	
ul.filter-tabs li.filter-search {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}
	
ul.filter-tabs li.filter-browse {
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	}	

ul.filter-tabs li a {
	margin: 0;
	padding: 12px 14px 9px 14px;
	float: left;
	font-size: 1.4em;
	color: #3095B4;
	text-decoration: none !important;
	text-transform: uppercase;
	}

ul.filter-tabs li a:link, 
ul.filter-tabs li a:visited {
	background: none;
	}
	
ul.filter-tabs li a:hover {
	background: #525254 url(../img/bg-filter-tabs.gif) repeat-x 0 0;
	margin: 0;
	padding: 12px 14px 9px 14px;
	float: left;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	}		

ul.filter-tabs li.current a:link, 
ul.filter-tabs li.current a:visited, 
ul.filter-tabs li.current a:hover {
	margin: 0;
	padding: 12px 14px 9px 14px;
	background: #525254 url(../img/bg-filter-tabs.gif) repeat-x 0 0;
	float: left;
	display: block;
	text-align: center;
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#filter-box {
	background-color: #525254;
	padding: 18px 12px 0 12px;
	float: left;
	width: 156px;
	}
	
#filter-box-tile {
	background: #525254 url(../img/bg-filter-box-tile.jpg) repeat-y 0 0;
	padding: 18px 12px 7px 12px;
	float: left;
	width: 156px;
	}	
	
#filter-box form label, 
#filter-box-tile form label {
	width: 156px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
	}	
	
#filter-box form input, 
#filter-box-tile form input {
	width: 154px;
	padding: 0;
	margin: 7px 0 0 0;
	border: 1px solid #BDBCB7;
	}

#filter-box form input.submit-button, 
#filter-box-tile form input.submit-button {
	width: 46px;
	height: 23px;
	padding: 0;
	margin: 7px 0 9px 0;
	border: none;
	float: right;
	}	
	
#filter-box form input.reset-button {
	width: 66px;
	height: 24px;
	padding: 0;
	margin: 7px 0 9px 0;
	border: none;
	float: left;
	}		

.filter-tabs-search { /* TOM - this one is the display for the search box - hook for the jquery, otherwise set it to display: none */
	/*display: none;*/
	}	
	
.filter-tabs-browse {  /* TOM - this one is the display for the filter box - hook for the jquery, otherwise set it to display: none */
	/*display: none;*/
	}		
	
.filter-inner {
	margin: 0 -12px;
	padding: 0 12px 6px 12px;
	}	
	
.filter-inner img.reset-button {
	border: none;
	}	
	
#filter-box form .filter-inner label {
	width: 156px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
	text-transform: none;
	font-size: 1.1em;
	font-weight: bold;
	}	
	
#filter-box form select {
	width: 154px;
	padding: 0;
	margin: 7px 0 9px 0;
	border: 1px solid #809DB9;
	}		
	
	
/* ----- Letter box (Vendors listing page) ----- */	

.you-searched-for {
	float: left;
	width: 560px;
	padding: 12px 20px 6px 20px;
	background: url(../img/bg-gradient-600.jpg) repeat-y 0 0;
	}
	
.you-searched-for p.no-results {  /* TOM - this one only shows up if there are no results, otherwise set it to display: none */
	background: url(../img/bg-no-results.gif) repeat-x 0 0;
	padding-top: 9px;
	/*display: none;*/
	}	

.results-found {
	float: left;
	width: 560px;
	margin: 0 0 31px 0;
	padding: 19px 20px 6px 20px;
	background: #525254 url(../img/bg-results-found.jpg) repeat-x 0 0;
	}
	
.results-found p {
	color: #fff;
	}
	
.results-found p.results-number	{ /* TOM - this one shows up if there are results, otherwise set it to display: none */
	padding-top: 5px;
	/*display: none; */
	}
	
.no-results-found { /* TOM - this one shows up if there are no results, otherwise set it to display: none */
	float: left;
	width: 560px;
	background: url(../img/bg-no-results.gif) repeat-x 0 100%;
	margin: 0 0 10px 0;
	padding: 0 0 22px 0;
	/*display: none;*/
	}
	
.no-results-found h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	}	
	
.no-results-found .search-text { /* TOM - this one shows up if there are no results AND you have done a search (not a browse), otherwise set it to display: none */
	float: left;
	width: 560px;
	/*display: none;*/
	}
	
.no-results-found .search-text p {
	color: #fff;
	width: 170px;
	float: left;
	}
	
#wide-content .no-results-found .search-text ul {
	width: 347px;
	float: right;
	background: url(../img/bg-vertical-divider.gif) repeat-y 0 0;
	padding: 0 0 0 17px;
	}		
	
#wide-content .no-results-found .search-text ul li {
	padding: 0 0 10px 18px;
	background: url(../img/bullet-no-results-found.gif) no-repeat 0 2px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	}
	
.no-results-found .browse-text { /* TOM - this one shows up if there are no results AND you have done a browse (not a search), otherwise set it to display: none */
	float: left;
	width: 560px;
	/*display: none;*/
	}	
	
.no-results-found .browse-text p {
	color: #fff;
	}						

.letter-box {
	background: url(../img/bg-gradient-600.jpg) repeat-y 0 0;
	position: relative;
	width: 560px;
	padding: 28px 20px 13px 20px;
	margin: 0 0 60px 0;
	float: left;
	}

.bg-wrapper {
	background: url(../img/bg-characteristics-divider.gif) repeat-y 175px 0;
	float: left;
	width: 560px;
	margin: 0 0 10px 0;
	}
	
.letter-box .address {
	float: left;
	width: 159px;
	padding: 0 16px 0 0;
	margin: 0 0 10px 0;
	}
	
.letter-box .products {
	float: right;
	width: 368px;
	margin: 0 0 10px 0;
	}	
	
#wide-content .letter-box .products ul {
	position: relative; /* fixes disappearing list background bug in IE6 */
	margin: 0;
	padding: 0;
	}
	
#wide-content .letter-box .products ul li {
	margin: 0;
	padding: 0 0 10px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	background: url(../img/bullet-key-features-case-study.gif) no-repeat 0 2px;
	}	
	
#wide-content .letter-box .address ul {
	position: relative; /* fixes disappearing list background bug in IE6 */
	margin: 0;
	padding: 0;
	}
	
#wide-content .letter-box .address ul li {
	margin: 0;
	padding: 0 0 21px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	float: left;
	width: 141px;
	background: url(../img/bullet-key-features-case-study.gif) no-repeat 0 2px;
	}	
	
#wide-content .letter-box .address ul li.address {
	background: url(../img/bullet-address.gif) no-repeat 0 2px;
	}	
	
#wide-content .letter-box .address ul li.phone {
	background: url(../img/bullet-phone.gif) no-repeat 0 2px;
	}	
	
#wide-content .letter-box .address ul li.web {
	background: url(../img/bullet-web.gif) no-repeat 0 2px;
	}
	
#wide-content .letter-box p.number a{
  color: #3095b4;
  cursor: pointer;
  margin-left: 5px;
} 

#wide-content .letter-box p.number a.page-link-current{
  font-weight: bold;
  text-decoration: underline;
} 	
	
#wide-content .letter-box p.number a:link, 
#wide-content .letter-box p.number a:visited {
	color: #3095b4;
	text-decoration: none;
	}
	
#wide-content .letter-box p.number a:hover {
	color: #69be28;
	text-decoration: none;
	}							
	
				
/* ----- Recently Updated (Recently Updated page) ----- */	

.intro-recently-updated {
	float: left;
	width: 600px;
	/*background: url(../img/bg-divider-4dot.gif) repeat-x 0 100%;*/
	}

img.img-recently-updated {
	float: right;
	padding: 10px 17px 17px 10px;
	margin: 0 0 10px 10px;
	background: url(../img/bg-image-recently-updated.jpg) no-repeat 0 0;
	}
	
.letter-box .address img {
	clear: both;
	float: left;
	}	
	
/* ----- Species box (Species index page) ----- */	

.species-list-box {
	background: url(../img/bg-gradient-600.jpg) repeat-y 0 0;
	position: relative;
	width: 560px;
	padding: 28px 20px 13px 20px;
	margin: 0 0 60px 0;
	float: left;
	}

.bg-wrapper {
	background: url(../img/bg-characteristics-divider.gif) repeat-y 175px 0;
	float: left;
	width: 560px;
	margin: 0 0 10px 0;
	}
	
.species-list-box .address {
	float: left;
	width: 90px;
	padding: 0 16px 0 0;
	margin: 0 0 10px 0;
	}
	
.species-list-box .products {
	float: right;
	width: 437px;
	margin: 0 0 10px 0;
	}	
	
#wide-content .species-list-box .products ul {
	position: relative; /* fixes disappearing list background bug in IE6 */
	margin: 0;
	padding: 0;
	}
	
#wide-content .species-list-box .products ul li {
	margin: 0;
	padding: 0 0 10px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	background: url(../img/bullet-key-features-case-study.gif) no-repeat 0 2px;
	}	
	
#wide-content .species-list-box .address ul {
	position: relative; /* fixes disappearing list background bug in IE6 */
	margin: 0;
	padding: 0;
	}
	
#wide-content .species-list-box .address ul li {
	margin: 0;
	padding: 0 0 21px 18px;
	list-style-type: none;
	color: #666;
	font-size: 1.2em;
	float: left;
	width: 141px;
	background: url(../img/bullet-key-features-case-study.gif) no-repeat 0 2px;
	}	
	
#wide-content .species-list-box .address ul li.address {
	background: url(../img/bullet-address.gif) no-repeat 0 2px;
	}	
	
#wide-content .species-list-box .address ul li.phone {
	background: url(../img/bullet-phone.gif) no-repeat 0 2px;
	}	
	
#wide-content .species-list-box .address ul li.web {
	background: url(../img/bullet-web.gif) no-repeat 0 2px;
	}	
	
#wide-content .species-list-box .address img {
	border: none;
	}	
	
/* ----- Section elements (Section page) ----- */		

.section-element {
	float: left;
	width: 390px;
	background: url(../img/bg-divider-2dot.gif) repeat-x 0 100%;
	margin: 0 0 15px 0;
	}							
	
/* ----- General content block (Content page) ----- */		

.content-block {
	float: left;
	/*width: 390px;*/
	width: 100%;
	}	
	

/* ----- competition (Home page) ----- */

.competition {
	margin-bottom: 18px;
	}

.competition a {
	background: url(../img/win-an-iphone.jpg) no-repeat;
	display: block;
	height: 70px;
	text-indent: -999em;
	width: 426px;
	}

.competition a:hover {
	background: url(../img/win-an-iphone.jpg) no-repeat 0 -72px;
	}

/* ----- house-calc (Home page) ----- */

.house-calc{
	background: url(../img/bg-divider-2dot.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 28px;
}

.house-calc .heading{
  display: block;
  height: 66px;
	background: url(../img/house-calc-head-bg.gif) no-repeat 0 0;
	margin-left: -5px;
  padding-left: 75px;
  padding-top: 15px;
  margin-bottom: -10px;
}

.house-calc .heading a{
  font-size: 2.2em;
  font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
}

.house-calc .heading a .dark{
  color: #535355;
}

.house-calc .heading .small-heading{
  display: block;
  color: #000;
  font-size: 11px;
  margin-top: -3px;
  padding-left:2px;
}

/* ----- carbon-calc (Home page) ----- */

.carbon-calc {
	background: url(../img/bg-divider-2dot.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 28px;
	}
/*
.carbon-calc h2 {
	background: url(../img/carbon-calc-h2-bg.gif) no-repeat;
	padding: 17px 0 0 49px;
	}
*/	
.carbon-calc .heading {
  display:block;
  height: 35px;
	background: url(../img/carbon-calc-h2-bg.gif) no-repeat;
	padding-left: 55px;
  padding-top: 0;
  margin-bottom: 15px;
	}

.carbon-calc .heading a{
  font-size: 2.2em;
  font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
}

.carbon-calc .heading .small-heading{
  display: block;
  color: #000;
  font-size: 11px;
  margin-top: -3px;
  padding-left: 2px;
}


/* ----- lightbox-style flash preview (Home page) ----- */


#shade{
 position: absolute;
 top:0;
 left:0;
 background-color: #666666;
 display:none;
 z-index: 9;
 opacity: 0.65;
 filter:alpha(opacity=65); /* IE's opacity*/
}

#storywindow{
  position: absolute;
  width:500px;
  top: 170px;
  z-index:15;
  background-color: #333333;
  display: none;
  padding: 17px 5px 10px 5px;
}
	
#storycontent{
  width:500px;
  height:281px;
} 

#closestory{
  position: absolute;
  right: 10px;
  top:2px;
  color: white;
  display: block;
  height; 11px;
  width: 11px;
  background: url(../img/close.gif) 0 0 no-repeat;
  text-decoration: none;
  margin-top: 1px;
}

/* ----- house calculator box (House calculator page) ----- */

#calculator-box{
  width:836px;
  height:634px;
  margin-left:-12px;
  margin-right:-13px;
}

#calculator-box-center{
  height: 632px;
  width: 800px;
  float:left;
  padding-top:2px;
  background: url(../img/calculator-box-center-bg.gif) repeat-x 0 0;
}		

#calculator-box-center #calculator{
  width:800px;
  height: 600px;
  outline: 0;
}

#calculator-box-left{
  width:18px;
  float:left;
  height:634px;
  background: url(../img/calculator-box-left-bg.gif) no-repeat 0 0;
}				

#calculator-box-right{
  width:18px;
  height:634px;
  background: url(../img/calculator-box-right-bg.gif) no-repeat 0 0;
  float: right;
}	

/* ---------- new hub homepage elements Dec 08 ---------- */

#homepage {
	margin: 0 0 -37px 0;
	}

.homepage-ad {
	margin: 0 0 27px 0;
	}
	
.homepage-ad img {
	border: none;
	}	

/* ----- Quarter columns (Home page) ----- */

/* quarter col 1 */

.quarter-col1 {
	width: 180px;
	float: left;
	}
	
.quarter-col-box-mid {
	width: 180px;
	float: left;
	background: url(../img/bg-quarter-col1-box-mid.jpg) repeat-y 0 0;
	margin: 0 0 20px 0;
	}	

.quarter-col-box {
	width: 152px;
	float: left;
	background: url(../img/bg-quarter-col1-box-top.jpg) no-repeat 0 0;
	padding: 16px 14px 0 14px;
	}
	
.quarter-col-box-bottom {
	width: 180px;
	height: 11px;
	float: left;
	background: url(../img/bg-quarter-col1-box-bottom.jpg) no-repeat 0 0;
	}	
	
#half-content .quarter-col1 ul li {
	padding: 0 0 10px 0;
	background: none;
	color: #666;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	}		
	
#half-content .quarter-col1 ul li a:link, 
#half-content .quarter-col1 ul li a:visited {
	padding: 0 0 5px 14px;
	background: url(../img/arw-view.gif) no-repeat 0 2px;
	color: #3095B4;
	text-decoration: none;
	line-height: 1;
	display: block;
	}
	
#half-content .quarter-col1 ul li a:hover {
	padding: 0 0 5px 14px;
	background: url(../img/arw-view-over.gif) no-repeat 0 2px;
	color: #69BE28;
	text-decoration: none;
	line-height: 1;
	display: block;
	}	
	
#half-content .quarter-col1 .our-sites {
	padding: 0 14px;
	margin: 0 0 17px 0;
	}							

/* quarter col 2 */
	
.quarter-col2 {
	width: 180px;
	float: right;
	}	
	
.how-to-guides-mid {
	width: 180px;
	float: left;
	background: url(../img/bg-how-to-guides-mid.gif) repeat-y 0 0;
	margin: 0 0 17px 0;
	}	

.how-to-guides {
	width: 180px;
	float: left;
	padding: 0 0 0 0;
	}
	
.how-to-guides img {
	border: none;
	}	
	
.how-to-guides-bottom {
	width: 152px;
	float: left;
	background: url(../img/bg-how-to-guides-bottom.jpg) no-repeat 0 100%;
	margin: 0;
	padding: 0 14px 14px 14px;
	}		

#half-content .quarter-col2 .how-to-guides-bottom ul {
	margin: 7px 0 0 0;
	}
	
#half-content .quarter-col2 .how-to-guides-bottom ul li {
	padding: 0 0 10px 0;
	background: none;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	}		
	
#half-content .quarter-col2 .how-to-guides-bottom ul li a:link, 
#half-content .quarter-col2 .how-to-guides-bottom ul li a:visited {
	padding: 0 0 5px 14px;
	background: url(../img/arw-how-to-guides.gif) no-repeat 0 2px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	display: block;
	}
	
#half-content .quarter-col2 .how-to-guides-bottom ul li a:hover {
	padding: 0 0 5px 14px;
	background: url(../img/arw-how-to-guides.gif) no-repeat 0 2px;
	color: #fff;
	text-decoration: underline;
	line-height: 1;
	display: block;
	}	
	
#half-content .quarter-col2 .how-to-guides-bottom p.view-guides {
	text-align: right;
	padding: 0;
	}
	
#half-content .quarter-col2 .how-to-guides-bottom p.view-guides a:link, 
#half-content .quarter-col2 .how-to-guides-bottom p.view-guides a:visited {
	padding: 0 14px 5px 0;
	background: url(../img/arw-how-to-guides.gif) no-repeat 100% 2px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	}	
	
#half-content .quarter-col2 .how-to-guides-bottom p.view-guides a:hover {
	padding: 0 14px 5px 0;
	background: url(../img/arw-how-to-guides.gif) no-repeat 100% 2px;
	color: #fff;
	text-decoration: underline;
	line-height: 1;
	}	
	
.tools-box-mid {
	width: 180px;
	float: left;
	background: url(../img/bg-tools-mid.gif) repeat-y 0 0;
	margin: 0 0 17px 0;
	}	

.tools-box {
	width: 180px;
	float: left;
	padding: 0 0 0 0;
	}
	
.tools-box img {
	border: none;
	}	
	
.tools-box-bottom {
	width: 152px;
	float: left;
	background: url(../img/bg-tools-bottom.jpg) no-repeat 0 100%;
	margin: 0;
	padding: 0 14px 14px 14px;
	}		

#half-content .quarter-col2 .tools-box-bottom ul {
	margin: 7px 0 0 0;
	}
	
#half-content .quarter-col2 .tools-box-bottom ul li {
	padding: 0 0 10px 0;
	background: none;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	font-size: 1.2em;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	}		
	
#half-content .quarter-col2 .tools-box-bottom ul li a:link, 
#half-content .quarter-col2 .tools-box-bottom ul li a:visited {
	padding: 0 0 5px 14px;
	background: url(../img/arw-tools-box.gif) no-repeat 0 2px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	display: block;
	}
	
#half-content .quarter-col2 .tools-box-bottom ul li a:hover {
	padding: 0 0 5px 14px;
	background: url(../img/arw-tools-box.gif) no-repeat 0 2px;
	color: #fff;
	text-decoration: underline;
	line-height: 1;
	display: block;
	}								

#half-content .quarter-col2 .calculators {
	width: 199px;
	margin: 4px -10px 17px -9px;
	position: relative;
	}
	
#half-content .quarter-col2 .calculators img {
	border: none;
	}
	
#half-content .quarter-col2 .calculators img.calc-header {
	margin: 0 0 0 9px;
	}		
	
/* ----- News block (Home page) ----- */		

#homepage .news-block {
	clear: both;
	}	

#homepage .news-block .news-block-inner{
  width: 355px;
  background: #f2f3ed url(../img/bg-news-block-inner.gif) no-repeat 0 100%;
  padding: 0 18px 10px 18px;
  margin-top: -10px;
  margin-bottom: 20px;
}

#homepage #half-feature .news-block h2 a{ 
  display: block;
  width: 398px;
  height: 55px;
  text-indent: -999em;
  margin-left: -3px;
	}	

#homepage #half-feature .news-block #wood-works a{ 
  background: url(../img/btn-woodworks-blog.jpg) no-repeat 0 0;
	}	

#homepage #half-feature .news-block #wood-watch a{ 
  background: url(../img/btn-woodwatch-blog.jpg) no-repeat 0 0;
	}	
	

.news-block h3{
	font-size: 1.4em;
	font-weight: bold;
	margin:0;
	padding:0;
	text-transform: uppercase;
 	}		

.news-block h3 a{
 display: block;
 padding: 0 0 0 0;
 background: url(../img/arw-view.gif) no-repeat 100% 3px; 
 }
.news-block h3 a:hover{
  background: url(../img/arw-view-over.gif) no-repeat 100% 3px; 
 }		

#homepage .news-block .news-block-intro {
	font-size: 1.2em;
  font-weight:bold;
  color: #414143;
  padding: 5px 0 10px 0;
  }	

#homepage .news-block .news-entry-intro {
	font-size: 1.1em;
  color: #414143;
  padding: 0 0 0 0;
	}	
	
#homepage .news-block p.date span.float-right {
	text-transform: none;
	}		
	
/**
 * Talk-wood sign up
 ********************/ 
#signup-form  .row {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	font-size: 1em;
}
 
#signup-form label{
  float: left;
  font-size: 1.2em;
  color: #666;
}	

#signup-form input[type="text"]{
  float: right;
  width: 200px;
  border: 1px solid #3095b4;
}

#signup-form input[type="submit"]{
  float: right;
}


#signup-form .error label{
	color: #3095b4;
}


#signup-form .error input {
	border: 1px solid #fff;
	background-color: #3095b4;
}

#signup-form p.errormsg {
	color: !important;
	margin-top: 15px;
	text-align: center;
}

#signup-form p.errormsg span {
	color: #3095b4;
	font-weight: bold;
}				

/**
 * Tool kits 
 ********************/ 
#toolkits{
   position: relative;
   width: 100%;
}


#toolkits .col{
   width: 180px;
   background: #414143;
   float: left;
   margin-right: 30px;
}

#toolkits .no-margin{
   margin: 0;
}


#toolkits .col .bottom{
  width: 100%;
  height: 8px;
  background: #fff url(../img/bg-toolkits-col-bottom.gif) no-repeat 0 0;
}

#toolkits h1{
  font-family: Arial;
  font-size: 3.2em;
  font-weight: bold;
  color: #414143;
  background: url(../img/bg-toolkits-title.gif) no-repeat 0 100%;
  height: 57px;
  width: 816px;
  padding-bottom: 8px;
  margin-bottom: 25px;
}	

#toolkits h1 span{
  color: #79bf41;
}

#toolkits .col h2{
  font-size: 2.2em;
}

#toolkits .col h2 a{
  color: #f5f6f1;
  text-decoration: underline;
  display: block; 
  height: 47px;
  background: url(../img/bg-toolkits-col-title.jpg) no-repeat 0 0;  
  padding-left: 15px;  
  padding-top: 10px;
}

#toolkits .col h2 a:hover{
  background: url(../img/bg-toolkits-col-title-hover.jpg) no-repeat 0 0;  

}

#toolkits .col p{
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.2em;
  color: #ffffff;
  min-height: 110px;
}

/* toolkits pages - Wordpress */
#toolkits-content{
  width: 100%;
  float: left;
  position: relative;
}

#toolkits-content h1{
   color: #3095b4;
   font-size: 4.2em;
   font-weight: normal;
   background: none;
   float: left;
   width: auto;
   margin:0;
}

#toolkits-header{
   width: 100%;
   background: url(../img/toolkits-header-hr.gif) no-repeat 0 100%;
   margin-bottom: 25px;
   margin-top: 20px;
   padding-bottom: 10px;
   overflow: hidden;
   position: relative;
}

#toolkits-header h1 span{
   color: #78bd40;
   display: block;
   font-size: 0.57em;
}

#toolkits-header #utils{
   position: absolute;
   right: 0px;
   bottom: 27px;
   list-style-type: none;
}

#toolkits-header #utils li{
   display: inline;
   background: url(../img/arw-view-over.gif) no-repeat 0 2px;
   padding-left: 15px;
   margin-left: 10px;
}

#toolkits-header #utils li a{
   text-transform: uppercase;
   color: #666666;
   text-decoration: none;
}


#toolkits .col-wider{
   width: 248px;
}

#toolkits .col-wider .block{
  margin: 25px 0 0 0;
  background: #f1f2ec url(../img/bg-toolkits-col-block-bottom.gif) no-repeat 0 100%;
  padding: 0 15px 15px 15px;
  padding: 0 0 15px 0;
  width: 248px;
}

#toolkits .col-wider .block-top{
  margin: 0;
  width: 248px;
  height: 8px;
  background: url(../img/bg-toolkits-col-block-top.gif) no-repeat 0 0;
}

#toolkits .col-wider .block .divider{
   border-top: 1px dotted #c2c2a0;
   margin: 10px 15px 10px 15px;
}

#toolkits .col-wider .block h2{
  margin: 0 0 10px 15px;
  padding: 0;
  font-size: 2.2em;
  color: #7ac142;
  width: auto;
}

#toolkits .col-wider .block ul{
  margin: 0 0 0 15px;
  list-style-type: none;
  padding: 0;
}

#toolkits .col-wider .block ul li{
   padding-left: 15px;
   margin-bottom: 5px;
}

#toolkits .col-wider .block ul li.int{
   background: url(../img/arw-view.gif) no-repeat 0 2px;
}

#toolkits .col-wider .block ul li.ext{
   background: url(../img/arw-view-over.gif) no-repeat 0 2px;
}

#toolkits .col-wider .block ul li a{
   font-size: 1.2em;
   color: #666666;
   text-decoration: none;
}

#col-mid {
	margin-left: 35px !important;
	display: inline;
}

#toolkits #sidepanel{
   float: right;
   width: 254px;
   margin-top: 40px;
}

#toolkits #sidepanel .block{
  width: 254px;
  background: #414143 url(../img/bg-toolkits-sidepanel-col-bottom.gif) no-repeat 0 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#toolkits #sidepanel .block h3{
  background: url(../img/bg-toolkits-sidepanel-title.jpg) no-repeat 0 0;
  font-size: 2.2em;
  color: #f5f6f1;
  text-transform: none;
  padding: 5px 0 5px 12px;
  font-family: "Arial Narrow";
}


#sidepanel .forecast{
   clear: both;
   margin: 0 20px 5px 15px;
   overflow: hidden;
   height: 25px;
}

#sidepanel .forecast img{
   float: left;
}

/*conversion tool Google gadget header style*/
#toolkits #sidepanel .ig_lgbluelink{
  background: url(../img/bg-toolkits-sidepanel-title.jpg) no-repeat 0 0;
  font-size: 2.2em;
  color: #f5f6f1;
  padding: 5px 0 5px 12px;
  font-family: "Arial Narrow";
  display: block;
  text-decoration: none;
  text-align: left;
  position: relative;
  z-index: 20;
  left: -2px;
  top: -2px;
  width: 100%;
}


#toolkits #sidepanel .block p{
  padding:0 0 5px 0;
  margin: 5px 12px 0 12px;
  color: #ffffff;
}

#toolkits #sidepanel .block img{
  float: right;
  margin-right: 15px;
  margin-top: 5px;
}


#toolkits #sidepanel .block h4{
  font-size: 2.2em;
  color: #f5f6f1;
  margin-left: 12px;
}

#toolkits #sidepanel #location-form{
  margin-top: 15px;
}

#toolkits #ilustrate-image{
  background: url(../img/toolkits-top-illustration.jpg) no-repeat 0 0;
  width: 193px;
  height: 156px;
  position: absolute;
  top: -148px;
  right: 50px;
}

#toolkits #return-home{
  display: block;
  width: 69px;
  height: 30px;
  position: absolute;
  top: -80px;
  right: 250px;
  background: url(../img/bg-return-home.gif);
  text-indent: -999em;
}

/* new styles - added 09/06/10 */
#half-feature .feature-image .image-wrapper img,
#half-feature .feature-image .image-wrapper a {
	border: 0px !important;
}

img {
	border: 0;
}

div.contact-errors, div.contact-errors p {
	color: red;
	margin: 0;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#container-top.no-logo{
	height: 57px;
	background: #69be28 url(../img/bg-container-top-no-logo.jpg) repeat-x 50% 100%;	
}

/* 
------------------------------*/

#campaign09 {
}

#campaign09 #campaign-nav{
   width: 100%;
   height: 30px;
   padding: 0;
}

#campaign09 #campaign-nav ul{
   list-style-type: none;
   padding: 0;
   margin: 0;
}

#campaign09 #campaign-nav li{
   float: left;
   text-transform: uppercase;
   padding: 0;
   margin-right: 10px;
   margin-left: 0;
}

#campaign09 #campaign-nav li a{
   display: block;
   width: 191px;
   height: 23px;
   background: url(../img/bg-campaign-nav.gif) no-repeat 0 0;
   padding-top: 7px;
   text-align: center;
   color: #fff;
   font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   text-decoration: none;
}

#campaign09 #campaign-nav li a:hover{
   background: url(../img/bg-campaign-nav-active.gif) no-repeat 0 0;
}

#campaign09 #campaign-nav li a.active{
   background: url(../img/bg-campaign-nav-active.gif) no-repeat 0 0;
}


#campaign09 h1 {
  margin-top: 30px;
	text-indent: -999em;
}


#campaign09 h1.wood-use-outdoors{
	background: url(../img/title-room-to-breath.gif) no-repeat;
	width: 816px;
	height:118px;
}

#campaign09 h1.framing-cladding{
	background: url(../img/title-framing-cladding.gif) no-repeat;
	width: 816px;
	height:124px;
}

#campaign09 h1.structural-wood{
	background: url(../img/title-structural-wood.gif) no-repeat;
	width: 816px;
	height:124px;
}
#campaign09 h1.interior-wood{
	background: url(../img/title-interior-wood-use.gif) no-repeat;
	width: 810px;
	height:124px;
}

#campaign09 .campaign-block-outer p {
	color: #fff;
	line-height: 1.4;
}

#campaign09 .campaign-outer p {
	color: #fff;
	line-height: 1.4;
}

#campaign09 .campaign-intro {
  overflow:hidden;
  position:relative;
  min-height: 230px;
  width: 100%;
}

#campaign09 .campaign-intro .intro-text{
  width: 395px;
  float: left;
}

#campaign09 .campaign-intro .intro-text h4{
 font-size: 1.6em; 
 color: #3095b4;   
 font-weight: normal; 
}

#campaign09 .campaign-intro .intro-img{
  position: absolute;
  bottom: 0px;
  right: 0px;
}

#campaign09 .campaign-intro h2 {
	text-indent: -999em;
}

#campaign09 .campaign-intro h2.wood-use-outdoors {
	background: url(../img/title-the-outdoors.gif) no-repeat;
	width: 186px;
	height: 19px;
	text-indent: -999em;
}

#campaign09 .campaign-intro h2.framing-cladding {
	background: url(../img/title-defense-against-elements.gif) no-repeat;
	width: 349px;
	height: 24px;
	text-indent: -999em;
}

#campaign09 .campaign-intro h2.interior-wood {
	background: url(../img/title-a-space-of-your-own.gif) no-repeat;
	width: 288px;
	height: 24px;
	text-indent: -999em;
}

#campaign09 .campaign-left {
	float: left;
	width: 605px;
	border-right: 1px dotted #414143;
}



#campaign09 .campaign-content {
	border-top: 1px dotted #414143;
	margin: 19px 0 0;
	padding: 20px 0 0;
}

#campaign09 .campaign-outer{
	width: 596px;
  margin-bottom:25px;
}

#campaign09 .campaign-inner{
	background: #414143 url(../img/campaign-block-b-bg.gif) no-repeat bottom left;
	width: 547px;
  padding: 2px 25px 15px 25px;
}
#campaign09 .campaign-inner a {
	text-decoration: underline;
	color: #FFFFFF;
}
#campaign09 .campaign-inner a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#campaign09 .campaign-inner a:visited {
	color: #FFFFFF;
}

#campaign09 .campaign-block-outer {
	background: url(../img/campaign-block-b-bg.gif) no-repeat bottom left;	
	margin-bottom: 25px;
}

#campaign09 .tvc-outer {
	margin-bottom: 0;
}

#campaign09 .campaign-block-inner {
	background: url(../img/campaign-block-t-bg.jpg) no-repeat top left;
	width: 547px;
	padding: 28px 25px;
	overflow: hidden;
}
 
#campaign09 .campaign-block-outer h2 {
	background: url(../img/title-take-a-peek.jpg) no-repeat;
	width: 430px;
	height: 24px;
	text-indent: -999em;
	margin: 0 10px 10px;
}

#campaign09 .campaign-block-outer h2.tvc-wood-use-outdoors {
	background: url(../img/title-tvc-outdoors.jpg) no-repeat;
	width: 375px;
	height: 43px;
	margin-left: 6px;
}

#campaign09 .campaign-block-outer h2.tvc-framing-cladding {
	background: url(../img/title-tvc-framing-cladding.jpg) no-repeat;
	width: 375px;
	height: 42px;
	margin-left: 6px;
}

#campaign09 .campaign-block-outer h2.tvc-structural-wood {
	background: url(../img/title-tvc-structural-wood.jpg) no-repeat;
	width: 377px;
	height: 44px;
	margin-left: 6px;
}

#campaign09 .campaign-block-outer h2.tvc-interior-wood {
	background: url(../img/title-tvc-interior-wood.jpg) no-repeat;
	width: 377px;
	height: 44px;
	margin-left: 6px;
}

#campaign09  .campaign-right {
	width: 200px;
	float: right;
	margin-right: -10px;
	display: inline;
}

/* order form */
#campaign09 .row {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 1em;
}

#campaign09 .order-book {
	clear: both;
	text-align: center;
	padding: 20px 0 0;
}

#campaign09 .order-book #paper {
   float: left;
   margin-left: -5px;
   margin-right: 6px;
}

#campaign09 .order-book #interactive {
   float: right;
   margin-right: -5px;
}


#campaign09 .order-book span{
  display: block;
  color: #ffffff;
  font-size: 1.6em;
  float: left;
}

#campaign09 .order-l {
	float: left;
	width: 49%;
}


#campaign09 .order-r {
	float: right;
		width: 49%;
}

#campaign09 label {
	color: #fff;
	font-weight: bold;
	float: left;
	display: block;
	width: 100px;
}

#campaign09 .error label{
	color: #42D2FF;
}


div.error input {
	border: 1px solid #fff;
	background-color: #5ED4F7;
}

div.error p.error {
	display: none;
}

#campaign09 p.errormsg {
	color: #42D2FF !important;
	clear: both;
	margin: 5px 0 -20px;
	text-align: center;
}

#campaign09 p.errormsg span {
	color: #fff;
	font-weight: bold;
}

#campaign09 input {
	float: left;
	border: 1px solid #fff;
}

#campaign09 .order-book input {
	float: none;
	border: 0;
}

#the-tvc {
	margin-bottom: 10px;
}

/* campaign-right */
.campaign-right h3 {
	background: url(../img/campaign-right-h3-bg.jpg) no-repeat;
	width: 200px;
	height: 66px;
	text-transform: uppercase;
	color: #fff;
	font-size: 2.2em;
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
}

.campaign-right ul.case-study {
	background: url(../img/campaign-right-ul-bg.jpg) no-repeat bottom left;

}

.campaign-right ul.case-study h3 {
	color: #3095B4;
	background: url(../img/campaign-right-ul-t-bg.jpg) no-repeat top left;
	height: auto;
	margin-bottom: 10px;
}

.campaign-right h3 span {
	display: block;
	padding: 10px 20px 0;
}

.campaign-right ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 200px;
}

.campaign-right ul ul {
	background: url(../img/campaign-right-ul-bg.jpg) no-repeat bottom left;
	margin: -10px 0 25px;
	padding-bottom: 20px;
}

.campaign-right ul li li {
	background: url(http://www.nzwood.co.nz/resources/img/arw-view.gif) no-repeat 23px 3px; 
	color: #414143;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-left:  45px;
}

.campaign-right ul li li.view-all {
	background: url(http://www.nzwood.co.nz/resources/img/arw-view.gif) no-repeat 92% 3px; 
	text-align: right;
	padding-right: 30px;
}

.campaign-right ul li li a {
	color: #414143;
	text-decoration: none;
}

.campaign-right ul li li a:hover {
	color: #3095B4;
	text-decoration: underline;
}


#campaign09  .campaign-right .calc-util {
	margin-bottom: 10px;
	border: 0;
}

#campaign09 .campaign-intro #thankyou {
	width: 424px;
	height: 203px;
	position: relative;
	margin-top: 20px;
}

#campaign09 .campaign-intro #thankyou.paper {
	background: url(../img/thankyou-bg.gif) no-repeat;
}

#campaign09 .campaign-intro #thankyou.interactive {
	background: url(../img/thankyou-interactive-bg.gif) no-repeat;
}


#campaign09 .campaign-intro #thankyou p {
		text-indent: -999em;
}

#campaign09 .campaign-intro #thankyou div {
	position: absolute;
	bottom: 25px;
	left: 25px;
}

#campaign09 .campaign-intro #thankyou div  img {
		border: 0;
}

#interactive-guide-wrapper{
   margin-top: 25px;
}

#interactive-guide-wrapper #title{
   position: relative;
   float: right;
   width: 686px;
}

#interactive-guide-wrapper #title h1{
   background: url(../img/title-interactive-guide.gif) no-repeat 0 0;
   height: 111px;
   text-indent: -999em;
   margin: 0;
}

#interactive-guide-wrapper #title .home{
   display: block;
   width: 66px;
   height: 30px;
   background: url(../img/link-home-bg.gif) no-repeat 0 0;
   position: absolute;
   top: 0px;
   right: 0px;
   text-indent: -999em;
}

#interactive-guide-wrapper #flipbook-holder{
   width:820px;
   height: 590px;
   margin-top: 20px;
}
