/* каскадная таблица стилей для сайта Win-Com
   v 1.01 от 10.05.2008

1. классы описаны почти в том порядке, в каком они встречаются в документе.

2. предполагается, что таблица стилей лежит в корневом каталоге сайта, а все картинки лежат в папке IMG.
в случае иного размещения нужно изменить указание папки в URL картинок, помня при этом, что путь указывается
относительно местоположения файла таблицы стилей

3. если в описании класса есть кавычки "" - они должны быть сохранены, это метод для скрытия описания
класса от броузеров Mozilla, Firefox и Opera    */

/* тело документа */
BODY {
	MARGIN: 0px; COLOR: black; BACKGROUND: #E7EBEF url('image/body_bg.gif') repeat-x bottom left; FONT-FAMILY: Tahoma, Helvetica, sans-serif
}
/* базовый размер шрифта */
TD {
	FONT-SIZE: 75%
}
/* логотип с визуальным эффектом под MSIE */
#pagepic {
	FILTER: revealTrans(duration=3, transition=12); VISIBILITY: hidden
}
/* ширина 100% */
.wide, TABLE.main {
	WIDTH: 100%
}
/* шрифт элементов формы */
INPUT, TEXTAREA, SELECT {
	COLOR: #666666; FONT: normal 100% Arial, Helvetica, sans-serif
}
/* цвет шрифта на кнопках */
INPUT.but {
	COLOR: black
}
/* растягиваемые элементы формы */
.wide INPUT, .wide TEXTAREA, .wide SELECT {
	WIDTH: 100%
}
/* главная таблица страницы */
TABLE.main {
	BACKGROUND-IMAGE: url('image/maintab_bg.gif'); BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: top left
}
/* область с белым фоном */
.bgw {
	BACKGROUND-COLOR: white
}
/* область с серым фоном */
.bgg, .fs {
	BACKGROUND-COLOR: #E7EBEF
}
/* шрифт фирменного синего цвета */
.color, .subtitle {
	COLOR: #0953A5
}
/* граница сверху - толстая линия */
.btl, .btr {
	BORDER-TOP-WIDTH: 10px; BORDER-TOP-STYLE: solid
}
/* левая часть границы сверху - синяя */
.btl {
	BORDER-TOP-COLOR: #579DEA
}
/* правая часть границы сверху - голубая */
.btr {
	BORDER-TOP-COLOR: #2778D2
}
/* переходничок между границами */
.jack {
	POSITION: relative; TOP: -10px
}
/* блок под логотип (в шапке и в подвале) */
.logo {
	PADDING: 1em
}
/* блок под название */
.name {
	PADDING: 1em 2em 1em 0
}
/* блок под контактную информацию */
.contact {
	PADDING: 1em 1em 1em 0
}
/* текст с запретом переноса по словам */
.nobr {
	WHITE-SPACE: nowrap
}
/* полужирный шрифт */
.bold, .title, .subtitle {
	FONT-WEIGHT: bold
}
/* род деятельности компании */
.title {
	FONT-SIZE: 105%
}
/* подзаголовок о новом названии */
.subtitle {
	PADDING-TOP: 0.7em
}
/* строка с e-mail */
.mail {
	PADDING: 0.3em 0 0.7em
}
/* объект с отступом справа 5 пикс. */
.pr5 {
	PADDING-RIGHT: 5px
}
/* объект с отступом справа 15 пикс. */
.pr15 {
	PADDING-RIGHT: 15px
}
/* уменьшенный шрифт */
.small {
	FONT-SIZE: 80%
}

/* уменьшенный немного шрифт */
.medium1 {
	FONT-SIZE: 95%;	PADDING-LEFT: 15px
}

/* баннер счётчика статистики */
IMG.banner {
	MARGIN: 3px 0 3px 6px; BORDER: 0
}
/* общий синий блок под поиск и меню */
.menublock {
	BACKGROUND: #2678D2 url('image/menu_bg.gif') repeat-x top left; PADDING: 0 5px 1.5em
}
/* блок с оконной ручкой фоном */
.win_opener {
	BACKGROUND-IMAGE: url('image/win_opener.gif'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 10px 15px
}
/* объект без внешних отступов, форма */
.nom, FORM {
	MARGIN: 0
}
/* ячейка под поиск */
TD.search {
	BORDER-RIGHT: 1px solid #7EA8D6; BORDER-BOTTOM: 1px solid #7EA8D6; PADDING: 15px 5px 10px 0
}
/* выделенный текст (красный) */
.sel {
	COLOR: #BE0000
}
/* ссылка */
A {
	TEXT-DECORATION: underline; COLOR: #2778D2
}
/* ссылка посещенная */
A:visited {
	COLOR: #579DEA
}
/* ссылка наведенная и активная - класс должен быть ниже описания ссылки обычной и посещенной */
A:active, A:hover {
	TEXT-DECORATION: underline; COLOR: red
}
/* область под меню */
.menu {
	PADDING: 1.5em 0 1em
}
/* ячейка опции меню 1 уровня и картинки-стрелочки */
TD.m1, TD.i1 {
	PADDING: 0 5px 0.7em 0
}
/* ссылка в меню */
A.m1, A.m1:visited, A.m1c, A.m1c:visited, A.m2, A.m2:visited, A.m2c, A.m2c:visited {
	TEXT-DECORATION: none
}
/* ссылка меню 1 уровня */
A.m1, A.m1:visited, A.m1c, A.m1c:visited {
	FONT-WEIGHT: bold
}
/* цвет ссылки обычной */
A.m1, A.m1:visited, A.m2, A.m2:visited {
	COLOR: white
}
/* цвет ссылки наведённой, активной и текущей (выбранной) */
A.m1:active, A.m1:hover, A.m1c, A.m1c:visited, A.m1c:active, A.m1c:hover, A.m2:active, A.m2:hover, A.m2c, A.m2c:visited, A.m2c:active, A.m2c:hover {
	COLOR: #FFFC00
}
/* ссылка наведённая и активная */
A.m1:active, A.m1:hover, A.m1c:active, A.m1c:hover, A.m2c:active, A.m2c:hover {
	TEXT-DECORATION: underline
}
/* блок опции меню 2 уровня */
DIV.m2 {
	PADDING: 0 10px 0.5em 0
}
/* объект скрыт */
.hide {
	DISPLAY: none
}
/* объект показывается */
.show {
	DISPLAY: block
}
/* синяя область под меню */
.undermenu {
	BACKGROUND: #2678D2 url('image/w_corner_2.gif') no-repeat bottom right; PADDING: 0 15px 15px
}
/* область под меню с рамкой */
.visual {
	BORDER: 1px solid #88B5E6; HEIGHT: 100px
}
/* картинка - коробка с окнами */
IMG.vis {
	POSITION: absolute; Z-INDEX: 1; TOP: 31em
}
/* белая область под картинкой */
.underbox {
	BACKGROUND: white url('image/g_corner_2.gif') no-repeat bottom left; HEIGHT: 90px
}
/* заголовки рубрик слева */
H4 {
	MARGIN: 0.3em 15px; COLOR: white; FONT-WEIGHT: normal; FONT-SIZE: 110%
}
/* область с корзиной */
DIV.basket {
	BACKGROUND-IMAGE: url('image/w_corner.gif'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top right; PADDING: 1em 15px 1em 30px
}
/* заголовок в области с корзиной */
DIV.basket H4 {
	COLOR: black; MARGIN-LEFT: 0
}
/* иконка справа от заголовка */
IMG.icon {
	MARGIN: 0.3em 0 0.3em 15px; VERTICAL-ALIGN: middle
}
/* выделенная область под ссылку */
DIV.w_link, DIV.g_link {
	MARGIN: 0.7em 0; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top left; HEIGHT: 26px; PADDING: 0.5em 30px 0; VERTICAL-ALIGN: middle; FONT-SIZE: 90%
}
/* выделенная область под ссылку белая */
DIV.w_link {
	BACKGROUND-IMAGE: url('image/w_link.gif')
}
/* выделенная область под ссылку серая */
DIV.g_link {
	BACKGROUND-IMAGE: url('image/g_link.gif')
}
/* блок под рубрикой слева - внешние отступы */
.block {
	MARGIN: 0 15px 15px 15px
}
/* область заголовка рубрики  */
.header {
	BACKGROUND: #2778D2 url('image/head_corner.gif') no-repeat bottom right; WIDTH: 100%
}
/* область иконки справа от рубрики */
TD.mark {
	BACKGROUND: #579DEA url('image/g_corner.gif') no-repeat top right
}
/* иконка справа от рубрики */
IMG.mark {
	MARGIN: 5px 10px 5px 5px
}
/* контентная область под рубрикой слева */
.block_cont {
	PADDING: 1em 15px
}
/* радио-переключатели и чекбоксы в форме в столбик */
.ask {
	PADDING: 0.1em 0 0.1em 23px; TEXT-INDENT: -23px; FONT-SIZE: 90%
}
/* область под заголовок страницы */
.h1 {
	BACKGROUND: #2678D2 url('image/menu_bg.gif') repeat-x top left; PADDING: 0.5em 1em 0.5em 25px
}
/* заголовок страницы */
H1 {
	MARGIN: 0.2em 0; COLOR: white; FONT-WEIGHT: normal; FONT-SIZE: 130%; PADDING-LEFT: 25px; TEXT-INDENT: -25px
}
/* переходничок в области заголовка страница */
TD.divider {
	BACKGROUND: #579DEA url('image/divider.gif') no-repeat top left
}
/* иконка слева от заголовка */
IMG.icon2 {
	MARGIN: 0.2em 15px 0.2em 0; VERTICAL-ALIGN: middle
}
/* серая область "хлебных" крошек */
.fs {
	BACKGROUND-IMAGE: url('image/fs_corner.gif'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top left; PADDING: 0.5em 2em 0.5em 50px; VERTICAL-ALIGN: middle; FONT-SIZE: 95%
}
/* основная контентная область страницы */
.content {
	PADDING: 1em 15px 2em 25px
}
/* объект с отступом слева 25 пикс. */
.pl25 {
	PADDING-LEFT: 25px
}
/* объект в списке - отступы */
.list {
	PADDING: 0 2em 1.5em 0
}
/* область под небольшой заголовок объекта в списке */
.h5 {
	PADDING: 0.4em 0 0.4em 25px; TEXT-INDENT: -25px
}
/* небольшой заголовок объекта в списке */
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 105%; MARGIN: 0
}
/* область описания объекта в списке с границей снизу */
.descr {
	MARGIN-LEFT: 25px; BORDER-BOTTOM: 1px solid #E7EBEF; PADDING-BOTTOM: 1em
}
/* область более крупного заголовка раздела в контенте */
.h3 {
	BACKGROUND: #579DEA url('image/h3.gif') no-repeat top right; MARGIN: 1em 0 0.5em
}
/* более крупный заголовок раздела в контенте */
H3 {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: top left; PADDING: 0.5em 35px; FONT-WEIGHT: normal; FONT-SIZE: 110%; COLOR: white
}
/* заголовок раздела новинок */
H3.novice {
	BACKGROUND-IMAGE: url('image/novice_corner.gif')
}
/* заголовок раздела лидера продаж */
H3.leader {
	BACKGROUND-IMAGE: url('image/leader_corner.gif')
}
/* объект с серой рамкой вокруг */
.bg {
	BORDER: 1px solid #E7EBEF; PADDING: 0.7em 20px
}
/* таблица под новинки */
TABLE.novice {
	MARGIN: -15px -15px 0; WIDTH: 100%; WIDTH: "98%"
}
/* самый маленький заголовок объекта */
H6 {
	MARGIN: 0 0 0.7em 0; FONT-SIZE: 100%
}
/* объект с отступами вокруг 15 пикс. */
.p15 {
	PADDING: 15px
}
/* область с серой границей сверху */
.bgt {
	BORDER-TOP: 1px solid #E7EBEF; PADDING-TOP: 0.7em; MARGIN-TOP: 0.7em
}
/* картинка для маркированного списка */
UL LI {
	LIST-STYLE-IMAGE: url('image/li.gif'); PADDING-BOTTOM: 0.7em
}
/* область под большой заголовок объекта в списке */
DIV.h2 {
	BACKGROUND: #579DEA url('image/h2.gif') repeat-x top left; MARGIN-TOP: 1.5em
}
/* большой заголовок объекта в списке (каталоге) */
H2 {
	BACKGROUND: url('image/w_corner_3.gif') no-repeat top left; FONT-WEIGHT: normal; FONT-SIZE: 125%; MARGIN: 0; PADDING: 0.3em 20px; COLOR: white
}

A.H2 {
	FONT-WEIGHT: bold; TEXT-DECORATION: none; FONT-SIZE: 90%; MARGIN: 0; PADDING: 0.3em 20px; COLOR: white
}
/* иллюстрация, обтекаемая текстом справа */
.ill {
	FLOAT: left; MARGIN: 0 1em 1em 0
}
/* иллюстрация, обтекаемая текстом слева */
.ilr {
	FLOAT: right; MARGIN: 0 0 1em 1em
}
/* крупный заголовок раздела в контенте с иконкой */
H5.mark {
	BACKGROUND: none; MARGIN: 2em 1em 0.7em 0; FONT-WEIGHT: bold; FONT-SIZE: 110%; COLOR: black
}
/* иконка слева от заголовка */
IMG.mark2 {
	MARGIN-RIGHT: 10px
}
/* таблица для данных в контенте */
TABLE.data {
	BORDER-BOTTOM: 1px solid #777777
}
/* отступы в ячейке таблицы для данных в контенте */
TABLE.data TD {
	PADDING: 0.4em 10px
}
/* фон строки заголовков таблицы для данных в контенте */
TR.thead {
	BACKGROUND: #579DEA url('image/h2.gif') repeat-x top left
}
/* граница ячейки в строке заголовков таблицы для данных в контенте */
TR.thead TD {
	COLOR: white; BORDER-RIGHT: 1px solid white
}
/* последняя ячейка в строке заголовков таблицы для данных в контенте */
TR.thead TD.last {
	BORDER-RIGHT: none
}
/* границы ячейки в строке данных таблицы для данных в контенте */
TR.cell TD {
	VERTICAL-ALIGN: top; BORDER-RIGHT: 1px solid #777777; BORDER-BOTTOM: 1px solid #777777
}
/* первая ячейка в строке данных таблицы для данных в контенте */
TR.cell TD.first {
	BORDER-LEFT: 1px solid #777777
}
/* комментарий */
UL.comment {
	MARGIN: 0 0 0.5em 20px
}
/* область с серой границей снизу */
.bgb {
	BORDER-BOTTOM: 1px solid #E7EBEF; PADDING-BOTTOM: 1em; MARGIN-BOTTOM: 1em
}
/* отступы в ячейке таблицы формы добавления комментария */
TABLE.comment TD {
	PADDING: 0.4em 10px
}
/* поля цены и суммы в прайсе */
INPUT.price, INPUT.sum {
	COLOR: black; BORDER: none; TEXT-ALIGN: right
}
/* ширина поля суммы в прайсе */
INPUT.sum {
	WIDTH: 8em
}
/* ширина поля цены и количества в прайсе */
INPUT.price, INPUT.how {
	WIDTH: 5em
}
/* фон строки заголовков таблицы для данных в контенте */
TD.thead1 {
	BACKGROUND: #579DEA url('image/h2.gif') repeat-x top left; COLOR: white; BORDER-BOTTOM: 1px solid white; PADDING-TOP: 5 PX; PADDING-LEFT:15PX; PADDING-BOTTOM:5PX;
}

/* шрифт для заглавного слова в описании товаров высотой 20 px */
.a20 {
	FONT-SIZE : 18 px; padding-left : 15 px;
}

@charset "utf-8";
/* CSS Document */

div.thead{
	BACKGROUND: #579DEA url('image/h2.gif') repeat-x top left; 	COLOR: white; BORDER-RIGHT: 1px solid white; BORDER-RIGHT: none; height: 40px; 
}

div.left{
	float:left;
}
div.normal{
	clear:both;
}

div.catalog{
	font-size:105%;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:30px;
	width:40%;
	margin-left:3%;
}
div.catalog div{
	margin-left:15px;
	font-weight: normal;
	font-size:100%;
	margin-top: 7 px;

}

div.cat_img{
	margin-left:15px;
	margin-top:10px;
	max-width:30%;
	min-width:201px;
	overflow:auto;
}

div.cat_desc{
	font-size:11px;
	margin: 10px 10px 10px 20px;
		max-width:70%;

}
div.cat_desc div{
	margin-left:20px;
}