* { 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: 800px;  text-align: left;  margin-top : 20px; }
.container{margin: 0; width: 800px; float: left; clear: none;	}

/*Header And Nav*/

.sub_nav{float: right; margin: 5px 5px  0 0px; width: 48px; height: 23px;}
.sub_nav img{float: left; display: inline; margin : 0px;}
.header_container{float :left; margin : 0px; width : 800px; height : 171px; }
.header_left{float: left; margin: 0px; width: 126px;}
.header_banner{float: left; margin: 0px;	width: 674px;	height: 147px;	background-image: url(../images/bg_header.jpg);}

.header_nav{float: left; margin: 0px; width: 674px; height: 24px;}
#header_nav ul{float : left;  margin:0 0 0 3px; padding:0;}
#header_nav li{float : left; display:inline; list-style-type: none; margin:0; padding:0;}

div.header_navi_item_1_drop{visibility: hidden; margin-left: 225px; float: left; height: auto; width: 189px; z-index: 10; position: absolute; border: 1px solid #76ad60;	border-top: 0;	background: url(../images/bg_dropdown.gif) no-repeat;	background-color: #e6e5cf;	padding : 9px 0 9px 0;}
div.header_navi_item_2_drop{visibility : hidden; margin-left :321px; float :left; height :auto; width : 189px; z-index : 10; position : absolute; border : 1px solid #76ad60; border-top : 0; background: url(../images/bg_dropdown.gif) no-repeat; background-color: #e6e5cf; padding : 9px 0 9px 0;}
div.header_navi_item_3_drop{visibility : hidden; margin-left :417px; float :left; height :auto; width : 189px; z-index : 10; position : absolute; border : 1px solid #76ad60; border-top : 0; background: url(../images/bg_dropdown.gif) no-repeat; background-color: #e6e5cf; padding : 9px 0 9px 0;}
div.header_navi_item_4_drop{visibility : hidden; margin-left :513px; float :left; height :auto; width : 189px;  z-index : 10; position : absolute; border : 1px solid #76ad60; border-top : 0; background: url(../images/bg_dropdown.gif) no-repeat; background-color: #e6e5cf; padding : 9px 0 9px 0;}


div.navi_dropdown_option{z-index : 10; text-decoration : none; margin : 0px;	width : 100%;	border-bottom : 1px solid #FFFFFF; padding-top : 2px; padding-bottom: 2px; }
a.navi_dropdown_option{font-weight: normal; text-decoration : none; color :#86743f;  font-size : 0.7em; padding-left : 10px; display : block;}
a.navi_dropdown_option:active{font-weight: normal; 	text-decoration : none; color :#86743f;	 font-size : 0.7em; padding-left : 10px; display : block;}
a.navi_dropdown_option:hover{font-weight: normal; text-decoration : none; color :#45812d; font-size : 0.7em; padding-left : 10px; display : block;}
a.navi_dropdown_option:visited{font-weight: normal; text-decoration : none; color :#86743f;	 font-size : 0.7em; padding-left : 10px; display : block;}



/*Article*/
.article_container{float: left; margin: 0px; width: 800px;	min-height: 390px; height: auto !important; height: 390px;	background-color: #ffffff;	background-image: url(../images/bg_article_container.gif);	background-repeat: no-repeat;	background-position: top;}
.article_left{float: left; margin: 0px; width: 126px;}
.article_left{float: left;	margin: 0 0 0 0;	font: bold 0.65em Verdana,Arial,Helvetica,san-serif;	line-height: 17px; color: #000000;	text-align: center;}

.article{float: left; margin: 0px; width: 674px;}
.article p{margin : 0 15px 10px 0px; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color: #164302;  line-height : 15px;}
.article p a{color:#76ad60; text-decoration: underline;} 

.article p a:hover{color:#76ad60; text-decoration: underline;} 
.article p a:visited{color:#76ad60; text-decoration: underline;} 
.article h1 {margin : 20px 15px 0 0; font: bold 1.1em Verdana,Arial, Helvetica, sans-serif; color:#76ad60; }
.article h2 {margin : 20px 15px 20px 0; font: bold 0.75em Verdana,Arial, Helvetica, sans-serif ;color: #858383;  line-height : 17px}

/* LISTS */
.article ul,.article ol {margin : 0 15px 10px 40px; font:normal 0.7em Verdana,Arial,Helvetica,san-serif; color:#1e553d;}
.article ul ul,.article ol ol,.article ul ol,.article ol ul,.article ul p,.article ol p,.article dl ul{font-size:1em;}
.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:1em 0 0 0;}
img.cms_image{float :right; margin : 12px 0 12px 12px;}
img.cms_image_news{float :right; margin : 12px 0 12px 12px; border : 3px solid #ada960;}
p.message{color : #CC0000; margin-top : 10px;}

/*Homepage Boxs*/
.home_right{float: right; margin: 7px 8px 10px 15px;	width: 270px; height: auto;}
.store_container{float: left; display : inline; margin: 0px; width: 270px; height: 111px;}
.store_left{float: left; display : inline;	margin: 0px; width: 135px;	height: 111px;}
.store_right{float: left; display: inline; margin: 0px; width: 135px; height: 111px;}

.offers_container{float: left; display : inline;	margin: 1px 0 0 0; width: 270px;	min-height: 264px; height: auto !important; height: 264px;}
.offers_left{float: left; display: inline; margin: 0px; width: 148px; height: auto;}
.offers_right{float: left;	display: inline; margin: 7px 0 0 0;	width: 122px; height: 264px; background-image: url(../images/img_offer_right.jpg); background-position: right;background-repeat: no-repeat;}
.offer{float: left; display: inline; margin: 7px 0 0 0; width: 148px; height: 61px;}
.offer_top{float: left; display: inline; width: 148px;  height: 31px;}
.offer_price{float: right; display: inline; width: 88px; height: 20px;}
.offer_buy{float: right; display: inline; width: 88px; height: 10px;}
.offer_top p{margin : 5px 7px 0 2px; font: bold 0.6em Verdana,Arial,Helvetica,san-serif; color: #76ad60; text-align: right;}
.offer_price p{float: left; overflow : hidden; display: inline; margin: 2px 0 0 7px; font: bold 0.85em Verdana,Arial,Helvetica,san-serif; color: #FFFFFF; line-height: 16px;}
span.offer_weight{clear :none;  font: normal 0.6em Verdana,Arial,Helvetica,san-serif;}
.offer_top p a, .offer_top p a:hover, .offer_top p a:visited{text-decoration: none;}

/*Range*/
.range_container{float: left; margin: 24px 0 0 0; 	width: 318px;	min-height: 85px; height: auto !important; height: 85px;  background-color : #ada960;}
.range_container_margin{float: left; margin: 24px 25px 0 0;	width: 318px;	min-height: 85px; height: auto !important; height: 85px; }
.range_left{float: left; margin: 0;  width : 86px;min-height: 85px; height: auto !important; height: 85px;  background-color : #ada960;}
.range_left img{float: left; display : inline; margin : 4px;}
.range_right{float: left; margin: 0;	width : 231px;	min-height: 83px; height: auto !important;	height: 83px;	background-color : #f4f9f3;	border-top : 1px solid #ada960;	border-bottom : 1px solid #ada960;	border-right : 1px solid #ada960;}
.range_right p{margin : 7px; color : #656363;}
.range_right p a, .range_right p a:hover, .range_right p a:visited{color : #164302;}
.range_right p a.header, .range_right p a.header:hover, .range_right p a.header:visited{font: bold 1.1em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	line-height : 17px; color : #164302;}

/*SubRange*/
.subrange_container{float: left; margin: 24px 0 0 0; 	width: 329px;	min-height: 136px; height: auto !important; height: 136px; border : 1px solid #ada960;  background-color : #f4f9f3;}
.subrange_container_margin{float: left; margin: 24px 12px 0 0;	width: 329px;	min-height: 136px; height: auto !important; height: 136px;  border : 1px solid #ada960; background-color : #f4f9f3;}
.subrange_top{float: left; display: inline;	width: 329px;	min-height: 82px; height: auto !important; height: 82px;}
.subrange_top_left{float: left; display: inline; width: 76px; height: auto;}
.subrange_top_left img{float: left; display : inline; border : 3px solid #ada960; border-left : 2px solid #ada960;}
.subrange_top_right{float: left; display: inline; width: 253px; height: auto;}
.subrange_top_right p{margin : 7px; color : #656363;}
.subrange_top_right p a, .subrange_top_right p a:hover, .subrange_top_right p a:visited{color : #164302;}
.subrange_top_right p a.header, .range_right p a.header:hover, .range_right p a.header:visited{font: bold 1.1em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	line-height : 17px; color : #164302;}

.subrange_bottom{float: left; display: inline; width: 329px;	height: 61px;}
.subbuy_container{float: left; display: inline; margin: 3px 0 0 7px; width: 101px; height: 49px;}
.subbuy_right{float: left; display: inline; margin: 0; width: 34px; height: 49px;}
.subbuy_left{float: left; display: inline; margin: 0; width: 67px; height: 59px;}
.subbuy_weight{float: left; display: inline; margin: 1px 0 0 0; width: 67px; height: 23px; background-color: #d6e6cf;}
.subbuy_price{float: left; display: inline;	margin: 2px 0 0 0; width: 67px; height: 23px; background-color: #d6e6cf;}
.subbuy_container p{margin : 0 0 0 5px; font: normal  0.7em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	 color :#000000; line-height: 23px;}

/*Main Product*/
.product_image{float: left; display : inline; margin : 17px 23px 0 0; width : 108px; height : 108px;  background-color : #ada960;}
.product_image img{float: left; display : inline; margin: 4px;}
.product_image p{float: left; font: normal 0.6em Verdana,Arial,Helvetica,san-serif; margin : 5px 0 0 7px;}
.product_detail{float: left; display: inline; margin: 17px 0 0 0; width: 540px;}
p.back h1{margin : 0px;}
p.back a, p.back a:visited{font: bold 1.1em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	 color :#ada960;}
.buy_container{float: left; display: inline; margin: 10px 13px 10px 0; width: 90px; height: 49px;}
.buy_left{float: left; display: inline; margin: 0; width: 56px; height: 59px;}
.buy_right{float: left; display: inline; margin: 0; width: 34px; height: 49px;}
.buy_weight{float: left; display: inline; margin: 1px 0 0 0; width: 56px; height: 23px; background-color: #d6e6cf;}
.buy_price{float: left; display: inline;	margin: 2px 0 0 0; width: 56px; height: 23px; background-color: #d6e6cf;}
.buy_container p{margin : 0 0 0 5px; font: normal  0.7em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	 color :#000000; line-height: 23px;}

/*Contact Fprm*/
.contact_container{float: left; margin: 0px; width: 672px; height: auto;}
.contact_single{float: left; margin: 0px; width: 170px; height: auto;}
.contact_single_2{float: left; margin: 0px; width: 162px; height: auto;}
.contact_double{float: left; margin: 0px; width: 340px; height: auto;}
.contact_double_2{float: left; margin: 0px; width: 332px; height: auto;}
label.contact_form{margin : 0px; font: normal 0.7em Verdana,Arial,Helvetica,san-serif; line-height : 21px; color : #164302;}
input.contact_form{margin: 0 0 0 0; padding: 0px;	font-size: 11px;	width: 160px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
textarea.contact_form{margin: 0 0 0 0;	padding : 0px;	width : 331px;	height : 79px; border : 1px solid  #bc9a6a;	background-color: #FFFFFF; font: normal 0.7em Verdana,Arial,Helvetica,san-serif;}
input.contact_button{display : inline; float :right; margin : 0 23px 15px 0;}
label.contact_form2{margin : 10px 0 0 0; font: normal 0.7em Verdana,Arial,Helvetica,san-serif; line-height : 15px; color : #164302;}

/*Cafe Page*/
img.cafe_image_right{float :right; margin : 10px 0 10px 10px;  border : #AFAC65 solid 3px;}
img.cafe_image_left{float :left;  margin : 10px 10px 10px 0; border : #AFAC65 solid 3px;}
img.cafe_image_large{float :left; border : #AFAC65 solid 3px; margin : 0 0 10px 10px;}
img.cafethumb{border : #AFAC65 solid 3px; margin : 4px; margin-bottom : 10px;}

/*News And Links*/
.news_link_container{float: left; margin: 24px 0 0 0; 	width: 674px;	min-height: 79px; height: auto !important; height: 79px; }
.news_link_left{float: left; margin: 0;  width : 128px; min-height: 80px; height: auto !important; height: 80px;  background-color : #ada960;}
.news_link_left img{float: left; display : inline; margin : 3px;}
.news_link_right{float: left; margin: 0;	width : 545px;	min-height: 78px; height: auto !important;	height: 78px;	background-color : #ffffff;	border-top : 1px solid #ada960;	border-bottom : 1px solid #ada960;	border-right : 1px solid #ada960;}
.news_link_right p{margin : 7px; color : #656363;}
.news_link_right p a, .news_link_right p a:hover, .news_link_right p a:visited{color : #164302;}
.news_link_right p a.header, .news_link_right p a.header:hover, .news_link_right p a.header:visited{font: bold 1.1em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	line-height : 17px; color : #164302;}

/*Basket*/
.basket_container{float: left; margin: 24px 15px 24px 0; width: 671px; height: auto;}
.basket_item{float: left;display: inline; margin: 0 0 3px 0; width: 671px; height: 54px;}
.basket_item_image{float: left; display: inline; margin: 0 3px 0 0; width: 54px; height: 54px; background-color : #ada960;}
.basket_item_image img{float: left; display : inline; margin : 3px;}
.basket_item_summary{float: left; display: inline; margin: 0 3px 0 0; width: 402px; height: 52px; border : 1px solid #ada960; background-color: #ffffff;}
.basket_item_summary p{margin : 7px; color : #656363;}
.basket_item_summary p a, .basket_item_summary p a:hover, .basket_item_summary p a:visited{color : #164302;}
.basket_item_summary p a.header, .basket_item_summary p a.header:hover, .basket_item_summary p a.header:visited{font: bold 1.1em Verdana,Arial,Helvetica,san-serif;	text-decoration : none;	line-height : 17px; color : #164302;}
.basket_item_options{float: left; display: inline; margin: 0 0 0 0; width: 205px; height: 52px; border : 1px solid #ada960; background-color: #ffffff;}
.basket_item_options_top{float: left;display: inline; margin: 0 0 0 0; width: 205px; height: 30px;}
.basket_item_options_top_item{float: left; display: inline; margin: 0 0 0 0; width: 102px; height: 30px;}
.basket_item_options_top_item p{margin :  0 0 0 5px; font: bold 0.75em Verdana,Arial,Helvetica,san-serif; line-height : 30px;  color : #656363;}
.basket_item_options_bottom{float: left; display: inline; margin: 0 0 0 0; width: 205px; height: 23px;}
.basket_item_options_bottom img{float: left; display: inline; margin: 4px 0 0 4px;}
span.quantity{color : #164302; margin : 0 0 0 0 ;}
span.cost{color : #164302; margin : 0 0 0 0 ;}
select.grind{margin: 3px 0 0 5px; padding: 0px;	font-size: 11px;	width: 160px;	height: 19px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
select.delivery{margin: 0 0 0 2px; padding: 0px;	font-size: 11px;	width: 160px;	height: 19px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.Order_Button{	float :right; margin : 5px 0 0 0;}
.delivery_options{float: left; display: inline; margin:  0 0 10px 464px; width: 205px; height: 51px; border : 1px solid #ada960; background-color: #ffffff;}
.delivery_options p{margin :  0 0 0 5px; font: bold 0.75em Verdana,Arial,Helvetica,san-serif; line-height : 22px;  color : #164302;}
.cost_options{float: left; display: inline; margin:  0 0 3px 464px; width: 207px; height: 18px;}
.cost_options_title{float: left; display: inline; margin:  0 0 0 0; width: 140px; height: 18px; }
.cost_options_value{float: left; display: inline; margin:  0 0 0 0; width: 67px; height: 18px; }
.cost_options_title p{margin: 0 0 0 5px; font: bold 0.75em Verdana,Arial,Helvetica,san-serif; line-height: 18px; color: #656363; text-align: right;}
.cost_options_value p{margin: 0 0 0 5px; font: bold 0.75em Verdana,Arial,Helvetica,san-serif; line-height: 18px; color: #164302; text-align: left;}

/*checkout*/
.checkout_container{float: left;display : inline; margin: 0px; width: 672px; height: auto;}
.checkout_single{float: left; display : inline;  margin: 0px; width: 337px; height: auto; overflow :hidden;}
.checkout_title{float: left; display : inline;  margin: 0px; width: 100px; height: auto; overflow :hidden;}
.checkout_name{float: left;  display : inline; margin: 0px; width: 237px; height: auto; overflow :hidden;}
.checkout_single2{float: left;  display : inline;  margin: 0px; width: 324px; height: auto; overflow :hidden;}
label.checkout_form{margin : 0px;  font: normal 0.7em Verdana,Arial,Helvetica,san-serif; line-height : 21px; color : #164302;}
input.checkout_title{margin: 0 0 0 0; padding: 0 0 0 4px;font-size: 11px;	width: 76px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.checkout_name{margin: 0 0 0 0; padding: 0 0 0 4px;	font-size: 11px;	width: 216px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.checkout_form{margin: 0 0 0 0; padding: 0 0 0 4px;	font-size: 11px;	width: 318px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.Confirm_Order_Button{	float :right; margin : 10px 0 0 0;}

/*Newsletter*/
.newsletter_container{float: left; display: inline; margin: 0px; width: 672px; height: auto;}
.newsletter_title{float: left; display : inline;  margin: 0 17px 0 0; width: 74px; height: auto; overflow :hidden;}
.newsletter_name{float: left; display : inline;  margin: 0px; width: 188px; height: auto; overflow :hidden;}
.newsletter_email{float: left; display : inline;  margin: 0px; width: 200px; height: auto; overflow :hidden;}
label.newsletter_form{margin : 0px;  font: normal 0.7em Verdana,Arial,Helvetica,san-serif; line-height : 21px; color : #164302;}
input.newsletter_title{margin: 0 0 0 0; padding: 0px;	font-size: 11px;	width: 38px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.newsletter_name{margin: 0 0 0 0; padding: 0px;	font-size: 11px;	width: 172px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.newsletter_email{margin: 0 0 0 0; padding: 0px;	font-size: 11px;	width: 198px;	height: 17px;	border: 1px solid  #bc9a6a;	background-color: #FFFFFF;}
input.newsletter_button{	float :right; margin : 10px 0 0 0;}

/*Footer*/
.footer_container{float: left; margin: 0px; width: 800px; height: 39px;	}
.footer_container p{float :left; display : inline; margin : 0 0 0 136px; font:normal 0.55em Verdana,Arial,Helvetica,san-serif;	line-height : 39px; color: #368420;}
.footer_container p a{text-decoration : none; color: #368420;}
span.brown{	color : #837e3e;}
.footer_arkom{margin: 0; float: left; width: 800px;	height: 25px;}
.footer_arkom a{font:normal 0.55em Verdana,Arial,Helvetica,san-serif;	line-height : 25px; color: #A7A9AC;}
.footer_arkom p{margin-left : 60px; text-align: center;}
.footer_arkom p a:hover{color:#B50A47; text-decoration: underline;} 

/*Lightbox*/
#lightbox{position: absolute;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#hoverNav{position: absolute;	top: 0;	left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto;width: 100%;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0;	left: 0; z-index: 90; width: 100%;	height: 500px; background-color: #000;}
/* 
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.
*/