ul.sample-menu { padding:0;margin:10px 15px;}
	ul.sample-menu li { padding:2px 0;margin:0;list-style:none;  }
	#my-menu li + ul { padding:0;margin:0 0 0 15px; }
	#my-menu a { padding-left:8px; }
	ul #my-menu a { padding-left:15px; }
	li.collapsed { background:url(/images/collapsed.gif) left 8px no-repeat; }
	li.expanded { background:url(/images/expanded.gif) left 8px no-repeat; }

#ex1 {
    float:left;
    width:220px;
}
#ex2 {
    float:left;
    width:300px;
    padding-left:5px;
    margin-left:5px;
}
/* ------------ treeview ---------- */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: #fff;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/images/treeview-red.gif); } 

.treeview-black li { background-image: url(/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; }
.filetree span.folder { background: url(/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/images/file.gif) 0 0 no-repeat; }
* {
 margin: 0; 
 padding: 0;
  font-size: 1em;
}


* {
  margin: 0; 
  padding: 0;
  font-size: 1em;
}

h6 {
	font-family: Tahoma, Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
/*h1 {
	font-family: Tahoma, Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}*/

a img {
  border: none;
}

a {
  color: #BA0203;
}

a:hover {
  color: #D2300A;
}

body {

  margin: 0;
  padding: 0;
  
  background: #fff;
  font-family: verdana;
}

#layout {
  border: 6px;
  BORDERCOLOR: #D2300A;
  border-collapse: collapse;
  width: 100%;
  font-size: 0.8em;

}

#header {
  width: 100%;
//  padding-top: 10px;
  padding-bottom: 10px;
}

  #logo {
    float: left;
    margin-right: 50px;
    margin-left: 22px;
margin-top: 32px;
  }

  #menu {
    float: left;
    width: 500px;
  }

  #menu ul {
    float: left;
    width: 250px;
  }

  #menu ul li {
    list-style: none;
    margin-top: 7px;
  }
  
  #menu ul li a {
    color: #BA0203;
  }

  #contact-block {
    float: right;
    font-size: 0.9em;
    font-family: arial;
  }
  
    #phone {
      font-family: verdana;
      font-size: 19px;
    }
    
    #phone .phone
  , #phone .code {
      font-weight: bold;
      font-size: 25px;
    }

    #region-block {
      width: 480px;
      margin-top: 20px;
      position: relative;
    }
    
      #region-map {
        width: 115px;
        height: 60px;
        background: url(/images/map1.gif) 0 0 no-repeat;
        float: left;
      }
      
      #region-map a {
        display: block;
        width: 210px;
        height: 120px;
      }
      
      #region-info {
        font-style: italic;
        color: #999;
      }
      
      #region-info .person {
        color: #D2300A;
        font-family: tahoma;
        font-size: 1.5em;
	 font-weight: bold;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        font-style: normal;
      }
      
      #region-info .code 
    , #region-info .phone {
        color: #000;
        font-family: tahoma;
        font-size: 1.2em;
        font-style: normal;
      }
      
      #region-info .mail {
        margin-top: 10px;
        float: left;
        display: block;
        background: url(/images/mail.gif) 0 4px no-repeat;
        padding-left: 15px;

        font-style: normal;
        color: #999;
      }
#main-popup {
 text-align: center;

}
#search-input {
      width: 300px;
      border: 1px solid #999;
      top: 120px;
      left: 295px;
      font-size: 15px;
      padding: 2px;
      z-index: 255;
    }

#search-kat {
      width: 160px;
      border: 1px solid #999;
      font-size: 15px;
      padding: 2px;
padding-left: 10px;
    }

#search-submit {
      width: 35px;
      height: 35px;
      background: url(/images/ok.gif) 0 0 no-repeat;
      border: none;
      top: 148px;
      left: 396px;    
      cursor: hand;  
      //cursor: pointer;
    }

#left {
  width: 74%;
  vertical-align: top;
  border-right: 1px solid #ccc;
  font-size: 1em;
  padding-left: 22px;
}

  #left h1 {
    
    text-align: left;
    color: #D2300A;
    font: 16px tahoma;
    margin-bottom: 10px;
font-weight: bold;
      }
#left h6 {
    color: #D2300A;
    font: 17px tahoma;
    margin-bottom: 10px;
    margin-top: 5px;    
	margin-right: 15px;
  }

  
  #left h1 a {
    color: #D2300A;
  }

  #left h1 a:hover {
    color: #000;
  }

  #left h2 {
    font-size: 14px;
    color: #D2300A;
    font-weight: strong;
    padding-bottom: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
	margin-right: 15px;
    
  }

	#left ul, #left ol{
	margin-right: 15px;
	margin-left: 20px;
	
}

  #left table {
    border-collapse: collapse;
  }


  #left ul {
    margin-left: 20px;
  }
  
  #left ul li {
    margin-left: 20px;
    margin-bottom: 5px;
    list-style-image: url(/images/bullet.gif);
  }

  #left ul li a {
    color: #ED5403;;
  }

  #catalog-table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    border: none;
  }

  #catalog-table th {
    text-align: left;
    background: #D2300A url(/images/th_bg.jpg) 0 0 repeat-y;
    color: #fff;
    font-weight: normal;
    font-size: 0.9em;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  #catalog-table th a {color: #fff;}


  #catalog-table td {
    font-size: 0.9em;
    padding: 3px;
    padding-left: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding-right: 10px;
  }  

  #catalog-table input {
    width: 30px;
    border: 1px solid #999;
    text-align: right;
    padding: 1px;
  }

  #catalog-table input.selected {
    width: 30px;
    border: 1px solid #eee;
    color: #ccc;
    text-align: right;
    padding: 1px;
  }

  #project-calculator {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    border: none;
  }

  #project-calculator th {
    text-align: left;
    background: #D2300A url(/images/th_bg.jpg) 0 0 repeat-y;
    color: #fff;
    font-weight: normal;
    padding: 3px;
    padding-left: 10px;
  }
  
  #project-calculator td {
    padding: 3px;
    padding-left: 23px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  #project-calculator td img {
    display: block;
    margin-top: 10px;
  }

  #project-calculator td a {
    color: #BA0203;
  }
  
  #project-calculator input {
    vertical-align: middle;
    margin-left: -18px;
    margin-right: 3px;
  }

  #project-calculator .count td {
    padding: 3px;
    padding-left: 10px;
    vertical-align: top;
    background: #ffe;
    color: #f60;;
    border-bottom: 2px solid #f90;
   font-weight: bold;
  }

  #project-calculator td.total-count {
    background: #ffc;
    color: #000;
    height: 82px;
    vertical-align: middle;
    padding-right: 50px;
  }

  #project-calculator td.total-count .total-title {
  float: left;
  font-weight: bold;
  padding-top: 15px;
  }

  #project-calculator td.total-count .total {
  float: right;
  white-space: nowrap;
  }

  #project-calculator td.total-count .to-cart {

  background: url(/images/cart_black.gif) 0 0 no-repeat;
  padding-left: 19px;
  color: #000;
  float: right;
  clear: right;
  font-size: 11px;
  text-decoration: underline;
  }

  #item {
    border-collapse: collapse;
  }
  
  #item #catalog-table {
    margin-top: 2px;
  }

  #item #catalog-table td
   {
    padding: 2px;
  }

  #item p {
    margin-bottom: 10px;
    padding-right: 10px;    
  }
  
  #item h2 {
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  #item td {
    vertical-align: top;
    font-size: 0.9em;

  }

  #item .image {
    padding-right: 10px;
  }
  
  #item .image img {
    border: 1px solid #666;
  }

  #item input {
    width: 30px;
    border: 1px solid #ccc;
    text-align: right;
    padding: 1px;
  }
  

#right {
  width: 26%;
  vertical-align: top;  
  padding-bottom: 30px;
}


  #right h6 {
    color: #D2300A;
    font: 19px tahoma;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;    
  }

  #cart {
    background: #ffc url(/images/cart.gif) 100% 0 no-repeat;
    height: 73px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 80px;
    margin-bottom: 10px;
  }
  
  .total {
    display: block;
    font-size: 24px;
    font-weight: bold;
    font-family: verdana;
    width: 100px;
    text-align: center;
  }
  
  #cart .cart-items {
    display: block;
    width: 100px;
    text-align: center;
    font-size: 11px;
  }
  
  #cart a {
    display: block;
    color: #BA0203;
    font-size: 12px;
    margin-top: 4px;
  }


  #catalog {
    margin-left: 20px;
  }
  
    #catalog ul li {
      list-style: none;
    }

    #catalog ul li a {
      color: #000;
      text-decoration: none;
    }
    
    #catalog ul li.head a {
      color: #000;
      font-weight: bold;
      text-decoration: none;
    }
    
    #catalog ul li a:hover {
      color: #BA0203;
      text-decoration: underline;
    }
    
    #catalog ul li ul {
      margin-left: 15px;
    }
    
    #catalog ul li.head ul li a {
      font-weight: normal;
    }
    
    
#is {
  clear: both;
  padding-left: 110px;
  font: 11px arial;
  font-style: italic;
  color: #ccc;
  padding-top: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  /*border-top: 1px solid #ccc;*/
  width: 400px;
}


p.alert {
 padding: 10px;
 border: none;
 background-color: #ffc;
 width: 100%;
 color: #000;
}

p.success {
 padding: 10px;
 background-color: #cfc;
 color: #000;
 width: 100%;
}


p.note {
 padding: 5px 10px 5px 10px;
 color: #999;
 background-color: #fff;
 border: 1px solid #ED5403;
 margin-right: 20px;
 font-size: 11px;
}
span.red {
 color: #c30;
}

p.edit {background: #fff; margin-top: 5px; white-space: noWRAP;}

a.edit {
  width: 24px;
  height: 24px;
  background: url("/images/edit.gif") left center no-repeat;
  padding-left: 22px;
  padding-bottom: 2px;
  PADDING-TOP: 2px;
  color: #000;
  font-size: 11px;  
}

a.del {
  width: 24px;
  height: 24px;
  background: url("/images/del.gif") left center no-repeat;
  padding-left: 22px;
  padding-bottom: 2px;
  PADDING-TOP: 2px;
  color: #000;
  font-size: 11px;
}


li.level-1 {
}


li.level-2 {
  margin-left: 30px;
  list-style-type: circle;
}


li.level-3 {
  margin-left: 60px;
  list-style-type: square;

}


li.level-4 {
  margin-left: 90px;
  list-style-type: disc;
}

form#admin {
  
  border-left: 5px solid #900;
  padding: 5px 10px 5px 10px;
  margin: 17px 0 10px 0;
  font-size: 11px;
}

form#admin input.logout {
  border: 1px solid #ccc;
  background-color: #999;
  color: #fff;
  font: normal 11px arial;
  margin-left: 10px;
}



/* Gallery */

.gallery {
  background: #eee;
  padding:0px;
  text-align: center;
  margin-right: 20px;
}

.gallery table {
  width: 100%;
  border-collapse: collapse;
}

.gallery table td {
  padding: 10px;
  text-align: center;
  font-size: 0.9em;
  color: #333;
  font-family: arial;
}

.gallery table td img {
  border: 1px solid #999;
}


  #left p {
    margin-bottom: 15px;
  }
  
  #left .date {
    color: #999;
    font-style: italic;
    font-size: 0.8em;
    margin-bottom: 3px;
  }
  
  #left .title {
    color: #999;
    padding-left: 15px;
    margin-bottom: 8px;
    background: url(/images/bullet.gif) 0 5px no-repeat;
  }
  
  #left .title a {
    color: #ED5403;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
  }
  
  #left .title a:hover {
    color: #D2300A;
    text-decoration: underline;
  }

table.item {
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.data {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  margin-bottom: 10px;

}


table.item td {
  padding: 5px;
  padding-left: 0;
}

table.data td {
  padding: 10px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}


table.item input, table.item textarea, table.data input  {
  border: 1px solid #999;
  font-size: 13px;
}

table.contacts {
  margin-left: 40px;
}

table.contacts td {
  padding: 5px;
}

table.contacts input, table.contacts textarea  {

  border: 1px solid #999;
  font-size: 13px;
}

/*  CART   */

#cart-control {
  background: #eee;
  padding: 5px;
  margin-bottom: 10px;
}

#cart-control a {
  background: #eee;
  padding: 3px;
  color: #fff;
  font-weight: bold;
  background: #ED5403;
  text-decoration: none;
}


#cost-str {
    background: #ffc;

    font-weight: bold;
    padding: 5px;
    font-family: verdana;
}

.big-cost {
    font-size: 19px;
    font-weight: normal;  
}

hr {
  margin-bottom: 10px;
  margin-top: 5px;
  margin-right: 20px;
}

#editor-menu {
  background: url(/images/diag.gif) repeat;
  border: 3px solid #ED5403;
  padding: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#editor-menu h2 {
  color: #ED5403;
  margin-top: 0;
  margin-bottom: 15px;
}



#regions {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 60px;
  width: 200px;
  min-height: 300px;
  -height: 300px;
  padding: 5px;
  padding-bottom: 20px;
  background: #fff;
  border: 1px solid #ccc;
  overflow: scroll;
}

#regions a {
  display: block;
}

#regions a.hide {
  position: absolute;
  top: 3px;
  right: 3px;;  
}

#ordertype, #login {
  padding-left: 20px;
  padding-right: 20px;
}

#ordertype {
  font-weight: bold;
  font-size: 0.8em;
  margin-bottom: 10px;
  margin-top: 0;
}

#ordertype a {
  font-weight: normal;
  border-bottom: 1px dotted #BA0203;
  text-decoration: none;
}

#login {
  background: #ffc url(/images/lock.gif) 20px 5px no-repeat;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 40px;
  margin-top: 5px;


}

.wait {
	font-size: 13px;
	color: #999;
	font-weight: normal;
}

textarea {
	font-size: 12px;
}

#ordertype2 {
	text-align: right;
	padding-right: 10px;
}

#ordertype2 .current {
	display: block;
	font-size: 19px;
	color: #BA0203;
	font-weight: bold;
}

#ordertype2 .no-current {
	font-size: 11px;
}

#left .search {	
float: left;
}

#left .search p {
	padding: 0;
	padding-top: 10px;
	margin: 0;
}

.prices {
    margin-top: 10px;
    border-collapse: collapse;
    border: none;
    margin-bottom: 10px;
  }

  .prices th {
    text-align: right;
    color: #999;
    font-size: 1.1em;
    padding: 3px;
  }
  
  .prices td {
    font-size: 19px !important;
    padding: 3px;
    padding-left: 20px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    text-align: right;
 }  


tr.selected td {
	font-weight: bold;
	background: #fee;
}

tr.selected td input {
	font-weight: bold;
	border: none !important;
	background: #fee;
}

td.number, th.number {
	display: none;
}

#left p.print {
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: hand;
	cursor: pointer;
}

#left p.print a {	
	display: block !important; 
	height: 20px;
	color: #999;
	cursor: hand;
	cursor: pointer;
}

#phone .print {
	display: none;
}

#my {
  margin-left: 80px;
  font-style: italic;
  font-size: 26px;
  font-weight: bold;
  color: #FF4500;
}