@charset "UTF-8";
/* CSS Document */
#lhsnav_inner{ margin:auto;}
#lhsnav_inner dl, dt, dd, ul , li, a{ margin:0; padding:0;}

#lhsnav_inner a{text-decoration:none; }
#lhsnav_inner li{ padding-left:.6em; list-style-type:none;}
#lhsnav_inner dl{ width:175px;}
#lhsnav_inner dt { background-color:#CCCCCC; }

#myController span{
color:#FFF;
background: #CCCCCC;
padding:5px;
padding-bottom:5px;
cursor:pointer;
}

#jFlowSlide{ position:relative; z-index:1;}

#myController span.jFlowSelected {
background:#F00; 
}

.jFlowPrev, .jFlowNext{
cursor:pointer; 
}


.jFlowPrev{background-image:url('images/left.png'); width:32px; height:32px; position: absolute;  margin:0px; float:left; top:140px; left:0px; z-index:4;  }
.jFlowPrev:hover{ background-image:url('images/left_over.png'); }

.jFlowNext{background-image:url('images/right.png'); width:32px; height:32px; position: absolute;  float:right;  right:0px; z-index:4; top:140px; }
.jFlowNext:hover{ background-image:url('images/right_over.png');  }

/*#description{ height:300px; padding-top:15px;}
#heating{ position: absolute;}
#heatingHotwater{position: absolute;}
#daikinAltherma{position: absolute;}*/


#rhs-content{ background-color:#f1f1f1; color: #313131; padding:5px 10px 5px 10px; text-align: left;}

#rhs-content a{ color:#cc0000; text-decoration:none;}

#news1 a {
color:#FFFFFF;
text-decoration:none;
padding:5px 5px 5px 5px;

}

#news1{ 
padding-top:2px;
padding-bottom:2px;
background-color: #CC3333;
				
} 
#spacer{
padding:5px;
line-height:5px;
background-color:ffffff;

}
.rhswidth table tr td { padding-top: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;

}

/**************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*******/




/**************Paragraphs, Text and Headings format***************/
#title{ color:#cc0000; font-weight:300; line-height:4px;}


#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;
	padding-bottom:8px;
}
.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;
}

.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*******/

/**************Twitter box************/

 .tbox 
            {
            	marging: 0;
				padding:0;
            	width:300px;
				top:0px;
				right:0px;
				z-index:3000;
                position: fixed;
            }

            .tcontent
            {
             	padding:0px 0px;
            }
            #tcontactFormContainer
            {
            	
            	
            	
            }
            #tcontactForm
            {

            	display:none;
            }
     
 
            #tcontactLink
            {
            	height:40px;
            	width:350px;
				top:88px;
				left:820px;
            	display:block;
				position:relative;
            	cursor: pointer;
				
            }
			#tclose{
		
			float:right;
			cursor: pointer;
			color:#ffffff;
			
			position: static;
			
			}
			
			
#twitIcon{
	position: absolute;
	top:20px;
	right:200px;
	width:64px;
	height:64px;
}
/**************Twitter box*****End*******/