/*----------------------------------------------------------------------------- РуТепло Screen Stylesheet version: 1.0 date: 03.05.07 author: Alexander Chuprin email: a.s.chuprin@gmail.com website: www.chuprin.com -----------------------------------------------------------------------------*/ /* Global ---------------------------------------------------------- */ * { padding:0; margin:0; } html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } html, body { width: 100%; height: 100%; } body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFF; background: #565554; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 15px 0; font-size: 1em; } li, dd, blockquote { margin-left: 30px; } h1 { font-size: 1.9em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: -1px; } h2 { font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } /* Table */ table { width: 100%; border-collapse: collapse; border: 0; background: #303030; } table td { padding: 10px; vertical-align: top; border: 1px solid #404040; border-bottom: 2px solid #404040; } table td a { color: #FFF !important; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .last { border-bottom: none; border-right: none; margin-right: 0; background: none; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .middle { vertical-align: middle; } .fleft { display: block; float: left; } .fright { display: block; float: right; } /* Images */ img.fleft { margin: 0 10px 6px 0; } a img, span img { vertical-align: middle; } /* Text */ p { line-height: 1.7em; } .small { font-size: 0.85em; } .white { color: #FFF !important; } .gray { color: #afafaf; } /* Links ---------------------------------------------------------- */ a img { border: 0; } a:link, a:visited { color: #ffee8d; text-decoration: underline; } a:hover, a:focus, a:active { color: #ffee8d; text-decoration: none; } /* Layout ---------------------------------------------------------- */ #container { min-width: 995px; width:expression(document.body.clientWidth > 995? "auto" :"995px"); } #wrapper { clear: both; float: left; width: 100%; } #header { height: 373px; background: url(../images/bg/header_bg.jpg) repeat-x; overflow: hidden; text-align: center; } #nav { position: relative; height: 65px; background: url(../images/bg/logo_bg.jpg) no-repeat #404040; } #panel { height: 36px; } #content { margin-left: 25%; margin-top: 30px; } #sidebar-left { float: left; width: 227px; margin-top: 26px; margin-left: -100%; } #clear { clear: left; width: 100%; height: 25px; } #footer { height: 52px; border-bottom: 10px solid #303030; background: #FFF; } /* Header ---------------------------------------------------------- */ #header div { height: 100%; background: url(../images/header.jpg) 50% 0 no-repeat; } /* Menu ---------------------------------------------------------- */ #logo { position: absolute; left: 21px; width: 173px; height: 102px; background: url(../images/logo.jpg) no-repeat; } #logo a { display: block; height: 100%; text-indent: -99999px; } #menu { margin-left: 205px; } #menu ul { margin: 0; } #menu ul li { float: left; margin: 0; list-style-type: none; line-height: 65px; } #menu ul li a { display: block; padding: 0 12px; //padding-top: 22px; font-size: 17px; letter-spacing: -1px; color: #fff; text-decoration: none; text-align: center; font-family: Helvetica, Arial, sans-serif; white-space: nowrap; } /* Panel ---------------------------------------------------------- */ #search { float: left; width: 48%; height: 36px; background: url(../images/bg/corner_right.gif) 100% 0 no-repeat #FFF; } #search form, #search fieldset { margin: 0; border: 0; } #search form { text-align: right; padding: 5px 6px 0 0; } #search label { color: #000; } #search div { position: relative; float: right; } * html #search input { vertical-align: middle; } #search-input { height: 19px; padding-left: 3px; margin: 0 10px 0 0; border: 1px solid #a5a5a5; } #search-submit { width: 47px; height: 26px; border: 0; background: url(../images/buttons/b_search.gif) no-repeat; cursor: pointer; } label.overlabel { color:#999; } label.overlabel-apply { position:absolute; top: -10px; left:5px; z-index:1; color:#999; } #contacts { float: right; width: 27%; height: 36px; //height: 26px; padding-left: 23px; line-height: 36px; //padding-top: 10px; border-right: 4px solid #c40000; background: url(../images/bg/corner_left.gif) no-repeat #FFF; color: #000; } #contacts a { color: #000; } #contacts span { margin: 0 10px; } #contacts img { vertical-align: middle; } /* Content ---------------------------------------------------------- */ .important-block-2 { padding: 15px; background: #404040; border-right: 4px solid #c40000; } .block { padding: 15px; background: #404040; border-right: 4px solid #c40000; line-height: 1.6em; } .news { margin-top: 25px; clear: both; } .news li { float: left; width: 45%; //width: 43%; margin: 0 10px 30px 10px; border: 1px solid #7b7b7b; list-style-type: none; } .news li div { position: relative; min-height: 110px; height: 110px; margin: -1px 0 0 -1px; width: auto; //width: 90%; padding: 12px 10px 10px 40px; background: url(../images/bg/news_bg.gif) no-repeat; font-size: 0.85em; text-align: justify; } .news li h6, .news li p { margin: 0; } .news li h6 { text-align: right; margzin-bottom: 6px; } .news li a { color: #FFF !important; } .product-action { float: right; padding: 15px 20px; margin: 0 0 70px 20px; background: #303030; text-align: center; line-height: 1.9em; } /* Sidebar (Left) ---------------------------------------------------------- */ #catalog { padding-left: 22px; } #catalog ul { margin: 0; } #catalog ul li { margin: 2px 0; list-style-type: none; line-height: 38px; text-align: right; padding-right: 32px; background: url(../images/bg/menu_item_bg_right.gif) 100% 0 no-repeat #303030;/*border:1px solid green;*/} #catalog ul li a {display: block; //width: 85%; text-align: right; color: #FFF; } #catalog ul li b { display: block; //width: 85%; text-align: right; color: #ffee8d; } .basket a { color: #ffee8d !important; } .basket span { padding-left: 21px; background: url(../images/icons/icon_basket.gif) 0 60% no-repeat; } #catalog ul li a:hover, #catalog ul li.active a { color: #ffee8d; } .important-block-l { padding: 10px 0 10px 15px; background: #404040; border-left: 4px solid #c40000; } .important-block-l h2 { margin-top: 0; padding-right: 20px; } .important-block-l p { line-height: 1em; } /* Footer ---------------------------------------------------------- */ #copyright { float: left; width: 147px; height: 38px; margin-right: 5px; padding: 14px 77px 0 0; background: url(../images/bg/corner_right_red.gif) 100% 0 no-repeat #c40000; text-align: right; font-size: 0.8em; } #copyright span { color: #eb7474; } #copyright a { color: #FFF; } #map { float: right; width: 28px; height: 52px; background: url(../images/bg/corner_left_red.gif) no-repeat; } #map a { display: block; height: 100%; background: url(../images/icons/icon_map.gif) 65% 50% no-repeat; text-indent: -99999px; } #footer-menu ul { margin: 0; } #footer-menu ul li { float: left; margin: 0; padding: 0 10px; list-style-type: none; line-height: 52px; } #footer-menu ul li a { color: #000; } /* update 1 by y2k */ /* currency convertor form */ #form_convertor select { width: 110px; margin: 0; padding: 0; } #form_convertor input { font-size: 12px; margin: 0; padding: 0; } .product_pic { border: 4px solid #C40000; } #navigation { float: right; text-align: right; height: 5px; } #form_convertor select { width: 110px; } #form_convertor input { font-size: 12px; } .block ul { margin: .2em 0 0em 2em; list-style-type: none; } .tree_menu ul { margin: .2em 0 0em 2em; list-style-type: none; } .advertising { font-size: 75%; } .price { white-space: nowrap; } .price big, small { font-weight: bold; color: #fff; } .price big, span { font-size: 120%; } .price small { font-size: 90%; margin-bottom: 10px; } .price span { color: #afafaf; } .ico { float: left; } .products a, .desc a { color: #ffee8d !important; } .js_lnk {white-space: nowrap; padding-top: 1em; } .dup_nav li { float: left; margin-left: 20px; list-style-type: circle !important; } .home { list-style-image: url('/img/interface/home.gif'); } #navigation { float: right; text-align: right; height: 5px; } /* update 2 by y2k */ ins { text-decoration: none; } fieldset, form, label { border: none; } .asterisk { color: #c40000; } .required label:after { content: '*'; color: #eb3d00; } .warning { padding: 0 .5em; border: 1px solid red; } #js .pseudo-link { border-bottom: 1px dashed; cursor: pointer; color: #ffee8d; } #js .pseudo-link:hover { color: #ffee8d; } .required label:after { content: '*'; color: #c40000; } .feedback-box { background: #404040; } .feedback-box { width: 210px; } .feedback-box form { width: 190px; } .feedback-box dl { margin: 0; padding: 0; } .feedback-box dd { margin: .2em 0 .8em; } .feedback-box input, textarea { width: 100%; } .feedback-box input.button { width: auto !important; } .feedback-box p { margin-bottom: .8em; } .feedback-box .warning { margin: .8em 15px .8em 0; padding: .2em; } .captcha-box { margin-bottom: .8em; } .captcha-box .pseudo-link { display: none; } #js .captcha-box .pseudo-link { display: inline-block; -user-select: none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; } /* IE <=7 */ .required label ins { color: #c40000; } .required label { behavior: expression( !this.required ? (this.required = this.innerHTML += '*') : '' ); }