﻿#shopCart.an_01 {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.47;
}

#shopCart.an_01 * {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.47;
}

#shopCart.an_01 fieldset {
    border: 1px solid #ebebeb;
    padding: 14px 18px; 
}

#shopCart.an_01 b {
    font-weight: normal;
}

.an_01 .shop-cart-head {
    text-align: left;
    font-size: 16px;
    padding-left: 16px;
}

.an_01 .shop-cart-head b {
    font-weight: bold !important;
}

#stuffHelper * {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.47;
}

#stuffHelper {
    width: auto;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #888 !important;
    background-color: rgba(250, 250, 250, .9);
}

#stuffHelper button {
    display: inline-block;
    font-size: 14px;
    line-height: 1.47;
    font-family: 'Arial',sans-serif;
    color: #333;
    border: 1px solid #a3a3a3;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
    text-transform: none;
    filter: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    white-space: normal;
    text-align: left;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,white 0,#f2f2f2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,white 0,#f2f2f2 100%);
    background: -o-linear-gradient(top,white 0,#f2f2f2 100%);
    background: -ms-linear-gradient(top,white 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#ffffff 0,#f2f2f2 100%);
    outline: none;
    min-width: 75px;
    text-align: center;
}

#stuffHelper button:hover {
    background: #f2f2f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#f2f2f2 0,white 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,white));
    background: -webkit-linear-gradient(top,#f2f2f2 0,white 100%);
    background: -o-linear-gradient(top,#f2f2f2 0,white 100%);
    background: -ms-linear-gradient(top,#f2f2f2 0,white 100%);
    background: linear-gradient(to bottom,#f2f2f2 0,#ffffff 100%);
}

#stuffHelper button:active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad; 
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

#stuffHelper input[type="text"] {
    font-size: 13px;
    height: 22px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: none;
}

#stuffHelper input[type="text"]:focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 
}

.an_01 .shk-count {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 2px 0 2px 6px;
}

.an_01 #butEmptyCart {
    font-size: 13px;
}

.an_01 table td {
    padding: 4px 8px;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}

.total_summ {
    text-align: right;
    padding-top: 12px;
}

.an_order_01 * {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.47;
}

.an_order_01 input[type="text"], .an_order_01 select, .an_order_01 textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.an_order_01 input[type="text"]:focus, .an_order_01 select:focus, .an_order_01 textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 
}

.an_order_01 .an_button {
    display: inline-block;
    font-size: 14px;
    line-height: 1.47;
    font-family: 'Arial',sans-serif;
    color: #333;
    border: 1px solid #a3a3a3;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
    text-transform: none;
    filter: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    white-space: normal;
    text-align: left;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,white 0,#f2f2f2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,white 0,#f2f2f2 100%);
    background: -o-linear-gradient(top,white 0,#f2f2f2 100%);
    background: -ms-linear-gradient(top,white 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#ffffff 0,#f2f2f2 100%);
    outline: none;
    min-width: 75px;
    text-align: center;
    padding: 8px 24px;
}

.an_order_01 .an_button:hover {
    background: #f2f2f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#f2f2f2 0,white 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,white));
    background: -webkit-linear-gradient(top,#f2f2f2 0,white 100%);
    background: -o-linear-gradient(top,#f2f2f2 0,white 100%);
    background: -ms-linear-gradient(top,#f2f2f2 0,white 100%);
    background: linear-gradient(to bottom,#f2f2f2 0,#ffffff 100%);
}

.an_order_01 .an_button:active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad; 
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.an_order_01 fieldset {
    border: none;
}

.an_order_01 textarea {
    height: 100px;
    resize: none;
}

.an_order_01 table {
    width: 100%;
}

.an_order_01 table td:first-child {
    width: 10%;
    min-width: 120px;
}

.an_error .errors  * {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.47;
}

.an_error .errors {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.47;
    padding: 14px;
    margin: 10px;
    border: 1px solid rgb(200, 113, 113);
    background-color: rgba(255, 0, 0, 0.08);
    border-radius: 2px;
}

.an_error .errors .requiredlist span:after {
    content: ', ';
}

.an_error .errors .requiredlist span:last-child:after {
    content: '';
}

.captcha_image {
    float: left;
    margin-right: 20px;
}

.captcha_input {
    width: 40%;
    float: left;
    display: inline-block;
}

.relative {
    width: 100%;
    position: relative;
}

/* shop stuff */
.shop-stuff {
    width: 45%;
    height: 265px;
    float: left;
    margin: 0 20px 15px 0;
    border: 1px solid #888;
}
.shop-stuff-b {
    padding: 10px;
}
.shop-stuff .shk-image {
    float: left;
    margin: 0 10px 5px 0;
}
.shop-stuff .shs-descr {
    height: 180px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #888;
}
.shop-stuff .shs-price {
    height: 40px;
}
.shop-stuff .shs-price .shk-but {
    float: right;
    vertical-align: middle;
}
.shop-stuff small {
    font-size: 12px;
}
.shop-stuff fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

.shs-tocart {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px dashed #888;
}
.shs-tocart div {
    margin: 5px 0;
}

.shk-price {
    font-weight: bold;
    font-size: 1.3em;
}
.shk-but {
    border: 1px outset #888;
    margin: 5px 5px 0 0;
    padding: 2px;
}
.shk-but:active {
    outline: none;
}
.price-add {
    color: red;
    padding-left: 3px;
    line-height: 0;
}

/* cart block */
.shop-cart {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    margin: 10px 0 0 0;
}
.shop-cart-head {
    padding: 5px 0 15px 0;
    text-align: center;
}
.shop-cart-body {
    padding: 15px 0;
    text-align: center;
}
.shop-cart table {
    border-collapse: collapse;
    margin: 5px 0;
}
.shop-cart td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.shop-cart table small {
    font-size: 11px;
    color: #595959;
}
#butEmptyCart {
    text-decoration: none;
    color: #000;
    border-bottom: 1px dashed #000;
} 
#butPrint {
    text-decoration: none;
    color: #000;
    border-bottom: 1px dashed #000;
} 
#cartEmpty {
    height: 50px;
    line-height: 50px;
}
#totalCart {
    margin: 5px 0;
}
.cart-order {
    margin: 5px 0;
    text-align: center;
}

/* helper box */
#stuffHelper {
    position: absolute;
    z-index: 100;
    display: none;
}
#stuffHelper div {
    /*padding: 5px 0;
    */text-align: center;
}

/* progressbar */
#shkLoading {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 100;
    background: url(img/ajax-loader.gif) center center no-repeat rgba(250, 250, 250, .9);
    display: none;
    border-radius: 4px;
    border: 1px solid #888;
}

/* materials */
.materials {
    padding: 5px 0;
}
.materials img {
    width: 70px;
}
.materials input {
    cursor: pointer;
}

