/*

Theme Name: ES Foods

Theme URI: http://esfoods.com/

Description:

Version: 0.1

Author: Manning Productions

Author URI: http://manningproductions.com

Tags: 

*/



/* COLORS:

	blue:   #009DDC;

	orange: #EF5025;

	purple: #9561A8;

	green:  #BED552;

*/



/* RESET */

html, body, div, span,  applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  dd, dl, dt, li, ol, ul,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-weight: normal;*/

	/*font-style: normal;*/

	font-size: 100%;
	line-height: 1;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,  blockquote:before, blockquote:after {
	content: "";
}
a img, :link img, :visited img {
	border: none
}
:link, :visited {
	text-decoration: none
}
/* */



body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #333333;
	width: 100%;
	min-width: 960px;
}
a {
	text-decoration: none;
	color: #FFFFFF;
	border: 0;
}
a:hover {
	text-decoration: underline;
}
a img, img a {
	border: 0;
}
p {
	padding: 4px 0 6px;
}
.empty {
	width: 1px;
	height: 0px;
}
.orange {
	color: #EF5025;
}
.blue {
	color: #009DDC;
}
.emphasize {
	color: #009DDC;
	font-weight: 600;
	font-size: 14px;
}
.asterisk {
	color: #999999;
	font-size: 10px;
	font-style: italic;
}
.toggle {
	font-size: 12px;
	line-height: 12px;
	cursor: hand;
	cursor: pointer;
}
.toggle .toggle-image {
	width: 20px;
	float: left;
}
.toggle img {
	vertical-align: middle;
	margin-top: 6px;
}
.toggle .toggle-text {
	text-decoration: underline;
	font-weight: bold;
	float: left;
	width: 370px;
	padding-bottom: 15px;
}
.togglee {
	display: none;
	padding-left: 20px;
	color: #808080;
	clear: left;
}
/* old wrapper */



#content {
	width: 96em;
	margin: 0 auto;
}
#top-nav {
	/*position:absolute;*/

	float: right;
	display: inline;
	padding: 6px 38px 0 0;
	z-index: 12;
}
#top-nav a {
	float: right;
	margin-right: 2em;
	color: #333333;
}
#header-logo {
	/*float:left;

	display:inline;*/

	position: absolute;
	top: 0;
	width: 157px;
	height: 116px;
	background: transparent url(images/esfoods-header-logo.png) top left no-repeat;
	margin-left: 4px;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}
/* MAIN NAV */

#main-nav-wrapper {
	padding: 68px 0 0 160px;
	z-index: 11000;
}
#main-nav-wrapper div.bd {
	height: 39px;
	overflow: hidden;
	float: left;
	display: inline;
}
#main-nav-wrapper div.bd a img {
	margin-top: -39px;
}
#main-nav-wrapper div.bd a:hover img {
	margin-top: 0;
}
#main-nav-wrapper .subnav-container {
	position: absolute;
	margin-top: 0;
	z-index: 10000;/* display:none; */

}
#main-nav-wrapper .subnav {
	padding: 12px 20px 15px;
	font-size: 12px;
	line-height: 18px;
}
#main-nav-wrapper .subnav a {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}
#main-nav-wrapper .subnav ul li {
	padding: 4px 0;
}
#main-nav-wrapper .bottom {
	height: 4px;
}
#breakfast-solutions-subnav {
	width: 123px;
	background: transparent url(images/home-main-nav/bg-breakfast-solutions.png) top right repeat-y;
}
#breakfast-solutions-subnav-bottom {
	background: transparent url(images/home-main-nav/bottom-breakfast-solutions.png) top left no-repeat;
}
#our-products-subnav-container {
	margin-left: 163px;
}
#our-products-subnav {
	width: 82px;
	background: transparent url(images/home-main-nav/bg-our-products.png) top right repeat-y;
}
#our-products-subnav-bottom {
	background: transparent url(images/home-main-nav/bottom-our-products.png) top left no-repeat;
}
#school-foodservice-subnav-container {
	margin-left: 285px;
}
#school-foodservice-subnav {
	width: 121px;
	background: transparent url(images/home-main-nav/bg-school-foodservice.png) top right repeat-y;
}
#school-foodservice-subnav-bottom {
	background: transparent url(images/home-main-nav/bottom-school-foodservice.png) top left no-repeat;
}
#community-foodservice-subnav-container {
	margin-left: 446px;
}
#community-foodservice-subnav {
	width: 144px;
	background: transparent url(images/home-main-nav/bg-community-foodservice.png) top right repeat-y;
}
#community-foodservice-subnav-bottom {
	background: transparent url(images/home-main-nav/bottom-community-foodservice.png) top left no-repeat;
}
#health-nutrition-subnav-container {
	margin-left: 630px;
}
#health-nutrition-subnav {
	width: 117px;
	background: transparent url(images/home-main-nav/bg-health-nutrition.png) top right repeat-y;
}
#health-nutrition-subnav-bottom {
	background: transparent url(images/home-main-nav/bottom-health-nutrition.png) top left no-repeat;
}
/* HOME */

#wrapper {
	background: transparent url(images/home_bg.gif) top left repeat-x; /* home_bg_long.gif, see index.php */
}
#home-featured {
	width: 960px;
	height: 292px;
	padding-top: 20px;
	overflow: hidden;
	float: left;/*display:inline;*/

}
#home-featured .arrow {
	width: 22px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	margin-top: 94px;
	font-size: 60px;
	color: #D7D7D7;
	z-index: 5;
	cursor: hand;
	cursor: pointer;
}
#home-featured .arrow img {
	margin-top: -40px;
}
#home-featured .arrow img:hover {
	margin-top: 0;
}
#home-featured #left {
	float: left;
	margin-left: 63px;
}
#home-featured #right {
	float: right;
	margin-left: 840px;
}
#home-featured #position {
	margin: 268px auto 0;
	height: 10px;
}
#home-featured #position img {
	margin: 0 2px;
	cursor: hand;
	cursor: pointer;
}
#home-featured .featured-wrapper {
	position: absolute;
	overflow: hidden;
	width: 960px;
	height: 250px;
	margin-top: 10px;
}
#home-featured .featured-item {
	width: 684px;
	height: 250px;
	z-index: -5;
	float: left;
	display: inline;
}
#home-featured .fb-right {
	float: right;
	/* width:647px; */

	width: 282px;
	margin-right: 5px;
}
#home-featured .featured-block {
	width: 330px;
	height: 250px;
	overflow: hidden;
	float: left;
	display: inline;
	font-size: 14px;
	padding-left: 60px;
}
#home-featured .fb-right {
	font-size: 14px;
	line-height: 17px;
}
#home-featured .fb-right h1 {
	font-size: 33px;
	font-weight: bold;
	color: #EF5025;
	margin: 6px 0 12px;
	padding: 0;
	line-height: 30px;
}
#home-featured .fb-right a {
	color: #009DDC;
}
#home-callouts {
	height: 221px;
	padding: 24px 0 0 18px;
	clear: both;
}
#home-callouts a {
	font-weight: bold;
}
#home-callouts .orange-co a {
	color: #EF5025;
}
#home-callouts .purple a {
	color: #9561A8;
}
#home-callouts .blue-co a {
	color: #009DDC;
}
#home-callouts .home-co {
	float: left;
	padding-top: 8px;
	margin-right: 2.8em;
	line-height: 14px;
}
#home-callouts .home-co h2 {
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0.4em;
}
#home-callouts .home-co .content {
	line-height: 14px;
	padding-left: 8px;
	width: 158px;
}
#home-callouts .home-co #content-blog {
	line-height: 14px;
	padding-left: 8px;
}
#home-callouts .home-co #content-blog p {
	line-height: 14px;
}
#home-callouts img.header {
	color: #FFFFFF;
	font-size: 11px;
	height: 20px;
	width: 266px;
	margin-bottom: 16px;
}
#home-callouts .orange img.header {
	background-color: #EF5025;
}
#home-callouts .purple img.header {
	background-color: #9561A8;
}
#home-callouts .blue img.header {
	background-color: #009DDC;
}
#home-callouts .divider {
	width: 29.7em;
	height: 179px;
	background: transparent url(images/home-callouts/divider-repeater.gif) top right repeat-y;
}
#home-callouts .no-divider {
	width: 26.6em;
	margin-right: 0;
}
.alert-box {
	background: #e7eabf;
	width: 485px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	margin: 5px auto 20px;
	padding: 15px;
	font-weight: bold;
	color: #ef5025;
}
.alert-box a {
	color: #ef5025;
	text-decoration: underline;
}
.alert-box a:hover {
	color: #009ddc;
}
/* PAGE */

#page-wrapper {
	background: #FFFFFF url(images/page/bg-header.gif) top left repeat-x;/* min-width:960px; */

}
#page-wrapper #top-nav a.current {
	color: #BED552;
}
#page-main-nav-wrapper {
	padding: 68px 0 0 168px;
}
#page-main-nav-wrapper div {
	height: 42px;
	overflow: hidden;
	float: left;
	display: inline;
}
#page-main-nav-wrapper div a img {
	margin-top: -42px;
}
#page-main-nav-wrapper div a:hover img {
	margin-top: 0;
}
#page-columns {
	width: 96em;
	margin-top: 50px;
	clear: both;
	position: relative;
	z-index: 0;
}
#left-column {
	float: left;
	width: 260px;
	padding-top: 70px;
	display: inline;
}
#left-column #left-nav {
	font-size: 14px;
}
#left-column #left-nav * {
	line-height: 20px;
}
#left-column #left-nav h1 {
	color: #EF3025;
	font-size: 36px;
	line-height: 30px;
	font-weight: bold;
	width: 240px;
	text-align: right;
	padding: 0;
	margin: 0 0 19px;
}
#left-nav a {
	color: #999999;
}
#left-nav a.current {
	color: #333333;
}
#left-nav #left-nav-main {
	width: 238px;
	text-align: right;
	line-height: 20px;
}
#left-column img {
	margin-top: 35px;
}
#left-nav-indicator-wrapper {
	float: right;
	width: 19px;
	text-align: right;
	overflow: hidden;
	padding-top: 3px;
	display: inline;
}
#left-nav-indicator img {
	margin-top: 0;
}
#left-nav-indicator, #left-nav-indicator img {
	width: 8px;
	height: 14px;
	overflow: hidden;
	float: right;
	display: inline;
}
#center-column {
	/*padding-left:294px;*/

	margin-left: 37px;
	float: left;
	width: 40em;
	color: #333333;
	margin-top: -20px;
}
#center-column * {
	line-height: 18px;
}
#center-column h1, #center-column h2, #center-column h3 {
	font-weight: bold;
}
#center-column h1 {
	color: #009DDC;
	margin: 20px 0 20px;
	font-size: 22px;
	line-height: 1.3em;
}
#center-column h2, #center-column h3 {
	margin: 14px 0 14px;
	color: #009DDC;
}
#center-column h2 {
	font-size: 18px;
}
#center-column h3 {
	font-size: 14px;
}
#center-column p {
	font-size: 12px;
}
#center-column a {
	color: #009DDC;
}
#center-column ul {
	padding-left: 30px;
	padding-bottom: 15px;
	font-size: 12px;
	list-style-type: disc;
}
#center-column ul ul {
	padding-left: 30px;
	padding-bottom: 0px;
	font-size: 12px;
	padding-top: 10px;
}
#center-column li {
	padding-bottom: 5px;
}
#center-column li li {
	padding-bottom: 5px;
	list-style-type: circle;
}
#center-column td.left {
	font-size: 12px;
	padding: 10px 10px 10px 0px;
	width: 100px;
	vertical-align: top;
	line-height: 12px;
}
#center-column td.right {
	font-size: 12px;
	padding: 10px 10px 10px 0px;
	vertical-align: top;
	line-height: 12px;
}
#center-column tr.bottom {
	height: 35px;
}
#center-column p.address {
	size: 14px;
	font-weight: bold;
	color: #009DDC;
	padding-bottom: 40px;
}
#center-column input {
	width: 160px;
}
#center-column span.wpcf7-checkbox input {
	width: 24px;
}
#center-column input, #center-column textarea {
	margin-bottom: 10px;
}
#center-column table.breakfast_solutions {
	padding: 5px;
}
#center-column form {
	padding-bottom: 35px;
}
#right-column {
	float: right;
	width: 21em;
	display: inline;
	background-color: #EDEDED;
	padding: .9em;
	color: #333333;
}
#right-column p {
	font-size: 12px;
	line-height: 16px;
}
#right-column .text {
	font-size: 12px;
	line-height: 21px;
}
#right-column .image {
	float: left;
	width: 120px;
	margin: 0 10px 6px 0;
	text-align: center;
	display: inline;
}
#right-column a {
	color: #009DDC;
}
#right-column h2 {
	font-size: 16px;
	font-weight: bold;
	color: #EF3025;
	margin-bottom: 12px;
}
#right-column ul {
	padding-left: 30px;
	padding-bottom: 15px;
	font-size: 12px;
	list-style-type: disc;
}
#right-column ul ul {
	padding-left: 30px;
	padding-bottom: 0px;
	font-size: 12px;
	padding-top: 10px;
}
#right-column li {
	padding-bottom: 5px;
}
#right-column li li {
	padding-bottom: 5px;
	list-style-type: circle;
}
#right-column p.contact {
	line-height: 14px;
}
/* BLOG */

#blog-right-column {
	font-size: 12px;
	float: right;
	width: 240px;
	padding-top: 13px;
}
#blog-right-column img {
	margin: 32px 0 12px;
	background-color: #009DDC;
	color: #FFFFFF;
	font-size: 11px;
}
#blog-right-column li {
	line-height: 16px;
	margin-bottom: 5px;
}
#blog-right-column a {
	line-height: 16px;
	color: #333333;
}
#blog-right-column a.blue {
	color: #009DDC;
}
#blog-right-column .indent {
	padding: 0 10px;
}
#blog-right-column ul {
	padding-left: 10px;
	line-height: 16px;
}
#blog-right-column li {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	padding-bottom: 5px;
}
#blog-left-column {
	width: 684px;
	padding-top: 31px;
}
#blog-left-column .post {
	padding-top: 50px;
}
#blog-left-column .post-meta {
	float: left;
	width: 189px;
	text-align: right;
}
#blog-left-column h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 17px;
}
#blog-left-column .post-meta h1 {
	color: #4D4D4D;
	text-align: right;
}
#blog-left-column .post-meta .date {
	font-size: 18px;
	font-weight: bold;
	color: #808080;
}
#blog-left-column .post-content {
	float: left;
	width: 450px;
	padding-left: 32px;
	font-size: 12px;
	color: #333333;
}
#blog-left-column .post-content p {
	line-height: 18px;
}
#blog-left-column .post-content h1 {
	color: #EF5025;
}
#blog-left-column .post-content h1 a {
	color: #EF5025;
}
#blog-left-column .post-content a {
	color: #009DDC;
}
#blog-left-column .post-content .post-end-meta {
	margin-top: 27px;
	padding: 3px 4px;
	width: 100%;
	background-color: #E6E6E6;
	font-size: 10px;
}
#blog-left-column .post-content ul {
	padding-left: 30px;
	padding-bottom: 15px;
	font-size: 12px;
	list-style-type: disc;
}
#blog-left-column .post-content ul ul {
	padding-left: 30px;
	padding-bottom: 0px;
	font-size: 12px;
	padding-top: 10px;
}
#blog-left-column .post-content li {
	padding-bottom: 5px;
	line-height: 18px;
}
#blog-left-column .post-content li li {
	padding-bottom: 5px;
	list-style-type: circle;
}
#pagination {
	margin: 40px 0 0 210px;
	width: 450px;
}
#pagination .p-block {
	float: left;
	width: 150px;
	min-width: 150px;
	text-align: center;
	font-size: 20px;
	color: #808080;
}
#pagination .p-block a {
	color: #808080;
	font-weight: bold;
}
#pagination .p-block a:hover {
	text-decoration: none;
}
#pagination .aright {
	text-align: right;
}
#pagination .aleft {
	text-align: left;
}
/* For Bio*/



#blog-left-column .bio-content {
	float: left;
	width: 450px;
	padding-left: 32px;
	margin-left: 189px;
	font-size: 12px;
	color: #333333;
}
#blog-left-column .bio-content p {
	line-height: 18px;
}
#blog-left-column .bio-content h1 {
	color: #EF5025;
}
#blog-left-column .bio-content h1 a {
	color: #EF5025;
}
#blog-left-column .bio-content a {
	color: #009DDC;
}
/* SINGLE */

#single-post-bottom-meta {
	padding: 35px 0 20px;
}
#single-post-bottom-meta .tags {
	width: 310px;
	padding-top: 18px;
	font-size: 10px;
	color: #000000;
}
#single-post-bottom-meta .tags a {
	color: #666666;
}
#single-post-bottom-meta .share {
	float: right;
	margin: 0 0 8px 10px;
	/* border:1px solid #CCCCCC; */

	padding: 4px 8px;
}
#single-post-bottom-meta .share a {
	color: #999999;
}
#single-post-bottom-meta .categories {
	clear: right;
	width: 442px;
	margin-top: 5px;
	background-color: #E6E6E6;
	padding: 4px;
}
#single-post-bottom-meta .categories a {
	color: #009DDC;
}
.post #breadcrumb {
	padding: 0 0 16px 222px;
}
.post #breadcrumb a {
	color: #009DDC;
}
/* COMMENTS */

#comments-header-wrapper {
	width: 100%;
	height: 22px;
	background: transparent url(images/comments-header-wrapper.gif) top left repeat-x;
}
#comments-header-count {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	height: 12px;
	background-color: #BED552;
}
#comments-header-right {
	float: left;
	height: 22px;
	width: 8px;
	background: transparent url(images/comments-header-right.gif) top left no-repeat;
}
#comment-content-wrapper .comment-content {
	padding-top: 17px;
	border-top: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
}
#comment-content-wrapper .first-com {
	border-top: 0;
}
#comment-content-wrapper .comment-meta {
	font-size: 10px;
	color: #999999;
	padding: 12px 0 19px;
}
#single-post-comments-wrapper #comment {
	border: 1px solid #CCCCCC;
	width: 450px;
	height: 100px;
	margin: 8px 0;
}
#single-post-comments-wrapper #submit {
	float: right;
	width: 86px;
	height: 20px;
	overflow: hidden;
	padding-top: 21px;
	background: #333333 url(images/comments-submit.gif) top left no-repeat;
	border: 0;
	cursor: pointer;
	cursor: hand;
}
#fourohfour {
	text-align: center;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	margin: 110px 0 150px;
}
#fourohfour img {
	margin-bottom: 20px;
}
/* FOOTER */

#pre-footer {
	clear: both;
	margin-top: 88px;
	height: 14px;
	width: 100%;
	background-color: #BED552;
}
#page-footer-wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #333333;
}
#footer {
	margin: 0 auto;
	padding: 18px 0;
	width: 96em;
	color: #B2B2B2;
}
#footer a {
	color: #B2B2B2;
}
#footer #footer-content {
	font-size: 9px;
}
#footer-right {
	float: right;
	text-align: right;
	line-height: 18px;
}
#footer-right span.bottom a {
	color: #808080;
}
/* NEWS TABLE */

#news td.right {
	padding-top: 7px;
}