html{
  height: 100%;
}
body{
	margin:0;
	padding:0;
	color: #000;
	font: 0.7em/2 "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #eaeaea;
	min-height: 100%;
	/*height: auto !important;*/
  height: 100%;
}

#outer_container{
	width: 90%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: white url(images/center_bg.png) repeat-y left;
	position: relative;
	overflow: hidden;
}
#container{
	margin: 0 0 0 20px;
	background: url(images/container_bg.png) repeat-y right;
	height: 100%;
	padding-right: 20px;
}
#shade_right {
  width: 20px;
  height: 100%;
  background: white url(images/container_bg.png) repeat-y left;
  position: absolute;
  right: 0;
  height: 100%;
}

#header{
	background: #eaeaea url(images/header_bg.png) repeat-x 0 bottom;
}
#header_top{
	background: #000 url(images/header_top_bg.png) repeat-x;
	overflow: hidden;
	padding-bottom: 2px;
}
#logo{
	float:left;
	width: 250px;
	height: 100px;
	text-indent: -1000em;
	background: url(images/logo.png) no-repeat left top;
	margin: 0;
}
#header_container{
	width: 700px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.floater_right{
	width:0px;
	height:76px;
}
#menu{
	float:right;
	display: inline;
	padding: 0;
	list-style: none;
	background: black;
	color: white;
	margin: 0 50px 0 0;
	overflow:hidden;
	clear: right;
}
#menu li{
	float:left;
	display: inline;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 15px;
	padding: 2px 0;
}
#menu li a{
	color: white;
}
#menu li.active {
	font-weight: bold;
}

#products {
  list-style: none;
  padding: 0 0 0 35px;
  margin: -2px 0 0 0;
  overflow: hidden;
  /*background: url(images/products_bg.png) repeat-x;*/
}
#products li {
  float: left;
  padding-left: 15px;
}
#products li a {
  display: block;
	padding: 0.5em 15px 0.5em 0;
	padding-left: 10px;
	margin-left: -10px;
}
#products .active {
	background: url(images/products_li_left.png) repeat-y left top;
}
#products .active a {
	background: url(images/products_li_right.png) repeat-y right top;
}
#products #search{
	float:right;
	margin-right: 50px;
	margin-left: 0;
	height: 2.4em;
	padding-right: 0;
	padding-top: 0.5em;
	padding-left: 0;
}
#products #search input{
	width:180px;
	color: #999;
}

#content{
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 10px;
	background-color: white;
        overflow: hidden;
}
#content .summary{
	margin-bottom: 20px;
	font-style: italic;
}
#sidebar{
	float:right;
	width: 30%;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 12px;
	border-left: 1px solid #ccc;
	font-style: italic;
}
#sidebar a{
	color: #d71e00;
	text-decoration: underline;
}
#sidebar a.content{
	color: #000;
	text-decoration: none;
}
#page{
        float: left;
        width: 60%;
}
#footer{
  float: left;
	border-top: 1px solid #ccc;
	color: #666;
	clear: both;
	padding-right: 50px;
	margin-left: 50px;
  margin-top: 20px;
	padding-top: 19px;
}
* html #footer {
  display: inline;
}
#footer p{
	font-size: 85%;
}
#footer a{
	color: #666;
}
#language{
	font-size: 80%;
	text-transform: uppercase; 
	float:right;
	padding: 0;
	list-style: none;
	overflow: hidden;
	margin: 55px 50px 8px 0;
}
#language li{
	float: left;
	background-position: 0px 1px;
	padding: 0;
	margin: 0 0 0 10px;
}
#language a{
	padding: 0;
	display:block;
	width:16px;
	height:13px;
	text-indent: -1000em;
	margin: 0;
	background: no-repeat center 2px;
}
#language li.active a{
	background-position: center 0px;
	color: #29190f;
}
#language a:hover{
	background-position: center 0px;
}

#content ul{
	list-style-type: square;
}

h1{
	margin: 0;
	padding:0;
  font-size: 150%;
}
h2{
	margin: 0 0 5px 0;
	padding-top: 30px;
	font-size: 130%;
}
h3{
	margin:0;
	padding:0;
	font-size: 110%;
}
p{
	margin: 0 0 10px;
	padding: 0;
}
a{
	color: #29190f;
	text-decoration: none;
}
a:hover{
	color: #644c3d;
	text-decoration: underline;
}
#content a:hover {
  text-decoration: none;
}
a img {
	border: none;
}
hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid #E6D5A4;
}

/*
#content table#products {
	border: none;
	line-height: 1.9em;
}
#content table#products td {
	padding: 5px 0;
	text-align: left;
	background: none;
	border: none;
}
#content table#products td h2 {
	margin: 0 0 5px 0;
	padding-top: 0;
}
#content table#products td h3 {
	margin: 5px 0 0 0;
}

#content table#products p {
	margin: 0;
	clear: both;
}
*/

.validation-advice {
	color: #900;
}
.validation-failed {
	background-color: #F6EED7;
}
.form-notice {
	font-style: italic;
	color: #644c3d;
	display: block;
	clear: both;
}

#content form {
	padding: 0;
	margin: 0;
}
#content form table {
	border: none;
}
#content form tr {
}
#content form td {
	background: none;
	border: none;
	text-align: left;
	padding: 0;
	vertical-align: top;
}
#content label {
	width: 135px;
	float: left;
}
#content label.nofloat {
	float: none;
}
#content .input_radio {
	float: left;
}
#content .input_text,
#content .input_file,
#content .input_textarea {
	width: 200px;
}
#content input.mail {
	width: 1px;
	height: 1px;
	border: none;
	color: white;
	position: absolute;
}

#content a.proposal {
	display: -moz-inline-block;
	display: inline-block;
	background: url(/uploads/Image/general/proposal_left.gif) no-repeat left top;
	line-height: 22px;
	padding-left: 6px;
	margin: 0 5px;
}
#content a.proposal span {
	display: -moz-inline-block;
	display: inline-block;
	background: url(/uploads/Image/general/proposal_right.gif) no-repeat right top;
	padding-right: 6px;
}
#content a.proposal:hover {
	text-decoration: underline;
}


/* Products stuff */
img.spotlight {
  float: right;
  width: 200px;
  margin-top: -1.5em;
}

div.product_children {
  overflow: hidden;
}
div.product_child {
  float: left;
  margin-right: 10px;
  text-align: center;
}
div.product_child a {
  float: left;
  width: 125px;
  height: 140px;
  overflow: hidden;
  padding: 6px 1px 1px 1px;
}
div.product_child a:hover {
  border: 1px solid #ccc;
  
  padding: 5px 0 0 0;
}
div.product_child h3 {
  padding: 0.5em 0 0 0;
  line-height: 120%;
}
div.product_child img {
  height: 100px;
}


div.product_images {
  overflow: hidden;
}
div.product_images a {
  float: left;
  margin: 0 10px 10px 0;
  padding: 1px;
}
div.product_images a:hover {
  border: 1px solid #ccc;
  padding: 0;
}
div.product_images img {
  height: 100px;
}



table {
  margin: 1em 0;
}

table.product_attributes {
  border-collapse: collapse;
  line-height: 1em;
}
table.product_attributes td,
table.product_attributes th {
  padding: 5px;
  border: 1px solid #ccc;
  margin: 0;
}
table.product_attributes th {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
table.product_attributes .name {
  font-weight: bold;
}




table.product_packagings {
  border-collapse: collapse;
  line-height: 125%;
  color: #221511;
}
table.product_packagings th,
table.product_packagings td {
  border: 1px solid #ccc;
  padding: 5px;
}
table.product_packagings tbody th {
  font-style: italic;
  font-weight: normal;
  text-align: left;
}
table.product_packagings tbody td {
  text-align: center;
}
table.product_packagings .name {
}
table.product_packagings .picture {
  background-color: transparent !important;
  padding: 0 5px;
}
table.product_packagings img {
  width: 60px;
}



table tr.odd td,
table tr.odd th,
table td.odd {
  background-color: #f5f5f5;
}


div.product_theme_products {
  clear: both;
  overflow: hidden;
}

#themes h2 {
  border-bottom: 1px solid #ccc;
}


/*
div.product_packagings {
  clear: both;
  overflow: hidden;
  padding-bottom: 12em;
}
div.product_packaging {
  float: left;
  position: relative;
}
div.product_packaging img {
  width: 75px;
  border: 1px solid transparent;
  border-bottom: none;
}
div.product_packaging .product_packaging_attributes {
  display: none;
  position: absolute;
  top: 76px;
  left: 0;
  border: 1px solid #ccc;
  background-color: white;
  width: 250px;
  padding: 0 5px;
  z-index: 100;
}
div.product_packaging a:hover img {
  border-color: #ccc;
}
div.product_packaging a:hover .product_packaging_attributes {
  display: block;
}
.product_packaging_attributes .name {
  font-weight: bold;
}
.product_packaging_attributes table {
  margin: 0;
}
.product_packaging_attributes table td {
  border: none;
  background-color: none;
  padding: 5px 5px 5px 0;
}

div.product_packaging_attributes div.white_border {
  height: 1px;
  width: 75px;
  background-color: white;
  position: absolute;
  top: -1px;
  left: 0px;
  z-index: 200;
}


<h2><r:product:string key="packagings" /></h2>
<p><r:product:string key="packagings_text" /></p>
<div class="product_packagings">
<r:product:packagings:each>
  <div class="product_packaging">
    <a href="#" onclick="return false;">
      <r:product:packagings:image><img src="<r:product:images:thumb />" alt="" /></r:product:packagings:image>
      <div class="product_packaging_attributes">
        <div class="white_border"></div>
        <span class="name"><r:product:packagings:name /></span>
        <table class="product_attributes">
        <r:product:attributes:each>
          <tr><td><r:product:attributes:key />:</td><td><r:product:attributes:value /></td></tr>
        </r:product:attributes:each>
        </table>
      </div>
    </a>
  </div>
</r:product:packagings:each>
</div>

*/






* html #outer_container { overflow: visible; }

* html div.product_children,
* html div.product_images,
* html div.product_theme_products {
  overflow: visible;
  height: 1%;
  clear: none;
}

* html #language { display: inline; }
* html #products { display: inline-block; }
* html #header_top { display: inline-block; }
* html #products .active {
  background: white;
  border: 1px solid #a5a5a5;
  border-width: 0 1px;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/products_li_left.png', sizingMethod='crop');*/
}
* html #products .active a {
  background: none;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/products_li_right.png', sizingMethod='crop');*/
}



@media print {
	#logo {
		text-indent: 0;
		background: none;
		margin-left: 1.3cm;
	}
	#breadcrumbs,
	#language,
	#menu {
		display: none;
	}
	#header {
		background: none;
	}
}