@charset "utf-8";

html { height:100%; min-height:100%; min-width:100%; width:100%; }
body { background: #fff url('/i/bg2.png') repeat-x; width: 100%; margin: 0; padding: 0; height: 100%; min-height:100%; }
img { border:0; }
div, p, h3, input, textarea, td { font: normal 11px Tahoma, sans-serif; margin: 0; padding: 0; color: #444; } 
p, h3 { margin: 12px 20px 8px 0; } 
h2 { font: normal 20px/20px Arial, Helvetica, sans-serif; color: #393939; margin: 20px 10px 5px 0; }
h3 { font-weight: bold; margin-top: 18px;  }

#cntr { position: absolute; left: 0; top: -100px; }

a { color: #ee7900; position: relative; }
a:hover { color: #f16532; text-decoration: none; }

div.clearing { clear: both; width: 1px; height: 1px; }

.clear { clear: both; display: block; }

ul, ol { margin: 0 0 10px 0; padding: 0; }
li { margin: 0 10px 5px 25px; }
li li { margin: 5px 10px 5px 25px; }

#header { position: relative; width: 960px; height: 105px; margin: 0 auto; }

#wide { position: relative; width: 100%; background: #ededed; min-height: 400px; }
#top { position: absolute; left: 0; top: 0; width: 480px; }
#top h1 { font: normal 10px/10px Tahoma, sans-serif; color: #4c4c4c; margin: 0; padding: 70px 0 0 0; float: left; }
#header img { display: block; float: right; margin: 52px 15px 0 0; }
#header a img { width: 114px;  height: 37px; }
#info, #finfo { position: relative; margin: 0 auto; width: 970px; left: 0; top: 0; width: 960px; background: #868787;  }
#finfo { background: #fff; }

#info #menu { width: 160px; float: left; padding: 18px 0 0 0; }
#info #menu div { margin: 0; padding: 0; float: left; }
#def #cat { background: #e6e6e6; float: left; } 
#menu img { width: 160px; height: 18px; }

#menu a { overflow: visible; }

#info #sitemap { position: absolute; left: 0; bottom: 18px; width: 160px; }
#info #sitemap a { display:block; float:left; overflow:hidden; background:transparent url(/i/m-sitemap.png); }
#info #sitemap a img  { visibility:hidden; }
#info #sitemap a.a img  { visibility:visible; }
#info #sitemap a:hover img { visibility:visible; }
#info #sitemap a:hover { background:transparent none repeat 0pt 50%; }

#content { width: 800px; float: left; background: #dbdcdd; }

/* #content #def { width: 800px; background: #959595; } */
#content #def { width: 800px; background: #dbdcdd; }
#content #def #menu { height: 382px; padding: 36px 0 0 0; }
#content #def #textcontent { float: left; width: 640px; padding: 0 0 30px 0; }
#content #def #textcontent img.hi { display: block; margin: 12px 0 15px 0; }
#content #def #textcontent h3 { font: bold 14px/16px Arial, sans-serif; color: #444; margin: 15px 0 5px 0; }
#content #def #textcontent h2, #content #def #scicontent h2 { font: normal 16px/16px Arial, sans-serif; color: #444; margin: 18px 20px 5px 0; clear: both; }
#content #def #textcontent p { font: normal 11px/15px Tahoma, sans-serif; margin: 9px 0 11px 0; padding: 0 40px 0 0; }
#content #def #pagename { margin: 95px 0 5px 0; }

#b-movie { float: left; width: 320px; padding: 0 0 0 160px; }
#b-movie p { margin: 7px 0 0 20px; font-size: 10px; color: #4c4c4c; }
#b-movie a, #b-movie a:visited  { color: #4c4c4c; text-decoration: none; border-bottom: solid 1px #4c4c4c; }
#b-movie a:hover { border: none; }

#b-news { width: 480px; background: url(/i/h-news-bg.jpg) no-repeat; float: left; }
#b-news h2 { height: 43px; margin: 25px 0 0 120px; padding: 0; font-size: 11px; color: #474a4b; font-weight: bold; }
#b-news p { margin: 10px 20px 0 120px; font-size: 10px; color: #4c4c4c; } 

#footer { width: 960px; margin: 20px auto; height: 100px; }
#footer p { color: #999999; font-size: 10px; line-height: 14px; margin: 0 0 5px 0; }
#footer a { color: #999999; }

div.cover { position: relative; float: left; width: 150px; margin: 0 20px 0 0;  }
div.cover a { color: #444; }
div.cover img { margin: 10px 0 0 0; display: block; }

div.adr { float: right; width: 320px; }

div.c1 { float: left; width: 213px; overflow: hidden; padding: 5px 0 0 0; }

#cinfo { float: left; width: 480px; padding: 0 0 18px 0; position: relative; }
#cinfo .specs { position: relative; }
#cinfo .specs img { width: 35px; height: 35px; }
#cinfo #txt { padding: 0 0 0 13px; }
#cinfo h2 { margin: 20px 30px 0 0; }
#cinfo p { margin: 5px 30px 10px 0; }
#cinfo table { width: 449px; margin: 10px 0 0 0; }
#cinfo table td { padding: 3px 5px; border-right: solid 1px #e6e6e6; }
#cinfo table td.p { width: 35%; }
#cinfo table tr.bg td { background: #ccc; }
#cinfo .specs img { display: block; float: left; margin: 0 7px 10px 0; }
#cinfo #hiddeninfo { margin: 0; padding: 0;  }
#cinfo #hiddeninfo div { display: none; width: 428px; padding: 7px 10px; color: #fff; background: #767879; }
#cinfo #hiddeninfo #ar { width: 11px; height: 6px; background: url(/i/ar-comment.png) no-repeat; }

#cinfo img#i-scheme { display: none; }
#cinfo img#i-scheme, #cinfo img#i-photo { width: 480px; height: 360px; }

#cinfo #submenu { position: absolute; top: 36px; }
#cinfo #submenu  { width: 160px; }

#video { width: 600px; background: #fff; margin: 10px 0 0 0;  padding: 20px; text-align: center; }

.mov { float: left; width: 230px; padding: 0 0 20px 0; }
.mov img { margin: 5px 0 0 0; }

.burners { float: left; width: 610px; padding: 10px 0 10px 0; }
.burners img { border: #c5c6c8 solid 5px; float: left; } 
#content #def #textcontent .burners p { float: left; margin: 0 0 5px 20px; width: 400px; }
.sets { float: left; width: 210px; padding: 0 40px 20px 0; }
.sets img { border: #c5c6c8 solid 5px; margin: 0 0 4px 0; } 

/* sci - show catalog index */
#content #def #scicontent { padding: 0 0 0 160px; width: 480px; background: #e6e6e6; float: left; }
#scicontent #models { margin: 20px 0 0 0; }
#scicontent #models div { float: left; padding: 0 0 20px 0; height: 138px; }
#scicontent #models div .over { display: none; width: 160px; height: 18px; }
#scicontent #models div .out { display: block; width: 160px; height: 18px; }

#colors { margin: 15px 0 0 0; }
#colors div { width: 210px; height: 50px; float: left;  }
#colors div img { display: block; float: left; width: 35px; height: 35px; margin: 0 10px 0 0; }
#content #def #textcontent #colors div p { float: left; margin: 11px 0 0 0; padding: 0; width: 125px; line-height: 11px; }

#surrounds { margin: 0; }
#surrounds div { float: left; width: 200px; margin: 0; }
#surrounds div img { width: 105px; height: 105px; border: #c5c6c8 solid 5px; }
#surrounds h3 { margin: 0; padding: 0; }

#content #def #textcontent .fpdf { padding: 2px 0 9px 25px; margin: 0; background: url(/i/file-bg-pdf.png) no-repeat; color: #444; font-size: 11px; }
#content #def #textcontent .fpdf a { color: #444; }
img.subhead { margin: 25px 0 0 0; }

#txt p span {color: #F16532; font-size: 16px;}