/* Better Home Better Planet - catalogue stylesheet */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body { background:#FFFFFF; color:#111111;
  font-family: Verdana, Geneva, sans-serif; font-size:13px; line-height:1.55; }
a { color:#336699; }
a:visited { color:#2A5480; }
img { border:0; }
.skipLink { position:absolute; left:-9999px; top:0; }
.skipLink:focus { left:8px; top:8px; background:#FFFFFF; border:2px solid #336699;
  padding:6px 10px; z-index:9; }
.shellWrap { width:1100px; max-width:100%; margin:0 auto; border:1px solid #CCCCCC;
  border-top:0; border-bottom:0; }
.storeHead { padding:10px 12px 8px 12px; border-bottom:1px solid #CCCCCC; }
.storeHead .headRow { width:100%; }
.storeHead .headRow td { vertical-align:middle; }
.markCell img { display:block; height:46px; width:auto; }
.utilTrio { text-align:right; white-space:nowrap; }
.utilTrio a { display:inline-block; margin-left:18px; font-size:11px;
  text-decoration:none; text-align:center; }
.utilTrio a span.uMark { display:block; font-family:"Courier New",monospace;
  font-size:14px; color:#336699; border:1px solid #CCCCCC; width:26px; height:22px;
  line-height:22px; margin:0 auto 3px auto; }
.utilTrio a span.uWord { text-decoration:underline; color:#336699; }
.strip { background:#336699; height:20px; line-height:20px; padding:0 12px; }
.strip a { color:#FFFFFF; font-size:11px; text-decoration:none; margin-right:16px; }
.strip a:hover { text-decoration:underline; }
.pathWay { padding:5px 12px; border-bottom:1px solid #CCCCCC;
  font-size:11px; color:#444444; }
.pathWay a { text-decoration:none; }
.shellBody { width:100%; border-collapse:collapse; }
.shellBody > tbody > tr > td { vertical-align:top; }
.railLeft { width:170px; padding:10px 8px 20px 10px; border-right:1px solid #CCCCCC; }
.railRight { width:170px; padding:10px 10px 20px 8px; border-left:1px solid #CCCCCC; }
.midCol { padding:10px 12px 22px 12px; }
.infoBox { margin-bottom:12px; border:1px solid #CCCCCC; }
.boxHeading { background:#336699; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif;
  font-weight:bold; font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  padding:4px 6px; }
.boxHeading .arrowMark { float:right; font-family:"Courier New",monospace; font-weight:normal; }
.boxBody { background:#EEEEEE; padding:6px; font-size:11px; }
.boxBody ul { margin:0; padding:0; list-style:none; }
.boxBody li { padding:2px 0; border-bottom:1px dotted #CCCCCC; }
.boxBody li:last-child { border-bottom:0; }
.boxBody .cnt { font-family:"Courier New",monospace; color:#444444; float:right; }
.boxBody ol { margin:0; padding-left:20px; }
.boxBody ol li { border-bottom:0; }
.boxBody p { margin:0 0 6px 0; }
.boxBody p:last-child { margin-bottom:0; }
.midHead { font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold;
  margin:0 0 2px 0; color:#111111; }
.midStamp { font-family:"Courier New",monospace; font-size:11px; color:#444444;
  margin:0 0 10px 0; }
.midLede { margin:0 0 14px 0; max-width:64ch; }
.newProdBox { border:1px dashed #CCCCCC; padding:8px; margin-bottom:18px; }
.newProdTitle { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;
  text-transform:uppercase; letter-spacing:.05em; margin:0 0 8px 0; }
table.newProdTable { width:100%; border-collapse:collapse; }
table.newProdTable td { width:33.33%; text-align:center; vertical-align:top;
  border:1px dashed #CCCCCC; padding:8px 6px; }
table.newProdTable img { display:block; margin:0 auto 5px auto; width:120px; height:100px; }
.pName { display:block; font-size:12px; font-weight:bold; }
.pRef { display:block; font-family:"Courier New",monospace; font-size:11px; color:#444444; }
.pStat { display:block; font-size:11px; color:#444444; }
.pStat .diff { color:#4C7A34; font-weight:bold; }
.secBlock { border:1px solid #CCCCCC; margin-bottom:14px; }
.secBlock > h3 { margin:0; background:#EEEEEE; border-bottom:1px solid #CCCCCC;
  font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:5px 8px; }
.secBlock > h3 a { text-decoration:none; }
.secBlurb { margin:0; padding:6px 8px; font-size:11px; color:#444444;
  border-bottom:1px solid #CCCCCC; }
table.listTable { width:100%; border-collapse:collapse; }
table.listTable td { border-bottom:1px solid #CCCCCC; padding:6px 8px; vertical-align:top; }
table.listTable tr:last-child td { border-bottom:0; }
table.listTable tr:nth-child(even) td { background:#F7F7F7; }
td.lThumb { width:132px; }
td.lThumb img { display:block; width:120px; height:100px; }
td.lRef { width:76px; font-family:"Courier New",monospace; font-size:11px; color:#444444; }
td.lStat { width:180px; font-size:11px; color:#444444; }
.lName { font-size:13px; font-weight:bold; }
.lSum { display:block; font-size:11px; color:#444444; margin-top:2px; max-width:60ch; }
.stage { border:1px solid #CCCCCC; padding:10px; margin-bottom:14px; }
.stage table { border-collapse:collapse; }
.stage td { vertical-align:top; }
.stage img { display:block; width:120px; height:100px; margin-right:12px; }
.stage h1 { font-family:Arial,Helvetica,sans-serif; font-size:19px; margin:0 0 4px 0; }
h1.plainHead { font-family:Arial,Helvetica,sans-serif; font-size:19px; margin:0 0 4px 0; }
table.factTable { border-collapse:collapse; width:100%; margin-bottom:14px; }
table.factTable th { text-align:left; width:150px; background:#EEEEEE;
  border:1px solid #CCCCCC; padding:4px 8px; font-size:11px; font-weight:bold; }
table.factTable td { border:1px solid #CCCCCC; padding:4px 8px; font-size:12px; }
.entryBody h2 { font-family:Arial,Helvetica,sans-serif; font-size:14px; margin:14px 0 4px 0; }
.entryBody p { margin:0; max-width:64ch; }
.relatedBox { border-top:1px solid #CCCCCC; margin-top:18px; padding-top:8px; font-size:11px; }
.relatedBox strong { font-family:Arial,Helvetica,sans-serif; }
.relatedBox a { white-space:nowrap; }
.footBar { border-top:1px solid #CCCCCC; background:#EEEEEE; padding:6px 12px;
  font-size:11px; color:#444444; }
.footBar .tally { font-family:"Courier New",monospace; }
.footBar a { margin-right:14px; }
.copyLine { text-align:center; font-size:11px; color:#666666; padding:8px 12px 16px 12px; }
@media (max-width: 820px) {
  body { font-size:16px; }
  .shellWrap { width:100%; border-left:0; border-right:0; }
  .storeHead .headRow, .storeHead .headRow tbody, .storeHead .headRow tr,
  .storeHead .headRow td { display:block; width:100%; }
  .utilTrio { text-align:left; margin-top:8px; white-space:normal; }
  .utilTrio a { margin:0 18px 0 0; }
  .strip { height:auto; line-height:1.9; padding:4px 10px; }
  .strip a { font-size:13px; display:inline-block; }
  .pathWay { font-size:13px; }
  .shellBody, .shellBody > tbody, .shellBody > tbody > tr, .shellBody > tbody > tr > td {
    display:block; width:100%; }
  .railLeft, .railRight { border:0; padding:10px; width:100%; }
  .midCol { padding:10px; }
  table.newProdTable, table.newProdTable tbody, table.newProdTable tr,
  table.newProdTable td { display:block; width:100%; }
  table.newProdTable td { margin-bottom:8px; }
  table.listTable, table.listTable tbody, table.listTable tr, table.listTable td {
    display:block; width:100%; }
  table.listTable td { border-bottom:0; padding:4px 8px; }
  table.listTable tr { border-bottom:1px solid #CCCCCC; padding:6px 0; display:block; }
  table.listTable tr:nth-child(even) td { background:transparent; }
  td.lThumb, td.lRef, td.lStat { width:100%; }
  .stage table, .stage tbody, .stage tr, .stage td { display:block; width:100%; }
  .stage img { margin:0 0 10px 0; }
  table.factTable, table.factTable tbody, table.factTable tr { display:block; width:100%; }
  table.factTable th, table.factTable td { display:block; width:100%; border-top:0; }
  table.factTable tr { border-top:1px solid #CCCCCC; }
  .entryBody p, .midLede, .lSum { max-width:none; }
}