@charset "utf-8";
@import url("menu.css");
@import url("common_blocks.css");
/* CSS Document */

body, html {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif
}
/* BEGIN: default tag styles */

a:link, a:visited{
  color:#330099;
  text-decoration:none;
}

a:hover{
  color:#9999FF;
  text-decoration:underline;
}

a:active{
  color:#CCC;
  text-decoration:none;
}

h1{
  padding-bottom: 15px;
}

h2{
  font-size: 1.8em;
  left: -10px;
  font-weight: bold;
  color: #262359;
  padding-bottom: 15px;
}

h3{
  font-size: 1.4em;
  color: #575675;
  font-weight: bold;
  line-height: 1.3em;
  padding-bottom: 15px;  
}

p {
  padding-bottom: 15px;
  font-size: 1.2em;
  line-height: 1.8em;
}

strong{
  font-weight: bold;
}

em{
  font-style: italic;
}

sup {
  font-size: .9em;
  line-height: .6em;
  font-weight: bold;
}

embed,object {
  z-index: -1;
}

ul ul{
  padding-bottom: 0;
}

li{
  padding-bottom: 5px;
}

.clear{
  clear: both;
}

/* END: default tag styles */

#background-wrapper {
  background-color: transparent;
  background-image: url(../images/body_curve_bg.jpg);
  background-position: center top;
  background-repeat: no-repeat
}

#main-wrapper {
  background-color: transparent;
}

/* begin: header */


#site-logo {
  color: #ffffff;
}


#site-logo h1{
  display: none;
}

#menu-primary {
  font-size: 1.0em;
  text-transform: uppercase;
}



.action-tag{
  display: none;
}

/* end: header */



/* begin: footer */
#footer {
  color: #999999;
  background-image: url(../images/site_footer_bg.gif);
  background-repeat: no-repeat;
}

#menu-secondary {
  font-size: 1.1em;   
}


/* end: footer */

/* begin: footer menus */


#menu-secondary a {
  color: #999999;
  text-decoration: none;
}

#menu-secondary a:hover {
  text-decoration: underline;
}

#menu-secondary li.menu-partition{
  border-left: solid 1px #CCC;
  padding-left: 15px;
}

#menu-tertiary-block{
  background-color: #E5E5E5;
}



#menu-tertiary a{
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
  color:#999999;
}



/* end: footer menus */

ul.menu-tree{
  font-size: 1em;
}

ul.menu-tree ul{
  margin: 0 0;
  padding: 0 0;
} 

ul.menu-tree li{
  list-style-type: none;
  margin: 0 0;
  padding: 0 0; 
}

/* end:menu tree */

/* begin:standard tree */
ul.standard-tree  li{
  padding-top: 5px;
  padding-bottom: 5px;

}

ul.standard-tree  li a.menu-collapse{
  background-image: url(../images/icon_menu_collapse.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

ul.standard-tree  li a.menu-expand{
  background-image: url(../images/icon_menu_expand.gif);
  background-repeat: no-repeat;
  background-position: left top;

}

ul.standard-tree  li a{
  display: block;
  padding-left: 20px;
}


ul.standard-tree li li{
  font-size: 1em;
  list-style-type: none;
  margin-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
}
 
ul.standard-tree li li.active{
  background-color: #afaeba;
  font-weight: bold;
  color: #FFF;
  margin: 0 -40px;
  padding-left:40px;
  padding-right:20px;
}

ul.standard-tree li li.active a{
  background-image: url(../images/icon_menu_level2_active.gif);
  font-weight: bold;
  color: #FFF;
}
  
ul.standard-tree li li a, ul.standard-tree li li span.no-link{
  font-weight: normal;
  background-image: url(../images/icon_menu_level2.gif);
  background-repeat: no-repeat;
  background-position: left 1px;  
  display: block;
}

div.fnce-downloadable-resources-block p{
  padding-bottom: 15px !important;
}

ul.healthy-recipes li, div.fnce-downloadable-resources-block ul li{
  font-weight: normal;
  background-image: url(../images/icon_menu_level2.gif);
  background-repeat: no-repeat;
  background-position: left 1px;  
  display: block;
}

ul.healthy-recipes a, div.fnce-downloadable-resources-block li a{
  padding-left: 20px;
}

a.inside-item{
  background-image: none !important;
}

/* end:standard tree */

/* BEGIN: content blocks */

div.hr{
  background-image: url(../images/article_box_bg.gif);
  background-repeat: no-repeat;
  background-position: center;  
  height: 70px;
  clear: both;
}

.content-block ol, .content-block ul  {
  margin-left: 50px;
  margin-top: 5px;
  padding-right: 30px;
  margin-bottom: 20px;
  font-size: 1.2em;
}

.content-block li{
  padding-bottom: 5px;
}

.content-block ol{
  list-style: decimal;
}

.content-block ul {
  list-style: disc;
}

.content-block .support-image{
  float: right;
  margin-top: -20px;
}

ol.references{
  font-size: 1em;
}

div.related-content{
  border: 1px solid #E4E4E4;
}

div.related-content img.support-graphic{
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}

div.related-content p{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 5px;
}

div.related-content ol, div.related-content ul{
  padding: 0 20px 20px;
}

div.related-content ol ol, div.related-content ul ul{
  padding: 0 20px 0;
}

.related-content{
  background-image: url(../images/bg_dingbat_fade_293x227.jpg);
  background-position: center bottom;
  background-repeat: no-repeat; 
  padding-bottom: 25px;
}

.related-content .searchInput{
  font-size: 1.1em;
}

.related-content-with-image{
  padding-bottom:0;
  background-image: none;
}

.related-content-with-image img{
  display: block;
}

.related-content div.hr{
  border-top: solid 1px #CCCCCC;
  clear: both;
  margin: 0 10px;
  background-image: none;
}

/* BEGIN: Ask The Expert Box */
.ask-the-expert-block{
  background-image: url(../images/bg_light_gray.jpg);
  padding-bottom: 0;
}

.ask-the-expert-block p{
  text-align: center;
  font-size: 1.1em;
}

/* END: Ask The Expert Box */

div.product-line-container{
  background-image: url(../images/bg_available_prod_750x330.jpg);
  background-repeat: no-repeat; 
}

ul.product-list  ul{
  padding-top: 3px;
}

ul.product-list li{
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 3px;
}

ul.product-list ul li{
  font-size: .9em;
  font-weight: normal;
}

ul.product-list ul li a{
  font-size: 1em;
  font-weight: normal;
}


/* END: content blocks */

/* Begin: Careers Map css */
div.careers-map{
  width: 425px;
}

div.careers-map div.navigation{
  height: 51px;
  background-image: url(../images/careers_topline.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

div.careers-map div.purple-fade{
  background-image: url(../images/careers_purple_fade_bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
}
div#content-body-function{
  display: none;
  background-image: url(../images/careers_white_bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

div#content-body-function ul{
  margin-left: 25px;
  margin-top: 10px;
}


div#content-body-function li{
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 5px;
}



div#content-body-function li li{
  font-weight: normal;
  font-size: 1em;
}

div#jobs-by-function-nav{
  display: none;
}


div#content-body-location div.job-display h2{
  margin-left: 15px;
  margin-bottom: 15px;
  margin-top: 20px;
}

div#content-body-location div.job-display h3{
  margin-left: 15px;
  margin-bottom: 15px;
  padding-top: 0;
}



/* End: Careers Map css */


/* BEGIN: Form Styles */
.content-block fieldset li label{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.8em;  
  width: 110px;
  float: left;
  padding-right: 5px;  
}

.content-block fieldset li p{
  font-size: 1.2em;
  float: left;
}

.content-block fieldset ul{
  list-style-type: none; 
  margin-left: 0;
  padding-right: 0;  
}

.content-block fieldset.upload-resume{
  padding-left: 160px;
}

.content-block fieldset.upload-resume p{
  padding-left: 50px;
}

.content-block fieldset legend{
  font-size: 1.2em;
  font-weight: bold;
  margin-left: -5px;
}

.content-block fieldset li{
  font-size: .85em;
  padding-bottom: 15px;    
  clear: both;
}


.content-block fieldset  li.textarea-block label{
  float: none;
  width: auto;
  display: block;
}

.content-block fieldset  li.long-field label{
  float: none;
  width: auto;
  display: block;
}


.content-block fieldset  li.long-field select{
  margin-left: 118px;
}


.upcHelpBlock{
  background-image: url(../images/contact_help_bg.gif);
  background-repeat: no-repeat;
}

.formHelpBlock .closeHelp{
  float: right;
  width: 20px;
  margin-top: 20px;
}

.formHelpBlock{
  
}

.formHelpBlock h2, .formHelpBlock p{
  padding-left: 90px;
}

.formHelpBlock h2{
  font-size: 1.2em;
  padding-top: 20px;
  padding-bottom: 0;
}

.formHelpBlock p{
  line-height: 1.2em;
  font-size: 1.1em;
  width: 285px;
}

.content-block fieldset.consent-checkbox{
  display: block;
}

.content-block fieldset.consent-checkbox  .checkbox-input{
  width: 20px;
  display: block;
  float: left;
}

.content-block fieldset.consent-checkbox  label{
  width: auto;
  font-size: 1.2em;
  font-weight: bold; 
  padding-left: 25px;
  display: block;
  line-height: 1.3em;
}

.content-block fieldset.final-checkbox{
  border: 1px solid #330099;
  background-color: #EEEEEE;
  padding: 8px;

  display: block;
}

.checkbox-list p{
  line-height: 1;
}

.content-block fieldset.final-checkbox  .checkbox-input{
  width: 20px;
  display: block;
  float: left;
}


.content-block fieldset.final-checkbox  label{
  width: auto;
  font-size: 1.2em;
  font-weight: bold; 
  padding-left: 25px;
  display: block;
  line-height: 1.3em;
}


.content-block fieldset  li.optionsSet{
  background-image: none;
}


.content-block li.optionsSet label{
  float: none;

}

.content-block li.optionsSet table input{
  margin-right: 5px;
}

.content-block li.optionsSet table{
  margin-left: 110px;
}

.content-block li.optionsSet .option-text-area{
  margin-left: 127px;
  height: 70px;
  width: 250px;
}

.content-block fieldset.form-buttons{
  margin-top: 20px;
  text-align: center;
}


/* required field styles */
.content-block fieldset li.required-field{
  background-image: url(../images/form_required_sm.gif);
  background-repeat: no-repeat;
  background-position: 108px 1px;
  clear: both;

}


.content-block fieldset  li.required-field-text-area{
  background-image: url(../images/form_required_lg.gif);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: left 23px;
  padding-bottom: 0;
}



.content-block fieldset  li.required-field-table table{
  background-image: url(../images/form_required_lg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-left: 105px;
}

.content-block fieldset  li.required-field-table input{
  margin-left: 5px;
}

.content-block fieldset  li.required-field-long-field{
  background-image: url(../images/form_required_sm.gif);
  background-repeat: no-repeat;
  background-position: 108px 23px;
  
}

/* END: Form Styles */

/* BEGIN: Recipe Styles */

.recipe-box-container .recipe-body, .recipe-body-print{
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.recipe-header{
  padding-left: 8px;
}

.recipe-box-container{
  width: 480px;
  background-image: url(../images/recipe_bg.jpg);
  background-repeat: repeat-y;
}



ul.recipe-box-list li a{ 
  display: block;
}

ul.recipe-box-list ul{ 

}

ul.recipe-box-list li li{
  background-image: url(../images/bg_recipebox_menu.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 20px;
  padding-right: 40px;
  padding-top: 5px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
  font-size: .9em;
}

ul.recipe-box-list li li a{
 display: block;
 padding-top: 5px;
 padding-bottom: 0;
}

div.product-featured-recipe {
  float: left;
  margin-bottom: 20px;
  display: inline;
}


div.product-featured-recipe .featured-recipe-icon{
  float: left;
}

div.product-featured-recipe p{
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  width: 290px;
}

div.recipe-body h3{

}

div.recipe-body h4, div.recipe-body-print h4{
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
}

div.recipe-body li, div.recipe-body-print li{
  font-size: 1.2em;
}

div.recipe-body ul, div.recipe-body ol, div.recipe-body-print ul, div.recipe-body-print ol{
  margin-bottom: 30px;
}

div.recipe-body ol, div.recipe-body-print ol{
  list-style: decimal;
  margin-left: 20px;
}

.recipe-box-container-print{
  width: 500px;
  border: 1px solid #E1E1E1;
}


.recipe-print-image-container{
  float: right;
  margin-left: 10px;
}

.recipe-box-container-print p{
  margin-left: 20px;
  margin-right: 20px;
}

.print-btn-container{
  position: absolute;
  top: 35px;
  left: 425px;
}

.recipe-body-print{
  margin-bottom: 20px;
}


/* END: Recipe Styles */

/* BEGIN: Product Styles */

div.related-products{
  background-image: url(../images/bg_related_products.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 471px;
  height: 130px;
  margin-top: 85px;
}

div.related-products .header{
  text-align: center;
}

/* begin:related products */

div.related-products{
  text-align: center;
}

div.related-products p{
  font-weight: bold;
}

ul.related-products-list{
  margin-top: 0px;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
}


ul.related-products-list li{
  display: inline;
  margin-top: 0px;
  margin-left: 0;
  padding-left: 0;  

}

ul.related-products-list a span{
  display: none;
}

/*  This controls the positioning of the hover */
ul.related-products-list a:hover img{
  background-position: left -116px;
}

ul.related-products-list a img{
  height: 95px;

  background-repeat: no-repeat; 
  background-position: left -8px;
  margin-top: 30px;
}

.nutritional-info-container{
  margin-bottom: 25px;
  clear: both;

}

.nutrition-drop-down-container{
  background-image: url(../images/sh_nutritional_info.jpg);
  background-repeat: no-repeat;
  height: 33px;
  width: 480px;
}


.product-detail div.reasons-to-believe li{
  color: #575675;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

#nutritional-info{
  margin-left: 162px;
  margin-top: 5px;
}

/* END: Product Styles */

/* BEGIN: Search Results */

ul.search-results li{
  border-bottom: solid 1px #CCCCCC;
  padding: 15px 0;
}

ul.search-results li h2, ul.search-results li h3{
  padding: 0;
  width: 350px;
}

ul.search-results li h3{
  font-style: italic;
}

ul.search-results li .view-result-btn{
  float: right;
}

/* END: Search Results */

div.backToTopLink{
  font-size: 1.2em;
  text-align: right;
}

/* BEGIN: Links List */

ul.links-list{
  list-style: none; 
  margin-left: 0;
}

ul.links-list li{
  font-weight: bold;
  padding-bottom: 15px;
}

ul.links-list li a{
  font-weight: normal;
}
/* END: Links List */

/* BEGIN: document List */

ul.document-list{
  padding-bottom: 10px;
  margin-left: 30px;
}


#content ul.document-list li{
  font-weight: bold;
  list-style-type: none;
  color: #3B0F96;
  font-size: 1em;
  padding-bottom: 30px;
}

ul.document-list li a{
  background-image: url(../images/icon_document.jpg);
  background-repeat: no-repeat;
  display: block;
  padding-left: 30px;
  font-size: .9em;
}

ul.document-list .file-description{
  color: #999999;
  font-weight: normal;
}

ul.document-list ul{
  padding-left: 0;
  margin-left: 30px;  
  margin-top: 0;
  font-weight: bold;
}

/* END: documentList */

.QA-block ul{
  list-style-type: none;
}

/*BEGIN: Living Lightly*/

#livingLightlyInfo{
	background-image: url(../images/bg_livinglightly.jpg);
	background-repeat: no-repeat;
	background-position: 245px top;
	height: 325px;
	width: 460px;
}


#livingLightlyInfo p{
	padding-top: 10px;
	width: 220px;
}

.rightSidePromo{
  margin-bottom: 8px;
}
/*END: Living Lightly*/

/*BEGIN: no bullets*/

ul.no-bullets{
	list-style-type: none;
	margin: 0 15px;
	padding: 0 !important;
}

ul.no-bullets li{
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 15px;

}

/*END: no bullets*/


.header-date{
  font-weight: bold;
  padding-bottom: 0;
}

.pack-week-block img{
  float: left;
  margin: 0 10px;
}

.pack-week-block p, .pack-week-block h2, .pack-week-block h3, .pack-week-block ul{
  padding-left: 200px;
}

.news-navigation{
  padding-top: 40px;
}

.required-field-key{
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 10px;
  background-image: url('../images/form_required_sm.gif');
  background-repeat: no-repeat;
  line-height: 1.6;
  margin-top: 40px;
  margin-bottom: 20px;
  clear: both;
}

.questionKey, .answerKey{
  color: #23215d;
  font-weight: bold;
}

p.answer{
  padding-bottom: 50px;
}

div.healthy-recipe-block li{
  float: left;
  width: 50%;
  padding: 0;
  margin-left: -12px;
  list-style-type: disc;
  display: inline;
  padding-bottom: 5px;
}

div.healthy-recipe-block li a{
  display:list-item;
  list-style-type: disc;
  list-style-position: inside;

}

.anchor-tag{
  font-size: 0;
}

/* BEGIN: Welchy */

.videoPlayerContainer{
  float:left;
  display: inline;
  margin-left: 190px;
  margin-top: 50px;
}

.videoPlayerContainer .videoCaption{
  margin-top: 20px;
  margin-bottom: 15px;
}

.videoPlayerContainer  .formLeftCol{
  float:left;
  display: inline;
  width: 300px;  
}

.videoPlayerContainer  label{
  padding-left: 0;
  margin-left: 0;
  margin-right: 10px;
  text-align: right;
  font-size: 1.1em;
  font-weight: bold;
  float: left;
  display: block;
  width: 70px;
}

.videoPlayerContainer  input{
  margin-bottom: 10px;
  font-size: 1em;
}

.videoPlayerContainer  textarea{
  font-size: 1.3em;
}

.videoPlayerContainer  .formRightCol{
  float:left;
  width: 300px;  
  display: inline;
  text-align: right;
}

.videoPlayerContainer .send-button{
  margin-top: 30px;
}

.videoPlayerContainer .additionalInstructions{
  font-weight: normal;
  font-size: .8em;
}

.videoPlayerContainer .thankyouTitle{
  margin-top: 20px;
  text-align: center;
}


/* END: Welchy */


p.productLineLinkBlock{
  clear: both;
}

p.ultimatePBJChallenge{
  float: left;
  width: 175px;
}

div.pbjVideoContent{
  float: left;
  width: 580px;
  margin-left: 20px;
}

div.pbjVideoContent h2{
  color: #333;
}

p.promoWelchsSpreads{
  float: left;
  width:  155px;
  margin-left: 20px;
}

ul.recipeRatingControls li{
  display: inline;
}

ul.recipeRatingControls .ratingOn{
  background-image: url('../images/rating_bottle.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 41px;
  width: 18px;
}

ul.recipeRatingControls .ratingOff{
  background-image: url('../images/rating_bottle.jpg');
  background-repeat: no-repeat;
  background-position: 0 -78px;
  height: 41px;
  width: 18px;
}

.categoryFeaturedRecipe{
  width: 100%;
  overflow: auto;
  margin-bottom: 30px;
}

.categoryFeaturedRecipe h2{
  height: 40px;
}

.categoryFeaturedRecipe .recipeRatingContainer{
  float: left;
  width: 105px;
  padding-left: 23px;
  padding-right: 18px;
}

.recipes .recipeDetails .recipeRatingContainer{
  margin: 0 auto 10px auto;
}

.recipeRatingContainer{
  width: 105px;
  
}

p.recipePrepDetail{
  background-image: url('../images/recipe_details_gray_bg.gif');
  background-repeat: no-repeat;
  height: 18px;
  font-size: 1.2em;
  padding-bottom: 3px;
  padding-left: 6px;
}

span.recipeDetail{
  color: #575675;
  font-size: 1.2em;
  font-weight: bold;
}

.categoryFeaturedRecipe p.recipePrepDetail{
  
}



.recipes .recipeList li{
  clear: both;
  padding-bottom: 20px;

  width: 100%;
  height: 185px;
}

.recipes .recipeList li img.recipeImage{
  float: left;
  width: 135px;
  margin-right: 10px;
}


.recipes{
  border-right: solid 1px #eeeeee;
  padding-left: 8px;
  padding-right: 5px;
  display: inline-block;
}

.recipes a{
  color: #201f5b;
}

.recipesFirst{
  padding-left: 0;
}

.recipesLast{
  border-right: none;
  padding-right: 0;
}

.recipes .recipeDetails{
  float: left;
  width: 160px;

}

.recipes .recipeDetails h3{

  height: 25px;
  padding-left: 5px;
}

.skippyFooter{
  text-align: right;
}

.skippyFooter .skippyLogo{
  float: right;
  margin-left: 10px;
  margin-right: 20px;
}

.skippyFooter p{
  font-size: 1.1em;
  line-height: 1.1;
  padding-top: 10px;
  margin: 0;
}

.promoSqueezable{
  padding-left: 5px;
}

span.bold-link{
  color:  #262359;
}

img.alignRight{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


#sitemap ul li{
  font-size: 1.2em;
  padding: 5px 0;
}

#sitemap ul{
  margin-left: 35px;
}

#sitemap ul ul{
  list-style: disc;
}

#sitemap ul ul li{
  font-size: 1em;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */