/**
 * GLOBALS
 */
	*{margin: 0; padding: 0; }
	HTML{ height:100%; width:100%; }
	BODY{ background: #fff url(/project/img/bgx-header.jpg) repeat-x; width: 100%; height: 100%; font-family: Arial, Calibri, 'Trebuchet MS'; font-size: 13px;  }
	A{ text-decoration: none; color: #666; }
	A IMG{ border: 0; }
	a:focus, a:active {outline:none}
	:focus { -moz-outline-style: none}
	H1{ margin: 10px 0 10px 0; font-family: Arial Black; font-size: 20px; color: #000; letter-spacing: -1; }
	H2{ margin: 10px 0 10px 0; font-family: Arial Black; font-size: 17px; color: #000; padding: 0;  }
	LI{ margin: 0 0 0 20px; line-height: 1.5em; }
	UL{ margin: 10px 0 10px 0;}
	OL>LI{ margin-left: 30px;}

	.clear-all{ width: 100%; clear: both; }
	.clear20{ width: 100%; clear: both; height: 20px; }
	.clear{ clear: both; font-size: 1px; height: 1px; }
	.mr15{ margin-right: 15px; }
	.mb15{ margin-bottom: 15px; }
	.mt15{ margin-top: 15px; }
	.red{ color: #933535; }
	.b{ border: 1px solid;}
	.brd{ border: 1px solid #ddd;}

	A.service{ font-size: 11px; color: #000; text-decoration: underline; padding: 0 0 1px 0; }
	#slideshow{ background: #000; height: 344px; position: relative; }
	#slideshow .loading{ position: absolute; z-index: 10; top: 20px; right: 20px; width: 27px; height: 27px; background: url(/project/img/i-loading.gif)  }

	#slide-banner{ position: relative; height: 377px; width: 100%; }
	#slide-banner DIV{ position: absolute; top:20; left:0; z-index:8; opacity: 0.0; }
	#slide-banner DIV.active{ z-index:10; opacity:1.0; }
	#slide-banner DIV.last-active { z-index:9; }

	.ilink{ border: 1px solid #fff; }
	.table{ border-collapse: collapse; }
		.table TD{ padding: 5px; }
		.table IMG{ margin: 0 5px 0 5px; }
	div1{ border: 1px solid; }

	#map{ height: 400px; }
	.hidden{ display: none; }
/**
 * DIVS
 */
	#global {_height: 100%; margin:0 auto; position: relative; min-width: 1000px; z-index: 1; }
	html>body #global {height: auto !important; min-height: 100% !important; }
		.global-inner { margin: 0 auto;  padding: 0 0 70px 0; position: relative; width: 90%; } /* bottom 50px + 20px */

	.menu{ height: 183px; position: relative; }
		.logo{ height: 84px; }
		.menu .inner{ margin: 0 17px 0 17px; height: 49px; background: url(/project/img/bgx-menu.png); text-align: center; padding: 0 200px; }
			.menu .inner A{ font-size: 15px; color: #ddd; }
		.menu P{ float: left; height: 27px; width: auto; padding: 9px; }
		.menu P.active{ background: url(/project/img/bgx-menu-a.png);}
		.menu .chop-l{ position: absolute; top: 0; left: 0; width: 17px; height: 49px; background: url(/project/img/i-menu-chop-left.png) }
		.menu .chop-r{ position: absolute; top: 0; right: 0; width: 17px; height: 49px; background: url(/project/img/i-menu-chop-right.png) }
		.menu .l-block{ float: left; width: auto; position: absolute; top: 0; left: 17px; height: 49px; }
		.menu .r-block{ float: left; width: auto; position: absolute; top: 0; right: 17px; height: 49px; }
	.search{ position: absolute; top: 75px; left: 0; width: 300px; height: auto; background: url(/project/img/bg-search.png); padding: 20px; }
		#searchfld{ padding: 3px 0 0 30px; width: 100%; height: 20px; border: 0; background: url(/project/img/bgi-search.gif); font-size: 11px; color: #666; }
	.contacts{ position: absolute; top: 75px; right: 0; width: 300px; height: 65px; text-align: right; }
	.fast{ height: 45px; margin: 20px auto; width: 171px; position: relative; text-align: left; font-size: 12px; font-weight: bold; }
		.fast	.consult{ background: url(/project/img/bg-consult.png); width: 45px; height: 45px; position: absolute; top: 0; left: 63px;  }
		.fast .txt1{ position: absolute; top: 13px; left: 0; width: 60px; text-align: left; text-transform: uppercase; font-size: 17px;}
		.fast .txt2{ position: absolute; top: 16px; right: 0; width: 60px; text-align: left;  }		

		/*	not used
			.fast A{ color: #fff; font-weight: bold; }
			.fast DIV{ float: left; margin: 0 5px ; }
			.fast IMG{ width: 20px; height: 20px; }
			.fast-icq{ background: url(/project/img/rol-icq.gif) 0 20px; width: 20px; height: 20px; }
			.fast-skype{ background: url(/project/img/rol-skype.gif) 0 20px; width: 21px; height: 20px; }
			.fast-hi{ background: url(/project/img/rol-hi.gif) 0 20px; width: 21px; height: 20px; }
		*/

	.content{ position: relative; min-height: 500px; height: auto; }
		.content .col80{ float: left; width: 70%; }
			.col80 A{ text-decoration: underline; color: #6589ba;}
			.col80 A:hover{ color: #c52100; }
			.col80 SELECT{ font-size: 11px; padding: 1px; }
				.col80 TABLE{ border-collapse: collapse; }
				.col80 TD{ font-size: 11px; padding: 5px; font-family: Verdana; }
				.col80 TH{ font-size: 11px; padding: 5px; text-align: left; font-family: Verdana; text-decoration: underline; }
				.col80 .attention{ margin-left: 10px; background: url(/project/img/bg-slink.gif) no-repeat; padding: 5px 0 5px 30px; }
			.catalog{ float: left; margin: 0 10px 10px 0; border: 1px solid #ddd; height: 170px; width: 140px; text-align: center; padding: 5px 10px 5px 10px; position: relative; }
			.catalog A{ color: #c52100; text-decoration: underline; font-size: 14px; }
				.catalog .sub{ position: absolute; top: 0; left: 0; visibility: hidden; text-align: left; background: #f6f6f6; min-height: 100%;  }
				.catalog .go-check{ position: absolute; top: 5px; right: 5px; text-align: left; width: auto; height: 30px; }
					.charact .sub P{ padding: 0; font-size: 10px; border: 4px solid #f6f6f6; font-family: Tahoma; }
						.charact .sub P.sw1{ padding-left: 5px; }	
						.charact .sub P.sw2{ padding-left: 5px; background: #eaeaea; }
							.seldiv{ position: absolute; top: 16px; right: 15px; }
						.charact P.need{ font-size: 10px; }
						
					.conf-text{ float: left; width: 30%; }
					.conf-spec{ float: left; width: 70%; text-align: left;}
					.conf-price{ color: #c52100; font-family: Arial Black; font-size: 20px;}
					.catalog .model{ font-size: 10px; text-align: left; }
					.catalog .model-i{ height: 60px; }
					.sub UL{ margin: 3px 0 0 15px; LIST-STYLE-IMAGE: url(/project/img/bg-sub-li.gif); }
					.sub .header{ font-size: 9px; font-family: Tahoma; padding: 5px; font-weight: bold; }
					.sub LI{ margin-left: 5px; }
				.catalog .sub A{ color: #000; text-decoration: none; font-size: 11px; font-family: Tahoma; }
				.catalog .sub A:hover{ color: #c52100; }
				.catalog .config{ position: absolute; bottom: 0; right: 0; width: 31px; height: 30px;}
			.configurator .vendor{ width: 25%; min-height: 100%; float: left; height: 200px; overflow: hidden; position: relative; }
				.configurator .vendor-move { position: relative; }
				.configurator .vendor .scroll{ position: absolute; width: 5px; height: 110px; top: 110px; background: url(/project/img/bgy-scrollpane.png) repeat-y; }	
				.configurator .vendor .scroll IMG{ position: relative; }											
				.configurator .vendor P{ margin: 3px 0 0 5px; text-align: left; padding: 0 0 0 5px; }	
				.configurator .vendor A{ font-size: 11px; }
				.configurator .vendor A:hover{ color: #000; }
					
		.content .col20{ float: left; width: 27%; margin-left: 3%; text-align: right; }
			.col20 H2{ font-size: 14px; }
			.col20 A:hover{ color: #c52100; }
			.faq{ text-align: left; padding: 5px; }
				.faq A{ font-family: Tahoma; font-size: 10px; color: #000; }
				.faq .accent { margin: 10px 0 10px 0; padding: 10px; border-top: 1px dashed #888; border-bottom: 1px dashed #888;  }
				.faq .accent P{ font-family: Tahoma; font-size: 11px; }
				.faq .accent A{ color: #c52100; font-size: 11px; }
			.banner{ background: url(/project/img/bgx-banner.gif) repeat-x; text-align: center; padding: 5px; }
			.news{ text-align: left; padding: 5px; font-family: Tahoma; font-size: 10px; }
				.news LI{ margin: 0 0 10px 20px; }
				.news A{ font-family: Tahoma; font-size: 10px; color: #000;  }

			.voting{ text-align: left; padding: 5px 5px 20px 5px; position: relative; } 
				.voting H2{ color: #933535; }
				.voting UL{ LIST-STYLE-TYPE: none;}
				.voting A{ color: #000; font-size: 12px; }
				.voting LI{ position: relative; margin: 0; padding: 4px; }
					.voting LI P.radio { position: absolute; right: 3px; top: 6px; }
					.voting .result { position: absolute; right: 8px; bottom: 10px; }
					.voting .result A{ color: #933535; }

	.footer{ position: absolute; bottom:0; left: 0; border-top: 2px solid #353b3f; width: 100%; height: 50px; font-size: 11px; color: #444;  }
		.footer .inner{ margin: 0 auto; width: 90%; position: relative; }
		.footer .left{ width: 270px; margin: 10px 0 0 0; float: left; }
		.footer .right{ position: absolute; top: 10px; right: 0; }
		.footer .center{ margin: 10px 0 0 10px; width: auto; float: left; padding: 0 0 0 10px; border-left: 1px solid #ddd;}

	div.service { height: 140px; position: relative; }
		.service UL{ margin: 0; LIST-STYLE-TYPE: none; }
		.service LI{ margin: 0; float: left; width: 130px; height: 120px; text-align: center; margin: 15px 10px 0 0; }
		.service A { color: #933535; font-size: 11px; text-decoration: none; line-height: 11px;}
		#block-service { height: 120px; width: 100%; margin: 0 auto; overflow: hidden; float: left;  position: relative; }
		#block-service-move{ height: 120px; width: 1700px; position: relative; }
		.service .buttons { position: absolute; bottom: 5px; left: 5px; height: 19px; z-index: 999;}
			.service .buttons A{ color: #666; text-decoration: none; }
		.service .shadow{ position: absolute; right: 0; top: 0; height: 140px; width: 20px; background: url(/project/img/bgi-scroll-shadow.png) 30px 0; z-index: 997; }
		.service .shadow-l{ position: absolute; left: 0; top: 0; height: 140px; width: 20px; background: url(/project/img/bgi-scroll-shadowl.png) 40px 0; z-index: 998; }

	.navig{ font-size: 11px; color: #c52100; }
		.navig .sep{ margin: 0 10px 0 10px; }
		.navig A{ color: #666; }
		.navig A:hover{ color: #000; }

	.filter-logo{ width: 100px; height: 40px; border: 1px solid #dedfde; margin: 0 15px 0 0; }

	#float-container{ position: absolute; top: 0; left: 0; }
	#float-text{ width: 250px; height:auto; }
		div#float-text #shadow{ margin:5px; background:#fff; border:1px solid #999; position: absolute; width:230px; top: 0px; left: 0px; }
		div#float-text #shadow DIV{ margin: 10px; font-family: Arial; font-size: 10px; color: #000; text-align:left; }
			#shadow U { color: red; }

	.print{ background: #fff; padding: 20px; position: relative;}
		.print-logo{ height: 100px; }
		.print-contact{ position: absolute; top: 20px; right: 20px; width: 476px; font-size: 10px; }
	
	.paginator{ background: #eceedf; padding: 10px; margin: 15px 0 15px 0; position: relative; min-height: 22px; }
		#pagescroll TD { font-family: Arial; font-size: 11px; color: #333; padding: 2px 7px 2px 7px; background: #f0f0f0; border: 1px solid #ddd; }
		#pagescroll TD.current { background-color: #c52100; color: #fff; }
		#pagescroll TD.current A{ color: #fff; }
		#pagescroll TD.textlink { border-left: 1px solid #ccc; }
		#pagescroll A { font-family: Arial; font-size: 11px; color: #333; text-decoration: none;  }
		.paginator .type{ position: absolute; top: 10px; right: 10px; width: auto; }

/* 
 *  FLOATING OPERATOR
 */
	#consult-container{ z-index: 99999; position: absolute; top: 0; }	
	.form{ position: absolute; visibility: hidden ; top: 0; left: 0; width: 400px; height: 480px; border: 1px solid #888; background: url(/project/img/bg-resize.gif) no-repeat 100% 100% #fff; font-size: 11px; font-family: Tahoma; }
		.form select, .form input{ font-size: 11px; font-family: Tahoma;}
		.form	.form-header{ background: url(/project/img/c-header-blue.png) 50% 50% repeat-x; font-size: 20px; font-family: Tahoma; color: #fff; height: 25px; position: relative; padding: 5px; cursor: pointer; -moz-user-select: none;
					-khtml-user-select: none; user-select: none; }
		.form	.control{ position: absolute; width: auto; right: 5px; top: 5px;}
		.messages{ width: 100%; margin: 0; height: 150px; overflow: scroll; overflow-x: hidden; margin: 5px 0 5px 0; border: 1px solid #ddd;  }
			.messages TD{ font-size: 10px; }
			.messages TD.mess-oper{ color: #2e53a6; }
			.messages TD.mess-user{ color: #a62e2e; }	
			.messages TD.mess-write{ color: #808080; font-style: italic; }	
			.messages P{ margin: 0; }
		.symple{ width: 100%; height: 100px; font-size: 11px; padding: 0; border: 1px solid #ddd; }
		.form-operator{ width: 300px;}
		.form-fields{ margin: 10px; }
			.form-fields TD{ padding: 5px 0 5px 0; }
	.ui-resizable { position: relative;}
	.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
	.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
	.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
	.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
	.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
	.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
	.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
	.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
	.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
	.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} 
/* 
 *  FLOAT FORM
 */
	#form-shadow{ visibility: hidden; position: absolute; top: 0; left: 0; background: #f0f0f0; width: 550px; height:auto; border: 1px solid #888; z-index: 99999; }
		#form-shadow DIV{ margin: 10px; font-family: tahoma; font-size: 11px; color: #000; text-align:left; }
		#form-shadow DIV input{ font-family: Arial; font-size: 11px; color: #000;  }
		#form-shadow DIV SELECT{ font-family: Arial; font-size: 11px; color: #000;  }
		#form-shadow TD { vertical-align: top; }
		#form-shadow A { font-family: Arial; font-size: 11px; color: #000; }
		#form-shadow .form-h-text { text-align: right; width: 120px; }
		#form-shadow .form-comm-text { color: #808080; }
		#form-shadow .form-progress{ color: #f00; }
		#form-shadow .form-header { font-size: 12px; }
		#form-shadow .form-name-text { font-size: 26px; padding-bottom: 10px; }
		#form-shadow TEXTAREA { font-size: 11px; font-family: Arial;}	
		#form-shadow #table-conf TD{ padding: 0 4px 4px 0;}
		#table-conf{ display: none; width: 100%; }
		#form-shadow .switch{ color: red; }