/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, big, p, 
blockquote, pre, a, abbr, address, cite, code, dfn, em, img, kbd, q, samp, 
small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; color: inherit; background-color: inherit;}
:focus { outline: 0; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body{ color: #333; font-family : Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align:center}

#tab3 a { text-decoration:none; }

h1, h2, h3, h4, h5, h6{ font-family : Arial, Helvetica, sans-serif; }
a{ color: #53b800; text-decoration : underline; background-color: inherit;}
a:hover{ color: #004797; text-decoration : underline; }
img{ border: 0; }


#container{text-align:left; margin: 0 auto; }
#container{min-width:1000px; max-width:1200px; width: 100%}
#wrapper{ padding: 0 40px;  }

#logo{ margin:20px 0 3px; float:left; width: 100%; border-bottom: 3px solid #53B800; padding-bottom: 8px; }

#icons{ padding-top: 45px; font-size: 10px;  float: left; margin-left: -80px; width: 80px; overflow: hidden;  }
#icons a{ display: block; display: block-inline; float:left; overflow: hidden; height: 25px; width: 25px; position: relative; }
#icons #mail{ margin-left: 5px }
#icons #map{ right: -5px }
#icons span{ height: 25px; width: 25px; display: block; position: absolute; left: 0; top: 0; z-index: 1; }
#home span{ background: url("/xtpl/i/home.gif"); }
#mail span { background: url("/xtpl/i/mail.gif"); }
#map span{ background: url("/xtpl/i/map.gif"); }

.auth{ color: #004797; margin: 50px 0 0 -415px; font-size: 11px; float: left; width: 250px; background: url(/xtpl/i/key.gif) no-repeat 0 0; padding-left: 30px; }

.tel span{  display:block; font-size: 16px; }
#bottom, #top{ clear: both; overflow:hidden;}
#top, #top address, #top a{ text-decoration: none; color: #fff; font-style: normal}
#top{ background: #004797 url(/xtpl/i/bg.jpg) no-repeat 100% 0; }
#top .inner{ background: url(/xtpl/i/bg0.gif) no-repeat 0 0; padding: 30px 50px 20px;}
#top .tel{ padding-top: 10px; }

#tm{margin-top: 2px; overflow:hidden; margin-bottom: 10px;  }
#tm table{ width: 100%; }
#tm td{ text-align: center; width: 12%; height: 40px; vertical-align: top;}
#tm td a{ display: block; color: #fff; height: 35px; line-height: 35px; 
font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; text-transform: uppercase; }
#tm td:hover, #tm .select{ background: #53B800}
#tm td:hover a, #tm .select a{ background: url(/xtpl/i/tm_bg.gif) repeat-y 50% 0; font-size: 10px; border-bottom: 2px solid #fff}

.tm1 a{ background: #00008a;   }
.tm2 a{ background: #000099; }
.tm3 a{ background: #002cae; }
.tm4 a{ background: #0033cc; }
.tm5 a{ background: #0033ff; }
.tm6 a{ background: #004eef; }
.tm7 a{ background: #0033ff; }
.tm8 a{ background: #0033cc url(/xtpl/i/tm_bg0.gif) no-repeat 100% 100%; }
#tm td.tm8:hover{ background: none}
#tm td.tm8:hover a, .tm8 a#enter{ background: #53B800 url(/xtpl/i/tm_bg1.gif) no-repeat 100% 100%; }


#content{ float: left; width: 100%; margin-bottom: 30px;  }
#content #center { float: left; width: 100%;   }
#content #center .inner { margin: 0 0 0 25%;  }
#content #sidebar { float: left;  margin-left: -100%; width: 20%;   }
#content #sidebar .inner{ padding: 0; margin: 0; }

#pathway {margin-bottom: 10px; 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; }

#sm li { background: url(/xtpl/i/arr_sm.gif) no-repeat 0 3px; padding-left: 15px; margin-bottom: 10px}
#sm li a{ color: #004797; }
#sm li a:hover{ color: #53B800; }

/* banner box */
.box { border:5px solid #efefef ; position:relative; margin-bottom: 20px  }
.box .inner{ padding: 20px; text-align: center }
.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/brd_bl.gif) no-repeat; left:-5px; bottom:-5px }
.uho{width: 100%; position:relative; }
.uho div { width: 17px; height: 17px; font-size: 0; position:absolute;  }

/* shadow box */
.block{ background: url(/xtpl/i/sh_t.gif) repeat-x 0 0; margin-bottom: 20px}
.block .sh{ background: url(/xtpl/i/sh_r.gif) repeat-y 100% 0; }
.block .shbr{ background: url(/xtpl/i/sh_br.gif) no-repeat 100% 100%; padding-bottom: 20px}
.block .shtr{ background: url(/xtpl/i/sh_tr.gif) no-repeat 100% 0; padding: 30px 30px 0 20px; }

.header{ text-transform: uppercase; line-height: 120%; margin-bottom: 20px}
/* header of msg */
h1.header a{ text-decoration: none; color: #004797;}
h1.header{ color: #004797; font-size: 24px; background: url(/xtpl/i/bullet.gif) no-repeat 0 10px; padding-left: 20px}
/* header of block */
h3.header, h3.header a{ color: #004797; font-weight: normal; text-decoration: underline;  font-size: 18px;}
h3.header{ border-bottom: 3px solid #ccc; padding-bottom: 15px; }
#tabs h3.header a, #tabs h3.header { color: #53B800;  text-decoration: none; }

/* msg */
#msg h1{ font-size: 24px; line-height: 120%;}
#msg h2{ font-size: 20px; line-height: 120%;}
#msg h3{ font-size: 18px; }
#msg h4{ font-size: 14px; }
#msg h5{ font-size: 12px; }
#msg h6{ font-size: 11px; }
#msg{ line-height: 130%; margin-bottom: 20px; color: #333; }
#msg .ico{ margin-bottom: 20px; }
#msg .table{ width: 100%; clear:both }
#msg .table th{ padding: 3px 10px;  font-weight: normal; border-bottom: 2px solid #D6D6C5; font-size: 11px;  }
#msg .table td{ padding: 5px 10px;  background: url(/xtpl/i/pp.gif) repeat-x bottom; border-bottom: 1px solid #efefef; color: #333}
#msg h1, #msg h2, #msg h3, #msg h4, #msg h5, #msg h6, #msg ul, #msg ol, #msg table{margin: 10px 0; color: #004797;}
#msg p{ margin-bottom: 10px; }
#msg li{ background: url(/xtpl/i/li.gif) no-repeat 0 7px; margin-bottom: 5px; padding-left: 25px; color: #333}
html:first-child #msg li{ display: table}/* only for opera */
#msg blockquote{ background: #F7F7F3; padding: 20px; border-left: 3px solid #53B800; clear:both}
.site{ background: url(/xtpl/i/link.gif) no-repeat 0 4px; padding-left: 20px; font-weight: bold; font-size: 14px; }

#tabs .ico{ margin: 0 0 20px 20px; float: right; }

#bm{ text-align: center;  clear:both; border-bottom: 1px solid #53B800; padding-bottom: 15px; margin-bottom: 20px;  overflow:hidden}
#bm li{ display: inline; font-size: 11px; padding: 0 10px; }
#bm li a{ color: #53B800; }
#bottom a{ color: #6b94c3; }
#bottom p{ margin-bottom: 5px;  width: 15em; }
#bottom { padding: 20px 0 60px; font-size: 11px; color: #878787; width: 100%; border-top: 3px solid #53B800;}
#bottom address, #bottom .tel{ font-size: 11px; float: left; font-style: normal;  margin-right: 10px; width: 15em; }
#bottom .tel span{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; white-space:nowrap; }
#bottom address{ margin-right: 20px; }
#counts{ float: right;  width: 18em!important ;  }
#counts img{ float: right; margin-left: 5px; }
#copy{ float: right;  margin-left: 10px; }

/* list news */
.list { clear: both; padding-bottom: 20px  }
.list li{ margin-bottom: 10px;  color: #878787; padding-bottom: 15px; border-bottom: 1px solid #efefef; font-size: 11px; }
.list li .txt{ color: #333;   }
.list li .txt blockquote{ padding: 10px 20px; background: #efefef; border-left: 2px solid #53B800; margin: 10px 0; overflow:hidden}
.list .title { color: #53B800; font-size: 16px; font-weight: bold;   }
.list small, .list small a{ color: #004797; }
/* list in tabs */
#tabs .list .title{ color: #004797; font-size: 14px; font-weight: normal }
#tabs .list .title:hover{ color: #53B800; }
#tabs .list small, #tabs .list small a{ color: #53B800; }
.video .title{ background: url(/xtpl/i/video.gif) no-repeat 0 3px; padding-left: 20px; }
.docs .title{ background: url(/xtpl/i/docs.gif) no-repeat 0 2px; padding-left: 25px; }
/* list of brands */
.brands li{ float: left; width: 150px; height: 160px; border-bottom: 0}
.brands .ico{ float: left; margin-right: 20px;margin-bottom: 5px }
.brands .title{ font-size: 11px;  }

.print{ background: url(/xtpl/i/print.gif) no-repeat 0 0; padding-left: 20px; font-size: 11px; float: right; width: 9em; }
.serv{ background: url(/xtpl/i/bullet.gif) no-repeat 0 9px; padding-left: 20px; font-size: 11px; float: right; width: 10em; }


/* login */
.authbox{ text-align: center; }
.authbox table{ margin: 20px auto 10px; }
.authbox td{ padding: 3px; font-family: Arial, Helvetica, sans-serif !important ;}
.authbox .input { padding: 2px 0}
.authbox .submit{ width: 45% !important;   height:26px; color:#000; font-size: 11px; padding: 4px 20px 5px;background: #fff url(/xtpl/i/btn_bg.gif) repeat-x 0 0; cursor:pointer;border:1px solid #ddd; }

.authbox #error{ color: #E11E2E; text-align: center;  margin: 20px auto }



/* catalog */
.collapse a:hover{ color: #53B800!important; }
.collapse h4{ font-size: 11px; background: url(/xtpl/i/arr_gray.gif) no-repeat 0 1px; padding-left: 20px; text-transform: uppercase; border-bottom: 1px solid #53B800; padding-bottom: 8px;  }
.collapse h4 a{ text-decoration: none; }
.collapse ul{ padding: 10px 0; }
.collapse li{ margin-bottom: 7px; font-size: 11px; padding-left: 20px}
.collapse li a{ color: #004797; }

/* main page buttons */
.menu a, .menu a:hover{ font-weight: bold; color: #fff; display: block; ; text-decoration: none; padding: 10px 10px 10px 60px; }
.green a{ background: #53B800 url(/xtpl/i/job.gif) no-repeat 25px 8px; }
.blue { background: #004797 url(/xtpl/i/faq.gif) no-repeat 25px 8px; }
.blue a{ background: url(/xtpl/i/blue_corner.gif) no-repeat 0 0; }

/* forma */
.buttonSubmit{ width: 150px; margin-right: 5px; height:26px; color:#000; font-size: 11px; padding: 4px 20px 5px;background: #fff url(/xtpl/i/btn_bg.gif) repeat-x 0 0; cursor:pointer;	border:1px solid #ddd; }
#reg fieldset{ border-top: 1px solid #ddd; font-size: 11px }
#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 { width: 386px; padding: 4px 8px;margin-bottom: 5px }
#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: 11px; margin-left: 10px}
#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}


/* The basicTickerTape styles are required */
div.basicTickerTape { position: relative; overflow: hidden;   }
div.basicTickerTape ul { position: absolute; top: 0; left: 0; margin: 0; }
/* The basicTickerTape */
div.styledTickerTape { height: 850px; font-size: 11px; width: 100%}
div.styledTickerTape ul li { margin-bottom: 20px; text-align: center; position: relative; }
div.styledTickerTape a { color: #004797; text-decoration: none; }

#msg sup {vertical-align:baseline;position:relative;top:-0.4em;}
#msg sub {vertical-align:baseline;position:relative;top:-0.4em;}