/*
 * this is the default font size, color and type for the site. you can also put
 * default background colors and other things of that nature in this area. any
 * time you use a BODY, P, BR, TABLE, TD or LI html tag on the site, it will 
 * use the styles you specify here (unless you override it somewhere else in
 * this file)
 */
BODY, P, BR, TABLE, TD, LI{ font-family:verdana, helvetica, sans-serif; font-size:10px; color: black; font-weight: normal; }

/*
 * this style is used all H2 html tags used in the site. the only H2 tag used in the
 * base cart is on the shopping cart page, where it displays "Your Shopping Cart"
 */
H2 { font-size: 18px; margin-top: 2px; }

/*
 * this defines what font type, size, color, etc. that all form input
 * and select tags will use. 
 */
INPUT, SELECT { font-size: 10px; }

/*
 * the default link colors
 */
A:link { color: #0C539E; font-weight: bold; }
A:active { color: #0C539E; font-weight: bold; }
A:visited { color: #0C539E; font-weight: bold; }
A:hover { color: #0C539E; font-weight: bold; }

/*
 * used on:
 * - view cart for table headers and the subtotal headers
 * - order invoice for table headers and the subtotal headers
 * - the credit card info screen for the order number header
 */
.smalltableheader {	color: #FFFFFF;	font-size: 12px;	font-weight: bold;	background-color: #555555;	text-align: center;	border: 1px solid #a3a3a3;}
/*
 * used on:
 * - view cart to display the data for each product
 * - order invoice to show the data for each product
 */
.smalltabletext {	font-size: 12px;	border : 1px solid #a3a3a3;}
/*
 * used on the view cart page, around the update quantity box to 
 * ensure that no border is displayed around it
 */
.smalltabletextNoBorder {	font-size: 12px;}

/*
 * used in various places to display bolded text - this probably shouldn't be changed
 */
.bolded {font-weight: bold; }

/*
 * used on the view cart page to highlight a backordered product
 */
.popoutcolor { color: #CC0000 }

/*
 * used on most forms to indicate a required field - this is usally
 * wrapped around the required field indicator (*)
 */
.requiredfield { color: red; font-weight: bold; }

/*
 * used to italicize text (but not bold it) - this probably shouldn't be changed
 */
.italicnonbold { font-style: italic; font-weight: normal; }

/*
 * used on the product details popup (from view cart) and on the 
 * extra large image popup for the "close window" button
 */
.cartButton { color: #6e6e6e; background-color: #DFDBD0;  }
/*
 * used on various forms (including: product search, forgot password, 
 * my account billing, my account shipping, my account password reset,
 * checkout review order, printer friendly order invoice) to format
 * the submit
 */ 
.smallbutton { font-size: 10px; color: #6e6e6e; background-color: #DFDBD0;  }

/* 
 * used on view cart and invoice page to print out order total, coupon, tax
 * and shipping totals, etc.
 */
.cartTotals { color: #FFFFFF; background-color: #555555; font-weight: bold; border : 1px solid #a3a3a3; }
/*
 * used on view cart and invoice to print out each items subtotal
 */
.cartSubtotal { color: #FFFFFF; background-color: #555555; border : 1px solid #a3a3a3; }
/*
 * used on invoice screens to print out a sub heading (such as Subscriptions)
 */
.invoiceSubHeading { font-weight: bold; font-size: 16px; }

/*
 * used on many forms to display the "Please be sure to enter all required information" text
 * used on the view cart screen to display "here are the items in your order"
 * used when displaying upsells to display "based on your order, you may also like the following"
 */
.cartWarningHeader { color: #0C539E; font-size: 14px; font-weight: bold; }
/*
 * used when adding a product to the cart, to display error messages if something
 * went wrong (such as didn't choose proper options, etc.
 * also used to display the "shopping cart empty" error if you try to view an empty cart
 */
.cartWarning { color: #0C539E; font-weight: bold; }

/*
 * used by "products in category" layout1 to display the product SKU
 */
.cartSKU { font-size: 11px; font-weight: normal; }
/*
 * used on the product details popup (from view cart) to display the
 * product SKU
 */
.cartProductModelBig { font-weight: bold; font-size: 18px; }
/*
 * used on the product details popup (from view cart) and in the 
 * product details header box (title and back button) to display
 * the product title
 */
.cartProductTitleBig { font-weight: bold; font-size: 18px; }
/*
 * used on all product details layouts to format the table that holds the
 * "header" data (the title, and back button) - you would want to put
 * background colors and borders for that box here.
 */
 /*
.cartProductDetailsHeader{background-color: #F7F7F7; border: 2px solid #0084C7; }
*/
/*
 * used on all product in category layouts to display the product title
 */
.cartProductTitle { color: #004284; font-weight: bold; }
/*
 * used on "product listing" layout1 to display the product short description
 */
.cartProductDescriptionShort { font-weight: bold; }
/*
 * used on all product details layouts, and the product details only popup
 * to display the product long description
 */
.cartProductDescriptionLong { font-weight: bold; }
/*
 * used on product details layout 1, "products in category" layouts
 * 1, 3 and 4, and the product detaills only popup to display the 
 * product price 
 */
.cartPrice { color: #004284; font-weight: bold; }
/*
 * used on all product details and "products in category" layouts, as
 * well as the product details popup, to display any banner text for 
 * the product such as "on sale" or "new"
 */
.cartBannerText {}

/*
 * used when displaying product options (in product details pages)
 * to format a drop-down options select box
 */
.cartOptionDropDown { }
/*
 * used when displaying product options (in product details pages)
 * to format a text area options box
 */
.cartOptionTextArea { }
/*
 * used when displaying product options (in product details pages)
 * to format a text box options box
 */
.cartOptionTextBox { }
/*
 * used when displaying product options (in product details pages)
 * to format a file upload options file box
 */
.cartOptionFileUpload { }

/*
 * the following items are used on all "product in category" layouts
 * to display the links to the products.
 */
.cartListProductHeader { color: #6e6e6e; }
A.cartListProductHeader:Link { text-decoration: none; color: #6e6e6e; }
A.cartListProductHeader:Visited { text-decoration: none; color: #6e6e6e; }
A.cartListProductHeader:Active { text-decoration: none; color: #6e6e6e; }
A.cartListProductHeader:Hover { }

/*
 * used on "products in category" layouts 2, 3 and 4 to format
 * the top row of each product column
 */
/*
.cartListProductsCellHeader { border-top : 2px solid #0084C7; border-left : 2px solid #0084C7; border-right : 2px solid #0084C7; background-color: #F7F7F7; }
*/
/*
 * used on "products in category" layouts 2, 3 and 4 to format
 * the middle rows of each product column
 */
/*
.cartListProductsCellMiddle { border-left : 2px solid #0084C7; border-right : 2px solid #0084C7; background-color: #F7F7F7; }
*/
/*
 * used on "products in category" layouts 2, 3 and 4 to format
 * the bottom rows of each product column
 */
 /*
.cartListProductsCellFooter { border-left : 2px solid #0084C7; border-right : 2px solid #0084C7; border-top : 2px solid #0084C7; border-bottom : 2px solid #0084C7; background-color: #6B6A6A; color: White; }	
*/
/*
 * used on "products in category" layout 3 to format the table cell
 * that the "click for more details" link goes in.
 */
/*
.cartListProductsCellBorder { border-top : 2px solid #0084C7; border-left : 2px solid #0084C7; border-right : 2px solid #0084C7; border-bottom : 2px solid #0084C7; }
*/
/*
 * used on "products in category" layouts 1 and 4 to display the
 * "on back order" message for a product
 */
.cartListProductsOnBackOrder { color: #0C539E; font-weight: bold; }
/*
 * used on "products in category" layout 2 to display the "on back order"
 * message for a product
 */
.cartListProductsFeaturedOnBackOrder { color: #0C539E; font-weight: bold; }
/*
 * used on product details layouts 1 and 2 to display the "on back order"
 * message for the product
 */
.cartProductDetailsOnBackOrder { color: #0C539E; font-weight: bold; }
/*
 * used on "products in category" layouts 1 and 4 to display the "out of stock"
 * message for a product
 */
.cartListProductsOutOfStock { color: #0C539E; font-weight: bold; }
/*
 * used on "products in category" layout 2 to display the "out of stock"
 * message for a product
 */
.cartListProductsFeaturedOutOfStock { color: #0C539E; font-weight: bold; }
/*
 * used on product details layouts 1 and 2 to display the "out of stock" 
 * message for a product
 */
.cartProductDetailsOutOfStock { color: #0C539E; font-weight: bold; }

/*
 * the following are used on the credit card information screen next
 * to the CVV2 code entry box, to format the "what is this" text
 */
.cartAlertLink:Link { color: #0C539E; }
.cartAlertLink:Visited { color: #0C539E; }
.cartAlertLink:Active { color: #0C539E; }

/*
 * used at the top of all checkout screens to display the 
 * "Step x of y" title
 */
.checkOutSteps { color: black; font-weight: bold; font-size: 14px; }

/*
 * used on all "products in category" layouts to format the thumbnail image
 * that gets displayed. you can use this to force the image to be a specific
 * width or height (or add a border or whatever) but be warned that what you
 * specify here may make the images look bad
 */
.imageThumbnail { /* width: 135px; */ }
/*
 * used on all product details layouts to format the image that gets displayed
 * (see warnings with thumbnail image)
 */
.imageFullSize { /* width: 275px; */ }
/*
 * used on the product big image popup to format the image that gets displayed
 * (see warnings with thumbnail image)
 */
.imageExtraLarge { /* width: 275px; */ }

/*
 * used on all "products in category" layouts to format the 
 * banner (new, on sale, etc.) image
 */
.imageThumbnailBanner { /* width: 135px; */ }
/*
 * used on the product details layouts to format the 
 * banner (new, on sale, etc.) image
 */
.imageFullSizeBanner { /* width: 275px; */ }

/*
 * used on the view cart screen to flag items that have an error associated
 * with them
 */
.tableRowError { background-color: #ffc184; }

/*
 * used to display "success" messages from the system
 */
TABLE.success { width: 100%; }
UL.success { margin-left: 0px; }
LI.success { margin-left: 0px; }
.success { color: red; font-weight: bold; }
/*
 * used to display "error" messages from the system
 */
TABLE.error { width: 100%; }
UL.error { margin-left: 0px; }
LI.error { margin-left: 0px; }
.error { color: red; font-weight: bold; }

/*
 * used on the checkout and my account billing and shipping info screens
 * to format the text boxes in the form where users enter information
 */
.moduleSmallText { font-size: 10px; }

/*
 * default styles for formatting links on the site.
A:link { color: blue; font-weight: bold; }
A:active { color: blue; font-weight: bold; }
A:visited { color: #0066CC; font-weight: bold; } 3F8AAe
A:hover { color: blue; font-weight: bold; }
 */

/*
 * used on the product search results and all list products pages
 * to display the "back/next" table at the top of the page
 */
.pagedCategoryHeader { background-color: #F7F7F7; border: 2px solid #0084C7; }

/*
 * used in the my account area for displaying all of the page headers
 */
.myAccountHeader{	font-size: 18px; text-align: left;	color: #333333;	font-weight : bold;}

/*
 * used in the my account area home page to display the sub-headings for:
 * "Your Billing Address", "Your Shipping Address", "Past Orders", and "Subscriptions"
 */
.myaccountSubHeader { font-weight: bold; font-size: 16px; }

/*
 * used in the my account area home page to display the table/column headers on the past orders and subscriptions areas
 * table 
 */
.myaccountTableHeader { background-color: #333333; color: #F7F7F7; font-weight: bold; }

/* 
 * used to format the "already have an account? login here" box that gets displayed
 * during checkout
 */
.quickCheckoutLoginTableOuter { background-color: #F7F7F7; border: 2px solid #0084C7; }

/*
 * the following are used to display the "forgot password" link on the
 * quick checkout page
 */
.quickCheckoutForgotPasswordLink { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Link { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Active { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Visited { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Hover { color: #383F11; }

/*
 * the following are used to display the "forgot password" link on the
 * my account login page
 */
.myaccountForgotPasswordLink { color: #383F11; }
A.myaccountForgotPasswordLink:Link { color: #383F11; }
A.myaccountForgotPasswordLink:Active { color: #383F11; }
A.myaccountForgotPasswordLink:Visited { color: #383F11; }
A.myaccountForgotPasswordLink:Hover { color: #383F11; }

/*
 * used on the view cart screen to format the product title text
 * which is also the link to popup a product details window
 */
A.cartDetailsOnlyLink { color: #333333; }
A.cartDetailsOnlyLink:link { color: #333333; }
A.cartDetailsOnlyLink:visited { color: #333333; }
A.cartDetailsOnlyLink:active { color: #333333; }
A.cartDetailsOnlyLink:hover { color: #333333; }

/*
 * used on the "top level category" listing (which gets displayed by the
 * <NES_Categories> tag in your template) to format the link to each category
 */
A.productsCategoryLink { font-size: 12px; font-family: Helvetica, Arial, San-Serif; font-style: normal; font-weight: bold; line-height: 20px; display: block; width: 141px; height: 20px; margin-left: -6px; margin-top: 1px; padding-left: 7px; }
A.productsCategoryLink:link { color: #43403D; text-decoration: none; }
A.productsCategoryLink:visited { color: #43403D; text-decoration: none; }
A.productsCategoryLink:active { color: white; text-decoration: none; background-color: #0C539E; }
A.productsCategoryLink:hover { color: white; text-decoration: none; background-color: #0C539E; }
/* .productsCategoryLink{ background-color: #DDDDDD; } */
DIV.productsCategoryLink{ margin: 0px; margin-right: -6px; padding: 1px 0px 0px 13px; background: url('/customerFiles/styleImages/doublelineback.gif') repeat-x; }


/*
 * used in "sub categories" style 1 to display the link to each sub-category
 */
A.productsSubcategoryLink { font-size: 13px; font-weight: bold; color: black; line-height: 25px; }
A.productsSubcategoryLink:link { color: black; text-decoration: none; }
A.productsSubcategoryLink:visited { color: black; text-decoration: none; }
A.productsSubcategoryLink:active { color: #0C539E; text-decoration: none; }
A.productsSubcategoryLink:hover { color: #0C539E; text-decoration: none; }

/*
 * used on all "product in category" layouts to format the cell
 * that holds the category bread crumb trail (bread crumb trail means:
 * Top Category > Next Category > Last category
 */
.productsBreadCrumbHeader { } /* background: url('/customerFiles/styleImages/featureddots.gif'); */
/*
 * used on all "product in category" layouts to format the actual
 * text of the bread crumb trail
 */
.productsBreadcrumb {font-size: 18px; margin-top: 3px; font-weight: bold; }
/*
 * used on all "product in category" layouts to format the links back to
 * previous categories in the bread crumb trail. NOTE that this will most
 * likely override what you have set in .productsBreadCrumb, so it is best
 * to make them the same (but you can change the link, visited, active, hover
 * versions if you wish...
 */
.productsBreadcrumbLink { font-size: 18px; margin-top: 3px; font-weight: bold; }
A.productsBreadcrumbLink:link { }
A.productsBreadcrumbLink:visited { }
A.productsBreadcrumbLink:active { }
A.productsBreadcrumbLink:hover { }

/* 
 * used on all "products in category" layouts and the search results
 * page to display the page numbers table cell
 */
.productListPages { color: #0084C7; }

/*
 * used on the add to cart and payment processing screen as a header
 * to error messages. on add to cart, it says "Please correct the following: " 
 * and on payment processing it says "Payment could not be processed because: "
 * or "Unexpected error: "
 */
.errorHeader { font-weight:bold; color:red; }
/*
 * used on add to cart errors to format the list of errors
 */
.errorList { color: red; }
/*
 * used on add to cart errors to format the header and footer of the list.
 * this probably shouldn't be changed
 */
UL.errorList { margin-top: 2px; }
/*
 * used on payment processing screen to format the error explanations
 */
.errorExplanation { color: red;  font-weight: normal; }
/*
 * used on some forms to display text that is an example of how to enter
 * the form data. (for example, on the checkout billing form, it shows the
 * proper format of the phone number)
 */
.exampleText { color: #999999; font-style: italic; }

/*
 * for "products in category" layout1
 * - current is the 1st, 3rd, 5th, 7th, etc rows
 * - alternate is the 2nd, 4th, 6th, 8th, etc rows
 * - categoryLayout1RowCurrentBackround is the background color for current rows
 * - categoryLayout1RowCurrentDivider is the divider between each column of the current rows
 * - categoryLayout1CurrentBorder is the border around the current rows
 * - categoryLayout1RowAlternateBackround is the background color for alternate rows
 * - categoryLayout1RowAlternateDivider is the divider between each column of the alternate rows
 * - categoryLayout1AlternateBorder is the border around the alterate rows
 */
.categoryLayout1RowCurrentBackground  { background-color: White; }
.categoryLayout1RowCurrentDivider  { background: white url('/customerFiles/styleImages/elowcarbsDefaultSeparator.gif'); }
.categoryLayout1CurrentBorder { /*border: 1px solid Black; background-color: Black;*/ }
.categoryLayout1RowAlternateBackground { background-color: #F7F7F7; }
.categoryLayout1RowAlternateDivider  { background: #F7F7F7 url('/customerFiles/styleImages/elowcarbsDefaultSeparator.gif'); }
.categoryLayout1AlternateBorder { border: 1px solid #0084C7; background-color: #0084C7; }

/*
 * for "product listing" layout 3, this is used to display the:
 * - product sku
 * - product price
 * - product "short" description
 */
.productListingLayout3FeaturedSmallText{ font-size: 10px; }

/*
 * used when displaying a product list via the <NES_ProductList> template tag, this
 * displays the product list title
 */
.productListHeader{	font-size: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold;}

/*
 * used for the default template, this formats most of the text on the site
 */
.maintext {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #666666}

/*
 * used for the default template, this formats the navigation links at the top of the site
 */
.topnav:LINK { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; }
.topnav:VISITED { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; }
.topnav:HOVER { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; }

/*
 * used for the default template, this formats the view cart, checkout, quick order 
 * and my account links at the top of the page
 */
.cartlinks:LINK { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; }
.cartlinks:VISITED { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; }
.cartlinks:HOVER { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; }

/*
 * used in the default template for displaying the phone number at the bottom of
 * the page
 */
.whiteregtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF; }
/*
 * used in the default template for displaying the netsource copyright, and the
 * return policy, privacy policy links at the bottom of the page
 */
.smallregtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #333333; }








/****************************************************
 *	   		  CUSTOMER SPECIFIC STYLES				*
 ****************************************************/
 /*
 * used on the "top level category" listing (which gets displayed by the
 * <NES_Categories> tag in your template) to format the link to each category
 * FOR NEW/SALE categories
 */ 
A.productsCategoryLinkNewSale { font-family: Helvetica, Arial, San-Serif; font-style: italic; font-weight: bold; font-size: 16px; line-height: 20px; display: block; width: 141px; height: 20px; margin-left: -6px; margin-top: 1px; padding-left: 7px; }
A.productsCategoryLinkNewSale:link { color: #CC0000; text-decoration: none; }
A.productsCategoryLinkNewSale:visited { color: #CC0000; text-decoration: none; }
A.productsCategoryLinkNewSale:active { color: white; text-decoration: none; background-color: #CC0000; }
A.productsCategoryLinkNewSale:hover { color: white; text-decoration: none; background-color: #CC0000; }
/* .productsCategoryLinkNewSale{ background-color: #DDDDDD; } */
DIV.productsCategoryLinkNewSale{ margin: 0px; margin-right: -6px; padding: 1px 0px 0px 13px; background: url('/customerFiles/styleImages/doublelineback.gif') repeat-x; }


/*************************************************************
 *		Styles for VIP's Custom "Product Listing" layout
 *************************************************************/

/*
 * for "product listing" cVIP, this is used to display the:
 * - store name
 */
.productListingLayoutCVIPStoreName { font-size: 10px; font-weight: bold; }

/*
 * for "product listing" cVIP, this is used to display the:
 * - short title (which is a link to the product details screen)
 */
.productListingLayoutCVIPShortTitle { font-size: 10px; font-weight: bold; }
A.productListingLayoutCVIPShortTitle:Link { color: black; text-decoration: none; }
A.productListingLayoutCVIPShortTitle:Active { color: black; text-decoration: none; }
A.productListingLayoutCVIPShortTitle:Visited { color: black; text-decoration: none; }
A.productListingLayoutCVIPShortTitle:Hover { color: black; text-decoration: underline; }

/*
 * for "product listing" cVIP, this is used to display the:
 * - Regular Price caption ("Regular Price:")
 */
.productListingLayoutCVIPPriceCaption { font-size: 10px; font-weight: bold; }

/*
 * for "product listing" cVIP, this is used to display the:
 * - Regular Price value ("$12.95")
 */
.productListingLayoutCVIPPriceValue { font-size: 10px; font-weight: bold; }

/*
 * for "product listing" cVIP, this is used to display the:
 * - special/member's price caption ("Member Price:")
 */
.productListingLayoutCVIPSpecialPriceCaption { font-size: 10px; font-weight: bold; color: #CC0000; }

/*
 * for "product listing" cVIP, this is used to display the:
 * - special/member's price value ("12.95")
 */
.productListingLayoutCVIPSpecialPriceValue { font-size: 10px; font-weight: bold; color: #CC0000; }

.productListingLayoutCVIPBackInStock {}



/*************************************************************
 * Styles for VIP's Custom "Membership Product Listing" layout
 *************************************************************/

/*
 * for "product listing" cVIPMemberships, this is used to display the:
 * - short title (which is a link to the product details screen)
 */
.productListingLayoutCVIPMembershipsShortTitle { font-weight: normal; }
P.productListingLayoutCVIPMembershipsShortTitle { margin-top: 0px; margin-bottom: 0px; }
A.productListingLayoutCVIPMembershipsShortTitle:Link { color: black; text-decoration: none; }
A.productListingLayoutCVIPMembershipsShortTitle:Active { color: black; text-decoration: none; }
A.productListingLayoutCVIPMembershipsShortTitle:Visited { color: black; text-decoration: none; }
A.productListingLayoutCVIPMembershipsShortTitle:Hover { color: black; text-decoration: underline; }

.productListingLayoutCVIPMembershipsBenefits { font-weight: bold; }
P.productListingLayoutCVIPMembershipsBenefits { margin-top: 7px; margin-bottom: 2px; }
A.productListingLayoutCVIPMembershipsBenefits:Link { }
A.productListingLayoutCVIPMembershipsBenefits:Active { }
A.productListingLayoutCVIPMembershipsBenefits:Visited { }
A.productListingLayoutCVIPMembershipsBenefits:Hover { }

/*
 * for "product listing" cVIPMemberships, this is used to display the:
 * - Regular Price caption ("Regular Price:")
 */
.productListingLayoutCVIPMembershipsPriceCaption { }

/*
 * for "product listing" cVIPMemberships, this is used to display the:
 * - Regular Price value ("$12.95")
 */
.productListingLayoutCVIPMembershipsPriceValue { font-weight: bold; }



/*************************************************************
 * Additional Layout Styles for VIP's Custom "Product Listing 1"
 * layout. These should be added to the base layouts at some point
 *************************************************************/

/*
 * for "product listing" cVIP and cVIPMemberships, this is used to format the:
 * - spacer row between rows of products
 */
.cartListProductsCellSpacerRow { height: 15px; }
IMG.cartListProductsCellSpacerRow { width: 100%; border-top: 1px solid black; margin-top: 10px; }

/*
 * for "product listing" cVIP and cVIPMemberships, this is used to format the:
 * - spacer column between products
 */
.cartListProductsCellSpacerColumn { width: 1px; height: 1px; }


/*
 * for "{$fanclub} Free Enrollment" link on the
 * product's in category listing and subcategory listings
 * the SPAN is for the non-link text, the A is for the linked text
 */
SPAN.cvipFreeEnrollment { font-size: 10px; }
A.cvipFreeEnrollment:Link { }
A.cvipFreeEnrollment:Active { }
A.cvipFreeEnrollment:Visited { }
A.cvipFreeEnrollment:Hover { }


/*************************************************************
 * Additional Layout Styles for VIP's Custom "Product Listing 2"
 * layout. These should be added to the base layouts at some point
 *************************************************************/

.cvipLayout2ImageCell { width: 80px; padding-right: 5px; }
.cvipLayout2TextCell { width: 200px; }
.cvipLayout2CartBannerText {}
DIV.cvipLayout2CartListProductHeader { margin-top: 5px; }
.cvipLayout2CartListProductHeader {}
A.cvipLayout2CartListProductHeader:Link {}
A.cvipLayout2CartListProductHeader:Active {}
A.cvipLayout2CartListProductHeader:Visited {}
A.cvipLayout2CartListProductHeader:Hover {}
.cvipLayout2ProductListingStore { margin: 0px; font-weight: bold; }
P.cvipLayout2ProductListingShortTitle { margin-top: 5px; margin-bottom: 0px }
.cvipLayout2ProductListingShortTitle { font-weight: bold; }
A.cvipLayout2ProductListingShortTitle:Link { color: black; text-decoration: none; }
A.cvipLayout2ProductListingShortTitle:Active { color: black; text-decoration: none; }
A.cvipLayout2ProductListingShortTitle:Visited { color: black; text-decoration: none; }
A.cvipLayout2ProductListingShortTitle:Hover { color: black; text-decoration: underline; }
.cvipLayout2ProductListingShortDescription { margin-top: 5px; font-weight: bold; }
TD.cvipLayout2ProductListingPriceCaption { width: 90px; }
.cvipLayout2ProductListingPriceCaption { font-size: 10px; font-weight: bold; }
.cvipLayout2ProductListingPriceValue { font-size: 10px; font-weight: bold; }
TD.cvipLayout2ProductListingSpecialPriceCaption { width: 90px; }
.cvipLayout2ProductListingSpecialPriceCaption { font-size: 10px; font-weight: bold; color: #CC0000; }
.cvipLayout2ProductListingSpecialPriceValue { font-size: 10px; font-weight: bold; color: #CC0000; }
.cvipLayout2ProductListingOnBackOrder { color: #0C539E; font-weight: bold; }
.cvipLayout2ProductListingOutOfStock { color: #0C539E; font-weight: bold; }
.cvipLayout2ProductListingCellSpacerRow { height: 15px; }
IMG.cvipLayout2ProductListingCellSpacerRow { width: 300px; border-top: 1px solid black; margin-top: 10px; }
.cvipLayout2ProductListingCellSpacerColumn { width: 10px; }
FORM.cvipLayout2ProductListingForm { margin-top: 5px; margin-bottom: 5px; }
.cvipLayout2ProductListingBackInStock {}

/*************************************************************
 * Styles for: All Clubs Benefits Page
 *************************************************************/

/*
 * for Member Benefits (all clubs) on primary domain
 * this for formatting the H2/Header 
 */
.cvipAllBenefitsHeader {}

/*
 * for Member Benefits (all clubs) on primary domain
 * this for formatting the intro text beneath the H2/Header 
 */
.cvipAllBenefitsIntro {}

/*
 * for Member Benefits (all clubs) on primary domain
 * this for formatting the TITLE of a fan club
 */
.cvipAllBenefitsSubscriptionTitle { font-weight: bold; }

/*
 * for Member Benefits (all clubs) on primary domain
 * this for formatting the container around actual benefits text
 */
.cvipAllBenefitsTextContainer {}

/*
 * for Member Benefits (all clubs) on primary domain
 * this for formatting the separation element between fan clubs
 */
HR.cvipAllBenefitsSeparator {  width: 98%; color: #416986; height: 1px; } 


/*************************************************************
 * Styles for: Single Club Benefits Page - In main template
 *************************************************************/

/*
 * for Member Benefits (single club) on primary domain
 * this for formatting the H2/Header 
 */
.cvipSingleBenefitsHeader {}

/*
 * for Member Benefits (single club) on primary domain
 * this for formatting the intro text beneath the H2/Header 
 */
.cvipSingleBenefitsIntro {}

/*
 * for Member Benefits (single club) on primary domain
 * this for formatting the TITLE of a fan club
 */
.cvipSingleBenefitsSubscriptionTitle { font-weight: bold; }

/*
 * for Member Benefits (single club) on primary domain
 * this for formatting the container around actual benefits text
 */
.cvipSingleBenefitsTextContainer {}


/*************************************************************
 * Styles for: Single Club Benefits Page - In popup template
 *************************************************************/

/*
 * for Member Benefits (single club popup) on primary domain
 * this for formatting the H2/Header 
 */
.cvipSingleBenefitsPopupHeader {}

/*
 * for Member Benefits (single club popup) on primary domain
 * this for formatting the TITLE of a fan club
 */
.cvipSingleBenefitsPopupSubscriptionTitle { font-weight: bold; margin-bottom: 0px; }

/*
 * for Member Benefits (single club popup) on primary domain
 * this for formatting the container around actual benefits text
 */
.cvipSingleBenefitsPopupTextContainer { margin-left: 25px; }


/*************************************************************
 * Styles for: Product Details Page
 *************************************************************/

/*
 * for "Back In Stock Notifcations DIV
 */
#c_backInStockNotification {
	margin-top: 5px;
}
#c_backInStockNotification IMG {
	margin-top: 5px;
}

/*
 * for Banner Text (if any)
 */
.cvipCartBannerText {}

/*
 * for Large Image
 */
.cvipProductDetailsImageStyle {}

/*
 * for Banner Image
 */
.cvipProductDetailsBannerImageStyle {}

/*
 * for adjusting the minimum width of the left column on the
 * Product Details screen
 */
IMG.cvipProdDetailsLeftColumn { width: 200px; height: 1px; }

/*
 * for Regular Price field
 */
TD.cvipRegularPriceCaption { width: 90px; }
.cvipRegularPriceCaption { font-weight: bold; }
.cvipRegularPrice { font-weight: bold; }

/*
 * for Special / Member Price field
 */
TD.cvipSpecialPriceCaption { height: 20px; padding-bottom: 5px; }
.cvipSpecialPriceCaption { font-weight: bold; color: #CC0000; }

TD.cvipSpecialPrice { height: 20px; padding-bottom: 5px; }
.cvipSpecialPrice { font-weight: bold; color: #CC0000; }

/*
 * format the container that holds the option fields
 */
DIV.cvipOptionsContainer { width: 100%; margin-bottom: 5px; }

/*
 * for quantity field
 */
TD.cvipQuantity { font-weight: bold; }
INPUT.cvipQuantity { width: 30px; text-align: right; }

/*
 * for OUT OF STOCK text
 */
.cvipCartProductDetailsOutOfStock { color: #0C539E; font-weight: bold; }

/*
 * for ON BACK ORDER text
 */
.cvipCartProductDetailsOnBackOrder { color: #0C539E; font-weight: bold; }

/*
 * for "Mail / Fax Order Instructions" link
 */
DIV.cvipMailOrderFaxInstructions { clear: left; margin-top: 8px; }
A.cvipMailOrderFaxInstructions:Link { }
A.cvipMailOrderFaxInstructions:Active { }
A.cvipMailOrderFaxInstructions:Visited { }
A.cvipMailOrderFaxInstructions:Hover { }

/*
 * for Store Title field
 */
DIV.cvipCartProductStoreTitle { padding-top: 5px; }
.cvipCartProductStoreTitle { font-weight: bold; }

/*
 * for Product Title field
 */
DIV.cvipCartProductTitle { padding-top: 5	px; padding-bottom: 10px; }
.cvipCartProductTitle { font-weight: bold; color: #CC0000; }

/*
 * for product description (long) field
 */
.cvipCartProductDescriptionLong { font-weight: bold; }

/*
 * for SKU Label/Caption text
 */
TD.cvipCartProductSKUCaption { height: 35px; }
.cvipCartProductSKUCaption { font-weight: bold; }

/*
 * for actual SKU value
 */
TD.cvipCartProductSKU { height: 35px; }
.cvipCartProductSKU { font-weight: bold; }



/*************************************************************
 * Styles for: Join Fan Club (single club)
 *************************************************************/

.cvipJoinSingleHeader {}
.cvipJoinSingleIntro {}
DIV.cvipJoinSingleProductContainer {}
DIV.cvipJoinSingleTermsContainer { margin-top: 10px; margin-left: 5px; }


/*************************************************************
 * Site Jump - Jump Menu Styles
 *************************************************************/
 
FORM.c_siteJumpMenu {}
SELECT.c_siteJumpMenu {}
OPTION.c_siteJumpMenu {}


/*
 * for container that holds the upsells on the view cart screen
 */
.cvipUpsellContainer { width: 300px; }


/*************************************************************
 * VIP Layout 3 (Product Listing) Styles
 *************************************************************/

.productListingLayoutCVIP3StoreName { color: white; font-weight: bold; font-size: 11px; }
SPAN.productListingLayoutCVIP3ShortTitle { color: white; font-weight: bold;  font-size: 11px; }
A.productListingLayoutCVIP3ShortTitle:Link { color: white; text-decoration: none; }
A.productListingLayoutCVIP3ShortTitle:Active { color: white; text-decoration: none; }
A.productListingLayoutCVIP3ShortTitle:Visited { color: white; text-decoration: none; }
A.productListingLayoutCVIP3ShortTitle:Hover { color: white; text-decoration: none; }
.productListingLayoutCVIP3Price { color: white;  font-weight: bold; font-size: 11px; }

.productListingLayoutCVIP3CellHeader { text-align: center; }
.productListingLayoutCVIP3CellMiddle { text-align: center; }
.productListingLayoutCVIP3CellFooter { text-align: center; }

.productListingLayoutCVIP3CellHeaderEmpty {}
.productListingLayoutCVIP3CellMiddleEmpty {}
.productListingLayoutCVIP3CellFooterEmpty {}

.productListingLayoutCVIP3CellSpacerColumn { width: 1px; }
.productListingLayoutCVIP3CellSpacerRow { height: 10px; }

.productListingLayoutCVIP3BackInStock { color: white; }

/*************************************************************
 * Product Only Popup Styles
 *************************************************************/

.cvipDetailsOnlyPriceCaption { width: 95px; font-weight: bold; }
.cvipDetailsOnlyPrice { font-weight: bold; }
.cvipDetailsOnlySpecialPriceCaption { width: 95px; color: #CC0000; font-weight: bold; }
.cvipDetailsOnlySpecialPrice { color: #CC0000; font-weight: bold; }



/*
 * Styles for the SEARCH FORM FIELD and BUTTON in the template's left bar
 */
FORM.vipSearchFormStyles { margin-top: 0px; margin-bottom: 3px; margin-left: 12px; }
INPUT.vipSearchFormStyles { font-size: 10px; width: 80px; }
.vipSearchFormButtonStyles { margin-top: 5px; }

/*
 * Link for the bottom nav links in the MAIN VIP web site's templates
 */
.bottomnav:LINK, .bottomnav:Active { font-size: 10px; font-weight: normal; color: white; text-decoration: none; font-weight: normal; }
.bottomnav:VISITED { font-size: 10px; font-weight: normal; color: white; text-decoration: none; font-weight: normal; }
.bottomnav:HOVER { font-size: 10px; font-weight: normal; color: #FFCC00; text-decoration: none; font-weight: normal; }

/*
 * Styles used in the "Login Bar" in the templates - used by all stores
 */
.logintext { color: #CC0000; font-weight: normal; font-weight: bold; }
.memberid { color: black; font-weight: bold; }
FORM.enterid { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
INPUT.enterid { color: #000000; font-size: 10px; line-height: 10px; height: 17px; width: 100px; margin-bottom: -1px; }

/*
 * VIP can wrap text in the PRODUCT DESCRIPTION and assign the class below
 * to make text stand out when it gets sent to the browser
*/
.productHighlight { color: #CC0000;  }


/*
 * Styles used on shared content pages
 */

.moduleHeading1 { color: black; font-size: 18px; font-weight: bold; }
.moduleHeading2 { color: black; font-size: 14px; font-weight: bold; }
.subhead { color: BLaCK; font-weight: bold; }
.subhead2 { color: #416986; }
.caption { color: BLaCK; font-weight: bold; }
.highlight { color: #0C539E; }


.shipChartHeading { color: #0C539E; font-weight: bold; font-size: 12px; }
.shipChartAxisHeading { color: black; font-weight: bold; font-size: 12px; }
.shipChartColumnHeading { background-color: #416986; color: white; font-weight: bold; font-size: 12px; }
.shipChartRow1 { background-color: #416986; color: #FFCC00; font-size: 12px; }
.shipChartRow2 { background-color: #416986; color: white; font-size: 12px; }
.shipChartExplain { color: #666666; font-weight: bold; font-size: 12px; }

/* 
 * Styles for Banner Ad container and inner elements
 */
#c_bannerAd {
	margin-left: 8px;
	margin-bottom: 100px;
}

/*
 * Bottom right content region styles
 */
#c_blcContentRegion {
	width: 128px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 5px;	
	text-align: center;
}

/*
 * Right Google Ad styles
 */
#c_rightBannerAd {
	margin-left: 8px;
}


/*
 * Right Middle Flash (between banner and google)
 */
#c_rightCenterBannerAd {
	margin-left: 8px;
	margin-bottom: 95px;
}


/**
 * Email a Friend FORM Styles
 */
#c_emailFriend {
	width: 500px;
}

#c_emailFriend .cartWarningHeader {
	text-align: center;
}

#c_emailFriend .fieldCaption {
	font-weight: bold;
	text-align: right;
}

#c_emailFriend .textBox {
	width: 150px;
}

#c_emailFriend textarea {
	width: 250px;
	height: 50px;
}


/**
 * Email a Friend LINK Styles (on product details page)
 */
DIV.c_emailFriend { 
	padding-top: 5px;
	width: 220px;
}

A.c_emailFriend {
	background-image: url('/images/c_emailEnvelope.gif');
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 28px;
	line-height: 18px;
}

.c_clubNews { 
	background-color: #D6D8D8;
	padding: 5px;
}

.c_todaysDate {
	font-family: Helvetica, Arial, San-Serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	text-align: right;
	padding-right: 10px;
}