body {
  background: url(img/header-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}
body, td, th, input, textarea, select {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 9pt;
}

div#container {
  background: url(img/header.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  width: 1000px;
  text-align: left;
}

h1 {
  font-size: 14pt;
  font-weight: normal;
  margin: 0;
}
h2 {
  font-size: 11pt;
}
a {
	color: #0E4698;
}
a:hover {
	color: #F58220;
}

label {
	white-space: nowrap;
}

#header {
  width: 1000px;
  height: 142px;
}

#header a img#logo {
  position: relative;
  left: 12px;
  top: 9px;
}

.topbar {
  position: relative;
  left: 12px;
  width: 1010px;
}
.topbar1 {
  top: 65px;
  &top: 62px;
  _top: 57px;
}
.topbar2 {
  position: absolute;
  top: 75px;
  _top: 70px;
}
.topbar3 {
  position: absolute;
  left: 80px;
  top: 50px;
  _top: 45px;
  background-color: #d2e4fa;
  padding: 4px 8px 4px 8px;
  font-weight: bold;
}

.topbar a {
  float: left;
  display: block;
  width: 142px;
  height: 36px;
  background: url(img/topbar.gif);
  background-position: left;
  background-repeat: no-repeat;
  margin-right: 1px;
  text-decoration: none;
  color: #a8cde7;
  text-align: center;
  line-height: 50px;
  _line-height: 36px;
  _padding-top: expression('10px');
  font-size: 9pt;
  font-weight: bold;
} 

.topbar a:hover {
  background-position: right;
}

#nav {
  padding-bottom: 3px;
  color: white;
}

#nav a, #nav a:hover {
  color: white;
  text-decoration: none;
}

#nav a:hover {
  text-decoration: underline;
}

#repas {
  position: absolute;
  top: 152px;
  left: 720px;
  font-size: 130%;
  font-weight: bold;
  background: url(img/arrow-right.gif) no-repeat;
  padding-left: 10px;
  background-position: 0px 5px;
  color: #d2e4fa;
  text-decoration: none;
  letter-spacing: -0.9px;
}

#search {
  position: absolute;
  top: 12px;
  left: 720px;
  font-size: 130%;
  background: url(img/arrow-right.gif) no-repeat;
  padding-left: 10px;
  background-position: 0px 5px;
  color: #d2e4fa;
}
#search input {
	border: 1px solid #0e4698;
	background: #d2e4fa;
}
#search .button {
	background: #0e4698;
	color: #a8cde7;
	font-weight: bold;
}

#leftmenu {
  padding-top: 9px;
  margin-left: 22px;
  _margin-left: expression(10);
  font-size: 10pt;
  width: 200px;
  background: url(img/leftmenu-bg.gif);
  background-repeat: repeat-y;
}

#leftmenu a, #leftmenu span {
  padding-left: 24px;
  margin-bottom: 9px;
  text-decoration: none;
  height: 22px;
  display: block;
  _display: inline-block;
  color: #ffffff;
  line-height: 22px;
  width: 176px;
}

.mainm {
  background: url(img/arrow-right.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}

#leftmenu a.leftmenu-active {
  background: url(img/arrow-down.gif);
  background-repeat: no-repeat;
  background-position: 8px center;
}

#leftmenu a.leftmenu-active:hover {
  background: url(img/arrow-down.gif);
  background-repeat: no-repeat;
  background-position: 8px center;
}

#leftmenu a:hover {
  background-color: #0e4698;
}

#leftmenu a.mainm:hover  {
  background-color: #0e4698;
}

#leftmenu .bottom {
  width: 200px;
  height: 27px;
  background: url(img/leftmenu-bottom.gif);
}

#main {
  margin-left: 3px;
  width: 462px;
  _margin-right: expression('-5');
  _width: expression(467);
  margin-top: -2px;
}

#mainer {
  width: 1000px;
  padding-top: 26px;
}

#main-text {
  padding-left: 20px;
  width: 667px;
  _width: expression(665);
}

#products table, #products table tr, #products table tr td, #products * {
  border: 0;
  padding: 0;
  margin: 0;
}

#products div.okraj {
  width: 207px;
  border: 0;
  padding: 0 10px;
  margin: 0px 1px 18px 0px;
  _margin-left: expression('-10');
  _margin-right: expression('-7');
}

#products td {
  width: 205px;
  _width: expression(207);
  background: url(img/product-bg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  color: white;
  _padding-left: expression(9);
  _padding-right: expression(9);
  font-size: 110%;
  border-bottom: 5px solid white;
  vertical-align: top;
}

#products div h2 {
  color: white;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-size: 100%;
}

#products div h2 a {
  color: white;
}

#products div.ceny {
  text-align: center;
}

#products div h4 {
  margin: 0;
  padding: 0;
  margin-left: -10px;
  padding-left: 10px;
  _margin-left: expression('-9');
  _padding-left: expression(9);
  font-weight: bold;
  font-size: 120%;
  color: #f58220;
}

.puvodne {
  text-decoration: line-through;
}

#products div img {
  margin: 0 auto;
  display: block;
}

#rightmenuer {
  width: 301px;
  margin-left: 12px;
  _margin-left: expression(14);
  background: url(img/rightmenu-bg.gif) no-repeat 0px 0px;
  padding-top: 132px;
  _padding-top: expression(60);
}

#leftmenu, #main, #main-text, #rightmenuer {
  float: left;
}

#rightmenu {
  margin-top: -70px;
  _margin-top: expression(0);
  margin-bottom: 20px;
}

.news {
  background: url(img/news-top.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 31px;
  width: 270px;
  _height: expression(31);
  padding-top: 16px;
  margin-bottom: 5px;
}

.news-text {
  background: url(img/news-bg.gif);
  background-repeat: repeat-y;
  color: white;
  font-size: 110%;
  padding: 0px 10px;
  padding-right: 50px;
}

.news-bottom {
  background: url(img/news-bottom.gif);
  background-repeat: no-repeat;
  width:  269px;
  height: 16px;
}
.news a {
	color: #fff;
}
.news a:hover {
	color: #f58220;
}
.emailsubscr {
	border: 1px solid #0e4698;
	xborder: 0;
	background: #d2e4fa;
	width: 208px;
	padding: 0;
	margin-bottom: 1px;
}
.emailbutton {
	border: 1px solid #0e4698;
	background: #0e4698;
	color: #a8cde7;
	font-weight: bold;
	width: 105px;
}
.prodimg {
	float: right;
	width: 250px;
}
.prodimg .smallimg {
	float: left;
}
.paging {
	text-align: right;
	font-size: 8pt;
	font-weight: bolder;
	margin-right: 5px;
	word-spacing: 0.3em;
}
.sorting {
	text-align: right;
	font-size: 8pt;
	margin-right: 5px;
	float: right;
}
.searching {

	font-size: 8pt;
	margin: .2em;	
}
.searchtitle {
	font-size: 8pt;
	margin-left: 2px;
    font-weight: bold;
    background: url(img/arrow-right.gif) no-repeat;
    padding-left: 10px;
    background-position: left;
    color: #d2e4fa;
    margin-bottom: 3px;
}
.searchdetail select {
	width: 100%;
}
.sortasc, .sortdesc {
	font-weight: bold; 
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
.sortasc {
	background-image: url(img/arrow-up.gif); 
}
.sortdesc {
	background-image: url(img/arrow-down.gif); 
}
.prislusenstvi {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}
.prislusenstvi th {
	padding: 2px;
	padding-left: 0;
	padding-bottom: 0;
	white-space: nowrap;
	border-bottom: 1px solid #000;
}
.prislusenstvi td {
	padding: 2px;
	vertical-align: top;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }

#footer {
	margin: 20px;
	margin-left: 225px;
}
#eurotech-prod-nazev,
#eurotech-prod-url,
#eurotech-prod-kats,
#eurotech-prod-anotace,
#eurotech-textitem-name,
#eurotech-textitem-value,
#eurotech-kat-nazev,
#eurotech-kat-parent,
#eurotech-kat-url
 {
	width: 100%;
}
