* {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

body { font-family: Tahoma;
   font-size: 11px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   background: white url("../images/back.jpg");
   position: relative; }

/* ---------- PAGE start ---------- */

#page { width: 780px;
   border:1px solid black;
   background: #ffffff;
   margin: 0 auto 0 auto;
   position: relative; }

/* ---------- PAGE end ----------  */

/* ---------- HEADER start ---------- */

#header { width: 780px; height: 161px;
    background: url("../images/header.jpg") top left no-repeat;
	position: relative; }

a#opening { position: absolute; top: 71px; left: 500px;
	width: 280px; height: 60px; }

#header-menu { float: right;
	margin-top: 10px;
	width: 120px;
	height: 30px;
	background: url("../images/header-menu-off.gif") top right no-repeat; }
/*
#header-menu ul { list-style: none; }
#header-menu li { float: right;
	margin-right: 5px;	 }
#header-menu img { border: none; }
*/
#header-menu a { text-decoration: none;
/*	color: #35729f;*/
	color: white;
	background: url("../images/header-menu-off.gif") top right no-repeat;
	padding: 6px 0 9px 10px;
	font-weight: bold;
	display: block;
	text-align: center; }
#header-menu a:hover { background: url("../images/header-menu-on.gif") top right no-repeat; }
   /* ---------- MENU start ---------- */

#menu ul { list-style: none; }
#menu li { width: 195px; float: left; height: 40px;
	background: url("../images/menu_off.jpg") top left no-repeat; }
#menu a { display: block; padding: 13px 0 14px 0; height: 13px; border: none;
   text-align: center; text-decoration: none; font-weight: bold; color: white; }
#menu a:link, #menu a:visited { background: url("../images/menu_off.jpg") top left no-repeat; }
#menu a:hover, #menu a:active, .menuactive { background: url("../images/menu_on.jpg") top left no-repeat; }

   /* ---------- MENU end ---------- */

/* ---------- HEADER end ---------- */


#middle { clear: both;
   padding-top: 5px; }
#small-left, #big-left, #small-content, #big-content { float: left; }

/* ---------- LEFT PANEL start ---------- */

#small-left { width: 200px; }
#big-left { width: 312px; }

.left-menutitle {  }

.big-left-box {	width: 296px; 
	padding: 0 0 0 0;
	margin: 10px 8px 0 8px; }

.big-left-box-header { background: url("../images/big.left.box.header.jpg") top left no-repeat;
	height: 22px;
	/*width: 296px;*/
	border-left:1px solid black;
	border-right:1px solid black;
	padding: 6px 0 0 18px;
	/*font-weight: bold;*/
	color: white; }
	
.big-left-box-content { background: #5a5a5a;
	border-left:1px solid black;
	border-right:1px solid black;
	padding-bottom:5px;
	/*width: 296px;*/ }

.big-left-box-footer {/* background: url("../images/big.left.box.footer.jpg") top left no-repeat;*/
	border-top:1px solid black;
	height: 6px;
	width: 296px;}

.small-left-box { width: 184px; 
	padding: 0;
	margin: 0 8px 0 8px;}

.small-left-box-header { background: url("../images/small.left.box.header.jpg") top left no-repeat;
	height: 20px;
	width: 184px;
	padding: 8px 0 0 8px;
	/*font-weight: bold;*/
	color: white;  }
	
.small-left-box-content { background: #5A5A5A;
/*	padding: 0 5px 0 5px;*/
	border: 1px solid black;
	width: 182px; }

.small-left-box-footer { background: url("../images/small.left.box.footer.jpg") no-repeat top left; 
	height: 6px;
	width: 184px; }

/* STARTER */

#left-starter-pictures { width: 296px; }
#left-starter-pictures td { padding-top: 10px; }
#left-starter-pictures td { width: 98px; 
	text-align: center; }
#left-starter-pictures img { border: none; }
#left-starter-pictures a  { text-decoration: none; }



#starter-left-products { width: 300px; }
#starter-left-products td { padding-top: 5px; }
#starter-left-products td a { font-family: Tahoma; font-size: 11px; padding-left: 10px; color: #fff; text-decoration: none; }
#starter-left-products td a:hover { text-decoration: underline; }

/* PRODUCTS */

#category_list { list-style: none; }
#category_list a { color: #0675ce; display: block; text-decoration: none; }
#category_list li { padding: 5px 10px 0 10px; }
#category_list a:hover, #category_list a:active { background: #37719f; color: white; }

/* ABOUT */

#about-left-download { width: 295px;
	height: 735px;
	scoll: none;
	border: none; }
#products-left-list { width: 183px;
	height: 450px;
	scroll: none;
	border: none; }

/* PROD */
.medium-left { margin: 10px 5px 0 5px;
	background-color:black;
	 }
.medium-header { height: 31px;
	font-size: 12px;
	color: white;
	margin: 8px 0 0 8px;
	padding-top: 4px; 
	}
* html .medium-header { height: 35px; padding-top: 0; }
.medium-content { background:#5a5a5a; 
border-left:1px solid black;
border-bottom:1px solid black;
border-right:1px solid black;}
.left-iframe { width: 365px;
	scroll: none;
	border: none; }
.medium-footer { background: url("../images/medium.box.footer.jpg") top left no-repeat;
	width: 368px; height: 6px; }
#left-renova { background: url("../images/left-renova.jpg") top left no-repeat; }
#left-saunier { background: url("../images/left-saunier.jpg") top left no-repeat; }
#left-vaillant { background: url("../images/left-vaillant.jpg") top left no-repeat; }


/*
#left-renova iframe { }
#left-saunier iframe { }
#left-vaillant iframe { height: 50px; }
#left-downloads iframe { height: 80px; }
*/

#content-prodlist h1 { font-size: 12px; color: #fff;
	padding: 6px 0 6px 0;
	 border-bottom: solid #fff 1px; background-color:black; }
#content-prodlist p { margin-left: 16px; color: #fff; }
#content-prodlist a { color: inherit; text-decoration: none; }
#content-prodlist a:hover { text-decoration: underline; }
#content-prodlist .medium-content { padding-bottom: 10px; float:left;}
#left, #content { float: left; }


/* ---------- LEFT PANEL end ---------- */

/* ---------- CONTENT start ---------- */

#small-content { width: 570px; }
#big-content { width: 458px; }
#full-content { margin: 0 5px 0 0;
	padding-left: 5px;
	width: 770px;}
#small-content, #big-content { padding: 0; }
#small-content li, #big-content li, #full-content li { margin-left: 20px; }

#content ul { list-style: disc outside none;
   margin-left: 20px; }

/* PRODUCTS */

h1#category_header, .about-content-footer-title { font-size: 12px;
	font-weight: bold;
	color: red;
	text-align: left;
	padding-left: 5px;
	padding-top: 6px; }
#category_header_right { margin-bottom: 12px;
	color: #000; }
#category_header_right img { border: none; }
#category_header_right a { text-decoration: none;
	color: #000; }

#category_content { color: #fff; }
#category_content thead { font-weight: bold; }
#category_content thead a { text-decoration: none; color: #fff; }
#category_content thead a:hover { text-decoration: underline; }
#category_content td { padding: 2px 2px 2px 2px; }
.cat_name { width: 185px; }
.cat_desc { width: 145px; }
.cat_code { width: 80px; }
.cat_price { width: 55px; text-align: right; padding-right: 5px; }
.cat_unit { width: 61px; }
.cat_basket { width: 20px; }

.cat_name_inbasket { width: 200px; }
.cat_desc_inbasket { width: 150px; }
.cat_code_inbasket { width: 80px; }
.cat_price_inbasket { width: 65px; }
.cat_unit_inbasket { width: 66px; }

.category_highlight, #category_content thead { background: #5A5A5A; }
.category_normal { background: #8e8e8e; }

	/* BASKET */
.sum { text-align: right;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px; }

/* ---------- CONTENT end ---------- */

/* ---------- FOOTER start ---------- */

#bottom { width: 780px; height: 35px;
   background: url("../images/footer.jpg") bottom left no-repeat;
   clear: both;
   padding-top: 10px; }
#bottom p {
   text-align: center;
   color: white;
   padding-top: 5pt; }

#bottom span { float: right;
   padding-right: 5px; }

/* ---------- FOOTER end ---------- */

/* new menu for the products */

#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 8px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

#containerul a, #containerul a:visited { text-decoration: none;
	color: #fff; }



.asc { background: #646464 url('images/order_asc.png') right center no-repeat; }
.desc {	background: #646464 url('images/order_desc.png') right center no-repeat; }




#popup { position: absolute;
	width: 390px; padding: 5px;
	left: 190px; top: -1000px;
	z-index: 5;
	background: white;
	border: 1px solid black; }
	
#popupClose { display: block; float:right;
	margin: 2px; padding: 2px;
	background: #888; color: white;
	text-decoration: none;
	font-weight: bold; }
#popupClose:hover { color: #ccc; }

a img { border: none; }


.common-header { font-family: Tahoma;
   font-size: 13px;
   font-weight: bold;
   text-align: left;
   margin: 0 0 0 0; 
   padding: 0 0 6px 0;
   text-decoration: none;
   color: #e32a00; }

.common-text { font-family: Tahoma;
   font-size: 11px;
   font-weight: normal;
   text-align: justify;
   margin: 0 0 6px 0;
   padding:0 0 0 0; }
   
   
   
.shop-products ul { list-style: none; margin: 0; }
.shop-products ul a { color: #fff; display: block; 
	padding: 5px 0; /*margin: 0 5px;*/ } 
.shop-products ul.level1 a { padding: 2px 2px 3px 2px;
	font-size: 1em; font-weight: bold; border-bottom: 1px solid #4e4c41;
	text-transform: uppercase; background: #222222; }
.shop-products ul.level2 a { background: #5a5a5a; font-size: 1em; font-weight: bold; padding: 2px 6px 3px; }
.shop-products ul.level3 a { color: #fff; background: #8e8e8e; padding-left: 10px; font-size: 1em; font-weight: normal; padding: 2px 12px 3px; }
.shop-products ul.level4 a { color: #fff; background: #8e8e8e; padding-left: 15px; font-size: 1em; font-weight: normal; padding: 2px 14px 3px; }
.shop-products ul.level5 a { color: #fff; background: #8e8e8e; padding-left: 20px; font-size: 1em; font-weight: normal; padding: 2px 16px 3px; }
.shop-products ul.level6 a { color: #fff; background: #8e8e8e; padding-left: 25px; font-size: 1em; font-weight: normal; padding: 2px 18px 3px; }


.shop-products a { color: white; text-decoration: none; }
.shop-products a:hover { text-decoration: underline; }