body { color : #000000; padding: 0; } p { margin-top:0em; margin-bottom: 0.5em; orphans: 2; } p.copyright { text-align: left; font-weight: normal; font-style: normal; margin-top: 1em; margin-left: 0; font-size: 0.75em; } p.copyright_top { text-align: left; font-weight: normal; font-style: normal; margin-top: 0.5em; margin-left: 0; font-size: 0.75em; } p.copyright_center { text-align: center; font-weight: normal; font-style: normal; margin-top: 1em; margin-left: 0; font-size: 0.75em; } p.bullet_list { margin: 0em 0em 0em 1.65em; text-indent: -0.65em; font-family: sans-serif; font-size: 0.80em; } p.NumberedSteps { margin: 0.8em 0em 0em 1em; text-indent: -1em; font-family: sans-serif; font-size: 0.85em; } p.extract_bullet_list { margin: 0.5em 0em 0em 2.65em; text-indent: -0.65em; } span.grey-color { color: #939598; } a { text-decoration: none; } a.web_link { text-decoration: none; word-break: break-all; } p.numbered_list { margin: 0.7em 0em 0em 2em; text-indent: -1em; } span.bold { font-weight: bold; } span.no-italic { font-style: normal; } span.italic { font-style: italic; } span.smallcaps { font-size: 0.8em; } span.sans-bold { font-weight: bold; font-family: sans-serif; } p.body_text_top_space { margin: 1.2em 0em 0em 0em; } p.appendix_text_top_space { margin: 1.2em 0em 0em 4em; text-indent: -3em; } p.appendix_text { margin: 0.5em 0em 0em 4em; text-indent: -3em; } p.web_text { margin: 0.5em 0em 0em 1em; padding: 0; font-weight : normal; font-style : normal; line-height : 1.2em; text-align : left; } p.body_text { margin: 0.5em 0em 0em 0em; } p.RunningText-head { margin: 1em 0em 0em 0em; font-family: sans-serif; font-size: 1.1em; } p.RunningText-head-box { margin: 0em 0em 0.5em 0.4em; font-family: sans-serif; font-size: 1.3em; } p.RunningText-head-box-1 { margin: 0.3em 0em 0.2em 0.4em; font-family: sans-serif; font-size: 1.3em; } p.RunningText { margin: 0em 0em 0em 0em; font-family: sans-serif; font-size: 0.85em; } p.RunningText-top { margin: 1em 0em 0em 0em; font-family: sans-serif; font-size: 0.80em; } p.ata-sub { margin: 1em 0em 0em 0em; font-family: sans-serif; } p.boxRunningText { margin: 0.5em 1em 0.5em 1em; font-family: serif; } p.boxRunningText-sans { margin: 0em 0.5em 0em 0.6em; font-family: sans-serif; font-size: 0.85em; } p.boxRunningText-sans-bul { margin: 0em 0.5em 0.4em 0.6em; font-family: sans-serif; font-weight: bold; font-size: 0.85em; } p.boxRunningHead-sans { margin: 0.5em 0.5em 0em 0.5em; font-family: sans-serif; } p.dashboard-head { margin: 0em 0em 0em 0em; font-family: sans-serif; font-size: 0.75em; } p.dashboard-head-top { margin: 1em 0em 0em 0em; font-family: sans-serif; font-size: 0.75em; } div.Ingredients { page-break-inside: avoid; } div.container { page-break-inside: avoid; } div.Method { page-break-inside: avoid; } p.RunningText-head-level1 { margin: 1em 0em 0em 0em; font-family: sans-serif; font-weight: bold; font-size: 0.95em; } p.Ingredients-Head { margin: 1em 0em 0em 0em; font-family: sans-serif; font-weight: bold; font-size: 0.90em; } p.Ingredients-Text { margin: 0em 0em 0em 1em; font-family: sans-serif; font-size: 0.80em; text-indent: -1em; } p.Method-Head { margin: 1em 0em 0em 0em; font-family: sans-serif; font-weight: bold; font-size: 0.90em; } p.TIP-Head { margin: 0em 0em 0em 0.5em; font-weight: bold; } p.TIP-RunningText { margin: 0em 0.5em 0em 0.5em; font-family: serif; } p.recipe-intro { margin: 0.4em 0em 0em 0em; font-family: serif; font-weight: bold; font-size: 1.10em; } p.recipe-intro-bottom { margin: 0.5em 0em 1em 0em; font-family: serif; font-weight: bold; font-size: 1.10em; } p.intro_text { margin: 0.5em 0em 0em 0em; font-family: sans-serif; font-size: 0.85em; } p.IntroductionAuthor { margin: 0.5em 0em 0em 0em; font-family: sans-serif; text-align: right; font-weight: bold; font-size: 0.80em; } p.body_text_no_top_space { margin: 0em 0em 0em 0em; } p.footnote { margin: 0.5em 0em 0em 0em; font-style: italic; font-size: 0.75em; } p.extract_body_text { margin: 1em 0em 0em 1em; } table { border-collapse: collapse; } table, td { border: 1px solid black; } p.table_body_head { margin: 0.5em 1em 0.2em 0.5em; font-weight: bold; } p.table_body_text { margin: 0.5em 1em 0.2em 0.5em; } td.valign { vertical-align: top; } td.valign_head { vertical-align: top; background-color: #c7c8ca; } .caption { width: 100%; margin-top: 0em; padding: 0px; page-break-before: avoid; text-align: center; font-size: 0.8em; line-height: 1.3em; font-family: serif; } .sup { font-size: xx-small; vertical-align: super; } .sub { font-size: xx-small; vertical-align: sub; } img { border: none; } h1 { font-size: 2.2em; margin-top: 0em; margin-bottom: 1em; font-weight: normal; color: #ef6b00; page-break-inside: avoid; } .ahead { font-size: 1.35em; margin-top: 0em; margin-bottom: 0.5em; margin-left: 0.4em; font-weight: bold; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; } .intro_head { font-size: 1.5em; margin-top: 0em; margin-bottom: 0em; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; } span.intro-head-sub { font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; } .intro_head_no_bottom { font-size: 1.5em; margin-top: 0em; margin-bottom: 0em; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; } .intro_sub { font-size: 1em; margin-top: 0em; margin-bottom: 0.6em; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; } p.recipe-ahead { font-size: 1em; margin-top: 0em; margin-bottom: 0.6em; color:#6d6e71; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; } span.recipe-ahead-big { font-size: 1.6em; color: #000; } h2.part { font-size: 1.7em; margin-top: 0em; margin-bottom: 0.6em; font-weight: bold; color: #000; page-break-inside: avoid; font-weight: bold; text-align: right; } span.part_number { font-size: 3em; font-family: sans-serif; } h2.part_title { font-size: 2.8em; font-weight: bold; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; text-align: center; margin: 2em auto 1em auto; } h3.no-sans { font-size: 1.2em; margin-top: 1em; margin-bottom: 0.3em; font-weight: normal; color: #000; page-break-inside: avoid; text-align: center; font-weight: bold; font-style: normal; } h3.sans { font-size: 1.2em; margin-top: 1em; margin-bottom: 0em; font-weight: normal; color: #000; page-break-inside: avoid; font-family: sans-serif; font-weight: bold; font-style: normal; } h4.table_title { font-size: 1em; margin-top: 1em; margin-bottom: 0.3em; color: #000; page-break-inside: avoid; font-family: sans-serif; font-weight: bold; } div.table { margin-top: 0em; margin-bottom: 0em; page-break-inside: avoid; } h3.contents_head { font-size: 1.8em; margin-top: 0em; margin-bottom: 0.3em; font-weight: normal; color: #000; page-break-inside: avoid; font-family: sans-serif; font-weight: bold; font-style: normal; } h4 { font-size: 1.2em; margin-top: 0em; margin-bottom: 1em; font-weight: normal; page-break-inside: avoid; } h5 { font-size: 1em; margin-top: 0em; margin-bottom: 1em; font-weight: bold; page-break-inside: avoid; font-family: sans-serif; } h5.copyright_head { font-size: 0.80em; margin-top: 0em; margin-bottom: 0.5em; font-weight: bold; page-break-inside: avoid; font-family: sans-serif; } h1 + h2, h2 + h3, h2 +h2 { margin-top: -1em; } p + h1, p + h2, p + h3, p + h4, p + h5 { margin-top: 1em; } div + h2, div + h3, div + h4, div + h5, div + h6 { margin-top: 2em; } .portrait_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1em auto; width: 60%; } .portrait_medium img { page-break-inside: avoid; width: 100%; } .copy_portrait_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1em auto; height: 60%; } .copy_portrait_medium img { page-break-inside: avoid; width: 100%; } div.portrait_small { page-break-inside: avoid; margin-top: 2em; width: 20%; } .portrait_small img { page-break-inside: avoid; width: 100%; } div.portrait_small_indent { page-break-inside: avoid; margin-left: 0.5em; margin-top: 1em; width: 20%; } .portrait_small_indent img { page-break-inside: avoid; width: 100%; } .portrait_medium + .caption { width: 50%; page-break-before: avoid; } .landscape_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1em auto; width: 80%; } .landscape_medium img { page-break-inside: avoid; width: 100%; } .landscape_50 { text-align: center; page-break-inside: avoid; clear: both; margin: 1em auto; width: 50%; } .landscape_50 img { page-break-inside: avoid; width: 100%; } .landscape_large { text-align: center; page-break-inside: avoid; clear: both; margin: 1em auto; width: 100%; } .landscape_large img { page-break-inside: avoid; width: 100%; } .head_landscape_large { text-align: center; page-break-inside: avoid; margin: 0em; width: 100%; } .head_landscape_large img { page-break-inside: avoid; width: 100%; } .caution-inline { width: 8%; vertical-align: middle; } .dashboard-inline { width: 5%; vertical-align: middle; } .image_full { text-align: center; page-break-before: always; page-break-after: always; page-break-inside: avoid; clear: both; border-radius: 0px; /* Optional */ padding: 0px; margin: 0px auto; height: 99%; height: 99vh; width: 100%; } .image_full img { page-break-inside: avoid; width: 100%; } .cover_image { text-align: center; page-break-inside: avoid; clear: both; border-radius: 4px; /* Optional */ padding: 0px; margin: 0em auto; width: 100%; } .cover_image img { page-break-inside: avoid; width: 100%; } div.box-left { width:100%; background-color: #fecd87; padding:2px 0px 2px 0px; margin:1.5em 0em 1.5em 0em; page-break-inside:avoid !important; } div.dotted-box { margin-top: 1em; margin-bottom: 1em; border: 3px dotted #da511f; padding-top: 0.5em; padding-bottom: 0.5em; clear: both; page-break-inside:avoid !important; } div.tip-box { width:100%; background-color: #fec779; padding: 0.5em 0em 0.5em 0em; margin:1em 0em 0em 0em; page-break-inside:avoid !important; } div.tip-box-yel { width:100%; background-color: #ea9267; padding: 0.5em 0em 0.5em 0em; margin:1em 0em 0em 0em; page-break-inside:avoid !important; } .hr{ margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5em; margin-right: 0.5em; border-top: 2px dotted #000000; } .imageleft1 { padding:7px 5px 5px 5px; } p.box_content { color:#000000; font-size:small; font-style:normal; font-variant:normal; line-height:1.3em; margin-top:0em; margin-left:0.5em; margin-right:0.5em; margin-bottom:0.5em; text-align:left; } p.extract_level_box_content { color:#000000; font-size:small; font-style:normal; font-variant:normal; line-height:1.3em; margin-top:0.1em; margin-left:5.5em; margin-right:0.5em; margin-bottom:0.5em; text-align:left; } p.extract_box_content { color:#000000; font-size:small; font-style:normal; font-variant:normal; line-height:1.3em; margin-top:0.1em; margin-left:10em; margin-right:0.5em; margin-bottom:0.5em; text-align:left; } div.clear { clear:both; } span.border_title { border: 3px solid #d1d2d4; border-radius: 30px; padding: 0.2em 1em 0.2em 1em; page-break-inside: avoid; } p.box_title { -webkit-hyphens:none; color:#000000; font-size:0.80em; font-style:normal; font-variant:normal; font-weight:bold; margin-top:1em; margin-bottom:1em; margin-left:0.5em; margin-right:0.5em; text-align:left; line-height:1.4em; text-transform:none; } p.box_title_center { font-family:sans-serif; -webkit-hyphens:none; color:#000000; font-size:0.80em; font-style:normal; font-variant:normal; font-weight:bold; margin-top:1em; margin-bottom:1em; margin-left:0.5em; margin-right:0.5em; text-align:center; line-height:1.4em; text-transform:none; } div.img-signature { page-break-inside: avoid; text-align: right; } .img-signature img { page-break-inside: avoid; width: 100%; } img.frame-20 { width:20%; } div.head_decor { border: 10px solid #c7c8ca; margin-bottom: 1.5em; } h2.chapter { font-size: 1.7em; margin-top: 0em; margin-bottom: 0.6em; font-weight: bold; color: #000; page-break-inside: avoid; font-weight: bold; text-align: right; } span.chapter_number { font-size: 3em; font-family: sans-serif; } h2.chapter_title { font-size: 2.8em; font-weight: bold; color: #000; page-break-inside: avoid; font-weight: bold; font-family: sans-serif; text-align: center; margin: 2em auto 1.5em auto; } p.glance_level2 { font-weight: bold; font-size:1em; margin-left: 5.3em; margin-top: 0em; margin-bottom: 0em; font-family: sans-serif; page-break-inside: avoid; } p.since_ten { font-weight: bold; font-size: 1em; margin-left: 4.7em; margin-top: 0em; margin-bottom: 0em; font-family: sans-serif; page-break-inside: avoid; } p.bm { font-weight: bold; font-size: 1.15em; margin-left: 4.7em; margin-top: 0.4em; margin-bottom: 0em; font-family: sans-serif; page-break-inside: avoid; } h5.contents { font-size: 1.1em; margin-top: 10px; margin-bottom: 0.5em; margin-left: 2.5em; font-weight: bold; page-break-inside: avoid; } p.brief { margin-left: 7.4em; text-indent: 0em; font-size: 1em; } p.brief_aft_ten { margin-left: 7.5em; text-indent: 0em; font-size: 1em; } span.con1 { margin-left:1.5em; } span.con2 { margin-left:2.1em; } span.con4 { margin-left:1.9em; font-family: sans-serif; } span.con5 { margin-left:2.9em; font-family: sans-serif; } .chapter_level { font-weight: bold; font-size: 1em; margin-left: 0em; margin-top: 1em; margin-bottom: 0.2em; font-family: sans-serif; page-break-inside: avoid; } .chapter_level_aft_ten { font-weight: normal; font-size: 1em; margin-left: 4.4em; margin-top: 0.5em; margin-bottom: 0em; font-family: sans-serif; page-break-inside: avoid; } p.level2 { margin-left: 0em; margin-top: 0.2em; margin-bottom: 0; font-size: 0.9em; font-family: sans-serif; } p.level2_top { margin-left: 0em; margin-top: 1em; margin-bottom: 0; font-size: 0.9em; font-family: sans-serif; } p.level3 { margin-left: 8.9em; margin-top: 0.2em; margin-bottom: 0; font-size: 0.9em; font-style: italic; } h4.part_level { font-size: 1.1em; margin-top: 1em; margin-bottom: 0.4em; margin-left: 2em; font-weight: bold; page-break-inside: avoid; font-family: sans-serif; } h4.part_level_app { font-size: 1.1em; margin-top: 1em; margin-bottom: 0.4em; margin-left: 5em; font-weight: bold; page-break-inside: avoid; font-family: sans-serif; } span.space { margin-left: 1.5em; } div.override { margin:0.5em 0.5em 0.5em 0.5em; } ol { list-style-type: none; } .thumbnail_image { float: left; text-align: center; padding-right: 15px; width: 30%; } .thumbnail_image img { width: 100%; } div.dot_border { border-top: 2px dotted #878787; }