@CHARSET "windows-1251";

html,body{margin:0px;padding:0px;height:100%;}
html{overflow-y:scroll}

#site-container{
	min-height	: 100%;
	height		: 100%;
	position	: relative;
	overflow	: visible;
	z-index		: 1;
}
#site-container .layouts-last{ /* for footer */
	padding-bottom:150px;
	zoom		: 100%;
}
body>#site-container{
	height : auto;
	background-repeat: no-repeat;
}
.center{min-width:864px;}

/* Basic font sizes */
body{
	min-height	: 100%;
	font-family	: Verdana,sans-serif; 
	font-size	: 11px; 
	line-height	: 18px; 
	font-size	: 69% /* 16*0.69 = 11px */; 
	line-height	: 164% /* 11*1,64 = 18px */;
}
/* Icons */
.icons{
	background	: url('/includes/images/icons.gif?ver=0.9') no-repeat;
}
.icons-x{
	background	: url('/includes/images/icons_repeatx.gif?ver=0.9') repeat-x;
}

/** General definations **/
p{
	margin		: 0px;
	padding		: 0px 0px 9px 0px;
}

.center{
	margin		: auto;
	width		: 864px;
	display		: block;
}
.site-main{
	position	: static;
}
.clear{clear:both;display:block;}
.dividerdotted{border-top:1px dotted #cccccc;margin-top:20px;}
object,embed{z-index:1;zoom:100%;display:block;}
.sifr{visibility: visible !important;}
.no-sifr{visibility: visible !important;}
a{
	color: #000000;
	text-decoration: none;
	outline: none;
}
a:hover{color:#3399FF;text-decoration:underline;}
.small{font-size:91%;line-height:140%;}
.medium{font-size:13px;}
.big{font-size:14px;}
pre{font-size:120%;margin:0px 0px;display:block;padding:5px;border:1px dashed #d0d0d0;}
zdiv.p20{padding:20px !important;}
div.p10{padding-top:10px !important;}
div.d{height:10px;overflow:hidden;}
.clearmargin{
	margin-right	: 0px !important;
}
p.notify{
	margin: 19px 0px;
	padding: 15px 23px 18px;
	font-size: 109%;
	font-weight: bold;
	background-color:#f0f0f0;
}
p.note{
	font-size	: 91%;
	line-height	: 141%;
	padding		: 12px 11px;
}

.right-panel{
	float	: right;
	width	: 235px;
}

body iframe#_atssh{
	display	: none;
}

.navigation{
	clear:both;
	float:none;
}
.navigation a.current{
	font-weight:bold;
}



.banner{
	padding		: 1px;
	border		: 1px solid #D0D0D0;
	background	: transparent no-repeat center center;
}

.border-box{
	padding	: 16px 20px;
	border	: 3px solid #f0f0f0;
}
.no-indent{
	padding	: 0px;
	margin	: 0px;
}
.hippopotamus{
	background	: url("/includes/images/hippopotamus.gif") no-repeat 380px 10px;
}


.site-path{
	width		: 840px;
	min-width	: 840px;
	padding		: 5px 12px;
	margin		: 19px auto 0px auto;
	background	: #F0F0F0;
	color		: #787878;
}


/* -------------------------- Headers: H1,H2,H3,H4 --------------------------------- */
h1,h2,h3,h4{
	font-family	: Georgia,Verdana, sans-serif;
	margin		: 20px 0px;
	padding		: 0px;
	line-height	: 122%; /* font-size*1.22 */
	letter-spacing:-0.06em;
	zoom		:100%;
}
h1,h2,h3,h4{
	letter-spacing : -0.03em;
}
h1 a,h2 a,h3 a,h4 a{
	color		: #000000;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{
	color		: #000000;
	text-decoration:none;
}
div>h2:first-child,
div>h3:first-child,
div>h4:first-child{
	margin-top	: 0px !important;
}
div>h1:first-child{
	margin-top	: 23px;
}

h1,
h2{
	font-size: 272%/* 11*2.72 = 30px */;
	font-family: "Segoe UI";
	font-weight: lighter;
}
h3{font-size: 218%/* 11*2.18 = 24px */; }
h4{font-size: 163%/* 11*1.63 = 18px */; margin:0px;}

.header-normal h1,
.header-normal h2,
.header-normal h3,
.header-normal h4{font-weight:normal; }

.header-bold h1,
.header-bold h2,
.header-bold h3{font-weight:bold;}
.header-bold h1{font-size: 327%;}
.header-normal h1,.header-normal h2,.header-normal h3,.header-normal h4,
.header-bold   h1,.header-bold   h2,.header-bold   h3,.header-bold   h4{visibility	: hidden;}

/* -------------------------------------------------- General Colors --------------------------------------------- */
.red{		color:#ff0000;}
.orange{	color:#ff6600;}
.black{		color:#000000;}
.green{		color:#66aa22;}
.blue{		color:#0066dd;}
.dark-grey{	color:#777777;}
.grey{		color:#d0d0d0;}
.light-grey{
	color: #000000;
}
.bg-dark-grey{
}
.bg-grey{		background-color:#d0d0d0}
.bg-light-grey{	background-color:#f0f0f0}
.bg-orange{		background-color:#ff6600}
.bg-green{		background-color:#66aa22}
.bg-blue{		background-color:#0066dd}
.bg-light-blue{	background-color:#EBF1F7}
.bg-dark-blue{ 	background-color:#1866BA}


.site-main ul li.icons,
.site-main ul li a.icons{ background:url('/includes/images/dots.gif') no-repeat;}

.site-main ul li.icon-grey{	background-position:0em -90px !important;}
.site-main ul li a.icon-grey{	background-position:0em -93px !important;}
.site-main ul li.icon-black{	background-position:0px -180px !important;}
.site-main ul li a.icon-black{	background-position:0em -183px !important;}
.site-main ul li.icon-orange{	background-position:0em 0.6em !important;}
.site-main ul li a.icon-orange{background-position:0em 0.4em !important;}

.bg-pink{background-image:url('/includes/images/panel_pink.gif');}
.bg-blue{background-image:url('/includes/images/panel_blue.gif');}

.header-orange h3,
.header-orange h3 a,
.header-orange h3 a:hover,
.header-orange h2,
.header-orange h2 a,
.header-orange h2 a:hover{color:#FF6600;}
.header-green h3,
.header-green h3 a,
.header-green h3 a:hover,
.header-green h2,
.header-green h2 a,
.header-green h2 a:hover{color:#66AA22;}
.header-blue  h3,
.header-blue  h3 a,
.header-blue  h3 a:hover,
.header-blue  h2,
.header-blue  h2 a,
.header-blue  h2 a:hover{color:#1866BA;}
.header-grey  h3,
.header-grey  h3 a,
.header-grey  h3 a:hover,
.header-grey  h2,
.header-grey  h2 a,
.header-grey  h2 a:hover{color:#777777;}
.header-black h3,
.header-black h3 a,
.header-black h3 a:hover,
.header-black h2,
.header-black h2 a,
.header-black h2 a:hover{color:#000000;}

/* ----------------------------------------------------- Lists: UL,OL,DL ----------------------------------------- */
ul,ol{
	margin:0px;
	padding:0px;
}
ul{
	display:block;
	list-style-type:none;
}
ol{		padding:9px 0px;list-style-position:inside}
ol li,
ul li{/*line-height:120%;padding:2px 0px;*/}
ul b{padding-bottom:7px;display:block;} /** ul header **/
ul li.icons,
ul li a.icons{padding-left:10px;}
ul.p20{padding-top:20px;}
ul.bottom10{margin-bottom:10px;}
dl{padding:14px 0px 1px 0px;margin:0px;}
dt{padding:0px;font-weight:bold;margin-bottom:7px;}
dd{padding:0px;margin:0px;}
dd p{padding:0px;margin:0px;}

/* Dotted UL */
ul.icons-grey li,
ul.icons-orange li,
ul.icons-black li{
	padding		: 0px 0px 0px 10px;
	background	: url('/includes/images/dots.gif') no-repeat 0px 0px;
}
ul.icons-grey li{
	background-position: 0px -90px !important;
}
ul.icons-orange li{
	background-position: 0px 7px !important;
}
ul.icons-black li{
	background-position: 0px -180px !important;
}

/** FAQ **/
ul.faq li a.faq{padding-left:22px;background:url('/includes/images/icons.gif') no-repeat 5px -193px;}
ul.faq li a.faq_open{background-position: 5px -243px;}
ul.faq li a.current{}
ul.faq li div.answer{
	padding	: 15px 19px;
	margin	: 5px 0px 20px 0px;
	border	: 1px solid #D0D0D0;
	background-color : #F0F0F0;
}
ul.faq li div.answer{display:none;}
ul.faq li .show{
	display:block !important;
}

/* -------------------------- Site Header ------------------------------------------ */
.site-header{
	height		: 62px;
	min-width	: 864px;
	color		: #ffffff;
	border-bottom : 2px solid #ffffff;
}
.site-header .center{
	z-index : 998;
	height : 62px;
	position : relative;
	background-image: url('logo_new.png');
}
.site-header a,
.site-header a:hover,
.header-menu-line a,
.header-menu-line a:hover
{
	color: #999999;
}
/* site-header, logotype */ 
.site-header .logo{
	display		: block;
	position	: absolute;
	top			: 16px;
	left		: 0px;
	width		: 127px;
	height		: 29px;
	text-indent	: -3000px;
	background	: url('/includes/images/logo.gif') no-repeat;
}

/* site header, language box */
.site-header #language-box{
	position : absolute;
	width : 104px;
	top : 19px;
	right : 160px;
	font-size : 11px;
	line-height : 18px;
	color: #666666;
}
.site-header #language-box ul {
	display		: none;
	position	: absolute;
	left		: 0px;
	top			: 19px;
	padding		: 8px 0px;
	background	: #ffffff 0px -120px;
	border		: 1px solid #1866BA;
	border-width: 0px 1px 1px 1px;
	z-index		: 2000;
}
.site-header #language-box.hover ul{
	display		: block;
}
.site-header #language-box ul li {
	margin		: 0px 1px;
}
.site-header #language-box ul li a {
	display		: block;
	width		: 60px;
	padding		: 2px 14px 2px 26px;
	color		: #000000;
}
.site-header #language-box ul li a:hover{
	color		: #ffffff;
	background-color : #000000;
	text-decoration  : none;
}
.site-header #language-box ul li.english a{background-position:4px -134px;}
.site-header #language-box ul li.russian a{background-position:4px -104px;}

/* site header, search box */
.site-header .search-box{
	position	: absolute;
	top			: 19px;
	right		: 0px;
	font-size	: 11px;
}
.site-header .search-box form{
	line-height	: 15px;
}
.site-header .search-box form input.text{
	padding		: 2px 3px;
	width		: 118px;
	height		: 14px;
	font-size	: 110%; /* 12px */
	border		: 0px;
	outline-style:none;
}
.site-header .search-box form input.submit{
	min-width	: 18px;
	display		: inline;
	padding		: 0px;
	margin		: 0px;
	border		: 0px;
	width		: 18px;
	height		: 18px;
	text-indent : -3000px;
	line-height : 18px;
	overflow	: hidden;
	cursor		: pointer;
	background-color:#ffffff;
	background-position:2px -86px;
}

/* site header, button at the bottom-right */
.header-menu-line .center{
	position	: relative;
	height		: 33px;
	z-index		: 100;
}
/* add-buttons (live chat, shopping cart) */
.header-menu-line .add-buttons{
	position	: absolute;
	right		: 0px;
}
.header-menu-line .add-buttons a{padding-left:20px;line-height:33px;}
.header-menu-line .add-buttons span.d{color:#9DBFE3;padding:0px 7px;}
.header-menu-line .add-buttons a.livechat{background-position:0px -66px;}
.header-menu-line .add-buttons a.shopcart{background-position:0px -38px;}

/** header menu **/
#header-menu{
	position : absolute;
	left : -8px;
	padding : 0px;
	z-index : 999;
	zoom : 100%;
	list-style-type : none;
	margin-top: 30px;
	margin-left: 26.5px;
}
/* header menu, level 1 */
#header-menu li{
	display		: block;
	position	: relative;
	float		: left;
	white-space	: nowrap;
	line-height	: 33px;
	margin-right: 6px;
	cursor		: pointer;
	z-index		: 999;
}
#header-menu li a{
	display		: block;
	padding		: 11px 8px;
	padding		: 0px 8px;
	text-decoration : none !important;
}
#header-menu li:hover,
#header-menu li.hover{
	background	: url('/includes/images/blue-menu-bg.gif') repeat-x bottom left;
}
#header-menu li.current a{
	color		: #B3D8FF;
}
#header-menu li.current ul li a{
	color		: #000000;
}
/* header menu, level 2 */
#header-menu li ul {
	display		: none;
	position	: absolute;
	top			: 33px;
	left		: 0px;
	background	: url('/includes/images/icons_repeatx.gif?ver=0.9') #ffffff 0px -60px;
	border		: 1px solid #1866BA;
	border-width: 0px 1px 1px 1px;
	padding		: 8px 0px;
	z-index		: 999;
}
#header-menu li ul li{
	float		: none;
	margin		: 0px 1px;
	min-width	: 160px;
	line-height	: 30px;
}
#header-menu li ul li a{
	display		: block;
	width		: 160px;
	padding		: 0px 14px;
	color		: #000000;
}
#header-menu li ul li>a{
	width		: auto;
}
#header-menu li ul li.hover,
#header-menu li ul li.hover a,
#header-menu li ul li a:hover{
	color		: #ffffff;
	background 	: #000000;
}
/** test **/
#header-menu li ul{
	min-width	: 160px;
}
#header-menu li>ul{
	width		: auto;
}
#header-menu li ul li{
	width		: auto;
	min-width	: auto;
	white-space	: nowrap;
	position	: static;
	line-height	: auto;
	height		: auto;
	border-bottom: 1px solid #ffffff;  /* IE6 fix */
}
#header-menu li ul>li{
	border-bottom: 0px; /* fix back, for normal browsers */
}
#header-menu li ul li a{
	width		: auto;
	min-width	: auto;
	display		: block;
}



#header-menu li ul li.delimiter{
	margin		: 3px 15px 5px 15px;
	padding		: 0px;
	border-bottom:1px dashed #dddddd;
	height		: 1px;
	line-height	: 1px;
	font-size	: 0px;
	overflow	: hidden;
	cursor		: default;
	zoom		: 100%;
}
#header-menu li ul li.delimiter:hover{
	background	: #ffffff;
}

/* -------------------------- Site Footer ------------------------------------------ */
.site-footer{
	position : absolute;
	left : 0px;
	bottom : 0px;
	clear : both;
	float : none;
	width : 100%;
	min-width : 864px;
	height : 125px;
	margin-top : 20px;
	border-top : 2px solid #D0D0D0;
	font-size : 90%;
	zoom : 100%;
	overflow : visible;
	border-top-width: 0px;
	background-image: url('index_files/footer.png');
	background-repeat: no-repeat;
}
.site-footer .center{position:relative;}
.site-footer a{
	color: #666666;
}
.site-footer a:hover{color:#f0f0f0;}
.site-footer ul{float:left;padding-top:10px;}
.site-footer ul li{padding:0px 52px 0px 10px;}
.site-footer .copy{
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 10px;
	color: #666666;
}

/* each page, column size */
/* -------------------------- Layout Sizes ----------------------------------------- */
.left-block,
.right-block {
	float:left;
}
.layouts-big,
.layouts-normal,
.layouts-tiny,
.layouts-tiny-left,
.layouts-none{
	margin-top	: 20px;
}
.site-main .right-block{
	margin-left	: 25px;
}
/* .layouts-big - широкая правая часть */
.layouts-big .left-block{
	width		: 490px;
}
.layouts-big .right-block{
	width		: 341px;
}
/* .layouts-normal - почти пополам, но правая часть чуть уже левой. */
.layouts-normal .left-block{
	width		: 590px;
}
.layouts-normal .right-block{
	width		: 248px;
}
/* .layouts-tiny - узкая правая часть */
.layouts-tiny .left-block{
	width		: 615px;
}
.layouts-tiny .right-block{
	width		: 224px;
}
/* .layout-tiny-left - узкая левая часть */
.layouts-tiny-left .left-block{
	width		: 177px;
}
.layouts-tiny-left .right-block{
	width		: 658px;
}
.layouts-none .left-block{
	width		: 100%;
}

/* -------------------------- Form ------------------------------------------------- */
form {
	padding:0px;
	margin:0px;
}
form input,
form select,
form textarea{
	padding		: 1px 0px;
	margin		: 0px;
	border		: 1px solid #ABADB3;
	font-family	: Arial,Verdana,sans-serif;
	font-size	: 118% /* 13px */;
	color		: #000000;
	background	: #ffffff;
	vertical-align : middle;
}
a.submit,
form input.submit{
	display		: block;
	padding		: 3px 22px 4px;
	margin-top	: 9px;
	border		: 3px solid #d0d0d0;
	font-family	: Verdana,sans-serif;
	font-size	: 100%;
	cursor		: pointer;
	overflow	: visible;
	color		: #000000;
	text-align	: center;
	line-height	: 15px;
	background-color:#f0f0f0;
	text-decoration:none;
}
a.submit{
	min-width	: 64px;
}
a.submit:hover,
form input.submit:hover{
	border-color: #777777;
	text-decoration:none;
	color		: #000000;
}
a.submit:active,
form input.submit:active{
	border-color: #ff6600;
	color		: #ff6600;
}

form div.error{color:#ff0000;}
form div.error .field select,
form div.error .field input,
form div.error .field textarea{border-color:#ff0000;}

form.table {padding-left: 40px;}
form.table div.error{padding-left:175px;}
form.table div.row{padding:8px 5px;}
form.table div.row .title{float:left;text-align:right;width:160px;padding-right:10px;white-space:nowrap;}
form.table div.row .field{padding-left:10px;}
form.table div.hidden-field{display:none;}
form.table input,
form.table select,
form.table textarea{
	width		: 307px;
	max-width	: 307px;
}
form.table input.submit{
	width		: auto;
}
form.table  select{
	padding		: 0px;
	width		: 309px;
	max-width	: 309px;
}
form.table  textarea{
	height		: 12em;
	min-height	: 12em;
	max-height	: 12em;
}
form div.captcha{margin-top:10px;}
form div.captcha img{display:block;float:left;margin:0px 20px 0px 0px;visibility:visible !important;}
form div.captcha span{display:block;margin:0px 0px 5px 0px;}
form div.captcha input{}
form div.captcha input.captcha{display:block;width:160px;}
form div.captcha a.captcha-regenerate{color:#666666;font-size:11px;}


/* -------------------------- Panels ----------------------------------------------- */
.panel{
	padding:20px 22px 18px 20px;
	position:relative;
	zoom:100%;
}
.panel p{
	padding		: 10px 0px 0px 0px;
}
.panel .corners{}
.panel .corners div{
	position	: absolute;
	width		: 3px;
	height		: 3px;
	overflow	: hidden;
	background	: url('/includes/images/icons.gif') no-repeat;
	zoom		: 100%;
}
.panel .corners div.c1{top:0px;left:0px;background-position:0px -181px;}
.panel .corners div.c2{top:0px;right:0px;background-position:-3px -181px;}
.panel .corners div.c3{bottom:0px;right:0px;background-position:-3px -184px;}
.panel .corners div.c4{bottom:0px;left:0px;background-position:0px -184px;}
/** Left Block. Panels **/
.left-block .panel{
	float		: left;
	width		: 225px;
	min-height	: 120px;
	margin		: 0px 50px 35px 0px;
	padding		: 17px 16px;
	background-color	: #ffffff;
	background-repeat	: repeat-x;
}

/* -------------------------- Home Page -------------------------------------------- */
/* home page, left block */
.home-page .panel{
	width		: 210px;
	padding		: 0px 23px 22px 11px;
	margin		: 0px;
}
.home-page .panel h2{
	font-size	: 330%;
	margin		: 0px 0px 12px 0px;
	letter-spacing: -0.06em;
}
.home-page .panel p{
	padding		: 0px 0px 6px 0px;
	color:#777777;
}
.home-page .panel p b{color:#000000;}
.home-page .panel p i{font-weight:bold;font-style:normal;}
/* home page, left part */
.home-page .left-block h2 a:HOVER{text-decoration:none;}

/* home page, right part */
.home-page .video-container{
	margin-top	: 9px;
	margin-bottom:11px;
}
.video-container{
	background:url('/includes/images/video_shadow.gif') no-repeat -1px -1px;
	padding		: 0px 5px 7px 0px;
}
.video-container a,
.video-container span{
	display		: block;
	background	: none no-repeat;
	z-index		: 4;
	overflow	: hidden;
}
.video-container span object,
.video-container span embed,
.video-container a object,
.video-container a embed{
	display		: block;
	z-index		: 10;
	overflow	: visible;
}
.home-page .right-block p{padding:0px 16px 0px 0px;}
.home-page .right-block .bookmark-button{margin-top:20px;margin-left:3px;}
.home-page .right-block h1{font-size:127%;font-family:Verdana;} 


/* ------------------------------------------------ Page 404 -----------------------------------------*/
.error-page{
	margin-top		: 30px;
	padding-left	: 80px;
	padding-top		: 5px;
	background-repeat:no-repeat;
}
.error-404{
	background-image:url('/en/error/404/404.gif');
}

/* Popup */
.popup{}
.popup .center{min-width:300px;max-width:864px;width:auto;}
.popup .layouts-last{padding-bottom:70px !important;}
.popup .site-header{height:50px;}
.popup .site-header .logo{top:10px;}
.popup .site-header,
.popup .site-main{padding:0px 20px;}
.popup .site-footer{height:50px;}

/* ------------------------------------------------ Tooltips -----------------------------------------*/
div#tooltip{
	position	: absolute;
	background	: #f0f0f0;
	padding		: 5px 15px;
	border		: 1px solid #d0d0d0;
	opacity		: 0.9;
	z-index		: 9999;
	filter		: filter: alpha(opacity='90');
	zoom		: 100%;
	white-space	: nowrap;
}
