.console {
	position: absolute;
	top: 10px;
	left: 10px;
	background: red;
	padding: 10px;
	color: black !important;
	font-family: Arial;
	font-weight: Bold;
	font-size: 20px;
}

body {
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%; /*16px is browser baseline, this makes standard font size 12px*/
	color: #7d7c7c;
	
}
	
/*********** BLUEPRINT CHANGES ***********/


/*hr markup, adapted from blueprint*/
hr{
	background:#dddddd;
	color:#dddddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none;
	height:1px;
	margin:0 0 17px 0;
}
	
hr.intermediate {
	background:#c1c1c1;
	color:#c1c1c1;
}
	
hr.space{
	background:#ffffff;
	color:#ffffff;
}

hr.space2{
	background:#ffffff;
	color:#ffffff;
	margin:0 0 34px 0;
}

hr.space_spec{
	background:#ffffff;
	color:#ffffff;
	margin:0 0 -6px 0;
}

hr.half{
	background:#ffffff;
	color:#ffffff;
	margin:0 0 .73em;
	margin:0 0 9px 0;
}
	
hr.spacetop{
	height:.1em;
	margin:0 0 2.9em 0;
	height:1px;
	margin:0 0 35px 0;}
hr.spacebottom{
	height:.1em;
	margin:2.9em 0 0 0;
	height:1px;
	margin:35px 0 0 0;}
	
.minus7 {
	position: absolute;
	margin-top: -7px;
}

/*border colborder classes from blueprint,adapted*/
div.border{padding-right:19px;margin-right:20px;border-right:1px solid #dddddd;}
div.colborder{padding-right:66px;margin-right:65px;border-right:1px solid #dddddd;}

/*********** CONTENT ***********/

div.content {
	background-color: #ffffff;
	}

div.content .container {
	padding-top: 54px; /*36*/
	border-width: 0 1px;
	}

/*********** TYPE ***********/

p {
	font-family: Georgia, serif;
	font-size: 1.16em;
	line-height: 1.83;
	margin-bottom: 1.5em; /*18*/
}

p.front {
	font-weight: normal;
	font-size: 1.75em;
	line-height: 2;
	margin-bottom: 1px;
}

p.pull {
	font-size: 1.5em;
	line-height: 1.95em; 
	color: #7d7c7c;
	margin-bottom: 20px;
	}
	
#specs-body p.pull {
	font-size: 1.5em;
	line-height: 1.95em; 
	color: #3e3e3e;
	margin-bottom: 20px;
	}

h1, h2, h3, h4, h5 {
	color: #3e3e3e;
	letter-spacing: .02em;
}

h1 { /* Image replacements */
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.16em; 
	line-height: 1.25em;/*15.6px*/
	padding-top: 1px;
}

h2.text {  /* Use for text next to text serif only*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.16em; 
	line-height: 1.25;
	margin-bottom: 0.2em;
}

h3 { /* In use in font pages */
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.09em; /*13*/
	line-height: 1.5; /*18*/
	color: #5a5959;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em; /*12*/
	line-height: 1.5; /*18*/
	padding-bottom: 1px;
	margin-bottom: 0em; /*0*/
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .92em; /*11*/
	line-height: 1.5; /*18*/
	margin-bottom: 0em; /*0*/
}

/*********** Image replacements - for later implementation (if at all) ***********/

h1.charlieTitle {
	text-indent: -1500px;
	background: url(/images/about/title_charlie.png) no-repeat top left;
	height: 209px;
	width: 963px;
	padding-bottom: 6px;
}

/*********** End Image replacements ***********/

a, 
a:link,
a:visited {
	color: #7d7c7c;
	text-decoration: underline;
}

a:hover, a:active {
	color: #3e3e3e;
	text-decoration: underline;
}

a.blue, 
a.blue:link, 
a.blue:visited {
	text-decoration: none;
	color: #0099ff;
}
a.blue:hover, 
a.blue:active {
	color: #41b2fd;
	text-decoration: none;
}

strong {
	color: #3e3e3e;
}

em {
	font-style: italic;
}

.georgia {
	font-family: Georgia, serif;
}

.inuse p {
	font-size: 1em;
	line-height: 1.5; /*18*/
}

p.micro {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5em; /*18*/
	font-size: .92em; /*11*/
		color: #b5b4b4;
}

p.microPDF {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 0;
	padding-top: 3px;
	font-size: .92em; /*11*/
	color: #b5b4b4;
	text-align: center;
}


/*********** SPECIAL ITEMS ***********/
img.arrow {
	height: 18px;
	margin-left: 10px;
	margin-bottom: -4px;
}

img.downloadArrow{
	position: relative;
	top: 1px;
	padding-right: 2px;
}

div.callout {
	font-family: Georgia, serif;
	background: url(/images/css/callout_background.png) no-repeat top left;
	padding: 30px 17px 10px 17px;
	text-align: center;
	margin-top: 18px;
}

div.callout_r {
	font-family: Georgia, serif;
	background: url(/images/css/callout_background_r.png) no-repeat top right;
	padding: 30px 17px 10px 17px;
	text-align: center;
	margin-top: 18px;
}

div.callout_align {
	font-family: Georgia, serif;
	background: url(/images/css/callout_background.png) no-repeat top left;
	padding: 30px 17px 10px 17px;
	text-align: center;
}

div.callout p, 
div.callout_r p, 
div.callout_align p {
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0px;
	font-size: .92em; /*11*/
	line-height: 1.5; /*18*/
}

div.callout_r h5, div.callout h5 {
	color: #3e3e3e;
}

div.box_border {
	position:relative;
	top:-10px;
	font-family: Georgia, serif;
	padding: 36px 17px 12px 17px;
	text-align: center;
	margin-top: 18px;
	border: 1px solid #dddddd;
}

div.box_shadow {
	position:relative;
	top: 10px;
	background: url(/images/css/drop.png) no-repeat bottom right !important;
	width: 100%;
}

.border_bottom {
	padding-bottom: 17px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 18px;
}

.image_border {
	padding: 8px;
	border: 1px solid #dddddd;
}

/*********** Drop Shadow ***********/

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
    /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/images/css/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/images/css/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(/images/css/corner_tr.gif) right top no-repeat;
  }

/*********** Press ***********/

.press p {
	font-family: Georgia, serif;
	font-size: 1em;
	line-height: 1.5; /*18*/
	margin-bottom: 1.5em; /*18*/
}

.press strong {
	font-family: Georgia, serif;
	color: #3e3e3e;
}


/*********** Home - About PTF square ***********/

div.small-feature {
	border: 1px solid white;
	background-color: #f0f0f0;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 0; /* this is the magic that keeps the nasty space from showing up */
}

div.small-feature p {
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 32px;
	font-style: italic;
	padding: 0 26px 4px 26px;
}

div.small-feature h4 {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .02em;
	font-size: 1.16em;
	padding: 26px 0 2px 26px;	
}


/*********** Home - 4 Features ***********/

div.four-feature {
	position: relative;
}

div.four-feature h4 {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .02em;
	font-size: 1.16em;
	padding: 0 1px 0px 1px;
}

div.four-feature p {
	font-size: .92em;
	line-height: 1em;
	color: #5a5959;
	padding: 0 1px 1px 1px;
}

div.four-feature-reveal,
div.four-feature-reveal a,
div.four-feature-reveal a:link,
div.four-feature-reveal a:visited,
div.four-feature-reveal a:active,
div.four-feature-reveal a:hover {
	background: black;
	top: 0;
	left: 0;
	position: absolute;
	width: 174px; /* desired (210) width minus applied padding */
	/* height is set in ptf.js */
	text-decoration: none;
	padding: 18px;
}

div.four-feature-reveal h4 {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .02em;
	font-size: 14px;
	color: #fdfdfd;
	}

div.four-feature-reveal p {
	font-size: 11px;
	line-height: 16px;
	color: #fdfdfd;
}

div.four-feature-reveal h5 {
	font-size: 12px;
	color: #69baff;
	}

/*********** Fonts - Index ***********/

.fontIndex {
	border: 1px solid #dddddd;
	margin-bottom: 40px;
	width: 208px;
}

.fontIndexHover {
	border: 1px solid #3e3e3e;
}

.fontIndex a {
	margin-bottom: 40px;
	width: 208px;
}

.fontIndex a:link,
.fontIndex a:visited,
.fontIndex a:active,
.fontIndex a:hover {
	text-decoration:none;
}

.fontIndex img {
	padding: 14px 14px 0 14px;
}

.fontIndex p {
	padding: 7px 14px 14px 14px;
	margin-bottom: 0;
}

.fontIndex p, .fontIndex b {
	color: #3e3e3e;
	font-size: 1em;
	line-height: 1.35em;
}

.fontIndex b {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.fontIndex span {
	font-family: Helvetica, Arial, sans-serif;
	color: #0099ff;
	font-size:11px;
	font-weight: bold;
}



/*********** WordPress Items ***********/

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.post h5 {
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0.2em;
	letter-spacing: .1em;
	font-size: .9em; /*11*/
}

h2.wpTitle, h2.wpTitle a, 
h2.wpTitle a:link, 
h2.wpTitle a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 17px; 
	line-height: 18px;
	text-decoration: none;
	color: #3e3e3e;
	padding: 3px 0 16px 0;
}

h2.wpTitle a:active, 
h2.wpTitle a:hover {
	color: #000000;
}

h2.sbTitle {
	padding: 0 0 19px 0;
}

h4.wpFeature, 
a h4.wpFeature, 
a:link h4.wpFeature,
a:visited h4.wpFeature {
	padding: 6px 0 18px 0;
	line-height: 15px;
	text-decoration: none;
}

a:hover h4.wpFeature,
a:active h4.wpFeature{
	color: #000000;
	text-decoration: none;
}

h2.wpArchive {
	padding: 18px 0 18px 0;
	border-top: 1px solid #dddddd;
}

div.wpDate h5 {
	font-weight: normal;
	text-transform: uppercase;
	margin-top:6px;
	margin-bottom: 1em;
	padding: 16px 4px 14px 4px;
	font-size: 13px;
	text-align: center;
	background-color: #eaeaeb;
	font-weight: bold;
	line-height: 18px; /*18*/
}

.postmetadata {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .92em; /*11*/
	line-height: 1.5; /*18*/
}

.postmetadata a,
.postmetadata a:link,
.postmetadata a:visited {
	text-decoration: none;
}

p.postmetadata {
padding-top: 8px;
}

.postmetadata a:active,
.postmetadata a:hover {
	color: #3e3e3e;
}

a.continueReading,
a.continueReading:link,
a.continueReading:visited{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5; /*18*/
	font-size: 1em; 
	text-decoration: none;
	color: #0099ff;
}

a.continueReading:active,
a.continueReading:hover {
color: #41b2fd;
}

h2.text a, 
h2.text a:link,
h2.text a:visited{
	text-decoration: none;
	color: #3e3e3e;
}

h2.text a:active,
h2.text a:hover {
	color: #000000;
}

a.stbar.chicklet img {border:0;height:10px;width:10px;margin-right:4px;vertical-align:middle;}

a.chicklet, 
a.chicklet:link,
a.chicklet:visited, 
a.chicklet:active, 
a.chicklet:hover {
	font-size: 11px;
	height:10px;
	line-height:10px; 
	text-decoration:none; 	
	color: #3e3e3e;
}
.wpImg img {
	margin-bottom: 17px;
	margin-top: 6px;
}

div.wpPost p {
	margin-bottom: 13px;
}

div.wpPost ul {
	margin-bottom: 13px;
	list-style-type: none;
	margin-top: 0;
}

div.wpPost ul li.list-top {
		background: none;
		padding-left: 0;
}

div.wpPost ul li {
	font-family: Georgia, serif;
		font-size: 1.16em;
		margin: 0;
		padding-left: 16px;
		line-height: 2em;
		background: url(/images/help/arrow_right.gif) no-repeat top left;
		background-position: 0px 10px; 
}

div.wpPost strong  {
	font-family: Helvetica, Arial, sans-serif;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 100px;
	}


/*********** About Page ***********/

#aboutOverview h2 {
	padding-bottom: 18px;
}	

.bios p {
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 12px;
	color: #7d7c7c;
}

/*********** HELP Page FAQ ***********/

.imgFaq {
	margin-bottom: 5px;
}

.faq img {
	margin-bottom: 9px;
	border: 1px solid #dddddd;
	margin-left: 12px;
}

dl.faq {
	margin-top: -18px;
	padding-top: 2px;
}

.faq dt {
	font-size: 1.16em;
	line-height: 17px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-top: 1px solid #dddddd;
	cursor: pointer;
}

.faq dt p {
	position: static;
	left: 19px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: 17px;
	margin-bottom:0;
	width: 97%;
	padding-left: 20px;
}

.faq dt.faqClosed {
  	background-color: #ffffff  !important;
  	background: url(/images/help/arrow_right.gif) no-repeat center left;
	color:  #7d7c7c !important;
}
.faq dt.faqOpen {
	background: url(/images/help/arrow_down.gif) no-repeat center left;
	color: #3e3e3e !important;
	 border-bottom: 1px solid #dddddd;
	/* background-color:  #f2f2f2;*/
}
.faq dd {
	display: block;
	margin: 0;
	padding: 18px 18px 9px 18px;
	overflow: hidden;
	background-color: #f6f6f6;
}

.faq dd p {
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 9px;
	color: #7d7c7c;
}

.faq dd b {
	font-family: Helvetica, Arial, sans-serif;
	color: #3e3e3e;
	font-size: 12px;
}

.faq li { 
	margin-left: 24px;
	font-family: Georgia, serif;
	font-size: 13px;
}

.faq ul { 
	margin-bottom: 9px;
}

.faq .faqHide, 
.faq .faqShow, 
.faq .faqToTop {
	display:none;
}

/*********** HEADER ***********/

/*------------------------------------------------
||||| CSS_HEADER.php
------------------------------------------------*/


div.header
{
	background: url(/images/css/gradient.png) repeat-x bottom left;
		
	position: relative;
	border-bottom: 1px solid #b2b2b2;
}

/*-----------------------------------
	§ BLACK BAR / LOGIN + CART SUMMARY
-----------------------------------*/

div.cart_summary 
{
	background: #000; 
		font-family: Helvetica, Arial, sans-serif;
	color: #7d7c7c;
	font-size: 10px;
	padding-top: 1px;
	height: 26px;
	letter-spacing: .02em;
	line-height: 0;
}


div.cart_summary .container {
	position: relative;
	margin-top: 4px;
	text-align: right;
	vertical-algin: middle;		
}
	
div.cart_summary span.pipe {
	position: relative;
	top: 1px;	
	margin: 0 10px;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #888;
}

div.cart_summary .container a,
div.cart_summary .container a:link,
div.cart_summary .container a:visited	{
	color: #fff;
	text-decoration: none;
}
	
div.cart_summary .container a:active,
div.cart_summary .container a:hover {
	text-decoration: underline;
}
	
div.cart_summary .container img {
	position: relative;
	top: 2px;
	margin-right: 5px;
}
	
a#loginForget:hover,
a#loginForget:active {
	text-decoration: none;
	color: #dddddd;
}
	
	div#loginBox {
		width: 360px; /* 350px */
		height: 119px;
		background: url(/images/header/loginbox.png);
		z-index: 200;
		position:absolute;
		top: 22px;
		right: 77px;
		font-size: 1.16em;		
	}

		div#loginBox #loginClose {
			border-top: 1px solid #666;
			line-height: 20px;
			background: #2f2f2f;
			height: 20px;
			text-align: right;
			padding-top: 1px;
			padding-right: 7px;
			margin: 0 13px 0 3px;
		}		
			div#loginBox #loginClose span:hover {			
				color: white;
				cursor: pointer;
			}
			
			div#loginBox #loginClose b {
				color: white;
				font-weight:bold;
			}
	
		div#loginBox form {
			line-height: 30px;
			text-align: left;
			padding: 13px 0 0 0;
		}
				
		div#loginBox #loginEmail {
			color: #666;
			width: 160px;			
			font-size: 12px;		
			padding: 6px 8px;
			border: none;
		}
			div#loginBox #loginPassword,
			.colorBlack {
				color: #000;
			}
		
		div#loginBox #loginEmail {
			margin-left: 18px;							
		}
		
		div#loginBox #loginPassword,
		div#loginBox #loginTempPass {	
			margin-left: 5px;
			width: 74px;	
			color: #666;
			font-size: 12px;		
			padding: 6px 8px;
			border: none;
		}
		
		div#loginBox #loginGo,
		div#loginBox #loginPassword,
		div#loginBox #loginTempPass,		
		div#loginBox #loginEmail {
			vertical-align: middle;
		}
		
		div#loginBox #loginGo {
			display: inline-block;
			background: #fdfdfd;
			border: 1px solid #ccc;
			padding: 1px;
			width: 29px;			
			height: 27px;
			margin-left: 6px;
			margin-right: 19px;	
			font-weight: bold;
		}		
		
		div#loginBox #loginForget {
			margin-left: 18px;		
		}
		

/*-----------------------------------
	§ LOGO + MAIN NAVIGATION
-----------------------------------*/

div.header .secondTier {
	position: relative;
	height: 72px;
}

/*. .. .. .. . PTF LOGO . .. .. .. . */

div#headerLogo {
	position: absolute;
	top: 17px;	
	width: 111px;
	height: 92px;
	background: url("/images/header/home_logo.png") no-repeat left top;	
	overflow: visible;	
}

	div#headerLogo a {
		display: block;
		padding-left: 101px;
		margin-top: 13px;
		padding-top: 15px;
		padding-bottom: 15px;		
		padding-right: 5px;
		width: 190px;
	}


/*. .. .. .. . MAIN NAVIGATION . .. .. .. . */

div.main_navigation {
	position: absolute;
	width: 550px;
	right: 0;
	bottom: 0;
}

ul.tab-set {
	position: absolute;
	bottom: -1px;
	right: -25px;
}

ul.tab-set li.tab {
	float: left;
	list-style: none;
	padding: 0 8px 0 8px;	
}

ul.tab-set li.tab a {	
	float: left;
	display: block;
	font-size: 12px; /*won't effect baseline, can specify directly*/
	letter-spacing: .02em;
	text-decoration: none;
	color: #7d7c7c;
}

ul.tab-set li.tab a:link,
ul.tab-set li.tab a:active,
ul.tab-set li.tab a:visited,
ul.tab-set li.tab a:hover {
	font-weight: bold;
}

/* Top padding in this element controls menu item placement*/

ul.tab-set li.tab a {
	height: 29px;
	padding: 5px 15px 0px 15px;
}

ul.tab-set li.active a {
	color: #000000;
}

ul.tab-set li.active a:hover,
ul.tab-set li a:hover {
	color: #000000;
	text-decoration: none !important;	
}


ul.tab-set li.tab.active,
ul.tab-set li.tab.sortaActive {	
	background: url(/images/header/main_menu_select.png) no-repeat center bottom;
}

/*. .. .. .. . MAIN NAVIGATION : FONT SUBMENU . .. .. .. . */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
The font submenu can expand vertically to accomdate variable content,
with the height limit being roughly the height of the original image.
The width is fixed to the original width of the image.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


div#fontSubmenu
{
	position: absolute;
	z-index: 1000;
	top: 34px;
	left: -242px; /* !!! This determines the horizontal position relative to the menu item "FONT" */
	width: 559px; /* !!! THIS SHOULD BE THE SAME WIDTH AS THE BACKGROUND IMAGE */
}

div#fontSubmenuFooter
{
	background-image: url(/images/header/fontmenu-shorter.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-width: 0 1px;
	/* !!! the right/bottom/left padding value keep the black bar from running into the drop shadow, if you change the style of the drop shadow this could likely need tweaking */
	padding: 10px 5px 6px 0;  	
}

	div#fontSubmenuFooter span {
		display: block;
		height: 18px;
		background: #000;
		padding: 9px 36px 9px 36px;
	}
	
	div#fontSubmenuFooter span a {
		color: #fff;
		font-weight: bold;
		padding: 0;
		height: 0;
	}
	
	div#fontSubmenuFooter span a img {
		padding-right: 6px;
	}
	
	div#fontSubmenuFooter p {
		text-align: right;
		font-size: 10px;
		font-family: Helvetica, Arial, sans-serif;
	}


div#fontSubmenu ul
{
	position: relative;
	height: 186px;
	background-image: url(/images/header/fontmenu-shorter.png);
	background-position: left;
	background-repeat: no-repeat;	
}

div#fontSubmenu li
{
	position: absolute;
	list-style: none;
	width: 160px;
	height: 26px;	
}

div#fontSubmenu li.item0 { left:36px; top:30px; }
div#fontSubmenu li.item1 { left:36px; top:56px; }
div#fontSubmenu li.item2 { left:36px; top:82px; }
div#fontSubmenu li.item3 { left:36px; top:108px; }
div#fontSubmenu li.item4 { left:36px; top:134px; }
div#fontSubmenu li.item5 { left:36px; top:160px; }
div#fontSubmenu li.item6 { left:216px; top:30px; }
div#fontSubmenu li.item7 { left:216px; top:56px; }
div#fontSubmenu li.item8 { left:216px; top:82px; }
div#fontSubmenu li.item9 { left:216px; top:108px; }
div#fontSubmenu li.item10 { left:216px; top:134px; }
div#fontSubmenu li.item11 { left:216px; top:160px; }
div#fontSubmenu li.item12 { left:376px; top:30px; }
div#fontSubmenu li.item13 { left:376px; top:56px; }
div#fontSubmenu li.item14 { left:376px; top:82px; }
div#fontSubmenu li.item15 { left:376px; top:108px; }
div#fontSubmenu li.item16 { left:376px; top:134px; }
div#fontSubmenu li.item17 { left:376px; top:160px; }
div#fontSubmenu li.item18 { left:526px; top:30px; }
div#fontSubmenu li.item19 { left:526px; top:56px; }
div#fontSubmenu ul li a {
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: .9em;
	text-decoration: none;
	padding: 0;
}

div#fontSubmenu ul li a:link {
	color: #3e3e3e;
	text-decoration: none;
}

div#fontSubmenu ul li a:visited {
	color: #7d7c7c;
}

div#fontSubmenu ul li a:active,
div#fontSubmenu ul li a:hover {
	color: #0099ff;
}

div#fontSubmenu ul li a span {
	color: #b5b4b4;
	font-size:11px;
	font-weight: normal;
}

div#fontSubmenu ul li a span.new {
	color: #0099ff;
	font-size:11px;
	font-weight: bold;
}

/* 
while fading in and out we need to use an 8bit transparency for IE 7+8 because they can't control opacity and transparency simaltaneously — so we'll hold their hand and coax'em through this transition
*/

div.iefix ul,
div.iefix #fontSubmenuFooter {
	background-image: url(/images/header/fontmenu-8bit.png) !important;
}

/*********** DEF LIST ***********/

dl.side {
padding: 20px;
border: 1px solid #dddddd;
width: 166px;
background:url("/images/css/font_specs_back.gif") no-repeat;
background-position: 100% 100%;
}

dl.side dd,
dl.side dt {
	line-height: 1.5em; /*18*/
	margin: 0px;
	font-size: .92em; /*11*/
}

dl.side dt {
	font-weight: bold;
	color:  #7d7c7c;
	color: #666;
}

dl.side dd {
	font-family: Georgia, serif;
}

dl.side dt.line {
	border-top: 1px solid #dddddd;
	margin-top: 9px;
	padding-top: 8px;
}

/*********** BUY BUTTONS ***********/
	
a.button_all, a:hover.button_all{
	background:url("/images/css/button_buy.png") no-repeat;
	display:block;
	height:54px; width:210px;
	text-decoration:none;
	margin-bottom: 18px;
	}

a.button_all h1{
	text-indent: -1500px;
}

div.button_poster button {
	background:url("/images/css/poster_buy_button.png") no-repeat;
	display:block;
	height:54px; width:210px;
	text-decoration:none;
	margin-bottom: 18px;
	border: none;
	cursor: pointer;
	text-indent: -1500px;
	}

div.button_poster .inCart button {
	background:url("/images/css/poster_buy_button_incart.png") no-repeat;
	}
	
div.button_poster button em {
	visibility: hidden;
	}
	
div.button_poster .price {
	display: none;
	}
	
span.button_sold_out_sm {
	color: red;
	font-size: 36px;
	font-weight: bold;
	display: block;
	line-height: inherit;
	margin-bottom: -6px;
	text-align: center;
	}
	
/*********** FOOTER ***********/

div.footer {
	clear: both;
	border-top: 1px solid #b2b2b2;
	margin-top: 36px;
	padding-top: 17px;
	padding-bottom: 36px;
	background-color: #fcfdfc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .75em;
	line-height: 2;
}

div.footer .container {
	position: static;
	padding-top: 0px;	
}

div.footer form {
	padding: 0px;
	margin-top: 10px;	
	border: 2px solid #dddddd;
}

div.footer form input.text {
	width: 161px;
	border: none;
	padding: 3px;
	vertical-align: center;
	background-color: #fff;
}

input.go {
	font-size: 11px;
	cursor: pointer;
	color: black;
	padding: 5px 3px 5px 7px;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #dddddd;
	border:none; 
	margin: 0px;
	float: right;
}

div.copyright span,
div.twitter span,
div.email-list span {
	display: block;
}

div.copyright {
	background: url("/images/css/ptf_logotype.png") no-repeat;
	background-position: 0px 3px;
}

div.copyright span {
	margin-left: 20px;
}


/******* Contact Form *******/

form#contact {
	position: relative;
	padding: 1px;
}

form#contact input,
form#contact textarea,
form#contact select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	border: 1px solid #dddddd;
	background: #fff;
	color: #3e3e3e;
	padding: 4px;
	margin: 0;
	width: 573px; 
	margin-bottom: 10px;
	resize:none;
}

form#contact select {
	width: 583px;
}

form#contact button {
	line-height: 14px;
	padding: 11px 0;
	background: url(/images/css/button_black.png) no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	width : 174px;
	color : #fff;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	border: none;
	float: right;
	position: static;
}


form#contact button:hover {
	cursor: pointer;
}

form#contact input {
	
}

form#contact textarea {
	height: 275px;
}

.textInputFocus {
	background: #f2f2f2 !important;
}

.requiredField {
	background: #000;
	padding: 2px 6px;
	font-size: 14px;
	color: #ccc;
	position: absolute;
	right: 2px;
}

div#contactResult div.message div {
	padding: 20px 0;
	border: 1px solid #ccc;
	background: #f7f7f7;
}

div#contactResult div.message span {
	font-family: Georgia, serif;
	display: block;
	position: absolute;
	left: 0;
}

div#contactResult div.message p {
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	padding-left: 100px;
}

div#contactResult div.message div > *
{
	margin: 0 20px;
}

div#contactResult h4 {
	font-family: "Arial Rounded MT Bold";
	font-size: 1.9em;
	text-align: center;	
	margin-bottom: 1em;
}

div#contactResult a
{
	position: absolute;
}

/*********** Menus ***********/



/*********** MENU - Front page News, Interior Left menus, in 'My Account' ***********/

ul.menu {
	margin: 0px 0px 17px 0px;
}

ul.menu li.menu-item,
ul.menu li.menu-head {
	list-style-type: none;
	text-indent: 6px;
	border: 1px solid #dddddd;
	border-width: 0 0 1px 0;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.3em;/*15.6px*/
	margin:0;
	font-size: 1.16em;
	letter-spacing: .02em;
}

ul.menu li.first {
	border-top: 1px solid #dddddd;
}

ul.news li.menu-head {
	padding-top: 18px;
	width:460px;
	color:  #3e3e3e;
	font-weight: bold;
	padding-bottom: 15px;
	border-top: 1px solid #dddddd;
}

ul.news li.menu-head a,
ul.news li.menu-head a:link,
ul.news li.menu-head a:visited,
ul.news li.menu-head a:active,
ul.news li.menu-head a:hover {
	text-decoration: none;
	color:  #3e3e3e;

}

ul.fonts li.menu-item {
	line-height: 1.3em;/*15.6px*/
	width:210px;
}

ul.myAccount li.menu-item {
	line-height: 1.3em;/*15.6px*/
	width:335px;
}

ul.news li.menu-item a {
	font-family: Georgia, serif;
	line-height: 1.1em;
	color:  #3e3e3e;
}

ul.menu li.menu-item a {
	display:block;
	padding-top: 18px;
	padding-bottom: 17px;
	text-decoration:none;
}

ul.menu li.menu-item a:hover {
	text-decoration: none;
	background-color: #f2f2f2;
	color:  #3e3e3e;
}

ul.menu li.menu-item a.active {
	color:  #3e3e3e;
	font-weight: bold;
	background-color: #f2f2f2;
	text-indent: 12px;
}

ul.menu li.menu-head img.rss { /*rss image*/
	position: relative;
	top: 0;
	margin: 0;
	padding-left: 4px;
}

a.WPnews,
a.WPnews:link,
a.WPnews:visited {
	text-decoration: none;
	color: #7d7c7c;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 1.16em;
	padding-left: 6px;
}

a.WPnews:active,
a.WPnews:hover {
	color: #3e3e3e;
}

/*********** MENU - Individual Font menus ***********/

#fontmenu li {
	display: inline;
	list-style-type: none;
	line-height: 1.25em;
	font-size: 1.16em;
}

#fontmenu li.menu-head {
	position: relative;
	top: 5px;
}

#fontmenu a {
	position: relative; /* for ie */
	text-decoration: none;
	margin: 0 .6em 0 .6em;
	letter-spacing: .02em;
	color: #7d7c7c;
}

#fontmenu li.menu-head a {
	margin: 0 .6em 0 0;
}

#fontmenu li.menu-head a:hover {
	text-decoration: none !important;
	border: none;
	padding-bottom: 0; 
}

#fontmenu li.menu-head a.active {
	border-bottom: 0; 
}

#fontmenu a:hover, #fontmenu a.active {
	text-decoration: none !important;
	border-bottom: 1px solid #c1c1c1; 
	padding-bottom: 4px;
	color: #3e3e3e;
}

/*********** MENU - News, wp-tag cloud ***********/

ul.wp-tag-cloud {
	border-top: 1px solid #dddddd;
	margin: 0px 0px 17px 0px;
}

ul.wp-tag-cloud li {
	list-style-type: none;
	font-size: 1em;/*12px*/
	line-height: 1.5em;/*12px*/
	border-bottom: 1px solid #dddddd;
}

ul.wp-tag-cloud li a, 
ul.wp-tag-cloud li a:link {
	color:  #7d7c7c;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: block;
	padding-top: 9px;
	padding-bottom: 8px;
	text-indent: 4px;
}

ul.wp-tag-cloud li a:visited {
	color:  #b5b4b4;
}

ul.wp-tag-cloud li a:active,
ul.wp-tag-cloud li a:hover {
	color:  #3e3e3e;
	text-decoration: none;
	background-color: #f2f2f2;
}

/*********** FOOTER ***********/

ul.footer-menu {
	margin: 0px;
}

ul.footer-menu li.menu-item,
ul.footer-menu li.menu-head {
	line-height: 2;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: .02em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #7d7c7c;
}

ul.footer-menu li.menu-head {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

ul.footer-menu li.menu-item a {
	text-decoration: none;
	color: #7d7c7c;
}

ul.footer-menu li.menu-item a:hover {
	text-decoration: none;
	color: #3e3e3e;
}
/*********** Fonts / Purchase Options ***********/

.font {
	clear: left;
}

/* --- LEFT COLUMN: complete families / packs / etc --- */

.font h3 {
	width: 83px;
	/*background: #dff1f1;*/
	float: left;
}

/* --- MIDDLE COLUMN - COMBO + No Webfonts --- */

.comboPurchase .font .description,
.nowebPurchase .font .description {
	width: 416px;
	float: left;
}

/* FONT NAME */

.comboPurchase .font .description h4,
.nowebPurchase .font .description h4 {
	font-weight: normal;
	font-size: 1.16em;
	margin-bottom: 5px;
}

/* CONTAINING BOX */

.comboPurchase .font .description div,
.nowebPurchase .font .description div {
	border: 1px solid #ccc;
	line-height: 1em;
	margin: 0 0;
}

/* each sub column is a paragraph */
	
.comboPurchase .font .description div p,
.nowebPurchase .font .description div p {
	float: left;
	height: 40px;
	font-size: 11px !important;
	margin: 10px 0;
	line-height: 22px;
}

.comboPurchase .font .description div p.columns,
.nowebPurchase .font .description div p.columns {
	border-right: 1px solid #ccc;
}


/* --- MIDDLE COLUMN - NON WEB--- */

.font .description {
	width: 577px;
	float: left;
}

/* FONT NAME */

.font .description h4 {
	font-weight: normal;
	font-size: 1.16em;
	margin-bottom: 5px;
}
	.font .description h4 span { font-weight: bold; }

/* CONTAINING BOX */

.font .description div {
	border: 1px solid #ccc;
	line-height: 1em;
	margin: 0 0;
}

/* each sub column is a paragraph */
	
.font .description div p.columns {
	float: left;
	border-right: 1px solid #ccc;
	height: 40px;
	font-size: 11px !important;
	margin: 10px 0;
	line-height: 22px;
}

	.font p.features {
		float: right;
	}
	
	/* FONTS */
	
	.font p.fonts {
		width: 78px;
		text-align: center;
	}
		.font .fonts strong {
			font-size: 22px;
			position: relative;
			top: 4px;
		}			
	
	
	/* STYLES */
	
	.font p.styles {
		width: 279px;
		font-style: italic;	
	}
		.font p.styles span {
			display: block;
			padding: 0 12px 0 15px;
			position: relative;
			top: 3px;
			line-height: 18px;
		}
		
	/* SHOW PACKAGE - Text Link */
	
		.font p.styles span a,
		.font p.styles span a:link,
		.font p.styles span a:visited {
			font-family: Helvetica, Arial, sans-serif;
			font-style: normal;
			font-weight: bold;
			color: #7d7c7c;
			text-decoration:none;
			font-size: 11px;
		}
		
		.font p.styles span a:active,
		.font p.styles span a:hover {
			cursor: pointer;
			color: #3e3e3e;
		}
		
	/* FORMAT */
	
	.font p.format {
		text-align: center;
		width: 108px;
	}
		.font p.format em {
			font-family: Helvetica, Arial, sans-serif;
		}
		
		.font p.format strong {
			font-weight: bold;
			font-size: 14px;
			position: relative;
			top: 3px;
		}		

	/* FEATURES */
	
	.font p.features {
		text-align: center;
		border: none !important;
		width: 106px;
	}
			
		.features span {
			margin: 0 auto;
			display: block;
			background-image: url(/images/fonts/stars2.png);
			width: 64px;
			text-indent: -1000em;
			position: relative;
			top: 2px;
		}

		.features span.star0 { background-position: 0; }		
		.features span.star1 { background-position: -100px; }
		.features span.star2 { background-position: -200px; }	
		.features span.star3 { background-position: -300px; }			
		.features span.star4 { background-position: -400px; }
		.features span.star5 { background-position: -500px; }

	/* PACKAGE */
	
	.font span.package {
		display: block;
		overflow: hidden;
		clear: left;
		line-height: 0;
		height: 0;		
		cursor: pointer;
	}
	
	.font span.package .packageContents {
		margin: 1px 16px 9px 16px;
		border: none;
	}	
	
	.font div.packageContents p {
		border: none;
		float: none;
  		line-height: 18px;
	}
	
	.font div.packageContents p.caption {
  		line-height: 0px;
		padding: 2px 0 6px 0;
		font-size: 10px;
	}
	
	.font div.packageContents p.details {
		line-height: 18px;
		font-size: 10px;
		margin-bottom: 8px;
	}
	
	.comboPurchase .font div.packageContents p.details,
	.nowebPurchase .font div.packageContents p.details {
		line-height:18px;
		height: auto;
		margin-top: 0;
		margin-bottom: 8px;
	}
	
	.font div.packageContents p.details strong {
		display: inline;
		color: #7d7c7c;
		font-size: 10px;
	}
	
	.font div.packageContents strong {
	color: #3e3e3e;
			font-size: 12px;

	}
	
		
	.font div.packageContents hr {
		margin-bottom: 8px;
	}
	
	.font div.packageContents hr.exception {
		margin-bottom: 16px;
	}
	
		
		
/* --- RIGHT COLUMN - WEB ONLY --- */
	
.font .webForm form {
	width: 455px;
	border: 1px solid #ccc;
	float: right;
	margin-top: 27px;
}

	.font .webForm form select.productId {
		text-align: left;
		float: right;
	}
	
	.font form div.cpu_quantity {
		float: left;
		padding: 0 10px 0 0;
		line-height: 17px;
	}
	
	/*  - - - Desktop + webfonts - - - */
	.font form div.web_quantity1 {
		float: right;
		padding: 0 10px 0 10px;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;	
		width: 132px;
		font-family: Georgia, serif;
		font-size: 11px;
		line-height: 17px;
	} 
		
	/*  - - - Webfonts Only - - - */
	.font form div.web_quantity2 {
		padding: 0 53px 0 53px;
		border-right: 1px solid #ccc;
		font-family: Georgia, serif;
		width: 132px;
		font-size: 11px;
		line-height: 17px;
	} 
	
	.font form div.web_quantity1 br,
	.font form div.web_quantity2 br{
		line-height: 0;
		clear: all;
	} 
	
	.font .webForm form .normalPrice	{
		text-align: center;
		margin: 18px auto 0 auto;
		color: black;
		font-size: 19px;
		float: left;
		font-family: Helvetica, Arial, sans-serif;
		width: 120px;
	}
	
	
/* --- RIGHT COLUMN --- */
	
.font form {
	width: 294px;
	border: 1px solid #ccc;
	float: right;
	margin-top: 27px;
}

	.font label {
		font-size: 11px !important;	
		font-family: Georgia, serif;
	}

	.font form .quantityColumn {
		display: block;
		float: left;	
		text-align: center;
		margin: 13px 0 0 8px;
	 }
	
	.font form select {
		text-align: center;
	}

	.font form .normalPrice	{
		text-align: center;
		margin: 18px auto 0 auto;
		color: black;
		font-size: 19px;
		float: left;
		font-family: Helvetica, Arial, sans-serif;
		width: 110px;
	}
	
	.saleDisplayPrice {
		text-align: center;
		float: left;
		margin:9px auto 0 auto;
		font-family: Helvetica, Arial, sans-serif;
		width: 110px;
	}
	
	.saleDisplayPrice .saleDisplayPrice  {
		margin:0 auto 0 auto;	}
		
	.oldPrice {
		text-decoration:line-through;
		font-size: 13px;
		color: #5a5959;
		padding-bottom: -5px;
	}
	
	.newPrice {
		position: relative;
		top: -3px;
		color: #0099ff;
		font-size: 19px;
	}

	
	.font form .purchaseButton {
		overflow: hidden;
		padding:0;
		float: right;
		width: 85px;
		height: 60px;
		background: black;
		background: url(/images/css/button_buy_blk.png) no-repeat;
		font-family: Helvetica, Arial, sans-serif;
		line-height: 0;
	}

	.font form .purchaseButton button {
		line-height: 18px;
		margin-top: 20px;
		text-align: center;
		border: 0;
		background: none;
		display: block;		
		border: 0;
		color: #fff;
		font-size: 16px;					
		width: 85px;
		position: relative;
		font-family: Helvetica, Arial, sans-serif;
		cursor: pointer;
	}
	
	.font form .purchaseButton button:hover {
			cursor: pointer;
		}
	
	.font form .inCart  {
		background: url(/images/css/button_buy_blk_alt.png) no-repeat;
	}
	
	.font form .inCart button {
		margin-top: 13px;
		font-size: 14px;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	.font form .inCart button em {
		font-size: 12px;
		text-decoration: underline;
		font-style: normal;
	}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 
	Discount Tooltip
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#discountTip
{
	top: 58px;
	right: 0;
	position: absolute;
	z-index: 500;	
}

#discountTip .closeTip
{
	display: none;
	position: absolute;
	background: #999;
	top: 20px;
	right: 35px;
	color: white;
	padding: 1px 5px;
}

#discountTip a.tooltipLink
{
	position: relative;
	z-index: 501;
	text-align: center;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
		color: #41b2fd;
	font-weight: bold;
	text-decoration: none;
}

#discountTip #tooltipDiscount
{
	top: -45px;
	right: 20px;
	position: absolute;
	width: 350px;
	height: 460px;
	background-image: url(/images/tips/tooltip-left.png);
}

#discountTip #tooltipDiscount .content
{
	background: none;
	padding: 28px 45px 328px 28px;
	position: relative; /* for ie */
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 
	GENERICish Classes
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.font strong {
	font-style: normal;
	color: inherit;	
	font-family: Helvetica, Arial, sans-serif;
	display: block;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 
	Purchase Options SubMenu
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#po-menu {
	margin-top: -36px;
}

#po-menu h3 {
	float: left;
	padding: 10px 18px 8px 18px;
	border: 1px solid #b5b4b4;
	margin-bottom: 16px;
}

	#po-menu h3.item1 {
		border-width: 0 0 1px 1px;	
	}
	
	#po-menu h3.item2 {
		border-width: 0 1px 1px 0;	
	}
	
	#po-menu h3.active {

		background: #3e3e3e;
		border-color: #3e3e3e;
		border-width: 0 0 1px 1px;	
	}
	
	#po-menu h3.active a:link,
	#po-menu h3.active a:visited,
	#po-menu h3.active a:active,
	#po-menu h3.active a:hover	{
		color: white;
		text-decoration: none !important;
	}
	
	#po-menu h3 a:link,
	#po-menu h3 a:visited,
	#po-menu h3 a:active,
	#po-menu h3 a:hover	{
		color: #3e3e3e;
		text-decoration: none !important;
	}
	
	#po-menu h3 a:hover {
		color: #000000;
	}

/*********** Fonts / Complete Specs ***********/

#specs-body {
	margin-top: -36px;
}

#specs-body h3 {
	float: left;
	padding: 9px 18px 8px 18px;
	border: 1px solid #b5b4b4;
	margin-bottom: 16px;
}

	#specs-body h3.item1 {
		border-width: 0 1px 1px 1px;	
	}
	
	#specs-body h3.item2 {
		border-width: 0 1px 1px 0;	
	}
	
		#specs-body h3.item3 {
		border-width: 0 1px 1px 0;	
	}
	
	#specs-body h3.active {
		background: #3e3e3e;
		border-color: #3e3e3e;
		border-width: 0 0 1px 1px;	
	}
	
	#specs-body h3.active a:link,
	#specs-body h3.active a:visited,
	#specs-body h3.active a:active,
	#specs-body h3.active a:hover	{
		color: white;
		text-decoration: none !important;
	}
	
	#specs-body h3 a:link,
	#specs-body h3 a:visited,
	#specs-body h3 a:active,
	#specs-body h3 a:hover	{
		color: #3e3e3e;
		text-decoration: none !important;
	}
	
	#specs-body h3 a:hover {
		color: #000000;
	}
	
#specs-body h4 {
	font-size: 1.16em;
}

#specs-body p {
	font-size: .92em;
}

/* ***** WEIGHTS AND STYLES ***** */

/* 	background: url(/images/15percentblack.png); */

#weightsStyles {
	padding-bottom: 19px;
}

#weightsStyles h4 {
	margin-top: 9px;
}

#weightsStyles p {
	margin-top: -7px;
	margin-bottom: -5px;
}

#weightsStyles img {
	margin-top: 5px;
}

/* ***** FORMAT & CHARACTER SETS ***** */

#formatCharacters p {
	font-size: 1em;
	line-height: 1.5em;
}

#formatCharacters {
	margin-bottom: -4px;

}



/* ***** PACKAGE OPTIONS and BROWSER COMPATABILITY ***** */

table#packageOptions, table#browserCompat {
	padding-top: 18px;
	width: 100%;
	color: #7d7c7c;
}
	
	table#packageOptions th, table#packageOptions td,
	table#browserCompat th, table#browserCompat td {
		border-bottom: 1px solid #dddddd;	
	}
	
	table#packageOptions th,
	table#browserCompat th {
		font-size: 12px;
		font-weight:bold;
		padding-bottom: 13px;
		color: #3e3e3e;
	}
	
	table#packageOptions td,
	table#browserCompat td {
		font-size: 12px;
		padding: 9px 0 8px 0;
	}	
	
	table#packageOptions th.col1,
	table#browserCompat th.col1 {
		font-size: 1.16em;
	}

	table#packageOptions .col1, table#browserCompat .col1 { width: 250px; }
	table#packageOptions .col2, table#browserCompat .col2 { width: 84px;  }
	table#packageOptions .col3, table#browserCompat .col3 { width: 84px; padding-left: 42px; }
	table#packageOptions .col4, table#browserCompat .col4 { width: 250px; }
	
	table#browserCompat em { font-style: normal; color: #b5b4b4; }

	table#packageOptions .col2, table#packageOptions .col3, table#packageOptions .col4,
	table#browserCompat .col2, table#browserCompat.col3, table#browserCompat .col4, table#browserCompat .col5 {
		text-align: center;
	}
	
	table#browserCompat p {
		/* font-family: Helvetica, Arial, sans-serif; */
		font-style: italic;
		line-height: 1.5em;
	}

/* ***** OpenType Features ***** */

#otFeatures {
	padding-top: 18px;
	padding-bottom: 16px;
}

#otFeatures h4 {
	padding-top: 2px;
	padding-bottom: 5px;
}

#otFeatures p {
	line-height: 5px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 6px;
}	

/* ***** Special Features ***** */

#spFeatures p.mainTxt {
	font-size: 12px;
	line-height: 1.5em;
}

#spFeatures img.ssAlt {
	margin-top: -7px;
}

/* ***** WEBFONTS RENDERING **** */


#wfRendering p {
	font-size: 12px;
	margin-top: -2px;
	line-height: 1.5em;
}
/* ***** Language Coverage ***** */

#languageCoverage, #Typekit {
	padding-top: 18px;
	padding-bottom: 8px;
}


#languageCoverage p, #Typekit p {
	padding-bottom: 6px;
	font-size: 12px;
	line-height: 1.5em;
}
/*********** Tooltip ***********/

/* - - - - - - - - - STYLE 1 : FIXED WIDTH / DROP SHADOW - - - - - - - - */


.ptf-tooltip-1
{
	display: none;
	z-index: 101; /* for ie */
	text-align: left; /* for ie, because of blueprint */
	width: 350px;
}

.ptf-tooltip-1 .content,
.ptf-tooltip-1.bottom .content,
.ptf-tooltip-1.leftTip .content
{
	background: none;
	padding: 0 18px 0 18px;
	position: relative; /* for ie */
}

.ptf-tooltip-1 .sides
{
	display: block;	
	padding: 1px 11px 1px 11px;
	background: url(/images/tips/tooltip-1.png);
	background-position: 0 -32px;
	background-repeat: repeat-y;
	height: 1%; /*for ie6, hasLayout issue */
}

.ptf-tooltip-1 .top
{
	display: block;
	background: url(/images/tips/tooltip-1.png);
	background-position: 0 0;
	background-repeat: none;
	height: 32px;
}

.ptf-tooltip-1 .bottom
{
	display: block;	
	background: url(/images/tips/tooltip-1.png);
	background-position: left bottom;
	height: 32px;
}


/* Tool tip - bottom position */


.ptf-tooltip-1.bottom .sides
{
	display: block;	
	padding: 1px 11px 1px 11px;
	background: url(/images/tips/tooltip-b-1.png);
	background-position: 0 -32px;
	background-repeat: repeat-y;
	height: 1%; /*for ie6, hasLayout issue */
}

.ptf-tooltip-1.bottom .top
{
	display: block;
	background: url(/images/tips/tooltip-b-1.png);
	background-position: 0 0;
	background-repeat: none;
	height: 32px;
}

.ptf-tooltip-1.bottom .bottom
{
	display: block;	
	background: url(/images/tips/tooltip-b-1.png);
	background-position: left bottom;
	height: 32px;
}

/* Tool tip - left position */

.ptf-tooltip-1.leftTip
{
	display: none;
	z-index: 101; /* for ie */
	text-align: left; /* for ie, because of blueprint */
	width: 254px;
}

.ptf-tooltip-1.leftTip .sides
{
	display: block;	
	padding: 1px 11px 1px 11px;
	background: url(/images/tips/tooltip-sm.png);
	background-position: 0 -32px;
	background-repeat: repeat-y;
	height: 1%; /*for ie6, hasLayout issue */
}

.ptf-tooltip-1.leftTip .top
{
	display: block;
	background: url(/images/tips/tooltip-sm.png);
	background-position: 0 0;
	background-repeat: none;
	height: 32px;
}

.ptf-tooltip-1.leftTip .bottom
{
	display: block;	
	background: url(/images/tips/tooltip-sm.png);
	background-position: left bottom;
	height: 32px;
}

.ptf-tooltip-1.leftTip div.content{
	font-weight:normal;
	}

/* end positioning */

.bump {
	position: relative;
	top: -8px;
}

span.bump {
	color: #41b2fd;
	font-weight: bold;
	cursor: pointer;
}

span.hlpSingle {
	color: #41b2fd;
	font-weight: bold;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
}


/* - - TOOLTIPs --
	.ptf-tooltip-1			= general class
	#tooltip1, #tooltip2, … = specific 'tips
*/ 


.ptf-tooltip-1 p {
    font-size: 12px;
    color: #b3b3b3;
    font-family: Helvetica, Arial, sans-serif;
	line-height: 17px;
}

.ptf-tooltip-1 p strong {
    font-size: 12px;
    color: #ebe8e8;
    font-family: Helvetica, Arial, sans-serif;
	line-height: 17px;
}

.ptf-tooltip-1 h3 {
    font-size: 14px;
    color: #ebe8e8;
    font-family: Helvetica, Arial, sans-serif;
	line-height: 17px;
	 margin-bottom: 9px;
	 margin-top:9px;
}
 
#tooltipState {
	position: absolute;
	top: -133px;
	left: -118px;
}

span.cartHelp1 {
	position: relative;

}
/*********** Scrollies ***********/

/*********** Front Scrolly ***********/

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 960px;	
	height:450px; /* 28 baselines */
	
	/* custom decorations */
	padding: 0;	
	background-color:#fff;		
}

div.scrollyContainer {
	position: relative;
}

div.scrollable_font { 	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 710px;	
	height:378px;	
	
	/* custom decorations */
	padding: 0;	
	background-color:#fff;					
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/

div.scrollable div.items, 
div.scrollable_font div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;	
	/* custom decoration */
	width:960px;
	padding: 0 0 0 0;
	margin-right: 0px;	
	line-height:0;
}

div.scrollable div.items div.three96 {
	background: #fcc865;
	height: 396px;
}

/* single scrollable item */
div.scrollable_font div.items div {
	float:left;	
	/* custom decoration */
	text-align:center;
	width:710px;
	padding: 0px;
	margin-right: 0px;	
}

/* active item */
div.scrollable div.items div.active {
	background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable, 
div.scrollable_font {
	float:left;		
}

a.scrollyNav
{
	visibility:	hidden;
	display:	block;
	width:		54px;
	height:		53px;
	padding:	0px;
	cursor:		pointer;
	position:	absolute;
	z-index: 	1;
	top: 		220px;
	background-repeat: repeat-y;
}

div.scrollable_font a.scrollyNav
{
	top: 160px;
}


	a.scrollyNav.prev {
		background-image: url(/images/scrolly/arrows.png);
		left: 0px;
	}
	
	a.scrollyNav.next {
		background-position: -53px 0;
		background-image: url(/images/scrolly/arrows.png);
		right: 0px;
	}


	/* MOUSEOVER */
	a.scrollyNav.prev:hover {
		background-position:0px -53px;	
	}
	
	a.scrollyNav.nextPage:hover {
		background-position:-53px -53px;	
	}	
	
	/* DISABLED STATE */
	a.scrollyNav.disabled {
		visibility:hidden !important;
	}


/*********** scrolly navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-top: 1.5em;
	float: right;
	height:18px;
}

/* items inside navigator */
div.navi a {
	width:13px;
	height:13px;
	float:left;
	margin:5px 3px;
	padding: 0;
	background:url(/images/scrolly/navigator-13px.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -13px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -26px;     
}

/*********** Test Typer ***********/

/*********** Test Typer ***********/

.tester form input:focus {
	background: #f2f2f2;
	color: black;
	text-align: left;
}

.tester img {
	margin-top: .7em;
}

.tester form div {
	margin-top: .7em;
	line-height: 2em;
	font-family:Helvetica, Arial, sans-serif;
}

.tester form label {
	color: #5a5959;
}

.tester form input[type="checkbox"] {
	margin-right: 10px;
}

.tester form .section {
	margin-top: 0;
	position: relative;
	border-top: 1px solid #ccc;
	padding: 16px 0;
	padding-left: 126px;
}

.tester form .section label.header {
	font-size: 1.16em;
	font-weight: bold;
	color: #3e3e3e;
	position: absolute;
	left: 0;
}


.tester form input[type="text"] {
	width: 316px;
	font-size: 12px;
	font-family:Helvetica, Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 6px 0 6px 7px;
}

.tester form select[name="weight"] {
	width: 211px;
}


.tester form .section .left,
.tester form .section .right {
	width: 210px;
	margin-top: 1px;
}

.tester form .section .left {
	float: left;
	clear: right;
	margin-right: 37px;
}

.tester form .section .right {
	float: left;
}

/* this attribute equivalence selector is known to not work in MSIE 7 and lower
.tester form [for="sc"] {
	color: purple;
}
*/

.tester form #tt-stylistic,
.tester form #tt-numerals
{
	width: 168px;
}


.typerAutofit {
	padding-left: 6px;
	font-size: 12px;
}

.tester form .section button#setSample {
	margin-left: 25px;
	background: url(/images/css/button_set_sample.png) no-repeat top left;
	border: 0;
	width: 105px;
	height: 27px;
	color: #fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;	
}

.typerFeatures
{
	display: block;
}

.typerFeatures label {
	font-size: 12px;
}

#firstLevelSpacer.hidden {
	background: red;
	height: 30px;
}

.typerHidden {
	display: none;
}

.container {
	position: relative;
}

#typerLoadingMessage
{
	padding: 0;
	position: absolute;
	z-index: 500;
	top: 140px;
	left: 20px;
}
/*********** Webfonts ***********/


 /* .wf-active class shows webfonts after load - no fout */

.tk-klavika-web,
.tk-bryant-web,
.tk-bryant-web-alternate,
.tk-bryant-web-compressed,
.tk-bryant-web-condensed,
.tk-klavika-web-condensed,
.tk-locator-web,
.tk-seravek-web,
.tk-capucine,
.tk-chrono-web,
.tk-elena-web-basic,
.tk-locator-display-web,
.tk-maple-web,
.tk-anchor-web,
.tk-kettler-web,
.tk-stratum-2-web, .tk-stratum-1-web
{ line-height: normal; color: #000; }

div.normal-200 { visibility: hidden; }
			.wf-active .normal-200 {
			font-weight: 200;
			font-style: normal;
 		 	visibility: visible;
			}
	
div.italic-200 { visibility: hidden; }
			.wf-active .italic-200 {
			font-weight: 200;
			font-style: italic;
			visibility: visible;
			}

div.normal-300 { visibility: hidden; }
			.wf-active .normal-300 {
			font-weight: 300;
			font-style: normal;
 		 	visibility: visible;
			}
	
div.italic-300 { visibility: hidden; }
			.wf-active .italic-300 {
			font-weight: 300;
			font-style: italic;
			visibility: visible;
			}

div.normal-400 { visibility: hidden; }
			.wf-active .normal-400 {
			font-weight: 400;
			font-style: normal;
    		visibility: visible;
			}
	
div.italic-400 { visibility: hidden; }
			.wf-active .italic-400 {
			font-weight: 400;
			font-style: italic;
			visibility: visible;
			}
			
div.normal-500 { visibility: hidden; }
			.wf-active .normal-500 {
			font-weight: 500;
			font-style: normal;
    		visibility: visible;
			}
	
div.italic-500 { visibility: hidden; }
			.wf-active .italic-500 {
			font-weight: 500;
			font-style: italic;
			visibility: visible;
			}
			
			
div.normal-600 { visibility: hidden; }
			.wf-active .normal-600 {
			font-weight: 600;
			font-style: normal;
    		visibility: visible;
			}
	
div.italic-600 { visibility: hidden; }
			.wf-active .italic-600 {
			font-weight: 600;
			font-style: italic;
			visibility: visible;
			}
			
div.normal-700 { visibility: hidden; }
			.wf-active .normal-700 {
			font-weight: 700;
			font-style: normal;
    		visibility: visible;
			}
	
div.italic-700 { visibility: hidden; }
			.wf-active .italic-700 {
			font-weight: 700;
			font-style: italic;
			visibility: visible;
			}
			
div.normal-900 { visibility: hidden; }
			.wf-active .normal-900 {
			font-weight: 900;
			font-style: normal;
    		visibility: visible;
			}
	
div.italic-900 { visibility: hidden; }
			.wf-active .italic-900 {
			font-weight: 900;
			font-style: italic;
			visibility: visible;
			}
	
.wf-inactive .notsuported {
    visibility: visible;
    display: block;
    width: 622px;
	margin-left: auto; margin-right: auto;
	background: url('/images/css/oops.png') no-repeat;
	height: 290px;
	margin-top:36px;
}

.notsuported, 
.wf-active .notsuported, 
.wf-loading .notsuported {
    visibility: hidden;
    height: 0;
    line-height:0;
 }
    
.specimen {
	overflow: hidden;
	white-space: nowrap;
}

.pointSize {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #7d7c7c; 
	margin-bottom: 4px;
	letter-spacing: 0;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.p108 { font-size: 108px; margin-bottom: -25px; }

.p96 { font-size: 96px; margin-bottom: -22px; }

.p84 { font-size: 84px; margin-bottom: -19px; }

.p72 { font-size: 72px; margin-bottom: -15px; }

.p60 { font-size: 60px; margin-bottom: -12px; }

.p48 { font-size: 48px; margin-bottom: -9px; }

/* ------- secondary display sizes ----------- */

.p22 { font-size: 22px; margin-bottom: 1px; }

.p24 { font-size: 24px; margin-bottom: -1px; }

.p26 { font-size: 26px; margin-bottom: -1px; }

.p28 { font-size: 28px; margin-bottom: -2px; }

.p30 { font-size: 30px; margin-bottom: -3px; }

.p32 { font-size: 32px; margin-bottom: -3px; }

.p36 { font-size: 36px; margin-bottom: -4px; }

.p40 { font-size: 40px; margin-bottom: -5px; }

/* ------- text sizes ----------- */

.p14 { font-size: 14px; line-height: 20px; margin-bottom: 5px; }

.p18 { font-size: 18px; line-height: 24px; margin-bottom: 5px; margin-top: 12px; }

.p16 { font-size: 16px; line-height: 22px; margin-bottom: 5px; }

.p20 { font-size: 20px; line-height: 26px; margin-bottom: 5px; margin-top: 12px; }

#specs-body p.typerec {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #7d7c7c;
	text-align: center;
	width: 70%;
	margin-left: auto; margin-right: auto;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
}

#specs-body p.typerec_georgia {
	font-size: 12px;
	font-family: Georgia, serif;
	color: #7d7c7c;
	text-align: center;
	width: 70%;
	margin-left: auto; margin-right: auto;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
}





/*********** GENERIC CLASSES ***********/

.clearBoth {
	clear: both;
	line-height: none;
}

.init_hidden,
.make_hidden {
	display: none;
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

span.styleWrap {
	display: block;
	width: 100%;
}