/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ /* event calendar sytle sheet */ @import url("events_calendar.css"); .boxText { font-family: Arial, Verdana, sans-serif; font-size: 12px; } .errorBox { font-family : Arial, Verdana,sans-serif; font-size : 10px; background: #F76605; font-weight: bold; } .stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } .imagebox { background-image: url("images/cp-final-layout_02.jpg"); background-repeat: no-repeat; border: "0"; }; #container{ width:300px; margin:0 auto; /*centers*/ } #buttonwrapper{ float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:250px; /*width is necessary for the float*/ background: transparent url('images/longbutton.jpg') center top no-repeat; /*sets the one navbar image as background*/ padding: 0, 0, 6, 0; } #buttonwrapper a{ display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/ font: bold 14px Arial; /* Change 13px as desired */ float:left; /*the key to making the list horizontal*/ width:250px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the navbar*/ line-height:26px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical center of the button*/ text-align:center; font-family: Arial, Verdana, Tahoma, sans-serif; color: #ffffff; } #container2{ width:500px; margin:0 auto; centers*/ } #buttonwrapper2{ float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:165px; /*width is necessary for the float*/ background: #554A2C; /* background: transparent url('images/shortbutton.jpg') center top no-repeat; sets the one navbar image as background*/ padding: 0, 0, 0, 0; } #buttonwrapper2 a{ display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/ font: 14px Arial; /* Change 13px as desired */ float:left; /*the key to making the list horizontal*/ width:100px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the navbar*/ line-height:26px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical center of the button*/ text-align:center; font-family: Arial, Verdana, Tahoma, sans-serif; color: #ffffff; } h1 { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 20px; font-weight: bold; /* color: #333344; */ color: #554A2C; } h2 { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; /* color: #330033; */ color: #554A2C; } BODY { background: #DEF4A1; /* background-image: url("images/texture42002950.jpg"); */ /* color: #000000; */ color: #554A2C; margin: 0px; } .imgnobrd { border: 0px; } .imgblkbrd {border:1px; border-thickness:1px; border-color: #000000; border-style: solid;} A { color: #554A2C; text-decoration: none; font-size: 12px; line-height: 2; } A:hover { /* color: #330033; */ /* color: #330033; */ color: #554A2C; text-decoration: underline; font-size: 12px; line-height: 2; } A.headerNavigation { color: #554A2C; } A.headerNavigation:visited { color: #554A2C; } A.headerNavigation:hover { color: #554A2C; text-decoration: underline; } A.columnNavigation { color: #FFFFFF; } A.columnNavigation:visited{ color: #FFFFFF; } A.columnNavigation:hover { color: #FFFFFF; } A:hover .imgblkbrd, A:active .imgblkbrd, A:visited .imgblkbrd {border:0px; border-thickness:0; border-color: #000000; } FORM { display: inline; } TR.header { background: #DEF4A1; } TR.headerNavigation { /* background: #FFFFFF ; */ background: #FFFFFF; line-height: 2; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #FFFFFF; */ background: #DEF4A1; color: #554A2C; font-weight : bold; } TD.upperNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #C39E36; */ background: #554A2C; color: #6677bb; font-weight : bold; } TD.smallBUText{ font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 2; } TR.headerError { background: #F76605; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #F76605; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background: #DEF4A1; } TD.footer { font-family: Arial, Verdana, sans-serif; font-size: 10px; background: #DEF4A1; /* color: #ffffff; */ color: #B9CAF1; font-weight: bold; } .infoBox { background: #DEF4A1; } .infoBoxContents { background: #DEF4A1; font-family: Arial, Verdana, sans-serif; font-size: 10px; padding: 4px 0px 4px 0x; } .infoBoxNotice { background: #000058 ; } .infoBoxNoticeContents { background: #ffffff ; font-family: Arial, Verdana, sans-serif; font-size: 10px; } TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 2; /* background: #ffffff; */ background: #A29A3E; color: #ffffff; } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 10px 0px 10px 0x; } TD.longbutton { background-image: url("images/cp-final-layout_13.jpg"); background-repeat: no-repeat; }; TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, TR.productListing-odd1, TR.productListing-1 { /* background: #f8f8f9; */ /* background: #CDBDBD; */ background: #DEF4A1 ; } 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: #DEF4A1; } TABLE.container1 { background: #DEF4A1; } TABLE.productListing { border: 1px; border-style: solid; border-color: #ffffff; border-spacing: 1px; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #A1A2DC; */ background: #6677bb; /* color: #B9CAF1; */ color: #554A2C; font-weight: bold; } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } A.pageResults { color: #95C68E; } A.pageResults:hover { color: #95C68E; /* background: #FFFF33; */ background: #000058 ; } TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #554A2C; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5; } TD.main_categories { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5; background-image: url("images/cp-final-layout_10.jpg"); background-repeat: no-repeat; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.smallBUText{ font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } TD.mainred, P.mainred { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.3; color: #FFFFFF; } 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; } SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; 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-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; 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: #6677bb; color: #ffffff; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #6677bb; color: #ffffff;} .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; } /* 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: #F76605; color: #ffffff; } .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; } /*-------------------------------------*/ /* Horizontal Drop-Down Menu Style */ /*-------------------------------------*/ .horbar { /* Color of main horizontal menubar and border */ color: black; background-color: #e6e7e6; border: 1px outset #525252; } .horizitem { /* Behaviour of main horizontal menu items, leave as is for proper operation */ float: left; white-space: nowrap; } .horizitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; } .horizitem a:link, .horizitem a:visited { /* Font style & color of main menu items */ color: #000000; text-decoration: none; } .horizitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */ color: #ffffff; background-color: #21459c; text-decoration: none; } .horizitem a:active { /* Font style & color, background menu color of main menu item when clicked */ color: #ffff00; background-color: #666666; text-decoration: none; } .horizsubmenu { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */ position: absolute; left: 0; top: 0; visibility: hidden; } .horizsubframe { /* Color of submenu item and border */ background-color: #e6e7e6; border: 2px outset #fdfefd; position: relative; display: block; } .horizsubitem { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */ text-align: left; white-space: nowrap; } .horizsubitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; } .horizsubitem a:link, .horizsubitem a:visited { /* Font color, style of submenu items */ color: #000000; font-size: 12px; text-decoration: none; } .horizsubitem a:hover { /* Font color, style, background submenu color of submenu item when hovered over */ color: #ffffff; background-color: #21459c; text-decoration: none; } .horizsubitem a:active { /* Font color, style, background submenu color of submenu item when clicked */ color: #ffff00; background-color: #666666; text-decoration: none; } .horizsubitem .horizfwdarr, .horizitem .horizfwdarr { /* Positioning of right arrow for submenus */ position: absolute; top: 5px; right: 8px; } .dmselected { /* Style override for selected category tree */ background-color: #ccc; font-weight: bold; } .horbar .dmselected { /* Style override for selected root category */ background-color: #999; } /*---------------------------------*/ /* Vertical Fly-Out Menu Style */ /*---------------------------------*/ .verbar { /* Color of main vertical menubar and border */ color: #ffffff; /* background-color: #e6e7e6; */ background-color: #000058; /* border: 1px outset #fdfefd; */ } .vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */ text-align: left; white-space: nowrap; } .vertitem a { /* Font style, size of main menu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; line-height: 2; } .vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */ /* color: #000000; */ color: #B9CAF1; text-decoration: none; } .vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */ color: #ffffff; background-color: #21449c; text-decoration: none; } .vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */ color: #ffff00; /* background-color: #666666; */ background-color: #6677bb; text-decoration: none; } .vertsubmenu { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ position: absolute; left: 0; top: 0; visibility: hidden; } .vertsubframe { /* Color of submenu item and border */ /* background-color: #e6e7e6; */ /* border: 2px outset #fdfefd; */ background-color: #6677bb; position: relative; display: block; } .vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ text-align: left; white-space: nowrap; } .vertsubitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; } .vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */ color: #000000; text-decoration: none; } .vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */ color: #ffffff; background-color: #21449c; text-decoration: none; } .vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */ color: #ffff00; background-color: #666666; text-decoration: none; } .vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */ position: absolute; top: 5px; right: 8px; } .dmselected { /* Style override for selected category tree */ background-color: #ccc; font-weight: bold; } .verbar .dmselected { /* Style override for selected root category */ /* background-color: #999; */ background-color: #6677bb; } /*---------------------------*/ /* Tree and Plain Menu Style */ /*---------------------------*/ .treemenudiv { /* Behaviour of tree/plain menu item - leave as is for proper performance */ display: block; white-space: nowrap; } .phplmbodytable { /* Class of table cells containing plain menus */ } .phplmnormal { /* Font size & color of unlinked menu items */ color: #000000; font-size: 13px; text-decoration: none; } a.phplm:link, a.phplm:visited { /* Font color, style of linked & visited menu items */ color: #003300; font-size: 13px; text-decoration: none; } a.phplm:hover { /* Font color, style of menu items when hovered over */ color: #841212; background-color: #ccc; font-size: 13px; text-decoration: none; } a.phplm:active { /* Font size & color of menu items when clicked */ color: #ff0000; font-size: 13px; text-decoration: none; } .dmselected { /* Style overide for selected category tree */ background-color: #ccc; font-weight: bold;