* { margin:0; padding:0; }
html, body { font-family:Tahoma; font-size:12px; color:#000; background:#fff; }
img { display:block; border:0; }
a { font-family:Tahoma; font-size:12px; color:#000; text-decoration:underline; cursor: pointer;
outline: none;} /*outline: none; removes focus-border in FF */
a:hover { text-decoration:none; }
.plan-center h1 { font-size:18px; color:#fff; font-weight:normal; text-transform:none; line-height:18px; margin:0; }
h1 { font-size:24px; color:#000; font-weight:normal; text-transform:uppercase; line-height:24px; margin-bottom:10px; }
h2 { font-size:24px; color:#000; font-weight:normal; text-transform:uppercase; line-height:24px; margin-bottom:10px; }
h3 { font-size:18px; color:#000; font-weight:normal; text-transform:uppercase; line-height:20px; margin-bottom:25px; }
p { margin-bottom:0px; }
ul, ol { margin-left:25px; }
/* MAIN STYLES */
.main { width:100%; min-width:995px; }
.header { float:left; width:100%; height:85px; background:url(/i/bg-top.jpg) repeat-x; }
.header tr td { padding:11px 0 0 15px; vertical-align:top; }
.telephone { width:246px; color:#fff; font-size:18px; padding:5px 0 0 9px; }
.telephone img { float:left; margin:7px 10px 0 0; }
.header-block { width:220px; color:#fff; font-size:11px; }
.point { float:left; width:22px; height:50px; padding:3px 0 0 10px; }
.workarea { float:left; width:100%; margin-top:31px; }
.workarea tr td { text-align:left; vertical-align:top; }
.workarea td.left-block { width:246px; padding:0 0 25px 24px; }
.content { margin-top:23px; padding-bottom:2px; }
.content-inner { padding-bottom:2px; }
.navigation-chain { padding-left:23px; font-size:11px; color:#6d6e70; line-height:25px; }
/* height:30px; has been removed from nav-chain. i think its better set height to inner el */
.navigation-chain a { font-size:11px; color:#6586c4; }
.footer { float:left; width:100%; height:200px; }
.foot-top { padding-left:40px; }
.foot-top .plan-center { font-size:11px; padding:7px 0 0 14px; color:#000; }
.foot-bottom { margin-top:20px; padding-left:45px; }
.foot-bottom img { float:left; margin-right:1px; }
/* TOP-MENU */
.top-menu { margin-top:28px; }
.top-menu td { text-align:left; } /* tr selector is unnecessary*/
.top-menu td.menu_wrapper { width: 160px; }
.top-menu td img { margin:0 13px 6px 0; }
.top-menu td a { display:block; width:140px; font-size:18px; color:#6685c5; text-decoration:none; line-height:27px; float: left;}
.top-menu td .lvl1menu { display:block; width:140px; font-size:18px; color:#6685c5; text-decoration:none; line-height:27px; float: left;}
.top-menu td a.switcher { display: block; width:20px; height:27px; background:url(/i/point.jpg) right center no-repeat; cursor: pointer;}
.top-menu td a.on { background:url(/i/point-on.jpg) right center no-repeat; }
.top-menu td div.podmenu { margin-bottom:30px; margin-left:15px;}
.top-menu td div.podmenu a { font-size:12px; color:#75767a; line-height:14px; background:none; float:none;}
.top-menu td div.podmenu a:hover { color:#000; }
/* MENU RED & BLUE */
/* .act was added by mike and cursor-name is pointer */
.menu-red { padding-left:22px; margin-top:25px; }
.menu-red a { display:block; width:195px; padding-left:15px; font-size:14px; color:#75767a; text-decoration:none; background:url(/i/menu-red-line.jpg) left repeat-y; line-height:24px; }
.menu-red a span { display:block; width:195px; background:url(/i/price-ico.jpg) 45px 0 no-repeat; cursor: pointer; }
.menu-red a:hover { background:url(/i/menu-red-line-on.jpg) left repeat-y; color:#ec0c16; }
.menu-red div.act { width:195px; padding-left:15px; font-size:14px; background:url(/i/menu-red-line-on.jpg) left repeat-y; color:#ec0c16; }
.menu-blue { padding-left:22px; margin-top:15px; }
.menu-blue a { display:block; width:195px; padding-left:15px; font-size:14px; color:#75767a; text-decoration:none; background:url(/i/menu-blue-line.jpg) left repeat-y; line-height:24px; }
.menu-blue a:hover { background:url(/i/menu-blue-line-on.jpg) left repeat-y; color:#004a65; }
.menu-blue div.act { width:195px; padding-left:15px; font-size:14px; background:url(/i/menu-blue-line-on.jpg) left repeat-y; color:#004a65; }
/* SEARCH */
.search { width:100%; height:117px; background:url(/i/search-bg-fon.jpg) repeat-x; }
.search-left { width:100%; height:117px; background:url(/i/search-bg-left.jpg) left top no-repeat; }
.search-right { width:100%; height:117px; background:url(/i/search-bg-right.jpg) right top no-repeat; }
.fast-menu { float:left; width:100px; height:50px; padding:12px 0 0 23px; }
.fast-menu img { float:left; margin-right:3px; }
.search-block { float:left; clear:both; padding:10px 0 0 23px; }
.search-block img { float:left; }
.search-inp { float:left; width:326px; height:29px; background:url(/i/search-fon.jpg) repeat-x; }
.search-inp input { width:320px; margin:5px 0 0 5px; border:0; }
.search-inp-right { margin-right:10px; }
/* ICQ & DISCONT */
.icq, .discont { margin-top:25px; padding-left:27px; font-size:10px; color:#3f3b3c; line-height:18px; } /* height:30px; тут не нужно, а то текст сползает */
.icq {font-size:12px; }
.icq div{font-size:10px;}
.icq img { display:inline; margin-right:5px; }
.icq span { display:block; float:left; font-size:12px; color:#3f3b3c; }
.discont .enter-discont { float:left; width:97px; height:37px; padding:3px 10px 0 29px; background:url(/i/discont-inp.jpg) top left no-repeat; }
.discont .enter-discont input { width:88px; height:17px; border:0; }
.discont input { float:left; }
/* PLANSHETS */
.plan { width:100%; height:28px; background:url(/i/plan-bg.jpg) top repeat-x; }
.plan-left { float:left; width:11px; height:28px; background:url(/i/plan-left.jpg) no-repeat; }
.plan-center { float:left; height:22px; color:#fff; padding:6px 0 0 14px; }
.plan-right { float:right; width:11px; height:28px; background:url(/i/plan-right.jpg) no-repeat; }
.plan-middle { float:right; width:223px; height:28px; background:url(/i/plan-bg.jpg) top repeat-x; margin:2px 0 2px 0; }
/* SCROLL PANEL */
.scrolling { float:left; padding-bottom:40px; }
.scroll-window { float:left; width:157px; overflow:auto; } /*height:395px;*/
.scroll-window a { display:block; font-size:11px; padding-left:22px; background:url(/i/point.gif) 0 3px no-repeat; margin-bottom:15px; }
.scroll-part { float:left; width:11px; height:495px; }
.scroll-line { width:11px; height:475px; }
.scroll-block { width:11px; height:126px; position:absolute; margin-top:20px; }/*background:url(/i/scroll.jpg);*/
/* CONTENTS */
.main-content-table { width:100%; }
.main-content-table tr td { text-align:left; vertical-align:top; }
.main-content-table tr td.right-block { width:223px; text-align:right; }
.gray-div { padding:2px 0 2px 5px; }
.gray-table { width:100%; }
.gray-left { background:#f3f3f5; padding:11px 23px 25px 17px; }
.gray-left-uzor { background:url(/i/gray-bg-uzor.jpg) left top no-repeat #f3f3f5; padding:20px 23px 25px 17px; }
.white-space { width:18px; }
.gray-right { background:#f3f3f5; width:176px; padding:11px 26px 25px 13px; }
.gray-right-uzor { background:url(/i/gray-bg-uzor.jpg) left top no-repeat #f3f3f5; width:176px; padding:20px 26px 25px 13px; }
.date { font-family:Verdana; font-size:12px; color:#58595b; font-style:italic; line-height:20px; }
.prelojenie { width:100%; }
.predlojenie tr td { font-size:11px; }
.predlojenie tr td.predl-i { padding-right:10px; width:266px;}
.newt { padding:10px; clear:both; width:236px;}
.newt img { float:left; }
.newt input { float:left; }
.arr-l { margin-right:4px; cursor: pointer}
.arr-r { margin-left:4px; cursor: pointer}
.dalee { float:right; font-family:Verdana; font-weight:bold; font-size:10px; text-decoration:none; }
.faq span { font-size:10px; color:#6d6e70; }
/* BASKET */
.basket-left { padding:25px 1px 0 15px; }
.basket-left img { float:left; margin:-5px 5px 0 0; }
.basket-left .or { background:#f3f3f5; margin:2px 8px 0 8px; padding:10px; font-size:11px; line-height:16px; }
.basket-left .or a { font-size:11px; color:#6586c4; }
.price-change { text-align:right; height:42px; padding:0px 50px 0 0; }
.price-change select { width:100px; }
.basket-tab { width:100%; font-size:14px;}
.basket-tab th { background:url(/i/plan-bg.jpg) repeat-x; height:28px; text-align:left; color:#fff;padding-right:10px; }
.basket-tab th a { display:block; color:#fff; text-decoration:none; width:80px; background:url(/i/sort.jpg) right center no-repeat; }
.basket-tab td { padding:5px 10px 5px 0; border-bottom:solid 1px #b8c4e4; vertical-align:top; }
.basket-tab td a { font-size:14px; color:#6586c4; text-decoration:none; }
.basket-tab td b { font-size:18px; line-height:12px; }
.basket-tab td input.price-tab { width:20px; }
.basket-tab td.opt { border-bottom:none; }
.opt strong.total { color:#728ec7; } /* это было не семантично!*/
.opt span { color:#ed1c26; font-size:18px; line-height:18px; }
.form-sp tr td { padding:20px 0 0 20px; line-height:18px; }
.form-sp tr td input { width:220px; border:solid 1px #b8c4e4; }
.form-sp tr td textarea { width:380px; height:100px; border:solid 1px #b8c4e4; overflow:hidden; }
.submit { padding:20px; text-align:center; }
/* CATALOG */
.catalog-it { padding:15px 50px 0px 15px; margin:auto; text-align:center; }
.catalog-it h2 { font-size:18px; color:#9a9b9d; text-transform:none; text-align:left; padding:0 10px 0 10px; }
.it { background:#f3f3f5; margin-bottom:20px; border:1px solid #000; margin:auto; }
.it h2 { color: black; background:#B7C4E4; border-bottom: 1px solid black; text-align:center; margin:0;}
.it-left-top { height:8px; background:url(/i/it-left-top.jpg) left top no-repeat; }
.it-right-top { height:8px; background:url(/i/it-right-top.jpg) right top no-repeat; }
.it-left-bot { height:8px; background:url(/i/it-left-bot.jpg) left bottom no-repeat; }
.it-right-bot { height:8px; background:url(/i/it-right-bot.jpg) right bottom no-repeat; }
.it-center { padding:3px 20px 10px 20px; text-align:center; }
.it-center table { margin:auto; } /*width:90%;*/
.it-center table tr th { text-align:left; }/* padding-bottom:20px; width:25%; */
.it-center table tr td { vertical-align:top; text-align:left; white-space:nowrap; padding-right:10px; }
.it-center table tr td label { line-height:18px; display:block; float:left;}
.question { background:#c1c8e1; position: relative; cursor: pointer; float:right;}
.question a { text-decoration:none; }
.krow { background:#d1d1d2; margin-top:20px; }
.krow-left-top { height:9px; background:url(/i/krow-left-top.jpg) left top no-repeat; }
.krow-right-top { height:9px; background:url(/i/krow-right-top.jpg) right top no-repeat; }
.krow-left-bot { height:9px; background:url(/i/krow-left-bot.jpg) left bottom no-repeat; }
.krow-right-bot { height:9px; background:url(/i/krow-right-bot.jpg) right bottom no-repeat; }
.krow-center { text-align:center; }
.cat-text { padding:0 50px 15px 15px; }
.cat-text-bottom { padding:50px 50px 15px 15px; padding-top:5px;}
.cat-text-bottom a { color:#6586c4; }
.cat-tt a { font-size:14px; font-weight:bold; }
.pager { width:100%; margin-top:50px; }
.search-pager .pager { margin:0px 0 25px;}
.pager a { font-size:11px; color:#6586c4; text-decoration:none; white-space: nowrap;}
.pager tr td { text-align:center; }
.pages { width:225px; margin:auto; }
.pages a { float:left; display:block; width:18px; height:16px; margin-right:2px; border:solid 1px #d1e3ea; }
.pages span { float:left; display:block; width:18px; height:16px; margin-right:2px; border:solid 1px #85898f; color:#85898f; }
.cloud {
width:179px;
height:118px;
padding:30px;
background:url(/i/cloud.png) no-repeat;
//background-image:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/cloud.png',sizingMethod='scale');
position:absolute;
cursor: pointer;
}
#tooltip.tooltip {
background:url(/i/cloud.png) no-repeat;
width:179px;
height:118px;
padding:30px;
margin-left:-20px;
}
#tooltip.tooltip.viewport-right {
background: url('/i/cloud2.png') no-repeat;
margin:0px;
margin-right:-20px;
}
.tooltip .body { height:110px; overflow:auto; }
/* FAQ */
table.faq { margin:25px 0 0 20px; font-size:14px; }
table.faq span { font-size:11px; line-height:20px; }
table.faq a { color:#6586c4; font-size:14px; }
table.faq tr td.number { padding:22px 15px 0 0; color:#75767a; font-size:11px; }
.f-div { background:#b8c4e4; margin:25px 0px 15px 15px; color:#fff; width:100%; } /* set width instead of margin */
.f-div h2 { font-size:18px; color:#fff; text-transform:none; }
.f-top-left { height:6px; background:url(/i/f-top-left.jpg) left top no-repeat; }
.f-top-right { height:6px; background:url(/i/f-top-right.jpg) right top no-repeat; }
.f-bot-left { height:6px; background:url(/i/f-bot-left.jpg) left bottom no-repeat; }
.f-bot-right { height:6px; background:url(/i/f-bot-right.jpg) right bottom no-repeat; }
.f-center { padding:5px 20px 0 20px; }
.f-center .submit { padding-top:10px; width:354px; text-align:center; }
.f-center table { width:100%; font-size:14px; }
.f-center table tr td { padding-right:20px; }
.f-center table tr td .input { width:210px; border:solid 1px #fff; }
.f-center textarea { width:374px; height:142px; border:solid 1px #fff; overflow:auto; }
/* added */
table.faq div { margin-bottom:20px; }
table.faq .signature { font-size:11px; line-height:20px; color:#6d6e70; }
table.faq p { margin-bottom:0; }
.faq a.question { color:#6586C4; text-decoration:underline; cursor:auto; font-weight: bold; background:none;float:left;}
.faq a.question_act { color:#000; text-decoration: none;}
/* SEARCH PAGE */
.search-results { margin:25px; }
.zapros { font-size:14px; padding-bottom:30px; }
.results { font-size:14px; margin-bottom:25px; line-height:24px; }
.results .shapk { color:#75767a; padding-bottom:5px; }
.results .number { color:#75767a; padding-right:10px; font-size:11px; line-height:18px; }
.results a { color:#6586c4; font-size:14px; }
/* TOVAR PAGE */
.tovar { width:100%; margin-top:0px; }
.tovar tr td { padding-right:10px; }
.mark { width:290px; border-collapse: collapse; } /* border:1px solid #b8c4e4; */
.mark tr td { text-align:center; } /*border:1px solid #b8c4e4; }*/
.mark tr td.textl { text-align:left; border-left:0; border-top:0;}
.mark tr td.textr { text-align:right; border-right:0; border-top:0;}
/* .mark tr td { border-bottom: 1px solid #b8c4e4; } */
.mark tr td.imago { padding:60px 20px 60px 20px; vertical-align:middle; border:none;}
.imago img { margin:auto; }
.mark tr td.mark-name { font-size:18px; color:#7e7f83; padding:4px 0 4px 24px; border-bottom: 0;}
.mark tr td.mark-price { font-size:11px; color:#7e7f83; font-weight:bold; padding:10px 0 4px 24px;
border-top: 0; border-bottom: 0; }
.mark-price span { font-size:18px; color:#000; }
.tovar input.price-tab { width:20px; margin-left:30px; }
.ff { padding:10px; }
.char { width:100%; }
.char tr td { text-align:left; vertical-align:top; font-size:11px; line-height:18px; padding-left:10px; }
.char-top { font-size:14px; color:#7e7f83; font-weight:bold; padding:2px 0 15px 0; }
.char tr.grayd { background:#f3f3f5; }
.ird { margin-top:20px; }
.ird strong { font-size:14px; color:#7e7f83; font-weight:bold; }
.ird a { font-size:14px; color:#6586c4; }
.force1 { margin-top:20px; }
.force-top { height:37px; border-bottom:solid 1px #b8c4e4; }
.force-top a { display:block; float:left; width:139px; height:25px; padding:11px 36px 0 40px; font-size:14px; font-weight:bold; color:#6586c4; background:url(/i/point.gif) 19px 13px no-repeat; white-space:nowrap;}
.force-top a.leg { background:url(/i/point-leg.jpg) no-repeat; width:139px; height:25px; }
.force-top span{ color:#000; text-decoration:none;}
.otz { margin:25px 0 0 20px; font-size:11px; }
.otz strong { font-size:14px; color:#7e7f83; }
.otz tr td.number { padding:2px 15px 0 0; color:#75767a; font-size:11px; }
.security img {margin: 12px 0 0 2px;}
.security input {width:140px;}
/* DOP STYLES */
.float-l { float:left; margin-right:10px; }
.float-r { float:right; margin-left:10px; }
.hidden {display: none;}
.error {color: red; text-align: center;}
.selected{ background:#B7C4E4; }
#ajax_loading { position: fixed; top: 10px; right: 10px; }
span.old_price{color:red; font-size:12px; text-decoration:line-through;font-weight:bold;}
.basket-tab td .old_price{color:red; font-size:12px; text-decoration:line-through;font-weight:bold;}
.pages span.nob {border:none;width:20px;height:18px;}
.left-block p { margin-bottom:20px; }
#faq_search {width:50%;}
#user_info {margin-top:55px;}
.otz div {padding: 0 0 20px 0; overflow: hidden; width:690px;}
.icq p{margin-bottom:0;}
/* highlight search text*/
.results strong {color:red; font-weight:bold; }
.highlight, table.faq span.highlight, .faq span.highlight { color:red; font-weight:bold; font-size:14px;}
#feedbackFormControl {text-decoration: none; border-bottom: 1px dashed #6586C4;
color:#6586C4; font-size:14px; font-weight:bold;}
#feedbackFormControl.selected { background:#F3F3F5; }
#feedbackResponse{margin:25px 50px 15px 15px;}
.basket-tab img{display:inline;}
.imago img.goods_detail_flag{ margin-top:-45px; }
.workarea tr td.g_desc {white-space:nowrap; text-align:center;}
.workarea tr td.g_name {color:#6586C4; white-space:nowrap; }
.workarea tr td.g_name a, .workarea tr td.g_name span {color:#6586C4; float:left; font-size:14px;}
.workarea tr td.g_name span {margin-right:10px;}
.workarea tr td.g_name img {float:left; margin-top:1px;}
.basket-tab tr td{vertical-align:middle;}
.basket-tab tr td.opt {vertical-align:top;}
#catalog_content .cat-tt a { font-weight:normal; font-size:12px;}
.faq p {margin:0;}
.faq .question_in_list{font-weight:bold;}
/* Calculate */
.calc_wrapper{ background:#f3f3f5; margin-bottom:20px; }
.calc { text-align:left; padding-left:30px; }
.calculate { width:100%; float:left; color:#75767a; }
.calculate tr td { padding:0 10px 10px 0; }
.calculate input { width:208px; height:19px; border:solid 1px #b8c4e4; }
.virt { float:left; padding:20px 0 0 30px; font-size:18px; color:#000; text-align:left; width: 90%}
.virt span { color:#ec0c16; }
.cl { clear:both; }
.it-center table tr td {padding-right:0;}
#filter_form label {margin-right:3px; padding-right:3px;}
#filter_form label input{float:left;margin-top:3px;margin-right:4px;}
.red{color:red}
.green{color:green}
.menu-red div.act a{ background:none; padding-left:0}
.menu-blue div.act a{ background:none; padding-left:0}
sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }
/* top-menu2 */
.top-menu2 { margin-top:28px; }
.top-menu2 td { text-align:left; } /* tr selector is unnecessary*/
.top-menu2 td.menu_wrapper { }
.top-menu2 td img { display:inline; vertical-align:bottom; }
.top-menu2 td a { display:block; font-size:18px; color:#6685c5; text-decoration:none;
line-height:27px; padding-bottom:5px;}
.top-menu2 td .lvl1menu { display:block; font-size:18px; color:#6685c5;
text-decoration:none; line-height:27px; float: left;}
.top-menu2 td a.switcher { display: block; width:20px; height:27px;
background:url(/i/point.jpg) right center no-repeat; cursor: pointer;}
.top-menu2 td a.on { background:url(/i/point-on.jpg) right center no-repeat; }
.top-menu2 td div.podmenu { margin: 5px 0 30px 0; padding-left:15px;}
.top-menu2 td div.podmenu a { font-size:12px; color:#6586C4; line-height:14px; background:none;
float:none; text-decoration:underline; padding-bottom:0;}
.top-menu2 td div.podmenu a:hover { text-decoration:none; }
/* при включении сортировки таблицы товаров добавляются классы, которые имею свои стили */
.basket-tab th.header { float:none; width:auto; }