/* Общее
-------------------------------------------------*/
* { margin: 0; padding: 0; }

html { height: 100%; }

body { position: relative; font: 11px/140% Tahoma, Verdana, Arial; color: #3a3a3a; background: #fff; text-align: center; height: 100%; }
th, td { font-size: 11px; }

h1, h2, h3, h4, h5, h6 { padding: 2em 0 0 0; color: #8a8a8a; font-weight: normal; }
h1 { font: 10px/10px "Arial Narrow", Arial, Tahoma; text-transform: lowercase; }
h2, h3 { font-size: 1.8em; height: 25px; }

form input.text, form select, form option { font: 11px Tahoma, Verdana, Arial; color: #A8A8A8; }

p { padding: 0.5em 0; }

a { color: #0193C6; text-decoration: underline; }
a:hover { color: #0193C6; text-decoration: none; }

.clear { display: block; clear: both; height: 1px; }
.off { display: none; }

.button { display: block; float: left; border:0; width:56px; height:21px;margin: 1em 0; background: #A0A0A0 url(/media/img/search.gif) no-repeat 0 0; height: 21px; }

.large { font-size: 1.1em; }

#center { position: relative; margin: 0 auto; text-align: left; width: 980px; min-height: 100%; height: auto !important; height: 100%; }

.cat-out {background:url(/media/img/button.gif) no-repeat 0 12px;height:34px;width:220px;}
.cat-over {background:url(/media/img/button1.gif) no-repeat 0 12px;height:34px;width:220px;}

/*table.catalog td a{background:url(/media/img/button1.gif) no-repeat 0 0;height:22px;width:186px;}
table.catalog td a:hover {background:url(/media/img/button.gif) no-repeat 0 0;height:22px;width:186px;}*/
/* Шапка
-------------------------------------------------*/
#header { position: absolute; top: 0; left: 0; width: 100%; height: 242px; }

#logo { position: absolute; top: 111px; left: 30px; padding-right: 27px; border-right: 1px solid #ccc; height: 30px; }

#header h1 { position: absolute; top: 87px; left: 214px; width: 120px; }

#phone { margin-left: 347px; color: #fff; background: #08A2D8 url(/media/img/header-bg.jpg) repeat-x 0 0; border-top: 63px solid #fff; width: auto; height: 124px; }
#phone .bgpic { float: right; background: url(/media/img/header-bg-pic.jpg) no-repeat 0 0; width: 440px; height: 124px; }
#phone .num { position: absolute; top: 100px; left: 420px; padding: 9px 47px 0 0; font: 32px/32px "Arial Narrow", Arial, Tahoma; background: url(/media/img/phone-bg.gif) no-repeat 300px 0px;width:230px; border:0px solid #999;}
#phone .num span.sup { display: block; float: left; position: relative; top: -6px; margin-right: 5px; font-size: 12px; }

#navbar { position: absolute; top: 187px; background: #F0F9FC; width: 100%; height: 55px; }
#navbar ul { margin-left: 367px; padding-top: 12px; }
#navbar ul li { list-style: none; float: left; font-size: 1em; line-height: 1.3em; background: url(/media/img/item.gif) no-repeat 0 0.6em; width: 14.2%; voice-family: "\"}\""; voice-family: inherit; width: 23.2%; }
#navbar ul li a { margin-left: 12px; }

#other { position: absolute; top: 182px; left: 0; background: #fff; border-top: 5px solid #F0F9FC; width: 347px; height: 55px; }
#valuta { float: left; margin-top: 2px; margin-left: 30px; font-size: 10px; background: url(/media/img/crop2.gif) repeat-x 0 26px; width: 110px; height: 40px; }
#valuta a.green { display: block; float: left; clear: both; margin-bottom: 5px; margin-right: 15px; padding-top: 1px; padding-bottom: 3px; color: #fff; background: #8BCF08; text-align: center; width: 50px; }
#valuta span { display: block; float: left; margin-top: 2px; }
#pogoda { float: right; margin-top: 4px; margin-right: 7px; font-size: 10px; background: url(/media/img/crop2.gif) repeat-x 0 24px; width: 184px; }
#pogoda span { display: block; float: left; margin-right: 12px; margin-bottom: 5px; text-transform: uppercase; height: 19px; }
#pogoda span.region { clear: both; margin-right: 5px; text-transform: none; }
#pogoda  a { display: block; float: left; }

#search { position: absolute; right: 20px; top: 20px; margin: 0; padding: 0 0 0 20px; border-left: 1px solid #CBCBCB; height: 22px; }
#search p { padding: 0; }
#search input.text { float: left; margin-right: 7px; border: 1px solid #CBCBCB; height: 21px; voice-family: "\"}\""; voice-family: inherit; padding: 3px 0; height: auto; }
#search .button { margin-top: 0; }

#icons { position: absolute; top: 0; right: 205px; padding: 0; }
#icons span, #icons a { display: block; float: left; margin-right: 40px; text-align: center; width: 12px; }
#icons span, #icons a:hover { border-bottom: 3px solid #08A2D8; height: 63px; voice-family: "\"}\""; voice-family: inherit; height: 60px; }
#icons a { height: 63px; }
#icons span img, #icons a img { margin-top: 23px; }

#place { display: block; position: absolute; top: 20px; left: 30px; font-size: 11px; }
#place a { color: #a8a8a8; text-decoration: none; }
#place a:hover { color: #a8a8a8; text-decoration: underline; }
#place .small { font: 13px "Arial Narrow", Arial, Tahoma; color: #c1c1c1; }
#place .small a, #place .small a:hover { color: #c1c1c1; text-decoration: none; }

/* Контент
-------------------------------------------------*/
#indcontent { float: left; margin-top: 242px; width: 100%; }
#primarycontent { float: left; margin-top: 242px; margin-bottom:153px; width: 100%; }
#wrapper { float: left; width: 100%;min-height:700px; }
#indexwrapper { float: left; width: 100%; }

#content { margin-left: 245px; margin-right: 50px; margin-bottom: 30px; }
#content h2{padding-bottom:5px;}
#content h2.tenyears { background: url(/media/img/10years.gif) no-repeat 7em 1.2em; height: 80px; voice-family: "\"}\""; voice-family: inherit; height: 48px; padding-bottom:0; }
#content h2 a.small { display: inline-block; position: relative; top: -2px; margin-left: 15px; font-size: 11px; }

#content .blue { position: relative; margin-top: 20px; margin-bottom: 10px; padding: 10px; background: #F0F9FC; }
#content .blue .voskl { display: block; position: absolute; right: 70px; top: -19px; background: url(/media/img/voskl.jpg) no-repeat 0 0; width: 51px; height: 41px; }

#content .pages span { margin: 0 2px; padding: 0 4px; color: #fff; background: #8BCF08; border-bottom: 1px solid #8BCF08; }
#content .pages a { margin: 0 2px; }

#leftnav { margin-left: -35px; margin-bottom: 20px; padding-left: 35px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; background: #F0F9FC; line-height: 18px; }
#leftnav li { list-style: none; }
#leftnav li span { margin-left: -1px; font-weight: bold; }

#content .product { margin: 1em 0; }
#content .product img.fleft { float: left; margin-bottom: 1em;  }
#content .product h3 { margin-left: 251px; margin-bottom: -14px; padding: 0; font-size: 1.5em; }
#content .product p { margin-left: 251px; }

select.filter { font: 10px "Arial Narrow", Arial, Tahoma; color: #707070; }
select.filter option.selected { color: #000; }

#content .vacantion { float: left; margin-top: 0.75em; margin-bottom: 2em; width: 320px; }

table.lastnews { margin-top: 0.2em; margin-left: -20px; margin-right: -20px; }
table.lastnews td { padding: 5px 20px; background: url(/media/img/crop.gif) repeat-y right; vertical-align: top; }
table.lastnews td.last { background: none; }
table.lastnews td a { font-weight: bold; }

table.catalog { margin: 1em 0; width: 680px; voice-family: "\"}\""; voice-family: inherit; width: 100%; }
table.catalog th { background: #F0F9FC; }
table.catalog th, table.catalog td { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; text-align: left; }
table.catalog td.bold { font-weight: bold; }

form.sort { margin: 2em 0; }
form.sort p strong { display: block; margin-bottom: 5px; font-size: 15px; font-weight: normal; }
form.sort p select { color: #888; height: 19px; }
form.sort p select.category { display: block; float: left; margin-right: 15px; width: 370px; }
form.sort p select.marka { display: block; float: left; margin-right: 15px; width: 170px; }
form.sort .button { float: left; margin-top: 0; }

/* Левая часть
-------------------------------------------------*/
#left { float: left; margin-top: 25px; margin-left: -100%; padding-left: 35px; width: 185px; height:400px; }

#left .block { margin-top: 15px; margin-bottom: 15px; border: 0px solid green; }

#pricelist { display: block; margin-left: -15px; padding-bottom: 25px; background: url(/media/img/crop2.gif) repeat-x left bottom; border: 0px solid red; }
#pricelist .bgpic { float: left; background: url(/media/img/excell.gif) no-repeat 11px 0; line-height: 50px; width: 65px; height: 47px; }
#pricelist p { margin-left: 75px; margin-right: 10px; padding: 9px 0 0 0; font-size: 0.9em; line-height: 120%; }

#bonus { margin-left: -5px; padding-top: 120px; background: url(/media/img/bonus.gif) no-repeat 0 20px;}
#bonus p { margin-left: 5px; line-height: 110%; }
#bonus a { font-size: 0.9em; }

/* Левая часть
-------------------------------------------------*/
#footer { position: absolute; bottom: 0; background: #F0F9FC; width: 100%; height: 147px; }
#razetka { position: absolute; top: -11px; right: 185px; background: url(/media/img/razetka.jpg) no-repeat 0 0; width: 166px; height: 158px; }
#contacts { position: absolute; top: 30px; left: 390px; }
#contacts span { display: block; }
#contacts p strong { font-size: 15px; font-weight: normal; }
#copyright { position: absolute; bottom: 0; background: #fff; width: 340px; height: 153px; }
#copyright p { padding-top: 40px; padding-left: 50px; }
#copyright p span { display: block; }
#infodev { position: absolute; bottom: 37px; right: 30px; }