/*!
 * Core stylesheet for basic style through out the whole site 
 *
 */
 
html{
	background: url(../images/bg.gif) repeat 0 0 #f2b900;
}
 
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1, h2, h3, h4{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #e9b200;
}

h1{ 
	font-size: 33px;
	margin-bottom: 15px;
}

h2{
	font-size: 26px;
	margin-bottom: 15px;
}

h3{
	font-size: 16px;
	margin-bottom: 6px;
}

h4{
	font-size: 15px;
}

p{
	margin: 0 0 20px;
	line-height: 15px;
}

a{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	color: #e9b200;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

	a.buttonLink{
		display: block;
		height: 18px;
		margin-right: 8px;
		text-indent: -99999px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: Transparent;
	}
	
	a.buttonLink:hover{
		background-position: 0 -18px;
	}
	
		a.buttonLink.btnWhyjoin{
			float: left;
			width: 88px;
			height: 16px;
			background-image: url(../images/content/btn_why_join.gif);
		}
	
		a.buttonLink.btnEditProfile{
			float: left;
			width: 110px;
			height: 16px;
			background-image: url(../images/content/btn_edit_profile.gif);
		}
	
		a.buttonLink.btnLogout, input.button.btnLogout{
			float: left;
			width: 78px;
			height: 16px;
			background-image: url(../images/content/btn_logout.gif);
			cursor: pointer;
		}
	
		a.buttonLink.btnAddPhoto{
			width: 110px;
			height: 16px;
			background-image: url(../images/content/btn_add_photos.gif);
		}
	
		a.buttonLink.btnSendFriend{
			width: 140px;
			height: 16px;
			background-image: url(../images/content/btn_send_to_friend.gif);
		}
	
		a.buttonLink.btnPrev{
			width: 76px;
			height: 16px;
			background-image: url(../images/content/btn_prev.gif);
		}
	
		a.buttonLink.btnNext{
			width: 76px;
			height: 16px;
			background-image: url(../images/content/btn_next.gif);
		}
	
		a.buttonLink.btnGoto{
			display: block;
			float: right;
			margin-top: 10px;
			margin-right: 22px;
			width: 64px;
			height: 16px;
			background-image: url(../images/content/btn_goto.gif);
		}
	
		a.buttonLink.btnWhyjoin:hover,
		a.buttonLink.btnLogout:hover, input.button.btnLogout:hover,
		a.buttonLink.btnEditProfile:hover,
		a.buttonLink.btnAddPhoto:hover,
		a.buttonLink.btnSendFriend:hover,
		a.buttonLink.btnGoto:hover,
		a.buttonLink.btnPrev:hover,
		a.buttonLink.btnNext:hover{
			background-position: 0 -16px;
		}
		
		a.buttonLink.btnBackToMyPuppy{
			height: 21px;
			width: 178px;
			background-image: url(../images/content/btn_backto_my_puppy.gif);
		}
		
		a.buttonLink.btnPrint{
			height: 21px;
			width: 93px;
			background-image: url(../images/content/btn_print.gif);
		}
	
		a.buttonLink.btnFetch{
			width: 90px;
			height: 21px;
			background-image: url(../images/content/btn_fetch.gif);
		}
	
		a.buttonLink.btnJoinBiger{
			width: 117px;
			height: 21px;
			background-image: url(../images/content/btn_join_bigger.gif);
		}
	
		a.buttonLink.btnBack{
			display: block;
			float: left;
			margin-left: 10px;
			width: 80px;
			height: 21px;
			background-image: url(../images/content/btn_back.gif);
		}
	
		a.buttonLink.btnBack:hover,
		a.buttonLink.btnFetch:hover,
		a.buttonLink.btnBackToMyPuppy:hover,
		a.buttonLink.btnPrint:hover,
		a.buttonLink.btnJoinBiger:hover{
			background-position: 0 -21px;
		}
	
		a.buttonLink.btnJoin{
			margin-top: 25px;
			width: 101px;
			background-image: url(../images/content/btn_join.gif);
		}
	
	a.forgotPwdLink{
		display: block;
		float: left;
		width: 90px;
		font-weight: normal;
		font-style: italic;
		font-size: 10px;
		text-decoration: underline;
	}

input.textfield, select{
	display: block;
	float: left;
	height:17px;
	margin-bottom:3px;
	font-size: 10px;
	color: #414141;
	border: 1px solid #d6d6d6;
}
	
textarea{
	clear: both;
	width: 283px;
	height:41px;
	margin-bottom:3px;
	padding: 7px 6px;
	font-size: 10px;
	color: #414141;
	border: 1px solid #d6d6d6;
}

input.textfield.error, select.error, textarea.error{
	background-color: #fff9f9;
	border: 1px solid #deabab;
}
		
input.button{
	border: none;
	cursor: pointer;
	display: block;
	height: 18px;
	background-color: Transparent;
} 
		
input.button:hover{
	background-position: 0 -18px;
}
	
	input.button.btnAdd{
		width: 60px;
		background-image: url(../images/content/btn_add.gif);
	}
	
	input.button.btnLogin{
		float: left;
		width: 59px;
		height: 16px;
		background-image: url(../images/content/btn_login.gif);
	}
		
	input.button.btnLogin:hover{
		background-position: 0 -16px;
	}
	
	input.button.btnLoginBigger{
		float: right;
		width: 72px;
		margin-right: 35px;
		background-image: url(../images/content/btn_login_bigger.gif);
	}
	
	input.button.btnContinue{
		width: 122px;
		height: 21px;
		background-image: url(../images/content/btn_continue.gif);
	}
	
	input.button.btnSubmit{
		width: 97px;
		height: 21px;
		background-image: url(../images/content/btn_submit_bigger.gif);
	}
	
	input.button.btnFetch{
		width: 90px;
		height: 21px;
		background-image: url(../images/content/btn_fetch.gif);
	}
	
	input.button.btnSaveChanges{
		width: 146px;
		height: 21px;
		background-image: url(../images/content/btn_save_changes.gif);
	}
	
	input.button.btnAddPuppy{
		display: block;
		float: right;
		width: 187px;
		height: 21px;
		background-image: url(../images/content/btn_add_puppy.gif);
	}
	
	input.button.btnUnsubscribe{
		width: 137px;
		height: 21px;
		background-image: url(../images/content/btn_unsubscribe.gif);
	}
	
	input.button.btnUnsubscribe:hover,
	input.button.btnSubmit:hover,
	input.button.btnFetch:hover,
	input.button.btnSaveChanges:hover,
	input.button.btnContinue:hover,
	input.button.btnAddPuppy:hover{
		background-position: 0 -21px;
	}
	
	input.button.btnDeleteProfile{
		display: block;
		float: right;
		width: 91px;
		height: 11px;
		margin-top: 13px;
		background-image: url(../images/content/btn_delete_profile.gif);
	}
	
	input.button.btnDeleteProfile:hover{
		background-position: 0 0;
	}

label{
	display: block;
	float: left;
	font-size: 11px;
	line-height: 17px;
	text-align: right;
	padding-right: 10px;
	padding-top: 2px;
}

.inputHint{
	display: block;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
}

.errorField{
	display: block;
	float: left;
	width: 7px;
	height: 21px;
	background: url(../images/content/icon_alert.gif) no-repeat 0 0;
}

.errorFormMessage{
	display: block;
	float: right;
	height: 17px;
	margin-right: 10px;
	padding-top:6px;
	padding-left: 10px;
	color: #ba0000;
	font-size: 11px;
	line-height: 12px;
	background: url(../images/content/icon_alert.gif) no-repeat 0 0;
}

.yellowPuppyFont{
	font-weight: bold;	
	color: #e9b200;
}

.blackText  {
	color:#000000;
}

.highlightText{
	font-weight: bold;	
}

.finePrint{
	font-size: 11px;
}

.noMargin{
	margin: 0;	
}

.marginLeft{
	margin-left: 25px;	
}

.floatLeft{
	display: block;
	float: left;
}

.floatRight{
	display: block;
	float: left;
}

.hidden{
	display: none;
}

.clear{
	clear: both;
	line-height: 1px;
}

.hr{
	font-size: 2px;
	height: 2px;
	line-height: 2px;
	background-color: #5a1612;
	clear: both;
}

.listText{
	width: 505px;
}

.whiteBg{
	background-color: #ffffff;
	padding: 24px 10px 8px;
}

.altBg{
	padding: 24px 10px 8px;
}

.whiteBg ul li, .altBg ul li{
	margin-left: 18px;
}
	
.mandatoryField{
	display: block;
	float: left;
	color: #de6617;
	margin-left: -11px;
}

#pageWrapper{
	width: 934px;
	margin: 80px auto 0;
}

/* Nav css */

#navContainer{
	position: relative;
	background-color: #ffffff;
}

#puppyLogo{
	position: absolute;
	top:-18px;
	left:-12px;
	display: block;
	z-index: 500;
}

#nav{
	display: block;
	height: 96px;
	margin-left: 130px;
	background: url(../images/content/nav_bg.gif) no-repeat top right #ffffff;	
	z-index: 400;
}

ul#mainNav{
	margin: 0 0 0 12px;
	padding-top: 9px;
	list-style: none;
}
	
	ul#mainNav li{
		display: block;
		height: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}

	ul#mainNav li a{
		display: block;
		height: 22px;
		padding-top: 6px;
		background: none;
		color: #000000;
	}
	
	ul#mainNav li a:hover{
		color: #ffffff;
	}

ul#secondNav{
	display: block;
	height: 26px;
	margin: 11px 0 18px 45px;
	list-style: none;
}
	
	ul#secondNav li{
		display: block;
		height: 26px;
		float: left;
		font-size: 11px;
	}

	ul#secondNav li a{
		display: block;
		height: 21px;
		padding: 5px 0 0 12px;
		color: #f9d58f;
	}
	
	ul#secondNav li a:hover{
		color: #ffffff;
	}

#shareIcons{
	display: block;
	float:right;
	margin-right: 90px;
	margin-top: 5px;
}

#shareIcons a{
	margin-right: 3px;
}

/* end Nav css */

/* Content css */

#content{
	z-index: 10;
}

#content ul li{
	list-style:disc outside;
	color: #E9B200;
	padding-bottom: 6px;
	margin-left: 20px;
}

#contentContainer{
	position: relative;
	padding-left: 12px;
	padding-top: 18px;
	background: url(../images/content/round_corner_top.gif) no-repeat 12px 0;
}

#loginPanel{
	position: absolute;
	top: 66px;
	right: -4px;
	display: block;
	width: 255px;
	height: 156px;
	padding-right: 22px;
	text-align: center;
	background: url(../images/content/login_bg.png) no-repeat top right;
	z-index: 200;
}

	#loginPanel .loginError{
		display: block;
		clear: both;
	}

	#loginPanel .errorFormMessage{
		float: left;
		padding-top: 0;
		height: auto;
		background-position: 0 -6px;
		margin-left: 42px;
	}

	#loginPanel h4{
		margin-top: 18px;
		margin-bottom: 13px;
		text-transform: uppercase;
	}
	
	#loginPanel .inputDiv{
		display: block;
		height: 20px;	
	}

	#loginPanel label{
		width: 84px;
		height: 17px;
	}

	#loginPanel input#email, #loginPanel input#password,
	#loginPanel input.email, #loginPanel input.password{
		display: block;
		float: left;
		width: 113px;
		border: 1px solid #eec337;
	}
	
	#loginPanel #loginButtons{
		clear: both;
		margin-left: 50px;
		margin-top: 13px;		
	}
	
		#loginPanel a#btnWhyjoin{
			width: 88px;
			margin-right: 8px;
		}
	
	#loginPanel a.btnEditProfile{
		margin-left: 42px;
		margin-bottom: 8px;
	}
	
	#loginPanel .logoutText{
		display: block;
		float: left;
		margin-left: 42px;
		margin-right: 5px;
		padding-top: 3px;
		font-size: 11px;
	}
		
#content{
	min-height: 300px;
	padding: 25px 0 40px 40px;
	background-color: #ffffff;
}

	#content .cufonIntro{
		font-weight: bold;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.6px;
		padding-right: 280px;
	}
	
	#content p.intro{
		padding-right: 310px;
	}

	#content .rightCol{
		float: left;
		display: block;
		width: 220px;
		margin-top: 138px;
	}

	#content .leftCol{
		float: left;
		display: block;
		width: 606px;
		margin-right: 20px;
	}

		#content .leftCol p.intro{
			padding-right: 95px;	
		}

		#content .leftCol p.cufonIntro{
			padding-right: 95px;	
		}
		
.roundedContent{
	width: 592px;
	padding: 13px 7px 0;
}
		
.roundedContentBottom{
	display: block;
	clear: both;
	width: 606px;
	height: 20px;
}

.plumContent{
	background: url(../images/content/content_bg_plum_top.gif) #b76968 no-repeat 0 0 ;
}

	.plumContent h4{
		color: #8b5656;
		margin-left: 8px;
		margin-bottom: 5px;
	}

.roundedContentBottom.plumBottom{
	background: url(../images/content/content_bg_plum_bottom.gif) no-repeat left bottom;
}

.blueContent{
	background: url(../images/content/content_bg_blue_top.gif) #859fb0 no-repeat 0 0 ;
}

	.blueContent h4{
		color: #3f5f76;
		margin-left: 8px;
		margin-bottom: 5px;
	}

.roundedContentBottom.blueContent{
	background: url(../images/content/content_bg_blue_bottom.gif) no-repeat left bottom;
}

.yellowContent{
	background: url(../images/content/content_bg_yellow_top.gif) #e9b200 no-repeat 0 0 ;
}

	.yellowContent h4{
		color: #e9b200;
		margin-left: 8px;
		margin-bottom: 5px;
	}

.roundedContentBottom.yellowBottom{
	background: url(../images/content/content_bg_yellow_bottom.gif) no-repeat left bottom;
}
	
.contentForm label{
	font-weight: bold;
	width: 116px;
}
	
.contentForm .normalTextLabel{
	padding-left: 25px;
}
	
	.contentForm label.shortestLabel{
		width: 50px;
	}
	
	.contentForm label.shortLabel{
		width: 79px;
	}
	
	.contentForm label.longLabel{
		width: 268px;
	}
	
	.contentForm label.longerLabel{
		width: 157px;
	}
	
.contentForm input{
	float: left;	
}

	.contentForm input.checkBox{
		margin-left: 104px;
	}
	
	.contentForm span.checkBox input{
		margin-left: 104px;
	}

		.contentForm input.checkBox.multipleFloat{
			margin: 0 10px 0 0;
		}

	.contentForm input.btnContinue{
		float: right;
	}
	
.contentForm input.textfield{
	width: 164px;
	margin-bottom: 8px;
}
	
	.contentForm input.textfield.long{
		width: 288px;
	}
	
	.contentForm input.textfield.longer{
		width: 242px;
	}
	
	.contentForm input.textfield.short{
		width: 80px;
	}
	
.contentForm select{
	width: 83px;
	margin-top:2px;
}
	
	.contentForm select.shortest{
		width: 53px;
	}
	
	.contentForm select.short{
		width: 73px;
	}
	
.contentForm #findMyCodeLink{
	width: 248px;
}
	
.contentForm #termsConditionLabel{
	display: block;
	float: left;
	font-size: 11px;
	margin-left: 10px;
	margin-bottom: 10px;
}
	
	.contentForm #termsConditionLabel a{
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
	}

#contentBottom{
	display: block;
	height: 18px;
	clear: both;
	background: url(../images/content/round_corner_bottom.gif) no-repeat 0 0 ;
}

#dogchewReplace{
	position: absolute;
	right: -87px;
	bottom: 0;
}


	/* page bottom promo */
	#promoContainer{
		margin-top: 40px;
	}
	
		#promoContainer p{
			margin-bottom: 0;
		}
	
	.triPromo{
		position: relative;
		display: block;
		float: left;
		width: 233px;
		padding: 10px 17px;
		margin-right: 20px;
	}
	
	.quadPromo{
		position: relative;
		display: block;
		float: left;
		width: 185px;
		height: 156px;
		padding: 10px 17px;
		margin-right: 8px;
	}
		
	.triPromo a.buttonLink.btnFetch,
	.quadPromo a.buttonLink.btnFetch{
		position: absolute;
		left: 17px;
		bottom: 15px;
	}
	
	.bgImage{
		padding-top: 16px;
		height: 121px;
	}
	
		#promoClubProfile .bgImage,
		#promoBreadBrowser .bgImage,
		#promoSelectPuppy .bgImage,
		#promoSocializing .bgImage{
			background: url(../images/content/promo_bg_puppy1.jpg) #ffffff no-repeat right bottom;
		}
		
		#promoMeetsWorld .bgImage,
		#promoPuppyProofing .bgImage{
			background: url(../images/content/promo_bg_puppy2.jpg) #ffffff no-repeat right bottom;
		}
		
		#promoNutrition .bgImage{
			background: url(../images/content/promo_bg_nutrition.jpg) #ffffff no-repeat right bottom;
		}
			
		#promoHealthTraining .bgImage,
		#promoPuppyTraining .bgImage,
		#promoReadyPuppy .bgImage,
		#promoBestStart .bgImage{
			background: url(../images/content/promo_bg_puppy3.jpg) #ffffff no-repeat right bottom;
		}
		
		#promoCashback .bgImage,
		#promoWherePuppy .bgImage,
		#promoStillPuppy .bgImage,
		#promoStarterKit .bgImage,
		#promoPuppyHealth .bgImage{
			background: url(../images/content/promo_bg_puppy4.jpg) #ffffff no-repeat right bottom;
		}
		
	/* end of page bottom promo */

	/* page side promo */
	
	.rightCol .sidePromo{
		position: relative;
		display: block;
		padding: 12px 16px;
		width: 188px;
		height: 152px;
		margin-bottom: 10px;
	}
		.rightCol .sidePromo h4{
			font-size: 14px;
			padding-bottom: 6px;
		}
		
		.rightCol .sidePromo .bgImage{
			padding-top: 14px;
			height: 117px;
		}
		
		.rightCol .sidePromo p{
			margin-bottom: 0;
		}
		
		.rightCol .sidePromo a.buttonLink.btnFetch{
			position: absolute;
			left: 16px;
			bottom: 12px;
		}
	
	.limePromo{
		background: url(../images/content/promo_side_lime.gif) no-repeat 0 0 ;		
	}
		.rightCol .limePromo h4{
			color: #5c7d2b;
		}
	
	.plumPromo{
		background: url(../images/content/promo_side_plum.gif) no-repeat 0 0 ;		
	}
		.rightCol .plumPromo h4{
			color: #8b5656;
		}
	
	.bluePromo{
		background: url(../images/content/promo_side_blue.gif) no-repeat 0 0 ;		
	}
		.rightCol .bluePromo h4{
			color: #3f5f76;
		}
	
	.greenLongPromo{
		background: url(../images/content/promo_side_green_long.gif) no-repeat 0 0 ;		
	}
		.rightCol .greenLongPromo{
			height: 316px;
		}
	
	.greenPromo{
		background: url(../images/content/promo_side_green.gif) no-repeat 0 0 ;		
	}
		.rightCol .greenPromo h4, .rightCol .greenLongPromo h4{
			color: #3b7670;
		}
	/* end page side promo */

/* end Content css */


/* Footer css */

#footer{
	padding: 38px 0 20px 12px;
	font-size: 11px;
	line-height: 14px;
	color: #674f00;
	text-align: center;
}

	#footer a{
		text-decoration:  none;
		font-weight: normal;
		color: #674f00;
	}

	#footer a:hover{
		text-decoration:  underline;
	}
	
#footerLinks{
	display: block;
	width: 580px;
	margin: 0 auto;
}

#footerLinks ul li{
	display: block;
	float: left;
}

#footerLogo{
	margin-top: 10px;	
}
/* end Footer css */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */