* {margin: 0; padding: 0; border: 0;}
html , body {position: relative; height: 100%; text-align: center; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #466cb1; font-size: 10pt;}
body { background: url(/images/body.jpg) center top no-repeat #1B2175; /*overflow: hidden;*/}
.holder { position: relative; height: 100%; text-align: center; width: 788px; margin: 0 auto;}

.header { position: relative; height: 175px;  width: 788px; margin: 0;  background: url(/images/header.jpg) 0 0 no-repeat;}
.header .logo { position: absolute; top: 0; left: 0; width: 200px; height: 200px;}
.header .logo a{ position: absolute; top: 0; left: 0; width: 200px; height: 200px; overflow: hidden; text-indent: -3000px;}
.header .menu a{ position: absolute; display: block; overflow: hidden; text-indent: -3000px; background-position: left top; background-repeat: no-repeat;}
.header .menu a:hover{ background-position: left bottom; }
.header .menu a.menu1{ left: 163px; top: 133px; width: 169px; height: 37px; background-image: url(/images/menu-vissza.jpg);}
.header .menu a.menu2{ left: 220px; top: 31px; width: 112px; height: 102px; background-image: url(/images/menu-kodfeltoltes.jpg);}
.header .menu a.menu3{ left: 332px; top: 61px; width: 111px; height: 96px; background-image: url(/images/menu-nyeremenyek.jpg);}
.header .menu a.menu4{ left: 443px; top: 31px; width: 130px; height: 107px; background-image: url(/images/menu-nyertesek.jpg);}
.header .menu a.menu5{ left: 573px; top: 61px; width: 92px; height: 96px; background-image: url(/images/menu-jatekrol.jpg);}
.header .menu a.menu6{ left: 665px; top: 31px; width: 104px; height: 107px; background-image: url(/images/menu-termekek.jpg);}


.content { position: relative; height: auto;  width: 772px; padding: 20px 0 0 16px; margin: 0; background: url(/images/content.jpg) 0 0 no-repeat #e3f4ff; }
.content .main{ position: relative; text-align: left; float: left; clear: left;  padding-top: 10px;}

.content .main .fullcol  { position: relative; width: 745px; margin-right: 0px; }
.content .main .fullcol dl, .content .main .fullcol dt, .content .main .fullcol dd{margin: 0; padding: 0; position: relative;}
.content .main .fullcol dl{ margin-bottom: 30px; background: url(/images/full-dd.png) -1px bottom no-repeat; float: left; clear: left; padding: 0 0 0 1px; }
.content .main .fullcol dl dd{ padding: 12px 15px 20px 15px; display: inline-block; width: 712px;}
.content .main .fullcol dl dt{ padding: 19px 0; top: -10px; color: #2d4b98; font-size: 13pt; font-weight: bold; text-align: center; background: url(/images/full-dl.png) center 0 no-repeat ; white-space: nowrap;}

.content .main .fullcol dl dd .open-close{position: absolute; bottom: -13px; left: 348px; width: 41px; height: 29px; background-image: url(/images/open-close.png); background-position: left bottom; background-repeat: no-repeat; cursor: pointer; }
.content .main .fullcol dl dd .open-close-2{ background-position: left top;  }


.content .main .fullcol .full-half { position: relative; float: left; width: 346px; margin-right: 20px;}
.content .main .fullcol .nomargin{  margin-right: 0px;}
.content .main .fullcol .full-half dl, .content .main .full-half dt, .content .main .full-half dd{position: relative; margin: 0; padding: 0;}
.content .main .fullcol .full-half dl{margin-bottom: 18px; background: none;  }
.content .main .fullcol .full-half dl dd{background: url(/images/full-half-dd.png) 0 bottom no-repeat; padding: 12px 15px 12px 30px; display: inline-block; margin-top: -10px; width: 300px;}
.content .main .fullcol  .full-half dl dt{ padding: 8px 0; color: #2d4b98; font-size: 11pt; font-weight: bold; text-align: center; background: url(/images/full-half-dt.png) center 0 no-repeat ;}

.content .main .fullcol .full-half dl dd table{ position: relative;  border-collapse: collapse;}
.content .main .fullcol .full-half dl dd table tr td{background: #ffffff; padding: 2px 20px;}
.content .main .fullcol .full-half dl dd table tr.highlight td{background: #e5f4ff; border-bottom: 1px solid #bce2fa;}
.content .main .fullcol .winner-list { position: relative; height: 200px; width: 345px;  margin-left: -30px; margin-right: -30px;}

.content .main .leftcol{ position: relative; float: left; width: 525px; margin-right: 0px;}
.content .main .rightcol{ position: relative; float: right; width: 208px; left: 12px;}
.content .main .rightcol dl, .content .main .rightcol dt, .content .main .rightcol dd{position: relative;margin: 0; padding: 0;}
.content .main .rightcol dl{margin-bottom: 18px; }
.content .main .rightcol dl dd{background: url(/images/right-dd.png) 0 bottom no-repeat; padding: 12px;}
.content .main .rightcol dl dd.nPadding {padding: 12px 2px;}
.content .main .rightcol dl dt{ background: url(/images/right-dt.png) center 0 no-repeat; padding: 19px 0; color: #2d4b98; font-size: 13pt; font-weight: bold; text-align: center;}

.content .main .leftcol dl, .content .main .leftcol dt, .content .main .leftcol dd{margin: 0; padding: 0; position: relative;}
.content .main .leftcol dl{ margin-bottom: 18px; background: url(/images/left-dl.png) center 0 no-repeat ; }
.content .main .leftcol dl.small{margin-bottom: 18px; background: url(/images/left-dl-2.png) center 0 no-repeat ; clear: left;}
.content .main .leftcol dl dd{background: url(/images/left-dd.png) 0 bottom no-repeat; padding: 12px 5px; display: table-cell; width: 515px;}
.content .main .leftcol dl.small dd{background: url(/images/left-dd-2.png) center bottom no-repeat ; padding: 12px ;  width: 501px; }
.content .main .leftcol dl dt{ padding: 19px 0; color: #2d4b98; font-size: 13pt; font-weight: bold; text-align: center;}

.content .main .leftcol dl.tab{ background: none ; position: relative; }
.content .main .leftcol dl.tab dd { background: url(/images/leftcol-dl-dd.jpg) 0 bottom no-repeat; position: relative;}
.content .main .leftcol dl dt.price{background: url(/images/dl-dt-tab.jpg) center -68px no-repeat ; position: relative;}
.content .main .leftcol dl dt.type{background: url(/images/dl-dt-tab.jpg) center 0 no-repeat ; position: relative;}
.content .main .leftcol dl.tab .tab1, .content .main .leftcol dl.tab .tab2 {display: inline-block; width: 250px; text-align: center;}



.content .main .leftcol dl dd .open-close{position: absolute; bottom: -13px; left: 242px; width: 41px; height: 29px; background-image: url(/images/open-close.png); background-position: left bottom; background-repeat: no-repeat; cursor: pointer; }
.content .main .leftcol dl dd .open-close-2{ background-position: left top;  }

.content .main .leftcol dl dd .open-close a, .content .main .leftcol dl dd .open-close-2 a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -3000px; }

.content .main  form .textfield {background: url(/images/textfield.png) left top repeat-x #ffffff; border: 1px solid #a2bed6; border-top: none; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 5px 8px; font-size: 10pt; font-weight: normal; color: #2d4b98; margin: 10px 0;}
.content .main  form .button, .content .main .rightcol .save {background: url(/images/button.png) left bottom repeat-x #ffffff; border: 1px solid #a2bed6; border-top: none; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 4px 8px; font-size: 10pt; font-weight: normal; color: #2d4b98; margin: 10px 0; cursor: pointer;}

.content .main .leftcol .third {position: relative; float: left; margin-right: 3px; width: 169px; padding: 0 0 19px 0; background: url(/images/third.png) center bottom no-repeat;}
.content .main .leftcol .last {margin-right: 0;}

.content .main .leftcol .codes-top {position: relative; color: #1d1b75; margin-top:-3px;  width: 165px; height: 54px; padding: 5px 2px 5px 2px ; background: url(/images/codes-top.png) center top no-repeat ;}
.content .main .leftcol .codes-top h2{text-align: center; color: #1d1b75; font-size: 13pt; font-weight: bold;}

.content .main .leftcol .codes-list {width: 165px;padding: 0 2px 0 2px; height: 226px;}
.content .main .leftcol .codes-list table {border-collapse: collapse; width: 147px;}
.content .main .leftcol .codes-list tr td{background: #ffffff; padding: 2px;}
.content .main .leftcol .codes-list tr.highlight td{background: #e5f4ff; border-bottom: 1px solid #bce2fa;}


.box  {position: relative; bottom: -10px; float: left; width: 110px; padding: 0px 8px 10px 7px; background: url(/images/box.png) right bottom no-repeat;}
.box2  {position: relative; bottom: -10px; float: left; width: 110px; padding: 0px 8px 10px 7px; background: url(/images/box-2.png) right bottom no-repeat;}
.box, .box2 {height: 170px;}
.box .more, .box2 .more{ position: absolute; bottom: 10px; left: 10px;}
.box img.illustration, .box2 img.illustration {border: 1px solid #1d1b75;}

.half-box  {position: relative; margin-bottom: 15px; float: left; width: 228px; margin-right: 10px; padding: 0px 12px 10px 12px; background: url(/images/half-box.png) center bottom no-repeat;}
.half-box img.illustration {border: 1px solid #1d1b75;}


.footer { position: relative; height: 60px;  width: 788px; margin: 0; background: url(/images/footer.jpg) 0 0 no-repeat;}
.bottomDecor { position: absolute; bottom: 0; left: 123px; height: 147px;  width: 543px;  background: url(/images/bottom-decor.jpg) 0 0 no-repeat;}

.aCenter {text-align: center;}
.arrows {position: relative; top: 2px; padding: 0 0px;}
.checkbox {position: relative; top: 2px;  margin: 0 5px 0 10px;}
select {width: 45px; border: 1px solid #a2bed6; border-top: none;}

.tabChecks {width: 100%;}
.tabChecks tr td {padding: 10px 0;}

.content .main  form.login .textfield  {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 8px 2px; width: 160px; background: white; border: 1px solid #c6c6dc; font-size: 11pt; font-weight: normal; color: #2d4b98; text-align: center; margin-bottom: 10px;}
.content .main  form.login .button  {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 2px; background: none; border: none; font-size: 13pt; font-weight: bold; color: #2d4b98; margin-bottom: 10px; cursor: pointer; width: 90px;}
.content .main  form.login .arrow  {position: relative;}

.list  {border-collapse: collapse;}
.list .highlight {background: #ffffff;}
.list p {margin: 5px 0 5px 5px;}

.close {position: relative; float: right; top: 3px; right: 3px;}

.order { position: relative; border-right: 1px solid #b1ccea; height: 62px; width: 20px;}
.order .up , .order .down { position: absolute; left: 5px; width: 11px; height: 9px; overflow: hidden; text-indent: -300px;}
.order .up { background: url(/images/up.png) 0 0 no-repeat; top: 15px;}
.order .down  { background: url(/images/down.png) 0 0 no-repeat; bottom: 15px;}

.quiz {width: 100%; position: relative;}
.quiz tr td{padding: 5px 0 10px 0; position: relative;}
.quiz tr td img{margin: -5px 0 5px 0; position: relative;}
.quiz tr th h3{margin: 5px 0 0 0; position: relative;}
.quiz tr td .radio{position: relative; top: 2px;}

a { color: #466cb1; text-decoration: none; font-weight: bold;}
a:hover { color: #466cb1; text-decoration: underline;}
a:hover img{ text-decoration: none; border: none;}
*:focus{outline:0;}

.red {color: #ff0000;}
.blue {color: #1d1b75;}
.big {font-size: 15pt; font-weight: bold;}
.big2 {font-size: 13pt;}
.big3 {font-size: 10pt; font-weight: bold;}
.fRight {float: right;}
.fLeft{float: left;}
.cLeft{clear: left;}
.nobr {white-space: nowrap;}
.justify {text-align:justify;}
.hidden {display: none;}
.other {position: relative; top: -15px; margin-right: 10px;}


a.infotool{ cursor: pointer;}
span.tooltip{ position: absolute; width: 200px; display: none; text-align: center; font-weight: normal; padding: 8px 15px 8px 15px; background: #ffffff; border: 1px solid #c0bfd9; color: #ff0000; z-index: 1000;}
.bodyimage { position: absolute; z-index: 1000;}


h1 {font-size: 20pt; text-transform: uppercase; margin: 10px 0 10px 0;}
h2 {font-size: 13pt; margin: 20px 0 10px 0;}
.third h2 {font-size: 13pt; margin: 0 0 0 0;}
h3 {font-size: 11pt; margin: 20px 0 10px 0;}
p{ margin: 10px 0 5px 0;}
ul{ margin: 5px 0 10px 20px;}

.pages {margin-bottom: 15px;  float: left; clear: left; width: 100%;}
.pager {position: relative; clear: both; width: 100%; margin: 5px 0 5px 0; top: 5px; text-align: center;}
.pager .prev{ position: absolute; top:5px; left: 0; padding-left: 18px; background: url(/images/right-arrow.png) left 3px no-repeat;}
.pager .next{position: absolute; top:5px; right: 0; padding-right: 18px; background: url(/images/left-arrow.png) right 3px  no-repeat;}

/* jQuery scroll */
#pane2 , .jScrollPaneContainer{ position: relative; display: inline-block; float: left; clear: left;}
#pane2{ height: auto; width: 755px; padding-right: 17px;} 
#pane2, .jScrollPaneContainer { width: 755px; padding-right: 17px;}

.content .jScrollPaneTrack {background: url(/images/osx_track.gif) repeat-y;}
.content .jScrollPaneDrag {background: url(/images/osx_drag_middle.gif) repeat-y;}
.content .jScrollPaneDragTop {background: url(/images/osx_drag_top.png) no-repeat; height: 6px;}
.content .jScrollPaneDragBottom {background: url(/images/osx_drag_bottom.png) no-repeat; height: 7px;}
.content a.jScrollArrowUp {height: 24px; background: url(/images/osx_arrow_up.png) no-repeat 0 -30px;}
.content a.jScrollArrowUp:hover {background-position: 0 0;}
.content a.jScrollArrowDown {height: 24px; background: url(/images/osx_arrow_down.png) no-repeat 0 -30px;}
.content a.jScrollArrowDown:hover {background-position: 0 0;}
* html .content .jScrollPaneDragBottom {bottom: -1px;}

/* INTRO */
div#intro {position: absolute; top: 0; left: 0; background: url(/images/noflash.jpg) no-repeat center 0 #1B2175; width: 100%; height: 100%; z-index:2; display: block;}


.password {margin-left: 120px;}

.quizForm  {display: none;}
.width1 {width: 35px;}
.width2{width: 140px;}
.width3 {width: 210px;}
/* NOFLASH */

.noflash {color: white; padding:400px 0 0 0;}
.noflash a{color: white; }

.pDiv1{height: 100%; width: 100%; position: fixed; left: 0pt; top: 0pt; z-index: 2999; background: black;}
.pDiv2{ z-index: 3000;}