html,body   { margin: 0; padding: 0; }
body   {  font: 76% arial,sans-serif;   }
img   { border: 0;  }
h2, h3, h4   {    margin: 0 0 0 0;    padding: 0 0 0 0;   }
h4 {font-size:12; text-weight:bold}
a    { color: #3f79ba;   text-decoration: underline;  }
a:hover    { color: #3f79ba;   text-decoration: none;  }


/* &#214;&#229;&#237;&#242;&#240;&#224;&#235;&#252;&#237;&#224;&#255; &#241;&#242;&#240;&#224;&#237;&#232;&#246;&#224; */
div#wrapper    {
     float: left;
     width: 100%;
   }

div#content   {
     margin: 20px 20% 0 25%;
   }

/* /&#214;&#229;&#237;&#242;&#240;&#224;&#235;&#252;&#237;&#224;&#255; &#241;&#242;&#240;&#224;&#237;&#232;&#246;&#224; */

/* &#203;&#229;&#226;&#224;&#255; &#234;&#238;&#235;&#238;&#237;&#234;&#224; */
*html div#left { width: 22%; }
*html div#right { width: 18 }

div#left   {
     float: left;
     width: 24%; /* &#216;&#232;&#240;&#232;&#237;&#224; &#235;&#229;&#226;&#238;&#233; &#234;&#238;&#235;&#238;&#237;&#234;&#232; */
     margin-left: -100%;
     background: #fff;
   }
/* /&#203;&#229;&#226;&#224;&#255; &#234;&#238;&#235;&#238;&#237;&#234;&#224; */

/* &#207;&#240;&#224;&#226;&#224;&#255; &#234;&#238;&#235;&#238;&#237;&#234;&#224; */
div#right    {
     float: left;
     width: 18%; /* &#216;&#232;&#240;&#232;&#237;&#224; &#239;&#240;&#224;&#226;&#238;&#233; &#234;&#238;&#235;&#238;&#237;&#234;&#232; */
     margin-left: -18%;
   }
/* /&#207;&#240;&#224;&#226;&#224;&#255; &#234;&#238;&#235;&#238;&#237;&#234;&#224; */

/* &#205;&#232;&#231; */
div#footer    {
     clear: left;
     width: 100%;
     background:url(images/footer.jpg) repeat-x left top; 
     text-align: center;
     color: #000;
   } 

/* &#193;&#238;&#234;&#241; &#228;&#238;&#239; &#236;&#229;&#237;&#254;*/
#addmenu_box    {
      border: 1px dotted #67748B;
      text-align: left;
      padding-left: 10px;
    }
/* / &#193;&#238;&#234;&#241; &#228;&#238;&#239; &#236;&#229;&#237;&#254;*/

/*--- &#193;&#238;&#234;&#241; &#202;&#224;&#242;&#224;&#235;&#238;&#227;  ---*/
#catalogue  {
        margin-top:20px;
        margin-left:20px;
    }
    
  /*---- &#208;&#224;&#231;&#226;&#229;&#240;&#237;&#243;&#242;&#251;&#233; &#234;&#224;&#242;&#224;&#235;&#238;&#227;     */

#catalogue #CatNavi, #CatNavi ul, #CatNavi li   {
        margin: 0px; 
        padding: 0; 
        list-style-type: none; 
        background:#F5F6F8;
        border-bottom:1px solid #919293;
    }

#catalogue #CatNavi li a        {
        font-weight:bold;
        color: #3f79ba;
        text-decoration: none;
    }
    
#catalogue #CatNavi li:hover        {
     background:#E9E9E9;
   }
        
#catalogue #CatNavi li ul li a  {
        font-weight:normal;
        color: #3f79ba;
        text-decoration:underline;
    }
    
#catalogue #CatNavi li ul li a:hover    {
        font-weight:normal;
        color: #3f79ba;
        text-decoration:none;
    }
    
/* c&#236;&#229;&#249;&#229;&#237;&#232;&#229; &#226; &#231;&#224;&#226;&#232;&#241;&#232;&#236;&#238;&#241;&#242;&#232; &#238;&#242; &#243;&#240;&#238;&#226;&#237;&#255; */
#catalogue #CatNavi .CatLevel1, 
#catalogue #CatNavi .CatLevel2, 
#catalogue #CatNavi .CatLevel3,
#catalogue #CatNavi .CatLevel4,
#catalogue #CatNavi .CatLevel5,
#catalogue #CatNavi .CatLevel6     {
     padding-left: 0.5em;
   }

#catalogue #CatNavi .CatLevel1 ul {display:none}
#catalogue #CatNavi .CatLevel1 ul.Current {display:block}
      
/*--- /&#208;&#224;&#231;&#226;&#229;&#240;&#237;&#243;&#242;&#251;&#233; &#234;&#224;&#242;&#224;&#235;&#238;&#227;       */
    
/*  /&#193;&#238;&#234;&#241; &#202;&#224;&#242;&#224;&#235;&#238;&#227;   */


/* &#193;&#238;&#234;&#241; &#228;&#235;&#255; &#238;&#242;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#255; &#225;&#224;&#237;&#237;&#229;&#240;&#238;&#226; &#242;&#229;&#234;&#241;&#242;&#224; */
/* /&#193;&#238;&#234;&#241; &#228;&#235;&#255; &#238;&#242;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#255; &#225;&#224;&#237;&#237;&#229;&#240;&#238;&#226; &#242;&#229;&#234;&#241;&#242;&#224; */


/* &#193;&#238;&#234;&#241; &#228;&#235;&#255; &#238;&#242;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#255; &#234;&#238;&#237;&#242;&#224;&#234;&#242;&#238;&#226; */
#contact_box{
    margin:10px 0;
    line-height:20px;
    border:1px dotted gray;
}
.address{}
.phone{}
.phonenum{font-weight:bold; color:blue}
.email{}
/* /&#193;&#238;&#234;&#241; &#228;&#235;&#255; &#238;&#242;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#255; &#234;&#238;&#237;&#242;&#224;&#234;&#242;&#238;&#226; */


/* &#193;&#238;&#234;&#241; &#235;&#238;&#227;&#232;&#237; */
#login_box{
 background:url(images/box_login.jpg) no_repeat left top;
}
#entry_href a{  color:#3f79ba; font-size:13; }
#register_href a{  color:#green; font-size:13; }

/* /&#193;&#238;&#234;&#241; &#235;&#238;&#227;&#232;&#237; */


/* &#235;&#238;&#227;&#232;&#237; &#244;&#238;&#240;&#236;&#224;*/
#login_div{
    z-index:1000;
    visibility:hidden;
    border:1px solid black;
    background: gray;
    position:absolute;
    width:250px;
    height:175px;
    padding:0;
    left:0;
}
#login_form_head{
    padding:0; 
    margin:0;
    background:blue;
    height:20px;
    }
    
a.close_button {color:white; display:block; width:20px; height:20px; }
a:visited.close_button{color:white}
a:link.close_button{color:white}
a:active.close_button{color:white}
a:hover.close_button {background:url(images/close_hover.gif) no-repeat;}

#login_form{
    border:1px solid black;
    margin:3px;
    padding:10px;
}


/* /&#235;&#238;&#227;&#232;&#237; &#244;&#238;&#240;&#236;&#224;*/

/* &#208;&#229;&#227;&#232;&#241;&#242;&#240;&#224;&#246;&#232;&#255; &#244;&#238;&#240;&#236;&#224;*/
#register_div{
    z-index:1000;
    visibility:hidden;
    border:1px solid black;
    background: gray;
    position:absolute;
    width:350px;
    height:350px;
    padding:0;
    left:0;
    }
/* /&#208;&#229;&#227;&#232;&#241;&#242;&#240;&#224;&#246;&#232;&#255; &#244;&#238;&#240;&#236;&#224;*/    
    
/* &#193;&#238;&#234;&#241; &#241;&#239;&#232;&#241;&#234;&#224; &#227;&#224;&#235;&#235;&#229;&#240;&#229;&#233; */
/* /&#193;&#238;&#234;&#241; &#241;&#239;&#232;&#241;&#234;&#224; &#227;&#224;&#235;&#235;&#229;&#240;&#229;&#233; */


/* &#193;&#238;&#234;&#241; &#209;&#242;&#224;&#242;&#252;&#232; Articles*/
/* /&#193;&#238;&#234;&#241; &#209;&#242;&#224;&#242;&#252;&#232; Articles*/


/* &#193;&#238;&#234;&#241; &#238;&#242;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#255; &#237;&#238;&#226;&#238;&#241;&#242;&#229;&#233; */
/* /&#193;&#238;&#234;&#241; &#238;&#242;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#255; &#237;&#238;&#226;&#238;&#241;&#242;&#229;&#233; */


/* &#193;&#238;&#234;&#241; &#227;&#235;&#224;&#226;&#237;&#238;&#229; &#236;&#229;&#237;&#254; */
#mainmenu   {
        background:url(images/backmenu.jpg) repeat-x center top;
        dispalay:block;
        height:40px;
        padding: 0;
        margin: 0;      
    }

.menu_item_bg   {
        background:url(images/button_bg.jpg) repeat-x center top; 
        height:40px;
    }   
    
.menu_item_right    {
        background:url(images/button_r.jpg) no-repeat right top;
        height:40px;
    }
        
.menu_item {display:block; padding: 12px 25px 0 25px}   
.menu_item a{text-decoration:none; color:white; font: 14px Tahoma, Verdana, Arial, sans-serif;}
.menu_item a:hover{text-decoration:none; color:white; font: 14px Tahoma, Verdana, Arial, sans-serif;}
    
/* /&#193;&#238;&#234;&#241; &#227;&#235;&#224;&#226;&#237;&#238;&#229; &#236;&#229;&#237;&#254; */


/*   &#236;&#238;&#228;&#243;&#235;&#252; &#226;&#251;&#226;&#238;&#228;&#224; &#238;&#248;&#232;&#225;&#234;&#232; 404   */
#error404 {line-height:20px}
#error404 h4 {color:red; font-size:20px}
/* /&#236;&#238;&#228;&#243;&#235;&#252; &#226;&#251;&#226;&#238;&#228;&#224; &#238;&#248;&#232;&#225;&#234;&#232; 404*/

/* &#206;&#239;&#232;&#241;&#224;&#237;&#232;&#229; &#234;&#224;&#242;&#229;&#227;&#238;&#240;&#232;&#232; */
.category_description {margin:10px 0;}
.category_description LEGEND, .category_title  {font-size:13px; font-weight:bold; color:#3f79ba; margin:10px 0}
.category_title {margin:10px 0; }
/* /&#206;&#239;&#232;&#241;&#224;&#237;&#232;&#229; &#234;&#224;&#242;&#229;&#227;&#238;&#240;&#232;&#232; */

/*  &#207;&#229;&#240;&#229;&#247;&#229;&#237;&#252; &#239;&#240;&#238;&#228;&#243;&#234;&#242;&#238;&#226;  */
.Product {
    width: 500px;
    margin-bottom: 15px;
    border: 1px solid #DEDEDE;
}

.ProductTag {
    font-weight: bold;
    font-size: 12pt;
    background-color: #EB4583;
    color: white;
    padding: 1px 10px;
}
.ProductTag a{color:white; text-decoration:none}
.ProductTag a:hover{color:white; text-decoration:underline}

.dfg {
    font-weight: bold;
}

.Specif {
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    width: 100%;
}
.Specif td {
    padding: 1px;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
}

.Description {
    margin: 6px;
    font-size:16px;
    font-variant: small-caps;
    color: navy;
}
/*  /&#207;&#229;&#240;&#229;&#247;&#229;&#237;&#252; &#239;&#240;&#238;&#228;&#243;&#234;&#242;&#238;&#226; */

/* &#228;&#229;&#242;&#224;&#235;&#232; &#239;&#240;&#238;&#228;&#243;&#234;&#242;&#224;*/
#product_detail .item_name {color:blue; font-size:15px;}

/* &#207;&#229;&#240;&#229;&#247;&#229;&#237;&#252; &#225;&#240;&#229;&#237;&#228;&#238;&#226; */
.brands_item{
    margin:10px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #D4D7D7;
}
/* / &#202;&#224;&#242;&#224;&#235;&#238;&#227; &#225;&#240;&#229;&#237;&#228;&#238;&#226; */


/* &#207;&#240;&#238;&#241;&#242;&#238;&#233; &#239;&#229;&#240;&#229;&#247;&#229;&#237;&#252; &#229;&#235;&#229;&#236;&#229;&#237;&#242;&#238;&#226; &#234;&#224;&#242;&#224;&#235;&#238;&#227;&#238;&#226;*/

/* /&#207;&#240;&#238;&#241;&#242;&#238;&#233; &#239;&#229;&#240;&#229;&#247;&#229;&#237;&#252; &#229;&#235;&#229;&#236;&#229;&#237;&#242;&#238;&#226; &#234;&#224;&#242;&#224;&#235;&#238;&#227;&#238;&#226;*/

#users_box{
    border: 1px dotted black;
    margin-top:10px;
    padding:5px;
}

/* page control */
#page_control{}
#page_control tr {height:20px;}
#page_control td {border-bottom:1px solid #02BAFF; padding-left:10px}
#page_control td.tabs 
            {
             padding:0; 
             border:1px solid gray; 
             text-align:center; 
             background:#02BAFF
             }
#page_control td.tabs a{color:white;text-decoration:none} 
#page_control td.active 
            {
             padding:0; 
             border:1px solid #02BAFF; 
             text-align:center; 
             background:white; 
             border-bottom:1px solid white; 
            }
            
#page_control td.active a{color:black;  text-decoration:none}
#page_control td.active a:hover{color:black;  text-decoration:none}
            
#sheets {
         border-left:1px solid #02BAFF;
         border-right:1px solid #02BAFF;
         border-bottom:1px solid #02BAFF;
         padding:10px;
         z-index:2;
         }
         
.allright{color:green; font-size:16px; }
.error{color:red; font-size:16px;}       
         
.maphref{width:200px; height:150px}

TABLE.clients tr{border-bottom:1px dotted #C0C0C0}
TABLE.clients td{border-bottom:1px dotted #C0C0C0}
.client_name{font-weight:bold; margin:5px 0 5px 0; font-size:14px; color:#02BAFF}    
.client_short_description{margin-top:5px; font-size:12px;}
.client_description{font-size:12px;}         

#navigator{font-weight:bold;}

/* page navigator*/
TABLE.page_navigator{width:700px; height:30px}
TABLE.page_navigator tr{background:#DBF1BA; vertical-align:center;}
TABLE.page_navigator td{padding-left:15px}
table.pages td{padding:0 4px 0 4px}
table.pages td.active{font-size:14px; font-weight:bold}
/* / page navigator*/

/* filter */
#filter{border:1px solid gray; margin-bottom:5px}
#filter .filter_table td {padding:2px}
#filter a.filter_submit{
			display:block; 
			width:60px; 
			padding:2px; 
			border:1px solid black; 
			text-align:center;
			color:black;
			font-weight:bold;
		}
		
#filter a.filter_submit:hover{
			background:white; 
			color:black;
		}
/* filter */

/*subcategory*/
#subcategory{border:1px solid gray; margin-bottom:5px}
#subcategory ul {font-size:14px; font-weight:bold}
#subcategory ul li {line-height:20px}

/* /subcategory*/

.tops { background: #F5F6F8; padding:5px; margin-top:20px}
.Top_head {font-size:14px; color:black; font-weight:bold; text-align:center}
.Product_Top a {font-weight:bold}
.Product_Img{background:white; padding:2px; margin:2px}
.Product_Top{border:1px solid #B1B2B3; margin-top:2px}
