html, body { 

	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 11px;

	}
	
body {background: #000000 url("../images/bg-01.jpg") repeat-y center top;}	

div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select {

	margin: 0;  
	padding: 0;  

	}

h3
{
	font-size: 18px;
	font-family: Tahoma;
	text-transform: uppercase;
}
	
img {border: 0;}	

a {outline: none;}
	
.center-cont {
	
	width: 1000px;
	margin: 0 auto 0 auto; 
	
	}	

#header {

	float: left;
	width: 100%;
	position: relative;
	z-index: 100;
	}	
	
.header {

	width: 1000px;
	height: 430px;
	position: relative;
	margin: 0px auto 0px auto;
	z-index: 0;

	}
	
.flash-block {

	width: 100%;
	height: 245px;
	position: absolute;
	left: 0px; top: 135px;
	background: url("../images/flash-bg-01.jpg") no-repeat center top;
	overflow: hidden;
	z-index: 1;
	}	
	
.flash {

	width: 1000px;
	height: 245px;
	margin: 0px auto 0px auto; 
	text-align: center;

	}	

.flash object {
	float: left;
	display: inline;
	margin: 0 -100px;
}

.logo {

	position: absolute;
	left: 70px; top: 45px;

	}
	
.logo img
{
	width: 181px;
	height: 45px;
}
	
.login-block
{
	position: absolute;
	right: 70px; top: 17px;
}	

.login-block table td
{
	padding: 0px 0px 3px 0px;
	font: normal 16px Tahoma; 
	text-transform: uppercase;
	text-align: right;
	color: #dcc8c8;
}	
	
.login-block table td p {padding: 0px 0px 13px 0px;}
	
.login-block table td div {

	padding: 2px 7px 3px 8px;
	background: url("../images/bg-05.gif") no-repeat 0 0;
	text-align: left;

	}
	
.login-block table td span {

	display: block;
	font: normal 11px Tahoma;
	text-transform: none;
	color: #ffffff;

	}

.login-block table td span a {font: normal 11px Tahoma; color: #ff9d2a; text-decoration: underline;}
.login-block table td span a:hover {text-decoration: none;}
	
.login-block table td .textfield {

	width: 143px;
	border: 0;
	background: none;
	font: normal 11px Tahoma;
	text-transform: none;
	color: #ffffff;
	
	}
	
.login-block table td .submit {

	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url("../images/icon-01.gif") no-repeat 0 10px;
	overflow: visible;
	font: normal 16px Tahoma; 
	text-transform: uppercase;
	color: #ffffff;
	border: 0;
	cursor: pointer;
	
	}

.login-block table td .logout {

	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url("../images/icon-01.gif") no-repeat 0 10px;
	overflow: visible;
	font: normal 16px Tahoma; 
	text-transform: uppercase;
	color: #ff0000;
	border: 0;
	
	}

.nav {

	margin: 0px 0px 0px 111px;
	position: absolute;
	top: 405px; left: 0px; 
	overflow: hidden;
	
	}	
	
.nav ul {

	list-style: none;
	margin: 0px 0px 0px -35px;
	
	}	

.nav ul li {

	float: left;
	padding: 4px 35px 5px 35px;
	background: url("../images/bg-02.gif") no-repeat 0 0;
	
	}

.nav ul li a {font: normal 16px Tahoma; color: #dcc8c8; text-decoration: none; text-transform: uppercase; line-height: 16px;}
.nav ul li a:hover {color: #ff9d2a; text-decoration: underline;}

.nav ul .active a, .nav ul .active a:hover {color: #ff9d2a !important; text-decoration: underline !important; cursor: default;}	

.wrapper {
	position: relative;
	width: 895px;
	margin: 0 auto;
	z-index: 1;
	}
	
#content {

	float: left;
	width: 100%;
	padding: 20px 0px 30px 0px;
	position: relative;
	font: normal 14px Tahoma;
	color: #ffffff;
		
	}
	
#content a {font: normal 14px Tahoma; color: #898c92; text-decoration: underline;}
#content a:hover {text-decoration: none;}
	
#content h1 {	
	
	margin: 0px 0px 16px 0px;
	font: normal 36px Tahoma;
	text-transform: uppercase;
	color: #ffffff;	
	
	}
	
#content h2 {	
	
	margin: 0px 0px 16px 0px;
	font: normal 24px Tahoma;
	text-transform: uppercase;
	text-decoration: underline;
	color: #ff9d2a;	
	
	}
	
.left-column {

	float: left;
	width: 165px;
	padding: 0px 35px 0px 0px;

	}
	
.center-column {

	float: left;
	width: 430px;
	position: relative;
	padding: 60px 0px 0px 0px; 
	
	}

.center-column h1 {	
		
	margin: -60px 0px 16px 0px !important;
	padding: 0px;
		
	}
	
.right-column {

	float: right;
	width: 205px;
	padding: 60px 0px 0px 0px;
	z-index: 0;
	}
	
.common-column {

	float: left;
	width: 100%;
	margin: 30px 0px 0px 0px;

	}
	
.split {width: 695px;}
	
.menu {

	float: left;
	width: 100%;
	margin-bottom: 50px;
	}
	
.menu ul {

	float: left;
	width: 100%;
	list-style: none;
	
	}

.menu ul li {
	
	float: left;
	width: 125px;
	margin: 4px 0px 0px 0px;
	padding: 6px 0px 11px 40px;
	background: url("../images/bg-03.png") no-repeat 0 0;
		
	}
	
.menu ul li a {float: left;}		
	
.menu ul li a {font: normal 14px Tahoma !important; color: #ff9d2a !important; text-decoration: underline !important; line-height: 14px !important;}
.menu ul li a:hover {color: #ff9d2a !important; text-decoration: none  !important;}
.menu ul .active a, .menu ul .active a:hover {color: #ffffff !important; text-decoration: none !important;}

.menu ul li ul {

	display: none;
	margin: 6px 0px 0px -11px;

	}

.menu ul li ul li {

	width: 125px;
	clear: both;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	background: url("../images/bullet-01.gif") no-repeat 0 6px;

	}

.menu ul .active ul {display: block;}		
.menu ul .active ul .active {background-position: 0px -91px;}
	
.menu ul li ul li a {font: normal 12px Tahoma !important; color: #ff9d2a !important; text-decoration: underline !important; line-height: 14px !important;}	
.menu ul li ul li a:hover {color: #ff9d2a !important; text-decoration: none !important; cursor: pointer !important;}
.menu ul .active ul li a {font: normal 12px Tahoma !important; color: #ff9d2a !important; text-decoration: underline !important; line-height: 14px !important;}	
.menu ul .active ul li a:hover {color: #ff9d2a !important; text-decoration: none !important; cursor: pointer !important;}
.menu ul .active ul .active a, .menu ul .active ul .active a:hover {color: #ffffff !important; text-decoration: none !important;}

.menu ul li ul li ul {

	display: none !important;
	margin: 8px 0px 0px 0px;

	}

.menu ul li ul li ul li {

	width: 110px;
	clear: both;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url("../images/bullet-02.gif") no-repeat 0 6px;

	}
	
.menu ul .active ul .active ul  {display: block !important;}
.menu ul .active ul .active ul .active {background-position: 0px -91px;}	

.menu ul li ul li ul li a {font: normal 11px Tahoma !important; color: #ff9d2a !important; text-decoration: underline !important; line-height: 14px !important;}	
.menu ul li ul li ul li a:hover {color: #ff9d2a !important; text-decoration: none !important; cursor: pointer !important;}
.menu ul .active ul .active ul li a {font: normal 11px Tahoma !important; color: #ff9d2a !important; text-decoration: underline !important; line-height: 14px !important;}	
.menu ul .active ul .active ul li a:hover {color: #ff9d2a !important; text-decoration: none !important; cursor: pointer !important;}
.menu ul .active ul .active ul .active a, .menu ul .active ul .active ul .active a:hover {color: #ffffff !important; text-decoration: none !important; }
.menu ul .active ul .active ul .active ul .inactive a {color: #ff9d2a !important; text-decoration: underline !important; }
.menu ul .active ul .active ul .active ul .inactive a:hover {color: #ff9d2a !important; text-decoration: none !important; }

.searchbox {

	position: absolute;
	right: 0px; top: 57px; 
	z-index: 150;
	}	

.searchbox table td {

	padding: 0px 0px 0px 13px;
	font: normal 16px Tahoma; 
	text-transform: uppercase;
	color: #dcc8c8;

	}	
	
.searchbox table td div {

	padding: 2px 7px 3px 8px;
	background: url("../images/bg-05.gif") no-repeat 0 0;
	text-align: left;

	}

.searchbox table td .textfield {

	width: 143px;
	border: 0;
	background: none;
	font: normal 11px Tahoma;
	text-transform: none;
	color: #ffffff;
	
	}
	
.searchbox table td .submit {

	width: 10px;
	height: 18px;
	background: url("../images/icon-01.gif") no-repeat 1px 7px;
	overflow: visible;
	font: normal 16px Tahoma; 
	text-transform: uppercase;
	color: #ffffff;
	border: 0;
	
	}
	
.html-banner {

	float: left;
	width: 181px;
	height: 140px;
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
	background: url("../images/bg-06.jpg") no-repeat 0 0;
	overflow: hidden;
	
	}

.html-banner .frame {

	width: 201px;
	height: 150px;
	position: absolute;
	left: 0px; top: 0px;
	z-index: 100;

	}
	
.html-banner span {	

	width: 170px;
	position: absolute;
	left: 0px; bottom: 5px;
	padding: 5px 15px 5px 16px;
	background: #000000;
	font: normal 12px Tahoma;
	line-height: 20px;
	color: #ffffff;
	z-index: 50;

	}
	
.product-catalog {

	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	
	}

.product-catalog ul {

	float: left;
	width: 110%;
	list-style: none;
	margin: -15px 0px 0px 0px;
	
	}

.product-catalog ul li {

	float: left;
	width: 133px;
	height: 180px;
	display: inline;
	position: relative;
	margin: 15px 7px 0px 0px;
	text-align: center;
	overflow: hidden;
		
	}
	
.product-catalog ul li span {

	display: block;
	width: 133px;
	height: 100px;
	margin: 0px 0px 8px 0px;
	overflow: hidden;
	
	}	
	
.product-catalog ul li a {font: normal 11px Tahoma !important; color: #ff9d2a !important; text-transform: uppercase; text-decoration: none !important;}	
.product-catalog ul li a:hover {text-decoration: underline !important;}	
	
.product-catalog ul li span .frame {

	width: 133px;
	height: 100px;
	position: absolute;
	left: 0px; top: 0px;
	z-index: 15;

	}
	
.detail-block {

	/*width: 645px;*/
	width: 700px;
	position: absolute;
	left: 255px;
	padding: 25px 30px 25px 30px;
	border: 1px solid #ff9d2a;
	background: #0a0a0a;
	z-index: 100;
		
	}	
	
.close-button {

	position: absolute;
	right: 5px; top: 0px;
	cursor: pointer;

	}	
	
.close-button a {font: normal 11px Tahoma !important; color: #ff9d2a !important;}

.product-info {

	float: left;
	width: 100%;
	
	}
	
.product-info .text .img {
	
	float: left;
	display: inline;
	margin: 0px 20px 5px 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	
	}	

	
.text table {
	float: left;
	display: block;
	border-collapse: collapse;
	}
	
.text td {
	font-size: 11px !important;
	font-family: Tahoma;
	color: #fff !important;
	border: 1px solid #444;
	background-color: transparent;
	}
	
.text font
{
	color: #fff;
}
	
.product-info .text {
	font: normal 11px Tahoma;
	
	}
	
.product-info .text span {
	
	color: #ff9d2a;
	font: normal 12px Tahoma;
	
	}
	
.descr td {

	vertical-align: top;
	padding: 2px 10px 2px 0px;
	font: normal 12px Tahoma;

	}
	
.descr td div {background: url("../images/bg-07.gif") repeat-x 0 12px;}
	
.descr td div span {background: #0a0a0a;}

.clear {display: block; clear: both; font-size: 0;}

.price-list {

	float: left;
	width: 100%;
	overflow: hidden;
	
	}

.price-list ul {

	float: left;
	width: 110%;
	list-style: none;
	margin: -15px 0px 0px 0px;
	
	}

.price-list ul li {

	float: left;
	width: 133px;
	height: 180px;
	display: inline;
	position: relative;
	margin: 15px 7px 0px 0px;
	font: normal 11px Tahoma;
	color: #ffffff;
	overflow: hidden;
		
	}
	
.price-list ul li span {

	display: block;
	margin: 3px 0px 0px 0px;
	color: #bababa;

	}	
	
.price-list ul li table {margin: 0px 0px 8px 0px;}	
	
.price-list ul li table td {

	width: 133px;
	height: 100px;
	text-align: center;
	background: url("../images/bg-08.png") no-repeat 0 0;
	
	}	
	
.price-list ul li a {font: normal 12px Tahoma !important; color: #ff9d2a !important;}	

.bottom-nav {

	width: 787px;
	height: 23px;
	clear: both;
	margin: 0px auto 0px auto;
	padding: 9px 0px 0px 0px;
	background: url("../images/bg-04.png") no-repeat 0 0;
	overflow: hidden;

	}
	
.bottom-nav ul {
	overflow: hidden;
	height: 15px;
	float: left;
	width: 110%;
	margin: 0px 0px 0px -56px;
	
	}	
	
.bottom-nav ul li {	

	float: left;
	display: inline;
	margin: 0px 0px 0px 93px;
	
	}
	
.bottom-nav ul li a {float: left;}	
	
.bottom-nav ul li a {font: normal 11px Tahoma !important; color: #ffffff !important; text-transform: uppercase; line-height: 14px !important;}
.bottom-nav ul li a:hover {color: #ff9d2a !important;}	

.bottom-nav ul .active a, .bottom-nav ul .active a:hover {color: #ff9d2a !important; text-decoration: none !important; cursor: default;}	

.error-block {

	width: 360px;
	height: 100%;
	margin: 0 auto;

	}

.error-block table {
		
	width: 100%; 
	height: 100%;	
	
	}

.error-block table td {
		
	width: 100%;
	height: 100%;	
	text-align: center;
		
	}
	
.error-text	{

	border-top: 3px solid #ffffff;
	font: normal 36px Tahoma;
	text-transform: uppercase;
	color: #ffffff;	
	
	}
	
.error-text span {

	float: right;
	text-align: right;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	background: url("../images/icon-01.gif") no-repeat 0 6px;

	}	
	
.error-text span a {font: normal 14px Tahoma; color: #fa6e03; text-decoration: underline; text-transform: none; line-height: 14px;}
.error-text span a:hover {text-decoration: none;}

#footer {

	float: left;
	width: 100%;
	padding: 0px 0px 30px 0px;
	font: normal 11px Tahoma;
	color: #ffffff;
	
	}

#footer a {font: normal 11px Tahoma; color: #9f9e9e; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

.copyright {

	float: left;
	width: 50%;
	
	}

.developer {

	float: right;
	width: 50%;
	text-align: right;
	
	}
	
.developer a {color: #ff9d2a !important;}

.series-rows
{
	font: normal 15px Tahoma !important; 
	color: #ff9d2a !important;
	text-decoration: none !important;
}

.series-rows:hover
{
	color: #fff !important;
	text-decoration: underline !important;
}

.series-rows-show-full
{
	font: normal 12px Tahoma !important;
	text-decoration: none !important;
	display: block;
	float: right;
}

.series-rows-show-full:hover
{
	color: #fff !important;
	text-decoration: underline !important;
}

.saveButton
{
	border: 1px solid #ff8800; background-color: #040015; color: #fff;
}

.saveButton:hover
{
	background-color: #ff8800; color: white;
	cursor: pointer;
}

.loginLink
{
	font-size: 14px;
	color: #5955aa;
}

.center-column .login-block
{
	top: 80px;
	left: 50px;
}

.countSelector
{
	width: 100%; 
	text-align: right;
	font: normal 10px Arial;
}

.countSelector select
{
	border: 1px solid #ddd;
	padding: 1px 0px 1px 2px;
	font: normal 9px Arial;
	color: #444;
}

.numPages
{
	font-size: 11px !important;
}

.numPagesActive
{
	font-size: 12px !important;
}

.numPages a
{
	font-size: 12px !important;
	text-decoration: underline !important;
}

.numPages a:hover
{
	text-decoration: none !important;
}

.detailsBlock
{
	z-index: 11;
}

.attachment
{
display: block;
width: 200px;
height: 18px;
padding: 0px;
margin: 0px auto;
background-image: url('/images/attachment.png');
}

.attachment:hover
{
background-image: url('/images/attachment_active.png');
}

.spreader
{
	font-size: 0px;
	width: 1px;
	height: 200px;
	float: left;
}

.dealerInfo
{
	text-align: center;
	width: 100%;
	clear: both;
	margin: 10px 0px 40px 0px;
}

.dealersList a
{
	font-size: 16px !important;
	color: #ff9d2a !important;
	text-decoration: none !important;
}

.dealersList a:hover
{
	color: black !important;
	background-color: #ff9d2a;
}

.projects
{
	text-align: right;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}

.center-column ul li p a
{
	color: #ff9d2a !important;
}

.thumb
{
	width: none !important;
	height: none !important;
}
