/* CSS Document */


body {
	width:800px;
	height:600px;
	margin: auto;
	text-align:left;
	margin-top: 0px;
}
	
	#wrapper{width:800px; height:600px; 
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;text-align:center; background-color: #FFFFFF; }
	
	
	ul.none {list-style-type: none; 	font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:12px; color: #666666; line-height:15px;padding-left:10px;}
		
	
	ul.disc {height:95px; width: auto;  list-style: square; list-style-position:inside; font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:12px; color: #666666; position:relative; left:0px; text-align:left; padding-left:0px; margin:0px; margin-bottom:5px; line-height:20px; }
	
	ul.ingredients {height:95px; width: auto;  list-style: square; list-style-position: outside; font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:12px; color: #666666; position:relative; left:0px; text-align:left; padding-left:27px; margin:0px 0px 0px 0px; line-height:20px; }
	
	ul.decimal {
	list-style:decimal;
	list-style-position: outside;
	width: auto;
	height:auto;
	margin:0px 0px 0px 0px;
	padding-left:27px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #666666;
	line-height:15px;
}
	
	ul.directions { width:500px; text-align: left;  font-size:12px; font-family: Geneva, Arial, Helvetica,;padding-left:0px; padding-right:10px; position: relative;top:0px; left:0px; height:620px; margin-right:10px; z-index:0; overflow:scroll; }
	
	#options{width:300px; height:auto; text-align:left; float:left; font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:12px; color: #666666;   text-decoration:none; list-style:none;  margin:0px;padding:0px;}
	
	#wbc{background-image: url(images/wbc.jpg); position:absolute; width:55px; height:100px; top:220px; left:15px;}
	
	
	/* you may also like*/
	#active
{
padding-left: 0;
margin-left: 0;


}

#active li
{
list-style: none;
margin: 0;
padding: 0.2em;
}

#active li a { text-decoration: none; font-size:12px; color:#999999; text-decoration:underline;}
	
	
	#active li a:hover{ text-decoration: none; font-size:12px; color: #000000; }
	
		
   h1{width:800px; height:0px;
	 overflow:hidden; padding:0px 0px 0px 0px;
	background-repeat:no-repeat;margin:0px 0px 0px 0px; position:relative; top:0px; font-style:normal; }
	
	h2{
	height:10px;
	width:800px;
	text-align:left;
	position: absolute;
	top:65px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color: #666666;
	border-bottom: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	text-decoration: none;
}
	 
	h3{font:Arial, Helvetica, sans-serif; font-size:16px; font-family:Arial, Helvetica, sans-serif;float:left; width:350px;position:relative; left:189px; top:15px; padding:0px; margin:0px;}
	
	h4{font-family:Arial, Helvetica, sans-serif; color: #666666; height:15px;width:800px; text-align:left;position:relative; top:260px;font-size:12px;}
	
	h5{font-family:Arial, Helvetica, sans-serif; color: #666666; height:15px;width:800px; text-align:left;position:relative; top:260px; font-size:12px;}
	
	h6{font-family:Arial, Helvetica, sans-serif; color: #666666; height:15px;width:800px; text-align:left;position:relative; top:260px; font-size:12px;}

	#calender{font-family:Arial, Helvetica, sans-serif; color: #666666; height:15px;width:700px; text-align:left;position:relative; top:5px;font-size:12px;}
	
	p{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	color: #666666;
	position:relative;
	top:0px;
	text-align:left;
	padding-left:0px;
	width: auto;
	height: auto;
	margin-bottom:0px;
	left: 90;
}
	
	#mapquest{font-family:Arial, Helvetica, sans-serif; color: #666666; height:15px;width:700px; text-align:left;position:relative; top:0px;font-size:12px;margin-bottom:10px;}
	
	#mapquest a{font-family:Arial, Helvetica, sans-serif; color: #666666; font-size:12px; text-decoration:underline; }
	
	#mapquest a:hover{font-family:Arial, Helvetica, sans-serif; color: #FF0000;  }
	
	#nsf2{width:180px; height:41px; background-image: url(images/nsflogo2.jpg); margin-top:15px;}
	
	
	#nsf{width:180px; height:41px; background-image: url(images/nsflogo1.jpg); float:left; }
	
	#omri{width:180px; height:41px; background-image: url(images/omri.jpg); float:left; }
	/*this is the font size color and weith should be used throught out the site*/
	.para1
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:200;
		font-size:12px;
		color: #666666;
		top:0px;
		width: auto;
		height: auto;
		margin:0px;
		padding:0px;
		left:0px;
	
		text-decoration: none;
	}
	
	.para2{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: auto; height:auto; padding-left:7px; margin-bottom:10px;}
	.para4{font-family: Arial, Helvetica, sans-serif; font-weight:normal;  color: #666666; line-height:17px; position: relative; font-size:11px;   text-align:left; top:160px;   width: auto; height:auto; padding-left:7px; margin-bottom:0px;}
	
	.press{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: 700px; height:auto; padding-left:7px; margin:0px; z-index:0; }
	
	.para3{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: 800px; height:auto; padding-left:7px; margin:0px; z-index:0; }
	
	.tips{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: 800px; height:auto; padding-left:7px; margin:0px; z-index:0; }
	
	/*scroll bar for home coffee brewers page with icons at top     this is on all the pages     */
	
	
	.joseph{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: auto; height:350px; padding-left:7px; margin:0px; overflow: visible; padding-right:10px;  }
	
	
	
	.industry{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: auto; height: auto; padding-left:7px; margin:0px; padding-bottom:10px; overflow: visible; padding-right:10px;  }
	
	/*scroll bar for home faq trouble shooting      this is on all the pages     */
	.trouble{font-family: Arial, Helvetica, sans-serif; font-weight:200; font-size:10px; color: #666666; line-height:17px; position: relative; font-size:12px;   text-align:left; top:0px;   width: auto; height:350px; padding-left:7px; margin:0px;  overflow: visible;  }
	
	
	a:visited {
	text-decoration: none;
	
}
	a:hover {
	text-decoration: underline;
	margin:0px;
	color: #666666;
	
}
		
#maincontent_wrapper {
	position: absolute;
	top: 80px;
	float:left;
	width: 800px;
	height: 434px;
}	
#maincontent {
	border: 1px solid #ccc;
	width: 798px;
	height: 432px;
	background-color:#FFFFFF; 
	position: absolute; 
	text-align:center; 
	z-index:0;
	background-repeat:no-repeat; 
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
}
	#maincontent #left {
		float: left;
		width: 608px;
		border-right: 1px solid #ccc;
	}
		#maincontent #left #strip {
			position: relative;
			padding: 20px 0 20px 20px;
			height: 41px;
			width: 588px;
			color: #fff;
			background: #1d499d;
			font-size: 16px;
			border-bottom: 1px solid #ccc;
		}
			#maincontent #left #strip div {
				clear: both;
				float: left;
				text-align: left;
				width: 100%;
				margin-top: 3px;
			}
			#maincontent #left #strip img {
				position: absolute;
				left: 0;
				bottom: -15px;
			}
			#maincontent #left #strip h1 {
				background-repeat: inherit;
				font-style: normal;
				height: auto;
				margin: 0;
				overflow: visible;
				padding: 0;
				position: relative;
				top: 0;
				width: auto;
				text-align: left;
				float: left;
				font-size: 28px;
			}
				#maincontent #left #strip h1 .sup {
					position: absolute;
					left: 100%;
					top: .3em;
					font-size: .3em;
					font-weight: normal;
				}
		#maincontent #left a img.vertical {
			border: none;
			border-right: 1px solid #ccc;
			float: left;
		}
	#maincontent #right {
		float: right;
		width: 189px;
		text-align: left;
	}
		#maincontent #right div.box {
			padding: 10px 10px 0 10px;
			border-bottom: 1px solid #ccc;
		}
			#maincontent #right div#news.box {
				height: 92px;
				overflow: hidden;
			}
				#maincontent #right div#news.box h2 {
				}
				#maincontent #right div#news.box p {
				}
					#maincontent #right div#news.box p.date {
						color: #1d499d;
					}
			#maincontent #right div#connect.box {
				height: 103px;
				overflow: hidden;
			}
				#maincontent #right div#connect a img {
					margin-right: 6px;
				}
			#maincontent #right div#full_circle.box {
				padding: 0;
			}
			#maincontent #right div#puro.box {
				padding: 0;
				border-bottom: none;
			}
		#maincontent #right a img {
			border: none;
		}
		#maincontent #right h2 {
			border-bottom: none;
			color: #1d499d;
			font-size: 14px;
			height: auto;
			padding-bottom: 0;
			position: static;
			top: auto;
			width: auto;
			margin: 0;
		}
		
/*--- Rounded Corners ---*/
.round_corner_top_left, .round_corner_top_right, .round_corner_bottom_left, .round_corner_bottom_right {
	position: absolute;
	z-index: 1000;
}
.round_corner_top_left {
	top: 0;
	left: 0;
}
.round_corner_top_right {
	top: 0;
	right: 0;
}
.round_corner_bottom_left {
	bottom: 0;
	left: 0;
}
.round_corner_bottom_right {
	bottom: 0;
	right: 0;
}
	
	
	#maincontentwhite {background-color: #FFFFFF; 
	width:800px;
	
	margin:0px; 
	padding:0px;
	position:absolute; 
	float:left;  
	text-align:center; 
	top:57px;
	z-index:0; }
	
	
	#dropmenu{width:600px; height:20px; background-color:#00CCFF;z-index:10px; text-align:center;float:left;}
	
	#graybar {background-color: #FFFFFF; width:801px; height:36px; position:relative; top:10px; float:left; }
	
	#menusdrop{
	height:36px;
	width:800px;
	position: absolute;
	text-align:center;
	float:left;
	top: 4px;
}
	
	
	/*words on gray bar*/
#menu li.mainmenu {
margin:0px;
padding:15px 5px 5px 5px;
list-style:none;
display:inline; 
 
width:62px;
height:36px; 

font-family:Arial, Helvetica, sans-serif; font-size:11px;
text-decoration:none;}


#menu li a 
{color: #000000;
font-weight:bold;
text-decoration:none; top:0px; }


#menu li ul.hideit li 
{display:none;}

#menu li ul.hideit li a
{display:none;}

#menu li ul.showit li.submenu {
display:block;
position:relative;
margin:0;
left:-45px;
top:0px;
list-style:none;
width:62px;
height:20px;
padding:0px 0px 0px 0px;
text-align:left;  }

/*drop down boxes*/
#menu li ul.showit li a{
display:block;
position:relative;
background-color: #666666;
color:#ccccFF;
list-style:none;
width:180px;
height:20px;

margin-top:0px;
border:1px solid #FFFFFF;color:#CCCCCC;
padding-left:10px;
padding-top:5px;

}

body #menu li ul.showit li a:hover{
background-color: #999999;
color: #FFFFFF;
text-decoration:none; 
}
#menu a:hover{ color: #FFFFFF;}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {
position:absolute;
top:12px; }

#menu1 {
left:150px;}

#menu2 {
left:226px;}

#menu3 {left:302px;
}

#menu4 {
left:380px;

}
#menu5 {left:454px;}

#menu6 {left:530px;}

#menu7 {left:608px; }
	
div#cafizaproduct{
	width:112px;
	height:250px;
	background-color:#FFFFFF;
	float:left;
	position: absolute;
	top:100px;
	z-index:0;
	text-decoration: none;
}
	
	
div#faq{width:800px; height: auto; background-color: #FFFFFF;float:left;position: absolute;top:110px; }
	 
	 
	  /*4 why clean images*/	 
	  #whyclean{ height: auto; width:800px; position: absolute; top:40px; left:0px;  
	 float: left; background-color: #FFFFFF z-index:0; background-color: #FFFFFF;}
	 
	 div#whyclean li {list-style: none; display:inline; margin-right:25px;height:auto;}
	 /*
	 a.whycleanimages {height: 0px; width:145px; display:block; margin:10px 10px 30px 0px; 
	padding: 133px 0px 0px 0px;  float: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; color:#666666;}
	 a#dirtycoffee { background-image: url(infoimages/dirty-cofffee.jpg);}
	  a#dirtybunn { background-image:url(infoimages/dirtybunn.jpg);}
	a#dirtyboiler{ background-image: url(infoimages/dirtyboiler.jpg);}
	a#dirtyscreen{ background-image: url(infoimages/dirty-screen.jpg);}
	
	a.whycleanimages:hover {height: 0px; width:145px; display:block; margin:10px 10px 30px 0px; 
	padding: 133px 0px 0px 0px;  float: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; color:#666666;}
	 a#dirtycoffee { background-image: url(infoimages/dirty-cofffee.jpg);}
	  a#dirtybunn { background-image:url(infoimages/dirtybunn.jpg);}
	a#dirtyboiler{ background-image: url(infoimages/dirtyboiler.jpg);}
	a#dirtyscreen{ background-image: url(infoimages/dirty-screen.jpg);}*/
	
	#products{ height:14px; width:800px; position: absolute; top:98px;  background-color:#FFFFFF z-index:0;   }
	 
	 /*products page*/ 	
	 
	div#products li {list-style: none; display:inline; margin-right:4px;height:auto; float:right}
		
	a.productbox {height: 50px; top:15px; width:90px; display:block; margin:5px 0px 0px 12px; 
	padding: 95px 0px 0px 0px;  float:left; left:90px; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:center; text-decoration: underline; color:#666666; background-repeat:no-repeat;  }
	
	
	a#cafiza { background-image: url(product_images/cafiza.jpg);}
	a#cafizatablets { background-image: url(product_images/cafizatablets.jpg);}
	
	a#cafizahome{ background-image: url(product_page_images/cafizahometablets.jpg);}
	a#cafizcommerical{ background-image: url(product_page_images/cafizacommericalbox.jpg);}
	a#cafizaomri{ background-image: url(product_images/cafizaomri.jpg);}
	
	a#pakz{ background-image: url(product_images/pakz.jpg);}
	a#rinza{ background-image: url(product_images/rinza.jpg);}
	a#cc{ background-image: url(product_images/clearcoffee.jpg);}	
	a#ccp{ background-image: url(product_images/clearcoffeepack.jpg);}
	a#tabz{ background-image:url(product_images/tabz.jepg);}
	
	
	a#clean{ background-image: url(product_images/cleancaf.jpg);}
	a#dezcal{ background-image: url(product_images/dezcalcommerical.jpg);}
	a#urn{ background-image: url(product_images/urnpack.jepg);}
	a#grindz{ background-image: url(product_images/grindz.jepg);}
	a#grindzbox{ background-image: url(product_images/grindzbox.jpg);}
	a#grindzjar{ background-image: url(product_images/grindzjar.jpg);}
	a#wipz{ background-image: url(product_images/wipz.jpeg);}
	a#brushlink{ background-image: url(product_images/brushlink.jpg);}
	
	a#dezcalboth{ background-image: url(product_images/Dezcalboth.jpg);}
	a#urnomri{ background-image:url(product_images/urnpack.jpg); }
	a#dezcalretail{ background-image: url(product_images/dezcalbox.jpg);}
	a#completecafe{ background-image: url(product_images/completecafe.jpg);}
	a#urnPhosphate{ background-image: url(product_images/Phosphate-Urn-and-Brewer.jpg);}
	a#brush22{ background-image:url(Product_page_images/Brushes/22-airpotf22.gif);}
	
	
	a.productbox:hover {height:50px; top:15px; width:90px; display:block; margin:5px 0px 0px 12px; 
	padding: 95px 0px 0px 0px;  float:left; left:90px; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:underline; color:#CCCCCC;}
	
	
	
	a#cafiza { background-image: url(product_images/cafiza.jpg);}
	a#cafizatablets { background-image: url(product_images/cafizatablets.jpg);}
	
	/*a#cafizahome{ background-image: url(product_images/cafizahome.jpg);}*/
	a#cafizaomri{ background-image: url(product_images/cafizaomri.jpg);}
	
	a#pakz{ background-image: url(product_images/pakz.jpg);}
	a#rinza{ background-image: url(product_images/rinza.jpg);}
	a#cc{ background-image: url(product_images/clearcoffee.jpg);}	
	a#ccp{ background-image: url(product_images/clearcoffeepack.jpg);}
	a#tabz{ background-image:url(product_images/tabz.jpg);}
	/*a#liquiddezcal{background-image: url(product_page_images/liquid-dezcal-small.jpg);}*/	
	
	a#clean{ background-image: url(product_images/cleancaf.jpg);}
	a#dezcal{ background-image: url(product_images/dezcalcommerical.jpg);}
	a#urn{ background-image: url(product_images/urnpack.jpg);}
	a#grindz{ background-image: url(product_images/grindz.jpg);}
	a#grindzbox{ background-image: url(product_images/grindzbox.jpg);}
	a#grindzjar{ background-image: url(product_images/grindzjar.jpg);}
	a#wipz{ background-image: url(product_images/wipz.jpg);}
	a#scoopz{ background-image: url(product_images/scoopz.jpg);}
	a#brushlink{ background-image: url(product_images/brushlink.jpg);}
	
	
	
	a#dezcalboth{ background-image: url(product_images/Dezcalboth.jpg);}
	a#urnomri{ background-image:url(product_images/urnpack.jpg); }
	a#dezcalretail{ background-image: url(product_images/dezcalbox.jpg);}
	a#completecafe{ background-image: url(product_images/completecafe.jpg);}
	a#urnPhosphate{ background-image: url(product_images/Phosphate-Urn-and-Brewer.jpg);}
	a#brush22{ background-image:url(Product_page_images/Brushes/22-airpotf22.gif);}
	
		
	div.kicker {width:0px; height:0px; clear:both;}
	
	#buy{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:left;
	position: absolute;
	top:40px;
	left:110px;
	width:160px;
	height:800px;
	float:left; background-color:#00CC00; margin-bottom:150px;}
	
	
	 /*shop page*/ 	
	 
	 
	  #shopnext{ height:800px; width:160px; position: absolute; top:99px; left:300px ;  
	 float: left; z-index:0;font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:left;}
	 
	  div#shopnext li {list-style: none; display:inline; margin-right:25px;height:auto;}
	  
	  a.shopnext  {height: 0px; width:120px; display:block; margin:10px 50px 40px 0px; 
	padding: 90px 0px 0px 0px;  float: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; color:#666666; background-repeat:no-repeat;}
	 
     #shop{ height:800px; width:150px; position: absolute; top:100px; left:5px;  
	 float: left; background-color: #FFFFFF ; z-index:0;font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:left;}
	 
	div#shop li {list-style: none; display:inline; margin-right:25px;height:auto;}
	
	
	
	div#boxforshop{background-color: #FFFFFF ;}
	
	
	
	
		/*shopping page images -------------------------------------------------------*/
	a.shopbox {height: 0px; width:120px; display:block; margin:10px 50px 30px 0px; 
	padding: 90px 0px 0px 0px;  float: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:underline; color:#666666; background-repeat:no-repeat;}
	
	
	a#cafiza { background-image: url(product_images/cafiza.jpg);}
	a#cafizatablets { background-image: url(product_images/cafizatablets.jpg);}
	
	/*a#cafizahome{ background-image: url(product_images/cafizahome.jpg);}*/
	a#cafizaomri{ background-image: url(product_images/cafizaomri.jpg);}
	
	a#pakz{ background-image: url(product_images/pakz.jpg);}
	a#rinza{ background-image: url(product_images/rinza.jpg);}
	a#cc{ background-image: url(product_images/clearcoffee.jpg);}	
	a#ccp{ background-image: url(product_images/clearcoffeepack.jpg);}
	a#tabz{ background-image:url(product_images/tabz.jpg);}
	
	a#bigdezcal{ background-image: url(products/Dezcal200g75.jpg)}
	a#clean{ background-image: url(product_images/cleancaf.jpg);}
	a#dezcal{ background-image: url(product_images/dezcalcommerical.jpg);}
	a#urn{ background-image: url(product_images/urnpack.jpg);}
	a#grindz{ background-image: url(product_images/grindz.jpg);}
	a#grindzbox{ background-image: url(product_images/grindzbox.jpg);}
	a#grindzjar{ background-image: url(product_images/grindzjar.jpg);}
	a#wipz{ background-image: url(product_images/wipz.jpg);}
	
	
	a#urnomri{ background-image:url(product_images/urnpack.jpg); }
	a#dezcalretail{ background-image: url(product_images/dezcalbox.jpg);}
	a#completecafe{ background-image: url(product_images/completecafe.jpg);}
	a#urnPhosphate{ background-image: url(product_images/Phosphate-Urn-and-Brewer.jpg);}
	a#brush22{ background-image:url(product_page_images/Brushes/22-airpotf22.gif);}

	a#brush { background-image: url(products/brushesrick.jpg);}
	a#blackespresso{ background-image: url(products/blackespresso.jpg);}
	a#blacksteel{ background-image: url(products/blacksteel.jpg)}
	a#frothgauge{ background-image: url(products/smallfrother.jpg)}
	a#froth-33275{ background-image: url(products/frother2.jpg);}
	a#froth10-1475{ background-image: url(products/frother3.jpg);}
	a#frotherskinny{ background-image: url(products/frotherskinny.jpg);}	
	a#gauge-12-5875{ background-image: url(products/frother4.jpg);}
	a#gauge{ background-image:url(products/gauge.jpg);}
	
	a#granitablack{ background-image: url(products/granitablack.jpg);}	
	a#urncurve{ background-image: url(products/urncurve.jpg);}
	a#cbrush{ background-image: url(products/cbrush.jpg);}
	a#urnbrush{background-image: url(product_images/urn.jpg);}
	a#whitelongbrush{background-image:url(product_images/whitelongbrush.jpg);}
	
	a#scoopz{ background-image: url(product_images/scoopz.jpg);}
	
     a#fullcircle{ background-image: url(product_images/fullcircle.jpg);}
	
	a.shopbox:hover {height: 0px; width:120px; display:block; margin:10px 50px 30px 0px; 
	padding: 90px 0px 0px 0px;  float: left; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:underline; color:#CCCCCC; background-repeat:no-repeat;}
	
	
	a#cafiza { background-image: url(product_images/cafiza.jpg);}
	a#cafizatablets { background-image: url(product_images/cafizatablets.jpg);}
	
	/*a#cafizahome{ background-image: url(product_images/cafizahome.jpg);}*/
	a#cafizaomri{ background-image: url(product_images/cafizaomri.jpg);}
	
	a#pakz{ background-image: url(product_images/pakz.jpg);}
	a#rinza{ background-image: url(product_images/rinza.jpg);}
	a#cc{ background-image: url(product_images/clearcoffee.jpg);}	
	a#ccp{ background-image: url(product_images/clearcoffeepack.jpg);}
	a#tabz{ background-image:url(product_images/tabz.jpg);}
	
	
	a#clean{ background-image: url(product_images/cleancaf.jpg);}
	a#dezcal{ background-image: url(product_images/dezcalcommerical.jpg);}
	a#urn{ background-image: url(product_images/urnpack.jpg);}
	a#grindz{ background-image: url(product_images/grindz.jpg);}
	a#grindzbox{ background-image: url(product_images/grindzbox.jpg);}
	a#grindzjar{ background-image: url(product_images/grindzjar.jpg);}
	a#wipz{ background-image: url(product_images/wipz.jpg);}
	
	
	a#urnomri{ background-image:url(product_images/urnpack.jpg); }
	a#dezcalretail{ background-image: url(product_images/dezcalbox.jpg);}
	a#completecafe{ background-image: url(product_images/completecafe.jpg);}
	a#urnPhosphate{ background-image: url(product_images/Phosphate-Urn-and-Brewer.jpg);}
	a#brush22{ background-image:url(product_page_images/Brushes/22-airpotf22.gif);}
	
	
	
	
	
	a#brush { background-image: url(../horizontal/products/brushesrick.jpg);}
	a#espressobrush { background-image: url(../horizontal/products/espresso-brush.jpg);}
	a#steel{ background-image: url(../horizontal/products/steel.jpg);}
	a#froth11657{ background-image: url(products/frother.jpg);}
	a#froth-33275{ background-image: url(products/frother2.jpg);}
	a#froth10-1475{ background-image: url(products/frother3.jpg);}
	a#froth634-1875{ background-image: url(products/frother4.jpg);}	
	a#gauge-12-5875{ background-image: url(products/frother4.jpg);}
	a#gauge{ background-image:url(products/gauge.jpg);}
	
	a#granita{ background-image: url(products/granita.jpg);}	
	a#urn2475{ background-image: url(products/urn-2475.jpg);}
	a#bowl{ background-image:url(../horizontal/products/bowlbrush.jpg);}
	a#urnbrush{background-image: url(product_images/urn.jpg);}
	a#whitelongbrush{background-image:url(product_images/whitelongbrush.jpg);}
	
	/*bottom bar*/ 
     div#bottombar{
	background-image:url(icons2/bottom-bar-one.gif);
	width:801px;
	height:14px;
	position:relative;
	top:6px;
	margin-top:0px;
	margin-bottom:0px;
	background-repeat:no-repeat;
}
	
 /*iconbar------------------------------------------------------------*/ 
	div#subnav {width:840px; height:70px; background: #FFFFFF; position: absolute; top:537px; margin-top:0px; margin-bottom:0px;  padding:0px; clear:both;}
	
	div#subnav li { list-style:none; display:inline;}	
	
	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);}
	a#brus{ background-image: url(icons2/brushjpg.jpg);}
	
	a#redgrinder{ background-image:url(icons2/redgrinder.gif);}
	a#redespresso{background-image: url(icons2/redespresso.gif);}
	a#redesuperauto{background-image: url(icons2/redsuperauto.gif);}
	a#redcoffee{background-image: url(icons2/redcoffee.gif);}
	a#reddomestic{background-image: url(icons2/reddomestic.gif);}
	a#redbrushes{background-image: url(icons2/redbrushes.gif);}
	a#reddescaler{ background-image:url(icons2/reddescaler.gif);}
	
	
	
	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);}
	
	a#redgrinder{ background-image:url(icons2/redgrinder.gif);}
	a#redespresso{background-image: url(icons2/redespresso.gif);}
	a#redesuperauto{background-image: url(icons2/redsuperauto.gif);}
	a#redcoffee{background-image: url(icons2/redcoffee.gif);}
	a#reddomestic{background-image: url(icons2/reddomestic.gif);}
	a#redbrushes{background-image: url(icons2/redbrushes.gif);}
	a#reddescaler{ background-image:url(icons2/reddescaler.gif);}
	
	
	
	 /*iconbar this nav bar will move up and down with the content */ 
	div#bottomnav {width:840px; height:70px; background: #FFFFFF; position: absolute; top: auto;margin-top:0px;	margin-bottom:0px; margin-left:0px; padding:0px; clear:both;}
	
	
	div#bottomnav li { list-style:none; display:inline;}
	
	a.bottomnav {height: 0px; width:70px; display:block; margin:-16px 0px 0px 5px; 
	padding:70px 0px 0px 0px; overflow:hidden; float:left; left:0px;}
	
	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)}
	a#fc{ background-image: url(icons2/fullcircle.gif)}

	
	/*iconbar--for product page-----------------------------------------------------*/
	div#bottomproducts{width:800px; height:70px; background: #FFFFFF; position: absolute; top: 550px;margin-top:0px; margin-bottom:0px; padding:0px; clear:both;}
	
	
	
	div#bottomproducts li { list-style:none; display:inline;}
	
	a.navitem {height: 0px; width:70px; display:block; margin:-16px 0px 0px 5px; 
	padding:70px 0px 0px 0px; overflow:hidden; float:left; left:0px;}
	
	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)}
	
	
	 /*iconbar for the shopping page */ 
	div#shopping {width:800px; height:70px; background: #FFFFFF; position: absolute; top: 2300px; left:0px; margin-top:0px; 
	margin-bottom:0px; padding:0px; clear:both;}
	
	div#bottomnav li { list-style:none; display:inline;}
	

	
	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)}
	
	
	
	
	
	
	
	
	/*iconbar for faq*/ 
	div#newsubnav {width:800px; height:70px; background: #FFFFFF; position: relative; top:750px;margin-top:0px; 
	margin-bottom:0px; padding:0px; clear:both; }
	
	div#newsubnav li { list-style:none; display:inline;}
	
	
	
	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)}
	

	
	 /*HORIZONTAL BAR*/ 
	#navcontainer ul
{
padding: 0px,0px,0px,0px;
margin: 0px, 0px, 0px, 0px;  

color: #666666; 
float: left;

text-align:left;

width: 400px;
height:18px;
font-family: arial, helvetica, sans-serif; 
position: absolute;
top:350px;

left:0px; }

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{ text-align:left;
padding: 0.2em 1em;
background-color: #CCCCCC;
color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;
text-decoration: none;
left:0px; 
border-right: 1px solid #fff;
height:14px;
margin: 0px, 0px, 0px, 0px; }

#navcontainer ul li a:hover
{
background-color:#FF0000;
color: #FFFFFF;
}

/*faq page*/
	.faqpara{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; position: relative; font-size:12px;   text-align:left; top:0px;   width:650px; height: auto; padding:0px; margin:0px; float: left; overflow: visible;}
	
/*tip terry ziniewicz page*/


.faqterry{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; position: relative; font-size:12px;   text-align:left; top:-110px;   width:720px; height:185px; padding:0px; margin:0px; float: left; overflow: visible;}


#copy{ font-family:Arial, Helvetica, sans-serif; float: right; font-size:8px; position: relative;top:491px; color:#666666;}

#copyfaq{ font-family:Arial, Helvetica, sans-serif; float: right; font-size:8px; position: relative;top:1435px; color:#666666;}


#questions ul {position: relative; top:0px; left:0px;width:325px; height:170px; text-align:left; float:left;margin: 0px, 0px, 0px, 0px; padding:0px; }
#questions ul li { display: block;text-decoration: none; margin: 0px, 0px, 0px, 0px; padding:0px;text-align:left; }
#questions ul li a{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-decoration: underline; overflow:hidden;}

#questions li a:hover{ text-decoration: none; font-size:12px; color: #000000; }


#questions2 ul {position:absolute; top:60px; right:0px;width:375px; text-align:left; float:left;margin: 0px, 0px, 0px, 0px; padding:0px; }


#questions2 ul li { display: block;text-decoration: none;  text-align:left;margin: 0px, 0px, 0px, 0px; padding:0px;text-align:left; }
#questions2 ul li a{color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;
text-decoration: underline; overflow:hidden;}

#questions2 li a:hover{ text-decoration: none; font-size:12px; color: #000000; }



#date ul {position: absolute; top:0px; left:-35px;width:800px; height:400px;  }
#date ul li { display: block;text-decoration: none;  text-align:left;margin: 0px, 0px, 0px, 0px; padding:0px;text-align:left; line-height:40px; color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#date ul li a{color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-decoration: none; overflow:hidden; line-height:15px;}

#date li a:hover{ text-decoration: none; font-size:12px; color: #000000; }


/*marketing materials*/

	#marketingproduct{width:112px; height:380px; background-color:#FFFFFF;float:left;position: absolute;top:30px;}

#ms ul {position: absolute; top:495px; left:720px; float:right; float:left; width:300px; height:50px; margin-bottom:0px;}

#ms ul li { display: block;text-decoration: none;  text-align:left; margin: 0px, 0px, 0px, 0px; padding:0px;}

#ms ul li a{color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-decoration: underline; overflow:hidden; text-align:left;}
#ms  li a:hover{ text-decoration: none; font-size:12px; color: #000000; }



.drive{font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #666666; line-height:15px; position: relative;  text-align:left; top:0px;   width:600px; height:200; padding-left:7px; margin:0px;  }

#drive2 ul {position: absolute; top:30px; left:-30px;width:350px; height:400px; top:170px;  }

#drive2 ul li { display: block;text-decoration: underline;  text-align:left;margin: 0px, 0px, 0px, 0px; padding:0px;text-align:left; }

#drive2 ul li a{color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-decoration: underline; overflow:hidden;}

#drive2 li a:hover{
	text-decoration: none;
	font-size:12px;
}



#msds ul {position: absolute; top:15px; left:-30px;width:350px; height:400px;  }
#msds ul li { display: block;text-decoration: none;  text-align:left;margin: 0px, 0px, 0px, 0px; padding:0px;text-align:left;}
#msds ul li a{color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-decoration: underline; overflow:hidden;}

#msds li a:hover{ text-decoration: none; font-size:12px; color: #000000; }


#pcmsds ul {position: absolute; top:15px; left:360px;width:350px; height:400px;  }
#pcmsds ul li { display: block;text-decoration: none;  text-align:left;margin: 0px, 0px, 0px, 0px; padding:0px;text-align:left;  }
#pcmsds ul li a{color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-decoration: underline; overflow:hidden;}

#pcmsds li a:hover{ text-decoration: none; font-size:12px; color: #000000; }



	
	/*Brush List*/ 
	
	 #brushpage{ height:600px; width:700px; position: absolute; top:120px; left:0px;  
	 float: left;background-color:#FFFFFF; z-index:0;}


div#brush li {list-style: none; display:inline; margin-right:25px;height:auto;}
		
	a.brushbox {height: 0px; width:90px; display:block; margin:0px 50px 50px 0px; 
	padding: 90px 0px 0px 0px; overflow:hidden; float: left; overflow:visible; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
	
	
	
	a#brush { background-image: url(../horizontal/products/brushesrick.jpg)}
	a#espressobrush { background-image: url(../horizontal/products/espresso-brush.jpg)}
	a#steel{ background-image: url(../horizontal/products/steel.jpg)}
	a#froth11657{ background-image: url(../horizontal/products/frother.jpg)}
	a#froth-33275{ background-image: url(../horizontal/products/frother2.jpg)}
	a#froth10-1475{ background-image: url(../horizontal/products/frother3.jpg)}
	a#froth634-1875{ background-image: url(../horizontal/products/frother4.jpg)}	
	a#gauge-12-5875{ background-image: url(../horizontal/products/frother4.jpg)}
	a#gauge{ background-image:url(../horizontal/products/gauge.jpg)}
	
	a#granita{ background-image: url(../horizontal/products/granita.jpg)}	
	a#urn2475{ background-image: url(../horizontal/products/urn-2475.jpg)}
	a#bowl{ background-image:url(../horizontal/products/bowlbrush.jpg)}
	
/*Brush nav bar*/ 	
	#brushbar{position:relative; top:0px;}	
		
#brushbar ul
{
padding-left: 0;
margin-left: 0;
margin-bottom:0px;
left:200px;
color: White;
float: right;
width: 25%;
font-family: arial, helvetica, sans-serif; font-size:12px; 
}
#main{
	width:800px; height:auto; margin:0px;
	padding:0px;
}
#brushbar ul li {display: inline; list-style-type:none;}

#brushbar ul li a
{
padding: 0.2em 1em;
background-color: #666666;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#brushbar ul li a:hover
{
background-color: #FF0000;
color: #fff;
}
	
	#roaster{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
	
	 	#cafizaroaster{font-family: Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size:12px;
	color: #666666; position: relative; text-align:left; top:0px;   padding:0px; margin:0px; float: left;}

	
a{color: #666666;text-decoration: underline;}


 div#calandersubnav {width:840px; height:70px; background: #FFFFFF; position: relative; top:550px; left:0px; margin-top:0px; margin-bottom:0px;  padding:0px; clear:both;}

#maincontentsmallwhite {
	background-color: #FFFFFF;
	width:550px;
	height: 425px;
	margin:0px;
	padding:5px;
	position:absolute;
	float:right;
	text-align:center;
	top:71px;
	z-index:0;
	margin-left: 0px;
}
	
#leftcol {
	background-color: #FFFFFF;
	width:185px;
	height: 412px;
	margin:0px;
	padding:5px;
	position:absolute;
	float:right;
	text-align:center;
	z-index:0;
	margin-top: 44px;
	margin-left: 625px;
	top: 29px;
	left: 77px;
	
#bottomcol {
	background-color: #FFFFFF;
	width:185px;
	height: 412px;
	margin:0px;
	padding:5px;
	position:absolute;
	float:right;
	text-align:center;
	z-index:0;
	margin-top: 380px;
	margin-left: 90px;
	top: 29px;
	left: 77px;