@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
/* background-color: #d1e8f4; */
background: #fff url(null) fixed no-repeat;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
.clear {
display: block;
height:1px;
clear:both;
margin: 0;
} 
.topclear {
display: block;
height:1px;
clear:both;
margin-bottom: 0px;
}

/* Page Structures -------------------------------------*/
/* Page Header -----------------------------------------*/
#headercontainer {
background: #fff url(images/shaddow_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 920px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}

#header {
width: 900px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
height: 200px;
min-height: 200px;
text-align: left;
background-image: url(images/header_bg.jpg);
background-position: top right;
background-repeat: no-repeat;
}

* html #header{height: 200px;}
#header h1 {position: absolute; left: 0px; top: 0px;}

#logocontainer {
float: left;
width: 278px;
height: 52px;
margin-top: 70px;
margin-left: 20px;
}

#tagcontainer {
width: 900px;
position: relative;
margin-top: 25px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
height: 50px;
min-height: 33px;
text-align: center;
background-color: #006600;
}

/* Page Body ---------------------------------------------------*/
#bodycontainer {
background: #fff url(images/shaddow_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 920px;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}
#pagebody {
background-color: #fff;
width: 900px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 5px 0 0 0;
}

#leftcol {
float: left;
width: 194px;
/*border-right: dashed 1px #44c5b6;*/
margin-top: 0;
margin-left: 0;
}
#midcol {
float: left;
width: 521px;
margin-top: 0;
margin-left: 0;
text-align: left;
}
#rightcol {
width: 185px;
float: right;
margin: 0;
padding: 0;
text-align: left;
}


/* ----Footer -------------------------------------------------*/
#footercontainer {
background: #fff url(images/shaddow_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 920px;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}
#footer {
background-color: #006600;
width: 900px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
/* Logo -----------------------*/
#header #logo { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 278px; 
height: 52px;
}
#header #logo span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 278px;
height: 52px;
margin: 0;
padding: 0;
background: url("images/logo.jpg") top left no-repeat;
cursor: pointer;
overflow: hidden;
}
#header #logo a {
position: static;
display: block;
height: 278px;
height: 52px;
white-space: normal;
color: #006600;
}

/*-- Tag Line --*/
#tagcontainer img {
margin-top: 15px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
text-align: center;
}
/*-- leftcol --*/
#leftcol #navcontainer {
text-align: left;
width: 194px;
/* height: 145px; */
margin: 0;
background: url(images/nav_bg.jpg) top left repeat-y;
}

/* --- Global Navigation --------------------------------------------------*/
#nav {
width: 185px;
margin-top: 0;
padding-top: 15px;
margin-right: auto;
margin-bottom: 0;
padding-bottom: 15px;
margin-left: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#nav li {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: normal;
height: 1.8em;
}

* html li{
overflow:hidden;
}


#nav li a:link, #nav li a:visited {
font-size: 90%;
display: block;
padding: 7px 0 8px 30px;
background: none;
color: #fff;
text-decoration: none;
} 

#nav li a:hover {
font-size: 90%;
display: block;
padding: 7px 0 8px 30px;
background: #a7da74;
color: #fff;
text-decoration: none;
}

#navcontainer #nav .navcurrent {
text-decoration: underline;
}

/*-- Pre Log in Navigation Style --*/

#publicnav {
width: 185px;
margin-top: 0;
padding-top: 15px;
margin-right: auto;
margin-bottom: 0;
padding-bottom: 15px;
margin-left: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
}
#publicnav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#publicnav li {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: normal;
height: 1.8em;
}

* html li{
overflow:hidden;
}


#publicnav li a:link, #publicnav li a:visited {
font-size: 90%;
display: block;
padding: 7px 0 8px 30px;
background: none;
color: #a3d289;
text-decoration: none;
} 

#publicnav li a:hover {
font-size: 90%;
display: block;
padding: 7px 0 8px 30px;
color: #a3d289;
text-decoration: none;
}

#navcontainer #publicnav .navcurrent {
text-decoration: underline;
}


#navcontainer #publicnav .publicpage {
color: #fff;
}
#navcontainer #publicnav .publicpagecurrent {
color: #fff;
text-decoration: underline;
}

/*-- continue left col --*/
#leftcol #credits {
margin-top: 20px;
padding-top: 90px;
margin-left: 0;
padding-bottom: 20px;
text-align: center;
background: url(images/fabdec.jpg) top center no-repeat;
}
#leftcol #credits a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.7em;
text-align: center;
text-decoration: none;
color: #7f7f7f;
}


#leftcol #credits #contact { 
position: relative;
overflow: hidden;
margin: 0 0 0 25px;
padding: 0 0 5px 0;
width: 161px; 
height: 62px;
}
#leftcol #credits #contact span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 161px;
height: 62px;
margin: 0;
padding: 0;
background: url("images/contact.jpg") top left no-repeat;
cursor: default;
}

/*-- mid col content --*/

#quotecontainer {
width: 185px;
float: left;
background: url(images/homepage_bg.jpg) top left no-repeat;
margin-left: 0;
margin-right: 0;
}
#loginquotecontainer {
width: 185px;
float: left;
background: url(images/loginpage_bg.jpg) top left no-repeat;
margin-left: 0;
margin-right: 0;
}
#downloadcontainer {
width: 521px;
margin-left: 0;
margin-right: 0;
}
.quote {
width: 150px;
margin-top: 400px;
margin-right: 0;
margin-bottom: 0.5em;
margin-left: 0px;
padding: 30px 0 0 20px;
background-image: url(images/start_quote.jpg);
background-position: top left;
background-repeat: no-repeat;
text-align: left;
}
.quote p {
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
color: #006600;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding: 0 0 1.8em 0;
background-image: url(images/end_quote.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}
.quoteref {
padding: 0 0 0 21px;
margin-top: -15px;
width: 105px;
}
.quoteref p {
font-family: Arial, Helvetica, sans-serif;
color: #006600;
font-weight: normal;
font-size: 1.0em;
}

.indexquote {
width: 150px;
margin-top: 370px;
margin-right: 0;
margin-bottom: 0.5em;
margin-left: 0px;
padding: 30px 0 0 20px;
background-image: url(images/start_quote.jpg);
background-position: top left;
background-repeat: no-repeat;
text-align: left;
}
.indexquote p {
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
color: #006600;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding: 0 0 1.8em 0;
background-image: url(images/end_quote.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}

#textcontainer {
width: 336px;
float: left;
text-align: left;
padding-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 0;
}
.text {
text-align: left;
margin: 0 0 0 0px;
width: 330px;
}
.text h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006600;
font-size: 1.8em;
margin-bottom: 10px;
}
.text h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 5px;
color: #006600;
font-size: 1.7em;
}
.text h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin-bottom: 5px;
color: #006600;
}
.text h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
margin-bottom: 5px;
color: #006600;
}
.text h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 5px;
font-size: 1.4em;
color: #006600;

}
.text p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 10px;
color: #006600;
line-height: 1.6em;
/* letter-spacing: 0.1em; */
}
.text span {
font-weight: bold;
}

.downloadtext {
width: 475px;
float: left;
text-align: left;
padding: 0 0 0 25px;
margin: 0 0 25px 0;
}
.downloadtext h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006600;
font-size: 2.8em;
margin-bottom: 10px;
}
.downloadtext h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 5px;
color: #006600;
font-size: 2.0em;
}
.downloadtext h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.8em;
margin-bottom: 5px;
color: #006600;
}
.downloadtext h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.7em;
margin-bottom: 5px;
color: #006600;
}
.downloadtext h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 5px;
font-size: 1.6em;
color: #006600;

}
.downloadtext p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 10px;
color: #006600;
line-height: 1.4em;
/* letter-spacing: 0.1em; */
}
.downloadtext a {
text-decoration: underline;
color: #006600;
font-weight: bold;
}
.downloadtext span {
font-weight: bold;
}
.downloaditem {
width: 400px;
float: left;
text-align: left;
padding: 0 0 0 107px;
margin: 0 0 10px 0px;
}
.dlimage {
float: left;
text-align: left;
margin: 0;
}
.dldesc {
float: left;
width: 300px;
margin: 0 0 0 25px;
}
.dldesc h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.0em;
color: #006600;
}
.dldesc p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #006600;
}
.dllink {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #006600;
margin: 10px 0 0 0;
}

/*-- links page format --*/
.dlinkitem {
width: 400px;
float: left;
text-align: left;
padding: 0 0 0 107px;
margin: 0 0 0 0;
}
.linkdesc {
width: 300px;
margin: 0 0 0 75px;
}
.linkdesc h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.0em;
color: #006600;
}
.linkdesc p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #006600;
}
.link {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #006600;
margin: 10px 0 0 0;
padding: 0 0 25px 0;
}

.forumlink {
text-align: left;
background-image: url(images/userforum_btn_ovr.jpg); 
background-repeat: no-repeat;
height: 140px; 
width: 185px; 
display: block; 
padding: 0 0 10px 0;
}
.forumlink a#forumroll { 
background-image: url(images/userforum_btn.jpg); 
height: 140px; 
width: 185px; 
display: block; 
}
.forumlink a#forumroll span { 
display: none; 
}
.forumlink a#forumroll:hover { 
background-image:url(images/userforum_btn_ovr.jpg); 
}

.offerslink {
text-align: left;
background-image: url(images/specialoffers_btn_ovr.jpg); 
background-repeat: no-repeat;
height: 140px; 
width: 185px; 
display: block; 
padding: 0 0 10px 0;
}
.offerslink a#offersroll { 
background-image: url(images/specialoffers_btn.jpg); 
height: 140px; 
width: 185px; 
display: block; 
}
.offerslink a#offersroll span { 
display: none; 
}
.offerslink a#offersroll:hover { 
background-image:url(images/specialoffers_btn_ovr.jpg); 
}

.newproductslink {
text-align: left;
background-image: url(images/newproducts_btn_ovr.jpg); 
height: 141px; 
width: 185px; 
display: block;
}
.newproductslink a#newprodroll { 
background-image: url(images/newproducts_btn.jpg); 
height: 141px; 
width: 185px; 
display: block; 
}
.newproductslink a#newprodroll span { 
display: none; 
}
.newproductslink a#newprodroll:hover { 
background-image:url(images/newproducts_btn_ovr.jpg); 
}

/*--- Right Col login Style -----------*/
.login {
text-align: left;
background-color: #d1faa5;
min-height: 140px; 
width: 180px; 
display: block; 
padding: 10px 0 5px 5px;
margin: 0 0 10px 0;
}
.login #logintitle h4 {position: absolute; left: 0px; top: 0px;}

.login #logintitle { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 169px; 
height: 28px;
}
.login #logintitle span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 169px;
height: 28px;
margin: 0;
padding: 0;
background: url("images/logintitle.jpg") top left no-repeat;
cursor: text;
}
/*.login h4 {
color: #006600;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
margin: 0 0 0 0;
line-height: 1.0em;
letter-spacing: normal;
} */

.login .loginform {
margin: 0;
padding: 3.0em 0 0 0;
}
.login .loginform p {
font-family: Arial, Helvetica, sans-serif;
color: #006600;
font-size: 1.2em;
margin: 0 0 5px 0;
font-weight: bold;
}
.login .loginform fieldset {
border: none;
margin: 0;
}
.login .loginform legend {
display: none;
margin: 0;
}
.loginform .fixedwidth {
display: block;
width: 75px;
float: left;
margin: 0;
}
.loginform #username {
width: 85px;
margin: 0;
}
.loginform #password {
width: 85px;
margin: 0;
}
.loginform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 0;
}
.newpassword a {
font-size: 0.8em; 
color: #006600; 
font-family: Arial, Helvetica, sans-serif;
}
.newusers {
text-align: left;
background-color: #b0f663;
min-height: 105px; 
width: 180px; 
display: block; 
padding: 10px 0 10px 5px;
margin: 0 0 10px 0;
}
.newusers #newusertitletitle h5 {position: absolute; left: 0px; top: 0px;}

.newusers #newusertitle { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 120px; 
height: 26px;
}
.newusers #newusertitle span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 120px;
height: 26px;
margin: 0;
padding: 0;
background: url("images/newusertitle.jpg") top left no-repeat;
cursor: text;
}
.newusercontent {
margin: 0;
padding: 20px 0 0 0;
}
.newusercontent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
color: #006600;
margin: 10px 0 10px 0;
}
.registerlink {
text-align: left;
background-image: url(images/register_btn.jpg); /*-- add rollover img here --*/ 
height: 28px; 
width: 156px; 
display: block;
}
.registerlink a#registerlinkroll { 
background-image: url(images/register_btn.jpg); 
height: 28px; 
width: 156px; 
display: block; 
}
.registerlink a#registerlinkroll span { 
display: none; 
}
.registerlink a#registerlinkroll:hover { 
background-image:url(images/register_btn.jpg);  /*-- add rollover img here --*/
}


.quoterequest {
text-align: left;
background-color: #b0f663;
min-height: 105px; 
width: 180px; 
display: block; 
padding: 10px 0 10px 5px;
margin: 0 0 10px 0;
}
.quoterequest #quotetitle h5 {position: absolute; left: 0px; top: 0px;}

.quoterequest #quotetitle { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 171px; 
height: 24px;
}
.quoterequest #quotetitle span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 171px;
height: 24px;
margin: 0;
padding: 0;
background: url("images/quotetitle.jpg") top left no-repeat;
cursor: text;
}
.quotecontent {
margin: 0;
padding: 20px 0 0 0;
}
.quotecontent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
color: #006600;
margin: 10px 0 10px 0;
}
.quotelink {
text-align: left;
background-image: url(images/quote_btn.jpg); /*-- add rollover img here --*/ 
height: 28px; 
width: 156px; 
display: block;
}
.quotelink a#quotelinkroll { 
background-image: url(images/quote_btn.jpg); 
height: 28px; 
width: 156px; 
display: block; 
}
.quotelink a#quotelinkroll span { 
display: none; 
}
.quotelink a#quotelinkroll:hover { 
background-image:url(images/quote_btn.jpg);  /*-- add rollover img here --*/
}

.general {
text-align: left;
background-color: #b0f663;
min-height: 105px; 
width: 180px; 
display: block; 
padding: 10px 0 10px 5px;
margin: 0 0 10px 0;
}
.genaeral #generaltitle h5 {position: absolute; left: 0px; top: 0px;}

.general #generaltitle { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 173px; 
height: 25px;
}
.general #generaltitle span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 173px;
height: 25px;
margin: 0;
padding: 0;
background: url("images/enquiretitle.jpg") top left no-repeat;
cursor: text;
}
.generalcontent {
margin: 0;
padding: 20px 0 0 0;
}
.generalcontent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: normal;
color: #006600;
margin: 10px 0 10px 5px;
}
.generallink {
text-align: left;
background-image: url(images/enquire_btn.jpg); /*-- add rollover img here --*/ 
height: 28px; 
width: 156px; 
display: block;
}
.generallink a#generallinkroll { 
background-image: url(images/enquire_btn.jpg); 
height: 28px; 
width: 156px; 
display: block; 
}
.generallink a#generallinkroll span { 
display: none; 
}
.generallink a#generallinkroll:hover { 
background-image:url(images/enquire_btn.jpg);  /*-- add rollover img here --*/
}


.technical {
text-align: left;
background-color: #d6ebd6;
min-height: 140px; 
width: 180px; 
display: block; 
padding: 10px 0 10px 5px;
margin: 0 0 10px 0;
}
.technical #technicaltitle h5 {position: absolute; left: 0px; top: 0px;}

.technical #technicaltitle { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 158px; 
height: 45px;
}
.technical #technicaltitle span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 158px;
height: 45px;
margin: 0;
padding: 0;
background: url("images/technicaltitle.jpg") top left no-repeat;
cursor: text;
}
.technicalcontent {
margin: 70px 0 0 0;
padding: 0;
}
.technicalcontent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
color: #006600;
margin: 10px 5px 10px 2px;
}
.technicallink {
text-align: left;
background-image: url(images/technical_btn.jpg); /*-- add rollover img here --*/ 
height: 31px; 
width: 138px; 
display: block;
}
.technicallink a#technicallinkroll { 
background-image: url(images/technical_btn.jpg); 
height: 31px; 
width: 138px; 
display: block; 
}
.technicallink a#technicallinkroll span { 
display: none; 
}
.technicallink a#technicallinkroll:hover { 
background-image:url(images/technical_btn.jpg);  /*-- add rollover img here --*/
}
.rightspace {
text-align: left;
background-color: #fff;
min-height: 140px; 
width: 180px; 
display: block; 
padding: 10px 0 10px 5px;
margin: 0 0 10px 0;
}
.rightimage {
text-align: left;
background: #fff url(images/farmeranddog.jpg) top left;
background-repeat: no-repeat;
height: 288px; 
width: 180px; 
display: block; 
padding: 0;
margin-top: 80px;
}

/* ---------------- Contact Form ------------------------*/
#form {
width: 490px;
text-align: left;
padding: 0 0 15px 25px;
}
#form h2 {
font-family: Arial, Helvetica, sans-serif;
color: #006600;
font-size: 1.8em;
font-weight: bold;
margin: 0 0 5px 0;
}
#form p {
font-family: Arial, Helvetica, sans-serif;
color: #006600;
font-size: 1.2em;
margin: 15px 0 5px 0;
word-spacing: 0.1em;
line-height: 1.3em;
}
#form .contactform fieldset {
border: none;
}
#form .contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 185px;
float: left;
}
.contactform #name {
width: 205px;
}
.contactform #email {
width: 205px;
}
.contactform #tel {
width: 205px;
}
.contactform #size {
width: 205px;
}
.contactform #calving_method {
width: 205px;
}
.contactform #subject {
width: 205px;
}
.contactform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 105px;
}
/* ---------------- Register Form ------------------------*/
#registerform {
width: 490px;
text-align: left;
padding: 0 0 15px 25px;
}
#registerform h2 {
font-family: Arial, Helvetica, sans-serif;
color: #006600;
font-size: 1.8em;
font-weight: bold;
margin: 0 0 5px 0;
}
#registerform p {
font-family: Arial, Helvetica, sans-serif;
color: #006600;
font-size: 1.2em;
margin: 15px 0 5px 0;
word-spacing: 0.1em;
line-height: 1.3em;
}
#registerform .registeronline fieldset {
border: none;
}
#registerform .registeronline legend {
display: none;
}
.registeronline .fixedwidth {
display: block;
width: 200px;
float: left;
}
.registeronline #firstname {
width: 255px;
}
.registeronline #surname {
width: 255px;
}
.registeronline #businessname {
width: 255px;
}
.registeronline #addressone {
width: 255px;
}
.registeronline #addresstwo {
width: 255px;
}
.registeronline #addressthree {
width: 255px;
}
.registeronline #county {
width: 255px;
}
.registeronline #postcode {
width: 255px;
}
.registeronline #email {
width: 255px;
}
.registeronline #confirmedemail {
width: 255px;
}
.registeronline #phone {
width: 255px;
}
.registeronline #herdsize {
width: 255px;
}
.registeronline #purchasedate {
width: 255px;
}
.registeronline #supplier {
width: 255px;
}
.registeronline .btn {
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin: 15px 30px 0 0;
}

/*-- Footer Style --*/
#copy {
width: auto;
float: left;
}
#copy p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
text-align: left;
padding: 25px 0 20px 25px;
}
#copy span {
font-weight: bold;
}
#designby {
width: auto;
text-align: left;
padding: 25px 20px 5px 0;
float:right;
}
#designby p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #fff;
}
#designby a {
text-decoration: underline;
}
#designby a:link {
text-decoration: none;
color: #fff;
}
#designby a:visited {
text-decoration: none;
color: #fff;
}
#designby a:hover, #designby li a:active {
text-decoration: underline;
} 
/* ----- Footer Nav style / format ----------*/
#footernav {
float: left;
padding: 25px 0 5px 20px;
margin: 0;
text-align: left;
}
#footernav ul {
margin: 0 0 0 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: normal 1.0em Arial, Helvetica, sans-serif;
color: #fff;
border-right: solid 1px #fff;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
#footernav li a:link {
text-decoration: none;
color: #fff;
}
#footernav li a:visited {
text-decoration: none;
color: #fff;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}

/*****************************  forum handy hint posts ******************/

DIV.blocktable  {MARGIN-BOTTOM: 12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 1.3em;
   margin-bottom: 10px;
   color: #006600;
   line-height: 1.4em;

	}
DIV.blocktable h1 {
    font-size: 1.5em;
}
DIV.blocktable {MARGIN-BOTTOM: 6px}
DIV.blocktable td {
   font-weight: normal;
   border: 1px solid #f2f2f2;
}
.byuser {
   font-weight: normal;
	font-size: 1.0em;
	color: #000;
}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}

DIV.inbox {PADDING: 3px 6px}
DIV.box {BORDER-COLOR: #006600}

.tcr {WIDTH: 32%; TEXT-ALIGN: left}
.tcl, .tcr {OVERFLOW: HIDDEN}
.tcl {TEXT-ALIGN: left; WIDTH: 50%}
.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}
.tclcon {min-height: 1px;
	 font-weight: normal;
}

/***************Welcome msg ***************************/
#welcome {
  padding-left: 10px;
  padding-top: 10px;
  font-size: 1.0em ;
  font-weight: bold;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  
}
.errorMsg{
  font-weight: bold;
  color: #ff0000;
  font-family: Arial, Helvetica, sans-serif;
}