* { margin: 0px; padding: 0px; }
option {padding:0 0.5em 0 3px; } /* Firefox hides the RHS of options if padding is 0 */
body {font-size: 100%; background-color:#FFFFFF; font-family : Verdana,Arial,Helvetica,'MS Sans Serif',Serif;  text-align: center;}
a {text-decoration:none; }
img {border:0;}
fieldset {border:0;}

.site{margin : auto; width: 1045px;  text-align: left;  margin-top : 30px; }


/* topnav */
.topnav{float : left; width : 100%; background: url(../images/top_navbg.gif) no-repeat;  height : 52px;}

.topnav_home a{float : left; background: url(../images/home_off.gif) no-repeat; width : 140px; height : 52px;}
.topnav_home a:hover{float : left; background: url(../images/home_on.gif) no-repeat;}
.topnav_home a.active{float : left; background: url(../images/home_on.gif) no-repeat;}

.topnav_about a{float : left; background: url(../images/about_off.gif) no-repeat; width : 135px; height : 52px;}
.topnav_about a:hover{float : left; background: url(../images/about_on.gif) no-repeat;}
.topnav_about a.active{float : left; background: url(../images/about_on.gif) no-repeat;}

.topnav_contact a{float : left; background: url(../images/contact_off.gif) no-repeat; width : 148px; height : 52px;}
.topnav_contact a:hover{float : left; background: url(../images/contact_on.gif) no-repeat;}
.topnav_contact a.active{float : left; background: url(../images/contact_on.gif) no-repeat;}

.topnav_news a{float : left; background: url(../images/news_off.gif) no-repeat; width : 131px; height : 52px;}
.topnav_news a:hover{float : left; background: url(../images/news_on.gif) no-repeat;}
.topnav_news a.active{float : left; background: url(../images/news_on.gif) no-repeat;}

.search_box{float : left; width : 225px; height : 37px; padding : 9px 0 0 110px;  }
.site_search{float : left;}
.site_search input{float : left; background: url(../images/search_bar_slice.gif) repeat-x; border : 0; width :175px; height : 22px; padding : 6px 0 0 0; margin : 1px 0 0 0;}
.search_left{float : left; width :11px ; height : 27px; background: url(../images/search_left.gif) no-repeat;}
.search_right{float : left; width :29px ; height : 27px; background: url(../images/search_go.gif) no-repeat;margin : 1px 0 0 0;}




.access{float : left; width : 100px; padding : 20px 0 0 15px;}
.access a { font:normal 0.7em Arial,Helvetica,san-serif; color : #999998;}
.access span { font:normal 0.7em Arial,Helvetica,san-serif; color : #398a26; margin : 4px}

/* end of topnav */

/*container for banner/article */
.container{float : left; width : 859px;  background:  url(../images/article_slice.gif) repeat-y; padding : 0 0 0 3px; overflow : hidden;}

/* banner */
.banner_container{float: left; height : 220px; width : 835px;  margin : 4px 0 5px 7px; }
.banner_item{float:left; width : 277px; height : 222px; background:url(../images/banner-image.gif) top left no-repeat; position:relative;}
.banner_item_last{ float:left; width : 280px; height : 222px; background:url(../images/banner-image.gif) top right no-repeat; position:relative;}
.banner_image{width:274px; height:191px; background-color:#ffffff; margin: 2px 0 0 2px; display:block; overflow:hidden;}
.banner-arrow{ position:absolute; right:0; bottom:0px;}
a.banner_text:link,a.banner_text:hover,a.banner_text:visited{font: bold 0.8em Arial,Helvetica,san-serif;color:#398a26;right:30px;  bottom:9px;position:absolute;}

/* end of banner */

.breadcrumb{float : left; margin : 0 0 10px 10px; }
.breadcrumb p span{float : left; font:normal 1em Arial,Helvetica,san-serif; color : #39892f; margin : 0 3px 0 0;}
.breadcrumb p{float : left; margin-left : 10px; font:normal 0.7em Arial,Helvetica,san-serif; color : #999998;}
.breadcrumb p a{float : left; font:normal 1em Arial,Helvetica,san-serif; color : #999998;}

.article_home{float : left; width : 555px;  margin : 5px 37px 0 18px;}
.article_home h1{font:bold 1.8em Arial,Helvetica,san-serif; color : #39892f; margin : 0 0 10px 0;}
.article_home h2{font:bold 1em Arial,Helvetica,san-serif; color : #94c948; margin : 0 0 10px 0;}
.article_home p{font:normal 0.75em Arial,Helvetica,san-serif; color : #000000; margin : 0 0 10px 0; line-height : 21px;}
.article_home p a{font:normal 1em Arial,Helvetica,san-serif; color : #39892f; margin : 0 0 10px 0; line-height : 21px;}

.article_home li{font:normal 0.75em Arial,Helvetica,san-serif; color : #000000; margin : 0 0 0 20px; line-height : 21px; list-style-type :  bullet;}

.article{float : left;  padding : 5px 37px 0 19px; width : 800px; overflow : hidden;}
.article h1{font:bold 1.8em Arial,Helvetica,san-serif; color : #39892f; margin : 0 0 10px 0;}
.article h2{font:bold 1em Arial,Helvetica,san-serif; color : #94c948; margin : 0 0 10px 0;}
.article p,.article ol,.article ul,.article dl{font:normal 0.75em Arial,Helvetica,san-serif; color : #000000; margin : 0 0 10px 0; line-height : 21px;}
.article p a{font:normal 1em Arial,Helvetica,san-serif; color : #39892f; margin : 0 0 10px 0; line-height : 21px;}
.article_image{float : right; margin : 45px 0 10px 20px; background: url(../images/img_bg.gif) no-repeat; height : 172px; width : 207px; padding : 10px 0 0 9px}

.article ul,.article ol {margin:1em 0 1em 2em;padding:0;}
.article ul ul,.article ol ol,.article ul ol,.article ol ul,.article ul p,.article ol p,.article dl ul{font-size:0.75em;}
.article ul ul,.article ol ul {list-style:disc;}
.article ul ul,.article ol ul,.article ol ol,.article ul ol {margin-top:0.5em;}
.article ul li,.article ol li {margin-top:0.4em ;}
.article dl {margin:4em 0 0 0;}
.article ul a,.article ol a{color:#39892f; text-decoration: none;}




.article_footer{float : left; margin : 0 0 0 0; background : #FFFFFF; background: url(../images/article_footer.gif) no-repeat; height : 122px; width : 860px;}

.footer_bracknell{float : left; margin : 14px 0 0 50px;}
.footer_reading{float : left; margin : 14px 0 0 118px;}
.footer_wokingham{float : left; margin : 14px 0 0 120px;}
.footer_wrg{float : left; margin : 14px 0 0 110px;}
.address{float : left; height : 20px; width : 860px; background:#FFFFFF; text-align : center; font:normal 0.7em Arial,Helvetica,san-serif; color : #606060;}
.address span{color : #39892f; font-weight : bold;}
.arkom{float : left; width : 860px; text-align : center; background : #FFFFFF; margin : 10px 0 5px 0;}
.arkom a{ font:normal 1em Arial,Helvetica,san-serif; color : #606060;}

.download_container{ float:left; height : 105px; width : 825px; padding : 3px; margin : 0 0 0 3px;}
.downloads{float : left; width : 401px; height : 96px; background: url(../images/downloads_bg.gif) no-repeat; padding : 0 10px 11px 0; overflow : hidden;}
.download_items{  margin : 40px 0 0 18px;}
.download_items a { font:normal 1em Arial,Helvetica,san-serif; color : #606060; cursor : pointer; }

.search_container{float : left; width: 825px;}
.search_header{float : left; width: 825px; height : 41px; background: url(../images/search_bg_top.gif) no-repeat;}
.search_content{float : left; width: 777px; background: url(../images/search_bg_slice.gif) repeat-y; padding : 15px 33px 15px 33px;  }
.search_footer{float : left; width: 825px; height : 27px; background: url(../images/search_bg_bottom.gif) no-repeat;}
.search_block_item{float : left; width : 680px; height : auto;  }
.search_block_item p a{font:bold 1em Arial,Helvetica,san-serif; color : #94c948; margin : 5px 0 5px 0; }

.search_more{float : left; width : 60px; height :35px; margin : 10px 0 0 0;}

.dl_item{float: left; width : 380px; font:normal 0.6em Arial,Helvetica,san-serif; color : #606060; }
.dl_file{float : left; width : 35px;  }
.dl_title{float: left; width : 260px; padding : 4px 0 0 0;}
.dl_size{float : right; width : 80px; text-align : right; padding : 4px 0 0 0;}

.links{float : left; width : 401px; height : 100px; background: url(../images/links_bg.gif) no-repeat; padding : 0 10px 11px 0; overflow : hidden;}
.links ul{ margin : 40px 0 0 50px;}
.links li {font:normal 0.6em Arial,Helvetica,san-serif; color : #606060; line-height : 19px; }
.links li a {color : #606060; text-decoration : underline;}

.latest_news{float : left; width : 220px; height : 240px; padding : 70px 0 0 0; margin : -20px 0 0 0; background: url(../images/latest_news_bg.jpg) no-repeat;}
.latest_news_item{float : left; width : 150px; max-height : 70px; min-height : 70px; overflow : hidden; padding : 0 0 10px 35px; margin : 0 0 7px 0;}
.latest_news_date p{ margin : 0 0 3px 0; font:bold 0.7em Arial,Helvetica,san-serif; color : #39892f; }
.latest_news_title p{font:bold 0.7em Arial,Helvetica,san-serif; color : #39892f; margin : 0 0 3px 0;  }
.latest_news_summary p{font:normal 0.6em Arial,Helvetica,san-serif; color : #000000;}
.latest_news_link{font:normal 1em Arial,Helvetica,san-serif; margin : -15px 0 0 130px;}
.latest_news_link a{font:normal 1em Arial,Helvetica,san-serif; color : #39892f; }
.newsletter_signup{float :left; padding : 4px 0 0 29px;}

.leftnav{float : left; width : 174px; height : auto; margin : 0 0 20px -2px; overflow : hidden; }
.left_menu{float : left; }

.left_menu ul{float : left; font:normal 0.75em Arial,Helvetica,san-serif; color : #999998; margin : 25px 0 0 15px; list-style-type: none; width : 150px;}
.left_menu li a{float : left; font:normal 1em Arial,Helvetica,san-serif; color : #999998; line-height : 18px; margin : 0; width : 145px;}
.left_menu li a.active{float : left; font:bold 1em Arial,Helvetica,san-serif; color : #000000; line-height : 18px; margin : 0;}

.left_sub{float : left; padding : 0 0 5px 6px; width : 145px;  font:normal 1em Arial,Helvetica,san-serif; color : #398926; }
.left_sub ul { float : left; margin : 0 0 0 0; }
.left_sub li a {float : left; margin : 0; width : 130px; font: normal 1.3em Arial,Helvetica,san-serif; color : #398926;}
.left_sub li a.active {float : left; margin : 0; width : 140px; font: bold 1.3em Arial,Helvetica,san-serif; color : #f3932e;}

.left_links{float : left; margin : 45px 0 0 0;}
.left_link{float : left; width : 174px; margin : 0 0 5px 0;}
.love_food{float: left; margin : 10px 0 0 0; border : 1px solid #e0e0e0;}

/* Latest News*/

.news_container{float : left; width: 825px; margin : 0 0 0 -7px;}
.news_header{float : left; width: 825px; height : 41px; background: url(../images/news_bg_top.gif) no-repeat;}
.news_content{float : left; width: 777px;  background: url(../images/news_bg_slice.gif) repeat-y; padding : 15px 33px 15px 33px;  }
.news_footer{float : left; width: 825px; height : 13px; background: url(../images/news_bg_bottom.gif) no-repeat;}

.news_item{float : left; width : 339px; height : 100px; background: url(../images/news_item_bg.gif) no-repeat; margin : 5px 5px 5px 5px; padding: 15px;}
.news_item a{font:bold 0.75em Arial,Helvetica,san-serif; color : #94c948; }

.news_item span{ font:bold 1em Arial,Helvetica,san-serif; color : #398926; }

.news_detail{float: left; margin : 10px 0 0 0; }
.news_detail p {float : left; font:normal 0.7em Arial,Helvetica,san-serif; color : #606060; width : 250px; margin : 5px 0 0 0;}
.news_detail_img{float : right; height : 66px; width : 61px; background : #606060; margin : 0 5px 0 5px;}

.right_items{display : inline; margin : 0; margin-left :10px; float :right; width : 207px; height : 229px; }
.right_items_images{display : inline; margin : 0; background-color : #E0E8E9;  float :right; width : 207px; height : 229px; margin-left :10px; background: url(../images/prod_img_bg.gif) no-repeat;}
#right_items_images img.main{margin : 0px; 	float : left; border : 0; margin : 10px 0 5px 10px;}
#right_items_images .sub_images{float : left;  padding : 0 0 0 10px; width : 196px;}
#right_items_images .sub_image{float : left;  margin : 0 ; border : 0; width : 64px; height : 36px;}
#right_items_images p{float : left; margin : 4px 0 4px 0; display : inline; width : 199px; font: normal 0.59em Verdana,Arial,Helvetica,san-serif; text-align: center;	color: #B50A47;}

#right_items p{color : #3C393A; line-height : 14px; margin : 5px 0 5px 15px;}
#right_items span.date{font-weight : bold; color :  #B50A47;}
#right_items img.main{margin : 0px; 	float : right; border : 1px solid #B50A47;}th : 61px;	margin : 10px 0  0 10px; border : 1px solid #B50A47;}

div.contact_container{float :left;  display :inline; margin-bottom : 5px; width : 810px;}
.contact_container b{color : #3b7512;}
.contact_container span{  color : #398a26; font-weight : bold;}

div.contact_single{float :left; margin : 1px; width : 255px; height : auto; }

div.contact_comments{float: left; margin: 0px; max-width: 255px; height: auto; }
div.contact_validation{	margin : 0px; padding : 0px; width : 182px;	height : 22px;  background-image : url(../images/validation_back.gif);}
div.contact_opt{float :left; margin : 1px; width : 510px; height : auto; font : bold 0.7em Verdana,Arial,Helvetica,san-serif; color : #686868;}

input.contact_form{float : left; margin: 0px;	padding: 5px 0 0 0;	font-size: 10px;	width: 222px;	height: 22px;	border: 0;	background-color: #FBFBFB; background-image : url(../images/search_slice.gif); font: normal 0.8em Verdana,Arial,Helvetica,san-serif;}
input.button{float :right; margin : 5px 15px 15px 0;}
label.contact_form{margin : 0px; font: normal 0.6em Verdana,Arial,Helvetica,san-serif; line-height : 25px; color : #094090;}
label.contact_form2{float :left; margin : 0px;  font : normal 0.8em Verdana,Arial,Helvetica,san-serif; line-height : 12px; margin : 22px 10px 10px 0; color : #535353;}

textarea.contact_form{float : left; margin : 0px;	padding : 5px 0 0 0; width : 222px;	height : 75px;	background-color: #FBFBFB; font: normal 0.7em Verdana,Arial,Helvetica,san-serif; overflow : hidden; background-image : url(../images/search_large_slice.gif) ; border: 0;}
textarea.contact_form_wide{float : left; margin : 0px;	padding : 0px;	width : 235px;	height : 80px; border : 1px solid  #7A8B95;	background-color: #FBFBFB; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;}

.contact_left{float : left; width : 14px; height : 27px; background: url(../images/search_small_left.gif) no-repeat; }
.contact_right{float : left; width : 14px; height : 27px; background: url(../images/search_small_right.gif) no-repeat; }

.contact_left_lrg{float : left; width : 11px; height : 80px; background: url(../images/search_large_left.gif) no-repeat; }
.contact_right_lrg{float : left; width : 11px; height : 80px; background: url(../images/search_large_right.gif) no-repeat; }

.search_block_item{float : left;}
.playercontainer{width:193px; height:63px; background: url(../images/listen-to-our-jingle.jpg) top left no-repeat;position:relative; float:right;}
.playerborder{border: 2px solid #309b47;width:174px; float:left; position:absolute; top:25px; left:8px;}
/* recycling body header text */
.recycling_body_header{font-size:0.76em;color: #df0202; margin: 15px 0 4px 0;}

/* 
The contents of this file is licensed material and is copyright to arkom creative technology. It is protected by international copyright laws. It may not be modified, copied in whole or in part except in the manner expressly stated in the license agreement. If you are in any doubt as to what you are allowed to do, contact us at www.arkom.co.uk.
*/