@charset "UTF-8";

/* 
Document   : i.css
Created on : 19 вер 2008, 18:00:20
Author     : roman.platonov
Description:
Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/*
Изменение ширины выпадающих списков
*/
#selblock .cat {/*категории*/
    width: 14em;
    z-index:10;
}
#selblock .size {/*типоразмер*/
    width: 5em;
    z-index:9;
}
#selblock .dev {/*производители*/
    width: 6em;
    z-index:8;
}


html,body{
    min-height:100%;
    margin:0px;padding:0px;
    font-family: Tahoma, Verdana, Arial;
    min-width:1000px;
}
html{
    background:#c4c3ae url("/images/bg.jpg") no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
#wrapper{
    position:absolute;
    top:0px;left:0px;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    min-width:1000px;
}
#fwrapper{
    top:0px;
    width: 100%;
    min-height:856px;min-width:1000px;
    margin: 0 auto;
}
#topline {
    position: absolute;
    top:42px;left:0px;
    height:95px; width:100%; 
    min-width:1000px;
    background-image: url("/images/hor_line.jpg");
    background-repeat: repeat-x;
}
#logo {
    position:relative;
    float:right;
    right:12%;
    height:95px; width:278px;
    z-index:10;
}
#logo img{
    border:none;
}
#logo a{
    text-decoration:none;
}
#menu {
    position:absolute;
    top:200px; left:10%;
    height: 30px;width:80%;
    min-width:800px;
    z-index:10;
}
#menu *{
    font-size: 22px;
    color:black;
}
#menu ul{
    margin:0px;padding:0px;
    list-style:none;
}
#menu li{
    float:left;
    margin-right:40px;
}
#menu .current{
    border-bottom:2px dotted black;
}
#menu a, #menu a:visited {
    display: inline-block;
    text-decoration:none;
}
#menu a:hover{
    border-bottom:2px dotted black;
}

#mainf{
    padding:307px 0px 117px 0px;
    margin:0px auto 0px 10%;
    width:80%;
    min-width:800px;
    color: #cccccc;
    min-height:470px;
}
#blackbackground{
    position:absolute;
    top:307px;bottom:117px;left:10%;
    width:80%;
    min-height:470px;min-width:800px;
    background:black;
    z-index:-1;
}
#db{
    margin:0px;
    padding:0px;
    background-color: black;
    height:auto;
    min-width:800px;
    overflow:hidden;
}
#db2{
    padding:0px 50px;
    font-size:14px;
    min-height:470px;
    overflow:hidden;
}
#db2 a{
    color:white;
}
#bottomline{
    position: absolute;
    bottom:40px; right:0px;
    height:1px; width:100%;
    font-size:0px;
    background-color:#feda00;
}
#mdlogo{
    position:absolute;
    right:10%; bottom:0px;
    height:22px; width:105px;
}
#mdlogo a{
    text-decoration:none;
}
#mdlogo img{
    border:none;
}
#catselector table{
    border-collapse:collapse;
    margin:0 auto;
    font-size: 22px;
}
#catselector td.space{
    height:17px;
    font-size:1px;
}

.selbut{
    height: 51px;
    width: 340px;
    margin: 5px;
    font-size: 13px;
    background:#242424 url("/images/selbutbg.png") no-repeat;
    overflow:hidden;
}
.selbut a {
    color: #cccccc;
    text-decoration:none;
}
.selbut img{
    border:none;
    width:115px;
}
.selbut div {
    float:left;
    width: 120px;
    height:51px;
    margin-left:10px;
    margin-right:15px;
    text-align:center;
}

.item{
    float: left;
    height: 240px;width: auto;
    margin-right: 15px;
    color:white;
}
.item table tr td{
    vertical-align: top;
    line-height:97%;
}
.item img{
    float:left;
    height:216px;width:152px;
    margin-right:10px;
    border:2px solid #CCCCCC;
}
.itemDescriptionpane{
    display:table;
    font-size:14px;
    padding:0px;
    margin:0px;
}
.itemDescriptionpane span{
    padding:0px;
    margin:0px;
}
.descname{
    color:#838383;
    font-size:10px;
}
#selblock{
    margin-bottom:25px;
    overflow:visible;
}
#selblock h1, #db h1{
    margin-left:-10px;
    margin-top:0px;
    color: white;
    font-weight: lighter;
    font-size:32px;
}
#selblock .descname{
    padding:0px 20px 3px 10px;
    font-size: 13px;
}
#selblock p{
    padding:0px;
    margin:0px 0px 0px 15px;
    color:white;
    font-size:XX-small;
}

#selblock ul {list-style: none;float:left;}
#selblock li {float:left; position: relative; height:19px; background: none;}
#selblock li {display:inline;}
#selblock .btop {
    height:19px;
    width:9px;
    background: white url("/images/rounded_l.gif") left no-repeat;
}

#selblock li.top {
    padding-right: 15px;
    color:black;
    background: white url("/images/arrow_down.gif") right no-repeat;
}
#selblock li ul {
    display: none;
    max-height:260px;
    width:auto;
    position: absolute;
    top:19px;left:0px;
    text-align:left;
    margin:0px;
    padding:5px;
    border:1px solid gray;
    background:white;
    overflow:auto;
}
#selblock li ul li {
    float:none;
    margin:0px;padding:0px;
    background-color: white;
}
#selblock a {color: #fff;text-decoration: none;display: block;}
#selblock li:hover,#selblock li.jshover{}
#selblock li li a {color:black;background: none;}
#selblock li li a:hover {color:black;text-decoration: underline;}
#selblock li:hover ul,#selblock li.jshover ul{display: block;z-index:11;}
#selblock .idev {/*производители*/
    padding-right:0px;
}
#noitem{
    padding:140px 0px 140px;
    text-align:center;
}
.clear{
    clear:both;
}
#srch{
    float: right;
}
#selblock .simg {
    height:19px;
    padding-left: 9px;
    background: white url("/images/rounded_l.gif") left top no-repeat;
}
#selblock .eimg {
    height:19px;
    width:9px;
    background: white url("/images/rounded_r.gif") left top no-repeat;
}
#srch{
}
#srch .descname{
    padding-right:0px;
}
#srch form{
    padding:0px; margin: 0px;
}
#srch p{
    clear:both;
    margin: 0px 0px 0px 0px;
    text-align:center;
}
#srch ul{
    margin:2px;
    padding:0px 0px 0px 25px;
}
#srch input.inpt{
    height:21px;
    padding:0px;
    margin: 0px;
    border:0px solid white;
}
#srch li{
    padding:0px;
    height:18px;
    overflow: hidden;
}
#srch input.q{
    margin:0px;
    width:21px;
    background: black url("/images/srch.png") center no-repeat;
    border:none;
}
#items a{
    text-decoration:none;
}