/* -----------------------------------------------
	
	Wisconsin Metal Tech
	created 3 August 2004
	
	Notes:
	
	This stylesheet is a line-for-line mirror of 
	global.css. It will load for browsers that don't 
	support @import (our old friend NiNy). 
	
	The styles should be mostly blank 
	(and in theory as a courtesy to others
	you should add styles to this css if you 
	add them to the gobal css, even if it is blank).
	You will notice that rather than removing
	unwanted styles we comment them out.
	
	We are not trying to visually 
	replicate the global but simply make
	the site usable for old browsers.

-------------------------------------------------- */


/**********************
	
	DEFAULTS 

***********************/

html {
	font-size:small; }
	
/* 	first we set the smallest possible 
	font-size, then we scale upwards.	*/

body {
/*	font: normal 1.1em arial, verdana, sans-serif; */
/*	margin: 10px 0px; */
/*	padding: 0;	*/
/*	text-align: center; */
	background: white; }
	 

p, input, div, td, ul, a, img, br { 
	font: normal 100%/150% arial, verdana, sans-serif;}

h1 {
	font: 700 130%/100% arial, sans-serif;
	color: #A35E28; 
	margin: 10px 0px; }

h2 {
	font: 700 120%/100% arial, sans-serif ;
	color: #333333; 
	margin: 15px 0px 0px 0px; }
	
	
a 	{
	color:#A35E28;	/* text-decoration:none; */ }


a:hover {
	text-decoration:underline;}
	



/**********************
	
	STRUCTURE 

***********************/


/* #container {
	width:670px;
	margin:auto;
	border:8px solid white;
	text-align:left;
	background:white;
	}

#brand {
	background: #072438 url(/images/template/brand-bg.jpg);
	height:82px;
	text-align:left;
	border-bottom:1px solid white;
	vertical-align:baseline;
	}
#brand .logo {
	margin:14px 0 0 13px;
	}

*/

/**********************
	
	LINKS TABS 

***********************/

/*#links-tabs {
	float:right;
	margin-top:9px	
	clear:right;}
	
#links-tabs a {
	height:18px;
	line-height:18px;
	float:left;
	display:block;
	padding:4px 10px 0 15px;
	color:white;
	font: x-small Verdana;
	text-decoration:none;
	text-transform:lowercase;
	}
	
#links-tabs .about a {
	padding:4px 10px 0 25px;
	}
	
#links-tabs .about a, #links-tabs .quote a {
	background: url(/images/template/tab-middle-right.gif) top right no-repeat;
	}
	
#links-tabs ul {
	list-style:none; 
	padding:0;
	margin:0; }
	
#links-tabs ul li {
	list-style:none; 
	padding:0;
	margin:0;
	background: url(/images/template/tab-bg.gif) -12px -3px no-repeat;
	display:block;
	float:left;
} 
	
#links-tabs ul li.about {
	background: url(/images/template/tab-bg.gif) -1px -3px no-repeat;
} */

/* on states */
	
/*body#about #links-tabs ul li.about {
	background: url(/images/template/tab-bg-on.gif) -1px -3px no-repeat;
} 
	
body#quote #links-tabs ul li.quote {
	background: url(/images/template/tab-bg-on.gif) -12px -3px no-repeat;
} 
	
body#contact #links-tabs ul li.contact {
	background: url(/images/template/tab-bg-on.gif) -12px -3px no-repeat;
} */
	
	
/**********************
	
	LINKS SECTION
	top level.

***********************/

/* 	Step 1. 
	- set style for all links 
	- unstyle list tag defaults */

/* #links-section h3 {
	display:none;
	}

#links-section {
	margin:0;
	padding:0;
	background:#BABABA;
	height:30px;
	line-height:30px;
	}

#links-section ul {
	list-style:none;
	margin: 0;
	padding:0;
	}

#links-section li {
	float:left;
	}

#links-section li a {
	display:block;
	height:30px;
	line-height:30px;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	font-size:-10%;
	color:gray;
	float:left; } */
	
/* 	sneaky, hide the text */ /* (actually we WANT NiNy to see it) */
	
/* #links-section li a span {
	display:none; } */
	
	
/* 	Step 2. 
	- set height, borders
	- place background images  */
	

/*#links-section li a.home {
	width:58px;
	border-right:1px solid white;
	background: #072438 url(/images/template/nav-home.gif) no-repeat; }

#links-section li a.products {
	width:158px;
	border-right:1px solid white;
	border-left:1px solid #595D60;
	background: #072438 url(/images/template/nav-products.gif) no-repeat; }

#links-section li a.processing {
	width:189px;
	border-right:1px solid white;
	border-left:1px solid #595D60;
	background: #072438 url(/images/template/nav-processing.gif) no-repeat; }

#links-section li a.grinding {
	width:158px;
	border-right:1px solid white;
	border-left:1px solid #595D60;
	background: #072438 url(/images/template/nav-grinding.gif) no-repeat; }

#links-section li a.guide {
	width:99px;
	border-left:1px solid #595D60;
	background: #072438 url(/images/template/nav-guide.gif) no-repeat; }  */
	
	
/* 	Step 3. 
	- create hover and on states. 
	(The on state happens when 
	the body tag ID matches the class ) */
	

/*#links-section li a.home:hover, body#home a.home {
	background: #072438 url(/images/template/nav-home.gif) 0px -30px no-repeat; }

#links-section li a.products:hover, body#products a.products  {
	background: #072438 url(/images/template/nav-products.gif) 0px -30px no-repeat; }

#links-section li a.processing:hover, body#processing a.processing  {
	background: #072438 url(/images/template/nav-processing.gif) 0px -30px no-repeat; }

#links-section li a.grinding:hover, body#grinding a.grinding  {
	background: #072438 url(/images/template/nav-grinding.gif) 0px -30px no-repeat; }

#links-section li a.guide:hover, body#guide a.guide  {
	background: #072438 url(/images/template/nav-guide.gif) 0px -30px no-repeat; } */

		
	
/**********************
	
	MOOD PIC - We could show this to niny but there's no point.

***********************/
	
/* #mood {
	height:180px;
	clear:both;
	border-top:1px solid white;
	background: #E2E5E8 url(/images/template/mood-home.jpg); /* default in case the body ID is not defined */
	}  */
	
/* #home #mood {
	background: #E2E5E8 url(/images/template/mood-home.jpg);
	}
#products #mood {
	background: #E2E5E8 url(/images/template/mood-products.jpg);
	}
#processing #mood {
	background: #E2E5E8 url(/images/template/mood-processing.jpg);
	}
#grinding #mood {
	background: #E2E5E8 url(/images/template/mood-grinding.jpg);
	}
#guide #mood {
	background: #E2E5E8 url(/images/template/mood-guide.jpg);
	}
#about #mood {
	background: #E2E5E8 url(/images/template/mood-about.jpg);
	}
#contact #mood {
	background: #E2E5E8 url(/images/template/mood-about.jpg);
	}
#quote #mood {
	background: #E2E5E8 url(/images/template/mood-quote.jpg);
	} */
	
	
/**********************
	
	STRIP

***********************/


/* #strip { 	
	background: #BB7137 url(/images/template/strip-bg.gif);
	height:29px;
	line-height:29px;
	padding-left:14px;
	border: 1px solid black; 
	color: white; 
	text-transform:uppercase; }  */
	
	
/**********************
	
	BODY

***********************/

#body {
	background:white;
	}

.panel {
	float:left;
	width:217px;
	}

/* .panel .top {
	background: #EEECE9 url(/images/template/box-topright.gif) right top no-repeat;
	font-size:4px;
	} */

.panel .middle {
/*	background-color: #EEECE9; */
	padding: 0 10px 10px 10px;
/*	font-size:x-small; */
	}

.panel .middle img {
/*	float:left; */
	margin:0 10px 10px 0; 
/*	border:3px solid white; */ clear:right;
	}

.panel .bottom {
/*	background: #EEECE9 url(/images/template/box-base.gif) right top no-repeat;	*/
/*	font-size:4px; */
/*	margin: 0 0 8px 0; */
	}

.content {
/*	float:left; */
	margin-left:10px;
/*	width:420px; */
	}
	
	
/**********************
	
	FOOTBOX

***********************/

/* #footbox {
	background:black;
	color:white;
	margin: 8px 0;
	padding:10px;
	clear:both; 
	}

#footbox div.column {
	float:left; 
	width:33%;
	padding-right:10px;
	}

.footbox-end {
	clear:both;
	float:none;
	} */
	
	
/**********************
	
	COPYRIGHT

***********************/

/* #copyright {
	background: #BB7137 url(/images/template/strip2-bg.gif);
	padding-left:14px;
	border: 1px solid black; 
	color: white; 
	text-align:center; 
	font: xx-small/1.7em Verdana;
	}

#copyright a {
	color: white; 
	font: xx-small Verdana;
	text-decoration:none;
	} */
	

/**********************
	
	HOME

***********************/

/* nothing special on the home page yet */


	
/**********************
	
	SEARCH

***********************/


.form-search input {
	vertical-align:middle; }

.form-search label {
	margin-left:25px;
	margin-right:5px;
	font-size:10px; }

.input-search {
	width:100px;
	font-size:10px;
	border:none;
	}

	

/**********************
	
	LINKS SUB-SECTION
	secondary level

***********************/

#links-subsection h3 {
	display:none;
	}

#links-subsection {
	list-style:none;
	margin:13px 0 0 0;
	padding:0;
	float:right;
	}

#links-subsection ul {
	list-style:none;
	margin: 0 5px;
	padding:0;
	}

#links-subsection li {
	float:left;
	margin-left:15px;
	}

#links-subsection li a { }
	
	

/**********************
	
	BREADCRUMB

***********************/
	
.breadcrumb {
	font-size:xx-small; }



/**********************
	
	FORMS 

***********************/
	
	
form { 
	display:inline; 
}

label {
	float: left;
}

p.error {
	color: #C00;
}

p.ok {
	color: #0C0;
}

p.section_break {
	width: 50%;
	
	border-bottom: 1px solid #000;
	margin: 10px 0px 10px 0px;
	background-color: #FFFCEA;
}

.label {
	text-align: right; 
	font-weight: bold;
	padding: 5px 10px 0px 0px;
}

.form_row {
	padding: 1px 0px 1px 0px;
	margin: 1px 0px 1px 0px;
}

.form_row_error {
	padding: 1px 0px 1px 0px;
	margin: 1px 0px 1px 0px;
	color: #C00;
}

.form_element {
	font:normal 10px Arial;
	border:1px solid #333; 
	background-color:#FFF
}

.searchTxt { color:#B8B800; font-weight:bold; padding-top:2px; }

#search {   }






/**********************
	
	HOUSEKEEPING 

***********************/

a img {  border:0px}
img { border:0px}
form { display:inline }	


#validationbox{
	display: none;
}