/* Melitta Styles */

body {
	background:url(../images/bg2.jpg) repeat-x center 110px;
	background-color:#d8c6b8;
	margin:0px 0px 0px 0px;
	font-size:14px;
	color: #fff;
	
	font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
	
	
}

/* keeps scrollbars up to stop page movement between pages*/


html { min-height: 100%; margin-bottom: 1px; }


/* effect all inks*/

a:link, a:visited, a:active {

	color: #83b6d5;
	text-decoration:none;
		outline:none;
}

a:hover {
	color: #404041;
	text-decoration:none;
}


/* global header styling */

h1, h2, h3, h4, h5, h6, strap {
	margin:0;
	padding:0;
	font-weight:lighter;
	line-height:150%;
	color:#404041;
	letter-spacing:-1px;
}


 /* effect anything in a <p> */


p {
outline:none;
	font-size:14px;
	color: #fff;
	line-height:180%;
	font-family:"Arial",Verdana,Trebuchet MS,sans-serif;
	padding:0px 0 0 2px;
	letter-spacing:none;
	
	}

 /* effect anything in a table */

table {

}


/* makes IE6 display transparent jpg's*/

img, div, td { behavior: url(new_iepngfix.htc) }
img, div, td { behavior: url(iepngfix.htc) }




/* Specific header styling headers - style as appropriate*/

	
h1 {	
background:url(../images/logo.jpg) no-repeat top left;  width: 975px;float:left;
	width: 266px;
	height: 160px;
	padding: 0 0 0 10px;
	text-indent:-5000px;
	
}

h2 {
	line-height:180%;
	padding: 45px 0 40px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#fff;
	width: 516px;
	font-size:30px;
	height: 20px;	
}
*html h2 {
	line-height:50%;
	padding: 62px 0 12px 0; 
	height: 0px;
	left: 6px;
}

#banner {
text-indent: -5000px;
clear:both;
	margin:0 0 15px 10px;
	background:url(../images/banner.jpg) no-repeat top left;  width: 975px;
	
	display: block;
	overflow: hidden;
	margin-top:15px;
	height:348px;}


/* use this when multiple banner images are used html will look like this: <h1 class ="banner2">Text</h1>*/

.banner2 {
	text-indent: -5000px;
	width: 812px;
	background-image:url(../images/banner2.jpg);
	height:281px;
}




h3,  h3 a:link,  h3 a:visited, h3 a:active   {
	font-family: Arial, Trebuchet MS, sans-serif;
	color:#fff;
	font-size:24px;
	padding:15px 0 0 8px;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight:light;
	line-height:120%;
	
	
	
}

h3 a:hover   {
	font-family: Arial, Trebuchet MS, sans-serif;
	color:#ccc;
	font-size:24px;
	padding:15px 0 0 8px ;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight:light;
	line-height:120%;
	
}

h4, h4 a:link, h4 a:visited, h4 a:active {
	font-family: Arial, Trebuchet MS, sans-serif;
	color:#fff;
	font-size:24px;
	padding:5px 0 0 0;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight:light;
	line-height:120%;

}


h4 a:hover   {
	font-family: Arial, Trebuchet MS, sans-serif;
	color:#ccc;
	font-size:24px;
	padding:5px 0 0 0;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight:light;
	line-height:120%;
	
}



.strap {
	font-size:24px;	
	color:#fff;
	letter-spacing:-1px;
	text-align:right;
	font-style:italic;
	margin-right:70px;
}


.strap2 {
	font-size:24px;	
	color:#929191;
}




/* standard text styling classes - style as appropriate */

 
.bodylink a:link,  .bodylink a:visited, .bodylink a:active  {
	color: #faca0c;
	font-family:"arial", Trebuchet MS, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	text-align:right;
	font-weight: bold;
}

.bodylink A:hover {
	color: #ccc;
	
	font-family:"arial", TrebuchetMS, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
}

.click a:link,  .click a:visited, .click a:active  {
	color: #fff;
	font-style:italic;
	font-family:"arial", Trebuchet MS, sans-serif;
	font-size: 22px;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	text-align:right;
	font-weight: bold;
	position:absolute;
	top: 459px;
	left: 73px;

}

.click A:hover {
	color: #ccc;
	font-style:italic;
	font-family:"arial", TrebuchetMS, sans-serif;
	font-size: 22px;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
}



.body_small {
	background-image: url(../images/bg_trans.png);
	outline: none;
	font-size: 12px;
	color: #fff;
	line-height: 170%;
	font-family: "Arial",Verdana,Trebuchet MS,sans-serif;
	padding: 3px;
	letter-spacing: -1px;
	margin-top: 10px;
}
*html .body_small {
	background-image: none;
}


.body_large {
	
	outline:none;
	font-size:16px;
	color:#faca0c;
	line-height:170%;
	font-family:"Arial",Verdana,Trebuchet MS,sans-serif;
	padding:8px;
	letter-spacing:-1px;
	margin:10px 0 10px;
	font-weight: lighter;
}
*html .body_large {
	background-image: none;
} 


.body_machine {
	background-image: url(../images/bg_trans.png);
	outline:none;
	font-size:16px;
	color:#faca0c;
	padding:0px;
	margin:0px;
	font-family:"Arial",Verdana,Trebuchet MS,sans-serif;
	letter-spacing:-1px;
	font-weight: lighter;
}
*html .body_machine {
	background-image: none;
} 


 .readmore a:link,  .readmore a:visited, .readmore a:active  {
	font-weight:bold;
	color: #d8162a;
	font-family:"arial", Trebuchet MS, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 3px 3px 0px;
	text-decoration: none;
	
}

.readmore A:hover {

font-weight:bold;
	color: #fff;
	font-family:"arial", Trebuchet MS, sans-serif;
	font-style:italic;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 3px 3px 0px;
	text-decoration: none;

}


 .readmore2 a:link,  .readmore2 a:visited, .readmore2 a:active  {
	background-color:#8b4d52;
	
	color: #fff;
	font-family:"Verdana", Trebuchet MS, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 2px;
	text-decoration: none;
	text-align:center;
}

.readmore2 A:hover {
background-color:#b4b4b2;
	text-decoration: none;
	

}


 .back a:link,  .back a:visited, .back a:active  {
	background-color:#3f221c;
	border:3px solid #fff;
	width: 180px;
	color: #fff;
	font-family:"Arial", Trebuchet MS, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	font-style: italic;
	letter-spacing:normal;
}

.back A:hover {
background-color:#d8162a;
	text-decoration: none;
	border:3px solid #fff;
		width: 180px;
		padding: 3px 10px 3px 10px;

}


.panel_text {
line-height:140%;
color: #FFFFFF;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
padding:10px 35px 0 15px;
}

.desc {background-color:#f4f4f4;
border:1px solid #ccc;
width: 350px;
padding:3px;
margin-top:15px;}


.box {background-color:#f4f4f4;
border:1px solid #ccc;
width: 500px;
padding:10px;}


.box2 {background-color:#f4f4f4;
border:1px solid #ccc;
width: 799px;
padding:10px;}

.desc2 {background-color:#f4f4f4;
border:1px solid #ccc;
width: 250px;
padding:3px;}


.border_dots {
padding-right:10px;
border-right:1px dotted #4e4e4f;
}

.border_dots2 {

border-bottom:1px dotted #4e4e4f;
}

.title {
font-family: Arial, Trebuchet MS, sans-serif;
	color:#faca0c;
	font-size:23px;
	padding:0 ;
	letter-spacing:-1px;
	font-weight:lighter;
	height:50px;
}


.title2 {
font-family: Arial, Trebuchet MS, sans-serif;
	color:#929191;
	font-size:14px;
	padding:0 ;
	letter-spacing:-1px;
	font-weight:lighter;
	height:50px;

	
}

.title3 {
font-family: Arial, Trebuchet MS, sans-serif;
	color:#8b4d52;
	font-size:14px;
	padding:0;
	letter-spacing:-1px;
	font-weight:lighter;
	

	
}



.bodytitle {
font-family: Arial, Trebuchet MS, sans-serif;
	color:#faca0c;
	font-size:13px;
	padding:0 ;
	letter-spacing:-1px;
	font-weight:bold;
	

	
}

.bold {
font-family: Arial, Trebuchet MS, sans-serif;
	color:#8b4d52;
	font-size:16px;
	padding:0 ;
	
	font-weight:bold;
	height:50px;

	
}


.sidecontent {
	padding:10px;
	font-size:18px;
	}

.machine {
	padding:10px;
	background-color:#eaeaea;
	margin-bottom:20px;

	
	}

.machine2 {
	padding:10px;
	background-color:#fff;
	margin-bottom:30px;

	}

/*footer menu*/

.menu1 a:link, .menu1 a:visited, .menu1 a:active {
	width: 236px;
font-size:14px;
	color: #8b4d52;
	text-decoration: none;
	
	background:url(../images/img_cup.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
	margin-left:26px;
	margin-top:-1px;
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
	
}

.menu1 A:hover {
width: 236px;
	font-size:14px;
		color: #999;
	text-decoration: none;
	background-color:#f3f3f3;
	background:url(../images/img_cup2.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
		margin-left:26px;
	margin-bottom:1px;
	margin-top:-1px;
letter-spacing:-1px;
		line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}

*html .menu1 a:link, *html .menu1 a:visited, *html .menu1 a:active {
 	width: 236px;
font-size:14px;
	color: #8b4d52;
	text-decoration: none;
	background-color:#dcdcdc;
	background:url(../images/img_cup.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
	margin-left:26px;
	margin-top:-1px;
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
	 
}


*html .menu1 A:hover {
width: 236px;
	font-size:14px;
		color: #8b4d52;
	text-decoration: none;
	background-color:#f3f3f3;
	background:url(../images/img_cup2.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
		margin-left:26px;
	margin-bottom:1px;
	margin-top:-1px;
letter-spacing:-1px;
		line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}



.menu2 a:link, .menu2 a:visited, .menu2 a:active {
	width: 255px;
font-size:14px;
	color: #8b4d52;
	text-decoration: none;
	background:url(../images/img_cup.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
	margin-top:-1px;
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
	
}

.menu2 A:hover {
	width: 255px;
	font-size:14px;
		color: #999;
	text-decoration: none;
	background:url(../images/img_cup2.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
	margin-top:-1px;
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}

*html .menu2 a:link, *html .menu2 a:visited, *html .menu2 a:active {
	width: 255px;
font-size:14px;
	color: #8b4d52;
	text-decoration: none;
	background:url(../images/img_cup.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
	margin-top:-1px;
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;

}

*html .menu2 A:hover {
	width: 255px;
	font-size:14px;
	color: #8b4d52;
	text-decoration: none;
	background:url(../images/img_cup2.png) no-repeat top left;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:40px;
	margin-top:-1px;
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}


.menu3 {
	width: 235px;
	font-size:14px;
		color: #999;
	text-decoration: none;

		padding-top:8px;
		padding-bottom:4px;
	padding-left:10px;
	
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 160%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
		text-align:left;
}


*html .menu3 {
	width: 275px;
	font-size:14px;
	color: #8b4d52;
	text-decoration: none;

		padding-top:9px;
		padding-bottom:4px;
	padding-left:10px;
	
	margin-bottom:1px;
letter-spacing:-1px;
	line-height: 160%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
		text-align:left;
}

.menu_side a:link, .menu_side a:visited, .menu_side a:active {
	width: 248px;
	font-size:16px;
	color: #8b4d52;
	text-decoration: none;
	background-color: #dcdcdc;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:10px;
	margin-bottom:1px;
	
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}

.menu_side A:hover {
	width: 248px;
	font-size:16px;
	color: #8b4d52;
	text-decoration: none;
background-color: #ececec;
		padding-top:8px;
		padding-bottom:9px;
	padding-left:10px;
	
	
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}


*html .menu_side a:link, .menu_side a:visited, .menu_side a:active {
	width: 248px;
	font-size:16px;
		background-color: #dcdcdc;
	text-decoration: none;

		padding-top:8px;
		padding-bottom:6px;
	padding-left:10px;
	margin-bottom:1px;
	
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}

*html .menu_side A:hover {
	width: 248px;
	font-size:16px;
	color: #8b4d52;
	text-decoration: none;

		padding-top:8px;
		padding-bottom:6px;
	padding-left:10px;
	
	
letter-spacing:-1px;
	line-height: 125%;
		font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
}

.footertext {
	font-size:14px;
	color: #898787;
	}

.footertext2 {
font-weight:bold;
	font-size:18px;
	color: #979695;
	}

.footerlink2 a:link, .footerlink a:visited, .footerlink a:active {

	color: #8b4d52;
	}
	
.footerlink2 a:hover {
	text-decoration:none;
	color: #797877;
	}
	




/* form styling */

.form {
	background-color: #fff;
	border: 1px solid #8b4d52;
	color: #7191b2;
	height:20px;
	line-height:200%;
	width:300px;
	font-size:13px;
	margin-right:10px;
	padding-top:4px;
	padding-left:4px;
}

.form2 {
	background-color: #fff;
	border: 1px solid #8b4d52;
	color: #7191b2;
width:300px;
	line-height:180%;
	font-size:13px;
	padding-top:4px;
	padding-left:4px;
	
}

.form3 {
	background-color: #8b4d52;
	
	color: #fff;
		width:100px;
	line-height:180%;
	font-size:12px;
	height:30px;

	
}



input:hover, input:focus, textarea:hover, textarea:focus  {
	background-color:#eeeeee;
	border: 1px solid #8b4d52;
	color:#666666;
}



/* lists - important do not change */	

ul {
	margin:0;
	padding:0;
	list-style-type:none;
	
}
li a {
	display:block;
	width:150px;
	height:20px;
}
li a:hover {
	display:block;
	width:150px;
	height:20px;
}



/*float images left and right to wrap text */

.floatleft {
	float:left;
	padding-right:15px;
	padding-bottom:150px;
	
}


.floatleft2 {
	float:left;
	padding-right:10px;
	padding-bottom:50px;
}


.floatright {
	float:right;
	padding-left:5px;
	padding-bottom:10px;
}


/* siteby will apear in all your websites - style appropriately*/

.siteby a:link, .siteby a:visited, .siteby a:active {
	font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	
	
	
	
}

.siteby a:hover{
	font-family:"Arial", Verdana, Trebuchet MS, sans-serif;
	color:#d77d27;
	font-size: 14px;
	text-decoration: none;
	padding: 2px 3px 40px px;
	text-decoration: none;
	
	
}

.machines {
text-align:left;
width:800px;
padding:0 5px 0 5px;
border-bottom:1px dotted #333;
display:table}


.machines2 {
text-align:left;
width:800px;
padding:0px 5px 0 5px;
clear:both;

}

.right {
	float:right;
	width:245px;
	padding:10px;
	border-right:1px dotted #333;}
	
.float-left {
 float:left;
margin-right:10px;

}
 
 .center {
 float:right;
width:245px;
	padding:10px;
 }
 

.ratio { background:#fff; height:80px; clear:both; padding:20px;  text-align:center;  } 
.middle { width:900px; text-align:left; margin:0 auto;  } 
.middle img { float:left; } 
.ratio-right { float:right; width:800px; text-align:right;   } 
.ratio a { color:#05C; text-decoration:none; } .ratio a:hover { text-decoration:underline; } 
.ratio p { color:#111; font-size:12px;  }
.ratio .cms-menu a { color:#828282; padding:0 15px 0 0; }