/* volner.ch Style Sheet */


*{
margin: 0;
padding: 0;
}

html{
  /*overflow: visible;*/
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  padding: 0Px;
  overflow: hidden; /*CHanged from auto to hidden*/
  height: 100%;
  margin: 0;
  background: #000; /* #370000  url(/pics/overlay_int.png) */
  text-align: center;
}


#main {   /*Main Container infos*/
  position: relative;
  /*overflow: auto; TO PUT BACK TO AUTO*/
  overflow: hidden; 
  color: white;
  width: 720Px;
  /*height: 100%;*/
  margin : 0 auto;
  background-color: black;
  border-left: solid white 1Px;
  border-right: solid white 1Px;
  z-index: 0;
}

/*************************
 *    All content from header
 *    displayed below
 ***************************/  
#header {
  position: relative;
  width: 720Px;
  height: 102Px;
  background: url(../pics/bg/header_bg.png) top no-repeat scroll;
  border: none;
  font-family: Century Gothic;
  z-index: 3;  
}

#header a {
  position: relative;
}

#home {
  position: absolute;
  margin: 0Px;
  margin-top: -20Px;
  display: block;
  height: 52Px;
  width: 135Px;
  top : 14Px;
  left: 20Px;
  z-index: 4; 
}

#home a{
  position: relative;
  display: block;
  height: 80Px;
  width: 150Px;
  color: black;
}

#index_header {
  position: relative;
  width: 720Px;
  height: 103Px;
  background: url(../pics/bg/header_index_bg.png) top no-repeat scroll;
  border: none;
  font-family: Century Gothic;
  z-index: -1;  
}

#index_header p{
  position: relative;
  margin: 0;
  top: 50Px;
  font-size: 18Pt;
}

a#index_dealer{
  position: absolute;
  top: 5Px;
  right: 10Px;
  font-size : 14Px;
}

a#index_dealer:hover{
  color: orange;
  text-decoration: underline;
}

#index_header ul#nav{
  position: absolute;
  top: 1px;
  right: 0Px;
}

/*ul#lang{ OLD LANGUAGE NAVIGATION BAR (Flags)
  position: relative;
  margin: 0;*/
  /*top: -25Px;*/
  /*margin-top: 5Px;
  right: 8Px;
  list-style: none;
  float: right;
  font-size: 8px;
}

ul#lang li{
  position: relative;
  margin: 2Px 4Px;
  float: left;
  height: 12Px;
  width: 23Px;
} */

ul#lang{
  position: absolute;
  left: 20Px;
  top: 20Px;
  list-style: none;
  font-size: 8px;
  height: 50Px;
  width : 100Px;
}

ul#lang li{
  position: relative;
  float: left;
  height: 20Px;
  width: 33Px;
}

ul#lang img{
  border: none;
}


/*Inside Pages Navigation Menu*/

ul#nav{
  display:inline ;
  position: relative;
  margin: 0Px;
  float: right;
  font-size: 15Px;
  font-family: "Century Gothic";
  list-style-image:url('../pics/list-pic.gif');
}

#nav .home{
  margin-right: 50Px;
}

ul#nav li{
  position: relative;
  margin: 10Px 12Px 0Px 12Px;
  float: left;
}

#nav a:hover{
  text-decoration: underline;
  color: orange;
}

#nav .active a{
  color: orange;
}


/**********
 * End of Header infos
 ***********/   

#content_index {
  position: relative;
	top: -10Px;
  margin: 0Px;
  width: 720Px;
  height: 570Px;
  background: url(../pics/bg/index_bg-2-logo.jpg) no-repeat scroll center;
  z-index: 2; 
}


#retailer{
margin: 0;
width: 100%;
font-family: Candara, "Century Gothic";
font-style: italic;
font-size: 19Px;
position: absolute;
top: 480Px;
/*left: 250Px;*/
}

#retailer span{
color: white;
text-align: center;
text-decoration: none;
}

#map {
  position: relative;
  top :20%;
}

#map img#carte {
    position: relative;
    border: solid gray 1px;
}

#map img#carteie{ /*This id is moved away on purpose ie css shows it.*/
  position: relative;
  left: -9999Px;
}


#mapfoyers img#carte {
  position: relative;
  border: none;
  top: 0Px;
  right: -15Px;    
  z-index:4;
}



div span#\`space\`{
  color: black;
} /*HIDING THE SPACE IN THE TITLE OF VENTILATION  <span id=`space`>..............</span> NON VALID*/

div span#`space`{
  color: black;
}


div span#space{
  color: black;
}

ul#index_menu{
  margin: 0Px auto;
  position: relative;
  list-style: none;
  text-align: center;
  top: 58%;
  left: 20Px;
  width: 640Px;
}

#index_menu li{
  text-align: center;
  margin: auto;
  width: 160Px;
  height: 132Px;
  float: left;
  font-family: Century Gothic;
  font-size: 14Px;
}

#index_menu li#electric{
  margin-top: -10Px;
}

img#electrique{
position: relative;
top: -4px;
}



img#accu_inactive{
position: relative;
top: -7px;
left:8px;
}


#index_menu li#electric span{
  margin-top: -5Px;
}

#index_menu li#electric span#index_russian{
margin-top: -18Px;
}

#index_menu img{
  border: none;
}

#index_menu span{
  display: block;
  position: relative;
  margin: 0;
  margin-top: 15Px;
  bottom: 0Px;
}

a {
 color: white;
 text-decoration: none;
}

/*Firebox INdex Page*/

#inner_wrapper {
  overflow: hidden; /*TO REMOVE ONCE FINISHED*/
  position: relative;
	top: -120Px;
  margin: 0Px;
  width: 720Px;
  height: 720Px;
  background: url(../pics/bg/index-fireboxes-bg.jpg) no-repeat top;
  z-index: 2; 
}

#inner_wrapper h1{
  display: block;
  height: 100Px;
  margin: 0Px;
  position: relative;
	top: 120Px;
 /* font-family: "HelveticaNeue-Light",Helvetica, "Microsoft Sans Serif", Tahoma, Arial;*/
  /*font-family: "century gothic";*/
  font-family: Verdana;
	font-weight: lighter;
	background: url(../pics/bg/h1-bg.png) no-repeat center 50Px;
  z-index: 2; 
}


ul#surrounding_menu{
  margin: 0 auto;
  padding: 0Px;
  position: relative;
  list-style: none;
  top: 16%;
  width: 600Px;
  height: 120Px;
}

ul#surrounding_menu li{
  margin: 10Px 20Px 0Px 20Px;
  text-align: center;
  width: 80Px;
  height: 120Px;
  float: left;
  font-family: Century Gothic;
  background: url(../pics/bg/li-bg.png) no-repeat center  125Px;
  font-size: 14Px;
}


#surrounding_menu img{
  border: solid 1px gray;
}

#surrounding_menu span{
  display: block;
  position: relative;
  margin: 0;
  margin-top: 5Px;
  bottom: 0Px;
}

.inactive{
filter:alpha(opacity=40);
-moz-opacity:.4;
opacity:.4;
}

.inactive span{
color: gray;
}

span.inactive {
color: gray;
}

.inactive:hover{
text-decoration: none;
}

ul#firebox_menu{
  margin: 0 auto;
  padding: 0Px;
  position: relative;
  list-style: none;
  top: 16%;
  width: 600Px;
}

ul#firebox_menu li{
  margin: 10Px 20Px 0Px 20Px;
  text-align: center;
  width: 155Px;
  height: 180Px;
  float: left;
  font-family: Century Gothic;
  background: url(../pics/bg/li-bg.png) no-repeat center  125Px;
  font-size: 14Px;
}

#firebox_menu img{
  border: none;
}

#firebox_menu span{
  display: block;
  position: relative;
  margin: 0;
  margin-top: 15Px;
  padding: 0Px 20Px;
  bottom: 0Px;
}

/*
Product Page Layout and Elements
*/



#content_products{
  position: relative;
  overflow: visible;
  top: -102Px;
  margin: 0Px;
  padding-top: 100Px;
  width: 720Px;
  height: 820Px;
  background: url(../pics/bg/products-bg.jpg) black no-repeat ;
  z-index: 0;
}
/*#content_products {
background:black url(../pics/bg/products-bg.jpg) no-repeat scroll 0 0;
margin-top:-103px;
overflow:hidden;
padding-top:100px;
position:relative;
top:0;
width:720px;
z-index:0;
}*/

#text{
  width: 325Px;
  /*margin-top: -15Px;*/
  top: -15Px;
  position: relative;
  float: right;
  right: 10Px;
  font-family: Microsoft Sans Serif;
	font-weight: lighter;
}

#text p{
  position: relative;
  width: 280Px;
  left: 45Px;
  margin: 0;
  margin-top: 10Px;
  margin-bottom: -10Px;
  font-family: "century gothic";
  font-size: 12px;
  text-align: left;
}

#surrounding{
  margin-bottom: 20Px;
}

#surrounding span{
  position: relative;
  display: block;
  text-align: right;
  font-family: "century gothic";
  font-size: 14Px;
  margin-bottom: 10Px;
}

#surrounding span.russian{
  font-size: 12Px;
}


#dimensions img{
  border: none.;
}

#picto_dimensions{
  position: relative;
  /*top: -5Px;*/
}


#surrounding ul{
  list-style-type: none;
  font-family: "century gothic";
  font-size: 12Px;
  text-align: left;
  margin-left: 60Px;
  line-height: 12Px;
  margin-top: 10Px;
}

#surrounding li{
  margin: 5Px;
}

#surrounding #dimensions ul{
  float: right;
  list-style-type: none;
  position: absolute;
  font-family: "century gothic";
  font-size: 12Px;
  top : 80px;
  right: 45Px;
  line-height: 18Px;
}



#content_products h1{
  display: block;
  height: 40Px;
  margin: 0Px;
  position: relative;
  text-align: right;
  /*padding-right: 15Px;*/ 
  font-size: 25Px;
  text-transform: capitalize;
	/* font-family: "HelveticaNeue-Light",Helvetica, "Microsoft Sans Serif", Tahoma, Arial;*/
  /*font-family: "century gothic";*/
  font-family: Verdana;
	font-weight: lighter;
	background: url(../pics/bg/h1-bg.png) no-repeat right 30Px;
  z-index: 2; 
}



#content_products table{
  margin: 0 auto;
  text-align: right;
  position: relative;
  font-size: 12Px;
  font-family: Century Gothic;
  z-index: 2;
}

#content_products td{
  padding: 0Px 10Px;
}



td.lefttable{
  text-align: left;
}


#content_products h2{
  display: block;
  height: 30Px;
  margin: 0;
  margin-top: 5Px;
  margin-bottom: -5Px;
  position: relative;
  text-align: right;
  right: 0px;
  /*padding-right: 15Px; */
  font-size: 15Px;
/*	font-family: "HelveticaNeue-Light",Helvetica, "Microsoft Sans Serif", Tahoma, Arial;*/
  /*font-family: "century gothic";*/
	font-family: Verdana;
  font-weight: lighter;
	background: url(../pics/bg/h1-bg.png) no-repeat right 18Px;
  z-index: 2; 
}

#content_products h2.fireboxes{
  font-family: "century gothic";
	font-weight: lighter;
  font-size: 18Px;
  background: url(../pics/bg/h1-bg.png) no-repeat right 20Px;
  
}

#content_products h2.volner{
  position: relative;
  top:25Px;
}

#main_pic{
  position: relative;
  text-align: left;
  width: 395Px;
}

#main_pic img{
  border: 1Px solid gray;
  margin: 0Px;
  padding: 0px;
  position: relative;
  top: -30Px;
  z-index: 4;
}

/* NEXT and PREVIOUS links management*/


#main_pic a#previous{
  border: none;
  display: block;
  top: 0px;
  position: absolute;
  /*width: 27Px;*/
  /*height: 36Px;*/
  width: 40%;
  height: 60%;
  background: url('../pics/arrow_previous.png') no-repeat center left; 
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
  z-index: 5;
}

#main_pic a#next{
  border: none;
  top: 00px;
  right: -1px;
  float: right;
  display: block;
  position: absolute;
  /*width: 27Px;
  height: 36Px;*/
  width: 40%;
  height: 60%;
  background: url('../pics/arrow_next.png') no-repeat center right;
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
  z-index: 5;
}


#main_pic a#previous:hover{
  background: url(../pics/arrow_previous-up.png) no-repeat center left;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  z-index: 5;
}

#main_pic a#next:hover{
  background: url(../pics/arrow_next-up.png) no-repeat center right;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  z-index: 5;
}

/* Ednd NEXT & Previous links management */

/*Sub Section Details sets*/

.details{
  text-align: left;
  position: relative;
  height: 80Px;
  margin: 0Px;
  margin-right: 20Px;
  margin-top: -5Px;
  top: 35Px;
  float: right;
  padding-top: -15Px;
  width: 270Px;
  display: table-cell;
  line-height: 0Px;
}


.subtitle{
  position: absolute;
  display: block;
  margin: 0;
  top: 20Px;
  right: 210Px;  
}

.details img{
  border: none;
  margin: 0;
  padding: 0;
  /*margin-top: -10Px;*/
  clear: both;
    vertical-align: middle;
}

.details span{
  position: relative;
  text-align: right;
  font-size: 12Px;
  /*white-space: normal;*/
  width: 50Px;
}

.details a#next{
  position: relative;
  left: 25%;
  display: block;
  text-align: center;
  height: 30Px;
  width: 200Px;
  color: white;
  z-index: 6;
  margin: 0Px;
  line-height: 30Px;
}

.details a#next:hover{
color: orange;
text-decoration: underline;
}

.details span.four{
left: -12Px;
}

/*.details span.special{
  display: block;
  position: relative;
  text-align: left;
  font-size: 12Px;
  top: 5Px;
  width: 150Px;
}*/

.details ul{
  position: relative;
  float: right;
  margin: 0Px;
  margin-top: -30Px;
  padding: 0Px;
/*  width: 240Px;*/
  left: 10PX;
}

.details ul.accessories{
  width: 240Px;
  left: 20Px;
}

.details ul span{
  display: block;
  position: relative;
  /*left: -25Px;*/
  text-align: center;
  width: 50Px;
  height: 15Px;
  font-size: 9Px;
  line-height: normal;
}



.details ul span.foyers{
  position: relative;
  /*left: -25Px;*/
  display: block;
  text-align: center;
  /*width: 100Px;*/
  font-size: 11Px;
  
}

.details a{
  display: block;
  height: 80Px;
}



.details li{
  list-style-type: none;
  position: relative;
  float: left;
  text-align: center;
  /*height: 50Px;*/
  margin: 0Px 5Px;
  width: 50Px;
}

.details .large span{
 left: -25Px;
  position: relative;
   top: 5Px;
  width: 150Px;   
}

.details .large li{
  float: right;
  margin: 0Px;
  width: 110Px;
}

.details li.large{
  width: 110Px;
}


/*.large img{
  border: none;
  margin: 0Px;
}*/


.pdf {
  margin-bottom: 0px;
  margin-top: 0px;
}

.newpdf {
  position: relative;
  margin-bottom: 0px;
  margin-top: 0px;
  top: 65Px;
  border: none;
}

#wrapping {
  position: relative;
  padding-top: 20Px;
  margin: 0 auto;
  width: 325Px;
/*  height: 300Px;*/
}

#wrapperProducts {
  position: relative;
  padding-top: 0Px;
  margin: 0 auto;
  width: 325Px;
/*  height: 300Px;*/
}

#wrapping p{
  margin-top: -20Px;
  margin-bottom: -30Px;
}

#wrapping p.ru{
  /*margin-top: -25px;*/
  left: 30Px;
  width: 300Px;
  font-size: 11px;
}

#wrapping p a{
  font-size: 12Px;
  font-weight: 400;
  color: orange;
}

#wrapping p a:hover{
  color:orange;
  text-decoration: underline;
}

#din_logo{
  position: relative;
  top: 10Px;
}

/****************************
 *   Dealer Pop Up Management
 *******************************/ 


p#ventilateur{
text-align:left;
}
p#sidetube{
text-align:right;
}



body#popup{
 /* max-height: 520Px;*/
  width: 500Px;
  overflow: hidden;
  margin: 0;
}