/* ------------------------------------------------- Imported Styles */

.template-cart h1 {
    font: normal 62.5%/175% arial,helvetica,sans-serif;
    font-size: 17px;
    line-height: 21px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing: 2px;
    color: #555;
    background-image: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-my-cart.png?15015240270735950883);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
  }
  
  #your-shopping-cart div#main div#page-content {
    border-top: 0px;!
  }
  
  
  #your-shopping-cart section#cart form div.headers {
   
    padding: 15px 0 5px 0;
  }
  
  #your-shopping-cart section#cart form div.headers div {
    text-transform:lowercase;
    font-size:110%;
    letter-spacing: 2px;
    color: #555;  
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px; 
    height:16px;
  }
  
  #your-shopping-cart section#cart form div.headers div.description {
    background-image: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-description.png?15015240270735950883);
  
  }
  #your-shopping-cart section#cart form div.headers div.price {
    background-image: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-price.png?15015240270735950883);
  }
  #your-shopping-cart section#cart form div.headers div.quantity {
    background-image: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-qty.png?15015240270735950883);
    margin-left: 14px;
  }
  #your-shopping-cart section#cart form div.headers div.total {
    background-image: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-total.png?15015240270735950883);
    margin-left: 24px;
  }
  
  
  #your-shopping-cart section#cart form div.row div.description div.info h3 a {
    color:#7c3a6e;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;       
  }
  
  #your-shopping-cart section#cart form div.row div.description div.info p {
      margin-top:3px;
    border-top: 1px solid #e8e8e8;
  }
  
  
  #your-shopping-cart section#cart form div.row div.price,
  #your-shopping-cart section#cart form div.row div.total span,
  #your-shopping-cart section#cart form div.row div.remove a,
  #your-shopping-cart section#cart form div.row div.quantity input {
    font-size:13px;
    font-weight:bold;
    line-height:15px;
    color:#7c3a6e;
    padding-top:0px;
    font-style:normal;
    font-family: arial,helvetica,sans-serif;
  
  }
  
  
  #your-shopping-cart  section#cart div.row div.cart.total h2 {
    font-style:normal;
    text-transform:uppercase;
    color:#7c3a6e;
    font-size: 16px;
    font-weight: bold;
  }
  
  #your-shopping-cart  section#cart div.actions input#update {
    color:white;
    padding: 0 !important;
    background: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-update.png?15015240270735950883) no-repeat !important;
    background-position: 0 0;
    text-indent: -9999px;  
    width: 59px;
    height: 17px;
  }
  
  #your-shopping-cart section#cart div.actions input#checkout {
    color:white;
    padding: 0 !important;
    background: url(//cdn.shopify.com/s/files/1/0703/6447/t/2/assets/cart-checkout.png?15015240270735950883) no-repeat !important;
    background-position: 0 0;
    text-indent: -9999px;  
    width: 79px;
    height: 17px;
  }
  
  



/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0; }
  
  .container .column,
  .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px; }
  
  .row {
    margin-bottom: 20px; }
  
  /* Nested Column Classes */
  .column.alpha, .columns.alpha {
    margin-left: 0; }
  
  .column.omega, .columns.omega {
    margin-right: 0; }
  
  /* Base Grid */
  .container .one.column,
  .container .one.columns {
    width: 40px; }
  
  .container .two.columns {
    width: 100px; }
  
  .container .three.columns {
    width: 160px; }
  
  .container .four.columns {
    width: 220px; }
  
  .container .five.columns {
    width: 280px; }
  
  .container .six.columns {
    width: 340px; }
  
  .container .seven.columns {
    width: 400px; }
  
  .container .eight.columns {
    width: 460px; }
  
  .container .nine.columns {
    width: 520px; }
  
  .container .ten.columns {
    width: 580px; }
  
  .container .eleven.columns {
    width: 640px; }
  
  .container .twelve.columns {
    width: 700px; }
  
  .container .thirteen.columns {
    width: 760px; }
  
  .container .fourteen.columns {
    width: 820px; }
  
  .container .fifteen.columns {
    width: 880px; }
  
  .container .sixteen.columns {
    width: 940px; }
  
  .container .one-third.column {
    width: 300px; }
  
  .container .two-thirds.column {
    width: 620px; }
  
  /* Offsets */
  .container .offset-by-one {
    padding-left: 60px; }
  
  .container .offset-by-two {
    padding-left: 120px; }
  
  .container .offset-by-three {
    padding-left: 180px; }
  
  .container .offset-by-four {
    padding-left: 240px; }
  
  .container .offset-by-five {
    padding-left: 300px; }
  
  .container .offset-by-six {
    padding-left: 360px; }
  
  .container .offset-by-seven {
    padding-left: 420px; }
  
  .container .offset-by-eight {
    padding-left: 480px; }
  
  .container .offset-by-nine {
    padding-left: 540px; }
  
  .container .offset-by-ten {
    padding-left: 600px; }
  
  .container .offset-by-eleven {
    padding-left: 660px; }
  
  .container .offset-by-twelve {
    padding-left: 720px; }
  
  .container .offset-by-thirteen {
    padding-left: 780px; }
  
  .container .offset-by-fourteen {
    padding-left: 840px; }
  
  .container .offset-by-fifteen {
    padding-left: 900px; }
  
  /* #Tablet (Portrait)
  ================================================== */
  /* Note: Design for a width of 768px */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
      width: 768px; }
  
    .container .column,
    .container .columns {
      margin-left: 10px;
      margin-right: 10px; }
  
    .column.alpha, .columns.alpha {
      margin-left: 0;
      margin-right: 10px; }
  
    .column.omega, .columns.omega {
      margin-right: 0;
      margin-left: 10px; }
  
    .alpha.omega {
      margin-left: 0;
      margin-right: 0; }
  
    .container .one.column,
    .container .one.columns {
      width: 28px; }
  
    .container .two.columns {
      width: 76px; }
  
    .container .three.columns {
      width: 124px; }
  
    .container .four.columns {
      width: 172px; }
  
    .container .five.columns {
      width: 220px; }
  
    .container .six.columns {
      width: 268px; }
  
    .container .seven.columns {
      width: 316px; }
  
    .container .eight.columns {
      width: 364px; }
  
    .container .nine.columns {
      width: 412px; }
  
    .container .ten.columns {
      width: 460px; }
  
    .container .eleven.columns {
      width: 508px; }
  
    .container .twelve.columns {
      width: 556px; }
  
    .container .thirteen.columns {
      width: 604px; }
  
    .container .fourteen.columns {
      width: 652px; }
  
    .container .fifteen.columns {
      width: 700px; }
  
    .container .sixteen.columns {
      width: 748px; }
  
    .container .one-third.column {
      width: 236px; }
  
    .container .two-thirds.column {
      width: 492px; }
  
    /* Offsets */
    .container .offset-by-one {
      padding-left: 48px; }
  
    .container .offset-by-two {
      padding-left: 96px; }
  
    .container .offset-by-three {
      padding-left: 144px; }
  
    .container .offset-by-four {
      padding-left: 192px; }
  
    .container .offset-by-five {
      padding-left: 240px; }
  
    .container .offset-by-six {
      padding-left: 288px; }
  
    .container .offset-by-seven {
      padding-left: 336px; }
  
    .container .offset-by-eight {
      padding-left: 384px; }
  
    .container .offset-by-nine {
      padding-left: 432px; }
  
    .container .offset-by-ten {
      padding-left: 480px; }
  
    .container .offset-by-eleven {
      padding-left: 528px; }
  
    .container .offset-by-twelve {
      padding-left: 576px; }
  
    .container .offset-by-thirteen {
      padding-left: 624px; }
  
    .container .offset-by-fourteen {
      padding-left: 672px; }
  
    .container .offset-by-fifteen {
      padding-left: 720px; } }
  /*  #Mobile (Portrait)
  ================================================== */
  /* Note: Design for a width of 320px */
  @media only screen and (max-width: 767px) {
    .container {
      width: 300px; }
  
    .container .columns,
    .container .column {
      margin: 0; }
  
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
      width: 300px; }
  
    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
      padding-left: 0; } }
  /* #Mobile (Landscape)
  ================================================== */
  /* Note: Design for a width of 480px */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
      width: 420px; }
  
    .container .columns,
    .container .column {
      margin: 0; }
  
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
      width: 420px; } }
  /* #Additional - Large Screens beyond 1280px
  ================================================== */
  /* Note: Design for a width of 1280px */
  /* See http://webdesign.tutsplus.com/tutorials/complete-websites/building-a-responsive-layout-with-skeleton-widescreen/ */
  @media only screen and (min-width: 1281px) {
    .container {
      width: 1280px; }
  
    .container .column,
    .container .columns {
      margin-left: 10px;
      margin-right: 10px; }
  
    .column.alpha, .columns.alpha {
      margin-left: 0;
      margin-right: 10px; }
  
    .column.omega, .columns.omega {
      margin-right: 0;
      margin-left: 10px; }
  
    .alpha.omega {
      margin-left: 0;
      margin-right: 0; }
  
    .container .one.column,
    .container .one.columns {
      width: 60px; }
  
    .container .two.columns {
      width: 140px; }
  
    .container .three.columns {
      width: 220px; }
  
    .container .four.columns {
      width: 300px; }
  
    .container .five.columns {
      width: 380px; }
  
    .container .six.columns {
      width: 460px; }
  
    .container .seven.columns {
      width: 540px; }
  
    .container .eight.columns {
      width: 620px; }
  
    .container .nine.columns {
      width: 700px; }
  
    .container .ten.columns {
      width: 780px; }
  
    .container .eleven.columns {
      width: 860px; }
  
    .container .twelve.columns {
      width: 950px; }
  
    .container .thirteen.columns {
      width: 1020px; }
  
    .container .fourteen.columns {
      width: 1100px; }
  
    .container .fifteen.columns {
      width: 1180px; }
  
    .container .sixteen.columns {
      width: 1260px; }
  
    .container .one-third.column {
      width: 406px; }
  
    .container .two-thirds.column {
      width: 822px; }
  
    /* Offsets */
    .container .offset-by-one {
      padding-left: 80px; }
  
    .container .offset-by-two {
      padding-left: 160px; }
  
    .container .offset-by-three {
      padding-left: 240px; }
  
    .container .offset-by-four {
      padding-left: 320px; }
  
    .container .offset-by-five {
      padding-left: 400px; }
  
    .container .offset-by-six {
      padding-left: 480px; }
  
    .container .offset-by-seven {
      padding-left: 560px; }
  
    .container .offset-by-eight {
      padding-left: 640px; }
  
    .container .offset-by-nine {
      padding-left: 720px; }
  
    .container .offset-by-ten {
      padding-left: 800px; }
  
    .container .offset-by-eleven {
      padding-left: 880px; }
  
    .container .offset-by-twelve {
      padding-left: 960px; }
  
    .container .offset-by-thirteen {
      padding-left: 1040px; }
  
    .container .offset-by-fourteen {
      padding-left: 1120px; }
  
    .container .offset-by-fifteen {
      padding-left: 1200px; } }
  /* #Clearing
  ================================================== */
  /* Self Clearing Goodness */
  .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  
  /* Use clearfix class on parent to clear nested columns,
  or wrap each row of columns in a <div class="row"> */
  .clearfix:before,
  .clearfix:after,
  .row:before,
  .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  
  .row:after,
  .clearfix:after {
    clear: both; }
  
  .row,
  .clearfix {
    zoom: 1; }
  
  /* You can also use a <br class="clear" /> to clear columns */
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }      



/* Other Shopify rules */

    section#cart form div.headers {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0;
        margin-bottom: 20px;
        font-weight: 700;
    }

/* @group Cart */
section#cart form div.headers {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    margin-bottom: 20px;
    font-weight: bold; }
  
  section#cart form div.headers div.total span {
    padding-left: 20px; }
  
  section#cart form div.row {
    border-bottom: 1px solid #e8e8e8; }
  
  section#cart form div.row div.description img {
    float: left;
    width: 100px; }
  
  section#cart form div.row div.description div.info {
    float: left;
    padding: 0 0 0 40px;
    width: 190px; }
  
  section#cart form div.row div.description div.info h3 {
    line-height: 18px;
    margin-bottom: 0; }
  
  section#cart form div.row div.description div.info h3 a {
    border-bottom: none; }
  
  section#cart form div.row div.description div.info h3 a:hover {
    color: #999999; }
  
  section#cart form div.row div.description div.info h4 {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8; }
  
  section#cart form div.row div.description div.info p {
    margin-bottom: 20px; }
  
  section#cart form div.row div.description div.info p.mobile {
    font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 16px; }
  
  section#cart form div.row div.price {
    font-size: 16px;
    font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
    font-style: italic;
    font-weight: normal;
    padding-top: 5px; }
  
  /* section#cart form div.row div.quantity {
    text-align: center; } */
  
  section#cart form div.row div.quantity input {
    width: 30px !important;
    text-align: center; }
  
  section#cart form div.row div.total {
    font-size: 13px;
    /* font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif; */
    font-style: italic;
    font-weight: normal; }
  
  section#cart form div.row div.total span {
    padding-left: 20px; }
  
  section#cart form div.row div.remove {
    text-align: right; }
  
  section#cart form div.row div.remove a {
    color: #999999;
    border-bottom: none; }
  
  section#cart form div.row div.remove a:hover {
    color: #333333; }
  
  section#cart div.continue-shopping a {
    border-bottom: none; }
  
  section#cart div.row div.cart.total h2 {
    text-align: right;
    font-size: 22px; }
  
  section#cart div.actions {
    text-align: right; }
  
  section#cart textarea#note {
    width: 95%;
    margin-bottom: 40px; }
  
  section#cart div.actions input#checkout {
    padding: 10px 20px !important; 
    border-width: 1px;
  }
  
  section#cart div.actions input#update {
    padding: 10px 20px !important;
    color: #999999;
    border-color: #999999 !important;
    border-width: 1px;
    margin-right: 10px; }
  
  section#cart div.actions input#update:hover {
    background-color: #ffffff !important; }
  
  /* @end */


@media only screen and (min-width: 1280px) {

    .mobile {
        display: none;
    }
}


/* Additional - Large Screens beyond 1280px */
@media only screen and (min-width: 1280px) {
    div#drawer form div.description div.info {
      width: 540px !important; }
  
    section#cart form div.row div.description div.info {
      width: 300px !important; }
    }  


input[type=text], input[type=password], input[type=email], textarea, select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #333;
    margin: 0 0 20px;
    width: 210px;
    max-width: 100%;
    display: block;
    background: #fff;
}

textarea {
    min-height: 60px;
    margin-bottom: 40px;
}

/* Update default bb styles */

div#content {
    background: none;
    line-height: 20px;
}

#content h3 {
    text-indent: 0px;
    float: none;
}

input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}