html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  font-family: Verdana,  Arial, Helvetica, Sans-Serif;
  font-size: small;
  color: #555555;
  background-image: url('/images/bg-top.gif');
  background-repeat: repeat-x;
  min-height:100%;
  height: 100%;
  min-width: 840px;
  }
 .site-minwidth {
  width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 840? "840px": "auto");
 height: 1px;
 }
/* Контейнер всего содержимого кроме подвала */
div.page {
 width: 95%;
 margin: auto;
   
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:100%;
 height: 100%;
 /*-----------------------*/

}

/* блок гарантирующий, что область на коотрую накладывается div.footer в div.page останется пустой, */
/* наличие этого блока устанавливает высоту div.page 100% относительно клиентской области и контента в FF, Opera */


/* Патч для установки минимальной высоты в IE */

div.page div.patch_minheight {
 width: 1px;
 height: 360px;
 float: right;
 padding: 0;
 margin: 0;
 }



/* Контейнер основной полосы */

div.mainbar {
 padding: 1px;

 margin-left: 250px;
 }

/* TOP */

.header  {
height: 100px;
margin: 0;
padding:  0 0 20px 0;
}
#header-logo {
float: left;
  height: 47px;
  width: 337px;
  margin: 0;
  padding: 24px 0 24px 0;  
  }
#header-right {
  height: 35px;
  margin-left: 500px;
  padding: 24px 0 0 0;
  text-align: right;    
  }
 
/* MENU-TOP */

table.coners {
 width: 100%;
 height: 52px;
 border-collapse: collapse;
 padding: 0;
 margin: 0 auto;
 background-image: url('/images/bg-menu.gif');
 background-repeat: repeat-x; 
}
table.coners td {
 padding: 6px 0 0 0;
 vertical-align: top;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 margin: 0;
}
td.bok-left {
 background-image: url('/images/bok-left.gif');
 background-repeat: no-repeat; 
 width: 7px;
}
td.bok-right {
 background-image: url('/images/bok-right.gif');
 background-repeat: no-repeat; 
 width: 7px;
}
td.line {
 background-image: url('/images/line.gif');
 background-repeat: no-repeat; 
 width: 2px;
}
.skaner {
 position: absolute;
 top: 0px;
 text-align: left;
 margin: 0px 0 0 0;
 background-image: url('/images/top-scaner.gif');
 background-repeat: no-repeat;
 background-position: left top;
 width: 160px;
 height: 167px;

 }
td.seach {
 padding: 0px  0 0 0;
 vertical-align: top;
 text-align: right;
 width: 250px;
}
form {
padding: 0px;
margin: 0;
}
input.text {
padding: 0px;
margin: 0;
height: 12px;
}	
a:link.menu     { font-size:12px; color: #ffffff; font-weight: bold; text-decoration:none }
a:visited.menu  { font-size:12px; color: #ffffff; font-weight: bold; text-decoration:none }
a:hover.menu    { font-size:12px; color: #ee2123; font-weight: bold; text-decoration:none }
a:active.menu   { font-size:12px; color: #ffffff; font-weight: bold; text-decoration:none }


/* MENU-LEFT */
.sidebar {
 float: left;
 width: 203px; 
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 vertical-align: top:
 }
table.left-menu {
 border-collapse: collapse;
 padding: 0;
 width: 198px;
 background-color: #48b8e0;
 }
  left-menu td {
   padding: 0;
  }
td.blue1     {background-image: url('/images/coner1.gif');  background-repeat: no-repeat; width: 15px; background-position: top left; background-color: #67d4f5;}
td.blue2     {background-image: url('/images/coner2.gif');  background-repeat: no-repeat; width: 15px; background-position: top right; background-color: #67d4f5;}
td.blue-head {height: 30px; background-color: #67d4f5; color: #005175; font-size: 14px; font-weight: bold; text-align: center;}
td.blue3     {background-image: url('/images/coner3.gif');  background-repeat: no-repeat; width: 15px; background-position: bottom right ;}
td.blue4     {height: 20px; background-image: url('/images/coner4.gif');  background-repeat: no-repeat; width: 15px; background-position: bottom left;}
td.bl-text   {background-image: url('/images/bg-black.gif');  background-repeat: repeat-x; background-color: #2c312b; text-align: center; color: #ffffff; padding: 10px;  margin: 10px;}

ul.menu {
list-style-image: url('/images/button.gif');
list-style-position: inside;
margin: 0 0 0 0;
padding: 0 0 0 0px;
color: #ffffff;
}

li.menu {
padding: 10px 0 10px 0px;
margin:  0;
border-bottom: solid 1px;
border-color: #67d4f5;
}
 

 /* ACTION */
table.action {
 border-collapse: collapse;
 padding: 0;
 background-color: #ddf3f9;
  }
  table.action td {
   padding: 0;
   margin: 0;
  }
   table.action td p {
   padding: 0 10px 0 10px;
     }
td.action1     {background-image: url('/images/con1.gif');  background-repeat: no-repeat; width: 4px; background-position: top left; background-color: #bbf0f6; height: 4px;}
td.action2     {background-image: url('/images/con2.gif');  background-repeat: no-repeat; width: 4px; background-position: top right; background-color: #bbf0f6; height: 4px;}
td.action-head {height: 30px; background-color: #bbf0f6; color: #005175; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px solid; border-color: #67d4f5;}
td.action-page {height: 30px; background-color: #bbf0f6; color: #005175; font-size: 14px; font-weight: bold; border-bottom: 1px solid; border-color: #67d4f5; }
td.action3     {background-image: url('/images/con3.gif');  background-repeat: no-repeat; width: 4px; background-position: bottom right ;}
td.action4     {height: 4px; background-image: url('/images/con4.gif');  background-repeat: no-repeat; width: 4px; background-position: bottom left;}
td.ac-text   {background-image: url('/images/bg-black.gif');  background-repeat: repeat-x; background-color: #2c312b; text-align: center; color: #ffffff; padding: 10px;  margin: 10px;}

 td.a1 {border-top: solid 1px ; border-color: #67d4f5; background-color: #bbf0f6; height: 4px;}
 td.a2 {border-left: 1px solid; border-color: #67d4f5; background-color: #bbf0f6;}
 td.a3 {border-right: 1px solid; border-color: #67d4f5; background-color: #bbf0f6;}
 td.a4 {border-left: 1px solid; border-color: #67d4f5;}
 td.a5 {border-right: 1px solid; border-color: #67d4f5;}
 td.a6 {border-bottom: 1px solid; border-color: #67d4f5;}

 /*PAGE */


td.text p {
font-size: 100%;
}
table.catalog {
 border-collapse: collapse;
 padding: 0;
 margin: 0;  
  }
 table.catalog td {
   padding: 0;
   margin: 0;
   border-top: solid 5px;
   border-color: #dbf3fa;
        }
table.catalog td img {
padding: 10px;
}
   .pic-about {
   vertical-align: bottom;
   padding: 10px;
  }
  .pic {
   vertical-align: top;
     }
 p.price {
 color: #ee2123;
 font-weight:bold;
 font-size:100%;
 }
 .podr {
  position: relative;
  bottom: 0;
  text-align: right;
  background-image: url('/images/podr.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 20px;
  padding:  0 10px 0 0;
  margin: 0;
 }


div.cleaner {clear: all;
}

p            { font-size:12px; color:#555555;}
tr           { font-size:100%; color:#555555;}
td           { font-size:100%; color:#555555;}
div          { font-size:100%; color:#555555;}

h1 {font-size:160%; color: #2c3795; font-weight:bold;}
h2 {font-size:160%; color: #005175; font-weight:bold;}
h3 {font-size:100%; color: #005175; font-weight:bold; padding-left: 10px;}
h4 {font-size:140%; color: #e06074; font-weight:bold;}
h5 {font-size:120%; color: #2c3795; font-weight:bold;}
h6 {font-size:10px; color: #005175; font-weight:bold; text-align: center; padding: 10px 0 10px 0; margin: 0;}

a:active     { font-size:100%; color: #2c3795; font-weight:normal; text-decoration:underline }
a:visited    { font-size:100%; color: #2c3795; font-weight:normal; text-decoration:underline }
a:hover      { font-size:100%; color: #2c3795; font-weight:normal; text-decoration:none }
a:link       { font-size:100%; color: #2c3795; font-weight:normal; text-decoration:underline }

 /*FOOTER */
 div.page div.footer_guarantor {
 height: 100px;
 clear: both;
}

div.footer {
 margin: auto;
 margin-top: -50px;
 width: 95%;
 height: 100px;
 clear: both;
 background-color: #000000;
  }

 table.foot {
 border-collapse: collapse;
 padding: 0;
 background-color: #f3f4f6;
 width: 100%;
 height:  100px;
 margin: 0;
  }
  table.action td {
   padding: 0;
   margin: 0;
  }
   table.action td p {
   padding: 0 10px 0 10px;
   font-size: 10px;
  }
td.foot1     {background-image: url('/images/cof1.gif');  background-repeat: no-repeat; width: 11px;  background-position: top left; background-color: #f3f4f6; height: 11px;}
td.foot2     {background-image: url('/images/cof2.gif');  background-repeat: no-repeat; width: 11px; background-position: top right; background-color: #f3f4f6; }

 td.f1 {border-top: solid 1px ; border-color: #848484; background-color: #f3f4f6; height: 11px;}
 td.f2 {border-left: 1px solid; border-color: #848484; background-color: #f3f4f6;}
 td.f3 {border-right: 1px solid; border-color: #848484; background-color: #f3f4f6;}
 td.f4 {border-left: 1px solid; border-color: #848484;}
 td.f5 {border-right: 1px solid; border-color: #848484;}