@import url(reset-fonts-min.css);

/* Miscellaneous Generic Styles
--------------------------------------------- */

.hide {
  display: none;
}

/* self-clear floats */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.blur {
  color: #717171;
}

h1, h2, h3, h4, h5, h6, p, #content li {
  padding-bottom: .5em;
}

p.block {
  display: block;
  float: none;
  clear: both;
}

strong {
  font-weight: bold;
}

sup {
  font-size: .6em;
}

/* Form Styles
--------------------------------------------- */

fieldset {
  padding: 10px 0 15px;
}
legend {
  font-size: 13px;
  font-weight: bold;
  color: #1d6300;
  line-height: 16px;
}
legend span {
  font-size: 10px;
  font-weight: normal;
  color: #707070;
}
form p {
  float: left;
  padding-bottom: 10px;
}
label {
  display: inline-block;
  font-size: 11px;
  color: #000;
  width: 80px;
  margin-right: 5px;
  text-align: right;
}
label.shorter {
  width: 44px;
}
label.short {
  width: 60px;
}
label.bigger {
  width: 105px;
}
label.block {
  width: auto;
  padding-bottom: 5px;
}
input {
  vertical-align: middle;
}
input.text, textarea, select {
  font-size: 11px;
  background: #fff;
  border: 1px solid #808080;
  margin: 0 5px 0 0;
  padding: 3px;
}
select {
  padding: 2px 3px;
}
input.shaded {
  background: #fff url(../Images/inputBackground.gif) repeat-x;
  border-color: #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input.text {
  width: 162px;
}
input.shorter {
  width: 60px;
}
input.short {
  width: 127px;
}
input.bigger {
  width: 450px;
}
textarea {
  width: 530px;
  height: 10em;
}
input.radio, input.checkbox {
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
}
.formGroup {
  clear: both;
  padding-bottom: 15px;
}
.finePrint {
  font-style: normal;
  font-size: 10px;
}

input.error, textarea.error, select.error {
  border-color: #f99;
}
input.highlight, textarea.highlight, select.highlight {
  background-color: #ffc;
}

.buttonbar {
  text-align: center;
}

.errorList {
  color: #f00;
  font-weight: bold;
  padding-bottom: 10px;
}

/* Master Stylesheet
--------------------------------------------- */

html {
  background: #fff url(../Images/chairPatternFade.jpg) repeat-y 50% 0%;
}

body {
  font: 12px/1.4 Helvetica, Arial, sans-serif;
  color: #565656;
}

a {
  color: #62a217;
  text-decoration: none;
  padding-right: 9px;
  background: url(../Images/rightAngleQuotes.gif) 100% 65% no-repeat;
}

a:hover {
  text-decoration: underline;
}

a.inline {
  background: none;
  padding-right: 0;
}

p.intro {
  font-size: 14px;
}

.inlinelinkList {
  color: #62a217;
}

.inlinelinkList a {
  color: #62a217;
  margin: 0 5px;
}

.inlinelinkList a.first {
  margin-left: 0;
}

#content .linkList {
  margin-left: 0;
}

#content .linkList li {
  list-style: none;
}

.linkList a {
  background-position: 0 70%;
  padding-right: 0;
  padding-left: 13px;
}

img {
  vertical-align: top;
}

.contentPhoto {
  float: left;
  padding-right: 10px;
}

.contentPhotoAlt {
  float: right;
  padding-left: 10px;
}

#content ul {
  margin-left: 16px;
}

#content ul li {
  list-style: disc;
}

#content ul.striped {
  margin-left: 0;
}

#content ul.striped li {
  padding: 7px 10px;
  list-style: none;
}

#content ul.striped li.alt {
  background-color: #f3f4e7;
}

.contentQuote {
  padding: 5px;
  padding-bottom: 15px;
  font-size: 15px;
  color: #32bbe6;
}

.contentQuote span {
  display: block;
  padding-bottom: 5px;
}

.contentQuote cite {
  display: block;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
}

.shadowBox {
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
}

.pageBlock {
  width: 950px;
  margin: 0 auto;
}

#header {
  background: url(../Images/headerBar.jpg) 50% 100% no-repeat;
}

body#home #header {
  background-image: url(../Images/headerBar-Home.jpg);
}

#header .pageBlock {
  height: 181px;
  position: relative;
  z-index: 10;
}

#catBag {
  position: absolute;
  right: 1px;
  top: 32px;
}

#logo h1 {
  padding: 0;
}

#main {
  background: #fff;
  padding: 12px 0 30px;
}

body#home #main {
  background: #fff url(../Images/skyClouds.jpg) 50% 0% no-repeat;
  padding-top: 4px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  padding-bottom: 1em;
}

body#home #sidebar {
  line-height: 1.7em;
}

#main .mid {
  clear: both;
  text-align: center;
  padding-top: 8px;
}

#main .mid h4 {
  font-size: 26px;
}

#footer {
  background: url(../Images/paperEdge.jpg) 50% 0% no-repeat;
}

#footer .pageBlock {
  position: relative;
  width: 910px;
  min-height: 127px;
  padding: 45px 20px 5px;
  background: #528914 url(../Images/footerBackground.jpg) no-repeat;
}

#footnotes {
  padding-top: 20px;
  font-size: 10px;
  color: #fffee9;
}

#searchBox {
  float: left;
  width: 205px;
}

#searchBox p {
  font-size: 10px;
  font-weight: bold;
  color: #c8ff0b;
}

#searchBox input.text {
  width: 150px;
  font-size: 10px;
}

#share {
  position: relative;
  float: right;
  width: 145px;
  background-color: #fff;
  font-size: 11px;
  line-height: 16px;
  padding: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#share img {
  vertical-align: middle;
}

#share a {
  background: none;
  padding-right: 0;
}

/* Page Accent Graphic (Bottom)
--------------------------------------------- */
/* To adjust the graphic that appears at the bottom right just above
   the footer, use one of the following styles on the BODY tag. More accents
   could be added with a new body class.

   1) For butterfly accent, add class 'accent-butterfly'
   2) For tree accent, add class 'accent-tree'
*/

#footer .accent {
  position: absolute;
  right: 0;
  width: 275px;
}

body.accent-butterfly #sidebar {
  margin-bottom: 75px;
}

body.accent-butterfly #footer .accent {
  top: -106px;
  height: 181px;
  background: url(../Images/footerAccent-butterfly.jpg) no-repeat;
}

body.accent-tree #sidebar {
  margin-bottom: 340px;
}

body.accent-tree #footer .accent {
  top: -365px;
  height: 399px;
  background: url(../Images/footerAccent-tree.jpg) no-repeat;
}

/* Layout Types
--------------------------------------------- */

/* Layout style set on BODY tag. For example, the style below
would be applied by setting: <body class="twoCol"> */

#upperContent {
  padding-bottom: 15px;
}

#upperContent h1 {
  padding-bottom: 15px;
}

body.twoCol #content,
body.threeCol #innerCols {
  float: left;
  width: 625px;
  background: url(../Images/vLine.gif) no-repeat 100% 0;
  padding-top: 20px;
  padding-right: 15px;
  font-size: 11px;
}

#sidebar {
  float: right;
  width: 295px;
}

body.threeCol #content {
  float: right;
  width: 380px;
}

/* Custom page styles */

body#home #content {
  width: 660px;
  background: none;
  padding-top: 8px;
  padding-right: 0;
}

body#home #sidebar {
  width: 280px;
  padding-top: 30px;
  background: none;
}

/* Flash placeholders */

#logo {
  height: 120px;
}

#splash {
  height: 129px;
  margin-bottom: 20px;
}

#howItWorks {
  height: 269px;
  padding: 10px 0;
  text-align: center;
}

#howItWorks .slider {
  width: 378px;
  height: 269px;
  overflow: hidden;
  padding-bottom: 5px;
}

#howItWorks .slider ul {
  margin: 0;
}

#howItWorks .slider li {
  list-style: none;
}

#howItWorks a {
  background: none;
  padding: 0;
}

#howItWorks #prevBtn img, #howItWorks #nextBtn img {
  padding: 0 5px;
}

#saverTeaser {
  height: 388px;
}

/* Feature Box
--------------------------------------------- */

.feature {
  width: 619px;
  margin-bottom: 20px;
  background: url(../Images/featurePaper.jpg) repeat-y;
  border: 1px solid #e4e5cf;
  font-size: 11px;
}

.featureBar, h2.featureBar, h3.featureBar {
  height: 20px;
  padding: 5px 25px;
  border-bottom: 1px solid #e4e5cf;
}

.feature .green {
  background: url(../Images/featureBarGreen.jpg) no-repeat;
}

.feature .cyan {
  background: url(../Images/featureBarCyan.jpg) no-repeat;
}

.feature .orange {
  background: url(../Images/featureBarOrange.jpg) no-repeat;
}

.feature .orangered {
  background: url(../Images/featureBarOrangeRed.jpg) no-repeat;
}

.featureContent {
  background: url(../Images/featureBottom.jpg) no-repeat 0 100%;
  padding: 12px 23px;
}

.feature .photo {
  float: left;
  padding: 0 15px 15px 0;
}

.feature .photoAlt {
  float: right;
  padding: 0 0 15px 15px;
}

.feature h2 {
  padding-top: 15px;
}

/* Primary Navigation Bar
--------------------------------------------- */

#primaryNav {
  float: left;
  padding: 0;
}

#primaryNav li {
  float: left;
  position: relative;
  z-index: 45;
}
#primaryNav li:hover {
  z-index: 46;
}

#primaryNav a {
  float: left;
  background: none;
  padding-right: 0;
  line-height: 57px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

#primaryNav li, #primaryNav a, #primaryNav a span {
  height: 57px;
}

#primaryNav a span {
  position: absolute;
  z-index: 47;
  left: 0;
  top: 0;
}

#primaryNav li:hover a span span,
body.doingGood #primaryNav-Doing a span span,
body.products #primaryNav-Products a span span,
body.using #primaryNav-Using a span span,
body.healthyLifestyle #primaryNav-Lifestyle a span span,
body.caring #primaryNav-Caring a span span {
  /* Sets the active state for hover and current page */
  display: none;
}

#primaryNav-Doing, #primaryNav-Doing a, #primaryNav-Doing a span {
  width: 116px;
}

#primaryNav-Doing a span {
  background: url(../Images/primaryNav-Doing-on.jpg) no-repeat;
}

#primaryNav-Doing a span span {
  background: url(../Images/primaryNav-Doing-off.jpg) no-repeat;
}

#primaryNav-Products, #primaryNav-Products a, #primaryNav-Products a span {
  width: 138px;
}

#primaryNav-Products a span {
  background: url(../Images/primaryNav-Products-on.jpg) no-repeat;
}

#primaryNav-Products a span span {
  background: url(../Images/primaryNav-Products-off.jpg) no-repeat;
}

#primaryNav-Using, #primaryNav-Using a, #primaryNav-Using a span {
  width: 207px;
}

#primaryNav-Using a span {
  background: url(../Images/primaryNav-Using-on.jpg) no-repeat;
}

#primaryNav-Using a span span {
  background: url(../Images/primaryNav-Using-off.jpg) no-repeat;
}

#primaryNav-Lifestyle, #primaryNav-Lifestyle a, #primaryNav-Lifestyle a span {
  width: 164px;
}

#primaryNav-Lifestyle a span {
  background: url(../Images/primaryNav-Lifestyle-on.jpg) no-repeat;
}

#primaryNav-Lifestyle a span span {
  background: url(../Images/primaryNav-Lifestyle-off.jpg) no-repeat;
}

#primaryNav-Caring, #primaryNav-Caring a, #primaryNav-Caring a span {
  width: 176px;
}

#primaryNav-Caring a span {
  background: url(../Images/primaryNav-Caring-on.jpg) no-repeat;
}

#primaryNav-Caring a span span {
  background: url(../Images/primaryNav-Caring-off.jpg) no-repeat;
}

/* Sub-Nav */

#primaryNav div {
  display: none;
  position: static; /* IE6 needs this wrapper */
}

#primaryNav ul {
  background: #f2ebd1 url(../Images/paperMenu.jpg) no-repeat 0% 100%;
  border: 1px solid #e3d5a7;
  position: absolute;
  z-index: 50;
  left: 1px;
  top: 53px;
  padding: 8px 0;
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
}

#primaryNav li:hover div {
  display: block;
}

#primaryNav ul li, #primaryNav ul a {
  float: none;
  width: auto;
  height: auto;
  position: static;
}

#primaryNav ul li {
  text-align: left;
  text-transform: none;
  font-size: 14px;
  border-top: 1px dashed #fbfbf6;
}

#primaryNav ul li:first-child {
  border-top: 0 none;
  padding-top: 1px;
}

#primaryNav ul a {
  display: block;
  color: #478da7;
  padding: 5px 12px;
  text-decoration: none;
  line-height: normal;
  background: none;
  text-transform: none;
  font-weight: normal;
  text-align: left;
}

#primaryNav ul a:hover,
#primaryNav ul a.selected,
body#doinggood-experttips #primaryNav-ExpertTips a,
body.doGooderTips #primaryNav-DoGooderTips a,
body#doinggood-recyclingefforts #primaryNav-RecylingEfforts a,
body#products-catlitter #primaryNav-CatLitter a,
body#products-rabbitlitter #primaryNav-RabbitLitter a,
body#products-ferretlitter #primaryNav-FerretLitter a,
body#products-smallanimalbedding #primaryNav-SmallAnimalBedding a,
body#using-seehowitworks #primaryNav-SeeHowItWorks a,
body#using-transitionyourcat #primaryNav-TransitionYourCat a,
body#using-dailyuse #primaryNav-DailyUse a,
body#healthylifestyle-veterinarianopinions #primaryNav-VeterinarianOpinions a,
body#healthylifestyle-environmentalismathome #primaryNav-EnvironmentalismAtHome a,
body#healthylifestyle-safesecurehome #primaryNav-SafeSecureHome a,
body.faqs #primaryNav-FAQs a,
body#caring-litterboxtips #primaryNav-LitterBoxTips a,
body.articles #primaryNav-Articles a {
  /* Sets the active state for hover and current page */
  border-top: 1px solid #f2f2e5;
  border-bottom: 1px solid #f2f2e5;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #faf9f6;
}

#primaryNav-Doing ul {
  width: 165px;
}

#primaryNav-Products ul {
  width: 165px;
}

#primaryNav-Using ul {
  width: 155px;
}

#primaryNav-Lifestyle ul {
  width: 172px;
}

#primaryNav-Caring ul {
  width: 118px;
}

/* Secondary Navigation
--------------------------------------------- */

#secondaryNav {
  position: absolute;
  right: 116px;
  top: 15px;
  width: 159px;
  height: 105px;
  padding: 23px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: -1px;
  text-transform: uppercase;
  text-align: right;
  background: url(../Images/secondaryNavBackground.jpg) no-repeat;
}

#secondaryNav a {
  position: relative;
  display: block;
  color: #478da7;
  background: none;
  padding: 0;
  line-height: 23px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  
  /* This is to combat showing the text of the link before the images are loaded. */
  /* After the page is loaded, this should be set to '0'. */
  text-indent: -9999px;
}

#secondaryNav li, #secondaryNav a, #secondaryNav a span {
  width: 159px;
  height: 23px;
}

#secondaryNav a span {
  position: absolute;
  left: 0;
  top: 0;
}

#secondaryNav li:hover a span span,
#secondaryNav li.selected a span span,
body#ourstory #secondaryNav-OurStory a span span,
body#wheretobuy #secondaryNav-WhereToBuy a span span,
body.stayupdated #secondaryNav-StayUpdated a span span {
  /* Sets the active state for hover and current page */
  display: none;
}

#secondaryNav-OurStory a span {
  background: url(../Images/secondaryNav-Story-on.jpg) no-repeat;
}

#secondaryNav-OurStory a span span {
  background: url(../Images/secondaryNav-Story-off.jpg) no-repeat;
}

#secondaryNav-WhereToBuy a span {
  background: url(../Images/secondaryNav-Buy-on.jpg) no-repeat;
}

#secondaryNav-WhereToBuy a span span {
  background: url(../Images/secondaryNav-Buy-off.jpg) no-repeat;
}

#secondaryNav-StayUpdated a span {
  background: url(../Images/secondaryNav-Updated-on.jpg) no-repeat;
}

#secondaryNav-StayUpdated a span span {
  background: url(../Images/secondaryNav-Updated-off.jpg) no-repeat;
}

/* Tertiary (Footer) Navigation
--------------------------------------------- */

#tertiaryNav {
  float: left;
  width: 440px;
}

#tertiaryNav ul {
  float: left;
  width: 125px;
  padding: 0;
}

#tertiaryNav a {
  color: #c8ff0b;
  font-size: 10px;
  background: none;
  padding: 0;
  text-decoration: underline;
}

/* Section Navigation
--------------------------------------------- */

#sectionNav {
  float: left;
  width: 200px;
  padding-bottom: 20px;
  background: #f2ebd1 url(../Images/paperMenu.jpg) no-repeat 0% 100%;
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, .3);
}

#sectionNav h3 {
  background: #8c6e3b url(../Images/sectionNav-titleBackground.jpg) no-repeat;
  padding: 0;
  height: 38px;
}

#sectionNav h3 img {
  padding: 12px 10px 0;
}

#sectionNav ul {
  padding-top: 5px;
}

#sectionNav li {
  font-size: 14px;
  line-height: 1.15em;
  display: inline; /* Eliminate potential space around */
}

#sectionNav a {
  display: block;
  color: #478da7;
  padding: 3px 16px;
  background: none;
}

#sectionNav li ul a {
  padding: 3px 8px 3px 16px;
  font-size: 10px;
  text-transform: uppercase;
}

#sectionNav li ul a.selected {
  font-weight: bold;
}

#sectionNav a:hover,
#sectionNav a.selected,
/* Doing Good */
body#doinggood-experttips #sectionNav-ExpertTips a.navLink,
body.doGooderTips #sectionNav-DoGooderTips a.navLink,
body#doinggood-recyclingefforts #sectionNav-RecyclingEfforts a.navLink,
/* Our Products */
body#products-catlitter #sectionNav-CatLitter a.navLink,
body#products-rabbitlitter #sectionNav-RabbitLitter a.navLink,
body#products-ferretlitter #sectionNav-FerretLitter a.navLink,
body#products-smallanimalbedding #sectionNav-SmallAnimalBedding a.navLink,
/* Using Yesterday's News */
body#using-seehowitworks #sectionNav-SeeHowItWorks a.navLink,
body#using-transitionyourcat #sectionNav-TransitionYourCat a.navLink,
body#using-dailyuse #sectionNav-DailyUse a.navLink,
/* Healthy Lifestyle */
body#healthylifestyle-veterinarianopinions #sectionNav-VeterinarianOpinions a.navLink,
body#healthylifestyle-environmentalismathome #sectionNav-EnvironmentalismAtHome a.navLink,
body#healthylifestyle-safesecurehome #sectionNav-SafeSecureHome a.navLink,
body.faqs #sectionNav-FAQs a.navLink,
/* Caring for Your Cat */
body#caring-litterboxtips #sectionNav-LitterBoxTips a.navLink,
body.articles #sectionNav-Articles a.navLink {
  /* Sets the active state for hover and current page */
  background-color: #faf9f6;
  text-decoration: none;
}

/* Sub-nav */

/* Articles */
body#caring-articles-emergencyfirstaidtips #sectionNav-EmergencyFirstAidTips a.navSubLink,
body#caring-articles-poisonousplants #sectionNav-PoisonousPlants a.navSubLink,
body#caring-articles-homesafehome #sectionNav-HomeSafeHome a.navSubLink,
body#caring-articles-beingagoodpetneighbor #sectionNav-BeingAGoodPetNeighbor a.navSubLink,
body#caring-articles-teachingyourcattricks #sectionNav-TeachingYourCatTricks a.navSubLink,
body#caring-articles-socialization #sectionNav-Socialization a.navSubLink,
body#caring-articles-comparingcatfoods #sectionNav-ComparingCatFoods a.navSubLink,
body#caring-articles-aboutcatfoodsupplements #sectionNav-AboutCatFoodSupplements a.navSubLink,
body#caring-articles-administeringmedication #sectionNav-AdministeringMedication a.navSubLink,
body#caring-articles-allergicreactiontocats #sectionNav-AllergicReactionToCats a.navSubLink,
body#caring-articles-oralhygiene #sectionNav-OralHygiene a.navSubLink,
body#caring-articles-senioryears #sectionNav-SeniorYears a.navSubLink {
  /* Sets the active state for hover and current page */
  background-color: #faf9f6;
  text-decoration: none;
  font-weight: bold;
}

/* In-Page Navigation
--------------------------------------------- */

.pageNav {
  padding-bottom: 15px;
  font-size: 10px;
  font-weight: bold;
  color: #0096db;
}

.pageNav a {
  color: #0096db;
  background: none;
  padding-right: 0;
}

/* Touts/Callouts
--------------------------------------------- */

.tout {
  font-size: 11px;
}

.bottom {
  background: url(../Images/toutStripBackground.jpg) no-repeat;
  height: 206px;
}

.bottom .tout {
  float: left;
  width: 316px;
}

.bottom .toutBody {
  padding: 25px 0 0 35px;
}

.bottom .toutBody p {
  padding-right: 25px;
}

/* Custom tout content */

#toutEnvironment.tout {
}

#toutDailyTips.tout {
  width: 297px;
  padding-top: 13px;
  padding-left: 19px;
}

#toutDailyTips.tout .toutBody {
  background: url(../Images/toutNoteBackground.jpg) no-repeat;
  height: 178px;
  padding: 30px 0 0 20px;
}

#toutDailyTips.tout p {
  padding-right: 20px;
}

#toutCoupon.tout .product {
  float: right;
  margin-left: -20px;
  padding-top: 6px;
  padding-right: 30px;
}

#toutCoupon.tout strong {
  font-size: 14px;
}

#toutCoupon.tout em {
  color: #770202;
  font-weight: bold;
}

/* Sidebar
--------------------------------------------- */

#sidebar {
  background: url(../Images/sidePaper.jpg) no-repeat;
  padding-top: 15px;
}

.sidebarList {
  background: url(../Images/sidePaperBottom.jpg) no-repeat 0 100%;
  padding-bottom: 15px;
}

#sidebar .tout {
  margin: 0 8px;
  padding: 10px 0;
  font-size: 11px;
  border-bottom: 1px dashed #d9d7c7;
}

#sidebar .toutBody {
  padding: 10px 17px;
}

#sidebar .last {
  border-bottom: 0 none;
}

#sidebar h3 {
  padding-bottom: .8em;
}

#sidebar h4 {
  font-size: 13px;
  font-weight: bold;
  color: #62a217;
}

#sidebar .tout .accent {
  float: left;
  padding-right: 10px;
}

#sidebar .tout .accentAlt {
  float: right;
  padding-left: 10px;
}

/* Custom sidebar content */

#toutDifference.tout p {
  padding: 8px 0;
}

#toutDailyTipsShort.tout {
  padding-left: 17px;
}

#toutDailyTipsShort.tout .toutBody {
  background: url(../Images/toutNoteSmallBackground.gif) no-repeat;
  height: 81px;
  padding-top: 34px;
}

#toutResources.tout .accent {
  padding-left: 0;
  padding-bottom: 25px;
  margin-right: -8px;
}

#toutExpert.tout {
  padding-bottom: 0;
}

#toutExpert.tout .accent {
  padding-right: 5px;
}

#toutExpert.tout h3, #toutExpert.tout h4, #toutExpert.tout p {
  padding-left: 115px;
}

#toutScreensaverAlt.tout {
  padding-bottom: 0;
}

#toutScreensaverAlt.tout .accent {
  margin-left: -10px;
}

#toutLitterBoxTip.tout .accentAlt {
  margin-top: -10px;
}

#sidebar #toutCoupon.tout .product {
  /* (See other styles shared with the bottom coupon callout) */
  padding-right: 0;
}

#toutDoGooderTips.tout .toutBody {
  padding-right: 0;
}

#toutDoGooderTips.tout .tip {
  border: 0 none;
}

#toutDoGooderTips.tout .tip h2, #toutDoGooderTips.tout .tip div, #toutDoGooderTips.tout .tip p, #toutDoGooderTips.tout .tip blockquote {
  padding-left: 0;
}

#toutDoGooderTips.tout .moreTips div {
  padding-left: 90px;
}

#toutDoGooderTips.tout .moreTips h4 {
  padding-top: 10px;
}

#toutDoGooderTips.tout .moreTips a {
  background: none;
  padding-right: 0;
}

#toutDoGooderTips.tout .moreTips img {
  padding-bottom: 2px;
}

#toutVeterinaryDiets.tout .accentAlt {
  margin-top: -10px;
}

/* Other
--------------------------------------------- */

#tipBar.mid {
  font-size: 13px;
  padding-top: 25px;
}

.midBar div a {
  background: none;
  padding: 0;
}

/* Per-Page Content
--------------------------------------------- */

/* Doing Good */
#doinggood-default .featureBar {
  height: 22px;
  padding: 0;
}

/* Expert Tips */
.reneePhotoQuote {
  float: right;
  width: 227px;
  padding-left: 150px;
  margin-left: -100px;
  background: url(../Images/meetReneeAccentBranch.jpg) no-repeat 30px 0;
}

body#doinggood-experttips .featureContent {
  padding-right: 35px;
}

body#doinggood-experttips .feature .photoAlt {
  padding-right: 45px;
}

/* Do-Gooder Tips */
.tip {
  border-top: 1px dashed #d9d7c7;
  padding: 10px 0;
}

.tipList .first {
  border-top: 0 none;
}

.tip .photo {
  float: left;
}

.tip h2, .tip div, .tip p, .tip blockquote {
  padding-left: 190px;
}

.tip h2 {
  padding-top: 10px;
}

.tip em {
  color: #0096db;
  font-size: 14px;
  text-transform: uppercase;
}

.tip blockquote {
  padding-bottom: 15px;
}

.tip cite {
  display: block;
  padding-top: 5px;
  padding-left: 36px;
  font-style: italic;
}

.tip a.more {
  display: inline-block;
  background: url(../Images/greenStar.jpg) no-repeat;
  padding-left: 32px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 23px;
  color: #1d6300;
}

/* Do-Gooder Tips Pages */
body.doGooderTips #content form {
  padding-right: 70px;
}

body.doGooderTips #content h1 {
  float: left;
  width: 300px;
}
#doinggood-dogoodertips-default #content h1 {
  float: none;
  width: auto;
}

body.doGooderTips #content .moreTips {
  padding: 10px 0 0 350px;
}

body.doGooderTips #content .moreTips a {
  background: none;
  padding: 0 15px 0 0;
}

.sortBox {
  color: #000;
  clear: both;
  zoom: 1;
}

.sortList {
  float: left;
  width: 55%;
  text-align: left;
}

.sortList a {
  background: url(../Images/sortArrowDownHalf.gif) no-repeat 0 50%;
  margin: 0 8px;
  padding: 0 0 0 12px;
  color: #000;
}

.sortList a.active {
  background-image: url(../Images/sortArrowDownFull.gif);
}

.sortBox, .tipList, .tipFormWrap {
  background: url(../Images/chalkLine.gif) no-repeat;
  padding: 20px 0 5px 0;
}

.paging {
  float: right;
  width: 44%;
  margin-top: -3px;
  text-align: right;
}

.paging a {
  background: none;
  padding: 0;
}

.paging img {
  vertical-align: middle;
  padding: 0 3px;
}

.paging input {
  width: 50px;
  padding: 2px 0;
  text-align: center;
}

.tipList dl {
  padding: 1em 0;
}

.tipList dt {
  color: #000;
  padding-bottom: .5em;
}

.tipList dt em {
  color: #1d6300;
  font-size: 11px;
}

.tipList dt span, .tipList dd span {
  padding: 0 4px;
}

.tipList dd {
  padding-bottom: .5em;
  font-size: 11px;
}

.tipList dd span {
  color: #1d6300;
}

.tipList dd.text {
  color: #000;
}

.tipForm {
  background: #edf3e7;
  padding: 10px 15px;
}

.tipForm fieldset {
  clear: both;
  padding: 0;
}

#content .tipForm h4 {
  padding: 0;
}

.tipForm h4 {
  font-weight: bold;
  color: #1d6300;
  text-transform: uppercase;
}

.tipForm p {
  font-size: 11px;
  padding-bottom: 12px;
}

.tipForm input.text {
  width: 230px;
  margin-right: 18px;
}

.tipForm textarea {
  width: 489px;
}

.tipForm em {
  font-style: italic;
}

.tipForm .countInfo {
  display: block;
  float: right;
  width: 25%;
  text-align: right;
  padding: 3px 30px 3px 10px;
}

/* Recycling Efforts */
#doinggood-recyclingefforts #content .copy {
  float: right;
  width: 270px;
}

#doinggood-recyclingefforts #content .accent {
  float: left;
  width: 380px;
  margin-left: -30px;
  padding-top: 20px;
  text-align: center;
}

#doinggood-recyclingefforts blockquote {
  color: #62a217;
  font-size: 18px;
  text-align: left;
  padding: 0 30px 20px 50px;
}

/* Products */
#products-default .featureBar {
  height: 22px;
  padding: 0;
}

#products-default .featureContent {
  padding-left: 20px;
}

#products-default .feature .photo {
  padding-right: 10px;
}

#products-default .feature .photoAlt {
  margin-right: -10px;
}

#products-default #content {
  width: 400px;
}

#content .productStackInfo {
  width: 399px;
  height: 162px;
  background: url(../Images/productsPaperScroll.jpg) no-repeat;
}

#content .productStackInfo ul {
  padding: 24px 20px 0 232px;
  margin: 0;
  color: #486e02;
  font-size: 12px;
}

#content .productStackInfo li {
  list-style: none;
}

.productInfo {
  border-top: 1px dashed #d9d7c7;
  padding: 20px 0;
}

.productList .first {
  border: 0 none;
  padding-top: 0;
}

.productInfo .contentPhoto {
  margin-left: -30px;
}

.productInfo ul {
  padding-left: 160px;
}

.productList .doubleBag ul {
  padding-left: 218px;
}

/* Daily Use */
.usageInfo {
  border-top: 1px dashed #d9d7c7;
  padding: 20px 0;
}

.usageList .first {
  border: 0 none;
  padding-top: 0;
}

/* Health FAQs */
.faqType {
  float: left;
  width: 60%;
}

.faqShow {
  float: right;
  width: 30%;
}

.faqList dl {
  padding: 5px 0;
}

.faqList dl.closed dt {
  background-color: transparent;
}

.faqList dl.closed dd {
  display: none;
}

.faqList dt {
  padding: 3px 10px;
  margin-bottom: 3px;
  background-color: #e3e3d9;
  color: #478da7;
  font-size: 14px;
  cursor: pointer;
}

.faqList dd {
  background-color: #f0efdc;
  color: #565656;
}

.faqList dd span {
  display: block;
  height: 18px;
  padding: 0 10px;
  background: #e5e4ce url(../Images/brownXBox.gif) no-repeat 100% 0;
  color: #8b6837;
  font-size: 14px;
  cursor: pointer;
}

.faqList dd p {
  padding: 15px 20px;
}

/* Litter Box Tips */
#caring-litterboxtips #content h2 {
  padding-bottom: 0;
  font-weight: bold;
}

#caring-litterboxtips #content p {
  padding-bottom: 25px;
}

/* Caring Articles */
body.articles #content h1 {
  padding-bottom: 20px;
}

/* Where to Buy */
#wheretobuy #content .copy {
  padding-right: 160px;
}

#wheretobuy #content .linkList {
  padding-left: 25px;
  padding-bottom: 20px;
}

#wheretobuy #content .icon {
  vertical-align: middle;
}

.retailerList {
  border-top: 1px dashed #d9d7c7;
  padding-top: 20px;
}

#content .retailerList ul {
  float: left;
  width: 45%;
  padding: 20px 0;
  margin-left: 0;
}

#content .retailerList li {
  list-style: none;
}

/* Our Story */
#ourstory #content h1 {
  padding-bottom: 20px;
}

#ourstory #content h2 {
  padding-bottom: 30px;
}

#ourstory #content .copy {
  padding-top: 20px;
  padding-left: 45px;
}

/* Stay Updated (Coupon) */
#couponFormMain .fieldsetList {
  background-color: #f1f0e5;
  padding-top: 20px;
  padding-left: 35px;
  margin-bottom: 20px;
}
#couponFormMain form {
  padding-top: 20px;
  padding-left: 20px;
}
#couponFormMain em {
  font-style: italic;
}
#formInfo {
  float: left;
  width: 200px;
}
#loginInfo {
  float: right;
  width: 375px;
  text-align: right;
}
#couponFormMain .communicationPrefs label {
  color: #1d6300;
}
#couponFormMain .communicationPrefs .choices {
  float: left;
  width: 190px;
}
#couponFormMain .communicationPrefs .choices p {
  padding-bottom: 0;
}
#couponFormMain .communicationPrefs .optout {
  float: right;
  width: 315px;
  padding-right: 40px;
}

/* Login
--------------------------------------------- */

#loginFormMain .fieldsetList {
  background-color: #f1f0e5;
  padding-top: 20px;
  width: 325px;
}
#loginFormMain form {
  padding-top: 20px;
  padding-left: 20px;
}
#loginFormMain em {
  font-style: italic;
}

#loginFormMain .buttonbar {
  padding-top: 20px;
}

/* Site Map */
#sitemap #content h1 {
  padding-bottom: 25px;
}

#sitemap #content .col1 {
  float: left;
  width: 260px;
}

#sitemap #content .col2 {
  float: right;
  width: 260px;
}

#sitemap #content a {
  color: #478da7;
  background: none;
  padding: 0;
}

#sitemap #content ul {
  margin-left: 0;
  padding-bottom: 16px;
}

#sitemap #content ul ul {
  padding-bottom: 0;
}

#sitemap #content li {
  color: #ccdedf;
  padding: 0;
  font-size: 14px;
  line-height: 1.5em;
  list-style: none;
  text-transform: uppercase;
  text-decoration: underline;
}

#sitemap #content li li {
  text-transform: none;
  font-size: 11px;
  padding-left: 16px;
}

/* Search Results */
#searchresults #content h1 {
  padding-bottom: 25px;
}

#searchresults #content h2 {
  padding-bottom: 15px;
  color: #555;
  font-weight: bold;
  text-transform: uppercase;
}

.searchResultsContainer form {
  padding-bottom: 35px;
}

.searchResultsContainer input.text {
  width: 175px;
}

.searchResultsContainer a {
  background: none;
  padding-right: 0;
}

.searchResultList {
}

.searchResult {
  padding-bottom: 15px;
}

#content .searchResult h3 {
  padding-bottom: 0;
  color: #0073ae;
  font-weight: bold;
}

.searchResult p {
  padding-bottom: 0;
  color: #555;
}

.searchResultsPager {
  font-weight: bold;
  color: #555;
}

.searchResultsPager a {
  padding: 0 2px;
  color: #555;
}

/* Error Pages */
body.error-page #content .copy {
  background: url(../Images/wereSorryCatGraphic.jpg) no-repeat;
  margin-left: -25px;
  padding: 30px 20px 0 370px;
  height: 358px;
}