/*новая главная страничка */ .new { width: 900px; margin: 0 auto; /* Отступ слева и справа */ position: relative; background-image: url(images/avto.png); /* Путь к фоновому рисунку */ background-repeat: no-repeat; /* Без повтора */ } .new_avto { position: absolute; top: 10px; left: 10px; z-index: 30; } .clarity_blok_a { position: absolute; top: 0px; left: 0px; z-index: 31; opacity:0.0; filter:alpha(opacity=0); } .clarity_blok_1:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity:1; filter:alpha(opacity=100); } .clarity_blok_1 { position: absolute; top: 0px; left: 0px; z-index: 32; opacity:0.0; filter:alpha(opacity=0); } .clarity_blok_1:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity:1; filter:alpha(opacity=100); } .clarity_blok_2 { position: absolute; top: 0px; left: 0px; z-index: 32; opacity:0.0; filter:alpha(opacity=0); } .clarity_blok_2:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity:1; filter:alpha(opacity=100); } .clarity_blok_3 { position: absolute; top: 0px; left: 0px; z-index: 32; opacity:0.0; filter:alpha(opacity=0); } .clarity_blok_3:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity:1; filter:alpha(opacity=100); } .blok_1_interactive { position: absolute; top: 30px; left: 350px; } .blok_1_1_interactive { position: absolute; top: 5px; left: 330px; width: 100px; height: 30px; z-index: 32; } .blok_1_2_interactive { position: absolute; top: 44px; left: 350px; width: 200px; height: 30px; z-index: 31; } .blok_2_interactive { position: absolute; top: 100px; left: 100px; } .blok_2_1_interactive { position: absolute; top: 75px; left: 80px; width: 85px; height: 85px; z-index: 32; } .blok_2_2_interactive { position: absolute; top: 114px; left: 100px; width: 200px; height: 30px; z-index: 31; } .blok_3_interactive { position: absolute; top: 350px; left: 600px; } .blok_3_1_interactive { position: absolute; top: 325px; left: 580px; width: 100px; height: 50px; z-index: 32; } .blok_3_2_interactive { position: absolute; top: 364px; left: 600px; width: 200px; height: 30px; z-index: 31; } .blok_3_3_interactive { position: absolute; top: 0px; left: 515px; opacity:0.0; filter:alpha(opacity=0); width: 333px; height: 254px; z-index: 29; } .blok_3_3_interactive:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity:1; filter:alpha(opacity=100); } /*КОНЕЦ новая главная страничка */ /* ДИСКЛЕЙМЕР*/ .cookie-message { position: fixed; z-index: 1000; bottom: 20px; left: 20px; right: 20px; max-width: 350px; padding: 0; font-family: Arial, sans-serif; animation: fadeIn 0.5s ease-in-out; display: none; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .cookie-message-inner { display: grid; justify-items: start; grid-gap: 15px; font-size: 14px; padding: 20px; line-height: 1.5; background-color: #fff; border-radius: 10px; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.15); } .cookie-message-text { color: #5a5a5a; } .cookie-message-link { color: #01356f; text-decoration: underline; } .cookie-message-inner .button { background: #e1e1e1; color: #878787; border: none; padding: 8px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; transition: all 0.3s ease; } .cookie-message-inner .button:hover { background-color: #01356f; color: #fff; } @media (max-width: 480px) { .cookie-message { max-width: 100%; left: 10px; right: 10px; bottom: 10px; } } /*КОНЕЦ ДИСКЛЕЙМЕР */ /*FLASH ЗАГОЛОВОК */ .zagol { width: 950px; margin: 0 auto; /* Отступ слева и справа */ position: relative; z-index: 5; background-image: url(images/barbus_alt_3.png); /* Путь к фоновому рисунку */ background-repeat: no-repeat; /* Без повтора */ } .vk { position: absolute; z-index: 500; top: 100px; left: 800px; width: 25px; height: 25px; } .inst { position: absolute; z-index: 500; top: 100px; left: 890px; width: 25px; height: 25px; } .WhatsApp { position: absolute; z-index: 500; top: 98px; left: 770px; width: 25px; height: 25px; } .s1673 { position: absolute; z-index: 500; top: 30px; left: 420px; } .s4380 { position: absolute; z-index: 500; top: 65px; left: 420px; } .mail { position: absolute; z-index: 500; top: 100px; left: 860px; width: 25px; height: 25px; } .telegram { position: absolute; z-index: 500; top: 100px; left: 830px; width: 25px; height: 25px; } .my_rabotaem { position: absolute; z-index: 500; top: 88px; left: 360px; } .since { position: absolute; z-index: 500; top: 84px; left: 200px; } /*КОНЕЦ FLASH ЗАГОЛОВОК */ /*ТЕКСТ НОВОСТЕЙ */ .news { margin: 0 auto; /* Отступ слева и справа */ position: absolute; top: 0px; left: 0px; z-index: 5; } .news1 { margin: 0 auto; /* Отступ слева и справа */ position: absolute; top: 0px; left: 12px; z-index: 4; } /*КОНЕЦ ТЕКСТ НОВОСТЕЙ */ /*Эффект прозрачности */ .opacity { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity:1; filter:alpha(opacity=100); } .opacity:hover { opacity:0.0; filter:alpha(opacity=0); } /*КОНЕЦ Эффект прозрачности */ /* Последние новости */ .block_news { width: 300px; height: 201px; background-image: url(images/news_8.png); border: solid 0px black; float: left; position: absolute; top: -15px; left: 0px; } /* КОНЕЦ Последние новости */ /* Для мобильных устройств*/ .mobile td { width: 450px; text-align: center; font-size: 14pt; } .mobile tr { height: 49px; } .mobile b { color: #04134e; } .mobile a { color: #0b1e6d; } .mobile a:hover { color: #b78a35; font-size: 16pt; } /* Для мобильных устройств конец*/ /*РАСКРЫВАЮЩЕЕСЯ МЕНю */ .menu_open { position: fixed; /* Фиксированное положение */ top: 124px; /* Положение от верхнего края */ right: 15px; left: 15px; z-index: 50; font-family: Verdana, Arial, sans-serif; } .menu_open a { font-family: verdana,arial,helvetica,sans-serif; color: black; } ul.menu, ul.menu ul { list-style-type: none; padding: 0; margin: 0; } ul.menu ul, li:hover ul ul { display:none; } li:hover ul, li:hover li:hover ul { display:block; } ul.menu li { float: left; width: 185px; position: relative; } ul.menu ul, ul.menu li li a { width: 185px; } ul.menu ul { position: absolute; left: 0; } ul.menu ul { clear: left; } ul.menu li li { float: none; position: relative; } ul.menu li li ul { left: 185px; } ul.menu li li a { display: block; } ul.menu { font-family: arial, sans-serif; font-size: 13px; } ul.menu li a span { padding-left: 2px; } ul.menu ul { top: 2em; } ul.menu a { text-decoration: none; line-height: 2; } ul.menu li, { font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font-size: 10pt; /* Размер названий в пункте меню */ } ul.menu li:hover { background-color: #e1e0e0; } ul.menu a:hover { color: #940d17; } ul.menu ul { border: solid 1px #ddd; background-color: white; } ul.menu li li ul { top: 0px; } /*Конец РАСКРЫВАЮЩЕЕСЯ МЕНЮ*/ /* МЕНю ПРИЗРАК*/ .menu_prizrak { position: relative; /* Фиксированное положение */ top: 4px; /* Положение от верхнего края */ right: 15px; left: 15px; z-index: 9; font-family: Verdana, Arial, sans-serif; } .menu_prizrak a { font-family: verdana,arial,helvetica,sans-serif; color: black; } ul.menu, ul.menu ul { list-style-type: none; padding: 0; margin: 0; } ul.menu ul, li:hover ul ul { display:none; } li:hover ul, li:hover li:hover ul { display:block; } ul.menu li { float: left; width: 185px; position: relative; } ul.menu ul, ul.menu li li a { width: 185px; } ul.menu ul { position: absolute; left: 0; } ul.menu ul { clear: left; } ul.menu li li { float: none; position: relative; } ul.menu li li ul { left: 185px; } ul.menu li li a { display: block; } ul.menu { font-family: arial, sans-serif; font-size: 13px; } ul.menu li a span { padding-left: 2px; } ul.menu ul { top: 2em; } ul.menu a { text-decoration: none; line-height: 2; } ul.menu li, { font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font-size: 10pt; /* Размер названий в пункте меню */ } ul.menu li:hover { background-color: #e1e0e0; } ul.menu a:hover { color: #940d17; } ul.menu ul { border: solid 1px #ddd; background-color: white; } ul.menu li li ul { top: 0px; } /*Конец МЕНЮ ПРИЗРАК*/ /*Центральное меню*/ .menu_center { position: relative; z-index: 6; } a.rollover { background-image: url(images/shema_proezda.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover:hover { background-image: url(images/shema_proezda_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_1 { background-image: url(images/discont.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_1:hover { background-image: url(images/discont_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_2 { background-image: url(images/zapravka.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_2:hover { background-image: url(images/zapravka_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_3 { background-image: url(images/brelok.gif); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_3:hover { background-image: url(images/brelok_big.gif); /* Путь к файлу с заменяемым рисунком */ } a.rollover_4 { background-image: url(images/avtozvuk.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_4:hover { background-image: url(images/avtozvuk_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_5 { background-image: url(images/akzia.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_5:hover { background-image: url(images/akzia_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_6 { background-image: url(images/glavnaya.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_6:hover { background-image: url(images/glavnaya_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_7 { background-image: url(images/dop_oborud.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_7:hover { background-image: url(images/dop_oborud_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_8 { background-image: url(images/multimedia.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_8:hover { background-image: url(images/multimedia_big.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover_9 { background-image: url(images/start_stop.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_9:hover { background-image: url(images/start_stop_big.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover_10 { background-image: url(images/avtozapusk.jpg); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_10:hover { background-image: url(images/avtozapusk_big.jpg); /* Путь к файлу с заменяемым рисунком */ } /*Центральное меню для слайдера*/ a.rollover_001 { background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width:120px; /* Ширина рисунка */ height:120px; /* Высота рисунка */ } a.rollover_001:hover { background-image: url(images/multimedia_big.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover_002 { background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_002:hover { background-image: url(images/zapravka_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_003 { background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_003:hover { background-image: url(images/discont_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_004{ background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_004:hover { background-image: url(images/shema_proezda_big.png); /* Путь к файлу с заменяемым рисунком */ } a.rollover_005 { background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_005:hover { background-image: url(images/start_stop_big.jpg); /* Путь к файлу с заменяемым рисунком */ } a.rollover_006 { background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_006:hover { background-image: url(images/brelok_big.gif); /* Путь к файлу с заменяемым рисунком */ } a.rollover_007 { background-image: url(); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 120px; /* Ширина рисунка */ height: 120px; /* Высота рисунка */ } a.rollover_007:hover { background-image: url(images/avtozapusk_big.gif); /* Путь к файлу с заменяемым рисунком */ } /* КОНЕЦ Центральное меню для слайдера */ /* КОНЕЦ Центральное меню */ /* Слайдер центрального меню*/ .slider { position: relative; overflow: hidden; width: 600px;// ширина слайдера } .slider__wrapper { display: flex; transition: transform 0.6s ease; } .slider__item { flex: 0 0 100%; max-width: 100%; } @media (min-width: 580px) { .slider__item { flex: 0 0 25%; max-width: 25%; } } .slider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); background: rgba(0, 0, 0, .5); } .slider__control:hover, .slider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .slider__control_left { left: 0; } .slider__control_right { right: 0; } .slider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .slider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .slider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .slider__item>div { line-height: 120px; font-size: 100px; text-align: center; } /* КОНЕЦ Слайдер центрального меню */ /* рисунки брелков при наведении для прайс-листа*/ .risunok_na_prise { position: absolute; /* Абсолютное позиционирование */ } .risunok_na_prise_2 { position: relative; /* неАбсолютное позиционирование */ left: 288px; /* Отступ справа */ top: -75px; /* Положение от верхнего края */ border: 0; /* Параметры рамки */ } .brelok_prise a.rollover_a-63 { background-image: url(images/pixel.png); /* Путь к файлу с исходным рисунком */ width: 350px; /* Ширина рисунка */ height: 10px; /* Высота рисунка */ } .brelok_prise a.rollover_a-63:hover { background-image: url(images/starline/brelok_A_63_2.png); /* Путь к файлу с заменяемым рисунком */ } /* конец рисунки брелков при наведении для прайс-листа*/ /* фон всей страницы*/ .fon{ background-size: auto ; background-position: top center ; background-color:#c7e5f5; background-attachment:fixed; } /* конец фона всей страницы*/ /* содержание всей страницы*/ .div_list { width: 1000px; /* Ширина элемента в пикселах */ margin: auto; /* Выравниваем по центру */ top: -280px; /* Положение от верхнего края */ z-index: 1; } .div_list p { text-align: left; text-indent:35.4pt; font-family: verdana; font-size: 15px; } .div_list b { color: #5d5b5b; } .div_list a { text-decoration: none; color: #454343; } .div_list a:hover { text-decoration:underline; } .div_list h1 { font-family: verdana; font-size: 35px; color: #182932; text-align: center; text-shadow: 4px 4px 4px #aaa; } .div_list h2 { color: red; text-align: center; font-family: verdana;arial; helvetica;sans-serif;serif; font-size: 30px; text-shadow: 4px 4px 4px #aaa; } .div_list h3 { color: #4f4e4e; text-align: center; font-family: serif; font-size: 23px; text-shadow: 4px 4px 4px #aaa; } .div_list h4 { color: #4f4e4e; text-align: center; font-family: serif; font-size: 15px; text-shadow: 4px 4px 4px #aaa; } /* конец содержания всей страницы*/ /* прайс лист*/ .prise td { width: 150px; text-align: center; font-size: 14pt; font-style: italic; } .prise tr { height: 35px; } .prise tr:hover { background-color: #e1e0e0; } .prise b { color: #0c2a81; text-shadow: 4px 4px 4px #aaa; } .prise a:hover { color: #940d17; } /* прайс лист конец*/ /* прайс лист 2*/ .prise_2 td { text-align: center; font-size: 14pt; font-style: italic; } .prise_2 td:hover { background-color: #e1e0e0; } .pris_2 b { color: #9c9e9e; text-shadow: 4px 4px 4px #aaa; } .prise_2 a:hover { color: #940d17; } /* прайс лист 2 конец*/ /* список автомобилей */ .spisok_avto td { text-align: left; font-size: 14pt; } .prise tr { height: 35px; } .prise tr:hover { background-color: #e1e0e0; } .prise b { color: #4d4d4d; } .prise a:hover { color: #940d17; } /* список автомобилей конец*/ /* manual*/ .manual td { width: 150px; text-align: center; font-size: 14pt; font-style: italic; } .manual tr { height: 35px; } .manual td:hover { background-color: #e1e0e0; } .manual b { color: #0c2a81; } /* manual конец*/ /*Начало papirus*/ .papirus { width:300px; } .papirus .topImage { margin:0; padding:0; background-image: url(fon/fon_papirus/paper_1.gif); height:81px; width:300px; } .papirus p { margin:0 0 0 0; padding:5px 20px 5px 20px; text-align: left; text-indent:35.4pt; font-size: 13px; color:#5a1a15; font-style: italic; background-image: url(fon/fon_papirus/paper_5.gif); background-repeat:repeat-y; background-position:right; } .papirus b { font-size: 13px; color:#5a1a15; font-style: italic; } .papirus .bottomImage { margin:0; padding:0; background-image: url(fon/fon_papirus/paper_2.gif); height:72px; width:300px; } /*конец papirus*/ /*штамп с ценой*/ .isdelie { position: absolute; /* Абсолютное позиционирование */ } .prise_01 { position: relative; /* Абсолютное позиционирование */ left: 220px; /* Отступ слева */ top: -20px; /* Положение от верхнего края */ width: 100px; border: solid 3px #234bf7; /* Параметры рамки */ color: #7ba9f5; /* Цвет текста */ } .prise_01 b { color: #234bf7; } /*конец штампа с ценой*/ /*штамп со скидкой*/ .name_page { position: absolute; /* Абсолютное позиционирование */ } .skidka_procent { position: relative; /* Абсолютное позиционирование */ left: 570px; /* Отступ справа */ top: -75px; /* Положение от верхнего края */ width: 200px; border: solid 3px #eb4568; /* Параметры рамки */ color: #eb4568; /* Цвет текста */ } .skidka_procent b { color: #eb4568; font-size: 20px; } /*конец штампа со скидкой*/ /*банер скидка в прайс-листе*/ .baner_skidka { position: absolute; /* Абсолютное позиционирование */ } .baner_skidka_2 { position: relative; /* неАбсолютное позиционирование */ left: 288px; /* Отступ справа */ top: -35px; /* Положение от верхнего края */ width: 100px; border: 0; /* Параметры рамки */ z-index: 30; } /*конец банера скидка в прайс-лист*/ /* БОЛЬШОЙ банер подарок*/ .baner_podarok_big { position: absolute; /* Абсолютное позиционирование */ } .baner_podarok_big_2 { position: relative; /* неАбсолютное позиционирование */ left: 30px; /* Отступ справа */ top: 120px; /* Положение от верхнего края */ width: 150px; border: 0; /* Параметры рамки */ } /*конец БОЛЬШОГО банера подарок*/ /* маленький банер подарок (для прайса)*/ .baner_podarok { position: absolute; /* Абсолютное позиционирование */ } .baner_podarok_2 { position: relative; /* неАбсолютное позиционирование */ left: 288px; /* Отступ справа */ top: -35px; /* Положение от верхнего края */ width: 70px; border: 0; /* Параметры рамки */ } /*конец маленького банера подарок (для прайса)*/ /* маленький банер tinkoff (для прайса)*/ .baner_tinkoff { position: absolute; /* Абсолютное позиционирование */ } .baner_tinkoff_2 { position: relative; /* неАбсолютное позиционирование */ left: 350px; /* Отступ справа */ top: -47px; /* Положение от верхнего края */ width: 70px; border: 0; /* Параметры рамки */ } /*конец маленького банера tinkoff (для прайса)*/ /* маленький банер tinkoff (для странички с сигнализацией)*/ .baner_tinkoff_3 { position: relative; /* Абсолютное позиционирование */ left: 170px; /* Отступ слева */ top: -40px; /* Положение от верхнего края */ width: 70px; border: 0; /* Параметры рамки */ } /*конец маленький банер tinkoff (для странички с сигнализацией)*/ /* БОЛЬШОЙ банер СКИДКА 1000 Р*/ .baner_skidka_big { position: absolute; /* Абсолютное позиционирование */ } .baner_skidka_big_2 { position: relative; /* неАбсолютное позиционирование */ left: 30px; /* Отступ справа */ top: 170px; /* Положение от верхнего края */ width: 150px; border: 0; /* Параметры рамки */ } /*конец БОЛЬШОГО банера СКИДКА 1000 Р*/ /*РИСУНКИ БРЕЛКОВ PANDORA*/ .brelok_image a.rollover_3210 { background-image: url(images/3210a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3210:hover { background-image: url(images/3210b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3210_list { background-image: url(images/3210c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3210_list:hover { background-image: url(images/3210d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3210_slave { background-image: url(images/3210slave_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3210_slave:hover { background-image: url(images/3210slave_b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3210slave_list { background-image: url(images/3210slave_c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3210slave_list:hover { background-image: url(images/3210slave_d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3210i { background-image: url(images/3210a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3210i:hover { background-image: url(images/3210ib.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx50 { background-image: url(images/dx50a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx50:hover { background-image: url(images/dx50b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx6x { background-image: url(images/dx6xa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx6x:hover { background-image: url(images/dx6xb.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx9x { background-image: url(images/dx9xa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx9x:hover { background-image: url(images/dx9xb.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx50s { background-image: url(images/dx50sa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx50s:hover { background-image: url(images/dx50sb.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx90 { background-image: url(images/dx-90a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx90:hover { background-image: url(images/dx-90b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx90l { background-image: url(images/dx-90_la.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx90l:hover { background-image: url(images/dx-90_lb.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_dx90bt { background-image: url(images/dx90bt-a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_dx90bt:hover { background-image: url(images/dx90bt-b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3250 { background-image: url(images/3250a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3250:hover { background-image: url(images/3250b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3257 { background-image: url(images/3257a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3257:hover { background-image: url(images/3257b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3290 { background-image: url(images/3290a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3290:hover { background-image: url(images/3290b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3297 { background-image: url(images/3297a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3297:hover { background-image: url(images/3297b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3050 { background-image: url(images/3050a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3050:hover { background-image: url(images/3050b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3050_list { background-image: url(images/3050c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 274px; /* Высота рисунка */ } .brelok_image a.rollover_3050_list:hover { background-image: url(images/3050d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3500 { background-image: url(images/3500a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3500:hover { background-image: url(images/3500b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3500_list { background-image: url(images/3500c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3500_list:hover { background-image: url(images/3500d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3700 { background-image: url(images/3700a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3700:hover { background-image: url(images/3700b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3700_list { background-image: url(images/3700c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3700_list:hover { background-image: url(images/3700d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3900 { background-image: url(images/3900a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3900:hover { background-image: url(images/3900b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3900_list { background-image: url(images/3900c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3900_list:hover { background-image: url(images/3900d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3910 { background-image: url(images/3910a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3910:hover { background-image: url(images/3910b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3910_list { background-image: url(images/3910c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3910_list:hover { background-image: url(images/3910d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3930 { background-image: url(images/3930a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3930:hover { background-image: url(images/3930b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3930_list { background-image: url(images/3930c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3930_list:hover { background-image: url(images/3930d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3940 { background-image: url(images/3940a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3940:hover { background-image: url(images/3940b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3940_list { background-image: url(images/3940c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3940_list:hover { background-image: url(images/3940d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3945 { background-image: url(images/3945a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3945:hover { background-image: url(images/3945b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3945_list { background-image: url(images/3945c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 300px; /* Высота рисунка */ } .brelok_image a.rollover_3945_list:hover { background-image: url(images/3945d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3950 { background-image: url(images/3950a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3950:hover { background-image: url(images/3950b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3950_list { background-image: url(images/3950c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3950_list:hover { background-image: url(images/3950d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3970 { background-image: url(images/3970a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3970:hover { background-image: url(images/3970b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3970_list { background-image: url(images/dxl3970c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3970_list:hover { background-image: url(images/dxl3970d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3970pro { background-image: url(images/3970proa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_3970pro:hover { background-image: url(images/3970prob.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_3970pro_list { background-image: url(images/dxl3970proc.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_3970pro_list:hover { background-image: url(images/dxl3970prod.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4710 { background-image: url(images/4710a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4710:hover { background-image: url(images/4710b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4910 { background-image: url(images/4910a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4910:hover { background-image: url(images/4910b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4950 { background-image: url(images/4950a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4950:hover { background-image: url(images/4950b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4970 { background-image: url(images/4970a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4970:hover { background-image: url(images/4970b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4300 { background-image: url(images/4300a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4300:hover { background-image: url(images/4300b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4400 { background-image: url(images/4400a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4400:hover { background-image: url(images/4400b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4200moto { background-image: url(images/4200motoa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4200moto:hover { background-image: url(images/4200motob.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_4400moto { background-image: url(images/4400motoa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_4400moto:hover { background-image: url(images/4400motob.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-1100 { background-image: url(images/x1100a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-1100:hover { background-image: url(images/x1100b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-1700 { background-image: url(images/x1700a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-1700:hover { background-image: url(images/x1700b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-1800 { background-image: url(images/x1800a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-1800:hover { background-image: url(images/x1800b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-1800_l { background-image: url(images/x1800_l_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-1800_l:hover { background-image: url(images/x1800_l_b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_pan_4GR { background-image: url(images/pan_4GR_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_pan_4GR:hover { background-image: url(images/pan_4GR_b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_pan_VX_4G { background-image: url(images/pan_VX_4G_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_pan_VX_4G:hover { background-image: url(images/pan_VX_4G_b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_pan_VX_4G_GPS { background-image: url(images/pan_VX_4G_GPS_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_pan_VX_4G_GPS:hover { background-image: url(images/pan_VX_4G_GPS_b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-2000 { background-image: url(images/x2000a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-2000:hover { background-image: url(images/x2000b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-2010 { background-image: url(images/x2010a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-2010:hover { background-image: url(images/x2010b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-2050 { background-image: url(images/x2050a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-2050:hover { background-image: url(images/x2050b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-3110 { background-image: url(images/x3110a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-3110:hover { background-image: url(images/x3110b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_X-3150 { background-image: url(images/x3150a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_X-3150:hover { background-image: url(images/x3150b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_5000 { background-image: url(images/5000a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_5000:hover { background-image: url(images/5000b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_5000_list { background-image: url(images/5000c.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_5000_list:hover { background-image: url(images/5000d.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_5000new { background-image: url(images/5000newa.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image a.rollover_5000new:hover { background-image: url(images/5000newb.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image a.rollover_5000new_list { background-image: url(images/5000newc.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 300px; /* Ширина рисунка */ height: 225px; /* Высота рисунка */ } .brelok_image a.rollover_5000new_list:hover { background-image: url(images/5000newd.png); /* Путь к файлу с заменяемым рисунком */ } /*КОНЕЦ РИСУНКИ БРЕЛКОВ PANDORA*/ /*РИСУНКИ КОРОБОК PANDECT*/ .Pandect_image a.rollover_470 { background-image: url(images/is470a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .Pandect_image a.rollover_470:hover { background-image: url(images/is470b.png); /* Путь к файлу с заменяемым рисунком */ } .Pandect_image a.rollover_472 { background-image: url(images/is472a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .Pandect_image a.rollover_472:hover { background-image: url(images/is472b.png); /* Путь к файлу с заменяемым рисунком */ } .Pandect_image a.rollover_650 { background-image: url(images/is650a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .Pandect_image a.rollover_650:hover { background-image: url(images/is650b.png); /* Путь к файлу с заменяемым рисунком */ } .Pandect_image a.rollover_670 { background-image: url(images/is670a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .Pandect_image a.rollover_670:hover { background-image: url(images/is670b.png); /* Путь к файлу с заменяемым рисунком */ } .Pandect_image a.rollover_bt100 { background-image: url(images/bt-100a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .Pandect_image a.rollover_bt100:hover { background-image: url(images/bt-100b.png); /* Путь к файлу с заменяемым рисунком */ } /*КОНЕЦ РИСУНКИ КОРОБОК PANDECT*/ /*РИСУНКИ БРЕЛКОВ STARLINE*/ .brelok_image_starline a.rollover_a-61 { background-image: url(images/starline/a-61a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-61:hover { background-image: url(images/starline/a-61b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-63 { background-image: url(images/starline/a-63a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-63:hover { background-image: url(images/starline/a-63b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-91 { background-image: url(images/starline/a-91a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-91:hover { background-image: url(images/starline/a-91b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-93 { background-image: url(images/starline/a-93a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-93:hover { background-image: url(images/starline/a-93b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-62 { background-image: url(images/starline/a-62a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-62:hover { background-image: url(images/starline/a-62b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-92 { background-image: url(images/starline/a-92a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-92:hover { background-image: url(images/starline/a-92b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-64 { background-image: url(images/starline/a-64a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-64:hover { background-image: url(images/starline/a-64b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_a-94 { background-image: url(images/starline/a-94a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_a-94:hover { background-image: url(images/starline/a-94b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_b-62 { background-image: url(images/starline/b-62a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_b-62:hover { background-image: url(images/starline/b-62b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_b-92 { background-image: url(images/starline/b-92a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_b-92:hover { background-image: url(images/starline/b-92b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_b-64 { background-image: url(images/starline/b-64a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_b-64:hover { background-image: url(images/starline/b-64b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_b-94 { background-image: url(images/starline/b-94a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_b-94:hover { background-image: url(images/starline/b-94b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_d-64 { background-image: url(images/starline/d-64a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_d-64:hover { background-image: url(images/starline/d-64b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_d-94 { background-image: url(images/starline/d-94a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_d-94:hover { background-image: url(images/starline/d-94b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_e-60 { background-image: url(images/starline/e-60a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_e-60:hover { background-image: url(images/starline/e-60b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_e-90 { background-image: url(images/starline/e-90a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_e-90:hover { background-image: url(images/starline/e-90b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_x-96 { background-image: url(images/starline/x-96a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_x-96:hover { background-image: url(images/starline/x-96b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_t-94 { background-image: url(images/starline/t-94a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_t-94:hover { background-image: url(images/starline/t-94b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_v-62 { background-image: url(images/starline/v-62a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_v-62:hover { background-image: url(images/starline/v-62b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_v-63 { background-image: url(images/starline/V63a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_v-63:hover { background-image: url(images/starline/V63b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_i-95 { background-image: url(images/starline/i95a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_i-95:hover { background-image: url(images/starline/i95b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_i-95eco { background-image: url(images/starline/i95eco_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_i-95eco:hover { background-image: url(images/starline/i95eco_b.png); /* Путь к файлу с заменяемым рисунком */ } .brelok_image_starline a.rollover_i-95lux { background-image: url(images/starline/i95_lux_a.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 150px; /* Ширина рисунка */ height: 150px; /* Высота рисунка */ } .brelok_image_starline a.rollover_i-95lux:hover { background-image: url(images/starline/i95_lux_b.png); /* Путь к файлу с заменяемым рисунком */ } /*КОНЕЦ РИСУНКИ БРЕЛКОВ STARLINE*/ /** * @file: highslide.css * @version: 4.1.9 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { /*position: absolute;*/ background: black; } a.highslide-full-expand { background: url(highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(../highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(../highslide/graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../highslide/graphics/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(../highslide/graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(../highslide/graphics/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(../highslide/graphics/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(../highslide/graphics/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(../highslide/graphics/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(../highslide/graphics/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(../highslide/graphics/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(../highslide/graphics/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(../highslide/graphics/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; direction: ltr; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(../highslide/graphics/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(../highslide/graphics/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(../highslide/graphics/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(../highslide/graphics/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { width: 60px; /* t=5481 */ } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; }