/*

  $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: #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 {

  color: #AABBDD;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

/* background color only of the top navigation as "Top >> Catalog >> etc. */

  background: #BDA366;

}



TD.headerNavigation {

/* Arrow colors that point forward and the vertical link separators |

If you set a background color here it will override the TR.headerNavigation color set. 

You can set a colored border on the bottom only for a separation between the header and the categories.

You can set the padding here also which will pad only the Navigation Bar itself. 

You can add a bg image here also. */

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

  font-size: 10px;

  background: #13295C;

  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 {

/* This sets the color of the footer row where the date and counter are. */

  background: #13295C;

}



TD.footer {

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

  font-size: 10px;

  background: #13295C;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

/*sets the background border color around all the boxes and not the box headings except the "my account",

"edit account", and "add a new address" boxes.*/

  background: #13295C;

}



.infoBoxContents {

/*	Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes.

	Setting a text color here will color the numbers text in the boxes like the catalog listings and

	the "Best Sellers" box numbers and the "My Account", "Edit Account", & "Add Address" headings. */

  background: #f8f8f9;

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

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

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

  font-size: 10px;

}



TD.infoBoxHeading {

/* 	Sets the left and right column boxes and the new products box heading color and text color.

	You can change the text size of the heading boxes...anything above 10 you will need to enlarge the box graphics also (images/infobox)

	You can also add padding to these heading boxes. */

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

  font-size: 10px;

  font-weight: bold;

  background: #13295C;

  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 {

/* Sets a border around the products listing table that shows the listing of the products. */

  border: 1px;

  border-style: solid;

  border-color: #13295C;

  border-spacing: 1px;

}



.productListing-heading {

/* The color of the background of the product listing heading that has "product name", "price", etc. */

You can also set the text style and color

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

  font-size: 10px;

  background: #13295C;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

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

  font-size: 10px;

}



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