/* www.vabz.ru CSS file */

/* 1. Import Microformats */
@import url("/css/microformats.css"); 


/* 2. Reset_All_Elements */
@import url("/css/reset.css"); 
html {

}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(/images/common/bg_menu.png) repeat-x left top;
	margin-right: auto;
	margin-left: auto;
}

p, address, ul, ol {
	line-height: 120%;
}
.page hr {
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	margin-top: 4%;
	margin-bottom: 2%;
}


.link_ext {
	background: url(/images/common/iconset/links/ico_ext_link.gif) no-repeat right top;
	white-space: nowrap;
	padding-right: 15px;
}
.link_down {
	background: url(/images/common/iconset/links/ico_down_link.gif) no-repeat right bottom;
	white-space: nowrap;
	padding-right: 15px;
}
.link_pdf {
	background: url(/images/common/iconset/filetypes/ico_pdf_small.gif) no-repeat left center;
	padding-left: 25px;
}
.link_zip {	background: url(/images/common/iconset/filetypes/ico_zip_small.gif) no-repeat left center;
	padding-left: 25px;}

acronym {
	border-bottom: 1px dotted #CCCCCC;
	cursor: help;
}
acronym:hover {
	background: #E8E8F5;
}



address {
	font-style: normal;
}



.divider {
	font-size: 0px;
	clear: both;
	height: 0px;
	width: 100%;
}
.hidden {
	display: none;
}
.nobrr {white-space: nowrap;}
.date {
	color: #727272;
	font-size: 80%;
	display: block;
	line-height: normal;
	margin-left: 0px;
	padding-left: 0px;
}

.menu {
	display: block;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0%;
}
.navigator_container {
	margin-left: 7%;
	margin-top: 20px;
}




.navigator {
	display: block;
	width: auto;
	margin-left: 112px;
	padding-left: 3%;
	margin-top: 20px;
	background: #e8e8f5 url(/images/common/bg_navigator_left.png) no-repeat left top;
	padding-top:8px;
	padding-bottom: 8px;
}
.navigator a {
	text-decoration: none;
	padding: 7px 1%;
	text-align: center;
	margin: 0px;
	color: #000000!important;
}
	.selected_section {
	background: #00ACE9;
	color: #FFFFFF!important;
}



.navigator a:hover {
	background-color: #00ACE9!important;
	color: #FFFFFF!important;
}
.navigator span {
	padding: 7px 1%;
	text-align: center;
	color: #FFFFFF!important;
	background: #00ACE9;
	margin: 0px;
}


.nav_div {
	margin-right: 2%;
	margin-left: 2%;
	font-weight: bold;
	color: #000000;
}



.lang_selector {
	width: auto;
	background: url(/images/common/iconset/languageicons_r9_c14.png) no-repeat left 13px;
	display: block;
	font-size: 70%;
	float: right;
	margin: 16px 50px 0px;
	padding: 1.2em 0px 1em 25px;




	//display: inline;	
}
#search {
	display: block;
	float: right;
	margin-top: 25px;
	padding-right: 2px;
	width: 170px;
	margin-right: 7%;




	//display: inline;
}
#search_button {
	vertical-align: middle;
}

#search_query {
	background: #FFFFFF;
	border: 1px solid #C2C2C2;
	font-size: 80%;
	width: 140px;
	color: #999999;
	padding-left: 3px;
}

.googlesearch {
	font-size: 10px;
	display: block;
	margin: 3px 0px 0px;
	padding: 0px;
	text-align: left;
	color: #999999;

}
.googlesearch img {
	vertical-align: middle;
	display: inline;
}




.content {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.warning {
	color: #990000;
	display: inline!important;
}

.logo_text {
	background: url(/images/common/logo_vabz_text_small.png) no-repeat 112px 30px;
	width: 705px;
	display: block;
	float: left;
	font-size: 80%;
	font-weight: normal;
	height: auto;
	margin-bottom: 5%;
}
	#logo_eng {
	background: url(/images/common/logo_vabz_text_small_en.png) no-repeat 112px 30px;
}

.logo_text img {

}

.imagewall {
	height: 200px;
	overflow: hidden;
}

.imagebrick {
	background: no-repeat center center;
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 1px;
	margin-bottom: 1px;
}
.header_top {
	width: auto;
	margin: 130px 7% 0%;
}
	.header_top span {display: none;}
	.header_top a {

	height: 63px;
	text-decoration: none;
	display: block;
	float: right;
	margin-top: 7px;
	}
.logo_text a {
	display: inline;
	float: none;
	margin: auto;
	height: auto;
}




.pretext {
	width: 80%;
	float: left;
	display: inline;
	margin-top: -3%;
	margin-bottom: 2%;
	margin-left: 112px;
}


.pretext p {
	color: #5e7278;
	padding-bottom: 1em;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-size: 100%;
	line-height: 140%;
}

#cumi {
	background: url(/images/common/buttons/btn_cumi.png) no-repeat center 5px;
	width: 63px;
	height: 80px;
	margin-left: 25px;
	margin-top: 0px;
}
		
		
.section_image_container {
	background: url(/images/common/bg_section_image_container.jpg) repeat-x left 280px;
	width: auto;
	margin-right: 0%;
	margin-left: 0%;

}
.section_subnavigation {
	margin-right: 7%;
	margin-left: 7%;
	padding-left: 112px;

}
.section_subnavigation ul {
	display: block;
	list-style: none;
	margin-top: 1.7%;
	font-size: 90%;
	letter-spacing: 1px;
	line-height: 150%;
}
.section_subnavigation li {
	display: inline;
	margin-right: 3%;
}
.section_subnavigation a {
	color: #7e8e93!important;
	white-space: nowrap;
}
.section_subnavigation span {
	background: #e8e8f6;
	padding: 0.1em 0.2em;
	white-space: nowrap;
}



.section_name {
	font-size: 220%;
	font-weight: normal;
}
	#back {
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url(/images/common/iconset/ico_back.png) no-repeat left center;
	padding-left: 12px;
	margin-left: -12px;
	margin-bottom: 1em;
}
.page {
	padding-left: 112px;
	margin-top: 5%;
	margin-right: 7%;
	margin-left: 7%;
}
	#page_no_subnav {
	margin-top: 2.5%;
}
	#page_docs {
	margin-right: 7%;
	margin-top: 2.5%;

}
	
.illustration_big {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.column_left {
	float: left;
	width: 55%;
	padding-right: 5%;
	padding-bottom: 5%;
}
.column_right {
	float: left;
	width: 40%;
}



.section_image_container div.infoblock_sales {
	min-width: 250px;
	width: 50%;
	padding: 0px 30px 0em 0%;
	height: 60px;
	margin: 10px 471px 0px 0px;
	background: url(/images/common/iconset/mail2_16x16.gif) no-repeat right top;
}
.section_image_container div.infoblock_sales p {
	font-size: 80%;
	color: #9A9A9A;
	padding-right: 30px;
	text-align: right;
}
.section_image {
	padding-top: 35px;
	height: 1%;
	margin-left: 7%;
	padding-left: 112px;
	margin-right: 7%;
}
.screen {
	height: 353px;
	width: 458px;
	background: url(/images/common/vabz_img_preloader.gif) no-repeat center center;
	margin-top: 8px;
	float: right;
	margin-right: 0px;
}






.production_categories {
	width: auto;
	display: block;
	margin-bottom: 3em;
	margin-top: 8px;
	padding-left: 0px;
}
 br {
	font-size: 1px;
	line-height: 1px;
}



.production_categories h4 {
	font-weight: normal;
	margin-bottom: 0.7em;
	font-size: 100%;
	margin-left: -35px;
	padding-left: 35px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 135%;
}
.production_categories h4 span {
	font-size: 65%;
	font-weight: normal;
	display: block;
	margin-left: 2em;
	line-height: normal;
	margin-top: 1em;
	margin-right: 520px;
}
.production_categories span a {
	text-decoration: underline;
	border-style: none;
	margin-top: 0.8em;
	color: #999999!important;
	letter-spacing: normal;
}




.production_categories p {
	font-size: 80%;
	color: #666666;
}
	
	
	
.production_categories a {
	color: #007CA6!important;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom: 1px solid #007CA6;
}


#download_price {
	font-size: 80%;
	font-weight: bold;
	background: url(/images/common/iconset/ico_price.png) no-repeat left center;
	width: auto;
	height: 16px;
	text-align: left;








	//margin-top: -110px;
	margin-left: -30px;
	margin-top: 1.65em;
}
#download_price a {
	border-bottom: 1px dashed #003366;
	text-decoration: none;
	margin-left: 30px;
	color: #000000!important;
}


.columns {
	margin-top: 0%;
	width: auto;


}
	.column {
	float: left;
}

		#left {
	width: 49%;
}
		#right {
	width: 50%;
}

* html #left {
	width: 45%;
	margin-left: -1em;
	padding: 0 2em;
}

.column h3 {
	margin-bottom: 1.25em;
	font-size: 110%;
	font-weight: normal;

}
.column h3 a {color: #000000!important;}
.column h4 a {color: #7e8e93!important;}

.columns p {font-size: 80%;}


.message {
	margin-bottom: 1em;
	margin-right: 5%;
}

.ico {
	margin-left: -30px;
	padding-left: 29px;
	display: inline-block;
}
.pdf {background: url(/images/common/iconset/filetypes/ico_pdf_small.gif) no-repeat left center;}
.doc {background: url(/images/common/iconset/filetypes/ico_doc_small.gif) no-repeat left center;}
.xls {background: url(/images/common/iconset/filetypes/ico_xls_small.gif) no-repeat left center;}
.zip, .rar {background: url(/images/common/iconset/filetypes/ico_zip_small.gif) no-repeat left center;}

.message h4 {
	font-weight: normal;
	font-size: 80%;
	color: #666666;
	line-height: 120%;
}

.message span.date {
	margin-right: 1em;
	padding-right: 3px;
}

.img_in_text_left {
	display: block;
	float: left;
	margin-bottom: 2em;
	margin-right: 2em;
	background: #E8E8F5 url(/images/common/vabz_img_preloader.gif) no-repeat center center;	
}
.img_in_text_right {
	display: block;
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	background: #E8E8F5 url(/images/common/vabz_img_preloader.gif) no-repeat center center;	
}

.page p {
	margin-bottom: 1.12em;
	font-size: 90%;
}
.page address {
	margin-bottom: 1.12em;
	font-size: 90%;
}
.page h3 {
	margin-bottom: 0.5em;
	margin-top: 2em;
	color: #00ACE9;
	font-size: 120%;
}

.page h4 {
	margin-bottom: 0.5em;
	font-size: 90%;
	color: #000000;
}
.page dl {
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 1em;
}
.page dt {
	margin-bottom: 0.11em;
	color: #7e8e93;
}
.page dl img {
	float: left;
	padding: 0 1em 1em;
}
.position {
	font-weight: bold;
	margin-bottom: 0.4em!important;
	color: #7e8e93;
	clear: left;
}
.name {
	letter-spacing: 1px;
	margin-bottom: 1.2em!important;
	margin-left: 1em;
	color: #000000;
}
.page dd {
	margin-bottom: 0.8em;
	margin-left: 1em;
}

.page ol {
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: decimal;
	font-size: 90%;
}

.page ul {
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: circle;
	font-size: 90%;
}
.page table {
	border-left: 1px solid #75767b;
	font-size: 85%;
	margin: 4em auto;
	width: auto;
	/*border-bottom: 1px solid #75767b;*/
}
.page table th, .page table td {
	padding: 0.5em;
	vertical-align: middle;
}

.page table th {
	background: #00019a;
	color: #FFFFFF;
}
.page table td {border-right: 1px solid #75767b; border-bottom: 1px solid #75767b;}
.row_even {
	background: #e9e8f6;
}





.text_indent {
	margin-left: 10%;
	padding-left: 2%;
	border-left: 4px solid #00ACE9;
	color: #646c6e;
	font-size: 120%!important;
	margin-top: 2em;
	margin-bottom: 2em!important;
}
.text_small {
	font-size: 80%!important;
	color: #666666!important;
}


.attached_files {
	margin-left: 10%;
	margin-top: 2em;
	background: #E8E8F5 url(/images/common/bg_attached_files.png) no-repeat left top;
	padding: 2% 2% 0.7em 4%;
	font-size: 90%;
}
.attached_files a {
	color: #00009a!important;
	/*display: block;*/
	margin-bottom: 0.7em;
	margin-left: 25px;
}
.attached_files h3 {
	margin-top: 0px;
	margin-bottom: 0.8em;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	padding-bottom: 0.2em;
	margin-left: 25px;
}



.key_figure {
	margin-top: 2em;
}
.key_figure h4 {
	font-weight: normal;
	font-size: 100%;
}
.key_figure .date {
	font-size: 70%;
}

.article_annotation {

}
.article_annotation h4 {
	font-weight: normal;
	font-size: 120%!important;
}
.article_descriptor p {
	font-size: 80%;
	color: #999999;
	margin-left: 5%;
	padding-left: 2%;
	border-left: 4px solid #CCCCCC;
}
.article_descriptor img {
	float: left;
	margin-right: 0em;
	margin-left: 0em;
	background: #E8E8F5 url(/images/common/vabz_img_preloader.gif) no-repeat center center;
	border: 1px solid #CCCCCC;
}
.even {
	/* background: #E8E8F5; */
	padding: 2% 20% 2% 2%;	
}
.odd {
	background: #ffffff;
	padding: 2% 20% 2% 2%;	
}
.article_header {
	font-size: 210%!important;
	font-weight: normal;
	color: #00ACE9!important;
	margin-top: 0px!important;
}
.production_category {
	display: block;
	padding-top: 0px;
	margin-top: 7%;
	margin-bottom: 7%;
}

.production_category_image {
	height: 193px;
	width: 250px;
	float: left;
	/*border: 1px dotted #CCCCCC;*/
}

	#abrazive_bakelit {background: url(/images/dir_static/production_category_image-1.jpg) no-repeat center center;}
	#abrazive_ceramic {background: url(/images/dir_static/production_category_image-1.jpg) no-repeat center center;}	
	#firebrick {background: url(/images/dir_static/production_category_image-2.jpg) no-repeat center top;}
	#grinding_materials {background: url(/images/dir_static/production_category_image-3.jpg) no-repeat center top;}

.production_category_content {
	background: #FFFFFF;
	margin-left: 300px;
}
.production_category ul {
	display: block;
	list-style: none;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
.production_category li {
	line-height: 120%;
	display: block;
	margin-bottom: 1em;
}

	
	
	
	
	
.production_category h3 {
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 1.3em;
	font-size: 150%;
}
.production_category h3 a {
	color: #666666!important;
}
.production_category_profile_img {
	display: block;
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
	background: #E8E8F5 url(/images/common/vabz_img_preloader.gif) no-repeat center center;		
}
.production_category_toc {
	display: table;
	margin-right: 0px!important;
	width: 100%!important;
	margin-left: 0%!important;
}
.production_category_toc td {
	text-align: center;
}
.contacts {
	margin-left: 0%!important;
	line-height: 140%!important;
}
#sender {
	background: url(/images/common/bg_sender_big.jpg) no-repeat center top;
	float: right;
	height: auto;
	width: 384px;
	margin-left: 5%;
	margin-right: -20px;
	padding-bottom: 15px;
}
.form_header {
	display: block;
	color: #666666;
	margin-top: 32px;
	margin-left: 48px;
	font-size: 180%;
	margin-bottom: 5px;
}
.required {
	font-size: 70%;
	display: block;
	margin-left: 41px;
	margin-bottom: 10px;
	color: #FF0000;
}
.form_message {
	margin-left: 48px;
	padding: 3px 18px;
	margin-right: 8px;
	//margin-right: 0px;
}
	#ok {background: #009933; color: #FFFFFF;}
	#error {
	background: #CC3300;
	color: #FFFFFF;
}	


.common_fields {
	background: url(/images/common/bg_sender_fieldset.jpg) no-repeat center center;
	height: 240px;
	width: 325px;
	display: block;
	margin-left: 48px;
	//margin-left: 56px;	
	padding-left: 18px;
	padding-top: 17px;
}
.common_fields select {
	display: block;
	width: 307px;
	margin-top: 2px;
}
.common_fields input {
	display: block;
	width: 304px;
	margin-top: 2px;
}

.common_fields textarea {
	display: block;
	width: 304px;
	margin-top: 2px;
	height: 60px;
	overflow: auto;
}

.common_fields label {
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 10px;
	display: block;
	color: #666666;
}
.captcha_fieldset {
	margin-left: 67px;
	padding-top: 7px;
	padding-right: 21px;
}
.captcha_fieldset .explanation {
	font-size: 70%;
	font-style: italic;
	display: block;
	margin-bottom: 6px;
	margin-right: 50px;
}


.captcha {
	font-size: 80%;
	background: url(/images/common/iconset/ico_rarr.png) no-repeat 125px 25px;


































	//background: url(/images/common/iconset/ico_rarr.png) no-repeat 125px 24px;
	height: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;

}



.captcha img {
	margin-right: 18px;
	margin-top: 3px;
	display: block;
	float: left;
}



#captcha_value {
	width: 85px;
	//width: 85px;	
	margin-bottom: 3px;
	border: 1px inset #CCCCCC;
	color: #E46A62;
	margin-left: 0px;
	height: 42px;
	padding-top: 15px;
	margin-top: 3px;
	padding-left: 15px;
	font: bold 220% "Courier New", Courier, monospace;

}



.captcha a {
	background: url(/images/common/iconset/ico_refresh.gif) no-repeat left center;
	display: block;
	margin-left: 140px;
	font-size: 80%;
	padding-bottom: 4px;
	font-weight: normal;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;

}

	.captcha a:hover {
	background: url(/images/common/iconset/ico_refresh_hover.gif) no-repeat left center;
	color: #009900!important;
}
#send {
	margin-top: 20px;
	float: right;
	margin-right: 27px;
}
.infocard {
	font-size: 80%;
	color: #000000!important;
	height: 16px;
	margin-top: 6%;
}
.infocard_download {
	background: url(/images/common/iconset/filetypes/ico_pdf_small.gif) no-repeat left center;
	padding-left: 25px;
	margin-left: -25px;
	display: block;
	font-size: 80%;
	color: #000000!important;
	height: 16px;
	margin-top: 6%;
}
.img_waymap {
	display: block;
	border: 1px solid #00ACE9;
	margin: 5% auto 0% 0px;
	background: url(/images/common/vabz_img_preloader.gif) no-repeat center center;
}










	









.footer {
	height: 100px;
	width: auto;
	margin: 7% 7% 3%;
}
.footer .columns {
	margin-top: 0px;
	border-top: 1px solid #777777;
	margin-left: 112px;
	padding-top: 1%;
}
.footer h6 {
	color: #333333;
	font-weight: bold;
	text-align: left;
	line-height: 150%;
	margin-bottom: 1em;
}
.footer address {
	line-height: 170%;

}
.footer .vcard {
	font-size: 80%;
	line-height: 140%;
	color: #666666;
}
.footer a {
	color: #7e8e93!important;
}

.service_icons {
	margin-top: 1.5%;
	text-align: left;
	margin-bottom: 1.5%;
}
.service_icons img {
	margin-left: 0%;
	cursor: help;
}
.alliance {
	display: block;
	float: right;
	margin-right: -6px;
}



.left_outdent {
	margin-left: -1em;
}
.pager {
	font-size: 10px;
	display: block;
	height: 25px;
	width: auto;
	margin: 5% auto;
	padding-bottom: 5px;
	border-bottom: 1px dashed #CCCCCC;
}

.pager a {
	float: left;
	display: block;
	clear: none;
	height: 15px;
	width: 20px;
	margin-right: 2%;
	margin-left: 0%;
	text-decoration: none;
	background: url(/images/common/iconset/pager/bg_digit.png) no-repeat center top;
	text-align: center;
	color: #FFFFFF!important;
	padding-top: 5px;
}


.pagenumbers {
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.pagenumbers a {
	display: inline-block!important;
	float: none!important;
}
	.pagenumbers a:hover {
	background: url(/images/common/iconset/pager/bg_digit.png) no-repeat center bottom;
	color: #FFFFFF!important;
}

.pager_link_selected {
	display: inline-block;
	height: 15px;
	width: 20px;
	margin-right: 2%;
	margin-left: 0%;
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
	background: url(/images/common/iconset/pager/bg_digit.png) no-repeat center bottom;
	margin-right: 2%;
	margin-left: 0%;
	
}






.pager #first {
	background: #9933FF url(/images/common/iconset/pager/ico_first.png) no-repeat center top;
	height: 16px!important;
	width: 16px!important;
	margin-top: 2px;
	padding: 0px;
}
	.pager  a#first:hover {background: url(/images/common/iconset/pager/ico_first.png) no-repeat center -16px;}

.pager #prev {
	background: #9933FF url(/images/common/iconset/pager/ico_prev.png) no-repeat center top;
	height: 16px!important;
	width: 16px!important;
	margin-top: 2px;
	margin-right: 4%;
	padding: 0px;	
}
	.pager  a#prev:hover {background: url(/images/common/iconset/pager/ico_prev.png) no-repeat center -16px;}

.pager #next {
	background: #9933FF url(/images/common/iconset/pager/ico_next.png) no-repeat center top;
	height: 16px!important;
	width: 16px!important;
	margin-top: 2px;
	margin-right: 1%;
	margin-left: 3%;
	padding: 0px;
	float: right;
}
	.pager  a#next:hover {background: url(/images/common/iconset/pager/ico_next.png) no-repeat center -16px;}
	
.pager #last {
	background: #9933FF url(/images/common/iconset/pager/ico_last.png) no-repeat center top;
	height: 16px!important;
	width: 16px!important;
	margin-top: 2px;
	margin-left: 2%;
	padding: 0px;
	float: right;
	margin-right: 0px;
}
	.pager  a#last:hover {background: url(/images/common/iconset/pager/ico_last.png) no-repeat center -16px;}
	
	
