@import url('cwf_styles/foundationbar.css');

/* -------------- FOUNDATION BAR overwrites--------------*/
body #foundationBarWrapperWrapper {  /* changes the bar color */
	background-color: #e9e8e3; 
 	margin-bottom: 4px;	
	color: #766a63;
}

#foundationBar li.cwtext {
	background: url(cwseal_16px_dark.png) no-repeat left 2px;
}

#foundationBar ul li.shoptab { /* changes the active tab's background color */
	background:#a39994; 
} 

#foundationBar ul li.shoptab a {
	color: #fff;
}

#foundationBar li a, #foundationBar ul li.shoptab:hover a {
	color: #766a63;
}

#foundationBar li.cwtext:hover {
    color: inherit; /* Leave text for CW as-is */
}

/* use for a lighter bar */
/*#foundationBar ul li a, 
#foundationBar ul li.cwtext { changes color of inactive links and CW text 
	color:#333; 
	} */
/* #foundationBar ul li.cwtext { changes to dark CW seal 
	background:url("/images_global/cwseal_16px_dark.png") no-repeat scroll left 2px transparent; 
	}  */
/* #foundationBar ul li.shoptab a { sets active tab's link color 
	color:#fff; 
	}  */

/* --- leave this alone please ---*/
#foundationBar ul li.shoptab a { /* sets active tab's opacity to 100% */
	filter: alpha(opacity=100);
  	-khtml-opacity: 1;
  	-moz-opacity: 1;
  	opacity: 1 ;
	}

/* For static pages that load Foundation Bar through iFrame */
#foundationBarResults {
	height: 20px;
	width: 100%;
	background-color: #e9e8e3;
 	margin-bottom: 4px;
}