/*
  $Id: stylesheet.css,v 1.53 2009/02/06 23:17:55 kim 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: #000; }
a.boxText:link, a.boxText:visited { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; }
a.boxText:hover, a.boxText:active { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #FFCC66; color: #000;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.errorWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ff0000; font-weight: bold; color: #FFF; }
.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 {
    background: #FFF;
    border: 1px solid #000;
    margin: auto;
    font-family: Verdana, Arial, sans-serif;
    font-size: .8em;
    width: 850px;   
}

a, a:link, a:visited {
    color: #0073BD;
    text-decoration: none;
}

a:hover, a:active {
    color: #0073BD;
    text-decoration: underline;
}

a.clickHere, a.clickHere_w {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  text-decoration: underline;
}

a.clickHere:link, A.clickHere:visited {
  color: #0073BD;
}

a.clickHere:hover, A.clickHere:active {
  color: #0073BD;
  background: #FFFF33;
}

a.clickHere_w:link, a.clickHere_w:visited {
  color: #FFF;
}

a.clickHere_w:hover, A.clickHere_w:active {
  color: #000;
  background: #FFFF33;
}

td {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

FORM {
	display: inline;
}

/* Header */
#header {
    background: #FFF;
    width: 850px;
}

/* Pages Navigation */

#gnav {
    background: #000;
    margin-top: 10px;
    width: 850px;
}

#gnav li {
    margin: 0;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    display: inline;
}

#gnav li.sep {
    background: #000;
    padding: 2px;
}

#gnav li a:link, #gnav li a:visited {
    background: none;
    color: #FFF;
    padding: 5px 1px 5px 1px;
    text-decoration: none;
}

#gnav li a:hover, #gnav li a:active {
    background: #FFF;
    color: #000;
    border-style: solid none;
    border-color: #000 #FFF #000 #FFF;
    padding: 5px 1px 5px 1px;
}

img.textRight {
    float: right;
}

TR.header {
  background: #FFF;
}

TR.headerError {
  background: #FF0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF0000;
  color: #FFF;
  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: #FFF;
  font-weight: bold;
  text-align: center;
}

#footer {
    background: #000;
    width: 850px;
}

#copy {
    background: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size: .8em;
    padding: 10px;
}

.copyLeft {
    color: #FFF;
    float: left;
}

.copyRight {
    color: #FFF;
    float: right;
}

#footerLinks {
    background: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size: .8em;
    text-align: center;
    padding: 5px;
}

#footerLinks ul {
    list-style: none;
}

#footerLinks li {
    list-style: none;
    margin: 0;
    color: #FFF;
    text-decoration: none;
    display: inline;
}

#footerLinks li a:link, #footerLinks li a:visited {
    background: none;
    color: #FFF;
    padding: 5px;
    text-decoration: none;
}

#footerLinks li a:hover, #footerLinks li a:active {
    background: #FFF;
    color: #000;
}

#space {
    height: 10px;
    clear: both;
}

/* Rounded corners */
#xsnazzy {
    background: transparent;
}

.xtop, .xbottom {
    display: block;
    background: transparent;
    font-size: 1px;
}

.xb1, .xb2, .xb3, .xb4 {
    display: block;
    overflow: hidden;
}

.xb1, .xb2, .xb3 {
    height: 1px;
}

.xb2, .xb3, .xb4 {
    background: #EEE8AA;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.xb1 {
    margin: 0 5px;
    background: #000;
}

.xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.xb3 {
    margin: 0 2px;
}

.xb4 {
    height: 2px;
    margin: 0 1px;
}

.xboxcontent {
    background: #EEE8AA;
    border: 0 solid #000;
    border-width: 0 1px;
}

.invoiceBox {
  background: #000;
  color: #FFF;
}

.infoBox {
  background: #0073BD;
  color: #FFF;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading, SPAN.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #0073BD;
  color: #FFF;
}

.infoBoxFooter {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #0073BD;
  color: #FFF;
}

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

.specialBox {
  background: #33CC33;
  color: #FFF;
}

.whiteBox, TD.whiteBox, TABLE.whiteBox {
  background: #FFF;
  color: #000000;
}

.finalButton {
  background-color: #FF3300;
  color: #FFF;
  font-weight: bold;
  font-size: 7pt;
}

.formButton {
  background-color: #33CC33;
  color: #FFF;
  font-weight: bold;
  font-size: 7pt;
}

.smallButton {
  background-color: #0066cc;
  color: #FFF;
  font-weight: bold;
  font-size: 7pt;
  text-align: center;
}

.searchButton {
  background-color: #000000;
  border-color: #000000;
  color: #FFF;
  font-weight: bold;
  font-size: 7pt;
  text-align: center;
}

.greyButton {
  background-color: #A9A9A9;
  color: #000000;
  font-weight: bold;
  font-size: 7pt;
  text-align: center;
}

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

TD.productListing-odd {
  background: #dcdcdc;
}

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;
  border-style: solid;
  border-color: #0073BD;
  border-spacing: 1px;
}

A.productListing-heading, A.productListing-heading:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #0073BD;
  color: #FFF;
  font-weight: bold;
}

.productListing-heading, TD.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #0073BD;
  color: #FFF;
  font-weight: bold;
}

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

A.productListing:link, A.productListing:visited {
  color: #000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

A.productListing:hover, A.productListing:active {
  color: #000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

TABLE.internalListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

A.internalListing-heading, A.internalListing-heading:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #ADD8E6;
  color: #000000;
  font-weight: bold;
}

.internalListing-heading, TD.internalListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #ADD8E6;
  color: #000000;
  font-weight: bold;
}

TD.internalOther {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #ADD8E6;
  color: #0073BD;
  font-weight: bold;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

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

TD.invoiceHeading, DIV.invoiceHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #202020;
}

/* expired quotes listing */
TR.expired { 
  background: #CCC;
}

head, td.head, span.head {
  color: #0073BD;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

descHeading, p.descHeading, span.descHeading {
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 3;
}

TD.descHeading, TABLE.descHeading {
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 3;
}

TD.internal, SPAN.internal, P.internal, A.internal {
  color: #cc3366;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

A.internal:hover {
  background: #DCDCDC;
  color: #696969;
}

TD.inactive {
  color: #696969;
}

A.main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #3366CC;
  font-weight: bold;
}
  
TD.main, P.main, TABLE.main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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: 10px;
  color: #DC143C;
}

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;
  font-size: 14px;
  color: #00CC00;
  font-weight: bold;
}

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

.noticeGreen {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #00cc00;
  font-weight: bold;
}

.noticeRed {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
}
 
.notice {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

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


TABLE.internalArea {
  background: #FFF;
  border-color: #ADD8E6;
  border-style: solid;
  border-width: 2px;
}

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

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

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

SPAN.priceCrossedOut {
  font-family: Arial, Verdana, sans-serif;
  text-decoration: line-through;
}

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

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

TR.row-odd {
  background: #E0FFFF;
}

TR.row-even {
  background: #FFF;
}

A.blue, A.blue2, A.blue3, A.blue4, A.blue5, A.black {
  font-family: Arial, Verdana, sans-serif;
  color: #FFF;
}
    
A.blue:hover, A.blue2:hover, A.blue3:hover, A.blue4:hover, A.blue5:hover, A.black:hover {
  font-family: Arial, Verdana, sans-serif;
  color: #ccddee;
}

.blue, TR.blue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #0073BD;
  font-weight : bold;
}

TD.blue1, TR.blue1 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #0073BD;
  color: #FFF;
  font-weight : bold;
}

TD.blue2, TR.blue2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #1f578e;
  color: #FFF;
  font-weight : bold;
}

TD.blue3, TR.blue3 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #336699;
  color: #FFF;
  font-weight : bold;
}

TD.blue4, TR.blue4 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #4477aa;
  color: #FFF;
  font-weight : bold;
}

TD.blue5, TR.blue5 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #7799bb;
  color: #FFF;
  font-weight : bold;
}

TD.blue6, TR.blue6 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #B0C4DE;
  color: #000000;
  font-weight : bold;
}

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

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

/* Tool Tips */
.tooltip,.tooltip *{display:block} /*added by javascript*/

.tooltip {
  width: 100px; color:#000;
  font:lighter 11px/1.3 Arial,sans-serif;
      text-decoration:none;
      text-align:center
}

.tooltip span.top {
  padding: 10px 5px 0;
  background: url(images/tooltip.gif) no-repeat top
}

.tooltip b.bottom {
  padding:5px 5px 5px;
  color: #00FF00;
  background: url(images/tooltip.gif) no-repeat bottom
}

.auto { background-color: #9966CC; }
.darkred { background-color: #990000; }
.green { background-color: #32CD32; }
.grey { background-color: #CCC; }
.magenta { background-color: #cf2f7e; }
.orange { background-color: #F4A460; }
.pink { background-color: #FFB6C1; }
.red { background-color: #FF3333; }
.teal { background-color: #48D1CC; }
.yellow { background-color: #FFD700; }