/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, acronym, pre, a, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
p.hr { border-bottom:1px solid #c7d5d2; margin-bottom:10px;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
html { font-size:13px;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#213c16; width:100%; background:#000000;}
p { padding-bottom:15px; line-height:1.3em;}
abbr { text-decoration:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none; color:#678d84; }
a:hover, a:focus {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both; overflow:hidden; font-size:0px;}
.skiptocontent {position:absolute; margin-left: -9999px;}
.relbookmark { position:absolute; margin-left: -9999px;}
.hidden { position:absolute; display:none; left:-9999px;}
em { font-style:italic;}
strong { font-weight:bold;}
legend {display:none; position:absolute; left:-9999px;}
.user-actions label {display:none; }

.content ul, .content ol, .landingcontent ul { padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;}
	.content ul li, .landingcontent ul li { padding:0px 0px 8px 10px; margin:0px 0px 0px 0px; background:url(/_images/bkg/green-arrow.gif) 0px 5px no-repeat; }  
	.content ol li { padding:0px 0px 8px 10px; margin:0px 0px 0px 0px; list-style-type:decimal; list-style-position:inside; }  	.landingcontent ul { padding:0 0 10px 15px;}

.visibilityhidden { visibility:hidden;}

.messageWindow { background:url(/_images/bkg/list-bg.gif) bottom left no-repeat #FFF; color: #000; padding:20px; text-align:center; cursor:pointer; border:1px solid #4A756B; }

.messageboxclose { padding:2px 0px 2px 20px; background:url(/_images/buttons/remove.gif) left no-repeat;}

blockquote { padding:0px 60px 0px 20px; border-left:5px solid #C7D5D2; margin:0px 0px 15px 20px; }

/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size:160%; color:#678D84; font-weight:normal; margin:0px 0px 11px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #c7d5d2;}
	h1.article span { float:right; font-weight:normal;}
h2 { font-size:130%; color:#678D84; font-weight:bold; margin:0px; padding:0px 0px 10px 0px;}
h3 { font-size:110%; color:#678D84; font-weight:bold; margin:0px; padding:0px 0px 10px 0px;}
h4 { font-size:100%; color:#678D84; font-weight:bold; margin:0px; padding:0px 0px 10px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:930px; text-align:left; margin-left:auto; margin-right:auto; position:relative;}
#right-column {width: 246px; float: right;}

/********************************************************************/
/*                              Header                              */
/********************************************************************/

#header { float:left; width:930px;}

.logo { padding:38px 0px 0px 0px; float:left;}

.header-user-content { float:right; width:315px;}
	.header-user-content ul { float:right; padding:0px 5px 0px 0px;}
	.header-user-content ul.notloggedin {margin-top: 10px;}
		.header-user-content ul li { float:right; display:inline; padding-left:8px; margin-left:8px; border-left:1px solid #999999;}
			.header-user-content ul li.last { border:none;}
		.header-user-content ul li a { font-weight:normal; color:#999999; text-decoration:underline;}	
			.header-user-content ul li a:hover { color:#FCD833;}	

	.cta-telephone { float:right; padding:35px 5px 0px 0px;}

.user-actions { float:right; padding:15px 0px 0px 0px; width:300px;}

	.user-actions img { float:left; padding-right:12px;}
		.user-actions .user-actionInput { width:107px; float:left; margin-right:6px; background:url(../_images/bkg/user-action-input-bg.gif) bottom left no-repeat; height:18px; padding:2px 0px 0px 5px; line-height:1em; overflow:hidden;}
			.user-actions .user-actionInput input { float:left; border:1px solid #FFFFFF; background:#ffffff; width:98px; padding:0px 0px 0px 0px; font-size:1em; color:#7f7f7f; height:14px;}
		.user-actions .formbutton { float:left;}

.basket-area { float:right;/* width:300px;*/ width:315px; }	
	
	.basket-area p.basketline { float:left; /*width:295px;*/ width:315px; text-align:right; color:#FFFFFF; padding:10px 5px 10px 0px;}
	.login-area p.basketline { padding:10px 5px 0px 0px;}
	.basket-area p.basketline a { color:#FFFFFF; text-decoration:underline;}
		.basket-area p.basketline a:hover { color:#FCD833; }

/********************************************************************/
/*                             Navigation                           */
/********************************************************************/

#navigation { float:left; width:930px; background:url(/_images/bkg/navbg.gif) #678d84 top left no-repeat; margin:18px 0px 0px 0px;}
	#navigation ul { float:left; width:620px; }
		#navigation ul li { float:left; display:inline; line-height:37px; padding:0px 14px 0px 14px; background:url(/_images/bkg/nav-divider.gif) right center no-repeat;}
		#navigation ul li.last { background:none;}
			#navigation ul li a { font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:1.2em; color:#FFFFFF; text-decoration:none; font-weight:normal;}
			#navigation ul li.selected a { color:#FCD833 }
			#navigation ul li a:hover { color:#FCD833; text-decoration:underline;}
			
#navigation form { float:right; width:297px; padding:10px 0px 0px 0px;}
	#navigation form label { float:left;}
		#navigation form .search-input { width:134px; float:left; margin-right:6px; background:url(/_images/bkg/search-input-bg.gif) bottom left no-repeat; height:18px; padding:2px 0px 0px 5px; line-height:1em; overflow:hidden;}
			#navigation form .search-input input {float:left; border:1px solid #FFFFFF; background:#ffffff; width:120px; padding:0px 0px 0px 0px; font-size:1em; color:#7f7f7f; height:14px;}

/********************************************************************/
/*                           Breadcrumb                             */
/********************************************************************/

#breadcrumb { width:930px; float:left; padding:10px 0px 5px 0px;}
	#breadcrumb li { float:left; display:inline; color:#999999; padding:0px 10px 0px 0px; margin:0px 10px 0px 0px; background:url(/_images/bkg/green-arrow.gif) 100% 65% no-repeat;}
		#breadcrumb li a { color:#999999; text-decoration:underline;}
			#breadcrumb li a:hover { color:#FCD833;}
	#breadcrumb li.first, #breadcrumb li.last { background:none; margin:0px 0px 0px 0px;}
	#breadcrumb li.first { font-weight:bold;}
	#breadcrumb li.last { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

/********************************************************************/
/*                              Sectors                             */
/********************************************************************/

.sectors { float:left; width:930px; height:416px; margin:4px 0px; position:relative;}
	.sectors ul { padding:0px 0px 0px 0px;}
		.sectors ul li img { float:left; display:inline; padding:0px 0px 0px 0px;}
		
	.sectors #sector-background { height:416px; overflow:hidden; width:930px;}
	
	.sectors #sector-segments { width:249px; position:absolute; z-index:2; float:left; top:30px; left:30px;}
		.sectors #sector-segments li { float:left; width:249px; display:inline; clear:both; padding-bottom:2px;}
			.sectors #sector-segments li h2 { background:#4a756b; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size:1.1em; color:#FFFFFF; padding:0px 0px 0px 0px; line-height:30px; float:left; width:249px;}
				.sectors #sector-segments li h2 a { cursor:pointer; color:#FFFFFF; display:block; line-height:30px; width:229px; padding:0px 10px; text-decoration:none;}
					.sectors #sector-segments li h2 a:hover { text-decoration:none;}
				.sectors #sector-segments h2.toggleon { background:url(/_images/buttons/toggle.gif) 0px 0px;}
				.sectors #sector-segments h2.toggleoff { background:url(/_images/buttons/toggle.gif) 0px 30px;}
		.sectors #sector-segments li ul { float:left; background:#678d84; width:223px; padding:18px 13px; }
			.sectors #sector-segments li ul li { width:213px; color:#FFFFFF; line-height:1.2em; padding:0px 0px 13px 10px; background:url(/_images/bkg/sector-arrow.gif) 0px 4px no-repeat;}
			.sectors #sector-segments li ul li a { color:#FFFFFF;}
				.sectors #sector-segments li ul li.last { padding:0px 0px 0px 0px; background:none;}
			.sectors #sector-segments li .sector-container { width:249px; float:left;}


/********************************************************************/
/*                         Home Content                             */
/********************************************************************/

.home-content { float:left; width:892px; background: url(/_images/bkg/home-content-top.gif) top left no-repeat #FFFFFF; padding:0px 20px 0px 18px;}
		.home-content .flexibility, .home-content .news, .home-content .offers { margin:20px 0px 0px 0px;}
		
		.home-content .flexibility { width:244px; padding:0px 20px 0px 0px; float:left; }
			.home-content .flexibility p { line-height:1.4em; padding:5px 0px 15px 0px; }
			
		.home-content .offers {  width:307px; padding:0px 0px 0px 13px; float:left}
		.home-content .offers h2 { padding:0px 0px 0px 0px;}
		
			.home-content .offers ul { width:299px; padding:0px 0px 0px 0px; height:174px; overflow:hidden; position:relative;}
				.home-content .offers ul li { width:299px; padding:0px 0px 0px 0px; float:left; }
					.home-content .offers ul li a { float:left; width:299px; padding:0px 0px 0px 0px; }
					.home-content .offers ul li a img { float:left;}
				
		.home-content .news { width:286px; padding:0px 0px 0px 22px; float:left; }
			.home-content .news h2 { float:left; width:100%; }
				.home-content .news  h2 img { float:left;}
				.home-content .news h2 a img { float:right;}
			.home-content .news h3, .home-content .news h3 a { color:#213c16; font-size:1em; }
			
			.home-content .news form { overflow:hidden; background:url(/_images/bkg/distributor.gif) top left no-repeat; padding:0px 0px 20px 0px; }
				.home-content .news form h3 { padding:9px 0px 23px 10px; }
				.home-content .news form label { float:left; padding:0px 10px 0px 11px; color:#4d6a42; margin:3px 0px 0px 0px; }
				.home-content .news form .formbutton { float:left;}
				.home-content .news form .search-input { width:107px; float:left; margin-right:6px; background:url(/_images/bkg/postcode-input-bg.gif) bottom left no-repeat; height:18px; padding:2px 0px 0px 5px; line-height:1em; overflow:hidden; }
				.home-content .news form .search-input input { float:left; border:1px solid #c6dbbf; background:#c6dbbf; width:95px; padding:0px 0px 0px 0px; font-size:1em; color:#7f7f7f; height:14px; }


/********************************************************************/
/*                          Home Products                           */
/********************************************************************/

  .home-products { background:#678d84; float:left; width:930px; padding:0px 0px 0px 0px;}
	.home-products ul { float:left; width:900px; padding:0px 29px 20px 29px;}
	.home-products ul li { width:200px; float:left; display:inline; padding:0px 24px 0px 0px; }
	
	    .home-products ul li.grocery-list { width:200px; float:left; display:inline; padding:0px 0px 0px 0px; }
	    .home-products ul li a { color:#FFFFFF; padding:0px 0px 0px 10px; background:url(/_images/bkg/some-products-arrow.gif) 0px 5px no-repeat; font-weight:bold;}
			.home-products ul li h3 { color:#FFFFFF; padding:0px 0px 8px 15px; background:url(/_images/bkg/star.gif) 0px 2px no-repeat;}
			.home-products ul li ul { float:left; width:200px; padding:10px 0px 0px 0px; background:url(/_images/bkg/some-products-div.gif) top left repeat-x;}
			.home-products ul li ul li { width:200px; float:left; display:block; clear:both; padding:0px 0px 8px 0px; color:#FFFFFF; line-height:1em;}
			.home-products ul li.last { padding:0px 0px 0px 0px;}

/********************************************************************/
/*                           Content Area                           */
/********************************************************************/

#content-container { float:left; width:930px; padding:5px 0px 5px 0px; }

.content { float:left; width:650px; background: url(/_images/bkg/content-top.gif) top left no-repeat #FFFFFF; padding:15px 15px 13px 15px;}
	.content-bottom { width:680px; background:url(/_images/bkg/content-bottom.gif) top left no-repeat #FFFFFF; float:left; height:2px; overflow:hidden; }

/********************************************************************/
/*                             Side Bar                             */
/********************************************************************/

.side-bar { width:246px; margin:0px 0px 0px 0px;}
	.side-bar li.first { margin:0px 0px 0px 0px;}
	.side-bar li { padding:0px 0px 0px 0px; float:left; width:246px; clear:both; margin:5px 0px 0px 0px; background:#FFFFFF; }
		.side-bar li img { float:left;}


/********************************************************************/
/*                             Categories                           */
/********************************************************************/

.content .category { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:650px;}
	.content .category li { padding:0px 0px 8px 0px; margin:0px 0px 0px 0px; background:none;}
		.content .category li h2 { font-size:1em; color:#FFFFFF; padding:0px 0px 0px 0px; width:650px; font-family: Helvetica, Arial, sans-serif; }
		.content .category li h2 a { color:#FFFFFF; padding:5px 10px 5px 40px; display:block; background:url(/_images/bkg/cat-folder.gif) 0px 0px no-repeat; width:600px;}
			.content .category li h2 a:hover { text-decoration:none; background-position:0px -24px; }

.content .subcategory { padding:0px 0px 10px 0px; border-bottom:1px solid #C7D5D2; margin:0px 0px 20px 0px; float:left; width:100%; }

/********************************************************************/
/*                             Module List                          */
/********************************************************************/

ul.list { float:left; width:650px; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px;  }
	ul.list li { float:left; width:650px; padding:0px 0px 5px 0px; margin:0px 0px 20px 0px; background:url(/_images/bkg/list-bg.gif) 100% 100% no-repeat; }
	ul.list li.last { margin:0px 0px 0px 0px;}
	ul.list li p { padding:0px 15px 15px 40px; }
		ul.list li h2 { float:left; width:650px; font-size:1em; font-weight:bold; padding:0px 0px 0px 0px;  }
			ul.list li h2 a { font-weight:bold; float:left; padding:0px 0px 0px 0px; }
			ul.list li h2 span { float:right; padding:0px 15px 0px 10px; color:#8db8ad;}
	
/********************************************************************/
/*                               News                               */
/********************************************************************/

ul.news li h2 { padding:4px 0px 6px 0px; }
	ul.news li h2 a { padding:4px 0px 6px 40px; background:url(/_images/icons/news.gif) 10px 0px no-repeat; display:block; color:#678D84;}

/********************************************************************/
/*                               Links                              */
/********************************************************************/

ul.links { padding:0px 0px 20px 0px;}
ul.links li { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;}
	ul.links li h2 { padding:5px 0px 3px 0px; }
		ul.links li h2 a { padding:5px 0px 5px 40px; background:url(/_images/icons/links.gif) 10px 0px no-repeat; display:block; color:#678D84;}

/********************************************************************/
/*                               Links                              */
/********************************************************************/

ul.depot li h2 { padding:3px 0px 6px 55px; background:url(/_images/icons/depot.gif) 10px 0px no-repeat; display:block; color:#678D84; width:595px;}

ul.depot li dl { float:left; width:595px; padding:0px 0px 10px 55px;}
	ul.depot li dl dt { display:none; position:absolute; left:-9999px;}
	ul.depot li dl dd { float:left;}
	ul.depot li dl dd.telephone, ul.depot li dl dd.email { float:right; clear:right; padding-right:10px;}

/********************************************************************/
/*                               Forms	                             */
/********************************************************************/

.content form { float:left; width:409px;}
	.content form span { color:#488778; }
	.content form label, form p.label, .content form select, .content form .textfield, .content form textarea { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}
	.content form select, .content form .textfield, .content form textarea { border:1px solid #b0b0b0; background:#FFFFFF; }
	.content form .textfield, .content form select, .content form textarea { width:150px; padding:2px 2px 2px 2px; color:#54716C;}
	.content form label, form p.label { margin:3px 0px 0px 0px; width:150px; display:block; }
	.content form select { width:156px; padding:2px 2px 2px 2px;}
	.content form .textfield {}
	.content form textarea { height:120px; width:250px;}
	.content form .formbutton { float:right; padding-right:3px;} 	

	form div.singleline { float:left; width:100%; margin-bottom:10px;}
		form div.singleline a span { font-size:0.9em; font-weight:normal; vertical-align:text-bottom; }
		form div.singleline label { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; width:480px;  }
		form div.singleline input { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:14px; width:14px; }

.content form.editreg, .content form.address, .content form.password, form.reminder{ width:409px;}


ul.checkbox-list { float:left; width:300px; padding:8px 0px 2px 0px; margin:0px 0px 0px 0px; }
                ul.checkbox-list li { float:left; width:300px; padding:0px 0px 8px 0px; margin:0px 0px 0px 0px; background:none; line-height:1em; }            
                ul.checkbox-list li label { float:left; width:150px; padding:0px 0px 1px 8px; margin:1px 0px 0px 0px; }        
                ul.checkbox-list li input { float:left; width:14px; height:14px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
                
.fielderror, .formerror {color: #DF0000; margin: 5px 0px;}

#message .textfieldmulti { float:right;}
.send-a-friend-image { padding:2px 0px 0px 35px;}

.radiogroup { float:left; width:150px; padding:5px 0 3px 0;}				
	.radiogroup .option { float:left; width:150px; padding:0 0 10px 0;}
	.radiogroup .option input { float:left; width:13px; height:13px; overflow:hidden; margin:0; padding:0; }	
	.radiogroup .option label { width:125px; padding:0 0 0 5px; margin:0;}	
				
/********************************************************************/
/*                               Table                              */
/********************************************************************/

table.data { border-top:1px solid #c6d2cf; border-right:1px solid #c6d2cf; margin:0px 0px 10px 0px;}
table.order { margin-bottom:15px;}

	table.data td, table.data th { padding:4px 4px 4px 4px; border-left:1px solid #c6d2cf; border-bottom:1px solid #c6d2cf; text-align:left; vertical-align:middle;}
	table.data td {}
	table.data th { padding:4px; background:url(/_images/bkg/table-head.gif) bottom left repeat-x; color:#4A756B; border-bottom:1px solid #a7a7a7; font-weight:normal;}

table.basket  { margin:0px 0px 20px 0px;}

table.basket td, table.basket th, table.order { text-align:center;}

table.basket td.name, table.basket th.name, table.order td.date, table.order th.date, table.order td.name, table.order th.name { text-align:left;}

 table.order td.date, table.order th.date { width:630px;}
 
 table.order .name { width:610px;}

form.basket { float:none; width:650px;}
	form.basket table label, form.basket table th .remove { display:none;}
	form.basket table .textfield { width:30px; padding:0px 2px 0px 2px; margin:0px 0px 0px 0px; float:none; text-align:center; }

form.basket table tr.total td, table.basket tr.total td { background:#678D84; color:#FFFFFF; font-weight:bold; line-height:1.5em;}
	form.basket table tr.total td.totaltitle, table.basket tr.total td.totaltitle { font-weight:normal; }
	
table.order td, table.order th { text-align:center;}

#number { text-align:center; margin:0 auto; padding:2px; padding-right:7px;}
	
/********************************************************************/
/*                               Account                            */
/********************************************************************/


.account-nav { width:246px; background:url(/_images/bkg/account-nav-bg.gif) top left no-repeat #FFFFFF; margin:0px 0px 7px 0px; }

.account-nav-bottom { width:246px; height:2px; float:left; background:url(/_images/bkg/account-nav-bg-bottom.gif) top left no-repeat #c8c8c8; overflow:hidden;}

.account-nav h3 { width:231px; background:url(/_images/bkg/account-nav-title.gif) top left no-repeat; padding:5px 5px 4px 10px; border-bottom:1px solid #b3b3b3; font-size:1em; }

.account-nav ul { width:231px; padding:15px 5px 15px 10px; margin:0px 0px 0px 0px;}
	.account-nav ul li { width:221px; padding:0px 0px 8px 10px; margin:0px 0px 0px 0px; background:url(/_images/bkg/green-arrow.gif) 0px 5px no-repeat;}
	.account-nav ul li.last { padding-bottom:0px;}
	.account-nav ul li a { font-weight:normal; }
	
	.account-nav ul li.deselected { color:#B3B3B3;}

/********************************************************************/
/*                               Register                           */
/********************************************************************/

form.register, fieldset.competitionregister { width:508px; padding:0px 2px 0px 0px;}

/********************************************************************/
/*                               Contact	                       */
/********************************************************************/

form.contact  { width:449px; }
	 form.contact label { width:190px;}
	 form.contact .multiple { width:250px;}
	 
	 form.contact p.help {  border:1px solid #accdc5; padding:5px 5px 5px 5px; margin:0px 0px 10px 0px; background:url(/_images/bkg/table-head.gif) bottom left repeat-x #FFFFFF; width:428px;}
	 
	 .alert {width:613px; float:left; padding:5px 5px 5px 30px; background:url(/_images/bkg/alertbg.gif) bottom left repeat-x #ffffff; border:1px solid #accdc5; margin:0px 0px 15px 0px;}

	 
/********************************************************************/
/*                               Sitemap 	                       */
/********************************************************************/

ul.sitemap {}
	ul.sitemap li { background:none; border-bottom:1px solid #C7D5D2; padding:0px 0px 0px 0px; }
		ul.sitemap li a { background:#FFFFFF; display:block; padding:5px 0px 5px 10px;}
			ul.sitemap li a:hover { background:#99bdb5; color:#FFFFFF; text-decoration:none;}
	ul.sitemap li ul { padding:0px 0px 5px 0px;}
		ul.sitemap li ul li { padding:0px 0px 0px 0px; border:none;}
		ul.sitemap li ul li a { padding:0px 0px 0px 50px; line-height:1.5em; background:url(/_images/bkg/green-arrow.gif) 40px 6px #FFFFFF no-repeat; }
			ul.sitemap li ul li a:hover { background:url(/_images/bkg/green-arrow.gif) 40px 6px #FFFFFF no-repeat; color:#678D84; text-decoration:underline;}
	
/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/

ul.pagenumbers  { width:360px; padding:0px 0px 15px 0px; overflow:auto; }
ul.pagenumbers li { float:left; display:inline; list-style-type:none; border:1px solid #C7D5D2; text-align:center; margin:0px 4px 0px 0px; padding:0px; background:none;}
	ul.pagenumbers li.previous { margin-right:15px;}
	ul.pagenumbers li.next { margin-left:15px;}
ul.pagenumbers a { display:block; padding:3px 4px 3px 4px; color:#678D84; text-decoration:none; background-color:#fff; font-weight:normal;}
ul.pagenumbers .selected a {background-color:#337969; font-weight:bold; color:#fff;}
ul.pagenumbers a:hover { display:block; padding:3px 4px 3px 4px; background-color:#73968E; font-weight:normal; color:#FFFFFF;}
	ul.pagenumbers .selected a:hover {font-weight:bold; color:#FFFFFF;}

/********************************************************************/
/*                           Distributors                           */
/********************************************************************/

.distributors-container { float:left; width:650px; padding:5px 0px 0px 0px;}

	.distributors-container .depot-container { float:left; width:248px; padding:0px 0px 0px 0px; height:322px; border:1px solid #c9d6d4; background:url(/_images/bkg/map-uk-bg.gif) bottom left repeat-x;}
		.distributors-container .depot-container .ukmap-container { padding:0px 0px 0px 35px;}
		.distributors-container .depot-container .ukmap { width:178px; height:280px; background:url(/_images/bkg/ukmap.gif) top left no-repeat; position:relative;}
		.distributors-container .depot-container p { color:#72958e; padding:5px 0px 0px 8px;  }
			.distributors-container .depot-container .ukmap span { position:absolute; height:11px; width:11px; background:url(../_images/general/uk-dot.png) top left no-repeat !important; background:url(../_images/general/uk-dot.gif) top left no-repeat; }
				.distributors-container .depot-container .ukmap span.marker1 { top:230px; right:50px; }
				.distributors-container .depot-container .ukmap span.marker2 { top:200px; right:20px; }
				.distributors-container .depot-container .ukmap span.marker3 { top:100px; right:100px; }
				.distributors-container .depot-container .ukmap span.marker4 { top:150px; right:60px; }
				.distributors-container .depot-container .ukmap span.marker5 { top:180px; right:50px; }
	
.wheretofindus-text	{ float:right; width:380px; background:url(../_images/bkg/search-bg.gif) bottom left repeat-x; padding:15px 0px 0px 0px; border:1px solid #c9d6d4; }
	.wheretofindus-text	p { padding: 0px 15px 15px 15px;}
	.wheretofindus-text	p.tele { padding: 0px 15px 0px 15px;}
	.wheretofindus-text	h2 { padding: 0px 15px 15px 15px;}
	
	p.wheretofindus { padding:0px 0px 5px 0px;}
	
/********************************************************************/
/*                              Products                            */
/********************************************************************/

ul.product-category { margin:0px 0px 0px 0px; }
	ul.product-category li { border:1px solid #c9d6d4; width:204px; padding:0px 0px 0px 0px; background:none; height:140px; margin:0px 16px 16px 0px;}
		ul.product-category li.last { margin:0px 16px 0px 0px;}
		ul.product-category li.row-end { margin:0px 0px 16px 0px;}
		ul.product-category li h2 { padding:0px 0px 0px 0px; width:204px; color:#FFFFFF; height:140px; }
		ul.product-category li h2 a { color:#FFFFFF; display:block; width:204px; height:140px;}
		ul.product-category li h2 a:hover span {color:#FCD833;}
		ul.product-category li h2 span { padding:3px 10px 3px 5px; float:left; color:#FFFFFF; display:block; width:189px; background:url(../_images/bkg/prod-cat-bg.gif) top left no-repeat #4A756B; border-bottom:1px solid #36544d;}
			ul.product-category li h2 a:hover { text-decoration:none;}
	
/********************************************************************/
/*                         Products Details                         */
/********************************************************************/

#product-template { background:none; padding:0px 0px 0px 0px; width:680px; margin:0px 0px 0px 0px;}

#product-slideshow  { height:260px; overflow:hidden; width:680px; }

	.product-intro-container { float:left; width:680px; height:260px; margin:0px 0px 5px 0px; position:relative;}
	
	.product-intro-container ul { padding:0px 0px 0px 0px;}
		.product-intro-container ul li img { float:left; display:inline; padding:0px 0px 0px 0px;}
		.product-intro-container ul li  { padding:0px 0px 0px 0px; background:none;}
		
	.product-intro-container #sector-background { height:260px; overflow:hidden; width:680px;}
	
	.product-intro-container #product-description { width:220px; position:absolute; z-index:6; float:left; top:15px; left:15px; background:#678d84; }
		.product-intro-container #product-description p { color:#FFFFFF; padding:0px 10px 10px 10px;}
	
			.product-intro-container #product-description h1 { background:url(/_images/bkg/product-title-bg.gif) top left no-repeat #4a756b; border-bottom:1px solid #395951; font-weight:bold; font-family: Helvetica, Arial, sans-serif; font-size:1.1em; color:#FFFFFF; padding:0px 10px 0px 10px; line-height:30px; float:left; width:200px; margin:0px 0px 8px 0px;}
			
.product-corners {width:680px; height:260px; position:absolute; top:0px; left:0px; background:url(/_images/bkg/product-details-corners.gif) top left no-repeat; z-index:5;}				
				
ul.sub-category { float:left; width:680px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
	ul.sub-category li { float:left; width:680px; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;}
		ul.sub-category li.last { margin:0px;}
		ul.sub-category li h2 { float:left; width:680px; font-size:1em; color:#FFFFFF; line-height:1em; padding:0px 0px 0px 0px;  background:url(/_images/bkg/sub-cat.gif) 0px 0px no-repeat;}
		ul.sub-category li h2.toggleon a { background:url(/_images/bkg/sub-cat.gif) 0px -21px no-repeat; text-decoration:none !important; }
		ul.sub-category li h2.toggleoff a { background:url(/_images/bkg/sub-cat.gif) 0px 0px no-repeat; text-decoration:none !important;}
	
			ul.sub-category li h2 a { color:#FFFFFF !important;  display:block; width:660px; padding:4px 10px 6px 10px;}	
				ul.sub-category li h2 a:hover { text-decoration:none; color:#FCD833 !important;}	
		ul.sub-category li .product-container { float:left; width:680px;}
		ul.sub-category li .product-information { float:left; width:680px; margin:2px 0px 0px 0px; background:url(../_images/bkg/sub-product-bg.gif) top left no-repeat #FFFFFF; padding:10px 0px 0px 0px;}
		ul.sub-category li .product-information-bottom { float:left; width:680px; background:url(../_images/bkg/sub-product-bg-bottom.gif) top left no-repeat; height:3px; overflow:hidden;}
			ul.sub-category li .product-information p { padding:0px 10px 10px 10px;}

ul.sub-category li .product-information table, form.searchresults table {border-top:1px solid #c6d2cf; border-right:1px solid #c6d2cf; margin:0px 0px 10px 0px;}
	ul.sub-category li .product-information table td, ul.sub-category li .product-information table th, form.searchresults table td, form.searchresults table th { padding:4px 4px 4px 4px; border-left:1px solid #c6d2cf; border-bottom:1px solid #c6d2cf; text-align:center; vertical-align:middle;}
	ul.sub-category li .product-information table td.name, ul.sub-category li .product-information table th.name, ul.sub-category li .product-information table td.notes, ul.sub-category li .product-information table th.notes, form.searchresults table td.name, form.searchresults table th.name, form.searchresults table td.notes, form.searchresults table th.notes { text-align:left;}
	
form .notes span, ul.sub-category li .product-information ul li span, ul.key li span { color:#FF0000;}	
	
	ul.sub-category li .product-information table th, table.searchresults th, form.searchresults table th { padding:4px; background:url(/_images/bkg/table-head.gif) bottom left repeat-x; color:#4A756B; border-bottom:1px solid #a7a7a7; font-weight:normal;}
	
form.searchresults { padding:0px 0px 15px 0px; width:650px;}
	
ul.sub-category li .product-information form { float:none; width:660px; margin:0px auto;}
	ul.sub-category li .product-information label, form.searchresults label { display:none;}
	ul.sub-category li .product-information .textfield, form.searchresults .textfield { width:30px; padding:0px 2px 0px 2px; margin:0px 0px 0px 0px; float:none; text-align:center; }
	ul.sub-category li .product-information .checkbox, form.searchresults .checkbox { width:14px; height:14px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:none; }
	
ul.sub-category li .product-information ul, ul.key { float:left; width:660px; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;}

 ul.key { width:650px; padding:0px 0px 0px 0px;}

	ul.sub-category li .product-information ul li, ul.key li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:none; width:200px; font-weight:bold;}	

ul.key li { width:auto;}

ul.sub-category li .product-information ul li ul, ul.key li ul { padding:10px 0px 0px 0px; width:660px; margin:0px 0px 0px 0px; }

ul.key li ul { width:650px; float:left;}

#content-container ul.key li ul li.schools { width:180px; }

ul.key li ul.keyNotes { width:650px; float:left;}
	ul.key li ul.keyNotes li { width:300px; float:left; padding:0 0 5px 0;}
	ul.key li ul.keyNotes li.first { width:170px;}

ul.sub-category li .product-information ul li ul li, ul.key li ul li { font-weight:normal; padding:0px 0px 10px 20px; width:205px;}
	ul.sub-category li .product-information ul li ul li.veg, ul.key li ul li.veg { background:url(/_images/icons/veg.gif) top left no-repeat;}
	ul.sub-category li .product-information ul li ul li.vegan, ul.key li ul li.vegan { background:url(/_images/icons/vegan.gif) top left no-repeat;}
	ul.sub-category li .product-information ul li ul li.nut, ul.key li ul li.nut { background:url(/_images/icons/nut.gif) top left no-repeat;}
	ul.sub-category li .product-information ul li ul li.gluten { background:url(/_images/icons/gluten.gif) top left no-repeat; width:190px;}

ul.key li ul li.gluten { background:url(/_images/icons/gluten.gif) top left no-repeat; width:180px;}	
	
	ul.sub-category li .product-information ul li ul li.organic, ul.key li ul li.organic { background:url(/_images/icons/organic.gif) top left no-repeat;}
	
	ul.sub-category li .product-information ul li ul li.depot, ul.key li ul li.depot { background:url(/_images/icons/selected-depots.gif) top left no-repeat;}
	ul.sub-category li .product-information ul li ul li.schools, ul.key li ul li.schools { background:url(/_images/icons/suitable-for-schools.gif) top left no-repeat; width:190px;}
	ul.sub-category li .product-information ul li ul li.seeds, ul.key li ul li.seeds { background:url(/_images/icons/nuts-or-seeds.gif) top left no-repeat;}
	ul.sub-category li .product-information ul li ul li.specialist, ul.key li ul li.specialist { background:url(/_images/icons/40-hours.gif) top left no-repeat; width:400px;}


#content-container ul.sub-category li .product-information ul.keyNotes {}
	#content-container ul.sub-category li .product-information ul.keyNotes li.first { width:170px;}
	#content-container ul.sub-category li .product-information ul.keyNotes li { width:300px; padding:0px 0px 5px 0px;}


/********************************************************************/
/*                              Footer                              */
/********************************************************************/

#footer { float:left; width:890px; background:#4a756b; line-height:36px; padding:0px 20px 0px 20px;}
	#footer li { float:left; display:inline; color:#FFFFFF; padding:0px 5px 0px 5px; background:url(/_images/bkg/footer-div.gif) 100% 50% no-repeat; font-size:0.9em;}
	#footer li.first { padding:0px 20px 0px 0px; background:none;}
	#footer li.last { padding:0px 0px 0px 5px; background:none;}
	#footer li.logo { float:right; background:none; padding:0px 0px 0px 0px; position:relative; width:50px; height:32px;}
		#footer li.logo img { position:absolute; top:2px; right:0px;}
		#footer li a { color:#FFFFFF; font-weight:normal;} 
p.company-details { color:#FFFFFF; float:left; padding:15px 0pt 5pt 20px }
/********************************************************************/
/*                              Landing                             */
/********************************************************************/

#landingcontainer { padding:0px 0px 12px 0px; width:680px; background:none;}

.landingpage { float:left; width:680px;}		
	.landingpage1 { background:url(/_images/landingpage/bg/restaurants.jpg) top left no-repeat; padding:0px 0px 20px 0px; }
	.landingpage2 {  background:url(/_images/landingpage/bg/convenience.jpg) top left no-repeat; padding:0px 0px 17px 0px; }
	.landingpage3 {  background:url(/_images/landingpage/bg/bar.jpg) top left no-repeat; padding:0px 0px 18px 0px; }
	.landingpage4 {  background:url(/_images/landingpage/bg/education.jpg) top left no-repeat; padding:0px 0px 18px 0px; }

.landingcontentContainer { float:left; width:426px; position:relative; padding:0px 0px 3px 0px; margin:15px 0px 15px 15px; }
	.landingcontentContainer .landingcontent { float:left; width:426px; background:url(/_images/landingpage/contenttop.png) top left;}
		.landingcontentContainer .foot { position:absolute; bottom:0px; left:0px; background:url(/_images/landingpage/contentfoot.png) top left no-repeat; width:426px; height:3px; font-size:0px; line-height:0px;}
	
	.landingcontent  h1 { padding:15px 0px 10px 0px; margin:0px 15px 10px 15px; }
		.landingcontent  p { padding:0px 15px 15px 15px; }

ul.landing-categories { float:left; width:650px; padding:0px 15px 0px 15px; margin:0px 0px 0px 0px; }
	ul.landing-categories li { float:left; display:inline; padding:0px 17px 0px 0px; margin:0px 0px 0px 0px; background:none;}
	ul.landing-categories li.last { padding:0px 0px 0px 0px;}

.footerlogo { border-top:1px solid #C7D5D2; margin:0px 15px 0px 15px; padding:0px 0px 0px 0px;}
	.footerlogo img { padding:14px 0px 0px 28px;}

/********************************************************************/
/*                           Delivery Options                        */
/********************************************************************/

.content .sameaddress { width:638px; float:left; padding:5px; background:url(../_images/bkg/table-head.gif) bottom left repeat-x #ffffff; border:1px solid #accdc5; margin:0px 0px 10px 0px;}
	.content .sameaddress label { margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; width:500px;}
	.content .sameaddress input { height:14px; width:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}

.content .delivery { width:650px;}
	.content .delivery .deliverydays { float:left; width:650px; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; border-top:1px solid #C7D5D2;}
.delivery h2 { padding:0px 0px 20px 0px;}

.alert {width:613px; float:left; padding:5px 5px 5px 30px; background:url(/_images/bkg/alertbg.gif) bottom left repeat-x #ffffff; border:1px solid #accdc5; margin:0px 0px 15px 0px;}

.deliverywarning { padding:5px 0px 15px 0px;}

ul.orderaddress { float:left; width:650px; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px;}
	ul.orderaddress li { float:left; display:inline; width:200px; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px; background:none;}
	ul.orderaddress li dl {}
	ul.orderaddress li dd { line-height:1.5em;}
	ul.orderaddress li dt { display:none; left:-9999px; position:absolute; }
	
h2.ordersummary { border-top:1px solid #C7D5D2; padding-top:10px;}

form.confirm { width:650px;}

/********************************************************************/
/*                           Search Results                         */
/********************************************************************/

p.resultamount { float:left; width:400px; position:relative; top:5px;}

form.filter { padding:0px 0px 20px 0px; float:right; width:232px;}
		form.filter label { float:left; width:100px; margin:3px 0px 0px 0px;}
		form.filter select { width:130px; margin:0px 0px 0px 0px; }


.search-options { float:left; width:650px; padding-bottom:15px;}
	.search-options ul { float:left; padding:0px 0px 0px 0px;}
	.search-options form { float:right; width:192px;}
		.search-options form label { float:left; width:60px; margin:3px 0px 0px 0px;}
		.search-options form select { width:130px; margin:0px 0px 0px 0px; }

/********************************************************************/
/*                             Slide Show                           */
/********************************************************************/

#product-slideshow {
	position:relative;
	overflow:hidden;
}

#product-slideshow ul {
	width:5000px;
}

#product-slideshow li {
	display:inline;
	float:left;
}

#prev, #next {
	z-index:5;
	position:absolute;
	width:70px;
	top:200px;
	padding:8px 13px 10px 13px;
	color:#FFF;
}

#prev {
	background:url(/_images/buttons/prev.png) top left no-repeat;
	background:url(/_images/buttons/prev.gif) top left no-repeat !important;
	left:0px;
	text-align:right;
}

#next {
	background:url(/_images/buttons/next.png) top left no-repeat !important;
	background:url(/_images/buttons/next.gif) top left no-repeat;
	right:0px;
}

/********************************************************************/
/*                             Table Widths                         */
/********************************************************************/

.resultcode, ul.sub-category .code, .basket .qty { width:40px;}
.resultname { width:292px;}
.resultunit, ul.sub-category .unit { width:65px;}
.resultcase, ul.sub-category .case { width:75px;}
.resultqty, ul.sub-category .qty, .basket .price  { width:50px;}
.resultprice, ul.sub-category .price { width:60px;}
.resultadd, ul.sub-category .add { width:25px;}
.resultnotes, ul.sub-category .notes { width:103px;}

.basket .removecol { width:20px;}
.basket .name { width:590px;}
.basket .summaryname { width:610px;}
.basket .total { width:70px;}

ul.sub-category .name { width:300px;}
ul.sub-category .quotename { width:300px;}


.back-buttons { float:left; width:200px;}
	.back-buttons a { padding:0px 0px 10px 0px; float:left;}
	
.repeat-controls { float:right; width:300px;}
	.repeat-controls a { padding:0px 0px 5px 0px; float:right;}
	.repeat-controls p { float:right; padding:0px 0px 0px 0px;}
	
td.name a { font-weight:normal; text-decoration:underline;}	
	td.name a:hover { color:#2D7564;}	
	
/********************************************************************/
/*                          Product Popups                          */
/********************************************************************/

.age { float:left; width:190px; }
	.product-image img { float:left; padding-right:10px; margin:0px; clear:none;}

.product-info { float:right; width:280px; border-left:1px solid #C6D2CF;}
	.product-info-padding p { }
    .product-info-padding img { float:left; padding:10px 10px 10px 0px; }
	.product-info ul { padding:0px 0px 15px 0px; }
	
.alertline { margin:0px 0px 15px 0px; padding:15px 0px 0px 0px; border-top:1px solid #C7D5D2; float:left; width:650px;}
	.alertline p { margin:0px 0px 0px 0px;}

/********************************************************************/
/*                          About Us Page                           */
/********************************************************************/

p.about-logos { padding-left:20px;}
img.queens-crest { padding-left:90px;}	
img.investor { padding-left:80px;}

/********************************************************************/
/*                            General                               */
/********************************************************************/

img.corp-images { margin-right:30px;}
img.corp { margin:0px; clear:both; padding-bottom: 10px;}
ol.terms-conditions-ol { font-weight:bold; color:#678D84; display:block; text-align:left; padding:0px 0px 5px 0px;}
ol.terms-conditions-ol-ol { font-weight:normal; color:#213c16; display:block; text-align:left; padding:10px 0px 0px 0px; list-style-type:lower-roman; }

/********************************************************************/
/*                           Questionnaire                          */
/********************************************************************/

.content ul.list ul.checkanswers { float:left; width:650px; padding:0px 0px 10px 0px;}
.content ul.list ul.checkanswers li { display:inline; float:left; width:150px; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; background:none;}
.content ul.list ul.checkanswers li input { float:left; margin:4px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.content ul.list ul.checkanswers li label { float:right; width:130px; padding:0px 0px 0px 0px;}
.content ul.questionnaire li h3 { float:left; width:650px; padding:0px 0px 10px 0px; font-size:1em;}