/*
  $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;
	color: #FFFFFF;
}
.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	background-color: #FF6666;
	font-weight: bold;
}
.stockWarning {
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFF00;
}

.productsNotifications {
    background-color: #EEEEEE;
}

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FFFF00; text-decoration: underline; }


/* YaBB alternating bgcolors */
.blockHeadOut {
    background-color: #333333; border-color: #777777 #000000 #000000 #777777; border-style: outset;
    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
.blockHeadIn {
    background-color: #333333; border-color: #000000 #888888 #888888 #000000; border-style: outset;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
.blockHeadInDark {
    background-color: #222222; border-color: #000000 #888888 #888888 #000000; border-style: outset;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
.blockLight {
    background-color: #444444; border-color: #777777 #000000 #000000 #777777; border-style: outset;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}
.blockDark {
    background-color: #222222; border-color: #777777 #000000 #000000 #777777; border-style: outset;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}


body {
	background-color: #000000;
	color: #FFFFFF;
	margin: 1px;
}


a {
  color: #FF0000;
  text-decoration: none;
}
a:link {
  color: #FF0000;
  text-decoration: none;
}
a:visited {
  color: #FF0000;
  text-decoration: none;
}
a:hover {
  color: #FFFF00;
  text-decoration: none;
}
a:active {
  color: #FFFF00;
  text-decoration: none;
}

.mainMenu {
	color: #FFFFFF;
}
.mainMenu:link, .mainMenu:visited {
	color: #FFFFFF;
}
.mainMenu:hover {
    color: #FFFF00;
}
.mainMenu:active {
    color: #FFFFFF;
}


form {
	display: inline;
}

tr.header {
	background-color: #EEEEEE;
}

tr.headerNavigation {
    background-color: #222222; border-color: #000000 #888888 #888888 #000000; border-style: outset;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(/images/bgimage.gif);
}

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

a.headerNavigation {
	font-size: 10px;
	color: #FF0000;
	font-weight : bold;
}

a.headerNavigation:hover {
	font-size: 10px;
    color: #FFFF00;
	font-weight : bold;
}

tr.headerError {
	background-color: #FFFF00;
}

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

tr.headerInfo {
	background-color: #FFFF00;
}

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

tr.footer {
	background-color: #000000;
}

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



.infoBox {
	background-color: #333333;
	border-color: #000000 #777777 #777777 #000000;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-image: url(/images/bkgd-grill.gif);
}


.standardinfoBox {
    background-color: #333333; border-color: #777777 #000000 #000000 #777777; border-style: outset;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}

.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.infoBoxNotice {
}

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

td.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
	background-image: url(/images/infobox/corner_right_left.gif);
}

td.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.productListing-all {
    background-color: #222222;
	border-color: #777777 #000000 #000000 #777777;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

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-color: #222222;
	border-color: #777777 #000000 #000000 #777777;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

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-color: #333333;
	border-color: #000000 #777777 #777777 #000000;
	border-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

TABLE.productListing {
    background-color: #333333; border-color: #777777 #000000 #000000 #777777; border-style: outset;
    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}

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

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

.pageResults {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

A.pageResults {
  color: #FF0000;
}

A.pageResults:hover {
	color: #FFFF00;
}

TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

TR.subBar {
	background-color: #CCCCCC;
}

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

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

TD.smallText, SPAN.smallText, P.smallText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TD.smallTextLight, SPAN.smallTextLight, P.smallTextLight {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
}

TD.smallerText, SPAN.smallerText, P.smallerText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}

.copyrightSmall {
  font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #999999;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FF6666;
}

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

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

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FFFF00;
}

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

TEXTAREA {
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-image: url(/images/bkgd-faces.jpg);
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FFFF00;
  font-weight: bold;
}

TABLE.formArea {
    background-color: #333333; border-color: #777777 #000000 #000000 #777777; border-style: outset;
    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-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;
  color: #FFFF00;
}

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

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

.moduleRow { }
.moduleRowOver { background-color: #555555; }
.moduleRowSelected { background-color: #444444; color: #FFFF00; }

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

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; border-color: #222222 #777777 #777777 #222222; border-style: outset; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; }
.messageStackError { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FF9999; color: #000000; border-color: #222222 #777777 #777777 #222222; border-style: outset; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; }
.messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFFF99; color: #000000; border-color: #222222 #777777 #777777 #222222; border-style: outset; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif;	font-size: 10px; background-color: #777777; border-color: #222222 #777777 #777777 #222222; border-style: outset; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFF00; }
.marineHighlight { font-family: Verdana, Arial, sans-serif; color: #0099CC; }
.inputLocked { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; }


/* Tree and Plain Menu Style */
.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}

.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}

a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	font-size: 10px;
	text-decoration: none;
}

a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #FFFF00;
	font-size: 10px;
	text-decoration: none;
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	font-size: 10px;
	text-decoration: none;
}

.dmselected {   /* Style overide for selected category tree */
	color: #FFFFFF;
	text-decoration: none;
}

a.dmselected:link, a.dmselected:visited {   /* Style overide for selected category tree */
	color: #FFFFFF;
	text-decoration: none;
}

a.dmselected:hover	{      /* Font color, style of menu items when hovered over */
	color: #FFFF00;
	text-decoration: none;
}

a.dmselected:active	{      /* Font size & color of menu items when clicked */
	text-decoration: none;
}



/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

.TabbedPanels {
	margin: 0px;
	padding: 4px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	float: left;
	padding: 2px 10px;
	margin: 2px 2px 2px 2px;
	font: 11px Verdana, sans-serif;
	list-style: none;
	border-left: solid 2px #333333;
	border-bottom: solid 2px #333333;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	white-space: nowrap;
	color: #FF0000;
}

.TabbedPanelsTabHover {
	top: -1px;
	border-left: solid 2px #555555;
	border-bottom: solid 2px #555555;
	border-top: solid 2px #555555;
	border-right: solid 2px #555555;
	background-color: #444444;
	color: #FFFF00;
}

.TabbedPanelsTabSelected {
	top: -1px;
	border-left: solid 2px #555555;
	border-bottom: solid 2px #555555;
	border-top: solid 2px #555555;
	border-right: solid 2px #555555;
	background-color: #222222;
	color: #FFFFFF;
}

.TabbedPanelsTab a {
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	margin-top: 4px;
	border-bottom: solid 2px #333333;
	border-top: solid 2px #333333;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}


/* mikeys tab emulator styles (should match above) */
.moduleCell {
	position: relative;
	padding: 2px 10px;
	margin: 2px 2px 2px 2px;
	font: 11px Verdana, sans-serif;
	list-style: none;
	border-left: solid 2px #333333;
	border-bottom: solid 2px #333333;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	white-space: nowrap;
	color: #FF0000;
}

.moduleCellOver {
	position: relative;
	padding: 2px 10px;
	margin: 2px 2px 2px 2px;
	font: 11px Verdana, sans-serif;
	top: -1px;
	border-left: solid 2px #555555;
	border-bottom: solid 2px #555555;
	border-top: solid 2px #555555;
	border-right: solid 2px #555555;
	background-color: #444444;
	cursor: pointer;
	white-space: nowrap;
	color: #FFFF00;
}

.moduleCellSelected {
	position: relative;
	padding: 2px 10px;
	margin: 2px 2px 2px 2px;
	font: 11px Verdana, sans-serif;
	top: -1px;
	border-left: solid 2px #555555;
	border-bottom: solid 2px #555555;
	border-top: solid 2px #555555;
	border-right: solid 2px #555555;
	background-color: #222222;
	cursor: pointer;
	white-space: nowrap;
	color: #FFFFFF;
}

