/* ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved Use this stylesheet to change the look of the default header and footer that ship with ProductCart. If styles modified using this page do not appear in your storefront, please check the following two items before anything else: (1) Make sure that header.asp links to this stylesheet. The code goes before the closing tag: (2) Make sure that header.asp contains the following code at the very top of the page, before anything else. (3) The styles included under "MAIN Styles" are the ones that used to be controlled by the Display Settings area of the ProductCart Control Panel in previous versions of the software. Unless you want to, you DO NOT need to change any of the other styles. */ /*----------------------------------------------------------------------------------------- MAIN Styles - They apply to the entire storefront, unless otherwise defined below ----------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------- Storefront Tables - Styles within the table are defined later ----------------------------------------------------------------------------------------*/ /* pcShowCart is the table that organizes the display of information on the shopping cart page */ .pcShowCart { text-align: left; margin-left: 0; width: 100%; border: 0; border-collapse: collapse; } .pcShowCart td { padding: 1px; vertical-align: top; } /* pcShowList is used when showing a list of items such as quantity discounts */ /* Styles within MAIN TABLE */ /* Style the page title */ /* Style within SHOW PRODUCTS table */ /* Style the product name */ .pcShowProductName { font-size: 12px; color: #CC6600; } /* Style the product sku */ #pcMain .pcShowProductSku { color: #CCCCCC; } /* Style the product weight */ #pcMain .pcShowProductWeight { color: #CCCCCC; } /* Style the product brand */ #pcMain .pcShowProductBrand { color: #CCCCCC; } /* Style the product stock */ #pcMain .pcShowProductStock { color: #CCCCCC; } /* Style the Product BTO Default Config */ #pcMain .pcShowProductBTOConfig { color:#CCCCCC; } /* Style the Product Custom Search */ #pcMain .pcShowProductCustSearch { color:#CCCCCC; } /* Style the Product Free Shipping Text */ #pcMain .pcShowProductShipping { color:#CCCCCC; } /* Change font color for "Show Product's Price" feature */ #pcMain .pcShowProductPrice { color:#000000; } /* Strikethrough for List Price */ #pcMain .pcShowProductListPrice { text-decoration:line-through; } /* Change font color for "Show Savings" feature */ #pcMain .pcShowProductSavings { color:#000000; } /* Style the short product description */ #pcMain .pcShowProductSDesc { color:#CCCCCC; padding-right: 30px; } /* Style the "Not for Sale" text */ #pcMain .pcShowProductNFS { color:#0035AD; font-weight:bold; margin: 5px; } /* Style the paragraph that includes the "More Details" button */ .pcShowProductLink { padding-top: 3px; } /* Style the paragraph that includes the "Sort by" drop-down */ .pcSortProducts { text-align: right; } /* pcShowProductsP handles the table that shows product info when products are displayed vertically */ .pcShowProductsP { margin: 5px; padding: 5px; width: 100%; } .pcShowProductImageP { height: 125px; width: 125px; text-align: center; } .pcShowProductImageP img { border: 1px solid #FFFF00; padding: 5px; } .pcShowProductInfoP { text-align: left; width: 95%; padding-left: 10px; } /* pcShowProductsM handles the table that shows product info when products are displayed in a list with the quantity field */ .pcShowProductsMheader1 { text-align: left; background-color:#333333; } .pcShowProductsMheader { text-align: left; background-color:#E5E5E5; } .pcShowProductsM { width: 100%; text-align: left; vertical-align: top; } .pcShowProductImageM { height: 100px; width: 100px; text-align: left; padding: 0 5px 0 5px; } /*----------------------------------------------------------------------------------------- ProductCart Build To Order ----------------------------------------------------------------------------------------*/ /* Style the product configuration pages */ .pcBTOmainTable { width: 100%; background-color: #FFFFFF; border: 0; border-collapse: collapse; } .pcBTOfirstRow { background-color: #F5F5F5; } .pcBTOsecondRow { background-color: #E1E1E1; } /* Style the pop-up window used by ProductCart Build To Order to show additional item information on the configuration pages */ .pcBTOpopup { width: 98%; background-color: #FFFFFF; border: 0; border-collapse: collapse; margin: 5px; font-size: 10px; } .pcBTOpopup img { margin: 5px; vertical-align: bottom; text-align: center; padding-bottom: 3px; } /* Style the detailed product configuration when shown on the shopping cart page order details page, etc. */ .pcShowBTOconfiguration { text-align: left; background-color:#F7F7F7; } .pcShowBTOconfiguration p { size: 10px; color:#666666; } /*----------------------------------------------------------------------------------------- Browse by Category or Brand ----------------------------------------------------------------------------------------*/ .pcShowCategory { text-align: center; margin-left: auto; margin-right: auto; } .pcShowCategory td { vertical-align: bottom; } .pcShowCategoryP { width: 100%; text-align: left; } .pcShowCategoryImage { height: 125px; vertical-align: bottom; text-align: center; padding-bottom: 3px; } .pcShowCategoryImage img { border: 1px solid #FFFF00; padding: 5px; } .pcShowCategoryInfo { margin-top: 5px; vertical-align: top; } .pcShowCategoryInfo p { text-align: center; } .pcShowCategoryInfoP { width: 100%; margin-top: 5px; text-align: left; vertical-align: top; } /*----------------------------------------------------------------------------------------- Product details page ----------------------------------------------------------------------------------------*/ /* Visually separate prices from the rest of the information */ .pcShowPrices { margin-top: 10px; margin-bottom: 10px; font-weight: bold; } /*----------------------------------------------------------------------------------------- Search results page ----------------------------------------------------------------------------------------*/ /* Style list of categories in the category search results */ .pcCatSearchResults ul { list-style-type: none; margin: 0 0 20px 15px; padding: 0; } .pcCatSearchResults ul li { margin: 2px 0 0 0; } /*----------------------------------------------------------------------------------------- ProductCart v2.7x styles ----------------------------------------------------------------------------------------*/ /* Printer-friendly version of order details page */ table.invoice { border-collapse:collapse; border: 1px solid #333333; } table.invoiceBto { border-collapse:collapse; border: 1px solid #999999; } td.invoice { border: 1px solid #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; text-align:left; } td.invoiceNob { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; text-align:left; } /* END */