/* 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 .reset { padding: 4px 10px; vertical-align: top; }
table.controls .reset a { display: block; float: left; padding: 0 ; 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.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; border: 1px solid #2C1919; }

/* alternative view */

table.productsgrid { width: 100%; border-spacing: 0 1px; }
table.productsgrid td, table.productsgrid th { border: none; }
table.productsgrid td { vertical-align: middle; text-align: center; background: transparent url('/templates/default/img/grid_border.png') 0 bottom repeat-x;}
table.productsgrid th { background: #e0e0e0; padding: 10px; border-bottom: #fff 1px solid }
table.productsgrid th .articul { font-style: normal; font-weight: 400; font-size: 10px; }

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

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: 0; }
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; }
table.productsgrid td.prop { background-color: #f4f7f7; width: 3%; }
table.productsgrid td.prop2 { background-color: #eef2f2; width: 3%; }

table.productsgrid .price { color: #2c1919; font-size: 12px; float: none; margin-top: 18px; line-height: 20px; }
table.productsgrid .price .price { margin: 0; float: none; }
table.productsgrid .price i { font-style: normal; font-size: 14px; font-weight: 800; }
table.productsgrid .price .optprice i { font-style: normal; font-size: 12px; font-weight: 400; }
table.productsgrid .buy-info { width: 95px; float: right; margin: 0 20px 0 10px; }
table.productsgrid .buy-info .count { margin-top: -10px; position: relative; }

.sectinfo { margin: 5pt 0; }

.sectinfo2 { margin: 5pt 0; }