#topbg{ width: 230px; height: 170px; background: url(/xtpl/i/bg_main.jpg) no-repeat; position: absolute; bottom: 2px; left: 2px; }
.topic{ padding-left: 230px; text-align: center}
#top2{ margin-bottom: 10px; }

/* layot 2 columns - left side */
.colleft #center { float: left; width: 100%;  }
.colleft #center .inner { margin: 0 0 0 245px; }
.colleft #sidebar { float: left;  margin-left: -100%; width: 215px; }


/* layot 2 columns - right side */
.colright #center { float: left; width: 100%; }
.colright #center .inner { margin: 0 245px 0 0 ; }
.colright #sidebar {float: left;  margin-left: -215px; width: 215px; }
.colright #sidebar .inner{ }

#pathway {margin-bottom: 14px; font-size: 11px; width: 100%; float:left;  }
#pathway ul{  overflow:hidden; }
#pathway li{ float:left; margin-left: -12px; }
#pathway a{ background: url(/xtpl/i/arr.gif) no-repeat left 5px; padding: 0 5px 0 12px; display:block; margin-right: 12px; color: #9E9D88}
#pathway li a:hover{ color: #000; }

#submenu{ background: #efefef; font-size: 11px; padding: 10px 0 15px; color: #666666; margin-bottom: 10px}
#submenu .inner{ padding: 0 5px; }
/*#selectmenu .selectArea { margin-top: 5px;  }
#selectmenu .selectArea .center{ color: #000; font-size: 12px}
#selectmenu select{ width: 205px; }*/

/* collapse */
.trigger img, .expanded img{ border:0; margin: 0 10px;  }
.trigger a, .trigger a:hover, .expanded a, .expanded a:hover{ cursor: pointer; text-decoration: none!important ; color: #000;  font-size: 14px; font-weight: normal }	
.expanded, .expanded:hover, .expanded a, .expanded a:hover{ background: #E11E2E; color: #fff;  }
.expanded, .trigger { position: relative; border-bottom: 1px solid #ccc; padding: 5px 30px 5px 0; } 
.expanded span, .expanded:hover span, .trigger span{ color: #fff; position: absolute; top: 5px; right:10px; text-align: right}
.expanded{ border-bottom: 1px solid #fff; }
.trigger span{ color: #000; }

.collapse b{ display: block; margin: 10px 0; text-transform: uppercase; font-size: 14px;  }
.collapse ul{ border: 1px solid #ccc; margin-bottom: 1px; font-size: 11px; color: #666666; padding: 20px 0 10px 30px}
.collapse li{  position: relative; padding-right:30px; margin-bottom: 10px; padding-left: 15px; background: url(/xtpl/i/arr.gif) no-repeat 0 5px;}
.collapse li a{ font-size: 12px; color: #000}
.collapse li a:hover{ color: #E11E2E; }
.collapse li span{ font-size: 14px; width: 30px; position: absolute; top: 5px; right:9px; text-align: right }

.show{ display: block; }
.hide{ display: none; }

.menu ul{float:left; width: 100%;  }
.menu li{  position: relative; padding-right:45px; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #ccc; }
.menu li a{ color: #666; text-decoration: none; font-size: 12px; }
.menu li a:hover{ color: #000; }
.menu span{ width: 40px; position: absolute; top:1px; right:0; color: #666; text-align: right }


#catalog{ margin-bottom: 20px; }
#catalog h1{ font-weight: normal; font-size: 14px; background: #E11E2E url(/xtpl/i/arr_w.gif) no-repeat 10px 50%; color: #fff; margin-bottom: 10px; padding: 5px 0 5px 30px; }
#catalog h1 a{ color: #fff; text-decoration: none;}
/* catalog table */
.catlist{ clear: both; width: 100%;  border-collapse: collapse;  margin-top: 2px }
.catlist .ico{ width: 50px; margin-left: 5px}
.catlist .textinput, .catlist .textinputHovered { height: 18px; text-align: center; width: 60px;  }
.catlist .serv a{text-indent: -9000px; width: 24px!important ; padding-left: 0!important;    }
.catlist th{ text-align: center; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9E9D88; padding: 2px 5px 5px; border-top: 1px solid #D6D6C5;}
.catlist td{ text-align: center; padding: 10px 3px;   }
.catlist .w100{ width: 100%; }
.catlist td em{ display:block; text-align: left; font-style: normal; font-size: 14px }
.catlist td .price{ margin: 0 10px; }
.catlist td .txt{ text-align: left; margin-left: 5px}
.catlist td .title{ color: #000; font-weight: bold}
.catlist td .title:hover, #catalog tr:hover .title{ color: #E11E2E; }
.catlist tr{ background: url(/xtpl/i/pp.gif) repeat-x 0 100%;  }
.catlist tr:hover{ background: url(/xtpl/i/pp0.gif) repeat-x 0 100%;}
.sum { background: none!important ; }
#catalog .label{ text-align: center; padding-left: 10px; padding-right: 10px}
.sum td{ text-align: right;font-size: 14px; font-weight: bold;  border-bottom: 1px solid #ccc }
.discount td, .discount .price, .discount  .price small, .discount  .price span{ color: #9E9D88; }
.result td, .result .price, .result .price small, .result .price span{ color: #E11E2E; }
.sum .textinput, .sum .textinputHovered { height: 27px; text-align: center; width: 60px;  }
.result { background: #efefef!important; }


.sklad span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; height:10px; width: 100%;   }
.full span{ background: url(/xtpl/i/sklad_full.gif) no-repeat 0 0; }
.part span{ background: url(/xtpl/i/sklad_part.gif) no-repeat 0 0; }
.empty span{ background: url(/xtpl/i/sklad_empty.gif) no-repeat 0 0; }
.sklad{ height: 10px;  display:block; overflow: hidden; position: relative; font-size: 10px; color: #000; text-align: left!important  }
.legend{ border-top: 1px solid #D6D6C5; color: #9E9D88; float: left; width: 100%; padding: 7px 0 4px; }
.legend div{ float: left; padding-left: 40px;  margin-right: 20px}
.legend .sklad{height: auto; font-size: 11px; color: #666;  }
.legend .sklad span{ margin-top: 2px; width: 30px; }

.tabtools{border-top: 1px solid #D6D6C5; color: #9E9D88; float:left; width: 100%; margin-top: 10px;}
.bg{  background: #f7f7f3;  padding: 7px 0 4px; margin-top: 0;  }
.tabtools a{ color: #000;}
.tabtools a:hover{ color: #E11E2E;}
.tabtools .sort{ float: left; }
.tabtools .find{ float: left; border: 1px solid #9E9D88; padding: 10px 10px 5px; margin: -1px 0; position: relative; }
.tabtools .view{ float: right; padding: 10px 0;}
.tabtools .slider{ float: right; }
.excel{ background: url(/xtpl/i/excel.gif) no-repeat 0 0; padding-left: 40px; float:left; display:block; height: 23px; margin-right: 10px}


.slider a{width: 19px; height: 19px; display:block; float: left; margin: 0 2px; position: relative; overflow:hidden; font-size: 11px;}
.slider span{ display: block; float: left; white-space:nowrap; height: 19px; padding-top: 3px; margin: 0 5px}
.slider a span{ position: absolute; left: 0; top: 0; z-index: 1; width: 19px; padding: 0; margin: 0; float: none; }

.slider .next span{ background: url(/xtpl/i/next.gif) no-repeat; }
.slider .next0 span{ background: url(/xtpl/i/next0.gif) no-repeat; }
.slider .prev span{ background: url(/xtpl/i/prev.gif) no-repeat; }
.slider .prev0 span{ background: url(/xtpl/i/prev0.gif) no-repeat; }
.slider .next:hover span{ background: url(/xtpl/i/nexti.gif) no-repeat; }
.slider .next0:hover span{ background: url(/xtpl/i/next0i.gif) no-repeat; }
.slider .prev:hover span{ background: url(/xtpl/i/previ.gif) no-repeat; }
.slider .prev0:hover span{ background: url(/xtpl/i/prev0i.gif) no-repeat; }

/* category msg */
.msg .ico, #msg .ico{ padding: 5px; float:left; margin-right: 20px;  }
.msg .ico{ clear: left; margin-bottom: 5px }
.msg{ font-size: 14px; color: #666; margin-bottom: 15px; overflow:hidden;  }
.msg .txt{ margin-bottom: 10px; overflow:hidden;  }
.msg #shops { float: left; overflow:hidden; width: 27%;   } /* 25% */
#catalog #msg { float: left;  overflow:hidden; width: 65%;  }


.msg #shops li{ background: none!important ; padding-left: 0!important ; }
.msg #shops li li{ padding-left: 40px!important; position: relative;}
.msg #shops li .sklad { width: 30px; margin-top: 3px; position: absolute; left: 0; }
.msg #shops .legend {  font-size: 11px; margin-top: 20px; }
.msg #shops .legend .sklad { width: 100%; margin-top: 10px; }

/* msg tools */
.tools{ border-bottom: 1px solid #D6D6C5; overflow:hidden;  margin-bottom: 20px}
.tools .price, .tools .label{ float: left; margin-right: 10px}
.tools .label{ margin-top: 12px;  }
.tools .price, .tools .price span{ color: #9E9D88!important; padding-top: 10px}
.tools .serv{ float: right;  border-left: 1px solid #D6D6C5; padding: 10px 20px; }
.tools .serv input { height: 15px; text-align: center; width: 60px; float:left; padding: 3px 2px; margin-right: 7px}
.tools .basket a{ float: left; }
.tools .basket span{ display: block; float: left; margin-right: 5px; padding-top: 5px; }


/* msg */
#msg{ font-size: 14px; line-height: 130%; color: #000; margin-bottom: 20px}
#msg .ico{ margin-bottom: 20px; }
#msg .table{ width: 100%; clear:both }
#msg .table th{ padding: 3px 10px;  font-weight: normal; border-bottom: 1px solid #D6D6C5; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9E9D88;  }
#msg .table td{ padding: 5px 10px;  background: url(/xtpl/i/pp.gif) repeat-x bottom; }
#msg h2, #msg h3, #msg h4, #msg h5, #msg h6, #msg ul, #msg ol, #msg table{margin: 10px 0; }
#msg p{ margin-bottom: 10px; }
#msg h1{ font-size: 20px; line-height: 120%; text-transform: uppercase; color: #000; padding: 10px 0; margin: 7px 0 20px; background: url(/xtpl/i/pp.gif) repeat-x bottom; border-top: 1px solid #666}
#msg h2{ font-size: 20px; }
#msg h3{ font-size: 18px; }
#msg h4{ font-size: 14px; }
#msg h5{ font-size: 12px; }
#msg h6{ font-size: 11px; }
#msg li{ background: url(/xtpl/i/li.gif) no-repeat 0 10px; margin-bottom: 5px; padding-left: 25px}
html:first-child #msg li{ display: table}/* only for opera */
#msg blockquote{ background: #F7F7F3; padding: 20px; border-left: 3px solid #E11E2E; clear:both}

/* news inpage */
.news{ background: none; float:left; width: 100%;  }
.news .anons, .news .action{ background: none }
.news dl{ padding-left: 0}
.news dd small{ background: none; padding-left: 0; }
.news .title { font-size: 14px;}
.news dd{ font-size: 12px; background: url(/xtpl/i/pp.gif) repeat-x bottom; padding-bottom: 20px; overflow:hidden }
.news .ico{ float:right; margin-left: 10px; }


/* forma */
#content .buttonSubmit, #content .buttonSubmitHovered{ width: 150px; margin-right: 5px; }
#reg fieldset{ border-top: 1px solid #ddd; }
#reg legend{ font-weight: bold ; text-transform: uppercase; color: #666; padding-right: 10px;  }
#reg .textinput{ font-size: 14px; padding: 4px 8px; width: 386px; }
#reg .textarea, #reg .textareaHovered { width: 386px;  }
#reg input{ margin-right: 5px; }
#reg span{ color:#E11E2E; font-weight: bold;  font-size: 12px; font-family: Tahoma, sans-serif; }
#reg small{ color: #9E9D88; font-family: Tahoma, sans-serif; font-size: 11px}
#reg .row{  clear: left; overflow: hidden; padding: 10px 0; background: #fff; margin-bottom: 3px }
#reg fieldset .row { background: #F7F7F3; }

#reg .leftside{ float: left; width: 30%; font-size: 14px; }
#reg .rightside{ float:right; width: 65%; font-size: 11px}
.warning{ color: #E11E2E; padding: 20px 20px 20px 50px; border: 1px solid #E11E2E; margin-bottom: 20px; background: url(/xtpl/i/warning.gif) no-repeat 20px 20px}



.sklad { color: #fff; }
.sklad span { background-position: top right; }
.sklad2 { text-align: right!important; white-space: nowrap; }
.sklad2 span { color: #888; }
#catalog #shops .sklad2 { position: absolute; left:0; width:45px; top: 15px; text-align: left!important; }

.basket_upload .links a { margin: 0 10px;font-size:12px; }
.basket_upload .errs { margin: 8px; font-size:12px; }
.basket_upload .errs p { color: #c00; margin-bottom: 15px; }
.basket_upload .errs table td, .basket_upload .errs table th { border: 1px solid #ccc; padding: 3px 8px; }

.inline-select-cont,.inline-text-cont,.inline-submit-cont { float:left; margin-right:10px; min-height:27px; }

.textinput2 {
  padding: 5px 10px 2px 12px;
  height:18px;
  border:1px solid #ccc;
  vertical-align:middle;
}
.textinput2.focused {
  border-color:#e11e2e;
}