body
{
	margin:				0px;
	padding:			0px;
	
	background-color:	white;
	background-image:	url( /images/bg_side.gif );
	background-repeat:	repeat-y;
}

#header
{
	width:				auto;
	height:				158px;
	
	background-color:	rgb(60,69,138);
	background-image:	url( /images/bg_top.gif );
	background-repeat:	repeat-x;
}

#mainnav
{
	position:			absolute;
	top:				127px;
	left:				231px;
	z-index:			20;
	
	white-space:		nowrap;
	width:				499px;
}

#content
{
	margin:				0px 40px 40px 230px;
	width:				auto;
}

#widget-headlines
{
	position:			absolute;
	top:				22px;
	left:				597px;
	z-index:			20;
	
	width:				192px;
	height:				86px;
	
	background-color:	rgb(204,204,204);
	background-image:	url( /images/bg_vptimes.gif );
	background-repeat:	no-repeat;
	
	line-height:		14px;
	font-family:		courier new,courier,monospace;
	font-size:			12px;
	color:				black;
}

/*	IE5 padding hack	*/
#widget-headlines-content
{
	padding:			33px 12px 8px 10px;
}

#vptimes
{
	position:			absolute;
	top:				20px;
	left:				356px;
	z-index:			20;
}

#vptimes-headlines
{
	position:			absolute;
	top:				25px;
	left:				584px;
	z-index:			20;
}

#widget-headlines a
{
	color:				black!important;
}

#date
{
	position:			absolute;
	top:				144px;
	left:				690px;
	
	white-space:		nowrap;
	font-family:		arial,sans serif;
	font-size:			10px;
	color:				white;
}


/*	Features used for non-CSS browsers	*/
hr,.non-css-only
{
	display:			none;
}

/*********************************************************************************************************/
/*	DHTML menu styles
/*********************************************************************************************************/
.menublock,.submenublock
{
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	width:				140px;
	padding:			3px 0px;
	border:				1px solid white;
	background-color:	rgb(102,102,204);
}

a.menuitem,a.submenuitem
{
	display:			block;
	width:				auto;
	height:				19px;
a	border-bottom:		1px solid rgb(204,204,204);
	padding:			0px 12px;
	line-height:		19px;
	white-space:		nowrap;
	background-color:	rgb(102,102,204);
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	text-decoration:	none;
	color:				white;
}

a.menuitem:hover,a.submenuitem:hover
{
	background-color:	rgb(60,69,138);
	color:				white;
}

/*********************************************************************************************************/
/*	Sidenav styles - delete these if side nav is not used
/*********************************************************************************************************/
.sidenav
{
	float:				left;
	width:				120px;
	padding:			30px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.75em;
}

a.sidenavlink-top,a.sidenavlink-top:hover
{
	display:			none;
	padding:			0.8em 0em;
	margin-bottom:		0.4em;
	font-weight:		bold;
	text-decoration:	none;
	background-color:	rgb(11,23,121);
	color:				white;
}

a.sidenavlink,a.sidenavlink:hover
{
	display:			block;
	padding:			0.4em 0em;
	text-decoration:	none;
	background-color:	rgb(11,23,121);
	font-weight:		bold;
	color:				white;
}

a.sidenavlink:hover
{
	color:				red;
}

a.sidenavlink-active,a.sidenavlink-active:hover
{
	display:			block;
	padding:			0.4em 0em;
	text-decoration:	none;
	background-color:	rgb(0,23,121);
	font-weight:		bold;
	color:				rgb(173,205,255);
}

/*********************************************************************************************************/
/*	Footer styles
/*********************************************************************************************************/
.footer
{
	clear:				both;
	margin:				20px 0px 40px;
	line-height:		2.0em;
	font-family:		arial,sans serif;
	font-size:			0.7em;
}

.copy
{
	display:			block;
	float:				left;
	width:				205px;
	border-top:			none;
	padding:			0px 0px 0px 30px;
	color:				white;
}

.bottomnav
{
	margin:				0px 30px 0px 230px;
	border-top:			1px solid silver;
	
	text-align:			center;
}

a.footerlink
{
	padding:			0px 0px;
	white-space:		nowrap;
	
	text-decoration:	none;
	color:				gray;
}

a.footerlink-active
{
	padding:			0px 0px;

	text-decoration:	none;
	color:				gray;
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 1em;
}

/*********************************************************************************************************/
/*	Standard body styles
/*********************************************************************************************************/
#pageheader
{
	width:				auto;
	margin:				0px 0px 25px 205px;
	padding:			0px 25px;
	background-color:	rgb(244,244,244);
}

h1
{
	margin:				00px 0px 00px 0px;
	padding:			0.5em 0em;

	font-family:		verdana,sans serif;
	font-weight:		bold;
	font-size:			1.1em;
	color:				rgb(153,0,0);
}

h2,h2.product-subtitle
{
	margin:				0em;
	padding:			0.5em 0em 0em;
	
	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			0.85em;
	color:				black;
}

h2.product-subtitle
{
	margin-top:			-1.2em;
	line-height:		1.2em;
}

/*	h4 - h6 used for navigation, h3 not currently used	*/
h3,h4,h5,h6
{
	margin:				0px;
	font-weight:		normal;
	font-size:			1.0em;
}

h5.topnav
{
	float:				left;
	display:			inline;
}

.bodytext,.bodytext2,.surveytext
{
	margin:				0em 0em 2em;
	line-height:		1.7em;
	font-family:		arial,sans serif;
	font-size:			0.75em;
	color:				black;
}

.bodytext2
{
	line-height:		1.2em;
	margin-bottom:		1.3em;
}

.surveytext
{
	line-height:		1.0em;
	margin-bottom:		0em;
}

a
{
	text-decoration:	none;
	color:				rgb(60,69,138);
}

a:hover
{
	color:				rgb(60,69,138);
}

blockquote
{
	margin:			1em 3em;
	border-top:		1px solid rgb(221,204,204);
	border-bottom:	1px solid rgb(221,204,204);
	padding:		0.5em 0em;
	font-family:	times new roman,times;
	font-size:		1.15em;
	font-style:		italic;
	line-height:	1.4em;
	color:			rgb(153,51,51);
}

/*********************************************************************************************************/
/*	Form styles
/*********************************************************************************************************/
form
{
	margin:				0em;
}

label
{
	display:			block;
	padding-top:		1.0em;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.65em;
	color:				black;
}

label.cb
{
	display:			inline;
}

input.textfield,select.textfield,textarea.textfield,select.sidebar
{
	width:				240px;
	background-color:	white;
	font-family:		ms sans serif,verdana,arial,sans serif;
	font-size:			0.75em;
	color:				black;
}

select.sidebar
{
	width:				170px;
}

input.button
{
	margin-top:			8px;
	background-color:	white;;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.75em;
	color:				rgb(102,102,204);
}

/*********************************************************************************************************/
/*	Image positioning ( image only )
/*********************************************************************************************************/
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

/*********************************************************************************************************/
/*	Image positioning with caption block
/*********************************************************************************************************/
.caption-left,.caption-right
{
	border-top:			1px solid rgb(221,204,204);
	border-bottom:		1px solid rgb(221,204,204);
	width:				200px;
	padding:			5px 0px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
}

.caption-left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

.caption-right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

/*********************************************************************************************************/
/*	Product CSS
/*********************************************************************************************************/
.product-thumbnail
{
	display:			inline;
	width:				200px;
	height:				200px;
	float:				left;	
	background-color:	white;
	margin:				0px 10px 10px 0px;
	vertical-align:		top;
}

img.product-icon
{
	margin:				0px 8px 8px 0px;
}

#recipe-selector
{
	display:			block;
	margin:				0px 0px 0px 230px;
	width:				auto;
	background-color:	white;
}

#recipe-selector select
{
	width:				340px!important;
}

ul.sidelinks
{
	display:			block;
	margin:				0px;
	width:				auto;
	height:				2.0em;
	border-top:			2px dotted rgb(213,213,213);
	background-color:	rgb(244,244,244);

	padding:			0px 0px 0px 0px;
	text-align:			right;
	white-space:		nowrap;
	line-height:		2.0em;
	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			0.68em;
	color:				rgb(107,103,197);
	list-style-image: 	url( /images/bullet_arrow.gif );
}

ul.sidelinks li
{
	list-style-image: 	url( /images/bullet_arrow.gif );
	white-space:		nowrap;
	margin:				0px 0px 0px 1.25em;
	padding:			0px;
	display:			inline;
}

ul.sidelinks a
{
	color:				rgb(102,102,102);
}

ul.sidelinks a:hover
{
	color:				red;
}

.attributes
{
	display:				block;
	width:					253px;
	background-image:		url( /images/bg_productattributes.gif );
	background-position:	bottom center;
	padding-bottom:		25px;
	line-height:		2.0em;
	font-family:		times new roman,times,serif;
	font-weight:		bold;
	font-size:			0.75em;
	color:				rgb(153,0,0);
}

.attrib-text
{
	padding:			0px 25px 0px 15px;
}

/*********************************************************************************************************/
/*	Table data
/*********************************************************************************************************/
table.data
{
	margin:				0px;
	width:				auto;
	border:				1px solid rgb(102,102,204);
	border-bottom:		none;
	padding:			0px;

	empty-cells:		show;
}

th.thead
{
	background-color:	rgb(102,102,204);
	padding:			0.25em 0.5em;
	vertical-align:		bottom;
	text-align:			left;
	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			0.75em;
	color:				white;
}

td.tdata
{
	background-color:	white;
	padding:			0.25em 0.5em;
	border-bottom:		1px solid rgb(102,102,204);
	vertical-align:		top;
	text-align:			left;
}

/*********************************************************************************************************/
/*	What would you like to know? links
/*********************************************************************************************************/

.knowlink {
	font-weight: bold;
	padding: .2em;
}
.knowlink-featured {
	font-weight: bold;
	font-size: 1.2em;
	background-color:	red;
	padding: .2em;
}
.knowlink-blinking {
	font-weight: bold;
	background-image: url(../images/blinking.gif);
	padding: .2em;
}
.knowlink-featured-blinking {
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(../images/blinking.gif);
	padding: .2em;
}

/*********************************************************************************************************/
/*	Slideshow on home page
/*********************************************************************************************************/

#homeslideshow
{
    position: absolute;
    top: 233px;
    left: 0px;
}