@charset "utf-8";

/*****************************************************************************/
/*************************** General Stuff ***********************************/
/*****************************************************************************/
#error_report {
	color: #ff0000;
}

.inline_object {
	display: inline;
}


.float_left {
	float: left;
}
/* Links */
a {
  text-decoration:none;
}
.bodyLink {
	color:#0000ff;
}

/* Page Spacing */
.spaced_group {
	float: left;
  clear: none;
}
.spaced_element {
	float: left;
	clear: none;
}

.x_spaced_group {
	float:left;
	clear:none;
}
.x_spaced_element {
	float:left;
	clear:none;
}

.page_left {
  float:left;
	clear:none;
}
.page_right {
  float:left;
	clear:none;
	position:relative;
	left:10px;
}

/* Embedd Videos */
div.video_hd {
	position:relative;
	left:25px;
	width: 640px;
	height: 385px;
}

div.video_old {
	position: relative;
	left: 132.5px;
	width: 425px;
	height: 344px;
}


/* Image Uploading */
#uploadProgress {
  z-index:100;
  position:absolute;
  visibility:hidden;
  margin:0px;
  padding:0px;
}

/* Competition Stuff */
div.vs {
  float:			left;
  width:			90px;
  height:			35px;
  background: url('../images/vs.gif') center no-repeat;
}

/* Positioning */
#logo {
	clear:		both;
  position:	absolute;
  left:			20px;
  top:			10px;
	width: 		146px;
	height: 	210px;
}

#banner {
  float:		left;
  position:	absolute;
  left:			250px;
  top:			5px;
	width:		494px;
	height:		90px;
}

#contact_us {
  position:relative;
  left:580px;
  top:40px;
  height:27px;
}

/* um... */
div.landscape{
  width:400px;
  height:300px;
  background-color:#00cc00;
}

.portrait{
	width:280px;
  height:380px;
}

/******** images ********/
img.landscape {
  width:400px;
  height:300px;
}

div.serperating_line {
	float:			left;
	font-size:	0;
	width:			610px;
	height:			3px;
	background:	#000000;
}

x_spaced_element {
	float:left;
}
/*****************************************************************************/
/*************************** Text Properties *********************************/
/*****************************************************************************/
/* Text Colors */
.black	{color:#000000;}
.grey		{color:#cccccc;}
.white	{color:#ffffff;}
.red		{color:#ff0000;}
.orange	{color:#ff9900;}
.green	{color:#00ff00;}
.blue		{color:#0000ff;}
.purple {color:#990066;}

/* Color coded feedback system */
.success	{color:#0000ff;}
.error		{color:#ff0000;}
.warning	{color:#ff9900;}

/* Text Sizes */
span.largeText	{font-size: 20px;}
span.headerText {font-size: 26px;}
span.hugeText		{font-size: 36px;}

span.bold {
	font-weight: bold;
}

/* Text Sizes */
.text_small {
	font-size: 10px;
}
.text_large {
	font-size: 20px;
}
.text_huge {
	font-size: 36px;
}

/* Other Attributes */
.centered {
	text-align: center;
}
/*****************************************************************************/
/********************** Site Navigation Buttons ******************************/
/*****************************************************************************/
#nav_menu {
	float:left;
	clear:none;
	position:relative;
	top:100px;
  left:10px;
	margin:0;
	padding:0;
	width:132px;
	height:394px;
	list-style:none;
}

#nav_menu li {
	width:		130px;
	height:		40px;
	position:	relative; /**/
}

#nav_menu li a {
	float: 	left;
	width: 	130px;
	height: 38px;
	background-position: 0px 0px;
}

#nav_menu li a.selected {
	background-position: 0px -38px;
}

.nav_button {
	background-image: url('../images/nav_button.gif');
}

.nav_button_label {
	position: 	relative;
	left: 			5px;
	top:				5px;
	width:			120px;
	height:			28px;
	text-align: center;
	font-size: 	24px;
	color:			#000000;
}

/*****************************************************************************/
/************************* The Container *************************************/
/*****************************************************************************/
/* Background Color */
body {
	background-color: #333333;
	margin: 0px 10px;
}

#dBody {
  float: 		left;
  position: relative;
  left: 		40px;
	top:			-10px;
	width: 		750px;
}
#container {
  width:		985px;
  border: 	0px solid #000000;
}
#bg_top {
  float:	left;
  height: 125px;
}
#bg_top_left {
  float:			left;
  width:			185px;
  height:			125px;
  background: #333333 url('../images/bg_top_left.gif');
}
#bg_top_repeat {
  float:			left;
  width:			700px;
  height:			125px;
  background: #333333 url('../images/bg_top_repeat.gif') repeat-x;
}
#bg_top_right {
  float:			left;
  width:			100px;
  height:			125px;
  background: #333333 url('../images/bg_top_right.gif');
}
#bg_middle {
  float:			left;
	clear:			none;
	width: 			900px;
  background: #333333 url('../images/bg_middle_repeat.gif') repeat-y;
}
#bg_bottom {
  height: 75px;
}
#bg_bottom_left {
  float:			left;
  height:			75px;
  width:			185px;
  background: #333333 url('../images/bg_bottom_left.gif');
}
#bg_bottom_repeat {
  float:			left;
  height:			75px;
  width:			700px;
  background: #333333 url('../images/bg_bottom_repeat.gif') repeat-x;
}
#bg_bottom_right {
  float:			left;
  height:			75px;
  width:			100px;
  background: #333333 url('../images/bg_bottom_right.gif');
}
/*****************************************************************************/
/****************************** Box DIVs *************************************/
/*****************************************************************************/
/* positions */
div.box_top_left {
	float: left;
	font-size: 0;
	width: 10px;
	height: 10px;
	background-position: 0px 0px;
}
div.box_top_repeating {
	float:left;
	background-position: 0px 10px;
	background-repeat: repeat-x;
}
div.box_top_right  {
	float: left;
	font-size: 0;
	width: 10px;
	height: 10px;
	background-position: 10px 0px;
}
div.box_bottom_left  {
	float:left;
	font-size:0;
	width:10px;
	height:10px;
	background-position: 0px 10px;

}
div.box_bottom_repeating {
	float:left;
	background-position: 0px 0px;
	background-repeat: repeat-x;
}
div.box_bottom_right  {
	float: left;
	font-size: 0;
	width: 10px;
	height: 10px;
	background-position: 10px 10px;

}

/* background colors/images */
div.bg_color_light {
	background-color: #cc9966;
}
div.bg_color_dark {
	background-color: #996633;
}

div.circle_color_light {
	background-image: url("../images/light_circle.gif");
}
div.circle_color_dark {
	background-image: url("../images/dark_circle.gif");
}

div.square_color_light {
	background-image: url("../images/light_square.gif");
}
div.square_color_dark {
	background-image: url("../images/dark_square.gif");
}
/*****************************************************************************/
/********************* Content Management System (CMS) ***********************/
/*****************************************************************************/
/* a red link */ 
span.redLink				{color:#ff0000;}
span.redLink:hover 	{color:#ff6666;}

/* Remove link */ 
span.removeLink {
  position:relative;
  left:400px;
  color:#ff0000;
}
span.removeLink:hover {
  position:relative;
  left:400px;
  color:#ff6666;
}

/* CMS Form Fields */
.formItem {
  position:absolute;
  left:130px;
}

/* other stuff */
a.returnToCMS {
	color:						#0033cc;
  text-decoration:	none;
}



/*****************************************************************************/
/*************************** Recipe Page *************************************/
/*****************************************************************************/
#dList {
	position:absolute;
}

.bg_white {background-color: #ffffff;}
/* Recipe List Colorations */
div.recipeGroupType0 {
  background: #cc9966;
  height:20px;
}
div.recipeGroupType1 {
  background: #ffcc99;
  height:20px;
}


/* Recipe List Columns */
span.recipeName {
  float: left;
  width:200px;
}
span.recipeChef {
  float: left;
  width:150px;
}
span.recipeEvent {
  float: left;
  width:220px;
}

/* Formating for the Recipe Printout */
span.recipeStyle {
  font-family:"Courier",monospace;
}

/*****************************************************************************/
/***************************** Chef Page *************************************/
/*****************************************************************************/
.chef_profile_box {
	float:left;
	width:225px;
}

.chef_profile_image {
	width: 	205px;
  border: none;
}

/*****************************************************************************/
/****************************** Video Page ***********************************/
/*****************************************************************************/
div.video_box {
	float:		left;
	clear:		both;
	width:		680px;
  padding: 	5px 5px;
	color:		#0000ff;
}


/* CMS */
#seriesName {
	display:	none;
	position: absolute;
	left: 		400px;
}



/*****************************************************************************/
/****************************** Store Page ***********************************/
/*****************************************************************************/
/* AddToCart incarnations */
a#buttonAddToCart {
    float:left;
    width:150px;
    height:54px;
    background-image: url(../images/addToCart.gif);
    background-position: 0px -54px;
}
a#buttonAddToCart:hover {
    background-position: 0px 0px;
}
a#buttonAddToCartWide {
    float:left;
    width:220px;
    height:36px;
    background-image: url(../images/addToCartWide.gif);
    background-position: 0px -36px;
}
a#buttonAddToCartWide:hover {
    background-position: 0px 0px;
}


/* contact us button */
a#buttonContactUs {
    float:left;
    width:120px;
    height:27px;
    background-image: url(../images/contactUs.gif);
    background-position: 0px -27px;
}
a#buttonContactUs:hover {
    background-position: 0px 0px;
}




img.store_category_thumb_img {
  width:	170px;
	height:	170px;
	border: none;
}

/*****************************************************************************/
/**************************** Scrapbook **************************************/
/*****************************************************************************/
#prev_arrow_div {
	float:left;
	padding: 2px;
}

#prev_arrow_img {
  background-image: url(../images/prevArrow.gif);
}

#next_arrow_div {
	float:right;
	padding: 2px;
}

#next_arrow_img {
	background-image: url(../images/nextArrow.gif);
}

.scrapbook_arrow {
	float:	left;
	border:	0px;
  width: 	24px;
  height: 54px;
	background-position: 0px 0px;
	display: inline;
}
.scrapbook_arrow:hover {
	background-position: 24px 0px;
}

#scrapbook_bar {
	/* oddly doesn't work anymore in ie
	position: 	absolute;
	top: 				320px;
	left:				0px;
	*/
	
	position: 	relative;
	top: 				10px;
	width:			400px;
	height:			58px;
	background:	#000000;
}

#scrapbook_bar_inner {
	float:			left;
	width: 			344px;
	overflow: 	hidden;
	position:		relative; /* for ie6 overflow */
}

#scrapbook_bar_ul {
	position:		relative;
	list-style: none;
	margin:			0px;
	padding: 		0px;
	width: 			9999px;
	overflow: 	hidden;
}

#scrapbook_bar_ul li {
	float:		left;
	width: 		82px;
	height:		54px;
	padding: 	2px;
}





.scrapbook_thumb_img {
	width:	82px;
  height:	54px;
}

.scrapbook_thumb_img:hover {
	outline: #ff00ff solid medium;
}

.scrapbook_image {
	position: 				absolute;
	display: 					none;
	width:						400px;
  height:						300px;
  z-index:					100;
}

.scrapbook_description {
	position: 				absolute;
	bottom:						-20px;
	display:					none;
  text-align:				center;
	width:						400px;
	height:						20px;
	z-index:					200;
	color: 						#ff00ff;
	background-color:	#000000;
}

#scrapbook_image_area {
	position:					relative;
	width:						400px;
  height:						300px;
	overflow: 				hidden;
	background-color:	#000000;
}