* {
margin: 0px;
padding: 0px;
}
html {
height: 100%;
color: #000;
font-size: 12px;
font-family: "Arial", Helvetica, sans-serif;
}
body {
height: 100%;
background: #ffffff url(../img/bg.gif) repeat-x left top;
}
#outer {
position: relative;
min-height: 100%;
margin: 0 auto;
background: url(../img/bg1.gif) repeat-x center bottom;
}
* html #outer {
height: 100%;
}
a img {
border: 0px;
}
/* Общие стили */
h1, h2, h3, h4 {
color: #343434;
font-weight: bold;
text-align: left;
font-size: 26px;
margin: 20px 0 10px;
}
div > h1, div > h2 {
margin: 0 0 10px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
p {
color: #343434;
font-size: 12px;
margin: 2px 0;
}
.normal {
font-weight: normal;
}
.color-gray {
color: #343434;
}
.color-orange {
color: #f64800;
}
input[type="text"], textarea {
background-color: #e7e7e7;
font-size: 14px;
padding: 4px;
color: #343434;
border: 1px solid #acacac;
font-family: "Arial", Helvetica, sans-serif;
}
a:link, a:visited {
color: #343434;
text-decoration: underline;
}
a:hover, a:active {
color: #777777;
}
a.y:link, a.y:visited {
color: #f64800;
}
a.y:hover, a.y:active {
color: #ff5820;
}
.cleared:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
/* Базовые блоки страницы */
#header {
background: url(../img/bg-header.jpg) no-repeat bottom center;
height: 273px;
width: 1000px;
margin: 0 auto;
position: relative;
}
#menu {
width: 1000px;
margin: 0 auto;
position: relative;
-height: 51px;
-background-color: #cccccc;
-padding: 14px 33px 0 33px;
}
#content {
width: 1000px;
padding: 0 0 146px;
overflow: hidden;
margin: 0 auto;
position: relative;
}
.content-page {
padding: 0 20px;
}
.column2-left {
float: left;
width: 170px;
margin-right: 30px;
}
.column2-right {
float: left;
width: 760px;
}
/* Футер */
#footer {
background: #222c2e url(../img/bg-footer.jpg) no-repeat top center;
height: 146px;
color: #ffffff;
}
#footer-content {
width: 980px;
margin: 0 auto;
position: relative;
padding: 15px 0 0 20px;
}
#footer-menu {
float: left;
margin-top: 10px;
width: 570px;
}
#footer-menu > a:link, #footer-menu > a:visited {
display: block;
float: left;
color: #ffffff;
margin: 0 20px 50px 0;
}
#footer-menu a:hover, #footer-menu a:active {
color: #c0c0c0;
}
#footer-addr {
float: left;
margin-left: 10px;
color: #ffffff;
}
#footer-contacts {
margin-top: 10px;
float: left;
width: 410px;
}
#footer-contacts .code {
color: #979797;
font-size: 16px;
margin-right: 5px;
}
#footer-contacts .main-phone {
font-size: 28px;
color: #00d2c1;
}
#footer-contacts .box1 {
float: left;
margin-right: 25px;
color: #979797;
width: 190px;
margin-top: -3px;
}
#footer-contacts .box2 {
float: left;
color: #00d2c1;
width: 190px;
}
.box3 {
border-top: 1px solid #00d2c1;
color: #ffffff;
margin-top: 8px;
padding-top: 8px;
}
.box3 a {
color: #ffffff;
}
/* Служебные классы */
.lft {
float: left;
}
.rig {
float: right;
}
.brd {
border: 1px dotted red;
}
.clr {
clear: both;
height: 1px;
}
.mrg20 {
margin-top: 20px;
}
.f12 {
font-size: 12px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.hide_obj {
display: none;
}
.red {
color: #ff0000;
}
h1.logo {
position: absolute;
top: 23px;
left: 19px;
}
h1.logo a {
display: block;
width: 392px;
height: 51px;
text-indent: -4000px;
background: url(../img/logo.gif) no-repeat top left;
}
#err-box, #err-box-tyres {
font-weight: bold;
color: red;
font-size: 14px;
margin: 10px 0;
-height: 30px;
}
.blured {
color: #888888 !important;
}
.err-field {
background-color: #ffeeee !important;
color: red !important;
}
/* Контактная информация */
#contacts-header {
position: absolute;
left: 535px;
top: 20px;
width: 465px;
}
#contacts-header .code {
color: #f34300;
font-size: 16px;
margin-right: 5px;
}
#contacts-header .main-phone {
font-size: 28px;
font-weight: bold;
color: #f34300;
}
#contacts-header .box1 {
float: left;
margin-right: 35px;
color: #596062;
margin-top: -4px;
}
#contacts-header .box2 {
float: left;
color: #f34300;
}
/* Блок скроллера рекламы */
#scroll-box {
position: absolute;
left: 535px;
top: 97px;
width: 465px;
height: 176px;
background: #efefef url(../img/bg-scroll.gif);
}
/* Нижний навигатор страниц */
ul.navigator {
list-style: none;
clear: both;
}
.navigator li {
float: left;
display: block;
margin-right: 10px;
width: 20px;
height: 20px;
text-align: center;
font-size: 12px;
font-weight: bold;
border: 1px solid #506364;
}
.navigator li.on {
padding-top: 2px;
height: 18px;
background-color: #f34300;
color: white;
border: 1px solid #f34300;
}
.navigator li.edge {
border: 0;
}
.navigator li a:link, .navigator li a:visited {
display: block;
font-weight: bold;
padding-top: 2px;
width: 20px;
height: 20px;
}
.navigator li a:hover, .navigator li a:active {
background-color: #506364;
color: white;
}
/* Текст на ленте */
.ribbon, .ribbon-left, .ribbon-center, .ribbon-right, .ribbon-tyre, .ribbon-tyre-left, .ribbon-wide-center {
background: url(../img/ribbon.gif) no-repeat center top;
height: 48px;
padding: 2px 20px 0;
margin: 0 -20px;
}
.ribbon-left, .ribbon-center, .ribbon-right, .ribbon-tyre, .ribbon-tyre-left, .ribbon-wide-center {
margin: 0 -20px;
}
.ribbon-left {
background-image: url(../img/ribbon-left.gif);
padding-left: 55px;
}
.ribbon-center {
background-image: url(../img/ribbon-center.gif);
}
.ribbon-right {
background-image: url(../img/ribbon-right.gif);
}
.ribbon-tyre {
background-image: url(../img/ribbon-right-tyre.gif);
padding-left: 55px;
}
.ribbon-tyre-left {
background-image: url(../img/ribbon-left-tyre.gif);
padding-left: 55px;
}
.ribbon-wide-center {
background-image: url(../img/ribbon-wide-center.gif);
}
.ribbon h2, .column-header {
color: #ffffff;
font-weight: bold;
font-size: 20px;
margin: 0;
text-decoration: none;
}
.ribbon h2 a, .column-header a {
color: #ffffff;
text-decoration: none;
}
/* Меню */
/********* aMenu required ***********/
#amenu-list {
margin:0px;
padding: 0px;
position: absolute !important;
z-index: 999;
}
#amenu-list li {
display: block;
margin:0px;
padding: 0px;
position: relative !important;
float: left;
vertical-align: top;
}
* html #amenu-list li {
width: 1px;
}
#amenu-list li a:link,
#amenu-list li a:visited,
#amenu-list li a:hover{
display: block;
margin:0px;
padding:0px;
white-space: nowrap;
}
#amenu-list ul {
display: none;
margin:0px;
padding: 0px;
position: absolute !important;
height: auto;
}
#amenu-list ul li {
float: none;
margin:0px;
padding: 0px;
}
/******** aMenu look *******/
#amenu-wrapper {
height: 48px;
padding: 0px 20px;
float: left;
width: 960px;
margin: 10px 0 0;
}
#amenu-wrapper #amenu-list {
margin-left: 0px;
}
/* Отступы между элементами меню */
#amenu-list li {
height: 30px;
font-size: 14px;
font-weight: bold;
padding: 0px 23px 0px;
border-right: 1px solid #989898;
}
#amenu-list li.is-right {
border-right: 0;
}
#amenu-list li.parent > a {
background: url(../img/down_arrow.gif) no-repeat right 55%;
}
#amenu-list li a:link, #amenu-list li a:visited {
height: 15px;
text-decoration: none;
color: #191919;
padding: 10px 15px 5px 15px;
border-bottom: 3px none #f64800;
}
#amenu-list li a:hover, #amenu-list li a.active {
border-bottom: 3px solid #f64800;
}
#amenu-list > li > a:hover, #amenu-list > li > a.active {
}
#amenu-list li.on > a {
border-bottom: 3px solid #f64800;
}
#amenu-list ul {
-border-left: 2px solid #6e858b;
}
#amenu-list ul li {
height: 28px;
background-color: #ffffff;
border-bottom: 1px solid #929292;
}
#amenu-list ul li.parent > a {
background: url(../img/right_arrow.gif) no-repeat 95% 50%;
}
#amenu-list ul li a:link, #amenu-list ul li a:visited {
height: 28px;
line-height: 28px;
padding: 0px 30px 0px 15px;
border-left: none;
}
#amenu-list ul li a:hover, #amenu-list ul li a.active {
background-color: #e0e0e0;
color: #191919;
border-bottom: 1px solid #f64800;
}
/* Список дисков */
#disk-list {
list-style: none;
margin-left: -20px;
width: 770px;
}
#disk-list li {
float: left;
margin: 5px 0 25px;
width: 184px;
height: 268px;
overflow: hidden;
}
#disk-list li.short {
height: 212px;
}
#disk-list li a:link, #disk-list li a:visited {
display: block;
width: 178px;
height: 260px;
background-color: #ffffff;
padding: 3px;
text-decoration: none;
}
#disk-list li.short a {
height: 204px;
}
#disk-list li a:active, #disk-list li a:hover {
background-color: #f64800;
}
.item-deskr {
overflow: hidden;
background-color: white;
width: 178px;
height: 210px;
text-align: center;
font-size: 10px;
padding: 4px 0;
}
.short a .item-deskr {
height: 195px;
}
.item-deskr .img-cont {
margin: 15px auto 4px;
overflow: hidden;
width: 167px;
height: 147px;
}
.disk-name {
display: block;
height: 30px;
overflow: hide;
font-weight: bold;
font-size: 11px;
color: #494c4d;
text-decoration: none;
}
.disk-param {
font-weight: normal;
font-size: 10px;
color: #f24100;
text-decoration: underline;
}
.item-price {
text-align: center;
padding: 8px;
text-decoration: none;
}
.item-price span {
color: black;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.item-price span.price {
color: #f64800;
font-weight: bold;
font-size: 26px;
text-decoration: none;
}
#disk-list li a:hover .item-price .price {
color: white;
}
/* Акционные стикеры */
.stick_price, .stick_action, .stick_top, .stick_new, .stick_reception, .stick_fix, .stick_send, .stick_proposition {
position: absolute;
width: 61px;
height: 66px;
margin-left: -3px;
margin-top: -3px;
}
.stick_action {
background: url(../img/stick_action.png) no-repeat top right;
}
.stick_top {
background: url(../img/stick_top.png) no-repeat top right;
}
.stick_new {
background: url(../img/stick_new.png) no-repeat top right;
}
.stick_reception {
background: url(../img/stick_reception.png) no-repeat top right;
}
.stick_fix {
background: url(../img/stick_fix.png) no-repeat top right;
}
.stick_send {
background: url(../img/stick_send.png) no-repeat top right;
}
.stick_price {
background: url(../img/stick_price.png) no-repeat top right;
}
.stick_proposition {
background: url(../img/stick_proposition.png) no-repeat top right;
}
.stick_action_big, .stick_top_big, .stick_new_big, .stick_reception_big, .stick_fix_big, .stick_send_big, .stick_price_big, .stick_proposition_big {
position: absolute;
width: 100px;
height: 100px;
margin: -8px 0 0 110px;
}
.stick_action_big {
background: url(../img/stick_action_big.png) no-repeat top right;
}
.stick_top_big {
background: url(../img/stick_top_big.png) no-repeat top right;
}
.stick_new_big {
background: url(../img/stick_new_big.png) no-repeat top right;
}
.stick_reception_big {
background: url(../img/stick_reception_big.png) no-repeat top right;
}
.stick_fix_big {
background: url(../img/stick_fix_big.png) no-repeat top right;
}
.stick_send_big {
background: url(../img/stick_send_big.png) no-repeat top right;
}
.stick_price_big{
background: url(../img/stick_price_big.png) no-repeat top right;
}
.stick_proposition_big{
background: url(../img/stick_proposition_big.png) no-repeat top right;
}
/* Фотогалерея */
#photo-list {
list-style: none;
margin: 0 auto ;
width: 896px;
}
#photo-list li {
float: left;
margin: 5px 15px;
}
#photo-list li a:link, #photo-list li a:visited {
display: block;
width: 188px;
height: 130px;
overflow: hidden;
border: 3px none;
border: 3px solid transparent;
}
#photo-list li a:hover, #photo-list li a:active {
border: 3px solid #f64800;
}
/* Левое меню */
.menu-left {
list-style: none;
}
.menu-left li {
margin-left: 0;
padding-left: 0;
margin: 1px 0;
}
.menu-left li a:link, .menu-left li a:visited {
display: block;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
padding: 4px 0 4px 10px;
color: #4f6266;
font-weight: bold;
text-decoration: none;
font-size: 14px;
}
.menu-left li a.on, .menu-left li a:hover, .menu-left li a:active {
border-top: 2px solid #f64800;
border-bottom: 2px solid #f64800;
color: #f64800;
}
.menu-left li a.on {
font-weight: bold;
}
.menu-left-sub {
list-style: none;
margin-left: 10px;
}
.menu-left-sub li {
margin-left: 0;
padding-left: 0;
margin: 1px 0;
}
.menu-left-sub li a.on, .menu-left-sub li a:link, .menu-left-sub li a:visited {
font-weight: normal;
padding: 2px 0 2px 14px;
font-size: 12px;
background: url(../img/right_arrow_gray.gif) 0 7px no-repeat;
border: 0;
}
.menu-left-sub li a.on, .menu-left-sub li a:hover, .menu-left-sub li a:active {
background-image: url(../img/right_arrow.gif);
}
/* Список новостей */
.news-item {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #4f6266;
}
.news-item a {
text-decoration: none;
}
.news-item a:link p, .news-item a:visited p{
font-size: 12px;
color: #4b4f50;
}
.news-item a:hover p, .news-item a:active p {
color: #6f8286
}
p.news-date {
font-size: 16px;
font-weight: normal;
}
.news-item a:link h2, .news-item a:visited h2 {
font-size: 24px;
color: #f64800;
font-weight: bold;
text-decoration: none;
margin: 5px 0;
}
.news-item a:active h2, .news-item a:hover h2 {
color: #ff833e;
}
/* Страница описания товара */
.item-description {
width: 700px;
margin: 0 auto;
}
.item-description .img-cont{
margin: 0 auto;
text-align: center;
}
.item-description table {
border: 0;
border-collapse: collapse;
margin: 30px auto 20px;
font-size: 15px;
text-align: center;
}
.item-description th {
background-color: #e7e7e7;
padding: 12px 8px;
border-left: 1px solid #acacac;
}
.item-description td {
background-color: white;
padding: 12px 8px;
border-left: 1px solid #acacac;
}
.item-description th:first-child, .item-description td:first-child {
border-left: 0;
}
.item-description a.button-buy-small, .item-description a.button-order {
margin: -7px 0 -7px ;
}
a.button-buy-small{
background-image: url(../img/button-buy-small.gif);
}
a.button-order{
background-image: url(../img/button-order.gif);
}
a.button-buy-small:link, a.button-buy-small:visited, a.button-order:link, a.button-order:visited {
display: block;
text-indent: -9000px;
background-position: left top;
background-repeat: no-repeat;
width: 93px;
height: 25px;
}
a.button-buy-small:hover, a.button-buy-small:active, a.button-order:hover, a.button-order:active {
background-position: right top;
}
.item-description span.price {
color: #f64800;
font-weight: bold;
font-size: 18px;
}
.item-description p.comment {
text-align: center;
font-weight: bold;
font-size: 12px;
}
.overlined {
text-decoration: line-through;
color: #343434;
}
/* Подбор модели диска */
/* Список брэндов автомобилей */
.brand-list, .brand-list-disk {
list-style: none;
width: 900px;
margin: 50px auto 0;
}
.brand-list li, .brand-list-disk li {
float: left;
}
.brand-list li a, .brand-list-disk li a {
display: block;
width: 100px;
height: 120px;
margin: 0 40px 60px;
text-align: center;
text-decoration: none;
}
.brand-list li a:link span, .brand-list li a:visited span{
display: block;
font-weight: normal;
font-size: 14px;
margin: 4px auto 0;
text-decoration: none;
color: #4b4f50;
}
.brand-list li a:hover span, .brand-list li a:active span {
text-decoration: underline;
color: #f64800;
}
/* Список брендов дисков */
.brand-list-disk {
width: 770px;
margin-left: -20px;
}
.brand-list-disk li a {
width: 150px;
height: 120px;
margin: 0 21px 60px;
text-align: center;
text-decoration: none;
}
.logo-cont {
width: 150px;
height: 100px;
overflow: hidden;
}
.brand-list-disk li a:link span, .brand-list-disk li a:visited span{
display: block;
font-weight: normal;
font-size: 14px;
margin: 4px auto 0;
text-decoration: none;
color: #4b4f50;
}
.brand-list-disk li a:hover span, .brand-list-disk li a:active span {
text-decoration: underline;
color: #f64800;
}
/* Ленты шагов выбора */
#ribbon-step1, #ribbon-step2, #ribbon-step3 {
background-image: url(../img/ribbon-select1.gif);
height: 31px;
width: 980px;
margin: 10px -10px;
}
#ribbon-step2 {
background-image: url(../img/ribbon-select2.gif);
}
#ribbon-step3 {
background-image: url(../img/ribbon-select3.gif);
}
/* Страница подбора дисков */
.button-select {
display: block;
text-indent: -9000px;
background-image: url(../img/button-select.gif);
background-position: left top;
background-repeat: no-repeat;
width: 130px;
height: 35px;
border: 0;
cursor: pointer;
}
.button-select:hover {
background-position: right top;
}
#find-form {
margin: 20px 0;
}
#find-form .arrow-right {
background-image: url(../img/arrow-select.gif);
width: 43px;
height: 178px;
float: left;
margin: 0 10px;
}
#find-form .cell1, #find-form .cell2, #find-form .cell3 {
float: left;
}
#find-form .cell1 {
width: 230px;
}
#find-form .cell1 img {
width: 230px;
}
#find-form .cell2 {
width: 410px;
}
#find-form .cell3 {
width: 210px;
font-size: 14px;
}
.cell3 h3 {
color: #343434;
font-size: 18px;
font-weight: normal;
}
/* Список моделей автомобиля */
ul.model-list {
list-style: none;
margin: 0 10px 0 0;
float: left;
width: 190px;
border-left: 1px solid #989898;
}
ul.model-list li {
margin: 0 0 10px 10px;
padding: 0;
}
a.model:link, a.model:visited{
font-size: 14px;
font-weight: normal;
color: #343434;
text-decoration: none;
}
a.on:link, a.model:hover, a.model:active {
text-decoration: underline;
color: #f64800;
}
a.diameters {
font-size: 16px;
text-decoration: underline;
color: #f64800;
font-weight: bold;
margin-right: 6px;
}
a.on:link {
font-weight: bold;
}
ul.kind-list {
list-style: none;
margin: 8px 0 6px 6px;
border-left: 1px solid #989898;
}
ul.kind-list li a:link, ul.kind-list li a:visited {
font-weight: normal;
font-size: 14px;
color: #6d6d6d;
text-decoration: none;
background-image: none;
}
ul.kind-list li a:hover, ul.kind-list li a:active {
text-decoration: underline;
}
ul.kind-list li a.sel_kind:link {
font-weight: bold;
}
/* Главная страница */
#index-left, #index-center, #index-right, #index-wide-center {
float: left;
padding: 0 20px;
}
#index-left {
margin-left: -20px;
width: 202px;
}
#index-center {
width: 474px;
}
#index-wide-center {
width: 708px;
padding-right:0;
margin-left:10px;
}
#index-right {
margin-right: -20px;
width: 202px;
padding-right: 10px;
}
.disk-form, .tyres-form{
font-size: 14px;
}
.disk-form p, .tyres-form p {
margin-bottom: 8px;
}
p.comment {
margin: 10px 0;
font-size: 12px;
}
.disk-form select, .tyres-form select {
width: 180px;
height: 19px;
border: 1px solid #949da1;
font-size: 12px;
margin-bottom: 10px;
}
.tyres-form select {
width: 50px;
}
.tyres-form label {
display: block;
padding-left: 10px;
margin-bottom: 8px;
height: 13px;
font-size: 12px;
}
.tyres-form input[type="submit"]{
margin-top: 20px;
}
ul.news {
list-style: none;
}
ul.news li {
border-bottom: 1px solid #a1b8b9;
margin-bottom: 10px;
padding-bottom: 10px;
}
ul.news li p {
margin: 4px 0;
}
.news-date {
font-size: 10px;
}
/* Скроллбокс в заголовке страницы дисков */
.top-scroll {
width: 465px;
height: 155px;
position: relative;
overflow: hidden;
}
.top-scroll .items {
width:20000em;
position:absolute;
clear:both;
}
/* Size of banner picture = 445 x 140 pix. */
.top-scroll .items div {
float:left;
width:445px;
height: 165px;
overflow:hidden;
padding: 4px 10px 0 10px;
padding-left:30px;
}
/* навигатор верхнего слайдера */
.navi {
margin-left: 10px;
width:200px;
height:12px;
}
.navi a {
width:9px;
height:9px;
float:left;
margin:3px;
background:url(../img/navigator.gif) 0 0 no-repeat;
display:block;
font-size:1px;
}
.navi a:hover {
background-position:0 -9px;
}
.navi a.active {
background-position:0 -18px;
}
/* Стили внутри слайдера */
.top-scroll .items div h2 {
color: #f24100;
font-size: 20px;
font-weight: normal;
font-style: italic;
margin: 0;
}
.top-scroll .items div p {
color: #0b0a0a;
font-size: 11px;
margin: 5px 0;
}
.top-scroll .items div p a:link, .top-scroll .items div p a:visited {
color: #0b0a0a;
text-decoration: underline;
}
.top-scroll .items div p a:link, .top-scroll .items div p a:visited {
color: #4e4e4e;
text-decoration: none;
}
.top-scroll .items div a:link, .top-scroll .items div a:visited {
display: block;
float: right;
margin: 5px 10px 0 0;
font-size: 10px;
color: #f24100;
text-decoration: underline;
}
.top-scroll .items div a:link, .top-scroll .items div a:visited {
color: #ff6d2f;
}
.top-scroll .items div img {
float: left;
margin: 2px 10px 2px 0;
}
/* Нижний скроллер */
.bottom-scroll-box {
width: 960px;
height: 170px;
margin-top: 20px;
}
.bottom-scroll {
float: left;
width: 902px;
height: 170px;
margin: 0;
position: relative;
overflow: hidden;
}
.bottom-scroll ul {
list-style: none;
}
.bottom-scroll ul li {
float:left;
width:130px;
margin: 0 10px;
}
.bottom-scroll ul li a {
display: block;
width:130px;
height: 170px;
text-align: center;
text-decoration: none;
}
.bottom-scroll ul li a img {
max-width: 100px;
max-height: 100px;
margin: 0 auto 15px;
}
.scroller-img{
display: block;
height: 110px;
}
.disk-name {
display: block;
margin: 0 auto 4px;
color: #494c4d;
font-size: 12px;
-height: 30px;
}
.disk-param {
display: block;
margin: 0 auto 4px;
color: #f24100;
font-size: 10px;
}
.bottom-scroll-box a.prev, .bottom-scroll-box a.next {
display: block;
float: left;
width: 29px;
height: 49px;
margin-top: 30px;
background-image: url(../img/arrow-scroll.gif);
background-repeat: no-repeat;
cursor: pointer;
}
.bottom-scroll-box a.prev:hover, .bottom-scroll-box a.prev:active {
background-position: -29px 0;
}
.bottom-scroll-box a.next {
background-position: right 0;
}
.bottom-scroll-box a.next:active, .bottom-scroll-box a.next:hover {
background-position: -58px 0;
}
a.disabled {
visibility:hidden !important;
}
/* Страница заказа */
.order-left {
float: left;
width: 400px;
margin-top: 20px;
}
.order-left .img-cont {
padding: 10px 0 20px;
border-bottom: 1px solid #343434;
margin-bottom: 20px;
}
.order-left .img-cont img {
height: 360px;
margin: 0 auto;
}
.order-left .price-txt {
float: left;
color: #949494;
font-size: 12px;
}
.order-left .price-sum {
float: left;
margin: -4px 0 0 10px;
color: #f64800;
font-size: 34px;
font-weight: bold;
}
.order-right {
float: right;
width: 480px;
margin-top: 20px;
}
.order-right .form-record {
width: 100%;
margin-bottom: 20px;
clear: both;
}
.order-right .form-record input {
float: right;
width: 325px;
color: #343434;
}
.order-right .form-record textarea {
width: 100%;
height: 93px;
margin-top: 10px;
padding: 0;
color: #343434;
}
.button-make-order {
width: 199px;
height: 40px;
border: 0;
text-indent: -9000px;
background-image: url(../img/button-make-order.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.button-make-order:hover {
background-position: -199px 0;
}
.buy-comment {
font-style: italic;
color: #a0a0a0;
margin-bottom: 10px;
}
/* jquery.lightbox-0.5 */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1090;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1010;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
#info-delimiter{
display: block;
margin-top: 150px;
}
#info-content {
display: block;
z-index: 1000;
position: absolute;
width: 1000px;
left: 50%;
bottom: 40px;
margin-left: -500px;
overflow: hidden;
}
#info-content h1{
font-size: 14px;
font-weight: bold;
margin: 4px 0 2px;
}
#info-content p{
font-size: 10px;
}
#info-content p, #info-content h1, #info-content a, #info-content a:link, #info-content a:hover, #info-content a:visited, #info-content a:active{
color: #ccc;
text-decoration: none;
}