@charset "utf-8";
/* CSS Document */

html,body{
 background:#5b5b5d url(images/body_bg.jpg) repeat-x fixed bottom;height:auto; width:auto; margin:0; padding:0; font-size:0.9em; color:#000; font-family: Arial, sans-serif
}

#container{
	height:100%; width:800px;  position:relative;margin:0 auto;
}

#logo{
	background:url(images/logo.png) no-repeat; width:100%; height:152px; position:absolute; z-index:3
}

#header{
 position:relative; z-index:0; left:0px; top:0px
}

#menu{
	background:#006633; width:100%; height:40px; position:absolute; top:193px; left:0px
}

#footer{
	background:url(images/main_footer_bg.png) no-repeat; width:100%; height:71px; position:relative; bottom:0px; padding-left:10px;
}

#footer a,#footer p{
	color:#FFF; padding-top:35px;  font-size:0.8em; text-decoration:none
}

#content{
	background:#FFF; width:800px;min-height:400px;position:relative; top:35px; overflow:hidden; height:1%
}

#contentLeft{
	width:430px; height:100%; float:left; padding:20px
}

#contentRight{
	width:290px; height:100%; float:right; padding-top:20px; padding-right:9px
}

#contact-right {
	background: #d0041d;
	color: #fff;
	padding: 10px;
}

#contact-right p {
	color: #fff;
}

#subscribe-right {
	background: #ea8502;
	color: #fff;
	padding: 10px;
}

#subscribe-right p {
	color: #fff;
}

#subscribe-right h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	margin: 10px 0px;
}

a{
	color:#000
}

img{
	border:none
}

.rightList{
margin-top:25px	; padding-left:50px
}

.none{
	list-style:none; margin-left:-15px
}

.bold{
font-weight:bold	
}

.animation{
	position:absolute; left:25px; top:40px
}

p{
color:#000	
}

.contactDetails{
list-style:none; margin-left:0px; padding-left:0px	
}

h1,h2{
margin-bottom:-10px; font-size:1.4em; font-weight:normal
}

.catThumb{
position:relative; left:350px; bottom:100px
}

.catalogue{
	position:relative; right:20px; bottom:100px
}

.catalogueOther{
	position:relative; padding-bottom:30px
}

.tableHeading{
	font-weight:bold; text-decoration:underline
}

.comingEvents{
margin-top:20px; border:none; margin-bottom:20px	
}

.comingEvents td{
	padding-bottom:5px
}

/*Colours*/

.green{
	color:#85c446; font-weight:600
}

.red{
	color:#ce181e; font-weight:600
}

.blue{
color:#00366e; font-weight:600
}

.orange{
	color:#f7941d; font-weight:600
}

.teal{
	color:#00637b; font-weight:600
}

.purple{
	color:#53207b; font-weight:600
}

.brown{
	color:#754038; font-weight:600
}


/*Menu items*/

#menu ul{
	list-style:none; margin-top:0px; padding-top:5px; margin-left:0px;padding-left:0px
}

#menu ul li{
	float:left; padding-right:0px;
}

#menu ul li a{
	color:#006633 
}

#menu li:hover a{
	color:#006633 
}

.imgHoverable:hover{
	position:relative; bottom:14px;~bottom:17px
}

.home{
	background:url(images/home.png) no-repeat;width:100px; height:51px; 
}


.cattle{
	background:url(images/cattleEquip.png) no-repeat;width:100px; height:51px
}

.sheep{
	background:url(images/sheepGoatEquip.png) no-repeat;width:100px; height:51px
}

.livestock{
	background:url(images/feeders.png) no-repeat;width:100px; height:51px
}

.horse{
	background:url(images/horse.png) no-repeat;width:100px; height:51px
}

.grain{
	background:url(images/grainAuger.png) no-repeat;width:100px; height:51px
}

.other{
	background:url(images/otherProducts.png) no-repeat;width:100px;height:51px
}

.contact{
	background:url(images/contact.png) no-repeat; width:100px; height:51px
}

img{
	border:none
}

#imgHoverableOn{
position:relative; bottom:14px;~bottom:14px
}