/*
 * 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:12px; color: #666666; 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; color: #2B557F; }

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

/*
 * 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: #0084C7;	font-size: 12px;	font-weight: bold;	background-color: #DFDBD0;	text-align: center;	border: 1px solid black;}
/*
 * 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 Black;}
/*
 * 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 button
 */ 
.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: #A9A68D; font-weight: bold; }
/*
 * used on view cart and invoice to print out each items subtotal
 */
.cartSubtotal { color: #FFFFFF; background-color: #A9A68D;}

/*
 * 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: #993333; 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: #993333; 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 { color: #004284; font-size: 14px; }
/*
 * 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 { color: #004284; font-weight: bold; font-size: 14px; }
/*
 * 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: #DFDBD0; 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: #993333; font-weight: bold; }
/*
 * used on "products in category" layout 2 to display the "on back order"
 * message for a product
 */
.cartListProductsFeaturedOnBackOrder { color: #993333; font-weight: bold; }
/*
 * used on product details layouts 1 and 2 to display the "on back order"
 * message for the product
 */
.cartProductDetailsOnBackOrder { color: #993333; font-weight: bold; }
/*
 * used on "products in category" layouts 1 and 4 to display the "out of stock"
 * message for a product
 */
.cartListProductsOutOfStock { color: #993333; font-weight: bold; }
/*
 * used on "products in category" layout 2 to display the "out of stock"
 * message for a product
 */
.cartListProductsFeaturedOutOfStock { color: #993333; font-weight: bold; }
/*
 * used on product details layouts 1 and 2 to display the "out of stock" 
 * message for a product
 */
.cartProductDetailsOutOfStock { color: #993333; 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: #993333; }
.cartAlertLink:Visited { color: #993333; }
.cartAlertLink:Active { color: #993333; }

/*
 * used at the top of all checkout screens to display the 
 * "Step x of y" title
 */
.checkOutSteps { color: #0084C7; 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
 */
.success { color: blue; font-weight: bold; }
/*
 * used to display "error" messages from the system
 */
.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: 14px;	color: #333333;	font-weight : bold;}

/*
 * used in the my account area home page to display the headers on the past orders
 * table 
 */
.myaccountPastOrderHeader { 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: #DFDBD0; border: 1px; border-width: 3px;  border-style: solid;  border-color: #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-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;}
A.productsCategoryLink:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;}
A.productsCategoryLink:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;}
A.productsCategoryLink:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;}
A.productsCategoryLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;}
.productsCategoryLink{ background-color: #DDDDDD; }
DIV.productsCategoryLink{ padding-top: 4px; padding-bottom: 4px; padding-left: 8px; background: #DDDDDD 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: 11px; font-weight: bold; }
A.productsSubcategoryLink:link { color: #F9F9F9; text-decoration: none; }
A.productsSubcategoryLink:visited { color: #F9F9F9; text-decoration: none; }
A.productsSubcategoryLink:active { color: #47DD22; text-decoration: none; }
A.productsSubcategoryLink:hover { color: #47DD22; 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: 16px;	color: Gray;	background-color: white;	font-style : italic;	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: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold;}
A.productsBreadcrumbLink:link { font-size: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold; }
A.productsBreadcrumbLink:visited { font-size: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold; }
A.productsBreadcrumbLink:active { font-size: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold; }
A.productsBreadcrumbLink:hover { font-size: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold; }

/* 
 * 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; color: black;}

/*
 * 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; }