﻿ /* *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * a tablazat szelessege, betu, stb.... */
#dnb_doboz ul  
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
}

#dnb_doboz li a /* amirol... */ 
{
display: block;
padding: 5px 10px;
width:  130px;
color: #092234;
text-decoration: none;
margin-bottom: 10px;
height: 60px;
}

#dnb_doboz li a:hover  /* amire... */
{
color: white;
background-color: #008c84;
text-decoration: none;
}

#dnb_doboz li #active  /* Active-ot is megjeloljuk */
{
color: white;
background-color: #092234;
text-decoration: none;
}


#prod_list td a /* products box lista */ 
{
display: block;
padding: 5px 10px;
color: #092234;
font-weight: bold;
text-decoration: none;
margin-bottom: 10px;
}

#prod_list td a:hover  /* amire... */
{
color: white;
font-weight: bold;
background-color: #008c84;
text-decoration: none;
}

#prod_list td #active  /* Active-ot is megjeloljuk */
{
color: white;
font-weight: bold;
background-color: #092234;
text-decoration: none;
}

/* Download gomb */

div.dl_outer {
        float: left;
        width: 252px; height: 62px;
        background: url('images/btn_download_rollover.gif') top left no-repeat;
}

div.dl_outer a {
        display: block;
        margin: 0; padding:0;
        width:100%; height:100%;
        overflow:hidden;
        text-decoration: none;
        background: url('images/btn_download_normal.gif') top left no-repeat;
}
div.dl_outer span {
        display: block;
        margin:0; padding: 5px 0 0 70px;
}
div.dl_outer a:hover {
        background-image: none;
}
div.dl_outer a:active {
}

 /* *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * a kepek.... */

img.jobb_kep { float: right; 
			  margin: 0px 20px 0px 0px; 
			  padding:0px 0px 0px 0px;
			  width:32px;
			  height:32px;
			}
			
img.bal_kep { float: left; 
			  margin: 0px 20px 0px 0px; 
			  padding:0px 0px 0px 0px;
			}



 /* *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * * *  * INNEN A TIED.... */



.lineheight10 {
	line-height: 10px;
}
.lineheight7 {
	line-height: 7px;
}
.lineheight6 {
	line-height: 6px;
}

/* Input �s select controlok st�lusa - olyan, mint a text st�lus -------------------------------------------- */

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

/* Input �s select controlok st�lusa - olyan, mint a text st�lus -------------------------------------------- */

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

body,td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

.text_highlights {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

a.link_highlights {
	text-decoration: none;
	color: #08273e;
}

a.link_highlights:hover {
	color: #008c84;
}


.csillag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #274256;
}

.title_highlights {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.title_szurke {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #f0f0f0;
}

a.title_szurke, a.title_szurke:link, a.title_szurke:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.title_szurke:hover {
	color: #008c84;
}



.norepeat {
	background-repeat: no-repeat;
}
.inverztitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #f0f0f0;
}

.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #f0f0f0;
	text-decoration: none;
}
a.copylink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #f0f0f0;
}

a.copylink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #f0f0f0;
}

a.copylink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #f0f0f0;
}

a.menulink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
	font-weight: bold;
}

a.menulink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
	font-weight: bold;
}

a.menulink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #008c84;
	font-weight: bold;
}



a.link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #008c84;
}

a.kislink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.kislink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.kislink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #008c84;
}

.tablazatkorbe {
	border: 1px solid #a5baca;
}

.gal_nemlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.gal_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.gal_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.gal_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #008c84;
}

a.gal_cimlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.gal_cimlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #08273e;
}

a.gal_cimlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #008c84;
}
.minusz2px {
	vertical-align: 60%;
}

a.tabl_select:link {
	color: #08273e;
}

a.tabl_select:visited {
	color: #08273e;
}

a.tabl_select:hover {
	background-color: #0066FF;
}

/* Accordion st�lusok - pl: FAQ oldal ----------------------------------------------------------------------------- */

.accordion  {
	font-family: verdana;
	margin:  0px;
	padding: 0px;
}

.accordion .answer {
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	display: none;
}

.accordion h3 {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #092234;
	border: none;
}

.accordion h3:hover {
	color: white;
	background-color: #092234;
}

.accordion h3.selected {
	color: white;
	background-color: #092234;
}

/* review st�lusok ------------------------------------------------------------------- */

.review {
	margin-bottom: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08273e;
	line-height: 20px;
}

.review_nev {
	font-weight: bold;
	width: 300px;
}

.review_lakohely {
	font-style: italic;
}

.review_leiras {
	text-align: justify;
	line-height: normal;
}

.review_csillag_teli {
	height: 16px;
	font-size: 9px;
	background:url(star.gif);
	background-position: 0px 16px;
	float: left;
}

.review_csillag_ures {
	height: 16px;
	font-size: 9px;
	background:url(star.gif);
	background-position: 0px 0px;
	float: left;
}

/* Hirlevel doboz - hibajelzes stilusa ---------------------- */
#newsletter_error,#login_error, #newsletter_uns_error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 10px 0px; 
	width:130px; 
	display: none; 
	padding: 2px; 
	border: 2px solid #000000; 
	text-align: center;
	cursor: hand;
	background-color: #FF0000;
}

/* Endorsment - saj�t review-ek */

.endorsement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08273e;
	clear: both;
}

.endorsement_pic {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	font-size: 11px;
	width: 100px;
	height: 100px;
}
	
.endorsement_text {
	float: left;
	font-style: italic;
	font-size: 11px;
		margin-bottom: 15px;
	width: 500px;
}
	
.endorsement_source {
	font-style: normal;
	margin-top: 3px;
	font-size: 11px;
}

.endorsement_source a, .endorsement_source a:link, .endorsement_source a:visited, .endorsement_source a:hover  {
	text-decoration: none;
 	color: #008c84;
	}
	
/* tab elemek st�lusa */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.tabs-nav {
		display: none;
	}
}

/* Skin */
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url('images/tab4.png') no-repeat;
}
/* Alternatív színezés a downloads-hoz */
.tabs-nav2 a, .tabs-nav2 a span {
	display: block;
	padding: 0 10px;
	background: url('images/tab5.png') no-repeat;
}
.tabs-nav2 .tabs-selected a span, .tabs-nav2 a:hover, .tabs-nav2 a:focus, .tabs-nav2 a:active {
	color: #FFFFFF;
}
/* Alt. színezés vége */
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */	
}
.tabs-nav .tabs-selected a {
	color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}
.tabs-container {
	border-top: 1px solid #97a5b0;
	padding: 1em 8px;
	background: #f0f0f0; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
	padding: 0 0 0 20px;
}
/* DEMÓK */

.demo_container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
	font-size: 12px;
	color: #274256;
	}

.demo_product_title, .downloads_caption {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image:url(images/atmenet.gif);
	width: 600px;
	padding: 3px;
	margin: 20px 0px 10px 0px;
}

.demo_container li {
	text-align: justify;
	line-height: 12px;
	margin-bottom: 25px;
	}
	
.demo_container a:link, .demo_container a:active, .demo_container a:visited {
	text-decoration: none;
	color: #274256;
	}
	
.demo_container a:hover {
	color: #FF0000;	
	}	
	
.demo_title {
	font-weight: bold;
	margin-bottom: 5px;
	}	

