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

.like-container {
	margin: 7px 0 10px 0;
	z-index:20 !important;
}

.like-container > * {
	z-index:20 !important;
}

.activity-container {
	margin: 13px 0 0 11px; 
	overflow: hidden;
	position: absolute;
	background: url('../images/home/fb-activity/fb-activity-background.png');
}

div.activity-upper {
	width: 254px;
	height: 36px;
	background: url('../images/home/fb-activity/fb-activity-upper.png');
}

div.activity-lower {
 width: 254px; 
 height: 70px; 
 background: url('../images/home/fb-activity/fb-activity-lower.png');
}

div.activity-like {
	position: absolute;
	top: 344px;
	left: 170px;
}

.recommend {
	float: left;
	margin: 5px 0 0 10px;
	font: normal 12px Arial;
}

.recommend:hover {
	text-decoration: none;
}

.joinusbutton {
	display: block;
	padding-top: 11px;
	margin-left: 10px;
	z-index: 20 !important;
}

.fbactivity-like-container {
	float: right;
	margin: 10px 0 0 0;
	position: absolute;
	z-index: 20 !important;
	overflow: visible;
}

.home-box {
	width: 928px;
	height: 348px;
	background-image: url(../images/home/lifestyle-box-background.png);
}

.home-box .lockup2 {
	display: none;
}
.home-box .lockup3 {
	display: none;
}

.home-box .corner {
	position: absolute;
	z-index:  10;
	width: 8px;
	height: 8px;
	overflow: hidden;
}

.home-box .sw {
	margin-top: 340px;
	background-image: url(../images/common/corners/light-gray-sw.png);
}


.home-box .hero-photo {
	position: absolute;
	width: 568px;
	height: 344px;
	margin: 2px 0px 0px 2px;
	overflow: hidden;
}

.home-box .content-background {
	position: absolute;
	width: 378px;
	height: 344px;
	margin: 2px 0px 0px 548px;
	background-image: url(../images/home/lifestyle-info-box-background.png);
	z-index: 2;
	overflow: hidden;
}

.home-box .ribbon {
	position: absolute;
	width: 396px;
	height: 183px;
	margin: 173px 0px 0px 544px;
	background-image: url(../images/home/lifestyle-featured-product-box-background.png);
	z-index: 3;
}


.home-box .featured-recipe {
	position: absolute;
	width: 310px;
	margin: 20px 0px 0px 594px;
	font-size: 12px;
	line-height: 16px;
	z-index: 20;
}

.home-box .featured-recipe p {
	display: block;
	margin: 6px 0px 10px 0px;
	font-size: 12px;
	line-height: 15px;
}

.home-box .featured-product {
	position: absolute;
	width: 180px;
	height: 150px;
	margin: 210px 0px 0px 570px;
	z-index: 7;
	overflow: hidden;
	text-align: right;
}

.home-box .featured-product p {
	display: block;
	width: 180px;
	text-align: right;
	margin: 8px 0px 10px 0px;
	font-size: 11px;
	line-height: 15px;
}

.home-box .product-box-photo {
	position: absolute;
	margin: 140px 0px 0px 770px;
	z-index: 15;
}


.home-box .play-button {
	position: absolute;
	width: 222px;
	height: 162px;
	margin: 84px 172px;
	background-image: url(../images/home/video-play-overlay.png);
	cursor: pointer;
	overflow: hidden;
}


.lockup-selector {
	position: absolute;
	width: 60px;
	height: 14px;
	margin: 10px 0px 0px 866px;
	z-index: 20;
}

.lockup-selector .lockup-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	cursor: pointer;
	margin-right: 4px;
}

.lockup-selector .on {
	background-image: url(../images/home/select-lockup-icon-on.png);
}

.lockup-selector .off {
	background-image: url(../images/home/select-lockup-icon.png);
}

.lockup-selector .off {

}


/* Mini Boxes */

.home-mini-content-box {
	width:  330px;
	height: 212px;
	float: left;
}

.home-mini-content-box-green {
	background-image: url(../images/home/mini-content-box-background-green.png);
}

.home-mini-content-box-gray {
	background-image: url(../images/home/mini-content-box-background-gray.png);
}

.home-mini-content-box .header {
	position: absolute;
	width: 152px;
	height: 70px;
}

.home-mini-content-box .info {
	position: absolute;
	margin: 78px 0px 0px 10px;
	width: 136px;
	height: 130px;
	line-height: 16px;
	overflow: hidden;
}

.home-mini-content-box .info a {
	text-decoration: underline;
	line-height: 16px;
}

.home-mini-content-box .info .recipe-info {
	height: 105px;
}

.home-mini-content-box .info .recipe-info strong {
	font-size: 13px;
	display: block;
	margin-bottom: 8px;
}

.home-mini-content-box .info .recipe-info em {
	font-size: 11px;
	display: block;
	margin-top: 5px;
}

.home-mini-content-box .photo {
	position: absolute;
	margin: 2px 0px 0px 153px;
	width: 175px;
	height: 208px;
	overflow: hidden;
}

.home-mini-content-box .corner {
	position: absolute;
	z-index:  10;
	width: 8px;
	height: 8px;
	overflow: hidden;
}

.home-mini-content-box-green .ne {
	background-image: url(../images/common/corners/light-green-ne.png);
	margin-left: 322px;
}

.home-mini-content-box-green .se {
	background-image: url(../images/common/corners/light-green-se.png);
	margin-top: 204px;
	margin-left: 322px;
}

.home-mini-content-box-gray .ne {
	background-image: url(../images/common/corners/medium-gray-ne.png);
	margin-left: 322px;
}

.home-mini-content-box-gray .se {
	background-image: url(../images/common/corners/medium-gray-se.png);
	margin-top: 204px;
	margin-left: 322px;
}


#home-bottom-boxes {
	position: relative;
	top: 2px;
	left: 6px;
	width: 964px;
	height: 388px;
	background-image: url(../images/home/bottom-boxes/bottom-box-bg.png);
}

#home-bottom-boxes .fb-connect {
	position: absolute;
	margin: 13px 0px 0px 11px;
	width: 254px;
	height: 365px;
	border: 0px;
	overflow: hidden;
}


/* #home-more-recipes {
	position: absolute;
	margin: 9px 0px 0px 6px;
	width: 623px;
	height:  374px;
	overflow: hidden;
} */

#home-more-recipes {
	position: absolute;
	margin: 12px 0px 0px 274px;
	width: 323px;
	height: 370px;
	overflow: hidden;
}

/* #home-more-recipes .bg {
	position: absolute;
	width: 623px;
	height:  374px;
	background-image: url(../images/home/bottom-boxes/home-more-recipes-bg.png);
} */

#home-more-recipes .bg {
	position: absolute;
	width: 323px;
	height:  370px;
	background-image: url(../images/home/bottom-boxes/home-more-recipes-bg.png);
}

/* #home-more-recipes .header {
	position:absolute;
	margin: 13px 0px 0px 0px;
	width: 623px;
	text-align: center;
} */

#home-more-recipes .header {
	position:absolute;
	margin: 13px 0px 0px 16px;
}

/* #home-more-recipes .col1 {
	position: absolute;
	margin-top: 2px;
}


#home-more-recipes .col2 {
	position: absolute;
	margin-top: 2px;
	margin-left: 300px;
} */

#home-more-recipes .item {
	position: absolute;
}

#home-more-recipes .arrow {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/home/bottom-boxes/arrow.png);
}

#home-more-recipes .thumb {
	position: absolute;
	margin-left:  14px;
}

/* #home-more-recipes .title {
	position: absolute;
	margin: 12px 0px 0px 183px;
	width: 120px;
	height: 45px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	overflow: hidden;
} */

#home-more-recipes .title {
	position: absolute;
	margin: 6px 0px 0px 185px;
	width: 120px;
	height: 45px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	overflow: hidden;
}

#home-more-recipes .author {
	position: absolute;
	margin: 44px 0px 0px 185px;
	width: 120px;
	height: 15px;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
}


#home-more-recipes .link {
	position: absolute;
	margin: 50px 0px 0px 185px;
}






#home-join-bakers-club {
	position: absolute;
	margin: 9px 0px 0px 608px;
	width: 349px;
	height: 374px;
	overflow: hidden;
}

#home-join-bakers-club .bg {
	position: absolute;
	width: 349px;
	height: 374px;
	background-image: url(../images/home/bottom-boxes/join-bakers-club-bg.png);
	overflow: hidden;
}

#home-join-bakers-club .header {
	position:absolute;
	margin: 18px 0px 0px 20px;
}

#home-join-bakers-club li {
	font-size: 12px;
	margin-bottom: 2px;
}

#home-join-bakers-club .give-more {
	margin: 68px 0px 0px 20px;
	position:absolute;
}

#home-join-bakers-club .info {
	position:absolute;
	margin: 110px 0px 0px 20px;
	z-index: 2;
}


#home-join-bakers-club .join-now {
	position:absolute;
	margin: 182px 0px 0px 18px;
	z-index: 2;
}

#home-join-bakers-club .cupcake-caption {
	position:absolute;
	margin: 330px 0px 0px 11px;
	width: 75px;
	
}

#home-join-bakers-club .cupcake-caption a {
	font-size: 9px;
	line-height: 11px;
}

#home-join-bakers-club .cupcake {
	position:absolute;
	margin: 148px 0px 0px 109px;
}



#home-notifications {
	position: absolute;
	margin: 9px 0px 0px 608px;
	width: 349px;
	height: 374px;
	overflow: hidden;
}

#home-notifications .bg {
	position: absolute;
	width: 349px;
	height: 374px;
	background-image: url(../images/home/bottom-boxes/notifications-bg.png);
	overflow: hidden;
}

#home-notifications .view-all {
	position: absolute;
	margin: 15px 0px 0px 242px;
}

#home-notifications .header {
	position: absolute;
	margin: 13px 0px 0px 12px;
}

#home-notifications .contents {
	position: absolute;
	width: 321px;
	height:  300px;
	margin: 55px 0px 0px 15px;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
}


.notify-ul {
	list-style-type: none;
	list-style-position: outside;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}

.notify-li {
	line-height: 16px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 11px;
	background-image: url(../images/home/notify-bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.notify-li a {
	font-weight: bold;
	text-decoration: underline;
}