/* font home elements */
#fontshome {
}
.area1 {
	background: #e8e6e2;
}
.area2 {
	background: #c2baaf;
}
.area3 {
	background: #d6d0c9;
}
.area4 {
	background: #cdc6bd;
}
.area5 {
	background: #c2baaf;
}
#collectiontabs {
}
#collectiontabs ul {
	padding: 0; margin: 0 0 0 4px;
	list-style: none;
}
#collectiontabs li {
	padding: 20px 0; margin: 0 2px 0 0;
	float: left;
}
#collectiontabs li a {
	color: #c2baaf;
}

/* font page elements */
#fontname {
	float: left;
	margin: 0 0 3px 0;
}
#styleslink {
	margin: 46px 1px 0 0;
	text-align:right;
}
#fontnav {
	clear:both;
	margin-bottom: 18px;
	border-top:1px solid #d8d5d2;
	border-bottom:1px solid #d8d5d2;
}
#fontnav ul {
	padding: 0; margin: 0;
	list-style: none;
	height: 21px;
}
#fontnav li {
	padding: 2px 8px; margin: 0;
	float: left;
}
#fontnav span {
	color: #FFF;
}
#fontstage {
	clear:both;
}
#fontstagetext {
	border-top:1px solid #d3cabb;
	border-bottom:1px solid #d3cabb;
	margin: 0 0 25px 0;
}
.slidenav {
	margin-right: 6px;
}
#fontstagenav {
	font-family: Verdana,sans-serif;
	font-weight: Bold;
	color:#dcd6ca;
	text-align:right;
}

/* Font content */

#fontstyles {
	clear:both;
	float:left;
	width: 480px;
	margin-bottom:10px;
}

#fontstyles a {
	display: block;
	margin: 0 0 10px 0;
	line-height: 5px;
}
#fontstyles a img {
	margin: 0 0 1px 0;
}

.style_caption {
	color: #808080;
	font-size: 9px;
}

#fontcontent .annotation {
	font-size: 9px;
	line-height: 13px;
}

#fontcontent {
	clear:both;
	float:left;
	width: 480px;
	margin-bottom:10px;
}
#fontcontent a {
	border-bottom: 1px #bbb dotted;
	color: #888;
}
#fontcontent .nodots {
	border: none;
}
#fontcontent a:hover {
	color: #66f;
}
#fontcontent img {
	margin: 0 0 0 8px;
	}
#fontcontent p {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 9px 8px;
	}
#fontcontent .subhead {
	font-family: Georgia,Verdana,Lucida Grande,Lucida Sans;
	font-weight: Bold;
	font-size: 15px;
	line-height: 19px;
	}
#fontcontent .overview_intro {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 8px;
	}
#fontcontent .style_caption {
	color: #808080;
	margin: -4px 0px 5px 8px;
	font-size: 9px;
	}

#fontcontent .feature_intro {
	/* Main headline on feature pages*/
	font-family: Georgia,Verdana,Lucida Grande,Lucida Sans;
	font-weight: Bold;
	font-size: 15px;
	line-height: 19px;
	padding: 12px 0 0 0;
	}
#fontcontent .smallsubhead {
	/* Subhead headline on feature pages*/
	font-weight: Bold;
	font-size: 13px;
	margin: 0 0 6px 8px;
	}
#fontcontent .whatsinsidesmallsubhead {
	/* Subhead headline on what's inside pages*/
	font-weight: Bold;
	font-size: 13px;
	margin: 40px 0 6px 8px;
	border-top:1px solid #d8d5d2;
	padding: 10px 0px 6px 0px;
	}
#fontcontent .overviewsmallsubhead {
	/* Subhead headline on feature pages*/
	font-weight: Bold;
	font-size: 13px;
	margin: 15px 0 6px 8px;
	}
#fontcontent .featureimage {
	padding: 27px 0px 17px 0px;
	}
#fontcontent .featureimage-first {
	padding: 22px 0px 17px 0px;
	}
#fontcontent .featureimage-firstplusheader {
	padding: 12px 0px 17px 0px;
	}

/* features Sidebar */
.feature_name {
	margin-left: 16px;
	font-size: 10px;
	font-weight: Bold;
}
.feature_text {
	font-size: 10px;
	line-height: 14px;
}
.feature_text_history {
	line-height: 12px;
	font-size: 75%;
	color: #707070;
}
.feature_notes {
	display: block;
	font-size: 75%;
	margin-top: 5px;
}
.fontpackage .feature_notes {
	color: #B0B0B0;
}
.fontpackage_selected .feature_notes, .fontpackage_firsttime .feature_notes {
	color: #707070;
}
.fontpackage a:hover>.feature_notes, .fontpackage_firsttime a:hover>.feature_notes {
	color: #707070;
}

/* special offers */
.specialoffer {
	height: 48px;
	margin-bottom: 20px;
	background: url(../images/fonts/special_offer_bug.gif) no-repeat;
	}
.specialoffer p {
	font-size: 11px;
	line-height: 15px;
	color: #557c28;
	margin-left: 58px;
	padding-top: 4px;
	}

.specialoffer p a {
	color: #557c28;
	border-bottom: 1px #aaa dotted;
	}

.specialoffer p a:hover {
	color: #66f;
	}
.specialoffer .discountcpu {
	font-size: 9px;
	line-height: 11px;
	color: #557c28;
	padding-top: 2px;
	margin-left: 58px;
}


/* Styles Sidebar */
#fontsidebar {
	margin-bottom:10px;
	float:right;
	width: 250px;
}
#fontsidebar form table {
	background: url(../images/fonts/variant-selector-cartouche.gif) no-repeat right;
	color: #423A2f;
	font-size: 9px;
	margin-bottom: 2px;
}
#fontsidebar form table select {
	margin: 3px 0 4px 0;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	border: none;
}
.fontsidebar_select {
	width: 131px;
}


#fontsidebar_features img, #fontsidebar_packages img, #fontsidebar_related img {
	margin-bottom: 3px;
}
#fontsidebar_features a, #fontsidebar_packages a, #fontsidebar_related a {
	display: block;
	padding: 8px 14px 7px 12px;
}
#fontsidebar_features div, #fontsidebar_packages div, #fontsidebar_related div {
	margin-bottom: 3px;
}
.fontpackage a, .bestvalue a  {
	background: #FCFCFC url(../images/fonts/modal-item-off.gif) no-repeat;
	border: 1px solid #F6F6F6;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #B0B0B0;
}
.bestvalue a {
	background: #FCFCFC url(../images/fonts/modal-offer-off.gif) no-repeat;
}
.fontpackage_firsttime a {
	background: #F3F1ED url(../images/fonts/nonmodal-item.gif) no-repeat;
	border: 1px solid #F3F1ED;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #000;
	}
.fontpackage a:hover {
	background: #F3F1ED url(../images/fonts/modal-item-off_hover.gif) no-repeat;
	border: 1px solid #F3F1ED;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #D0D0D0;
	color: #000;
}
.bestvalue a:hover {
	background: #C1EFA3 url(../images/fonts/modal-offer-off_hover.gif) no-repeat;
	border: 1px solid #C1EFA3;
	border-top: 1px solid #B1E291;
	border-bottom: 1px solid #B1E291;
	color: #000;
}
.bestvalue a:hover .package_name {
	color: #000;
}
.fontpackage_firsttime a:hover {
	background: #E8E6E2 url(../images/fonts/nonmodal-item_hover.gif) no-repeat;
	border: 1px solid #E8E6E2;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #D0D0D0;
	}
.fontpackage_selected a {
	background: #C0C0C0 url(../images/fonts/modal-item-on.gif) no-repeat;
	border: 1px solid #C0C0C0;
	border-top: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	color: #000;
}
.bestvalue_selected a {
	background: #B1E291 url(../images/fonts/modal-offer-on.gif) no-repeat;
	border: 1px solid #B1E291;
	border-top: 1px solid #90D371;
	border-bottom: 1px solid #90D371;
	color: #000;
}
.showbutton {
	display: block;
	padding-top: 4px;
	height: 21px;
}
.fontpackage_selected .showbutton {
	background: url(../images/fonts/modal-item-cart.gif) no-repeat right;
}
.fontpackage_selected a:hover>.showbutton {
	background: url(../images/fonts/modal-item-cart_hover.gif) no-repeat right;
}
.bestvalue_selected .showbutton {
	background: url(../images/fonts/modal-offer-cart.gif) no-repeat right;
}
.bestvalue_selected a:hover>.showbutton {
	background: url(../images/fonts/modal-offer-cart_hover.gif) no-repeat right;
}
.package_name {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-left: 16px;
}
.package_shortdesc {
	display: inline;
	line-height: 12px;
	font-size: 9px;
	color: #707070;
}
.bestvalue .package_name, .bvtext {
	color:#557C28;
}
.package_desc {
	display: block;
	font-size: 9px;
	line-height: 12px;
	margin-top: 4px;
}
.package_old_price {
	float: left;
	font-weight: bold;
	font-size: 10px;
	color: #C0C0C0;
	text-decoration: line-through;
	/*margin-top: 6px;  6 for non modal 2 seems to work for other needs testing */
	padding-right: 5px;
}
.package_subdesc {
	display: block;
	height: 38px;
}
.fontpackage_selected .package_old_price {
	color: #c1efa3;
}
.bestvalue a:hover>.package_old_price {
	color: #777;
}
.package_price {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-top: 6px;
}
.no_cpu {
	padding-top: 3px;
}
.fontpackage_firsttime .package_price, .bestvalue .package_name, .bvtext, .bestvalue_selected .package_price, .fontpackage_selected .package_price, .fontpackage a:hover>.package_price, .bestvalue a:hover>.package_price  {
	color: #557C28;
}
.bestvalue .package_price {
	color: #74a25c;
}
.package_cpu {
	font-size: 9px;
	color: #C0C0C0;
}
.fontpackage_firsttime .package_cpu, .fontpackage_selected .package_cpu, .fontpackage a:hover>span .package_cpu {
	color: #736E65;
}
.bestvalue_selected .package_cpu, .bestvalue a:hover>span .package_cpu  {
	color: #81896f;
}


/* ie hacks for sidebars */
#fontsidebar_packages, #fontsidebar_features, #fontsidebar_related, .specialoffer, #fontsidebar form {
	margin-bottom: 20px;
}

/* H&FJ Suggests */
#fontsuggests, #fontsuggests-inline {
	clear:both;
	padding: 19px 0 0 8px;
	border-top: 1px #e6e3dd solid;
	font-size: 11px;
	line-height: 15px;
}
#suggestionfield {
	/*overflow:auto;*/
}
#fontsuggests img, #fontsuggests-inline img {
	margin-bottom: 11px;
}
.suggestionitem {
	float: left;
	width: 167px;
}
#fontsuggests-inline .suggestionitem {
	float: left;
	width: 138px;
}
#fontsuggests-inline span, #fontsuggests-inline strong {
	margin-left: 8px;
}
.suggestionitem a, #fontcontent .suggestionitem a {
	color: #000;
	border: none;
}
.suggestionitem a strong {
	display: block;
	font-weight: bold;
}
.suggestionitem a:hover strong {
}
.suggestionitem span {
	display: block;
	padding-top: 4px;
	font-size: 10px;
	line-height: 14px;
}
#suggestion_one, #suggestion_two {
	margin: 0 25px 16px 0;
}
#fontsuggests-inline #suggestion_one, #fontsuggests-inline #suggestion_two {
	margin: 0 17px 16px 0;
}
#suggestion_three {
	margin: 0 24px 16px 0;
}

#fontsuggests-vertical {
	padding: 29px 0 0px 0;
	margin: 23px 0px 0px 0px;
	border-top: 1px #e6e3dd solid;
	font-size: 11px;
	line-height: 15px;
}
#fontsuggests-vertical .suggestionitem {
	padding: 8px 0px 2px 0px;
	height: 52px;
	float: none;
	width: auto;
}
#fontsuggests-vertical div {
	margin: 10px 0 19px 0;
}
#fontsuggests-vertical div img {
	float: left;
}
#fontsuggests-vertical .suggestionitem a strong, #fontsuggests-vertical .suggestionitem a span {
	margin-left: 193px;
}
#fontsuggests-vertical .suggestionitem a:hover  {
	color: #000;
}



/* SIDEBAR FIXES */
/* first items */
.nonmodal-item a {
	background: #F3F1ED url(../images/fonts/nonmodal-item.gif) no-repeat;
	border: 1px solid #F3F1ED;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #000;
}
.nonmodal-item a:hover {
	background: #E8E6E2 url(../images/fonts/nonmodal-item_hover.gif) no-repeat;
	border: 1px solid #E8E6E2;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #D0D0D0;
}

.nonmodal-offer a {
	background: #C1EFA3 url(../images/fonts/nonmodal-offer.gif) no-repeat;
	border: 1px solid #C1EFA3;
	border-top: 1px solid #90D371;
	border-bottom: 1px solid #B1E291;
	color: #000;
}
.nonmodal-offer a:hover {
	background: #B1E291 url(../images/fonts/nonmodal-offer_hover.gif) no-repeat;
	border: 1px solid #B1E291;
	border-top: 1px solid #90D371;
	border-bottom: 1px solid #90D371;
	color: #000;
}


/* selected items */
.modal-item-on a {
	background: #C0C0C0 url(../images/fonts/modal-item-on.gif) no-repeat;
	border: 1px solid #C0C0C0;
	border-top: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	color: #000;
}

.modal-offer-on a {
	background: #B1E291 url(../images/fonts/modal-offer-on.gif) no-repeat;
	border: 1px solid #B1E291;
	border-top: 1px solid #90D371;
	border-bottom: 1px solid #90D371;
	color: #000;
}


/* not selected items */
.modal-item-off a {
	background: #FCFCFC url(../images/fonts/modal-item-off.gif) no-repeat;
	border: 1px solid #F6F6F6;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #B0B0B0;
	color: #A0A0A0;
}
.modal-item-off a:hover {
	background: #F3F1ED url(../images/fonts/modal-item-off_hover.gif) no-repeat;
	border: 1px solid #F3F1ED;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #D0D0D0;
	color: #000;
}

.modal-offer-off a {
	background: #FCFCFC url(../images/fonts/modal-offer-off.gif) no-repeat;
	border: 1px solid #F6F6F6;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #E8E6E2;
	color: #B0B0B0;
	color: #557C28;
}
.modal-offer-off a:hover {
	background: #C1EFA3 url(../images/fonts/modal-offer-off_hover.gif) no-repeat;
	border: 1px solid #C1EFA3;
	border-top: 1px solid #B1E291;
	border-bottom: 1px solid #B1E291;
	color: #000;
}


/* Package Title */
.package_name {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-left: 16px;
	}
.nonmodal-item a .package_name,
.nonmodal-offer a .package_name {
	color: #000;
	}


/* Best Value or Special Offer */
.bvtext {
	color: #557C28;
}
.modal-offer-on a .bvtext {
	color: #c1efa3;
	color: #557C28;
}


/* Package Contents */
.package_desc{
	font-size: 9px;
	line-height: 12px;
	margin-top: 4px;
	color: #000;
}
.modal-item-off a .package_desc,
.modal-offer-off a .package_desc{
	color: #C0C0C0;
}
.modal-item-off a:hover .package_desc,
.modal-offer-off a:hover .package_desc {
	color: #000;
}


/* Old Price */
.package_old_price {
	font-weight: bold;
	text-decoration: line-through;
	color: #777;
}
.modal-item-off a .package_old_price,
.modal-offer-off a .package_old_price {
	color: #C0C0C0;
}
.modal-item-off a:hover .package_old_price,
.modal-offer-off a:hover .package_old_price {
	color: #777;
}


/* New Price */
.package_price{
	font-weight: bold;
	color: #557C28;
}
.modal-item-off a .package_price {
	color: #C0C0C0;
}
.modal-offer-off a .package_price {
	color: #6A9B50;
}
.modal-offer-off a:hover .package_price,
.modal-item-off a:hover .package_price {
	color: #557C28;
}


/*  B U T T O N S  */
.showbutton {
	display: block;
	padding-top: 4px;
	height: 21px;
}
/*.nonmodal-item a .showbutton {
	background: url(../images/fonts/nonmodal-item-show.gif) no-repeat right;
}
.nonmodal-item a:hover .showbutton {
	background: url(../images/fonts/nonmodal-item-show_hover.gif) no-repeat right;
}
.nonmodal-offer a .showbutton {
	background: url(../images/fonts/nonmodal-offer-show.gif) no-repeat right;
}
.nonmodal-offer a:hover .showbutton {
	background: url(../images/fonts/nonmodal-offer-show_hover.gif) no-repeat right;
}*/
.modal-item-on a .showbutton {
	background: url(../images/fonts/modal-item-cart.gif) no-repeat right;
}
.modal-item-on a:hover .showbutton {
	background: url(../images/fonts/modal-item-cart_hover.gif) no-repeat right;
}
.modal-offer-on a .showbutton {
	background: url(../images/fonts/modal-offer-cart.gif) no-repeat right;
}
.modal-offer-on a:hover .showbutton {
	background: url(../images/fonts/modal-offer-cart_hover.gif) no-repeat right;
}
/*.modal-item-off a .showbutton {
	background: url(../images/fonts/nonmodal-item-show.gif) no-repeat right;
}
.modal-item-off a:hover .showbutton {
	background: url(../images/fonts/nonmodal-item-show_hover.gif) no-repeat right;
}
.modal-offer-off a .showbutton {
	background: url(../images/fonts/nonmodal-item-show.gif) no-repeat right;
}
.modal-offer-off a:hover .showbutton {
	background: url(../images/fonts/nonmodal-offer-show.gif) no-repeat right;
}*/

/* cart indicator */
.in-cart {
display:block;
margin-top:6px;
padding-top:1px;
	color: #736E65;
	font-size: 11px;
	font-weight: bold;
}
.modal-item-on a .in-cart, .modal-offer-on a .in-cart {
	color:#cd1a3a;
}


/* CPU info */
.package_cpu {
	font-size: 9px;
	color: #736E65;
}
.modal-item-off a .package_cpu,
.modal-offer-off a .package_cpu {
	color: #C0C0C0;
}
.modal-item-off a:hover .package_cpu,
.modal-offer-off a:hover .package_cpu {
	color: #736E65;
}


/* FONTS index page */
#homemain {
	margin-left: 250px;
	padding-left: 19px;
	border-left: 1px solid #D8D5D2;
}
/* Hides from IE-mac \*/
* html #homemain  {
	margin-left: 249px;
	padding-left: 17px;
	border-left: 1px solid #D8D5D2;
}
/* End hide from IE-mac */
#latest-headline {
	margin-bottom: 20px;
	border-bottom: 1px solid #D8D5D2;
}
.majorfeature {
display: block;
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	font-size: 11px;
	line-height: 15px;
	margin: 8px 0 24px 0;
	color: #000;
	}
#proceedtocheckout {
text-align:right;
margin-bottom: 50px;
}
#fontsidebar_packages + #proceedtocheckout img {
margin-top: 27px;
}



/* Added by Jonathan, 2007 06 29 */


#expertinfo {
	padding: 12px 0px 0px 0px;
	margin: 30px 0px -11px 0px;
	border-top: 1px #e6e3dd solid;
	font-size: 11px;
	line-height: 15px;
	}

.askhfj-topic {
	height: 22px;
	padding-top: 1px;
	text-indent: 28px;
	background: url(../images/fonts/ask-hfj-link.gif) no-repeat top left;
	}


/* Added by Jonathan, 2007 07 24 - for Knockout */

.illustrationchart-grid {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	width: 100%;
	font-size: 11px;
	line-height: 15px;
	vertical-align: text-top;
	text-align: left;
	padding: 6px 0px 10px 0px;
	margin: 20px 0px 20px 0px;
	background: #fff;
	border: 1px red;
	}

.illustrationchart-col1 {
	width: 234px;
	padding: 0px 0px 36px 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	}

.illustrationchart-col2 {
	width: auto;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	}

.bullet-header {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	margin: 24px 0px 4px 0px;
	color: #000000;
	}
	

/* Added by Jonathan, 2008 03 28 - for Documentation */

#fontcontent .docs-smallsubhead {
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 15px 8px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-1 {
	background: url(../images/general/index-01.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-2 {
	background: url(../images/general/index-02.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-3 {
	background: url(../images/general/index-03.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-4 {
	background: url(../images/general/index-04.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-5 {
	background: url(../images/general/index-05.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-6 {
	background: url(../images/general/index-06.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-7 {
	background: url(../images/general/index-07.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-8 {
	background: url(../images/general/index-08.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-9 {
	background: url(../images/general/index-09.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

#fontcontent .docs-smallsubhead-10 {
	background: url(../images/general/index-10.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 36px 0 6px -19px;
	padding: 0px 0px 3px 26px;
	color: #000000;
	}

.docs-grid {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	width: 472px;
	font-size: 11px;
	line-height: 15px;
	vertical-align: text-top;
	text-align: left;
	padding: 6px 0px 0px 0px;
	margin: 20px 0px 20px 8px;
	background: #fcfcfc;
	border-top: #e8e6e2 1px solid;
	border-bottom: #e8e6e2 1px solid;
	}
	
.docs-row1 {
	background: #F3F1ED;
	}

.docs-row2 {
	background: #fcfcfc;
	}

.docs-separator {
	background: #fcfcfc;
	}

.docs-column-header {
	padding: 12px 0px 2px 6px;
	margin: 0px;
	vertical-align: text-top;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}

.docs-category {
	width: 125px;
	padding: 4px 0px 6px 10px;
	margin: 0px;
	vertical-align: text-top;
	text-align: left;
	font-size: 10px;
	}

.docs-category-short {
	width: 25px;
	padding: 4px 0px 6px 10px;
	margin: 0px;
	vertical-align: text-top;
	text-align: left;
	font-size: 10px;
	}
	
.docs-category-medium {
	width: 50px;
	padding: 4px 0px 6px 10px;
	margin: 0px;
	vertical-align: text-top;
	text-align: left;
	font-size: 10px;
	}

.docs-data {
	padding: 4px 4px 6px 6px;
	margin: 0px; 
	vertical-align: text-top;
	text-align: left;
	font-size: 9px;
	line-height: 13px;
	}

.docs-data img {
	padding: 6px 8px 10px 0px;
	position: relative;
	left: -8px;
	/*float: left;*/
	/* border: 1px solid black; */
}






.back-to-top {
	font-weight: Bold;
	color: #000;
	display: block;
	float: right;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	}

#fontcontent .back-to-top a {
	font-weight: Bold;
	color: #000;
	display: block;
	text-align:left;
	background: transparent url(../images/fonts/up-arrow.gif) no-repeat;
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	border-top: none;
	border-bottom: none;
	text-decoration: none;
	font-size: 10px;
	line-height: 21px;
	padding: 2px 0px 3px 25px;
	margin: 0px;
	}

#fontcontent .back-to-top a strong {
	font-weight: Bold;
	color: #000;
	}

#fontcontent .back-to-top a:hover strong {
	font-weight: Bold;
	color: #000;
	}

#fontcontent .back-to-top a:hover {
	background: transparent url(../images/fonts/up-arrow-hover.gif) no-repeat;
	}








.docs-badnews {
	padding: 4px 0px 6px 6px;
	margin: 0px;
	vertical-align: text-top;
	text-align: left;
	font-size: 9px;
	line-height: 13px;
	color: #888;
	}

.docs-footnote, .docs-footnote a {
	font-size: 80%;
	font-weight: Bold;
	line-height: 0px;
	margin: 0px 1px 0px 1px;
	color: #888;
	text-decoration: none;
	border-bottom: none;
	}

.docs-footnote a:hover {
	color: #66f;
	}

#footnotes {
	padding: 12px 0px 12px 0px;
	margin: 50px 0px 0px 0px;
	border-top: 1px #e6e3dd solid;
	}

#footnotes p {
	text-indent: -1.3em;
	font-size: 9px;
	line-height: 12px;
	margin: 0px 0px 4px 1.3em;
	padding: 0px 0px 0px 8px;
	color: #707070;
	}

#footnotes p a {
	color: #707070;
	}

.docs-toc {
	width: 472px;
	display: block;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 10px 8px;
	text-decoration: none;
	border-bottom: 1px solid #E8E6E2;
	}

#fontcontent .docs-toc a {
	display: block;
	background: #FFF url(../images/fonts/internal-toc.gif) no-repeat;
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	border-top: 1px solid #E8E6E2;
	border-bottom: 1px solid #fcfcfc;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	line-height: 21px;
	padding: 2px 0px 3px 25px;
	margin: 0px 0px 0px 0px;
	}

#fontcontent .docs-toc a strong {
	color: #000;
	}

#fontcontent .docs-toc a:hover strong {
	color: #000;
	}

#fontcontent .docs-toc a:hover {
	display: block;
	background: #F3F1ED url(../images/fonts/internal-toc_hover.gif) no-repeat;
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #fcfcfc;
	color: #707070;
	text-decoration: none;
	font-size: 10px;
	line-height: 21px;
	padding: 2px 0px 3px 25px;
	margin: 0px 0px 0px 0px;
	}


.docs-commentline {
	display: block;
	font-size: 9px;
	line-height: 12px;
	padding: 2px 0px 0px 0px;
	margin: 0px;
	color: #888;
	}


	/* check this section */
	
.docs-comment {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	font-size: 9px;
	line-height: 12px;
	margin: 2px 0px 2px 0px;
	padding: 0px;
	color: #707070;
	}

.docs-comments, .docs-comments a {
	font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
	font-size: 9px;
	line-height: 11px;
	margin: 0px 0px 7px 0px;
	color: #888;
	}

.docs-comments a {
	text-decoration: none;
	border-bottom: 1px #707070 dotted;
	}


/* Added by Jonathan, 2010 01 05 */

#fontcontent .imagecaption {
	color: #707070;
	font-size: 10px;
	line-height: 15px;
	margin: 0 0 16px 8px;
	}
}

a.tooltip {
    position: relative;
    z-index: 24;
    color:#000;
    text-decoration:none;
	}

a.tooltip:hover {
	z-index: 25;
	color: #66f;
	}

a.tooltip span {
	display: none;
	}

a.tooltip:hover span {
	z-index: 100;
	opacity: .90; -moz-opacity:.90;
    display: block;
    position: absolute;
	padding: 16px;
	margin: 10px 35px 0 35px;
	font-size: 9px;
	line-height: 14px;
	width: 250px;
    background-color:#322c23;
	color:#fff;
    text-align: left;
	}



/* Added by Jonathan, 2010 01 07 */
/* Edited by Brian, 2010 01 26 */
#fontcontent .rightcolumn {
float: right;
position: relative;
height: 0;
right: -262px;
width: 250px;
font-size: 10px;
line-height: 15px;
/* margin: 0 0 16px 8px; */
margin: 0;
}
#fontcontent .rightcolumn a {
border-bottom: none;
}
#fontcontent .rightcolumn .imagecaption {
color: #707070;
display: block;
padding: 12px 0 0 0;
}
#fontcontent .featureimage a {
border-bottom: none;
}
#fontcontent .image_sequence {
margin: 0 0 0 8px;
}
#fontcontent .image_sequence img {
margin: 0;
}