/* $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 */ .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: #edebb3; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #505051; text-decoration: underline; } BODY {background: #ffffff; color: #000000; margin: 0px;} .infoBox {background: #edebb3;} .infoBoxContents {background: #fefde1;font-family: Verdana, Arial, sans-serif; font-size: 10px;} /* A {color: #000000; text-decoration: none;}A:hover { color: #AABBDD; text-decoration: underline;} */ FORM {display: inline;} TR.header {background: #ffffff;} TR.headerNavigation {background: #bbc3d3;} TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;} /* A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff; } */ TR.headerError {background: #ff0000;} TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; 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;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* TR.footer {background: #bbc3d3;}TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/ .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;color: #ffffff;} 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;} 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;} TABLE.productListing {border: 1px;border-style: solid;border-color: #b6b7cb;border-spacing: 1px;} .productListing-heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;} TD.productListing-data {font-family: Verdana, Arial, sans-serif;font-size: 10px;} TD.pageHeading, DIV.pageHeading {font-family: Verdana, Arial, sans-serif;font-size: 20px;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 {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;} TD.accountCategory {font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;} TD.tableHeading {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} 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.errorText {font-family: Verdana, Arial, sans-serif;color: #ff0000;} .moduleRow { } .moduleRowOver {background-color: #edebb3; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #edebb3; } .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; } #myse select {width:90%;} /* input requirement */ .inputRequirement {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } /* ------------------------------------------------- -------------------------------------------------------- */ del {color:#FEFDE1; font-size:16px; font-weight:bold} s {color:#606060;font-size:11px;font-weight:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ body {padding:0; margin:0; background: url(images/bg.gif)} body, td, input, textarea{ font-size:11px; font-family:Tahoma; color:#1F1F1C; line-height:13px; vertical-align:top; padding:0px; } img {border:0px;} table {width:100%;} .vam {vertical-align:middle} .tac {text-align:center;} .bg{ background:url(images/4_bg1.gif)} .bg2{ background:url(images/4_bg2.gif)} .header td {color:#B1C0B9; vertical-align:middle} .header span {color:#B1C0B9; font-size:10px;} .header b {color:#D8D159; text-decoration:underline;} .header a {color:#B1C0B9; text-decoration:none; font-size:10px; font-weight:bold} .header a:hover {color:#B1C0B9;text-decoration:underline} #input1{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; } #input2{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; } .jamp{ width:130px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;} .jamp1{ width:58px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp2{ width:137px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp3{ width:185px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .box_header_txt td{ height:23px; vertical-align:middle; background:url(images/1_bg.gif) no-repeat top left; padding-left:64px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; font-size:12px;} .box_header_txt1 td{ height:23px; vertical-align:middle; background:url(images/1_z2.gif) no-repeat top left #F4F6DE; padding-left:28px; text-transform:uppercase; font-weight:bold; color:#313030; font-size:12px;} .box_body ul {padding:0; margin:0 0 0 21px; list-style:none; } .box_body .bg_list {background:url(images/bg_list.gif) left top no-repeat; background-position:0 9px} .box_body .bg_list a {color:#DFDB67;text-decoration:underline; padding-left:19px;line-height:21px;} .box_body .bg_list a:hover {color:#DFDB67;text-decoration:none;} .box_body .bg_list_un {background:url(images/bg_list_un.gif) left top no-repeat; background-position:0 10px; margin-left:15px} .box_body .bg_list_un a {color:#A10E04;text-decoration:underline; padding-left:10px; line-height:23px;} .box_body .bg_list_un a:hover {color:#A10E04; text-decoration:none;} .box_body .bg_list_sub {background:url(images/bg_list.gif) left top no-repeat; background-position:0 9px; margin-left:18px} .box_body .bg_list_sub a {color:#DFDB67;text-decoration:underline; padding-left:19px; line-height:21px;} .box_body .bg_list_sub a:hover {color:#DFDB67;text-decoration:none;} .cont_header_txt td {height:38px; vertical-align:middle; background:url(images/2_bg.gif) left center no-repeat #FEFDE1; padding-left:48px; text-transform:uppercase; font-weight:bold; color:#000000; font-size:12px; vertical-align:middle} .cont_header_txt a { font-weight:bold; color:#000000; font-size:12px; text-decoration:none; vertical-align:middle;} .cont_header_txt a:hover { font-weight:bold; color:#000000; font-size:12px; text-decoration:underline;} .product td {color:#1F1F1C; font-size:11px;} .product a {color:#FFFFFF; font-size:12px; text-decoration:underline; font-weight:bold} .product a:hover {color:#FFFFFF;text-decoration:none;} .product span a {color:#1F1F1C; font-size:12px; text-decoration:none; font-weight:bold} .product span a:hover {color:#1F1F1C;text-decoration:underline;} .product span {color:#3F4143; font-size:11px; font-weight:bold;} .product span em {color:#1F1F1C; font-size:12px; text-decoration:none; font-weight:normal} .product b { color:#606060; font-size:16px; font-weight:bold;} .product div a {color:#595959; font-size:11px; font-weight:normal;text-decoration:none; text-transform:none;} .product div a:hover {color:#595959;text-decoration:underline;} .pic img {border: 1px solid #C4BCBC;} .result td {color:#505050; height:43px; vertical-align:middle;padding:0px 16px 0px 14px;} .result a {color:#505050; text-decoration:underline;} .result a:hover {color:#505050;text-decoration:none;} .result b {color:#505050; font-weight:normal;} .result u {text-decoration:underline; color:#505050;} .result_right { text-align:right;} .result_right b {color:#505050; font-weight:bold; } .popup td {color:#000000; font-size:11px; text-decoration:none;} .popup b {color:#000000; font-size:12px; } .popup span {color:#ECECEC; font-size:11px; text-decoration:underline;} .popup a {color:#ECECEC; font-size:11px; text-decoration:none; } .popup a:hover {color:#ECECEC; text-decoration:underline;} .footer td {color:#DFD663; font-size:11px;} .footer a {color:#DFD663; font-size:11px; text-decoration:none;} .footer a:hover {color:#DFD663;text-decoration:underline;} .footer span {color:#FFFFFF; font-size:10px;} .footer span a {color:#FFFFFF; font-size:10px; text-decoration:none;} .footer span a:hover {color:#FFFFFF;text-decoration:underline;} .footer b, .footer b a {color:#DFD663; font-size:11px; font-weight:bold; text-decoration:underline;} .footer b a:hover {color:#DFD663; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .box_body td {color:#EEE2C0;font-size:10px; } .box_body a {color:#DFDB67; font-size:11px; font-weight:normal; text-transform:none;text-decoration: underline; } .box_body a:hover {color:#DFDB67;text-decoration: none;} .box_body span a {color:#FFFFFF; font-weight:bold; text-decoration:underline} .box_body span a:hover {color:#FFFFFF; font-weight:bold; text-decoration: none} SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #FFFFFF;} .box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #FFFFFF; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .smallText a {color:#505051; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#505051; font-size:11px; text-decoration:underline;} .smallText a u {color:#505051; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#505051; font-size:11px; text-decoration:underline;} 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;} .main a b {color:#5D5F60;font-size: 10px; text-decoration:underline;} .main a:hover b {color:#5D5F60;font-size: 10px; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ span.txt_1 {font-size:10px; text-transform:none; color:#000000;} SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {color:#606060; font-size:16px; font-weight:bold;} .box_body SPAN.productSpecialPrice {color:#FEFDE1; font-size:16px} .cont_header_txt em {color:#E50029; font-size:14px; font-weight:bold;vertical-align:middle;text-decoration:none;} .product em {color:#FFFFFF; font-size:12px; text-decoration:underline; font-weight:bold; font-style:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .main a {color:#505051; text-decoration:underline;} .main a:hover {color:#505051; text-decoration:none;} .vam {vertical-align:middle;} input {background:#ffffff;} .bg_input input {background:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .product .shop_cart { color:#1F1F1C; font-size:11px; height:22px;text-align:center; vertical-align:middle;} .padd_1 {padding:0px 10px 0px 10px;} .padd_22 {padding:8px;} td.padd2 {padding:8px; padding-left:4px;} .line_h { line-height:16px;} .bg_gg {background:url(images/bg_vv.gif) left center repeat-x;} .bg_vv {background:url(images/bg_vv.gif) center top repeat-y;} .bg_vv_1{ background:url(images/4_bg1.gif)} .bg_gg_1{ background:url(images/4_bg2.gif)} .product div {padding:8px 5px 5px 5px;} div.padd3 {text-align:left; padding-top:20px; margin-left:0px; margin-right:0px;} .padd33 img, .padd33 input {margin:5px;} .prod_info {width:100px;} .prod_info td {text-align:center;} .remove { width:15%;} .products { width:50%;} .quantity { width:15%;} .total { width:20%;} /* ------------------------------------------------- -------------------------------------------------------- */ .box_width_left { width:240px;} .box_width_right { width:7px;} .box_width_cont { width:100%;} /* ------------------------------------------------- -------------------------------------------------------- */ /* $Id: dynamenu_for_osc_styles.txt,v 1.00 2006/05/07 20:04:02 nate_02631 Exp $ Dynamenu for osCommerce CSS Definitions osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License Below are styles to be included in your catalog stylesheet (stylesheet.css) for use with Dynamenu for osCommerce. All the CSS declarations for various menu styles are included below. You need only include the style for the type of menu you plan to use in your store template (of course feel free to paste them all in if experimenting). The plain and DHTML menus also work with a set of templates found in the /includes/functions/dynamenu/templates folder, but in just about all cases modifying the styles below should net you the results you want. */ /*-------------------------------------*/ /* Horizontal Drop-Down Menu Style */ /*-------------------------------------*/ .horbar { /* Color of main horizontal menubar and border */ color: black; background-color: #000000; 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: black; background-color: #000000; border: 0px 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: 11px; text-decoration: none; position: relative; display: block; } .vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */ color: #CCCC66; 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; 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; 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: 11px; 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; } /*---------------------------*/ /* 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: 06px; 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; }