#links { width:240px; border: 1px solid #ddd; margin-left: 10px; 
 padding-left:30px; padding-bottom:10px; line-height: 1.5; text-align:left;}

#top_doc { width:240px; border: 1px solid #ddd; margin-left: 10px; 
 padding-left:30px; padding-bottom:10px; margin-top:55px; line-height: 1.5; text-align:left;} 

div.scroll_side {margin:0px;border:1px solid black;width:200px;overflow:hidden;height:100px;position:relative;}
div.scroll {width:1000px;overflow:hidden;height:100px;position:relative;}
#reldiv2 {position:relative;top:5px;background-color:#ffffff;border:1px solid #000099;overflow:hidden;}

 

#leftCol { width: 704px; padding-top: 4px; padding-right:40px; }
#rightCol{ width: 254px; }

#pathway {  border-bottom: 1px solid #ddd; padding-bottom: 7px; font-size: 10px; margin-top: -17px; position:relative;  overflow: hidden}
#pathway a { background: url(i/arr2_bl.gif) no-repeat left bottom; padding: 0 12px 0 15px; margin-left: -6px}


#smenu {  font-size: 10px; float: right;  width: 45%; margin: 20px 0; overflow:hidden; _margin-bottom: 0}
#smenu a { background: url(i/dd.gif) repeat-y left; padding: 3px 15px;  color: #54606E; display: block; float:right ; white-space:nowrap; margin-left: -3px; margin-bottom: 5px}
#smenu a:hover{ color: #FF9000}
#leftCol .header h4, #leftCol .header h5{ }

#leftCol .header h1{ font-size: 22px; color:#B4B4B4; text-transform:uppercase; font-weight: normal; margin: 20px 10px 20px 0; padding: 0; line-height: 20px}
#leftCol .header h2{ font-size: 12px; color:#B4B4B4; text-transform:uppercase; margin: -10px 10px 20px 0; padding: 0; }
#leftCol .header a{color:#B4B4B4; }

#main{  border-top: 7px solid #efefef; padding-top: 17px }

/* content */

#content { clear:both;  }
#content .header{ text-align: left; margin-bottom: 20px }
#content .header a{ color: #123157; }
#content .header b{ background: #fff ; padding-right: 10px; text-transform:uppercase; color: #123157; padding-left: 0 }
#content .header h2{ display:inline; background: #fff ; padding-right: 10px; text-transform:uppercase; color: #123157; padding-left: 0; font-size: 11px }


#content #news dd{ margin-bottom: 25px }
#content #news .subNav{ padding: 5px 0 10px; }

#list br{ display:none;  }
#list .header{ background: #fff url(i/line_blue.gif) repeat-x center; color: #123157; height: 12px;}
#list .header b{ background: #fff ; padding-right: 10px; text-transform:uppercase; color: #123157;  }
#list .header a{ text-decoration: none; color: #123157;  }
#list .header a:hover{ text-decoration: underline }

#list  ul{ width:350px; }
#list li{ font-family: Arial, sans-serif;  font-size: 12px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; list-style-type: none;  list-style-image: none;  }
#list  li a{ color: #335C8E; display:block; margin-bottom: 5px; }
#list  li a:hover{ text-decoration: none }
#list li small{ text-align: left; color: #54606E; font-size: 11px;  display:block;  }
#list li  small a{ color: #54606E; padding: 3px 10px 3px 0 }
#list .subNav{ border:0; padding: 0; margin: -10px 0 10px  }

#slider{ clear:both; text-align:center; font-size: 10px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 5px 0; margin: 0 0 15px  }



/* msg */
#msg  .title{ color: #007CAB; font-size: 18px;  font-weight: normal; border-bottom: 7px solid #efefef; padding: 10px 0 20px; margin: 10px 0 20px; text-transform:uppercase; }
#msg p{ line-height: 130%; text-indent:30px; }
#msg td { border-bottom: 1px solid #ddd; padding: 5px; font-size: 11px }
#msg th {font-size: 10px; border-bottom: 7px solid #efefef; border-top: 1px solid #ddd; padding: 5px}
#msg ul{ margin: 20px 0 20px 22px }
#msg .date{ margin-top: 20px; font-size: 11px;  text-align: right; border-top: 1px solid #ddd; padding-top: 10px}
#msg .author{ margin: 5px 0; font-size: 11px;  text-align: right}

#msg h1{ color: #00468E; font-size: 20px;  font-weight: normal;  }
#msg h2{ font-size: 18px;  font-weight: normal; color: #007CAB; }
#msg h3{ font-size: 14px;  color: #007CAB; line-height: 22px;}
#msg h4{ font-size: 12px;  color: #335C8E; line-height: 20px; }
#msg h5{ font-size: 11px;  color: #335C8E; line-height: 18px; }
#msg h6{ font-size: 10px;  color: #335C8E; line-height: 16px;}

#contacts{ padding-bottom: 35px }
#contacts ul{ margin: 0; float:left}
#contacts h2{ float:left; display:inline }
#contacts li{ display:inline; padding-left: 25px}

/* catalog */
#filter .inner{ padding: 15px 10px 17px 95px; height:50px; _height:70px; }
#filter .label { display:block; width: 100px; height: 50px; background: url(i/search_flag.gif) no-repeat; 
position:absolute; top:12px; left: -24px}
#filter .label b{ display:none;  }
#filter #box{ margin-left: 20px }
#filter .forma select{ float:left; width: 26%; margin-right: 5px;  }
#filter .forma .send{ float:left; width: 18%;  }
#filter .forma { padding-top: 15px }
#filter{ margin-bottom: 20px }


#catalog h1{ font-size: 22px; color: #00468E; text-transform:uppercase; line-height: 24px; font-weight: normal; 
margin: 0 0 20px; padding: 0 }

/* catalog sublevel */
.subLevel{ margin: 20px;  width:350px; }
.subLevel ul ul { margin: 5px 15px 20px}
.subLevel ul ul ul{ margin: 10px 25px}
.subLevel ul ul ul ul{ margin: 10px 0px}
.subLevel li a:hover { text-decoration: underline}

.subLevel li{ font-size: 18px; color: #00468E; text-transform:uppercase; line-height: 20px; list-style-type: none;  
list-style-image: none; }
.subLevel li a { color: #00468E; text-decoration: none}
.subLevel li li{ font-size: 12px; color: #307DD5; text-transform: none; line-height: 14px;  font-family: Arial, 
Helvetica, sans-serif; margin-bottom: 6px;  }
.subLevel li li a { color: #307DD5; text-decoration: underline}
.subLevel li li li{ font-size: 11px; color:#54606E;  line-height: 12px; margin-bottom: 4px;  list-style-image: url(i/arr2_gr.gif);  }
.subLevel li li li a{ color:#54606E;  }
.subLevel li li li li{ color:#999;  list-style-image: none; background: url(i/bullet.gif) no-repeat left; padding-left: 20px}
.subLevel li li li li a{ color:#999;  }


/* catalog list */
#catalog .ico{ float:left; margin-right: 60px;  }
#catalog .txt{ padding-left: 170px; font-size: 11px; padding-bottom: 10px; }
#catalog .item{ margin: 0 0 15px; float:left; background: url(i/dd.gif) repeat-y 130px 0px; width: 100%;  }
#catalog hr{clear:left; border: 0;  font-size: 0; color: #ddd; height: 1px; background: #ddd; padding: 0; margin: 0 0 15px}
#catalog .txt li{font-size: 11px; padding-left: 5px;  }
#catalog .txt ul{ margin: 10px 0 10px 20px }
#catalog .subNav{ border:0; clear:left; padding: 0;   }
#catalog .subNav a{ color: #007CAB; }

/* calatog table */
#cList{ width: 100%; border:1px solid #ddd; margin-bottom: 20px }
#cList td { border-bottom: 1px solid #ddd; padding: 5px 10px; font-size: 11px; border-right:1px solid #ddd }
#cList th {font-size: 11px; border-bottom: 5px solid #ddd; padding: 7px; color: #7697BF; }
/*#cList .title a{ color: #00468E}*/
#cList h2{ font: bold 14px/16px Arial, Tahoma; text-transform: uppercase; color: #00468E;  margin: 0; padding: 0;  }
#cList h3{ font: bold 12px/14px Arial, Tahoma; color: #307DD5; margin: 0; padding: 0 }
#cList h5{ font: normal 11px/12px Arial, Tahoma; color: #307DD5; margin: 0; padding: 0 }
#cList h2 a, #cList h4 a { color: #00468E; }
#cList h3 a, #cList h5 a{ color: #307DD5; }
#cList i{ color: #307DD5; font-style: normal; text-decoration: underline }
.file { padding-left: 32px; background: url(i/msword1.gif) no-repeat left; height: 21px ; line-height: 20px; color: #307DD5 !important; text-transform: none; margin: 20px 0 0; display:block}
#cList ul{ margin: 5px 0 7px 10px; }
#cList li{ list-style-type: none;  list-style-image: none;  font-size: 11px; margin-bottom: 5px }
#cList .more{ width: 30% }


/* catalog item features */
#catalog .description { background: url(i/dd.gif) repeat-y 230px 0px; }
#catalog .description .txt{ padding-left: 270px; font-size: 11px; padding-bottom: 10px }
#catalog .files li{ list-style-type: none;  list-style-image: none;  }
.features{ width: 100%; }
.features td { border-bottom: 1px solid #ddd; padding: 5px; font-size: 11px; }
.features th {font-size: 11px; border-bottom: 1px solid #efefef; padding: 7px; color: #7697BF}
.features .f1 th{ border-bottom: 5px solid #efefef; text-transform:uppercase; font-size: 11px; padding: 10px; color: #007CAB}
.features .f3 th{ border-bottom: 5px solid #efefef; font-weight: normal; text-align: left}
.tech{ display:block; background: url(i/arr.gif) no-repeat left center; margin: 10px 0; 
text-transform: uppercase; color: #007CAB; font-weight: bold; padding: 5px 20px}
.extArea{ overflow: auto; width: 100%; overflow-y: visible; _padding-bottom: 25px; }


/* reg forma */
.w100 #leftCol { width: 100% }


#regForma span{ color:#FF9000; font-weight: bold;  font-size: 12px}
#regForma input{  width: 100%; height: 22px;  }
#regForma select{ width: 100%; }
#regForma textarea{ width: 100%; height: 150px}
#regForma div input, #regForma div select{ width: auto; display:block; float:left; margin: 5px 5px 0 0}
#regForma div label{ display:block; padding-top: 8px; float:left; margin-right: 5px; font-size: 11px}
#regForma br{ clear:left }
#regForma small{ font-size: 11px; color: #5F5F5F; display:block;  margin-top: 3px}
#regForma td b{ color: #003399; }
#regForma td{ width: 50%; text-align: left ; background: url(i/pp.gif) repeat-x bottom; padding: 10px 0 10px 20px; border-top: 1px solid #ddd; font-size: 11px}
#regForma th{ background: #307DD5; color:#fff;  padding: 3px 10px;  border: 1px solid #fff; font-weight: normal; text-align: left }
#regForma table{ width: 100%; clear:both; }
#regForma .selected td{  color: #003399; border-top: 5px solid #efefef; border-bottom: 5px solid #efefef; padding: 20px 0 20px 20px; font-weight: bold}
#regForma .selected td b{ font-size: 12px; display:block; color: #307DD5; margin-top: 5px }

#regForma .send input{ width: 150px; display:inline; float:none; margin: 0 10px 0 0; height: 26px}
#regForma .send{ background: #efefef; padding: 10px; text-align: center }
input.btn{  border: 1px solid #ccc; background: #efefef url(i/btn_bg.gif) repeat-x left top; width: 150px; height: 26px; padding: 0 10px 3px }