/* $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: 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; } TD.h1line { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 20px; font-weight: bold; /* color: #333344; */ /* color: #663366; */ color: #50764E; background: #ffffff ; line-height: 3; } h1 { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 20px; font-weight: bold; color: #50764E; /* BTXT */ line-height: 1.5; /* display: inline; */ } h2 { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #50764E; /* BTXT */ } h3 { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; color: #50764E; /* BTXT */ } BODY { background: #ffffff; /* BKG */ color: #000000; /* BTXT */ margin: 0px; } IMG.imgnobrd { border: 0px; } A { color: #50764E ; text-decoration: none; font-size: 12px; line-height: 2; } A:hover { color: #3F4F6F; text-decoration: none; font-size: 12px; line-height: 2; } A.headerNavigation { color: #ffffff ; /* TTXT */ } A.headerNavigation:visited { color: #ffffff; /* TTXT */ } A.headerNavigation:hover { color: #48416D; /* TTXT */ text-decoration: none; } A.columnNavigation { color: #3F4F6F; /* BTXT */ text-decoration: none; } A.columnNavigation:visited{ color: #FFFFFF; /* BTXT */ text-decoration: none; } A.columnNavigation:hover { color: #48416D; /* BTXT */ text-decoration: none; } FORM { display: inline; } TR.header { background: #FFFFFF; /* HDR */ } TR.headertop { background: #FFFFFF; /* HDR */ } TD.header { color: #77AAFF; } TD.headertop { color: #77AAFF; } TR.headerNavigation { /* background: #5C76C1 ; */ /* TRM */ background: #699B67; line-height: 2; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #699B67 ; color: #ffffff; font-weight : bold; } TD.smallBUText{ font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 2; } .my_img { max-width: 400px; /* Resize the image for IE6 */ width: expression(this.width > 400 ? 400: true); } 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: #bbc3d3; } TD.footer { font-family: Arial, Verdana, sans-serif; font-size: 10px; background: #bbc3d3; color: #B9CAF1; font-weight: bold; } .infoBox { background: #ffffff ; } .infoBoxContents { background: #ffffff; /* COL */ 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: #699B67; /* TRM */ color: #ffffff ; /* TTXT */ } TD.infoBoxHeading2 { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 3; align: center; background-image: url("images/boxheader.jpg"); background-repeat: no-repeat; /* TRM */ color: #50764E ; /* TTXT */ } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 10px 0px 10px 0x; } TD.longbutton { background-image: url("images/longbutton.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: #ffffff ; } 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: #ffffff; } TABLE.tcontainer { background: #ffffff; } TABLE.productListing { border: 0px; border-style: solid; border-color: #ffffff; border-spacing: 1px; } TABLE.pageabout { background-image: url("images/pageabout.jpg"); background-repeat: no-repeat; } TABLE.page2 { background-image: url("images/page2.jpg"); background-repeat: no-repeat; } TABLE.page3 { background-image: url("images/page3.jpg"); background-repeat: no-repeat; } TABLE.page4 { background-image: url("images/page4.jpg"); background-repeat: no-repeat; } TABLE.page5 { background-image: url("images/page5.jpg"); background-repeat: no-repeat; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* background: #CCCCBB; TRM */ background: #699B67; color: #ffffff ; /* TTXT */ 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: #50764E; } 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/longbutton.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 { background-color: "white"; color: #699B67; } .moduleRowOver { background-color: #699B67; color: #ffffff; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: "white"; color: #699B67;} .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; } #container{ width:230px; margin:0 auto; /*centers*/ } #buttonwrapper{ float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:220px; /*width is necessary for the float*/ background: transparent url('images/longbutton.jpg') center top no-repeat; /*sets the one navbar image as background*/ } #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: 14px Arial; /* Change 13px as desired */ float:left; /*the key to making the list horizontal*/ width:220px; /*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:42px; /*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; } #buttonwrapper a:hover{ color: #3F4F6F; text-decoration: none; } #container2{ width:400px; margin:0 auto; centers*/ } #buttonwrapper2{ float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:100px; /*width is necessary for the float*/ background: transparent url('images/shortbutton.jpg') center top no-repeat; /*sets the one navbar image as background*/ padding: 0, 0, 15, 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:36px; /*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: #50764E; font-weight: bold; } #buttonwrapper2 a:hover{ color: #3F4F6F; text-decoration: none; font-weight: bold; } #container3{ width:300px; margin: 0 auto; /*centers*/ } #buttonwrapper3{ float:right; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:100px; /*width is necessary for the float*/ background: transparent url('images/shortbutton.jpg') center top no-repeat; /*sets the one navbar image as background*/ padding: 0, 0, 15, 0; } #buttonwrapper3 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:36px; /*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; } #container5{ width:425px; margin: 0 auto; /*centers*/ } #buttonwrapper5{ float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:85px; /*width is necessary for the float*/ background: transparent url('images/shortbutton.jpg') center top no-repeat; /*sets the one navbar image as background*/ padding: 0, 0, 15, 0; } #buttonwrapper5 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:85px; /*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:36px; /*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: #50764E; font-weight: bold; } #buttonwrapper5 a:hover{ color: #3F4F6F; text-decoration: none; font-weight: bold; } #buttonwrapper6{ float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/ width:65px; /*width is necessary for the float*/ background: transparent url('images/shortbutton.jpg') center top no-repeat; /*sets the one navbar image as background*/ padding: 0, 0, 15, 0; } #buttonwrapper6 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:65px; /*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:36px; /*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: #50764E; font-weight: bold; } #buttonwrapper6 a:hover{ color: #3F4F6F; text-decoration: none; font-weight: bold; }