/* CSS Document */

body{
background-color:#D6E2F4;
font-family:"Gill Sans MT", Arial;
}

#container{
width:985px;
height:640px;
margin:0 auto;
background-color:#FFFFFF;
}

#header{
width:985px;
height:195px;
background-color:#20275F;
}

#headerLeft{
width:240px;
height:134px;
margin:30px 0px 0px 100px;
background:url(../img/header/logo.jpg) no-repeat;
float:left;
}

*html #headerLeft{
width:240px;
height:134px;
margin:30px 0px 0px 50px;
background:url(../img/header/logo.jpg) no-repeat;
float:left;
}

#headerRight{
width:270px;
height:95px;
padding:50px 40px 0px 0px;
background-color:#20275F;
float:right;
}

#navigation{
width:410px;
height:31px;
margin-left:120px;
clear:both;
}

#subNavigation{
height:38px;
width:985px;
background:url(../img/header/bar.gif) no-repeat;
}

*html #subNavigation{
height:38px;
width:985px;
margin-top:-5px;
background:url(../img/header/bar.gif) no-repeat;
}

#contentLeft{
width:520px;
height:315px;
float:left;
padding-top:10px;
padding-left:120px;
}

#contentRight{
width:345px;
height:325px;
float:right;
}

#content{
width:865px;
height:315px;
float:left;
padding-top:10px;
padding-left:120px;
}

#home #contentRight{
background:url(../img/home/tractor.jpg) no-repeat;
}

#history #contentRight{
background:url(../img/history/premises.jpg) no-repeat;
}

#products #contentLeft{
width:420px;
height:315px;
float:left;
padding-left:120px;
}

#products #contentRight{
width:445px;
height:325px;
float:right;
}

#produceBags #contentRight{
background:url(../img/products/bags.jpg) no-repeat;
}

#corrugated #contentRight{
background:url(../img/products/corrugated.jpg) no-repeat;
}

#consumables #contentRight{
background:url(../img/products/consumables.jpg) no-repeat;
}

#nets #contentRight{
background:url(../img/products/nets.jpg) no-repeat;
}

#films #contentRight{
background:url(../img/products/films.jpg) no-repeat;
}

#roses #contentRight{
background:url(../img/products/roses.jpg) no-repeat;
}

#retail #contentRight{
background:url(../img/products/retail.jpg) no-repeat;
}

#catering #contentRight{
background:url(../img/products/catering.jpg) no-repeat;
}

#punnets #contentRight{
background:url(../img/products/punnets.jpg) no-repeat;
}

#contact #contentLeft{
width:450px;
height:325px;
float:left;
padding-left:120px;
overflow:auto;
overflow-x:hidden;
}

#contact #contentRight{
width:415px;
height:325px;
float:right;
background:url(../img/contact/maps.jpg) no-repeat;
}

#innerContentLeft{
width:190px;
float:left;
}

#products #oneColumn #innerContentLeft{
width:420px;
float:left;
}

#innerContentRight{
width:212px;
float:right;
}

#footer{
width:985px;
height:80px;
background-color:#20275F;
float:left;
}

#footerLeft{
width:670px;
height:80px;
float:left;
}

#footerRight{
width:315px;
height:80px;
float:right
}

#clear{
clear:both;
}

ol{
color:#FFFFFF;
list-style:none;
margin:10px 10px 10px 10px;
padding:0px 0px 0px 0px;
line-height:20px;
}

#products #contentLeft ol{
margin:0px 0px 10px 10px;
color:#20275F;
font-size:1.0em;
}

#innerContentRight ol{
padding-top:30px;
}

#secondColumn ol{
padding-top:0px;
margin-top:0px;
}

#films #innerContentRight ol{
padding-top:0px;
}

#headerRight ol{
font-size:1.0em;
}

#footerRight ol{
margin-top:20px;
font-size:0.8em;
}

#navigation ol{
margin:0px 0px 0px 0px;
}

#navigation li{
display:inline;
margin:0px -1px 0px -1px;
}

#subNavigation ol{
padding:5px 5px 5px 120px;
margin:0px 0px 0px 0px;
font-size:0.7em;
color:#000000;
}

#subNavigation li{
display:inline;
}

a{
cursor:pointer;
}

#headerRight a{
color:#FFFFFF;
}

#subNavigation a{
color:#000000;
text-decoration:none;
font-weight:bold;
}

#subNavigation a:hover{
color:#20275F;
}

p{
font-size:0.8em;
color:#000000;
margin:10px 10px 10px 10px;
line-height:14px;
}

#history #contentLeft p{
margin-right:40px;
}

#contentLeft h1{
font-size:0.9em;
color:#000000;
margin:0px 10px 10px 10px;
}

#content h1{
font-size:0.9em;
color:#000000;
margin:0px 10px 10px 10px;
}

h2{
font-size:0.8em;
color:#000000;
margin:0px 10px 0px 10px;
}

#footer h1{
font-size:1.5em;
font-style:italic;
font-weight:normal;
color:#FFFFFF;
margin:20px 0px 0px 110px;
}


.label{
display:block; 
font-size:0.7em; 
color:#000000;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

.textbox{
display:inline; 
width:250px; 
height:18px; 
border:1px solid #cccccc; 
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

.textarea{
display:inline; 
width:250px; 
height:80px; 
border:1px solid #cccccc;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

.button{
display:block;
width:auto; 
height:25px; 
border:1px solid #000000; 
margin:10px 20px 10px 10px;
padding:0px 0px 0px 0px;
}

.bullet{
margin:0px 15px 0px 0px;
}

.requiredfield{
font-size:0.6em; 
color:red;
margin:0px 0px 0px 0px;
font-weight:normal;
}

.noBorder{
border:none;
padding:0px 5px 0px 5px;
display:inline;
float:left;
}

.noBorderSmallMargin{
border:none;
padding:10px 5px 0px 5px;
display:inline;
float:left;
}

#products .noBorder{
margin-top:60px;
}