/* General font families for common tags, i.e. the whole body */
body, font, th, td, p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Set the base font size for everything. All other font sizes are relative to this. */
body {
  touch-action: manipulation;
  font-size : 18px;
  color: #000000;
}

/* Mobile / PC switch */
td.topLeft {
  height: 180px;
  vertical-align: top;
  background-image: url(images/headerleft.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

td.topMiddle {
  width: 660px;
  height:180px;
  text-align: left;
  vertical-align: top;
  background-image: url(images/header.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

td.topRight {
  height: 180px;
  vertical-align: top;
  background-image: url(images/headerright.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

td.title {
  width: 460px;
  font-size: 100%;
  font-weight: bold;
}

td.small, table.small {
  display: none;
}

td.big, table.big {
  display: inline;
}

/* The following section overwrites the css above for mobile layout. */
@media only screen 
    and (max-device-width : 667px) 
    and (-webkit-min-device-pixel-ratio : 1)
{
  /* Mobile devices get a bigger base font size. */
  body {
    font-size: 133%;
  }

  /* Mobile navigation gets a bigger line height. */
  td.small, table.small {
    display: inline;
  }

  td.big, table.big {
    display: none;
  }

  td.headerNavL, td.headerNavR { 
    line-height: 1.5;
  }

  td.topLeft {
    display: none;
  }

  td.topMiddle {
    width: 412px;
    height:180px;
    text-align: left;
    vertical-align: top;
    background-image: url(images/header.gif);
    background-repeat: no-repeat;
    background-position: left top;
  }

  /* Bigger checkbox on mobile devices */
  input[type="checkbox"] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    margin: 6px;
  }
}

a:link,a:active,a:visited {
  color: #0000EE;
}

a:hover	{
  text-decoration: underline;
  color: #FF0000;
}

hr {
  height: 0px;
  border: solid #D1D7DC 0px;
  border-top-width: 1px;
}

h1 {
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

h2 {
  font-size: 80%;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

/* Misc */
.boxText { font-size: 85%; }
.errorBox { background: #ffb3b5; font-weight: bold; }
.stockWarning { color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { color: #70d250; text-decoration: underline; }

body {
  background-color: #FCFDFF;
  color: #000000;
  margin: 0px;
}

form {
  display: inline;
}

a.headerNav { 
}

a.headerNav:hover {
}

a.pageResults {
  color: #0000FF;
}

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

img {
  border: 0px;
}

img.infoBoxHeadingR {
  width: 11px;
  height: 16px;
}

img.pixel_trans {
  width: 100%;
  height: 1px;
}

table.top {
  width: 100%;
  border: 0px;
  border-spacing: 7px;
}

table.screen, table.infoBoxContents {
  width: 100%;
  border: 0px;
  border-spacing: 3px;
}

table.full  {
  width: 100%;
  border: 0px;
  border-spacing: 0px;
}

table.responsive {
  overflow-x: auto;
}

table.infoBox {
  width: 100%;
  border: 0px;
  border-spacing:0px;
}

table.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

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

tr.headerError {
  background: #ff0000;
}

td.headerError {  
  background: #ff0000;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

td.headerNav {
  white-space: nowrap;
}

td.headerNavL {
  font-weight: bold;
}

td.headerNavR {
  text-align: right;
  font-weight: bold;
}

tr.footer {
  background: #b8bec0;
}

td.footer {
  font-size: 80%;
  color: #000000;
  font-weight: bold;
}

td.formAreaTitle {
  font-size: 87%;
  font-weight: bold;
}

tr.subBar {
  background: #f4f7fd;
}

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

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

td.infoBoxHeading {
  font-size: 80%;
  font-weight: bold;
  background: #b8bec0;
  color: #000000;
  height: 16px;
}

td.infoBoxHeadingR {
  background: #b8bec0;
  height: 16px;
  text-align: right;
}

td.infoBox, span.infoBox {
  font-size: 80%;
}

td.pageHeading, div.pageHeading {
  font-size: 125%;
  font-weight: bold;
  color: #000000;
}

td.pageHeadingR {
  font-size: 125%;
  font-weight: bold;
  color: #000000;
  text-align: right;
}

td.subBar {
  font-size: 125%;
  color: #000000;
}

td.main, p.main, h2.main {
  font-size: 80%;
  line-height: 1.333;
}

td.smallText, span.smallText, p.smallText, div.smallText, h2.smallText {
  font-size: 80%;
}

td.smallestText, span.smallestText, p.smallestText, div.smallestText, h2.smallestText {
  font-size: 75%;
}

td.accountCategory {
  font-size: 87%;
  color: #aabbdd;
}

td.fieldKey {
  font-size: 80%;
  font-weight: bold;
}

td.fieldValue {
  font-size: 80%;
}

td.tableHeading {
  font-size: 80%;
  font-weight: bold;
}

td.pixelTrans {
  width: 10px;
}

span.newItemInCart {
  font-size: 80%;
  color: #ff0000;
}

span.selected {
  font-weight: bold;
}

textarea {
  width: 100%;
  font-size: 70%;
  box-sizing: border-box;
}

textarea.conditions {
  width: 100%;
  font-size: 75%;
  background-color:#C4C4C4;
}

span.greetUser {
  color: #f0a480;
  font-weight: bold;
}

span.markProductOutOfStock {
  font-size: 80%;
  color: #c76170;
  font-weight: bold;
}

div.productSpecialPrice, span.productSpecialPrice {
  color: #ff0000;
}

span.errorText {
  color: #ff0000;
}

.checkoutBarFrom, .checkoutBarTo {
  font-size: 80%;
  color: #8c8c8c;
}

.checkoutBarCurrent {
  font-size: 80%;
  color: #000000;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

.inputRequirement {
  font-size: 80%;
  color: #ff0000;
}

.messageBox {
  font-size: 80%;
}

.messageStackError, .messageStackWarning {
  font-size: 80%;
  background-color: #ffb3b5;
}

.messageStackSuccess {
  font-size: 80%;
  background-color: #99ff00;
}

.moduleRow { 
}

.moduleRowOver {
  background-color: #D7E9F7;
  cursor: pointer;
}

.moduleRowSelected {
  background-color: #E9F4FC;
}

.productListing-heading {
  font-size: 90%;
  background: #b8bec0;
  color: #000000;
  font-weight: bold;
}

.productListing-data {
  font-size: 90%;
}

.quoted {
  font-size: 80%;
  text-align: left;
  margin-bottom: 12px;
  padding: 6px;
  background: #D1D7DC;
}

.taxInfo {
  font-size: 75%; color: #a0a0b8;
}

.shopInfo {
  font-size: 100%; color: #ff4500; font-weight: bold;
}

.distributor {
  font-size: 100%;
  font-weight: bold;
}

.country {
  color: grey;
  font-size: 100%;
  font-weight: bold;
}

.www {
  font-size: 100%;
}

.responsive {
  max-width: 100%;
  height: auto;
}

/*@import url("buttons.css");*/