/*
  $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: 1.1em Arial, sans-serif;
}
.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 { 	font-family: Georgia, serif;font-size: 0.8em;color: #333333;background:#999999 ;margin: 0px 0;padding: 0; line-height: 150%; text-align:center;}

a, a:visited {font-size: 1em;color: #333333;text-decoration:none;}


A:hover {
  color: #CC0000;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #FFF;
}

TD.headerNavigation {
  background: #FFF;
  color: #333333;
	font: 0.7em Arial, Helvetica, sans-serif;
	border-bottom: 1px none #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}

A.headerNavigation {
	font-family:Arial, Helvetica, sans-serif;
  font-size: 0.9em;

  color: #000000; 
}

A.headerNavigation:hover {
  color: #CC0000;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #ccc;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #eee;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  background: #FFF;
  color: #999;
	text-align: left;
	font: bold 0.7em Arial, sans-serif;
	text-transform: uppercase;
}

TD.infoBox, SPAN.infoBox {
  font-family: 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: #FFF;
}

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

TABLE.productListing {
  border: 1px solid #ccc;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #999999;
  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: 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; }

#page {margin: 0px auto; padding: 20px 20px 20px 20px; width: 880px; background: #ffffff; overflow:hidden; text-align:left;}
p {padding: 0px 0px 10px 0px;margin: 0px;}
#header {overflow: hidden; font-size:13px; height:55px; display:block;}
#header h1 {border:none;font: bold 20px Arial, Tahoma, Verdana;padding:0px; margin:0px;}
#header h1 a, #navbar h1 a:visited {}
#header a, #header a:visited { font-size: 1.6em; text-decoration:none;}
#header p {font-size: 1.1em;padding: 0px;margin: 0px 0px 0px 40px;font-style: italic;}
#header .rsswidget {margin: 0px;padding: 0px; text-align:right;}
#header .rss {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(images/rss.gif) no-repeat; }
#headerleft {width: 500px;float: left;margin: 0px;overflow:hidden;}
#headerright {width: 300px;float: right;margin: 0px;text-align: right;overflow:hidden;}
#headerimg {background: #eee url(images/header.jpg) no-repeat;height: 120px;color: #000000;overflow: hidden; margin:15px 0px 0px 0px; }
#headerimg a {display:block; height:120px; }
h1 a, h1 a:visited, h2 a, h2 a:visited{font-size: 1em;color: #000;text-decoration: none;}
h1 a:hover, h2 a:hover {color: #043FA0;text-decoration: none;}


#navbar {background: #eee;width: 878px;height: 33px !important;height: 34px;color: #fff;margin: 20px 0px 0px 0px;padding: 0px 0px 0px 0px; border: 1px solid #ccc;}
#navbarleft {width: 800px;float: left;margin: 0px;padding: 0px 0px 0px 0px;}
#navbarright {width: 50px;float: right;margin: 0px;padding: 6px 0px 0px 0px;}
#navbarright img {border: none;margin: 0px 0px 0px 0px;padding: 0px;}
#nav {margin: 0px 0px 0px 15px;padding: 0px;list-style: none;}
#nav ul {margin: 0px;padding: 0px;list-style: none;}
#nav a {background: #eee;color: #000000;display: block;text-transform: uppercase;margin: 0px 10px 0px 0px;padding: 7px 5px 7px 5px !important; padding: 8px 5px 8px 5px ; text-decoration: none;letter-spacing:0.1em;
	font-size: 11px;
}
#nav a:hover {background: #666666;color: #FFFFFF;display: block;text-decoration: none;margin: 0px 10px 0px 0px;padding: 7px 5px 7px 5px !important; padding: 8px 5px 8px 5px ; text-decoration: none;}
#nav li.current_page_item a, #nav li.current-cat a { background: #666666;color: #FFFFFF; }
#nav li {float: left;margin: 0px;padding: 0px;}
#nav li li {float: left;margin: 0px;padding: 0px;width: 200px;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #eee;color: #000000; width: 200px;float: none;margin: 0px;padding: 8px 10px 8px 10px;border-top: 1px dotted #666666;}
#nav li li a:hover, #nav li li a:active {background: #666666;color: #FFFFFF;padding: 8px 10px 8px 10px; 	}
#nav li ul {position: absolute;width: 10em;left: -999em; z-index:10;}
#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}