body, h1 , h2, h3, h4, h5, h6, ul, li { font-weight: normal; margin: 0; padding: 0; }
img { border: none; }
ul { list-style: none; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
.hidden { display: none; }

body { 
  background-color: #FFFFFF;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
}

#wrapper {
  margin: auto;
  padding: 20px 20px;
  position: relative;
}

h1.head a { 
  color: #636466;
  float: left;
  font-size: 60px;
  letter-spacing: -3px;
  text-decoration: none;
  text-shadow: #FFF 1px 1px 1px;
}

h1.head a span { font-size: 20px; letter-spacing: -1px; }

h2.head { 
  float: left;
  line-height: 100px;
}

h3.head a { 
  background: transparent url(../i/logo.gif) bottom right no-repeat;
  margin-top: -1000px;
  height: 1054px;
  position: absolute;
  top: 25px;
  right: 25px;
  width: 184px;
}

/** Home page series/category selector **/

ul#browser { 
  background-color: #FFF;
  clear: both;
  display: block;
}

ul#browser li { 
  border-bottom: solid 1px #00AA00;
}
ul#browser li.last { 
  border-bottom: none;
}

ul#browser li {
  cursor: pointer;
  padding: 10px 0 3px 0;
}

ul#browser a.description {
  color: #000;
  font-size: 36px;
  padding: 0 0 0 .25em;
}

ul#browser a { 
  color: #00AA00;
  font-size: 48px;
  text-decoration: none;
}

ul#browser ul {
  border-color: #4191ce;
  border-style: solid;
  border-width: 1px 0 0 0;
  margin: 4px 0 0 27px;
  padding: 0;
}

ul#browser ul li {
  color: #636466;
  font-size: 18px;
  padding: 10px 0;
}

ul#browser ul a { display: block; font-size: 24px; padding: 0; }
ul#browser ul a.description {
  color: #636466;
  font-size: 18px;
  padding: 0;
}

#trail { color: #00AA00; font-size: 10px; margin: 0 0 10px 0; padding: 0; }
#trail a {
  color: #00AA00;
  line-height: 10px;
  padding: 0;
  margin: 0;
}

#headline {
  border-bottom: solid 1px #00AA00;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 0;
}

#headline h1 {
  color: #fff;
  font-size: 20px; 
  letter-spacing: 0;
}

#headline h2 {
  color: #fff;
  font-size: 16px; 
  letter-spacing: 0;
}

#primary { 
  float: left;
}

#primary h3, #primary a { 
  color: #7fd47f;
  display: inline;
  font-size: 48px;
  line-height: 48px;
  text-decoration: none;
}

#primary h3, #primary a:hover, #primary li.selected a { color: #00AA00; }
#primary ul, #primary li { display: inline; }


/** PDFs **/
ul.pdf { margin: 2em 0 0 0;}
ul.pdf li { margin: .5em 0 0 0;}
ul.pdf a { 
  background: transparent url(../i/pdf.gif) center left no-repeat;
  color: #00AA00;
  display: block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 2px 0 0 20px;
}

div#special-pages { 
  color: #00AA00;
  font-size: 10px; 
  margin: 6px 0 0 0; 
  overflow: hidden;
}

div#special-pages ul { 
  float: left; 
  width: 600px;
}
div#special-pages ul li { display: inline; white-space: nowrap; }
div#special-pages ul a {
  background-image: none;
  color: #00AA00;
   white-space: nowrap;
}
div#special-pages ul span {
  padding: 0 10px;
}
/** Sub head (PDF | Order) **/

#subhead { margin-left: 265px; padding-top: 10px; overflow: hidden; }
#subhead h1 { color: #00AA00; float: left; font-size: 22px; padding-top: 10px; width: 500px; }
#subhead h2 { clear: left; color: #00AA00; float: left; font-size: 12px; width: 500px; }
#subhead #tools { float: right; width: 200px; }
#subhead #tools li {
  display: block;
  float: right;
  padding-left: 10px;
}
#subhead #tools a {
  background: transparent url(../i/print.gif) top center no-repeat;
  color: #000; 
  display: block;
  font-size: 10px;
  height: 24px;
  margin: 0;
  padding: 30px 0 0 0;
  text-align: center;
  width: 50px;
}
#subhead #tools #order a { background-image: url(../i/order.gif); } 
#subhead #tools #extra a { background-image: url(../i/info.gif); } 
#subhead #tools li.active a,
#subhead #tools a:hover { background-position: center -54px; color: #00AA00; }

/** Side bar (category navigation) **/

#sidebar {
  float: left;
  width: 241px;
}

#secondary li {
  border-bottom: solid 1px #00AA00;
  color: #000;
  display: block;
  line-height: 30px;
  text-decoration: none;
}
#secondary li a { color: #000; }
#secondary li.selected a,
#secondary li a:hover { color: #00AA00; display: block; text-transform: uppercase; }
#secondary li ul { border-top: solid 1px #00AA00; }

#secondary li.selected ul a,
#secondary li ul a, 
#secondary li ul a:hover { 
  background: transparent url(../i/right.gif) center right no-repeat;
  color: #00AA00; text-transform: none; 
  display: inline;
  font-size: 12px;
  line-height: 12px;
  padding-right: 10px;
}
#secondary li ul span { display: block; font-size: 8pt; line-height: 12pt; } 
#secondary li.selected ul a.back,
#secondary li ul a.back, 
#secondary li ul a.back:hover {  
  background: transparent url(../i/left.gif) center left no-repeat;
  padding-left: 10px;
  padding-right: 0; 
}

#secondary li ul li.last { border: none; }

#technical-image { margin-top: 25px; }
#technical-image img { display: block; padding: 0; }

p.special a { 
  background: #00AA00 url(../i/large-right.gif) center right no-repeat; 
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 20px 3px 10px;
  margin: 0;
}

p.special.active a { 
  background: #00AA00 url(../i/large-left.gif) center left no-repeat; 
  padding: 5px 10px 3px 20px;
}

p.more a { 
  color: #00AA00;
  font-size: 14px;
  line-height: 14px;
  padding: 0;
  margin: 0;
}

/** Main content area **/

#page { 
  overflow: hidden; 
  padding-top: 5px;
  position: relative;
}

#min-height { float: left; height: 600px; width: 1px; }
#content, #order-table { margin-left: 266px; }
#order-table th,
#order-table td { text-align: left; }
#order-table th.price,
#order-table td.price { text-align: right; }
#order-table img { cursor: pointer; }
#logo { display: none; }

#page img.intro { padding: 0 20px 20px 0; }
#page img.category-intro { padding: 0 20px 20px 0; }
#page div.intro { width: 600px; }
#page ol.caption { line-height: 20px; }
#page ol.caption li {
  padding-bottom: 10px;
  width: 400px;
}

/** Series start page - list of categories **/

#page ul.categories { line-height: 20px; }
#page ul.categories li { 
  background-position: top left; 
  background-repeat: no-repeat; 
  overflow: hidden;
  padding: 0 0 0 265px;
  width: 430px;
}
#page ul.categories a { color: #00AA00; }
#page ul.categories .min-height { display: block; float: right; height: 130px; width: 1px; }

div.extra h2 {
  color: #00AA00;
  font-size: 12pt;
  margin-top: -10px; 
  padding-left: 265px;
}

div.extra ul.pdf {
  margin: 0 0 0 265px;
}

#products {
  border-bottom: solid 1px #00AA00;
  clear: right;
  list-style: none;
  margin-top: 10px; 
  overflow: hidden;
}
#products li {
  border: solid 1px #FFF;
  float: left;
  margin: 0 20px 10px 0;
  overflow: hidden;
  padding: 0;
}
#products li a { 
  background-color: transparent;
  background-position: 0 40px;
  color: #00AA00;
  display: block; 
  height: 40px;
  padding: 0;
  width: 40px;
}
#products li.selected { border-color: #00AA00; }

#products li a.no-image { height: 40px; margin-top: 0; }

#products li a:hover,
#products li.selected a { background-position: 0 0; }

div.description { overflow: hidden; }
div.description p { float: right; }
div.description p.path { float: left; }

#filter, #table { }
#filter { margin-bottom: 25px; overflow: hidden; }

#content h3 { 
  color: #00AA00;
  font-size: 20px;
  padding: 5px 0 0 0;
}

#filter h3 {
  float: left;
  width: 25%;
}
#filter div { float: right; width: 74%;}
#filter select {
  float: left;
  margin: 0 20px 6px 0;
  width: 45%;
}

#products-table, div#technical-tables { margin-bottom: 40px; }
#products-table img { cursor: pointer; }

table.technical,
table.articles {
  border: none;
  border-collapse: collapse;
  border-color: #4191ce;
  margin-top: 5px;
  width: 100%;
}

table.technical {
  border: none;
  width: 99%;
}

table.articles th { 
  border-bottom: solid 1px #4191ce;
  color: #4191ce;
  font-weight: normal;
  padding: .7em .5em .5em .5em;
}
table.articles td.price {
  text-align: right;
}

td { padding: .1em; text-align: center; }
table.articles td.article, th.article { text-align: left; }
table.articles td.add { text-align: center; vertical-align: middle; }
tr.even { background-color: #a0bee4; }
tr.odd { background-color: transparent; }
table.articles td, table.articles th {
  border-bottom: solid 1px #4191ce;
  color: #000;
}