/*--------------------------------------------------------------------------------

Formatting CSS for Fontsmith

Version: 1.0
Author: T/T

--------------------------------------------------------------------------------*/

@import url(/css/global.css);
@import url(/css/layout.css);


/* Standard
--------------------------------------------------------------------------------*/

p {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0 0 .4em 0;
	padding: 0;
}

.support p {
	color: #333;
}

p a:link, p a:visited, h2 a:link, h2 a:visited, li a:link, li a:visited, ol a:link, ol a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
}

p a:hover, p a:active, h2 a:hover, h2 a:active, ul a:hover, ul a:active, ol a:hover, ol a:active {
	color: #fff;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3.introtext  {
    font-family: Arial;
	font-weight:normal;
	font-size: 1.8em;
	line-height:1.4em;
	padding: 0 0 4px 0;
	color:#ffffff;
}

h3.introtext-support  {
    font-family: Arial;
	font-weight:normal;
	font-size: 1.8em;
	line-height:1.4em;
	padding: 0 0 4px 0;
	color:#333333;
}

h3.top {
	padding: 10px 0 0 0;
}

.support h2 {
	color: #333;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #ff6600;
	margin: 0 0 8px 0;
	padding: 4px 0;
	border-color: #c2c2c2;
	border-width: 1px 0 1px 0;
	border-style: solid;
}

h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	background: #eaeae9;
	padding: 10px 10px 10px 10px;
}

h5.left {
	float: left;
	width: 460px;
}

h5.right {
	float: right;
	width: 460px;
}

h5.left_sm {
	float: left;
	width: 216px;
}

h5.right_sm {
	float: right;
	width: 217px;
	text-align: right;
}

.h5_title {
	border-color: #c2c2c2;
	border-width: 1px 0 1px 0;
	border-style: solid;
	padding: 6px 0;

	width: 100%;

}

.space_bot {
	margin: 0 0 7px 0;
}

em {
	font-style: italic;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

strong {
	font-weight: bold;
}

img.vert_align {
	vertical-align: top;
}

.right {
	text-align: right;
}

.highlight {
	color: #ff6600;
	cursor:help;
}

p.intro {
	font-size:1.4em;
	width: 500px;
	margin: 0 0 10px 0;
}

p.intro_sm {
	font-size:1.4em;
	width: 300px;
	margin: 10px 0 10px 0;
}


/* Meta
--------------------------------------------------------------------------------*/

#nav_meta ul li {
	display: inline;
	font-size: 1.2em;
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
	background: url(/images/global/nav_divider.gif) no-repeat 100% 1px;
}

#nav_meta ul .none {
	background: none;
	margin: 0;
	padding: 0;
}

#nav_meta ul li a {
	color: #999;
}

#nav_meta ul li a:hover {
	color: #fff;
}

#nav_meta .quick_shop a {
	padding: 0 0 0 18px;
	background: url(/images/global/icon_plus.gif) no-repeat 0 1px;
}

#nav_meta .quick_shop a:hover {
	padding: 0 0 0 18px;
	background: url(/images/global/icon_plus_on.gif) no-repeat 0 1px;
}

#nav_meta span.notification_fonts {
	background: url(/images/global/bg_notification.png) no-repeat top left;
	position: relative;
	width: 18px;
	height: 18px;
	right: -285px;
	top: -3px;
	padding : 1px 2px 0 0;
	color: #fff;
	font-size: 10px;
	float: left;
	text-align: center;
	z-index: 10;
}

#nav_meta span.notification {
	background: url(/images/global/bg_notification.png) no-repeat top left;
	position: relative;
	width: 18px;
	height: 18px;
	right: -323px;
	top: -3px;
	padding : 1px 2px 0 0;
	color: #fff;
	font-size: 10px;
	float: left;
	text-align: center;
	z-index: 10;
}


/* Header
--------------------------------------------------------------------------------*/

.header h1 a {
	background: url(/images/global/fontsmith.gif) no-repeat;
	width: 146px;
	height: 34px;
	padding: 0;
	margin: 0;
	display: block;
	text-indent: -9999px;
}

.header #navigation ul {
	width: 342px;
	margin: 13px 0 0 0;
}


.header #navigation ul li {
	display: inline;
}

.header #navigation ul li a {
	float: left;
	padding: 14px 0 0 0;
	margin: 0 33px 0 0;
	overflow: hidden;
	height: 0px;
}
	
.header #navigation ul li a:hover, .header #navigation ul li a:active, .header #navigation ul li a.selected {
    background-position: 0 -14px;
}
	
#tab_fonts a  {
    width: 37px;
    background: url(/images/global/tab_fonts.gif) top left no-repeat;
}

#tab_projects a  {
    width: 56px;
    background: url(/images/global/tab_projects.gif) top left no-repeat;
}

#tab_support a  {
    width: 55px;
    background: url(/images/global/tab_support.gif) top left no-repeat;
}

#tab_about a  {
    width: 62px;
    background: url(/images/global/tab_about_us.gif) top left no-repeat;
}

.header #form .search_field {
	border: none;
	padding: 3px 0 0 8px;
	margin: 0 0 -3px 0;
	height: 20px;
	width: 150px;
	font-size: 1.2em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/global/bg_search_box.png) no-repeat 0 0;
}

.header #form .search_button {
	border: none;
	padding: 0;
	margin: 0 0 0 -4px;
	height: 20px;
}

/* Log in */

.login #login_panels h2 {
	margin: 0 0 7px 0;
	color: #fff;
}

.login #login_panels #password input {
	margin: 0 0 7px 0;
	font-size: 1.2em;
	width : 200px;
}

.login #login_panels .link a {
	color: #ff6600;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 1px;
}

.login #login_panels .link a:hover {
	color: #fff;
}


/* Hompage
--------------------------------------------------------------------------------*/

#home_promo .title {
	padding: 15px 0 0 0;
}

.news_panel p.link, .news_panel_end p.link {
	float: left;
	padding: 7px 0 0 0;
}

p.no_pad {
	padding: 0;
}


/* Content
--------------------------------------------------------------------------------*/

.content hr {
	color: #505050;
	background: #505050;
	height: 1px;
	border: none;
	margin: 0;
	width: 960px;
	margin: 0 8px 0 6px;
	clear: both;
}

/* Breadcrumb */

.content #breadcrumb ul {
	float: left;
}

.content #breadcrumb ul li {
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	margin: 0 5px 0 0;
	padding: 0 12px 0 0;
	background: url(/images/global/icon_breadcrumb.gif) no-repeat 100% 5px;
}

.content #breadcrumb ul .none {
	background: none;
	margin: 0;
	padding: 0;
}

.content #breadcrumb ul li a {
	color: #999;
}

.content #breadcrumb ul li a:hover {
	color: #fff;
}

.support #breadcrumb ul li {
	color: #000;
	background: url(/images/global/icon_breadcrumb_support.gif) no-repeat 100% 5px;
}

.support #breadcrumb ul li a {
	color: #999;
}

.support #breadcrumb ul li a:hover {
	color: #000;
}

.content #breadcrumb .icon {
	float: right;
}

/* Left navigation */

.content #left_nav ul {
	margin: 0 0 10px 0;
	padding: 0;
}

.content #left_nav ul li a {
	display: block;
	width: 209px;
	color: #999;
	background: url(/images/global/icon_arrow.png) no-repeat 5px 5px;
	padding: 4px 5px 4px 25px;
	border-bottom: #3c3c3c 1px solid;
}

.content #left_nav ul li a:hover, .content #left_nav ul li .current {
	color: #fff;
	background: #181718 url(/images/global/icon_arrow.png) no-repeat 5px 5px;
}

.content #left_nav ul li.sub a {
	display: block;
	width: 209px;
	color: #999;
	background: #181718;
	padding: 4px 5px 4px 25px;
	border-bottom: #3c3c3c 1px solid;
}

.content #left_nav ul li.sub a:hover, .content #left_nav ul li.sub .current {
	color: #fff;
}

.content #left_nav p {
	padding: 0 10px 20px 0;
}

.support #left_nav ul li a {
	border-bottom: #c2c2c2 1px solid;
}

.support #left_nav ul li a:hover, .support #left_nav ul li .current {
	color: #333;
	background: #ddd url(/images/global/icon_arrow.png) no-repeat 5px 5px;
}

.support #left_nav p {
	color: #333;
}

#left_nav form {
	margin: 10px 0 0 0;
}

#left_nav .search_field {
	border: none;
	padding: 3px 0 0 8px;
	margin: 0 0 -3px 0;
	height: 20px;
	width: 150px;
	font-size: 1.2em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/global/bg_left_nav_search.gif) no-repeat 0 0;
}

#left_nav .search_button {
	border: none;
	padding: 0;
	margin: 0 0 0 -4px;
	height: 20px;
}

#left_nav ul#external {
	list-style-type: none;
	margin: 10px 0;
	padding:0;}

#left_nav ul#external li {
	height: 30px;}
	
#left_nav ul li.facebook {
	background: none;
	margin:		-3px 0 0 0;
	padding:	0;	}
	
#left_nav ul li.facebook a{
		background: url(/images/global/facebook_icon_off.png) no-repeat;
		border-bottom: 0;
		display:	block;
		height: 22px;
		padding:3px 0 0 26px;

		}
	#left_nav ul li.facebook a:hover{
		background: url(/images/global/facebook_icon_on.png) no-repeat;}
	
		
		
#left_nav ul li.twitter {
	background: none;
	margin:		0;
	padding:	0;	}
	
	#left_nav ul li.twitter a{	
		background: url(/images/global/twitter_icon_off.png) no-repeat;
		display:	block;
		height: 	22px;
		padding:	3px 0 10px 26px;
	}
	#left_nav ul li.twitter a:hover{	
		background: url(/images/global/twitter_icon_on.png) no-repeat;}


/* Main column */

.content #main_column hr {
	color: #3c3c3c;
	background-color: #3c3c3c;
	border: none;
	margin: 10px 0;
	padding: 0;
	width: 706px;
}

.support #main_column hr {
	color: #c2c2c2;
	background: #c2c2c2;
	border: none;
	margin: 4px 0 10px 0;
	padding: 0;
	width: 706px;
}

.support #main_column hr.middle {
	color: #c2c2c2;
	background: #c2c2c2;
	border: none;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 706px;
}


.content #main_column h2 {
	margin: 4px 0;
}

.content #main_column .news_title {
	padding: 10px 0;
}

.content #main_column ul.designer_font_list {
	margin: 0;
	padding: 10px 0 10px 0;
	clear: both;
}

.content #main_column ul.designer_font_list li {
	display: inline;
	color: #fff;
}

.content #main_column ul.designer_font_list li a {
	width: 706px;
	color: #999;
	background: url(/images/global/icon_arrow_link_off.gif) no-repeat 0% 5px;
	padding: 0 0 0 10px;
	margin: 0 2px 0 2px;
}

.content #main_column ul.designer_font_list li a:hover {
	color: #fff;
	background: url(/images/global/icon_arrow_link.gif) no-repeat 0% 5px;
}

.content #main_column ul.client_list {
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
	float: left;
	width: 110px;
}

.content #main_column ul.client_list li a {
	color: #999;
}

.content #main_column ul.client_list li a:hover {
	color: #fff;
}
/*
.content #main_column #main_img img {
	margin: 15px 0 0 14px;
}
*/
.content #main_column #main_img #gallery {
	margin: 15px 0 0 14px;
}
.content #main_column #main_img p {
	font-size: 1.2em;
	margin: 15px 0 25px 14px;
}

.content #main_column #paging ul li {
	display: inline;
	font-size: 1.2em;
}

.content #main_column #paging ul .divider {
	margin: 0 5px 0 0;
	padding: 0 7px 0 0;
	background: url(/images/global/nav_divider.gif) no-repeat 100% 1px;
}

.content #main_column #paging ul li a {
	color: #999;
}

.content #main_column #paging ul li a:hover {
	color: #fff;
}

.content #main_column #paging ul#numbering li {
	display: inline;
	font-size: 1.2em;
	margin: 0 2px 0 0;
}

.support #main_column #paging ul#numbering li {
	color: #333;
}

.support #main_column #paging ul#numbering li a {
	color: #999;
}

.support #main_column #paging ul#numbering li a:hover {
	color: #333;
}

.support #main_column ul.faqs li {
	display: block;
	padding: 4px 5px 4px 0;
	border-bottom: #c2c2c2 1px solid;
}

.support #main_column ul.faqs li a {
	color: #333;
}

.support #main_column ul.faqs li a:hover, .support #main_column ul.faqs li .current {
	color: #ff6600;
}

.support #main_column ul.results li {
	font-size: 1.2em;
	color: #333;
	padding: 0 5px 10px 0;
}

.support #main_column ul.results li a {
	color: #999;
	border-bottom: #ff6600 1px solid;
}

.support #main_column ul.fonts li {
	padding: 0 0 20px 0;
}

.support #main_column ul.results li a:hover, .support #main_column ul.results li .current {
	color: #333;
}

.support #main_column ul.results li .box_font {
	width: 179px;
	height: 49px;
	float: left;
	margin: 0 10px 0 0;
	padding: 12px 0 0 14px;
	background: url(/images/support/bg_font_search.gif);
}

.support #main_column ul.results li .box_font a:link{
	border:0px;
}


.support #full_column .cont_shop a {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 18px;
	background: url(/images/global/icon_arrow_left_off.png) no-repeat 0 0;
}

.support #full_column .cont_shop a:hover {
	color: #333;
	padding: 0 0 0 18px;
	background: url(/images/global/icon_arrow_left.png) no-repeat 0 0;
}

.content #full_column table.checkout {
	clear: both;
	border-top: #c2c2c2 solid 1px;
}

.content #full_column table.bottom {
	margin: 0 0 10px 0;
}

.content #full_column table.checkout th {
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	background: #eaeae9;
}

.content #full_column table.checkout td {
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

.content #full_column table.checkout td p {
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #ff6600;
}

.content #full_column table.checkout td.product {
	color: #999;
}

.content #full_column table.checkout td.product img {
	vertical-align: middle;
}

.content #full_column table.checkout td.space {
	padding: 0;
}

.content #full_column table.checkout select, .content #full_column table.checkout input {
	font-size: .9em;
}

.content #full_column table.checkout input {
	width: 40px;
}

.content #full_column table.checkout .border {
	border-bottom: #c2c2c2 solid 1px;
}

.content #full_column table.checkout .left {
	text-align: left;
	padding: 0 0 0 10px;
}

.content #full_column table.checkout .left img {
	vertical-align: middle;
}

.content #full_column table.checkout .right {
	text-align: right;
	padding: 0 10px 0 0;
}

.content #full_column table.checkout .sub {
	text-align: right;
	padding: 10px 10px 10px 0;
}

.content #full_column table.checkout .promo {
	text-align: right;
	padding: 0 10px 10px 0;
}

.content #full_column table.checkout td.total {
	padding: 10px 10px 10px 0;
	background: #eaeae9;
	text-align: right;
}

.content #full_column table.checkout .view_font a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 18px;
	background: url(/images/global/icon_mag_glass.gif) no-repeat 0 1px;
}

.content #full_column table.checkout .view_font a:hover {
	color: #333;
	padding: 0 0 0 18px;
	background: url(/images/global/icon_mag_glass.gif) no-repeat 0 1px;
}

.content #full_column table.checkout .download {
	text-align: right;
}

.content #full_column table.checkout .download a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 0;
}

.content #full_column table.checkout .download a:hover {
	color: #333;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow_off.png) no-repeat 100% 0;
}

.content #full_column #log_in_bar form label,
.content #main_column #log_in_bar form label {
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	padding: 0 8px 0 0;
}

.content #full_column #log_in_bar form input,
.content #main_column #log_in_bar form input {
	font-size: 1.1em;
	width: 182px;
	margin: -3px 20px 0 0;
}

.content #full_column #error_bar, .content #full_column #error_bar_login,
.content #main_column #error_bar, .content #main_column #error_bar_login, 
.content #main_column #error_bar_support {
	background: #ff6600;
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0;
	float: left;
	width: 940px;
	color: #fff;
	font-size: 1.2em;
}

.content #main_column #error_bar_support {
	width:100%;
	padding-right:0px;
	padding-left:0px;
	margin-right:0px;
}

.content #main_column #error_bar_support span {
	padding-left:10px;
}

.content #full_column #log_in_bar form input form,
.content #main_column #log_in_bar form input form {
	margin:20px 0 0 0;
}

.content #full_column form.main,
.content #main_column form.main {
	clear: both;
	margin: 10px 0 0 0;
}

.content #full_column .left_container hr, .content #full_column .right_container hr {
	color: #c2c2c2;
	background: #c2c2c2;
	height: 1px;
	border: none;
	margin: 7px 0;
	width: 471px;
	clear: both;
}

.content #full_column form.main p.right,
.content #main_column form.main p.right {
	margin: 7px 0 0 246px;
	text-align: left;
}

.content #full_column form.main p.left,
.content #main_column form.main p.left {
	width: 226px;
	padding: 0 20px 0 0;
	float: left;
}

.content #full_column form.main .checkboxes,
.content #main_column form.main .checkboxes {
	width: 220px;
	float: left;
	text-align: left;
}

.content #full_column form.main label,
.content #main_column form.main label {
	float:left;
	width: 231px;
	padding: 0 0 0 15px;
	font-size:1.2em;
	color: #333;
	font-weight: bold;
}

.content #full_column form.main .input,
.content #main_column form.main .input {
	width: 220px;
	font-size: 1.1em;
}

.content #full_column form.main select,
.content #main_column form.main select {
	width: 220px;
	font-size:1.1em;
}

.content #full_column .sign_in a {
	color: #ff6600;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 0;
}

.content #full_column .sign_in a:hover {
	color: #333;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow_off.png) no-repeat 100% 0;
}

.content #main_column .featureLink a {
	color: #ff6600;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	padding: 0 18px 0 0px;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 0;
}

.content #main_column .featureLink a:hover {
	color: #333;
	padding: 0 18px 0 0px;
	background: url(/images/global/icon_arrow_off.png) no-repeat 100% 0;
}

.content #full_column .copy_address a{
	color: #ff6600;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	/*padding: 0 18px 0 15px;*/
	padding: 0 18px 0 0px;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 0;
}

.content #full_column .copy_address a:hover {
	color: #333;
	/*padding: 0 18px 0 15px;*/
	padding: 0 18px 0 15px;
	background: url(/images/global/icon_arrow_off.png) no-repeat 100% 0;
}

.content #full_column #status_bar ul {
	margin: 15px 0 0 0;
}

.content #full_column #status_bar ul li {
	display: inline;
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	padding: 0 160px 0 10px;
}

.content #full_column #status_bar ul li.confirm {
	padding: 0 120px 0 0;
}

.content #full_column #status_bar ul li.none {
	padding: 0;
}

.content #full_column #status_bar ul li.download a{
	color: #333;
}

.content #full_column #status_bar ul li img {
	vertical-align: middle;
}

.content table.client_fonts {
	clear: both;
	border-top: #444 solid 1px;
	margin: 5px 8px 15px 6px;
	width: 960px;
}

.content table.client_fonts th {
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #393939;
}

.content table.client_fonts td {
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

.content table.client_fonts td.space {
	padding: 0;
}

.content table.client_fonts .border {
	border-bottom: #444 solid 1px;
}

.content table.client_fonts .download {
	text-align: right;
}

.content table.client_fonts .download a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 0;
}

.content table.client_fonts .download a:hover {
	color: #fff;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow_off.png) no-repeat 100% 0;
}

.content table.client_fonts .left {
	text-align: left;
	padding: 0 0 0 10px;
}

.content table.client_fonts .right {
	text-align: right;
	padding: 0 10px 0 0;
}

/* Font list */

.content #font_list_controls ul {
	float: left;
	width: 80px;
}

.content #font_list_controls ul li {
	display: inline;
	font-size: 1.2em;
	margin: 0 2px 0 0;
}

.content #font_list_controls ul li a {
	color: #999;
}

.content #font_list_controls ul li a:hover, .content #font_list_controls .current {
	color: #fff;
}

.content #font_list_controls .divider {
	float: left;
	margin: 2px 10px 0 0;
}

.content #font_list_controls form {
	float: left;
	/*margin: 0 10px 0 10px;*/
	margin: 0 10px 0 0px;
}

.content #font_list_controls form label {
	font-size: 1.2em;
}

.content #font_list_controls form select {
	font-size: 1.1em;
	margin: 0 0 0 5px;
}

.content #font_list_controls .reset a {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross.gif) no-repeat 100% 1px;
}

.content #font_list_controls .reset a:hover {
	color: #fff;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross_on.gif) no-repeat 100% 1px;
}

.content span.notification {
	background: url(/images/global/bg_notification.png) no-repeat top left;
	position: relative;
	width: 18px;
	height: 18px;
	right: -133px;
	top: 10px;
	padding : 1px 2px 0 0;
	color: #fff;
	font-size: 10px;
	float: left;
	text-align: center;
	z-index: 10;
}

.content #font_favourites p {
	text-align: right;
}

.content #font_list ul {
	float: left;
	width:110px;
	padding: 0 10px 0 0;
	margin: 10px 0;
	
}

.content #font_list ul li a {
	color: #999;
	background: url(/images/global/icon_arrow_link_off.gif) no-repeat 0% 5px;
	padding:0 0 0 10px;
	display:block;
	margin:0;
}

.content #font_list ul li a:hover, .content #font_list ul li.current a {
	color: #fff;
	background: url(/images/global/icon_arrow_link.gif) no-repeat 0% 5px;
	padding:0 0 0 10px;
	display:block;
	margin:0;
}

.content .logout a {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 0;
}

.content .logout a:hover {
	color: #fff;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow_off.png) no-repeat 100% 0;
}

/* Box buy font*/

.buy_font .header .close a {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross.png) no-repeat 100% 1px;
}

.buy_font .header .close a:hover {
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross_on.png) no-repeat 100% 1px;
}

.content .buy_font #panels #select form, .login .buy_font #panels #select form {
	float: left;
	width: 296px;
	margin: 0;
	padding: 0;
}

.content .buy_font #panels #select label, .login .buy_font #panels #select label {
	font-size: 1.2em;
	width: 241px;
	color: #fff;
	margin: 0 0 3px 0;
	display: block;
}

.content .buy_font #panels #select select, .login .buy_font #panels #select select {
	margin: 0 0 7px 0;
	font-size: 1.2em;
	width : 200px;
}

.content .buy_font #panels #select .number, .login .buy_font #panels #select .number {
	float: left;
	margin: 5px 10px 10px 0;
}

.content .buy_font #panels hr, .login .buy_font #panels hr {
	color: #505050;
	background: #505050;
	height: 1px;
	border: none;
	margin: 5px 0;
	width: 296px;
	clear: both;
}

.content #basket table, .login #basket table {
	font-size: 1.2em;
	margin: 0 0 4px 0;
}

.content .buy_font #panels #basket table th, .login .buy_font #panels #basket table th {
	border-bottom: #4b4b4b 1px solid;
	padding: 0 0 3px 0;
}

.content .buy_font #panels #basket table th.right, .content .buy_font #panels #basket table td.right, .login .buy_font #panels #basket table td.right {
	text-align: right;
	border-bottom: #4b4b4b 1px solid;
	padding: 3px 0;
}

.content .buy_font #panels #basket table td.name, .login .buy_font #panels #basket table td.name {
	color: #999;
	border-bottom: #4b4b4b 1px solid;
	padding: 3px 0;
}

.content .buy_font #panels #select #add_to_basket a, .login .buy_font #panels #select #add_to_basket a {
	color: #ff6600;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 1px;
}

.content .buy_font #panels #select #add_to_basket a:hover, .login .buy_font #panels #select #add_to_basket a:hover {
	color: #fff;
}

.content .buy_font #panels #basket #continue a, .login .buy_font #panels #basket #continue a {
	color: #999;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross.png) no-repeat 100% 1px;
}

.content .buy_font #panels #basket #continue a:hover, .login .buy_font #panels #basket #continue a:hover {
	color: #fff;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross_on.png) no-repeat 100% 1px;
}

.content .buy_font #panels #basket #proceed a, .login .buy_font #panels #basket #proceed a {
	color: #ff6600;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_arrow.png) no-repeat 100% 1px;
}

.content .buy_font #panels #basket #proceed a:hover, .login .buy_font #panels #basket #proceed a:hover {
	color: #fff;
}

/* Tab selector */

#tab_selector ul {
	list-style-type: none;
	padding:0 0 0 6px;
}

#tab_selector ul li {
	float: left;
	background: url(/images/global/tab_left.png) no-repeat left top;
	margin: 0 2px 0 0;
	padding: 0 0 0 4px;
}

#tab_selector ul li a {
	display: block;
	background: url(/images/global/tab_right.png) no-repeat right top;
	padding: 6px 23px 7px 19px;
	color: #ccc;
	text-decoration: none;
}

#tab_selector ul li a:hover {
	color: #fff;
	text-decoration: none;
}

#tab_selector .current {
	background-image: url(/images/global/tab_left_on.png);
}

#tab_selector .current a {
	background-image: url(/images/global/tab_right_on.png);
	color:#ff6600;
}

/* Box font overview */

.content #tab_panel .header hr {
	color: #ffcc00;
	background: #ffcc00;
	height: 4px;
	border: none;
	margin: 0;
	width: 932px;
	clear: both;
}

.content #tab_panel .header .buy_font p {
	text-align: right;
}

.content #tab_panel .header .buy_font #buy_font_link a {
	color: #ff6600;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_basket.gif) no-repeat 100% 1px;
}

.content #tab_panel .header .buy_font #buy_font_link a:hover {
	color: #fff;
}

.content #tab_panel .content_scroll .content_border ul {
	width: 932px;
	padding: 9px 0 15px 0;
}

.content #tab_panel .content_scroll .content_border ul li {
	display: inline;
	font-size: 1.2em;
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
}

.content #tab_panel .content_scroll .content_border ul li a {
	color: #999;
}

.content #tab_panel .content_scroll .content_border ul li a:hover, .content #tab_panel .content .content_border ul li a.selected,
.content #tab_panel .content_scroll .content_border ul li a.selected {
	color: #fff;
}

.content #tab_panel .content_scroll .content_border #scroll_area #scroll_area_about p, .content #main_column p {
	font-size: 1.4em;
	margin: 0 0 1em 0;
}

.content #tab_panel .content_scroll .content_border #scroll_area #scroll_area_about p.link, .content #main_column p.link {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	padding: 0;
}

 .content #main_column p.link a {
	border-bottom: none;
}


.content p .link a {
	color: #999;
	border-bottom: #ff6600 solid 1px;
}

.content p .link a:hover {
	color: #fff;
	border-bottom: #ff6600 solid 1px;
}

.support p .link a:hover {
	color: #333;
	border-bottom: #ff6600 solid 1px;
}

.content #tab_panel .content_border .footer ul, .content #tab_panel .content_border .footer_test_drive ul {
	margin: 0;
	padding: 0;
}

.content #tab_panel .footer ul li, .content #tab_panel .footer_test_drive ul li {
	display: inline;
	font-size: 1.2em;
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
	background: none;
}

.content #tab_panel .footer ul li a {
	color: #999;
}

.content #tab_panel .footer ul li a:hover {
	color: #fff;
}

.content #tab_panel .compare_font img {
	vertical-align: middle;
}

.content #tab_panel .compare_font form {
	float: left;
}

.content #tab_panel .compare_font form label {
	font-size: 1.2em;
	color: #999;
	font-weight: bold;
}

.content #tab_panel .compare_font form select {
	font-size: 1.1em;
	margin: 0 0 0 5px;
}


/* Pop ups
--------------------------------------------------------------------------------*/
/*
.pop_font_top {
	
}

.pop_font {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	zoom:1;	
	width: 202px;
	height: 60px;
	padding: 12px 0 0 21px;
	margin-left:-35px;
	margin-top:10px;
	background: url(/images/global/bg_pop_font.png) no-repeat 0 0;
}
.pop_font_bot {
	
}

.pop_font_basket {
	width: 266px;
	height: 50px;
	padding: 4px 0 0 5px;
	background: url(/images/checkout/bg_pop_font.png) no-repeat 0 0;
}

.pop_help_tip_top {
	width: 266px;
	background: url(/images/checkout/bg_pop_help_top.png) no-repeat 0 0;
	font-size:1px;
	height: 7px;
}

.pop_help_tip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	zoom:1;
}
.pop_help_tip_bot {
	width: 248px;
	padding: 5px 9px 24px 9px;
	background: url(/images/checkout/bg_pop_help_bot.png) no-repeat 0 100%;
	zoom:1;
}
.pop_help_tip_bot a {
	border-bottom: #ff6600 solid 1px;
}
*/

.qtip-content {
	font-size: 1.2em;
	font-weight:bold;
}

#character_set {
	width: 860px;
}

#character_set h6 {
	font-size: 1.2em;
	color: #333;
	margin: 0 10px 7px 10px;
	padding: 0 0 7px 0;
	width: 840px;
	border-bottom: #c2c2c2 1px solid;
}

#character_set ul{
	margin: 0px -10px 20px 10px;
}

/*
#character_set_cont {
	width: 840px;
	
}

#character_set_cont:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
*/
div.font_languages p {
	display:none;
}
div.font_languages ul{
	float: left;
	width: 130px;
	padding: 0 10px 0 0;
}


ul.font_features {
	float: left;
	width: 270px;
	padding: 0 10px 0 0;
}

ul li {
	color: #333;
	font-size: 1.2em;
	
}



#character_set close {
	margin: 10px 0 0 10px;
}

#character_set #close a {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross.png) no-repeat 100% 1px;
}

#character_set #close a:hover {
	padding: 0 18px 0 0;
	background: url(/images/global/icon_cross_on.png) no-repeat 100% 1px;
}


/* Footer
--------------------------------------------------------------------------------*/

.footer ul {
	height:30px;
	padding: 10px 8px 10px 6px;
}

.footer ul li {
	display: block;
	float:	left;
	font-size: 1.1em;
	height:22px;
	padding: 0 5px 0 0;
	margin: 0 3px 0 0;
	color: #999;
	background: url(/images/global/nav_divider_footer.gif) no-repeat 100% 5px;

}

.footer ul li a {
	color: #999;
}

.footer ul li a:hover {
	color: #fff;
}

.footer ul li.none {
	padding: 0;
	margin: 0;
	background: none;
}

.footer ul li.facebook {
	background: none;
	float: 		right;
	height: 	26px;
	margin:		-3px 0 0 0;
	padding:	0;
	}
	.footer ul li.facebook a{
		background: url(/images/global/facebook_icon_off.png) no-repeat;
		display:	block;
		height: 22px;
		padding:3px 0 0 26px;}
	.footer ul li.facebook a:hover{
		background: url(/images/global/facebook_icon_on.png) no-repeat;}
	
		
		
.footer ul li.twitter {
	background: none;
	float: 		right;
	height: 	26px;
	padding:	0;
	margin:		-3px 0 0 10px;	}
	
	.footer ul li.twitter a{	
	background: url(/images/global/twitter_icon_off.png) no-repeat;
	display:	block;
	height: 	22px;
	padding:	3px 0 0 26px;
	}
	.footer ul li.twitter a:hover{	
	background: url(/images/global/twitter_icon_on.png) no-repeat;}


		
/* gm */

.content #main_column form.main .supportform .input {
	width: 450px;
	font-size: 1.1em;
}

span.homepageLink {
	width:285px;
	display:block;
}