/*
 * Primary CSS file.
 *
 * @author Harlowtech
 * screen.css 2013-09-17
 *
 */
@charset "UTF-8";
/* style resets */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, iframe, a, img, em, i, strong, b, fieldset, form, label, legend, table, tr, th, td {
    border:0;
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
}
/* general site styles */

body {
    background: #f0f0f0 url(../images/bg.png) repeat-x;
    color:#82878c;
}
/**
 * Override how superscripts work for the benefit of all the circle-Rs
 */
sup {
    font-size: 0.7em;
    position: relative;
    top: -0.4em;
    vertical-align: baseline;
}

sub {
    font-size: .5em;
}

h1 {
    color:#18477c;
    padding-top:14px;
    font-size:46px;
    line-height:100%;
}
h2 {
    color:#18477c;
    font-size:18px;
}
h3 {
    color:#2b3645;
    font-size:18px;
    display: block;
}
h4 {
    color:#2b3645;
    font-size:14px;
    line-height:22px;
}
h5 {
    color: #2b3645;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
}
p {
    font-size:14px;
    line-height: 125%;
    color:#637184;
}
a {
    color:#194579;
    text-decoration:none;
    outline: none;
}
a:active {
    outline:none !important;
}
a:hover {
    text-decoration:underline;
}
a:hover img {
    text-decoration: none;
}

blockquote {
    padding: 20px 0 0 56px;
}

a.small_arrow {
    background-image:url(../images/arrow_sm.gif);
    background-position:right 2px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
    font-size: 12px;
    font-weight: bold;
}
a.small_arrow.orange {
    background-image:url(../images/arrow_sm_orange.png);
    background-position:left 0;
    background-repeat:no-repeat;
    display: inline-block;
    padding: 0 0 0 14px !important;
    font-weight: normal;
}


a.small_arrowBroad {
    background-image:url(../images/arrow_sm.gif);
    background-position:right 6px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
}

a.top_arrow {
    background-image:url(../images/arrow_top.gif);
    background-position:left 1px;
    background-repeat:no-repeat;
    padding: 0 0 0 15px !important;
    font-size: 12px;
    font-weight: bold;
}

a.left_arrow {
    background-image:url(../images/arrow_left.gif);
    background-position:left 2px;
    background-repeat:no-repeat;
    padding: 0 0 0 15px !important;
    font-size: 12px;
    font-weight: bold;
}

a.download_arrow {
    background-image:url(../images/icon_arrow_expand.png);
    background-position:left 3px;
    background-repeat:no-repeat;
    padding: 0 0 0 15px !important;
    font-size: 14px;
    font-weight: bold;
}

a.small_arrow_blue {
    background-image:url(../images/arrow_sm_blue.gif);
    background-position:right 2px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
    margin-top: 5px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #0082c8;
}

a.small_arrow_green {
    background-image:url(../images/arrow_sm_green.gif);
    background-position:right 2px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #419639;
}

a.small_arrow_orange {
    background-image:url(../images/arrow_sm_orange.gif);
    background-position:right 2px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #f26532;
}

a.small_arrow_white {
    background-image:url(../images/arrow_sm_white.gif);
    background-position:right 2px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
    font-size: 13px;
    font-weight: bold;
    color: #f26532;
}

a.watch_video {
    background-image: url(../images/icon_watch_video.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 20px 0 0 101px !important;
    font-size: 14px;
    font-weight: bold;
    color: #484c4f;
    height: 58px;
    display: block;
    width: 95px;
    text-decoration: none;
}

ul.checkmark,
ul.checkMark {
    border: medium none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.checkmark > li,
ul.checkMark > li {
    background: url(../images/check_mark.gif) no-repeat scroll 0 0 transparent !important;
    padding: 0 0 10px 30px !important;
    vertical-align: top; /* lines up arrow at top of text */
}

.productTabArea ul.list li {
    list-style-type: disc !important;
}


form.inline {
    display: inline-block;
}

small {
    font-size: 10px;
    line-height: 14px;
}

.rowLast {
    margin-right: 0 !important;
}

/* helper styles */

.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
    height:0;
}

img.left {
    margin-right: 5px;
}
img.right {
    margin-left:5px;
}

/* Tooltip style */

.warning { position: relative;  }

.warning span.externalTooltip { display: none; }

span.externalTooltip {
    position: absolute;
    padding: 5px;
    font: normal 10px/12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 150px;
    color: #444;
    z-index: 99999;
    left: 150px;
    top: 40px;
    }

.warning:hover span.externalTooltip,
.warning.whover span.externalTooltip { display: block; }

a.warning span.externalTooltip {
    top: -75px;
    left: 0;
    }

a.warningLink:hover {
    text-decoration: none;
}

a.warningLink span {
    display: none;
    padding: 5px;
    margin-left: 50px;
    margin-top: -80px;
    z-index: 99999;
}

a.warningLink:hover span {
    display: inline;
    position: absolute;
    font: normal 10px/12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 150px;
    color: #444;
}


/* page layout, global */

#header {
    z-index: 9999;
    width:1000px;
    margin: 0 auto;
    position: relative;
}
.breadcrumbs {
    font-size:14px;
    color:#2b3645;
    padding:7px 0 0 20px;
}
.breadcrumbs a, .breadcrumbs a:visited {
    color:#757a7e;
}



/* primary nav */

#mainMenu {
    position: relative;
    width: 100%;
    height: 86px;
    background: url(../images/bg_nav.png) no-repeat;
}
#mainMenu > ul {
    display: block;
    width: 980px;
    float: left;
    margin-bottom: 0;
    padding: 5px 0px 5px 10px;
    list-style: none;
}
#mainMenu > ul > li {
    display: block;
    float: left;
    margin: -8px 0 0 0 !important;
    height: 64px;
}
#mainMenu > ul > li:first-child {
    width: 200px;
    text-indent: -9999px;
}
#mainMenu > ul > li a {
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin: 2px 0 0 0;
}
#mainMenu > ul > li > div > ul > li > div {
    float: left;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
#mainMenu a.howToBuyLink {
    width: 155px;
    height: 52px;
    padding-top: 9px;
    padding-right: 3px;
    background: url(../images/button_HowToBuy.png) no-repeat;
    background-position: center center;
    left: auto;
}
#mainMenu a.uberNavParent {
    cursor: pointer;
}
#mainMenu > ul > li.right {
    float: right;
}
#mainMenu > ul > li.right a {
    position: inherit;
}
#mainMenu > ul > li.right div {
    padding-right: 10px;
}
#mainMenu > ul > li a > div {
    margin: 16px 0 14px 0;
    padding: 8px 12px 0 14px;
    color: #818890;
    height: 25px;
}
#mainMenu > ul a > div.right {
    background-image: url(../images/bg_nav_divider.png);
    background-repeat: no-repeat;
    background-position: 100% center;
}
#mainMenu > ul a > div.left {
    background-image: url(../images/bg_nav_divider.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    float: none;
}
#mainMenu > ul li a:hover div,
#mainMenu > ul li a.active div {
    color: #484c4f;
    text-decoration: underline;
}
#mainMenu > ul li a.menuDown div {
    color: #484c4f;
}
#mainMenu a.uberNavParent .subNavArrow {
    display:inline-block;
    margin: 0 0 0 7px;
    width: 13px;
    height: 9px;
    background: url(../images/arrow_sm_nav_dwn.png) no-repeat;
    background-position: right center;
    zoom: 1;
    *display: inline;
}
#mainMenu > ul > li a.uberNavParent:hover .subNavArrow,
#mainMenu > ul > li a.menuDown .subNavArrow,
#mainMenu > ul > li a.active .subNavArrow {
    background: url(../images/arrow_sm_nav_dwn_ovr.png) no-repeat;
}
#mainMenu > ul > li:first-child a:hover {
    color: transparent;
    text-decoration: none;
    background: none !important;
}
#mainMenu a.howToBuyLink:hover {
    color: transparent;
    text-decoration: none;
    background: url(../images/button_HowToBuy.png) no-repeat;
    background-position: center center;
}
#mainMenu > ul > li a:hover {
    background-image: url(../images/bg_nav_active.png);
    background-repeat: repeat-x;
    background-position: center;
}
#mainMenu a.active {
    color: #000;
    margin-left: -1px;
    border-left: 1px solid #c3c3c3;
    background: #ffffff;
}
#mainMenu a.menuDown {
    z-index: 2;
    color: #000;
    height: 65px;
    margin-right: 1px;
    background-image: url(../images/bg_nav_active.png);
    background-repeat: repeat-x;
    background-position: center 12px;

    -webkit-box-shadow: 0px 4px 8px #c3c3c3;
    -moz-box-shadow:    0px 4px 8px #c3c3c3;
    box-shadow:         0px 4px 8px #c3c3c3;
}
#mainMenu > ul a.menuDown > div {
    padding: 24px 11px 0 14px;
    margin-top: 0;
    background: #fff;
    border: none;
}
#mainMenu > ul a.menuDown.active > div {
    padding: 24px 11px 0 14px;
}
#mainMenu li.Pos2 a.menuDown {
    border-left: none;
}
#mainMenu li.Pos2 a.menuDown div {
    padding: 24px 11px 0 14px;
}
#mainMenu li.Pos2 a.menuDown.active > div {
    padding: 24px 11px 0 15px;
}
#mainMenu a.howToBuyLink.menuDown {
    background: url(../images/nav_on_how_to_buy.png) 2px -4px no-repeat;
    z-index: 201;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
#mainMenu li.right a.menuDown {
    border-right: none;
}
#mainMenu a.active div {
    background: none !important;
}
#mainMenu #search input {
    background: url(../images/magnifying_lens.gif) 153px 2px no-repeat;
    background-color: #FFF;
    border: 1px solid #bfbfbf;
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 24px;
    line-height: 12px;
    margin: 20px 0 0 0;
    padding: 0 20px 0 5px;
    width: 147px;
}


.uberNavChild {
    position: relative;
    width: 100%;
    height: 86px;
}
.uberNavChild > ul {
    display: block;
    float: left;
    margin: 9px auto 0 14px;
    list-style: none;
    padding: 14px 12px 15px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 8px #9c9c9c;
    -moz-box-shadow:    0px 6px 8px #9c9c9c;
    box-shadow:         0px 6px 8px #9c9c9c;
}
.uberNavChild > ul.offset {
    margin: 9px 9px 0 120px;
}
.uberNavChild > ul.offsetLarge {
    margin: 9px 9px 0 420px;
}
#mainMenu li.right .uberNavChild > ul {
    float: right;
    margin: 9px 9px 0 9px;
}
#mainMenu li.right .uberNavChild > ul.offset {
    float: right;
    margin: 9px 120px 0 9px;
}
#mainMenu li.right .uberNavChild > ul.offsetLarge {
    float: right;
    margin: 9px 420px 0 9px;
}
.uberNavChild > ul li {
    display: block;
    position: relative;
    float: left;
    margin: 0 3px !important;
    padding: 8px;
    width: 213px;
/*  height: 134px;*//* 2014-01-03 Allow for text beneath dropdown images */
    background: url(../images/nav_sub_block_bg.png) no-repeat;
}
.uberNavChild > ul li img {
    display: block;
    position: relative;
    margin: 2px auto 6px auto;
    width: 208px;
}
#your_industrySubNav a {
    z-index: inherit;
}
.uberNavChild > ul li a {
/*  position: absolute !important;*//* 2014-01-03 Allow for text beneath dropdown images */
/*  bottom: 7px;*//* 2014-01-03 Allow for text beneath dropdown images */
}
.uberNavChild > ul li a:first-child {
/*  min-height: 96px;
    bottom: 44px;
    left: 0;
    width: 208px;*//* 2014-01-03 Allow for text beneath dropdown images */
}
.uberNavChild > ul > li a,
.uberNavChild > ul > li a:hover {
/*  background-image: url(../images/nav-drop-bg.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: 10px 2px !important;*//* 2014-01-03 Allow for text beneath dropdown images */
}
.uberNavChild > ul li a.button {
    padding: 7px 8px 6px 11px;
    width: 200px !important;
    height: 23px !important;
    background: url(../images/nav_sub_button.png) no-repeat !important;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: -1px 0 2px rgba(0,0,0, 0.8);
}
.uberNavChild > ul li a.button:hover {
    text-decoration: none;
}

#our_productsSubNav {
    position:absolute !important;
    top:71px;
    left:0px;
    height:190px;
    z-index:200;
    display:none; /* this prevents the layer flashing on load */
}
#your_industrySubNav {
    position:absolute !important;
    top:71px;
    left:0px;
    height:187px;
    z-index:200;
    display:none; /* this prevents the layer flashing on load */
}

#howToBuyLinkSubNav {
    display:none; /* this prevents the layer flashing on load */
    font-size: 16px;
    left:-1px;
    padding: 0;
    position:absolute;
    top:67px;
    width: 996px;
    z-index:10000;
}

#howToBuyLinkSubNav .howToBuyLinkSubNavBody {
    background: url(../images/bg_nav_search_results_shadow.png) 0 0 repeat-y;
    padding: 30px 8px 0 8px;
}

#howToBuyLinkSubNav img.closetop {
    position:absolute;
    right: -39px;
    top: 45px;
}

#howToBuyLinkSubNav h3 {
    font-size:24px;
    padding-left: 28px;
    padding-top: 17px;
    color: #194378;
    background: url(../images/bg_nav_search_results_titlebar.jpg) 0 0 no-repeat;
    height: 42px;
}

#howToBuyLinkSubNav p {
    font-size:16px;
    padding-left: 10px;
    font-weight: bold;
    color: #000;
}

#howToBuyLinkSubNav form {
    padding:0 0 30px 0;
    color:#82878c;
    font-size:16px;
}
#howToBuyLinkSubNav label {
    font-size:14px;
    text-transform:uppercase;
    color:#555555;
    font-weight:bold;
}
#howToBuyLinkSubNav fieldset {
    padding-left: 30px;
    padding-bottom: 30px;
    float: left;
}

#howToBuyLinkSubNav .availableOnline {
    border-right: 1px solid #c9d6e1;
    float: left;
    height: 218px;
    width: 161px;
}

#howToBuyLinkSubNav .availableOnline p {
    color: #254077;
    font-size: 11px;
    padding: 0 23px;
}

#howToBuyLinkSubNav .availableOnline a img {
    margin: 10px 0 10px 23px;
}

#howToBuyLinkSubNav .availableOnline a.buyButton span {
    display: none;
}

#howToBuyLinkSubNav .availableOnline a.buyButton {
    margin-left: 0;
}

#howToBuyLinkSubNav .header {
    background: url(../images/bg_nav_search_results_shadow_top.png) 0 0 no-repeat;
    height: 10px;
    width: 996px;
}

#howToBuyLinkSubNav .footer {
    background: url(../images/bg_nav_search_results_shadow_bottom.png) 0 0 no-repeat;
    height: 13px;
    width: 996px;
}

#howToBuyResultsCloseTop {
    position: absolute;
    right:65px;
    top:13px;
}
#howToBuyResultsCloseBottom {
    float: left;
}

/* Search Results styles */
#howToBuyResultsAjax {
    padding-left: 30px;
}

#howToBuyFooter {
    background:url(../images/bg_nav_search_results_footer.png) no-repeat;
    text-indent: 25px;
    margin: 0px -25px 0 -35px;
    padding-top: 20px;
    width: 945px;
    height: 37px;
}

#howToBuyFooter .emailPrint {
    margin-right: 35px;
    width: 250px;
}

#howToBuyLinkSubNav #searchResultsSummary {
    margin: 0;
    padding: 0;
    height: 37px;
}

.searchResultsBox {
    margin-bottom: 20px;
}

.searchResultsBox .vendorName {
    font-size:16px;
    color: #2b3645;
    font-weight: bold;
}

.searchResultsBox .vendorTitle {
    font-size:12px;
    color:#194378;
}

.searchResultsBox .label {
    display: block;
    font-size:14px;
    padding: 10px 0 0 0px;
    color:#2b3645;
    font-weight: bold;
}

.searchResultsBox .vendorSite .site {
    display: block;
    clear: both;
    font-size:14px;
    padding: 0 0 0 0px;
    color:#194378;
}

.searchResultsBox .vendorEmail .email {
    font-size:14px;
    padding: 0 0 0 0px;
    font-weight: normal;
    color:#194378;
}

.searchResultsBox .vendorPhone .phone {
    font-size:14px;
    padding: 0 0 0 0px;
    font-weight: normal;
    color:#194378;
}

#howToBuyShare {
    width: 200px;
    text-align:right;
    line-height: 5px;
    margin-left: 700px;
}

#howToBuyShare a:active, #howToBuyShare a:visited, #howToBuyShare a {
    color: #2b3645;
    font-size: 14px;
    font-weight: bold;
    display:inline;
}

#howToBuyShare a:hover {
    color: #56759c;
    font-size: 14px;
    font-weight: bold;
}

#howToBuyShare img {
    display: inline;
}

input[type=submit].orange {
    background: #ffa100;
    border: none;
    border-radius: 2px;
    color: #fff;;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0 0 9px 0;
    text-align: center;
    height: 24px;
    padding: 3px 18px 8px 18px;
    width: 78px;
}
input.howToBuyZip {
}
.rightRail input[type=text] {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #848484;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding: 2px 5px;
    text-indent: 3px;
    width: 170px;
}

input.howToBuyIndustry {
    width: 250px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    margin: 0 0 0 0px;
}

input.freeResourcesForm {
    width: 250px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    margin: 0 0 0 0px;
}

#stateUS input {
    width: 59px;
    height: 40px;
}

/*******************************************************************************
 * Login Form
 ******************************************************************************/
#MemberLoginForm_LoginForm, #MemberLoginForm_LostPasswordForm {
    max-width: 500px;
}
#MemberLoginForm_LoginForm .main form .middleColumn {
    float: left;
    width: 50% !important;
}
#MemberLoginForm_LoginForm input.text {
    width: 98%;
    padding: 6px 1%;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9;
}
#MemberLoginForm_LoginForm .checkbox {
    float: left;
    margin-top: 3px;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    padding: 0;
    vertical-align: bottom;
}
#MemberLoginForm_LoginForm .field {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
}
#MemberLoginForm_LoginForm .left {
    text-align: left;
}
#MemberLoginForm_LoginForm label.left {
    max-width: 50%;
    padding-right: 5%;
    padding-bottom: 10px;
    margin-top: 3px;
    display: block;
    font-size: 13px;
}
#MemberLoginForm_LoginForm #Remember .right {
    float: none;
}


/*******************************************************************************
 * Form validation
 ******************************************************************************/

/**
 * Wrap form fields in this div so they can be decorated as showing an error
 */
div.validated {
}

/**
 * Fields get this added when invalid
 */
div.invalid {
}

div.invalid span.label {
    color: red;
}


/**
 * This element will be added after a form field when it is invalid
 */
div.validated label.error {
    color: red;
    display: block;
}

#footer {
    width:980px;
    margin: 60px auto;
    position: relative;
}
#footer ul {
    margin-left:0px;
    padding-left:0px;
}
#footer ul li {
    font-size:14px;
    list-style-type:none;
    list-style-image:url(../images/bullet.png);
    margin-left:16px;
    min-width:100px;
}
#footer ul li a {
    font-size:14px;
    color:#2b3645;
    font-weight:normal;
    text-decoration:none;
    line-height:25px;
}


#footer .footerIndustryLinks,
#footer .colOne {
    width:280px;
    float:left;
    margin-left: 26px;
}
#footer .footerIndustryLinks h3,
#footer .colOne h3 {
    color: #194378;
}
#footer .footerSiteLinks,
#footer .colTwo {
    background:url(../images/divider_footer.png) no-repeat;
    width:410px;
    float:left;
    height:171px;
}
#footer .footerSiteLinks ul,
#footer .colTwo ul {
    margin-top:18px;
    float:left;
    margin-left:10px;
}
#footer .footerSiteLinks ul.first,
#footer .colTwo ul.first {
    float:left;
    margin-left:40px;
}
#footer .footerSiteLinks h4,
#footer .colTwo h4 {
    color:#2b3645;
    margin:21px 0 0px 40px;
}
#footer .footerSiteLinks ul li,
#footer .colTwo ul li {
    width:100px;
}
#footer .footerCorpLinks,
#footer .colThree {
    background:url(../images/divider_footer.png) no-repeat;
    width:260px;
    float:left;
    height:171px;
}
#footer .footerCorpLinks ul,
#footer .colThree ul {
    margin-left:40px;
}
#footer .footerCorpLinks h4,
#footer .colThree h4 {
    margin:21px 0 0 40px;
}


#footer .content {
    margin-bottom: 15px;
}
#footer .columns div {
    background:url(../images/divider_footer.png) no-repeat;
    float:left;
}
#footer div ul {
    float:left;
    margin-left:5px;
}
#footer div ul.tall {
    margin-top:18px;
}
#footer .columns div ul:first-of-type {
    margin-left:40px;
}
#footer .columns div.first {
    background:none;
    margin-left:26px;
}
#footer .columns div.first > ul:first-of-type {
    margin-left:0;
}
#footer h3 {
    margin:22px 0 0 40px;
    color: #194378;
}
#footer h4 {
    margin:21px 0 0 40px;
}
#footer h3.short,
#footer h4.short {
    margin-top:0;
}
#footer .columns div.first h3,
#footer .columns div.first h4 {
    margin-left:0;
}

#footer a:link, #footer a:visited {
    color:#82878c
}

#footer a:hover {
    color: #194378;
}

/* product selector dropdown */
#productSelect {
    margin: 5px;
    padding: 4px;
    background-color: #d5d8db;
    font-size: 16px;
    width: auto;
}
.rightRailBoxContent #productSelect {
    width: auto;
}
#productSelect .label {
    display: inline;
    width: 170px;
    margin: 0 5px 0 5px;
    color: #555555;
}
#productSelect .dropdown  {
    width: 200px;
    text-indent: 3px;
    color: #98a1ac;
}
.rightRail #productSelect .dropdown  {
    font-weight: normal;
    width: 145px;
}

/* Product Selector in right rail */
#industry #productSelect {
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 0;
}

#industry #productSelect .label {
    display: none;
}

#industry #productSelect .selectBox-label {
    font-size: 13px;
    line-height: 25px;
}

/* page specific styles - home */

/* Overlay for the "Mega Nav" dropdown */
#simplemodal-overlay {
    background-color:#fff;
    cursor:wait;
    width:100%;
    width:100%;
}
#simplemodal-container {
    height:337px;
    width:993px;
    border:0;
    padding:0;
    z-index:9999;
}
#whiteout {
    z-index: 1000;
    position: fixed;    /* Prevent overlay from scrolling */
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
}
#whiteout img {
    width: 2000px;
    height: 2000px;
    filter: alpha(opacity=90); /* MSIE/PC */
    -moz-opacity: 0.9; /* Mozilla 1.6 and older */
    opacity:0.9;
}


/* Header styles - Allen/Harlow 8/29/2013 */

/* .*Hero */
.healthcareHero,
.cleaningHero,
.foodserviceHero,
.productHero,
.aboutUsHero,
.contactUsHero,
.searchHero,
.newsroomHero {
    padding:0 20px;
    height: 270px;
    font-size:18px;
    line-height:22px;
    position: relative;                 /* Trying to fix horizon positioning */
}

.foodservicePage .emailPrint { display: none; }


.healthcareHero.Tall,
.cleaningHero.Tall,
.foodserviceHero.Tall,
.aboutUsHero.Tall,
.contactUsHero.Tall,
.searchHero.Tall,
.newsroomHero.Tall {
    height: 270px;
}
.healthcareHero.Taller,
.cleaningHero.Taller,
.foodserviceHero.Taller,
.aboutUsHero.Taller,
.contactUsHero.Taller,
.searchHero.Taller,
.newsroomHero.Taller {
    height: 300px;
}
.healthcareHero {
    background: url(/assets/theme/healthcare-hero.png) right top no-repeat;
}
.cleaningHero {
    background: url(/assets/theme/cleaning-hero.png) right -64px no-repeat;
}
.foodserviceHero {
    background: url(/assets/theme/foodservice-hero.png) right top no-repeat;
}
.productHero {
    height: 360px;
}
.productHero.Tall {
    height: 390px;
}
.productHero.Taller {
    height: 420px;
}
#products .productHero {
    height: 240px;
}
.aboutUsHero,
.contactUsHero,
.searchHero {
    background: url(/assets/theme/clorox-hero.png) right top no-repeat;
    background-size: 35%;
    margin-right: 20px;
}
.newsroomHero {
    background: url(/assets/theme/newsroom-hero.png) 510px bottom no-repeat;
}
.searchHero,
.newsroomHero {
    margin-top: 23px; /* (no breadcrumb) */
}
#greenworks-concentrates .productHero {
    background: none;
    font-size: 18px;
    height: 240px;
    line-height: 22px;
    padding: 0 20px;
}

.productHero #productSelect {
    float: left;
}

/* .heroText */
.heroText {
    float: left;
    font-size: 15px;
    line-height: 22px;
    width: 650px;
}
.productHero .heroText {
    margin-bottom: 1em;
    width:615px;
}

.productHeroWide {
    height: auto;
    margin: 0 0 1em 0;
	padding: 0 20px;
}

.productHeroWide .heroText {
   float: left;
    font-size: 15px;
    line-height: 22px;
    width: 650px;
}

.productHeroWide .heroHeading {
    width: 100%;
    margin-bottom: 1em;
}

.newsroomHero .heroText,
.aboutUsHero .heroText,
.contactUsHero .heroText,
.searchHero .heroText {
    padding-top: 40px;
    width: 510px;
}
#body-search .aboutUsHero .heroText {
    width: 450px; /* Keeps long queries wrapped */
}
#greenworks-concentrates .productHero .heroText {
    width:420px;
}

/* .heroText H1 */
.productHero .heroText h1 {
    color:#18477c;
    padding-top:10px;
    font-size:46px;
    line-height:100%;
}

/* .heroText H2 */
.heroText h2 {
    padding: 12px 0 6px 0;
}
.productHero .heroText h2 {
    padding: 16px 0 4px 0;
}

/* .heroText H3 */
.heroText h3 {
    margin-top: 22px;
}
.foodserviceHero .heroText h3 {
    margin-top: 16px;
}
.productHero .heroText h3 {
    color:#00497d;
    font-size:16px;
    margin-top:15px;
}

/* .heroText P */
.heroText p {
    font-size: 15px;
    line-height: 22px;
}

/* Product Image / Carousel */
#greenworks-concentrates .productHero .heroCarousel {
    float: left;
    width: 510px;
    text-align: center;
}
/* Container for product text on the left */
.productImages {
    float: right;
    width: 325px;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 1em;
}
#products .productImages {
    margin-top: 0;
    padding-top: 10px;
}
body.industry .productImages {
    margin: 0;
}
body.industry .jcarousel-skin-gwc .jcarousel-clip-horizontal {
    height: 240px;
}
/* Static image of the product */
img.productImage, .carouselMainImg {
    max-height:250px;
}

/* Name of the product on the right under the hero image */
.productHero .productHeroLabel {
    color:#2b3645;
    font-size:14px;
    font-weight:bold;
    width: 325px;
    text-align:center;
    line-height: 1em;
    margin-bottom: 10px;
}
/* position differently for product carousel */
.productHero .heroCarousel .productHeroLabel,
.productHero .heroCarousel .productHeroSize {
    width: 325px;
}
.jcarousel-skin-gwc .jcarousel-container-horizontal {
    padding: 0 35px;
    width: 255px !important;
}
.jcarousel-skin-gwc .jcarousel-clip-horizontal {
    width: 255px !important;
}

/* Size of the product under the label */
.productHero .productHeroSize {
    font-size:13px;
    line-height:12px;
    color:#637184;
    width: 325px;
    text-align:center;
}




/**********************************/


/* page specific styles - products main page */

.pageMain {
    background-image: url(../images/bg_contentTabArea.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    margin:0 auto;
    padding-bottom: 57px;
    width:980px;
}

/* Image within tab content */
#heroShot img {
    position: relative;
    margin-left: 75px;
}

/* IE7 need top and left set, both for div and background else horiz scroll */
#horizon {
    top: 0;
    left: 0;
    position: absolute;
    width: 1044px;
    height: 169px;
    background: url(../images/horizon.png) no-repeat 0 0;
    z-index: -1;
}

.productMain {
    background-color: #ffffff;
    background-image: none;
    border-top: 9px solid #c2d3e0;
    padding:22px 14px;
    color:#2b3645;
}
.leftCol {
    width:218px;
    float:left;
    background: #c8d7e3;
    padding: 6px 8px;
    border-radius: 4px;
}
.leftFilterHead {
    background:#d2dde7;
    height:58px;
    line-height:58px;
    padding-left:28px;
    font-weight:bold;
}
.leftFilterHead .openAll {
    float:right;
    font-size:14px;
    background:url(../images/icon_arrow_expand.png) no-repeat right 24px;
    padding-right:17px;
    margin-right:12px;
}
.leftFilterHead .closeAll {
    float:right;
    font-size:14px;
    background:url(../images/icon_arrow_expand.png) no-repeat right 24px;
    padding-right:17px;
    margin-right:12px;
    display:none;
}
.leftFilterHead .filterDesc {
    float:left;
    font-size:14px;
/*    background:url(../images/icon_remove.png) no-repeat right 24px; */
}
.leftFilterHead .filterDescNone {
    background:none;
}
.leftFilterDesc {
    font-style: italic;
    font-size: 12px;
    color: #00497d;
    padding: 3px 5px 7px;
}
.footnote {
    margin: 3px 0 0 0;
    font-size: 10px;
}
#pagePrevious, #pageNext {
    display: none;
}

/* filter products side menu */

.leftFilterSelection ul {
    font-size:16px;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.leftFilterSelection ul.levelOneFilter {
    margin:0;
}
.leftFilterSelection ul li {
    font-size:1em;
    line-height:1.3em;
    padding: 6px 0 6px 28px;
    color: #2b3645;
    background:url(../images/section_closed.png) no-repeat 0 0;
    white-space: nowrap;
}
.leftFilterSelection ul li ul li {
    padding: 1px 0 6px 0;
    font-size: .9em;
}
.leftFilterSelection ul li ul li a {
    font-size: .9em;
    overflow: hidden;
    padding-left: 28px;
    text-overflow: ellipsis;
}
.leftFilterSelection ul li a {
    color:#194378;
    display:block;
}
.leftFilterSelection ul li ul {
    display: none;
    line-height: 1em;
}
.leftFilterSelection ul li.expanded {
    background:url(../images/section_open.png) no-repeat 0 0;
}
.leftFilterSelection ul li.expanded ul {
    margin-top:8px;
    display:block;
}
.leftFilterSelection .toggle-expand {
    font-size: 15px;
    font-weight: bold;
    padding-left: 33px;
}
.leftFilterSelection ul li.filter-section {
    padding-left: 0;
}
.leftFilterSelection .levelTwoFilter li {
    background:url(../images/checkbox.png) no-repeat;
    margin-left:5px;
}
.leftFilterSelection .levelTwoFilter li.active {
    background:url(../images/checkbox_checked.png) no-repeat;
}
/* How to Buy form  */
.leftColHowToBuy {
    background:url(../images/bg_how_to_buy.png) no-repeat bottom;
    height:295px
}
.leftColHowToBuy div {
    padding:20px;
}
.leftColHowToBuy p {
    color:#777;
    font-size:14px;
    padding:0 0 10px 0;
}
.leftColHowToBuy fieldset {
    padding-top:12px;
}
.leftColHowToBuy label {
    font-size:12px;
    text-transform:uppercase;
    color:#555;
    font-weight:bold;
}
.leftColHowToBuy h2 {
    background:url(../images/bg_hd_filter_how-to-buy.jpg);
    width: 295px;
    height:55px;
}
.leftColHowToBuy input.howToBuyZip {
    width: 250px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 0 0px;
}

.leftColHowToBuy select.howToBuyIndustry {
    width: 250px;
    height: 25px;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 0 -1px;
}

/* left column gray pull down */
.leftColHowToBuy .howToBuyForm .howToBuyIndustry .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    border-left: solid 1px #bbb;
    background-image: url(../images/select_arrow_gray.gif)
}

/* Orange pull down buttons*/
.howToBuyForm .freeResourcesList .howToBuyIndustry #stateUS .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    border-left: solid 1px #bbb;
    background-image: url(../images/select_arrow_orange.gif)
}

/* Right column how to buy form and Free Resources Form */

.rightColHowToBuy h3, .rightColFreeResources h3 {
    font-size:20px;
    color: #194378;
}

.rightColHowToBuy p, .rightColFreeResources p {
    font-size:14px;
    color: #000;
}

.rightColHowToBuy form, .rightColFreeResources form  {
    padding:0;
    color:#82878c;
    font-size:16px;
}
.selectBox-options,
.selectBox-options li,
.selectBox-optionsli a,
.selectBox-options li a {
    color:#82878c !important;
    font-size:12px !important;
    font-weight: normal !important;
}
.rightColHowToBuy label, .rightColFreeResources label {
    color: #9ea6ab;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 10px 0 5px 0;
}

.rightColHowToBuy fieldset, .rightColFreeResources fieldset {
    width: 100%;
    float: left;
}

.rightColHowToBuy .HowToBuyZip  {
    font-size:12px;
    width: 160px;
    text-transform:uppercase;
    color:#555;
    font-weight:bold;
}

.rightRail select, .rightColHowToBuy .howToBuyIndustry, .rightColFreeResources .freeResourcesList  {
    line-height: 25px;
    text-indent: 3px;
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
}

/* Right column product results */

.rightCol {
    width:713px;
    float:left;
}
.rightColFilterHead {
    line-height:normal;
    padding-left:15px;
    font-size:14px;
    color:#777;
    margin-bottom: 10px;
}
.rightColFilterHead .prodCount, .rightColFilterFoot .prodCount {
    float:right;
    text-align:right;
    margin-right:2px;
}
.rightColFilterHead .filterDesc .closeLink {
    margin:-1px 2px;
}

.rightColFilterResults {
    display:block;
    min-height:210px;
    margin-left:15px;
}
.rightColFilterPagination {
    font-size:13px;
    margin:14px 0 0 15px;
}
.rightColFilterPagination img {
    margin:-4px 2px;
}
.rightColFilterPagination a {
    color:#848484;
}
.rightColFilterPagination #pageNext {
    float:right;
}
.rightColFilterPagination #pagePrevious {
    float:left;
}
/* for each product...*/
.filterResultProduct {
    height:210px;
    width:173px;
    float:left;
    position:relative;
    border:1px solid #c6d5e1;
    margin:-1px 0 0 -1px;
    display:none;
}

.filterResultProduct .ccsLabel {
    box-sizing: border-box;
    color:#7496b2;
    font-size:12px;
    padding: 0 4px;
    position:absolute;
    text-align: center;
    top:12px;
    width: 100%;
}
.filterResultProduct .prodCTA {
    box-sizing: border-box;
    font-size:11px;
    font-weight:bold;
    padding: 0 4px;
    position:absolute;
    text-align:center;
    bottom: 10px;
    width:100%;
}
.filterResultProduct .prodCTA a {
    color: #666;
}
.filterResultProduct .prodImage img {
    max-width: 173px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height:210px;
}
.rightColFilterFoot {
    background:#d8e2eb;
    height:58px;
    line-height:58px;
    padding-left:28px;
    font-size:14px;
    color:#777;
}

.filterResultNone {
    height: 100%;
}

/* secondary page nav tabs */

ul#topTabNav {
    background: none;
    display: table;
    float: left;
    height: 42px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-top: -42px;
    width: 100%;
}
ul#topTabNav li {
    background-image: url(../images/bg_tab.png);
    background-position: right top;
    background-repeat: no-repeat;
    display: table-cell;
    float: left;
    height: 38px;
    margin: 4px 12px 0 0;
    padding-right: 6px;

    border-top-right-radius: 4px;
    border-top-left-radius: 4px;

    /* firefox's individual border radius properties */
    -moz-border-radius-topleft: 4px; /* top left corner */
    -moz-border-radius-topright: 4px; /* top right corner */

    /* webkit's individual border radius properties */
    -webkit-border-top-left-radius: 4px; /* top left corner */
    -webkit-border-top-right-radius: 4px; /* top right corner */
}
ul#topTabNav li.section,
ul#topTabNav li.current {
    height: 42px;
    margin: 0 12px 0 0;
    padding: 0;
}
#topTabNav li a {
    background-image: url(../images/bg_tab.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #92a1ac;
    display: table-cell;
    font: normal 14px/14px Arial, Helvetica, sans-serif;
    height: 38px;
    margin: 0;
    max-width: 300px;
    min-width: 180px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
    padding: 0 5px;

    border-top-right-radius: 4px;
    border-top-left-radius: 4px;

    /* firefox's individual border radius properties */
    -moz-border-radius-topleft: 4px; /* top left corner */
    -moz-border-radius-topright: 4px; /* top right corner */

    /* webkit's individual border radius properties */
    -webkit-border-top-left-radius: 4px; /* top left corner */
    -webkit-border-top-right-radius: 4px; /* top right corner */
}
ul#topTabNav li a.section,
ul#topTabNav li a.current {
    background-image: none;
    background-color: #c2d3e0;
    color: #00497d;
    height: 42px;
}
ul#topTabNav.navTab1 li a,
ul#topTabNav.navTab2 li a,
ul#topTabNav.navTab3 li a {
    white-space: nowrap;
}

/* Pages with more tabs need more space */

/* 4 Tabs*/
ul#topTabNav.navTab4 li a {
    max-width: 225px;
    min-width: 150px;
    padding: 0 20px 0 22px !important;
}

/* 5 Tabs*/
ul#topTabNav.navTab5 li a {
    max-width: 155px;
    min-width: 100px;
    padding: 0 10px 0 16px !important;
}
ul#topTabNav.navTab4 li a.section,
ul#topTabNav.navTab5 li a.section,
ul#topTabNav.navTab4 li a.current,
ul#topTabNav.navTab5 li a.current {
    padding: 0 20px 0 !important;
}

/* 6 Tabs*/
ul#topTabNav.navTab6 li a {
    max-width: 150px;
    min-width: 90px;
    padding: 0 15px 0 16px !important;
}
ul#topTabNav.navTab6 li a.section,
ul#topTabNav.navTab6 li a.current {
    padding: 0 15px 0 !important;
}

/* 7 Tabs*/
ul#topTabNav.navTab7 li a {
    max-width: 125px;
    min-width: 80px;
    padding: 0 10px 0 16px !important;
}
ul#topTabNav.navTab7 li a.section,
ul#topTabNav.navTab7 li a.current {
    padding: 0 10px 0 !important;
}

/* 8,9 Tabs*/
ul#topTabNav.navTab8 li,
ul#topTabNav.navTab9 li {
    margin: 4px 10px 0 0;
}
ul#topTabNav.navTab8 li a,
ul#topTabNav.navTab9 li a,
ul#topTabNav.navTab10 li a {
    /*letter-spacing: -0.1em;*/
    max-width: 125px;
    min-width: 50px;
    padding: 0 8px 0 14px !important;
}
ul#topTabNav.navTab8 li a.section,
ul#topTabNav.navTab9 li a.section,
ul#topTabNav.navTab8 li a.current,
ul#topTabNav.navTab9 li a.current {
    padding: 0 13px 4px 12px !important;
}

ul#topTabNav li.section,
ul#topTabNav li.current {
    background-image: none;
    margin-top: 0;
    padding: 0;
}
ul#topTabNav li.last {
    margin-right: 0;
}



/* Product tab */

.productTabArea {
    width: 942px;/*980px - 38px padding right*/
    display: block;
    background: url(https://www.cloroxprofessional.com/cloroxprofessionalModule/images/bg_prodPage.png) repeat-x;
    background-color: #e3eaf1;
    /*position: relative;*/
    margin: 0 auto;
    overflow: hidden;
    padding-top: 25px;
    padding-right: 38px;
    z-index: 1 !important;
}

.productTabAreaPadding {
    /* padding: 25px 0 0 0; */
}

.productTabArea .white {
    background: url(../images/bg_productTabArea.jpg) bottom left no-repeat;
}

.productTabArea .whiteExpandable {
     background: url(../images/bg_productTabArea_white.jpg) 0 0 repeat-y;
}

.productTabArea .blue {
    background: url(../images/bg_productTabAreaBlue.jpg) bottom left no-repeat;
}

.productTabArea .darkBlue {
    background: url(../images/bg_productTabHeaderBlue.jpg) top left no-repeat;
}

.productTabArea .gray {
    background: url(../images/bg_productTabAreaGray.gif) repeat-y;
}

.productTabArea .blueFade {
    background: url(../images/bg_productTabAreaBlueFade.jpg) bottom left no-repeat;
}

.productTabArea .column {
    width: 45%;
    float: left;
    margin: 0 15px 0 0;
    padding: 8px;
}
.productTabArea .column.third {
    width: 30%;
    margin: 0 28px 0 0;
    padding: 0;
}
.productTabArea .column.third p {
    line-height: 20px;
}
.productTabArea .column.last {
    margin: 0;
}

.productTabArea img.dockLeft {
    float: left;
    margin: 0 30px 25px -28px;
}

.productTabArea table.data-table {
    color: #607184;
    font-size: 12px;
}
.productTabArea table.data-table.white {
    background-image: none;
    background-color: #ffffff;
}
.productTabArea table.data-table.border {
    border: 1px solid #d3d3d3;
}
.productTabArea table.data-table th {
    background-color: #005084;
    color: #ffffff;
    text-transform: uppercase;
    padding: 20px 10px;
}
.productTabArea .productEfficacy table.data-table th {
    padding: 8px;
    text-align: left;
    text-transform: none;
}

.productTabArea table.data-table th .light {
    font-weight: normal;
}
.productTabArea .productSpecifications table.data-table th {
    padding: 8px;
    text-align: left;
}
.productTabArea table.data-table td {
    padding: 8px;
}
.productTabArea table.data-table td.btop {
    border-top: 1px solid #d3d3d3;
}
.productTabArea table.data-table td.bright {
    border-right: 1px solid #d3d3d3;
}
.productTabArea table.data-table td.bbottom {
    border-bottom: 1px solid #d3d3d3;
}
.productTabArea table.data-table td.bleft {
    border-left: 1px solid #d3d3d3;
}
.productTabArea table.data-table td.endcap {
    width: 10px;
}
.productTabArea table.data-table td.grey {
    background-color: #e9e9e9;
}
.productTabArea table.data-table td.purple {
    background-color: #c4bcd9;
}
.productTabArea table.data-table td.white {
    background-color: #ffffff;
}
.productTabArea table.data-table td p {
    margin: 0;
}
.productTabArea table.striped tr td {
    background-color: #dee6ee;
    color: #607184;
    padding: 12px;
}
.productTabArea table.striped tr:nth-child(2n) td {
    background-color: #d4dfe8;
}

.productTabArea hr.blue {
    background: none;
    background-color: #d1dfec;
    color: #d1dfec;
    height: 1px;
    margin: 15px 0;
}

.productTabArea {
    background-color: #ffffff;
    background-image: none;
    border-top: 9px solid #c2d3e0;
}

.productTabArea .whiteHeadline {
    padding: 20px 20px 20px 25px;
    display: block;
}

.productTabArea .whiteHeadline.white {
    padding:0;
}

.productTabArea .whiteHeadline.white h2 {
    float: left;
    padding: 20px 20px 15px 25px;
    width: auto;
}
.productTabArea .whiteHeadline .header {
    padding: 20px 20px 0 25px;
}
.productTabArea .whiteHeadline .header {
    background: url(../images/bg_rooms.jpg) top left no-repeat;
    color: #194378;
}
.productTabArea .whiteHeadline.white .back {
    padding: 0 0 20px 25px;
}
.productTabArea .whiteHeadline.white p {
    clear: both;
    color: #637184;
    font-size: 20px;
    margin-bottom: 0;
    min-height: 25px;
    padding: 0 20px 15px 25px;
}
.productTabArea .whiteHeadline.white .heading {
    padding: 20px 20px 15px 25px;
}

.productTabArea .whiteHeadline.white > * {
    position: relative;
    z-index: 6;
}
.productTabArea .whiteHeadline.white .whiteHeadlineBg {
    background: url(../images/bg_rooms.jpg) top left no-repeat;
    background-size: 645px;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 100%;
    z-index: 5;
}

.productTabArea .gradientBox {
    padding: 5px 29px 29px 29px;
}

.productTabArea .gradientBox .whiteHeadlineBg {
    background: url(../images/bg_rooms.jpg) top left no-repeat;
    background-size: 645px;
    padding: 20px 29px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.tabbedContent h2,
.tabContent h2 {
    font-size: 24px;
}

.tabbedContent #science .tabContent {
    padding-left: 0;
}
.tabbedContent #science .tabContent img.left {
    margin-right: 16px;
}
.tabbedContent #science div.left {
    width: 290px;
}

#free-resources-education-rebate .tabContent h2 {
    font-size: 22px;
}
#free-resources-education-rebate .tabContent hr {
    margin-bottom: 90px;
}
#free-resources .tabContent h2 {
    margin-bottom: 25px;
}

.productTabArea .blueHeadline {
    background: url(../images/bg_blueHeadline.gif) left center no-repeat;
    border: 1px solid #e0e8ef;
    padding: 7px 11px 7px 29px;
}

.productTabArea .blueHeadlineTall {
    background: url(../images/bg_blueHeadline.gif) left center no-repeat;
    border: 1px solid #e0e8ef;
}

.tabbedContent .blueHeadline h2 {
    font-size: 18px;
    padding: 5px 0 0 0;
}

.productTabArea .smallHeadline h2 {
    font-size: 16px;
}

.tabbedContent {
    width: 646px; /*720px - 74px*/
    /*display:block;*/
    float: left;
    /*padding:0 37px;*/
    border-style: solid;
    border-color: white;
    border-width: 0 37px;
    margin-bottom: 26px;
}

.tabbedContent div.tabContent,
.tabbedContent div.quickFacts,
.tabbedContent div.white {
    position: relative;
}

.tabbedContent .downloadContent {
    background: url(../images/bg_productTabAreaGray.gif) left center repeat-y;
    background-color: #dfe6ed;
    padding: 13px 29px;
    border-bottom: 1px solid #f3f3f3;
}

.tabbedContent .downloadarrow {
    background: url(../images/icon_arrow_expand.png) 0 4px no-repeat;
    font-weight: bold;
    font-size: 14px;
    padding-left: 15px;
    color: #174b81;
}

.tabContent ul.flushLeft {
    margin-left: 0;
    padding-left: 0;
}

.tabContent ul.flushLeft li {
    margin-left: 14px;
}

.tabContent ol.directions {
    color: #2B3645;
    font-size: 18px;
    font-weight: bold;
}

.tabContent ol.directions li {
    margin-left: 23px;
}

.tabContent ol.directions li span {
    color: #637184;
    font-size: 14px;
    font-weight: normal;
}

.blueHeadline a {
    background: url(../images/button_accordion.gif) 0 0 no-repeat;
    height: 34px;
    width: 34px;
    text-indent: -99999px;
    display: block;
    float: right;
}

.blueHeadline h2,
.blueHeadlineTall h2 {
    color: #FFF;
    float: left;
    width: 520px;
}

.blueHighlight {
    color: #18477C;
}

/* section open/close */

/* Use this to mark the header for section Siblings will shown or hidden. */
.section-header {
}

.section-header:hover {
    cursor: pointer;
}

/* Use this for the element that users click to toggle sections on and off. */
.section-toggle { }
/* Use this for a button that opens all sections */
.section-view-all { }
.section-view-all:hover {
    cursor: pointer;
    text-decoration: none;
    filter: alpha(opacity=75); /* MSIE/PC */
    -moz-opacity: 0.75; /* Mozilla 1.6 and older */
    opacity:0.75;
}

/* Use this for a button that closes a section, as in the footer */
.section-close {
    width: 200px;
    float: left;
    font-size: 13px;
    color: black;
    font-weight: bold;
    line-height: 18px;

    z-index: 10;
    position: relative;
}

.section-close:hover {
    cursor: pointer;
    text-decoration: none;
    filter: alpha(opacity=75); /* MSIE/PC */
    -moz-opacity: 0.75; /* Mozilla 1.6 and older */
    opacity:0.75;
}
.section-close img {
    position: relative;
    top: -2px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* Mark a toggle button as open */
.blueHeadline a.open:link, .blueHeadline a.open:visited {
    background-position: -34px 0;
}
/*.blueHeadline a.open:hover
 {
    background-position: 0 0;
}*/
/* Mark a toggle button as closed */
.blueHeadline a.closed:link, .blueHeadline a.closed:visited {
    background-position: 0 0;
}
/*.blueHeadline a.closed:hover
 {
    background-position: -34px 0;
}*/

.email-section {
    font-size: 13px;
    color: black;
    font-weight: bold;
    line-height: 18px;
}

.email-section img {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* Hover state for email button */
.email-section:hover {
    cursor: pointer;
    text-decoration: none;
    filter: alpha(opacity=75); /* MSIE/PC */
    -moz-opacity: 0.75; /* Mozilla 1.6 and older */
    opacity:0.75;
}

.print-section {
    font-size: 13px;
    color: black;
    font-weight: bold;
    line-height: 18px;
}

.print-section img {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* Hover state for email button */
.print-section:hover {
    cursor: pointer;
    text-decoration: none;
    filter: alpha(opacity=75); /* MSIE/PC */
    -moz-opacity: 0.75; /* Mozilla 1.6 and older */
    opacity:0.75;
}


/* product size for blue header */
.blueProductSize {
    color: #c5d3df;
    font-size: 20px;
    font-weight: normal;
}

.rightRail .helProd {
    background: url(../images/industry/healthcare/healthcare_products.png) -370px -500px no-repeat;
    background-position: -207px -525px;
    border: 1px solid #fff;
    padding: 5px 8px 8px 8px;
    position: relative;
    width: 165px;
    min-height: 59px;
    max-height: 72px;
    overflow: visible;
    z-index: 25;
}

.rightRail .helProd h4 {
    font-size: 11px;
    position: absolute;
    top: 5px;
    left: 10px;
    line-height: 12px;
    width: 70%;
    z-index: 50;
}

.rightRail .helProd a {
    font-size: 11px;
    position: absolute;
    bottom: 8px;
    left: 10px;
    text-decoration: none;
    z-index: 50;
}

.rightRail .headline {
    padding: 13px 13px 0 13px;
    background: url(../images/bg_rightrail.png) top left no-repeat;
}
.rightRail .headline h2 {
    color: #00497d;
    font-size: 16px;
    margin-bottom: 0;
}

.rightRail .blueHeadline h2,
.rightRail .blueHeadlineTall h2 {
    width: auto;
}

.rightRail .helProd .productOverlayImage {
    bottom: 0;
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 85px;
}

.tabbedContent #relatedProducts .productOverlayImage {
    border-bottom: 1px solid #fff;
    bottom: 0;
    height: 153px;
    margin-right: 2px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100px;
}

.productSize {
    color: #c5d3df;
    font-size: 20px;
    font-weight: normal;
}

.productTabArea ol {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;

}

.productTabArea li {
    margin-left: 19px;
    margin-bottom: 3px;
}

.productTabArea .tabContent.white ul li {
    list-style-type: none;
}

body.usage .productTabArea ol li {
    margin-bottom: 5px;
}

.productTabArea .productEfficacy ul li {
    list-style-type: none;
    height: 15px;
    margin-top: -20px;
}
.productTabArea .productEfficacy ul li.name {
    width: 400px;
    font-weight: normal;
    color: #606f82;
    display: block;
    margin-left: -30px;
    list-style-type: none;
}

.productTabArea .productEfficacy ul li.killtime {
    float: left;
    display: block;
    color: #606f82;
    margin-left: 400px;
    list-style-type: none;
}

/* TODO: add styles */
#content-footer {
  width: 980px;
  clear: both;
}

#body-site-map ul.sitemap li ul {
    margin-top: 3px;
}

/* Content Block Image styles */
.tabbedContent img.topLeft {
    position: absolute;
    top: 0;
    left: 0;
}

.tabbedContent img.topRight {
    position: absolute;
    top: 0;
    right: 2px;
}

.tabbedContent img.bottomLeft {
    position: absolute;
    bottom: 0;
    left: 0;
}

.tabbedContent img.bottomRight {
    position: absolute;
    bottom: 18px;
    right: 2px;
}


.quickFacts h3 {
    margin-bottom: 20px;
}

.quickFacts p {
    margin: 10px 0;
}

.tabContent h3.normal,
.quickFacts h3.normal {
    font-weight: normal;
}

.quickFacts table {
    width: 600px;
    font-size:12px;
    border: 1px solid #d5dfe8;
    background-color: #dfe6ee;
}

.quickFacts table tr th {
    background: url(../images/blueSlice.gif) center repeat-x;
    padding: 13px;
    text-align: center;
    border: 0;
    color: white;
    font-size: 10px;
}

.quickFacts table tr th.left {
    width: 170px;
    float: none;
    text-align: left;
}

.quickFacts table tr th.middle {
    width: 120px;
    text-align: center;
}

.quickFacts table tr th.right {
    width: 120px;
    float: none;
    text-align: center;
}

.quickFacts table tr th.extra {
    width: 180px;
    text-align: center;
    padding: 5px;
}

.quickFacts table tr td {
    padding: 13px;
    border: 0;
    text-align: left;
}

.quickFacts table tr td.left {
    width: 170px;
    background-color: #dfe6ee;
}

.quickFacts table tr td.middle {
    text-align: center;
    width: 120px;
    background-color: #dfe6ee;
}

.quickFacts table tr td.right {
    width: 120px;
    background-color: #dfe6ee;
    float: none;
    text-align: center;
}

.quickFacts table tr td.extra {
    width: 180px;
    background-color: #dfe6ee;
    text-align: center;
}

.quickFacts table tr td.blueleft {
    width: 170px;
    border: 0;
    background-color: #d5dfe8;
}

.quickFacts table tr td.bluemiddle {
    width: 120px;
    padding: 10px;
    text-align: center;
    border: 0;
    background-color: #d5dfe8;
}

.quickFacts table tr td.blueright {
    width: 120px;
    border: 0;
    background-color: #d5dfe8;
    text-align: center;
}

.quickFacts table tr td.blueextra {
    width: 180px;
    background-color: #d5dfe8;
    text-align: center;
}

.usageSummary .left h3,
.usageSummary .right h3 {
    margin-bottom: 10px;
}


a.getSample {
    font-size: 17px;
}


.tabContent {
    color: #637184;
    font-size: 14px;
    padding: 20px 29px;
    position: relative;
    z-index: 1;
}

.copySpacing h3, .copySpacing p {
    margin-bottom: 15px;
}
.cleaningPage .copySpacing h3,
.cleaningPage .copySpacing p,
.contactusPage .copySpacing h3 {
    margin-bottom: 0;
}
.contactusPage .copySpacing p {
    margin-bottom: 0;
    padding-bottom: 18px;
}

.tabbedContent p.small {
    color: #607184;
    font-size: 11px;
    line-height: 15px;
}

.tabbedContent p.small sup {
    vertical-align: top;
}

.copySpacing ul li {
    margin-left: 0;
}

.copySpacing #completeFooter ul {
    padding-left: 40px;
}

.copySpacing #completeFooter li {
    margin-left: 19px;
}

.copySpacing ul {
    padding-left: 16px;
}

.sectionFooter, .sectionVideo {
    background: url(../images/bg_section_footer.gif) left bottom no-repeat;
    background-color: #dfe6ed;
    padding: 13px 29px;
    border-bottom: 1px solid #fbfdff;
}

.column {
    line-height: 21px;
    width: 280px;
}

.productSpecifications > div.left,
.productSpecifications > div.right {
    width: 280px;
}
.productSpecifications p {
    line-height: 21px;
    margin-bottom: 1em;
}

.tabbedContent .productEfficacy p {
    padding-bottom: 0;
}

.emailPrint {
    float: right;
    width: 140px;
    text-align: right;
}
.productTabArea .whiteHeadline.white .emailPrint {
    margin: 20px 20px 10px 10px;
}

.emailPrint img {
    vertical-align: bottom;
}

.viewAll {
    color: #194378;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    margin: 20px 20px 10px 10px;
    position: static;
}
.viewAllBG {
    background: url(../images/view_all.gif) right 0 no-repeat;
    padding: 2px 17px 0 0;
}

.whiteHeadline.darkBlue .viewAll {
    margin:0;
}

.healthcarePage .viewAll {
    margin-top: 0;
}

.viewAll img {
    vertical-align: top;
    padding-left: 2px;
}

/* Industry styles */
.industryHero {
    height: 332px;
    padding: 34px 230px 0 31px;
    position: relative;
    width: 384px;
}

.cleaningHero h1 {
    letter-spacing: -2px;
}

.cleaningPage .industryHero {
    margin-bottom: 25px;
    padding: 34px 270px 0 31px;
    width: 345px;
}
.healthcarePage .industryHero h2 {
    font-size: 24px;
}

.healthcarePage .industryHero {
    background: url(../images/industry/healthcare/hero_3_bg.png) 0 0 no-repeat;
}

.cleaningPage .industryHero {
    background: url(../images/industry/cleaning/hero_0_bg.jpg) 0 0 no-repeat;
}

#industry-foodservice .industryHero {
    background: url(../images/industry/food/hero_1_bg.jpg) 0 0 no-repeat;
}


.tabbedContent .industryHero > div {
    display: none;
}
.tabbedContent .industryHero > div.Full {
    width: 575px;
}
.tabbedContent .industryHero > div.Wide {
    width: 395px;
}
.tabbedContent .industryHero > div.Default {
    width: 345px;
}
.tabbedContent .industryHero > div.Narrow {
    width: 255px;
}
.tabbedContent .industryHero > div.bottomRow {
    display: block;
    width: auto;
}
.tabbedContent .industryHero > div.first {
    display: block;
}
.tabbedContent .industryHero > div.bottomRow > div {
    height: 81px;
    margin-left:1px;
    padding:16px 14px 0 0;
    width:200px;
}
.tabbedContent .industryHero > div.bottomRow > div.first {
    margin:0;
}

.tabbedContent #industryHeroBroad {
    width: 395px;
}

.industryHero p {
    color: #2b3645;
    font-size: 17px;
    line-height: 20px;
    margin: 15px 0 0 0;
}

.tabbedContent .industryHero p.small {
    font-size: 10px;
    line-height: 10px;
}

.bottomRow {
    bottom: 2px;
    left: 1px;
    position: absolute;
}

.industryHero .thumbs,
.industryHero .empty {
    background: url(../images/industry/hero_footer_blank.png) center bottom no-repeat;
    cursor: pointer;
    float: left;
    height: 77px;
    padding: 20px 13px 0 8px;
    width: 192px;
}

.tabbedContent .industryHero .thumbsSelected {
    background: url(../images/industry/hero_footer_selected.png) 0 0 no-repeat;
}

.tabbedContent .thumbs img {
    border: none;
    float: left;
    margin:6px 6px 0 8px;
}

.thumbs p {
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}

.tabbedContent .thumbs p {
    margin-top: 6px;
}

/* Industry Healthcare styles */
.tabbedContent .marginTop {
    margin-top: 24px;
}
.productSolutions {
    background: url(../images/bg_product_solutions.jpg) 0 0 no-repeat;
    height: 174px;
    margin-top: 24px;
    width: 588px;
}
.productSolutions.tall {
    background: url(../images/bg_product_solutions_tall.jpg) 0 0 no-repeat;
    height: 339px;
    margin-top: 24px;
    padding: 20px 26px 20px 29px;
    width: 591px;
}

.productSolutions h2, .rooms h2 {
    padding-top: 5px;
}

.copySpacing .productSolutions p, .copySpacing .rooms p {
    margin: 19px 0 12px 0;
}

.productSolutions .prodSol {
    background: url(../images/industry/healthcare/product_solutions.jpg) 0 0 no-repeat;
    float: left;
    height: 68px;
    margin-right: 18px;
    padding: 21px 71px 0 14px;
    width: 98px;
}

.productSolutions .prodSolBleach {              background-position: 0 0;}
.productSolutions .prodSolHandSanitization {    background-position: 0 -89px; padding-right: 89px; width: 80px;}
.productSolutions .prodSolEVS {             background-position: 0 -178px; padding-right: 89px; width: 80px; margin-right: 0;}

.prodSol h3 {
    font-size: 14px;
}

.productSolutions ul.grid {
    display: block;
    height: 242px;
    list-style-type: none;
    margin: 36px 0 0 0;
    padding: 0;
}
.productSolutions ul.grid li {
    display: block;
    float: left;
    height: 110px;
    margin: 0 24px 20px 0;
    width: 180px;
}
.productSolutions ul.grid li.right {
    margin-right: 0;
}
.productSolutions ul.grid li p {
    margin: 5px 0;
}


/* CSS from IndustrySolutions.ss */
body#product-solutions .productTabArea .whiteHeadline h2 {
  font-size: 22px;
}
body#product-solutions .productTabArea .whiteHeadline p {
  font-size: 17px;
}
body#product-solutions .rightCol {
  width: 480px;
}
body#product-solutions .productTabArea li {
  margin: 0;
}
body#product-solutions .filterResultProduct {
  width: 153px;
}
body#product-solutions .filterResultProduct .prodImage img {
  max-width: 150px;
  margin: 30px auto auto;
}
body#product-solutions .filterResultProduct .prodCTA {
  font-size: 11px;
  text-align: center;
  left: auto;
  width: 152px;
  left: 0;
}
body#product-solutions .ccsLabel {
  text-align: center;
  width: 100%;
}
body#product-solutions .leftCol {
  margin-bottom: 2em;
}
body#product-solutions .productTabArea .whiteHeadline {
  padding-top:0;
}
body#product-solutions .leftFilterDesc {
  font-style: italic;
  font-size: 12px;
  color: #00497d;
  padding: 3px 5px 7px;
}
body#product-solutions #healthcareProducts .helProd {
  border: 0;
}
body#product-solutions #pagePrevious, #pageNext {
  display: none;
}
body#product-solutions .rightColFilterPagination {
  font-size: 13px;
  margin: 14px 0 14px 15px;
}
body#product-solutions .rightColFilterPagination img {
  margin: -4px 2px;
}
body#product-solutions .rightColFilterPagination a {
  color: #848484;
}
body#product-solutions .rightColFilterPagination #pageNext {
  float: right;
}
body#product-solutions .rightColFilterPagination #pagePrevious {
  float: left;
}
#product-solutions .productTabArea {
  width: 965px;
  padding-right: 15px;
}


.subHero {
    background: url(../images/bg_subhero.jpg) top left no-repeat;
    float: left;
    height: 355px;
    margin: 24px 26px 24px 0;
    width: 252px;
}

.subHero.full {
    background: url(../images/bg_subhero_full.jpg) top left no-repeat;
    height: 387px;
}

.subHero.right {
    margin: 24px 0 24px 0;
}

.subHero h2 {
    height: 59px;
}

.subHero h3 {
    margin: 0;
}

.subHero .section {
    height: 116px;
    padding-top: 22px;
}

.subHero .section p {
    margin: 8px 0 6px 0;
}
.subHero.full .section p {
    margin: 10px 0 8px 0;
}

.subHero .viewAll {
    margin-top: 10px;
}

.productBursts {
    border-right: 1px solid #c8d5e1;
    float: left;
    height: 345px;
    margin-left: 1px;
    width: 155px;
    border-bottom: 1px solid #c8d5e1;
}
.productBursts.tall {
    height: 465px;
}

.productBurstsbottom {
    border-right: 1px solid #c8d5e1;
    float: left;
    height: 360px;
    margin-left: 1px;
    width: 155px;
}

.productBurstsTwo {
    border-right: 1px solid #c8d5e1;
    float: left;
    height: 250px;
    margin-left: 1px;
    width: 263px;
    border-bottom: 1px solid #c8d5e1;
}


body#product-usage-directions .productBursts {
    height: 510px;
}

body#pathogen-education .productBursts {
    height: 225px;
}

.productBurstsLast, .productBurstsTwoLast  {
    border-right: none;
}

.productBurstsRow {
    border-bottom: 1px solid #c8d5e1;
}

.productBursts p, .productBurstsTwo p, .productBurstsbottom p {
    margin: 8px 0 4px 0;
}

.productBursts h4, .productBurstsTwo h4, .productBurstsbottom h4  {
    line-height: 18px;
    margin-top: 20px;
}

.productBurstsTwo a.buyButton, .productBurstsTwo p.buyButtonDisclaimer {
    margin: 0 0 0 0;
}

.productBurstsTwo a.buyButton img, .productBurstsTwo p.buyButtonDisclaimer img {
    padding: 5px 0 5px 0;
}

.readyToUseBleachProducts {
    background: url(../images/industry/healthcare/horizon.png) 0 20px no-repeat;
    height: 227px;
    padding-top: 20px;
    width: 100%;
}

body#evs-solutions .readyToUseBleachProducts {
    background: none;
}

body#evs-solutions .quatBased {
    width: 93px;
}

body#evs-solutions .readyToUseBleachProd img {
    margin-bottom: 28px;
}

body#evs-solutions .wipesLeft {
    float: left;
    width: 293px;
}

body#evs-solutions .wipesRight {
    float: left;
    width: 288px;
}

body#evs-solutions .wipesLeft img {
    margin: 20px 0 34px 34px;
}

.readyToUseBleachProd {
    float: left;
    margin-right: 25px;
    width: 177px;
}

.lastLink{
    margin-left: 35px;
    display:block;
}

.EVSSolutions {
    background: url(../images/industry/healthcare/evs-solutions.png) 0 0 no-repeat;
    height: 720px;
    margin-bottom: 25px;
    position: relative;
    left: -30px;
    width: 646px;
}

.EVSLink {
    display: block;
    height: 88px;
    position: absolute;
    text-indent: -9999px;
    top: 19px;
    width: 106px;
}

.EVSSolutions #EVSLink1         { left: 190px; }
.EVSSolutions #EVSLink2         { left: 280px; }
.EVSSolutions #EVSLink3         { left: 350px; }
.EVSSolutions #EVSLink4         { left: 430px; }
.EVSSolutions #EVSLink5         { left: 510px; }

#factsAboutBleach {
    background: url(../images/industry/healthcare/hero-bleach.jpg) center 0 no-repeat;
    height: 210px;
}

table.tableStyling {
    border: 1px solid #637184;
}

table.tableStyling td {
    border: 1px solid #637184;
    padding: 4px;
}

#healthcareResources p, #foodExternalResources p {
    line-height: 100%;
    margin: 6px 0;
}

strong.highlight {
    color: #2B3645;
}

#healthcareResources p a.small_arrow, #foodExternalResources p a.small_arrow {
    line-height: 105%;
}

.articleTitle {
    color: #194579;
}

.articleAuthor {
    font-size: 12px;
}

.highRisk a {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}

.highRisk a.small_arrow {
    background-image:url(../images/arrow_sm.gif);
    background-position:right 2px top 2px;
    background-repeat:no-repeat;
    padding: 0 15px 0 0 !important;
}

/* Industry Cleaning & Maintenance styles */
.solutionBurstsLeft, .solutionBurstsRight {
    float: left;
    height: 281px;
    padding: 23px 23px 0 23px;
    width: 274px;
}

.solutionBurstsLeft {
    border-right: 1px solid #C8D5E1;
    margin-left: 1px;
}

.solutionBurstsLeft img, .solutionBurstsRight img {
    margin: 14px 0 14px 0;
}

.solutionBurstsLeft p, .solutionBurstsRight p {
    margin-bottom: 3px;
}

.cleaningSectionHero {
    height: 158px;
    padding: 29px 403px 29px 29px;
    width: 214px;
}

.BSCHero {
    background: url(../images/industry/cleaning/hero_BSC.jpg) 0 0 no-repeat;
}

.educationHero {
    background: url(../images/industry/cleaning/hero_education.jpg) 0 0 no-repeat;
}

.foodserviceHero.cleaningSectionHero {
    background: url(../images/industry/cleaning/hero_restaurant.jpg) 0 0 no-repeat;
}

.hospitalityHero {
    background: url(../images/industry/cleaning/hero_bathroom.jpg) 0 0 no-repeat;
}

.officeHero {
    background: url(../images/industry/cleaning/hero_office.jpg) 0 0 no-repeat;
}

.athleticFacilitiesHero {
    background: url(../images/industry/cleaning/hero_athletic_facilities.jpg) 0 0 no-repeat;
}

.AthleticFacility-Hero {
    background: url(../images/industry/cleaning/athletic-facilities/hero-bg.png) 0 0 no-repeat;
}


.cleaningSectionHero h3 {
    font-weight: normal;
    margin-top: 25px;
}

.roomBurst {
    float: left;
    margin-right: 18px;
    width: 183px;
}
.roomBurst.last {
    margin-right: 0;
}

.rooms {
    background: url(../images/bg_rooms.jpg) 0 0 no-repeat;
    height: 216px;
    margin-top: 24px;
    margin-bottom: 25px;
    width: 588px;
}

.roomBurst img {
    border: 1px solid #b8c1c9;
    margin-bottom: 12px;
}

.roomPopup {
    top: 200px;
    display: none;
    height: 704px;
    position: absolute;
    left: 20px;
    width: 907px;
    z-index: 10000;
}

.roomPopupLg {
    top: 200px;
    display: none;
    height: 597px;
    position: absolute;
    left: -15px;
    width: 1010px;
    z-index: 10000;
}

.roomPopupSection {
    background: url(../images/bg_room_popup_tile.png) 0 0 repeat-y;
    padding-left: 37px;
    width: 907px;
}

.roomPopupContainer {
    margin: 0 auto;
    position: relative;
    width: 980px;
    z-index: 1000;
}

.closeRoomPopup {
    position: absolute;
    top: 23px;
    right: 0px;
    z-index: 1001;
}

.roomPopupLg .closeRoomPopup {
    right: 23px;
}

/* Industry Cleaning - Smart Tube Page */

#smart-tube .smartIntro {
    background: url(../images/industry/cleaning/smarttube_introducing.jpg) 0 0 no-repeat;
    position: relative;
    width: 646px;
    height: 870px;
}

#smart-tube .smartIntro #smartIntro_CTA {
    padding: 780px 0 0 40px;
}

.smartHead {
    color: #0082c8;
}

#smartFooter {
    background: url(../images/industry/cleaning/smarttube_products.jpg);
    width: 646px;
    height: 217px;
    margin: 25px 0 0 0;
}

#smartFooter h2 {
    margin: 0 0 0 24px;
    padding: 15px 0 0 0;
}



#smartRightRail h2 {
    font-size: 22px;
}

#smartRightRail .blueHeadline {
    padding: 7px 18px 7px 20px;
}


#smart-tube .smartProductPortfolio {
    background: url(../images/industry/cleaning/bg_product_grid.png);
    width: 647px;
    height: 357px;
    margin: 25px 0 0 0;
}


#smart-tube .smartProductPortfolio h2 {
    margin: 0 0 0 24px;
    padding: 15px 0 0 0;
}

#smart-tube .smartProductPortfolio ul {
    list-style: none;
    float: left;
    width: 648px;
    *margin: 10px 0 0 12px; /* IE7 Only */
}

#smart-tube .smartProductPortfolio li {
    width: 190px;
    height: 86px;
    float: left;
    padding-bottom: 10px;
    margin-left: 14px;
}

#smart-tube .smartProductPortfolio li.right {
    padding-right: 0;
}


/* Industry Cleaning - Clorox Complete */

.pageComplete .industryComplete {
    background: url(../images/industry/cleaning/complete_tab_main_bg.jpg) 0 0 no-repeat;
    padding: 24px 230px 0 31px;
    position: relative;
    width: 536px;
    height: 520px;
}
.pageComplete .industryComplete .completeClean {
    height: 96px;
    overflow: hidden;
}

body.industry.cleaning.complete-clean .completeDisinfecting {
    background: url(../images/industry/cleaning/disinfecting_products.png) 0 0 no-repeat;
    padding: 24px 230px 0 31px;
    position: relative;
    width: 536px;
    height: 487px;
}

body.industry.cleaning.complete-clean .completeGreen {
    background: url(../images/industry/cleaning/green_products.png) 0 0 no-repeat;
    padding: 24px 230px 0 31px;
    position: relative;
    width: 536px;
    height: 487px;
}

body.industry.cleaning.complete-clean .completeHeavy {
    background: url(../images/industry/cleaning/heavy_products.png) 0 0 no-repeat;
    padding: 24px 230px 0 31px;
    position: relative;
    width: 536px;
    height: 487px;
}

#complete-category-blurbs {
    top: 275px;
    left: -20px;
    width: 660px;
    float:left;
    position: relative;
}

#complete-category-blurbs p {
    font-size: 14px;
    line-height: normal;
    padding-bottom: 10px;
}

div.complete-disinfecting {
    float:left;
    width: 190px;
    margin-right: 26px;
    position: relative;
}

div.complete-disinfecting p,
div.complete-green p,
div.complete-heavy p {
    margin-top: -15px;
}

div.complete-green {
    float: left;
    width: 190px;
    margin-right: 26px;
    clear: right;
    position: relative;
}

div.complete-heavy {
    float:left;
    clear: right;
    width: 190px;
    position: relative;
}

div#complete-section {
    position: relative;
    float: left;
    top: 15px;
    left: 0px;
    width: 650px
}

#complete-category-blurbs a.disinfectLink {
    width: 200px;
    height: 10px;
    top: -35px;
    left: 0px;
    position: relative;
    z-index: 9999;
    font-weight: bold;
    color: white;
    text-decoration: none;
}
#complete-category-blurbs a.greenLink {
    width: 200px;
    height: 10px;
    top: -35px;
    left: -1px;
    position: relative;
    z-index: 9999;
    font-weight: bold;
    color: white;
    text-decoration: none;
}
#complete-category-blurbs a.heavyLink {
    width: 200px;
    height: 10px;
    top: -35px;
    left: -2px;
    position: relative;
    z-index: 9999;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

#complete-clean-sidebar p {
    margin-top: 2px;
    margin-left: 1px;
}

#complete-clean-sidebar .disinfectSidebar {
    margin-top: -10px;
    margin-left: -8px;
}

#complete-clean-sidebar .greenSidebar {
    margin-top: -19px;
    margin-left: -8px;
}

#complete-clean-sidebar .heavySidebar {
    margin-top: -19px;
    margin-left: -8px;
    padding-bottom: 15px;
}

div#bsa {
    position: relative;
    float: left;
    left: 0px;
    width: 750px
}


#bsa h2 {
    position: relative;
    padding: 25px 0 50px 28px;
}


#new-and-noteworthy p {
    margin: 0 26px 12px 26px;
    padding: 0 0 12px 0;
}

#new-and-noteworthy p.divided {
    border-bottom: 1px solid #d2dee7;
    margin: 0 26px 12px 26px;
    padding: 0 0 12px 0;
}






div#training-and-tools p {
    margin: 0 0 5px 25px;
    font-size: 14px;
    display: block;
    clear: both;
    width: 250px;
}

#complete-section h2 {
    position: relative;
    padding: 10px 0 0 0;
}

#complete-section h3 {
    position: relative;
    padding: 35px 0 10px 25px;
    float: left;
    display: block;
}

div#complete-science p,
div#complete-economics p {
    margin: 50px 0 5px 25px;
    font-size: 14px;
    display: block;
    clear: both;
    width: 250px;
}

div#complete-science ul,
div#complete-economics ul {
    margin: 20px 0 0 0;
    line-height: 20px;
    list-style: none;
    *margin: 20px 0 0 6px; /* IE7 only */
}

div#complete-science ul li,
div#complete-economics ul li {
    margin-left: 19px;
    margin-bottom: 3px;
    font-size: 14px;
    clear: both;
    width: 250px;
    list-style: none;
}

div#complete-science ul li.aqua,
div#complete-economics ul li.aqua {
    color: #0082c8;
    list-style: none;
    margin: 15px 0 0 -20px;
}

div#complete-science ul li.green,
div#complete-economics ul li.green {
    color: #419639;
    list-style: none;
    margin: 5px 0 0 -20px;
}

div#complete-science ul li.orange,
div#complete-economics ul li.orange {
    color: #f26532;
    list-style: none;
    margin: 5px 0 0 -20px;
}

div#complete-science {
    background: url(../images/industry/cleaning/complete_science.jpg) 0 0 no-repeat;
    float: left;
    padding-right: 25px;
    width: 310px;
    height: 475px;
}

div#complete-economics {
    background: url(../images/industry/cleaning/complete_economics.jpg) 0 0 no-repeat;
    float: left;
    width: 310px;
    height: 475px;
}

div#complete-disinfecting-science,
div#complete-green-science {
    background: url(../images/industry/cleaning/complete_pillar.jpg) 0 0 no-repeat;
    float: left;
    padding-right: 25px;
    width: 310px;
    height: 266px;
}

div#new-and-noteworthy,
div#training-and-tools {
    background: url(../images/industry/cleaning/bg_training_tools_small.png) 0 0 no-repeat;
    float: left;
    padding: 0 25px 25px 0;
    width: 310px;
    height: 225px;

}



div#complete-disinfecting-economics,
div#complete-green-economics {
    background: url(../images/industry/cleaning/complete_pillar.jpg) 0 0 no-repeat;
    float: left;
    width: 310px;
    height: 266px;
    position: relative;
}

div#complete-heavy-science {
    background: url(../images/industry/cleaning/complete_pillar_heavy.jpg) 0 0 no-repeat;
    float: left;
    padding-right: 25px;
    width: 310px;
    height: 510px;
    z-index: 9999;
}

div#complete-heavy-economics {
    background: url(../images/industry/cleaning/complete_pillar_heavy.jpg) 0 0 no-repeat;
    float: left;
    width: 310px;
    height: 510px;
    z-index: 8888;
}


div#complete-science h2,
div#complete-economics h2,
div#complete-disinfecting-science h2,
div#complete-disinfecting-economics h2,
div#complete-green-science h2,
div#complete-green-economics h2,
div#complete-heavy-science h2,
div#complete-heavy-economics h2 {
    margin: 15px 0 0 25px;
    display: block;
    clear: both;
}


div#complete-disinfecting-science p,
div#complete-disinfecting-economics p,
div#complete-green-science p,
div#complete-green-economics p,
div#complete-heavy-science p,
div#complete-heavy-economics p {
    margin: 0 0 5px 25px;
    display: block;
    clear: both;
    width: 250px;
}



div#completeFooter ul {
    float: left;
    list-style: none;
    margin-left: -25px;
    margin-top: -5px;
}

div#completeFooter li {
    float: left;
    list-style: none;
}

/* Complete Clean Pillar Styles */

.completeDisinfecting p,
.completeGreen p,
.completeHeavy p {
    width: 580px;
    padding: 15px 0 0 0;
    font-size: 16px;
    line-height: 22px;
}

.completeDisinfecting h2,
.completeGreen h2,
.completeHeavy h2 {
    font-size: 30px;
}

.completeNav {
    position: relative;
    margin-top: -63px;
}

.disinfectHead {
    color: #0082c8;
}

.greenHead {
    color: #419639;
}

.heavyHead {
    color: #f26532;
}

#cleaningProductPortfolio {
    background: url(../images/industry/cleaning/bg_product_grid.png);
    width: 647px;
    height: 357px;
    margin: 50px 0 0 0;
}
#cleaningProductPortfolio.short {
    height: 275px;
}

#cleaningProductPortfolio h2 {
    margin: 0 0 0 24px;
    padding: 15px 0 0 0;
}

#cleaningProductPortfolio ul {
    list-style: none;
    float: left;
    width: 648px;
    margin-left: -30px;
    padding-left: 40px;
    *margin: 10px 0 0 12px; /* IE7 Only */
}

#cleaningProductPortfolio li {
    width: 190px;
    height: 86px;
    float: left;
    padding-bottom: 10px;
    margin-left: 14px;
}

#cleaningProductPortfolio li.right {
    padding-right: 0;
}

div#completeFooter ul {
    float: left;
    list-style: none;
    margin: -10px 0 0 -35px;
    *margin: -5px 0 10px 0px; /* IE7 Only */
}

#completeFooter li {
    float: left;
    list-style: none;
    padding-right: 15px;
}

#completeFooter {
    background: url(../images/industry/cleaning/bg_complete_package_footer.png);
    width: 647px;
    height: 218px;
    margin: 25px 0 0 0;
}

#completeFooter h2 {
    margin: 0 0 0 24px;
    padding: 15px 0 0 0;
}

.AFResources {
    background: url(../images/industry/cleaning/bg_body.jpg) bottom left no-repeat;
    margin-bottom: 24px;
    padding-bottom: 16px;
    width: 310px;
}

.AFResources h2 {
    background: url(../images/industry/cleaning/bg_header.jpg) 0 0 no-repeat;
    font-size: 20px;
    height: 26px;
    margin-bottom: 25px;
    padding: 25px 0 25px 28px;
    width: 282px;
}

.AFResources h3 {
    color: #194378;
    font-size: 16px;
    margin: 0 28px;
}

.cleaningPage .copySpacing .AFResources p {
    margin: 15px 28px;
}

.cleaningPage .copySpacing .AFResources p.divided {
    border-bottom: 1px solid #d2dee7;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

/* Industry Food Service styles */
.subHeroFood {
    background: url(../images/bg_subhero_nolines.jpg) 0 0 no-repeat;
    height: 321px;
}

.foodSolution {
    height: 375px;
}

/* Our Recipes styles */
#ourRecipes fieldset #FeaturedProduct .selectBox-dropdown,
#ourRecipes .recipeSearchFeaturedProduct select {
    height: 30px;
    width: 512px;
}

#ourRecipes fieldset .selectBox-dropdown {
    height: 30px;
    width: 210px;
}

.recipeSearchForm label {
    color:#2b3645;
    font-size:14px;
    font-weight: bold;
    line-height:22px;
}
.recipeSearchForm #FeaturedProduct label {
    float: none;
}

.recipeSearchForm #findRecipes {
    border-bottom: 1px solid #C8D5E1;
    margin-bottom: 14px;
    margin-top: 10px;
    padding-bottom: 14px;
}

.ourRecipesIntro {
    float: left;
    padding: 20px 20px 20px 29px;
    width: 340px;
}

.ourRecipesIntro h4 {
    line-height: 18px;
    margin-top: 10px;
}

.ourRecipesIntroImage {
    float: right;
    margin-right: 2px;
    margin-top: 1px;
}

body.our-recipes .copySpacing p.ingredient {
    margin: 0;
}

body.formula-409-glass-surface-cleaner #bathroom1,
body.formula-409-glass-surface-cleaner #bathroom2 {
    height: 166px;
    padding-right: 340px;
}
body.formula-409-glass-surface-cleaner #bathroom2 img.bottomRight {
    bottom: 0;
    width: 526px;
    height: 412px;
    z-index: 1000;
}
body.formula-409-glass-surface-cleaner #towels1 {
    height: 117px;
    padding-left: 200px;
}

.productPage #ready1 h3,
.productPage #ready1 p {
    padding-right: 250px;
}

.productPage #ready1 p.fullwidth {
    padding-right: 0;
}

/* Recipe search form */
.recipeSearchForm > fieldset {
    border-bottom: 1px solid #C8D5E1;
    margin: 10px 0 14px 0;
    padding-bottom: 14px;
}
.recipeSearchForm #FeaturedProduct {
    margin-bottom: 10px;
}
.recipeSearchForm div.recipeSearchDishType,
.recipeSearchForm div.recipeSearchMainIngredient {
    float: left;
    width: 280px;
}
.recipeSearchForm div.recipeSearchDishType {
    margin-right: 22px;
}

.recipeSearchForm .recipeSearchDishType label.left,
.recipeSearchForm .recipeSearchMainIngredient label.left {
    float: none;
}

.recipeSearchForm input[type=submit] {
    background-image: url(../images/industry/food/find_recipes.gif);
    border: none;
    color: transparent;
    cursor: pointer;
    height: 31px;
    width: 125px;
}

p.wrap {
    width: 320px;
}

.aboutHealthcare {
    background: url(../images/about-us/bg_about_healthcare.jpg) 0 0 no-repeat;
    height: 391px;
    padding-right: 140px;
}

.aboutCleaning {
    background: url(../images/about-us/bg_about_cleaning_maintenance.jpg) 0 0 no-repeat;
    height: 264px;
    padding-left: 190px;
}

.aboutFoodservice {
    background: url(../images/about-us/bg_about_foodservice.jpg) 0 0 no-repeat;
    height: 349px;
    padding-right: 230px;
}

#archiveImage {
    position: absolute;
    right: 2px;
    top: -110px;
    z-index: 100;
}

/* Right rail */
.rightRail {
    width: 222px; /*260px*/
    /*display: block;*/
    float: right;
    font-size: 12px;
    /*margin: 0 38px 25px 0;*/
    /*width: 221px;*/
    background: #f3f3f3;
/*	margin-left: 0 !important; */
    overflow:hidden;
    margin-bottom: 25px;
}

.rightRail .rightRailBox {
    background: url(../images/bg_rightrail.png) bottom left no-repeat;
    margin: 8px;
    width:206px;
}

.rightRail .rightRailBox .blueHeadline {
    height: 30px;
}

.rightRail .rightRailBox .expanded {
    height: 60px;
}

.rightRail .rightRailBox .blueHeadlineExpanded {
    height: auto;
}

.rightRail .rightRailBox .blueHeadlineExpanded h2 {
    width: auto;
    line-height: 15px;
}

.rightRail .rightRailBox p {
    color: #607184;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 5px 0;
}
.rightRail .rightRailBox .rightColHowToBuy p {
    margin-bottom: 15px;
}
.rightRail .rightRailBox .footnote {
    font-size: 10px;
    line-height: 12px;
}
.rightRail .rightRailBox .footerLink {
    padding: 5px 11px 11px 11px;
}
.rightRail .rightRailBox .footerLink a {
    font-weight: bold;
}

.rightRailBoxContent {
    position: relative;
    padding: 11px;
}

.rightRail .rightRailBox .rightRailBoxContent .footerLink {
    margin: 8px 11px 15px 5px;
    padding: 0;
}

.rightRail .rightRailBox .rightRailBoxContent a {
    font-weight: bold;
}

.rightRail .rightRailBox .rightRailBoxContent a.selectBox {
    font-weight: normal;
}

.rightRailBoxContentExpandable {
    background: url(../images/bg_bot_tabbed_side_rail_expandable.png) 0 0 repeat-y;
}

.leftCol .rightRail {
    margin: 35px 0 2px 0;
    background: none;
}

/* In the News */
#in-the-news p {
    padding: 5px;
}

#in-the-news img {
    margin: 5px 0 0 0;
}

/* In the News */
#new-product-spotlight p {
    padding: 5px;
}

#new-product-spotlight img {
    margin: 5px 0 0 0;
}

#new-product-spotlight h2 {
    padding-left: 5px;
    font-size: 18px;
}


/* Related Products */
#relatedProducts {
    background: url(../images/bg_related_products.jpg) 0 0 no-repeat;
    height: 190px;
    margin-top: 25px;
    padding: 26px 0 0 29px;
    width: 616px;
}

#relatedProducts h3 {
    position: relative;
    z-index: 5;
}

#relatedProducts .relProd {
    background: url(../images/related-products/blank.png) 0 0 no-repeat;
    cursor: pointer;
    float: left;
    width: 196px;
    height: 108px;
    margin-right: 26px;
    margin-top: -20px;
    padding: 45px 70px 0 15px;
    position: relative;
}

#relatedProducts .type {
    color: #7496b2;
    font-size: 12px;
}

#relatedProducts h3 {
    line-height: 18px;
    margin: 4px 0;
    font-size: 14px;
}

#relatedProducts #GWNeutralFloorCleaner {
    background-image: url(../images/related-products/green-works-concentrated-cleaners.png);
}
#relatedProducts #CloroxAnywhereSpray {
    background-image: url(../images/related-products/clorox-anywhere-hard-surface-sanitizing-spray.png);
}
#relatedProducts #CloroxDisinfectingSpray {
    background-image: url(../images/related-products/clorox-disinfecting-spray.png);
}
#relatedProducts #CloroxProQuaternary {
    background-image: url(../images/related-products/clorox-pro-quaternary-all-purpose-disinfectant-cleaner.png);
}
#relatedProducts #GWNaturalBathroomCleaner {
    background-image: url(../images/related-products/green-works-bathroom-cleaner.png);
}
#relatedProducts #GWManualPotPanDetergent {
    background-image: url(../images/related-products/green-works-manual-pot-pan-detergent.png);
}
#relatedProducts #PineSolOriginal {
    background-image: url(../images/related-products/pine-sol-multi-surface-cleaner.png);
}
#relatedProducts #HVRDry {
    background-image: url(../images/related-products/hidden-valley-ranch-dry.png);
    right: 1px;
}
#relatedProducts #CloroxCleanUp {
    background-image: url(../images/related-products/clorox-clean-up-disinfectant-cleaner-with-bleach.png);
}
#relatedProducts #CloroxGermicidalBleach {
    background-image: url(../images/related-products/ultra-clorox-germicidal-bleach.png);
}
#relatedProducts #CloroxToiletBowlCleaner {
    background-image: url(../images/related-products/clorox-toilet-bowl-cleaner-with-bleach.png);
}
#relatedProducts #GWCompostableCleaningWipes  {
    background-image: url(../images/related-products/green-works-cleaning-wipes.png);
}
#relatedProducts #PineSolScented {
    background-image: url(../images/related-products/pine-sol-scented-all-purpose-cleaners.png);
}
#relatedProducts #Kingsford {
    background-image: url(../images/related-products/kingsford-products.png);
}
#relatedProducts #CloroxDisinfectantWipes {
    background-image: url(../images/related-products/clorox-disinfecting-wipes.png);
}
#relatedProducts #CloroxBleachGermicidalWipes    {
    background-image: url(../images/related-products/clorox-bleach-germicidal-wipes.png);
}
#relatedProducts #DispatchSpray {
    background-image: url(../images/related-products/dispatch-hospital-cleaner-disinfectant-with-bleach.png);
}
#relatedProducts #DispatchTowels {
    background-image: url(../images/related-products/dispatch-hospital-cleaner-disinfectant-towels-with-bleach.png);
}
#relatedProducts #GWGlassSurfaceCleaner  {
    background-image: url(../images/related-products/green-works-glass-surface-cleaner.png);
}
#relatedProducts #TilexMoldMildew {
    background-image: url(../images/related-products/tilex-disinfects-instant-mildew-remover.png);
}
#relatedProducts #KCMasterpiece {
    background-image: url(../images/related-products/kc-masterpiece-sauces.png);
}
#relatedProducts #CloroxDisinfectantBathroom {
    background-image: url(../images/related-products/clorox-disinfecting-bathroom-cleaner.png);
}
#relatedProducts #CloroxHandSanitizer {
    background-image: url(../images/related-products/clorox-hand-sanitizer.png);
}
#relatedProducts #GWNaturalAllPurposeCleaner {
    background-image: url(../images/related-products/green-works-all-purpose-cleaner.png);
}
#relatedProducts #GWNaturalGlassCleaner {
    background-image: url(../images/related-products/green-works-glass-surface-cleaner.png);
}
#relatedProducts #HVRBottled {
    background-image: url(../images/related-products/hidden-valley-ranch-bottled.png);
}
#relatedProducts #f409CleanerDegreaser {
    background-image: url(../images/related-products/formula-409-cleaner-degreaser-disinfectant.png);
}
#relatedProducts #GWToiletBowl {
    background-image: url(../images/related-products/green-works-toilet-bowl-cleaner.png);
}
#relatedProducts #GladTrashProducts {
    background-image: url(../images/related-products/glad-trash-products.png);
}
#relatedProducts #GladFoodStorage {
    background-image: url(../images/related-products/glad-food-storage-products.png);
}
#relatedProducts #CloroxBroadSpectrumDisinfectantSpray {
    background-image: url(../images/related-products/clorox-broad-spectrum-disinfectant-spray.png);
}

/* Healthcare Products */
#healthcareProducts {
    position: relative;             /* Fix View All link which is absolutely positioned */
}

#healthcareProducts .helProd {
    background: url(../images/industry/healthcare/healthcare_products.png) 0 0 no-repeat;
    background-position: -207px -525px;
    border: 1px solid #fff;
    padding: 5px 8px 8px 8px;
}

#healthcareProducts #bleachCreamCleanser                { background-position: 0 0; padding-top: 21px; height: 81px; }
    #healthcareProducts #bleachCreamCleanser h4         { font-size: 12px; }
#healthcareProducts #germicidalWipes                    { background-position: 0 -102px; padding-right: 65px; padding-top: 15px; height: 87px; width: 127px; }
    #healthcareProducts #germicidalWipes h4             { font-size: 12px; margin-top: 15px;}
    #healthcareProducts #germicidalWipes a              { padding-top: 15px;}
#healthcareProducts #cleanerDisinfectantBleach          { background-position: 0 -204px; padding-right:65px; padding-top: 21px; height: 81px; width: 127px; }
    #healthcareProducts #cleanerDisinfectantBleach h4   { font-size: 12px; }
#healthcareProducts #cleanerDisinfectantTowelsBleach    { background-position: 0 -306px; padding-right:65px; padding-top: 21px; height: 81px; width: 127px; }
    #healthcareProducts #cleanerDisinfectantTowelsBleach h4 { font-size: 12px; }
#healthcareProducts #ultraCloroxGermicidalBleach,
#healthcareProducts  #RightRailProduct-19 {
    background-position: 0 -408px; padding-top: 21px; height: 81px;
}
    #healthcareProducts #ultraCloroxGermicidalBleach h4 { font-size: 12px; }
#healthcareProducts #cloroxDisinfectingSpray            { background-position: -206px 0; padding-right: 25px; padding-top: 21px; height: 81px; width: 167px; }
    #healthcareProducts #cloroxDisinfectingSpray h4     { font-size: 12px; }
#healthcareProducts #cloroxHandSanitizer                { background-position: -206px -102px; padding-top: 21px; height: 81px; }
    #healthcareProducts #cloroxHandSanitizer h4         { font-size: 12px; }
#healthcareProducts #citraceHospitalGermicide           { background-position: -206px -204px; padding-right: 40px; width: 152px; }
#healthcareProducts #preciseHospitalFoam                { background-position: -206px -306px; padding-right: 35px; padding-top: 21px; height: 81px; width: 157px; }
#healthcareProducts #preciseQTB                         { background-position: -206px -408px; padding-right: 55px; padding-top: 21px; height: 81px; width: 137px; }
#healthcareProducts #hydrogenPeroxideDisinfecting       { background-position: 0 -510px; padding-right: 65px; height: 81px; padding-top: 21px; width: 127px;}
    #healthcareProducts #hydrogenPeroxideDisinfecting h4 {font-size: 12px; }

.helProd h4 {
    font-size: 12px;
    line-height: 14px;
    margin: 6px 0;
}

.helProd sup {
    vertical-align: top;
}

/* Cleaning Solutions */
#cleaningSolutions .completeClean {
    width: 147px;
    height: 71px;
    background: url(../images/industry/cleaning/product_solutions.png) 0 0 no-repeat;
    padding: 31px 45px 0 14px;
}

#cleaningSolutions #disinfecting    { background-position: 0 0; }
#cleaningSolutions #green           { background-position: 0 -100px; }
#cleaningSolutions #heavyDuty       { background-position: 0 -200px; }

.blueHeadline .viewAll a:link, .blueHeadline .viewAll a:visited {
    background: none;
    color: #c5d4e0;
    text-indent: 0;
    width: auto;
    height: auto;
    line-height: 17px;
}


.blueHeadline .viewAll {
    position: absolute;
    right: 6px;
    top: 6px;
}


/* Foodservice Products */
#foodserviceProducts .foodProd {
    width: 147px;
    height: 71px;
    background: url(../images/industry/food/foodservice_products.png) 0 0 no-repeat;
    padding: 31px 45px 0 14px;
}

#foodserviceProducts #cloroxBleach          { background-position: 0 0; padding-top: 21px; height: 81px; }
    #foodserviceProducts #cloroxBleach h4   { font-size: 12px; }
#foodserviceProducts #HVR                   { background-position: 0 -102px; padding-right: 78px; padding-top: 21px; height: 81px; width: 114px; }
#foodserviceProducts #KCM                   { background-position: 0 -204px; padding-top: 21px; height: 81px; }
#foodserviceProducts #kingsford             { background-position: 0 -306px; }

.foodProd h4 {
    line-height: 17px;
    margin-bottom: 6px;
}

#foodserviceProducts .blueHeadlineExpanded {
    position: relative;
}


/**
 * Styles for usage boxes that appear on at-a-glace pages
 */
div.usageSummary {

}
.usageSummary .left {
    float: left;
    width: 33%;
}
.usageSummary .right {
    float: right;
    width: 66%;
}
.usageSummary .left h3 {
    margin-bottom: 10px;
}
.usageSummary .left ul {
    border: medium none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.usageSummary .left ul li {
    background: url(../images/check_mark.gif) no-repeat scroll 0 0 transparent !important;
    padding: 0 0 20px 30px !important;
    vertical-align: top; /* lines up arrow at top of text */
}

.usageSummary .right h3 {
    margin-bottom: 10px;
}
.usageSummary .right p {
    /*backgr*/
}


/**
 * For product pages that make tables of kill times
 */
.killTimeTableLeft {
    width: 400px;
    float: left;
}
.killTimeTableRight {
    width: 100px;
    float: right;
}

/* MSDS styles */

h3.msdshead  {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    display: block;
    clear: both;
}

.msdslabel {
    font-weight: bold;
}

.msdsnote {
    font-style: italic;
    font-size: 12px;
    line-height: normal;
}

.pageAtAGlance .whiteHeadline p,
.pageSpecifications .whiteHeadline p,
.pageMsds .whiteHeadline p {
    line-height: normal;
    padding-top: 15px;
}

ul.instructions li {
    margin-bottom: 10px;
}

/* step numbers */
div.stepNumber {
    font-weight: bold;
    font-size: 18px;
    width: 10px;
    float: left;
}
div.stepImage {
    width: 160px;
    float: left;
    padding: 0 10px 0 10px;
}
div.stepText {
    width: 350px;
    float: left;
}

/*at a glance tables style for healthcare*/

table.effective-table {
    font-family: Helvetica, Tahoma, sans-serif;
    text-align:center;
    border-collapse: collapse;
    margin: 10px 0;
}
table.effective-table tr th {
    background: #d4dde4;
    font-size: 14px;
    padding: 10px;
    border-collapse: collapse;
    border: 1px solid #999;
}

table.effective-table td {
    padding: 10px;
    border-collapse: collapse;
    border: 1px solid #999;
}

table.effective-table tr + tr {
    background: none;
    text-align:left;
    color: black;
    font-size: 12px;
}

/*Efficacy tab table on healthcare products*/

table.action-table {
    color: #607184;
    font-size: 12px;
}

table.action-table th {
    background-color: #005084;
    color: #ffffff;
    text-transform: capitalize;
    padding: 10px;
}

table.action-table td {
    padding: 8px;
    border: 1px solid white;
    border-collapse: collapse;
}
table.action-table tr{
    background-color: #FFFFFF;
    color: #607184;
    padding: 12px;
}
table.action-table tr:nth-child(odd) {
    background-color: #DEE6EE;
}


#pageNotFound {
    padding: 26px;
}

#pageNotFound h2 {
    margin: 0 0 15px 0;
}

#contact p {
    padding-bottom: 18px;
}

/* Glad Buy Online Buttons */

a.buyButton {
    margin: 0 0 0 48px;
}

p.buyButtonDisclaimer {
    margin: 0 0 0 48px;
    font-size: 10px;
}

#buy-online-container {
    z-index: 2000;
    width: 725px;
    height: 650px;
    position: absolute;
    top: 100px;
    left: 300px;
    background: url(../images/overlay_725.png) top no-repeat;
    display:none;
}

#buy-online-container .product-image {
    float: left;
    width: 178px;
    height: 166px;
    padding: 30px 0px 0px 50px;
}

#buy-online-container .product-copy {
    float: right;
    width: 300px;
    height: 100px;
    padding: 90px 50px 0px 10px;
}

#buy-online-container iframe {
    width: 670px;
    height: 404px;
    padding: 0px 5px 5px 25px;
}

#buy-online-container .close {
    float: right;
    text-indent: -99999px;
    background: url(../images/overlay_close.png);
    width: 21px;
    height: 21px;
    margin: 15px 15px 0 0;
}

/* Site search styles */
ul#searchResults, ul.pagination {
    padding-left: 0;
}

ul#searchResults li, ul.pagination li {
    list-style-type: none;
    margin-left: 0;
}

ul#searchResults li.SearchResult ul {
    margin-bottom: 20px;
    padding-left: 0;
}

ul#searchResults li.SearchResult ul li {
    list-style-type: none;
    margin-left: 0;
}

ul#searchResults li.SearchResult ul li h4 img {
    margin: 0 0 -4px 8px;
}

/* Hydrogen Peroxide landing page styles */
#menuHeader {
    background:url(../images/bg_nav_header.png) no-repeat;
    width:1000px;
    height:86px;
    position: relative;
}

#menuHeader a.homeLink {
    position:absolute;
    top:13px;
    height:65px;
    z-index:200;
}
#menuHeader a.homeLink {
    left:7px;
    width:202px;
}

#menuHeader a.homeLink:hover {
    text-decoration: none;
}

#hpLanding {
    background: url(../images/bg_hp_landing.png) 0 0 no-repeat;
    border: 1px solid #FFF;
    margin-top: 10px;
    padding: 19px 0 20px 16px;
}

#hpLanding .healthcare, #hpLanding .cleaningMaintenance {
    float: left;
    height: 182px;
    padding: 163px 35px 0 219px;
    width: 216px;
}

#hpLanding .healthcare {
    background: url(../images/industry/hp_landing_healthcare.jpg) 0 0 no-repeat;
}

#hpLanding .cleaningMaintenance {
    background: url(../images/industry/hp_landing_cleaning_maintenance.jpg) 0 0 no-repeat;
    margin-left: 9px;
}

#hpLanding p {
    font-size: 16px;
    margin-bottom: 10px;
}

#hpLanding a.small_arrow {
    background-position: right 4px;
    font-size: 16px;
}

/* Room Product overlay styles */
#bathroom .tabbedContent .roomOverlay {
    background-image:url(../images/industry/cleaning/building-service-contractors/Bathroom.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 656px;
}

.tabbedContent .roomOverlay a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}

.tabbedContent .roomOverlay .roomOverlayItem {
    position: absolute;
    padding: 5px 7px;
    background-color: #1f325d;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}
.tabbedContent .roomOverlay .roomOverlayItem.Left {
    padding-left: 15px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}
.tabbedContent .roomOverlay .roomOverlayItem.Right {
    padding-right: 15px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.tabbedContent .roomOverlay .roomOverlayItem .roomOverlayItemImage {
    position: absolute;
    width: 60px;
    height: 70px;
    overflow: hidden;
}

.tabbedContent .roomOverlay .roomOverlayItem .roomOverlayItemImage {
    top: -10px;
}
.tabbedContent .roomOverlay .roomOverlayItem.Left .roomOverlayItemImage {
    left: -30px;
}
.tabbedContent .roomOverlay .roomOverlayItem.Right .roomOverlayItemImage {
    right: -30px;
}

/* File Download Forms */
span.invalid { color: red; }

span.reqNote { color: red; margin: 15px 5px 0 0; }


.downloadForm .message.required {
    width: 252px;
    margin: 0 0 0 190px;
    color:#F00;
}

.downloadForm .message.bad {
    color:#F00;
}

.downloadForm label {
    font-weight: bold;
    width: 170px;
    padding: 5px 10px;
    text-align: left;
    float: left;
}

.downloadForm.cleaningSamplesForm .label { width: 170px; }
.downloadForm.cleaningSamplesForm p { width: 300px; margin: 10px 0 0 190px; }
.downloadForm.cleaningSamplesForm .checkbox-text { width: 300px; margin: 10px 0 0 190px; padding: 0 0 10px 0; }
.downloadForm.cleaningSamplesForm .freeResourcesSubmit {  margin: 2px 0 10px 190px; float: left; padding: 0 20px 0 0; }
p#last { padding-bottom: 70px;}

.downloadForm label.list {
    float: left;
    clear: left;
    margin: 0 0 5px 0;
    font-weight: normal;
    width: inherit;
}

#industry-cleaning-maintenance #productSelect { width: 0; /*causes scrollbar on this page...*/ }

.downloadForm {
    font-size: 12px;
    margin-left: 15px;
}

.downloadForm .quantityField {
    width: 20px;
    height: 20px;
    text-align: left;
    display: block;
}

.downloadForm .middleColumn {
    display: inline-block;
    width: 252px;
}

#free-resources .downloadForm .CompositeField {
    margin-top: 25px;
}

.downloadForm #Optin, .downloadForm #OptinCall {
    width: 300px;
    margin: 10px 0 0 178px;
    padding: 0 0 10px 0;
}

.downloadForm .field input.text,
.downloadForm .field .dropdown {
    display: inline-block;
    padding: 3px 0 4px 5px;
    width: 252px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}

.downloadForm input[type=submit]{
    border: none;
    color: transparent;
    cursor: pointer;
    margin: 2px 0 10px 190px;
    float: left;
    height: 31px;
    padding: 0 20px 0 0;
    width: 98px;
    background: url(../images/button_submit.gif);
    background-repeat: no-repeat;
}
#free-resources .downloadForm input[type=submit] {
    margin: 0 0 0 140px;
    float: none;
}

.downloadForm p {
    font-size: 12px;
    margin: 10px 0 0 190px;
    width: 300px;
}
#free-resources .downloadForm p {
    font-size: 12px;
    margin: 25px 0 -5px 140px;
    width: auto;
}
#free-resources .downloadForm .footnote {
    font-size: 10px;
    margin: 3px 0 0 140px;
}
#free-resources .downloadForm .footnoteContact {
    margin-left: 140px;
}

.downloadForm .comments {
    margin: 0 0 0 140px;
}
#free-resources .downloadForm #Comments {
    margin: 5px 0 20px 140px;
}

.footnote, .footnote p {
    line-height: normal;
    margin: 3px 0 0 0;
    font-size: 10px;
}

.downloadForm input.full,
.downloadForm select.full {
    width: 190px;
}

.downloadForm .field.text,
.downloadForm .field.dropdown {
    margin: 0 0 20px 0;
}

div.validated label.error {
    width: 252px;
    margin: 0 0 0 190px;
}

#additionalComments {
    margin: 5px 0 0 140px;
}

.freeResourcesSubmit {
    background-image: url(../images/button_submit.gif);
    padding: 0 0 0 140px;
    margin: 0 0 0 140px;
    text-indent: -99999;
}

#free-resources .downloadForm #Optin label, #free-resources .downloadForm #OptinCall label {
    margin: 10px 0 0 130px;
    width: auto;
}
#free-resources .downloadForm #Optin {
    margin: 0;
    width: auto;
}
.downloadForm div.optionset.checkboxset {
    clear: both;
    margin: 14px 0;
    padding: 7px 0;
}
.downloadForm .button {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    position: relative;
}
.downloadForm .hover {
    float: left;
    font-weight: bold;
    width: 170px;
    position: relative;
}
.downloadForm .free-resources-popup {
    position: absolute;
    display: none;
    z-index: 9999;
}
.downloadForm .free-resources-popup p {
    font-size: 12px;
    font-weight: normal !important;
    left: 60px;
    margin: 25px 0 -5px 140px;
    padding: 0 20px 0 0;
    position: absolute;
    top: 20px;
    width: 190px;
    z-index: 1500;
}
.downloadForm .free-resources-popup p.narrow {
    width: 140px;
    left: 110px;
}
.downloadForm .free-resources-popup p.wide {
    width: 300px;
    left: 62px;
    top: auto;
}

.downloadForm .optionset .middleColumn {
    width: 360px;
}
.downloadForm .middleColumn ul.optionset.checkboxset {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}
.downloadForm .optionset .middleColumn li {
    list-style: none;
    float: left;
    position: relative;
    width: 180px;
}
.downloadForm .optionset .middleColumn li input[type=checkbox] {
    float: left;
}

.downloadForm .middleColumn label {
    float: left;
    width: auto !important;
    margin: 0 0 5px 0;
}

#heroShot img {
    position: relative;
    margin-left: 75px;
}

hr {
    margin-bottom: 90px;
}

#fromWhomBuy {
    margin-top: 15px;
}

.downloadForm .label#fromWhomBuyLabel {
    margin-top: 12px;
}


li.button {
    list-style: none;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    position: relative;
}

p#required.footnote {
    margin: -80px 0 0 188px;
    font-size: 10px;
}

/* Pretty Checkboxes */
label.checkbox span.holder {height:52px;background:url(../images/prettyCheckboxes/checkbox.gif) 0 -1px no-repeat;}
label.checked span.holder{top:-25px !important}
label.list{float:left;clear:left;margin:0 0 5px 0}
label.inline{float:left;margin:0 10px 0 0}
input.hiddenCheckbox{position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden; margin-top: -5px; margin-bottom: 12px;}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0}
#optin label.list{float:left;clear:left;margin:0 0 14px 0}
#optin label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden; margin-top: 0px;}

.aplicaresterility label.prettyCheckbox span.holderWrap { margin-bottom: 0; }


/* !VIDEO PLAYER */
/*==================================*/


div.overlay {
    background-image:url(../images/bg_overlay.png);
    width:600px;
    height:370px;
    display:none;
    padding: 45px 55px 55px 55px;
    }


div.overlay div.close {
    background-image:url(../images/btn_close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
    }

.panelLink {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
    /* fixes overlap error in IE7/8  */
    background-image: url(../images/clear.gif);
}

/*table, on terminal-wipes-calculator*/
.genericTable {
    border: 2px solid #3380cc;
    margin-bottom: 20px;
    border-bottom: none;
    border-right: none;
    background: #fff;
    border-collapse: collapse; /*ie7 helper*/
}

.genericTable td, .genericTable th {
    margin: 0;
    padding: 10px;
    text-align: center;
    border-bottom: 2px solid #3380cc;
    border-right: 2px solid #3380cc;
    font-weight: normal;
}

.genericTable th span {
    font-size: 10px;
    display: block;
    padding: 5px 0 0 0;
}

.genericTable .operatorRow {
    font-weight: bold;
    color: #000;
}

.genericTable .tableheader {
    background: #e0eefc;
    color: #3380cc;
    font-weight: bold;
    font-size: 12px;
}

.tableDisclaimer {
    padding: 5px 20px;

}

.tableDisclaimer h4 {
    color: #0082c8;
    font-size: 20px;
}

.tableDisclaimer p {
    font-size: 10px;
}

.tableDisclaimer p span {
    font-size: 14px;
    line-height: 18px;
}

/*title of table*/
.captionHeader {
    background-color: #0082c8;
  color: #fff;
  padding: 10px;
  width: 55%;
  font-size: 1.2em;
}

.tablefooter {
    font-weight: bold;
    color: #000;
    background: #b1d6f5;
}

#saniheader {
    color: #637184;
}

/* Greenworks Concentrated Cleaners */
#proQuat {
    height: 120px;
}

#proQuat p {
    margin-top: 0px;
}


#dilutionSystem .tabContent {
    color: #637184;
    font-size: 14px;
    padding: 20px 29px;
    height: 260px;
}

#dilutionSystem .tabContent p {
    font-weight: bold;
    font-size: 18px;
}

#dilutionSystem .tabContent ul {
    margin-left: -50px;
}

#dilutionSystem .tabContent ul li {
    float: left;
    width: 180px;
    list-style-type: none;
}

#dilutionSystem .tabContent ol {
    font-weight: bold;
}

#dilutionSystem .tabContent ol li {
    padding: 0;
    float: left;
    width: 150px;
    margin-left: 40px;
}

#dilutionSystem .tabContent ol span {
    font-weight: normal;
}


#dilutionSystem #bucket div.bucketimage {
    float: left;
}

#dilutionSystem div.bucket p {
    padding-top: 50px;
    padding-left: 400px;
    font-weight: normal;
}

#higherStandard p, ul li {
    margin-top: 0px;
    font-weight: normal;
}

/* MSDS Page */
#MSDSPage .heroText h1 {
    width: 430px;
}
#site-map .tabbedContent > div,
#MSDSPage .tabbedContent > div {
    background: url(../images/bg_productTabArea_tile.jpg) top left repeat-y;
    width: 646px;
}
#MSDSPage .whiteHeadline.first {
    background-position: left top;
    padding-top: 30px;
}
#MSDSPage .whiteHeadline.first p {
    font-size: 16px;
    padding-bottom: 0;
}
#MSDSPage .tabContent.last p {
    line-height: 1.5em;
    margin: 25px 15px;
}
ul.msds {
    padding-left: 0;
}
ul.msds li {
    list-style-type: none;
}

ul.msds li a {
    color: #637184;
}
ul.msds li a.control {
    display: block;
    font-weight: bold;
    margin: 10px 0 15px 0;
    padding-left: 16px;
}
ul.msds li a.control.open {
    background: url(../images/ul-list-down.png) left center no-repeat;
}
ul.msds li a.control.close {
    background: url(../images/ul-list-right.png) left center no-repeat;
}
ul.msds li ul {
    margin-bottom: 25px;
}
ul.sub li ul:not(.sub) li{
    list-style-type: disc !important;
}

/* Page not Found */
.pagePageNotFound .pageNotFoundHero {
    background: url(../images/about-us/hero_main.png) right top no-repeat;
    background-size: 35%;
    height: 240px;clr
    margin: 23px 20px 0 0;
}
.pagePageNotFound .heroText {
    padding-top: 40px;
}
.pagePageNotFound .heroText > div {
    display: none;
}

/* Related Products - custom */
#relatedProducts #Product128 h3,
#relatedProducts #Product302 h3 {
    width: 140px;
}
#relatedProducts #Product289 h3 {
    width: 150px;
}

/* New-style studies in industry/health/knowledge-expertise/studies */

/* Hide View All button -- not part of this design. */
div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent div.viewAll {
    display: none;
}

/* Make section toggle centered by providing space for text and toggle
 */
div.pageMain.pageStudies div.healthcarePage div.blueHeadline.section-header p:nth-child(1) {
    width: 375px;
    display: inline-block;
    margin-bottom: 0px;
}

div.pageMain.pageStudies div.healthcarePage div.blueHeadline.section-header p:nth-child(2) {
    width: 34px;
    height: 34px;
    margin-top: 17px;
    float: right;
}


div.pageMain.pageStudies > div.healthcarePage .tabContent h2, div.pageMain.pageStudies > div.healthcarePage .tabContent p {
    margin: 10px 25px 15px 10px;
}

div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent  {
    padding: 0px 0px 0px 0px;
    //margin: 10px 10px 10px 10px;
}

div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent > div {
    //width: 700px !important;
}

/* side filter menu */
div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent > div > div:nth-child(3) {
    width: 180px;
    float: left;
}

div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent > div > div:nth-child(3) .leftCol {
    width: 162px;
}

div.pageMain.pageStudies > div.healthcarePage .levelOneFilter, div.pageMain.pageStudies > div.healthcarePage .levelTwoFilter {
    padding-left: 0px;
}

/* Filter menu initially has submenus collapsed */
div.pageMain.pageStudies > div.healthcarePage .levelOneFilter ul {
    display: none;
}

div.pageMain.pageStudies > div.healthcarePage li.filter-category {
    font-size: 13px;
    margin: 0px 0px 0px 0px;
    padding-top: 1px;
    padding-left: 0px;
}

div.pageMain.pageStudies > div.healthcarePage li.filter-category a {
    padding-left: 28px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent > div > div.whiteHeadline.darkBlue.first {
    //width: 680px;
    //padding: 10px 10px 10px 10px;
    //background: url(../images/bg_productTabHeaderBlue_700.jpg) top left no-repeat;
}

div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent > div > div.tabContent.white {
    //width: 680px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    //background: url(../images/bg_productTabArea_700.jpg) bottom left no-repeat;
}

div.pageMain.pageStudies > div.healthcarePage > div > div.tabbedContent > div > div.healthstudy {
    width: 457px;
    float: right;
}

.healthstudy .blueHeadline {
    float: right;
    width: 415px;
}

.healthstudy div.last {
    width: 415px;
}

.healthstudy .blueHeadline p {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}


.healthstudy table {
    width: 457px;
    border-collapse: collapse;
    border-spacing: 0;
}

.filter-description {
    float: right;
    width: 457px;
}

.filter-description p {
    margin: 0px 20px 10px 20px;
    font-style: italic;
    font-size: 16px;
}

.healthstudy .tablewrap {
    padding-top: 50px;
}

.healthstudy td {
    border: 1px solid #cccccc;
    padding: 15px 15px 15px 15px;
}

.healthstudy tr:nth-child(odd) {
    background-color: #ffffff;
}

.healthstudy tr:nth-child(even) {
    background-color: #e9e9e9;
}

.healthstudy a.small_arrow {
    font-size: 14px;
}

.healthstudy td.alnright {
    text-align: right;
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
}

.healthstudy .section-close {
    font-size: 16px;
}

.healthstudy td.closer {
    background-color: #dfe6ee;
}

#mobileBanner {margin: 0 auto; position:relative; text-align: center; z-index:999;}

table.hasBorders { border-collapse: collapse; }
.hasBorders td { border: 1px solid #d7dadc; }
.padding-10 td { padding: 10px; }

/* Make tabbedContent wide enough to display sweepstakes rules and forms
   without wasting margins or colliding blocks. */

#sweepstakes-rules > div.pageMain.pageSweepstakesRules > div.sweepstakesrulesPage > div > div.tabbedContent > div {
    width: 860px!important;
}

#update-your-profile > div.pageMain.pageUpdateYourProfileAndEnterToWin > div.updateyourprofileandentertowinPage > div > div.tabbedContent > div {
    width: 860px!important;
}

/* hide the honeypots per page to isolate */
div.pageMain.pageFreeResourcesForHealthcareFacilities form.downloadForm div#Address,
div.pageMain.pageRebateOfferForCloroxCommercialSolutionsProducts form.downloadForm div#Address,
div.pageMain.pageRestroomSolutionsKit form.downloadForm div#Address {
    display: none;
}


/* Modals */
div.modal-wrapper{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:10000;
    top:0;
    left:0;
    position:fixed;
}
div.modal{
    position:relative;
    width:auto;
    height:auto;
    margin:auto;
}
div.modal.zero-tolerance-game, div.modal iframe{
    width:1024px;
    height:748px;
}
div.modal.zero-tolerance-game{
    position:absolute;
    top:50%;
    margin-top:-374px;
    left:50%;
    margin-left:-512px;
}

div.close-modal{
    position:absolute;
    top:0;
    right:0;
    background:rgba(100,100,100,.3);
    color:rgba(255,255,255,.6);
    cursor:pointer;
    padding:1em 1.25em;
    font-size:1.25em;
    font-weight:bold;
}
div.close-modal:hover{
    color:rgba(255,255,255,1);
    background-color:rgba(100,100,100,.6);
}

#long-term-care.health .tabContent.productBursts.freeResourcesList {
    overflow: hidden !important;
    width: 125px !important;
}

#long-term-care.health .tabContent.productBursts .selectBox-dropdown .selectBox-label, #outpatient-care.health .tabContent.productBursts .selectBox-dropdown .selectBox-label {
    overflow: hidden !important;
    width: 125px !important;
}

#long-term-care.health .tabContent.productBursts .selectBox-dropdown .selectBox-arrow, #outpatient-care.health .tabContent.productBursts .selectBox-dropdown .selectBox-arrow {
    top: -1px !important;
}

#long-term-care.health .tabContent.productBursts {
    height: 200px !important
}

  .rightColUVPricingForm {
        position: relative;
    }
    .uvPricingFormInput {
            border: none;
    border-radius: 4px;
    color: #848484;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 25px;
    padding: 2px 5px;
    text-indent: 3px;
    width: 170px;
            }
    .uvPricingFormTextarea {
        width: 97%;
        height: 100px;
        line-height:1.3em;
    }
    .uvPricingFormTextarea + label {
        width: auto;
    }
    #uvPricingForm label {
      display: block;
    margin: 10px 0 5px 0;
    color: #637184;
    font-size: 13px;
    }
    #beds, #discharges {
        width: 30% !important;
    }
    #for_discharges {
        width: 43% !important;
    }
    #for_infection {
        width: auto !important;
        margin-bottom: 6px !important;
    }
    input.orange {
        -webkit-appearance: none;
    }

/*implemented for full column iframe - but should work for other iframes*/
.flexi-iframe {
    width: 100%;
    max-width: 645px;
    height:  363px;
}

/*products UV efficacy tab chart*/
table.uv-chart thead h3, table.uv-chart thead h4 {
    color: #184776;
}

table.uv-chart thead tr th {
    width: 28%;
}

table.uv-chart thead tr th:first-child {
    width: 16%;
}

table.uv-chart thead tr th:first-child {
    padding: 32px 0 0;
}

table.uv-chart thead tr th span {
    font-size: 1.5em;
    line-height: 1.8;
}

table.uv-chart tbody td {
    vertical-align: top;
}

table.uv-chart tbody td ul {
    list-style-type: disc;
    padding: 0;
    margin: 0;
}

table.uv-chart tbody td ul li {
    margin-left: 10px;
    margin-bottom: 0;
    line-height: 1.5;
}