/****************************
*** nyomtatoalkatresz stylesheet ****
****************************/
html {
color:#0c325a;
float:left;
width:100%;
z-index:1;
}
body {
font:13px tahoma;
background:#f9f9f9;
}
* {
font-style:normal;
list-style:none;
margin:0;
padding:0;
outline:none;
text-decoration:none;
border:none;
}
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
#wrap {
width:900px;
padding:5px 5px;
margin:0 auto;
background:url(../img/bg_wrap.jpg) repeat-y;
}
#head {
background-color:white;
}
#left {
float:left;
width:188px;
}
#content {
float:right;
width:695px;
}
#foot {
background:url(../img/bg_foot.jpg) no-repeat;
height:31px;
width:910px;
margin:0 auto;
}
#operator {
height:137px;
background:url(../img/bg_operator.jpg) no-repeat;
}
h1, h2, h3, input {
font-family:tahoma;
}
h2 {
font-size:14px;
}
p {
margin:0 0 10px 0;
}
/******************************************************************************* Head */


#contactinfo {
position: absolute;
margin: 0px 0px 0px 400px;
}

#contactinfo_link {
height:28px;
width:497px;
background:url(../img/bg_contactinfo.jpg) left no-repeat;
font-size:12px;
}

#contactinfo_link a {
text-decoration:none;
}
#contactinfo_link a:hover {
text-decoration:underline;
}

#phone {
position: absolute;
margin: 6px 0 0 35px;
}

#mail {
position: absolute;
margin: 6px 0 0 265px;
}


#head h1 {
position: absolute;
font: 18px tahoma;
color: #65ba4a;
margin: 60px 0 0 350px;
}

#head span {
position:absolute;
font:16px tahoma;
color:#558cc8;
margin: 30px 0 0 350px;
}
/**************************************************************************** Operator */
#op-left a {
text-decoration:none;
}
#op-left a:hover {
text-decoration:underline;
}
#signin, #signup, #cart, #checkout {
float:left;
width:140px;
padding:5px;
height:87px;
}
#signin h2 {
color:#558cc8;
font-size:12px;
text-align:center;
margin:0 0 8px 0;
}

a.erdlink {
   color: #0c325a;
   text-decoration: none;
   font-weight: normal;
}

.v {
width:45px;
color:#558cc8;
text-align:right;
float:left;
}
input.signinfield {
margin:0 0 2px 5px;
height:14px;
width:70px;
border:#c2deea solid 1px;
font-size:11px;
color:#558cc8;
}
input.signinbutton {
position:absolute;
margin:0 0 0 76px;
background:url(../img/signinbutton.gif);
height:19px;
width:50px;
border:none;
font-size:12px;
}
#signup h2 {
font-size:14px;
margin:20px 0 5px 0;
}
#signup h2 a {
color:#558cc8;
}
#signup a.link {
color:#558cc8;
}
#cart, #checkout, #signup {
text-align:center;
color:#558cc8;
}
#op-left li, #op-left li a, #webshop-menu li, #webshop-menu li a, #operator ul { 
margin:0;
padding:0; 
}
#cart li, #cart li a, #checkout li, #checkout li a { 
display: block;
width: 130px; 
height: 77px; 
font-size:14px;
color:#558cc8;
}
#cart li, checkout li {
list-style-type:none;
}
#cart li { 
background: url(../img/ico-cart.jpg) top left no-repeat; 
}
#checkout li { 
background: url(../img/ico-checkout.jpg) top left no-repeat; 
}
#cart li a:hover { 
background: url(../img/ico-cart-a.jpg) top left no-repeat;
text-decoration:none;
}
#checkout li a:hover { 
background: url(../img/ico-checkout-a.jpg) top left no-repeat; 
text-decoration:none;
}
#webshop-menu {
float:right;
}
#webshop-menu h2 {
background: url(../img/bg_wsmenu_t.jpg) no-repeat;
height:21px;
width:315px;
text-align:center;
padding-top:4px;
margin:0;
}

#webshop-menu span {
position:absolute;
text-align:center;
font:18px tahoma;
color:#558cc8;
margin: 20px 0 0 -535px;
}

.inactive li, .inactive li a { 
display:block;
width:315px; 
height:77px; 
}
.inactive li { 
background: url(../img/bg_ws_inactive.jpg) top left no-repeat; 
}
.inactive li a:hover { 
background: url(../img/bg_ws_inactive.jpg) 0 -78px no-repeat; 
}









#hmenu {
float:left;
padding-top:2px;
margin:0;
height:32px;
width:900px;
background: url(../img/bg_hmenu.jpg) 0 0px no-repeat;
}
#hmenu ul li {
display:inline;
padding:0;
margin:0;
}
#hmenu ul li a {
padding:3px 0 0 20px;
font-size:14px;
text-decoration:none;
}
#hmenu ul li a:hover {
color:#daecff;
}
#hmenu ul li a.inaktiv {
padding:3px 0 0 18px;
font-size:14px;
text-decoration:none;
color:#79ace3;
}
#hmenu ul li a.inaktiv:hover {
color:#92bfef;
}


/*
#hmenu {
float:right;
padding:0;
margin:0;
height:32px;
background: url(../img/bg_hmenu.jpg) 0 -7px no-repeat;
}
#hmenu ul li {
display:inline;
padding:0;
margin:0;
}
#hmenu ul li a {
background: url(../img/bg_hmenu.jpg) -25px bottom;
padding:3px 0 0 20px;
height:22px;
margin:0;
float:left;
font-size:14px;
text-decoration:none;
}
#hmenu ul li a:hover {
color:#daecff;
}
#hmenu ul li a.inaktiv {
background: url(../img/bg_hmenu.jpg) -25px bottom;
padding:3px 0 0 20px;
height:22px;
margin:0;
float:left;
font-size:14px;
text-decoration:none;
color:#79ace3;
}
#hmenu ul li a.inaktiv:hover {
color:#92bfef;
}
#hmenu ul li.last a {
padding:3px 15px 0 20px;
background: url(../img/bg_hmenu.jpg) bottom right;
}
#hmenu ul li.first a {
background:none;
padding:20px 0px 15 3px;
background: url(../img/bg_hmenu.jpg) bottom left;
}
#hmenu ul li.kitolto {
background: url(../img/bg_kitolto.jpg) +5px bottom;
padding:3px 0 0 20px;
height:22px;
width: 24px;
margin:0;
float:left;
font-size:14px;
text-decoration:none;
}
*/





















/*#hmenu div {
float:right;
background: url(../img/bg_hmenu.jpg) left;
width:10px;
height:32px;
}*/
#language {
float:left;
height:25px;
padding:6px 0 0 10px;
}
#language img {
margin:0 3px;
}
/*********************************************************************************** Left */
#left h2 {
background: url(../img/bg_all.jpg) scroll 0px 0px;
height:20px;
width:188px;
margin:0;
padding:2px 0 0 0;
text-align:center;
}
#left ul {
}
#left ul li {
margin:4px 0;
}
#left ul li a {
padding-left:15px;
font-size:12px;
/*color:#2c8710;*/
text-decoration: none;
}
#left ul li a:hover {
text-decoration:underline;
}
#left li li a.active {
background:url(../img/active.gif) left top no-repeat;
font-size:10px;
color:#65ba4a;
text-decoration: none;
}
#left li ul {
margin:4px 0 0 0;
}
#left li ul li a {
font-size:10px;
color:#65ba4a;
text-decoration: none;
}
#left li ul li a, #left li ul li a.active {
margin-left:15px;
}
#manufacturer, #left ul {
margin:8px 0 10px 0;
}
#search {
margin:8px 0 10px 15px;
}
textarea.reg-field, input.datefield, input.searchfield, select.searchfield, input.reg-field, input.button, input.preorderbutton, textarea.order-field, select.order {
background:#fff;
border:#2c8710 solid 1px;
/*color:#2c8710;*/
}
input.reg-field-incorrect {
border:#ED1B28 solid 1px;
/*color:#2c8710;*/
}
input.searchfield {
width:100px;
}

select.searchfield {
width:150px;
}

.biggertext {
font-size:16px;
height:20px;
}

input.datefield {
width:70px;
}
input.reg-field, input.reg-field-incorrect {
width:200px;
}

/***************************************************************************** Content */
#content ul {
margin:0 0 0 25px
}
#content ul li {
margin:0 0 0 20px;
list-style:inside;
list-style-type:circle;
}
#steps {
height:114px;
background:url(../img/bg_steps.jpg) no-repeat;
}
#step1, #step2, #step3 {
padding:40px 5px 5px 15px;
width:181px;
}
#step1 {
float:left;
margin-right:40px;
color:#1c5594;
}
#step2 {
float:left;
margin-right:40px;
color:#6ea0d3;
}
#step3 {
float:right;
color:#4eb832;
}
.col1, .col2-1, .col2-2, .news, .m-news, .item, .discount, .reg-set, .order-set, #list, .ws-p-list, #content ul, #steps {
margin-bottom:10px;
}
.col1 h2, .col2-1 h2, .col2-2 h2, .discount h2, .webaruhaz {
margin:0 0 15px 0;
color:#1c5594;
font-size:15px;
}

.col1 h4 {
padding-bottom: 10px;
}

.col1 h3, .col2-1 h3, .col2-2 h3, .discount h3, .col1 h4, .col1 h5 {
margin-top: 30px;
color:#1c5594;
font-size:15px;
}
.item, .news {
border-bottom:1px solid #99c9fd;
}
.col2-1 {
float:left;
width:340px;
}
.col2-2 {
float:right;
width:340px;
}
.m-news {
border-bottom:1px solid #4B9933;
}
.col2-1 img, .col2-2 img {
width:70px;
float:left;
}
.m-news-date, .news-date {
color:#4B9933;
font-size:9px;
}
.news-date {
margin:-25px 0 0 0;
float:right;
}
.item h3, .m-news h3, .news h3, .ws-prod-r h3, .discount h3, #reg h3, #ws-list h3 {
margin:0 0 10px 0;
color:#4B9933;
font-size:14px;
}
span.cikkar {
color: #4b9933;
font-size: 12py;
font-weight: bold;
}
span.highlight {
BACKGROUND: #ffff00;
} 
span.info {
color: #4b9933;
font-size: 14px;
font-weight: bold;
} 
.col1 p, .col2-1 p, .col2-2 p {
line-height:18px;
margin:0 0 8px 0;
}
.news {
}
.box-prod {
/*background:url(../img/prod-box.jpg) top no-repeat;*/
height:220px;
width:157px;
float:left;
margin:0 5px 8px 5px;
border:1px solid #c5dffb;
text-align:center;
}
.box-prod a {
font-weight:normal;
color:#0C325A;
text-decoration:none;
}
.box-prod a:hover {
text-decoration:underline;
}
.box-prod-h {
height:35px;
padding:3px 3px 0 3px;
overflow:hidden;
}
.box-prod-p {
height:160px;
padding:3px 3px 0 3px;
overflow:hidden;
}
.box-prod-f {
height:60px;
padding:3px 3px 3px 3px;
}
.box-prod h3 {
margin:0 0 5px 0;
height: 30px;
font-size:13px;
}
.box-prod img {
width:100px;
margin:0 7px 0 7px ;
}
.akciokimg {
width:100px;
float:left;
}
input.box-prod-field {
margin-top:2px;
}
input.box-prod-button {
background:url(../img/prod-box-button.gif) right no-repeat;
height:20px;
width:80px;
border:none;
text-align:left;
padding:0 0 0 10px;
color:#558CC8;
}
/*********************************************************************** Content WEBSHOP */
input.ws-list-input, input.box-prod-field, input.ws-prod-input {
height:13px;
width:25px;
background:#dcf3ff;
border:1px solid #72bde4;
color:#4076b0;
text-align:right;
}
input.ws-list-input {
}
input.ws-list-button, input.ws-prod-button, input.ws-listorder-button {
color:#ffffff;
font-size:14px;
height:25px;
border:none;
}
input.ws-listorder-button {
float:right;
background:url(../img/ws-button-order.jpg) no-repeat;
width:140px;
padding:0 0 0 5px;
margin-top: 5px;
text-align:left;
}
input.ws-list-button {
float:right;
background:url(../img/ws-button-addtocart.jpg) no-repeat;
width:140px;
padding:0 0 0 5px;
text-align:left;
}
input.preorderbutton {
float:right;
}
.ws-prod-l {
float:left;
width:160px;
}
.ws-prod-l img { 
width:150px;  /**** EZ TEMP *****/
/*** height:150px;   EZ TEMP *****/
border:1px solid #4B9933;
padding:1px;
}
.ws-prod-r {
float:right;
width:520px;
}
.ws-prod-r h3, .ws-prod-r h2 {
font-size:15px;
color:#4B9933;
}

.ws-prod-addtocart {
height:25px;
width:170px;
background:url(../img/ws-prod-button-addtocart.jpg) no-repeat;
}
input.ws-prod-input {
margin:4px 0 0 4px;
position:absolute;
}
input.ws-prod-button {
position:absolute;
margin:0 0 0 30px;
background:none;
}
#list {width:690px; margin:0 0 8px 0; clear:none; border-collapse:collapse;}
#list td {padding: 2px;  border-bottom: 1px solid #dddddd;}
#list td.h0 {width: 15px; text-align:center;}
#list td.h1 {width: 300px; text-align:left;}
#list td.h2 {width: 100px; text-align:center;}
#list td.h3 {width: 50px; text-align:center;}
#list td.h4 {width: 120px; text-align:center;}
#list td.h4r {width: 150px; text-align:right;}
#list td.h5 {width: 40px; text-align:right;}
#list td.h6 {width: 60px; text-align:left;}
#list td.h {text-align:center; }
#list td.hh1 {text-align:left; }
#list tr:hover {background: #F9F9F9;}

.ws-p-list {
float:left;
border:1px solid #65A2E5;
margin:0 5px 10px 0;
height:20px;
padding:3px 0 0 0;
}
.ws-p-list a {
color:#65A2E5;
text-decoration: none;
padding:3px 8px 4px 8px;
}
.ws-p-list a:hover {
background:#eaf4ff;
}
#reg {
}
#reg-set {
}
#reg h3 {
text-align: center;
}
span.reg-label, span.reg-form {
width:340px;
height:25px;
}
span.reg-label {
float:left;
text-align:right;
}
.red {
color:#ED1B28;
}
span.reg-form {
float:right;
text-align:left;
}
.user-row, .order-row {
border-bottom: 1px solid #dddddd;
height:20px;
}
span.user-label, span.user-data, span.order-label, span.order-data {
float:left;
height:20px;
}
span.user-label, span.order-label {
width:200px;
}
span.user-data, span.order-data {
display:inline;
width:350px;
clear:right;
color:#4B9933;
}
textarea.order-field {
height:100px;
width:500px;
margin:0 auto 10px auto;
}
.price1 {
color:#4B9933;
}
.price2 {
font-size:11px;
color:#7e9ab8;
}
/***************************************************************************** Foot */
#foot p {
position:absolute;
margin:3px 0 0 15px;
}
#copyright {
position:absolute;
margin:3px 0 0 700px;
}
/**************************************************************************** Misc */
.clear {
height:0;
width:0;
clear:both;
margin:0;
padding:0;
font-size:0;
line-height:0;
}
form {
padding:0;
margin:0;
}
a {
color:#4B9933;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a img {
border:none;
}
.tooltiph, .tooltipb {
width:200px;
padding:3px;
/* filter:alpha(opacity=75); 
opacity:0.75; */
text-align:center;
}
.tooltiph {
background:#328d14;
font-size:13px;
color:#fff;
border:1px solid #416074;
}
.tooltipb {
border:1px solid #416074;
background:#97C2ED;
}

/*********************************************************************** tooltip            */
a.tooltip {
position:relative;
z-index:2; 
text-decoration:none
}
a.tooltip:hover {
z-index:100;
background:none;
}
a.tooltip div.a {
display:none;
}
a.tooltip:hover div.a { 
display:block;
position:absolute;
top:40px; left:10px;
width:150px;
/*background:url(../img/bg-tooltip.gif) top;*/
background:#fff;
padding:4px;
font-size:10px;
border:1px solid #ED1B28;
color:#ED1B28;
}
/*a.tooltip:hover div.a div.b { 
margin:0 4px 0 4px;
}
a.tooltip:hover div.c {
height:10px;
background:url(../img/bg-tooltip.gif) bottom;
}*/

/**************************** WEBSHOP NAV */
#webshop-nav {
position:absolute;
height:48px;
width:315px;
margin: 0px 0 0 -300px;
}
#webshop-nav span.head {
position:absolute;
text-align:center;
font:12px tahoma;
color:#558cc8;
margin: 10px 0 0 100px;
font-weight : bold;
}
#webshop-nav span.tetel {
position:absolute;
text-align:center;
font:11px tahoma;
color:#000000;
margin: 33px 0 0 10px;
}
#webshop-nav span.tetel_osszesen {
position:absolute;
text-align:center;
font:11px tahoma;
color:#000000;
margin: 50px 0 0 10px;
}
#webshop-nav span.netto {
position:absolute;
text-align:center;
font:11px tahoma;
color:#000000;
margin: 33px 0 0 110px;
}
#webshop-nav span.netto_osszesen {
position:absolute;
text-align:center;
font:11px tahoma;
color:#000000;
margin: 50px 0 0 110px;
}
#webshop-nav span.brutto {
position:absolute;
text-align:center;
font:11px tahoma;
color:#000000;
margin: 33px 0 0 220px;
}
#webshop-nav span.brutto_osszesen {
position:absolute;
text-align:center;
font:11px tahoma;
color:#000000;
margin: 50px 0 0 220px;
}
#webshop-nav hr.felso {
position:absolute;
align:center;
margin: 47px 0 0 5px;
width: 290px;
height: 1px;
background-color : #d4e9fe;
}
#webshop-nav hr.also_1 {
position:absolute;
align:center;
margin: 67px 0 0 5px;
width: 290px;
height: 1px;
background-color : #d4e9fe;
}
#webshop-nav hr.also_2 {
position:absolute;
align:center;
margin: 69px 0 0 5px;
width: 290px;
height: 1px;
background-color : #d4e9fe;
}
#webshop-nav span.szallitasi_head {
position:absolute;
text-align:center;
font:12px tahoma;
color:#558cc8;
margin: 74px 0 0 10px;
font-weight : bold;
} 
#webshop-nav span.szallitasi_head_osszeg {
position:absolute;
text-align:right;
width: 130px;
font:12px tahoma;
color:#558cc8;
margin: 74px 0 0 160px;
font-weight : bold;
} 

/*
#webshop-nav ul {
height:48px;
position:absolute;
width:315px;
}
#webshop-nav li {
display:block;
height:48px;
position:absolute;
top:0pt;
}
#webshop-nav li {
overflow:hidden;
text-indent:-9000px;
}
li.discount, li.new, li.prevorder, li.pricelist, li.user, li.pwd, li.exit, li.exitia, li.pwdia, li.useria, li.pricelistia {
width:45px;
}
li.discount a:link, li.discount a:visited, li.new a:link, li.new a:visited, li.prevorder a:link, li.prevorder a:visited, li.pricelist a:link, li.pricelist a:visited, li.user a:link, li.user a:visited, li.pwd a:link, li.pwd a:visited, li.exit a:link, li.exit a:visited, li.exitia a:link, li.pwdia a:link, li.useria a:link, li.pricelistia a:link, li.exitia a:visited, li.pwdia a:visited, li.useria a:visited, li.pricelistia a:visited {
display:block;
height:48px;
}
*/
/**************************** DISCOUNT */
li.discount a:link, li.discount a:visited {
background:url(../img/ico_discount.jpg) no-repeat;
}
li.discount a:hover {
background:url(../img/ico_discount.jpg) 0 -48px no-repeat;
}

/**************************** NEW */
li.new {
left:45px;
}
li.new a:link, li.new a:visited {
background:url(../img/ico_new.jpg) no-repeat;
}
li.new a:hover {
background:url(../img/ico_new.jpg) 0 -48px no-repeat;
}

/**************************** PREVORDER */
li.prevorder {
left:90px;
}
li.prevorder a:link, li.prevorder a:visited {
background:url(../img/ico_prevorder.jpg) no-repeat;
}
li.prevorder a:hover {
background:url(../img/ico_prevorder.jpg) 0 -48px no-repeat;
}

/**************************** PRICELIST */
li.pricelist, li.pricelistia {
left:135px;
}
li.pricelist a:link, li.pricelist a:visited {
background:url(../img/ico_pricelist.jpg) no-repeat;
}
li.pricelist a:hover {
background:url(../img/ico_pricelist.jpg) 0 -48px no-repeat;
} 
li.pricelistia a:link, li.pricelistia a:visited, li.pricelistia a:hover {
background:url(../img/ico_pricelistia.jpg) no-repeat;
}

/**************************** USER */
li.user, li.useria {
left:180px;
}
li.user a:link, li.user a:visited {
background:url(../img/ico_user.jpg) no-repeat;
}
li.user a:hover {
background:url(../img/ico_user.jpg) 0 -48px no-repeat;
}
li.useria a:link, li.useria a:visited, li.useria a:hover {
background:url(../img/ico_useria.jpg) no-repeat;
}

/**************************** PWD */
li.pwd, li.pwdia {
left:225px;
}
li.pwd a:link, li.pwd a:visited {
background:url(../img/ico_pwd.jpg) no-repeat;
}
li.pwd a:hover {
background:url(../img/ico_pwd.jpg) 0 -48px no-repeat;
}
li.pwdia a:link, li.pwdia a:visited, li.pwdia a:hover {
background:url(../img/ico_pwdia.jpg) no-repeat;
}

/**************************** EXIT */
li.exit, li.exitia {
left:270px;
}
li.exit a:link, li.exit a:visited {
background:url(../img/ico_exit.jpg) no-repeat;
}
li.exit a:hover {
background:url(../img/ico_exit.jpg) 0 -48px no-repeat;
}
li.exitia a:link, li.exitia a:visited, li.exitia a:hover {
background:url(../img/ico_exitia.jpg) no-repeat;
}
/**************************************/
#foot, h2, #op-left a, #signin, #signup, #cart, #checkout, input.signinbutton, #hmenu ul li a, .box-prod-f, input.ws-list-button, input.ws-prod-button, .tooltiph, input.ws-listorder-button {
color:#ffffff;
}
#foot, #contactinfo, #step1, #step2, #step3, .m-news-date, .news-date, input.ws-list-button, input.ws-listorder-button, input.ws-prod-button, #list td.h, #list td.hh1, span.reg-label, span.reg-form, .red, span.user-label, span.user-data, span.order-label, span.order-data, a, .tooltiph, .price1 {
font-weight:bold;
}
#contactinfo, #contactinfo a, #left ul li a, input.datefield, input.searchfield, select.searchfield, input.reg-field, input.button, input.preorderbutton, textarea.order-field, select.order, input.reg-field-incorrect , textarea.reg-field{
color:#2c8710;
}

#regsteps {
background: #f9f9f9;
margin:0px 3px 20px 0px;
padding:0;
height:22px;
}
#regsteps ul li {
display:inline;
padding:0;
margin:0;
padding:25px 0 0 25px;
height:22px;
margin:0;
font-size:13px;
text-decoration:none;
color:#558cc8;
}
#regsteps ul li.aktiv  {
font-weight:bold;
text-decoration:underline;
}

.autohide {
	display: none;
		height:200px;
}

.kiemelt {
	BACKGROUND-COLOR: #ffffff;
}


#c4support {
	width: 200px;
	float: left;
	position: relative;
}

#content #tabs ul, #content #tabs ul li {
  margin: 0px;
  padding: 0px;
  margin-left: 3px;
}
