/******************** BROWSER RESET CONTROLS ********************/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
:focus {outline:0;}
caption {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-family:inherit; font-weight:bold;}
font {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-family:inherit;}
em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;}
code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;}
blockquote {padding:0px 15px;}
/******************** BROWSER RESET CONTROLS ********************/
.footer {clear:both;}
body {background:url(../images/global/g-bg-browser.gif) #fff;}
#gf-siteContainer {background-repeat:repeat-y; background-position:center; text-align:center; width:972px; margin:auto;}
#gf-siteFramework {width:958px; margin:auto; text-align:left;}

/******************** HEADER AREA ********************/
#gf-headerAnimation #transitionImage_Fade_1 {position:absolute; height:260px; width:606px; z-index:100;}
/** NAV **/
#gf-nav {height:47px; background-repeat:no-repeat; background-position:-6px 0px; padding-left:16px;}
#gf-nav ul {list-style-type:none;}
#gf-nav ul li {float:left; height:47px;}
#gf-nav ul li a {height:47px; display:block; text-indent:-9999px;}
#gf-nav ul li li a {background-image:none; text-indent:0px;}
/*#gf-nav ul li ul {position:absolute; background:#002451;}*/
#gf-nav ul li.gf-nav-one {width:46px; margin-right:6px;}
#gf-nav ul li.gf-nav-one a {background-position:-22px 0px;} 
#gf-nav ul li.gf-nav-one a:hover {background-position:-22px -47px;}
#gf-nav ul li.gf-nav-two {width:123px; margin-right:6px;}
#gf-nav ul li.gf-nav-two a {background-position:-74px 0px;} 
#gf-nav ul li.gf-nav-two a:hover {background-position:-74px -47px;}
#gf-nav ul li.gf-nav-three {width:100px; margin-right:5px;} 
#gf-nav ul li.gf-nav-three a {background-position:-203px 0px;} 
#gf-nav ul li.gf-nav-three a:hover {background-position:-203px -47px;}
#gf-nav ul li.gf-nav-four {width:88px; margin-right:5px;}
#gf-nav ul li.gf-nav-four a {background-position:-308px 0px;} 
#gf-nav ul li.gf-nav-four a:hover {background-position:-308px -47px;}
#gf-nav ul li.gf-nav-five {width:145px; margin-right:4px;} 
#gf-nav ul li.gf-nav-five a {background-position:-401px 0px;} 
#gf-nav ul li.gf-nav-five a:hover {background-position:-401px -47px;}
#gf-nav ul li.gf-nav-six {width:73px; margin-right:4px;}
#gf-nav ul li.gf-nav-six a {background-position:-550px 0px;} 
#gf-nav ul li.gf-nav-six a:hover {background-position:-550px -47px;}
#gf-nav ul li.gf-nav-seven {width:157px; margin-right:5px;} 
#gf-nav ul li.gf-nav-seven a {background-position:-627px 0px;} 
#gf-nav ul li.gf-nav-seven a:hover {background-position:-627px -47px;}
#gf-nav ul li.gf-nav-eight {width:159px; margin-right:5px;} 
#gf-nav ul li.gf-nav-eight a {background-position:-789px 0px;} 
#gf-nav ul li.gf-nav-eight a:hover {background-position:-789px -47px;}


/*
SUB NAV LIST 
     Set the width, background, and/or border
*/
#gf-nav ul li ul {width:130px; margin-top:0px; display:block; position:absolute; left:-9999px; height:auto; padding-bottom:3px;}
#gf-nav ul li ul li {height:auto; padding:3px 5px; width:auto; line-height:16px;}
#gf-nav ul li ul li a {color:#fff; font-weight:bold; width:120px; height:auto;}
/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */

#gf-nav ul li:hover, #gf-nav ul li.sfhover { position:static; } /* This is a fix for the IE7 Sticky menu bug */
#gf-nav ul li:hover ul ul, #gf-nav ul li:hover ul ul ul, #gf-nav ul li.sfhover ul ul, #gf-nav ul li.sfhover ul ul ul {left:-9999px; z-index:501;}
#gf-nav ul li:hover ul, #gf-nav ul li li:hover ul, #gf-nav ul li li li:hover ul, #gf-nav ul li.sfhover ul, #gf-nav ul li li.sfhover ul, #gf-nav ul li li li.sfhover ul {left:auto; z-index:501;}

/* Support for the "iehover-fix.js" */
#gf-nav ul.navItems iframe {position: absolute; left: -0.25em; top: -0.25em; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}

* html ul.navItems li ul li { z-index: 501; }
/* this is for IE 5.0
     select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */


/** ROW TWO / FLASH ANIMATION **/
#gf-headerContainer .gf-header-rowTwo-front {height:260px; background:#fff; z-index:0; position:relative;}
#gf-headerContainer .gf-header-rowTwo-front h1 {display:none;}
#gf-headerContainer #gf-logo {float:left; width:352px; height:260px;}
#gf-headerContainer #gf-headerAnimation{float:left; width:606px; height:260px;}
#gf-headerContainer #gf-changeResident {position:absolute; z-index:1000; left:759px; top:10px;}
/******************** HEADER AREA ENDS ********************/
/******************** CONTENT AREA ********************/
#gf-contentContainer {background-color:#eef4eb; background-repeat:repeat-x; position:relative;}
#gf-contentContainer .gf-contentContainer-rowOne {float:left; margin-top:-32px; width:958px; z-index:100; position:relative;}
#gf-contentContainer .gf-contentContainer-rowOne .gf-content-rowOne-colThree {background:url(../images/global/three-column-content-area.png) no-repeat; min-height:340px;}
.gf-content-rowOne-colThree #gf-filterCallouts .gf-content-colOne {float:left; width:255px; margin-left:37px; padding:32px 0px 20px 0px;} 
.gf-content-rowOne-colThree #gf-filterCallouts .gf-content-colTwo {float:left; width:255px; margin-left:60px; padding:32px 0px 20px 0px;} 
.gf-content-rowOne-colThree #gf-filterCallouts .gf-content-colThree {float:left; width:255px; margin-left:60px; padding:32px 0px 20px 0px;} 


#gf-contentContainer .gf-contentContainer-rowTwo-front {background:url(../images/global/g-bg-main-content-1.png) no-repeat; clear:both; padding:25px 43px;}
#gf-contentContainer .gf-contentContainer-rowTwo-front p {padding:4px 0px;}
#gf-contentContainer .gf-contentContainer-rowTwo-inside {background:url(../images/global/g-bg-main-content-2.png) no-repeat; clear:both; float:left; margin-top:-32px; width:958px; z-index:100; position:relative;}
#gf-contentContainer .gf-contentContainer-rowTwo-inside .gf-insideContentArea {padding:25px 43px;}
#gf-contentContainer .gf-contentContainer-rowTwo-colOne {float:left; width:423px;}
#gf-contentContainer .gf-contentContainer-rowTwo-colTwo {float:right; width:423px;}

.gf-insideContentArea .gf-inside-colOne {float:left; width:590px;}
.gf-insideContentArea .gf-inside-colTwo {float:right; width:270px; background:url(../images/global/inside-temp2-rc-bg.png) no-repeat;}
.gf-insideContentArea .gf-inside-colTwo .gf-contentArea {padding-left:20px;}

/** FRONT CONTENT AREAS **/
/* filter call outs */
#gf-filterCallouts .gf-filterDetails h2.safetflow {text-indent:-9999px; display:block; background:url(../images/global/filter-logos.png) no-repeat 0px 0px; height:90px;}
#gf-filterCallouts .gf-filterDetails h2.gutterfill {text-indent:-9999px; display:block; background:url(../images/global/filter-logos.png) no-repeat 0px -90px; height:90px;}
#gf-filterCallouts .gf-filterDetails h2.trueflowing {text-indent:-9999px; display:block; background:url(../images/global/filter-logos.png) no-repeat 0px -180px; height:90px;}
#gf-filterCallouts .gf-filterDetails .gf-filterInfo .imageArea {width:95px; text-align:center;}
#gf-filterCallouts .gf-filterDetails .gf-filterInfo p {padding:2px 0px;}
#gf-filterCallouts .gf-filterDetails .gf-filterInfo ul {list-style-type:none; font-size:11px; font-weight:bold; padding-top:3px;}
#gf-filterCallouts .gf-filterDetails .button-buyNow a {margin:4px 0px 2px 8px;}
/* company introduction */
#gf-companyIntroduction {line-height:16px;}
#gf-companyIntroduction h2 {padding:10px 0px;}
#gf-safetyCallout {margin-bottom:15px;} 
#gf-safetyCallout .contentContainer {padding:0px 8px 4px 10px;}
.gf-contentContainer-rowTwo-colTwo #gf-safetyCallout {color:#fff; font-size:14px;}
.gf-contentContainer-rowTwo-colTwo #gf-safetyCallout a {color:#fff;}
#gf-mainVideoContainer {margin-top:15px;}
#gf-benefitBullets {margin-top:20px;}
#gf-benefitBullets ul {list-style-type:none; padding-top:10px;}
#gf-benefitBullets ul li {padding:8px 0px 8px 40px; background:url(../images/global/li-large-checkmark.gif) no-repeat 0px 5px;}
/******************** CONTENT AREA ENDS ********************/
/******************** FOOTER AREA ********************/
#gf-footerContainer {background-repeat:repeat-x; padding:25px 10px 20px 10px; text-align:center; font-size:11px; clear:both; position:relative;}
#gf-contactOptions {color:#fff; font-size:12px; padding-bottom:5px;}
#gf-contactOptions a {color:#fff; text-decoration:none;}
#gf-contactOptions a:hover {text-decoration:underline;}
#gf-copyright a:hover {color:#fff; text-decoration:underline;}
/******************** FOOTER AREA ENDS ********************/
/******************** GENERAL/ALL PAGE STYLES ********************/
h2 {font-size:21px; font-weight:normal; line-height:24px;}
h3 {font-size:18px;}
.alignleft {float:left; margin:5px 10px 5px 0px;}
.alignright {float:right; margin:5px 0px 5px 10px;}
.xsmallText {font-size:10px; color:#666;}
.smallText {font-size:11px; color:#666;}
.button-buyNow a {text-indent:-9999px; display:block; background:url(../images/global/content/button-buynow.gif) no-repeat; height:24px; width:64px;}
/** inside specific **/
.gf-insideContentArea p {padding:4px 0px;}
.gf-insideContentArea h2.gf-pageTitle {font-size:26px; font-weight:normal; padding-bottom:10px;}
.gf-insideContentArea h1 {font-size:24px; padding-top:10px;}
.gf-insideContentArea h2 {font-size:18px; font-weight:bold; padding-top:10px;}
.gf-insideContentArea h3 {font-size:16px; padding-top:10px;}
.gf-insideContentArea h4 {font-size:14px; padding-top:10px;}
.gf-insideContentArea h5 {font-size:13px; padding-top:10px;}
.gf-insideContentArea h6 {font-size:12px; padding-top:10px;}
.gf-insideContentArea ul,
.gf-insideContentArea ol {list-style-position:inside; padding:4px;}

.gf-insideContentArea .gf-productLine-content {border-top:1px solid #ccc; padding-bottom:20px;}
.gf-insideContentArea .gf-productLine-content .gf-insideContent-colOne {float:left; width:423px;}
.gf-insideContentArea .gf-productLine-content .gf-insideContent-colTwo {float:right; width:423px;}
.gf-insideContentArea .gf-privacyPolicyCopy {line-height:18px;}

/* filter call outs */
.gf-inside-colTwo .gf-filterDetails {padding-bottom:20px; font-size:11px; clear:both;}
.gf-inside-colTwo .gf-filterDetails h2.safetflow {text-indent:-9999px; display:block; background:url(../images/global/filter-logos-inside.png) no-repeat 0px 0px; height:75px;}
.gf-inside-colTwo .gf-filterDetails h2.gutterfill {text-indent:-9999px; display:block; background:url(../images/global/filter-logos-inside.png) no-repeat 0px -90px; height:70px;}
.gf-inside-colTwo .gf-filterDetails h2.trueflowing {text-indent:-9999px; display:block; background:url(../images/global/filter-logos-inside.png) no-repeat 0px -180px; height:70px;}
.gf-inside-colTwo .gf-filterDetails .gf-filterInfo p {padding:2px 0px;}
.gf-inside-colTwo .gf-filterDetails .gf-filterInfo p.button-buyNow {margin-left:17px;}
.gf-inside-colTwo .gf-filterDetails #safetflow-bullets {margin-top:-20px;}
.gf-inside-colTwo .gf-filterDetails #gutterfill-bullets {margin-top:-10px;}
.gf-inside-colTwo .gf-filterDetails #trueflow-bullets {margin-top:-17px;}
.gf-inside-colTwo .gf-filterDetails #gutterfill-bullets h6,
.gf-inside-colTwo .gf-filterDetails #trueflow-bullets h6{margin:0px; padding:2px 0px 0px 13px;}

/* comparison table */
.submissionEntry {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d7d7d7;}
.content .submissionEntry p {padding:2px 0px;}
.submissionEntry p.submissionFrom {font-style:italic; margin-left:15px;}
.comparisonChartContainer .tableContainer {border:1px solid #d7d7d7; margin:10px 0px;}
.comparisonChartContainer .tableContainer table {font-size:11px; background:#000;}
.comparisonChartContainer .tableContainer table td {background:#f7f7f7; padding:3px;}
.comparisonChartContainer .tableContainer th {font-weight:bold; font-size:11px; padding:3px;}
.comparisonChartContainer .tableContainer tr.GutterFillRow td {background:#fff; font-size:11px;}
.comparisonChartContainer .tableContainer tr.GutterFillRow td.productName {color:#b10000; font-weight:bold;} 
.comparisonChartContainer .tableContainer .legendReferral {font-size:9px; color:#666;}

.chartLegend {margin-top:10px;}
.chartLegend table {background:#666; font-size:11px;}
.chartLegend table th {background:#d7d7d7; padding:3px;}
.chartLegend table td {background:#f7f7f7; padding:3px;}

/* form styles */
.xxsmall {width:30px;}
.xsmall {width:55px;}
.small {width:120px;}
.medium {width:200px;}
.large {width:290px;}
.xlarge {width:450px;}
.xxlarge {width:600px;}
.gf-formContainerOne,
.gf-formContainerTwo {padding:20px 0px;}
.gf-multiFormRow,
.gf-formRow {clear:both; padding-bottom:8px;}
.gf-multiFormRow .gf-formRow {float:left; margin-right:15px; clear:none;}
.gf-formContainerOne .gf-formRow label {font-weight:bold; display:block; padding-bottom:2px;}
.gf-formContainerTwo .gf-formRow label {font-weight:bold; float:left; margin-right:15px; padding-bottom:2px; width:175px;}
.formContingent {color:#666; font-size:.85em;}
input,
select,
textarea {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.gf-submitButton {margin-right:100px;}
.gf-formContainerTwo .gf-submitButton {margin-left:190px;}

/******************** GENERAL/ALL PAGE STYLES ENDS ********************/