.SiteMap {  border:1px solid black; background-color:white; font-family: verdana; font-size: 10px; padding-left:15px; }

.RootNode { color: black; font-family: verdana;  font-size: 10px; font-weight: bold; padding:7px; padding-bottom:1px; } 
.RootNode a { color: black; text-decoration:none; } 
.RootNode a:hover { color: black; text-decoration:underline; } 

.ParentNode { font-family: verdana; font-size:10px; } 
.ParentNode a { color: black; text-decoration:none; }
.ParentNode a:hover { text-decoration:underline; } 

.LeafNode { color: black; font-family: verdana; font-size:10px; } 
.LeafNode a { color: black; text-decoration:none; } 
.LeafNode a:hover { text-decoration:underline; } 

/* ----- GLOBAL ----- */
body { margin: 0; padding: 0; }

#page { width: 770px; margin: 0 auto; padding: 0; position: relative; }

/* ----- HEADER ----- */
#header { height: 132px; }
#header #nav_top { width: 770px; height: 26px; background: #be1313 url(images/head_nav_bg.gif) top left repeat-x; }
#header #nav_sub { position:absolute; top: 107px; width: 762px; height: 25px; padding-left: 8px; background: #000000 url(images/head_subnav_bg.gif) top left repeat-x; display: block; }

/* ----- CONTENT ----- */
#content { background: url(images/right_col_bg.gif) repeat-y right; display: block; }

#left_col { float: left; width: 564px; padding: 20px 0 10px 15px; display: inline; border-left: #ebe7e6 1px solid;}
#right_col { float: right; width: 180px; padding: 5px; display: inline; }

/* ----- GLOBAL TEXT ----- */
body, p, td, th, textarea, .default { color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; line-height:140%; }

h1 { font-size:1.2em; margin: 5px 0 5px 0; }
h1.dog { color: #990100; background: none; }
h1.cat { color: #197591; background: none; }
h2 { color: #197591;}
h3 { font-size:20px; color: #832f45; font-weight: bold; margin-top: 0; margin-bottom: 5px; }
h4 { font-size:14px; color: #0798a6; font-weight: bold; margin-top: 0; margin-bottom: 10px; }
h5 { font-size:14px; color: #990000; font-weight: bold; margin-top: 0; margin-bottom: 0; }

span { font-size:0.7em; }
/* ----- default link color/behavior ----- */
a:link, a:visited { color:#990000; text-decoration:none; }
a:hover { color:#990000; text-decoration:underline; }

/* ----- New Stuff ----- */
.title { padding: 0; }

.module { border: #999 1px solid; background-color: #ffffff; font-size:0.9em; }
.module p { padding:10px;}
.module_left { border-left: #999 1px solid; }
.module_title { padding: 0 0 0 5px; clear: left; }

.stages { margin: 5px 0 20px 25px; }
.stages li { list-style: outside url(/images/arrow.gif); } 

#stages_menu .subtitle { padding: 10px 0 0 0;}
#stages_menu .photo {float: left; padding: 0 5px 0 0;}
#stages_menu a { background: url(/images/arrow.gif) no-repeat 3px left; padding: 0 0 0 8px; display: inline; }

.link { background: url(/images/arrow.gif) no-repeat 3px left; padding: 0 0 0 8px; display: inline; }

/* Dog and Cat Care page styles */
.Cat, .cat {background-color: #197591;}
.Dog, .dog {background-color: #990100;}
.notice { font-size: .7em; color: #666; padding: 10px; }

/* Online vet page style  */
.vet li {padding: 0 120px 0 0;}
.photo {float: right; padding: 20px 10px 0 0; }
.vet .subtitle {padding: 10px 0 0 10px;}

div.links { padding: 7px 0 15px 7px; }
.list_left, .list_right { background: url(/images/arrow.gif) no-repeat 7px left; padding: 0 0 0 8px; display: inline; width: 250px; margin: 5px 0 0 5px ;}
.list_left { float: left; clear: left; }
.list_right { float: right; }

/* Q&A Archive sections styles */

div.question { border: none; }
.question p { margin: 0 0 0 20px; }
.question .number { position: absolute; left: 17px; font-weight: bold; width: 20px; color: #999; line-height: 1.2em; text-align: right; }

/* 30 DC styles */
td h2 { float: left; padding: 5px 0 0 5px; margin: 0; width: 330px;}
.answer { color: #999; font-style: italic; }
.step { float: left; margin: 0; padding: 0;}
.subhdr { font-weight: bold; color: #b38454; }
div#register.narrow { width: 260px; padding: 10px 10px 0 10px; font-size: 0.8em; color: #666; float: left; }
div.fullwidth { width: 520px; padding: 10px; font-size: 0.8em; color: #666; float: left; border: 1px dotted #CCC; }
div#register .bttn { padding: 15px 0; }    

/* Terms styles */
.terms { font-size: .8em; margin-right:20px;}
.terms li {padding: 0 0 10px 0; }

.terms li ol { list-style-type:lower-alpha; margin-top:8px; }

/* A to Z styles */
.index_link { display: inline; padding: 2px 2px 2px 4px; color: #fff; background-color: #990100; font-weight: bold; font-size: .8em; border-right: 1px solid #fff; align: center; } 
.index_link:visited, .index_link:link { color: #fff; text-decoration: none; }
.AtoZ_white {color: #fff; font-weight: bold; }
.nolinks {margin: 0 0 0 10px; position: relative; top: -20px; color: #666; }

/*homepage styles */
div#content_home { width: 770px; margin: 0; padding: 0; background: #ffffff; }
div#top_row { width: 770px; margin: 0px; padding: 0px; background: #eae7e6; }
div#bottom_row { width: 770px; margin: 0; padding: 0px; background: #eae7e6; vertical-align:top; }

div#content_home2 { width: 770px; margin: 0; padding: 0; background: #ffffff; }
div#top_row2 { width: 770px; margin: 0px; padding: 0px; background: #ffffff; }
div#bottom_row2 { width: 770px; margin: 0; padding: 0px; background: #ffffff; vertical-align:top; }

/* right column panel styles */
div.right_module { background: url(/images/adpanels/right_module_bg.gif) bottom left no-repeat;}
/*div.right_module div.content { padding: 0 12px 15px 15px; font-size: .8em; line-height: 1.5em; color: #777; }*/
div.right_module div.content { padding: 0 0 15px 15px; font-size: .8em; line-height: 1.5em; color: #777; }
div.right_module div.content2 { padding: 0 0 15px 6px; }
div.right_module .button { margin: 2px 0 2px 0; }
div.right_module .link { display: block; padding: 0 0 0 10px; margin: 0 0 2px 0; background-position: 6px left; }

/* general */
.yelborder  { border-color: #D39300; border-width: 1px 1px 1px 1px;  border-style: solid; color:#ffffff; }
.right { float: right; position: relative; display: inline;}

/* cat care guide */
.darkBlueBgk {background-color: #197591;}
.darkYellowBgk {background-color: #999;}
.justForKitten {color:#333333; font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:11px; line-height:100%;}

/* dog care guide */
.darkRedBgk {background-color: #990100;}

/* Library */
.sh {color:#990000; font-weight:bold; }
.shblue {color:#197591; font-weight:bold;}
/* bold text in articles */
.arhead {font-weight:bold;}

/* Challenge - How to */
table.step1 { background: #e7e9e0; text-align: left; }
table.step1 p { background: #ffffff; text-align: left; font-weight: normal; font-size: 11px; }

table.steps { background: #e7e9e0; text-align: left; }
table.steps td.steps_copy { background-color:#FFFFFF; text-align: left; }
table.steps p { margin: 0; padding: 10px 10px 0 0; 0; font-weight: normal; font-size: 11px; }

.signup, .profile, .trackprogress { display:block; position:relative; height:208px; width:179px; }
.signup .button { display:block; position:relative; margin-top:-48px; margin-left:23px; }
.profile .button { display:block; position:relative; margin-top:-57px; margin-left:19px; }
.trackprogress .button { display:block; position:relative; margin-top:-53px; margin-left:19px; }

.home-success { display:block; position:relative; height:209px; width:399px; float:left; }
.home-success .button { display:block; position:relative; margin-top:-55px; margin-left:225px; }

.home-topleft { background: #8d173b; display:block; position:relative; height:377px; width:188px; float:left; }
.home-topleft p { font-size: 9px; line-height: 12px; color: #FFFFFF; margin: 0; padding: 0 15px 0 25px; }
.home-topleft .title { display: block; padding: 15px 0 7px 0; }
.home-topleft .btn_readmore { display: block; padding: 10px 0 0 0; }
.quote { height: 105px; overflow: hidden; }
.quote p { padding-bottom: 10px; }

#challengeFlash { float: left; display:block; width: 582px; height: 377px; background-color:#000000; }
/*#gif { float:left; padding:0; width:582px; height:377px; }*/

.home-bottom { width: 770px; clear:both; display: block; padding: 7px 0 0; font-size: 11px; line-height: 13px; background: #FFFFFF; }
.home-bottom p { margin: 0; padding: 5px 15px; }
.home-bottom ul { margin: 0 0 0 15px; padding: 0 0 0 15px; }
.home-bottom-topic { width: 188px; float: left; margin: 0 6px 20px 0; background: #FFFFFF url(challenge/images/bg_silver.gif) 0 0 repeat-x; }
.home-bottom-topic-right { width: 188px; margin: 0 0 20px 0; float: right; background: #FFFFFF url(challenge/images/bg_silver.gif) 0 0 repeat-x; }

.faq p.an { font-weight:normal; }
.faq p.qu { font-weight:bold; margin-top:10px; }
.faq p.backtop { font-size:10px; }

/* ----- PUSH/PLAY ----- */
.pp-homeleft { width:278px; float:left; background-color:#fff; }
.pp-homeright { padding-right: 20px; width:245px; float:right; background-color:#fff !important; }

.activityideascenter { display:block; background-color:#e3e3e3 !important; width:520px; padding:15px 15px 30px 15px; text-align:center; float:none; margin-top:25px; }
.activityideas { display:block; background-color:#e3e3e3; width:520px; padding:15px 15px 6px 15px; margin-top:25px; }
.activityideas p.smaller { font-size: 0.8em; line-height:normal; margin-bottom:0px; padding-bottom:0px; }

.morepushplay { text-align:center; color:#999; font-size:10px; }
.right-pp { display:block; position:relative; float:right; width:230px; height:393px; text-align:center; } 

ul.pushplay { text-align:left; list-style-image:url(challenge/images/pushplay/icon_paw.jpg); margin-left:25px; margin-right:25px; padding:0; }
ul.pushplay li { padding: 0px 0px 6px 12px; margin: 0; }

/* ----- TELL A FRIEND -------------------------------------------- */
#tell-friend-popup { position: absolute; top: 650px; left: 250px; width: 319px; height: 311px; background: url(images/adpanels/tellFriend_bg.gif) 0 0 no-repeat; display: none; }

.popup-close { position: absolute; top: 5px; left: 265px; font-size: 9px; color: #666; text-decoration: underline; }

#popup-content { margin: 0; padding: 100px 35px 0 23px; color: #666; font-size: 11px; line-height: 140%; }
#popup-content p { margin: 0; padding: 0 0 10px; color: #666; font-size: 11px; line-height: 140%; }

#tell-friend-consent { margin-top: 40px;  color: #FFFFFF; }
#tell-friend-consent label { margin: 0; font-size: 10px; }
#tell-friend-consent img { padding-top: 5px; }

/* ----- TOOLS ----- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }
.clearfix { zoom:1; /* Just for IE7 */ }

/* ----- PNG Transparency ----- */
/* ie5.5-6.x style */
.trans-png,               /* the * element selector gives it a little more weight */     
#container *.trans-png         /* id=body will solve all problems once and for all */
{
background-image: expression ( this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + ( this.tagName=='IMG' ? this.src : this.currentStyle.backgroundImage.split('\"')[1]) + ")", this.runtimeStyle.backgroundImage = "none", this.src = "/images/transparent.png"); }
.artext {
font-size:11px;
}
.arhead {
font-size:12px;

}

menu {
	font-size:10px;
}

.sh {
	font-size:14px; padding-bottom: 10px;
}

.arsubhead {
	font-weight:bold;
font-size:11px;

}
.arsubsubhead {
font-size:11px;
color:#000;
}