@import url(reset.css);
@import url(lightbox.css);
@import url(jqueryMultiSelect.css);
@import url(boxy.css);
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(/images/triodveri/bg.jpg);
}
#wrapper {
	width: 1002px;
	text-align: left;
	margin: 0 auto;
	background: url(/images/triodveri/top-bg.png) no-repeat;
	padding: 14px 0 0;
}
#columns, #banners {
	background: url(/images/triodveri/wrapper-bg.png) repeat-y right 0;
	overflow: hidden;
	margin: 0 1px;
	_height: 1%;
}
#header-image {
    clear: both;
    padding: 6px 0 0;
}
    #header-image img {
        display: block;
        margin: 0 0 -10px;
        /*margin: -12px 0 0;
        padding-bottom: 24px;*/
    }
.canvas_size {
	background: url(/images/triodveri/canvas-size.png) no-repeat 7px 5px;
	padding: 7px 0 8px 24px;
	width: 86px;
	height: 26px;
}
#hot_date {
	width: 226px;
	height: 226px;
	position: absolute;
	float: right;
	right: 0;
	top: 0;
	z-index: 2;
}
	#hot_date div {
		width: 226px;
		height: 226px;
		background: url(/images/triodveri/hot_date.png) no-repeat left bottom;
		position: relative;
		float: right;
		z-index: 3;
	}
/* ELEMENTS */
.ajax-progress {
	position: absolute;
	background: #fff url(/images/loaders/ajax-loader.gif) no-repeat center center;
}
	#faqs .ajax-progress {
		background: #EFEADD url(/images/loaders/faqs-ajax-loader.gif) no-repeat center center;
	}
a.add {
	padding: 0 0 0 5px;
}
.ajax-right {
	background: url(/images/loaders/ajax-loader-small-odd.gif) no-repeat right center;
	padding-right: 20px !important;
}
.even .ajax-right {
	background: url(/images/loaders/ajax-loader-small.gif) no-repeat right center;
}
span.true, span.false, span.other {
	display: -moz-inline-block;
	display: inline-block;
	font-weight: bold;
	padding: 0 0 0 23px;
	line-height: 1.2em;
	margin: 2px 0;
}
span.true {
	background: url(/images/triodveri/true.png) no-repeat 0 .3em;
}
span.false {
	background: url(/images/triodveri/false.png) no-repeat 0 center;
	color: #ee1700;
}
span.other {
	background: url(/images/triodveri/true.png) no-repeat 0 center;
	font-style: italic;
}
input[type=text], input[type=password], input.text, textarea {
	border-top: 1px solid #808080;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #808080;
	padding-left: 2px;
	padding-right: 2px;
}
select {
	padding: 2px;
}
#content .block  form input[type=text], #content .block  form input[type=password], #content .block  form textarea {
	width: 290px;
}
#content .block  select {
	width: 296px;
}
.buttons {
	text-align: center;
	padding: 16px 0 0;
}
fieldset legend {
	display: none;
}
a {
	color: #006fc5;
}
h1 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 17px;
	line-height: 1em;
}
h1.main, h2.main {
	font-size: 14px;
	padding-bottom: 14px;
}
h2 {
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 10px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 6px;
}
#content p {
	padding-bottom: 1em;
}
div.hr {
	border-bottom: 1px dotted #000;
	margin: 5px 0 8px;
}
	div.hr hr {
		display: none;
	}
/* HEADER */
#headerOuter {
    margin: 0 1px;
    background: url(/images/triodveri/wrapper-bg.png) repeat-y right 0;
}
#header {
	background: url(/images/triodveri/header-bg.jpg) no-repeat;
	overflow: hidden;
	padding: 0 0 29px;
	_height: 1%;
}
	#logo {
		width: 152px;
		display: block;
		margin: 13px 0 0 30px;
		_margin-left: 15px;
		float: left;
	}
		#logo img {
			display: block;
		}
	#header .right {
		float: right;
		width: 791px;
		line-height: 26px;
		margin: 10px 0 0;
	}
		#header .right .descr {
			float: left;
			padding-right: 18px;
		}
		#small-menu {
			display: -moz-inline-block;
			display: inline-block;
			overflow: hidden;
			height: 26px;
			float: left;
		}
			#small-menu li {
				float: left;
				padding: 0 4px 0 0;
			}
				#small-menu a {
					display: block;
					height: 26px;
					width: 26px;
				}
				#small-menu a:hover {
					background: no-repeat url(/images/triodveri/small-menu-li-active.png) center center;
				}
					#small-menu a span {
						display: block;
						height: 26px;
						width: 26px;
					}
				#small-menu .home a span {
					background: no-repeat url(/images/triodveri/home-icon.png) center center;
				}
				#small-menu .search a span {
					background: no-repeat url(/images/triodveri/search-icon.png) center center;
				}
				#small-menu .sitemap a span {
					background: no-repeat url(/images/triodveri/sitemap-icon.png) center center;
				}
					#small-menu li span span {
						display: none;
					}
		#city-select {
			display: -moz-inline-block;
			display: inline-block;
			height: 26px;
			padding: 0 0 0 16px;
		}
			#city-select select {
				position: relative;
			}
			#city-select label {
				margin: 0 11px 0 0;
			}
			#city-select label:after  {
				content: ':';
			}
	#menu {
		clear: left;
		width: 100%;
		height: 41px;
		margin: 11px 0 0;
		position: relative;
	}
		#menu td {
			background: url(/images/triodveri/menu-bg.png) repeat-x 0 0;
			vertical-align: middle;
			text-align: center;
			padding: 0 0 0 5px;
			height: 41px;
		}
		#menu td.first {
			background: url(/images/triodveri/menu-first-bg.png) no-repeat 0 0;
		}
			#menu td a {
				color: #fff;
				font-size: 13px;
				display: block;
				line-height: 41px;
				padding: 0 5px 0 0;
			}
				#menu td.active {
					background: url(/images/triodveri/menu-active-bg.png) 0 1px;
				}
					#menu td.active a {
						background: url(/images/triodveri/menu-first-active-bg.png) repeat-x right 0;
						text-decoration: none;
					}
				#menu td.first.active {
					background: url(/images/triodveri/menu-first-active-bg.png) repeat-x 0 0;
					_background: url(/images/triodveri/menu-first-active-bg.png) repeat-x right 0;
				}
/* BANNERS */
#banners {
	text-align: center;
	margin-top: -9px;
	padding-bottom: 27px;
}
	#banners table {
		margin: 0 auto;
	}
		#banners td {
			padding-right: 10px;
			padding-left:10px;
			width: 308px;
		}

/* SIDEBAR */
#sidebar {
	width: 215px;
	float: left;
	/*overflow: hidden;*/
}
	#sidebar .block {
		margin: 0 0 20px 2px;
		_height: 1%;
	}
	*:first-child+html .block, *:first-child+html .block .content,  *:first-child+html .block .inner {
		height: 1%;
		position: relative;
	}
		#sidebar .block .content {
			padding: 17px 0 0;
			position: relative;
		}
			#sidebar .block .inner {
				padding: 0 0 17px;
				_height: 1%;
			}
		#sidebar .block h4 {
			padding: 0 0 4px 22px;
		}
	#submenu .content {
		background: url(/images/triodveri/main-submenu-block.png) no-repeat right top;
	}
		#submenu .inner {
			background: url(/images/triodveri/main-submenu-block.png) no-repeat right bottom;
			padding: 0 !important;
		}
		#submenu .inner2 {
			padding: 0 !important;
		}
			#submenu .inner2 ul {
				font-size: 14px;
				color: #006fc5;
			}
				#submenu .ul_sub li {
				}
					#submenu .inner2 ul li a {
						display: -moz-inline-block;
						display: inline-block;
						color: #ee1700;
					}
			#submenu .inner ul {
				font-size: 14px;
				color: #006fc5;
			}
				#submenu .inner ul li {
					padding: 0 0 19px;
				}
					#submenu .inner ul li a {
						display: -moz-inline-block;
						display: inline-block;
						line-height: 1.2em;
						padding: 0 0 0 27px;
						color: #ee1700;
					}
					#submenu.main .inner ul li a {
						font-size: 17px;
					}
					#submenu .inner ul li a:hover {
						background: url(/images/triodveri/submenu-a-hover-bg.gif) no-repeat 0 center;
						color: #000;
					}
					#submenu .inner ul li .prefix {
						display: none;
					}
					#submenu.main .inner ul li ul {
						display: none;
					}
					#submenu .inner ul li ul {
						padding: 10px 0 0 10px;
						font-size: 85%;
					}
						#submenu .inner ul li ul li {
							padding: 0 0 8px;
						}
						#submenu .inner ul li ul li:last-child {
							padding: 0;
						}
					#submenu.main .inner ul li .prefix {
						display: block;
						font-size: 14px;
						color: #676767;
						padding: .2em 0 0 27px;
					}
	#basket .content {
		background: url(/images/triodveri/green-block.png) no-repeat right 0;
	}
		#basket .inner {
			background: url(/images/triodveri/green-block.png) no-repeat right bottom;
			padding-left: 20px !important;
		}
			#basket .name {
				font-size: 14px;
				display: block;
			}
			#basket .cost {
				font-size: 13px;
				display: block;
				padding: 0 0 1em;
			}
			#basket .history {
				padding: 1em 0 0;
				display: block;
			}
	#faqs {
	}
		#faqs .inner {
			background: #efeadd url(/images/triodveri/faqs-answer-bg.png) no-repeat 0 bottom;
			padding: 0 0 22px;
		}
			#faqs .question {
				display: block;
				background: #c9c6bd url(/images/triodveri/faqs-question-bg.png) no-repeat 0 0;
				line-height: 1.5em;
				font-weight: bold;
				padding: 10px 19px;
			}
			#faqs .answer {
				line-height: 1.5em;
				padding: 16px 19px 0 19px;
				margin-bottom: 1em;
			}
				#faqs .answer p {
					padding: 0 0 1em;
				}
				#faqs .answer p:last-child {
					padding-bottom: 0;
				}
			#faqs .buttons {
				padding: 0 0 0 19px;
				text-align: left;
			}
			#faqs .next {
				display: -moz-inline-block;
				dipslay: inline-block;
				padding: 0 15px 0 0;
				background: url(/images/triodveri/next-bg.gif) no-repeat right 0.4em;
			}
	#new {
	}
		#new .content {
			background: url(/images/triodveri/red-block.png) no-repeat right 0;
		}
			#new .inner {
				background: url(/images/triodveri/red-block.png) no-repeat right bottom;
				padding-left: 20px !important;
			}
				#new td {
					vertical-align: middle;
					padding-top: 12px;
					padding-bottom: 9px;
				}
					#new .thumb {
						padding-right: 22px;
					}
						#new .thumb span {
							position: absolute;
							background: url(/images/triodveri/new.png) no-repeat right top;
							display: block;
							width: 37px;
							height: 37px;
							float: right;
							margin: -12px 0 0 11px;
						}
					#new .name {
						font-weight: bold;
						display: block;
						font-size: 14px;
					}
					#new .cost {
						font-size: 12px;
						font-weight: bold;
					}
	#relations {
	}
		#relations .content {
			background: #efeadd url(/images/triodveri/relations-tr.png) no-repeat right 0;
		}
			#relations .inner {
				padding-left: 20px !important;
				background: url(/images/triodveri/relations-br.png) no-repeat right bottom;
			}
				#relations td {
					vertical-align: middle;
					padding-top: 12px;
					padding-bottom: 9px;
				}
					#relations .thumb {
						padding-right: 14px;
					}
					#relations .name {
						font-weight: bold;
						display: block;
						font-size: 14px;
					}
					#relations .cost {
						font-size: 12px;
						font-weight: bold;
						display: block;
					}
	#door_selection {
	}
		#interior-doors, #input-doors {
			display: none;
		}
		#door_selection .tabs {
			width: 100%;
			background: #efeadd;
		}
			#door_selection .tabs td a {
				display: block;
				line-height: 33px;
				color: #000;
				text-decoration: none;
				text-align: center;
				background: #c1bcab;
				border-bottom: 1px solid #c1bcab;
			}
			#door_selection .tabs td.last a {
				background: #c1bcab url(/images/triodveri/tab-last-unactive.png) no-repeat right top
			}
			#door_selection .tabs td.active a {
				background: #efeadd url(/images/triodveri/tab-active.png) no-repeat right top;
				border-bottom: 1px dotted #c1bcab;
			}
			#door_selection .tabs td.last.active a {
				background: #efeadd url(/images/triodveri/tab-last-active.png) no-repeat right top !important;
			}
		#door_selection .inner {
			background: #efeadd url(/images/triodveri/door_selection-rb.png) no-repeat right bottom;
			padding: 12px 1px 19px 20px !important;
		}
			#door_selection .inner .lbl {
				padding: 0 0 7px;
			}
				#door_selection .inner .lbl label {
					display: block;
					padding: 0 0 1px;
				}
	#door_selection .colors {
		overflow: hidden;
		padding: 5px 0 0 0;
		margin: 0 0 0 -3px;
	}
		#door_selection .colors li {
			float: left;
			margin: 0 11px 1px 0;
			padding: 3px;
			overflow: hidden;
		}
			#door_selection .colors li.active {
				background: #cac5b9;
			}
			#door_selection .colors .color_id {
				float: left;
				margin: 0 3px 0 0;
			}
			#door_selection .colors .full_size {
				position: absolute;
				display: none;
				margin: 18px 0 0 18px;
				padding: 6px 5px 5px;
				background: #fff;
				font-size: 9px;
				color: #323232;
				width: 60px;
			}
				#door_selection .colors .full_size img {
					display: block;
					padding: 0 0 .6em;
				}
			#door_selection .colors a {
				display: block;
				height: 13px;
				overflow: hidden;
				float: left;
			}
	#callback {
	}
		#callback .inner {
			background: #e5eef6 url(/images/triodveri/lightblue-tr.png) no-repeat right 0;
			padding: 15px 20px 0!important;
		}
			#callback .inner .text, #callback .inner textarea {
				width: 167px;
			}
		#callback .footer {
			background: #e5eef6 url(/images/triodveri/lightblue-br.png) no-repeat right bottom;
			height: 15px;
		}
/* CONTENT */
#content {
	float: left;
	width: 726px;
	line-height: 1.3em;
	padding: 0 37px 0 22px;
	overflow: hidden;
}
	#breadcrumbs {
		line-height: 1em;
		padding: 0 0 30px;
		overflow: hidden;
	}
		#breadcrumbs a {
			display: block;
			float: left;
			margin: 0 6px 0 0;
			background: url(/images/triodveri/breadcrumbs-li.png) no-repeat 0 0.4em;
			margin-left: 10px;
			padding-left: 14px;
		}
		#breadcrumbs a.first {
			background: none;
			margin: 0;
			padding: 0;
		}
	#content .block.form {
/*		background: #c9e9c4;*/
		background: #E2F3DF;
		padding: 17px 15px;
	}
		#content .block.form dl {
			overflow: hidden;
			padding: 0 0 19px;
		}
			#content .block.form dt {
				float: left;
				clear: left;
				width: 68px;
				padding: 0 13px 0 0;
				margin: 0 0 5px;
				text-align: right;
				line-height: 20px;
			}
			#content .block.form dd {
				float: left;
				_width: 586px;
				padding: 0 18px 0 0;
				margin: 0 0 5px;
			}
				#content .block.form dd input[type=text] {
					width: 580px;
				}
				#content .block.form dd select {
					width: 586px;
				}
				#content .block.form dd select {
				}
			#content .block.form dd.required {
				background: url(/images/triodveri/required.png) no-repeat right center;
			}
			#content .block.form ul.radio, #content .block.form ul.checkbox {
			}
				#content .block.form ul.radio li, #content .block.form ul.checkbox li {
					display: inline;
				}
		#content .block.form .message {
			display: block;
			text-align: center;
			color: #eb1600;
			font-weight: bold;
			padding: 0 0 19px;
			font-size: 14px;
		}
	#content #office {
		background: url(/images/triodveri/content-contacts-bg.png) no-repeat 0 0;
		width: 730px;
		padding: 20px 0 0;
	}
		#content #office .office-inner {
			background: url(/images/triodveri/content-contacts-bg.png) no-repeat 0 bottom;
			padding: 0 19px 20px;
		}
	#content #contacts2 {
		background: url(/images/triodveri/content-contacts-bg.png) no-repeat 0 0;
		width: 730px;
		padding: 20px 0 0;
		_position: relative;
	}
		#content #contacts2 .contacts-inner {
			background: url(/images/triodveri/content-contacts-bg.png) no-repeat 0 bottom;
			padding: 0 34px 20px 0;
		}
			#content #contacts2  h4 {
				padding: 0 0 20px 34px;
				font-size: 16px;
				font-weight: normal;
			}
	#content #contacts {
		background: url(/images/triodveri/content-contacts-bg.png) no-repeat 0 0;
		width: 730px;
		padding: 20px 0 0;
		_position: relative;
	}
		#content #contacts .contacts-inner {
			background: url(/images/triodveri/content-contacts-bg.png) no-repeat 0 bottom;
			padding: 0 34px 20px 0;
		}
			#content #contacts  h4 {
				padding: 0 0 20px 34px;
				font-size: 16px;
				font-weight: normal;
			}
			#content #office .contacts {
				margin: 0 0 10px 0;
			}
				#content #office .contacts .c1 {
					text-align: left;
					width: 100%;
				}
				#content #office .contacts .c2 {
				}
					#content #office .contacts .c2 div {
						white-space: nowrap;
					}
			#content #office .map {
				padding: 0 0 0 0;
			}
				#content #office #map {
					width: 692px;
					height: 359px;
					border: 1px solid #fff;
				}
			#content #contacts .columns {
				overflow: hidden;
			}
				#content #contacts .cities {
					float: left;
					width: 163px;
					position: relative;
					text-align: right;
					padding: 15px 0;
				}
					#content #contacts .cities li {
						padding: 0 0 11px;
						background: none;
					}
						#content #contacts .cities a {
							padding: 0 17px 0 0;
							font-size: 14px;
						}
						#content #contacts .cities a.active {
							font-weight: bold;
							background: url(/images/triodveri/content-contacts-city-active.png) no-repeat right;
						}
				#content #contacts .right {
					float: left;
					width: 533px;
					background: url(/images/triodveri/content-contacts-right-bg.png) no-repeat 0 0;
					padding: 15px 0 0;
				}
					#content #contacts .right .right-inner {
						background: url(/images/triodveri/content-contacts-right-bg.png) no-repeat 0 bottom;
						padding: 0 18px;
					}
						#content #contacts .right .right-inner table {
							width: 100%;
						}
							#content #contacts .right .right-inner td {
								padding: 0 0 18px;
							}
							#content #contacts .right .right-inner td.c1 {
								width: 234px;
								padding-right: 10px;
							}
							#content #contacts .right .right-inner td.c2 {
							}
							
				#content #contacts .obectyright {
					float: left;
					width: 400px;
					background: url(/images/triodveri/content-contacts-right-bg.png) no-repeat 0 0;
					padding: 15px 0 0;
				}
					#content #contacts .obectyright .right-inner {
						background: url(/images/triodveri/content-contacts-right-bg.png) no-repeat 0 bottom;
						padding: 0 18px;
					}
						#content #contacts .obectyright .right-inner table {
							width: 100%;
						}
							#content #contacts .obectyright .right-inner td {
								padding: 0 0 18px;
							}
							#content #contacts .obectyright .right-inner td.c1 {
								width: 234px;
								padding-right: 10px;
							}
							#content #contacts .obectyright .right-inner td.c2 {
							}							
							
							
	.sort {
		margin: 14px 0 0;
		text-align: right;	
	}
		.sort label {
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			padding: 0 11px 0 0;
		}
		.sort span.label {
			display: -moz-inline-block;
			display: inline-block;
			padding: 0 9px;
			line-height: 18px;
			overflow: hidden;
			vertical-align:top;
			cursor: pointer;
			cursor: hand;
		}
			.sort span.label input {
				position: absolute;
				left: -1000px;
				top: -1000px;
			}
			.sort span.label span {
				display: -moz-inline-block;
				display: inline-block;
				line-height: 18px;
				text-decoration: underline;
				color: #006fc5;
			}
		.sort span.label.checked {
			background: url(/images/triodveri/sort-active.png) no-repeat 0 0;
			padding: 0 0 0 9px;
			overflow: hidden;
			cursor: default;
		}
			.sort span.label.checked span {
				background: url(/images/triodveri/sort-active.png) no-repeat right 0;
				padding: 0 9px 0 0;
				color: #000;
				text-decoration: none;
			}
	#filter {
		background: url(/images/triodveri/filter-bg.png) no-repeat;
		padding: 10px 15px 0;
		margin-right: -5px;
		height: 30px;
		min-width: 702px;
		_clear: left;
	}
		#filter table {
			width: 100%;
		}
			#filter table td.submit {
				text-align: right;
			}
			#filter table td {
				vertical-align: top;
			}
				#filter table label {
					padding-right: 5px;
					float: left;
					line-height: 1.7em;
				}
				#filter table input[type=text], #filter table select {
					margin-right: 3px;
				}
				#firms-filter {
					width: 145px;
				}
	#news, #searchresults  {
	}
		#news li, #searchresults li {
			background: #f6f3ec !important;
			padding: 10px 15px !important;
			margin: 0 0 10px;
		}
			#news li .title, #searchresults li .title {
				display: block;
				font-size: 17px;
				font-weight: bold;
				padding: 0 0 0.2em;
			}
			#news li .anons, #searchresults li .anons {
			}
			#news li .desc p:last-child, #searchresults li .desc .desc p:last-child{
				padding-bottom: 0;
			}
			#news li .date, .content.date {
				display: block;
				color: #a2a2a2;
				padding: 0.2em 0 0;
			}
		#news li.even, #searchresults li.even {
			background: #fff !important;
		}
	h1.block-h1 {
		background: #E2F3DF url(/images/triodveri/block-tl.png) no-repeat 0 0;
		margin: 0;
		padding: 0;
	}
		h1.block-h1 span {
			display: block;
			background: url(/images/triodveri/block-tr.png) no-repeat right 0;
			font-size: 24px;
			line-height: 50px;
			padding: 0 0 0 27px;
			font-weight: normal;
		}
	#tabs {
		width: 100%;
	}
		#tabs td {
			font-size: 24px;
			line-height: 50px;
			padding: 0 27px;
		}
			#tabs td a {
				color: #006fc5;
				display: block;
			}
		#tabs .step1 {
			background: url(/images/triodveri/step1-unactive.png) no-repeat;
		}
		#tabs .step1.active {
			background: url(/images/triodveri/step1-active.png) no-repeat;
			padding: 0 0 0 27px;
		}
			#tabs .step1.active span {
				display: block;
				background: url(/images/triodveri/step1-active.png) no-repeat right 0;
				padding: 0 27px 0 0;
			}
		#tabs .step2 {
			background: url(/images/triodveri/step2-unactive.png) no-repeat right 0;
		}
		#tabs .step2.active {
			background: url(/images/triodveri/step2-active.png) no-repeat 0 0;
			padding: 0 0 0 27px;
		}
			#tabs .step2.active span {
				display: block;
				background: url(/images/triodveri/step2-active.png) no-repeat right 0;
				padding: 0 27px 0 0;
		}
		#content .block {
			background: #e2f3df url(/images/triodveri/block-bl.png) no-repeat left bottom;
		}
			#content .block-inner {
				padding: 45px;
				text-align: center;
				background: url(/images/triodveri/block-br.png) no-repeat right bottom;
			}
			#content .block.no-up .block-inner {
				padding: 20px 45px 45px;
			}
				#content .block-inner form {
					display: -moz-inline-block;
					display: inline-block;
					text-align: left;
					width: 290px;
				}
					#content .block-inner form label {
						font-weight: bold;
						text-align: left;
					}
					#content .block-inner form .input {
						padding: 0 0 5px;
					}
	dl.faq {
		padding: 0 0 20px;
	}
		dl.faq dt:first-child {
			padding-top: 0 !important;
		}
		dl.faq dt {
			padding: 5px 0 5px;
		}
			dl.faq a {
				border-bottom: 1px dashed #006FC5;
				text-decoration: none;
			}
			dl.faq dd {
				display: none;
			}
				dl.faq dd p:last-child {
					padding-bottom: 0 !important;
				}
	.door-pic {
		height: 248px;
	}
		.door-pic a {
			display: block;
			position: absolute;
			overflow: hidden;
		}
			.door-pic img {
				display: block;
			}
		.door-pic .gradient {
			height: 28px;
			overflow: hidden;
			margin: 220px 0 0;
			position: absolute;
		}
			.door-pic .gradient .gradient-inner {
				background: url(/images/triodveri/door-gradient-unactive.png) repeat-x;
				height: 28px;
				position: absolute;
/*				margin-bottom: -28px;*/
				z-index:2;
				width: 1024px;
			}
			.door-pic .gradient img {
				position: relative;
				z-index: 1;
			}
	ul.catalog {
		list-style: none;
		overflow: hidden;
		_height: 1%;
	}
		ul.catalog li {
			float: left;
			margin: 0 45px 30px 0 !important;
			padding: 0!important;
			background: none !important;
			overflow: hidden;
		}
		ul.catalog .last_in_row {
		}
		ul.catalog li.first_in_row {
			clear: left;
		}
		ul.catalog li .title {
			font-size: 14px;
			font-weight: bold;
			top: -3px;
		}
		ul.catalog li .costed {
			display: block;
			text-decoration: line-through;
			font-weight: bold;
			font-size:11px;
			color:gray;
		}
		ul.catalog li .cost {
			display: block;
			font-size: 12px;
			font-weight: bold;
		}
	ul.catalog.items {
	}
		ul.catalog.items li {
			text-align: left;
			width: 190px;
		}
			ul.catalog.items li .title {
				top: auto;
				display: block;
				text-align: left;
			}
			ul.catalog.items li .cost {
				text-align: left;
			}
			.boxy-wrapper ul.catalog.items .cost, .boxy-wrapper ul.catalog.items li .title {
				padding-top: 3px;
			}
	ul.catalog.doors {
	}
		ul.catalog.doors li {
			margin-right: 35px !important;
			width: 146px;
		}
			.for_street {
				position: absolute;
				z-index: 2;
				margin: -15px 0 0 15px;
				width: 37px;
				height: 37px;
				background: url(/images/triodveri/for_street.png) no-repeat right 0;
			}
	ul.catalog.pages {
	}
		ul.catalog.pages li {
			margin-right: 90px !important;
			width: 146px;
		}
	table.object {
		width: 100%;
	}
		table.object td {
			vertical-align: top;
		}
			table.object .c1 {
			}
				table.object .c1 img {
					display: block;
					margin: 0 0 15px;
				}
				table.object .c1 .oldcost {
					display: block;
					background: url(/images/triodveri/cost.png) no-repeat 0 0;
					padding: 0 0 5px 20px;
				}
					table.object .c1 .oldcost span {
						display: block;
						background: url(/images/triodveri/cost.png) no-repeat right 0;
						padding: 0 20px 0 0;
						text-align: center;
						line-height: 40px;
						font-size: 16px;
						/*text-decoration:line-through;*/
					}
				table.object .c1 .cost {
					display: block;
					background: url(/images/triodveri/cost.png) no-repeat 0 0;
					padding: 0 0 0 20px;
				}
					table.object .c1 .cost span {
						display: block;
						background: url(/images/triodveri/cost.png) no-repeat right 0;
						padding: 0 20px 0 0;
						text-align: center;
						line-height: 40px;
						font-size: 24px;
					}
						table.object .c1 .cost .nocost {
							font-size: 13px;
							line-height: 1.2em;
							height: 37px;
							font-weight: bold;
							padding: 3px 20px 0 0;
						}
						table.object .c1 .cost .sale {
							color:#F30;
						}
			table.object .c2 {
				width: 100%;
				padding-left: 32px;
			}
				table.object .c2 h4 {
					font-size: 14px;
					font-weight: bold;
					padding: 18px 0 5px;
					border-bottom: 1px dotted #000000;
					margin: 0 0 8px;
				}
				table.object .c2 h4:last-child {
					background: red;
				}
				table.object .c2 h4:first-child {
					background: green;
				}
				table.object .benefits {
				}
					table.object .benefits td {
						padding-bottom: 0.7em;
						vertical-align: top;
					}
					table.object .benefits td.input {
					}
					table.object .benefits td.descr {
					}
					table.object .benefits td.cost {
						white-space: nowrap;
						font-weight: bold;
						padding-left: 5px;
						text-align: right;
					}
/*					table.object .benefits li {
						padding: 0 0 0.5em !important;
						background: none !important;
					}*/
				table.object .c2 .sizes {
				}
					table.object .c2 .sizes li {
						padding: 0 0 .5em !important;
						background: none !important;
						cursor: pointer; 
						cursor: hand;
					}
				table.object .c2 .glazing {
					overflow: hidden;
					_height: 1%;
				}
					table.object .c2 .glazing li {
						float: left;
						padding: 6px 5px 5px 5px !important;
						margin-right: 13px;
						background: #fff !important;
						text-align: center;
					}
						table.object .c2 .glazing li .thumb {
							display: block;
						}
						table.object .c2 .glazing li .title {
							display: block;
							font-size: 12px;
						}
						table.object .c2 .glazing li .cost {
							font-weight: bold;
							font-size: 12px;
						}
						table.object .c2 .glazing li.active, table.object .c2 .glazing li.selected {
							background: #e5e4d9 !important;
						}
				table.object .c2 .colors {
					overflow: hidden;
					_height: 1%;
				}
				table.object .c2 .colors + h5 {
					padding-top: 10px;
				}
				table.object .c2 h5 {
					padding-left: 5px;
				}
					table.object .c2 .colors li {
						float: left;
						padding: 6px 5px 5px 5px !important;
						margin-right: 13px;
						width: 60px;
						background: #fff !important;
						cursor: pointer; 
						cursor: hand;
					}
						table.object .c2 .colors li .thumb {
							display: block;
						}
						table.object .c2 .colors li .title {
							display: block;
							color: #323232;
							text-decoration: none;
							font-size: 9px;
						}
					table.object .c2 .colors li.active, table.object .c2 .colors li.selected {
							background: #e5e4d9 !important;
					}
				.summary {
					background: #f7f4ee;
					padding: 12px 24px 12px 13px;
					line-height: 1.5em;
					margin: 16px 0 0;
				}
					.summary .l1 {
						display: block;
						color: #8a8a8a;
						font-size: 17px;
					}
					.summary .l2 {
						display: block;
						color: #5ea620;
						font-size: 17px;
					}
					.summary .l3 {
						display: block;
						color: #ee1700;
						font-size: 20px;
					}
					.summary table {
						width: 100%;
					}
						.summary table td {
							vertical-align: middle;
						}
	table.integration {
		width: 100%;
		margin: 0 0 20px;
	}
		table.integration tr td {
			background: #f7f4ee;
			padding: 0 0 0 6px;
			line-height: 24px;
		}
		table.integration tr.even td {
			background: #fff;
		}
		table.integration .cc1 {
			white-space: nowrap;
			padding-right: 30px;
		}
		table.integration .cc2 {
			width: 100%;
			vertical-align: middle;
		}
	.content.date {
		padding: 1em 0 0;
	}
	#content p {
		line-height: 1.5em;
	}
	#content p+h2, #content p+h3, #content ul+h2, #content ul+h3, #content div+h2, #content div+h3 {
		margin-top: 1em;
	}
	#content ul li {
		padding: 0 0 .8em 22px;
		background: url(/images/triodveri/content-ul.png) no-repeat 1px .3em;
	}
		#content ul li ul li {
			background: url(/images/triodveri/content-ul-ul.png) no-repeat 1px .3em;
		}
			#content ul li ul li ul li {
				background: url(/images/triodveri/content-ul-ul-ul.png) no-repeat 1px .3em;
			}
/* FOOTER */
#footer {
	margin: 0 1px;
	padding: 0 0 78px;
}
#firms {
	padding: 50px 25px 24px;
	background: url(/images/triodveri/wrapper-bg.png);
}
	#firms table {
		width: 100%;
	}
		#firms table td {
			text-align: center;
			vertical-align: middle;
		}
		#firms a img {
			 opacity: .2;
			 filter: alpha(opacity=20);
		}
		#firms a:hover img {
			 opacity: 1; 
			 filter: alpha(opacity=100);
		}
#footer #contacts {
	background: url(/images/triodveri/contacts-bg.png);
	border-bottom: 1px dotted #fff;
	border-top: 1px dotted #fff;
	padding: 17px 24px 40px;
}
	#footer #contacts h4 {
		color: #fff;
		font-size: 19px;
		font-weight: normal;
		padding: 0 0 18px 200px;
	}
	#footer #contacts .columns {
		background: url(/images/triodveri/contacts-bg-2.png) no-repeat right bottom;
		overflow: hidden;
		_height: 1%;
		_position: relative;
	}
		#footer #contacts .cities {
			width: 195px;
			float: left;
			padding: 15px 0;
			position: relative;
		}
			#footer #contacts .cities li {
				padding: 0 0 7px;
				text-align: right;
			}
				#footer #contacts .cities a {
					color: #746e69;
					font-size: 14px;
					text-decoration: none;
					padding: 0 39px 1px 0;
					margin-right: -1px;
					z-index: 1;
					position: relative;
					_display: block;
				}
					#footer #contacts .cities a span {
						display: -moz-inline-block;
						display: inline-block;
						border-bottom: 1px dashed #746e69;
					}
				#footer #contacts .cities a.active {
					color: #fff;
					border-bottom: none;
					background: url(/images/triodveri/contacts-city-active.png) no-repeat right center;
				}
					#footer #contacts .cities a.active span {
						border-bottom: 1px dashed #fff;
					}
		#footer #contacts .right {
			background: #483c33 url(/images/triodveri/contacts-top.png) no-repeat 0 0;
			width: 533px;
			padding: 15px 0 0;
			float: left;
			color: #fff;
		}
			#footer #contacts .right-inner {
				background: url(/images/triodveri/contacts-bottom.png) no-repeat 0 bottom;
				padding: 0 17px 0 18px;
			}
				#footer #contacts .right a {
					color: #fff;
				}
					#footer #contacts .right table {
						width: 100%;
					}
						#footer #contacts .right tr td {
							padding: 0 0 16px;
							line-height: 1.2em;
						}
						#footer #contacts .right td.c1 {
							width: 235px;
							padding-right: 10px;
						}
							#contacts .type, #office .type {
								font-size: 15px;
								font-weight: bold;
							}
							#contacts .lightbox, #office .lightbox {
								white-space: nowrap;
							}
							#contacts  .adress, #office .adress {
								display: block;
								padding-top: 0.1em;
							}
						#footer #contacts .right td.c2 {
						}
							#contacts .phones, #office .phones {
								display: block;
							}
							#contacts .mails , #office .mails{
								display: block;
								padding-top: 0.1em;
							}
#subactions {
	background: url(/images/triodveri/subactions-bg.png) repeat-x;
	height: 45px;
	padding: 15px 20px 0;
}
	#subactions table {
		width: 100%;
	}
		#subactions #search {
		}
			#subactions #search form {
				float: right;
			}
				#subactions #search input.text {
					margin: 0 6px 0 0;
				}
	#user_area input[type=text], #user_area input[type=password] {
		width: 100px;
	}
	#user_area table {
		width: auto !important;
	}
		#user_area label {
			padding: 0 12px 0 0;
		}
		#user_area input {
			margin: 0 13px 0 0;
		}
		#user_area a {
			color: #4b4a4a;
		}
	#register {
		text-align: center;
	}
#copy {
	color: #fff;
	float: left;
	width: 463px;
	padding: 10px 0 0;
}
	#copy p {
		padding: 0 0 3px;
	}
#gekos {
	background: url(/images/triodveri/gekos.png) no-repeat 0 0;
	display: block;
	width: 92px;
	height: 21px;
	float: left;
	margin: 15px 0 0;
}
	#gekos span {
		display: none;
	}
#counters {
	float: right;
	padding: 11px 0 17px;
	overflow: hidden;
}
	#counters li {
		display: inline;
		padding: 0 0 0 5px;
		float: left;
	}
		#counters li table {
			display: block !important;
		}
/* FORMS */
dl.form dt, dl.form dd {
	padding: 0;
	margin: 0;
}
dl.form.vertical {
	overflow: hidden;
}
	dl.form.vertical dt {
		padding: 0 0 3px;
	}
		dl.form.vertical dt label:after {
			content: ': ';
		}
		dl.form.vertical dt label.required:after {
			content: ':  *';
		}
	dl.form.vertical dd {
		padding: 0 0 7px;
	}
	dl.form input.error, dl.form select.error, dl.form textarea.error {
		border: 1px solid #CC0000;
	}
#feedback input[type=text], #feedback textarea {
	width: 250px;
}
#feedback select {
	width: 256px;
}
/* PAGINATOR */
.pagesbar-numbers {
	text-align: center;
	font-size: 16px;
	padding: 49px 0 0;
}
	.pagesbar-numbers label {
		padding: 0 6px 0 0;
	}
	.pagesbar-numbers a {
		display: -moz-inline-block;
		display: inline-block;
		width: 28px;
		text-align: center;
		line-height: 28px;
	}
	.pagesbar-numbers a.active {
		background: url(/images/triodveri/paginator-page-active.png) no-repeat 0 0;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
/* BASKET-ITEM */
.basket-item {
	margin: 0 0 31px;
	width: 100%;
}
	.basket-item td.thumb {
		padding: 0 14px 0 0;
		vertical-align: top;
	}
	.basket-item td.info {
		vertical-align: top;
		/*padding: 15px 22px 13px 16px;*/
		width: 100%;
	}
		.basket-item td.info .green_block_rb {
			padding: 15px 22px 13px 16px;
		}
		.basket-item td.info a.title {
			font-size: 24px;
			display: inline;
			margin: 0 0 20px;
			line-height: 1em;
		}
		.basket-item td.info .cancel {
			margin: 0 0 0 10px;
		}
		.basket-item td.info .data {
			width: 100%;
			margin: 10px 0 0;
		}
			.basket-item td.info .data th {
				text-align: left;
				border-bottom: 1px dotted #000;
				padding: 0 25px 5px 0;
			}
			.basket-item td.info .data th.last, .basket-item td.info .data td.last {
				text-align: right !important;
			}
			.basket-item td.info .data td {
				padding: 12px 25px 0 0;
			}
			.basket-item td.info .data .title {
				font-weight: bold;
			}
			.basket-item td.info .data .descr {
				color: #71796f;
			}
		.basket-item td.info .total {
			display: block;
			text-align: right;
			font-size: 24px;
			padding: 12px 0 0 0;
			border-top: 1px dotted #000;
			margin: 12px 0 0 0;
		}
/* success */
#eshop_success {
	text-align: center;
	font-size: 17px;
	line-height: 1.5em;
}
.green_block {
	background:#e2f3df url(/images/triodveri/green-block-lt.png) no-repeat 0 0 !important;
}
	.green_block_rt {
		background: url(/images/triodveri/green-block-rt.png) no-repeat right 0;
	}
	.green_block_lb {
		background: url(/images/triodveri/green-block-lb.png) no-repeat 0 bottom;
	}
	.green_block_rb {
		background: url(/images/triodveri/green-block-rb.png) no-repeat right bottom;
		padding: 80px 0;
	}
		#eshop_success .bigger {
			font-size: 24px;
			display: block;
			padding: 0 0 5px;
		}
		#eshop_success .preview {
			display: block;
			margin: 0 auto;
		}
/* data-one */
.data-one {
	width: 100%;
}
	.data-one .title {
		width: 100%;
	}
		.data-one a.title {
			padding: 0 !important;
			margin: 0 !important;
		}
	.data-one .currency_price {
		padding: 0 25px 0 0;
		white-space: nowrap;
		text-align: right;
	}
	.data-one .count {
		padding: 0 25px 0 0;
		white-space: nowrap;
		text-align: right;
	}
	.data-one .currency_price-total {
		text-align: right;
		font-size: 24px;
		font-weight: bold;
		white-space: nowrap;
	}
.error-block, .msg {
	background: #fff;
	padding: 10px 10px 10px 30px;
	margin: 0 -15px 15px;
	text-align: left;
}
	.error-block li {
		background: none !important;
		padding: 0 !important;
	}
/* SITEMAP */
#sitemap {
}
	#sitemap li {
		padding: 0 0 5px 0 !important;
		background: none !important;
	}
		#sitemap ul ul {
			padding: 5px 0 0 30px;
		}
.boxy-wrapper .spcr {
	width: 702px;
	height: 20px;
}
/* COUNT CALCULATOR */
#countCalculator {
	display: inline;
}
		#countCalculator input {
			margin: 0 3px 0 0;
		}
		
.office_photos {
	padding: 20px 0 0 0;
}.spae {display: none;}
#contacts .office_photos {
	position: relative;
	margin-top: -10px;
	padding: 0;
}
#footer #contacts .office_photos {
	display: none;
}
	.office_photos ul {
		overflow: hidden;
		padding: 0 !important;
		margin: 0 !important;
	}
	.office_photos li {
		float: left;
		padding: 0 5px 0 0 !important;
		margin: 0 !important;
	}
		.office_photos li img {
			border: 1px solid #3b312a;
		}
#footer .a_f {
	color:#FFF;
	text-decoration:none;
}
#footer .a_f:hover {
	text-decoration:underline;
}
#content_link_add {
	background:#efeadd;
	margin:0;
	padding-left:20px;
	margin-left:2px;
	margin-top:-1px;
	width:213px;
	line-height:16px;
}
#content_link_add a:hover {
	color:#000000;
}


			#content #contacts2 .columns {
				overflow: hidden;
			}
				#content #contacts2 .cities {
					float: left;
					width: 296px;
					position: relative;
					text-align: right;
					padding: 15px 0;
				}
					#content #contacts2 .cities li {
						padding: 0 17px 11px;
						background: none;
					}
						#content #contacts2 .cities a {
							padding: 0 0px 0 0;
							font-size: 14px;
						}
						#content #contacts2 .cities a.active {
							font-weight: bold;
							/*background: url(/images/triodveri/content-contacts-city-active.png) no-repeat right center;*/
						}
				#content #contacts2 .right {
					float: left;
					width: 400px;
					background: url(/images/triodveri/content-contacts-right-bg2.png) no-repeat 0 0;
					padding: 15px 0 0;
				}
					#content #contacts2 .right .right-inner {
						background: url(/images/triodveri/content-contacts-right-bg2.png) no-repeat 0 bottom;
						padding: 0 18px;
					}
						#content #contacts2 .right .right-inner table {
							width: 100%;
						}
							#content #contacts2 .right .right-inner td {
								padding: 0 0 18px;
							}
							#content #contacts2 .right .right-inner td.c1 {
								width: 234px;
								padding-right: 10px;
							}
							#content #contacts2 .right .right-inner td.c2 {
							}
							
				#content #contacts2 .obectyright {
					float: left;
					width: 400px;
					background: url(/images/triodveri/content-contacts-right-bg2.png) no-repeat 0 0;
					padding: 15px 0 0;
				}
					#content #contacts2 .obectyright .right-inner {
						background: url(/images/triodveri/content-contacts-right-bg2.png) no-repeat 0 bottom;
						padding: 0 18px;
					}
						#content #contacts2 .obectyright .right-inner table {
							width: 100%;
						}
							#content #contacts2 .obectyright .right-inner td {
								padding: 0 0 18px;
							}
							#content #contacts2 .obectyright .right-inner td.c1 {
								width: 234px;
								padding-right: 10px;
							}
							#content #contacts2 .obectyright .right-inner td.c2 {
							}							

/* кнопки share start */
#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {
  opacity: 0.5;
  vertical-align: bottom;
}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
/* кнопки share end */

div#links {
	background-color:#EFEADD;
	padding:10px;
}

span.door_links {
    position:relative;
    top:-50px;
    left:23px;
}
span.door_links a {
    color:white;
    font-weight: normal;
    font-size:110%;
    padding-bottom: 10px;
}
div.link-clear {
    height:5px;
    width:10px;
}

div.block_door_select {
    height:105px;
}

.pp_close {
    width: 22px;
    height: 22px;
    background: url(/images/triodveri/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    text-indent: -10000px;
    margin:10px;
}