<div id="footerlinks" style="float:left;width:100%;height:270px;background-color:#044C62;padding:0px 20px;outline: 8px solid #044C62;line-height:1.2">
<div class="half1"> <div class="fcol1" style="float:left;width:25%;"> <div class="fcol1border" style="border-right:1px solid #575757;height:200px;padding-right:10px;">
<h3 style="font-size:24px !important;color:#19A0C0 !important"><a href="/mouthwash?field_product_symptom_tid%5B%5D=18" style="color:#19A0C0;">Teeth Whitening Mouthwash</a></h3>
<ul class="line-separated">
<li><span style="font-size:12px !important;"><a href="/mouthwash/anticavity/total-care" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff" >LISTERINE® Total Care</a></span></li><br/>
<li><span style="font-size:12px !important;"><a href="/mouthwash/anticavity/total-care-zero" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Total Care Zero</a></span></li><br/>
<li><span style="font-size:12px !important;"><a href="/mouthwash/advanced-tartar-control-teeth-whitening" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff" >LISTERINE® Tartar Control</a></span></li>
</ul> <br/> </div>
</div>
<div class="fcol2" style="float:left;width:25%;padding-left:2%;"> <div class="fcol2border" style="padding-right:10px;border-right:1px solid #575757;height:200px">
<h3 style="font-size:24px !important;color:#19A0C0 !important"><a href="/mouthwash?field_product_symptom_tid%5B%5D=15" style="color:#19A0C0;">Bad Breath Mouthwash</a></h3>
<ul class="line-separated"> <li><span style="font-size:12px !important;"><a href="/mouthwash/fluoride-defense/green-tea" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Green Tea</a></span></li><br/>
<li><span style="font-size:12px !important;"><a href="/mouthwash/alcohol-free/listerine-zero" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Alcohol Free</a></span></li><br/>
<li><span style="font-size:12px !important;"><a href="/mouthwash/antiseptic/cool-mint" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Coolmint</a></span></li><br/>
<li><span style="font-size:12px !important;"><a href="/mouthwash" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Cool Citrus</a></span></li>
</ul><br/></div>
</div>
</div>
<div class="half2"> <div class="fcol3" style="float:left;width:25%;padding-left:2%"> <div class="fcol3border" style="padding-right:10px;border-right:1px solid #575757;height:200px">
<h3 style="font-size:24px !important;color:#19A0C0 !important" ><a href="/mouthwash?field_product_symptom_tid%5B%5D=17" style="color:#19A0C0;">Plaque Removal Mouthwash</a></h3>
<ul class="line-separated"> <li><span style="font-size:12px !important;"><a href="/mouthwash/anticavity/total-care-zero" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Total Care Zero</a></span></li><br/> <li><span style="font-size:12px !important;"><a href="/mouthwash/anticavity/total-care-zero" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Total Care</a></span></li><br/> <li><span style="font-size:12px !important;"><a href="/mouthwash/fluoride-defense/green-tea" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® with Flouride</a></span></li>
</ul></div>
</div> <div class="fcol4" style="float:left;width:25%;padding-left:2%"> <h3 style="font-size:24px !important;color:#19A0C0 !important" style="color:#19A0C0;"><a href="/mouthwash?field_product_symptom_tid%5B%5D=16" style="color:#19A0C0;">Gingivitis Mouthwash</a></h3>
<ul class="line-separated"> <li><span style="font-size:12px !important;"><a href="/mouthwash/gingivitis/fresh-burst" style="font-family: 'gotham-htf-medium',Arial,sans-serif;color:#fff">LISTERINE® Fresh Burst</a></span></li>
</ul>
</div>
</div> </div>
<style type="text/css"> ul.line-separated { background-color: blue; padding: 0; margin-left: 1em; } ul.line-separated li { background-color: white; margin: 1px 0 0 0; padding: 0; list-style-type: none; } @media only screen and (max-width: 1016px) { /* For tablets: */ #footerlinks{height:auto !important} .half1,.half2{float:left;width:100% !important;} .half1{padding-bottom:50px !important;} .fcol1,.fcol2,.fcol3,.fcol4{float:left;width:50% !important;padding-left:20px !important} .fcol2border{border-right:none !important;} .fcol1border,.fcol3border{height:200px !important;}
} @media only screen and (max-width: 550px) { /* For mobile: */ #footerlinks{height:auto !important} .half1{padding-bottom:0px !important;} .fcol1,.fcol2,.fcol3,.fcol4{float:left;width:100% !important;padding-left:0px !important; padding-bottom: 50px !important;padding-right:2%} h3{width:100%;} ul li{width:100%;} .fcol1border,.fcol2border,.fcol3border{border-right:none !important;height:auto !important}
}
</style>