/* standard */
body, html, form { margin: 0; padding: 0; height: 100%; }
boby, html, form, input, select { font-family: Arial; font-size: 11px;color:#515766 }
a img { border: 0 }
a { outline: none; text-decoration: none; color: #2f333e }
.overflow { overflow: hidden; _display: inline-block }
.inline-block { display: -moz-inline-stack; display: inline-block }
.divider { background: transparent url(/assets/images/misc/divider.png) no-repeat scroll top center; height: 26px; margin-top: 6px; position: absolute; width: 722px; top: 0; left: 75px; }
.divider_short { background: transparent url(/assets/images/misc/divider_short.png) no-repeat scroll top center; height: 26px; width: 440px; }
.content_divider { background: transparent url(/assets/images/misc/content_divider.gif) no-repeat scroll left top; height: 6px; margin: 10px 0 }
.content_divider2 { background: transparent url(/assets/images/misc/content_divider2.gif) no-repeat scroll center center; height: 20px; margin: 10px 0 }
.white { color: White }
.gold { color: #ffcc66 }
sup { font-size: 5px }
.uncle_bens { text-transform: uppercase }
.answer .checkbox input { width: auto }
.center_align { display: table; #position: relative; overflow: hidden; }
.center_align_mid { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.center_align_content { #position: relative; #top: -50% }
.magnifier { background: transparent url(/assets/images/misc/magnifier.gif) no-repeat scroll center; display: block; width: 28px ; height: 26px; position: absolute; right: 0; bottom: 0; _right:10px; top: 98px; color: #d9d9d9; }
/* wrapper */
#wrapper { background: transparent url(/assets/images/bgs/tile.jpg) repeat scroll top center; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -110px }
#wrapper_top { background: transparent url(/assets/images/bgs/bg_top.jpg) no-repeat scroll top center }
#header { width: 850px; margin: 0 auto; }
#content { width: 1020px; margin: 0 auto; background-image: url(/assets/images/bgs/bg_middle.jpg); background-repeat: repeat-y; background-position: top center }
#content_bottom,
#content_bottom_home { width: 1020px; background-repeat: no-repeat; background-position: bottom center }
#content_bottom { background-image: url(/assets/images/bgs/ingredient.jpg) }
#content_bottom_home { background-image: url(/assets/images/home/ingredient.jpg) }
#content_bottom_home #content_top,
#content_bottom #content_top { width: 928px; padding-top: 24px; background: transparent url(/assets/images/bgs/content_top_spacing.jpg) no-repeat scroll left top; padding-left: 90px }
#content_bottom_home #content_top { min-height: 475px; height: auto !important; height: 475px; }
#content_bottom #content_top { min-height: 492px; height: auto !important; height: 492px; padding-bottom: 150px }
/* navigation */
#top_nav div { float: right }
#top_nav { padding-right: 30px }
#logo_shadow { height: 10px; background: transparent url(/assets/images/misc/logo_shadow.jpg) no-repeat scroll top left; font-size: 5px }
#main_nav { margin-top: 25px }
#main_nav_rhs, #logo { float: left }
#main_nav_rhs ul { padding: 0; margin: 0; }
#main_nav_rhs li { list-style: none; float: left; overflow: auto; display: -moz-inline-stack; display: inline-block; }
#main_nav_rhs li a { display: block; background-repeat: no-repeat; background-position: top right; height: 41px }
#main_nav_rhs li a:hover,
#main_nav_rhs li a.current { background-position: top left }
#nav_story a { width: 108px; background-image: url( /assets/images/nav/nav_story.jpg ) }
#nav_recipes a { width: 83px; background-image: url( /assets/images/nav/nav_recipes.jpg ) }
#nav_promotions a { width: 124px; background-image: url( /assets/images/nav/nav_promotions.jpg ) }
#nav_products a { width: 92px; background-image: url( /assets/images/nav/nav_products.jpg ) }
#nav_health a { width: 87px; background-image: url( /assets/images/nav/nav_health.jpg ) }
#nav_contact a { width: 92px; background-image: url( /assets/images/nav/nav_contact.jpg ) }
/* footer */
#footer_bg { padding-top: 14px; width: 1020px; margin: 0 auto; background: transparent url(/assets/images/bgs/bg_footer.jpg) no-repeat scroll top center; text-align: center; height: 70px }
#footer, #push { height: 110px; }
#footer, #footer a { color: #dec995 }
#footer a { text-decoration: underline }
#footer { background: transparent url(/assets/images/bgs/footer_tile.jpg) repeat-x scroll center 26px }
#footer_shadow { height: 26px; background: transparent url(/assets/images/bgs/bg_bottom.jpg) repeat-x scroll top center }
/* homepage panels */
.home_panel { float: left; position: relative; height: 140px; padding-top: 26px; margin-top: 2px }
.home_panel_bg { background: transparent url(/assets/images/home/home_panel.png) scroll no-repeat top center; margin-right:15px; padding: 13px 0 0 13px; height: 108px; width: 218px; }
.home_panel_right { float: right; padding-right: 8px; }
.home_panel_image { position: absolute }
.home_panel_button { position: absolute; top: 134px; }
.home_panel .left { left: 22px }
.home_panel .middle { left: 85px }
.home_panel .right { right: 35px }
.home_panel_new { position: absolute; top: 9px; left: -17px; background: transparent url(/assets/images/home/new.png) no-repeat scroll top left; width: 63px; height: 39px }
.home_panel_win { position: absolute; top: 25px; left: -2px; background: transparent url(/assets/images/home/win.png) no-repeat scroll top left; width: 55px; height: 54px }
/* columns */
.col_left,.col_middle,.col_right { float: left }
.col_left { width: 211px }
.col_right { width: 717px; }
/* headers */
.header_bar_left { padding-left: 20px; height: 37px; background-color: #dee1e9 }
.header_bar { height: 37px; }
/* misc */
.col_left_image { margin-top: 30px; padding-left: 18px; text-align: center }
/* rounded corners frame */
.rounded_frame_top div,
.rounded_frame_middle .ll,
.rounded_frame_middle .rr,
.rounded_frame_content,
.rounded_frame_bottom div { float: left }
.rounded_frame .tl { background: transparent url(/assets/images/misc/tl.png) no-repeat scroll left top; height: 10px; width: 10px}
.rounded_frame .ll { background: transparent url(/assets/images/misc/ll.png) repeat-y scroll left top; width: 10px}
.rounded_frame .rr { background: transparent url(/assets/images/misc/rr.png) repeat-y scroll right top; width: 10px}
.rounded_frame .bb { background: transparent url(/assets/images/misc/bb.png) repeat-x scroll bottom center; height: 10px; }
.rounded_frame_middle .ll,
.rounded_frame_middle .rr,
.rounded_frame_middle
.rounded_frame_content { padding-bottom: 32767px; margin-bottom: -32767px; line-height: 15px }
.rounded_frame_content a { text-decoration: none; font-weight: bold; color: #2f333e }
.rounded_frame .tt { background: transparent url(/assets/images/misc/tt.png) repeat-x scroll left top; height: 10px;}
.rounded_frame .tr { background: transparent url(/assets/images/misc/tr.png) no-repeat scroll right top; width: 10px; height: 10px}
.rounded_frame .bl { background: transparent url(/assets/images/misc/bl.png) no-repeat scroll left bottom; width: 10px; height: 10px}
.rounded_frame .br { background: transparent url(/assets/images/misc/br.png) no-repeat scroll right bottom; width: 10px; height: 10px}
.rounded_frame_content { background-color: #fefcf2; padding: 10px; color: #515766 }
.rounded_frame p { margin: 0; padding-bottom: 5px;}
.rounded_frame_content
.content_header { color: #324979; font-size: 12px; font-weight: bold; float: none; padding: 0; margin: 5px 0 3px; }
.content_header sup { font-size: 8px }
.source { font-size: 10px; font-style: italic }
.rounded_frame ol,
.rounded_frame ul { padding-left: 17px; #padding-left: 22px ; margin-left: 0 }
/* side panel */
.side_panel { margin: 45px 42px 0 0; _margin-right: 21px; width: 230px; float: right }
#flash_grain_of_wisdom { margin-top: 23px }
/* health list panel */
.health_list { float: left; width: 190px; margin-top: 20px; margin-left: 20px; position: relative }
.health_list_top { background: transparent url(/assets/images/nav/health_list_top.png) no-repeat scroll left top; height: 11px; }
.health_list_bottom { background: transparent url(/assets/images/nav/health_list_bottom.png) no-repeat scroll left top; height: 12px }
.health_list_content,
.health_list_left,
.health_list_right { height: 400px; float:left }
.health_list_content { width: 184px }
.health_list_left,
.health_list_right { width: 3px }
.health_list_left { background: transparent url(/assets/images/nav/health_list_left.png) repeat-y scroll right top }
.health_list_right { background: transparent url(/assets/images/nav/health_list_right.png) repeat-y scroll left top }
.health_list_content { background: transparent url(/assets/images/nav/health_list_bg.jpg) repeat-y scroll center top; }
.health_list_title { padding-left: 10px; margin-top: 130px; margin-bottom: 7px }
.health_list_image { position: absolute; top: -10px; width: 190px; text-align: center; height: 150px }
.health_list_desc { color: #515766; padding: 0 10px; margin-bottom: 10px; height: 70px; }
.health_list_item a { height: 36px; #display: block; text-decoration: none; color: #515766; padding-left: 10px; padding-right: 30px; background: transparent url(/assets/images/nav/health_list.jpg) no-repeat scroll left top; width: 144px }
.health_list_item
.center_align_content { width: 144px }
.health_list_item a:hover,
.health_list_item a.current { background-position: right top; color: #ed7511; cursor: pointer; }
.health_list_item li,
.health_list_item { list-style: none; padding: 0; margin: 0 }
.health_list_item li.last { padding-bottom: 2px; background: transparent url(/assets/images/nav/health_list_item_separator.gif) no-repeat scroll center bottom }
.simple .health_list { width: 180px }
.simple .health_list_title { margin-top: 0 }
.simple .health_list_content,
.simple .health_list_left,
.simple .health_list_right { height: auto; padding-bottom: 32767px; margin-bottom: -32767px; }
.simple .health_list_content { width: 174px }
.simple .center_align_content { width: 134px }
.simple .health_list_top { background-image: url(/assets/images/nav/health_list_simple_top.png);}
.simple .health_list_bottom { background-image: url(/assets/images/nav/health_list_simple_bottom.png);}
.simple .health_list_item a { background-image: url(/assets/images/nav/health_list_simple.jpg); width: 134px}
/* article options */
.article_options { background: transparent url(/assets/images/bgs/article_options_bg.gif) no-repeat scroll left bottom; height:110px; margin-bottom: 10px }
.article_options ul,
.article_options li { margin: 0; padding: 0; list-style: none }
.article_options li a { display: block; padding-left: 40px; color: #635042; text-decoration: none; height: 20px; font-weight: normal }
.article_options li { background: transparent none no-repeat scroll 10px top; margin-top: 5px }
.article_options li.print { background-image: url(/assets/images/misc/icon_print.gif); margin-top: 10px }
.article_options li.sendme { background-image: url(/assets/images/misc/icon_send_to_me.gif) }
.article_options li.sendfriend { background-image: url(/assets/images/misc/icon_send_to_friend.gif) }
/* forms */
.contact_form .long { width: 420px }
.contact_form .long select { width: 405px; #width: 407px }
.question { margin-bottom: 3px; float: left; width: 100px; padding-top: 3px }
.answer { margin-bottom: 10px; float: left; width: 320px }
.answer textarea { width: 304px; #width: 300px }
.answer input { width: 300px }
.answer a { font-weight: bold }
.answer a:hover { color: #535B6F }
.register_form .answer { width: 360px }
/* recipes */
.recipe_selector { background: transparent url(/assets/images/misc/recipes_selector.jpg) no-repeat scroll left top; margin-left: 20px; color: white; padding: 70px 0 0 25px; font-weight: bold; height: 155px; position: relative}
.recipe_selector ul li,
.recipe_selector ul { list-style: none; padding: 0; margin: 0 }
.preparation_time li,
#recipes_type li a { float: left; display: -moz-inline-stack; display: inline-block; }
.preparation_time, #recipes_type li { overflow: hidden; _display: inline-block; }
.preparation_time { margin: 5px 0 25px 0; }
.preparation_time li { margin-right: 10px }
#recipes_type li a { color: White; margin-right: 5px; padding: 5px 12px; text-decoration: none; width: 61px; #width: 62px; text-align: center }
#recipes_type li.long a { width: 117px }
#recipes_type { margin-top: 10px }
#recipes_type li a:hover,
#recipes_type li a.current { background: transparent url(/assets/images/misc/selector_ro.gif) no-repeat scroll left top }
#recipes_type li.long a:hover,
#recipes_type li.long a.current { background-image: url(/assets/images/misc/selector_ro_long.gif)}
#recipes_type li { float: left; display: -moz-inline-stack; display: inline-block }
.recipe_selector .selector_arrow { position: absolute; bottom: 3px; _bottom: 2px; height: 20px; width: 24px; background: transparent url(/assets/images/misc/selector_arrow.png) no-repeat scroll left top }
.recipe_selector .arrow1 { left: 55px }
.recipe_selector .arrow2 { left: 145px }
.recipe_selector .arrow3 { left: 230px }
.recipe_selector .arrow4 { left: 350px }
/* recipes blocks */
.recipe_header { padding-left: 27px;margin-top: 20px }
.recipe_row { padding-left: 22px; margin-top: 10px; height: 174px }
.recipe_block { cursor: pointer; cursor: hand; width: 117px; display: block; float: left; text-decoration: none; font-weight: bold ; margin-right: 3px}
.recipe_block:hover .recipe_desc { background-image: url(/assets/images/misc/recipe_block_ro.png); }
.recipe_block:hover div { color: #324979 }
.recipe_block div { color: white; }
.recipe_title { text-transform: uppercase; height: 48px; #height: 47px; padding-top: 5px }
.recipe_desc { background-repeat: no-repeat; width: 117px; height: 78px; background-position: center; }
.recipe_block .green { background-image: url(/assets/images/misc/recipe_block_green.png); }
.recipe_block .blue { background-image: url(/assets/images/misc/recipe_block_blue.png); }
.recipe_block .brown { background-image: url(/assets/images/misc/recipe_block_brown.png); }
.recipe_block .orange { background-image: url(/assets/images/misc/recipe_block_orange.png); }
.recipe_title, .recipe_view { padding-left: 12px; padding-right: 10px }
.recipe_number { font-size: 12px }
.recipe_control { margin-top: 15px }
.show_all, .hide { display: none; }
.show_all, .show_all_disabled,.hide { width: 95px; margin-right: 20px }
.recipe_number { width: 300px; text-align:right; padding-top: 4px;margin-right: 10px }
.recipe_control div { float: right }
.recipe_divider { background: transparent url(/assets/images/misc/reciper_divider.png) no-repeat scroll center; width: 585px; height: 5px; margin-left: 30px; margin-top: 20px; font-size: 5px }
.show_all a { background: transparent url(/assets/images/buttons/show_all.png) no-repeat scroll left top; width: 95px; height: 25px; display: block}
.hide a { background: transparent url(/assets/images/buttons/show_five.png) no-repeat scroll left top; width: 95px; height: 25px; display: block}
/* recipe details */
a.back { display: -moz-inline-stack; display: inline-block; padding-left: 25px; background: transparent url(/assets/images/misc/icon_back.gif) no-repeat scroll left center; height: 17px;padding-top: 2px; font-weight: bold; font-size: 13px; text-decoration: none; color: #324979; margin-left: 40px; margin-top: 10px }
.recipe_box { margin-left: 10px; margin-top: 10px; color: #324979 }
.recipe_box_top { background: transparent url(/assets/images/misc/recipe_box_top.png) no-repeat scroll left top; width: 608px; height: 23px }
.recipe_box_bottom { background: transparent url(/assets/images/misc/recipe_box_bottom.png) no-repeat scroll left top; width: 608px; height: 30px }
.recipe_box_left, .recipe_box_right,
.recipe_box_content { padding-bottom: 32767px; margin-bottom: -32767px; }
.recipe_box_left { background: transparent url(/assets/images/misc/recipe_box_left.png) repeat-y; width: 8px; float: left }
.recipe_box_right { background: transparent url(/assets/images/misc/recipe_box_right.png) repeat-y; width: 9px; float: left }
.recipe_box_content_top { background: transparent url(/assets/images/misc/recipe_box_content_top.gif) no-repeat scroll left top }
.recipe_box_title { font-size: 18px; color: White; margin-left: 17px }
.recipe_box_content_bottom { background: transparent url(/assets/images/misc/recipe_box_content_bottom.gif) no-repeat scroll left bottom }
.recipe_box_content { background: transparent url(/assets/images/misc/recipe_box_content_bg.gif) repeat-y scroll left 49px;float: left; width: 591px; }
.recipe_box_content_left { float: left; width: 340px }
.recipe_box_content_right { float: left; width: 241px; margin-left: 10px }
.recipe_box_content_image { background: transparent url(/assets/images/misc/photo_frame.png) no-repeat scroll left top; width: 292px; height: 191px; padding: 10px 13px; margin: 20px 0 0 6px }
.recipe_cooking_method { margin: 20px 15px 0 }
.recipe_box_info { margin-top: 20px;margin-right: 20px }
.recipe_box_info p { margin: 5px 0; font-style: italic }
.recipe_box_ingredients_title { margin-top: 12px; margin-bottom: 5px }
.recipe_box_ingredients { margin: 0; padding-left: 20px }
.recipe_box_ingredients li { margin-bottom: 3px; width: 200px; vertical-align:top}
.recipe_box_ingredients li a,
.recipe_cooking_method_content a { text-decoration: none; color: #324979; font-weight: bold }
.recipe_box_ingredients li a:hover,
.recipe_cooking_method_content a:hover { color: #4d68a1 }
.recipe_cooking_method_content p { margin: 5px 0 }
.recipe_box_options_list
li.print { background-image: url(/assets/images/misc/icon_print.gif); margin-top: 10px; margin-bottom: 7px }
.recipe_box_options_list
li.sendme { background-image: url(/assets/images/misc/icon_send_to_me.gif) }
.recipe_box_options_list
li.sendfriend { background-image: url(/assets/images/misc/icon_send_to_friend.gif) }
.recipe_box_options_list li { background: transparent none no-repeat scroll 10px top; margin-top: 5px; list-style: none; }
.recipe_box_options_list ul { margin: 0; padding: 0 }
.recipe_box_options_list a { color: #4f4f4f; text-decoration: none; }
.recipe_box_options_list li a { display: block; padding-left: 35px; height: 19px }
.recipe_box_options { margin-top: 20px }
.recipe_box_options_list { margin-bottom: 30px }
/* lightbox */
.lightbox_header { background-color: #EB6603; color: White; height: 21px; font-size: 12px }
.lightbox_title { float: left; width: 150px; padding: 3px 0 0 10px; font-weight: bold }
.nyroModalClose { display: block; padding: 3px 10px; background-color: #CF5700; color: white; float: right; width: 40px; text-decoration: none; font-weight: bold; text-align:center }
#nyroModalContent { padding: 0 !important }
.lightbox_form { margin: 10px }
.lightbox_form_element label { font-weight: bold; float:left; width: 100px; padding-top: 2px }
.lightbox_form_element { overflow: hidden; _display: inline-block; margin-bottom: 5px; width: 370px }
.lightbox_input input { width: 248px }
.lightbox_input textarea { width: 252px }
.lightbox_input { float: left; width: 270px }
.lightbox_submit input { float: right; margin-right: 20px }
.lightbox_submit { overflow: hidden; _display: inline-block }
.lightbox_message { margin-bottom: 10px }
.lightbox_body { height: auto }
/* messages */
.success { color: #00DD00; font-weight: bold; }
.fail { color: #FF0000; font-weight: bold; }
.message_container { margin-bottom: 10px }
/* promotions */
.promo_list { margin-left: 25px; padding-left: 0 }
.promo_list li { color: #ea6510 }
.promo_list li span { color:#515766; font-weight: bold }
/* mandatoary asterisk */
.mandatory {color:#f48f26}