body  {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #6E8CA5;
	background:#fff; }

p {
	margin: 0;
	padding: 0; 
	color: #6E8CA5;
	font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;}

div {
	margin: 0; 
	padding: 0;	
	border: 0px; 
	color: #6E8CA5;
	font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;}

table, td, td p {
	margin: 0; 
	padding: 0; 
	border: 0px;
	color: #6E8CA5;
	font: 10px Arial, Tahoma, Verdana, Helvetica, sans-serif;}

a {	color: #6E8CA5; 
	text-decoration: none; }
a:hover { text-decoration: none;}
p a {text-decoration: none; }


h1, h2, h3, h4, h5 {
	color: #6E8CA5; 
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}

h1 {font-size: 14px}
h2, h3 {font-size: 12px}

ul {margin: 0; padding: 0;}
ul li {margin: 0; padding: 0;}

select, option {margin: 0; padding: 0;}

img {border: 0;}
a img {border: 0;}

br.clear {clear: both;}

form {margin:0; padding: 0;}
input, select, textarea {padding: 0; margin: 0; border: 1px solid #D3DAE3; font: 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #6E8BA4;}


dl {margin: 0; padding: 0;}
dl dt {margin: 0; padding: 0;}
dl dd {margin: 0; padding: 0;}
object {margin: 0; padding: 0;}

/*Расчитываем минимальную ширину*/
#conteiner {
background-color: #fff;
width:
    expression(  
	document.getElementById("measurer").clientWidth < 1000 ? "1000px" : "100%"
    );
	
/*для FF*/
min-width: 1000px;}

/*Блок распорка для измерения ширины*/
#measurer {
    width: 100%;
    height: 1px;
    line-height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;} 

/*Шапка сайта*/
#head {padding: 56px 65px 0 65px; }
/*Нижня и верхняя части шапки*/
#head_up {height: 105px;}
#head_down {height: 30px; width: 100%; position: relative; z-index: 100 }

/*Верхняя часть шапки состоит их логотипа верхнего меню и правого бокса с мининавигацие й и поиском*/
#logo_zone, #head_menu {float: left; width: 38%;} 
#right_box {width: 23%; float: right}

/*Логотип состоит из двух частей: собственно самого логотипа и названия компании*/
#logo {width: 79px; height: 74px; float: left;}
#name {width: 238px; height: 74px; margin-left: 79px; background: url("../images/name_slogan_left.gif") no-repeat 0 7px; }
#logo a, #name a {display: block; height: 100%; text-indent: -3000px; overflow: hidden;}

/*Верхнее меню */
#head_menu ul {list-style: none; float: left; width: 49%; padding-top: 8px}
#head_menu ul li {padding-left: 40px; padding-top: 5px; line-height: 11px; padding-bottom: 4px; float: left;  clear: both;}
#head_menu ul.second li {padding-right: 10px;}

/*Ссылки в основном везде жирные, но все равно по отдельности выделяю все места где они жирные*/
#head_menu ul li a, #main_menu li a, #footer div p a, #left li a, .special a {font-weight: bold;}

/*Мининавигация в шапке*/
#mini_nav {list-style: none; margin-top: 7px; height: 38px; }
#mini_nav li { float: left; width: 21px; margin-right: 7px; height: 16px; }
#mini_nav li a {width: 100%; height: 100%; display: block}
#mini_nav li.home {background: url("../images/home.gif") no-repeat 0 0;}
#mini_nav li.search {background: url("../images/search.gif") no-repeat 0 0;}
#mini_nav li.mail {background: url("../images/mail.gif") no-repeat 0 0;}

/*Поиск в шапке*/
.search_text {width: 85%; float: left; border: 1px solid #D3DAE3; padding: 1px 2px; }
/*Кнопка-стрелка*/
.to_search {float: right; height: 16px; width: 16px; border: 0;} 
.helper .to_search { margin-top:2px;}

/*Главное меню*/
#main_menu {list-style: none; width: 100%; padding-top: 7px; }
#main_menu li {float: left; width: 19%; line-height: 20px; background-position: 0px 2px  }
#main_menu li a {display: block; padding-left: 40px; background: url("../images/border.gif") no-repeat 100% 1px;}
#main_menu li.last a {background: none;}

/*Позиционируем иконки прайс -листов, здесь все было сложно, главное помнить что там где float absolut глючит*/
#prices {position: absolute; z-index: 150; top: 6px; right: 0; width: 42px; height: 19px;}

/*Шапка закончилась*/

/*Основная часть*/
/*Блок охватывает все блоки в зоне контента, создает отступ снизу от футера,
 а на внутренних страницах в нем лежит бэкграунд  и относильно него спозиционирован блок спецпредложения*/
#zone {float: left; width: 100%; clear: both; padding-bottom: 4px; position: relative;}

/*Блок используется только на главной странице*/
#main { height: 351px;}

/*Витрина на главной странице, сделано таблицей*/
#product_face {padding: 10px 0px 0px 35px; background-color: transparent}
#product_face table {width: 89%;}
#product_face table td {text-align: center; vertical-align: top; width: 20%; padding: 5px; }
#product_face table td div {width: 100%; height: 109px;}
#product_face table td p {padding-top: 5px;}
#product_face table td a {font-size: 10px; font-weight: bold; }

/*Задаются отступы контента*/
#content_zone {padding: 8px 65px 0 65px; clear: both; }

/*задается минимальная высота контента, чтобы был виден весь бэкграунд*/
#content_zone {min-height: 350px;}
* html #content_zone {height: 350px}

/*Задание ширины этому блоку гарантирует правильный расчет ширины в ие5*/
#content_all {width: 100%; padding-bottom: 5px;}

/*Колонки контента*/
#left {width: 19%; float: left}
#right {width: 78%; float: right}
/*На странице контента под левым меню есть абсолютно позиционированное спецпредложение, чтобы меню не наезжало на это блок пропишем:*/
body.special_left #left {padding-bottom: 200px;}

/*Левое меню*/
#left ul {padding-right: 0px; list-style: none; padding-left: 30px; padding-bottom: 10px }
#left ul li {padding: 3px 5px 6px 5px; background: url("../images/left_menu_border.gif") repeat-x left bottom}
#left ul li.last {background: none;}

/*Хлебные крошки*/
#breadcrumb {
	padding: 2px 12px; 
	margin-bottom: 6px;
	clear: both;}
#breadcrumb a:hover {text-decoration: underline; }

/*Таблицы  каталога и описания одного товара*/
table.catalog {width: 100%}
table.catalog td, table.ProductInfo td  {font-size: 9px; padding: 0px 4px; background: url("../images/td_back.gif") repeat-y top right; text-align: center;}

table.catalog td a { display:block; width:100%; height:100%;}

table.ProductInfo td {padding: 4px 2px;}
/*Заголовок*/
table.catalog thead td, table.ProductInfo tr.head td {
	background: #DAE0E8 url("../images/td_thead_back.gif") repeat-y top right; 
	text-align: center; 
	padding: 1px 4px; vertical-align: top;}

/*Сортировка*/
table.catalog td p {font-size: 9px}
p.down {padding-left: 12px; }

/*Список сотрудников*/
table.people td {font-size: 11px; font-weight: normal; padding: 1px 10px; text-align: left;}	
table.people thead td {padding: 5px 10px; font-weight: bold; background: #DAE0E8 url("../images/td_thead_people.gif") repeat-y top right;}
table.people td {background: #EDF0F4 url("../images/td_people.gif") repeat-y top right;}
table.people tr.transparent td {background-color: transparent;  height: 6px}
table.people tr.master td {background: #E9ECF0;}



/*Четная строчка*/
table.catalog tr.even td, table.ProductInfo tr.even td {background: #EDF0F4 url("../images/td_even_back.gif") repeat-y top right;}
/*Последний столбец*/
table.catalog tr td.last {background-image: none; padding-left: 15px }
table.ProductInfo tr td.last {background-image: none;}
table.catalog thead td.last, table.ProductInfo thead td.last {padding-left: 0;}

/*Это меню лежит вне #content_zone  для правильго расчета процентной ширины (как в блоках в футере)*/
.catalog_menu {clear: both; padding: 0 65px 0 65px;}
/*Чтобы ие5 правильно считал */
.catalog_menu_in {width: 100%;}
.catalog_menu_in div {
	width: 19%; 
	float: left; 
	height: 36px;
	background: url("../images/catalog_menu_border.gif") no-repeat top right;}
.catalog_menu_in div p {padding: 6px 2px; text-align: center}
.catalog_menu_in div p a {font-weight: bold}	
.catalog_menu_in div.last {background: none;}	



/*Блок с картинкой и названием одного товара и блок с фотографией и подписью*/
.productImage, .fotoImage {
	width:173px;
	height:270px;
	text-align:center;
	float:left;}
.productImage img {padding-top:23px;}
.productImage h2, .fotoImage h3 {
	padding: 0 10px;
	font-size:15px; 
	font-weight:bold;
	text-align:center;}
.fotoImage h3 {font-size: 11px; }

/*Непосредственно контент*/
#content {padding-bottom: 10px; padding-top: 10px}
#content p {font-weight: normal; padding-bottom: 10px}

/*Блок специального предложения*/
.special {position: absolute; width: 15%; bottom: 10px; left: 65px; text-align: center;}
.special a.banner {width: 100%; display: block; height: 111px}

/*Футер начался*/
#footer {border-top: 1px solid #667990; padding: 8px 65px 0px 65px; clear: both}

/*Это блок существует для того, что бы в ие5 таблица не растягивала верстку*/
#footer_in {width: 100%;}
#footer p {padding-top: 8px;}

/*Блок с контактами*/
/*#contact {float: left; padding-bottom: 20px}
#contact p {line-height: 15px; padding-left: 10px}*/

/*стиль для ссыкли на схему проезда*/
#footer p.shema {padding-top: 20px; float: left; padding-right: 15px}
.shema span {font-size: 16px}

/*Блоки в футере*/
.special_orders, .load, .help, .order {width: 19%; float: left; height: 78px;  margin-bottom: 10px;}
.load {background: url("../images/load.gif") no-repeat 0 0;}
.order {background: url("../images/order.gif") no-repeat 0 0;}
.special_orders p {padding-left: 72px; }
.load p {padding-left: 63px;}
.help p {padding-left: 76px;}
.order p {padding-left: 70px;}
.special_orders p, .load p, .help p {background: url("../images/border_footer.gif") no-repeat top right; height: 70px;}
.special_orders p, .load p, .help p, order p {padding-right: 10px} 

/*Блок помощника в выборе шин*/
.helper {
	clear: both; 
	padding-bottom: 20px; 
	background:url("../images/helper_border.gif") repeat-x bottom left; 
	margin-bottom: 20px; 
	float: left;
	width: 100%}

.helper_name {background: url("../images/helper.gif") no-repeat 0 0; padding: 6px 0 7px 31px; }
.helper_name h3 {
	font-size: 11px; 
	line-height: 18px;
	font-weight: normal; color: #fff; background: url("../images/help_bg.gif") repeat-x 0 0; height: 18px; padding-left: 10px}

.helper .search_text {padding: 1px 10px; width: 50%} 
.helper select { width: 40%; float: left;}
.helper .to_search {float: left; margin-left: 20px; display: inline}
.helper form {margin-top: 13px}


/*Сложная форма*/
.question {float: left; width: 60%; margin-left: 10px}

.two_columns {}
.two_columns td {padding: 2px 20px 2px 0px; }
.two_columns td input, .two_columns td textarea {width: 100%}
.two_columns td.label {width: 25%; font-size: 11px; font-weight: bold}
.two_columns td label {font-weight: bold; font-size: 11px}
.two_columns td input.submit {font-weight: bold; width: 90px; border: 0; padding: 2px 0;  }
.question span {color: #000000}
.question span, p.mark {font-weight: bold; }
/*Подпись про обязательные поля*/
#content p.mark {padding-top: 3px; margin-right: 130px; font-weight: bold; font-size: 11px} 
/*Кнопка "отправить"*/
#to_send {text-align: left; padding-top: 20px}
#to_send a {
	display: block; 
	padding: 0 40px 0 0; 
	line-height: 20px; 
	float: right; 
	font-weight: bold;
	font-size: 11px;}

/*Горизонтальный баннер спецпредложения*/
.horisontal_banner {clear: both; padding-bottom: 20px} 
.horisontal_banner h4 {width:153px; margin: 0 10px; float: left; display:inline; text-align: center; padding-top: 4px; font-weight: bold; font-size: 11px;}
.horisontal_banner h4 a {font-weight: bold; font-size: 11px;}
.horisontal_banner_text {margin-left: 173px; }
.horisontal_banner_text h3 {padding-left: 37px; padding-top: 10px; padding-bottom: 4px}

.horisontal_banner_text h3 a, .horisontal_banner_text h3 {font-size: 10px;}
.horisontal_banner_text h3 {min-height: 17px }
* html .horisontal_banner_text h3 {height: 17px;}

/*Таблица с перечнем партнеров*/
.partners {margin-top: 0px}
.partners td {padding: 3px 0; vertical-align: middle; width: 50%}
.partners td a {font-size: 11px; font-weight: bold;}
.partners td.name { padding-left: 25px; padding-right: 50px}
.partners td.adress { padding-left: 50px;}

.vacancy dl {padding-bottom:10px}
.vacancy dd, .vacancy dt {font-size: 11px; font-weight: bold }
.vacancy dd {padding-bottom: 5px; font-weight: normal}
.vacancy h3 {padding-bottom: 5px}

/*Список новостей*/
#news h3 {padding-top: 13px; padding-bottom: 3px;}
#news h3.first {padding-top: 0;}
#news a {font-weight: bold;}
#news p {padding: 0; font-weight: normal; padding-top: 3px}

/*Фильтр для категорий на главной странице*/
img.ligth 
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.product_text {padding: 15px 0 0 0; font-weight: bold; font-size: 11px}
.product_text p {font-weight: bold; font-size: 11px; padding-bottom: 10px}

/*Поиск*/
#search p a {font-weight: normal;}
#search #quick_search {width: 30%;}

/*PageSplitNaqvigator*/
#navigator {margin-top: 25px;}

span.defaultCategoryTitle { padding: 5px 0 0 0; display:block;}

/*Подпись в футере - создание сайта*/
p.creator {float: left; width: 100%}
#footer #footer_in #contact p.creator a {font-weight: normal;}

#counters {padding-left: 75px;}

#site_map ul li {font-weight: bold; margin-bottom: 10px}
#site_map ul li ul li {font-weight: normal; margin: 5px 0 0 15px; list-style-type: none}

#print_header {width: 500px; margin: 20px;}
#print_text {margin-left: 20px;}