@charset "UTF-8";
/* CSS Document */

html,
body { height:100%; }
body { background:#DDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; }
strong { font-weight:bold; line-height:1.5em; }
/*img { behavior:url(/scripts/iepngfix.htc); }*/
a { color:#0E703D; }
a:hover { color:#044c99; text-decoration:none; }


#container { background:#FFF url(/images/bg/header_sub.jpg) top left no-repeat; border:#333 1px solid; position:relative; margin:0 auto;  width:810px; }
#container.home { background:#FFF url(/images/bg/header.jpg) top left no-repeat; }

#blue_container { background:#FFF url(/images/bg/header_sub_blue.jpg) top left no-repeat; border:#333 1px solid; position:relative; margin:0 auto;  width:810px; }
#blue_container.home { background:#FFF url(/images/bg/header_blue.jpg) top left no-repeat; }

#main { background:url(/images/bg/main.jpg) bottom left no-repeat; border-bottom:#106031 10px solid; min-height:635px; padding:0 0 100px 0; }
#main_blue { background:url(/images/bg/main_blue.jpg) bottom left no-repeat; border-bottom:#106031 10px solid; min-height:635px; padding:0 0 100px 0; }
#main.words { background:url(/images/bg/main_words.jpg) bottom left no-repeat; }
#main_blue.words { background:url(/images/bg/main_blue_words.jpg) bottom left no-repeat; }

	#login { padding:150px 0 0 0; }
	#login h1 { color:#044c99; font-size:2.4em; text-align:center; }
	#login .box { background:url(/images/bg/loginbox.jpg) top left no-repeat; height:120px; margin:20px auto; position:relative; text-align:center; width:265px; }
	#login table { margin:6px auto 0 auto; position:relative; }
	#login td,
	#login th { vertical-align:middle; }
	#login td { padding:4px; }
	#login td.go { padding:0px; text-align:right; vertical-align:top; }
	#login th { color:#FFF; font-weight:bold; padding:4px 8px 4px 4px; }
	#login input { border:none; padding:3px; }
	#login button { background:none; border:none; padding:0; }
	#login p.error { display:block; font-size:1.1em; line-height:1.3em; margin:10px auto; padding:12px 6px; text-align:center; width:400px; }
	#login .logo { padding:50px 0 0 0; }
	#L { display:inline; float:left; position:relative; width:160px; }
		#menu { padding:100px 0 10px 0; position:relative; }
		#menu li { background:url(/images/bg/menu_button.jpg) top left no-repeat; }
		#menu li.first { background:url(/images/bg/menu_button_first.jpg) top left no-repeat; }
		#menu li.second { background:url(/images/bg/menu_button_second.jpg) top left no-repeat; }
		#menu li.last { background:url(/images/bg/menu_button_last.jpg) top left no-repeat; }
		#menu li.blue { background:url(/images/bg/menu_button_blue.jpg) top left no-repeat; }
		#menu li.first_blue { background:url(/images/bg/menu_button_first_blue.jpg) top left no-repeat; }
		#menu li.second_blue { background:url(/images/bg/menu_button_second_blue.jpg) top left no-repeat;}
		#menu li.last_blue { background:url(/images/bg/menu_button_last_blue.jpg) top left no-repeat; }
		
		
		#menu a { color:#FFF; display:block; font-family:"Arial Narrow", Verdana, Helvetica, sans-serif; font-size:11px; height:35px; line-height:35px; padding:0 0 0 10px; position:relative; text-decoration:none; text-transform:uppercase; width:143px; }
		#menu a.first { }
		#menu a.second { }
		#menu a.last { height:40px; }
		
		#menu li a:hover { background:url(/images/bg/menu_hover.jpg) top left no-repeat; }
		#menu li.first a:hover { background:url(/images/bg/menu_hover_first.jpg) top left no-repeat; }
		#menu li.second a:hover { background:url(/images/bg/menu_hover_second.jpg) top left no-repeat; }
		#menu li.last a:hover { background:url(/images/bg/menu_hover_last.jpg) top left no-repeat; }
		#menu li.blue a:hover { background:url(/images/bg/menu_hover_blue.jpg) top left no-repeat; }
		#menu li.first_blue a:hover { background:url(/images/bg/menu_hover_first_blue.jpg) top left no-repeat; }
		#menu li.second_blue a:hover { background:url(/images/bg/menu_hover_second_blue.jpg) top left no-repeat; }
		#menu li.last_blue a:hover { background:url(/images/bg/menu_hover_last_blue.jpg) top left no-repeat; }
		
		#get_started { display:block; margin:0 0 10px 0; position:relative; }
		#return { display:block; margin:0 0 10px 0; position:relative; }
		#recycle_black { display:block; margin:0 0 10px 0; position:relative; }
		#reuse_green { display:block; margin:0 0 10px 0; position:relative; }
	
	#M { display:inline; float:left; overflow:visible; padding-top:160px; position:relative; width:400px; }
	#M.wide { width:650px; }
	#M.extrawide { width:700px; }
	
	#M .choice_cont { padding:0 10px 0 140px; }
	#M .choice_cont h1,
	#M .choice_cont h2 { color:#00703c; font-size:2.7em; font-style:italic; font-weight:bold; margin:0 0 12px 0; }
	#M .choice_cont h2 { font-style:normal; font-size:1.4em; }
	#M .choice_cont ul { color:#044c99; font-size:1.2em; line-height:1.5em; margin:0 0 12px 0; }
	#M .choice_cont ul li { line-height:1.5em; list-style:disc; margin:4px 0 4px 20px; }
	#M .choice_cont p { color:#044c99; font-size:1.2em; line-height:1.5em; margin:0 0 12px 0; width: 415px; padding: 10px 0 0 55px;}
	
	#choice_buttons {display: block; }
	#reuse_container {background: url('/images/buttons/reuse.jpg') no-repeat; width: 215px; margin: 0 0 0 20px; float:left;}
	#reuse_container div { background: #ff000; padding: 100px 0 20px 40px;}
	#recycle_container {background: url('/images/buttons/recycle.jpg') no-repeat; width: 215px; margin:0 0 0 40px; float:left;}
	#recycle_container div { background: #ff000; padding: 100px 0 20px 40px;}
	
	#M .cont { padding:0 10px; }
	#M .cont h1,
	#M .cont h2 { color:#00703c; font-size:2.2em; font-style:italic; font-weight:bold; margin:0 0 12px 0; }
	#M .cont h2 { font-style:normal; font-size:1.4em; }
	#M .cont p,
	#M .cont ul { color:#044c99; font-size:1.2em; line-height:1.5em; margin:0 0 12px 0; }
	#M .cont ul li { line-height:1.5em; list-style:disc; margin:4px 0 4px 20px; }
	#M .small_icons { height:71px; width:319px; }
	#M .small_icons_blue { height:71px; width:323px; }
	#M .palletboxes { clear:right; margin:0 -100px 0 0; padding:0 0 25px 20px; }
	#M .submenu { display:block; padding:20px; position:relative; width:200px; }
	#M .submenu li { line-height:1.5em; padding:2px 0 2px 5px; }
	
	#M .cont_blue { padding:0 10px; }
	#M .cont_blue h1,
	#M .cont_blue h2 { color:#044c99; font-size:2.2em; font-style:italic; font-weight:bold; margin:0 0 12px 0; }
	#M .cont_blue h2 { font-style:normal; font-size:1.4em; }
	#M .cont_blue p,
	#M .cont_blue ul { color:#044c99; font-size:1.2em; line-height:1.5em; margin:0 0 12px 0; }
	#M .cont_blue ul li { line-height:1.5em; list-style:disc; margin:4px 0 4px 20px; }
	
	#HIW { background:url(/images/bg/HIW_diagram.jpg) top left no-repeat; height:440px; margin:50px 0; position:relative; width:650px; }
		#HIW img.step { position:absolute; z-index:50; }
		#HIW img.overlay { position:absolute; z-index:100; }
		#HIW p.caption { font-size:1.2em; left:175px; line-height:1.5em; position:absolute; text-align:center; top:200px; width:250px; }
		#start_here { left:-110px; position:absolute; top:210px; }
		.one { left:9px; top:143px; }
		.two { left:22px; top:58px; }
		.three { left:78px; top:-36px; }
		.four { left:297px; top:3px; }
		.five { left:391px; top:-10px; }
		.six { left:475px; top:71px; }
		.seven { left:395px; top:253px; }
		.eight { left:75px; top:287px; }
		.nine { left:1px; top:235px; }
		
		#HIW_FLASH {height:480px; margin:0 0 0 0px; padding:0; position:relative; width:650px; }
		#HIW_FLASH_blue {height:480px; margin:0 0 0 0px; padding:0; position:relative; width:650px; }
	
	#R { display:block; float:left; padding-top:150px; position:relative; width:250px; }
	#R .banner { display:block; float:left; position:relative; }
	#R .get_started { display:block; height:52px; width:115px; }
	
	#flash { margin:0 auto; padding:120px 0 0 0; width:720px; }
	
	#email_log { padding:8px 0; }
	#email_log li { list-style:none; }

#footer { background: #fff; border:#333 1px solid; margin:0 auto; padding:0 0 10px 0; position:relative; width:810px; display:block; }
#footer img {float:left; padding: 10px 0 0 5px ;}
#footer p { color:#044c99; font-size:.9em; height:2em; line-height:2em; text-align:center; float:left; padding: 10px 0 0 40px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}