/* ---------- Header ------------ */

#prod_pg #header {
	background: url('../images/about_header_bg.gif');
	width: 858px;
	height: 92px;
}

#prod_pg #header h2 span {display:none;}

#prod_pg #header h2 {
	position: absolute; 
	top: 30px; 
	left: 25px; 
	}
	
	/* ---------- IR's on main title ------------ */
 	#prod_pg #header #products_title {
 		background: url('../images/products_title.gif') no-repeat scroll top left;
		width: 101px;
		height: 17px;
	}	
	
	#prod_pg #header #accumulation  {
		background: url('../images/products/accumulation_title.gif') no-repeat scroll top left;
		width: 229px;
		height: 16px;
	}
	
	#prod_pg #header #airconveyors {
		background: url('../images/products/airconveyor_title.gif') no-repeat scroll top left;
		width: 152px;
		height: 16px;
	}
	
	#prod_pg #header #combiners  {
		background: url('../images/products/combiners_title.gif') no-repeat scroll top left;
		width: 113px;
		height: 16px;
	}
	
	#prod_pg #header #controls  {
		background: url('../images/products/controls_title.gif') no-repeat scroll top left;
		width: 102px;
		height: 16px;
	}
	
	#prod_pg #header #conveyors {
		background: url('../images/products/conveyors_title.gif') no-repeat scroll top left;
		width: 114px;
		height: 16px;
	}
	
	#prod_pg #header #depalletizers {
		background: url('../images/products/depalletizers_title.gif') no-repeat scroll top left;
		width: 152px;
		height: 16px;
	}
	
	#prod_pg #header #lowerators  {
		background: url('../images/products/lowerator_title.gif') no-repeat scroll top left;
		width: 254px;
		height: 17px;
	}
	
	#prod_pg #header #rinsers {
		background: url('../images/products/rinsers_title.gif') no-repeat scroll top left;
		width: 308px;
		height: 22px;
	}
	
	#prod_pg #header #sterilizers {
		background: url('../images/products/sterilizers_title.gif') no-repeat scroll top left;
		width: 122px;
		height: 16px;
	}
	
	#prod_pg #header #warmcool  {
		background: url('../images/products/warmcool_title.gif') no-repeat scroll top left;
		width: 204px;
		height: 22px;
	}

	
	
/* ---------- Sec Navigation ------------ */
#prod_pg #secnav { 
	background-color: #F6D33B;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	width: 856px;
	} 	
	
#prod_pg #secnav ul {padding: 10px 0;}

#prod_pg #secnav li {
	font-size: 1.2em; 
	background-image: url('../images/bullet_secnav.gif');
	background-repeat: no-repeat; 
	background-position: 0 3px;
	padding-left: 8px; 
	font-weight: bold;
	width: 175px;
	float: left; 
	margin: 0 5px 10px 10px;
	}
	
/* ----- Devider Line ----- */
#prod_pg #contentline {
		background: url('../images/products_line.gif') no-repeat scroll top left;
		height: 14px;
		border-right: 1px solid #8c8c8c;
		border-left: 1px solid #8c8c8c;
	}	
	
/* ---------- Masthead ------------ */
	
#prod_pg #masthead {
	position: relative;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

#prod_pg #masthead #mast_rhc {
	position: absolute;
	right: 35px; 
	top: 0;
	width: 415px; 
	font-size: 1.2em;
	line-height: 2.1em;
}

#prod_pg #masthead #mast_rhc p {margin-top: 1.2em;} 

#prod_pg #masthead #mast_rhc li { 
	background-image: url('../images/bullet.gif');
	background-repeat: no-repeat; 
	background-position: 0 9px;
	padding-left: 8px; 
	}
	
#prod_pg #masthead #mast_rhc span {display: none;}
#prod_pg #masthead #mast_rhc h3 {
	background: url('../images/products/features.jpg') no-repeat scroll top left;
	width: 97px;
	height: 17px;
	margin-top: 20px; 
}

	/* ----- adds the small pic on the bottom right hand side of the lowerator ----- */
	#prod_pg #masthead .low_pic { 
	position: absolute; 
	bottom: 10px;
	right: 10px; 
		
	} 

/* ---------- Content ------------ */

	/* ----- Title IR's ----- */
	#prod_pg #content h3 span  {display: none;}
	
	#prod_pg #content #specifications  {
		background: url('../images/products_specs.gif') no-repeat scroll top left;
		width: 155px;
		height: 17px;
		} 

	#prod_pg #content #options {
		background: url('../images/products_options.gif') no-repeat scroll top left;
		width: 83px;
		height: 17px;
		clear: both; 
		} 

	#prod_pg #content #footprint {
		background: url('../images/products_footprint.gif') no-repeat scroll top left;
		width: 107px;
		height: 17px;
		}
		
		/*had I known what I know now a few weeks ago, I would have used classes. Lesson learned. This is to fix validation on the product pages with two product listings. */
	#prod_pg #content #specifications2  {
		background: url('../images/products_specs.gif') no-repeat scroll top left;
		width: 155px;
		height: 17px;
		} 

	#prod_pg #content #options2 {
		background: url('../images/products_options.gif') no-repeat scroll top left;
		width: 83px;
		height: 17px;
		clear: both; 
		} 

	#prod_pg #content #footprint2 {
		background: url('../images/products_footprint.gif') no-repeat scroll top left;
		width: 107px;
		height: 17px;
		}	
		
	/* ----- end ir's ----- */
	
#prod_pg #content {padding-top: 22px;}

#prod_pg #content li {
	background-image: url('../images/products_bullet.gif');
	background-repeat: no-repeat; 
	background-position: 0 9px;
	padding-left: 12px;
	}

#prod_pg #content #largerview { 
	font-weight: bold;
	font-style: italic;
	color: #3f3f3f;
	float: right; 
	background-image: url('../images/bullet_box.gif');
	background-repeat: no-repeat; 
	background-position: 0 5px; 
	padding-left: 20px;
	}
	
/*another fix for the double product listing */
#prod_pg #content #largerview2 { 
	font-weight: bold;
	font-style: italic;
	color: #3f3f3f;
	float: right; 
	background-image: url('../images/bullet_box.gif');
	background-repeat: no-repeat; 
	background-position: 0 5px; 
	padding-left: 20px;
	}	
	
#prod_pg #wrapper #content #lhc p { 
	line-height: 1.5em;
	margin-bottom: 10px; 	
	} 	
	
	/* just for the main content page because it doesn't use two columns */
#prod_pg #wrapper #content #pwrapper { 
		width: 650px; 
		margin-left: 125px; 
	}
	
/*a spacer for the second column where there isn't a title to bump the text down */
#content .spacer {height: 37px;	} 	

/* ----- Work arounds for the second column. Now that all the content has arrived, I know that some products require two product listings per page and it's too late to move to classes instead of ID's for the columns. What follows is the work around.  ------- */
		
#prod_pg #content h2 { 
	font-size: 2em; 
	letter-spacing: 0.1em; 
	margin: 15px 0 10px 0;
	text-transform: uppercase; 
	text-align: center; 
	} 		
		
#content #lhc2 { 
	float: left; 
	width: 300px; 
	margin-left: 35px; 
	display: inline;
	} 

#content #rhc2 { 
	float: right; 
	width: 415px; 
	margin-right: 35px; 
	display: inline;
	}
	
/* this is to make the model numbers stand out in the h2 headline titles */
#prod_pg #content h2 span {
	font-size: 0.5em;
	letter-spacing: 0em;
	text-transform: none;
}