/* WEBSHOP */
////////////////////////////////////////////////////////////////////////////////
.webshop {}
.webshop .category-selector {
    padding: 0;
    margin: 0;
}
.webshop .category-selector li {
    display: inline-block;
}
.webshop .category-selector li a {
    padding: 5px 10px;
    display: block;
    background: white;
    text-decoration: none;
    color: black;
}
.webshop .category-selector li:first-child a {
}
.webshop .category-selector li:last-child a {
}
.webshop .category-selector li a.selected {
    background: #eef;
}
.webshop .category-selector li a:hover {
    text-decoration: underline;
}
.webshop .products{}
.webshop .products .product{
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dashed #ccc;
}
.webshop .products .product:last-child{
    border-bottom: none;
}
.webshop .products .product.last{
    border-bottom: none;
}
.webshop .products .product .left{
    width: 150px;
    float: left;
    margin-right: 20px;
}
.webshop .products .product .left a{}
.webshop .products .product .left a img{}

.webshop .products .product .right {
    float: left;
    width: 449px;
}
.webshop .products .product .right .name{
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 0px;
}
.webshop .products .product .right table.variants{
    width: 100%;
}
.webshop .products .product .right table.variants tr{}
.webshop .products .product .right table.variants tr td{}
.webshop .products .product .right table.variants tr td:first-child{
    width: 130px;
}
.webshop .products .product .right table.variants tr td:last-child{
    width: 100px;
}
.webshop .products .product .right table.variants tr td .in-stock{
    display: inline-block;  zoom: 1;  font-weight: bold;  top: 0;  left: 0;    padding-right: 10px;  font-size: 10px;  background: url(../img/in-stock.png) no-repeat;  padding-left: 20px;  height: 16px;
}
.webshop .products .product .right table.variants tr td .in-stock.true{
    background-position: left top;  color: #158e01;
}
.webshop .products .product .right table.variants tr td .in-stock.false{
    background-position: left bottom;  color: #c60000;
}
.webshop .products .product .right table.variants tr td .original-price {
    text-align: right;
    margin-right: 10px;
    text-decoration: line-through;
}
.webshop .products .product .right table.variants tr td .current-price {
    text-align: right;
    width: 90px;
}
.webshop .products .product .right table.variants tr td .current-price.discounted {}
.webshop .products .product .right table.variants tr td .original-price + .current-price {
    color: red;
    font-weight: bold;
    font-size: 13px;
}
.webshop .products .product .right table.variants tr td.variant-btns {
    width: 90px;
    text-align: right;
    padding-right: 20px;
}
.webshop .products .product .right table.variants tr td.variant-btns a {
    text-decoration: none;
}
.webshop .products .product .right table.variants tr td.variant-btns a.selected {
    font-weight: bold;
}
.webshop .products .product .right table.variants tr td.cart {}
.webshop .products .product .right table.variants tr td.cart .dec {
    background: url(../img/cart-dec.png) no-repeat;  width: 16px;  height: 16px;  display: inline-block;  zoom: 1;  text-decoration: none;  text-indent: -10000px;
}
.webshop .products .product .right table.variants tr td.cart .count {
    display: inline-block;  zoom: 1;  font-weight: bold;
    padding: 0 10px;
}
.webshop .products .product .right table.variants tr td.cart .inc {
    background: url(../img/cart-inc.png) no-repeat;  width: 16px;  height: 16px;  display: inline-block;  zoom: 1;  text-decoration: none;  text-indent: -10000px;
}
////////////////////////////////////////////////////////////////////////////////
.aside-cart {
    margin-bottom: 10px;
}
.aside-cart h3 {}
.aside-cart .items {}
.aside-cart .items p.name {
    margin-bottom: 0;
    font-weight: bold;
}
.aside-cart .items table.item {
    width: 100%;
}
.aside-cart .items table.item tr {}
.aside-cart .items table.item tr td {}
.aside-cart .items table.item tr td:first-child {}
.aside-cart .items table.item tr td:last-child {
    text-align: right;
}
.aside-cart .items table.item tr td a.dec {
    background: url(../img/cart-dec.png) no-repeat;  width: 16px;  height: 16px;  display: inline-block;  zoom: 1;  text-decoration: none;  text-indent: -10000px;
}
.aside-cart .items table.item tr td .count {
    display: inline-block;  zoom: 1;  font-weight: bold;  padding: 0 10px;
    position: relative;
    top: -5px;
}
.aside-cart .items table.item tr td a.inc {
    background: url(../img/cart-inc.png) no-repeat;  width: 16px;  height: 16px;  display: inline-block;  zoom: 1;  text-decoration: none;  text-indent: -10000px;
}
.aside-cart > table {
    width: 100%;
    border-top: solid 1px #ccc;
}
.aside-cart > table tr {}
.aside-cart > table tr td{}
.aside-cart > table tr td:last-child{
    text-align: right;
}
.aside-cart > table tr td a{
    color: white;  text-decoration: none;  padding: 5px 9px 2px;  display: inline-block;  zoom: 1;  background: black;  border-radius: 4px;  font-family: DINEAN;  text-transform: uppercase;  font-size: 15px;  margin-top: 14px;
}
////////////////////////////////////////////////////////////////////////////////

.webshop-order-data {}
.webshop-order-data form {}
.webshop-order-data form p.error {}
.webshop-order-data form h2 {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 15px;
    margin-top: 30px;
}
/*.webshop-order-data form .box {
    border: solid 1px #ccc;
    background: white;
    padding: 10px;
}*/
.webshop-order-data form .box p{
    font-size: 11px;
}
.webshop-order-data form .box table.cart {
    width: 100%;
}
.webshop-order-data form .box table.cart thead {}
.webshop-order-data form .box table.cart thead tr {}
.webshop-order-data form .box table.cart thead tr th {
    padding: 0 10px;
}
.webshop-order-data form .box table.cart thead tr th.db {
    text-align: right;
}
.webshop-order-data form .box table.cart thead tr th.name {
    text-align: left;
}
.webshop-order-data form .box table.cart thead tr th.price {}
.webshop-order-data form .box table.cart thead tr th.fullprice {
    text-align: right;
}
.webshop-order-data form .box table.cart tbody {}
.webshop-order-data form .box table.cart tbody tr {}
.webshop-order-data form .box table.cart tbody tr td {
    padding: 0 10px;
}
.webshop-order-data form .box table.cart tbody tr td.db {
    text-align: right;
}
.webshop-order-data form .box table.cart tbody tr td.name {
}
.webshop-order-data form .box table.cart tbody tr td.price {
    text-align: center;
}
.webshop-order-data form .box table.cart tbody tr td.fullprice {
    text-align: right;
}
.webshop-order-data form .box table.cart tfoot {}
.webshop-order-data form .box table.cart tfoot tr {}
.webshop-order-data form .box table.cart tfoot tr td {
    padding: 0 10px;
}
.webshop-order-data form .box table.cart tfoot tr td.text {
    text-align: right;
    border-top: solid 1px black;
}
.webshop-order-data form .box table.cart tfoot tr td.fullprice {
    text-align: right;
    font-weight: bold;
    border-top: solid 1px black;
}
.webshop-order-data form .box div {}
.webshop-order-data form .box div h3 {}
.webshop-order-data form .box div label {
    font-weight: bold;
    display: block;
}
.webshop-order-data form .box div input[type=text] {
    padding: 6px;
    border: solid 1px #ddd;
    margin-bottom: 10px;
    box-sizing: border-box;
    width: 100%;
}
.webshop-order-data form .box div input[type=text].w13 {
    width: 124px;
}
.webshop-order-data form .box div input[type=text].w23 {
    width: 453px;
}
.webshop-order-data form .box div input[type=text].w33 {
    width: 100%;
}
.webshop-order-data form .box div input.error, .webshop-order-data form .box div select.error {
    background: #ffcccc;
    border: solid 1px red;
}
.webshop-order-data form .box div input[type=radio] {
    position: relative;
    top: 3px;
    margin-right: 7px;
}
.webshop-order-data form .box div textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #ddd;
}
.webshop-order-data p.error {
    background: #ffaaaa;
    border: solid 1px red;
    padding: 10px;
    border-radius: 4px;
    color: black;
    font-weight: bold;
}
////////////////////////////////////////////////////////////////////////////////
.webshop-order-sum {}
.webshop-order-sum form {}
.webshop-order-sum form p.error {}
.webshop-order-sum form h2 {
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 15px;
    margin-top: 30px;
}
.webshop-order-sum form .box {
    border: solid 1px #ccc;
    background: white;
    padding: 10px;
}
.webshop-order-sum form .box p{
    font-size: 11px;
}
.webshop-order-sum form .box table.cart {
    width: 100%;
}
.webshop-order-sum form .box table.cart thead {}
.webshop-order-sum form .box table.cart thead tr {}
.webshop-order-sum form .box table.cart thead tr th {
    padding: 0 10px;
}
.webshop-order-sum form .box table.cart thead tr th.db {
    text-align: right;
}
.webshop-order-sum form .box table.cart thead tr th.name {
    text-align: left;
}
.webshop-order-sum form .box table.cart thead tr th.price {}
.webshop-order-sum form .box table.cart thead tr th.fullprice {
    text-align: right;
}
.webshop-order-sum form .box table.cart tbody {}
.webshop-order-sum form .box table.cart tbody tr {}
.webshop-order-sum form .box table.cart tbody tr td {
    padding: 0 10px;
}
.webshop-order-sum form .box table.cart tbody tr td.db {
    text-align: right;
}
.webshop-order-sum form .box table.cart tbody tr td.name {
}
.webshop-order-sum form .box table.cart tbody tr td.price {
    text-align: center;
}
.webshop-order-sum form .box table.cart tbody tr td.fullprice {
    text-align: right;
}
.webshop-order-sum form .box table.cart tfoot {}
.webshop-order-sum form .box table.cart tfoot tr {}
.webshop-order-sum form .box table.cart tfoot tr td {
    padding: 0 10px;
}
.webshop-order-sum form .box table.cart tfoot tr td.text {
    text-align: right;
    border-top: solid 1px black;
}
.webshop-order-sum form .box table.cart tfoot tr td.fullprice {
    text-align: right;
    font-weight: bold;
    border-top: solid 1px black;
}
.webshop-order-sum form .box table.shipping-price {
    width: 100%;
}
.webshop-order-sum form .box table.shipping-price tr{}
.webshop-order-sum form .box table.shipping-price tr td{
    vertical-align: top;
}
.webshop-order-sum form .box table.shipping-price tr td.name{
    font-weight: bold;
}
.webshop-order-sum form .box table.shipping-price tr td.text{}
.webshop-order-sum form .box table.shipping-price tr td.price{
    text-align: right;
    font-weight: bold;
}
.webshop-order-sum form .box div label{
    width: 100px;
    font-weight: bold;
    display: inline-block;
}
.webshop-order-sum form .box div span{
    width: 498px;
    display: inline-block;
}
.webshop-order-sum p.error {
    background: #ffaaaa;
    
    border: solid 1px red;
    padding: 10px;
    border-radius: 4px;
    color: black;
    font-weight: bold;
}