/* @override http://heh/css/main.css */

@import url('reset.css');

/* S T R U C T U R E */
body {
  background: #000 url('../images/background.png') repeat-x;
  color: #FFF;
  height: 100%;
  font-size: 100%;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2em;
  font-family: Arial
}

body.frontpage
{
   background: black;
   position: relative;
}

body.frontpage #generic
{
   margin: auto auto;
   text-align: center;
   width: 450px;
   background: url(../images/logo_big.png) no-repeat 50% 150px;
   padding-top: 350px;
}

body.frontpage #generic a
{
  padding: 20px;
}

a:link { color: #9C9A9A; text-decoration: none; }
a:active { color: #9C9A9A; text-decoration: none; }
a:visited { color: #9C9A9A; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }

.active a:visited { color: #FFB612; }
.normal a:visited, .normal a { color: #E5E5E5; }
.normal a:hover { color: #FFB612; }
.bold { font-weight: bold; }

.typeface-js {
  font-family: Neo Tech;
}

#wrapper {
  background-color: #000;
  height: 540px;
  margin: 75px auto 0px auto;
  padding: 20px;
  width: 800px;
}

#header
{
  height: 90px;
}

#header #logo {
  float: left;
  width: 215px;
  border: 0px;
}

#header #menu {
  float: right;
  margin-top: 30px;
}

#header #menu ul {
  list-style-type: none;
  margin: 0;
}

#header #menu ul li {
  float: left;
  margin-left: 8px;
  margin-left: 15px;
}

#header #menu ul li a {
  font-weight: bold;
  font-size: 0.7em;
  text-transform: uppercase;
}

#breadcrumb {
  clear: both;
  color: #CCCCCC;
  border-top: 1px solid #4D4F53;
  border-bottom: 1px solid #4D4F53;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 5px 0 5px 0;
  width: 100%;
  font-weight: bold;
  font-size: 0.6em;
}

/* C O N T E N T */
#content {
  clear: both;
  float: left;
  height: 406px;
}

#content #map #google {
  float: left;
  margin-left: 170px;
}

#content #map #description {
  float:left;
  font-size:10px;
  padding-left:10px;
  width: 140px;
  line-height:1.6em;
  margin-top: -5px;
}

#footer {
  margin: 20px auto 20px auto;
  width: 840px;
  overflow: hidden;
}

#footer #version {
  float: left;
  font-size: 10px;
  color: #666;
  padding: 14px 0 0 86px;
}
#footer #company {
  float: right;
  margin-right: 20px;
}

#footer #company .spaced {
  margin-right: 45px;
}

#languages {
  margin-left: 20px;
}

#languages .flag {
  float: left;
  margin-right: 5px;
  margin-top: 15px;
}

#contacts { 
  float: left;
  position: relative;
}

#contacts #information {
  position: absolute;
  top: 60px;
  left: 20px;
  font-size: 9px;
  color: #000;
  line-height: 1.8em;
  color: #333;
}

/* G E N E R I C * T A B L E S */
#generic div.column
{
  float: left;
  width: 160px;
  font-size: 0.7em;
  background-repeat-y: none;
}


#generic div.double
{
  width: 320px;
}

#generic div.triple
{
  width: 480px;
}

#generic div.quad
{
  width: 400px;
}

#generic div.fifth
{
  width: 240px;
}

#generic div.column div
{
  overflow: hidden;
  margin-bottom: 2px;
  position: relative;
  margin-left: 2px;
}

#generic div.column div.nomargin
{
  margin-left: 0px;
}

#generic div.header { height: 100px; background-color: #093; }
#generic div.empty  { height: 100px; background-color: #333; }
#generic div.lines  { background-color: #636467; }
#generic div.lines1 { height: 104px; }
#generic div.lines2 { height: 206px; }
#generic div.lines3 { height: 304px; }
#generic div.lines4 { height: 406px; }
#generic div.details { text-align: center; background-color: white; color: #333; }
#generic div.details div { top: 50%; }

#generic span.title { padding: 8px; font-size: 1.6em; font-weight: normal; position: absolute; bottom: 0; }
#generic a.category { padding: 10px; display: block; font-size: 1.6em; font-weight: normal; color: #FFB612; }

#generic div.body     { padding: 6px 4px 0 4px; font-size: 11px; line-height: 120%; }
#generic div.product  { background-color: white; color: #333; }
#generic div.form     { background-color: #636467; }
#generic div.padded   { padding: 10px; }


#generic a.read-more {
  position: absolute;
  bottom: 0;
  color: #F6B117;
  padding: 0px 0 6px 8px;
}

#generic span.alternatives {
  position: absolute;
  height: 46px;
  bottom: 30px;
  left: 5px;
  overflow: hidden;

}

#generic span.alternatives img
{
  width: 40px; height: 40px;
}

#generic span.alternatives a
{
 border: 1px solid white;
 float: left; margin-left: 5px;
}

#generic span.alternatives a:hover
{
 border: 1px solid #FFB612;
}

#generic span.download-pdf {
  position: absolute;
  color: #333;
  padding: 0 0 10px 8px;
  bottom: -40px;
  display: block;
}

#generic .product span.download-pdf
{
  bottom: 0;
  display: none;
  visibility: hidden;
}

#categories
{
  height: 100%;
  margin: 0px;
  padding-right: 8px;
}


#categories span.category
{
  background-color: #636467;
  padding: 6px 0 6px 0;
  display: block;
  margin-bottom: 2px;
}

#categories span.last
{
  height: 100%;
  margin-bottom: 0px;
}


.column #categories h1 { font-size: 13px; }

#categories h1 { font-size: 16px; color: #FFB612; }
#categories h2, #categories h2 a { font-size: 11px; padding: 0px 10px 1px 0px; display: block; }
#categories h1 a { color: #FFB612; padding: 4px 10px 2px 0px; display: block; font-size: 16px; padding-top: 0px; }

#categories a { color: #CCCCCC; line-height: 12px; }
#categories a:hover { color: #FFB612; }

#categories h1.active a { color: #FFB612; }
#categories h2.active a { color: black; }

#categories h2.active
{
  background-color: #F6B117;
  background-repeat: no-repeat;
  background-position: top right;
}

#categories h2.arrow1 { background-image: url(../images/arrow1.png); }
#categories h2.arrow2 { background-image: url(../images/arrow2.png); }

#generic div.form h1      { color: #FFB612; font-size: 1.6em; padding-bottom: 10px; }
#generic div.form label   { color: #FFB612; font-size: 9px; padding: 4px 2px 2px 0; }
#generic div.form select  { color: black; border: 0; width: 212px; padding: 2px;}
#generic div.form input   { color: black; border: 0; width: 212px; padding: 2px;}
#generic div.form textarea   { color: black; border: 0; width: 212px; padding: 2px; height: 218px; margin-bottom: 6px; }
#generic div.form input.submit  { border: 0; background-color: transparent; text-align: left; font-weight: normal; color: #FFB612; padding: 0px; margin: 0px; }

ul.error_list { float: right; color: #FF3333; }
form label {float: left; }