/*=========================
Tsyganok Sergey
Copyright 2009 AA DEVIS
http://devis.ru
=========================*/

/*
RESET by http://meyerweb.com/eric/tools/css/reset/index.html | v1.0 | 20080212
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, em, font, img, ol, ul, dl, dt, dd, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font: 13px Arial, Trebuchet MS, Tahoma, Helvetica, Sans-serif;
}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

a {

color: #0066ff;
text-decoration: underline;
}

a:visited {

color: #0066cc;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
color: #cc0000;
}


/* DEFAULT */

html {


}

h1,h2,h3 {
font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Sans-serif;
font-weight: normal;
}

h1 {
padding: 10px 0 0px 0;
font-size: 26px;
}

p {
line-height: 20px;
font-size: 13px;
margin: 0 0 15px 0;
}

.none {
display: none;
}

#top {

}

#bottom {

}

#container {
width:980px;
padding: 2px;
margin: 0em auto;
}

#header {
overflow:hidden;
padding-top: 25px;
height: 100%; /* IE 6 */
}


#logo span {
margin:0; padding:0;

}

#logo span:hover {
margin:0; padding:0;
text-indent:-10000px;
width:160px; 
height: 25px;
float: left;



}

#lang {
padding: 7px 0px 0px 20px;
display: inline;
float:left;
color:#777;
}





#langbar {
	margin: 0;
	padding: 0;
	 }
#langbar li {
	list-style: none;
	float: left; }
#langbar li a {
	display: block;
	padding: 10px;
	margin: 0px;
	
	color:#000; 
	text-decoration: none; 
	}

#langbar a.selected {
padding: 0px 8px 0px 0px;
font-size: 14px;
line-height: 15px;
color:#0066cc;
text-shadow: 0px 1px 2px #ccc;
background-color: transparent;
display: block;
z-index: 9999;
text-decoration: none; 
}
#langbar a.selected img {
position: relative;
margin: 0px 5px -3px 0px;
}
	
#langbar li ul {
	display: none; 
	}
	
#langbar li:hover ul, #langbar li.hover ul {
	display: block; 
	text-align: left;
	margin-left: -11px;
	position: absolute;
	
	z-index: 9999;
	padding: 5px;
	color: #ffe300;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #3399cc;
	}
	
#langbar li:hover li, #langbar li.hover li {
	float: none; }
#langbar li:hover li a, #langbar li.hover li a {
	
  padding: 3px 5px 3px 5px; }
  
#langbar li:hover li img, #langbar li.hover li img{
position: relative;
margin: 0px 5px -3px 0px;
}
  
#langbar li li a:hover {
	}
	


#system {
float: left;
}


#system #langbar a.selected {
padding: 4px 5px 0px 0px;
font-size: 12px;
text-shadow: 0px 0px 0px #ccc;
cursor: pointer;
}

#system #langbar li ul {
	width: 172px;
	}


#system #langbar li:hover ul, #system #langbar li.hover ul {
	display: block; 
	text-align: left;
	margin-left: -11px;
	position: absolute;
	
	z-index: 9999;
	padding: 5px;
	color: #ffe300;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #3399cc;
	}

#system #langbar li:hover li a, #system #langbar li.hover li a {
	font-size: 12px; }



#bookmark {
position: relative;
display: inline;
z-index: 0;
height: 16px;
margin-left: 20px;
float: right;
top:-30px;
}

.addthis_button {
position: relative;
z-index: 11;
top:-30px;
float: left;
}

.addthis_button:hover {

}



/* TOP MENU */



#menu_top { 
position:relative;
display: block;
margin-top: 0px;
margin-bottom: 20px;
overflow: hidden;
float: left;
width: 740px;
top:0px;z-index: 100;

}

#menu_inc {

}



a.navmenu {
    background: transparent url('../i/nav_a.png') no-repeat scroll top right;
    color: #555;
    display: block;
    float: left;
    height: 24px;
    width: 100%;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    margin-bottom: 5px;
    cursor: pointer;
	font-size: 11px;
    text-decoration: none;

}

a.navmenu span {
    background: transparent url('../i/nav.png') no-repeat 0px 0px;
    display: block;
    line-height: 13px;
    padding: 5px 0 6px 18px;
    
}

a.navmenu:hover {
background: transparent url('../i/nav_a.png') no-repeat;
    background-position: center right;
    text-decoration: underline;
    outline: none; /* hide dotted outline in Firefox */
}

a.navmenu.current:hover {
background: transparent url('../i/nav_a.png') no-repeat;
    background-position: bottom right;
    text-decoration: underline;
    outline: none; /* hide dotted outline in Firefox */
}

a.navmenu:hover span{
    background-position: center left;
	color: #555;
	text-decoration: none;
}

a.navmenu.current:hover span {
    background-position: bottom left;
	color: #fff;
	text-decoration: none;
}

a.navmenu.current {
background: transparent url('../i/nav_a.png') no-repeat;
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.navmenu.current span {
    background-position: bottom left;
    padding: 5px 0 6px 18px; /* push text down 1px */
    text-decoration: none;
}



/* BUTTONS */

div.buttons {
background: url(../i/btn_gray.png) top repeat-x;
margin-right: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #e5e5e5;
height: 16px;
line-height: 16px;
padding: 5px;
float: left;
color: #999;
font-size: 14px;
margin-bottom: 20px;
}

.buttons img {
height: 15px;
margin-right: 5px;
}

.buttons a {
margin-left: 13px;
margin-right: 13px;

}

#path {
margin-bottom: 15px;
}

.styleswitch {
cursor: pointer ;
}

/* Promo */

#promo {
height: 400px;
background: url(../i/promo.jpg) repeat  top center; 
}

/* Main */

#main {
position: relative;
}

#main #slogan {
font-size: 22px;
font-family: Georgia, Geneva;
line-height: 24px;
color: #fff;
padding-top: 15px;
padding-bottom: 45px;
height: 90px;
width: 980px;
margin-top: 110px;
/*background-color:#ddd; */
}

#slogan span {
color:#ff9900;
}

#main p {
font-size: 15px;
color: #333;
line-height: 22px;

}

#main h1 {
padding: 0px 0 5px 0;
font-size: 22px;
line-height: 22px;
color:#000;
text-shadow: 0px 1px 2px #ccc;
}





#main h2 {
font-family: Arial, Trebuchet MS, Tahoma, Helvetica, Sans-serif;
padding: 10px 0px 20px 0px;
font-size: 19px;
color: #333;
font-weight: bold;
}

#main h3 {
font-family: Arial, Trebuchet MS, Tahoma, Helvetica, Sans-serif;
padding: 20px 0px 20px 0px;
font-size: 15px;
color: #333;
font-weight: bold;
}


/* Products */


.leftblock {
float: left;
width: 660px;
margin: 0px 0px 0px 0px;
}


.main-content-top {
	display: block;
	float: left;
	height:20px;
	width:660px;
	font-size:20px;
	line-height:20px;
	overflow:hidden;
	background:url(../i/trn/sprites.png) no-repeat left 0px;
	z-index: 1;
}

.main-content {
background-color: #fbfbfb;
padding:0px 20px 0px 20px;
margin: 0px;
width: 618px;
display: block;
float: left;
border-top: #fff;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
z-index: 1;
}

.main-content a {
//color:#4169e1;
text-decoration: underline;
}

.main-content a:hover{
//color: #ff6600;
}

.main-content ul {
padding: 20px;
margin: 20px;
}

.main-content ul li{
padding-bottom: 15px;
}


.main-content-bottom {
	height:20px;
	width:100%;
	font-size:1px;
	line-height:20px;
	overflow:hidden;
	background:url(../i/trn/sprites.png) no-repeat left -20px;
	display: block;
	float: left;
	margin-bottom: 20px;
}

#google_ad {
	display: block;
	float: left;
	position: relative;
	padding-top: 20px;
	padding-left:7px;
}

#buttons {
display: inline;
float:right;

padding: 0px 0px 0px 0px
}

.options {
display: block;
float: left;
width: 698px;
color:#333;
margin: 0px 0px 10px 0px;
height: 20px;
}



#inway, #place {
padding: 0px 10px 0px 0px;
display: inline;
float:left;
color:#777;
}

#place {
width: 688px;

}




.ctext {
font-size: 13px;
display: inline;
float:left;
padding:3px 5px 0px 0px;
color:#555;
text-shadow: 0px 1px #fff;
}




select.ineed, select.ihave, select.inway {
float: inline;
margin-right: 10px;
}


#onfly {
height: 18px;
display: inline;
float:left;
padding: 4px 10px 0px 0px;
}

#onfly label{
margin-left: 5px;
cursor: pointer;
color: #0066cc;

}

#onfly:hover label{
cursor: pointer;
color: #cc0000;
border-bottom: 1px dashed #cc0000;
}

#skip {
height: 18px;
display: inline;
float:left;
padding: 4px 10px 0px 0px;
}
#skip label{
margin-left: 5px;
cursor: pointer;
color: #0066cc;
}

#skip:hover label{
cursor: pointer;
color: #cc0000;
border-bottom: 1px dashed #cc0000;
}
#skipHTML{
cursor: pointer;
}
span.smallhtml {
font-size: 9px;
}




.rightblock {
float: left;
width: 280px;
margin: 0px 0px 0px 20px;
padding-bottom: 20px;
}

.rightblock .right-content-top {
	height:20px;
	width:100%;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background:url(../i/trn/sprites.png) no-repeat;
	background-position: -420px -40px;
}

.right-content {
background-color: #fff;
height: auto;
font-size: 11px;
color:#333;
padding:0px 20px 0px 20px;
}

.rightblock p {
position: absolute;
display: block;
width: 280px;
top:265px;
}

.rightblock .right-content-bottom {
	height:20px;
	width:100%;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	margin-bottom: 20px;
	background:url(../i/trn/sprites.png) no-repeat;
	background-position: -420px -60px;
}

.rightblock .right-content-bottom ol, ul, li {
	list-style: inherit;
	padding: 0px 0px 0px 0px;
	
}







#helpus {
display: block;
float: left;
width: 220px;
font-size: 11px;
padding: 3px 0px 0px 2px;
}

#helpus a {
color:#999;
}

#translit, #ta5_1 {
margin:0;
width: 682px;
height: 211px;
font-size: 16px;
border: 0px solid #ccc;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -414px -54px;
position: relative;
padding:8px 8px;
margin-top: 10px;
margin-bottom: 10px;
z-index: 1;
}



.editarea {
display: block;
float: left;
width: 690px;
height: 211px;
font: 16px Arial, Trebuchet MS, Tahoma, Helvetica, Sans-serif;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -1117px -54px;
position: relative;
padding:8px 8px;
margin-top: 10px;
margin-bottom: 10px;
z-index: 1;

}



#rules {
padding: 0px 0px 0px 0px;
display: inline;
float:left;
color:#555;
width: 698px;
font-size: 13px;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
z-index: 1;
}


.rule {
display: block;
float:left;
text-align: center;
width:36px;
height: 36px;
padding: 0px;
background-color: #ebf1f5;
margin: 0px 3px 3px 0px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #e5e5e5;
}


.rule:hover {
  border: 1px solid #6db3ec;
}

.leter:hover {
background-color: #96ffac;
color: #555;
cursor: pointer;
}

#rules a {
text-decoration: none;
}

.leter {
display: block;
float:left;
text-align: center;
color:#fff;
width:36px;
height: 19px;
line-height: 18px;
background-color: #6db3ec;
//margin: -1px 0px -1px -1px;
margin: 0px 0px 0px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  //border: 1px solid #e5e5e5;
}

#rules div.symbol {
display: block;
float:left;
text-align: center;
width:36px;
line-height: 18px;
font-size: 13px;
}



/* files and video */

.video {
width: 700px;
}

/* Memo */

.memo {
background: url(../i/memo.png) left bottom no-repeat;
}


#col1, #col2, #col3 {
float: left;
width:280px; /* 300 */
margin-right: 30px;
}

#col1 p, #col2 p, #col3 p {
color:#ffffff;
}

#col1 h2, #col2 h2, #col3 h2 {
font-size: 20px;
color:#fff;
text-shadow:1px 1px #023f6c;
margin-bottom: 30px;
}

#col3 {
margin-right: 0px;
margin-bottom: 70px;
}



/* footer */

#noscript{
position: absolute;	
color: red;	
margin:0px 0px 0px 5px;
width: 956px;
display: block;
top:98px;
z-index: 999;
line-height: 18px;


/* display: block;float: left;position: relative;padding-top: 20px;padding-left:7px; */


}

#footer {
clear:both;
height: 50px;
padding:20px;
background:url(../i/trn/sprites.png) no-repeat;
background-position: 0px -350px;
color: #777;
margin-bottom: 20px;
}


#footer p {
float:left;
line-height:15px;

}

#footer p  {

color:#777;

}

#footer_left {
display: block;
position: relative;
float: left;
width: 520px;
top:4px;
}

#footer_center {
width: 300px;
display: block;
float: left;
position: relative;
top:-5px;
}

#footer_right {
display: block;
float: right;
height: 21px;
width: 56px;
position: relative;
}

#counters {
display: inline;
background-color: red;
width: 119px;
height: 31px;
text-align: right;
}

#counters img {
margin-right:0px;

}



/* web design and promotions */
 
ul#devisul {
width: 56px;
height: 21px;
float: right;
list-style: none;
position: relative;
right: 0px;
top:7px;
padding: 0;
margin: 0;
}
  
ul#devisul li a {
display: block;
cursor: pointer;
width: 56px;
height: 21px;
text-indent: -9999px;
}
 
ul#devisul li a {
background:url(../i/trn/sprites.png) no-repeat;
background-position: -46px -40px;
}	
	
ul#devisul li a:hover, ul#devisul li a.devislink:focus {
overflow: hidden;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -46px -67px;
}










/* Products & Docs */

div.title {
float:left;
width:700px; 
}

div.triple1, div.triple2, div.triple3 {
width:220px; 
height: auto;
float: left;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -740px 0px;
}

div.triple1, div.triple2 {
margin: 15px 20px 23px 0px;
}

div.triple3 {
margin: 15px 0px 23px 0px;
}

.triple1 img, .triple2 img, .triple3 img {
width: 218px;
height:145px;
border-top: 1px solid #e8e8e8;
border-right: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}

.triple1 h3, .triple2 h3, .triple3 h3 {
display: block;
font-size: 12px;
padding: 9px 10px 6px 10px;
margin: 0px;
color:#555;
text-shadow:0px 1px #fff;
font-weight: normal;
border-bottom: 0px solid #e8e8e8;

}

div.triple1:hover, div.triple2:hover, div.triple3:hover {
overflow: hidden;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -960px 0px;
}

div.triple1:hover h3, div.triple2:hover h3, div.triple3:hover h3 {
text-decoration: none;
color:#fff;
text-shadow:0px 1px #000;
}

.triple1  a, .triple2  a, .triple3  a, .goods a {
text-decoration: none;
}

.triple1  a:hover, .triple2  a:hover, .triple3  a:hover, .goods a:hover {
text-decoration: none;
}


.exclusive {
position: relative; 
width: 60px;
height: 1px;
background-color: green;
top: -50px;
}

div.firefox {
display: block;
width:220px; 
height: 75px;
float: left;
margin: 0px 0px 20px 0px;
}

div.goods {
width:220px; 
height: auto;
float: left;
margin: 0px 13px 13px 0px;
background:url(../i/trn/sprites.png) no-repeat;
background-position: 0px -415px;
}

div.randomgoods {
width:220px; 
height: auto;
float: left;
margin: 0px 0px 20px 0px;
background:url(../i/trn/sprites.png) no-repeat;
background-position: 0px -170px;
}

.randomgoods img {
width: 218px;
height:145px;
border-top: 1px solid #2a2a2a;
border-right: 1px solid #432b11;
border-left: 1px solid #432b11;
border-bottom: 1px solid #432b11;
}


.randomgoods h3  {
display: block;
font-size: 12px;
padding: 7px 10px 4px 10px;
margin: 0px;
text-shadow:0px 1px #000;
font-weight: normal;
border-bottom: 0px solid #1b0b01;
}

.goods h3  {
display: block;
font-size: 12px;
padding: 8px 0px 7px 8px;
margin: 0px;
color:#444;
text-shadow:0px 1px 2px #c4c4c4;
font-weight: normal;
border-bottom: 0px solid #1b0b01;
}

div.randomgoods:hover {
overflow: hidden;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -220px -170px;
}



div.goods:hover {
overflow: hidden;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -220px -415px;
}


div.randomgoods:hover h3,  div.goods:hover h3 {
text-decoration: none;
color:#fff;
text-shadow:0px 1px #000;
}

.randomgoods  a:hover {
text-decoration: none;
}


.announce, .bodydoc {
font-size: 15px;
color: #333;
line-height: 22px;
padding-top: 0px;
}



.place{
 z-index: 150;
 color:#555; 
 clear: both;
}


/* watermarked_slider */

#watermarked_slider { 
margin:0 auto; 
width:730px; 
position:relative;
padding-top: 0px;
clear:both; 
}

.sliderblock { 
width:730px; 
height:335px; 
overflow:hidden; 
position:relative;  
}



.items{ 
position:absolute; 
top:0; 
left:0; 
list-style:none; 
padding:0; 
margin:0; 
}

.items li { 
position:absolute; 
top:0; 
width:730px; 
display:none; 
padding:0; 
margin:0; 
}






.paginate { list-style-type:none; margin:0; padding:0; float:right;top:-80px; right:30px; }  
ul.paginate { list-style-type:none;  position:relative; z-index: 150; }
ul.paginate li a { float:left; margin:0 2px; display: inherit}	
ul.paginate li.active a {display: none;}  











/* end watermarked_slider */



/* Devis Smart Box */

#announce {

width: 700px;
position: relative;
font:11px Arial, sans-serif; color: #888; padding: 0px 10px 0px 0px;top:5px;
line-height: 11px;
border: 1px solid #eee;
}

.boxgrid{ 
width: 700px; 
height: 113px; 
margin:0px; 
bottom: auto;

background:#fff; 
border: solid 1px #eaeaea; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
left: 0; 
border: 0; 
}

.boxgrid span { 
position: relative;
font-size: 12px;
float: right;
top:-30px;
padding: 10px 10px 0px 10px; 
color:#777; 
text-shadow:0px 1px #fff;
}

span.box { 
display: block;
width: 150px;
font-size: 12px;
padding: 10px 10px 0px 10px; 
color:#ffffff; 
text-shadow:0px 1px #000;
}

.boxgrid h1{ margin: 8px 10px 0px 10px; color:#fff; padding: 0;font:22px Arial, sans-serif; letter-spacing:-1px; font-weight: normal;text-shadow:0px 1px #000;float: left;}	
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #444; 
height: 140px; 
width: 700px; 
opacity: .6; 
border-top: 1px solid #ddd;
/* For IE 5-7 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);*/
/* For IE 8 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}

.captionfull .boxcaption {
top: 280px;
left: 0;
}
 
.caption .boxcaption {
top: 370px;
left: 0;
}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #555;}
#TB_window a:visited {color: #555;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #555;}
#TB_window a:focus{color: #555;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../i/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#333;
  display:none;
  border: 0px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 20px 0 0 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#TB_caption{
  height:22px;
  padding:7px 30px 0px 20px;
  float:left;
  font-weight: bold;
  color: #555;
}
#TB_closeWindow{
  height:22px;
  padding:7px 20px 0px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}











/* vmenu */
 
ul#vmenu {
width: 220px;
list-style: none;
position: relative;
right: 0px;
top:0px;
padding: 0;
margin: 0px 0px 13px 0px;
clear: both;
}

ul#vmenu li {
padding-bottom:5px;
line-height: 30px;
font-size: 12px;
}
  
ul#vmenu li span {
display: block;
width: 220px;
height: 30px;
text-shadow: 0px 1px #fff;
}

ul#vmenu li span {
padding-left: 10px;
width: 210px;
}
 
ul#vmenu li  {
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -71px;
}	
	
ul#vmenu li span:hover, ul#vmenu li span:focus {
overflow: hidden;
text-decoration: none;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -40px;
}


ul#vmenu li.select span {
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -40px;
color:#fff;
}	
	
ul#vmenu li.select span:hover, ul#vmenu li.select span:focus {
overflow: hidden;
text-decoration: none;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -71px;
}


/* òýãè */

ul#tags {
width: 220px;
list-style: none;
position: relative;
right: 0px;
top:0px;
padding: 0;
margin: 10px 0px 10px 0px;
}

ul#tags li {
padding: 0px 0px 5px 0px;
margin: 0px;
line-height: 20px;
}
  
ul#tags li a {
display: block;
cursor: pointer;
width: 220px;
height: 20px;
color: #cccbcb;
}

ul#tags li span a{
padding-left: 40px;
width: 210px;
}
 
ul#tags li a {
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -101px;
text-shadow:0px 1px #444;
}	
	
ul#tags li a:hover, ul#tags li a:focus {
overflow: hidden;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -101px;
color:#fff;
}

ul#tags li.select a {
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -131px;
text-decoration: none;
color: #fff;
}	

ul#tags li.select a:hover, ul#tags li.select a:focus {
overflow: hidden;
background:url(../i/trn/sprites.png) no-repeat;
background-position: -175px -131px;
text-decoration: none;
}
	



.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
 
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}



#beta {
position: relative;
left:-72px;
top:3px;
height: 0px;
}