
/* subsection list */

.subsections { line-height: 150%; padding-left: 10px; border: 1px solid #dedede;}
.subsections a { font-weight: bold; text-decoration: none;}
.subsections a:hover { text-decoration: underline; }

.subsection .list {}

.subsectio .tdtsec {}

/* controls */

table.controls { width: 100%; background: #edeeef; border: 1px solid #dedede; color: #3d4041; line-height: 12pt; }

table.controls .charname { width: 1%; padding: 4px 10px 4px 10px; vertical-align: top; white-space: nowrap; }

table.controls .charsel { padding: 4px 0 4px 0; }

table.controls .charsel ul { list-style-type: none; padding: 0; margin: 0; }
table.controls .charsel ul li { float: left; margin: 0 0 3px 6px; }
table.controls .charsel ul li a { display: block; float: left; padding: 0 5px 0 5px; color: #3d4041; white-space: nowrap; }
table.controls .charsel ul li.active a { background: #92db3b; }

/* sort and pagination */

.naviblock { width: 100%; margin: 10px 0; font-size: 11pt;  }
.naviblock a { color: #344041; }
.naviblock a:hover { text-decoration: none; }



.naviblock .sort {  }
.naviblock .sort b { font-weight: normal; margin-right: 10px; }
.naviblock .sort a {}
.naviblock .sort a b { margin: 0; font-weight: bold; font-size: 9pt; }
.naviblock .sort a.active { font-weight: bold; }

.naviblock .pagination { float: right; }
.naviblock .pagination ul { list-style-type: none; margin: 0; padding: 0; text-align: right; }
.naviblock .pagination ul li { float: left; margin: 0 0 0 10px; }
.naviblock .pagination ul li a { display: block; float: left; font-size: 12pt; line-height: 18pt; padding: 0 8px 0 8px; }
.naviblock .pagination ul li.active a { background: #dcddde; }

/* product list */

table.products { width: 100%; }
table.products td { vertical-align: top; }

table.products tr td { border-bottom: 1px solid #c0c0c0; padding-bottom: 10pt; }

table.products th { text-align: left; font-size: 11pt; font-weight: normal; padding-bottom: 10px; padding-top: 15pt;  }
table.products th a { text-decoration: none;  }
table.products th a:hover { text-decoration: underline;  }

table.products td.picture { width: 115px; }

table.products td.description { padding: 0 10px 0 10px; } 
table.products td.description .articul { font-style: italic; }

table.products td.prices { width: 130px; text-align: left; padding-right:50px; }

.prices .price { white-space: nowrap; font-size: 10pt; line-height: 15pt; }
.prices .price i { font-style: normal; color: #0189a6; }
.prices .count { white-space: nowrap; }
.prices .count input { margin: 5px 0 5px 4px; width: 30px; vertical-align: middle; height: 13pt; }

/* alternative view */

table.productsgrid { width: 100%; border-collapse: collapse; }
table.productsgrid td, table.productsgrid th { border: 1px solid #a0a0a0; }
table.productsgrid td { vertical-align: middle; text-align: center; }
table.productsgrid th { background: #e0e0e0; padding: 10px; }

table.productsgrid td.img { width: 90pt; }
table.productsgrid td.name { width: 20%; padding: 7px 0 5px 7px; text-align: left; vertical-align: top; }

table.productsgrid td.name a { text-decoration: none;  }
table.productsgrid td.name a:hover { text-decoration: underline;  }

table.productsgrid td.img a.pic { display: block; margin-top: 5px; }
table.productsgrid td.name .articul { margin-top: 4pt; }
table.productsgrid td.prices { width: 5%; vertical-align: middle; padding-bottom: 5px; }
table.productsgrid td.r1 { border-right: none; padding-top: 7px; padding-left: 7px; }
table.productsgrid td.r2 { border-left: none; padding-right: 7px; }

.sectinfo { margin: 5pt 0; }

.sectinfo2 { margin: 5pt 0; }

