@charset "utf-8"; /* http://www.black-sun.ru/ */ /* 4Fresh */ /* ------------------------------------------------------------------------------------ * ОБЩИЕ СТИЛИ * ------------------------------------------------------------------------------------ */ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; } em {font-style:italic;} a:active, a:focus{ border: none; outline: 0; } a { color:#3D9DCE; } a img { border: none; outline: 0; } .clearing { clear:both; } .clear-right { clear:right; } .safe-clear {font-size:0; width:1px; height:10px;} span.fresh4 {color:#3d9dce; font-weight:bold; font-style:italic;} #enter_info p.big {font-weight:bold; font-size:15px;} #enter_info p.big a {font-weight:normal} #enter_info p.big a img {margin:0; padding:0 5px 0 10px; position:relative; top:4px;} #site-max-width {width:100%; text-align:center } #site-width {position:relative; min-width:995px; width:100%; max-width:1280px; min-height:262px; z-index:1; margin:0 auto; background:#ffffff url(../images/top_right_bg.jpg) top left repeat-x; } #site-outer {background:url(../images/top_left_bg1.jpg) no-repeat;} .main-content {margin:20px 39px 30px 15px;} .main-content a {color:#3d9dce; text-decoration:underline; font-style:italic} .main-content a:hover {color:#3d9dce; text-decoration:none} /* навигация */ .nav {font-style:italic; position:relative; padding-right:140px;} .nav .path {padding-top:20px;} .nav .nav-sign {padding:0 10px; background:url(../images/nav-sign.gif) center 6px no-repeat;} .nav a.print {position:absolute; top:-5px; right:0px; display:block; height:25px; background:url(../images/print.gif) no-repeat; padding:5px 0 0 35px; z-index:1;} .nav .pages {position:absolute; top:-5px; right:0px; display:block; height:25px; padding:5px 0 0 0; z-index:100;} .nav .pages a.prev {font-size:0; display:block; float:left; position:relative; top:3px; margin-right:15px; height:9px; width:10px; background:url(../images/back-page.gif) 0 0 no-repeat;} .nav .pages a.prev:hover {background-position:bottom} .nav .pages a.next {font-size:0; display:block; float:left; position:relative; top:3px; margin-left:15px; height:9px; width:10px; background:url(../images/forward-page.gif) 0 0 no-repeat;} .nav .pages a.next:hover {background-position:bottom} .nav .pages span {float:left; display:block; margin-right:5px; width:70px;} .nav .pages a.all {display:block; position:absolute; left:-100px;} .nav ul {font-size:12px; color:#999; float:left;} .nav ul li {float:left; font-style:normal; color:#55b3e3; font-weight:bold; padding:0 3px;} .nav ul li a {color:#999; font-weight:normal} .nav ul li a:hover {color:#55b3e3; font-weight:bold} /* ------------------------------------------------------------------------------------ * шапка */ #top {position:relative; top:0; left:0; width:100%; height:169px;} #top .top_center_bg {position:relative; top:0; left:185px; width:176px; height:81px; background:url(../images/top_center_bg.jpg) no-repeat; } #top .top_right_bg {position:absolute; top:0; right:0px; width:135px; height:81px; background:url(../images/top_right_bg1.jpg) no-repeat; } #top img.logo {position:absolute; top:82px; left:0px; z-index:1;} #top a.homepage {position:absolute; display:block; top:14px; left:124px; width:28px; height:20px; background:url(../images/homepage.gif) 0 0 no-repeat } #top a.homepage:hover {background:url(../images/homepage.gif) 0 100% no-repeat; } #top a.sitemap {position:absolute; display:block; top:14px; left:157px; width:28px; height:20px; background:url(../images/sitemap.gif) 0 0 no-repeat } #top a.sitemap:hover {background:url(../images/sitemap.gif) 0 100% no-repeat; } #top a.bookmark {position:absolute; display:block; top:14px; left:191px; width:28px; height:20px; background:url(../images/bookmark.gif) 0 0 no-repeat } #top a.bookmark:hover {background:url(../images/bookmark.gif) 0 100% no-repeat; } #top a.to_cart {position:absolute; z-index:100; display:block; width:150px; height:155px; left:290px; top:15px;} #top .top-panel { position:absolute; top:82px; left:0; width:100%; height:70px; } #top .top-panel .menu { position:relative; margin:0 0 0 460px; } /* шапка - корзина */ #top .top-panel .menu .cart { position:relative; float:left; width:35%; height:70px; background:url(../images/cart-form-center.gif) top left repeat-x; } #top .top-panel .menu .cart .title a {text-decoration:underline; color:#3D9DCE; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:22px; position:absolute; left:10px; top:-27px;} #top .top-panel .menu .cart .title a:hover {text-decoration:none; color:#3D9DCE;} #top .top-panel .menu .cart .left { position:relative; float:left; width:18px; height:70px; background:url(../images/cart-form-left.png) top left no-repeat;} #top .top-panel .menu .cart .right { position:relative; float:right; width:11px; height:70px; background:url(../images/cart-form-right.png) top right no-repeat; } #top .top-panel .menu .cart p {font-style:italic; padding:5px 0 0;} #top .top-panel .menu .cart p span {color:#a950b4; font-weight:bold; font-style:normal; font-size:14px;} #top .top-panel .menu .cart a {font-size:14px; color:#55b3e3; text-decoration:none; font-style:italic; font-weight:bold; position:relative; display:block; top:11px;} #top .top-panel .menu .cart a:hover {color:#0d7bae;} /* шапка - личный кабинет */ #top .top-panel .menu .right_strip { position:relative; float:right; width:60%; max-width:420px; height:70px; background:#AC55B6 url(../images/right-strip_left.jpg) top left no-repeat; } #top .top-panel .menu .right_strip .title {color:#3D9DCE; position:absolute; width:100%; left:0; top:-27px;} #top .top-panel .menu .right_strip .title span a {text-decoration:underline; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:22px; display:block; float:left;} #top .top-panel .menu .right_strip .title span a:hover {text-decoration:none;} #top .top-panel .menu .right_strip .title a {color:#3D9DCE; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:normal} #top .top-panel .menu .right_strip .title a:hover {text-decoration:none;} #top .top-panel .menu .right_strip .title ul {float:left; padding:7px 0 0 0; width:38%;} #top .top-panel .menu .right_strip .title ul li {width:49%; float:left; text-align:center} #top .top-panel .menu .right_strip p { position:relative; margin-top:7px; padding-left:20px; color:#FFF; } #top .top-panel .menu .right_strip a {font-weight:bold; font-style:italic; color:#FFF} #top .top-panel .menu .right_strip a img {position:relative; bottom:2px;} #top .top-panel .menu .right_strip a:hover {text-decoration:none;} #top .top-panel .menu .right_strip div.errors {position:absolute; bottom:-15px; left:15px; color:#ac55b6;} /* ------------------------------------------------------------------------------------ * центр */ #middle { position:relative; width:100%; background:url(../images/bottom_birds.jpg) bottom left no-repeat;} /* меню */ #middle ul.menu {position:relative; top:15px; margin-bottom:-8px; list-style:none; height:27px; } #middle ul.menu li {float:left; text-align:center;} #middle #right_col ul.menu {height:40px;} #middle #right_col ul.menu li a {color:#55b1e2;} #middle #right_col ul.menu li a:hover {color:#FFF;} #middle ul.menu li a {position:relative; display:block; height:25px; padding:2px 0 0 0px; text-decoration:none; font:italic bold 14px/14px Arial, Helvetica, sans-serif; color:#55b1e2;} #middle ul.menu li div {position:relative; display:block; height:25px; padding:2px 0 0 0px; text-decoration:none; font:italic bold 14px/14px Arial, Helvetica, sans-serif; color:#fff;} #middle ul.menu li a:hover {color:#FFF;} #middle ul.menu li.about{width:16%;} #middle ul.menu li.about a:hover {background:url(../images/menu1.gif) top center no-repeat;} #middle ul.menu li.about div {background:url(../images/menu1.gif) top center no-repeat;} #middle ul.menu li.master{width:18%;} #middle ul.menu li.master a:hover {background:url(../images/menu1.gif) top center no-repeat;} #middle ul.menu li.master div {background:url(../images/menu1.gif) top center no-repeat;} /*#middle ul.menu li.partners{width:16%;} #middle ul.menu li.partners a:hover {background:url(../images/menu2.gif) top center no-repeat;}*/ #middle ul.menu li.shipping{width:24%/*151px*/;} #middle ul.menu li.shipping a:hover {background:url(../images/menu3.gif) top center no-repeat;} #middle ul.menu li.shipping div {background:url(../images/menu3.gif) top center no-repeat;} #middle ul.menu li.expert{width:25%/*131px*/;} #middle ul.menu li.expert a:hover {background:url(../images/menu4.gif) top center no-repeat;} #middle ul.menu li.expert div {background:url(../images/menu4.gif) top center no-repeat;} #middle ul.menu li.contacts{width:15%/*84px*/;} #middle ul.menu li.contacts a:hover {background:url(../images/menu5.gif) top center no-repeat;} #middle ul.menu li.contacts div {background:url(../images/menu5.gif) top center no-repeat;} /* телефон */ #middle .phone {position:absolute; bottom:35px; left:10px; height:58px; color:#999; font-style:italic; text-align:right} #middle .phone p {font-size:26px; color:#a950b4; font-weight:bold;} #middle .phone p span {font-size:20px; color:#999; font-weight:normal} #middle .phone a {color:#3D9DCE;} #middle .phone a:hover {text-decoration:none;} #middle .phone span.icq {color:#666; padding:0 0 0 5px} /* ------------------------------------------------------------------------------------ * левая колонка */ #middle .left_col { position:relative; width:294px; float:left;} #middle .left_col .content { margin:0 24px; font-style:italic; font-size:14px;} #middle .left_col .content h4 {padding:0 0 0 35px; position:relative; color:#a950b4; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:22px;} #middle .left_col .content h4 img {position:absolute; left:-5px;/* bottom:-8px;*/top: -7px;} #middle .left_col .content h4 a {color:#a950b4; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:22px; text-decoration:underline;} #middle .left_col .content h4 a:hover {color:#a950b4; text-decoration:underline; font-weight:normal} #middle .left_col .content a { color:#666666; text-decoration:none; } #middle .left_col .content a:hover { color:#3D9DCE; text-decoration:none; font-weight:bold} #middle .left_col .content #frmSearch { padding-bottom:14px;} #middle .left_col .content p.blue { color:#3D9DCE;} #middle .left_col .content #frmSearch input.searchTxt {width:168px; font-size:12px; height:19px; border:none; color:#666666; padding:2px 10px 0 10px; background:url(../images/seacrh_txt.gif) no-repeat; font-style:italic;} #middle .left_col .content #frmSearch input.searchBut {position:absolute; width:19px; font-size:13px; height:19px; border:none; color:#666666; left:217px; top:15px;} #middle .left_col .content img.title { position:relative; display:block; margin:40px 0 10px 0; } #middle .left_col .content ul.gray { position:relative; display:block; list-style:none; padding-bottom:18px;} #middle .left_col .content ul.gray li { min-height:17px; font-size:14px; border-bottom:1px #eeecec solid; position:relative; margin-top:5px;} #middle .left_col .content ul.gray li.last { border:none; } #middle .left_col .content ul.gray li a { position:relative; display:block; height:17px; font-style:normal} #middle .left_col .content ul.gray li a.selected {font-weight:bold; color:#3D9DCE;} #middle .left_col .content ul.gray li ul {padding:7px 0;} #middle .left_col .content ul.gray li ul li {border:none; margin:0;} #middle .left_col .content ul.gray li ul li a {display:block; color:#666666; padding:3px 0 0 15px; height:16px;} #middle .left_col .content ul.gray li ul li a:hover {color:#3D9DCE; font-weight:normal; background:url(../images/left-menu-selected.gif) left top no-repeat;} #middle .left_col .content ul.gray li ul li a.selected {color:#3D9DCE; font-weight:normal; background:url(../images/left-menu-selected.gif) left top no-repeat;} #middle .left_col .content ul.newIcons { position:relative; display:block; list-style:none; padding-bottom:18px; padding-left:3px; margin-top:6px; } #middle .left_col .content ul.newIcons li { display:block; position:relative; width:20px; height:20px; float:left; margin-right: 2px; margin-left: 2px; margin-bottom:4px; } #middle .left_col .content ul.newIcons li a { position:absolute; top:0; left:0; display:block; width:20px; line-height:20px; height:20px; background:#f4fbfd; font-style:normal; text-align:center; } #middle .left_col .content ul.newIcons li a:hover { background:#d8f3ff; top:-3px; left:-3px; width:26px; line-height:26px; height:26px; z-index:3; } #middle .left_col .content ul.newIcons li a.activeM { background:#94defe; top:-3px; left:-3px; width:26px; line-height:26px; height:26px; color:#fff; font-weight:bold; z-index:1; } .manuf-clearing { padding:2px 0 0 0; margin:0; font-size:1px; line-height:1px; clear:both; border-bottom:1px #f9f9f9 solid; } .manuf-clearing2 { padding:6px 0 0 0; margin:0; font-size:1px; line-height:1px; clear:both; border-bottom:1px #ddd solid; } ul.manuf-list { display:none; clear:both; margin: 6px 6px 0; padding:11px 0 11px 15px; background:#d8f3ff; } ul.manuf-list li { font-size: 14px; border-bottom: 1px #f4fbfd solid; position: relative; padding: 5px 0 2px;} ul.manuf-list li a { position: relative; display: block; } ul.opened { display:block; } #middle .left_col .presents .top {height:7px; font-size:0; background:#F4FBFD url(../images/presents_tr.gif) right top no-repeat;} #middle .left_col .presents .bottom {height:7px; font-size:0; background:#F4FBFD url(../images/presents_br.gif) right top no-repeat;} #middle .left_col .presents {background:#F4FBFD url(../images/present-icon.jpg) 25px 10px no-repeat; font-size:14px; font-style:italic; margin:0 24px 20px 0; position:relative;} #middle .left_col .presents .inner {padding:12px 0 16px 24px;} #middle .left_col .presents img.title { position:relative; display:block;} #middle .left_col .presents h4 a {color:#3d9dce; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:22px; position:relative; left:60px; top:-6px; text-decoration:underline;} #middle .left_col .presents h4 a:hover {text-decoration:underline;} #middle .left_col .presents ul { position:relative; display:block; list-style:none;} #middle .left_col .presents ul li { height:17px; font-size:14px; border-bottom:1px #d9f0fa solid; position:relative; padding:5px 0 0} #middle .left_col .presents ul li.last { border:none; } #middle .left_col .presents ul li a { position:relative; display:block; height:17px; color:#666666; text-decoration:none;} #middle .left_col .presents ul li a:hover { color:#3D9DCE; text-decoration:none; font-weight:bold} #middle .left_col .question {position:relative; top:24px; margin:0 24px; height:850px;} #middle .left_col .question a:hover {text-decoration:none;} #middle .left_col .question span.data {color:#3D9DCE;} #middle .left_col .question h4 {color:#3d9dce; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:22px; font-style:italic;} #middle .left_col .question a#ask_me {display:block; width:107px; background:url(../images/ask-me.gif) right 5px no-repeat; height:18px; color:#666666; text-decoration:underline; position:relative; top:4px; margin-bottom:18px;} #middle .left_col .question a#ask_me:hover {text-decoration:none;} a#ask_me2 {display:block; width:200px; background:url(../images/ask-me.gif) right 5px no-repeat; height:18px; text-decoration:underline; position:relative; top:4px; margin-bottom:18px;} a#ask_me2:hover {text-decoration:none;} #middle .left_col .question h5 {padding:13px 0 18px; color:#3d9dce; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; font-weight:bold} #middle .left_col .question a.more {font-style:italic; color:#3d9dce; position:relative; top:13px; display:block; background:url(../images/more-icon.jpg) no-repeat left top; padding-left:30px; display:block; height:18px; margin-bottom:34px;} #middle .left_col .question ul {padding-top:10px;} #middle .left_col .question ul li {padding:0 0 7px 0px; position:relative; padding:0 0 8px 25px;} #middle .left_col .question ul li a {color:#3d9dce; } #middle .left_col .question ul li img {position:absolute; left:0; top:0;} #middle .left_col .question ul li a.fav {background:url(../images/favourite_off-icon.gif) left top no-repeat; text-decoration:none; margin:0; display:block; width:13px; height:13px; position:absolute; left:0; top:0;} #middle .left_col .question ul li a.fav:hover {background:url(../images/favourite_on-icon.gif) left top no-repeat;} /* левая колонка - баннер */ #middle .left_col .content div.banner {position:relative; margin:16px 0 0 -24px; text-align:left; padding:20px;} #middle .left_col .content div.banner1 {width:230px; overflow:hidden; height:195px; background:url(../images/banner1a.jpg) top left no-repeat;} #middle .left_col .content div.banner .love {color:#6fcd11; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:18px; font-style:italic; margin-bottom:10px; width:240px;} #middle .left_col .content div.banner a.love {font-size:22px;} #middle .left_col .content div.banner a.love:hover {color:#6fcd11;} #middle .left_col .content div.banner1 p {color:#666; width:205px; line-height:19px; font-style:normal} #middle .left_col .content div.banner1 p span.lite {color:#869399} #middle .left_col .content div.banner p span.dates {color:#3d9dce; font-size:16px;} #middle .left_col .content div.banner1 p a {text-decoration:underline;color:#666;} #middle .left_col .content div.banner1 p a:hover {text-decoration:none;color:#666; font-weight:normal} /* ------------------------------------------------------------------------------------ * правая колонка */ #middle .right_col {margin-left:294px;} /* подвал */ #footer {text-align:left; position:relative; left:0; top:-8px; margin:0 0 0 294px; height:100px;} .pisya #footer {margin:0} #footer ul.menu {height:45px; position:relative; top:0;} #footer .footer-text {position:relative; padding:0 20px 0 0px; /*width:525px;*/ width:670px; font-size:12px; font-style:normal; line-height:13px;} #footer .footer-text a {color:#3d9dce;} #footer .footer-text .developers {padding-top:6px;} #footer .footer-text .developers a {color:#666; margin-right:15px; white-space:nowrap;} #footer .footer-text a {text-decoration:underline;} #footer .footer-text a:hover {text-decoration:none; } /* добавление в корзину/закладки */ .ax2cart {position:absolute; left:0px; top:175px; z-index:999;} .ax2cart .msg {display:block; width:192px; height:20px; padding:4px 0 0; background:url(../images/ax-info.gif) left top no-repeat; font-size:1em; color:#3d9dce; text-align:center; font-size:13px;} .right_col .ax2fav {position:absolute; left:0px; top:175px; z-index:999;} .left_col .ax2fav {position:absolute; left:0px; top:-25px; z-index:999;} .ax2fav .msg {display:block; width:192px; height:20px; padding:4px 0 0; background:url(../images/ax-favinfo.gif) left top no-repeat; font-size:1em; color:#a950b4; font-size:13px; text-align:center; font-style:italic} /* вход в личный кабинет */ #enter_form {position:relative; padding:12px 0 0 15px;} #enter_form div {padding:3px 0 6px;} #enter_form label {color:#FFF; float:left; width:60px;} #enter_form input.txt {border:1px solid #93C; height:15px; width:100px; font-size:12px; color:#93C; float:left; margin-right:10px;} h1 {font-size:14px; line-height:18px; font-weight:normal;} .jopa2 h1 {font-size:14px; line-height:15px; font-weight:normal;} .blue_cool { color: #55B3E3; font: italic normal normal 22px/22px Georgia, 'Times New Roman', Times, serif; margin: 19px 0px 17px; } ul.glossary li {float:left; list-style:none inside;} .tgreenb {color:#6FCE11; font-weight:bold;} #partner { position:absolute; width:150px; height:45px; top:40px; /*right:-134px;*/ right:23px; } .main-content .manufacturer h1 { font-family:Arial,Helvetica,sans-serif; margin:0 0 10px 0; font-size:23px; font-weight:normal; } div.furrghtd td a { margin-bottom: 200px; } #ya_share1 {position: absolute; right: 5px; top:5px;} #ya_share1 img {margin:0 !important} #more_manufacturers span {border-bottom: 1px dashed #3D9DCE; color: #3D9DCE; cursor: pointer} .main-content h1 { font-family:Arial,Helvetica,sans-serif; font-style:italic; margin: 0 0 10px 0; font-size: 23px; font-weight: normal; color: #55B3E3; margin: 19px 0 17px; } .manufacture-inner h2 { color: #6FCE11; font-size:24px; font-weight:normal; } .main-content form.main-filter-cont-form { padding:0; } .main-content form.main-filter-cont-form select { width:50px; display:none; } .main-content form.main-filter-cont-form select.priceSort { width:120px; display:inline; } .main-content form.main-filter-cont-form div { padding:0; } .main-content form.main-filter-cont-form .main-filter-cont { margin:10px 0; } .main-content form.main-filter-cont-form .main-filter-cont p.fltr { position:relative; z-index:10; height:35px; margin-bottom:0; } .main-content form.main-filter-cont-form .main-filter-cont p.fltr span.open-filter { color:#666; border-bottom:1px #666 dashed; cursor:pointer; position:absolute; top:10px; left:15px;} .main-content form.main-filter-cont-form .main-filter-cont p.fltr span.active { text-decoration:none; color:#3D9DCE; border-bottom:none; } .main-content form.main-filter-cont-form .main-filter-cont div.filter-cont { position:relative; border:1px solid #7bc2e5; padding:35px 20px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); background:#fff url(/images/filter-linear-grad.gif) left bottom repeat-x; margin-top:-33px; z-index:1; } .main-content form.main-filter-cont-form .main-filter-cont div.absHidden { position:absolute; top:-5000px; left:-5000px; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont span.close {display:block; text-decoration:underline; background:url(../images/delete.gif) left center no-repeat; padding-left:20px; width:72px; text-align:left; color:#999; cursor:pointer; position:absolute; top:10px; right:0; height:16px; line-height:14px;} .main-content form.main-filter-cont-form .main-filter-cont .filter-cont span.active {background:url(../images/delete1.gif) left center no-repeat; text-decoration:none;} .main-content form.main-filter-cont-form .main-filter-cont .filter-cont a.submit, .main-content form.main-filter-cont-form .main-filter-cont .filter-cont a.filter-clear {display:block; float:right; font-size:14px; font-weight:bold; text-decoration:none; background:url('../images/sub_order-bg.gif') left top no-repeat; width:166px; height:20px; padding:4px 0 0; text-align:center; margin:10px 0 0 5px;} .main-content form.main-filter-cont-form .main-filter-cont .filter-cont a.submit:hover, .main-content form.main-filter-cont-form .main-filter-cont .filter-cont a.filter-clear:hover {color:#0d7bae;} .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table { background:none; width:100%; margin:0; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td { background:none; width:50%; vertical-align:top; padding:0; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td div { white-space:normal } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td div p { margin:10px 0 0 0; padding:0; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td div p span { cursor:pointer; margin-right:10px; color:#666; border-bottom:1px #666 dashed; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td div p span.active { text-decoration:none; color:#3D9DCE; border-bottom:none; background:none; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td.manufactures{border-right:1px solid #55b1e2;} .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td.manufactures div { margin-right: 20px; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td strong { color:#6FCE11; font-weight:bold; font-style:italic; font-size:14px; line-height:20px; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td label { cursor:pointer; line-height:22px; width: auto; display: inline; float: none; font-style:oblique; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#55b3e3; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont table td label input { top: 2px; position: relative; margin-right:0px; cursor:pointer; } /*.main-content form.main-filter-cont-form .main-filter-cont .filter-cont p.fltr { position:absolute; top:10px; left:10px; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont p.fltr span.close-filter { color:#666; border-bottom:1px #666 dashed; cursor:pointer; } .main-content form.main-filter-cont-form .main-filter-cont .filter-cont p.fltr span.active { font-weight:bold; text-decoration:none; color:#3D9DCE; border-bottom:none; }*/ form.jqtransformdone label{ margin-top:2px; margin-right: 8px; display: block; float:left; width: 150px; } form.jqtransformdone div.rowElem{ clear:both; padding:15px 0px; } /*hover*/ button.jqTransformButton_hover span span { background-position: left -33px ; } button.jqTransformButton_hover span { background-position: right -33px ; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; } /* IE 6 */ * html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; } /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { /* background: transparent url(img/input/input_text_left.gif) no-repeat left top; */ height: 20px; padding: 0px; float:left; } .jqTransformInputInner { /* background: transparent url(img/input/input_text_right.gif) no-repeat top right; */ padding: 0px; margin: 0px; } .jqTransformInputInner div { height: 20px; border:1px solid #dcf2c8; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height: 15px; vertical-align: middle; height: 22px; color:#404040; border: none; margin: 0px; background:#f2fee7; padding: 2px 0 0 4px; overflow: hidden; cursor: pointer; } /* IE6 */ * html .jqTransformInputInner div input { padding: 6px 0 0 0; margin: 0 0 0 -8px; height:24px; } /* Ie7 */ *+ html .jqTransformInputInner div input { padding: 6px 0 0 0; margin-left:-10px; height:24px; } /*hover*/ .jqTransformInputWrapper_hover{ background-position: left -31px ;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} /*focus*/ .jqTransformInputWrapper_focus{ background-position: left -62px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: -2px; height: 38px; padding-left: 4px; } /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { /* width: 40px; */ position:relative; height: 20px; background: url(/images/jqtransform/select-left.gif) no-repeat top left; float:left; } .jqTransformSelectWrapper div span { /*width:40px;*/ font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 20px; line-height: 15px; padding: 3px 0 0 4px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 18px; height: 20px; background: url(/images/jqtransform/select-right.gif) no-repeat center center; } .jqTransformSelectWrapper ul { position: absolute; min-width: 66px; top: 20px; left: 0; list-style: none; background-color: #FFF; border: solid 1px #CCC; /* display: none; */ margin: 0px; padding: 0px; height: 135px; overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 2px 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; } .jqTransformSelectWrapper ul li { position:relative; overflow:hidden; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4; color: #fff; } .jqTransformHidden {display: none;} .priceFilter .t { float:left; margin-left:10px; line-height:20px; } .priceFilter span.t { font-style:oblique; color:#55b3e3; font-family:Arial, Helvetica, sans-serif; font-size:14px; } .main-content form.main-filter-cont-form div.skinTypeFilter { padding-left:20px; } .main-content form.main-filter-cont-form div.hairTypeFilter { padding-left:20px; } .main-content form.main-filter-cont-form div.priceFilter { padding-left:10px; } .hidden { display:none; } .main-content form input.error, .main-content form select.error, .main-content form textarea.error { border:1px solid #C33 !important; } .main-content form input.ok, .main-content form select.ok, .main-content form textarea.ok { border:1px solid #3C3 !important; } span.ok_check, span.ok_check2 { position:relative;} span.ok_check img{ top: -4px; position: absolute; right:0; } span.ok_check2 img { top: -66px; position: absolute; right:0; } .nowrap { white-space:nowrap; } span#price { padding:5px 10px; } span.sortsel { background:#94DEFE; color:#fff; font-weight:bold; padding-right:15px; } .ui-autocomplete { max-height: 400px; overflow-y: auto;overflow-x: hidden; padding-right: 2px; width:240px; font-size:12px; font-style: oblique; border-color:#b5e0f5; background:#F4FBFD; } .ui-autocomplete li.ui-menu-item { margin-top:2px; } .ui-autocomplete li.ui-menu-item a { cursor:pointer; border-bottom:1px solid #D9F0FA; border-top:1px solid #F4FBFD; border-left:1px solid #F4FBFD; border-right:1px solid #F4FBFD; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius:0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .ui-autocomplete li.ui-menu-item a.ui-state-hover { border-bottom:1px solid #3d9dce; border-top:1px solid #3d9dce; border-left:1px solid #3d9dce; border-right:1px solid #3d9dce; margin:0; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius:6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } /*.ui-autocomplete li.ui-menu-item a { }*/ .psearch { margin-top: -4px; padding-bottom: 4px; position:relative; } /* .psearch span.searchAjax { text-decoration:none; cursor:pointer; border-bottom:1px dashed; } */ .psearch span#Bcat { position:absolute; display:block; border:1px solid #7bc2e5; padding:4px 7px 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); background:#fff url(/images/filter-linear-grad.gif) left bottom repeat-x; top: -5px; left: 68px; z-index:1; } .psearch span.hidden { display:none !important; } .psearch span#Bcat span { /*display:block;*/ cursor:pointer; color:#666; border-bottom:1px dashed; line-height:17px; } .psearch span.hover { border-bottom:none !important; } .psearch span#Bcat span.active { color:#3D9DCE; } div#galleria { position:relative; padding-top:20px; float: left; width: 170px; } div#galleria img { margin:0; padding:0; } #galleria { position:relative; } /*#galleria .items .item { position:relative; }*/ .main-content table.item-thumbs { position: relative; background:none; border:none !important; margin: 5px 5px 0; width:192px; } .main-content table.item-thumbs tr, .item-thumbs td, .item-thumbs th { border:none !important; background:none; padding:1px; vertical-align:middle; text-align:center; } .main-content table.item-thumbs td { /*width:33%;*/ } .main-content table.item-thumbs a img { margin:0; border:2px solid #F4FBFD; } .main-content table.item-thumbs a.hover img { border:2px solid #b5e0f5; } .main-content table.item-thumbs a.active img { border:2px solid #3d9dce; } .clearing { clear:both; } a.opener { z-index:1000; position:relative; cursor:url('/images/zoomin.cur'), pointer !important; } #loadingOverlay { width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background:#000; display:none; cursor:url('/images/zoomout.cur'), pointer; } .main-content #gallery { width:500px; height:600px; position:fixed;top:0; left:0; padding:10px 25px; background:url('/images/gallerybgC.png') 0 0 no-repeat; display:none; z-index:1001; } .main-content #gallery p { width:500px; height:500px; text-align:center; cursor:pointer;vertical-align: middle; position:relative; } .main-content #gallery p span.close { width:60px; height:60px; position:absolute; top:-10px; right:-20px; background:url('/images/galleryclose.png') 22px 22px no-repeat; } .main-content #gallery p img { background:50% 50% no-repeat; cursor:url('/images/zoomout.cur'), pointer !important; } .main-content #gallery span.item-name { background:#3D9DCE; color:#fff; position:absolute; bottom:-25px; left:-21px; padding:5px; width:530px; text-align:left; line-height:20px; cursor:default; } .main-content #gallery img { margin:0; } .main-content #gallery .smalls { text-align:center; overflow:hidden; } .main-content #gallery .smalls a { padding:0 40px; line-height: 68px; font-size: 68px; } .main-content #gallery .smalls a img { border-bottom: 4px #F4FBFD solid; padding:33px 16px 8px; height:50px; } .main-content #gallery .smalls a:hover img { border-bottom: 4px #B5E0F5 solid; } .main-content #gallery .smalls a.active img { border-bottom: 4px #3D9DCE solid; } /* Форма заказа звонка */ #call-order-form { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; display:none; z-index: 1000; cursor:pointer; } #call-container1 { display:none; position:absolute; top:0; left:0; z-index:1001; background:url('../images/phone-order.png') 0 0 no-repeat ; width:220px; padding:12px 20px 20px; } #call-container1 span#close1 { width:60px; height:60px; position:absolute; top: -17px; right: -19px; background:url('/images/galleryclose.png') 22px 22px no-repeat; cursor: pointer; z-index:2; } #call-container1 label { display:block; margin-bottom:2px; } #call-container1 input.txt { border: 1px solid #999; width:215px; } #call-container1 input.text-captcha { width:50px; text-align:center; } #call-container1 img.asimg { width:80px; height:20px; position: absolute; top: 18px; left: 59px;} #top .top-panel .menu .right_strip #call-container1 p.call-order-header { font:italic normal 22px/22px Georgia, "Times New Roman", Times, serif; color:#55B3E3; padding:0; margin:0 0 10px 0; position:relative; z-index:1; } #call-container1 div { margin-bottom: 10px; position:relative; } #top .top-panel .menu .right_strip #call-container1 a.send { display: block; width: 119px; height: 20px; background: url(../images/sub_send-bg.gif) left top no-repeat; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; padding: 4px 0 0; margin:3px auto 5px; color:#3D9DCE; position:absolute; bottom:0; left:40px; } #top .top-panel .menu .right_strip #call-container1 a.send:hover { color:#0d7bae } #call-container1 span#message { display:block; /*height:35px;*/ } #call-container1 span.imp { background:none; color:#C33; font-weight:bold; } #call-container1 span.imp-good { background:none; color:#3C3; font-weight:bold; } #order-call { position:relative; height: 246px; } span#phone-order { position:relative; border-bottom:1px dashed #fff; cursor:pointer; } span.hover { border-bottom:0 !important; } .left_col .left-af { top:-6px; }