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

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

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


/*===================================================================================================================================================
Notes on basic design:

The following uses 1 id and 1 class to give each page a header:
#crops_arable .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-crops_arable.jpg') no-repeat;
	height:105px;
	
}
the id relates to the body id and the class is generic.

Give any 'h', (e.g. h3) element a class of green_header_bar and it will style accordingly 

To add a green button add class .green_button to any element
===================================================================================================================================================*/

body{
	background:url('/cssimages/body_background.jpg');
}

#wrapper{
	position:relative;
	background:#fff;
	width:950px;
	margin:0 auto;
}

h1#header{
	background:url('../cssimages/header_background.jpg');
	width:950px;
	height:160px;
	margin:0;
}

li{
	line-height:1.6em;
}

dl,dt,dd{
	margin:0;
}

.green_header_bar{
	background:#85AE5D;
	color:#fff;
	padding:5px 0 5px 5px;
	clear:both;
}

.green_button{
/*	width:84px;*/
	color:#fff;
	border:solid 1px #ccc;
	background:#709632;
	padding:3px;
	text-align:center;
}

#main_content .green_button a{
	color:#fff;
}

#welcome_and_login_data p {
	float: right;
	padding: 0px 20px 0px 0px;
	color: #689B33;

}

#welcome_and_login_data #breadcrumb {
	float: left;
	padding: 0px 10px 0px 20px;
	width: 600px;
}

/*========================================================
WELCOME DYNAMIC DATA AND LOGIN SECTION
=========================================================*/
#welcome_and_login_data h3{
	float:left;
	margin:10px 0 10px 20px;
}

#welcome_and_login_data h3+p{
	float:right;
	margin:10px 20px 10px 0px;
}

#welcome_and_login_data p+p{
}

#welcome_and_login_data a{
	background-color:#689B33;
	border:1px solid #689B33;
	color:#FFFFFF;
	padding:6px;
}

#welcome_and_login_data {
	clear: right;
}

/*========================================================
NAVIGATION
=========================================================*/
#navigation{
	position:absolute;
	list-style:none;
	top:120px;
	left:340px;
	height:50px;
}

#navigation li{
	float:left;
	height:33px;
	margin:0 0 0 3px;
}

#navigation li a{
	display:block;
	color:#fff;
	font-weight:bold;
	padding:7px 0 0 0;
}

/*-----------------------------Styling for each navigation li-----------------------------*/
li a#home{
	background:url('../cssimages/nav_li_background_ho_ne_ab.jpg') no-repeat;
	height:33px;
	width:56px;
	text-align:center;
}

li a#about{
	background:url('../cssimages/nav_li_background_ho_ne_ab.jpg') no-repeat;
	height:33px;
	width:56px;
	text-align:center;
}

li a#news{
	background:url('../cssimages/nav_li_background_ho_ne_ab.jpg') no-repeat;
	height:33px;
	width:56px;	
	text-align:center;
}

li a#links{
	background:url('../cssimages/nav_li_background_links.jpg') no-repeat;	
	height:33px;
	width:94px;
	text-align:center;
}

li a#register{
	background:url('../cssimages/nav_li_background_register.jpg') no-repeat;
	height:33px;
	width:76px;	
	text-align:center;
}

li a#contact{
	background:url('../cssimages/nav_li_background_contact.jpg') no-repeat;	
	height:33px;
	width:93px;
	text-align:center;
}

#navigation li a#advert{
	background:url('../cssimages/nav_li_background_advert.jpg') no-repeat;	
	height:33px;
	width:115px;
	text-align:center;
	margin: -9px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

/*========================================================
SEARCH SECTION
=========================================================*/
#search_section{
	position:absolute;
	top:205px;
	left:736px;
	width:172px;
	height:70px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	padding:10px;
}

#search_section h2{
	color:#689B33;
	margin:0;
}

#search_section input[type="submit"]{
	margin:5px 0 0 0;
} 

#search_section input[type="submit"], #search_section input[type="text"] {
	border:solid 1px #ccc;
}

#search_section option{
	width:140px;
}

/*========================================================
SECONDARY NAVIGATION SECTION (LEFT COLUMN)
=========================================================*/
#secondary_navigation{
	width:190px;
	margin-left:20px;
	float:left;
}

#secondary_navigation h2{
	color:#689B33;
	font-size:1.2em;
}

#catagories{
	width:172px;
	background:#E8E8E8;
	list-style:none;
	border:solid 1px #ccc;
	padding:8px;
}

#catagories h2{
	margin:0 0 10px 0;
}

#catagories a{
	color:#242424;
}

.events{
	text-indent:-9999em;
	width:188px;
	height:106px;
	border:solid 1px #ccc;
	background:url('../cssimages/events.jpg');
	display:block;
}

.category_text {
	background-color:#E8E8E8;
	border:1px solid #CCCCCC;
	color:#444444;
	font-size:0.9em;
	margin:5pt 0pt 15px;
	padding:5px 10px 5px 10px;
	clear: both;
}

/*========================================================
NEWS SECTION
=========================================================*/
#news_section{
	width:168px;
	background:#E8E8E8;
	border:solid 1px #ccc;
	padding:10px;
}

#news_section a{
	color:#689B33;
}

/*========================================================
TERTIARY NAVIGATION
=========================================================*/
#tertiary_navigation h2{
	padding:10px 0 10px 5px;
	margin:3px 0 3px 0;
	color:#000;
	background:#E8E8E8;
	border:solid 1px #ccc;
}

/*========================================================
MAIN CONTENT
=========================================================*/
#main_content{
	width:505px;
	padding:0 10px 0 10px;
	float:left;
/*	border:solid 1px #000;*/
}

#wrapper div.wide {
	width:705px;
}

#main_content h3{
	background-color:#E8E8E8;
	border:1px solid #CCCCCC;
	color:#689B33;
	font-size:2em;
	margin:0pt 0pt 10px;
	padding:5px 0px 5px 10px;
}

#main_content h4{
	background-color:#E8E8E8;
	border:1px solid #CCCCCC;
	color:#444444;
	font-size:1.3em;
	margin:5pt 0pt 15px;
	padding:5px 0px 5px 10px;
}

#main_content h3#subheader {
	margin:10px 0pt 10px;
}

#main_content a{
	color:#689B33;
}  

/*----------------------------------Crops & Arable page----------------------------------*/

#crops-arable .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-crops_arable.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

#auctions .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-auctions.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

#equestrian .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-equestrian.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

#family-home-leisure .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-family.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

#machinery-equipment .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-machinery_equipment.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

#motor-vehicles-trailers .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-motor_vehicles.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

#property-business .content_header{
	text-indent:-9999em;
	background:url('../cssimages/banner-property_business.jpg') no-repeat;
	height:105px;
	border: 0px;
	
}

.subcategories_list{
	display:block;
	width:500px;
	list-style:none;
	margin:0 0 50px 0 5px;
}

.subcategories_list li{
	background:url('../cssimages/subcategories_li_image.jpg') no-repeat left top;
	padding:1px 0 2px 10px;
	line-height:1.8em;
	float: left;
	width: 235px;
	margin-left:5px;
}

/*----------------------------------Products main page----------------------------------*/      

#product #product_images_small{
	width:310px;
	float:left;
	margin:0 0 30px 0;
}

#product table#seller_information{
	margin:0 0 20px 0;
}

#product #seller_information td, #product #equipment_features td{
	width:50%;
}

/*----------------------------------Products list main page----------------------------------*/

#product_list table{
	clear:both;
	border-collapse:collapse;
}

#product_list table h3{
	font-size:1.4em;
}

#product_list table td{
	width:15%;
	padding:0 4px 0 4px;
}

#product_list table tr.odd{
	background:#ccc;
}

/*#product_list dl{
	float:right;
} */              

#product_list dl select{
	margin:0 10px 0 0;
	vertical-align:middle;
}

#product_list dl input{
	vertical-align:middle;
}

#product_list dt{
	float:left;
	padding:3px 5px 10px 0;
}

#product_list dd{
	padding:0 5px 10px 0;
}

#product_list table+p+p{
	text-align:center;
}

/*----------------------------------User Registration main page----------------------------------*/

#user_registration #main_content h3{
	color:#666;
	font-size:1.4em;
	margin:5px 0 5px;
}

#user_registration #contact_form{
	margin:0 0 20px 0;
}
 
#user_registration #contact_form dt, #user_registration #sign_up dt{
	float:left;
	clear:left;
	width:160px;
	padding: 5px 0 5px 0;
	margin: 3px 0px;
}

#user_registration .wide #contact_form dt{
	width:230px;
}

dt.warning {
	color: red;
}

div.warning {
	background: #AD3C24 none repeat scroll 0% 50%;
	border:1px solid #666666;
	clear:both;
	color:#FFFFFF;
	margin:0px 0px 15px;
	padding:0px 0pt 0px 5px;
}

div.confirmation {
	background: #85AE5D none repeat scroll 0% 50%;
	border:1px solid #CCCCCC;
	clear:both;
	color:#000;
	margin:0px 0px 15px;
	padding:0px 0pt 0px 5px;
	text-align: center;
}

#user_registration #contact_form dd, #user_registration #sign_up dd{
	padding:5px 0 5px 0; 
	width: 330px;
	float: left;
	margin: 3px 0px;
}

#user_registration .wide #contact_form dd{
	width:470px;
}

#user_registration #contact_form input, #user_registration #sign_up input{
	border:solid 1px #ccc;
	vertical-align: middle;
	margin:0px 6px 0px 0px;
}

/*----------------------------------User Registration main page----------------------------------*/

.user_registration_narrow #wrapper #contact_form dt, #user_registration_narrow #sign_up dt{
	float:left;
	clear:left;
	width:100px;
	padding: 5px 0 5px 0;
	margin: 3px 0px;
}

/*----------------------------------Emails----------------------------------*/

#email_body {
	padding: 40px;
	width: 850px;
	background-color: #FFFFFF;
}

/*----------------------------------User account page----------------------------------*/

div.account_nav {
	background:#85AE5D none repeat scroll 0%;
	clear:both;
	color:#FFFFFF;
	padding:5px 0pt 10px 5px;
}

.account_nav ul {
	list-style:none;
	clear:right;
}

.account_nav li {
	float: left;
}

#main_content .account_nav a {
	padding: 0px 5px;
	color: #fff;
}

.account_overview_split {
	border:1px solid #CCCCCC;
	float:left;
	margin:10px 5px;
	padding:10px;
	width:200px;
}

.account_overview_split .edit {
	float:right;
	padding:0px 0px 13px;
	width:30px;
	border-bottom:1px solid #CCCCCC;
	margin:7px 0px 10px;
}

#main_content .account_overview_split .edit a {
	color:#FF5511;
}

#main_content .account_overview_split .title {
	float:left;
	width:170px;
	line-height: 1em;
	margin:5px 0px 10px;
	border-bottom:1px solid #cccccc;
	padding:0px 0px 10px;
	color:#666666;
	font-size:1.4em;
}

.account_overview {
	border:1px solid #CCCCCC;
	margin:10px 0px;
	padding:10px;
	clear: both;
}

.account_overview p:first-child, .account_overview_split p:first-child {
	line-height: 1em;
	margin:5px 0px 10px;
	border-bottom:1px solid #cccccc;
	padding:0px 0px 10px;
	color:#666666;
	font-size:1.4em;
}

.account_overview p, .account_overview_split p {
	line-height: 1em;
	margin: 7px 0px;
}

table.advert_table {
	
}

table.advert_table tr {
}

table.advert_table td {
	padding: 3px 5px;
}

#product_list table .classified_img {
	width: 80px;
}

#product_list table .description {
	width: 380px;
}

#product_list table .standard {
	width: 120px;
	height:25px;
}

#product_list table .title {
	width: 320px;
	font-size: 16px;
}

#product_list table .price {
	font-size: 16px;
}


/*========================================================
MAIN CONTENT THUMBNAILS
=========================================================*/
#thumbnails{
	text-indent:-9999em;
	list-style:none;
}

#thumbnails li{
	float:left;
	padding:5px 5px;
}

#thumbnails li:last-child{
	margin-left:168px;
}

#thumbnails #auctions{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_auctions.jpg') no-repeat;
	display: block;
}

#thumbnails #building-materials{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_building.jpg') no-repeat;	
	display: block;
}

#thumbnails #crops-arable{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_crops_arable.jpg') no-repeat;	
	display: block;
}

#thumbnails #equestrian{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_equestrian.jpg') no-repeat;	
	display: block;
}

#thumbnails #family-home-leisure{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_family.jpg') no-repeat;	
	display: block;
}

#thumbnails #livestock{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_livestock.jpg') no-repeat;	
	display: block;
}

#thumbnails #machinery-equipment{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_machinery_equipment.jpg') no-repeat;	
	display: block;
}

#thumbnails #motor-vehicles-trailers{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_motor_vehicles.jpg') no-repeat;
	display: block;	
}

#thumbnails #property-business{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_property.jpg') no-repeat;	
	display: block;
}

#thumbnails #vacancies-training{
	width:158px;
	height:105px;
	background:url('../cssimages/thumb_vacancies.jpg') no-repeat;	
	display: block;
}

/*------------------------------sample advert------------------------------*/

#sample_advert{
	display:block;
	clear:both;
	background:#659A33;
	border:solid 1px #ccc;
	height:75px;
	color:#fff;
	text-align:center;
}

#refine {
	width:180px;
	float:right;
	padding:5px 5px 10px 7px;
	margin:105px 20px 0 0px;
	border:solid 1px #ccc;
	background:#E8E8E8;	
}

#refine h2{
	color:#689B33;
	margin:15px 0px 10px;
}

#refine p{
	margin: 0px 0px 0px 0px;
}

#refine dt{
	margin: 0px 0px 5px 5px;
}

#refine dd{
	margin: 0px 0px 5px 0px;
}

.drop_down {
	width: 170px;
}

/*========================================================
WEATHER MODULE
=========================================================*/

#user_registration #main_content .weatherMyAccount {
	float:left;
	margin:10px 0px 10px 5px;
	width:200px;
}

#user_registration #main_content .weatherMyAccount h3{
	border: 0px;
	border-bottom:1px solid #CCCCCC;
	color:#666666;
	font-size:1.4em;
	line-height:1em;
	margin:5px 0px 10px;
	padding:5px 0px 10px;
	background-color: #FFF;
}

#weather{
	width:180px;
	float:right;
	clear:right;
	padding:5px 5px 10px 7px;
	margin:15px 20px 0 0px;
	border:solid 1px #ccc;
	/*background:#E8E8E8 url('../cssimages/weather_image.jpg') no-repeat top left;*/
}

#weather h3{
	color:#689B33;
	margin:15px 0px 10px;
}

#weather p{
	margin: 0px 0px 0px 0px;
}

p.weather_image {
	float:left;
	margin:0px;
	padding:0px 5px 0px 0px;
}

.weather_head {
	margin:0pt 0pt 0pt 5px;
	padding: 6px 0px 0px 0px;
	font-weight:bold;
}

p.more, p.more a {
	text-align: right;
	color:#FF5511;
}

/*===================================================================
ADVERTS
===================================================================*/
#adverts img{
	border:solid 1px #ccc;
	margin-top:10px;	
	position:relative;
}

#adverts{
	width:192px;
	padding:0 21px 0 0;
	float:right;
	clear:right;
}

#adverts h4{
	color:#689B33;
	margin:10px 0 0 0;
}

/*========================================================
FOOTER
=========================================================*/
#footer{
	width:910px;
	background:#434343;
	padding:0 20px 0 20px;
	margin:0 auto;
}

#footer a, #footer p{
	color:#fff;
	margin:0;
}

#footer p span{
	margin:0 0 0 450px;
}

/*========================================================
NEWS
=========================================================*/

.news_item .news_image {
	float: right;
	padding: 4px 0px 10px 15px;
}

.news_item p {
	text-align:justify;
}

.news_item h4 {
	color:#689B33;
}

.crazyMargin {
	margin-top: 132px;
}

.company_details {
	background-color:#E8E8E8;
	border:1px solid #CCCCCC;
	padding:0 0 0 5px;
}

#lost .lost_header td {
	font-size:15px;
	padding:3px 20px 3px 0;
}

#lost td {
	padding:3px 20px 3px 0;
	font-size:13px;
}

.confirmation a {
	color: #D15402 !important;
}

p br {
	margin-bottom: 5px;
}

#welcome_and_login_data #upgradeAccount {
	background-color: #333;
	border: 1px solid #333;
}

.anchor_link {
	background-color:#E8E8E8;
	border:1px solid #CCCCCC;
	color:#444444;
	font-size:1.1em;
	margin: 0 4px 10px 0px;
	padding: 5px 9px;
	float:left;
}