*{padding:0;margin:0}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #c9c9c9;
	background: #252525 url(background.jpg) repeat-x top;
	cursor: default;
}

#topbar {
	width: 100%;
	background-color: #333237;
	height: 24px;
}
#topbarcontent {
	text-align: right;
	width: 975px;
	height: 24px;
	line-height: 24px;
	background: #333237 url(toptext.gif) no-repeat center;
	padding-right: 15px;
}
#topbarcontent img {
	margin-left: 2px;
	margin-top: 4px;
}

form {
	margin: 0;
	padding: 0;
}

a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #c9c9c9;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #c9c9c9;
	text-decoration: none;
}

.alert {
	color: #FF0000;
	font-weight: bold;
}
.errorf {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	background-color: #ff0000;
	padding: 10px;
}
.donef {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	background-color: #009900;
	padding: 10px;
}

div.spc {
	height: 3px;
	line-height: 3px;
}
div.bspc {
	height: 12px;
	line-height: 12px;
    font-size: 10px;
    color: #DE742A;
    text-align: center;
}
br.close {
	clear: both;
	height: 1px;
	line-height: 1px;
}
br.closer {
	clear: right;
	height: 1px;
	line-height: 1px;
}


div#site {
/*  margin-bottom:80px; J */
    margin-bottom:30px;
}

#site {
	width: 100%;
}

#wrapper {
	width: 992px;
}

#header {
	width: 992px;
	height: 146px;
	background: #252525 url(contbg.gif) repeat-y top;
}

#content {
	clear: both;
	width: 992px;
	text-align: left;
	background: #252525 url(contbg.gif) repeat-y top;
}

#footer {
	clear: both;
	width: 992px;
	height: 50px;
	color: #959595;
	background: #252525 url(footerbg.gif) no-repeat top;
	line-height: 20px;
	font-size: 12px;
}
#footer span.nev {
	color: #d5d5d5;
	font-weight: bold;
}
#footer a {
	color: #d5d5d5;
	font-style: italic;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer_ew {
	clear: both;
	width: 992px;
	height: 50px;
    text-align: right;
    margin-right: 10px;
}

#footer_ew a {
    text-decoration: none;
    font-size: 11px;
    color: #959595;
}

#header #menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 339px;
}

#header #menu li {
	float: left;
}

#header #menu li a {
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	margin-right: 1px;
}
#header #search {
	clear: both;
	width: 339px;
	padding-top: 7px;
}
#header #search #searchfield {
	border: 0px;
	margin: 0px;
	float: left;
	width: 267px;
	height: 16px;
	padding: 2px;
	padding-left: 20px;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	background: #252525 url(search.gif) no-repeat;
}


#content #leftpanel {
	margin-left: 2px;
	width: 666px;
}
#content #rightpanel {
	float: right;
	margin-right: 2px;
	width: 321px;
}
* html #content #rightpanel {
	float: right;
	margin-right: 1px;
	width: 319px;
	overflow: hidden;
}


#content #leftpanel div.title {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial Black, Arial;
	background: #323236 url(lefttitlebar.gif) no-repeat;
	width: 644px;
	line-height: 25px;
	padding-left: 22px;
	border-bottom: 1px solid #484848;
	margin-bottom: 2px;
  text-transform:uppercase;
}

#content #leftpanel div.title a,
#content #leftpanel div.title a:hover,
#content #leftpanel div.title a:visited {
	color: #ffffff;
  text-decoration:none;
}

#content #leftpanel div.titleaddon {
	float: right;
	padding-right: 6px;
}
#content #leftpanel div.titleaddon a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial Black, Arial;
}
#content #leftpanel div.titleaddon a.szint1:hover {color: #d7a361;}
#content #leftpanel div.titleaddon a.szint2:hover {color: #d7a361;}
#content #leftpanel div.titleaddon a.szint3:hover {color: #d7a361;}
#content #leftpanel div.titleaddon a.szint1 {color: #707070;}
#content #leftpanel div.titleaddon a.szint2 {color: #959595;}
#content #leftpanel div.titleaddon a.szint3 {color: #cacaca;}

#content #leftpanel div.bemutbox {
	background: #323232 url('/static/tartalomboxbg.jpg') no-repeat;
	width: 603px;
	padding-left: 30px;
	padding-right: 30px;
/*	font-size: 11px;*/
    font-size: 12px;
	color: #c9c9c9;
	font-family: Arial;
	text-align: justify;
	line-height: 18px;
	border: 1px solid #767676;
}

#content #leftpanel div.bemutbox a {
	font-size: 12px;
	color: #c9c9c9;
	font-family: Arial;
	text-decoration: underline;
}
#content #leftpanel div.bemutbox a:hover {
	font-size: 12px;
	color: #c9c9c9;
	font-family: Arial;
	text-decoration: none;
}

#content #leftpanel div.bemutbox img.bigpic {
	border: 1px solid #ffffff;
	float: right;
/*	margin-left: 15px;*/
  position:relative;
  left:15px;
}

#content #leftpanel div.bemutbox span.bcim {
	font-size: 18px;
	color: #c9c9c9;
	font-family: Arial;
	font-weight: bold;
}

#content #leftpanel div.bemutbox span.mcim {
	font-size: 15px;
	color: #c9c9c9;
	font-family: Arial;
	font-weight: bold;
}

#content #leftpanel div.bemutbox input.text {
	font-size: 12px;
	color: #252525;
	height: 17px;
	line-height: 17px;
	background-color: #ffffff;
	font-family: Arial;
	border: 0px;
	padding-left: 3px;
	padding-right: 3px;
}

#content #leftpanel div.bemutbox input.textreg {
	font-size: 12px;
	color: #252525;
	height: 17px;
	width: 240px;
	line-height: 17px;
	background-color: #ffffff;
	font-family: Arial;
	border: 0px;
	padding-left: 3px;
	padding-right: 3px;
}

#content #leftpanel div.bemutbox select.select {
	font-size: 12px;
	color: #252525;
	height: 17px;
	line-height: 17px;
	background-color: #ffffff;
	font-family: Arial;
	border: 0px;
	padding-left: 3px;
	padding-right: 3px;
}

#content #leftpanel div.bemutbox input.checkbox {
	font-size: 17px;
	color: #252525;
	height: 17px;
	line-height: 17px;
	background-color: #ffffff;
	font-family: Arial;
	border: 6px;
}

#content #leftpanel div.bemutbox input.button {
	font-size: 10px;
	font-weight: bold;
	color: #252525;
	height: 15px;
	line-height: 15px;
	background-color: #ffffff;
	font-family: Arial Black, Arial;
	border: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
#content #leftpanel div.bemutbox input.button2 {
	font-size: 10px;
	font-weight: bold;
	color: #252525;
	height: 15px;
	line-height: 15px;
	background-color: #bfbfbf;
	font-family: Arial Black, Arial;
	border: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
#content #leftpanel div.bemutbox textarea {
	font-size: 11px;
	color: #252525;
	height: 150px;
	width: 390px;
	background-color: #ffffff;
	font-family: Arial;
	border: 0px;
	padding: 3px;
}

#content #leftpanel div.bemutbox span.akcio {
	color: #ff0000;
    font-weight: bold;
}

#content #leftpanel div.bemutbox div.formtitle {
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	background: transparent url(sepline.png) no-repeat left bottom;
}

#content #leftpanel div.top10title {
	width: 634px;
	height: 22px;
	line-height: 22px;
	padding-left: 30px;
	border: 1px solid #c1b089;
	margin-bottom: 2px;
    font-family: Arial;
}

#content #leftpanel div.top10title a,
#content #leftpanel div.top10title a:hover,
#content #leftpanel div.top10title a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #c1b089;
	font-family: Arial;
  text-decoration:none;
}


#content #leftpanel table.top10box {
	background: #202020 url(top10bg.jpg) no-repeat bottom right;
  width:100%;
}

#content #leftpanel table.top10box td.top10szam {
	font-size: 14px;
	color: #c1b089;
	font-family: Times New Roman, Arial;
	font-weight: bold;
	text-align: justify;
	border: 1px solid #c1b089;
	width: 30px;
	text-align: center;
}
/*#content #leftpanel table.top10box td.top10szoveg img.termekkep {*/
#content #leftpanel table.top10box img.termekkep {
	float: left;
	border: 1px solid #b1835d;
	margin-right: 20px;
}
#content #leftpanel table.top10box td.top10szoveg {
	font-size: 12px;
	color: #c9c9c9;
	font-family: Arial;
	text-align: justify;
	line-height: 20px;
	border-top: 1px solid #c1b089;
	border-bottom: 1px solid #c1b089;
	border-right: 1px solid #c1b089;
	padding-right: 10px;
}




#content #leftpanel div.termekbox {
	width: 658px;
	padding-left: 5px;
	border: 1px solid #767676;
	font-size: 12px;
	line-height: 18px;
/*  height: 254px;*/
}
* html #content #leftpanel div.termekbox {
	width: 657px;
	padding-left: 5px;
	border: 1px solid #767676;
	font-size: 12px;
	line-height: 18px;
}
#content #leftpanel div.termekbox img.ktermek {
	float: right;
	border: 1px solid #eeeeee;
	width: 165px;
	height: 252px;
}

#content #leftpanel div.termekbox a {
	font-style: italic;
	text-decoration: none;
	font-size: 12px;
}
#content #leftpanel div.termekbox a:hover {
	text-decoration: underline;
}

#content #leftpanel div.termekbox span {
	text-decoration: none;
}

#content #leftpanel div.termekbox span.akcio {
	text-decoration: none;
    font-weight: bold;
    color: red;
}


#content #leftpanel #favterms {
	width: 664px;
	padding-left: 2px;
}

#content #leftpanel #favterms div.favterm {
	float: left;
	width: 162px;
	height: 115px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #e8e8e8;
}
#content #leftpanel #favterms div.favtermu {
	float: left;
	width: 162px;
	height: 115px;
	margin-right: 0px;
	margin-bottom: 2px;
	border: 1px solid #e8e8e8;
}
#content #leftpanel #favterms div.favterm img {
	width: 162px;
	height: 115px;
}
#content #leftpanel #favterms div.favtermu img {
	width: 162px;
	height: 115px;
}





#content #rightpanel #loginbar {
	background-color: #333237;
	text-align: center;
	padding: 3px;
}
input#pwnote_email, 
#content #rightpanel #loginbar input.loginfield {
	width: 147px;
	height: 14px;
	padding: 2px;
	padding-left: 4px;
	line-height: 14px;
	font-size: 10px;
	font-family: Arial;
	color: #434247;
	margin: 0px;
	border: 0px;
	margin-right: 2px;
}
#content #rightpanel input.loginbtn {
	float: left;
}
#content #rightpanel #loginbar2 {
	line-height: 24px;
	color: #c9c9c9;
}
#content #rightpanel #loginbar2 a.loginlinks {
	font-size: 10px;
	font-family: Arial;
	color: #c9c9c9;
	text-decoration: none;
}
#content #rightpanel #loginbar2 a.loginlinks:hover {
	text-decoration: underline;
}
#content #rightpanel div.title {
	font-size: 12px;
	font-weight: bold;
	color: #c9c9c9;
	font-family: Arial Black, Arial;
	background: #323236 url(righttitlebar.gif) no-repeat;
	width: 307px;
	height: 25px;
	line-height: 25px;
	padding-left: 14px;
	margin-bottom: 1px;
}

#content #rightpanel #tlista {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 321px;
	font-size: 13px;
}
#content #rightpanel #tlista li {
	height: 23px;
	padding-left: 15px;
	background: #252525 url(rlistbg.gif) no-repeat bottom left;
}
#content #rightpanel #tlista li.active {
	color: #d7a361;
}
#content #rightpanel #tlista li.active a {
	color: #d7a361;
}
#content #rightpanel #tlista li a {
	height: 19px;
	line-height: 19px;
	text-decoration: none;
	margin-right: 1px;
	font-weight: bold;
}
#content #rightpanel #tlista li a:hover {
	text-decoration: none;
	color: #d7a361;
}

#content #rightpanel #tlista li.lista2 {
	height: 23px;
	padding-left: 20px;
	background: #252525 url(rlistbg2.gif) no-repeat bottom left;
}
#content #rightpanel #tlista li.active2 {
	color: #d7a361;
	height: 23px;
	padding-left: 20px;
	background: #252525 url(rlistbg2.gif) no-repeat bottom left;
}
#content #rightpanel #tlista li.active2 a {
	color: #d7a361;
}

#content #rightpanel #tlista li.lista3 {
	height: 23px;
	padding-left: 25px;
	background: #252525 url(rlistbg3.gif) no-repeat bottom left;
}
#content #rightpanel #tlista li.active3 {
	color: #d7a361;
	height: 23px;
	padding-left: 25px;
	background: #252525 url(rlistbg3.gif) no-repeat bottom left;
}
#content #rightpanel #tlista li.active3 a {
	color: #d7a361;
}




#content #rightpanel div.ktermek {
	border: 1px solid #767676;
	padding-left: 5px;
	font-size: 12px;
	line-height: 18px;
}
* html #content #rightpanel div.ktermek {
	padding-left: 5px;
	border: 1px solid #767676;
	font-size: 12px;
	line-height: 18px;
}

#content #rightpanel div.ktermek span.akcio {
	color: #ff0000;
    font-weight: bold;
}

#content #rightpanel div.ktermek img.ktermek {
	float: right;
	border: 1px solid #eeeeee;
/*	width: 166px;
	height: 208px;*/
  width:165px;
  height:251px;
}


#content #rightpanel div.ktermek span.tnev {
	font-size: 12px;
	font-weight: bold;
}
#content #rightpanel div.ktermek a {
	font-style: italic;
	text-decoration: none;
	font-size: 12px;
}
#content #rightpanel div.ktermek a:hover {
	text-decoration: underline;
}


#content #rightpanel div.kosar {
	width: 309px;
	padding: 5px;
	background: #1e1e1e url(kosarbg.jpg) no-repeat top right;
	border: 1px solid #767676;
	font-size: 12px;
	line-height: 18px;
}
* html #content #rightpanel div.kosar {
	width: 307px;
	padding: 5px;
	background: #1e1e1e url(kosarbg.jpg) no-repeat top right;
	border: 1px solid #767676;
	font-size: 11px;
	line-height: 18px;
}
#content #rightpanel div.kosar span.nagy {
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}

/*  update   */

input.kosarba{
/*  background-color:#222222;
  color:#eee;
  border: 1px solid #888888;
  font-size:10px;
  text-transform:uppercase;*/
  width:54px;
  height:15px;
  margin:0px;
  padding:0px;
  border:none;
}

input.img_kosarba{
  vertical-align:text-bottom;
}

input.num{
  width:26px;
  font-size:10px;
}

td.top10szoveg input,
div.termekbox input{
  font-size:10px;
}


td.errmsg{
  color:red;
}
/* popup */

div#dialog_cont{
   position: absolute;
   width:100%;
   top:200px;
  z-index:100;
}

#dialog {
    background-color: white;
    border: 2px solid #BB272C;
   margin-left:auto;
   margin-right:auto;
  width:618px;
  z-index:100;
}
#dialog .title {
    width: 100%;
    height: 15px;
}
#dialog .title IMG {
    float: right;
    cursor: pointer;
    border: none;
}
#dialog .content {
}

#dialog .content DIV {
    margin: 0px 10px 15px 10px;
}

#dialog .content img {
    border: none;
}

/* 18 question form*/
table#question{
  margin:auto;
}

div#q18 {
  margin-top:10px;
}

div#q18 a {
  margin:10px;
  font-size:18px;
  text-decoration:none;
}

div#q18 a:hover {
  text-decoration: underline;
}