/* Copyright (c) 2013 Increment Web Services - http://incrementwebservices.com/ - Released under the MIT license: http://www.opensource.org/licenses/mit-license.php */


/* Colors */
a,.color,.product-price-big{color:#7B47BA}
.button.checkout-button{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);border-color:#7B47BA;background-color:#7B47BA;
background-image:-moz-linear-gradient(top, #7B47BA 0%, #9679BA 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7B47BA), color-stop(100%,#9679BA));
background-image:-webkit-linear-gradient(top, #7B47BA 0%,#9679BA 100%);
background-image:-o-linear-gradient(top, #7B47BA 0%,#9679BA 100%);
background-image:-ms-linear-gradient(top, #7B47BA 0%,#9679BA 100%);
background-image:linear-gradient(to bottom, #7B47BA 0%,#9679BA 100%);
box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.3),0 0 4px rgba(0,0,0,.07)}
.button.checkout-button:hover,.button.checkout-button:focus,.button.checkout-button:active{border-top-color:#2297d6;color:#fff}
::selection{background-color:#fff5a5;color:#111}
::-moz-selection{background-color:#fff5a5;color:#111}

/* Common */
header,section,footer{display:block;margin:0 auto}
.message{padding:0 8px}
.error,.success,.info,.notice{padding:12px;border-width:1px;border-style:solid;margin-top:24px;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.error{color:#dd5a58;background-color:#ffe6e5;border-color:#fad2d4}
.success{color:#7b9c46;background-color:#ecf7e1;border-color:#d8e3b2}
.info{color:#499abf;background-color:#deefff;border-color:#c4ddf6}
.notice{color:#dea803;background-color:#fffae0;border-color:#f9e495}
.screen-reader{position:absolute;left:-9999px;top:-9999px}
.required{color:#ff0000}
input,select,textarea,nav,.product-image-full,.cart-remove,.cart-thumb,.coupon-box{box-shadow:0 0 4px rgba(0,0,0,.07)}
.coupon-input{box-shadow:none}
.clear:after,.row:after,.header:after,nav>ul:after,.product-top-box:after,td.col-desc:after,.cart-operations:after,.footer-bar>p:after{content:"";display:block;clear:both}

/* Transitions */
.nav-button,.nav,.cart-remove{-moz-transition:background-color .15s linear;
-webkit-transition:background-color .15s linear;
transition:background-color .15s linear}

/* Defaults */
form{margin:0}
input,select,textarea{margin:0;padding:5px;border:1px solid #d4d4d4;outline:0;background-color:transparent;font-family:inherit;font-size:13px;font-weight:400;line-height:normal;color:#555;border-radius:0}
input,select{height:32px}
select{-webkit-appearance:menulist}
input[type="submit"]{text-align:center;-webkit-appearance:button;cursor:pointer;font-weight:600}
input[type="search"]{-webkit-appearance:none}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="checkbox"]{height:auto;padding:0;cursor:pointer}
input[type="radio"]{height:auto;padding:0;border:0;cursor:pointer;border-radius:50%}
input[type="checkbox"]:checked,input[type="radio"]:checked{background-color:#666}
input[type="text"],input[type="number"],input[type="email"],textarea{-webkit-appearance:none}
input::-moz-focus-inner{border:0;padding:0}
input:focus,select:focus,textarea:focus{color:#000}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#fafafa;cursor:default}
label{vertical-align:middle;cursor:pointer;font-size:13px}
textarea{min-height:32px;overflow:auto;vertical-align:top;resize:vertical}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #e8e8e8}
thead{text-align:left}
th{font-weight:700;text-transform:uppercase;background-color:#f8f8f8;text-shadow:0 1px 0 rgba(255,255,255,.5)}
th,td{padding:12px;border-right:1px solid #e8e8e8;font-size:14px}
th:last-of-type,td:last-of-type{border-right:0}
tbody>tr{border-top:1px solid #e8e8e8}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic}
img,a>img{border:0}
a{font-weight:600;text-decoration:none}
a:hover,a:focus{text-decoration:underline;outline:0}
h1,h2,h3,h4,h5,h6{margin:0 0 1em 0;line-height:1.2;color:#222}
h1{font-size:2.0em;font-weight:700}
h2{font-size:1.8em;font-weight:700}
h3{font-size:1.6em;font-weight:600}
h4{font-size:1.2em;font-weight:600}
h5{font-size:1em;font-weight:400}
h6{font-size:.8em;font-weight:400}
p{margin:0 0 1em 0;line-height:1.4;font-size:13px;font-weight:400}
p:last-child{margin-bottom:0}
ul,ol{padding-left:0}
ul>li,ol>li{padding-left:0;list-style-position:inside;font-size:14px;line-height:25px}
ul>li{list-style-type:square}
b,strong{font-weight:600}
em{font-style:italic}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
*{-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box}

/* Grid */
.columns{min-height:1px;display:block;float:left;margin-top:24px;padding:0 8px}
.columns:last-of-type{float:right}
.one{width:80px}
.two{width:160px}
.three{width:240px}
.four{width:320px}
.five{width:400px}
.six{width:480px}
.seven{width:560px}
.eight{width:640px}
.nine{width:720px}
.ten{width:800px}
.eleven{width:880px}
.twelve{width:960px}
.left-gutter{padding-left:24px}

/* Header */
.page-wrap{padding:24px 0}
header{padding:0; margin-bottom: 15px;}


/* Navigation */
.cart-nav{display:block;border:1px solid #d4d4d4;margin:0;background-color:#f8f8f8;
background-image:-moz-linear-gradient(top, #f8f8f8 0%, #eee 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eee));
background-image:-webkit-linear-gradient(top, #f8f8f8 0%,#eee 100%);
background-image:-o-linear-gradient(top, #f8f8f8 0%,#eee 100%);
background-image:-ms-linear-gradient(top, #f8f8f8 0%,#eee 100%);
background-image:linear-gradient(to bottom, #f8f8f8 0%,#eee 100%)}
.cart-nav>ul{margin:0}
.nav-button{position:relative;display:block;float:left;list-style-type:none;
-moz-transition:background-color .25s linear;
-webkit-transition:background-color .25s linear;
transition:background-color .25s linear}
.nav-button:hover{background-color:#fcfcfc}
.nav-button:last-of-type{float:right}
.nav{display:block;height:48px;padding:0 16px;background-color:rgba(252,252,252,0);line-height:48px;text-transform:uppercase;font-size:12px;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.nav-button>.nav{border-right:1px solid rgba(0,0,0,.12);box-shadow:1px 0 0 #fff}
.nav:hover,.nav:focus{background-color:#fcfcfc;text-decoration:none}
.nav.cart{text-transform:none}
.cart:before{content:url(../images/cart.png);display:inline-block;margin-right:8px;vertical-align:-4px}
.nav-button:last-of-type>.nav{border-right:0;border-left:1px solid #fff;box-shadow:-1px 0 0 rgba(0,0,0,.12)}

/* Product Page */
.products-hr{border-bottom:1px solid #e8e8e8}
.products-linear>.columns{padding-top:24px;border-top:1px solid #e8e8e8}
.product-image-full{border:1px solid #e8e8e8;text-align:center}
.product-image-preview{vertical-align:top}
.product-headline{font-size:23px;margin-bottom:8px;color:#444}
.product-details{padding-top:16px;border-top:1px solid #e8e8e8}
.product-price-big{float:left;font-size:29px;font-weight:600;margin-bottom:0}
.purchase-box{float:right;font-size:0}
.quantity-label{display:inline-block;line-height:38px;vertical-align:top;color:#999}
.product-quantity{width:48px;height:38px;margin-right:12px;margin-left:8px;line-height:26px;text-align:center}
.product-add{width:150px;vertical-align:top}
.product-options{padding-top:4px;font-size:0}
.product-options>label{display:inline-block;margin-top:12px;font-weight:600}
.product-options>input,.product-options>select,.product-options>textarea{display:block;min-width:268px;margin-top:4px}
.product-options>input[type="text"],.product-options>textarea{width:100%}
.product-options>input:last-child,.product-options>select:last-child,.product-options>textarea:last-child{margin-bottom:0}
.product-options>.radio-label{margin-top:0;margin-right:24px;line-height:27px;font-weight:400}
.radio-label>input[type="radio"]{margin-right:12px;vertical-align:-1px}
.product-options>textarea{height:100px;resize:vertical}
.product-options>p{margin-top:12px}

/* Shopping Cart */
.col-remove{width:5%;padding-right:0;padding-left:0;vertical-align:top;text-align:center}
.col-desc{width:55%;text-align:left;vertical-align:top}
.col-quantity{width:12%;text-align:center}
.col-price,.col-subtotal,.col-total,.col-extras{width:14%;text-align:right}
.col-discount{color:#008000}
.row-sub-total,.row-extras,.row-total{background-color:#f8f8f8}
.row-sub-total>td,.row-extras>td{padding-top:10px;padding-bottom:10px}
.row-total>td{padding-top:18px;padding-bottom:18px}
.col-extras-label{width:86%;text-align:right;text-transform:uppercase;}
.col-total-label{width:86%;text-align:right;text-transform:uppercase;font-weight:700}
.col-total{text-align:right;font-weight:700}
.cart-remove{display:inline-block;width:17px;height:17px;overflow:hidden;line-height:16px;margin-top:1px;background-color:#bbb;font-size:21px;font-weight:bold;color:#fff}
.cart-remove:hover,.cart-remove:focus{background-color:#ff0000;text-decoration:none}
.cart-thumb{display:block;float:left;border:1px solid #d4d4d4;margin-right:24px;font-size:12px}
.cart-thumb>img{vertical-align:top}
.desc-box{float:left}
.quantity-input{width:48px;text-align:center}
.subtract{margin-right:1px;vertical-align:1px}
.cart-operations{padding-top:24px}
.update-box{float:right;padding-right:16px}
.update-box,.checkout-box,.continue-box{height:38px}
.coupon-box{font-size:0;float:right; margin-bottom:24px;}
.coupon-input{width:225px;height:38px;padding:6px 12px}
.coupon-button{vertical-align:top}
.button.coupon-button{margin-left:-1px;box-shadow:inset 0 1px #fdfdfd,inset 0 0 0 1px #eaeaea}
.button.coupon-button:active{box-shadow:inset 0 0 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(0,0,0,.4),0 1px #fff}
.checkout-box{float:right}
.checkout-button{width:156px}
.continue-box,.edit-cart-box{float:left;padding-right:16px}
.compare-price{text-decoration:line-through;color:#dd5a58;}

/* Button - Copyright (c) 2012 Thibaut Courouble - MIT License */
.button{height:38px;line-height:36px;display:inline-block;padding:0 14px;margin:0;border-width:1px;border-style:solid;border-color:#cecece #bababa #a8a8a8;margin:0;font-size:12px;font-weight:600;color:#555;text-align:center;text-decoration:none;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#dfdfdf;
background-image:-moz-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
background-image:-webkit-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
background-image:-o-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
background-image:linear-gradient(to bottom, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
box-shadow:inset 0 1px #fdfdfd,inset 0 0 0 1px #eaeaea,0 0 4px rgba(0,0,0,.07)}
.button:hover,.button:focus,.button:active{background-image:none;border-top-color:#c9c9c9;color:#555;text-decoration:none}
.button:active{padding:1px 15px;border-width:0;box-shadow:inset 0 0 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(0,0,0,.4),0 1px #fff,0 0 4px rgba(0,0,0,.07)}
