@charset "utf-8";

/* Contains box elements used throughout the site */
.light-gray-box-top-header {
	width: 675px;
	height: 47px;
	background-image: url(../images/common/light-gray-box-top-header.png);
	overflow: hidden;
}

.light-gray-box-top-header img {
	position: absolute;
	margin: 22px 0px 0px 18px;
}

.light-gray-box-top-header h1 {
	padding: 20px 0px 0px 20px;
}

.light-gray-box-top-edge {
	width: 675px;
	height: 32px;
	background-image: url(../images/common/light-gray-box-top-edge.png);
	overflow: hidden;
}

.light-gray-box-bot-edge {
	width: 675px;
	height: 32px;
	background-image: url(../images/common/light-gray-box-bot-edge.png);
}

.light-gray-box-middle {
	width: 675px;
	background-image: url(../images/common/light-gray-box-middle.png);
}

.light-gray-box-middle .spacer {
	width: 1px;
	height: 6px;
}

.light-gray-box-middle .top-edge {
	position: absolute;
	width: 675px;
	height: 32px;
	background-image: url(../images/common/light-gray-box-top-edge.png);
	overflow: hidden;
}

.light-gray-box-middle .header {
	position: absolute;
}

.light-gray-box-middle .contents {
	width: 630px;
	margin-left: 20px;
	padding-top: 6px;
	font-size: 12px;
	line-height: 16px;
}

.light-gray-box-middle .hr {
	margin: 0px;
	padding: 0px;
	width: 620px;
	height: 2px;
	background-image: url(../images/common/light-gray-box-seperator-line.png);
	font-size: 1px;
	line-height: 1px;
	
}

.light-gray-box-seperator-line {
	width: 630px;
	height: 2px;
	margin: 5px 0px;
	background-image: url(../images/common/light-gray-box-seperator-line.png);
	background-repeat: repeat-x;
}


/* The very top box displayed for each page */

#page-top-box {
	width:  928px;
	height: 221px;
}

.page-top-box-gray {
	background-image: url(../images/common/top-box/main-background-928-221.png);
}


.page-top-box-yellow {
	background-image: url(../images/common/top-box/main-background-yellow-928-221.png);
}

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

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

.page-top-box-gray .nw {
	background-image: url(../images/common/corners/light-gray-nw.png);
}

.page-top-box-yellow .sw {
	margin-top: 213px;
	background-image: url(../images/common/corners/yellow-sw.png);
}

.page-top-box-yellow .nw {
	background-image: url(../images/common/corners/yellow-nw.png);
}

#page-top-box-info {
	position: absolute;
	margin: 2px 0px 0px 509px;
	width: 417px;
	height: 217px;
	z-index: 100;
}

#page-top-box-info .info {
	position: absolute;
	height: 217px;
	margin-left: 44px;
	font-size: 12px;
	line-height: 16px;
}

#page-top-box-info .info .table-valign {
	height: 217px;
}

#page-top-box-info .info .table-valign td {
	vertical-align: middle;
}

.page-top-box-info-yellow {
	position: absolute;
	margin: 2px 0px 0px 509px;
	width: 417px;
	height: 217px;
	background-image:url(../images/common/top-box/info-background-yellow-417.png);
}

.page-top-box-info-green {
	position: absolute;
	margin: 2px 0px 0px 509px;
	width: 417px;
	height: 217px;
	background-image: url(../images/common/top-box/info-background-green-416.png);
	z-index: 5;
}

.page-top-box-info-yellow .hr {
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #dbdaaf;
	font-size: 1px;
	line-height: 1px;
}

.hr-gray {
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #d3ccc2;
	font-size: 1px;
	line-height: 1px;
}

.hr-yellow {
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #dbdaaf;
	font-size: 1px;
	line-height: 1px;
}

.hr-green {
	margin: 0px;
	padding: 0px;
	height: 2px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/common/hr/hr-green.png);
}

#page-top-box-photo {
	position: absolute;
	margin: 2px 0px 0px 2px;
	width: 530px;
	height: 217px;
	overflow: hidden;
}

/* Submit Content Sidebar */
#sidebar-submit-content {
	width: 248px;
	height: 25px;
	margin-top: 10px;
}

#sidebar-submit-content .submit-recipe {
	display: block;
	position: absolute;
}

#sidebar-submit-content .submit-tip {
	display: block;
	position: absolute;
	margin-left: 133px;
}

/* Related Products Sidebar */

#sidebar-related-product {
	width:  247px;
	margin-top: 10px;
}


#sidebar-related-product .name {
	position: absolute;
	margin-left: 15px;
}

#sidebar-related-product .top-large {
	width: 247px;
	height: 90px;
	background-image: url(../images/sidebar/related-product/background-top-large.png);
}

#sidebar-related-product .top-small {
	width: 247px;
	height: 60px;
	background-image: url(../images/sidebar/related-product/background-top-small.png);
}

#sidebar-related-product .bottom {
	width:  247px;
	height: 122px;
	background-image: url(../images/sidebar/related-product/background-bottom.png);
}


#sidebar-related-product .bottom .corner {
	position: absolute;
	margin-top: 114px;
	z-index:  8;
	width: 8px;
	height: 8px;
	overflow: hidden;
}

#sidebar-related-product .bottom .sw {
	background-image: url(../images/sidebar/related-product/green-sw.png);
}

#sidebar-related-product .bottom .se {
	margin-left: 239px;
	background-image: url(../images/sidebar/related-product/green-se.png);
}



#sidebar-related-product .hero-photo {
	position: absolute;
	margin: 0px 0px 0px 2px;
}

#sidebar-related-product .box-photo {
	position: absolute;
	margin-left: -6px;
	z-index: 10;
}

/* Related Tips Sidebar */
#sidebar-related-tip {
	margin-top: 10px;
}

#sidebar-related-tip .header-box {
	width: 248px;
	height: 49px;
	background-image: url(../images/sidebar/related-tip/header-background.png);
}

#sidebar-related-tip .header-box a {
	position: absolute;
	margin: 16px 0px 0px 15px;
}

#sidebar-related-tip .content-box {
	width: 248px;
	background-image: url(../images/sidebar/related-tip/content-background.png);
}

#sidebar-related-tip .content-box .contents {
	width: 218px;
	padding-top: 10px;
	margin-left: 15px;
	font-size: 12px;
	line-height: 16px;
}

#sidebar-related-tip .content-box .contents a {
	font-weight: bold;
}

#sidebar-related-tip .content-box .contents br {
	margin-bottom: 4px;
}

#sidebar-related-tip .bottom-edge {
	width: 248px;
	height: 15px;
	background-image: url(../images/sidebar/related-tip/bottom-edge-background.png);
}


/* Context Menu */

.context-menu {
	position: absolute;
	width: 120px;
	background-color: #f4f1f1;
	border: 1px solid #e1dede;
	margin-left: -130px;
	z-index: 910;
	overflow: hidden;
}

.context-menu .close-button {
	position: absolute;
	width: 9px;
	height: 9px;
	margin: 4px 0px 0px 107px;
	background-image: url(../images/common/context-menu-close-button.png);
	cursor: pointer;
	overflow: hidden;
}

.context-menu .top {
	width: 120px;
	height: 14px;
}

.context-menu .message {
	width:  90px;
	margin-left: 10px;
}

.context-menu .bot {
	width: 120px;
	height: 14px;
}


.share-item {
	height: 17px;
	margin: 0px 0px 5px 14px;
	cursor: pointer;
}

.share-item img {
	vertical-align: text-top;
}

.share-item span {
	position: relative;
	top: 2px;
	padding-left: 8px;
	font-size: 11px;
}

.share-item:hover span.hover {
	text-decoration: underline;
}


/* Options Box */

#content-options-menu {
	position: absolute;
	height: 100px;
	width: 70px;
	margin: 26px 0px 0px 567px;
	font-size: 10px;
	font-weight: bold;
	z-index: 900;
}

#content-options-menu .option-item {
	height: 16px;
	width: 100px;
	margin-bottom: 6px;
}


#content-options-menu .option-item img {
	float: left;
}

#content-options-menu .option-item span {
	position: relative;
	top: 3px;
	margin-left: 7px;
}

#content-options-menu .option-item a {
	margin-top: 20px;
}



/* icons */

.icon {
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	margin-right: 3px;
	vertical-align: middle;
}

a:hover .icon {
	text-decoration: none;
	cursor: pointer;
}

.flag {
	width: 12px;
	height: 15px;
	background-image: url(../images/common/icons/flag.png);
}

.circle-arrow {
	width:  16px;
	height: 16px;
	background-image: url(../images/common/icons/circle-arrow.png);
}

.gt {
	width: 12px;
	height: 8px;
	background-image: url(../images/common/icons/gt.png);
	background-repeat: no-repeat;
	background-position: 6px 0px;
}


/* Reviews page for tips and recipes */


#reviews-top {
	width: 675px;
	height: 52px;
	background-image: url(../images/reviews/reviews-header-background.png);
}

#reviews-top-edge {
	width: 675px;
	height: 52px;
	background-image: url(../images/reviews/reviews-top-edge.png);
}

#reviews-header {
	position: absolute;
	margin: 26px 0px 0px 25px;
}

#reviews-middle {
	width: 675px;
	background-image: url(../images/reviews/reviews-background.png);
}

#reviews-content {
	width: 620px;
	margin-left: 25px;
}

#reviews-content .hr {
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #dcdabb;
	font-size: 1px;
	line-height: 1px;
	
}

#reviews-content a:hover {
	text-decoration: none;
}

#reviews-content .hover {
	font-size: 11px;
}

#reviews-content table {

}

#reviews-content td {
	vertical-align: top;
	padding: 3px;
}

#review-button-add {
	position: absolute;
	margin: 10px 0px 0px 25px;
}

#reviews-bottom-edge {
	width: 675px;
	height: 51px;
	background-image: url(../images/reviews/reviews-bottom-edge.png);
	overflow: hidden;
}

.review-header {
	padding-top: 8px;
	height: 12px;
}

.review-header strong {
	font-weight: bold;
	padding-right: 2px;
}

.review-profile-image-box {
	margin:   6px 0px 0px 0px;
	width: 74px;
	height: 77px;
	background-image: url(../images/reviews/profile-image-background.png);
}

.review-profile-image-box img {
	margin: 3px 0px 0px 2px;
}

.review-text {
	width: 490px;
	line-height: 16px;
	font-size: 12px;
}

.review-date {
	margin-top: 8px;
	font-style: italic;
	height: 22px;
}

.review-link-more {
	margin: 12px 30px 0px 0px;
	display: inline-block;
	float: right;
	font-size: 11px;
	font-weight: bold;
}

.review-flag {
	display:inline-block;
	float: right;
}

/* Recipe Browse List */





/* Recipe List Results */

#recipe-browse-container p {
	padding: 2px 20px;
	line-height: 15px;
}

.recipe-list-item {
	width:  649px;
	height: 103px;
	margin: 5px 0px 0px 10px;
	font-size: 11px;
	background-image: url(../images/recipes/recipe-list/item-background.png);
	overflow: hidden;
}

.recipe-list-item-alt {
	background-image: url(../images/recipes/recipe-list/item-background-alt.png);
}

.recipe-list-header {
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	background-image: none;
}

.recipe-list-item td {
	vertical-align: middle;
	text-align: center;
}

.recipe-list-item .td-thumb {
	width: 104px;
	text-align: left;
}

.recipe-list-item .td-desc {
	width: 198px;
	text-align: left;
}

.recipe-list-item .td-desc div {
	width: 95%;
	line-height: 13px;
	max-height: 80px;
	overflow: hidden;
}

.recipe-list-item .td-desc a {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 3px;
}

.recipe-list-item .td-author {
	width: 102px;
}

.recipe-list-item .td-type  {
	width: 84px;
}

.recipe-list-item .td-reviews {
	width: 92px;
}

.recipe-list-item .td-reviews em {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-style: italic;
}

.recipe-list-item .td-reviews .no-reviews {
	font-style: italic;
	color: #977c5c;
}

.recipe-list-item .td-time  {
}

.recipe-list-thumb {
	width: 86px;
	height: 88px;
	overflow: hidden;
	margin-left: 10px;
}

.recipe-list-thumb img {
	position: absolute;
	margin: 3px 0px 0px 3px;
}

.recipe-list-thumb div {
	position: absolute;
	width: 86px;
	height: 88px;
	background-image: url(../images/recipes/recipe-list/thumb-overlay.png);
}


#browser-pages-header {
	position: absolute;
	margin:   24px 0px 0px 298px;
	width: 350px;
	height: 16px;
	text-align: right;
}

.browser-page-numbers {
	float: right;
	font-weight: normal;
	font-size: 12px;
	height: 16px;
}

.browser-page-numbers td {
	vertical-align: top;
	height: 16px;
}

.browser-page-numbers .arrow {
	position: absolute;
	display: inline-block;
	margin:   0px;
	position: inherit;
	width: 10px;
	height: 14px;
	vertical-align:top;
	background-repeat: no-repeat;
}

.browser-page-numbers .prev {
	background-image: url(../images/common/browser/prev.png);
	margin-right: 1px;
}

.browser-page-numbers .next {
	background-image: url(../images/common/browser/next.png);
	margin-left: 2px;
}

.browser-page-numbers a {
	margin: 0px 2px;
}

.browser-page-numbers .current {
	font-weight: bold;
	text-decoration: underline;
}


#browser-list-footer {
	width:  642px;
	height: 16px;
	margin-top: 24px;
	margin-left: 14px;
	text-align: right;
}


/* Tip List Results */
#browse-tip-header {
	width: 675px;
	height: 57px;
	background-image: url(../images/common/light-gray-box-extended-top-header.png);
	overflow: hidden;
}

#browse-tip-header .icon {
	position: absolute;
	margin: 9px 0px 0px 18px;
}

#browse-tip-header .header {
	position: absolute;
	margin: 26px 0px 0px 76px;
}

#tip-browse-container p {
	padding: 2px 20px;
}


.tip-list-item {
	width:  641px;
	height: 86px;
	margin: 5px 0px 0px 16px;
	font-size: 11px;
	background-image: url(../images/baking-tips/tip-list/item-background.png);
	overflow: hidden;
}

.tip-list-item-alt {
	background-image: url(../images/baking-tips/tip-list/item-background-alt.png);
}

.tip-list-header {
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	background-image: none;
}

.tip-list-item td {
	vertical-align: middle;
	text-align: center;
}

.tip-list-item .td-desc {
	width: 224px;
	text-align: left;
}

.tip-list-header .td-desc {
	text-align: center;
}

.tip-list-item .td-desc div {
	width: 184px;
	margin-left: 20px;
	line-height: 13px;
	max-height: 68px;
	overflow: hidden;
}

.tip-list-item .td-desc a {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 3px;
}
.tip-list-item .td-category  {
	width: 102px;
}

.tip-list-item .td-subcategory  {
	width: 106px;
}

.tip-list-item .td-author {
	width: 106px;
}

.tip-list-item .td-reviews {
	width: 102px;
}

.tip-list-item .td-reviews em {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-style: italic;
}

.tip-list-item .td-reviews .no-reviews {
	font-style: italic;
	color: #977c5c;
}




/* Recipe by Type, Occasion, or Favorite Box */

#recipe-cat-box {
	width: 247px;
	height: 212px;
	background-image: url(../images/recipe-cat-box/recipe-cat-box-background.png);
	overflow: hidden;
}

#recipe-cat-recipes-by-type {
	position: absolute;
	margin-top: 0px;
	z-index:  10;
}

#recipe-cat-recipes-by-occasion {
	position: absolute;
	margin-top: 153px;
	z-index:  20;
}

#recipe-cat-my-fav-recipes {
	position: absolute;
	margin-top: 183px;
	z-index:  30;
}

.recipe-cat-header-box {
	width: 247px;
	height: 29px;
	background-image: url(../images/recipe-cat-box/header-box-background.png);
	overflow: hidden;
	cursor: pointer;
}

.recipe-cat-button {
	margin: 5px 5px 0px 5px;
}

.recipe-cat-content {
	width: 247px;
	height: 124px;
	background-image: url(../images/recipe-cat-box/content-box-background.png);
	font-weight: bold;
	overflow: hidden;
}

.recipe-cat-table-list {
	margin: 0 auto;
}

.recipe-cat-table-list td {
	padding-bottom: 6px;
	white-space: nowrap;
}

.recipe-cat-table-list-col1 {
	padding-right: 8px;
}

#recipe-cat-bot-edge {
	position: absolute;
	width: 247px;
	height: 5px;
	margin: 207px 0px 0px 0px;
	background-image: url(../images/recipe-cat-box/bot-edge.png);
	z-index: 100;
	overflow: hidden;
}

#recipe-cat-bot-left-corner {
	position: absolute;
	width: 7px;
	height: 7px;
	margin: 205px 0px 0px 0px;
	background-image: url(../images/recipe-cat-box/bot-left-corner.png);
	z-index: 100;
	overflow: hidden;
}

#recipe-cat-bot-right-corner {
	position: absolute;
	width: 7px;
	height: 7px;
	margin: 205px 0px 0px 240px;
	background-image: url(../images/recipe-cat-box/bot-right-corner.png);
	z-index: 100;
	overflow: hidden;
}

.recipe-cat-bullet {
	width: 5px;
	height: 6px;
	padding-right: 2px;
}

#content-bakers-club-join-box {
	position: relative;
	width: 964px;
	height: 152px;
	top: 2px;
	left: 6px;
	background-image: url(../images/bakers-club/bakers-club-box/join-background.png);
}

#bakers-club-join-box-benifits {
	position: absolute;
	margin: 14px 0px 0px 34px;
	width: 570px;
	height: 128px;
	overflow: hidden;
}

#bakers-club-join-box-benifits img {
	display: block;
}

#bakers-club-join-box-benifits .header {
	margin-top: 14px;
}

#bakers-club-join-box-benifits .subheader {
	margin-top: 18px;
}

#bakers-club-join-box-benifits .list {
	margin-top: 4px;
}

#bakers-club-join-box-benifits .list li {
	font-size: 12px;
}

#content-bakers-club-join-box .join-button {
	position: absolute;
	margin: 100px 0px 0px 280px;
	width: 111px;
	height: 16px;
}

#content-bakers-club-join-box .photo {
	position: absolute;
	margin: 14px 0px 0px 418px;
	width: 186px;
	height: 127px;
	overflow: hidden;
}

#bakers-club-join-box-newsletter {
	position: absolute;
	margin: 32px 0px 0px 630px;
	width: 300px;
}

#bakers-club-join-box-newsletter p {
	margin: 4px 0px 10px 0px;
	font-size: 12px;
	line-height: 16px;
}

#bakers-club-join-box-newsletter img {
	display: block;
}

#content-bakers-club-box {
	position: relative;
	width: 964px;
	height: 164px;
	top: 2px;
	left: 6px;
	background-image: url(../images/bakers-club/bakers-club-box/background.png);
}

#content-bakers-club-box .minibox {
	position: absolute;
	width: 224px;
	height: 136px;
	margin-top: 14px;
	overflow: hidden;
}

#content-bakers-club-box .minibox .header {
	display: block;
	position: absolute;
	width: 224px;;
	height: 30px;
}

#content-bakers-club-box .minibox .content {
	height: 70px;
	width:  204px;
	position: absolute;
	margin: 45px 0px 0px 10px;
	overflow: hidden;
}

#content-bakers-club-box .minibox .link-see-all {
	display: block;
	position: absolute;
	width: 50px;;
	height: 12px;
	margin: 115px 0px 0px 166px;
	font-style: italic;
	font-weight: bold;
	background-image: url(../images/bakers-club/bakers-club-box/link-see-all.png);
}

#login-box {
	display: none;
	position: absolute;
	margin-top: -18px;
	margin-left: 776px;
	height: 140px;
	width: 176px;
	background: #f2f2f2;
	border: 1px solid #bdbdbd;
	border-top: none;
	z-index: 1000;
}

#login-box .close-button {
	position: absolute;
	width: 9px;
	height: 9px;
	margin: 7px 0px 0px 160px;
	background-image: url(../images/common/login-box-close-button.png);
	cursor: pointer;
	overflow: hidden;
}

#login-box .contents {
	position: absolute;
	margin: 15px 0px 0px 19px;
	width: 140px;
}

#login-box label {
	font-size: 11px;
	display: block;
	color: #573a18;
	margin: 0px 0px 2px 0px;;
	padding: 0px;
}

#login-box a {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	line-height: 11px;
}

#login-box .input-text {
	margin: 0px;
	padding: 2px;
	height: 15px;
	border: solid 1px #8e7c66;
	width: 132px;
	font-size: 11px;
}

#login-box .forgot-password {
	display: inline-block;
	float: left;
}

#about-us {
	margin-top: 20px;
	margin-left: 169px;
	width: 600px;
	font-size: 12px;
}

#about-us a {
	text-decoration: underline;
}

#about-us h1 {
	margin: 16px 0px 8px 0px;
	font-size: 18px;
	font-weight: bold;
}

#about-us p {
	line-height: 15px;
	margin: 10px 0px;
}

#contact-us table {
	
}

#contact-us table td {
	padding-right: 20px;
}


#contact-us h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

#error-page-table {
	width: 572px;
	height: 183px;
	font-size: 14px;
	margin-left: 50px;
}

#error-page-table td {
	vertical-align: middle;
	text-align: center;
}

#error-page-table td a {
	text-decoration: underline;
}

#error-login-section {
	position: absolute;
	margin-left: 448px;
	height: 183px;
	width:  200px;
	background-image: url(../images/error/seperator.png);
	background-repeat: no-repeat;
}

#error-login-section strong {
	display: block;
	font-weight: bold;
	margin: 10px 0px 3px 0px;
}

.textarea-counter {
	display: inline-block;
	width: 200px;
	padding-bottom: 1px;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
}