/*
  $Id: stylesheet.css,v 1.6 2006/01/29 10:08:33 itrat 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: Lucida Grande,Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Lucida Grande,Verdana, Arial, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Lucida Grande,Verdana, Arial, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { /* background: #f2fff7; (Itrat, 2005-12-30) */ }
.orderEdit { font-family : Lucida Grande,Verdana, Arial, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

BODY {
  font: 12px Lucida Grande,Verdana, Arial, sans-serif;
  background: #ffffff;
  color: #000000;
  margin: 0px;
  margin-bottom: 2ex;
}

h1
{
	font-size: 18px;
}

h2
{
	font-size: 14px;
	margin-top: 2ex;
	margin-bottom: 1ex;
}

h3
{
	font-size: 12px;
}

A {
	text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
	/* Change background from white to grey. (Itrat, 2005-12-27) */
	background: #F3F3F5;
}

TR.headerNavigation {
  background: transparent url("/images/hdrbar-blank.gif") repeat-x;
  height: 28px;
}

TD.headerNavigation {
  font: 11px Lucida Grande,Verdana, Arial, sans-serif;
  color: black;

  vertical-align: top;
  padding-top: 3px;
  padding-left: 8px;
}

A.headerNavigation { 
  color: black;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: black;
}

tr.headerError
{
  background: red;
}

td.headerError
{
	font: bold 12px Lucida Grande, Verdana, Arial, sans-serif;
	background: red;
	color: white;
	text-align : center;
}

tr.headerInfo
{
	background: blue;
}

td.headerInfo
{
	font: bold 12px Lucida Grande, Verdana, Arial, sans-serif;
	color: white;
	background: blue;
	text-align: center;
}

tr.footer
{
	background: #bbc4d4;
}

td.footer
{
	font: bold 11px Lucida Grande, Verdana, Arial, sans-serif;
	background: #B0B0B0;

	/* Added border. (Itrat, 2005-12-27) */
	border-top: 1px solid #7F7F7F;

	color: white;
}

TD.footer:first-child
{
	text-align: center;

	/* Replaced hard-coded    in footer.php with this property.
		(Itrat, 2005-12-27) */
	padding-left: 1em;
}

.infoBox
{
	background: #F3F3F5;
	padding: 0.5ex 0.5em;
	padding-top: 0ex;
	border: 1pt solid #B0B0B0;
	margin-bottom: 2ex;
}

.infoBoxContents
{
	background: #F3F3F5;
	font: 11px Lucida Grande,Verdana, Arial, sans-serif;
}

.infoBoxNotice
{
	background: #FF8E90;
}

.infoBoxNoticeContents
{
	background: #FFE6E6;
	font: 11px Lucida Grande,Verdana, Arial, sans-serif;
}

.infoBox a
{
	color: black;
	text-decoration: none;
}

.infoBox a:hover
{
	color: black;
	text-decoration: underline;
}

td.infoBoxHeading
{
	font: bold 12px Lucida Grande,Verdana, Arial, sans-serif;
	color: #202020;

	/* Render the title with a gray background overlayed by a gradient fill.
		Render a border around all edges but the bottom, since the following
		infoBoxContents table will also render a border on that edge which
		would result in an overly thick bottom border. */
	background: #CCCCCC url('/images/transparent_gradient_12.png') repeat-x;
	border: 1pt solid #B0B0B0;
	border-bottom: none;

	/* Vertically center and horizontally indent the title. */
	padding: 0.65ex 0.5em;
}

td.infoBox, span.infoBox
{
	font: 11px Lucida Grande,Verdana, Arial, sans-serif;
}

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: darkgray;
  border-spacing: 1px;
  border-collapse: collapse;
  margin: 3ex auto;
}

table.productListing th, .productListing-heading
{
	font: bold 11px Lucida Grande,Verdana, Arial, sans-serif;
	color: white;
	background: darkgray;
	padding: 0.75ex 0.5em;
	text-align: left;
}

TD.productListing-data
{
  font: 11px Lucida Grande,Verdana, Arial, sans-serif;
}

table.productListing td
{
	padding: 0.75ex 0.5em;
}

/* These styles are just cosmetic tweaks. The odd/even styles apply background
	and borders to the shopping cart table. The > selector is important because
	the shopping cart contains nested tables and you only want borders drawn 
	around immediate descendants of the productListing rows. The img style
	puts some space between the product image and its description. (Itrat,
	2006-01-01) */

tr.productListing-odd > td, tr.productListing-even > td
{
	background: #F3F3F5;
	border: 1pt solid lightgray;
}

td.productListing-data img
{
	margin-right: 1ex;
	padding: 1ex 1em;
	border: 1pt solid lightgray;
	background: white;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

td.pageHeading, div.pageHeading
{
  font: bold 22px Lucida Grande, Verdana, Arial, sans-serif;
  color: black;
}

TR.subBar
{
	background: #f4f7fd;
}

TD.subBar
{
  font: 11px Lucida Grande,Verdana, Arial, sans-serif;
  color: black;
}

td.main, p.main
{
  font: 12px Lucida Grande,Verdana, Arial, sans-serif;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText
{
  font-size: 11px;
}

TD.accountCategory
{
  font-size: 15px;
  color: #aabbdd;
}

TD.fieldKey
{
  font-size: 14px;
  font-weight: bold;
}

TD.fieldValue
{
  font-size: 14px;
}

TD.tableHeading
{
  font-size: 14px;
  font-weight: bold;
}

SPAN.newItemInCart 

  font-size: 11px;
  color: green;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Lucida Grande,Verdana, Arial, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Lucida Grande,Verdana, Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Lucida Grande,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, Lucida Grande,Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Lucida Grande,Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Lucida Grande,Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Lucida Grande,Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family: Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; background-color: #99ff00; }

/* Modeless Addition (Itrat, 2006-01-28) */
td.messageStackError
{
	padding: 0.5ex 0.5em;
	border: 1px dotted gray;
}

/* input requirement */

.inputRequirement { font-family: Lucida Grande,Verdana, Arial, sans-serif; font-size: 11px; color: #ff0000; }


/* Modeless Customisations */
SPAN.onlineStoreCaption
{
	font: bold 18px Lucida Grande,Verdana,Arial,sans-serif;
}

p
{
	text-align: left;
}

body table#body td#body p
{
	/* Only justify paragraphs in the main body text. Paragraphs in small boxes
		etc. may not have room for full justification. (Itrat, 2006-01-28) */
	text-align: justify;
}

p.title
{
	font-weight: bold;
	text-align: left;
}

/* The main table used for laying out a page's body content. */
table#body
{
	padding: 2ex 1em;
}

table#body td#body
{
	padding-top: 2ex;
	padding-right: 2em;
}

/* 8pt font is being used and I'm having a tough time figuring out where to
	override that setting. This rule modifies the font of all 'body' text,
	which is text inside a body table's 'body' column (i.e. not the sidebar). */
table#body td#body, table#body td#body td
{
	font-size: 12px;
}

/* Field captions are text labels in front of text fields (i.e. forms). */
.fieldCaption
{
	font-weight: bold;
}

table#checkout_progress
{
	margin: 4ex 0em;
}

p.infoBoxTitle
{
	font-weight: bold;
	margin-top: 1ex;
	margin-bottom: 0.5ex;
}

/* These rules are for the "Required Information" caption that appears above
	an info box on the same line as the box title. */
p.infoBoxTitle span.inputRequirement
{
	font-weight: normal;
	float: right;
}

/* Inline anchors are not meant to attract the user's attention and should be
	rendered as normal text, but when hovering over them, show the underline
	so users know they can click the anchor for more info. */

a.inline
{
	text-decoration: none;
	color: black;
}

a.inline:hover
{
	text-decoration: underline;
}

.fineprint
{
	font-size: 11px;
	color: gray;
}