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

body {background:#fff; font-family:Arial, Helvetica, sans-serif; color:#717073; font-size:14px; line-height:21px;}
.clear {clear:both;}
a img {border:0px;}

a {color: #ff9900; }

p {margin-top: 0;}

.wrap {border:1px solid #939598; width:958px; height:728px; overflow:hidden; margin:20px auto; background:url(../images/css/bg.gif) left top no-repeat; position:relative;}
a.logo {margin:0 0 0 30px;}
.primary-nav {float:left; width:200px; padding-top:26px;}
.primary-nav ul.leftnav {margin:0; padding:118px 0 0; list-style:none;}
.primary-nav ul.leftnav li {margin:0; padding:0; list-style:none;}
.primary-nav ul.leftnav li a {display:block; background-position:left top; background-repeat:no-repeat; width:190px; outline:0px; text-indent:-9999px; position:relative; left:-1px}
	.primary-nav ul.leftnav li a:hover, .primary-nav ul.leftnav li a.active {background-position:left bottom}
	.primary-nav ul.leftnav li a.products {background-image:url(../images/css/bg_prim_nav_products.gif); height:62px;}
	.primary-nav ul.leftnav li a.how {background-image:url(../images/css/bg_prim_nav_how.gif); height:60px;}
	.primary-nav ul.leftnav li a.recipes {background-image:url(../images/css/bg_prim_nav_recipes.gif); height:59px;}
	.primary-nav ul.leftnav li a.healthy {background-image:url(../images/css/bg_prim_nav_healthy.gif); height:60px;}
	.primary-nav ul.leftnav li a.my {background-image:url(../images/css/bg_prim_nav_my.gif); height:64px;}	

.primary-nav .circular {padding:42px 0 0 7px; margin:0;}
.primary-nav .circular a {display:block; float:left; width:75px; height:76px; background-position:left top; background-repeat:none; text-indent:-9999px; outline:0px; margin-right:3px;}
	.primary-nav .circular a:hover, .primary-nav .circular a.active {background-position:left bottom}
	.primary-nav .circular a.where {background-image:url(../images/css/bg_circ_btn_where.gif)}
	.primary-nav .circular a.about {background-image:url(../images/css/bg_circ_btn_about.gif)}

.content {float:left; width:758px; position:relative;}
.secondary-nav {background-color:#ffcd32; float:right; padding:8px 6px 5px;}
.secondary-nav a {display:block; float:left; height:35px; text-indent:-9999px; outline:none; background-position:left top; background-repeat:none}
.secondary-nav span {display:block; float:left; width:8px; height:35px; background-image:url(../images/css/bg_sec_nav_div.gif)}
	.secondary-nav a:hover, .secondary-nav a.active {background-position:left bottom}
    
    .secondary-nav a.where {width:76px; background-image:url(../images/css/bg_sec_nav_wheretobuy.gif)}
    .secondary-nav a.about {width:62px; background-image:url(../images/css/bg_sec_nav_aboutus.gif)}
    
	.secondary-nav a.media {width:76px; background-image:url(../images/css/bg_sec_nav_media.gif)}
	.secondary-nav a.food {width:72px; background-image:url(../images/css/bg_sec_nav_food.gif)}
	.secondary-nav a.contact {width:64px; background-image:url(../images/css/bg_sec_nav_contact.gif)}
	.secondary-nav a.privacy {width:47px; background-image:url(../images/css/bg_sec_nav_privacy.gif)}
	.secondary-nav a.usa {width:69px; background-image:url(../images/css/bg_sec_nav_usa.gif)}
	.secondary-nav a.vihl {width:34px; background-image:url(../images/css/bg_sec_nav_vihl.gif)}
	.secondary-nav a.sitemap {width:53px; background-image:url(../images/css/bg_sec_nav_sitemap.gif)}
	.secondary-nav a.twitter {width:30px; margin:0px 3px 0px 6px; background-image:url(../images/css/bg_twitter.gif)}
	.secondary-nav a.facebook {width:30px; margin:0px 3px;  background-image:url(../images/css/bg_facebook.gif)}
    .secondary-nav a.youtube {width:75px; margin:0px 3px;  background-image:url(../images/css/bg_youtube.gif)}
    
    .bottom-nav {padding: 90px 0 0 0;}
    .bottom-nav a {display:block; float:left; height:35px; text-indent:-9999px; outline:none; background-position:left top; background-repeat:none}
    .bottom-nav a:hover, .bottom-nav a.active {background-position:left bottom}
    .bottom-nav a.privacy {width:70px; background-image:url(/images/css/bg_bottom_nav_privacy.gif)}
    .bottom-nav a.vihl {width:45px; background-image:url(/images/css/bg_bottom_nav_vihl.gif)}
    .bottom-nav a.sitemap {width:55px; background-image:url(/images/css/bg_bottom_nav_sitemap.gif)}
    .bottom-nav span {display:block; float:left; width:8px; height:35px; background-image:url(/images/css/bg_bottom_nav_div.gif)}
	
    
/* ShareThis CSS */
.sharethis {position:absolute; /*left:210px;*/ right:0; bottom:5px; padding:16px 10px 0 0; width:85px;}
.stico_default {float:right; line-height:12px; text-decoration:none;}
.stbuttontext {font-size:12px;}
#stwrapper, #stframe {position:absolute; z-index:100;}
/* END ShareThis CSS */

.content .flash {clear:both; padding:40px 0 0 0;}


a.spring09 {background:url(../images/css/bg_spring09.gif) left top no-repeat; display:block; height:60px; width:192px; text-indent:-9999px; outline:0px; position:absolute; top:65px; left:344px; z-index:10} a.spring09:hover {background-position:left bottom;}

a.summer09 {background:url(../images/css/bg_summer09.gif) left top no-repeat; display:block; height:60px; width:192px; text-indent:-9999px; outline:0px; position:absolute; top:65px; left:545px; z-index:10} a.summer09:hover {background-position:left bottom}

/* styles for the content areas activated via javascript */
#buy .click-content-wrap {position:relative; width:100%}
#buy .click-content {avisibility:hidden; position:absolute; width:100%}
#buy .click-content-on {visibility:visible;}

#my_nasoya .click-content-wrap {position:relative; width:100%}
#my_nasoya .click-content {visibility:hidden; position:absolute; width:100%}
#my_nasoya .click-content-on {visibility:visible;}


/* end of activated area styling */

.jScrollPaneContainer {margin-top: 40px;}
.content .txt-image {float:left; position:relative; margin-top: 38px;}
	.content .txt-image .arrow {position:absolute; top:35px; left:-5px; height:57px; width:23px; background:url(../images/css/bg_arrow_curve.gif) left top no-repeat;}
h1 {color:#717073; font-size:21px; font-weight:normal; line-height:30px;} 
h2 {color:#FF9900; font-size: 18px; font-weight:normal; margin-bottom: 0;}
h3 {color:#FF9900; font-size: 15px; font-weight:bold; margin-bottom: 0;}
.content ul { margin:0 0 0 15px; padding:0;}
/* scroll bar styling */
.scroll-right {margin-top:50px; margin-bottom:20px;}
	.content .scroll-right .jScrollPaneTrack, .content .scroll-right a.jScrollArrowDown, .content .scroll-right a.jScrollArrowUp {right:0px; left:auto;}
.content .jScrollPaneTrack {background:url(../images/css/bg_scroll_line.gif) top left repeat-y; left:0px;}
.content a.jScrollArrowDown, .content a.jScrollArrowUp {display:block; height:20px; left:0px;}
	.content a.jScrollArrowDown {background:url(../images/css/bg_arrow_dwn.gif) left top no-repeat;}
	.content a.jScrollArrowUp {background:url(../images/css/bg_arrow_up.gif) left top no-repeat;}
.content .jScrollPaneDrag {background:url(../images/css/bg_scroll_drag.gif) left top no-repeat;}	
.content .scroll-pane {color:#717073; font-size:14px; line-height:21px; height:350px; width:385px; padding:5px 10px 5px 10px;}
/* END scroll bar styling */

ul.features {color:#f58026;}
ul.features li {float:left; font-size:15px; color:#f58026; width:50%; font-weight:bold} 
.txt-image ul.features li {font-size:12px; float:left; width:49%; }
.content .scroll-pane .image {padding:10px 0; clear:both;}

.horiz-div {clear:both; width:596px; height:12px; padding:10px 35px; margin:0; background:url(../images/css/bg_horiz_div.gif) 10px 10px no-repeat;}

ul.page-links {margin:0; padding:0 0 0 10px; list-style:none; }
ul.page-links li {list-style:none; float:left; width:222px; height:42px; padding:0 85px 0 0; margin:0;}
	ul.page-links li#join-us {background:url(../images/css/bg_links_join.gif) 10px 7px no-repeat; padding-left:120px; width:182px; }
	ul.page-links li#join-us a {display:block; height:35px; width:35px; text-indent:-9999px; outline:0px; float:left; position:relative; top:-4px; margin-right:5px;}
	ul.page-links li#join-us a.facebook {background-image:url(../images/icon_facebook.gif);}
	ul.page-links li#join-us a.twitter {background-image:url(../images/icon_twitter.gif);}
    ul.page-links li#join-us a.youtube {background-image:url(../images/icon_youtube.gif); width: 90px;}
	
ul.page-links li a {display:block; background-position:left top; background-repeat:no-repeat; height:42px; width:222px; text-indent:-9999px; outline:0px;}
	ul.page-links li a:hover, ul.page-links li a.active {background-position:left bottom}
	ul.page-links li a.message {background-image:url(../images/css/bg_links_message.gif)}
	ul.page-links li a.our-fans {background-image:url(../images/css/bg_links_our-fans.gif)}
	ul.page-links li a.inspire {background-image:url(../images/css/bg_links_inspire.gif)}
	ul.page-links li a.soy {background-image:url(../images/css/bg_links_soy.gif)}
	ul.page-links li a.events {background-image:url(../images/css/bg_links_events.gif)}
	ul.page-links li a.email {background-image:url(../images/css/bg_links_email.gif)}
	ul.page-links li a.tofu-eggs-dairy {background-image:url(../images/css/bg_links_tofu-eggs-diary.gif)}
	ul.page-links li a.tofu-meat {background-image:url(../images/css/bg_links_tofu-meat.gif)}
    ul.page-links li a.newsletters {background-image:url(../images/css/bg_links_newsletters.gif)}
	ul.page-links li a.protein-power {background-image:url(../images/css/bg_links_protein-power.gif)}
	ul.page-links li a.why-soy {background-image:url(../images/css/bg_links_why-soy.gif)}
	ul.page-links li a.dietician {background-image:url(../images/css/bg_links_dietician.gif)}
	ul.page-links li a.faqs {background-image:url(../images/css/bg_links_faqs.gif)}
	ul.page-links li a.health-email {background-image:url(../images/css/bg_links_health-email.gif)}	
	ul.page-links li a.benefits {background-image:url(../images/css/bg_links_benefits.gif)}			
	ul.page-links li a.benefits-wraps {background-image:url(../images/css/bg_links_benefits-wraps.gif)}
	ul.page-links li a.veggie {background-image:url(../images/css/bg_links_veggie.gif)}				
	ul.page-links li a.find-recipe {background-image:url(../images/css/bg_links_find-recipe.gif)}	
	ul.page-links li a.how-to {background-image:url(../images/css/bg_links_how-to.gif)}			
	ul.page-links li a.video-clips {background-image:url(../images/css/bg_links_video-clips.gif)}
ul.page-links li a.recipe-contest-winners {width: 300px !important; background-image:url(../images/css/bg_links_recipe_contest_winners.gif)}
ul.page-links li.recipe-contest-winners {width: 300px !important;}
	ul.page-links li a.downloadable {background-image:url(../images/css/bg_links_downloadable.gif)}
	ul.page-links li a.blogger-recipe {background-image:url(../images/css/bg_links_blogger-recipe.gif)}
	ul.page-links li a.submit-recipe {background-image:url(../images/css/bg_links_submit-recipe.gif)}
	ul.page-links li a.what-tofu {background-image:url(../images/css/bg_links_what-tofu.gif)}
	ul.page-links li a.silken {background-image:url(../images/css/bg_links_silken.gif)}
	ul.page-links li a.do-with-tofu {background-image:url(../images/css/bg_links_do-with-tofu.gif)}
	ul.page-links li a.noodling {background-image:url(../images/css/bg_links_noodling.gif)}
	ul.page-links li a.wrap-roll {background-image:url(../images/css/bg_links_wrap-roll.gif)}
	ul.page-links li a.nayonaise {background-image:url(../images/css/bg_links_nayonaise.gif)}				
	ul.page-links li a.product-showcase {background-image:url(../images/css/bg_links_product-showcase.gif)}
	ul.page-links li a.press-kit {background-image:url(../images/css/bg_links_press-kit.gif)}
	ul.page-links li a.recent-releases {background-image:url(../images/css/bg_links_recent-releases.gif)}
	ul.page-links li a.archived-releases {background-image:url(../images/css/bg_links_archived-releases.gif)}
	ul.page-links li a.contact-pr {background-image:url(../images/css/bg_links_contact-pr.gif)}
	ul.page-links li a.story {background-image:url(../images/css/bg_links_story.gif)}
	ul.page-links li a.environmental {background-image:url(../images/css/bg_links_environmental.gif)}
	ul.page-links li a.vitasoy {background-image:url(../images/css/bg_links_vitasoy.gif)}
	ul.page-links li a.vihl {background-image:url(../images/css/bg_links_vihl.gif)}
	ul.page-links li a.careers {background-image:url(../images/css/bg_links_careers.gif)}
	ul.page-links li a.press-releases {background-image:url(../images/css/bg_links_press-releases.gif)}
	ul.page-links li a.in-the-news {background-image:url(../images/css/bg_links_in-the-news.gif)}
	ul.page-links li a.media-kit {background-image:url(../images/css/bg_links_media-kit.gif)}
	ul.page-links li a.media-inquiries {background-image:url(../images/css/bg_links_media-inquiries.gif)}
	ul.page-links li a.ne {background-image:url(../images/css/bg_links_ne.gif)}
	ul.page-links li a.nw {background-image:url(../images/css/bg_links_nw.gif)}
	ul.page-links li a.se {background-image:url(../images/css/bg_links_se.gif)}
	ul.page-links li a.sw {background-image:url(../images/css/bg_links_sw.gif)}
	ul.page-links li a.ma {background-image:url(../images/css/bg_links_ma.gif)}
	ul.page-links li a.tofu-extra-firm {background-image:url(../images/css/bg_links_tofu-extra-firm.gif)}
	ul.page-links li a.tofu-firm {background-image:url(../images/css/bg_links_tofu-firm.gif)}
	ul.page-links li a.tofu-cubed {background-image:url(../images/css/bg_links_tofu-cubed.gif)}
	ul.page-links li a.tofu-soft {background-image:url(../images/css/bg_links_tofu-soft.gif)}
	ul.page-links li a.tofu-silken {background-image:url(../images/css/bg_links_tofu-silken.gif)}
	ul.page-links li a.tofu-lite-firm {background-image:url(../images/css/bg_links_tofu-lite-firm.gif)}
	ul.page-links li a.tofu-lite-silken {background-image:url(../images/css/bg_links_tofu-lite-silken.gif)}
	ul.page-links li a.back-to-products {background-image:url(../images/css/bg_links_back-to-products.gif)}
	ul.page-links li a.egg-rolls {background-image:url(../images/css/bg_links_egg-rolls.gif)}
	ul.page-links li a.dijon-style {background-image:url(../images/css/bg_links_dijon-style.gif)}
	ul.page-links li a.nayonaise-original {background-image:url(../images/css/bg_links_nayonaise-original.gif)}
	ul.page-links li a.nayonaise-fat-free {width: 300px !important; background-image:url(../images/css/bg_links_nayonaise-fat-free.gif)}
	ul.page-links li.nayonaise-fat-free {width: 300px !important;}
    ul.page-links li a.nayonaise-dijon {background-image:url(../images/css/bg_links_nayonaise-dijon.gif)}
	ul.page-links li a.silken-vanilla {background-image:url(../images/css/bg_links_silken-vanilla.gif)}
	ul.page-links li a.silken-strawberry {background-image:url(../images/css/bg_links_silken-strawberry.gif)}
	ul.page-links li a.silken-chocolate {width: 300px !important; background-image:url(../images/css/bg_links_silken-chocolate.gif)}
    ul.page-links li.silken-chocolate {width: 300px !important;}
	ul.page-links li a.noodles-chinese {width: 300px !important; background-image:url(../images/css/bg_links_noodles-chinese.gif)}
    ul.page-links li.noodles-chinese {width: 300px !important;}
	ul.page-links li a.noodles-japanese {width: 300px !important; background-image:url(../images/css/bg_links_noodles-japanese.gif)}
    ul.page-links li.noodles-japanese {width: 300px !important;}
	ul.page-links li a.wraps-won-ton {width: 300px !important; background-image:url(../images/css/bg_links_wraps-won-ton.gif)}
    ul.page-links li.wraps-won-ton {width: 300px !important;}
	ul.page-links li a.wraps-round {background-image:url(../images/css/bg_links_wraps-round.gif)}

.click-content {
/* not sure why but that additional border fixes layout in ff, wk */
border: 1px solid transparent;
_border: 0;
}

/* Page-specific changes */

#my_nasoya .click-content-wrap {height:471px;}	
#my_nasoya .click-content {top:80px; height:391px;}

#buy .click-content-wrap {height:400px;}	
#buy .click-content {top:0px; height:350px;}
#buy .click-content-off {visibility: hidden;}
#buy .txt-image {margin-top:40px; width:300px; padding-right:20px}
#buy .scroll-pane {width:290px; height:320px;}
#buy ul.page-links li {width:290px; padding-right:20px; padding-bottom:0px;}
#buy ul.page-links li a {width:290px;}

#healthy_living ul.page-links li {width:290px; padding-right:12px;}
#healthy_living ul.page-links li a {width:290px;}
#healthy_living .click-content-wrap {height:400px;}	
#healthy_living .click-content {top:50px; height:350px;}
#healthy_living .content .scroll-pane {height:320px;}

#recipes .click-content-wrap {height:426px;}
#recipes .click-content {top:50px; height:356px;}
#recipes ul.page-links li {width:290px; padding-right:12px; padding-bottom:5px;}
#recipes ul.page-links li a {width:290px;}
#recipes p.listing {padding-left:20px; font-size:18px; margin-bottom:6px;}
#recipes p.listing a {float:right; display:block; height:22px; padding-left:40px; background:url(../images/css/bg_play.gif) 11px 0px no-repeat; width:85px; font-size:14px; color:#717073; text-decoration:none; font-weight:bold;}

/* move down */
#how-to .click-content-wrap {height:450px}
#how-to .click-content {top:50px; height:380px;}
#how-to .jScrollPaneContainer {
margin-top: 70px;
}
#how-to #scroll-here-indicator {
    top: 70px;
}


/* move image to the right and scroll area to the left  */
#how-to .content .jScrollPaneTrack,
#healthy_living .content .jScrollPaneTrack,
#recipes .content .jScrollPaneTrack,
#media_center .content .jScrollPaneTrack,
#mynasoya .content .jScrollPaneTrack
{
    left: 385px;
}
#how-to .content a.jScrollArrowDown,
#how-to .content a.jScrollArrowUp,
#healthy_living .content a.jScrollArrowDown,
#healthy_living .content a.jScrollArrowUp,
#recipes .content a.jScrollArrowDown,
#recipes .content a.jScrollArrowUp,
#media_center .content a.jScrollArrowDown,
#media_center .content a.jScrollArrowUp,
#mynasoya .content a.jScrollArrowDown,
#mynasoya .content a.jScrollArrowUp
{
    left: 385px;
}
#how-to .txt-image,
#healthy_living .txt-image,
#recipes .txt-image,
#media_center .txt-image,
#mynasoya .txt-image
{
    float: right;
    margin-right: 30px;
    margin-top: 50px;
}






#how-to .click-content p.step {line-height:26px;}
#how-to .click-content p.step span {display:block; float:left; height:26px; width:26px; text-align:center; line-height:26px; color:#fff; background:url(../images/css/bg_num.gif) left top no-repeat; padding-right:5px; position:relative; top:-3px;}
#how-to .horiz-div {padding-top:0; background-position:10px 0px;}
#how-to ul.page-links li {width:290px; padding-right:0; padding-bottom:4px;}
#how-to ul.page-links li a {width:290px;}

#products .click-content {
    border: 0;
}

#products .grid {margin-top:20px; width:630px; height:585px; background:url(../images/css/bg_grid.gif) left top no-repeat; }
#products .grid td {width:203px; height:195px; text-align:center; vertical-align:middle;}
	#products .grid td.mid {width:224px;}
	#products .grid td.left {text-align:left;}


#product-details .click-content-wrap {height:460px}
#product-details .click-content {top:40px; height:420px;}
#product-details .txt-image {width:310px; text-align:center}
#product-details .content .scroll-pane {width:400px; padding-left:15px; padding-top:50px; height:360px;}
#product-details .horiz-div {padding-top:0; background-position:10px 0px;}
#product-details ul.page-links {width:600px;}
#product-details ul.page-links li {width:180px; padding-right:0; padding-bottom:0px;}
#product-details ul.page-links li a {width:180px;}
#product-details div.features { margin-top: 10px; font-size:12px; color:#f58026; line-height: normal; }
#product-details .ingredients {color:#f58026; font-size:12px; line-height:14px; padding:0; margin:0 0 11px;}
#product-details div.recipe {padding-top:30px; position:relative;}
#product-details div.recipe span {position:absolute; width:109px; height:47px; text-indent:-9999px; top:-7px; left:-14px; background:url(../images/css/bg_thumb_recipe-links.gif) left top no-repeat;}
#product-details td.recipe_img {width:103px; height:75px; height:67px; width:95px; padding:4px; background:url(../images/css/bg_thumb.gif) left top no-repeat; }

#product-details td.recipe_txt {width:46px; padding:0 7px; line-height:12px} 
	#product-details td.recipe_txt a {color:#bf2e1a; text-decoration:none; font-size:11px; line-height:12px;}

/* move things up to avoid showing scrollbars */
#product-details .scroll-pane {
    padding-top: 30px !important;
    height: 440px !important;
}
#product-details .click-content {
    height: 480px !important;
}
#product-details .click-content-wrap {
    height: 500px !important;
}

#media_center ul.page-links li, #food_service ul.page-links li {width:290px; padding-right:20px; padding-bottom:0px;}
#media_center ul.page-links li a, #food_service ul.page-links li a {width:290px;}
#media_center p.pr {font-size:11px; line-height:18px; padding:0 0 8px; border-bottom:1px dashed #ccc; margin:0 0 8px;}
	#media_center p.pr a {color:#717073; text-decoration:none; font-weight:bold; font-size:12px;}
	#media_center p.pr a:hover {text-decoration:underline;}
	#media_center p.pr span {display:block; line-height:12px;}

#cookie .wrap {height:719px; background-image:url(../images/css/bg_cookie.gif)}
#cookie a.logo {margin-left:35px;}
#cookie .primary-nav {width:170px; padding-top:47px;}
#cookie .primary-nav ul {padding:104px 0 0;}
#cookie .primary-nav li a {width:170px; left:0px; height:45px; margin-bottom:8px}
	#cookie .primary-nav li a.contest {background-image:url(../images/css/bg_prim_nav_contest.gif);}
	#cookie .primary-nav li a.contest-products {background-image:url(../images/css/bg_prim_nav_contest-products.gif);}
	#cookie .primary-nav li a.contest-recipes {background-image:url(../images/css/bg_prim_nav_contest-recipes.gif);}
#cookie .primary-nav .circular {padding:5px 0 0 20px; margin:0;}
#cookie .primary-nav .circular a {width:150px; height:69px; margin-right:0px;}
	#cookie .primary-nav .circular a.twitter {background-image:url(../images/css/bg_circ_btn_twit.gif)}
	#cookie .primary-nav .circular a.facebook {background-image:url(../images/css/bg_circ_btn_face.gif)}
		
#cookie .secondary-nav {padding:3px 17px 10px;}
#cookie .secondary-nav a {height:22px; background-position:0px 4px;}
#cookie .secondary-nav span {height:22px;}
	#cookie .secondary-nav a.cookie-contact {width:68px; background-image:url(../images/css/bg_sec_nav_cookie-contact.gif)}
	#cookie .secondary-nav a.cookie-privacy {width:46px; background-image:url(../images/css/bg_sec_nav_cookie-privacy.gif)}
	#cookie .secondary-nav a.cookie-nasoya {width:76px; background-image:url(../images/css/bg_sec_nav_cookie-nasoya.gif)}
#cookie .content {width:788px;}	
#cookie .content a {font-size:11px; color:#666;}				
#cookie .fortune {margin:10px 0 0 2px; width:546px; height:213px; padding:382px 54px 0 54px; background:url(../images/css/bg_fortune.gif) left top no-repeat; position:relative;}
	#cookie .fortune .errors {left:20px; bottom:15px; position:absolute; width:200px; height:40px;}
	#cookie .fortune p {margin:0; padding:0; font-size:11px;}
	#cookie .fortune h1, #cookie .fortune h2, #cookie .fortune a {font-style:italic; color:#bf202e; padding:10px 0 0; margin:0; text-align:center; display:block}
	#cookie .fortune form {padding:0; margin:0; width:405px;}
	#cookie .fortune form label {display:block; float:left; width:207px; height:62px; text-indent:-9999px; outline:0px;}
		#cookie .fortune form label.email-label {background:url(../images/css/bg_cookie_btn_email.gif) left top no-repeat;}
		#cookie .fortune form label.code-label {background:url(../images/css/bg_cookie_btn_code.gif) left top no-repeat;}
		#cookie .fortune form label.joinemailclub-label {text-indent:0px; float:none; display:inline; font-size:11px; line-height:11px; width:auto;}
	#cookie .fortune form input {display:block; float:left; padding:3px; height:20px; line-height:20px; color:#bf202e; font-weight:bold; border:0px; margin:9px 0 0 5px;}
		#cookie .fortune form input#email {width:180px;}
		#cookie .fortune form input#code {width:70px;}
		#cookie .fortune form input#joinemailclub {margin-left:210px; float:none; display:inline; line-height:11px; height:auto; padding:0;}
		#cookie .fortune form input#submit {margin-left:210px; float:none; padding:5px 8px; background-color:#fff; cursor:pointer; height:auto;}
        
        
/* for topup player popup */

div.te_content {
    overflow: hidden;
}


/* recipes pages */

.recipe-search-form {
    margin: 40px 0 0 30px;
}
.recipe-search-form label {
    display: block;
    font-weight: bold;
    color: #ff9900;
}
.recipe-search-form select {
    margin-bottom: 1em;
}
.recipe-search-form input {
    margin-bottom: 1em;
}
.recipe-search-form input.submit {
    font-size: 14px;
    font-weight: bold;
    color: #808080;
}

a.back-to-recipes {
    float: right;
    background-image:url(/images/css/bg_links_backtorecipes.gif);
    display:block;
    background-position:left top;
    background-repeat:no-repeat;
    height:42px;
    width:222px;
    text-indent:-9999px;
    outline:0px;
}
a.back-to-recipes:hover {
    background-position:left bottom;
}
.recipe-results-search-form {
    margin: 20px 0 0 0;
}
.recipe-results-search-form .component {
    float: left;
    min-width: 50px;
    _width: 50px;
}

.recipe-results-search-form .last {
    margin-top: 16px;
    _margin-top: 20px;
}

.recipe-results-search-form label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    height: 18px;
    margin-right: 5px;
    color: #ff9900;
}
.recipe-results-search-form select {
    margin-bottom: 1em;
    font-size: 11px;
    margin-right: 5px;
}
.recipe-results-search-form input {
    margin-bottom: 1em;
    font-size: 11px;
    margin-right: 5px;
}
.recipe-results-row {
    height: 100px;
    background: url(/images/css/bg_horiz_div2.gif) left bottom no-repeat;
    
}
.recipe-results-row td {
    /*border-bottom: 1px solid #d0d0d0;*/
    
}
.recipe-results-thumbnail {
    text-align: center;
    color: #c0c0c0;
}
.recipe-results-name {
    padding-left: 20px;
    font-size: 20px;
}
.recipe-results-name a {
    color: #FF9900;
}
.recipe-details label {
    font-weight: bold;
    color: #BF311A;
}
.recipe-details .recipe-image {
    float: left;
    margin: 0 10px 10px 0;
    max-width: 270px;
    _width: 270px;
}

.recipe-details .nutrition_table {
    margin-top: 10px;
}

.recipe-details .nutrition_table td {
    padding: 2px 20px 2px 20px;
}

.recipe-details .nutrition_table tr.bgcolor {
    background-color: #FFF9AE;
}

.print-recipe-link {
    float: left;
    display: block;
    background: url(/images/icon_print.gif) no-repeat 0 2px;
    padding-left: 20px;
}

.soybits-link {
    position: absolute;
    bottom: -15px;
    right: -5px;
}

.library-image {
    float: left;
    margin: 10px 20px 0 0;
    border: 1px solid #c0c0c0;
    padding: 6px;
}
.library-image-download {
    display: block;
    margin: 10px 0 0 0;
    padding: 5px 20px;
    float: left;
    border: 1px solid #808080;
}
.library-image-download:hover {
    background-color: #FFCD32;
    color: #000000;

}

/* share this */
.stbutton {
    background-color: #61AC3E !important;
    padding: 0 5px 0 22px !important;
    color: #000000 !important;
}

.contact-form td {
    font-size: 11px;
}

.inspire-us-form td {
    font-size: 12px;
}

/* move video close button */
.te_dashboard .te_close_link {
    top: -10px;
    right: -16px;
}

.eclub-image-icon {
    display: block;
    position: absolute;
    z-index: 10;
    top: 45px;
    right: 0;
    width: 120px;
    height: 50px;
    margin: 10px 10px 0 0;
    
}

#scroll-here-indicator {
     display: none;
     position: absolute;
     left: 385px;
     top: 50px;
}

#food_service #scroll-here-indicator {
    left: 580px;
    top: 90px;
}
/*
#media_center  #scroll-here-indicator {
    left: 560px;
}
*/
.scroll-pane ul {
    margin-bottom: 15px;
}

.search-box {
    position: absolute;
    left: 450px;
}
.search-box .txt {
    width: 100px;
    font-size: 10px;
    border: 1px solid #808080;
}
.search-box .submit {
    border: 1px solid #808080;
    font-size: 10px;
    background-color: transparent;
}
.search-box .title {
    font-size: 11px;
    font-weight: bold;
    color: #ff9900;
}

.prod-howto-link {
    float: right;
    margin: -30px 30px 0 0;
}

.search-result-title {
    font-weight: bold;
}

/* prevent showing all content while page is loading before the jscrollpane gets activated */
.scroll-pane {
    overflow: auto;
}


/* more vertical room needed */
#media_center .click-content-wrap {
    height:500px;
}
#media_center .content .scroll-pane {
    height: 450px;
}

body#soy-bits-popup {
    background: #fff url(/images/css/bg-popup.gif) left top no-repeat;
    padding: 90px 10px 0 40px;
}

/* need different size links on about pages */
li.story, li.vitasoy {
    width: 200px !important;
}
a.story, a.vitasoy {
    width: 200px !important;
}
li.environmental {
    width: 380px !important;
}
a.environmental {
    width: 380px !important;
}

/* fix for jscrollpane height problem, without it the content on videos pages cannot scroll all the way down */
.scroll-pane table {
height: 90px;
}
.scroll-pane .recipe table {
height: auto;
}

/* twitter feed */

ul#twitter_update_list {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

ul#twitter_update_list li {
    margin: 0 0 15px 0;
}


.bottom-boxes {
   bottom: 0; position: absolute; line-height: normal; margin-bottom: 10px; text-align: center;
}
.bottom-boxes p {
    margin: 0;
}
.bottom-boxes img {
    margin: 0 20px;
}
.outside-footer a {
    color: #808080;
}
.wrap {
    margin-bottom: 10px;
    height: 848px;                                                                                                                           
}                                                                                                                                            
.soybits-link {
    bottom: 115px;
}