<!--

	body {scrollbar-base-color: #e41f1f; scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #fff0f5; scrollbar-3dLight-color: #003366; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #fff0f5; scrollbar-face-color: #e41f1f;	
background-color: #ffffff;
		}
	
	.nav {
		font-family: arial;
		font-size: 12pt;
		font-weight: bold;
		color: #ffffff;
		text-align: left;
		vertical-align: middle;
	}
	
	a:link {
		color: #0000ff;
		}

	a:visited {
		color: #0000ff;
		}

	a:active {
		color: #e41f1f;
		}

	a:hover {
		color: #e41f1f;
		}
/*end general styles, begin classes  */	
	.facts {
		font-family: arial; 
		font-size: 9pt;
		font-weight: normal
		}
	a.facts:link {
		color: #0000ff;
		}

	a.facts:visited {
		color: #0000ff;
		}

	a.facts:active {
		color: #e41f1f;
		}

	a.facts:hover {
		color: #e41f1f;
		}
	
	a.PR:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.PR:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.PR:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.PR:hover {
		color: #e41f1f;
		text-decoration: none;
		}	
		/*
		advantage is used on the ir6001 page for the menu jumps.
		*/
		.advantage {
		font-family: arial; 
		font-size: 8pt;
		font-weight: normal
		}
	a.advantage:link {
		color: #0000ff;
		}

	a.advantage:visited {
		color: #0000ff;
		}

	a.advantage:active {
		color: #e41f1f;
		}

	a.advantage:hover {
		color: #e41f1f;
		}
		
	.advantageHeading {
		font-family: arial; 
		font-size: 10pt;
		font-weight: bold;
		color: #0000ff;
		}
	a.advantageHeading:link {
		color: #0000ff;
		font-size: 10pt;
		}

	a.advantageHeading:visited {
		color: #0000ff;
		font-size: 10pt;
		}

	a.advantageHeading:active {
		color: #e41f1f;
		font-size: 10pt;
		}

	a.advantageHeading:hover {
		color: #e41f1f;
		font-size: 10pt;
		}
		
		
		.advantageBottom {
		font-family: arial; 
		font-size: 8pt;
		font-weight: normal;
		vertical-align: bottom;
		}
	a.advantageBottom:link {
		color: #0000ff;
		vertical-align: bottom;
		}

	a.advantageBottom:visited {
		color: #0000ff;
		vertical-align: bottom;
		}

	a.advantageBottom:active {
		color: #e41f1f;
		vertical-align: bottom;
		}

	a.advantageBottom:hover {
		color: #e41f1f;
		vertical-align: bottom;
		}

/*Bottom bar styles below  */	
	
	a.bottomBar:link {
		color: #0000ff;
		}

	a.bottomBar:visited {
		color: #0000ff;
		}

	a.bottomBar:active {
		color: #e41f1f;
		}

	a.bottomBar:hover {
		color: #e41f1f;
		}
	
	.bottomBar {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: middle;
		text-align: center
	}
	
	.bottomBarRight {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: middle;
		text-align: right;
		background-color: #ffffff;
	}
	
/* begin standard styles */
	

	.standard {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
	}
/* for standard links */
	a.standard:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.standard:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.standard:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.standard:hover {
		color: #e41f1f;
		text-decoration: none;
		}	
		
/* back to standard classes */
	.standardCenter {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #ffffff;
	}
	
	.standardBold {
		font-family: arial;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		color: #003366;
	}
	
	.standardBoldCenter {
		font-family: arial;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
		color: #003366;
	}
	.standardJustify {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: justify;
		background-color: #ffffff;
	}
	
	.standardMiddle {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
	}
	
	.standardMiddleCenter {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: middle;
		text-align: center;
	}
	
	.standardBottom {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: left;
	}
	
	.standardBottomCenter {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: center;
	}
	
	.standardRed {
		font-family: arial;
		color: #e41f1f;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		background-color: #ffffff;
	}
	
	.standardLav {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		background-color: #e6e6fa;
	}	
	
	.standardRose {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		background-color: #fff0f5;
	}
	
/* standard with different background colors */

	.standardWithGray{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		background-color: #e9e9e9;
	}
	
	/* toekick chart heading */
	.standardWithGrayBottom{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: left;
		background-color: #e9e9e9;
	}
	
	.standardWithGrayCenter{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #e9e9e9;
	}
	
	.standardWithGrayRight{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: right;
		background-color: #e9e9e9;
	}
	
	.standardWithWhite{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		background-color: #ffffff;
	}
	
	.standardWithWhiteRight{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: right;
		background-color: #ffffff;
	}
	
	.standardWithWhiteCenter{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #ffffff;
	}
	.standardWithRoseCenter{
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #fff0f5;
	}
	
	.standardNoBack {
		font-family: arial;
		color: #003366;
		font-size: 11pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
	}
	
	.standardNoBackCenter {
		font-family: arial;
		color: #003366;
		font-size: 11pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
	}
	
/* 
"heading" is used anytime we had a font size of 3; size 4 is obnoxious; don't use it
*/
	.superHeading {
		font-family: arial;
		color: #003366;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #ffffff;
	}

	/* heading's pseudo classes */

	a.superHeading:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.superHeading:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.superHeading:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.superHeading:hover {
		color: #e41f1f;
		text-decoration: none;
		}
		
	/* end pseudo classes, resume heading classes */
		
	.superHeadingCenter {
		font-family: arial;
		color: #003366;
		font-size: 12pt;
		font-weight: 700;
		text-align: center;
		vertical-align: top;
	}
	
	.superHeadingBoldCenter {
		font-family: arial;
		color: #003366;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
		border-color: #FFEEC8;
		border-style: outset;
		background-color: #ffffff;	
	}
	
	.superHeadingRed {
		font-family: arial;
		color: #e41f1f;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #ffffff;	
	}
	
	.superHeadingCenterRed {
		font-family: arial;
		color: #e41f1f;
		font-size: 12pt;
		font-weight: 700;
		vertical-align: top;
		text-align: center;
	}	
	
	.superHeadingRedBoldCenter {
		font-family: arial;
		color: #e41f1f;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
	}
	/* 
	superHeadingWithBlue is used on the vacuums accessories page or
	anytime you want a header in white font with a Miele blue background
	*/
	
	.superHeadingWithBlue {
		font-family: arial;
		color: #ffffff;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #003366;
	}
	
	/* 
	superHeadingGray is for headings with a gray background, see ir6001.html 
	*/
	.superHeadingGray {
		font-family: arial;
		color: #003366;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #e9e9e9;	
	}
	
	.superHeadingGrayCenter {
		font-family: arial;
		color: #003366;
		font-size: 12pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
		background-color: #e9e9e9;	
	}

/* end superHeading classes */

	
	
	/*
	end superHeading	
	*/
	
	.heading {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
	}
	
	.headingNoBack {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
	};
	

	/* heading's pseudo classes */

	a.heading:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.heading:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.heading:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.heading:hover {
		color: #e41f1f;
		text-decoration: none;
		}
		
	/* end pseudo classes, resume heading classes */
		
	.headingCenter {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: 700;
		text-align: center;
		vertical-align: top;
	}
	
	.headingBoldCenter {
		font-family: arial;
		color: #003366;
		font-size: 11pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
		border-color: #FFEEC8;
		border-style: outset;
		background-color: #ffffff;	
	}
	
	.headingRed {
		font-family: arial;
		color: #e41f1f;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
	}
	
	.headingCenterRed {
		font-family: arial;
		color: #e41f1f;
		font-size: 10pt;
		font-weight: 700;
		vertical-align: top;
		text-align: center;
	}	
	
	.headingRedBoldCenter {
		font-family: arial;
		color: #e41f1f;
		font-size: 14pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
	}
	/* 
	headingWithBlue is used on the vacuums accessories page or
	anytime you want a header in white font with a Miele blue background
	*/
	
	.headingWithBlue {
		font-family: arial;
		color: #ffffff;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #003366;
	}
	
	/* 
	headingGray is for headings with a gray background, see ir6001.html 
	*/
	.headingGray {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #e9e9e9;	
	}
	
	/*
	headingWithGray was created because subsequent to the IR6001 page, I created 
	many other classes using the word 'with' to designate the background color
	of a cell.  So if anyone feels like redoing the IR6001 page and fixing its 
	classes, go knock yourself out. 
	*/
	
	.headingWithGray {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		background-color: #e9e9e9;	
	}
	.headingGrayCenter {
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
		background-color: #e9e9e9;	
	}

/* end heading classes */

	
/* "caption" is used anytime we had a font size of 1 */

	.caption {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: left;
		color: #003366;
	}
	
	.captionNoBack {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
	}	
	
	.captionNoBackCenter {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		text-align: center;
		vertical-align : middle;
		
	}	
	
	.captionRed {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: left;
		color: #e41f1f;
	}

	/* pseudoclass: captionCenter */

	.captionCenter {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: center;
		text-decoration: none;
		color: #003366;
	}
	
	a.captionCenter:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.captionCenter:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.captionCenter:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.captionCenter:hover {
		color: #e41f1f;
		text-decoration: none;
		}
	/* end pseudoclass, resume caption classes */

	.captionRight {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: right;
		color: #003366;
	}
	
	.captionUnderlined {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		background-color: #fff0f5;
		border-color: #e9e9e9;
		position: relative;
		left: -.5cm;
	}	
	
/* for zipped files */

	.captionZipped {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #e9e9e9;
		border-color: #e9e9e9;
		text-decoration: none;
	}		
	
	.captionZippedRose {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #fff0f5;
		border-color: #e9e9e9;
		text-decoration: none;
	}	
	
	.captionZippedLav {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #e6e6fa;
		border-style: ridge;
		border-color: #e9e9e9;
		text-decoration: none;
	}	
	
	.captionLav {
		font-family: arial;
		color: #003366;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #e6e6fa;
		text-decoration: none;
	}	
	
	a.captionZipped:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.captionZipped:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.captionZipped:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.captionZipped:hover {
		color: #e41f1f;
		text-decoration: underline;
		}
	
	/* 
	end caption zipped
	*/
	
	
/* For links to pdf files */
	.dimensions {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: middle;
		text-align: center;
		background-color: #e9e9e9;
		color: #003366;	
	}
	
	a.dimensions:link {
		color: #0000ff;
		text-decoration: none;
		}

	a.dimensions:visited {
		color: #0000ff;
		text-decoration: none;
		}

	a.dimensions:active {
		color: #e41f1f;
		text-decoration: none;
		}

	a.dimensions:hover {
		color: #e41f1f;
		text-decoration: underline;
		}
	
	
/* end dimensions */ 
	
	/* okay, no idea what I'm using this for.  Great documenting, Doug */
	.letteredHeadings {
		font-family: arial;
		color: #e41f1f;
		font-size: 10pt;
		font-weight: bold;
		vertical-align: bottom;
		text-align: left;
		background-color: #ffffff;	
	}
	
/*  for my 'buwwets'
*/
	.bulletsNormal {
		font-family: arial; 
		font-size: 10pt;
		font-weight: normal;
		color: #003366;
		text-align: justify;
		vertical-align: top;
		}
		
	.bulletsLeft {
		font-family: arial; 
		font-size: 10pt;
		font-weight: normal;
		color: #003366;
		text-align: left;
		vertical-align: top;
		}
		
	/* 
		for some pain in the ass situation where things weren't lining up the way
	 	I wanted them to (probably in the laundry section.
		CSS's text-indent selector kind of forces things the way you want :)
		*/
	.indent10 {
	text-indent: 5%;	
		font-family: arial;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: left;
		color: #003366;
	}
	
	
	.imageVacsHome {
	border-color: #164396;
	border-style: ridge;
	background-color: #164396;
	vertical-align: top;
	
	}
	
	.imageS143 {
	border-color: #2980C7;
	border-style: ridge;
	background-color: #2980C7;
	vertical-align: top;
	
	}

	.imagePowerhouseS176 {
	border-color: #C7C4FD;
	border-style: outset;
	background-color: #C7C4FD;
	vertical-align: top;	
	}
	
	.imagePowerhouseS177 {
	border-color: #C7C4FD;
	/*border-style: double groove;*/
	border-style: solid solid ridge ridge;
	background-color: #C7C4FD;
	vertical-align: top;	
	}
	
	.imageS200 {
	border-color: #CAC6C3;
	border-style: ridge;
	background-color: #CAC6C3;
	vertical-align: top;	
	}
	
	.imageImmerBesser{
	border-color: #F48327;
	border-style: ridge;
	background-color: #F48327;
	vertical-align: top;
	}
	
	.imageLuckyDirt{
	border-color: #E0A956;
	border-style: ridge;
	background-color: #E0A956;
	vertical-align: top;
	}
	
	.imageSilverMoon{
	border-color: #BDCCD3;
	border-style: ridge;
	background-color: #BDCCD3;	
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	vertical-align: top;
	text-align: center;	
	}
	
	.imageArtico{
	border-color: #79a1c4;
	border-style: ridge;
	background-color: #79A1C4;
	vertical-align: middle;
	text-align: right;
	}
	
	.imageCSAW400 {
	border-color: #839FC4;
	border-style: outset;
	background-color: #839FC4;
	vertical-align: top;
	text-align: center;	
	}
	
	/* dishwasher application chart cells start with 'programs' */
	
	.programsWithGray {
		text-align: center;
		background-color: #e9e9e9;
		vertical-align: bottom;
	}
	
	.programsWithWhite {
		text-align: center;
		background-color: #ffffff;
		vertical-align: bottom;
	}
	
	
/* obviously, for Miele Mexico's pop up window */
	/* old style
	.mexico {
	font-family: arial; 
	font-size: 11px; 
	font-weight: normal; 
	vertical-align: middle; 
	text-align: left; 
	position: relative; 
	left: -20px;
	}	
	*/	
	
	.mexico {
		font-family: arial;
		font-size: 8pt;
		font-weight: normal;
		vertical-align: bottom;
		text-align: center;
		text-decoration: none
	}
	
	a.mexico:link {
		color: #e41f1f;
		text-decoration: none;
		}

	a.mexico:visited {
		color: #e41f1f;
		text-decoration: none;
		}

	a.mexico:active {
		color: #15ad40;
		text-decoration: none;
		}

	a.mexico:hover {
		color: #15ad40;
		text-decoration: none;		
		}	
	
	.vacAccessories{ 
		vertical-align: top; 
		text-align: center;
		border-color: #7BA6C9;
		border-style: double
	}
	
	.submitAndReset{
		border-color: #003366 #003366 #003366 #fff0f5;
		border-top-width: 1px;
		font-family: arial;
		color: #003366;
		font-size: 10pt;
		font-weight: normal;
		vertical-align: top;
		text-align: center;
		background-color: #c0c0c0;
		border-style: outset;
	}
	
	// for mvd powerbrush
	.powerbrushZ {
		font: 10pt arial; 
		color: #003366;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		background-color: #e6e6fa;
	}
	
	/* for toekick chart */
	.blueBlocks {
		text-align: center;
		vertical-align: top;
		background-color: blue;
	}
-->