/*

  $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



  Changes:

  05-02-22 TWL Changed color scheme to match logo

  05-02-23 TWL Add A.HeaderNavigationBlack

  05-02-24 TWL Add style to display company information in contact us page  TD.contactus

  05-02-24 TWL Remove special color for a.hover so that it shows on new background colors

  05-02-24 TWL Add companyInfo class for formatting pt 10

  05-03-03 TWL Add td.large/p.large class

  05-03-03 TWL Add borderImage class

  05-03-08 TWL Work on product list formatting(even)

  05-05-03 TWL Add pageHeading2

  05-06-24 TWL Header Tags contribution (H1 & H2)

2006-06-19 TWL Add TD.infoBoxHeadingNormal  -- no bold  



  notes

  original background color was  bbc3d3->(a3d39a),f8f8f9->(EEF8ED)



  new background colors are: A3D39A, EEF8ED,





*/



.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

.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 {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}



A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  text-decoration: underline;

}



h1 {

 font-family: Verdana, Arial, sans-serif;

 font-size: 20px;

 font-weight: bold;

 color: #7A9D72;

}



h2 {

 font-family: Verdana, Arial, sans-serif;

 font-size: 14px;

}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #CFE5DB;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  background: #A3D39A;

  color: #FFFFFF;

  font-weight : bold;

}



TD.contactus {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #000000;

  font-weight: bold;

}



A.headerNavigation {

  color: #FFFFFF;

}



A.headerNavigationBlack {

  color: #000000;

}



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

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #A3D39A;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

  background: #CFE5DB;

/*  margin-bottom: 5;  */

}



.infoBoxContents {

  background: #EEF8ED;

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



.infoBoxNotice {

  background: #EEF8ED;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  font-weight: bold;

  background: #A3D39A;

  color: #000000;

  text-align: center;

}



TD.infoBoxHeadingNormal {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  font-weight: normal;

  background: #A3D39A;

  color: #000000;

  text-align: center;

}





TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



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

}



/* I added everything other than the background in the next class & I changed the color - the border attempt did not work */



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.productListing {

}



.productListingShadow-Top_tb{

height: 8px;

}



.productListingShadow-LTop{

background: #EEF8ED;

width: 7px;

background: #EEF8ED;

}



.productListingShadow-MTop{

background: #EEF8ED;

width: 440px;

background: #EEF8ED;

}



.productListingShadow-RTop{

background-image: url("images/dropshadow/shadow-top-right.gif");

background-repeat: no-repeat;

background-position: bottom right;

width: 4px;

}



.productListingShadow-Middle_tb {

border: 0px;

background: #EEF8ED;

}



.productListingShadow-rightside {

background-image: url("images/dropshadow/shadow-right.gif");

background-repeat: repeat-y;

background-position: top right;

width: 4px;

}



.productListingShadow-Bottom_tb{

height: 5px;

margin-bottom: 8px;

}



.productListingShadow-LBottom{

background-image: url("images/dropshadow/shadow-bottom-left.gif");

background-repeat: no-repeat;

background-position: top right;

padding-top: 5px;

width: 7px;

height: 5px;

}



.productListingShadow-MBottom{

background-image: url("images/dropshadow/shadow-bottom.gif");

background-repeat: repeat-x;

padding-top: 5px;

height: 5px;

width: 440px;

align: left;

}



.productListingShadow-RBottom{

background-image: url("images/dropshadow/shadow-bottom-right.gif");

background-repeat: no-repeat;

background-position: top right;

padding-top: 5px;

width: 4px;

height: 5px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  background: #A3D39A;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



TD.productListing-data-Bold {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  font-weight: bold;

}





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-weight: bold;

  color: #7A9D72;

}



TD.pageHeading1 {

  font-family: Verdana, Arial, sans-serif;

  font-size: 22px;

  font-weight: bold;

	font-style: italic;

  letter-spacing: 2;

  color: #FFFFFF;

}



TD.pageHeading2 {

  font-family: Palatino, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  font-style: italic;

  letter-spacing: .5;

  color: #000000;

}



TD.pageHeading3 {

  font-family: Palatino, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  letter-spacing: 1;

  color: #000000;

}



TD.borderImage img{

  border: 1.25px black solid;

}





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.large, P.large {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  line-height: 1.5;

}



TD.companyInfo, P.companyInfo {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.25;

  text-align: Center;

}





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.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;

}



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