@charset "utf-8";
/* CSS Document */


html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}
#slantbg{
padding-top:39px;
background:#fff url(Images/background-slants.jpg) top center repeat-x;
}
#wrap{
/* next 3 styles center layout */
text-align:left;
width:871px;
margin:0 auto;
padding:0 0 1px 0;
background:url(Images/faux-bottom-border.png) bottom left no-repeat;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin:0;
	padding:0;
	color:#333333;
	background:#144972;
	text-align:center; /* center layout */
}

body a {
	color: #003366;
	text-decoration: underline;
}
body a:hover {
	color: #990000;
	text-decoration: none
}
strong{
font-weight:bold;
}
p {
padding: 5px 0px;
}

td {
vertical-align:top;
}

p,ul,ol,form,blockquote{
margin-bottom:10px;
}

.clear{
clear:both;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
color:#06C;
font-weight:bold;
}

h1	{
	 font-size: 20px;
	 color: #024273;
	 margin:0 0 10px 0;
	}

h2	{
	 font-size: 20px;
	 color: #024273;
	 margin:0 0 10px 0;}

h3	{color:#000066;
	 border-bottom:1px solid #cccccc;
	 padding-bottom: 2px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;}

h4	{border-left: 0px;
	 border-top: 0px;
	 padding-left: 0px;
	 padding-top: 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 color: #990000;}

/* list styles */
ul{
list-style:none;
}
li{
padding:3px;
}
ul li{
padding-left:20px; /* custom bullet (because FF has ugly bullets) */
background:url(Images/bullet-default.gif) 0 2px no-repeat;
}
li ul li{
background:url(Images/bullet-circle.gif) 0 2px no-repeat;
}
ol{
list-style-position:inside;
}
li ol{
padding-left:20px;
}

/* header */

#header{
width:871px;
}
#headerTop{
width:871px;
background:url(Images/header-tile.jpg) bottom left repeat-x;
}
#headerTop img{
float:left;
display:block;
margin:0;
}
#header a{
float:left;
color:#339;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
padding:29px 15px 20px 15px;
background:url(Images/topnav-divider.jpg) bottom right no-repeat;
}
#header a.last{
background-image:none;
}
#header a.logo{
background-image:none;
padding:0;
}
#header a:hover{
color:#3cc;
}
#headerBot{
clear:both;
color:#a0a0a0;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(Images/flipped-tile.jpg) bottom left repeat-x;
}
#headerBot p {
letter-spacing:5px;
margin:0;
padding:6px 0 43px 38px;
background:url(Images/logo-flipped.jpg) bottom left no-repeat;
}

/* A class is used for formatting tables so nothing weird happens
   when someone wants to use a table for layout. */
table.dataTable{
}
.dataTable caption{
color:#06C;
font-weight:bold;
font-size:14px;
}
.dataTable tr{
}
.dataTable th, .dataTable td{
text-align:center;
padding:5px;
}
.dataTable th{
font-weight:bold;
color:#fff;
background:#06C;
}
.dataTable td{
border-bottom:1px solid #ccc;
}

/* container */

#container{
width:871px;
background:url(Images/faux-column.png) 0 0 repeat-y; /* url(Images/left_nav_bg.png) repeat-y 0 0; */ /* faux column */
float:left;
}

/* content */

#content{
width:650px;
float:right;
padding:0px 0px 10px 0px;

}

.box {
	border: 1px solid #999999;
	text-align:center;
}

.box td, th{
	padding: 3px;
	text-align:center;
}
	
.textBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textBold a {
	color: #003366;
	text-decoration: underline;
}
.textBold a:hover {
	color: #990000;
	text-decoration: none;
}

/* left navigation */

#leftnav{
float:left;
width:183px;
padding:0px 0px 10px 0px;
margin:0 1px;
background:url(Images/sidenav-tile.jpg) 0 18px repeat-x;
}
#leftnav h2{
color:#024273;
font-size:16px;
background:url(Images/sidenav-header.jpg) top left no-repeat;
padding:36px 8px 0 8px;
/* stretch over background image */
width:185px;
margin:0 -1px;
}
/*
#leftnav td {
padding:3px 8px;
}
#leftnav td.leftnavhead {
color:#024273;
font-size:16px;
padding:36px 8px 0 16px;
}*/
#catalognav {
background:url(Images/sidenav-header.jpg) top left no-repeat;
/* stretch over background image */
width:185px;
margin:0 -1px;
}
#leftnav hr{
display:block;
height:0;
border:0;
margin:0 8px;
padding:0;
border-bottom:1px solid #ddd;
}
#leftnav h3, #leftnav p{
margin:0 8px;
}
#leftnav h3{
color:#024273;
border:0;
padding:0;
}
/*
#leftnav a,#leftnav a:visited{
display:block;
color:#336699;
font-size:12px;
text-decoration:none;
}
#leftnav a:hover{
text-decoration:underline;
}
*/
#side_nav_bg a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	display: block;
	padding: 5px;
	background-color: #D3EEFF;
	text-decoration: none;
	border-left: 1px solid #FFFFFF;
}

#side_nav_bg a:link, #navlist a:visited {
	color: #336699;
	text-decoration: none;
}

#side_nav_bg a:hover {
	background-color: #6699CC;
	color: #FFF;
	text-decoration: none;
}
			 
/* Begin Section-Specific CSS */

/* Wiring */	 
.table_head_wiring	{background-color:#666666;
					 color:#ffffff;
					 font-size: 12px;
					 font-weight:bold}
	 
.table_subhead_wiring	{background-color:#CCCCCC;
						 color:#000000;
						 font-weight:bold;
						 font-style:italic}
					 
.table_footer_wiring	{background-color:#CCCCCC;
						 color:#000000;
						 font-size: 10px}

/* Accessories */	 
.table_head_acc	{background-color:#666666;
				 color:#ffffff;
				 font-size: 12px;
				 font-weight:bold}
	 
.table_subhead_acc	{background-color:#CCCCCC;
					 color:#000000;
					 font-weight:bold;
					 font-style:italic}
					 
.table_footer_acc	{background-color:#CCCCCC;
					 color:#000000;
					 font-size: 10px}

/* Thermocouples */	 
.table_head_coup	{background-color:#666666;
					 color:#ffffff;
					 font-size: 12px;
					 font-weight:bold}
	 
.table_subhead_coup	{background-color:#CCCCCC;
					 color:#000000;
					 font-weight:bold;
					 font-style:italic}
					 
.table_footer_coup	{background-color:#CCCCCC;
					 color:#000000;
					 font-size: 10px}

/* Thermowells */	 
.table_head_well	{background-color:#666666;
					 color:#ffffff;
					 font-size: 12px;
					 font-weight:bold}
	 
.table_subhead_well	{background-color:#CCCCCC;
					 color:#000000;
					 font-weight:bold;
					 font-style:italic}
					 
.table_footer_well	{background-color:#CCCCCC;
					 color:#000000;
					 font-size: 10px}

/* RTD */	 
.table_head_rtd		{background-color:#666666;
					 color:#ffffff;
					 font-size: 12px;
					 font-weight:bold}
	 
.table_subhead_rtd	{background-color:#CCCCCC;
					 color:#000000;
					 font-weight:bold;
					 font-style:italic}
					 
.table_footer_rtd	{background-color:#CCCCCC;
					 color:#000000;
					 font-size: 10px}

/* How To */	 
.table_head_howto		{background-color:#CC6600;
						 color:#ffffff;
						 font-size: 12px;
						 font-weight:bold}
					 
.howtoTable	{border: 1px solid #999999;
}
					 
#how_to_order {
	padding: 0px 10px 5px 10px;
	border: 1px solid #999999;
	background-color:#FFFFCC;
}
.how_to {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#993300;
	border-bottom:1px solid #999999;
	padding-bottom: 2px;
}
					 
/* End Section-Specific CSS */

.bottom {
	text-align: center;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.bottom a {
	text-decoration: none;
	color: #bbbbbb;
}
.bottom a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #99CCFF;
	color: #99CCFF;
}
.bottomDivider {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.addressBar{
	background-color:#000066;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
}
.site_map {
	text-align: right;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.site_map a {
	text-decoration: none;
	color: #bbbbbb;
}
.site_map a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #99CCFF;
	color: #99CCFF;
}

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}
.breadcrumbs a {
	color: #006699;
	 	 border-bottom: 1px dashed #006699;
		 text-decoration: none
}
.breadcrumbs a:hover {
	color: #990000;
	border-bottom: 1px solid #990000;
	text-decoration: none
}

sub	{font-family: Arial, Helvetica, sans-serif;
	 font-size: 9px}
	 
sup	{font-family: Arial, Helvetica, sans-serif;
	 font-size: 9px}
	 
.temp_coef	{text-align:right;
			 border-bottom: 0px;
			 padding-bottom: 2px;
			 border-right:1px solid #999999;
			 padding-right: 2px;
			 border-top:1px solid #999999;
			 padding-top: 2px;
			 font-family: Arial, Helvetica, sans-serif;
			 font-size: 13px}

#footerWrap{
color:#fff;
background:#144972;
border-top:25px solid #fff;
text-align:center;
}
#footer{
width:871px;
margin:0 auto;
}
.footerLeft{
width:425px;
float:left;
text-align:left;
padding:10px 0;
}
.footerRight{
width:425px;
float:right;
text-align:right;
padding:10px 0;
}
#footer a{
color:#fff;
}
#homeLeft{
width:400px;
float:left;
}
#homeProd{
width:215px;
float:right;
text-align:center;
}
#homeProd h3{
color:#fff;
font-size:16px;
background:#144972;
border:0;
padding:4px;
}
#homeProd a{
display:block;
font-weight:bold;
background-color:#f9f9f9;
border:1px solid #ddd;
border-top:none;
text-decoration:none;
padding:4px;
}
#homeProd a:hover{
color:#144972;
background:#cee;
}
