body {
  margin: 0;
  width: 100%;
  background: #136287 url( /img/bg.gif ) repeat-x;
  font-family: arial, helvetica, sans-serif;
}

.warning {
  color: #F00;
}

#top table {
  /* border: 1px solid #000; */
  border-collapse: collapse;
  width: 100%;
}

#top td {
  /* border: 1px solid #000;  */
}

#top td.logo1 {
  width: 100px;
}

#top td.basket {
  width: 250px;
}

#top div.basket-top {
  position: relative;
  top: 20px;
  background: transparent url( /img/left-basket.gif ) no-repeat -1px -2px;
  height: 20px;
}

#top div.basket {
  background-color: #064562;
  border-left: 2px solid #FFF;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  font-size: 14px;
  color: #eee;
  padding: 10px 10px 10px 30px;
  margin: 0;
}
#top div.basket div.add {
  text-align: right;
  z-index: 2;
}

#top div.basket div a:link ,
#top div.basket div a:active ,
#top div.basket div a:visited {
  color: #FF4;
}

#top div.basket-bot {
  position: relative;
  top: -20px;
  background: transparent url( /img/left-basket-b.gif ) no-repeat left bottom;
  height: 20px;
  bottom: -2px;  
}

#top .menu {
  background: #FFF url( /img/left.gif ) no-repeat scroll 0px 0px;
  padding: 10px 0;
  text-align: center;
  font-size: 12pt;
}

#top .menu li {
  padding: 0 10px;
}

#top img {
  margin: -1px;
  border: none;
}

#top ul, #top ul a {
  font-weight: bold;
  color: #000;
  padding: 0;
  margin: 0;
}

#top li {
  display: inline;
  padding-left: 20px;
}

table#center {
  margin: 0;
  width: 100%;
  padding: 0;
  border-collapse: collapse;
}

#center a:link,
#center a:active,
#center a:visited {
  color: #800;
}

#center td {
  vertical-align: top;
}

#center td.off {
  width: 100px;
}
#center td.left {
  width: 220px;
  margin: 0;
  background: #FFF url( /img/left_b.gif ) no-repeat scroll 0 100%;
}

#center td.main {
  background: #ECE5D3 url( /img/left-main.gif ) no-repeat scroll 0 100%;
  margin: 10px;
  padding-right: 15px;
}

#center td.right {
  background: #ECE5D3;
  width: 252px;
  padding-top: 0px;
  margin: 0px;
}

#center .search {
  display: block;
  font-size: 12px;
  margin-left: -1px;
  background-color: #FFF;
  border-bottom: 1px dashed #BBB;
  padding: 5px 5px 10px;
  background-color: #eee;
}

#center .search div { 
  padding: 0 !important;
  padding: 0 0 0 10px;
}
#center .catalog {
  display: block;
  border-bottom: 1px dashed #BBB;
}


#center div.top a:link, 
#center div.top a:active, 
#center div.top a:visited {
  color: #00F;
}

#center .left div.caption {
  padding-top: 10px;
  padding-left: 11px;
  color: #064562;
  font-size: 16px;
  font-weight: bold;
}

#center div.main .date {
  background-color: #F0C0B0;
  width: 220px;
  font-size: 12px;
  margin-right: 10px;
  padding: 0 10px;
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;  
}
#center div.main .header a:link, 
#center div.main .header a:active, 
#center div.main .header a:visited {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted;
}
#center div.main .header a:hover {
  text-decoration: none;
  border-bottom: 1px dashed;
}

#center .subheader {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

#center .text {
  font-size: 13px;
  border-bottom: 1px dashed #888;
  padding-bottom: 5px;
}

#center .tech_descr {
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid #888;
}

#center .tech_info {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 3px 10px;
  border: 1px solid #888;
}

#center div.main {
  /* width: 100%; */
  margin-left: -1px;
  margin-top: -1px;
  background: #ECE5D3 url( /img/left-tm.gif ) no-repeat scroll 0 0;
  padding: 0px;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 14px;
}

#center div.categories {
  font-weight: bold;
  font-size: 16px;
}

#center div.description {
  font-size: 12px;
}

#center div.manufacturers {
  font-size: 12px;
}

#center div.manufacturers a:link,
#center div.manufacturers a:active,
#center div.manufacturers a:visited {
  text-decoration: none;
  border-bottom: 1px dotted #800;
}

#center div.news a:link,
#center div.news a:active,
#center div.news a:visited {
  color: #00b;
  text-decoration: none;
}


#center div.main div {
  width: 100%;
  margin: 10px 20px 10px 10px;
  text-indent: 20px;
}


#center table.navigation  {
  font-size: 12px;
  border: 1px solid #888;
  background-color: #eee;
}

#center .navigation td {
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background-color: #e5ca83;
  padding: 2px 5px;
}

#center .navigation td:hover {
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;  
  background-color: #8E6;
}

#center div.main ul {
 margin: 0px 20px 10px 10px;
}

#center .search label {
  color: #064562;
  padding-left: 11px !important;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
}

#center .search input[type="text"] {
  margin: 0;
  margin-left: 12px;
  width: 140px;
  font-size: 12px;
  border: 1px solid #39F;
}

#center .search input.ok {
  position: relative;
  top: 2px;
  border: none;
  width: 32px;
  height: 32px;
  background: url( /img/btn_ok.gif ) no-repeat;
}

#center .price {
  position: static;
  border-bottom: 1px dashed #BBB;
  background-color: #FFF;
  font-size: 12px;
  margin-left: -1px;
  padding: 15px 5px 10px;
}

#center .price ul {
  list-style-image: url('/img/xls.gif');
  margin: 0 !important;
  margin: 0 0 0 25px;
  
}

#center .price a:link,
#center .price a:active,
#center .price a:visited {
  color: #00B;	
}

#center form {
  margin: 0;
  padding: 0;
}

#center div.main form {
  margin: 0;
  padding: 0;
}

#center td.main div.main div.nav {
  width: 100%;
  font-size: 11px;
}

#center .right div.login {
  background: #FFF url( /img/left-login.gif ) no-repeat scroll 0 0;
  padding: 0px 10px 5px 0;
  margin: 0px;
  border-bottom: 1px dashed #AAA;
  font-size: 14px;
  font-size: 14px;
}

#center .right div.login div {
  padding: 0px 10px;
  margin: 2px;
}

#center td.right div.login ul {
  margin: 0;
  padding-left: 10px;
}

#center .right div.login li {
  display: inline;
  padding: 5px;
}

#center .right div.login ul.userdate {
  list-style-image: url( /img/str.gif );
  list-style-position: inside;
  margin-bottom: 5px;
}

#center .right div.login ul.userdate li {
  display: list-item;
  padding: 0 0 0 20px;
}

#center .right div.login ul.userdate li a:link ,
#center .right div.login ul.userdate li a:active ,
#center .right div.login ul.userdate li a:visited {
  font-size: 12px;
  color: #00B;
}

#center .right div.login li a:link ,
#center .right div.login li a:active ,
#center .right div.login li a:visited {
  font-size: 11px;
  color: #00B;
}

#center .right div.login a:hover {

}

#center .right table {
  margin-left: 5px;
  font-size: 12px;
}

#center .right input {
  width: 140px;
  height: 17px;
  margin-top: 0px;
  padding: 0px;
}

#center .right input[type="text"], 
#center .right input[type="password"] {
  font-size: 12px;
  border: 1px solid #39F;
}

#center .right input.ok {
  border: none;
  width: 32px;
  height: 32px;
  background: url( /img/btn_ok.gif ) no-repeat;
}

#center .right label {
  font-size: 12px;
  position: relative;
  left: -135px;
}

#center td.right  div.login div.caption {
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
  margin: 2px;
  margin-bottom: 10px;
  text-align: center;
  color: #064562;
  padding: 5px 0px;
}

#center td.right div.news {
  background: #FFF url( /img/left-news.gif ) no-repeat scroll 0 100%;
  padding: 5px 20px;
}

#center td.right div.news div.caption {
  text-align: center;
  color: #064562;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 15px;
}

#center td.right div.news div.date {
  font-size: 11px;
  font-weight: bold;
  color: #074562;
  padding-bottom: 2px;
}

#center td.right div.news div.text {
  text-indent: 10px;
  font-size: 12px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #AAA;
}

#center td.right div.news div.header a:link, 
#center td.right div.news div.header a:active {
  font-size: 12px;
  color: #00B;
}

#center td.right div.news div.header a:visited  { 
  font-size: 12px;
  color: #00B;
}

#center td.right div.subscribe {
  background: #DDD url( /img/left-sub.gif ) no-repeat scroll 0 100%;
  color: #064562;
  font-weight: bold;
  margin: 0;
  padding: 10px;
  padding-left: 20px;
  font-size: 14px;
}

#center td.right div.subscribe input{ 
  position: static;
  width: 150px;
}

#center td.right div.subscribe input.ok { 
  border: none;
  width: 32px;
  height: 32px;
  background: url( /img/btn_ok.gif ) no-repeat;
}

#center div.main table.main {
  /*padding: 0; */ /* issue TCL-320 */
  border-collapse: collapse;
  /*width: 450px !important;*/ /* issue TCL-320 */
}

#center .main { /* issue TCL-317 */
  font-size: 13px;
}

#center .main input[type="text"],
#center .main input[type="password"] {
  font-size: 12px; /* issue TCL-317 */
}

#center .maincaption {
  font-size: 15px;
}

#center .listing {
  font-size: 12px;
}

#header .unactive {
  border-bottom: 1px solid #000;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;  
  border-top: 1px solid #BBB; 
  padding: 2px 10px;
  white-space: nowrap;
}

#header .active {
  border-bottom: none;
  border-left: 2px solid #000; 
  border-right: 1px solid #000; 
  border-top: 1px solid #000; 
  padding: 2px 10px;
  white-space: nowrap;
}

#main {
  margin: 0 10px !important; 
  padding: 10px;
  font-size: 12px;
}

#imagemenu {
  font-size: 12px;
}

table#imagemenu {
  border-collapse: collapse; 
}

table#imagemenu td{
  padding: 3px;
  /* border: 1px solid #888; */
}

#imagemenu .active {
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}

#imagemenu .unactive {
  border-top: 1px solid #888;
}

td#imagearea  {
  padding: 5px;
  height: 325px;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-top: 1px solid #888;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}