/* ====================

Title: Forests.co.uk Main
Last updated: 10/06/2008 by Mike

* Some ideas from Blueprint
* code.google.com/p/blueprintcss

==================== */


/* --------------------------
 @Reset - Based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
----------------------------- */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; }


/* Removed em from the above, as we want to use it... */

/* --------------------------
 @Typography
----------------------------- */

body {
	color: #241b08;
	font-family: verdana, arial, sans-serif;
	font-size: 75%;
	line-height: 1.5;
}

/* Headings */

h1,h2,h3,h4,h5,h6 { font-family: arial, "helvetica neue", sans-serif; font-weight: bold; }

h1 { color: #0a1525; font-size: 1.833em; margin-bottom: 0.5em;}
h2 { color: #c5420e; font-size: 1.5em; margin-bottom: 0.5em; }
h3 { color: #0a1525; font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; margin-top: 0.833em }
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em; }

/* Text elements */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin: 0 0 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

/* Default link styles */

a:link,
a:visited { color: #22a1f2; }

a:hover,
a:active,
a:focus { color: #22a1f2; text-decoration: none } 

p.more a, a.more, a.next { background: url('../images/arrow_blue.gif') 100% 70% no-repeat; padding: 0 9px 0 0}

a.previous { background: url('../images/arrow_blue_back.gif') 0 70% no-repeat; padding: 0 0 0 9px}

a.action { background-position: left center; background-repeat: no-repeat; padding-left: 22px; }

	h1 a.action { font-size: 0.667em; margin: 0 0 0 10px }

a.print { background-image: url('../images/icon_print.gif') }

a.email { background-image: url('../images/icon_email.gif') }

a.edit { background-image: url('../images/icon_edit.gif') }

a.preview { background-image: url('../images/icon_preview.gif') }


/* Tables */

table   { margin-bottom: 1.4em; }
th      { font-weight: bold; }

/* Text Classes */

.new {
	color: #f37800;
	font-weight: bold
}

div.tip { background: #fdfbc9; margin: 0 0 1em; padding: 0.5em 0.75em}

.tip p { background: url('../images/icon_tip.gif') no-repeat center left; margin: 0; padding-left: 25px;  }


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

body { background: #cbdea2 url('../images/bg_body.gif') repeat-x;}

#wrapper, #footer { background: url('../images/bg_wrapper.gif') center left repeat-y; margin: 0 auto; width: 776px; }

#wrapper_inner { background: url('../images/bg_wrapper_top.gif') no-repeat; min-height: 600px; padding: 0 8px; }

#footer_inner { padding: 0 8px }


/* --------------------------
 @Grid
 
 - 6 columns of 116px each
 - 5 gutters of 10px each
 
----------------------------- */

.column {
	float: left;
	margin-right: 10px;	
}

.padded { padding: 0 10px }

.colspan-1 { width: 116px }
.colspan-1.padded { width: 96px }

.colspan-2 { width: 242px }
.colspan-2.padded { width: 222px }

.colspan-3 { width: 368px }
.colspan-3.padded { width: 348px }

.colspan-4 { width: 494px }
.colspan-4.padded { width: 474px }

.colspan-5 { width: 620px }
.colspan-5.padded { width: 600px }

.colspan-6 { width: 746px; margin-right: 0;}
.colspan-6.padded { width: 726px }

.last {
	margin-right: 0;
}


/* --------------------------
 @Corners
----------------------------- */

.corners { position: relative }

.tl, .tr, .bl, .br { background: url('/auto/corners/fff-5/all.png') no-repeat; height: 5px; position: absolute; width: 5px; }

.tl { background-position: top left; left: 0; top: 0; }

.tr { background-position: top right; right: 0; top: 0; }

.bl { background-position: bottom left; bottom: 0; left: 0; }

.br { background-position: bottom right; bottom: 0; right: 0; }

.green { background: #effad8; margin-bottom: 5px; }

.beige { background: #f8f7e6 }


/* --------------------------
 @Identity
----------------------------- */

div#identity { background: #87ae1f url('../images/bg_identity.gif') repeat-x; margin-bottom: 1px; min-height: 105px}

#identity #logo { margin: 28px 0 0 28px }


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

#navigation {   }

#navigation ul { background: #84b945 url('../images/bg_navigation.gif') repeat-y; float: left; margin: 0; width: 100% }

#navigation li { color: #fff; float: left; font-family: times, serif; list-style-type: none; margin-right: 1px; position: relative; text-align: center; text-transform: uppercase;}

#navigation li#home { width: 85px; }
#navigation li#woodlands { width: 126px; }
#navigation li#buying { width: 205px; }
#navigation li#selling { width: 233px; }
#navigation li#contact { margin-right: 0; width: 107px; }

#navigation li a:link, #navigation li a:visited { background: #84b945; color: #fff; display: block; padding: 8px 0; text-decoration: none; }

#navigation li a:hover, #navigation li a:active, #navigation li a:focus, #navigation li:hover a { background: #142e58; color: #fcffdd }

#navigation ul.dropdown { background: #fff; border: 1px solid #051a3d; left: 0px; padding: 0; position: absolute; top: 34px; width: 165px; z-index: 5}

#navigation ul.dropdown li { float: none; margin: 0; text-align: left}

#navigation ul.dropdown li a { border-top: 1px solid #eee; text-align: left }

#navigation ul.dropdown li.first a { border-top: none; }

#navigation ul.dropdown li a:link, #navigation ul.dropdown li a:visited { background: none; color: #137bbf; display: block; padding: 6px 10px; width: 145px;} 

#navigation ul.dropdown li a:hover, #navigation ul.dropdown li a:active, #navigation ul.dropdown li a:focus { background: #142e58; color: #fcffdd }

#navigation ul.dropdown { display: none; }

#navigation li:hover .dropdown { display: block; }


/* --------------------------
 @Footer
----------------------------- */

#footer { padding-bottom: 3px; }

#footer #extras { background: #6e9505 url('../images/bg_identity.gif') repeat-x; border-top: 1px solid #55700c; margin-bottom: 1px; overflow: hidden; text-align: center }

#extras h3 { color: #fcffdd; font-size: 1.333em; margin-bottom: 0.667em }

#extras ul.links { list-style-type: none; margin: 0 5px 1em; }

#extras .links li { font-size: 1.1667em; line-height: 1.86em }

#extras .links a:link, #extras .links a:visited { color: #dfff8a; text-decoration: none; }

#extras .links a:hover, #extras .links a:active, #extras .links a:focus { color: #fff; }

#footer #copyright { background: #84b945; padding: 0.75em }

#footer #copyright p { color: #fff; margin: 0; text-align: center }


/* --------------------------
 @slideshow
----------------------------- */

#slideshow { clear: both; padding-top: 1px;  }

#slideshow img { display: block; }


/* --------------------------
 @Breadcrumb
----------------------------- */

.home #breadcrumb { display: none; visibility: hidden }

p#breadcrumb { background: #f8f7e6; border-bottom: 1px solid #eeecc9; clear: both; color: #bdb4a2; font-size: 0.8333em; line-height: 1; margin: 0; padding: 1em }

#breadcrumb a:link, #breadcrumb a:visited { background: none; color: #68bbd4; padding: 0; text-decoration: none; }

#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus { color: #023a5d }


/* --------------------------
 @content
----------------------------- */

#content { clear: both; margin: 0 7px; overflow: hidden; padding: 10px 0 30px;}

#content p { line-height: 2 }

#content li { line-height: 2; margin: 0.5em 0 }

#bob { float: right; margin-left: 10px; }


/* --------------------------
 @Map
----------------------------- */

#regions { margin-bottom: 1.5em }


/* --------------------------
 @Latestwoods
----------------------------- */

#latest-woods { position: relative; }

#latest-woods .controls { position: absolute; top: 0.5em; right: 0px;}

#latest-woods .controls p { color: #999; float: left; margin: 0; }

#latest-woods .controls ul { float: left; list-style-type: none; margin: 0;}

#latest-woods .controls li { float: left; font-family: verdana, sans-serif; font-size: 0.8333em; margin: 0 0 0 5px;}

#latest-woods .controls li a:link, #latest-woods .controls li a:visited { background: #fff; border: 1px solid #dccea9; display: block; margin: 0.41667em 0 0 0; padding: 0 4px; text-decoration: none; }

#latest-woods .controls li a:hover, #latest-woods .controls li a:active, #latest-woods .controls li a:focus { background: #9a8c68; border: 1px solid #7a6b45; color: #fff; outline: 0}

#glider { border-bottom: 2px solid #ececec; border-top: 2px solid #ececec; height: 16em; overflow: hidden; padding: 10px 0 }

#latest-woods #woods { height: 16em; width: 1260px;}

#latest-woods .wood { background: #9a8c68; border: 5px solid #dccea9; color: #fefffb; float: left; height: 15em; margin-right: 10px; width: 232px }

#latest-woods .wood h3, #latest-woods .wood p { padding: 0 5px }

#latest-woods .wood h3 { color: #fff; font-size: 1em; margin: 0.5em 0 0.333em; }

#latest-woods .wood p { font-size: 0.91667em; line-height: 1.75; margin: 0 }

#latest-woods .wood .location { color: #dccea9; font-weight: bold; }

#latest-woods .wood .pipe { color: #88774a; margin: 0 2px; }

#latest-woods .wood a:link, #latest-woods .wood a:visited { color: #bfff37; }

#latest-woods .wood a.more { background-image: url('../images/arrow_green.gif') }


/* --------------------------
 @Region
----------------------------- */

#region-woods { margin-bottom: 2em }

#region-woods .wood { background: #f8f7e6; margin: 0.833em 0; overflow: hidden; padding: 10px; }

#region-woods .wood img { float: left; margin-right: 10px; }

#region-woods .wood h2 { color: #4a9508 }

#region-woods .wood h2 .details { background: #edecd4; border-bottom: 1px solid #dbdabd; color: #9c9a70; display: block; font-size: 0.7778em; font-weight: normal; margin: 0.25em 0 0 10px; padding: 0.333em; font-style: italic}

#region-woods .wood h2 .details .pipe { color: #dbdabd; margin: 0 5px; }

#region-woods .wood p.more { margin: -10px 0 0 }

#wherenext h2 { clear: both; color: #c5420e; background: #f8f7e6; font-size: 1.333em; font-weight: bold; margin: 0.75em 0; padding: 0.25em 0.75em }

#nowoods { background: #f8f7e6; border: 2px solid #e0deb9; padding: 10px }


/* --------------------------
 @Particulars
----------------------------- */

.particulars .sold { color: #b60606; }

.particulars #images { margin-bottom: 1.25em; }

.particulars #images img { display: block; float: left }

.particulars .constraint { height: 327px; overflow: hidden; width: 494px; }

.particulars #maps .constraint { width: 630px }

.particulars .overflow { height: 327px; }

.particulars .navigation { background: #effad8; color: #749b0b; font-family: arial, sans-serif; font-size: 1.1667em; font-weight: bold; margin: 0; padding: 0.333em;text-align: center; }

/* 

.particulars .navigation .pipe { color: #cbdca7; margin: 0 5px; }

.particulars .navigation a.previous{ background: url('../images/arrow_blue_back.gif') no-repeat 0% 70%; padding-left: 9px;}

.particulars .navigation a.next { background: url('../images/arrow_blue.gif') no-repeat 100% 70%; padding-right: 9px; }

*/

.particulars .navigation a { background: #fff; border: 1px solid #cbdca7; padding: 2px 5px; }

.particulars .navigation a:link, .particulars .navigation a:visited { text-decoration: none; }

.particulars .navigation a:hover, .particulars .navigation a:active, .particulars .navigation a:focus { background: #a0b377; border-color: #80905e; color: #fff; }

.particulars #details { background: #f8f7e6; position: relative; z-index: 2 }

.particulars #details h2 { padding-top: 10px }

.particulars #details h2, .particulars #details p { margin-left: 10px; margin-right: 10px }

.particulars #details p.section { border-bottom: 1px dashed #b19f72; margin-bottom: 0.5em; padding-bottom: 0.5em }

.particulars #details .actions { background: #9a8c68; margin: 10px; padding: 10px 10px; }

.particulars #details .actions p { line-height: 2.5em; margin: 0; }

.particulars #details .actions p a:link, .particulars #details .actions p a:visited { color: #bfff37; font-weight: bold; padding-left: 24px }

.particulars #details #emailtoafriend { background: #fff; border: 2px solid #dcdab2; top: 95%; padding: 0 10px; position: absolute; right: 10px; visibility: hidden; width: 240px; z-index: 3 }

.particulars #details #emailtoafriend h3 { color: #c5420e; margin-top: 0.667em }

.particulars #details #emailtoafriend input.text { width: 232px }

.particulars #description { clear: both }

.particulars .maps { background: #f2f2f2; overflow: hidden; padding: 10px 0; }

.particulars .maps h2, .particulars .maps p { margin: 0 10px 0.25em}

.particulars h2 span.info { color: #241b08; font-size: 0.667em; font-weight: normal; margin-left: 8px; }

.particulars .map { border: 1px solid #cecece; display: block; float: left; margin-bottom: 10px; margin-left: 10px; }

.particulars .map:hover { border: 1px solid #888 }

.particulars #othermaps { margin: 2em 0; }

.particulars #othermaps .map { border: 1px solid #cecece; margin-left: 10px; }

.particulars #othermaps p { margin: 0.5em 10px 0.75em; }

.particulars #othermaps p.google { border-top: 1px dashed #ccc; margin-bottom: 0; padding-top: 0.5em; }

.particulars #registerinterest { border-bottom: 2px solid #ececec; border-top: 2px solid #ececec; clear: both; margin-top: 1em; padding: 1em 0; }

.particulars form#contactform { margin: 0; padding-top: 1em }

.particulars #contactform p { clear: left; margin: 0 0 0.75em; overflow: hidden; }

.particulars #contactform p.last { margin-bottom: 0; }

.particulars #contactform label { clear: both; display: block; float: left; font-weight: bold; margin: 0; padding-right: 12px; text-align: right; vertical-align: middle; width: 104px }

.particulars #contactform input, .particulars #contactform textarea { float: left; margin: 0; }

.particulars #contactform input.submit { float: none; margin-left: 116px; }

.particulars .disclaimer { font-size: 90%; }

/* --------------------------
 @Popup maps
----------------------------- */

body#map #wrapper { background: #fff; border: 1px solid #9ba586; margin-top: 1em; padding: 0 0 1em 0; width: 640px; }

#map h1 { background: #f8f7e6; margin: 0; padding: 16px 5px; text-align: center; }

#map p.navigation { background: #ebe9c7; color: #4f4d2f; margin: 0 0 2em; padding: 6px; text-align: center; }

#map .navigation .pipe { color: #c7c495 }

#map .navigation .inactive { color: #beba82 }


/* --------------------------
 @Emailinitial
----------------------------- */

#email-updates p.summary { font-style: italic; font-weight: normal; margin-bottom: 0.75em }

.green p.summary { color: #7ea022 }


/* --------------------------
 @Emailsignup
----------------------------- */

#emailsignup h2 { clear: both; color: #c5420e; background: #f8f7e6; font-size: 1.333em; font-weight: bold; margin: 1.5em 0; padding: 0.25em 0.75em }

#emailsignup label { display: block; float: left; font-weight: normal; margin: 0; padding-right: 12px; text-align: right; vertical-align: middle; width: 140px }

#emailsignup #all label { font-weight: bold; }

#emailsignup input { float: left; margin: 0; }

#emailsignup #emailaddress { overflow: hidden; }

#emailsignup #regions { list-style-type: none; margin: 0; }

#emailsignup #regions li { clear: left; display: block; margin: 0.75em 0; overflow: hidden; }

#emailsignup #regions li .checkbox { position: relative; top: 3px; }

#emailsignup p, #emailsignup #finish { margin-left: 152px; margin-top: -10px}


/* --------------------------
 @Emailpolicies
----------------------------- */

ul#emailpolicies { border-top: 1px solid #eee; list-style-type: none; margin: 0; }

#emailpolicies li { border-bottom: 1px solid #eee; background: url('../images/tick.gif') no-repeat 0% 10%; margin: 1em 0; padding: 0 0 1em 2em }


/* --------------------------
 @Email unsubscribe
----------------------------- */

#unsubscribe { margin: 1.5em 0; overflow: hidden; }

#unsubscribe label { display: block; float: left; font-weight: normal; margin: 0; padding-right: 12px; text-align: right; vertical-align: middle; width: 140px }

#unsubscribe input { float: left; margin: 0; }

#unsubscribe input#finish { clear: both; margin-left: 152px; margin-top: 1em }


/* --------------------------
 @Email edit
----------------------------- */

#emailsignup .section { margin-top: 20px; padding-left: 152px; }

#unsubscribe { margin-bottom: 20px }


/* --------------------------
 @Classes (reusable)
----------------------------- */

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

.container { margin: 0 auto; padding: 0 33px; position: relative; width: 834px;}

.content { margin: 0 10px 0 10px }

.column {
	float: left;
}

.fullwidth { width: 674px }

.last {
	margin-right: 0;
	margin-bottom: 0;
}


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

form.default {
	margin-bottom: 1.5em;
}

.default fieldset {
	border: 0;
	margin-bottom: 1.5em
}

	.default fieldset.hidelegend legend {
		display: none;
	}
	
.default legend { color: #c5420e; font-family: arial, sans-serif; font-size: 1.5em; font-weight: bold; }

.default h2 { clear: both; color: #c5420e; background: #f8f7e6; font-size: 1.5em; font-weight: bold; margin: 0 0 1.5em; padding: 0.25em 0.75em;}
	
.default label {
	cursor: pointer;
	font-weight: bold;
}

.default input,
.default textarea,
.default select {
	font-family: arial, verdana, sans-serif;
}

.default input.text, .default input.password {
	background: #fdfdf8;
	border-top: 1px solid #aaa;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #cccccc;
	font-weight: normal;
	padding: 3px;
	width: 350px;
}

	.default input.text:focus, .default input.password:focus {
		background: #FFF
	}

.default textarea {
	background: #fdfdf8;
	border-top: 1px solid #aaa;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #cccccc;
	font-size: 1em;
	height: 200px;
	line-height: 1.5em;
	padding: 3px;
	width: 350px;
}

	.default textarea:focus {
		background: #FFF
	}
	
.default select { width: 358px }

.default input.submit {
	font-weight: bold;
}

.error, 
.confirmation {
	background: #fbf3f3;
	border: 3px solid #c84040;
	color: #000;
	margin: 0 0 1.5em 0;
	padding: 1em;
}

.confirmation {
	background: #fffbe2;
	border-color: #ffe222;
}

.error ol {
	margin: 1em 0 0;
}

#notices ol li {
	margin: 0 0 0.4em 2.8em;
}

.required, 
label span.required {
	color: #A6010C;
}

.error h3, 
.confirmation h3 {
	color: #222;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}


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

.pagination { text-align: center;}

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

.pagination a:link, .pagination a:visited { background: #22a1f2; color: #fff; font-weight: bold; padding: 0.25em 0.5em; text-decoration: none;}

.pagination a:hover, .pagination a:active, .pagination a:focus { background: #0c466c; }

.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 { color: #9f9f9f; padding: 0.28em 0.5em;}

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