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


.velaki{
float:left;
margin-left:182px;
margin-bottom:2px;
width:5px;
height:11px;
background:url(images/velaki.gif) bottom left no-repeat;
}

* html .velaki{
margin-left:91px; 
/* gia kapoio logo edo to margin to 
diplasiaze se ie, kai valame auto to
"hack" gia ie, an deis oti to velaki 
se ie den paei ekei pou prepei kai 
ftanei mono sti mesi tou logotipou 
tote svisto */
}

.client_login a{
float:right;
display:block;
width:57px;
height:14px;
background: url("images/menu_clientlogin.gif") 0 0 no-repeat;
margin-right:14px;
font-size:1px; /* edo mou ta xalouse, den mporo na katalavo giati omos!!! afou den exoume keimeno :P */
}
.client_login a:hover {background-position: 0 -14px;}

.client_checkout a{
float:right;
width:51px;
height:14px;
background: url("images/menu_checkout.gif") 0 0 no-repeat;
font-size:1px; /* edo mou ta xalouse, den mporo na katalavo giati omos!!! afou den exoume keimeno :P */
}
.client_checkout a:hover {background-position: 0 -14px;}

.navigation{
clear:both;
display:block;
width:692px;
height:46px;
background:url(images/bg_menu.gif) right top no-repeat;
}

.logo{
float:left;
width:185px;
height:46px;
background:url(images/logo.gif) left top no-repeat;
}

.menu{ 
float:right; 
height:36px; 
margin-top:5px; 
width:489px; 
margin-right:8px; 
} 
 
* html .menu{ 
margin-right:25px; 
}


.menu_links {
float:right;
display:block;
width:51px;
height:36px;
background: url("images/menu_links.gif");
background-position: 0 -36px;
}

.menu_links a{
float:right;
display:block;
width:51px;
height:36px;
background: url("images/menu_links.gif") 0 0 no-repeat;
}
.menu_links a:hover {background-position: 0 -36px;}

.menu_contact {
float:right;
display:block;
width:70px;
height:36px;
background: url("images/menu_contact.gif");
background-position: 0 -36px;
}

.menu_contact a{
float:right;
display:block;
width:70px;
height:36px;
background: url("images/menu_contact.gif") 0 0 no-repeat;
}
.menu_contact a:hover {background-position: 0 -36px;}

.menu_ns {
float:right;
display:block;
width:89px;
height:36px;
background: url("images/menu_ns.gif");
background-position: 0 -36px;
}

.menu_ns a{
float:right;
display:block;
width:89px;
height:36px;
background: url("images/menu_ns.gif") 0 0 no-repeat;
}
.menu_ns a:hover {background-position: 0 -36px;}

.menu_faq {
float:right;
display:block;
width:41px;
height:36px;
background: url("images/menu_faq.gif");
background-position: 0 -36px;
}

.menu_faq a{
float:right;
display:block;
width:41px;
height:36px;
background: url("images/menu_faq.gif") 0 0 no-repeat;
}
.menu_faq a:hover {background-position: 0 -36px;}

.menu_guide {
float:right;
display:block;
width:51px;
height:36px;
background: url("images/menu_guide.gif");
background-position: 0 -36px; 
}

.menu_guide a{
float:right;
display:block;
width:51px;
height:36px;
background: url("images/menu_guide.gif") 0 0 no-repeat;
}
.menu_guide a:hover {background-position: 0 -36px;}

.menu_freefonts {
float:right;
display:block;
width:83px;
height:36px;
background: url("images/menu_freefonts.gif");
background-position: 0 -36px; 
}

.menu_freefonts a{
float:right;
display:block;
width:83px;
height:36px;
background: url("images/menu_freefonts.gif") 0 0 no-repeat;
}
.menu_freefonts a:hover {background-position: 0 -36px;}

.menu_fonts {
float:right;
display:block;
width:55px;
height:36px;
background: url("images/menu_fonts.gif");
background-position: 0 -36px; 
}

.menu_fonts a{
float:right;
display:block;
width:55px;
height:36px;
background: url("images/menu_fonts.gif") 0 0 no-repeat;
}
.menu_fonts a:hover {background-position: 0 -36px;}

.menu_home { 
float:right; 
display:block; 
width:49px; 
height:36px; 
background: url("images/menu_home.gif"); 
background-position: 0 -36px; 
} 
 
.menu_home a{ 
float:right; 
display:block; 
width:49px; 
height:36px; 
background: url("images/menu_home.gif") 0 0 no-repeat; 
} 
 
.menu_home a:hover {background-position: 0 -36px;}


#content{
width:672px;
margin-top:10px;
text-align:justify;
color:#cccccc;
font-size:10px;
padding:10px;
background-color:#222222;
}

.footer{
width:692px;
margin-top:10px;
color:#999999;
font-size:9px;
text-align:center;
background-color:#222222;
}

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

a{outline: none;}

a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 9px;
}

.external {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 9px;
}

.mail {
  background: url(images/email.gif) no-repeat right top;
  padding-right: 10px;
}

h1 {
	margin-left:8px;
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	}

h2 {
	font-size: 11px;
	color:#666666;
	font-weight: bold;
}


body {
background: #222222;
color:#cccccc;
margin:0;
padding:0;
font-family: Tahoma, Verdana, Arial, sans-serif;
}

.overRemove a { display:block; width:87px; height:22px;}
.overRemove a:hover { background-color: #272727}
.overDownload a { display:block; width:52px; height:18px;}
.overDownload a:hover { background-color: #272727}
.overTop a { display:block; width:130px; height:18px;}
.overTop a:hover { background-color: #2C2C2C; text-decoration: none; border-bottom:none;}


.mainTextTitle {
	font-size: 14px;
	color:#666666;
	font-weight: bold;
}
.mainTextSubtitle {
	font-size: 11px;
	color:#666666;
	font-weight: bold;
}
.mainText {
	font-size: 11px;
	color:#f0f0f0;
	line-height: 16px;
	padding: 8px;
}

.mainText a:link {
	font-size: 11px;
	color:#efc004;
	text-decoration: none;
	font-weight: normal;
}
.mainText a:visited {
	font-size: 11px;
	color:#efc004;
	text-decoration: none;
	font-weight: normal;
}
.mainText a:hover {
	font-size: 11px;
	color:#efc004;
	text-decoration: none;
	border-bottom: thin dotted #666666;
	font-weight: normal;
}
.titleLinks {
	font-size: 12px;
	color:#8f8f8f;
	font-weight: bold;
}
.fontGrixel {
	font-size: 12px;
	color:#666666;
	font-weight: bold;
}
.fontName {
	float:left;
	margin-top:2px;
	margin-left:7px;
	width:327px;
	font-size: 12px;
	color:#efc004;
	font-weight: bold;
}
.fontPrice {
	font-size: 12px;
	color:#666666;
	font-weight: normal;
}

.menuBack {
	background-image: url(images/menu_backsections.gif);
	background-repeat: no-repeat;
}

.cartTitle {
	font-size: 12px;
	color:#d6d6d6;
	font-weight: bold;
}
.cartTitle a:link{
	font-size: 12px;
	color:#d6d6d6;
	font-weight: bold;
	text-decoration: none;
}
.cartTitle a:visited{
	font-size: 12px;
	color:#d6d6d6;
	font-weight: bold;
	text-decoration: none;
}
.mainText a:hover {
	text-decoration: none;
	border-bottom: thin dotted #666666;
}

.cartFont {
	font-size: 11px;
	color:#efc004;
}

.cartFontEuro {
	font-size: 12px;
}
.yellow {
		color:#efc004;
}

.linksText {
	font-size: 9px;
	color:#f0f0f0;
}
.disable {
	color:#666666;
	font-weight: normal;
	}

.loginMenu {
	font-size: 10px;
	color:#F0F0F0;
}
.loginMenu a:link {
	text-decoration: none;
	color:#F0F0F0;
}
.loginMenu a:visited {
	text-decoration: none;
	color:#F0F0F0;
}
.loginMenu a:hover {
	text-decoration: underline;
	color:#efc004;
}
.button {
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-right: #81807a 1px solid;
	border-bottom: #81807a 1px solid; 
	background-color: #dfd9cc;
	font-size: 11px;
	color: #000000;
	height: 20px;
	width: 108px;
}
.login_input {
	border-left: #080808 1px solid;
	border-top: #080808 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid; 
	background-color: #181818;
	font-size: 10px;
	color: #efc004;
	height: 18px;
	width: 120px;
}
.forgot_input {
	border-left: #080808 1px solid;
	border-top: #080808 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid; 
	background-color: #181818;
	font-size: 10px;
	color: #efc004;
	height: 18px;
	width: 115px;
}
.login_button {
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-right: #81807a 1px solid;
	border-bottom: #81807a 1px solid; 
	background-color: #dfd9cc;
	font-size: 11px;
	color: #000000;
	height: 18px;
	width: 50px;
}
text.a:active {
	color: #efc004;
	outline: none;
	}

.space{
	background-color: #222222;
	height: 700px;
	vertical-align: middle;
}
#lastspace{
	background-color: #222222;
	width: 692px;
	height: 250px;
	vertical-align: middle;
	background:url(images/siteFooter.gif) left bottom no-repeat;
}

.spacefaq{
	height: 100px;
}
	
#container{
	background-color: #222222;
	width: 692px;
	margin:0px auto;
	padding: 0;
	font-size: 8px;
}



/* --------------------------- Update 02-06-2006 ----------------------------- */



.main{
float:right;
width:480px;
padding-left:8px;
padding-top:8px;
position:relative;
}

.newsArea{
display:block;
width:480px;
margin-bottom:8px;
margin-top:8px;
padding-left:8px;
}

.news1 {
	float:left;
	width: 150px;
	margin-right:10px;
	background: #3b3b3b url(images/newsBottom.gif) no-repeat  left bottom;
}

.newsTitle {
	width:150px;
	height:40px;
	font-size: 12px;
	color:#666666;
	padding:10px 0px 0px 0px;
	font-weight: bold;
	text-align:center;
  	background: url(images/newsTitleBack.gif) no-repeat left top;
}


.newsDate {
	font-size: 10px;
	color:#666666;
	font-weight: bold;
}

.newsText {
	font-size: 9px;
	color:#f0f0f0;
	padding:10px 15px 20px 15px;
	line-height: 13px;
}
.newsText a:link, a:visited {
	font-size: 9px;
	color:#efc004;
	text-decoration: none;
	font-weight: normal;
}
.newsText a:hover {
	text-decoration: underline;
}

.showArea{
display:block;
width:480px;
margin-bottom:8px;
margin-top:2px;
padding-left:8px;
}
.case a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase.gif) no-repeat  left bottom;
}

.case9 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_9.gif) no-repeat  left bottom;
}

.case8 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_8.gif) no-repeat  left bottom;
}

.case7 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_7.gif) no-repeat  left bottom;
}

.case6 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_6.gif) no-repeat  left bottom;
}

.case5 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_5.gif) no-repeat  left bottom;
}

.case4 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_4.gif) no-repeat  left bottom;
}

.case3 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_3.gif) no-repeat  left bottom;
}

.case2 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_2.gif) no-repeat  left bottom;
}

.case1 a {
	float:left;
	width: 111px;
	height: 90px;
	margin-right:8px;
	background: url(images/showcase_1.gif) no-repeat  left bottom;
}

.license {
	font-size: 9px;
	color:#f0f0f0;
}

.license a:link, a:visited {
	font-size: 9px;
	color:#efc004;
	text-decoration: none;
}
.license a:hover {
	text-decoration: underline;
}

#sidebarHome1{
float:left;
margin-top:30px;
width:185px;
height:200px;
background:url(images/boxOfPixels.gif) left top no-repeat;
}

#sidebarHome2{
float:left;
margin-top:0px;
width:185px;
height:190px;

}

#sidebarFonts{
float:left;
margin-top:0px;
width:185px;
height:135px;
}
#sidebarFreeFonts{
float:left;
margin-top:20px;
width:185px;
height:135px;
}
.sidebarGuide{
float:left;
margin-top:0px;
width:185px;
height:135px;
}
#sidebarFaq{
float:left;
margin-top:3px;
width:185px;
height:100px;
background:url(images/figure_faq.gif) left bottom no-repeat;
}
#sidebarLinks{
float:left;
margin-top:3px;
width:185px;
height:300px;
background:url(images/figure_links.gif) left bottom no-repeat;
}
#sidebarNs{
float:left;
margin-top:100px;
width:185px;
height:125px;
background:url(images/newsletterPic.gif) left bottom no-repeat;
}
#sidebarContact{
float:left;
margin-top:3px;
width:185px;
height:400px;
background:url(images/figure_contact1.gif) left bottom no-repeat;
}

.clear{
clear:both;
border:1px solid #222222;
}

.fontsbox{
width:692px;
}

.fontstitle{
width:678px;
height:19px;
background:url(images/fontsTitle_back.gif) left top no-repeat;
padding:7px;
}

.fonts_checkout a{
display:block;
float:right;
width:51px;
margin-top:2px;
height:14px;
background: url("images/menu_checkout.gif") 0 0 no-repeat;
}

.fonts_checkout a:hover {background-position: 0 -14px;}

.fonts_addtoCart a{
display:block;
float:right;
width:60px;
margin-top:2px;
margin-right:15px;
height:14px;
background: url("images/addCart.gif") 0 0 no-repeat;
}

.fonts_addtoCart a:hover {background-position: 0 -14px;}


.fonts_view a{ 
float:left;
display:block; 
width:95px; 
margin-top:4px; 
height:14px; 
background: url("images/view_char.gif") 0 0 no-repeat; 
} 
 
 
.fonts_view a:hover {background-position: 0 -14px;} 


.fonts_dl a{
float:right;
width:56px;
margin-top:2px;
margin-right:6px;
height:14px;
background: url("images/download.gif") 0 0 no-repeat;
}

.fonts_dl a:hover {background-position: 0 -14px;}

.main_font{
background: #1d1d1d  url(images/fonts_back.gif) no-repeat left bottom;
width:672px;
padding:10px 10px 10px 10px;
}



.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
float: left;
margin-left: -115px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 120px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.fontNameFree {

	float:left;
	margin-top:2px;
	margin-left:7px;
	width:420px;
	font-size: 12px;
	color:#efc004;
	font-weight: bold;
}