/*

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:
		<link href="how.css" rel="stylesheet" type="text/css">
	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
	<DIV>
Default Style
	clear: both;
	margin: auto;
	background-color: #FFFFFF;
	padding: 30px;
	border: 1px solid #000000;
*/
div#hart_viewer {

}



/*
Purpose
	This styles each paragraph of normal text within the body of the embedded NSP product document.
	This redefines all paragraph tags (<P>) within the "hart_viewer" DIV tag.
HTML Tag Type
	<P>
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
	<H2>
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
	<SPAN>
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
	<DIV>
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 <UL> and a list item <LI> tag.
	This is done for technical reasons related to the inner workings of HART On Web.
	This style modifies the <UL> 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
	<UL>
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 <UL> and a list item <LI> tag.
	This is done for technical reasons related to the inner workings of HART On Web.
	This style modifies the <LI> 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
	<LI>
Default Style
	list-style: none;
	padding: 0px;
	margin-bottom: 0.25em;
*/
#hart_viewer .ha_stock li {

}



/*
Purpose
	This styles the <DIV> tag that surrounds the product image tag <IMG>.
HTML Tag Type
	<DIV>
Default Style
	float: left;
	margin: 0px 15px 5px 0px;
*/
#hart_viewer div.ha_image {

}



/*
Purpose
	This styles the <IMG> tag that displays the product picture.
HTML Tag Type
	<IMG>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
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
	<SPAN>
Default Style
	font-style: italic;
*/
#hart_viewer .bodyitalic {

}



/*
Purpose
	This is used to style the <DIV> 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
	<DIV>
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
	<DIV>
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 <P> tag that encloses each individual reference in the reference section.
	If a document does not contain references, this style is ignored.
HTML Tag Type
	<P>
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
	<SPAN>
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
	<SPAN>
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
	<DIV>
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 {

}