body  { color: #222222; font-size: 80%; line-height: 120%; font-family: Arial, Geneva, sans-serif }
.name { font-size: 120%; color:teal; font-weight:bold }
.promo-h { color:red; font-weight:bold; font-size: 120% }
.value { font-size: 120%; font-weight:bold}
.promo .value { color:red }
.img { margin-right: 5px; margin-left: 5px }
.img-error { display:none }
.product { clear: both; margin-bottom:10px }
.manuf { border:1px solid black; margin:3px; padding:2px; color:white; background-color:teal; font-weight:bold; line-height:2 }
.attr-name { font-weight: bold; vertical-align:top; white-space:nowrap }
a img { border:0 }
ol.pics { margin-left:5px; margin-right:5px; padding-left:43px; padding-top:0px; padding-bottom:0px; padding-right:0px; position:relative }
.odd .img, .odd ol.pics { float: right }
.even .img, .even ol.pics { float: right }
ol.pics .img { float: none; margin:0 }
ol.pics li { display:block; margin:0; padding:0; padding-bottom:3px; border:0; width:43px; position:absolute; left:0px; background-repeat:no-repeat }
ol.pics li:hover { z-index:20 !important }
ol.pics li div { background-color:white; position:absolute; left:43px }
.header { background-color:#eeeeee; border-top:1px solid black; clear:both; line-height:1.2 }
.attr-name.odd, .attr-values.odd { background-color:#ffffff }
.attr-name.even, .attr-values.even { background-color:#d4ecff }