/*=======================================================================
    Owner:    Hill's Pet Nutrition
    Title:    Landings Project Style Sheet
    Author:   Steve Kiernan
    Date:     06/03/09, adapted from css-hillspet.css 11/05/09
    Desc:     Platform migration to OpenText (a.k.a. RedDot) Platform
=========================================================================*/
html, body, h1, h2, h3, h4, h5, h6, div, p, form, fieldset, input, select { margin:0; padding:0; }
/* Universal Tag Styles  */
body { margin:0 5px; }
a, object, embed { outline:none !important; } /* get's rid of that pesky dotted line around links in FireFox */ 
a:visited { color:#606; }
p { margin:0; padding:5px 0; }
.logo { width:84px; height:71px; margin:10px 0 0 25px; float:left; }
h1 span { text-indent:-1000px; width:900px; position:absolute; }
h2 { font-size:20px; color:#707070; padding:15px 0 0 15px; }
h3 { color:#fff; font-size:12px; padding:6px 3px 3px 25px; margin:0; text-transform:uppercase; }
div, p, input, select, td { font-family:arial, verdana, sans-serif; color:#333; font-size:11px; }
sup { font-size:90%; vertical-align:top; text-decoration:none; } 
sup.small { font-size:70% !important; vertical-align:top; text-decoration:none; }
/* Major Div Styles */
#mainwrapper { width:800px; border-top:#f00 solid 3px; border-bottom:#f00 solid 3px; }
#main { border:1px solid #c1c2c6; margin:1px 0; padding:1px; }
/* Top Area Div Styles */
#top { position:relative; height:98px; background:url('/indoor-cat/images/bkg_gradient_top.gif'); }
#topcontent { position:absolute; float:right; right:10px; top:6px; font-size:10px; }
#topcontent a { color:#666; margin:0 5px; }
#breadcrumb { font-size:10px; color:#666; position:absolute; top:8px; left:130px; width:400px; }
#breadcrumb a { color:#666; }
#search { position:absolute; top:32px; right:10px; height:25px; float:right; }
#search span { float:left; margin:5px; font-weight:bold; color:#666 }
#search input { float:left; margin:0 2px; display:block; }
/* Top Navigation Styles */
#topnav { position:relative; width:714px; float:left; margin:38px 0 0 25px; }
#topnav ul, #topnav li { margin:0; padding:0; }
#topnav li { list-style-type:none; float:left; margin:0; }
#topnav a { margin:33px 0 0 0; color:#6a6a6a; border-right:solid 1px #6a6a6a; font-size:12px; font-weight:900; text-decoration:none; padding:0 10px; display:block; }
#topnav a.on, #topnav a:hover, #topnav a.lastitem_on { color:#e80518; }
#topnav a.catcare, #topnav a.catcare_on, #topnav a.dogcare, #topnav a.dogcare_on { margin-top:12px; padding:0; color:#fff; width:130px; height:38px; border:0; font-size:15px; letter-spacing:0.005em; }
#topnav a.catcare { background:url('/indoor-cat/images/img_catcare_on_en.gif'); margin-right:2px; }
#topnav a.catcare:hover, #topnav a.catcare_on { background:url('/indoor-cat/images/img_catcare_on_en.gif'); height:45px; margin:5px 2px 0 0; }
#topnav a.dogcare { background:url('/indoor-cat/images/img_dogcare_on_en.gif'); margin-right:2px; }
#topnav a.dogcare:hover, #topnav a.dogcare_on { background:url('/indoor-cat/images/img_dogcare_on_en.gif'); height:45px; margin-top:5px; }
#topnav a.catcare span, #topnav a.dogcare span, #topnav a.dogcare_on span, #topnav a.catcare_on span  { margin:10px 0 0 35px; float:left; cursor:pointer; }
#topnav a.catcare span, #topnav a.catcare_on span { margin-left:25px; }
#topnav a.catcare:hover, #topnav a.catcare_on:hover, #topnav a.dogcare:hover, #topnav a.dogcare_on:hover { color:#fff; }
#topnav a.lastitem, #topnav a.lastitem_on { border-right:0; }
#topnav a img.facebook { border:none; position:absolute; top:26px; right:0px;}
/* Left Side Navigation Styles */
#leftnav { border:1px #fff solid; border-bottom:0; border-top:0; min-height:220px; height:auto !important; height:220px; background:url('/indoor-cat/images/bkg_gradient_leftnav.gif') no-repeat top; }
#leftnav ul { margin:5px 3px 0 15px; padding:0 5px 15px 0; }
#leftnav li { list-style-type:none; padding:2px 3px; margin:0; }
#leftnav li.on { background:#fff; }
#leftnav li a { font-size:13px; font-weight:bold; color:#707070; text-decoration:none; background:url('/indoor-cat/images/blt_leftnav.gif') no-repeat; display:block; }
#leftnav li a.on:hover { color:#707070; }
#leftnav li a:hover { color:#e80518; }
#leftnav a span { padding-left:15px; display:block; }
/* Bottom Navigation Styles */
#bottomnav { text-align:center; background:#a4a4a4; margin:2px; padding:3px 0 5px 0; }
#bottomnav ul, #bottomnav li { margin:0; padding:0; }
#bottomnav li { list-style-type:none;display:inline; }
#bottomnav a { color:#fff; border-right:solid 1px #fff; font-size:10px; text-decoration:none; margin:0; padding:0 10px; }
#bottomnav a:hover { text-decoration:underline; }
#bottomnav a.lastitem { border-right:0; }
/* Footer Styles */
#footer { margin:10px 0; width:auto; padding:0; }
#footer p { padding:0; margin:0; font-size:10px; width:520px; }
#footer_language_selector { float:right; font-size:11px; padding:0 5px 0 55px; background:url('/indoor-cat/images/img_hillsMapFooter.gif') no-repeat; }
 
/* Universal Class Styles */
.footerlogo { float:left; margin:2px 10px 2px 3px; }
.redtitle { background:#F20017 url('/indoor-cat/images/blt_redtitle.gif') no-repeat; border-bottom:2px solid #fff;  border-top:2px solid #fff; border-left:#fff solid 3px; }
/*\\ IE Hack  \\*/ *HTML .redtitle { background:url('/indoor-cat/images/blt_redtitle.gif') 3px 2px no-repeat; border-bottom:2px solid #fff;  border-top:2px solid #fff; border-left:#fff solid 3px; }
.clear { clear:both; }
.center { text-align:center; }
.right { float:right; }
.left { float:left; }
.red { color:#f00; }
.blue { color:#004585; }
.optional { background:url('/indoor-cat/images/img_optional_en.gif') no-repeat; }

/* --------------- BEGIN SIFR STYLES ---------------- */
/* -------------------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 span  { visibility: hidden; }
.sIFR-hasFlash h3 span  { visibility: hidden; display:block; }
.sIFR-hasFlash .avenir, .sIFR-hasFlash .marquee  { visibility: hidden; }
/* --------------------------------------------------- */
/* ----------------- END SIFR STYLES ----------------- */