@charset "UTF-8";

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

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: black;
	background-position: bottom center;
	background-repeat: repeat-x;
	background-image: url(../images/css-farm/blue-grad.jpg);
}
.oneColFixCtr #container {
	width: 765px;
/* 	background-color: white; */
	margin: 10px auto;
	text-align: left;
	border: 0px solid black;
/*
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../images/css-imgs/squares-bg-crop.gif);
*/
}
.oneColFixCtr #mainContent {
	border: 1px solid black;
	background-color: white;
	padding: 0;
/*
	background-repeat: repeat-x;
	background-image: url(../images/css-imgs/background-grad.gif);
*/
	min-height: 570px;
}

.ysbryd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hide from IE-mac \*/
* html .ysbryd {height: 1%;}

/* ==================================
		  A5 Farm Record Books 2008
   ================================== */
a:link { color: #49786f; font-weight: bold; text-decoration: none; }
a:visited { color: #49786f; font-weight: bold; text-decoration: none; }
a:hover { color: #4d8d64; font-weight: bold; text-decoration: underline; }
a:active { color: #4d8d64; font-weight: bold; text-decoration: underline; }
img { border: 0; }
.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 10px; }
#leftCol { float: left; width: 180px; }
#rightCol { float: right; width: 560px; } 
.clearBar { clear: both; line-height: 0pt; }
.clear { clear: both; }

/* ==================================
			Horizontal Top Nav Bar
   ================================== */
#main_nav { 
background-position: right top; 
font-size: 1em; 
color: black; 
line-height: 24px;
height: 24px;
overflow: hidden;
border-bottom: 1px solid black;
background-repeat: no-repeat;
background-color: #4d8d64; 
background-image: url(../images/css-farm/farming-valley-navbar.jpg);
}
#main_nav span { display: none; }
#main_nav ul { 
list-style: none; 
float: left; 
}
#main_nav ul li { 
float: left; 
}
#main_nav a:link, #main_nav a:visited {
float: left;
padding-left: 10px;
padding-right: 10px;
/* background-color: #4d8d64; */
border-right: 1px solid white;
color: white; 
font-weight: bold;
text-decoration: none; 
}
#main_nav a.active {
background-color: red; 
}
#main_nav ul a:hover { 
background-color: #49786f; 
}
#main_nav a.home {
background-repeat: no-repeat;
background-color: #4d8d64; 
background-image: url(../images/css-farm/farm-home-nav-button.gif);
width: 120px;
height: 24px;
}

/* ==================================
		Left Hand Menu Stuff
   ================================== */
#a5logo {
margin-top: 10px;
height: 180px;
background-repeat: no-repeat;
}
#a5logo span { display: none; }
#a5logo a {
display: block;
height: 180px;
line-height: 180px;
}
#subNavigation {
margin-left: 10px;
width: 170px; 
font-size: 1.2em;
}
div.menu  { 
display: block; 
margin-right: 0; 
margin-left: 0; 
padding: 0; 
width: auto; 
border: solid 0px #393939; 
}
div.menu ul { 
text-align: left; 
margin: 0; 
padding: 0 5px; 
}
div.menu li  { 
font-weight: normal; 
list-style-type: none; 
margin: 0 -5px; 
padding: 3px 5px; 
border-bottom: 1px dashed #aaa; 
}
div.menu a { 
background: url(../images/css-farm/subNav-rollover.gif) no-repeat left top; 
text-indent: 18px;
}
div.menu a:link   { 
color: #4d8d64; 
text-decoration: none; 
display: block; 
margin: 0 -5px; 
padding: 3px 5px 3px 5px; 
width: 100%; 
}
div.menu a:visited    { 
color: #4d8d64; 
text-decoration: none; 
display: block; 
margin: 0 -5px; 
padding: 3px 5px 3px 5px; 
width: 100%; 
}
div.menu a:hover, div.menu a.active { 
background: url(../images/css-farm/subNav-rollover.gif) no-repeat left -24px; 
color: #49786f; 
text-decoration: none;
display: block; 
width: 100%; 
margin: 0 -5px; 
padding: 3px 5px 3px 5px; 
}



/* ==================================
			Farm Left Navigation
   ================================== */
.navTitle {
color: #fff;
font-weight: bold;
background-color: #4d8d64;
text-align: left;
padding: 2px 4px;
border-bottom: 1px solid black;
font-size: 1.2em;
}
.navMenu {
font-size: 1.2em;
display: block;
margin-right: 0;
margin-left: 10px;
padding: 0;
width: 170px;
border: solid 1px black;
}
.navMenu ul {
text-align: left;
margin: 0;
padding: 0 10px;
}
.navMenu .blank {
text-align: left;
margin: 0;
padding: 0 10px;
background: #f5f7f7;
border-top: 0px solid #fefefe;
border-bottom: 0px solid #c3c8cb;
}
.navMenu li {
color: #000;
font-weight: normal;
/* background: #f5f7f7; */
list-style-type: none;
margin: 0 -10px;
padding: 0 10px;
border-top: 0px solid #fefefe;
border-bottom: 1px solid #c3c8cb;
}
.navMenu a:link{
font-weight: bold;
text-decoration: none;
display: block;
margin: 0 -10px;
padding: 1px 10px;
width: 100%;
}
.navMenu a:visited {
font-weight: bold;
text-decoration: none;
display: block;
margin: 0 -10px;
padding: 1px 10px;
width: 100%;
}
.navMenu a:hover {
font-weight: bold;
text-decoration: none;
background-color: #49786f; /* #def; */
color: #fff;
display: block;
width: 100%;
}
.menuSpacer {
font-size: 2px;
margin: 0;
padding: 0;
height: 7px;
}


.ukonly {
font-size: 1.2em;
display: block;
margin-right: 0;
width: 160px;
margin-left: 10px;
padding: 5px;
border: solid 1px #c6c6c6;
text-align: center;
}



/* ==================================
			Page Stuff
   ================================== */
#bodyContent {
font-size: 1.1em;
margin-top: 50px;
padding-right: 10px;
}

#bodyContent h1 {
font-size: 2.2em;
color: #4d8d64;
font-weight: bold;
margin-bottom: 0.4em;
}
#bodyContent h2 {
font-size: 1.5em;
color: #4d8d64;
font-weight: normal;
margin-bottom: 0.4em;
}
#bodyContent p {
font-size: 1.2em;
margin-bottom: 0.9em;
line-height: 1.6em;
}
#bodyContent ul { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: disc; 
}
#bodyContent ol { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: decimal; 
}
#bodyContent li  { 
font-weight: normal; 
margin: 0 0 0 1.5em; 
padding: 0.3em 0; 
}

#bodyContent img.right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
#bodyContent img.left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#linksPage a:link { color: #4d8d64; font-weight: normal; text-decoration: none; }
#linksPage a:visited { color: #4d8d64; font-weight: normal; text-decoration: none; }
#linksPage a:hover { color: #49786f; font-weight: normal; text-decoration: underline; }
#linksPage a:active { color: #49786f; font-weight: normal; text-decoration: underline; }

#bodyContent span.telephone {
font-size: 2em;
color: #49786f;
font-weight: bold;
margin-bottom: 0.4em;
}

#bodyContent span.price {
font-size: 2em;
color: #49786f;
font-weight: bold;
}
#bodyContent span.vat {
font-size: 0.8em;
}
#bodyContent form.paypal {
float: right;
padding: 0px;
margin: 0px;
}
#bodyContent div.pricebox {
background-repeat: repeat-x;
background-image: url(../images/paypal/paypal_gradient.gif);
background-color: #f8e5c3;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px 10px 0px 10px;
clear: both;
border: 2px solid #f2aa4d;
}

#bodyContent ul.bigtick, #bodyContent ul.bigcross {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 5px -20px;
}
#bodyContent ol.numberlist {
line-height:1.6em;
}
#bodyContent ul.bigtick li {
background:transparent url(../images/css-images/big-tick.gif) no-repeat scroll 0pt 3px;
line-height:1.6em;
padding:0pt 0pt 4px 35px;
}
#bodyContent ul.bigcross li {
background:transparent url(../images/css-images/big-cross.gif) no-repeat scroll 0pt 3px;
line-height:1.6em;
padding:0pt 0pt 4px 35px;
}
#bodyContent ul.bullet {
line-height: 1.2em;
}
#bodyContent ul.bullet li {
line-height:1.2em;
}


/* ==================================
		Home Page Icons
   ================================== */
dl.mainservice
{
width: 180px;
height: 185px;
text-align: center;
padding: 0px;
float: left;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 0;
font-size: 1.1em;
line-height: 1.2em;
/* background-color: #c3c3c3; */
}
.mainservice dt { font-weight: bold; }
.mainservice dt img
{
border: 0;
/*
width: 100px;
height: 110px;
*/
margin-bottom: 4px;
}
.mainservice dt
{
font-weight: bold; 
}
.mainservice dd
{
margin: 0;
padding: 0;
}

#mainIcons {
}
#mainIcons dl.pointer {
cursor: pointer;
}


/* ==================================
		Book Covers
   ================================== */
dl.bookcover
{
width: 270px;
height: 220px;
text-align: center;
padding: 0px;
float: left;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 0;
font-size: 1.1em;
line-height: 1.2em;
/* background-color: #c3c3c3; */
}
.bookcover dt { font-weight: bold; }
.bookcover dt img
{
border: 0px black solid;
margin-bottom: 4px;
}
.bookcover dt
{
font-weight: bold; 
}
.bookcover dd
{
margin: 0;
padding: 0;
}
dl.bookcover a:link { color: #000; font-weight: normal; text-decoration: none; }
dl.bookcover a:visited { color: #000; font-weight: normal; text-decoration: none; }
dl.bookcover a:hover { color: #000; font-weight: normal; text-decoration: underline; }
dl.bookcover a:active { color: #000; font-weight: normal; text-decoration: underline; }

.mousezoom {
cursor: pointer;
}


/* ==================================
		Rounded Corners
   ================================== */
.box {
position: relative;
background: url(../images/css-images/main-bot-left.gif) no-repeat left bottom;
margin-bottom: 20px;
}
.box-outer {
background: url(../images/css-images/main-bot-right.gif) no-repeat right bottom;
padding-bottom: 1.5em;
}
.box-inner {
background: url(../images/css-images/main-top-left.gif) no-repeat left top;
}
.box h2 {
background: url(../images/css-images/main-top-right.gif) no-repeat right top;
padding-top: 1.5em;
}
.box h2, .box p {
padding-left: 5%;
padding-right: 5%;
}
.box p {
font-size: 1em !important;
line-height: 1.6em !important;
}

/* ==================================
		Footer And Stuff
   ================================== */
   
#footer {
color: black;
clear: both;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
background-color: #fff;
}
#footer span.right {
float: right;
}
#footer a:link { color: black; font-weight: normal; text-decoration: none; }
#footer a:visited { color: black; font-weight: normal; text-decoration: none; }
#footer a:hover { color: black; font-weight: normal; text-decoration: underline; }
#footer a:active { color: black; font-weight: normal; text-decoration: underline; }

#advert {
background-color: transparent;
clear: both;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
}
#advert span.right {
float: right;
}


/* ==================================
		Forms
   ================================== */

.registrationForm label { display: block; width: 200px; }
.registrationForm textarea:focus { background: #dbf3ff; }
.registrationForm input[type="text"]:focus { background: #dbf3ff; }
.registrationForm input[type="password"]:focus { background: #dbf3ff; }
.registrationForm input { float: right; width: 180px; left: 20px; top: -15px; position: relative; }
.registrationForm input.radio, .registrationForm input.checkbox, .registrationForm input.submit { width: auto; }
.registrationForm input.submit { float: left; position: relative; top: -15px; left: 240px; }
.registrationForm p.field { padding-bottom: 5px;  }
.registrationForm p.inline label { display: inline; }
.registrationForm p.inline input.submit { display: inline; float: none; position: relative; top: 0px; left: 20px;  }
.registrationForm textarea { float: right; width: 180px; left: 0px; top: -15px; position: relative; height: 45px; }
.registrationForm select { width: 180px; float: right; left: 15px; top: -15px; position: relative; }
.registrationForm input[type="text"] { border: 1px inset #787878; padding:5px 3px; }
.registrationForm input.checkbox { left: -150px; }
.registrationForm div.formBorder { border: 5px solid #ccc; margin: 0; padding: 20px 20px 10px 20px; }
.registrationForm div.formWidth { width: 400px; }
	
#faults { border:1px solid #c30036; background:#faede9; padding:20px 20px 20px 20px; margin:0 0 10px 0;}