#header .mainnav a span { display: none; }

#header .login-bar { 
	position: relative;
	height: 32; 
	margin-bottom: 4px; 
	color: white; 
	background: #222222; 
	font-size: 11px;
}
#header .login-bar a span { display: none; }

#header .login-bar a {
	background-repeat: none;
	background-position: 0px 0px;
}
#header .login-bar a:hover {
	background-repeat: none;
	background-position: 0px 18px;
}

#header .login-bar .login-button { 
	position: absolute;
	top: 7px; right: 10px;
	height: 18px; width: 88px;
	background-image: url(../images/header/log-in-now.gif);
}
#header .login-bar .login-text { 
	position: absolute;
	top: 8px; right: 110px; 
}
#header .logo-bar { 
	position: relative;
	height: 72px; 
	margin-bottom: 4px; 
	/*
	 * 	background: url(../images/header/logo-bar.gif);
	 * 		background-repeat: none;
	 * 			*/
}

#header .logo-bar .search-button { 
	position: absolute;
	top: 10px; right: 10px;
}
#header .logo-bar .search-field { 
	position: absolute; 
	top: 10px; right: 62px;
	margin: 0; padding: 2; border: 0; 
	width: 150px; height: 17px; 
	background-color: #ffffff; 
	font-size: 11px;  
}
#footer .bar {
	color: white;
	background: #222222; 
	font-size: 11px;
	padding-top: 10px; padding-bottom: 14px; 
	text-align: center;
}
#footer .bar a {
	color: #f6e8b8; 
	text-decoration: none; 
}
#footer .bar a:hover {
	color: #f6e8b8; 
	text-decoration: underline; 
}
#footer .flag-image {
	margin: 0px;
	padding: 0px 0px 0px 21px;  /* 16px image + some whitespace */
	border: 0px;
}
#footer #us-flag {
	background-image: url(../images/us-flag.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#footer #mexican-flag {
	background-image: url(../images/mexican-flag.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#header .mainnav {
	position: relative;
	width: 880px;
	height: 28px;
}	
#header .mainnav a {
	position: absolute;
	background-repeat: none;
	background-position: 0px 0px;
}
#header .mainnav a:hover {
	position: absolute;
	background-repeat: none;
	background-position: 0px 28px;
}
#header .mainnav a span { display: none; }
#header .mainnav .about {
	width: 67px; height: 28px;
	top: 0px; left: 0px;
	background-image: url(../images/header/nav/about.gif);
}
.about #header .mainnav a.about,
.about #header .mainnav a.about:hover {
	background-image: url(../images/header/nav/about-active.gif);
	background-position: 0 0;
}
#header .mainnav .materials {
	width: 93px; height: 28px;
	top: 0px; left: 67px;
	background-image: url(../images/header/nav/materials.gif);
}	
.materials #header .mainnav a.materials,
.materials #header .mainnav a.materials:hover {
	background-image: url(../images/header/nav/materials-active.gif);
	background-position: 0 0;
}
#header .mainnav .services {
	width: 84px; height: 28px;
	top: 0px; left: 160px;
	background-image: url(../images/header/nav/services.gif);
}	
.services #header .mainnav a.services,
.services #header .mainnav a.services:hover {
	background-image: url(../images/header/nav/services-active.gif);
	background-position: 0 0;
}
#header .mainnav .facilities {
	width: 90px; height: 28px;
	top: 0px; left: 244px;
	background-image: url(../images/header/nav/facilities.gif);
}	
.facilities #header .mainnav a.facilities,
.facilities #header .mainnav a.facilities:hover {
	background-image: url(../images/header/nav/facilities-active.gif);
	background-position: 0 0;
}
#header .mainnav .selling-to-mervis {
	width: 146px; height: 28px;
	top: 0px; left: 334px;
	background-image: url(../images/header/nav/selling-to-mervis.gif);
}	
.selling-to-mervis #header .mainnav a.selling-to-mervis,
.selling-to-mervis #header .mainnav a.selling-to-mervis:hover {
	background-image: url(../images/header/nav/selling-to-mervis-active.gif);
	background-position: 0 0;
}
#header .mainnav .buying-from-mervis {
	width: 161px; height: 28px;
	top: 0px; left: 480px;
	background-image: url(../images/header/nav/buying-from-mervis.gif);
}	
.buying-from-mervis #header .mainnav a.buying-from-mervis,
.buying-from-mervis #header .mainnav a.buying-from-mervis:hover {
	background-image: url(../images/header/nav/buying-from-mervis-active.gif);
	background-position: 0 0;
}
#header .mainnav .employment {
	width: 107px; height: 28px;
	top: 0px; left: 641px;
	background-image: url(../images/header/nav/employment.gif);
}	
.employment #header .mainnav a.employment,
.employment #header .mainnav a.employment:hover {
	background-image: url(../images/header/nav/employment-active.gif);
	background-position: 0 0;
}
#header .mainnav .contact-mervis {
	width: 132px; height: 28px;
	top: 0px; left: 748px;
	background-image: url(../images/header/nav/contact-mervis.gif);
}	
.contact-mervis #header .mainnav a.contact-mervis,
.contact-mervis #header .mainnav a.contact-mervis:hover {
	background-image: url(../images/header/nav/contact-mervis-active.gif);
	background-position: 0 0;
}
#header .mainnav a span { display: none; }

#header .login-bar { 
	position: relative;
	height: 32px; 
	margin-bottom: 4px; 
	color: white; 
	background: #222222; 
	font-size: 11px;
}
#header .login-bar a span { display: none; }

#header .login-bar a {
	background-repeat: none;
	background-position: 0px 0px;
}
#header .login-bar a:hover {
	background-repeat: none;
	background-position: 0px 18px;
}

#header .login-bar .login-button { 
	position: absolute;
	top: 7px; right: 10px;
	height: 18px; width: 88px;
	background-image: url(../images/header/log-in-now.gif);
}
#header .login-bar .login-text { 
	position: absolute;
	top: 8px; right: 110px; 
}
#header .logo-bar { 
	position: relative;
	height: 72px; 
	margin-bottom: 4px; 
	/*
	 * 	background: url(../images/header/logo-bar.gif);
	 * 		background-repeat: none;
	 * 			*/
}

#header .logo-bar .search-button { 
	position: absolute;
	top: 10px; right: 10px;
}
#header .logo-bar .search-field { 
	position: absolute; 
	top: 10px; right: 62px;
	margin: 0; padding: 2; border: 0; 
	width: 150px; height: 17px; 
	background-color: #ffffff; 
	font-size: 11px;  
}
#footer .bar {
	color: white;
	background: #222222; 
	font-size: 11px;
	padding-top: 10px; padding-bottom: 14px; 
	text-align: center;
}
#footer .bar a {
	color: #f6e8b8; 
	text-decoration: none; 
}
#footer .bar a:hover {
	color: #f6e8b8; 
	text-decoration: underline; 
}
#footer .flag-image {
	margin: 0px;
	padding: 0px 0px 0px 21px;  /* 16px image + some whitespace */
	border: 0px;
}
#footer #us-flag {
	background-image: url(../images/us-flag.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#footer #mexican-flag {
	background-image: url(../images/mexican-flag.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#header .mainnav {
	position: relative;
	width: 880px;
	height: 28px;
}	
#header .mainnav a {
	position: absolute;
	background-repeat: none;
	background-position: 0px 0px;
}
#header .mainnav a:hover {
	position: absolute;
	background-repeat: none;
	background-position: 0px 28px;
}
#header .mainnav a span { display: none; }
#header .mainnav .about {
	width: 67px; height: 28px;
	top: 0px; left: 0px;
	background-image: url(../images/header/nav/about.gif);
}
.about #header .mainnav a.about,
.about #header .mainnav a.about:hover {
	background-image: url(../images/header/nav/about-active.gif);
	background-position: 0 0;
}
#header .mainnav .materials {
	width: 93px; height: 28px;
	top: 0px; left: 67px;
	background-image: url(../images/header/nav/materials.gif);
}	
.materials #header .mainnav a.materials,
.materials #header .mainnav a.materials:hover {
	background-image: url(../images/header/nav/materials-active.gif);
	background-position: 0 0;
}
#header .mainnav .services {
	width: 84px; height: 28px;
	top: 0px; left: 160px;
	background-image: url(../images/header/nav/services.gif);
}	
.services #header .mainnav a.services,
.services #header .mainnav a.services:hover {
	background-image: url(../images/header/nav/services-active.gif);
	background-position: 0 0;
}
#header .mainnav .facilities {
	width: 90px; height: 28px;
	top: 0px; left: 244px;
	background-image: url(../images/header/nav/facilities.gif);
}	
.facilities #header .mainnav a.facilities,
.facilities #header .mainnav a.facilities:hover {
	background-image: url(../images/header/nav/facilities-active.gif);
	background-position: 0 0;
}
#header .mainnav .selling-to-mervis {
	width: 146px; height: 28px;
	top: 0px; left: 334px;
	background-image: url(../images/header/nav/selling-to-mervis.gif);
}	
.selling-to-mervis #header .mainnav a.selling-to-mervis,
.selling-to-mervis #header .mainnav a.selling-to-mervis:hover {
	background-image: url(../images/header/nav/selling-to-mervis-active.gif);
	background-position: 0 0;
}
#header .mainnav .buying-from-mervis {
	width: 161px; height: 28px;
	top: 0px; left: 480px;
	background-image: url(../images/header/nav/buying-from-mervis.gif);
}	
.buying-from-mervis #header .mainnav a.buying-from-mervis,
.buying-from-mervis #header .mainnav a.buying-from-mervis:hover {
	background-image: url(../images/header/nav/buying-from-mervis-active.gif);
	background-position: 0 0;
}
#header .mainnav .employment {
	width: 107px; height: 28px;
	top: 0px; left: 641px;
	background-image: url(../images/header/nav/employment.gif);
}	
.employment #header .mainnav a.employment,
.employment #header .mainnav a.employment:hover {
	background-image: url(../images/header/nav/employment-active.gif);
	background-position: 0 0;
}
#header .mainnav .contact-mervis {
	width: 132px; height: 28px;
	top: 0px; left: 748px;
	background-image: url(../images/header/nav/contact-mervis.gif);
}	
.contact-mervis #header .mainnav a.contact-mervis,
.contact-mervis #header .mainnav a.contact-mervis:hover {
	background-image: url(../images/header/nav/contact-mervis-active.gif);
	background-position: 0 0;
}