/* Screen media style sheet */

/*************************/
/* STANDARD ELEMENT MODS */
/*************************/
/* To even out browser quirks and start with clean slate */
*{
  margin:              0;
  padding:             0;
}
/* Hide stuff, but show unstyled           */
/* -link separators, skip to content links */
/* -display:none not used intentionally    */
.hide{
  position:            absolute;
  left:                -9999px;
}
/* Tame images to start */
img{
  display:             block;
  border:              0px;
}
/* White "infinite" surrounding background */
/* Sets font family, font size, and line-height for alternate style sheets */
body{
  padding:             0px;
  margin:              10px;
  font-family:         Arial, sans-serif;
  font-size:           1em;
  line-height:         1em;
  text-align:          center;
  color:               #000000;
  background-color:    #ffffff;
}
h1, h2, h3{
  text-align:          center;
  font-weight:         bold;
  clear:               both;
}
h1{
  padding:             0.5em 0em;
  border:              0px;
  margin:              1.5em 0em 1em 0em;
  font-style:          normal;
  font-size:           1.3em;
  color:               #fff;
  background-color:    #444;
}
h2{
  padding:             0.4em 0em;
  border:              3px solid #444;
  margin:              1em 0em;
  font-style:          normal;
  font-size:           1.1em;
  color:               #11b;
}
p{
  margin:              0em 0em 0.5em 0em;
  text-align:          left;
  font-size:           1em;
  line-height:         1.3em;
  clear:               none;
}
li{
  margin-left:         1em;
  list-style-type:     disc;
  list-style-position: outside;
  font-size:           1em;
  text-align:          left;
  line-height:         1.3em;
  clear:               none;
}
.liNote{
  margin:              0.2em 0em 0.7em 1em;
  list-style-type:     none;
  font-size:           0.9em;
  font-style:          italic;
  text-align:          left;
  line-height:         1.3em;
  clear:               none;
}
/* List element mods */
.listItemTitle,
.listItemTitleLeft{
  padding:             0.5em 0em;
  margin-left:         1em;
  list-style-type:     disc;
  list-style-position: outside;
  text-align:          left;
  font-size:           1.2em;
  font-weight:         bold;
  color:               #11b;
}
.listItemTitle{
  clear:               left;
}
.listItemTitleLeft{
  clear:               none;
}
.listItemDescription, .listItemExamples{
  margin:              0em 0em 0.5em 1.2em;
  list-style-type:     none;
  text-align:          left;
  font-size:           1em;
  line-height:         1.3em;
  clear:               none;
}
.listItemExamples{
  font-style:          italic;
}
/*************************/
/* NAVIGATION            */
/*************************/
#contentsNav{
  width:               100%;
  height:              auto;
  padding:             5px 0px 4px 0px;
  margin:              1.5em 0em;
  background-color:    #000080;
  clear:               both;
}
#contentsNav p{
  padding:             0.45em 0em 0em 0em;
  margin:              0em 0.2em 4px 0.5em;
  font-size:           1.2em;
  font-weight:         bold;
  color:               #ffe;
  float:               left;
}
#contentsNav ul li{
  height:              1%; /* Hack for IE peekaboo bug */
  padding:             0.15em 0.4em 0.2em 0.4em;
  border-bottom:       2px solid #999;
  border-right:        2px solid #999;
  border-top:          2px solid #fff;
  border-left:         2px solid #fff;
  margin:              4px 5px;
  list-style-type:     none;
  color:               #000;
  background-color:    #e9e9e9;
  float:               left;
}
#contentsNav ul li a{
  font-weight:         bold;
  text-align:          center;
  font-size:           0.8em;
  text-decoration:     none;
}
.clearDiv{
  clear:               both;
  height:              1px;
  overflow:            hidden;
}
/*************************/
/* GENERIC IMAGES        */
/*************************/
/* Product logo at right hand side of more info page headers */
.productLogo{
  width:               100px 150px 200px;
  height:              100px;
  position:            absolute;
  top:                 10px;
  right:               10px;
}
/* Unique image classes that are commonly used */
.usbIcon{
  width:               38px;
  height:              15px;
  float:               right;
}
.ps2Icon{
  width:               30px;
  height:              31px;
  margin-right:        3px;
  float:               right;
}
.finishSample{
  width:               96px;
  height:              24px;
  border-bottom:       3px solid #444;
  border-right:        3px solid #444;
  border-top:          3px solid #ccc;
  border-left:         3px solid #ccc;
  margin:              0px 4px 0px 0px;
  float:               left;
}
/* General image classes for wide range of product photos          */
/* - No captions                                                   */
/* - Floated right                                                 */
/* - Naming convention is width x height in pixels                 */
/* - 100/150/200/250/300/350 H 100/150/200/250/300/350 W available */
.pic200x500,
.pic200x450,
.pic200x400,
.pic100x350,
.pic150x350,
.pic200x350,
.pic250x350,
.pic300x350,
.pic350x350,
.pic100x300,
.pic150x300,
.pic200x300,
.pic250x300,
.pic300x300,
.pic350x300,
.pic100x250,
.pic150x250,
.pic200x250,
.pic250x250,
.pic300x250,
.pic350x250,
.pic100x200,
.pic150x200,
.pic200x200,
.pic250x200,
.pic300x200,
.pic350x200,
.pic100x150,
.pic150x150,
.pic200x150,
.pic250x150,
.pic300x150,
.pic350x150,
.pic100x100,
.pic150x100,
.pic200x100,
.pic250x100,
.pic300x100,
.pic350x100{
  margin:              10px;
  float:               right;
  clear:               both;
}
.pic200x500{
  height:              500px;
}
.pic200x400{
  height:              400px;
}
.pic100x350,
.pic150x350,
.pic200x350,
.pic250x350,
.pic300x350,
.pic350x350{
  height:              350px;
}
.pic100x300,
.pic150x300,
.pic200x300,
.pic250x300,
.pic300x300,
.pic350x300{
  height:              300px;
}
.pic100x250,
.pic150x250,
.pic200x250,
.pic250x250,
.pic300x250,
.pic350x250{
  height:              250px;
}
.pic100x200,
.pic150x200,
.pic200x200,
.pic250x200,
.pic300x200,
.pic350x200{
  height:              200px;
}
.pic100x150,
.pic150x150,
.pic200x150,
.pic250x150,
.pic300x150,
.pic350x150{
  height:              150px;
}
.pic100x100,
.pic150x100,
.pic200x100,
.pic250x100,
.pic300x100,
.pic350x100{
  height:              100px;
}
.pic100x350,
.pic100x300,
.pic100x250,
.pic100x200,
.pic100x150,
.pic100x100{
  width:               100px;
}
.pic150x350,
.pic150x300,
.pic150x250,
.pic150x200,
.pic150x150,
.pic150x100{
  width:               150px;
}
.pic200x500,
.pic200x400,
.pic200x350,
.pic200x300,
.pic200x250,
.pic200x200,
.pic200x150,
.pic200x100{
  width:               200px;
}
.pic250x350,
.pic250x300,
.pic250x250,
.pic250x200,
.pic250x150,
.pic250x100{
  width:               250px;
}
.pic300x350,
.pic300x300,
.pic300x250,
.pic300x200,
.pic300x150,
.pic300x100{
  width:               300px;
}
.pic350x350,
.pic350x300,
.pic350x250,
.pic350x200,
.pic350x150,
.pic350x100{
  width:               350px;
}
/* General image classes for wide range of product photos     */
/* - With captions above images                               */
/* - Floated left                                             */
/* - Naming convention is width x height in pixels            */
/* - 100/150/200 high, 100/150/200/250/300/350 wide available */
/* - In Gallery, all images MUST be same height!              */
.picCaption200x250,
.picCaption100x200,
.picCaption150x200,
.picCaption200x200,
.picCaption250x200,
.picCaption300x200,
.picCaption350x200,
.picCaption100x150,
.picCaption150x150,
.picCaption200x150,
.picCaption250x150,
.picCaption300x150,
.picCaption350x150,
.picCaption100x100,
.picCaption150x100,
.picCaption200x100,
.picCaption250x100,
.picCaption300x100,
.picCaption350x100{
  margin:              0.5em 1.5em 1.8em 1.5em;
  float:               left;
}
.picCaption200x250 img,
.picCaption100x200 img,
.picCaption150x200 img,
.picCaption200x200 img,
.picCaption250x200 img,
.picCaption300x200 img,
.picCaption350x200 img,
.picCaption100x150 img,
.picCaption150x150 img,
.picCaption200x150 img,
.picCaption250x150 img,
.picCaption300x150 img,
.picCaption350x150 img,
.picCaption100x100 img,
.picCaption150x100 img,
.picCaption200x100 img,
.picCaption250x100 img,
.picCaption300x100 img,
.picCaption350x100 img{
  margin-top:          0.4em;
  float:               left;
}
.picCaption100x200 img,
.picCaption100x200 p,
.picCaption100x150 img,
.picCaption100x150 p,
.picCaption100x100 img,
.picCaption100x100 p{
  width:               100px;
}
.picCaption150x200 img,
.picCaption150x200 p,
.picCaption150x150 img,
.picCaption150x150 p,
.picCaption150x100 img,
.picCaption150x100 p{
  width:               150px;
}
.picCaption200x250 img,
.picCaption200x250 p,
.picCaption200x200 img,
.picCaption200x200 p,
.picCaption200x150 img,
.picCaption200x150 p,
.picCaption200x100 img,
.picCaption200x100 p{
  width:               200px;
}
.picCaption250x200 img,
.picCaption250x200 p,
.picCaption250x150 img,
.picCaption250x150 p,
.picCaption250x100 img,
.picCaption250x100 p{
  width:               250px;
}
.picCaption300x200 img,
.picCaption300x200 p,
.picCaption300x150 img,
.picCaption300x150 p,
.picCaption300x100 img,
.picCaption300x100 p{
  width:               300px;
}
.picCaption350x200 img,
.picCaption350x200 p,
.picCaption350x150 img,
.picCaption350x150 p,
.picCaption350x100 img,
.picCaption350x100 p{
  width:               350px;
}
.picCaption100x250 img,
.picCaption150x250 img,
.picCaption200x250 img,
.picCaption250x250 img,
.picCaption300x250 img,
.picCaption350x250 img{
  height:              250px;
}
.picCaption100x200 img,
.picCaption150x200 img,
.picCaption200x200 img,
.picCaption250x200 img,
.picCaption300x200 img,
.picCaption350x200 img{
  height:              200px;
}
.picCaption100x150 img,
.picCaption150x150 img,
.picCaption200x150 img,
.picCaption250x150 img,
.picCaption300x150 img,
.picCaption350x150 img{
  height:              150px;
}
.picCaption100x100 img,
.picCaption150x100 img,
.picCaption200x100 img,
.picCaption250x100 img,
.picCaption300x100 img,
.picCaption350x100 img{
  height:              100px;
}
.picCaption100x250 p,
.picCaption150x250 p,
.picCaption200x250 p,
.picCaption250x250 p,
.picCaption300x250 p,
.picCaption350x250 p,
.picCaption100x200 p,
.picCaption150x200 p,
.picCaption200x200 p,
.picCaption250x200 p,
.picCaption300x200 p,
.picCaption350x200 p,
.picCaption100x150 p,
.picCaption150x150 p,
.picCaption200x150 p,
.picCaption250x150 p,
.picCaption300x150 p,
.picCaption350x150 p,
.picCaption100x100 p,
.picCaption150x100 p,
.picCaption200x100 p,
.picCaption250x100 p,
.picCaption300x100 p,
.picCaption350x100 p{
  text-align:          center;
  font-size:           0.8em;
  font-style:          italic;
  font-weight:         bold;
}
/*************************/
/* SPECIFIC IMAGES       */
/*************************/
/* (Try to keep these to a minimum - logos OK) */
/* Micwil logos */
.micwilLogo{
  width:               200px;
  height:              40px;
  margin:              2em auto 0.5em auto;
  text-align:          center;
}
#ergoCanadaLogo{
  width:               100px;
  height:              100px;
  position:            absolute;
  top:                 10px;
  left:                10px;
}
/* Dainoff Atlas book holder logos */
#atlasTriLogo{
  width:               150px;
  height:              109px;
  padding:             10px 10px;
  float:               right;
}
#atlasUltraLogo{
  width:               300px;
  height:              81px;
  padding:             10px 10px;
  float:               right;
}
#atlasDemandAdjust{
  width:               151px;
  height:              46px;
  margin:              0px 35px;
  float:               right;
}
/********************/
/* INTERNAL CONTENT */
/********************/
.centerBlock{
  margin-right:        auto;
  margin-left:         auto;
}
.infoHeaderTitle{
  margin:              0px 220px 0px 110px;
}
.infoHeaderTitle p{
  width:               100%;
  padding:             5px 0px 0px 0px;
  margin:              0px;
  font-style:          normal;
  font-size:           28px;
  font-weight:         bold;
  text-align:          center;
  line-height:         1em;
  color:               #000;
  background-color:    #fff;
}
.infoHeaderTitle p + p{
  padding:             15px 10px 8px 10px;
  margin:              0px;
  font-style:          italic;
  font-size:           15px;
  font-weight:         normal;
  line-height:         1.2em;
}
.infoHeaderTitle p + p + p{
  padding:             0px 10px 0px 10px;
  margin:              0px;
  font-style:          italic;
  font-size:           22px;
  font-weight:         normal;
  line-height:         1.1em;
}
.productIntro{
  margin-top:          0.5em;
  line-height:         1.3em;
  font-style:          normal;
  font-size:           1.0em;
  font-weight:         bold;
  text-align:          left;
  clear:               none;
}
.productIntroItem{
  margin:              0.5em 0em 0em 1em;
  line-height:         1.3em;
  font-style:          normal;
  font-size:           1em;
  font-weight:         bold;
  text-align:          left;
  list-style-type:     disc;
  list-style-position: outside;
  clear:               none;
}
.productIntroDescription{
  margin:              0.3em 0em 0.7em 1em;
  line-height:         1.3em;
  font-style:          normal;
  font-size:           1em;
  font-weight:         normal;
  text-align:          left;
  list-style-type:     none;
  clear:               none;
}
/* 2 column specifications layout table */
.specs2col{
  width:               100%;
  border:              0px;  
  font-style:          normal;
  font-size:           1em;
  line-height:         1.1em;
  text-align:          left;
  vertical-align:      top;
}
.specs2col tr td{
  padding-bottom:      0.5em;
  cell-padding:        0px;
}
.specs2col tr td:first-child{
  width:               25%;
  padding-right:       0.5em;
  font-size:           1.05em;
  font-weight:         bold;
  color:               #11b;
  vertical-align:      top;
}
.specs2colSmall{
  width:               100%;
  border:              0px;
  margin-left:         1em;
  font-style:          normal;
  font-size:           0.9em;
  line-height:         0.9em;
  text-align:          left;
  vertical-align:      top;
}
.specs2colSmall tr td{
  padding-bottom:      0.5em;
}
.specs2colSmall tr td:first-child{
  width:               25%;
  padding-right:       0.5em;
  font-size:           0.95em;
  font-weight:         bold;
  color:               #11b;
  vertical-align:      top;
}
/* Product comparison table */
.comparisonTable4Col{
  width:               100%;
  border:              3px solid #ccc;
  border-collapse:     collapse;
  font-size:           0.85em;
}
.comparisonTable4Col td, .comparisonTable4Col th{
  padding:             5px;
  border:              3px solid #ccc;
}
.comparisonTable4Col th{
  font-size:           1.3em;
  font-weight:         bold;
}
.comparisonTable4Col tr td:first-child,
.comparisonTable4Col tr th:first-child{
  width:               25%;
}
.comparisonTable4Col tr td:first-child{
  font-size:           1.1em;
  font-weight:         bold;
}
/* Product models and options table */
.optionsTable3Col{
  width:               100%;
  border:              3px solid #ccc;
  border-collapse:     collapse;
  font-size:           0.85em;
}
.optionsTable3Col td, .optionsTable3Col th{
  padding:             5px;
  border:              3px solid #ccc;
}
.optionsTable3Col th{
  font-size:           1.3em;
  font-weight:         bold;
}
.optionsTable3Col tr td:first-child,
.optionsTable3Col tr th:first-child{
  width:               15%;
}
/* Compatibility table */
.compatibilityTable{
  width:               100%;
  border:              3px solid #ccc;
  border-collapse:     collapse;
  font-size:           0.85em;
}
.compatibilityTable td, .compatibilityTable th{
  border:              3px solid #ccc;
}
.compatibilityTable td{
  padding:             2px 5px;
}
.compatibilityTable th{
  padding:             4px;
}
.compatibilityTable th{
  font-size:           1em;
  font-weight:         bold;
}
/* 2 column contact information layout table */
.contactInfo{
  width:               100%;
  border:              0px;
  margin:              0.5em auto;
  font-style:          normal;
  font-size:           0.8em;
  text-align:          left;
  vertical-align:      top;
}
.contactInfo tr td:first-child{
  width:               45%;
  padding-right:       1em;
  font-weight:         bold;
  text-align:          right;
}
.productNote{
  margin:              0.5em 1em 1em 1em;
  line-height:         1.3em;
  font-style:          italic;
  font-size:           1.0em;
  font-weight:         bold;
  text-align:          center;
  clear:               both;
}
#footerWrapper{
  padding:             0.4em 0em 1em 0em;
  margin-top:          2em;
  background-color:    #e9e9e9;
  clear:               both;
}
.footerNotice{
  margin-top:          1em;
  font-style:          italic;
  font-size:           1em;
  font-weight:         bold;
  text-align:          center;
}
#copyrightNotice{
  margin-top:          1.5em;
  font-style:          italic;
  font-size:           0.8em;
  text-align:          center;
}
.importantNote{
  color:               #ff0000;
  font-weight:         bold;
}
#redirectNotice{
  color:               #ff0000;
  font-weight:         bold;
  font-size:           22px;
}
.normalText{
  font-weight:         normal;
  font-style:          normal;
  font-variant:        normal;
}
.tableCellFY{
  background-color:    #3f6;    
}
.tableCellP{
  background-color:    #fa6;    
}
.tableCell3{
  background-color:    #ff6;    
}
.tableCellN{
  background-color:    #f66;    
}
.tableCellU{
  background-color:    #fff;    
}
.tableSubcategory{
  background-color:    #ccc;    
}
.tableCellNA{
  background-color:    #ccc;    
}
.usbCellLeft, .ps2CellLeft{
  width:               50%;
  float:               left;
}
.ps2CellLeft{
  margin-top:          7px;
}
/* Redirection note for obsolete web pages */
#redirectNote{
  width:               100%;
  padding:             25px 0px;
  margin:              50px 10px;
  border:              10px double #d00;
  color:               #f00;
  text-align:          center;
}
#redirectNote th{
  padding:             10px 0px;
  font-size:           48px;
  font-weight:         bold;
}
#redirectNote td{
  padding:             10px 0px;
  font-size:           24px;
  font-weight:         bold;
}