/* YUI CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
/* End YUI Code */
/*====================================*/

/*====================================*/
/* Basic layout */

body {
	text-align: center;
	font-family: Arial, sans-serif;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 910px;
}

#header {
	width: 910px;
	height: 169px;
	position: relative;
}

#header img { 
	behavior: url(/css/newsite/iepngfix.htc); /*sigh....IE6 I hate you*/
	margin: 0;
	padding: 0;
	display: block;
/*
	float: left;
	clear: left;
*/
}

#slideshow, #nav, #main {
	width: 900px;
	margin: 0 auto;
}


#slideshow {
	/* margin-top: -75px; */
	/* background: transparent url('/imgs/newsite/slideshow_bg.jpg') no-repeat; */
	height: 264px;
	/* z-index: -1; */
	/* position: relative; */
	overflow: hidden;
}

#nav {
	background: #603;
/* 	height: 26px; */
/* 	text-align: center; */
/* 	padding: 0; */
}

#nav ul {
	font-size: 0.9em;
/* 	width: 900px; */
}

#nav ul li {
	list-style-type: none;
	text-transform: uppercase;
	color: #FFF;
}

#nav ul li ul {
	margin-left: 18px;
}

#nav a {
	color: #FFF;
	text-decoration: none;
}

#nav ul li ul li a {
	color: #003399;
}

#nav a:hover {
	color: #FDFF32;
}

#nav ul li ul li a:hover {
	color: #FFF;
}

#main {
	width: 800px; /* total = 880 including padding */
	background: #FFF;
	border: 1px solid #603;
	border-width: 0 10px 10px 10px;
	padding: 20px 40px 0 40px;
}

#main p {
	margin: 20px 0;
	line-height: 1.2em;
	font-size: 0.9em;
}

#main p img {
	margin: 5px 10px 0 0;
}

ul.std li {
	margin: 10px 0 10px 30px;
	line-height: 1.2em;
	font-size: 0.9em;
	list-style-type: disc;
}

ol.std li {
	margin: 10px 0 10px 30px;
	line-height: 1.2em;
	font-size: 0.9em;
	list-style-type: decimal;
}

h1 {
	text-transform: uppercase;
	color: #039;
	font-size: 1.9em;
	font-family: "Times New Roman", serif;
	margin: 5px 0 10px 0;
}

h1.intro, p.intro {
	display: inline;
}

#main p.intro {
	line-height: 2.3em;
}

h2 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 0 0;
}

#footer {
	height: 23px;
	width: 800px; /* should match #main */
	text-align: center;
	padding: 7px 0 0 0;
	margin: 10px 0 0 0;
	font-size: 0.9em;
	clear: both;
}

#footer ul {
	/* display: inline; */
}

#footer ul li {
	list-style-type: none;
	width: 266px;
	float: left;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
}

#footer a {
	color: #039;
	text-decoration: none;
}

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

#copyright {
	width: 900px;
	margin: 0 auto;
	padding: 15px 0; 
	text-align: center;
	font-size: 0.8em;
	color: #666;
}

small {
	font-size: 0.7em;
}
/*====================================*/

/*====================================*/
/* page specific stuff */

#mainColumn, #homeNav {
	width: 400px;
	float: left;
	margin: 20px 0 30px 0;
}

#thin {
	width: 300px;
}

#full {
	width: 800px;
}

.additionalColumn {
	width: 800px;
	float: left;
	margin: -10px 0 30px 0;
}

.floatingImg {
	float: right;
	clear: right;
	margin: 0 0 30px 20px;
}

#homeNav ul {
	margin: 20px 0 0 60px;
}

#homeNav ul li {
	list-style-type: none;
	text-transform: uppercase;
	padding: 0 0 20px 60px;
	float: left;
	clear: left;
	font-family: "Times New Roman", serif;
}

.whatsNew {
	background: transparent url('/imgs/newsite/icon_whatsNew.jpg') no-repeat;
}

.sustainability {
	background: transparent url('/imgs/newsite/icon_sustainability.jpg') no-repeat;
}

.faq {
	background: transparent url('/imgs/newsite/icon_faq.jpg') no-repeat;
}

#homeNav ul li a {
	color: #B1101A;
	text-decoration: none;
	float: left;
	clear: left;
	height: 30px;
	width: 150px;
	padding: 10px 0 0 0;
	text-align: center;
	background-color: #E8AC00;
}

#floatingNav {
	float: right;
	margin: 0 0 30px 20px;
	width: 200px;
}

#floatingNav a {
	color: #003399;
}

#floatingNav h2 a {
	color: #000;
	text-decoration: none;
}

#floatingNav li {
	padding: 15px 0 0 0;
}

ul#productsGrid {
	margin: 10px 0 30px 0;
	width: 800px;
}

ul#productsGrid li {
	float: left;
	margin: 20px 28px 10px 28px;
}

* html ul#productsGrid li {
	margin: 20px 22px 10px 22px; /* ie6 spacing */
}

ul#productsGrid a {
	display: block;
	overflow: hidden;
	
	width: 144px;
	height: 35px;
	
	padding: 149px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	color: #003399;
	font-family: "Times New Roman", serif;
	font-size: 0.9em;
}
.leafSalads {
	background: transparent url('/imgs/newsite/products/tenderLeaf.jpg') no-repeat;
}
.icebergSalads{
	background: transparent url('/imgs/newsite/products/iceberg.jpg') no-repeat;
}
.organicSalads {
	background: transparent url('/imgs/newsite/products/organicTenderLeaf.jpg') no-repeat;
}
.customBlends {
	background: transparent url('/imgs/newsite/products/customBlends.jpg') no-repeat;
}
.carrotsCabbage {
	background: transparent url('/imgs/newsite/products/carrots.jpg') no-repeat;
}
.broccoliCauliflower {
	background: transparent url('/imgs/newsite/products/broccoli.jpg') no-repeat;
}
.specialPacks {
	background: transparent url('/imgs/newsite/products/specialPacks.jpg') no-repeat;
}
.romaineHearts {
	background: transparent url('/imgs/newsite/products/organicRomaine.jpg') no-repeat;
}

.specSheetsButton {
	margin: 20px auto 0 auto;
	width: 311px;
	height: 53px;
	clear: both;
}

#main p.missionStatement {
	font-family: "Times New Roman", serif;
	font-style: italic;
	margin-top: -10px;
	font-size: 1.4em;
	line-height: 1.8em;
}

#companyBlockNav ul li {
	float: left;
}
#companyBlockNav ul li a {
	display: block;
	width: 165px;
	height: 53px;
	text-decoration: none;
}
.companyButton {
	background: transparent url('/imgs/newsite/company/companyOverviewButton.jpg') no-repeat;
}
.companyHistoryButton {
	background: transparent url('/imgs/newsite/company/companyHistoryButton.jpg') no-repeat;
}
.companyTeamButton {
	background: transparent url('/imgs/newsite/company/ourTeamButton.jpg') no-repeat;
}
.companyFAQButton {
	background: transparent url('/imgs/newsite/company/faqButton.jpg') no-repeat;
}

.timelineDate {
	color: #003399;
	font-weight: bold;
}

table.teamTable {
	width: 480px;
	margin: 20px 0;
	font-size: 0.9em;
}

table.teamTable th {
	font-weight: bold;
	color: #003399;
	border: 1px solid #999;
	border-width: 0 0 1px 0;
	font-size: 0.9em;
	padding: 5px;
}

table.teamTable td {
	padding: 5px;
	border: 1px dashed #CCC;
	border-width: 0 0 1px 0;
	font-size: 0.9em;
}

#productsHeading {
	font-family: "Times New Roman", serif;
	font-size: 1.1em;
	text-align: center;
	color: #000;
	padding: 5px 0;
	width: 400px;
	margin: 0 auto;
	border: 3px solid #BE363F;
	border-width: 0 0 3px 0;
}

.safetyImgContainer {
	float: right; 
	clear: right; 
	width: 189px; 
	height: 620px; 
	margin-left: 20px;
	padding-right: 10px;
}

#specSheets li {
	float: left;
	clear: left;
}

#specSheets li a {
	display: block;
	background: transparent url('/imgs/newsite/pdficon_small.gif') no-repeat;
	padding: 0 0 0 25px;
	margin: 10px 0;
	float: left;
	clear: left;
}

.pdfLink, .pdfLinkUpperRight {
	display: block;
	background: transparent url('/imgs/newsite/pdficon_small.gif') no-repeat;
	padding: 0 0 0 25px;
	margin: 5px 12px 20px 0;
	float: left;
	clear: left;
}

.pdfLinkUpperRight {
	float: right;
	clear: right;
}

.productTable {
	float: left;
	clear: left;
	width: 520px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-collapse: collapse;
	font-size: 0.9em;
	margin: -20px 0 20px 0;
}
.productTable th {
	background-color: #060;
	color: white;
	height: 50px;
	padding: 0 10px;
	font-weight: bold;
}
.productTable td {
	padding: 8px 10px;
	vertical-align: top;
	font-weight: bold;
}
.productTable .alt {
	background-color: #FF9;
}
.tableSpacer {
	height: 10px;
}
.tableSpacer td {
	padding: 0;
}
.productImg {
	border: 50px solid #060;
	border-width: 50px 0 0 0;
	float: left;
	margin: -20px 0 0 0;
}
.productImg img {
	margin: 10px 0 20px 10px;
}

/*====================================*/

/*====================================*/
/* Map styles */

#map {
	background: transparent url('/imgs/newsite/map2.jpg') no-repeat;
	float: right;
	width: 453px;
	height: 464px;
	margin: 0 0 40px 0;;
}

#map div {
	position: relative;
	height: 15px;
	width: 140px;
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
	background: transparent url('/imgs/newsite/poi.png') no-repeat center left;
	padding: 5px 0 5px 30px;
}

#map div a {
	color: #000;
	text-decoration: none;
}

#map div a:hover {
	color: #DC1D33;
	text-decoration: none;
}

#tracy {
	top: 130px;
	left: -5px;
}
#salinas {
	top: 128px;
	left: -7px;
}
#gonzales {
	top: 122px;
	left: 5px;
}
#yuma {
	top: 134px;
	left: 65px;
}
#colorado {
	top: 46px;
	left: 110px;
}
#map div#mexico {
	top: 200px;
	left: 85px;
	padding: 24px 0 5px 5px;
	text-align: center;
	background-position: top center;
}
#dallas {
	top: 60px;
	left: 185px;
}
#nashville {
	top: 0px;
	left: 285px;
}
#map div#georgia {
	top: 24px;
	left: 325px;
	background-image: none;
}
#orlando {
	top: 24px;
	left: 345px;
}
#map div#maryland {
	top: -112px;
	left: 303px;
	width: 80px;
	text-align: right;
	padding: 5px 30px 5px 0;
	background-position: center right;
}

/*====================================*/

/*====================================*/
/* drop down menu styles */
/* http://css-tricks.com/simple-jquery-dropdowns/ */

/* 
	LEVEL ONE
*/
ul.dropdown					{ position: relative; z-index: 2; height: 26px; }

ul.dropdown li				{ float: left; zoom: 1; padding: 5px 20px 0 20px; height: 21px; }
ul.dropdown li a			{ display: block; }
ul.dropdown li.hover,
ul.dropdown li:hover		{ position: relative; }

/* 
	LEVEL TWO
*/
ul.dropdown ul				{ width: auto; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li			{ float: none; height: auto; margin: 0; padding: 0; }
									  
							/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			{ width: 155px; height: auto; margin: 0; padding: 10px; display: inline-block; color: #00299C; font-weight: bold; background: #ACBEE1; } 

/* 
	LEVEL THREE
*/
/*
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
*/
/*====================================*/

/*====================================*/
/* flash styles */
#noflash a:link, #noflash a:visited, #noflash a:hover, #noflash a:active {
    color: #bbbbbb;
    font-size: 10px;
	font:Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
#noflash a:hover {
    text-decoration: underline;
}
/*====================================*/