@charset "UTF-8";
/* CSS Document */

/* 
Toki Poki


*/

html	{
background:#f8eee5 url(../images/bg_page.jpg) repeat-x;
}

body  {
background:url(../images/shadow_header.jpg) no-repeat center 201px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5b504a;
line-height:15px;
margin:0;
padding:0;
}

p  {
margin:0 0 14px 0;
padding:0;
}

a  {
color:#5b504a;
text-decoration:underline;
}
a:hover  {
text-decoration:none;
}
a:focus {
outline:none;
}

a img	{
border:0;
}

div, span  {
margin:0;
padding:0;
}

#homeRandomCards
{
	border-collapse:collapse;
}

.homeRandomCards-wide
{
	margin-left:16px;
}


#homeRandomCards td.pet-card-tall
{
	position:relative;
	width:116px;
	height:146px;
	vertical-align:center;
	text-align:center;
}

#homeRandomCards td.pet-card-wide
{
	position:relative;
	width:159px;
	height:116px;
	vertical-align:center;
	text-align:center;
}

#homeRandomCards .pet-card-popout-holder
{
	position:relative;
/*	height:190px;*/
}

#homeRandomCards .pet-card-popout-holder .pet-card-popout
{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}

#homeRandomCards .pet-card-popout-holder:hover .pet-card-popout
{
	display:block;
	z-index:1000;
}

#homeMascotCards
{
	margin:25px auto 0 auto;
	border-collapse:collapse;
}

#homeMascotCards td.pet-card
{
	position:relative;
	padding-bottom:16px;
	text-align:center;
	padding-left:12px;
	padding-right:12px;
}

#homeMascotCards .pet-card-popout-holder .pet-card-popout
{
	display:none;
	position:absolute;
	right:-15px;
	top:0px;
}

#homeMascotCards .pet-card-popout-holder:hover .pet-card-popout
{
	display:block;
	z-index:1000;
}

#homeMascotCards .mascot-link
{
	padding-bottom:6px;
	text-align:center;
	white-space:nowrap;
}

#homeMascotCards .mascot-link a
{
	font-family:Georgia;
	font-size:11px;
	color:#033;
	text-decoration:none;
}

#homeMascotCards .mascot-link a:hover
{
	text-decoration:underline;
}

form  {
margin:0;
padding:0;
}
input, textarea   {
margin:0;
color:#5b504a;
}


ul, ol  {
margin:0;
padding:0;
margin:0 25px 10px 25px;
}
li  {
margin:0;
padding:0;
}


/*  */

.pageWidth	{
width:944px;
margin:0 auto;
}

#signUpFree	{
position:absolute;
height:41px;
width:100%;
margin-top:198px;
background:url(../images/bg_signup.jpg) no-repeat center;
}
#signUpFree div div	{
padding:10px 0 0 230px;
color:#2b1612;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
letter-spacing:0.3px;
}
#signUpFree div div p	{
display:inline;
color:#c93027;
font-weight:bold;
padding:0 0 0 10px;
margin:0;
}
#signUpFree div div span	{
color:#c93027;
font-size:10px;
margin-right:30px;
font-family:verdana,arial,sans-serif;
font-weight:normal;
}

#signUpFree div div a	{
/*background:url(../images/border_dots.gif) repeat-x bottom left;*/
text-decoration:none;
color:#003333;
padding:0 2px 0 2px;
}
#signUpFree div div a:hover	{
/*background:none;*/
text-decoration:underline;
/*color:#006600;*/
}


.header	{
height:230px;
background:url(../images/logo_tokipoki_feet.gif) no-repeat 0 170px;
}

.header #logo	{
position:absolute;
margin-top:7px;
}

#signedIn	{
position:absolute;
width:398px;
padding-top:0px;
height:72px;
padding-bottom:8px;
margin:16px 0 0 470px;
background:url(../images/login-background.jpg) no-repeat;

color:#C93027;
padding-left:7px;
padding-right:40px;
font-family:Georgia;
font-size:13px;
text-align:center;
line-height:72px;
}

#signedIn a
{
	color:#2A494A;
	text-decoration:underline;
}

#signedIn a:hover
{
	color:#c93027;
	text-decoration:underline;
}

#signIn	{
position:absolute;
width:420px;
height:80px;
margin:16px 0 0 470px;
background:url(../images/login-background.jpg) no-repeat;
font-family:Verdana,Arial;
}

#signInSoon	{
position:absolute;
margin:16px 0 0 470px;
}

#signIn #remember	{
font-size:9px;
padding-left:105px;
}

#signIn #remember label	{
display:block;
float:left;
cursor:pointer;
margin-top:20px;
}

#signIn #remember label input {
vertical-align:middle;
}

#signIn #remember span	{
display:block;
float:left;
margin-left:32px;
margin-top:20px;
}
#signIn #remember span a	{
/*background:url(../images/border_dots.gif) repeat-x bottom left;*/
text-decoration:none;

}
#signIn #remember span a:hover	{
/*background:none;*/
text-decoration:underline;
}
#signIn #details	{
clear:both;
padding-top:4px;
}

#signIn #details .member	{
display:block;
float:left;
width:90px;
color:#c93027;
text-align:right;
margin-right:10px;
padding-top:4px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
}

#signIn #details input	{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:104px;
margin-right:8px;
}
#signIn #details input.buttonLogin	{
width:58px;
height:26px;
background:url(../images/button_login.gif) no-repeat;
border:0;
margin-top:-2px;
}
#signIn #details input.buttonLogin:hover	{
background-position:0 -26px;
cursor:pointer;
}

#joinNow	{
position:absolute;
width:390px;
height:40px;
margin:100px 0 0 470px;
text-align:right;
color:#2b1613;
font-family:verdana,helvetica,sans-serif;
font-size:10px;
}

#joinNow a {
color:#2b1613;
font-family:verdana,helvetica,sans-serif;
font-size:10px;
color:#003333;
text-decoration:none;
}

#joinNow a:hover {
color:#2b1613;
font-family:verdana,helvetica,sans-serif;
font-size:10px;
text-decoration:underline;
}


#navTop	{
position:absolute;
width:900px;
margin:175px 0 0 130px;
color:#c93027;
text-align:left;
font-family:Arial,Verdana;
font-size:12px;
}
#navTop div	{
padding-right:10px;
}
#navTop a	{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-decoration:none;
padding:0px 12px; 
}
#navTop a:hover	{
color:#ff6666;
}

#homeCards	{
width:780px;
/*height:238px;*/
height:100%;
margin:0px 0 0 45px;
}

#charterSignup	{
width:780px;
/*height:238px;*/
height:100%;
margin:30px 0 0 82px;
}

#charterSignupText {
width:430px;
height:100%;
margin:0px 0 20px 0px;
text-align:left;
}

#charterSignupText strong {
color:#47322c;
}

#charterSignupText span {
color:#c93027;
}

#charterSignupText ul li {
margin-top:8px;
margin-bottom:8px;
}

#charterSignupText ul ul li {
margin-top:0px;
margin-bottom:0px;
}

#charterSignupPix {
width:260px;
height:100%;
margin:-400px 0 10px 470px;
}

#charterSignupPix img {
padding:10px;
}

#charterSignup div form {
margin-left:60px;
}

#charterSignup div ul {
margin-left:30px;
}

#charterSignup div form fieldset legend {
font-family:Georgia;
font-size:16px;
color:#c93027;
}

#charterSignup div form fieldset a {
font-size:14px;
font-size:16px;
font-weight:bold;
}

#charterSignup div form #agree_terms {
margin-right:3px;
margin-left:-20px;
}

#charterSignup #return-link
{
margin-top:-35px;
margin-bottom:20px;
}

#charterSignup #return-link a
{
color: #2a494a;
text-decoration: none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#charterSignup #return-link a:hover
{
text-decoration: underline;
}

#charterAgree {
text-align:justify;
}


#charterAgree label {
font-weight:normal;
line-height:15px;
font-size:12px;
text-align:justify;
color:#003333;
}

#charterSignup div form #submit-btn {
margin-left:200px;
width:100px;
height:30px;
font-weight:bold;
font-size:16px;
font-family:Georgia,serif;
color:#c93027;
text-transform:uppercase;
}

#charterSignup div #charterAgree {
width:500px;
margin-left:80px;
}

a.joinCard {
display:block;
width:260px;
height:364px;
margin-top:40px;
background-image:url(../images/join-regular.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

a.joinCard span {
visibility:hidden;
}

a.joinCard:hover, a.joinCard.join-card-rotate {
background-position:0 -364px;
text-decoration:none;
}

a.joinCardMemorial {
display:block;
width:260px;
height:364px;
background-image:url(../images/join-memorial.jpg);
background-repeat:no-repeat;
text-decoration:none;
margin-top:50px;
}
a.joinCardMemorial span {
visibility:hidden;
}
a.joinCardMemorial:hover, a.joinCardMemorial.join-card-rotate {
background-position:0 -364px;
text-decoration:none;
}

a.joinCardBusiness {
display:block;
width:260px;
height:364px;
margin-top:-10px;
margin-bottom:0px;
background-image:url(../images/join-btc.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

a.joinCardBusiness span {
visibility:hidden;
}

a.joinCardBusiness:hover, a.joinCardBusiness.join-card-rotate {
background-position:0 -364px;
text-decoration:none;
}

a.joinCardBlogger {
display:block;
width:260px;
height:364px;
margin-top:-80px;
margin-bottom:60px;
background-image:url(../images/join-bloggers.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

a.joinCardBlogger span {
visibility:hidden;
}

a.joinCardBlogger:hover, a.joinCardBlogger.join-card-rotate {
background-position:0 -364px;
text-decoration:none;
}

a.joinRacingCard {
display:block;
width:260px;
height:364px;
margin-top:-25px;
margin-bottom:10px;
background-image:url(../images/join-racing.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

a.joinRacingCard span {
visibility:hidden;
}

a.joinRacingCard:hover, a.joinCardRacing.join-card-rotate {
background-position:0 -364px;
text-decoration:none;
}

a.ollie {
display:block;
width:260px;
height:359px;
background-image:url(../images/ollie.jpg);
background-repeat:no-repeat;
text-decoration:none;
margin-top:70px;
}
a.ollie span {
visibility:hidden;
}
a.ollie:hover, a.ollie.join-card-rotate {
background-position:0 -359px;
text-decoration:none;
}

#infoPanels	{
margin-top:30px;
padding-top:33px;
padding-bottom:41px;
background:url(../images/bg_panels_mid.png);
margin-bottom:20px;
position:relative;
width:980px;
margin-left:auto;
margin-right:auto;
}

#infoPanels-top
{
position:absolute;
left:0;
top:0;
}

#infoPanels-bottom
{
position:absolute;
left:0;
bottom:31px;
}

#infoPanels img	{
position:absolute;
}
#infoPanels #basket	{
margin-left:193px;
}
#infoPanels #cat	{
margin-left:521px;
}
#infoPanels #browse	{
position:absolute;
left:845px;
top:-30px;
}

.smallHeading
{
	font-size:13px;
}

#infoPanels div div.heading	{
width:280px;
color:#2b1612;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
border-bottom:1px solid #c93027;
padding-bottom:3px;
margin-bottom:12px;
}
#infoPanels div div.heading strong	{
font-size:18px;
}

#infoPanels div form input	{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:104px;
margin-right:8px;
}

#infoPanels div form input.buttonGo	{
width:34px;
height:26px;
background:url(../images/button_go.png) no-repeat;
border:0;
margin-top:-2px;
}

#infoPanels div form input.buttonGo:hover	{
background-position:0 -26px;
cursor:pointer;
}

#infoPanels div p	{
clear:both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:14px;
text-align:justify;
margin:0;
padding-top:8px;
}

#infoPanels div p a	{
clear:both;
font-size:9px;
line-height:14px;
text-align:justify;
margin:0;
padding-top:8px;
text-decoration:none;
font-family:Verdana, Helvetica, Sans-Serif;
color:#003333;
}

#infoPanels div p a:hover	{
clear:both;
font-size:10px;
line-height:14px;
text-align:justify;
margin:0;
padding-top:8px;
text-decoration:underline;
font-family:Verdana, Helvetica, Sans-Serif;
font-size:9px;
color:#003333;
}

#infoPanels #products	{
position:relative;
float:left;
width:295px;
margin-top:16px;
margin-left:30px;
padding-bottom:30px;
}

#infoPanels #products div.heading {
width:276px;
margin-left:17px;
}

#infoPanels #products #products-dog-image {
position:absolute;
left:70px;
top:90px;
}

#infoPanels #products p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:black;
line-height:18px;
padding-left:19px;
text-align:left;
margin-top:-10px;
margin-bottom:10px;
}

#infoPanels #services	{
position:relative;
float:left;
width:275px;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:16px;
margin-left:20px;
}

#infoPanels #services div.heading {
width:210px;
margin-left:17px;
}

#infoPanels #services img {
margin-top:-7px;
}

#infoPanels #services p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:black;
line-height:18px;
padding-left:185px;
text-align:left;
margin-top:-10px;
margin-bottom:10px;
}

#infoPanels #events	{
position:relative;
float:left;
width:255px;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:16px;
margin-left:50px;
}

#infoPanels #events div.heading {
width:200px;
padding-bottom:5px;
}

#infoPanels #events p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:black;
line-height:18px;
text-align:left;
}

#infoPanels #events div	{
}

#infoPanels #events div p	{
font-size:10px;
line-height:14px;
text-align:left;
margin:0;
padding:0;
}

#infoPanels #events div p span	{
display:block;
float:left;
width:40px;
}

#infoPanels #events div div	{
clear:both;
padding-left:40px;
margin-bottom:4px;
}

#infoPanels #events div div a	{
color:#003333;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:13px;
font-weight:bold;
text-decoration:none;
}
#infoPanels #events div div a:hover	{
color:#006600;
text-decoration:underline;
}

.footer	{
color:#c93027;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
padding-bottom:10px;
padding-top:0px;
margin-top:-13px;
}
.footer a	{
color:#2b1612;
text-decoration:none;
padding:0 6px;
}
.footer a:hover	{
text-decoration:underline;
}
.footer span	{
color:#2b1612;
font-size:10px;
padding-left:10px;
}
.footer span sup	{
font-size:8px;
}
.footer span a	{
color:#003333;
text-decoration:none;
padding:0;
}

.footer span a:hover	{
text-decoration:underline;
}

.footer img {
vertical-align:middle;
padding-bottom:10px;
padding-right:15px;
}

span #socialIcons {
padding: 0px 0px 3px 4px;
}

.clearBoth	{
clear:both;
height:0px;
}

fieldset {
border:0;
padding:0;
margin:0;
width:420px;
}

fieldset ol {
list-style-type:none;
margin:5px 0;
padding:0;
width:600px;
}

fieldset ol li {
position:relative;
float:left;
clear:left;
width:600px;
margin-bottom:7px;
}

fieldset ol li label {
position:relative;
float:left;
display:block;
width:300px;
text-align:right;
padding-right:5px;
}

fieldset ol li input {
position:relative;
width:180px;
font-size:11px;
color:#333333;
}

textarea {
height:90px;
}

.req {
color:#CC0000;
margin-right:2px;
}

#formButtons {
position:relative;
float:left;
width:392px;
text-align:right;
}

#mainInner p.fieldAreaText {
font-size:10px;
line-height:12px;
color:#666666;
width:200px;
margin:0 0 0 205px;
}

.categorySelect {
width:185px;
}

fieldset ol li input.checkboxField {
width:30px;
position:relative;
float:left;
clear:none;
}

fieldset ol li input.extraField {
width:140px;
position:relative;
float:left;
clear:none;
}

fieldset ol li label.radioLabel {
width:130px;
position:relative;
float:left;
text-align:left;
clear:none;
} 

.email-form-submit-button
{
	border:none;
	background-image:url('../images/submit_button.png');
	width:67px;
	height:26px;
	cursor:pointer;
}

.email-form-submit-button:hover
{
	background-position:0 -26px;
}

.email-form-reset-button
{
	border:none;
	background-image:url('../images/reset_button.png');
	width:67px;
	height:26px;
	cursor:pointer;
}

.email-form-reset-button:hover
{
	background-position:0 -26px;
}

.pageWidthSmall
{
	width:800px;
	min-height:170px;
}

.pageWidthSmall p
{
	line-height:18px;
}

#tokidot
{
position:absolute;
top:-130px;
right:-18px;
}

.member-birthday-card-images
{
}

.member-birthday-card-images img
{
	display:inline;
	float:none;
	margin:0 16px 16px 0;
}

.member-birthday-card-text
{
	padding-bottom:12px;
}

#photo-gallery-nav-links
{
	margin-bottom:20px;
}

#photo-gallery-table
{
	width:100%;
}

#photo_list
{
	margin-bottom:16px;
}

#halloween-contest-button
{
	left:780px;
	top:160px;
	position:absolute;
	width:158px;
	height:83px;
	background-image:url('../images/october-enter-now.png');
}

#halloween-contest-button:hover
{
	background-position:0 -83px;
}

#halloween-contest-button span
{
	display:none;
}

#home-banner
{
height:100px;
}