body {
  margin: 0;
  font-family: verdana, arial, sans-serif;
  font-size: 90%;
  background-color: white;
}


/* common styles for body HTML */
/*   text */
.trademark { font-size: 75% }
.legal { font-size: 80% }
.subtitle { color: #c00000; font-weight: bold; font-size: 12pt; font-style: italic }
.pre { white-space: pre; font-family: monospace; display: table; }
.bold { font-weight:bold }
.red-bold { color:red; font-weight:bold }
.tech-tip:before{ content:url('/art/sis/techtip.gif'); margin-right:1em }
.priceTableFootnote { color: #ff0000; font-weight: bold; }
.about { display:none; }
/*   image */
.rfloat { float: right; margin: 5px; cursor: pointer; cursor:zoom-in; max-width:90% }
.rfloat:active {
  transform:scale(2); transform-origin:right top;
  /*width:80%; height:auto;*/
  /*transition:0.2s ease 0.3s;*/ border:3px solid yellow;
  cursor:pointer;
}
#ed .rfloat { transform:none; cursor: default; border:none; }
/* common - lists */
.feature-list, .features > ul {font-size: 110%; background-color:#ffffc0; padding:0.5em; padding-left:2em; max-width:30em }
.features { background-color:#ffffc0; max-width:30em } /*unused?*/
.features div { padding:0.3em; font-weight:bold }
.list-header {font-weight:bold}
ul.plain, .plain ul { list-style:none; }
ul.plain li, .plain ul li { list-style:none; padding-bottom:0.3em }
.hlist li { display:inline-block; }
.hlist li:before { content: '\b7\a0' }
/* common - tables */
.spec-table { /* product specifications table */
  border-collapse:collapse; background-color:#f0f0f0; margin:2px; clear:both }
.spec-table td, .spec-table th {border: 1px solid #888; text-align: center; padding:0.2em }
.spec-table th {background-color:#d1d4d3; color:#8b4912}
/* common - columns */
.column3 { padding: 0 1em 0; width:33%; max-width:400px; display:inline-block; box-sizing:border-box; vertical-align:top}
.column2 { padding: 0 1em 0; width:50%; max-width:400px; display:inline-block; box-sizing:border-box; vertical-align:top}
.twocolumn {
  -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2; column-count:2;
  -webkit-column-gap:15px; -moz-column-gap:15px; -ms-column-gap:15px; -o-column-gap:15px; column-gap:15px;
  columns:2;
}
.multicolumn {
  -webkit-column-count:3; -moz-column-count:3; -ms-column-count:3; -o-column-count:3; column-count:3;
  -webkit-column-gap:15px; -moz-column-gap:15px; -ms-column-gap:15px; -o-column-gap:15px; column-gap:15px;
  columns:3;
}
.hide { display: none !important }
/* common - float layout */
.clear { clear:both }
/*   information box */
.info-box { background-color:#eee; border-radius:10pt;
  border:1px solid black; padding:0.5em; margin: 0.5em 0;
  max-width:70em }
.info-box:after { content:""; display:block; clear:both }
.not-too-narrow p:before { content:""; width:10em; display:block; overflow:hidden } /* https://css-tricks.com/minimum-paragraph-widths/ */

/* main elements */
#top > h1 { color: #000080; font-size: 20pt; background-color:#e0e0e0;  margin-top:0 }
h2:not(.banner_title):not(.banner_title2) { color: #000080; font-size: 14pt; font-family: Verdana, sans-serif }
h3 { color: #000080; font-size: 12pt; }
h4 { color: #000080; font-size: 10pt; }
p {max-width:70em}
#main_wrap .product-image img { max-width:100%; max-height:350px; width:auto; height:auto }
#main_wrap .product-image { text-align: center }

/* a links */
a { text-decoration:none; color:#158; }
a:visited { color: #8000c0}
a:hover { color:red; text-decoration: underline; }
a img { border: 0 }
.dark-back a { color: white }
.dark-back a:visited { color: #eee }

/* call to action */
.call-to-action {
  border-radius:10px; padding:0.2em; line-height:1.6em; background-color:#ea8028;
  border:1px solid black; display:inline-block;
  background-color:#d8f2db;
  background: linear-gradient(to bottom, rgba(163,73,0,1) 0%,/*rgba(212,44,0,1)*/ rgba(60,12,0,1) 100%);
}
.call-to-action:active {
  background: linear-gradient(to top, rgba(255,114,0,1) 0%,rgba(212,44,0,1) 100%);
}
.call-to-action.call-to-action { color:white !important }
.call-to-action.call-to-action:visited { color:white !important }
.call-to-action.call-to-action.call-to-action:hover { color:white !important }

.footnote { font-size:80% }

#send-catalog-popup {
  position:absolute;
  max-width:200px; padding:0.5em;
  background-color:white;
  visibility:hidden;
  z-index:10;
  white-space:normal;
  color:black; border:1px solid black;
}
#send-catalog-popup > div { padding-left:1.5em; padding:1em; margin-top:0.5em; background-color:#fff4ec; border:1px solid #800000 }
#send-catalog:hover > #send-catalog-popup { visibility:visible; transition-delay: 0.3s }

/* page content footer */
#topinsidefooter { border-top:2px solid #888;
  padding: 1em 1em 3em;
  color:white; background-color:#444; font-family:Verdana,Arial;
}

/* old */
#footer_wrap #commentbox a { color:black } /* old */
#commentbox.hide { display:none; }
#commentbutton {
  display:inline-block; padding:0.2em;
  margin:0.5em;
  border: 3px outset #808080;
  background-color:#555;
  text-align:center;
}
#commentbutton.hide { display:none; }

#comment-box { color:black; background-color:white; padding:15px; font-size:12pt; border-radius:20px; margin:20px; display:none; }
#footer_wrap #comment-box a { color:#000080; text-decoration:underline }
.comment-field, .comment-field > span { white-space:nowrap; }
#comment-submit { font-weight:bold;width:50%; display:block; margin:10px auto }
#comment-header { background-color:#d0e0ff;font-weight:bold; font-size:130%; text-align:center }
#comment-header:after { content:""; display:block; clear:both }
#comment-blurb { margin:10px 0 }


#topinsidefooter a { color: white }

/* price tables */
table.pt {border: 1px solid black; border-collapse:collapse; margin-top:0.5em; clear:both}
table.pt > * > tr.pt-subtitle.pt-subtitle > td {
  background-color: #c0c0ff; color:black; font-size:120%; font-weight:bold }
table.pt > tbody:hover > tr > td { background-color:#efe }
table.pt tr td {border: 1px solid #000080; padding: 4px}
table.pt tr th {border: 1px solid #000080; font-size:80%;
                color: white; background-color:#000080; text-align:center;
                padding:0 0.3em}
table.pt tr th.toolhide { background-color: #aaa }
.pt-thumbnail { max-width:75px; max-height:60px; }
tr.pt_footer { font-size:80%; }
tr.pt_footer td { background-color:#eeeeee  }
.pt_obsolete {background-color:#800000; color:white; font-size:80%; text-align:right}
.order_control {margin: 0; margin-bottom:1px; display:inline}
.pt-thumbnail{ cursor: pointer; cursor:zoom-in; }
.pt-thumbnail:active {
  position:absolute;
  transform:scale(4); transform-origin:center top;
  border:3px solid yellow;
  cursor:pointer;
  z-index:10;
}
.pt-partnum { background-color: #DDE7FF }
.pt-attribute { text-align: right }
.pt-weight { font-size: 75% }
.pt-s { font-size: 75% }
.pt-stock { text-align: right }
.pt-stock > i { white-space:nowrap }
.pt-price { text-align: right; font-weight:bold }
.pt-order { }

.toolhide { background-color: #aaa }

.footnote-symbol { color:#a0c0a0 }

/* FORM tag displayed inline */
.inline-form { margin: 0; padding: 0; display: inline; }

.maxwidth {
  max-width: 40em;
  /* see also IE */
}

/* tooltip.js */
#tooltip { width:200px; }
div.url { font-size:80%; padding-top:0.5em; color:#008000 } /* URL in tip */

/* main section tabs at top (topsection) and library tabs (librarylist) */
#librarylist { z-index:1;float:right;
  line-height:1em; /*iq*/
}
#main_wrap #librarylist { position:absolute; top:0; right:0; padding-top:0 }
#topsection, #librarylist {
  padding-top:5px;
}
#header_wrap #topsection { z-index:99; position:absolute; top:100%; background-color:white }
#topsection { border-bottom: 1px solid #888 }
#topsection ul, #librarylist ul {
  list-style: none;
  margin:0; padding:0;
  margin-right:0.2em;
}
#topsection ul:after { content:""; display:block; clear:both }
#topsection ul li, #librarylist ul li {
  float:left;
}
#librarylist > ul > li { margin:0 } /*iq*/
#topsection > ul > li > a, #librarylist a {
 color:#035;
 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
 display:block;
 /*padding:1em 0.5em;*/
 padding:1em 0;
 /*background-color:#f8f8f8;*/
 /*border-left: 1px solid #ccc;*/
 border-right: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-radius: 10px 10px 0 0;
 text-align:center;
}
#header_wrap #topsection > ul > li > a {
  border:0; padding:0;
}
#topsection > ul > li:nth-child(8) > a,
#topsection > ul > li:nth-child(9) > a {
  /*background-color: #ecf5ee*/
  background-color:rgba(0,255,0,0.1);
}
#librarylist a { background-color: #edb; padding: 0.5em 0.7em; }
#topsection > ul > li > a.tab-space, #librarylist > ul > li:first-child > a {
  border-left: 1px solid #ccc;
  margin-left: 0.3em;
}
#topsection > ul > li > a { height:2.2em; }
#topsection a:hover, #librarylist a:hover { background-color:rgba(255,255,0,0.25) }
#topsection a.active.active, #librarylist a.active { color:#ff4500; background-color:rgba(255,255,128,0.8) }
#topsection a.active_secondary.active_secondary { color:#ff4500; background-color:rgba(255,255,224,0.8) }
#topsection li { position:relative}
#topsection > ul > li       > .cat-drop { font-size:80%; }
#header_wrap #topsection > ul > li       > .cat-drop { font-size:100%; }
#topsection > ul > li > a > div {
  /*background-color:rgba(255,255,255,0.5);*/
  padding:0 0.5em;
}

/*EXPERIMENT: images on thumbnails
#topsection > ul > li > a { position:relative; overflow:hidden; font-weight:bold; text-shadow: 0px 0px 1px white; color:#008 }
#topsection > ul > li > a > span {
  position:absolute; width:100%; height:100%; opacity:0.2;
  display:block; left:0; top:0; z-index:-1;
  background-size:100%;
}
#topsection > ul > li:nth-child(1) > a > span {
  background: url(/i/art/ms/5971fil.jpg); background-size:100%;
}
#topsection > ul > li:nth-child(2) > a > span {
  background: url(/art/icons/gccol80.jpg); background-size:100%;
}
#topsection > ul > li:nth-child(3) > a > span {
  background: url(/i/news/enews/images/perfect_spray.jpg); background-size:140%; background-position-x:-20px;
  opacity:0.2;
}
#topsection > ul > li:nth-child(4) > a > span {
  background: url(/i/art/sptd/ads_275w.jpg); background-size:200%;
}
#topsection > ul > li:nth-child(5) > a > span {
  background: url(/i/vacuum/blade-removal.jpg); background-size:300%; background-position-x:-40px;
}
#topsection > ul > li:nth-child(6) > a > span {
  background: url(/art/icons/bottle80g.jpg); background-size:100%;
}
#topsection > ul > li:nth-child(7) > a > span {
  background: url(/i/art/icons/nist80.jpg); background-size:240%;
  background-position-x:-20px; background-position-y:-30px;
  opacity:0.2;
}
#topsection > ul > li:nth-child(8) > a > span {
  background: url(/i/art/icons/filament5973.jpg); background-size:200%; background-position-x:-35px;
}
#topsection > ul > li:nth-child(9) > a > span {
  background: url(/art/mach/carousel1.jpg);  background-size:100%;
}
#topsection > ul > li:nth-child(10) > a > span {
  background: url(/i/art/sis/sislogo.gif);
  background-size:170%; background-position-x: -25px;
  opacity:0.2;
}
*/


/*.product_sublist > ul > li:hover > a { background-color:#eee}*/


#topsection > ul > li:not(.suppress-hover):hover > .cat-drop
{
  visibility:visible; max-height:500px;
  -webkit-transition: all 0.3s ease 0.3s;
     -moz-transition: all 0.3s ease 0.3s;
      -ms-transition: all 0.3s ease 0.3s;
       -o-transition: all 0.3s ease 0.3s;
          transition: all 0.3s ease 0.3s;
}
    .product_sublist      > ul > li:not(.suppress-hover):hover > .cat-drop,
    .product_sublist_text > ul > li:not(.suppress-hover):hover > .cat-drop,
ul.category_selections > li:hover > .cat-drop {
  visibility:visible; max-height:500px;
  -webkit-transition: all 0.3s ease 0.6s;
     -moz-transition: all 0.3s ease 0.6s;
      -ms-transition: all 0.3s ease 0.6s;
       -o-transition: all 0.3s ease 0.6s;
          transition: all 0.3s ease 0.6s;
}
/* TODO: #x#x ignored in IE */
      #topsection > ul > li:hover > a,
ul.category_selections > li:hover > a
{ border-color:#800; background-color:rgba(240,240,240,0.8) }
#topsection#topsection a:hover { background-color:rgba(255,255,0,0.25) }
#topsection#topsection a.category_instrument { background-color: #d0ffd0 }
#topsection#topsection a.category_ancestor { background-color: #ffffd0 }
#topsection#topsection a.category_self { background-color: #ffff80 }
/* see also page.js on #topsection */

/* categories at top of page */
/*#category_selections_container { padding:0.8em 0.5em 1px;
  line-height: 1em; IQ
 }*/
#category_selections_primary.iq { margin-bottom:25px;
}
#category_selections_primary.iq a { font-weight:normal; /* iq override */ }

#category_selections_primary > span { font-size:80%; }
#category_selections_more { margin-top:5px; margin-left:10px; border-radius:5px; padding:2px; background-color:#f0f0f0 }
#category_selections_more > span { font-size:75%; opacity:0.6; }
#category_selections_more > ul > li > a { opacity:0.6; font-size:80% }
ul.category_selections { padding:0.5em 0 0.5em; font-size:80%; display:inline-block }
ul.category_selections { display:inline; margin:0;padding:0 }
ul.category_selections > li { list-style-type:none; display:inline; position:relative; vertical-align:bottom;
  margin:0; /*iq*/
}

ul.category_selections > li > a { display:inline-block; padding:0.3em; border:1px solid white; border-radius:5px; }
ul.category_selections > li > a:hover { border: 1px solid #c0c0c0; background-color: #ffffe0 }

/*ul.category_selections > li > a.cs_instrument { background-color:#dfd; }*/
ul.category_selections > li.category_parent > a {text-decoration:underline }
ul.category_selections.category_selections a:hover { background-color:#ffd }
ul.category_selections.category_selections a.category_instrument { background-color: #d0ffd0 }
ul.category_selections.category_selections a.category_ancestor { background-color: #ffffd0 }
/*ul.category_selections.category_selections a.category_self { background-color: #ffdf00 }*/
.product_sublist.product_sublist a.category_self { background-color: #ffff80 }
/* see also page.js on .category_selections */

.dropdown { display:none } /* iq */
.dropdown > li > ul > li.category_instrument { background-color:#e0e0e0 }

/* drop down list for category */
.cat-drop {
  visibility:hidden;
  overflow:hidden;
  position:absolute; right:0px; width:410px; max-height:0; z-index:5;
  border:1px solid rgba(0,0,0,0.3);
  box-shadow: 10px 10px 5px rgba(136,136,136,0.3);
}
.cat-drop:hover {
  border-color:black;  /* stronger border */
  box-shadow: 10px 10px 5px rgba(136,136,136,0.5);
}
.cat-drop-div3 { background-color:white } /* not transparent */
.cat-drop-div3 > a { background-color:#bed; color:black; padding:6px;
   display:block; text-align:center }
.cat-drop-div2 {
  max-height:350px; overflow:auto;
  background-color: rgba(255, 255, 255, 1);
  -webkit-column-count:3; -moz-column-count:3; -ms-column-count:3; -o-column-count:3; column-count:3;
  /*-webkit-column-gap:2; -moz-column-gap:2; -ms-column-gap:2; -o-column-gap:2; column-gap:2;*/
}
.cat-drop-div1 {
  margin: 0;
  background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,rgba(213,223,207,0.7) 100%);
  border-top: 1px solid #ddd;
  overflow:hidden;
  line-height: 1em; /*iq override */
}
.cat-drop-div1 > img { float:right; margin:5px; border:1px solid #ddd; background-color:white; border-radius:10px; box-shadow: 5px 5px 5px 5px }
.cat-drop-div1 > span { padding:5px; display:block; }
.cat-drop-div2 > a {
  display:inline-block; min-width:100px; /*avoids break across multicolumn*/
  margin:1px; padding:1px; border-bottom:1px solid #eee; border-radius:2px }

.cat-drop-div1.iq {
  background: #ffffcc;
  bottom: 1em; left:0; right:0;
  padding: 0.3em;
  color: black;
  border:1px solid black;
  font-size:130%;
}

.cat-drop.iq { border: none }

/*DISABLED
.product_sublist.iq > ul > li:hover > a > img,
.product_sublist.iq > ul > li:hover > img.product_sublist_shadow
{
  transform: scale(2.5);
  transition-duration: 1s;
  transition-property: transform;
  transition-delay: 0.5s;
  transition-duration: 1s;
}
.product_sublist.iq > ul > li > a > img {
  transition-duration: 0.5s;
}
.product_sublist.iq > ul > li:hover {
  transition-delay: 0.5s;
  transition-duration: 1s;
  margin-bottom:5em;
}
.product_sublist.iq > ul > li {
  transition-duration: 0.5s;
  transition-delay: 1.5s;
}
.product_sublist_shadow {
  position:absolute; top:0; left:0;
  z-index:-1;
  opacity:0;
}
.product_sublist.iq > ul > li:hover > img.product_sublist_shadow {
  opacity:0.3;
}
*/
/*.product_sublist.iq > ul > li:hover {
  transition-delay: 0.5s;
  transition-duration: 1s;
  margin-bottom:5em;
}
.product_sublist.iq > ul > li {
  transition-duration: 0.5s;
  transition-delay: 1.5s;
}*/

/*OLD
.cat-pop {
  margin:1px; padding:5px;
  width:128px; font-size:80%; line-height:1.1em;
  height:87px; overflow:hidden;
  top:-400px; opacity:0;
  position:absolute; left:0;
  background-color:#f0f0f0; color:black;
  border-radius:10px;
 }
.product_sublist > ul > li:not(.suppress-hover):hover > a > .cat-pop:nth-child(3) {
 top:0; opacity:1;
  max-height:500px;
  -webkit-transition: all 0.3s ease 0.6s;
     -moz-transition: all 0.3s ease 0.6s;
      -ms-transition: all 0.3s ease 0.6s;
       -o-transition: all 0.3s ease 0.6s;
          transition: all 0.3s ease 0.6s;
}
.product_sublist > ul > li:not(.suppress-hover):hover > a > .cat-pop:nth-child(4) {
 top:0; opacity:1;
  max-height:500px;
  -webkit-transition: all 4.3s ease 4.6s;
     -moz-transition: all 4.3s ease 4.6s;
      -ms-transition: all 4.3s ease 4.6s;
       -o-transition: all 4.3s ease 4.6s;
          transition: all 4.3s ease 4.6s;
}
.product_sublist.iq > ul > li:not(.suppress-hover):hover > a > img {
  top:75px;
  -webkit-transition: all 0.3s ease 0.6s;
     -moz-transition: all 0.3s ease 0.6s;
      -ms-transition: all 0.3s ease 0.6s;
       -o-transition: all 0.3s ease 0.6s;
          transition: all 0.3s ease 0.6s;
  opacity:0.3;
}
*/


/* thumbnail drop-down second-level hover */
.product_sublist > ul > li:hover > .cat-drop {
  overflow:visible; /* show :before outside box */
}
.product_sublist > ul > li > .cat-drop.has_children:before {
  content:"\25bc \25bc \25bc"; color:#888; background-color:rgba(204,204,204,0.9);
  display:block;
  margin-left:auto; margin-right:auto; width:150px; text-align:center;
  border-radius: 5px 5px 0 0;
  height:20px; margin-top:-20px;
}
.product_sublist > ul > li > .cat-drop:hover:before { opacity:0.3; content:"" }
/*.product_sublist > ul > li > .cat-drop       > div:nth-child(3) { height:auto }
.product_sublist > ul > li > .cat-drop:hover > div:nth-child(3) { height:100px }*/
/*.product_sublist > ul > li > .cat-drop:not(:hover) > div:nth-child(3):after { content:" \0002C5  details  \0002C5"; color:#bbb }*/
.product_sublist > ul > li > .cat-drop       > div:not(:nth-child(3)) { max-height: 0; overflow:hidden }
.product_sublist > ul > li > .cat-drop:hover > div:not(:nth-child(3)) { max-height:350px; overflow:auto; transition: all 1.4s ease 0s }
/*.product_sublist > ul > li > .cat-drop       > .cat-drop-div1 > img { display: none }
.product_sublist > ul > li > .cat-drop:hover > .cat-drop-div1 > img { display: block }*/

#libraryfilters { clear:both; width:200px; float:right }
#librarybody {
  clear:both;
  /*background-color: #f0f0f0; background-color: #ffff80;
  border: 1px solid black;*/
  /*border-top: 1px solid #ddd;*/
  padding:5px; padding:3px
}

/* top* are common top-level page structure */

/* vertical shift depending on number of toolbars */
.topvalign0 { top:0px; bottom:0 }
.topvalign1 { top:40px; bottom:0 }
.topvalign2 { top:50px; bottom:0 }
.topvalignp { top:0px; bottom:0 }

/* top-links */
#top-links {
  position:absolute; right:70px; top:0;
  white-space:nowrap; font-size:80%;
}
#top-links > div { background-color:rgba(0,0,128,0.5); float:right; clear:right }
#top-links > *:nth-child(2) { font-size:140%;float:right;color:white; }

#top-cart { position:absolute;right:0;top:0;width:65px }

/* header page region */
#tophead {
  left:0; right:0; height:72px;
  background: #00349A;
  border-top:2px solid #0000c0; margin:0;
  overflow:hidden;
}
#tophead img { border:0; margin:0; }

#topcontact {
  background-color:#8f8;
  position:fixed; bottom:0; left:0; right:0;
  text-align:right;
}


#top { margin:10px}

/* search bar */
#topsearch {
  position:absolute;
  bottom: 3px; right:10px; width:320px;
  margin:0; overflow:auto;
  border-radius:10px;
}
#searchform { display:table; width:100%; font-size:120% }
#searchform > span { display:table-cell; }
#searchform-1 { width:auto }
.searchform-2 { width:1px }
#searchform select { background-color:#f0f0f0; border: 1px solid #c0c0c0; width:5em }
#searchtext { width:100% }
#searchtext:focus { background-color:#ffeecc }

/* search bar autocomplete popup */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF}
.autocomplete-rows { overflow: auto; max-height:300px }
.autocomplete-suggestion { padding: 2px 5px;
  /*white-space: nowrap;*/
  text-indent:-2em; padding-left:2em;
  overflow: hidden; font-size:80%; border-top:1px solid #eee }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
#autocomplete-preview { font-size:80%; border-top: 1px solid #888; padding:0.3em }
#autocomplete-preview > img { float:left; margin-right:5px; }


/** page content region */
#topcontent {
}


/* CSS tooltip (can contain HTML in SPAN, unlike "title" attribute) */
a.tooltipped > span {
  display: none; font-size:12pt; word-wrap: break-word;
  width:150px;
  position: absolute;
  padding:0.5em;
  border: thin solid #808000; 
  background-color: #fffff0; 
}
a.tooltipped:hover { position: relative; }
a.tooltipped:hover > span { display: block; }

.tooltip2 { cursor:help; }
.tooltip2 + span { visibility: hidden; }
.tooltip2:hover + span { visibility: visible; transition-delay: 0.5s; }
.tooltip2 + span {
  font-size:12pt; word-wrap: break-word;
  width:150px;
  position: absolute;
  padding:0.5em;
  border: thin solid #808000; 
  background-color: #fffff0;
}

/* catalog page number label ("also in catalog") */
.catalog_label {
  float:right; background-color:#f0f0f0; text-align:center;
  font-size:85%;
  margin:4px; width:auto; padding:0.4em;
  border-radius:15px; opacity:0.7
}


/* "Relates Pages" box. */
#related_xref {
  margin: 0.7em;
  border: 1px solid black; border-radius: 5px;
  background-color: #f0fff0;
  border-spacing:0;
  display: inline-block;
}
#related_xref > .productlist_banner { background-color: #cfc }

/* seealso_inferred box. */
#seealso_inferred {
  margin: 0.7em;
  border: 1px solid black; border-radius: 5px;
  background-color: #f0fff0;
  border-spacing:0;
  display: inline-block;
}
#seealso_inferred > .productlist_banner { background-color: #cfc }

/* "Popular items also purchased" box. */
#also_purchased {
  margin: 0.7em;
  background-color:#ffeeee;
  border:1px solid #808080; border-radius:5px;
}
#also_purchased .productlist_banner { background-color:#ffaaaa; }
#also_purchased > ul {
  height: 200px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
}
#also_purchased:not(.iq) > ul:hover {
  min-height: 250px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
#also_purchased > ul > li { white-space:normal }
#also_purchased.iq {
  background-color: #204040;
}
#also_purchased.iq .productlist_banner {
  background-color:#c0d0ff;
}

/* "Back Links" box. */
#backlinks {
  margin: 0.7em;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #ffffee;
  display: inline-block;
}
#backlinks > .productlist_banner { background-color: #ffffcc; }

/* "See Also" box. */
#see_also {
  margin: 0.7em;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #f0f0f0;
  display: inline-block;
}
#see_also.iq {
  margin: 0.7em 0 0;
  width:100%;
  text-align:center;
}
#see_also.iq > ul {
  transform: scale(0.8);
  margin-bottom: 0; /* iq override */
}
#see_also > .productlist_banner { background-color: #e0e0e0; }


/* e.g. hilite for search terms */
.hilite {background-color: rgba(255,255,128,0.5); border:1px solid rgba(192,192,0,0.5) }

/* textbox watermark (watermark.js) */
input.marked { color: #808080 }

.image-popup-standard { position: relative }
.image-popup-standard > span { display:none; width:400px; height:500px; position:absolute; z-index:1 }
.image-popup-standard:hover > span { display:block; position:absolute }

.blurb { background-color: #dbeff4; padding:1em; margin-bottom:2em; border-radius:40px; color:black}

/* thumbnail lists of products */
  .productlist_banner {background-color:#d7ebff; border-radius: 5px; text-align: center; font-weight:bold; padding: 5px 5px 5px }
#main_wrap #category_list > .productlist_banner { color:black; /*background-color:#adbb93*/ }
/*unused:  .product_sublist .product_category_label {background-color:rgba(220,255,220, 0.8); border-radius: 5px; text-align: center; left:0; top:-0.5em; position:absolute; min-width:150px; font-weight:bold; border: 1px solid black; max-height:40px; overflow:visible}*/
  .product_sublist > ul { margin:0; padding:0; list-style-type: none; }
  .product_sublist > ul > li {
     display: inline-block;
     *display:inline;zoom:1; /*IE*/
     max-width:306px; height:150px;
     vertical-align:top; margin:5px 15px 25px;
     font-size:85%;
     position:relative;
   }

  /* IMG and A link */
  .product_sublist > ul > li > a { overflow: hidden; position:relative; background-color:white }
  .product_sublist > ul > li > a > img {
     position:absolute; left:0; top:0;
     width:130px; height:87px; background-color:white;
     border-radius: 10px 10px 0 0;
     display:block; 
  }
  .product_sublist > ul > li > img.product_sublist_shadow { width:130px; height:87px; }

  .product_sublist > ul > li > a { width:130px; height:150px; display:block;
                                   border:1px solid #ccc; border-radius:10px }
  .product_sublist:not(.instrument) > ul > li.thumbnail-wide > a { width:260px }

  .product_sublist span.prod_no_image {
    display:inline-block; vertical-align:middle; width:90px; color:#808080 }

  /* label */
  .product_sublist .prod_label {
    position:absolute; left:0; top:118px;
    transform: translateY(-50%);
    display:block; width:124px; padding:3px; text-align:center;
   background-color:rgba(255,255,255,0.8); border-radius:5px;
   line-height:1em; /*iq*/
  }
  a > .prod_label { color:#158; font-size:11pt; font-weight:normal }
  a:visited > .prod_label { color: purple }
  .product_sublist .prod_label_overlap { position:absolute; background:rgba(255,255,255,0.7); height:auto }
  .product_sublist a:hover .prod_label { overflow:visible; }
  #list_.product_sublist .prod_label, #list__.product_sublist .prod_label
      {font-size:120%; font-weight:bold}

  /* A hover */
  .product_sublist a:hover:hover, .product_sublist a:hover div {border-color:#808000; /*IE10bug-disabled: popup resize on hover? border-color:#904 */ }

  /* extra description, e.g. on multipliers */
  .product_sublist .prod_desc { width:130px;height:150px; background-color:#f8f8f8; display:block; float:right; color:black; border-right:1px solid #808080; border-top:1px solid #808080; box-sizing:border-box; line-height:1.1em; font-size:80%; padding-left:2px }


  /* price */
  .product_sublist .prod_price { right:0;top:0; position:absolute; background: rgba(255,255,255,0.5); opacity:0.5 }

  /* section title */
  .productlist_section_title {
    background-color: rgba(69,133,139,0.85); color: white;
    position:absolute; border-radius:5px; padding:2px;
    white-space:nowrap;
    top:-10px; z-index:1;
    line-height: 1em /*iq override*/
  }
  .product_sublist_text > ul > li > .productlist_section_title {
    display:inline-block; padding:0 2px; margin-right:0.5em; position:static;
  }

  /* zoom popup images for thumbnails */
  img.prod_zoom.prod_zoom { visibility:hidden; width:100px; height:500px;
      position:absolute; left: 0px; top:150px; z-index:10;
      box-shadow: 10px 10px 5px #888888;  border:1px solid black; border-radius:5px; }

  .prod_desc2.prod_desc2.prod_desc2 { background-color:rgba(255,255,96,0.7); padding-bottom:0.3em; border-radius:5px }

  #librarybody .prod_hilite { box-shadow: 0px 0px 2px 5px #ffff00; background-color:#ffffc0}
  #librarybody .prod_hide { opacity:0.35 }

  /* product finder - more */
  h1 a { background-color:#f0f0f0; border-bottom: 2px dotted #808080; }

  /* qty count () */
  span.count { color:#808080 }

  #list_.product_sublist { clear:left}

  .category_filter { margin:2px 0 0; border:2px solid #ccf; border-radius:10px; }
  #main_wrap .category_filter { border:2px solid rgb(201,212,182) }

  /* text only product_sublist */
  .product_sublist_text { background-color:#D8D8E8; }
  #main_wrap .product_sublist_text { background-color: rgb(221,232,202); line-height:1em; font-size:60% }
  .product_sublist_text > ul > li > a > img { display:none; }
  .product_sublist_text .selected {font-weight:normal; font-size:100%} /* avoid resize */
  .product_sublist_text > ul > li { margin-bottom: 0.2em; }
/*  #category_list { -webkit-column-count:5; -moz-column-count:5; -ms-column-count:5; -o-column-count:5; column-count:5; }*/
  .product_sublist_text > div { float:left; }
  .product_sublist_text > ul { margin:0; list-style:none }
  .product_sublist_text > ul > li { float:left; margin:0.1em;
    border: 1px solid #bbb; border-radius:10px; padding:4px; font-size:80%
  }
  .product_sublist_text:after { content:""; display:block; clear:both }

  /* Category filter list box expand toggle */
  .category_filter > .productlist_banner { cursor: pointer; text-align:left; }
  .category_filter.product_sublist_text > .productlist_banner:before { content:"[+] "; font-size:80%; color:#888 }
  .category_filter.product_sublist      > .productlist_banner:before { content:"[-] "; font-size:80%; color:#888 }


  li.toggle {float:left; margin-right:0.4em} 

  /* additional search results on literature (non-products) */
  #more_results { margin-top:1em }
  #more_results div {margin: 0.3em }
  #more_results .more_results_url {color:#bbbb99; font-size:80%}
  #more_results .more_results_title {border-radius:5px; background-color:#ffffcc; font-weight:bold; text-align:center }
  #more_results .result_news { background-color: #e0e0a0 }

#prod-text > a {display:block}


#also_purchased2 {
  margin-top:1em;
  border:1px solid #808080;
  border-radius:5px;
  background-color: #bbc7c7;
}
#also_purchased2 .productlist_banner {
  background-color:#a2aac3;
  color:#525358;
}
#also_purchased2 .slick-slider {
  margin: 0 40px 0;
}
#also_purchased2 .slick-slide {
  position:relative;
  width:130px; height:150px;
  border-radius:10px;
  border:1px solid #ccc;
  margin:5px 15px;
  overflow:hidden;
  background-color:white;
}
#also_purchased2 .slick-slide > a > img {
  margin-left:auto; margin-right:auto;
}
#also_purchased2 .slick-slide > a > .prod_label {
  width:100%;
}
#also_purchased2 .slick-slide:hover {
  border-color: #808000;
}
#also_purchased2 .slick-next,
#promotions .slick-next
 {right:-40px}
#also_purchased2 .slick-prev,
#promotions .slick-prev
 {left:-40px}
#also_purchased2 .slick-next,
#also_purchased2 .slick-prev,
#promotions .slick-next,
#promotions .slick-prev
{
  width:40px;
  height:100%;
}
#also_purchased2 .slick-next:before,
#also_purchased2 .slick-prev:before,
#promotions .slick-next:before,
#promotions .slick-prev:before
{
  font-size:40px;
}
#promotions .slick-next,
#promotions .slick-prev
{
background-color:#d0d0d0;
}
#promotions { background-color:#f0f0f0; }
#promotions .promotion { background-color:white }

/* application note page headers */
.apnote-head { background-color:blue;  }
.apnote-head div:nth-child(1):before {  content:url('/art/sis/sislog.gif'); float:left; margin-right:1em }
.apnote-head div:nth-child(1) { float:left;  color:#ff8; font-size:170% }
.apnote-head div:nth-child(2) { float:right; color:#f88; margin:0.3em }
.apnote-head:after { content:""; display:block; clear:both }


#ed { margin:8px }

/*#part-selector {
  border:1px solid #888; padding:0.5em; margin:0.2em;
  background-color: #EAEAEA;
}*/
.part-selector-detail { margin: 0.5em }
/*.part-selector-attribute { display: table-row }
.part-selector-attribute > * { display: table-cell }
.part-selector-attribute > label { font-weight:bold; text-align:right; padding-right:0.5em; }*/

.inexact-image.product-image:before /*iq*/
{
  content: "Image shown is not an exact representation.";
  position:relative; float:left;
  font-size:80%;
}
.inexact-image h1:after { /*old*/
  content: "Image shown is not an exact representation.";
  position:relative; float:right; top:2em;
  font-size:10pt;
}

/* "Help Us Improve" pop-up */
#help-improve {
  border: 1px solid black; border-radius:5px 5px 0 0;
  background-color:#cfc;
  position:fixed;
  right:0; bottom:1.2em;
  height:0.8em;
  overflow:hidden; 
  width:200px;
  padding:0.2em;
     -moz-transition-delay: all 1.0s ease 0.3s;
      -ms-transition-delay: all 1.0s ease 0.3s;
       -o-transition-delay: all 1.0s ease 0.3s;
  -webkit-transition:       all 1.0s ease 0.3s;
          transition:       all 1.0s ease 0.3s;
  z-index:100;
  cursor:default;
}
#help-improve-title { font-size:80%; text-align:center }
#help-improve:hover {
  height:280px;
  -webkit-transition-delay: all 0.2s ease 0.1s;
     -moz-transition-delay: all 0.2s ease 0.1s;
      -ms-transition-delay: all 0.2s ease 0.1s;
       -o-transition-delay: all 0.2s ease 0.1s;
          transition-delay: all 0.2s ease 0.1s;
}

/* prevent magiczoom resizing original image */
#product_left#product_left#product_left#product_left#product_left#product_left#product_left#product_left .mz-figure > img {
  max-height:300px !important;
  max-width:100% !important;
  width:auto !important;
}

/* included from rating.css */
.star{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOFJREFUeNrsmEFoHFUYx9/MdHfTJRKzUhBaFiL1YghZCFQUIV6UQJuLWCgr8eKpIoiFSqsHQYrmYj14KHqxKAl6MbA5eCgKRVAMBhpCwIJQCETRQzTsNtnO7s74+17fbGc3M7OzZhUsHfjzdvd97/++973vff99Y/m+rwb5WL0Idz60h2nckTc8Nw2hncLmAnhtIB7i3VGan8VD8Dhebh+U8FOaX8Bh4EB48R8TQlai+QnkgMTxD/AYpFt9EULk0EyBD8Dn4BPT9TZ4CrwD6Wos4V+XrUdpXzQk4tUEkAFXwNUu+1fAWWO7anADLDLJTkCYpf0K3DQe3Ui5oUI6B8ShlyBstZfMMiXoX4MV8GZKQgnJcXA6nKPtGJoE/gZ8Cy6mIJPwnIJsL3ZTIB2h+U6WANZjyE6Aj8Cz3WT7TooJ7HUwneDdc+BaFFnc0SuCzQTCTWOT+iwfN6cjWJ6clo9NzOS5Bcb6IZTZj5pU+syEYNV8XzA2Y6lOCptyhGbDeDFPnJa6TlGZ5rxJ/nxkSRPCACR5EUyHf4sCNjOgENVn/ecVe+CEy8vLWgJmZ2fd1IRra2vxSbe5eYlmu1gsXo6zmZycTKcpkEn6vC61kM+FQYiUeDdvauP5Ay0ZjyIlgKVv9bVkiBwQVJRX2YwWkKLxrhxB+qYSPaxUKrESANHVrh2PlQAzqSbskAA6UkkA5B0SICvRSzb5ddrMWu4jh8umSLwckLVjSKClWJ6SwsrM76fwLpCAM4x1I9OGjhrN8+AkAyYSyGTDnhEHjCPxeYhBagmIIvtXJOBQkgSY5Z01/76umAy4lbpiG5IqzQuG6Alz9LLmf+IP5hh+AfmxnoSQdUgAg5a6JuuQgMiSFi7fJHkR9JQAbGbA/SoBi4uLWgLK5XIqCdBpkyQBZne3sTm4BGxsbLQlgM+DkYBsNjucyWQKaSXATvCuZFnWHIQqlxMVUOeMx/0RMsgBWgIgcyBVgqwwIwH0JUvAwsJChwQwuOQ4jrJtO/CsfQBc11We56lWqyXfOySALNgJdlmuWzNSB/P5vBKyyJnxMjxBs9mc2tvbEye+DN1l7uYhuaZvAXg1LaQyOOkRL3d3d8XLishHOEd1DMfHx7UEYLjCrCop2aXP2Mht4QxjoyWADi0BxGddZm80GjpWYSL5TfpkYnHAOBK/yxhoCZAl1et1PbharWrUajX9m/SJBESRJUlAr6fvW0CvZyyxOIQPN4kbnv1mlwQERGPhMbHli/Q5Yv5lSdDnSYelrlLWIQGRJS1cvjk1RdBTArCZAferBPT7IkjvcuP7t3pKADaxEpB5+r10FXv3x3kKqqUlgM+DkQB76OFhKzdycAnAo5KynTlraFTZQ4/gqH3ursd9EjLIAVoC7KGCAxFWNqSjWgLoS5aAfS+C7EzJcrLKOjSkrNwoFu0ToPz6n8pv3dFQXjPyRdA9CbDsk/ZDx5SQxWiAsg4X7vE361NedQsn/P0SELwIgmzaHiZMtpMcKK+pWlUuVF6j0v0iSMcw/+QFLQF+y13xbv/GpF4CWUt5tV+FTEsAY6MlgA4tASxlnaUo362yLGLlh2Lo1iCjj4nFAeNI/H9sDHbYxesEfcK//XvSoq9Fkf0/JCDqDWfV3I+TJGCLne19CzAvgtoS8OBF0APC6OdvAQYAj2xzC/IfXBsAAAAASUVORK5CYII=');
    background-position:left -2px;
    display:inline-block; /* SIS-PATCH: was block */
    width:20px;
    height:16px;
    line-height:16px;
    /* SIS-PATCH:remove: float:left; */
    cursor: pointer;
    zoom:1;
}
.fullStar{
    background-position:left -59px;
}
.stars{
    overflow: hidden;
}
.tmp_es{
    background-position:left -21px;
}
.tmp_fs{
    background-position:left -40px;
}

#about-sidebar {
  float:right;
  width:15em;
  margin: 0.5em;
  border: 1px #e2e2e2 solid;
  border-top: 5px #e2e2e2 double;
  border-bottom: 5px #e2e2e2 double;
  border-radius: 0 25px 0 0;
  background: #eaeaea;
  background: linear-gradient(135deg, #eaeaea 0%,#ffffff 50%,#eaeaea 100%);
}
#about-sidebar > ul > li { list-style: none }


.myvideos > a {
  width:300px; display:inline-block;
  max-width:90%; height:225px;
  font-size:12px;
  margin: 5px;
  vertical-align:middle;
  border:1px solid white;
  text-align:center;
}
.myvideos > a:hover {
  opacity: 0.9; border:1px solid #808080;
}

@media only screen
{
/* list notebook control */
.pages:not(.notebook) { background-color: #dbeff4; padding:1em; margin-bottom:2em; border-radius:40px}
.pages > div:not(:first-child) { display:none; }
.pages > section:not(:first-child) { display:none; }
#page-1 { display:block}
.pages > .tabs { width:20em; float:right; list-style:none;
  padding-left:1.5em; margin: 0 0.5em 0; border-left:1px solid #aaa }
.pages:not(.notebook) > .tabs li { padding:0.2em; text-indent:-1.2em; border-radius:10px 10px 0 0; padding:0.5em; }
.pages:after { content:""; display:block; clear:both }
.pages-select { background-color:#ff8 }
#ed .pages > div { display:block; border: 1px dashed black }

/* horizontal tab version */
.pages.notebook { clear:both; margin-bottom:1em }
.pages.notebook > section,
.pages.notebook > div
{
background-color: #f4f4f4; border: 1px solid #ccc; padding: 0 1em 1em;
}
.pages.notebook > .tabs { float: none; width: auto; border-left:0; padding:0; margin:0 0 -1px}
.pages.notebook > .tabs > li { display:inline-block; border:1px solid #ccc; border-bottom:0; text-indent:0; border-radius:10px 10px 0 0; margin:0; margin-right:0.3em; padding:0 }
.pages.notebook > .tabs > li > a { padding:0.5em 1em; font-size:15px; display:block; line-height:1em }
.pages.notebook > .tabs > li:not(.pages-select) { background-color:#b8b8b8 }
.pages.notebook > .tabs > li.pages-select { background-color:#f8f8f8 }
.pages.notebook h2 { display:none }
.pages.notebook > section,
.pages.notebook > div { padding-top:0.5em }

/* instrument thumbnails */
.product_sublist.instrument > ul > li { height:50px; margin:5px }
.product_sublist.instrument > ul > li > a { background-color:#f0f0f0; height:50px }
.product_sublist.instrument > ul > li > a > img { display:none; }
.product_sublist.instrument > ul > li > a > .prod_desc { display:none; }
.product_sublist.instrument > ul > li > a > span { top:25px; height:auto; /*top:0; transform:none;*/ }


.image-list { border:1px solid #c0c0c0; border-radius:10px; text-align:center; margin: 0.7em 20px }
.image-list > div { display:inline-block; margin:10px }
.image-list > div > div { color:black; text-align:center; font-size:8pt; margin:0 20px; }
.image-slider { margin: 0 0.7em 30px }
.image-slider .slick-arrow { height:100%; background-color:rgba(128,128,128,0.5); }
.image-slider .slick-arrow:hover { height:100%; background-color:rgba(128,128,128,0.3); }
.image-slider  .flickity-slider > div { color:black; text-align:center; padding:5px; font-size:8pt; margin:0 20px; }
.image-slider  .flickity-slider > div > div { text-align:center }
.image-list.image-list img { height:150px }
.image-slider.image-slider img { height:150px; max-width:none } /* override .typography img */
.image-slider .flickity-slider { }
.image-slider .flickity-viewport { margin-left:50px; margin-right:50px }

#pop_cover {
 position:fixed; left:0; right:0; top:0; bottom:0;
 background-color:rgba(0,0,0,0.5); z-index:99999;
}
#pop_cover > div {
 margin:auto; width:400px;
 border:1px solid black; background-color:#f0f0f0;
}

#product-sale { color:red; font-weight:bold }

a.btn_find.btn_find { color:white !important }
a.btn_find.btn_find:hover { color:white !important }
.btn_find { margin:20px 0 0; font-size:16px; /*line-height:36px;*/ height:36px; text-transform:uppercase; color:#FFF !important; padding:5px 30px 5px 10px; font-weight:600; display:inline-block; border:1px #06335f solid; position:relative;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 background: rgb(255,114,0); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(255,114,0,1) 0%, rgba(212,44,0,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,114,0,1)), color-stop(100%,rgba(212,44,0,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(255,114,0,1) 0%,rgba(212,44,0,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(255,114,0,1) 0%,rgba(212,44,0,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(255,114,0,1) 0%,rgba(212,44,0,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(255,114,0,1) 0%,rgba(212,44,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#d42c00',GradientType=0 ); /* IE6-9 */ }
.btn_find:hover	{ text-decoration:none !important; background:#e14100; }
.btn_find:not(.noarrow):after	{ content:""; width:15px; height:10px; text-indent:-99999px; overflow:hidden; display:block; background:url(/themes/mysite/images/raquo.png) no-repeat center top; position:absolute; top:14px; right:10px; }

/* for application notes */
.newslist li { display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid gray; clear:left }
.newslist li:after { content:""; display:block; clear:left; opacity:0}
.newslist img { float: left; margin:0 10px; padding:5px; background-color:#e0e0e0; background:linear-gradient(to bottom, #e0e0e0, #ffffff 50%, #e0e0e0); border-radius:10px }
.newslist a > span { font-size:120%; font-weight:bold }
#note-filters {
  background-color:#e0e0e0; border-radius:10px; padding:5px; margin:5px;
  float:right; font-size:80%;
}
#note-filters > div { }


@media (max-width: 600px) {
  .pages .tabs { float:none }
}


/* print output and mobile devices */
.phone { display: none; }
@media only screen and (max-device-width:500px),
       only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-min-device-pixel-ratio: 1.5),
       only print
{
  /*improve*/
  #top {margin-left:0}

  #librarybody { margin-right:0 }
  #libraryfilters { clear:both; width:auto; float:none }

  #topsidebar {display:none}
  #leftbar {position:relative; left:auto;top:auto; bottom:auto; right:auto;
            width:100%}

  html body #topsearch {font-size:100%}

  /* #topsearchbar {display:none} */
  #topsearchbar {position:relative; width:auto; height:auto}
  #topsearchbar div { float:left}
  #topcontent {position:relative; padding-left:0; bottom:auto; right:auto; overflow:visible;}
  .topvalign0, .topvalign1, .topvalign2 { top:auto; }

  /* show/hide elements on mobile phones */
  .phone { display: inline }
  .nonphone { display: none }
}

@media (max-width: 950px) {
  #top-links { position:static; margin-right:65px; background-color:rgba(0,0,128,0.5); }
  #top-links#top-links > span { float:none; font-size:inherit; white-space:normal; background-color:initial; }
  #top-search { top:
}

@media (max-width: 600px) {
  #topsearch {left:auto; width:100%; top:100%; position:static}

  .column3 { width:50% }
  .multicolumn {
    -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2; column-count:2;
    columns:2;
  }

  .cat-drop { width: 400px }
}
@media (max-width: 400px) {
  .column2, .column3 { width:100% }
  .multicolumn, .twocolumn {
    -webkit-column-count:1; -moz-column-count:1; -ms-column-count:1; -o-column-count:1; column-count:1;
    columns:1;
  }
  .cat-drop { width: 300px }
  .product_sublist li { margin:1px } /* condense */
  #pop_cover > div { width:100%; }

  .comment-field { white-space:normal; display:block; }
  #comment-box { margin:0; padding:5px; }
}

/*  #category_list { -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2; column-count:2; }*/
/*  #category_list { -webkit-column-count:3; -moz-column-count:3; -ms-column-count:3; -o-column-count:3; column-count:3; }*/



/*********** DEPRECATED ITEMS BELOW *******/


/* a sidebar */
.sidebar {background-color:#0080c0; color:white; padding-top:10pt;
          font-size:10pt; font-weight:bold }
.sidebar a {color:white; text-decoration: none}
.sidebar a:visited {color: #d0d0d0}
.sidebar a:hover {text-decoration: underline; color: #ff0000}
.sidebar ul {padding:0; margin:0; margin-left:1em;}
.sidebar ul.top {margin-left:0.2em}
.sidebar li {list-style-type: disc}
.sidebar ul.top li {list-style-type: none; padding-top:0.3em;  }
.sidebar_h1 {color: #ffff00; font-weight: bold; font-size: 12pt; text-align:center; background-color:#0000c0}
.sidebar_h2 {color: #ffff00; font-weight: bold; font-size: 10pt}
.sidebar_h3 {color: #ffff00; font-weight: bold; font-size: 8pt}