.category_link {
	background: gray;
	margin: 3px 0 3px 0;
	color: white;
	text-decoration: none;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	
	/* anim */
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}
.category_link:hover{
	color: white;
	opacity: 1;
	
	/* anim */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
.category_link:active {
    position: relative;  
    top: 1px;  
    left: 1px;
}

.category_link:hover {}

div.categoryIcon {
   text-align: center;
   float: left;
   width: 133px;
   height: 40px;
   padding-left: 5px;
}

div#Sans, div#Display { padding-left: 18px; }

div#Blackletter, div#Serif { width: 137px; }

div.categoryIcon a{
	text-decoration: none;
}

div.categoryIcon a img{
	float: left;
	padding-right: 5px;
}

div.categoryIcon a span{
	float: left;
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Helvetica,sans-serif;
	text-decoration: underline;
	margin-top: -3px;
	font-size: 12px;
	font-weight: bold;
}


div.fontcases {
   clear: left;
   padding-top: 3px;
}

#content div.fontcases h1{
	line-height: .75em;
	color:#333333;
	font-size:18pt;
	font-weight:bold;
}

div.fontCaseCategory {
	float:left;
	font-size:0.9em;
	margin:0;
	width:180px;
	height: 250px;
}

div.openTypeCategory {
	float:right;
	font-size:0.9em;
	margin:0 60px 0 0;
	width:180px;
	height: 250px;
}

div#Alternatives{
   *padding: 0px 0px 45px;  
}

#Subclasses {
	clear: left;
}


div.fontCaseCategory h2, div.openTypeCategory h2{
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Helvetica,sans-serif;
	font-size:12px;
	margin: 0px 0px 3px;
}

ul.fontCasesList {
   padding: 0px 0px 0px 20px;  
}

ul.fontCasesList  li { 
	padding-bottom: 4px; 
	font-size: 11px;	
}

ul.fontCasesList  li a{
}

p img#fontCaseImage {
   padding: 20px 0px 0px 0px;
   max-width: 530px;
}

#FontCaseContent {
margin:15px 20px 20px;
}

#FontCaseContent p {
   margin-left: 0px;
   margin-right: 0px;
   max-width: 580px;
   
}

td.infoname h3.product_name {
	margin: 0;
	padding: 0;
	
}

#fcIconholder {
	float: right; 
	width: 163px; 
	padding: 0px 0px 10px 0px;
}

#fcIconholder img{
float: left;
margin-left: 8px;
}

#fcInfo {
	display: block;
	font-size: .8em;
}

#optImage{
	max-width: 530px;
}

div.spacer {
	height: 5px;
	display: block;
	width: 100%;
	clear: both;
}

a.fcEditLnk {
	color: #666666;
	font-size: 0.6em;
	line-height: 0;
	margin-left: 0px;
}

a.fcEditLnk:hover {
	color: #CC0000;
}

ul.fontCasesList li.otlink, ul.fontCasesList liotnote {display: block; margin-top: -4px;}

.otnote { margin-bottom: 20px; }

.otlink img { opacity: .6; }

.grey {
	color: #333;
	display: block;
	padding-bottom: 6px;
	padding-top: 3px;
}

ul.fontCasesList > li.formatText {
	line-height: 15px;
	font-size: 10px;
	color: #888;
}