html,body { width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px; text-align: center; font: 10px Lucida Sans Unicode, Lucida Grande, Sans-serif; color: #000000; }
body { background-color: #f2f2f2; }
table, table tr, table tr td, th { border-collapse: collapse; margin: 0px; padding: 0px; }
img { border: none; line-height: normal !important; padding: 0px; margin: 0px; }
.clear { clear: both; }
span.clear { display: block; font-size: 1px !important; position: relative; line-height: 0px !important; height: 0px; overflow: hidden; }
form { margin: 0px; padding: 0px; }
input,
select,
textarea { margin: 0; padding: 0; font-family: Lucida Sans Unicode, Lucida Grande, Sans-serif; font-size: 10px; }
a:active,
a:focus { outline: none !important; }
/* general exceptions */
.ie-6 img,
.ie-7 img { display: block; }
.ie-6 span.clear,
.ie-7 span.clear { display: inline; }
p { padding: 0; margin: 0; }
textarea { margin: 0; }
/*
BASE COLORS:
cont.bg: #f1f1f2;
br green: #0ab6a2;
*/
#container { width: 1078px; margin: 0 auto; background-color: #f2f2f2; text-align: center; }
#header { width: 100%; height: 98px; background: url('../images/avatar/header.bg.png') 0 0 no-repeat; text-align: left; position: relative; z-index:1; }
#content { width: 100%; padding-bottom: 30px; background: url('../images/avatar/content.bg.png') 0 0 repeat-y; text-align: center; position: relative; z-index:3; }
#footer { width: 100%; height: 68px; background: url('../images/avatar/footer.bg.png') 0 0 no-repeat; text-align: left; position: relative; }
.ie-6 #content { padding-bottom: 19px; }
/*#header span.info { position: absolute; left: 552px; top: 25px; font-size: 12px; color: #333; }*/
/*#header span.info { position: absolute; left: 101px; top: 25px; font-size: 12px; color: #333; }*/
#header span.info { position: absolute; left: 101px; top: 25px; font-size: 13px; color: #000; }
#header span.info a { font-size: 13px; color: #000; text-decoration: none; }
#header span.info a:hover { text-decoration: underline; }
#header .btn-close { height: 56px; width: 56px; overflow: hidden; display: block; background: url('../images/avatar/btn.close.jpg') 0 0 no-repeat; }
/*#header .btn-csub { background-image: url('../images/avatar/btn.close.blue.png'); }*/
#header .btn-csub { background-image: url('../images/avatar/btn.close.red.png'); }
/*#header .btn-close:hover,*/
/*#header .btn-csub:hover { background: url('../images/avatar/btn.close.red.png') 0 0 no-repeat; }*/
/*#header .btn-close { position: absolute; top: 20px; left: 1000px; }*/
#header .btn-close { position: absolute; top: 20px; left: 20px; }
#footer .subtitle { position: absolute; top: 28px; left: 99px; color: #b7b7b7; }
.page { padding: 13px 100px 0 100px; text-align: left; }
.page .title { font-size: 28px; line-height: 32px; }
.btn-cancel { height: 30px; width: 172px; overflow: hidden; display: block; background: url('../images/avatar/btn.cancel.jpg') 0 0 no-repeat; }
.btn-cancel:hover { background-position: 0 -30px; }
.page .block-left { float: left; width: 425px; }
.page .block-left a { color:#000000; text-decoration:none; }
.page .block-right { float: right; width: 425px; }
.page .block-left .logo { margin-bottom: 11px; }
.page .block-left .title { width: 300px; margin-bottom: 11px; }
.page .block-left p { line-height: 22px; color: #333; }
.page .block-left .discount { /*padding-top: 27px; padding-bottom: 21px;*/ padding-top: 18px; padding-bottom: 29px; font-size: 12px; color: #0c5f8f; }
.page .block-left .btn-order-avatar { display: block; height: 30px; width: 172px; overflow: hidden; display: block; background: url('../images/avatar/btn.home.order.avatar.jpg') 0 0 no-repeat; }
.page .block-left .btn-order-avatar:hover { background-position: 0 -30px; }
.page .block-left .line { height: 72px; width: 395px; background: url('../images/avatar/home.line.jpg') 0 35px no-repeat; }
/* AVATAR */
.page-avatar { }
.page-avatar .block-left .discount { }
.page-avatar .block-left .sub { padding-top: 15px; }
.page-avatar .block-left .sub label { display: block; padding-top: 9px; padding-bottom: 4px; color: #666; }
.page-avatar .block-left .sub input { width: 373px; height: 15px; padding: 0 5px 0 5px; border: 1px solid #d7d7d7; color: #666; }
.ie-6 .page-avatar .block-left .sub,
.ie-7 .page-avatar .block-left .sub { padding-top: 16px; }
.ie-6 .page-avatar .block-left .sub input { width: 385px; height: 17px; }
.ie-6 .page-avatar .block-left .sub label,
.ie-7 .page-avatar .block-left .sub label { padding-top: 8px; padding-bottom: 3px; }
.page-avatar .block-right .row { padding-top: 50px; }
.page-avatar .block-right .row span.black { color: #000; }
.page-avatar .block-right .row p { padding-bottom: 15px; line-height: 18px; color: #666; }
.page-avatar .block-right .row .left { width: 269px; float: left; color: #666; }
.page-avatar .block-right .row .right { width: 155px; float: left; color: #666; }
.page-avatar .block-right .row input { width: 36px; height: 15px; padding: 0 5px 0 5px; border: 1px solid #d7d7d7; font-size: 12px; color: #000; margin-left: 7px; vertical-align: -2px; }
.page-avatar .block-right .row input.db { width: 20px; height: 15px; padding: 0 5px 0 5px; border: 1px solid #d7d7d7; font-size: 12px; color: #000; margin-left: 0px; vertical-align: 0px; }
.ie-6 .page-avatar .block-right .row select.num,
.ie-7 .page-avatar .block-right .row select.num { vertical-align: -3px; }
.page-avatar .block-right .row span.num { color: #000; font-size: 12px; }
.ie-6 .page-avatar .block-right .row input { width: 48px; height: 17px; }
.page-avatar .block-right .row input.nobord { border: none; border-color: transparent; width: 20px; background-color: #ddd; font-size: 12px; color: #000 !important; }
.page-avatar .block-right .row input.chk { width: auto !important; vertical-align: middle; border:none !important;}
.ie-7 .page-avatar .block-right .row .label input.chk { position: relative; left: -3px; top: 2px; margin:0px !important; padding: 0px; }
.page-avatar .block-right .row-2 { padding-top: 10px; }
.page-avatar .block-right .row-2 .left { width: 252px; float: left; padding-top: 7px; color: #6c9a2e; }
.page-avatar .block-right .row-2 .right { width: 172px; float: left; color: #666; }
.page-avatar .block-right .row-2 .right .btn-order { display: block; cursor: pointer; height: 30px; width: 172px; overflow: hidden; display: block; background: url('../images/avatar/btn.avatar.order.jpg') 0 0 no-repeat; }
.page-avatar .block-right .row-2 .right .btn-order:hover { background-position: 0 -30px; }
/* KESSLER */
.page-kessler { background:url('../images/avatar/subpage.center.shadow.jpg') 510px center no-repeat; }
.page-kessler .block-left p { /*padding-bottom: 28px; */width: 385px; height: 308px; text-align: justify; }
.page-kessler .title2 { font-size: 14px; color: #398cb6; }
.page-kessler .description2 { color: #398cb6; font-size: 11px; line-height: 14px;}
.page-kessler .block-right { padding-top: 410px; background: url('../images/avatar/kessler.right.bg.jpg') 0 0 no-repeat; }
.page-kessler .block-right .row { padding-top: 8px; padding-bottom: 8px; }
.page-kessler .block-right .row .l { float: left; width: 24px; padding-top: 2px; }
.page-kessler .block-right .row .l input { width: auto; height: auto; padding: 0; margin: 0; border: none; }
.ie-6 .page-kessler .block-right .row .l .chk,
.ie-7 .page-kessler .block-right .row .l .chk { margin-left: -4px; }
.page-kessler .block-right .row label { float: left; width: 396px; color: #666; }
.page-kessler .block-right .row .label { float: left; width: 396px; color: #666; }
.page-kessler .block-right .row label .black { color: #000; }
.page-kessler .block-right .row label .highlight { color: #9e211d; }
.page-kessler .block-right .row label.low { padding-top: 6px; }
.ie-6 .page-kessler .block-right .row label.low,
.ie-7 .page-kessler .block-right .row label.low { padding-top: 3px; }
.ie-6 .page-kessler .block-right .row,
.ie-7 .page-kessler .block-right .row { padding-top: 8px; padding-bottom: 22px; }
.ie-6 .page-kessler .block-right .row .l { width: 26px; }
.ie-6 .page-kessler .block-right .row .l input { width: auto; height: auto; }
.ie-6 .page-kessler .block-right .row .l,
.ie-7 .page-kessler .block-right .row .l { padding-top: 0px; margin-top: -1px; text-align: left; }
.page-kessler .block-right .row-1 { padding-top: 10px; }
.ie-6 .page-kessler .block-right .row-1,
.ie-7 .page-kessler .block-right .row-1 { padding-top: 15px; }
.page-kessler .block-right .row-1 .left { width: 269px; float: left; color: #666; }
.page-kessler .block-right .row-1 .right { width: 155px; float: right; color: #666; }
.page-kessler .block-right .row-1 input { width: 36px; height: 15px; padding: 0 5px 0 5px; border: 1px solid #d7d7d7; font-size: 12px; color: #000; margin-left: 7px; vertical-align: -2px; }
.page-kessler .block-right .row-1 span.num { color: #000; font-size: 12px; }
.ie-6 .page-kessler .block-right .row-1 input { width: 48px; height: 17px; }
.page-kessler .block-right .row-2 .left { color: #ce312a; }
.page-kessler .block-right .row-2 .right .btn-order { background-image: url('../images/avatar/btn.kessler.order.jpg'); }
.ie-7 .page-kessler .block-right .row-2 { padding-top: 6px; }
/* MARIA TREBEN */
.page-treben { background:url('../images/avatar/subpage.center.shadow.jpg') 510px center no-repeat; }
.page-treben .block-left .title { width: 350px; margin-bottom: 11px; }
.page-treben .block-right { padding-top: 410px; background: url('../images/avatar/treben.right.bg.jpg') 0 0 no-repeat; }
/* PAGE RESULT*/
.page-result { text-align: center; padding-top: 174px; }
.page-result h1 { font-size: 28px; font-weight: normal; margin-bottom: 60px; }
.page-result .line { width: 573px; height: 2px; margin: 0 auto; background: url('../images/avatar/result.line.jpg') 0 0 no-repeat; }
.page-result a { display: block; width: 300px; margin: 20px auto 0 auto; font-size: 16px; color: #0c5f8f; text-decoration: none; }
.page-result a:hover { text-decoration: underline; }
/*.page-result .subtext { font-size: 12px; color: #0c5f8f; margin-top: 70px; margin-bottom: 236px; }*/
.page-result .subtext { font-size: 12px; color: #0c5f8f; margin-top: 70px; margin-bottom: 156px; }
/* KIRALYOK */
.page-kiralyok { margin-top:-16px; padding-top:0; background:url('../images/avatar/subpage.center.shadow.jpg') 510px center no-repeat; }
.ie-6 .page-kiralyok { margin-top:0px; }
.page-kiralyok .block-left p { line-height:18px; padding-bottom:15px; text-align:justify; }
.page-kiralyok .block-right { padding-top: 265px; background: url('../images/avatar/kiralyok.right.bg.jpg') 0 0 no-repeat; }
.page-kiralyok .block-right p { font-size:10px; line-height:16px; padding:0 0 5px 23px; text-align:justify; color:#781010;}
.page-kiralyok .block-right .row { padding-bottom: 0;}
.ie-6 .page-kiralyok .block-right .row-2 { padding-top: 0px; }
.page-home .block.kiralyok { background: url("../images/avatar/home.thumb.kiralyok.png") no-repeat scroll center 40px transparent; height: 430px; padding: 0; width: 323px; }
.page-home .block.kiralyok .text { margin:-20px 0 0 10px; }
.page-home .block.kiralynek { background: url("../images/avatar/home.thumb.kiralynek.jpg") no-repeat center 30px; width: 307px; }
.page-home .block.kiralynek .text { margin-top: -20px; }
.page-home .block.kiralynek .space2 { height: 20px; }
.page-home .block.nagycsatak { background: url("../images/avatar/home.thumb.nagycsatak.png") no-repeat scroll center 40px transparent; height: 430px; padding: 0 0 0 20px; margin: 0 0 0 14px; width:286px;}
.page-home .block.nagycsatak .text { margin-top:-20px; }
.page-home .block.wassalbert { background: url("../images/avatar/home.thumb.wassalbert.png") no-repeat scroll center 40px transparent; height: 430px; padding: 0; width: 296px; }
.page-home .block.wassalbert .text { margin:-20px 0 0 20px; }
.page-home .block.wassalbert .space1 { height: 16px; }
/* Nagy csaták */
.page-nagycsatak { margin-top:-16px; padding-top:0; background:url('../images/avatar/subpage.center.shadow.jpg') 510px center no-repeat; }
.ie-6 .page-nagycsatak { margin-top:0px; }
.page-nagycsatak .block-left p { line-height:18px; padding-bottom:15px; text-align:justify; }
.page-nagycsatak .block-right { padding-top: 340px; background: url('../images/avatar/nagycsatak.right.bg.jpg') 0 0 no-repeat; }
.page-nagycsatak .block-right p { font-size:10px; line-height:16px; padding:0 0 5px 23px; text-align:justify; color:#781010;}
.page-nagycsatak .block-right .row { padding-bottom: 0;}
.ie-6 .page-nagycsatak .block-right .row-2 { padding-top: 0px; }
.page-nagycsatak .block-left p { height: 100%; }
.page-nagycsatak .block-left .subtitle { font-size:16px; color:#781010; margin-bottom:10px; width:80%; }
.shadow-left { width:440px; height:50px; background:url('../images/avatar/shadow.right.top.png') -45px 0; margin-bottom: -54px; margin-top:10px; }
.shadow-right-top { width:440px; height:50px; background:url('../images/avatar/shadow.right.top.png') -20px 0; margin-bottom: -54px; }
.ie-6 .shadow-right-top, .ie-7 .shadow-right-top { margin-bottom:-74px; }
.shadow-line { width:391px; height:1px; background:url('../images/avatar/line.right.jpg') no-repeat; margin:10px 0 2px 24px; position: relative; }
.ie-6 .shadow-line, .ie-7 .shadow-line { line-height: 0px; float: left; clear: both; top: -3px; }
.ie-6 br.clear, .ie-7 br.clear { display:none; }
/* Wass Albert */
.page-wassalbert { margin-top:-16px; padding-top:0; background:url('../images/avatar/subpage.center.shadow.jpg') 510px center no-repeat; }
.ie-6 .page-wassalbert { margin-top:0px; }
.page-wassalbert .block-left p { line-height:18px; padding-bottom:15px; text-align:justify; }
.page-wassalbert .block-right { padding-top: 184px; background: url('../images/avatar/wassalbert.right.bg.jpg') 0 0 no-repeat; }
.page-wassalbert .block-right p, .page-wassalbert .block-right p a { color:#781010; text-decoration:none; }
.page-wassalbert .block-right .row { padding-bottom: 0;}
.ie-6 .page-wassalbert .block-right .row-2 { padding-top: 0px; }
.page-wassalbert .block-left p { height: 100%; }
.page-wassalbert .block-left .title { margin-bottom: 4px; }
.page-wassalbert .block-left .subtitle { font-size:16px; color:#781010; margin-bottom:2px; width:80%; }
.page-wassalbert .block-left .subtitle2 { font-size:13px; color:#000000; margin-bottom:2px; width:80%; }
.chk.exclude { margin: 0 4px 0 0 !important; }
/* page.kiralynek.rbg.jpg */
.page-kiralynek { }
.page-kiralynek .block-right { padding-top: 360px; background: url("../images/avatar/page.kiralynek.rbg.png") center 0 no-repeat; }
.page-kiralynek .block-left { width: 384px; }
.page-kiralynek .block-left p { font-family: "Myriad Pro", Arial, Verdana; font-size: 10px; }
.page-kiralynek .block-left p.grey { color: #333333; font-size: 12px; line-height: 14px; }
.page-kiralynek .block-left p.red { color: #781010; line-height: 13px; }
.page-kiralynek .subtitle2 { padding: 5px 0; margin: 0px; }
.page-kiralynek .subtitle2 a { text-decoration: underline; }
/* REMEKMUVEK */
.page-remekmuvek { }
.page-remekmuvek .block-left { min-height:660px; }
.page-remekmuvek .block-left .title { width:auto; }
.page-remekmuvek .block-left .subtitle { font-size:16px; color:#781010; margin-bottom:10px; }
.page-remekmuvek .block-left p { padding-bottom:0px; }
.page-remekmuvek .block-right { padding-top: 265px; background: url('../images/avatar/remekmuvek.right.bg.jpg') 20px 0 no-repeat; }
.page-remekmuvek .block-right h2 { padding-left:23px; margin:0; margin-bottom:10px; font-size:16px; color:#781010; font-weight:normal; }
/*.page-remekmuvek .block-right p { padding-bottom:53px; }*/
.page-remekmuvek .block-left .sub { display:none; }
.page-remekmuvek .block-right .row,
.page-remekmuvek .block-right .row-1,
.page-remekmuvek .block-right .row-2 { display:none; }
.page-remekmuvek .block-right p { font-size:12px; }
.page-remekmuvek .block-left .shadow { margin-left:-20px; width:406px; height:45px; background:url('../images/avatar/remekmuvek.bottom.shadow.jpg') no-repeat; }
.page-remekmuvek .block-right .shadow { margin-right:-20px; width:422px; height:63px; background:url('../images/avatar/remekmuvek.bottom.right.shadow.jpg') no-repeat; }
.ie-6 .page-remekmuvek .block-left { height:660px; margin-left:-20px; padding-left:40px; }
/* HOME */
.page-home { margin-top:0; padding: 0px 50px 0 50px; background:url('../images/avatar/home.bg.4.png') 85px 60px no-repeat; }
.ie-6 .page-home { background:url('../images/avatar/home.bg.2.jpg') 85px 60px no-repeat; }
.page-home .block-left,
.page-home .block-right { position:relative; }
.ie-6 .page-home .block-left,
.ie-6 .page-home .block-right { padding-top:40px; }
.page-home .soon { position:absolute; left:28px; top:10px; z-index:3; font-size:20px; color:#000; }
.page-home .title { font-size: 25px; color:#781010; line-height:23px; }
.page-home .title.main { font-size: 25px; color:#781010; line-height:33px; margin-left:48px; }
.page-home .subtitle { font-size:14px; color:#000000; }
.page-home .redsubtitle { font-size:13px; color:#781010; }
.page-home .block { height:430px; padding: 0 0px 0 33px; background:url('../images/avatar/home.thumb.kiralyok.png') center 40px no-repeat;
float:left;
}
.page-home .block .title { font-size:17px; color:#030303; width:auto; margin:0; padding-top: 260px; }
.page-home .block p { line-height:16px; }
.page-home .remekmuvek { padding-right:0px; background-image:url('../images/avatar/home.thumb.remekmuvek.png'); }
.ie-6 .page-home .block { padding-left:0px; padding-right:0; }
.ie-6 .page-home .block .title { padding-top: 220px; }
.page-home .sub { float:left; margin-left: 28px; margin-top: 30px; cursor: default; }
.page-home .first { margin-left: 46px; }
.page-home .last { margin-left: 10px; }
.page-home .sub .title { font-size:17px; line-height: 22px; color:#030303; width: auto; margin-bottom: 3px; cursor: default; }
.page-home .sub .new { font-size:17px; color:#398cb6; width: auto; margin-bottom: 3px; text-transform: uppercase; }
.page-home .sub p { line-height: 15px; cursor: default; }
.page-home .sub.last .r { width: 160px; }
.page-home .block p { line-height: 15px; }
.page-home .sub a.blue { display: block; float: left; padding-bottom: 4px; color: #0c5f8f; line-height: normal; text-decoration: none; }
.page-home .sub a.blue:hover { text-decoration: underline; }
.page-home .sub .kessler { float: left; width: 112px; height: 176px; overflow: hidden; background: url('../images/avatar/home.thumb.kessler.png') 0 0 no-repeat; }
.page-home .sub .kessler-over { float: left; width: 112px; height: 176px; overflow: hidden; background: url('../images/avatar/home.thumb.kessler.over.png') 0 0 no-repeat; }
.page-home .sub .kessler2 { float: left; width: 120px; height: 176px; overflow: hidden; background: url('../images/avatar/home.thumb.kessler2.png') 0 0 no-repeat; }
.page-home .sub .kessler2-over { float: left; width: 120px; height: 176px; overflow: hidden; background: url('../images/avatar/home.thumb.kessler2.over.png') 0 0 no-repeat; }
/*.page-home .sub:hover .kessler { background-position: 0 -176px; }*/
.page-home .sub .r { float: left; width: 150px; padding-left: 12px; }
.page-home .block-right .sub .r { width: 227px; padding-left: 30px; }
.page-home .sub .btn-order-kessler { float:right; display: block; height: 30px; width: 136px; overflow: hidden; display: block; background: url('../images/avatar/btn.home.order.kessler.jpg') 0 0 no-repeat; }
.page-home .sub .btn-order-kessler:hover { background-position: 0 -30px; }
.page-home .btn-order-home { clear:both; display:block; float:right; height:30px; width:172px; overflow:hidden; display:block; background: url('../images/avatar/btn.order.home.jpg') 0 0 no-repeat; margin-top:15px; }
.ie-7 .page-home .btn-order-home { margin-top:25px; }
.page-home .btn-order-remekmuvek { display:block; float:right; height:30px; width:205px; overflow:hidden; display:block; background: url('../images/avatar/btn.order.remekmuvek.jpg') 0 0 no-repeat; }
.page-home a.red { display:block; float:left; color:#781010; line-height:normal; text-decoration:none; }
.page-home a.red:hover { text-decoration: underline; }
.page-home .space1 {clear:both; height:18px; }
.page-home .space2 {clear:both; height:12px; }
.page-home .space3 {clear:both; height:9px; }
.page-home .space4 {clear:both; height:13px; }
/*.page-home .sub .treben { float: left; margin-left: 4px; width: 128px; height: 176px; overflow: hidden; background: url('../images/avatar/home.thumb.treben.png') 0 0 no-repeat; }
.page-home .sub .treben-over { float: left; margin-left: 4px; width: 128px; height: 176px; overflow: hidden; background: url('../images/avatar/home.thumb.treben.over.png') 0 0 no-repeat; }
*/
.page-home .sub .kings,
.page-home .sub .kings-over { float: left; margin-left: 4px; width: 127px; height: 164px; overflow: hidden; background: url('../images/avatar/home.thumb.kiralyok.small.jpg') 0 0 no-repeat; }
.page-home .sub .kings-over { background-position: 0 -164px; }
.ie-6 .page-home .sub .r { width: 247px; }
.ie-6 .page-home .block-right .sub .r { width: 254px; }
.page-home .block-down { float:left; clear:both; width: 970px; margin-top: 0px; margin-left: 8px; padding-bottom: 26px; background: url('../images/avatar/home.bg.bottom.jpg') 0 0 no-repeat;}
.block-down .sub.first .r { padding-top: 13px; }
.block-down .sub.middle .r { margin-top: -12px; }
.block-down .sub.last .r { padding-top: 13px; }