/* Color Cards */
div#awlgriplogos{
	margin:8px 0 14px 80px;
}
div#awlgriplogos div{
	float:left;
}
div#awlgriplogos img{
	margin:0 14px 0 4px;
}
div#colorcardheader{
	/*float:left;*/
	clear:both;
	color:#333;
	margin:15px 0 15px 4px;
}
div#colorcardfooter{
	color:#333;
	text-align:center;
	margin:25px 0 5px 0;
}
div#content div.colorcardintro {
	clear:left;
	float:left;
	background:#F2F8F8;	
	width:580px;
	margin:10px 0 0 65px;	
	border:1px solid #d6d6d6;
	padding:6px 0 6px 10px;
}
div#content div.colorcardintro p 
{
	clear:left;
	float:left;
}
div#content div.colorcardintro a {
	/*margin:0 0 12px 0;
	font-size:120%;*/
}
div#awcontent div#imgcontainer {
	width:200px;
	float:right;
	border:1px solid #ccc;
	background:#fff;
	padding:12px 0 12px 12px;
	_padding:12px 0 12px 12px;
}
*html div#awcontent div#imgcontainer {	
	padding:10px;
	_padding:12px 0 12px 12px;
}
div#awcontent div#colorswatchcontainer{
	float:left;
	width:460px;
	border:1px solid #ccc;
	background:#fff;
	padding:12px 0 12px 12px;
	_padding:10px 0 12px 8px;
	margin:0;
}
*html div#awcontent div#colorswatchcontainer {
	padding:10px;
	_padding:10px 0 12px 8px;
}
div#awcontent div#colorcarddisplay {
	border:1px solid #ccc;
	background:#f5f5f5;
	float:left;
	width:700px;
	_width:694px;
	margin:4px 0 0 2px;
	padding:12px;
}
*html div#awcontent div#colorcarddisplay {
	width:695px;
	_width:694px;
}
div#awcontent div#colorcarddisplay div#imgCode, div#awcontent div#colorcarddisplay div#cardTitle {
	clear:right;
	float:right;
	padding:0;
	font-size:80%;
	font-family:sans,verdana;
	width:210px;
	text-align:left;
}
div#awcontent div#colorcarddisplay div#imgCode {
	margin:10px 0 2px 2px;
}
div#awcontent div#colorcarddisplay div#cardTitle {
	margin:2px 0 2px 2px;
}
div#awcontent div#imgcontainer .imgSwatch, div#awcontent div#imgcontainer img  {
	width:187px;
	height:217px;
}
div#awcontent div.swatch {
	margin:3px 2px 1px 2px;
	float:left;
	width:60px;
	height:50px;
	padding:0;
	cursor:hand;
}
*html div#awcontent div.swatch {
/*filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15;*/
}
div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }

div#awcontent div.swatch img {
	margin:0;	
	width:60px;
	height:50px;

}
div#awcontent div#colorcarddisplay div span.cardTitle {
	font-weight:bold;
	clear:left;
	float:left;
	width:188px;
	text-align:center;
}
div#awcontent div#colorcarddisplay div.code{
	text-align:left;
	margin-bottom:25px;
}
div#awcontent div#colorcarddisplay span {
}
div#awcontent div#colorcarddisplay span.code1 {
	color:navy;
}
div#awcontent div#colorcarddisplay span.code2 
{
}
div#awcontent div#colorcarddisplay span.code3 {
	color:#f80000;
}