/** Shopify CDN: Minification failed

Line 18:95 Expected ")" to end URL token
Line 88:161 Expected ")" to end URL token
Line 108:93 Expected ")" to end URL token
Line 127:116 Expected ")" to end URL token

**/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

body { background-color:#f1f3f9; padding: 0; font-family: 'Lato', arial, sans-serif; max-width: 100%; }
input,textarea,select { font-family: 'Lato', arial, sans-serif; outline: 0 !important; }
#container { margin: 0 auto; width:auto;  }

#header,
#main { max-width: 980px; margin: 0 auto; width:auto;  }

#logo { display:block; max-width: 170px; height: 77px; margin: 0 auto 70px; background: url({{ 'logo.png' | asset_url }}) no-repeat center center; -webkit-background-size: 170px 20px; background-size: 170px 20px; }

#main { background: none; width:auto; padding: 0; }
#header { border: 0; background: none; }
#header h1 { display:none; }

#overview { background: none; position:relative; border: 0; border-bottom: 1px dotted #a8aaae; border-top: 1px dotted #a8aaae; }
#overview:after { content: ''; position:absolute; top: 0; right: 0; width: 30.6%; height:100%; background-color: #e5e7ec; visibility: visible; }
#overview #wallet { position:absolute; top: 50%; right: 0; width: 30.6%; z-index: 2; padding: 0; margin: 0; background: none !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#steps { font-style: normal; font-size: 12px; color: #b3b3b3; }
#wallet #steps,
#cost, #order-num { font-family: 'Lato'; }

#wallet #cost { font-size: 34px; line-height: 37px; color:#333; font-weight:900; text-shadow: none; margin-bottom:5px;  }
#wallet br { display:none; }
#wallet #shipping_span,
#wallet #tax_span { font-size: 14px; line-height: 17px; color:#707070; margin-bottom: 40px; }
#wallet span { display:block; }
#wallet #shipping_span { margin-bottom:0;  }
#wallet #steps { margin-top:0; font-size: 12px; line-height: 16px; color:#b3b3b3; }

#thumbs div { border: 0; }
#thumbs h3 { padding-top: 10px; font-size:14px; line-height: 17px; color:#333; font-weight:normal; margin-bottom: 5px; }
#thumbs span { display:block; margin-bottom: 5px; font-size:14px; line-height: 19px; }
#thumbs .plist-variant-title { font-size: 12px; line-height: 14px; color:#b3b3b3; }
#products { border: 0; }
#overview h2,
#products h2 { position:absolute; bottom: 100%; padding-bottom: 15px; font-size:24px; line-height: 29px; color:#333; font-weight:900; }

#newsletter,
#payment-method,
#payment,
#email { background: none; border: 0; padding: 25px 0 55px; border-bottom: 1px dotted #b1b2b7; }
#email label { font-size:0; margin-bottom:0; }
#email label:after { content: 'Your Contact Email Address';  font-size: 14px; line-height: 17px; color:#333; }
#email input[type="email"] { display:block; width: 45%; height: 16px; padding: 15px 5px; font-size: 14px; line-height: 16px; color:#333; border: 0; background-color:#e5e7ec; color: #999999; }
#email .sign-in-message { display: none; }

#newsletter { border-bottom: 0; }

#shipping-same { display:none; }

#addresses { background: none; border: 0; padding-left:0; padding-right:0;  }
.group h3,
.pgroup h3 { border: 0; font-size: 24px; color: #333; font-weight: 900; }

#content { padding: 0 0 0; }

table td label { display:block; font-size: 14px; line-height: 17px; color:#333; padding: 15px 0; }

table td label[for="shipping_address_zip"],
table td label[for="billing_address_zip"] { font-size:0;  }
table td label[for="shipping_address_zip"]:after,
table td label[for="billing_address_zip"]:after { content: 'Postcode'; font-size: 14px; line-height: 17px; color:#333; }
.form td input[type="text"],
.form td input.short { width:100%; height: 46px; padding: 15px 5px; font-size: 14px; line-height: 16px; color:#333; border: 0; background-color:#e5e7ec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form td .inline li { width:45% !important; margin: 0 !important; }
.form td .inline li + li { width:50% !important;  margin-left:5% !important;  }
.form td .inline li label { padding: 0; }
.form td .inline li input { width:100% !important;  }
.form td .inline li select {  width:100%; height: 46px; padding: 10px 5px; font-size: 14px; line-height: 16px; color:#333; border: 0; background: #e5e7ec url({{ 'arrow-down.png' | asset_url }}) no-repeat right center;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#billing-is-shipping td { padding-top: 25px; }
#billing-is-shipping td label { display:inline; padding: 0; margin-left: 5px; color:#b5b6bb; font-weight:normal;  }

#buttons { padding: 20px; background-color:#e5e7ec; border-bottom: 1px dotted #b1b2b7; border-top: 1px dotted #b1b2b7; }
#buttons input[type="submit"] { width:220px; height:46px; margin-right: 14px; background-color:#333333; border: 0; font-size: 14px; font-weight:700; color:#fff; cursor: pointer; text-transform: uppercase; }
#cancel-purchase { font-size:0;  }
#cancel-purchase a { font-size: 14px; line-height: 19px; color:#0097bf; text-decoration:none; text-transform: capitalize; }

#payment { padding-bottom: 30px; }
.step2 .group { background: none; margin: 0; padding: 0; border: 0; }
.step2 .group h3 { margin-bottom: 5px; font-size: 24px; line-height: 27px; font-weight: 900; color:#333; }
.step2 .group p { margin: 0 0 10px; font-size: 12px; line-height: 16px; color:#b3b3b3; }
.step2 .group p.sst { margin-bottom:0;  }
#payment .group select { width:50%; height:46px; padding: 0 15px; background: #e5e7ec url({{ 'arrow-down.png' | asset_url }}) no-repeat right center;   border: 0; font-size:14px; color:#999;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#payment-method { padding-bottom: 30px; }
#payment-methods { margin-bottom: 35px; }

#credit-card-info { position:relative; clear: both; float: left; display:block; margin: 0 auto; max-width: 620px; }
#credit-card-info table { width:100%; }
#credit-card-info table td { padding: 0 10px 5px !important; }
#credit-card-info table input { width:100%; height: 46px; padding: 15px 5px; font-size: 14px; line-height: 16px; color:#999999; border: 0; background-color:#e5e7ec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#credit-card-info table td label { padding: 5px 0 0; }
#credit-card-info table td select { float:left; width:45%; height:46px; padding: 0 15px; background: #e5e7ec url({{ 'arrow-down.png' | asset_url }}) no-repeat right center;   border: 0; font-size:14px; color:#999;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#credit-card-info table td select ~ select { margin-left: 5%; width:50%; }
#credit-card-info table td label[for="credit_card_verification_value"] { padding-bottom:5px;  }

span.hint .closure-lightbox { position:absolute; bottom: 55px; right: 12px; font-size: 14px; line-height: 17px; color:#0097bf; text-transform: capitalize; text-decoration:none;  }

#newsletter h3 { margin-bottom: 25px; }

#container.slim { width:auto; width: auto; }
#container.slim #header,
#container.slim #main { width:auto; max-width: 980px; background: none; }
#container.slim #overview:after { display:none; }

#container.slim #thumbs td img { float:left; display:inline; margin-right:10px; }
#container.slim #thumbs td h3 { padding: 0; }
#container.slim #thumbs td h3 span { color:#333; font-size: 14px; }

#container.slim #content .group { padding: 0; border: 0; background: none; margin: 0; }
#container.slim #content .group p { margin: 0; }
#container.slim #content .group > p:first-child { padding: 25px 20px 0; background-color:#e5e7ec; font-size: 24px; line-height: 27px; font-weight: 900; color:#333;  }
#container.slim #content .group > p:first-child + p { padding: 0 20px 25px; margin-bottom: 50px; border-bottom: 1px dotted #b1b2b7; background-color:#e5e7ec; font-size: 12px; line-height: 18px; color:#b3b3b3; }
#container.slim #content .group > p:last-child { display:none; }
#container.slim #content .group h4 { max-width: 620px; margin: 40px auto 50px;  font-size: 24px; line-height: 29px; color:#333; font-weight:900; }
#container.slim #content .group h4:after { content: 'By creating an account you will be able to complete future orders quicker and take advantage of features such as Coupons and Loyalty rewards, quick order look up and tracking, order history and easy returns process.'; display:block; font-size: 12px; line-height:18px; color:#b3b3b3; font-weight:normal; }
#container.slim #content .group #create-account-btn { display:none; }
#container.slim #content .group #create-account { display:block !important; max-width: 620px; margin: 0 auto; }

#create-account table#billing { width:100%; margin-bottom: 24px; }
#create-account td:first-child { width:30%;  }
#create-account td input[type="password"] { width:100%; height: 46px; padding: 15px 5px; font-size: 14px; line-height: 16px; color:#333; border: 0; background-color:#e5e7ec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#create-account input[type="submit"] { width:100%; height:46px; margin-right: 14px; background-color:#333333; border: 0; font-size: 14px; font-weight:700; color:#fff; cursor: pointer; text-transform: uppercase; }

#container.slim #footer,
#footer { position:relative; border: 0; background: none; padding-top: 10px; background:#fff; width:auto;  }
#footer p { max-width: 980px; margin: 0 auto; font-size:12px; text-align: left; line-height: 16px; color:#b3b3b3; }

#gift-cards,
#discounts { padding-top: 41px; padding-bottom: 37px; border-bottom: 1px dotted #a8aaae; }

#content input[type="submit"] { font-size: 14px; color: #fff; text-transform: uppercase; background: #333333; border: 0; height: 46px; min-width: 111px; }
#content input[type="text"] {  height: 46px; padding: 15px 5px; font-size: 14px; line-height: 16px; color:#999999; border: 0; background-color:#e5e7ec; width: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }


label[for="billing_address_phone"], label[for="shipping_address_phone"] { padding-top: 0; }

#credit-card-info table td select { width: 48.5%; }
#credit-card-info table td select ~ select { margin-left: 3%; width: 48.5%; }

#footer { margin-top: 20px; }

.flash.notice {
    font-size: 24px !important;
    line-height: 27px !important;
    font-weight: 900 !important;
    color: #333 !important;
}

@media screen and (min-width:996px) {
    span.hint .closure-lightbox { right: 87px; }
}

/*
	Responsive Styles
*/

@media screen and (max-width: 767px){
    #container { padding: 0 20px; }

    #footer { margin: 0 -20px; padding: 10px 20px; }

    #logo { margin-bottom: 40px; }

    #products { float:none; display: block; width:auto; }
    #overview { padding: 0; }
    #overview:after { display:none; }
    #overview #wallet { float:none; display:block; width:auto; position:relative; overflow: hidden; padding: 40px 0; transform: translateY(0); background-color:#e6e7ec !important; border-top: 1px dotted #a9aaaf; top: 70px; }
    .step2 #overview #wallet { top: 79px; }
    #wallet #steps { display:none; }
    #wallet #shipping_span,
    #wallet #tax_span { margin-bottom:0; }

    #email { padding: 32px 0 28px; margin-top:0;  }
    #email input[type="email"] { width:90%; padding: 15px 5%; }

    #addresses .gleft,
    #addresses .gright { float:none; display:block; width:auto; max-width: 100%; margin: 0; padding: 0; }

    #billing { width:100%; }
    #billing input[type="text"] { width: 100% !important; }
    .form td { display:block; width:100% !important; padding: 0; }
    .form td label { padding: 0 0 3px; }
    .form td:last-child { padding-bottom: 15px; }
    .form #billing_address_address1 { width:100%;  }
    .form td .inline li select,
    .form td .inline li { width:100% !important; padding-bottom: 15px; }
    .form td .inline li + li { margin-left:0 !important; width:100% !important;  }
    .form td .inline li + li input { width: 100% !important; }

    #discounts input#discount_code { width: 50%; }
    #gift-cards input#gift_card_code { width: 50%; }

    #buttons input[type="submit"] { width:100%; margin-bottom: 15px; }
    #cancel-purchase { display:block; text-align: center; }

    #payment .group select { width:100%; }
    #credit-card-info { width:auto; display: block; float:none; max-width: 100%; padding: 0; margin: 0 -5px; }
    #credit-card-info table td { padding: 0 5px!important; }
    #credit-card-info input[type="text"] { width: 100% !important; }

    #payment-methods { margin-bottom: 20px; }

    .slim #content,
    .step2 #content { padding-bottom: 30px; }
    #newsletter { padding-bottom: 35px; }
    #container.slim #content .group h4 { margin: 0 0 25px; }
    #container.slim #content .group > p:first-child + p { margin-bottom: 25px; }
    #container { padding: 0; min-width: 100% !important; }
    #container .info { width: 100% !important; }
    #overview #thumbs { width: 100% !important; margin-top: 25px; }
    #footer p { padding: 0 30px; }
    #overview h2, #products h2 { font-size: 20px !important; }
}



body { font-family: 'Lato',sans-serif; color: #707070; margin:0; background-color:#ffffff !important; }
.header-wrap{ background-color:#f2f2f2; width:100%; }
#header { padding: 30px 5px; height:40px; }
#header .header-logo img{ max-width:220px; max-height: 55px; }
#container { min-width: 900px; margin:0 auto; }
#overview{ border:0; }
#overview .info{ width:45%; float:left; padding-right:10%; }
#overview #thumbs{ width:45%; float:left; }
#overview #thumbs td img { width: 100px; margin:0 !important; float:none !important; }
#overview p,td{ font-size:14px; line-height:20px; font-weight:300; color: #707070; }
#thumbs tfoot td span { font-size:14px; line-height:20px; font-weight:300; color: #707070; display:inline-block; }
#overview hr{
    border-top: 1px solid #b1b1b1;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 50px 0;
}
h1 { font-size: 36px; line-height: 36px; font-weight:400; }
h1 span.subtitle { font-size:12px; }
h2 { font-weight: 400; font-size: 22px; line-height: 5px; position:relative !important; }
.btn{
    padding: 0 20px;
    text-decoration: none;
    text-transform:uppercase;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background-color: #b3b3b3;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
.btn:hover{
    background-color: #333;
}
h3, th{ color:#000; font-size:12px; font-weight:600; }
tbody tr:first-child td, tfoot tr:first-child td, tfoot tr:last-child td { border-top: 1px solid #b1b1b1; }
tfoot tr.border-bottom td { border-bottom: 1px solid #b1b1b1; }
#thumbs{ border: 1px solid #b1b1b1; }
#thumbs h3 { font-size: 14px; line-height: 18px; margin: 2px; padding: 0; }
#thumbs th{ padding: 25px 0 15px 15px; text-align:left; }
#thumbs td:first-child{ padding: 15px 0 15px 15px; text-align:left; }
#trade-orders-shipping td, #thumbs tfoot tr td { background:#f2f2f2; }
#thumbs tfoot tr:last-child td { background:#fff; }
#trade-orders-shipping td { border-top: none; }
#main { padding: 30px; }
#main h2 img{ width:18px; margin-right:15px; }
.clear{ clear:both; }
#totals { list-style: none; }
#content { padding: 10px 0; }
.line-item-title { padding: 0 15px; max-width: 200px; }

input, select, textarea {
    width: 100%;
    border: 1px solid #b1b1b1;
    color: #707070;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    font-weight: 300;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
}
select { height: 39px; }