@charset "UTF-8";

/*
 	Miller Recycling | Global CSS
 	Last updated: 05/04/09   
*/

	
/*    RESET | BODY | HTML     */

	html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
	a, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, 
	ul, li, fieldset, label, input[type="text"], input[type="image"], textarea, legend {
		background: transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
	}
	ul { list-style: none; }
	:focus { outline: 0; }
	img, img a{ border: none; }
	
	input[type="text"], textarea{ background: url("../../media/images/bg/input-bg.gif") 0 0 repeat-x #FFFFFF; border-width: 1px; border-style: solid; }
	input[type="image"]{ cursor: pointer; }
		#header input[type="text"]{ border-color: #020202; font-size: 7pt; height: 14px; margin-right: 5px; padding: 2px; width: 141px; }
		#content input[type="text"], #content textarea{ border-color: #c0c0c0; padding: 5px; width: 200px; }

/*    TYPE     */

	.container, input, textarea, #footer{ color: #3f3f3f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

	p{ margin: 5px 0 10px; }

	a, h2, h2 a, h3, h3 a, h4, h4 a, .colLft dt, .footerContent dt{ color: #cb1a00; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-weight: bold; }

	a{ text-decoration: none;}
	a:hover, .footerContent .fltLft dd a:hover{ color: #990000; }
	span.highlight a:hover, .colRgt span.colBtn a:hover{ color: #2c4210;}

	h1, h1 a{ font-size: 18pt; }
	h2, h2 a{ font-size: 14pt; }
	h3, h3 a{ font-size: 13.5pt; }
	h4, h4 a{ font-size: 11pt; }
	
	.logo a, span.callUs, span.nedest a, span.sendnshred a, span.transmyt a{ display: block; }
	.logo a, span.callUs, span.subscribe, span.nedest a, span.sendnshred a, span.transmyt a{ text-indent: -9999px; }
	
	.headInfo{ color: #FFFFFF; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-weight: bold; }
		.headInfo .fltLft{ font-size: 13.5pt; }
			span.callUs{ background: url("../../media/images/call-us-1800-787-6766.gif") 0 0 no-repeat; height: 19px; margin-top: 5px; width: 212px;}
		.headInfo .fltRgt{ font-size: 9pt; }
			span.subscribe{ background: url("../../media/images/subscribe-to-our-emails.gif") 0 0 no-repeat; height: 11px; margin-top: 5px; width: 164px;}
	
	#nav li a{ color: #FFFFFF; font-size: 11.3pt; font-weight: bold;}
	
	.colLft dt{font-size: 9pt; text-transform: uppercase; }
	.colLft dl, .instruction{ font-size: 8pt; }

	span.highlight, span.highlight a, .colRgt span.colBtn a{ color: #FFFFFF; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 13.5pt; font-weight: bold; }
	
	.footAddress, #footer .fltRgt{ font-size: 7.5pt; }
	
	.footerContent .fltLft dl{ font-size: 10pt;}
	.footerContent .fltLft dd a{ color: #3f3f3f; font-size: 7.5pt; }
	
	#footer .fltRgt{ text-align: right; }
	
	
/*    LAYOUT     */

	body, html{
		background: url("../../media/images/bg/global-bg.gif") 0 0 repeat-x #FFFFFF;
		height: 100%;
		width: 100%;
	}
	
	.container{
		background-color: #FFFFFF;
		height: auto !important;
		margin: 0px auto -180px;
		min-height: 100%;
		position: relative;
		width: 870px;
	}
	
	.clr{ clear: both; } .clrLft{ clear: left; } .clrRgt{ clear: right; }
	.fltLft{ float: left; } .fltRgt{ float: right; }
	
	.accessibility, .hide{ display: none; }

	/*    #header     */
	
		#header{
			background: url("../../media/images/bg/header-bg.jpg") 0 0 repeat-x #727878;
			height: 199px;
			margin: 0 auto;
			width: 850px;
		}
		
			#header .headInfo{ height: 20px; padding: 4px 0; }
		
			#header .headInfo div{ padding: 0 10px; }
			
			.headInfo .fltRgt{ width: 336px; }
			
			#header .headerCent{ height: 81px; padding: 26px 0 24px; position: relative; }
		
				.logo a{ 
					background: url("../../media/images/miller-recycling-logo.gif") 0 0 no-repeat; 
					height: 81px; 
					margin-left: 10px;
					width: 327px; 
				}
				
				#header .headerCent .fltRgt{ height: 78px; }
				
				/*    #nav     */
				
					#nav{
						height: 47px;
						margin: 0 auto;
						position: relative;
					}
					
						#nav ul{ height: 47px; }
						#nav li{ display: inline; }
						#nav li a{ 
							border-right: 1px solid #adb1b1;
							cursor: pointer; 
							display: block; 
							float: left;
							height: 16px;
							margin: 0;
							padding: 10px 16px 13px;
							position: relative; 
						}
						
						#nav li.last a{ border-right: none; }
						
						#nav li a:hover, li#current a{ background: url("../../media/images/bg/nav-hover-bg.jpg") 0 0 repeat-x #737979; color: #82c02f;}
	
	/*    #content     */
	
		#content{
			height: 100%;
			margin: 10px auto;
			position: relative;
			width: 850px;
		}
		
			.colLft{ height: inherit; width: 620px; }
			
			.colRgt{ height: inherit; width: 215px; }
				.colRgt .liveHelp{ margin-bottom: 15px; }
			
		/*    .push     */
			
			#footer, .push{ height: 180px; }
	
	/*    #footer     */
	
		#footer{
			background: url("../../media/images/bg/footer-bg.jpg") bottom right no-repeat #e5e5e5;
			border-top: 1px solid #cfcfcf;
			margin: 0 auto;
			position: relative;
			width: 850px;
		}
		
		/*    .footerContent     */
		
			.footerContent{
				height: 135px;
				margin: 0 auto;
				padding-bottom: 0;
				position: relative;
				width: 850px;
			}
			
				.footAddress{ border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; padding: 5px 10px; width: 830px; }
				
				.footerContent .fltLft{ padding-left: 10px; width: 520px; }
					.footerContent .fltLft dl{ float: left; margin-right: 13px; }
					.footerContent .fltLft dl.last{ margin-right: 0; }
					.footerContent .fltLft dt{ background: url("../../media/images/foot-bullet.gif") 0 0 no-repeat; height: 21px; padding: 1px 0 0 31px; }
					.footerContent .fltLft dd{ padding-left: 31px; }
					
				.footerContent .fltRgt{ padding-right: 10px; width: 294px; }

/* CUSTOM */

	.divider{ border-top: 1px dotted #c0c0c0; font-size: 0; height: 1px; margin: 10px 0; width: inherit; }

	ol.fltLft{ margin-right: 20px; }

	span.highlight { background: url("../../media/images/bg/highlight-bg.gif") 0 0 no-repeat; display: block; padding: 5px 0 5px 35px; height: 36px; width: 585px; }
	
	.colLft dl, #home .colLft dl{ float: left; }
		.colLft dl{ margin-right: 3px; width: 190px;}
		dl#home .colLft{ margin-right: 31px; width: 170px; }
			dt#home .colLft, .colLft dt{ margin-bottom: 10px;}
			.colLft dl.last, dl#home .last{ float: left; width: 215px;}
				.colLft dl.last{ margin-left: 11px; }
				dl.last#home .colLft{ margin-right: 0; }
			dd.highlight#home, .colLft dd.highlight, div#nedest, div#sendnshred{ 
				background: url("../../media/images/bg/dd-highlight-bg.gif") 0 0 repeat-x #e3e3e3; 
				border: 1px solid #979797; 
				height: 87px; 
				margin-bottom: 15px;
				width: inherit; 
			}

	span.colBtn { 
		background: url("../../media/images/btn/col-btn.gif") 0 0 no-repeat; 
		border: none; 
		display: block; 
		padding: 5px 0 0 35px; 
		height: 30px;
		text-align: left; 
		width: 210px; }
		.colRgt span.colBtn:hover { background-position: 0 -35px; }
	
	/* LOGOS */
		span.nedest a{ background: url("../../media/images/nedest-dd-highlight.gif") 0 0 no-repeat; height: 45px; margin: 20px auto 0; width: 185px; }
		span.sendnshred a{ background: url("../../media/images/sendnshred-dd-highlight.gif") 0 0 no-repeat; height: 58px; margin: 15px auto 0; width: 130px; }
		span.transmyt a{ background: url("../../media/images/transmyt.gif") 0 0 no-repeat; float: right; height: 18px; text-align: left; width: 89px; }
		
		div#nedest{ margin: 8px 10px 10px 0; width: 215px; }
		div#sendnshred{ margin: 8px 10px 10px 0; width: 215px; }
	
	/* SERVICES */
	
	ol.recycling{ padding-left: 0; }
	
	ol.recycling li{ 
		background: url("../../media/images/bullet.gif") 0 0 no-repeat; 
		height: 21px; 
		list-style-type: none;
		margin-bottom: 5px;
		padding: 1px 0 0 28px; }
	
	/* EQUIPMENT */	
		ul.equipment{ margin: 10px 0; }
		.equipment li{ display: inline;}
			.equipment li a{
				display: block;
				float: left;
				margin: 0 10px 10px 0; 
				padding: 5px 0 5px 5px;
				vertical-align: middle; }
				
				.equipment li.last a{ margin-right: 0; }
				
				.equipment li img{ border: 1px solid #c0c0c0; float: left; } 
					.equipment li a:hover img{ border: 1px solid #cb1a00; }
				.equipment li span{ float: left; height: 30px; padding: 10px 0 0 10px; }
		div.equipment{ height: 100px; }
		div.equipmentLeft{ height: 100px; margin-right: 25px; width: 328px; }
		li.equipmentLeft{ display: block; float: left; margin-right: 25px; width: 328px; }
		
		/* EQUIPMENT POP UP */
			#equipment .container{ margin: 0 auto; width: 550px; }
			#equipment #header{ height: 158px; width: 550px; }
			#equipment #content{ height: 362px; margin: 0 auto; width: 550px; }
				#equipment .colLft{ border-right: 1px dotted #c0c0c0; height: 362px; width: 297px; }
				#equipment .colRgt{ font-size: 8pt; height: 277px; padding: 10px 10px 10px 5px; width: 232px; }
					#equipment h3{ font-size: 10.5pt; }
			#equipment #footer{ background: none; padding: 10px 0 0 10px; width: 540px;  }
			
	/* GET A QUOTE */	
		form#quoteForm p label{ display: block; float: left; height: 15px; width: 200px; }