ul {margin:0; padding:0; list-style:none; line-height:18px} li {background:url(file:///C|/Documents and Settings/Suzie/My Documents/~WEBSITES/MD_Foods/customerFiles/templateImages/pointer.gif) center left no-repeat;padding:0 0 0 11px } body{ margin-left: 0px; margin-top: 12px; margin-right: 0px; margin-bottom: 12px; padding:0px; background-color:#FFFFFF; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color: #FFFFFF; font-weight: normal; } td,div{ font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif; color:#FFFFFF; } .header1{ color:#E42228; font-weight:bold;} .pol{ color:#3C3C3C; font-size:9px; } .pol2{ color:#444444; font-size:10px; } .link{ color:#A0A0A0; } a.link2:Link{color:#FFFFFF;} a.link2:Visited{color:#FFFFFF;} a.link2:Active{color:#FFFFFF;} a.link2:Hover{color:#FFFFFF;} a.link3:Link{color:#707070;font-size: 11px;font-size:10px;} a.link3:Visited{color:#707070;font-size: 11px;font-size:10px;} a.link3:Active{color:#707070;font-size: 11px;font-size:10px;} a.link3:Hover{color:#707070;font-size: 11px;font-size:10px;} .link4:Link{color:#3C3C3C; font-size:9px;} .link4:Visited{color:#3C3C3C; font-size:9px;} .link4:Active{color:#3C3C3C; font-size:9px;} .link4:Hover{color:#3C3C3C; font-size:9px;} .t1_l{ color:#181818; font-size:9px; text-decoration:none; } .t1{ color:#181818; font-size:9px; } a.pol2:hover{color:#707070; text-decoration:none} a.link:hover{text-decoration:none} a.t1_l:hover{text-decoration:underline} .input{ width:143px; height:19px; background-color:#181818; font-size:11px; font-family:Tahoma; color:#A0A0A0; border-color:#404040; border-style:solid; border-width:1px; margin:0px; padding:2 0 0 3px; } .textarea{ width:173px; height:82px; background-color:#181818; font-size:11px; font-family:Tahoma; color:#A0A0A0; border-color:#404040; border-style:solid; border-width:1px; margin:0px; padding:2 0 0 3px; overflow:auto; } .textarea2{ width:120px; height:20px; background-color:#181818; font-size:11px; font-family:Tahoma; color:#A0A0A0; border-color:#404040; border-style:solid; border-width:1px; margin:0px; padding:2 0 0 3px; overflow:hidden; } /* * 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) */ P, BR, TABLE,{ font-family:Tahoma; font-size:11px; color: #999999; 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: 14px; color: #F15920; } /* * this defines what font type, size, color, etc. that all form input * and select tags will use. */ INPUT, SELECT { font-size: 11px; } /* * 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: #E42228; font-size: 11px; font-weight: bold; background-color: #FFFFFF; text-align: center; border: 1px #231F20;} /* * used on: * - view cart to display the data for each product * - order invoice to show the data for each product */ .smalltabletext { font-size: 11px; border : 1px #231F20;} /* * 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: #E42228 } /* * used on most forms to indicate a required field - this is usally * wrapped around the required field indicator (*) */ .requiredfield { color: #E42228; 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: #231F20; background-color: #DBDBDB; margin:3px; } /* * 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: #999999; background-color: #E0CCBE; } /* * used on view cart and invoice page to print out order total, coupon, tax * and shipping totals, etc. */ .cartTotals { color: #FFFFFF; background-color: #999999; font-weight: bold; } /* * used on view cart and invoice to print out each items subtotal */ .cartSubtotal { color: #FFFFFF; background-color: #999999;} /* * 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: #F15920; 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: #E42228; font-weight: bold; } /* * used by "products in category" layout1 to display the product SKU */ .cartSKU { font-size: 11px; font-weight: normal; color: #F15920; } /* * used on the product details popup (from view cart) to display the * product SKU */ .cartProductModelBig { color: #999999; 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: #E42228; 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: #231F20; border: 1px solid #231F20; margin-bottom:15px; } /* * used on all product in category layouts to display the product title */ .cartProductTitle { color: #FFFFFF; font-weight: bold; } /* * used on "product listing" layout1 to display the product short description */ .cartProductDescriptionShort { font-weight: normal; } /* * 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: #F15920; 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: #689716; } A.cartListProductHeader:Link { text-decoration: none; color: #689716; } A.cartListProductHeader:Visited { text-decoration: none; color: #689716; } A.cartListProductHeader:Active { text-decoration: none; color: #689716; } A.cartListProductHeader:Hover { text-decoration: underline; color: #689716; } /* * used on "products in category" layouts 2, 3 and 4 to format * the top row of each product column */ .cartListProductsCellHeader { border-top : 1px solid #231F20; border-left : 1px solid #231F20; border-right : 1px solid #231F20; background-color: #231F20; } /* * used on "products in category" layouts 2, 3 and 4 to format * the middle rows of each product column */ .cartListProductsCellMiddle { border-left : 1px solid #231F20; border-right : 1px solid #231F20; background-color: #231F20; } /* * used on "products in category" layouts 2, 3 and 4 to format * the bottom rows of each product column */ .cartListProductsCellFooter { border-left : 1px solid #231F20; border-right : 1px solid #231F20; border-top : 1px solid #231F20; border-bottom : 1px solid #231F20; background-color: #231F20; } /* * used on "products in category" layout 3 to format the table cell * that the "click for more details" link goes in. */ .cartListProductsCellBorder { border-top : 1px solid #231F20; border-left : 1px solid #231F20; border-right : 1px solid #231F20; border-bottom : 1px solid #231F20; background-color: #231F20;} /* * used on "products in category" layouts 1 and 4 to display the * "on back order" message for a product */ .cartListProductsOnBackOrder { color: #F15920; font-weight: bold; } /* * used on "products in category" layout 2 to display the "on back order" * message for a product */ .cartListProductsFeaturedOnBackOrder { color: #F15920; font-weight: bold; } /* * used on product details layouts 1 and 2 to display the "on back order" * message for the product */ .cartProductDetailsOnBackOrder { color: #F15920; font-weight: bold; } /* * used on "products in category" layouts 1 and 4 to display the "out of stock" * message for a product */ .cartListProductsOutOfStock { color: #F15920; font-weight: bold; } /* * used on "products in category" layout 2 to display the "out of stock" * message for a product */ .cartListProductsFeaturedOutOfStock { color: #F15920; font-weight: bold; } /* * used on product details layouts 1 and 2 to display the "out of stock" * message for a product */ .cartProductDetailsOutOfStock { color: #F15920; 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: #F15920; } .cartAlertLink:Visited { color: #F15920; } .cartAlertLink:Active { color: #F15920; } /* * used at the top of all checkout screens to display the * "Step x of y" title */ .checkOutSteps { color: #F15920; 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: #E42228; } /* * used to display "success" messages from the system */ TABLE.success { width: 100%; } UL.success { margin-left: 0px; } LI.success { margin-left: 0px; } .success { color: #F15920; 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: #E42228; 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: #689716; font-weight: normal; } A:active { color: #689716; font-weight: normal; } A:visited { color: #689716; font-weight: normal; } /* 3F8AAe */ A:hover { color: #689716; font-weight: normal; text-decoration:none; } /* * 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: #231F20; border: 1px solid #231F20; } /* * used in the my account area for displaying all of the page headers */ .myAccountHeader{ font-size: 14px; color: #F15920; 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: 12px; } /* * 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: #999999; font-weight: bold; } /* * used to format the "already have an account? login here" box that gets displayed * during checkout */ .quickCheckoutLoginTableOuter { background-color: #231F20; border: 1px solid #231F20; } /* * the following are used to display the "forgot password" link on the * quick checkout page */ .quickCheckoutForgotPasswordLink { color: #999999; } A.quickCheckoutForgotPasswordLink:Link { color: #999999; } A.quickCheckoutForgotPasswordLink:Active { color: #999999; } A.quickCheckoutForgotPasswordLink:Visited { color: #999999; } A.quickCheckoutForgotPasswordLink:Hover { color: #999999; } /* * the following are used to display the "forgot password" link on the * my account login page */ .myaccountForgotPasswordLink { color: #231F20; } A.myaccountForgotPasswordLink:Link { color: #231F20; } A.myaccountForgotPasswordLink:Active { color: #231F20; } A.myaccountForgotPasswordLink:Visited { color: #231F20; } A.myaccountForgotPasswordLink:Hover { color: #231F20; } /* * 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: #999999; } A.cartDetailsOnlyLink:link { color: #999999; } A.cartDetailsOnlyLink:visited { color: #999999; } A.cartDetailsOnlyLink:active { color: #999999; } A.cartDetailsOnlyLink:hover { color: #999999; } /* * used on the "top level category" listing (which gets displayed by the * tag in your template) to format the link to each category */ A.productsCategoryLink { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #A0A0A0; text-decoration: none; margin-left:10px;} A.productsCategoryLink:link { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #A0A0A0; text-decoration: none; margin-left:10px;} A.productsCategoryLink:visited { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #A0A0A0; text-decoration: none; margin-left:10px;} A.productsCategoryLink:active { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #A0A0A0; text-decoration: none; margin-left:10px;} A.productsCategoryLink:hover { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #999999; text-decoration: none; margin-left:10px;} .productsCategoryLink{ background-color: #272727; } DIV.productsCategoryLink{ padding-top: 3px; padding-bottom: 3px; padding-left: 16px; background:url(/customerFiles/styleImages/cat_back.gif) no-repeat; } /* * used in "sub categories" style 1 to display the link to each sub-category */ A.productsSubcategoryLink { font-size: 11px; font-weight: normal; } A.productsSubcategoryLink:link { color: #999999; text-decoration: none; } A.productsSubcategoryLink:visited { color: #999999; text-decoration: none; } A.productsSubcategoryLink:active { color: #999999; text-decoration: none; } A.productsSubcategoryLink:hover { color: #F15920; 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: 14px; color: #E42228; font-style : normal; font-weight : bold; background: #231F20} /* * 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: 14px; color: #E42228; background-color: #231F20; font-style : normal; font-weight : bold;} A.productsBreadcrumbLink:link { font-size: 14px; color: #E42228; background-color: #231F20; font-style : normal; font-weight : bold; } A.productsBreadcrumbLink:visited { font-size: 14px; color: #E42228; background-color: #231F20; font-style : normal; font-weight : bold; } A.productsBreadcrumbLink:active { font-size: 14px; color: #E42228; background-color: #231F20; font-style : normal; font-weight : bold; } A.productsBreadcrumbLink:hover { font-size: 14px; color: #E42228; background-color: #231F20; font-style : normal; font-weight : bold; } /* * used on all "products in category" layouts and the search results * page to display the page numbers table cell */ .productListPages { color: #689716; } /* * 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:#E42228; } /* * used on add to cart errors to format the list of errors */ .errorList { color: #E42228; } /* * 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: #E42228; 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: #231F20; } .categoryLayout1RowCurrentDivider { background: #231F20 /*url('/customerFiles/styleImages/default_separator.gif')*/; } .categoryLayout1CurrentBorder { /*border: 1px solid Black; background-color: Black;*/ } .categoryLayout1RowAlternateBackground { background-color: #231F20; } .categoryLayout1RowAlternateDivider { background: #231F20 /*url('/customerFiles/styleImages/default_separator.gif')*/; } .categoryLayout1AlternateBorder { border: 1px solid #231F20; background-color: #231F20; } /* * for "product listing" layout 3, this is used to display the: * - product sku * - product price * - product "short" description */ .productListingLayout3FeaturedSmallText{ font-size: 10px; color: #F15920;} /* * used when displaying a product list via the template tag, this * displays the product list title */ .productListHeader{ font-size: 12px; color: #999999; font-style: italic; font-weight: bold;} /* * used for the default template, this formats most of the text on the site */ .maintext { font-family: Tahoma; font-size: 11px; font-style: normal; color: #FFE6BA;} /* * used for the default template, this formats the navigation links at the top of the site */ .topnav:LINK { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; } .topnav:VISITED { font-family: Tahoma; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; } .topnav:HOVER { font-family: Tahoma; font-size: 11px; 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: Tahoma; font-size: 10px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; } .cartlinks:VISITED { font-family: Tahoma; font-size: 10px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; } .cartlinks:HOVER { font-family: Tahoma; 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: Tahoma; 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: Tahoma; font-size: 10px; font-style: normal; font-weight: normal; color: #6B6B6B; }