/* 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: 320px;
    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: 320px;
    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 **************************************************************************************************************************************/