/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0; padding: 0; }


/* FOUNDATION
======================================================================*/
body {background: url(../../images/template/ph_body_back.gif) repeat-y left top #FFF; font-family: Arial;margin: 0px; padding: 0px; position: relative; text-align: left;}
body.homepage {background: none #9C3119;}
.clearSm {clear:both;font-size:1px;height:1px;line-height: 1px; width:100%; width:100%;}
.clearNav {clear:both;font-size:1px;height:1px;line-height: 1px; width:100%;}
h3 {color: #404040;text-transform: normal;}
p {color: #404040; font-size:12px; line-height:22px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px;}

/* HEADER
======================================================================*/
.header {
	background: #820024 url(../../images/template/hdr_back.gif) repeat-x;
	clear: both;
	height:71px;
	position:relative;
}

.header .logo {float: left; margin: 20px 0px 0px 20px;}
.header .colR {
	height: 69px;
	position:absolute; left: 605px;
	text-align:right;
	width: 310px;
}
.header .colR ul {color: #FFF;height: 20px; list-style-type: none; margin: 11px 0px 0px 137px; text-align:right;}
.header .colR ul li {
	border-right: 1px solid #FFF;
	float:left;
	line-height: 12px;
	margin:0px;
	padding: 0px 0px 3px 0px;
	text-align:right;
	text-transform: uppercase;
}
.header .colR ul li.last {border:none;}
.header .colR ul li a {color: #FFF;font-size:11px; font-weight: bold; margin: 0px 5px; padding: 0px; text-decoration: none;}
.header .colR ul li a:hover {text-decoration: underline;}

.header .colR .search {padding-right: 5px;}
.header .colR .search form {margin: 6px 0px 0px 0px;}
.header .colR .search form input {height: 15px; font-size:11px; line-height: 11px;padding: 2px 3px 0px 1px;width:145px;}
.submit,
.header .colR .search form input.submit {
	background: #CE3D1E;
	border: 1px solid #B9867A;
	color: #FFF;
	font-weight: bold;
	height: 20px; 
	font-size:11px; 
	margin: 0px;
	padding: 0px 0px;
	width:65px;}



/* NAVIGATION
======================================================================*/
#nav {
	border-top: 1px solid #A72E03;
	border-bottom: 1px solid #A72E03;
	position: relative;
}

ul#navmenu-h {
	background: #ca3502;
	height: 28px;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

ul#navmenu-h li {
	border-left:1px solid #BC6141; border-right:1px solid #820024;
	display: inline;
	float: left;
	height: 28px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul#navmenu-h li.first {margin-left: 5px;}
ul#navmenu-h li:first-child {
	border-left:none;/* doesn't work in IE6, but it's a pretty minor detail */
}
ul#navmenu-h>li:last-child {
	border-right:1px solid #BC6141;/* doesn't work in IE6, but it's a pretty minor detail */
}
ul#navmenu-h ul {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute; top: 28px; left: 0px;
}

ul#navmenu-h ul:after {
	clear: both;
	display: block;
	font: 12px;
	font-size: 12px;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

ul#navmenu-h ul li {
	border:none;
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	height:20px;
	text-align:left;
	width:210px;
}

/* Root Menu */
ul#navmenu-h a {
	color:#FFF;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 1%; /*For IE*/
	text-decoration: none;
	padding: 0px 12px;
}

/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
	background: #820024;
	color: #FFF;
}
ul#navmenu-h .active {background: #820024;}

/* 2ND MENU
======================================================================*/
ul#navmenu-h li ul {border:1px solid #820024 ; border-bottom: none; width:200px !important:}
ul#navmenu-h li ul li {border-bottom:1px solid #820024 !important;}

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	background: #8d2500 !important;
	color: #FFF;
	float: none;
	font-size:10px;
	line-height:20px;
	padding: 0px 6px 0px 12px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  /* background: #CCC; */
  background: #A72E03 !important;
  color: #FED100;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}



/* BODY
======================================================================*/
.detailContainer {
	background: url(../../images/ph_back.gif) top left no-repeat #8F2A0D;
	margin: 0px;
	padding: 0px;
	text-align:left;}

.detailContainer .details {float:left;
	background-position: left top;
	background-repeat: no-repeat;
	display:block !important;
	height:100%;
	margin: 0px;
	padding: 0px;
	padding-bottom:32px;
	width:100%;
}
.detailContainer h1 {color: #FFF; font-size: 28px; padding: 45px 0px 10px 200px;}
.detailContainer .details .home {
	width: 950px!important;
}

.detailContainer .details .text {
	background: transparent !important;
	display:block;
	height: auto;
	margin: 0px 0px 0px 30px;
	padding: 30px 0px 0px 0px;
	width: 850px;
}

.detailContainer .details .home .featureImg,
.detailContainer .details .text .featureImg {float: right;}
.detailContainer .details .home .featureImg {margin: -30px 0px 0px 0px;}

.detailContainer .details .home h1,
.detailContainer .details .text h1 {background: transparent !important;color: #FFF;font-size: 27px; line-height: 30px;margin: 0px 0px 20px 0px;padding:20px 0px 0px 0px;}
.detailContainer .details .home h1 {font-size: 25px; margin: 0px 0px 6px 150px;}
.detailContainer .details .home h1 a,
.detailContainer .details .text h1 a {color: #FFF;font-size: 27px; line-height: 30px;margin: 0px 0px 20px 0px;padding:20px 0px; text-decoration:none;}
.detailContainer .details .text.home h1 a:hover,
.detailContainer .details .text h1 a:hover {color: #FFF;font-size: 27px; line-height: 30px;margin: 0px 0px 20px 0px;padding:20px 0px; text-decoration:underline;}

.detailContainer .details .home h2 {padding-left:180px !important;}
.detailContainer .details .home p {padding-left:180px !important;}

.detailContainer .details .text ul {color: #FED100; font-size: 17px; font-weight:bold; line-height: 18px;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.detailContainer .details .text li {list-style-type:none; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.detailContainer .details .text ul a {background: url(../../images/ph_arrow_learnMore.gif) no-repeat left center; color: #FED100; padding-left: 20px; text-decoration: none;}
.detailContainer .details .text ul a.active,
.detailContainer .details .text ul a:hover {background: url(../../images/ph_arrow_learnMore_active.gif) no-repeat left center; color: #FFF;}

.detailContainer .details .text h2 {color: #FED100;font-size: 25px; margin: 0px 0px 13px 0px;padding:0px; }
.detailContainer .details .text p {color: #FFF;font-size: 14px; line-height: 22px; font-weight:bold; margin: 0px 0px 13px 0px;padding:0px;}
.detailContainer .details .text p.detailtext {
	color:#FFE8CB;
	font-size:13px;
	font-weight:normal;
	margin-left:20px;
	width:400px;
}
.detailContainer .details .text div.learnMore {
	float: right;
	font-size: 14px;
	margin: 0px 140px 0px 0px;
}
.detailContainer .details .text div.learnMore a {
	background: #BB3100 url(../../images/ph_arrow_learnMore.gif) no-repeat right center; 
	border: 1px solid #DC8D0C; 
	color: #FFF; 
	display:block; 
	font-weight:bold; 
	padding: 4px 20px 4px 10px; 
	text-decoration: none;}
.detailContainer .details .text div.learnMore a:hover {text-decoration: underline;}


/* ------------------------------------------------------
	ALTERNATE DETAILS SECTION FOR HOME PAGE
   ----------------------------------------------------*/
.detailContainer .details .home-alt {
	margin: 0 0 0 90px;
	padding: 50px 0 30px;
	}

.marquee-section {
	width: 600px; 
	margin-left: 30px; 
	float: left;
	clear:both;
	}
	

.detailContainer .details .home-alt h1 {
	margin: 0;
	padding: 0;
	}

.detailContainer .details .home-alt p {
	margin: 0 0 13px 15px;
	}

.detailContainer .details .home-alt h2 {
	font-size: 20px;
	}

.detailContainer .details .home-alt div.learnMore {
	float: none;
	width: 135px;
	margin: 0;
	}
	
.detailContainer .details .home-alt .energy-intelligence {
	margin-top:35px;
}

.detailContainer .details .home-alt .energy-intelligence h1 {
	width:350px;
	background: url(../../images/home_new_bug.gif) no-repeat right center !important;
	}






.pngHomeImg {behavior: url(iepngfix.htc)}
.pngProdOverview,
.pngTempControl,
.pngModularControl,
.pngMoldTerminal {behavior: url(../iepngfix.htc); margin: 0px; padding: 0px;}
	
.detailContainer .details .home h1 {background: transparent !important;color: #FFF;font-size: 27px; line-height: 30px;margin: 0px 0px 20px 0px;padding:20px 0px 0px 0px;}
.detailContainer .details .home h1 {font-size: 25px; margin: 0px 0px 6px 150px;}
.detailContainer .details .home h1 a,
.detailContainer .details .home h2 {padding-left:180px !important;}
.detailContainer .details .home p {padding-left:180px !important;}	


	
	/* ============== HOMEPAGE CONTENT ============== */
	.bodyHome {
		background: url(../../images/template/bdy_back.gif) repeat-x bottom #842A15; 
		color: #FFF;
		height:200px;
		padding: 30px 0px 0px 17px;
		text-align:left;}
	
	.bodyHome h2 {
		background:url(../../images/ph_arrow_learnMore.gif) left 2px no-repeat;
		font-size:14px;
		padding: 0px 0px 0px 15px;}
	.bodyHome div {float:left; margin: 0px 30px 0px 0px; width:250px;}
	.bodyHome p {color: #FFF;font-size:12px;margin: 10px 0px 0px 15px;}
	.bodyHome ul {font-size:12px;margin: 10px 0px 0px 29px; padding: 0px;}
	.bodyHome ul li {font-size:12px;margin: 0px 0px 0px 0px;padding: 0px;}
	.bodyHome p.link {margin-top: 0px;}
	.bodyHome p + p.link {margin-top: -18px;}
	.bodyHome a {color: #FFF; font-size: 12px; font-weight: bold;}
	.bodyHome a:hover {text-decoration:none;}
	
	.bodyHome .callout {line-height: 15px;position:relative;}
	.bodyHome .callout p {line-height: 15px;}
	.bodyHome .callout.left {margin-left: 70px;}
	.pngFeature { margin-top: -30px;}
	.pngFeature {behavior: url(iepngfix.htc)}
	.bodyHome .left .pngFeature {position: absolute; left: -75px;top:20px;}
	
	.bodyHome .mid {width: 210px;}
	.announcement {width:150px; margin-left:20px; border-left:thin solid #fff; }

	
/* BODYCONTAINER
======================================================================*/
.bodyContainer {width: 925px;}
	
/* leftNav
======================================================================*/
.bodyContainer .leftNav {
	display:block;
	float:left;
	padding:30px 0px 0px 0px;
	width:170px;}
.bodyContainer .leftNav ul {color: #FED100; font-size: 13px; font-weight:bold; line-height: 18px;margin: 0px 10px 0px 15px;padding:15px 0px 0px 0px;}
.bodyContainer .leftNav li {list-style-type:none; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}
.bodyContainer .leftNav ul a {background: url(../../images/ph_arrow_learnMore.gif) no-repeat left 4px; color: #FFF; display:block; padding: 0px 0px 0px 10px;text-decoration: none;}
.bodyContainer .leftNav ul a.active,
.bodyContainer .leftNav ul a:hover {background: url(../../images/ph_arrow_learnMore_hover.gif) no-repeat left 4px; color: #FED100;}
.bodyContainer .leftNav ul li ul {color: #FFF; font-size: 12px; font-weight:normal; line-height: 15px; list-style-type: disc;margin: 5px 10px 0px 25px; padding: 0px;}
.bodyContainer .leftNav ul li ul li {list-style-type: disc;}
.bodyContainer .leftNav ul li ul li a {background: none;margin: 0px; padding: 0px;}
.bodyContainer .leftNav ul li ul li a:hover {background: none;}


.bodyContainer .leftNav .callout p,
.bodyContainer .leftNav .callout strong {color: #FFF;}
.bodyContainer .leftNav .callout a {color: #FED100;}
.bodyContainer .leftNav .callout {
	color: #FFF !important;
	padding: 10px;
}

/* CONTENT
======================================================================*/
.bodyContainer .content {

	float: right;
	font-size:12px;
	padding-top:45px;
	position:relative;
	width:725px;
}
.bodyContainer .content .imgHead {position:absolute; top: -82px; right: -70px; height:225px; width: 360px;}
.bodyContainer .content .imgHead.applications {top: -88px;}
.bodyContainer .content .colR {position: absolute; top: 152px;right: 10px; text-align:center;width:200px;}
.bodyContainer .content .colR p {color: #A6A6A6; font-size:11px;line-height:15px;text-align:left;}
	
	/* ============== BODY CONTENT ============== */
	.bodyContent {padding-bottom: 30px;width: 440px;}
	.bodyContent {min-height: 450px;}
	.bodyContent h2 {color: #CC3300; font-size: 16px; margin: 0px 0px 0px 0px;}
	.bodyContent h3 {color: #CC3300; font-size: 14px; margin: 0px 0px 0px 0px;}
	.bodyContent ul {color: #404040; font-size: 12px; margin: 0px 0px 15px 25px;}
	.bodyContent li {line-height: 20px;}
	.bodyContent p + ol,
	.bodyContent p + ul {margin: -10px 0px 20px 25px;}
	.bodyContent ul ol {font-size: 12px; margin: 0px 0px 15px 30px;}
	.bodyContent ul ol li {padding: 0px 0px 5px 0px;}
	.bodyContent ol {font-size: 12px; margin: 0px 0px 15px 30px;}
	.bodyContent ol li {padding: 0px 0px 5px 0px;}
	.bodyContent a {color: #CE3D1E; text-decoration: none;}
	.bodyContent a:hover {text-decoration: underline;}
	.bodyContent .backToTop {border-bottom: 1px solid #CE3D1E;position: relative; margin-bottom: 20px;}
	.bodyContent .backToTop a {background-color: #FFF;color: #CE3D1E; position: absolute; bottom: -13px; left: 165px; padding: 5px 20px; text-decoration: none;}

	.bodyContent #flipTabs {
		position:absolute;
		top:-32px;
		height:32px;
	}
	.bodyContent #flipTabs h2 {
		position:relative;
		line-height:24px;
		font-size:12px;
		height:24px;
		top:8px;
		margin-right:3px;
		padding:0px 10px;
		cursor:pointer;
		color:#FFF;
		background:#E79247;
		text-decoration:underline;
		float:left;
		font-weight:600;
	}
	.bodyContent #flipTabs h2:hover,
	.bodyContent #flipTabs h2.tabSelect {
		height:32px;
		top:0px;
		text-decoration:none;
	}
	.bodyContent #flipTabs h2.tabSelect {
		background:#FFF;
		color:#000;
		text-decoration:none;
	}
	
	.bodyContent table.specdata { border-collapse:collapse; font-size:12px; }
	.bodyContent table.specdata td { padding:2px; border:1px solid #000; }
	.bodyContent table.specdata thead td {border-bottom: 3px solid #000; font-size:12px; vertical-align:middle;}
	.bodyContent table.specdata tr.shade td { background:#CCC; }
	
	
.testimonial {color: #878787; float: right; font-style:italic; line-height: 17px; margin: 0px -180px 0px 20px; position: relative; right: -50px; width:260px;}
	
	
/* Contact Us Form
======================================================================*/
#contactform label {
	font-size:12px;
	font-weight:bolder;
	display:block;
	float:left;
	margin-top:4px;
	width:35%;
	}
.contactsubj {
	overflow:auto;
	margin-bottom:6px;
	}
#contactform .contactsubj label {
	width:9ex;
	}
#contactform .contactsubj select {
	font-size:13px;
	}
.contactfield {
	width:100%;
	margin-right:1%;
	float:left;
	margin-bottom:6px;
	overflow:auto;
	}
.contactfield input {
	font-size:13px;
	width:60%;
	}
.contactcomments label {
	clear:left;
	float:none;
	}
.contactcomments textarea {
	width:95%;
	}
	
/* Web-to-lead Form
======================================================================*/

#leadform label {
	font-size:12px;
	font-weight:bolder;
	display:block;
	float:left;
	margin-top:4px;
	width:35%;
}
.leadfield {
	width:100%;
	margin-right:1%;
	float:left;
	margin-bottom:6px;
	overflow:auto;
	}
.leadfield input {
	font-size:13px;
	width:40%;
	}
	
.leadfield textarea {
	width:78%;
	height:70%;
}

.leadfield label.notes {
	width:95%;
}







/* FOOTER
======================================================================*/
.footer {
	height:100%;
	min-height: 80px;
}

.footer {
	color: #FFF;
	font-size: 12px;
	padding: 10px 25px;
	position: relative;
	text-align:left;
}
.content .footer ul,
.footer ul {float: right; list-style-type: none; position: absolute; left: 220px; top: 10px;}
.content .footer ul {left:200px !important;}
.footer ul li {border-right: 1px solid #FFF; float:left; padding: 0px 5px;}
.footer ul li.last {border-right: none;}
.footer a,
.footer ul li a {color: #FFF; font-weight:bold; padding: 0px; text-decoration: none;}
.footer ul li a:hover {text-decoration: underline;}
.content .footer a,
.content .footer {color: #404040; left:-20px;}
.content .footer a:hover {text-decoration:underline;}

.toggle_off {border:10px solid black;}
.toggle_on {border:1px solid black ;}



.tabs {}
.tabs ul {height:34px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px;}

.tabs ul li {
	float: left;
	margin: 0px 5px 0px 0px;
}

.tabs ul li a {
	background: #820024;
	color: #FFF;
	cursor: pointer;
	font-weight:bold;
	display:block;
	height:20px;
	margin: 9px 0px 0px 0px;
	padding: 5px 10px 0px 10px;
	text-decoration: underline;
}

.tabs ul li a.active,
.tabs ul li a:hover {
	background: #cc3300;
	color: #FFF;
	font-weight:bold;
	display:block;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 9px 10px;
	text-decoration: none;
}
.tabs ul li a.active {
	background: #cc3300 !important;
	color: #FFF !important;
	font-weight:bold !important;
	display:block !important;
	height:20px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 5px 10px 9px 10px !important;
	text-decoration: none !important;
}
.tabBody {border: 1px solid black; padding: 15px;}

/* Integrated Temperature Controls Page
======================================================================
.images{
	width:500px !important;
}

.images ul{
	list-style-type:none !important;
}

.images ul li {
	list-style-type:none !important;	

}

.images img{
	padding-right: 15px;
}

.flipPage td {font-size: 12px; margin: 0px 0px 15px 25px;}

.flipPage td.numbers{
	text-align: center; 
}

.flipPage td.title{
	font-weight:bold !important;
}

.flipPage td.zone{
	font-weight:bold !important;
	font-family: Times;
	
}*/

/* ENERGY INTELLEGENCE PAGE 
===================================================================== */

.npe {
 padding-top:10px;	
}