/* $Id: stylesheet.css,v 1.57 2003/07/23 15:31:35 dgw_ Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License Shoppe Enhancement Controller - Copyright (c) 2003 WebMakers.com Linda McGrath - osCommerce@WebMakers.com Original settings are commented */ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } BODY { /* WebMakers.com Added: Shoppe Enhancement Controller */ /* To avoid the white flash set the color of the background to match your Outter BGColor */ /* If not using Center Shop then reset background color to #ffffff */ /* background-image: url(images/bg.jpg); */ /* background: #ffffff; */ background: #ffffff; color: #000000; margin: 0px; /* BOF: WebMakers.com Added: Setup Browser Scroll Bar */ scrollbar-3dlight-color: #4682B4; scrollbar-arrow-color: Black; scrollbar-base-color: Silver; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: White; scrollbar-shadow-color: Black; scrollbar-face-color: #5F9EA0; scrollbar-track-color: #CECEB7; /* EOF: WebMakers.com Added: Setup Browser Scroll Bar */ } A { /* color: #000000; */ color: #000000; text-decoration: none; } A:hover { /* color: #AABBDD; */ color: #000000; text-decoration: underline; } FORM { display: inline; } TR.header { /* background: #ffffff; */ } TR.headerNavigation { /* BACKGROUND-IMAGE: url(images/header_bar_bluelines.gif) repeat; */ /* background: #408080; */ background: #bbc3d3; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #408080; */ background: #bbc3d3; /* BACKGROUND-IMAGE: url(images/header_bar_bluelines.gif); BACKGROUND-REPEAT: repeat */ color: #ffffff; /* color: #000000; */ font-weight : bold; } A.headerNavigation { color: #FFFFFF; /* color: #000000; */ } A.headerNavigation:hover { color: #ffffff; /* color: #FF0000; */ } TR.headerError { background: #ff0000; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { /* background: #bbc3d3; */ /* background: #408080; */ BACKGROUND-IMAGE: url(images/header_bar_bluelines.gif); BACKGROUND-REPEAT: repeat } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #bbc3d3; */ /* background: #408080; */ /* color: #ffffff; */ color: #000000; font-weight: bold; BACKGROUND-IMAGE: url(images/header_bar_bluelines.gif); BACKGROUND-REPEAT: repeat } .infoBox { /* background: #b6b7cb; */ background: #000000; } .infoBoxContents { /* background: #f8f8f9; */ background: #fffef0; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; /* background: #bbc3d3; */ background: #000000; color: #ffffff; vertical-align: top; } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { /* background: #f8f8f9; */ /* background: #f4f7fd; */ background: #fffef0; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { /* background: #f8f8f9; */ background: #ffffff; } TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; } /* turned off .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #b6b7cb; color: #FFFFFF; font-weight: bold; } */ TR.productListing-heading { background: #d2e9fb; } TD.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #d2e9fb; color: #000000; font-weight: bold; /* font-variant: small-caps; */ } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; /* font-size: 20px; */ font-size: 12px; font-weight: bold; color: #9a9a9a; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main, SPAN.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } /* Moved Down lower */ TD.accountCategory_OLD { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #aabbdd; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; font-weight: bold; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; font-weight: bold; } SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; } TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; } /* font-size: 12px; */ SPAN.greetUser_OLD { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #f0a480; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; /* font-size: 12px; */ font-size: 11px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ // :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: // ::::::::::::::::::::::::: NEW STYLES ::::::::::::::::::::::::::::::::: /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* WebMakers.com Added: New Styles */ /* LOGIN CLASSES */ TD.accountCategory { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-ALIGN: left } SPAN.greetUser { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #009148; FONT-FAMILY: Arial, Verdana, sans-serif } /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* WebMakers.com Added: Quantity Controller */ /* ERROR MESSAGES ON QUANTITY AND UNITS */ TD.QtyErrors, P.QtyErrors { font-family: Verdana, Arial, sans-serif; font-size: 9px; color= #FF0000; line-height: 1.5; } /* BOF: For Discount Prices */ TD.DiscountPriceTitle, P.DiscountPriceTitle { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FF0000; line-height: 1.0; } TD.DiscountPriceQty, P.DiscountPriceQty { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FF0000; line-height: 1.0; } TD.DiscountPrice, P.DiscountPrice { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; line-height: 1.0; } TD.QuantityDiscountAvailable, P.QuantityDiscountAvailable { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF0000; } /* EOF: For Discount Prices */ /* BOF: PRICES */ TD.pageHeadingPriceSavings, DIV.pageHeadingPriceSavings { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #A62A2A; } TD.pageHeadingPrice, DIV.pageHeadingPrice { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #808000; } TD.pageHeadingPriceWholesale, DIV.pageHeadingPriceWholesale { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #0000FF; } TD.pageHeadingPriceList, DIV.pageHeadingPriceList { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #9a9a9a; } TD.pageHeadingPriceRebate, DIV.pageHeadingPriceRebate { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #D1AF0E; } TD.pageHeadingRebateSavings, DIV.pageHeadingRebateSavings { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #388E8E; } /* EOF: PRICES */ /* BOF: Define an Outline style */ .outline { border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF; } /* EOF: Define an Outline style */ /* box2.php */ .infoBox2 { border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } /* Shopping Cart Styles */ TD.ShoppingCartPrices, P.ShoppingCartPrices { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color=#000000; line-height: 1.5; } TD.ShoppingCartSavings, P.ShoppingCartSavings { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000; line-height: 1.5; } TD.ShoppingCartRebateSavings, P.ShoppingCartRebateSavings { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #D1AF0E; line-height: 1.5; } /* Shopping Cart Rows */ TR.productListing-odd_shopping { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px border-style: solid; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border: #FF0000; background: #d5d5d5; } TR.productListing-even_shopping { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px border-style: solid; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border: #FF0000; background: #ebebeb; } /* BOF: Sample colors for product listing */ A.productListing-data { color: #008080; } A.productListing-data:hover { color: #FF0000; background: #C0C0C0; } /* EOF: Sample colors for product listing */ TD.ShoppingCartmainRed, P.ShoppingCartmainRed { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FF0000; line-height: 1.5; } A.ShoppingCartError { color: #FF0000; text-decoration: none; } A.ShoppingCartError:hover { color: #FF0000; text-decoration: underline; background: #8080FF; } SPAN.ShoppingCartError { font-family: Verdana, Arial, sans-serif; color: #ff0000; } TD.ShoppingCartHelp_main, P.ShoppingCartHelp_main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.25; } TD.ShoppingCartShipping_main, P.ShoppingCartShipping_main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.25; } /* BOF: Category Text Description Top Level and SubLevel */ TR.CategoriesDescriptionTop { background: #d2e9fb; } TD.CategoriesDescriptionTop { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #d2e9fb; color: #000000; font-weight: bold; line-height: 1.5; padding-right: 5px; padding-left: 5px } TR.CategoriesDescriptionSub { background: #d2e9fb; } TD.CategoriesDescriptionSub { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #d2e9fb; color: #000000; font-weight: normal; /* line-height: 1.5; */ padding-right: 5px; padding-left: 5px } /* EOF: Category Text Description Top Level and SubLevel */ /* Caution Messages */ TR.Caution { background: #EBCB14; } TD.Caution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #FFFF00; color: #000000; font-weight: bold; line-height: 1.5; padding-right: 5px; padding-left: 5px } /* Categories and Manufacturer default.php */ TD.pageHeading_section, DIV.pageHeading_section { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #9a9a9a; } TD.product_info_BODY { /* background-image: url(images/bg.jpg); BACKGROUND-REPEAT: off; */ } TR.product_info_BODY { /* background-image: url(images/bg.jpg); BACKGROUND-REPEAT: off; */ } TABLE.product_info_BODY { /* background-image: url(images/bg.jpg); BACKGROUND-REPEAT: off; */ } TABLE.HeaderBackground { /* background-image: url(images/clouds.jpg); */ /* BACKGROUND-REPEAT: repeat */ /* background: #000000 */ background: #FFFFFF } TD.ShoppingCart, P.ShoppingCart, SPAN.ShoppingCart { font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: bold; color: #000000; line-height: 1.5; } TD.ShoppingCartAttributes, P.ShoppingCartAttributes, SPAN.ShoppingCartAttributes { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: italic; color: #008080; line-height: 1.5; } TD.ShoppingCartAttributesError, P.ShoppingCartAttributesError, SPAN.ShoppingCartAttributesError { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: italic; color: #FF0000; line-height: 1.5; } TD.ProductIsFree, P.ProductIsFree, SPAN.ProductIsFree { font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: bold; color: #FF0000; } TD.ProductIsShowroomOnly, P.ProductIsShowroomOnly, SPAN.ProductIsShowroomOnly { font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: bold; color: #0000FF; } /* Downloads not available message */ TD.DownloadsMsg, P.DownloadsMsg{ font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; font-weight: bold; color="FF0000"; } /* Show Cart Details */ TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails { /* */ font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; color="bbc3d3"; } /* Show Header Page Links */ TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft { background-image: url(images/button_blank_left.gif); } TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight { background-image: url(images/button_blank_right.gif); } TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks { background-image: url(images/button_blank_middle.gif); font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; /* background: #408080; */ color: #ffffff; } A.HeaderPageLinks { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; } A.HeaderPageLinks:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; /* background: #00FF00; */ color: #00FF00; } /* All Products */ TR.AllProducts { background: #d2e9fb; } TD.AllProducts { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #d2e9fb; color: #000000; font-weight: bold; line-height: 1.5; padding-right: 5px; padding-left: 5px } /* Attributes Qty:Prices Onetime Charges */ TR.AttributesQtyPricesOntime-odd { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px border-style: solid; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border: #FF0000; background: #d5d5d5; } TR.AttributesQtyPricesOntime-even { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px border-style: solid; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border: #FF0000; background: #ebebeb; } TD.ProductDescription, SPAN.ProductDescription, P.ProductDescription { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; } .messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFFF00; } A.BoxLinks { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline; } A.BoxLinks:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; /* background: #00FF00; */ color: #000000; text-decoration: underline; } /* Poll Booth */ TD.pollBoxRow { font-family: Verdana, Arial, sans-serif; font-size: 10px; border-color: #eeeeee; border-style: solid; border-width: 1px; } TD.pollBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; border-color: #eeeeee; border-style: solid; border-width: 1px; } TR.pollOptRow { background: #f1f9fe; } TR.pollFooter { background: #f1f9fe; } /* BOF: column styles */ TABLE.ColumnLeft { /* background: #171d2b; */ } TR.ColumnLeft { /* background: #171d2b; */ } TD.ColumnLeft { /* background: #171d2b; */ } TABLE.ColumnRight { /* background: #171d2b; */ } TR.ColumnRight { /* background: #171d2b; */ } TD.ColumnRight { /* background: #171d2b; */ } /* EOF: column styles */ /* footer Back Ground */ TABLE.footerTable { background: #fffef0; /* background-image: url('images/footer_background.jpg'); background-repeat: repeat; */ } /* footer middle */ TD.footerMiddle { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* Header Navigation Bar Additional Links */ TR.headerNavigationBarLink { /* background: #408080; */ BACKGROUND-IMAGE: url(images/header_bar_bluelines.gif) repeat; } TD.headerNavigationBarLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #408080; */ BACKGROUND-IMAGE: url(images/header_bar_bluelines.gif); BACKGROUND-REPEAT: repeat /* color: #ffffff; */ color: #000000; font-weight : bold; } A.headerNavigationBarLink { /* color: #FFFFFF; */ color: #000000; } A.headerNavigationBarLink:hover { /* color: #ffffff; */ color: #FF0000; } A.headerNavigationBarLinkBreadCrumbs { /* color: #FFFFFF; */ /* color: #000000; */ color: #408080; } A.headerNavigationBarLinkBreadCrumbs { /* color: #FFFFFF; */ /* color: #000000; */ color: #408080; } /* BOF: Image on Product_info */ A.ProductInfoImage { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #408080; text-decoration: none; } A.ProductInfoImage:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; } TABLE.ProductInfoImage { /* padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px */ padding:2px; */ border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; */ /* border-width: 3px; border-color: "#FF0000"; border-style: solid; background: #ebebeb; */ float:right; } TD.ProductInfoImage { /* padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px */ /* padding:10px; */ */ border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; */ /* border-width: 3px; border-color: "#0000FF"; border-style: solid; */ background: #FFFFFF; float:center; } /* EOF: Image on Product_info */ /* BOF: Define Main Page in a box */ .infoBoxDefineMainpage { /* background: #b6b7cb; */ background: #ffffff; } .infoBoxContentsDefineMainpage { /* background: #f8f8f9; */ background: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; } /* add image borders - comment out to remove the borders */ /* suggested by Paul Math */ /* td.productListing-data img {border: 2px #09f groove;} td.productListing-data a:hover img {border: 2px red groove;} */