html, body{
  height: 100%;
  margin: 0;
}

BODY{
  background: #DAD9D9;
  font-size: 10pt;
  font-family: Arial, Verdana, sans-serif;
  color: #000;
}
H1, H2 {
  font-size: 13pt;
  text-align:center;
}

TD>IMG{ display: block; }

TD.block_04{
   background-image: url(../images/block_04.gif);
   background-repeat: repeat-x;
}

TD.block_06{
   background-image: url(../images/block_06.gif);
   background-repeat: repeat-y;
}

TD.block_08{
   background-image: url(../images/block_08.gif);
   background-repeat: repeat-y;
}

TD.block_10{
   background-image: url(../images/block_10.gif);
   background-repeat: repeat-x;
}

TEXTAREA {
  background: #FFF;
  border: 1px solid #9E9E9F;
  padding-left: 3px;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
}

INPUT.search {
  background: #FFF;
  border: 1px solid #9E9E9F;
  text-align: center;
}

INPUT.form {
  background: #FFF;
  border: 1px solid #9E9E9F;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
}

.header1{
 background-image: url(../images/bg_1.gif);
 background-repeat: repeat-x;
}

.header2{
  background-image: url(../images/bg_2.gif);
  background-repeat: repeat-x;
}

.footer{
 font-size: 9pt;
 font-weight: normal;
 text-align: center;
}

.block_header, .menu_left{
 font-weight: bold;
 text-align: center;
}

.top_menu{
  background-image: url(../images/button_top_1.jpg);
  background-repeat: no-repeat;
  width: 647px; height: 24px;
}

.top_menu_index{
  background-image: url(../images/button_top.jpg);
  background-repeat: no-repeat;
  width: 647px; height: 24px;
  text-align: center;
  font-size: 10pt;
  color:#999999;
  
}

.top_button{
  width: 25%;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
}

.order_button{
  background-image: url(../images/button_order.jpg);
  background-repeat: no-repeat;
  width: 118px; height: 23px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
}

.menu_left{
 background-image: url(../images/button_left.jpg);
 background-repeat: repeat-x;
 width: 148px; height: 33px;
 font-size: 11pt;
}

.nona{
	text-decoration: none;
	color: #1A1A1A;
}


.panel{
 background-image: url(../images/panel_bg.gif);
 background-repeat: repeat-y;
 height: 100%; 
}


#menu A{
  color: #000;
  text-decoration: none;
}

#menu_active A, #menu_active A:hover{
  color: #D70000;
  text-decoration: none;
}

#menu A:hover{
  text-decoration: none;
  color: #9D9D9D;
}

.menu_bottom{
  text-decoration:none;
  color:#999999;
  
}
/*ДЛЯ ЛОГИЧЕСКИХ БЛОКОВ */

/*пунктирная рамка */

.info_block{
	border: 1px dashed #727272;
	color:#666666;
	line-height: 1.2em;
	padding: 10px;
}

/*фоновая рамка с background и пунктироной рамкой  */

.info_block2{
	background-color: #CCCCCC;
	border:1px dashed #8C8C8C;
	color:#FF0000;
	line-height: 1.2em;
	padding: 5px;
}
 /* логический блок <PRE> */
 pre {
 background-color:#CCCCCC;
 line-height: 1.2em;
 padding: 10px;
  
 }

/* изображение нумерованного списка */
ul {
list-style-image:url(../uploads/images/arrow.gif)
}

/* вставка формы подсказки */

	   
#view span{
	display:none;/*собственно прячем тултип - пока мышь не наведена*/
	color: #000000;
	font-size: 12px;
   }
   #view:hover{
   position:relative !important;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
   z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
   color: #d00b05;
   }
   #view:hover span{
	display:block;/*показываем тултип при наведении*/
	position:absolute !important;
	top: 3px;
	left:10px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
	z-index:22;/*мне 22 + см. выше*/
	background: url(/images/fancybox/vnimanie.gif) no-repeat left #FFF;/*фон, что бы было видно тултип*/
	width: 130px;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center !important;
	color: #F00;
	border:1px solid #999;
	
	margin:0px 0px 0px 0px;
	padding:15px 5px 10px 65px;
	text-align: justify;
  }