body,table,td,tr,li,ul,p,span,div, select, input, textarea{color: #777; font-family : Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}
body{padding: 0; margin:0; text-align:center }
#container{text-align:left; margin: 0 auto; }
#container{min-width:984px; max-width:1150px; /*display:table; */width: 100%;
width:expression(((document.body.clientWidth)<=984)?'984':((document.body.clientWidth)>1150)?'1150px':'100%'); }

*{ padding:0; margin:0;}
li{ list-style-type : none; list-style-image: none; }
a{ color: #cc0000; text-decoration : underline; }
a:hover{ color: #000;}
table{ border-collapse: collapse; border:0px }



#siteHead, #content, #tm, #bm, #bottom, #partners{ margin: 0 35px; }

#search{ background: url(/xtpl/i/search_bg.gif) no-repeat 0 0; height: 27px; position: relative;  width: 200px}
#search input{ font-size: 10px; margin-top: 5px; height: 18px; width: 100%;  border:0; border-right: 37px solid #fff ; margin-left: 8px; background: transparent }
#search img{ float: right; width: 28px; position: absolute;  top: 0; right:0; }



#logo h2{ color: #fff; font-size: 24px; text-indent: 30px; line-height: 86px; background: #fe0000; overflow: hidden; width: 100%; height: 86px; position: relative;  margin-bottom: 5px}
#logo h2 span{ cursor: hand; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 86px; background: url(/xtpl/i/logo.png) 0 0 no-repeat; }
#slogan h5{ font-size: 14px; overflow: hidden; width: 185px; height: 55px; position: relative; }
#slogan h5 span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 185px; height: 55px; background: url(/xtpl/i/slogan2.gif) 0 0 no-repeat; }




/* buttons */
.btn a,.btn a:hover{ display: block; height: 30px; background: url(/xtpl/i/arr_dbl.gif) 95% 50% no-repeat; 
 margin-bottom: 3px; line-height: 30px; 
text-decoration: none; color: #fff; font-weight: bold; padding-right: 30px; text-indent: 30px; overflow: hidden; }

.extraCol .btn a:hover{ background: #fe0909 url(/xtpl/i/arr_dbl.gif) 95% 50% no-repeat; }
.red{ background: #fe0909 url(/xtpl/i/red_btn.gif) 0 0 repeat-x;}
.grDark{ background: #999; }
.grLight{ background: #ccc; }


.banner{margin-top: 20px; padding: 20px 0 10px; border: 1px solid #ddd; border-top: 4px solid #FE0000; background: url(/xtpl/i/arr_dwn.gif) 50% 0 no-repeat; text-align: center; }


.header{ border-bottom: 4px solid #ff0000; padding-bottom: 7px; margin-bottom: 20px; display:block; font-weight: normal}
.header a{ color: #777; }
.header a:hover{ color: #000; }
.ico{ border: 1px solid #ddd; float:left; margin: 0 15px 10px 0; width: 90px; min-height: 90px; _height: 90px}
  #msg .ico {width: auto; min-height: auto; _height: auto}
.noico{ border: 0; float:left; margin: 0 15px 10px 0; width: 90px;}
.ico img{ background: #ddd; margin: 5px}
.hdr{margin: 5px 0 20px}
.hdr a{ text-decoration: none; color: #999; height: 28px; _height: 32px;line-height: 14px; display:block; 
background: #ddd url(/xtpl/i/hdr.gif) 0 50% repeat-x;   }
.hdr a:hover{ color: #CC0000; background: #CC0000 url(/xtpl/i/hdr.gif) 0 50% repeat-x;}

#news { margin-top: 20px; }
#news dl{ margin-bottom: 15px;  overflow:hidden; _height:0; zoom:1; }
#news dt{ font-size: 10px; float:left; width: 60px; color: #999; clear:both;  }
#news dd{display: table; _height: 0; zoom: 1; margin-bottom: 15px }
#news dd a{ color: #000 }
.rightCol #news dd, .rightCol .ico{ margin-bottom: 5px; }
.leftCol #news .top{ background: url(/xtpl/i/pp.gif) 0 100% repeat-x;  }
#news .top dt{ float: none; width: auto; color: #555}
#news .top dd a{ color: #CC0000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; display:block; margin: 7px 0 -5px }
#news dd small a{ color: #000 !important; font-size: 11px !important; margin: 0 !important; }


#list li{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 30px}
#list br{ display: none; }
#list b{ font-size: 12px; display: block; margin-bottom: 5px; color: #CC0000; }
#list span{ font-weight: normal; color: #000;}
#list b a{ font-size: 14px; text-transform: uppercase;  }
#list small{ color: #999; font-size: 10px; display:block; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 5px 0}
#list small a{ color: #000; font-size: 11px}
#list blockquote{ margin: 10px 0 10px 30px; }


#tm{ background: url(/xtpl/i/logo_tp.gif) 0 100% no-repeat; height: 70px;  }
#tm ul{ float: right; margin: 28px 10px 0 0; overflow: hidden;  }
#tm li{ display: inline; }
#tm li a{ float: left; color: #000; padding: 0 15px; border-left: 1px solid #000; margin-left: -1px}
#tm li a:hover{ color: #CC0000; }
#tm #search{ float: right; margin-top: 22px;  }

#bm{ clear: both; background: url(/xtpl/i/pp.gif) 0 0 repeat-x; border-bottom: 1px solid #ddd; overflow: hidden; _height:0; zoom:1; padding-bottom: 20px }
#bm ul{ float: left; margin: 25px 10px 0 -15px; overflow: hidden;  }
#bm li{ display: inline; }
#bm li a{ float: left; color: #CC0000; padding: 0 15px; border-left: 1px solid #CC0000; margin-left: -1px}
#bm li a:hover{ color: #000; }
#bm #search{ float: right; margin-top: 20px;  }

#partners{ clear:both; background: url(/xtpl/i/pp.gif) 0 0 repeat-x; padding: 15px 0 5px; overflow:hidden; _height:0; text-align: center}
#partners img{ margin: 0 25px 10px; vertical-align: middle; }

#bottom{ overflow: hidden; _height: 0; zoom: 1; padding-bottom: 40px; margin-top: 3px}

#contacts{ padding: 20px 0; background: #efefef url(/xtpl/i/logo_bt.png) right center no-repeat; min-height: 100px; _height: 100px; margin-bottom: 15px; float:left; width: 100%}
#contacts li{ float: left; margin-left: 40px; display:inline }
#contacts a{ color: #777 }
#contacts p{ margin-bottom: 10px }
#contacts b{ color: #999; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; display:block;   }
#contacts big{ font-size: 24px; color: #ff0000; }
#contacts sup{ font-size: 11px; color: #ff0000; }

#counts{ float: left; width: 395px}
#counts img{ margin: 0 5px 5px 0; }
#copyrights{ color: #999; margin-left: 400px; text-align: right}
#copyrights a{ color: #999; }


#sm li{ border-bottom: 1px solid #ccc; padding: 5px 0; }
#sm li li{ border-bottom: 0; padding: 0 0 0 10px; margin-bottom: 5px }
#sm ul ul{ background: url(/xtpl/i/pp.gif) 0 0 repeat-x; margin-top: 10px; padding: 10px 0 3px}
#sm li a{ background: url(/xtpl/i/arr_dbl0.gif) 100% 50% no-repeat; display: block; text-decoration: none; color: #999; font-weight: bold; padding-right: 20px}
#sm li li a{ display:inline; background: none; font-weight: normal; text-decoration: underline; }
#sm li a:hover{ color: #777; background: url(/xtpl/i/arr_dbl1.gif) 100% 50% no-repeat; }
#sm li li a:hover{ background: none; }

/* info box */
.box { border:2px solid #ddd ; position:relative; margin-top: 20px }
.box .header{ margin: 0 0 10px; font-weight: bold; text-align: center; border-bottom: 1px solid #ddd }
.box .header a{ text-decoration: none; color: #777}
.box .inner{ padding: 12px; }
.box #tl{ background: url(/xtpl/i/brd_tl.gif) no-repeat; left:-2px; top: -2px}
.box #tr{ background: url(/xtpl/i/brd_tr.gif) no-repeat;  right: -2px; top: -2px}
.box #br{ background: url(/xtpl/i/brd_br.gif) no-repeat; right: -2px; bottom:-2px  }
.box #bl{ background: url(/xtpl/i/brd_bl.gif) no-repeat; left:-2px; bottom:-2px }
.uho{width: 100%; position:relative; }
.uho div { width: 11px; height: 11px; font-size: 0; position:absolute;  }

.box a{ color: #000; }
.box a:hover{ color: #CC0000; }
.box li{ background: url(/xtpl/i/arr_red.gif) 5px 5px no-repeat; padding-left: 20px; margin-bottom: 8px}

.tabs-container img {
 border: 0px;
}