/* CSS Document */


#Thermalcontainer { font:normal 11px Verdana, Arial; width:100%; float:left; margin:0; padding:0;padding-bottom:20px; }
/* #Thermalcontainer { width:1000px;} */

#Thermalcontainer h1{ font:bold 22px Verdana, Arial; color:#d00000;}
#Thermalcontainer h2{ font:bold 14px Verdana, Arial; color:#222; margin:5px 8px; padding:0 }
#Thermalcontainer h3{ font-size:12px; color:#000000;}
#Thermalcontainer p{ font-size:11px; color:#000000; width:123px}
#Thermalcontainer .subHeading {font:bold 14px Verdana, Arial;}
#Thermalcontainer a{ font-size:11px; color:#006699; font-weight:bold;}
#Thermalcontainer li{ font-size:11px; color:#000000;}

#Thermalbreadcrumb {}
#Thermalbreadcrumb ul{ padding:0; margin:0; }
#Thermalbreadcrumb li{display:block; float:left; width:auto; margin:0; margin-right:10px; height:24px; list-style:none; padding-right:18px; background:url(/assets/images/campaigns/arrowRightRed.gif) right 12px no-repeat; font:bold 12px Verdana, Arial; line-height:24px; color:#999 }
#Thermalbreadcrumb li a {color:#222; font-size:12px}
#Thermalbreadcrumb li a:hover {text-decoration:none;}

#thermalheader { float:left; width:99%; margin-top:20px;}
#thermalheader img{float:right; padding:5px;}

#thermalcontent {clear:left;}

#LHthermalcol {float:left; width: 39%; margin:0; padding:0;}
#RHthermalcol {float:left; width: 59%; margin:0; padding:0 0 20px 0}


#LHthermalcol .thermalTechList { float:left; width:100%; margin:10px 0; padding:0;}
#LHthermalcol .thermalTechList a {display:inline; font:normal 10px Verdana, Arial}

#LHthermalcol .thermalblock {margin:0; padding:0; height:auto;}
#LHthermalcol .thermalblock h2, #LHthermalcol .thermalblock p{margin-left:0!important; padding-left:0}

.blockDiagram {width:400px; height:350px; margin:0; padding:0; position:relative}
.blockDiagram a {position:absolute; display:table-cell; vertical-align:middle; margin:0; padding:0; color:#fff!important; text-decoration:underline; text-align:center; }
.blockDiagram a:hover {text-decoration:none}
.blockDiagram .centreText {
	font:bold 12px Verdana, Arial;
	position:absolute;
	height: 52px;
	width:120px;
	left: 144px;
	top: 145px;
	text-align:center;
}
.tmsContainer {width: 97%; float:right; margin:5px 0; padding:0; background-color:#e7e7e7; border:1px solid #ccc;}
#RHthermalcol .selected {border:2px solid #d00000!important; margin-bottom:20px}
.ThermalselectorHeader {}
.ThermalselectorHeader h2{ font-size:16px; margin:0; margin-top:0px; margin-left:8px;}
.ThermalselectorHeader h2 a.backTo{ font-size:10px!important; color:#222!important; float:right!important; display:inline!important}
.ThermalselectorHeader h2 a.backTo:hover{ font-size:10px!important; color:#d00000}
.thermalselectorlinkLH { padding-top:25px; width:25px; float:left;}

.thermalselectorlinkRH {padding-top:25px; width:25px; float:right;}

#RHthermalcol .thermalitem {float:left; width:122px; padding:0; margin:10px 0; margin-left:5px }
#RHthermalcol .thermalitem a{ padding:4px 0px; margin:0px; display:block; font:normal 10px Verdana, Arial; color:#006699; text-decoration:none}
#RHthermalcol .thermalitem a.blue {color:#006699; }
#RHthermalcol .thermalitem a:hover {color:#d00000} 

.Thermalselectorcontent {margin:8px; padding:0; height:auto; overflow:auto; background:#fff;}
.viewAll {padding-left:10px!important}