@font-face {
  font-family: 'Theinhardt';
  src: url("../fonts/Theinhardt-Rg.eot");
  src: url("../fonts/Theinhardt-Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/Theinhardt-Rg.woff") format("woff"), url("../fonts/Theinhardt-Rg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Theinhardt';
  src: url("../fonts/Theinhardt-Md.eot");
  src: url("../fonts/Theinhardt-Md.eot?#iefix") format("embedded-opentype"), url("../fonts/Theinhardt-Md.woff") format("woff"), url("../fonts/Theinhardt-Md.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

body {
  font-family: 'Theinhardt', sans-serif;
  color: #646464; }

.container {
  width: 900px;
  margin: auto; }

.search-title {
  width: 800px;
  margin: 0 auto; }
  .search-title .title {
    text-align: center;
    width: 340px;
    margin: 0 auto;
    border-bottom: none; }

.logo-container {
  position: relative;
  left: 135px;
  bottom: 20px;
  overflow: hidden;
  width: 300px;
  padding-top: 90px;
  margin: auto; }
  .logo-container #logo {
    position: relative;
    float: right; }
    .logo-container #logo img {
      max-width: 100%;
      max-height: 100%; }
  .logo-container .inventory {
    font-family: Arial;
    color: #2651FF;
    font-size: 36px; }

.search-box {
  margin: auto;
  float: none;
  width: 600px;
  height: 40px; }
  .search-box input {
    padding-top: 8px; }
  .search-box button {
    top: -34px;
    height: 32px;
    color: #757575;
    background: #f5f5f5; }
  .search-box button:hover {
    color: #ffffff; }

.mobile {
  margin: 5px -40px;
  text-align: center; }
  .mobile img {
    margin-top: 50px;
    width: 150px; }
  .mobile div.inventory {
    font-family: Arial;
    color: #2651FF;
    font-size: 36px; }
  .mobile .search-box {
    margin-top: 80px;
    width: 100%; }
  .mobile #total {
    margin-top: 20px; }

.user-container {
  overflow: hidden;
  font-size: 20px;
  margin: 5px -40px; }
  .user-container .inventory {
    font-size: 25px; }
  .user-container a {
    text-decoration: none; }
    .user-container a img {
      border-radius: 50%;
      max-height: 30px;
      max-width: 30px;
      margin-right: 5px; }
  .user-container .username {
    font-size: 17px; }

#total {
  margin-top: 70px;
  text-align: center;
  color: #aaaaaa;
  font-weight: 200; }

.title {
  height: 70px;
  border-bottom: none; }
  .title img {
    width: 145px; }
  .title .search-box {
    position: relative;
    float: right;
    top: 12px; }

.title.my {
  border-bottom: 1px solid #dddddd; }

.items .message {
  display: block;
  font-weight: 200;
  font-size: 13px;
  background-color: #dddddd; }

.item {
  overflow: hidden;
  border-bottom: 1px solid #dddddd; }
  .item .item-img {
    width: 120px;
    height: 124px; }
    .item .item-img img {
      max-width: 120px;
      max-height: 120px;
      border: 1px solid #dddddd; }
  .item #big-img {
    position: absolute;
    margin-left: 10px;
    border: 1px solid #dddddd;
    background-color: #f9f9f9;
    padding: 5px;
    max-width: 250px;
    max-height: 250px; }
  .item > div {
    margin: 10px 0;
    float: left;
    font-weight: 200; }
  .item .item-title {
    width: 550px;
    margin-left: 10px; }
    .item .item-title > a {
      color: #000000;
      cursor: pointer; }
    .item .item-title > a:hover {
      text-decoration: underline; }
    .item .item-title .detail {
      overflow: hidden; }
      .item .item-title .detail .item-desc {
        margin-top: 10px;
        line-height: 1.3;
        color: #aaaaaa;
        margin-bottom: 10px; }
      .item .item-title .detail .item-link a:hover {
        text-decoration: underline; }
    .item .item-title .item-tags {
      margin-top: 10px; }
      .item .item-title .item-tags .tag {
        padding: 2px 6px;
        margin-right: 3px;
        font-weight: 200;
        font-size: 14px; }
  .item .item-qty {
    width: 100px; }
    .item .item-qty span.num {
      font-size: 20px;
      color: red;
      font-weight: 700; }
    .item .item-qty span.desc {
      margin-left: 5px;
      color: #999999;
      font-size: 12px; }
  .item .item-location {
    padding-top: 4px; }
    .item .item-location span.desc {
      margin-right: 5px;
      color: #999999;
      font-size: 12px; }
  .item .item-checkout {
    padding-left: 14px; }

img.small1 {
  width: 40px;
  height: 40px;
  float: left; }

.s {
  height: 30px;
  border: 1px solid #dddddd;
  background: #dddddd;
  border-radius: 3px;
  cursor: pointer; }

#total {
  text-align: center;
  color: #aaa; }
  #total p {
    margin: 0; }