/*!
 * Core stylesheet for each pages
 *
 */

/* Home page */

body#home #pageWrapper{
	background: url( ../images/bg_floor.jpg) no-repeat 0 5px;
}
	
body#home #navContainer{
	height: 31px;
}

body#home #nav{
	margin: 0 auto;
}

body#homeFlashContainer{
	display: block;
	width: 982px;
	height: 500px;
	margin: 0 auto;
}

body#home #socialArea, body#home #dogsGallery, body#home #donationBar{
	display: block;
	float: left;
	width: 251px;
	height: 500px;
}

body#home #dogsGallery{
	width: 480px;	
}

body#home #socialArea{
	position: relative;
}

body#home #fbSupport{
	background: url( ../images/content/fb_dogfood.png) no-repeat center 0;
	padding-top: 85px;
/*	margin-top: 80px;*/
	width: 251px;
	position: absolute;
	bottom: 10px;

}

	body#home #fbSupport h4{
		color: #000000;
		display: block;
		float: left;
/*		margin-top:4px;
		margin-left:47px; */
		text-align:center;
		margin:0 0 0 45px;
		width:140px;
	}
	
	body#home #fbSupport h5{
		width: 157px;
/*		margin-left:47px;*/
		float:left;
		width:120px;
		padding:0;
		margin-left:16px;
		text-align: right;
	}
	
body#home a.button.btnFbLike{
	display: block;
	float: left;
	margin-left: 5px;
	margin-bottom: 3px;
	padding: 0;
	width: 52px;
	height: 24px;
	background: url( ../images/content/btn_fb_like.gif) no-repeat 0 0;
}

body#home a.button.btnFbLike:hover{
	background-position: 0px -24px; 
}

/* end of Home page */


/* How can I Help page */

body#howCanHelp #content{
	background: url( ../images/content/how_help/bg_dog.png) no-repeat 485px 30px;
}

body#howCanHelp #content p{
	width: 460px;	
}

/* end of How can I Help page */


/* Volunteer page */

body#volunteer #content{
	height: 420px;
	background: url( ../images/content/volunteer/bg_dog.png) no-repeat 268px 85px;
}

/* end of Volunteer page */


/* Support us page */

body#supportUs #content{
	background: url( ../images/content/support_us/bg_dog.png) no-repeat 440px 45px;
}

body#supportUs #content p{
	width: 380px;	
}

body#supportUs a.button.btnSupportUs{
	float: left;
	display: block;
	margin-top: 34px;
}

/* end of Support us page */


/* Buy Pedigree page */

body#buyPedigree #clickDisclaimer, body#buyPedigree #buyPedigreeDisclaimer{
	font-size: 10px;
	line-height: 14px;
	margin-top: 50px;
	cursor: pointer;
}

body#buyPedigree #buyPedigreeDisclaimer{
	display: none;
}

	body#buyPedigree #disclaimer .contactRightCol{
		margin-left: 17px;
	}

	body#buyPedigree #disclaimer .contactRightCol a, body#buyPedigree #disclaimer .contactRightCol a:hover{
		font-weight: normal;
	}

/* end of Buy Pedigree page */


/* Supporters shop page */

body#supportersShop #supportShopDisclaimer{
	font-size: 10px;
	line-height: 14px;
	margin-top: 50px;
}

body#supportersShop #products a{
	display: block;
	float: left;
}
	
	body#supportersShop #products a#product1{
		margin-right: 10px;	
	}
	
	body#supportersShop #products a#product3{
		margin-right: 15px;
		margin-top: 110px;
	}
	
	body#supportersShop #products a#product4{
		margin-top: 131px;
	}

/* end of Supporters shop page */


/* Adopting a Dog page */

body#adoptingDog #content p{
	width: 400px;
}

body#adoptingDog .sideImage img{
	display: block;
	width: 260px;
	margin-left: 45px;
	margin-bottom: 10px;
}

/* end of Adopting a Dog page */


/* Success stories page */

#storyNavWrap{
	margin-top: 20px;
	text-align: center;	
}

#storyNav{
	margin-top: 30px;
}

	.storyDog{
		display: block;
		float: left;
		text-align: center;
		font-size:20px;
		font-weight: bold;
	}
	
	.storyDog a{
		text-decoration: none;	
	}
	
	.storyDog a:hover{
		text-decoration: none;
		color: #ffffff;
	}
	
	#storyNav #maddy{
		width: 137px;
	}
	
	#storyNav #mollyCharlie{
		width: 160px;
		padding-top: 142px;
	}
	
	#storyNav #emily{
		width: 141px;
		padding-top: 77px;
	}
	
	#storyNav #tammy{
		width: 131px;
/*		height: 400px; */
	}
	
	#storyNav #venus{
		width: 121px;
		padding-top: 120px;
/*		height: 400px; */
	}

body#maddy #content{
	background: url( ../images/content/success_stories/maddy_bg.png) no-repeat 460px 20px;
}
	
body#maddy #content p{
	width: 400px;
}

body#mollyCharlie #content{
	background: url( ../images/content/success_stories/molly_charlie_bg.png) no-repeat 320px 40px;
}
	
body#mollyCharlie #content p{
	width: 320px;
}

body#emily #content{
	background: url( ../images/content/success_stories/emily_bg.png) no-repeat 480px 35px;
}
	
body#emily #content p{
	width: 400px;
}

body#tammy #content{
	background: url( ../images/content/success_stories/tammy_bg.png) no-repeat 420px 30px;
	height: 480px;
}
	
body#tammy #content p{
	width: 420px;
}

body#venus #content{
	background: url( ../images/content/success_stories/venus_bg.png) no-repeat 440px 40px;
	height: 400px;
}
	
body#venus #content p{
	width: 400px;
}
	
a.button.btnReturnToDogs{
	margin-left: -5px;
	width: 143px;
	background-image: url( ../images/content/success_stories/btn_return_to_dogs.png);	
}


/* end of Success stories page */


/* Responsibility page */

body#responsibility h3{
	margin-left: 50px;
	margin-bottom: 10px;
}

body#responsibility #content{
	width: 715px;	
}

.pointWrap{
	margin-bottom: 10px;	
}

	.pointWrap .upperCap{
		display: block;
		line-height: 5px;
		font-size: 1px;
		height: 5px;
		background: url( ../images/content/responsibility/round_corner_top.gif) no-repeat 0 0;
	}
	
	.pointWrap .lowerCap{
		display: block;
		height: 5px;
		background: url( ../images/content/responsibility/round_corner_bottom.gif) no-repeat 0 0;
	}
	
	.pointWrap .pointBox{
		display: block;
		float: left;
		width: 642px;
	}
	
		#content .pointWrap .pointBox p{
			width: 602px;
			margin: 0;
			padding: 15px 20px 13px;
			background-color: #ffe8a0;
		}
	
	.pointWrap .pointNumber{
		display: block;
		float: left;
		width: 43px;
		padding: 5px 7px 5px 0;
		font-size: 36px;
		font-weight: bold;
		text-align: right;
		background: url( ../images/content/responsibility/speach_buble_arrow.gif) no-repeat right center;
	}
	
	.pointWrap .pointNumber.indent{
		width: 63px;
	}

/* end of Responsibility page */


/* Find a Dog page */
	
	/* Pagenation css */
	
	.resultPagination{
		display: block;
		float: right;
		margin-top: 13px;
		margin-bottom: 20px;
	}
	
	.resultPagination a{
		float: left;
		text-decoration: none;
		font-weight: bold;
		padding-top: 5px;
	}
	
		.resultPagination .pagePrevious{
			padding-left: 10px;
			padding-right: 8px;
			background: url( ../images/content/arrow_left.gif) no-repeat 0 7px;
		}
	
		.resultPagination .pageNext{
			padding-left: 8px;
			padding-right: 10px;
			background: url( ../images/content/arrow_right.gif) no-repeat right 7px;
		}
	
		.resultPagination a.pageLink{
			display: block;
			margin: 0 2px;
			width: 22px;
			height: 19px;
			color: #ffffff;
			text-align: center;
			background: url( ../images/content/square.gif) no-repeat 0 0;
		}
	
		.resultPagination a.pageLink:hover{
			color: #ffc300;
		}
	
	/* end of Pagenation css */

#dogSearchWrap{
	height: 419px;
	background: url( ../images/content/find_a_dog/bg_dog.png) no-repeat 356px 0;
}

#content #dogSearchWrap p{
	width: 400px;
}

input.searchDogNow{
	margin: 12px 0 21px -5px;
	width: 196px;
	background-image: url( ../images/content/find_a_dog/btn_search_dog_now.png);
}

.selectSex, .selectSize, .selectState{
	width: 100px;
	margin-right: 10px;
}

.resultItemBox{
	display: block;
	width: 711px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url( ../images/content/find_a_dog/item_box_bottom.gif) left bottom no-repeat;
}

	.itemBoxTop{
		clear:both;
		display: block;
		height: 5px;
		line-height: 5px;
		font-size: 1px;
		background: url( ../images/content/find_a_dog/item_box_top.gif) 0 0 no-repeat;
	}

	.itemBoxContent{
		padding: 15px 20px 3px;
		background-color: #ffe8a0;
	}
	
	.resultItemBox h5{
		display: block;
		float: left;
	}
	
	#content .resultItemBox p{
		width: 588px;
		line-height: 18px;
		margin-bottom: 8px;
	}

.itemThumb{
	float: left;
	display: block;
	width: 70px;
	height: 70px;
	margin-right: 10px;
}

a.btnAdoptMe{
	width: 185px;
	margin-left: -5px;
	background-image: url( ../images/content/find_a_dog/btn_adopt_at_petrescue.gif);
}



a.btnHelpOnFb{
	width: 196px;	
	background-image: url( ../images/content/find_a_dog/btn_help_on_fb.gif);
}

a.btnSearchAgain{
	margin-right: 20px;
	margin-left: -5px;
	width: 127px;	
	background-image: url( ../images/content/find_a_dog/btn_search_again.png);
}

a.petrescueLink{
	margin-top: 3px;
}

/* end of Find a Dog page */

/* Adoption kits page */

body#adoptionKits #content{
	background: url( ../images/content/adoption_kits/bg.png) no-repeat 360px 130px;
}

body#adoptionKits .textInput{
	margin-right: 2px;
}

body#adoptionKits .mandatory{
	color: #b11015;
	vertical-align: super;
}

body#adoptionKits label{
	font-size: 10px;
}

/* end of Adoption kits page */


/* About page */

body#about #content .floatLeft p{
	width: 400px;
}

body#about #content .sideImage{
	margin-left: 20px;
}

/* end of About page */


/* Donate page */

body#donate #content, body#donateNow #content{
	background: url( ../images/content/donate_now/bg_dog.png) no-repeat 392px 150px;
}

body#donate #donateForm, body#donateNow #donateForm{
	margin-bottom: 90px;	
}

input.amountInput{
	width: 91px;
	background: url( ../images/content/donate_now/input_bg_amount.png) no-repeat center center;
}

input.donateToPetRescue{
	margin: 12px 0 21px -5px;
	width: 178px;
	background-image: url( ../images/content/donate_now/btn_donate_to_pet_rescue.png);
}

/* end of Donate page */