/**
 * Playtype 2.0
 *
 * by e-Types.com
 *
 */

/* Reset */
@import url(style.reset.meyer.css);

iframe { height: 0 !important; }

/* Generelt */
html {
  height:100%;
  -webkit-font-smoothing: antialiased;
  }
body {
	height:100%;
	font:11px 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', tahoma, sans-serif;
	line-height:140%;
	color:#6a6a6a;
	background-color:#f2f2f2;
	cursor:default;
	}

	/* Preload Images */
	body:after { content: url(../images/sp_fontstyles_freestyle.png) url(../images/sp_fontstyles_labels.png) url(../images/sp_fontstyles_sans.png) url(../images/sp_fontstyles_serif.png) url(../images/sp_fontstyles_slabserif.png) url(../images/sp_marks.png) url(../images/hand-left.png) url(../images/hand-right.png); display: none; }

	/* default classes */
	.print, .letterhead, .hidden {display:none;}
	.clean {display:block; clear:both;}

	a {color:#000;}

	ul,
	ol { padding:0;margin:5px 0 5px 15px; }
	ul { list-style: disc; }

	h1, h2, h3, h4, h5 {font-weight:normal;}
	p {display:block;padding:5px 0 0 0;margin:0 0 15px 0;}
	strong {font-weight:bold;}
	em {font-style:italic;}
	.red {background:red;}


/* Drupal Fix */
	.block ul {padding:0;}
	body .form-item {margin:0;}

  .views-hide {display: none;}

/* Layout */


	.alert {
		font-size: 14px;
		background-color: #f0eede;
		padding: 40px 20px 20px;
		text-align: center;
	}

	/* Background */
	.pt-background {
		position: fixed;
	  	width: 100%;
	  	height: 100%;
	  	z-index: 1;
	  	overflow: hidden;
	  	}

	.pt-background img {
		position:absolute;
		}

	.pt-background.about {}

	/* Basket */
	.basketfiller {
		position:absolute;
		width:100%;
		z-index:100;}
	.basketfiller .filler {
		width:980px;
		height:20px;
		margin:0 auto;
		background:black;}

  .pt-basket { background: rgba(70,70,70,0.95); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5); box-shadow: 0 0px 10px rgba(0,0,0,0.5); position:fixed; width:100%; z-index:100; top: -316px; }

	.block-playtype_shop {}
	.block-playtype_shop h2 {display:none;}

	.pt-basket .pt-basket-container {width:1020px;margin:0 auto;padding-bottom:23px;}

	.pt-basket .pt-basket-body {background:white;margin:0 0 -4px 0; /*display: none;*/ }
	.pt-basket .pt-basket-body .pt-basket-body-intro {text-align:center;color:#000;font-weight:bold;line-height:25px;border-width:0 0 2px 0;border-style:solid;border-color:#666;margin:0 20px;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist {margin:0 4px 0 20px;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist .scrollist {height:129px;overflow:auto;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist ul {margin:0;padding:0;list-style:none;width:980px;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist ul li {height:42px;line-height:42px;position:relative;background:#f2f2f2;border-bottom:1px solid #c7c7c7;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist ul li .remove {position:absolute;left:6px;text-decoration:none;display:block;background:url(../images/sp_navigation.png) 0 -458px no-repeat;padding:0 0 0 30px;color:black;font-size:10px;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist ul li .font {position:absolute;left:115px;font-size:24px;color:#303030; width: 865px;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist ul li .priceinfo {position:absolute;right:0;width:215px;color:black;font-size:10px;}
	.pt-basket .pt-basket-body .pt-basket-body-fontlist ul li .priceinfo .price{position:absolute;right:9px;}
	.pt-basket .pt-basket-body .pt-basket-body-out {border-top:4px solid #000;margin:0 20px;}
	.pt-basket .pt-basket-body .basket-info {position:relative;height:36px;line-height:36px;margin:5px 0;background:#d9ddd5;border-color:#e2e6e0;border-width:1px 0;border-style:solid;}
	.pt-basket .pt-basket-body .pt-basket-body-out .remove {position:absolute;left:6px;text-decoration:none;display:block;background:url(../images/sp_navigation.png) 0 -460px no-repeat;padding:0 0 0 30px;color:black;font-size:10px;}
	.pt-basket .pt-basket-body .pt-basket-body-out .thereis {position:absolute;right:0;width:264px;}
	.pt-basket .pt-basket-body .pt-basket-body-out .thereis .total {color:#000;}
	.pt-basket .pt-basket-body .pt-basket-body-out .thereis strong {color:#000;}
	.pt-basket .pt-basket-body .pt-basket-body-out .thereis .fontsin {position:absolute;right:9px;font-size:16px;font-weight:bold;}

	.pt-basket .pt-basket-body .pt-basket-body-out .disc-info {float:left;padding:30px 0 0 114px;
		background:url(../images/sp_navigation.png) 0 -500px no-repeat;
		height:78px;
		font-size:14px;
		line-height:18px;}
	.pt-basket .pt-basket-body .pt-basket-body-out .disc-info strong {color:black;font-weight:normal;}
	.pt-basket .pt-basket-body .pt-basket-body-out .purchasefonts {float:right;display:none;clear:both;display:block;margin:-42px 0 0 0;
		background:#000;
		color:#fff;
		width:222px;
		height:22px;
		line-height:22px;
		text-decoration:none;
		text-align:center;
		background:#000 url(../images/sp_navigation.png) 208px -605px no-repeat;}


	.pt-basket .pt-basket-container .pt-basket-container-footer {font-size:9px;width:1020px;background:#000;color:#999;text-align:center;cursor:pointer;padding:2px 0;position:absolute;bottom:0;}
	.pt-basket .pt-basket-container .pt-basket-container-footer .basket-notification {position:absolute;right:20px;}
	.pt-basket .pt-basket-container .pt-basket-container-footer .basket-notification strong {color:white;font-weight:normal;}
	.pt-basket .pt-basket-container .pt-basket-container-footer .basket-status {display:inline-block;padding:0 0 0 20px;background:url(../images/e_bsk_basket.png) 0 50% no-repeat;}

 #basket-reset .remove {text-decoration: none;display: block;background: url(../images/sp_navigation.png) 0 -462px no-repeat;padding: 0 0 0 30px;color: black;font-size: 10px; height: 30px;line-height: 30px; margin:0 0 5px 8px;}
 #basket-reset .more-than-10 {width: 550px; float: right; margin: -30px -20px 0 0;}

	.emptyfiller {color: #999;font-size:20px;font-family: 'Home Display Italic'; line-height: 28px;margin:30px 0 0 0; text-align:center;}

	/* Container */
	.pt-container {width:1020px;margin:0 auto;position:relative;z-index:2;min-height:100%;}

	.pt-container-header {position:relative;padding:40px 0 0 0;height:64px;background:white;
/* 		background:rgb(224,224,224) url(../images/bg-fade.png) -600px 0 no-repeat; */
	}
	.clearbackground .pt-container-header, .page-store .pt-container-header, .page-store .pt-container-navigation {background:transparent}
	.pt-container-header .pt-container-header-headline {
		color:black;
		margin:0 0 0 67px;
		line-height:37px;
		float:left;
		font-size:37px;
		font-family:'Home Display', serif;
		}
	.pt-container-header .pt-container-header-headline a {text-decoration:none;color:inherit;}
	.pt-container-header .pt-container-header-navigation {float:right;margin:0 23px 0 0;width:323px;position:relative;}
	.pt-container-header .pt-container-header-navigation ul {height:50px;margin:0 0 0 160px;list-style:none;overflow: hidden;}
	.pt-container-header .pt-container-header-navigation ul li {float:left;width:110px;}
	.pt-container-header .pt-container-header-navigation ul.left {float:left;}
	.pt-container-header .pt-container-header-navigation ul.right {float:right;position:absolute;top:0;right:0;}
	.pt-container-header .pt-container-header-navigation ul.right li {width:auto;display:block;float:none;text-align:right;}

	.pt-container-header .pt-container-header-navigation ul li a {color:#666;padding: 0 0 2px 0;text-decoration:none;}

	/* The first highlighted menu items */
  .pt-container-header .pt-container-header-navigation ul li.big {position:absolute;left:0; width: 150px;}
  .pt-container-header .pt-container-header-navigation ul li.big a {font-family:"Hill Light",sans-serif;color:#333;font-size:21px;letter-spacing: 1px; line-height: 20px;}
  .pt-container-header .pt-container-header-navigation ul li.big.the-store {top:25px;}

	.pt-container-header .pt-container-header-navigation ul li a:hover,
	.pt-container-header .pt-container-header-navigation ul li a.active {background: url(../images/dot.gif) bottom repeat-x; color:#000;}

	.pt-container-header .pt-container-header-navigation ul li.big a:hover,
	.pt-container-header .pt-container-header-navigation ul li.big a.active {background: url(../images/dot.gif) bottom repeat-x; color:#000;padding: 0;}



	.pt-container-footer {}
	.pt-container-footer.footerstick {height:300px;}
	.pt-container-footer .fontselection {position:absolute;bottom:0;left:0;}
  .pt-container-footer .images {width:1020px;}
	.pt-container-footer img {display:inline-block;margin:0 15px 0 0;}

		.pt-container-footer .images .footer-lower-case-talk {width:240px;height:200px;position:absolute;bottom:0;left:0;}
		.pt-container-footer .images .footer-font-of-the-week {width:240px;height:260px;position:absolute;bottom:0;left:260px;}

		.pt-container-footer .images .footer-font-of-the-week a {text-decoration: none;}
		.pt-container-footer .images .footer-font-of-the-week .bButton {position: absolute; left: 9px; top: 229px;-webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out;-o-transition: background 300ms ease-in-out;transition: background 300ms ease-in-out;}
		.pt-container-footer .images .footer-font-of-the-week .bButton.info {background: #fff; text-align: center; top: 202px;}
		.pt-container-footer .images .footer-font-of-the-week:hover .bButton.link {background: #666;}

		.pt-container-footer .images .footer-advert {width:500px;height:243px;position:absolute;bottom:0;left:520px;overflow:hidden;}
  		.pt-container-footer .images .footer-advert img {position: absolute;}
/*
		.pt-container-footer .images .footer-advert:hover {
		-moz-box-shadow: 	0 0 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
		box-shadow: 		0 0 10px rgba(0,0,0,0.4);
    }
*/

		.pt-container-footer .images .footer-lower-case-talk {background:#fff295 url(../images/lower_case_talks.png) 50% 20px no-repeat;text-align:center;}
		.pt-container-footer .images .footer-lower-case-talk .title { background: url(../images/lower_case_talk_dotted_line.gif) repeat-x; margin:55px 11px 10px 11px;letter-spacing: 2px; line-height:33px; color:#80794b; text-transform: uppercase;}
		.pt-container-footer .images .footer-lower-case-talk .cont {color:#80794b; margin: 0 17px}
		.pt-container-footer .images .footer-lower-case-talk .cont p {margin: 0 0 10px 0}

  #pt-footer {
     background: #cccccc url(../images/footer-bg.png) repeat-x top left;
/*
     background-image: linear-gradient(top, #AAAAAA 0, #CCCCCC 15px);
     background-image: -o-linear-gradient(top, #AAAAAA 0, #CCCCCC 15px);
     background-image: -moz-linear-gradient(top, #AAAAAA 0, #CCCCCC 15px);
     background-image: -webkit-linear-gradient(top, #AAAAAA 0, #CCCCCC 15px);
     background-image: -ms-linear-gradient(top, #AAAAAA 0, #CCCCCC 15px);
*/
     color: #999; font-size:10px;padding:11px 0 8px;width:100%;position:relative;z-index:3;
  }

  #pt-footer .copyright {margin: 0 auto; width: 1020px; }
  #pt-footer .copyright .intro {margin: 0 50px 0 0;}

  #pt-footer .copyright ul.follow-list {float: right;list-style: none;margin: 0; padding: 0;}
  #pt-footer .copyright ul.follow-list li {display: block; float: left; margin: 0 0 0 5px;}
  #pt-footer .copyright ul.follow-list li a .icon {margin: 0;}

  #pt-footer-content { margin: 20px auto 0; overflow: hidden; width: 1020px; }
  #pt-footer-content a { text-decoration: none; }

  #footer-navigation { float: left; margin: 0 0 0 70px; width: 430px; }
  #footer-navigation > .menu { float: left; }
  #footer-navigation > .menu.even { float: right; }
  #footer-navigation > .menu > li{ list-style: none; }
  #footer-navigation > .menu > li > a { color: #808080; }
  #footer-navigation > .menu > li > a > span { color: #5a5a5a; margin: 0 10px 0; visibility: hidden; }
  #footer-navigation > .menu > li > a:hover > span { visibility: visible; }

  #latest-tweet { background: #d6d6d6; float: right; font: 22px/24px 'Times New Roman', serif; margin: 0 0 20px 0; padding: 20px; width: 330px; }
  #latest-tweet > span { display: block; font: 11px 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', tahoma, sans-serif; margin: 20px 0 0; }


	/* Drop Down menu */
	.pt-container-navigation {background:white;padding:0px 0 14px 20px;}
	.clearbackground .pt-container-navigation {background:transparent;}
	.pt-container-navigation h2 {display:none;}
	.pt-container-navigation .content ul {margin:0;padding:0;list-style:none;}
	.pt-container-navigation .content ul li {width:322px;list-style:none;padding:0;margin:0;}
	.pt-container-navigation .content ul li a {display:block;color:#666;text-decoration:none;}

	/* 1st level - headlines */
	.pt-container-navigation .content > ul {position:relative;z-index:3;}
	.pt-container-navigation .content > ul > li {float:left;margin:0 7px 0 0;}
	.pt-container-navigation .content > ul > li > a {height:48px;line-height:48px;letter-spacing:1px;font-size:10px;background:#f2f2f2;text-align:center;text-decoration:none;text-transform:uppercase;border-width:0 0 1px 0;border-style:solid;border-color:#ccc;margin-bottom:6px; /* to push the 2nd level list down */ }
	.pt-container-navigation .content > ul > li:hover > a,
	.pt-container-navigation .content > ul > li.active-trail > a {
		background:#ded5d1;
    border-color:#bbb;
		transition:			background-color 0.3s ease;
		-o-transition:		background-color 0.3s ease;
		-moz-transition:	background-color 0.3s ease;
		-webkit-transition:	background-color 0.3s ease;}

	/* 2nd level - menupoints and dropdowns */
	.pt-container-navigation .content > ul > li > ul {
		position:absolute;
		-moz-box-shadow: 	2px 6px 6px rgba(0,0,0,0.2);
		-webkit-box-shadow: 2px 6px 6px rgba(0,0,0,0.2);
		box-shadow: 		2px 6px 6px rgba(0,0,0,0.2);
		}
	.pt-container-navigation .content > ul > li > ul > li {border-width:0 0 1px 0;border-style:solid;border-color:#e3e1e1;background:#f2f2f2;}
	.pt-container-navigation .content > ul > li > ul > li:last-child {border-width:0 0 15px 0;border-color:#ded5d1;}
	.pt-container-navigation .content > ul > li > ul > li > a {line-height:52px;padding:0 0 0 20px;}
	.pt-container-navigation .content > ul > li > ul > li:hover {
		transition:			background-color 0.3s ease;
		-o-transition:		background-color 0.3s ease;
		-moz-transition:	background-color 0.3s ease;
		-webkit-transition:	background-color 0.3s ease;}
	.pt-container-navigation .content > ul > li > ul > li > a:hover {
		background-color:#ede8e6;}

	/* 3rd level - menupoints */
	.pt-container-navigation .content > ul ul ul {padding:10px 0 10px 0;background:#f1eeec;border-width:1px 0 0 0;border-style:solid;border-color:#e3e1e1;}
	.pt-container-navigation .content > ul ul ul li {}
	.pt-container-navigation .content > ul ul ul li a {
		background:inherit;
		line-height:20px;
		text-align:right;
		padding:0 20px 0 0;}
	.pt-container-navigation .content ul ul ul li a:hover {color:#000;}

	/* function */
	.pt-container-navigation .content > ul > li > ul {display:none;}
	/*.pt-container-navigation .content > ul > li:hover > ul {display:block;}*/
	.pt-container-navigation .content > ul > li > ul > li > ul {display:none;}


		/* Status */

		.pt-container-navigation li.expanded > a,
		.pt-container-navigation li.expandable > a {background-image:url(../images/e_arrow_down_small.png);background-repeat:no-repeat;background-position:93% 50%;}
		.pt-container-navigation li.expanded.active > a,
		.pt-container-navigation li.expandable.active > a {background-color: #ede8e6; background-image:url(../images/e_arrow_up_small.png);}

		.pt-container-navigation .labeltext {position:absolute;right:63px;color:#999;}

		.pt-container-navigation .label {background-image:url(../images/sp_marks.png); height: 36px; margin: 8px 0 0 0; position: absolute; right: 13px; width: 36px;}
		.pt-container-navigation .label.webfont-small         {background-position: -300px 0;}
		.pt-container-navigation .label.news-small            {background-position: -300px -100px;}
		.pt-container-navigation .label.advanced-fonts-small  {background-position: -300px -200px;}
		.pt-container-navigation .label.super-family-small    {background-position: -300px -300px;}
		.pt-container-navigation .label.special-offers-small  {background-position: -300px -400px;}
		.pt-container-navigation .label.most-popular-small    {background-position: -300px -500px;}
		.pt-container-navigation .label.advanced-set-small    {background-position: -300px -600px;}
		.pt-container-navigation .label.pro-set-small         {background-position: -300px -700px;}



		/* Specific Menus */

			/* Font Filters */
			.pt-container-navigation ul li.fontfilters:hover > a {background:#a2f2a9;}
			.pt-container-navigation ul li.fontfilters ul li {border-color:#b9f5be;}
			.pt-container-navigation ul li.fontfilters > ul > li > a {background-color:#f2f2f2;}
      .pt-container-navigation ul li.fontfilters li.expandable.active > a,
      .pt-container-navigation ul li.fontfilters > ul > li > a:hover {background-color:#d9f2e1;}
			.pt-container-navigation ul li.fontfilters ul li:last-child {border-color:#6ff0a4;}
    	.pt-container-navigation ul li.fontfilters ul ul {background:#e6f7ed;border-color:#b9f5be;}

        /* Font Filters - Font designer */
/*
      	.pt-container-navigation ul li.fontfilters ul li.rr ul {padding-left: 20px;}
      	.pt-container-navigation ul li.fontfilters ul li.fontdesigner ul li,
      	.pt-container-navigation ul li.fontfilters ul li.fontdesigner ul li a {display: inline;}
      	.pt-container-navigation ul ul li.fontdesigner ul li a {padding:0 11px 0 0 !important;}
*/

        /* Font Filters - Years */
      	.pt-container-navigation ul li.fontfilters ul li.year ul {padding-left: 20px;}
      	.pt-container-navigation ul li.fontfilters ul li.year ul li,
      	.pt-container-navigation ul li.fontfilters ul li.year ul li a {display: inline;}
      	.pt-container-navigation ul ul li.year ul li a {padding:0 11px 0 0 !important;}


			/* Font Styles */
			.pt-container-navigation ul li.fontstyles:hover > a {background:#6ff0f0;}
			.pt-container-navigation ul li.fontstyles ul > li:hover {background-color:#f8f5fa;}
			.pt-container-navigation ul li.fontstyles ul li {border-color:#6ff0f0;}
			.pt-container-navigation ul li.fontstyles ul li > a {background-color:#f2f2f2;}
		  .pt-container-navigation ul li.fontstyles li.expandable.active > a,
		  .pt-container-navigation ul li.fontstyles > ul > li > a:hover {background-color:#d7f0f2;}
			.pt-container-navigation ul li.fontstyles ul li:last-child {border-color:#6ff0f0;}

			.pt-container-navigation ul li.fontstyles ul li .styles {background:#e6f2f2;border-top: 1px solid #6ff0f0; display:block;padding:10px 0 0 0;}
			.pt-container-navigation ul li.fontstyles ul li .styles a {border:0;background:transparent;display:inline;}
			.pt-container-navigation ul li.fontstyles ul li .styles a img {}

				/* Sprite Map */
				.pt-container-navigation ul li.fontstyles ul li {}
				.pt-container-navigation ul li.fontstyles ul li a {}

				.pt-container-navigation ul li.fontstyles ul li a .labelname {background:url(../images/sp_fontstyles_labels.png) no-repeat;
					text-indent:-100px;
					font-size:0;
					width:100px;
					height:25px;
					display:inline-block;
          line-height: 30px; /* adjusting the position of the labelname */
					}
				.pt-container-navigation ul li.fontstyles ul li.serif a .labelname 	 {background-position:0 0;}
				.pt-container-navigation ul li.fontstyles ul li.sans a .labelname 	 {background-position:0 -33px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a .labelname 	 {background-position:0 -64px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a .labelname {background-position:0 -98px;height:20px;line-height: 25px; width: 168px;} /* Custom line-height */
				.pt-container-navigation ul li.fontstyles ul li.abc a .labelname     {background-position:0 -120px;height:25px;line-height: 35px}
				.pt-container-navigation ul li.fontstyles ul li.abc a .labeltext     {line-height: 15px; margin:11px 0 0 0; text-align: right;}

				.pt-container-navigation ul li.fontstyles ul li .styles {padding: 13px 5px 13px 20px;}
				.pt-container-navigation ul li.fontstyles ul li .styles:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;}
				.pt-container-navigation ul li.fontstyles ul li .styles a {
					border-right: 1px solid #0ff;
					display: block;
					padding: 0 8px 0 0;
					margin: 2px 6px 5px 0;
					display:inline-block;

					text-indent:-100px;
					font-size:0;

					float:left;

					}
				.pt-container-navigation ul li.fontstyles ul li .styles a.last {border:0;padding:0;}
				.pt-container-navigation ul li.fontstyles ul li .styles a.first {clear:left;}

				.pt-container-navigation ul li.fontstyles ul li.serif {}
				.pt-container-navigation ul li.fontstyles ul li.serif a {}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a {background: url(../images/sp_fontstyles_serif.png);}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.didone { 		background-position: 0 0; height: 30px; width: 85px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.didone { 	background-position: -200px 0; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.gerald { 		background-position: 0 -30px; height: 30px; width: 85px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.gerald { 	background-position: -200px -30px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.modern { 		background-position: 0 -60px; height: 30px; width: 90px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.modern { 	background-position: -200px -60px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.veneti { 		background-position: 0 -90px; height: 30px; width: 104px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.veneti { 	background-position: -200px -90px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.displa { 		background-position: 0 -120px; height: 30px; width: 57px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.displa { 	background-position: -200px -120px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.textte { 		background-position: 0 -150px; height: 30px; width: 52px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.textte { 	background-position: -200px -150px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.stenci { 		background-position: 0 -178px; height: 30px; width: 85px; margin-left: 2px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.stenci { 	background-position: -200px -178px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.decora { 		background-position: 0 -210px; height: 30px; width: 169px;}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.decora { 	background-position: -200px -210px; }
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a.square { 		background-position: 0 -240px; height: 30px; width: 92px; margin-left: 2px; margin-top: 0}
				.pt-container-navigation ul li.fontstyles ul li.serif .styles a:hover.square { 	background-position: -200px -240px;}

				.pt-container-navigation ul li.fontstyles ul li.sans {}
				.pt-container-navigation ul li.fontstyles ul li.sans a {}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a {background: url(../images/sp_fontstyles_sans.png);}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.geomet { background-position: 0 0; height: 30px; width: 127px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.geomet { background-position: -200px 0; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.humani { background-position: 0 -30px; height: 30px; width: 111px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.humani { background-position: -200px -30px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.gothic { background-position: 0 -60px; height: 30px; width: 200px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.gothic { background-position: -200px -60px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.neogro { background-position: 0 -90px; height: 30px; width: 170px; margin-left: 1px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.neogro { background-position: -200px -90px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.stenci { background-position: 0 -120px; height: 30px; width: 82px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.stenci { background-position: -200px -120px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.square { background-position: 0 -150px; height: 30px; width: 81px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.square { background-position: -200px -150px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.monosp { background-position: 0 -180px; height: 30px; width: 158px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.monosp { background-position: -200px -180px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.display { background-position: 0 -210px; height: 30px; width: 61px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.display { background-position: -200px -210px; }
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a.round { background-position: 0 -240px; height: 30px; width: 68px;}
				.pt-container-navigation ul li.fontstyles ul li.sans .styles a:hover.round { background-position: -200px -240px; }

				.pt-container-navigation ul li.fontstyles ul li.slab {}
				.pt-container-navigation ul li.fontstyles ul li.slab a {}
				.pt-container-navigation ul li.fontstyles ul li.slab .styles a {background: url(../images/sp_fontstyles_slabserif.png);}
				.pt-container-navigation ul li.fontstyles ul li.slab a.grotes { background-position: 0 0; height: 30px; width: 168px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a:hover.grotes { background-position: -200px 0; }
				.pt-container-navigation ul li.fontstyles ul li.slab a.round { background-position: 0 -150px; height: 30px; width: 80px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a:hover.round { background-position: -200px -150px; }
				.pt-container-navigation ul li.fontstyles ul li.slab a.humani { background-position: 0 -60px; height: 30px; width: 125px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a:hover.humani { background-position: -200px -60px; }
				.pt-container-navigation ul li.fontstyles ul li.slab a.square { background-position: 0 -90px; height: 30px; width: 87px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a:hover.square { background-position: -200px -90px; }
				.pt-container-navigation ul li.fontstyles ul li.slab a.typewr { background-position: 0 -120px; height: 30px; width: 160px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a:hover.typewr { background-position: -200px -120px; }
				.pt-container-navigation ul li.fontstyles ul li.slab a.display { background-position: 0 -30px; height: 30px; width: 97px;}
				.pt-container-navigation ul li.fontstyles ul li.slab a:hover.display { background-position: -200px -30px; }

				.pt-container-navigation ul li.fontstyles ul li.freestyle {}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a {}
				.pt-container-navigation ul li.fontstyles ul li.freestyle .styles a {background: url(../images/sp_fontstyles_freestyle.png);}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.stenci { background-position: 0 0; height: 30px; width: 122px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.stenci { background-position: -200px 0; }
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.decora { background-position: 0 -30px; height: 30px; width: 157px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.decora { background-position: -200px -30px; }
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.script { background-position: 0 -60px; height: 30px; width: 86px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.script { background-position: -200px -60px; }
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.dotdot { background-position: 0 -90px; height: 30px; width: 63px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.dotdot { background-position: -200px -90px; }
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.display { background-position: 0 -120px; height: 30px; width: 81px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.display { background-position: -200px -120px; }
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.ripped { background-position: 0 -150px; height: 30px; width: 91px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.ripped { background-position: -200px -150px; }
				.pt-container-navigation ul li.fontstyles ul li.freestyle a.dingba { background-position: 0 -180px; height: 30px; width: 180px;}
				.pt-container-navigation ul li.fontstyles ul li.freestyle a:hover.dingba { background-position: -200px -180px; }

				/* hover */
				.pt-container-navigation ul li.fontstyles ul li .styles {display:none;}


			/* Font Classification Ð formerly know as Search font */
			.pt-container-navigation ul li.fontclass:hover > a {background-color:#b5b580;}
			.pt-container-navigation ul li.fontclass li.expandable.active > a,
			.pt-container-navigation ul li.fontclass > ul > li > a:hover {background-color:#ebebde;}
			.pt-container-navigation ul li.fontclass > ul > li > ul {background-color:#f5f5ee;}

			.pt-container-navigation ul li.fontclass ul li {border-color:#dddddd;}
			.pt-container-navigation ul li.fontclass ul li:last-child {border-color:#b5b580;}

     	.pt-container-navigation ul li.fontclass ul li.inline-list ul {padding-left: 20px;}
     	.pt-container-navigation ul li.fontclass ul li.inline-list ul li,
     	.pt-container-navigation ul li.fontclass ul li.inline-list ul li a {display: inline;}
     	.pt-container-navigation ul ul li.inline-list ul li a {padding:0 11px 0 0 !important;}


/* Pages and page-blocks */

	/* Frontpage */
	.frontpage {}
	.frontpage .pt-container-header {background:none;}
	.frontpage .pt-container-footer {margin-top:600px;} /* Determines the distance between the footerimages */

	/* The Store */
	.thestore {padding:327px 0 0 0; text-align: center;}

	.thestore .thestore-bigimage {position:absolute;left:-185px; /* 1020/2 - 1380/2 */top:107px;}
	.thestore .thestore-bigimage img {width:1380px;}
	.thestore .thestore-introtext {margin: 20px;text-align:center;color:#b3b3b3;line-height:32px;font-size:26px;font-family: 'Hill Light';font-weight: normal; letter-spacing: 0.05em;}
	.thestore .thestore-introtext strong {color:#000;font-weight: normal;}
	.thestore .thestore-introtext a {border-bottom: 1px dotted; color:#000; text-decoration: none;}
	.thestore .thestore-introtext a:hover {border-bottom: none;}
	.thestore a.playtype-store-btn { background: url(../images/playtype-store-button.png) no-repeat left top; display: block; height: 248px; left: 630px; position: absolute; text-indent: -9999px; top: 467px; width: 440px; z-index: 300; }
	.thestore a:hover.playtype-store-btn { background-position: 0 -248px; }


  .thestore-list-container {position: relative; text-align: center; z-index: 20;}
  .thestore-list-container .header-wrapper {padding: 0 10px;position: relative; top: -180px;}
  .thestore-list-container .header-wrapper h1 {border-bottom: 1px solid #D8D8D8; color:#000; font: normal 60px/60px 'Home Display Bold', georgia, serif; letter-spacing: -0.05em;padding: 0 0 10px 0; text-align: center;}
  .thestore-list-container .header-wrapper p {margin: 15px auto; text-align: center; width: 480px;}
	.thestore-list-container a {border-bottom: 1px dotted; color: #5060a0; text-decoration: none;}
	.thestore-list-container a:hover {border-bottom: none;}

	#thestore-products {margin: 230px auto 60px; text-align:left;}
	#thestore-events {margin: 230px auto 40px; text-align:left; width: 980px;}
  	.thestore-item {float:left;margin:0 10px 30px 10px;}
  	.thestore-item.col1 {width:480px;}
  	.thestore-item.col2 {width:980px;}
  	.thestore-item.intro {height: 180px;}
  	.thestore-item p strong {color: #000;}
  	.thestore-item .outofstock {background: url(../images/out-of-stock.png) no-repeat;  height: 74px; width: 75px; position: absolute; right: 0;}


    /* Remove padding below posters in the product list */
  	#Poster-A p, #Poster-B p, #Poster-C p, #Poster-D p {margin-top: -10px;}

  	/* Product list CSS3 animation on resizing */
  	.masonry, .masonry .masonry-brick {-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;transition-duration: 0.7s;}
    .masonry {-webkit-transition-property: height, width;-moz-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
    .masonry .masonry-brick {-webkit-transition-property: left, right, top;-moz-transition-property: left, right, top;-o-transition-property: left, right, top;transition-property: left, right, top;}

  .thestore-footer {margin: 0 auto;position: relative; z-index: 20; width: 980px;}
 	.thestore-footer .openinghours {text-align:center;margin:40px 20px;}
 	.thestore-footer .openinghours p strong {font-weight:normal;color:#000;}
 	.thestore-footer .openinghours ul {display:block;width:300px;margin:0 auto;list-style:none;}
 	.thestore-footer .openinghours ul li {text-align:right;position:relative;border-bottom:1px solid #e2e2e2}
 	.thestore-footer .openinghours ul li .day {position:absolute;left:0;}
 	.thestore-footer .openinghours .outtro {margin:50px 0 0 0;font-weight:normal;font-size:34px;font-family: 'Hill'; line-height:34px;letter-spacing:0  ;color:#000;}


	/* Contact Page */
	.contactpage {background:#fff;padding: 0 20px 20px;color:#000;}
	.contactpage .plHeadline {line-height:80px;font-size:30px;text-align:center;font-family:'Home Display', georgia, serif;}
	.contactpage table {background:#f2f2f2;width:100%;}
	.contactpage table tr {}
	.contactpage table tr th {background:#d8cdcf;color:#3C3C3B;text-align:left;line-height:30px;padding:0 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}
	.contactpage table tr td {padding:15px 10px;line-height:17px;}
	.contactpage table tr td table tr td {padding:0;line-height:17px;}
  .contactpage a {border-bottom: 1px dotted; text-decoration: none; color: #96777D;}
	.contactpage a:hover {border-bottom: none;}


	a.follow {text-decoration:none;}
	a.follow .icon {display:block;width:14px;height:14px;background:url(../images/sp_navigation.png) no-repeat;margin:2px 5px 0px 0;float:left;}
	a.follow.facebook .icon {background-position:-14px -443px;}
	a.follow.twitter .icon {background-position:0 -443px;}
	a.follow.facebook:hover .icon {background-position:-42px -443px;}
	a.follow.twitter:hover .icon {background-position:-28px -443px;}
	.contactpage-newslettersignup {position:relative;padding:120px 0 0 0;}
	.contactpage-newslettersignup-title {position:absolute;top:30px;left:0;background:url(../images/e_newslettericon.png) 0 0 no-repeat;width:338px;height:119px;font-size:0;color:#fff;text-indent:-99px;z-index:10;}
	.contactpage-newslettersignup-formtitle {background:#d8cdcf;color:#3C3C3B;text-align:left;line-height:30px;padding:0 10px;text-align:center;font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}
	.contactpage .form {border-bottom:4px solid #000}
	.contactpage .bpButton {float:right;margin:20px 0 0 0;cursor:pointer;}


	/* Search Navigation */
	.pt-container-searchresultnavigation {background:white;padding:0 0 10px 0;}
	.pt-container-searchresultnavigation .pagenav {text-align:center;}
	.pt-container-searchresultnavigation .pagenav .pagenav-title {display:inline-block;height:20px;position:relative;top:-2px;}
	.pt-container-searchresultnavigation .pagenav ul {margin:0;list-style:none;background:url(../images/e_greyline.png) 50% 50% repeat-x;height:14px;display:inline-block;}
	.pt-container-searchresultnavigation .pagenav ul li {float:left;margin:0 10px 0 0;}
	.pt-container-searchresultnavigation .pagenav ul li:last-child {margin:0;}
	.pt-container-searchresultnavigation .pagenav ul li a {display:block;padding:0 3px;
		color:#9a9a9a;
		background:white;
		text-decoration:none;}
	.pt-container-searchresultnavigation .pagenav ul li a:hover,
	.pt-container-searchresultnavigation .pagenav ul li.active a {color:black;}

	.pt-container-searchresultnavigation .pagenavtitle {text-align:center;}
	.pt-container-searchresultnavigation .pagenavtitle strong {color:black;}

	.pt-container-searchresultnavigation .pagenavarrows {position:relative;}
	.pt-container-searchresultnavigation .pagenavarrows a {position:absolute;top:-15px;background-position:0% 50%;background-repeat:no-repeat;width:26px;height:49px;line-height:49px;
		color:#9b9b9b;
		text-decoration:none;
		padding:0 26px;

		background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;

		}
	.pt-container-searchresultnavigation .pagenavarrows a.prev {background-position:0 -91px;left:20px;}
	.pt-container-searchresultnavigation .pagenavarrows a.next {background-position:53px -143px;right:20px;}
	.pt-container-searchresultnavigation .pagenavarrows a:hover {color:#000;}
	.pt-container-searchresultnavigation .pagenavarrows a.prev:hover {background-position:-146px -91px;}
	.pt-container-searchresultnavigation .pagenavarrows a.next:hover {background-position:100% -143px;}

		/* Drupal */

    .view-Font-browser { position: relative; }

    .view-Font-browser .view-header,
    .view-Font-filter .view-header { position: absolute; width: 980px; z-index: 2;}

		.view .item-list {background:white;padding:0 0 10px 0;position:relative;padding:20px 0 10px 0;text-align:center;}
		.view .item-list-title {display:inline-block;height:20px;position:relative;top:-2px;}
		.view .item-list ul {margin:0 0 0 10px;list-style:none;background:url(../images/e_greyline.png) 50% 50% repeat-x;height:14px;display:inline-block;}
		.view .item-list ul li {float:left;margin:0 10px 0 0;display:block;padding:0 3px;color:#9a9a9a;background:white;text-decoration:none;}
		.view .item-list ul li.pager-info {margin:0;padding: 0 2px 0 0;} /* The spacing between the "Page:" label and the pagers */
		.view .item-list ul li.pager-item:last-child {margin:0;}
		.view .item-list ul li a {color:#999;text-decoration:none;}

		.view .item-list ul li a:hover,
		.view .item-list ul li.pager-current a,
		.view .item-list ul li.open a {color:#000; font-weight: bold;}

		.view ul li.pager-previous,
		.view ul li.pager-next,
		.pt-container-font-navigation .pager li.pager-previous,
		.pt-container-font-navigation .pager li.pager-next{background:white;width:20px;height:10px;margin:0 -10px;}
		.view ul li.pager-previous a,
		.view ul li.pager-next a,
  	.pt-container-font-navigation .pager li.pager-previous a,
		.pt-container-font-navigation .pager li.pager-next a{display:block;position:absolute;top:-10px;background-position:0% 50%;background-repeat:no-repeat;width:26px;height:49px;line-height:49px;color:#9b9b9b;text-decoration:none;padding:0 26px;background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;overflow:hidden; white-space: normal}

		.view ul li.pager-previous a,
		.pt-container-font-navigation .pager li.pager-previous a {background-position:0 -91px;left:20px;}

		.view ul li.pager-next a,
  	.pt-container-font-navigation .pager li.pager-next a{background-position:53px -143px;right:20px;}

		.view ul li.pager-previous a:hover,
		.view ul li.pager-next a:hover {color:#000;font-weight: normal;}

		.view ul li.pager-previous a:hover {background-position:-146px -91px;}
		.view ul li.pager-next a:hover {background-position:100% -143px;}

		.view ul li.pager-first,
		.view ul li.pager-last {display:none;}

		.font-filter { color: #000; font-weight: bold; text-align: center; }

		.font-filter-label { color: #999; font-weight:normal; }

		.pt-container-font-navigation { background: #fff; height: 50px; margin: -5px 0 0 0; position: relative; }
		.pt-container-font-navigation .pager { list-style: none; }
		.pt-container-font-navigation .pager li.pager-filter { color: #000; font-weight: bold; left: 200px; position: absolute; text-align: center; top: 0px; width: 620px; }
		.pt-container-font-navigation .pager li.pager-filter a.font-filter-backtosearch {color: #ccc; display: inline-block; font-size: 9px; font-weight: normal; letter-spacing: 0.05em; margin-top: 5px; padding: 2px 6px; text-decoration: none; text-transform: uppercase;}
		.pt-container-font-navigation .pager li.pager-filter a:hover.font-filter-backtosearch {color: #666;}

		/* Search Result */

		#search-form { display:none; }

		.box {background:white;}
		.box h2 {display: none; margin-left:20px;margin-bottom:20px;}


	/* Font List */

		/* Drupal Integration */
		.view-Font-browser,
		.view-Font-filter {background:white;padding:0 20px 25px 20px;}

		.view-Font-browser .view-content,
		.view-Font-filter .view-content {list-style:none;border-top:#f2f2f2 7px solid;margin:0 0 30px 0;}

		.view-Font-browser .views-row,
		.view-Font-filter .views-row {display:block;position:relative;}

		.view-Font-browser .views-row .fontpreview,
		.view-Font-filter .views-row .fontpreview {display:block;padding:20px;height:140px;border-width:0 0 1px 0;border-color:#ccc;border-style:solid;text-decoration:none;color:black; transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease;-moz-transition:	background-color 0.3s ease; -webkit-transition:	background-color 0.3s ease;	overflow:hidden;}

		.view-Font-browser .views-row:hover .fontpreview,
		.view-Font-filter .views-row .fontpreview:hover {background:#f2f2f2; transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition:	background-color 0.3s ease; -webkit-transition:	background-color 0.3s ease;}

		.view-Font-browser .views-row .fontpreview .fontpreview-title,
		.view-Font-filter .views-row .fontpreview .fontpreview-title {display:block;font-size:75px;line-height:70px;margin-top:3px;width:720px;white-space: nowrap;}
		.view-Font-browser .views-row .fontpreview .fontpreview-quickfox,
		.view-Font-filter .views-row .fontpreview .fontpreview-quickfox {display:block;font-size:29px;line-height:30px;margin:8px 0 0 4px;width:1000px;white-space: nowrap;}
		.view-Font-browser .views-row .fontpreview .fontpreview-lazydog,
		.view-Font-filter .views-row .fontpreview .fontpreview-lazydog {display:block;font-size:29px;line-height:29px;margin:4px;width:1000px;}

		.view-Font-browser .views-row .fontinfo,
		.view-Font-filter .views-row .fontinfo  {background:#f2f2f2;color:#616161;text-align:left;position:absolute;right:0;bottom:42px;}
		.view-Font-browser .views-row .fontinfo .fontinfo-title,
		.view-Font-filter .views-row .fontinfo .fontinfo-title {padding:0 0 0 6px;font-weight:bold;color:black;}
		.view-Font-browser .views-row .fontinfo .fontinfo-price,
		.view-Font-filter .views-row .fontinfo .fontinfo-price {float:right;padding:0 6px 0 0;}
		.view-Font-browser .views-row .linklink,
		.view-Font-filter .views-row .linklink	{position:absolute;bottom:14px;right:0;}

		.view-Font-browser .views-row .label-list ul {border:0;position:absolute;top:22px;right:-4px;}

		.view-Font-filter .views-row .basketlink {position:absolute;bottom:14px;right:0;}

		.view-Font-filter .views-row .label-list ul {border:0;position:absolute;top:22px;right:-4px;}


		/* AJAX - Infinite Scroll */
		.view-Font-browser .ajax-headline {
			padding:10px 0 3px 0;
			text-align:center;
			display:block;
			background:#F2F2F2;
			font-size:15px;

			text-shadow:#fff 1px 1px 1px;

		}
		.view-Font-browser .ajax-view-content {
			border-top:#f2f2f2 7px solid;margin:0 0 30px 0;
		}
		.view-Font-browser .ajax-view-content .view-content {margin:0;}



	/* Font Specific */
	.pt-sfont-title {position:relative;}
	.pt-sfont-title-title {font-size:75px;line-height:82px;padding:30px 20px 10px 20px;color:#000;}
	.pt-sfont-title .label-list {position:absolute;top:25px;right:20px;}

	.pt-sfont-headerimage {margin: 10px 0 0 0;}

	.pt-sfont-body {background:white;padding:20px;}

	.specfont {position:relative;}

	.specfont .shareon {line-height:25px;position:absolute;top:10px;right:16px;}
	.specfont .shareon .title {color:#999;display:inline-block;height:25px;line-height:25px;}
	.specfont .shareon ul {margin:0;list-style:none;display:inline;}
	.specfont .shareon ul li {display:inline;}
	.specfont .shareon ul li a {display:inline-block;font-size:0;text-decoration:none;color:white;width:14px;height:14px;background-repeat:no-repeat;background-position:50% 50%;
		background:url(../images/sp_navigation.png) no-repeat;}

	.specfont .shareon ul li.facebook a {background-position:-14px -443px;}
	.specfont .shareon ul li.facebook a:hover {background-position:-42px -443px;}
	.specfont .shareon ul li.twitter a {background-position:0 -443px;}
	.specfont .shareon ul li.twitter a:hover {background-position:-28px -443px;}

	.specfont .specfont-weightsandstyles {}
	.specfont .specfont-weightsandstyles ul {margin:0;list-style:none;}
	.specfont .specfont-weightsandstyles ul li {display:block;width:322px;padding:0 0 9px 0;}
	.specfont .specfont-weightsandstyles ul li a {
		display:block;
		background-color:#fde2f3;
		background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;background-position:10px -803px;

		color:#4c4c4c;
		width:322px;
		height:22px;
		line-height:23px;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
		border-color:#d8d4d7;
		border-style:solid;
		border-width:0 0 1px 0;

		margin-bottom:6px;}
	.specfont .specfont-weightsandstyles > ul > li:hover > a {background-color:#fde2f3;}

	.specfont .specfont-weightsandstyles ul li ul {display:block;width:322px;padding:19px 0;background:#fff2ff;position:absolute;
		-moz-box-shadow: 	2px 2px 5px #bbb;
		-webkit-box-shadow: 2px 2px 5px #bbb;
		box-shadow: 		2px 2px 5px #bbb;}
	.specfont .specfont-weightsandstyles ul li ul li {display:block;margin:0 10px;padding:0;line-height:11px;}
	.specfont .specfont-weightsandstyles ul li ul li a {width:auto;height:auto;line-height:inherit;color:#222;border:0;background:transparent;text-align:left;}
	.specfont .specfont-weightsandstyles ul li ul li a:hover {color:inherit;}
	.specfont .specfont-weightsandstyles ul li ul li.sep {border-width:0 0 1px 0;border-style:solid;border-color:#decfda;width:auto;margin-top:-2px;margin-bottom:8px;}
	.specfont .specfont-weightsandstyles ul li ul li.title {color:#222;font-weight:bold;}
	.specfont .specfont-weightsandstyles ul li ul li.subtitle {margin-top:20px;}
  .specfont .specfont-weightsandstyles ul li ul {display:none;z-index:10;}
	.specfont .specfont-weightsandstyles ul li:hover ul {/*display:block;*/	}

	.specfont-headinfo {margin:20px 0 0 0;}
	.specfont-headinfo .specfont-headinfo-teaser {padding:0 0 55px 0;margin:0;list-style:none;}
	.specfont-headinfo .specfont-headinfo-teaser li {width:223px;height:33px;padding:0 0 0 13px;float:left;}
	.specfont-headinfo .specfont-headinfo-teaser li strong {display:block;color:#000;}
	.specfont-headinfo .specfont-headinfo-teaser li a {display:block;color:inherit;text-decoration:none;padding:0 0 0 40px;background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;background-position:0 -379px;height:32px;}
 .specfont-headinfo .specfont-headinfo-teaser li a > strong {width:200px;}
	.specfont-headinfo .specfont-headinfo-teaser li a:hover {background-position:0 -411px;}

	.specfont-headinfo .specfont-headinfo-teaser li.fontcredit {width:259px;}
	.specfont-headinfo .specfont-headinfo-teaser li.fontcredit a {background-image: none; display: inline; padding: 0;}
	.specfont-headinfo .specfont-headinfo-teaser li.fontcredit a:hover {text-decoration: underline;}

	.specfont-headinfo .specfont-headinfo-teaser li.fontspec a {background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;background-position:0 -283px;}
	.specfont-headinfo .specfont-headinfo-teaser li.fontspec a:hover {background-position:0 -347px;}
	.specfont-headinfo .specfont-headinfo-teaser li.fontspec a.active {background-position:0 -315px;}

	.fontspecifications-container {clear:both;border-width:1px 0 0 0;border-style:solid;border-color:#dadada;background:#efe9e7;}
	.specfont-headinfo .specfont-headinfo-specs {padding:26px 0 26px 0;display: none;border-width:0; border-style:solid;border-color:#888; background:#efe9e7;}
	.specfont-headinfo .specfont-headinfo-specs ul {margin:0;list-style:none;}
	.specfont-headinfo .specfont-headinfo-specs ul li {width:33%;float:left;}

	.specfont-headinfo .specfont-headinfo-specs ul ul {font-size:10px;}
	.specfont-headinfo .specfont-headinfo-specs ul ul li {width:309px;height:18px;margin:0 0 0 13px;line-height:18px;position:relative;
		border-width:0 0 1px 0;
		border-style:solid;
		border-color:#dadada;}
	.specfont-headinfo .specfont-headinfo-specs ul ul li strong {width:190px;position:absolute;top:0;right:0;color:#000;}
	.specfont-headinfo .specfont-headinfo-specs ul ul li a {color:inherit;text-decoration:none;display:inline-block;padding:0 0 0 15px;background:url(../images/e_fs_specs_downloadable.png) 0 4px no-repeat;}

	.specfont-headinfo .specfont-headinfo-specs ul li:last-child li strong {width:210px;}

	.specfont-fontlistintro {height:68px;position:relative; border-width:0 0 5px 0; border-color:#000; border-style:solid;}
	.specfont-fontlistintro.empty {height:20px;}
	.specfont-fontlistintro .buywhole {display:block;height: 23px;line-height: 23px;position:absolute;right:237px;top:11px;color:#666;}
	.specfont-fontlistintro .buywhole strong {color:#000;}
	.specfont-fontlistintro .basket {}
	.specfont-fontlistintro .basket .bButton {position:absolute;top:37px;right:0;}
	.specfont-fontlistintro .basket .info {background:#eaff00;top:11px;}

	.specfont-fontlist {}
	.specfont-fontlist ul {margin:0;list-style:none;}
	.specfont-fontlist ul li ,
	.search-result {position:relative; border-bottom: 1px solid #dadada; width: 980px; }

	.specfont-fontlist ul li .label-list {position:absolute;right:250px;}
	.specfont-fontlist ul li .basket,
	.search-result .basket {position:absolute;right:0;top:0;}
	.specfont-fontlist ul li .basket .bButton,
	.search-result .basket .bButton{margin:4px 0 0 0;}
	.specfont-fontlist ul li .basket .bButton.info,
	.search-result .basket .bButton.info{margin-top:11px;}
	.specfont-fontlist ul li .font,
	.search-result .font{line-height:71px;display:block;font-size:33.19px;color:black;padding:0 0 0 14px;}

	.search-result a { text-decoration: none; }

		/* hover styles */
		.specfont-fontlist ul li .font:hover ,
		.search-result .font:hover {background:#f2f2f2;cursor:pointer;}

		.specfont-fontlist ul li.free .font { background:#f5ff00; }

		.specfont-fontlist ul li .font .detail {width:60px;height:60px;position:absolute;left:14px;bottom:5px;display:none;background:url(../images/sp_navigation.png) 0 -218px no-repeat;}
		.specfont-fontlist ul li .font:hover .detail {display:block;}

		.specfont-fontlist ul li.active .font {background:#f2f2f2;}
		.specfont-fontlist ul li.active .font:hover .detail,
		.specfont-fontlist ul li.active .font .detail {display:block;background-position:-58px -218px;}

		.specfont-fontlist ul li .fontdetail {display:none;}

	.specfont-fontlist ul li .fontdetail {}
	.specfont-fontlist ul li .fontdetail .editable {padding:28px 0 20px 0;position:relative;}
	.specfont-fontlist ul li .fontdetail .editable .title {margin: 0 0 20px 0;}
	.specfont-fontlist ul li .fontdetail .editable .font-size {margin:0;position:absolute;left:166px;border-left:1px solid #999;padding:0 0 0 10px;}
	.specfont-fontlist ul li .fontdetail .editable .font-size a {text-decoration:none;margin:0 10px 0 0;padding:0 10px 0 0;display:inline-block;
		border-width:0 1px 0 0;
		border-color:#999;
		border-style:solid;}
	.specfont-fontlist ul li .fontdetail .editable .font-size a.active {font-weight:bold;}
	.specfont-fontlist ul li .fontdetail .editable .textarea {
		background:url(../images/e_textarea_image.png);
		padding:20px 20px 0px 166px;
	}
	.specfont-fontlist ul li .fontdetail .editable textarea {font-size:54px;
		line-height:60px;
		font-family:inherit;
		color:black;

		width:980px;
		width:794px;
		height:auto;
		border:0;
		resize: none;
		display:block;

		background:transparent;
    overflow-y: hidden;
		}
	.specfont-fontlist ul li .fontdetail .editable textarea.small {}
	.specfont-fontlist ul li .fontdetail .editable textarea.medium {font-size:90px;line-height:100px;}
	.specfont-fontlist ul li .fontdetail .editable textarea.big {font-size:120px;line-height:130px;}

	.specfont-fontlist ul li .fontdetail .noneditable {background:#f2f2f2;padding:0 0 80px 0;}
	.specfont-fontlist ul li .fontdetail .noneditable .title {color:black;line-height:33px;padding:0 0 0 14px;}
	.specfont-fontlist ul li .fontdetail .noneditable .characterset {width:610px;float:left;overflow-x: hidden;}
	.specfont-fontlist ul li .fontdetail .noneditable .characterset .set {font-size:24px;line-height:39px;padding:0 0 0 14px;color:#303030;}
	.specfont-fontlist ul li .fontdetail .noneditable .bodytext {width:344px;float:right;padding:0 20px 0 0;}
	.specfont-fontlist ul li .fontdetail .noneditable .bodytext .set {font-size:16px;line-height:25px;padding:0 0 0 14px;color:#303030;}

	.specfont-fontlist ul li .fontdetail .noneditable .bodytext .specfont-headinfo {position: absolute; margin: 20px 0 0 10px;}
	.specfont-fontlist ul li .fontdetail .noneditable .bodytext .specfont-headinfo .specfont-headinfo-teaser li {border: none; padding: 0 0 0 5px; width: 100%;}
	.specfont-fontlist ul li .fontdetail .noneditable .bodytext .specfont-headinfo .specfont-headinfo-teaser li a {background-position:0 -900px;}
	.specfont-fontlist ul li .fontdetail .noneditable .bodytext .specfont-headinfo .specfont-headinfo-teaser li a:hover {background-position:0 -932px;}

	.specfont-readmore {margin:20px 0 0 14px;}
	.specfont-readmore a {color:#000;text-decoration:none;font-weight:Bold;}
	.specfont-readmore a:hover {color:inherit;}

	/* Basket */

	.pt-container-cbasket {}
	.cbasket-headnav {text-align:center;color:#b3b3b3;font-size:35px;line-height:80px;font-family:'Home Display Italic', georgia, serif;background:white;}
	.cbasket-headnav .cbasket-headnav-container {margin:0 20px;border-top:1px solid #d8d8d8;}
	.cbasket-headnav strong {font-weight:normal;color:black;}
	.cbasket-headnav a {text-decoration:none;color:inherit;}
	.cbasket-title {text-align:center;font-size:54px;font-family:'Home Display', georgia, serif;line-height:98px;color:#333333;}
	.cbasket-title.small {font-family:inherit;font-size:11px;}
	.cbasket-title.small a {text-decoration:none;}


	.cbasket-fontlist {background:white; min-height: 300px;}
	.cbasket-fontlist .cbasket-fontlist-header {background:black;color:white;text-align:center;margin:0 20px;line-height:20px;}
	.cbasket-fontlist .cbasket-fontlist-list {margin:0 20px;}
	.cbasket-fontlist .cbasket-fontlist-list ul {list-style:none;margin:47px 0 0 0;}
	.cbasket-fontlist .cbasket-fontlist-list ul li {border-top:2px solid #666;margin-bottom:10px;background:#f2f2f2;color:#000;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header {height:30px;line-height:30px;border-bottom:1px solid #c3c3c3;position:relative;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header .remove {position:absolute;left:8px;text-decoration:none;display:block;background:url(../images/sp_navigation.png) 0 -462px no-repeat;padding:0 0 0 30px;color:black;font-size:10px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header label {position:absolute;right:237px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header select {width:223px;height:22px;position:absolute;right:1px;top:4px;font-size:inherit;padding:2px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header option {padding:2px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header .licenses {position:absolute;left:690px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .header .licenses .amount {position:absolute; left: 73px; top: 0; width: 200px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .body {position:relative;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .body .font {padding:0 0 0 13px;font-size:30px;line-height:60px;font-weight:normal;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .body .info {position:absolute;right:10px;top:10px;width:205px;line-height:20px;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .body .info .price {}
	.cbasket-fontlist .cbasket-fontlist-list ul li .body .info .per {float:right;}
	.cbasket-fontlist .cbasket-fontlist-list ul li .body .info .weight {display:block;}

	.cbasket-fontlist .cbasket-fontlist-outtro {border-width:10px 0;border-style:solid;border-color:#000;}

	.cbasket-fontlist .disc-info {float:left;padding:30px 0 0 114px;
		background:url(../images/sp_navigation.png) 0 -500px no-repeat;
		height:78px;
		font-size:14px;
		line-height:18px;}
	.cbasket-fontlist .disc-info strong {color:black;font-weight:normal;}

	/* Paypal review */
	.cbasket-fontlist .cal {width:209px;height:15px;line-height:31px;float:right;clear:right;position:relative;padding:8px;margin:15px 0 0 0;color:#000;font-weight:bold;}
	.cbasket-fontlist .cal .name {line-height:15px;}
	.cbasket-fontlist .cal .amount {position:absolute;right:8px;top:0;}
	.cbasket-fontlist .cal .amount strong {font-size:15px;}
	.cbasket-fontlist .cal .info {position:absolute;right:240px;top:0;width:250px;text-align:right;}
	.cbasket-fontlist .cal.discount {background:#f0ff00;margin:10px 0 15px 0;}
	.cbasket-fontlist .sep {border-top:1px solid #cccccc;height:36px;clear:both;float:right;width:100%;padding:10px 0 0 0;}
	.cbasket-fontlist .sep .cal {margin:0;}
	.cbasket-fontlist .sep.grey {background:#f2f2f2;}
	.cbasket-fontlist .sep.darkgrey {background:#d9dcd4;border-color:#b0b2ac;}
	.cbasket-fontlist .sep.darkgrey {border:0;}

	/* Regular buying flow */
	.pt-container-cbasket .cal {width:209px;height:15px;line-height:31px;float:right;clear:right;position:relative;padding:8px;margin:15px 0 0 0;color:#000;font-weight:bold;}
	.pt-container-cbasket .cal .name {line-height:15px;}
	.pt-container-cbasket .cal .amount {position:absolute;right:8px;top:0;}
	.pt-container-cbasket .cal .amount strong {font-size:15px;}
	.pt-container-cbasket .cal .info {position:absolute;right:240px;top:0;width:250px;text-align:right;}
	.pt-container-cbasket .cal.discount {background:#f0ff00;margin:10px 0 15px 0;}
	.pt-container-cbasket .sep {border-top:1px solid #cccccc;height:36px;clear:both;float:right;width:100%;padding:10px 0 0 0;}
	.pt-container-cbasket .sep .cal {margin:0;}
	.pt-container-cbasket .sep.grey {background:#f2f2f2;}
	.pt-container-cbasket .sep.darkgrey {background:#d9dcd4;border-color:#b0b2ac;}
	.pt-container-cbasket .sep.darkgrey {border:0;}
	.pt-container-cbasket .sep .payment-conversion { display: inline-block; padding: 8px 0 0 10px; }
	.paypal .payment-conversion { display: none !important; }

	.cbasket-fontlist-finish {margin:55px 0 0  0;padding:0 0 25px 0;position:relative;}
	.cbasket-fontlist-finish .bpButton {position:absolute;right:0;top:0;}

	.paypal-review-wrapper { height: 105px; position: relative;}
	.paypal-review-wrapper .bpButton { top: 40px; position: absolute; right: 20px;}

	#payment-form .cbasket-fontlist {padding: 0 0 30px 0;}

	.arrowBackLink,
	.bpButton {width:223px;height:42px;line-height:42px;text-align:center;background:url(../images/sp_navigation.png) no-repeat;display:block;text-decoration:none;}

	.arrowBackLink {background-position:5px -680px;color:#000;}
	.bpButton {background-color:#000;background-position: 208px -595px;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;}
	.bpButton.noarrow {background-image:none;}
	.bpButton:hover {background-color:#666;}

	#edit-paypal { background: url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif); border: 0; cursor: pointer; height: 42px; text-indent: -999px; width: 145px; }

	.pt-container-cbasket .container {background:white;padding:0 20px 63px 20px;}
	.pt-container-cbasket .container.container {padding:0 20px 29px 20px;}
	.pt-container-cbasket .container .container-title {line-height:20px;text-align:center;color:white;background:black;}
	.pt-container-cbasket .container .container-subtitle {height:47px;line-height:47px;text-align:center;}
	.pt-container-cbasket .container .container-subtitle a {color:#000;text-decoration:none;}

	.pt-container-cbasket .container.error {}
	.pt-container-cbasket .container.error .container-title {background-color:#ff0000;}

	.pt-container-cbasket .form {display:block;border-width:2px 0;border-color:#000;border-style:solid;}

	.pt-container-cbasket .leftside {float:left;width:50%;}
	.pt-container-cbasket .rightside {float:right;text-align:right;}
	.pt-container-cbasket .rightside label { text-align: left; }

	.pt-container-cbasket .rightside > * {float:right;clear:right;margin:0 0 10px 0;}

	.pt-container-cbasket .newsletter {
		background:url(../images/e_newslettericon.png) 0 0 no-repeat;
		width:330px;
		height:121px;
		position:relative;}
	.pt-container-cbasket .newsletter .form-item {position:absolute;bottom:0;}

	.cbasket-clientdetaillist {position:relative; margin-bottom: 20px;}
	.cbasket-clientdetaillist ul {margin:0;list-style:none;border-top:1px solid #cccccc;width:100%;min-height:1px;}
	.cbasket-clientdetaillist ul li {float:left;color:#666;margin:-23px 0 0 8px;width:236px;line-height:15px;}
	.cbasket-clientdetaillist ul li a,
	.cbasket-clientdetaillist ul li strong {color:#000;text-decoration:none;font-weight:bold;}
	.cbasket-clientdetaillist .bpButton {position:absolute;right:0;bottom:0;}
	.cbasket-clientdetaillist li.date {text-align: right;}
	.cbasket-clientdetaillist li.namenaming {width: 700px;}

	.cbasket-downloadfontlist {background:#f2f2f2;border-width:2px 0 3px 0;border-color:#000;border-style:solid;padding:30px 0 32px 0;}
	.cbasket-downloadfontlist .cbasket-downloadfontlist-title {line-height:32px;color:#000;padding:0 0 0 8px;display:block;font-weight:bold;}
	.cbasket-downloadfontlist ul {border-bottom:1px solid #c2c2c2;margin:0;list-style:none;}
	.cbasket-downloadfontlist ul li {border-top:1px solid #c2c2c2;font-size:18px;line-height:32px;color:#000;padding:0 0 0 8px;position:relative;}

	.cbasket-downloadfontlist-title {position:relative;display:block;}
	.cbasket-downloadfontlist .price {position:absolute;right:15px;top:0;font-size:11px;}
	.cbasket-downloadfontlist .lic {position:absolute;right:200px;top:0;font-size:11px;}

	.container.download {padding-right: 0;}
	.container.download .rightside {margin: 50px 0 0 0; padding: 0 0 20px 0;}
	.container.download .rightside a {clear: none;}
	.container.download .rightside a.invoice {margin: 0 10px 0 0;}
	.container.download .rightside a.bpButton.invoice {background-color: #75eff1; background-image: none; color: #000;}
	.container.download .rightside a:hover.bpButton.invoice {background-color: #d7f0f2;}
	.container.download .rightside a.bpButton.download {background-position: 195px -986px;}
	.container.download .rightside a.bpButton.send-email {margin: 0 10px 0;}

	.cbasket-errormessage {text-align:center;}
	.cbasket-errormessage .msg {font-family:'Home Display', georgia, serif;font-size:30px;line-height:100px;color:#000;}
	.cbasket-errormessage .linelink {width:270px;margin:0 auto;text-align:center;background-position:-26px -737px;}

	.temp-error { padding: 20px 40px; text-align: center; }

	a#btn-create-license {line-height: 30px;}

  /* Hide the Basket Preview when on basket */
  .page-basket .pt-basket-container-footer,
  .page-receipt .pt-basket-container-footer,
  .page-purchase .pt-basket-container-footer { display: none; }

	/* News List */
	.view-News {background:white;padding:0 20px 20px;}
	.view-News .view-content {}
	.view-News .views-row {}

	.news_content {text-align:center;color:#333;border-top:1px solid #d8d8d8;padding:0 0 45px 0;}
	.node-type-news .news_content {border-top:#F2F2F2 7px solid;}

	.news_content .news_date {line-height:40px;color:#000;}
	.news_content .news_title {font-size:50px;line-height:60px;font-family:'Home Display', georgia, serif;width:800px;margin:0 auto;margin-bottom:15px;}
	.news_content .news_title h2 {font-weight:normal;}
	.news_content .news_title h2 a {text-decoration:none;}
	.news_content .news_title h2 a:hover {color: #00ddb0 !important; text-decoration:none;}
	.view-News .views-row:first-child .news_title {color:#a76d62;font-size:65px;}
	.news_content .news_new {}
	.news_content .news_new p {margin:0 auto;width:500px;}
	.news_content .news_new img {}
	.news_content .news_new p a {border-bottom: 1px dotted;color: #00ddb0;text-decoration: none;}
	.news_content .news_new p a:hover {border-bottom: none;}
	.news_content .news_new a.grey {display:inline-block;padding:0 5px;background-color:#f2f2f2;color:#000;text-decoration:none;font-weight:bold;}

	/* News Specific */
	.news_header-stroke {border-top:1px solid #d8d8d8; margin: 0 20px 10px;}
	.news_content_container {background:white;padding:10px 20px 20px 20px;}

	/* FAQ */
	.page-faq .pt-background {background-color:#e6dfdc;}
  .faq-image {background: #fff;}
    .faq-stroke {border-top: 1px solid #D8D8D8;height:1px; margin: 0 auto; width: 980px;}
	.view-FAQ {background:white;padding:0 20px 50px 20px;position:relative;color:#707070;}
	.view-FAQ .view-header {padding-top:10px;}
	.view-FAQ .view-header h1 {background:#d8cdcf;line-height:30px;margin-bottom:30px;text-transform:uppercase;font-weight:normal;color:#3c3c3b;letter-spacing:1px;}

  	/* Hidden */ .view-FAQ .view-header .first-word {position:absolute;top:0;left:0;width:100%;line-height:100px;font-size:33px;letter-spacing:0px;
		font-family:'Home Display', georgia, serif;color:#000; font-weight: normal; display: none;}

	.view-FAQ .view-content {border-top:1px solid #d5d5d5;}
	.view-FAQ .view-content .views-row {border-bottom:1px solid #d5d5d5;}
	.view-FAQ .view-content .views-row .faq-header {line-height:30px;cursor:pointer;}
	.view-FAQ .view-content .views-row .faq-content {background:#f2f2f2;padding:30px 0;line-height:15px;}
	.view-FAQ .view-content .views-row .faq-content p {margin: 0 40px 10px; max-width:590px;}

	.view-FAQ .view-content .views-row .faq-content {display:none;}
	.view-FAQ .view-content .views-row .faq-header:hover {color:#000;}
	.view-FAQ .view-content .views-row .faq-header.active {color:#000;}

	/* About Frontpage */
	.aboutfront { background: url(../pictures/about_frontpage_background.png); height: 720px; position: relative;}
	.aboutfront p { color:#4c4c4c; left: 390px; position: absolute;  width: 270px; text-align: center;}
	.aboutfront p.firsttext {top: 20px;}
	.aboutfront p.secondtext {top: 630px;}

	.aboutfront a.button { background: url(../images/about-frontpage-links.png); height: 168px; position: absolute; width: 160px; text-indent: -9999px;}
	 .aboutfront a#typographers-glossary { background-position: 0 0; left: 285px; top: 67px; }
	 .aboutfront a#type-designers { background-position: -160px 0; left: 150px; top: 370px; }
	 .aboutfront a#licensing { background-position: -320px 0; left: 704px; top: 175px; }

	 .aboutfront a:hover#typographers-glossary { background-position: 0 -170px; }
   .aboutfront a:hover#type-designers { background-position: -160px -170px; }
	 .aboutfront a:hover#licensing { background-position: -320px -170px;}

  .aboutfront span.hand-left { background:url(../images/hand-left-trans.png) 50% 50% no-repeat; display:block; height:34px; left: 160px; position: absolute; top: 65px; width: 74px;}
  .aboutfront span.hand-right { background:url(../images/hand-right-trans.png) 50% 50% no-repeat; display:block; height:34px; left: -70px; position: absolute; top: 65px; width: 74px;}

	/* About pages */
	.page-about .pt-background {background-color:#e6dfdc;}

	/* Content Pages */
	.page-container {background-color: #fff; padding:0 20px 20px 20px;}
	.page-container .page-title {color:#000;font:35px 'Home Display', georgia, serif;line-height:80px;text-align:center;}

	h1.page-title {color:#444;font:48px 'Home Display Bold', georgia, serif;line-height:110px;text-align:center;}
	.page-container h2 {font: 20px/24px 'Hill Light'; margin: 0 0 15px 0; letter-spacing: 0.05em;}
	.page-container .left h2 {padding: 0 20px 0 0;}
	.page-container h2 strong {color: #000; font-weight: normal;}
	.page-container h3 {border-bottom: 1px solid #e6e6e6; color: #000; font-size: 14px; margin: 30px 0 5px 0; padding: 0 0 5px 0;}
	.page-container h3:first-child {margin-top: 0;}
	.page-container h4 {color: #000; font-weight: bold; margin: 0; padding: 0;}
	.page-container h5 {color: #999; font-size: 10px; text-transform: uppercase;}
	.page-container p {padding: 0;}

  .page-about .page-container a {border-bottom: 1px dotted; text-decoration: none; color: #96777D;}
	.page-about .page-container a:hover {border-bottom: none;}

	.page-container .page-subtitle {letter-spacing:1px;color:#3c3c3b;background:#d8cdcf;line-height:30px;margin-bottom:20px;text-transform:uppercase;text-align:center;}
	.page-container strong {color:#000;}
	.page-container table td { vertical-align: middle !important; }

	.page-container ul { margin-bottom: 20px; padding-left: 20px; }



    /* Commision Type */
		.comissiontype {}
		.page-comissiontype-intro {margin: 0 0 30px 0; }
		.page-comissiontype-intro .left {float:left;width:480px;}
		.page-comissiontype-intro .right {float:right;width:480px;}

		.page-comissiontype-cases {clear:both;width:1000px;}
		.page-comissiontype-cases ul {margin:0;list-style:none; padding: 0;}
		.page-comissiontype-cases ul li {float:left;height:370px;width:480px;margin:0 20px 20px 0;}
		.page-comissiontype-cases ul li img {margin: 0 0 5px 0; max-width:100%;}

		/* Font Designers */
		.page-fontdesigners-list {}
		.page-fontdesigners-list ul {margin: 0 0 0 0;list-style:none; padding: 0;}
		.page-fontdesigners-list ul li {display:block;float:left;margin:0 7px 0 0; padding: 0 10px 0 0;position:relative;width: 312px;}
		.page-fontdesigners-list ul li:last-child {margin: 0;}
		.page-fontdesigners-list ul li img {margin: 0 0 20px 0;}
		.page-fontdesigners-list ul li p a {color: #96777D;text-decoration: none;}
		.page-fontdesigners-list ul li p a:hover {text-decoration: none;}

		/* Typographer's Glossary */
		.typographersglossary {}
		.typographersglossary .page-title {}
		.typographersglossary .page-title em {font-style:normal;font-family:'Home Display Italic';}
		.typographersglossary .page-subtitle {margin-bottom:7px;}
		.typographersglossary .page-typographersglossary-bigmap {margin-bottom:30px; text-align: right;}
		.typographersglossary .page-typographersglossary-bigmap img {width:100%;}
		.typographersglossary .page-typographersglossary-bigmap a {font-size: 9px; text-decoration: none; text-transform: uppercase;}
		.typographersglossary .page-typographersglossary-classes {margin-bottom:50px;}
		.typographersglossary .page-typographersglossary-classes .page-subtitle {margin-bottom:7px;}
		.typographersglossary .page-typographersglossary-classes ul {margin:0;list-style:none;width:990px;}
		.typographersglossary .page-typographersglossary-classes ul li {float:left;width:322px;height:260px; margin:0 7px 7px 0;}
		.typographersglossary .page-typographersglossary-classes ul li p {padding: 0 10px 0 0;}
		.typographersglossary .page-typographersglossary-classes ul li p a {border-bottom: 1px dotted; text-decoration: none; color: #96777D;}
		.typographersglossary .page-typographersglossary-classes ul li p a:hover {border-bottom: none;}

		/* Typographer's Glossary > Styles */
		  .typographersglossary .page-typographersglossary-classes ul li .styles {background-color: #f2f2f2; background-image: url(../pictures/type-glossary-styles.png); height:80px;margin: 0 0 10px 0; width:322px;}
  		.typographersglossary .page-typographersglossary-classes ul li .intro        {background-color: #E6DFDC;}

  		.typographersglossary .page-typographersglossary-classes ul li .serif        {}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.didone {background-position: 0 -70px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.gerald {background-position: 0 -140px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.modern {background-position: 0 -210px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.veneti {background-position: 0 -280px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.displa {background-position: 0 -350px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.text   {background-position: 0 -420px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.stenci {background-position: 0 -490px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.decora {background-position: 0 -560px;}
  		.typographersglossary .page-typographersglossary-classes ul li .serif.square {background-position: 0 -630px;}
  		.typographersglossary .page-typographersglossary-classes ul li.last-serif {height: 200px;}

  		.typographersglossary .page-typographersglossary-classes ul li .sans        {background-position: -322px 0;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.geomet {background-position: -322px -70px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.humani {background-position: -322px -140px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.gothic {background-position: -322px -210px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.neogro {background-position: -322px -280px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.stenci {background-position: -322px -350px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.square {background-position: -322px -420px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.monosp {background-position: -322px -490px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.display{background-position: -322px -560px;}
  		.typographersglossary .page-typographersglossary-classes ul li .sans.round  {background-position: -322px -630px;}

  		.typographersglossary .page-typographersglossary-classes ul li .slabserif        {background-position: -644px 0;}
  		.typographersglossary .page-typographersglossary-classes ul li .slabserif.humani {background-position: -644px -70px;}
  		.typographersglossary .page-typographersglossary-classes ul li .slabserif.square {background-position: -644px -140px;}
  		.typographersglossary .page-typographersglossary-classes ul li .slabserif.typewr {background-position: -644px -210px;}
  		.typographersglossary .page-typographersglossary-classes ul li .slabserif.grotes {background-position: -644px -280px;}
  		.typographersglossary .page-typographersglossary-classes ul li .slabserif.display{background-position: -644px -350px;}
  		.typographersglossary .page-typographersglossary-classes ul li .slabserif.round  {background-position: -644px -420px;}

  		.typographersglossary .page-typographersglossary-classes ul li .freestyle        {background-position: -966px 0;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.display{background-position: -966px -70px;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.stenci {background-position: -966px -140px;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.dot    {background-position: -966px -210px;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.decora {background-position: -966px -280px;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.dingba {background-position: -966px -350px;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.ripped {background-position: -966px -420px;}
  		.typographersglossary .page-typographersglossary-classes ul li .freestyle.script {background-position: -966px -490px;}
  		.typographersglossary .page-typographersglossary-classes ul li.last-freestyle {height: 180px;}

		  /* Typographer's Glossary > Attributes (such as case, italic eg.) */
			.typographersglossary .page-typographersglossary-classes ul li .attributes {background-color: #f2f2f2; background-image: url(../pictures/type-glossary-attributes.png); height:108px;margin: 0 0 10px 0; width:322px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.uppercase {background-position: 0 0;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.lowercase {background-position: 0 -108px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.unicase   {background-position: 0 -216px;}

  		.typographersglossary .page-typographersglossary-classes ul li .attributes.romanit   {background-position: 0 -324px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.italic  {background-position: 0 -432px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.oblique {background-position: 0 -540px;}

  		.typographersglossary .page-typographersglossary-classes ul li .attributes.regular   {background-position: 0 -648px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.caps      {background-position: 0 -756px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.smallcaps {background-position: 0 -864px;}

  		.typographersglossary .page-typographersglossary-classes ul li .attributes.compressed   {background-position: 0 -972px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.condensed    {background-position: 0 -1080px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.regularwidth {background-position: 0 -1188px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.wide         {background-position: 0 -1296px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.superwide    {background-position: 0 -1404px; width:650px;}

  		.typographersglossary .page-typographersglossary-classes ul.weight li            {height:390px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.light {background-position: 0 -1512px; height:222px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.book  {background-position: 0 -1734px; height:222px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.bold  {background-position: 0 -1956px; height:222px;}

  		.typographersglossary .page-typographersglossary-classes ul.language li              {height:330px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.roman     {background-position: -322px -1512px; height:180px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.greek     {background-position: -322px -1734px; height:180px;}
  		.typographersglossary .page-typographersglossary-classes ul li .attributes.cyrillic  {background-position: -322px -1956px; height:180px;}

    	/* Typographer's Glossary > Positioning (such as kerning, subscript eg.) */
			.typographersglossary .page-typographersglossary-classes ul li .positioning {background-color: #f2f2f2; background-image: url(../pictures/type-glossary-positioning.png); height:338px;margin: 0 0 10px 0; width:650px;}
  		.typographersglossary .page-typographersglossary-classes ul li.two-col                {height:338px; width: 650px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.kerning   {background-position: 0 0;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.tracking  {background-position: 0 -345px;}
  		.typographersglossary .page-typographersglossary-classes ul li.two-col-tall           {height:436px; width: 650px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.leading   {background-position: 0 -697px; height:436px;}

  		.typographersglossary .page-typographersglossary-classes ul li.three-col              {height:151px; width: 980px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.numbers   {background-position: 0 -1126px; height:151px; width: 980px;}
  		.typographersglossary .page-typographersglossary-classes ul li.lining                 {height:350px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.tabular   {background-position: 0 -1284px; height:216px; width: 322px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.propor    {background-position: -329px -1284px; height:216px; width: 322px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.oldstyle  {background-position: -658px -1284px; height:216px; width: 322px;}

  		.typographersglossary .page-typographersglossary-classes ul li .positioning.superscript {background-position: 0 -1507px; height:108px; width: 322px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.subscript   {background-position: -329px -1507px; height:108px; width: 322px;}
  		.typographersglossary .page-typographersglossary-classes ul li .positioning.fractions   {background-position: -658px -1507px; height:108px; width: 322px;}


		/* General Technical Details */
		.generaltechnicaldetails {}
		.generaltechnicaldetails .page-generaltechnicaldetails-column {position:relative;}
		.generaltechnicaldetails .page-generaltechnicaldetails-column .left {position: absolute; width:480px;}
		.generaltechnicaldetails .page-generaltechnicaldetails-column .right {float:right;width:480px;}

    /* Character Sets & languages */
		.characterset {padding-bottom: 50px;}
		.page-characterset-intro {margin: 0 0 75px 0; }
		.page-characterset-intro .left {float:left;width:190px;}    /* 1 of 5 columns */
		.page-characterset-intro .right {float:right;width:783px;}  /* 4 of 5 columns */

		.page-characterset-table {padding: 0 0 50px 0; position: relative;}
		.page-characterset-table > ul {float: left; list-style: none; margin: 0 7px 0 0; padding: 0; }
		.page-characterset-table > ul.characterset-coloumn {width: 190px;}
		.page-characterset-table > ul > li.characterset-title {border-bottom: 5px solid #000;color: #999; font: 28px/27px 'Hill Light', arial, sans-serif; height: 58px; margin: 0 0 7px 0;}
		.page-characterset-table > ul > li.characterset-title strong {font-family: 'Hill Demibold', arial, sans-serif; font-weight: normal;}
		.page-characterset-table > ul > li.characterset-intro {height: 210px; padding: 0 5px 0 0;}
		.page-characterset-table > ul > li > ul {border-top: 2px solid #999; font-size: 10px; list-style: none; margin: 0 0 20px 0;}
		.page-characterset-table > ul > li > ul > li {border-bottom: 1px solid #ccc; padding: 1px 0;}
		.page-characterset-table > ul > li.characterset-examples,
		.page-characterset-table > ul > li.characterset-language {font-size: 9px;}
		.page-characterset-table > ul.characterset-coloumn.pro-set > li.characterset-title {width: 394px;}
		.page-characterset-table > ul.characterset-coloumn.extentions-set {float: right;}
		.page-characterset-table > ul.characterset-coloumn.extentions-set > li span.characterset-subtitle  {display: block; font: 19px/20px 'Hill Light', arial, sans-serif; margin: 0 0 10px 0;}
		.page-characterset-table > ul.characterset-coloumn.extentions-set > li span.characterset-subtitl strong {font-family: 'Hill Demibold', arial, sans-serif; font-weight: normal;}
		.page-characterset-table > ul.characterset-coloumn.extentions-set > li.characterset-intro {border: 0;}

    .page-characterset-table > ul.characterset-coloumn > li {position: relative;}
    .page-characterset-table > ul.characterset-coloumn .label-list > ul {bottom: 15px; position: absolute;}
    .page-characterset-table > ul.characterset-coloumn .label-list > ul li {float:left; margin-left: -5px;}

    .page-characterset-table .characterset-examples {margin: 15px 0 0 0;}
    .page-characterset-table .characterset-examples > div {background: #f2f2f2 url(../pictures/character-set-examples.png) no-repeat; height: 42px; margin: 2px 0 15px; width: 190px;}
    .page-characterset-table .characterset-examples .latin       {background-position: 0 0;}
    .page-characterset-table .characterset-examples .punctuation {background-position: 0 -50px;}
    .page-characterset-table .characterset-examples .latin2      {background-position: 0 -100px;}
    .page-characterset-table .characterset-examples .lining      {background-position: 0 -150px;}
    .page-characterset-table .characterset-examples .oldstyle    {background-position: 0 -200px;}
    .page-characterset-table .characterset-examples .fractions   {background-position: 0 -250px;}
    .page-characterset-table .characterset-examples .subsup      {background-position: 0 -300px;}
    .page-characterset-table .characterset-examples .smallcaps   {background-position: 0 -350px;}
    .page-characterset-table .characterset-examples .greek       {background-position: 0 -400px;}
    .page-characterset-table .characterset-examples .cyrillic    {background-position: 0 -450px;}
    .page-characterset-table .characterset-examples .latinext    {background-position: 0 -500px;}
    .page-characterset-table .characterset-examples .greekext    {background-position: 0 -550px;}
    .page-characterset-table .characterset-examples .vietnamese  {background-position: 0 -600px;}

		.page-characterset-table .bigplus-wrapper {position: absolute; height: 184px; width: 184px; left: 591px; top: 189px;}
 		.page-characterset-table .bigplus-wrapper .bigplus {background: #ffb051;position: relative;}
 		.page-characterset-table .bigplus-wrapper .bigplus.horisontal {height: 2px; width: 100%; top: 50%; margin-top: -1px;}
 		.page-characterset-table .bigplus-wrapper .bigplus.vertical {height: 100%; width: 2px; left: 50%; margin-left: -1px;}

		/* The foundry */
		.generaltechnicaldetails .page-generaltechnicaldetails-column p.narrowmargin {margin-right:250px;}
		.generaltechnicaldetails .page-generaltechnicaldetails-column img {margin-bottom:16px;}
		.generaltechnicaldetails .page-generaltechnicaldetails-column .onecolumn {padding:0 0 30px 0;}


/* Modules / Elements */

	/* Arrow Navigation */
	.arrow-navigation {display:block;background:white;position:relative;height:60px;}
	.arrow-navigation .arrow {color: #999;position:absolute;background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;width:26px;height:49px;line-height:49px;text-decoration:none;padding:0 26px;}
	.arrow-navigation .arrow:hover {color:#000;}
	.arrow-navigation .arrow.next {right:20px;background-position:53px -143px;}
	.arrow-navigation .arrow.prev {left:20px;background-position:0 -91px;}
	.arrow-navigation .arrow.next:hover {background-position:100% -143px;}
	.arrow-navigation .arrow.prev:hover {background-position:-146px -91px;}


	/* Form */

	.form {padding:0;color:#000;width:100%;overflow:hidden;}
	.form > label,
	.form .form-item {display:block;width:100%;height:30px;line-height:30px;position:relative;padding-left:10px;background:#f2f2f2 url(../images/e_formline.png) 206px 0 repeat-y;margin:0;}
	.form .form-item label {display:inline-block;position: relative; z-index: 11;}
	.form input {display:block;height:30px;line-height:30px;width:980px;width:737px;padding:0 0 0 243px;border:0;position:absolute;top:0;left:0;background:transparent;border-bottom:1px solid #000;border-bottom:1px solid rgba(0,0,0,0.3);z-index:10;font-size:inherit;cursor: pointer;}
 	#edit-license-country-wrapper, #edit-country-wrapper {border-bottom:1px solid #000;border-bottom:1px solid rgba(0,0,0,0.3);}
	.form input.error {border-width:0 0 1px 0;border-style:solid;border-color:red;border-color:rgba(0,0,0,0.3);background:rgba(255,0,0,0.1);}
	.form input:focus,
	.form input:active {border-color:red;color:red;border-color:rgba(0,144,69,0.3);color:rgba(0,144,69,1);}
	.form input:-webkit-autofill {background-image: inherit; opacity: 0.7;}

	.form-item#edit-month-wrapper,
	.form-item#edit-year-wrapper,
	.form label.notext {border-bottom:1px solid #000;border-bottom:1px solid rgba(0,0,0,0.3);}
	.form label .info {	position:absolute;top:0;left:0;	margin:0 0 0 243px;}
	.form .form-item select,
	.form label select { left:0; margin:6px 0 0 243px; position:absolute; top:0; width:200px; }
	.form label.big { height:62px; line-height:62px; }
	.form label.big .paymentmethods {display:block;margin:12px 0 0 243px;position:absolute;top:0;left:0;}

	#payment-method > .form-item { height: auto; overflow: hidden; }
	#payment-method > .form-item > label { float: left; margin: 25px 0 0 0; }
	#payment-method > .form-item > .form-radios { float: right; overflow: hidden; padding: 20px 0 10px 0; width: 760px; }
	#payment-method > .form-item > .form-radios #edit-method-1-wrapper { padding-left: 50px; }
	#payment-method > .form-item > .form-radios > .form-item { background: none; display: inline; line-height: 15px; }
	#payment-method > .form-item > .form-radios > .form-item .label { margin: 0 0 0 30px; }
	#payment-method > .form-item > .form-radios > .form-item input { border: 0; height: auto !important; margin: 15px 0 0 0; padding: 0 0 0 30px; width: auto !important; }
	#payment-method > .form-item > .form-radios > .form-item img { display: block; }

	.lt-ie9 #payment-method > .form-item > .form-radios > .form-item input { padding: 0;}

	#add-licence-top { font-weight: bold; height: 30px; line-height: 30px; list-style: none; margin: 0; padding: 0; position: relative; }
	#add-licence-top > li { background:#f2f2f2 url(../images/e_formline.png) 206px 0 repeat-y; cursor: pointer; padding: 0 0 0 25px; position: absolute; width: 100%; }
	#add-licence-top > li:hover { background-color: #d2d1d1; }
	#add-licence-top > li > img { left: 10px; position: absolute; top: 9px; }
	#btn-remove-licence {  }
	#btn-add-licence { display: none; }
	#btn-add-licence > em { font-weight: normal; margin: 0 0 0 95px; }

	#edit-license-email { border: none; }
	#edit-add-license-wrapper { display: none; }
	#edit-license-name-wrapper { border-top:1px solid rgba(0,0,0,0.3); }

	label.option .alternative-checkbox,
	.linelink,
	label.checkbox.linelink {width:218px;height:22px;line-height:22px;display:block;background:#f2f2f2;text-align:left;position:relative;padding:0 0 0 5px;color:#666666;text-decoration:none;}
	label.checkbox.linelink input {position:absolute;right:0;}
	a.linelink {background-image:url(../images/sp_navigation.png);background-repeat:no-repeat;background-position:203px -737px;}

	label.checkbox.linelink .alternative-checkbox {margin:0;background-color:#ccc;}
	label.checkbox.linelink .alternative-checkbox.true {background-color:#ffff00;}

	#edit-terms-accept-wrapper {width: 223px;}
	#edit-terms-accept-wrapper .option {float: left;}


	/* bButton */
	.bButton {display:block;width:223px;height:23px;background:#000;color:#aaa;text-align:center;line-height:23px;text-decoration:none;font-size:10px;cursor: pointer;}
  a.bButton:hover {background:#aaa;color:white;}

	.bButton.info {background:#f2f2f2;color:#616161;text-align:left;}
	.free .bButton.info {background:#e9f300;}
	.bButton.info .fontinfo-title {padding:0 0 0 10px;font-weight:bold;color:black;}
	.bButton.info .fontinfo-weights {}
	.bButton.info .fontinfo-price {float:right;padding:0 6px 0 0;}
	.free .bButton.info .fontinfo-price {font-style: italic;}

	.bButton.added,
	.bButton.added:hover {background:#f2f2f2;color:#bbb;font-style:italic;cursor:default;}

  /* Errors */
  .messages.error { display: block; color: #FF0000;position: absolute; top: 333px; left: 20px; text-align: center; width: 980px; }
  .messages.error ul { margin: 0; text-align: center; }
  .messages.error ul > li { display: inline; }


	/* Frontpage SlideShow */

		/* Drupal */
		.view-front {display:block;display:none;position:absolute;top:110px;left:0;overflow-x: hidden; z-index:3;width:100%;}
		.view-front .view-content {position:relative;z-index:10;}
		.view-front .view-content ul {margin:10px 0 0 0;}
		.view-front .view-content ul li {float:left;display:inline-block;margin: 0 20px 10px 0;}
		.view-front .view-content ul li img {max-width:100%;display: block;}
		.view-front .view-content ul li a {}
		.view-front .view-content ul li a img {border:0;}

		.view-front .view-content ul li .fpss-cont {background:#fff;}
		.view-front .view-content ul li .fpss-cont {-moz-box-shadow: 0 2px 8px #999;-webkit-box-shadow: 0 2px 8px #999;box-shadow: 0 2px 8px #999;}
		.view-front .view-content ul li .fpss-cont .fpss-cont-wrapper {min-height: 80px; padding:15px;}

		.view-front .view-content ul li .fpss-cont.transparent {background: transparent;}
		.view-front .view-content ul li .fpss-cont.transparent {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
		.view-front .view-content ul li .fpss-cont.transparent:hover {margin-top: 0;}
		.view-front .view-content ul li .fpss-cont.transparent .fpss-cont-wrapper {padding: 0 40px 15px 200px;}

		.view-front .view-content ul li .fpss-cont .fpss-cont-text {display: table-row;}
		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-tag {color: #000; display: table-cell; line-height: 14px; padding: 0 20px 0 0; vertical-align: top; width: 80px;}
		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-tag .date { color: #999; display: block; font-size: 9px; line-height: 14px; padding: 5px 0 0 0;}

		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-title { display: table-cell; color: #000; font: 32px/32px 'Home Display'; padding: 0 30px 0 0;vertical-align: top; white-space: nowrap;}
		.view-front .view-content ul li .fpss-cont.narrow .fpss-cont-text .fpss-title { padding: 0 30px 10px 0; white-space: normal;}

		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-title p { padding: 0; margin: 0;}
		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-title p strong { font: 32px/32px 'Home Display Bold';}
		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-title p em { font: 32px/32px 'Home Display Italic';}

		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-content { display: table-cell; color: #888; vertical-align: top;}
		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-content p { padding: 0; margin: 0;}
		.view-front .view-content ul li .fpss-cont .fpss-cont-text .fpss-content a { border-bottom: 1px dotted; color: #000; text-decoration: none; -webkit-transition: color 0.2s ease-out;}

		.view-front .view-content ul li .fpss-cont:hover .fpss-cont-text .fpss-content a { color: #00ddb0; }
		.view-front .view-content ul li .fpss-cont:hover .fpss-cont-text .fpss-content a:hover { border-bottom: none; }

		.view-front .pt-fpss-controls {position:relative;z-index:11;left:0;}
		.view-front .pt-fpss-controls  ul {margin:0;list-style:none;}
		.view-front .pt-fpss-controls  ul li {position:absolute;height:535px;width:100px;cursor:pointer;padding:0 10px;display: none;}
		.view-front .pt-fpss-controls  ul li.left {left:0;}
		.view-front .pt-fpss-controls  ul li.right {right:0;}
		.view-front .pt-fpss-controls  ul li a  {background:url(../images/hand-left.png) 50% 50% no-repeat;padding:0 8px;font-size:0;overflow:hidden;text-indent:99px;display:block;height:95px;margin-top:170px;}
		.view-front .pt-fpss-controls  ul li.right a  {background-image:url(../images/hand-right.png);}
		.view-front .pt-fpss-controls  ul li.inactive  {display:none !important;}


	/* Large Label List */
	.label-list {}
	.label-list ul {margin:0;list-style:none;}
	.label-list ul li {float:right;display:block;width:72px;height:72px;margin:0 0 0 5px;text-decoration:none;text-indent:-9999px;background:url(../images/sp_marks.png) top left no-repeat;background-position: 0 0; position: relative;}
	.label-list ul li.webfont				    {background-position:0 0;}
  .label-list ul li.news 					    {background-position:0 -100px;display: none;}
  .label-list ul li.super-family  	  {background-position:0 -300px;}
  .label-list ul li.special-offers		{background-position:0 -400px;display: none;} /* Hidden for now until we got a pricing structure ready */
  .label-list ul li.most-popular	   	{background-position:0 -500px; display: none;}
  .label-list ul li.standard     			{display: none;} /* if we decide to creat a Standard Character Set badge one day */
  .label-list ul li.advanced     			{background-position:0 -600px;}
  .label-list ul li.pro          			{background-position:0 -700px;}

	/* Medium Label List */
	.label-list-medium { position: absolute; right: 240px; top: 8px; }
	.label-list-medium ul { list-style:none; }
	.label-list-medium ul li { background-image:url(../images/sp_marks.png); border: none; display: none; float: right; height: 54px; margin: 0 0 0 10px; position: relative; text-indent: -99999px; width: 54px; }
  .label-list-medium ul li.news    { display: none; background-position:-150px -100px; }
  .label-list-medium ul li.web-font { display: block; background-position: -150px 0; }
	/*.label-list-medium ul li {border:none;display:block;width:54px;height:54px;text-decoration:none;overflow:hidden;text-indent:-9999px;background-image:url(../images/sp_marks.png);}
  .label-list-medium ul li.news             {background-position:-150px -100px;}
	.label-list-medium ul li.webfont				  {display: none; background-position:0 0;}
  .label-list-medium ul li.super-family		  {display: none;}
  .label-list-medium ul li.special-offers		{display: none;}
  .label-list-medium ul li.most-popular			{display: none;}
  .label-list-medium ul li.standard     		{display: none;}
  .label-list-medium ul li.advanced     		{display: none;}
  .label-list-medium ul li.pro           		{display: none;}
  .label-list-medium ul li.web-font     		{display: none;}*/


  /* Tooltip */
  .tooltip {
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    o-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    color: #000;
    display: none;
    left: -80px;
    padding: 30px;
    position: absolute;
    text-indent: 0;
    top: 75px;
    width: 173px;
    z-index: 30;
  }
  .label-list-medium .tooltip { top: 58px; left: -88px; }
  .tooltip .tip-up {background: url(../images/tip.png); display: block; height: 20px; margin-left: -16px; width: 32px; position: absolute; top: -20px; left: 50%;}
  .tooltip .tip-down {background: url(../images/tip-down.png); bottom: -12px; display: block; height: 20px; margin-left: -16px; width: 32px; position: absolute; left: 50%;}
  .tooltip a { border-bottom: 1px dotted; color: #96777D; display: block; margin: 15px 0 0 0; text-decoration: none; }

	.vat-tooltip { cursor: pointer; text-align: right; width: 300px !important; }
	.vat-tooltip span { color: gray; position: relative; }
	.vat-tooltip .tooltip { cursor: default; font-weight: normal; left: -230px; line-height: 14px; text-align: left; top: -262px; width: 500px; }
	.vat-tooltip .tooltip a { border: 0; color: #96777D; display: inline; margin: 0; text-decoration: none; }


/*
 * jScrollPane
 */

.jspContainer {overflow: hidden;position: relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute;top: 0;right: 0;width: 16px;height: 100%;}
.jspHorizontalBar {display:none; position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;}
.jspVerticalBar *,
.jspHorizontalBar * {margin: 0;padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #dde;position: relative;}
.jspDrag {background: #bbd;position: relative;top:0;left:0;cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {float:left;height:100%;}
.jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled {cursor: default;}
.jspVerticalBar .jspArrow {height: 16px;}
.jspHorizontalBar .jspArrow {width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {	margin: 0 -3px 0 0;}
/* custom changes to jscrollpane style */
.jspVerticalBar {width:12px;}
.jspVerticalBar .jspArrow {background: url(../images/sp_navigation.png) 0 0 no-repeat;height:12px;}
.jspVerticalBar .jspArrowUp.jspDisabled,
.jspVerticalBar .jspArrowUp {background-position:0 -648px;}
.jspVerticalBar .jspArrowDown.jspDisabled,
.jspVerticalBar .jspArrowDown {background-position:-14px -648px;}
.jspVerticalBar .jspTrack {background:#f2f2f2;}
.jspVerticalBar .jspDrag {background:black;}


/*
 * Site of the day

.awwwards {display:block;background: url('../images/awwwards_siteoftheday_b_right.png') left top no-repeat;height:105px;width:69px;right:0;top:67px;z-index:30000;position:absolute;}
.awwwards a {text-indent:-3000px;display:block;height:105px;width:69px;}

*/


/**
 * Font family listing
 */
 .page-font-families .font-filter { background: #fff; }
 .page-font-families .font-filter hr { border: 0; border-bottom: #F2F2F2 7px solid; margin: 10px auto 0 auto; width: 980px; }
 #font-family-list { background: #fff; margin: 0 0 20px 0; overflow: hidden; padding: 0 20px 20px 20px; }
 #font-family-list > div { float: left; margin: 0 6px 0 0; width: 190px; }
 #column-5 { margin-left: 0; }

 #font-family-list ul { list-style: none; margin: 20px 0 0 0; }
 ul.family-group { position: relative; width: 190px; }
 ul.family-group > li { border-bottom: 1px solid #bcbcbc; color: #000; cursor: pointer; font-size: 10px; line-height: 16px; padding: 0 2px; }
 ul.family-group > li:hover { background: #EFEFEF; }
 ul.family-group > li.group-title { background: none; border-bottom: 2px solid #000; color: #000; cursor: default; font: 30px/36px 'Hill Bold', Arial, sans-serif; }
 ul.family-group > li > a { text-decoration: none; }

 /**
  * Receipt
  */

 .page-receipt .pt-container-header { height: 104px; }
 .page-receipt .pt-container-header .address { margin-left: 820px; }
 .page-receipt #pt-footer,
 .page-receipt #block-playtypeshop-2 { display: none; }


 /**
  * Sales report
  */
#filter-sales-form { margin: 20px 0 0 0; }
#filter-sales-form label { font-weight: bold; }
#filter-sales-form .container-inline .form-item { display: inline; }

#sales-report { margin: 20px 0; position: relative; }
#sales-report-pager { position: relative !important; top: auto !important; }
#sales-report table { margin: 20px 0; text-align: left; width: 1020px; }
#sales-report tr { border-bottom: 1px solid gray; }
#sales-report tr.not-payed td { opacity: 0.3; }
#sales-report th { cursor: pointer; padding: 5px 5px 5px 0; }
#sales-report td { padding: 0 5px 0 0; }
#sales-report td.dibs { background: url(../images/DIBS_logo_blue_RGB.png) no-repeat center 9px; background-size: auto 10px; font-size: 0; }
#sales-report td.paypal { background: url(../images/PayPal_2014_logo.png) no-repeat center 9px; background-size: auto 10px; font-size: 0; }
.text-right { text-align: right; }
.headerSortUp, .headerSortDown { color: #000; }
.pager .first, .pager .prev, .pager .next, .pager .last { cursor: pointer; margin: 0 5px; }

.page-delete-purchase table { margin: 20px 0; text-align: left;}
.page-delete-purchase table td { padding: 10px 0; }
.page-delete-purchase thead { border-bottom: 1px solid #000; padding: 0 0 10px 0; }
.page-delete-purchase .cbasket-downloadfontlist { padding: 30px 20px; }

table.tablesorter thead tr .header { background: url(../images/tablesorter_bg.gif) no-repeat;	background-position: center right; cursor: pointer; }
table.tablesorter thead tr .headerSortUp { background-image: url(../images/tablesorter_asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../images/tablesorter_desc.gif); }


/* Sales report specials */
.page-sales-report .pt-container,
.page-sales-report #sales-report table { width: 100%; }
.page-sales-report #pt-footer,
.page-sales-report .pt-container-header,
.page-sales-report .pt-container-navigation { display: none; }
.page-sales-report #filter-sales-form,
.page-sales-report #export-sales-form,
.page-sales-report #sales-report { padding: 10px 40px; }
.page-sales-report #edit-date-from-wrapper,
.page-sales-report #edit-date-to-wrapper,
.page-sales-report #edit-show-payed-wrapper { display: inline-block; margin-right: 20px; }
.page-sales-report #sales-report > p{ font-size: 20px; }

.page-sales-report .sales-report-periods { margin: 0 0 50px 0; width: 100%; font-size: 0; }
.page-sales-report .sales-report-periods > div { display: inline-block; width: 25%; font: normal 60px/0.9em 'Hill Light', 'Helvetica Neue', Arial; }
.page-sales-report .sales-report-periods .label { display: block; font: normal 13px/1em 'Hill Light', 'Helvetica Neue', Arial; text-transform: uppercase; margin-bottom: 10px;}



 /* Berlingske Launch Frontpage */
.page-on-display { background: #01d4ff; }

.page-on-display .pt-container { background: url(../pictures/italianPlateFamily.gif) no-repeat center 45%; background-size: contain; width: 100%; cursor: pointer; }
.page-on-display .pt-container-header { background: transparent; width: 1020px; margin: 0 auto; }

.page-on-display .pt-container-header .pt-container-header-headline a,
.page-on-display .pt-container-header .pt-container-header-navigation ul li a { color: #fff; }
.page-on-display .pt-container-header .pt-container-header-navigation ul li a:hover { color: #0c0d30; text-decoration: none; }
.page-on-display .pt-container-navigation { display: none; }

.page-on-display .cta { width: 930px; padding: 60px 20px 60px 70px; position: absolute; left: 50%; margin-left: -510px; bottom: 0; z-index: 50; }
.page-on-display .cta .left,
.page-on-display .cta .right { display: inline-block; width: 40%; }
.page-on-display .cta .right { text-align: right; right: 20px; position: absolute; bottom: 55px; }
.page-on-display .cta,
.page-on-display .cta a { color: #fff; }
.page-on-display .cta h2 { font: normal 14px/1.3em 'Italian_Plate_No_2_Medium', Arial; margin-bottom: 9px; }
.page-on-display .cta .btn { font: normal 30px/1em 'Italian_Plate_No_2_Medium', Arial, sans-serif; background: url(../images/dot.png) repeat-x 2px bottom; padding-right: 2px; text-transform: uppercase; text-decoration: none; }
/*
.page-on-display .cta .left .btn { margin-left: -1px; padding-bottom: 2px; }
.page-on-display .cta .right .btn { font: normal 24px/1em 'Italian_Plate_No_2_Medium', Arial, sans-serif; padding-bottom: 3px; }
*/

.video-player { background: #000; width: 100%; height: 100%; position: absolute; top: 0; display: none; z-index: 50; }
.video-player iframe { width: 100%; height: 100% !important; }
.video-player .close-video { background: url(../images/video-close.png); cursor: pointer; position: absolute; color: #fff; top: 80px; right: 80px; width: 30px; height: 30px; background-size: cover; text-indent: 9999px; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; overflow: hidden;  }
.video-player:hover .close-video { opacity: 1; }


@media screen and (max-width: 1020px) {
	.page-on-display .cta { left: 0; margin-left: 0; }
	.page-on-display .pt-container { width:  1020px; }

}

@media screen and (min-width: 1500px) {
/* 	.page-on-display .pt-container { background-image: url(../pictures/berlingske-font-teaser-large.gif); height: 900px; } */
}


/* Landingpage */
.front { background-color: #efefef; }
.front .landingpage { list-style: none; font-size: 0; padding: 0; margin: 0; }
.front .landingpage > li { display: inline-block; width: 50%; text-align: center; height: 100vh; vertical-align: top; position: relative; overflow: hidden; }
.front .landingpage > li .content { font: normal 14px/1.2em 'Nationale', Arial, sans-serif; color: #888; position: absolute; bottom: 80px; width: 80%; height: 100px; padding: 0 10%; }
.front .landingpage > li .content h2 { font-family: 'Nationale Demibold', Arial, sans-serif; }
.front .landingpage > li .content .actions { margin: 40px 0 0 0; list-style: none; padding: 0; }
.front .landingpage > li .content .actions li a { font: normal 12px/1.2em 'Nationale Demibold', Arial, sans-serif; color: #fff; padding: 0.9em 1.5em 0.8em; background-color: #fa8778; text-transform: uppercase; text-decoration: none; }
.front .landingpage > li.shop-products .content .actions li a:hover { background-color: #232323; }
.front .landingpage > li.shop-fonts .content .actions li a:hover { background-color: #efefef; color: #232323; }

.front .landingpage .shop-products {   }
.front .landingpage .shop-products img { height: 50vh; width: auto; margin-top: 15vh; }
.front .landingpage .shop-fonts { background-color: #232323; }
.front .landingpage .shop-fonts img { height: 50vh; width: auto; margin-top: 15vh; }

.lt-ie9 { min-height: 100%; }
.lt-ie9 .front,
.lt-ie9 .front .landingpage { height: 100%; }
.lt-ie9 .front .landingpage > li { display: block; width: 50%; float: left; height: 100%; min-height: 500px; }
.lt-ie9 .front .landingpage .shop-products img,
.lt-ie9 .front .landingpage .shop-fonts img { height: 300px; margin-top: 50px; }

@media (max-height: 550px) {
	.front .landingpage .shop-products img,
	.front .landingpage .shop-fonts img { height: 40vh; }
}

@media (max-width: 600px) {
	.front { background-color: #232323; }
	.front .landingpage > li { width: 100%; height: inherit; }
	.front .landingpage .shop-products { background-color: #efefef; }
	.front .landingpage .shop-products img,
	.front .landingpage .shop-fonts img { height: 150px; margin-top: 20px; }
	.front .landingpage > li .content { position: relative; bottom: inherit; height: auto; }
	.front .landingpage > li .content h2,
	.front .landingpage > li .content p { font-size: 10px; }
	.front .landingpage > li .content .actions { margin: 0 0 20px 0; }
	.front .landingpage > li .content .actions li a { display: block; font-size: 10px; padding: 1em 1em 1.2em; margin: 0 2em; }
}


.page-new-landingpage { background-color: #fff; }

.portal { padding: 100px 80px; }
.portal a { text-decoration: none; }
.portal h2 { font: normal 24px/1.4em 'Nationale Demibold', Arial, sans-serif; color: #000; }

.portal .header .logo { font: normal 24px/1.4em 'Nationale Demibold', Arial, sans-serif; color: #000; text-transform: uppercase; margin-bottom: 1.4em; }
.portal .header .logo { letter-spacing: 0.05em; }
.portal .header .logo .p { letter-spacing: -0.01em; }
.portal .header .logo .a { letter-spacing: -0.04em; }
.portal .header .logo .y { letter-spacing: 0.04em; }
.portal .header .logo .pe { letter-spacing: -1px; }

.portal .header .social { font: normal 1em/1.2em 'Nationale', Arial, sans-serif; color: #000; position: absolute; top: 40px; right: 40px; text-transform: uppercase; list-style: none; margin: 0; padding: 0; }
.portal .header .social li { display: inline-block; padding: 0 5px; }
.portal .header .social li a:hover { border-bottom: 1px solid #000; }

.portal .btn { display: block; font: normal 6.2vw/1em 'Nationale Demibold', Arial, sans-serif; color: #000; text-transform: uppercase; margin-left: -0.05em; padding: 0 0 0.5em; position: relative; }
.portal .btn:after { content: '\2192'; margin-left: 0.4em; font-size: 0.6em; line-height: 1.45em; position: absolute; -webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; }
.portal .btn:hover:after { margin-left: 0.6em; }

.portal .section { }
.portal .section .column { display: inline-block; vertical-align: top; }
.portal .section .column.left { width: 45%; margin-right: 8%; }
.portal .section .column.right { width: 45%; }

.portal .section p { font: normal 16px/25px 'Nationale Demibold', Arial, sans-serif; color: #000; }
.portal .section img { width: 100%; height: auto; margin-left: -2vw; }
.portal .section .content { margin-top: 80px; }

.portal .contact { list-style: none; margin: 100px 0 50px; padding: 0; }
.portal .contact li { display: inline-block; vertical-align: top; }
.portal .left .contact li { margin-left: 45%; }
.portal .right .contact li { width: 45%; }

.portal .contact h3 { font: normal 12px/1.3em 'Nationale Demibold', Arial, sans-serif; color: #000; text-transform: uppercase; margin-bottom: 0; }
.portal .contact h3:not(:first-child) { margin-top: 30px; }
.portal .contact p { font: normal 12px/1.6em 'Nationale', Arial, sans-serif; color: #000; }
.portal .contact a { border-bottom: 1px solid #999; padding-bottom: 2px; }

@media (max-width: 1050px) {
	.portal .header .logo,
	.portal h2 { font-size: 20px; }
	.portal .content p { font: normal 13px/20px 'Nationale Demibold', Arial, sans-serif; }
	.portal .left .contact li { margin-left: 0; }
}

@media (max-width: 900px) {
	.portal { padding: 70px 50px; }
}

@media (max-width: 768px) {
	.portal { padding: 60px 40px; }
	.portal .section .column.left,
	.portal .section .column.right { width: 100%; }
	.portal .header .social,
	.portal .section .column img,
	.portal .content { display: none !important; }
	.portal .footer { margin-top: 80px; }
	.portal .contact { margin: 30px 0 0; }
	.portal .right .contact li { width: 100%; margin-bottom: 30px; }

	.portal .header .logo,
	.portal h2 { font-size: 16px; }
	.portal h2 { margin-bottom: 40px; }
	.portal .btn { font-size: 12vw; }

}