/* CSS Document */

/*----------------------GENERAL----------------------*/
body
{
width: 1024px;
margin: auto;
background-image: url("images/grass.jpg");
padding-top: 10px;
padding-bottom: 50px;
}




#generalcontainer
{
position: absolute;
margin: 0px;
width: 1004px;
padding: 0px;
padding-bottom: 20px;
}



/*-------------------------HEADER--------------------*/

#banner
{
position: absolute;
z-index: 0;
border-left: solid #494125 10px;
border-top: solid #494125 10px;
border-right: solid #494125 10px;
border-bottom: none;
width: 1004px;
height:295px;
}

#bannertop
{
position: absolute;
width: 1004px;
height: 285px;

z-index: 1;
}

#banner_photo
{
position: absolute;
width: 1004px;
height: 275px;

z-index: 0;
}





/*---------------------MENU TOP---------------------*/

#menutop
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.8em;
position: absolute;
left: 325px;
top: 255px;
z-index: 1;
margin: 0px;
padding: 0px;
}

#menutop ul#menutoplevel1
{
margin: 0px;
padding: 0px;
}

#menutop ul ul
{
display: none;
position: absolute;
margin: 0px;
padding: 0px;
border-left: #FFFFFF  0px solid;
border-right: #FFFFFF  0px solid;
border-bottom: #FFFFFF 0px solid;
border-top: #FFFFFF 0px solid;
}

#menutop li
{
margin: 0px;
list-style-type: none;
padding: 0px;
position: relative;
border-bottom: #FFFFFF 0px solid;
border-top: #FFFFFF 0px solid;
}

#menutop li a
{
display: block;
width: 100%;
height: 100%;
padding: 0px;
padding-left: 6px;
padding-top: 8px;
margin: 0px;
text-decoration: none;
font-size: 0.75em;
font-weight: normal;
}

#menutop li.bg_about_us
{
background-color: #079336;
background-repeat: no-repeat;
height: 30px;
width: 100px;
overflow: hidden;
padding: 0px;
padding-bottom: 0px;
}

#menutop li.bg_about_us a
{color: #FFFFFF;}

#menutop li.bg_what_we_supply
{
background-color: #FFEE15;
background-repeat: no-repeat;
height: 30px;
width: 150px;
overflow: hidden;
padding: 0px;
padding-bottom: 0px;
}

#menutop li.bg_what_we_supply a
{color: #362811;}

#menutop li.bg_how_to_purchase
{
background-color: #C7662C;
background-repeat: no-repeat;
height: 30px;
width: 150px;
overflow: hidden;
padding: 0px;
padding-bottom: 0px;
}

#menutop li.bg_how_to_purchase a
{color: #FFFFFF;}

#menutop li.bg_benefit_of_organic
{
background-color: #FFFAD1;
background-repeat: no-repeat;
height: 30px;
width: 150px;
overflow: hidden;
padding: 0px;
padding-bottom: 0px;
}

#menutop li.bg_benefit_of_organic a
{color: #07732B;}



#menutop li#what_we_supply
{
float: left;
background-image: url("images/what_we_supply.png");
background-repeat: no-repeat;
margin: 0px;
margin-left: 3px;
height: 40px;
width: 150px;
color: #362811;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding: 0px;
border: none;
}

#menutop li#how_to_purchase
{
float: left;
background-image: url("images/how_to_purchase.png");
background-repeat: no-repeat;
margin: 0px;
margin-left: 3px;
height: 40px;
width: 150px;
color: #FFFFFF;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding: 0px;
border: none;
}

#menutop li#benefit_of_organic
{
float: left;
background-image: url("images/benefit_of_organic.png");
background-repeat: no-repeat;
margin: 0px;
margin-left: 3px;
height: 40px;
width: 150px;
color: #07732B;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding: 0px;
border: none;
}

#menutop li#home
{
float: left;
background-image: url("images/home.png");
background-repeat: no-repeat;
margin: 0px;
margin-left: 3px;
height: 40px;
width: 100px;
padding: 0px;;
border: none;
}

#menutop li#about_us
{
float: left;
background-image: url("images/about_us.png");
background-repeat: no-repeat;
margin: 0px;
margin-left: 3px;
height: 40px;
width: 100px;
color: #FFFFFF;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding: 0px;;
border: none;
}

#menutop li#what_we_supply p, #menutop li#how_to_purchase p, #menutop li#benefit_of_organic p, #menutop li#home p, #menutop li#about_us p
{
margin: 0px;
padding: 0px;
padding-top: 7px;
text-align: center;
}

#menutop ul.level2
{
left: 0px;
top: 30px;
}

#menutop li:hover ul.level2
{
display: block;
}

#menutop li.sfhover ul.level2
{
display: block;
}



#menutop li a:hover
{
color: #FFFFFF;
background-color: #494125;
}


#menutop li#home a
{
color: #362811;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-top: 7px;
text-align: center;
}

#menutop li#home a:hover
{
background: none;
}


.centre
{
position: absolute;
margin: 0px;
margin-top: 280px;
padding: 0px;
z-index: 0;
border-left: solid #494125 10px;
border-bottom: solid #494125 10px;
border-right: solid #494125 10px;
}

#centre_index
{
width: 1004px;
height: 1110px;
}
img#bgcentre_index
{
width: 1004px;
height: 1110px;
}

#centre_termsandconditions
{
width: 1004px;
height: 2200px;
}
img#bgcentre_termsandconditions
{
width: 1004px;
height: 2200px;
}

#centre_wherewedeliver
{
width: 1004px;
height: 1730px;
}
img#bgcentre_wherewedeliver
{
width: 1004px;
height: 1730px;
}

#centre_sitemap
{
width: 1004px;
height: 900px;
}
img#bgcentre_sitemap
{
width: 1004px;
height: 900px;
}

#centre_contact
{
width: 1004px;
height: 700px;
}
img#bgcentre_contactus
{
width: 1004px;
height: 700px;
}

#centre_aboutus
{
width: 1004px;
height: 1000px;
}
img#bgcentre_aboutus
{
width: 1004px;
height: 1000px;
}

#centre_latestnews
{
width: 1004px;
height: 1510px;
}
img#bgcentre_latesnews
{
width: 1004px;
height: 1510px;
}
#centre_ourboxscheme
{
width: 1004px;
height: 1110px;
padding: 0px;
}
img#bgcentre_ourboxscheme
{
width: 1004px;
height: 1110px;
margin: 0px;
padding: 0px;
}

#centre_ourfarmshop
{
width: 1004px;
height: 1210px;
}
img#bgcentre_ourfarmshop
{
width: 1004px;
height: 1210px;
}

#centre_market
{
width: 1004px;
height: 1310px;
}
img#bgcentre_market
{
width: 1004px;
height: 1310px;
}

#centre_orderform
{
width: 1004px;
height: 850px;
}
img#bgcentre_orderform
{
width: 1004px;
height: 800px;
}


#centre_vegetables
{
width: 1004px;
height: 1740px;
}
img#bgcentre_vegetables
{
width: 1004px;
height: 1740px;
}

#centre_fruitandmeat
{
width: 1004px;
height: 1100px;
}
img#bgcentre_fruitandmeat
{
width: 1004px;
height: 1100px;
}

#centre_eggs
{
width: 1004px;
height: 1010px;
}
img#bgcentre_eggs
{
width: 1004px;
height: 1010px;
}

#centre_thisweekboxes
{
width: 1004px;
height: 2460px;
}
img#bgcentre_thisweekboxes
{
width: 1004px;
height: 2460px;
}

#centre_benefitoforganic
{
width: 1004px;
height: 800px;
}
img#bgcentre_benefitoforganic
{
width: 1004px;
height: 800px;
}

#centre_benefitoforganic_weightlossrevolution
{
width: 1004px;
height: 1200px;
}

img#bgcentre_benefitoforganic_weightlossrevolution
{
width: 1004px;
height: 1200px;
}







/*---------------------LEFT------------------*/

#menuleft
{
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
height: 200px;
}

#menuleft ul
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
height: 200px;
width: 210px;
background-image: url("images/menuleft_bg.png");
background-repeat: no-repeat;
list-style-type: none;
}

#menuleft ul li.titleleft, #menuleft ul li.titleleftselected
{
margin: 0px;
padding: 0px;
height: 30px;
color: #FFFFFF;
font-weight: bold;
font-size: 0.75em;
}

#menuleft li.titleleft a
{
display: block;
margin: 0px;
padding: 0px;
padding-left: 20px;
padding-top: 8px;
text-decoration: none;
color: #FFFFFF;
background-image: url("images/menulefttitle_bgwhite.png");
background-repeat: no-repeat;
}

#menuleft li.titleleftselected a
{
display: block;
margin: 0px;
padding: 0px;
padding-top: 8px;
padding-left: 20px;
text-decoration: none;
color: #362811;
font-style: italic;
}

#menuleft li.titleleft a:hover
{
display: block;
margin: 0px;
padding: 0px;
padding-left: 20px;
padding-top: 8px;
font-weight: bolder;
text-decoration: underline;
}




#menuleft li#phobrown
{
margin: 0px;
margin-bottom: 12px;
padding: 0px;
padding-top: 3px;
text-align: center;
width: 178px;
height: 20px;
font-size: 0.8em;
color: #362811;
font-weight: bold;
text-align: center;
}

#menuleft li#phowhite
{
margin: 0px;
margin-bottom: 12px;
padding: 0px;
padding-top: 3px;
text-align: center;
width: 178px;
height: 20px;
font-size: 0.8em;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}


#contactbrown
{
margin: 0px;
padding: 0px;
position: absolute;
left: 25px;
top: 220px;
}

#contactbrown p
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #362811;
}

#contactwhite
{
margin: 0px;
padding: 0px;
position: absolute;
left: 20px;
top: 220px;
}

#contactwhite p
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #FFFFFF;
}

#contactbrown span
{
font-weight: bold;
}

#contactbrown strong a
{
text-decoration: none;
color: #362811;
font-size: 0.9em;
}

#contactwhite span
{
font-weight: bold;
}

#contactwhite strong a
{
text-decoration: none;
color: #FFFFFF;
font-size: 0.9em;
}

#contactbrown strong a:hover
{
text-decoration: underline;
}

#contactwhite strong a:hover
{
text-decoration: underline;
}





#buttonleft
{
position: absolute;
top: 380px;
left: 10px;
margin: 0px;
padding: 0px;
}

#thisweekboxes a img
{
width: 190px;
height: 70px;
}

#latestrecipes a img
{
width: 190px;
height: 70px;
}

#watchourvideo a img
{
width: 190px;
height: 70px;
}







#container_left
{
float: left;
}


.tree
{
margin: 0px;
position: absolute;
left: 260px;
top: 10px;
width: 722px;
height: 30px;
border-bottom: dashed thin #FFFFFF;
padding: 0px;
padding-bottom: 8px;
padding-left: 0px;
}


.tree p
{
margin: 0px;
margin-top: 20px;
padding: 0;
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;
}

#treebrown a
{
text-decoration: none;
color: #362811;
font-weight: bold;
}

#treebrown a:hover
{
text-decoration: underline;
}

#treewhite a
{
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

#treewhite a:hover
{
text-decoration: underline;
}







#bottom
{
margin: 0px;
padding: 0px;
width: 1004px;
height: 150px;
background-color: #FFFFFF;
position: absolute;
bottom: 30px;
left: 0px;
}

#bottom #soil_logo img
{
margin: 0px;
margin-top: 30px;
margin-left: 45px;
width: 90px;
height: 90px;
}

#TOG
{
position: absolute;
top: 30px;
left: 200px;
color: #A1C544;
font-family: Arial, Helvetica, sans-serif;
}

#TOG a
{
color: #A1C544;
text-decoration: none;
}

#TOG a:hover
{
text-decoration: underline;
}

#TOG h1
{
margin: 0px;
font-size: 1.93em;
font-weight: bold;
}

#TOG p
{
margin: 0px;
margin-top: 5px;
width: 301px;
text-align: justify;
font-size: 0.8em;
}

#workwithusbutton
{
margin: 0px;
margin-left: 430px;
margin-right: 20px;
}

#recommendfriendbutton
{
margin: 0px;
margin-right: 20px;
}

#freeboxbutton
{
margin: 0px;
margin-right: 20px;
}

#freedeliverybutton
{
margin: 0px;
}


#bottom2
{
margin: 0px;
padding: 0px;
width: 1004px;
height: 30px;
background-color: #FF4300;
position: absolute;
bottom: 0px;
left: 0px;
}

#bottom2 p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.6em;
color: #FFFFFF;
margin:0px;
margin-left: 10px;
margin-top: 8px;
}

#bottom2 p a
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#bottom2 p a:hover
{
text-decoration: underline;
}

#bottom2 span#bold
{
font-weight: bold;
}

#bottom2 span#text_right
{
margin: 0px;
margin-left: 140px;
}

#designby
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
margin: 0px;
margin-left: 400px;
margin-top: 15px;
}

#designby a
{
color: black;
text-decoration: none;
}

#designby a:hover
{
text-decoration: underline;
}