html, body {
  margin: 0;
  padding: 0;
}

html {
  font-size: 65.2%;
}

body {
  background: #e0e0e0 url("../images/body_bg.jpg") top left repeat-x;
  font-family: "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  padding-bottom: 10px;
}

ul {
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  position: relative;
}

img {
  border-width: 0;
}

br {
  line-height: 2em;
}

h2 {
  margin: 0;
  color: #000000;
  font-weight: normal;
  font-size: 1.3em;
  //font-size: 2.5em;
  letter-spacing: -1px;
  line-height: 1em;
}

li.noborder {
  border-width: 0 ! important;
  background-image: none ! important;
}

span.grey {
  color: #999999;
}

span.red {
  color: #fd6400;
  font-size: 1.8em;
}

div#site {
  margin: 0px auto 0 auto;
  width: 977px;
}

div#header {
  background: url("../images/header_bg_with_category_tree.png") top left no-repeat;
  margin: 0;
  padding: 0;
  width: 977px;
  height: 179px;
}

div.header_with_category_tree {
  background: url("../images/header_bg.png") top left no-repeat ! important;
}


a#logo {
  float: left;
  margin: 34px 0 0 9px;
}

a#logo img{
  
}

div.slogan {
  margin: 36px 33px 0 0;
  float: right;
  font-size: 18px;
  color: #ffffff;
  text-align: right;
}

ul#main_menu {
  clear: both;
  padding: 0;
  margin: 4px 18px 0 0;
  float: right;
}

ul#main_menu li {
  display: inline;
  border-right: 1px solid #cacaca;
  padding: 0 1.4em 0 1.1em;
}

ul#main_menu li a {
  font-size: 1.3em;
  color: #cacaca;   
}

ul#main_menu li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

div.shade_border_right {
  background: url("../images/right_shade.png") top right repeat-y;
}

div.shade_border_left {
  background: url("../images/left_shade.png") top left repeat-y;
}

div#navmenu {
  background: #eaede9 url("../images/menu_bg.gif") top left repeat-x;
  width: 258px;
  float: left;
}

div#navmenu {
  text-transform: uppercase;
}

ul.nav_menu {
  padding: 0;
  margin: 0 0 0 28px;
}

ul.nav_menu li {
  margin-bottom: 1.2em;
}

ul.nav_menu li a {
  color: #000000;
  font-size: 1.7em;
}

ul.nav_sub_menu {
  padding: 0;
  margin: 3px 0 0 9px;
}

ul.nav_sub_menu li {
  margin: 0;
  padding: 0;
}

ul.nav_sub_menu li a {
  font-size: 1.2em;
}

ul.nav_sub_menu li a.active {
  text-decoration: underline;
}

ul.nav_sub_menu1 {
  margin: 0.5em 0 1.5em 0;
  padding: 0.5em;
  border: 2px solid #f9f9f9;
  width: 195px;
}

ul.nav_sub_menu1 li a {
  text-transform: none;
  font-size: 1.1em;
  color: #333333;
}

ul.nav_sub_menu1 li a:hover {
  color: #009e00 ! important;
  text-decoration: underline;
}

ul.nav_sub_menu1 li a.active {
  color: #ff6600;
  text-decoration: underline;
}

ul.trail_menu {
  padding: 0;
  margin-bottom: 3em;
}

ul.trail_menu li {
  display: inline;
}

ul.trail_menu li a {
  padding-right: 16px;
  background: url("../images/trail_arrow.png") center right no-repeat;

}

ul.trail_menu li.noborder a {
  background-image: none ! important;
}

ul.trail_menu li a, a.back_link {
  color: #666666;
  font-size: 1.15em;
} 

ul.no_trail li a {
  color: #333333;
}

a.back_link {
  background: url("../images/back_arrow.gif") 0 50% no-repeat;
  display: block;
  width: 4em;
  padding-left: 0.8em;
  margin: 0 0 1.4em 0;
}

div#main h1 {
  margin: 0 0 0.9em 0;
  font-size: 2.2em;
  font-weight: normal;
}

img.present_img {
  margin-bottom: 3.6em;
}

div#main p {
  width: 625px;
  font-size: 1.1em;
  line-height: 1.15em;
  margin: 0 0 1em 0;
}

ul.pdf_links {
  margin: 0 0 2.6em 0;
  padding: 2.4em 0 1.6em 0;
  width: 625px;
  border-top: 1px dotted #919191;
  border-bottom: 1px dotted #919191;
}

ul.pdf_links li {
  padding: 0;
}

ul.pdf_links li a {
  background: url("../images/pdf.gif") 0 0 no-repeat;
  padding: 0.3em 0 1em 2.5em;
  display: block;
  font-family: "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 1.1em;
  color: #333333;
}

ul.pdf_links li a:hover {
  background-image: url("../images/pdf_bw.gif");
}

a.mail_link {
  //float: left; /*just drop this line and see ie7 pdf links hover reaction :) */
  background-image: url("../images/at.gif");
  background-position: 2% 50%;
  background-repeat: no-repeat;
  padding: 0.3em 0 0.3em 2.5em;
  font-family: "Lucida Grande", "Lucida Sans", sans-serif;
  font-size: 1.1em;
  color: #333333;
}

a.mail_link:hover {
  background-image: url("../images/at.gif");
}

a.category_img {
  float: left;
  width: 126px;
}

a.category_img img {
  /*width: 126px;*/
}

ul.product_list {
  margin: 10px 0 0 0;
  padding: 0;
}

ul.product_list li {
  clear: both;
  margin-bottom: 1.4em;
  min-height: 120px;
}

ul.product_list li a.category_img {
  float: left;
  position: relative;
}

ul.product_list li h2 {
  margin: 0 0 0 8px;
  text-align: left;
  width: 490px;
  margin-left: 155px;
}

ul.product_list li h2 a {
  color: #00a000;
  text-transform: uppercase;
  font-weight: normal;
  /* font-size: 0.9em; */
} 

ul.product_list li p {
  margin: 9px 0 0 155px ! important;
  width: 495px ! important;
  font-size: 1.1em;
  line-height: 1.15em;
}

div.category_item {
  margin-bottom: 1.4em;
  overflow: hidden;
}
    
div.category_item h2 {
  margin: 0 0 0 8px;
  float: left;
  text-align: left;
  width: 490px;
}

div.category_item h2 a {
  color: #00a000;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.9em;
}

div.category_item p {
  margin: 9px 0 0 8px ! important;
  float: right;
  width: 495px ! important;
  font-size: 1.1em;
  line-height: 1.15em;
}

div.wrap {
  background: #eaede9 url("../images/content_bg.gif") top left repeat-x;
  overflow: hidden;
  margin: 0 8px;
}

div#main {
  margin: 0 10px 0 20px;
  float: left;
  width: 660px;
  //width: 520px;
  padding-bottom: 46px;
}

div#footer {
  background: url("../images/footer_bg.png") top left no-repeat;
  width: 977px;
  height: 51px;
}

div.copy, div.address {
  margin: 16px 29px 0 29px;
  color: #393939;
  font-size: 1em;
}

div.copy {
  float: right;
}

a.logicast {
  color: #393939;
}

a.logicast:hover {
  color: #ffffff;
  text-decoration: underline;
}

div.address {
  float: left;
}

.required {
  color: red;
}

.info {
  color: #3f4447;
  font-size: 0.9em;
}

.hint {
  font-size: 10px;
}

/* Contact Form */
.contact_info {
  white-space: nowrap;
  min-width: 760px;
}

.contact_info div.primary {
  margin: 0;
  padding: 0;
  float: left;
}

.contact_info div.secondary {
  margin: 0;
  padding: 0;
  margin-left: 26px;
  float: left;
}

.contact_info div.message {
  margin: 0;
  padding: 0;
  clear: left;
}

.contact_info div table th {
  width: 100px;
}

.contact_info div table td {
  padding-left: 20px;
}

/* News */
div#news {
  width: 278px;
  float: left;
}

div#news h1 {
  color: #ff6600;
  margin: 0 0 0.5em 0;
  font-family: "Lucida Sans", sans-serif;
  font-weight: normal;
  font-size: 1.3em;
}

div#news h2 {
  margin: 0.7em 0 0.1em 0;
}

div#news p {
  line-height: 1em;
}

div.news_item {
  margin-bottom: 0.6em;
}

#news a {
  color: #000000;
}

div.date {
  font-size: 1em;
  font-weight: bold;
  color: #666666;
}

div.news_item p {
  margin: 0;
  color: #666666;
}

.navigation {
  clear: both;
}

/**
* Place for hacks :)
* 
*
*/
ul#main_menu {
  //padding-top: 39px;
}

ul.product_list li h2 a {
  //font-size: 0.6em;
}

ul.trail_menu li {
  //padding-left: 0.2em;
}

div#main {
 //padding-bottom: 10px;
}

* html .wrap {
  width: 961px;
}

ul.product_list li { 
  width: 100%;
  position: relative;
}


* html ul.product_list li { 
  width: 100%;
}
* html ul.product_list li p {
  width: 477px ! important;
}


ul.product_list li h2 {
  position: absolute;
  top: 0;
  left: 0px;
}

ul.product_list li p {
  position: absolute;
  top: 1.2em;
  left: 0px;
}


* html body {
  text-align: center;
}

* html body * {
  text-align: left;
}

* html div.slogan {
  margin-right: 18px;
}

* html ul#main_menu {
  margin-right: 10px;
}

* html ul.pdf_links li {
  width: 100%;
}

