/*regular text and links that appear on white background*/
/*The one named "body" "background-color" controls the background color of our MerchantMax ecommerce pages*/
body { 
		font-family: Arial, Helvetica; 
		font-size: 11px; 
		background: #999933 url(/images/Backgrounds/Background_Store.jpg) no-repeat fixed center top;
		margin-top: 0px; 
		margin-left: 0px; 
		margin-bottom: 0px;
		margin-right: 0px; 
		}
/*horizontal band color where "Home" link is located*/
.toolbar_home { 
		background-color: #666600; 
		padding-left: 7px; 
		font-size: 11px; 
		padding-top:2px; 
		padding-bottom:2px; 
		}
		
/*"Home" link text color*/
.tbtxt_home { 
		color: #CCCC00; 
		font-size: 11px; 
		font-weight: bold 
		}
:hover.tbtxt_home	{ 
		color: #FFFFFF; 
		text-decoration: underline 
		}
		
/*the cell to the right of the Home link*/
.callcell { 
		background-color: #666600 
		}
/*Toolbar Related*/
.toolbar_background	{ 
		background-color: #F5F5C2 
		}
.subcat_row1 { background-color: #EDED9D
		}
.subcat_row2 { background-color: #F5F5C2 
		}
.hiddeninfo { background-color: #F5F5C2; color:#800000; font-size:10px 
		}		
/*navigation's "Product" and "Information"*/
.toolbar_title { 
		background-color: #999933; 
		color: #FFFFFF; 
		text-transform: uppercase; 
		padding-left: 7px; 
		font-size: 11px; 
		font-weight:bold; 
		padding-top:2px; 
		padding-bottom:3px; 
		}
		
/*Links and buttons*/
.toolbar_main { 
		color: #999900; 
		padding-left: 7px; 
		font-size: 11px; 
		padding-top:2px; 
		padding-bottom:2px; 
		}
:hover.toolbar_main	{ 
		color: #666600; 
		text-decoration: underline 
		}
		
/*Toolbar Text*/
.tbtxt_main { 
		color: #666633; 
		font-size: 11px 
		}
:hover.tbtxt_main { 
		color: #666600; 
		text-decoration: underline 
		}
		
/*when active indicating page user is located*/
.toolbar_selected { 
		color: #333300; 
		background: #ffffff; 
		padding-left: 7px;
		font-size: 11px; 
		padding-top:2px; 
		padding-bottom:3px;
		}
.bodytext { 
		color: #000000; 
		font-size: 11px; 
		line-height:17px 
		}
.hometext { 
		color: #000000; 
		font-size: 11px; 
		line-height:17px 
		}
a {
			
		color: #666633; 
		font-weight: bold; 
		text-decoration: none 
		}
a:link { 
		color: #666633; 
		font-weight: bold; 
		}
a:active { 
		color: #333300; 
		font-weight: bold; 
		}
a:visited { 
		color: #666633; 
		font-weight: bold; 
		}
a:hover { 
		color: #666600; 
		font-weight: bold; 
		text-decoration: underline 
		}

/*Center Color Band: "Select A Category" on home page;
		usually the same as "selling_point"*/
.new_prod_table_head {
		background-color: #CCCC66;
		color: #666600;
		font-family: Arial, Helvetica;
		font-size: 11px;
		font-weight: bold}
.new_prod_table_head_click {
		background-color: #CCCC66;
		color: #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		font-family: Arial, Helvetica;
		font-size: 11px }

/*Links at the bottom of the home page to categories*/
.catlinks {
		font-size: 10px;
		font-weight: bold;
		}
/*Rulelines - footer and verticals*/
.rulelines	 	{ 
		background-color: #E5E5B2; 
		border: 0px none #E5E5B2; 
		border-collapse: collapse; 
		margin: 0px; 
		padding: 0px; }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\02Footer.jpg *******/
/*The two footer lines on every page*/
.footer_top {
		color: #333300;
		font-size: 10px;
		font-weight: bold;
		text-align:center  
		}
.footer {
		color: #666666;font-family: Arial, Helvetica;
		font-size: 10px;
		text-align:center 
		}
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\03GroupPage.jpg *******/
/*category related on group pages - see also 12GroupPage3.jpg*/
		
.categorydescription1 { font-size: 12px }
		
.categorydescription2 { font-size: 12px }
		
.categorydescription3 { font-size: 12px }

.cattitle {
		color: #999900;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		text-transform: uppercase;
		padding-top:0}
:hover.cattitle	  	{
		color: #666600;
		text-decoration: underline }
.cattitle2	  	{
		color: #999900;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
:hover.cattitle2	{
		color: #666600;
		text-decoration: underline }
.cattitle3	  	{
		color: #999900;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
:hover.cattitle3	{
		color: #666600;
		text-decoration: underline }
		
/*group related*/
.group_name	  	{
		color: #5F4429;
		font-size: 15px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.group_description {
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.group_features	{
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0;
		margin-left:15px; }
.group_colors  	{
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
		
/*Group Layouts*/
.prod_layout_4	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.prod_layout_5	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.prod_layout_6	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.prod_layout_7	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.prod_layout_8	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.prod_layout_9	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
.prod_layout_20	{
		color: #5F4429;
		font-size: 13px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding:10}
		
/*Product Related*/
.producttable {
		border: 1px solid #E5E5B2;
		border-collapse: collapse;
		width: 100%;
		margin: 0px;
		padding: 4px }
.model_number	{
		color: #666600;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.units	{
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.dimensions	{
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.weight {
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.price  	{
		color: #25177A;
		font-size: 14px;
		font-family: Arial;
		font-weight: bold;
		padding-top:0}
.sale_price  	{
		color: #008000;
		font-size: 13px;
		font-family: Arial;
		font-weight: bold;
		padding-top:0}
.p_selling_point {
		border:1px solid #C0C0C0; float: right;
		color: #990000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:4px; padding-left:4px; padding-right:4; padding-bottom:4px; background-color:#F5F5C2; width:120px; text-align:center}
.p_consumer_info {
		border:1px solid #C0C0C0; float: right;
		color: #999900;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:4px; padding-left:4px; padding-right:4; padding-bottom:4px; background-color:#CCCCCC; width:120px; text-align:center}
.consumer_info {
		color: #999900;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
}
.consumer_info_popup {
		background-color: #999933;
		color: #FFFF99;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.consumer_info_popup_title {
		background-color: #999933;
		color: #FFFFFF;
		font-size: 18px;
		font-family: Arial, Helvetica;
		padding-top:0}

/*Product Option Related*/
.productoptiontable {
		border: 1px solid #E5E5B2;
		border-collapse: collapse;
		margin: 5px;
		padding: 4px;
		float: left }
		
/*Usually the same as new_prod_table_head*/
.selling_point {
		background-color: #B7B700;
		color: #FFFFFF;
		font-size: 11px;
		font-family: Arial, Helvetica;
		text-transform: uppercase;
		font-weight: bold;
		padding-top:0;
		text-align:center}
		
/*Background cell behind white text "Items in your cart"*/
.ptable_title	{
		background-color: #B7B700;
		color: #FFFFFF;
		font-family: Arial, Helvetica;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold }
		
/*Background cell behind black text list of items*/
.itemsinyourcart {
		background-color: #E5E57F;
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0 }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\04ViewCart.jpg *******/
/*View Cart Related*/
.viewcartrow_top {
		background-color: #CCCC00;
		color: #FFFFFF;
		font-family: Arial, Helvetica;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold }
.viewcartrow0 {
		background-color: #E5E57F }
.viewcartrow1 {
		background-color: #F0F0B2 }
.viewcartrow_bottom {
		background-color: #999933 }
		
/*Titles on most pages: ViewCart, Informational Pages, etc.*/
.mytitle {
		font-family: Arial, Helvetica;
		text-transform: uppercase;
		font-size: 17px;
		color: #5F4429;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 15px; }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\05CheckOut.jpg *******/
/*Alternating colors for cells on checkout.asp page*/
.formtable	{
		padding: 0px;
		margin: 0px;
		border-collapse: collapse;
		border-color: #FFFFFF;
		width: 525px }
.formhead1	{
		padding: 7px;
		margin: 0px;
		background-color: #666600;
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold }
.formbody1	{
		padding: 7px;
		margin: 0px;
		background-color: #EDED9D;
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #666600 }
.formhead2	{
		padding: 7px;
		margin: 0px;
		background-color: #666600;
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold }
.formbody2	{
		padding: 7px;
		margin: 0px;
		background-color: #F5F5C2;
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #666600 }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\06Shipping.jpg *******/
/*Shipping Related*/
.shipnote 	  	{
		color: #666666;
		font-size: 10px;
		line-height:14px }
.shipservices		{
		color: #000000;
		font-weight: bold;
		font-size: 11px;
		line-height:17px }
.shipdeliverytime		{
		color: #666600;
		font-weight: normal;
		font-size: 11px;
		line-height:17px }
.shiptable		{
		border-width: 1px;
		border-color: #FFFFFF;
		border-collapse: collapse }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\07CheckOut2.jpg *******/
/*Checkout/Order Process Emails: Top Band*/
.ptable_title_nocase	{
		background-color: #666600;
		color: #FFFFFF;
		font-family: Arial, Helvetica;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold }
		
/*Checkout/Order Process Emails: Alternating Bands*/
.cartrow0 {
		background-color: #EDED9D }
.cartrow1 {
		background-color: #F5F5C2 }
		
/*Checkout/Order Process Emails: Bottom Band*/
.cartrow2 {
		background-color: #999933 }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\09ProductTable.jpg *******/
/*Product Table Realated*/
.ptable		  	{
		border-right:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF }
.ptable_header	{
		color: #FFFFFF;
		background-color: #666600;
		font-size: 10px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		text-transform: uppercase;
		padding-top:0}
.ptable_names	{
		border-left:1px solid #FFFFFF;
		border-top:1px solid #FFFFFF;
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.ptable_row0	{
		border-left:1px solid #FFFFFF;
		border-top:1px solid #FFFFFF;
		color: #FFFFFF;
		background-color: #999933;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.ptable_row1	{
		border-bottom:1px solid #FFFFFF;
		color: #000000;
		background-color: #EDED9D;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.ptable_row2	{
		border-bottom:1px solid #FFFFFF;
		color: #000000;
		background-color: #F5F5C2;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.ptable_description1 {
		color: #000000;
		background-color: #EDED9D;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.ptable_description2 {
		color: #000000;
		background-color: #F5F5C2;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
		
/*Add to Cart Link in Product Tables*/
.add_to_cart_link {
		color: #999900}
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\10SubPage(CategoryPage).jpg *******/
.ptable_name1 {
		color: #000000;
		background-color: #EDED9D;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.ptable_name2 {
		color: #000000;
		background-color: #F5F5C2;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\11ContainerProducts.jpg *******/
/*used on:
    container_add.asp (the page that is used for adding products to a flavor wheel, gift basket, etc.):
        the container instructions
        You have completed the customization. ...
        Quantity to Add: ...
    prod_consumer_info.asp (the page that shows "Consumer Info" or in Blackwell's case, "Ingredients"):
        used for all text on the page*/
.prod_description {
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
		
/*used on:
    container_add.asp:
        the name of the container product (gift basket, etc.)
*/
.prod_name	  	{
		color: #5F4429;
		font-size: 15px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
		
/*Used for "Items in Your XXX" header text*/
.containerbasketheader {
		background: #B7B700;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase }
		
/*Used for text like "You have 1 item out of a possible 6."*/
.associated_title {
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0;
		font-style:italic}
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\13SearchResults.jpg *******/
/*Search Related*/
.search_table_header {
		background-color: #666600;
		font-family: Arial;
		font-size: 10px;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold }
.search_table_row0	{
		background-color: #EDED9D;
		font-family: Arial;
		font-size: 11px;
		color: #000000 }
.search_table_row1	{
		background-color: #F5F5C2;
		font-family: Arial;
		font-size: 11px;
		color: #000000 }
/*Used on Contact Us Page*/
.required {
		font-family: Arial, Helvetica;
		font-size: 11px;
		color: #666600;
		font-weight: bold }
		
/*Used?*/
.prod_links	{
		text-decoration: underline}
.att_list  		{
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.attribute_table {
		border:1px solid #FFFFFF;
		border-collapse: collapse}
.attr_row1 {
		border-left:1px solid #FFFFFF;
		background-color: #EDED9D;
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.attr_row2 {
		border-left:1px solid #FFFFFF;
		background-color: #F5F5C2;
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
.new {
		color: #5F4429;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		line-height:17px }
.title {
		color: #5F4429;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		margin-bottom:-17px; }
.sidecatlinks 	{
		color: #999900;
		font-size: 11px;
		line-height:17px }
.sidecattext {
		color: #000000;
		font-size: 11px;
		line-height:17px }
		
/******* See \\Elvis\Projects\MSI_MerchantMax\Documentation\ClassScreenShots\01HomePage.jpg *******/
/*The background color of the top header*/
.headercell {
		background: #5F4429 }
		
/******* Not represented in any images ********/
/*Used for disclaimers*/
.disclaimer {
		margin-left: 20px;
		font-size: 11px;
		clear: left}

/*Used on view product option sets for the product option set name; on the choose product options for the product option set prompt*/
.ProductOptionSet {
		color: #999900;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		padding-top:0}
		
.ProductOptions	{
		color: #000000;
		font-size: 11px;
		font-family: Arial, Helvetica;
		padding-top:0}
		
/* This is where you can customize the appearance of the tooltip */
div#tipDiv { position:absolute; visibility:hidden; top: 0px; left: 0px; z-index:10000;
  background-color:#F5F5C2; border:1px solid #336; padding:4px;
  color:#000; font-family: Tahoma, Arial; font-size:11px; line-height:1.2; }
  
span.tip { background-color:#F5F5C2}
.notification { background-color:#E0E0E0; color: #FF0000}
.error { color: #FF0000; font-weight: bold;}