/* CSS Document */

/*  */

/* general stuff */

* {
margin: 0;
padding: 0; /* mindent kinullazunk */
font-family: Arial, Helvetica, sans-serif; /* beallitjuk az oldalon a font keszletet */
font-size: 12px; /* a kulon nem meghatarozott fontok merete */
}

body {
background-image:url(../images/bgheader.jpg);
background-repeat: no-repeat;
background-position: top center;
}


h1 {
font-size: 18px;
color: #003e82;
}

.generalColumnBox h1 {
font-size: 14px;
color: #ffd800;
background-color: #003e82;
padding: 3px;
}


h2 {
font-size: 14px;
margin-bottom: 2px;
}

h3 {
font-size: 12px;
}


ul, li {
list-style-type: none;
}

a {
text-decoration: none;
font-weight:bold;
color:#003e82;
}

a:hover {
color: #000;
}

a.iconBullet {
display: inline;
background-repeat: no-repeat;
padding: 0 0 0 18px;

}

a.toCart {
background-image:url(../images/cart.gif);
}

a.productDetails {
background-image:url(../images/details.gif);
}

a.productDetails {
}

/* cikkeket es termekeket elvalaszto hr */
hr {
clear:both;
height:5px;
border:0;
border-bottom:1px #8fc7ec solid; /* itt kell megadni a vonal szinet */
color:white;
margin:5px 0;
_margin: 0 0 5px 0;
padding:0 0;
}

input, select, textarea {
padding: 2px;
border: 1px solid #57a0d5;
}

input.submitButton {
cursor:pointer;
background-color: #def0fc;
margin-top: 5px;
}

input.submitButton:hover {
background-color: #fff;
}

input.radio {
border: none;}

/* OK gomb adatai */
input.buttonOK {
width: 30px !important;
}

.error {
color: red;
font-weight:bold;
}

/* az egesz befoglalo div */
#wholeStuff {
width: 770px; /* a weblap szelessege. 1024 eseten xxx kell legyen */
margin:0 auto 20px auto; /* a weblap elhelyezese bal es jobb auto eseten kozepen van */
}

/* header - teljes oldalt felul vegigero sav */
#header {
width: 770px; /* a weblap szelessege. 1024 eseten xxx kell legyen */
height: 150px;
}

#header h1 {
text-indent: -9999px;
}

/* leftColumn - bal oszlop */
#leftColumn {
width: 170px; /* az oszlop szelessege. 1024 eseten xxx kell legyen */
float: left;
off background-color: red;
}

/* mainColumn - kozepso oszlop */
#mainColumn {
off background-color: #fff;
width: 600px;  /* az oszlop szelessege. 1024 eseten xxx kell legyen */
float: left;
}

/* rightColumn - jobb oszlop */
#rightColumn {
off background-color: green;
width: 150px;  /* az oszlop szelessege. 1024 eseten xxx kell legyen */
float: left;
}

/* footer - teljes oldalt alul vegigero sav */
#footer {
off width: 450px; /* a weblap szelessege. 1024 eseten xxx kell legyen */
clear: both;
background-color: #c3e2f6;
padding: 10px;
margin: 0 auto 0 auto;

}

/* a dobozok megegyezo tulajdonasagai */
div.generalBox {
padding: 5px 10px 10px 10px;
}

/* az oszlopokban levu dobozok megegyezo tulajdonasagai */
div.generalColumnBox {
off background-image:url(../images/columnbox.gif);
off border: 1px solid black;
/* border bekapcsolasa eseten a boxok merete 2px-el megno, igy minden mas meretet ehhez igazitani kell */
}

/* az oszlopokban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */
div.generalColumnBox h1{
margin-bottom:5px;
}

/* a kozepso oszlopban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */
div.mainColumnBox h1{
border-bottom: 1px solid #4d78a7;
margin: 10px 0;
clear: both;
}

/* a kozepso oszlopban levu dobozok h2 fejlecenek megegyezo tulajdonasagai */
div.mainColumnBox h2 a{
font-size: 14px;
}

div.generalColumnBox form input{
width: 100px;
}

div.generalColumnBox form select{
width: 100px;
}

/* az oszlopok megegyezo tulajdonasagai */
div.generalColumn {
off background-color: #eee;
}

/* szelso oszlopban levo lista alapu menu elemei */
div.columnMenu {
}

.columnMenu ul li ul li{
margin-left: 10px; /* a lista menu masodik kategoria szint ennyivel beljebb */
}

.columnMenu ul li ul li a{
font-size: 12px; /* masodik kategoria szint fontmerete */
color: #039; /* masodik kategoria szint link szine */
}

.columnMenu ul li ul li a:hover{
color: black; /* masodik kategoria szint link hover szine */
}

.columnMenu ul li ul li ul li a{
font-size: 11px; /* harmadik kategoria szint fontmerete */
color: #666; /* harmadik kategoria szint link szine */
font-weight: normal;
}

.columnMenu ul li ul li ul li a:hover{
font-size: 11px; /* harmadik kategoria szint fontmerete */
color: #000; /* harmadik kategoria szint link hover szine */
font-weight: normal;
}

/* vizszintes menu adatai */

.horizontalMenu {
padding: 4px 0 3px 4px;
margin-top:5px;
background-color: #003e82; /* vizszintes menu blokk hatterszine */
}

.horizontalMenu ul li {
display:inline;
margin-left: 0; /* vizszintes menu linkjeinek egymastol valo tavolsaga */
background-image:url(../images/separator.gif);
background-repeat: no-repeat;
background-position: right 50%
}

.horizontalMenu ul li a{
color: #ffd800; /* vizszintes menu linkjeinek szine */
padding:0 6px 0 6px;
_padding:0 6px 0 8px;
}

.horizontalMenu ul li a:hover{
color: #fff; /* vizszintes menu linkjeinek hover szine */
}

.horizontalMenu ul li.lastH {
background: none;
}

/* a szelso oszlopban levo thumbnail kep */
a.thumbnailColumn {
display:block;
width: 130px; /* a height es width az oszlop szelessegetol 20px-el kevesebb, az img legnagyobb meretnel 20px-el nagyobb */
height: 130px;
text-align: center;
background-color: #ddeef8; /* a dia hatterszine, ide lehet hatterkepet is tenni */
margin: 2px 0; /* kis margo hogy ne tapadjanak a feliratok */
}

a.thumbnailColumn:hover {
background-color:#e8f3f9; /* a dia hover hatterszine, ide lehet hatterkepet is tenni */
}

a.thumbnailColumn img{
border: 1px solid #003e82; /* a dian beluli kep kerete */
}

a.thumbnailColumn:hover img{
border: 1px solid white; /* a dian beluli kep kerete hover eseten*/
}

/* cikk vagy termeklista thumbnail */
a.thumbnailList {
float:left;
margin: 0 5px 0 0;
}

h1.productColumnName {
margin-top: 10px; /* a diak tavolsaga */
}

h1.productColumnName a{
font-size: 14px; /* a termek nevenek font merete */
}

/* lista jellegu boxok a szelso oszlopokban pl. TOP10 */
.listBox {
}

.listBox ol li{
list-style-type:decimal;
margin: 0 0 0 20px;
}

p.partnerName {
margin: 0 0 10px 0;
}

/* lapozo */

div.pager {
padding: 10px;
}

div.pager ul li{
display:block;
float:left;
width: 30px;
}

div.pager ul li a{
display: block;
text-align:center;
width: 25px;
height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */
padding: 5px 0 0 0;
border: 1px solid #999;
background-color:white;
}

div.pager ul li a:hover{
background-color:#eee; /* lapozo elemek hatterszine hoverkor - bg kep is lehet */
}

div.pager ul li.actualPage { /* aktualis oldal li eleme, nem kattinthato */
display: block;
text-align:center;
width: 25px;
height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */
padding: 5px 0 0 0;
border: 1px solid #000;
background-color: #000;
color: white;
margin: 0 3px 0 0;
}

.clearfix:after { /* div.clearing helyett */
content: ".";
display: block;
height: 0;
_height: 1%;
clear: both;
visibility: hidden;
}

p.categoryLeader { /* cikk es termekkategoria ROVAT bevezeto */
background-color: #cee8f7;
padding: 10px;
color: #003e82;
margin: 0 0 10px 0;
}

p.cartLeader { /* kosar bevezeto */
background-color: #444;
padding: 10px;
color: #fff;
margin: 0 0 10px 0;
}

.breadCrumb {
padding: 5px;
background-color:#003e82;
margin-top: 3px;
color: white;
}

.breadCrumb a{
color: #ffd800;
font-size: 10px;
font-weight: bold;
}

.breadCrumb a:hover{
color:#fff;
}

ul.productDetailsPage { /* reszletes termekoldal ar és kosar link lista */
margin: 10px 0;
}

ul.productDetailsPage li.price { /* reszletes termekoldal ar */
padding: 5px 0;
color: #red;
font-size: 14px;
font-weight:bold;
width:100px;
}

p.productShortDesc { /* termek rovidleiras */
}

p.productLongDesc { /* termek hosszuleiras */
}

p.newsShortDesc { /* cikk rovid leiras */
font-weight: bold;
}

p.newsLongDesc { /* cikk hosszu leiras */
}

ul.productDetailsPage li.toCartProductDetailsPage a{ /* reszletes termekoldal kosarba linkje*/
display: block;
width:60px;
padding: 5px 10px 5px 20px;
font-size: 14px;
font-weight:bold;
background-image:url(../images/cart.gif);
background-repeat: no-repeat;
background-position: 5% 50%;
background-color: #eee;
border: 1px solid #aaa;
}

ul.productDetailsPage li.toCartProductDetailsPage a:hover{ /* reszletes termekoldal kosarba linkje*/
background-color: #fff;
border: 1px solid #000;
color: black;
}


div.mediumProductPic { /* reszletes termekoldal kep */
float:left;
margin-right: 10px;
}

div.mediumNewsPic { /* reszletes termekoldal kep */
float:right;
margin-left: 10px;
}

ul.attachments { /* kapcsolodo elemek altalanos tulajdonsagai */
}

ul.attachments li{
margin: 1px 0;
padding: 0 0 0 15px;
background-repeat: no-repeat;
background-position:0 50%;
}

ul.attachedNews li{
background-image:url(../images/li-news.gif);
}

ul.attachedFiles li{
background-image:url(../images/li-files.gif);
}

ul.attachedProducts li{
background-image:url(../images/li-product.gif);
}

ul.attachedLinks li{
background-image:url(../images/li-links.gif);
}

div.attachedGallery { /* kapcsolodo galeriak tulajdonsagai */
}

div.attachedGallery h3 { /* kapcsolodo galeriak címei */
margin: 10px 0 0 0;
}

div.attachedGallery p { /* kapcsolodo galeriak rövid bevezetoi */
margin: 5px 0;
}

div.attachedGallery a {
display:block;
width: 130px; /* a height es width az oszlop szelessegetol 20px-el kevesebb, az img legnagyobb meretnel 20px-el nagyobb */
height: 130px;
text-align: center;
background-color: #d9ebf9; /* a dia hatterszine, ide lehet hatterkepet is tenni */
margin: 2px 0; /* kis margo hogy ne tapadjanak a feliratok */
float: left;
margin: 0 13px 13px 0;
border: 1px solid #6ca8dc;
}

div.attachedGallery a:hover {
background-color: #fff;
}

div.attachedGallery a img{
border: 1px solid black;
}

/* vendegkonyv */

div.guestBook {}

div.guestBook label {
margin: 10px 0 0 0;
display: block;
}

div.guestBook textarea {
width: 540px;
height: 100px;
}

div.guestBook p img {
border: 2px solid white;
margin: 0 5px 0 0;
}

/* forum */
table.forumThemeList {
width: 450px;
}

table.forumThemeList, table.forumThemeList tr td { /* a tablazat racshalozata*/
border: 1px solid #999;
border-collapse: collapse;
}

table.forumThemeList tr th {
background-color: #666;
color: #fff;
font-weight: bold;
}

table.forumThemeList tr th, table.forumThemeList tr td { /* a td-k es a th kozos tulajdonsagai */
padding: 2px 5px;
}

table.forumThemeList tr td{ /* a tema lista mindenmásodik sora kicsit mas hatterszinu */
background-color: #e6e6e6;
}

table.forumThemeList tr.secondRow td{ /* a tema lista mindenmásodik sora kicsit mas hatterszinu */
background-color: #eee;
}

span.date, span.date em { /* a tema lista datum */
font-size: 9px;
}

ul.plusMinus {  /* a kosarban a termek melletti plussz minusz gombok */
float: left;
}

ul.plusMinus li{
padding: 5px 0;
}

ul.plusMinus li a:hover {
background-color: #fff;
}

a.cartButton { /* a kosarban levo gombok altalanos adatai */
display:block;
float: left;
padding: 2px 5px;
margin-right: 5px;
border: 1px solid black;
background-color: #eee;
}


a.cartButton:hover {
background-color: #fff;
}

/* a kosarban levo gombokat itt lehet egyenkent allitani */

a.cartButtonPlus {
}


a.cartButtonMinus {
}

a.emptyCart {
}

input.cartButtonLeft {
float: left;
}

input.cartButtonRight {
float: right;
color: red;
font-weight: bold;
}

li.totalPrice {
clear: both;
font-size: 14px;
font-weight: bold;
padding: 5px 0;
}

p.totalFullPrice { /* a kosarban a teljes ar kiirasa*/
font-size: 16px;
background-color:#444;
color: #fff;
padding: 5px;
margin: 5px 0;
}

p.totalFullPrice strong{
font-size: 16px;
}

div.regForm { /* a regisztracios oldal */
}

div.regForm fieldset {
padding: 0 10px 10px 10px; /* a top ertek 0, mivel a labelnak van felso margoja */
margin: 10px 0;
border: 1px solid #333;
}

div.regForm fieldset legend{
font-size: 14px;
font-weight: bold;
}

div.regForm label {
display: block;
margin: 5px 0 0 0;
}

div.linkListPage { /* linkes lista oldal */
}

div.linkListPage ul{
}

div.linkListPage ul li{
font-size: 14px;
margin: 2px 0 2px 10px;
font-weight: bold;
}

div.linkListPage ul li ul{
margin: 0 0 10px 0;
}

div.linkListPage ul li ul li{
font-weight: normal;
}

div.linkListPage ul li a{
background-image: url(../images/li-links.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 15px;
}

div.linkListPage ul li.linkCategory a{
background-image: url(../images/li-category.gif);
}

div.linkListPage ul li.back a{
background-image: url(../images/li-category.gif);
}

.blockLabel {
display:block;
}


/* sitemap - lista elemei */
div#siteMap {
}

#siteMap ul li ul li{
margin-left: 10px; /* a lista menu masodik kategoria szint ennyivel beljebb */
}

#siteMap ul li ul li a{
font-size: 11px; /* masodik kategoria szint fontmerete */
}

#siteMap ul li ul li a:hover{
}

#siteMap ul li ul li ul li a{
font-size: 10px; /* harmadik kategoria szint fontmerete */
font-weight: normal;
}

#siteMap ul li ul li ul li a:hover{
font-size: 10px; /* harmadik kategoria szint fontmerete */
font-weight: normal;
}

a.categorySitemap {
color: #069;
}

a.categorySitemap:hover {
color: #036;
}

/* a kepes termeklista adatai */
div.productListBox {
height: 210px;
margin-right: 20px;
_margin-right: 18px;
off background: red;
}

div.productListBox, div.productListBox ul {
width: 130px;
float: left;
}

div.productListBox a {
}

div#languageSelect {
width: 50px;
height: 30px;  
margin:10px 0 0 700px;
}

div#languageSelect li {
margin-bottom: 10px;
}


div#languageSelect li a {
background-repeat: no-repeat;
padding-left: 20px;
}

div#languageSelect li.en a {
background-image:url(../images/en.gif);
}

div#languageSelect li.hu a {
background-image:url(../images/hu.gif);
}

div#searchBox form label {
display:block;
margin: 2px 0 -1px 0;
}

a.bannerLeft img {
margin-bottom:5px;
}

.listBox h2 {
border-bottom: 1px solid #8fc7ec;
padding-bottom:2px;
}

a.homeLink {
display:block;
float:left;
off background-color: red;
height: 100px;
width:200px;
}