/*
  $Id: stylesheet.css,v 1.36 2007/07/12 17:45:53 james Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.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; }
.otherWarning { color: #FF0000; }
.bigWarning { font-family : Verdana, Arial, sans-serif; font-size : 14px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

.money { color: #99FF99; font-weight: bold; }
#store-content-wrapper .money { 
  color: #992726;
}

BODY {
  background: #363d44;
  color: #000000;
  margin: 0px;
  font-family: Verdana, sans-serif;
  font-size: 11pt;
}

#store-wrapper {background-color:#FFF;
border: 10px solid #FFF;
border-top: none;
}

A {
  color: #003267;
  text-decoration: none;
}

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

A.fedblue {
  color: #003366;
}

A.fedblue:hover {
  color: #6699CC;
  text-decoration: none;
}

A.bodyLink {
  color: #003366;
  text-decoration: underline;
  font-weight: 600;
}

A.bodyLink:hover {
   color: #851e1d;
}

/*
** mail-order-box: see includes/boxes/mail_order.php
*/

#store-column-left #mail-order-box {
   display: block;		 
   color: #003267;
   font-weight: 600;
}

#store-column-left #mail-order-box:hover {
   color: #851e1d;
}

/*
** welcome-box support: see includes/boxes/welcome.php
*/

#store-column-left #welcome {
  font-family: Georgia, serif;
  font-weight: bolder;
  font-size: 11pt;
  color: #003267;
  padding: 18px 0 7px 0;
  display: block;
}

#store-column-left #annual-fund-supported {
  font-weight: bolder;		       
  color: #992726;
  padding: 0 0 5px 0;
  line-height: 1.25;
  display: block;
}

#welcome:hover,
#annual-fund-supported:hover { 
  text-decoration: none;
}

/*
** what's new: see includes/boxes/whats_new.php
*/

#whats-new { 
  display: block;
}

#whats-new p { 
  margin: 0;
  padding: 0;
  width: 90%;
}

/*
** subscribe-box support: see includes/boxes/subscribe.php
*/

#subscribe-wrapper .infoBoxContents { 
  text-align: center;
}

#subscribe-wrapper p { 
  text-align: left;
  margin-bottom: 7px;
}

#subscribe-wrapper .infoBoxContents,
#subscribe-wrapper #choices,
#subscribe-wrapper #choices a { 
  color: #003267;
  font-weight: bold;
}

#subscribe-wrapper #choices { 
  width: 100%;
  font-size: 0.85em;
  margin-bottom: 10px;
  text-align: center;
}

#subscribe-wrapper #email { 
  width: 100%;
  margin-bottom: 7px;
}

/*
** fixed width support -- #store-wrapper defined in includes/header.php
*/

body {
   text-align: center;     
}

#store-wrapper { 
   width: 724px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
}

/*
** header/top-banner stuff
*/

#store-logo {
  background: #ffffff;
}

#store-logo,
#store-logo * { 
  height: 110px;
  margin: 0;
  padding: 0;
}

#store-logo a { 
  display: block;
}

#store-top-nav {
  background-color: #003366;
  font-size: 10px;
  color: white;
  font-weight: bold;
  padding: 2px 6px 1px 6px;
}

#store-top-nav a {
  color: white;	       
}

#store-top-nav a:hover {
  color: white;
}

#store-account-links {
  text-align: right;
}

#store-breadcrumbs a,
#store-breadcrumbs {
  font-size: 0.7em;
  color: #777777;
}

#store-breadcrumbs a { 
  font-size: 1em;
}

#store-content-wrapper { 
  padding-left: 10px;
}

#popup-wrapper .infoBoxContents { 
  padding: 10px;
}

#category-alert-box {
    width: 300px;
    float: right;
    font-size: 0.75em;
    color: #444444;
    background-color: #F5F5EF;
    border: 1px solid #EAE9DE;
    position: relative;
    top: -12px;
    right: 0;
}

#category-alert-box p {
    margin: 0.5em;
    padding: 0;
}
/*
** product list support
*/

/*
** NOTE: 
** There is a 10px cellspacing embedded in the <table> tag.
** See includes/classes/product-listing.php
**
** Rational: 
** We need to draw the border around a td element, not
** around a div inside.  This is so all of the boxes
** in a row are the same height.  Using height: 100% on
** a block element inside a td is not consistent across
** browsers at this time.
*/
.product-listing .checkbox {
	width: 45%;
	float: left;
	text-align: center;
}

.product-listing .qty {
	width: 45%;
	float: right;
	text-align: left;
}

.product-listing .qty input {
	width: 2em;
}

.product-next {
	text-align: right;
}

.product-listing { 
  width: 100%;                 
  position: relative;
  left: -10px;
  top: 0;
}

.product-listing td { 
  margin: 0;
  width: 125px;                      
  vertical-align: top;
  font-size: 10pt;
}

.product-listing .category,
.product-listing .product { 
  vertical-align: top;
  margin: 5px;
}

.product-listing .drill-product { 
  display: block;
  text-align: center;
}

.product-listing .drill-product:hover { 
}

.product-listing tr.even td.even,
.product-listing tr.odd td.odd { 
  border: 1px solid #cccccc;
}

.product-listing tr.even td.odd,
.product-listing tr.odd td.even { 
  border: 1px solid white;
}

.product-listing .name { 
  color: #992726;
  font-family: Verdana, sans-serif;
  font-size: 0.8em
}

.product-listing .go { 
  text-align: right;
  margin-top: 3px;
}

.product-listing div.price { 
  font-size: 9pt;
  color: #003366;
}

.product-listing div.price p { 
  margin: 0;
  padding: 0;
}

.product-listing .original-price .price { 
  text-decoration: line-through;
}

.product-listing .sale-alert-box { 
  margin-bottom: 5px;
}


.product-listing .quantity-discount { 
  display: block;
  font-size: 8pt;
  padding-top: 3px;
}

.category-description { 
  font-size: 0.7em;
  color: #333333;
  padding-top: 5px;
}

.product-listing a:hover {  
  text-decoration: none;
}

.product-listing a:hover .name { 
  text-decoration: underline;
}

/*
** Homepage
*/

#main-top-banner { 
  width: 100%;
  margin: 0;
  padding: 0;
}

#main-top-banner td { 
  margin: 0;
  padding: 0;
}

#main-image { 
}

#us-flag { 
  width: 148px;
}

#us-flag img { 
  position: relative;
  top: 0;
  left: -1px;
}

.product-listing .category .name { 
  text-align: left;
  width: 85%;
  border-bottom: 1px solid #cccccc;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

.product-listing .category .description { 
  color: #666666;
  font-size: 0.725em;
  text-align: left;
  margin-top: 7px;
  line-height: 1.25;
}


.product-listing .category a:hover .name { 
  text-decoration: underline;
}

/*
** product quantity picker
*/

.product-quantity-picker { 
}

.product-quantity-picker th { 
  padding-bottom: 5px;
  text-align: left;
}

.product-quantity-picker label { 
  font-size: 0.75em;
  font-weight: bold;
  text-transform: lowercase;
  color: black;
}

.product-quantity-picker input.quantity { 
  border: 1px solid black;
  margin-right: 10px;
  padding: 1px;
}

.product-quantity-picker .range { 
  padding: 0 10px;
}

/*
** product info
*/

#product-info { 
  font-size: 10pt;
  width: 93%;                 
  margin: 30px 0 0 7%; 
}

#product-info #previous-page a { 
  color: #888888;
  font-size: 0.75em;
}

#product-info #previous-page { 
  padding-bottom: 20px;
}

#product-info .featured-product,
#product-info #not-found { 
  color: block;
  font-size: 0.85em;
  font-weight: bold;
}

#product-info .featured-product { 
  font-size: 0.7em;
}

#product-info .product-name { 
  font-family: Georgia, serif;
  font-size: 1em;
  font-weight: bolder;
  color: #992726;
  padding-bottom: 5px;
}

#product-info .product-price { 
  font-family: Verdana, sans-serif;
  font-size: .8em;
  font-weight: bold;
  text-align: right;
}

#product-info .product-image { 
  width: 200px;
  text-align: center;
  font-size: 0.8em;
  padding-left: 10px;
}

#product-info .product-quantity-picker,
#product-info .product-attributes,
#product-info .product-description { 
  font-size: 0.7em;
  line-height: 1.25;
  color: #333333;
}

#product-info .product-description { 
  padding: 20px 0;
  text-align: justify;
}

#product-info .product-quantity-picker { 
  margin-top: 10px;
}

#product-info .sale-alert-box { 
  margin-top: 0.5em;
  padding: 0.1em 0;
}

/*
** subscribe form -- see checkout_success.php
*/

#subscribe-form label { 
  font-weight: bold;
  text-align: right;
  display: block;
  padding-right: 10px;
}

#store-content-wrapper #subscribe-form .buttonBox { 
  text-align: center;
  padding: 10px 0 10px 0;
}

#subscribe-form .buttonBox input { 
  margin-right: 10px;
}

/*
** osCommerce standard stuff
*/

.sale-alert-box { 
  background-color: #992726; 
  color: white;
  text-align: center;
  font-weight: bold;
}


FORM {
	display: inline;
}

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 {
  background: #003366;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #003366;
  color: #ffffff;
  font-weight: bold;
}
TD.footer a {
  color: #ffffff;
}
TD.footer .disclaimer {
  padding-left: 20px;
}

.leftboxLink {
  background-color: #EAE9DE;
  padding: 4px 0px 0px 6px;
}
.leftboxLink img {
  border: none;
}
.leftboxLinkLast {
  padding-bottom: 20px;
}
.leftboxLink a {
  color: #444444;
}
.leftboxLink a:hover {
  color: #992726;
}
.infoBox {
  margin: 0;
  padding: 0;	 
}

.infoBoxContents {
  background-color: #EAE9DE;
  padding: 0;
  margin: 0;
}

#store-content-wrapper .infoBoxContents td { 
  padding: 2px;
}

#store-column-left .infoBoxContents { 
  padding: 4px 0px 10px 0px;                                      
}

.infoBoxContents .boxText,
.infoBoxContents .boxList {
  font-size: 10px;
}

#store-column-left .infoBoxContents .boxText {
  /* horizontal padding should match .boxList li */		 
  padding-left: 6px;
  padding-right: 6px;
}

.infoBoxContents,
#store-column-left .infoBoxContents a {
  color: #444444;		 
}

#store-column-left .infoBoxContents a:hover {
  color: #992726;
}

.infoBoxContents .boxList ul {
  margin: 0;
  padding: 0;	     
  list-style-type: none;
}

#store-column-left .infoBoxContents .boxList li {		 
  margin: 0;
  /* horizontal padding should match .boxText */
  padding: 4px 6px;
}

.infoBoxContents .boxList a {
  display: block;
}

.infoBoxContents .odd {
  background-color: #f5f5ef;		 
}
 
.infoBoxNotice {
  background: #FF8E90;
}

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

.infoBoxHeadingCenter,
.infoBoxHeadingRight,
.infoBoxHeadingLeft {
  background-color: #0A3465;
}

.infoBoxHeadingCenter {
  border-bottom: 1px solid #948392;
  font-family: Verdana Bold, Verdana, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: white;
  height: 20px;
  padding: 0 3px;
}

.infoBoxHeadingCenter a:hover,
.infoBoxHeadingCenter a {
  color: white;		      
}

.infoBoxHeadingLeft,
.infoBoxHeadingRight {
  width: 4px;
  height: 25px;
  border: none;
}
.infoBoxHeadingLeft img,
.infoBoxHeadingRight img {
  height: 25px;
}

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

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

.infoBoxContents .odd,
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: #f5f5ef;		 
}

.infoBoxContents .even,
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: #eae9de;
}

SPAN.featured { 
  font-weight: bolder;
  color: black;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #003366;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #003366;
  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: Georgia, serif;
  font-size: 1em;
  font-weight: bold;
  color: #992726;
  padding-top: 10px;
  padding-bottom: 10px;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

DIV.mainPageText {
	text-align: center;
	color: #003366;
	width: 650px; /* 3 columns of approx 200px width + some extra */
	font-size: 110%;
	font-weight: bolder;
}

TD.main p {
  width: 80%;
  margin: 5mm 10% 5mm 10%;
}

TD.main p strong {
  text-transform: uppercase;
  color: red;
}

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

TD.medText, SPAN.medText, P.medText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #003366;
}

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;
}

#store-column-left SPAN.newItemInCart a {
  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: #f5f5ef; }

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

#shipping-rates dt {
    font-weight: bold;
    padding-bottom: 0.5em;
}

#shipping-rates li,
#shipping-rates dd {
    margin-left: 0;
    padding-left: 0;
}

#shipping-rates li {
    padding-bottom: 0.25em;
}

#shipping-rates dd label {
    padding-right: 0.5em;
}

#shipping-rates .price,
#shipping-rates .free-shipping {
    color: #992726;
}

#shipping-rates .free-shipping {
    font-size: 1.2em;
}

.dataTableHeadingRow {
    background-color: #DDD;
    font-size: .75em;
    }

.dataTableContent {
    font-size: .7em;
    font-weight: normal;
    }

.dataTableContent b {
    font-weight: normal;
    }

.important {
    display: none;
}