/***********************************\ | СОДЕРЖАНИЕ ФАЙЛА СТИЛЕЙ | | 1. Подключение внешних стилей | | 2. Разметка | 2.1. Шапка | 2.1.1 Поиск | 2.1.2 Верхнее меню | 2.1.3 Корзина заказа | | 2.2. Подшапка (+Логотип) | 2.2.1. Центральная часть подшапки | 2.2.1. Описание микроформатов (Контакты) | | 2.3. Основной блок | 2.3.1. Левая колонка основного блока | 2.3.2. Центральная колонка основного блока | 2.3.3. Правая колонка основного блока | | 2.4. Подвал | 2.4.1. Копирайт подвала | | 3. Классы проекта | 3.1. Сслыки | 3.2. Заголовки и пр. | 3.3. Скругленные блоки | 3.4. Новости | 3.5. Продукты | 3.6. etc | 3.7. Таблицы | 3.8. Галерея | 3.9. Позиции каталога | 3.10 Clear | | Copyright (c) Pixelon.ru \************************************/ /* 1. Подключение внешних стилей */ @import "master.css"; @import "layout.css"; /* 2. Разметка */ html, body {height:100%;width:100%;font-family:Arial,Helvetica,Garuda,sans-serif;} /* 2.1. Шапка */ #header {height:200px;left:0;min-width:990px;position:absolute;top:0;width:100%;z-index:14;} #header .wrap {height:190px;margin:0 auto;max-width:1138px;padding-top:10px; position:relative;z-index:12;width:100%;overflow:hidden;} /* 2.1.1. Логотип */ #header #logo {height:72px;margin:100px 0 0 15px;z-index:10;float:left;width:73px;} #header #logo span {text-indent:-10000px;display:block;} /*#header #company {font-size:26px;font-weight:bold;text-shadow:-1px -1px #fff, 1px 1px #aaa;margin:125px 0 0 100px;}*/ #header #company {font-size:26px;font-weight:bold;text-decoration:none;} #header #slogan {font-size:13px;} #comp-logo {float:left;margin:90px 0 0 10px;} /* 2.2. После шапки */ #header_sub {position:absolute;width:100%;left:0;min-width:990px;z-index:5;top:201px;} #header_sub .wrap {max-width:1138px;position:relative;z-index:3;margin:0 auto;} .nowidth #header_sub {background:none !importnat;} .nowidth #header_sub .wrap {background:#ddd;} /* 2.2.1. Верхнее меню */ #header_sub .menu_top {margin-left:15px;overflow:hidden;} #header_sub .menu_top li {float:left;} #header_sub .menu_top li li {float:none;margin:0;padding:0;display:block;*zoom:1;*width:100% !important;} #header_sub .menu_top li li a {display:block;/*width:400px !important;*/} #header_sub .menu_top li.last {margin-right:0;} /*для m1*/ .m1 #header_sub .wrap .menu_top {height:50px;} .m1 #header_sub .menu_top li {margin-right:1%;height:42px;padding-top:8px;} .m1 #header_sub .menu_top li li {height:36px;margin:0;padding:0;} .m1 #header_sub .menu_top li.first {} .m1 #header_sub .menu_top li a, .m1 #header_sub .menu_top li.active li a {font-size:13px; text-decoration:none;text-align:left;display:block;height:26px;padding:10px 25px 0; border:none;white-space:nowrap;} .m1 #header_sub .menu_top a:hover, .m1 #header_sub .menu_top li.active a, .m1 #header_sub .menu_top li.active li a:hover {padding:7px 22px 0;border-width:3px; border-style:solid;height:23px;} .m1 #header_sub .wrap a:hover span, .m1 #header_sub .wrap li.active a span {text-decoration:none;} .m1 #header_sub .menu_top li ul {margin-left:-5px;padding:0;position:absolute;top:45px;display:none;} .m1 #header_sub .menu_top li:hover ul {display:block;} /*для m2*/ .m2 #header_sub, .m2 #header_sub .menu_top li a {background:url(/images/m2-menu_top_bg-sprite.png) repeat-x 0 0;} /*для m3*/ .m3 #header_sub/*,.m3 #header_sub .menu_top li a */ {background:url(/images/m3-menu_top_bg-sprite.png) repeat-x 0 0;} .m3 #header_sub .menu_top li a {background:url(/images/m3-menu_top_bg-sprite.png) repeat-x 0 38px;} .m3 #header_sub .menu_top li div.d1 {background:url(/images/m3-div1-gradient.png) no-repeat 0 0;} .m3 #header_sub .menu_top li div.d2 {background:url(/images/m3-div2-gradient.png) no-repeat 100% 0;} /*для m4*/ .m4 #header_sub {background:url(/images/m4-menu_top_bg-gradient.png) repeat-x 0 0;} .m4 #header_sub .menu_top li a:hover, .m4 #header_sub .menu_top li a:active, .m4 #header_sub .menu_top li.active a {background-image:url(/images/m4-menu_top_bg-sprite.png);/*text-shadow:1px 1px #666;*/} .m4 #header_sub .menu_top li li a {text-shadow:none !important;} /*для m5*/ .m5 #header_sub {background:#fff url(/images/m5-menu_top_bg-gradient.png) repeat-x 0 0;} .m5 #header_sub .menu_top li a:hover, .m5 #header_sub .menu_top li a:active, .m5 #header_sub .menu_top li.active a {background-image:url(/images/m5-menu_top_bg-sprite.png);/*text-shadow:1px 1px #666;*/} .m5 #header_sub .menu_top li li a {text-shadow:none !important;} /*для m2*/ .m2 #header_sub, .m2 #header_sub .header_sub_left, .m2 #header_sub .header_sub_right, .m2 #header_sub .wrap .menu_top {height:73px;} /*высота menu_top_bg */ .m2 #header_sub .menu_top li {height:73px;width:16%;} .m2 #header_sub .menu_top li ul {top:73px;} .m2 #header_sub .menu_top li li {height:35px;width:auto;} .m2 #header_sub .menu_top li li a {text-transform:none;font-size:13px;} .m2 #header_sub .menu_top li a {font-size:14px;text-transform:uppercase;text-decoration:none;text-align:left;display:block; height:30px;padding:40px 15px 3px;border:none;white-space:nowrap;} .m2 #header_sub .menu_top li a:hover {background-position:0 -73px;} .m2 #header_sub .menu_top li a:active {background-position:0 -146px;} .m2 #header_sub .menu_top li.active a {background-position:0 -73px;} .m2 #header_sub .menu_top li.active a:hover {background-position:0 -146px;} .m2 #header_sub .menu_top li.active a:active {background-position:0 -73px;} .m2 #header_sub .menu_top li.n1 a {background-position:0 -219px;} .m2 #header_sub .menu_top li.n1 a:hover {background-position:0 -292px;} .m2 #header_sub .menu_top li.n1 a:active {background-position:0 -365px;} .m2 #header_sub .menu_top li.n2 a {background-position:0 -438px;} .m2 #header_sub .menu_top li.n2 a:hover {background-position:0 -511px;} .m2 #header_sub .menu_top li.n2 a:active {background-position:0 -584px;} .m2 #header_sub .menu_top li.n3 a {background-position:0 -657px;} .m2 #header_sub .menu_top li.n3 a:hover {background-position:0 -730px;} .m2 #header_sub .menu_top li.n3 a:active {background-position:0 -803px;} .m2 #header_sub .menu_top li.n4 a {background-position:0 -876px;} .m2 #header_sub .menu_top li.n4 a:hover {background-position:0 -949px;} .m2 #header_sub .menu_top li.n4 a:active {background-position:0 -1022px;} .m2 #header_sub .menu_top li.n5 a {background-position:0 -1095px;} .m2 #header_sub .menu_top li.n5 a:hover {background-position:0 -1168px;} .m2 #header_sub .menu_top li.n5 a:active {background-position:0 -1241px;} /*для m3*/ .m3 #header_sub .menu_top li li {height:35px;padding:0px 5px;} .m3 #header_sub .menu_top li li a {text-transform:none;font-size:13px;} .m3 #header_sub .menu_top li, .m3 #header_sub .menu_top li div.d1, .m3 #header_sub .menu_top li div.d2 {height:38px;} .m3 #header_sub .menu_top li div.d1 {} .m3 #header_sub .menu_top li div.d2 {padding:0 1px;} .m3 #header_sub .menu_top li a {font-size:14px;text-transform:uppercase;text-decoration:none;text-align:left;display:block; height:25px;border:none;white-space:nowrap;padding:10px 15px 3px;} .m3 #header_sub .menu_top li a:hover {background-position:0 -38px;} .m3 #header_sub .menu_top li a:active {background-position:0 -76px;} .m3 #header_sub .menu_top li.active a {background-position:0 -114px;} .m3 #header_sub .menu_top li.active a:hover {background-position:0 -152px;} .m3 #header_sub .menu_top li.active a:active {background-position:0 -190px;} /*для m4*/ .m4 #header_sub .menu_top li ul {top: 36px;} .m4 #header_sub .menu_top li {padding:4px 10px 7px 3px;height:27px;} .m4 #header_sub .menu_top li li {height:31px;padding:2px 5px;} .m4 #header_sub .menu_top li li a {font-size:13px;} .m4 #header_sub .menu_top li a {font-size:14px;text-decoration:none;text-align:left;display:block; height:21px;border:none;white-space:nowrap;padding:5px 12px 1px;background-repeat:repeat-x;} .m4 #header_sub .menu_top li a:hover {background-position:0 0;} .m4 #header_sub .menu_top li a:active {background-position:0 -27px;} .m4 #header_sub .menu_top li.active a {background-position:0 -54px;} .m4 #header_sub .menu_top li.active a:hover {background-position:0 0;} .m4 #header_sub .menu_top li.active a:active {background-position:0 -27px;} .m4 #header_sub .menu_top a:hover, .m4 #header_sub .menu_top li.active a {border-style:solid;border-width:1px;padding:4px 11px 0; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */ } /*для m5*/ .m5 #header_sub .menu_top li ul {top: 36px;} .m5 #header_sub .menu_top li {padding:6px 10px 7px 3px;height:25px;} .m5 #header_sub .menu_top li li {height:31px;padding:2px 10px;} .m5 #header_sub .menu_top li li a {font-size:13px;} .m5 #header_sub .menu_top li a {font-size:14px;text-decoration:none;text-align:left;display:block; height:19px;border:none;white-space:nowrap;padding:5px 12px 1px;background-repeat:repeat-x;} .m5 #header_sub .menu_top li a:hover {background-position:0 0;} .m5 #header_sub .menu_top li a:active {background-position:0 -25px;} .m5 #header_sub .menu_top li.active a, .m5 #header_sub .menu_top li.active a:hover {background-position:0 0;} .m5 #header_sub .menu_top li.active a:active {background-position:0 -25px;} .m5 #header_sub .menu_top a:hover, .m5 #header_sub .menu_top li.active a {border-style:solid;border-width:1px;padding:4px 11px 0; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */ } #header_sub .menu_top li a {border-color:#fff !important;} .hz #header_sub .menu_top {margin-left:15px;} .hz #header_sub .menu_top li {float:left;height:33px;margin-right:1%;padding-top:4px;} .hz #header_sub .menu_top li li {float:none;height:35px;margin:0;padding:0;} .hz #header_sub .menu_top li.first {} .hz #header_sub .menu_top li.last {margin-right:0;} .hz #header_sub .menu_top li a {font-size:13px; text-decoration:none;text-align:left;display:block;height:20px;padding:8px 23px 0; border:none;white-space:nowrap;} .hz #header_sub .menu_top a:hover, .hz #header_sub .menu_top li.active a {border-style:solid; border-width:1px;padding:7px 22px 0; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */ } #header_sub .menu_top li ul {margin-left:-5px;padding:0;position:absolute;display:none;} #header_sub .menu_top li ul li {border:none !important;} #header_sub .menu_top li ul li a {color:#707070 !important;border:none !important;display:block;height:24px !important;padding:11px 15px 0 !important;text-decoration:none; -moz-border-radius: 0 !important; /* FF1+ */ -webkit-border-radius: 0 !important; /* Saf3+, Chrome */ border-radius: 0 !important; /* Opera 10.5, IE 9 */} /*#header_sub .wrap a span {text-decoration:underline;}*/ #header_sub .wrap a:hover span, #header_sub .wrap li.active a span {text-decoration:none;} #header_sub .wrap li li a span {background:url(/images/menu_top_li_a.png) no-repeat 0 3px;padding-left:12px;} #header_sub .menu_top li:hover ul {display:block;} /* 2.3. Основной блок */ #content {min-width:990px;min-height:100%;margin:0;} #content .wrap {max-width:1138px;margin:0 auto;} /* 2.3.1 Левая колонка основного блока */ #content .sidebar_left {float:left;display:inline;/*overflow:hidden;*/margin-left:-100%;} /* 2.3.1 Правая колонка основного блока */ #content .sidebar_right {float:left;display:inline;overflow:hidden;position:relative;} /* 2.3.2 Центральная колонка основного блока */ #content .center {float:left;width:100%;overflow:hidden;} #content .center .in {position:relative;font-size:13px;} /* 2.3.2.1 Хлебные крошки */ #content .center .in .breadcrumbs {display:block;font-size:11px;line-height:11px; padding-bottom:7px;padding-right:7px;position:absolute;right:10px; text-align:right;top:-24px;width:100%;} #content .center .in .breadcrumbs a {font-size:11px;margin-right:5px;text-decoration:none;} #content .center .in .breadcrumbs span {margin-right:5px;} #content .center .in .breadcrumbs a:hover {background:none;} /* 2.4. Подвал */ .empty {height:105px;} #footer {position:relative;height:105px;min-width:990px;margin:-105px 0 0;} #footer .wrap {height:105px;margin:0 auto;max-width:1108px;position:relative;} #footer .wrap .in {/*border-top:4px solid #dedede;*/} #footer .wrap .in p {margin-bottom:2px;font-size:11px;position:relative;z-index:2;} #footer .wrap .in a {font-size:11px;} #footer .wrap .in .left {/*background:url("/tpl/oneclick/images/footer_in.gif") no-repeat 1px 21px;*/ float:left;padding:25px 0 31px 25px;} #footer .wrap .in .left p {width:300px;} #footer .wrap .in .right {/*float:right;*/display:none;} #footer .wrap .in .right .rl {padding:25px 10px 30px;text-align:right;float:left;} #footer .wrap .in .right .rr {background:url("/tpl/oneclick/images/footer_in.gif") no-repeat 1px 21px; padding:25px 0 31px 25px;float:right;} #footer .ourpartners {float:left;margin-left:130px;padding-bottom:5px;} #footer h2 {margin-top:0;} /* Описание микроформатов */ #footer .vcard {clear:left;} #footer .vcard .copy {float:left;margin-left:-12px;} #footer .vcard .organization-name {font-weight:bold;} #footer .vcard .type, #footer .vcard .country-name {display:none;} #footer .vcard .adr {position:relative;text-align:right;} #footer .vcard .tel {font-size:20px !important;margin-bottom:0 !important;} #footer .vcard .tel .value {} #footer .vcard .tel .value div {float:left;margin-top:10px;text-align:center;width:35px;} #footer .vcard .tel .value span {font-size:30px;margin-left:5px;} #footer .vcard .fax .value {font-size:16px;} #footer .vcard .fax .value span {font-size:24px;margin-left:5px;} /* 3.2. Заголовки и пр. */ h1, h2 {font-size:24px;font-weight:normal;margin:5px 0 15px;line-height:22px;} h2 {font-size:18px;} h3 {font-size:16px;font-weight:normal;margin:0 0 5px;} h4 {font-size:14px;font-weight:bold;} h3 a {font-size:16px;} a, p, li {font-size:14px;} .sidebar_left p, .sidebar_left li, .sidebar_right p, .sidebar_right li, .sidebar_left a, .sidebar_right a {font-size:13px;} .center p {line-height:14px;margin:4px 0 14px;} .sidebar_left p, .sidebar_right p {margin:10px 0 -5px;} .news_block p {margin:0;} .news_block p a, h3 a {display:block;} .news_block .date {font-size:16px;margin-bottom:5px;background:url(/images/icon-news.gif) no-repeat 0 3px;padding-left:17px;} .date {font-size:12px;} #content table {width:100%;} #content table th, #content table td {padding:8px 8px 7px;text-align:left;} #content table th {font-size:12px;font-weight:normal;} /*.tables1 #content table th {color:#fff;background:#acacac url(/images/table1-th.gif) repeat-x 0 0;} .tables1 #content table th:first-child {border-left:2px double #d4d4d4;} .tables1 #content table th:last-child {border-right:2px double #d4d4d4;} .tables2 #content table th {color:#898989;background:#f3f3f3 url(/images/table2-th.gif) repeat-x 0 0;padding:6px 8px 7px;} .tables2 #content table th:first-child {border-left:2px double #f2f2f2;} .tables2 #content table th:last-child {border-right:2px double #f2f2f2;} */ /* #content .sidebar_left .in p, #content .sidebar_right .in p {font-size:11px;line-height:14px;margin:4px 0 8px;} */ #content li {clear:left;font-size:12px;margin-bottom:2px;} .li1 #content li {background:url(/images/center-li1.gif) no-repeat 3px 5px;} .li2 #content li {background:url(/images/center-li2.gif) no-repeat 3px 5px;} .li3 #content li {background:url(/images/center-li3.gif) no-repeat 3px 5px;} #content img {margin-bottom:3px;} ul.services {} ul.services li {background:url(/images/services_li.gif) no-repeat 0 10px;padding-left:15px;margin-left:-15px;} .services_item {} .services_item .item_image {float:left;margin-right:10px;} /* 3.5. Пагинация */ .pages {font-size:11px;} .pages .no, .pages a {background:#f1f1f1;font-size:11px;margin:0 2px;padding:2px 6px;border:1px solid #ddd;} .pages .no {font-weight:bold;border:1px solid #ccc;position:relative;background:#fff;} .pages a {text-decoration:none;display:inline !important;} .pages a:hover {color:#111;border:1px solid #ccc;} .pages a.np {position:relative;} .pages a.np span.left, .pages span.no span.left {position:absolute;background:url(/images/pages_left.gif) no-repeat 0 0; width:21px;height:21px;top:8px;left:-21px;} .pages a.np span.right, .pages span.no span.right {position:absolute;background:url(/images/pages_right.gif) no-repeat 0 0; width:34px;height:34px;top:3px;right:-34px;} /* Когда справа */ /* #content .sidebar_right .feedback, .feedbottom {background:url(/images/right_center.jpg) repeat-y 0 0;position:relative;margin:15px 0 175px;} .feedbottom {margin-bottom:25px;} #content .sidebar_right .top, .feedbottom .top {background:url(/images/right_top.jpg) no-repeat 0 0;position:relative;} #content .sidebar_right .bottom, .feedbottom .bottom {background:url(/images/right_bottom.jpg) no-repeat 0 100%;padding:15px 20px 15px 15px;position:relative;} */ .cols {overflow:hidden;width:100%;} .col2 {width:49%;float:left;margin:10px 0;} .col3 {width:32%;float:left;margin:10px 0;} .col4 {width:24%;float:left;margin:10px 0;} .col_image {float:left;width:130px;} .col_image img {border:4px solid #d3d3d3;padding:1px;margin-bottom:3px;} .col_image a.btn_down {margin-left:13px;} a.btn_down {background:url(/images/btn_down.png) no-repeat 0 0;width:103px;height:24px;display: block;} a.btn_down:hover {background-position:0 100%;} a.btn_down span {display:none;} .price2, .price2_l, .price2_r {display:block;height:32px;line-height:32px;text-decoration:none;} .price2 {background:url(/images/btn1.gif) repeat-x 0 0;float:left;color:#555;} .price2_l {background:url(/images/btn1-left.gif) no-repeat 0 0;} .price2_r {background:url(/images/btn1-right.gif) no-repeat 100% 0;padding:0 10px;} .buttons2 .price2 {background-image:url(/images/btn2.gif);} .buttons2 .price2_l {background-image:url(/images/btn2-left.gif);} .buttons2 .price2_r {background-image:url(/images/btn2-right.gif);} .price2:hover, .price2:hover .price2_l {background-position:0 -32px;} .price2:hover .price2_r {background-position:100% -32px;} .price2:active, .price2:active .price2_l {background-position:0 -64px;} .price2:active .price2_r {background-position:100% -64px;} .col_text {float:left;margin-left:10px;width:60%;} .col_text.big_star {background:url(/images/big_star.png) no-repeat 50% 60%;} .col_text .sub_more {color:#898989;font-size:11px;clear:left;} .col_text .new {padding-left:15px;font-size:11px;color:#e83600;background:url(/images/star.png) no-repeat 0 1px;} .col_text .year, .col_text .genre, .col_text .description {color:#464646;font-size:11px;font-weight:bold;margin-top:3px;} .col_text .year {margin-top:10px;} .col_text .year a, .col_text .genre a {color:#636363;font-size:11px;font-weight:normal;margin-left:5px;} .col_text .genre span {float:left;} .col_text .genre div {margin-left:45px;overflow:hidden;} .col_text .genre div a {float:left;} .col_text .description {margin-top:5px;} .col_text .description p {font-size:11px !important;margin:0 !important;font-weight:normal;} /* 3.7. Таблицы */ .tables1 th { color: #252525 !important; border: solid 1px #e3e3e3; background-color: #f6f6f6; background-image: -moz-linear-gradient(top, #fff, #ebebeb); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ebebeb)); background-image: linear-gradient(top, #fff, #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebebeb'); } .tables2 th { color: #fff !important; border: solid 1px #525252; background-color: #616161; background-image: -moz-linear-gradient(top, #9c9c9c, #525252); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9c9c9c),color-stop(1, #525252)); background-image: linear-gradient(top, #9c9c9c, #525252); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9c9c9c', EndColorStr='#525252'); } /* 3.8. Галерея */ .columns4 .gallery_one {width:25%;} .columns5 .gallery_one {width:20%;} .columns6 .gallery_one {width:16.6%;} .columns7 .gallery_one {width:15%;} /* 3.9. Позиции каталога */ .catalog_item {margin:10px 0 5px;} .catalog_item .img118, .news_one .img118 {width:118px;height:118px;float:left;margin:0 15px 10px 0;background:#ddd;} .catalog_item .img118 img {} .catalog_item .catalog_item_text, .news_one .news_one_text {float:left;width:58%;} .catalog_item .catalog_item_text .h_product {margin-top:0;} .catalog_item .catalog_item_text p, .news_one .news_one_text p {clear:left;} /* 3.10 Clear */ .clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;} .clear {display: inline-block;} .clear {display: block;} /* Контакты */ .cont {padding-bottom:15px;} #map_canvas {width:100%;height:480px;border:3px double #ddd;margin-top:20px;} #content .center .cont p.dashed {margin:15px 0;} #content .center .cont p.dashed span {border-bottom:1px dashed;} #content .center .cont p {margin:5px 0;} #content .center .cont a {font-size:12px;} #content .center .cont a:hover {text-decoration:none;} ul.sections {margin-bottom:10px;} ul.sections li a {text-decoration:none;} ul.sections li a span {border-bottom:1px dashed;} .show {display:block;} .hide {display:none;} .additional #description table {border:3px solid #7e7e7e;} .additional #description table th, .additional #description table td {background:#f9f3e7;border:1px solid #e8dbcb;padding:4px 10px;text-align:left;font-size:12px;line-height:12px;} .additional #description table td p {font-size:12px;line-height:12px;} /* Форма вид 1*/ .forms form > div {position:relative;margin:2px 0 3px;} .forms form > div.error {font-size:11px;color:#E82B3F;} .forms label {display:block;font-size:13px;margin-left:7px;color:#888; /*overlabel*/ position:absolute;top:3px;} .forms label em {color:#E82B3F;} .forms .overlabel-apply {top:3px;position:absolute;} .forms form input, form textarea {border:1px solid #d7d7d7;font-size:13px;padding:2px 6px 0;display:block;width:158px;} .forms form textarea {height:70px;} /*.forms #rcontact, #remail, #rcomment {border:1px solid #fff;width:173px;}*/ .forms #rsubmit a.submit, #rfsubmit a.submit {background:url("/images/form_send.gif") no-repeat scroll 0 0 transparent; display:block;font-size:12px;height:21px;margin:10px 0 0 35px;text-decoration:none;width:90px;padding:6px 0 0 22px;} .forms #rsubmit a.submit:hover, #rfsubmit a.submit:hover {color:#cd0214;} /* Форма вид 2*/ .form {width:550px;zoom:1;margin-top:15px;} .form h3 {margin:15px 0 5px;} .form div {margin:3px 0;_margin:12px 0;overflow:hidden;} /* Ширина лабеля и отступа для нолабеля*/ .form div label{width:205px;} .form .radio_label_group{margin-left:205px;} /* Ширина инпутов */ .form div input, .form div select, .form div textarea, .form .radio_label_group{width:200px;} /* Отступ инпутов */ .form div input, .form div select, .form div textarea{margin-left:15px;} .form div label {float:left;margin-top:5px;} .form div em {color:#ee5805;font-style:normal;} .form .error {color:#ee5805;font-size:10px;height:18px;} .form div input {border:1px solid #ccc;color:#717171;} .form div select {border:1px solid #ccc !important;color:#717171;} .form div textarea {border:1px solid #ccc;color:#717171;} .form div input:hover, .form div select:hover {border:1px solid #ddd;} .form div input:focus, .form div select:focus {border:1px solid #bbb;} .form a.submit {background:transparent url(/images/li.gif) no-repeat scroll left 7px;font-size:18px;margin-left:213px;padding-left:10px;} .form .radio_label_group {display:block;margin-bottom:10px;} .form .radio_label_group input {border:none !important;width:auto !important;} .form .radio_label_group label {float:none !important;} .form .radio_label_group .after_radio_label {clear:left;display:block;height:2px;} /* Форма 3 */ #fancybox-inner {} #frmc {padding:5px 20px;} .forma div {position:relative;margin:2px 0 3px;clear: both;} .forma div.error {font-size:11px;color:#DA1A47;} .forma label {display:block;font-size:13px;} .forma label em {color:#E82B3F;} .forma .overlabel-apply {top:3px;position:absolute;} .forma input, .forma textarea {border:1px solid #d7d7d7;font-size:13px;padding:2px 6px 0;display:block;width:158px;} .forma textarea {height:70px;} .item_h {margin-left:220px;} #rh1 p {font-size:11px;} #rh1 p span {color:#DA1A47;font-size:18px;line-height:1px;vertical-align:sub;} .radio_label_group {display: block;padding-left: 10px;} .radio_label_group label {} .radio_label_group input {float: left;width: 20px;} .after_radio_label {clear:both;display: block;} .item_h {margin-left:220px;} .more {padding-right:8px;} #content li {padding-left:14px;position:relative;zoom:1;margin-left:10px;} .fl{float:left;} .fr{float:right;} .fr sup{display:block;float:right;margin-top:-3px;} .sell_item div.price .tbl_price {width:536px;} .sell_gallery {} .sell_gallery .rt {border:1px solid #B5B5B5;display:block;float:left;height:85px;margin-right:5px;padding:1px;width:100px;margin-bottom:7px;} .sell_gallery .rt:hover, .sell_gallery .rt.active {border:1px solid #5b5b5b;background:#ddd;} .sell_gallery .last {margin-right:0;} .sell_gallery div .zoom {border:1px solid #B5B5B5;display:block;padding:1px;clear:left;width:536px;height:390px;} .small {font-size:10px;} #icons {right:15px;position:absolute;top:15px;text-align:right;} .struct1 #icons {left:15px;top:auto;bottom:5px;text-align:left;} #icons .tel {font-size:20px;margin-bottom:5px;} #icons .mail {font-size:12px;background:url(/images/icon-email.gif) no-repeat 0 2px;padding-left:20px;} a.back {background:url(/images/back.gif) no-repeat 0 6px;font-size:11px;margin-left:10px;padding-left:7px;vertical-align:3px;} .gallery_block {margin-top:10px;} .gallery_block a {text-decoration:none;} .gallery_block a img {margin-bottom:0;} ul.objects {margin-bottom:10px;} .catalog_one {overflow:hidden;width:100%;margin-bottom:10px;border-top: 1px solid #DDD; padding-top: 5px;} .catalog_one a img {float:left;} .catalog_one .rtxt {margin-left:220px;} /*если что, надо генерить:*/ #sidebar-gallery .image-overlay a, #gallery .image-overlay a {height:80px;width:200px;} #catalog .image-overlay a {height:150px;width:200px;} /*NEW!*/ .npt {display:none;} .ctr {margin:0 !important;padding:0 15px 10px !important;} .struct2 .npt, .struct5 .npt {margin:0 !important;padding:0 15px 10px !important;display:block;} .struct3 .npt {margin:0 0 0 245px !important;padding:0 15px 10px 25px !important;display:block;} .struct2 .menu-border, .struct5 .menu-border {padding:1px;display:block;} .struct3 .menu-border {padding:1px;display:block;} .struct6 #content .wrap {padding-top:82px;} .struct3 #header_sub, .struct4 #header_sub, .struct5 #header_sub {display:none;} .struct4 #header {border-bottom:1px solid #ddd;} #vmenu .menu_top {margin-bottom:15px;} #vmenu li {margin-bottom:1px;padding:0;background:none !important;border-bottom:1px solid #D0D0D0;margin-left:0px;} #vmenu li a {display:block;background:url(/images/vmenu.gif) repeat-x 0 0;height:23px;padding:11px 0 0 15px;text-decoration:none;color:#707070;font-size:14px;} /*color*/ #vmenu li a:hover {background-image:url(/images/vmenu-active.gif);} #vmenu li ul {left:230px;position:absolute;z-index:1000;top:-1px;display:none;} #vmenu li ul li {margin-bottom: 0px;border-top:1px solid #fff;} #vmenu li ul li a {padding-right:15px;} #vmenu li ul li span {white-space:nowrap;} .blocks1 .sidebar_left .in h2, .sidebar_left .in h2, .blocks1 .sidebar_right .in h2, .sidebar_right .in h2 {background:url(/images/h2-gradient.png) repeat-x 0 0;font-size:15px;padding:0 0 0 15px;margin:0 -10px;text-transform:uppercase;height:32px;overflow:hidden;line-height:32px;} .blocks2 .sidebar_left .in h2, .blocks2 .sidebar_right .in h2 {background:url(/images/h2-gradient-m2.png) repeat-x 0 0;font:bold italic 16px Georgia,"Nimbus Roman No9 L",serif;padding:0 0 0 15px;margin:0 -10px;height:37px;overflow:hidden;line-height:37px;} .blocks3 .sidebar_left .in h2, .blocks3 .sidebar_right .in h2 {background:url(/images/h2-gradient-m3.png) repeat-x 0 0;font-size:16px;padding:0 0 0 15px;margin:0 -10px;height:38px;overflow:hidden;line-height:38px;} .blocks4 .sidebar_left .in h2, .blocks4 .sidebar_right .in h2 {background:url(/images/h2-gradient-m4.png) repeat-x 0 0;font-size:16px;padding:0 0 0 15px;margin: 0 -10px;height:32px;line-height:32px;overflow:hidden;} .in.border {border-top:none !important;} #content .catalog_tree {overflow:hidden;} #content .catalog_tree ul {padding:3px 0;} #content .catalog_tree li, #content .fill .catalog_tree li, #content .border .catalog_tree li {background:none;margin:2px 0;} #content .catalog_tree li a {font-size:13px;line-height:13px;} #content .catalog_tree li li {margin:3px 0;padding-left:20px;line-height:12px;} #content .catalog_tree li li a {font-size:11px;line-height:11px;} #content .catalog_tree li a.im, #content .catalog_tree li a.mi {height:15px;margin:0 2px 0 -40px;padding:0; text-indent:-50000px;width:35px;background:none no-repeat 2px 2px;display:block;float:left;} #content .catalog_tree li li a.im {height:15px;background:no-repeat 2px 2px;} #content .catalog_tree li.opened ul {display:block;} #content .catalog_tree li.closed ul {display:none;} #content .catalog_tree li {padding-left:40px;line-height:14px;} #content .catalog_tree li.opened a.im {background-image:url(/images/tree_opened.png);position:relative;} #content .catalog_tree li.closed a.im {background-image:url(/images/tree_closed.png);position:relative;} #content .catalog_tree li a.mi {background:url(/images/tree-li.png) no-repeat 20px 2px;} .news_block {margin-top:5px;} #content .sidebar_left .in img, #content .sidebar_right .in img {margin-top:10px;} #sidebar-gallery a img {margin:0 !important;} .templates-style {position:absolute;top:10px;right:10px;background:#fee904;z-index:9999;padding:10px;z-index:110;_width:200px;*width:200px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.9; filter:alpha(opacity=90) } .templates-style h3, .templates-style .a {color:#000;font-size:13px;font-weight:bold;margin:5px 0px 0px 0px;} .templates-style h2 {color:#000;font-size:20px;} .templates-style .a {display:block;text-align:right;} .templates-style select {width: 100%;} .m1 #content .center, .m1 #content .sidebar_left, .m1 #content .sidebar_right {padding-top:50px;} .m2 #content .center, .m2 #content .sidebar_left, .m2 #content .sidebar_right {padding-top:73px;} .m3 #content .center, .m3 #content .sidebar_left, .m3 #content .sidebar_right, .m4 #content .center, .m4 #content .sidebar_left, .m4 #content .sidebar_right, .m5 #content .center, .m5 #content .sidebar_left, .m5 #content .sidebar_right {padding-top:38px;} .struct3 #content .center, .struct3 #content .sidebar_left, .struct3 #content .sidebar_right, .struct4 #content .center, .struct4 #content .sidebar_left, .struct4 #content .sidebar_right {padding-top:0px;} .inline {display: inline !important;} #map-canvas {width: 100%; height: 400px;} /* .struct3 #content .sidebar_right, .struct2 #content .sidebar_right, .struct2 #content .sidebar_left {padding-top:477px !important;} /*15px+250px+212px --^*/ .struct2 #content .wrap, .struct3 #content .wrap, .struct4 #content .wrap, .struct5 #content .wrap {padding-top:75px;} #header {height:70px;} #header .wrap {height:60px !important;padding-top: 0px !important;} #header #logo {margin-top:5px;} #header #comp-logo {margin-top:10px;} #header_sub {top:71px !important;} .ar input {width: 40px;} .basketblock th {white-space:nowrap;} #fancybox-wrap label, #fancybox-wrap p {color:#333;} #header_sub .menu_top li ul {*background:url(/images/vmenu.gif) repeat 0 0;*padding-top:0;} #header_sub .menu_top li ul li a {/**background:none;*/}