/*=================================================================
	
	Site: MidlandMetal.com
	Author: Scott Phelps (scott@lazarusgroup.com)
		Note: Based on 960.gs including Eric Meyer Reset
	Created: August 2009
	Company: The Lazarus Group (lazarusgroup.com) KCMO

	Structure: 12 Column Grid w/ 960px Width
	Colors: 

-------------------------------------------------------------------

	Table of Contents:
	1. RESET reset.css (Eric Meyers) 

	2. STRUCTURE structure.css (960.gs)

>>> 3. DESIGN site.css

	4. TYPOGRAPHY typography.css

=================================================================*/
body { background: transparent url(/imgs/bodybottom.gif) left bottom repeat-x; overflow: auto; }

.pagebottom {
	background: transparent url(/imgs/shadow.jpg) 0 0 repeat-x; 
	clear: both; 
	height: 76px;
	margin: 0 auto;
	width: 100%;
	}

#brand, #attention, #navigation, #secondary_navigation, #content, #ads { margin-bottom: 10px; }

#brand, #attention { height: 214px; }

#brand {  }

#brand div { 
	border: 1px solid #dfdfdf;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	height: 125px;
	}
	
	#brand h1 { padding: 0; }

	#brand h1 a { text-indent: -9999px; background: transparent url(/imgs/logo.gif) 0 0 no-repeat; height: 77px; display: block; height: 86px; width: 220px; }
	#brand h1 a:hover { background-position: 0 -86px; }

 	#brand a, #brand a:visited { color: #000; }

	.orders { 
		font-size: 14px; 
		list-style-type: none; 
		margin: 5px 0 6px 25px; 
		text-shadow: 0 1px 0 #dfdfdf;
		}

		.orders li { line-height: 17px; margin-left: -16px; }
			
#brand p { height: 1px; margin: 0 auto -7px; width: 94%; border-top: 1px solid #dfdfdf; }

	.login { margin: 4px 9px; }

	.login li {
		display: inline;
		list-style-position: outside; 
		list-style-type: none; 
		margin-left: 0;
		width: 200px;
		}

		.login a {
			display: block;
			float: left;
			height: 40px;
			width: 2000px;
			text-indent: -9999px;
			margin: 0 5px;
			display: inline; /*ie6 sux*/
			}

	.login a.new_customer { 
	background: #fff url(/images/new_cust_btn.jpg) 0 0 no-repeat; 
	width: 200px;
	height:40px;

	overflow: hidden;
	}

	.login a.login_customer { background: #fff url(/imgs/login.gif) 0 0 no-repeat; }
	
	.login a:hover { background-position: 0 -40px; }
			

#attention { /*background: #ff0000 url(/imgs/Butterfly2.gif) 0 0 repeat;*/ }

#navigation { 
	background-color: #279c49;
	border: 1px solid #0F7F2E;
	color: #fff;
	height: 32px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

	#navigation ul { list-style: none outside; margin: 0px; padding-left: 10px; }

	 #navigation ul li { 
		display: inline; 
		line-height: 32px; 
		height: 32px; 
		text-align: center; 
		border-right: 1px solid #fff; 
		margin: 0 2px; 
		}

		#navigation ul li a { 
			color: #fff; 
			line-height: 30px; 
			padding: 6px 8px; 
			text-decoration: none; 
			margin-right: 7px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				text-shadow: 0 1px 0 #0F7F2E;
				}

		#navigation ul li a:hover {
			background-color: #a1de53;
			color: #0F7F2E;
				text-shadow: 1px 1px 0 #C8FF7F;
			}
		
		#navigation ul li a:active { color: #fff; text-shadow: 0 1px 0 #0F7F2E; }

			#navigation ul li.lastnav { border: 0; }

#secondary_navigation { height: 100%; }

	#secondary_navigation a.catalog { 
		background: transparent url(/imgs/catalogrequest.jpg) 0 0 no-repeat; 
		display: block;
		height: 78px; 
		width: 220px; 
		text-indent: -9999px;
		margin-bottom: 4px;
		}

		#secondary_navigation a.catalog:hover { background-position: 0 -78px; }

	#secondary_navigation ul {
		border: 1px solid #dfdfdf;
		display: block;
		margin: 0;
		padding-bottom: 10px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

		#secondary_navigation li { margin-left: 26px; list-style: outside url(/imgs/list_style_dot.gif); }

			#secondary_navigation li.listcaption { 
				height: 35px; 
				list-style: none; 
				margin: 1px 1px 10px 1px; 
				text-indent: -9999px;
				background: transparent url(/imgs/categorysearch.jpg) 0 0 no-repeat; 
				}

				#secondary_navigation li a { color: #000; text-decoration: none; }
					
					#secondary_navigation li a:hover { text-decoration: underline; }

#livehelp { 
	height: 105px; 
	border: 1px solid #dfdfdf;
	margin-bottom: 4px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}


	#livehelp img { width: 218px; }

#content, #ads { height: auto; }

#ads { margin-top: 6px; }


/* FOOTER */
#footer {
	position: relative;
	height: 480px; 
	background: #fff url(/imgs/footbg.jpg) center bottom no-repeat; 
	margin-top: 20px; 
	}

	#footer ul { }

		#footer li { 
			padding: 0; 
			height: 22px; 
			font: 11px/22px Tahoma, Verdana, sans-serif; 
			list-style-type: none; 
			border-bottom: 1px dotted #FFD97F; 
			}
			
			#footer .footcaption { padding-left: 12px; border: none; font-weight: bold; }

			#footer li a { color: #000; text-shadow: none; display: block; padding: 0 12px; text-decoration: none; }
				
				#footer li a:hover { background-color: #FDB201; border-bottom: 1px solid #CF9200; }

	#footer .repeatnav { clear: left; }

	#footer .login_foot { 
		display: block;
		position: absolute;
		bottom: 34px;
		right: 53px;
		width: 105px;
		height: 62px;
		}


/* FORM */
form { width: 100%; background: transparent url(/imgs/form_corner.gif) bottom right no-repeat; border: 1px solid #dfdfdf; }

form p { margin-left: 12px; }

form fieldset { border: none; margin-bottom: 8px; }

form legend { font-size: 1.6em; padding: 0 10px; }

form ul { list-style-type: none; float: left; }
	
	.subnav ul { display: inline; }

form li { float: left; margin-top: 6px; width: 100%; line-height: 24px; clear: left; }

form label { float: left; margin-right: 10px; width: 190px; text-align: right; }

form input { width: 200px; height: 20px; }
	
	form input, textarea, form .formselect { padding: 4px 2px 0; background: #fff url(/imgs/field_bg.gif) 0 0 repeat-x; }
		form .formselect { padding-bottom: 4px; height: 28px; width: 200px; }

	textarea, input, form .formselect { border: 1px solid #9f9f9f; }
	
	form .radio { width: 6px; height: 12px; }

	form .qty { width: 24px; }

	form .submit { border: none; width: 97px; height: 34px; margin-left: 40px; background: none; }


textarea { width: 100%; font-size: 100%; height: 45px; }


form.login8 {
clear: all;
width: 100%; 
height: 20px;
border: 0px solid #dfdfdf;
background: transparent url(/imgs/backgroundGrid.jpg) bottom right no-repeat;
margin-left: 5px; 
}

form.login8 input   { width: 65px; height: 20px; padding: 2px 2px 0;}

form.login8 submit   { border: 1px; width: 50px; height: 25px; margin-left: 40px; background: none; padding: 2px 2px 0;}
form.login8 input.button8 { border: none; width: 50px; height: 25px; margin-left: 0px; background: none; padding: 2px 2px 0;}

	
/* NAVIGATION FOR CATALOG */
.catnav {
	background: #efefef;
	border:1px solid #cfcfcf;
	height: 40px; 
	line-height: 40px;
	margin-bottom: -16px;
	padding: 0 10px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	 }

	.catnav a { 
		color: #000; 
		float: left; 
		padding: 0 10px; 
		text-decoration: none;
		text-shadow: 0 1px 1px #fff; 
		}

	.catnav a:hover {  }

	.catnav .last { margin-right: 17px; }

.catnav form { 
	background: none;
	border-left: 1px solid #bfbfbf;
	float: left;
	padding: 0 16px;	
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	width: auto; 
	}

.catnav label { width: 142px; }

form .gobutton {   
	background: #fff;
	border-color: #8f8f8f;
	height: 20px;
	padding-bottom: 23px;  
	width: 40px;
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		}

	form .gobutton:hover { background: #dfdfdf; }

	form .gobutton:active { background: #cfcfcf; color: #fff; text-shadow: 0 1px 1px #000; }

/* Breadcrumbs */
.breadcrumbs {
	background-color: #f89916;
	width: 602px;
	height: 24px;
	line-height: 18px;
	-moz-border-radius: 5px;
	border: 1px solid #d37b02;
	margin: 0 0 4px; 
	width: 99.6%;
	}

.breadcrumbs ul {
	background-color: #f89916;
	border: 1px solid #f6b152;
	height: 22px;
	line-height: 22px;
	list-style-type: none;
	width: 99.6%;
	margin: 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

.breadcrumbs li { 
	display: inline; 
	height: 22px;
	}

.breadcrumbs a {
	background: transparent url(/imgs/subnavpointer.gif) no-repeat scroll right center;
	color: #6a3f04;
	display: block;
	float: left;
	font-size: 13px;
	margin: 0 10px;
	padding: 0 30px 0 0;
	text-decoration: none;
	text-shadow: none;
	}

.breadcrumbs a:hover { color: #fff; text-shadow: 0 1px 1px #a1620b; text-decoration: none; }

.breadcrumbs li.last a { 
	color: #fff; 
	background: #fff none; 
	color: #6a3f04; 
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
	padding: 0 10px; 
	}

.breadcrumbs li.last a:hover { color: #000; text-shadow:0 1px 1px #BFBFBF; }

.breadcrumbs li.last { background: none; }

/* Newsletter Sign Up */
#navigation form { 
	background: transparent none;
	border: none;
	display: inline; 
	margin: 0; 
	padding: 0;
	width: 200px;
	}

#navigation label { 
	float: none;
	margin-right: 4px;
	padding: 0;  
	}

#navigation #emailAddr {
	border: 1px solid #0F7F2E;
	color: #4F4F4F;
	float: none; 
	height: 16px; 
	padding: 4px 0 2px 1px; 
	width: 90px;
	}

#navigation .btn-primary { 
	background: #A1DE53 none;
	border: 1px solid #0F7F2E;
	color: #000; 
	cursor: pointer; 
	font-size: 10px;
	height: 24px; 
	padding: 4px 1px 3px; 
	margin-left: -5px;
		border-radius-topright: 3px;
		border-radius-bottomright: 3px;
		-webkit-border-radius-topright: 3px;
		-webkit-border-radius-bottomright: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		text-shadow: 0 1px 1px #fff;
	width: 28px;
	}

#navigation .btn-primary:hover { text-shadow: none; color: #fff; }

#navigation .btn-primary:active { background: #fff; color: #000; }

/* PRODUCTS for index.php */
.product { 
	background-color: #dfdfdf;
	float: left; 
	height: 163px; 
	width: 162px; 
	padding: 0 0 10px 0; 
	margin: 8px;
	border: 1px solid #cfcfcf;
	text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	display: inline;
	}

	.product div { 
		border: 1px solid #bfbfbf; 
		background-color: #fff;
		margin: 3px;
		height: 165px;
		_margin: 0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webskit-border-radius: 3px;
		overflow: hidden;
		}

	.product a { color: #000; text-shadow: 0 1px 1px #cfcfcf; text-decoration: none; }
	.product a:hover { text-decoration: none; }
	
	.product img { width: 128px; padding: 0; margin: 0 15px; }

	.product span {
		padding-top: 4px;
		display: block; 
		height: 36px; 
		width: 100%; 
		margin-bottom: 10px; 
		font: 12px/14px Tahoma; 
		background-color: #efefef;
		border-bottom: 1px solid #dfdfdf;
		}

		.product a:hover span { background-color: #cfcfcf; text-shadow: 0 1px 1px #f9f9f9; color: #000; }


/* CATEGORY SEARCH PRODUCT LINE UP for item_search.php */
.results {
	background: transparent url(/imgs/info.gif) bottom right no-repeat;
	border: 1px solid #4F819F; 
	float: left; 
	height: 160px; 
	margin: 8px;
	width: 120px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	display: inline;
	overflow: hidden;
	}

.category { height: 115px; width: 205px; }

	.results a { 
		display: block; 
		width: 100%; 
		height: 100%; 
		text-decoration: none; 
		font: 12px/14px Tahoma; 
		color: #000; margin: 0 auto;  
		text-align: center; 
		background-color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		
		.results a:hover { 
			background-color: transparent; 
			text-decoration: none; 
			}

		.results a:hover span { 
			color: #fff; 
			background-color: #A7CADF; 
			text-shadow: 0 1px 1px #2F617F; 
			}

	.results span { 
		background-color: #6FA4C6; 
		padding: 4px; 
		border-bottom: 1px solid #4F819F; 
		text-shadow: none; 
		color: #fff; 
		display: block;
		}

	.results img { 
		max-height: 100px; 
		max-width: 98px; 
		border: none; 
		margin-top: 6px;
			width: expression(this.width > 100 ? 100: true);
		}


	.category img { width: 200px; max-width: none; }


/* Persistent Experiment */
.index #navigation a.home_nav,
.oilfield #navigation a.oil_nav,
.catalog #navigation a.catalog_nav, 
.about #navigation a.about_nav,
.buy #navigation a.buy_nav,
.resources #navigation a.resources_nav,
.contact #navigation a.contact_nav,
.howto #navigation a.howto_nav { 
	background: #a1de53;
	color: #fff;
	text-shadow: 1px 1px 0 #279C49;
	}