How is my background NOT black?

[Guest]

This is my style sheet, yet somehow the background remains this gray that doesn't even exist in the style sheet - how? See it here http://www.blacksheepperformance.net/catalog

 

/*

$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 © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.boxText { font-family: arial; font-size: 10px; }

.errorBox { font-family : arial; font-size : 10px; background: #000000; font-weight: bold; }

.stockWarning { font-family : arial; font-size : 10px; color: #000000; }

.productsNotifications { background: #000000; }

.orderEdit { font-family : arial : 10px; color: #000000; text-decoration: underline; }

 

BODY {

text-align: center;

background: #000000;

color: #FFFFFF;

margin: 0px;

}

 

.body {

width: 600px;

border: solid; border-width: 1px;

background: #000000;

color: #FFFFFF;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

A {

color: #FE0000;

font-weight : bold;

text-decoration: none

}

 

A:hover {

color: #FFFFFF;

font-weight : bold;

text-decoration: none

}

 

FORM {

display: inline;

}

 

TR.header {

background: #000000;

}

 

TR.headerNavigation {

background: #333333;

}

 

TD.headerNavigation {

font-family: arial;

font-size: 12px;

background: #333333;

color: #ffffff;

font-weight : bold;

}

 

A.headerNavigation {

color: #FFFFFF;

}

 

A.headerNavigation:hover {

color: #ffffff;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

font-family: arial;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #333333;

}

 

TD.headerInfo {

font-family: arial;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #333333;

}

 

TD.footer {

font-family: arial;

font-size: 10px;

background: #333333;

color: #ffffff;

font-weight: bold;

}

 

.infoBox {

background: #000000;

}

 

.infoBoxContents {

background: #333333;

font-family: arial;

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #343435;

font-family: arial;

font-size: 10px;

}

 

TD.infoBoxHeading {

font-family: arial;

font-size: 10px;

font-weight: bold;

background: #333333;

color: #ffffff;

}

 

TD.infoBox, SPAN.infoBox {

font-family: arial;

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: #000000;

}

 

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: #000000;

}

 

TABLE.productListing {

border: 1px solid #000000;

border-spacing: 1px;

}

 

.productListing-heading {

font-family: arial;

font-size: 12px;

background: #000000;

color: #FFFFFF;

font-weight: bold;

}

 

TD.productListing-data {

font-family: arial;

font-size: 12px;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-family: arial;

font-size: 20px;

font-weight: bold;

color: #FFFFFF;

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

font-family: arial;

font-size: 10px;

color: #000000;

}

 

TD.main, P.main {

font-family: arial;

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

font-family: arial;

font-size: 10px;

color: #FFFFFF;

}

 

TD.accountCategory {

font-family: arial;

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

font-family: arial;

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

font-family: arial;

font-size: 12px;

}

 

TD.tableHeading {

font-family: arial;

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

font-family: arial;

font-size: 10px;

color: #ff0000;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

font-family: arial;

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

font-family: arial;

font-size: 11px;

}

 

SPAN.greetUser {

font-family: arial;

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: arial;

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

font-family: arial;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

font-family: arial;

color: #ff0000;

}

 

SPAN.errorText {

font-family: arial;

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: arial; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: arial; font-size: 10px; background-color: #99ff00; }

 

/* input requirement */

 

.inputRequirement { font-family: arial; font-size: 10px; color: #ff0000; }

 

I don't see any gray in the style sheet of that color, I defined the background to be black yet its some weird ass gray? WHY!?

 

:(

[Guest]

One of yr frequent table or infobox background style colors is hex333333. That's the gray you are seeing. And somewhere down the style sheet I changed one that seemed to work, so change 'em all and see what happens, then work back from the bottom putting in hex333333 until it turns yr infobox or page or whatever background gray again, and there it is!

[Wendy James]

This link is for the upcoming version but it should be the same or atleast close enough for you to be able to figure out what does what.

stylesheet

http://www.oscommerce.info/kb/osCommerce/C...n_and_Layout/54

 

Or you can click the link in my signature and download the documentation for MS2. :)