/* RESET BROWSER STYLES *****************************************************************************************************************************/
	/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
	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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
	ol,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
	embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	/* ol, ul {list-style: none;} */	
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	/* RESET BROWSER STYLES *****************************************************************************************************************************/

	/* HEADER STYLES ************************************************************************************************************************************/
	#body 							{background-color: #ffffff; } 
	#grey-header 					{height: 100px; 				
									background-color: #555555;}
	#header-content					{margin: 0 auto; 				
									width: 900px;					
									height: 100px;}
	#container 						{margin: 0 auto; 				
									width: 900px; 					
									text-align: left; 							
									z-index: 3;}
#arrow {float: right; width: 10px;}
.dropdown {float:right; padding-right:2px; font-size: 14px; color: #ffffff; }
    .dropdown dt:before {content: ""; width: 0; height: 0; position: absolute; right: 7px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: transparent #fff;}
    .dropdown dt {width:110px; border: none; padding:8px 0px 8px 8px; cursor:pointer; background-color: #fc9800; font-family:Arial;}
    .dropdown dd {position:absolute; overflow:hidden; width:124px; display:none; background:#fc9800; z-index:200; opacity:0; font-family:Arial;}
    .dropdown dt:hover {background: #ffc05f; color: #ffffff;}
    .dropdown ul {width:115px; border: none; list-style:none; border-top:none; -webkit-padding-start: 0px !important; -moz-padding-start: 0px !important; padding-start: 0px !important; padding: 0 !important; padding-left: 0 !important;}
    .dropdown li {display:inline; -webkit-padding-start: 0px; font-size: 12px;}
    .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 5px 0px 5px; color:#333; text-decoration:none; background:#fc9800; width:115px; color: #ffffff;}
    .dropdown a:hover {background:#ffc05f; color:#ffffff;}
        .dropdown .separator {border-bottom:none}

	#raychem-logo 					{position: relative; 			
									width: 300px;					
									height: 59px;	
									left: 300px;					
									top: 0px;}				
									z-index: 10;}
	/* HEADER STYLES ************************************************************************************************************************************/

	/* BODY STYLES **************************************************************************************************************************************/								
	#raychem-main-content 			{width: 900px; 					
									background-color: #ffffff; 		
									margin: 20px 0px 0px 0px;}

	#raychem-brand					{width: 878px;					
									height: 40px; 					
									padding: 12px 12px 12px 12px;	
									margin: 20px 0px 20px 0px;		
									background: #eeeeee; /* Old browsers */
									background: -moz-linear-gradient(top,  #eeeeee 0%, #f8f8f8 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #eeeeee 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #eeeeee 0%,#f8f8f8 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #eeeeee 0%,#f8f8f8 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #eeeeee 0%,#f8f8f8 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}															
								
	#pentair-logo-box				{float: right; 					
									width: 440px; 					
									height: 85px;					
									background-color: #000000;}
	#pentair-logo					{position: relative; 			
									width: 256px;					
									height: 64px;	
									left: 88px;						
									top: 11px;						
									z-index: 10;}

	#te-logo-box					{float: left;
									width: 440px; 					
									height: 85px;					
									background-color: #fc9800;}
	#te-logo						{position: relative; 			
									width: 148px;					
									height: 56px;	
									left: 138px;			
									top: 15px;						
									z-index: 10;}

	#pentair-abstract-banner-box	{float: right;						
									width: 440px; 					
									height: 45px;}
	#te-abstract-banner-box			{float: left;
									width: 440px; 					
									height: 45px;}

	#pentair-right-column 			{float: right; 					
									width: 400px; 					
									height: 320px; 									
									margin: 20px 0px 0px 0px;
									padding: 0px 20px 0px 20px;
									background: #eeeeee; /* Old browsers */
									background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}	
	#te-left-column					{float: left;
									width: 400px; 					
									height: 320px; 					
									margin: 20px 0px 0px 0px;
									padding: 0px 20px 0px 20px;								
									background: #eeeeee; /* Old browsers */
									background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
									
	#pentair-button-box				{float: right;
									width: 440px;
									height: 80px;
									background-color: #eeeeee;}
	#goto-pentair-button			{float: right;
									width: 325px;					
									height: 30px;					
									-moz-border-radius: 5px;
 									-webkit-border-radius: 5px;
 									border-radius: 5px;
 									behavior: url(/content/dam/te-com/custom/styles/raychem/PIE.htc);
									margin: 20px 60px 0px 60px;
									background: #000000; /* Old browsers */
									background: -moz-linear-gradient(top,  #000000 0%, #000000 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #000000 0%,#000000 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #000000 0%,#000000 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #000000 0%,#000000 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
	#te-button-box					{float: left;
									width: 440px;
									height: 80px;
									background-color: #eeeeee;}
	#goto-te-button					{width: 325px;					
									height: 30px;					
									-moz-border-radius: 5px;
 									-webkit-border-radius: 5px;
 									border-radius: 5px;
  									behavior: url(/content/dam/te-com/custom/styles/raychem/PIE.htc);
									margin: 20px 60px 0px 60px;
									background: #fec727; /* Old browsers */
									background: -moz-linear-gradient(top,  #fec727 0%, #fb6600 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec727), color-stop(100%,#fb6600)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #fec727 0%,#fb6600 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #fec727 0%,#fb6600 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #fec727 0%,#fb6600 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #fec727 0%,#fb6600 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec727', endColorstr='#fb6600',GradientType=0 ); /* IE6-9 */}
	/* BODY STYLES **************************************************************************************************************************************/								
	
	/* FONT STYLES **************************************************************************************************************************************/
	h3 								{font-family: Verdana, Arial, sans-serif; 		
									font-weight: bold;		
									color: #525252; 			
									font-size: 16px;}
	p  								{font-family: Arial, Verdana, sans-serif; 		
									color: #525252; 		
									font-size: 14px;			
									line-height: 18px;}
	ul								{font-family: Arial, Verdana, sans-serif; 		
									color: #525252; 		
									font-size: 14px;			
									line-height: 24px;}
	#brand-msg 						{text-align: center;}
	.button-text					{font-family: Verdana, Arial, sans-serif; 		
									color: #ffffff; 		
									font-size: 14px;			
									text-align: center;
									padding: 5px 0px 0px 0px;}
	a								{text-decoration: none;}
	/* FONT STYLES **************************************************************************************************************************************/