@font-face {
    font-family: 'AvenirHLight';
    src: url('/css/fonts/posta_1-webfont.eot');
    src: local('AvenirH'), local('AvenirHLight'), url('/css/fonts/posta_1-webfont.woff') format('woff'), url('/css/fonts/posta_1-webfont.ttf') format('truetype'), url('/css/fonts/posta_1-webfont.svg#webfont8BGIw4d7') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirHHeavy';
    src: url('/css/fonts/avenhh__-webfont.eot');
    src: local('AvenirH'), local('AvenirHHeavy'), url('/css/fonts/avenhh__-webfont.woff') format('woff'), url('/css/fonts/avenhh__-webfont.ttf') format('truetype'), url('/css/fonts/avenhh__-webfont.svg#webfont1BLnYp6B') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WalkwayExpandBlackRegular';
    src: url('/css/fonts/walkway_expand_black-webfont.eot');
    src: local('☺'), url('/css/fonts/walkway_expand_black-webfont.woff') format('woff'), url('/css/fonts/walkway_expand_black-webfont.ttf') format('truetype'), url('/css/fonts/walkway_expand_black-webfont.svg#webfont9rHhifSt') format('svg');
    font-weight: normal;
    font-style: normal;
}



body { background: #959494 url(/gfx/body_bg.png) repeat-y center 0; line-height: 1.3; }
#wrapper { width: 1000px; margin: 0 auto; }

#header {}
#header #top { background: #1e1b19 url(/gfx/header_top_bg.png) repeat-x 0 0; }
#header #top .std { background: transparent url(/gfx/header_top_bottom.png) no-repeat 0 bottom; overflow: hidden; padding: 3px 0 0 0; min-height: 32px; }
#header #top .col1 { float: left; width: 60%; }
#header #top .col2 { float: right; width: 40%; }
#header #top .col1 ul { margin: 0 0 0 25px; }
#header #top .col2 ul { margin: 0 25px 0 0;  }
#header #top ul { list-style: none; }
#header #top li { margin: 0 5px 0 0; float: left; font-family: 'AvenirHLight'; font-size: 15px; color: #ffffff; text-shadow: 0 -1px #000000; line-height: 26px; }
#header #top li.icon-login { background: transparent url(/gfx/icon-login.png) no-repeat 0 0; padding: 2px 0 0 30px; margin-left: 10px; }
#header #top li.icon-search { background: transparent url(/gfx/icon-search.png) no-repeat 0 0; padding: 2px 0 0 30px; margin-left: 10px; }
#header #top li.margin { padding: 2px 0 0 0; }
#header #top a { color: #ffffff; text-decoration: underline; }
#header #top a:hover { color: #ffffff; text-decoration: none; }

#header #slides { padding: 5px 10px; overflow: auto; }
#header #slides .logo { float: left; width: 230px; text-align: center; }
#header #slides #images { float: left; width: 743px; border: 1px solid #5a5958; min-height: 258px; position: relative; }
#header #slides ul { margin: 0; }
#header #slides li { margin: 0; list-style: none; }
#header #slides ul.images li { left: 0; margin: 0; padding: 0; position: absolute; top: 0; }
#header #slides ul.infos { margin: 0 0 0 559px; }
#header #slides ul.infos a,
#header #slides ul.infos a:hover { text-decoration: none; color: #8d8079; }
#header #slides ul.infos li { padding: 7px 10px; font-size: 10px; background-color: #262320; border-bottom: 1px solid #5a5958; }
#header #slides ul.infos li.last { border: none; padding-bottom: 8px; }
#header #slides ul.infos li.active { background-color: #060504; }
#header #slides ul.infos strong { font-family: 'WalkwayExpandBlackRegular'; font-size: 18px; color: #ffffff; font-weight: normal; margin: 0; display: block; }

textarea,
input { font-family: arial; font-size: 11px; color: #262320; }
button { cursor: pointer; }

input.field168 { border: 0; background: transparent url(/gfx/field_login_bg.png) no-repeat 0 0; width: 148px; padding: 5px 10px 5px 10px; }
input.field44 { border: 0; background: transparent url(/gfx/field_count_bg.png) no-repeat 0 0; width: 34px; padding: 5px; text-align: right; }
input.field250 { border: 0; background: transparent url(/gfx/field_text_bg.png) no-repeat 0 0; width: 240px; padding: 5px 10px 5px 10px; }
textarea.field250x100 { border: 0; background: transparent url(/gfx/field_textarea_bg.png) no-repeat 0 0; width: 240px; height: 90px; padding: 5px 10px 5px 10px; }

button { border: 0; color: #fff; font-family: arial; font-size: 11px; }
button.ok { background: transparent url(/gfx/button_ok.png) no-repeat 0 0; width: 29px; height: 22px; }
button.cart { background: transparent url(/gfx/button_cart.png) no-repeat 0 0; width: 67px; height: 29px; }
button.pay { background: transparent url(/gfx/button_pay.png) no-repeat 0 0; width: 68px; height: 28px; }
button.button80 { background: transparent url(/gfx/button_80.png) no-repeat 0 0; width: 80px; height: 28px; }
button.button100 { background: transparent url(/gfx/button_100.png) no-repeat 0 0; width: 100px; height: 28px; }
button.button120 { background: transparent url(/gfx/button_120.png) no-repeat 0 0; width: 120px; height: 28px; }

#header #menu { background: #10383d url(/gfx/menu_bg.png) repeat-x 0 0; }
#header #menu .left { background: transparent url(/gfx/menu_left_bg.png) no-repeat left 0; }
#header #menu .right { background: transparent url(/gfx/menu_right_bg.png) no-repeat right 0; }
#header #menu .std { margin: 0 10px; overflow: hidden; min-height: 43px; }
#header #menu ul { list-style: none; margin: 0; padding: 0; }
#header #menu li { float: left; font-family: 'AvenirHLight'; font-size: 15px; color: #ffffff; text-shadow: 0 -1px #000000; margin: 0; }
#header #menu li a { color: #ffffff; text-decoration: none; padding: 8px 0; display: block; }
#header #menu li a:hover { color: #6dacb4; text-decoration: none; text-shadow: 0 1px #000000; background: transparent url(/gfx/menu_a_hover_bg.png) repeat-x 0 0; }
#header #menu li a span { display: block; padding: 0 10px 0 20px; background: transparent url(/gfx/menu_a_lamp_off.png) no-repeat 7px 3px; }
#header #menu li a:hover span { background: transparent url(/gfx/menu_a_lamp_on.png) no-repeat 3px 0px; }
#header #menu li.first a { width: 200px; }
#header #menu li.first a:hover { color: #ffffff; text-decoration: none; text-shadow: 0 -1px #000000; margin: 0; background: none; }
#header #menu li.first a:hover span { background: transparent url(/gfx/menu_a_lamp_off.png) no-repeat 7px 3px; }

#container { padding: 0 10px; overflow: auto; }

#left { width: 220px; float: left; }
#left h2 { font-family: 'AvenirHLight'; font-size: 15px; color: #ffffff; text-shadow: 0 -1px #000000; font-weight: normal; }
.box { text-align: center; margin: 0 0 20px 10px; }
.partnereink h2 { background: transparent url(/gfx/h2_partnereink.jpg) no-repeat 0 0; margin: 0 0 0 -10px; min-height: 40px; padding: 0 0 0 40px; }
.partnereink h2 span { padding: 7px 0 0 0; display: block; }
.partnereink .box { margin: 0 0 8px 0; }

.categories { background: transparent url(/gfx/category_bg.png) repeat-y 0 0; margin: 0 0 10px 10px; }
.categories ul { list-style: none; margin: 0 0 0 10px; }
.categories li.first { padding-top: 12px;}
.categories li.last { padding-bottom: 5px;}
.categories a { font-family: 'WalkwayExpandBlackRegular'; font-size: 15px; color: #ffffff; text-decoration: none; display: block; padding: 10px 0 10px 28px; }
.categories a.current,
.categories a:hover { color: #3aafad; }
.categories .slider { background: transparent url(/gfx/category_slider.png) no-repeat -100px 0; }
.categories .top { background: transparent url(/gfx/category_top.png) no-repeat 0 0; }
.categories .bottom { background: transparent url(/gfx/category_bottom.png) no-repeat 0 bottom; }

#content { width: 580px; float: left; color: #ffffff; font-family: arial; font-size: 12px; }
#content .content { margin: 0 10px; }
#content .text { color: #ffffff;  margin: 0 10px; }
#content p { margin: 10px 0; }
#content h1 { font-family: 'WalkwayExpandBlackRegular'; font-size: 30px; color: #ffffff; font-weight: normal; text-shadow: 0 -1px #59132a; background: #841c3f url(/gfx/h1_bg.png) repeat-y 0 0; margin: 0 0 13px 0; }
#content h1 div.top { background: transparent url(/gfx/h1_top.png) no-repeat 0 top; }
#content h1 div.bottom { background: transparent url(/gfx/h1_bottom.png) no-repeat 0 bottom; }
#content h1 span { display: block; padding: 10px 0 10px 15px; }
#content h2 { font-family: 'AvenirHLight'; font-size: 18px; margin: 10px 0; font-weight: normal; color: #3aafad; }
#content h3 { font-family: Arial; font-size: 14px; font-weight: normal; color: #ffffff; margin: 5px 0; }
#content .pager { font-family: Tahoma; font-size: 11px; color: #ffffff; margin: 20px 0; }
#content .pager a { color: #ffffff; text-decoration: none; margin: 0 2px; }
#content .pager a:hover { color: #3aafad; }
#content .pager a.nav { border-bottom: 1px dotted #ffffff; }
#content .pager a.nav:hover { border-bottom: 0; text-decoration: none; color: #ffffff; }

#content .plates-row { margin: 0 0 17px 0; overflow: auto;}
#content .plates-row .plate { float: left; margin: 0 10px 0 0; }
#content .plates-row .plate h3 { background: #10383e url(/gfx/h3_bg.png) no-repeat 0 0; margin: 0 0 1px 0; padding: 0; font-family: arial; font-size: 13px; font-weight: normal; line-height: 16px; width: 180px; }
#content .plates-row .plate h3 a { color: #ffffff; text-decoration: none; padding: 10px 5px 9px 5px; display: block; overflow: hide; }
#content .plates-row .plate p { margin: 0; font-size: 11px; color: #ffffff; padding: 0 0 5px 0; min-height: 30px; }
#content .plates-row .plate p.price { text-align: right; font-size: 24px; padding: 0; min-height: 0; }
#content .plates-row .plate .image { background-color: #1f6b75; padding: 5px; text-align: center; margin: 0 0 1px 0; }
#content .plates-row .plate .info { background: #1f6b75 url(/gfx/plate_info_bg.png) repeat-x 0 bottom; width: 180px; }
#content .plates-row .plate .info .std { padding: 8px 11px 8px 11px; background: transparent url(/gfx/plate_info_bottom.png) no-repeat 0 bottom; }
#content .plates-row .plate .buttons { min-height: 20px; position: relative; }
#content .plates-row .plate .buttons .more { position: absolute; top: 0; left: 8px; }
#content .plates-row .plate .buttons .cart { position: absolute; top: 0; right: 13px; }
#content .plates-row .last { margin: 0; }
#content a { text-decoration: none; color: #3aafad; }
#content a:hover { color: #ffffff; }
#content .posts-list { padding: 0 0 15px 0; }
#content .posts-list p { margin: 0; }
#content .posts-list p.date { color: #999; }
#content .posts-list h2 { margin: 10px 0 0 0; }
#content .hr-title { margin: 0 5px 0 0; padding: 3px 13px 3px 0; text-align: right; font-family: Tahoma; font-size: 12px; color: #3aafad; background: transparent url(/gfx/arrow.png) no-repeat right center; }
#content p.next,
#content p.prev { float: left; width: 50%; margin: 0;}
#content p.next { text-align: right; }

#content table.product-details { margin: 10px 0; }
#content .product-details .price { text-align: left; border-right: 1px dotted #ffffff; padding: 10px 10px; }
#content .product-details .btn { text-align: right; }
#content .product-details .error { color: #c00; text-align: right; }
#content .product-details td { color: #ffffff; padding: 0 0 0 10px; }
#content .price { font-size: 24px; }

#content table.data-table { margin: 10px 0; }
#content .data-table th { padding: 2px 5px; color: #ffffff; font-family: 'AvenirHLight'; font-size: 15px; font-weight: normal; text-align: left; }
#content .data-table td { color: #ffffff; padding: 2px 5px 2px 0; background: transparent url(/gfx/hr_bg.png) repeat-x 0 0; }
#content .data-table p { margin: 0; }
#content .data-table em { color: #999; }
#content .data-table a.delete { color: #c00; }
#content .data-table a.delete:hover { color: #fff; }
#content .data-table .price { font-size: 18px; }

#content ul.form { margin: 0 0 10px 0; list-style: none; }
#content ul.form li { margin: 3px 0; }
#content p.note { font-style: italic; margin: 0; color: #AAA; }
#content label { cursor: pointer; }

#content #pppcontrol label { color: #3aafad; }
#content #pppcontrol em { color: #999;}

#content ul.disc { margin: 10px 0 10px 20px; }
#content ul.errors { margin: 10px 0 10px 20px; color: #f00; }
#content ul.none { margin: 10px 0 10px 20px; list-style: none; }
#content ul.none label { color: #3aafad; }
#content ul.none li { margin: 3px 0; }

hr { background: transparent url(/gfx/hr_bg.png) repeat-x 0 0; border: 0; height: 1px; line-height: 1px; }

#social-container { margin: 10px 0; }

#right { width: 180px; float: left; }
#right .block { margin: 0 0 40px 0; }
#right .block .std img { border: 1px solid #403b38; margin: 0 12px; }
#right .block .std { background: transparent url(/gfx/block_bg.png) repeat-y 0 0; }
#right .block .std div { margin: 0 10px; position: relative; }
#right .block .std p { margin: 0; padding: 6px 10px 11px 0; text-align: center; color: #ffffff; font-family: Arial; font-size: 12px; }
#right h2 { font-family: 'AvenirHLight'; font-size: 15px; color: #ffffff; text-shadow: 0 -1px #000000; margin: 0 -10px 0 0; min-height: 47px; padding: 0 0 0 31px; font-weight: normal; }
#right h2 span { padding: 8px 0 0 0; display: block; }
#right h2.whatsnew { background: transparent url(/gfx/h2_whatsnew.jpg) no-repeat 0 0; }
#right h2.topfive { background: transparent url(/gfx/h2_topfive.jpg) no-repeat 0 0; }
#right .block .std img.star { border: none; position: absolute; top: 40px; left: -9px; }

#right #cart .buttonrow { text-align: center; margin: 10px 0; }
#cart ul { margin: 10px; padding: 0; font-size: 11px; color: #ffffff; list-style: none; font-family: arial; }
#cart em { color: #999; }
#cart li { margin: 5px 0; }
#cart h2 { margin: 10px 0; color: #3aafad; padding: 0; background: none; text-align: center; min-height: 0; }
#cart a { text-decoration: none; color: #3aafad; }
#cart a:hover { color: #ffffff; }
#cart p { text-align: center; font-family: arial; font-size: 12px; color: #ffffff; margin: 10px 0 0 0; }
#cart p.price { margin: 2px 0 10px 0; }
#cart-loader { text-align: center; margin: 10px 0; }

#footer { background: #10383e url(/gfx/footer_bg.png) repeat-x 0 0; }
#footer h4 { color: #ffffff; font-size: 14px; line-height: 21px; margin: 0; text-indent: -1000px; }
#footer .sep_top,
#footer .sep_bottom { display: block; height: 2px; } 
#footer .cols { overflow: auto; }
#footer .cols div { float: left; width: 320px; }
#footer .cols h4 { padding: 0 0 17px 0; }
#footer .col1 h4 { background: transparent url(/gfx/footer_h4_vasarlasi.jpg) no-repeat 0 0; }
#footer .col2 h4 { background: transparent url(/gfx/footer_h4_egyszeru.jpg) no-repeat 0 0; }
#footer .col3 h4 { background: transparent url(/gfx/footer_h4_kiszall.jpg) no-repeat 0 0; }
#footer .cols p { font-family: arial; font-size: 12px; color: #bacbce; margin: 0; padding: 0 0 0 80px; min-height: 82px; display: block; }
#footer .col1 { background: transparent url(/gfx/footer_h4_vasarlasi_icon.jpg) no-repeat 0 21px; }
#footer .col2 { background: transparent url(/gfx/footer_h4_egyszer_icon.jpg) no-repeat 0 21px; }
#footer .col3 { background: transparent url(/gfx/footer_h4_kiszall_icon.jpg) no-repeat 0 21px; }

#footer .sep_top { background: transparent url(/gfx/footer_sep_top.png) no-repeat center 0; }
#footer .sep_bottom { background: transparent url(/gfx/footer_sep_bottom.png) no-repeat center 0; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { list-style: none; text-align: center; margin: 0; padding: 14px 0; }
#footer li { background: transparent url(/gfx/footer_a_sep.gif) no-repeat 0 center; font-family: 'AvenirHLight'; font-size: 20px; display: inline; padding: 0 12px; margin: 0; }
#footer li.first { padding: 0 12px 0 0; background: none; }
#footer li.last { padding: 0 0 0 12px; }
#footer .std { background: transparent url(/gfx/footer_top_bg.png) no-repeat 0 0; padding: 35px 20px 0 20px; }
#footer .copy { text-shadow: 0 1px #0a2326; color: #60969d; text-align: center; padding: 20px 0; margin: 0; }

.clear { clear: both; }
.col2-set { overflow: auto; }
.col2-set .col1 { float: left; width: 50%; }
.col2-set .col2 { float: left; width: 50%; }

.col4-set { overflow: auto; }
.col4-set .col1 { float: left; width: 34%; }
.col4-set .col2 { float: left; width: 28%; }
.col4-set .col3 { float: left; width: 22%; }
.col4-set .col4 { float: left; width: 16%; }

.error,
.required { color: #f00; }

#content .top_image { padding: 0 0 15px 0; }

/*preload classes*/ 
#content .svw { width: 50px; height: 20px; background: #fff; }
#content .svw ul { position: relative; left: -999em; }

/*core classes*/ 
#content .stripViewer { position: relative; overflow: hidden; } 

 /* this is your UL of images */ 
#content .stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style: none; } 
#content .stripViewer ul li { float: left; margin: 0; } 
#content .stripTransmitter { bottom: -17px; position: absolute; overflow: auto; width: 1%; } 
#content .stripTransmitter ul { float: right; margin: 0 10px 0 0; padding: 0; position: relative; list-style: none; } 
#content .stripTransmitter ul li { float: left; margin: 0 0 0 1px; width: 20px;  } 
#content .stripTransmitter a { font-family: tahoma; font-size: 10px; text-decoration: none; display: block; color: #ffffff; background: transparent url(/gfx/slide_off_bg.png) no-repeat 0 0; text-align: center; padding: 4px 0 5px 0; } 
#content .stripTransmitter a:hover, 
#content .stripTransmitter a.current { color: #000000; background: transparent url(/gfx/slide_on_bg.png) no-repeat 0 0; } 
