@import url("https://www.vse-kraski.ru/modules/groups/src/glyphicons.css");
.delivery_price thead td {
    background: #DDDDDD!important;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding:3px;
    text-align:center;
    border: 1px solid #E1E1E1; 
    
}    

.delivery_price tbody td {
  
    color: #000;
    font-size: 12px;
    padding:3px;
    text-align:center;
    border: 1px solid #E1E1E1; 
}   


#priceblock-test {
    
    position: relative;

}

#priceblock-test::after {
    background: transparent;
    background: -moz-linear-gradient(bottom, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0.1) 100%);
    background: -webkit-gradient(left bottom, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(240, 240, 240, 0.1)));
    background: -webkit-linear-gradient(bottom, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0.1) 100%);
    background: -o-linear-gradient(bottom, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0.1) 100%);
    background: -ms-linear-gradient(bottom, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0.1) 100%);
    background: linear-gradient(to top, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0.1) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.contextmenu {

border:1px solid #979797;
background-color: #F0F0F0;
width:180px;
box-shadow: 3px 3px 0px 0px #cccccc;
z-index:9999;
}

.contextmenu td {

padding:3px 3px 3px 30px;
cursor: pointer;

}

.colorMenu {

text-transform:uppercase; 
cursor:pointer; 
font-size:10px; 
font-weight:bold; 
font-family:tahoma; 
display: inline-block; 
text-decoration: none; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 2px; 
padding-bottom: 2px; 
outline: none; 
border-width: 2px 0; 
border-style: solid none; 
border: 1px solid #000000; 
border-radius: 6px; 
margin:2px;

}

.colorMenu:hover {

text-transform:uppercase; 
cursor:pointer; 
font-size:10px; 
font-weight:bold; 
font-family:tahoma; 
display: inline-block; 
text-decoration: none; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 2px; 
padding-bottom: 2px; 
outline: none; 
border-width: 2px 0; 
border-style: solid none; 
border: 1px solid #000000; 
border-radius: 6px; 
margin:2px;

}

.hideBlock {
cursor:pointer;
border: 2px solid gray;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
padding: 5px;
height: 20px;
position:relative; 
text-align:center; 
background-color:gray;
box-shadow: 2px -2px 2px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.3);
color:#FFFFFF; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
font-family:tahoma; 
font-weight:bold; 
font-size:13px;
}
.hideBlock::after, hideBlock::before {
content: '';
position: absolute;
background: gray;
left: -10px; top: 5px;
width: 20px; height: 20px;
z-index: -1; /* Прячем за основным блоком */
transform: rotate(45deg); /* Поворачиваем на 45? */
-webkit-transform: rotate(45deg);
}
.hideBlock::before {
z-index: 1; /* Накладываем поверх, чтобы скрыть следы тени */
}

.radio {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.radio + label.radiolabel {
	cursor: pointer;
	font-size:16px;
	font-face: tahoma;
}
.radio:not(checked) {
	position: absolute;
	opacity: 0;
}
.radio:not(checked) + label.radiolabel {
	position: relative;
	padding: 0 0 0 35px;
}
.radio:not(checked) + label.radiolabel:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0px;
	width: 22px;
	height: 22px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #FFF;
  	display: block;

}
.radio:not(checked) + label.radiolabel:after {
	display: block;
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: red;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	transition: all .2s;
}
.radio:checked + label.radiolabel:after {
	opacity: 1;
}


	
table.data {
background-color: #ffffff; 
border-collapse: collapse;
}
table.data th {
font-size:14px;
border: 1px solid #000000;
padding: 0.13cm;
text-align: center;
}
table.data td {
border: 1px solid #000000; 
padding: 0.13cm;
text-align: center;
}

#nav{
	padding:0px;
	margin:0px;
	width:100%;
	list-style:none;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	width:100%;
	padding:0px;
	margin:0px;
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
}
#nav ul li{
	width:100%;
	padding:0px;
	margin:0px;
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}

#nav #diler_menu{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */

margin-left:-1px;
background: #F0F0F0;
border: 1px solid #C9C9C9; 
border-top: 1px solid #EFEFEF;  
-moz-border-radius: 0px 0px 5px 5px;  
-webkit-border-radius: 0px 0px 5px 5px; 
border-radius: 0px 0px 5px 5px; 
z-index:999;
box-shadow: 2px 2px 2px -1px #cccccc, -2px 4px 2px -1px #cccccc;
}

#diler_menu_main:hover {
list-style-type: none;
padding-top:5px;
width:100%;
-moz-border-radius: 5px 5px 0px 0px; 
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; 
background:#F0F0F0; 
border-color:#C9C9C9; 
border-style: solid; 
border-width: 1px 1px 0px 1px; 
height:40px;
box-shadow: 2px 2px 2px -1px #cccccc, -2px 0px 2px -1px #cccccc;

}

#diler_menu_main {

list-style-type: none;
width:100%;
padding-top:5px;
-moz-border-radius: 5px 5px 0px 0px; 
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;  
height:40px;
border-color:#F7F7F7; 
border-style: solid; 
border-width: 1px 1px 0px 1px; 

}

input[type=checkbox] {
	display: none;
}

.checkbox label {
	margin-bottom: 5px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	padding-bottom: 4px;
	margin-right: 15px;
	font-size: 12px;
	font-family:tahoma;
}

.checkbox label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 5px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
    	background: -webkit-gradient(linear,  left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    	background: -moz-linear-gradient(top,  #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	border:1px solid #9E9E9E;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.checkbox label:before {
    border-radius: 3px;
}

.checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: red;
	text-align: center;
    line-height: 15px;
}

.fullcatTd {
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
padding:10px 5px 10px 5px; 
border-bottom:1px #DDDDDD solid; 
font-family:tahoma; 
font-size:13px;
}

.MainTdRoundGrey {
background:#F0F0F0; 
height:25px; 
padding-left:10px; 
font-weight:bold; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
}

.MainTdRoundGreyButtons {
background:#F0F0F0;
height:25px; 
padding-left:10px; 
padding-bottom:5px; 
padding-top:5px; 
font-weight:bold; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
border-radius:10px;
}

.MainTdCreaterSpan {
border-bottom:1px #0E5897 dashed; 
cursor:pointer;
}

.MainTdCreaterLink {

font-family:tahoma; 
font-size:11px; 
color:#0E5897;
border-bottom:1px #0E5897 solid;

}

.MainTdCreaterLink:hover {

font-family:tahoma; 
font-size:11px; 
color:#0E5897;
border-bottom:0px #0E5897 solid;

}

a.MainTdSubMathLink {

font-weight:normal;
font-family:tahoma; 
font-size:12px; 
color:#0E5897;
border-bottom:1px #0E5897 solid;

}

a.MainTdSubMathLink:hover {

font-weight:normal;
font-family:tahoma; 
font-size:12px; 
color:#0E5897;
border-bottom:0px #0E5897 solid;

}

.MainTdMatherialLink {

color:#0E5897; 
border-bottom:2px #0E5897 solid; 
text-transition:uppercase; 
font-size:14px; 
font-weight:bold; 
font-family:tahoma;

}

.MainTdMatherialLink:hover {

color:#0E5897; 
border-bottom:0px #0E5897 solid; 
text-transition:uppercase; 
font-size:14px; 
font-weight:bold; 
font-family:tahoma;

}

.MainTdBlock {

-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
/*border-top:1px solid #C3C4C8; */
padding:5px; 
background: -webkit-gradient(linear, left top, left 50, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
background: -moz-linear-gradient(top,  #FFFFFF, #EEEEEE 1px, #FFFFFF 50px);'

}

.TypesTd {

background: #DDDDDD; 
-moz-border-radius: 5px 0px 0px 5px; 
-webkit-border-radius: 5px 0px 0px 5px; 
border-radius: 5px 0px 0px 5px; 
padding:5px;

}

.TypesTdRight {

color:red; 
background: #DDDDDD; 
-moz-border-radius: 0px 5px 5px 0px; 
-webkit-border-radius: 0px 5px 5px 0px; 
border-radius: 0px 5px 5px 0px; 
padding:5px; 
padding-right:10px; 
text-align:right;

}

.TypesTdCorner {

-moz-border-radius: 5px 0px 0px 5px; 
-webkit-border-radius: 5px 0px 0px 5px; 
border-radius: 5px 0px 0px 5px; 
padding:5px;

}


.TypesTdCornerRight {

-moz-border-radius: 0px 5px 5px 0px; 
-webkit-border-radius: 0px 5px 5px 0px; 
border-radius: 0px 5px 5px 0px; 
padding:5px;  
padding-right:10px; 
text-align:right;

}

.TypesBg {
background: #DDDDDD;
}

.BlockClass
{
position:absolute; 
z-index:998; 
visibility:hidden; 
border: 1px solid red; 
padding:5px; 
background-color:#FCCACA;
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px;
}
.BlockTriangleClass {
position:absolute; 
width:16px; 
height:32px; 
z-index:999; 
visibility:hidden;
}
.SpecialTdClass {
background:#CECCCD; 
text-align:center; 
font-size:12px; 
font-weight:bold; 
border:1px #9A9899 solid; 
padding:5px;
white-space:nowrap;
}
.SpecialShowTd {
white-space:nowrap;
font-size:10px;
font-weight:bold;
border:1px #9A9899 solid; 
padding:5px;
background:#EAEAEA;
}
.ShowTd {
font-size:10px;
border:1px #9A9899 solid; 
padding:5px; 
text-align:center;
background:#EAEAEA;
white-space:nowrap;
}
.picSubDivClass
{
padding-left:5px; 
padding-top:3px;
cursor:pointer; 
color:#0D74A1; 
font-weight:bold; 
text-align:left; 
width:11px; 
height:11px;
}

.SubDivTextClass {

padding-left:5px; 
padding-right:5px; 
cursor: pointer; 
color:#0D74A1; 
font-weight:bold; 
text-align:left; 
width:90%;'

}

.active_all_math_block_link {

background: #DDDDDD; 
padding-top:3px; 
padding-bottom:3px;

}

.inactive_all_math_block_link {
padding-top:3px; 
padding-bottom:3px;
}

.active_all_math {
background: #DDDDDD; 
-moz-border-radius: 5px 0px 0px 5px; 
-webkit-border-radius: 5px 0px 0px 5px; 
border-radius: 5px 0px 0px 5px; 
padding-top:3px; 
padding-bottom:3px;
}

.active_all_math_right {
background: #DDDDDD; 
-moz-border-radius: 0px 5px 5px 0px; 
-webkit-border-radius: 0px 5px 5px 0px; 
border-radius: 0px 5px 5px 0px;
}

.inactive_all_math {

-moz-border-radius: 5px 0px 0px 5px; 
-webkit-border-radius: 5px 0px 0px 5px; 
border-radius: 5px 0px 0px 5px; 
padding-top:3px; 
padding-bottom:3px;

}

.inactive_all_math_right {

-moz-border-radius: 0px 5px 5px 0px; 
-webkit-border-radius: 0px 5px 5px 0px; 
border-radius: 0px 5px 5px 0px;

}

.active_all_math_right_red {

padding-right:10px; 
text-align:right; 
background: #DDDDDD; 
-moz-border-radius: 0px 5px 5px 0px; 
-webkit-border-radius: 0px 5px 5px 0px; 
border-radius: 0px 5px 5px 0px; 
color:red;

}

.inactive_all_math_right_pad10 {
padding-right:10px; 
text-align:right; 
-moz-border-radius: 0px 5px 5px 0px; 
-webkit-border-radius: 0px 5px 5px 0px; 
border-radius: 0px 5px 5px 0px;
}

.errormessageblock { 
display:none; 
visibility:hidden;
position:relative; 
margin-top:5px; 
padding:10px;
text-align:center; 
font-weight: bold;
border:1px solid red; 
border-radius:10px; 
background-color:rgb(252, 202, 202);

}

.errormessageblock:after,
.errormessageblock:before {
   content: '';
   border: solid transparent;
   position: absolute;
   left: 50%;
   margin-left: -12px;
   top: -23px;
   width: 0;
}
.errormessageblock:before {
   border-bottom-color: red;
   border-width: 12px;
}
.errormessageblock:after {
   border-bottom-color: rgb(252, 202, 202);
   border-width: 14px;
   margin-left: -14px;
}

.hoverRow { background-color: #DDDDDD; }
.hoverRowRed { background-color: #F52A2E;}
.hoverRowGray { background-color: gray;}
.clickedRow { background-color: orange; font-weight: bold; }

#TownTable td {

-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 

}

body { 
cursor: default; 
margin:0;
padding:0;
background:#FFFFFF;
}

header {
padding-bottom:10px;
}

.scrollTop { 

width:100%; 
bottom:0px;
left:0px;

padding:3px;
-moz-border-radius: 10px 10px 0px 0px; 
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px;

border-right: 1px solid #9E9E9E; 
border-bottom: 1px solid #9E9E9E; 
border-left: 1px solid #9E9E9E; 
border-top: 1px solid #9E9E9E; 
background:#F0F0F0;   
text-align:center; 
display: none; 
position: fixed; 
z-index: 9999; 
opacity: -0.05;

box-shadow: 0 0 8px #ccc; 
-moz-box-shadow: 0 0 8px #ccc;
-webkit-box-shadow: 0 0 8px #ccc;
filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=45, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=135, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=225, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=315, Strength=4);
}

.scrollTop:hover { 

box-shadow: 0 0 8px #000; 
-moz-box-shadow: 0 0 8px #000;
-webkit-box-shadow: 0 0 8px #000;
filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=45, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=225, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=315, Strength=4);

}

a { display:inline; color: #000000; font-family: verdana; font-size: 11px; text-decoration: none; font-weight:bold;}
a:hover { display:inline; color: #000000; font-family: verdana; font-size: 11px; text-decoration: none; font-weight:bold;}

.menubar { 
	position:relative;
	font-family:tahoma;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	display: inline-block;
	border-radius: 10px;
        padding:10px;
	box-shadow: 0 0 0 2px #F7F7F7;
  	border: 4px solid #F7F7F7;
}

.menubar:hover { 
        position:relative;
	font-family:tahoma;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	display: inline-block;
  	color: white;
  	text-decoration: none;
	box-shadow: 0 0 0 2px #F0F0F0;
  	border: 4px solid #FFFFFF;
  	border-radius: 10px;
  	background: linear-gradient(#F13E07, #BF1705) #E38916;
	background: -ms-linear-gradient(top, #F13E07 0%,#BF1705 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F13E07', endColorstr='#BF1705');
     	background: -webkit-gradient(linear, left top, left bottom, from(#F13E07), to(#BF1705));
     	background: -moz-linear-gradient(top, #F13E07, #BF1705);
     	background: gradient(linear, top, #F13E07, #BF1705);
     	background: -o-linear-gradient(top, #F13E07, #BF1705);
  	transition: 0.2s;
	padding:10px;
}

.menubar a { 
	
	font-family:tahoma;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

.menubar:hover a {
	 
	font-family:tahoma;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

.menubar:hover:after,
.menubar:hover:before {
   content: '';
   border: solid transparent;
   position: absolute;
   left: 50%;
   margin-left: -12px;
   bottom: -27px;
   width: 0;
}
.menubar:hover:before {
   border-top-color: #FFFFFF;
   border-width: 12px;
}
.menubar:hover:after {
   border-top-color: #BF1705;
   border-width: 16px;
   margin-left: -16px;
}

.menubar-footer { 
	font-family:tahoma;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	display: inline-block;
	border-radius: 5px;
        padding:5px;
	box-shadow: 0 0 0 2px #E3E1E2;
  	border: 2px solid #E3E1E2;
}

.menubar-footer:hover { 
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	display: inline-block;
  	color: white;
  	text-decoration: none;
	box-shadow: 0 0 0 1px #F0F0F0;
  	border: 2px solid #FFFFFF;
  	border-radius: 5px;
  	background: linear-gradient(#F13E07, #BF1705) #E38916;
  	transition: 0.2s;
	padding:5px;
}

.menubar-footer a { 
	font-family:tahoma;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.menubar-footer:hover a { 
	font-family:tahoma;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.input { width: 100%; font-family: verdana; font-size: 14px; height: 22px; border: 1px solid #B8B9BD; }

.search_input {
  width: 100%;
  height: 43px;
  font-family: verdana; 
  font-size: 18px;
  padding: 6px 0 4px 10px;
  border: 1px solid #9E9E9E;
  border-radius: 5px;
  text-align:center;
  text-transform:uppercase;
  background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear,  left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top,  #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px  8px;
    -moz-box-shadow: rgba(0,0,0, 0.1)  0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1)  0px 0px 8px;
}

.search_input_red {
  width: 100%;
  height: 43px;
  font-family: verdana; 
  font-size: 18px;
  padding: 6px 0 4px 10px;
  border: 1px solid #ff0000;
  border-radius: 5px;
  text-align:center;
  text-transform:uppercase;
  background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear,  left top, left 25, from(#FFFFFF), color-stop(4%, #ff0000), to(#FFFFFF));
    background: -moz-linear-gradient(top,  #FFFFFF, #ff0000 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px  8px;
    -moz-box-shadow: rgba(0,0,0, 0.1)  0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1)  0px 0px 8px;
}

.search_input:hover, .search_input:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0,  0.15) 0px 0px 8px;
}

.button { width: 100%; font-family: tahoma; font-size: 14px; height: 40px; font-weight:bold; border: 1px solid #000000; }

.catalog { font-family: tahoma; font-size: 12px; padding:5px; border: 1px solid #82878B; }

.catalog-print { border: 1px solid #E4E2E4; padding:5px; font-family: verdana; font-size: 12px;}

.td-form { font-family: tahoma; font-size: 14px; padding:5px; border: 0px; background: #DEE2EB;}

.td-form-srch { font-family: tahoma; font-size: 12px; padding:2px; border: 0px;}

.td_top_first { font-family: tahoma; font-size: 14px; padding:5px; border: 1px solid #848082;}

.list_docs { font-family: tahoma; font-size: 12px; padding:5px; border: 0px; border: 1px solid #848082;}

.topmenu { font-family: tahoma; font-size: 12px; padding:5px; border-bottom: 1px solid #848082; background:#C9C8C6;}

.table_top { font-family: tahoma; font-size: 12px; font-weight:bold; padding:5px; border: 1px solid #848082; background:#C9C8C6;}

.menu { font-family: tahoma; font-size: 12px; padding-left:8px;}

td { font-family: tahoma; font-size: 12px; }

b.orange { background: #FFC62A; color:#343434; border: 1px solid #343434; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
b.oranges { font-size: 10px; background: #FFC62A; color:#343434; border: 1px solid #343434; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 0px; }
b.gray { background: #CDCDCD; color: #9F9F9F; border: 1px solid #9F9F9F; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }

#breadcrunches_menu a {
 font-size:13px;
 font-family:tahoma;
 font-weight:bold;
 text-transform:uppercase;
}

#breadcrunches_menu {
 font-size:13px;
 font-family:tahoma;
 font-weight:bold;
 text-transform:uppercase;
}

#tooltip{
 background:#FFFFFF;
 border:1px solid #666666;
 color:#333333;
 font:menu;
 margin:0px;
 padding:3px 5px;
 position:absolute;
 visibility:hidden;
 }
 
.roundborder { 
min-width:300px;
background: #F0F0F0;
border: 1px solid #848082;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
box-shadow: 0 0 5px #000; 
filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=315, Strength=4);
padding: 5px;
}

#glass {
	position: fixed;
	z-index: 999;
	margin: 0;
	display: none;
	top: 0;
	left: 0;
	background-color: black;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.60);
	opacity: 0.60;
	filter:alpha(opacity=60);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
     	-moz-opacity: 0.60;               
	-khtml-opacity: 0.60;
}
* html #glass { 
position: absolute; 
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"); 
} 

.maximage {
border: solid 1px #848282;
float: none;
position: absolute;
top: 30%;
left: 25%;
width: 630;
height: 350;
display: none;
z-index: 100;
font-size: 12px;
}
.titles {
padding: 0px;
margin: 0px;
border: solid 0px black;
float: none;
position: relative;
display: block;
font-size: 16px;
font-weight: bold;
cursor: move;
width:100%;
height:25px; 
background: url('/src/res/face/top.gif');
}
.bodys {
background: #848282;
padding-right: 0px;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 0px;
border-right: solid 20px #C9C8C6;
float: none;
position: relative;
color: #000000;
display: block;
font-size: 14px;
}

.tab {
	float: left;
}

.tab label {
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #ccc;
	background: #F9F9FA;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eff0f4 4%, #dddee0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#eff0f4), color-stop(100%,#dddee0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee0',GradientType=0 );
	text-shadow: #fff 0 1px 0;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	padding: 10px; 
	margin-left: -1px; 
	position: relative;
	left: 1px; 
	cursor:pointer;
	color: #555;
	font-weight: bold;
	font-size: 15px;
}
.tab [type=radio] {
	display: none;   
}
.content {
      position: relative;
      margin:10px;
      -moz-border-radius: 0px 6px 6px 6px;
      -webkit-border-radius: 0px 6px 6px 6px;
      border-radius: 0px 6px 6px 6px;
      top: 17px;
      left: 0;
      background: #F9F9FA;
      right: 0;
      bottom: 0;
      padding: 20px;
      border: 1px solid #ccc; 
      -moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
      -webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
      box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1); 
}
	
.catalogtab:checked ~ label {
      background: #F9F9FA;
      border-bottom: 3px solid #F9F9FA;
      border-top: 3px solid red;
      color: #555;
	  font-weight: bold;
	  font-size: 15px;
      z-index: 2;
	  -moz-border-radius: 6px 6px 0px 0px;
	  -webkit-border-radius: 6px 6px 0px 0px;
	  border-radius: 6px 6px 0px 0px;
	  border-right: 1px solid #f3f3f3;
	  border-left: 1px solid #ccc;
}

.catalogtab:checked ~ label ~ .content {
	  z-index: 1;
}

.catalogtab:checked ~ label ~ .content > * {
	  opacity: 1;  
	  -webkit-transform: translateX(0);
	  -moz-transform:    translateX(0);
	  -ms-transform:     translateX(0);
	  -o-transform:      translateX(0);
}

#myTable thead th {background:none repeat scroll 0 0 #F0F0F0; border-bottom:1px solid #999999; font-size:12px; color:#000000; text-align:center; padding:3px; text-transform:capitalize}
#myTable tbody td {height:30px; border:1px solid #82878B; font-size:13px; color:#000000; padding:0px 6px}
#myTable tbody td a {color:#000000; }
.dragRow{ color:#FF0000; border:2px solid #FF0000}
.color{color:#000000;}
img.hide {    
        -webkit-filter: grayscale(100); /* Webkit браузеры */  
        filter: gray(100); /* для IE6-9 */  
        filter: grayscale(100); /* W3C */  
}


#scroll_select_list {
POSITION: relative; 
TEXT-ALIGN: left; 
OVERFLOW-X: hidden; 
OVERFLOW-Y: auto; 
BACKGROUND: #fff; 
FLOAT: left; 
HEIGHT: auto; 
MAX-HEIGHT: 240px; 
border: 1px solid #cccccc; 
box-shadow: 0 0 3px #cccccc; 
border-radius: 5px;
height: expression(this.scrollHeight > 240 ? "240px" : "auto");    
}

#scroll_select_list_out {
POSITION: absolute; 
PADDING-BOTTOM: 5px;
PADDING-LEFT: 5px; 
PADDING-RIGHT: 5px; 
BACKGROUND: #fff; 
HEIGHT: auto; 
MAX-HEIGHT: 250px; 
TOP: 22px; 
PADDING-TOP: 5px; 
LEFT: 2px; 
border: 1px solid #ccc;
box-shadow: 0 0 5px #000; 
border-radius: 5px; 
filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=315, Strength=4);
height: expression(this.scrollHeight > 250 ? "250px" : "auto");    
}

#select_list{
list-style-type: none;
padding: 0px;
margin: 0px;
position:relative;
left: 0px;
}

#select_list li{
border-top: 1px dotted #cccccc;
height: 24px;
font: 12px arial;
}

#select_list li:hover{
cursor: pointer;
}

#select_list li:first-child{
border: none;
}
.button24 {
  cursor:pointer; 
  font-size:12px;
  font-weight:bold;
  font-family:tahoma;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3AE0F', endColorstr='#E38916');
  background: -webkit-gradient(linear, left top, left bottom, from(#F3AE0F), to(#E38916));
  background: -moz-linear-gradient(top, #F3AE0F, #E38916);
  background: gradient(linear, top, #F3AE0F, #E38916);
  background: -o-linear-gradient(top, #F3AE0F, #E38916);
  transition: 0.2s;
} 

.button32 {
  cursor:pointer; 
  font-size:12px;
  font-weight:bold;
  font-family:tahoma;
  color: white;
  text-decoration: none;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3AE0F', endColorstr='#E38916');
  background: -webkit-gradient(linear, left top, left bottom, from(#F3AE0F), to(#E38916));
  background: -moz-linear-gradient(top, #F3AE0F, #E38916);
  background: gradient(linear, top, #F3AE0F, #E38916);
  background: -o-linear-gradient(top, #F3AE0F, #E38916);
  transition: 0.2s;
} 

a.clearlink { cursor:pointer; text-decoration:none; color:red; font-weight:bold; font-size:14px; font-family:verdana; }
a.clearlink:hover { cursor:pointer; text-decoration:none; color:black; font-weight:bold; font-size:14px; font-family:verdana; }

span.link { cursor:pointer; text-decoration:none; font-family: tahoma; font-size: 11px; color: #0E5897; border-bottom: 1px #0E5897 solid; }
span.link:hover { cursor:pointer; text-decoration:none; font-family: tahoma; font-size: 11px; color: #0E5897; border-bottom: 0px #0E5897 solid; }

    td.fix {
      padding: 0px;
      text-align: center; /* IE */
    }

    /* above this is decorative, not part of the test */
    
    .header-background {
      background-color: white;
      border:1px solid #82878B;
      height: 25px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }

    .fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }

    .th-inner {
      top:0px;
      position: absolute;
      line-height:25px;
      background:white;
      padding-left:5px;
      text-align: left;
      border-left: 1px solid #82878B;
      margin-left:-1px;
      margin-top:1px;
    }

.button-red {
  cursor:pointer; 
  font-size:12px;
  font-weight:bold;
  font-family:tahoma;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FF6A5A #000 #A60505;
  border-radius: 6px;
  background: linear-gradient(#F13E07, #BF1705) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F13E07', endColorstr='#BF1705');
  background: -webkit-gradient(linear, left top, left bottom, from(#F13E07), to(#BF1705));
  background: -moz-linear-gradient(top, #F13E07, #BF1705);
  background: gradient(linear, top, #F13E07, #BF1705);
  background: -o-linear-gradient(top, #F13E07, #BF1705);
  transition: 0.2s;
} 

.button-red32 {
  cursor:pointer; 
  font-size:12px;
  font-weight:bold;
  font-family:tahoma;
  color: white;
  text-decoration: none;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FF6A5A #000 #A60505;
  border-radius: 6px;
  background: linear-gradient(#F13E07, #BF1705) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F13E07', endColorstr='#BF1705');
  background: -webkit-gradient(linear, left top, left bottom, from(#F13E07), to(#BF1705));
  background: -moz-linear-gradient(top, #F13E07, #BF1705);
  background: gradient(linear, top, #F13E07, #BF1705);
  background: -o-linear-gradient(top, #F13E07, #BF1705);
} 

.button-grayscale {
  cursor:pointer; 
  font-size:12px;
  font-weight:bold;
  font-family:tahoma;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #9C9C9C #000 #535353;
  border-radius: 6px;
  background: linear-gradient(#838383, #646464) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#646464');
  background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#646464));
  background: -moz-linear-gradient(top, #838383, #646464);
  background: gradient(linear, top, #838383, #646464);
  background: -o-linear-gradient(top, #838383, #646464);
  transition: 0.2s;
}

a.button16 {
  text-transform:uppercase;
  cursor:pointer; 
  font-size:10px;
  font-weight:bold;
  font-family:tahoma;
  display: inline-block;
  color: black;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3AE0F', endColorstr='#E38916');
  background: -webkit-gradient(linear, left top, left bottom, from(#F3AE0F), to(#E38916));
  background: -moz-linear-gradient(top, #F3AE0F, #E38916);
  background: gradient(linear, top, #F3AE0F, #E38916);
  background: -o-linear-gradient(top, #F3AE0F, #E38916);
  transition: 0.2s;
} 

a.button16:hover {
  text-transform:uppercase;
  cursor:pointer; 
  font-size:10px;
  font-weight:bold;
  font-family:tahoma;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #D77206 #000 #FDBE33;
  border-radius: 6px;
  background: linear-gradient(#E38916, #F3AE0F) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E38916', endColorstr='#F3AE0F');
  background: -webkit-gradient(linear, left top, left bottom, from(#E38916), to(#F3AE0F));
  background: -moz-linear-gradient(top, #E38916, #F3AE0F);
  background: gradient(linear, top, #E38916, #F3AE0F);
  background: -o-linear-gradient(top, #E38916, #F3AE0F);
  transition: 0.2s;
} 

a.button16-active {
  text-transform:uppercase;
  cursor:pointer; 
  font-size:10px;
  font-weight:bold;
  font-family:tahoma;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #D77206 #000 #FDBE33;
  border-radius: 6px;
  background: linear-gradient(#E38916, #F3AE0F) #E38916;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E38916', endColorstr='#F3AE0F');
  background: -webkit-gradient(linear, left top, left bottom, from(#E38916), to(#F3AE0F));
  background: -moz-linear-gradient(top, #E38916, #F3AE0F);
  background: gradient(linear, top, #E38916, #F3AE0F);
  background: -o-linear-gradient(top, #E38916, #F3AE0F);
  transition: 0.2s;
} 

.clearcss a {

display:inline !important;
text-decoration:underline;
text-transform:uppercase;

}

.clearcss a:hover {

display:inline !important;
text-transform:uppercase;
text-decoration:none;

}

.highlited table {
width:100%; 
border-collapse:collapse; 
border:0px;	
}	

.highlited tr:hover {
cursor:pointer;
background: #DDDDDD;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
color:red;
}  

.highlited tr td a {
display:block;
height:100%;
width:100%;
}

tr.clearcss:hover {
text-transform:none;
font-weight:normal;
cursor:default;
background: #F0F0F0;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
color:black;
} 

tr.clearcss {
text-transform:none;
font-weight:normal;
cursor:default;
background: #F0F0F0;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
color:black;
}  

td.clearcss {

text-transform:none;
font-weight:normal;
background-color:#FFFFFF;
border:1px #DDDDDD solid;
padding:5px;
color:#000;
cursor:default; 

}

td.clearcss:hover {

text-transform:none;
font-weight:normal;
background-color:#FFFFFF;
border:1px #DDDDDD solid;
padding:5px;
color:#000;
cursor:default; 

}

td.clearcss table {

border:1px #000000 solid;
padding:5px;
border-collapse:collapse;
color:#000;
cursor:default; 

}

td.clearcss table tr {

color:#000;
cursor:default; 

}

td.clearcss table tr:hover {

background-color:#FFFFFF;
color:#000;
cursor:default; 

}

td.clearcss h1, h2 {

color:#000;
cursor:default;
font-size:14px;
font-weight:bold; 
text-transform:uppercase;

}

td.clearcss a {

display:inline;
text-decoration:underline;
text-transform:uppercase;

}

td.clearcss a:hover {

display:inline;
text-transform:uppercase;
text-decoration:none;

}

.navigation {
padding:5px;
}

.navigation tr td a {
height:100%;
width:100%;
font-family:Arial,sans-serif;;
font-size:14px;
box-shadow: 0 0 5px #ccc; 
filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=315, Strength=4);
}

.navigation tr td a:hover {
height:100%;
width:100%;
font-family:Arial,sans-serif;;
font-size:14px;
box-shadow: 0 0 5px #000; 
filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=45, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=225, Strength=4)
        progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=315, Strength=4);
}

.navigation tr td {
text-align:center;
}

.navigation-bar {
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}

.navigation-bar-active {
background-color:#FFEBAE;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}

.navigation-bar-left {
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
box-shadow: 0 0 5px #000; 
-moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;

}

.navigation-bar-right {
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
-moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;
}

.navigation-bar-previous {
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
}

.navigation-bar-active-left {
background-color:#FFEBAE;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
-moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;
}
.navigation-bar-active-right {
background-color:#FFEBAE;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
-moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;
}

.noSaleBlock {
cursor:pointer;
border: 2px solid gainsboro;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
padding: 5px;
height: 20px;
position:relative; 
text-align:center; 
background-color:gainsboro;
box-shadow: 2px -2px 2px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.3);
color:DimGrey; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
font-family:tahoma; 
font-weight:bold; 
font-size:13px;
}

.noSaleBlock::after, cartBlock::before {
content: '';
position: absolute;
background: gainsboro;
left: -10px; top: 5px;
width: 20px; height: 20px;
z-index: -1; /* Прячем за основным блоком */
transform: rotate(45deg); /* Поворачиваем на 45? */
-webkit-transform: rotate(45deg);
}
.cartBlock::before {
z-index: 1; /* Накладываем поверх, чтобы скрыть следы тени */
}

.cartBlock {
cursor:pointer;
border: 2px solid #F52A2E;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
padding: 5px;
height: 20px;
position:relative; 
text-align:center; 
background-color:#F52A2E;
box-shadow: 2px -2px 2px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.3);
color:#FFFFFF; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
font-family:tahoma; 
font-weight:bold; 
font-size:13px;
}

.cartBlock::after, cartBlock::before {
content: '';
position: absolute;
background: #F52A2E;
left: -10px; top: 5px;
width: 20px; height: 20px;
z-index: -1; /* Прячем за основным блоком */
transform: rotate(45deg); /* Поворачиваем на 45? */
-webkit-transform: rotate(45deg);
}
.cartBlock::before {
z-index: 1; /* Накладываем поверх, чтобы скрыть следы тени */
}

.IncartBlock {
cursor:pointer;
border: 2px solid green;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
height: 20px;

position:absolute; 
text-align:center; 
background-color:green;
box-shadow: -2px -2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.3);
color:#FFFFFF; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
font-family:tahoma; 
font-weight:bold; 
font-size:13px;
}
.IncartBlock::after, cartBlock::before {
content: '';
position: absolute;
background: green;
right: -10px; top: 5px;
width: 20px; height: 20px;
z-index: -1; /* Прячем за основным блоком */
transform: rotate(45deg); /* Поворачиваем на 45? */
-webkit-transform: rotate(45deg);
}
.IncartBlock::before {
z-index: 1; /* Накладываем поверх, чтобы скрыть следы тени */
}

#circle {
	width: 16px;
	height: 16px;
	background: red;
	border:1px solid red;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position:absolute;
	top:-13px;
	left:6px;
	z-index:997;
	color:white;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
#dilerinfo {
position:relative;
padding:0px; 
margin:0px;
}

.cphl30 { border: 1px solid #E4E2E4; padding:5px; font-family: verdana; font-size: 12px; height:30px; text-align:left; }
.cphc30 { border: 1px solid #E4E2E4; padding:5px; font-family: verdana; font-size: 12px; height:30px; text-align:center; }
.cphc75 { border: 1px solid #E4E2E4; padding:5px; font-family: verdana; font-size: 12px; height:30px; text-align:center; width:75px; }
.cphc75 div { padding:5px; }
.cphc100 { border: 1px solid #E4E2E4; padding:5px; font-family: verdana; font-size: 12px; height:30px; text-align:center; width:100px; white-space: nowrap; }
a.sublink { all:initial; font-family: verdana; font-size: 13px; color: #000000; font-weight:normal; cursor:pointer;}
a.sublink:hover { all:initial; font-family: verdana; font-size: 13px; color: #000000; font-weight:normal; cursor:pointer; }

.sPp {
position:absolute; 
font-size:11px; 
top:-2px; 
right:-2px; 
text-align:center; 
background-color:#F52A2E; 
color:#FFFFFF; 
padding:2px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;	
width:32px;
}	

.sPb {
font-size:12px;
font-weight:bold;
height:25px;
text-align:left;
padding-left:10px;
}	

.sPa {
position:relative;
}

.SpGp {
font-size:15px;
height:25px;
text-align:left;
color:#EC1119;
padding-left:10px;	
}

.SP {
width: 240px;
height: 125px; 
padding-left:2px; 
padding-right:2px;	
}

.SpM {
text-align:center; 
background-color:#F52A2E; 
color:#FFFFFF; 
padding:7px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
width:100%;	
}

.SpM b {
text-transform:uppercase;
}

.aSide-left {
text-align:center; 
background-color:#F0F0F0; 
color:#FFFFFF; 
padding:7px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
width:260px;
}	

.aSide-search {
text-align:center; 
/*border-right: 1px solid #E1E1E1; */ 
/*border-bottom: 1px solid #E1E1E1; */ 
/*border-left: 1px solid #E1E1E1; */
/*border-top: 3px solid #E0E0E0; */
background-color:#F0F0F0; 
padding:10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px;
width: 100%;	
}	

.aSide-right {

width: 250px; 
/*border-left: 1px solid #E1E1E1;*/ 
/*border-top: 3px solid #E0E0E0;*/ 
padding:10px; 
background-color:#F0F0F0;
-moz-border-radius: 10px 0px 0px 10px; 
-webkit-border-radius: 10px 0px 0px 10px; 
border-radius: 10px 0px 0px 10px;
	
}	

.CtT {

 border-collapse:collapse; 
 margin-bottom:5px; 
 background-color:#F0F0F0; 
 width:100%;
 border:0px;'
	
}	

.CtH {
text-align:center; 
background-color:#F52A2E; 
color:#FFFFFF; 
padding:7px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
width: 100%;	
}	

.CtTg {
width:10px; 
display:table-cell; 
color:red;
}

.CtTc {
width:20px; 
display:table-cell; 
color:red;
}

.CtTt {
display:table-cell;	
}	

.CtTp {
padding-left:16px;	
}	

.rB {
color:red;
font-weight:bold;	
}	

.SpOp {
font-size:12px; 
height:25px; 
text-align:left; 
color: #a5a9af; 
padding-left:10px;	
}	

.SpOp div {
text-decoration: line-through;	
}	

.CtMp {
text-align:center; 
height:30px; 
color:#EC1119; 
font-size:16px; 
font-weight:bold; 
font-family:tahoma; 
white-space:nowrap;	
}

.CtTd {
width:20%; 
text-align:center;
}	

.HTdL {
background-color:#F0F0F0; 
height:25px; 
padding-left:10px; 
font-weight:bold; 
-moz-border-radius: 10px 10px 0px 0px; 
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px;	
}	

.HTdR {
background-color:#F0F0F0;
height:25px; 
padding-left:10px; 
padding-bottom:5px; 
-moz-border-radius: 0px 0px 10px 10px; 
-webkit-border-radius: 0px 0px 10px 10px; 
border-radius: 0px 0px 10px 10px;	
}	

.HTdM {
background-color:#F0F0F0;
padding-left:10px; 
padding-right:10px; 
padding-bottom:5px; 
-moz-border-radius: 0px 0px 10px 10px; 
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}	

.RTd {
padding:10px 10px 10px 10px; 
font-family:tahoma; 
font-size:13px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px;
}	

#RecipeT {
background-color:#F0F0F0;
text-transform: uppercase; 
padding:10px; 
font-weight:bold; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
border:0px;
width:100%;
}	

.ww {
background-color:#F0F0F0;
border:0px; 
width:100%; 
border-collapse:collapse; 
margin-bottom:5px;'	
}	

.STg {
background-color:#F0F0F0;	
border-collapse:collapse; 
margin-top:15px; 
margin-bottom:5px;  
border:0px; 
width:100%;
}	

.WhH {
display:inline-block; 
padding-right: 33px; 
font-weight:bold; 
font-size:10px; 
font-family:tahoma;	
}	

.HL {
width:155px; 
padding-left:35px; 
padding-right:30px; 
text-align:center;	
}

.HM { 
text-align:center; 
width:320px;	
}	

.HM a {
font-weight:bold; 
font-size:12px; 
text-shadow: 1px 1px white, 2px 2px lightgrey; 
border-bottom:1px red solid;	
}	

.HN {
font-weight:bold; 
font-size:12px;	
}	

.HD {
cursor:pointer; 
height:65px; 
position:relative; 
text-shadow: 1px 2px black; 
font-size:10px; 
font-family:tahoma; 
font-weight:bold; 
color:white; 
background-color:#D40C0F; 
-moz-border-radius: 5px 5px 0px 0px; 
-webkit-border-radius: 5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
padding:3px;	
}	

.HDa {
z-index:2; 
position:absolute; 
top:0px; 
left:5px;
}	

.HDa p {
margin-top: 5px; 
margin-bottom: 5px;
}	

.HDa a {
font-size:12px; 
font-family:tahoma; 
font-weight:bold; 
color:white; 
text-shadow: 1px 2px black; 
border-bottom:1px solid white;	
}	

.HDa span {
border-bottom:1px solid white;
}

.HDb {
z-index:1; 
position:absolute; 
top:0px; 
right:3px;
}	

.HG {
text-align:center; 
font-size:11px; 
font-family:tahoma; 
font-weight:bold; 
color:white; 
background-color:#F42A2E; 
-moz-border-radius: 0px 0px 5px 5px; 
-webkit-border-radius: 0px 0px 5px 5px; 
border-radius: 0px 0px 5px 5px; 
padding:3px;	
}	

.HJ {
margin-top:3px; 
position:relative; 
font-size:12px; 
font-family:tahoma; 
font-weight:bold; 
color:white; 
background-color:#F42A2E; 
-moz-border-radius: 5px 5px 0px 0px; 
-webkit-border-radius: 5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
padding:3px;	
}	

.HJ table {
padding:0px;
margin:0px;
border-collapse:collapse;
width:100%;	
}	

.HJ table tr td span {
font-size:12px; 
font-family:tahoma; 
font-weight:bold; 
color:white; 
text-shadow: 1px 2px black;	
}	

.HJ table tr td a {
font-size:12px;
font-family:tahoma;
font-weight:bold; 
color:white; 
text-shadow: 1px 2px black; 
border-bottom:1px solid white;	
}	

.HI {
position:relative;
font-size:12px;
font-family:tahoma;
font-weight:bold;
color:white;
background-color:#D40C0F;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
padding:3px;	
}	

.HI span {
text-shadow: 1px 2px black; 
text-transform:uppercase;	
}	

.HK {
text-align:center;
font-family: verdana;
width:210px; 
text-shadow: 1px 1px white, 2px 2px lightgrey;
margin: 0 auto; 
line-height: 0.1; 
margin-top: 10px;
margin-bottom: 10px;	
}	

.HKa {
font-family: verdana;
font-size: 14.6px; 
font-weight: 800;
margin-top: 5px; 
margin-bottom: 25px;	
}	

.HKb {
font-family: verdana;
font-size: 27.5px;
color: red; 
font-weight: 800;
margin-top: 15px;
margin-bottom: 20px;	
}	

.HKc {
font-family: verdana;
font-size: 18.1px;
font-weight: 800;
margin-top: 25px;
margin-bottom: 25px;	
}	

.HKd {
margin-top: 15px;
margin-bottom: 15px;	
}	

.HK a {
font-weight: 800;
font-size: 18px;	
}	
	
.HKd a {
font-weight: 800;
font-size: 17px;	
}

.Dp {
font-weight:bold; 
color:#858585; 
font-size:12px; 
text-transform:uppercase;	
}	

.HA {
text-align:center; 
background:#F7F7F7;
border-top:2px solid #C9C9C9; 
border-bottom:1px solid #F0F0F0;
width:250px;
height:50px;	
}	

.HC { 
text-align:center; 
padding-top:5px; 
padding-right:10px; 
padding-left:10px; 
background:#F7F7F7; 
border-top:2px solid #C9C9C9;
border-bottom:1px solid #F0F0F0;
width:250px;
height:50px;
}

.HB {
text-align:center; 
background:#F7F7F7;
border-top:2px solid #C9C9C9; 
border-bottom:1px solid #F0F0F0;
height:50px;
}

.HB table {
margin: auto;
text-align:center;
height:45px; 
padding:5px; 
border:0px;	
}	

.HB table tr td{
margin: auto;
text-align:center;
}

.ScrollTop {

text-transform:uppercase; 
font-weight:bold;
font-family:tahoma;
color:black;
font-size:14px;

}

.ScrollTop a { 
text-transform:uppercase; 
font-weight:bold;
font-family:tahoma;
color:black;
text-decoration:none;
font-size:14px;
}

#allcatalogblock div {
background-color:#DDDDDD; 
padding:15px 15px 15px 7px; 
font-family:tahoma; 
font-size:13px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px; 
margin-top:10px; 
margin-bottom:10px; 
text-align:justify;	
}	

#allcatalogblock div a {
margin:2px; 
font-family:tahoma;	
}	

#allcatalogblock div a sup {
color:#000000; 
font-family:arial;	
}	

.ShS {
margin-top:5px; 
border-collapse:collapse;
margin-bottom:5px; 
background-color: #F0F0F0; 
border:0px; 
width:100%;
}	

.ShSa {
border-collapse:collapse; 
cursor: pointer; 
border:0px; 
width:230px;	
}	

.SP table {
border-collapse:collapse;
border:0px; 
width:225px;	
}	

.SP table tr td img {
border:0px;
width:75px; 
height:100px; 	
}	

.SP table tr td div img {
width:16px; 
height:32px; 
}	

.SpT {
border-collapse:collapse;
border:0px;	
}	

.MainTdBlock table {
width:100%; 
border:0px; 	
}	

.MainContent {
padding-left:15px;
padding-right:15px;	
}	

#provider_block {
position:absolute; 
display:none; 
visibility:hidden; 
z-index:999;	
}	

#tsblock {
position:absolute;
z-index:999;	
}	

#diler_info_block {
background: #F7F7F7; 
border: 1px solid #EFEFEF; 
border-top: 1px solid #F7F7F7;  
-moz-border-radius: 0px 0px 10px 10px;  
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; 
box-shadow: 3px 3px 3px -1px #848082, -3px 3px 3px -1px #848082; 
padding: 5px; 
position:absolute; 
display:none;  
visibility:hidden; 
z-index:999;
}	

#query_result {
margin: 0 auto; 
width:300px; 
height:150px; 
z-index:999; 
display:none; 
VISIBILITY: hidden; 
POSITION: absolute; 
top:50%; 
left:50%;	
}	

#filesblock {
VISIBILITY:hidden; 
POSITION:fixed; 
left:50%; 
top:50%; 
box-shadow: 0 0 3px #cccccc; 
border-radius: 5px; 
z-index:999;	
}	

#hidebtnblock {
cursor:pointer; 
position:absolute; 
width:16px; 
height:16px; 
top:0px; 
right:0px; 
z-index:1000;	
}	

#contentblock {
position:relative; 
z-index:0;
}

#div-dilers-login {
VISIBILITY:hidden; 
display:none;
width:240px;
}	

#div-buy-online-question, #div-add-in-cart-question {
VISIBILITY:hidden; 
display:none; 
width:240px;'	
}	

.dboqBg {
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
border-top:1px solid #C3C4C8; 
padding:10px; 
background: -webkit-gradient(linear, left top, left 50, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
background: -moz-linear-gradient(top,  #FFFFFF, #EEEEEE 1px, #FFFFFF 50px);
}	

.dboqBg span {
padding-bottom:5px; 
font-family:tahoma; 
font-size:14px; 
text-transform:uppercase;
font-weight:bold;
}	

.TA {
border-collapse:collapse;
margin-bottom:10px; 
width:100%; 
border:0px;	
}	

.TAa {
height:35px; 
text-align:left;
padding-left:10px;	
}	

.UD {
border-collapse:collapse; 
margin-bottom:7px; 
background-color:#F0F0F0;
border:0px; 
width:100%;	
}	

.UD td {
text-align:center; 
background-color:#F52A2E; 
color:#FFFFFF; 
padding:7px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
width:100%;	
}	

.CB {
text-transform:uppercase; 
background-color:#DDDDDD;
margin-left:27px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px; 
font-family:tahoma; 
font-size:13px; 
-moz-border-radius: 10px 10px 0px 0px; 
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px;
}	

.CBa {
background-color:#DDDDDD; 
padding:10px 10px 10px 10px; 
font-family:tahoma; 
font-size:13px; 
-moz-border-radius: 10px 10px 0px 0px; 
-webkit-border-radius: 10px 10px 0px 0px; 
border-radius: 10px 10px 0px 0px;	
}	

.CBb {
padding:10px 10px 10px 10px; 
font-family:tahoma; 
font-size:13px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px;	
}	

.CBc {
border-right: 1px solid #E1E1E1; 
border-bottom: 3px solid #E1E1E1; 
border-left: 1px solid #E1E1E1; 
border-top: 3px solid #E0E0E0; 
background-color:#F0F0F0; 
padding:10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px;	
}	

.CBc div {
text-align:justify;	
}	

.Pbtd {
	padding-bottom:15px;
}	

.BCe {
background-color:#F0F0F0; 
height:25px; 
padding-left:10px; 
font-weight:bold; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;
}	

#itemscope a {
font-weight: normal; 
font-size: 12px; 
font-family: tahoma; 
color:grey;	
}