/*!
 * 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 #appPromo{
	width: 170px;
	margin: 145px auto 0;
	text-align: center;
	/*padding-top: 130px;
	background: url( ../images/content/img_dog_a_like.png) no-repeat center 0;*/
}

	body#home #appPromo h5{
		width: 170px;
		margin: 15px auto 3px;
		text-align: center;
	}
	
	body#home #appPromo a.button{
		float: left;
		height: 36px;
	}
	
	body#home #appPromo a.button:hover{
		background-position: 0 -36px;	
	}
	
		body#home #appPromo a.button.btnFacebook{
			width: 55px;
			background-image: url( ../images/content/btn_facebook_app_icon.png);	
		}
		
		body#home #appPromo a.button.btnApple{
			width: 54px;
			background-image: url( ../images/content/btn_apple_app_icon.png);	
		}
		
		body#home #appPromo a.button.btnAndroid{
			width: 54px;
			background-image: url( ../images/content/btn_android_app_icon.png);	
		}
		
body#home #pedigreeTweet{
	display: none;
}

body#home #ticker-wrapper.has-js {
	border-radius: 0;
	width: 798px;
	height: 33px;
	margin: 0 auto;
	padding: 6px 0 0;
	background: url(../images/footer/bg_twitter_ticker.png) transparent no-repeat center 0;
}

	body#home #ticker{
		margin: 0 0 0 60px;
		width: 660px;
		background-color: transparent;
	}
	
	body#home #ticker-content, body#home #ticker-swipe, body#home #ticker-content a{
		background-color: #000000;
		color: #ffffff;
		padding-top: 0;
		line-height: 12px;
		font-size: 10px;
		font-weight: normal;
		margin: 0 auto;
		height: 12px;
	}
	
		body#home #ticker-content a:hover{
			text-decoration: underline;
		}
	
		body#home #ticker-swipe span{
			background-color: transparent;
		}
	
	body#home .left #ticker-title, body#home .left #ticker-controls{
		display: none;
	}

body#home #fbSupport{
/*	margin-top: 80px;*/
	width: 251px;
	margin-top: 300px;
	padding-bottom: 100px;
	background: url( ../images/content/fb_dogfood.png) no-repeat center bottom;

}

	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; 
}
	
body#home  .promoDivider{
	background: url( ../images/footer/promot_divider_red.gif) no-repeat 0 0;
}

/* 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: 30px;
	margin-bottom: 50px;
	cursor: pointer;
}

body#buyPedigree #pedigreeProducts{
	margin-bottom: 25px;
}

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 */


/* Download App page */

body#downloadApp #content{
	background: url( ../images/content/download_app/bg_iphone.png) no-repeat 250px 55px;
}

#sideNav ul li a.widerLi, #sideNav ul li a.widerLi:hover {
    background: url("../images/content/sideNav_bg_wider.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    height: 37px;
    padding-left: 30px;
    padding-top: 8px;
    text-decoration: none;
}

#sideNav ul li a.widerLi.active {
    background-position: 0 -45px;
    color: #FFFFFF;
}

body#downloadApp #content p.firstP{
	width: 450px;
}

body#downloadApp #content p.shortP{
	width: 210px;
}

body#downloadApp #content h3{
	font-size: 18px;
	margin-bottom: 10px;
}	
	
	body#downloadApp #content a.button{
		height: 36px;
		margin-bottom: 10px;
	}
	
	body#downloadApp #content a.button:hover{
		background-position: 0 -36px;
	}
	
	body#downloadApp #content a.button.btnFacebook{
		width: 131px;
		background-image: url( ../images/content/download_app/btn_facebook.png);	
	}
	
	body#downloadApp #content a.button.btnApple{
		margin-left: -5px;
		width: 103px;
		background-image: url( ../images/content/download_app/btn_apple.png);	
	}
	
	body#downloadApp #content a.button.btnAndroid{
		width: 126px;
		background-image: url( ../images/content/download_app/btn_android.png);	
	}

	
	body#downloadApp #content a.button.btnCustomerService{
		width: 178px;
		background-image: url( ../images/content/download_app/btn_customer_service.png);	
	}
	
	#downloadCol{
		float: left;
		width: 360px;
		margin: 25px 30px 40px 0;
	}
	
		#downloadCol p{
			width: 360px;
		}
	
		#downloadCol a.button{
			float: left;
		}

	
	#feedbackCol{
		float: left;
		width: 220px;
		margin: 25px 0 40px 0;
	}
	
		#feedbackCol p{
			width: 220px;
		}
/* end of Download App 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 */