div.index-banner {
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent);
  -webkit-background-size: 8px 1px;
  color: #333;
  overflow: hidden;
  position: relative;
  height: 142px; }
  div.index-banner img.left {
    left: 0;
    position: absolute;
    top: 0; }
  div.index-banner img.right {
    right: 0;
    position: absolute;
    top: 0; }

div.inner-banner {
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent);
  -webkit-background-size: 8px 1px;
  color: #333;
  overflow: hidden;
  position: relative;
  font-size: 1.67em;
  height: 54px;
  padding-left: 18px;
  line-height: 54px; }
  div.inner-banner img {
    float: right; }

p.message {
  font-size: 1.2em;
  margin: 10px 0;
  text-align: center; }

a.logout {
  float: right; }

menu.index {
  border-bottom: 1px solid #d9d9d9;
  font-size: 1.2em; }
  menu.index li {
    border-top: 1px solid #d9d9d9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e4e4e4)); }
  menu.index a {
    background: url("../../images/mobile/common/menu/li.gif") 100% 50% no-repeat;
    color: #333;
    display: block;
    padding: 7px 18px;
    text-decoration: none; }

p.free-shipping {
  font-size: 1.2em;
  margin: 1em 0;
  text-align: center; }

div.total {
  font-size: 1.33em;
  overflow: hidden;
  margin: 7px 0; }
  div.total div.title {
    float: left; }
  div.total div.value {
    float: right;
    font-weight: bold;
    width: 22%; }

span.free {
  background: #fecd08;
  display: inline-block;
  font-weight: bold;
  padding: 2px 5px;
  margin-left: -5px; }

a.design {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5daa74), color-stop(1, #066a36));
  background-color: #5daa74;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
  font-size: 0.9em;
  display: inline-block;
  line-height: 22px;
  padding: 0 0 0 9px;
  position: relative;
  text-decoration: none; }
  a.design span.arrow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffce1a), color-stop(1, #ff9f00));
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    display: block;
    float: right;
    margin: 0 -1px 0 8px;
    height: 22px;
    width: 11px; }
    a.design span.arrow span {
      background: url("../../images/mobile/common/design.gif") 50% 50% no-repeat;
      display: block;
      height: 22px;
      width: 11px; }

table.cart-table th.price, table.cart-table td.price {
  font-weight: bold;
  line-height: 21px;
  white-space: nowrap; }
table.cart-table th.title, table.cart-table td.title {
  vertical-align: middle;
  width: 100%; }
table.cart-table th.button img, table.cart-table td.button img {
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 3px #333;
  -webkit-box-shadow: 0 0 3px #333;
  margin-right: 10px;
  padding: 2px 3px 2px 3px; }
table.cart-table th.qty select, table.cart-table td.qty select {
  margin-right: 10px;
  width: 48px; }
table.cart-table tr.total td {
  border-bottom: 2px solid #a7cdb1;
  font-weight: bold; }
table.cart-table tr.total select {
  max-width: 180px; }

ul.gallery-list {
  margin: 0; }
  ul.gallery-list li {
    padding: 0; }
    ul.gallery-list li:before {
      content: ''; }
  ul.gallery-list li {
    margin: 10px 0;
    text-align: center; }
  ul.gallery-list img {
    border: 2px solid #a7cdb1;
    padding: 2px; }

table.designs-table th.add, table.designs-table td.add {
  padding-left: 8px; }
  table.designs-table th.add img, table.designs-table td.add img {
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 3px #333;
    -webkit-box-shadow: 0 0 3px #333;
    margin-right: 10px;
    padding: 2px 3px 2px 3px; }
table.designs-table th.remove, table.designs-table td.remove {
  padding-right: 8px; }
  table.designs-table th.remove img, table.designs-table td.remove img {
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 3px #333;
    -webkit-box-shadow: 0 0 3px #333;
    margin-right: 10px;
    padding: 2px 3px 2px 3px;
    margin-right: 0;
    padding: 4px 5px; }
table.designs-table th.title, table.designs-table td.title {
  vertical-align: middle;
  width: 80%; }
table.designs-table th.price, table.designs-table td.price {
  line-height: 22px;
  white-space: nowrap;
  padding-right: 20px;
  width: 10%; }
table.designs-table th.qty, table.designs-table td.qty {
  line-height: 22px;
  width: 10%; }
table.designs-table tr.added td, table.designs-table tr.added th {
  background: #dfd; }

div.table-container {
  margin: 0 -18px 20px; }