/*
  $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
*/
* {box-sizing: border-box;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {float: left; padding: 15px;}

.row::after {content: ""; clear: both; display: table;}

.g_icon {width: 20px; height: 20px;}

[id^=doss] {width:100%;background-color:rgb(244,255,255);color:rgb(0,0,255);}

.dropdown {
  width: 90px;
  position: relative;
  display: inline-block;
  border: 1px solid rgb(0, 0, 128);
  height: 14px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: rgb(0, 0, 255);
  color: rgb(255, 255, 0);
  padding-left: 10px;
  text-align: left;
}

.dropdown-content {
  width: 100px;
  display: none;
  position: absolute;
  z-index: 1;
  background-color: rgb(244,255,255);
  color: rgb(0, 0, 255);
  border: 1px solid rgb(0, 0, 128);
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding: 2px; 
}

.lSide .dropdown-content {
  left: 0px;
}

.rSide .dropdown-content {
  left: -10px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

TD { padding:1px; }


.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: #0000ff; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #f4ffff;
  color: #000000;
  margin: 0px;
  font-size:100%;
}

A {
  color: #0000ff;
  text-decoration: none;
}

A.internal {
  color: #00aa00;
  text-decoration: none;
}

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

A.header {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #aaff00;
  font-weight : bold;
  text-decoration: none;
}

A.header:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  color: #00aa00;
  text-decoration: none;
  font-weight : bold;
}

FORM {
	display: inline;
}

TR.header {
  background: #0000ff;
  height:40px;
}

TR.headerNavigation {
  background: #0000ff;
}

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

A.headerNavigation { 
  font-size: 12px;
  color: #00ff33;
  padding: 0 2px;
}

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

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

.lSide, .rSide {width: 100px;}

.searchBar {
  width: 150px;
  vertical-align:middle;
  background-color: #F4FFFF;
  border-radius: 3px;
}

#qtext {
  width: 125px;
  text-align: center;
  color: rgb(0, 255, 0);
  height: 15px;
  font-size: 12px;
}

@media screen and (min-width: 420px) {
  A.header {font-size: 18px;}
}

@media screen and (min-width: 520px) {
  .searchBar {width: 280px;}
  A.header {font-size: 24px;}
  #qtext {
    width: 100%;
    height: 35px;
    font-size: 24px;
  }
}

@media screen and (min-width: 720px) {
  .lSide, .rSide {width: 200px;}
}

@media screen and (min-width: 920px) {
  .lSide, .rSide {width: 300px;}
}

@media screen and (min-width: 1520px) {
  .lSide, .rSide {width: 600px;}
}

.searchBar td {
  text-align:center;
  vertical-align:middle;
  height: 20px;
}

.searchBar img {
  margin: 2px 0px 0px 2px;
}

#last {
  position:absolute; !important
  bottom: 0; !important
  width: 100%;
}

/* infobox -----------------------------*/
.columnHead {
  width: 100px;
  border: 1px solid rgb(0, 0, 128);
}

TD.infoBoxHeading {
  width: 100%;
  height: 14px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #0000ff;
  color: #ffff00;
  padding-left: 10px;
  text-align: left;
}

.infoBox {
  width: 100%;
  background: transparent;
  border: 1px solid rgb(0, 0, 128);
  border-spacing: 1px;
}

.boxText { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding: 2px; 
}

.infoBoxContents {
  background: transparent;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeadSm {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  background: #0000ff;
  color: #ffff00;
}

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

.column {width: 125px;}

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

A.pageHeading {
  color: #0000FF;
}

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

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

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

TEXTAREA {
  width: 100%;
  font-family: "courier new",courier,monospace;
  font-size: 12px;
}

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.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

.tall {min-height: 200px;}

TR.footer {
  background: #bbc3d3;
}

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

A.footer { 
  color: #ffcc00; 
}

A.footer:hover {
  color: #ff33ff;
}