@charset "utf-8";
/* CSS Document */



 /*history page*/ 
 
 	
	/* #history{ height:300px; width:800px; position: absolute; top:0px; left:0px;  
	 float: left; background-color: #FFFFFF ; margin:0px; padding:0px;}*/
	
	div#history li {list-style: none; display:inline; margin-right:25px;height:auto;}
	
	a.historybox {height: 0px; width:300px; display:block; margin:10px 10px 30px 0px; 
	padding: 233px 0px 0px 0px; float: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; color:#666666;}
	
	a#nyc1{ background-image: url(images/old-nyc-1.jpg);background-repeat:no-repeat;}
	a#nyc2{ background-image: url(images/old-nyc-2.jpg);background-repeat:no-repeat; }
	a#clock{ background-image: url(images/oldclock.jpg);background-repeat:no-repeat;  }
		
	ul.press {list-style-type: none; line-height:18px; color: #666666;}
	
	ul.press li a {list-style-type: none; line-height:18px; color: #666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;}
	
	ul.press li a:hover{list-style-type: none; line-height:18px; color: #999999; text-decoration:none;}
	
	
	
	.historypara{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; position: relative; text-align:left; top:10px;   width:600px; height: auto; padding:0px; margin:0px; float: left; overflow: visible;}
	
	/*scroll bar text for why clean */
	.why{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; position: relative; font-size:12px;   text-align:left; top:180px;   width:650px; height: auto; padding:0px; margin:0px; float: left; overflow: visible;}
	
	.pressrelease{font-size:10px; font-family:Arial, Helvetica, sans-serif; position: relative; font-size:12px;   text-align:left; top:10px;   width:600px; height: auto; padding:0px; margin:0px; float: left; overflow: visible;}
	
	.press{font-size:10px; font-family:Arial, Helvetica, sans-serif; position: relative; font-size:12px;   text-align:left; top:20px;   width:600px; height: auto; padding:0px; margin:0px; float: left; overflow: visible;}
	
	
	
	.clean{font-size:10px; font-family:Arial, Helvetica, sans-serif; position: relative;    text-align:left; top:150px;   width:600px; height: auto; padding:0px; margin:0px; float: left; overflow: visible;}
	
	#copyfaq{ font-family:Arial, Helvetica, sans-serif; float: right; font-size:8px; position: relative; color:#666666;}

	div#historysubnav {width:840px; height:70px; background: #FFFFFF; position: absolute; top:650px; left:0px; margin-top:0px; margin-bottom:0px;  padding:0px; clear:both;}
	
	div#historysubnavform {width:840px; height:70px; background: #FFFFFF; position: absolute; top:950px; left:0px; margin-top:0px; margin-bottom:0px;  padding:0px; clear:both;}
	
	div#historysubnav li { list-style:none; display:inline;}
	
	a.navitem {height: 0px; width:70px; display:block; margin:-16px 0px 0px 0px; 
	padding:60px 0px 0px 0px; overflow:hidden; float:left;}
	
	a#espresso { background-image:url(icons2/espresso.gif)}
	a#coffee { background-image:url(icons2/coffee.gif)}
	a#domestic{ background-image:url(icons2/domestic.gif)}
	a#super{ background-image:url(icons2/super.gif)}
	a#grinder{ background-image:url(icons2/grinder.gif)}
	a#descaler{ background-image:url(icons2/descaler.gif)}
	a#brushes{ background-image:url(icons2/brush.gif)}
	a#pc{ background-image:url(icons2/pc.gif)}
	
	/*super auto Instructions page*/
	
	
	a.symbolhand {height: 0px; width:360px; display:block; margin:0px 0px 0px 0px; 
	padding: 191px 0px 0px 0px; background-repeat:no-repeat; background-position:center; text-align: left; float:left;   }
	a#superautoinstructions { background-image: url(icons2/hand-instructions.gif)}
	

	/*tradtional page*/	
	
	a.symbolpod {height: 0px; width:658px; display:block; margin:0px 0px 0px 0px; 
	padding: 200px 0px 0px 30px; background-repeat:no-repeat; background-position:center; text-align:center; float:left; }
	
	a#tradtional { background-image: url(icons2/traditional.gif)}
	
	
	
	
	
	/*Pod Instructions page*/	
		
	a.symbolpod {height: 0px; width:658px; display:block; margin:0px 0px 0px 0px; 
	padding: 200px 0px 0px 30px; background-repeat:no-repeat; background-position:center; text-align:center; float:left; }
	
	a#podinstructions { background-image: url(icons2/web-instruction-pod.gif)}
	
	
	/*home coffee brewers page*/	
	
	.howtocleancaf{height:300px; width:800; position: relative;top:180px; font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:11px; color: #666666;;text-align:left;overflow:scroll;}
		
	 #cleancoffee{ height:300px; width:100px; position: absolute; top:0px; left:-15px;  
	  background-color: #FFFFFF ; margin:0px; padding:0px; }
	
	
	
	a.symbolscoffee {height: 0px; width:482px; display:block; margin:0px 0px 0px 0px; 
	padding: 200px 0px 0px 0px;   font-family:Arial, Helvetica, sans-serif;  text-decoration: none; color:#666666; background-repeat:no-repeat; background-position:center; text-align:center; float:left; }
	
	
	
	a#coffeebrewer { background-image: url(icons2/homecoffeeclean.gif)}
	
	
	
	
	
	/*how to icon page*/	
	
	 #howicons{ height:300px; width:800px; position: absolute; top:0px; left:0px;  
	  background-color: #FFFFFF ; margin:0px; padding:0px 0px 0px 0px; }
	
	div#howicons li {list-style: none; display:inline; height:auto;}
	
	a.symbols {height:10px; width:105px; display:block; margin:0px 20px 10px 5px; 
	padding: 125px 15px 0px 0px;  float: left;   font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; color:#666666; background-repeat:no-repeat; background-position:center; text-align:center; }
	
	 
	
	a#coffeemaker { background-image: url(how%20to%20icons/coffee.gif);}
	a#pod{ background-image: url(how%20to%20icons/web-pods.gif); }
	a#superauto{ background-image: url(how%20to%20icons/web-automatic.gif);}
	a#traditional{ background-image: url(how%20to%20icons/traditional.gif); }
	a#faq{ background-image: url(how%20to%20icons/question.gif); }
	
	a.symbols:hover {height: 10px; width:105px; display:block; margin:0px 20px 10px 5px; 
	padding: 125px 15px 0px 0px;  float: left;   background-repeat:no-repeat; background-position:center; text-align:center; }
	
	 
	
	a#coffeemaker { background-image: url(how%20to%20icons/coffee.gif); }
	a#pod{ background-image: url(how%20to%20icons/web-pods.gif); }
	a#superauto{ background-image: url(how%20to%20icons/web-automatic.gif);}
	a#traditional{ background-image: url(how%20to%20icons/traditional.gif); }
	a#faq{ background-image: url(how%20to%20icons/question.gif); }
	
	
	/*complete cafe icons*/ 
	
	div#complete {width:800px; height:60px; background: #FFFFFF; position: absolute;top:480px;margin-top:0px; 
	margin-bottom:0px; padding:0px; clear:both; }
	
	div#complete li { list-style:none; display:inline;}
	
	a.navitem {height: 0px; width:70px; display:block; margin:-16px 15px 0px 0px; 
	padding:70px 0px 0px 0px; overflow:hidden; float:left;}
	
	a#espresso { background-image:url(icons2/espresso.gif)}
	a#coffee { background-image:url(icons2/coffee.gif)}
	a#domestic{ background-image:url(icons2/domestic.gif)}
	a#super{ background-image:url(icons2/super.gif)}
	a#grinder{ background-image:url(icons2/grinder.gif)}
	a#descaler{ background-image:url(icons2/descaler.gif)}
	a#brushes{ background-image:url(icons2/brush.gif)}
	a#pc{ background-image:url(icons2/pc.gif)}