#all { width:960px; }
.bg_shadow_b { width:964px; }
#colors { width:815px; margin:10px 0 10px 145px; position:relative; }
#colors td { width:16%; position:relative; font-size:11px; }

.win_torn { z-index:500; }
.win_body { position:relative; overflow:hidden; }
.content { position:relative; padding:1px 0; border:1px solid black; z-index:10; }
.bl { border-left:1px solid black; }
.nowrap { white-space:nowrap; }

#pigments { float:right; width:515px; margin:7px 10px 10px 0; }
	#pigments .edge_t { width:515px; height:25px; position:relative; background:url(../images/win1-t.gif) no-repeat 25px 0px; }
		#pigments .edge_t .edge_tl { width:25px; height:25px; position:absolute; left:0; top:0; background:url(../images/win1-tl.gif) no-repeat right bottom; }
		#pigments .edge_t .edge_tr { width:25px; height:25px; position:absolute; right:0; top:0; background:url(../images/win1-tr.gif) no-repeat left bottom; }
	#pigments .win_body { width:515px; }
		#pigments .win_body .edge_l { position:absolute; left:0; top:0; width:25px; height:3000px; background:url(../images/win1-l.gif) repeat-y right top;}
		#pigments .win_body .edge_r { position:absolute; right:0; top:0; width:25px; height:3000px; background:url(../images/win1-r.gif) repeat-y left top;}
		#pigments .win_body .content { width:463px; background:#DBB975; padding-bottom:5px; margin:0 25px; }
			#pigments .win_body .content h3 { font-size:14px; width:auto; margin:0 0 5px 0; padding:2px 0; border-bottom:1px solid black; }
			#pigments .win_body .content table { position:relative; width:230px; margin:0; }
				#pigments .win_body .content table td { position:relative; padding:2px 8px; vertical-align:top; }
	#pigments .edge_b { width:515px; height:25px; position:relative; background:url(../images/win1-b.gif) no-repeat 25px 0px; }
		#pigments .edge_b .edge_bl { width:25px; height:25px; position:absolute; left:0; bottom:0; background:url(../images/win1-bl.gif) no-repeat right top; }
		#pigments .edge_b .edge_br { width:25px; height:25px; position:absolute; right:0; bottom:0; background:url(../images/win1-br.gif) no-repeat left top; }

#legend { float:left; width:260px; margin:12px 0 10px 0; padding-left:120px; }
	#legend .edge_t { width:260px; height:20px; position:relative; background:url(../images/win2-t.gif) repeat-x 20px 0px; }
		#legend .edge_t .edge_tl { width:20px; height:20px; position:absolute; left:0; top:0; background:url(../images/win2-tl.gif) no-repeat right bottom; }
		#legend .edge_t .edge_tr { width:20px; height:20px; position:absolute; right:0; top:0; background:url(../images/win2-tr.gif) no-repeat left bottom; }
	#legend .win_body { width:260px; }
		#legend .win_body .edge_l { position:absolute; left:0; top:0; width:20px; height:3000px; background:url(../images/win2-l.gif) repeat-y right top;}
		#legend .win_body .edge_r { position:absolute; right:0; top:0; width:20px; height:3000px; background:url(../images/win2-r.gif) repeat-y left top;}
		#legend .win_body .content { width:220px; background:#D4A546; padding-bottom:5px; margin:0 20px; }
			#legend .win_body .content h3 { font-size:14px; width:auto; margin:0 0 5px 0; padding:2px 0; border-bottom:1px solid black; }
			#legend .win_body .content h4 { font-size:14px; letter-spacing:none; font-style:normal; border:none; background:none; margin:12px 0 4px 0; padding:0 8px; text-align:left; color:black; }
			#legend .win_body .content table { width:218px; position:relative; }
				#legend .win_body .content table td { position:relative; padding:2px 8px; vertical-align:top; }
	#legend .edge_b { width:260px; height:20px; position:relative; background:url(../images/win2-b.gif) repeat-x 20px 0px; }
		#legend .edge_b .edge_bl { width:20px; height:20px; position:absolute; left:0; bottom:0; background:url(../images/win2-bl.gif) no-repeat right top; }
		#legend .edge_b .edge_br { width:20px; height:20px; position:absolute; right:0; bottom:0; background:url(../images/win2-br.gif) no-repeat left top; }