/*
  $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; }
.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 {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

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

A.headerNavigation_BLACK {
  color: #000000;
  text-decoration: none;
}

A.headerNavigation_BLACK:hover {
  color: #87012D;
  text-decoration: none;
}

A.headerNavigation_RED {
  color: #87012D;
  text-decoration: none;
}

A.headerNavigation_RED:hover {
  color: #000000;
  text-decoration: none;
}

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

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

.infoBox {
  background: #b6b7cb;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  background: #87012D;
  color: #ffffff;
  line-height: 16px;
}

TD.infoBoxRight {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  background: #ffffff;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, 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: #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: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

TABLE.middlePage {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 3px solid #EBEBEB;
  border-top: 0px;
}

TABLE.rightCol {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  border-bottom: 0px;
  border-left: 3px solid #EBEBEB;
  border-right: 0px solid #EBEBEB;
  border-top: 0px;
}

TABLE.box1 {
  border: 0px;
  border-style: solid;
  border-color: #9f9f9f;
  border-spacing: 0px;
  border-bottom: 0px;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  border-top: 1px solid #9f9f9f;
}

TABLE.box2 {
  border: 0px;
  border-style: solid;
  border-color: #9f9f9f;
  border-spacing: 0px;
  border-bottom: 0px;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  border-top: 0px solid #9f9f9f;
}

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

.productListing-headingSC {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

.redBorderedBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: none;
  border: 1px;
  border-style: solid;
  border-color: #87012D;
  border-spacing: 1px;
}

.blackBorderedBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: none;
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.blackSelectStyle {
  scrollbar-base-color: red;
}

.blackBorderedBoxLogin {
  scrollbar-highlight-color:black;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: none;
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.blackBorderedBoxLoginNoBorder {
  scrollbar-highlight-color:black;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: none;
  border: 0px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

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: Verdana, 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.header_login, P.header_login {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #87012D;
}

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

TD.header_login_nobold, P.header_login_nobold, DIV.header_login_nobold {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: none;
  color: #000000;
}

TD.header_login_nobold_12, P.header_login_nobold_12, DIV.header_login_nobold_12 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: none;
  color: #000000;
}

TD.product_name {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: none;
  color: #87012D;
}

span.product_name {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: none;
  color: #87012D;
}

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: 10 px;
  color: #87012D;
  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: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #FFFFFF; color: #87012D; font-weight: bold; text-align: center;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffffff; font-weight: bold; color: green; text-align: center; }

/* input requirement */

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

/* ------------------------------------------------------------------------------------------------------------- */

/* page frame */
.frameBody {font-family:verdana,sans-serif;background-color:#FFFFFF;margin:1px;padding:0px;}
.frameTable {width:100%;height:100%;background-color:#FFFFFF;border:1px solid #000000;}

/* page header */
.headerBox {height:59px;background:#336699;border-bottom:1px solid #000000;}
.headerLogoBox {width:150px;text-align:center;padding-top:0px;}
.headerLogo {border:0px;vertical-align:-10%;border:1px solid #cccccc;margin:3px;}
.headerHome {border:0px;vertical-align:-10%;}

.headerLeftBox {color:#CCCCCC;font-size:16px;padding-top:2px;}
.headerRightBox {width:150px;text-align:right;padding-right:3px;padding-top:4px;}
.headerImgLink{padding:1px;border:1px solid #CCCCCC;margin:1px;}
.headerTitleBox {font-size:10px;border:1px inset;padding:3px 0px 3px 3px;background:#EBEBEB;color:#336699;margin-bottom:3px;margin-right:3px;}
.headerTitleLink {color:#336699;}

/* html elements styles */
p {margin-top:0px;margin-bottom:5px;}
ul {margin-top:0px;margin-bottom:0px;}
a {text-decoration:none}
a:hover {text-decoration:underline}
a:hover .imgLink {border: 1px solid #999999;}
a:hover .headerImgLink {border:1px solid #FFFFFF;}
a:hover .headerLogo {border:1px solid #FFFFFF;}

/* main */
.mainTable {width:100%;height:100%;}
.mainSideBar {width:100px;background:#F0F8FF;text-align:center;border-right:1px solid #EBEBEB;}
.mainRightBox {width:170px;background:url(/img/lines-background.gif);text-align:center;}

/* page main sidebar */
.sidebarTable {height:100%;}
.sidebarMenuBox {height:140px;}
.sidebarCopyBox {text-align:center;background:url(/img/fs-com.gif) no-repeat;background-position:center 40px;}
.sidebarCopy {font-size:10px;color:#336699;font-style:italic;display:block;margin-bottom:6px;}

/* sidebar menu */
.wmSubMenuHidden {position:absolute;visibility:hidden;z-index:1;}
.wmLink {display:block;width:100%;padding:3px 0px 3px 0px;text-decoration:none;color:#000000;font-size:10px;}
.wmLink:hover {text-decoration:none;color:#87012D;font-size:10px;}
.wmLinkText {margin-left:10px;font-size:10px;font-family: Verdana;color:#000000;}

/* level 0 */

.hItemOn  {
 margin-left:auto;margin-right:auto;
 font-family: Verdana;
 font-size:10px;
 font-weight: bold;
 width:200px;
 background:#dbdbdb;
 vertical-alignment: sub;
 border-bottom:0px solid #6767676;border-right:0px solid #cccccc;border-top:2px solid #ffffff;border-left:0px solid #f0f0f0;
 cursor:pointer;
 }

.hItemOff {
 margin-left:auto;margin-right:auto;
 font-family: Verdana;
 font-weight: bold;
 font-size:10px;
 width:200px;
 background: #ebebeb;
 border-bottom:0px solid #ffffff;border-right:0px solid #cccccc;border-top:2px solid #ffffff;border-left:0px solid #f0f0f0;
 cursor:pointer;
 }

.headerCat {
 margin-left:auto;margin-right:auto;
 font-size:10px;
 font-family: Verdana;
 width:150px;
 border-bottom:0px solid #cccccc;border-right:0px solid #cccccc;border-top:2px solid #ffffff;border-left:0px solid #f0f0f0;
 background: #8B8B8B;
 }

.footerCat {
 margin-left:auto;margin-right:auto;
 font-size:4px;
 font-family: Verdana;
 width:150px;
 height:2px;
 border-bottom:0px solid #cccccc;border-right:0px solid #cccccc;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;
 background: #8B8B8B;
 }

/* sublevels */
.sItemOn  {
 font-size:12px;
 width:140px;
 background:#dcdcdc;
 border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;
 cursor:pointer;
 }

.sItemOff {
 font-size:12px;
 width:140px;
 background:#dcdcdc;
 border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;
 cursor:pointer;
 }

/* right link */
.rightTable {margin-top:12px;}
.rightBox {font-size:12px;/*background:#F0F0F0;*/padding:6px 0px 6px 0px;width:162px;border:1px solid #DCDCDC;}
.rightBoxText {width:148px;font-size:12px;text-align:center;padding:1px;color:#cc0000;}
.rightBoxTextLine {margin-bottom:3px;}

/* theme - like paragraph, just with option to add go button */
.goThemeBox {width:600px;margin-top:10px;border:0px solid #CEC0AC;}
.goThemeTitle {font-size:12px;font-weight:normal;color:#000000;background:#F1EEDA;border-bottom:1px solid #DCDCDC;height:16px;padding:0px 3px 1px 3px;}
.goThemeText {width:100%;font-size:12px;font-weight:normal;color:#000000;background:#ffffff;padding:5px 0px 5px 0px;}
.goThemeLink {font-weight:normal;text-decoration:none;color:#ffffff;}
.goThemeActionBox {width:50px;background:#ffffff;padding:3px;text-align:right;}
.goThemeBorder {border-bottom:1px solid #cccccc;}

/* context link - page context menu on the right side */
.contextLinkTable {font-size:12px;text-align:left;border-collapse:collapse;margin-bottom:0px;margin-top:3px;}
.contextLinkTable td {border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;padding:1px;}
.contextLinkTable td a {color:#000000;}

/* platform grid */
.platformGridTable {width:600px;font-size:12px;text-align:left;border-collapse:collapse;border:1px solid #CCCCCC;margin-bottom:8px;}
.platformGridTitle {width:148px;border:1px solid #CCCCCC;background:#ffffff;color:#000000;padding-left:4px;}
.platformGridCell {border:1px solid #CCCCCC;padding-left:4px;}

/* action table */
.actionTable {font-size:12px;text-align:left;border-collapse:collapse;margin-top:0px;margin-bottom:5px;}
.actionImage {vertical-align:-10%;}
.actionCell {border-top:1px solid #CEC0AC;border-bottom:1px solid #CEC0AC;padding:1px;}

/* pick a value table */
.pavTable {width:600px;font-size:12px;text-align:left;border-collapse:collapse;border:1px solid #cccccc;}
.pavTitle {width:80px;text-align:center;border:1px solid #cccccc;background:#ffffff;color:#000000;padding-left:3px;}
.pavCell {border:1px solid #cccccc;padding-left:3px;}
.pavInput {font-family:courier;font-size:12px;height:18px;border:1px solid #cccccc;padding-left:3px;background:#f0f0f0;}

/* download grid */
.downloadGridTable {width:600px;font-size:12px;border-collapse:collapse;border:1px solid #CCCCCC;margin-bottom:8px;}
.downloadGridCell {border:1px solid #CCCCCC;padding-left:4px;text-align:left;}
.downloadGridActionCell {border:1px solid #CCCCCC;padding-left:4px;width:75px;text-align:center;}
.downloadButton {display:block;font-size:10px;padding:1px 3px 2px 3px;font-weight:bold;color:#ffffff;background:#FCCC6C;border:1px solid #000000;width:63px;cursor:pointer;}
.downloadBuy {display:block;font-size:10px;padding:1px 3px 2px 3px;font-weight:bold;color:#ffffff;background:#009966;border:1px solid #000000;width:63px;cursor:pointer;}

/* common */
.quote {font-style:italic;font-weight:bold;}
.spacer {margin-top:0px;}
.welcome {font-size:20px;padding:0px 3px 1px 3px;color:#B0B0B0;}
.established {font-size:12px;padding:0px 3px 1px 3px;color:#B0B0B0;}
.redButton {background:#CC0000;color:#FFFFFF;border:1px solid #000000;font-size:8px;text-align:center;padding:0px 1px 0px 1px;vertical-align:25%;}

 /* IE has a bug with property inheritance so img inside anchor does not work, this is why imgLink class is defined. */
.imgLink{border:1px solid #cccccc;}


/* product display */
.displayBox {width:100%;height:266px;text-align:center;}
.displayDiv {position:absolute;top:0px;left:0px;visibility:hidden;}
.displayTable {width:100%;height:100%;font-size:12px;}
.displayImageCell {text-align:center;height:200px;background:url(/img/lines-background-2.gif);}
.displayTextCell {background:#DEEFE4;padding:3px;font-size:10px;}


/* ===== NOTES ===== */
/*
   padding:top right bottom left;

   colors:
   ---------------------------------------------------------
   white   - FFFFFF
   black   - 000000
   blues   - C8DCFF, 336699
   red     - CC0000
   grays   - F0F0F0, DCDCDC
   yellows - FFFFE6, F1EEDA, EEE8AA, CEC0AC, FCCC6C, FFCC33
   greens  - DEEFE4

 */

      /* share link style for both menus */
      .dwmLink {padding:0px 0px 0px 0px;text-decoration:none;color:#ffffff;font-family: Verdana, Arial, sans-serif;width:151px;}
      .dwmLink:hover {padding:0px 0px 0px 0px;text-decoration:none;color:#ff6600;font-family: Verdana, Arial, sans-serif;width:151px;}

      /* vertical menu styles */
      .dvItemOn  {margin:0px;background:#676767;cursor:pointer; font-size: 14pt;font-family: Verdana, Arial, sans-serif;}
      .dvItemOff {margin:0px;background:#676767;cursor:pointer; font-size: 14pt;font-family: Verdana, Arial, sans-serif;}