@charset "utf-8";




/*	The NSP Independent Distributor Logo
	The NSP Independent Distributor Logo in the header of the main page template.
*/
img.Header_NSPIDLogo {
	vertical-align: middle;
	border:hidden;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	/* display: inline; */
}

/*	Website Title
	The page title displayed at the top of every page.
*/
div.Header_Title {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-shadow: #AAA 4px 4px 4px;
	color: #364E80;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
}

/*	Contact Info
	The contact information displayed at the top of every page.
*/
div.Header_ContactInfo {
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #364E80;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*	Product Page Display Title
	The product title displayed on top of the page (below the menubar).
*/
div.ProductPage_DisplayTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}



/*	Product Page Display Subtitle
	The product subtitle displayed immediately below the product title.
*/
div.ProductPage_DisplaySubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}



/*	Product Page Return-To-Product-List Section
	Displays a link to the product list.
*/
div.ProductPage_ReturnToProductList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	margin: 12px auto 0px auto;
}
div.ProductPage_ReturnToProductList a:link, div.ProductPage_ReturnToProductList a:visited {
	color:#364E80;
	text-decoration:underline;
}
div.ProductPage_ReturnToProductList a:hover, div.ProductPage_ReturnToProductList a:active {
	color:#479B4B;
	text-decoration:underline;
}

/*	Product Page Cart Buttons
	This styles the DIV container for the cart buttons (or text) on the product page.
*/
div.ProductPage_CartButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 12px auto 0px auto;
}
/* Links for above. */
div.ProductPage_CartButtons a:link, div.ProductPage_CartButtons a:visited {
	color: #364E80;
	text-decoration:none;
}
div.ProductPage_CartButtons a:hover, div.ProductPage_CartButtons a:active {
	color: #364E80;
	text-decoration:underline;
}



/*	Product Page Cart Pricing
	This styles the DIV containing pricing information on the product page.
*/
div.ProductPage_CartPricing {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin: 4px auto 0px auto;
}



/*	Product Page Stock Number
	This styles the SPAN containing the stock number on the product page.
*/
span.ProductPage_StockNum {
	margin: 0px 5px 0px 5px;
}

/*	Product Page Member Price
	This styles the SPAN containing the member price on the product page.
*/
span.ProductPage_MemberPrice{
	margin: 0px 5px 0px 5px;
}
span.ProductPage_MemberPrice a:link, span.ProductPage_MemberPrice a:visited {
	color:#364E80;
	text-decoration:underline;
}
span.ProductPage_MemberPrice a:hover, span.ProductPage_MemberPrice a:active {
	color:#479B4B;
	text-decoration:underline;
}

/*	Product Page Retail Price
	This styles the SPAN containing the retail price on the product page.
*/
span.ProductPage_RetailPrice{
	margin: 0px 5px 0px 5px;
}
span.ProductPage_RetailPrice a:link, span.ProductPage_RetailPrice a:visited {
	color:#364E80;
	text-decoration:underline;
}
span.ProductPage_RetailPrice a:hover, span.ProductPage_RetailPrice a:active {
	color:#479B4B;
	text-decoration:underline;
}



/*	Product Page Disclaimer
	This styles the DIV containing the disclaimer on the product page.
*/
div.ProductPage_Disclaimer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 0px 24px 0px 24px;
	margin: 12px auto 0px auto;
}


/*	Product Page Top-Link
	This styles the DIV containing the Top-link on the product page.
*/
div.ProductPage_TopLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0px 24px 0px 24px;
	margin: 12px auto 0px auto;
}

div.ProductPage_TopLink a:link, div.ProductPage_TopLink a:visited {
	color:#364E80;
	text-decoration:none;
}

div.ProductPage_TopLink a:hover, div.ProductPage_TopLink a:active {
	color:#479B4B;
	text-decoration:underline;
}

/*	Product Page Product Options
	This styles the TABLE and TD tags surrounding the product options list.
	We must use a TABLE here to implement "shrink-to-fit".
*/
table.ProductPage_ProductOptions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #364E80;
	border: 1px solid #364E80;
	margin: 24px auto 0px auto;
	padding:0px;
}
td.ProductPage_ProductOptions {
	padding:0px;
	text-align: center;
}


/*	Product Page Product Options Title
	This styles the P tag surround the product options title on a product page.
*/
div.ProductPage_ProductOptions_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #364E80;
	color: #364E80;
	background-color:#DCF0FB;
	margin: 0px auto 0px auto;
}

/*	Product Page Product Options List
	This styles the DIV tag surrounding the product options list on a product page.
*/
div.ProductPage_ProductOptions_List {
	margin:0px 10px 0px 10px;
	text-align:left;
}

/*	Product Page Product Options Product
	This styles each individual product in the product options list on a product page.
*/
div.ProductPage_ProductOptions_Product {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #364E80;
	margin: 0px;
	padding: 0px;
}

/*	These style each product (as a link) in the product options list on the product page.
*/
div.ProductPage_ProductOptions_Product a:link, div.ProductPage_ProductOptions_Product a:visited {
	color:#364E80;
	text-decoration:none;
	display:block;
}

div.ProductPage_ProductOptions_Product a:hover, div.ProductPage_ProductOptions_Product a:active {
	color:#479B4B;
	text-decoration:underline;
	display:block;
}

/*	List Page
	The DIV enclosing the entire body of the list page.
*/
div.ListPage {
}


/*	List Page Product List
	The DIV enclosing the entire product.
*/
div.ListPage_ProductList {
}


/*	List Page Category
	This styles the category divider in the product list.
*/
div.ListPage_Category {
	box-shadow: 4px 4px 4px #888888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color:#364E80;
	background-color:#DCF0FB;
	background-color:#E5F0C8;
	padding: 4px 24px 4px 24px;
	margin: 24px 40px 24px 40px;
	border: 1px solid #364E80;
	border: 1px solid #499C4A;
	border-radius: 5px;
	vertical-align: middle;/*	border-bottom: 1px solid #364E80;*/
}

/*	Category Top Link
	This styles the anchor tag on each category bar in the product list.
*/
div.ListPage_Category a:link, div.ListPage_Category a:visited {
	float: right;
	color:#364E80;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 8px;
}

div.ListPage_Category a:hover, div.ListPage_Category a:active {
	float: right;
	color:#479B4B;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 8px;
}


/*	List Page Cart Buttons
	This styles the DIV container for the cart buttons (or text) on the list page.
*/
div.ListPage_CartButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 12px auto 0px auto;
}

/*	In MODE-1, we need to style the text, which is a link.
*/
div.ListPage_CartButtons a:link, div.ListPage_CartButtons a:visited {
	color:#364E80;
	text-decoration:none;
}
div.ListPage_CartButtons a:hover, div.ListPage_CartButtons a:active {
	color:#364E80;
	text-decoration:underline;
}

/*	List Page View Cart
	This style the SPAN containing the View Cart button image.
*/
span.ListPage_ViewCart {
}


/*	List Page Product
	This styles the DIV tag containing each individual product on the list page.
*/
div.ListPage_ProductListNavBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
}


/*	List Page Product Link
	These style the A tag within the Product tag on the list page.
*/
div.ListPage_ProductListNavBar a:link, div.ListPage_ProductListNavBar a:visited {
	color:#364E80;
	text-decoration:none;
}

div.ListPage_ProductListNavBar a:hover, div.ListPage_ProductListNavBar a:active {
	color:#FFFF99;
	text-decoration:underline;
	background-color:#479B4B;

/*	color:#479B4B;
	text-decoration:underline;
	background-color:#FFFF99; */
}


/*	List Page Product
	This styles the DIV tag containing each individual product on the list page.
*/
div.ListPage_Product {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	margin:5px 40px 0px 40px;
}
/*	List Page Product Link
	These style the A tag within the Product tag on the list page.
*/
div.ListPage_Product a:link, div.ListPage_Product a:visited {
	color:#364E80;
	text-decoration:none;
	display:block;
}

div.ListPage_Product a:hover, div.ListPage_Product a:active {
	background-color:#FFFFCC;
	background-color:#E5F0C8;
	color:#479B4B;
	color:#479B4B;
	text-decoration:underline;
	display:block;
}

div.ListPage_TopLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0px 24px 0px 24px;
	margin: 24px auto 0px auto;
}

div.ListPage_TopLink a:link, div.ListPage_TopLink a:visited {
	color:#364E80;
	text-decoration:none;
}

div.ListPage_TopLink a:hover, div.ListPage_TopLink a:active {
	color:#479B4B;
	text-decoration:underline;
}

/*	The title displayed immediately above the product list. */
div.ListPage_ProductListTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight: bold;
	color:#364E80;
	text-align: center;
	margin:20px auto 0px auto;
}


/*	Cart Styles
	These options apply to the shopping cart.
*/
form.CartForm {
	margin:0px;
}

/*	The title displayed at the top of the cart.
*/
div.CartView_Title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0px 25px 0px 25px;
	color:#364E80;
	font-weight: bold;
	text-align: center;
}

/*	The DIV enclosing the link just below the cart title that returns to the product list.
*/
div.CartView_ReturnToProductList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px 25px 0px 25px;
	color:#364E80;
	font-weight: normal;
	text-align: center;
}
div.CartView_ReturnToProductList a:link, div.CartView_ReturnToProductList a:visited {
	color:#364E80;
	text-decoration:underline;
}
div.CartView_ReturnToProductList a:hover, div.CartView_ReturnToProductList a:active {
	color:#479B4B;
	text-decoration:underline;
}

/*
	This is the table that encloses all of the line items.
*/
table.CartView_LineItems {
	margin: 20px auto 0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
/*	padding:18px 25px 0px 25px;*/
	color:#364E80;
	font-weight: normal;
	text-align: center;
}



/*	Cart-View Line Item Headers
	These are the header cells above the cart line items.
*/

/* Delete Column */
table.CartView_LineItems th.Delete{
	width:60px;
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: center;
}
/* Quantity Column */
table.CartView_LineItems th.Quantity{
	width:80px;
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: center;
}
/* StockNum Column */
table.CartView_LineItems th.StockNum{
	width:80px;
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: center;
}
/* Description Column */
table.CartView_LineItems th.Description{
	width:300px;
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: center;
}
/* Retail Price Column */
table.CartView_LineItems th.RetailPrice{
	width:100px;
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: center;
}
/* Member Price Column */
table.CartView_LineItems th.MemberPrice{
	width:100px;
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: center;
}


/*	Cart-View Line Items
	These are the actual line items in the cart.
*/

/* Delete Column */
table.CartView_LineItems input.Delete{
	font-weight:bold;
/*	background-color:#DCF0FB;*/
	text-align: center;
}
/* Quantity Column */
table.CartView_LineItems input.Quantity {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #999999;
	width: 50px;
	text-align: right;
}
/* StockNum Column */
table.CartView_LineItems tbody td.StockNum {
	font-weight:normal;
	text-align: center;
}
/* Description Column */
table.CartView_LineItems tbody td.Description {
	font-weight:normal;
	text-align: left;
}
table.CartView_LineItems tbody td.Description a:link, table.CartView_LineItems tbody td.Description a:visited {
	color:#364E80;
	text-decoration:none;
	display:block;
}
table.CartView_LineItems tbody td.Description a:hover, table.CartView_LineItems tbody td.Description a:active {
	color:#479B4B;
	text-decoration:underline;
	display:block;
}
/* Retail Price Column */
table.CartView_LineItems tbody td.RetailPrice {
	font-weight:normal;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* Member Price Column */
table.CartView_LineItems tbody td.MemberPrice {
	font-weight:normal;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*	Cart-View Line Item Footers
	These are the footer cells above the cart line items.
*/

/* Description Column */
table.CartView_LineItems tfoot td.Subtotal{
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: right;
	padding-right:12px;
}
/* Retail Price Column */
table.CartView_LineItems tfoot td.RetailPrice{
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* Member Price Column */
table.CartView_LineItems tfoot td.MemberPrice{
	font-weight:bold;
	background-color:#E5F0C8;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*	Cart Control Links/Buttons
	These include "Delete Checked", "Update Quantities", and "Checkout" (graphic)
*/
/* The "Delete Checked" Link */
span.CartView_DeleteChecked {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px 0px 0px 5px;
	color:#364E80;
	font-weight: normal;
	letter-spacing: -0.1em;
}
span.CartView_DeleteChecked a:link, span.CartView_DeleteChecked a:visited {
	color:#364E80;
	text-decoration:underline;
}
span.CartView_DeleteChecked a:hover, span.CartView_DeleteChecked a:active {
	color:#479B4B;
	color:#479B4B;
	text-decoration:underline;
}
/* The "Update Quantities" Link */
span.CartView_UpdateQuantities {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px 0px 0px 5px;
	color:#364E80;
	font-weight: normal;
	letter-spacing: -0.1em;
}
span.CartView_UpdateQuantities a:link, span.CartView_UpdateQuantities a:visited {
	color:#364E80;
	text-decoration:underline;
}
span.CartView_UpdateQuantities a:hover, span.CartView_UpdateQuantities a:active {
	color:#479B4B;
	text-decoration:underline;
}
/* The "Checkout" Button */
div.CartView_Checkout {
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*	Cart Footer
	This is the text that is displayed at the bottom of the cart.
*/
div.CartView_Footer {
	display:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#364E80;
	font-weight: normal;
	float: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

/*	Empty Message
	This message displayed if the cart is empty.
*/
div.CartView_LineItems_Empty {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	margin: 10px auto 0px auto;
}


/*	Insert Pages
	These styles determine the look of all page inserts.
*/

/*	The error message itself. */
div.Insert h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight: bold;
	color:#364E80;
	text-align: center;
}
/*	The DIV enclosing the error message link. */
div.Insert p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	color:#364E80;
	text-align: left;
	margin-top:12px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
}
/*	The "Continue" link. */
div.Insert a:link, div.Insert a:visited {
}
div.Insert a:hover, div.Insert a:active {
}




/*	Error Message
	These styles are all related to the error message page.
*/

/*	The error message itself. */
div.ErrMsg_Msg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	color:#364E80;
	text-align: center;
}
/*	The DIV enclosing the error message link. */
div.ErrMsg_Link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	color:#364E80;
	text-align: center;
	margin-top:12px;
}
/*	The "Continue" link. */
div.ErrMsg_Link a:link, div.ErrMsg_Link a:visited {
	color:#364E80;
	text-decoration:underline;
}
div.ErrMsg_Link a:hover, div.ErrMsg_Link a:active {
	color:#479B4B;
	text-decoration:underline;
}




/*	General Style Elements
	These styles pertain to general informational pages, such as the Member Pricing page.
	These are enclosed with a div.how class in order to isolate any interaction with embedded HART On Web pages.
*/
div.how h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0px 25px 0px 25px;
	color:#364E80;
}

div.how h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px 25px 0px 25px;
	color:#364E80;
}

div.how p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px 50px 0px 50px;
}

div.how ul, div.how ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px 75px 0px 75px;
}



/*	Interim Pages
*/

/*	This DIV encloses the body of all Interim pages.
*/
div.Interim {
	width:600px;
	margin: 0px auto 0px auto;
	border: thin solid #364E80;
	background-color:#EBF5EE;
}
/* The header (the first section) */
div.Interim_Header {
	margin: 12px 20px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #364E80;
}
/* The body (the second section) */
div.Interim_Body {
	margin: 12px 20px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #364E80;
}
/* The link (the third section) */
div.Interim_Link {
	margin: 12px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
div.Interim_Link a:link, div.Interim_Link a:visited {
	text-decoration:underline; /* We need to send a clear sign that this is a link. */
	color: #479B4B;
}
div.Interim_Link a:hover, div.Interim_Link a:active {
	text-decoration:underline;
	color: #4A6E5A;
}
/* The DIV that encloses an input section */
div.Interim_Input {
	margin: 12px 20px 20px 20px;
}
/* Any INPUT label setting to the left of the INPUT element */
span.Interim_Input_Label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #364E80;
}
/* Any INPUT TEXTBOX */
input.Interim_Input_Textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #999999;
	width: 50px;
	text-align: right;
	margin: 0px 0px 0px 12px;
}




/*	Special style considerations for print media.
*/

@media print {

	/* Remove the cart buttons. */
	div.ProductPage_CartButtons {
		display:none;
	}
	
	/* Remove the "Return to Product List" link. */
	div.ProductPage_ReturnToProductList {
		display:none;
	}
	
	/* Remove the menubar. */
	table#Menubar {
		display:none;
	}

	/* Remove the top-link . */
	div.ProductPage_TopLink {
		display:none;
	}
	
	/*	Website Title
		The page title displayed at the top of every page.
	*/
	div.Header_Title {
		vertical-align: middle;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 32px;
		font-weight: bold;
		text-shadow: #AAA 4px 4px 4px;
		color: #364E80;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 33px;
		display: inline;
	}
	
	/*	Contact Info
		The contact information displayed at the top of every page.
	*/
	div.Header_ContactInfo {
		float:right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #364E80;
		margin-top: 30px;
		margin-right: 15px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
}