/**
 * reviews.css
 * Custom CSS for Product Reviews on conair.com
 * @package conair
 * @author Tony Collings
 * @version 1.0, Mar 2010
 *
 */
 
 
/* 	OVERRIDES
	---------------------------------------------------------- */
	
/* 	MODIFIERS
	---------------------------------------------------------- */
	
/* 	LAYOUT
	---------------------------------------------------------- */
	div#reviews-overlay {background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 0px; left: 0px; width: 100%; height: 2000px; z-index: 9999; }
	div#reviews-wrapper {
		font-family:Verdana,Tahoma,Arial,sans-serif; /* This value is ignored. Attributes that are assigned to DIV globally override this. Unfortunately this is historical, I presume to affect a different font in the menu. It should have been more semantic i.e. div.menu, but isn't. Unless CoolMenuJS is hacked to affix a class value to the DIV's it creates this will continue to be a problem unless fonts are nested inside tables,tr,td etc... in which CSS can be targetted directly there. */ 
		background-color: #f8f8f8; padding: 20px; 
		color:#666666;
		letter-spacing: 0px; 
		line-height:20px;
		font-size:11px;	
		text-align: left;
		width: 650px; 
		margin: 0px auto;  
		border: 3px solid #758dc3; 
		position: absolute; top: 50px; z-index: 10000; left: 50%; margin-left: -335px; 
		
	}
	#review-inner {height: 550px; overflow:auto; margin-top: 10px;  }
	#reviews-wrapper h4 {color: #758dc3; margin: 0px; font-size:14px; }
	.review-text {margin: 10px 0px; }
	.review-meta {color: #758dc3; }
	
	
	#reviews-wrapper a {color: #758dc3; text-decoration: none; }
	#reviews-wrapper a:hover {color: #758dc3; text-decoration: underline; }
	a.close-link {display: block; margin-top: 20px; }