@import url(playerlist.css);
@import url(product.css);

  div#pagecontentsub   div#subtop { top:20px;}
  div#pagecontentsub      { overflow:visible; padding-bottom:20px; }
  
  /* product detail main area   */
  div#content_main     h1 { margin-bottom:30px; }
  div#content_main    img { border:1px solid #333; display:block;}
  
  table#prodlogo       td { height:100px; width:190px; border:1px solid #333; vertical-align:middle; text-align:center; }
  table#prodlogo      img { border:none; display:inline-block; }
  div#slideshow           { margin:30px 0px 0px 0px; width:192px; position:relative; padding-top:20px; }
  div#slidenav            { text-align:right; position:absolute; top:0px; right:0px;}
  div#slidenav          a { text-decoration:none; }
  div#slideshow       div { width:192px; margin:auto; }
  div#slideshow   div img { margin:auto; }
  
  /* product detail tabs */
  div#tabsection      div#subtopr { position:absolute; height:51px; width:1px; right:-1px; top:0px; background:url(../images/bg_subtop.jpg) no-repeat top left;  }
  div#tabsection      div#subbtmr { position:absolute; height:51px; width:1px; right:-1px; bottom:-11px; background:url(../images/bg_subbtm.jpg) no-repeat bottom left; }
  div#tabsection                  {width:456px; position:relative; top:20px; margin:0px 0px 10px -18px; padding-bottom:20px; min-height:380px; background:url(../images/bg_proddtl.jpg) repeat-x 0px 0px; border-right:1px solid #bebebe; }
  div#tabsection      .subsection {width:100%; overflow:hidden; margin-left:-20px; padding:20px 0px 0px 20px; background:url(../images/bg_proddtl.jpg) repeat-x bottom left; }
  div#tabsection          a.right { position:absolute; right:14px;  }
  div#tabsection      table.zebra { width:456px; margin-left:-20px; }
  div#tabsection   table.zebra td { padding:5px 0px 5px 20px; }
  
  div#tabsection              img { border:0px; margin:4px 8px 4px 0px;} 
  div#tabsection        img.usage { margin:10px 5px 0px 0px; display:inline;}  
  div#tabsection               h4 { color:#ff0000; margin:0px 0px 10px -20px; padding:6px 0px 6px 20px; width:auto; background:url(../images/bg_dtlhead.jpg) repeat-y top right; text-transform:uppercase; }
  div#tabsection               th { color:#ff0000; padding:0px 2px 8px 20px; text-transform:uppercase; font:normal 9px arial;}
  div#tabsection    div.float img { display:block; float:left; }
  div#tabsection    div.float img.nofloat 
                                  { float:none; margin-left:auto; margin-right:auto; }
  div#tabsection        div.float { width:100%; overflow:hidden; }
  
  div#tabsection      ul.features { width:100%; margin:0px 0px 16px 0px;  }
  div#tabsection   ul.features li { list-style:none; margin:0px; display:inline; }
  div#tabsection ul.features span { display:inline-block; width:48%; }

  div.tabcontent                  {  width:435px; padding:20px 0px 0px 20px;}
  
  div#content_main ul.tabs{ margin:0px 0px 0px 30px; }
  ul.tabs                 { font-family:arial; line-height:11px; list-style:none; text-align:left; position:absolute; top:-21px; left:-44px; width:450px;  padding:0px 17px 10px 21px; background:#000000 url(../images/border_subprod.jpg) no-repeat 0px 19px; }
  ul.tabs              li { display:inline; margin:0px;  }
  ul.tabs            li a { display:inline-block; text-decoration:none; text-transform:uppercase; border-left:1px solid #6b6a6a; padding:0px 10px 0px 14px;}
  ul.tabs      li a.first { border-left:0px; }
  ul.tabs         a:focus {  outline:none; }
  ul.tabs   li.selected a { color:#ff9900;  }  

  table.articles          { width:100%;}
  table.articles       td { padding:0px 10px 15px 0px; }
  table.articles        a { text-decoration:none; text-transform:uppercase; display:block; padding:0px 0px 0px 30px; }
  
  div#tabballistics       { padding-top:10px;}
  
  /* video tab player and playlist */
  div#playerwrapper       { position:relative; left:66px; top:0px; }
  div#playlist            { left:18px; background-image:url(../images/bg_playlist2.jpg); }
  div#playlist, div.strip, div.navi
                          { width:288px;}
  div.border              { width:376px; }
  
/* print mode */
@media print {
  div#tabsection          { width:auto; border:0; }
  div#tabsection, div#tabsection h4, div#tabsection .subsection
                          { background:none; }
  div.tabcontent          { display:block!important; min-height:0!important; height:auto; width:auto; padding:10pt 20pt!important; }
  div#slideshow           { width:auto; height:auto; }
  div#slideshow       div { margin:0px; width:auto; }
  div#slides          div { display:inline!important; position:static!important; opacity:1!important; margin:0px 2px; }
  div#slides          img { display:inline; }
  div#tabarticles       a { padding-left:0px; }
  ul.tabs, div#slidenav   { display:none!important; }
}