/** MATRIX **/
.sampler-matrix > a { position:relative; background-color:#ffffff; background-repeat:no-repeat }
.sampler-matrix img { display:block; margin-bottom:15px }
.sampler-hover img { display:block; margin-bottom:15px }

.sampler-matrix-3-img{
	margin: 0 10px;
	overflow: hidden;
}

.sampler-matrix-3-hide img{
	margin: 15px auto;
}

.sampler-matrix img { margin-bottom:0px }
.sampler-hover img { margin-bottom:0px }
.sampler-matrix-3xn { width:708px }
.sampler-matrix-3-hide a,
.sampler-matrix-3xn a {
	float:left; width:235px; height:63px; margin:0px 1px 1px 0px;
	background-position:center center;
}
.sampler-matrix-3-hide a{
	overflow:hidden;
}

.sampler-matrix-3-hide a:first-child{ width:236px;}

.sampler-matrix-3-hide { width:709px; height:63px; }
.sampler-matrix-3-hide .prettyTitle,
.sampler-matrix-3xn .prettyTitle,
.catalog-font-select .prettyTitle,
.catalog-features .prettyTitle,
.fontsetfeatures .prettyTitle,
.languagesupport .prettyTitle{
	position:relative; float:left; height:26px; overflow:hidden;														
	background:url(images/content/catalog/arrow-down-black-only.png) center bottom no-repeat;
	display:none;
	z-index: 10;
}

.sampler-matrix-3-hide .prettyTitle span,
.sampler-matrix-3xn .prettyTitle span,
.catalog-font-select .prettyTitle span,
.catalog-features .prettyTitle span,
.fontsetfeatures .prettyTitle span,
.languagesupport .prettyTitle span{
	display:block; height:20px; padding:0px 5px; background:#000;
	font:10px/20px FrutigerNeue,Helvetica,Arial,sans-serif; color:#fff; overflow:visible;
}

.identifierHistory {
    position: relative;
}

.identifierHistory .prettyTitle {
    position: absolute;
    float: left;
    height: 160px;
    overflow: hidden;
    background:url(images/content/catalog/arrow-down-black-only.png) center bottom no-repeat;
    display: none;
    z-index: 10;
}

.identifierHistory .prettyTitle span {
    display: block;
    height: 153px;
    padding: 0px 5px;
    background: #000;
    font: 10px/20px FrutigerNeue,Helvetica,Arial,sans-serif;
    color: #fff;
    overflow: visible;
}


/* waterfall, floating text */
.sampler-matrix-border { width:675px; border:15px solid #e6e6e4; padding:1px; margin: 0 10px 10px 10px; }
.sampler-matrix-border-content { background:#ffffff; padding:15px; min-height: 740px; }
div.sampler-matrix div.waterfall-content { padding-top: 0px; }
/* catalog-product-sample */
.catalog-font-sampler { position:relative; }
.catalog-font-sample { position:relative; z-index:0; background:#ffffff; padding:15px; width:678px }
.catalog-font-sample-3{padding:0; background: none;}
.catalog-font-sample.badge-49{padding:14px 10px 0px 20px; }
.catalog-font-sample .sampler-matrix { float:left }
.catalog-font-sample .badges { float:right }
.catalog-font-sample .badges .badge {
	position:relative; float:left; width:71px; height:69px; margin-left:15px;
	background-repeat:no-repeat; background-position:center center
}

.catalog-f-ribbon { width:688px; margin-bottom: 1px; position:relative; z-index:0; padding:10px; }
.catalog-f-ribbon .badges .badge {
	position:relative; float:left; width:71px; height:69px; margin-left:614px;
	background-repeat:no-repeat; background-position:center center
}

.catalog-f-ribbon-cd {
    width: 708px;
    margin-bottom: 1px;
    position:relative;
    z-index:0;
    background:#e7e6e4;
    padding:0px;
}

.badge .highlighter{
	position:absolute; top:-23px; right:-18px; width:34px; height:34px;
}
.hl-platinum{
	background:url(images/content/highlighter/platinum.png) 0px 0px no-repeat
}
.hl-award{
	background:url(images/content/highlighter/award.png) 0px 0px no-repeat
}
.hl-discount{
	background:url(images/content/highlighter/discount.png) 0px 0px no-repeat
}

.badge .reduced{
	position:absolute; top:-23px; right:-18px; width:34px; height:34px;
	background:url(images/content/highlighter/discount.png) 0px 0px no-repeat
}

.badge-count-1 .sampler-matrix { width:582px; overflow:hidden }
.badge-count-1 .badges { width:86px }
.badge-count-2 .sampler-matrix { width:496px; overflow:hidden }
.badge-count-2 .badges { width:172px }


.catalog-font-sample.badge-49 .badges .badge {
	position:relative; float:left; width:50px; height:50px; margin-left:0px;
}

.badge-49 .sampler-matrix { width:600px; overflow:hidden; min-height: 48px; padding-bottom:10px; }
.badge-49 .badges { width:49px }
.badge-49 .badges img { width:49px;height: 48px; }

.catalog-font-select { /* border-color: #e7e6e4; border-width: 0 1px 1px 0; border-style: solid; */
						position:relative; z-index:1; top:-7px; height: 30px; width:100%; padding: 1px 0 1px 0; }
#search-content .catalog-font-select { height: auto; }
						
.catalog-font-select .selector { float:left; width:30px; height:30px; margin:7px 1px -7px 0px }
.catalog-font-select .selector.active { margin-top:0px; height:37px }
.catalog-font-select .selector.features-more.active { margin-top:7px; height:30px }

.catalog-font-select .selector .image {
	width:30px; height:30px; background-repeat:no-repeat; background-position:center center
}
.catalog-font-select .selector .image.black { display:none }
.catalog-font-select .selector .image.gray { display:block; background-color:#afaaa7 }
.catalog-font-select .selector.neighbor .image.black,
.catalog-font-select .selector.active .image.black { display:block; background-color:#000 }
.catalog-font-select .selector.neighbor .image.gray,
.catalog-font-select .selector.active .image.gray { display:none }
.catalog-font-select .selector .arrow {
	width:30px; height:7px; display:none; 
	background:url(images/content/arrow-up.png) center center no-repeat;
}
.catalog-font-select .selector.active .arrow { display:block }



.catalog-font-sampler-meta-info {
	float:left; margin:10px 10px 0px 0px;
	font:12px FrutigerNeue,Helvetica,Arial,sans-serif;
	color:#888582
}
.catalog-font-sampler-meta-info a{ color:#871414 }
.catalog-font-sampler-meta-info span {
	font:12px FrutigerNeue,Helvetica,Arial,sans-serif
}
.catalog-font-sampler-info {
	width:410px; padding:3px 0px 0px 35px; margin:15px 0px 10px 0px;
	font:italic 12px GenerisSerifComMedium,Georgia,Times,serif;
	color:#888582;
	/*background:url(images/content/catalog/fonts-by-use-teaser-info-icon.png) 0px 0px no-repeat */
}
.catalog-font-sampler-info a{ color:#871414 }
.star-rating-indicator.font-sampler{
	float:right;
	margin:0px 25px 0px 0px;
}
.wishlist {
    height: 16px;
	float:left;
	padding:0px 10px 0px 23px;
	font-size:10px;
	color:#888582;
	text-transform:uppercase;	
	background:url(images/content/wish-compare-icon.png) 0px 1px no-repeat;
    margin-left: 15px;
    margin-top: 10px;
}

.wishlist.remove { background-position: 0 -36px; }
.wishlist.exists { background-position: 0 -36px; }

.exists {
    color: #006600;
}

.remove {
    color: #990000;
}

/*
.wishlist {
	float:right;
	margin:0px 25px 0px 0px;
	padding:0px 0px 0px 20px;
	font:10px/16px FrutigerNeueLight,Helvetica,Arial,sans-serif;
	color:#888582;
	text-transform:uppercase;	
	background:url(images/content/wish-compare-icon.png) 0px 0px no-repeat
}*/

.compare {
	float:left;
	padding:3px 0px 0px 20px;
	font:10px/20px FrutigerNeueLight,Helvetica,Arial,sans-serif;
	color:#888582;
	text-transform: uppercase;	
	background:url(images/content/wish-compare-icon.png) 0px -16px no-repeat
}

.charmap_sample {
    background-color: #fff;
    float:left;
    margin: 10px;
    padding: 8px 0px 0px 8px;
    text-align: right;
    font:10px FrutigerNeueLight,Helvetica,Arial,sans-serif;
}

.charmap_sample img {
	width:50px;
	height:50px;
}

.charmap_sample p {
    width:50px;
    height:50px;
}