/* 
Theme Name: Performance Food
Theme URL: http://www.performancefoodcenters.com/
Description: Performance Food Centers Theme
Author: Propeller Media Works
Author URI: http://propellermediaworks.com
Version: 1.0
*/


/* structure */

.container_12 {
margin-left:auto;
margin-right:auto;
width:960px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16  {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
position:relative;
}


.container_12 .grid_4 {
width:300px;
}

.container_12 .grid_8 {
width:620px;
}

.alpha {
margin-left:0;
}

.omega {
margin-right:0;
}

html {
	height:100%;
}

body {
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #1b304f;
	height:100%;
	margin: 0;
	padding: 0;
}

#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#site_content {
	position:relative;
	z-index:1;
}


#header {
}

#logo {
}

h1.logo {
	margin: 14px;
	background:transparent url(img/logo.png) no-repeat scroll left top;
}

h1.logo a {
display:block;
height:52px;
text-indent:-9999px;
width:222px;
}

#masthead {
	overflow: hidden;
	height: 80px;
}

#nav {
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
	overflow: hidden;
	clear: both;
}

#nav ul {
	float: left;
}

#nav ul li {
	display: inline;
	float: left;
}

#nav ul li a {
	display:block;
	overflow: hidden;	
	text-indent: -9999px;
	font-size: 1px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav ul li a.active, #nav  li a:hover  {
    background-position: 0px -41px;
}

#nav li.about a {
	width: 127px;
	background-image: url('img/nav/about.gif');
}

#nav li.shop a {
	width: 134px;
	background-image: url('img/nav/shop.gif');
}

#nav li.juice a {
	width: 129px;
	background-image: url('img/nav/juice.gif');
}

#nav li.cafes a {
	width: 88px;
	background-image: url('img/nav/cafes.gif');
}

#nav li.carts a {
	width: 167px;
	background-image: url('img/nav/carts.gif');
}

#nav li.gallerynav a {
	width: 141px;
	background-image: url('img/nav/gallery.gif');
}

#nav li.healthy a {
	width: 150px;
	background-image: url('img/nav/healthy_living.gif');
}

#tools {
	text-align: right;
        margin: 0px 0 0 0;
}

#tools ul.account {
	text-transform: lowercase;
	margin: 15px 0 0px 0px;
        padding:0;
}

#tools ul.account li {
	line-height: 12px;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	padding: 0 6px 0 0;
	margin: 0 3px 0 0;
	border-right:1px solid #fff;
    0
}

.tollfree {
	line-height: 0px;
        margin: 24px 0px 0 345px;
	font-size: 12px;
        color: #fff;
        font-weight: bold;
        text-transform: none;
        padding: 0;
        border:0px solid green;
        display:block;
        position: absolute;
        z-index:1000
}

#tools ul.account li img {

}

#tools ul.account li.web_2 {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
	margin-left: 3px;
}

#tools ul.account li.last {
	border-right: none;
	margin-right: 10px;
}

#tools ul.account li a {
	color: #fff;
	text-decoration: none;
}

#tools ul.account li a:hover {
	color: #fff;
	text-decoration: underline;
}

#content {
	overflow: hidden;
}

#page_wrapper {
	overflow: hidden;	
	background-color: #ffffff;
}

#main {
	border-bottom:5px solid #fff;
}

#main, #nav {
	margin: 0 8px;
	overflow: hidden;
	width: 936px;
	padding: 0;
	border-right:5px solid #fff;
	border-left:5px solid #fff;
}


#home_container {
	height: 305px;
	width: 936px;       
        margin: 0px 8px 0px 8px;
	overflow: hidden;
	padding: 0;
	border-right:5px solid #fff;
	border-left:5px solid #fff;
        background-color: #fff
}

#home_left {
        width:314px;
        height: 305px;
        float:left;
}
    
#home_right {
        width:616px;
        height: 305px;  
        float:right;
  
}    


.rone {
        background-image: url('http://pfc.pfcdev01.com/_images/r1.jpg');    
}

.rtwo {
        background-image: url('http://pfc.pfcdev01.com/_images/r2.jpg');    
}

.rthree {
        background-image: url('http://pfc.pfcdev01.com/_images/r3.jpg');    
}

.homeslide {
	width: 936px;
	height: 305px;
}

#home_callouts {
	overflow: hidden;
	background: #fff url(img/home_callout_bg.gif) repeat;
}

.home_callout {
	width: 312px;
	display: inline;
	float: left;
	height: 212px;
}

.home_callout .copy {
	padding: 22px 30px 30px 30px;
	height: 160px;
}

.home_callout .head {
	margin-left: 18px;
	margin-bottom: 8px;
}

.home_callout .home_callout_content .overlay {
	width: 312px;
	height: 424px;
	position: absolute;
	z-index: 3;
}

.home_callout .home_callout_content {
	cursor: pointer;
	width: 312px;
	height: 424px;
	position: relative;
	top: -212px;
	font-size: 12px;
}

.home_callout .home_callout_content a.more, .carousel_content a.more, a.more-link, a.download, div.useful_docs a {
	color: #333 !important;
	padding-left: 19px;
	text-decoration: none;
	font-size: 14px;
	background none;
	background-image: url('img/icon_more.gif');
	background-repeat: no-repeat;
}

a.more-link, a.download, div.useful_docs a  {
	font-weight: bold;
}

.home_callout .home_callout_content a.more { 
	background-position: 0 1px;
	}

.home_callout .home_callout_content p {
	line-height: 16px;
	margin-bottom: 15px;
}

div.hr {
    
    width:590px;
    border-top: 1px solid #ced8cf;
    margin: 16px 0;
}

div.minihr {
    
    width:280px;
    border-top: 1px solid #ced8cf;
    margin: 16px 0;
}

#home_main {
	background: #fff 

}

#home_wrap_left {
	background: #fff ;
        border:0px solid blue;   
	width: 313px;  
        float:left;
        padding-top:10px;
       

}


#blogshow {
        border:0px solid blue;   
	width: 260px;  
        padding-top:10px;
        margin: 0 0 0 16px;
  

}

#blogshow p {
    font-size: 12px;
    line-height: 18px;
    margin-left:4px;
margin-top: 0;
}

#blogshow a {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-left:4px;    
    color:#e78625;
    text-decoration: none;  
    font-weight:bold;
    display:block;
}


#blogshow a.showmore {
    font-size: 12px;
    line-height: 18px;
    margin-left:4px;    
    color:#e78625;   
    text-decoration: underline;
    margin-bottom: 12px;    
}

#fblike {
    border:1px solid green;
    width:62px;
}

img.fb {float:left}


#wrap_fb {

    border:0px solid red;
    width: 285px;
    margin: 0 0 0 13px;
}

#wrap_fb img{
    float:left;    
}

p.onfb{
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0px;
    color:#505da3;  
    font-weight: bold;
    
}

p.onfbsmall{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;  
    color:#505da3;    
    
}


#home_wrap_right {
	background: #fff;
        width: 600px; 
        padding: 0 0 0 15px;
        float:right;
        border-left: 1px solid #ced8cf;
        margin-top:26px;

}


#home_carousel {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0px;
	width: 580px;
	display: inline;

}

#home_carousel .carousel_content {
	height: 146px;
	width: 570px;
	margin-right: 10px;
}

#home_carousel .carousel_content img {
	float: left;
	margin-right: 20px;
}

#carousel_nav {
	font-size: 19px;
	margin-bottom: 20px;
	height: 19px;
	line-height: 18px;
}

#carousel_nav span {
	margin-left: 8px;
}

#carousel_nav img {
	vertical-align:middle;
}

#home_carousel h2 {
width: 331px;
float: right;
font-size: 16px;
line-height: 20px;
margin-bottom: 12px;
}



#home_carousel p {
	line-height: 18px;
	margin-bottom: 12px;
	font-size: 12px;
}

#home_extras {
	margin: 20px 10px 20px 10px;
	width: 294px;
	height: 184px;
	display: inline;
}

#home_extras img {
	padding-left: 0px;
	margin-bottom: 7px;
	margin-top: 7px;
}

#sidebar {
	display: inline;
	border:1px solid #dcdcdc;
	float: left;
	width: 223px;
	margin-bottom: 5px;
	background: #f3f3f3 url(img/sidebar_bg.gif) repeat-x;
}

#sidebar h2 {
	margin: 15px;
}

#sidebar h2.head_about {
	background:transparent url(img/head_about.png) no-repeat scroll left top;
}

#sidebar h2.head_juice-bars {
	background:transparent url(img/head_juice-bars.png) no-repeat scroll left top;
}

#sidebar h2.head_cafes {
	background:transparent url(img/head_cafes.png) no-repeat scroll left top;
}

#sidebar h2.head_carts-kiosks {
	background:transparent url(img/head_carts-kiosks.png) no-repeat scroll left top;
}

#sidebar h2.head_healthy-living {
	background:transparent url(img/head_healthy-living.png) no-repeat scroll left top;
}

#sidebar h2.head_gallery {
	background:transparent url(img/head_gallery.png) no-repeat scroll left top;
}

#sidebar h2.head_members-club {
	background:transparent url(img/head_members-club.png) no-repeat scroll left top;
}

#sidebar h2 a {
display:block;
height:28px;
text-indent:-9999px;
width:200px;
}

.side_callouts {
	margin: 0 15px 15px 15px;
	border-bottom: 1px dotted #3aa037;
}

.side_callout {
	border-top: 1px dotted #3aa037;
	padding-top: 12px;
}

.side_callout h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 12px;
}

.side_callout h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 0px;
}

.side_callout img {
	margin-bottom: 12px;
}

.side_callout p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 12px;
}

.side_callout a {
	color: #333;
	text-decoration: none;
}

.side_callout a.more {
	font-size: 13px;
	font-weight: bold;
	background-image: url('img/icon_more.gif');
	background-repeat: no-repeat;
	padding-left: 17px;
}

.side_callout a:hover {
	text-decoration: underline;
}

.side_callout a.more:hover {
	text-decoration: none;
}

/*menu*/
ul.menu, ul.menu ul {
  border-bottom: 1px solid #d2d2d2;
  list-style-type:none;
  margin: 0 0 16px 0;
  padding: 0;
}

ul.menu ul {
	margin-bottom: 0;
	border-bottom: none;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  border-top:1px solid #dcdcdc;
}

ul.menu li.expand ul {
display: block;
}

ul.menu li a {
  background: #e9e9e9 url(img/sidenav_bg.gif) no-repeat;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding: 11px 11px 11px 34px;
}

ul.menu li a:hover {
  background: #c6c6c6 url(img/sidenav_bg_over.gif) no-repeat;
  color: #fff;
}

ul.menu li ul li {
	border: none;
}

ul.menu li ul {
	display: none;
	margin-top: 18px;
	margin-bottom: 12px;
}

ul.menu li ul li a {
  background: none;
  font-size: 12px;
  color: #333;
  padding: 0px 11px 8px 34px;
}

ul.menu li ul li a:hover, ul.menu li ul li a.active {
  	background: none !important;
	font-size: 12px;
	color: #e38820 !important;
	padding: 0px 11px 8px 34px;
	text-decoration: none;
}

ul.menu a.active, ul.menu a.active:hover {
    background: #c6c6c6 url(img/sidenav_bg_over.gif) no-repeat;
	color: #fff;
}

ul.menu a.expand, ul.menu a.expand:hover {
    background: #c6c6c6 url(img/sidenav_bg_on.gif) no-repeat;
	color: #fff;
}

#page {
	overflow: hidden;
	margin-left: 5px;
	display: inline;
	float: left;
	width: 706px;
	background-color: #fff;
}

#pagesimple {
        overflow: hidden;
        margin-left: 5px;
        display: inline;
        float: left;
        width: 906px;
        background-color: #fff;
}


#pagesimple .head_img, #page .head_img {
	margin-bottom: 12px;
}

#pagesimple #page_content, #page #page_content {
	margin: 0 24px;
	padding-bottom: 200px;
	position: relative;
}

#pagesimple h1, #page h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
}

#pagesimple h1 a, #page h2 a {
	color: #333;
	text-decoration: none;
}

#pagesimple h2, #page h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

#pagesimple p, #page p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 13px;
}

#pagesimple p a, #page p a {
	color: #e38820;
}

#pagesimple p a:hover, #page p a:hover {
	text-decoration: none;
}

#pagesimple .post, #page .post {
	padding-bottom: 10px;
	margin-bottom: 24px;
	overflow: hidden;
	border-bottom:1px dotted #dcdcdc;
}

#pagesimple .intro; #page .intro {
	margin-bottom: 24px;
	padding-bottom: 6px;
	border-bottom:1px solid #9acc97;
}

#pagesimple .intro h3, #page .intro h3 {
color: #008000;
font-size: 16px;
margin-bottom: 12px;
text-transform: uppercase;
}

#pagesimple .intro p, #page .intro p {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 14px;
}

#pagesimple #breadcrumbs, #page #breadcrumbs {
	color: #666;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 6px;
	font-style: italic;
	line-height: 11px;
	font-size: 11px;
	border-bottom:1px solid #9acc97;
}

#pagesimple #breadcrumbs a, #page #breadcrumbs a {
	color: #666;
	text-decoration: none;
}

#page #breadcrumbs a:hover {
	text-decoration: underline;
}

#pagesimple blockquote; #page blockquote { 
	padding: 0px 10px;
	border-left: 2px solid #d6d6d6;
	margin: 5px auto 15px auto;
	width:85%;
	font-style: italic;
}
	
#pagesimple blockquote p; #page blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 18px;
}
	
#pagesimple .post ul, #pagesimple .post ol, #page .post ul, #page .post ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:18px;
}
	
#page .post ul li ul, #page .post ol li ol{
	margin-bottom:0px;
	padding-top:3px;
}

#page .post ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
}

#page .post ul li ul li {
	list-style:disc inside !important;
}
	
#page .post ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
}
	
#page .post ol li ol li {
	list-style:decimal-leading-zero inside !important;
}
	

#masthead, #foot {
	margin: 0 8px;
	overflow: hidden;
	padding: 0;
}

#foot {
	overflow: hidden;
	color: #333333;
	background-color:rgba(255,255,255,0.7);
}

#foot #transbox {
	overflow: hidden;
	padding-top: 16px;
}

#foot a {
	color: #333333;
	text-decoration: none;
}

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

#foot ul {
	text-align: center;
	margin-bottom: 12px;
}

#foot ul li {
	line-height: 14px;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin: 0 6px;
}

#seotext {
	margin: 13px 30px;
	font-size: 12px;
	padding: 10px;
}

#seotext p {
	line-height: 16px;
	margin-bottom: 12px;
}

#footer {
	margin-top: 6px;
	padding-bottom: 160px;
}

.bordergreen {
	border:1px solid #9acc97;
}

.borderorange {
	border:1px solid #e38820;
}

.noborder {
	border: none !important;
}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 4px 10px 10px 0;
}

img.alignleft {
	margin-right: 20px;
}



.alignright {
	margin: 4px 0px 10px 10px;
	float: right;
}

img.alignright {
	margin-left: 20px;
}

.alignright img {
	float: right;
}

.wp-caption img {
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	padding: 0px;
	margin: 0;
}

.alignright p.wp-caption-text {
	padding-left: 10px;
}

/* End captions & aligment */

/* gallery */

.gallery {
	overflow: hidden;
	padding-top: 10px;
	margin: auto;
}

.gallery .gallery-item {
	width: 290px;
	background:transparent url(img/bg_green_dot.gif) no-repeat scroll left bottom;
	float: left;
	padding-bottom: 12px;
	margin-bottom: 20px;
	margin-left: 24px;
	text-align: left;		
}

#page .gallery .gallery-item h2 {
	font-size: 17px;
	line-height: 22px;
	margin-bottom: 12px;
	color: #E38820;
	font-weight: bold;
}

#page .gallery .gallery-item h2 a {
	color: #E38820;
}	

#page .gallery .gallery-item .more-link, #page .gallery .gallery-item .download, div.useful_docs a  {
	font-weight: bold;
}

.gallery img {
	border:1px solid #9acc97;
}

.gallery .gallery-caption {
width: 290px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
text-align: left;
margin-left: 0;
}

.gallery .tease {
	font-weight: normal;
}

.gallery .more-link, .gallery .download {
	font-weight: normal;
}

/*turn caption off on pretty photo */
.ppt {
	display: none !important;
}

.contact-form {
	width: 300px;
}

.contact-form .contact-submit {
	background:url("img/contact-submit.png") no-repeat scroll right top #666666;
	border:0 none;
	cursor:pointer;
	height:27px;
	text-indent:-9999px;
	width:102px;
	float: right;
}

.contact-form textarea, .contact-form input {
	width: 300px;
}

.contact-form div.wpcf7-validation-errors  {
border:1px solid #666;
font-size: 12px;
line-height: 16px;
padding: 12px;
margin: 20px 0 20px 0;
}

div.wpcf7-mail-sent-ok  {
	border:1px solid #666 !important;
	font-size: 12px;
	line-height: 16px;
	padding: 12px;
	margin: 20px 0 20px 0;
}

.contact-form span.wpcf7-not-valid-tip  {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #666666;
color: #FF0000;
font-size:10pt;
left:0;
padding:2px;
position:absolute;
top:-5px;
width:300px;
z-index:100;
}

#comments {
	border-top:1px solid #DCDCDC;
	margin-top: 18px;
	padding-top: 18px;
}

#comments h3 {
	margin-bottom: 13px;
	font-size: 14px;
}

#comments .avatar {
	float: left;
	margin-right: 4px;
}

#comments .standard, #comments .author, #comments .alt {
	border-bottom:1px solid #DCDCDC;
	margin-bottom: 12px;
}

#comments .comments-meta {
	margin-bottom: 4px;
}

.comments_reply h3 {
	font-size: 14px;
	margin-bottom: 12px;
}

.comments_reply label {
	margin-left: 6px;
}

.comments_reply textarea {
	width: 400px;
}

.hide {
	display: none;
}

.extranet_posts{
    width: 70%;
}

.wpcf7-captcha-captcha-118 {
	margin-bottom: 4px;
}

#useful_docs{
    position: absolute;
    top: 38px;
    right: 0;
    width: 27%;
}

.useful_docs h3{
    color: #e38820;
    margin: 12px 0;
    font-size: 14px;
}

.useful_docs li{
    padding: 6px 0 !important;
    margin-left: 12px;
}

.useful_docs li a{
    display: block;
}

.login_error{
    background-color: #ffebe8;
    border: 1px solid red;
    width: auto;
    padding: 12px;
    color: maroon;
}

.logout{
    background-color: #f1f5ec;
    border: 1px solid green;
    width: auto;
    padding: 12px;
    color: green;
}

.seotext {
	text-align: left !important;
	display: block;
	margin: auto;
	width: 600px;
}


#pfc_home_callouts td {
    
    padding-bottom:10px
    
}

/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}