/*________ MAIN ELEMENTS ________*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

body {
background: #1e448f url(images/bg-html.gif) repeat-y center;
}

#mainContainer {
	font: 12px Arial, Helvetica, sans-serif;
	color: #5e5e5e;
	text-decoration: none;
	text-align: center;
	background: url(images/bg-body.jpg) no-repeat bottom center;
}

img {
	display: block;
	border: 0;
}

a {
color: #5a3814;
}

a:hover {
color: #cbbd89;
border: 0;
}

a:link, a:active, a:hover, a:visited {
	outline: none;
}

ul {
padding-left: 20px;
}

ul li {
margin-bottom: 2px;
}


/*________ CONTAINER ________*/

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


/*________ HEADER ________*/

#header {
	background: url(images/bg-header.gif) no-repeat top center;
}

h1 img {
	padding: 30px 20px 10px 25px;
	float: left;
}

#header .headerBanner {
	padding: 45px 0 10px 0;
}

#header .headerBanner a img {
margin: 0 auto;
}

#header .headerBanner small a {
margin: 0 15px 0 auto;
display: block;
overflow: hidden;
width: 75px;
text-align: right;
text-decoration: none;
}


/*________ NAV ________*/

#nav {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 12px 0;
	height: 18px;
	background: url(images/bg-nav.jpg) no-repeat top center;
	padding-bottom: 35px;
	clear: left;
}

#nav li {
	display: inline;
}

#nav li a {
	color: #5a3814;
	text-decoration: none;
	padding: 12px 22px;
}

#nav li a:hover {
	color: #fff;
	text-decoration: none;
}

/*________ CONTENT - COMMON STYLES ________*/

#content h3  {
	text-align: left;
	color:#5a3814;
	font-size: 30px;
padding-bottom: 15px;
}

#content p {
padding-bottom: 10px;
line-height: 16px;
}

#content form fieldset {
border: 0;
}

#content form fieldset label {
display: none;
}

#content form fieldset input {
display: block;
border: 1px solid #c4c4c4;
color: #5e5e5d;
font-size: 12px;
}

#content form .selectField {
border: 1px solid #c4c4c4;
padding: 4px 0 0 6px;
height: 24px;
background: #fff;
}

#content form fieldset select {
display: block;
border: 0;
color: #5e5e5d;
font-size: 12px;
}

#content #errorText {
text-align: left;
margin: 0 20px 10px 0;
padding: 5px;
border: 1px solid;
color: #f20000;
background: #ffb8b8;
}

#content #errorText p {
font-weight: bold;
padding: 0 0 5px 0;
}

#content #errorText ul {
padding-left: 20px;
}

#content #errorText ul li {
margin-bottom: 2px;
}

#content #successText {
border: 1px solid;
color: #197b19;
background: #b8ffb8;
padding: 10px;
margin: 0 20px 10px 0;
}

#content #successText p {
padding: 0;
line-height: 15px;
}

/*________ CONTENT - HOME ________*/

#content {
	overflow: hidden;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
text-align: left;
}

#homeBanners {
float: left;
margin: 0 15px 0 0;
width: 590px;
}

.homePagePanels {
	width: 230px;
	height: 170px;
	padding: 10px;
	background: url(images/bg-home-page-panels.gif) no-repeat;
	float: left;
	text-align: center;
}

.gotWantHome {
margin-bottom: 25px;
}

.homePagePanels p {
	padding: 15px 0px;
}

.homePagePanels img {
	margin-left: auto;
	margin-right: auto;
}

.orImg {
	float: left;
	padding: 80px 30px;
}

#testimonial {
overflow: hidden;
width: 290px;
background: url(images/bg-testimonial.gif) no-repeat top left;
margin: 5px 0 20px 0;
}

#testimonial p.testimonial {
font: 11px Georgia, Arial, Helvetica, Sans-Serrif;
font-style: italic;
color: #5e5e5e;
line-height: 140%;
padding: 10px 0 8px 0;
}

#testimonial p {
color: #333333;
line-height: 120%;
font-size: 11px;
}
#homeRight .donations img {
padding-left: 15px;
}


/*________ GOT SOIL / WANT SOIL ________*/

#ausMap {
width: 530px;
margin-left: 40px;
}

#sideBar {
	line-height: 14px;;
	float: right;
	width: 250px;
	text-align: center;
	background: url(images/bg-sidebar.gif) repeat-y;
}

#content .otherPages {
background: 0;
padding: 20px 0 0 20px;
}

#content .otherPages .wantSoil {
margin-bottom: 55px;
}

#gotWantSideBar {
float: right;
clear: right;
width: 250px;
text-align: center;
margin: 30px 0;
}

#sideBar .homePagePanels,
#gotWantSideBar .homePagePanels {
float: none;
}

#sideBar .orImg,
#gotWantSideBar .orImg {
float: none;
padding: 0;
margin: 0 auto;
padding: 20px 0;
}

#sideBar p {
	padding: 10px 0px;
}

#sideBar p#optional {
font-size: 10px;
padding: 0;
}

#soilForm fieldset label#availableDates {
display: block;
text-align: left;
padding: 0 0 5px 20px;
font-weight: bold;
clear: both;
}

#soilForm fieldset #datesAvailable label {
display: block;
width: 40px;
float: left;
text-align: left;
padding: 11px 0 10px 45px;
}

#soilForm fieldset input,
#soilForm fieldset textarea {
width: 202px;
height: 23px;
padding: 5px 0 0 8px;
margin: 5px auto;
}

#soilForm fieldset input.perCubicMetre {
width: 105px;
float: left;
margin-left: 20px;
margin-right: 5px;
margin-top: 0;
}

#soilForm fieldset span.perCubicMetre {
display: block;
overflow: hidden;
width: 100px;
height: 20px;
margin: 5px 0;
text-align: left;
padding: 8px 0 0 0;
}

#soilForm fieldset input#cost {
float: left;
width: 85px;
margin: 0 5px 5px 20px;
}

#soilForm fieldset div.payType {
overflow: hidden;
width: 103px;
margin: 0 0 5px 0;
}

#soilForm fieldset select#payType {
display: block;
width: 100px;
}

#soilForm fieldset #datesAvailable div {
overflow: hidden;
width: 240px;
}

#soilForm fieldset #datesAvailable input {
width: 110px;
float: left;
margin-right: 8px;
}

#soilForm fieldset textarea {
border: 1px solid #c4c4c4;
height: 115px;
color: #5e5e5e;
overflow: auto;
font: 12px Arial, Helvetica, sans-serrif;
}

#soilForm .selectField {
width: 204px;
margin: 5px auto;
}

#soilForm fieldset select {
width: 200px;
}

#soilForm fieldset a img {
display: block;
margin: 12px 0;
}

#soilForm fieldset label#businessType {
display: block;
width: auto;
text-align: left;
float: none;
clear: both;
padding: 0 0 8px 20px;
}

#soilForm fieldset label.checkBox,
#soilForm fieldset #busTypes label {
display: block;
color: #5e5e5d;
font-size: 11px;
padding: 0;
margin: 0 0 10px 20px;
text-align: left;
}

#soilForm fieldset label.checkBox a {
color: #5e5e5d;
text-decoration: none;
}

#soilForm fieldset label.checkBox a:hover {
color: #000;
text-decoration: underline;
}

#soilForm fieldset label.checkBox input,
#soilForm fieldset #busTypes input {
float: left;
width: auto;
height: 15px;
border: 0;
padding: 0;
margin: 0 5px 0 0;
}

#sideBar p.pleaseNote {
background: url(images/bg-sidebar-bottom.gif) no-repeat bottom;
	font-size: 10px;
	text-align: left;
	padding: 10px 25px 20px 25px;
}

#sideBar #businessFinder {
padding: 20px 25px 0 25px;
background: url(images/bg-sidebar-top.gif) no-repeat top;
}

#sideBar span.optional {
color: green;
}

#sideBar form .optional {
border: 1px solid green;
}

#content #sideBar #errorText {
margin-left: 20px;
}

#content #sideBar #successText {
margin-left: 20px;
font-size: 16px;
}

#content #sideBar #successText p {
line-height: 20px;
}

#search,
#businessSearch {
margin-bottom: 30px;
overflow: hidden;
width: 630px;
}

#businessSearch #busSearchP {
color: #000;
padding: 10px 0;
}

#search form fieldset {
float: left;
width: 310px;
}

#search form fieldset label,
#businessSearch form fieldset label {
color: #000;
display: block;
padding: 10px 0;
}

#businessSearch form fieldset label {
width: 110px;
float: left;
clear: left;
}

#search form fieldset label.radius,
#businessSearch form fieldset label.radius {
width: 102px;
float: left;
clear: none;
padding-top: 8px;
}

#search form fieldset input {
float: left;
width: 97px;
height: 23px;
padding: 5px 0 0 8px;
margin: 0 5px 0 0;
}

#businessSearch form fieldset input {
display: block;
height: 23px;
width: 242px;
padding: 5px 0 0 8px;
margin: 0 0 5px 0;
}

#businessSearch form fieldset input#searchPostCode {
width: 97px;
float: left;
margin-right: 5px;
}

#search form fieldset .selectField,
#businessSearch form fieldset .selectField {
width: 80px;
overflow: hidden;
margin: 0;
}

#businessSearch form fieldset .selectField {
margin-bottom: 5px;
}

#businessSearch form fieldset .busType {
width: 245px;
}

#search form fieldset select,
#businessSearch form fieldset select {
width: 75px;
}

#businessSearch form fieldset select#searchBusinessType {
width: 240px;
}

#search form input {
margin-top: 35px;
}

#businessSearch form input {
margin: 5px 0 5px 110px;
}

#sideBar p.tenderP {
padding: 8px 20px 12px 20px;
text-align: left;
}

#sideBar #tenderExamples {
text-align: left;
padding: 0 0 0 50px;
}

/*________ GOT SOIL / WANT SOIL LISTINGS ________*/

#addListings {
overflow: hidden;
clear: left;
width: 630px;
margin-bottom: 50px;
}

#addListings .searchInfo {
font-size: 14px;
line-height: 18px;
color: #5a3814;
}

#addListings .listing {
border-top: 1px solid #93877f;
padding: 20px 0 20px 0;
overflow: hidden;
width: 100%;
}

#addListings .listing .areaCode {
float: left;
font-size: 60px;
font-weight: bold;
color: #5a3814;
margin: 0 20px 0 0;
padding: 60px 0 0 0;
width: 242px;
height: 200px;
text-align: center;
}

#addListings .listing .provider {
background: url(images/bg-soil-listing-provider.jpg) no-repeat top center;
}

#addListings .listing .seeker {
background: url(images/bg-soil-listing-seeker.jpg) no-repeat top center;
}

#addListings .listing dl {
overflow: hidden;
width: 364px;
font-size: 14px;
margin: 0;
}

#addListings .listing dl dt {
font-weight: bold;
color: #000000;
float: left;
clear: left;
width: 156px;
padding: 5px 0;
border-top: 1px dotted #a8aeba;
margin-top: -1px;
}

#addListings .listing dl dt.noTopBorder {
border-top: 0;
}

#addListings .listing dl dd {
display: block;
color: #5a3814;
padding: 5px 0;
overflow: hidden;
width: 205px;
border-bottom: 1px dotted #a8aeba;
}

#addListings .listing dl dd.noBottomBorder {
border-bottom: 0;
}

#addListings .listing dl dd a {
text-decoration: none;
}

#addListings .tender dl {
width: 100%;
margin-bottom: 30px;
line-height: 18px;
}

#addListings .tender dl dt {
width: 180px;
}

#addListings .tender dl dd {
width: 446px;
}

#addListings ul.navLinks {
float: right;
margin-bottom: 10px;
}

#addListings ul.navLinks li {
list-style-type: none;
color: #000;
float: left;
font-weight: bold;
}

#addListings ul.navLinks li.current,
#addListings ul.navLinks li.more,
#addListings ul.navLinks li.back {
padding: 5px 0;
margin: 0 5px;
}

#addListings ul.navLinks li.back a,
#addListings ul.navLinks li.more a {
padding: 0;
border: 0;
font-weight: bold;
}

#addListings ul.navLinks li a {
float: left;
font-weight: normal;
color: #000;
text-decoration: none;
padding: 5px 6px;
margin: 0 3px;
border: 1px solid #bdaf80;
}

#addListings ul.navLinks li a:hover {
text-decoration: underline;
}

#addListings .listingsBanner {
border-top: 1px solid #93877f;
text-align: center;
padding: 10px 0;
}

#addListings .listingsBanner img {
margin: 0 auto;
}

#advancedSearch {
background: url(images/bg-advanced-search.gif) no-repeat top left;
width: 630px;
height: 138px;
}

#advancedSearch form {
padding: 80px 10px 0 20px;
}

#advancedSearch form fieldset {
margin-right: 5px;
float: left;
}

#advancedSearch form fieldset .selectField {
width: 140px;
float: left;
}

#advancedSearch form fieldset select {
width: 135px;
}

#advancedSearch form .andOr {
float: left;
font-weight: bold;
margin: 6px 3px;
}

#advancedSearch form input {
margin-top: 3px;
}

/*________ TIPS FOR NEW USERS ________*/

#content h4 {
font-weight: bold;
font-size: 14px;
padding-bottom: 10px;
color: #000;
}

#soilTips ol, #soilTips ul, #tenderExamples {
padding: 0 0 10px 35px;
}

#soilTips ol li, #soilTips ul li, #tenderExamples li {
margin-bottom: 2px;
}

/*________ TERMS AND CONDITIONS ________*/

#content .conditions {
margin: 0 0 15px 35px;
line-height: 16px;
}

#content .conditions li {
margin: 0 0 5px 0;
}

/*______ CONTACT LISTING OWNER ______*/


#contactListingOwner.page {
width: 600px;
margin-bottom: 20px;
padding-bottom: 20px;
overflow: hidden;
font: 12px Arial, Helvetica, Sans-Serrif;
}

#contactListingOwner.page form fieldset input {
margin: 0 0 10px 0;
}

#contactListingOwner.page form fieldset textarea {
color: #5e5e5e;
}

#contactListingOwner.page #verification {
margin: 0 0 0 65px;
}

#contactListingOwner.page #verification label {
float: none;
display: block;
width: auto;
text-align: left;
margin: 0;
padding: 3px 0;
}

#contactListingOwner.page form input {
margin: 0 0 0 65px;
}

/*______ BUSINESS PRIORITY LISTINGS ______*/

#addListings .priority {
background: #fff url(images/bg-featured-business.gif) no-repeat top;
}

#addListings .priority dl {
padding: 70px 15px 15px 15px;
width: auto;
overflow: visible;

}

#addListings .priority img.businessLogo {
float: right;
border: 1px solid #fff;
margin: 10px 10px 10px 15px;
}

#addListings .priority dl dd {
width: auto;
}

#priorityForm {
overflow: hidden;
width: 500px;
margin-bottom: 30px;
}

#priorityForm fieldset input {
width: 216px;
margin: 0 0 5px 0;
padding: 3px 0 3px 4px;
}

#priorityForm fieldset textarea {
display: block;
width: 246px;
height: 94px;
padding: 3px 0 3px 4px;
border: 1px solid #c4c4c4;
color: #5e5e5d;
margin: 0 0 5px 0;
overflow: auto;
font: 12px Arial, Helvetica, Sans-Serrif;
}

#priorityForm #busTypes label {
display: block;
overflow: hidden;
width: 300px;
margin: 0 0 6px 0;
}

#priorityForm #busTypes label input {
float: left;
clear: left;
width: auto;
height: 15px;
margin: 0 5px 0 0;
}

#priorityForm #locations,
#priorityForm #busLogo {
padding: 10px 0;
margin: 15px 0;
border-top: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
}

#priorityForm #locations label.location,
#priorityForm #busLogo label {
display: block;
clear: left;
font-weight: bold;
margin-bottom: 2px;
}

#priorityForm #locations input {
margin: 0 10px 10px 0;
}

#priorityForm #locations input.suburb {
float: left;
}

#successText.prioritySuccess {
width: 600px;
}

/*________ PRESS / MEDIA ________*/

.press {
overflow: hidden;
width: 625px;
border-bottom: 1px solid #93877f;
padding-bottom: 15px;
margin-bottom: 15px;
}

.press #audioPlayer {
float: left;
margin-right: 10px;
}

/*________ CONTACT US ________*/

#contactUs {
overflow: hidden;
width: 625px;
}

#contactForm {
float: left;
width: 380px;
}

#contactForm fieldset legend {
display: none;
}

#content #contactForm fieldset label {
display: block;
float: left;
clear: left;
text-align: right;
width: 55px;
padding-top: 5px;
margin: 0 10px 5px 0;
}

#contactForm fieldset input {
padding: 4px 0 4px 6px;
width: 184px;
margin: 0 0 5px 0;
}

#contactForm fieldset textarea {
display: block;
border: 1px solid #c4c4c4;
color: #5e5e5d;
padding: 4px 0 4px 6px;
width: 254px;
height: 92px;
margin: 0 0 5px 0;
overflow: auto;
font: 12px Arial, Helvetica, sans-serrif;
}

#contactForm input {
margin: 0 0 0 65px;
}

#contactUs #errorText, #contactUs #successText {
overflow: hidden;
width: 610px;
}

#contactUs #successText {
text-align: center;
font-weight: bold;
}

#contactDetails dt {
float: left;
width: 70px;
margin: 0 0 5px 0;
font-weight: bold;
}

#contactDetails dd {
display: block;
overflow: hidden;
width: 150px;
margin: 0 0 5px 0;
}

#adEnquiries {
margin: 35px 0 25px 0;
display: block;
width: 420px;
}

/*________ FOOTER HOME ________*/

#footerHome {
	text-align: left;
	clear: both;
	color: #5a3814;
width: 625px;
	padding-top: 55px;
	line-height: 18px;
}

#footerHome img.paypalFooter {
	float: right;
	padding-top: 25px;
	margin-right: 8px;
}

#footerHome #shareThis {
float: right;
padding-top: 25px;
}

#footerHome p.credits {
	color: #fff;
	font-size: 10px;
	padding-top: 22px;
	padding-bottom: 455px;
}

#footerHome p.credits a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footerHome p.credits a:hover {
	color: #5a3814;
}

/*________ FOOTER ________*/

#footer {
	text-align: left;
	clear: both;
	color: #5a3814;
	width: 625px;
	padding: 225px 0px 0px 0px;
	line-height: 18px;
}

#footer img.paypalFooter {
	float: right;
	padding-top: 25px;
	margin-right: 8px;
}


#footer #shareThis {
float: right;
padding-top: 25px;
}

#footer p.credits {
	color: #fff;
	font-size: 10px;
	padding-top: 22px;
	padding-bottom: 455px;
}

#footer p.credits a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer p.credits a:hover {
	color: #5a3814;
}	