/* каскадная таблица стилей для сайта Imagine
   v 1.0 от 06.09.2009

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

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

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

/* тело документа */
BODY {
	MARGIN: 0px; COLOR: #333333; BACKGROUND: white url('image/body_bg.gif') no-repeat center 40%; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
/* базовый размер шрифта */
TD {
	FONT-SIZE: 75%
}
/* логотип с визуальным эффектом под MSIE */
#pagepic {
	FILTER: revealTrans(duration=2, transition=12); VISIBILITY: hidden; POSITION: relative; TOP: -20px; MARGIN: 0 30px 0 34px; 
}
/* ширина 100% */
.wide {
	WIDTH: 100%
}
/* главная таблица */
TABLE.main {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 98% 40px
}
/* главная таблица - стартовая */
TABLE.mainstart {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 40px
}
/* шапка - верхняя строка */
TR.head {
	BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: top left
}
/* главная таблица страницы  - фон цвета 1 */
.clr1 TR.head {
	BACKGROUND-IMAGE: url('image/head_bg-1.gif')
}
/* главная таблица страницы  - фон цвета 2 */
.clr2 TR.head {
	BACKGROUND-IMAGE: url('image/head_bg-2.gif')
}
/* главная таблица страницы  - фон цвета 3 */
.clr3 TR.head {
	BACKGROUND-IMAGE: url('image/head_bg-3.gif')
}
/* белый шрифт */
.white, TR.head, TR.foot TD {
	COLOR: white
}
/* ячейка ссылок в шапке */
TD.headlinks {
	PADDING-BOTTOM: 0.3em
}
/* ссылка */
A {
	TEXT-DECORATION: underline; COLOR: #888888
}
/* ссылка посещенная */
A:visited {
	COLOR: #888888
}
/* белая ссылка посещённая не меняет цвет */
A.white:visited {
	COLOR: white
}

A.notes {
	COLOR:  #2099A5; TEXT-DECORATION: UNDERLINE;  FONT-SIZE: 95%
}

A.notes:visited {
	COLOR:  #2099A5
}

/* ссылка опции меню */
TD.menu A, TD.menu A:visited {
	DISPLAY: block; PADDING: 0.3em 20px 0.3em 34px; BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat; WIDTH: 100%
}
/* поведение для активного, наведённого и текущего меню - разделы цвета 1 */
A.menu1:active, A.menu1:hover, A.menu1cur {
	BACKGROUND-IMAGE: url('image/menu-1.jpg')
}
/* поведение для активного, наведённого и текущего меню - разделы цвета 2 */
A.menu2:active, A.menu2:hover, A.menu2cur {
	BACKGROUND-IMAGE: url('image/menu-2.jpg')
}
/* поведение для активного, наведённого и текущего меню - разделы цвета 3 */
A.menu3:active, A.menu3:hover, A.menu3cur {
	BACKGROUND-IMAGE: url('image/menu-3.jpg')
}
/* поведение для текущего меню*/
A.menu1cur, A.menu2cur, A.menu3cur {
	FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase
}
/* цвет 1 - бирюзовый */
/* чтобы задать тексту объекта цвет текущего раздела, достаточно присвоить ему класс col */
.clr1 .col, .col1, A.menu1:active, A.menu1:hover, A.menu1cur, A.menu1cur:visited, .clr1 A.col:visited, A.col1:visited, .start {
	COLOR: #2099A5
}
/* цвет 2 - синий */
.clr2 .col, .col2, A.menu2:active, A.menu2:hover, A.menu2cur, A.menu2cur:visited, .clr2 A.col:visited, A.col2:visited {
	COLOR: #333399
}
/* цвет 3 - терракотовый */
.clr3 .col, .col3, A.menu3:active, A.menu3:hover, A.menu3cur, A.menu3cur:visited, .clr3 A.col:visited, A.col3:visited {
	COLOR: #CC664C
}
/* плавающий якорь для разворачивающихся/сворачивающихся блоков, всегда находится вверху окна независимо от прокрутки */
#ula {
	WIDTH: 1px; HEIGHT: 1px; POSITION: fixed; TOP: 0; LEFT: 0; //POSITION: absolute; TOP: expression(document.getElementsByTagName('body')[0].scrollTop + "px");
}
/* правая колонка */
.righter {
	PADDING: 7em 0 2em
}
/* текст с запретом переноса по словам */
.nobr {
	WHITE-SPACE: nowrap
}
/* полужирный шрифт */
.bold {
	FONT-WEIGHT: bold
}
/* уменьшенный шрифт */
.small {
	FONT-SIZE: 90%
}
/* иконка слева от заголовка */
IMG.icon {
	MARGIN-RIGHT: 15px; VERTICAL-ALIGN: middle; BORDER: 0
}
/* иконка слева-верху от заголовка */
IMG.icontop {
	MARGIN-RIGHT: 10px; VERTICAL-ALIGN: top; BORDER: 0
}
/* элемент перечислимого блока-списка */
.list {
	PADDING-BOTTOM: 0.7em
}
/* блок со ссылкой на подробности */
.link {
	PADDING-TOP: 0.7em; PADDING-BOTTOM: 1em
}
/* отступ сверху 1em */
.pt1 {
	PADDING-TOP: 1em
}
/* объект с отступом слева 15 пикс. */
.pl15 {
	PADDING-LEFT: 15px
}
/* объект с отступом справа 15 пикс. */
.pr15 {
	PADDING-RIGHT: 15px
}
/* объект с отступом справа 25 пикс. */
.pr25 {
	PADDING-RIGHT: 25px
}
/* объект с отступом сверху и снизу 2 строки */
.ptb2 {
	PADDING-TOP: 2em; PADDING-BOTTOM: 2em
}
/* объект с отступом сверху и снизу 2 строки */
.ptb1 {
	PADDING-TOP: 1em; PADDING-BOTTOM: 1em
}

/* объект с отступом сверху 0.5 строки */
.pt05 {
	PADDING-TOP: 0.5em
}
/* хлебные крошки */
.fs {
	PADDING: 0 1em 2em 0
}
/* нарезка на страницы */
.pages {
	PADDING: 1.5em 0
}
/* хлебные крошки и нарезка на страницы */
.fs, .pages {
	COLOR: #888888; FONT-SIZE: 80%
}
/* текст */
.txt {
	LINE-HEIGHT: 150%
}
/* заголовок страницы */
H1 {
	MARGIN: 0 0 0.3em; FONT-WEIGHT: normal; FONT-SIZE: 250%
}
/* большой заголовок объекта в списке */
H2 {
	MARGIN: 0.5em 0; FONT-WEIGHT: normal; FONT-SIZE: 160%
}
/* заголовок раздела в контенте */
H3 {
	MARGIN: 0.5em 0; FONT-WEIGHT: normal; FONT-SIZE: 140%
}
/* заголовок объекта в контенте поменьше, подзаголовок */
H4 {
	MARGIN: 0.5em 0; FONT-WEIGHT: normal; FONT-SIZE: 120%
}
/* заголовок рубрик в шапке и справа */
H5 {
	MARGIN: 1em 0 0.7em 0; FONT-SIZE: 110%; COLOR: white
}
/* заголовок товаров справа */
.righter H6 {
	MARGIN: 0 0 0.7em; FONT-SIZE: 110%
}
/* заголовок рубрик в подвале */
.foot H6 {
	MARGIN: 2em 0 0.7em 0; FONT-SIZE: 110%; COLOR: white
}
/* цвет заголовков */
H1, H2, H3, H4, H5, H6 {
	COLOR: #CC664C
}
/* текст с выступом - новости в подвале */
.indent {
	TEXT-INDENT: -76px; PADDING-LEFT: 76px
}
/* объект без внешних отступов, форма */
.nom, FORM {
	MARGIN: 0
}
/* объект скрыт */
.hide {
	DISPLAY: none
}
/* объект показывается */
.show {
	DISPLAY: block
}
/* основная контентная область страницы */
.content {
	PADDING: 0 4em 2em 0
}
/* иллюстрация, обтекаемая текстом справа */
.ill {
	FLOAT: left; MARGIN: 1em 1em 1em 1em
}
/* иллюстрация, обтекаемая текстом слева */
.ilr {
	FLOAT: right; MARGIN: 1em 1em 1em 1em
}
/* таблица описания продуктов */
TABLE.descr TD {
	PADDING-BOTTOM: 0.3em; PADDING-RIGHT: 15px
}
/* шрифт элементов формы */
INPUT, TEXTAREA, SELECT {
	COLOR: black; FONT: normal 100% Arial, Helvetica, sans-serif
}

/* изменено форматирование кнопки */
INPUT.bask {
	PADDING: 0.2em
}
INPUT.sub {
	FONT: 80% Arial, Helvetica, sans-serif; COLOR: black
}
.hr {
	BORDER-BOTTOM: #cccccc 1px solid; MARGIN: 1.5em 0px
}
/* добавлен FONT-SIZE, убран полужирный */
.sum {
	TEXT-ALIGN: right; COLOR: orange; FONT-SIZE: 90%
}
.cur {
	TEXT-INDENT: -14px
}



/* ячейка формы поиска */
TD.search {
	BACKGROUND: url('image/search.gif') no-repeat center left; PADDING: 1px 10px; WIDTH: 200px
}

/* изменен WIDTH */
TD.search INPUT {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 260px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}

/* картинка на стартовой */
IMG.startpic {
	Z-INDEX: 1; POSITION: absolute; TOP: 29em; LEFT: 8%
}/* текст на стартовой */
.start {
	FONT-SIZE: 105%
}
/* подвал на стартовой */
TD.footstart {
	PADDING-TOP: 25em
}

TD.brand {
	PADDING-TOP: 2em; PADDING-BOTTOM: 2em;  border-bottom: dotted 1px #888888; border-top: dotted 1px #888888; border-right: dotted 1px #888888; border-left: dotted 1px #888888; 
}
TD.brand2 {
	border-bottom: dotted 1px #888888; border-top: dotted 1px #888888; border-right: dotted 1px #888888; border-left: dotted 1px #888888; 
}


TD.brand1 {
	PADDING-TOP: 1em; PADDING-BOTTOM: 1em; PADDING-left: 1em;  
}
/* строка подвала */
TR.foot {
	BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: top left
}
/* строка подвала - фон цвета 1 */
.clr1 TR.foot {
	BACKGROUND-COLOR: #006682; BACKGROUND-IMAGE: url('image/foot-1.jpg')
}
/* строка подвала - фон цвета 2 */
.clr2 TR.foot {
	BACKGROUND-COLOR: #141A8A; BACKGROUND-IMAGE: url('image/foot-2.jpg')
}
/* строка подвала - фон цвета 3 */
.clr3 TR.foot {
	BACKGROUND-COLOR: #A53C23; BACKGROUND-IMAGE: url('image/foot-3.jpg')
}
/* баннер счётчика статистики */
IMG.banner {
	MARGIN: 0 10px 10px 0; BORDER: 0
}
/* знак копирайта */
.copy {
	TEXT-ALIGN: right; PADDING-RIGHT: 15px; FONT-SIZE: 180%
}

/* ссылка наведенная и активная - класс должен быть ниже описания ссылки обычной и посещенной для всех упомянутых классов */
A:active, A:hover, A.menu1cur:active, A.menu1cur:hover, A.menu2cur:active, A.menu2cur:hover, A.menu3cur:active, A.menu3cur:hover {
	TEXT-DECORATION: underline; COLOR: orange; POSITION: relative; TOP: -1px; LEFT: -1px
}
 /* DIV с бордером и INLINE*/
DIV.borderdiv1 { display: INLINE; zoom:1;
PADDING-RIGHT : 10px; PADDING-LEFT: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 20px;  MARGIN-TOP: 15px; MARGIN-BOTTOM: 25px; MARGIN-LEFT: 15px; MARGIN-RIGHT:15px;

}

/* DIV с бордером и INLINE*/
.borderdiv { display: INLINE-TABLE;
PADDING-RIGHT:10 px; PADDING-LEFT:10px; PADDING-TOP:15px; PADDING-BOTTOM:20px;  MARGIN-TOP:15px; MARGIN-BOTTOM:25px; MARGIN-LEFT:15px; MARGIN-RIGHT:15px;
 MARGIN: 3%;
}

/* DIV с бордером и INLINE*/
DIV.borderdiv2 { display: INLINE-TABLE;
PADDING-RIGHT : 10px; PADDING-LEFT: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 3em;  MARGIN-TOP: 2em; MARGIN-BOTTOM: 2em; MARGIN-LEFT: 15px; MARGIN-RIGHT:15px;

}


.gal {display:INLINE; zoom:1;
 MARGIN: 0 10px 10px 0px; VERTICAL-ALIGN:;
}
.gal IMG {
POSITION: relative; TOP: 5px; LEFT: -10px; TOP: "-5px"; MARGIN-TOP: 10px; MARGIN-TOP: "0px"
}
DIV.gallery {
  MARGIN: 1em 0 0 0
}
IMG.galpic {
 BORDER: 1px solid #DADADA
}

/* блок со ссылкой на подробности */
.about {
 PADDING-RIGHT : 10px; PADDING-LEFT: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 10px; BORDER-RIGHT: 1px solid  #2099A5; BORDER-LEFT: 1px solid  #2099A5;
BORDER-TOP: 1px solid #2099A5; BORDER-BOTTOM: 1px solid #2099A5; width: 40 em;
}

.zagl {padding-right: 10 px; padding-bottom: 15 px; letter-spacing :5 pх;}

/* картинка на стартовой */
IMG.startpic2 {
	POSITION: absolute; Z-INDEX: 1; TOP: 55em; LEFT: 0%
}

div.press{
  width:200px;
  height:400px;
  margin:1px;

  display:-moz-inline-stack;/*Firefox 2*/
  display:inline-block; /*Хорошие браузеры*/
  _overflow:hidden;/*IE6, IE7*/
  *zoom:1;/*включаем hasLayout для IE6, IE7*/
  *display:inline;/*при hasLayout true display:inline в IE6, IE7 ведёт себя как display:inline-block*/
}

/* добавлены для системы заказа */
/* старая цена - зачеркнута */
.oldprice {
	COLOR: black; TEXT-DECORATION: line-through
}
/* новая цена */
.newprice {
	COLOR: red
}
/* нет в наличии */
.noitem {
	COLOR: silver
}
/* пометки малым шрифтом в ячейках сумм */
.sum .small {
	FONT-SIZE: 65%
}
/* лого бренда возле заголовка */
IMG.logobrand {
	FLOAT: right; MARGIN-LEFT: 15px
}
.gray {
	COLOR: gray
}

DIV.block {
	DISPLAY: inline; WIDTH: 130px; HEIGHT: 130px; BORDER: 1px dotted gray; PADDING: 5px; MARGIN: 0 10px 15px 0; FONT-SIZE: 90%; TEXT-ALIGN: center
}