/* Purpose This is the HART On Web Master Style Sheet. You can use this as a template when styling your HART On Web NSP product pages. How To Use This Just upload this file to your website. Make sure it is in the public webspace. Then add a reference to it in the header of your document(s), like this: Make sure the "href" attribute points directly to this file. Now, by altering the values in this document, the look of your displayed NSP product pages will change. Contact Info For questions or to obtain help, visit: hartonweb.com */ /* Purpose This styles the entire rectangle that contains the embedded NSP product page. This is assigned to the outer DIV tag that contains the entire NSP product page. This outer DIV is named "hart_viewer" to prevent name clashes with your other CSS elements. HTML Tag Type
Default Style clear: both; margin: auto; background-color: #FFFFFF; padding: 30px; border: 1px solid #000000; */ div#hart_viewer { background-color: #5f5f52; } /* Purpose This styles each paragraph of normal text within the body of the embedded NSP product document. This redefines all paragraph tags (

) within the "hart_viewer" DIV tag. HTML Tag Type

Default Style font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; margin: 10px 0px 0px 0px; */ div#hart_viewer p { } /* Purpose This styles the name of the product that is displayed at the top of the embedded NSP product page. HTML Tag Type

Default Style text-align: center; margin: 0px auto 0px auto; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; color: #000000; */ #hart_viewer h2.ha_product { display: none; } /* Purpose This styles the trademark symbol that is in several product titles at the top of the embedded NSP product page. This trademark symbol does not exist in most product names. In those cases, this style is ignored. HTML Tag Type Default Style font-size: 10px; vertical-align: top; */ #hart_viewer span.prodtm { } /* Purpose This styles the product stock number that displays immediately below the product title. If you have turned off the display of stock numbers for a particular item, then this style is ignored. HTML Tag Type
Default Style text-align: center; margin: auto; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; */ #hart_viewer div.ha_stock { /* display: none; we don't need this because we can disable stock numbers in the settings file. */ } /* Purpose The product stock number is enclosed within an unordered list tag
    and a list item
  • tag. This is done for technical reasons related to the inner workings of HART On Web. This style modifies the
      tag containing the stock number. We have left this style here so you can see how it is styled by default. We recommend that you only change this style if you know what you are doing. HTML Tag Type
        Default Style display: block; margin: 0px; padding: 0px; */ #hart_viewer .ha_stock ul { } /* Purpose The product stock number is enclosed within an unordered list tag
          and a list item
        • tag. This is done for technical reasons related to the inner workings of HART On Web. This style modifies the
        • tag containing the stock number. We have left this style here so you can see how it is styled by default. We recommend that you only change this style if you know what you are doing. HTML Tag Type
        • Default Style list-style: none; padding: 0px; margin-bottom: 0.25em; */ #hart_viewer .ha_stock li { } /* Purpose This styles the
          tag that surrounds the product image tag . HTML Tag Type
          Default Style float: left; margin: 0px 15px 5px 0px; */ #hart_viewer div.ha_image { } /* Purpose This styles the tag that displays the product picture. HTML Tag Type Default Style border: 1px solid #808080; padding: 0px; margin: 0px; */ #hart_viewer .ha_image img { } /* Purpose This is used to style reference numbers that appear in the body of the document (not in the reference section). This style should normally display small text as superscript. HTML Tag Type Default Style font-size: 9px; font-variant: normal; font-style: italic; text-decoration: none; vertical-align: top; word-spacing: normal; */ #hart_viewer .bodyref { } /* Purpose This is used to style subscript text that appears in the body of a document. For example, this would be used to display the "12" in "Vitamin B12". This is only used in the body section. Not in the reference section or the product title. HTML Tag Type Default Style font-size: 11px; font-variant: normal; font-style: normal; text-decoration: none; vertical-align: bottom; word-spacing: normal; */ #hart_viewer .bodysubscript { } /* Purpose This is used to style the names of ingredients used in an NSP product. For example, on the SynerProtein page, this would be used to style "Soy Protein Isolate", which is an ingredient of SynerProtein. HTML Tag Type Default Style font-weight: bold; */ #hart_viewer .bodyingredient { } /* Purpose This is used to style the names of NSP products that appear in the body of a document. For example, on the Nutri-Burn page, this is used to style "Nutri-Burn Chocolate". HTML Tag Type Default Style font-weight: bold; */ #hart_viewer .bodyprodname { } /* Purpose This is used to style the scientific names of herbs that appear in the body of a document. For example, on the AdaptaMax page, this is used to style "Panax ginseng". HTML Tag Type Default Style font-style: italic; */ #hart_viewer .bodyscientificname { } /* Purpose This is used to style the name of bacteria that appear in the body of a document. For example, on the VS-C page, this is used to style "Staphylococcus aureus". HTML Tag Type Default Style font-style: italic; */ #hart_viewer .bodybacterianame { } /* Purpose This is used to style the name of professional journals that appear in the body of a document. For example, Chondroitin page, this is used to style "Clinical Experiments in Rheumatology". HTML Tag Type Default Style font-style: italic; */ #hart_viewer .bodyjournalname { } /* Purpose This is used to style bold text appearing in the body of a document that does not fit into any previous category. HTML Tag Type Default Style font-weight: bold; */ #hart_viewer .bodybold { } /* Purpose This is used to style italic text appearing in the body of a document that does not fit into any previous category. HTML Tag Type Default Style font-style: italic; */ #hart_viewer .bodyitalic { } /* Purpose This is used to style the
          tag that encloses the entire "References" section of each document that contains references. If a document does not contain references, this style is ignored. HTML Tag Type
          Default Style margin-top: 12px; */ #hart_viewer div.ha_references { } /* Purpose This is used to style the word "References" that begins the reference section of a document. If a document does not contain references, this style is ignored. HTML Tag Type
          Default Style font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; margin: 0px 0px 12px 0px; */ #hart_viewer .reftitle { } /* Purpose This is used to style the

          tag that encloses each individual reference in the reference section. If a document does not contain references, this style is ignored. HTML Tag Type

          Default Style font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 2px 0px; */ #hart_viewer .ref { } /* Purpose This is used to style the reference number that begins a single reference in the reference section of a document. If a document does not contain references, this style is ignored. HTML Tag Type Default Style font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; font-variant: normal; font-style: normal; text-decoration: none; vertical-align: top; word-spacing: normal; */ #hart_viewer .refnum { } /* Purpose This is used to style the source of a reference. This is normally the title of the document the reference refers to. If a document does not contain references, this style is ignored. HTML Tag Type Default Style font-style: italic; */ #hart_viewer .refsource { } /* Purpose This is used to style the copyright message at the bottom of each embedded page. HTML Tag Type

          Default Value text-align: center; margin-top: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal;*/ #hart_viewer .ha_copyright { }