/* -------------------------------------------------- 
	franchise home styles
-----------------------------------------------------*/

.franchise-home {
	margin-bottom: 7px;
}

body.pvz-home .social-buttons-container {
   margin-bottom: 30px;
}

.pvz-franchise .socialbreak {
		display: block;
		height: 10px;
}

/* -------------------------------------------------- 
	new socialbuttons
-----------------------------------------------------*/

/*social button alignment*/
.social-buttons-container {
    
    /** 
     * This is a nice CSS trick that allows you to clear an element
     * without having to add extra elements to your HTML. This helps
     * seperate content from design, which should always be an architectural
     * goal.
     */
    overflow: hidden; 
    padding: 14px 0;
}

.social-button {
    float: left;
	padding-right:10px;
    height: 20px;
}


.social-buttons-container {
    overflow: hidden;
   	padding-left: 3px;
	padding-top: 15px;
}

a {
	text-decoration: none;
}

.social-buttons-container img {
    display: inline-block;
    vertical-align: middle;
}

.social-buttons-container .facebook {
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	background-color: #0068ab;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius:  5px 5px 5px 5px;
	color: #fff;
	padding: 2px 13px 3px 10px;
	font-size: 12px;
}

.social-buttons-container .facebook:hover {
	background-color: #0082d6;
	color: #fff;
}

.fbline {
	border-left: 1px solid #0087de;
	padding: 2px 0 2px 8px;
	margin-left: 8px;
}

.twline {
	border-left: 1px solid #03d0f9;
	padding: 2px 0 2px 8px;
	margin-left: 6px;
}

.twitter {
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-color: #00b1d4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	border-radius:  5px 5px 5px 5px;
	color: #fff;
	padding: 2px 13px 3px 10px;
}

.socialbreak {display: none;}
.pvzgw .socialbreak {
	display: block;
	height: 1px;
}

.twitter:hover {
	background-color: #00cdf6;
	color: #fff;
}

.social-buttons-container .esrb, .social-buttons-container .esrb-descriptions{
	float: left;
	padding-right: 5px;
	max-width: 120px;
}
.social-buttons-container .esrb img{
	width: 40px;
}
.social-buttons-container .esrb-descriptions li {
	font-size: 9px;
	line-height: 13px;
	padding-right: 15px;
}



/* -------------------------------------------------- 
   Smaller screen styles  560px
-----------------------------------------------------*/

@media only screen and (max-width: 560px) {

	.social-buttons-container .facebook {
		padding: 5px 13px 5px 10px;
		font-size: 12px;
	}

	.twitter {
		padding: 5px 13px 5px 10px;
		font-size: 12px;
	}
	
	.fbline {
		border-left: 1px solid #0087de;
		padding: 5px 0 5px 8px;
		margin-left: 7px;
	}
	
	.twline {
		border-left: 1px solid #03d0f9;
		padding: 5px 0 5px 8px;
		margin-left: 7px;
	}
	
	.social-buttons-container {
	    overflow: hidden;
	    padding: 14px 0 7px 0;
	}
		
	
}

/* -------------------------------------------------- 
   Smaller screen styles  560px
-----------------------------------------------------*/
@media only screen and (max-width: 560px) {
.socialbreak {
	display: block;
	height: 10px;
}

.franchise-home {
	margin-bottom: 0px;
}