#aboutOne a{
  background-image:url(/images/2010/nav/about-one.gif);
  width:106px;
}

#catCare a{
  background-image:url(/images/2010/nav/cat-care.gif);
  width:93px;
}

#catStories{
  background-image:url(/images/2010/buttons/more-cat-white.gif);
  float:left;
}

#catStories,#dogStories{
  display:block;
  height:33px;
  margin:0 0 1em;
  overflow:hidden;
  text-indent:-10000px;
  width:164px;
}

#challenge a{
  background-image:url(/images/2010/nav/30DC.gif);
  width:150px;
}

#content{
  background-image:url(/images/2010/content-bg.gif);
  border-left:1px solid #EBE7E6
}

#documentSize{position:relative;width:770px;text-align:left;margin:0 auto;}

#dogCare a{
  background-image:url(/images/2010/nav/dog-care.gif);
  width:99px;
}

#dogStories{
  background-image:url(/images/2010/buttons/more-dog-white.gif);
  float:right;
}

#faq a{
  background-image:url(/images/2010/nav/faq.gif);
  width:53px;
}

#fileUpload font,#fileUpload br,#fileUpload img{
  display:none;
  float:left;
}

#fileUpload input { width:226px; }

#footerNav{
  padding:10px 5px 2px 18px;
  text-transform:lowercase;
}

#footerNav li{
  border-right:1px solid #6F4D44;
  font-size:78%;
  line-height:110%;
}

#footerNav li a{
  color:#AFAFAF;
  display:block;
  padding:0 5px 0;
  text-decoration:none;
}

#footerNav li a:hover{color:#CCC;}

#how a{
  background-image:url(/images/2010/nav/how.gif);
  width:95px;
}

#leftCol{
  display:inline;
  float:left;
  margin:23px 0 20px 20px;
  width:539px;
}

#onlineVet a{
  background-image:url(/images/2010/nav/online-vet.gif);
  width:106px;
}

#paginationControl{margin:0 auto;}

#petDetails th,#petDetails td{
  text-align:left;
  vertical-align:top;
}

#petspace a{
  background-image:url(/images/2010/nav/petspace.gif);
  width:90px;
}

#products a{
  background-image:url(/images/2010/nav/products.gif);
  width:96px;
}

#purinaFooter{
  background-color:#000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:small;
  height:50px;
  margin:0;
  padding:0px;
  width:770px;/* Change or remove width*/
}

#purinaFooter #copyright{
  clear:left;
  font-size:78%;
  padding-left:23px;
/*  text-align:center;
*/}

#purinaFooter #footerContent{
  color:#AFAFAF;
  float:left;
  width:440px;
}

#purinaFooter #footerLogo{
  float:right;
  height:30px;
  margin:0 23px 0 0;
  text-align:right;
  width:182px;
}

#push a{
  background-image:url(/images/2010/nav/push-play.gif);
  width:113px;
}

#register a{
  background-image:url(/images/2010/nav/register.gif);
  width:76px;
}

#rightCol{float:right;padding:0 0 13px;width:191px;}

#rightCol a, #rightCol .inToWin {display:block;margin:13px 0 0 7px;}

#stories, .success{
  background:#e7e9e0 url(/images/2010/stories-pawprint.gif) no-repeat;
  clear:left;
  float:left;
  padding:24px 22px;
  width:534px;
}

#stories h2, .success h2 {
  color:#323131;
  margin:0 0 7px;
}

#stories .heroes {
  float:left;
  width:172px;
  margin:0 3px 20px 0;
}

#stories .heroes p {
  margin:0 14px 1em;
  font:bold 10px Verdana, Arial, Helvetica, sans-serif;
  color:#323131;
}

#stories #storyLinks {
  background:url(/images/2010/story-links-bg.gif) repeat-y;
  clear:both;
}

.dottedDiv {
  clear:both;
  margin:0 7px 1em;
  height:1px;
  font-size:1px;
  background:url(/images/2010/hr-bg.gif) repeat-x;
  border:none;
  background-color:none;
  color:none;
  padding:0;
}

#stories #storyLinks .btn {
  margin:9px;
}

#stories #cats,#stories #dogs{
  float:left;
  width:259px;
  background-color:#FFF;
}

#stories #cats {
  margin: 0 5px 0 0;
}

#stories h2, .success h2 {
  display:block;
  margin:0;
  background-color:#870029;
  background-image:url(/images/2010/story-h2-bg.gif);
  background-repeat:no-repeat;
  font:bold 16px/32px Georgia, "Times New Roman", Times, serif;
  vertical-align:middle;
  color:#FFF;
  padding:0 20px;
}

#stories h2.first { 
  background-image:none;
  color:#323131;
  background-color:transparent;
  line-height:normal;
  font-size:14px;
  position:relative;
  top:-5px;
  font-family:Verdana, Geneva, sans-serif;
}

#stories .petStoryAbstract{
  float:left;
  margin:9px 0 1em 6px;
  width:138px;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#333;
}

#stories .petStoryAbstract p {
  margin:0;
}

#stories h3 {
  margin:0;
  font-size:11px;
  text-transform:uppercase;
}

#stories .petStoryPhoto{
  float:left;
  margin:9px 0 1em 7px;
}

#stories .petStoryPhoto img {
  border:1px solid #CCC;
}

#submitStory{
  float:left;
  padding:7px 0 0;
}

#submitStory a {
  width:142px;
  height:26px;
  display:block;
  background-image:url(/images/2010/buttons/submit-story.gif);
  overflow:hidden;
  text-indent:-10000px;
}

#subNav{background:#000;height:25px;margin:0;padding:0;}

#subNav li{margin:0 4px 0 0;}

#subNav li a{
  background-position:top;
  display:block;
  height:25px;
  overflow:hidden;
  text-indent:-10000px;
}

#subNav li.sel a{background-position:50%;}

#success a{
  background-image:url(/images/2010/nav/success.gif);
  width:107px;
}

#successButtons{clear:both;margin:1em 0 0;}

#successPanels{margin:2em 0 0 68px;width:404px;}

#successPanels #couscous div a,#successPanels #churchill div a,#stories.petStoryAbstract a,a.more{
  background-image:url(/images/bullet-arrow.gif);
  background-position:3px 3px;
  background-repeat:no-repeat;
  font-weight:bold;
  padding-left:10px;
  text-decoration:none;
}

#successPanels #couscous div a:hover,#successPanels #churchill div a:hover,a.more:hover{
  text-decoration:underline;
}

#successPanels #couscous,.emailFormat{float:left;}

#successPhoto{float:right;margin:0 0 1em 1em;}

#successPhoto{
  margin:0 0 1em 10px;
  padding:0;
  background-image:url(/images/2010/success-photo-top.gif);
  width:204px;
}

#successPhoto div {
  background:url(/images/2010/success-photo-bot.gif) bottom no-repeat;
  padding:7px 7px 14px 18px;
}

#tafPopup{
  background-image:url(/images/2010/bg-taf.gif);
  background-repeat:no-repeat;
  display:none;
  font-size:12px;
  height:272px;
  padding:36px 38px 11px 27px;
  position:absolute;
  right:185px;
  top:166px;
  width:262px;
}

#tafPopup #btnTaf{
  background-image:url(/images/2010/buttons/send-email.gif);
  display:block;
  height:31px;
  margin:0;
  overflow:hidden;
  text-indent:-10000px;
  width:124px;
}

#tafPopup #tafClose{
  position:absolute;
  right:25px;
  top:5px;
  font-size:9px;}

#tafPopup #tafForm{left:31px;position:absolute;top:245px;}

#tafPopup #tafForm label{
  color:#FFF;
  display:block;
  font-weight:normal;
  margin:0 0 5px;
}

#tafPopup h2{
  height:54px;
  margin:0 0 12px;
  overflow:hidden;
  text-indent:-10000px;
  width:262px;
}

#topNav{
  background-image:url(/images/2010/nav/head_nav_bg.gif);
  height:26px;
}

#topNav li a{
  background-position:top;
  display:block;
  height:26px;
  overflow:hidden;
  text-indent:-10000px;
}

#topNav li a:hover,#subNav li a:hover{
  background-position:bottom;
}

#wideCol{
  background-color:#FFF;
  padding:23px 20px 20px;
  width:728px;
  border-right:1px solid #EBE7E6
}

.area{border:1px solid #408d95;height:19px;width:50px;}

select.area{height:23px;width:53px;}

.buttonRow{padding:20px 0;text-align:right;}

.clear{clear:both;display:block;font-size:1px;height:1px;}

.descript,.legend div{clear:both;}

.emailFormat label{
  display:block;
  float:none;
  font-weight:normal;
}

.formRow{clear:both;padding:10px 0 0;}

.formRow label{
  color:#666;
  float:left;
  font:bold 12px Verdana,Arial,Helvetica,sans-serif;
  width:215px;
  margin:0 10px 0 0;
  line-height:21px;
  vertical-align:middle;
}

.formRow label.checkbox{width:457px;font:normal 10px Verdana, Arial, Helvetica, sans-serif;color:#444;}

.formRow label.small {
  font:normal 10px Verdana, Arial, Helvetica, sans-serif;
  color:#444444
}

.formRow p.small{color:#444;}

.legend{float:right;margin:15px 0 0;}

.legend .completed{
  background-color:#3EBFE5;
  float:left;
  height:10px;
  margin:2px 5px 0 0;
  width:10px;
}

.legend .inProgess{
  background-color:#333;
  float:left;
  height:10px;
  margin:2px 5px 0 0;
  width:10px;
}

.legend .notStarted{
  background-color:#848484;
  float:left;
  height:10px;
  margin:2px 5px 0 0;
  width:10px;
}

.panels{
  clear:both;
  margin-right:-10px;
  padding:2em 0;
  width:549px;
}

.panels .panel{
  background-image:url(/images/2010/panel-bg.jpg);
  float:left;
  height:250px;
  margin:0 0 0 4px;
  padding:23px 18px;
  position:relative;
  width:234px;
}

.panels .panel #petspaceButton{
  background-image:url(/images/2010/petspace-buttons-bg.gif);
  bottom:0;
  height:69px;
  left:0;
  position:absolute;
  width:270px;
}

.panels .panel #petspaceButton a{
  bottom:23px;
  position:absolute;
  right:18px;
}

.panels .panel h2{color:#9c0101;font-size:18px;margin:0 0 .5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

div.petCount { float:left; }

label.petCount { font-weight:normal; font-size:11px; color:#444; }

div.petCount td{padding:0 15px 0 0;}

.phone{border:1px solid #408d95;height:19px;width:167px;}

.registerForm{
  border:1px solid #408d95;
  height:19px;
  width:226px;
}

.story{clear:both;margin:9px 0 0;}

.story .storyAbstract{float:left;width:418px;margin:0 0 9px;}

.story .storyAbstract p { margin:0; }

.story .storyPhoto{
  float:left;
  margin:0 10px 9px 0;
}

.storyWrapper {
  padding:1px 10px 12px;
  background-color:#FFF;
}

.story .storyPhoto img {
  border:1px solid #CCC;
}

a img,#rightCol a img{border:none;}

a,.req{color:#900;}

body{
  background-color:#FFF;
  color:#444;
  font:11px Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  padding:0;
  text-align:center;
}

form h4{
  color:#666;
  font:bold 12px Verdana,Arial,Helvetica,sans-serif;
  margin:2em 0 1em;
}

form h4.disclaim{font-style:italic;margin:0;}

#survey h4 {
  margin-left:20px;
  text-indent:-20px;
}

form .section{background-color:#fafaf5;padding:0 40px 10px;}

h1{
  color:#832f45;
  font:normal 24px Georgia, "Times New Roman", Times, serif;
  margin:0 0 1em 0;
}

h1#step1{background-position:right 0px;}

h1#step2{background-position:right -40px;}

h1#step3{background-position:right -80px;}

h1#step4{background-position:right -120px;}

h1#step5{background-position:right -160px;}

h1#step6{background-position:right -200px;}

h1.reg{
  background-image:url(/images/2010/hd-reg-bg.gif);
  background-repeat:no-repeat;
  width:280px;
}

h1.storyIndex { margin:0; }

h2{
  color:#0798A6;
  font:bold 14px Verdana,Arial,Helvetica,sans-serif;
  margin:0 0 1em;
}


h2.reg {
  text-indent:-10000px;
  background-position:top left;
  background-repeat:no-repeat;
}

h2.reg#getSignedUp {
  width:323px;
  height:41px;
  background-image:url(/images/2010/headings/h2/step1.gif);
}

h2.reg#aboutPets {
  width:250px;
  height:18px;
  background-image:url(/images/2010/headings/h2/about.gif);
}

h2.reg#joiningUs {
  width:313px;
  height:18px;
  background-image:url(/images/2010/headings/h2/step3.gif);
}

h2.reg#petWellbeing {
  width:343px;
  height:19px;
  background-image:url(/images/2010/headings/h2/step4.gif);
}

h2.reg#feedingHabbits {
  width:239px;
  height:17px;
  background-image:url(/images/2010/headings/h2/step5.gif);
}

h2.reg#finalDetails {
  width:174px;
  height:13px;
  background-image:url(/images/2010/headings/h2/step-6.gif);
}

h2.scorecard#postChallenge {
  width:425px;
  height:14px;
  background:url(/images/2010/headings/h2/post-challenge.gif) top left no-repeat;
  overflow:hidden;
  text-indent:-10000px;
  margin:0 0 1em;
}

h2#progress{
  background-image:url(/images/2010/checklist-progress-bar.gif);
  background-repeat:no-repeat;
  color:#0998C0;
  margin:0 0 13px;
  padding-bottom:18px;
  width:174px;
}

h2.scorecard{margin:0;}

h2.step0{background-position:-176px 100%;}

h2.step1{background-position:-154px 100%;}

h2.step2{background-position:-132px 100%;}

h2.step3{background-position:-110px 100%;}

h2.step4{background-position:-88px 100%;}

h2.step5{background-position:-66px 100%;}

h2.step6{background-position:-44px 100%;}

h2.step7{background-position:-22px 100%;}

h2.step8{background-position:0 100%;}

h2.storyIndex {
  background-image:url(/images/2010/headings/h2/story.gif);
  overflow:hidden;
  text-indent:-10000px;
  width:220px;
  height:12px;
  margin:0 0 2em;
}
form h3{
  background-color:#E2F4FF;
  border-top:1px solid #016BAC;
  color:#408D95;
  font:bold 12px Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  height:39px;
  background-position:39px 13px;
  background-repeat:no-repeat;
  text-indent:-10000px;
}

form h3#regSubheading { background-image:url(/images/2010/headings/h3/register.gif); }
form h3#regForgot { background-image:url(/images/2010/headings/h3/forgot.gif); }
form h3#regAbout { background-image:url(/images/2010/headings/h3/about.gif); }
form h3#regCurrentHealth { background-image:url(/images/2010/headings/h3/current-health.gif); }
form h3#regCatRelationship { background-image:url(/images/2010/headings/h3/cat-relationship.gif); }
form h3#regDogRelationship { background-image:url(/images/2010/headings/h3/dog-relationship.gif); }
form h3#regFinalDetails { background-image:url(/images/2010/headings/h3/final-details.gif); }
form h3#yourStory { background-image:url(/images/2010/headings/h3/your-story.gif); }
p{margin:0 0 1em;}

p.small{
  color:#999;
  font:10px Verdana,Arial,Helvetica,sans-serif;
}

select.registerForm{
  width:229px;
  line-height:19px;
  height:23px;
}

table.checklist{
  font:bold 11px Verdana,Arial,Helvetica,sans-serif;
  width:540px;
}

table.checklist td{
  border-bottom:2px solid #FFF;
  padding:10px 0 10px 10px;
  vertical-align:middle;
}

table.checklist td.status{
  border-left:1px dotted #FFF;
  text-align:center;
  width:113px;
}

table.checklist td.status a{
  background-image:url(/images/2010/status-arrow.gif);
  background-position:100% 50%;
  background-repeat:no-repeat;
  color:#3EBFE5;
  font:normal 11px Verdana,Arial,Helvetica,sans-serif;
  padding-right:10px;
  text-decoration:none;
}

table.checklist td.stepDescript{width:375px;}

table.checklist td.stepNumber{
  text-align:center;
  width:22px;
}

table.checklist td.stepNumber div{
  color:#FFF;
  height:22px;
  line-height:20px;
  vertical-align:middle;
  width:22px;
}

table.checklist tr.complete{color:#109FC9;}

table.checklist tr.complete td.stepNumber div{
  background-color:#3EBFE5;
}

table.checklist tr.complete,table.checklist tr.inProgress{
  background-color:#CCEEF1;
}

table.checklist tr.inProgress{color:#333;}

table.checklist tr.inProgress td.stepNumber div{
  background-color:#333;
}

table.checklist tr.notStarted{
  background-color:#D5D5D5;
  color:#848484;
}

table.checklist tr.notStarted td.stepNumber div{
  background-color:#848484;
}

table.scorecard{background-color:#e2f4ff;}

table.scorecard #totalDiv{
  float:left;
  line-height:26px;
  vertical-align:middle;
}

table.scorecard tbody td{
  border-bottom:2px solid #FFF;
  border-right:2px solid #FFF;
  color:#016CAD;
  font:bold 12px/16px Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  padding:10px;
  text-align:left;
  vertical-align:top;
}

table.scorecard tbody td label{
  border:none;
  clear:both;
  color:#016cad;
  display:block;
  font:normal 11px/13px Verdana,Arial,Helvetica,sans-serif;
  height:13px;
  margin:0 0 1em;
  padding:0;
}

table.scorecard tbody td label input,table.scorecard #updateSurveyForm,#successPanels #churchill{
  float:right;
}

table.scorecard tbody td label span{
  display:block;
  float:left;
  width:180px;
}

table.scorecard tbody td label span.hanging {
  width:165px;
  margin-left:15px;
  text-indent:-15px;

}

table.scorecard tbody td.select,.pagination{
  text-align:center;
}

table.scorecard tfoot td{
  background-color:#016cad;
  color:#FFF;
  font:bold 12px/16px Verdana,Arial,Helvetica,sans-serif;
  padding:10px 10px;
  text-align:left;
  vertical-align:middle;
}

table.scorecard tfoot td#totalCell{
  border-right:2px solid #FFF;
}

table.scorecard th{
  background-color:#016CAD;
  border-bottom:2px solid #FFF;
  border-right:2px solid #FFF;
  color:#FFF;
  font:bold 12px/16px Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  padding:18px 10px 10px;
  text-align:left;
  vertical-align:top;
}

table.scorecard td.first {
  background-color:#C5E8FD;
}

table.survey td{
  background-color:#E2F4FF;
  border-bottom:2px solid #FFF;
  border-left:2px solid #FFF;
  border-right:2px solid #FFF;
  color:#006AAB;
  padding:5px;
  vertical-align:top;
}

table.survey td.select{
  border-left:none;
  padding:5px 0;
  text-align:center;
  vertical-align:middle;
}

table.survey th{
  border-bottom:2px solid #FFF;
  color:#666666;
  padding:10px 5px;
  vertical-align:bottom;
}

textarea#message{height:100px;}

textarea#story{height:70px;}

ul.nav{margin:0;padding:0;}
/*
ul.top { border-bottom:2px solid #bd1010; }
*/
ul.nav li{
  display:block;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
}

.errorMessageBG {
  background-color:#990000;
  margin:1em 0;
  padding:1em 15px;
}

.errorMessageBG a {
  color:#FFF;
}

.errorMessageBG ol {
  margin:0;
  padding:0;
  color:#FFF;
  list-style:none;
}

.errorMessageBG ol li {
  margin:0 0 .5em;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#breedDetails {
  width:220px;
  float:right;
}

.relRow { position:relative; }

#addressList {
  position:absolute;
  left:286px;
  background-color:#FFF;
  border:1px solid #408D95;
  border-top:none;
  width:220px;
  overflow:auto;
  padding:3px;
  display:none;
  max-height:300px;
}

#addressList div {
  margin:5px 0;
  cursor:pointer;
}

#addressList div.selAddress {
	background-color:#0000FF;
}

.pagination { margin:7px 0 0;float:right; }

.pagination table { float:right; }

.pagination a {
  text-decoration:none;
}

.pagination td {
  height:26px;
  vertical-align:middle;
}

.success .story {
  background-color:#FFF;
  padding:16px 10px 35px;
}

.successStory {
  padding:5px 0 1em;
}

#successButtons a {
  float:left;
  display:block;
  height:26px;
  overflow:hidden;
  text-indent:-10000px;
  margin:0 16px 0 0;
  background-repeat:no-repeat;
  width:143px;
}

#moreCats {
  background-image:url(/images/2010/buttons/more-cat.gif);
}

#moreDogs {
  background-image:url(/images/2010/buttons/more-dog.gif);
}

#successButtons #submitStory {
  background-image:url(/images/2010/buttons/submit-story.gif);
}

.success .story { margin:0; }

.success {
  min-height:470px;
}

h1.emptyContent {
  margin:0;
}

.optinRow {
  clear:both;
  padding:10px;
  background-color:#F4FBFF;
  border:1px dashed #0A0A0A;
  margin:20px 0 0 40px;
  width:455px;
}

.optinRow label.optin {
  float:left;
  font-weight:normal;
  font:normal 10px Verdana, Arial, Helvetica, sans-serif;
  width:415px;
}

.optinRow input {
  float:left;
  margin:0 5px 0 0;
}

form h4.password {
  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
  color:#408D95;
  margin:2em 0 0;
}

table.dottedTable {
  border:1px dashed #666;
  background-color:#FAFBF6;
  margin:0 0 1em 0;
  color:#666;
}

table.dottedTable .formLabel {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.smallLabel { font-size:9px; }

table.reportTable {
  border:solid #B93938 1px;
}

table.reportTable thead {
  background-color:#B93938;
  color:#FFF;
}

table.reportTable td, table.reportTable th {
  text-align:center;
}

table.reportTable .sectionTitle {
  font-weight:bold;
  background-color:#D8C0AD;
}

table.reportTable tr.row0 {
  background-color:#EFDEDE
}

table.reportTable tr.row1 {
  background-color:#FFF;
}

table.reportTable tr.total td {
  font-weight:bold;
}

#viewValue { display:none; }

h2#period { display:none; }

p.closed {
  border-color:#BF1A18;
  border-style:solid;
  border-width:1px 0;
  padding:10px 20px;
  background-color:#FFCCCB;
  color:#BF1A18;
  font-weight:bold;
}

p.closed a { color:#BF1A18; }