/* Стандартные стили */

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* Основные стили */
html, body { width: 100%; height: 100%; }
html, body, td, th {
  margin: 0; padding: 0;
  font-family: tahoma, verdana, sans-serif;
  font-size: 10px;
}
body.print { padding: 20px 10px 20px 10px; }
img {border: 0;}
sup, sub { font-size: 80%; }

table { border-collapse: separate; }
td { vertical-align: top; }

.hidden { display: none; }
.relative { position: relative; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#Content {
  font-family: tahoma, verdana, sans-serif;
  font-size: 10px;
}

#Content a img { border: none; }


#Content.print { font-size: 12px; }
#Content.print td { font-size: 12px; }

#Content td {
	font-size: 10px;
	padding: 2px;
}

a {
	color: #000000; font-weight: bold;
	text-decoration: none;
}
/*
a:link {color: #00f;}
a:visited {color: #008;}
a:hover {color: #f00;}
*/

p {
  margin: 0em 0em 1em 0em;
}

h1, h2, h3, h4, h5, h6 {font-family: tahoma, verdana, sans-serif;  margin: 0em 0em 1em 0em; padding: 0; }
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}
h1.pageCaption {
	margin: 20px 65px 20px 60px;
	text-transform: uppercase;
}
.red { color: #d20121; }

img.floatleft { float: left; margin: 0px 5px 5px 0px; }
img.floatright { float: right; margin: 0px 0px 5px 5px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили оформления страницы                                                        *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*--------------- Горизонтальное меню (hMenu) -------------------------------------*/
.topmenu { background: url(top.jpg) top repeat-x; padding: 12px 0px 4px 0px; text-align: center; }

.hMenu { width: 800px; margin: 0 auto; text-align: left; border-collapse: collapse; }
.hMenu td {
	padding: 10px 0px 0px 0px;
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.hMenu td.selected {
	filter: alpha(opacity=100);
	opacity: 1;
	background: url(hMenu/selected.jpg) top left no-repeat;
}

.hMenu a { display: block; height: 9px; line-height: 9px; font-size: 9px; background: center left no-repeat; text-decoration: none; }
.main .hMenu a { background-position: center; }

.hMenu .item1 { width: 143px; }
.hMenu .item2 { width: 123px; }
.hMenu .item3 { width: 113px; }
.hMenu .item4 { width: 153px; }
.hMenu .item5 { width: 123px; }

.hMenu .item1 a { background-image: url(hMenu/about.jpg); }
.hMenu .item2 a { background-image: url(hMenu/news.jpg); }
.hMenu .item3 a { background-image: url(hMenu/services.jpg); }
.hMenu .item4 a { background-image: url(hMenu/production.jpg); }
.hMenu .item5 a { background-image: url(hMenu/catalog.jpg); }
.hMenu .item6 a { background-image: url(hMenu/gallery.jpg); }
/*--------------- end of hMenu --------------------------------------------------*/

/*--------------- Подвал сайта (footer) -----------------------------------------*/
.footer { text-align: center; color: #FFFFFF; width: 100%; }
.footer a { color: #FFFFFF; }
.footer td { padding: 25px 0px 20px 0px; }

.footer .left { background: url(footer/bottom_left_bg.jpg) bottom repeat-x; }
.footer .right { background: url(footer/bottom_right_bg.jpg) bottom repeat-x; }

.footer .copyrights {
	width: 400px;
	background: url(footer/bottom.jpg) bottom left no-repeat;
	text-align: left;
}
.footer .bullets {
	width: 400px;
	background: url(footer/bottom.jpg) bottom right no-repeat;
	text-align: right;
}
/*--------------- end of footer -------------------------------------------------*/


.layout { width: 100%; height: 100%; table-layout: fixed; border-collapse: collapse; }

/*--------------- Блоки справа и слева (block) ----------------------------------*/
.block {
	width: 200px;
	padding: 8px 0px 15px 0px;
	text-align: left;
	font-size: 11px;
}
.block.nobg { background: none !important; }

.block h5 { text-transform: uppercase; }
.left .block h5 {
	text-align: right;
	background: url(larr_sel.jpg) right 4px no-repeat;
	padding: 0px 16px 0px 0px;
}
.right .block h5 {
	background: url(rarr_sel.jpg) center left no-repeat;
	padding: 0px 0px 0px 16px;
}

.left .block .image { text-align: right; padding-right: 15px; }
.right .block .image { text-align: left; padding-left: 15px; }

/*--------------- end of block --------------------------------------------------*/

/*--------------- Левая колонка (left) ------------------------------------------*/
.left { text-align: right; background: url(blocks/left/bottom_right_bg.gif) right repeat-y #E6E6E6; }
.left .block {
	margin: 0px 0px 0px auto;
	background: url(blocks/sep.gif) top right no-repeat;
}

.left .top {
	padding: 8px 0px 0px 0px;
	background: url(blocks/left/top_right_bg.gif) right repeat-y #FFFFFF;
}
.left .top .top_bg {
	position: absolute; top: -8px; right: 0px;
	width: 100%;
	background: url(blocks/left/top_bg.gif) top repeat-x;
}
.left .top .top_img { background: url(blocks/left/top.jpg) top right no-repeat; height: 14px; }

.left .bottom .bottom_img { background: url(blocks/left/bottom.jpg) top right no-repeat; height: 10px; line-height: 0px; font-size: 0px; }

/* Блок "Главная фишка" в левой колонке */
.features .link { text-align: right; padding: 0px 0px 10px 0px; }
.features a {
	display: block;
	text-decoration: none;
	background: center no-repeat;
	margin: 0px 10px 0px auto;
}

.features .rp a { width: 83px; height: 55px; background-image: url(features/rp.jpg); }
.features .rp a:hover { background-image: url(features/rp_a.jpg);	}

.features .bh a { width: 102px; height: 88px; background-image: url(features/bh.jpg); }
.features .bh a:hover { background-image: url(features/bh_a.jpg);	}

.features .sk a { width: 85px; height: 54px; background-image: url(features/sk.jpg); }
.features .sk a:hover { background-image: url(features/sk_a.jpg);	}

/* Блок "меню второго уровня" в левой колонке */
.left .menu_lev2 .item {
	padding: 0px 15px 0px 35px;
	background: url(larr.jpg) right 3px no-repeat;
	text-align: right;
	font-size: 10px;
}
.left .menu_lev2 .item a { color: #58575C; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.left .menu_lev2 .item.selected { background-image: url(larr_sel.jpg); }
.left .menu_lev2 .item.selected a { color: #000000; }
/*--------------- end of left --------------------------------------------------*/


/*--------------- Правая колонка (right) ---------------------------------------*/
.right { background: url(blocks/right/bottom_left_bg.gif) left repeat-y #FFFFFF; }
.right .block { background: url(blocks/sep.gif) top left no-repeat; }
.right .block .text { margin-left: 15px; }

.right .top {
	padding: 8px 0px 0px 0px;
	background: url(blocks/right/top_left_bg.gif) left repeat-y #E6E6E6;
}
.right .top .top_bg {
	position: absolute; top: -8px;
	width: 100%;
	background: url(blocks/right/top_bg.gif) top repeat-x;
}
.right .top .top_img { background: url(blocks/right/top.jpg) top left no-repeat; height: 14px; }

.right .bottom { }
.right .bottom .bottom_img {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 7px; line-height: 7px; font-size: 0px;
	background: url(blocks/right/bottom.jpg) bottom left no-repeat #E6E6E6;
}

/* Блок "Сортамент" в правой колонке */
.right ul { margin: 0px 0px 0px 0px; padding: 0; list-style: inside; }
.right li { margin: 0; padding: 0px 0px 4px 0px; font-weight: bold; }

/*--------------- end of right -------------------------------------------------*/

.center { width: 468px; background: url(center_bg.jpg) center repeat-y; }
.center .header_image {
	height: 202px;
	background: url(collage/about.jpg) top center no-repeat;
}
.center .header_image.about_img { background-image: url(collage/about.jpg); }
.center .header_image.news_img { background-image: url(collage/news.jpg); }
.center .header_image.services_img { background-image: url(collage/services.jpg); }
.center .header_image.production_img { background-image: url(collage/production.jpg); }
.center .header_image.catalog_img { background-image: url(collage/catalog.jpg); }
.center .header_image.gallery_img { background-image: url(collage/gallery.jpg); }


.content { margin: 10px 20px 10px 20px; width: 428px; }

/* Меню третьего уровня (menu_lev3) */
.menu_lev3 { padding: 0px 0px 40px 0px; }
.menu_lev3 table { width: 100%; border-collapse: collapse; }
.menu_lev3 td { padding: 0 !important; }
.menu_lev3 td.menu { padding: 0px 0px 0px 16px !important; }
.menu_lev3 .catimage { text-align: right; vertical-align: bottom; }

.menu_lev3 .item {
	padding: 0px 0px 0px 45px;
	background: url(rarr.jpg) left 3px no-repeat;
	font-size: 10px;
}
.menu_lev3 .item a { color: #58575C; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.menu_lev3 .item.selected { background-image: url(rarr_sel_w.jpg); }
.menu_lev3 .item.selected a { color: #000000; }

.menu_lev3 .level2 { margin: 5px 0px 10px 0px; }
.menu_lev3 .level2 .item { margin: 2px 0px 2px 30px;	padding-left: 15px; }
.menu_lev3 .level2 .item a { text-transform: none; }

h6.catcaption {
	margin: 10px 0px 30px 0px;
	color: #C4222A;
}

/*--------------- Фотоальбом (album) -------------------------------------------*/
.album { display: none; }
.album_caption { margin: 0px 0px 5px 0px; }
.album.selected { display: block; }

.album .image { text-align: center; padding: 10px 0px 10px 0px; }
.album .nav { text-align: center; padding: 0px 0px 30px 0px; }
.album .nav a { text-transform: uppercase; }
/*--------------- end of album -------------------------------------------------*/

/*--------------- Баннеры (banners) --------------------------------------------*/
.images_wrapper { position: relative; }
.left .images_wrapper { margin: 0px 0px 0px auto; }
.right .images_wrapper { margin: 0px auto 0px 0px; }
.images_wrapper img {
	position: absolute;
	display: block;
}
.images_wrapper .img1 { right: 0px; }
.images_wrapper .img2 { left: 0px; }
/*--------------- end of banners -----------------------------------------------*/

/*--------------- Прайслист (pricelist) ----------------------------------------*/
.pricelist { width: 100%; }
.pricelist th, .pricelist td { text-align: left; padding: 3px 3px 3px 3px !important; }
.pricelist th, .pricelist tr.odd { background: #e6e6e6; }

.pricelist .caption { width: 30%; font-weight: bold; }

.pricelist .sizes td { padding: 0 !important; }
.pricelist .sizes { text-align: right; width: 100%; }
.pricelist .sizes .size { text-align: right; width: 55%; vertical-align: middle; }
.pricelist .order { text-align: center; }
.pricelist .order a {
	cursor: pointer;
	display: block; margin: 0 auto;
	width: 26px; height: 16px;
	background: url(cart/cart.gif) center no-repeat;
}
.pricelist .order a.selected { background-image: url(cart/cart_selected.gif); }
.pricelist .order.delete a {
	background-image: url(cart/del.gif);
}

.pricelist .sizes .quantity { width: 90px; white-space: nowrap; }
.pricelist .sizes .quantity input { font-size: 10px; width: 20px; }
.pricelist .sizes .quantity select{ font-size: 10px; }
/*--------------- end of pricelist ---------------------------------------------*/

/*--------------- Корзина (basket) ---------------------------------------------*/
.basket .more { text-align: right; }
.basket .more a {
	color: #C61905;
	font-weight: bold;
	text-decoration: underline;
}
/*--------------- end of basket ------------------------------------------------*/

/*--------------- Новости (news) -----------------------------------------------*/
.news {
	width: 100%;
	color: #58575C;
}
.news td { padding: 0px 0px 20px 0px !important; }
.news .date { width: 65px; }
.date span { color: #c61905; }

.news .more { text-align: right; margin: 5px 0px 0px 0px; }
.news .more a {
	color: #C61905;
	font-weight: bold;
	text-decoration: underline;
}

.newsitem { color: #58575C; }
.print .newsitem { color: #000000; }
.newsitem .date { margin: 5px 0px 10px 0px; }

.newsitem .print {
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 2px 20px;
	background: url(print.gif) center left no-repeat;
}

.newsitem h6, .news h6 { color: #C61905; text-transform: uppercase; }
/*--------------- end of news --------------------------------------------------*/

/*--------------- Карта транзитных поставок (map) ------------------------------*/
.to_map {
	float: right;
	width: 60px; height: 33px;
	background: url(to_map.gif) center no-repeat;
}
.to_map:hover { background-image: url(to_map_hover.gif); }
.to_map_txt {
	color: #F00000;
	text-decoration: underline;
}
/*--------------- end of map ---------------------------------------------------*/

/*-=-=-=-=-=-=-=- Главная страница (main) -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.bottom_bg_main { height: 100%; background: url(footer/bottom_right_bg.jpg) bottom repeat-x; }
/* IE hack */
html > body .bottom_bg_main { min-height: 100%; height: auto; }
.wrapper_main { height: 100%; text-align: center; background: url(main/top_bg.gif) top repeat-x; }

.layout_main {
	height: 100%; width: 800px;  margin: 0 auto;
	background: url(main/dot.gif) 465px 0px repeat-y;
	text-align: left;
}
.layout_main .top { vertical-align: top; }
.layout_main .bottom { vertical-align: bottom; }

/*-------------- Заголовок на главной странице (header) -----------------------*/
.layout_main .header {
	height: 240px;
	background: url(main/collage.jpg) top center no-repeat #FFFFFF;
}
.layout_main .header div {
	padding: 190px 0px 0px 0px;
	font-size: 9px;
	text-align: center;
}
#.layout_main .header a { font-weight: normal; }
/*-------------- end of header ------------------------------------------------*/

.content_main { width: 100%; border-collapse: collapse; }
.content_main .content {
	margin: 0; padding: 0px 20px 0px 0px;
	width: 445px;
}

/*-------------- Список последних новостей на главной (last_news) -------------*/
.content_main .last_news { padding: 0px 0px 0px 20px; }
.content_main .last_news .date { margin: 0px 0px 10px 0px; }
.content_main .more { margin: 0px 0px 10px 0px; text-align: right; }
.content_main .more a { color: #d20121; font-size: 9px; text-decoration: underline; }
/*-------------- end of last_news ---------------------------------------------*/

.metal_news { border-top: 1px solid #bdbdbd; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; }
.metal_news a { text-decoration: underline; }

/*-------------- Блок Опрос на главной (poll) ---------------------------------*/
.content_main .poll {
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #bdbdbd;
}
.content_main .poll h5 { color: #d20121; font-size: 16px; }
/*.left .block .poll { float: right; margin: 0px 10px 0px 0px; }*/
.poll form { margin: 0; padding: 0; }
.poll .subject { margin: 5px 0px 5px 0px; font-weight: bold; }
.poll .radio { vertical-align: middle; }
.poll .submit {
	padding: 5px 0px 0px 0px;
}
.poll .stats { color: #d20121; font-weight: bold; }
/*-------------- end of poll --------------------------------------------------*/

/*-------------- Баннеры на главной (banners_main) ----------------------------*/
.content_main .banners_main { padding: 0px 0px 0px 15px; }
.content_main .banners_main div { margin: 0px 0px 20px 0px; }
/*-------------- end of banners_main ------------------------------------------*/

/*-------------- Подвал на главной странице (footer_main) ---------------------*/
.footer_main {
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #bdbdbd;
	background: url(footer/bottom_right_bg.jpg) bottom repeat-x #FFFFFF;
}
.spacer { height: 15px; background: #FFFFFF; }
.footer_main table { color: #FFFFFF; }

.footer_main table a { color: #FFFFFF; }
.footer_main td { padding: 25px 0px 20px 0px; width: 400px; }

.footer_main table .copyrights { text-align: left; }
.footer_main table .bullets { text-align: right; }
/*-------------- end of footer_main -------------------------------------------*/
/*-=-=-=-=-=-=-=- end of main -=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=*/