@import "reset.css";
@import "base.css";
html{
	font-size:100.01%;
	}

body{
	color:#001d48;
	font-size:14px;
	font-family:Arial;
	padding:0 25px;
	background:#d25b02 url(./i/backgrounds/body.png) repeat-x;
	}
.head ul, .menu ul, .news-box ul, .extra ul, .content .item ul, .navigation ul, .ordering, .products, .ordering ul {margin:0;}
.head li, .menu li, .news-box li, .extra li, .content .item li, .navigation li{list-style:none;}
/*bone*/
#bone{
	max-width:1400px;
	/*min-width:950px;*/
	min-width:1210px;
	margin:0 auto; 	
	background:#fff;
	}
/*head*/
.head{
	position:relative;
	}
.head .info{		
	width:64%;
	padding:6px 25px 0 36px;
	height:136px;
	overflow:hidden;
	background:url(./i/backgrounds/head.png) no-repeat 100% 0;
	}
.head .logo{
	width:40%;
	float:left;
	margin:0;
	}
.head .phone{
	float:right;
	width:40%;
	padding-top:13px;
	}
.head h4{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	}
.head .phone ul{
	padding:15px 0 28px 72px;
	background:url(./i/backgrounds/phone.png) no-repeat 12px 10px;
	}
.head .phone ul li{
	color:#0066ff;
	font-size:24px;
	white-space:nowrap;
	}
.head .phone ul li span{
	font-size:18px;
	}
.business-hours{
	position:absolute;
	top:-4px;
	right:12px;
	width:160px;
	padding:21px 80px 0 0 ;
	background:url(./i/backgrounds/business-hours.png) no-repeat 100% 0;
	}
.business-hours h4{
	color:#0066ff;
	padding-bottom:9px;
	}
.business-hours strong{
	font-size:18px;
	font-weight:normal;
	display:block;
	padding-bottom:7px;
	}
/*.menu*/
.menu{
	background:url(./i/backgrounds/menu.png) repeat-x;
	}
.menu ul{
	width:755px;
	margin:0 auto;
	}
.menu li{
	float:left;	
	}
.menu li.last{
	background:url(./i/backgrounds/menu-li.png) no-repeat 100% 0;
	}
.menu li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:6px 22px;
	background:url(./i/backgrounds/menu-li.png) no-repeat 0 0;
	}
.menu li a:hover span{text-decoration:underline;}
.menu li span{
	padding-left:13px;
	background:url(./i/icons/menu-li.png) no-repeat 0 50%;
	}
/*middle*/
#catalog .middle{
	margin-bottom:15px;
	background:url(./i/backgrounds/middle.png) no-repeat 278px 20px;
	}
#news .middle{
	margin-bottom:15px;
	}
.middle a{
	color:#0066ff;
	}
.middle a:hover{
	text-decoration:none;
	}
.wrapper{
	float:left;
	width:100%;
	}
#main .content{
	margin: 8px 220px;
	padding:0 18px;
	/*border-left:1px dotted #7f8ea3;
	border-right:1px dotted #7f8ea3;*/
	}
#catalog .content{
	margin:24px 12px 8px 300px;
	}
#news .content{
	margin:24px 12px 8px 220px;
	padding-left:18px;
	border-left:1px dotted #7f8ea3;
	}
.middle h1{
	font-size:18px;
	font-weight:normal;	
	text-transform:uppercase;
	text-align:center;
	padding:7px 0 6px;
	margin-bottom:12px;
	border-top:1px dotted #b2b2b2;
	border-bottom:1px dotted #b2b2b2;
	}
a.h1{
	font-size:18px;
	font-weight:normal;	
	text-transform:uppercase;
	text-align:center;
	padding:7px 0 6px;
	margin-bottom:12px;
	border-top:1px dotted #b2b2b2;
	border-bottom:1px dotted #b2b2b2;
	}
.content h2{
	color:#0066ff;
	font-size:18px;
	font-weight:normal;	
	text-transform:uppercase;
	padding:18px 0 20px 40px;
	margin:0;
	}
.middle h3{
	color:#f6971e;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding-bottom:8px;
	}
a.h3{
	color:#f6971e;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding-bottom:8px;
	}
.middle h4{
	color:#0066ff;
	font-size:18px;
	font-weight:normal;	
	text-transform:uppercase;
	margin:0;
	padding:3px 0 8px 14px;
	}
.content h5{
	font-size:14px;
	margin:0;
	padding:9px 0 10px 13px;
	margin:0 0 7px;
	background:url(./i/backgrounds/h5.png) repeat-x;
	}
.content h5 span{
	padding-left:14px;
	background:url(./i/icons/h5-span.png) no-repeat 0 60%;
	}
.middle h2.catalog{
	padding-left:64px;
	background:url(./i/icons/catalog.png) no-repeat 0 0;
	}
#main .content .item{
	padding:10px 10px 22px;
	}
#catalog .content .item{
	padding:0 0 12px;
	}
.scissors-r{background:url(./i/backgrounds/scissors-r.png) no-repeat 100% 100%;}
.scissors-l{background:url(./i/backgrounds/scissors-l.png) no-repeat 0 100%;}
.content .item .colum-1{
	float:left;
	width:44%;
	}
.content .item .colum-2{
	float:right;
	width:52%;
	text-align:right;
	}
.content .item ul, .navigation ul{
	line-height:1.6;
	}
.border-b{
	border-bottom:1px dotted #7f7f7f;
	}
.content p{
	text-align:justify;
	text-indent:8px;
	margin-bottom:5px;
	}
.article{
	padding:10px;
	}
.content p.right{text-align:right;}
.content .item .preview, .ordering li .preview{
	position:relative;
	margin:0 7px 7px;
	padding:3px;
	float:left;
	}
.content .item .image-filter, .ordering li .preview .image-filter{
	position:absolute;
	top:0;
	left:0;
	width:119px;
	height:104px;
	background:url(./i/backgrounds/imfge-filter.png) no-repeat;
	}
#catalog .content .item p{
	line-height:1.4;
	}
.products li{
	width: 30%;
    min-height: 180px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	margin:0 1% 25px;
	text-align:center;
	}
.products li h6 {padding:7px 0 13px;}
.products li h6 a{
	padding-left:14px;
	background:url(./i/icons/h5-span.png) no-repeat 0 60%;
	}
.products li .preview{
	position:relative;
	padding-top:3px;
	width:169px;
	margin: auto;
	}
.products li .preview .image-filter{
	position:absolute;
	top:0;
	left:0;
	width:169px;
	height:149px;
	background:url(./i/backgrounds/imfge-filter-2.png) no-repeat;
	}
.ordering{
	margin-top:16px;
	font-size:12px;
	}
.ordering li, .products li{list-style:none;}
.ordering li{
	width: 48%;
    margin:0 1% 0 0;
	text-align:left;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	}
.ordering li .preview{
	width:120px;
	}
.ordering ul{
	padding:4px 0 0;
	}
.ordering li li{
	width: auto;
    min-height:12px;
    display:block;
    margin:0;
	text-align:left;
	padding:0 0 13px 4px;
	}
.ordering li li li{
	padding:0 0 2px;
	}
.ordering .zoom{
	line-height:1.8;
	padding:3px 0 5px 25px;
	background:url(./i/icons/zoom.png) no-repeat 0 50%;
	}
.ordering li li strong a{text-decoration:none;}
.ordering li li strong{
	color:#0066ff;
	}
.ordering fieldset{margin:0;}
.ordering input{vertical-align:middle;}	
.ordering legend{display:none;}
.ordering .counter{
	width:26px;	
	font-size:14px;
	padding:1px 4px 1px 0px;
	border:1px solid #bdc5d0;
	text-align:center;
	margin-left:4px;
	background:transparent;
	}
.ordering .desc{
	margin-left:140px;
	}
.ordering .desc li{padding:0 0 5px 0;}
.ordering .desc li li{padding:0 0 2px 0;}
.border{
	height:9px;
	overflow:hidden;
	background:url(./i/backgrounds/border.png) repeat-x;
	}
.ordering li li form, .ordering li li table{
margin:0;
padding:0;
}
/*navigation*/	
.news-box{
	float:left;
	width:178px;
	padding-left:22px;
	margin-left:-100%;
	background:url(./i/backgrounds/news-box.png) no-repeat 24px 11px;
	}
.news-box h2, .navigation h2{
	color:#0066ff;
	font-size:18px;
	font-weight:normal;	
	text-transform:uppercase;
	padding:24px 0 42px 42px;
	margin:0;
	}
.news-box ul, .extra ul, .news ul{margin:0 0 28px;}
.news-box ul li, .extra ul li, .news li{
	text-align:right;
	padding:0 0 6px; 
	}
.news-box ul a, .extra ul a, .more, .news li a{
	font-size:12px;
	padding-left:17px;
	background:url(./i/icons/news-box-a.png) no-repeat 0 65%;
	}
/*extra*/	
.extra{
	float:left;
	width:183px;
	margin-left:-205px;
	padding:85px 22px 0 0;
	}
/*navigation*/
#catalog .navigation{
	float:left;
	width:246px;
	margin-left:-100%;
	padding:7px 0 20px 20px;
	}
#news .navigation{
	float:left;
	width:178px;
	padding-left:22px;
	margin-left:-100%;
	background:url(./i/backgrounds/news-box.png) no-repeat 24px 11px;
	}
.navigation .catalog{
	background:url(./i/icons/catalog.png) no-repeat 4px 4px;
	}
.navigation .catalog h2{padding-left:64px;}
.navigation .news{
	background:url(./i/backgrounds/news-box.png) no-repeat 4px 4px;
	}
.navigation h3, .navigation ul{
	padding-left:10px;
	}

.navigation ul{
	padding-bottom:15px;
	margin-bottom:10px;
	background:url(./i/backgrounds/navigation-ul.png) no-repeat 0 100%;
	}
.navigation .news ul{
	background:none;
	}
 .navigation h2{
	padding:18px 0 28px 42px;
	}
/*footer*/
.footer{
	color:#ffffff;
	height:38px;
	padding:28px 0 0 34px;
	border-top:1px solid #d66b0a;
	background:#bfbfbf url(./i/backgrounds/footer.png) no-repeat 50% 0;
	}
/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.feedback input{vertical-align:top;}	
.feedback legend{display:none;}
.feedback label{
	display:block;
	color:#0066FF;
	padding:5px 0 2px;
	}
.feedback #name-text, .feedback #email-text, .feedback #model-text, .feedback #quant-text, .feedback #company-text, .feedback #tel-text{
	width:313px;	
	color:#999999;
	border:1px solid #c8c8c8;
	font-size:0.98em;
	padding:1px 0;
	background:transparent;
	}
.feedback  textarea{
	width:313px;
	color:#999999;
	height:60px;
	border:1px solid #c8c8c8;
	}
.feedback #feedback-button{
	padding:8px 0 0 190px;
	}

.border-left{
background:url(./i/backgrounds/border-main-left.gif) repeat-y 220px 0;
}
.border-right{
margin:15px 0;
background:url(./i/backgrounds/border-main-right.gif) repeat-y 100% 0;
}

.navigation .catalog a{
color:#000;
text-decoration:none;
}
.navigation .catalog a:hover{
color:#0066ff;
text-decoration:underline;
}
.preview a{
position:relative;
z-index:150;
zoom:1;
}
.preview a img{
zoom:1;
}
.products{width:100%;}
.products td{
 width: 30%;
vertical-align: top;
 text-align:center;
 border:0;
 }
.products lh6 {padding:7px 0 13px;}
.products h6 a{
 padding-left:14px;
 background:url(./i/icons/h5-span.png) no-repeat 0 60%;
 }
.products .preview{
 position:relative;
 padding-top:3px;
 width:169px;
 margin:0 auto 25px;
 }
.preview a{
 position:relative;
 z-index:150;
 }
.products .preview .image-filter{
 position:absolute;
 top:0;
 left:0;
 width:169px;
 height:149px;
 background:url(./i/backgrounds/imfge-filter-2.png) no-repeat;
 }