html, body, applet, object, iframe, fieldset, form, h1, h2, h3, h4, h5, h6, p { 
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}

body {
	line-height: 1;
	color: #000;
	background: #FFF;
}
	/* TinyMCE Editor */
	body.mceContentBody {
		background: #FFF;
		padding: 10px;
		margin: 0;
	}

a:hover { 
	color: #F60;
}

h1	{ font-size: 2em; margin: .67em 0 }
h2	{ font-size: 1.5em; margin: .75em 0 }
h3	{ font-size: 1.17em; margin: .83em 0 }
h4, p	{ margin: 1.12em 0 }
h5	{ font-size: .83em; margin: 1.5em 0 }
h6	{ font-size: .75em; margin: 1.67em 0 }

ul li img { 
	vertical-align: middle;
}

hr { 
}

/*
table {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
td, th { padding: 0; }
caption, th, td { text-align: left; font-weight: normal; }
*/

input, select, textarea { vertical-align: bottom; }

blockquote:before, blockquote:after,
q:before, q:after { 
	content: "";
}
blockquote, q { quotes: "" ""; }



body { 
	color: #333;
	background: #DDD /*url(/framework/images/bg.gif) repeat-x*/;
	margin: 0;
	padding: 0;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
}
a { 
}
span { color: #039; } 
span.hlyellow { 
	color: #000;
	background: #FF0;
}
a:link { 
	color: #039;
	text-decoration: none;
}
a:visited { 
	text-decoration: none;
}
a:hover { 
	color: #F90;
	text-decoration: underline;
}
a:active { 
	color: #F00;
}
.bad { color: #C00; }
.good { color: #090; }
h1.hide { display: none; }
div.clear { 
	clear: both;
	height: 10px;
}
hr { 
	border: none;
	border-top: 1px solid #009;
}
ul.bare { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
h3 { margin-bottom: 0; }
h4 { margin-bottom: 0; }
p { margin-top: 0; }
strong.new { 
	color: #F90;
	font-size: 11px;
}
strong.soldout { 
	color: #808080;
	font-size: 11px;
	font-style: italic;
}
a:hover { 
	color: #F60;
}
a.soldout { color: #999; }
a.soldout:hover { color: #000; }
a.new { color: #F60; }
a.new:hover { color: #F00; }



/* Form */
fieldset { 
	margin: 10px 0;
	padding: 0.5em;
}
fieldset.bare { 
	margin: 0;
	padding: 0;
	border: none;
}
input, select, textarea { 
	font-size: 11px; 
}
input[type="password"] { 
	font-family: 'Courier New', Courier, Sans-serif;
}
input[type="text"], 
input[type="password"], 
textarea { 
	color: #000; background: #FFF; 
}
	input[type="text"]:focus,
	input[type="password"]:focus, 
	textarea:focus { 
		color: #C00; 
		background: #FFC; 
	}
input.error, 
textarea.error { 
	border-color: #C00; 
	background-color: #FEF; 
}
	input.error:focus, 
	textarea.error:focus { 
		background-color: #FFC; 
		border-color: #FC6; 
	}
form div { 
	clear: left;
	line-height: 2em;
}
form p { 
	line-height: 1;
}
form label { 
	display: block;
	width: 12em;
	float: left;
}
	form label.error { 
		color: #C00; 
	}
		form label em { 
			color: #F00;
			font-style: normal;
		}
form div.options { 
	clear: none;
	margin: 10px 0;
}
form div.radios { 
	display: inline;
	clear: none;
}
form .radios label { 
	display: inline;
	float: none;
	width: auto;
}
form ul.radios { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
p.note { margin-bottom: 10px; }
p.note em { 
	color: #C00; 
	font-style: normal;
}

	div.core label { 
		display: inline;
		width: auto;
		float: none;
		font-weight: bold;
	}
	div.core input { 
		vertical-align: middle;
	}
	div.core p { 
		margin-top: 0;
	}
	div.subscribe label { 
		color: #039;
	}
	label:hover,
	div.special label:hover { 
		color: #F63;
	}

	div.outofstock { 
		width: 131px;
		height: 44px;
		float: left;
		position: relative;
		font-size: 11px;
		line-height: 1.2;
		text-align: left;
		font-family: Arial, Helvetica, Sans-serif;
	}
		div.outofstock a { 
			white-space: nowrap;
		}
	form.addtocart { 
		width: 131px;
		height: 44px;
		background: url(/framework/images/add-to-cart.gif) no-repeat;
		position: relative;
		float: left;
		margin-right: 10px;
	}
		form.addtocart label { 
			font-size: 0;
			text-indent: -9999px;
			width: 51px;
			height: 16px;
			position: absolute;
			left: 16px;
			top: 6px;
			
		}
		form.addtocart input.quantity { 
			position: absolute;
			top: 5px;
			left: 69px;
			width: 33px;
			height: 12px;
			font-size: 10px;
			font-family: Arial, Helvetica, Sans-serif;
			text-align: center;
		}
		form.addtocart input.addsubmit { 
			width: 105px;
			height: 15px;
			position: absolute;
			bottom: 3px;
			left: 12px;
			border: none;
			background: none;
			font-size: 0;
			text-indent: -9999px;
			line-height: 0.0;
			cursor: pointer;
		}

	ul.price { 
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0;
		height: 3em;
	}
	.reg { color: #000; }
	.so { color: #039; }
		ul.price li { 
			height: 1.5em;
		}
		ul.price span { 
			display: block;
			width: 10em;
			float: left;
		}
		ul.price span.sale { 
			color: #C00;
		}
		ul.price span.was { 
			text-decoration: line-through;
		}

h2.inline, h3.inline { 
	margin-top: 0;
	display: inline;
}
p.new { 
	margin-top: 0;
	display: inline;
}
p.new img { 
	vertical-align: middle;
}




div#debug { 
	width: 35em;
	height: 35em;
	overflow: auto;
	white-space: nowrap;
	position: absolute;
	top: 5px;
	right: 5px;
	border: 1px solid #F00;
	padding: 10px;
	background: #FEE;
	color: #900;
	font-size: 10px;
}
	div#debug h4 { 
		margin: 0;
	}
	div#debug ul { 
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0;
		
	}
div#template { 
	width: 867px;
	margin: 0 auto;
	background: #FFF;
	padding-bottom: 20px;
}
div#top { 
	height: 78px;
	background: #0045AE;
	border-bottom: 1px solid #999;
	position: relative;
}
	div#top p { margin: 0; }
	div#top p a img { 
		border: none;
	}
	div#top p a { 
		display: block;
		text-indent: -9999px;
		font-size: 0;
	}
	div#top p#logo { 
		width: 80px;
		height: 50px;
		position: absolute;
		top: 23px;
		left: 17px;
	}
		div#top p#logo a { 
			height: 50px;
			background: url(/framework/images/logo_ccpl.gif) no-repeat;
		}
	div#top p#cmpc { 
		width: 97px;
		height: 51px;
		position: absolute;
		top: 21px;
		right: 17px;
	}
		div#top p#cmpc a {
			height: 51px;
			background: url(/framework/images/logo_cmpc.gif) no-repeat;
		}
	div#top ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 600px;
		position: absolute;
		top: 8px;
		left: 50%;
		margin-left: -295px;
		font: 11px/1.5 Arial, Helvetica, Sans-serif;
	}
		div#top ul li { 
			display: inline;
			float: left;
		}
			div#top ul li a { 
				color: #FFF;
				border-right: 1px solid #FFF;
				padding: 0 5px;
				text-decoration: none;
				
			}
				div#top ul li a:hover { 
					color: #FB0;
					text-decoration: underline;
				}
			div#top ul li.last a {
				border-right: none;
			}
	div#top p.banner { 
		margin: 0;
		text-align: center;
		padding-top: 30px;
	}

/* Main Wrapper for Panel A, Panel B, and Content */
div#main { 
}

/* Panels A and B */
div#panela { 
	width: 120px;
	float: left;
}
div#panelb { 
	width: 120px;
	float: right;
}

/* Panel A */
div#panela { 
	background: #d9e3f3 url(/framework/images/panel-a-fade.gif) 0 100% no-repeat;
	padding-bottom: 80px;
}
	div#searchpanel { 
		width: 120px;
		height: 94px;
		background: url(/framework/images/search-panel.gif);
		position: relative;
		margin: 8px 0;
	}
		div#searchpanel form label { 
			display: inline;
			color: #FFF;
			float: none;
			vertical-align: middle;
		}
		div#searchpanel form label:hover { 
			color: #F93;
		}
		div#searchpanel label#searchlabel { 
			display: block;
			font-size: 0;
			text-indent: -9999px;
			height: 20px;
		}
		div#searchpanel input#search { 
			position: absolute;
			top: 18px;
			left: 6px;
			width: 105px;
			height: 12px;
			font-size: 11px;
		}
			div#searchpanel form div#searchcookbooks { 
				width: 120px;
				position: absolute;
				top: 39px;
				left: 0;
				font-size: 10px;
			}
			html>body div#searchpanel form div#searchcookbooks { 
				top: 35px;
			}
				div#searchpanel form div#searchcookbooks input { 
					display: inline;
					vertical-align: middle;
					height: 10px;
				}
			div#searchpanel form div#searchrecipes { 
				width: 120px;
				position: absolute;
				top: 55px;
				left: 0;
				font-size: 10px;
			}
			html>body div#searchpanel form div#searchrecipes { 
				top: 50px;
			}
				div#searchpanel form div#searchrecipes input { 
					display: inline;
					vertical-align: middle;
					height: 10px;
				}
				div#searchpanel form div#searchcookbooks label,
				div#searchpanel form div#searchrecipes label { 
					position: relative;
					top: 0.06em;
				}
		div#searchpanel input#searchsubmit { 
			position: absolute;
			bottom: 1px;
			left: 18px;
			border: none;
			background: none;
			width: 85px;
			height: 18px;
			font-size: 0;
			text-indent: -9999px;
			overflow: hidden;
			padding-top: 18px;
			cursor: pointer;
		}
	div#cb h2 { 
		margin: 0;
	}
	div#cb h2 a { 
		display: block;
		margin: 7px 0 0 0;
		background: url(/framework/images/craft-books.gif);
		height: 28px;
		font-size: 0;
		text-indent: -9999px;
	}
	div#cb h2 a.closed { 
		background-position: 0px -28px;
		}
	div#cb h2 a.opened { 
		background-position: 0px 0px;
	}
	
	div#sc h2 { 
		margin: 0;
	}
	div#sc h2 a { 
		display: block;
		margin: 7px 0 0 0;
		background: url(/framework/images/shop-cookbooks.gif);
		height: 23px;
		font-size: 0;
		text-indent: -9999px;
	}
	p#shopbyseries { 
		margin: 0;
		width: 120px;
		height: 35px;
	}
		p#shopbyseries a { 
			display: block;
			height: 35px;
			background: url(/framework/images/shop-by-series.gif);
			font-size: 0;
			text-indent: -9999px;
			text-decoration: none;
		}
			p#shopbyseries a:hover { 
				background-position: 0 -35px;
			}
	div#br h2 { 
		margin: 0;
	}
	div#br h2 a { 
		display: block;
		margin: 7px 0 0 0;
		background: url(/framework/images/browse-recipes.gif);
		height: 23px;
		font-size: 0;
		text-indent: -9999px;
	}
	p#browsebytitle { 
		margin: 0;
		width: 120px;
		height: 35px;
	}
		p#browsebytitle a { 
			display: block;
			height: 35px;
			background: url(/framework/images/browse-by-title.gif);
			font-size: 0;
			text-indent: -9999px;
			text-decoration: none;
		}
			p#browsebytitle a:hover { 
				background-position: 0 -35px;
			}

	div#panela ul.menu { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 11px;
		/* font-family: Arial, Helvetica, Sans-serif; */
	}
		div#panela ul.menu li { 
			display: inline;
		}
		div#panela ul.menu a {
			display: block;
			outline: none;
			color: #003399;
			background: #FFF;
			text-decoration: none;
			font-weight: bold;
			border-left: 2px solid #94b1dd;
			padding-left: 7px;
			line-height: 20px;
		}
			div#panela ul.menu a:hover,
			/*div#panela li.show li.current a, */
			div#panela ul.menu li.current a { 
				color: #FFF;
				background: #7fa2d6;
			}
		div#panela ul.menu a span {
			color: #039;
		}
		div#panela ul.menu ul { 
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		div#panela ul.menu ul a {
			padding-left: 21px;
		}
		div#panela ul.menu li.hide ul { display: none; }
		div#panela ul.menu li.show ul { display: block; }

		/*
		div#panela div#sc ul li:hover ul {
			display: block;
		}
		*/
		div.panelend { 
			border-left: none;
			padding-left: 9px;
			background: #FFFFFF url(/framework/images/cb-footer.gif) 0 0;
			background-position: 0 -0px;
			height: 16px;
			min-height: 16px;
						
		}


	div#panela ul.banners { 
		list-style-type: none;
		margin: 0 0 0 10px;
		padding: 0;
	}
		div#panela ul.banners li { 
			margin: 10px 0;
		}
		div#panela ul.banners li a { 
			display: block;
			width: 100px;
			font-size: 0;
			text-decoration: none;
		}
		div#panela ul.banners li a img { 
			border: none;
		}

/* Panel B */
div#panelb { 
	padding-right: 10px;
}
	div#viewcart { 
		background: url(/framework/images/view-cart.gif);
		width: 120px;
		height: 70px;
		margin: 10px 0;
		color: #FFF;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
		font-weight: bold;
		position: relative;
		line-height: 1;
	}
		div#viewcart label { 
			display: block;
			height: 24px;
			font-size: 0;
			text-indent: -9999px;
		}
		div#viewcart p.items { 
			margin: 0;
			position: absolute;
			bottom: 36px;
			left: 44px;
		}
		div#viewcart p.subtotal { 
			margin: 0;
			position: absolute;
			bottom: 24px;
			left: 65px;
		}
		div#viewcart input#checkoutsubmit { 
			color: red;
			position: absolute;
			bottom: 2px;
			left: 26px;
			width: 66px;
			height: 18px;
			background: none;
			font-size: 0;
			text-indent: -9999px;
			border: none;
			overflow: hidden;
			padding-top: 18px;
			cursor: pointer;
		}
	div#newsletter { 
		margin: 10px 0;
		position: relative;
	}
		form#nlform { 
			margin: 0;
			background: url(/framework/images/free-newsletter.gif) no-repeat;
			width: 120px;
			height: 117px;
		}
		form#nlform label { 
			display: block;
			height: 26px;
			font-size: 0;
			text-indent: -9999px;
		}
	/* I've changed the pixel sizes below from width 106 and hieght 12 to zeros to render the form invisible for now -Pete-*/
		form#nlform input#mpemail { 
			width: 0px;
			height: 0px;
			position: absolute;
			font-size: 11px;
			top: 25px;
			left: 5px;
		}
		form#nlform input#nlsubmit { 
			width: 66px;
			height: 19px;
			position: absolute;
			top: 96px;
			left: 26px;
			border: none;
			background: none;
			font-size: 0;
			text-indent: -9999px;
			overflow: hidden;
			padding-top: 19px;
			cursor: pointer;
		}
		p.ad { 
			margin: 0;
		}
		p.ad a { 
			display: block;
			height: 94px;
			border: 1px solid #babac5;
			border-top: none;
			padding-top: 1px;
			background: url(/framework/images/news-bite.gif) no-repeat 0 1px;
			font-size: 0;
			text-indent: -9999px;
			line-height: 0.0;
		}
	div#panelb ul.banners { 
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		div#panelb ul.banners li { 
			margin: 10px 0;
		}
		div#panelb ul.banners li a { 
			display: block;
			width: 120px;
			font-size: 0;
			text-decoration: none;
		}
		div#panelb ul.banners li a img { 
			border: none;
		}

/* Banner Area */
div#banner { 
	height: 65px;
	border-bottom: 1px solid #999;
}
	div#banner a { 
		display: block;
		height: 65px;
		margin: 0 auto;
		background-position: 50% 0;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	div#banner a:hover { 
		text-decoration: none;
	}
		div#banner a span { 
			font-size: 0;
			visibility: hidden;
		}

/* Content */
div#content { 
	width: 587px;
	margin: 0 0 0 134px;
	position: relative;
}
	div#searchbar { 
		height: 35px;
		width: 577px;
		background: url(/framework/images/search-bar-bg.gif) repeat-x;
		position: relative;
		top: 10px;
		margin-bottom: 20px;
	}
		div#searchbar form { 
			height: 35px;
			background: url(/framework/images/search-bar-b.gif) no-repeat 100% 0;
		}
			div#searchbar form label { 
				display: inline;
				color: #FFF;
				float: none;
				vertical-align: middle;
			}
			div#searchbar form label:hover { 
				color: #F93;
			}
			div#searchbar form div#searchcookbooks { 
				width: 100px;
				position: absolute;
				top: 5px;
				left: 360px;
				font-size: 10px;
			}
				div#searchbar form div#searchcookbooks input { 
					display: inline;
					vertical-align: middle;
					position: relative;
					height: 10px;
				}
			div#searchbar form div#searchrecipes { 
				width: 100px;
				position: absolute;
				top: 5px;
				left: 460px;
				font-size: 10px;
			}
				div#searchbar form div#searchrecipes input { 
					display: inline;
					vertical-align: middle;
					height: 10px;
				}
				div#searchbar form div#searchcookbooks label,
				div#searchbar form div#searchrecipes label { 
					position: relative;
					top: 0.06em;
				}
			div#searchbar form label#searchlabel { 
				display: block;
				float: left;
				height: 35px;
				width: 175px;
				background: url(/framework/images/search-bar-a.gif) no-repeat;
				float: left;
				font-size: 0;
				text-indent: -9999px;
			}
			div#searchbar form input#search { 
				position: absolute;
				top: 8px;
				left: 185px;
				width: 166px;
				height: 12px;
				font-size: 11px;
			}
			div#searchbar form input#searchsubmit { 
				position: absolute;
				top: 7px;
				right: 12px;
				border: none;
				background: none;
				width: 31px;
				height: 22px;
				font-size: 0;
				text-indent: -9999px;
				cursor: pointer;
			}
	div#sobanner { 
		width: 575px;
		height: 128px;
		border: 1px solid #999;
		position: relative;
	}
		div#sobanner img { 
			border: none;
			margin: 0;
			padding: 0;
			float: left;
			position: relative;
		}
		div#sobanner img.hide { display: none; }
		div#sobanner img.show { display: block; }
		div#sobanner div.menu { 
			position: absolute;
			bottom: 0;
			right: 0;
			height: 22px;
			background: #5880c2;
		}
			div#sobanner div.menu p.options { 
				margin: 0;
				width: 66px;
				height: 22px;
				float: left;
			}
				div#sobanner div.menu p.options a { 
					display: block;
					outline: none;
					float: left;
					width: 21px;
					height: 15px;
					margin: 5px 0 0 7px;
					background: url(/framework/images/so-buttons.gif);
					font-size: 0;
					text-indent: -9999px;
					text-decoration: none;
				}
				div#sobanner div.menu p.options a.play:hover { 
					background-position: 0 -15px;
				}
				div#sobanner div.menu p.options a.pause { 
					background-position: -21px 0;
				}
				div#sobanner div.menu p.options a.pause:hover { 
					background-position: -21px -15px;
				}
			div#sobanner div.menu ul { 
				list-style-type: none;
				margin: 0 4px 0 76px;
				padding: 0;
			}
				div#sobanner div.menu ul li { 
					display: inline;
					float: left;
				}
					div#sobanner div.menu ul li a { 
						outline: none;
						color: #FFF;
						font-size: 11px;
						font-weight: bold;
						text-decoration: none;
						padding: 4px;
						line-height: 22px;
					}
						div#sobanner div.menu ul li a:hover { 
							color: #000;
						}
					div#sobanner div.menu ul li.current a { 
						color: #000;
					}
	div#boxcontent { 
		float: left;
	}
	div.newssection { 
		margin: 10px 0;
	}
	div#boxcontent div.left { 
		width: 280px;
		float: left;
	}
	div#boxcontent div.right { 
		width: 280px;
		float: right;
		position: relative;
		right: 10px;
	}
	div#boxcontent div.left div.newsbox,
	div#boxcontent div.right div.newsbox { 
		float: none;
		width: auto;
		height: auto;
		margin: 10px 0;
	}
	p#crumbs { 
		font-size: 11px; 
		margin: 0;
		line-height: 20px;
		padding: 0 0 0 5px;
		border-bottom: 1px solid #999;
		background: #EEE;
	}
	/*
	p#crumbs { 
		font-size: 10px; 
		margin-top: 0;
	}
	*/
	div#content h1 { 
		margin: 0 0 5px 0;
		font-size: 22px;
		padding-bottom: 5px;
		border-bottom: 1px solid #009;
	}
		div#content h1.cart { 
			display: inline;
			padding-right: 10px;
		}
	p.cartcrumbs { 
		display: inline;
		background: url(/framework/images/cart.gif) no-repeat;
		padding: 7px 0 7px 35px;
		position: relative;
		top: -0.2em;
		color: #BBB;
		font-weight: bold;
	}
	p.submenu { 
		margin: 0;
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 11px;
		border-bottom: 1px solid #009;
		padding-bottom: 5px;
		background: #FFF url(/framework/images/quick-links.gif) repeat-x 0 100%;
		padding-left: 5px;
	}
		p.submenu a {
			text-decoration: underline;
		}
	div.header { 
		padding-top: 5px;
	}
	div.headerbar { 
		clear: none;
		background: #f2f6fb;
		border: 1px solid #000;
		border-left: none;
		border-right: none;
		margin: 10px 0;
		padding: 3px 0;
		position: relative;
	}
		div.headerbar h3 { 
			margin: 0;
			display: inline;
			color: #000;
		}
		div.headerbar p.print { 
			margin: 0;
		}
			div.headerbar p.print a { 
				display: block;
				width: 10em;
				position: absolute;
				top: 0.6em;
				right: 0;
				line-height: 13px;
				font-size: 10px;
				background: url(/framework/images/icon_printer.gif) no-repeat 100% 50%;
				padding-right: 20px;
				text-align: right;
				text-decoration: none;
			}
		div.headerbar label { 
			display: inline;
			width: auto;
			float: none;
		}
		div.headerbar input { 
			vertical-align: middle;
		}
	div#content h2 { 
		color: #039;
	}
	div#content h2.heading { 
		border-bottom: 1px solid #999;
		width: 577px;
		height: 19px;
		background: url(/framework/images/heading-monthly-feature.gif) no-repeat;
		font-size: 0;
		text-indent: -9999px;
		margin: 10px 0 0 0;
	}
		div#content h2#browse { 
			background: url(/framework/images/heading-browse-products.gif) no-repeat;
		}
		div#content h2#featurebook { 
			height: 26px;
			background: url(/framework/images/heading-feature-book.gif) no-repeat;
		}
		div#content h2#featurebooknew { 
			height: 26px;
			background: url(/framework/images/heading-feature-book_new.gif) no-repeat;
		}
	div#content div.newsbox { 
		width: 275px;
		height: 250px;
		float: left;
		margin-right: 11px;
	}
		div#content div.newsbox h2 { 
			margin: 0;
		}
		div#content div.newsbox p { 
			margin: 0;
		}
		div#content div.newsbox p.image { 
			margin-top: 10px;
		}
		div#content div.newsbox a img { 
			border: none;
		}
			div#browseproducts { 
				height: 80px;
				margin: 10px 0;
			}
			div#browseproducts #newssc { 
				width: 170px;
				height: 80px;
				margin: 10px 0;
				float: left;
				position: relative;
				left: 50px;
			}
				div#browseproducts #newssc a { 
					display: block;
					height: 80px;
					width: 170px;
					font-size: 0;
					text-indent: -9999px;
					background: url(/framework/images/footer-shop-cookbooks.gif);
				}
			div#browseproducts #newsbr { 
				width: 170px;
				height: 80px;
				margin: 10px 0;
				float: right;
				position: relative;
				right: 50px;
			}
				div#browseproducts #newsbr a { 
					display: block;
					height: 80px;
					width: 170px;
					font-size: 0;
					text-indent: -9999px;
					background: url(/framework/images/footer-browse-recipes.gif);
				}
	div#content div#product { 
		margin-top: 1em;
		margin-bottom: 50px;
		position: relative;
	}
		div#content div#product h2 { 
			color: #000;
		}
		div#content div#product div.image { 
			margin: 0 10px 10px 0;
			float: left;
			position: relative;
		}
			div#content div#product div.image img.specialoffer { 
				border: none;
				position: absolute;
				bottom: -8px;
				right: -13px;
			}
		div#content div#product div.details { 
			width: 370px;
			float: right;
			position: relative;
		}
		div#content div#product p.new img { 
			vertical-align: middle;
		}
		div#content div#product p.deal { 
			color: #C00;
			margin: 5px 0 10px 0;
		}
			div#content div#product p.deal a { 
				color: #C00;
			}
		div#content div#product p.guaranteedgreat { 
			margin: 0;
			width: 58px;
			height: 59px;
			float: left;
			background: url(/framework/images/guaranteed-great.gif) no-repeat 0 100%;
			font-size: 0;
			text-indent: -9999px;
			position: relative;
			bottom: 7px;
		}
		div#content div#product p.needhelp { 
			margin: 0;
			width: 114px;
			height: 37px;
			float: left;
			background: url(/framework/images/need-help-ordering.gif) no-repeat;
			font-size: 0;
			text-indent: -9999px;
			margin-left: 10px;
		}
		div#content div#product ul.menu { 
			list-style-type: none;
			margin: 0 0 10px;
			padding: 0;
			height: 20px;
		}
			div#content div#product ul.menu li { 
				float: left;
				display: inline;
			}
			div#content div#product ul.menu a { 
				display: block;
				outline: none;
				float: left;
				width: 88px;
				height: 18px;
				background: url(/framework/images/product-details-menu.gif) no-repeat;
				font-size: 0;
				text-decoration: none;
				text-indent: -9999px;
				margin-right: 2px;
			}
			html>body div#content div#product ul.menu a { 
				margin-right: 4px;
			}
				div#content div#product ul.menu a.samples { 
				}
					div#content div#product ul.menu a.samples:hover { 
						background-position: -88px 0;
					}
				div#content div#product ul.menu a.contents { 
					background-position: 0 -18px;
				}
					div#content div#product ul.menu a.contents:hover { 
						background-position: -88px -18px;
					}
				div#content div#product ul.menu a.specs { 
					background-position: 0 -36px;
				}
					div#content div#product ul.menu a.specs:hover { 
						background-position: -88px -36px;
					}
				div#content div#product ul.menu a.features { 
					background-position: 0 -54px;
				}
					div#content div#product ul.menu a.features:hover { 
						background-position: -88px -54px;
					}
				div#content div#product ul.menu a.crafts { 
					background-position: 0 -72px;
				}
					div#content div#product ul.menu a.crafts:hover { 
						background-position: -88px -72px;
					}
		div#content div#product div.desc { 
			padding-top: 210px;
		}
		div#content div#product div.testimonials { 
			border: 1px solid #808080;
			border-left: none; border-right: none;
			margin: 10px 0;
		}
			div#content div#product div.testimonials p { 
				margin: 5px 0;
			}
			div#content div#product div.testimonials em { 
			}
		div#content div#product ul.considered { 
			list-style-type: none;
			margin: 10px 0;
			padding: 0;
		}
			div#content div#product ul.considered h4 { 
				margin-bottom: 0.56em;
			}
			div#content div#product ul.considered p { 
				margin-top: 0.56em;
			}
			div#content div#product ul.considered h4 a { 
				text-decoration: underline;
			}
		div#content div#product div#toc { 
			position: absolute;
			top: 0;
			right: 0;
			width: 360px;
			padding: 10px;
			border: 1px solid #009;
			background: #EEF;
			display: none;
			min-height: 173px;
		}
			div#content div#product div#toc input { 
				position: absolute;
				top: 10px;
				right: 10px;
				width: 8em;
			}
			div#content div#product div#toc h3 { 
				color: #009;
				margin: 0;
				border-bottom: 1px solid #009;
			}
		div#content div#product div#specs { 
			position: absolute;
			top: 0;
			right: 0;
			width: 360px;
			padding: 10px;
			border: 1px solid #009;
			background: #EEF;
			display: none;
			min-height: 173px;
		}
			div#content div#product div#specs input { 
				position: absolute;
				top: 10px;
				right: 10px;
				width: 8em;
			}
			div#content div#product div#specs h3 { 
				color: #009;
				margin: 0;
				border-bottom: 1px solid #009;
			}
		div#content div#product div#samples { 
			position: absolute;
			top: 0;
			right: 0;
			width: 360px;
			height: 335px;
			padding: 10px;
			border: 1px solid #009;
			background: #EEF;
			display: none;
			min-height: 173px;
		}
			div#content div#product div#samples iframe { 
				width: 320px;
				height: 300px;
				padding: 0;
				margin: 10px 0 0 0;
				border: 1px solid #000;
				overflow: hidden;
			}
				p#pageof { 
					margin: 0;
					position: absolute;
					bottom: 5px;
					left: 10px;
				}
				p#pagemenu { 
					margin: 0;
					position: absolute;
					bottom: 5px;
					right: 10px;
					text-align: right;
				}
			div#content div#product div#samples input { 
				position: absolute;
				top: 10px;
				right: 10px;
				width: 8em;
			}
			div#content div#product div#samples h3 { 
				color: #009;
				margin: 0;
				border-bottom: 1px solid #009;
			}
	div#content div.products { 
	}
		div#content div.product { 
			margin: 10px 0;
			position: relative;
			height: 14em;
		}
		html>body div#content div.product { 
			height: auto;
			min-height: 14em;
		}
		div#content div.divider { 
			border-bottom: 1px solid #039;
		}
			div#content div.product div.details { 
				margin-right: 300px;
				margin-bottom: 10px;
			}
			div#content div.product div.buy { 
				width: 131px;
				position: absolute;
				top: 0; 
				right: 0;
				padding-left: 10px;
				color: #039;
			}
				div#content div.product div.buy h4 { 
					margin: 0;
				}
				div#content div.product .was { 
					color: #000;
				}
				div#content div.product form.addtocart { 
					margin: 10px 0;
					float: none;
				}
			div#content div.product div.image { 
				width: 120px;
				position: absolute;
				top: 0;
				right: 131px;
			}
				div#content div.product div.image img.product { 
				}
				div#content div.product div.image img.specialoffer { 
					position: absolute;
					bottom: -5px;
					right: 10px;
				}
				div#content div.product div.image a img { 
					border: none;
				}
	div#content div.specialoffer { 
		text-align: center;
		margin: 10px 0;
	}
	div#content p.imgright { 
		float: right;
		margin: 0 0 1em 1em;
	}
	div#content p.imgleft { 
		float: left;
		margin: 1em 1em 1em 0;
	}
		div#content p.imgleft img,
		div#content p.imgright img { 
			border: 1px solid #000;
		}
	div#content ul.spaced ul { 
		margin: 0 0 1em 0;
	}

/* Bootom Footer */
div#bottom { 
	margin: 10px auto;
	clear: both;
	text-align: center;
	width: 575px;
}
	div#bottom ul { 
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 5px 0;
		border: 1px solid red;
		height: 2em;
		font: 11px/1.5 Arial, Helvetica, Sans-serif;
		border: 1px solid #999;
		border-left: none; border-right: none;
	}
		div#bottom ul li { 
			display: inline;
		}
			div#bottom ul li a { 
				border-right: 1px solid #039;
				padding: 0 5px;
				line-height: 2em;
				font-weight: bold;
				text-decoration: none;
				color: #039;
				
			}
				div#bottom ul li a:hover { 
					color: #C63;
				}
			div#bottom ul li.last a {
				border-right: none;
			}

div#footer { 
	font-size: 11px;
	text-align: center;
}



div#catalogue { 
	margin: 10px 0;
	overflow: hidden;
}
div#ccTopic { 
	width: 283px;
	float: left;
}
	div#ccTopic h3 { margin: 0 0 10px 0; }
	div#ccTopic ul { 
		list-style-type: none;
		margin-left: 0;
		padding: 0;
	}
		div#ccTopic ul ul { 
			margin-left: 1em;
			padding-left: 1em;
		}
div#ccSeries { 
	width: 283px;
	float: right;
}
	div#ccSeries ul { 
		list-style-type: none;
		margin-left: 0;
		padding: 0;
	}
	div#ccSeries h3 { margin: 0 0 10px 0; }
div#ccConsider { 
	clear: left;
}
div#ccConsider h3 { 
}



div.article { 
}
	div.article img.article { 
		float: right;
		margin: 0 0 1em 1em;
		border: 1px solid #000;
	}
		div.article a img.article { 
			border: none;
		}

	/*
	div.article h2 a,
	div.article h3 a { 
		color: #009;
		text-decoration: none;
	}
	div.article h2 a:target { 
		color: #C00;
		border-bottom: 1px solid #c00;
	}
	*/
	div.news { 
	}
	div.story { 
	}
	div.raw { 
	}



ul.recipes { 
	color: #039;
	list-style-type: circle;
	margin-left: 0.6em;
	padding-left: 0.6em;
	width: 570px;
}
	ul.recipes li { 
		width: 270px;
		float: left;
		white-space: nowrap;
	}
	ul.recipes li.current { 
		list-style-type: disc;
		font-weight: bold;
	}
		ul.recipes li strong { 
			color: #F00;
		}



table.measurements { margin-bottom: 1em; }
table.measurements caption { font-weight: bold; text-align: center; margin-bottom: 1em; }
table.measurements th, 
table.measurements td { text-align: center; white-space: nowrap; padding: 3px 10px; }



/* Checkout */
ul.steps { 
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	height: 30px;
}
	ul.steps li { 
		display: inline;
	}
		ul.steps li a { 
			display: block;
			height: 24px;
			background: url(/framework/images/checkout-menu.gif);
		}
	ul.steps li.continue { 
		float: left;
	}
		ul.steps li.continue a { 
			width: 136px;
			font-size: 0;
			text-indent: -9999px;
		}
			ul.steps li.continue a:hover { 
				background-position: 0 -24px;
			}
	ul.steps li.checkout { 
		float: right;
	}
		ul.steps li.checkout a { 
			display: block;
			width: 122px;
			height: 24px;
			background-position: -136px 0;
			font-size: 0;
			text-indent: -9999px;
		}
			ul.steps li.checkout a:hover { 
				background-position: -136px -24px;
			}
	ul.steps li.proceed { 
		float: right;
	}
		ul.steps li.proceed a { 
			display: block;
			width: 79px;
			height: 24px;
			background-position: -258px 0;
			font-size: 0;
			text-indent: -9999px;
		}
			ul.steps li.proceed a:hover { 
				background-position: -258px -24px;
			}
	ul.steps li.complete { 
		float: right;
	}
		ul.steps li.complete a { 
			display: block;
			width: 123px;
			height: 24px;
			background-position: -337px 0;
			font-size: 0;
			text-indent: -9999px;
		}
			ul.steps li.complete a:hover { 
				background-position: -337px -24px;
			}

p.updateaccount { 
	height: 1.5em;
	line-height: 1.5;
}
	p.updateaccount a { 
		display: block;
		float: left;
		background: url(/framework/images/checkout-update.gif) no-repeat;
		width: 154px;
		height: 17px;
		font-size: 0;
		text-indent: -9999px;
	}
		p.updateaccount a:hover { 
			background-position: 0 -17px;
		}
p.recalculate { 
	height: 1.5em;
	line-height: 1.5;
	font-weight: bold;
}
	p.recalculate span { 
		display: block;
		float: left;
		margin-right: 5px;
	}
	p.recalculate a { 
		display: block;
		float: left;
		background: url(/framework/images/checkout-recalc.gif) no-repeat;
		width: 70px;
		height: 17px;
		font-size: 0;
		text-indent: -9999px;
	}
		p.recalculate a:hover { 
			background-position: 0 -17px;
		}

.special { 
	color: #F90;
}
.strike { 
	text-decoration: line-through;
}
span.strike { 
}
.note { 
	font-size: 11px;
}
table.shipping { 
	background: #F2F6FB;
	border-bottom: 1px solid #000;
	margin: 1em 0 0.5em 0;
	width: 99%;
}
	table.shipping td.provider { 
		width: 128px;
		font-weight: bold;
		border: 1px solid red;
	}
table#order { 
	width: 577px;
	margin-bottom: 1em;
}
	table#order thead, 
	table.shipping thead { 
		font-weight: bold;
	}
	table#order .header,
	table.shipping .header { 
		background: #F2F6FB; 
	}
		table#order .header td,
		table.shipping .header td { 
			border: 1px solid #000;
			border-left: none; border-right: none;
		}
	table#order h3,
	table.shipping h3 { 
		margin: 0;
	}
	table#order label { 
		display: inline;
		width: auto;
		float: none;
	}
	table#order select,
	table#order input { 
		font-size: 10px;
	}
	table#order tr.underline td { 
		border-bottom: 1px solid #039;
	}
	table#order td.remove { 
		text-align: center;
		width: 5em;
	}
	table#order td.code { 
		text-align: center;
	}
	table#order td.qty { 
		text-align: center;
	}
		table#order td.qty input { 
			font-size: 10px;
			text-align: center;
		}
	table#order td.name { 
		width: 99%;
	}
	table#order td.price { 
		text-align: right;
		font-weight: bold;
		white-space: nowrap;
	}
		table#order td.price span.inactive { 
			color: #CCC;
		}
	table#order td.deal { 		
		color: #F60;
		/* color: #F00; */
	}
		table#order td.deal a { 
			color: #F60;
			/* color: #F00; */
		}
	table#order td.shipping { 
		text-align: center;
	}
	table#order td.giftwrap label { 
		font-weight: bold;
		display: block;
		white-space: nowrap;
	}
	

div.billshipinfo { 
	height: 12em;
}
div.shipto ul,
div.billto ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.shipto h4,
div.billto h4 { 
	margin: 0;
}

div.shipto, div.billto { 
	width: 285px;
	float: left;
}

table#print { 
	font-size: 14px;
}
table#print td { 
}
table#print h3 { 
	margin: 1em 0;
}
table#print h3 span { 
	font-weight: normal;
}
table#print div.shipto, 
table#print div.billto { 
	width: 275px;
	height: 10em;
	padding: 5px;
}
table#print div.billshipinfo h4 { 
	text-decoration: underline;
}
table#print div.shipto { 
	border: 1px solid #000;
	margin-right: 10px;
}
table#print div.billto { 
	border: 1px solid #000;
}
table#print div.ccinfo { 
	border: 1px solid #000;
	padding: 5px;
}
	table#print div.ccinfo h4 { 
		margin: 0 0 5px 0;
		text-decoration: underline;
	}
	table#print div.ccinfo ul li { 
		clear: left;
		line-height: 1.4;
	}
	table#print div.ccinfo ul span { 
		width: 10em;
		float: left;
	}
	table#print div.ccinfo p span { 
		width: 10em;
		float: left;
	}



div#sitemapa { 
	float: left; 
	width: 280px;
}
div#sitemapb { 
	margin-left: 290px;
}
div#sitemapa ul, 
div#sitemapb ul { 
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}
	div#sitemapa ul ul, 
	div#sitemapb ul ul { 
		margin-left: 1em;
		padding-left: 1em;
	}


input#newsbitesubmit {
	border: none;
	background: url(/framework/images/btn_submit.gif) no-repeat;
	width: 70px;
	height: 17px;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;

	overflow: hidden;
	padding-top: 17px;
}




/* Records */
table.records { 
	border-collapse: collapse;
	border: 1px solid #808080;
}
	table.records th,
	table.records td { 
		border: 1px solid #808080;
		padding: 5px;
	}
	table.records thead { 
		background: #EEE;
	}
	table.records tbody { 
		background: #FFF;
	}
	table.records tbody tr:hover { 
		background: #FFD;
	}
	table.records tbody tr.click { 
		cursor: pointer;
	}
	table.records th.int { text-align: right; }
	table.records td.file input { 
		background: #DDF;
	}
	table.records td.date { white-space: nowrap; }
	table.records td.title { white-space: nowrap; }
	table.records td.downloads { text-align: right; }
	table.records td.key { text-align: center; }
	table.records td.country { text-align: center; }
	table.records td.amount { text-align: right; }
	table.records td.save { vertical-align: top; text-align: center; }
	table.records td input.delete {  }

		table.records td input[type="text"]:focus,
		table.records td textarea:focus { color: #C00; background: #FFC; }




ul.pagemenu { 
	color: #000;
	background: #FFF;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 76%;

	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	font-size: 10px;
	height: 3em;
}
	ul.pagemenu li { 
		display: inline;
		float: left;
		cursor: default;
	}
	ul.pagemenu li a,
	ul.pagemenu li span { 
		float: left;
		display: block;
		width: 2em;
		height: 2em;
		line-height: 2;
		text-align: center;
		margin: 0.25em;
	}
	ul.pagemenu li a { 
		background: #FFF url(/framework/images/page-button.gif) no-repeat 50% 50%;
		border: 1px solid #999;
	}
		ul.pagemenu li a:hover { 
			background: #EEE;
		}
	ul.pagemenu li.current span { 
		background: #FFC;
		border: 1px solid #009;
	}
	ul.pagemenu li a span { 
		display: none;
	}
	ul.pagemenu li.prev span { 
		background: #EEE;
	}
	ul.pagemenu li.next span { 
		background: #EEE;
	}
	ul.pagemenu li.all a, 
	ul.pagemenu li.all span { 
		width: 3em;
		margin-right: 2em;
	}