
.relative {width:100%; position:relative;}

/* shop stuff */
.shop-stuff {width:99.8%; height:123px; float:left; margin:0 0px 15px 0; border:1px solid #b5bcc2; 
position: relative;
-moz-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px;
background: #F6F8FA;
-moz-box-shadow: 0px 0px 6px #b5bcc2;
-webkit-box-shadow: 0px 0px 6px #b5bcc2;
box-shadow: 0px 0px 6px #b5bcc2;}

/*.shop-stuff:hover {
-moz-box-shadow: 0px 0px 8px #e2e4e7;
-webkit-box-shadow: 0px 0px 8px #e2e4e7;
box-shadow: 0px 0px 8px #e2e4e7;
border:1px solid #9eb1c2;
}*/

.presence_good {
font-size: 8pt;
margin: 0px;
padding: 2px 10px 3px 10px;
background:linear-gradient(to bottom, #8cc251, #338d00);
background-color: #338d00;
/*background-color: #5a819f;*/
color: white;
-moz-border-radius: 0px 10px 0px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius: 0px 10px 0px 10px;
border-radius: 0px 10px 0px 10px;
z-index:0;
-moz-box-shadow: -1px 1px 3px #b5bcc2;
-webkit-box-shadow: -1px 1px 3px #b5bcc2;
box-shadow: -1px 1px 3px #b5bcc2;
position: relative;
top: -1px;
left: 1px;
}
.presence_fail{
    font-size: 8pt;
margin: 0px;
padding: 2px 10px 3px 10px;
/*background-color: #3f6288;*/
background: #848484;
    background: -moz-linear-gradient(top, #848484 0%, #818181 14%, #646363 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(14%,#818181), color-stop(100%,#646363));
    background: -webkit-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    background: -o-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    background: -ms-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    background: linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    -pie-background: linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
color: white;
-moz-border-radius: 0px 10px 0px 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius: 0px 10px 0px 10px;
border-radius: 0px 10px 0px 10px;
z-index:0;
-moz-box-shadow: -1px 1px 3px #b5bcc2;
-webkit-box-shadow: -1px 1px 3px #b5bcc2;
box-shadow: -1px 1px 3px #b5bcc2;
position: relative;
top: -1px;
left: 1px;
}
.presence {
font-size: 14px;
font-weight: bold;
color: #184270;
margin: 12px 0 0 0px;
padding: 0;
    line-height: 100%;
/*padding: 4px 8px 4px 8px;*/
/*background-color: #3f6288;*/
/*background-color: #5a819f;
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;*/
}

.pres_img_in {
    background: url("/images/inventory_status-green.gif") no-repeat 0px 0px;
    margin: 7px 0 0 5px;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
}

.pres_img_out {
    background: url("/images/inventory_status-grey.gif") no-repeat 0px 0px;
    margin: 7px 0 0 5px;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
}

.rating_content {
width: 212px;
float: left;
padding:0;
margin: 0px 0 0 0;
border: 0px solid #f6f8fa;
/*background: #EDF1F5;*/
}

.social_buttons {
    float: left;
    padding: 0px 0 7px 0;
    margin: 14px 0 4px 0;
    border: 0px solid #f6f8fa;
    /*background: #EDF1F5;*/
    background: none;
    /*-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}
#goods .subscribe_header .subscribe_h3 {
    display:block;
    color: #184270;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0;
    padding:0 15px;
    line-height: 35px;
    font-size: 12px;
    border-radius: 4px;
    color: #fff !important;
    -webkit-box-shadow: #eee 0 1px 1px;
    -moz-box-shadow: #eee 0 1px 1px;
    box-shadow: #eee 0 1px 1px;
    text-transform: uppercase;
    background: #848484;
    background: -moz-linear-gradient(top, #848484 0%, #818181 14%, #646363 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(14%,#818181), color-stop(100%,#646363));
    background: -webkit-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    background: -o-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    background: -ms-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    background: linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
    -pie-background: linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);

    width: 201px;
}
.subscribe_header .catalog_subscribe{
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 0px !important;
    text-align: center;
    line-height: 25px !important;
    font-size: 8px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    width: 150px !important;
}
#goods .subscribe_header .subscribe_h3:hover{
    background: #646363;
    background: -moz-linear-gradient(top, #646363 0%, #818181 86%, #848484 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646363), color-stop(86%,#818181), color-stop(100%,#848484));
    background: -webkit-linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
    background: -o-linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
    background: -ms-linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
    background: linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
    -pie-background: linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);

    -webkit-box-shadow: #ddd 0 1px 1px;
    -moz-box-shadow: #ddd 0 1px 1px;
    box-shadow: #ddd 0 1px 1px;
}
.subscribe_header .subscribe_h3 {
    display:block;
    color: #184270;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0;
    padding:0 15px;
    line-height: 35px;
  font-size: 12px;
  border-radius: 4px;
  color: #fff !important;
    -webkit-box-shadow: #eee 0 1px 1px;
  -moz-box-shadow: #eee 0 1px 1px;
  box-shadow: #eee 0 1px 1px;
  text-transform: uppercase;
  background: #848484;
  background: -moz-linear-gradient(top, #848484 0%, #818181 14%, #646363 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(14%,#818181), color-stop(100%,#646363));
  background: -webkit-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
  background: -o-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
  background: -ms-linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
  background: linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
  -pie-background: linear-gradient(top, #848484 0%,#818181 14%,#646363 100%);
  
  width: 201px;
}
.subscribe_header .subscribe_h3:hover{
  background: #646363;
  background: -moz-linear-gradient(top, #646363 0%, #818181 86%, #848484 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646363), color-stop(86%,#818181), color-stop(100%,#848484));
  background: -webkit-linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
  background: -o-linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
  background: -ms-linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
  background: linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
  -pie-background: linear-gradient(top, #646363 0%,#818181 86%,#848484 100%);
  
    -webkit-box-shadow: #ddd 0 1px 1px;
  -moz-box-shadow: #ddd 0 1px 1px;
  box-shadow: #ddd 0 1px 1px;
}
.shop-stuff-b {padding:10px;}
.shop-stuff .shk-image {float:left; margin:0 10px 5px 0; max-height:100px; max-width:100px; border: none;}
.shop-stuff img {float:left; margin:0 10px 5px 0; max-height:100px; max-width:100px;}
.shop-stuff .shs-descr {/*height:90px;*/ margin-top: 1px; margin-bottom:0px; border-bottom:0px dashed #888; position: relative; }
.shop-stuff .shs-descr h4 {width: 430px; position: absolute; left: 110px; margin: 0;}
.prc {margin:94px 0 0 120px; float:left; position: absolute; font-weight: bold;}
.shop-stuff .shs-price {height:30px; float: right; margin-top: 0px; position: absolute; top: 96px; right: -1px; /*top: 75px; right: 12px;*/}
.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;*/}
.shs-tocart p {margin: 0; padding: 0; }
.shs-tocart .har_list {margin: 5px 0;}
.shs-tocart .har_list span {margin: 10px 0; padding: 0 5px; background: yellow;}

.shk-price {font-weight:bold;}
.shk-but {
border:1px solid #888;
margin:8px 2px 0 2px;
padding:2px 6px;
}

.shk-but-vk {
    border:1px solid #245880;
    font-size: 14px;
    margin: 0;
    padding: 3px 20px 5px 20px;
    /*background-color: #3f6288;*/
    color: #245880;
    /*text-shadow: #000000 0px 1px 2px;*/
    height: 28px;
    vertical-align: middle;
    -moz-border-radius: 10px 2px 10px 2px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius: 10px 2px 10px 2px;
    border-radius: 10px 2px 10px 2px;
    -moz-box-shadow: 0px 0px 4px #80929f;
    -webkit-box-shadow: 0px 0px 4px #80929f;
    box-shadow: 0px 0px 4px #80929f;
    cursor: pointer;
    background: #EDF1F5;
    /*background: #5A819F url("/images/cart.gif") no-repeat 7px 3px;*/
}

.shk-but-vk:hover {
    color: white;
    /*background: #799ab3 url("/images/cart.gif") no-repeat 7px 3px;*/
    background: #799ab3;
}

.shk-but-vk:active {
    color: white;
    outline:none;
    background: #799ab3;
    /*background: #30668f url("/images/cart.gif") no-repeat 7px 3px;*/
}

.button-large5 {
    background: url("/images/cart.gif") no-repeat 2px 7px transparent;
    height: 36px;
}

.button-medium, .button-large {
    background: url("/images/buttons-master.png") no-repeat 0 -104px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    outline: 0 none;
    padding-left: 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}

.button-medium span, .button-large span {
    background: url("/images/buttons-master.png") no-repeat right -78px;
    display: inline-block;
    height: 100%;
    padding-right: 12px;
}

.button-large-cart span input {
    margin-left: -54px;
    padding-left: 54px;
}

.button-large span button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    margin: 0 0 0 -15px;
    overflow: visible;
    padding: 0 15px;
    vertical-align: baseline;
    white-space: nowrap;
    border: none;
    text-shadow: none;
    margin: 0 0 0 -55px;
    padding: 0 14px 0 58px;
}

.button-large {
    background-position: 0 -498px;
    font-size: 14px !important;
    height: 36px;
    line-height: 36px !important;
}

.button-large-cart {
    background-position: 0 -894px;
    padding-left: 54px;
}

.button-large span {
    background-position: right -462px;
    height: 36px;
    line-height: 36px !important;
    padding-right: 0px;
}

.button-large-cart span {
    background-position: right -678px;
}

.button-large-cart:hover {
    background-position: 0 -930px;
    text-decoration: none;
}
.button-large-cart:hover span {
    background-position: right -750px;
}

.button-large:active {
    background-position: 0 -966px;
    text-decoration: none;
}
.button-large:active span {
    background-position: right -822px;
}

/*кнопка назад*/
a.button_back {
    background: url("/images/bg_button3_a.gif") no-repeat right top;
    color: #444444;
    display: block;
    float: left;
    font-size: 10px;
    height: 17px;
    margin-right: 6px;
    padding-right: 9px;
    text-decoration: none;
}
a.button_back:hover {
    color: #9F9F9F;
}
a.button_back span {
    background: url("/images/bg_button3_span.gif") no-repeat 0 0;
    display: block;
    line-height: 7px;
    /*height: 17px;*/
    padding: 5px 0 5px 9px;
}
a.button_back:active {
    background-position: right bottom;
    color: #000000;
    outline: medium none;
}
a.button_back:active span {
    background-position: left bottom;
    padding: 6px 0 4px 9px;
}

a.button_back:hover {
    text-decoration: underline;
}
/*--*/


.submit_subscribe {
    cursor: pointer;
    height: 20px;
    border: 1px solid #5A819F;
    background-color: #338d00;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 1px;
    padding: 1px 5px 2px 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    text-shadow: none;
}

.submit_subscribe:hover {
    border: 1px solid #5A819F;
    background-color: #64a248;
    -moz-box-shadow: 0px 0px 4px #80929f;
    -webkit-box-shadow: 0px 0px 4px #80929f;
    box-shadow: 0px 0px 4px #80929f;
}

.submit_subscribe:active {
	border: 1px solid #5A819F;
	background-color: #338d00;
}

.subscribe_input {
	height: 14px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	margin: 1px;
	padding: 2px 2px 2px 2px;
}

input.subscribe_input:focus {
    border: 1px solid #5A819F;
}

input.error_subscribe {
	border: 1px solid #FB8B8D;
}

.price-add {color:red; padding-left:3px; line-height:0;}

/* cart block */
.shop-cart { border:0px solid #888; padding:0px; margin:0px 0;}
.shop-cart-head {padding:5px 0 5px 0; text-align: center;}
.shop-cart-head-small {padding:4px 0 4px 0; text-align: center; background: #5A819F; color: #FFFFFF;
position: relative;
float: left;
width: 300px;
left: -1px;
top: -1px;
text-shadow: #000000 0px 1px 2px;
border: 1px solid #245880;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius: 10px 10px 10 0;
border-radius: 10px 10px 0 0;
-moz-box-shadow: inset 0px 0px 6px #245880;
-webkit-box-shadow: inset 0px 0px 6px #245880;
box-shadow: inset 0px 0px 6px #245880;
cursor: default;
}

.shop-cart-body {padding:4px 0; text-align: center;}
.shop-cart-body-small {padding:6px 0; text-align: center;}
.shop-cart table {border-collapse:collapse; margin:5px 0;font-size: 9pt;}
.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;}
#cartEmpty {height:38px; padding-top: 38px;}
#cartEmptyBig {padding: 0;}
#totalCart {margin:5px 0;}
.cart-order {margin:5px 0; text-align: center;}
.cart-sale-small {
position: absolute;
top: 2px;
left: 2px;
color: white;
font-size: 8pt;
padding: 2px 12px 2px 8px;
background: #99b2c6;
-moz-border-radius: 7px 7px 7px 0px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius: 7px 7px 7px 0px;
border-radius: 7px 7px 7px 0px;
cursor: default;
margin: 0;
text-align: center;
}
.cart-order-small {
position: absolute;
top: 58px;
right: -1px;
color: white;
padding: 2px 10px 3px 10px;
background: #5A819F;
-moz-border-radius: 10px 0 10px 4px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-radius: 10px 0 10px 4px;
border-radius: 10px 0 10px 4px;
z-index:0;
-moz-box-shadow: -1px 1px 3px #b5bcc2;
-webkit-box-shadow: -1px 1px 3px #b5bcc2;
box-shadow: -1px 1px 3px #b5bcc2;
margin:5px 0;
text-align: center;
}

.cart-more-small {
position: absolute;
top: 58px;
left: -1px;
padding: 2px 10px 3px;
z-index: 0;
text-align: center;
color: red;
font-size: 10px;
}

.cart-more-small a, .cart-order-small a {
color: #EDF1F5;
text-shadow: #000000 0px 1px 1px;
}

/* helper box */
#stuffHelper {position: absolute; z-index:100; width:150px; padding:8px; background-color:#ccc; border:2px solid #888; display:none;
-moz-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px -2px 5px #7d8994;
-webkit-box-shadow: 0px -2px 5px #7d8994;
box-shadow: 0px -2px 5px #7d8994;
}
#stuffHelper div {/*padding:5px 0; */text-align: center;
font-size: 9pt;
}

/* progressbar */
#shkLoading {width:30px; height:30px; position: absolute; z-index:100; background:url(img/ajax-loader.gif) center center no-repeat #fff; border:1px solid #888; display: none;}

/* materials */
.materials {padding:5px 0;}
.materials img {width:70px;}
.materials input {cursor: pointer;}
.shk-count {
border: 1px solid #CCCCCC;
}

.view_larger {
    display: block;
    padding: 6px 0 6px 20px;
    background: url("/images/icon_view_larger.jpg") no-repeat 0 4px;
    cursor: pointer;
    width: 70px;
}

.view_larger:hover {
    text-decoration: underline;
}