* {
  line-height: 1;
  margin: 0;
  padding: 0; }

body {
  background: #efefef; }

body,
.quantity {
  color: #333;
  font-family: 'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, Verdana, sans-serif;
  font-size: 10px; }

input {
  border: 1px solid #ccc;
  padding: 4px; }

#shop {
  padding-top: 122px; }
  #shop nav {
    text-align: right; }

#cart {
  border-top: 1px solid #ccc; }
  #cart li {
    border-bottom: 1px solid #ccc;
    clear: both;
    display: block;
    font-size: 12px;
    list-style-type: none;
    margin-bottom: 1px;
    padding: 10px 0; }
    #cart li .link {
      float: left;
      line-height: 50px;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 175px;
      white-space: nowrap; }
      #cart li .link .cart-thumb {
        float: left;
        height: 50px;
        margin-right: 10px;
        width: 50px; }
    #cart li .options {
      float: right;
      line-height: 50px;
      margin-right: 10px; }
    #cart li .details {
      float: right; }
      #cart li .details > .price-single,
      #cart li .details > .quantity,
      #cart li .details > .price-total,
      #cart li .details > .remove {
        float: left;
        line-height: 50px;
        margin-right: 10px; }
        #cart li .details > .price-single:last-child,
        #cart li .details > .quantity:last-child,
        #cart li .details > .price-total:last-child,
        #cart li .details > .remove:last-child {
          margin-right: 0; }
      #cart li .details > .quantity {
        line-height: 1;
        margin: 13px 10px 0 0;
        width: 20px; }
      #cart li .details .options,
      #cart li .details .price-total {
        display: none; }
      #cart li .details .remove {
        color: #ccc;
        font-size: 24px; }
        #cart li .details .remove:hover {
          color: #999;
          text-decoration: none; }

#totals {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f0f0f0;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px 10px 0 10px; }
  #totals label,
  #totals p {
    font-size: 12px; }
  #totals label,
  #totals span {
    display: inline-block;
    margin-bottom: 10px; }
  #totals select {
    margin-bottom: 10px;
    width: 100%; }
  #totals .discount-label {
    line-height: 24px; }
  #totals .discount {
    float: right; }

#cartnav {
  clear: both;
  font-size: 12px;
  margin: 20px 0; }
  #cartnav a {
    text-decoration: none; }
    #cartnav a:hover {
      text-decoration: underline; }
  #cartnav .continue {
    float: left; }
  #cartnav .empty,
  #cartnav .view-cart {
    float: right; }

#content {
  margin-bottom: 20px; }

#footer {
  border-top: 1px solid #ccc;
  padding: 10px 0 20px; }

#footer p {
  color: #999;
  float: left;
  font-size: 12px; }

#socialbuttons {
  float: right; }

.btn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 );
  border: 1px solid #ccc;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  width: 100%; }
  .btn:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top, white 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, white 0%, #efefef 100%);
    background: -o-linear-gradient(top, white 0%, #efefef 100%);
    background: -ms-linear-gradient(top, white 0%, #efefef 100%);
    background: linear-gradient(top, white 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
    text-decoration: none; }

.cart-quantity,
.cart-subtotal,
.cart-shipping,
.cart-discount,
.cart-tax,
.cart-total {
  float: right;
  font-weight: 600; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

.hidden {
  display: none; }

.price {
  display: block;
  font-size: 18px;
  margin-bottom: 20px; }

.shadow {
  -moz-box-shadow: 0 0 3px #cccccc;
  -webkit-box-shadow: 0 0 3px #cccccc;
  box-shadow: 0 0 3px #cccccc;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.span3 {
  margin-bottom: 20px; }
  .span3 img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto; }
  .span3 p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 1em; }
  .span3 .product .color {
    margin-bottom: 10px;
    width: 100%; }

.thumbnail {
  margin-bottom: 20px;
  text-align: center; }

.wrapper {
  margin: 0 auto; }
  .wrapper > h2:first-child {
    margin-bottom: 0; }

/* Phone Portrait */
@media screen and (max-width:320px) {
  html,
  body {
    width: 320px;
    -webkit-text-size-adjust: none; }

  nav ul li {
    line-height: 18px;
    margin-left: 1em; }
    nav ul li:first-child {
      margin-left: 0; }

  #cart li .options {
    display: none; }

  #socialbuttons {
    display: none; }

  .span1 {
    width: 90px; }

  .span3 {
    width: 260px; }

  .span5 {
    width: 150px; }

  .span6 {
    width: 260px; }

  .wrapper {
    width: 280px; } }
@media screen and (min-width:321px) {
  #totals {
    float: right;
    width: 280px; }

  #checkout {
    clear: both;
    float: right;
    margin-right: 2px;
    width: 300px; } }
/* Phone Landscape */
@media screen and (min-width:321px) and (max-width:767px) {
  body {
    -webkit-text-size-adjust: none; }

  #cart li .link {
    width: 250px; }
  #cart li .options {
    display: block !important; }

  #socialbuttons {
    display: none; }

  .wrapper {
    width: 440px; }

  .span3 {
    width: 420px; }

  .span5 {
    width: 260px; }

  .span6 {
    width: 420px; }

  .thumbnail {
    display: table;
    float: left;
    height: 306px;
    margin: 0 10px 20px;
    width: 200px; }
    .thumbnail > a {
      display: table-cell;
      vertical-align: middle; }
      .thumbnail > a > img {
        max-height: 304px; } }
/* Tablet Portrait */
@media screen and (min-width:768px) and (max-width:1023px) {
  body {
    -webkit-text-size-adjust: none; }

  #cart li .link {
    width: 420px; }
  #cart li .options {
    display: block !important; }

  .wrapper {
    width: 708px; }

  .span3 {
    float: left;
    margin: 0 10px;
    width: 334px; }

  .span5 {
    width: 528px; }

  .span6 {
    width: 688px; }

  .thumbnail {
    display: table;
    float: left;
    height: 304px;
    margin: 0 10px 20px;
    width: 216px; }
    .thumbnail > a {
      display: table-cell;
      vertical-align: middle; }
      .thumbnail > a > img {
        max-height: 304px; } }
/* Tablet Landscape */
@media screen and (min-width:1024px) {
  #cart li {
    font-size: 14px; }
    #cart li .link {
      width: 420px; }
    #cart li .options {
      display: block !important; }
    #cart li .quantity {
      font-size: 14px;
      margin: 11px 10px 0 0 !important; }

  #cartnav {
    font-size: 14px; }

  .wrapper {
    width: 960px; }

  .span3 {
    float: left;
    margin: 0 10px;
    width: 460px; }

  .thumbnail {
    display: table;
    float: left;
    height: 430px;
    margin: 0 10px 20px;
    width: 300px; }
    .thumbnail > a {
      display: table-cell;
      vertical-align: middle; } }