

#campaignBody {width:100%; margin:0; padding:0;}
#Thermalcontainer { font:normal 11px Verdana, Arial; width:100%; float:left; margin:0; padding:0; }
/* #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:60%}
#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; text-decoration:none;}
#Thermalbreadcrumb li a:hover {text-decoration:none;}

#thermalheader { float:left; width:99%; margin-top:20px;}
#thermalheader img{float:right; padding:5px;}

#thermalcontent {clear:left; margin:0; padding:0; height:auto}

#LHthermalcol {float:left; width: 39.5%; margin:0; padding:0;}
#RHthermalcol {float:right; width: 59%; margin:0 0 20px 0; padding:0 0 20px 0}


#LHthermalcol .thermalTechList { float:left; width:100%; margin:10px 0; padding:0;}
#LHthermalcol .thermalTechList a {display:inline; margin:0; font:normal 10px Verdana, Arial; text-decoration:none;}
#LHthermalcol .thermalTechList a:hover {color:#d00000; text-decoration:underline}
#LHthermalcol .thermalblock {margin:0; padding:0; height:auto; border-top:1px solid #ccc; }
#LHthermalcol .thermalblock h2 {background:#e7e7e7; margin:0; padding:4px 0}
#LHthermalcol .thermalblock p{margin-left:0!important; padding-left:0}

.blockDiagram {width:400px; height:300px; margin:0; padding:0; position:relative}
.blockDiagram a {position:absolute; text-indent:-9999px; display:block; margin:0; padding:0; outline:0;}


.tmsContainer {width:97%; float:right; margin:0 0 15px 0; padding:0; background-color:#e7e7e7; border:1px solid #ccc;}

#RHthermalcol .selected {border:2px solid #d00000!important}
.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; visibility:hidden}
.ThermalselectorHeader h2 a.backTo:hover{ font-size:10px!important; color:#d00000}
.selected a.backTo {visibility:visible!important}
.thermalselectorlinkLH { padding-top:25px; width:25px; float:left;}

.thermalselectorlinkRH {padding-top:25px; width:25px; float:right;}

#RHthermalcol .thermalitem {float:left; width:122px; padding:0 0 20px 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 p {font-size:10px; color:#006699; cursor:pointer; margin:0; padding:0; width:100%; height:50px}
#RHthermalcol .thermalitem a:hover p {color:#d00000;}
#RHthermalcol .thermalitem a:hover {text-decoration:none;color:#d00000}
#RHthermalcol .thermalitem a.black  {color:#222; display:block; text-decoration:underline; float:left; margin:10px 0 0 0; padding:0 0 0 20px; height:20px; line-height:15px; background:url(http://img-europe.electrocomponents.com/uk/img/site/campaigns/electronics/pdf.gif) left 3px no-repeat;  }
#RHthermalcol .thermalitem a:hover {color:#d00000; text-decoration:none;} 

.Thermalselectorcontent {margin:8px; padding:0; height:auto; overflow:auto; background:#fff;}
a.viewAll {color:#222!important; font-size:10px!important; text-decoration:underline; margin-left:10px}
a.viewAll:hover {color:#d00000!important; text-decoration:none;}



