.punkt1 {
  font-size: 11px;
  font-family: Arial;
  border-left : 1px dotted #CCCCCC;
  border-bottom : 1px dotted #CCCCCC;
  background-color: White;
}


.punkt3 {
  font-family: Arial;
  border-bottom : 1px dotted #CCCCCC;
  background-color: #fff;
  font-size: 14px; 
  color: #222222; 
  text-decoration: none
}

.punkt2 {
  font-size: 11px;
  font-family: Arial;
  border-left : 1px dotted #CCCCCC;
  border-right : 1px dotted #CCCCCC;
  border-bottom : 1px dotted #CCCCCC;
  background-color: White;
}

.bgcenter,.bgslight {font-size: 11px; font-family: Arial;}
.bglight {font-size: 11px; font-family: Arial; background: #eeeeee}

body {margin: 0; padding: 0; background: #fff}
body, td {font: 11px arial; color: #313131}

div.clear {clear: both; font-size: 0px; height: 0px}
a img {border-width: 0px}
.button {background: url(images/button-bg.gif) repeat-x left top; font: 11px arial; color: #313131; height: 20px; border-width: 0px; text-decoration: none}
form {margin: 0px}

a,
a:hover,
a:visited {font: 11px arial; color: #096FE3}

#headers {position: absolute; top: 0px; left: 0px}
#header {height: 52px}
#header-top {height: 6px; font-size: 0px; background: #F3F3F3}
#logo {float: left; padding: 11px 0px 0px 20px}
#icq {float: right; padding: 10px 30px 0px 140px; background: url(images/icq.gif) no-repeat left 15px}
#icq td {font: 15px arial; color: #004CA3}
#summdiv {text-align: center}

#header1-top {background: url(images/h-1-bg.gif) repeat left top; font-size: 0px; height: 6px}
#header1 {background: url(images/h-2-bg.gif) repeat left top; height: 88px;}
#slogan {float: left; padding: 28px 0px 0px 20px}
#phones {background: url(images/phones.gif) no-repeat 10px 23px; padding: 20px 34px 0px 100px; float: right}
#search {text-align: center; padding-top: 35px}
#srch {font: 11px arial; color: #313131;}
input.search {background: url(images/button2-bg.gif) no-repeat left 3px; height: 20px; border-width: 0px; font: 11px arial; color: #000; width: 87px; text-align: center; margin-top: 3px; padding-top: 2px}
input.searchinp {border: 1px solid #BCBCBC; width: 150px; font: 11px arial; color: #313131; height: 17px}

#header2-outer {background: #E8E8EE;  padding: 6px 0px; margin-top: 200px;}
#header2-outer .upimg {padding: 5px 0px; text-align: center; margin: 0px auto; width: 60%; }
* html #header2-outer .upimg {width: 100%}

#content {padding-bottom: 20px; margin-top: 10px}
#leftcontent {float: left; width: 65%; padding: 10px 10px}
#rightcontent {float: right; width: 30%; padding-right: 20px}

#upmenu-top {background: url(images/menu-top-bg.gif) repeat left top; font-size: 0px; height: 6px}
#upmenu {background: url(images/menu-bg.gif) repeat left top; padding: 10px 0px 20px 20px; margin-bottom: 20px}

#upmenu a,
#upmenu a:visited,
#upmenu a:hover {font: bold 11px arial; color: #096FE3; text-decoration: none; text-transform: uppercase; display: block; padding-left: 15px}

#upmenu a:hover {background: url(images/menunode.gif) no-repeat left 2px}

.menuitem {padding: 0px 0px 10px 80px; width: 190px; float: left;}


* html .menuitem {width: 250px;height: 50px}

.menuitem a,
.menuitem a:visited,
.menuitem a:hover {font: 11px arial; color: #000; text-decoration: underline}

.menuitem a.main,
.menuitem a.main:visited,
.menuitem a.main:hover {font: bold 12px arial; color: #096FE3; text-decoration: underline}

.specitems {padding: 20px; background: #F0F0EF}
.specitems .leader {font: bold 12px arial; color: #313131; margin-bottom: 8px}
.specitems .name {margin-bottom: 10px}
.specitems .img {float: left; width: 98px; padding: 10px 0px; text-align: center; border: 1px solid #6E6E6E; background: #fff}
.specitems .price {font: bold 12px arial; color: #096FE3; padding: 3px 0px 0px 117px}
.specitems .descr {padding-top: 13px; font: bold 10px arial; color: #737373}
.specitems .descr2 {padding-top: 13px; font: bold 10px arial; color: #737373}

.specitems a,
.specitems a:visited,
.specitems a:hover {font: 11px arial; color: #096FE3; text-decoration: underline}

.specitems .name a,
.specitems .name a:visited,
.specitems .name a:hover {font: 12px arial}

#rg.specitems .specitem {border: 1px solid #fff; float: left; width: 220px; height: 300px; padding: 15px}
#rg.specitems .leader {text-align: center;}
#rg.specitems .descr2 {visibility: hidden}

.specitem {border-bottom: 1px solid #fff; margin-bottom: 3px;}
* html .specitem {height: 1%}

#news {background: url(images/news-top-bg.gif) repeat-x left top; background-color: #65AFF4}
#news-inner {background: url(images/news-right.gif) no-repeat right top; padding: 30px 20px; font: bold 12px arial; color: #fff; text-decoration: underline}

#news ul {margin-left: -20px;}
* html #news ul {margin-left: 20px}

#news a,
#news a:visited,
#news a:hover {font: 11px arial; color: #fff}

#downmenu {background: url(images/downmenu-top-bg.gif) repeat-x left top; background-color: #F3F3F3; padding: 20px 30px}

#downmenu a,
#downmenu a:visited,
#downmenu a:hover {display: block; font: 11px arial; color: #096FE3; text-decoration: none; text-transform: uppercase; padding-left: 20px}

#downmenu a:hover {background: url(images/menunode.gif) no-repeat left 2px}

#footer {margin-top: 1px; background: #F7F7F6}
#counters {background: #F0F0EF; padding: 20px}
#credits {text-align: center; font: 11px arial; color: #313131; padding: 20px}
#login {padding: 20px}
#prlogo {text-align: right; margin: 0px auto; width: 100px; background: url(images/pr1logo.gif) no-repeat right center; padding-right: 40px}
* html #prlogo {width: 140px}

#login td,
#login a,
#login input {font: bold 10px arial;}
#login .input {border: 1px solid #D0D0D0}
#userloginsubmit {border-width: 0px; background: url(images/enter.gif) no-repeat right center; padding-right: 15px; width: 100px; text-align: left}
#login span {font: bold 12px arial; color: #096FE3}

#cartlink,
#cartlink:visited,
#cartlink:hover {font: bold 14px arial; color: #2689F9; display: block; padding-left: 20px; background: url(images/cart.gif) no-repeat left center; margin: 0px auto; margin-top: 10px; width: 180px}
* html #cartlink {}

.pages {}
.pages td {padding: 2px 3px}
.pages td.next {padding-right: 15px; background: url(images/next.gif) no-repeat right 4px}
.pages td.previous {padding-left: 15px; background: url(images/previous.gif) no-repeat left 4px}
.pages a.selected {text-decoration: none; color: #717171}

#goodscontainer {padding: 10px; float: left; width: 62%}
#cc {padding-right: 20px}
#rightgoods {float: right; width: 30%; }
#goodscontainer span {font: bold 14px arial; color:#000}
#goodscontainer.search span {font-size: 100%}

#goodscontainer .price {font: bold 12px arial; color: #096FE3}
#goodscontainer .avail {font: 12px arial; color: #096FE3}
#goodscontainer .avail2 {font: 12px arial; color: #737373}
#goodscontainer .name {font: 12px arial; color: #737373}
#goodscontainer td {padding-bottom: 15px}

#path a,
#path a:visited,
#path a:hover {font: bold 10px arial; color: #096FE3; text-decoration: none}
img.bordered {border: 1px solid #6E6E6E}
#path a.selected {color: #313131}

.byer {background: url(images/byer.gif) no-repeat right top; height: 36px; padding-right: 34px; cursor: hand}
.byer-inner {border: 1px solid #6e6e6e; padding: 11px 10px; }
* html byer-inner {padding: 10px 10px}
.byer a,
.byer a:visited,
.byer a:hover {font: bold 10px arial; color: #313131; text-decoration: none}
* html .byer a {width:70px}

#brands {background: #F0F0EF; padding: 20px; font: bold 12px arial; color: #313131}
#vyb {background: #F0F0EF; padding: 20px; margin: 20px 0px}
#vyb select {border: 1px solid #7F9DB9; font: 11px arial; color: #313131; width: 90%}
#brands a {display: block}

#brands a.selected {font-weight: bold}

#goodscontainer.showgood {padding-left: 20px}
#goodscontainer.showgood h1 {font: bold 14px arial; color: #000}
#good {}
#good .left {float: left; width: 200px}
#good .right {padding-left: 210px}
#good span {font: bold 14px arial; color: #096FE3}
#good .byer {width: 150px}
#good span.avail {font: 12px arial; color: #737373}
#good span.avail2 {font: 12px arial; color: #096FE3}
#good h2 {font: bold 14px arial; color: #313131}
#good h3 {font: bold 12px arial; color: #313131}
#goodparams {}
#goodparams td {font: 11px arial; color: #000; background: #EEEEEE; padding-bottom: 2px}
#goodparams td.param {font-weight: bold}

.uppersub {margin: 4px; border: 1px solid #a0a0a0}

.foundincat td,
.foundincat a,
.foundincat a:hover,
.foundincat a:visited {font-size: 11px; font-weight: bold}

.hidden {display: none !important}
#picsel {}
#picsel a {display: block}
.picsel {font: 14px arial; color: #555; background: url(/images/select_open.gif) no-repeat right center ; cursor: pointer; margin-bottom: 2px}

#picsel.active {position: absolute; height: 300px; width: 220px; auto; z-index: 100; background: #fff; padding: 4px}
#picsel .scroll {height: 280px; overflow: auto}
#picsel a.close {position: absolute; margin-left: 210px}
.input3 {width: 130px; border: 1px solid black}
#picsel.active a.selected {background: #ccc}