@charset "utf-8";
/*
 *  master.css
 * 
 *  Added styles associated with the 2007 Consumer Site Redesign
 * 
 * 
 */

/***************************************************
 *
 * Form Styles
 *
 ***************************************************/
 
 div.inputBin {
	 float: left;
	 margin: 0 10px 10px 0;
 }
 

/***************************************************
 *
 * Generic Custom Classes
 *
 ***************************************************/


.boldBlack {
	color: #000000;
	font-weight: bold;
}

.error, .boldRed {
	color: #cc0000;
	font-weight: bold;
}

.hidden {
	display: none;
}

.hiddenElement {
	display: none;
}

.strikeout {
	text-decoration:line-through;
}

.pageHeader {
	font-size: 15px;
	font-weight: bold;
}

.pageSubHeader {
	font-size: 12px;
	font-weight: bold;
}

.pageHeaderByLine {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0;
}

.headerImage {
	border: 0;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

.swatch {
	float: left;
}

.noPadding {
	padding: 0 !important;
}

.longDescription2 {
	color: #555555;
}

.headerDescription {}

	.headerDescription {
		float: left;
		width: 500px;
	}
	
	.headerDescription#full {
		width: 620px;
	}

	.headerDescription p {
		font-size: 11px;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	ul.contentSideLinks {
		width: 110px;
		list-style: none;
		float: right;
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	ul.contentSideLinks li {
		background: url('/consumer/images/headerDescriptionLinkBullet.gif') right 4px no-repeat;
		float: right;
		padding: 0 10px 0 0;
		font-weight: bold;
	}
	
	.headerDescription .longDescription {
		margin: 0 0 10px 0;
	}
	

.underlinedHeader {
	border-bottom: 1px solid #666666;
	width: 100%;
}

.holidayNotice {
	margin-top: 7px;
	margin-bottom: 7px;
	color: #ff0000;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

p.error {
	color: #c00 !important;
	font-weight: normal;
}

img.leftImage {
	float: left;
	padding: 5px 10px 10px 0;
}

img.rightImage {
	float: right;
	padding: 5px 0 10px 10px;
}

img.centerImage {
	margin: 5px auto 10px auto;
	display: block;
}

.attentionMessage {
	border: 1px solid #eeeeee;
	background: #f4f4f4;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px 10px;
	text-align: left;
	width: 798px;
}

* html .attentionMessage {
	w\idth: 800px;
	width: 798px;
}

.uscanadaonly {
	color: #555 !important;
}

div#internationalBar {
	background: #F3F3F3 url(../images/international.jpg) no-repeat;
	padding-top: 200px;
}

	#internationalBar .subHeader {
		padding: 5px 5px 5px 10px;
		display: block;
		font-weight: bold;
		font-size: 11px;
	}

	div#internationalBar table {
		margin: 0 10px 5px 10px;
	}
	
	div#internationalBar td {
		width: 115px;
	}
	
	div#internationalBar ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div#internationalBar ul li {
		margin: 0 5px 5px 0;	
	}
	

.nopadding	{ padding: 0 !important; }

.inputNote	{ color: #555; }

input.single {
	width: 15px;
}

label {
	display: block;
}

.formTable {
	border: 1px solid #828282;
	clear: both;
	margin: 0 0 10px 0;
}

	.formTable th {
		background: #828282;
		color: #fff;
		padding: 5px;
	}
	
	.formTable td {
		border: 1px solid #dedee0;
		padding: 10px;
	}
	
	.formTable select {
		font-size: 9px;
	}
	
table.zebra tr.even td {
	background: #efefef;
}

table.zebra tr.odd td {
	background: #fff;
}

/***************************************************
 *
 * Header
 *
 ***************************************************/

/***************************************************
 *
 * General / Page Structure
 *
 ***************************************************/

a.linkedHeader {
	font-weight: bold;
	color: #257fba;
	text-decoration: none;
}

/* The lowest level div encapsulating everything on the page */
div#pageBody {
	width: 800px;
	margin: 0px auto;
	background-color: #ffffff;
}

/* The div encapsulating content, which is everything between the top and bottom nav sections */
div#mainSection {
	border-bottom: 1px solid #dedee0;
	height: 100%;
	width: 800px;
	text-align: left;
    z-index: -1;
}

	div#mainSection div#defaultTemplate {
		padding-bottom: 15px;
	}
	
	div#mainSection div#largeBrandingTemplateSingleColumnMenu, div#mainSection div#largeBrandingTemplate {
		padding-bottom: 15px;
	}

	body.default div#mainSection { /* set default page to have sidemenu and the associated border */
		background: url('/consumer/images/secondaryNavigationBorderHelper.gif') repeat-y;
		border-top: 1px solid #dedee0;
	}

.content-bin { color: #555; }

	.content-bin ul {
		list-style: none;
		padding: 0;
		margin: 0 5px;
	}
	
	.content-bin ul li, .content-bin ul li a {
		font-size: 11px;
		color: #828282;
	}
	
	.content-bin h3 {
		color: #257fba;
		font-size: 11px;
		font-weight: normal;
	padding: 0;
	margin: 0;
	}
	
	.content-bin h3 a {
		color: #257fba;
		font-size: 11px;
		font-weight: normal;
	padding: 0;
	margin: 0;
	}
	
	#content-secondary .content-bin h3 {
		margin: 5px 0 0 8px;
	padding: 0;
	}
	
	.content-bin h4 {
		color: #000;
		font-size: 11px;
		line-height: 1.0em;
	padding: 0;
	margin: 0;
	}
	
	.content-bin h4 a {
		color: #000;
	padding: 0;
	margin: 0;
	}
	
	#primaryContentBin .content-bin h4 {
		margin: 0 0 1.0em 0;
	padding: 0;
	}
	
	#content-secondary .content-bin h4 {
		margin: 0 0 1.0em 8px;
	padding: 0;
	}

	#primaryContentBin .content-bin p {
		font-size: 11px;
		color: #555;
		margin: 0;
	padding: 0;
	}
	
	#content-secondary .content-bin p {
		font-size: 10px;
		margin: 0 6px 0 8px;
	padding: 0;
	}
	
	.content-bin a {
		font-size: 11px;
	}

	#primaryContentBin .content-bin {
		float: left;
		width: 325px;
		margin: 0 5px 0 0;
	    padding: 0;
	}
	
	#primaryContentBin .content-bin#featuredDesigner {
		float: left;
		width: 650px;
		margin: 0 5px 0 0;
		padding: 0;
	}
	
	
	#primaryContentBin .content-bin img {
		float: left;
		margin: 0 5px 5px 0;
	    padding: 0;
	}
	
	#content-secondary .content-bin {
		padding: 0;
		float: left;
		margin: 0;
	}
	
	#content-secondary .content-bin a img {
		display: inline;
	}
	
	#secondaryContentBin .content-bin {
		background: #fff;
	}
	
	.content-bin .more a {
		font-size: 11px;
	}
	
	#content-secondary .content-bin .more {
		margin: 0 0 1.0em 8px;
		padding: 0;
	}
	
	#content-secondary .content-bin img {
		padding: 0;
		margin: 0;
		display: inline;
		border: 1px solid #dedee0;
	}
	
	div.testimonials {
		padding: 3px 5px 5px 5px;
		color: #555;
	}

.contestPromoBin {
	margin-bottom: 2px;
	margin-top: 2px;
}

.contestPromoBin a {
	font-size: 0px !important;
}

.contestPromoBin img {
	display: inline !important;
}

.secondaryContentBinLogo {
	margin: 10px auto !important;
	border: 0 !important;
}

img#legacySideNav.secondaryContentBinLogo {
	margin: -5px 15px 30px 15px !important;
}

#galleryPage {
	margin-top: 5px;
}

	#galleryPage img {
		display: block;
	}

	#galleryPage .pageHeaderByLine {
		padding: 0;
		margin: 0 0 3px 0;
	}
	
	#galleryPage ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 620px;
	}
	
	#galleryPage li {
		float: left;
		margin: 0 0 0 7px;
		padding: 0;
	}
	
	#galleryPage li.first {
		margin: 0;
		padding: 0;
	}
	
	#galleryPage .galleryMainDisplay {
		width: 620px;
		text-align: center;
		margin: 0 0 10px 0;
		/*padding: 10px 10px 5px 10px;
		border: 1px solid #D3D3D3;*/
		background: #efefef;
	}

	#galleryPage .galleryMainDisplay img {
		margin: 0 auto;
	}
	
	#galleryPage .galleryMainDisplay .textCredits {
		width: 620px;
		padding: 5px 0 0 0;
		margin: 0;
		clear: both;
		background: #efefef;
	}

	#galleryPage .previousNext {
		width: 620px;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
	}

	#galleryPage .galleryMainDisplay .previousNext {
		background: #efefef;
		padding: 0 0 5px 0;
		margin: 0;
	}

	#galleryPage .galleryMainDisplay .photoCredit {
		width: 300px;
		float: left;
		text-align: left;
		padding: 0 0 0 10px;
	}

	#galleryPage .galleryMainDisplay .designerCredit {
		width: 300px;
		float: right;
		text-align: right;
		padding: 0 10px 0 0;
	}

	#galleryPage .previous {
		width: 300px;
		float: left;
		text-align: left;
		padding: 0;
	}

	#galleryPage .next {
		width: 300px;
		float: right;
		text-align: right;
		padding: 0;
	}

	#galleryPage .galleryMainDisplay .previous {
		padding: 0 0 0 10px;
	}

	#galleryPage .galleryMainDisplay .next {
		padding: 0 10px 0 0;
	}
	
	#galleryPage .longDescription {
		width: 620px !important;
		padding: 10px 0 0 0;
	}
	
	#galleryPage .galleryContainer img:hover {
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	

table.binTable {
	float: left;
	line-height: 15px;
}

	table.binTable h3 {
		font-weight: normal;
		margin: 0;
		padding: 0 5px 0 0;
	}
	
	table.binTable p {
		margin: 0;
		padding: 0 5px 0 0;
		color: #555;
	}
	
	table.binTable td {
		color: #555;
		width: auto !important;
	}
	
	table.binTable td#featured_bio {
		color: #000000;
		width: auto !important;
	}
	
	table.binTable img {
		margin: 0 5px 0 0;
	}
	
	/* specific variations on table.binTable */

	table.upcomingEvents, table.highlights, table.newAtViking {
		width: 333px;
	}
	
	table.featuredDesigner {
		width: 667px;
	}
	
	table.binTable td.fullCell {
		width: 99% !important;
	}
	
#contestPrimary {
	float: left;
	padding: 0 10px 0 10px;
	width: 510px;
}

	* html #contestPrimary {
		w\idth: 530px;
		width: 510px;
	}
	
	#contestPrimary .footnote {
		color: #828282;
	}
	
.contestSecondary {
	float: right;
	margin: 0 auto;
	padding: 0 10px 0 0;
	text-align: center;
	width: 260px;
}

	* html .contestSecondary {
		w\idth: 270px;
		width: 260px;
	}

	#secondaryContentBin {
		background: #fff;
	}
	
	#secondaryContentBin h2 {
		text-indent: -5000px;
		width: 128px;
		height: 17px;
		background-color: #828282;
		font-size: 2px;
		margin: 2px 0 5px 0 !important;
		padding: 0;
	}
	
	#secondaryContentBin h2.culinaryEducators {
		background-image: url(../images/consumer_bin_header-contributor.gif);
		background-repeat: no-repeat;
		background-position: 6px 50%;
		padding: 0;
		margin: 0;
	}
	
	#secondaryContentBin h2.chefsAndWriters {
		background-image: url(../images/consumer_bin_header-chefs_and_writers.gif);
		background-repeat: no-repeat;
		background-position: 6px 50%;
		padding: 0;
		margin: 0;
	}
	
	#secondaryContentBin h2.contributors {
		background-image: url(../images/consumer_bin_header-contributors.gif);
		background-repeat: no-repeat;
		background-position: 6px 50%;
		padding: 0;
		margin: 0;
	}
	
	#secondaryContentBin h2.testimonials {
		background-image: url(../images/consumer_bin_header-testimonials.gif);
		background-repeat: no-repeat;
		background-position: 6px 50%;
		padding: 0;
		margin: 0;
	}
	
#focusImage {
	float: left;
	margin: 0 0 6px 0;
	width: 258px;
	height: 344px;
	overflow: hidden;
}

#focus_default {
	display: block;
}

#focus_one {
	display: none;
}

#focus_two {
	display: none;
}

#focus_three {
	display: none;
}

ul#targeterImages {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

	ul#targeterImages li {
		float: left;
		margin: 0 0 0 6px;
		list-style: none;
		padding: 0;
	}
	
	ul#targeterImages li img {
		display: block;
		padding: 0;
	}
	
	ul#targeterImages li.first {
		margin: 0 0 0 0;
		list-style: none;
		padding: 0;
	}
	
.secondaryPop {}

	.secondaryPop {
		width: 224px;
		border: 1px solid #dddde0;
		padding: 9px 7px 10px 7px;
		font: normal 10px arial;
		color: #999;
		position: absolute;
		background: #fff;
		margin: 0 0 0 2px;
	}
	
	.secondaryPop p, .secondaryPop a {
		font: normal 10px arial;
	}
	
	* html .secondaryPop {
		w\idth: 240px;
		width: 224px;
	}
	
#globalUtilitiesBin {
	float: left;
	width: 258px;
	height: 64px;
	background: url(../images/consumer-temp_global_utilities_bin.gif);
}

#searchPop {}
	
	#searchPop { 
		padding: 0 0 0 0;
		list-style: none !important;
		text-transform: uppercase;
		float: right;
		margin: 0; 
		display: inline;
		}

	#searchPop div { 
		padding: 0; margin: 0; 
		}
	
	#searchPop ul { 
		padding: 0; margin: 0; 
		list-style: none !important;
		}
	
	#searchPop a { 
		display: block;
	}
	
	#searchPop li { 
		float: left; /* this needs to be there for opera width: 5em; */ 
		padding: 10px 0 0 20px; 
	} /* padding for the top level images */
	
	#searchPop li ul { 
		position: absolute; 
		left: -999em; 
		border-left: 1px solid #dedee0; 
		border-bottom: 1px solid #dedee0; 
		border-right: 1px solid #dedee0; 
		border-top: 1px solid #dedee0; 
		margin: -51px 0 0px -139px; 
		padding: 0 0 8px 0;
		z-index: 9999;
		width: 184px;
		background: #fff;
	}
	
	* html #searchPop li ul {
		margin: -53px 0 0 -139px;
	}
	
	#searchPop li:hover ul, #searchPop li.sfhover ul { 
		left: auto; 
	}
	
	
	#searchPop li li { 
		float: none; 
		height: auto; 
		text-align: left; 
		padding: 5px 10px 0 10px; 
		margin: 0; 
	} /* inside text */
	
	#searchPop li li a { 
		display: inline; 
		font-weight: normal; 
		color: #828282; 
		font-size: 11px; 
		text-decoration: none;  
		padding: 0; margin: 0; 
	}
	
	#searchPop li li a:hover { 
		color: #257fba; 
	}
	
	#searchPop .binInput {
		font-size: 9px;
		width: 137px;
	}
	
	#searchPop .binSubmitImage {
		margin: 0 0 -3px 0;
	}
	
	#searchPopBoxWrapper {
		float: left;
		display: inline;
		padding: 10px 0 10px 20px;
		font-size: 0px;
		display: block;
	}
	
	#searchPopBox { /* IE USES CONDITIONAL IN /GLOBAL/FOOTER.JSP */
		background: #ffffff;
		border: 1px solid #cccccc;
		padding: 5px 0 7px 0;
		width: 172px;
		height: 37px;
		position: absolute;
		left: auto;
		display: none;
		margin: -61px 0 0px -172px; 
	}
	
	#searchPopBox .floatRight {
		padding: 2px 4px 5px 0;
	}
	
	#searchPopBox  a.floatRight {
		font-size: 1px;
	}
	
	#searchPopBox .binInput {
		font-size: 9px;
		width: 137px;
		margin-left: 6px;
		color: #666666;
	}
	
	#searchPopBox .binSubmitImage {
		margin: 0 0 -3px 0; 
		padding: 0 0 0 2px;
	}
	
	#searchPopBox .binInput {
		font-size: 9px;
		width: 137px;
		padding: 0;
	}
	
	#searchPopBox .binSubmitImage {
		margin: 0 0 -4px 0;
	}

.infoBlock {}

	.infoBlock {
		clear: both;
		margin: 0 0 10px 0;
		line-height: 15px;
	}
	
	.infoBlock img {
		float: left;
		margin: 0 13px 0 0;
	}

	.infoBlock h3 {
		background: #828282;
		height: 17px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	.infoBlock h3 img {
		display: inline;
		float: none;
		margin: 4px 0 0 13px;
		padding: 0;
	}
	
	.infoBlock h4 {
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 0 13px;
		padding: 0;
	}
	
	.infoBlock ul {
		list-style: none;
		margin: 0 0 0 13px;
		padding: 0;
	}
	
	.infoBlock li {
		font-size: 11px;
		font-weight: bold;
	}
	
	td.recipeRightBar .infoBlock {
		margin-bottom: 5px !important;
	}
	
	td.recipeRightBar .infoBlock h4 {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	td.recipeRightBar .infoBlock ul {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	td.recipeRightBar .infoBlock ul li {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	td.recipeRightBar .rightBarImage
	{
		width: 250px;
		text-align: center;
		margin-bottom: 10px
	}
	
	.infoBlock td {
		padding: 0 0 5px 0;
	}

	.infoBlock td li {
		font-weight: normal;
		margin: 0;
	}
	
	.infoBlock .footnote {
		margin: 0 0 0 13px;
		padding: 0;
	}
	
	.infoBlock p {
		margin: 0;
		padding: 0;
		width: 275px;
	}

	.infoBlock .infoBlockPrimary {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.infoBlock .infoBlockSecondary {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	.infoBlock .infoBlockSecondary img {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	.infoBlock .infoBlockTertiary {
		float: left;
		width: 214px;
		margin: 0 0 10px 0;
	}
	
	.infoBlock .infoBlockTertiary h4 {
		padding: 0;
		margin: 0 0 0 10px;
	}
	
	.infoBlock .infoBlockTertiary ul {
		list-style: disc;
	}
	
	.infoBlock .infoBlockTertiary ul li {
		margin: 0 0 0 13px;
		color: #257fba;
		font-weight: normal;
	}
	
	.infoBlock .infoBlockInside {
		border-right: 1px solid #ccc;
		float: left;
		margin: 0 0 10px 0;
		width: 405px;
	}

	* html .infoBlock .infoBlockInside {
		w\idth: 406px;
		width: 405px;
	}
	
	.infoBlockSide {
		float: right;
		width: 214px;
	}
	
	.infoBlockSide h4 {
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 3px 10px;
	}
	
	.infoBlockSide ul {
		list-style: disc;
	}
	
	.infoBlockSide ul li {
		margin: 0 0 0 12px;
		color: #257fba;
	}
	
	.infoBlock .ibEntry {
		margin: 0 0 20px 0;
	}
	
	.infoBlock .ibContent {
		font-size: 11px;
		float: left;
		width: 180px;
	}
	
	td.recipeRightBar .infoBlock {
		width: 250px;
	}
	
	td.recipeRightBar .infoBlock .infoBlockPrimary{
		width: 160px;
	}
	
	#tvlVideos .infoBlock {}
	
		#tvlVideos .infoBlock {
			font-size: 11px;
		}
	
		#tvlVideos .infoBlock a {
			font-size: 11px;
		}
	
		#tvlVideos .infoBlock h4 {
			padding: 0;
			margin: 0 0 5px 0;
			font-size: 12px;
			color: #666;
			font-weight: bold;
		}
		
		#tvlVideos .infoBlock table td {
			width: 290px;
			padding: 0 10px 10px 0;
		}
		
		* html #tvlVideos .infoBlock table td {
			w\idth: 300px;
			width: 290px;
		}
		
		#tvlVideos .ivContent {
			width: 190px;
		}

	#tvlFoodLibrary {
		padding-top: 10px;
	}
	
		#tvlFoodLibrary .infoBlock {
			font-size: 11px;
		}
		
		#tvlFoodLibrary table.whatsNew {
			border-top: 1px solid #efefef !important;
		}
	
		#tvlFoodLibrary .infoBlock a {
			font-size: 11px;
		}
	
		#tvlFoodLibrary .infoBlock h4 {
			padding: 0;
			margin: 0;
			font-size: 12px;
			color: #666;
			font-weight: bold;
		}
		
		#tvlFoodLibrary .infoBlock h4 a {
			font-weight: bold;
		}
		
		#tvlFoodLibrary .infoBlock table td {
			width: 300px;
			padding: 0 10px 10px 0;
		}
		
		* html #tvlFoodLibrary .infoBlock table td {
			w\idth: 300px;
			width: 310px;
		}
		
		#tvlFoodLibrary table#whatsNew {
			margin: 15px 0 15px 0;
			line-height: 15px;
		}
		
		#tvlFoodLibrary table#whatsNew td.newsItemSummary {
			font-size: 11px;
			line-height: 15px;
		}

		#tvlFoodLibrary table#whatsNew td.newsItemSummary a {
			font-size: 11px;
			line-height: 15px;
		}

div.ProductToggles div.ToggleElement {
	background-color: #efefef;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cfcfcf;
}

	div.ProductToggles div.ToggleElement div.ToggleHeader {
		background: url(/consumer/images/bg-ProductToggleHeader.gif) no-repeat top left;
		height: 135px;
		width: 424px;
		cursor: pointer;
	}

.whereToBuyImage {
	padding-right: 5px;
}

.dropDownTextCell {
	color: #828282;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 5px 0 0;
}

.dropDownCell select#docView {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

span.darkgray {
	color: #828282;
	font-size: 11px;
}

div.tableProductDocumentationIntro {
	margin: 0 0 10px 0;
}
	
div.tableProductDocumentationIntro table {
	margin: 0 0 7px 0;
}
	
#productsSubcategorySO {
	background: url(../images/bg-sidemenu_fixed_height-productssubcategory.gif) no-repeat;
}

#productsPageSO {
	background: url(../images/bg-sidemenu_fixed_height-productspage.gif) no-repeat;
}

#productLiteratureSO {
	background: url(../images/bg-sidemenu_fixed_height-productspage.gif) no-repeat;
}

.docList {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 0 15px 0;
	padding: 5px 0 5px 0;
}

	.docList .icon {
		float: left;
		margin: 0 5px 0 10px;
	}
	
	.docList .text {
		float: left;
		padding: 2px 0 0 0;
	}

#SOmonoSlideshow {
	margin: 0;
}

#slideShowFlash #SOmonoSlideshow {
	margin: 10px 0 10px 0;
}

div#topBin {
	border-right: 1px solid #dedee0;
	border-bottom: 1px solid #dedee0;
	border-left: 1px solid #dedee0;
	float: right;
	margin: -28px 0 10px 0;
}

	div.planningDesignUpdates {
		background: url(../images/background-topbin-pd.jpg) no-repeat 0 18px;
		height: 190px;
		width: 186px;
	}
	
	div#planningDesignUpdatesTop {
		width: 186px;
		height: 162px;
	}

	div#planningDesignUpdatesTop p {
		color: #828282;
	}

	div#topBin h2 {
		color: #555;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 10px 10px 0 10px;
	}
	
	div#topBin p {
		margin: 0;
		padding: 0 10px;
	}
	
	div#topBin div.topBinButton {
		text-align: left;
		width: 100%;
		margin: 0 0 0 10px;
	}

	div#topBin div.topBinButton img {
		border: 1px solid #fff;
	}
	
div#planningAndDesign { }

	div#planningAndDesign table#categorySelectContainer {
		margin: 0;
		width: 620px;
	}
	
	div#planningAndDesign table#documentContainer {
		border: 1px solid #828282;
		margin: 0;
		width: 620px;
	}
	
	div#planningAndDesign table#documentContainer td, div#planningAndDesign table#documentContainer tr, div#planningAndDesign table#documentContainer th {
		border-color: #828282 !important;
	}
	
	div#planningAndDesign table#documentContainer tr#header th {
		background: #828282;
		color: #fff;
		font-size: 10px;
		padding: 5px 10px 5px 10px !important;
	}
	
	div#planningAndDesign table#documentContainer tr#header th.expandedspecs {
		width: 105px;
	}
	
	div#planningAndDesign table#documentContainer tr#header th.docInstallationLight {
		width: 105px;
	}
	
	div#planningAndDesign table.globalCategory {
		border-color: #828282;
		border-bottom: 0px;
		width: 100%;
	}
	
div#specificationsAndDocumentation { }
	
	div#specificationsAndDocumentation table#categorySelectContainer {
		margin: 0;
	}
	
	div#specificationsAndDocumentation table#documentContainer {
		border: 1px solid #828282;
		margin: 0;
	}
	
	div#specificationsAndDocumentation table#documentContainer tr#header th {
		background: #828282;
	}
	
	div#specificationsAndDocumentation table.globalCategory, div#specificationsAndDocumentation table.globalCategory th, div#specificationsAndDocumentation table.globalCategory td {
		border-color: #828282;
	}
	
	div#specificationsAndDocumentation td.docProductDark {
		background: #efefef;
	}
	
	
table#tableDocumentList {
	width: 620px;
	border: 1px solid #828282;
	border-collapse: collapse;
}

	table#tableDocumentList td {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	table#tableDocumentList th {
		padding: 5px 10px;
	}
	
	table#tableDocumentList th.topborder {
		border-top: 1px solid #828282;
	}
	
	table#tableDocumentList tr#header th {
		background: #828282;
		color: #fff;
		font-size: 10px;
		padding: 5px 10px 5px 10px;
	}
	
	table#tableDocumentList .cellodd {
		border-right: 1px solid #828282;
		border-left: 1px solid #828282;
	}
	
	table#tableDocumentList .celleven {
		background: #efefef;
		border-right: 1px solid #828282;
		border-left: 1px solid #828282;
	}
	
	table#tableDocumentList tr.tableEnd td {
		height: 10px !important;
	}
	
	
	/* total width =  541px; */
	
		th.product {
			width: 341px;
		}
		
		th.expandedspecs {
			width: 100px;
		}
		
		th.custompanels {
			width: 100px;
		}

table.productFindDealer td.padding {
	padding: 5px 0 0 0;
}

div.binBegin, div.binExpand {
	border: 1px solid #dedee0;
	margin: 0;
	padding: 0;
}

	div.binExpand {
		display: none;
	}
	
	div.binBegin h2, div.binExpand h2 {
		font-size: 11px;
		font-family: arial;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
div.popBar {
	background: #f2f2f2;
}

div.popContent {
	padding: 8px;
}

div.popContentDiv {
	margin-bottom: 8px;
}

div.popBar h2 {
	float: left;
	padding: 8px;
	width: 108px;
}

div.popBar a {
	background: #f2f2f2;
	float: right;
	height: 100%;
	padding: 8px;
	text-align: right;
	width: 110px;
}

	div#w2giBegin, div#w2giSubmit {
		padding: 8px;
		width: 207px;
	}
	
		* html div#w2giBegin, div#w2giSubmit {
				w\idth: 225px;
				width: 207px;
			}
	
	div#w2giBegin h2, div#w2giSubmit h2 {
		margin: 0 0 6px 0;
	}
	
	div#popDocumentationBegin, div#popDocumentationExpand {
		border: 0;
		padding: 0;
		margin: 0;
	}

	div#popDesignImagingBegin, div#popDesignImagingExpand {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
table.popTable
{
	width: 250px;
	margin-bottom: 5px;
}

	table.popTable td.popTableHeader
	{
		background: #f2f2f2; 
		padding: 8px;
	}

	table.popTable td.popTableHeaderLink
	{
		background: #f2f2f2; 
		padding: 8px;
		width: 100px;
	}

	table.popTable td.popTableContent
	{
		background: #fff;
		padding: 8px;
	}

.uscanadaonly {
	display: block;
	padding-bottom: 5px;
}

/***************************************************
 *
 * Headings
 *
 ***************************************************/

/***************************************************
 *
 * Text Styles
 *
 ***************************************************/

/***************************************************
 *
 * Forms
 *
 ***************************************************/

form {
	margin: 0px;
	padding: 0px;
}

.formElement {
	float: left;
	padding: 0 10px 10px 0;
}

table.contestRegistration {
	margin: 0 0 10px 0;
	width: 100%;
}

table.contestRegistration td {
	padding: 0 5px 0 0;
}


/***************************************************
 *
 * Things migrated from global.css
 *
 ***************************************************/
 
div#tvlCompassImage {
	width: 159px;
	text-align: right;
}


	
/* Bullet styles for environmental commitment lists */


ul.enviroList, ol.enviroList {
	list-style-type: none;
}

ul.enviroList li, ol.enviroList li {
	margin-bottom: 10px;
    /* For more info on what the below does, see http://www.dustindiaz.com/min-height-fast-hack/
        It's basically min-height for IE6.
    */
    min-height: 36px;
    height: auto !important;
    height: 36px;
}


ul.enviroList li.greenTree, ul.enviroList li.blackTree, ul.enviroList li.recycleBin, ul.enviroList li.greenLeaf {
	padding-left: 36px;	
}

ul.enviroList li.greenTree {
	background: transparent url(/consumer/images/decorations/tree_green.gif) 0% 0% no-repeat;
}
ul.enviroList li.blackTree {
	background: transparent url(/consumer/images/decorations/tree_black.gif) 0% 0% no-repeat;
}

ul.enviroList li.recycleBin {
	background: transparent url(/consumer/images/decorations/recycle.gif) 0% 0% no-repeat;
}

ul.enviroList li.greenLeaf {
	background: transparent url(/consumer/images/decorations/leaf.gif) 0% 0% no-repeat;
}

/* accordion styles */
div.accordion div.accordion-header {
    clear: left;
    position: relative;
    padding: 5px;
	cursor: pointer;
}

div.accordion-header h3 {
    margin-top: 0;
    margin-bottom: 0;
}

div.accordion div.accordion-header * {
    position: relative;
}

div.accordion div.accordion-header img {
    float: left;
    margin-right: 10px;
}

div.accordion div.accordion-header:hover, div.accordion div.active-accordion-header {
    background-color: #e4e4e6;
    cursor: pointer;
}

div.accordion-content {
    padding-top: 10px;
}

div.accordion-content table {
    width: 100%;
}

div.accordion-content table table {
    width: auto;
}

div.accordion-content table table td {
    padding: 0 10px 10px 0;
}

div.accordion-content table td.accordion-cell {
    width: 50%;
}

td.accordion-cell div.accordion-cell-content {
    margin: 10px 0;
    padding-right: 10px;
}


table#unassigned-favorites {
    clear: left;
    margin-top: 10px;
}



#overlay {
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url(/consumer/images/overlays/overlay-background.png);
    z-index: 3000;
}


#overlay-content {
    position: absolute;
    z-index: 3001;
    margin: 50px auto;
    padding: 30px 25px 25px 25px;
    background: transparent url(/consumer/images/overlays/overlay-background.png);
}

#overlay-close {
    display: none;
}

html > body #overlay-close {
    display: block;
    z-index: 3002;
    position: absolute;
    top: 10px;
    right: 25px;
    font-weight: bold;
    color: #257FBA;
    padding: 0 15px;
    background: transparent url(/consumer/images/overlays/overlay-background.png);
    cursor: pointer;
}

#overlay-close strong {
    font-family: impact;
}

#overlay-content img {
    z-index: 300;
    clear: right;
    border: 1px solid #444;
    border-width: 0px 1px 2px 0px;
}

.invisible {
    display: none;
}

#global_cart_popup,
#global_myaccount_popup_main_links,
#global_login_popup {
    z-index: 1000;
    text-align: left;
}

#cart-flyout-container {
    z-index: 100;
}

#cart-flyout-container #recently-added {
    margin: 10px;
}

#cart-flyout-container .flyout-closer {
    float: right;
    width: 12px;
    height: 12px;
    background: transparent url(/consumer/images/header/close_blue.gif) no-repeat;
}

#recently-added img {
    width: auto;
    margin: 0 auto;
}

#recently-added h3 {
    margin: 0;
    font-size: 8pt;
}

#recently-added table {
   width: 272px;
}

	#recently-added table th.recent-product {
	   width: 180px;
	}
	
	#recently-added table th.recent-quantity {
	   width: 52px;
	}
	
	#recently-added table th.recent-price {
	   width: 40px;
	}
	
	#recently-added table td {
	   font-size: 9px;
	}
	
	#recently-added table td a {
	   font-size: 9px;
	}
	
#recently-added table thead th {
    font-weight: bold;
}

#recently-added #cart-actions, #recently-added #cart-actions li {
    float: left;
}

#recently-added #cart-actions {
    width: 280px;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#cart-flyout-other-items {
    display: none;
}

#cart-actions {
    display: none;
}

#recently-added #cart-actions li {
	padding: 0 0 0 0;
	width: 140px;
}

#recently-added #cart-actions li a {
    display: block;
}

#recently-added #cart-actions #cart-action-view {
    text-align: left;
}

#recently-added #cart-actions #cart-action-checkout {
    text-align: right;
}

.cart-mouseover {
    background: transparent url(/consumer/images/header/cart-blue.gif) top left no-repeat;
}

.EC { /* expand / collapse / flyout */
	clear: both;
	margin: 0 0 10px 0;
}

	.ECtrigger {
		background-color: #fff;
		border: 1px solid #dedee0;
		width: 245px;
	} * html .ECtrigger { w\idth: 247px; width: 245px }
	
	.ECtrigger a {
		display: block;
		padding: 5px 19px 5px 7px;
		width: 219px;
	} * html .ECtrigger a { w\idth: 233px; width: 219px; }
	
	.EC .ECcontent {
		background: #efefef;
		border: 1px solid #dedee0;
		display: none;
		margin: -1px 0 0 0;
		padding: 5px 7px;
		zoom: 1;
	}
	
	.EC .EC {
	}
	
	.ECchain .ECtrigger {
		background: none;
		border: 0;
		paddding: 0;
	}
	
	.ECchain .ECtrigger a {
		padding: 0;
	}
	
	.ECchain .ECcontent {
		background: none;
		border: 0;
		padding: 0;
	}
	
	div.plus {
		background: #fff url(/consumer/images/icon_plus.gif) no-repeat 97% 52%;
	}
	
	div.minus {
		background: #fff url(/consumer/images/icon_minus.gif) no-repeat 97% 52%;
	}
	
	.ECflyout {
		background: #ebebeb url(/consumer/images/regflyout_bkg.gif) repeat-x top;
		border: 1px solid #DEDEE0; 
		color: #555555;
		margin: -40px 0 0 257px;
		padding: 8px;
		position: absolute;
		width: 258px;
	}
	
	.ECflyout_whatisthis {
		margin: -34px 0 0 183px;
	}
	
	.ECflyoutArrow {
		background: url(/consumer/images/regflyout_arrow.gif) no-repeat;
		float: left;
		margin: 10px 0 0 -16px;
		position: absolute;
		width: 36px;
		height: 17px;
	}
	.ECflyoutArrow img {
		float: right;
	}
	
	.ECflyoutContent {
		background: url(/consumer/images/icon_reghelp.gif) no-repeat 0px 10px;
		padding-left: 25px;
		display: block;
		height: auto !important;
		height: 34px;
		min-height: 34px;
		zoom: 1;
	}

	#EC2 {
		background: #ebebeb url(/consumer/images/regflyout_bkg.gif) repeat-x top;
		border: 1px solid #DEDEE0;
		color: #555555;
		margin: 0;
		padding: 8px;
		position: absolute;
		width: 258px;
		text-align: left;
	}

    #EC2 img#close-button {
        float: right;
        margin: 2px 2px 5px 5px;
    }
	
	/* EC width for The Viking Life Contest page */
	div#kitchenFlyoutContestPage div.EC div.ECcontent {
		width: 614px;
	} * html div#kitchenFlyoutContestPage div.EC div.ECcontent { w\idth: 628px; width: 614px;}
	
	/* EC width for the registration page */
	div#kitchenFlyoutRegistration div.EC div.ECcontent {
		width: 614px;
	} * html div#kitchenFlyoutRegistration div.EC div.ECcontent { w\idth: 628px; width: 614px;}

ul.select_list {
	list-style: none;
	margin-left: 3px !important;
	padding: 0 !important;
	width: 608px;
}

	ul.select_list li {
		display: inline;
		float: left;
		line-height: 12px;
		margin: 0 0 5px 10px;
		width: 196px;
	}
	
	ul.select_list li select {
		margin: 2px 0 5px 0;
		width: 196px;
	}
	
	ul.select_list li input {
		margin: 2px 0 5px 0;
		width: 190px;
	}
	
	ul.select_list li.first {
		margin: 0 0 5px 0;
	}
	
	ul.select_list li.model {
		width: 456px;
	}
	
		ul.select_list li.model select {
			width: 456px;
		}
		
		ul.select_list li.model input {
			width: 448px;
		}
		
	ul.select_list li.submit {
		padding: 0;
		width: 110px;
	}
	
	.select_list_submit {
		margin: 15px 0 0 0;
		width: 126px;
	}
	
	.EC .sibling {
		display: none;
		margin-top: -11px;
	}

	/* see ie6.css for adjustment for ie6
	ul.add_a_kitchen li.model select {
		width: 413px;
	} */

select.moveSelect {
	font-size: 10px; 
	width: 100px;
}

a.exclusive , span.exclusive , div.exclusive {
	/*padding-right: 15px;
	background: transparent url('../images/decorations/owners-icon.png') 100% 50% no-repeat;*/
}

	div.pageHeader span.exclusive {
		display: block;
		width: 400px;
	}

html body a.exclusive-img {
	padding: 0;
	background: none;
}

/* General Related Products */


div.relatedProducts {
	float: left;
	padding: 0 10px;
	margin: 10px 5px 10px 0;
	width: 186px;
	zoom: 1;
}

	* html div.relatedProducts {
		w\idth: 208px;
		width: 186px;
	}
	
	div.relatedProducts img.swatch {
		height: 15px;
		width: 15px;
	}

	div.relatedProducts img {
		margin: 0 0 5px 0;
	}
	
	div.relatedProducts div.formfield {
		float: left;
		width: 90px;
	}

	div.relatedProducts ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	
		div.relatedProducts div.formfield p {
			font-weight: bold;
			margin: 0 0 2px 0 !important;
		}
	
		div.relatedProducts div.productPrice {
			clear: both;
			margin: 10px 0 10px 0 !important;
		}
	
		div.relatedProducts div.formfield input {
			font-size: 9px;
		}
	
		div.relatedProducts div.formfield select {
			font-size: 9px;
			width: 80px;
		}

		div.relatedProducts div.formfield div.cartButton {
		}
	
	div.relatedProducts div.previousNext {
		text-align: center;
		margin: 10px 0;
	}

	div.relatedProducts select {
		margin-bottom: 10px;
	}

	div.relatedProducts input {
		margin-bottom: 10px;
	}

	div.relatedProducts p {
		line-height: 14px;
	}
	
		div.relatedProducts h3 {
		border: 0;
		color: #257fba;
		font-size: 11px;
		line-height: 11px;
		margin: 0 0 5px 0;
		padding: 0;
		text-indent: 0;
	}

	div.relatedProducts h4 {
		border: 0;
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
		text-indent: 0;
	}

		div.relatedProducts h4 a {
			border: 0;
			color: #257fba;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 10px 0;
			padding: 0;
			text-indent: 0;
		}

	div.relatedProducts h5 {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div#content-primary div.relatedProducts div.productPrice p {
		margin: 0 0 10px 0;
	}