/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

* {margin:0; padding:0; }

.boxText { font-family: Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

BODY {background:#ffffff; font-family: Arial, sans-serif; font-size:12px; color:#000000; margin:0px; padding:0px;}
P, H1, H2, H3 {margin-top:10px;}
HR {margin-top:5px; margin-bottom:5px;}
DIV#top IMG, DIV#bottom IMG {border:0;}
LI {margin-top:10px; margin-left:30px;}
FORM {display: inline;}
SPAN.greenbold {font-weight:bold; color:#09680D;}
SPAN.redbold {font-weight:bold; color:#cc0033;}
.greenborder {border:thin solid #09680D;}
.greenbox {border:thick solid #09680D; padding:5px;}
.center {text-align:center;}
.newsletter {display:none;}
A:link, A:hover, A:visited, A:active {text-decoration:underline; color: #09680D;}



/* Three-column liquid layout follows.  NOTE:  Only problem I can find with this layout is if the content div is not high enough, the body background color will show through.  Solution, if necessary, will be to make a box div surrounding the 3-col section and make its background color the same as the content div's color. Alternately, body bg same as other DIVs' bg.  */
DIV#top {background:#ffffff; padding:5px; text-align:center; }
	/* Actual width of left column: 150px; 140px + 5px padding either side. 
	Actual width of right column: 325px; 315px + 5px padding either side.  */
DIV#left {float: left; width: 140px; margin-left: -100%; background:#ffffff; padding:5px; text-align:left;}
DIV#right {float: left; width: 315px; /* <- Width of right column*/ margin-left: -325px; /*Set left margin to -(RightColumnWidth)*/ background:#ffffff; padding:5px;}
DIV#container {float: left; width: 100%; }
DIV#content {background:#ffffff; margin:0 325px 0 150px; padding:5px;} /*Left and right margins same as left and right column widths. */
DIV#tablecontent {width:100%;} /* This is necessary to keep the osC tables from overflowing */
DIV#bottom {clear:both; background:#ffffff; padding:5px; text-align:center; font-size:10px;}
/* End three-column layout. */

/* "Button" rollover effect for nav menu. */
P.nav {margin-top:0px; padding-top:7.5px; padding-bottom:7.5px; padding-left:5px; font-weight:bold;}
P.nav:hover, P.nav:hover A {background:#09680D; color:white !important; font-weight:bold;}
/* End "button" styles */

/* Commenting this out for now...
DIV#container {padding:5px;}
*/

DIV#greenbar {clear:both; background:#09680D; color:white; font-family:Times New Roman, serif; font-size:18px; font-style:italic; width:100%; line-height:50px; text-align:center;}

TR.header {background: #ffffff;}
TR.headerNavigation {background: #09680D;}
TD.headerNavigation {font-family: Arial, sans-serif; font-size: 12px; background: #09680D; color: #ffffff; font-weight : bold;}

A.headerNavigation {color: #FFFFFF;}
A.headerNavigation:hover {color: #ffffff;}

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

TR.footer {background: #09680D;}
TD.footer {font-family: Arial, sans-serif; font-size: 12px; background: #09680D; color: #ffffff; font-weight: bold;}

.infoBox {background: #ffffff; }
.infoBoxContents {background: #ffffff; font-family: Arial, sans-serif; font-size: 12px;}
.infoBoxNotice { background: #FF8E90;}
.infoBoxNoticeContents { background: #FFE6E6; font-family: Arial, sans-serif; font-size: 12px;}

TD.infoBoxHeading { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; background: #09680D; color: #ffffff;}
TD.infoBox, SPAN.infoBox { font-family: Arial, sans-serif; font-size: 12px;}

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

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

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

.productListing-heading { font-family: Arial, sans-serif; font-size: 12px; background: #09680D; color: #FFFFFF; font-weight: bold;}
.productListing-heading A:link, .productListing-heading A:hover, .productListing-heading A:visited, .productListing-heading A:active {color: #ffffff; text-decoration:none;}

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

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

TR.subBar { background: #f4f7fd;}
TD.subBar { font-family: Arial, sans-serif; font-size: 12px; color: #000000;}

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

TD.smallText, SPAN.smallText, P.smallText { font-family: Arial, sans-serif; font-size: 12px;}
.smallText A:link, .smallText A:hover, .smallText A:visited, .smallText A:active {text-decoration:underline; color: #09680D;}

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

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

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

SPAN.newItemInCart { font-family: Arial, sans-serif; font-size: 12px; color: #ff0000;}

CHECKBOX, INPUT, RADIO, SELECT { font-family: Arial, sans-serif; font-size: 12px;}
TEXTAREA { width: 100%; font-family: Arial, sans-serif; font-size: 12px;}

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

TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px;}
TD.formAreaTitle { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;}

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

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

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

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

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

/* message box */
.messageBox { font-family: Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: Arial, sans-serif; font-size: 12px; color: #ff0000; }