* {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  list-style: none; }

body {
  background: url(../images/background.gif) 0 0 repeat; }

a {
  color: #f28411; }

h1.logo {
  margin: 0;
  float: left; }
  h1.logo a {
    display: block;
    background: url(../images/logo.gif) 0 0 no-repeat;
    width: 197px;
    height: 71px;
    text-indent: -9999px; }

p.login {
  float: left;
  font-size: 13px; }

h1 {
  color: #999;
  font-size: 24px;
  margin: 20px; }

h2 {
  color: #f28411;
  font-size: 18px;
  margin: 10px; }

h3 {
  color: #f28411;
  font-size: 15px;
  margin: 10px; }

p {
  margin: 20px; }

ul li {
  margin: 3px; }

div.multiple table {
  margin: 0 auto; }
  div.multiple table thead th {
    font-size: 11px; }
  div.multiple table tbody td {
    padding: 3px; }
    div.multiple table tbody td input {
      width: 140px; }
    div.multiple table tbody td input.qty {
      width: 40px; }
div.multiple div {
  text-align: center; }
  div.multiple div input {
    border: solid 1px gray;
    background-color: #aaa;
    cursor: pointer;
    padding: 0 10px;
    font-size: 11px; }

ul#main {
  clear: both;
  background: url(../images/menu_bg.gif) 0 0 repeat-x;
  border-bottom: solid 1px #ccc;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 0;
  overflow: hidden;
  height: 32px; }
  ul#main li {
    padding: 0;
    margin: 0;
    display: block;
    float: left; }
    ul#main li a {
      display: block;
      float: left;
      padding: 8px 18px 0 18px;
      height: 24px;
      margin: 0;
      background: url(../images/menu_bg.gif) 0 0 repeat-x;
      border-right: solid 1px #ccc;
      color: #fff;
      text-decoration: none; }
      ul#main li a.selected {
        background-image: url(../images/menu_bg-selected.gif); }
      ul#main li a.first {
        border-left: solid 1px #ccc; }
      ul#main li a:hover {
        background-image: url(../images/menu_bg-hover.gif); }

div#page_content {
  padding: 20px; }
  div#page_content .left {
    width: 50%;
    float: left;
    text-align: center; }
  div#page_content .right {
    width: 50%;
    float: left;
    text-align: center; }
    div#page_content .right .info {
      padding: 0 0 20px 0; }
      div#page_content .right .info h3, div#page_content .right .info p {
        margin: 5px 0 3px 0;
        background: #fff; }
      div#page_content .right .info p {
        font-weight: bold;
        font-size: 14px;
        text-align: left; }

div.pages ol {
  font-size: 12px;
  text-align: center;
  padding: 10px;
  margin: 20px;
  background: url(../images/dotted.gif) 0 100% repeat-x; }
  div.pages ol li {
    display: inline; }

table.results {
  border-collapse: collapse; }
  table.results thead th {
    border: solid 1px #fff;
    background: url(../images/th.gif) 0 0 repeat-x;
    color: #fff;
    padding: 5px;
    font-size: 11px; }
  table.results tbody td {
    border: solid 1px #ddd;
    font-size: 12px;
    padding: 3px; }
  table.results tbody td.order input {
    width: 50px; }

input, textarea {
  color: #000;
  border: solid 1px gray;
  padding: 2px;
  font-size: 11px; }

label {
  font-size: 12px;
  font-weight: bold; }

form.order .addresses, form.order .order_type, form.order .comment {
  width: 940px;
  margin: 0 auto; }
  form.order .addresses h4, form.order .order_type h4, form.order .comment h4 {
    text-align: center; }
form.order .addresses {
  overflow: auto; }
  form.order .addresses .address {
    width: 470px;
    float: left; }
    form.order .addresses .address input {
      display: block;
      margin: 3px 0;
      width: 100%; }
form.order p {
  padding: 0 20px 5px 20px; }
  form.order p label {
    padding: 5px; }
form.order textarea {
  margin: 10px;
  display: block;
  margin: 0 auto;
  width: 60%;
  height: 60px; }

.search {
  margin: 0 auto;
  text-align: center; }
  .search input {
    width: 200px; }
  .search input.search {
    font-size: 12px;
    width: 100px; }

.submit {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  padding: 10px; }
  .submit input {
    font-size: 14px; }

div.product div.image {
  float: right; }
  div.product div.image img {
    border: solid 1px #bbb;
    padding: 1px; }
div.product table td.description {
  font-weight: bold; }

table.price {
  border-collapse: collapse; }
  table.price td {
    padding: 3px;
    border: solid 1px #ddd; }
    table.price td.amount {
      white-space: nowrap; }

div.cart {
  width: 940px;
  margin: 0 auto; }
  div.cart table {
    padding: 5px 0;
    width: 100%; }
    div.cart table caption {
      border-bottom: dotted 1px #666;
      padding: 1px 0; }
    div.cart table thead th {
      font-size: 13px;
      text-transform: lowercase;
      padding: 3px;
      white-space: nowrap;
      border-bottom: solid 1px #444; }
    div.cart table thead th.action {
      width: 30px;
      border: none; }
    div.cart table tbody td {
      font-size: 14px;
      text-align: center; }
    div.cart table .price {
      text-align: right; }
    div.cart table tfoot td.total {
      border-top: solid 1px #444;
      padding: 5px;
      font-size: 14px;
      font-weight: bold; }

table tbody tr td.availability {
  width: 150px; }
  table tbody tr td.availability span {
    color: red; }

div#JT {
  font-size: 13px; }
  div#JT ul {
    padding: 0 20px; }
    div#JT ul li {
      list-style: square; }

.hidden {
  display: none; }
