.accordions {  }
.accordions input.accordion { display: none }                
.accordions input.accordion + label { margin-bottom: 10px; cursor: pointer; display: block; border: 1px solid #dddddd; background: #eeeeee; padding: 5px 10px; color: #848484; font-weight: bold; position: relative }
.accordions input.accordion + label span { font-weight: normal; font-size: 80% }
.accordions input.accordion + label:after { content: "+"; position: absolute; top: 5px; right: 10px }
.accordions input.accordion + label:hover { color: #333333 }  
.accordions input.accordion ~ .panel { display: none; padding:  0 10px 10px 10px; font-size: 90% }
.accordions input.accordion:checked + label { background: #ffffff; color: #333333 }
.accordions input.accordion:checked + label:after { content: "-" }
.acco2rdions input.accordion:checked ~ .panel { display: block }

.accordions #tab_cat:checked ~ .tab_cat.panel,
.accordions #tab_line:checked ~ .tab_line.panel,
.accordions #tab_size:checked ~ .tab_size.panel,
.accordions #tab_material:checked ~ .tab_material.panel,
.accordions #tab_neck:checked ~ .tab_neck.panel,
.accordions #tab_cap:checked ~ .tab_cap.panel,
.accordions #tab_volume:checked ~ .tab_volume.panel,
.accordions #tab_diameter:checked ~ .tab_diameter.panel { display: block }

input.text { width: 100%; display: block; border: 1px solid #dddddd; background: #eeeeee; padding: 7px 10px; color: #848484 }

a.category { display: block; position: relative; background: #ffffff url("../images/bg_category.png") repeat-x left bottom }
a.category:hover { opacity: 0.8 }
a.category .title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(64, 64, 65, 0.4); color: #ffffff; padding: 10px 0; font-size: 0.9em; text-transform: uppercase; text-align: center }
a.category .title { font-weight: bold }