/* first for IE 4–8 */
@font-face {
  font-family: InfoTextWeb-Semibold;
  src: url("/styles/fonts/InfoTextWeb-Semibold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: InfoTextWeb-Semibold;
  src: url("/styles/fonts/InfoTextWeb-Semibold.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: InfoTextWeb-Book;
  src: url("/styles/fonts/InfoTextWeb-Book.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: InfoTextWeb-Book;
  src: url("/styles/fonts/InfoTextWeb-Book.woff") format("woff");
}

* {
	padding: 0px;
	margin:0px
}

html { height: 100%; margin-bottom: 1px;}

body {
	height: 100%;
   font-family: "Trebuchet MS", verdana, arial, Sans-Serif;
/*   font-family: InfoTextWeb-Book, arial, sans-serif;*/
  	color: #333;
	background: #f0f0f0;
}

img {
	border: 0;
	background: transparent;
}

ul, ol {
	padding: 0;
	margin: 10px 0 20px 20px;
}

	ul.questions {
		border-top: 1px dashed #BBB;
		border-bottom: 1px dashed #BBB;
		margin-left: 0;
		padding: 10px 0 10px 20px;
	}

.printonly {
	display: none;
}

.brightgreen {
	color: #87ed71
}


/* --------------------------
 @Text styling, excluding text in forms
----------------------------- */

a:link, a:visited {
	color: #144a83;
	text-decoration: underline;
	background: none
}

	.questions a:link, .questions a:visited {
		text-decoration: none;
		border-bottom: 1px dashed #333
	}

	#tools a:link, #tools a:link {
		background: transparent;
	}

	.brightgreen a:link, .brightgreen a:visited {
		color: #87ed71
	}

	h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, #regionbar a:link,  #regionbar a:visited, #mailinglist a:link, #mailinglist a:visited {
		color: #000
	}

a:hover {
	text-decoration: none;
}

	p a:hover, li a:hover {
		background: #fbfbee
	}
   
   .nohover a:hover { 
      background: none;
   }

	#topbar p a:hover {
		background: none
	}

	#bottombar a:link, #bottombar a:visited {
		background: none;
		color: #FFF
	}

	#crumb a:link, #crumb a:visited {
		color: #666
	}

	.brightgreen a:hover {
		background: none;
		text-decoration: none;
	}

p {
	font-size: 13px;
	line-height: 1.8em;
	margin-bottom: 15px;
	font-weight: normal
}

	#crumb p {
		font-size: 0.7em;
		line-height: normal;
		margin: 0;
		color: #888
	}

	.feature p {
		color: #000;
		text-align: left;
		padding-top: 0px;
		padding-right: 70px;
		margin-bottom: 5px;
	}

	#bottombar p {
		color: #FFF;
	}

	.highlight p {
		margin: 0;
	}

	p.highlight {
		margin-bottom: 10px;
	}

	p.error, div.error {
		border: 1px solid #960C0C;
		background: url('../images/error.gif') no-repeat center left #F2D1C3;
		padding: 2px 5px 2px 30px;
		color: #000;
		font-weight: bold;
		margin-bottom: 0
	}

	div.error {
		font-weight: normal;
		background-position: left 5px;
	}

	p.success {
		margin-bottom: 0
	}

	#mailinglist p {
		margin: 0
	}

	p.tip {
		background: url('../images/tip.gif') center left no-repeat #F1F1F1;
		padding: 4px 0 4px 25px;
		border: 1px solid #DDD
	}

	#topbar p {
		color: #FFF;
		padding: 0 2% 0 0;
		margin: 0;
		text-align: right;
		line-height: normal;
		text-decoration: none
	}

	#topbar p a:link, #topbar p a:visited {
		color: #FFF;
	}

	#topbar p a:hover {
		text-decoration: none
	}

	.regionteaser p {
		font-family: Georgia, Times, serif;

	}

	p.last {
		margin: 0
	}

h1 {
	font-size: 1.3em;
/*   font-family: Georgia, Times, serif;*/
   font-family: InfoTextWeb-SemiBold, arial, sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	padding: 0 5px;
	margin-bottom: 10px;
	color: #292929;
/*   background: #e2f1f2;*/
	background: #cce6e7;
}

	#sidebar #column2 h1, #admin #column2 h1 {
		font-size: 1.1em;
		padding: 3px 0 4px 5px;
	}


	.sectionssidebar h1 {
		margin: 0;
	}

h2 {
	font-size: 1.2em;
	background: #d9f5cf;
	color: #292929;
	line-height: 1.4em;
   /*   font-family: Georgia, Times, serif;*/
   font-family: InfoTextWeb-SemiBold, arial, sans-serif;
	font-weight: normal;
	padding: 0 0 3px 5px;
	margin: 0px 0px 10px 0px;
}

	.sold h2 {
		background: #E25E3C;
		color: #FFF;
	}

	.regionteaser h2 {
		background: none;
		border: 0;
		margin: 0;
		padding: 0
	}

	.sectionssidebar h2 {
		font-size: 1.3em;
		line-height: 1.6em;
		padding: 0 5px;
		margin-bottom: 0px;
		background: #f3eedd;
	}

    #blogcontent h2 {
        clear: both;
    }

h3 {
	color: #292929;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.2em;
   /*   font-family: Georgia, Times, serif;*/
   font-family: InfoTextWeb-SemiBold, arial, sans-serif;
	font-weight: normal;
	margin: 0px 0 8px 0px;
}

	.agent h3 {
		margin-bottom: 12px;
	}

h4 {
	color: #292929;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0 0 12px 0;
	background: #D0EFC4;
	padding: 4px 6px
}

li {
	font-size: 0.8em;
	line-height: 1.8em;
	padding: 0;
	margin: 0 0 8px 0px;
	font-weight: normal
}

li li {
	font-size: 1em;
}

.sectionssidebar ul{
	list-style-type: none;
	margin: 0
}

.sectionssidebar li	{
	font-size: 1em;
	line-height: normal;
	padding: 8px 0 10px 0;
	margin: 0;
	border-bottom: 1px dashed #DDD;
}

#trees li {
	background: url('../images/minitree.gif') center left no-repeat;
	padding-left: 25px;
}

#flowers li {
/*   background: url('../images/miniflower.png') center left no-repeat;
   padding-left: 25px; */
   border-bottom: none;
   padding-bottom: 0px;
}

#flowers li li {
	border-bottom: 1px dashed #DDD;
   padding-bottom: 10px;
}

#flowers li.page-item-18949 li {
	background: url('../images/miniflower-blue.png') center left no-repeat;
	padding-left: 25px;
}

#flowers li.page-item-19038 li {
	background: url('../images/miniflower-multi.png') center left no-repeat;
	padding-left: 25px;
}

#flowers li.page-item-18955 li {
	background: url('../images/miniflower-pink-purple.png') center left no-repeat;
	padding-left: 25px;
}

#flowers li.page-item-18951 li {
	background: url('../images/miniflower-red.png') center left no-repeat;
	padding-left: 25px;
}

#flowers li.page-item-18953 li {
	background: url('../images/miniflower-white-greenish.png') center left no-repeat;
	padding-left: 25px;
}

#flowers li.page-item-18947 li {
	background: url('../images/miniflower-yellow.png') center left no-repeat;
	padding-left: 25px;
}

.define {
	cursor: help;
	border-bottom: 1px dashed #333
}

span.meta a:link, span.meta a:visited {
	border-bottom: 1px dashed #000;
	text-decoration: none;
	font-size: 0.8em
}

span.meta a:hover {
	border: 0;
}

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


/* --------------------------
 @Navigation
----------------------------- */

#navd {
  clear: both;
/*  width: 800px;*/
  margin: 0px;
}

#nav {
  margin: 10px 20px 20px 20px;
}

#navd li { 
  list-style: none;
  font-family: InfoTextWeb-SemiBold, arial, sans-serif;
  background-color: #DEC393;
  margin-right: 5px;
  padding: 0 10px 0 10px;
  border-radius: 10px;
}

#navd a {
  text-decoration: none;
  color: black;
  font-size: 120%;
}

#navd a:visited {
  color: black;
}

#navd a:hover {
  background-color: #DEC393;
}

/* menu button for mobile */
.menu-toggle {
  font-family: InfoTextWeb-SemiBold, arial, sans-serif;
  font-size: 120%;
  background-color: #DEC393;
  margin: 10px 20px;
  padding: 0 10px 0 10px;
  border-radius: 10px;
  border: none;
  clear: both;
  float: left;
}

/* hidden by default for mobile */
#navd ul li {
  display: none;
}

#navd ul li .sub-menu {
  display: none;
}

#navd ul li:hover .sub-menu {
  display: none;
}  

/* display when clicked for mobile */
#navd ul.toggled-on li {
  display: block;
}

#navd ul.toggled-on li .sub-menu {
  display: block;
}

#navd ul.toggled-on li:hover .sub-menu {
  display: block;
}  

/* hide arrows for sub-sub menus */
#navd ul li .sub-menu li .arrow {
  display: none;
}

/* layout differently for desktop */

@media (min-width:760px) {
  /* hide mobile menu button */
  .menu-toggle { 
    display: none; 
  }
  
  #navd ul li {
    display: block;
  }

  #navd ul li .sub-menu {
    display: none;
  }

  #navd ul li:hover .sub-menu {
    display: block;
  }  
  
  /* show arrows for sub-sub menus */
  #navd ul li .sub-menu li .arrow {
    display: inline;
    float: right; 
    font-size: 28px;
  }
  
  
  #navd > ul > li {
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
  }
  
  #navd > ul > li {
    float: left;
    display: inline-block;
    position: relative;
  }

  #navd > ul > li > a {
    display: inline-block;
  }

  #navd ul li .sub-menu {
    width: 170px;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: -1;
    opacity: 0;
  /*  padding: 0 5px;*/
  /* this transition gives us some flickering in Safari */
  /*  transition: opacity linear 0.2s;*/
    margin: 0;
  }

  #navd ul li .sub-menu li {
    border-radius: 0;
    padding: 5px 10px 5px 10px;
    margin: 0;
    position: relative;
  }

  #navd > ul > li > ul.sub-menu > :first-child,
  #navd > ul > li > ul.sub-menu > li > ul.sub-menu > :first-child {
    border-radius: 10px 10px 0 0;
  }

  #navd > ul > li > ul.sub-menu > :last-child,
  #navd > ul > li > ul.sub-menu > li > ul.sub-menu > :last-child  {
    border-radius: 0 0 10px 10px;
  }

  #navd ul li .sub-menu li .sub-menu {
    position: absolute;
    top: 0;
  }

  #navd > ul > li:hover > ul.sub-menu, 
  #navd > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
    z-index: 1;
    opacity: 1;
  }

  #navd > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
    left: 100%;
  }
}

/* fixup for smallest large screens (chiefly iPad!) */
/* Manually doing the right-align... Sorry future self!!! */
/* It's the width of the sub-menu (170px) - width of tab */
@media (min-width:760px) and (max-width: 860px) {

  /* Blog */
  #navd ul li#menu-item-20260 .sub-menu {
    /* ((26.56+20)+5+(15.38+20)+5)-170 = -78.06 */
    left: -78.06px;
  }
  /* TV */
  #navd ul li#menu-item-20269 .sub-menu {
    /* (15.38+20)-170 = -134.62 */
    left: -134.62px;
  }

}

#bar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#bar ul a:link, #bar ul a:visited {
	display: block;
	font-weight: normal;
/*   font-family: arial, sans-serif;*/
   font-family: InfoTextWeb-SemiBold, arial, sans-serif;
	color: #FFF;
	background: transparent;
	text-decoration: none
}

#bar ul a:hover {
	color: #333
}

#bar ul li {
	float: left;
	padding: 5px 22px 5px 3px;
	margin: 0;
	/* background: url('../images/wldivider.gif') no-repeat center right */
}

#regionbar li {
	list-style-type: none;
	color: #000;
	font-size: 0.7em;
/*   font-family: arial;*/
   font-family: InfoTextWeb-SemiBold, arial, sans-serif;
	float: left;
	padding: 3px 7px;
	margin: 0;
	background: url('../images/regionbardivider.gif') no-repeat center right
}

	#regionbar li.last {
		background-image: none;
	}

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


/* --------------------------
 @Structure
----------------------------- */

.container {
	max-width: 1000px;
	min-width: 300px;
	margin: 0 auto;
}

#wrapper {
	max-width: 1200px;
	min-width: 300px;
	margin: 0 auto;
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#topbar {
	height: 10px;
	background: url('../images/wltopbg2.gif') repeat-x #FFF;
}

#topbox {
	width: 100%;
	background: #CCF7BC;
}

@media (min-width:760px) {
  #topbox {
    height: 135px;
  	background: url('../images/woodlands-topbar-side-5.png') no-repeat top right #CCF7BC;
    background-size: auto 100%;
  }

}

#topbox img {
   float: left;
}

#topbox #tagline {
   float: left;
   clear: left;

   margin-left: 35px;
   padding: 1px 8px 8px 8px;

   color: #007a45;
   font-family: InfoTextWeb-Book,arial,sans-serif; 
   font-size: 21px;
   font-style: italic;
}

#bar {
	clear:both;
  display: block;
	background: #B98867;
	height: 2em;
	padding-left: 2%;
	padding-right: 2%;
	border-bottom: 1px solid #774C30;
}

	#threecolumns #bar {
/*		margin-bottom: 20px;*/
	}

#regionbar {
	clear: both;
	background: #DBAF91;
	height: 1.7em;
	padding-left: 2%;
	padding-right: 2%;
	border-top: 1px solid #B6815E;
	border-bottom: 1px solid #B6815E;
	margin: 0;
}

#search {
	float: right;
	padding-top: 5px;
}

#crumb {
	zoom: 1;
	padding-left: 2%;
	margin: 9px 0 9px 0
}

/* Default for smaller screen sizes */

#sidebar #column1, #threecolumns #column2, #threecolumns #column3 {
	display: inline;
	margin-left: 2%;
  width: 95%;
}

/* Expand for larger screen sizes */

@media (min-width:760px) {
  #sidebar #column1, #admin #column1 {
  	width: 64%;
  	float: left;
  	margin-left: 2%;
  }

  #sidebar #column2, #admin #column2 {
  	width: 30%;
  	float: right;
  	margin-right: 2%;
  }
}

.sectionssidebar {
	padding-bottom: 0px;
	margin-bottom: 20px;
}

#sidebar .wood {
	border-bottom: 1px solid #DDD;
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
	background: #FEFEE3;
	/* the following 2 lines is a fix for the IE6 Peek-a-boo bug */
	line-height: 1.2;
	zoom: 1;
}

#regions {
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
}

#popup #content {
	padding: 10px;
	min-width: 300px;
}

#bottombar {
	background: #B98867;
	border-top: 1px solid #774C30;
	height: 1.6em;
	padding: 3px 2% 3px 2%;

}

.intro {

}

.highlight {
	border-top: 1px solid #E5B652;
	border-bottom: 1px solid #E5B652;
	background: #FEF6B2;
	padding: 3px 10px 5px 10px;
	margin-bottom: 0
}

.redhighlight {
	border: 1px solid #E07370;
	background: #FBB6B4;
	padding: 4px;
	font-weight: bold;
}

.feature {
	position: relative;
	background: url('../images/wlfeaturebg1.gif') bottom right no-repeat #D0EFC4;
	padding: 10px 0px 5px 10px;
	margin-bottom: 20px;
}

.feature h3 a {
	text-decoration: none;
}

.ios-app-feature {
	background-image: url('../images/ios-app-feature-3.jpg');
}

.ios-app-feature p {
	padding-right: 120px;
}

.featurelink, .featurelinkblue, .featurelinkbeige, .featurelinkfixed {
	position: relative;
	background: url('../images/sidebarlinkbg.gif') bottom right no-repeat #D0EFC4;
	padding: 7px 60px 3px 10px;
	border: 1px solid #98C786;
	margin-bottom: 20px;
}

	.featurelink:hover {
		border: 1px solid #6FA25B
	}

.featurelinkblue {
	background: url('../images/sidebarlinkbluebg.gif') bottom right no-repeat #DAEEEF;
	border: 1px solid #97C9CC;
}

	.featurelinkblue:hover {
		border: 1px solid #609B9E;
	}

.featurelinkbeige {
	background: url('../images/sidebarlinkbeigebg.gif') bottom right no-repeat #F5EDC3;
	border: 1px solid #D5CA93;
}

	.featurelinkbeige:hover {
		border: 1px solid #ADA162;
	}

.featurelinkfixed {
	width: 300px;
	margin-bottom: 15px;
	background: url('../images/sidebarlinkbeigebg.gif') bottom right no-repeat #F5EDC3;
	border: 1px solid #D5CA93;
}

	.featurelinkfixed:hover {
		border: 1px solid #ADA162;
	}

#testimonial {
	border-top: 1px dashed #BBB;
	border-bottom: 1px dashed #BBB;
	padding-top: 12px;
}

#mailinglist {
	background: url('../images/mailinglistbg.gif') bottom repeat-x #D0EFC4;
	padding: 8px 10px 10px 10px;
	margin-bottom: 20px;
	border: 1px solid #97B68B
}

#postcode-search input {
  margin-left: 10px;
}

#mailinglist_box {
	width: 300px;
}

#sidebarblog, .sidebarvideos {
	padding-bottom: 0px;
/*	border-bottom: 1px solid #DDD;*/
	margin-bottom: 20px;
}

#sidebarblog .blog, .sidebarvideos .blog {
	border-bottom: 1px solid #ddd;
	margin-bottom: 8px; 
	overflow: hidden;
	padding-bottom: 8px;
}

#sidebarblog h3, .sidebarvideos h3 {
	font-family: "Trebuchet MS",verdana,arial,Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5;
}

#sidebarblog h3 a, .sidebarvideos h3 a {
	color: #144A83;
	font-weight: bold;
}


#sidebarblog p {
	margin-bottom: 8px;
}

#sidebarblog p.more, .sidebarvideos p.more {
	background: #eee;
	margin: -8px 0 0;
	padding: 0.2em;
	text-align: center;
}

#featurefree {
	position: absolute;
	top: -30px;
	right: -20px;
}

.agent {
	padding: 7px 10px 0px 10px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
}

.question, .section {
	border-top: 1px solid #CDEEC3;
	padding: 15px 0 5px;
}

.regionteaser {
	padding: 1.2em 0 0.8em 5.8em;
	margin-bottom: 20px;
	background: url('../images/tree.gif') center left no-repeat #eafae3;
	border-top: 1px double #d9f1cf;
	border-bottom: 1px double #d9f1cf;
}

.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}

#blogcontent ul {
    list-style-position:inside;
}


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


/* --------------------------
 @Photos and images
----------------------------- */

.photo {
	display: block;
	border: 10px solid #E8E8E8;
	margin: 0 auto;
}

.photoleft {
	float: left;
	display: inline;
	border: 5px solid #E8E8E8;
	margin-right: 10px;
}

.photoright {
	float: right;
	border: 5px solid #E8E8E8;
	margin-left: 10px;
}

.galleryphoto {
	float: left;
	display: inline;
	border: 5px solid #E8E8E8;
	margin-right: 10px;
	margin-bottom: 10px;
}

#logo {
	height: 65px;
	overflow: hidden;
	line-height: 1px;
	margin-top: 13px;
	margin-bottom: 3px;
	margin-left: 5px;
}

@media (min-width:350px) {
  #logo {
  	margin-left: 20px;
  }

}

#printlogo {
	display: none;
}

.agentphoto {
	margin-bottom: 15px;
}

img.rss {
	float: right;
	clear: both;
	margin: 0.6em 5px 0em 0em
}

	#mailinglist img.rss {
		float: none;
		vertical-align: middle;
		margin: 0;
		padding-right: 5px;
	}

	.featurelinkblue img.rss, .featurelinkbeige img.rss {
		float: none;
		vertical-align: middle;
		margin: 0 8px 0 0;
	}

#tools {
	float: right;
	clear: both;
	margin: 0.6em 0px 0em 0em
}

#tools img, #tools input {
	margin-right: 5px;
}

#sidebarblog img {
	float: right;
	width: 100px;
	margin: 5px 0px 5px 10px;
	border: 3px solid #DDD;
	margin: 0.6em 5px 0em 0em
}

#sidebarvideo img.last {
	float: none;
}

.sidebarvideos img {
	float: right;
	width: 40%;
	margin: 0 10px ;
	border: 3px solid #DDD;
}



	#sidebarblog img.rss {
		width: auto;
		border: none;
	}

#sidebar .wood img {
	float: left;
	margin: 10px 10px 10px 10px;
	border: 5px solid #DEDEBF;
}

#roadsign {
	display: none;
}

img.alignright {
    float: right;
    border: 5px solid #E8E8E8;
    margin: 0px 0px 10px 10px;
}


img.alignleft {
    float: left;
    border: 5px solid #E8E8E8;
    margin: 0px 10px 10px 0px;
}

#wood-location-map {
	/* Unhidden by JS*/
	display: none;
}

#wood-location-map #map-placeholder {
	width: 100%;
	height: 544px;
	margin-bottom: 16px;
}


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


/* --------------------------
 @Forms
----------------------------- */

#search .textfield {
	float: left;
	width: 150px;
	font-size: 0.7em;
	margin-top: 3px;
	margin-right: 5px;
}

#search .submit {
	float: left;
}

#mailinglist input {
	margin: 7px 0 0 0;
	padding: 3px 0px 3px 2px;
}

#mailinglist input.textfield {
	width: 98%;
}

#mailinglist select {
	margin: 7px 0 0 0;
	width: 100%;
}

#mailinglist input.submit {
	width: auto;
}


/* --------------------------
 @Woodfairs
/* -------------------------- */

li.past, li.past a:link, li.past a:visited {
	color: #aaa
}


/* --------------------------
 @Treeid flash
/* -------------------------- */

#treeidentification {
	background-color: #b8ee74;
  border-radius: 5px;
	height: 64px;
	margin: 0 0 20px 0;
}

#treeidentification h3 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	height: 64px;
	letter-spacing: -1px;
	line-height: 64px;
	margin: 0;
	text-align: center;
}

/* weird workaround for our old fashioned background images at different sizes */

@media (min-width:760px) {
  #treeidentification {
  	background: url(../images/bgright_treeid.gif) no-repeat top right #b8ee74;
  }
  #treeidentification h3 {
  	background: url(../images/bgleft_treeid.gif) no-repeat top left;
  }
}

/* --------------------------
 @Flowerid flash
/* -------------------------- */

#floweridentification {
	background-color: #b8ee74;
  border-radius: 5px;
  height: 64px;
	margin: 0 0 20px 0;
}

#floweridentification h3 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	height: 64px;
	letter-spacing: -1px;
	line-height: 64px;
	margin: 0;
	text-align: center;
}

/* weird workaround for our old fashioned background images at different sizes */

@media (min-width:760px) {
  #floweridentification {
  	background: url(../images/bgleft_flowerid.gif) no-repeat top left #b8ee74;
  }
  #floweridentification h3 {
  	background: url(../images/bgright_flowerid.gif) no-repeat top right;
  }
}


/* --------------------------
 @Suppliers ad + @bbc ad
/* -------------------------- */

#suppliers_directory, #bbc_video, #woodfairs {
	background: #faf8f3;
	border: 4px double #e7e6c6;
	margin: 0 0 20px 0;
	padding: 15px;
}

#suppliers_directory h3, #bbc_video h3, #woodfairs h3 {
	color: #000;
	margin: 0 0 0.2em 0;
	text-align: center;
}

#suppliers_directory p, #bbc_video p, #woodfairs p {
	margin: 0;
}


/* --------------------------
 @SWOG advert
/* -------------------------- */

#swog { border-bottom: 3px double #eee; border-top: 3px double #eee; margin-bottom: 1em; padding: 1em 0 0 130px; position: relative }

#swog img { left: 0px; position: absolute; top: 1em; }


p.forests { padding-top: 10px; }


/* --------------------------
 @Enquiry forms
/* -------------------------- */

form.enquiry { margin: 36px 0 }

form.enquiry input.text, form.enquiry input.password, form.enquiry textarea {
	background: #fdfdf8;
	border-top: 1px solid #aaa;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #cccccc;
	display: block;
	float: left;
	padding: 3px;
	width: 240px;
}

form.enquiry textarea { height: 100px; width: 364px; }

span.information { clear: left; color: #888; display: block; line-height: 1.5; margin-left: 168px; padding-top: 4px; vertical-align: middle; }

form.enquiry p { clear: both; margin-bottom: 22px; overflow: hidden; }

form.enquiry label { display: block; float: left; font-weight: bold; line-height: 1.5; padding-right: 8px; text-align: right; vertical-align: middle; width: 160px; }

form.enquiry input.submit { margin-left: 168px }

#feedback textarea { height: 225px; width: 500px; }

/* --------------------------
 @Videos
/* -------------------------- */

.videoright { display: block; float: right; margin-left: 12px; }

.videoleft { display: block; float: left; margin-right: 12px; }


/* --------------------------
 @Gallery
/* -------------------------- */

#gallery { margin: 0 24px }

#photo-gallery { margin: 0 auto; padding-bottom: 24px; width: 800px }

/* --------------------------
 @Partners page
/* -------------------------- */

div.partners {
  width: 30%;
  float: left;
  padding-right: 20px;
}

div.partners img {
  max-width: 95%;
  max-height: 120px;
}

/* --------------------------
 @Mailing List Region Selector
/* -------------------------- */

.mailouts-region-selector {
	background-color: #ffffff;
	border: 1px solid black;
	margin: 7px 0 0;
	padding: 3px 3px 3px 6px;
	width: 97%;
	font-size: 90%;
}

.mailouts-region-selector label {
	display: block;
}


/* --------------------------
 @Community Woodlands
/* -------------------------- */

#community-woodlands-table {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	border-collapse: collapse;
}

#community-woodlands-table td, #community-woodlands-table th {
	font-size: 0.8em;
	padding: 6px;
	vertical-align: top;
}

#community-woodlands-table th {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f0f0f0
}

#community-woodlands-table .odd td {
	background: #f7f7ff
}

#community-woodlands-table a.more {
	float: right;
	padding: 0.25em 0.5em 0.25em 0.5em;
}

#community-woodlands-table a.more:hover {
	background-color: #f0f0f0;
}


#project-info-table {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	border-collapse: collapse;
}

#project-info-table td, #project-info-table th {
	font-size: 0.8em;
	padding: 6px;
	vertical-align: top;
}

#project-info-table td {
	text-align: left;
}

#project-info-table th {
	text-align: right;
	width: 10%;
}


/* --------------------------
 @Pagination
/* -------------------------- */

form#project textarea { width: 560px; height: 200px; }

.pagination { margin-top: 1.5em; text-align: center;}

.pagination p.last { color: #9f9f9f }

.pagination a:link, .pagination a:visited { background: #fff; border: 1px solid #E9E1B5; color: #1863B6; padding: 0.22em 0.5em 0.33em; text-decoration: none;}

.pagination a:hover, .pagination a:active, .pagination a:focus { background: #1863B6; color: #fff; }

.pagination .current { background: none; color: #000; font-weight: bold; margin: 0 0.3em;}

.pagination .next { margin-left: 2em;}

.pagination .previous { margin-right: 2em;}

.pagination .inactive { background: #fff; border: 1px solid #E9E1B5; color: #9f9f9f; padding: 0.28em 0.5em;}

.pagination p.total { color: #9f9f9f; }

/* --------------------------
 sidebar photo gallery for static images
/* -------------------------- */

.sidebar-photo-gallery {
    background-color: #D9F5CF;
    padding: 24px 0 24px 0;
    margin-bottom: 20px;
}

.sidebar-photo {
    width: 310px;
    margin: 24px auto 0 auto;
}

.sidebar-photo-gallery .first {
    margin-top: 0;
}

.sidebar-photo a {
    display: block;
}

.sidebar-photo img {
    width: 345px;
    width: 310px;
    display: block;
}

/* --------------------------
 styling for /gallery/ 
   -------------------------- */

.gallery_table {
	width: 80%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0
}

.gallery_table td, .gallery_table th {
	font-size: 0.8em;
	padding: 6px
}

.gallery_table th {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f0f0f0
}

.gallery_table .even td {
	background: #f7f7ff
}

.gallery_search fieldset { background: #F8F7E6; border: 1px solid #EEECC9; display: block; margin: 20px 0 0px; position: relative; padding: 0 20px 20px; width: 400px; }

.gallery_search legend { color: #000; font-weight: bold; position: absolute; top: -0.75em; left: 20px }

.gallery_search label { display: block; float: left; font-weight: bold; margin-right: 4px; text-align: right; width: 50px; }

.gallery_search input { width: 250px; }

.gallery_search .submit { margin-left: 54px; }

.gallery_browse fieldset { background: #F8F7E6; border: 1px solid #EEECC9; display: block; margin: 20px 0 0px; position: relative; padding: 0 20px; width: 400px; }

.gallery_browse legend { color: #000; font-weight: bold; position: absolute; top: -0.75em; left: 20px }

.gallery_browse label { display: block; float: left; font-weight: bold; margin-right: 4px; text-align: right; width: 50px; }

.gallery_browse input { width: 250px; }

.gallery_browse .submit { margin-left: 54px; }

.gallery_table {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0
}

.gallery_table td, .gallery_table th {
	font-size: 0.8em;
	padding: 6px
}

.gallery_table th {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f0f0f0
}

.gallery_table .even td {
	background: #f7f7ff
}