@charset "utf-8";
/* CSS Document */

body { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; background: #0b618c url(images/bg_page.gif) top center repeat-y;}

a:link { color: #0066cc; text-decoration: none; }
a:visited { color: #003399; text-decoration: none; }
a:hover { color: #0066cc; text-decoration: underline; }
a:active, a:focus { color: #0066cc; text-decoration: none; background-color: #b9dec5; }
form { margin:0; padding:0; }
pre { font: normal 1em Arial, Helvetica, sans-serif; }
.clear { clear: both; }
.bluebutton { background-color: #9bcde1; font: normal 11px Arial, Helvetica, sans-serif; color: #333; padding:0; margin: 8px 2px 20px;}
td.kits { background: url(images/kits.gif) top left no-repeat; height: 60px; }
p.kits  { width: 190px; margin: 0 0 0 70px; line-height: 12px; }
img.right { border: 1px solid #666; float: right; margin: 0 0 20px 30px; } 

#container { background: #FFF url(images/bg_container.jpg) top left repeat-x; width: 965px; margin: 0 auto; padding:0; }

#topbar { background: url(images/bg_topbar.jpg) top left repeat-x; width: 100%; height: 107px; }
#logo { width: 313px; height: 79px; float: left; }
#logo img { border: 0px; }
#search { width: 219px; height: 38px; float: right; background: url(images/bg_search.jpg) bottom right no-repeat; clear: right;}
#search table { width: 206px; }
#search input#q { width: 140px; padding:0; margin:2px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; border: none; background-color: transparent; }
#subnav { width: 400px; height: 34px; float: right; clear: right; padding-right: 7px; padding-top: 7px; text-align: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #ef2157; }
#subnav a { padding: 7px; }
#subnav a:hover {}
#nav { width: 100%; height: 28px; background: url(images/1-978-534-2810.gif) top right no-repeat; } 
.noborder { border: none !important;}
#promo {color:#39799C;font-size:14px;border-bottom:1px solid #CE617B; font-weight:bold; margin-bottom:10px}
#promo a:hover {text-decoration:none; color:#FF5500}
#promo span {font-size:12px;font-weight:normal; color:#D60839;margin-left:20px}

#flash { width: 100%; height: 192px; background: url(images/txt_blank.gif) top left repeat-x; }
#underline { width: 100%; height: 6px; background: #61b17a url(images/topbar-underline.gif) top left no-repeat; margin-bottom: 17px;}
#leftsidebar { width: 242px; float: left;}
#middle { width: 400px; float: left; padding-right: 26px;}
#middle p, #middle td { font: normal 0.7em Arial, Helvetica, sans-serif; color: #333; margin:0 0 1.3em; line-height: 1.3em; padding:0; }
#middle h2 { font: bold 0.7em Arial, Helvetica, sans-serif; color: #09518c; margin:0; padding: 0.6em 0;}
#middle h1 { height: 41px; width: 405px; display: block; font: bold 12px Arial, Helvetica, sans-serif; background: url(images/head_self-regulating.gif) top left no-repeat; margin:0; padding:0; text-indent: -9999px; }
#middle p.pseries { width: 240px; padding-top: 20px; margin:0;}
#rightsidebar { width: 289px; float: left; }
#rightsidebar #applications td { font: normal 0.7em Arial, Helvetica, sans-serif; padding: 2px 4px; }
#news { float: left; width: 196px; height: 208px; background: url(images/bg_news.gif) top left no-repeat; margin-top: 8px;}
#newsbox { margin: 25px 0 12px 12px; }
#newsinfo, #middle p.pseries { font: normal 11px Arial, Helvetica, sans-serif; color: #333; line-height: 13px; }
#email { flat: left; width: 196px; font: bold 12px Arial, Helvetica, sans-serif; }
#email a { display: list-item; list-style-type: disc; padding:0; margin: 0 0 0 10px; line-height: inherit; list-style-position: inside; }

#partnumber { float: left; width: 196px; height: 174px; background: url(images/bg_partnumber.gif) top left no-repeat; padding: 25px 0 0 10px;}
#partnumber label { font: normal 10px Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase;}
#partnumber label a { text-transform: none; }
#partnumber select.short { width: 80px; font: normal 11px Arial, Helvetica, sans-serif; }
#partnumber select.med { width: 87px; font: normal 11px Arial, Helvetica, sans-serif; }
#partnumber select.long { width: 174px; font: normal 11px Arial, Helvetica, sans-serif; }

#contenthead { width: 100%; height: 58px; background: url(images/bg_head.jpg) top left repeat-x; text-align: right; }
#content { width: 693px; float: left; font: normal 0.75em Arial, Helvetica, sans-serif; color: #333; margin:0 0 1.3em; line-height: 1.3em; padding:0; }
#breadcrumbs { font-size: 0.95em; }
#content h1 { line-height: 1.6em; font-size: 1.6em; color: #084f89; }
#content h2 { line-height: 1.35em; font-size: 1.35em; }
#content h3 { font-size: 1.2em; margin: 0 0 10px 0;}
#content h4 { display: inline; font-size: 1em; color: #084f89; margin-right: 3px;}
#content h5 { font-size: 0.95em; }
#content h6 { font-size: 0.95em; color: #990000; margin: 0; padding:6px 0 0 0;}
#content p { margin: 0 0 20px 0; }
#content a { text-decoration: underline; }
#content b, #content strong { font-weight: bold; }
#content blockquote { border: 1px solid #bcd9e7; background-color: #d8eaf3; padding: 15px; width: 613px; margin: 15px; }
.chart { border: 1px solid #666; border-collapse: collapse; }
.chart td.tablehead { background-color: #2a7690; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-transform: capitalize; padding: 4px 8px; }
.chart tr.tablesubhead td { background-color: #bcd3df; font: bold 11px Arial, Helvetica, sans-serif; color: #333; text-transform: capitalize; padding: 3px 8px; }
.chart tr.tabledata td { padding: 3px 8px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; }
.chart tr.tabledata:hover { background-color: #ccc; }
.chart tr.tabledata input {font-size: 11px; border: 1px solid #666;}

#thumbindustrial, #thumbcommercial, #thumbresidential, #thumbtransport, #thumbkits, #thumbsoftware { float: left; width: 215px; margin-right: 12px; height: 94px; padding-left: 115px; margin-bottom: 25px;}
#thumbindustrial h3, #thumbcommercial h3, #thumbresidential h3, #thumbtransport h3, #thumbkits h3, #thumbsoftware h3 { margin: 5px 0 8px 0; padding:0;}
#thumbindustrial { background: url(images/IndustrialThumb.gif) top left no-repeat; }
#thumbcommercial { background: url(images/ThumbCommercial.gif) top left no-repeat; }
#thumbresidential { background: url(images/ThumbResidential.gif) top left no-repeat; }
#thumbtransport { background: url(images/ThumbTransportation.gif) top left no-repeat; }
#thumbkits { background: url(images/accessoriesSM.gif) top left no-repeat; }
#thumbsoftware { background: url(images/ThumbSoftware.gif) top left no-repeat; }

.viewspecs { margin: 25px 15px 0; padding: 15px 20px 5px 20px; border: 1px solid #333; background-color: #FFF; }
.viewspecs h2 { margin-top: 0; margin-bottom: 5px;}
.viewspecs h5 { margin-top: 0; margin-bottom: 3px;}
.viewspecs p { margin: 0 0 10px 0; }
div.offsetright { float: right; width: 150px; margin: 0; padding:0;}
.imageright {border: 1px solid #666; float: right; margin: 0 0 25px 25px;}
.imageleft {border: 1px solid #666; float: left; margin: 0 50px 25px 0;}
.backtotop { width: 100px; margin: 15px auto 0; text-align: center; }

/*Footer*/
#footer { background: url(images/bg_footer.jpg) top left repeat-x; width: 965; height: 128px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;}
#bump { width: 243px; height: 128px; float: left; }
#footernav { float: left; width: 722px; height: 14px; padding-top: 40px; color: #cc3333; }
#footernav a { padding: 0 7px; }
#copyright { float: left; width: 596px; height: 34px; padding-top: 25px; background: url(images/logo-footer.jpg) top left no-repeat; padding-left: 126px;}
#credits { width: 965px; height: 52px; padding:5px 0 0 0; text-align: center; background-color: #98bdd0; }

/*Tab Swap */
/* have as many styles like this as you have tables to swap */
.table_1 { display: inline; border: 1px solid #CCC; border-top: none; }
.table_1 td, .table_2 td, .table_3 td, .table_4 td, .table_5 td { width: 381px; height: 60px; background: url(images/table1.jpg) top left no-repeat; padding: 7px; }
.table_2 { display: none; width: 395px; height: 74px; border: 1px solid #CCC; border-top: none; background: url(images/table2.jpg) top left no-repeat;}
.table_3 { display: none; width: 395px; height: 74px; border: 1px solid #CCC; border-top: none; background: url(images/table3.jpg) top left no-repeat;}
.table_4 { display: none; width: 395px; height: 74px; border: 1px solid #CCC; border-top: none; background: url(images/table3.jpg) top left no-repeat;}
.table_5 { display: none; width: 395px; height: 74px; border: 1px solid #CCC; border-top: none; background: url(images/table5.jpg) top left no-repeat;}
/* these styles control the look and function of the tabs themselves */
td.notall { background-color:#FFFFFF; }
td.tabs_on, td.tabs_off { cursor: pointer; border: 1px solid #CCC; border-bottom: none; height: 25px; text-align: center; }
a.tabs { font: bold 10px Arial, Helvetica, sans-serif; }

/* Index Page Series Tab Swap */

.Table_1 { display: none; width: 400px; height: 74px; }
.Table_2 { display: none; width: 400px; height: 74px; }
.Table_3 { display: none; width: 400px; height: 74px; }
.Table_4 { display: none; width: 400px; height: 74px; }
.Table_5 { display: block; width: 400px; height: 74px; }

.nested { width: 400px; height: 74px; background-repeat: no-repeat; }
td.nested  { font-size: 12px; padding: 10px; }
#content p.series2300 { text-decoration: underline; }
#content p.series2700 { text-decoration: underline; }
#content p.series2800 { text-decoration: underline; }
#content p.seriesthermalinx { text-decoration: underline; }
td.notall { background-color:#cc0000; }
td.tabs_on, td.tabs_off { cursor: pointer; border: 1px solid #CCC; border-bottom: none; height: 25px; text-align: center; }
a.tabs { font: bold 10px Arial, Helvetica, sans-serif; }

#productimage { float: left; width: 350px; margin-right: 25px; margin-bottom: 25px;}
#productspecs { float: left; width: 275px; margin-bottom: 25px;}
#productdescription { float: left; width: 680px; margin-bottom: 25px;}

/* THIS IS THE CSS FOR THE TOPBAR NAV */
#nav {position:relative; z-index:100; }
#nav a:link, #nav a:visited, #nav a:active { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: none; }
#nav a:hover { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; cursor: pointer; }

.a { width: 82px; height: 28px; text-indent: -9999px; background: url(images/nav-about.gif) top left no-repeat; } /* About */
.a:hover { background: url(images/nav-about-hover.gif) top left no-repeat; }
.b { width: 119px; height: 28px; text-indent: -9999px; background: url(images/nav-heat-trace-products.gif) top left no-repeat; } /* Products */
.b:hover { background: url(images/nav-heat-trace-products-hover.gif) top left no-repeat; }
.c { width: 112px; height: 28px; text-indent: -9999px; background: url(images/nav-news.gif) top left no-repeat; } /* News & Events */
.c:hover { background: url(images/nav-news-hover.gif) top left no-repeat; }
.d { width: 121px; height: 28px; text-indent: -9999px; background: url(images/nav-design-software.gif) top left no-repeat; } /* Design Software */
.d:hover { background: url(images/nav-design-software-hover.gif) top left no-repeat; }
.e { width: 154px; height: 28px; text-indent: -9999px; background: url(images/nav-sales-representatives.gif) top left no-repeat; } /* Sales Reps */
.e:hover { background: url(images/nav-sales-representatives-hover.gif) top left no-repeat; }
.f { width: 88px; height: 28px; text-indent: -9999px; background: url(images/nav-contact.gif) top left no-repeat; } /* Contact */
.f:hover { background: url(images/nav-contact-hover.gif) top left no-repeat; }
.g { width: 129px; height: 28px; text-indent: -9999px; background: url(images/nav-featured.gif) top left no-repeat; } /* Feature Product */
.g:hover { background: url(images/nav-featured-hover.gif) top left no-repeat; }

/* Get rid of the margin, padding and bullets in the unordered lists */
ul.pmenu {padding:0; margin:0; list-style-type: none; display:table;}
.pmenu ul {padding:0; margin:6px 0 0 0; list-style-type: none; display:block;}

/* Hide the sub levels */
.pmenu li ul {display:none; z-index:500; }

/* Set up the link size, color and borders */
.pmenu li a, .pmenu li a:visited {display:block; height: 28px; text-align:left;}

/* Set up the sub level borders and backgrounds*/
#nav .pmenu li ul li a, #nav .pmenu li ul li a:visited { border:1px solid #333; border-width:0 1px 1px 1px; background-color: #FFF; background-image: none; padding: 2px 4px; height: 20px; }
#nav .pmenu li a.enclose, #nav .pmenu li a.enclose:visited {border-width:1px; background-image: none; }
#nav .pmenu li a.enclose:hover, #nav .pmenu li ul li a:hover { background-color: #a9e4b7; }

/* Set up the list items */
.pmenu li {float:left; }
.pmenu li.tc {display:table-cell; }

/* For Non-IE browsers and IE7 */
.pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
.pmenu li:hover > a {color:#006699; text-decoration: underline; }
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.pmenu li:hover > ul {display:block; position:absolute; top:-5px; left:169px; padding:4px 30px 30px 30px; background:transparent url(images/10x10.gif); width:200px;}
/* Position the first sub level beneath the top level liinks */
.pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
.pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html .pmenu li a:hover {position:relative; color:#000; text-decoration: underline; }

/* For accessibility of the top level menu when tabbing */
.pmenu li a:active, .pmenu li a:focus {color:#000; text-decoration: underline; }


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html .pmenu li ul {visibility:hidden; display:block; position:absolute; margin: 6px 0 0 27px; padding:0 ; background:transparent url(images/10x10.gif);}

/* keep the third level+ hidden when you hover on first level link */
.pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
.pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
.pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:169px;
}
/* make the fourth level visible when you hover over third level link */
.pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */