/*
  $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: 10px; }
.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #ffee99; }
.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #CC6600; text-decoration: underline; }

.highlightLinkText {
	color: #994477;
}

.highlightText {
	color: #FF0000;
}

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

h1 {
    font-size: 21px;
    margin: 7x 0px;
}

h2 {
    font-size: 18px;
    margin: 6px 0px;
}

h3 {
    font-size: 15px;
    margin: 5px 0px;
}

h4 {
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    margin: 4px 0px;
}

A {
  color: #000033;
  font-weight: bold;
  text-decoration: none;
}

A:hover {
/*  color: #11AA22; /**/
  color: #0000cc;
  text-decoration: underline;
}

FORM {
	display: inline;
}


/*
Changes the color of the background by the top image/logo
*/
TR.header {
  background: #0000aa;
}

/*
"headerNavigation":
    Top header that has Top >> Catalog >> Category ...   ... My Account | Cart Contents | Checkout
*/
TR.headerNavigation {
  color: #000000;
  background: #FFFFFF;
}

td.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #ffffff;
  background-repeat: repeat-x;
  background-position: bottom;
  color: #000000;
  font-weight : bold;
}

.headerNavigation A { 
  color: #000000; 
}

.headerNavigation A:hover {
  color: #0000AA;
}

TR.headerError {
  background: #ff0000;
}

td.headerError {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #000000;
}

td.footer {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #214c9c;
  color: #ffffff;
  font-weight: bold;
}

/*
".infoBox":
    Boxes like "Categories", "Quick Find", "Best Sellers", etc.
*/
.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  border-color: #000000;
  background: #dfeafc;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #ffe6e6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

td.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #96bd60;
  border-color: #000000;
  background-image: url(images/currclick_header.jpg);
  text-align: center;
  color: #ffffff;
}

td.infoBoxHeadingMain {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #96bd60;
  border-color: #000000;
  background-image: url(images/currclick_header.jpg);
  text-align: center;
  color: #ffffff;
}

.infoBoxHeading A {
  color: #ffffff;
  text-decoration: none;
}

.infoBoxHeading A:hover {
  text-decoration: none;
}

td.infoBox, span.infoBox {
  font-family: Arial, Verdana, 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: #96bd60;
}

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

TR.dtrpgListing-even {
  background: #dfeafc;
}

TR.dtrpgListing-odd {
  background: #96bd60;
}

/*
"productListing":
    Tables for list of products when user selects category or manufacturer.
*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-collapse:separate;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #214c9c;
  color: #FFFFFF;
  font-weight: bold;
}

/*
	A link style for table headings (safe on black background)
*/
.productListing-heading A {
  color: #FFFFFF;
  text-decoration: none;
}

.productListing-heading A:hover {
  color: #FF0000;
  text-decoration: underline;
}

td.productListing-data {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #dfeafc;
  border:1px solid #3F3F3F;
  vertical-align: top;
}

/*
 */
td.pageResults-data {
  background: #214c9c;
  color: #FFFFFF;
  font-size: 13px;
}

A.pageResults {
  color: #BBBBDD;
}

A.pageResults:hover {
  color: #996600;
  background: white;
}

td.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #96bd60;
}

TR.subBar {
  background: #f4f7fd;
}

td.subBar {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #000000;
}

.main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
    text-align: left;
  line-height: 1.5;
}

th.main, td.main {
    vertical-align: top;
}

th.main {
    font-weight: bold;
}

td.productInfoMain, p.productInfoMain {
  font-size: 11px;
  line-height: 1.5;
  color: black;
}

td.smallText, span.smallText, p.smallText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

td.accountCategory {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

td.fieldKey {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

td.fieldValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

td.tableHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
}

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

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

span.greetUser {
  font-family: Arial, Verdana, sans-serif;
  color: #666666;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

td.formAreaTitle {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

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

SPAN.productStrikePrice {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: line-through;		 
} 
	
span.errorText {
  color: #ff0000;
}

.moduleRow { background-color: #4171b6; }
/*
.moduleRowOver { background-color: #96bd60; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #FFFFFF; }
/**/
.moduleRowOver { background-color: #96bd60; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #FFFFFF; }

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

/* message box */

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

/* input requirement */

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

.categorySpacing {
	line-height: 5px;
	font-size: 3px;
}

/* Added by Mike Todd (2005-12-29) */
.hidden {display:none;}

/* Added by Mike Todd (2007-05-08) */
.star_empty {
  background: url(images/star_empty.gif) 0 0 repeat-x;
}

.star_full {
  background: url(images/star_full.gif) 0 0 repeat-x;
  position:relative;
}

/* Added by Mike Todd (2008-02-22) */
.helpText {
	font-size: 10px;
	color: #444444;
}

button.cssBtn {
    position: relative;
	border: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */

	padding: 0 9px 0 0;
	font-size:15px;
    font-weight: bold;
	text-align: center;
	background: transparent url(images/css_btn_sprite.png) no-repeat right -107px;
}

button.cssBtn span {
	padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 10px;
    text-shadow: 0.25px 0.25px 1.25px #000000;
	height:21px;
	background: transparent url(images/css_btn_sprite.png) no-repeat left -20px;
	color:#fff;
}

button.cssBtnIEfix span {
    padding: 3px 10px 2px 16px;
}

button.cssBtn:hover, button.cssBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -150px;
}

button.cssBtn:hover span, button.cssBtnHover span {
	background-position: left -63px;
}

div.search_parameter {
    border: 1px solid black;
    padding: 5px;
    margin: 0px 3px 3px 3px;
    border-radius: 5px;
    overflow: auto;
    background-color: #dfeafc;
}

div.search_parameter span {
    font-weight: bold;
    float: right;
}

div.search_parameter span a {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

span.actionLink {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    padding: 4px;
    cursor: pointer;
    color: #000033;
}
