/* CSS Document */

/* general stuff */

body {
 margin: 0;
 background-color: #6284a7;
}

* {
 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 */
}

.marginBottom {
 margin-bottom: 10px !important;
}

h1 {
 position: relative;
 font-size: 18px;
}

.generalColumnBox h1 {
 position:relative;
 font-size: 15px;
}

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:#20568f;
}

a:hover {
 color: #2c7ac1;
}

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 #2c6aa7 solid; /* itt kell megadni a vonal szinet */
color:#fff;
margin:5px 0;
Offmargin: 0 0 5px 0;
padding:0 0;
}

input, select, textarea {
padding: 2px;
border: 1px solid black;
}

input.submitButton, input.btn {
cursor:pointer;
background-color: #e0e0e0;
margin-top: 5px;
height:22px;
}

input.submitButton:hover, input.btn: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 */
#wrapper {
 margin: 0 auto 0 auto;
 clear: both;
}

#wholeStuff {
 position: relative;
 width: 980px;
 margin: 0 auto 0 auto; 
 padding-bottom: 5px;
 background-color: #fff;
}

/* header - teljes oldalt felul vegigero sav */
#header {
 position: relative;
 width: 980px;
 height: 200px;
 background-image:url(../images/header-narrow.jpg);
 background-repeat: no-repeat;
}

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

#header h1 a {
 position: absolute;
 left: 40px;
 top: 40px;
 display: block;
 width: 205px;
 height: 67px;
}


/* leftColumn - bal oszlop */
#leftColumn {
 position:relative;
 width: 190px;
 padding: 0 5px 0 5px;
 background-color: #fff; 
 float: left;
}

/* mainColumn - kozepso oszlop */
#mainColumn {
 position: relative;
 width: 606px;
 padding: 0 7px 0 7px;
 background-color: #fff;
 float: left; 
}

/* rightColumn - jobb oszlop */
#rightColumn {
 position:relative;
 width: 150px;
 padding: 0 5px 0 5px; 
 background-color: #fff; 
 float: left;
}

/* footer - teljes oldalt alul vegigero sav */
#mainFooter {
 margin: 5px auto 0 auto;
 padding: 5px 10px 5px 0;
 background-image: url(../images/footer.gif);
 background-repeat: no-repeat;
 background-position: center 0;
 color: #fff;
 clear: both;
 text-align: center;
}

#mainFooter .subUrls {
 text-align: center;
}

#mainFooter a {
 color: #ffae00;
}

#mainFooter a:hover {
 color: #fff5d4;
}


/* a dobozok megegyezo tulajdonasagai */
div.generalBox {

}

/* az oszlopokban levu dobozok megegyezo tulajdonasagai */
div.generalColumnBox {
 position: relative;
 background-color: #ececec;
 background-image: url(../images/column-190.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 padding: 5px 0 5px 5px;
 margin: 0 0 5px 0;
}

div.rightBox {
 background-image:url(../images/column-150.gif);
}


/* az oszlopokban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */
div.generalColumnBox h1{
 position: relative;
 margin: 0 0 5px 0;
 padding: 0px 0 6px 0;
 color: #fff;
 font-size: 12px;
}

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


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

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

div#searchBox input{
width: 130px;
}

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

/* az oszlopok megegyezo tulajdonasagai */
div.generalColumn {

}

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

div.columnMenu li{
margin: 2px 0;
}

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

.columnMenu a{
padding:0 7px 0 5px;
}
.columnMenu a:hover{
color: #ff6600;
background-image:url(../images/ali.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
}


.columnMenu ul li ul li a{
font-size: 11px; /* masodik kategoria szint fontmerete */
font-weight: normal;
}

.columnMenu ul li ul li a:hover{
}

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

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

/* vizszintes menu adatai */

.horizontalMenu {
position:absolute;
top: 166px;
padding: 9px;
height: 14px;
}

.horizontalMenu ul li {
display:inline;
margin-left: 5px; /* vizszintes menu linkjeinek egymastol valo tavolsaga */
background-image: url(../images/hor.gif);
background-repeat: no-repeat;
background-position: right 4px;
padding: 0 10px 0 0;
}

.horizontalMenu ul li.last {
background-image:none;
}

.horizontalMenu ul li a{
 color: #20568f;
}

.horizontalMenu ul li a:hover{
color: #2c7ac1;
}

/* 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-image: url(../images/imgbg.gif);
margin: 2px 0; /* kis margo hogy ne tapadjanak a feliratok */
}

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

a.thumbnailColumn img{
border: 1px solid black; /* 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;
off background-color: red;
}

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 */
color: #000;
margin: 0 0 10px 0;
}

p.cartLeader { /* kosar bevezeto */
border: 1px solid #408CA9;
padding: 10px;
margin: 0 0 10px 0;
position: relative;
}

.breadCrumb {
margin-top: 3px;
font-size:11px;
position:relative;
}

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

.breadCrumb a:hover{

}

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: 16px;
font-weight:bold;
off width:150px;
color: red;
}

ul.productDetailsPage li.price strong {
color: black;
font-weight: normal;
}

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: red;
}

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

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

ul.attachments { /* kapcsolodo elemek altalanos tulajdonsagai */
position:relative;
}

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

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

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

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

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

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: #eee; /* a dia hatterszine, ide lehet hatterkepet is tenni */
margin: 2px 0; /* kis margo hogy ne tapadjanak a feliratok */
float: left;
margin: 0 10px 15px 0;
border: 1px solid #ccc;
}

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

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

/* vendegkonyv */

div.guestBook {}

label {
margin: 10px 0 0 0;
display: block;
}

textarea {
width: 600px;
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;
border: 1px solid #408CA9;
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 #4187ba;
}

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

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.subMenuSelect {
background-color: #2c6aa7;
padding: 4px 0 0 4px;
margin-bottom: 5px;
height:25px;
color: #fff;
}

div.subMenuSelect a {
 color: #ffae00;
}

div.subMenuSelect a:hover {
 color: #ffe4ab;
}


div.subMenuSelect select{
width: 150px;
}

table.productListTable {
 margin-bottom: 15px;
}

table.productListTable, table.productListTable tr td {
border:1px solid #4287ba;
border-collapse: collapse;
}

table.productListTable {

}

table.productListTable td {
width:210px !important;
padding: 0px;
}

table.productListTable h1 {
border: none;
margin:0 !important;
background-color:#4287ba;
padding: 5px;
height: 30px;
}

table.productListTable h1 a {
color: #fff;
}

table.productListTable h1 a:hover {
color: #fff5d4;
}

table.productListTable tr td img {
margin-left: 5px;
}

div.productListImage {
marign: 5px 0;
text-align: center;
}

table.productListTable p.shortDescInList, table.productListTable p.shortDescInList i, table.productListTable p.shortDescInList b {
font-size:10px;
color: #333;
}

table.productListTable li{
margin-top:5px;
}

li.toCartInList a{
display:block;
background-color:#fff;
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%;
border: 1px solid #01648d;
}

li.toCartInList a:hover{
background-color: #d5f1fc;
color:#01648D;
}

li.priceInList {
font-weight:bold;
color:red;
font-size:16px;
}

p.feed, p.feed2 {
padding: 3px;
background-color: #f4feff;
margin-bottom: 5px;
}

p.feed2 {
background-color: #e5fafe;
}

h1.kiemelt {
background-color: #2c6aa7;
padding:3px;
margin: 10px 0 5px 0;
font-weight: normal;
color: white;
}

a.searchThumbImg {
float: left;
width: 120px;
}

div.restInTable {
padding: 5px;
}



/* voteBox */

.voteBox .voteItem {
 width: 137px;
 clear: both;
}

.voteBox .question {
 margin-bottom: 10px;
}

.voteBox fieldset {
 margin-bottom: 10px;
}

.voteBox .radio {
 width: 18px;
 height: 18px;
 float: left;
}

.voteBox label {
 width: 110px;
 margin: 0;
 padding-left: 5px;
 float: left;
}

/* voteBox end*/

table.transferTable, table.transferTable td {
background: #e8f9fc;
border:1px solid #01648d;
border-collapse: collapse;
}

table.transferTable {
margin: 10px 0 0 0;
}


table.transferTable td {
padding: 10px;
}

a.userBoxCartLink {
display: block;
width:102px;
padding: 5px 10px 5px 20px;
font-size: 11px;
font-weight:bold;
background-image:url(../images/cart.gif);
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #eee;
border: 1px solid #aaa;
margin: 5px 0 5px 0;
}


a.userBoxCartLink:hover {
off color: black;
background-color: white;
}

a.logout {
background-image:url(../images/logout.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:0 0 0 18px;
}

a.editMe {
background-image:url(../images/edit.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:0 0 0 18px;
}

.actionText{
color: red;
font-size:12px;
}

.oldPrice{
text-decoration: line-through;
}

.actionProduct{
off background: #EEEEEE;
}

p.actionSaving {
background-image: url(../images/act.gif);
background-repeat: no-repeat;
font-size: 14px;
padding: 9px 10px 11px 10px;
margin: 2px 0 2px 0;
}

p.actionSaving strong{
color: white;
font-style: italic;
}

.priceNettoOld{
font-weight: bold;
}

div#abc {
margin: 10px 0 0 0;
border-bottom: 1px solid white;
}

div#abc ul li {
off display:inline;
border: 1px solid #00658c;
padding: 3px;
margin-right:2px;
float: left;
background-color:#d5f1fc;
}

div#abc ul li.empty {
background-color: #c2c5ce;
color: #656565;
}

div#abc ul li a{
off border: 1px solid #00658c;
off padding: 3px;
off background-color:white;
}

div#abc {
}

div#abc {
}

div#block_foglista {
margin-bottom: 5px;
}

div#block_foglista div{
margin-left: 1px;
}

div#block_foglista h2 {
background-color: #00658c;
color:white;
padding: 5px;
}

div#submenu {
text-align:right;
padding-top:10px;
}

div#submenu a{
background-image:url(../images/lion.gif);
background-repeat:no-repeat;
background-position: right;
padding-right:20px;
}

div#submenu a.ideaOff{
background-image:url(../images/lioff.gif);
color:red;
}

a.popup {
color:#01648d;
text-decoration: underline;
}

.otherText2{
color: red;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

div#distributor-notice {
off border: 3px solid red;
background-color:red !important;
position:relative;
color: white;
padding: 5px;
font-weight:bold;
margin: 3px 0 2px 0;
text-align:center;
font-size:13px;
}

#content-description {
	margin: 7px 0;
}

textarea#customerNote {
width:595px;
}


/*árajánlat kérő*/




/* Polc */

.priceOffer {
 width: 400px;
 margin-bottom: 15px;
 padding: 10px 10px 10px 10px;
 background-color: #ececec;
 border: 1px solid #d8d8d8;
}

.priceOffer h2 {
 margin-bottom: 10px;
}

.priceOffer .pos, .priceOfferSide .pos {
 margin-bottom: 10px;
}

.priceOffer label {
 position: relative;
 top: -8px;
 width: 40px;
 float: left;
}

.priceOffer .po {
 width: 170px;
 float: left; 
}

.priceOffer .submitButton {
 position: relative;
 left: 40px;
 margin-top: 0 !important;
}

a.buttonLink {
 display: block;
 width:60px;
 padding: 5px 10px 5px 20px;
 font-size: 14px;
 font-weight:bold;
 background-repeat: no-repeat;
 background-position: 5% 50%;
 background-color: #eee;
 border: 1px solid #aaa;
}

a.buttonLink:hover {
 background-color: #fff;
 border: 1px solid #000;
 color: red;
}

.linkOffer {
 width: 105px !important;
 margin-right: 15px;
 background-image:url(../images/offer.gif);
}

.linkShelf {
 width: 80px !important;
 margin-right: 15px; 
 background-image:url(../images/shelf.gif);
}

.linkCart {
 margin-right: 45px; 
 background-image:url(../images/cart.gif);
}

a.remove {
 margin-left: 3px; 
 background-image:url(../images/remove.gif); 
 background-repeat: no-repeat;
 background-position: 0 3px; 
}

a.remove:hover {
 background-image:url(../images/remove_anim.gif); 
}

.toLeft {
 float: left;
}

.li_shortdescr{
font-size: 10px;
}


/*archive*/
div#archive {}

div#archive ul li, div#archive a.back {
display: block;
float: left;
border: 1px solid #0088B1;
padding: 4px;
margin: 4px;	
}

div#archive a.back {
background: #00658C;	
color: white !important;
}

div#archive a.back:hover {
color: #f60 !important;
}

div.archiveList li {
margin-left: 20px;
list-style-type: square;
}
/*archive*/