/**************Paragraphs, Text and Headings format***************/
#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:300px;
	height:300px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}
/*end*/
.QA {
	color: #0033CC;
	font-family: "Helvetica Neue";
	font-size: 14px;
	text-decoration:none;
}

.QA:hover{
color: #000;
}

.QAbg{
background-color: #CCCCCC;

}
.QAbg2{
background-color:#F9F9F9;

}
.QAnswer{
background-color: #fff;
border:#CCCCCC;

}
.QAHead
{
background-color:#999999;
font-size:18px;
font-weight:bold;
color: #333333;


}
.paragraph1{
font-family:"Helvetica";
line-height:20px;
}

.Paragraph{
color: #333333;
	font-family: "Helvetica Neue";
	font-size: 12px;
	line-height:17px;
	text-decoration:none;
}
.Paragraph2{
color: #666666;
	font-family: "Helvetica Neue";
	font-size: 16px;
	line-height:17px;
	text-decoration:none;
}
.Paragraph3{
	color: #666666;
	font-family: "Helvetica Neue";
	font-size: 12px;
	line-height:17px;
	text-decoration:none;
	border:#000 solid thin;
	padding: 5px 5px 5px 5px;
	background-color: #F6F6F6;
}
.SmallHeaders{
color: #666666;
	font-family: "Helvetica Neue";
	font-size: 12px;
	line-height:15px;
}
.BigHeaders{
font-family: "Helvetica Neue light";
font-size:26px;
color:#ee222d;
letter-spacing: 6px;

}
.SubHeading{
color: #EE222D;
	font-family: "Helvetica Neue";
	font-size: medium;
	text-decoration:none;

}
.SubHeading2{
color: #006600;
	font-family: "Helvetica Neue";
	font-size: medium;
	text-decoration:none;

}

#c1{
font-family: "Helvetica Neue";
font-size:18px;
color:#000000;
text-decoration:none;

}

.THead{
font-family:"Helvetica Neue";
font-size:14px;
color:#ee222d;

}

a.c1 { 
font-family:"Helvetica Neue";
font-size:16px;
color:#FF0000;

}
.c1 a:hover{ 
color: #0033FF;

}
.TabHeading{
color:#ee222d  ;
font-size:24px;

}
r{color:#ee222d ;}

.view{ font-family:"Helvetica Neue"; color:#000000;}
.Tfooter
{
border-style: solid;
border-top-color: #000000;
border-top-width:thin;
border-bottom:#000000;
border-left:none;
border-right:none;

}

.PFooter {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
}
.style24 {font-size: x-large; color: #EE222D; font-family: "Helvetica Neue";}
.style36 {font-size: x-large; color: #FFFFFF; font-family: "Helvetica Neue";}
.style25 {
	color: #EE222D;
	font-size: 12px;
	font-family: "Helvetica Neue";
}
.style27 {
	color: #8C8C8C;
	font-family: "Helvetica Neue";
	font-size: 12px;
}
.style29 {
	color: #EE222D;
	font-family: "Helvetica Neue";
	font-size: medium;
	text-decoration:none;
}
.style30 {
	color: #000000;
	font-family: "Helvetica Neue" ;
	font-size: 12px;	
}
.date{
    color: #8C8C8C;
	font-family: "Helvetica Neue";
	font-size: 14px;
}

.style42 {font-family: "Helvetica Neue"; font-size: x-large; }
.style1 {font-family: "Helvetica Neue";
	font-size: 12px;
	color: #000000; /*#8C8C8C;*/}
.style35 {
	font-family: "Helvetica Neue";
	font-size: medium;
	color: #666666;
}
.style32 {font-size: small;font-family: "Helvetica Neue";}
.style40 {font-family: "Helvetica Neue"}
.style39 {font-weight: bold; font-size: small; font-family: "Helvetica Neue"; }
.style43 {font-family: "Helvetica Neue"; font-size: large; color: #666666; }
.style44 {color: #CCCCCC}
.style45 {color: #FFFFFF}
.style46 {font-size: xx-small}
.style74 {font-family:"Helvetica Neue"; font-size: x-small; color: #FFFFFF;}
.style75 {font-family: "Helvetica Neue"; font-size: 10px; color: #FFFFFF;}
.style76 {font-family: "Helvetica Neue"; font-size: 10px; color: #EE222D;}

.Headers{
	color: #EE222D;
	font-family:"Helvetica Neue";
	font-weight:bold;
	font-size:27px;
	word-spacing: 5px;
	letter-spacing: 2px;
}
t1{
color:#FF0000;
}

.HeadSplitSys{ font-family:"Helvetica Neue";  color:#FFFFFF; font-weight:bold; }

/**************Paragraphs, Text and Headings format*****End*******/

/**************Divs, Tables and Other stuff*****start******/

.Thumbnail {
	border-width: 1px;
	border-spacing: 1px;
	border-style: dashed;
	border-color: gray;
	border-collapse:separate;
	background-color: white;
	
}

.Thumbnail1 {
	border-width: 1px;
	border-spacing: 1px;
	border-style: dashed;
	border-color: gray;
	border-collapse:separate;
	background-color: white;
	border-bottom:none;
	table-layout: fixed; /*Fixed the table width bcs safari understands 100% screen width no the div*/
	
	
}

.show{
border:#fff 20px;
border-style:solid;
padding-left:10px;
}

.PicBorder{
	
	margin: 0px 0px 0px 0px;
	border-left: 2px solid  #FF0000;
	border-right: 2px solid #FF0000;
	border-bottom: 6px solid #FF0000;
	border-top:2px solid #FF0000;
}
.DixContent{
border: 0px solid gray;
width:690px; 
height:700px;
margin-bottom: 0em; 
padding: 0px;
}
/**************Divs, Tables and Other stuff*****End*******/

/**************Tabs***************/

/**************Tabs - End***************/

.bodystyle
{
	background-image: url(images/body_bg.gif);
	background-color: #B7BCC3;
	font-family: "Helvetica Neue";
	font-size: 12px;
}
.headerstyle
{
	/*background-image: url(images/header_bg2.jpg)*/
	background-image:url(images/Mainalthermabanner.jpg);
}
.banner{ visibility:hidden;}
.contentstyle
{
	margin: 0px;
}
.contentareacolor
{
	background-color: white;
}
.footerstyle
{
	background-color: #ee222d;
	color: #ffffff;
	font-family: "Helvetica Neue";
	font-size: 10px;
	text-align: center;
	
	/*background: url(images/int_heating_logo.png) no-repeat;*/
}
.containerborder
{
	border-left: 1px solid #ee222d;
	border-right: 1px solid #ee222d;
}
.headerheight
{
	height: 120px; /*Keep top property in .lhsnavstyle in sync*/
}
.rhsdefault /**Woman and man**/
{	
	background-image: url(images/Man&Wom.jpg);
	background-repeat: no-repeat;
}
.rhscustom
{
}
.footerheight
{
	height: 15px; /*Keep bottom property in .lhsnavstyle in sync*/
}
.sitewidth
{
	/*Comment width and margin property to make site full width*/
	width: 1020px;
	margin: 0px auto;
}
.lhsnavwidth
{
	width: 180px;

}
.rhswidth
{
	width: 125px;
	right: 0px;

}
.contentoffset
{
	left: 180px;
}
.contentwidth
{
	width: 713px; /*660px;*/
}

#logo_space_air
{
	/*positioning of logo's and searchbox could be done better, using float and margins, so it still looks good when sitewidth is adjusted*/
	z-index: 500;
	position: absolute;
	display: block;
	top: 5px;
	right: 10px;
	width: 230px;
	height: 72px;
	background: url(images/sa_logo1980.jpg) no-repeat;
}
#logo_space_air:hover
{
	/*positioning of logo's and searchbox could be done better, using float and margins, so it still looks good when sitewidth is adjusted*/
	z-index: 500;
	position: absolute;
	display: block;
	top: 5px;
	right: 10px;
	width: 230px;
	height: 72px;
	background: url(images/sa_logo1980over.jpg) no-repeat;
}


/*
#logo_space_air
{
	
	z-index: 500;
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: 210px;
	height: 80px;
	background: url(images/sa_logo.gif) no-repeat;
}*/

/*#logo_altherma
#logo_altherma
{
	z-index: 600;
	position: absolute;
	display: block;
	top: 74px;
	left: 690px;
	height: 60px;
	width: 500px;
	background: url(images/Altherma_logo.gif) no-repeat;
}

*/
/*
#logo_iheat
{

	z-index: 500;
	position: absolute;
	display: block;
	top: 15px;
	left: 330px;
	width: 318px;
	height: 110px;
	background: url(images/iheat.gif) no-repeat;
}
*/
/*
#logo_daikinsmall
{

	z-index: 500;
	position: absolute;
	display: block;
	top: 5px;
	right: 60px;
	width: 144px;
	height: 30px;
	background: url(images/daikin_sml_logo.gif) no-repeat;
}
*/

#altherma_strapline	
{/*z-index: 600;
	position: absolute;
	display: block;
	top: 23px;
	left: 250px;
	height: 40px;
	width: 450px;
	background: url(images/altherma_strapline.jpg) no-repeat*/}
	
#logo_altherma
{
	/*z-index: 600;
	position: absolute;
	display: block;
	top: 0px;
	left: 1px;
	height: 81px;
	width: 250px;
	background: url(images/Logo-Altherma.jpg) no-repeat;*/	
}
#searchbox
{
	position: absolute;
	display: block;
	top: 83px;
	right: 10px;
	z-index: 800;
}

#topnav ul
{
	position: absolute;
	display: block; /*change to block to display tabs at top*/
	top: 90px; /*Calculated from top, 'cause IE60 adds second line of li's on top, if positioned from bottom. Positioning should be based from bottom really*/
	left: 80px;
	right: 40px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 600;
}
#topnav li
{
	display: inline;
	width: auto;
}
#topnav a
{
background-image: url(images/altherma_tabs4Whitebg.png);
	background-position: 0px 0px;
	display: inline;
	float: left;
	width: 100px;
	height: 20px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-family: "Helvetica Neue";
	font-size: 12px;
}
#topnav a:hover
{
	background-position: 0 56px;
}
#subheader
{
	z-index: 500;
	position: absolute;
	display: block;
	height: 22px;
	bottom: 0px;
	left: 10px;
	right: 10px;
	padding: 0px;
	margin: 0px;
	
}
#subheadsides
{
	display: inline;
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 20px;
}
.subheadleftside
{
	float: left;
}
.subheadrightside
{
	float: right;
}
.lhsnavstyle
{
	top: 120px;
	bottom: 0px;
}
#lhsnav_inner li
{
	list-style: none;
	padding: 0px 10px 0px 8px;
	margin: 1px;
}
#lhsnav_inner a
{
	height: 27px;
	display: block;
	text-transform: inherit;
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	padding: 8px 0px 0px 25px; /* horiz alignment*/
	margin: 1px 0px 0px 0px;/*gap between sub navs*/
	
}
#submenublock
{
	padding: 0px 0px 0px 10px;
}
.parentmenu a
{
	background-image: url(images/parentMenuAltherma.png);
}
.parentmenu a:hover, .parentmenu a:active
{
	background-position: 0px 35px;
}
.childonlymenu a
{
	background-image: url(images/childMenuAltherma.png);
}
.childonlymenu a:hover, .childonlymenu a:active
{
	background-position: 0px 35px;
}
#selected a, #toselect a
{
	background-position: 0px 35px;
}

#expandcollapse
{
	display: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	height: 21px;
}
#expandcollapse a
{
	text-decoration: none;
	color: #CCC;
	width: 26px;
	height: 21px;
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	position: absolute; 
	display: block; 
	top: 0px; 
}
.collapse
{
	background-image: url(images/collapse_expand.gif); 
	background-position: right;
	left: 39px;
}
.expand
{
	background-image: url(images/collapse_expand.gif); 
	background-position: left; 
	left: 10px;
}
.translate
{
	width: 30px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	position: absolute; 
	display: inline; 
	top: 0px; 
	
}
.translate_nl
{
	background-image: url(images/flag_nl_small.jpg); 
	right: 30px;
}
.translate_en
{
	background-image: url(images/flag_en_small.jpg); 
	right: 0px;
}


/*********************ImageLoader***************/


#lightbox{
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(js/overlay2.png);}

#overlay2 img{ border: none; }

#overlay2{ background-image: url(js/overlay2.png);}

#HTMLFrame {
	 background-color:#FFFFFF;
	 border:medium #fff;
	 border-style: solid;
	 border-width:10px;
	 border-top-width:25px;
		
}
#details {

}
#CloseImage{
float:left;
cursor:pointer;

}

/* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/overlay.png", sizingMethod="scale");
	}
	
/*******************The End of the ImageLoader***********************/


/*******************The start of the Slider***********************/
div.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	/*color:#FFF;
	font-size:0.9em;
	background-color:#317082;
	width:430px;
	
	background-image:url('images/bg_answer.gif');
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	margin-bottom:2px;
	margin-top:1px;
	padding-left:2px;
	overflow:hidden;
	cursor:pointer;
}
div.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #FFFFFF ;
	background-color: #FFFFFF;
	width:auto;
	
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
div.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}

/**Split system spec css**/
/**AlthermaNews Logo**/
#althermaNews{

display:block;
z-index:250;
height:85px;
width:90px;
}
/**mono specs**/

#Table_01 {
	position:absolute;

	width:630px;
	height:484px;
}

#Monobloc-technical-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:630px;
	height:69px;
}

#Monobloc-technical-02 {
	position:absolute;
	left:0px;
	top:69px;
	width:630px;
	height:29px;
}

#Monobloc-technical-03 {
	position:absolute;
	left:0px;
	top:98px;
	width:317px;
	height:176px;
}

#Monobloc-technical-04 {
	position:absolute;
	left:317px;
	top:98px;
	width:313px;
	height:111px;
}

#Monobloc-technical-05 {
	position:absolute;
	left:317px;
	top:209px;
	width:163px;
	height:16px;
}

#Monobloc-technical-06 {
	position:absolute;
	left:480px;
	top:209px;
	width:69px;
	height:16px;
}

#Monobloc-technical-07 {
	position:absolute;
	left:549px;
	top:209px;
	width:81px;
	height:16px;
}

#Monobloc-technical-08 {
	position:absolute;
	left:317px;
	top:225px;
	width:313px;
	height:49px;
}

#Monobloc-technical-09 {
	position:absolute;
	left:0px;
	top:274px;
	width:317px;
	height:210px;
}

#Monobloc-technical-10 {
	position:absolute;
	left:317px;
	top:274px;
	width:313px;
	height:132px;
}

#Monobloc-technical-11 {
	position:absolute;
	left:317px;
	top:406px;
	width:163px;
	height:17px;
}

#Monobloc-technical-12 {
	position:absolute;
	left:480px;
	top:406px;
	width:69px;
	height:17px;
}

#Monobloc-technical-13 {
	position:absolute;
	left:549px;
	top:406px;
	width:81px;
	height:17px;
}

#Monobloc-technical-14 {
	position:absolute;
	left:317px;
	top:423px;
	width:313px;
	height:61px;
}
#twitIcon{
	position: fixed;
	bottom:0px;
	left:10px;
	width:64px;
	height:64px;
}