@charset "utf-8";
/* Copyright (c) 2008 by Grafica Studio | http://www.grafica.kz */

BODY
    {
    padding: 0 3% 3% 3%;
    //padding-bottom: 0;
    font: 12px/16px Verdana, Tahoma, Arial, sans-serif;
    color: #333;
    min-width: 990px;
    }

A
    {
    color: #06c;
    }
A:visited
    {
    color: #969;
    }
A:hover
    {
    color: #c00;
    text-decoration: none;
    }

TD
    {
    vertical-align: top;
    }

TABLE.cont, DIV.cont
    {
    width: 100%;
    margin-bottom: 1.8em;
    }
TD.colr
    {
    width: 250px;
    }

.main-head-table
    {
    margin-bottom: 0 !important;
    height: 168px;
    }

#logo-pic-main
	{
    background: url(/i/main-logo.jpg) no-repeat;
    height: 226px;
    }

#logo-pic-company
    {
    background: url(/i/company-logo.jpg) no-repeat;
    }

.head-div
    {
    padding-top: 2.2em;
    }

.col,
.col2,
.col3,
.col5, .col5-last,
.col15
    {
    float: left;
    width: 30%;
    //width: 28%;
    margin-right: 3%;
    }
.col2
    {
    width: 63%;
    //width: 62%;
    }
.col3
    {
    width: 96%;
    //width: 95%;
    }
.col15
    {
    width: 46%;
    //width: 44%;
    }
.col5, .col5-last
    {
    width: 48.5%;
    //width: 44%;
    }
.col5-last
    {
    margin-right: 0;
    }
.col5, .col5-last, .colbr, #show-link, #show-link-block
    {
    //position: relative;
    }

#left-card
    {
    padding-bottom: .7em;
    }

#logo-width
    {
    width: 26%;
    //width: 24%;
    //margin-right: 2%;
    }

A.flink
    {
    text-decoration: none;
    border-bottom: 1px dashed #06c;
    }
A.flink:visited
    {
    color: #06c;
    border-color: #06c;
    }
A.flink:hover
    {
    color: #c00;
    border-color: #c00;
    }	

H1
    {
    font-size: 1.9em;
    line-height: 1.2em;
    font-weght: bold;
    margin: .3em 0 .5em 0;
    }
H1 EM, H2 EM
    {
    font-size: .6em;
    font-style: normal;
    }
H1 EM
    {
    color: #999;
    }

H2
    {
    font-size: 1.3em;
    margin-bottom: .4em;
    margin-top: .9em;
    }

.h
    {
    display: none;
    }

.first
    {
    margin-top: 0 !important;
    }

HR
    {
    display: none;
    }

.gray
    {
    color: #666;
    }

/* строка поиска */
#search, #search TABLE
    {
    width: 100%;
    }
#as
    {
    height: 2em;
    //height: 1em;
    }
#search TD
    {
    background: url(/i/search-bg.gif) repeat-x #f63;
    padding-top: 1.4em;
    padding-bottom: .6em;
    color: white;
    }
#search-title
    {
    float: left;
    width: 32%;
    //width: 31%;
    margin-right: 1%;
    text-align: right;
    font-size: .7em;
    }
#search-title H1
    {
    margin: 0;
    }
#search-title SPAN
    {
    font-size: .7em;
    }
#search-line
    {
    float: left;
    width: 66%;
    //width: 65%;
    }
#search-line A
    {
    color: white;
    border-color: white;
    }
#search-line SMALL
    {
    display: block;
    margin-top: .5em;
    }
#region-chk
    {
    display: block;
    float: left;
    margin: .1em .4em 0 0;
    //margin: -.2em 0 0 -.3em;
    }
#region-select
    {
    font-size: 1em;
    }
#search-input
    {
    width: 100%;
    }
#search INPUT
    {
    font-size: 1.5em;
    padding: .1em;
    }
.s-submit
    {
    margin-top: .25em;
    padding: .2em;
    font-size: 1em !important;
    width: 60px;
    height: 25px;
    }

INPUT.subscribe_button
    {
    width: 100px;
    height: 25px;
    }

/* список разделов */
.cat-list
    {
    margin-bottom: 1.5em;
    }
.cat-list H3
    {
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: .2em;
    }
.cat-list A
    {
    color: #333;
    text-decoration: none;
    }
.cat-list A:hover
    {
    color: #c00;
    text-decoration: underline;
    }
.cat-list H3 A
    {
    color: #06c;
    text-decoration: underline;
    }
.cat-list H3 A:hover
    {
    color: #c00;
    text-decoration: none;
    }
.cat-list EM {font-size: .8em;}
.subcat-list
    {
    margin-top: .9em;
    }

/* подвал */
#footer
    {
    border-top: 1px solid #999;
    float: left;
    width: 100%;
    margin-top: 4em;
    padding-bottom: 2em;
    //padding-bottom: 0;
    padding-top: .9em;
    font-size: .9em;
    }
#footer TD
    {
    padding-right: 1em;
    padding-bottom: .5em;
    }
#footer TD A
    {
    color: #f63;
    }
#footer TD A:hover
    {
    color: #c00;
    }
#footer TD.name
    {
    color: #666;
    }
#footer TABLE
    {
    float: left;
    }
#footer P
    {
    position: relative;
    float: right;
    width: 250px;
    }
#footer A IMG
    {
    left: 0;
    position: absolute;
    top: 2px;
    }
#footer DIV
    {
    padding-top: 1.8em;
    clear: both;
    text-align: center;
    color: #666;
    }

/* r-star — см. оригинал на http://artlebedev.com/tools/technogrette */
.r-star
    {
    position:relative;
    overflow: hidden;
    }
.r-star .cn
    {
    font-size: 1px;
    position:absolute;
    height:6px;
    width:6px;
    float: left;
    left:-3px;
    top:-3px;
    background:url(../i/star.png);
    
    }
.r-star .cn.tr, .r-star .cn.br
    {
    margin-left:100%;
    }
.r-star .cn.bl, .r-star .cn.br
    {
    top:auto;
    margin-top: -3px;
    }

/* диалог выбора региона */
.region-select
    {
    float: left;
    background-color: #999;
    border: 0px solid #999;
    padding: 3px;
    position: absolute;
    z-index: 10;
    }
.region-select BR
    {
    display: none;
    }
.region-select DIV {
    background: #f5f5f5;
    padding: 5px 0;
    border: 1px solid #ddd;
    margin-top: -6px; 
    margin-left: -6px;
    position: relative;
    right: 0;
    //float: left;
    }
.region-select DIV A
    {
    position: relative;
    display: block;
    padding: .3em 1em;
    font-size: .9em;
    text-decoration: none;
    margin: 0 -1px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    }
.region-select DIV A:hover
    {
    background: #0066FF;
    color:#FFF;
    border-left: 1px solid #0066FF;
    border-right: 1px solid #0066FF;
    }
.region-select A.close
    {
    margin-top: 10px;
    margin-bottom: -6px;
    background: #F99;
    color:#FFF;
    border-left: 1px solid #F99;
    border-right: 1px solid #F99;
    text-align: right;
    }
.region-select DIV A.close:hover
    {
    background: #C33;
    color:#FFF;
    border-left: 1px solid #c33;
    border-right: 1px solid #c33;
    }

/* шапка */
#header
    {
    font-size: .9em;
    }

UL.top-links LI
    {
    margin-bottom: .5em;
    }

.comp_num
    {
    color: #690;
    }

/* разделитель */
.divider
    {
    border-top: 1px dotted #999;
    clear: both;
    margin-top: 1.8em;
    margin-bottom: 1.8em;
    }

/* сортировка */
.sort-by
    {
    font-size: .9em;
    }
.sort-by LI
    {
    display: block;
    float: left;
    margin: 1em 1em 0 0;
    }
.sort-by .active
    {
    background-color: #ccc;
    padding: .5em;
    margin-top: .5em;
    //margin-top: .6em;
    }
.sort-by .first
    {
    margin-left: -.5em;
    margin-top: .5em !important;
    //margin-top: .6em !important;
    //position: relative;
    }

/* фильтр по региону */
.region-by STRONG, .region-by .select
    {
    font-size: .9em;
    }
.region-by .select
    {
    float: left;
    font-size: .9em;
    margin-top: .5em;
    padding: .5em;
    background: url(../i/down.gif) no-repeat 94% 11px #CF9;
    cursor: pointer; cursor: hand;
    color: black;
    padding-right: 29px;
    }

/* фильтр по скидке */
/*.disc-by DIV
    {
    font-size: .9em;
    float: left;
    margin-top: 1em;
    }
.disc-by SPAN, .disc-by LABEL
    {
    display: block;
    float: left;
    }
.disc-by INPUT
    {
    margin: .2em .5em 0 0;
    //margin-top: 0;
    }*/

/* список компаний раздела */
.companies
    {
    margin-top: 1.8em;
    /* margin-right: -2%; */
    }
.companies LI
    {
    display: block;
    float: left;
    width: 100%;
    margin-top: 1.3em;
    }
.companies .wd
    {
    margin-top: 1.9em;
    }
.companies P
    {
    float: left;
    width: 30%;
    //width: 29%;
    margin-right: 3%;
    }
.companies EM
    {
    color: #666;
    font-style: normal;
    }
*html .companies .name
    {
    position: relative;
    }
.companies .name A
	{
    float: left;
    margin-right: 7em;
    }
.companies SUP
    {
    padding: .1em .2em;
    font-weight: normal;
    float: left;
    margin-left: -8em;
    //margin-left: -6.5em;
    margin-top: -1em;
    //position: absolute;
    }

/* переключатели страниц */
.pages SPAN
    {
    margin-left: 1em;
    }
.pages SPAN STRONG
    {
    background-color: orange;
    padding: .5em;
    }

/* скидочные стили */
.disc, .disc:visited
    {
    color: #f90;
    }
SUP.disc, LI.disc, .ir-disc
    {
    background-color: #f90 !important;
    color: white;
    }
.ir-disc
    {
    font-size: .9em;
    padding: .05em .25em;
    float: left;
    margin-top: .5em;
    }

/* курсы валют */
#currency
    {
    font-size: 1.3em;
    margin-top: .7em;
    text-align: right;
    }
#currency .name
    {
    width: 5em;
    font-weight: bold;
    text-align: left;
    padding-bottom: .3em;
    }
#USD
    {
    color: #6c3;
    }
#EUR
    {
    color: #f66;
    }
#RUB
    {
    color: #9cf;
    }

/* погода */
#weather
    {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 2em;
    }
#w-now, #w-next
    {
    font-variant: small-caps;
    }
#w-now STRONG
    {
    font-size: 2em;
    font-weight: normal;
    }
#w-next STRONG
    {
    font-size: 1.5em;
    font-weight: normal;
    }

/* текстовое содержимое */
.text-content UL, .text-content OL, UL.text-content, OL.text-content
	{
	margin-top: .9em;
	}
.text-content LI
    {
    margin: 0 0 .9em 2em;
	list-style-type: disc;
    }
.text-content OL LI
    {
    list-style-type: decimal;
    }
.text-content P,
.search-results,
TABLE.price
    {
    margin-bottom: .9em;
    }

/* результаты поиска */
.search-results SMALL
    {
    color: green;
    }

/* просмотр компании */
.company
    {
    margin-bottom: 3em !important;
    }
.company H1
    {
    float: left;
    width: 100%;
    margin-bottom: .9em;
    }
*html .company H1
    {
    float: none;
    width: auto;
    /* заставляет IE расчитывать высоту этого блока по высоте содержимого, так что margin-bottom этого блока работает нормально */
    height: 1%;
    //position: relative;
    }
.company H1 SPAN
    {
    float: left;
    line-height: 1.1em;
    margin-right: 6em;
    position: relative;
    }
.company H1 IMG
    {
    position: absolute;
    top: -2.1em;
    right: -90px;
    }
.company H1 SUP
    {
    float: left;
    display: block;
    margin-left: -10em;
    //margin-left: -5.9em;
    margin-top: -1em;
    //margin-top: -.5em;
    padding: .3em;
    font-size: .6em;
    //position: relative;
    }
.announce
    {
    background-color: #fc6;
    margin-left: -.8em;
    //margin-left: 0;
    }
.announce .inner
    {
    padding: 1em .8em .5em .8em;
    }
.announce .subscribe
    {
    padding: 0 .8em 1em .8em;
    font-size: .9em;
    }
.announce .subscribe-wide
    {
    padding: 1em .8em 1em .8em;
    }
.announce.main
    {
    margin: 1.8em 0;
    }
.company-photos-block A
    {
    display: block;
    height: 190px;
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
    position: relative;
    }
.company-photos-block IMG
    {
    background-color: white;
    }
.company-photos-block A IMG
    {
    padding: 2px;
    border: 1px solid #ccc;
    }
.company-photos-block A:hover IMG
    {
    border: 1px solid #FF3300;
    }
.price TD
    {
    padding-bottom: 5px;
    padding-top: 10px;
    }
.price TD.title
    {
    padding-left:10px;
    }
#c-prod
    {
	margin-top: 2em;
    color: #f66;
    }
#c-gallery
    {
    color: #6c3;
    }
#c-about
    {
    color: #9cf;
    }
#c-discount
    {
    float: left;
    width: 100%;
    color: white;
    text-align: center;
    background-color: #f90;
    }
#c-discount .inner
    {
    padding: 1em;
    }
#c-discount .disc
    {
    line-height: 1.1em;
    font-size: 3em;
    color: white;
    }
#c-discount-info
    {
    clear: both;
    padding-top: .5em;
    //padding-top: 0;
    //margin-top: -.1em;
    text-align: center;
    }
#c-tools
    {
    float: left;
    padding-top: 0 !important;
    text-align: left !important;
    }
#header-company
    {
    border-bottom: 3px solid #ccc;
    position: relative;
    padding-top: 3em;
    margin-top: -14em;
    margin-bottom: 4em;
    font-size: .9em;
    }
#header-company INPUT
    {
    font-size: 1.5em;
padding: .1em;
    }
#header-company #search-input
    {
    width: 96%;
    }
#header-company UL
    {
    border-left: 1px dotted #ccc;
    padding-left: 1.5em;
    }
#header-company LI
    {
    margin-bottom: .5em;
    }
*html #close-header
    {
    padding: 0;
    }

/* счетчик */
#self-counter { text-align:center; border: 1px solid #999; margin-bottom: 1em; padding: 15px 0; }
*html #self-counter { margin-top: 0;  }
#self-counter TABLE { padding-bottom: 0; }
#self-counter TABLE TD { background: url(/i/counter-bg.gif) no-repeat; width:25px; height:30px; color:#FFF; font-size: 1.9em; text-align:center; vertical-align:middle; font-weight:bold; }

/* выравнивание по центру - см. artlebedev.ru/tools/technogrette */
.ac
    {
    position: relative;
    width: 100%;
    }
.atr
    {
    position: relative;
    right: 50%;
    float: right;
    }
.atl
    {
    position: relative;
    z-index: 1;
    right: -50%;
    }

/* New list */
.half
    {
    float: left;
    width: 44%;
    padding: 0 3% 30px 5px;
    margin-bottom: -10px;
    //margin-bottom: -15px;
    margin-top: 15px;
    }

.company-name
    {
    margin-left: 30px;
    //margin-left: 15px;
    width: 42%;
    }

.disc-left
    {
    position: absolute;
    left: 17px;
    //left: 15px;
    }
.disc-left-main
    {
    position: absolute;
    width: 3.5em;
    text-align: right;
    left: -4.5em;
    }
.disc-left, .disc-left-main
    {
    background: #f90;
color: #FFF;
font-size: .9em;
padding: 0 3px;
    }

.bg-zebra
    {
    float: left;
    background: white;
    width: 98%;
    }

.filled
    {
    background: #F5F5F5;
    }

/* Комментарии */
#c-comment
	{
	color: #f41;
	padding-top: 15px;
	}

DIV.comment
	{
	width: 550px;
	padding-bottom: 5px;
	padding-top: 5px;
	}

DIV.comment P
    {
    margin-left: 20px;
    margin-top: 5px;
    }

DIV.comment TABLE
    {
    margin-left: 20px;
    margin-top: 5px;
    //margin-left: 0;
    //margin-top: 0;
    }

TD.input
	{
	padding: 0 0 10px 10px;
	}

DIV.comment A
	{
	margin: 0;
	padding: 0;
	}

#c-commentResponse
    {
    float: left;
    width: 550px;
    text-align: center;
    background-color: #f4f3f4;
    }

.commentResponse
	{
	padding: 1em;
	}

#form
	{
	border-top: 1px dotted #666;
	margin-top: 10px;
	padding-top: 22px;
	}

.input-text
    {
    font-size: 16px; padding: 4px;
    }

P.hidden
    {
    color: #A0A0A0;
    }

DIV.allcomments
    {
    padding: 0 0 25px 0;
    margin: 0;
    }

DIV.allcomments A { height: 0; }

#how-to-card { color: #33CC66; }

.new-discounters
    {
    padding-bottom: 1em;
    }
.new-discounters LI
    {
    position: relative;
    margin-left: 2em;
    padding: .5em 0 .2em 0;
    }

.login-main
    {
    padding: 0 0 0 0;
    }

.login-main-input
    {
    margin: .5em 0 0 0;
    font-size: 1.4em;
    padding: .2em;
    }
.login-main-btn
    {
    margin: .5em 0 0 0;
    font-size: 1.4em;
    }

.emptyField
    {
    margin: .5em 0 0 0;
    font-size: 1.4em;
    padding: .2em;
    color: #C0C0C0;
    }

.irec
    {
    border: 1px solid #9c6;
    width: 98%;
    margin: 1.5em 0 1.5em 0;
    position: relative;
    }
.irec TABLE {width: 100%;}
.irec TD {padding: 1.5em;}
.irec .head, .irec .how
    {
    background-color: #fff;
    padding: .3em .5em;
    position: absolute;
    left: 1em;
    top: -1em;
    }
.irec .head, .irec .how A {color: #693;}
.irec .how
    {
    left: auto;
    top: auto;
    right: 1em;
    bottom: -1em;
    }

.tag1
    {
    line-height: 1.6em;
    color:#06C;
    font-size:18px;
    }
.tag2
    {
    line-height: 1.6em;
    color:#2e7cca;
    font-size:15px;
    }
.tag3
    {
    line-height: 1.6em;
    color:#6699cc;
    font-size:12px;
    }
.tag4
    {
    line-height: 1.6em;
    color:#85a8cc;
    font-size:9px;
    }
.tag5
    {
    line-height: 1.6em;
    color:#a1b7cd;
    font-size:9px;
    }

DIV.disCards
    {
	position:absolute; 
	left:-20px;
	top:-70px;
	background: #fff;
	border: 1px solid #AAA;
	padding:10px;
	display:none;
	cursor:pointer;
	 z-index: 100;
    }

DIV.disCards SPAN.name
    {
	display: block;
	width: 190px;
	color: #000;
	font-size: .9em;
	padding-bottom: 5px;
    }

DIV.disCards SPAN.close
    {
	position: absolute;
	left: 199px;
	top: 3px; 
	font-size: 18px;
	color: #FF0000;  
    }

DIV.disCards IMG
    {
	width:200px;
	height:125px;
	padding:0;
	margin:0;
    }