hyml, body{ 
	margin:0;
	padding:0;
	background:#fff;
	color:#565656;
	font: 12px/16px Arial,Tahoma,Verdana,sans-serif; 
}
form, fieldset, img{ 
	border:none; 
}
a{
	text-decoration:underline;
	color:#148fd2;
}
a:hover{text-decoration:none;}

#page{
	width:100%;
	min-width:971px;
	overflow:hidden;
}
#home #page{
	background:url(../img/bg-body-home.jpg) no-repeat 50% 0;
}
div.pagewidth{
	width:971px;
	margin:0 auto;
	overflow:hidden;
}

/* header */
#header{
	height:155px;
	overflow:hidden;
	position:relative;
}
#header h1{
	display:block;
	width:149px;
	height:145px;
	position:absolute;
	left:34px;
	top:15px;
	margin:0;
	padding:0;
}
#header h1 a{
	display:block;
	width:149px;
	height:145px;
}
#header ul{
	list-style:none;
	float:left;
	margin:30px 0 0;
	padding:0;
	display:inline;
}
#header ul li{
	list-style:none;
	float:left;
	margin:0;
	padding:0 14px;
	line-height:28px;
	font-size:16px;
	font-weight:bold;
}
#header ul li a{
	color:#148ed1;
}
#header ul li a.active{color:#3a3a3a;text-decoration:none;}
#header ul.mainmenu{
	margin-left:253px;
}
#header ul.iconmenu{
	float:right;
	margin-right:30px;
}
#header ul.iconmenu li{
	width:28px;
	height:28px;
}
#header ul.iconmenu li a{
	text-indent:-9999px;
	display:block;
	width:28px;
	height:28px;
	overflow: hidden;
}
#header ul.iconmenu li a.home{background:url(../img/ico-home.gif) 0 0;}
#header ul.iconmenu li a.start{background:url(../img/ico-start.gif) 0 0;}
#header ul.iconmenu li a.mail{background:url(../img/ico-mail.gif) 0 0;}

/* content */
#content{
	width:100%;
	margin:-10px 0 0;
	overflow:hidden;
}
div.content.home{
	height:645px;
	min-height:645px;
}
div.content.home .bg{ background:url(../img/img-home-product.jpg) no-repeat 225px 70px; overflow:hidden; width:100%; }
div.content .head h1{
	margin:0 0 0 596px;
	height:46px;
	width:361px;
	font-size:46px;
	font-weight:normal;
	line-height:48px;
	color:#148fd2;
	font-family:"Tahoma";
}
div.content .head h2{
	margin:2px 0 20px 596px;
	font-size:24px;
	line-height:28px;
	color:#3a3a3a;
}
div.content div.column{
	padding:20px 0 0;
	margin:0 0 15px;
	overflow:hidden;
}
div.content.home div.column{
	width:253px;
	margin-top:110px;
	background:url(../img/bg-content-home-top.gif) no-repeat left top;
}
div.content div.column div.border-left{
	padding:0 0 0 22px;
	background:url(../img/bg-content-border.gif) repeat-y left top;
}
div.content div.column div.border-right{
	padding:0 22px 15px 0;
	background:url(../img/bg-content-border.gif) repeat-y right top;
}
div.content.home div.column div.border-right{ height:400px; }
div.content.home div.column.left{
	float:left;
	margin-left:15px;
}
div.content.home div.column.right{
	float:right;
	margin-right:5px;
}
div.content h3{
	margin:0 0 20px;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	color:#3a3a3a;
}
div.content h4{
	margin:0 0 20px;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#3a3a3a;
}
div.content p{
	margin:0;
	padding:0 0 15px;
}
div.content a {cursor:pointer;}
div.content a.more{
	padding:0 0 0 27px;
	background:url(../img/bg-a-more.gif) no-repeat 0 5px;
}
div.content.home a{ color:#2b5e81; }

form, fieldset{
	border:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
form label{
	clear:left;
	float:left;
	width:98px;
	line-height:24px;
	font-weight:bold;
}
form span.required{ color:#d00; font-weight:normal; padding:0 2px 0 0; font-family:Tahoma; }
form input.text{
	float:left;
	width:294px;
	height:16px;
	padding:2px;
	color:#3A3A3A;
	border:1px solid #c8c8c8;
	margin:0 0 10px;
}
form input.error{ border:1px solid #d00 !important; }
form textarea{
	float:left;
	width:294px;
	padding:2px;
	color:#3A3A3A;
	border:1px solid #c8c8c8;
}
form textarea.error{ border:1px solid #d00 !important; }
form div.buttons{
	float:left;
	clear:left;
	width:298px;
	margin:10px 0 0 98px;
	display:inline;
}
form div.buttons input{
	border:none;
	padding:0 0 2px;
	background: #d4d4d4 url(../img/bg-button.gif) no-repeat 0 0;
	width:90px;
	height:21px;
	font-size:11px;
	color:#565656;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
div.content div.column form ul.errors{
	margin:0 0 15px 100px;
	color:#d00;
	
}

/* content inner */
#inner #page{
	background:url(../img/bg-body-inner.jpg) no-repeat 50% 38px;
}
#inner #header h1{
	width:140px;
	height:135px;
	left:34px;
	top:17px;
}
#inner #header h1 a{
	width:140px;
	height:135px;
	background:url(../img/logo-inner.gif) 0 0;
}
div.content.inner{
	margin-top:-30px !important;
}
div.content.inner div.bg{
	background:url(../img/img-inner-product.jpg) no-repeat 35px 170px;
}
div.content.inner .head h1{ margin:0 0 0 457px; }
div.content.inner .head h2{ margin:2px 0 0 457px; }
div.content.inner div.column.center{
	width:479px;
	margin:25px 0 0 454px;
	padding:17px 0 0;
	background:url(../img/bg-content-center-top.gif) no-repeat left top;
}
div.content.inner div.column div.border-left{
	background-color:#fff;
}
div.content.inner div.column div.border-right{
	padding-top:5px;
}
div.content div.column p{line-height:18px;}
div.content div.column ul{
	margin:0 0 15px;
	padding:0;
	list-style:none;
}
div.content div.column ul li{
	list-style:none;
	margin:0 0 5px;
	padding:0 0 0 10px;
	background:url(../img/bg-li.gif) no-repeat 0 7px;
}
div.content div.column a.map{
	padding:0 0 0 17px;
	background:url(../img/ico-map.gif) no-repeat 0 2px;
}


/* map */
#map{
	margin:20px 0 0;
	height:505px;
	overflow:hidden;
	position:relative;
}
#map .map{
	width:749px;
	height:505px;
	margin:0;
	padding:0;
	position:absolute;
	left:137px;
	top:0;
	background:url(../img/img-ukraine.jpg) no-repeat 0 0;
}
* html #map .map{top:-2px;}
#map .map ul{
	width:749px;
	height:505px;
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
}
#map .map ul li{
	list-style:none;
	position:absolute;
	width:auto;
	display:block;
	color:#148ed1;
}
#map .map ul li.big{ font-weight:bold; }
#map .map ul li.disabled{ color:#d4d4d4; }
#map .map ul li.active{ color:#f00; font-weight:bold; }
#map .map ul li div{display:none;}

#map .map ul li a{
	display:block;
	clear:left;
	width:19px;
	height:19px;
	margin:0 0 0 5px;
	background:url(../img/bg-point.gif) no-repeat 50% 50%;
	text-indent:-9999px;
}
#map .map ul li.big a{ background-image:url(../img/bg-point-big.gif); }
#map .map ul li.big.disabled a{ background-image:url(../img/bg-point-big-disabled.gif); }

#map .map ul li.disabled a { background-image:url(../img/bg-point-disabled.gif); cursor:default; }
#map .map ul li.active a { background-image:url(../img/bg-point-active.gif) !important; }

#map .map ul li.ujgorod{ left:18px; top:210px; }
#map .map ul li.lvov{ left:91px; top:141px; }
#map .map ul li.lutsk{ left:141px; top:83px; }
#map .map ul li.rivne{ left:180px; top:100px; }
#map .map ul li.ternopol{ left:147px; top:162px; }
#map .map ul li.iv-frank{ left:102px; top:194px; }
#map .map ul li.chernovtsi{ left:158px; top:242px; }
#map .map ul li.xmelnitsk{ left:202px; top:177px; }
#map .map ul li.gitomir{ left:271px; top:121px; }
#map .map ul li.vinnitsa{ left:260px; top:190px; }
#map .map ul li.kyiv{ left:345px; top:120px; }
#map .map ul li.odessa{ left:343px; top:358px; }
#map .map ul li.chernigov{ left:370px; top:50px; }
#map .map ul li.cherkassi{ left:403px; top:180px; }
#map .map ul li.kirovograd{ left:415px; top:237px; }
#map .map ul li.aleksandria{ left:440px; top:222px; }
#map .map ul li.nikolaev{ left:398px; top:320px; }
#map .map ul li.xarkov{ left:570px; top:143px; }
#map .map ul li.xerson{ left:430px; top:350px; }
#map .map ul li.symi{ left:507px; top:87px; }
#map .map ul li.poltava{ left:502px; top:166px; }
#map .map ul li.komsomolsk{ left:478px; top:181px; }
#map .map ul li.dnepropetrovs{ left:523px; top:233px; }
#map .map ul li.zaporogye{ left:540px; top:277px; }
#map .map ul li.donetsk{ left:636px; top:255px; }
#map .map ul li.lugansk{ left:695px; top:215px; }
#map .map ul li.simferopol{ left:480px; top:430px; }

#map .details{
	position:absolute;
	left:13px;
	top:290px;
	width:164px;
	height:188px;
	padding:27px 27px 0;
	background:url(../img/bg-content-map.gif) no-repeat 0 0;
}
#map .details h3{ color:#f00; margin-bottom:5px; }
#map .details h4{ 
	color:#148fd2; 
	font-size:12px; 
	font-weight:bold; 
	margin:0 0 10px;
	overflow:hidden; 
}
#map .details div.nav{
	display:none;
	float:right;
	margin:0;
	padding:0;
}
#map .details div.nav a{ padding:0 2px; }
#map .details p{ color:#565656; top:80px; position:absolute; padding:0 10px 0 0; display:none; }
#map .details p.active{ display:block; }
#map .details p strong{ color:#148fd2; font-size:14px; padding:0 0 10px; }

/* product page */
div.product div.head{
	height:78px;
	overflow:hidden;
}
div.product-list{
	float:left;
	width:188px;
	min-height:395px;
	padding:30px 0 0 32px;
	margin:16px 0 0 3px;
	display:inline;
	background:#fff url(../img/bg-product-list.gif) no-repeat 0 0;
	overflow:hidden;
}
div.product-details{
	width:597px;
	float:right;
	padding:30px 45px;
	display:inline;
	margin:16px 36px 0 0;
	background:#fff url(../img/bg-product.gif) no-repeat 0 0;
}
div.product-list h3{
	margin:0 0 5px;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
}
div.product-list ul{
	padding:0;
	margin:0 0 10px;
	list-style:none;
}
div.product-list ul li{
	list-style:none;
	padding:0;
	margin:0;
}
div.product-list ul li a{
	padding:0 0 0 40px;
	line-height:20px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/arrow-blue.gif) no-repeat 1px 50%;
}
div.product-list ul li a:hover{text-decoration:underline;}
div.product-list ul li a.active, 
div.product-list ul li a.current{
	background:url(../img/arrow-grey.gif) no-repeat 1px 50%;
	color:#474747;
}
div.product-list ul li div{
	width:100%;
	overflow:hidden;
}
div.product-details div.images{
	float:left;
	width:268px;
	overflow:hidden;
	margin:0 28px 10px 0;
}
div.product-details div.images div.mainimage{
	width:268px;
	height:200px;
	position:relative;
}
div.product-details div.images div.mainimage img{
	width:268px;
}
div.product-details div.images div.mainimage a{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:40px;
	height:40px;
	text-indent:-999px;
	background:url(../img/ico-zoomin.gif) no-repeat 0 0;
	display:none;
}
div.product-details div.images div.list{
	margin:12px 0 0;
	width:268px;
	height:97px;
	overflow:hidden;
}
div.product-details div.images div.list ul{
	margin:0;
	padding:0;
	list-style:none;
	width:10000px;
}
div.product-details div.images div.list ul li{
	float:left;
	width:130px;
	margin:0 7px 0 0;
}
div.product-details div.images div.navi{
	margin:7px 0 10px;
	width:268px;
	overflow:hidden;
}
div.product-details div.images div.navi a{
	display:block;
	float:left;
	width:12px;
	height:12px;
	text-indent:-9999px;
}
div.product-details div.images div.navi a.prev{ background:url(../img/a-laquo.gif) no-repeat 0 0; }
div.product-details div.images div.navi a.next{ background:url(../img/a-raquo.gif) no-repeat 0 0; float:right; }
div.product-details div.two-cols{
	width:100%;
	overflow:hidden;
}
div.product-details div.properties{
	float:right;
	width:300px;
	overflow:hidden;
}
div.product-details div.properties ul, 
div.product-details div.properties ul li{
	list-style:none;
	padding:0;
	margin:0;
}
div.product-details div.properties ul{
	margin:0 0 10px;
	width:300px;
}
div.product-details div.properties ul li{
	height:27px;
	width:300px;
	float:left;
	clear:left;
	line-height:27px;
	overflow:hidden;
	background:#fff;
	color:#3a3a3a;
	font:bold 12px/27px "Trebuchet MS", Trebuchet, Verdana, Tahoma,sans-serif;
}
div.product-details div.properties ul li.tr1{
	background:#e7f3fa;
}
div.product-details div.properties ul li.caption{
	padding:0 0 0 18px;
	color:#fff;
	background:#43a5da;
}
div.product-details div.properties ul li label{
	display:block;
	float:left;
	height:27px;
	width:192px;
	overflow:hidden;
	padding:0 0 0 18px;
	margin:0;
	border-right:2px solid #fff;
}
div.product-details div.properties ul li strong{
	display:block;
	float:left;
	height:27px;
	width:64px;
	padding:0 0 0 22px;
	color:#003399;
}

/* footer */
#footer{
	width:100%;
	min-width:971px;
	overflow:hidden;
	background:url(../img/bg-footer.gif) no-repeat 50% 0;
	padding:30px 0 0;
	height:81px;
}
#footer p{
	float:left;
	margin:25px 0 0 30px;
	padding:0;
	color:#2b5e81;
	font-size:11px;
	display:inline;
}
#footer a{ color:#2b5e81; }
#footer div.menu{
	float:left;
	overflow:hidden;
	margin:25px 0 0 40px;
}
#footer ul{
	float:left;
	list-style:none;
	margin:0 0 0 -7px;
	padding:0;
	color:#2b5e81;
	font-size:11px;
}
#footer ul li{
	float:left;
	list-style:none;
	line-height:12px;
	padding:0 7px 0 8px;
	background:url(../img/bg-footer-li.gif) no-repeat 0 50%;
}
#footer ul li a{
	color:#2b5e81;
}
#footer p.contacts{
	margin:23px 30px 0 0;
	float:right;
	padding:0;
}
#footer p.contacts span.spacer{
	display:block;
	float:left;
	height:12px;
	width:55px;
	background:url(../img/bg-spacer.gif) repeat-x 0 100%;
	margin:0 7px;
	text-indent:-9999px;
}
#footer p.contacts span.email,
#footer p.contacts span.phone{
	display:block;
	float:left;
	height:13px;
	width:12px;
	text-indent:-9999px;
	margin:0 7px 0 0;
	background:url(../img/ico-email.gif) no-repeat 0 2px;
}
#footer p.contacts span.phone{
	margin:0 7px 0 40px;
	background:url(../img/ico-phone.gif) no-repeat 0 4px;
}
#footer p.contacts a,
#footer p.contacts strong{
	float:left;
	display:block;
}
#footer p.contacts strong{ font-size:12px; }

.hidden{ display:none; }

/* addon */
#content div.space{
	width:100%;
	height:1px;
	/*height:300px;*/
	overflow: hidden;
}
#inner div.column div.border-right{
	min-height:395px;
}

