/* DIV-Boxen */

#centerCol_2Col { margin: 0 0 0 148px; padding: 0 0 0 6px; background-color: #fff; }
/* begin: center box */
#centerCol div.content { }
#centerCol_2Col div.content div.box { margin: 0 0 6px 0; }
#centerCol_2Col div.content div.box h1 { width: 558px; min-height: 56px; margin: 0 0 0 76px; padding: 24px 0 0 0; font-size: 1.4em; line-height: 1.1em; background-color: #fff; color: #000; }
#centerCol_2Col div.content div.box h2 { margin: 8px 0 4px 0; padding: 0 0 2px 8px; line-height: 1.7em; border-top: 1px solid #fff; background: url(bg_box_header.png) bottom left repeat-x #91B82B; color: #fff; font-size: 1.1em; }
#centerCol_2Col div.content div.box .block_top { padding: 0 0 2px 8px; line-height: 1.7em; border-top: 1px solid #fff; background: url(bg_box_header.png) bottom left repeat-x #91B82B; color: #fff; font-size: 1.1em; }
#centerCol_2Col div.content div.box p.shortdesc { padding: 1px 8px 3px 8px; }

/* ### begin: product.php ### */
#product { }
#product p.clear { height: 1px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; }
#product h1 img.icon { width: 32px; height: 32px; margin: 0 8px 8px 0; float: left; border: 1px solid #d4d4d4; } 
#product img.iconsmall { margin-bottom: -6px; }      
#product h1 span { font-size: 90%; font-weight: normal; }

#product div.producttext { margin: 2px 4px 0 4px; }

#detail_wrapper { float: left; }
.pdetails { }
.pdetails td { padding: 2px 4px 4px 4px; vertical-align: top; } 
.pdetails td.plabel { width: 100px; } 

.pshot { float: right; }
#slider { display: none; }

#product .pdesc { margin: 0 8px; font-size: 1.1em; }
#product .pdesc p { margin: 0 0 8px 0; }     
#product .pdesc p,
#product .pdesc li { line-height: 1.3em; }   
#product .pdesc ul { list-style: disc; margin: 0 0 8px 32px; }  
#product .pdesc p.ota { margin: 18px 0 0 0; }  
#product .pdesc img { margin: 8px; }

#product p.label { width: 92px; padding: 4px; float: left; font-size: 1.0em; }
#product p.value { width: 252px; padding: 4px; float: right; font-size: 1.0em; }
#product p.devices { font-size: 0.95em; }  

#product .medium { padding: 0 0 12px 0; }
#product .medium img { margin: 0 12px; float: left; }

#product .buy { width: 344px; margin: 0; background: url(dwn_01.png) top left no-repeat #6A7CD3; text-align: right; }
#product .buy a,
#product .buy a:link,
#product .buy a:hover,
#product .buy a:active,
#product .buy a:visited { margin: 0 16px 0 0; display: block; text-decoration: none; font-size: 1.4em; color: #fff; line-height: 2.0em; }
#product .buy span.redprice { font-weight: normal; }

#product td.price { font-size: 1.1em; }
#product span.redprice { color: #ff0000; }

#product p.emailleft { width: 200px; float: left; }
#product p.emailright { width: 200px; text-align: right; float: right; }

#product p.certificate a,
#product p.certificate a:link,
#product p.certificate a:active,
#product p.certificate a:hover,
#product p.certificate a:visited { color: #999; }
#product p.certificate a:hover { color: #0B4E97; }  

#product form { }
#product p.donation { margin: 0; font-size: 0.9em; }
#product input.donation { margin: 2px 0 2px 0; }
  
#product form.email { width: 640px; margin: 0; padding: 0; }
#product form.email h3 { margin: 0 10px 12px 10px; padding: 2px; background-color: #ccc; font-size: 1.1em; }
#product form.email p.label { width: 200px; margin: 0 0 4px 20px; padding: 0; float: left; line-height: 2.0em; /* border: 1px solid #ff0000; */ }  
#product form.email p.value { width: 420px; margin: 0; padding: 0; float: right; /* border: 1px solid #ff0000; */ }
#product form.email p.send { margin: 0 0 12px 220px; }
#product form.email p.hint { margin: 0 20px 0 20px; font-size: 0.9em; }      

#product p.reviewlegend { margin: 0 0 12px 0; } 
#product p.reviewleft { width: 120px; padding: 0 0 6px 0; float: left; border-top: 1px solid #ccc; }      
#product p.reviewright { margin: 0 0 0 130px; padding: 0 0 6px 0; line-height: 1.2em; border-top: 1px solid #ccc; }
/* ### end: product.php ### */

/* ### highslide ### */
.titlebar .highslide-heading { font-size: 0.8em; }
.titlebar .highslide-maincontent { width: 98%; font-size: 0.8em; text-align: left; overflow: hidden; }
.titlebar .highslide-maincontent p.header { height: 24px; padding: 0 0 0 0; font-weight: bold; }
.titlebar .highslide-maincontent p.path { padding: 0 0 2px 0; text-align: center; border: 1px solid #ccc; clear: both; } 

/* rating */
.rating { width: 80px; height: 16px; margin:0 0 4px 0; list-style:none; clear:both; position:relative; background: url(/images/star-matrix.gif) no-repeat 0 0; }
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; }

ul.rating li span { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one span {left:0}
ul.rating li.two span {left:16px;}
ul.rating li.three span {left:32px;}
ul.rating li.four span {left:48px;}
ul.rating li.five span {left:64px;}
ul.rating li span:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(/images/star-matrix.gif) no-repeat 0 0 }
ul.rating li.one span:hover {background-position:0 -96px;}
ul.rating li.two span:hover {background-position:0 -112px;}
ul.rating li.three span:hover {background-position:0 -128px}
ul.rating li.four span:hover {background-position:0 -144px}
ul.rating li.five span:hover {background-position:0 -160px}

.ratingresult { width:115px; height:16px; margin: 0; padding:0; text-align: right; background: url(/images/star-matrix_result.gif) no-repeat 0 0; }

#showrating .pdetails { margin-bottom: 0; }

.highslide-maincontent h2 { padding: 4px 8px; background-color: #A5C639; color: #fff; font-weight: bold; font-size: 110%; }
#hs_initlink, #hs_initlink_closed {  }
#hs_initlink_closed { color: #83a417; }

#hs_initlink2, #hs_initlink2_closed {  }
#hs_initlink2_closed { color: #83a417; }

/* rating list */
.rating_header { margin: 0 0 0 24px; padding: 0; font-weight: bold; }
#rating_list { margin: 0; border: 0; list-style: none; }
#rating_list li { margin: 0 0 4px 0; padding: 4px 0 4px 12px; border-top: 1px solid #d4d4d4; }
#rating_list li.own_rating { border: 2px solid #A5C639; }

/* /rating list */

/* end rating code */

h3 { margin: 0 0 2px 0; font-size:110% }

.rdetails {}
.rdetails th, .rdetails td { padding: 4px 8px; }
.rdetails th { border-bottom: 1px solid #d4d4d4; }
.rdetails .rname, .rdetails .rtext { width: 400px; }
.rdetails .rcode { width: 144px; }
.rdetails .rhint { font-size: 85%; }
.rdetails .rhint ul { margin-bottom: 4px; }

.rating_error { margin: 4px 0; padding: 4px 8px; font-weight: bold; color: #ff0000; border: 1px solid #d4d4d4; }

/* end rating */

/* slider
.spsl { width: 44px; float: left; font-size: 90%; text-align: center; color: #999; }
.spsr { margin: 2px 0 0 0; width: 212px; float: right; }
*/

/* .sp { padding: 4px; font-size: 85%; display: none; background-color: #f2f2f2; } */

/* slider
.spit {  }
.spi { margin: 0 0 0 44px; float: left; font-size: 90%; text-align: center; color: #999; }
.sp { margin: 0 0 0 134px; padding: 0 4px 4px 4px; font-size: 100%; }
.sp .permdesc { padding: 0; }
*/

.hsl { height: 20px; display: block; padding: 2px 0 0 52px; font-weight: normal; }
.hsl:link, .hsl:hover, hsl:active, .hsl:visited { font-weight: normal; }
.titlebar_perm .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; }
.titlebar_perm .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; }
.titlebar_perm .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; }
.titlebar_perm .highslide-header .highslide-move * { display: none; }
.titlebar_perm .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; }
.titlebar_perm .highslide-maincontent { padding-top: 1em; font-weight: normal; text-align: left; }
.titlebar_perm a,
.titlebar_perm a:link,
.titlebar_perm a:hover
.titlebar_perm a:active,
.titlebar_perm a:visited { font-weight: normal; text-align: left; text-decoration: none; }
.titlebar_perm .header { font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.titlebar_perm .teaser { padding: 0 4px 4px 0; font-size: 80%; font-weight: normal; border-bottom: 1px solid #d4d4d4; }
.spsl { width: 44px; float: left; font-size: 80%; text-align: center; color: #999; }
.spsr { margin: 2px 0 0 0; width: 200px; float: right; }
.spi { margin: 0 0 0 4px; float: left; font-size: 80%; text-align: center; color: #999; }
.sp { margin: 0 0 0 64px; padding: 0 4px 4px 4px; font-size: 80%; font-weight: normal; }
.sp .permdesc { padding: 0; font-size: 80%; }