body,table,td,tr,li,ul,p,span,div{color: #5f5f5f; font-family : Tahoma, Arial, sans-serif; font-size: 12px;}
body{background: #fff; padding:0 20px; margin:0; text-align:center }
#container{text-align:left; margin: 0px auto; background:#fff; width: 960px;  }



li{ list-style-type : circle; list-style-image : url(../i/bullet.gif); }
ul{ padding: 0px; margin: 0px; }
A{ color: #007CAB; text-decoration : underline; }
form { margin-top: 0px; margin-bottom: 0px}
table{ border-collapse: collapse; border:0px }
table td{ padding:0 }
select,input {font-size: 11px}



#tm{ text-align: right; padding-top: 10px}
#tm .home{float:left; font-size: 11px; color: #335C8E;  background: url(../i/ico_home.gif) no-repeat left; padding-left: 20px; margin-top: 10px }
#tm .home a{ color: #335C8E }
#tm ul{ margin-top: 3px }
#tm li{ border-left: 1px solid #ddd; color: #335C8E; padding: 0 15px 2px; font-size: 11px; list-style-type: none;  list-style-image: none; display:inline; }
#tm li a{ color: #335C8E; }
#tm #search { float:right; margin-bottom: 5px }
#tm #search .inp{ width: 150px; height: 20px; border: 1px solid #ddd; margin-bottom: 4px; padding: 2px 3px 0px}
#tm #search input.btn{ width: 20px; height: 20px; margin-left: 5px; border: 0; background: none; padding: 0 }


#top{ clear:both ;  }
#logo { text-align: center; margin-top: 15px; float: left; width: 35%; border-top: 1px solid #ddd; padding: 20px 0 0 0;  }
#nav{ float:right; /*margin-bottom: 20px;*/ width: 63%;  }
#nav li{ list-style-type: none;  list-style-image: none; float:left; width: 25%; font-size: 11px; color: #54606E}
#nav li div{ background: #00468E; color: #fff; font-size: 10px; text-align: center;  padding: 0 0 2px; margin-bottom: 10px}
#nav li.select div{ background: #E46813; border-right: 2px solid #fff; border-left: 2px solid #fff }
#nav li a{ display:block; background: url(../xtpl/i/mm_arr.gif) no-repeat left; padding-left: 15px; color: #54606E; text-decoration: none; margin: 0 15px 5px}
#nav li a:hover{ text-decoration : underline; }



#main{ clear:both; float:left; width: 100%; margin-bottom: 30px }

/* Box Border */
#box { border:5px solid #efefef ; position:relative; }
#box #tl{ background: url(../xtpl/i/brd_tl.gif) no-repeat; left:-5px; top: -5px}
#box #tr{ background: url(../xtpl/i/brd_tr.gif) no-repeat;  right: -6px; top: -5px}
#box #br{ background: url(../xtpl/i/brd_br.gif) no-repeat; right: -6px; bottom:-5px  }
#box #bl{ background: url(../xtpl/i/26.jpg) no-repeat; left:-5px; bottom:-5px }
#boxnone { border-right:5px solid #FFF; border-left:5px solid #FFF; border-top:none; 
height:55px; border-bottom:none; position:relative;}
#boxnone #tr{ background: none }
#boxnone #tl{ background: none }
#boxnone #br{ background: none }
#boxnone #bl{ background: none }
.corners{width: 100%; position:relative; }
.corners div { width: 17px; height: 17px; font-size: 0; position:absolute;  }

#banners  table{ height: 90px ; margin: 3px 0 10px }
#banners  td{ padding: 0 10px 0 98px; }
#banners  td a{ text-decoration: none; color: #00468E; font-size: 11px;   }
#banners td a:hover{ text-decoration: underline }
#banners  td b{ text-transform:uppercase;  display:block; }
#shop td { background: url(xtpl/i/shop_ico.gif) no-repeat left; }
#docs td { background: url(xtpl/i/docs_ico.gif) no-repeat left; }
#order td { background: url(xtpl/i/order_ico.jpg) no-repeat left; }
#systems td { background: url(xtpl/i/systems_ico.jpg) no-repeat left; }

#banners #box .inner{  padding: 5px 5px 2px }
#banners #box { margin-bottom: 20px }

#rightCol #banners{ margin-top: 20px }


/* bottom */
#bottom{  border-top: 7px solid #efefef; padding: 20px 0 30px ;   clear:both; float: left; width: 100% ; position:relative;   }
#bottom p{ font-size: 11px; display:block; padding-top: 0; margin-top: 0 }
#copyrights { float: left;  margin-right: 25px}
#counts { float: left; padding-right: 25px}
#bm { float: left; width: 120px}
#counts  img{ margin: 0 3px }
#bottom .left { float:left; width: 80% }
#bottom .right{ float:right; width: 20% }
#spbnews { float:right }

/* poll */
#poll td{ font-size: 11px; padding-bottom: 5px }
#poll input{ margin-right: 10px }
#poll p{ font-weight: bold; color: #335C8E; font-family: Arial, sans-serif; margin: 10px 0; padding: 0}
#poll table{ margin-bottom: 5px }
#poll .send{ width: 150px }
#poll .subNav{ margin-top: 15px }
#poll li { list-style-type: none;  list-style-image: none; color: #939393;   }
#poll li div{  margin-top: 10px; color: #000 }
#poll li img{ height: 7;  margin-left: 5px }

/* news */

#news .header, #poll .header{ background: url(i/line_blue.gif) repeat-x center; color: #123157; text-align: right; height: 12px}
#news .header b, #poll .header b{ background: #fff ; padding-left: 10px; text-transform:uppercase; color: #123157;  }
#news .header a, #poll .header a{ text-decoration: none; color: #123157;  }
#news .header a:hover, #poll .header a:hover{ text-decoration: underline }
#news dl{ margin: 20px 0; }
#news dt{ color: #31556A; font-size: 10px; background: url(i/date_bg.gif) no-repeat left bottom; padding-left: 14px;  height: 14px }
#news dd{ font-size: 11px; margin: 5px 0 15px; font-family: Arial, sans-serif; color:#5F5F5F; }
#news dd a{ font-size: 12px; color: #335C8E;  display:block; margin-bottom: 10px}
#news dd br{ display:none;  }
#news dd a:hover{ text-decoration: none }


.subNav{  color: #54606E; font-size: 11px;  border-top: 1px solid #ddd; text-align: right; display:block; padding: 10px 0 20px; overflow: hidden; width: 100% }
.subNav a{ color: #54606E; background: url(i/dd.gif) repeat-y right;  padding: 3px 15px 3px; margin-right: -3px ;  }
.subNav br{ display:none }




.send{  background: #efefef url(i/btn_l.gif) no-repeat left; }
.send a{ display:block; text-decoration: none; height: 20px; background: url(i/btn_r.gif) no-repeat right;  font-size: 11px; padding: 0 20px; line-height: 18px; text-align: center; color: #000;   }


#contacts { clear:both; border-top: 7px solid #efefef; padding-top: 20px }
#contacts li{ list-style-type: none;  list-style-image: none;  font-size: 11px;  }
#contacts h2{ color: #4D6581; font-size: 12px; text-transform:uppercase; margin: 0; padding: 0;}
#contacts h2 a{ color: #4D6581; text-decoration: none }



/* catalog */
//#catalog { width:670px; }
#catalog h3{ font-size: 18px; color: #00468E; text-transform:uppercase; line-height: 20px; font-weight: normal; margin: 0 0 7px; padding: 0 }
#catalog h3 a { color: #00468E; }
#catalog .header{ clear:left; background: #fff url(i/line_blue.gif) repeat-x center; color: #123157; height: 12px;}
#catalog .header b{ background: #fff; padding-right: 10px; text-transform:uppercase; color: #123157; padding-bottom:4px;}
#catalog .header a{ text-decoration: none; color: #123157; }
#catalog .header a:hover{ text-decoration: underline }

/* catalog main list*/
#catalog .left{ float:left; width: 47%;  }
#catalog .right{float:right; width: 47%;  }
#catalog .list .item{ margin: 15px 0; background: none  }
#catalog #box { width: 75px; float:left; margin-right: 20px; margin-top:-15px; }
#catalog #box td{ height: 75px; text-align: center; width: 100px }
#catalog #boxnone { width: 75px; float:left; margin-right: 20px;  }
#catalog #boxnone td{ height: 75px; text-align: center; width: 100px }
#catalog .list ul{ display:table; _height: 0; $height: 0; zoom: 1 }
#catalog .list ul ul { margin: 5px 0 0 10px  }
#catalog .list li{list-style-type: none;  list-style-image: none;  font-size: 11px; color: #007CAB; text-transform: none; line-height: 12px; margin-bottom: 5px }
#catalog .list li li { font-size: 10px; color: #54606E; line-height: 11px; margin-bottom: 0; }
#catalog .list li a { text-decoration: underline; color: #007CAB; }
#catalog .list li li a { text-decoration: none; color: #999; }
#catalog .list a:hover{ text-decoration: underline }
#catalog .list h3 a { text-decoration: none;  }
#catalog .list li a:hover { color: #E46813;  }