/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:	Nick Watson
				Tom Fletcher
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background-image: url(../i/layout/bg.gif);
	background-repeat: repeat-x;
	background-color: #d2d2d2;
	padding-bottom:0px;
	margin-bottom: 0px;
	height: 100%;

}
html {

}

html, body, form, fieldset, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
strong, em, h1, h2, h3, h4, h5, h6{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/***********************************************************************
	IF YOU GET RANDOM SPACING AND OTHER ANNOYING WIERDNESS LOOK BELOW FIRST
************************************************************************/

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container{
	width: 848px;	
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	height: 100%;
	padding-bottom: 10px;
}
div#header{
	width: 848px;
	height: 132px;
	float: left;
	background-image: url(../i/layout/header-header.jpg);
	background-repeat: no-repeat;

}
div#main{
	width: 838px;
	float: left;
	background-image: url(../i/layout/main-repeat.gif);
	background-repeat: repeat-y;
	margin-left: 5px;
	margin-top: 5px;
}
* html div#main{
	width: 838px;
	float: left;
	background-image: url(../i/layout/main-repeat.gif);
	background-repeat: repeat-y;
	margin-left: 2px;
	margin-top: 5px;
}
div#main-top{
	width: 838px;
	float: left;	
}
/***********************************************************
changing top banner
***********************************************************/
div#main-top-left{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left.gif);
	background-repeat: no-repeat;
}
div#main-top-left-tech{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-tech.gif);
	background-repeat: no-repeat;
}
div#main-top-left-tech ul{
	display: none;
}
/*div#main-top-left-about{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-about.gif);
	background-repeat: no-repeat;
}
div#main-top-left-about ul{
	display: none;
}*/
div#main-top-left-about{
	width: 628px;
	height: 253px;
	float: left;
	position: relative;
	z-index: 0;
}
div#main-top-left-about ul{
	display: none;
}
div#main-top-left-packaging{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-packaging.gif);
	background-repeat: no-repeat;
}
div#main-top-left-packaging ul{
	display: none;
}
div#main-top-left-ingredients{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-ingredients.gif);
	background-repeat: no-repeat;
}
div#main-top-left-ingredients ul{
	display: none;
}
div#main-top-left-asya{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-asya.gif);
	background-repeat: no-repeat;
}
div#main-top-left-asya ul{
	display: none;
}
div#main-top-left-dreher{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-dreher.gif);
	background-repeat: no-repeat;
}
div#main-top-left-dreher ul{
	display: none;
}
div#main-top-left-chiquita{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-chiquita.gif);
	background-repeat: no-repeat;
}
div#main-top-left-chiquita ul{
	display: none;
}
div#main-top-left-christodoulou{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-christodoulou.gif);
	background-repeat: no-repeat;
}
div#main-top-left-christodoulou ul{
	display: none;
}
div#main-top-left-grupoaltex{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-grupoaltex.gif);
	background-repeat: no-repeat;
}
div#main-top-left-grupoaltex ul{
	display: none;
}
div#main-top-left-aseptic{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-aseptic.gif);
	background-repeat: no-repeat;
}
div#main-top-left-aseptic ul{
	display: none;
}
div#main-top-left-studies{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-studies.gif);
	background-repeat: no-repeat;
}
div#main-top-left-studies ul{
	display: none;
}
div#main-top-left-redundant{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-redundant.gif);
	background-repeat: no-repeat;
}
div#main-top-left-redundant ul{
	display: none;
}
div#main-top-left-frux{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-frux.gif);
	background-repeat: no-repeat;
}
div#main-top-left-frux ul{
	display: none;
}
div#main-top-left-sectors{
	width: 628px;
	height: 253px;
	float: left;
	background-image: url(../i/layout/main-top-left-sectors.gif);
	background-repeat: no-repeat;
}
div#main-top-left-sectors ul{
	display: none;
}
div.case-study{
	border-bottom: 1px #ccc solid;
	float: left;
	margin-left: 20px;
}
div.case-study-left{
	width: 160px;
	float: left;

}
div.case-study-right{

	width: 432px;
	float: left;
}
div.case-study-right p{
	padding-left: 10px;
	padding-right:10px;
	text-align: justify;
}
div.case-study-right img{
	float: right;	
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
}
div.case-study-left img{
	float: right;

}
div#meet-top {
	display: block;
	margin-top:25px;
	margin-left: 20px;
	padding-right: 130px;
	margin-bottom: 10px;
	color: #000;
	text-align: justify;
/*	position: relative;
	z-index: 999;*/
}
div#meet-top p.sig{
	margin-left: 148px;
}
div#meet-top p{
	color: #1d1d1d;
}
div#meet-top img#nick-image {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/*************************************************************/

div#main-top-right{
	width: 210px;
	height: 197px;
	padding-top: 56px;
	float: left;
	background-image:	url(../i/layout/main-top-right.gif);
	background-repeat: no-repeat;
}
div#content{
	width: 627px;
	float: left;
	padding-top: 10px;
}
* html div#content{
	width: 627px;
	float: left;
	padding-top: 10px;
}
div.bucket{
	width: 206px;
	float: left;
	margin-left: 3px;
	background-image: url(../i/layout/bucket-repeater.gif)	;
	background-repeat: repeat-y;
/*	background-position: 0 10px;*/
}
* html div.bucket{
	width: 206px;
	float: left;
	margin-left: 2px;
	background-image: url(../i/layout/bucket-repeater.gif)	;
	background-repeat: repeat-y;
/*	background-position: 0 10px;*/
}
div.bucket-lower{
	width: 206px;
	float: left;
	margin-left: 3px;
	background-image: url(../i/layout/bucket-repeater.gif);
	background-repeat: repeat-y;
}
* html div.bucket-lower{
	width: 206px;
	float: left;
	margin-left: 2px;
	background-image: url(../i/layout/bucket-repeater.gif);
	background-repeat: repeat-y;
}
div.bucket-top{
	float: left;
	width: 206px;
	height: 46px;	
	background-image: url(../i/layout/bucket-top0alpha.gif);
	background-repeat: no-repeat;
}
div.bucket-top-lower{
	float: left;
	width: 206px;
	height: 46px;	
	background-image: url(../i/layout/bucket-top.gif);
	background-repeat: no-repeat;
}
div.bucket-image{
	float: left;
	width: 206px;
	height: 90px;	
	background-image: url(../i/layout/bucket-pic.gif);
	background-repeat: no-repeat;
}
div.bucket-content{
	float: left;
	width: 206px;
	height: 180px;	
}
* html div.bucket-content{
	float: left;
	width: 206px;
	height: 190px;	
	max-height: 190px;
}
div.bucket-content-lower{
	float: left;
	width: 206px;
	height: 185px;	
}
* html div.bucket-content-lower{
	float: left;
	width: 206px;	
	height: 185px;
}
div.bucket-seperator{
	float: left;
	width: 206px;
	height: 9px;	
	background-image: url(../i/layout/bucket-seperator.gif);
	background-repeat: no-repeat;
}
div.bucket-end{
	float: left;
	width: 206px;
	height: 13px;	
	background-image: url(../i/layout/bucket-bottom.gif);
	background-repeat: no-repeat;
	clear: both;
}
div#right{
	width: 206px;
	float: left;
	padding-left: 2px;
}
* html div#right{
	width: 208px;
	float: left;
	padding-left: 0px;

}
div.right-top{
	width: 206px;
	height: 17px;
	float: left;
	background-image: url(../i/layout/right-panel-top.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}
div.right-content{
	width: 202px;
	float: left;	
	background-image: url(../i/layout/right-panel-repeater.gif);
	background-repeat: repeat-y;
	padding-left: 4px;
	margin-bottom: 0px;
}
* html div.right-content{
	width: 202px;
	float: left;	
	background-image: url(../i/layout/right-panel-repeater.gif);
	background-repeat: repeat-y;
	padding-left: 4px;
	margin-bottom: 0px;
/*	height: 100px;*/
}
div.right-bottom{
	width: 206px;
	height: 13px;
	float: left;
	background-image: url(../i/layout/right-panel-bottom.gif);
	background-repeat: no-repeat;
}
div.right-bottom-b{
	width: 206px;
	height: 13px;
	float: left;
	background-image: url(../i/layout/right-panel-bottom.gif);
	background-repeat: no-repeat;
}
* html div.right-bottom-b{
	width: 206px;
	height: 13px;
/*	float: left;*/
	background-image: url(../i/layout/right-panel-bottom.gif);
	background-repeat: no-repeat;


}
div.big-banner{
	float: left;
	width: 622px;
	height: 113px;
	background-image: url(../i/layout/big-bottom-banner.gif);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-top: 5px;
}
* html div.big-banner{
	float: left;
	width: 622px;
	height: 113px;
	background-image: url(../i/layout/big-bottom-banner.gif);
	background-repeat: no-repeat;
	margin-left: 2px;
	margin-top: 5px;
}
div.big-banner a{
	float: left;
	width: 622px;
	height: 113px;
	text-indent: -999em;
}
div#main-bottom{
	float: left;
	width: 838px;
	height: 19px;
	background-image: url(../i/layout/main-bottom.gif);
	background-repeat: no-repeat;
}
div.meet p.meet{
	float: right;
	text-align: justify;
	width: 387px;
	padding-right: 24px;
	color: #fff;
}
div.team-member-main{
	float: left;
	width: 100%;
/*	width: 154px;	*/
	font-size: .8em;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.team-member-main img{

	border: 1px solid #92351e;
}

div.member-holder{
	display: block;
	float: left;
	width: 580px;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 10px;
}
	*html div.member-holder{
		display: block;
		float: left;
		width: 580px;
		margin-left: 5px;
		margin-top: 10px;
		padding-left: 10px;
	}
	div.team-member-block {
		float: left;
/*		width: 550px;*/
		margin-bottom: 5px;
	}
div.team-member-block-top {
	float: left;
	width: 125px;
	margin-bottom: 5px;
	margin-right: 30px;
}
* html div.team-member-block-top {
	float: left;
	width: 125px;
	margin-bottom: 5px;
	margin-right: 0px;
/*	background-color: Aqua;*/
}
div.team-member-block-top div.team-member{
	float: left;
	clear: left;
	width: 125px;	
	font-size: .8em;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.team-member{
	float: left;
	width: 125px;	
	font-size: .8em;
	margin-right: 20px;
	margin-bottom: 10px;
}
div.team-member img.border {
	border: solid 1px #6A6A6A;
}

span.redout {
	display: block;
	color: #93351f;
	font-size: 1.2em;
	margin: 0;
	margin-bottom: 2px;
}
span.normal {
	display: block;
	color: #999;
	font-size: 1.2em;
	margin: 0;
}
div.team-member p.redout{
	color: #93351f;
	font-size: 1.2em;
}

div.team-member-last{
	float: left;
	width: 123px;	
	font-size: .8em;
	padding-right: 10px;

}
div.team-member-last p.redout{
	color: #93351f;
	font-size: 1.2em;
}

* html div.packaging-squares{
	float: left;
	margin-left: 3px;
	width: 291px;
	background-image: url(../i/layout/sqauresbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: -10px;
}

div.packaging-squares{
	float: left;
	margin-left: 6px;
	width: 291px;
	background-image: url(../i/layout/sqauresbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: -10px;
}
div.square-green{
	float: left;
	width: 145px;
	height: 145px;
	background-color: #92c83d;
}
div.square-green p{
	color: #fff;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
}
div.square-faded{
	float: left;
	width: 145px;
	height: 145px;
	background-image: url(../i/layout/faded-image-square.jpg);
	background-repeat: no-repeat;
}
div.square-faded p{
	color: #92c83d;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 90%;
	text-align: justify;

}
div.square-grad{
	float: left;
	width: 145px;
	height: 145px;
	background-image: url(../i/layout/grad-square.jpg);
	background-repeat:no-repeat;
}
div.square-grad p{
	color: #92c83d;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
}
div.text-slim{
	padding-left: 10px;
	float: left;
	width: 310px;
}
div.text-slim h1{
	color: #4c7c26;
	text-align: justify;
	padding-right: 10px;
}
div.text-slim p{
	color: #999;
	padding-left: 10px;
	text-align: justify;
	padding-right: 10px;
}
div.text-slim ul{
	color: #999;
	padding-left: 10px;
	text-align: justify;
	padding-right: 10px;
}
/*contact form**********************************************************/

div.contact-form{
	float: left;
	width: 283px;
	border-right: 1px #dadada solid;
	padding-right: 5px;

}

div.contact-form form{
	padding-left: 10px;
	width: 273px;

	margin:0px;
}
div#content div.contact-form div.ddfmwrap{

	width: 283px;
	padding:0px;
	margin:0px;
}
div.contact-form form fieldset{

	width: 283px;
	padding:0px;
	margin:0px;
}
div.contact-form p{
	padding-left: 10px;
	padding-right: 10px;

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset p.fieldwrap input{
	width: 200px;
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;
 	border: 1px solid #626262;
	font-size: 1em;

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset p.fieldwrap input#fm_verify{
	width: 100px;
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;

 	border: 1px solid #626262;
	font-size: 1em;
	height: 22px;
	margin-bottom: 4px;
}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset p.fieldwrap{
	width: 280px;

padding:0px;
margin:0px;
}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset p.fieldwrap img{

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset div.fmcheck{
	padding:0px;
	margin:0px;

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset div.fmcheck p{
	width: 205px;
	padding:0px;
	margin:0px;
	margin-left: 65px;

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset div.fmcheck p input{
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;

 	border: 1px solid #626262;
}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset div.fmcheck p input{
	width: 20px;

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset p.fieldwrap label{
	width: 57px;
	padding:0px;
	margin:0px;
	font-weight: normal;
	padding-right: 10px;	

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset p.fieldwrap textarea{
	width: 200px;
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;

 	border: 1px solid #626262;
	font-size: 1em;	
}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset div.submit input{
	float: left;
	margin-left: 67px;
	margin-top: 10px;

}
div#content div.contact-form div.ddfmwrap form.ddfm fieldset div.submit{
	width: 100px;

}
/***********************************************************************/
/*buyback form**********************************************************/

div.buyback-form{
	float: right;
	width: 450px;

	padding-right: 10px;
}
div.buyback-form p{
	padding-left: 10px;
	padding-right: 10px;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset p.fieldwrap input{
	width: 200px;
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;
 	border: 1px solid #626262;
	font-size: 1em;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset p.fieldwrap input#fm_verify{
	width: 100px;
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;
 	border: 1px solid #626262;
	font-size: 1em;
	height: 22px;
	margin-bottom: 4px;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset p.fieldwrap img{

}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset div.fmcheck{
	padding:0px;
	margin:0px;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset div.fmcheck p{

	padding:0px;
	margin:0px;
	margin-left: 65px;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset div.fmcheck p input{
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;
 	border: 1px solid #626262;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset div.fmcheck p input{
	width: 20px;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset p.fieldwrap label{
	width: 100px;
	padding:0px;
	margin:0px;
	font-weight: normal;
	padding-right: 10px;	
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset p.fieldwrap textarea{
	width: 200px;
	padding:0px;
	margin:0px;
	background-color: #f4f4f4;
 	border: 1px solid #626262;
	font-size: 1em;
}
div#content div.buyback-form div.ddfmwrap form.ddfm fieldset div.submit input{
	float: left;
	margin-left: 67px;
	margin-top: 10px;
}
/***********************************************************************/
div.offices-panel{
	margin-left: 8px;
	width: 320px;
	float: left;
}
div.office{
	float: left;
	width: 320px;
/*	padding-bottom: 10px;*/
/*	padding-top: 10px;*/
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	padding-bottom: 5px;
}
div#main div#content div.offices-panel div.office p{
	font-size: 1em;
/*	padding-left: 10px;	*/
	margin:0px;
	float: left;
	width: 200px
}
div.offices-panel div.office img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.offices-panel h1{
	float: left;
	padding-left: 110px;
}

div#content ul.bulletted li{
	list-style: disc;
	list-style-position: inside;
	padding-left: 20px;
}


/*******NEW NEWS STYLING***************************************************/

div#main div#right div.right-content div.news-panel-item p{
	padding:0px;
	text-indent: 0;

}

div#main div#right div.right-content div.news-panel-item h2{
	padding:0px;
		width: 170px;
}

div#main div#right div.right-content div.news-panel-item h2 a{
	color: #000000;
	text-indent: 0;
	margin:0px;
	width: 170px;
}

div.news-item{
	float: left;
	width: 585px;
	background-color: #fff;
	margin-left: 20px;
	margin-bottom: 4px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
* html div.news-item{
	float: left;
	width: 585px;
	background-color: #fff;
	margin-left: 10px;
	margin-bottom: 4px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
div.news-item h5 a{
	float: left;
	padding: 5px;
	padding-left: 5px;
	padding-right:0px;
	font-size: 1.4em;
	font-weight: normal;
	margin-left: 5px;
	width: 97%;
}
div.news-item h5 a.readmore{
	float: left;
	padding: 5px;
	padding-left: 0px;
	padding-right:0px;
	font-size: 1.2em;
	text-align: right;
	font-weight: normal;
	margin-left: 5px;
	width: 97%;
}
div.news-item p{
	float: left;
	padding: 5px;
	padding-left: 10px;

	margin-left: 5px;
	width: 97%;
}

div.news-archive{
	float: left;
	width: 585px;
	background-color: #fff;
	margin-left: 20px;
	margin-bottom: 4px;
	padding-left: 5px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
* html div.news-archive{
	float: left;
	width: 580px;
	background-color: #fff;
	margin-left: 10px;
	margin-bottom: 4px;
	padding-left: 5px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}
div.news-archive h2{
	padding:0px;
	margin:0px;
	padding-left: 5px;
}
div.news-archive p a{
	float: left;
	padding: 4px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	background-color: #fff;
	margin-left: 5px;
	margin-bottom: 5px;
}
div.news-archive p a:hover{
	float: left;
	padding: 4px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #fff;
	margin-left: 5px;
	margin-bottom: 5px;
	background-image: url(../i/layout/news-grad.jpg);
	background-repeat: repeat-y;
	color: #fff;
}

div#main div#content div.view-news div.style-raw-text{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#main div#content div.view-news div.style-raw-text p{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.view-news{
	padding-left: 20px;
	padding-right:20px;

}

div.view-news p{
	text-align: justify;
}

div.view-news h1{
	padding:0px;
	margin:0px;
}
div.style-raw-text{
	text-align: justify;
	color: #000000;
}
div.view-news ul{
	list-style: disc;
	list-style-position: outside;
	margin-left: 50px;
	padding-left: 20px;
}

div.news-image {
	float: left;
	clear: left;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 4px;
}

div.news-caption {
	float: left;
	clear: both;
	background-color: #fff;
	color: #000;
	width: 280px;
	padding: 10px;
}

/**************************************************************************/

/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
div#main-top-left ul{
	float: right;
	margin-top: 175px;
	margin-right: 82px;
}
* html div#main-top-left ul{
	float: right;
	margin-top: 175px;
	margin-right: 40px;
}
div#main-top-left ul li{
	padding-top: 3px;
	
}
/***********************************************************************
	BODY ELEMENTS
************************************************************************/
h1{
	color: #555;
	font-size: 1.2em;
	padding-left: 10px;
	padding-top: 3px;
}
div.bucket-top h1{
	color: #555;
	font-size: 1em;
	padding-left: 10px;
	padding-top: 7px;
}
div.bucket-top-lower h1{
	color: #555;
	font-size: 1em;
	padding-left: 10px;
	padding-top: 7px;
}
h1.main{
	color: #555;
	font-size: 1.2em;
	padding-left: 0px;
	padding-top: 3px;
	width: 150px;
}
h1.red{
	font-size: 1.2em;
	color: #9d0500;
	padding-left: 0px;
	margin:0px;
	text-align: justify;
	
}
h1.aseptic{
	font-size: 1.5em;
	color: #cc6600;
	padding-left: 20px;
	margin:0px;
	text-align: justify;
	font-weight: normal;	
}
h5.sectors-big{
	font-size: 2em;
	color: #a90d18;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	float: left;
	text-align: justify;
}
span.aseptic{
		color: #cc6600;
}
p.aseptic-p{
	padding-right: 20px;
	padding-left: 20px;

}

div#content p.large-aseptic{
	font-size: 1.4em;
	color: #999;
	padding-left: 20px;
	padding-right: 20px;
	margin:0px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
div.yellow-box{
	background-color: #ffff99;
	padding:10px;
	width: 150px;
	margin-left: 20px;
}
div#content div.yellow-box p{
	padding:0px;
	margin:0px;
}
div#content img.aseptic{
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
}

h2{
	color: #adadad;
	font-size: 1em;
	padding-left: 10px;
	padding-top: 3px;
}
div.bucket p, div.bucket-lower p{
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}
div.bucket-lower img{
	float: left;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-top: 10px;
	margin-left: 5px;
}
div.right-content a{
	float: left;
	width: 98px;
	text-indent: -999em;
	margin-left: 13px;

}
div.right-content a.agents1{
	background-image: url(../i/layout/agents-for1.jpg);
	background-repeat: no-repeat; 	
	height: 97px;
	width: 82px;
}
div.right-content a.agents2{
	background-image: url(../i/layout/agents-for2.jpg);
	background-repeat: no-repeat; 
	height: 97px;
	width: 82px;
}
div.right-content a.agents3{
	background-image: url(../i/layout/agents-for3.jpg);
	background-repeat: no-repeat; 
	height: 97px;
	width: 82px;
}
div.right-content a.agents4{
	background-image: url(../i/layout/agents-for4.jpg);
	background-repeat: no-repeat;
	height: 97px;
	width: 82px;		
}
div.right-content a.agents5{
	background-image: url(../i/layout/agents-for5.jpg);
	background-repeat: no-repeat; 
	height: 97px;
	width: 82px;
}
div.right-content a.agents6{
	background-image: url(../i/layout/agents-for6.jpg);
	background-repeat: no-repeat; 	
	height: 97px;
	width: 82px;
}
div.right-content a.agents7{
	background-image: url(../i/layout/agents-for7.jpg);
	background-repeat: no-repeat; 	
	height: 97px;
	width: 82px;	
}
div.right-content a.agents8{
	background-image: url(../i/layout/agents-for8.jpg);
	background-repeat: no-repeat; 	
	height: 97px;
	width: 82px;	
}
div.right-content p{
	color: #999;
	font-size: 1em;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 10px;
}
div.right-content a.all{
	color:#c03900;
	text-indent: 0;
	margin-left: 8px;
	font-size: 1.2em;
	float: left;
	width:172px;
	border-top: 1px solid #666666;
	padding-top: 4px;
}

div#main-top-right div.sector{
	background-color: #dedede;
	float: left;
	width: 103px;
	height: 96px;
	margin-left:1px;
	margin-bottom: 1px;
}
div#main-top-right div.sector p{
	font-size: 1.2em;
	color: #666;
	margin-left: 5px;
	padding:0px;
	padding-top: 1px;
}


div.big-quote{
	float: left;
	width: 175px;
	color: #92351f;
	font-size: 1.2em;
	padding-left: 10px;
/*	padding-right: 10px;*/
	text-align: justify;
}
div.text{
	float: left;
	padding-left: 30px;
	padding-right: 10px;
	text-align: justify;
	width: 387px;
	color: #666666;
}
div.text p.blackout{
	color: #000;
}
div.meet{
	float: left;
	width: 628px;
	margin-top: -263px;
	background-image: url(../i/layout/meet-the-team-box.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	position: relative;
	z-index: 999;
}
* html div.meet{
	margin-left: 0px;
	width: 610px;
}
div.tech-left{
	float: left;
	width: 150px;
	height: 281px;
	margin-left: 4px;
	background-image: url(../i/layout/tech-left.gif);
	background-repeat: no-repeat;
}
div.agents-left{
	float: left;
	width: 170px;
/*height: 500px;*/
	padding-bottom: 40px;
	margin-left: 4px;
	margin-top: 15px;
	background-color: #ffff99;	

}
div.agents-left p{
	padding-right: 10px;
	padding-left: 5px;
}
div.agents-left-top{
	float: left;
	clear: right;
	width: 170px;
	background-color: #f5f5f5;	
	margin-bottom: 5px;
}
div#main div#content div.agents-left div.agents-left-top h1{
	padding: 0px;
	margin:0px;
	padding-bottom: 10px;
	padding-left: 5px;

	color: #666666;
}
div.tech-text{
	float: left;
	width: 439px;
	padding-left: 10px;
}
div.tech-text p {
	color: #999;
	text-align: justify;
}
div.tech-text p span.greenme{
	color: #006600;
}

div.agents-text{
	float: left;
	width: 439px;
	padding-left: 10px;
}
div.agents-text p {
	color: #999;
	text-align: justify;
	padding-right: 10px;
}
div.agents-text p span.greenme{
	color: #006600;
}
div.agents-text img{
	float: left;
	margin-right: 20px;
}
div.orange-box{
	float: left;
	width: 145px;
	height: 145px;
	background-color: #f89b19;
	color: #fff;
	margin-top: 30px;
	margin-right: 10px;
/*	margin-left: -10px;*/
}
div.red-box{
	float: left;
	width: 145px;
	height: 145px;
	background-color: #e13635;
	color: #fff;
	margin-top: 30px;
	margin-left: -20px;
}
div.green-box2{
	float: left;
	width: 145px;
	height: 145px;
	background-color: #a6ce39;
	color: #fff;
	margin-right: 20px;
}
div.green-box{
	float: left;
	width: 145px;
	height: 145px;
	background-color: #83a944;
	color: #fff;
	margin-right: 20px;
}
div.green-box p{
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: .9em;
}

div.ingredients-left{
	float: left;
	width: 136px;
	padding-bottom: 0px;
	padding-top: 0px;
}
div.ingredients-red{
	background-color: #9d0500;
	padding:0px;
	margin:0px;
}
div#content div.ingredients-wrapper div.ingredients-left div.ingredients-red p{
	padding:0px;
	margin:0px;
	padding: 10px;
}
div.key{
	float: left;
	width: 136px;
	background-color: #fbd5a6;

}

div.ingredients-left p{
	padding-left: 5px;
	color: #f38701;
	font-size: 1.2em;
padding-bottom: 70px;
	padding-left: 10px;
	padding-right: 10px;
	
}
div.ingredients-left ul{
	padding-left: 5px;
	padding-bottom: 20px;
}
div.ingredients-left ul li{
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 2px ;
	font-size: .8em;
	color: #575757;
}
div.ingredients-left ul li.key-nfc{
	background-image: url(../i/layout/key-nfc.jpg)
}
div.ingredients-left ul li.key-c{
	background-image: url(../i/layout/key-c.jpg)
}
div.ingredients-left ul li.key-p{
	background-image: url(../i/layout/key-p.jpg)
}
div.ingredients-left ul li.key-pc{
	background-image: url(../i/layout/key-pc.jpg)
}
div.ingredients-left ul li.key-cm{
	background-image: url(../i/layout/key-cm.jpg)
}
div.ingredients-left ul li.key-i{
	background-image: url(../i/layout/key-i.jpg)
}


div.select-ingredients{
	float: left;
	width: 480px;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.ingredients-wrapper{
	background-color: #fbd5a6;
	float: left;
	margin-left: 6px;
}

div.ingredient{
	float: left;
	width: 235px;
	height: 15px;
	margin-left: 5px;
}
* html div.ingredient{
	float: left;
	width: 230px;
	height: 15px;
	margin-left: 5px;
}
div.column1{
	width:235px;
	float: left;
}
div.column2{
	width:235px;
	float: left;	
	padding-left: 10px;
}
* html div.column1{
	width:230px;
	float: left;
}
* html div.column2{
	width:230px;
	float: right;	
	padding-left: 0px;

}
div.i-name{
	width: 120px;
	float: left;
	text-align: right;
/*	padding-left: 5px;*/
/*	font-size: .8em;*/
}
div.i-slot{
	float: left;
	height: 11px;
	margin-top: 3px;
}
div.i-slot a{
	float: left;
	width: 17px;
	height: 11px;
	margin-left: 2px;
	background-repeat: no-repeat;

}
* html div.i-slot a{
	float: left;
	width: 17px;
	height: 11px;
	margin-left: 1px;
	background-repeat: no-repeat;

}
div.i-slot a.select-nfc{
	background-image: url(../i/layout/select-nfc.jpg);
}
div.i-slot a.select-c{
	background-image: url(../i/layout/select-c.jpg);
}
div.i-slot a.select-p{
	background-image: url(../i/layout/select-p.jpg);
}
div.i-slot a.select-pc{
	background-image: url(../i/layout/select-pc.jpg);
}
div.i-slot a.select-cm{
	background-image: url(../i/layout/select-cm.jpg);
}
div.i-slot a.select-i{
	background-image: url(../i/layout/select-i.jpg);
}
div.i-slot a.select-missing{
	background-color: Fuchsia;
}
div.i-slot a.select-none{
	background-image: none;
}

div.i-slot a.select-nfc:hover{
	background-image: url(../i/layout/select-nfc-roll.jpg);
}
div.i-slot a.select-c:hover{
	background-image: url(../i/layout/select-c-roll.jpg);
}
div.i-slot a.select-p:hover{
	background-image: url(../i/layout/select-p-roll.jpg);
}
div.i-slot a.select-pc:hover{
	background-image: url(../i/layout/select-pc-roll.jpg);
}
div.i-slot a.select-cm:hover{
	background-image: url(../i/layout/select-cm-roll.jpg);
}
div.i-slot a.select-i:hover{
	background-image: url(../i/layout/select-i-roll.jpg);
}
div.i-slot a.select-none:hover{
	background-image: none;
}

div.apple-picked{
	float: left;
	width: 136px;
	height: 136px;
	background-image: url(../i/layout/apple-hand.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 6px;
}
div.ingredients-text{
	float: left;
	width: 320px;
	margin-left: 10px;
}
div.ingredients-text p{
	text-align: justify;
}
div.ingredients-order{
	float: left;
	width: 94px;
	height: 94px;
}
div.ingredients-order a{
	float: left;
	background-image: url(../i/layout/order.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 94px;
	text-indent: -999em;
	margin-top: 150px;
	margin-left: 30px;
}
div.ingredients-order a:hover{
	background-image: url(../i/layout/order-roll.jpg);
}

div.sector-blocks{
	float: left;
	padding-left: 5px;

}
* html div.sector-blocks{
	float: left;
	padding-left: 3px;

}
div.sector-blocks div.block{
	float: left;
	margin-left: 1px;
	margin-bottom: 1px;
}


div.sprague{
	float: left;
	padding-left: 5px;
	margin-right: 20px;
}


div.news-panel-item{
	border-top: 1px solid #666666;
	width: 175px;
	float: left;
	margin-left: 10px;
	padding-top: 3px;
	margin-top: 3px;
}
* html div.news-panel-item{
	border-top: 1px solid #666666;
	width: 175px;
	float: left;
	margin-left:5px;
	padding-top: 3px;
	margin-top: 3px;
}

div.footer-details{
float: left;
	padding-top: 10px;
	padding:10px;
}
/***********************************************************************
	NAVIGATION
************************************************************************/
div#header ul{

padding-left: 25px;
margin-top: 108px;
	
}
div#header ul li{
	float: left;
	margin-right: 5px;
	color: #666;
	font-size: 1.1em;
}
div#header ul li a{	
	color:#000;
}
div#header ul li a:hover{	
	color:#c03900;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}
/***********************************************************************
	SOCIAL BOOKMARK LINKS LIST
************************************************************************/
div#social-bookmark-links{
	float: left;
	clear: both;
	border: 1px solid #cccccc;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
div#social-bookmark-links ul{
	
}
div#social-bookmark-links ul li{
	float: left;
}
div#social-bookmark-links ul li a{
	float: left;
	height: 20px;
	padding-left: 22px;
	padding-top: 2px;
	background-repeat: no-repeat;
	margin-right: 5px;
}
div#social-bookmark-links ul li a:hover{
	float: left;
	color: Maroon;
}

/**icon setting**/
div#social-bookmark-links ul li a#delicious{
	background-image: url(../i/icons/delicious.jpg);
/*	width: 60px;*/
}
div#social-bookmark-links ul li a#digg{
	background-image: url(../i/icons/digg.jpg);
/*	width: 35px;*/
}
div#social-bookmark-links ul li a#stumble{
	background-image: url(../i/icons/stumble.jpg);
/*	width: 85px;*/
}
div#social-bookmark-links ul li a#facebook{
	background-image: url(../i/icons/facebook.jpg);
/*	width: */
}
div#social-bookmark-links ul li a#reddit{
	background-image: url(../i/icons/reddit.jpg);
}
/*****************/

img.bottom-logos{
	margin-left: 4px;
	float:left;
	clear: left;
}
