@charset "UTF-8";
/* CSS Document */

 .strategies #stretch {clear: both; position: relative; top: -140px; width: 100%; min-width: 1024px; background: url(../img/bg_int_flvr.png) repeat-x bottom; text-align: center; margin: 0; padding: 0; border-bottom: 3px solid #d50c26;} /* min-height: 2255px; overflow: hidden; */
 .strategies #wrap {border-left: 3px outset #cfc6b2; border-right: 3px inset #cfc6b2; background-color: #FFFFFF;} /* min-height: 2205px; */
  .strategies #pillars-toggle {position: relative; left: 760px; top: 90px; display: block; color: #00397A; font-family: 'Oswald', sans-serif; font-size: 18px; 
  						  width: 135px; text-align: left; text-decoration: none; padding: 0 0 5px 0; border-bottom: 2px solid #dfa043; z-index: 24;}
  .strategies #pillars-toggle .arrow {width: 25px; height: 25px; background: url(../img/arrow-toggle.png) no-repeat; background-position: 0 -28px;
       					  display: block; float: left; margin: 2px 5px 0 -28px;}
  .strategies #pillars-toggle .arrow.down {background: url(../img/arrow-toggle.png) no-repeat; background-position: 0 0;}
  .strategies #pillars-toggle-inv  {position: relative; height: 70px; width: 170px; left: 730px; top: 33px; display: block; z-index: 30; cursor: pointer; 
    /* border: 1px dotted yellow; */ }
  
  .strategies #wrap #five_pillars { display: none; z-index: 23; position: absolute; margin: 0 auto; top: -50px; width: 960px; height: 550px; 
        background: url(../img/pillars_bg.png); border-bottom: 10px solid #e41d33; text-align: left;
	   -webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.45); -moz-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.45); box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.45);}
									
   .strategies #wrap #five_pillars h3 {margin: 230px 0 10px 25px; color: #e41d33; font-weight: 200; font-family: "Times New Roman", Times, serif; font-size: 32px;}
   .strategies #wrap #five_pillars ul {float: left; width: 350px; margin: 10px 0 0 6px; padding: 0 0 0 auto;}
   .strategies #wrap #five_pillars ul li {list-style-type: none; color: #003979; cursor: pointer; padding-left: 14px; line-height: 2.35em; 
   										font-family: Arial, Arial, Helvetica, sans-serif; font-size: 20px; opacity: 0.33; filter: alpha(opacity=33);}
     .strategies #wrap #five_pillars ul li span {font-family: 'MistralD', sans-serif; font-size: 32px; color: #e41d33; opacity: 0.39; filter: alpha(opacity=39);} 
			 /* color: #6d5821;} */	 
   .strategies #wrap #five_pillars ul li.active {list-style-image: url(../img/list_arrow.png); color: #003979; font-size: 20px; opacity: 1; filter: alpha(opacity=100);}
    .strategies #wrap #five_pillars ul li:hover {color: #003979; font-size: 20px; opacity: 1; filter: alpha(opacity=100);}
     .strategies #wrap #five_pillars ul li.active span, .strategies #wrap #five_pillars ul li:hover span {color: #e41d33; opacity: 1; filter: alpha(opacity=100);}
	 
	 
	 
	 #five_pillars ul li span.trade {font-family: Arial, sans-serif !important; font-size: 13px !important; position: relative; top: -8px; left: 2px}
	 
   .strategies #wrap #five_pillars .five_pillars_content {float: right; margin-right: 100px; width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #003797;}
       #wrap #five_pillars #pillars_performance, 
	   #wrap #five_pillars #pillars_people, 
	   #wrap #five_pillars #pillars_trust, 
	   #wrap #five_pillars #pillars_healthy, 
	   #wrap #five_pillars #pillars_flavors {display: none;}
	
  .strategies #wrap #col1 {float: left; width: 248px; margin: 10px 25px auto auto; text-align: left;}
   .strategies #wrap #col1 p {color: #e41d33; font-size: 38px; text-transform: none; margin: 0.2em 0 0.2em 15px; white-space:nowrap; } 
   .strategies #wrap #col1 p span {font-size: 70px; font-family: 'MistralD', sans-serif; position: relative; top: 3px; line-height: 0.4em;}
   .strategies #wrap #col1 ul {margin: 10px 0 0 6px; padding: 0 0 0 auto;}	
    .strategies #wrap #col1 ul li {list-style-type: none; color: #999999; text-decoration: uppercase; font-size: 24px; font-family: 'Oswald', sans-serif; cursor: pointer;}
    .strategies #wrap #col1 ul li.active, .strategies #wrap #col1 ul li:hover {list-style-image: url(../img/list_arrow.png); color: #003979;}
	
				 /* Styles for Flavor Upper Paragraph */
	.strategies #wrap #col2 b { font-family:"Times New Roman", Times, serif; font-size: 25px; letter-spacing: normal; color: #e41d33; font-weight: normal; margin: 0; line-height: 32px; !important}
	.strategies #wrap #col2 p { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size: 13px; letter-spacing: normal; color: #00397a; }
	.strategies #wrap #col2 p span { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size: 18px; letter-spacing: normal; color: #00397a; }


    .strategies #wrap #col2 {float: left; margin: 82px 0 26px 0; width: 625px; font-size: 18px; color: #00397a; text-align: left; 
  							font-family: "HelveticaNeueW01-55Roma", Times, serif; line-height: 0.85em;}	
							
    .strategies #wrap #col2 p {padding-bottom: 0; margin-bottom: 0;}
	.strategies #wrap #col2 #growth_p, .strategies #wrap #col2 #performance_p {display: none;}
	
    .strategies #wrap #col2 a {display: block; text-align: right; text-decoration: none; color: #dfa043; text-transform: uppercase; font-size: 14px; font-weight: bold; 
							font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0 -8px 0 0; padding: 0; cursor: pointer;}
 	.strategies #wrap #col2 a img {padding: 0 5px; vertical-align: middle;}
	
	 .strategies #wrap #col2 a .arrow {width: 25px; height: 25px; background: url(../img/arrow-toggle.png) no-repeat; background-position: 0 -28px;
       					  display: block; float: right; margin: -5px 0 0 5px; vertical-align: middle;}
  	 .strategies #wrap #col2 a .arrow.down {background: url(../img/arrow-toggle.png) no-repeat; background-position: 0 0;}
  
   
  .strategies #wrap #accordion {clear: both; width: 960px;}
  .strategies #wrap .accordion {width: 960px; margin: 0 auto; list-style: none; padding: 0; clear: both; position: relative; overflow: hidden;}
   
   
   .strategies #wrap .accordion .panel.hovered1 {background: url(../img/acc_slide1_inactive_over.jpg) !important;}
   .strategies #wrap .accordion .panel.hovered2 {background: url(../img/acc_slide2_inactive_over.jpg) !important;}
   .strategies #wrap .accordion .panel.hovered3 {background: url(../img/acc_slide3_inactive_over.jpg) !important;}
  
   .strategies #growth, .strategies #performance {display: none;}
   .strategies .acc_content, .strategies #people, .strategies #growth, .strategies #performance {clear: both; width: 960px; }
   
   .strategies .acc_content .clr  {clear: both; line-height: 100px;}
	 .strategies .acc_content #cola, 
	  .strategies #people #cola,
	  .strategies #growth #cola, 
	  .strategies #performance #cola {width: 438px !important;  float: left; text-align: left;} /* height: 300px; */
	  
	 .strategies .acc_content #colb, 
	  .strategies #people #colb, 
	  .strategies #growth #colb, 
	  .strategies #performance #colb {width: 482px !important; float: right !important; padding: 0; text-align: left !important;}
	  
     .strategies .acc_content #cola h3, 
	  .strategies #people #cola h3,
	  .strategies #growth #cola h3, 
	  .strategies #performance #cola h3  { color: #e41d33; font-family: "Times New Roman", Times, serif; font-size: 38px; font-weight: 100; line-height: 0.75em; letter-spacing: -0.04em; margin-bottom: 0.25em; margin-left: 45px;}
	   .strategies .acc_content #cola h3 span { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size: 26px; letter-spacing: normal; margin:0; }
	   
	  .strategies #people.acc_content #cola p, 
	   .strategies #people #cola p,
	   .strategies #growth #cola p, 
	   .strategies #performance #cola p  { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size: 13px; color: #333333; margin-left: 45px;}
	   .strategies #people.acc_content #cola p span { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size: 18px; color: #00397a; line-height: 1em; text-align:left; }

	   
	  .strategies .acc_content #colb img { display: block; margin: 0; float: right; padding-top: 30px; }
	  .strategies .acc_content #colb p, 
	   .strategies #people #colb p,
	   .strategies #growth #colb p, 
	   .strategies #performance #colb p  { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size:12px; line-height:1.6em; color:#003979; width:380px; margin-top:12px; margin-left: 0px; text-align:left; !important}
	   .strategies #performance #colb h3  { color: #e41d33; font-family: "Times New Roman", Times, serif; font-size: 22px; font-weight: 100; line-height: 0.75em; letter-spacing: -0.04em; margin-bottom: 0.25em; margin-left: 45px; !important}
	   .strategies #performance h3 span  { font-family:"HelveticaNeueW01-55Roma", sans-serif; font-size: 18px; letter-spacing: normal; margin:0; !important}
 
       
	  .strategies #wrap #flavor_footer   { clear: both; width: 960px; height: 216px; background: url(../img/flavor_footer.png) no-repeat; 
	  									color: #FFFFFF; margin: 15px 0 0 0; padding: 0; text-align: left;}
        .strategies #wrap #flavor_footer .then     { float: left; width: 285px; margin: 19px 40px 0 45px; padding: 0;}
		 .strategies #wrap #flavor_footer .then h3 { width: 65px; border-radius: 6px 6px 6px 6px; font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: normal; margin-bottom: 10px; color: white; background-color: #e31c36; padding: 0 10px;}
		 .strategies #wrap #flavor_footer .then p  { margin-top: 0; font-size: 14px;}
	 	.strategies #wrap #flavor_footer .now      { float: left; width: 465px; margin: 43px 0 0 25px;}
		 .strategies #wrap #flavor_footer .now h3  { width: 55px; border-radius: 0 6px 6px 0; font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: normal; color: #e41d33; background-color: #FFFFFF; margin-bottom: 10px; padding: 0 20px;}
		 .strategies #wrap #flavor_footer .now p   { margin-top: 0; padding-left: 25px; font-size: 14px;}
 

	  .strategies #wrap #flavor_footer #now-growth,
	  .strategies #wrap #flavor_footer #now-perf,
	  .strategies #wrap #flavor_footer #then-growth,
	  .strategies #wrap #flavor_footer #then-perf { display: none;}
 
 
 .strategies #footer     { clear: both; position: relative; width: 960px; height: 200px; margin: 0 auto; top: -150px; }